/* Presentation-only repair. A single form owns both editor and full-width review. */
.maker-page .shell{max-width:1320px;padding-left:40px;padding-right:40px}
.maker-page .custom-head{margin:16px 0 12px}.maker-page .custom-head h1{font-size:42px;margin:0 0 6px}.maker-page .custom-head p{margin:0}.maker-page .product-picker{margin:12px 0 20px}
.maker-page #maker{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 40px;align-items:start}
.maker-page #maker[hidden]{display:none}.maker-page #custom-form{display:contents}
.maker-page .preview-wrap{position:static;min-width:0;align-self:start}.maker-page .maker-options{min-width:0}.maker-page .preview-stage{max-height:580px}
.maker-page .maker-options .edit-step{padding:16px 0;margin:0}.maker-page .maker-options .edit-step:first-child{padding-top:0}
.maker-page .maker-options h2{font-size:24px;margin:0 0 6px}.maker-page .tee-price{font-size:14px;margin:0 0 14px}
.maker-page .maker-options .field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 12px}.maker-page .maker-options label{font-size:14px;margin:0 0 6px;line-height:20px}
.maker-page .maker-options input,.maker-page .maker-options select{min-height:44px;height:44px}.maker-page .swatches{display:flex;gap:8px}.maker-page .swatch{min-height:44px;padding:10px}.maker-page #colour-note:empty,.maker-page #purchase-hint:empty{display:none}
.maker-page #purchase-next{display:block;width:100%;margin:12px 0 0;min-height:46px}
.maker-page #review{grid-column:1/-1;border-top:1px solid #c9c3b8;padding:28px 0;margin:0;min-width:0}.maker-page #review>h2{margin-top:0}
.maker-page .address-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px 24px;margin:24px 0}
.address-grid>div{min-width:0}.address-half{grid-column:span 6}.address-third{grid-column:span 4}.address-full{grid-column:1/-1}
.maker-page .address-grid label{display:block;font-size:14px;line-height:20px;margin:0 0 6px;white-space:nowrap}.maker-page .address-grid input,.maker-page .address-grid select{display:block;width:100%;height:48px;min-height:48px;margin:0;box-sizing:border-box}.maker-page #delivery-scope{margin:6px 0 0;font-size:12px;line-height:18px}
.order-check{max-width:900px;min-height:60vh;padding-top:40px;padding-bottom:60px}.order-check h1{font-size:40px}.order-check .field-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.order-check pre{white-space:pre-wrap;overflow-wrap:anywhere}.order-check .preview-stage{max-height:480px}
@media(max-width:700px){
.maker-page .shell{padding-left:16px;padding-right:16px}.maker-page .notice{font-size:10px;padding:5px 8px}.maker-page .header{padding-top:14px;padding-bottom:14px}.maker-page .custom-head{margin:4px 0 8px}.maker-page .custom-head h1{font-size:30px}.maker-page .custom-head p{font-size:12px;line-height:18px}.maker-page .product-picker{gap:8px;margin:8px 0 12px;font-size:11px;flex-wrap:wrap}.maker-page .product-picker>span{display:none}
.maker-page #maker{grid-template-columns:minmax(0,1fr);gap:20px}.maker-page .preview-stage{height:165px;min-height:165px;max-height:165px}.maker-page .preview-stage svg{height:100%;width:100%;object-fit:contain}.maker-page .preview-toolbar{gap:8px;margin-top:4px}.maker-page #preview-line{font-size:10px;line-height:14px;margin:0}.maker-page #inspect-preview{font-size:11px;white-space:nowrap}.maker-page .maker-options .edit-step{padding:16px 0}.maker-page .tee-price{font-size:12px;margin-bottom:10px}.maker-page .maker-options h2{font-size:22px}.maker-page .maker-options .field-row{gap:10px;margin-bottom:10px}.maker-page .maker-options label{font-size:12px}.maker-page .swatch{font-size:12px;padding:8px;gap:5px}.maker-page #purchase-next{margin-top:10px}.maker-page .address-grid{gap:16px 12px}.address-third{grid-column:span 6}.address-third:has(#city){grid-column:1/-1}.maker-page .address-grid label{font-size:12px}.maker-page #review{padding-top:24px}.order-check .field-row{grid-template-columns:1fr}
}

.maker-page .mobile-review{display:none}.maker-page{padding-bottom:0}.maker-page .preview-toolbar{margin-bottom:0}.maker-page .maker-options .edit-step:first-child>details{margin-top:12px}
@media(max-width:700px){.maker-page .maker-options .field-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.maker-page .maker-options .field-row>div{min-width:0}.maker-page #variant{font-size:12px;padding-left:8px;padding-right:22px}.maker-page .swatches{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px}.maker-page .swatch{font-size:11px;padding:6px 4px;gap:4px;justify-content:center;min-width:0}.maker-page .swatch .dot{width:12px;height:12px;flex:0 0 12px}}
.maker-page .preview-stage{height:580px}.maker-page .preview-stage svg{display:block;width:100%;height:100%;max-height:100%}.maker-page .preview-toolbar{position:static;margin-top:10px}.maker-page .template-step details{margin:0;padding:0;border:0}.maker-page .template-step details>summary{margin:0;padding:0}.maker-page .utility-step details,.maker-page .maker-options .edit-step>details{padding-top:10px;padding-bottom:10px}
@media(max-width:700px){.maker-page .preview-stage{height:165px}.maker-page .preview-toolbar{margin-top:4px}}

/* Equal, independent hero panels. Presentation images do not enter saved designs. */
.impact-page .impact-hero{grid-template-columns:.8fr 1.2fr;gap:32px;min-height:0;padding-top:36px;padding-bottom:36px}
.impact-page .impact-stage{height:auto;min-height:0;position:static;background:transparent;overflow:visible}
.impact-page .impact-stage::before,.impact-page .hero-edition{display:none;content:none}
.impact-page #home-hero-art{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
.impact-page .hero-piece,.impact-page .hero-piece:nth-child(2){display:block;position:static;inset:auto;width:auto;min-width:0;height:auto;aspect-ratio:25/27;transform:none;filter:none;margin:0;background:var(--paper);overflow:visible}
.impact-page .hero-svg{width:100%;height:100%}.impact-page .hero-piece img{display:block;width:100%;height:100%;object-fit:contain;transform:none;margin:0;background:var(--paper)}
.impact-page .hero-caption{font-size:12px;line-height:18px;margin:10px 0 0;text-align:left}
@media(max-width:700px){.impact-page .impact-hero{display:flex;flex-direction:column;gap:24px;padding-top:24px;padding-bottom:28px}.impact-page .impact-visual{width:100%}.impact-page .impact-stage{height:auto}.impact-page #home-hero-art{gap:16px}}
@media(max-width:700px){.maker-page #variant{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#222 50%),linear-gradient(135deg,#222 50%,transparent 50%);background-position:calc(100% - 12px) 19px,calc(100% - 8px) 19px;background-size:4px 4px;background-repeat:no-repeat}}

/* Unified specification controls and a larger, clean garment preview. */
.maker-page .maker-options select,.maker-page .maker-options #variant{font:14px Arial,Helvetica,sans-serif;padding:8px 24px 8px 8px;appearance:none;-webkit-appearance:none;border:1px solid #a09e96;border-radius:0;height:44px;min-height:44px;background-color:#fff;background-image:linear-gradient(45deg,transparent 50%,#222 50%),linear-gradient(135deg,#222 50%,transparent 50%);background-position:calc(100% - 12px) 19px,calc(100% - 8px) 19px;background-size:4px 4px;background-repeat:no-repeat}
.maker-page .swatches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.maker-page .swatch{display:flex;align-items:center;justify-content:center;width:100%;height:44px;min-height:44px;padding:8px;font:14px Arial,Helvetica,sans-serif;border:1px solid #a09e96;border-radius:0;background:#fff;color:#20201c;box-shadow:none;outline-offset:3px}
.maker-page .swatch[aria-pressed="true"]{border-color:#20201c;background:#e1dfd6;box-shadow:none}.maker-page .swatch::before,.maker-page .swatch::after{display:none;content:none}
.maker-page .preview-toolbar{justify-content:flex-end;min-height:24px;margin:0;padding:4px 0;border:0}.maker-page .preview-stage{background:transparent}.maker-page .preview-notes{border-top:1px solid #c9c3b8;padding:20px 0 32px}.maker-page .preview-notes details{margin:0}
@media(max-width:700px){
.maker-page .custom-head{margin-bottom:12px}.maker-page #maker{gap:12px}.maker-page .preview-stage{height:clamp(280px,calc((100vw - 32px)*1.02),360px);min-height:0;max-height:none}.maker-page .preview-toolbar{margin:0;min-height:20px}.maker-page .tee-step>h2{display:none}.maker-page .tee-price{font-size:12px;line-height:18px;margin:0 0 10px}.maker-page .garment-choice-row{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)!important}.maker-page .swatches{gap:6px}.maker-page .swatch{font-size:14px;padding:8px 4px}.maker-page .maker-options .field-row{margin-bottom:10px}.maker-page .maker-options label{line-height:18px;margin-bottom:4px}.maker-page .maker-options .tee-step{padding-bottom:12px}
}

/* Checkout fields use the same control scale as the tee specification choices. */
.maker-page #review input:not([type="checkbox"]),.maker-page #review select,.maker-page #review textarea{display:block;width:100%;height:44px;min-height:44px;margin:0;padding:8px;font:14px Arial,Helvetica,sans-serif;line-height:normal;box-sizing:border-box;border:1px solid #a09e96;border-radius:0;background-color:#fff}
.maker-page #review select{padding:8px 24px 8px 8px;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#222 50%),linear-gradient(135deg,#222 50%,transparent 50%);background-position:calc(100% - 12px) 19px,calc(100% - 8px) 19px;background-size:4px 4px;background-repeat:no-repeat}
.maker-page .maker-options input:not([type="file"]):not([type="checkbox"]){font:14px Arial,Helvetica,sans-serif;line-height:normal;padding:8px;height:44px;min-height:44px}
/* One text scale across the whole customization form, including optional sections. */
.maker-page #custom-form input:not([type="checkbox"]),.maker-page #custom-form select,.maker-page #custom-form textarea{font:14px Arial,Helvetica,sans-serif;line-height:normal;border:1px solid #a09e96;border-radius:0;box-sizing:border-box}
.maker-page #custom-form input:not([type="checkbox"]),.maker-page #custom-form select{height:44px;min-height:44px}
.maker-page #custom-form input:not([type="checkbox"]){padding:8px}
.maker-page #custom-form textarea{height:88px;min-height:88px;padding:8px}

#loading-garment{max-width:500px;height:360px;margin:0 auto 18px}#loading-garment[hidden]{display:none}#loading-garment svg{display:block;width:100%;height:100%}
