/* Compact navigation shared by the website and storefront preview. */
.site-nav{position:sticky;top:0;z-index:60;background:#000;border-bottom:1px solid #26322b;font-family:Arial,sans-serif}
.site-nav .site-nav-inner{box-sizing:border-box;max-width:1460px;margin:auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:22px;align-items:center;padding:16px 28px}
.site-nav .site-brand{display:flex;align-items:center;gap:8px;text-decoration:none;flex-shrink:0}
.site-nav .hero-wordmark{display:block;width:132px;height:auto;max-width:none}
.site-nav .hero-splash{display:block;position:relative;overflow:hidden;flex-shrink:0;width:39px;height:29px}
.site-nav .hero-splash img{position:absolute;width:50px;height:50px;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%)}
.site-nav .site-nav-links{display:flex;align-items:center;justify-content:center;gap:3px;min-width:0;margin:0;order:initial;width:auto;overflow-x:auto;scrollbar-width:none}
.site-nav .site-nav-links::-webkit-scrollbar{display:none}
.site-nav .site-nav-links a{display:block;white-space:nowrap;padding:10px 9px;color:#f2f5ef;background:none;border:0;box-shadow:none;font-family:Arial,sans-serif;font-size:14px;font-weight:400;letter-spacing:0;text-decoration:none;line-height:1.3}
.site-nav .site-nav-links a:hover{opacity:.75;background:none}
.site-nav .site-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}
.site-nav .site-actions a{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border:1px solid #6b8270;border-radius:22px;color:#fff;font-size:13px;line-height:1.2;font-weight:400;text-decoration:none}
.site-nav .site-actions .site-shop-link{background:#d9efda;color:#193b2a;border-color:#d9efda}
.site-nav .site-actions a:hover{filter:brightness(1.13)}
.site-nav .site-language{display:block;font-size:8px;letter-spacing:1px;color:#c5d5c8}
.site-nav .site-language span{display:block;margin-bottom:5px}
.site-nav .site-language select{background:#162e21;color:white;border:1px solid #3b5645;padding:6px 8px;border-radius:5px;max-width:105px;font-size:11px}
.site-nav a:focus-visible{outline:2px solid #b6cdb9;outline-offset:4px}
@media(max-width:1100px){.site-nav .site-nav-inner{grid-template-columns:1fr auto;grid-template-areas:"brand actions" "links language";gap:12px 18px;padding:13px 22px}.site-nav .site-brand{grid-area:brand}.site-nav .site-actions{grid-area:actions;justify-content:flex-end}.site-nav .site-nav-links{grid-area:links;justify-content:flex-start}.site-nav .site-language{grid-area:language;justify-self:end}.site-nav .site-language span{display:none}body[data-commerce] .site-nav .site-nav-links{grid-column:1/-1}}
@media(max-width:600px){.site-nav .site-nav-inner{padding:13px 16px;gap:10px}.site-nav .hero-wordmark{width:109px}.site-nav .hero-splash{width:31px;height:24px}.site-nav .hero-splash img{width:40px;height:40px}.site-nav .site-brand{gap:5px}.site-nav .site-actions{gap:6px}.site-nav .site-actions a{font-size:11px;padding:9px 11px}.site-nav .site-nav-links a{font-size:13px;padding:8px}.site-nav .site-language select{max-width:90px;font-size:10px}}
/* The market controls stay distinct from product navigation at every width. */
.site-nav .site-locale{display:flex;gap:10px;align-items:center;min-width:0;min-height:39px}
.site-nav .site-locale label{display:block;color:#c5d5c8;font:9px/1.3 Arial,sans-serif;letter-spacing:.08em}
.site-nav .site-locale label span{display:block;margin-bottom:5px}
.site-nav .site-locale select{display:block;background:#0d1712;color:#fff;border:1px solid #3b5645;padding:7px 6px;border-radius:5px;max-width:114px;font:12px/1.3 Arial,sans-serif;letter-spacing:0}
.site-market-notice{padding:12px 24px;background:#eef1e9;color:#18382a;font:13px/1.5 Arial,sans-serif;text-align:center}
.site-market-notice[hidden]{display:none}
@media(min-width:1101px){.site-nav .site-nav-inner{gap:14px}.site-nav .site-nav-links a{padding-inline:7px}}
@media(max-width:1100px){.site-nav .site-nav-inner{grid-template-areas:"brand actions" "links links" "locale locale"}.site-nav .site-locale{grid-area:locale;justify-self:end}.site-nav .site-locale .site-language{grid-area:auto}.site-nav .site-locale label span{display:block}}
@media(max-width:600px){.site-nav .site-nav-inner{gap:8px}.site-nav .site-locale{justify-self:start;gap:16px}.site-nav .site-locale label{display:flex;align-items:center;gap:7px}.site-nav .site-locale label span{margin:0}.site-nav .site-locale select{font-size:12px;max-width:135px;padding:5px 7px}}
.site-nav .site-locale .site-currency{position:relative;padding-right:23px}
:is(.site-nav,.context-currency) .site-fx-refresh{position:absolute;right:0;bottom:4px;border:0;background:none;color:#c5d5c8;font-size:20px;cursor:pointer;padding:0 2px}
.site-nav .site-locale select{max-width:125px}
@media(min-width:1101px) and (max-width:1590px){.site-nav .site-nav-inner{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand links actions" "locale locale locale";gap:3px 16px;padding-top:10px;padding-bottom:10px}.site-nav .site-brand{grid-area:brand}.site-nav .site-actions{grid-area:actions}.site-nav .site-nav-links{grid-area:links}.site-nav .site-locale{grid-area:locale;justify-self:end}.site-nav .site-locale label{display:flex;align-items:center;gap:7px}.site-nav .site-locale label span{margin:0}}
@media(max-width:600px){.site-nav .site-locale{flex-wrap:wrap;gap:6px 12px}.site-nav .site-locale label{font-size:8px}.site-nav .site-locale select{max-width:96px;font-size:11px}.site-nav .site-locale .site-currency{padding-right:22px}.site-market-notice{font-size:11px;padding:8px 16px}}
@media(max-width:600px){
 body .site-nav .site-actions{max-width:152px;gap:5px}
 body .site-nav .site-actions a{font-size:12px;min-height:40px;padding:7px 9px;max-width:78px;white-space:normal;text-align:center;overflow-wrap:anywhere}
 body .site-nav .hero-wordmark{width:92px}
 body .site-nav .hero-splash{width:26px}
}

/* Rounded, searchable locale controls; currency is contextual to shop/valuation. */
.site-nav .site-nav-inner{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"brand links locale actions";gap:16px;padding:14px 24px}
.site-nav .site-brand{grid-area:brand}.site-nav .site-nav-links{grid-area:links;justify-content:flex-start}
.site-nav .site-locale{grid-area:locale;justify-self:end;gap:7px}
.site-nav .site-actions{grid-area:actions}
.site-nav .site-locale>label{display:block!important;position:relative;padding:0!important;max-width:none!important}
.site-nav .site-locale>label[hidden]{display:none!important}
.site-nav .site-locale>label>span,.site-nav .site-locale .locale-native{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.locale-picker{position:relative;letter-spacing:0;font:13px/1.4 Arial,sans-serif}
:is(.site-nav,.context-currency) .locale-trigger{display:flex;align-items:center;gap:8px;max-width:140px;min-height:39px;border:1px solid #35473d;border-radius:22px;background:#101b15;color:#f3f5ef;padding:8px 12px;cursor:pointer;font:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.locale-trigger:after{content:"";flex:0 0 5px;width:5px;height:5px;border-right:1.5px solid #aec3b7;border-bottom:1.5px solid #aec3b7;transform:rotate(45deg);margin-left:2px;margin-top:-3px}
:is(.site-nav,.context-currency) .locale-trigger:hover,:is(.site-nav,.context-currency) .locale-trigger[aria-expanded=true]{background:#1a2c21;border-color:#8caa96}
:is(.site-nav,.context-currency) .locale-trigger:focus-visible,.locale-popover button:focus-visible,.locale-search:focus-visible{outline:2px solid #a6efc4;outline-offset:3px}
:is(.site-nav,.context-currency) .locale-popover{position:absolute;top:calc(100% + 10px);right:0;width:280px;max-width:calc(100vw - 32px);padding:10px;border:1px solid #3d5145;border-radius:16px;background:#101b15;color:#fff;box-shadow:0 16px 48px #0006;z-index:100;text-align:left}
.locale-popover[hidden]{display:none!important}
:is(.site-nav,.context-currency) .locale-search{box-sizing:border-box;width:100%;height:40px;margin:0 0 8px;background:#07110b;border:1px solid #42594a;border-radius:10px;color:#fff;padding:9px 12px;font:inherit}
.locale-options{max-height:min(330px,55vh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#566d5e transparent}
:is(.site-nav,.context-currency) .locale-options button,:is(.site-nav,.context-currency) .locale-auto{display:block;box-sizing:border-box;width:100%;border:0;border-radius:8px;text-align:left;padding:10px 12px;font:inherit;background:transparent;color:#e9f0eb;cursor:pointer}
:is(.site-nav,.context-currency) .locale-options button:hover,:is(.site-nav,.context-currency) .locale-options button:focus{background:#203c2b}
:is(.site-nav,.context-currency) .locale-options button[aria-selected=true]{background:#d9efda;color:#163623}
:is(.site-nav,.context-currency) .locale-auto{margin-top:8px;border-top:1px solid #344b3b;border-radius:0;color:#a9dab9}
:is(.site-nav,.context-currency) .site-currency .locale-trigger{padding-right:12px;min-width:92px}
:is(.site-nav,.context-currency) .site-fx-refresh{display:none}
@media(max-width:1100px){.site-nav .site-nav-inner{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand links links" ". locale actions";gap:6px 14px}.site-nav .site-locale{justify-self:end}.site-nav .site-nav-links{justify-content:flex-start}}
@media(max-width:760px){.site-nav .site-nav-inner{grid-template-columns:1fr auto;grid-template-areas:"brand actions" "links links" "locale locale";gap:8px;padding:12px 16px}.site-nav .site-locale{justify-self:start;flex-wrap:wrap}.site-nav .site-nav-links{width:100%}:is(.site-nav,.context-currency) .locale-trigger{max-width:135px;font-size:12px;min-height:36px}:is(.site-nav,.context-currency) .locale-popover{position:fixed;top:auto;right:16px;left:16px;width:auto;max-width:none;margin-top:8px}:is(.site-nav,.context-currency) .site-currency .locale-trigger{min-width:83px}}

:is(.site-nav,.context-currency) .locale-popover .site-fx-refresh{position:static;display:block;text-align:left;margin-top:8px;padding:10px 12px;width:100%;border-top:1px solid #344b3b;font:inherit;color:#a9dab9}

.locale-fx-note{font:11px/1.5 Arial,sans-serif;color:#c0d2c6;margin:10px 12px 0}

/* Keep the locale choices between the business links and Shop at laptop widths. */
@media(min-width:1101px) and (max-width:1320px){
 .site-nav .site-nav-inner{grid-template-areas:"brand links locale actions";gap:10px;padding-inline:20px}
 .site-nav .site-nav-inner .site-nav-links a{padding-inline:7px}
 .site-nav .site-actions a{padding-inline:13px}
 :is(.site-nav,.context-currency) .locale-trigger{padding-inline:10px}
}

/* Country and language are identified by icons; full names stay in the picker and accessible label. */
:is(.site-nav,.context-currency) .locale-trigger[data-locale-kind=country],:is(.site-nav,.context-currency) .locale-trigger[data-locale-kind=language]{gap:7px;padding:7px 10px;min-height:42px}
.locale-symbol{display:inline-flex;align-items:center;justify-content:center;width:17px;height:19px;flex-shrink:0;color:#b8cfc1}
.locale-symbol svg{width:17px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.locale-flag{display:inline-block;font-size:24px;line-height:1.05;letter-spacing:0;min-width:26px}
@media(max-width:760px){:is(.site-nav,.context-currency) .locale-trigger[data-locale-kind=country],:is(.site-nav,.context-currency) .locale-trigger[data-locale-kind=language]{min-height:38px;padding:6px 9px}.locale-flag{font-size:23px}}

/* The same currency picker sits beside commerce and valuation controls. */
.context-currency{position:relative;font-family:Arial,sans-serif;flex-shrink:0}
.context-currency>label{display:block;position:relative;margin:0;padding:0}
.context-currency>label[hidden]{display:none!important}
.context-currency>label>span,.context-currency .locale-native{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.context-currency .locale-trigger{min-height:42px;max-width:none}
.context-currency .site-fx-refresh{display:none}
.context-currency .locale-popover .site-fx-refresh{display:block;position:static;margin-top:8px;padding:10px 12px;width:100%;border-top:1px solid #344b3b;font:inherit;color:#a9dab9;text-align:left}
.shop-currency{margin-right:12px}
@media(max-width:760px){.context-currency .locale-popover{position:fixed;top:auto;right:16px;left:16px;width:auto;max-width:none;margin-top:8px}.shop-currency{margin-right:6px}.context-currency .locale-trigger{min-width:80px;font-size:12px}}

/* Image flags render identically regardless of the OS emoji font. */
.locale-flag-image{display:inline-block;width:20px!important;height:15px!important;max-width:none!important;object-fit:cover;vertical-align:middle;flex:0 0 20px;border-radius:1px}
.locale-options button[role=option]{display:flex;align-items:center;gap:10px}
.language-suggestion{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;padding:12px 20px;background:#edf3e6;color:#123d2e;border-bottom:1px solid #bbcbb6;position:relative;z-index:80;font:500 16px/1.4 system-ui}
.language-suggestion button{background:white;color:#123d2e;border:1px solid #52735b;border-radius:6px;padding:9px 16px;min-height:44px;cursor:pointer;font:inherit}
.language-suggestion button:focus-visible{outline:3px solid #087844;outline-offset:3px}