/* Generated from inline styles. Removing inline style attributes enables strict CSP. */
.inl-ca7b8977{width:100% !important; padding:8px !important; border:1px solid #ddd !important; border-radius:4px !important;}
.inl-ae8382c4{background:#1a5a99 !important; color:white !important; border:none !important; border-radius:4px !important; padding:8px 16px !important; cursor:pointer !important; font-size:14px !important; margin-top:10px !important; width:100% !important; font-weight:600 !important;}
.inl-e5a6d3c3{margin-top:10px !important;}
.inl-e9de08a2{background:#fff3cd !important; border:1px solid #ffeaa7 !important; border-radius:8px !important; padding:15px !important; margin-top:15px !important; text-align:center !important; box-shadow:0 2px 8px rgba(0,0,0,0.1) !important;}
.inl-1cb306e5{display:flex !important; align-items:center !important; justify-content:center !important; gap:10px !important; margin-bottom:8px !important;}
.inl-ebd2c730{font-size:18px !important;}
.inl-3850d13b{margin:0 !important; color:#856404 !important; font-size:16px !important; font-weight:600 !important;}
.inl-7b7d4f11{margin:0 !important; color:#856404 !important; font-size:14px !important; line-height:1.4 !important;}
.inl-a9afcf8f{display:none !important; background:#fff !important; border:1px solid #ddd !important; border-radius:8px !important; padding:20px !important; margin-top:15px !important; box-shadow:0 2px 8px rgba(0,0,0,0.1) !important;}
.inl-caf25e83{display:flex !important; justify-content:space-between !important; align-items:center !important; margin-bottom:15px !important;}
.inl-2ad76623{margin:0 !important; color:#333 !important; font-size:16px !important; font-weight:600 !important;}
.inl-55153b9f{background:none !important; border:none !important; font-size:18px !important; cursor:pointer !important; color:#666 !important;}
.inl-e00412aa{display:grid !important; grid-template-columns:1fr 1fr 1fr !important; gap:20px !important; margin-bottom:20px !important;}
.inl-92e489e9{background:#f8f9fa !important; padding:15px !important; border-radius:6px !important;}
.inl-607a4cb9{margin:0 0 12px 0 !important; color:#495057 !important; font-size:14px !important; font-weight:600 !important;}
.inl-6a09916e{display:grid !important; gap:8px !important;}
.inl-b26b7869{display:flex !important; justify-content:space-between !important; align-items:center !important; font-size:13px !important;}
.inl-54ec73b7{width:60px !important; padding:2px 4px !important; border:1px solid #ccc !important; border-radius:3px !important; text-align:right !important;}
.inl-037d3515{margin-top:10px !important; padding-top:10px !important; border-top:1px solid #dee2e6 !important;}
.inl-0063f7b9{display:flex !important; justify-content:space-between !important; align-items:center !important; font-size:13px !important; margin-bottom:8px !important;}
.inl-de936799{display:flex !important; align-items:center !important; gap:8px !important;}
.inl-454c5391{background:#1a5a99 !important; color:white !important; border:none !important; border-radius:4px !important; padding:4px 8px !important; font-size:14px !important; cursor:pointer !important; font-weight:bold !important;}
.inl-2940df8b{width:45px !important; padding:4px !important; border:1px solid #ccc !important; border-radius:3px !important; text-align:center !important;}
.inl-dd065d85{font-size:12px !important; color:#666 !important; font-weight:bold !important;}
.inl-1589d320{display:flex !important; justify-content:center !important; margin-top:8px !important;}
.inl-40655340{background:#dc3545 !important; color:white !important; border:none !important; padding:6px 12px !important; border-radius:4px !important; cursor:pointer !important; font-size:12px !important;}
.inl-d49182a0{background:#e8f4f8 !important; padding:15px !important; border-radius:6px !important;}
.inl-2cf9a8c2{margin:0 0 12px 0 !important; color:#0c5460 !important; font-size:14px !important; font-weight:600 !important;}
.inl-2932d79a{display:grid !important; gap:10px !important;}
.inl-1ca355fd{width:60px !important; padding:4px !important; border:1px solid #ccc !important; border-radius:3px !important; text-align:right !important;}
.inl-8e96b0eb{background:#fff3cd !important; padding:15px !important; border-radius:6px !important;}
.inl-74b14185{margin:0 0 12px 0 !important; color:#856404 !important; font-size:14px !important; font-weight:600 !important;}
.inl-c1003cf0{display:flex !important; align-items:center !important; gap:4px !important;}
.inl-75b5122e{width:35px !important; text-align:right !important; color:#666 !important;}
.inl-c446bf83{width:50px !important; padding:2px 3px !important; border:1px solid #ccc !important; border-radius:3px !important; text-align:right !important; font-size:12px !important;}
.inl-485581c7{display:flex !important; justify-content:space-between !important; font-size:13px !important;}
.inl-0ce45ac7{color:#666 !important;}
.inl-b28e83ef{margin-top:8px !important; display:flex !important; gap:4px !important; flex-wrap:wrap !important;}
.inl-09d52908{background:#007cba !important; color:white !important; border:none !important; padding:2px 6px !important; border-radius:3px !important; cursor:pointer !important; font-size:11px !important; flex:1 !important;}
.inl-b85f92b7{background:#17a2b8 !important; color:white !important; border:none !important; padding:2px 6px !important; border-radius:3px !important; cursor:pointer !important; font-size:11px !important; flex:1 !important;}
.inl-d8aad2d1{background:#6f42c1 !important; color:white !important; border:none !important; padding:2px 6px !important; border-radius:3px !important; cursor:pointer !important; font-size:11px !important; flex:1 !important;}
.inl-68238044{display:flex !important; justify-content:space-between !important; align-items:center !important;}
.inl-52b9c7db{font-size:13px !important; color:#666 !important;}
.inl-09c6e5ac{display:flex !important; gap:10px !important;}
.inl-e4c2dcc2{background:#1a5a99 !important; color:white !important; border:none !important; padding:8px 15px !important; border-radius:4px !important; cursor:pointer !important; font-size:13px !important;}
.inl-68d03e47{background:#6c757d !important; color:white !important; border:none !important; padding:8px 15px !important; border-radius:4px !important; cursor:pointer !important; font-size:13px !important;}
.inl-3e37da89{background:#1a5a99 !important; color:white !important; border:none !important; padding:8px 15px !important; border-radius:4px !important; cursor:pointer !important; font-size:13px !important; font-weight:600 !important;}
.inl-125adce4{background:#f8f9fa !important; padding:15px !important; margin-bottom:15px !important; border-radius:6px !important; border:1px solid #dee2e6 !important;}
.inl-b4534c93{display:flex !important; flex-wrap:wrap !important; gap:8px !important;}
.inl-e3409c18{background:#4d8cc8 !important; color:white !important; border:none !important; padding:6px 12px !important; border-radius:4px !important; cursor:pointer !important; font-size:12px !important; font-weight:500 !important;}
.inl-153b2178{margin-top:8px !important; font-size:10px !important; color:#555 !important; border:none !important;}
.inl-5790ffba{display:none !important;}
.inl-f49959e7{max-width:95% !important; max-height:85vh !important; height:auto !important; margin:20px auto !important; overflow-y:auto !important; padding:15px !important;}
.inl-671500c0{position:relative !important; top:auto !important; right:auto !important; float:none !important; background:rgba(255,255,255,0.9) !important; border-radius:50% !important; width:30px !important; height:30px !important; display:flex !important; align-items:center !important; justify-content:center !important; z-index:10 !important;}
.inl-62149a6c{margin-bottom:20px !important;}
.inl-9c27d940{margin:0 0 10px 0 !important; font-size:18px !important;}
.inl-6d30806e{background:#f8f9fa !important; border-radius:6px !important; padding:10px !important; margin-bottom:15px !important; display:flex !important; gap:8px !important; flex-wrap:wrap !important; justify-content:center !important;}
.inl-d0dd5b56{display:grid !important; grid-template-columns:1fr !important; gap:15px !important;}
.inl-181b3231{background:#f8f9fa !important; border-radius:6px !important; padding:15px !important;}
.inl-9cf3a566{margin:0 0 8px 0 !important; color:#333 !important; border-bottom:2px solid #007bff !important; padding-bottom:6px !important; font-size:16px !important;}
.inl-57a25bc8{margin:0 0 10px 0 !important; font-size:11px !important; color:#666 !important;}
.inl-7461c11e{background:#e8f5e8 !important; border-radius:6px !important; padding:15px !important;}
.inl-eb45c4e9{margin:0 0 8px 0 !important; color:#333 !important; border-bottom:2px solid #007cba !important; padding-bottom:6px !important; font-size:16px !important;}
.inl-e91fc097{background:#fff3cd !important; border-radius:6px !important; padding:15px !important;}
.inl-1549439c{margin:0 0 8px 0 !important; color:#333 !important; border-bottom:2px solid #ffc107 !important; padding-bottom:6px !important; font-size:16px !important;}
.inl-bd293c76{display:block !important;}
.inl-405c2b2d{display:block !important; font-weight:600 !important; margin-bottom:8px !important; color:#333 !important;}
.inl-26291502{width:100% !important; padding:10px !important; border:1px solid #ddd !important; border-radius:4px !important; background:white !important;}
.inl-ac6fcfe6{display:flex !important; gap:20px !important; margin-bottom:20px !important;}
.inl-e14e7f37{flex:1 !important; padding:8px !important; border:1px solid #ccc !important; border-radius:4px !important;}
.inl-fa26af07{display:none !important; position:fixed !important; top:0 !important; left:0 !important; width:100% !important; height:100% !important; background:rgba(0,0,0,0.8) !important; z-index:10000 !important; overflow-y:auto !important;}
.inl-973dbc1b{max-width:600px !important; margin:50px auto !important; background:white !important; border-radius:8px !important; max-height:calc(100vh - 100px) !important; overflow-y:auto !important;}
.inl-4df95371{background:#f8f9fa !important; padding:20px !important; border-bottom:1px solid #dee2e6 !important; border-radius:8px 8px 0 0 !important; display:flex !important; justify-content:space-between !important; align-items:center !important;}
.inl-bc582ff8{margin:0 !important; color:#333 !important;}
.inl-27c4fc29{font-size:28px !important; font-weight:bold !important; cursor:pointer !important; color:#666 !important;}
.inl-11b271bb{padding:20px !important;}
.inl-74a1f7dc{display:block !important; margin-bottom:8px !important; font-weight:bold !important;}
.inl-cb604614{width:100% !important; padding:10px !important; border:1px solid #ddd !important; border-radius:4px !important; font-size:14px !important;}
.inl-3a665aab{width:100% !important; padding:10px !important; border:1px solid #ddd !important; border-radius:4px !important; font-size:14px !important; height:80px !important; resize:vertical !important;}
.inl-8c882133{background:#f8f9fa !important; padding:15px !important; border-radius:6px !important; margin-bottom:20px !important;}
.inl-b683edc1{margin:0 0 10px 0 !important; color:#333 !important;}
.inl-bd3177fb{color:#666 !important; font-size:14px !important;}
.inl-1beb96fc{display:flex !important; gap:10px !important; justify-content:flex-end !important;}
.inl-252fb7e0{background:#6c757d !important; color:white !important; border:none !important; border-radius:4px !important; padding:10px 20px !important; cursor:pointer !important;}
.inl-fa927e6f{background:#007cba !important; color:white !important; border:none !important; border-radius:4px !important; padding:10px 20px !important; cursor:pointer !important;}
.inl-3a7de051{max-width:800px !important; margin:50px auto !important; background:white !important; border-radius:8px !important; max-height:calc(100vh - 100px) !important; overflow-y:auto !important;}
.inl-311cce0c{margin:0 0 15px 0 !important; color:#333 !important;}
.inl-5c648139{max-height:400px !important; overflow-y:auto !important;}
.inl-39dc9e48{display:flex !important; gap:10px !important; justify-content:space-between !important; align-items:center !important;}
.inl-c4fe4f64{background:#ffc107 !important; color:#212529 !important; border:none !important; border-radius:4px !important; padding:8px 16px !important; cursor:pointer !important; font-size:12px !important;}
.inl-070b046b{background:#17a2b8 !important; color:white !important; border:none !important; border-radius:4px !important; padding:8px 16px !important; cursor:pointer !important; font-size:12px !important;}

/* Guided setup minimal styles */
.guided-step-content{background:#0b1220;color:#e2e8f0;border:1px solid #1f2937;border-radius:10px;padding:16px}
.guided-step-header{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}
.guided-step-title{margin:0;font-size:18px}
.guided-step-subtitle{margin:0;color:#94a3b8;font-size:12px}
.guided-navigation{display:flex;align-items:center;gap:8px;justify-content:space-between;margin-top:12px}
.guided-nav-button{background:#2563eb;border:1px solid #2563eb;color:#fff;padding:6px 12px;border-radius:6px;font-weight:700;cursor:pointer}
.guided-nav-button.secondary{background:#1f2937;border-color:#334155;color:#cbd5e1}
.step-progress{font-size:12px;color:#94a3b8}
.category-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.category-option{background:#111827;border:1px solid #1f2937;border-radius:8px;padding:12px;cursor:pointer}
.category-option.selected{outline:2px solid #2563eb}
.door-style-options,.hardware-options,.drawer-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:1200px){.door-style-options,.hardware-options,.drawer-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.door-style-options,.hardware-options,.drawer-options{grid-template-columns:1fr}}
.door-style-tile,.hardware-tile,.drawer-tile,.case-material-tile,.cabinet-tile{position:relative;background:#111827;border:1px solid #1f2937;border-radius:10px;overflow:hidden;cursor:pointer;display:flex;flex-direction:row;min-height:180px;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.02)}
/* Left image column for portrait preview (approx 28-30% width) */
.door-tile-image,.hardware-tile-image,.drawer-tile-image,.case-material-tile-image,.cabinet-tile-image{width:28%;min-width:160px;max-width:240px;aspect-ratio:3/5;background:#0b1020;display:flex;align-items:center;justify-content:center;overflow:hidden}
.door-tile-image img,.drawer-tile-image img,.hardware-tile-image img,.case-material-tile-image img,.cabinet-tile-image img{width:100%;height:100%;object-fit:cover}
/* Right text column */
.door-tile-content,.hardware-tile-content,.drawer-tile-content{padding:14px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.door-style-tile:hover,.hardware-tile:hover,.drawer-tile:hover{border-color:#334155}
/* Keep tiles a consistent height and prevent overlap */
.door-style-tile *,.hardware-tile *,.drawer-tile *{min-width:0}
@media (max-width:700px){
		.door-style-tile,.hardware-tile,.drawer-tile,.case-material-tile,.cabinet-tile{flex-direction:column}
		.door-tile-image,.hardware-tile-image,.drawer-tile-image,.case-material-tile-image,.cabinet-tile-image{width:100%;min-width:0;height:180px}
}
.door-tile-title,.drawer-tile-title{margin:0 0 6px;font-size:14px}
.door-style-tile.selected,.hardware-tile.selected,.drawer-tile.selected,.case-material-tile.selected{outline:2px solid #10b981}
.door-tile-overlay,.hardware-tile-overlay,.drawer-tile-overlay{position:absolute;inset:auto 8px 8px auto}
.tile-details-btn{background:#1f2937;border:1px solid #334155;color:#cbd5e1;padding:4px 8px;border-radius:6px;font-size:12px;cursor:pointer}
.hardware-color-info{display:flex;align-items:center;gap:6px;margin-top:6px;color:#94a3b8}
.color-swatch{width:14px;height:14px;border-radius:50%;border:1px solid #334155}

/* Details modal content containment and readability */
.guided-details-overlay .gdo-content{grid-template-columns:320px 1fr;gap:14px}
.guided-details-overlay .gdo-content img{max-width:100%;height:auto;display:block}
.guided-details-overlay .gdo-panel{max-height:78vh;overflow:hidden}
.guided-details-overlay .gdo-panel .scrollable{overflow:auto;max-height:calc(78vh - 90px)}

/* Brand R‑T‑A badge minor tweak */
.brand-rta{font-weight:800;color:#e2e8f0;letter-spacing:0.08em}
.brand-rta-a{color:#38bdf8}

/* Step 6 cabinet overview layout */
.cabinet-overview{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;align-items:start}
@media (max-width:1200px){.cabinet-overview{grid-template-columns:1fr}}
@media (max-width:880px){.cabinet-overview{grid-template-columns:1fr}}
.co-illustration{position:relative;background:#0b1020;border:1px solid #1f2937;border-radius:8px;padding:8px;display:flex;align-items:center;justify-content:center}
.co-illustration img{width:100%;height:auto;max-width:1400px}
.co-illustration img{max-width:100%;height:auto;display:block}
.co-illustration.no-image{min-height:200px}
.co-placeholder{position:absolute;inset:8px;border:1px dashed #334155;border-radius:6px;color:#94a3b8;display:none;align-items:center;justify-content:center;padding:10px}
.co-illustration.no-image .co-placeholder{display:flex}
.co-callout{position:absolute;width:24px;height:24px;border-radius:50%;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;box-shadow:0 1px 6px rgba(0,0,0,.35);transform:translate(-50%,-50%)}
.co-explain{background:#0f172a;border:1px solid #1f2937;border-radius:8px;padding:12px}
.co-explain h4{margin:0 0 8px;font-size:16px}
.co-list{margin:0 0 8px 18px;padding:0;display:grid;gap:6px}
.co-num{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#10b981;color:#041a14;font-size:11px;font-weight:800;margin-right:6px}
.co-cta{margin-top:10px}

/* ===== Match index (7) guided modal look ===== */
.modal .guided-step-content{position:relative;z-index:1;pointer-events:auto}
.modal .guided-step-header{text-align:center;margin-bottom:1rem}
.modal .guided-step-title{color:#1a5a99;font-size:1.25rem;margin:0 0 .25rem}
.modal .guided-step-subtitle{color:#94a3b8;font-size:.95rem;margin:0}
.modal .guided-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:.75rem;border-top:1px solid #364b63}
.modal .guided-nav-button{background:linear-gradient(135deg,#1a5a99,#2563eb);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-weight:600;cursor:pointer}
.modal .guided-nav-button[disabled]{opacity:.55;cursor:not-allowed;filter:grayscale(.35)}
.modal .guided-nav-button.secondary{background:transparent;border:1px solid #364b63;color:#94a3b8}
.modal .door-style-tile,.modal .hardware-tile,.modal .drawer-tile,.modal .case-material-tile,.modal .cabinet-tile{transition:transform .12s ease, border-color .12s ease, background .12s ease}
.modal .door-style-tile:hover,.modal .hardware-tile:hover,.modal .drawer-tile:hover,.modal .case-material-tile:hover,.modal .cabinet-tile:hover{border-color:#1a5a99;background:#2d3748;transform:translateY(-2px)}
.modal .door-style-tile.selected,.modal .hardware-tile.selected,.modal .drawer-tile.selected,.modal .case-material-tile.selected,.modal .cabinet-tile.selected{border-color:#10b981;box-shadow:0 0 0 2px rgba(16,185,129,.25)}

/* Category tiles (Step 1) */
.modal .category-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:12px 0 8px}
.modal .category-option{background:#243142;border:2px solid #364b63;border-radius:10px;padding:12px;cursor:pointer;transition:all .2s ease;min-height:120px;display:flex;flex-direction:column;justify-content:center}
.modal .category-option:hover{border-color:#1a5a99;background:#2d3748;transform:translateY(-2px)}
.modal .category-option.selected{border-color:#10b981;box-shadow:0 0 0 2px rgba(16,185,129,.25)}
.modal .category-option h4{color:#e2e8f0;font-size:1rem;margin:0 0 6px;font-weight:600}
.modal .category-option p{color:#94a3b8;font-size:.9rem;margin:0}

/* All option grids (2-up at ~1040px width) */
.modal .door-style-options,.modal .hardware-options,.modal .drawer-options,.modal .case-material-options,.modal .cabinet-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:12px;margin:12px 0 8px}
.modal .door-style-tile,.modal .hardware-tile,.modal .drawer-tile,.modal .case-material-tile,.modal .cabinet-tile{background:#243142;border:2px solid #364b63;border-radius:10px;overflow:hidden;cursor:pointer;transition:all .2s ease;height:180px;display:flex;flex-direction:row}
.modal .door-tile-image,.modal .hardware-tile-image,.modal .drawer-tile-image,.modal .case-material-tile-image,.modal .cabinet-tile-image{width:200px;height:100%;display:flex;align-items:center;justify-content:center;padding:0;background:transparent;overflow:hidden}
.modal .door-tile-image img,.modal .hardware-tile-image img,.modal .drawer-tile-image img,.modal .case-material-tile-image img,.modal .cabinet-tile-image img{width:100%;height:100%;object-fit:contain}
.modal .door-tile-content,.modal .hardware-tile-content,.modal .drawer-tile-content,.modal .case-material-tile-content,.modal .cabinet-tile-content{padding:.75rem;flex:1;display:flex;flex-direction:column;justify-content:center}
.modal .door-tile-title,.modal .hardware-tile-title,.modal .drawer-tile-title,.modal .case-material-tile-title,.modal .cabinet-tile-title{color:#e2e8f0;font-size:1rem;margin:0 0 .25rem;font-weight:600}
.modal .door-tile-description,.modal .hardware-tile-description,.modal .drawer-tile-description,.modal .case-material-tile-description,.modal .cabinet-tile-description{color:#94a3b8;font-size:.85rem;line-height:1.3;margin:0}
.modal .feature-tag{background:rgba(26,90,153,.2);color:#7dd3fc;padding:.15rem .5rem;border-radius:12px;font-size:.72rem;margin-top:.35rem;display:inline-block}
.modal .color-swatch{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.2);display:inline-block;margin-right:6px;vertical-align:middle}

/* Step 6 in modal like index (7) */
.modal .cabinet-overview{display:grid;grid-template-columns:1.45fr 1fr;gap:16px;align-items:start}
.modal .cabinet-overview .co-illustration{position:relative;background:#0f172a;border:1px solid #1f2937;border-radius:10px;overflow:hidden;min-height:260px}
.modal .cabinet-overview .co-illustration img{display:block;width:100%;height:auto;opacity:.95}
.modal .cabinet-overview .co-illustration.no-image{display:flex;align-items:center;justify-content:center}
.modal .cabinet-overview .co-illustration .co-placeholder{position:absolute;inset:0;display:none;align-items:center;justify-content:center;color:#cbd5e1;font-size:14px;padding:12px;text-align:center}
.modal .cabinet-overview .co-illustration.no-image .co-placeholder{display:flex}
.modal .cabinet-overview .co-callout{position:absolute;width:26px;height:26px;border-radius:50%;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.35);border:2px solid rgba(255,255,255,.25)}
.modal .cabinet-overview .co-explain{background:#0b1220;border:1px solid #1f2937;border-radius:10px;padding:12px;color:#e2e8f0}
.modal .cabinet-overview .co-explain h4{margin:0 0 8px 0}
.modal .cabinet-overview .co-list{margin:0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.modal .cabinet-overview .co-list li{display:flex;gap:8px;line-height:1.3;color:#cbd5e1}
.modal .cabinet-overview .co-num{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:50%;background:#1f2937;color:#93c5fd;font-weight:700;margin-top:2px}
.modal .cabinet-overview .co-cta{margin-top:10px;display:flex;justify-content:flex-end}
@media (max-width:900px){.modal .cabinet-overview{grid-template-columns:1fr}}

/* Step 6 readability tweaks: slightly smaller body text */
.modal .cabinet-overview .co-explain p,
.modal .cabinet-overview .co-explain li{font-size:.95rem;line-height:1.35}

/* Step-specific overrides (door styles) */
.modal #door-styles-tab .door-style-options{grid-template-columns:repeat(auto-fit,minmax(420px,1fr))}
.modal #door-styles-tab .door-style-tile{display:flex;flex-direction:row;height:180px}
.modal #door-styles-tab .door-style-tile .door-tile-image{width:200px;height:100%;padding:0;margin:0;background:transparent}
.modal #door-styles-tab .door-style-tile .door-tile-image img{width:100%;height:100%;object-fit:contain}
.modal #door-styles-tab .door-style-tile .door-tile-content{flex:1;display:flex;flex-direction:column;justify-content:center}

/* Responsive fallback */
@media (max-width:560px){
	.modal .door-style-options,.modal .hardware-options,.modal .drawer-options,.modal .case-material-options,.modal .cabinet-options{grid-template-columns:1fr}
	.modal .door-style-tile,.modal .hardware-tile,.modal .drawer-tile,.modal .case-material-tile,.modal .cabinet-tile{flex-direction:column}
	.modal .door-tile-image,.modal .hardware-tile-image,.modal .drawer-tile-image,.modal .case-material-tile-image,.modal .cabinet-tile-image{width:100%;height:110px}
}

/* Prefinished Slab parity */
.modal #door-styles-tab .door-style-options.cat-prefinished-slab .door-style-tile{height:180px}
.modal #door-styles-tab .door-style-options.cat-prefinished-slab .door-style-tile .door-tile-image{height:100%;overflow:hidden}
.modal #door-styles-tab .door-style-options.cat-prefinished-slab .door-style-tile .door-tile-image img{width:100%;height:100%;object-fit:contain}

/* Category-specific image cover/crop for tall/skinny items */
/* For Prefinished Slab and Stain Grade: use cover + top center to keep visual width consistent */
.modal #door-styles-tab .door-style-options.cat-prefinished-slab .door-style-tile .door-tile-image img,
.modal #door-styles-tab .door-style-options.cat-stain-grade .door-style-tile .door-tile-image img{
	object-fit:cover;
	object-position:top center;
}
/* Case materials benefit from cover as well to avoid skinny thumbnails */
.modal #case-materials-tab .case-material-tile-image img{
	object-fit:cover;
	object-position:top center;
}

/* Step 6 R‑T‑A note block styling */
.modal .cabinet-overview .co-note{
	margin-top:8px;
	background:#0f172a;
	border:1px solid #1f2937;
	border-radius:8px;
	padding:10px 12px;
	color:#cbd5e1;
	font-size:.92rem;
	line-height:1.35;
}

/* Legacy modal (door.html) base styles to support cleaned head */
.modal{position:fixed;inset:0;background:rgba(2,6,23,.55);z-index:10000;overflow-y:auto;}
.modal[style*="display: none"]{display:none!important}
.modal[style*="display: block"],.modal.show{display:block}
.modal-content{background:#fff;margin:20px auto;padding:20px;border-radius:8px;width:90%;max-width:1000px;position:relative;max-height:85vh;overflow-y:auto}
.close{color:#aaa;position:absolute;top:15px;right:20px;font-size:28px;font-weight:bold;cursor:pointer}
.close:hover{color:#000}
.tab-container{display:flex;border-bottom:2px solid #dee2e6;margin-bottom:20px}
.tab-button{background:#f8f9fa;border:none;padding:12px 24px;cursor:pointer;font-size:14px;font-weight:500;color:#6c757d;border-bottom:3px solid transparent;transition:all .3s ease}
.tab-button:hover{background:#e9ecef;color:#495057}
.tab-button.active{background:#fff;color:#007bff;border-bottom-color:#007bff}
.tab-content{display:none}
.tab-content.active{display:block}