.header-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}.header-actions a{position:relative;display:grid;place-items:center;width:39px;height:42px;border-radius:50%;color:var(--navy)}.header-actions a:hover{background:#eaf5ee}.header-actions svg{width:23px;height:23px}.header-actions .cart-nav span{position:absolute;right:-2px;top:-2px;min-width:19px;height:19px;padding:0 4px;background:#08775f;color:white;border-radius:20px;text-align:center;font-size:10px;line-height:19px}.header-inner{gap:16px}.header-inner .brand{order:0}.header-inner nav{order:1}.header-actions{order:2}.header-inner .menu-toggle{order:3}
.z-hero-image{opacity:0;transition:opacity 1.1s ease-in-out}.z-hero-image.is-active{opacity:1}.hero-slider-controls{position:absolute;z-index:3;bottom:30px;left:max(40px,calc((100% - 1200px)/2));display:flex;gap:2px;align-items:center;padding:2px 6px;border-radius:30px;background:#ffffffdf;box-shadow:0 2px 14px #173e3010}.hero-slider-controls button{border:0;background:none;padding:0;width:32px;height:36px;display:grid;place-items:center}.hero-slider-controls [data-slide]:after{content:'';height:7px;width:7px;border-radius:50%;background:#aac6ba}.hero-slider-controls [aria-pressed=true]:after{background:#08775f;width:18px;border-radius:8px}.hero-slider-controls [data-slide-pause]{width:52px;font-size:10px;font-weight:700;color:#175842;border-left:1px solid #d9e6df;margin-left:3px}.z-hero-label{bottom:45px}
.product-thumbnails{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:14px 0 18px}.gallery-thumb{background:#fff;border:1px solid var(--line);border-radius:7px;padding:9px 5px;color:var(--navy);display:flex;align-items:center;flex-direction:column;gap:7px}.gallery-thumb img{width:100%;height:66px;object-fit:contain}.gallery-thumb span{font-size:10px;line-height:1.25}.gallery-thumb[aria-pressed=true]{border:2px solid var(--teal);padding:8px 4px;background:#f0f8f3}.gallery-thumb:hover{border-color:var(--teal)}.carton-details{border:1px solid var(--line);border-radius:9px;background:#fbfdfb;margin-bottom:20px;overflow:hidden}.carton-details summary{padding:17px 20px;cursor:pointer;color:var(--teal);font-weight:600;font-size:.92rem}.carton-details>.small{padding:0 20px 18px;margin:0;font-size:.73rem}.carton-stage{height:420px;position:relative;perspective:900px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#fff,#edf4ee);touch-action:pan-y;cursor:grab;overflow:hidden;user-select:none}.carton-stage:active{cursor:grabbing}.carton-box{position:relative;width:var(--box-w);height:var(--box-h);transform-style:preserve-3d}.carton-face{position:absolute;backface-visibility:hidden;overflow:hidden;background:#f5f1df;border:1px solid #00000008}.carton-face img{height:100%;width:100%;object-fit:fill;pointer-events:none}.carton-front,.carton-back{width:var(--box-w);height:var(--box-h);left:0;top:0}.carton-front{transform:translateZ(calc(var(--box-d)/2))}.carton-back{transform:rotateY(180deg) translateZ(calc(var(--box-d)/2))}.carton-left,.carton-right{width:var(--box-d);height:var(--box-h);top:0;left:calc((var(--box-w) - var(--box-d))/2)}.carton-right{transform:rotateY(90deg) translateZ(calc(var(--box-w)/2))}.carton-left{transform:rotateY(-90deg) translateZ(calc(var(--box-w)/2))}.carton-top,.carton-bottom{width:var(--box-w);height:var(--box-d);left:0;top:calc((var(--box-h) - var(--box-d))/2)}.carton-top{transform:rotateX(90deg) translateZ(calc(var(--box-h)/2))}.carton-top img{transform:rotate(180deg)}.carton-bottom{transform:rotateX(-90deg) translateZ(calc(var(--box-h)/2))}.carton-controls{display:flex;justify-content:center;gap:7px;padding:16px 12px;flex-wrap:wrap}.carton-controls .button{font-size:11px;min-height:40px;padding:9px 12px}
.account-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;max-width:1050px;margin:auto;align-items:start}.account-intro{padding-top:30px}.account-intro ul{padding-left:19px;color:var(--muted);font-size:.91rem;line-height:2.1;margin:25px 0}.account-card{background:#fff}.account-card .field,.customer-grid .field{margin:19px 0}.account-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:30px}.account-tabs button{border:0;background:none;color:var(--muted);font-size:.86rem;font-weight:600;padding:12px 14px;border-bottom:2px solid transparent}.account-tabs [aria-pressed=true]{color:var(--teal);border-bottom-color:var(--teal)}.account-text-button{border:0;background:none;color:var(--teal);font-size:.78rem;padding:15px 0 0;text-align:left;text-decoration:underline}.account-card form>.button{width:100%;margin-top:15px}.account-card .status{font-size:.83rem}.recovery-card{max-width:650px;margin:auto}.recovery-code{display:block;font-family:monospace;font-size:1.2rem;padding:20px;background:#eff6ef;border:1px dashed #a6c5b2;border-radius:6px;margin:24px 0;overflow-wrap:anywhere;user-select:all;color:#183f30}.recovery-card .button{margin-top:14px}.customer-heading{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:35px}.customer-heading h2{margin-bottom:10px}.customer-heading p{margin:0;overflow-wrap:anywhere}.customer-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:start}.customer-order{padding:22px 0;border-top:1px solid var(--line)}.customer-order>div{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.84rem}.customer-order>div span{color:var(--teal)}.customer-order p,.customer-order li{font-size:.83rem}.customer-order ul{padding-left:18px}.checkout-login{max-width:630px;margin:20px auto 50px}.checkout-login h2{font-size:2rem}.checkout-login .button{margin-top:12px}.customer-grid .form-card h2{font-size:1.65rem}.customer-grid .form-card{min-width:0}
@media(max-width:1190px){header nav{gap:13px}.header-actions{gap:2px}.header-inner{gap:12px}}
@media(max-width:1080px){header nav{display:none;position:absolute;left:0;right:0;top:100%;padding:15px 28px 25px;background:#fff;box-shadow:0 20px 20px #102d4710;max-height:calc(100dvh - 104px);overflow:auto}header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}header nav>a:not(.button){font-size:1rem;padding:12px 0}header nav .header-cta{display:flex!important;margin-top:12px}header .menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:43px;height:43px;border:1px solid var(--line);border-radius:50%;background:white;padding:10px}header .menu-toggle span{height:2px;width:20px;background:var(--navy)}header .menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}header .menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}header .menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.header-actions{margin-left:auto;margin-right:5px;gap:7px}header nav>a[aria-current]:after{right:auto;width:30px}.account-layout{gap:35px}}
@media(max-width:700px){.account-layout,.customer-grid{grid-template-columns:1fr;gap:25px}.account-intro{padding:0}.account-intro h2{font-size:2rem}.account-intro ul{margin-block:15px}.customer-heading{align-items:start;flex-direction:column}.customer-heading h2{font-size:1.8rem}.account-card{padding:26px 22px}.account-layout .account-intro>.small{margin-bottom:0}}
@media(max-width:640px){.header-actions{gap:2px;margin-right:0}.header-actions a{width:34px;height:38px}.header-actions svg{width:21px;height:21px}.header-inner{gap:9px}.header-inner .logo-window{width:158px}.header-inner .menu-toggle{width:38px;height:38px;flex-shrink:0}.hero-slider-controls{left:22px;bottom:25px}.hero-slider-controls button{height:38px;width:30px}.carton-stage{height:405px}.product-thumbnails{grid-template-columns:repeat(3,minmax(0,1fr))}.recovery-code{font-size:1rem}.z-hero-label{display:none}}
@media(max-width:360px){.header-inner .logo-window{width:124px;height:75px}.header-inner .logo-window img{width:185px;height:185px;left:-31px;top:-50px}.header-inner{gap:5px}.header-actions{gap:0}.header-inner .menu-toggle{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){.z-hero-image{transition:none}}
.image-zoom-toolbar{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;gap:12px;background:white;padding-bottom:12px}.image-zoom-toolbar .button{float:none!important;margin:0!important;font-size:.8rem}.image-zoom-toolbar+#image-dialog{clear:both}#image-dialog.zoom-expanded{width:min(94vw,900px)}#image-dialog.zoom-expanded>img{max-height:none;min-width:600px;width:100%;height:auto}
@media(max-width:700px){.account-layout .account-intro{order:2}.account-layout .account-card{order:1}}
