﻿.has-text-centered{text-align:center !important}.has-text-left{text-align:left !important}.has-text-right{text-align:right !important}.hidden{display:none !important}.m-1{margin:1rem !important}.mx-1{margin-left:1rem !important;margin-right:1rem !important}.my-1{margin-bottom:1rem !important;margin-top:1rem !important}.mt-1{margin-top:1rem !important}.mb-1{margin-bottom:1rem !important}.m-2{margin:2rem !important}.mx-2{margin-left:2rem !important;margin-right:2rem !important}.my-2{margin-bottom:2rem !important;margin-top:2rem !important}.mt-2{margin-top:2rem !important}.mb-2{margin-bottom:2rem !important}.m-3{margin:3rem !important}.mx-3{margin-left:3rem !important;margin-right:3rem !important}.my-3{margin-bottom:3rem !important;margin-top:3rem !important}.mt-3{margin-top:3rem !important}.mb-3{margin-bottom:3rem !important}.m-4{margin:4rem !important}.mx-4{margin-left:4rem !important;margin-right:4rem !important}.my-4{margin-bottom:4rem !important;margin-top:4rem !important}.mt-4{margin-top:4rem !important}.mb-4{margin-bottom:4rem !important}:root{--black: #000000;--blue: #4444ff;--dark_grey: #575556;--green: #22cc22;--grey: #727272;--light_grey: #e3e3e3;--orange: #f3b202;--red: #ff2222;--silver: #a7a7a7;--white: #ffffff;--yellow: #ffff44;--font_family: "Century Gothic", "Mulish", Helvetica, Arial, Lucida, sans-serif}@keyframes loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}*{box-sizing:border-box}body{overflow:hidden auto}body,html{height:100vh;margin:0;padding:0;width:100%}button{background:none;border:1px solid var(--grey)}button:hover{cursor:pointer}fieldset{margin:0}figure{margin:0}h1,h2,h3,h4,h5,h6{margin:0}p{margin:0}menu,ul{list-style:none;margin:0;padding:0}body:where(*){font-family:var(--font_family);font-optical-sizing:auto;font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1.5;text-overflow:ellipsis}.admin-page :where(.actions,.row-actions){display:flex;gap:1rem;justify-content:flex-end}.admin-page .actions{border-bottom:1px solid var(--silver);margin-bottom:2rem;padding-bottom:1rem}.admin-page .row-actions a{color:var(--dark_grey)}.admin-page .row-actions a.delete{color:var(--red)}.columns{display:flex;flex-direction:row}#page-footer{background-color:var(--dark_grey);color:var(--white);margin-top:40px;position:relative}#page-footer::before{background-color:var(--white);content:" ";clip-path:ellipse(80% 160px at 50% -120px);height:40px;position:absolute;width:100%}#page-footer a{color:var(--white)}#page-footer address{font-style:normal}#page-footer .actions{margin-bottom:1rem}#page-footer .col{margin:0 4rem}#page-footer .columns{align-items:flex-end;justify-content:space-between;padding:4rem}#page-footer .handle{font-weight:bold}#page-footer .links{align-items:center;background-color:var(--light_grey);display:flex;flex-direction:row;gap:2rem;justify-content:center;padding:1rem}#page-footer .links a{color:var(--grey)}#page-footer .logo{margin-bottom:2rem;width:200px}#page-footer .logos{display:flex;margin:1rem 0;gap:2rem}#page-footer .logos img{height:60px;width:auto}form{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;padding:0 2rem}form.centered{margin:0 auto}form.centered .field{max-width:400px;min-width:200px}form :where(input,textarea){padding:.5rem}form fieldset{display:flex;flex-direction:column;gap:.5rem;padding:.5rem;width:100%}form fieldset .choice{align-items:center;display:flex;gap:.5rem}form fieldset .choice input[type=checkbox]{height:20px;width:20px}form label[for]{cursor:pointer}form textarea{min-height:6rem}form .buttons{display:flex;gap:1rem;justify-content:center}form .field{display:flex;flex-direction:row;width:100%}form .field:not(:last-child){margin-bottom:1rem}form .field input,form .field textarea{width:100%}form .field-label{flex:0 0 200px}form .field-body{align-items:center;display:flex;flex:1 1 auto;gap:1rem}.form-errors{align-items:center;display:flex;flex-direction:column;gap:.25rem;margin:1rem auto}.form-errors>div{align-items:center;border:1px solid var(--light_grey);box-shadow:2px 2px 6px rgba(0,0,0,.2);display:flex;gap:1rem;padding:.5rem 1rem}.form-errors>div::before{align-items:center;display:flex;filter:drop-shadow(1px 1px rgba(0, 0, 0, 0.4));height:30px;justify-content:center;width:30px}.form-errors .error::before{content:"❌"}.form-errors .info::before{content:"✔️"}.form-errors .warning::before{content:"⚠️"}.separator-top{border-top:1px solid var(--grey);margin-top:4rem;padding-top:2rem}header{display:flex}main{display:flex;flex-direction:column;min-height:40vh}main.admin-page .content{padding:2rem 4rem}main>header{background-color:var(--light_grey);padding:2rem 6rem}main>header h1{font-size:2rem;font-weight:normal}#header-nav{align-items:center;background-color:var(--dark_grey);display:flex;flex-direction:row;height:96px;justify-content:space-between;padding:1rem 2rem;position:relative}#header-nav a{color:var(--white)}#header-nav menu{align-items:center;display:flex;flex-direction:row;height:100%}#header-nav menu li{align-items:center;color:var(--white);display:flex;font-size:1.2rem;height:100%;padding:0 1rem}#header-nav menu li.is-current{cursor:default;pointer-events:none}#header-nav menu li.is-current a{border-color:var(--white)}#header-nav menu li.separator{border:1px solid var(--grey);padding:0 !important}#header-nav menu li.submenu{transition:opacity .3s}#header-nav menu li.submenu:hover{cursor:pointer}#header-nav menu li.submenu:hover>.icon{opacity:.75;transition:opacity .3s}#header-nav menu li.submenu.open{background-color:var(--grey)}#header-nav menu li.submenu.open menu{box-shadow:-2px 2px 4px rgba(0,0,0,.4);display:block;padding:0 1rem}#header-nav menu li.submenu menu{background-color:var(--grey);display:none;height:fit-content;padding:1rem;position:absolute;right:0;top:100%}#header-nav menu li.submenu menu li{display:flex;padding:.5rem 0;gap:1rem}#header-nav menu li.submenu menu li:hover{transition:opacity .3s}#header-nav menu li.submenu menu li:hover .icon{opacity:.75;transition:opacity .3s}#header-nav menu li.submenu menu li a{padding:0}#header-nav menu li.submenu menu li .icon{align-self:baseline;height:1.5rem;width:1.5rem}#header-nav menu li a{align-items:center;border-bottom:2px solid rgba(0,0,0,0);display:flex;height:100%;padding:0 1rem;position:relative;text-decoration:none;transition:opacity .3s}#header-nav menu li a:hover{cursor:pointer;opacity:.75;transition:opacity .3s}#header-nav .nav-brand{display:flex;flex:0 0 200px;height:100%;margin-right:2rem}#header-nav .nav-brand a{max-width:200px}#header-nav .nav-brand img{height:100%;object-fit:contain}#header-nav .nav-end{margin-left:auto}#header-nav .nav-start{margin-right:auto}#header-nav .nav-start img{height:100%}#header-nav #account-actions{border-radius:50%}#header-nav #basket-indicator[data-count]:not([data-count="0"])::before{align-items:center;background-color:var(--green);border-radius:50%;color:var(--black);content:attr(data-count);display:flex;font-size:1rem;height:16px;justify-content:center;left:0;padding:.25rem;pointer-events:none;position:absolute;width:16px;top:0}section{padding:2rem 6rem}.tab-content .tab-panel{display:none}.tab-content .tab-panel.is-active{display:block}.tab-list{margin-bottom:2rem}.tab-list a{color:var(--grey);text-decoration:none}.tab-list li{color:var(--grey);border-bottom:1px solid currentColor;font-size:1.5rem;padding-bottom:.25rem}.tab-list li.is-active a{color:var(--dark_grey)}.tab-list menu{display:flex;justify-content:space-between}.breadcrumb{align-items:center;display:inline-flex;font-size:1.2rem;justify-content:space-between;margin:2rem 0}.breadcrumb a{align-items:center;color:var(--grey);display:flex;font-weight:bold;justify-content:center;padding:0 .75em;text-decoration:none}.breadcrumb li{align-items:center;display:flex}.breadcrumb li+li::before{color:var(--grey);content:"/"}.breadcrumb li.is-active a{color:var(--dark_grey);cursor:default;font-weight:normal;pointer-events:none}.breadcrumb menu{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:flex-start}button:hover{cursor:pointer}.button{align-items:center;background-color:var(--light_grey);border:1px solid var(--light_grey);border-radius:16px;color:var(--text_color);cursor:pointer;display:inline-flex;font-family:var(--font_family);font-size:1rem;justify-content:center;line-height:1.5;position:relative;padding:.25em 1em;text-decoration:none;transition:background-color .3s,border-color .3s,box-shadow .3s;user-select:none;white-space:nowrap}.button.delete{background-color:var(--red);border-color:var(--red);color:var(--white)}.button.delete:active,.button.delete:focus,.button.delete:hover{border-color:var(--red);color:var(--red)}.button:active,.button:focus{background-color:var(--white);border-color:var(--blue);box-shadow:0 0 0 2px var(--light_blue);transition:border-color .3s,box-shadow .3s}.button:hover{background-color:var(--white);border-color:var(--grey);cursor:pointer;transition:background-color .3s,border-color .3s}.button.icon-left{align-items:center;display:flex;padding-left:.5em}.button.icon-left .icon{color:inherit;height:1.2em}.flash-messages{margin-bottom:1rem}.flash-messages .error{background-color:var(--red)}.flash-messages .flash{border-radius:4px;box-shadow:0 0 2px 2px rgba(0,0,0,.2);color:var(--white);display:flex;gap:1rem;margin:.5rem auto;padding:1rem;width:auto}.flash-messages .flash .icon{flex:0 0 30px;font-size:1.2rem}.flash-messages .flash p{align-items:center;display:flex;flex:1 0 auto}.flash-messages .notice{background-color:var(--blue)}.flash-messages .warning{background-color:var(--yellow);color:#222}.icon{align-items:center;color:var(--white);display:inline-flex;font-size:1em;height:2rem;justify-content:center;pointer-events:none;transition:color .3s;width:2rem}.icon img{height:100%;width:100%}.icon svg{height:100%;width:100%}input[readonly]{border:none}.loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center}.loading::before{animation-duration:1.4s;animation-iteration-count:infinite;animation-name:loading;background:radial-gradient(rgba(0, 0, 0, 0) 40%, var(--silver) 41%, var(--silver) 59%, rgba(0, 0, 0, 0) 60%);background-repeat:no-repeat;clip-path:path("M 32 32 L 8,0 56,0 32,32 56,64 8,64 z");content:"";display:block;height:64px;width:64px}hgroup h1,hgroup h2,hgroup h3,hgroup h4,hgroup h5,hgroup h6{margin:0}hgroup p{font-size:.8em;margin:0}.order-actions{align-items:center;display:flex;gap:.5rem;height:60px}.order-actions button{align-items:center;border:1px solid var(--silver);border-radius:50%;box-shadow:1px 1px 1px rgba(0,0,0,.2);display:flex;font-size:2rem;height:fit-content;padding:.5rem;transition:border-color .3s}.order-actions button:hover{border-color:var(--green);transition:border-color .3s}.order-actions button:hover .icon{color:var(--green)}.order-actions button .icon{color:var(--grey);height:1rem;width:1rem}.order-actions input{border:none;font-size:1rem;outline:none;padding:.25rem .5rem .25rem 0;text-align:right;text-indent:32px;width:100px}.order-actions .control{border:1px solid var(--silver);display:flex;gap:.5rem;position:relative}.order-actions .control.highlight{border-color:var(--green)}.order-actions .control:focus-within{border-color:var(--blue);color:var(--blue)}.order-actions .control .icon{color:var(--silver);pointer-events:none;position:absolute;width:32px}.order-actions .control .icon.loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center}.order-actions .control .icon.loading::before{animation-duration:1.4s;animation-iteration-count:infinite;animation-name:loading;background:radial-gradient(rgba(0, 0, 0, 0) 40%, var(--silver) 41%, var(--silver) 59%, rgba(0, 0, 0, 0) 60%);background-repeat:no-repeat;clip-path:path("M 12 12 L 3,0 21,0 12,12 21,24 3,24 z");content:"";display:block;height:24px;width:24px}noscript{display:block;text-align:center}noscript.notification{background:var(--yellow)}noscript.notification .backdrop{align-items:center;backdrop-filter:blur(2px);display:flex;font-weight:bold;gap:1rem;justify-content:center;padding:2rem;text-align:center}noscript.notification .backdrop .icon{border:1px solid var(--grey);border-radius:50%;color:var(--black);flex:0 0 32px;font-family:serif;font-size:1.25rem}table{border-collapse:collapse;color:var(--text_color);margin:0 auto;padding:1rem}table.is-fullwidth{width:100%}table tbody tr:not(:last-child){border-bottom:1px solid var(--light_grey)}table td,table th{padding:.5em .75em}table thead{border-bottom:2px solid var(--dark_grey)}table thead th{font-weight:600;text-align:inherit}table tfoot{border-top:2px solid var(--dark_grey)}#basket #items{padding:2rem 6rem}#basket #items table td,#basket #items table th{padding:1.5rem 1rem}#basket #items table td:not(:first-child),#basket #items table th:not(:first-child){max-width:200px;text-align:center}#basket #items table td img,#basket #items table th img{height:auto;object-fit:cover;width:200px}#basket #items table thead{background-color:var(--white);border:none;box-shadow:0 2px 0 var(--dark_grey);position:sticky;top:0;z-index:1}#basket #items .order-actions{justify-content:center}#basket #items .order-actions .button{z-index:0}#catalogue{display:flex;gap:4rem;padding:2rem}#filter-menu{flex:0 0 300px;max-height:100vh;overflow-y:auto;padding:.5rem 1rem 0 0;position:sticky;top:0}#filter-menu .filter:not(:last-child){margin-bottom:2rem}#filter-menu .filter h4{color:var(--dark_grey);font-size:1.5rem;font-weight:normal}#filter-menu .filter li{color:var(--grey);font-size:1.25rem;transition:opacity .3s}#filter-menu .filter li:hover{cursor:pointer;opacity:.75;transition:opacity .3s}#filter-menu .filter li:not(:last-child){margin-bottom:.25rem}#filter-menu .filter li.is-active{color:var(--green);font-weight:bold;position:relative}#filter-menu .filter li.is-active::after{color:var(--grey);content:"×";position:absolute;right:0}#filter-menu .filter li.is-disabled{cursor:not-allowed;opacity:.5;text-decoration:line-through}#filter-menu .filter li.sub-item{font-size:1em;margin-left:2rem}#filter-menu .filter li.more{color:var(--silver);font-size:1rem}#filter-menu .filter menu.minimised li:not(.more):nth-child(n+6){display:none}#filter-menu #color-selection menu{display:flex;flex-wrap:wrap;gap:.5rem}#filter-menu #color-selection menu li{border:2px solid #777;border-radius:50%;box-shadow:1px 1px 4px rgba(0,0,0,.4);flex:0 0 30px;height:30px;transition:opacity .3s}#filter-menu #color-selection menu li:hover{cursor:pointer;transition:border-color .3s}#filter-menu #color-selection menu li.is-active:hover::after{content:"✘"}#filter-menu #color-selection menu li.is-active::after{align-items:center;color:inherit;content:"✔";display:flex;height:100%;justify-content:center;text-shadow:0px 0px 2px #000;width:100%}#filter-menu #search:focus-within .control{border-color:var(--blue);color:var(--blue)}#filter-menu #search .control{border:1px solid var(--grey);border-radius:32px;height:30px;position:relative}#filter-menu #search .control input{background:rgba(0,0,0,0);border:none;border-radius:32px;height:100%;padding-left:2rem;width:100%}#filter-menu #search .control .icon{color:var(--grey);height:100%;margin:0 .5rem;position:absolute;width:1rem}#filter-menu #sort button{color:var(--dark_grey);font-size:1rem}#filter-menu #sort menu{display:flex;flex-wrap:wrap;flex-direction:row;gap:.5rem}#filter-menu #sort menu li{width:calc(50% - .5rem)}#filter-menu #sort menu li.clear{flex:0 0 100%;text-align:center}#filter-menu #sort menu li.clear button{color:var(--silver)}#filter-menu #sort menu li button[type=button]{align-items:center;border:1px solid var(--dark_grey);display:flex;justify-content:center;padding:.25rem;transition:opacity .3s;width:100%}#filter-menu #sort menu li button[type=clear]{border:none}#filter-menu #sort menu li button:hover:not(.is-active){cursor:pointer;opacity:.75;transition:opacity .3s}#filter-menu #sort menu li button.is-active{background-color:var(--light_grey)}#pagination{align-items:center;display:flex;font-size:1.25rem;justify-content:space-between;padding:1rem}#pagination button{border:none}#pagination button .icon{color:var(--dark_grey)}#product-list{flex:1 1 auto}#results-info{align-items:center;border-bottom:1px solid var(--grey);display:flex;justify-content:space-between;padding-bottom:.5rem}#results-info .view-mode{background-color:var(--light_grey);border:1px solid var(--grey);display:flex}#results-info .view-mode button{align-items:center;border:none;display:flex;justify-content:center;padding:.25rem}#results-info .view-mode button:hover{opacity:.8}#results-info .view-mode button.is-active{background-color:var(--white)}#results-info .view-mode button.is-active:nth-child(1){box-shadow:2px 0 4px rgba(0,0,0,.2)}#results-info .view-mode button.is-active:nth-child(2){box-shadow:-2px 0 4px rgba(0,0,0,.2)}#results-info .view-mode button.is-active .icon{color:var(--green)}#results-info .view-mode button .icon{color:var(--grey)}#results-list{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-around;padding:2rem 1rem}#results-list.minimal{display:block;padding:2rem 0}#results-list.minimal article{align-items:center;border-bottom:1px solid var(--grey);display:flex;height:auto;justify-content:space-between}#results-list.minimal article figure{display:block}#results-list.minimal article figure figcaption{border-top:none;display:flex;justify-content:space-between;padding-top:0}#results-list.minimal article figure figcaption .sku{color:var(--silver);display:inline-block;margin-left:.25rem}#results-list.minimal article .thumbnail{display:none}@media screen and (max-width: 1000px){#results-list.minimal article{flex-wrap:wrap}}#results-list article{flex:0 0 200px;height:250px}#results-list article a{display:block;height:100%;text-decoration:none}#results-list article figcaption{border-top:1px solid var(--grey);color:var(--dark_grey);flex:0 0 60px;padding-top:1rem;width:100%}#results-list article figcaption .order-actions,#results-list article figcaption .sku{display:none}#results-list article figure{align-items:center;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center}#results-list article img{height:auto;max-height:100%;max-width:100%;width:auto}#results-list article .thumbnail{align-items:center;display:flex;flex:1 1 auto;justify-content:center;overflow:hidden}#results-list .loader{text-align:center}#product{padding:0 6rem 2rem 6rem}#product.not-found{padding-top:2rem;text-align:center}#product.not-found a{text-decoration:none}#product.not-found h1{font-size:3rem}#product.not-found p{font-size:1.5rem;margin-top:1rem}#product .underline{border-bottom:1px solid var(--dark_grey);padding:.5rem}#product #details{margin-top:4rem}#product #details #panel-related:not([hidden]){display:flex;justify-content:space-between}#product #details #panel-related a{height:200px;width:200px}#product #details #panel-related a img{height:auto;object-fit:contain;width:100%}#product #details #panel-related a p{color:var(--grey);text-align:center}#product #focus{display:flex;gap:2rem}@media screen and (max-width: 799px){#product #focus{flex-direction:column}}#product #focus #gallery{display:flex;flex:1 1 50%;flex-direction:column;gap:.5rem;justify-content:center;max-width:50%}#product #focus #gallery>figure{flex:1 1 auto;max-height:500px;max-width:500px;min-height:150px;min-width:150px}@media screen and (max-width: 799px){#product #focus #gallery>figure{max-height:250px;max-width:250px}}#product #focus #gallery>figure img{height:100%;object-fit:contain;width:100%}#product #focus #gallery .thumbs{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem}#product #focus #gallery .thumbs figure{border:2px solid rgba(0,0,0,0);flex:0 1 30%;line-height:1;max-height:150px;max-width:150px;min-width:100px}#product #focus #gallery .thumbs figure:hover{cursor:pointer;border-color:var(--orange)}#product #focus #gallery .thumbs figure.is-active{border-color:var(--green)}#product #focus #gallery .thumbs figure img{display:block;height:100%;object-fit:cover;width:100%}#product #focus #summary{flex:1 1 50%;font-size:1.25rem}#product #focus #summary hgroup{margin-bottom:1rem}#product #focus #summary hgroup h1{display:inline-block;font-size:1.8rem;margin:0;padding:0}#product #focus #summary hgroup p{font-size:1.25em;padding:0}#product #focus #summary #quantity{font-size:1rem;padding:.25rem;width:8ch}:root{--link_color: var(--green);--text_color: var(--dark_grey)}a{color:var(--link_color)}body{background-color:var(--white);color:var(--text_color)}
