[hidden]{display:none!important}

.closet-section{margin-top:28px}
.closet-section h3{font-family:Georgia,'Times New Roman',serif;font-size:22px;font-weight:400;margin:0 0 14px}
.reimagine-options.closet-collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.reimagine-option.closet-collection-card,.reimagine-option.closet-finish-card{display:flex;flex-direction:column;text-align:left;align-items:flex-start;gap:8px;padding:12px;min-width:0;border-radius:3px}
.closet-collection-card img{width:100%;height:160px;object-fit:cover}
.closet-collection-card strong{font-family:Georgia,'Times New Roman',serif;font-size:24px;font-weight:400}
.closet-collection-card span{line-height:1.5;font-size:12px}
.closet-collection-card .closet-card-kicker{font-size:9px;text-transform:uppercase;letter-spacing:.1em;margin-top:6px}
.closet-selection-note{font-size:12px;line-height:1.6;color:#686052;margin-top:18px}
.reimagine-options.closet-finish-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.closet-finish-card img{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid var(--line)}
.closet-finish-card strong{font-size:14px}
.closet-finish-card span{font-size:11px;line-height:1.5}
.closet-accessory-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.closet-accessory{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);background:#fffdf8;min-height:52px;cursor:pointer;font-size:14px}
.closet-accessory input{width:20px;height:20px;accent-color:var(--deep-olive);flex-shrink:0}
.closet-accessory:has(input:checked){border-color:var(--deep-olive);background:#edf0e8}
@media(max-width:600px){.reimagine-options.closet-collection-grid{grid-template-columns:1fr}.closet-collection-card img{height:200px}.reimagine-options.closet-finish-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.closet-accessory-grid{grid-template-columns:1fr}.closet-collection-card span{font-size:14px}.closet-collection-card .closet-card-kicker{font-size:10px}}

.reimagine-hero{padding:72px 40px 56px;background:var(--deep-olive);text-align:center}
.reimagine-hero h1{margin:0;font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em;font-size:42px;line-height:1.15;color:#fff}
.reimagine-hero h1 em{font-weight:400}
.reimagine-hero .eyebrow{color:#d3c3a6}
.reimagine-hero-copy{max-width:520px;margin:18px auto 0;font-size:15px;line-height:1.6;color:#e7e2d6}

.reimagine-wizard{max-width:720px;margin:0 auto;padding:48px 24px 60px}

.reimagine-progress{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:36px}
.reimagine-progress-step{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);font-size:12px;color:#948b7f;background:#fffdf8}
.reimagine-progress-step.is-active{border-color:var(--brass);color:var(--deep-olive);font-weight:700}
.reimagine-progress-step.is-complete{background:var(--deep-olive);border-color:var(--deep-olive);color:#fff}

.reimagine-step-label{margin:0 0 8px;text-transform:uppercase;letter-spacing:.22em;font-size:9px;color:#886b49}
.reimagine-step h2{margin:0 0 10px;font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.03em;font-size:28px;color:var(--charcoal)}
.reimagine-step-copy{margin:0 0 22px;font-size:14px;line-height:1.55;color:#5d594f}

.reimagine-upload{display:flex;flex-direction:column;align-items:center;gap:6px;padding:44px 20px;border:1px dashed var(--line);background:#fffdf8;cursor:pointer;text-align:center}
.reimagine-upload:hover{border-color:var(--brass)}
.reimagine-upload-icon{font-size:26px;color:var(--brass);line-height:1}
.reimagine-upload-cta{text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:700;color:var(--charcoal)}
.reimagine-upload-hint{font-size:11px;color:#8a8175}

.reimagine-preview{display:flex;flex-direction:column;align-items:center;gap:14px}
.reimagine-preview img{max-width:100%;max-height:360px;width:auto;border:1px solid var(--line);object-fit:contain;background:#fff}
.reimagine-preview-replace{border:0;background:none;padding:0;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#8a765c;cursor:pointer}
.reimagine-preview-replace:hover{color:var(--brass)}

.reimagine-options{display:flex;flex-wrap:wrap;gap:10px}
.reimagine-option{padding:14px 18px;min-height:44px;border:1px solid var(--line);background:#fffdf8;font-size:13px;color:var(--charcoal);cursor:pointer}
.reimagine-option:hover{border-color:var(--brass)}
.reimagine-option:focus-visible{outline:2px solid var(--brass);outline-offset:2px}
.reimagine-option.is-selected{border-color:var(--deep-olive);background:var(--deep-olive);color:#fff}

.reimagine-options-subheading{width:100%;margin:6px 0 -2px;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:700;color:#886b49}
.reimagine-options-subheading:first-child{margin-top:0}

.reimagine-door-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}

/* Desktop only: each card spans 2 of 6 tracks (same rendered width as the
   previous 3-equal-column layout). Row 2 (items 4-5, Raised Panel Step Bead
   and 83 Recommend) is explicitly placed in the middle 4 tracks so it reads
   as centered instead of left-aligned against an empty third slot. Scoped
   to min-width so mobile's existing 2-column layout is untouched. */
@media(min-width:901px){
  .reimagine-door-cards .reimagine-option{grid-column:span 2}
  .reimagine-door-cards .reimagine-option:nth-child(4){grid-column:2 / span 2}
  .reimagine-door-cards .reimagine-option:nth-child(5){grid-column:4 / span 2}
}
.reimagine-option.reimagine-door-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:12px;min-height:0}
.reimagine-door-card-img{width:100%;aspect-ratio:9/10;object-fit:cover;object-position:center;display:block;margin-bottom:10px;border:1px solid var(--line);background:#fff}
.reimagine-door-card-name{display:block;font-size:13px;font-weight:700;margin-bottom:4px}
.reimagine-door-card-desc{display:block;font-size:11px;line-height:1.4;color:#8a8175}
.reimagine-option.reimagine-door-card.is-selected .reimagine-door-card-desc{color:#e7e2d6}
.reimagine-option.reimagine-door-card.is-selected .reimagine-door-card-img{border-color:var(--brass);border-width:2px}

.reimagine-finish-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}

/* Desktop only: same 6-track/span-2 technique as the Door Style grid. 8
   finish cards fill two full rows (6 cards) then center the remaining 2
   (Charcoal, 83 Recommend) instead of leaving them left-aligned. */
@media(min-width:901px){
  .reimagine-finish-cards .reimagine-option{grid-column:span 2}
  .reimagine-finish-cards .reimagine-option:nth-child(7){grid-column:2 / span 2}
  .reimagine-finish-cards .reimagine-option:nth-child(8){grid-column:4 / span 2}
}
.reimagine-option.reimagine-finish-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:12px;min-height:0}
.reimagine-finish-card-img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center;display:block;margin-bottom:10px;border:1px solid var(--line);background:#fff}
.reimagine-finish-card[data-value="83 Recommend"] .reimagine-finish-card-img{aspect-ratio:9/10}
.reimagine-finish-card-name{display:block;font-size:13px;font-weight:700;margin-bottom:4px}
.reimagine-finish-card-desc{display:block;font-size:11px;line-height:1.4;color:#8a8175}
.reimagine-option.reimagine-finish-card.is-selected .reimagine-finish-card-desc{color:#e7e2d6}
.reimagine-option.reimagine-finish-card.is-selected .reimagine-finish-card-img{border-color:var(--brass);border-width:2px}

.reimagine-accent-choice{margin-top:24px}
.reimagine-accent-card{max-width:220px}

textarea{width:100%;padding:14px 16px;border:1px solid var(--line);background:#fffdf8;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.5;color:var(--charcoal);resize:vertical}
textarea:focus{outline:none;border-color:var(--brass)}

.reimagine-turnstile{margin-top:18px}
.reimagine-turnstile:empty{margin-top:0}

.reimagine-error{margin:18px 0 0;font-size:12px;color:#a4442f}

.reimagine-nav{display:flex;justify-content:space-between;gap:12px;margin-top:32px}
.reimagine-nav .button{margin-left:auto}
.reimagine-nav #step-back{margin-left:0;margin-right:auto}

.reimagine-nav .button.outline,.reimagine-result-actions .button.outline,.reimagine-pending .button.outline{border-color:var(--deep-olive);color:var(--deep-olive);background:transparent}
.reimagine-nav .button.outline:hover,.reimagine-result-actions .button.outline:hover,.reimagine-pending .button.outline:hover{background:var(--deep-olive);color:#fff}
.reimagine-nav .button.outline:focus-visible,.reimagine-result-actions .button.outline:focus-visible,.reimagine-pending .button.outline:focus-visible{outline:2px solid var(--brass);outline-offset:2px}
.reimagine-nav .button:disabled,.reimagine-result-actions .button:disabled,.reimagine-pending .button:disabled{opacity:.45;cursor:not-allowed;border-color:var(--line);color:#948b7f;background:transparent}
.reimagine-nav .button:disabled:hover,.reimagine-result-actions .button:disabled:hover,.reimagine-pending .button:disabled:hover{background:transparent;color:#948b7f}

#step-submit:hover{background:var(--olive)}
#step-submit:focus-visible{outline:2px solid var(--brass);outline-offset:2px}

.reimagine-spinner{width:28px;height:28px;border:2px solid var(--line);border-top-color:var(--brass);border-radius:50%;animation:reimagine-spin .8s linear infinite}
@keyframes reimagine-spin{to{transform:rotate(360deg)}}

.reimagine-panel-error{background:#f7ece8}
.reimagine-panel-error .reimagine-pending p{color:#a4442f}
.reimagine-panel-error .reimagine-pending .button{margin-top:4px}

.reimagine-result{max-width:900px;margin:0 auto;padding:56px 24px 64px;text-align:center}
.reimagine-result h2{margin:14px 0 30px;font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em;font-size:32px;color:var(--charcoal)}

.reimagine-compare-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:left}
.reimagine-panel{border:1px solid var(--line);background:#fffdf8;overflow:hidden}
.reimagine-panel-label{display:block;padding:10px 16px;text-transform:uppercase;letter-spacing:.14em;font-size:10px;color:#886b49;border-bottom:1px solid var(--line);background:var(--ivory)}
.reimagine-panel img{width:100%;height:320px;object-fit:cover;display:block}
.reimagine-panel-pending{background:#f4efe5}
.reimagine-pending{padding:40px 24px;min-height:320px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:10px}
.reimagine-pending p{margin:0;font-size:14px;color:#5d594f}
.reimagine-pending-note{font-size:11px;color:#948b7f;max-width:280px}

.reimagine-selections{margin-top:28px;text-align:left;border:1px solid var(--line);background:#fffdf8;padding:20px 24px}
.reimagine-selections h3{margin:0 0 16px;text-transform:uppercase;letter-spacing:.1em;font-size:12px;color:var(--deep-olive);font-weight:700}
.reimagine-selections-details{margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:14px 24px}
.reimagine-selections-details dt{margin:0;text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:#886b49}
.reimagine-selections-details dd{margin:4px 0 0;font-size:14px;line-height:1.5;color:var(--charcoal)}
.reimagine-selections-details dd:empty{display:none}

.reimagine-result-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:32px}

.reimagine-handoff{display:flex;flex-direction:column;align-items:center;gap:10px}
.reimagine-handoff-status{margin:0;font-size:12px;color:#5d594f}
.reimagine-handoff-fallback{font-size:12px;text-decoration:underline;color:var(--deep-olive)}
.reimagine-handoff-fallback:hover{color:var(--brass)}

@media(max-width:900px){
  .reimagine-hero{padding:52px 22px 40px}
  .reimagine-hero h1{font-size:32px}

  .reimagine-wizard{padding:36px 18px 48px}
  .reimagine-step h2{font-size:24px}
  .reimagine-upload{padding:34px 16px}
  .reimagine-option{flex:1 1 calc(50% - 10px)}
  .reimagine-door-cards{grid-template-columns:repeat(2,1fr)}
  .reimagine-door-cards .reimagine-option:nth-child(5){grid-column:1 / -1;justify-self:center;max-width:220px}
  .reimagine-finish-cards{grid-template-columns:repeat(2,1fr)}
  .reimagine-nav{flex-wrap:wrap}
  .reimagine-nav .button,.reimagine-nav #step-back{width:100%;margin:0}

  .reimagine-result{padding:44px 18px 48px}
  .reimagine-compare-panels{grid-template-columns:1fr}
  .reimagine-panel img,.reimagine-pending{height:auto;min-height:220px}
  .reimagine-selections-details{grid-template-columns:1fr}
  .reimagine-result-actions{flex-direction:column}
  .reimagine-result-actions .button{width:100%}
}


.reimagine-options.closet-hardware-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.reimagine-option.closet-hardware-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:8px;padding:14px;min-width:0}
.closet-hardware-card strong{font-size:14px}.closet-hardware-card span{font-size:12px;line-height:1.5}
.closet-metal-swatch{display:block;width:100%;height:54px;border:1px solid rgba(0,0,0,.12);border-radius:2px}
.closet-metal-brass{background:linear-gradient(110deg,#887039,#d5bd80 35%,#eddda8 50%,#b89b59 70%,#8f7542)}
.closet-metal-chrome{background:linear-gradient(110deg,#72777b,#e4e9ec 25%,#fff 40%,#7c8389 55%,#f1f4f6 75%,#9ba1a5)}
.closet-metal-nickel{background:linear-gradient(110deg,#999a91,#c9cac0 35%,#e0e0d6 50%,#b0b1a6 75%,#a0a196)}
@media(max-width:600px){.reimagine-options.closet-hardware-grid{grid-template-columns:1fr}.closet-hardware-card .closet-metal-swatch{height:40px}}