#content>div.text{background:var(--tertiary);border-bottom:1px solid var(--foreground);margin:-40px -20px 40px;padding:40px 20px;}#filter form{align-items:flex-start;flex-direction:column;justify-content:flex-start;}#filter fieldset{background:var(--tertiary);flex:0 0 auto;padding:54px 10px 10px;transition:height .25s linear,padding .25s linear;width:100%;}#filter fieldset[data-open=false]{height:45px;padding-top:45px;padding-bottom:0;}#filter legend{background:var(--secondary);color:var(--foreground);left:0;line-height:44px;top:0;padding:0 10px;right:0;transition:margin .25s linear;width:100%;}#filter legend>label{width:calc(100% - 40px);}#filter fieldset[data-open=false]>legend>label{pointer-events:none;}#filter legend>svg{right:8px;top:10px;transition:transform .25s linear;}#filter h4{font-size:15px;margin:0 0 5px;}#filter div.df{flex-wrap:wrap;justify-content:space-between;}#filter div.dg{align-content:start;align-items:stretch;grid-gap:5px;gap:5px;grid-template-columns:repeat(auto-fill,minmax(34px,1fr));}#filter input{background:var(--background);border:1px solid var(--secondary);height:42px;line-height:40px;margin:0 0 10px;padding:0 5px;}#filter input[class^=currency]{background-repeat:no-repeat;background-size:18px 18px;}#filter input.currency-eur{background-image:url("/uploads/svg/icons/materialdesignicons/currency-eur.svg?fill=2b2a2a&size=18");background-position:2px center;padding-left:20px;}#filter input.currency-gbp{background-image:url("/uploads/svg/icons/materialdesignicons/currency-gbp.svg?fill=2b2a2a&size=18");background-position:-1px center;padding-left:15px;}#filter fieldset>input:not([type=checkbox]){width:100%;}#filter div.df>label,#filter div.df>input{width:calc(50% - 5px);}#filter div.df>label{order:1;}#filter div.df>input{order:2;}#filter div.df~input[type=checkbox]+label{margin:5px 0 10px;}#filter fieldset>input[type=checkbox]+label{line-height:24px;margin:0 0 10px;padding:0 0 0 30px;transition:color .25s linear;width:100%;}#filter div.dg>input[type=checkbox]+label{border:1px solid var(--secondary);padding:1px;transition:border .25s linear;}#filter fieldset>input[type=checkbox]:checked+label{color:var(--primary);}#filter div.dg>input[type=checkbox]:checked+label{border-color:var(--primary);}#filter fieldset>input[type=checkbox]+label::before{border:1px solid var(--secondary);background:var(--background);content:"";left:0;height:20px;position:absolute;top:2px;transition:background .25s linear,border .25s linear;width:20px;}#filter fieldset>input[type=checkbox]:checked+label::before{border-color:currentcolor;background:currentcolor;}#filter fieldset>input[type=checkbox]+label>svg{fill:var(--background);left:0;top:2px;width:20px;}#filter div.dg>input[type=checkbox]+label>svg{background:var(--primary);border-radius:50%;bottom:-5px;color:var(--background);opacity:0;padding:3px;right:-5px;transition:opacity .25s linear;width:20px;z-index:2;}#filter div.dg>input[type=checkbox]:checked+label>svg{opacity:1;}#filter img{width:100%;}#filter>form>div{background:var(--secondary);align-items:center;flex:0 0 auto;justify-content:space-between;width:100%;}#filter>form>div>p{margin:20px 10px!important;}#filter>form>div>p>a{color:var(--foreground)!important;}#filter>form>div>button{background:var(--primary);color:var(--background);font-size:16px;height:40px;line-height:40px;padding:0 20px;margin:10px 10px 10px auto;}#products{align-content:start;align-items:stretch;grid-gap:40px;gap:40px;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));}#products>div,#products>h2{grid-column:1/-1;}#products h2{color:var(--foreground);font-size:35px;font-weight:300;}#products>p{grid-column:1/-1;}#products h2+p{font-size:18px;}#products>article{border:5px solid var(--tertiary);flex-direction:column;padding-bottom:20px;}#products figure{background:var(--secondary);padding-top:150%;width:100%;}#products>article.new figure::after,#products>article.offer figure::after,#products>article.unavailable figure::after{border-bottom:2px solid var(--tertiary);border-top:2px solid var(--tertiary);color:var(--background);line-height:30px;text-decoration:none;pointer-events:none;position:absolute;right:-20px;text-align:center;top:-23px;transform:rotate(45deg) translatex(30%);width:200px;}#products>article.new figure::after{background:var(--primary);font-weight:700;content:"New";}#products>article.offer figure::after{background:var(--primary);font-weight:700;content:"Special Offer";}#products>article.unavailable figure::after{background:var(--foreground);content:"Out of Stock";}#products img{height:100%;left:0;object-fit:cover;object-position:center center;top:0;width:100%;}#products>article.unavailable img,#products>article.unavailable h3,#products>article.unavailable>p.price{filter:grayscale(1);}#products>article h3{color:var(--primary);font-size:15px;font-weight:900;line-height:20px;padding:0 10px;margin-bottom:20px;}#products article p:not(.edit){line-height:24px;padding:0 10px;}#products article p:not(:last-child){margin-bottom:20px;}#products p.price{font-size:20px;margin-top:auto;}#products del::before,#product del::before{background:var(--primary);content:"";height:2px;left:-1px;right:-1px;opacity:.75;position:absolute;top:50%;transform:translatey(-50%) rotate(-15deg);}#products>article:not(.unavailable) ins,#product ins{color:var(--primary);}#products p.link>a{background:var(--primary);color:var(--background);font-size:16px;height:40px;line-height:40px;padding:0 20px;}#products>article.unavailable>p.link>a{background:var(--foreground);}#products p.edit{left:0;top:0;}#products p.edit>a{background:var(--tertiary);color:var(--primary);height:34px;padding:5px;width:34px;}#products>p>a.all{border:1px solid var(--foreground);color:var(--foreground);line-height:38px;padding:0 20px; }#products>#paging{border-top:1px solid var(--foreground);grid-column:1/-1;}#photos>figure{background:var(--secondary);margin:0 0 10px;padding-top:150%;width:100%;}#photos img{height:100%;left:0;object-fit:cover;object-position:center center;top:0;transition:opacity .25s linear;width:100%;z-index:1;}#photos figcaption{background:var(--background);color:var(--foreground);bottom:10px;height:40px;padding:8px;right:10px;transition:opacity .25s linear;width:40px;z-index:2;}#photos>ul{align-content:start;align-items:stretch;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));}#photos li{opacity:.75;padding-top:150%;transition:opacity .25s linear;}#photos li.current{opacity:1;}#photos li+li::before{animation:spin 1s infinite;background:url("/uploads/svg/icons/materialdesignicons/loading.svg?fill=2b2a2a") center center no-repeat;content:"";left:calc(50% - 12px);height:24px;opacity:0;position:absolute;top:calc(50% - 12px);transition:opacity .25s linear;width:24px;}#photos li+li:empty::before{opacity:.5;}#photos li::after{border:2px solid var(--foreground);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .25s linear;z-index:2;}#photos li.current::after{opacity:1;}#content[data-item]>h2{color:var(--primary);line-height:28px;}#product p.price{font-size:20px;}#product form{border:1px solid var(--secondary);grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:20px;}#product fieldset{padding-top:29px;}#product legend{font-size:16px;left:0;line-height:24px;top:0;}#product legend.info{padding-left:24px;}#product div.options{align-content:start;align-items:stretch;grid-gap:5px;gap:5px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));padding:10px 0;}#product div.options.images{grid-template-columns:repeat(auto-fill,minmax(34px,1fr));}#product div.options input[type=radio]+label{align-items:center;font-size:13px;border:1px solid var(--foreground);padding:5px 10px;justify-content:center;transition:border .25s linear;}#product div.options.images input[type=radio]+label{padding:1px;}#product fieldset:not(:disabled)>div.options input[type=radio]+label:hover,#product div.options input[type=radio]:checked+label{border-color:var(--primary);}#product div.options input[type=radio][disabled]+label{background:var(--secondary);border:0;}#product div.options input[type=radio]+label[data-name]::before{background:rgba(43,42,42,.95);color:var(--background);content:attr(data-name);font-size:13px;left:50%;line-height:20px;opacity:0;padding:0 5px;pointer-events:none;position:absolute;top:-28px;transform:translatex(-50%);transition:opacity .25s linear;white-space:nowrap;z-index:3;}#product div.options input[type=radio]+label[data-name]::after{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid rgba(43,42,42,.95);content:"";left:50%;opacity:0;pointer-events:none;position:absolute;top:-8px;transform:translatex(-50%);transition:opacity .25s linear;position:absolute;z-index:3;}#product div.options input[type=radio]+label[data-name]:hover::before,#product div.options input[type=radio]+label[data-name]:hover::after{opacity:1;pointer-events:initial;z-index:4;}#product div.options input[type=radio]+label>img{width:100%;}#product div.options input[type=radio]+label>svg{background:var(--primary);border-radius:50%;color:var(--background);opacity:0;padding:3px;right:-5px;top:-5px;transition:opacity .25s linear;width:20px;z-index:2;}#product div.options input[type=radio]:checked+label>svg{opacity:1;}#product>form aside{left:-2px;top:0;}#product>form aside>h3{color:var(--foreground);line-height:24px;}#product>form aside>ol{background:rgba(43,42,42,.95);bottom:32px;color:var(--background);font-size:13px;left:-3px;line-height:15px;opacity:0;padding:10px;pointer-events:none;transition:opacity .25s linear;}#product>form aside:hover>ol{opacity:1;pointer-events:initial;}#product>form aside>ol::after{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid rgba(43,42,42,.95);bottom:-8px;content:"";left:7px;position:absolute;}#product>form>div{align-items:center;justify-content:flex-end;}#product>form>div{border-top:1px solid var(--secondary);grid-column:1/-1;padding-top:20px;}#product>form>div>input{border:1px solid var(--secondary);height:40px;line-height:38px;margin-right:20px;padding:0 5px;width:140px;}#product button{background:var(--primary);color:var(--background);font-size:16px;height:40px;line-height:40px;margin-left:auto;padding:0 20px;}#product p.unavailable{margin-right:20px;}#product p.contact{margin-left:auto;}#specs{border:1px solid rgba(43,42,42,.1);margin-left:auto!important;margin-right:auto!important;max-width:1000px;}#specs td:first-child{font-weight:700;white-space:nowrap;}@media(max-width:800px){#filter>h3{background:var(--primary);color:var(--background);display:inline-block;font-size:16px;font-weight:700;line-height:40px;padding:0 20px 0 0;}#filter>h3>svg{margin:8px;}#filter>form{background:var(--tertiary);border-right:1px solid var(--secondary);bottom:0;left:0;overflow:auto;overscroll-behavior:contain;position:fixed;top:var(--header-height);transition:opacity .375s linear;width:360px;z-index:3;}#filter[data-open=false]>form{opacity:0;transform:translatex(-100%);}#header.small~#content #filter>form{top:var(--header-small);}#filter fieldset+fieldset[data-open=false]>legend>svg{transform:rotate(-180deg);}#filter legend[data-action]>svg>path:nth-last-of-type(2){display:none;}@media(max-width:400px){#filter>form{width:100%;}}@media(prefers-reduced-motion:no-preference){#filter>form{transition:opacity .375s linear,top .375s linear,transform .375s linear;}}}@media(max-width:600px){#photos,#product{margin:20px 0;}}@media(min-width:601px){#content[data-item]{align-items:start;display:grid;grid-gap:20px 40px;column-gap:20px 40px;grid-template:"image heading""image header" 1fr"article article""share share"/ 40% calc(60% - 40px);}#content[data-item]>h2{grid-area:heading;}#photos{grid-area:image;}#product{grid-area:header;}#details{border:1px solid var(--secondary);grid-area:article;padding:20px;}#share{grid-area:share;}}@media(min-width:801px){#container{align-items:flex-start;display:flex;}#filter{margin:0 40px 0 0;width:calc(25% - 20px);min-width:225px;}#filter fieldset[data-open=false]>legend>svg{transform:rotate(-180deg);}#filter legend[data-action]>svg>path:nth-of-type(2){display:none;}#filter>h3{display:none;}#container>#products{width:calc(75% - 20px); }}