/* Header from Figma; shop content retains the existing theme styling. */
body.shop-site{min-width:0;padding:0;background:#fff;color:#23376e}
body.shop-site>header.shop-header{position:relative;left:auto;top:auto;transform:none;margin:0 auto;width:calc(100% - 64px);max-width:none;height:auto;z-index:10}
.shop-topbar{height:152px;display:grid;grid-template-columns:1fr 160px 1fr;align-items:start;position:relative}
.shop-logo{display:flex;flex-direction:column;align-items:center;gap:8.898px;margin:24px auto 0;width:127.126px}
.shop-logo img:first-child{width:75.63px;height:75.63px}.shop-logo img:last-child{width:127.126px;height:11.472px}
.shop-network{margin-top:49px;justify-self:start}.shop-network>ul{display:flex;align-items:center;border:1px solid #1c2d7c;border-radius:71px;padding:4px;height:46px;white-space:nowrap}.shop-network a{display:block;padding:5px 16px;color:#1c2d7c;font-size:14px;line-height:22px}.shop-network li:first-child a{background:#9a6f00;border-radius:55px;color:white;font-weight:700}
.shop-controls{justify-self:end;display:flex;gap:16px;margin-top:52px;color:#1c2d7c}.shop-language{position:relative;font-size:16px}.shop-language summary{display:flex;align-items:center;gap:0;border:1px solid #1c2d7c;border-radius:71px;padding:7px 15px;height:40px;cursor:pointer;list-style:none}.shop-language summary::-webkit-details-marker{display:none}.shop-language summary img{transform:scaleY(-1)}.shop-language ul{position:absolute;background:white;box-shadow:0 5px 20px #0002;padding:12px!important;border-radius:12px;min-width:140px;z-index:20}.shop-language a{display:block;padding:6px;color:#1c2d7c}
.shop-search{display:flex;align-items:center;width:192px;height:40px;border:1px solid #1c2d7c;border-radius:71px;padding:0 12px}.shop-search input[type=search]{width:100%;min-width:0;background:transparent;border:0;outline-offset:2px;padding:4px;color:#1c2d7c;font:inherit}.shop-search button{background:none;border:0;padding:0;display:flex;cursor:pointer}
.shop-navigation{background:#1c2d7c;border-radius:16px;min-height:70px;display:flex;align-items:center;justify-content:center}.shop-navigation>ul{display:flex;align-items:center;justify-content:center;gap:0}.shop-navigation>ul>li{position:relative;padding:4px 24px;border-right:1px solid #ffffff80}.shop-navigation>ul>li:last-child{border:0}.shop-navigation a{font-size:16px;line-height:1.4;color:white;display:block}.shop-navigation .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:220px;padding:16px;background:#1c2d7c;border-radius:8px}.shop-navigation li:hover>.sub-menu,.shop-navigation li:focus-within>.sub-menu{display:block}.shop-navigation .sub-menu a{padding:8px}.shop-menu-toggle{display:none}
.shop-utilities{max-width:1160px;margin:24px auto;display:flex;justify-content:flex-end;gap:24px;padding:0 16px}.shop-utilities a{color:#23376e}
body.shop-site #main{max-width:1160px;width:calc(100% - 48px);margin:0 auto 64px;padding:0;min-height:320px;position:relative;top:auto;display:block}body.shop-site #main.webshop{display:grid;grid-template-columns:minmax(0,830px) minmax(200px,280px);gap:40px}body.shop-site #main.webshop #content{width:auto;float:none;padding:0;min-width:0}body.shop-site #main.webshop aside{width:auto;float:none;padding:40px 0 0}body.shop-site #main.shop-page{background:white}body.shop-site #main.shop-page h1{position:static;color:#23376e;background:none}
body.shop-site>footer.shop-footer{position:static;width:100%;height:auto;background:#23376e;padding:24px;color:white}body.shop-site>footer.shop-footer .sized{width:100%;max-width:1160px;display:flex;justify-content:space-between;align-items:center;padding:0;height:auto}.shop-footer ul{display:flex;flex-wrap:wrap;gap:24px}.shop-footer a{color:white}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:16px;background:white;z-index:100;padding:12px}:focus-visible{outline:2px solid #1c2d7c;outline-offset:4px}

@media(max-width:1000px){body.shop-site>header.shop-header{width:calc(100% - 32px)}.shop-topbar{grid-template-columns:1fr 140px 1fr}.shop-network a{padding:5px 8px}.shop-controls{gap:8px}.shop-search{width:140px}.shop-navigation>ul>li{padding:4px 14px}body.shop-site #main.webshop{gap:24px;grid-template-columns:minmax(0,1fr) 220px}}
@media(max-width:760px){.shop-topbar{height:auto;min-height:190px;grid-template-columns:1fr 1fr;gap:16px;padding:20px 0}.shop-logo{grid-column:1/-1;grid-row:1;margin:0 auto}.shop-network{grid-column:1/-1;grid-row:2;justify-self:center;margin:0}.shop-controls{grid-column:1/-1;grid-row:3;justify-self:center;margin:0}.shop-search{width:192px}.shop-menu-toggle{display:flex;width:100%;justify-content:space-between;padding:16px 20px;border:0;border-radius:12px;background:#1c2d7c;color:white;font:inherit}.shop-navigation{display:none;border-radius:0 0 12px 12px}.shop-navigation.is-open{display:block}.shop-navigation>ul{display:block;padding:12px}.shop-navigation>ul>li{border:0;padding:10px}.shop-navigation .sub-menu{display:block;position:static;padding:0 0 0 16px}.shop-navigation .sub-menu a{font-size:15px}body.shop-site #main.webshop{display:block}body.shop-site #main.webshop aside{padding-top:24px}body.shop-site #main{width:calc(100% - 32px)}body.shop-site>footer.shop-footer .sized{display:block}.shop-footer ul{gap:16px}.shop-utilities{margin:16px auto}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{width:48%!important;clear:none!important;margin-right:4%!important}.woocommerce ul.products li.product:nth-child(even){margin-right:0!important}}

body.shop-site #main{right:auto;bottom:auto;background:#fff}body.shop-site>footer.shop-footer ul{display:flex;position:static;visibility:visible}body.shop-site>footer.shop-footer li{display:block;float:none;padding:0}body.shop-site>footer.shop-footer a{display:block;color:#fff}
body.shop-site>header.shop-header{background:#fff}

.shop-search button{flex-shrink:0}
.shop-language[open] summary img{transform:none}
.shop-language a:hover,.shop-language a:focus-visible{background:#f4f3ef;border-radius:6px}
@media(min-width:761px){
 .shop-navigation>ul>li{padding:0 24px;border:0}
 .shop-navigation>ul>li+li::before{content:"";position:absolute;left:0;top:50%;height:8px;width:1px;background:#ffffff80;transform:translateY(-50%)}
 .shop-navigation>ul>li>a{font-weight:700;padding:24px 0}
}
@media(min-width:761px) and (max-width:1100px){
 .shop-topbar{grid-template-columns:1fr 140px 1fr}
 .shop-network a{padding:5px 10px}
 .shop-controls{gap:8px}
 .shop-language summary{padding:7px 10px}
 .shop-navigation>ul>li{padding:0 16px}
 .shop-navigation>ul>li>a{font-size:15px}
}

/* Active and hovered menu links use the reference site's bottom underline. */
.shop-network a {
 border-radius:999px;
 text-decoration:none;
 transition:background-color .15s ease, color .15s ease;
}
.shop-navigation a {
 position:relative;
 background:transparent;
 color:#fff;
 border-radius:0;
 text-decoration:none;
}
.shop-navigation a::after {
 content:"";
 position:absolute;
 left:0;
 right:0;
 bottom:4px;
 height:1px;
 background:currentColor;
 opacity:0;
 transition:opacity .15s ease;
}
.shop-navigation .current-menu-item > a::after,
.shop-navigation .current-menu-ancestor > a::after,
.shop-navigation a[aria-current]:not([aria-current="false"])::after,
.shop-navigation a:focus-visible::after {
 opacity:1;
}
.shop-network a:focus-visible {
 background:#9a6f00;
 color:#fff;
}
.shop-language summary {
 transition:background-color .15s ease;
}
.shop-language[open] summary {
 background:#f4f3ef;
}
.shop-search:focus-within {
 border-color:#1c2d7c;
 box-shadow:0 0 0 1px #1c2d7c;
}
.shop-search input[type=search]:focus {
 outline:none;
 box-shadow:none;
}
@media(hover:hover) {
 .shop-navigation a:hover::after {opacity:1;}
 .shop-network a:hover {
  background:#9a6f00;
  color:#fff;
  text-decoration:none;
 }
 .shop-language summary:hover,
 .shop-search button:hover {
  background:#f4f3ef;
 }
}
.shop-search button {
 border-radius:50%;
}
@media(max-width:760px) {
 .shop-navigation a {padding:8px 12px;}
}
@media(prefers-reduced-motion:reduce) {
 .shop-navigation a::after,.shop-network a,.shop-language summary {transition:none;}
}

/* Mobile header follows the main site's logo, round controls and site selector. */
.shop-network-mobile,.shop-search-toggle{display:none}
@media(max-width:760px){
 .shop-topbar{display:block;min-height:0;height:163px;padding:16px 0 24px}
 .shop-logo{width:90px;gap:7px;margin:0}
 .shop-logo img:first-child{width:53px;height:53px}
 .shop-logo img:last-child{width:90px;height:auto}
 .shop-network{display:none}
 .shop-network-mobile{display:block;position:absolute;top:99px;left:0;right:0;color:#1c2d7c}
 .shop-network-mobile summary{height:40px;border:1px solid currentColor;border-radius:999px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;list-style:none;cursor:pointer}
 .shop-network-mobile summary::-webkit-details-marker{display:none}
 .shop-network-mobile summary img{transform:scaleY(-1)}
 .shop-network-mobile[open] summary img{transform:none}
 .shop-network-mobile nav{position:absolute;top:calc(100% + 8px);width:100%;padding:8px;background:#fff;border:1px solid #1c2d7c;border-radius:16px;box-shadow:0 5px 20px #0002;z-index:30}
 .shop-network-mobile nav a{display:block;padding:10px 12px;color:#1c2d7c}
 .shop-controls{position:absolute;right:0;top:32px;display:flex;gap:12px;margin:0;align-items:center}
 .shop-search-toggle,.shop-menu-toggle{display:flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px;padding:0;border:1px solid #1c2d7c;border-radius:50%;background:transparent;color:#1c2d7c;cursor:pointer}
 .shop-menu-toggle span{position:relative;width:14px;height:12px;border-block:2px solid currentColor}
 .shop-menu-toggle span::before{content:"";position:absolute;top:3px;left:0;width:14px;height:2px;background:currentColor}
 .shop-language,.shop-search{display:none}
 .shop-header.is-search-open .shop-controls,.shop-header.is-menu-open .shop-controls{position:static}
 .shop-header.is-search-open .shop-search-toggle,.shop-header.is-menu-open .shop-search-toggle{position:absolute;right:46px;top:32px}
 .shop-header.is-search-open .shop-menu-toggle,.shop-header.is-menu-open .shop-menu-toggle{position:absolute;right:0;top:32px}
 .shop-header.is-search-open .shop-search{display:flex;position:absolute;top:99px;left:0;right:0;width:100%}
 .shop-header.is-search-open .shop-network-mobile,.shop-header.is-menu-open .shop-network-mobile{display:none}
 body.shop-menu-open{overflow:hidden}
 body.shop-site>header.shop-header.is-menu-open{position:fixed;inset:0;width:100%;height:100dvh;overflow-y:auto;padding:0 16px;background:#1c2d7c;z-index:1000}
 .shop-header.is-menu-open .shop-logo img,.shop-header.is-menu-open .shop-search-toggle img,.shop-header.is-menu-open .shop-language summary img{filter:brightness(0) invert(1)}
 .shop-header.is-menu-open .shop-menu-toggle,.shop-header.is-menu-open .shop-search-toggle{border-color:#fff;color:#fff}
 .shop-header.is-menu-open .shop-menu-toggle span{border:0;height:14px}
 .shop-header.is-menu-open .shop-menu-toggle span::before,.shop-header.is-menu-open .shop-menu-toggle span::after{content:"";position:absolute;top:6px;left:0;width:14px;height:2px;background:currentColor;transform:rotate(45deg)}
 .shop-header.is-menu-open .shop-menu-toggle span::after{transform:rotate(-45deg)}
 .shop-header.is-menu-open .shop-language{display:block;position:absolute;top:107px;left:0;right:0;color:#fff}
 .shop-header.is-menu-open .shop-language summary{justify-content:space-between;border-color:#fff;background:transparent}
 .shop-header.is-menu-open .shop-language ul{width:100%;margin-top:8px}
 .shop-navigation.is-open{background:transparent;border-radius:0;min-height:0;padding:20px 0 32px}
 .shop-navigation>ul{padding:0}
 .shop-navigation>ul>li{padding:0 0 20px}
 .shop-navigation>ul>li>a{display:table;font-size:20px;font-weight:700;padding:8px 0}
 .shop-navigation .sub-menu{min-width:0;background:transparent}
 .shop-navigation .sub-menu a{display:table;padding:8px 0;font-size:16px}
 .shop-header.is-menu-open :focus-visible{outline-color:#fff}
}
