@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--orange:#e8681b;--orange-dark:#c85b19;--ink:#0c1627;--muted:#62666d;--line:#e7e7e4;--cream:#fffaf4;--soft:#fafafa;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:#f4f8f6}a{color:inherit;text-decoration:none}button,input{font:inherit}.desktop-only{display:block}.topbar{height:36px;background:#f4f8f6af3;border-bottom:1px solid #f1ece7;font-size:12px;color:#1d2631}.topbar-inner{max-width:var(--max);height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.topbar-left,.topbar-right{display:flex;gap:24px;align-items:center}.main-header{height:78px;background:#dfeae3;border-bottom:1px solid #ededeb;position:sticky;top:0;z-index:50}.header-inner{max-width:var(--max);height:100%;margin:auto;padding:0 18px;display:grid;grid-template-columns:145px 175px 1fr auto;align-items:center;gap:22px}.logo img{width:128px;display:block}.category-menu-btn{height:42px;border:0;background:#f4f8f6;display:flex;align-items:center;gap:10px;font-weight:600;color:#2b3037;cursor:pointer}.category-menu-btn svg{width:18px}.desktop-nav{display:flex;gap:34px;align-items:center;justify-content:center;font-weight:600;font-size:14px}.desktop-nav a{padding:28px 0 25px;border-bottom:2px solid transparent}.desktop-nav a.active{color:var(--orange);border-color:var(--orange)}.header-actions{display:flex;align-items:center;gap:18px}.icon-btn{width:42px;height:42px;border:0;background:#f4f8f6;border-radius:50%;display:grid;place-items:center;cursor:pointer;position:relative;color:#101923}.icon-btn svg{width:24px;height:24px;stroke-width:1.8}.cart-count{position:absolute;right:1px;top:0;background:var(--orange);color:#fff;min-width:18px;height:18px;border-radius:999px;display:grid;place-items:center;font-size:11px;font-weight:800;padding:0 5px}.search-panel{display:none;position:absolute;left:0;right:0;top:78px;background:#f4f8f6;border-bottom:1px solid var(--line);padding:14px 18px;box-shadow:0 8px 22px rgba(0,0,0,.06)}.search-panel.open{display:block}.search-box{max-width:720px;margin:auto;display:flex;border:1px solid #d7d7d4;border-radius:8px;overflow:hidden;background:#f4f8f6}.search-box input{flex:1;border:0;padding:14px 16px;outline:0}.search-box button{width:54px;border:0;background:#f4f8f6;cursor:pointer}.account-menu{position:fixed;right:max(18px,calc((100vw - var(--max))/2 + 18px));top:104px;width:235px;background:#f4f8f6;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 45px rgba(0,0,0,.14);padding:12px;z-index:80;display:none}.account-menu.open{display:block}.account-menu .hello{padding:8px 10px 12px;font-weight:800;border-bottom:1px solid var(--line)}.account-menu a{display:block;padding:10px;border-radius:8px;font-size:14px}.account-menu a:hover{background:#f7f7f7}.cart-drawer{position:fixed;right:-390px;top:0;width:min(390px,94vw);height:100vh;background:#f4f8f6;z-index:120;box-shadow:-20px 0 50px rgba(0,0,0,.18);transition:right .25s ease;display:flex;flex-direction:column}.cart-drawer.open{right:0}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--line)}.drawer-head h3{margin:0}.drawer-close{border:0;background:#f4f8f6;font-size:28px;cursor:pointer}.drawer-body{padding:14px 20px;overflow:auto;flex:1}.mini-item{display:grid;grid-template-columns:54px 1fr auto;gap:12px;padding:12px 0;border-bottom:1px solid #eee}.mini-thumb{width:54px;height:54px;border-radius:8px;background:#f5f5f5;display:grid;place-items:center;font-size:26px}.mini-item b{font-size:13px}.mini-item small{display:block;color:#777;margin-top:4px}.mini-remove{border:0;background:#f4f8f6;cursor:pointer;color:#888}.drawer-foot{padding:18px 20px;border-top:1px solid var(--line);background:#f4f8f6}.subtotal{display:flex;justify-content:space-between;font-weight:800;margin-bottom:14px}.drawer-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.drawer-buttons a{padding:13px;border-radius:7px;text-align:center;font-weight:800;border:1px solid #ddd}.drawer-buttons .checkout{background:var(--orange);border-color:var(--orange);color:#fff}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.24);z-index:100;display:none}.overlay.open{display:block}.hero-home{max-width:var(--max);height:390px;margin:0 auto;display:grid;grid-template-columns:43% 57%;background:#fbfbfa;overflow:hidden}.hero-copy{padding:48px 18px 30px 18px;display:flex;flex-direction:column;justify-content:center}.hero-copy h1{font-size:48px;line-height:1.08;margin:0 0 20px;font-weight:800;letter-spacing:-1.8px}.hero-copy h1 span{color:var(--orange)}.hero-copy p{font-size:17px;line-height:1.55;color:#555b62;margin:0 0 22px}.hero-buttons{display:flex;gap:16px}.btn{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 23px;border-radius:6px;font-weight:800;font-size:14px}.btn.orange{background:var(--orange);color:#fff}.btn.orange:hover{background:var(--orange-dark)}.btn.ghost{border:1px solid #d7d8d8;background:#f4f8f6}.hero-image{background:url('assets/hero-products.jpg') center center/cover no-repeat;min-height:100%}.home-benefits{max-width:var(--max);margin:0 auto;padding:0 18px;height:72px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;border-bottom:1px solid var(--line)}.home-benefits>div{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:10px;padding:0 16px;border-right:1px solid #e9e9e7}.home-benefits>div:last-child{border-right:0}.home-benefits .icon{grid-row:1/3;font-size:22px;color:var(--orange);align-self:center}.home-benefits b{font-size:13px}.home-benefits small{color:#666;font-size:11px;margin-top:2px}.home-section{max-width:var(--max);margin:0 auto;padding:28px 18px 4px}.compact-top{padding-top:20px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.section-title h2{margin:0;font-size:22px;letter-spacing:-.3px}.section-title a{font-size:12px;color:#39414b}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.image-card{display:block;border-radius:8px;overflow:hidden;background:#f8f8f8}.image-card img{display:block;width:100%;height:auto}.trust-strip{max-width:calc(var(--max) - 36px);margin:24px auto 0;border:1px solid #efefed;border-radius:8px;display:grid;grid-template-columns:repeat(4,1fr);min-height:72px;align-items:center;background:#f4f8f6}.trust-strip>div{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;padding:0 18px;border-right:1px solid var(--line)}.trust-strip>div:last-child{border:0}.trust-strip span{grid-row:1/3;color:var(--orange);font-size:26px;align-self:center}.trust-strip b{font-size:12px}.trust-strip small{font-size:10px;color:#666}.product-image-row{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.shot-card{position:relative;border-radius:8px;overflow:hidden;background:#f4f8f6;min-width:0}.shot-card img{display:block;width:100%;height:auto}.cart-hotspot{position:absolute;right:4px;bottom:4px;width:34px;height:34px;border:0;background:transparent;cursor:pointer;border-radius:6px}.cart-hotspot:hover{outline:2px solid rgba(232,104,27,.25)}.why-buy{max-width:calc(var(--max) - 36px);margin:25px auto 0;border:1px solid #efefed;border-radius:10px;background:#f4f8f6;display:grid;grid-template-columns:1.5fr repeat(4,1fr);padding:25px 22px;gap:20px}.why-buy>div:not(.why-intro){text-align:center;border-left:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center}.why-buy span{font-size:22px}.why-buy b{font-size:12px;margin:7px 0 4px}.why-buy small{font-size:10px;line-height:1.5;color:#686868}.why-intro h2{margin:0;font-size:23px;line-height:1.2}.why-intro h2 span{font-size:inherit;color:var(--orange)}.why-intro p{font-size:11px;line-height:1.5;color:#666;max-width:220px}.why-intro a{font-size:10px;color:var(--orange);border:1px solid #f0b28d;padding:7px 10px;border-radius:4px}.newsletter{max-width:calc(var(--max) - 36px);margin:18px auto 0;display:grid;grid-template-columns:1.3fr 2fr .8fr;gap:25px;align-items:center;border:1px solid #efefed;border-radius:8px;padding:14px 22px}.newsletter>div:first-child{display:flex;flex-direction:column}.newsletter b{font-size:11px}.newsletter small{font-size:9px;color:#777;margin-top:3px}.newsletter form{display:flex}.newsletter input{flex:1;border:1px solid #ddd;border-radius:5px 0 0 5px;padding:10px 12px;font-size:11px;outline:0}.newsletter button{border:0;background:var(--orange);color:white;padding:0 22px;border-radius:0 5px 5px 0;font-size:11px;font-weight:800}.follow{display:flex;flex-direction:column;gap:6px}.follow span{font-size:11px}.footer{background:#111;color:#fff;margin-top:12px}.footer-inner{max-width:var(--max);height:52px;margin:auto;padding:0 18px;display:grid;grid-template-columns:125px 1fr auto;align-items:center;gap:25px}.footer-logo img{width:90px;filter:brightness(0) invert(1)}.footer-links{display:flex;gap:24px;font-size:9px;color:#ddd}.copyright{font-size:9px;color:#aaa}.mobile-menu{display:none;position:fixed;inset:0 22% 0 0;background:#f4f8f6;z-index:130;padding:28px 20px;box-shadow:20px 0 50px rgba(0,0,0,.16)}.mobile-menu.open{display:block}.mobile-menu-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:10px}.mobile-menu-head img{width:104px}.mobile-menu button{border:0;background:#f4f8f6;font-size:28px}.mobile-menu a{display:block;padding:14px 4px;border-bottom:1px solid #eee;font-weight:700}.toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%) translateY(20px);background:#111;color:#fff;padding:11px 16px;border-radius:8px;font-size:13px;opacity:0;pointer-events:none;transition:.2s;z-index:200}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
/* generic inner pages */.page-wrap{max-width:var(--max);margin:auto;padding:38px 18px 70px}.page-wrap h1{font-size:34px;margin:0 0 10px}.page-wrap p{color:#62666d}.panel,.card{border:1px solid var(--line);border-radius:12px;background:#f4f8f6;padding:20px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#f4f8f6}.product-card .visual{aspect-ratio:1/1;background:#f7f7f7;display:grid;place-items:center;font-size:48px}.product-card .info{padding:13px}.product-card h3{font-size:14px;margin:0 0 8px}.price{font-weight:800}.quick-add{float:right;border:1px solid var(--orange);background:#f4f8f6;color:var(--orange);border-radius:6px;width:34px;height:34px;cursor:pointer}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-grid label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea{padding:12px;border:1px solid #ddd;border-radius:8px}.full{grid-column:1/-1}
@media(max-width:800px){.desktop-only{display:none}.topbar,.category-menu-btn,.desktop-nav{display:none}.main-header{height:auto;min-height:74px;position:sticky;top:0}.header-inner{height:74px;padding:0 14px;grid-template-columns:42px 1fr auto;gap:10px}.logo img{width:104px}.header-actions{gap:4px}.icon-btn{width:39px;height:39px}.menu-trigger{display:grid!important}.search-panel{top:74px;padding:10px 12px}.account-menu{right:12px;top:70px}.hero-home{height:360px;grid-template-columns:1fr;position:relative;background:#f4f8f6}.hero-copy{position:absolute;z-index:2;left:0;top:0;width:50%;height:100%;padding:38px 0 30px 34px;justify-content:flex-start}.hero-copy h1{font-size:30px;line-height:1.06;letter-spacing:-1px;margin-bottom:15px}.hero-copy p{font-size:12px;line-height:1.45;margin-bottom:18px;max-width:180px}.hero-buttons .ghost{display:none}.btn{height:40px;padding:0 17px;font-size:13px}.hero-image{position:absolute;inset:0;background-position:center right;background-size:cover}.hero-home:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.93) 34%,rgba(255,255,255,.15) 59%,rgba(255,255,255,0) 100%)}.hero-copy{z-index:3}.home-benefits{height:86px;padding:0 12px;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-left:0;border-right:0}.home-benefits>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;padding:0 5px}.home-benefits>div:nth-child(2){display:none}.home-benefits>div:nth-child(3){border-right:1px solid #e9e9e7}.home-benefits .icon{font-size:19px}.home-benefits b{font-size:10px}.home-benefits small{font-size:9px}.home-section{padding:24px 14px 0}.section-title h2{font-size:19px}.section-title a{font-size:11px}.category-grid{display:flex;overflow-x:auto;gap:9px;padding-bottom:6px;scrollbar-width:none}.category-grid::-webkit-scrollbar,.product-image-row::-webkit-scrollbar{display:none}.image-card{min-width:23.5%;flex:0 0 23.5%;border-radius:8px}.trust-strip{display:none}.product-image-row{display:flex;overflow-x:auto;gap:10px;scroll-snap-type:x proximity;padding-bottom:5px}.shot-card{flex:0 0 31.5%;scroll-snap-align:start}.why-buy{display:none}.newsletter{display:none}.footer{margin-top:30px}.footer-inner{height:auto;min-height:150px;grid-template-columns:1fr;text-align:center;padding:24px 14px;gap:18px}.footer-logo img{margin:auto}.footer-links{justify-content:center;flex-wrap:wrap;gap:14px}.copyright{padding-bottom:10px}.products{grid-template-columns:repeat(2,1fr)}.page-wrap{padding:28px 14px 60px}.form-grid{grid-template-columns:1fr}.mobile-menu{display:none}.mobile-menu.open{display:block}}@media(max-width:430px){.hero-home{height:330px}.hero-copy{padding-left:22px;width:54%}.hero-copy h1{font-size:27px}.hero-copy p{font-size:11px}.logo img{width:96px}.header-actions{gap:0}.icon-btn{width:36px;height:36px}.icon-btn svg{width:22px}.shot-card{flex-basis:37%}.image-card{min-width:26%;flex-basis:26%}}
/* compatibility styling for the rest of the store structure */
:root{--accent:var(--orange);--muted:var(--muted,#62666d)}.container{max-width:var(--max);margin:0 auto;padding:0 18px}.section{padding:34px 0}.page-hero{padding:38px 0 22px;background:#f4f8f6af5;border-bottom:1px solid var(--line)}.page-hero h1{font-size:36px;margin:6px 0}.page-hero p{margin:0;color:#666}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--orange);font-size:11px;font-weight:800}.content-card{border:1px solid var(--line);border-radius:12px;background:#f4f8f6;padding:22px}.empty{text-align:center;padding:45px 20px;color:#666}.btn-primary{background:var(--orange)!important;color:#fff!important;border:1px solid var(--orange)!important}.btn-secondary{background:#f4f8f6!important;color:#111!important;border:1px solid #ddd!important}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.category-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category-card{border:1px solid var(--line);border-radius:10px;padding:18px;display:flex;flex-direction:column;gap:7px}.category-card span{font-size:12px;color:#666}.shop-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid #ddd;border-radius:999px;padding:9px 13px;font-size:12px}.chip.active{background:#111;color:#fff;border-color:#111}.sort{border:1px solid #ddd;border-radius:8px;padding:10px 12px;background:#f4f8f6}.checkout-layout,.cart-layout{display:grid;grid-template-columns:1fr 330px;gap:22px}.summary-card{border:1px solid var(--line);border-radius:12px;background:#f4f8f6;padding:20px;height:max-content}.sumline{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid #eee;font-size:13px}.sumline.total{font-weight:800;font-size:16px;border-bottom:0}.cart-list{border:1px solid var(--line);border-radius:12px;background:#f4f8f6;padding:0 18px}.cart-row{display:grid;grid-template-columns:72px 1fr auto;gap:15px;align-items:center;padding:16px 0;border-bottom:1px solid #eee}.cart-row:last-child{border-bottom:0}.cart-row .img{width:72px;height:72px;border-radius:8px;background:#f7f7f7;display:grid;place-items:center;font-size:34px}.qty{display:inline-flex;align-items:center;border:1px solid #ddd;border-radius:7px;overflow:hidden}.qty button{width:32px;height:32px;border:0;background:#f4f8f6;cursor:pointer}.qty span{min-width:30px;text-align:center;font-size:13px}.rec-strip{display:flex;gap:10px;overflow:auto}.rec-card{min-width:135px;border:1px solid #eee;border-radius:9px;padding:10px;display:flex;flex-direction:column;gap:6px}.rec-card .rimg{height:75px;background:#f7f7f7;display:grid;place-items:center;font-size:34px}.rec-card b{font-size:11px}.rec-card button{border:1px solid var(--orange);background:#f4f8f6;color:var(--orange);border-radius:6px;padding:7px;font-weight:800}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:36px}.gallery-main{aspect-ratio:1/1;background:#f7f7f7;border-radius:12px;display:grid;place-items:center;font-size:120px}.thumbs{display:flex;gap:10px;margin-top:10px}.thumb{width:70px;height:70px;background:#f7f7f7;border-radius:8px;display:grid;place-items:center;font-size:30px}.product-info h1{font-size:34px;margin:8px 0 14px}.product-info .price{font-size:28px}.stock{color:#328a43;font-weight:700;margin:10px 0}.buy-actions{display:flex;gap:10px;margin:18px 0}.trust-box{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:18px 0}.trust-item{border:1px solid #eee;border-radius:8px;padding:10px;font-size:11px}.accordion details{border-top:1px solid #eee;padding:12px 0}.accordion summary{font-weight:800;cursor:pointer}.steps{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.step{padding:7px 10px;border-radius:999px;background:#f3f3f3;font-size:11px}.step.active{background:#111;color:#fff}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;font-weight:700}.field input,.field textarea{padding:12px;border:1px solid #ddd;border-radius:8px}.full{grid-column:1/-1}@media(max-width:800px){.container{padding:0 14px}.section{padding:24px 0}.page-hero{padding:25px 0 16px}.page-hero h1{font-size:28px}.category-strip{grid-template-columns:1fr 1fr}.checkout-layout,.cart-layout,.product-detail{grid-template-columns:1fr}.summary-card{order:2}.shop-toolbar{align-items:flex-start;flex-direction:column}.trust-box{grid-template-columns:1fr 1fr}.products{grid-template-columns:repeat(2,1fr)}}

/* === VERSION 03 — approved sage palette + readability/mobile fixes === */
:root{
  --orange:#6FA67A;
  --orange-dark:#5B8F66;
  --ink:#17202A;
  --muted:#687078;
  --line:#E6E9E7;
  --cream:#F5F9F6;
  --soft:#FAFBFA;
  --sage-soft:#E6F0E9;
}
body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);font-size:15px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.topbar{background:#F5F9F6;border-bottom-color:#E8EFEA;color:#29332D}
.desktop-nav{font-weight:600}.desktop-nav a.active{color:var(--orange);border-color:var(--orange)}
.logo img{object-fit:contain;height:auto}
.cart-count{background:var(--orange)}
.icon-btn:hover{background:var(--sage-soft);color:#355E40}
.account-menu a:hover{background:var(--sage-soft)}
.search-box:focus-within{border-color:var(--orange);box-shadow:0 0 0 3px rgba(111,166,122,.12)}
.hero-copy h1{font-weight:800;color:#17202A}.hero-copy h1 span{color:var(--orange)}
.btn.orange,.btn-primary,.newsletter button{background:var(--orange)!important;border-color:var(--orange)!important;color:#fff!important}
.btn.orange:hover,.btn-primary:hover,.newsletter button:hover{background:var(--orange-dark)!important;border-color:var(--orange-dark)!important}
.home-benefits .icon,.trust-strip span,.why-intro h2 span,.why-intro a,.eyebrow{color:var(--orange)}
.why-intro a{border-color:#BFD5C4;background:#F8FBF9}
.page-hero{background:#F5F9F6}
.stock{color:#477C53}
.rec-card button{border-color:var(--orange);color:var(--orange)}

/* true category cards, not baked text */
.category-real-card{position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid #ECEFEC;border-radius:10px;overflow:hidden;background:#FAFBFA;transition:transform .18s ease,box-shadow .18s ease}
.category-real-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(26,45,31,.07)}
.category-photo{height:180px;display:flex;align-items:center;justify-content:center;background:#F7F9F7;padding:8px}
.category-photo img{display:block;max-width:100%;max-height:100%;object-fit:contain}
.category-real-card strong{font-size:15px;line-height:1.25;padding:12px 14px 3px;color:#17202A;min-height:53px}
.category-real-card span{font-size:11px;font-weight:600;color:var(--orange);padding:0 14px 14px}

/* true product cards with readable text */
.product-real-row{align-items:stretch}
.product-real-card{position:relative;display:flex;flex-direction:column;border:1px solid #ECEFEC;border-radius:10px;background:#f4f8f6;overflow:hidden;min-width:0;transition:box-shadow .18s ease,transform .18s ease}
.product-real-card:hover{box-shadow:0 8px 24px rgba(23,32,42,.07);transform:translateY(-2px)}
.product-real-photo{height:180px;display:flex;align-items:center;justify-content:center;background:#FAFBFA;padding:10px}
.product-real-photo img{display:block;width:100%;height:100%;object-fit:contain}
.product-real-body{display:flex;flex-direction:column;flex:1;padding:11px 12px 12px}
.product-real-body h3{font-size:13px;line-height:1.35;font-weight:650;margin:0;color:#17202A;min-height:36px;letter-spacing:-.08px}
.product-meta{font-size:11px;line-height:1.35;color:#70777D;margin:4px 0 8px;min-height:15px}
.product-price-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}
.product-price-row strong{font-size:16px;line-height:1.1;font-weight:750;letter-spacing:-.2px}
.mini-cart-button{width:35px;height:35px;display:grid;place-items:center;flex:0 0 35px;border:1.5px solid #9CC2A5;border-radius:7px;background:#f4f8f6;color:#5B8F66;cursor:pointer;transition:.16s ease}
.mini-cart-button:hover{background:var(--sage-soft);border-color:var(--orange-dark)}
.mini-cart-button svg{width:20px;height:20px;stroke-width:1.7}
.product-badge{position:absolute;z-index:3;top:9px;left:9px;padding:4px 7px;border-radius:5px;background:var(--orange);color:#fff;font-size:9px;line-height:1;font-weight:800}
.product-badge.new{background:#4C8758}
.rating{font-size:10px;letter-spacing:.5px;color:#D59B18;margin:5px 0 9px;white-space:nowrap}
.rating span{color:#697178;letter-spacing:0;margin-left:4px}

/* Mini-cart: compact content, real photos, no giant empty gap */
.cart-drawer{right:-430px;top:12px;width:min(420px,95vw);height:auto;max-height:calc(100dvh - 24px);border-radius:18px 0 0 18px;overflow:hidden;box-shadow:-18px 10px 50px rgba(19,31,23,.19)}
.cart-drawer.open{right:0}
.drawer-head{padding:20px 22px}.drawer-head h3{font-size:21px;letter-spacing:-.3px}
.drawer-close{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;font-size:26px;line-height:1;color:#263129;background:#F5F7F5}
.drawer-close:hover{background:var(--sage-soft);color:#355E40}
.drawer-body{padding:10px 22px;overflow:auto;flex:0 1 auto;max-height:52vh}
.mini-empty{padding:34px 8px;text-align:center;color:#727A75;font-size:14px}
.mini-item{grid-template-columns:74px 1fr 32px;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid #ECEFEC}
.mini-thumb{width:74px;height:74px;border-radius:11px;background:#F7F9F7;padding:5px;overflow:hidden;font-size:0}
.mini-thumb img{width:100%;height:100%;display:block;object-fit:contain}
.mini-copy{min-width:0}.mini-item b{display:block;font-size:14px;line-height:1.35;font-weight:700}.mini-item small{font-size:12px;color:#737B76;margin-top:5px}
.mini-remove{width:32px;height:32px;border-radius:50%;font-size:22px;line-height:1;color:#7C837E;background:#f4f8f6}.mini-remove:hover{background:#F2F5F3;color:#33433A}
.drawer-foot{padding:17px 22px 20px}.subtotal{font-size:17px;margin-bottom:14px}.drawer-buttons a{padding:13px 10px;border-radius:8px;font-size:13px}.drawer-buttons .checkout{background:var(--orange);border-color:var(--orange)}

/* Inner product cards should use real images too */
.product-card .visual.product-photo{font-size:0;padding:10px}.product-card .visual.product-photo img{width:100%;height:100%;object-fit:contain}.quick-add{color:var(--orange);background:#f4f8f6;border-color:#AFCDB6}.quick-add svg{width:19px;height:19px;stroke-width:1.7}

/* footer: logo LEFT, transparent, compact */
.footer{background:#151715;color:#fff;margin-top:30px}
.footer-inner{min-height:72px;height:auto;grid-template-columns:110px 1fr auto;padding:14px 18px;gap:28px}
.footer-logo{justify-self:start;display:flex;align-items:center}.footer-logo img{width:92px;height:auto;filter:none!important;background:transparent!important;display:block}
.footer-links{font-size:10px;gap:22px;color:#D8DBD8;align-items:center;flex-wrap:wrap}
.copyright{font-size:10px;color:#9FA59F;white-space:nowrap}

@media(max-width:800px){
  body{font-size:15px}
  .main-header{min-height:70px}.header-inner{height:70px;padding:0 12px;grid-template-columns:40px minmax(86px,1fr) auto;gap:7px}
  .logo img{width:101px;max-height:56px}
  .header-actions{gap:1px}.icon-btn{width:36px;height:36px}.icon-btn svg{width:21px;height:21px}.cart-count{right:0;top:-1px}
  .search-panel{top:70px;padding:9px 12px}.search-box input{font-size:15px;padding:12px 14px}
  .account-menu{top:68px;right:10px;width:min(250px,calc(100vw - 20px))}
  .hero-copy h1{font-weight:800}
  .section-title h2{font-size:21px;letter-spacing:-.35px}.section-title a{font-size:12px}
  .category-real{display:flex;overflow-x:auto;gap:9px;padding-bottom:6px;scrollbar-width:none}.category-real::-webkit-scrollbar{display:none}
  .category-real-card{flex:0 0 25.5%;min-width:25.5%;border-radius:9px}
  .category-photo{height:93px;padding:4px}
  .category-real-card strong{font-size:10.5px;line-height:1.2;padding:7px 7px 2px;min-height:37px}
  .category-real-card span{display:none}
  .product-real-row{display:flex;overflow-x:auto;gap:10px;scroll-snap-type:x proximity;padding:1px 1px 8px;scrollbar-width:none}.product-real-row::-webkit-scrollbar{display:none}
  .product-real-card{flex:0 0 43.5%;min-width:43.5%;scroll-snap-align:start;border-radius:9px}
  .product-real-photo{height:150px;padding:8px}
  .product-real-body{padding:9px 9px 10px}
  .product-real-body h3{font-size:13px;line-height:1.35;min-height:35px;font-weight:650}
  .product-meta{font-size:11px;margin:4px 0 8px;min-height:15px}
  .product-price-row strong{font-size:16px}.mini-cart-button{width:34px;height:34px;flex-basis:34px}.mini-cart-button svg{width:19px;height:19px}
  .rating{font-size:9.5px;margin:4px 0 8px}.product-badge{font-size:8.5px;top:7px;left:7px}
  .cart-drawer{top:8px;width:calc(100vw - 18px);max-height:calc(100dvh - 16px);border-radius:18px 0 0 18px}
  .drawer-head{padding:18px 16px}.drawer-head h3{font-size:20px}.drawer-body{padding:4px 16px;max-height:50dvh}.drawer-foot{padding:15px 16px 17px}
  .mini-item{grid-template-columns:68px 1fr 30px;gap:11px;padding:13px 0}.mini-thumb{width:68px;height:68px}.mini-item b{font-size:13.5px}.mini-item small{font-size:12px}
  .drawer-buttons{grid-template-columns:1fr 1.2fr}
  .footer{margin-top:28px}.footer-inner{min-height:0;display:grid;grid-template-columns:1fr;text-align:left;padding:18px 20px 20px;gap:13px}
  .footer-logo{justify-self:start}.footer-logo img{margin:0;width:84px}
  .footer-links{justify-content:flex-start;gap:11px 18px;font-size:11px;line-height:1.4}.copyright{padding:0;font-size:10.5px;white-space:normal}
}
@media(max-width:430px){
  .header-inner{grid-template-columns:38px minmax(80px,1fr) auto;padding:0 9px;gap:4px}.logo img{width:94px}.icon-btn{width:34px;height:34px}.icon-btn svg{width:20px}
  .product-real-card{flex-basis:44.5%;min-width:44.5%}.product-real-photo{height:142px}.product-real-body h3{font-size:12.5px}.product-price-row strong{font-size:15.5px}
  .category-real-card{flex-basis:26%;min-width:26%}.category-photo{height:88px}
}
.cart-row .img{padding:6px;font-size:0}.cart-row .img img,.rec-card .rimg img,.gallery-main img,.thumb img{width:100%;height:100%;object-fit:contain;display:block}.rec-card .rimg{padding:5px;font-size:0}.gallery-main{padding:22px;font-size:0}.thumb{padding:6px;font-size:0}





/* ===== VERSION 19 — BALANCED LOGO / CLEAN HEADER ===== */
:root{
  --header-sage:#d8e7de;
  --page-surface:#f7f8f6;
}
html,body{
  margin:0;
  background:#fff!important;
  background-color:#fff!important;
}
body::before{display:none!important}
.browser-white-buffer{
  display:none;
  width:100%;
  height:0;
  background:#fff;
}
.main-header{
  background:var(--header-sage)!important;
  border-top:1px solid rgba(255,255,255,.95)!important;
  border-bottom:1px solid #bfd1c6!important;
  box-shadow:none!important;
}
main{background:var(--page-surface)}

.logo{
  display:flex!important;
  align-items:center!important;
  text-decoration:none!important;
  color:#101820!important;
  min-width:0;
}
.adc-brand{
  display:inline-flex;
  width:148px;
  height:56px;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  color:#101820;
  line-height:1;
}
.adc-brand-main{
  display:block;
  width:148px;
  height:36px;
  overflow:visible;
}
.adc-brand-main path{
  fill:none;
  stroke:currentColor;
  stroke-width:5.0;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}
.adc-brand-main .adc-dot{
  fill:#e8681b;
  stroke:none;
}
.adc-brand-sub{
  display:block;
  width:148px;
  margin-top:1px;
  padding-left:1px;
  color:currentColor;
  font-family:Inter,Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:700;
  letter-spacing:4.1px;
  white-space:nowrap;
}

.footer-logo{
  color:#fff!important;
  justify-self:start;
  display:flex;
  align-items:center;
}
.footer-logo .adc-brand{
  color:#fff;
  width:116px;
  height:44px;
}
.footer-logo .adc-brand-main{width:116px;height:29px}
.footer-logo .adc-brand-sub{
  width:116px;
  font-size:8px;
  letter-spacing:3.2px;
}
.mobile-menu-head .adc-brand{
  width:128px;
  height:49px;
}
.mobile-menu-head .adc-brand-main{width:128px;height:31px}
.mobile-menu-head .adc-brand-sub{
  width:128px;
  font-size:9px;
  letter-spacing:3.55px;
}
.logo img,.footer-logo img,.mobile-menu-head img{display:none!important}

@media(max-width:800px){
  .browser-white-buffer{
    display:block;
    height:20px;
    background:#fff!important;
  }
  .topbar{display:none!important}
  .main-header{
    position:sticky;
    top:0;
    height:74px!important;
    min-height:74px!important;
    background:var(--header-sage)!important;
  }
  .header-inner{
    height:74px!important;
    padding:0 14px!important;
    grid-template-columns:36px minmax(142px,1fr) auto!important;
    gap:8px!important;
  }
  .adc-brand{
    width:145px;
    height:54px;
  }
  .adc-brand-main{width:145px;height:35px}
  .adc-brand-sub{
    width:145px;
    font-size:10.5px;
    letter-spacing:3.95px;
  }

  /* restore clean bare icons — no white circles */
  .icon-btn,
  .menu-trigger{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    padding:0!important;
  }
  .icon-btn:hover,
  .menu-trigger:hover{
    background:transparent!important;
  }
  .icon-btn svg,
  .menu-trigger svg{
    width:23px!important;
    height:23px!important;
  }
  .header-actions{
    gap:5px!important;
  }
  .cart-count{
    top:-4px!important;
    right:-5px!important;
  }
}
@media(max-width:430px){
  .browser-white-buffer{height:18px}
  .header-inner{
    grid-template-columns:34px minmax(134px,1fr) auto!important;
    padding:0 12px!important;
    gap:6px!important;
  }
  .adc-brand{
    width:136px;
    height:52px;
  }
  .adc-brand-main{width:136px;height:33px}
  .adc-brand-sub{
    width:136px;
    font-size:9.8px;
    letter-spacing:3.7px;
  }
  .icon-btn,.menu-trigger{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
  }
  .icon-btn svg,.menu-trigger svg{
    width:22px!important;
    height:22px!important;
  }
  .header-actions{gap:4px!important}
}




/* ===== VERSION 21 — UNIFIED CRISP SVG LOGO ===== */
/* Old logo images/sub-elements are disabled. */
.logo img,
.footer-logo img,
.mobile-menu-head img,
.adc-brand-main,
.adc-brand-sub{
  display:none!important;
}

.adc-brand{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:148px!important;
  height:56px!important;
  color:#101820!important;
  overflow:visible!important;
  line-height:1!important;
}

.adc-brand-svg{
  display:block!important;
  width:148px!important;
  height:auto!important;
  overflow:visible!important;
  shape-rendering:geometricPrecision;
  text-rendering:geometricPrecision;
}

.adc-brand-svg .adc-stroke{
  fill:none;
  stroke:currentColor;
  stroke-width:4.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}

.adc-brand-svg .adc-dot{
  fill:#e8681b;
  stroke:none;
}

.adc-brand-svg .adc-subtext{
  fill:currentColor;
  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:700;
  letter-spacing:0;
  dominant-baseline:auto;
}

/* Footer gets the same exact geometry, only white. */
.footer-logo .adc-brand{
  color:#ffffff!important;
  width:118px!important;
  height:46px!important;
}
.footer-logo .adc-brand-svg{
  width:118px!important;
}

/* Mobile drawer/menu uses same exact logo geometry. */
.mobile-menu-head .adc-brand{
  width:132px!important;
  height:50px!important;
}
.mobile-menu-head .adc-brand-svg{
  width:132px!important;
}

@media(max-width:800px){
  .adc-brand{
    width:142px!important;
    height:54px!important;
  }
  .adc-brand-svg{
    width:142px!important;
  }
}

@media(max-width:430px){
  .adc-brand{
    width:138px!important;
    height:52px!important;
  }
  .adc-brand-svg{
    width:138px!important;
  }
}

/* ===== VERSION 22 — SMALL HEADER LOGO ===== */
/* Header only: compact unified logo. Header height and action icons stay unchanged. */
.main-header .logo .adc-brand{
  width:112px!important;
  height:44px!important;
}
.main-header .logo .adc-brand-svg{
  width:112px!important;
  height:auto!important;
}
@media(max-width:800px){
  .main-header .logo .adc-brand{
    width:108px!important;
    height:42px!important;
  }
  .main-header .logo .adc-brand-svg{width:108px!important}
}
@media(max-width:430px){
  .main-header .logo .adc-brand{
    width:104px!important;
    height:40px!important;
  }
  .main-header .logo .adc-brand-svg{width:104px!important}
}

/* ===== VERSION 23 — SMALLER MOBILE HEADER LOGO ===== */
/* Reduce only the header brand; keep header and controls unchanged. */
@media(max-width:800px){
  .main-header .logo .adc-brand{
    width:84px!important;
    height:34px!important;
  }
  .main-header .logo .adc-brand-svg{
    width:84px!important;
    height:auto!important;
  }
}
@media(max-width:430px){
  .main-header .logo .adc-brand{
    width:80px!important;
    height:32px!important;
  }
  .main-header .logo .adc-brand-svg{
    width:80px!important;
  }
}

/* ===== VERSION 24 — COMPACT MOBILE HEADER LOGO ===== */
@media(max-width:800px){
  .main-header .logo .adc-brand{width:68px!important;height:28px!important}
  .main-header .logo .adc-brand-svg{width:68px!important;height:auto!important;display:block!important}
}
@media(max-width:430px){
  .main-header .logo .adc-brand{width:64px!important;height:26px!important}
  .main-header .logo .adc-brand-svg{width:64px!important;height:auto!important}
}


/* ===== VERSION 25 — HEADER ALIGNMENT ===== */
@media (max-width:800px){
  .main-header{
    height:74px!important;
    min-height:74px!important;
  }
  .header-inner{
    height:74px!important;
    display:grid!important;
    grid-template-columns:40px minmax(112px,1fr) auto!important;
    align-items:center!important;
    gap:8px!important;
    padding:0 12px!important;
  }

  /* Compact logo, thinner strokes */
  .adc-brand{
    width:112px!important;
    height:46px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
  }
  .adc-brand-svg{
    width:112px!important;
    height:auto!important;
    display:block!important;
  }
  .adc-brand-svg .adc-stroke{
    stroke-width:3.15!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  .adc-brand-svg .adc-subtext{
    font-size:10px!important;
    font-weight:600!important;
  }

  /* Larger, clearer right-side controls */
  .header-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:7px!important;
  }
  .icon-btn,
  .menu-trigger{
    width:39px!important;
    height:39px!important;
    min-width:39px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  .icon-btn svg,
  .menu-trigger svg{
    width:25px!important;
    height:25px!important;
    stroke-width:1.8!important;
  }
  .cart-count{
    min-width:17px!important;
    height:17px!important;
    line-height:17px!important;
    font-size:10px!important;
    top:-2px!important;
    right:-3px!important;
  }
}

@media (max-width:430px){
  .header-inner{
    grid-template-columns:38px minmax(104px,1fr) auto!important;
    gap:5px!important;
    padding:0 10px!important;
  }
  .adc-brand,
  .adc-brand-svg{
    width:106px!important;
  }
  .header-actions{gap:4px!important}
  .icon-btn,
  .menu-trigger{
    width:37px!important;
    height:37px!important;
    min-width:37px!important;
  }
  .icon-btn svg,
  .menu-trigger svg{
    width:24px!important;
    height:24px!important;
  }
}

/* ===== VERSION 26 — APPROVED GENERATED LOGO + STICKY HEADER ===== */
/* Use the approved logo image directly; hide every legacy logo rendering. */
.adc-brand-svg,.adc-brand-main,.adc-brand-sub{display:none!important}
.logo .adc-brand-img,.footer-logo .adc-brand-img,.mobile-menu-head .adc-brand-img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  background:transparent!important;
}
.main-header{position:sticky!important;top:0!important;z-index:90!important}
.main-header .logo .adc-brand{width:104px!important;height:auto!important;display:flex!important;align-items:center!important}
.main-header .logo .adc-brand-img{width:104px!important;max-height:50px!important}
.footer-logo .adc-brand{width:110px!important;height:auto!important;color:inherit!important}
.footer-logo .adc-brand-img{width:110px!important;filter:none!important}
.mobile-menu-head .adc-brand{width:120px!important;height:auto!important}
.mobile-menu-head .adc-brand-img{width:120px!important}
@media(max-width:800px){
  .main-header .logo .adc-brand{width:96px!important;height:auto!important}
  .main-header .logo .adc-brand-img{width:96px!important;max-height:46px!important}
}
@media(max-width:430px){
  .main-header .logo .adc-brand{width:92px!important;height:auto!important}
  .main-header .logo .adc-brand-img{width:92px!important;max-height:44px!important}
}

/* ===== VERSION 28 — MOBILE HEADER CONTROL ALIGNMENT ===== */
@media (max-width:800px){
  /* Move the complete right-side control group slightly inward. */
  .header-actions{
    transform:translateX(-8px)!important;
  }

  /* Make only the left hamburger visually larger; header/logo stay unchanged. */
  .menu-trigger{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
  }
  .menu-trigger svg{
    width:31px!important;
    height:31px!important;
    stroke-width:1.8!important;
  }
}
@media (max-width:430px){
  .header-actions{
    transform:translateX(-7px)!important;
  }
  .menu-trigger{
    width:43px!important;
    height:43px!important;
    min-width:43px!important;
  }
  .menu-trigger svg{
    width:30px!important;
    height:30px!important;
  }
}


/* ===== VERSION 29 — MOBILE HEADER REFINEMENT ===== */
@media (max-width:800px){
  .header-inner{
    align-items:center!important;
  }

  /* Move only the logo slightly to the right */
  .logo{
    transform:translateX(8px)!important;
  }

  /* Hamburger: same general width, taller overall shape */
  .menu-trigger{
    width:40px!important;
    height:44px!important;
    min-width:40px!important;
    min-height:44px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .menu-trigger svg{
    width:28px!important;
    height:34px!important;
    transform:scaleY(1.22)!important;
    transform-origin:center!important;
    stroke-width:1.9!important;
  }

  /* Right-side controls: larger and easier to tap */
  .header-actions{
    gap:7px!important;
    transform:translateX(-10px)!important;
  }
  .header-actions .icon-btn{
    width:43px!important;
    height:43px!important;
    min-width:43px!important;
    min-height:43px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
  }
  .header-actions .icon-btn svg{
    width:28px!important;
    height:28px!important;
    stroke-width:1.85!important;
  }
  .header-actions .cart-count{
    min-width:18px!important;
    height:18px!important;
    line-height:18px!important;
    font-size:10px!important;
    top:-2px!important;
    right:-2px!important;
  }
}

@media (max-width:430px){
  .logo{
    transform:translateX(7px)!important;
  }
  .menu-trigger{
    width:39px!important;
    height:43px!important;
    min-width:39px!important;
    min-height:43px!important;
  }
  .menu-trigger svg{
    width:27px!important;
    height:33px!important;
    transform:scaleY(1.24)!important;
  }
  .header-actions{
    gap:5px!important;
    transform:translateX(-9px)!important;
  }
  .header-actions .icon-btn{
    width:41px!important;
    height:41px!important;
    min-width:41px!important;
    min-height:41px!important;
  }
  .header-actions .icon-btn svg{
    width:27px!important;
    height:27px!important;
  }
}


/* ===== VERSION 30 — IOS SAFARI WHITE TOP / OVERSCROLL FIX ===== */

/* Safari's rubber-band/overscroll reveals the root canvas.
   Keep the browser-facing canvas permanently pure white. */
:root,
html{
  background:#ffffff!important;
  background-color:#ffffff!important;
  color-scheme:light!important;
}

body{
  margin:0!important;
  background:#ffffff!important;
  background-color:#ffffff!important;
  min-height:100%;
}

/* Never tint the artificial browser separator / pre-header area. */
.browser-white-buffer{
  display:block!important;
  width:100%!important;
  background:#ffffff!important;
  background-color:#ffffff!important;
}

/* Actual website header remains sage and visually separate. */
.main-header{
  background:#d8e7de!important;
  background-color:#d8e7de!important;
}

/* Page surface belongs to the content, not the Safari/root canvas. */
main,
.site-main,
.page,
.page-content,
.products-section,
.content-section{
  background-color:#f7f8f6;
}

/* Prevent legacy pseudo-elements from painting the top/root area. */
html::before,
html::after,
body::before{
  background:#ffffff!important;
}

@media(max-width:800px){
  .browser-white-buffer{
    height:18px!important;
    min-height:18px!important;
    flex:0 0 18px!important;
  }

  /* Keep sticky header below the true white separator. */
  .main-header{
    position:sticky!important;
    top:0!important;
    z-index:1000!important;
  }
}

/* iOS standalone/PWA safety */
@supports (-webkit-touch-callout:none){
  html,
  body{
    background:#ffffff!important;
    background-color:#ffffff!important;
  }
}


/* ===== VERSION 33 — SAFARI COLOR LOCK ===== */
:root,
html,
body{
  background:#ffffff!important;
  background-color:#ffffff!important;
}

html{
  color-scheme:light!important;
}

/* Keep the approved visible header unchanged. */
.main-header{
  background:#d8e7de!important;
  background-color:#d8e7de!important;
}


/* ===== VERSION 34 — HEADER TOP LOCK ===== */
@media (max-width:800px){
  /* Remove the extra white strip above the real header. */
  .browser-white-buffer{
    display:none!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
  }

  /* Keep the website header directly at the top of the page and freeze it there. */
  .main-header{
    position:-webkit-sticky!important;
    position:sticky!important;
    top:0!important;
    z-index:10000!important;
    margin-top:0!important;
    transform:none!important;
    will-change:auto!important;
  }
}


/* ===== VERSION 35 — DESKTOP CATEGORY CLEAN ===== */
@media (min-width:801px){
  .category-menu-btn{
    background:transparent!important;
    background-color:transparent!important;
    border:none!important;
    box-shadow:none!important;
    border-radius:0!important;
    padding-left:0!important;
    padding-right:0!important;
  }
}


/* ===== VERSION 37 — REAL WHITE TOP ZONE ===== */

/*
  Real page layer above the sage header.
  It is fixed to the viewport so rubber-band scrolling cannot expose
  the sage header behind Safari's top area.
*/
@media (max-width:800px){
  body{
    padding-top:18px!important;
    background:#ffffff!important;
  }

  body::after{
    content:""!important;
    display:block!important;
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    height:18px!important;
    background:#ffffff!important;
    pointer-events:none!important;
    z-index:2147483646!important;
  }

  /* Header starts below the real white zone and stays frozen there. */
  .main-header{
    position:sticky!important;
    top:18px!important;
    z-index:10000!important;
    margin-top:0!important;
    background:#d8e7de!important;
    background-color:#d8e7de!important;
  }

  /* Old artificial spacer must not create a second gap. */
  .browser-white-buffer{
    display:none!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
  }
}


/* ===== VERSION 38 — FIXED MOBILE HEADER ===== */
@media (max-width:800px){
  /* White browser/page zone remains fixed at the top. */
  body{
    padding-top:92px!important; /* 18px white zone + 74px fixed header */
  }

  body::after{
    content:""!important;
    display:block!important;
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    height:18px!important;
    background:#ffffff!important;
    pointer-events:none!important;
    z-index:2147483646!important;
  }

  /* Header is fully frozen and cannot move with page scroll. */
  .main-header{
    position:fixed!important;
    top:18px!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    height:74px!important;
    min-height:74px!important;
    margin:0!important;
    transform:none!important;
    z-index:10000!important;
    background:#d8e7de!important;
    background-color:#d8e7de!important;
  }

  .browser-white-buffer{
    display:none!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
  }
}


/* ===== VERSION 39 — FIXED HEADER LAYERING ===== */
@media (max-width:800px){
  :root{
    --mobile-top-white:18px;
    --mobile-header-h:74px;
  }

  html,
  body{
    background:#ffffff!important;
  }

  /*
    Reserve exact space for the fixed header so page content begins below it.
    This prevents the hero/content from sliding behind or above the header.
  */
  body{
    padding-top:calc(var(--mobile-top-white) + var(--mobile-header-h))!important;
  }

  /* Permanent white top zone */
  body::after{
    content:""!important;
    display:block!important;
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    height:var(--mobile-top-white)!important;
    background:#ffffff!important;
    pointer-events:none!important;
    z-index:2147483647!important;
  }

  /* Fully frozen website header directly under white top zone */
  .main-header{
    position:fixed!important;
    top:var(--mobile-top-white)!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    height:var(--mobile-header-h)!important;
    min-height:var(--mobile-header-h)!important;
    margin:0!important;
    transform:none!important;
    z-index:2147483646!important;
    background:#d8e7de!important;
    background-color:#d8e7de!important;
    overflow:visible!important;
  }

  /*
    Header must be an opaque layer.
    Everything that scrolls remains underneath it.
  */
  .main-header::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:#d8e7de!important;
    z-index:-1!important;
    pointer-events:none!important;
  }

  /* Disable any legacy white spacer that could add another gap */
  .browser-white-buffer{
    display:none!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
  }

  /* Prevent transform/stacking contexts on top-level content from covering header */
  main,
  .site-main,
  .page,
  .page-content,
  .hero,
  .hero-section{
    position:relative;
    z-index:0!important;
  }
}



/* ===== VERSION 40 — HEADER HIGHER ===== */
@media (max-width:800px){
  :root{ --mobile-top-white:0px; --mobile-header-h:74px; }

  body{ padding-top:var(--mobile-header-h)!important; }

  .main-header{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    height:var(--mobile-header-h)!important;
    min-height:var(--mobile-header-h)!important;
    margin:0!important;
    z-index:2147483646!important;
    background:#d8e7de!important;
    background-color:#d8e7de!important;
    opacity:1!important;
  }

  body::after{
    display:none!important;
    content:none!important;
  }
}


/* ===== VERSION 41 — WHITE SAFARI EDGE / HEADER UNMOVED ===== */
@media (max-width:800px){
  html,
  body{
    background:#ffffff!important;
    background-color:#ffffff!important;
  }

  /* Keep the approved fixed header exactly at its current visual position. */
  .main-header{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    margin:0!important;
    z-index:2147483645!important;
  }

  /*
    Real opaque white page edge for iOS Safari color sampling.
    It overlays only the first physical pixels and does not take layout space,
    so the header is not pushed down.
  */
  html::before{
    content:""!important;
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    height:3px!important;
    display:block!important;
    background:#ffffff!important;
    background-color:#ffffff!important;
    opacity:1!important;
    pointer-events:none!important;
    z-index:2147483647!important;
  }
}


/* ===== VERSION 42 — FOOTER REDESIGN ===== */
.site-footer{
  background:#111713!important;
  color:#f5f7f5!important;
  padding:30px 24px 22px!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
}

.site-footer .footer-inner{
  max-width:1180px!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(170px,.9fr) minmax(280px,1.6fr)!important;
  gap:34px!important;
  align-items:start!important;
}

.site-footer .footer-brand{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:12px!important;
}

.site-footer .footer-logo{
  margin:0!important;
  padding:0!important;
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
}

.site-footer .footer-logo img,
.site-footer .footer-logo svg,
.site-footer .footer-logo .adc-brand,
.site-footer .footer-logo .adc-brand-svg{
  width:150px!important;
  max-width:150px!important;
  height:auto!important;
}

.site-footer .footer-links{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(120px,1fr))!important;
  gap:13px 26px!important;
  margin:0!important;
  padding:4px 0 0!important;
}

.site-footer .footer-links a{
  color:#e7ebe8!important;
  font-size:16px!important;
  line-height:1.35!important;
  text-decoration:none!important;
}

.site-footer .footer-links a:hover{
  text-decoration:underline!important;
  text-underline-offset:4px!important;
}

.site-footer .footer-bottom{
  max-width:1180px!important;
  margin:24px auto 0!important;
  padding-top:18px!important;
  border-top:1px solid rgba(255,255,255,.12)!important;
  color:#aeb7b1!important;
  font-size:14px!important;
  line-height:1.5!important;
  text-align:left!important;
}

@media(max-width:800px){
  .site-footer{
    padding:26px 22px 22px!important;
  }

  .site-footer .footer-inner{
    grid-template-columns:1fr!important;
    gap:20px!important;
  }

  .site-footer .footer-logo img,
  .site-footer .footer-logo svg,
  .site-footer .footer-logo .adc-brand,
  .site-footer .footer-logo .adc-brand-svg{
    width:138px!important;
    max-width:138px!important;
  }

  .site-footer .footer-links{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px 20px!important;
  }

  .site-footer .footer-links a{
    font-size:15px!important;
  }

  .site-footer .footer-bottom{
    margin-top:20px!important;
    padding-top:16px!important;
    font-size:13.5px!important;
  }
}


/* ===== VERSION 43 — ACTUAL FOOTER + WHITE LOGO ===== */
.footer{
  background:#101612!important;
  color:#f4f7f5!important;
  padding:30px 24px 24px!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
}

.footer .footer-inner{
  max-width:1180px!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:170px 1fr!important;
  column-gap:44px!important;
  row-gap:22px!important;
  align-items:start!important;
}

.footer .footer-logo{
  display:block!important;
  margin:0!important;
  padding:0!important;
  width:160px!important;
}

.footer .footer-logo .adc-brand,
.footer .footer-logo .adc-brand-img{
  display:block!important;
  width:160px!important;
  max-width:160px!important;
  height:auto!important;
}



.footer .footer-links{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(130px,1fr))!important;
  gap:14px 28px!important;
  margin:3px 0 0!important;
  padding:0!important;
}

.footer .footer-links a{
  color:#eef2ef!important;
  text-decoration:none!important;
  font-size:16px!important;
  line-height:1.35!important;
}

.footer .footer-links a:hover{
  text-decoration:underline!important;
  text-underline-offset:4px!important;
}

.footer .copyright{
  grid-column:1 / -1!important;
  margin:0!important;
  padding-top:18px!important;
  border-top:1px solid rgba(255,255,255,.13)!important;
  color:#aeb7b1!important;
  font-size:14px!important;
  line-height:1.45!important;
}

@media(max-width:800px){
  .footer{
    padding:28px 24px 24px!important;
  }

  .footer .footer-inner{
    grid-template-columns:1fr!important;
    gap:22px!important;
  }

  .footer .footer-logo,
  .footer .footer-logo .adc-brand,
  .footer .footer-logo .adc-brand-img{
    width:150px!important;
    max-width:150px!important;
  }

  .footer .footer-links{
    grid-template-columns:1fr 1fr!important;
    gap:15px 22px!important;
    margin:0!important;
  }

  .footer .footer-links a{
    font-size:15.5px!important;
  }

  .footer .copyright{
    grid-column:1!important;
    padding-top:17px!important;
    font-size:13.5px!important;
  }
}

/* ===== VERSION 44 — FOOTER LOGO COLORS ===== */
.footer .footer-logo .adc-brand-img{
  filter:none!important;
  opacity:1!important;
}


/* ===== VERSION 45 — QUICK LINKS TITLE ===== */
.footer .footer-links-wrap{
  margin:0!important;
  padding:0!important;
}
.footer .footer-links-title{
  margin:0 0 15px!important;
  padding:0!important;
  color:#ffffff!important;
  font-size:18px!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:.01em!important;
}
@media(max-width:800px){
  .footer .footer-links-title{
    margin-bottom:14px!important;
    font-size:17px!important;
  }
}


/* ===== VERSION 46 — CART DRAWER CLOSED/OPEN FIX ===== */
.cart-drawer{
  position:fixed!important;
  top:0!important;
  right:0!important;
  width:min(420px,92vw)!important;
  max-width:420px!important;
  height:100dvh!important;
  max-height:100dvh!important;
  background:#ffffff!important;
  transform:translateX(105%)!important;
  transition:transform .24s ease!important;
  visibility:hidden!important;
  pointer-events:none!important;
  opacity:1!important;
  z-index:20001!important;
  box-shadow:-14px 0 32px rgba(0,0,0,.16)!important;
  overflow:hidden!important;
}

.cart-drawer.open{
  transform:translateX(0)!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

.cart-drawer .drawer-body{
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
}

.overlay{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

.overlay.open,
.overlay.show{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

@media(max-width:800px){
  .cart-drawer{
    width:min(390px,94vw)!important;
    max-width:94vw!important;
  }
}

@media(max-width:430px){
  .cart-drawer{
    width:92vw!important;
    max-width:92vw!important;
  }
}


/* ===== VERSION 47 — FOOTER TRUST INFO ===== */
.footer-trust-info{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:28px 0 22px;
  padding:20px 0;
  border-top:1px solid rgba(255,255,255,.14);
  border-bottom:1px solid rgba(255,255,255,.14);
}
.footer-trust-item{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-width:0;
  color:rgba(255,255,255,.88);
  font-size:15px;
  line-height:1.35;
  text-align:center;
}
.footer-trust-item > span:first-child{
  flex:0 0 auto;
  font-size:19px;
}
@media(max-width:700px){
  .footer-trust-info{
    grid-template-columns:1fr;
    gap:13px;
    padding:18px 0;
  }
  .footer-trust-item{
    justify-content:flex-start;
    text-align:left;
    font-size:15px;
  }
}
/* ===== END VERSION 47 ===== */


/* ===== VERSION 56 — CLEAN MOBILE SYSTEM ===== */
/*
  One authoritative mobile layout.
  Desktop, Header and Footer are intentionally excluded.
*/
@media (max-width:800px){

  /* ---------- MAIN MOBILE CONTENT ---------- */
  main{
    width:100%!important;
    max-width:none!important;
    overflow-x:hidden!important;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
    font-size:16px!important;
    line-height:1.5!important;
  }

  main section,
  main .section,
  main .products-section{
    margin-top:28px!important;
    margin-bottom:28px!important;
  }

  /* ---------- SECTION HEADERS ---------- */
  main .section-header,
  main .section-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding-left:16px!important;
    padding-right:16px!important;
    margin-bottom:14px!important;
  }

  main .section-title,
  main .products-section h2,
  main .section-header h2,
  main .section-head h2{
    margin:0!important;
    font-size:24px!important;
    line-height:1.15!important;
    font-weight:800!important;
    letter-spacing:-.02em!important;
  }

  main .view-all,
  main .section-header a,
  main .section-head a{
    flex:0 0 auto!important;
    white-space:nowrap!important;
    font-size:15px!important;
    line-height:1.2!important;
    font-weight:650!important;
  }

  /* ---------- SHOP BY CATEGORY ---------- */
  main .categories-row,
  main .category-grid,
  main .categories-grid{
    display:flex!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    gap:10px!important;
    padding:0 16px 4px!important;
    scroll-snap-type:x proximity!important;
    -webkit-overflow-scrolling:touch!important;
  }

  main .category-card{
    box-sizing:border-box!important;
    flex:0 0 136px!important;
    width:136px!important;
    min-width:136px!important;
    max-width:136px!important;
    border-radius:12px!important;
    overflow:hidden!important;
    scroll-snap-align:start!important;
  }

  main .category-card img,
  main .category-card .category-image,
  main .category-card .image-wrap{
    width:100%!important;
    height:118px!important;
    min-height:118px!important;
    object-fit:contain!important;
  }

  main .category-card h3,
  main .category-card .category-name{
    margin:8px 10px 10px!important;
    font-size:15px!important;
    line-height:1.2!important;
    font-weight:700!important;
  }

  /* ---------- PRODUCT RAILS ---------- */
  main .products-row,
  main .products-grid,
  main .product-grid,
  main .carousel-track{
    display:flex!important;
    grid-template-columns:none!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    gap:10px!important;
    padding:0 16px 6px!important;
    scroll-snap-type:x proximity!important;
    -webkit-overflow-scrolling:touch!important;
  }

  main .products-row > .product-card,
  main .products-grid > .product-card,
  main .product-grid > .product-card,
  main .carousel-track > .product-card{
    box-sizing:border-box!important;
    flex:0 0 calc((100vw - 42px)/2)!important;
    width:calc((100vw - 42px)/2)!important;
    min-width:calc((100vw - 42px)/2)!important;
    max-width:calc((100vw - 42px)/2)!important;
    border-radius:13px!important;
    overflow:hidden!important;
    scroll-snap-align:start!important;
  }

  main .product-card .product-image,
  main .product-card .image-wrap{
    width:100%!important;
    height:158px!important;
    min-height:158px!important;
  }

  main .product-card > img,
  main .product-card .product-image img,
  main .product-card .image-wrap img{
    width:100%!important;
    height:158px!important;
    object-fit:contain!important;
  }

  main .product-card .product-info,
  main .product-card .card-body,
  main .product-card .product-content{
    padding:12px!important;
  }

  /* Product text is readable but compact */
  main .product-card h3,
  main .product-card .product-name,
  main .product-name{
    margin:0 0 7px!important;
    font-size:16px!important;
    line-height:1.28!important;
    font-weight:700!important;
    letter-spacing:0!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
  }

  main .product-card p,
  main .product-card .product-description,
  main .product-description{
    margin:0 0 10px!important;
    font-size:14.5px!important;
    line-height:1.38!important;
  }

  main .product-card .price,
  main .product-price{
    font-size:20px!important;
    line-height:1.15!important;
    font-weight:800!important;
  }

  main .product-card small,
  main .product-meta,
  main .rating-count,
  main .product-card .rating{
    font-size:13.5px!important;
    line-height:1.3!important;
  }

  /* Compact badges */
  main .product-card .badge,
  main .product-card .product-badge,
  main .product-card .sale-badge,
  main .product-card .best-seller-badge,
  main .badge.best-seller,
  main .badge.sale{
    font-size:11px!important;
    line-height:1!important;
    font-weight:700!important;
    padding:5px 7px!important;
    border-radius:7px!important;
  }

  /* Finger-friendly controls */
  main .product-card .add-to-cart,
  main .product-card .icon-btn,
  main .product-card button,
  main .btn,
  main .button,
  main .cta{
    min-width:44px!important;
    min-height:44px!important;
    font-size:16px!important;
  }

  /* General mobile content */
  main p,
  main li,
  main label,
  main input,
  main select,
  main textarea{
    font-size:16px!important;
    line-height:1.5!important;
  }

  main input,
  main select,
  main textarea{
    min-height:44px!important;
  }
}

@media (max-width:390px){
  main .section-title,
  main .products-section h2,
  main .section-header h2,
  main .section-head h2{
    font-size:23px!important;
  }

  main .category-card{
    flex-basis:128px!important;
    width:128px!important;
    min-width:128px!important;
    max-width:128px!important;
  }

  main .category-card img,
  main .category-card .category-image,
  main .category-card .image-wrap{
    height:110px!important;
    min-height:110px!important;
  }

  main .product-card .product-image,
  main .product-card .image-wrap,
  main .product-card > img,
  main .product-card .product-image img,
  main .product-card .image-wrap img{
    height:148px!important;
    min-height:148px!important;
  }

  main .product-card h3,
  main .product-card .product-name,
  main .product-name{
    font-size:15.5px!important;
  }

  main .product-card p,
  main .product-card .product-description,
  main .product-description{
    font-size:14px!important;
  }
}
/* ===== END VERSION 56 ===== */