
.design-details{padding:32px 6% 70px;display:grid;grid-template-columns:1fr 1fr;gap:30px 7%}.breadcrumbs{grid-column:1/-1;font-size:10px;letter-spacing:1px;color:var(--muted);margin-bottom:10px}.design-photo{margin:0;background:#f7f4ee;position:relative;min-width:0}.design-photo img{display:block;width:100%;height:570px;object-fit:contain;padding:40px}.design-photo figcaption{text-align:center;font-size:10px;color:var(--muted);padding:12px}.design-copy{align-self:center}.design-copy h1{font-size:clamp(34px,4vw,54px);line-height:1.1;margin:20px 0 25px}.design-copy>p:not(.eyebrow){color:var(--muted);line-height:1.9}.design-facts{border-top:1px solid var(--line);margin:25px 0}.design-facts p{border-bottom:1px solid var(--line);padding:12px 0;font-size:12px}.design-facts span{display:inline-block;width:115px;letter-spacing:1px;font-size:9px;color:var(--gold)}.primary-action{background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:16px 25px;display:inline-flex;justify-content:space-between;gap:30px;font-size:12px;margin-top:22px}.primary-action:disabled{background:#d9d1c0;color:#655b4c;border-color:var(--line);cursor:default}.product-note{font-size:11px;line-height:1.8;color:var(--muted);margin-top:18px}.choose-cloth{padding:60px 6%;border-top:1px solid var(--line)}.section-title{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}.section-title h2{font-size:42px;margin-top:14px}.section-title>p{font-size:12px;color:var(--muted)}fieldset{border:0;margin:0;padding:0}.cloth-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.cloth-option{position:relative;cursor:pointer;border:1px solid var(--line);padding:10px;display:flex;flex-direction:column}.cloth-option:has(input:checked){border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.cloth-option input{position:absolute;top:19px;right:19px;z-index:2;accent-color:var(--gold);width:18px;height:18px}.cloth-option:focus-within{outline:2px solid var(--gold);outline-offset:4px}.cloth-option .cloth-visual{aspect-ratio:1.2}.option-name{font:23px Georgia;margin:16px 4px 8px}.option-description{font-size:10px;color:var(--muted);margin:0 4px}.chosen{display:block;font-size:11px;color:var(--gold);padding:15px 4px 4px;margin-top:auto}.cloth-status{font:italic 15px Georgia;margin:25px 0 12px}.material-link{font-size:11px;text-decoration:underline;text-underline-offset:4px}.commission{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:65px 8%;background:#e6ddc9}.commission h2{font-size:50px;line-height:1.12;margin:22px 0}.commission>div>p:not(.eyebrow){color:var(--muted);max-width:400px;line-height:1.9}.commission-summary{border:1px solid #c9bda4;padding:28px}.commission h3{font-size:25px}.commission dl{margin:20px 0}.commission dl>div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #c9bda4;font-size:12px}.commission dt{color:var(--muted)}.commission dd{margin:0;text-align:right}.journey{font-size:10px}.commission .primary-action{width:100%}#not-found{padding:70px 6%}#not-found a{display:block;margin-top:25px;text-decoration:underline}@media(max-width:700px){.design-details{grid-template-columns:1fr;padding:25px 6% 40px;gap:24px}.design-photo img{height:380px;padding:25px}.design-copy h1{font-size:38px}.choose-cloth{padding:40px 6%}.section-title{display:block}.section-title h2{font-size:35px}.section-title>p{margin-top:15px}.cloth-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.option-name{font-size:20px}.commission{grid-template-columns:1fr;gap:30px;padding:40px 6%}.commission h2{font-size:40px}.commission-summary{padding:22px}}

#design-note{font-size:21px;color:var(--gold);font-family:Georgia,serif}

.fit-choice{border:1px solid #c9bca4;padding:24px;margin:25px 0}.fit-choice legend{font:24px Georgia,serif;padding:0 10px}.fit-choice label{display:flex;gap:14px;align-items:start;padding:18px 12px;cursor:pointer}.fit-choice input{margin-top:5px;accent-color:#284c40}.fit-choice strong,.fit-choice small{display:block}.fit-choice small{margin-top:7px;color:#736b5d}.fit-choice label:has(input:checked){background:#e1dac9}

.cloth-visual.pattern-photo{display:block;overflow:hidden;position:relative}.cloth-visual.pattern-photo img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.cloth-visual.pattern-photo:before,.cloth-visual.pattern-photo:after{display:none}

#original-photo{display:block;margin:0 auto 16px;padding:9px 14px;border:1px solid #c5bbab;background:transparent;font:12px Arial;cursor:pointer}#original-photo[hidden]{display:none}

.design-photo img{height:auto;aspect-ratio:1;object-fit:contain;padding:0}
.cloth-visual.pattern-photo{aspect-ratio:1}

/* Fit and selection share one compact panel below the cloth options. */
.selection-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;margin:24px 0 18px;padding:24px;background:#e6ddc9;border:1px solid #c9bda4;align-items:start}
.selection-panel .fit-choice{border:0;margin:0;padding:0;min-width:0}
.selection-panel .fit-choice legend{font:24px Georgia,serif;padding:0;margin-bottom:12px}
.selection-panel .fit-choice label{padding:12px 10px;gap:10px}
.selection-panel .fit-choice small{line-height:1.5;margin-top:5px}
.selection-panel .commission-summary{border:0;border-left:1px solid #c9bda4;padding:0 0 0 28px;min-width:0}
.selection-panel h3{font:25px Georgia,serif;margin:0 0 12px}
.selection-panel dl{margin:0 0 12px}
.selection-panel dl>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #c9bda4;font-size:12px}
.selection-panel dt{color:var(--muted)}
.selection-panel dd{margin:0;text-align:right}
.selection-panel .commission-summary>p{font-size:11px;line-height:1.6;color:var(--muted)}
.selection-panel .primary-action{width:100%;margin-top:14px}
.selection-panel:has(.fit-choice[hidden]){grid-template-columns:1fr}
.selection-panel:has(.fit-choice[hidden]) .commission-summary{border:0;padding:0}
@media(max-width:700px){.selection-panel{grid-template-columns:1fr;gap:18px;padding:18px}.selection-panel .commission-summary{border-left:0;border-top:1px solid #c9bda4;padding:18px 0 0}.selection-panel .fit-choice legend{font-size:22px}}

.design-facts .selected-cloth-fact{display:flex;gap:0;align-items:baseline}.selected-cloth-fact>span:first-child{flex:0 0 115px}.design-facts .selected-cloth-details{width:auto;min-width:0;flex:1;font-size:12px;letter-spacing:normal;color:var(--ink);overflow-wrap:anywhere}.selected-cloth-details strong{font-weight:400}.selected-cloth-details small{display:block;margin-top:6px;font-size:12px;line-height:1.7;color:var(--muted);white-space:pre-line}
/* Selected-design product layout, with cloth thumbnails below the photograph. */
.design-details{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px 5%;align-items:start}.design-photo{grid-column:1;grid-row:2}.design-copy{grid-column:2;grid-row:2 / span 2;align-self:start}.design-photo>#design-image{aspect-ratio:4/5;max-height:760px;object-fit:contain}.design-details>.choose-cloth{grid-column:1;grid-row:3;padding:20px 0 0;border-top:0;min-width:0}.choose-cloth .section-title{margin-bottom:16px}.choose-cloth .section-title .eyebrow,.choose-cloth .section-title>p{display:none}.choose-cloth .section-title h2{font-size:24px;margin:0}.choose-cloth .cloth-options{display:flex;gap:12px;flex-wrap:wrap}.choose-cloth .cloth-option{width:100px;padding:5px}.choose-cloth .cloth-visual{width:88px;height:88px;aspect-ratio:1}.choose-cloth .option-name{font:12px/1.4 Arial,sans-serif;margin:8px 2px 4px}.choose-cloth .option-description{display:none}.choose-cloth .chosen{font-size:10px;padding:4px 2px}.choose-cloth .cloth-option input{top:9px;right:9px;width:14px;height:14px}.cloth-status{font:12px/1.5 Arial,sans-serif;margin:16px 0}.design-copy h1{margin-top:12px}.design-facts{margin:16px 0}.product-controls{margin:26px 0}.product-controls legend,.product-controls>label{display:block;font-size:14px;margin-bottom:12px}.product-controls button{border:1px solid #b7ae9f;background:transparent;color:var(--ink);padding:11px 14px;cursor:pointer}.product-controls button[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:#eee7da}#product-sizes{display:flex;flex-wrap:wrap;gap:8px}.size-guide{margin:20px 0;font-size:12px}.size-guide summary,.product-description summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px}.size-guide p{margin:12px 0;color:var(--muted)}#product-size-reference{overflow-x:auto}#product-size-reference table{border-collapse:collapse;width:100%;font-size:11px}#product-size-reference th,#product-size-reference td{padding:10px 8px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}#product-fit-status{font-size:12px;color:var(--muted);margin:12px 0 24px}.quantity-control{display:flex;width:max-content;border:1px solid #b7ae9f}.quantity-control button{border:0;width:40px}.quantity-control input{width:48px;min-width:0;border:0;background:transparent;text-align:center;color:var(--ink);font:14px Arial;appearance:textfield}.quantity-control input::-webkit-inner-spin-button{appearance:none}.design-copy .commission-summary{padding:20px 0;border:0;border-top:1px solid var(--line)}.design-copy .commission-summary h3,.design-copy .commission-summary dl{display:none}.design-copy .commission-summary>p{font-size:12px;color:var(--muted)}.design-copy .commission-summary .primary-action{width:100%;margin-top:16px}.product-description{border-top:1px solid var(--line);padding:22px 0}.product-description summary{font:24px Georgia;text-decoration:none}.product-description p{margin-top:18px;font-size:14px;line-height:1.9;color:var(--muted)}
@media(max-width:700px){.design-details{grid-template-columns:minmax(0,1fr)}.design-photo{grid-column:1;grid-row:2}.design-details>.choose-cloth{grid-column:1;grid-row:3}.design-copy{grid-column:1;grid-row:4}.design-photo>#design-image{height:auto;max-height:600px;padding:0}.design-copy h1{font-size:34px}.choose-cloth .cloth-options{gap:10px}.product-controls button{min-height:44px}}

/* Match the 1600 x 2000 design photograph without a height cap squeezing its frame. */
.design-photo>#design-image{width:100%;height:auto;aspect-ratio:4/5;max-height:none;padding:0;object-fit:contain}

/* Cloth selection sits beside the design, below the size choices. */
.product-controls #product-sizes{display:flex;flex-wrap:wrap;gap:8px;width:100%}.product-controls #custom-design{margin-left:auto}.product-controls>.choose-cloth{padding:0;border:0;margin:22px 0;min-width:0}.product-controls>.choose-cloth .cloth-options{gap:10px}.product-controls>.choose-cloth .cloth-option{width:86px}.product-controls>.choose-cloth .cloth-visual{width:74px;height:74px}.product-controls>.choose-cloth .section-title h2{font-size:24px}.design-photo{align-self:start}
@media(max-width:700px){.product-controls #custom-design{margin-left:0}.product-controls>.choose-cloth .cloth-option{width:86px}}

/* Preserve readable labels when laptop columns or browser zoom reduce space. */
.product-controls{min-width:0}
.product-controls #product-sizes button{flex:0 0 auto;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.product-controls #product-sizes #custom-design{margin-left:0}
@media(min-width:701px){.product-controls #product-sizes{flex-wrap:wrap;gap:8px}.product-controls #product-sizes button{padding:11px 10px;font-size:11px}}

.product-controls #product-sizes #custom-design{font-weight:700;background:var(--ink);color:var(--paper);border:2px solid var(--ink);font-size:12px}.product-controls #product-sizes #custom-design:hover{background:#544332}.product-controls #product-sizes #custom-design[aria-pressed=true]{background:#284c40;border-color:#284c40;color:#fff;box-shadow:inset 0 0 0 1px #fff}

.product-price-delivery{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px;margin:18px 0}.product-price-delivery #design-note{margin:0;white-space:nowrap}.product-delivery{display:grid;gap:4px;border-left:1px solid var(--line);padding-left:20px;font:14px/1.4 Arial,sans-serif}.product-delivery strong{color:#294c40;font-size:14px;letter-spacing:.06em}.product-delivery small{font-size:12px;color:var(--muted)}@media(max-width:420px){.product-price-delivery{gap:12px}.product-delivery{padding-left:12px;flex:1;min-width:170px}}

.product-highlights{margin:20px 0;overflow-wrap:anywhere}.product-highlights h2{font-size:15px;margin:0 0 8px}.product-highlights ul{padding-left:20px;margin:0}.product-highlights li{margin:6px 0}.product-highlights strong{font-weight:700}

/* Compact product details; preserve readable labels and mobile touch targets. */
.design-details{padding-top:24px;padding-bottom:32px;row-gap:16px}
.design-copy>.eyebrow{margin:0 0 8px}
.design-copy h1{font-size:clamp(28px,2.6vw,38px);line-height:1.12;margin:8px 0 14px;overflow-wrap:anywhere}
.product-price-delivery{gap:10px 18px;margin:12px 0}
.product-price-delivery #design-note{font-size:20px}
.product-delivery{gap:2px;padding-left:14px;font-size:12px}
.product-delivery strong{font-size:12px;letter-spacing:.02em}
.product-delivery small{font-size:11px}
.product-controls{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center;margin:16px 0}
.product-controls>*{grid-column:1 / -1}
.product-controls legend{font-size:13px;margin-bottom:8px}
.product-controls #product-sizes{gap:6px}
.product-controls #product-sizes button{padding:8px 10px;min-height:38px}
.product-controls .size-guide{margin:10px 0;font-size:12px}
.product-controls>.choose-cloth{margin:10px 0 8px}
.product-controls>.choose-cloth .section-title{margin-bottom:10px}
.product-controls>.choose-cloth .section-title h2{font-size:21px}
.product-controls>.choose-cloth .cloth-options{gap:8px}
.product-controls>.choose-cloth .cloth-option{width:74px;padding:5px}
.product-controls>.choose-cloth .cloth-visual{width:62px;height:62px}
.product-controls>.choose-cloth .option-name{font-size:11px;margin:5px 1px 3px}
.product-controls>.choose-cloth .chosen{padding:3px 1px 1px;font-size:10px}
.product-controls>.choose-cloth .cloth-option input{top:8px;right:8px}
.product-controls .cloth-status{margin:8px 0;font-size:11px}
.product-controls .material-link{font-size:10px}
#product-fit-status{margin:4px 0 12px;font-size:11px}
.product-controls>label[for="product-quantity"]{grid-column:1;margin:0;font-size:13px}
.product-controls>.quantity-control{grid-column:2;justify-self:start}
.quantity-control button{padding:8px;min-height:38px;width:36px}
.quantity-control input{width:40px;font-size:13px}
.design-copy .commission-summary{padding:12px 0}
.design-copy .commission-summary>p{margin:8px 0;line-height:1.5}
.design-copy .commission-summary .primary-action{margin-top:10px;padding:12px 16px}
.product-highlights{margin:12px 0}.product-highlights li{margin:4px 0;font-size:13px}
.product-description{padding:14px 0}.product-description summary{font-size:21px}
.product-description p{margin-top:10px;line-height:1.65}
@media(max-width:700px){.design-details{padding-top:18px;row-gap:14px}.design-copy h1{font-size:28px}.product-controls #product-sizes button,.quantity-control button{min-height:44px}.product-controls>.choose-cloth .cloth-option{width:78px}.product-controls>.choose-cloth .cloth-visual{width:66px;height:66px}}

/* Emphasize customer Top Highlights. */
.product-highlights{padding:16px 18px;background:#e6dcc3;border:1px solid #cbbc98;border-left:4px solid #96733a;border-radius:6px;color:var(--ink)}
.product-highlights h2{font:700 18px/1.3 Arial,sans-serif;margin:0 0 10px;letter-spacing:.02em}
.product-highlights ul{padding-left:18px}.product-highlights li{margin:6px 0;line-height:1.55}.product-highlights li::marker{color:#80612c}.product-highlights strong{font-weight:700}
@media(max-width:700px){.product-highlights{padding:14px}.product-highlights h2{font-size:17px}}

.finished-garment-size[hidden]{display:none!important}.finished-garment-size{min-width:0}.finished-garment-size table{width:100%;border-collapse:collapse;font-size:12px;margin:8px 0}.finished-garment-size th,.finished-garment-size td{padding:7px 8px;border-bottom:1px solid var(--line);text-align:left;overflow-wrap:anywhere}.finished-garment-size th{font-weight:600}.finished-garment-size td{width:30%}.finished-size-label{font-weight:600}.finished-caption{font-size:11px;text-align:left;padding:4px 8px;color:var(--muted)}

/* Place the two expandable size guides beside one another. */
.product-guides{display:flex;align-items:flex-start;flex-wrap:wrap;gap:10px 24px;margin:10px 0}.product-controls .product-guides>.size-guide{margin:0;min-width:0;max-width:100%}.product-guides>.size-guide[open]{flex:1 1 200px}.product-guides #product-size-reference{max-width:100%;overflow-x:auto}.product-guides #finished-garment-values{min-width:0}

/* Editorial gallery and a calm, compact purchase panel. */
.product-page{background:#fff;--paper:#fff;--ink:#222;--muted:#737373;--line:#dedede}
.product-page .design-details{max-width:1480px;margin:auto;padding:28px 4% 64px;grid-template-columns:minmax(0,1.85fr) minmax(320px,1fr);column-gap:6%;align-items:start}
.product-page .design-photo{margin:0;min-width:0}.product-page .design-photo figcaption{display:none}
.product-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.product-gallery img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;background:#f7f7f7;padding:0}
.single-image .product-gallery{grid-template-columns:1fr}
.product-page .design-copy h1{font:400 clamp(20px,1.6vw,26px)/1.45 Arial,sans-serif;letter-spacing:.025em;margin:0 0 18px}
.product-page .design-copy>.eyebrow{display:none}
.product-page .product-price-delivery #design-note{font:16px/1.5 Arial,sans-serif;color:#737373}
.product-page .product-price-delivery{display:block}.product-page .product-delivery{border:0;padding:0;margin-top:12px}
.product-page .product-controls{margin-top:24px}.product-page .product-controls #product-sizes button{min-height:44px}
.product-page .product-controls #custom-design{background:#222;color:#fff}
.product-page .commission-summary .primary-action{background:#222;color:#fff;border:1px solid #222;min-height:48px;font:12px Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.product-page .product-highlights{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;padding:20px 0}
.product-page .product-description summary{font:15px Arial,sans-serif}.product-page .product-description p{font:14px/1.8 Arial,sans-serif}
@media(max-width:1000px) and (min-width:701px){.product-page .design-details{grid-template-columns:minmax(0,1.2fr) minmax(290px,1fr);gap:24px}.product-gallery{gap:12px}}
@media(max-width:700px){.product-page .design-details{display:flex;flex-direction:column;padding:18px 5% 40px;gap:24px}.product-page .breadcrumbs{order:0}.product-page .design-photo{order:1;width:100%}.product-page .design-copy{order:2;width:100%}.product-gallery{gap:10px}.product-page .design-copy h1{font-size:22px}.product-page .product-controls #product-sizes button{min-height:44px}}

/* Give product photography the available left-hand width. */
@media(min-width:701px){
.product-page{max-width:none}
.product-page .design-details{max-width:none;padding-left:12px;padding-right:20px;grid-template-columns:minmax(0,1fr) clamp(290px,27vw,380px);column-gap:28px}
.product-page .product-gallery{gap:12px}
}
@media(min-width:1600px){.product-page .design-details{grid-template-columns:minmax(0,1fr) 400px;column-gap:36px}}

/* Balance the pair of product images at 60% of the content width. */
@media(min-width:701px){
.product-page .design-details{grid-template-columns:minmax(0,3fr) minmax(0,2fr);column-gap:24px}
.product-page .product-gallery{gap:12px}
}

.product-page .cloth-gallery-note{padding:10px 12px;margin:0;background:#f7f7f7;font:12px/1.5 Arial,sans-serif;color:#666}
.product-page .cloth-gallery-note[hidden]{display:none}

/* Selected fabric details stay directly beneath the product gallery. */
.product-page .selected-fabric{display:flex;align-items:flex-start;gap:18px;padding:20px 0;background:#fff;border-top:1px solid var(--line);margin-top:16px;text-align:left}
.product-page .selected-fabric[hidden]{display:none}
.product-page .selected-fabric-visual{flex:0 0 112px;width:112px;height:112px;overflow:hidden;border:1px solid var(--line)}
.product-page .selected-fabric-visual img{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:cover;padding:0}
.product-page .selected-fabric>div:last-child{min-width:0}
.product-page .selected-fabric-label{margin:0 0 7px;font:11px/1.4 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.product-page .selected-fabric h2{margin:0 0 8px;font:600 16px/1.4 Arial,sans-serif;overflow-wrap:anywhere}
.product-page .selected-fabric-description{margin:0;font:14px/1.65 Arial,sans-serif;color:var(--muted);white-space:pre-line;overflow-wrap:anywhere}
@media(max-width:700px){.product-page .selected-fabric{gap:14px}.product-page .selected-fabric-visual{flex-basis:88px;width:88px;height:88px}}

/* Enlarged selected cloth pattern. */
.product-page .selected-fabric{gap:24px}
.product-page .selected-fabric-visual{flex:0 0 320px;width:320px;height:320px}
@media(max-width:700px){.product-page .selected-fabric{flex-direction:column;gap:18px}.product-page .selected-fabric-visual{flex:0 0 auto;width:min(100%,360px);height:auto;aspect-ratio:1}}
