@font-face{font-family:"STRAIOS Shop Sans";src:url(https://cdn.prod.website-files.com/6a9b52452cb20004b315eb4c/6ad3af011dafa0a6b3b59bef_straios-home-archivo-400-latin.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF}
@font-face{font-family:"STRAIOS Shop Sans";src:url(https://cdn.prod.website-files.com/6a9b52452cb20004b315eb4c/6ad3bf418c95629c9717e6d6_straios-home-archivo-400-latin1.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20A0-20CF,U+2190-21FF,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:"STRAIOS Shop Sans";src:url(https://cdn.prod.website-files.com/6a9b52452cb20004b315eb4c/6ad3af24486ae171948cd80e_straios-home-archivo-600-latin.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF}
@font-face{font-family:"STRAIOS Shop Sans";src:url(https://cdn.prod.website-files.com/6a9b52452cb20004b315eb4c/6ad3bf448c95629c9717e876_straios-home-archivo-600-latin1.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20A0-20CF,U+2190-21FF,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:"STRAIOS Shop Serif";src:url(https://cdn.prod.website-files.com/6a9b52452cb20004b315eb4c/6ad3af2ae562f4b1ea03dbf3_straios-home-libre-caslon-text-400-latin.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF}
@font-face{font-family:"STRAIOS Shop Serif";src:url(https://cdn.prod.website-files.com/6a9b52452cb20004b315eb4c/6ad3bf47f86b773ace13b288_straios-home-libre-caslon-text-400-latin1.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20A0-20CF,U+2190-21FF,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:"STRAIOS Shop Mono";src:url(https://cdn.prod.website-files.com/6a9b52452cb20004b315eb4c/6ad3af30fe08c4eda749c6f5_straios-home-fragment-mono-400-latin.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF}
@font-face{font-family:"STRAIOS Shop Mono";src:url(https://cdn.prod.website-files.com/6a9b52452cb20004b315eb4c/6ad3bf4b4502dbcde5773790_straios-home-fragment-mono-400-latin1.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20A0-20CF,U+2190-21FF,U+2212,U+FEFF,U+FFFD}
.styling-invitation{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 32px;background:#ece7dc;margin-bottom:32px;border-left:3px solid var(--blue)}.styling-invitation h2{font:28px/1.2 var(--serif);margin:0 0 10px;letter-spacing:-.04em}.styling-invitation p:not(.eyebrow){font-size:13px;line-height:1.65;max-width:560px;margin:0;color:var(--muted)}.styling-invitation .btn{flex:none}.purchase-assurance{list-style:none;padding:20px 0;margin:18px 0;display:grid;gap:15px;border-block:1px solid var(--line)}.purchase-assurance li{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;font-size:12px;line-height:1.6}.purchase-assurance strong{font-weight:600}.purchase-assurance span{color:var(--muted)}.style-guidance{padding:14px 16px;background:#eeebe3;font-size:12px;line-height:1.7;margin:12px 0 8px}.style-guidance>span{display:block;font:9px/1.6 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin-bottom:5px}.ai-intro>.text-link{margin:0 0 20px}
@media(max-width:700px){.styling-invitation{display:block;padding:22px 20px;margin-bottom:22px}.styling-invitation h2{font-size:25px}.styling-invitation .btn{margin-top:18px;width:100%}.purchase-assurance li{grid-template-columns:95px minmax(0,1fr)}}
:root{--ink:#141419;--cream:#f6f2e9;--paper:#fffdf9;--blue:#3050c8;--muted:#676560;--line:#d8d3c9;--soft:#ebe6db;--serif:"STRAIOS Shop Serif",Georgia,serif;--sans:"STRAIOS Shop Sans",Arial,sans-serif;--mono:"STRAIOS Shop Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.55 var(--sans)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}a{color:inherit;text-decoration:none}a:hover{text-underline-offset:5px}img,video{display:block;max-width:100%}figure{margin:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400}h1,h2{font-family:var(--serif);line-height:1.13;letter-spacing:-.045em}h1{font-size:clamp(36px,4.7vw,68px)}h2{font-size:clamp(28px,3vw,43px)}h3{font-size:20px}p{line-height:1.65}small,.small{font-size:12px}hr{border:0;border-top:1px solid var(--line)}:focus-visible{outline:2px solid var(--blue);outline-offset:5px}::selection{color:white;background:var(--blue)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:16px;z-index:200;padding:12px;background:white}.skip-link:focus{top:10px}.review-banner{background:#e8e4db;color:#575550;padding:7px 4%;display:flex;justify-content:space-between;gap:16px;font-size:10px;letter-spacing:.04em}.review-banner>span:first-child{font:10px var(--mono);letter-spacing:.11em}.store-header{height:86px;background:var(--ink);color:var(--cream);display:flex;align-items:center;justify-content:space-between;padding:0 4%;gap:32px}.store-brand{display:flex;align-items:center;flex-shrink:0}.store-brand img{width:150px;height:62px;object-fit:contain}.store-nav{display:flex;gap:32px;align-items:center;font-size:13px}.store-nav a{padding:12px 0;white-space:nowrap}.store-nav a[aria-current=page]{border-bottom:1px solid var(--cream)}.store-nav a:hover{opacity:.7}.bag-link{border:1px solid #5b5b5d!important;padding:10px 17px!important;display:flex;align-items:center;gap:9px}.bag-link span{font:11px var(--mono)}.store-main{min-height:70vh}.page-width{width:min(1440px,92%);margin-inline:auto}.eyebrow{font:10px/1.65 var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--blue);margin-bottom:18px}.display-title{margin-bottom:22px}.body-copy{color:var(--muted);max-width:600px}.muted{color:var(--muted)}.text-link{border:0;background:none;padding:0;color:inherit;text-decoration:underline;text-underline-offset:5px;font-size:13px}.btn{display:inline-flex;min-height:49px;align-items:center;justify-content:center;gap:10px;border:1px solid var(--ink);padding:13px 22px;background:transparent;color:var(--ink);font-size:12px;font-weight:600;letter-spacing:.035em;text-align:center;transition:background .16s,color .16s}.btn-primary{background:var(--ink);color:var(--cream)}.btn-primary:hover{background:var(--blue);border-color:var(--blue)}.btn-secondary:hover{background:var(--soft)}.btn-small{min-height:38px;padding:8px 13px}.button-row,.action-row,.product-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.notice{background:#eeece4;padding:16px 20px;border-left:2px solid var(--blue);font-size:13px;color:#585651;line-height:1.65}.notice p:last-child{margin-bottom:0}.badge,.pill{font:10px var(--mono);display:inline-block;border:1px solid var(--line);padding:7px 10px;letter-spacing:.05em}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:25px}.section-head h2{margin:0}.section-head p{margin:0;font-size:13px}.store-footer{padding:40px 4%;margin-top:80px;background:var(--ink);color:var(--cream);display:flex;justify-content:space-between;gap:25px;font-size:12px}.store-footer p{margin:0;max-width:380px}.store-footer a{text-decoration:underline;text-underline-offset:4px}
/* Collection */
.shop-intro,.collection-intro,.shop-hero{padding:65px 0 38px;display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:end}.shop-intro h1,.shop-hero h1,.collection-intro h1{max-width:720px;margin-bottom:0}.shop-intro .body-copy,.shop-hero .body-copy{max-width:400px;justify-self:end;margin-bottom:0}.shop-toolbar,.collection-toolbar{display:flex;align-items:center;justify-content:space-between;border-block:1px solid var(--line);padding:15px 0;margin:18px 0 28px;gap:15px}.filter-tabs{display:flex;gap:8px;flex-wrap:wrap}.filter-tabs button{background:transparent;border:1px solid transparent;padding:8px 14px;font-size:12px}.filter-tabs button[aria-pressed=true]{border-color:var(--ink)}.shop-toolbar input{background:none;border:0;border-bottom:1px solid var(--line);padding:8px;width:200px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.product-card{min-width:0}.product-card-image{display:block;overflow:hidden;background:#ede8dc;position:relative;aspect-ratio:4/5}.product-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.product-card-image:hover img{transform:scale(1.035)}.product-card h2,.product-card h3{font:19px var(--serif);letter-spacing:-.025em;margin:18px 0 8px}.product-card .product-price{font-size:14px}.product-card-meta{display:flex;justify-content:space-between;gap:12px;align-items:start}.product-card p{margin:4px 0;color:var(--muted);font-size:12px}.product-card .swatches{margin:13px 0}.product-card .swatch{width:21px;height:21px}.image-caption{font:10px/1.6 var(--mono);color:var(--muted);margin-top:10px}.collection-note{margin:20px 0 65px;font:10px/1.7 var(--mono);color:var(--muted)}.service-strip{border-block:1px solid var(--line);padding:24px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:44px}.service-strip strong{display:block;font-size:13px;font-weight:600;margin-bottom:5px}.service-strip p{font-size:12px;color:var(--muted);margin:0}.ai-teaser,.editorial-teaser{background:var(--ink);color:var(--cream);margin-top:72px;padding:50px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.ai-teaser .eyebrow,.editorial-teaser .eyebrow{color:#adbaf3}.ai-teaser .body-copy{color:#c0beb9}.ai-teaser .btn{border-color:var(--cream);color:var(--cream)}.ai-teaser img,.ai-teaser video{width:100%;aspect-ratio:16/10;object-fit:cover}.ai-teaser p{max-width:430px}.ai-teaser h2{max-width:460px}
/* Product */
.breadcrumb{font-size:11px;color:var(--muted);padding:25px 0}.breadcrumb a{text-decoration:underline;text-underline-offset:3px}.product-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:7%;padding-bottom:45px}.product-gallery{min-width:0}.gallery-main{position:relative;background:var(--soft);overflow:hidden}.gallery-main img{width:100%;max-height:710px;aspect-ratio:4/5;object-fit:contain}.gallery-main button{padding:0;border:0;background:none;width:100%}.gallery-thumbs{display:flex;gap:9px;margin:12px 0}.gallery-thumbs button{width:76px;height:86px;padding:0;border:1px solid transparent;background:var(--soft);overflow:hidden}.gallery-thumbs button[aria-pressed=true]{border:2px solid var(--ink)}.gallery-thumbs img{width:100%;height:100%;object-fit:cover}.product-info{padding-top:32px}.product-info h1{font-size:clamp(31px,3.4vw,49px)}.product-price{font-size:20px}.product-info .product-price{margin:10px 0 30px}.product-info .body-copy{font-size:14px}.swatches{display:flex;gap:10px;margin:16px 0 23px;flex-wrap:wrap}.swatch{width:34px;height:34px;padding:0;border:1px solid #bdbab3;position:relative;display:inline-block;background:var(--swatch-color,var(--color,#d2ddec))}.swatch[aria-pressed=true],.swatch.selected,.swatch[aria-current=true]{outline:1px solid var(--ink);outline-offset:4px}.swatch[data-pattern=Stripe],.swatch.stripe{background:repeating-linear-gradient(90deg,#f8f8f6 0 3px,#94add0 3px 4px,#f8f8f6 4px 7px)}.swatch[data-pattern=Check],.swatch.check{background:repeating-linear-gradient(0deg,transparent 0 6px,#91a8c7 6px 7px),repeating-linear-gradient(90deg,#f7f7f2 0 6px,#91a8c7 6px 7px)}.size-button{width:100%;display:flex;justify-content:space-between;margin:23px 0 10px}.product-actions>.btn{flex:1}.product-accordion,.style-accordion{border-top:1px solid var(--line)}.product-accordion details,.style-accordion details{border-bottom:1px solid var(--line)}details summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;padding:19px 0;font-size:12px}details summary:after{content:'+';font-size:17px}details[open]>summary:after{content:'−'}details p{font-size:13px;color:var(--muted)}.product-accordion{margin-top:32px}.fit-prompt{background:var(--soft);padding:22px;display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:28px}.fit-prompt h3{font-size:17px;margin-bottom:5px}.fit-prompt p{font-size:12px;margin:0}
/* Customizer */
.builder-top{padding:22px 4%;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line)}.builder-top h1{font:22px var(--serif);margin:0;letter-spacing:-.035em}.step-tabs{display:flex;gap:28px}.tab-button{background:none;border:0;border-bottom:2px solid transparent;padding:12px 0;font:11px var(--mono);text-transform:uppercase;color:var(--muted)}.tab-button[aria-current=step],.tab-button[aria-selected=true],.tab-button.active{border-bottom-color:var(--ink);color:var(--ink)}.builder-layout{display:grid;grid-template-columns:1fr 1fr;align-items:start;min-height:70vh}.builder-preview{padding:28px 9%;position:sticky;top:0;background:#eee8dc;min-width:0}.builder-preview img{width:100%;height:min(63vh,650px);object-fit:contain;mix-blend-mode:multiply}.builder-preview .image-caption{text-align:center}.builder-content{padding:42px 8%;min-width:0}.builder-content h2{font-size:32px;margin-bottom:12px}.builder-content .body-copy{font-size:13px}.builder-bottom,.builder-actions,.builder-foot{position:sticky;bottom:0;background:var(--ink);color:var(--cream);display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 24px;margin-top:28px;z-index:3}.builder-bottom .btn,.builder-actions .btn,.builder-foot .btn{color:var(--cream);border-color:#777}.builder-bottom .btn-primary,.builder-actions .btn-primary,.builder-foot .btn-primary{background:var(--cream);color:var(--ink)}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}.choice-card,.choice{background:transparent;border:1px solid var(--line);padding:17px;text-align:left;color:var(--ink);font-size:13px;min-width:0}.choice-card:hover,.choice:hover{background:var(--soft)}.choice-card[aria-pressed=true],.choice-card.selected,.choice[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:var(--paper)}.choice-card img{width:100%;aspect-ratio:1.25;object-fit:cover;margin-bottom:12px}.choice-card strong,.choice-card span{display:block}.choice-card small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.style-accordion summary{align-items:center}.style-accordion summary span:last-of-type{color:var(--muted);font-size:11px;margin-left:auto;text-align:right}.style-accordion .choice-grid{margin-top:0}.field{display:flex;flex-direction:column;gap:7px;font-size:12px;margin:14px 0}.field input,.field select,.field textarea,input[type=number],input[type=text],input[type=email],select{background:var(--paper);border:1px solid var(--line);color:var(--ink);padding:12px;min-height:44px;border-radius:0;max-width:100%;min-width:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.selection-summary{border-top:1px solid var(--line);font-size:13px}.selection-summary>div,.selection-summary dl>div,.summary-row{padding:12px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}.selection-summary dt{color:var(--muted)}.selection-summary dd{margin:0;text-align:right}.selection-summary h3{font-family:var(--serif);margin-top:25px}.fit-summary{background:var(--soft);padding:20px;margin:20px 0}.fit-summary p{font-size:13px;margin:5px 0}
/* Bag and review */
.bag-page,.checkout-page{padding-top:55px}.bag-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr);gap:7%;margin-top:35px}.bag-items{border-top:1px solid var(--line)}.bag-item{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:25px;padding:25px 0;border-bottom:1px solid var(--line)}.bag-item>img,.bag-item>a img{width:120px;aspect-ratio:4/5;object-fit:cover}.bag-item h2,.bag-item h3{font:23px var(--serif);margin:0 0 7px}.bag-item p{margin:6px 0;font-size:12px;color:var(--muted)}.bag-item .btn{padding:5px 12px;min-height:34px}.bag-item-actions{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin-top:15px}.quantity-control{display:flex;align-items:center;border:1px solid var(--line)}.quantity-control button{background:none;border:0;padding:8px 12px}.quantity-control span{min-width:25px;text-align:center}.bag-summary{background:var(--soft);padding:30px;align-self:start;position:sticky;top:25px}.bag-summary h2{font-size:27px;margin-bottom:25px}.bag-summary dl{margin:0 0 20px}.bag-summary dl>div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px;gap:20px}.bag-summary dd{margin:0;text-align:right}.bag-summary .btn{width:100%}.bag-summary p{font-size:12px;color:var(--muted)}.empty-state{padding:90px 0;text-align:center;max-width:580px;margin:auto}.empty-state p{color:var(--muted)}.checkout-steps{display:flex;gap:15px;font:10px var(--mono);text-transform:uppercase}.checkout-review{max-width:780px;margin:auto}.checkout-review .notice{margin:25px 0}
/* AI preview */
.ai-page{padding-top:55px}.ai-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:6%;align-items:center;padding:55px 0}.ai-media{background:var(--ink);position:relative;min-width:0}.ai-media video,.ai-media img{width:100%;aspect-ratio:16/10;object-fit:cover}.ai-media figcaption{font:10px var(--mono);padding:12px;color:var(--cream)}.ai-controls .field{margin:25px 0}.media-tools{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:13px 16px;color:var(--cream);font-size:11px}.media-tools button{background:none;border:1px solid #777;color:var(--cream);padding:8px 13px;font-size:11px}.ai-controls h1{font-size:50px}.coming-label{font:10px var(--mono);color:var(--blue);border:1px solid var(--blue);display:inline-block;padding:7px 10px;margin-bottom:20px}
/* Dialogs */
dialog.drawer{position:fixed;margin:0 0 0 auto;height:100dvh;max-height:100dvh;top:0;right:0;left:auto;width:min(680px,100%);max-width:100%;border:0;padding:0;background:var(--cream);color:var(--ink);box-shadow:-20px 0 70px #0003;overflow:auto}dialog::backdrop{background:#14141999}.drawer-head{padding:25px 32px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.drawer-head h2{font-size:26px;margin:0}.drawer-head button{font-size:25px;background:none;border:0;color:var(--ink);padding:5px 10px}.drawer-content{padding:28px 32px}.drawer-foot{padding:22px 32px;border-top:1px solid var(--line)}.drawer .choice-grid{gap:8px}.dialog-zoom{max-width:92vw;max-height:94vh;padding:20px;border:0;background:var(--cream)}.dialog-zoom img{max-height:82vh;object-fit:contain}.dialog-zoom button{float:right}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:15px 25px;box-shadow:0 5px 30px #0003;z-index:20;max-width:90vw;font-size:13px}
@media(min-width:1600px){.product-card-image{aspect-ratio:4/4.8}.store-header{padding-inline:max(4%,calc((100vw - 1440px)/2))}}
@media(max-width:950px){.product-layout{gap:5%;grid-template-columns:1.1fr 1fr}.product-info{padding-top:5px}.product-info h1{font-size:35px}.builder-content{padding:30px 6%}.builder-preview{padding:25px 5%}.bag-layout{gap:4%}.bag-item{grid-template-columns:85px minmax(0,1fr) auto;gap:15px}.bag-item>img,.bag-item>a img{width:85px}.ai-teaser{padding:35px;gap:30px}.store-nav{gap:22px}}
@media(max-width:700px){body{font-size:14px}.review-banner{font-size:9px;justify-content:center}.review-banner>span:first-child{display:none}.store-header{height:auto;min-height:76px;gap:10px;flex-wrap:wrap;padding-block:9px}.store-brand img{width:112px;height:45px}.store-nav{gap:16px;font-size:11px}.store-nav a{padding:8px 0}.bag-link{padding:7px 10px!important}.shop-intro,.collection-intro,.shop-hero{display:block;padding:40px 0 23px}.shop-intro h1,.shop-hero h1{font-size:43px;max-width:420px;margin-bottom:20px}.shop-intro .body-copy,.shop-hero .body-copy{max-width:470px}.eyebrow{font-size:9px}.shop-toolbar{margin:10px 0 22px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 13px}.product-card h2,.product-card h3{font-size:17px;margin-top:12px}.product-card-meta{display:block}.service-strip{grid-template-columns:1fr;gap:17px;margin-top:30px}.service-strip>div+div{border-top:1px solid var(--line);padding-top:17px}.ai-teaser,.editorial-teaser{grid-template-columns:1fr;margin-top:45px;padding:28px;gap:24px}.store-footer{margin-top:50px;flex-direction:column;gap:20px}.product-layout{grid-template-columns:1fr;gap:30px}.gallery-main img{max-height:540px}.product-info h1{font-size:37px}.product-info .product-price{margin:10px 0 20px}.product-gallery .image-caption{font-size:9px}.gallery-thumbs button{width:59px;height:65px}.product-actions .btn{min-width:140px}.fit-prompt{align-items:start;flex-direction:column;gap:15px}.builder-top{flex-direction:column;align-items:start;gap:8px;padding-top:20px}.step-tabs{width:100%;justify-content:space-between;gap:12px}.builder-layout{grid-template-columns:1fr}.builder-preview{position:relative;padding:15px 15%;}.builder-preview img{height:280px}.builder-content{padding:28px 5%}.builder-bottom,.builder-actions,.builder-foot{padding:14px;flex-wrap:wrap}.bag-page,.checkout-page,.ai-page{padding-top:35px}.bag-layout{grid-template-columns:1fr;gap:30px}.bag-item{grid-template-columns:85px minmax(0,1fr);position:relative}.bag-item>div:last-child{grid-column:2}.bag-summary{position:static;padding:24px}.ai-layout{grid-template-columns:1fr;padding:30px 0;gap:30px}.ai-controls h1{font-size:40px}.drawer-head{padding:20px}.drawer-content{padding:22px 18px}.drawer-head h2{font-size:24px}.form-grid{gap:0 10px}.choice-card{padding:13px}.section-head{align-items:start;flex-direction:column;gap:15px}.selection-summary>div{gap:12px}.shop-toolbar input{width:135px}.filter-tabs{gap:3px}.filter-tabs button{padding:8px;font-size:11px}}
@media(max-width:380px){.store-header{justify-content:center}.store-brand{width:100%;justify-content:center}.store-nav{width:100%;justify-content:center}.store-nav a{padding-block:7px}.shop-intro h1{font-size:35px}.product-card h2,.product-card h3{font-size:15px}.btn{padding-inline:15px}.choice-grid{gap:8px}.shop-toolbar{flex-wrap:wrap}.drawer-head{padding:17px}.drawer-content{padding:20px 14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.product-card-image:hover img{transform:none}}
/* Integrated storefront components */
.store-header.page-width,.store-footer.page-width{width:100%;max-width:none}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;border-block:1px solid var(--line);padding:12px 0;margin:10px 0 28px;font-size:12px}.catalog-toolbar .text-link{text-decoration:none}.product-card-details{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:14px}.product-card-details .product-price{font:14px var(--sans);padding-top:19px;white-space:nowrap}.shop-story{background:var(--ink);color:var(--cream);margin-top:70px;padding:48px;display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:center}.shop-story .eyebrow{color:#aebcf6}.shop-story .btn{color:var(--cream);border-color:#8b8983}.shop-story .btn:hover{background:var(--blue)}.shop-story p{max-width:440px;color:#c7c5bf;font-size:14px}.shop-story .eyebrow{font-size:10px}.shop-story h2{margin-bottom:0}.media-caption,.fine-print{font-size:11px;color:var(--muted);line-height:1.65}.media-caption{font-family:var(--mono);font-size:9px;margin:12px 0 20px}.nav-soon{font:8px var(--mono);text-transform:uppercase;letter-spacing:.04em;color:#b1b5c8;margin-left:5px}.section-label{font:12px var(--sans);display:flex;justify-content:space-between;gap:20px;margin-bottom:15px;letter-spacing:0}.section-label span{color:var(--muted)}.size-selector{width:100%;justify-content:space-between;margin-top:15px}.product-details{border-block:1px solid var(--line);margin-bottom:-1px}.product-details+ .text-link{display:inline-block;margin-top:25px}.product-layout{padding-top:25px}.breadcrumb{display:inline-block}.gallery-main{width:100%;border:0;padding:0;text-align:left}.gallery-enlarge{position:absolute;top:15px;right:15px;background:#fff9;border:1px solid #7775;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:19px}.swatch-name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.swatch{width:44px;height:44px;background:transparent;border:1px solid var(--line);padding:6px}.swatch-dot{display:block;background:var(--swatch-color);width:100%;height:100%;border:1px solid #7772}.swatch--stripe .swatch-dot{background:repeating-linear-gradient(90deg,#fafafa 0 3px,#a3b8d8 3px 4px,#fafafa 4px 7px)}.swatch--check .swatch-dot{background:repeating-linear-gradient(0deg,transparent 0 6px,#91a8c7 6px 7px),repeating-linear-gradient(90deg,#f7f7f2 0 6px,#91a8c7 6px 7px)}.builder-top{padding-inline:0}.builder-shell>.step-tabs{padding:12px 0;justify-content:center;border-bottom:1px solid var(--line)}.tab-button span{font-size:9px;color:var(--muted);margin-right:6px}.builder-preview{margin-left:-4.35vw;padding:25px 12%;}.builder-preview>div{display:flex;gap:15px;justify-content:space-between;align-items:center}.builder-preview h2{font:21px var(--serif);margin:15px 0}.builder-preview .media-caption{font-size:9px}.builder-content{padding-right:0}.summary-section h3{display:flex;justify-content:space-between;align-items:center;font:21px var(--serif);margin-top:25px}.summary-section p{font-size:13px}.summary-total{display:flex;align-items:center;justify-content:space-between;padding-block:17px;border-block:1px solid var(--line);gap:15px}.bag-summary>.text-link{display:inline-block;margin-block:20px}.bag-summary>.fine-print:last-child{margin-bottom:0}.quantity-control{display:inline-flex;margin-top:16px;max-width:180px}.quantity-control button{width:44px;height:44px;padding:7px}.quantity-control input{width:60px;min-height:44px;border-block:0;padding:7px;text-align:center;background:transparent}.remove-link{display:block;margin-top:10px}.quantity-field{max-width:130px}.checkout-item{padding-block:25px;border-bottom:1px solid var(--line)}.checkout-item-top{display:flex;gap:25px;margin-bottom:20px}.checkout-item-top img{width:110px;aspect-ratio:4/5;object-fit:cover}.checkout-item-top h2{font-size:27px;margin:4px 0 12px}.checkout-item-top p{font-size:13px;margin:8px 0}.store-main:has(.bag-layout),.store-main:has(.ai-intro){padding-top:45px}.store-main:has(.checkout-layout){padding-top:10px}.ai-intro{max-width:880px}.ai-intro h1{font-size:clamp(38px,4.5vw,64px);margin-bottom:20px}.ai-intro .body-copy{max-width:670px}.ai-layout{padding-top:20px}.ai-media video,.ai-media img{aspect-ratio:16/9}.media-tools{background:var(--ink)}.media-tools [aria-pressed=true]{background:var(--cream);color:var(--ink)}.brand-definition{border-top:1px solid var(--line);padding-top:25px;margin-top:25px;font:10px/1.8 var(--mono);max-width:310px}.has-dialog{overflow:hidden}.drawer.gallery-dialog{width:min(1050px,96vw);height:96dvh;max-height:96dvh;inset:2dvh auto auto 50%;transform:translateX(-50%);margin:0}.gallery-dialog .drawer-content{padding:10px 25px}.gallery-dialog img{max-height:76dvh;width:100%;object-fit:contain}
@media(max-width:950px){.nav-soon{display:none}.builder-preview{padding-inline:7%}.product-card-details{display:block}.product-card-details .product-price{display:block;padding-top:5px}}
@media(max-width:700px){.shop-story{grid-template-columns:1fr;padding:28px;gap:22px;margin-top:45px}.catalog-toolbar{font-size:11px}.product-card-details{margin-bottom:10px}.store-main:has(.bag-layout),.store-main:has(.ai-intro){padding-top:30px}.builder-preview{margin-inline:-4.35vw;padding:18px 12%}.builder-preview img{mix-blend-mode:multiply;height:290px}.builder-content{padding:27px 0}.tab-button{font-size:10px}.tab-button span{margin-right:3px}.bag-item-price{grid-column:2}.checkout-item-top{gap:15px}.checkout-item-top img{width:90px}.checkout-item-top h2{font-size:23px}.drawer.gallery-dialog{width:100%;height:100dvh;max-height:100dvh;inset:0;transform:none}.shop-intro .body-copy{font-size:13px}.swatches{gap:12px}}
main:focus{outline:none}.product-card-image:focus-visible{outline-offset:4px}
.builder-preview{margin-left:-4vw}@media(max-width:700px){.builder-preview{margin-inline:-4vw}.builder-preview img{height:240px}}
.drawer .fit-close{display:none}.store-footer>a{white-space:nowrap}
@media(max-width:700px){.builder-shell:has([data-fit-mount]) .builder-preview{display:grid;grid-template-columns:65px 1fr;gap:18px;align-items:center;padding:12px 5%}.builder-shell:has([data-fit-mount]) .builder-preview img{height:82px;width:65px;object-fit:cover}.builder-shell:has([data-fit-mount]) .builder-preview h2{font-size:19px}.builder-shell:has([data-fit-mount]) .builder-preview .media-caption{display:none}}
/* Live shirt construction preview */
.live-design-preview{background:#eeebe3;padding:22px 6% 20px}.live-design-preview>.design-view-tabs{display:flex;justify-content:center;gap:4px;flex-wrap:wrap;margin-bottom:15px}.design-view-tabs button{background:transparent;border:1px solid transparent;min-height:40px;padding:8px 12px;font:10px var(--mono);color:var(--muted);white-space:nowrap}.design-view-tabs button[aria-pressed=true]{background:var(--paper);border-color:var(--line);color:var(--ink)}.design-view-tabs button:hover{border-color:#aaa}.live-design-preview>.design-canvas{display:block;width:100%;height:min(56vh,555px);min-height:290px;position:relative;overflow:hidden}.design-canvas>svg{display:block;width:100%;height:100%;max-width:100%;filter:none}.live-design-preview .design-canvas>img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:normal}.live-design-preview>.design-meta{display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid #d9d4ca;margin-top:15px;padding-top:9px}.design-meta h2{font:21px var(--serif);margin:8px 0}.design-meta .product-price{font-size:17px}.design-caption{font:9px/1.65 var(--mono);color:var(--muted);margin:8px 0 0}.style-accordion{scroll-margin-top:24px}.style-accordion [data-style-extras]:empty{display:none}.style-accordion .choice-card:disabled{background:#e4e0d7;box-shadow:none}.live-design-preview .design-view-tabs button:focus-visible{outline-offset:2px}
@media(max-width:950px) and (min-width:701px){.live-design-preview{padding-inline:5%}.design-view-tabs button{padding:8px;font-size:9px}.live-design-preview>.design-canvas{height:480px}.design-meta h2{font-size:19px}}
/* Give the actual garment room on phones, with choices still usable below it. */
.design-enlarge{position:absolute;right:8px;top:8px;z-index:1;display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:8px 11px;border:1px solid #c8c3b9;background:#fffdf9ed;color:var(--ink);font:10px var(--mono);box-shadow:0 2px 8px #1414190a}
.design-enlarge span{font:22px/1 var(--sans)}
.design-enlarge:hover{background:var(--paper);border-color:var(--ink)}
dialog.drawer.design-preview-dialog{width:min(1120px,96vw);height:94dvh;max-height:94dvh;inset:3dvh auto auto 50%;transform:translateX(-50%);margin:0;overflow:hidden}
.design-preview-dialog[open]{display:flex;flex-direction:column}
.design-preview-dialog .drawer-head{flex:none;padding:12px 20px;gap:12px}
.design-preview-dialog .drawer-head h2{font-size:23px;line-height:1.2}
.design-preview-dialog .dialog-close{flex:none;min-width:44px;min-height:44px}
.design-preview-dialog .drawer-content{display:flex;flex:1;min-height:0;padding:0;overflow:hidden}
.design-enlarged{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:100%;min-width:0;min-height:0;background:#eeebe3}
.design-zoom-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 16px;border-bottom:1px solid var(--line);font:10px/1.4 var(--mono)}
.design-zoom-toolbar>div{display:flex;gap:4px;flex:none}
.design-zoom-toolbar button{min-width:44px;min-height:44px;border:1px solid transparent;background:transparent;color:var(--muted);font:12px var(--mono)}
.design-zoom-toolbar button[aria-pressed=true]{background:var(--paper);border-color:var(--line);color:var(--ink)}
.design-enlarged-canvas{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y;scrollbar-gutter:stable}
.design-enlarged-canvas:focus-visible{outline-offset:-3px}
.design-enlarged-art{display:grid;place-items:center;width:100%;height:100%;padding:12px}
.design-enlarged-canvas[data-preview-zoom="2"]>.design-enlarged-art{width:200%;height:200%}
.design-enlarged-art>svg,.design-enlarged-art>img{display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:none;object-fit:contain}
.design-enlarged figcaption{padding:10px 20px;border-top:1px solid var(--line);background:var(--cream);color:var(--muted);font:10px/1.5 var(--mono)}
@media(max-width:700px){
  :root{--mobile-design-height:clamp(220px,28vh,280px);--mobile-design-height:clamp(220px,28svh,280px)}
  .live-design-preview{padding:10px 12px}
  .live-design-preview>.design-canvas{height:clamp(300px,108vw,460px);min-height:0}
  .live-design-preview .design-canvas>svg[data-design-view="front"],
  .live-design-preview .design-canvas>img{transform:scale(1.1);transform-origin:center}
  .live-design-preview>.design-view-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);width:100%;gap:4px;margin-bottom:6px}
  .live-design-preview .design-view-tabs button{min-width:0;min-height:44px;white-space:normal;padding:5px 4px;font-size:10px;line-height:1.25}
  .live-design-preview>.design-meta{margin-top:8px;padding-top:6px;gap:10px}
  .live-design-preview .design-meta h2{font-size:17px;line-height:1.2;margin:0}
  .live-design-preview .design-meta .product-price{font-size:14px;white-space:nowrap}
  .live-design-preview .design-caption{margin:3px 0 0;font-size:9px;line-height:1.4}
  .builder-shell:has(.style-options) .live-design-preview{position:sticky;top:0;z-index:5;box-shadow:0 5px 12px #1414190a}
  .builder-shell:has(.style-options) .design-canvas{height:var(--mobile-design-height)}
  html:has(.builder-shell .style-options){scroll-padding-top:calc(var(--mobile-design-height) + 120px);scroll-padding-bottom:76px}
  .builder-shell:has(.style-options) .style-accordion{scroll-margin-top:8px}
  .builder-shell:has(.style-options) .builder-actions{padding:8px;gap:8px;flex-wrap:nowrap}
  .builder-shell:has(.style-options) .builder-actions .btn{min-height:48px;padding:11px 12px;font-size:14px}
  .builder-shell:has([data-fit-mount]) .live-design-preview{display:block;padding:12px 5%}
  .builder-shell:has([data-fit-mount]) .design-view-tabs,
  .builder-shell:has([data-fit-mount]) .design-caption{display:none}
  .builder-shell:has([data-fit-mount]) .design-canvas{height:85px;float:left;width:70px;margin-right:16px}
  .builder-shell:has([data-fit-mount]) .design-meta{height:85px;margin:0;padding:0;border:0}
  .builder-shell:has([data-fit-mount]) .design-canvas>img{width:70px;height:85px;transform:none}
  .builder-shell:has([data-fit-mount]) .design-canvas>svg{transform:none}
  .builder-shell:has([data-fit-mount]) .design-meta h2{font-size:18px}
  .builder-shell:has([data-fit-mount]) .design-enlarge{display:none}
  dialog.drawer.design-preview-dialog{width:100%;height:100dvh;max-width:100%;max-height:100dvh;inset:0;transform:none}
  .design-preview-dialog .drawer-head{padding:8px 12px}
  .design-preview-dialog .drawer-head h2{font-size:19px}
  .design-zoom-toolbar{padding-inline:12px}
  .design-enlarged-art{padding:8px}
  .design-enlarged figcaption{padding:9px 12px;font-size:9px}
}
@media(max-width:360px){.live-design-preview .design-view-tabs button{font-size:9px;padding-inline:3px}}
/* A short landscape viewport needs space for the controls as well as the shirt. */
@media(max-width:700px) and (max-height:520px){
  :root{--mobile-design-height:clamp(160px,40svh,230px)}
  .builder-shell:has(.style-options) .design-caption{display:none}
}

/* Keep mobile journey controls above the garment and reachable on shorter phones. */
@media(max-width:700px){
  .builder-shell>.step-tabs{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;height:56px;min-height:56px;padding:0;background:var(--cream);border-bottom:1px solid var(--line)}
  .builder-shell>.step-tabs .tab-button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:55px;padding:8px 2px;font-size:10px}
  /* Fit headings and errors stay below the 56px mobile journey tabs. */
  html:has(.builder-shell[data-builder-phase="size"]){scroll-padding-top:64px}
  .builder-shell:has(.style-options) .live-design-preview{top:56px}
  .builder-actions{z-index:9;padding-bottom:max(8px,env(safe-area-inset-bottom))}
  html:has(.builder-shell .style-options){scroll-padding-top:calc(var(--mobile-design-height) + 176px)}
}
@media(max-width:700px) and (max-height:700px){
  .builder-shell:has(.style-options) .live-design-preview{position:relative;top:auto;z-index:auto}
  html:has(.builder-shell .style-options){scroll-padding-top:64px}
}
/* Each phase opens on its own controls. Fabric cards already show the shirts;
   the summary needs a compact reminder, with the full preview one tap away. */
.builder-content:focus{outline:none}
@media(max-width:700px){
  .builder-shell[data-builder-phase="fabric"] .builder-preview{display:none}
  .builder-shell[data-builder-phase="summary"] .builder-preview{padding:12px 5%;display:grid;grid-template-columns:70px 1fr;gap:16px;align-items:center}
  .builder-shell[data-builder-phase="summary"] .design-view-tabs,
  .builder-shell[data-builder-phase="summary"] .design-caption{display:none}
  .builder-shell[data-builder-phase="summary"] .design-canvas{height:85px;min-height:0}
  .builder-shell[data-builder-phase="summary"] .design-canvas>svg,
  .builder-shell[data-builder-phase="summary"] .design-canvas>img{transform:none}
  .builder-shell[data-builder-phase="summary"] .design-meta{margin:0;padding:0;border:0}
  .builder-shell[data-builder-phase="summary"] .design-enlarge{inset:0;padding:0;width:100%;height:100%;font-size:0;border:0;background:transparent;box-shadow:none}
  .builder-shell[data-builder-phase="summary"] .design-enlarge span{display:none}
}

/* Thumbnails keep their 4:5 shape instead of intrinsic-height or row stretching. */
.bag-item-image,.bag-item>img,.checkout-item-top>img{align-self:start}
.bag-item>img,.bag-item-image>img,.checkout-item-top>img{display:block;height:auto}
.checkout-item-top>img{flex-shrink:0}

/* Bag actions have separate rows so the stepper cannot crowd the edit label. */
.bag-item-content{min-width:0}
.bag-item-content>[data-action="edit-line"]{display:block;max-width:100%;text-align:left;white-space:normal;margin-top:14px}
.bag-item-content>.quantity-control{display:flex;width:max-content;max-width:100%;margin-top:16px}

/* Collection imagery and help links retain breathing room on tablets and phones. */
.store-footer{gap:24px;flex-wrap:wrap}
.store-footer .footer-links{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:4px 22px;max-width:620px}
.store-footer .footer-links a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:5px}
.store-footer .footer-links a:hover{text-decoration:underline}
@media(min-width:701px) and (max-width:1023px){
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}
  .product-card-details{display:flex}
  .product-card-details .product-price{padding-top:19px}
  .store-footer{display:grid;grid-template-columns:1fr 1fr;align-items:start}
  .store-footer .footer-links{grid-column:1/-1;justify-content:flex-start}
  .store-nav a{display:inline-flex;min-height:44px;align-items:center}
}
@media(max-width:700px){
  .store-footer{display:flex;align-items:flex-start;gap:18px}
  .store-footer .footer-links{justify-content:flex-start;gap:2px 22px}
  .store-nav a{display:inline-flex;min-height:44px;align-items:center}
  .field input,.field select,.field textarea,input[type=number],input[type=text],input[type=email],select{font-size:16px}
}

/* Give precise review actions comfortable targets, including keyboard navigation. */
.summary-section>h3{display:flex;align-items:center;justify-content:space-between;gap:16px}
.summary-section>h3>.text-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:8px 4px;flex-shrink:0}
.store-header :focus-visible,.store-footer :focus-visible,.builder-actions :focus-visible{outline-color:var(--cream)}
/* Purchase review: large touch targets and wrapping consent text at every width. */
.checkout-form { display: grid; gap: 16px; margin-top: 20px; }
.checkout-shipping-summary { border-bottom: 1px solid var(--line); padding-bottom: 4px; }
.checkout-shipping-summary p { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; font-size: 12px; }
.checkout-shipping-summary strong { text-align: right; }
.checkout-consent { display: grid; grid-template-columns: 22px minmax(0,1fr); gap: 12px; align-items: start; font-size: 14px; line-height: 1.6; cursor: pointer; }
.checkout-consent input { width: 20px; height: 20px; margin: 3px 0 0; accent-color: #141419; }
.checkout-consent span { min-width: 0; }
.checkout-error { margin: 0; font-size: 14px; line-height: 1.5; color: #8a2929; }
.checkout-error:empty { display: none; }
.checkout-form .btn { min-height: 52px; white-space: normal; }
.checkout-form[aria-busy="true"] .btn { cursor: progress; }
@media (max-width:950px) {
  .checkout-layout { grid-template-columns: minmax(0,1fr); gap: 28px; }
  .checkout-layout .bag-summary { position: static; }
}

/* Keep style exploration connected to the current fit draft. */
.fit-preview-return{display:flex;align-items:center;gap:24px;padding:18px 0 24px;margin-bottom:28px;border-bottom:1px solid var(--line)}
.fit-preview-return .btn{flex-shrink:0}
.fit-preview-return p{font-size:12px;line-height:1.6;color:var(--muted);max-width:440px;margin:0}
@media(max-width:700px){.fit-preview-return{align-items:flex-start;flex-direction:column;gap:12px;padding-top:0;margin-bottom:24px}.fit-preview-return .btn{width:100%}}

/* The shirt yields space as details approach, without moving the options in
   document flow. Only the phone Style phase opts into this managed preview. */
@media(max-width:700px){
  html[data-mobile-preview-managed] .builder-shell[data-builder-phase="style"] .builder-layout{display:block}
  html[data-mobile-preview-managed] .builder-shell[data-builder-phase="style"] .live-design-preview{position:sticky;top:56px;z-index:5;margin-bottom:var(--mobile-preview-collapse,0px);overflow-anchor:none}
  html[data-mobile-preview-managed] .builder-shell[data-builder-phase="style"] .design-canvas{height:calc(var(--mobile-design-height) - var(--mobile-preview-collapse,0px));min-height:0;transition:none}
  /* Reserve room beside Enlarge as the artwork contracts. Bound the offset by
     the widest detail view (4:3), so every view stays inside the canvas. */
  html[data-mobile-preview-managed] .builder-shell[data-builder-phase="style"] .design-canvas>svg,
  html[data-mobile-preview-managed] .builder-shell[data-builder-phase="style"] .design-canvas>img{translate:calc(-1 * min(64px,var(--mobile-preview-collapse,0px),max(0px,calc(50% - (var(--mobile-design-height) - var(--mobile-preview-collapse,0px)) * .67 - 4px)))) 0}
  html[data-mobile-preview-managed] .builder-shell[data-builder-phase="style"] .design-caption{min-height:4.2em}
  html[data-mobile-preview-managed] .builder-shell[data-builder-phase="style"] .design-view-tabs button{min-height:44px}
  html[data-mobile-preview-managed] .builder-shell[data-builder-phase="style"] .design-enlarge{min-height:44px;min-width:44px}
  html[data-mobile-preview-managed]:has(.builder-shell[data-builder-phase="style"]){scroll-padding-top:calc(var(--mobile-design-height) - var(--mobile-preview-collapse,0px) + 176px)}
  html[data-mobile-preview-short] .builder-shell[data-builder-phase="style"] .live-design-preview{position:relative;top:auto;z-index:auto;margin-bottom:0}
  html[data-mobile-preview-short] .builder-shell[data-builder-phase="style"] .design-canvas{height:var(--mobile-design-height)}
  html[data-mobile-preview-short]:has(.builder-shell[data-builder-phase="style"]){scroll-padding-top:64px}
}

.personal-tailor-entry{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr);align-items:center;gap:32px;padding:32px;margin:30px 0;background:var(--cream);border:1px solid var(--line)}
.personal-tailor-entry h2{font:clamp(28px,3vw,40px)/1.15 var(--serif);margin:8px 0 16px}
.personal-tailor-entry p{font-size:14px;line-height:1.65;max-width:64ch}
.personal-tailor-entry .fine-print{font-size:12px;color:var(--muted)}
.personal-tailor-entry form{min-width:0}.personal-tailor-entry .btn{width:100%;white-space:normal;text-align:center;gap:10px}
@media(max-width:700px){.personal-tailor-entry{grid-template-columns:1fr;padding:24px;gap:16px;margin-block:24px}.personal-tailor-entry h2{font-size:30px}}

/* Keep initials, placement and thread controls inside narrow phone screens. */
.monogram-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.monogram-fields .field{min-width:0}
.monogram-fields .field:first-child{grid-column:1/-1}
.monogram-fields input,.monogram-fields select{min-width:0;max-width:100%;width:100%}
.fit-values{margin:16px 0 22px;font-size:13px}
.fit-values>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:9px 0;border-bottom:1px solid var(--line)}
.fit-values dt{color:var(--muted)}
.fit-values dd{margin:0;text-align:right;overflow-wrap:anywhere;max-width:180px}
@media(max-width:400px){.monogram-fields{grid-template-columns:minmax(0,1fr)}.fit-values>div{gap:12px}.store-nav{gap:12px}.store-nav a{font-size:10px}}

/* Order edits and reversible bag removals keep touch targets clear. */
.checkout-edit-actions{display:flex;flex-wrap:wrap;column-gap:24px;row-gap:4px;margin-top:8px}
.checkout-edit-actions .text-link,.bag-item-content>[data-action="edit-line"],.bag-item-content>.remove-link,.builder-top>[data-action="cancel-checkout-edit"]{min-height:44px;padding:10px 0;width:max-content;max-width:100%;text-align:left}
.checkout-item-top>div{min-width:0}
.bag-undo{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;margin:0 0 28px;background:var(--soft);border-left:2px solid var(--ink)}
.bag-undo p{margin:0;font-size:14px;line-height:1.6}
.bag-undo .text-link{flex-shrink:0;min-height:44px;padding:10px 0}
@media(max-width:400px){.bag-undo{align-items:flex-start;flex-direction:column;gap:2px;padding:14px 16px}.checkout-edit-actions{column-gap:18px}}

/* Keep the final shirt action clear; bag management remains optional. */
.summary-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0 12px}
.summary-actions .btn{white-space:normal;text-align:center;min-height:48px}
@media(max-width:700px){.summary-actions{flex-direction:column;align-items:stretch}.summary-actions .btn{width:100%}}

/* Shopping45: product-first browsing, optional detail, direct order review. */
.shop-intro{padding:38px 0 22px;gap:24px}.shop-intro h1{font-size:clamp(36px,4.6vw,62px)}
.shopping-help{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:26px 0;margin-top:14px;border-bottom:1px solid var(--line)}
.shopping-help .text-link,.secondary-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;background:none;border:0;color:inherit;padding:8px 4px;font:inherit;cursor:pointer}
.collection-more{margin-top:28px}.collection-more>summary,.more-style-details>summary,.save-for-later>summary,.optional-photo>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:14px 0;cursor:pointer;border-block:1px solid var(--line);font-size:13px}
.collection-more>summary span,.more-style-details>summary span,.optional-photo>summary span{font-size:11px;color:var(--muted);text-align:right}.collection-more[open]>summary,.more-style-details[open]>summary{color:var(--blue)}
.more-style-details .style-accordion{padding-inline:12px}.builder-fabric{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 22px;font-size:13px}.builder-fabric .swatches{gap:6px;margin:0}.builder-fabric .swatch{width:44px;height:44px}
.builder-shell>.step-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.builder-shell>.step-tabs .tab-button{text-align:center}
.builder-actions .text-link{color:var(--cream);font-size:12px}.builder-actions .btn-primary{flex:1}.builder-content h2{margin-bottom:8px}
.review-overview{border-block:1px solid var(--line);padding:18px 0;margin:22px 0 16px}.review-overview h3{display:flex;justify-content:space-between;gap:16px;font:24px var(--serif);margin:0 0 12px}.review-overview h3 span{font:16px var(--sans)}.review-overview p{font-size:13px;margin:7px 0}.review-edit-links{display:flex;gap:20px;margin-top:14px}.review-edit-links a{min-height:44px;display:inline-flex;align-items:center}
.summary-actions{margin-top:14px}.summary-actions .btn-primary{flex:1}.summary-actions .secondary-action{font-size:12px}.save-for-later{margin-top:22px}.optional-photo{margin-top:28px}.optional-photo .personal-tailor-entry{margin-top:0}
.fit-method-picker>summary,.fit-optional>summary,.fit-profile-name>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:12px 0;font-size:13px;cursor:pointer;border-block:1px solid var(--line)}
.fit-method-picker>summary span{font-size:12px;color:var(--muted)}.fit-optional{margin-top:16px}.fit-profile-name{margin-block:16px}
@media(max-width:700px){.shop-intro{padding-top:26px}.shop-intro h1{margin-bottom:12px}.shop-intro .body-copy{line-height:1.6}.catalog-toolbar{margin-bottom:18px;padding-block:8px}.shopping-help{gap:10px;padding:18px 0}.builder-fabric{flex-wrap:wrap}.builder-shell>.step-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.builder-content{padding-top:20px}.more-style-details>summary span{max-width:150px}.builder-shell:has(.style-options) .builder-actions{margin-top:16px}.summary-actions{gap:4px}.summary-actions .secondary-action{width:100%}.review-overview h3{font-size:22px}.collection-more>summary{align-items:center}}

/* Focus47: one product link, optional controls, one clear next action. */
.shop-intro{padding-bottom:30px}.shop-intro .body-copy{font-size:13px;line-height:1.7}
.product-card-link{display:block;text-decoration:none;color:inherit}.product-card-link:focus-visible{outline:2px solid var(--blue);outline-offset:5px}
.product-card-link:hover .product-card-image img{transform:scale(1.035)}
.product-card-link .product-card-details{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:14px 0 3px}
.product-card-link h2{margin:0;font-size:20px}.product-card-link .product-price{padding:0;font-size:13px;flex-shrink:0}
.product-card-action{display:flex;justify-content:space-between;align-items:center;min-height:44px;font-size:12px;border-bottom:1px solid var(--line)}
.details-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.details-heading h2{margin:0}.details-heading>span{font-size:11px;color:var(--muted)}
details.builder-fabric{display:block;margin:0;border-top:1px solid var(--line)}
.builder-fabric>summary{min-height:54px;font-size:13px;gap:14px}.builder-fabric>summary span:last-of-type{margin-left:auto;color:var(--muted);font-size:11px;text-align:right}
.builder-fabric .swatches{padding-bottom:16px;gap:12px}.shirt-information{margin-top:8px}.shirt-information>summary{min-height:44px;font-size:12px;color:var(--muted)}.shirt-information p{font-size:12px;line-height:1.6;color:var(--muted)}
.preview-view-control{display:flex;align-items:center;justify-content:flex-end;gap:10px;font-size:11px;color:var(--muted);margin:0 0 8px}
.preview-view-control select{min-height:44px;padding:8px 28px 8px 10px;font-size:14px;max-width:220px;background:transparent}
.design-enlarge{width:44px;height:44px;min-width:44px;padding:0!important;display:flex;align-items:center;justify-content:center;font-size:21px!important}
.builder-shell:has(.style-options) .builder-actions{background:var(--paper);padding:12px 0;border-top:1px solid var(--line)}
.builder-shell:has(.style-options) .builder-actions .btn-primary{background:var(--ink);color:var(--cream);border-color:var(--ink);min-height:48px}
@media(max-width:700px){
  .shop-intro{padding-bottom:24px}.shop-intro .body-copy{margin:0;max-width:none;justify-self:start}.product-grid{row-gap:28px}
  .product-card-link .product-card-details{display:block;margin-top:12px}.product-card-link h2{font-size:18px;line-height:1.2;margin:0 0 5px}.product-card-link .product-price{display:block;font-size:12px}
  .product-card-action{font-size:11px}.details-heading h2{font-size:28px}
  .preview-view-control{margin-bottom:4px}.preview-view-control select{max-width:175px}
  .builder-top{flex-direction:row;align-items:center}.builder-top>span{font-size:11px;color:var(--muted)}
  html[data-mobile-preview-managed] .builder-shell[data-builder-phase="style"] .design-caption{min-height:2.1em}
  .builder-shell:has(.style-options) .builder-actions{padding:8px 0 max(8px,env(safe-area-inset-bottom));margin-top:8px}
}
@media(prefers-reduced-motion:reduce){.product-card-link:hover .product-card-image img{transform:none}}

/* Compact, configured shirt previews use the same composition as the builder. */
.order-design-preview{margin:0;min-width:0;width:120px;align-self:start}
.order-design-image{display:block;appearance:none;width:100%;padding:0;border:0;background:#f1eee8;color:inherit;cursor:pointer;aspect-ratio:1122/1402;overflow:hidden}
.order-design-image>span,.order-design-image svg,.order-design-image img{display:block;width:100%;height:auto}
.order-design-image:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.order-design-preview figcaption{margin-top:7px;color:var(--muted);font-size:11px;line-height:1.35;text-align:center}
.checkout-item-top>.order-design-preview{width:110px;flex:0 0 110px}
@media(max-width:950px){.bag-item>.order-design-preview{width:85px}}
@media(max-width:700px){.checkout-item-top>.order-design-preview{width:90px;flex-basis:90px}}

/* Optional same-visit fit shortcut; absent until another shirt has a fit. */
.fit-reuse{margin:0 0 20px;border-bottom:1px solid var(--line,#d9d5cc);padding:0 0 16px}
.fit-reuse>summary{cursor:pointer;font-size:14px;padding:10px 0;min-height:44px}
.fit-reuse>summary:focus-visible,.fit-reuse-choice:focus-visible{outline:2px solid #3050c8;outline-offset:4px}
.fit-reuse>.fine-print{margin:4px 0 12px}
.fit-reuse-options{display:grid;gap:8px}
.fit-reuse-choice{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:60px;padding:12px 14px;border:1px solid var(--line,#d9d5cc);background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer}
.fit-reuse-choice:hover{background:#eeeae1}
.fit-reuse-choice>span:first-child{min-width:0;overflow-wrap:anywhere}
.fit-reuse-choice strong{display:block;font-size:14px;font-weight:500}
.fit-reuse-choice small{display:block;font-size:12px;line-height:1.5;margin-top:4px;color:var(--muted,#666)}

/* Essentials personalization and non-persistent design copy. */
.monogram-initials{grid-column:1/-1;border:0;padding:0;margin:10px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.monogram-initials legend{font-size:13px;margin-bottom:12px}.monogram-initials .field{min-width:0;font-size:11px}.monogram-initials input{text-transform:uppercase;min-width:0;width:100%;font-size:20px}.essentials-copy{margin:22px 0;border-block:1px solid var(--line);padding-bottom:12px}.essentials-copy:not([open]){padding-bottom:0}.essentials-copy summary{cursor:pointer;font-size:12px;min-height:44px;padding:14px 0}.essentials-copy textarea{display:block;width:100%;max-width:100%;min-height:160px;padding:12px;border:1px solid var(--line);background:var(--paper,#faf8f3);color:var(--ink);font:12px/1.6 var(--sans,Arial,sans-serif);margin-bottom:12px;resize:vertical}.essentials-copy [data-copy-status]{font-size:12px}
.essentials-style-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:34px 0}.essentials-style-presets article{padding:30px;background:var(--cream);border:1px solid var(--line)}.essentials-style-presets h2{font:32px/1.2 var(--serif)}.essentials-style-presets p{font-size:14px;line-height:1.7;color:var(--muted);min-height:72px}.essentials-style-presets .btn{width:100%}@media(max-width:700px){.essentials-style-presets{grid-template-columns:1fr;gap:16px}.essentials-style-presets article{padding:24px}.essentials-style-presets p{min-height:0}}

/* The desktop action stays after the expanded choices, never over them. */
@media(min-width:701px){.builder-shell .builder-actions{position:static;bottom:auto;margin-top:24px}}
.journey-resume{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px 24px;margin-bottom:24px}.journey-resume p{margin:0}.journey-resume .essentials-copy{width:100%}

/* Clean59: one journey bar, quiet choices, and a single readable image caption. */
.builder-navigation{display:grid;grid-template-columns:minmax(160px,1fr) minmax(0,1fr);align-items:center;gap:24px;border-bottom:1px solid var(--line);background:var(--cream)}
.builder-navigation .builder-top{padding:0;border:0;display:block}
.builder-back{display:inline-flex;align-items:center;gap:8px;min-height:56px;padding:0;border:0;background:none;color:var(--muted);font:12px var(--sans);text-decoration:none}
.builder-back:hover{color:var(--ink)}
.builder-navigation .step-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0;height:56px}
.builder-navigation .tab-button{display:flex;align-items:center;justify-content:center;min-height:56px;padding:8px;font-size:12px;text-align:center}
.builder-navigation .tab-button span{font-size:10px}
.builder-shell .details-heading{margin-bottom:22px}
.builder-shell .details-heading h2{font-size:32px}
.builder-shell .style-accordion>summary,.builder-shell .builder-fabric>summary{min-height:64px;padding-block:18px;font-size:14px}
.builder-shell .style-accordion>summary span:last-of-type,.builder-shell .builder-fabric>summary span:last-of-type{font-size:12px;line-height:1.45}
.builder-shell .more-style-details>summary{min-height:64px;border-bottom:0;font-size:14px}
.builder-shell .more-style-details{border-bottom:1px solid var(--line)}
.builder-shell .more-style-details>summary span{margin-left:auto}
.builder-shell .choice-grid{gap:8px;margin-bottom:20px}
.builder-shell .choice-card{min-height:48px;padding:14px;line-height:1.4}
.builder-shell .choice-card[aria-pressed=true]{background:#eeeae1;box-shadow:none}
.tailor-help{margin:12px 0 0;font-size:12px;color:var(--muted)}
.tailor-help a{display:inline-flex;align-items:center;min-height:44px}
.live-design-preview .design-caption{font-family:var(--sans);font-size:11px;line-height:1.5}
.preview-view-control select{border-color:transparent;padding-right:24px;max-width:190px;color:var(--muted)}
.preview-view-control select:hover{border-color:var(--line);color:var(--ink)}
@media(max-width:700px){
  .builder-navigation{position:sticky;top:0;z-index:10;grid-template-columns:44px minmax(0,1fr);gap:4px;height:56px}
  .builder-back{width:44px;min-height:56px;justify-content:flex-start;font-size:21px}
  .builder-back-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .builder-navigation .tab-button{font-size:12px;padding:8px 0;gap:4px}
  .builder-navigation .tab-button span{margin:0}
  .builder-shell .details-heading{margin-bottom:16px}
  .builder-shell .details-heading h2{font-size:28px}
  .builder-shell .style-accordion>summary,.builder-shell .builder-fabric>summary,.builder-shell .more-style-details>summary{min-height:58px;padding-block:16px}
  html[data-mobile-preview-managed] .builder-shell[data-builder-phase="style"] .design-caption{min-height:1.5em;font-size:12px;line-height:1.5}
  .tailor-help{margin-top:8px}
}

/* Keep the single provenance caption readable even beside compact fit/review images. */
.builder-shell[data-builder-phase] .design-caption{display:block}
@media(max-width:700px){
  .builder-shell[data-builder-phase="size"] .design-caption{clear:both;margin-top:8px}
  .builder-shell[data-builder-phase="summary"] .design-caption{grid-column:1/-1;margin:0}
}

/* Country-of-manufacture detail; the web mark and garment artwork stay distinct. */
.store-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}
.store-brand .store-origin{display:block;margin:-9px 0 3px;text-align:center;color:#d9d6ce;font-family:var(--sans);font-size:10px;font-weight:400;line-height:1.3;letter-spacing:.055em;white-space:nowrap}
@media(max-width:700px){.store-brand .store-origin{margin:-5px 0 3px;font-size:9px;letter-spacing:.01em}}

/* Keep the selected detail legible without relying on a border/color alone. */
.builder-shell .choice-card{position:relative;padding-right:32px}
.builder-shell .choice-card[aria-pressed=true]::after{content:"";position:absolute;right:13px;top:50%;width:5px;height:9px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:translateY(-65%) rotate(45deg)}
@media(max-width:700px){.builder-shell .style-accordion>summary{scroll-margin-top:12px;scroll-margin-bottom:12px}}

/* Complete Core collection: real fabric photography and compact, accessible discovery. */
.core-toolbar{display:flex;gap:12px;align-items:center;border-block:1px solid var(--line);padding:14px 0;flex-wrap:wrap}
.core-toolbar label{min-width:0}.core-search{flex:1;min-width:190px!important}
.core-toolbar input,.core-toolbar select{background:transparent;border:1px solid var(--line);border-radius:0;padding:12px 14px;min-height:46px;font:14px var(--sans);color:var(--ink);width:100%}
.core-toolbar select{min-width:145px}.core-count{display:flex;justify-content:space-between;gap:12px;padding:18px 0 24px;color:var(--muted);font-size:12px}
.core-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px}.core-fabric-image{aspect-ratio:1;background:#eceae5}
.core-fabric-image img{width:100%;height:100%;object-fit:cover}.core-card .product-card-details{display:block;margin:13px 0 8px}
.core-card .product-card-details h2{font-size:20px;line-height:1.25}.core-card-meta{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted)}
.core-card-meta .product-price{color:var(--ink);font-size:13px}.core-stock{position:absolute;bottom:10px;left:10px;right:10px;background:#faf8f2ed;padding:7px 8px;font-size:10px;text-align:center}
.collection-empty{grid-column:1/-1;padding:55px 0;text-align:center}.collection-empty h2{font-size:30px}.collection-empty p{color:var(--muted)}
.fabric-picker{container:fabric-picker / inline-size;width:100%;padding-block:8px 12px}.fabric-picker-search{display:block;font-size:13px;margin-bottom:12px}.fabric-picker-search input{display:block;width:100%;background:transparent;border:1px solid var(--line);min-height:46px;padding:10px;margin-top:8px;font:16px var(--sans)}
.fabric-picker-results{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;max-height:350px;overflow-y:auto;overscroll-behavior-y:contain;padding:3px}
.fabric-tile{display:flex;gap:12px;align-items:center;min-width:0;min-height:82px;text-align:left;background:transparent;border:1px solid var(--line);padding:10px;color:var(--ink);font:14px/1.4 var(--sans)}
.fabric-tile[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.fabric-tile:focus-visible{outline-offset:-3px}.fabric-tile img{width:52px;height:60px;object-fit:cover;flex-shrink:0}.fabric-tile span{flex:1;min-width:0;overflow-wrap:break-word}.fabric-tile small{display:block;font-size:12px;color:var(--muted);margin-top:4px}
@container fabric-picker (min-width:560px){.fabric-picker-results{grid-template-columns:repeat(2,minmax(0,1fr))}}
@supports not (container-type:inline-size){@media(min-width:1400px){.fabric-picker-results{grid-template-columns:repeat(2,minmax(0,1fr))}}}
.fabric-picker [hidden],.core-toolbar [hidden]{display:none!important}.fabric-status{font-size:12px;line-height:1.5;color:var(--muted);margin:12px 0}.design-meta h2 small{font:10px var(--sans);letter-spacing:normal;word-spacing:normal;color:var(--muted);display:block;margin-top:5px}
.product-gallery--swatch .gallery-main{min-height:350px;display:grid;place-items:center;background:#eeece6}.product-gallery--swatch .gallery-main img{width:auto;height:auto;max-width:min(90%,420px);max-height:480px;object-fit:contain;mix-blend-mode:normal}.product-gallery--swatch .gallery-thumbs{display:none}
.design-canvas:has(.essentials-swatch-reference){display:flex;align-items:center;justify-content:center;background:#eeece6}.design-enlarged-art:has(.essentials-swatch-reference){display:flex;align-items:center;justify-content:center;height:100%}
@media(max-width:1023px){.core-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 18px}.core-card .product-card-details h2{font-size:18px}}
@media(max-width:700px){.core-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}.core-toolbar{gap:8px}.core-search{flex-basis:100%}.core-toolbar label:not(.core-search){flex:1}.core-toolbar input,.core-toolbar select{font-size:16px}.core-toolbar select{min-width:0}.core-count{font-size:11px;padding-block:15px 20px}.core-card .product-card-details h2{font-size:17px}.core-card-meta{font-size:9px;gap:4px;flex-wrap:wrap}.core-card-meta .product-price{font-size:12px}.core-stock{font-size:9px;left:6px;right:6px;bottom:6px}.fabric-picker-results{max-height:290px}.product-gallery--swatch .gallery-main{min-height:300px}}

.swatch-lightbox{min-height:65dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;margin:0}.swatch-lightbox img{width:100%;height:auto;object-fit:contain}.swatch-lightbox figcaption{font-size:12px;color:var(--muted)}

.design-enlarged--swatch{grid-template-rows:minmax(0,1fr) auto}
.gallery-main[data-image-state="unavailable"]::after,.gallery-lightbox[data-image-state="unavailable"]::after{content:"Shirt illustration unavailable";position:absolute;inset:0;display:grid;place-items:center;padding:24px;color:var(--muted);font:14px/1.5 var(--sans);text-align:center;background:#f3f0eb}
.gallery-lightbox{position:relative}
.media-tools[hidden]{display:none}
.design-canvas:has(.essentials-garment-reference){background:#f3f0eb}
.design-enlarged-art:has(.essentials-garment-reference){margin-inline:auto}
.design-enlarged-art>.essentials-garment-reference{max-width:1122px;max-height:1402px}

/* Retain the selected fabric while inspecting its separate construction study. */
.garment-context{position:absolute;top:10px;left:10px;width:72px;padding:0;border:1px solid var(--line);background:#f3f0eb;color:var(--ink);box-shadow:0 2px 8px #14141908}
.garment-context img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain}
.garment-context span{display:block;padding:5px 2px;font:9px/1.3 var(--sans);background:var(--cream)}
.gallery-thumbs[hidden]{display:none}

/* Reveal the exact fabric as a shirt without moving or magnifying the tile. */
.core-card .product-card-image img{transform:none!important}
.core-fabric-preview{isolation:isolate}
.core-fabric-preview>img{position:absolute;inset:0;width:100%;height:100%;transition:opacity .18s ease}
.core-fabric-preview>.core-swatch{object-fit:cover;opacity:1}
.core-fabric-preview>.core-shirt{object-fit:contain;background:#f3f0eb;opacity:0}
.core-fabric-preview[data-preview-ready="true"][data-preview-active="true"]>.core-shirt{opacity:1}
.core-fabric-preview[data-preview-ready="true"][data-preview-active="true"]>.core-swatch{opacity:0}
.core-fabric-preview>.core-stock{z-index:1}
@media(prefers-reduced-motion:reduce){.core-fabric-preview>img{transition:none}}

/* Secondary actions remain comfortably tappable alongside primary controls. */
.core-toolbar [data-action="collection-reset"],
.essentials-profile-save .text-link,
.essentials-copy [data-action="copy-design"]{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding-block:8px}
.essentials-profile-save{margin-block:8px}
.essentials-profile-save .text-link{justify-content:flex-start}
.essentials-fit .fit-errors p{margin:0}

/* The same registered shirt composition on product, collection and review. */
.gallery-main>svg.shirt-design{display:block;width:100%;height:auto;max-height:710px;aspect-ratio:4/5}
.core-fabric-preview>.core-shirt-label{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .18s ease}
.core-fabric-preview[data-preview-ready="true"][data-preview-active="true"]>.core-shirt-label{opacity:1}
.review-view-shirt{display:none}
@media(max-width:700px){
  .gallery-main>svg.shirt-design{max-height:540px}
  .builder-shell[data-builder-phase="summary"] .review-view-shirt{display:inline-flex;grid-column:2;justify-self:start;align-items:center;gap:8px;min-height:44px;margin-top:-12px}
  .builder-shell[data-builder-phase="summary"] .design-canvas{grid-row:1/3;align-self:center}
}
@media(prefers-reduced-motion:reduce){.core-fabric-preview>.core-shirt-label{transition:none}}

/* Keep the optional initial label readable without colliding on small screens. */
.monogram-initials .initial-label{display:block;min-height:30px;line-height:15px;white-space:normal}.monogram-initials .initial-label small{display:block;font-size:10px;color:var(--muted)}

/* Keep phone closeups clear: the return control shares the view toolbar while
   desktop retains its whole-shirt thumbnail. */
.preview-view-toolbar{display:contents}
.garment-context-return{display:none}
@media(max-width:700px){
  .live-design-preview .preview-view-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px;min-height:44px}
  .live-design-preview .preview-view-toolbar .preview-view-control{margin:0;margin-left:auto;min-width:0}
  .live-design-preview .preview-view-toolbar .preview-view-control select{max-width:190px;width:100%;min-width:0}
  .live-design-preview .garment-context{display:none}
  .live-design-preview .garment-context-return{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:44px;padding:0 10px;border:1px solid var(--line);background:transparent;color:var(--ink);font:13px/1.3 var(--sans)}
}

/* Detail crops already center the selected construction. Keep that composition
   centered when the phone preview contracts; the old offset pushed it left. */
@media(max-width:700px){
  html[data-mobile-preview-managed] .builder-shell[data-builder-phase="style"] .design-canvas>svg[data-design-view="detail"]{translate:0 0}
  .live-design-preview .preview-view-control select{font-size:16px}
  .live-design-preview .design-meta h2 small{font-size:11px}
  .builder-shell .choice-card{font-size:14px}
}

/* Native WebKit menus otherwise ignore the intended touch target dimensions. */
#app select:not([multiple]):not([size]){
  -webkit-appearance:none;appearance:none;box-sizing:border-box;min-height:44px;
  padding-right:36px;line-height:1.35;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m2 2 4 4 4-4' fill='none' stroke='%235d5b56' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-size:12px 8px;background-position:right 12px center;
}
#app .core-toolbar select:not([multiple]):not([size]){min-height:46px}
#app .fit-workspace .fit-field select{min-height:48px}
@media(max-width:700px){#app .fit-workspace select{font-size:16px}}
@media(max-width:360px){#app .essentials-fit .fit-fields{grid-template-columns:1fr}}