:root{--bg:#f2efe6;--ink:#20251b;--muted:#62685b;--surface:#e8e2d6;--line:#d1cabb;--accent:#9b4f39;--header-opacity:.65;--header-blur:20px;--header-h:64px;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button{background:none}input,select,textarea{width:100%;min-height:44px;border:1px solid #8d9681;border-radius:5px;padding:10px 12px;background:rgba(255,255,255,.2);font-size:16px}textarea{min-height:88px;resize:vertical}input[type=checkbox],input[type=radio]{width:18px;min-height:18px;accent-color:#33452c;flex-shrink:0}input[type=color]{padding:5px}input[type=file]{font-size:14px;padding:8px}label{display:block;font-size:14px;font-weight:600}label>input,label>textarea,label>select{margin-top:8px}label.check{display:flex;align-items:center;gap:10px;font-weight:400;margin:14px 0}label.check input{margin:0}small,.small{font-size:14px;line-height:1.5}.muted{color:var(--muted)}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-1px}h1{font-size:clamp(32px,4vw,54px);line-height:1.1}h2{font-size:clamp(25px,3vw,36px);line-height:1.15}h3{font-size:16px}p{color:var(--muted);line-height:1.6}em{color:var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #3679b9;outline-offset:3px}a.link,button.link{text-decoration:underline;text-underline-offset:4px;font-size:14px;border:0;min-height:44px;display:inline-flex;align-items:center;gap:7px}.btn{min-height:48px;padding:12px 20px;border:1px solid var(--ink);border-radius:5px;background:var(--ink);color:var(--bg);font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:16px;line-height:1.3;text-align:center}.btn:active:not(:disabled),.icon-btn:active:not(:disabled),.wish-btn:active:not(:disabled),.size-button:active:not(:disabled),.color-button:active:not(:disabled),.round-link:active:not(:disabled),.filter-chip:active:not(:disabled){transform:scale(.97);transition:transform 40ms ease}.btn.outline{background:transparent;color:var(--ink);border-color:#7d8871}.btn.full{width:100%}.btn.small{min-height:44px;padding:10px 14px}.btn svg{width:18px;height:18px}.btn.link{background:none;border:none;color:var(--ink);padding:0}.icon-btn{height:44px;width:44px;border:0;display:inline-grid;place-items:center;color:inherit;border-radius:5px}.icon-btn:hover{background:#7b7f6814}.skip-link{position:fixed;left:12px;top:-90px;background:var(--ink);color:var(--bg);z-index:1000;padding:14px}.skip-link:focus{top:10px}.store-header{height:var(--header-h);position:sticky;top:0;z-index:60;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 16px;background:rgba(250,248,241,var(--header-opacity));backdrop-filter:blur(var(--header-blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--header-blur)) saturate(140%);border-bottom:1px solid #ffffffad;box-shadow:0 1px 0 #ccc5b533}.wordmark{font-size:28px;letter-spacing:3px;font-weight:900;line-height:1;display:inline-flex;align-items:center}.wordmark img,.brand-logo{object-fit:contain;display:block}.store-header .wordmark .brand-logo{height:30px;width:auto;max-height:32px}.store-footer .wordmark .brand-logo{height:28px;width:auto;max-height:32px}.initial-loading .brand-logo,.error-page .brand-logo{height:36px;max-height:38px;width:auto}.header-tools{justify-self:end;display:flex;align-items:center}.cart-link{position:relative}.cart-count{position:absolute;top:3px;right:1px;font-size:10px;width:16px;height:16px;background:var(--ink);color:var(--bg);border-radius:50%;display:grid;place-items:center}.desktop-nav,.desktop-wish,.cart-label{display:none}.header-menu{justify-self:start}.eyebrow{font-size:14px;font-weight:700;letter-spacing:1.15px;color:var(--accent)}.page{max-width:1320px;margin:0 auto;padding:24px 20px 48px}.page-heading{margin:10px 0 12px}.page-intro{margin-bottom:24px}.crumb{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--muted);margin-bottom:19px;flex-wrap:wrap}.crumb svg{width:13px;height:13px}.hero{border-bottom:1px solid var(--line)}.hero-photo{height:clamp(300px,43svh,400px);position:relative;overflow:hidden;margin-top:12px}.hero-mark{position:absolute;left:50%;top:28%;transform:translateX(-50%);font-size:min(65vw,340px);font-weight:900;line-height:1;letter-spacing:-.12em;color:#dcd6c8;padding-right:.12em;white-space:nowrap}.slides-track{height:100%;display:flex;transform:translateX(calc(var(--slide,0) * -100%));transition:transform var(--transition,600ms) cubic-bezier(.65,0,.25,1);touch-action:pan-y}.slides-track figure{margin:0;flex:0 0 100%;min-width:0;height:100%;position:relative}.slides-track picture{display:block;height:100%}.slides-track img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply}.carousel-view{height:100%;overflow:hidden;border-radius:inherit}.dots{display:flex;justify-content:center;align-items:center;gap:6px;min-height:24px;margin-top:3px}.dots i{width:5px;height:5px;background:#b6af9e;border-radius:50%}.dots i.active{width:21px;border-radius:3px;background:var(--accent)}.carousel:focus-visible{outline:3px solid #3679b9;outline-offset:3px}.hero-copy{padding:24px 20px 36px}.collection-label{font-size:14px;color:var(--muted);letter-spacing:1px;margin-bottom:9px}.hero-copy h1{font-size:clamp(40px,11.5vw,52px);line-height:1.03;margin:18px 0}.hero-copy h1 em{display:block}.hero-copy p{font-size:16px;max-width:470px;margin-bottom:24px}.section{padding:32px 20px;max-width:1440px;margin:0 auto}.section-title{margin:9px 0 17px}.section-intro{margin-bottom:23px}.look-stage{position:relative;height:390px;background:#e1dbcf;border:1px solid #c5bdad77;border-radius:8px}.look-stage .hero-mark{font-size:210px;top:31%;color:#c8bfac;opacity:.6;z-index:0}.look-tag{position:absolute;top:15px;left:15px;font-size:14px;color:#5d6653;z-index:2}.look-footer{display:flex;justify-content:space-between;align-items:center;margin:17px 0 1px;gap:10px}.look-footer h3{font-family:Georgia,serif;font-size:27px;font-weight:400;line-height:1.2;letter-spacing:-.7px}.round-link{height:44px;width:44px;flex-shrink:0;display:grid;place-items:center;border:1px solid #859078;border-radius:50%}.look-caption{font-size:14px;color:var(--muted)}.look-hint{border-top:1px solid var(--line);margin-top:18px;padding-top:17px;display:flex;justify-content:space-between;font-size:14px;color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.product-card{min-width:0}.product-image{background:#e3ddd1;border-radius:5px;overflow:hidden;position:relative;aspect-ratio:3/4}.product-image>a{display:block;height:100%}.product-image img{width:100%;height:100%;object-fit:cover;object-position:50% 0%;display:block}.wish-btn{position:absolute;right:3px;top:3px;height:40px;width:40px;border:0;background:#f6f3e9bb;display:grid;place-items:center;border-radius:4px}.wish-btn svg{width:18px;height:18px}.wish-btn[aria-pressed=true] svg{fill:#9b4f3930;stroke:var(--accent)}.product-name{font-size:14px;font-weight:600;margin-top:10px;line-height:1.4}.product-meta{font-size:14px;color:var(--muted);margin-top:4px}.product-price{font-size:14px;font-weight:600;margin-top:7px}.product-price del{color:var(--muted);font-size:14px;font-weight:400;margin-left:5px}.sale-badge{display:inline-block;font-size:14px;color:#3f6541;background:#e4ebdc;border-radius:4px;padding:2px 5px;margin-top:7px}.swatch-mini-row{display:flex;gap:5px;margin-top:8px}.swatch-mini{height:9px;width:9px;border-radius:50%;border:1px solid #7e8874;background:var(--c)}.wash-section{border-top:1px solid var(--line);margin-top:30px;padding-top:22px}.wash-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.wash-image{height:90px;border-radius:5px;overflow:hidden;background:var(--surface)}.wash-image img{width:100%;height:100%;object-fit:cover;object-position:50% 77%;transform:scale(1.4)}.wash-name{font-size:14px;font-weight:600;margin-top:8px;display:flex;justify-content:space-between;gap:4px}.wash-name svg{width:16px;height:16px}.rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:15px}.rail>.product-card{flex:0 0 74%;scroll-snap-align:start}.rail .product-name,.rail .product-price{font-size:16px}.section-action{display:flex;justify-content:center;margin-top:22px}.section-action .btn{width:100%}.launch-banner{position:relative;height:230px;background:var(--surface);border-radius:8px;overflow:hidden;margin-bottom:22px}.launch-banner img{height:100%;width:100%;object-fit:cover}.launch-banner .banner-caption{position:absolute;bottom:14px;left:14px;right:14px;padding:12px;background:#faf8efcc;backdrop-filter:blur(15px);border:1px solid #ffffffb0;border-radius:5px;font-size:14px;font-weight:600;display:flex;justify-content:space-between;align-items:center}/* Glass Note: compact stage. The uploaded image is always shown in full
   (natural aspect ratio, never cropped); oversized images are scaled down
   proportionally. The whole glass card is centred on both axes over the
   image, and the YB logo stays centred inside the card. */
.glass-section{padding:clamp(20px,2.8vw,36px) clamp(14px,2.4vw,40px) clamp(22px,3vw,44px);max-width:1200px;margin:0 auto}
.glass-photo{--glass-cap:clamp(340px,40vw,520px);--glass-ratio:1.6;position:relative;aspect-ratio:var(--glass-ratio);width:max(min(300px,100%),min(100%,calc(var(--glass-cap) * var(--glass-ratio))));min-height:clamp(300px,32vw,340px);margin:0 auto;border-radius:10px;background:var(--surface)}
.glass-background{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:50% 50%;border-radius:10px;filter:brightness(.85)}
.glass-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(340px,calc(100% - 16px));padding:clamp(18px,2.2vw,26px) clamp(16px,2vw,22px);text-align:center;background:rgba(249,247,240,var(--glass-opacity,.73));backdrop-filter:blur(var(--glass-blur,18px)) saturate(125%);border:1px solid #ffffffb8;border-radius:12px;color:#20271a}
.glass-card .glass-wordmark{display:block;margin:0 auto;height:clamp(40px,4.4vw,52px);width:auto;max-width:min(120px,64%);object-fit:contain}
.glass-card h2{font-size:clamp(18px,2vw,21px);line-height:1.22;margin:12px 0 9px}
.glass-card p{font-size:clamp(13px,1.35vw,15px);color:#394132;line-height:1.5}
.glass-tagline{text-align:center;font-size:13px;letter-spacing:1px;color:var(--muted);margin-top:14px}.store-footer{padding:24px 20px 18px;border-top:1px solid #d0c7b6;background:#e9e3d7}.footer-inner{max-width:1312px;margin:0 auto}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.footer-top .wordmark{font-size:26px}.footer-tagline{font-family:Georgia,serif;font-style:italic;font-size:16px;color:#68685b}.footer-links{display:flex;flex-wrap:wrap;gap:0 20px;justify-content:space-between;margin-top:15px}.footer-links a{font-size:14px;min-height:44px;display:flex;align-items:center}.copyright{border-top:1px solid #d0c7b6;padding-top:13px;margin-top:8px;font-size:14px;color:var(--muted)}.filter-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0 22px}.active-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px;font-size:14px}.filter-chip{padding:6px 10px;border:1px solid #919a84;border-radius:5px;background:#e6e1d5;display:flex;gap:8px;align-items:center}.search-field{display:flex;align-items:center;gap:9px;margin:17px 0}.search-field input{flex:1;min-width:0}.search-field button{flex-shrink:0}.product-layout{display:grid;gap:24px}.product-gallery{height:clamp(240px,32svh,300px);position:relative;overflow:hidden;background:#e3ddd1;border-radius:5px}.product-gallery img{height:100%;width:100%;object-fit:contain}.product-gallery:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.gallery-viewport{position:absolute;inset:0;overflow:hidden}.gallery-track{display:flex;height:100%;width:100%;transition:transform .38s cubic-bezier(.4,0,.2,1)}.gallery-slide{flex:0 0 100%;min-width:0;height:100%;display:flex;align-items:center;justify-content:center}.gallery-video{height:100%;width:100%;object-fit:contain;background:#1d211a}.gallery-broken{display:flex;align-items:center;justify-content:center;height:100%;width:100%;color:var(--muted);font-size:14px;text-align:center;padding:20px}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:1px solid #aaa993;background:#f7f3e9df;display:grid;place-items:center;z-index:2;padding:0}.gallery-nav svg{width:17px;height:17px}.gallery-prev{left:8px}.gallery-next{right:8px}.zoom-btn{position:absolute;bottom:10px;right:10px;background:#f7f3e9df;border:1px solid #aaa993;border-radius:4px;height:40px;width:40px;display:grid;place-items:center}.photo-thumbs{display:flex;gap:8px;margin-top:9px;overflow-x:auto}.photo-thumbs button{height:48px;width:44px;padding:0;border:1px solid #7d8870;border-radius:4px;overflow:hidden;background:var(--surface);flex-shrink:0;position:relative;cursor:pointer}.photo-thumbs button[aria-selected=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.photo-thumbs img{height:100%;width:100%;object-fit:contain}.gallery-thumb-play{position:absolute;inset:0;display:grid;place-items:center;font-size:15px;color:#3c4433;background:#e3ddd1}.gallery-thumb-broken{position:absolute;inset:0;display:grid;place-items:center;font-size:13px;color:#8a8f80;background:#e3ddd1}.product-detail .eyebrow{letter-spacing:1px}.product-detail h1{font-size:31px;line-height:1.15;letter-spacing:-.8px}.product-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0 7px}.detail-price{font-size:21px;font-weight:700}.detail-price del{font-size:16px;font-weight:400;color:var(--muted);margin-left:8px}.description{font-size:14px;line-height:1.5;margin:10px 0 16px}.option-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px;margin:15px 0 10px}.color-choices{display:flex;gap:7px}.color-button{width:36px;height:36px;border:1px solid transparent;border-radius:50%;position:relative;display:grid;place-items:center;padding:5px}.color-button:before{content:"";width:24px;height:24px;border-radius:50%;background:var(--c);border:1px solid #6b7860}.color-button[aria-pressed=true]{border-color:#414f35}.color-button[aria-pressed=true]:after{content:"✓";position:absolute;color:#fff;font-size:14px}.size-buttons{display:flex;gap:7px;flex-wrap:wrap}.size-button{height:44px;min-width:44px;flex:1;border:1px solid #88937c;border-radius:5px;font-size:14px;padding:8px}.size-button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.size-button:disabled{text-decoration:line-through}.quantity{height:40px;display:flex;align-items:center;justify-content:space-between;gap:7px;border:1px solid #8a957d;border-radius:5px;min-width:110px}.quantity button{height:38px;width:36px;border:0;font-size:19px}.quantity span{font-size:14px}.qty-row{margin:15px 0}.product-actions{position:fixed;bottom:0;left:0;right:0;z-index:50;padding:14px 20px calc(18px + env(safe-area-inset-bottom));background:#f8f5eddf;backdrop-filter:blur(18px);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:10px}.has-product-actions{padding-bottom:100px}.details-accordion{border-top:1px solid var(--line);margin-top:17px}.details-accordion summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:500;min-height:48px}.details-accordion summary::-webkit-details-marker{display:none}.details-accordion summary svg{width:16px;height:16px}.details-accordion[open] summary svg{transform:rotate(180deg)}.specs{display:grid;grid-template-columns:110px 1fr;gap:12px;font-size:14px;padding:14px 0 20px}.specs dt{color:var(--muted)}.specs dd{margin:0}.error{font-size:14px;color:#9b2828;line-height:1.5;min-height:0;margin:10px 0}.notice{padding:13px;border:1px solid #b3bea8;background:#e6ebdd77;border-radius:7px;font-size:14px;line-height:1.5;color:#4e5d43}.empty-state{max-width:640px;margin:24px auto;text-align:center;padding:52px 20px}.empty-state h1{margin-bottom:17px}.empty-state p{margin-bottom:24px}.cart-layout,.checkout-layout{display:grid;gap:23px}.cart-line{display:flex;gap:15px;padding:22px 0;border-bottom:1px solid var(--line)}.cart-line:first-child{padding-top:0}.cart-photo{width:99px;height:133px;background:var(--surface);border-radius:5px;object-fit:contain}.cart-copy{flex:1;min-width:0}.cart-copy h2{font:600 16px/1.4 Arial,sans-serif;letter-spacing:0;margin-bottom:7px}.cart-copy p{font-size:14px}.cart-copy strong{display:block;font-size:16px;margin-top:8px}.line-controls{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:14px}.summary-card{padding:18px;border:1px solid #cfc7b7;border-radius:8px;background:#eae4d966}.summary-card h2{font:600 17px/1.3 Arial,sans-serif;letter-spacing:0;margin-bottom:17px}.summary-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;margin:12px 0}.summary-row>span:last-child{text-align:right}.summary-row.total{border-top:1px solid var(--line);padding-top:15px;margin-top:16px;font-size:18px;font-weight:600}.coupon-form{display:flex;gap:9px;margin:22px 0}.coupon-form input{flex:1;min-width:0;font-size:14px}.checkout-form{display:grid;gap:16px}.form-grid{display:grid;gap:16px}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.checkout-form h2{font:600 17px/1.4 Arial,sans-serif;letter-spacing:0}.payment-choice{display:flex;gap:10px;align-items:center;padding:13px;border:1px solid #b9c1ad;border-radius:6px;background:#f8f5ec55}.payment-choice label{flex:1;font-weight:400}.payment-choice input{margin:0}.payment-choice b{display:block;font-size:14px}.order-thumb{display:flex;align-items:center;gap:13px;margin:16px 0}.order-thumb img{width:62px;height:80px;object-fit:contain;background:var(--surface);border-radius:4px}.order-thumb h3{font-size:14px}.order-thumb p{font-size:14px;margin-top:4px}.checkout-bottom{margin-top:20px}.receipt-page{max-width:510px;text-align:center}.receipt-icon{width:58px;height:58px;border:1px solid #b9c6ae;border-radius:50%;background:#e5ebdf;display:grid;place-items:center;color:#4f6b42;margin:0 auto 17px}.receipt-icon svg{height:29px;width:29px}.receipt-page>p{font-size:16px;margin:14px 0 18px}.receipt-page .summary-card{text-align:left;margin:22px 0 17px}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:5px;background:#ece1c9;color:#70592b;font-size:14px;line-height:1.5}.status-badge svg{width:17px;height:17px}.receipt-page .notice{text-align:left;margin-bottom:20px}.receipt-page .notice b{display:block;margin-bottom:6px}.table-wrap{overflow:auto;max-width:100%}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line)}th{font-weight:600}.policies p{margin:14px 0}.site-loading{padding:70px 20px;text-align:center}.initial-loading{padding:60px 20px;text-align:center}.error-page{max-width:650px;margin:80px auto;padding:25px}.form-note{font-size:14px;color:var(--muted);line-height:1.5;margin-top:12px}dialog{border:1px solid #c6bfaf;border-radius:12px;padding:0;max-width:min(540px,calc(100vw - 28px));width:540px;background:var(--bg);color:var(--ink);max-height:calc(100dvh - 36px);overflow:auto}dialog::backdrop{background:#11170e70;backdrop-filter:blur(5px)}.modal-head{position:sticky;top:0;z-index:2;background:var(--bg);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line)}.modal-head h2{font-size:24px}.modal-body{padding:20px}.modal-body form{display:grid;gap:15px}.modal-body .zoom-image{max-height:70dvh;width:100%;object-fit:contain}.modal-open{overflow:hidden}.menu-links{display:grid}.menu-links a{min-height:50px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.menu-links a:last-child{border:0}.filter-form{display:grid;gap:17px}.filter-actions{display:flex;gap:10px;margin-top:10px}.filter-actions>*{flex:1}.toast-link{font-weight:600}#toast{position:fixed;bottom:110px;left:50%;transform:translate(-50%,16px);max-width:calc(100vw - 32px);background:#222a20;color:#fff;padding:12px 18px;border-radius:7px;font-size:14px;z-index:200;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;box-shadow:0 3px 12px #0002}#toast.show{opacity:1;transform:translate(-50%,0)}.upload-preview{height:100px;width:100px;object-fit:contain;background:var(--surface);border-radius:6px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:15px}.narrow{max-width:760px}.top-gap{margin-top:20px}.bottom-gap{margin-bottom:20px}.flex{display:flex;gap:10px;align-items:center}.spread{justify-content:space-between}.stack{display:grid;gap:15px}.checklist{padding-left:22px;font-size:14px;line-height:1.8}.unit-buttons{display:flex;gap:10px;margin:18px 0}.unit-buttons button{flex:1}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){dialog.sheet{margin:auto 0 0;max-width:100%;width:100%;max-height:88dvh;border-bottom-left-radius:0;border-bottom-right-radius:0}.product-layout{gap:20px}.checkout-layout .summary-card{order:-1}.page.has-checkout-bar{padding-bottom:135px}.checkout-bottom{position:fixed;bottom:0;left:0;right:0;z-index:50;margin:0;padding:13px 20px calc(17px + env(safe-area-inset-bottom));background:#f8f5edee;backdrop-filter:blur(18px);border-top:1px solid var(--line)}.checkout-bottom .form-note{font-size:14px;text-align:center;margin-top:8px}.checkout-bottom .error:empty{display:none}}
@media(min-width:761px){:root{--header-h:84px}.store-header{padding:0 48px}.header-menu{display:none}.desktop-nav{display:flex;gap:26px;font-size:14px;font-weight:600}.desktop-wish{display:inline-grid}.cart-count{display:none}.cart-label{display:inline;font-size:14px;margin-left:3px}.cart-link{width:auto;gap:5px;padding:0 4px}.header-tools{gap:12px}.wordmark{font-size:32px}.store-header .wordmark .brand-logo{height:36px;max-height:38px}.store-footer .wordmark .brand-logo{height:32px;max-height:36px}.hero{display:grid;grid-template-columns:1fr 1fr;position:relative;max-width:1600px;margin:auto;min-height:700px;height:min(816px,calc(100svh - 84px));padding:64px;gap:56px}.hero-photo{grid-column:2;grid-row:1;height:100%;margin:0;min-width:0}.hero>.dots{position:absolute;right:7%;left:57%;bottom:45px}.hero-copy{grid-column:1;grid-row:1;padding:0;z-index:1}.hero-copy h1{font-size:clamp(55px,6vw,90px);letter-spacing:-3px;margin:23px 0}.hero-mark{font-size:clamp(280px,31vw,490px);top:24%}.collection-label{margin-bottom:17px}.section{padding:48px 48px}.look-section{max-width:1120px}.look-stage{height:520px}.look-stage .hero-mark{font-size:310px}.look-header{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:25px}.look-header .section-intro{max-width:330px;margin-bottom:0}.look-header .section-title{margin-bottom:0}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.product-name,.product-price{font-size:16px}.product-meta{margin-top:7px}.wash-grid{max-width:850px;gap:22px}.wash-image{height:190px}.rail{gap:22px}.rail>.product-card{flex-basis:calc((100% - 66px)/4)}.section-action .btn{min-width:240px;width:auto}.glass-tagline{margin-top:18px}.store-footer{padding:30px 48px 22px}.footer-links{justify-content:flex-start;gap:0 32px}.footer-top .wordmark{font-size:32px}.page{padding:30px 48px 60px}.product-layout{grid-template-columns:1.02fr 1fr;gap:64px;margin-top:27px}.product-gallery{height:617px}.product-detail h1{font-size:48px;margin:8px 0}.detail-price{font-size:25px}.description{font-size:16px;margin:16px 0 24px}.option-row{font-size:16px;margin:21px 0 15px}.size-button{flex:0 1 63px;height:48px}.qty-row{margin-top:25px}.product-actions{position:static;padding:0;margin-top:23px;border:0;background:none;backdrop-filter:none}.has-product-actions{padding-bottom:60px}.details-accordion{margin-top:28px}.details-accordion summary{font-size:16px;font-weight:600}.specs{font-size:16px;grid-template-columns:130px 1fr}.cart-layout{grid-template-columns:1.3fr .9fr;gap:55px}.summary-card{padding:24px}.summary-card h2{font-size:20px}.summary-row{font-size:16px;margin:18px 0}.checkout-layout{grid-template-columns:1.16fr .9fr;gap:56px;align-items:start}.checkout-form{padding:25px;border:1px solid var(--line);border-radius:8px;background:#f8f5ec22}.checkout-form .form-two{gap:16px}.filter-row{display:flex;max-width:420px}.filter-row>*{flex:1}.search-field{max-width:600px}.cart-line{gap:20px}.cart-photo{width:120px;height:155px}.receipt-page{max-width:610px}.receipt-page .summary-card{margin-top:25px}.receipt-page h1{font-size:40px}}
@media(min-width:761px) and (max-width:1000px){.store-header{padding:0 24px}.hero{padding:40px 28px;gap:24px}.hero-copy h1{font-size:60px}.section{padding:36px 28px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-layout{gap:30px}.product-gallery{height:540px}.page{padding-inline:28px}.cart-layout,.checkout-layout{gap:28px}.rail>.product-card{flex-basis:calc((100% - 44px)/3)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.slides-track{transition:none!important}}
@media(prefers-color-scheme:dark){body[data-theme=auto]{--bg:#1c1f19;--ink:#f2efe6;--muted:#b7bead;--surface:#2c3027;--line:#59604e}body[data-theme=auto] .store-header{background:rgba(27,31,24,var(--header-opacity));border-color:#ffffff20}body[data-theme=auto] .store-footer{background:#22271d}body[data-theme=auto] .product-image,body[data-theme=auto] .product-gallery{background:#e3ddd1}body[data-theme=auto] .product-actions,body[data-theme=auto] .checkout-bottom{background:#22271ef0}body[data-theme=auto] .wish-btn{color:#23291d}}
/* Interactive carousel controls are always keyboard and touch accessible. */
.carousel{position:relative}.carousel-controls{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);display:flex;align-items:center;background:#f6f2e5df;border:1px solid #9a9c8c;border-radius:7px;z-index:3;backdrop-filter:blur(10px);color:#252d21}.carousel-controls .icon-btn{width:44px;height:44px}.carousel-status{font-size:14px;min-width:42px;text-align:center}.slides-track.fade-mode{display:block;transform:none}.slides-track.fade-mode figure{position:absolute;inset:0;opacity:0;transition:opacity var(--transition,600ms)}.slides-track.fade-mode figure.active{opacity:1}.copyright a{margin-left:12px}.wish-btn,.color-button,.zoom-btn{min-width:44px;min-height:44px}.product-gallery .zoom-btn{width:44px;height:44px}.cart-count{font-size:11px}.filter-chip{min-height:44px}.quantity{height:44px}.quantity button{height:42px;min-width:44px}.photo-thumbs button{min-width:44px}.product-detail .description{min-height:21px}.slides-track img{user-select:none;-webkit-user-drag:none}
@media(min-width:761px){.hero-copy{align-self:center}.hero-photo{min-height:480px}.hero-photo .carousel-controls{bottom:12px}.look-stage .carousel-controls{bottom:12px}.look-stage img{padding-bottom:42px}}
.hero-photo{height:410px}.hero-photo .carousel-view{height:calc(100% - 44px)}.hero-photo .carousel-controls{bottom:0;background:transparent;border-color:transparent;backdrop-filter:none}.look-stage .carousel-view{height:calc(100% - 54px)}.look-stage .carousel-controls{bottom:5px;background:#f2efe6cc}.look-stage img{padding-bottom:0}.hero-mark{top:24%}.hero-photo .slides-track img{position:relative;z-index:1}.look-stage .slides-track img{position:relative;z-index:1}.hero-copy .collection-label{margin-bottom:5px}.hero-copy h1{margin-top:16px}.hero-copy{padding-top:15px}.hero-copy .btn{min-width:228px}.hero-copy{padding-bottom:44px}
@media(min-width:761px){.hero-photo{height:100%}.hero-photo .carousel-controls{bottom:0}.hero-copy{padding:0}.hero-copy .btn{max-width:260px}.hero-mark{top:24%}}
/* Contrast-checked control boundaries on the approved cream surface. */
body:not(.admin) input,body:not(.admin) select,body:not(.admin) textarea{border-color:#78826d}body:not(.admin) .size-button,body:not(.admin) .quantity,body:not(.admin) .round-link{border-color:#78826d}
[hidden]{display:none!important}
/* v1.1: footer social controls; carousel arrows/playback retained without counters. */
.footer-socials{display:flex;flex-wrap:wrap;gap:12px 20px;margin:16px 0 8px}.social-link{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:6px 0;font-size:14px;font-weight:600;overflow-wrap:anywhere;max-width:100%}.social-link svg{width:22px;height:22px;flex-shrink:0}.social-link:hover{color:var(--accent)}.social-link span{overflow-wrap:anywhere}.carousel-controls{gap:2px}.contact-stack{gap:16px;margin-top:20px}.contact-btn{justify-content:flex-start;padding:12px 18px;font-size:15px;gap:12px;width:100%;max-width:440px}.contact-btn svg{width:20px;height:20px}.contact-social-section{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.contact-social-label{display:block;font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
/* User revision: no visible carousel numbers, arrows or pause controls. */
.hero-photo .carousel-view,.look-stage .carousel-view{height:100%}.hero-photo{height:374px}.look-stage .slides-track img{padding-bottom:0}
@media(min-width:761px){.hero-photo{height:100%}}
.skel-bar{background:#ded8cb;border-radius:4px;display:block}
.skel-pulse{animation:skelFade 1.6s ease-in-out infinite alternate}
@keyframes skelFade{0%{opacity:.65}100%{opacity:1}}
@media(prefers-reduced-motion:reduce){.skel-pulse{animation:none}}
.page-reveal{animation:pageReveal 180ms ease-out}
@keyframes pageReveal{from{opacity:.85}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.page-reveal{animation:none}}
html.admin-init .store-header,html.admin-init #main,html.admin-init .store-footer,body.admin .store-header,body.admin .store-footer{display:none!important}
html.admin-init body,body.admin:not(.page-reveal){background:#e7e9ee}

/* Storefront page shell: viewport-height flex column so the shared footer meets
   the viewport bottom on short pages (Contact, empty Wishlist, empty Bag,
   policy pages) while long pages keep scrolling normally. 100vh is the
   fallback for engines without dynamic viewport units. */
body:not(.admin){display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}
body:not(.admin) #root{display:flex;flex-direction:column;flex:1 0 auto}
body:not(.admin) #root>main{flex:1 0 auto}
body:not(.admin) .store-header,body:not(.admin) .store-footer{flex-shrink:0}
/* Footer branding, links and tagline wrap neatly on narrow screens. */
.footer-top{flex-wrap:wrap}
.footer-tagline{min-width:0;overflow-wrap:anywhere}
.footer-links a{min-width:0;max-width:100%;overflow-wrap:anywhere}
@media(max-width:760px){.footer-links{justify-content:flex-start;gap:4px 20px}}
/* Checkout coupon redemption in the Order Summary. */
.coupon-block{margin:22px 0}
.coupon-form{display:block;margin:0}
.coupon-label{display:block;font-size:13px;font-weight:600;letter-spacing:.3px;margin-bottom:7px}
.coupon-row{display:flex;gap:9px}
.coupon-row input{flex:1;min-width:0;font-size:14px}
.coupon-row .btn{flex:0 0 auto;white-space:nowrap}
.coupon-applied{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;margin-bottom:12px;border:1px dashed #9b4f39;border-radius:7px;background:#eae4d966}
.coupon-tag{font-weight:700;letter-spacing:.6px}
.coupon-saving{font-weight:600;color:#3f6b3a}
.coupon-remove{margin-left:auto;font-size:13px}
.coupon-status{font-size:13px;line-height:1.5;color:#3f6b3a;margin:9px 0 0;min-height:0}
.coupon-error{font-size:13px;line-height:1.5;margin:9px 0 0}
.coupon-note{font-size:13px;line-height:1.5;color:var(--muted);margin:10px 0 0}
/* Progress feedback for slow Admin actions (loaded on every page so the
   bar can also appear while the storefront hands over to the Admin). */
.route-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:1200;pointer-events:none;opacity:0;background:linear-gradient(90deg,#9b4f39,#c98a5b,#9b4f39);background-size:200% 100%;transition:opacity .18s ease}
.route-progress.active{opacity:1;animation:routeProgressSlide 1.1s linear infinite}
@keyframes routeProgressSlide{0%{background-position:0 0}100%{background-position:200% 0}}
@media(prefers-reduced-motion:reduce){.route-progress.active{animation:none}}

/* --- Product availability: Stock Out (storefront) --------------------------- */
.stockout-badge{display:inline-block;margin:6px 0 2px;padding:4px 10px;border:1px solid #d8b3a8;border-radius:999px;background:#f6e9e5;color:#8a3b2f;font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;white-space:nowrap}
.product-card.is-stock-out .product-image img{filter:grayscale(.4);opacity:.82}
.product-card.is-stock-out .product-name{opacity:.72}
.stockout-notice{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 16px;padding:11px 13px;border:1px solid #d8b3a8;border-radius:8px;background:#f6e9e5;color:#7c3a2d;font-size:14px;line-height:1.5}
.stockout-notice .stockout-badge{margin:0}
.size-button.is-out{opacity:.5;text-decoration:line-through}

@media (prefers-reduced-motion: reduce){.gallery-track{transition:none}}
