html{--margin:10px;--padding:10px;--menucolor:#999;--iconcolor:#999;--hovercolor:#bbb;--border-color:#ddd;--border-radius:8px}svg, svg path{width:28px;height:28px}a img{border:none;outline:none}label{cursor:pointer;padding:0 0 0 8px}hr{border-style:solid;border-width:1px 0 0 0;border-color:#ccc}h1{font-size:1.5em}h2{font-size:1.3em}.error{color:#333;background:#f8f8f8;border-width:0 0 2px 0;border-style:solid;border-color:#ff6347;padding:10px;font-size:1.1em;margin:16px 0}.error ul{list-style:none}.info{width:100%;font-size:1.2em;margin-bottom:12px;color:#5fc331;font-weight:bold}.info svg{vertical-align:middle;margin-right:8px;width:20px;height:20px;fill:#5fc331}.info svg path{fill:#5fc331}.info span{width:100%;vertical-align:middle}.center{text-align:center}span.ewloader{display:none;animation:fadein 0.4s ease-in}div.ewloader{margin:0;padding:0;text-align:center;animation:fadein 0.4s ease-in}.ewloader svg,
.ewloader svg path{fill:#999;width:80px;height:30px}main div.ewloader{margin:100px auto}#addtocart_result div.ewloader{margin:0 auto}#ewloading{display:none}svg.caret, svg.caret path{vertical-align:middle;width:16px;height:16px;margin-left:4px}input, select, textarea{border:1px solid var(--border-color);border-radius:4px;margin:0px 0 8px 0;padding:10px;font-size:1rem}select option{padding:10px}input:focus, textarea:focus{background:#eee}input[type="checkbox"],
input[type="radio"]{border:0;outline:none;cursor:pointer;vertical-align:bottom}td.double input:first-child{margin-right:16px}td.double input[size="10"]{width:100px}.tr_submit td{padding-top:20px}.leftbuttons a:not(:last-child),
.leftbuttons input{margin-right:var(--margin)}.rightbuttons{text-align:right}.rightbuttons a{margin-left:var(--margin)}.cp{display:inline-block;margin:0 0 0 4px;vertical-align:middle}.cp svg{width:16px;height:16px;margin:0 0 3px 0;animation:fadein .2s ease-in forwards}.cpwarn{display:inline;vertical-align:top;font-size:0.8em;color:#f60;font-weight:bold}svg path[fill="#5FC331"]{fill:#5fc331}svg path[fill="#F60"]{fill:#f60}svg path[fill="#FF5632"]{fill:#ff5632}svg.ic{width:24px;height:24px;margin:0 6px 0 0;vertical-align:middle}.pw-eye{position:absolute;cursor:pointer;fill:#222;transform:translateX(-36px) translateY(6px)}table{border:0;margin:0 auto;width:100%;border-spacing:0}th{padding:12px 0;text-align:left}tr.hover:hover{background:#f6f6f6;cursor:pointer}.formtable{border-spacing:6px;margin:0 -3px 0 -3px}.formtable td:first-of-type{width:30%}#mnav{display:none}#cart,
#lang{white-space:nowrap}#lang span, #lang svg{vertical-align:middle}div[class^='pay-']{border:1px solid #CCC;margin:4px;opacity:0.85;transition:opacity 0.3s}div[class^='pay-']:hover{opacity:1}#search_form{display:flex;margin:0 auto;text-align:center;max-width:330px}#search_form input{}#search_form input[type="search"]{width:67%;min-width:none;flex-grow:2;padding:6px 4px;margin-right:10px;border-radius:0;border-width:0 0 1px 0;font-size:1.1em;background:#fff}#search_form input[type="submit"]{width:33%}.search_time{color:#aaa;font-size:0.9rem}.webshop_breadcrumb{color:#888;font-size:0.9rem}.webshop_breadcrumb a{margin:0 6px;color:#888;text-decoration:none}.webshop_breadcrumb a:hover{text-decoration:underline}.webshop_breadcrumb a:first-child{margin-left:0}.webshop_breadcrumb span{margin-left:6px}div.columns{display:flex;flex-flow:row wrap;justify-content:space-around}div.columns > div{flex-grow:1;flex-basis:0;min-width:140px;min-height:24px}#prodhead{text-align:right;margin-bottom:var(--margin)}.panel{display:inline-block;padding:0 12px;text-align:left;cursor:pointer}.panel > svg,
.panel > svg path{margin:0 6px 4px 0;vertical-align:middle;fill:#999;transition:0.3s fill}.panel > span{font-weight:bold;color:#999;transition:0.3s color}.panel:hover span{color:#f90}.panel:hover svg,
.panel:hover svg path{fill:#f90}.panel > div{display:none}#panelpop{position:fixed;width:100%;height:100%;left:0;top:0;z-index:12;text-align:center;background:rgba(0,0,0,0.8);opacity:0;transition:opacity 0.3s}#panelpop > div{display:inline-block;max-width:400px;color:#fff;font-size:1.8em;text-align:left}#panelpop > div > h1{font-size:1.4em;padding-left:24px}#panelpop > div div{width:100%;padding:6px 24px 8px 24px;cursor:pointer;border-radius:8px}#panelpop > div svg{margin-right:12px;vertical-align:middle}#panelpop > div svg,
#panelpop > div svg path{fill:#fff}#panelpop > div div:hover:not(.active){background:rgba(255,255,255,0.1)}#panelpop > div div.active{color:#999;cursor:default}#panelpop > div div.active svg,
#panelpop > div div.active svg path{fill:#999}/* Category and Productlist display <div id="productlist"> contains <ul id="prodlist"> instances which are added by lazy loading
*/
#catlist{width:100%;font-weight:bold}#noproductsfound{color:#f60;font-size:1.4em;text-align:center;font-weight:bold;opacity:0;transition:opacity 0.3s}#prodbody{display:flex}#filtersform{position:sticky;align-self:flex-start;top:0;margin:0;padding:0;width:200px;min-width:200px;height:100vh;overflow:auto;transition:opacity 0.3s, min-width 0.5s ease-out}#prodbody > ul{flex-grow:2}#prodlist, #catlist{display:inline-flex;flex-wrap:wrap;align-content:flex-start;justify-content:space-evenly;gap:10px;margin:0;padding:0;list-style:none;text-align:center;overflow:hidden;transition:opacity 0.2s linear, max-height 0.5s ease-out}#prodlist > li, #catlist > li{flex-grow 1;width:260px;max-width:512px;transition:max-height 3s ease, height 3s ease, opacity 0.5s linear}#catlist.hqphoto li,
#productlist.hqphoto li{width:calc(33% - 30px);margin:0 12px}#prodlist > li > a, #catlist > li > a{display:flex;flex-direction:column;height:100%;margin:0;padding:0;text-decoration:none;outline:none;color:#666}#catlist > li > a > div:nth-of-type(1), #prodlist > li > a > div:nth-of-type(1){display:flex;align-items:center;height:100%;overflow:hidden}#catlist > li > a > div:nth-of-type(2){}#prodlist > li > a > div:nth-of-type(2){}#catlist > li > a > div > img,
#prodlist > li > a > div > img{margin:10px auto;max-width:100%}#catlist div > div, #prodlist div > div{padding:2px 0}#prodlist .webshop_subphotos{display:flex;align-items:flex-start;gap:1%}#catlist.uniform_photos > li > a > div:nth-of-type(1),
#productlist.uniform_photos #prodlist > li > a > div:nth-of-type(1){width:230px;height:230px;margin:20px 0;background-position:center;background-size:cover;background-repeat:no-repeat}#catlist.hqphoto.uniform_photos > li > a > div:nth-of-type(1),
#productlist.hqphoto.uniform_photos #prodlist > li > a > div:nth-of-type(1){min-width:230px;width:auto}#prodlist.view-2 > li{min-width:310px;display:flex;flex-direction:column;justify-content:space-between}#prodlist.view-2 > li > a{height:auto}#prodlist.view-2 > li > .webshop_prodlist_addtocart{min-height:60px}#prodlist.view-2 > li > .webshop_prodlist_addtocart .webshop_stylebutton{margin-top:8px}#prodlist.view-3 > li > a > div:nth-of-type(2),
#catlist.view-3 > li > a > div:nth-of-type(2){display:none}#prodlist.view-4 > li{min-width:calc(100% - 20px);text-align:left}#prodlist.view-4 > li > a{height:auto}#prodlist.view-4 > li > a > div{display:inline-block;vertical-align:top}#prodlist.view-4 > li > a > div:nth-of-type(1){width:28%;margin-right:2%;max-width:260px}#productlist.hqphoto.uniform_photos #prodlist.view-4 > li > a > div:nth-of-type(1){max-width:360px}#prodlist.view-4 > li > a > div:nth-of-type(2){width:70%}#prodlist.view-4 > li > a > div:nth-of-type(2) > div{margin:5px 10px}#prodlist.view-4 > li > a > div:nth-of-type(2) > div:first-of-type{font-weight:bold}#prodlist.view-4 .webshop_prodlist_addtocart{text-align:right}#prodlist.view-4 a.webshop_stylebutton{margin:5px 0 10px 10px}#catlist.view-5 > li > a > div:nth-of-type(1){display:none}#catlist.view-5 > li > a > div:nth-of-type(2){padding:30px 0 25px 0}#prodlist.view-5{gap:0}#prodlist.view-5 > li{display:flex;width:100%;align-items:center;gap:8px;max-width:100%;border-width:0 0 1px 0;border-style:solid;border-color:#eee;transition:background 0.3s}#prodlist.view-5 > li > a{flex-grow:3;outline:none}#prodlist.view-5 > li > a > div{display:flex;align-items:flex-start;min-width:80%;height:auto;min-height:0}#prodlist.view-5 > li > a > div > div{flex-grow:1;text-align:left;width:30%}#prodlist.view-5 .webshop_old_price{padding-left:0;display:block;line-height:0.5em;position:absolute}#prodlist.view-5 .webshop_units{padding-left:0;display:inline-block}#prodlist.view-5 > li > a > div > div:first-of-type{width:40%}#prodlist.view-5 > li > div{height:auto;min-height:auto;min-width:234px;text-align:right;white-space:nowrap}#prodlist.view-5 a.webshop_stylebutton{margin:2px 0 2px 10px}#prodlist.view-5 li:hover{background:rgba(204,204,204,0.4)}#prodlist.view-5 > li > a > div:nth-of-type(1){max-height:50px;line-height:50px}#catlist > li.hidden,
#prodlist > li.hidden{margin:0;border:none}span[class^=label]{position:absolute}.webshop_price{font-weight:bold}.webshop_price > div{display:inline-block}.webshop_old_price{text-decoration:line-through;margin-right:6px}.webshop_units{vertical-align:super;font-size:0.9em;font-weight:normal;margin-left:5px}.webshop_status_ok,
.webshop_status_warning,
.webshop_status_error{display:inline-block;padding:6px 8px;border-radius:6px;font-weight:bold}.webshop_status_ok{background:#5fc331;color:#eee}.webshop_status_warning{padding:0;color:#f60}.webshop_status_error{background:#d62828;color:#eee}#photo-div{position:fixed;top:0;left;0;width:100%;height:100%;background:#fff;z-index:2001}#photo-div > svg{position:fixed;top:40vh;left:5vw;width:10vw;height:10vw;min-width:50px;min-height:50px;max-width:90px;max-height:90px;z-index:2004;fill:#ccc;cursor:pointer}#photo-div > svg:last-child{left:auto;right:5vw}#photo-div > svg path{fill:#ccc}#photo-div > img{position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;max-width:100%;max-height:100%;object-fit:scale-down;cursor:pointer}#photo-div > svg:hover,
#photo-div > svg:hover path{fill:#999}#slidedivcont{position:fixed;width:100%;left:0;top:0;margin:0;padding:0;text-align:center;z-index:50}#slidedivcont > div{display:inline-block;width:1130px;max-width:90vw;vertical-align:top;text-align:left;box-shadow:0px 0px 25px 0px rgba(165, 165, 165, 0.7);background:#fff;max-height:0;transition:max-height 1s;overflow-y:hidden}#slideup{text-align:right;opacity:0;transition:opacity .5s}#slideup svg{position:absolute;width:32px;height:32px;margin:-5px 0 0 -52px;cursor:pointer;fill:#999;color:#999}#slideup svg{fill:#999;color:#999}#slideup svg:hover,
#slideup svg:hover path{fill:#ccc;color:#ccc}#slidediv{height:calc(100% - 70px);padding:10px 30px;opacity:0;transition:opacity 0.5s;margin-bottom:40px}#slidediv .ewloader{margin-top:40px}.slidelang a{display:inline-block;width:194px;color:#333;text-decoration:none;padding:10px;border-radius:4px}.slidelang a:hover{background:#eee}#prodlist #prod-detail{width:100%;margin:16px;text-align:left;opacity:0;transition:min-height 0.1s, max-height 0.1s, opacity 0.5s}#prod-detail > div{padding:0}.webshop_detail{display:flex;gap:10px;margin-bottom:10px}.webshop_detail_left{text-align:left;flex-grow:1;width:19%}.webshop_detail_right{flex-grow:2}.webshop_detail_photos a{display:inline-block;width:107px;text-align:center;margin:0 16px 16px 0}.webshop_detail_photos a:first-of-type{display:block;width:100%;text-align:left;margin:0}.webshop_detail_photos a > div{}.webshop_detail_photos a img{max-width:100%}p.webshop_price{margin:0 0 12px 0;font-size:1.3em}.prod-color{display:inline-block;vertical-align:top;margin:3px 0 0 10px;width:44px;height:26px;border:1px solid #ccc;border-radius:3px}.webshop_addtocart label{padding-left:0}.webshop_addtocart input[name="amount"]{margin:0 12px 0 12px;border-radius:8px;padding:12px}#addtocart_result{min-height:40px}#addtocart_result .info{display:inline-block;margin:0 8px 8px 0}.webshop_properties{width:100%}.webshop_properties tr td{padding:8px 0 0 0}.webshop_properties tr th,
.webshop_properties tr:not(:last-child) td{padding:8px 0 0 0;border-style:dashed;border-color:#ccc;border-width:0 0 1px 0}.webshop_paramstable td{vertical-align:top;width:50%;min-width:280px}.obligatedfield{color:#c00;margin-left:3px;font-weight:bold}.paramerror{color:#c00;font-weight:bold}.webshop_addtocart{margin:20px 0}.webshop_detail th,
.webshop_detail td{padding-left:0}table.webshop_tierprices{width:100%;text-align:left;margin:10px 0 30px 0}.webshop_addtowishlist svg{vertical-align:top;margin:2px 0 0 10px;width:36px;height:36px;cursor:pointer}.webshop_addtowishlist svg path{fill:#ff4c4c}.webshop_addtowishlist svg:hover path{fill:#f00}.wishlist-tooltip{font-weight:bold;color:#666}#zp{position:absolute;width:400px;height:400px;border:1px solid #999;z-index:10}#detail_colors{margin:0 0 12px 0;display:flex;gap:12px;flex-wrap:wrap}#detail_colors > a{width:44px;height:44px;border-radius:50%;border:3px solid #fff;box-shadow:0 2px 8px rgba(0, 0, 0, 0.2);cursor:pointer;transition:transform 0.2s ease, box-shadow 0.2s ease;position:relative;min-width:44px;min-height:44px;font-size:0;color:transparent;display:block;text-decoration:none}#detail_colors > a:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(0, 0, 0, 0.3)}#detail_colors > a:active{transform:scale(0.95)}#detail_colors > a.selected{border-color:#333;border-width:4px;box-shadow:0 0 0 2px #fff, 0 2px 8px rgba(0, 0, 0, 0.3)}#detail_colors > a::after{content:attr(data-name);position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-5px);background-color:#666;color:#fff;padding:6px 12px;border-radius:4px;font-size:14px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.3s ease, transform 0.3s ease;z-index:2}#detail_colors > a::before{content:'';position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(1px);border:6px solid transparent;border-top-color:#666;opacity:0;pointer-events:none;transition:opacity 0.3s ease, transform 0.3s ease;z-index:2}#detail_colors > a:hover::after{opacity:1;transform:translateX(-50%) translateY(-10px)}#detail_colors > a:hover::before{opacity:1;transform:translateX(-50%) translateY(1px)}#detail_colors > a:focus{outline:2px solid #ccc}@media (hover:none){#detail_colors > a:active::after{opacity:1;transform:translateX(-50%) translateY(-10px)}#detail_colors > a:active::before{opacity:1;transform:translateX(-50%) translateY(-1px)}}.prod-close{border-width:1px 0 0px 0;border-style:dashed;border-color:#ddd;text-align:right;font-weight:bold}.prod-close a{display:block;padding:var(--padding) 0;color:#999;text-decoration:none;transition:0.3s color}.prod-close a:hover{text-decoration:none;color:var(--hovercolor)}.prod-close a > svg{width:24px;height:24px;fill:var(--iconcolor);vertical-align:middle;margin:0 10px;transition:0.3s fill}.prod-close a:hover > svg,
.prod-close a:hover > svg path{fill:var(--hovercolor)}.numnav{text-align:center}.numnav a, .numnav span{display:inline-block;margin:6px;padding:6px 12px;border-radius:3px;text-decoration:none}.numnav a{border:1px solid #eee}.numnav a:hover{text-decoration:none;background:#f6f6f6}#uparrow{display:none;position:fixed;bottom:20px;right:25px;z-index:10}#uparrow a{display:block;width:40px;height:40px;outline:none}#uparrow svg,
#uparrow svg path{width:36px;height:36px;fill:#999;color:#999}#uparrow a:hover svg,
#uparrow a:hover svg path{fill:#ccc;color:#ccc}#shipping_estimation{max-height:200px;overflow:auto;margin-bottom:20px}#shipping_estimation table{width:100%}.pm svg{width:64px;height:64px;margin-right:8px}.webshop_login{display:inline-block;width:50%;vertical-align:top}.webshop_login p{padding:10px 10px 10px 0}.webshop_login .tr_submit td{padding-top:5px}#orderlist{width:100%;border-spacing:6px;margin:0 -3px 0 -3px}#orderlist th{text-align:left;border-style:dashed;border-width:0 0 1px 0;border-color:#ddd;padding:0 0 6px 0}#orderlist td{vertical-align:middle;padding:2px 0}#orderlist tr.separator td{border-style:dashed;border-width:1px 0 0 0;border-color:#ccc;padding-top:8px}#orderlist td.orderlist_img{height:62px;width:62px}#orderlist td.orderlist_img a{float:left;width:60px;height:60px;border:1px solid #ccc;background-repeat:no-repeat;background-position:center center;background-size:cover}#orderlist td.orderlist_img a:hover{filter:brightness(110%)}#orderlist td:nth-child(2){vertical-align:top}#orderlist td:nth-child(2) a{text-decoration:none;color:#333;font-weight:bold}#orderlist tbody td:nth-child(4) input{margin-right:5px;color:#666;padding:4px;vertical-align:top;height:18px}#orderlist tbody td:nth-child(4) a{display:inline-block;height:20px;border:1px solid #ccc;border-radius:3px;padding:3px;margin-right:5px;outline:0;vertical-align:top}#orderlist tbody td:nth-child(4) a:hover{background:#eee}#enter_couponcode{text-align:right}ul.checkoutprogress{list-style:none;margin:30px 0;padding:0;text-align:right;color:#333}ul.checkoutprogress li{display:inline-block;position:relative;width:200px;margin:0 6px 6px 0;line-height:40px;text-align:center;background:#eee}ul.checkoutprogress li:before{content:"";position:absolute;height:0;width:0;left:0;top:0;border:20px solid transparent;border-left:8px solid #fff}ul.checkoutprogress li:after{content:"";position:absolute;height:0;width:0;left:100%;top:0;border:20px solid transparent;border-left:8px solid #eee;z-index:2}ul.checkoutprogress li:hover{background:#f3f3f3}ul.checkoutprogress li:hover:after{border-left:8px solid #f3f3f3}ul.checkoutprogress li.active{background:#d6ebad}ul.checkoutprogress li.active:after{border-left:8px solid #d6ebad}ul.checkoutprogress li a{display:block;text-decoration:none;color:#333;outline:none}div.paymentdescription,
div.shippingdescription{margin:8px 3px 8px 3px;color:#090;font-size:0.8em;font-weight:bold}#wepopcontainer{display:none;position:fixed;width:100%;height:100%;left:0;top:0;z-index:12;text-align:center;background:rgba(0,0,0,0.7)}#wepop{display:inline-block;width:100%;height:100%;max-width:960px;max-height:550px;margin:1% 0;background:#fff;border:1px solid #333;-moz-box-shadow:0 0 5px #000;-webkit-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000;overflow:hidden}#weinner{width:100%;height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.cust_order table{width:100%;margin-bottom:50px}.cust_order table table{width:100%;margin:20px 0;padding:0}.cust_order th{text-align:left;background:#eee;padding:4px}.cust_order td{vertical-align:top}.webshop_slideshow{width:100%;margin:0;padding:0}.webshop_slide{display:none;position:absolute;text-align:center;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;margin:0;padding:0;background-repeat:no-repeat;background-position:center center;background-size:cover;justify-content:center;cursor:pointer}.webshop_slide a{display:inherit;justify-content:inherit;width:100%;height:100%;text-decoration:none;color:#fff}.webshop_slide div{padding:6px 12px;color:#fff;background:#000;font-weight:bold;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6}.sprev, .snext{position:absolute;width:64px;height:64px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;outline:none}.sprev:hover, .snext:hover{background-position:0 -64px}.sprev{background-image:url(/img/icons/prev.png)}.snext{background-image:url(/img/icons/next.png)}.slideshow_bullets{position:absolute;text-align:center}.slideshow_bullets > div{display:inline-block;width:15px;height:15px;border-radius:1px;border:1px solid #999;margin:0 8px 0 8px;cursor:pointer;box-shadow:0 1px 3px #999}.slideshow_bullets_active{background:#ccc}.slideshow_progressbar{height:2px;position:absolute;background:#ccc;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6}h1.blog, h2.blog{margin-bottom:0}img.blog{float:left;max-width:200px;margin:0 12px 5px 0;border-style:solid;border-color:#ccc;border-width:0 1px 0 0;padding:0 12px 0 0}p.blog_date{color:#999;font-size:0.9em;margin-top:0;padding-top:0}p.blog_more{text-align:right}a.social{outline:none}a.social svg{vertical-align:bottom;width:36px;height:36px;margin:6px}a.social use[href$="facebook"]{fill:#1977f3}a.social use[href$="instagram"]{fill:#e03967}a.social use[href$="mastodon"]{fill:#3088d4}a.social use[href$="nostr"]{fill:#8d45dd}a.social use[href$="twitter"]{fill:#333}a.social:hover{filter:brightness(150%)}p.rss{text-align:right}p.rss svg,
p.rss svg path{width:48px;height:48px;fill:#f36f23}p.rss svg:hover,
p.rss svg:hover path{fill:#f90}#webshop_chat{position:fixed;bottom:0;right:20px;max-width:300px;min-height:30px;line-height:30px;z-index:10;padding:var(--padding);border-radius:var(--border-radius) var(--border-radius) 0 0;transition:background-color 0.25s ease;font-weight:bold;cursor:pointer;color:#eee;background-color:#333;background-image:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.1));box-shadow:0px 1px 2px 1px #666;text-decoration:none}#webshop_chat::before{content:"\25CF";margin-right:5px;line-height:10px;color:#0c0;font-size:25px}#webshop_chat:hover{background-color:#444}.userrating{display:inline-block;padding:5px;max-width:180px}.userrating .webshop_stylebutton{float:right}.userrating svg{fill:#fa0;width:24px;height:24px;margin-right:2px}.userrating svg path{fill:#fa0}.userrating svg.disabled path{fill:#ccc}div.legalmsg{display:inline-block;margin:20px 0;padding:0 12px;border-width:1px 0 1px 0;border-style:solid;border-color:#eee;font-size:0.9em}div.legalmsg strong{font-size:1.1em}p.ewr{display:flex;justify-content:center;padding:10px;border:1px solid #ddd}p.ewr > img{min-width:200px;margin-right:16px}.soc-facebook, .soc-instagram, .soc-linkedin, .soc-pinterest, .soc-twitter, .soc-youtube{display:inline-block;background:url('/img/sprite.png') no-repeat;overflow:hidden;text-indent:-9999px;text-align:left}.soc-facebook{background-position:-48px -712px;width:48px;height:48px}.soc-instagram{background-position:-48px -760px;width:48px;height:48px}.soc-linkedin{background-position:-0px -808px;width:48px;height:48px}.soc-pinterest{background-position:-48px -808px;width:48px;height:48px}.soc-twitter{background-position:-0px -856px;width:48px;height:48px}.soc-youtube{background-position:-0px -904px;width:48px;height:48px}.fadein{animation:fadein 0.25s ease-in}.fadeout{animation:fadeout 0.25s ease-out}@keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes fadeout{from{opacity:1}to{opacity:0}}@media all and (max-width:1200px){/*#prodlist, ul[class*='webshop_catlist']{margin:0}*/ #catlist.hqphoto li, #productlist.hqphoto li{width:calc(50% - 10px)}#productlist.hqphoto #prodlist.view-5 li{width:100%}.sprev{left:3vw}.snext{right:3vw}}@media all and (max-width:1000px){body img, body iframe{max-width:100%;height:auto !important}#prodlist.view-4 .webshop_description{display:none}.webshop_detail{flex-wrap:wrap}.webshop_detail_left{width:auto}.webshop_slideprogress{display:none}.webshop_login{display:block;width:100%}ul.checkoutprogress{text-align:center}#slidedivcont > div{width:100%;max-width:none}.slidelang a{width:133px}}@media all and (max-width:800px){.formtable td{display:block}.formtable td:first-of-type{width:auto}.formtable input, .formtable textarea{max-width:80vw}#summary_form td{display:table-cell;width:50%}#filtersform{position:fixed;left:0;top:0;width:0;min-width:0;height:100%;background:rgba(0,0,0,0.8);color:#fff;opacity:0;transition:opacity 0.3s;z-index:12;overflow:auto}.plineimg{max-width:48px;max-height:48px}#prodlist > li{width:180px}#prodlist.view-5 > li{display:block !important}#prodlist.view-5 > li > a > div{display:block;text-align:left}#prodlist.view-5 > li > a > div > div{display:inline-block;width:auto;margin:0 4px 0 0;vertical-align:top}.webshop_slideshow{max-height:240px}.slideshow_bullets{margin-top:210px !important}.slideshow_progressbar{margin-top:238px !important}}@media all and (max-width:600px){#prodlist.view-2 div{text-align:center}#orderlist tr{display:grid;grid-template-columns:72px auto 130px;grid-template-rows:34px minmax(36px, auto);grid-template-areas:"photo desc amount";"photo desc price"}#orderlist thead tr{grid-template-rows:auto auto}#orderlist tfoot tr{grid-template-columns:auto 130px;grid-template-rows:auto;grid-template-areas:"numproducts total"}#orderlist tbody td:nth-child(1){grid-row:span 2}#orderlist tbody td:nth-child(2){grid-row:span 2}#orderlist thead th:nth-child(2), #orderlist tbody td:nth-child(3){display:none}#orderlist tbody td:nth-child(5){align-self:start}.cust_order table table th, .cust_order table table tbody td{display:inline-block !important}#zp{display:none}p.ewr{flex-wrap:wrap}p.ewr a{display:block;margin-left:auto;margin-right:auto;max-width:fit-content}}@media all and (max-width:460px){#slidediv{padding:var(--padding)}#search_form{margin-right:50px}ul.checkoutprogress{margin:0}ul.checkoutprogress li{width:auto;padding:0 10px 0 20px}#prodhead > div{padding:0 6px}#prodlist > li{width:calc(50% - 6px)}#productlist.hqphoto #prodlist > li > a > div:nth-of-type(2){margin-left:8px;margin-right:8px}#catlist.hqphoto li, #productlist.hqphoto li{width:100%}.cust_order td{display:inline-block;margin-left:4px}}@media all and (max-width:420px){td.double input:first-child{margin-right:12px}td.double input[size="10"]{width:90px}td.double input[size="20"]{width:160px}}@media all and (max-width:360px){td.double input:first-child{margin-right:12px}td.double input[size="10"]{width:80px}td.double input[size="20"]{width:150px}}/* ============================================= FONT — Inter via Google Fonts (snel, modern) ============================================= */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');/* ============================================= DESIGN TOKENS — één plek aanpassen = overal ============================================= */ html{--color1:#f5f5f3;--color2:#1a1a1a;--color3:#4a4a4a;--color4:#ff5a1f;--color4-light:#fff0ea;--color-surface:#ffffff;--color-border:#e8e8e6;--color-muted:#888884;--font:'Inter', 'Helvetica Neue', Arial, sans-serif;--font-size-sm:0.82rem;--font-size-md:0.95rem;--font-size-lg:1.1rem;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:28px;--space-xl:48px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-pill:999px;--shadow-sm:0 1px 3px rgba(0,0,0,.07);--shadow-md:0 4px 16px rgba(0,0,0,.10);--shadow-lg:0 12px 36px rgba(0,0,0,.13);--ease:0.2s ease}/* ============================================= RESET / BASIS ============================================= */ *, *::before, *::after{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font);font-size:var(--font-size-md);color:var(--color3);background:var(--color1);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1, h2, h3, h4{font-weight:700;letter-spacing:-0.02em;color:#1a1a1a}h1{font-size:1.7rem}h2{font-size:1.3rem}a{color:var(--color4);transition:color var(--ease)}a:hover{color:#d94600}svg, svg path{fill:var(--color-muted);transition:fill var(--ease);width:22px;height:22px}/* ============================================= CONTAINERS ============================================= */ #cont1, #cont2, #cont3{width:1220px;max-width:100%;margin:0 auto;padding:0 var(--space-md)}#cont1{padding-top:0}#cont2{display:flex;align-items:flex-start;gap:var(--space-lg);padding-top:var(--space-lg);min-height:60vh}#cont3{padding-bottom:var(--space-xl)}/* ============================================= HEADER 1 — logo + bedrijfsnaam-balk ============================================= */ #header1{display:flex;align-items:center;background:var(--color2);border-radius:0 0 var(--radius-lg) var(--radius-lg);min-height:64px;padding:0 var(--space-lg);box-shadow:var(--shadow-md)}#logo{display:flex;align-items:center}#logo a{display:flex;align-items:center;outline:none}#logo img{max-height:48px;width:auto}#headercontent{flex-grow:1;color:#e0e0e0;font-size:var(--font-size-sm);text-align:right}#headercontent a{color:#aaaaaa;font-size:var(--font-size-sm);text-decoration:none}#headercontent a:hover{color:var(--color4)}/* ============================================= HEADER 2 — slideshow ============================================= */ #header2{border-radius:var(--radius-lg);overflow:hidden;margin:var(--space-sm) 0;box-shadow:var(--shadow-md)}#slideshow{background:#222}.webshop_slideshow{width:100%;margin:0;padding:0;border-radius:var(--radius-lg);overflow:hidden}/* ============================================= HEADER 3 — navigatie­balk ============================================= */ #header3{display:flex;align-items:center;background:var(--color2);border-radius:var(--radius-lg);min-height:56px;padding:0 var(--space-md);position:relative;z-index:200;box-shadow:var(--shadow-sm);margin-bottom:0}#search, #cart, #mnav{display:flex;align-items:center;margin:0 var(--space-xs)}#search a, #cart a, #mnav a{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-sm);text-decoration:none;outline:none;color:#ccc;transition:background var(--ease), color var(--ease)}#search a:hover, #mnav a:hover{background:rgba(255,255,255,.08);color:var(--color4)}#search svg, #cart svg, #mnav svg, #search svg path, #cart svg path, #mnav svg path{fill:#b0b0b0}#search a:hover svg, #search a:hover svg path, #mnav a:hover svg, #mnav a:hover svg path{fill:var(--color4)}#cart a{width:auto;padding:0 var(--space-sm);gap:var(--space-xs);font-weight:600;font-size:var(--font-size-sm);color:#ccc;text-decoration:none}#cart a:hover{background:rgba(255,255,255,.08);color:var(--color4)}#cart a:hover svg, #cart a:hover svg path{fill:var(--color4)}#cart span{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;background:var(--color4);color:#fff;font-size:0.72rem;font-weight:700;border-radius:var(--radius-pill);padding:0 5px;vertical-align:middle}#lang{display:flex;align-items:center;white-space:nowrap;margin-left:var(--space-xs)}#lang a{display:flex;align-items:center;gap:4px;height:56px;padding:0 var(--space-md);font-size:var(--font-size-sm);font-weight:500;color:#aaa;text-decoration:none;outline:none;transition:color var(--ease)}#lang a:hover{color:var(--color4)}#lang svg, #lang svg path{fill:#888}#lang a:hover svg, #lang a:hover svg path{fill:var(--color4)}svg.caret, svg.caret path{width:14px;height:14px}/* ============================================= NAVIGATIE — top-level ============================================= */ nav{flex-grow:1;font-family:var(--font);font-weight:600}nav ul, nav li{list-style:none;margin:0;padding:0}nav > ul{display:flex;flex-wrap:nowrap}nav li{display:inline-block;position:relative}nav a{display:flex;align-items:center;height:56px;padding:0 var(--space-md);font-size:var(--font-size-sm);font-weight:600;color:#cccccc;text-decoration:none;outline:none;letter-spacing:0.01em;transition:color var(--ease), background var(--ease);border-radius:var(--radius-sm)}nav > ul > li > a:hover, nav > ul > li:hover > a{color:var(--color4);background:rgba(255,255,255,.06)}/* ============================================= MEGA-MENU DROPDOWN ============================================= */ nav > ul > li > ul{position:absolute;left:0;top:calc(100% + 4px);min-width:480px;max-width:820px;background:var(--color-surface);border-radius:var(--radius-md);border-top:3px solid var(--color4);box-shadow:var(--shadow-lg);display:flex;flex-wrap:wrap;gap:0;padding:var(--space-lg) var(--space-lg) var(--space-lg) var(--space-lg);opacity:0;max-height:0;overflow:hidden;pointer-events:none;transition:opacity 0.18s ease, max-height 0.18s ease;z-index:500}nav > ul > li:hover > ul{opacity:1;max-height:620px;pointer-events:auto}nav > ul > li > ul > li{display:block;width:190px;padding:0 var(--space-sm) var(--space-sm) 0}nav > ul > li > ul > li > a{height:auto;padding:9px var(--space-md);font-weight:700;font-size:var(--font-size-sm);color:#1a1a1a;line-height:1;border-radius:var(--radius-sm);background:transparent;transition:background var(--ease), color var(--ease)}nav > ul > li > ul > li > a:hover{background:var(--color4);color:#fff}nav > ul > li > ul > li > a:hover svg, nav > ul > li > ul > li > a:hover svg path{fill:#fff}nav > ul > li > ul > li > ul{position:static;display:block;max-height:none;opacity:1;overflow:visible;pointer-events:auto;padding:0;box-shadow:none;border:none;background:transparent}nav > ul > li > ul > li > ul > li{display:block;width:100%}nav > ul > li > ul > li > ul > li > a{height:auto;padding:6px var(--space-md) 6px 20px;font-weight:400;font-size:var(--font-size-sm);color:var(--color-muted);line-height:1.2;border-radius:var(--radius-sm)}nav > ul > li > ul > li > ul > li > a:hover{background:var(--color4-light);color:var(--color4)}/* ============================================= ASIDE — categorie­navigatie ============================================= */ aside{min-width:200px;max-width:200px;margin-top:0;flex-shrink:0}#cat ul, #cat ul li{list-style:none;margin:0;padding:0}#cat > ul > li{background:var(--color-surface);border-radius:var(--radius-md);margin-bottom:var(--space-sm);box-shadow:var(--shadow-sm);overflow:hidden;border:1px solid var(--color-border)}#cat a{display:block;line-height:1;padding:11px var(--space-md);font-size:var(--font-size-sm);font-weight:600;text-decoration:none;color:#333;transition:background var(--ease), color var(--ease), padding-left var(--ease)}#cat > ul > li > a{font-weight:700;font-size:var(--font-size-md)}#cat a:hover{background:var(--color4-light);color:var(--color4);padding-left:20px}#cat ul ul a{padding-left:24px;font-weight:400;font-size:var(--font-size-sm);color:var(--color-muted)}#cat ul ul a:hover{padding-left:30px;color:var(--color4);background:var(--color4-light)}/* ============================================= MAIN — inhoud ============================================= */ main{flex-grow:1;background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);min-width:0}main a{color:var(--color4)}main a:hover{color:#d94600}/* ============================================= KNOPPEN ============================================= */ .webshop_stylebutton, input[type=submit], input[type=button]{display:inline-flex;align-items:center;justify-content:center;min-width:160px;min-height:44px;padding:0 var(--space-lg);border:none;border-radius:var(--radius-pill);cursor:pointer;font-family:var(--font);font-size:var(--font-size-md);font-weight:700;letter-spacing:0.01em;color:#fff;background:var(--color4);text-decoration:none;text-align:center;white-space:nowrap;transition:background var(--ease), transform var(--ease), box-shadow var(--ease);-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:0 2px 8px rgba(255,90,31,.30)}.webshop_stylebutton:hover, input[type=submit]:hover, input[type=button]:hover{background:#e04a10;transform:translateY(-2px);box-shadow:0 6px 18px rgba(255,90,31,.38);text-decoration:none}.webshop_stylebutton:active, input[type=submit]:active, input[type=button]:active{transform:translateY(0);box-shadow:0 2px 6px rgba(255,90,31,.22)}input[type=submit]:disabled, input[type=button]:disabled{background:#ccc;cursor:default;box-shadow:none;transform:none}input, select, textarea{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);padding:10px var(--space-md);font-family:var(--font);font-size:var(--font-size-md);color:#1a1a1a;background:#fff;transition:border-color var(--ease), box-shadow var(--ease);margin:0 0 var(--space-sm) 0}input:focus, textarea:focus{border-color:var(--color4);box-shadow:0 0 0 3px rgba(255,90,31,.12);background:#fff;outline:none}/* ============================================= PRODUCT­RASTER ============================================= */ #prodlist, #catlist{display:grid !important;grid-template-columns:repeat(auto-fill, minmax(210px, 1fr)) !important;gap:var(--space-lg) !important;justify-content:unset !important;align-content:unset !important;flex-wrap:unset !important;padding:var(--space-xs) !important;margin:0 !important;list-style:none !important;overflow:visible !important}#prodlist > li, #catlist > li{width:auto !important;max-width:none !important;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;display:flex !important;flex-direction:column !important}#prodlist > li:hover, #catlist > li:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:#d8d8d5}#prodlist > li.hidden, #catlist > li.hidden{background:transparent !important;box-shadow:none !important;border:none !important}#prodlist > li > a, #catlist > li > a{text-decoration:none !important;color:#444 !important;display:flex !important;flex-direction:column !important;flex-grow:1 !important;height:100% !important}/* ============================================= FOTO-CONTAINER Gebruik display:flex + aspect-ratio zodat de foto altijd zichtbaar is in de tegel. ============================================= */ #prodlist > li > a > div:nth-of-type(1), #catlist > li > a > div:nth-of-type(1){display:flex !important;align-items:center !important;justify-content:center !important;width:100% !important;aspect-ratio:4 / 3 !important;height:auto !important;min-height:0 !important;padding:12px !important;background:#f9f9f7 !important;box-sizing:border-box !important;overflow:hidden !important;border-radius:var(--radius-md) var(--radius-md) 0 0 !important;flex-shrink:0 !important;position:static !important}#prodlist > li > a > div:nth-of-type(1) > img, #catlist > li > a > div:nth-of-type(1) > img{position:static !important;top:auto !important;left:auto !important;transform:none !important;max-width:100% !important;max-height:100% !important;width:auto !important;height:auto !important;object-fit:contain !important;display:block !important;transition:transform 0.26s ease !important;margin:0 auto !important}#prodlist > li:hover > a > div:nth-of-type(1) > img, #catlist > li:hover > a > div:nth-of-type(1) > img{transform:scale(1.05) !important}#prodlist > li > a > div:nth-of-type(2), #catlist > li > a > div:nth-of-type(2){padding:var(--space-md) var(--space-md) var(--space-lg) var(--space-md) !important;background:var(--color-surface);flex-grow:1 !important}#prodlist > li > a > div:nth-of-type(2) > div:first-child, #catlist > li > a > div:nth-of-type(2) > div:first-child{font-weight:700;font-size:var(--font-size-sm);color:#1a1a1a;line-height:1.35;margin-bottom:var(--space-xs)}#prodlist > li > a > div:nth-of-type(2) .webshop_price{color:var(--color4);font-size:1rem;font-weight:700}/* ============================================= UNIFORM PHOTOS — zelfde aspect-ratio truc ============================================= */ #catlist.uniform_photos > li > a > div:nth-of-type(1), #productlist.uniform_photos #prodlist > li > a > div:nth-of-type(1){aspect-ratio:4 / 3 !important;height:auto !important;min-height:0 !important;width:100% !important;min-width:0 !important;margin:0 !important;padding:12px !important}#catlist.hqphoto, #productlist.hqphoto #prodlist{grid-template-columns:repeat(auto-fill, minmax(280px, 1fr)) !important}#catlist.hqphoto > li > a > div:nth-of-type(1), #productlist.hqphoto #prodlist > li > a > div:nth-of-type(1){aspect-ratio:16 / 9 !important}/* ============================================= LIST-VIEW (view-5) — kleine thumbnail links ============================================= */ #prodlist.view-5{grid-template-columns:1fr !important;gap:0 !important}#prodlist.view-5 > li{box-shadow:none !important;border-radius:var(--radius-sm) !important;border:none !important;border-bottom:1px solid var(--color-border) !important;transform:none !important}#prodlist.view-5 > li:hover{transform:none !important;box-shadow:none !important;background:#f7f7f5 !important}#prodlist.view-5 > li > a > div:nth-of-type(1){aspect-ratio:unset !important;display:flex !important;align-items:center !important;justify-content:center !important;height:54px !important;min-height:54px !important;width:54px !important;padding:4px !important;border-radius:var(--radius-sm) !important;background:#f2f2f0 !important;flex-shrink:0 !important;overflow:hidden !important;position:static !important}#prodlist.view-5 > li > a > div:nth-of-type(1) > img{position:static !important;transform:none !important;max-width:100% !important;max-height:46px !important;width:auto !important;height:auto !important;display:block !important;margin:0 auto !important}/* ============================================= PRICE & STOCK BADGES ============================================= */ .webshop_status_ok{background:#e8f7e1;color:#2e7d1f;border-radius:var(--radius-pill);padding:4px 10px;font-size:var(--font-size-sm)}.webshop_status_warning{color:#c05c00}.webshop_status_error{background:#fdecea;color:#b71c1c;border-radius:var(--radius-pill);padding:4px 10px;font-size:var(--font-size-sm)}/* ============================================= FOOTER ============================================= */ #footer1{background:var(--color2);color:#b0b0b0;border-radius:var(--radius-lg) var(--radius-lg) var(--radius-md) var(--radius-md);padding:var(--space-xl) var(--space-lg) var(--space-lg) var(--space-lg);box-shadow:var(--shadow-md);margin-top:var(--space-xl)}footer a{color:#999;text-decoration:none;transition:color var(--ease)}footer a:hover{color:var(--color4)}#footer2{max-width:1220px;margin:0 auto}#footnav{margin-bottom:var(--space-xl)}#footnav ul{list-style:none;margin:0;padding:0}#footnav li{display:inline-block;width:180px;vertical-align:top}#footnav ul ul{margin:var(--space-sm) 0 var(--space-md) 0;font-size:var(--font-size-sm)}#footnav a{display:block;line-height:32px;color:#999}#footnav a:hover{color:var(--color4)}#footnav svg{display:none}footer address{display:inline-block;width:340px;font-style:normal;font-size:var(--font-size-sm);color:#888}address p{margin-top:0}address a{color:#888}address a:hover{color:var(--color4)}address svg, address svg path{fill:#666;width:14px;height:14px;margin-right:6px}#footercontent{display:inline-block;vertical-align:top}#terms{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid rgba(255,255,255,.06);font-size:var(--font-size-sm);color:#555;text-align:right}#terms span{margin-right:var(--space-md)}#terms a{color:#555;margin-right:var(--space-md)}#terms a:hover{color:var(--color4)}/* ============================================= BREADCRUMB ============================================= */ .webshop_breadcrumb{font-size:var(--font-size-sm);color:#aaa;margin-bottom:var(--space-md)}.webshop_breadcrumb a{color:#aaa;text-decoration:none;margin:0 5px}.webshop_breadcrumb a:hover{color:var(--color4)}.webshop_breadcrumb a:first-child{margin-left:0}/* ============================================= PANELPOP (filter­overlay) ============================================= */ .panel > span{font-weight:700;font-size:var(--font-size-sm);color:var(--color-muted)}.panel:hover span{color:var(--color4)}.panel:hover svg, .panel:hover svg path{fill:var(--color4)}#panelpop > div{font-size:1.4em}#panelpop > div div.active{color:#777}#panelpop > div div:hover:not(.active){background:rgba(255,255,255,.09)}/* ============================================= NUMERIEKE NAVIGATIE ============================================= */ .numnav a, .numnav span{border-radius:var(--radius-sm);border:1.5px solid var(--color-border);font-weight:600;font-size:var(--font-size-sm);transition:background var(--ease), border-color var(--ease), color var(--ease)}.numnav a:hover{background:var(--color4-light);border-color:var(--color4);color:var(--color4);text-decoration:none}/* ============================================= PRODUCT DETAIL ============================================= */ p.webshop_price{color:var(--color4);font-size:1.4rem;font-weight:800}.webshop_detail_photos a{border-radius:var(--radius-sm);overflow:hidden}/* ============================================= ACCOUNTNAVIGATIE ============================================= */ #accountnav{text-align:right;margin-bottom:var(--space-md)}#accountnav a{padding-right:var(--space-sm);color:var(--color-muted);text-decoration:none;font-size:var(--font-size-sm)}#accountnav a:hover{color:var(--color4)}/* ============================================= CHECKOUT PROGRESS ============================================= */ ul.checkoutprogress{margin:var(--space-lg) 0}ul.checkoutprogress li{background:#eee;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600}ul.checkoutprogress li.active{background:var(--color4-light);color:var(--color4)}ul.checkoutprogress li.active:after{border-left-color:var(--color4-light)}ul.checkoutprogress li:hover{background:#e5e5e3}ul.checkoutprogress li a{color:#333}/* ============================================= CHAT WIDGET ============================================= */ #webshop_chat{background:var(--color2);border-radius:var(--radius-md) var(--radius-md) 0 0;font-family:var(--font);font-weight:600;color:#ddd;font-size:var(--font-size-sm);box-shadow:0 -2px 12px rgba(0,0,0,.18);transition:background var(--ease)}#webshop_chat:hover{background:#2a2a2a}/* ============================================= USER RATINGS ============================================= */ .userrating svg, .userrating svg path{fill:var(--color4)}.userrating svg.disabled path{fill:#ddd}/* ============================================= ERROR / INFO MELDINGEN ============================================= */ .error{border-radius:var(--radius-sm);border:none;border-left:4px solid #ff5a1f;background:#fff5f2;color:#333;padding:var(--space-md);font-size:var(--font-size-md)}.info{color:#2e7d1f}/* ============================================= MOBIELE NAVIGATIE — hamburger ============================================= */ #mnav{display:none}#mnav a{outline:none}/* ============================================= RESPONSIVE — breekpunten ============================================= */ @media all and (max-width:1200px){#cont1, #cont2, #cont3{width:auto}nav > ul > li > ul{min-width:0;max-width:96vw}nav > ul > li > ul > li{width:155px}#prodlist, #catlist{grid-template-columns:repeat(auto-fill, minmax(175px, 1fr)) !important}}@media all and (max-width:900px){#cont2{flex-direction:column}aside{min-width:0;max-width:none;width:100%}main{margin-left:0}#prodlist, #catlist{grid-template-columns:repeat(auto-fill, minmax(160px, 1fr)) !important}}@media all and (max-width:600px){#cont1, #cont2, #cont3{padding:0 var(--space-sm);margin:0;width:auto}#header1{border-radius:0;padding:0 var(--space-md);min-height:52px}#header2{border-radius:0;margin:0}#header3{border-radius:0}#footer1{border-radius:var(--radius-md);margin:var(--space-md);padding:var(--space-lg) var(--space-md)}#cont2{flex-direction:column;gap:var(--space-sm);padding-top:var(--space-sm)}main{border-radius:var(--radius-sm);padding:var(--space-md);margin:0}aside{order:2;min-width:0;max-width:none;padding:var(--space-sm)}#prodlist, #catlist{grid-template-columns:repeat(2, 1fr) !important;gap:var(--space-sm) !important}nav{position:absolute;left:0;top:56px;max-height:0;width:100%;overflow:hidden;background:var(--color-surface);box-shadow:var(--shadow-md);z-index:100;transition:max-height 0.35s ease}nav ul, nav ul li{display:block;width:100%}nav > ul > li > ul{position:static;display:block;min-width:0;max-width:none;width:100%;box-shadow:none;border-top:none;border-radius:0;opacity:1;max-height:none;overflow:visible;pointer-events:auto;padding:0;flex-direction:column;gap:0;transition:none;background:#f5f5f3}nav > ul > li > ul > li{width:100%;padding:0}nav > ul > li > ul > li > a{padding-left:32px;font-size:var(--font-size-sm);color:#444}nav > ul > li > ul > li > ul > li > a{padding-left:48px;font-size:var(--font-size-sm)}nav > ul > li:hover > ul{max-height:0}#mnav{display:inline-flex}footer address{float:none;width:auto}#terms{text-align:center}}@media all and (max-width:360px){#prodlist, #catlist{grid-template-columns:1fr !important;gap:var(--space-sm) !important}}/* ============================================= ANIMATIES — minimaal, snel ============================================= */ @keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes fadeout{from{opacity:1}to{opacity:0}}.fadein{animation:fadein 0.2s ease-in}.fadeout{animation:fadeout 0.2s ease-out}