.eco-reference-header{--eco-header-bg:#fff;--eco-header-ink:#111;--eco-header-muted:#555;--eco-header-accent:#111;--eco-header-border:#e6e6e6;--eco-header-main-height:58px;--eco-header-logo-width:124px;--eco-header-logo-height:30px;--eco-header-search-width:680px;--eco-header-search-height:32px;--eco-header-search-bg:#fff;--eco-header-search-text:#111;--eco-header-search-placeholder:#777;--eco-header-search-border:#e6e6e6;--eco-header-search-button-bg:#fff;--eco-header-search-button-icon:#111;--eco-header-search-radius:5px;--eco-header-icon-size:16px;--eco-header-icon-button-size:24px;--eco-header-icon-color:#111;--eco-header-icon-hover-color:#111;--eco-header-cart-badge-bg:#ef4444;--eco-header-cart-badge-text:#fff;--eco-header-muted:#555;--eco-header-accent:#111;--eco-header-topbar-bg:#e8e6dc;--eco-header-topbar-text:#111;--eco-header-topbar-button-bg:rgba(255,255,255,.42);--eco-header-topbar-height:28px;--eco-header-topbar-font-size:10px;--eco-header-topbar-font-weight:700;--eco-header-topbar-button-font-size:10px;--eco-header-topbar-button-font-weight:700;--eco-header-max-width:1536px;--eco-header-padding-x:48px;--eco-header-sticky-offset:0px;background:var(--eco-header-bg);color:var(--eco-header-ink);font-family:inherit;position:relative;z-index:40}.eco-reference-header--sticky{position:sticky;top:var(--eco-header-sticky-offset);z-index:850}.eco-reference-header--sticky-main-only{display:contents;position:static;top:auto}.eco-reference-header--sticky-main-only .eco-main-header{position:sticky;top:var(--eco-header-sticky-offset);z-index:850}.eco-reference-header--boxed .eco-main-header,.eco-reference-header--boxed .eco-topbar{max-width:var(--eco-header-max-width);margin-inline:auto}.eco-reference-header--wide{--eco-header-max-width:1680px}.eco-reference-header--full{--eco-header-max-width:1920px}.eco-reference-header--no-shadow .eco-main-header{box-shadow:none}.eco-reference-header .eco-topbar{height:var(--eco-header-topbar-height);background:var(--eco-header-topbar-bg);color:var(--eco-header-topbar-text);font-size:var(--eco-header-topbar-font-size)!important;font-weight:var(--eco-header-topbar-font-weight)!important;letter-spacing:.01em;line-height:1.2}.eco-reference-header .eco-topbar__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto) minmax(0,1fr);align-items:center;gap:16px;height:100%;min-height:var(--eco-header-topbar-height)}.eco-reference-header .eco-topbar__group{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%;overflow:hidden}.eco-reference-header .eco-topbar__group--left{justify-self:start;justify-content:flex-start}.eco-reference-header .eco-topbar__group--center{justify-self:center;justify-content:center;text-align:center}.eco-reference-header .eco-topbar__group--right{justify-self:end;justify-content:flex-end}.eco-reference-header .eco-topbar__item{display:block;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--eco-header-topbar-text)!important;text-decoration:none!important;white-space:nowrap;font-size:inherit!important;font-weight:inherit!important;font-family:inherit!important;line-height:inherit!important}a.eco-topbar__item:hover{text-decoration:underline!important;text-underline-offset:2px}.eco-reference-header .eco-topbar__item--left{justify-self:start}.eco-reference-header .eco-topbar__item--center{justify-self:center;text-align:center}.eco-reference-header .eco-topbar__right-group{justify-self:end;display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0;max-width:100%;overflow:hidden}.eco-reference-header .eco-topbar__button{display:inline-flex;align-items:center;justify-content:center;min-height:20px;padding:0 9px;border:1px solid rgba(17,17,17,.18);border-radius:999px;color:var(--eco-header-topbar-text)!important;text-decoration:none!important;font-size:var(--eco-header-topbar-button-font-size)!important;font-weight:var(--eco-header-topbar-button-font-weight)!important;font-family:inherit!important;line-height:1!important;background:var(--eco-header-topbar-button-bg);white-space:nowrap;flex:0 0 auto}a.eco-topbar__button:hover{background:#fff;border-color:rgba(17,17,17,.35)}.eco-main-header{background:var(--eco-header-bg);border-bottom:1px solid var(--eco-header-border);box-shadow:none;backdrop-filter:none}.eco-main-header__inner{display:grid;grid-template-columns:auto auto minmax(220px,var(--eco-header-search-width)) auto;align-items:center;justify-content:space-between;gap:22px;min-height:var(--eco-header-main-height)}.eco-container{width:min(calc(100% - (var(--eco-header-padding-x) * 2)),var(--eco-header-max-width));margin-inline:auto}.eco-header-icon,.eco-header-actions a{width:var(--eco-header-icon-button-size);height:var(--eco-header-icon-button-size);border:0;border-radius:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--eco-header-icon-color);box-shadow:none;transition:opacity .2s ease,color .2s ease,transform .2s ease}.eco-header-icon:hover,.eco-header-actions a:hover{color:var(--eco-header-icon-hover-color);opacity:.72;transform:none}.eco-menu-toggle{gap:4px;flex-direction:column;cursor:pointer}.eco-menu-toggle span{width:calc(var(--eco-header-icon-size) + 1px);height:2px;border-radius:99px;background:currentColor}.eco-logo{display:inline-flex;align-items:center}.eco-logo img{display:block;width:var(--eco-header-logo-width);height:var(--eco-header-logo-height);max-width:100%;object-fit:contain}.eco-header-search{width:var(--eco-header-search-width);max-width:100%;height:var(--eco-header-search-height);border:1px solid var(--eco-header-search-border);border-radius:var(--eco-header-search-radius);background:var(--eco-header-search-bg);display:flex;align-items:center;overflow:hidden;box-shadow:none}.eco-header-search input[type=search]{flex:1;min-width:0;border:0;background:transparent;padding:0 14px;font-size:11px;outline:0;color:var(--eco-header-search-text);height:100%}.eco-header-search input[type=search]::placeholder{color:var(--eco-header-search-placeholder);opacity:1}.eco-header-search button{width:calc(var(--eco-header-search-height) + 6px);height:100%;border:0;background:var(--eco-header-search-button-bg);color:var(--eco-header-search-button-icon);display:grid;place-items:center;cursor:pointer}.eco-header-search svg,.eco-header-actions svg,.eco-header-icon svg,.eco-menu-drawer svg{width:var(--eco-header-icon-size);height:var(--eco-header-icon-size);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.eco-header-actions{display:flex;align-items:center;gap:18px}.eco-cart-action{position:relative}.eco-cart-count{position:absolute;right:-7px;top:-8px;min-width:14px;height:14px;padding:0 4px;border-radius:99px;background:var(--eco-header-cart-badge-bg);color:var(--eco-header-cart-badge-text);font-size:9px;font-weight:800;line-height:14px;text-align:center}.eco-drawer-overlay{position:fixed;inset:0;background:rgba(10,18,14,.45);z-index:900;backdrop-filter:blur(6px)}.eco-menu-drawer{--eco-header-ink:#111;--eco-header-muted:#555;--eco-header-accent:#111;--eco-header-border:#eeeeee;font-family:inherit;position:fixed;inset:0 auto 0 0;width:min(386px,calc(100vw - 20px));background:#fff;z-index:901;transform:translateX(-105%);transition:transform .28s ease;box-shadow:24px 0 70px rgba(0,0,0,.18);overflow:hidden;color:var(--eco-header-ink)}body.eco-drawer-open .eco-menu-drawer{transform:translateX(0)}.eco-drawer-panel{display:none;height:100%;flex-direction:column}.eco-drawer-panel.is-active{display:flex}.eco-drawer-head{height:36px;display:flex;align-items:center;gap:10px;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--eco-header-border)}.eco-drawer-head h2{margin:0;font-size:var(--eco-sidemenu-heading-font-size,16px);font-weight:var(--eco-sidemenu-heading-font-weight,700)}.eco-drawer-close,.eco-drawer-back{border:0;background:transparent;border-radius:0;width:24px;height:24px;font-size:18px;line-height:1;cursor:pointer;color:#111}.eco-drawer-body{padding:16px 18px 10px;overflow:auto}.eco-drawer-title,.eco-drawer-section h3,.eco-support-box h3{margin:0 0 12px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--eco-header-muted);font-weight:900}.eco-drawer-nav,.eco-drawer-section,.eco-support-box{display:grid;gap:8px;margin-bottom:20px}.eco-drawer-row,.eco-drawer-link,.eco-drawer-section a,.eco-support-box>a{min-height:34px;border:0;background:#fff;border-radius:0;padding:0 2px;color:var(--eco-header-ink);text-decoration:none;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:400;line-height:1.2;cursor:pointer}.eco-drawer-row:hover,.eco-drawer-link:hover,.eco-drawer-section a:hover,.eco-support-box>a:hover{border-color:transparent;background:#fff;color:#111}.eco-support-card{gap:12px;justify-content:flex-start!important}.eco-support-icon{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:#eaf8ed;color:var(--eco-header-accent);flex:0 0 auto}.eco-support-content{display:grid;gap:2px;flex:1}.eco-support-content strong{font-size:13px}.eco-support-content em{font-style:normal;font-size:12px;color:var(--eco-header-muted)}.eco-drawer-social{display:flex;flex-wrap:wrap;gap:10px}.eco-social{width:40px;height:40px;border-radius:999px;display:grid;place-items:center;color:#fff;text-decoration:none}.eco-social--facebook{background:#1877f2}.eco-social--x{background:#111}.eco-social--instagram{background:#e4405f}.eco-social--pinterest{background:#e60023}.eco-social--youtube{background:#ff0000}.eco-social--tiktok{background:#111}.eco-header-editor-preview{outline:1px dashed rgba(17,17,17,.18);outline-offset:4px}.eco-header-editor-preview__hint{background:#111;color:#fff;font-size:11px;font-weight:700;letter-spacing:.01em;padding:6px 10px;text-align:center}.eco-header-preset-grid{display:grid;grid-template-columns:1fr;gap:8px;margin-top:10px}.eco-header-preset-grid .components-button{justify-content:center;width:100%}@media(max-width:900px){.eco-reference-header--hide-topbar-mobile .eco-topbar{display:none}.eco-reference-header--sticky{position:static;top:auto}.eco-reference-header--sticky .eco-main-header{position:sticky;top:var(--eco-header-sticky-offset);z-index:850}.eco-reference-header--sticky.eco-reference-header--mobile-stuck .eco-header-search{display:none}.eco-reference-header .eco-topbar{height:var(--eco-header-topbar-height);min-height:var(--eco-header-topbar-height);overflow:hidden}.eco-reference-header .eco-topbar__inner{position:relative!important;display:block!important;height:100%!important;min-height:var(--eco-header-topbar-height);padding:0!important;text-align:center;overflow:hidden!important}.eco-reference-header .eco-topbar__group{position:absolute;inset:0;display:flex;align-items:center;justify-content:center!important;gap:7px;width:100%;max-width:100%;padding:0 14px;opacity:0;transform:translateY(120%);animation:ecoTopbarGroupSlide3 18s ease-in-out infinite;overflow:visible;flex-wrap:nowrap;pointer-events:none}.eco-reference-header .eco-topbar:hover .eco-topbar__group,.eco-reference-header .eco-topbar:focus-within .eco-topbar__group{animation-play-state:paused}.eco-reference-header .eco-topbar__inner--slides-1 .eco-topbar__group{opacity:1;transform:none;animation:none}.eco-reference-header .eco-topbar__inner--slides-2 .eco-topbar__group{animation-name:ecoTopbarGroupSlide2;animation-duration:12s}.eco-reference-header .eco-topbar__inner--slides-2 .eco-topbar__group:nth-child(1),.eco-reference-header .eco-topbar__inner--slides-3 .eco-topbar__group:nth-child(1){animation-delay:0s}.eco-reference-header .eco-topbar__inner--slides-2 .eco-topbar__group:nth-child(2){animation-delay:6s}.eco-reference-header .eco-topbar__inner--slides-3 .eco-topbar__group:nth-child(2){animation-delay:6s}.eco-reference-header .eco-topbar__inner--slides-3 .eco-topbar__group:nth-child(3){animation-delay:12s}.eco-reference-header .eco-topbar__group>*{pointer-events:auto}.eco-reference-header .eco-topbar__item{max-width:min(68vw,340px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eco-reference-header .eco-topbar__button{min-height:18px;padding:0 8px;max-width:min(42vw,170px);overflow:hidden;text-overflow:ellipsis}.eco-main-header__inner{grid-template-columns:auto 1fr auto;min-height:66px}.eco-logo{justify-self:center}.eco-header-search{grid-column:1/-1;width:100%;margin-bottom:12px}.eco-header-actions{display:flex;align-items:center;gap:12px}.eco-header-actions a{display:inline-flex}}@keyframes ecoTopbarGroupSlide2{0%,42%{opacity:1;transform:translateY(0)}50%,100%{opacity:0;transform:translateY(-120%)}0%{transform:translateY(120%)}}@keyframes ecoTopbarGroupSlide3{0%,28%{opacity:1;transform:translateY(0)}34%,100%{opacity:0;transform:translateY(-120%)}0%{transform:translateY(120%)}}
.eco-menu-drawer{width:min(384px,calc(100vw - 20px))!important;background:#fff!important;box-shadow:22px 0 70px rgba(0,0,0,.18)!important}.eco-drawer-overlay{background:rgba(0,0,0,.58)!important;backdrop-filter:none!important}.eco-menu-drawer .eco-drawer-head{height:35px!important;padding:0 16px 0 18px!important;border-bottom:1px solid #dedede!important;background:#fff!important}.eco-menu-drawer .eco-drawer-head h2{font-size:var(--eco-sidemenu-heading-font-size,12px)!important;font-weight:var(--eco-sidemenu-heading-font-weight,600)!important;line-height:1!important;color:var(--eco-sidemenu-heading-color,#111)!important}.eco-menu-drawer .eco-drawer-close,.eco-menu-drawer .eco-drawer-back{width:22px!important;height:22px!important;border:0!important;background:transparent!important;border-radius:0!important;font-size:16px!important;font-weight:300!important;color:#111!important;display:grid!important;place-items:center!important;padding:0!important}.eco-menu-drawer .eco-drawer-panel{background:#fff!important}.eco-menu-drawer .eco-drawer-body{padding:16px 16px 14px 18px!important;overflow-y:auto!important;scrollbar-width:auto;scrollbar-color:#8a8a8a transparent}.eco-menu-drawer .eco-drawer-body::-webkit-scrollbar{width:8px}.eco-menu-drawer .eco-drawer-body::-webkit-scrollbar-track{background:transparent}.eco-menu-drawer .eco-drawer-body::-webkit-scrollbar-thumb{background:#8a8a8a;border-radius:999px}.eco-shop-menu-title{margin:0 0 8px!important;text-transform:none!important;letter-spacing:0!important;font-size:var(--eco-sidemenu-heading-font-size,12px)!important;font-weight:var(--eco-sidemenu-heading-font-weight,600)!important;line-height:1.2!important;color:var(--eco-sidemenu-heading-color,#111)!important}.eco-menu-drawer .eco-shop-menu{display:grid!important;gap:0!important;margin:0 0 14px!important}.eco-menu-drawer .eco-shop-menu__row{width:100%!important;min-height:32px!important;border:0!important;border-radius:0!important;background:#fff!important;padding:0!important;color:var(--eco-sidemenu-shop-text-color,#1d2938)!important;text-decoration:none!important;display:flex!important;align-items:center!important;justify-content:space-between!important;font-family:inherit!important;font-size:var(--eco-sidemenu-shop-font-size,11px)!important;font-weight:var(--eco-sidemenu-shop-font-weight,400)!important;line-height:1.25!important;box-shadow:none!important;text-align:left!important}.eco-menu-drawer .eco-shop-menu__row:hover,.eco-menu-drawer .eco-shop-menu__row:focus{background:#fff!important;color:#111!important;outline:0!important}.eco-shop-menu__row span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eco-shop-menu__chevron{font-size:calc(var(--eco-sidemenu-support-icon-size,26px) / 2)!important;line-height:1!important;font-weight:300!important;color:#a7b0b8!important;margin-left:12px}.eco-menu-drawer .eco-drawer-section{display:grid!important;gap:0!important;margin:0!important;padding:13px 0!important;border-top:1px solid #e5e5e5!important}.eco-menu-drawer .eco-drawer-section h3,.eco-menu-drawer .eco-drawer-social-wrap h3{margin:0 0 9px!important;font-size:var(--eco-sidemenu-heading-font-size,12px)!important;line-height:1.2!important;font-weight:var(--eco-sidemenu-heading-font-weight,600)!important;color:var(--eco-sidemenu-heading-color,#111)!important;letter-spacing:0!important;text-transform:none!important}.eco-menu-drawer .eco-drawer-section a{min-height:30px!important;border:0!important;background:transparent!important;border-radius:0!important;padding:0!important;color:var(--eco-sidemenu-section-text-color,#1d2938)!important;text-decoration:none!important;display:flex!important;align-items:center!important;font-size:var(--eco-sidemenu-section-font-size,11px)!important;font-weight:400!important;line-height:1.25!important}.eco-menu-drawer .eco-support-box{display:grid!important;gap:7px!important;margin:0 -16px 0 -18px!important;padding:14px 18px 14px!important;background:#eefafa!important;border:0!important}.eco-menu-drawer .eco-support-box h3{margin:0 0 2px!important;display:flex!important;align-items:center!important;gap:8px!important;font-size:var(--eco-sidemenu-heading-font-size,12px)!important;font-weight:var(--eco-sidemenu-heading-font-weight,600)!important;line-height:1.2!important;color:var(--eco-sidemenu-heading-color,#111)!important;letter-spacing:0!important;text-transform:none!important}.eco-support-heading-icon{width:15px;height:15px;border-radius:999px;display:inline-grid;place-items:center;background:#e1f6e5;color:var(--eco-sidemenu-support-icon-color,#159447);font-size:0}.eco-support-heading-icon svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.eco-menu-drawer .eco-support-card{min-height:54px!important;border:0!important;border-radius:6px!important;background:#fff!important;padding:7px 11px!important;display:flex!important;align-items:center!important;gap:10px!important;color:#111!important;text-decoration:none!important;box-shadow:none!important}.eco-menu-drawer .eco-support-card:hover{background:#fff!important;color:#111!important}.eco-support-icon{width:var(--eco-sidemenu-support-icon-size,26px)!important;height:var(--eco-sidemenu-support-icon-size,26px)!important;border-radius:6px!important;display:grid!important;place-items:center!important;background:#e8faee!important;color:var(--eco-sidemenu-support-icon-color,#18a64a)!important;font-size:0!important;flex:0 0 auto!important}.eco-support-icon svg{width:calc(var(--eco-sidemenu-support-icon-size,26px) * .62)!important;height:calc(var(--eco-sidemenu-support-icon-size,26px) * .62)!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important}.eco-support-icon--mail{background:#fff1e7!important}.eco-support-icon--phone{background:#f5e8ff!important}.eco-support-content{display:grid!important;gap:2px!important;min-width:0!important;flex:1!important}.eco-support-content strong{font-size:var(--eco-sidemenu-support-name-font-size,11px)!important;font-weight:600!important;line-height:1.15!important;color:var(--eco-sidemenu-support-name-color,var(--eco-sidemenu-support-text-color,#111))!important}.eco-support-content em{font-style:normal!important;font-size:var(--eco-sidemenu-support-sub-font-size,var(--eco-sidemenu-support-muted-font-size,9px))!important;font-weight:400!important;line-height:1.15!important;color:var(--eco-sidemenu-support-sub-color,var(--eco-sidemenu-support-muted-color,#4b6158))!important}.eco-support-chevron{font-size:13px!important;color:#9aa5ad!important;line-height:1!important}.eco-support-links{display:grid!important;gap:8px!important;margin-top:6px!important}.eco-support-links a{position:relative!important;min-height:auto!important;padding:0 0 0 9px!important;border:0!important;background:transparent!important;color:var(--eco-sidemenu-support-links-color,#008575)!important;text-decoration:none!important;font-size:var(--eco-sidemenu-support-links-font-size,10px)!important;font-weight:var(--eco-sidemenu-support-links-font-weight,400)!important;line-height:1.2!important}.eco-support-links a:before{content:'•';position:absolute;left:0;top:0;color:var(--eco-sidemenu-support-links-color,#008575)}.eco-menu-drawer .eco-drawer-section--company{padding-top:20px!important}.eco-menu-drawer .eco-drawer-section--company a{color:var(--eco-sidemenu-company-links-color,#1d2938)!important;font-size:var(--eco-sidemenu-company-links-font-size,11px)!important;font-weight:var(--eco-sidemenu-company-links-font-weight,400)!important}.eco-menu-drawer .eco-drawer-social-wrap{padding:13px 0 0!important;border-top:1px solid #e5e5e5!important}.eco-menu-drawer .eco-drawer-social{display:flex!important;flex-wrap:wrap!important;gap:9px!important;margin:0!important}.eco-menu-drawer .eco-social{width:var(--eco-sidemenu-social-icon-size,28px)!important;height:var(--eco-sidemenu-social-icon-size,28px)!important;border-radius:999px!important;display:grid!important;place-items:center!important;color:#fff!important;text-decoration:none!important;font-size:0!important}.eco-menu-drawer .eco-social svg{width:calc(var(--eco-sidemenu-social-icon-size,28px) / 2)!important;height:calc(var(--eco-sidemenu-social-icon-size,28px) / 2)!important;stroke-width:0!important;fill:currentColor!important}.eco-social--facebook{background:#1877f2!important}.eco-social--x{background:#000!important}.eco-social--instagram{background:#e4405f!important}.eco-social--pinterest{background:#e60023!important}.eco-social--youtube{background:#ff0000!important}.eco-social--tiktok{background:#000!important}.eco-drawer-panel--submenu .eco-drawer-body{padding-top:12px!important}.eco-sidemenu-editor-item{border:1px solid #dcdcde;border-radius:8px;padding:10px;margin:10px 0;background:#fff}.eco-sidemenu-editor-item--level-2{margin-left:12px;background:#fbfbfb}.eco-sidemenu-editor-item--level-3{margin-left:24px;background:#f7f7f7}.eco-sidemenu-editor-item--level-4{margin-left:36px;background:#f3f4f6}.eco-sidemenu-editor-actions{display:flex;gap:8px;align-items:center;margin-top:8px}.eco-sidemenu-editor-children{margin-top:8px}

/* -- Header layout: Centered logo (preset "centered") ------------------
   Logo centered; search collapses to a toggle icon next to the menu button
   that opens a popup search. Loaded with the block style handle so editor
   preview and front-end match exactly. */
.eco-header-layout-centered .eco-main-header__inner{grid-template-columns:auto auto 1fr auto;align-items:center}
.eco-header-layout-centered .eco-menu-toggle{grid-column:1;justify-self:start}
.eco-header-layout-centered .eco-header-search-toggle{grid-column:2;justify-self:start;cursor:pointer}
.eco-header-layout-centered .eco-logo{grid-column:3;justify-self:center}
.eco-header-layout-centered .eco-header-actions{grid-column:4;justify-self:end}
/* Popup search overlay */
.eco-header-layout-centered .eco-header-search-popup{position:absolute;left:0;right:0;top:100%;z-index:60;display:flex;align-items:center;gap:10px;justify-content:center;padding:14px 24px;background:var(--eco-header-bg,#fff);border-bottom:1px solid var(--eco-header-border,#e6e6e6);box-shadow:0 14px 40px rgba(23,32,51,.12)}
.eco-header-layout-centered .eco-header-search-popup[hidden]{display:none}
.eco-header-layout-centered .eco-main-header{position:relative}
.eco-header-layout-centered .eco-header-search-popup .eco-header-search{width:min(680px,100%);max-width:680px}
.eco-header-layout-centered .eco-header-search-close{border:0;background:transparent;font-size:26px;line-height:1;cursor:pointer;color:var(--eco-header-ink,#111);padding:0 4px}

/* -- Header layouts: Basic family (basic + basic-center) ---------------
   Basic:             logo left,  menu center, actions right.
   Basic logo center: menu left,  logo center, actions right.
   3-column grid; logo/nav/actions are pinned to row 1 so the (absolutely
   positioned) search popup can never push a column onto a second row. */
.eco-header-layout-basic .eco-main-header,
.eco-header-layout-basic-center .eco-main-header{position:relative}
.eco-header-layout-basic .eco-main-header__inner,
.eco-header-layout-basic-center .eco-main-header__inner{display:grid;align-items:center;gap:24px}
.eco-header-layout-basic .eco-main-header__inner{grid-template-columns:auto 1fr auto}
.eco-header-layout-basic-center .eco-main-header__inner{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
/* The hamburger is rendered for the basic family but only used on mobile. */
.eco-header-layout-basic .eco-menu-toggle,
.eco-header-layout-basic-center .eco-menu-toggle{display:none}
.eco-header-layout-basic .eco-main-header__inner>*,
.eco-header-layout-basic-center .eco-main-header__inner>*{align-self:center}
.eco-header-layout-basic .eco-logo,
.eco-header-layout-basic-center .eco-logo{display:inline-flex;align-items:center;align-self:center;margin:0}
.eco-header-layout-basic .eco-logo{grid-column:1;grid-row:1;justify-self:start}
.eco-header-layout-basic .eco-header-nav{grid-column:2;grid-row:1;justify-self:center;align-self:center;min-width:0}
.eco-header-layout-basic-center .eco-header-nav{grid-column:1;grid-row:1;justify-self:start;align-self:center;min-width:0;max-width:100%}
.eco-header-layout-basic .eco-header-nav__list,
.eco-header-layout-basic-center .eco-header-nav__list{display:flex;flex-wrap:wrap;align-items:center;gap:4px;row-gap:2px;margin:0;padding:0;list-style:none}
.eco-header-layout-basic-center .eco-logo{grid-column:2;grid-row:1;justify-self:center}
.eco-header-layout-basic .eco-header-actions,
.eco-header-layout-basic-center .eco-header-actions{grid-column:3;grid-row:1;justify-self:end;align-self:center;display:flex;align-items:center;gap:18px}
.eco-header-layout-basic .eco-header-actions svg,
.eco-header-layout-basic-center .eco-header-actions svg{max-width:100%;max-height:100%}
.eco-header-layout-basic .eco-header-search-popup,
.eco-header-layout-basic-center .eco-header-search-popup{position:absolute;left:0;right:0;top:100%;z-index:60;grid-column:1;grid-row:1;display:flex;align-items:center;gap:10px;justify-content:center;padding:14px 24px;background:var(--eco-header-bg,#fff);border-bottom:1px solid var(--eco-header-border,#e6e6e6);box-shadow:0 14px 40px rgba(23,32,51,.12)}
.eco-header-layout-basic .eco-header-search-popup[hidden],
.eco-header-layout-basic-center .eco-header-search-popup[hidden]{display:none}
.eco-header-layout-basic .eco-header-search-popup .eco-header-search,
.eco-header-layout-basic-center .eco-header-search-popup .eco-header-search{width:min(680px,100%);max-width:680px}
.eco-header-layout-basic .eco-header-search-close,
.eco-header-layout-basic-center .eco-header-search-close{border:0;background:transparent;font-size:26px;line-height:1;cursor:pointer;color:var(--eco-header-ink,#111);padding:0 4px}
.eco-header-layout-basic .eco-header-search-toggle,
.eco-header-layout-basic-center .eco-header-search-toggle{cursor:pointer}
/* Horizontal menu */
.eco-header-nav__list{display:flex;align-items:center;gap:4px;margin:0;padding:0;list-style:none;flex-wrap:nowrap}
.eco-header-nav__item{position:relative}
.eco-header-nav__link{display:inline-flex;align-items:center;gap:5px;padding:8px 12px;border-radius:8px;color:var(--eco-header-basic-menu-color,var(--eco-header-ink,#111));text-decoration:none;font-size:var(--eco-header-basic-menu-font-size,14px);font-weight:var(--eco-header-basic-menu-font-weight,600);line-height:1;white-space:nowrap;transition:background .16s ease,color .16s ease}
.eco-header-nav__link:hover{background:rgba(17,17,17,.06);color:var(--eco-header-basic-menu-color,var(--eco-header-ink,#111))}
.eco-header-nav__item--has-children>.eco-header-nav__link:after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.6}
.eco-header-nav__submenu{position:absolute;top:100%;left:0;z-index:70;min-width:200px;margin:0;padding:8px;list-style:none;background:var(--eco-header-basic-panel-bg,var(--eco-header-bg,#fff));border:1px solid var(--eco-header-border,#e6e6e6);border-radius:12px;box-shadow:0 14px 40px rgba(23,32,51,.14);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .16s ease,transform .16s ease,visibility .16s;--eco-header-ink:var(--eco-header-basic-panel-text,#1d2938);color:var(--eco-header-basic-panel-text,#1d2938)}
.eco-header-nav__item--has-children:hover>.eco-header-nav__submenu,.eco-header-nav__item--has-children:focus-within>.eco-header-nav__submenu{opacity:1;visibility:visible;transform:translateY(0)}
.eco-header-nav__submenu a{display:block;padding:8px 10px;border-radius:7px;color:var(--eco-header-basic-menu-color,var(--eco-header-ink,#111));text-decoration:none;font-size:var(--eco-header-basic-menu-font-size,14px);font-weight:var(--eco-header-basic-menu-font-weight,600);white-space:nowrap}
.eco-header-nav__submenu a:hover{background:rgba(17,17,17,.06)}
/* Mega menu panel: full-width section designed in Gutenberg */
.eco-header-nav__item--mega{position:static}
.eco-header-mega{position:absolute;left:0;right:0;top:100%;z-index:70;background:var(--eco-header-basic-panel-bg,var(--eco-header-bg,#fff));border-top:1px solid var(--eco-header-border,#e6e6e6);box-shadow:0 18px 50px rgba(23,32,51,.16);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease,visibility .18s;--eco-header-ink:var(--eco-header-basic-panel-text,#1d2938);color:var(--eco-header-basic-panel-text,#1d2938)}
.eco-header-mega__inner{width:min(calc(100% - (var(--eco-header-padding-x,48px) * 2)),var(--eco-header-max-width,1536px));margin-inline:auto;padding:24px 0 28px}
.eco-header-nav__item--mega:hover>.eco-header-mega,.eco-header-nav__item--mega:focus-within>.eco-header-mega{opacity:1;visibility:visible;transform:translateY(0)}
/* -- Header layout: Premium (preset "premium") -------------------------
   Two rows. Row 1: small left-aligned search | centered logo | right icons.
   Row 2: centered horizontal nav. Reuses the flat markup; the grid places
   each element explicitly so DOM order doesn't matter. */
.eco-header-layout-premium .eco-main-header{position:relative}
.eco-header-layout-premium .eco-main-header__inner{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto;align-items:center;column-gap:24px;row-gap:16px;padding:14px 0}
.eco-header-layout-premium .eco-menu-toggle{display:none}
.eco-header-layout-premium .eco-header-search{position:static;left:auto;transform:none;grid-column:1;grid-row:1;justify-self:start;width:100%;max-width:260px;margin:0}
.eco-header-layout-premium .eco-logo{grid-column:2;grid-row:1;justify-self:center;align-self:center;margin:0}
.eco-header-layout-premium .eco-header-actions{grid-column:3;grid-row:1;justify-self:end;align-self:center;display:flex;align-items:center;gap:18px}
.eco-header-layout-premium .eco-header-nav{grid-column:1/-1;grid-row:2;justify-self:center;min-width:0;max-width:100%}
.eco-header-layout-premium .eco-header-nav__list{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:4px;margin:0;padding:0;list-style:none}
@media(max-width:900px){
.eco-header-layout-premium .eco-main-header__inner{grid-template-columns:auto auto 1fr;grid-template-rows:auto;column-gap:10px;row-gap:0;padding:0}
.eco-header-layout-premium .eco-menu-toggle{display:inline-flex;grid-column:1;grid-row:1;justify-self:start}
.eco-header-layout-premium .eco-logo{grid-column:2;grid-row:1;justify-self:start}
.eco-header-layout-premium .eco-header-actions{grid-column:3;grid-row:1;justify-self:end}
.eco-header-layout-premium .eco-header-nav{display:none}
.eco-header-layout-premium .eco-header-search{display:none}
}
@media(max-width:900px){
.eco-header-layout-basic .eco-main-header__inner,
.eco-header-layout-basic-center .eco-main-header__inner{grid-template-columns:auto auto 1fr;gap:10px}
.eco-header-layout-basic .eco-menu-toggle,
.eco-header-layout-basic-center .eco-menu-toggle{display:inline-flex;grid-column:1;grid-row:1;justify-self:start}
.eco-header-layout-basic .eco-logo,
.eco-header-layout-basic-center .eco-logo{grid-column:2;grid-row:1;justify-self:start}
.eco-header-layout-basic .eco-header-actions,
.eco-header-layout-basic-center .eco-header-actions{grid-column:3;grid-row:1;justify-self:end}
.eco-header-layout-basic .eco-header-nav,
.eco-header-layout-basic-center .eco-header-nav{display:none}
/* Search moves into the side-menu drawer on mobile. */
.eco-header-layout-basic .eco-header-search-toggle,
.eco-header-layout-basic-center .eco-header-search-toggle{display:none}
.eco-header-layout-basic .eco-header-search-popup,
.eco-header-layout-basic-center .eco-header-search-popup{display:none!important}
}
/* Prevent iOS Safari auto-zoom when focusing the search field (iOS zooms any
   input whose font-size is < 16px and never zooms back out). Mobile only.
   High specificity + !important so theme/Woo styles can't override it. */
@media(max-width:900px){
.eco-reference-header .eco-header-search input[type=search],
.eco-reference-header input#eco-header-search-input,
.eco-header-search-popup input[type=search],
.eco-drawer-search input[type=search]{font-size:16px!important}
}
/* Sidemenu search (mobile replacement for the header search icon) ------- */
.eco-menu-drawer .eco-drawer-search{display:none}
.eco-drawer-search{align-items:center;gap:0;width:100%;height:40px;margin:0 0 16px;border:1px solid var(--eco-header-search-border,#e6e6e6);border-radius:8px;background:var(--eco-header-search-bg,#fff);overflow:hidden}
.eco-drawer-search input[type=search]{flex:1;min-width:0;border:0;background:transparent;padding:0 14px;outline:0;color:var(--eco-header-search-text,#111);height:100%}
.eco-drawer-search input[type=search]::placeholder{color:var(--eco-header-search-placeholder,#777);opacity:1}
.eco-drawer-search button{width:44px;height:100%;border:0;background:transparent;color:var(--eco-header-search-button-icon,#111);display:grid;place-items:center;cursor:pointer}
.eco-drawer-search svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:900px){
.eco-menu-drawer .eco-drawer-search{display:flex!important}
.eco-header-layout-centered .eco-header-search-toggle,
.eco-header-layout-centered .eco-header-search-popup{display:none!important}
}
/* Sidemenu drawer performance: keep the slide on the GPU compositor so it
   never repaints the heavy shadow/contents every frame (fixes mobile jank). */
.eco-menu-drawer{will-change:transform;transform:translateX(-105%) translateZ(0);backface-visibility:hidden;contain:layout paint}
body.eco-drawer-open .eco-menu-drawer{transform:translateX(0) translateZ(0)}
.eco-drawer-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
@media(max-width:900px){
/* Trim the huge 70px shadow blur that repaints during the slide (overrides the
   existing !important shadow). The overlay already has no blur on mobile. */
.eco-menu-drawer{box-shadow:10px 0 26px rgba(0,0,0,.16)!important}
.eco-drawer-overlay{will-change:opacity}
}
@media(prefers-reduced-motion:reduce){
.eco-menu-drawer{transition:none}
}