.attire-lookbook{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:clamp(8px,3vw,32px);width:min(100%,420px);margin:26px auto 30px;color:inherit;box-sizing:border-box}
.attire-lookbook .attire-look{display:block;min-width:0;margin:0;padding:0;border:0;background:none;box-shadow:none;text-align:center;transform:none}
.attire-lookbook .attire-figure{max-width:158px;width:100%;height:auto;max-height:360px;overflow:visible;margin:0 auto;object-fit:contain}
.attire-lookbook .attire-look figcaption{display:grid;justify-items:center;gap:5px;padding:10px 0 0;margin:0;font:500 13px/1.4 "DM Sans",sans-serif;color:inherit;letter-spacing:.01em;text-transform:none;overflow-wrap:anywhere}
.attire-lookbook figcaption>small{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:400;line-height:1.5;max-width:100%}
.attire-lookbook figcaption i{display:inline-block;flex:0 0 10px;width:10px;height:10px;border-radius:50%;background:var(--attire-swatch);box-shadow:0 0 0 1px #8886}
.attire-editor-preview{margin:20px 0 0;padding:14px 10px 4px;background:#f6f4ef;border:1px solid #dcded5;border-radius:12px;color:#354238}
.attire-editor-preview>.help{text-align:center;margin:0}.attire-editor-preview .attire-lookbook{margin:8px auto 16px;max-width:280px;gap:16px}.attire-editor-preview .attire-figure{max-height:245px;max-width:103px}
@media(max-width:480px){.attire-lookbook{gap:12px;margin:22px auto;max-width:340px}.attire-lookbook .attire-figure{max-width:130px;max-height:310px}.attire-lookbook .attire-look figcaption{font-size:12px}.attire-lookbook figcaption>small{font-size:11px}}
@media print{.attire-lookbook{break-inside:avoid}}
.attire-lookbook.attire-group{grid-template-columns:repeat(var(--attire-cols),minmax(0,1fr));width:min(100%,660px);gap:22px 12px}
.attire-lookbook.attire-group .attire-figure{max-width:120px;max-height:286px}
.attire-editor-preview .attire-lookbook.attire-group{max-width:100%;gap:20px 8px}
.attire-editor-preview .attire-group .attire-figure{max-width:95px;max-height:226px}
.attire-lookbook .attire-look figcaption{font-size:14px}.attire-lookbook figcaption>small{font-size:12px}
@media(max-width:600px){.attire-lookbook.attire-group{grid-template-columns:repeat(var(--attire-mobile-cols),minmax(0,1fr));width:100%;gap:22px 10px}.attire-lookbook.attire-group .attire-figure{max-width:105px;max-height:251px}.attire-lookbook.attire-group .attire-look figcaption{font-size:12px}.attire-editor-preview .attire-group .attire-figure{max-height:205px}}

/* Keep each group's guidance and permitted colours together. */
.attire-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;width:100%;text-align:center;margin:28px 0}
.attire-guidance{min-width:0;padding:20px 0;border-top:1px solid currentColor}
.attire-guidance h3{margin:0 0 14px;font:500 clamp(28px,3vw,38px)/1.2 var(--serif,Georgia,serif);letter-spacing:0;text-transform:none}
.attire-guidance-copy{white-space:pre-line;overflow-wrap:anywhere;font-size:16px;line-height:1.7}
.attire-guidance :is(.customer-palette,.guest-dress-palette,.ed-swatches){justify-content:center;gap:12px}
.attire-guidance .attire-lookbook{width:100%}
.attire-group-editor{min-width:0;margin:24px 0;padding:22px 16px 10px;border:1px solid #c6cec3;border-radius:8px}
.attire-group-editor legend{padding:0 10px;font:500 26px/1.2 Georgia,serif;color:#294a40}
.attire-editor-preview .attire-split{display:block;margin:14px 0}.attire-editor-preview .attire-guidance{padding:18px 0}.attire-editor-preview .attire-guidance h3{font-size:24px}
.attire-editor-preview :is(.customer-palette,.attire-guidance-copy){display:none}
#dress-combined-options[hidden],#dress-split-options[hidden]{display:none!important}
@media(max-width:760px){.attire-split{grid-template-columns:minmax(0,1fr);gap:20px}.attire-guidance{padding:20px 0 8px}.attire-group-editor{padding:18px 12px 8px}}

.dress-study,.dress-note{container-type:inline-size}
@container (max-width:560px){.attire-split{grid-template-columns:minmax(0,1fr)}}

/* One continuous outfit row; equal illustration boxes keep every pair of feet aligned. */
.attire-lookbook,.attire-lookbook.attire-group{align-items:start;gap:clamp(3px,1.2vw,12px);grid-template-columns:repeat(var(--attire-cols,2),minmax(0,1fr))}
.attire-lookbook .attire-figure{display:block;aspect-ratio:180/430;max-height:none;width:100%;object-fit:contain;object-position:center bottom}
.attire-lookbook[data-attire-count="2"]{max-width:420px}
.attire-lookbook[data-attire-count="3"],.attire-lookbook[data-attire-count="4"]{max-width:600px}
.attire-lookbook.attire-group{width:100%;max-width:900px}
.attire-lookbook figcaption>small{flex-wrap:wrap;gap:3px}
@media(max-width:600px){.attire-lookbook.attire-group{grid-template-columns:repeat(var(--attire-cols),minmax(0,1fr));gap:4px}.attire-lookbook .attire-look figcaption{font-size:11px;line-height:1.35}.attire-lookbook figcaption>small{font-size:10px}.attire-lookbook .attire-look figcaption>small>i{width:7px;height:7px;flex-basis:7px}}