/* Sols & Nature — header/hero prototype. Deliberately scoped: no catalogue or SNbox styles. */
:root{--sn-paper:249,248,245;--sn-ink:#282a25;--sn-header-height:96px;--sn-page-gutter:clamp(24px,4vw,72px);--sn-hero-desktop-position:50% 52%;--sn-hero-mobile-position:55% 50%}
#header{--sn-header-alpha:1;--sn-header-ink:var(--sn-ink);--sn-logo-invert:0;position:sticky!important;top:0!important;z-index:1035;margin:0!important;padding:0!important;width:100%;height:var(--sn-header-height);background:rgba(var(--sn-paper),var(--sn-header-alpha))!important;color:var(--sn-header-ink);box-shadow:none!important;transform:none!important;transition:background-color .22s ease,color .22s ease;isolation:isolate}
#index #header{position:fixed!important;--sn-header-alpha:0;--sn-header-ink:#fff;--sn-logo-invert:1}
#index #header.sn-header-readable{--sn-header-ink:var(--sn-ink);--sn-logo-invert:0}
#header.sn-menu-open,#header:has(.mm_has_sub:hover),#header:has(.mm_has_sub:focus-within),#header:has(dialog[open]){--sn-header-ink:var(--sn-ink);--sn-logo-invert:0;background:rgb(var(--sn-paper))!important}
#header .sn-header-row{height:100%;padding-inline:var(--sn-page-gutter);display:flex;align-items:center;gap:clamp(22px,2.6vw,48px);max-width:1920px;margin:auto}
#header .sn-brand{width:clamp(140px,12vw,178px);flex-shrink:0}
#header .sn-brand a{margin:0;padding:0;width:100%}
#header .sn-brand img{width:100%;height:auto;display:block;filter:url(#sn-logo-ink) invert(var(--sn-logo-invert));transition:filter .22s ease}
.sn-filter-defs{position:absolute;pointer-events:none}
#header .sn-navigation{flex:1;min-width:0;align-self:stretch;display:flex;align-items:center}
#header .sn-header-actions{display:flex;gap:16px;align-items:center;flex-shrink:0}
#header .sn-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:40px;min-height:44px;border:0;background:transparent;color:inherit;padding:0;line-height:1.2;text-decoration:none;font-size:12px;white-space:nowrap;border-radius:0}
#header .sn-action-label{font-size:12px;letter-spacing:.015em}
#header .sn-search-trigger .sn-action-label{display:none}
#header .sn-cart-count{font-size:11px;line-height:1;min-width:15px}
#header .sn-icon,.sn-hero .sn-icon{flex:none;vertical-align:middle}
#header :is(a,button,input):focus-visible,.sn-hero a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
/* ETS keeps its tree, links, cache and controls; the child theme owns the shell. */
#header .ets_mm_megamenu{margin:0!important;padding:0!important;width:100%;border:0;background:none!important;box-shadow:none;position:static!important;color:inherit;min-height:0}
#header .ets_mm_megamenu :is(.ets_mm_megamenu_content,.container,.ets_mm_megamenu_content_content){margin:0;padding:0;width:100%;max-width:none;background:none;border:0;box-shadow:none;position:static}
#header .ets_mm_megamenu .mm_menus_ul{display:flex;justify-content:center;align-items:stretch;float:none;width:auto;margin:0;padding:0;background:none;border:0;position:static;box-shadow:none}
#header .ets_mm_megamenu .mm_menus_li{border:0!important;float:none;position:static;background:none!important;padding:0;margin:0;min-height:0}
#header .ets_mm_megamenu .mm_menus_li>a{display:flex;align-items:center;min-height:var(--sn-header-height);padding:0 clamp(9px,1vw,18px);border:0!important;background:none!important;color:var(--sn-header-ink)!important;font-size:12px!important;font-weight:500;letter-spacing:.025em;text-transform:none;white-space:nowrap}
#header .ets_mm_megamenu .mm_menu_content_title{font:inherit;color:inherit}
#header .ets_mm_megamenu .mm_menu_content_title:before{display:none}
#header .ets_mm_megamenu .mm_arrow{margin-left:7px;border-color:currentColor!important;opacity:.6}
#header .ets_mm_megamenu .mm_columns_ul{position:absolute!important;top:100%!important;left:0!important;right:0!important;width:100%!important;max-width:none!important;max-height:calc(100svh - var(--sn-header-height) - 24px);overflow-y:auto;overscroll-behavior:contain;padding:38px var(--sn-page-gutter) 48px!important;margin:0!important;background:rgb(var(--sn-paper))!important;background-image:none!important;box-shadow:none!important;border:0!important;color:var(--sn-ink);transform:none!important;transition:opacity .18s ease,visibility .18s ease;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:32px;visibility:hidden;opacity:0;pointer-events:none}
#header .ets_mm_megamenu .mm_menus_li:hover>.mm_columns_ul,#header .ets_mm_megamenu .mm_menus_li:focus-within>.mm_columns_ul,#header .ets_mm_megamenu .mm_columns_ul.active{visibility:visible;opacity:1;pointer-events:auto}
#header .ets_mm_megamenu .mm_columns_li{width:auto!important;float:none;padding:0!important;max-width:none;min-width:0;border:0!important}
#header .ets_mm_megamenu .mm_blocks_ul,#header .ets_mm_megamenu .mm_blocks_li{padding:0;margin:0;border:0!important}
#header .ets_mm_megamenu :is(.ets_mm_block_content,.ets_mm_block){padding:0;background:none;border:0}
#header .ets_mm_megamenu .ets_mm_block_content a{color:#56594f!important;font-size:14px!important;line-height:1.55;text-transform:none;font-weight:400;border:0!important;padding-block:6px}
#header .ets_mm_megamenu .ets_mm_block_content a:hover{color:#141712!important;text-decoration:underline;text-underline-offset:4px}
#header .ets_mm_megamenu :is(.ets_mm_block h4,.ets_mm_block h5,.ets_mm_block .h4,.ets_mm_block .h5,.ets_mm_block_title){font-size:15px!important;font-weight:500;text-transform:none;letter-spacing:0;color:var(--sn-ink)!important;margin-bottom:14px;border:0;padding:0}
#header .ets_mm_megamenu .ets_mm_block{margin-bottom:20px}
#header .ets_mm_megamenu .mm_blocks_li:last-child .ets_mm_block{margin-bottom:0}
#header .ets_mm_megamenu .ybc-menu-toggle,#header .ets_mm_megamenu .close_menu{display:none}
#header .ets_mm_megamenu .mm_menus_li>.arrow{display:none}
/* Native dialog and native ps_searchbar autocomplete: one search on every viewport. */
#header .sn-search-dialog{position:fixed;inset:var(--sn-header-height) 0 auto;width:100%;max-width:none;max-height:calc(100svh - var(--sn-header-height));padding:32px max(var(--sn-page-gutter),calc((100vw - 920px)/2)) 40px;margin:0;border:0;background:rgb(var(--sn-paper));color:var(--sn-ink);overflow-y:auto}
#header .sn-search-dialog::backdrop{background:rgba(25,27,21,.28)}
#header .sn-search-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}
#header .sn-search-heading h2{font-size:24px;font-weight:400;margin:0}
#header .sn-search-module,#header .ps-searchbar{width:100%;max-width:none}
#header .ps-searchbar__form{width:100%;display:flex;align-items:center;gap:16px}
#header .ps-searchbar__input{border:0;border-bottom:1px solid #92958a;border-radius:0;background:transparent;height:56px;font-size:18px;box-shadow:none;padding:8px 38px 8px 0}
#header .ps-searchbar__magnifier{display:none}
#header .sn-search-submit{border:0;background:none;display:flex;gap:12px;align-items:center;font-size:14px;padding:12px 0;white-space:nowrap;color:var(--sn-ink)}
#header .ps-searchbar__dropdown{position:relative;box-shadow:none;border:0;background:none;max-height:45svh}
#header .ps-searchbar__clear{right:140px}
/* Hero only — following homepage hooks remain untouched. */
#index #wrapper{padding-top:0}
#index .page-content--home{padding-top:0}
.sn-hero{position:relative;min-height:510px;height:min(748px,81svh);width:100%;display:flex;align-items:flex-end;padding:120px max(var(--sn-page-gutter),7vw) 48px;color:#fff;background:#776953;isolation:isolate;overflow:hidden}
.sn-hero-media,.sn-hero-media img{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.sn-hero-media img{object-fit:cover;object-position:var(--sn-hero-desktop-position)}
.sn-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(15,18,12,.32),transparent 27%),linear-gradient(90deg,rgba(18,21,14,.5),rgba(18,21,14,.12) 60%,transparent);pointer-events:none}
.sn-hero-copy{max-width:700px}
.sn-hero :is(h1,h2){font:400 clamp(34px,3.2vw,54px)/1.1 Arial,Helvetica,sans-serif;letter-spacing:-.035em;color:inherit;margin:0 0 24px;max-width:690px;text-wrap:balance}
.sn-hero p{font-size:15px;letter-spacing:.025em;line-height:1.6;margin:0 0 32px;color:inherit}
.sn-hero-actions{display:flex;gap:30px;align-items:center;flex-wrap:wrap}
.sn-hero-primary{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:17px 23px;background:rgb(var(--sn-paper));color:var(--sn-ink);font-size:14px;text-decoration:none;border:1px solid transparent;transition:background .18s ease}
.sn-hero-primary:hover{background:#fff;color:#141712}
.sn-hero-secondary{font-size:14px;color:#fff;text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px;padding-block:14px}
.sn-hero-secondary:hover{color:#fff;text-decoration-thickness:2px}
@media(min-width:1200px) and (max-width:1450px){#header .sn-header-row{gap:18px}#header .sn-header-actions{gap:12px}#header .sn-action-label{display:none}#header .sn-brand{width:148px}#header .ets_mm_megamenu .mm_menus_li>a{font-size:12px!important;padding-inline:12px}}
@media(max-width:1199px){
 :root{--sn-header-height:76px;--sn-page-gutter:28px}
 #header .sn-header-row{gap:12px}
 #header .sn-brand{width:148px;margin-right:auto}
 #header .sn-navigation{flex:0 0 44px;align-items:center}
 #header .sn-header-actions{gap:8px}
 #header .sn-action-label{display:none}
 #header .ets_mm_megamenu .ybc-menu-toggle{display:flex!important;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:0;border:0!important;border-radius:0;background:none!important;color:var(--sn-header-ink);box-shadow:none;margin:0;position:static}
 #header .sn-menu-label{display:none}
 #header .ybc-menu-button-toggle_icon{width:22px;margin:0!important}
 #header .ybc-menu-button-toggle_icon .icon-bar{height:1px;width:22px;margin:5px 0;background:currentColor!important}
 #header .ets_mm_megamenu .mm_menus_ul{display:none!important;position:fixed!important;inset:var(--sn-header-height) 0 0!important;width:100%!important;height:calc(100svh - var(--sn-header-height))!important;max-width:none!important;max-height:none!important;transform:none!important;overflow:auto!important;overscroll-behavior:contain;background:rgb(var(--sn-paper))!important;padding:16px var(--sn-page-gutter) 40px!important;box-shadow:none;visibility:visible;opacity:1;transition:none}
 #header .ets_mm_megamenu .mm_menus_ul.active{display:block!important}
 #header .ets_mm_megamenu .close_menu{display:flex!important;justify-content:space-between;align-items:center;width:100%;padding:12px 0 20px;border:0;color:var(--sn-ink);font-size:13px;cursor:pointer}
 #header .ets_mm_megamenu .close_menu .pull-left{visibility:hidden}
 #header .ets_mm_megamenu .mm_menus_li{position:relative;display:block;width:100%;border:0!important}
 #header .ets_mm_megamenu .mm_menus_li>a{padding:15px 52px 15px 0;min-height:58px;white-space:normal;font-size:21px!important;font-weight:400;color:var(--sn-ink)!important}
 #header .ets_mm_megamenu .mm_menu_content_title .mm_arrow{display:none}
 #header .ets_mm_megamenu .mm_menus_li>.arrow{display:flex!important;position:absolute;inset:7px 0 auto auto;width:44px;height:44px;padding:0;background:none;border:0;color:var(--sn-ink);align-items:center;justify-content:center}
 #header .ets_mm_megamenu .mm_menus_li>.arrow:before{content:"+";font:300 26px/1 Arial;border:0;position:static;transform:none;width:auto;height:auto}
 #header .ets_mm_megamenu .mm_menus_li>.arrow.opened:before{content:"−"}
 #header .ets_mm_megamenu .mm_menus_li>.arrow:after{display:none}
 #header .ets_mm_megamenu .mm_columns_ul{display:none!important;position:static!important;visibility:visible!important;opacity:1!important;width:100%!important;padding:16px 0 26px 12px!important;max-height:none;overflow:visible;pointer-events:auto;grid-template-columns:1fr;gap:24px}
 #header .ets_mm_megamenu .mm_columns_ul.active{display:grid!important}
 #header .ets_mm_megamenu .mm_columns_li{width:100%!important}
 #header .ets_mm_megamenu .ets_mm_block_content a{font-size:15px!important;min-height:38px;display:inline-flex;align-items:center}
 #header .ets_mm_megamenu .ets_mm_block_title{font-size:16px!important}
 #header .ets_mm_megamenu .mm_menus_li:hover>.mm_columns_ul:not(.active){display:none!important}
 #header .sn-search-dialog{padding-inline:var(--sn-page-gutter)}
}
@media(max-width:767px){
 :root{--sn-header-height:72px;--sn-page-gutter:18px}
 #header .sn-header-row{gap:4px}
 #header .sn-brand{width:116px;min-width:0;flex-shrink:1}
 #header .sn-navigation{flex-basis:40px}
 #header .sn-header-actions{gap:3px}
 #header .sn-action{min-width:38px}
 #header .sn-cart-count{min-width:8px;font-size:10px}
 #header .sn-account .sn-icon{width:20px}
 #header .sn-search-heading h2{font-size:21px}
 #header .ps-searchbar__form{flex-wrap:wrap;gap:12px}
 #header .ps-searchbar__input{font-size:16px;width:100%}
 #header .sn-search-submit{margin-left:auto;padding:8px 0}
 #header .ps-searchbar__clear{right:0;top:12px}
 .sn-hero{min-height:425px;height:min(528px,68svh);padding:100px 24px 30px}
 .sn-hero-media img{object-position:var(--sn-hero-mobile-position)}
 .sn-hero:before{background:linear-gradient(180deg,rgba(18,21,14,.28),transparent 25%,rgba(18,21,14,.16) 42%,rgba(18,21,14,.63))}
 .sn-hero :is(h1,h2){font-size:30px;line-height:1.12;letter-spacing:-.03em;margin-bottom:18px;max-width:345px;text-wrap:pretty}
 .sn-hero p{font-size:12px;letter-spacing:0;line-height:1.7;max-width:280px;margin-bottom:23px}
 .sn-hero-actions{gap:10px 21px}
 .sn-hero-primary{font-size:13px;padding:14px 17px;gap:14px}
 .sn-hero-secondary{font-size:13px;padding-block:12px}
}
@media(prefers-reduced-motion:reduce){#header,#header *,#header *:before,#header *:after,.sn-hero *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* Keep contrast consistent even with the homepage's transparent-state variables. */
#header.sn-menu-open,#header:has(.mm_has_sub:hover),#header:has(.mm_has_sub:focus-within),#header:has(dialog[open]){--sn-header-ink:var(--sn-ink)!important;--sn-logo-invert:0!important}
#header .sn-action{color:var(--sn-header-ink)!important}
#header .ets_mm_megamenu ul{list-style:none}
#header .ets_mm_megamenu .close_menu{background:transparent!important;color:var(--sn-ink)!important}
#header .ets_mm_megamenu .close_menu .pull-right{color:var(--sn-ink)!important}
#header .ets_mm_megamenu .close_menu .mm_menus_back_icon{border-color:var(--sn-ink)!important}
#header .ets_mm_megamenu:before{display:none!important}
@media(max-width:1199px){#header .ets_mm_megamenu .close_menu{float:none!important;min-height:44px;line-height:1.4;font-size:13px;font-weight:400;text-transform:none;justify-content:flex-end;gap:10px}}
@media(min-width:1200px){#header.sn-menu-dismissed .mm_columns_ul{opacity:0!important;visibility:hidden!important;pointer-events:none!important}}
#header .ets_mm_megamenu .mm_menu_content_title{padding:0!important;margin:0!important}
#header .ets_mm_categories li{list-style:none!important}
@media(min-width:1200px){#header .ets_mm_megamenu .mm_menus_ul{width:100%!important}#header .ets_mm_megamenu .mm_menus_li{min-width:0;flex:0 1 auto}}

/* Native floating-menu backdrop must not cover the shared header. */
#header .ets_mm_megamenu .ybc-menu-toggle.opened:before{display:none!important}
#header .ets_mm_megamenu .close_menu *{color:var(--sn-ink)!important}
@media(min-width:1200px){#header .ets_mm_megamenu .mm_columns_li.column_size_12{grid-column:1/-1}}

/* Services photos at half their original three-column width. Accessories
   share the same thumbnail size; native proportions and BO images are kept. */
#header .ets_mm_megamenu :is([data-sn-menu-id="18"],[data-sn-menu-id="17"]) .mm_block_type_image .mm_img_content{display:block!important;width:calc((100vw - 2 * var(--sn-page-gutter) - 64px) / 6);max-width:100%}
#header .ets_mm_megamenu :is([data-sn-menu-id="18"],[data-sn-menu-id="17"]) .mm_block_type_image .mm_img_content img{display:block;width:100%!important;height:auto!important}
@media(max-width:1199px){#header .ets_mm_megamenu :is([data-sn-menu-id="18"],[data-sn-menu-id="17"]) .mm_block_type_image .mm_img_content{width:50%}}