/* Çağ Decor — Teklif formu: oda bazlı tadilat yapılandırıcısı */
.bath-nav[hidden]{display:none!important}
[data-send-album][hidden]{display:none!important}
.quote-surface [hidden]{display:none!important}
#bath-config input[aria-invalid=true]{background:#fff4ef;outline:1px solid #984b35}
.room-panel .text-link{margin-top:28px}
.room-panel .material-options+.check-line{margin-top:18px!important}
/* Mutfak: dolap duvarı uzunlukları */
.room-runs{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}
.room-runs label{color:#666;margin:0;font-size:11px;display:block}
.room-runs label[hidden]{display:none}
.room-runs label>div{background:#fff;border:1px solid #d8dbcf;align-items:center;margin-top:8px;display:flex}
.room-runs input{background:0 0;border:0;width:100%;min-width:0;padding:12px 7px;font-size:15px}
.room-runs label>div>span{padding-right:7px;font-size:11px}
.room-summary-meta{color:#72766c;padding:9px 0 3px;font-size:10px;line-height:1.7}
/* Konum, zamanlama ve bütçe her talepte sorulur */
.quote-surface.bath-active .contact-fields>label:has([name=city]),.quote-surface.bath-active .contact-fields>label:has([name=timing]),.quote-surface.bath-active .contact-fields>label:has([name=budget]){display:block!important}
.room-bar{background:#fafbf7;border:1px solid #dedfd6;margin-bottom:22px;padding:18px;scroll-margin-top:130px}
.room-bar-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}
.room-bar-head .eyebrow{color:#899076;letter-spacing:2px;margin:0;font-size:10px}
.room-bar-head>span{color:#888;font-size:11px}
.room-tabs{flex-wrap:wrap;gap:10px;display:flex}
.room-tab{background:#fff;border:1px solid #dcded4;align-items:stretch;min-width:0;display:flex}
.room-tab>button:first-child{text-align:left;color:#333;background:0 0;border:0;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:4px 10px;min-width:160px;max-width:250px;padding:10px 6px 10px 10px;display:grid}
.room-tab>button:first-child>span{color:#657049;background:#f3f5ed;border:1px solid #cdd2be;grid-row:span 2;place-items:center;width:28px;height:28px;font-size:10px;display:grid}
.room-tab strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}
.room-tab small{color:#888;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}
.room-tab small b{color:#5b6544;font-weight:500}
.room-tab.is-active{background:#f1f4e9;border-color:#6d7659;box-shadow:inset 0 0 0 1px #6d7659}
.room-tab.is-active>button:first-child>span{color:#fff;background:#67714e;border-color:#67714e}
.room-tab-remove{color:#888;background:0 0;border:0;border-left:1px solid #e4e5dd;padding:0 12px;font-size:19px}
.room-tab-remove:hover{color:#984b35;background:#fff4ef}
.room-add{color:#5b6544;letter-spacing:.3px;background:#fff;border:1px dashed #9aa384;min-height:52px;padding:10px 18px;font-size:11px}
.room-add:hover{background:#e8edde}
.room-add>span{margin-right:4px;font-size:15px}
.room-status{color:#657049;margin-top:12px;font-size:11px;line-height:1.6}
.room-status:empty{display:none}
.room-status button{color:#5b6544;text-underline-offset:3px;background:0 0;border:0;padding:0 2px;font-size:11px;font-weight:600;text-decoration:underline}
.room-panel[hidden]{display:none!important}
.room-empty{color:#777;background:#f7f8f4;border:1px dashed #cfd3c3;margin-bottom:34px;padding:26px 22px;font-size:13px}
.room-empty strong{color:#333;font-size:17px;font-weight:500;display:block}
.room-empty p{max-width:520px;margin:8px 0 20px;line-height:1.7}
.room-empty .room-type-grid{padding:0}
.room-identity{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;display:grid}
.room-identity label{color:#666;margin:0;font-size:11px}
.room-identity label>span{color:#999}
.room-identity select,.room-identity input{width:100%;font:inherit;color:#333;background:#fff;border:1px solid #d8dbcf;min-height:46px;margin-top:8px;padding:11px 9px;font-size:14px;display:block}
.room-type-note{color:#636c52;background:#f0f1e9;margin:-4px 0 18px;padding:10px 12px;font-size:11px;line-height:1.6}
.bath-selected-item small[data-pick-line]{color:#5b6544}
.bath-item-quantity input[step="0.01"]{width:70px}
.room-summary-head{border-bottom:1px solid #cdd4be;justify-content:space-between;align-items:baseline;gap:16px;margin-top:24px;padding-bottom:9px;display:flex}
.room-summary-head:first-child{margin-top:0}
.room-summary-head strong{font-size:13px;font-weight:600}
.room-summary-head small{color:#888;margin-top:4px;font-size:10px;display:block}
.room-summary-head>b{white-space:nowrap;font-size:13px;font-weight:600}
.room-summary-empty{color:#999;border-bottom:1px solid #e1e4d8;padding:12px 0;font-size:11px}
.room-type-dialog{width:min(880px,100vw - 80px)}
.room-type-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0 28px 28px;display:grid}
.room-type-option{text-align:left;color:#333;background:#fff;border:1px solid #ddd;flex-direction:column;padding:0;display:flex}
.room-type-option img{object-fit:contain;background:#f5f5f1;width:100%;height:112px}
.room-type-option strong{padding:12px 12px 0;font-size:13px;font-weight:500}
.room-type-option small{color:#888;padding:6px 12px 14px;font-size:10px;line-height:1.6}
.room-type-option:hover,.room-type-option:focus-visible{border-color:#77855c;box-shadow:0 0 0 1px #77855c}
/* Fiyatsız form: işçilik satırında yalnızca miktar, oda sekmesinde seçim sayısı */
.bath-labor-row{grid-template-columns:minmax(0,1fr) 120px}
.bath-summary-line>b{white-space:nowrap}
/* Uzun talepler: PDF + WhatsApp gönderim penceresi */
.send-dialog{width:min(620px,100vw - 40px)}
.send-intro{color:#555;padding:22px 28px 6px;font-size:13px;line-height:1.7}
.send-steps{counter-reset:none;gap:14px;margin:0;padding:12px 28px 4px;list-style:none;display:grid}
.send-steps>li{background:#fafbf7;border:1px solid #dedfd6;grid-template-columns:34px minmax(0,1fr);gap:14px;padding:18px;display:grid}
.send-steps>li>span{color:#657049;background:#f3f5ed;border:1px solid #cdd2be;place-items:center;width:34px;height:34px;font-size:13px;display:grid}
.send-steps>li.is-done{border-color:#6d7659}
.send-steps>li.is-done>span{color:#fff;background:#67714e;border-color:#67714e}
.send-steps strong{font-size:14px;font-weight:600}
.send-steps p{color:#666;margin:6px 0 14px;font-size:12px;line-height:1.6}
.send-steps .outline-button,.send-steps .solid-button{width:100%;min-width:0;min-height:50px;font-size:12px}
.send-steps small{color:#5b6544;margin-top:8px;font-size:11px;display:block}
.send-note{color:#888;padding:14px 28px 26px;font-size:11px;line-height:1.6}
@media (width<=700px){
.room-runs{grid-template-columns:repeat(2,minmax(0,1fr))}
.room-empty{padding:18px 14px}
.room-bar{margin-left:0;margin-right:0;padding:14px}
.room-tabs{scrollbar-width:none;flex-wrap:nowrap;margin:0 -14px;padding:0 14px 2px;overflow-x:auto}
.room-tabs::-webkit-scrollbar{display:none}
.room-tab,.room-add{flex:none}
.room-tab>button:first-child{min-width:140px}
.room-identity{grid-template-columns:1fr}
.bath-nav{scrollbar-width:none;display:flex;overflow-x:auto}
.bath-nav::-webkit-scrollbar{display:none}
.bath-nav button{flex:1 0 72px}
.room-type-dialog{width:calc(100vw - 24px)}
.room-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 16px 20px}
.room-type-option img{height:88px}
.room-summary-head{gap:10px}
.send-intro{padding:18px 16px 4px}
.send-steps{padding:10px 16px 4px}
.send-steps>li{grid-template-columns:28px minmax(0,1fr);gap:10px;padding:14px}
.send-steps>li>span{width:28px;height:28px}
.send-note{padding:12px 16px 20px}
}
@media print{.room-bar,.room-type-dialog,.send-dialog{display:none!important}}

/* Başlangıç: bütün odalar seçildikten sonra ölçü ve ürün tercihleri açılır. */
.room-selection{background:#fafbf7;border:1px solid #dce0d2;margin:0 0 28px;padding:26px;scroll-margin-top:125px}
.room-selection[hidden]{display:none!important}
.room-selection h3,.room-selection h2{max-width:650px;color:#232a20;font-size:clamp(21px,2.4vw,28px);line-height:1.35}
.room-selection>p,.room-selection-description{max-width:650px;color:#5f6659;margin-top:10px;font-size:13px;line-height:1.8}
.room-selection .room-type-grid,.room-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 0;padding:0;display:grid}
.room-choice,.room-selection .room-type-option{position:relative;width:100%;min-width:0;min-height:176px;overflow:hidden;border:1px solid #d9ddce;background:#fff;color:#2e3529;cursor:pointer;text-align:left;padding:14px;display:flex;flex-direction:column;gap:0;transition:background .15s,border-color .15s,box-shadow .15s}
.room-choice img,.room-selection .room-type-option img{width:100%;height:88px;object-fit:contain;background:#f7f8f2;mix-blend-mode:multiply;margin:0 0 10px}
.room-choice strong,.room-selection .room-type-option strong{display:block;padding:0 26px 0 0;font-size:13px;font-weight:600;line-height:1.5}
.room-choice small,.room-selection .room-type-option small{display:block;padding:7px 0 0;color:#616959;font-size:11px;line-height:1.65}
.room-choice::after,.room-selection .room-type-option::after{content:"";position:absolute;top:14px;right:14px;width:22px;height:22px;background:#fff;border:1px solid #b3bca5;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:600;line-height:1}
.room-choice:hover,.room-selection .room-type-option:hover{background:#f6f8ef;border-color:#82916c}
.room-choice.is-selected,.room-choice[aria-pressed=true],.room-selection .room-type-option.is-selected,.room-selection .room-type-option[aria-pressed=true]{background:#f0f4e8;border-color:#677c4e;box-shadow:inset 0 0 0 1px #677c4e}
.room-choice.is-selected::after,.room-choice[aria-pressed=true]::after,.room-selection .room-type-option.is-selected::after,.room-selection .room-type-option[aria-pressed=true]::after{content:"";color:#fff;background:#52673c;border-color:#52673c}
.room-choice.is-selected::before,.room-choice[aria-pressed=true]::before,.room-selection .room-type-option.is-selected::before,.room-selection .room-type-option[aria-pressed=true]::before{content:"";z-index:1;position:absolute;top:18px;right:21px;width:7px;height:12px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg)}
.room-selection-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-top:24px;border-top:1px solid #dce1d3;padding-top:20px}
.room-selection-actions p,.room-selection-actions>span{color:#5e6852;margin:0;font-size:12px;line-height:1.7}
.room-selection-actions button{min-height:50px}
.room-selection-actions button:disabled{color:#747a6b;background:#e2e6db;border-color:#d3dac7;cursor:not-allowed}
.room-selection-note{color:#67715a;margin-top:14px;font-size:11px;line-height:1.7}
.room-type-quantity{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;text-align:center;min-height:46px;margin-top:6px;background:#edf2e5;border:1px solid #d6dfc8;color:#435632;font-size:12px}
.room-type-quantity button{min-height:44px;min-width:44px;border:0;background:#fff;color:#445b31;font-size:22px}
.room-type-quantity button:hover{background:#dce8cb}
.room-edit{min-height:52px;padding:12px 18px;border:1px solid #a6b391;color:#495f37;background:#f7faf2;font-size:12px;line-height:1.5}
.room-edit:hover{background:#eaf1de;border-color:#6d8452}

/* Açık, harflerle eşleşen mutfak duvarı krokileri. */
.room-panel .shape-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.room-panel .shape-option{padding:12px;background:#fff;border-color:#d8ded0;min-width:0}
.room-panel .shape-option svg.kitchen-diagram{display:block;width:100%;height:auto;aspect-ratio:340/224}
.room-panel .shape-option:has(input:checked){background:#f4f7ee;border-color:#5e7448;box-shadow:inset 0 0 0 1px #5e7448}
.room-panel .shape-option>span{min-height:32px;gap:10px;margin-top:10px;color:#2d3727;font-size:13px;font-weight:500}
.room-panel .shape-option i{width:22px;height:22px;flex-shrink:0;font-size:12px}
.room-panel .shape-option:has(input:checked) i{background:#52673c;border-color:#52673c}
.shape-option svg.kitchen-diagram text{font-family:inherit;font-size:11px;fill:inherit}
.shape-option svg.kitchen-diagram .kitchen-measure text{font-size:14px}
.shape-option svg.kitchen-diagram .kitchen-measure .kitchen-measure-value{font-size:11px}
.shape-option svg.kitchen-diagram .kitchen-diagram-area{fill:#747d6c}
.shape-option svg.kitchen-diagram .kitchen-diagram-caption{fill:#5f685a;font-size:10px}
.kitchen-diagram-legend{color:#5f6957;background:#f6f8f2;border-left:3px solid #83916f;margin-top:14px;padding:12px 14px;font-size:12px;line-height:1.75}
.kitchen-measure-preview{display:flex;justify-content:center;margin:18px 0 14px;border:1px solid #dce2d3;background:#fafbf7;padding:16px}
.kitchen-measure-preview .kitchen-diagram{display:block;width:100%;max-width:440px;height:auto}
.kitchen-measure-preview text{font-family:inherit}

/* cm girişleri ve hesaplanan m² alanları: birimler sabit, sayılar genişler. */
.room-panel .bath-measures label,.room-panel .bath-areas label,.room-runs label{color:#565e4d;font-size:12px;line-height:1.5;min-width:0}
.room-panel .bath-measures label>div,.room-panel .bath-areas label>div,.room-runs label>div{border:1px solid #cbd2be;background:#fff;display:flex;align-items:center;min-height:50px;margin-top:8px;transition:border-color .15s,box-shadow .15s}
.room-panel .bath-measures input,.room-panel .bath-areas input,.room-runs input{min-width:0;width:100%;min-height:48px;padding:12px 10px;color:#293322;background:transparent;border:0;font-size:16px;line-height:1.4}
.room-panel .bath-measures label>div>span,.room-panel .bath-areas label>div>span,.room-runs label>div>span{flex-shrink:0;align-self:stretch;display:flex;align-items:center;background:#f5f7ef;color:#56644a;border-left:1px solid #e2e7d9;padding:0 10px;font-size:12px;font-weight:500}
.room-runs label[data-run-field=A]{--run-color:#506547}
.room-runs label[data-run-field=B]{--run-color:#895b3c}
.room-runs label[data-run-field=C]{--run-color:#486876}
.room-runs label[data-run-field]{border-top:2px solid var(--run-color,#7c846f);padding-top:9px}
.room-runs label[data-run-field]>div{margin-top:8px}
.room-panel .bath-measures label>div:focus-within,.room-panel .bath-areas label>div:focus-within,.room-runs label>div:focus-within{border-color:#65794b;box-shadow:0 0 0 2px #65794b24}
.room-panel .bath-plan figcaption{font-size:11px;line-height:1.7}

/* Oda fotoğrafları: görünür ekleme alanı, küçük önizlemeler, erişilebilir silme. */
.room-photos{min-width:0;margin-top:24px;padding:22px;border:1px solid #d8dfcb;background:#fbfcf8}
.room-photos h3,.room-photos h4{margin:0;color:#293522;font-size:17px;font-weight:600;line-height:1.4}
.room-photos>p,.room-photos .photo-hint{margin:8px 0 16px;color:#5d6754;font-size:12px;line-height:1.75}
.room-photos .photo-help,.room-photos .photo-privacy{font-size:11px;line-height:1.7;color:#65705a}
.photo-upload,.photo-upload-label,.room-photo-upload{position:relative;min-height:72px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;width:100%;padding:18px;border:1px dashed #9eae88;background:#fff;color:#425435;font-size:13px;font-weight:500;text-align:center;cursor:pointer}
.photo-upload:hover,.photo-upload-label:hover,.room-photo-upload:hover{border-color:#5d7645;background:#f2f6e9}
.photo-upload::before{content:"";display:block;flex-shrink:0;width:30px;height:30px;border:1px solid #bbc9a7;border-radius:50%;background:linear-gradient(#4e6637,#4e6637) center/12px 1px no-repeat,linear-gradient(#4e6637,#4e6637) center/1px 12px no-repeat}
.room-photos input[type=file]{max-width:100%;min-height:44px;margin-top:12px;padding:8px 0;color:#4f5c43;font-size:12px}
.photo-upload input[type=file]{position:absolute;width:1px;height:1px;min-height:0;margin:0;padding:0;clip-path:inset(50%);overflow:hidden}
.room-photos input[type=file]::file-selector-button{min-height:44px;margin-right:12px;padding:10px 14px;border:1px solid #788d60;background:#fff;color:#3f5530;font:inherit;font-weight:500;cursor:pointer}
.photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}
.photo-grid:empty{display:none}
.photo-card{position:relative;min-width:0;margin:0;border:1px solid #d9dfd1;background:#fff;overflow:hidden}
.photo-card img{display:block;width:100%;height:115px;object-fit:cover;background:#edf0e6}
.photo-card figcaption,.photo-card>span,.photo-card>small,.photo-card>p{display:block;margin:0;padding:10px;color:#515d47;overflow-wrap:anywhere;font-size:11px;line-height:1.55}
.photo-card button,.photo-card [data-remove-photo],.photo-card [data-photo-remove]{position:absolute;top:7px;right:7px;display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:1px solid #d8ddd1;border-radius:50%;background:#fffffff2;color:#35432c;font-size:24px;line-height:1;box-shadow:0 2px 8px #18250c18}
.photo-card button:hover{background:#fff0e9;color:#853c26;border-color:#ba8f7c}
.photo-status,.room-photos [role=status]{display:block;margin-top:12px;color:#5b694d;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.photo-status.is-error,.room-photos [role=alert]{color:#8a402a}

/* Seramik: net alan + %20 fire ve torba / bidon hesabı birlikte okunur. */
.material-estimate{margin-top:22px;padding:22px;border:1px solid #cfd9c1;background:#f3f7ed;color:#33452b;min-width:0}
.material-estimate[hidden]{display:none!important}
.material-estimate h3,.material-estimate h4{margin:0;font-size:15px;font-weight:600;line-height:1.5}
.material-estimate>p,.material-estimate .material-estimate-note{margin:8px 0 0;color:#58664d;font-size:12px;line-height:1.75}
.material-estimate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}
.material-estimate-grid>div,.material-estimate-grid>article{padding:13px 12px;background:#fff;border:1px solid #dce4d1;min-width:0}
.material-estimate-grid strong,.material-estimate-grid b{display:block;color:#3b522c;font-size:18px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}
.material-estimate-grid span,.material-estimate-grid small{display:block;color:#5e6c52;margin-top:5px;font-size:11px;line-height:1.65}
.material-estimate dl:not(.material-estimate-grid){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px 16px;margin:16px 0 0;font-size:12px;line-height:1.6}
.material-estimate dt,.material-estimate dd{margin:0;min-width:0}
.material-estimate dd{text-align:right;font-weight:600}
.material-estimate-grid>div>dt{color:#5e6c52;font-size:11px;line-height:1.65}
.material-estimate-grid>div>dd{margin-top:7px;color:#3b522c;text-align:left;font-size:18px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}

/* Klavye ve dokunma: sık kullanılan küçük kontroller de en az 44 px. */
#bath-config :is(button,input,select,textarea):focus-visible,.room-selection :is(button,input):focus-visible,.room-photos :is(button,input):focus-visible{outline:2px solid #62764a;outline-offset:3px}
.room-choice:has(input:focus-visible),.photo-upload:has(input:focus-visible),.room-panel .shape-option:has(input:focus-visible){outline:2px solid #62764a;outline-offset:3px}
.room-panel .bath-remove,.room-tab-remove,.bath-picker-close{min-width:44px;min-height:44px}
.room-panel .bath-text-button{min-height:44px;padding-top:9px;padding-bottom:9px}
.room-panel .check-line{min-height:44px}
.room-panel .bath-item-quantity input,.room-panel .bath-labor-qty input{min-height:44px;font-size:14px}
.room-panel .bath-item-quantity{flex-wrap:wrap;gap:6px 10px;min-width:0;font-size:11px;line-height:1.5}
.room-panel .bath-item-quantity input[data-cm]{width:90px;max-width:100%;min-width:0;padding:8px}
.room-panel .bath-item-quantity input:disabled{color:#69725f;background:#f0f3e9;opacity:1}
.room-panel :is(.bath-hint,.dimension-hint,.room-type-note){color:#59634f}
.room-panel .bath-slot-top>span,.room-summary-meta{color:#5d6653}

@media (width<=900px){
.room-selection .room-type-grid,.room-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (width<=700px){
.room-selection{padding:20px 16px;margin-bottom:22px}
.room-selection .room-type-grid,.room-choice-grid{gap:10px;margin-top:20px}
.room-choice,.room-selection .room-type-option{padding:12px;min-height:172px}
.room-choice strong,.room-selection .room-type-option strong{font-size:12px;line-height:1.5}
.room-choice small,.room-selection .room-type-option small{font-size:11px}
.room-choice::after,.room-selection .room-type-option::after{top:10px;right:10px}
.room-choice.is-selected::before,.room-choice[aria-pressed=true]::before,.room-selection .room-type-option.is-selected::before,.room-selection .room-type-option[aria-pressed=true]::before{top:14px;right:17px}
.room-selection-actions{align-items:stretch;gap:12px}
.room-selection-actions button{width:100%;min-height:52px}
.room-selection-actions p,.room-selection-actions>span{width:100%}
.room-panel .shape-options{grid-template-columns:1fr;gap:12px}
.room-panel .shape-option{display:grid;grid-template-columns:minmax(0,1fr) 105px;align-items:center;gap:12px;padding:12px}
.room-panel .shape-option svg.kitchen-diagram{max-width:300px;justify-self:center}
.room-panel .shape-option>span{flex-direction:column;align-items:flex-start;gap:14px;margin:0;font-size:13px;line-height:1.5}
.room-panel .bath-measures{gap:8px}
.room-panel .bath-measures input,.room-panel .bath-areas input,.room-runs input{padding:12px 8px}
.room-panel .bath-measures label>div>span,.room-panel .bath-areas label>div>span,.room-runs label>div>span{padding:0 7px;font-size:11px}
.room-panel .bath-labor-row{grid-template-columns:minmax(0,1fr) 96px}
.room-panel .bath-labor-row>label{grid-row:auto}
.room-panel .bath-labor-row strong{font-size:12px;line-height:1.5}
.room-panel .bath-labor-row small{font-size:11px;line-height:1.5}
.room-photos,.material-estimate{padding:18px 14px}
.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.photo-card img{height:120px}
.material-estimate-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.material-estimate-grid>div:last-child:nth-child(odd),.material-estimate-grid>article:last-child:nth-child(odd){grid-column:1/-1}
.material-estimate-grid strong,.material-estimate-grid b{font-size:17px}
}
@media (width<=380px){
.room-selection{padding:16px 12px}
.room-choice,.room-selection .room-type-option{padding:10px}
.room-choice img,.room-selection .room-type-option img{height:72px}
.room-panel .shape-option{grid-template-columns:minmax(0,1fr) 85px;gap:4px;padding:10px}
.room-panel .bath-measures{grid-template-columns:repeat(2,minmax(0,1fr))}
.room-panel .bath-measures>label:last-child{grid-column:1/-1}
.material-estimate-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.room-choice,.room-selection .room-type-option,.room-runs label>div{transition:none}}
@media print{.room-selection,.room-photos{display:none!important}.material-estimate{break-inside:avoid}}

/* Seçilen odalar tek sayfada alt alta; üst oda bağlantıları yalnız kaydırır. */
#room-panels{display:grid;gap:34px}
.room-panel{min-width:0;padding:26px;border:1px solid #dce2d3;background:#fff;scroll-margin-top:125px}
.room-flow-heading{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:start;gap:18px;margin:0 0 20px;padding-bottom:22px;border-bottom:1px solid #dce3d1}
.room-flow-number{display:flex;align-items:center;justify-content:center;min-height:54px;border:1px solid #c2ceaf;background:#edf3e3;color:#4b6235;font-size:10px;font-weight:600;line-height:1.5;text-align:center}
.room-flow-heading .eyebrow{color:#637652;font-size:10px;letter-spacing:1.7px;line-height:1.6}
.room-flow-heading h2{color:#283620;font-size:clamp(24px,2.8vw,32px);line-height:1.3;margin:5px 0 8px;overflow-wrap:anywhere}
.room-flow-heading p:not(.eyebrow){color:#626d57;font-size:12px;line-height:1.75}
.room-flow-remove{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 12px;border:1px solid #d7ddce;background:#fff;color:#6a735f;font-size:11px;line-height:1.5}
.room-flow-remove>span{font-size:20px;line-height:1}
.room-flow-remove:hover{background:#fff2eb;border-color:#c79882;color:#84442c}
.room-section-nav{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 28px}
.room-section-nav button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px 11px;border:1px solid #dde4d2;background:#f7faf2;color:#4e613d;font-size:11px;line-height:1.5}
.room-section-nav button>span{color:#8a9c78;font-size:10px}
.room-section-nav button:hover{background:#eaf2df;border-color:#9aac86}
.room-panel>.bath-section:last-of-type{border-bottom:0;margin-bottom:20px;padding-bottom:0}
.room-flow-next{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:22px;padding-top:20px;border-top:1px solid #dce3d1}
.room-flow-next p{flex:1 1 200px;color:#5d6c4d;font-size:12px;line-height:1.75}
.room-flow-next button{min-height:50px;font-size:11px;line-height:1.5}
.room-more{min-width:0;margin:30px 0 34px;padding:26px;border:1px solid #cbd7bb;background:#f3f7ed;scroll-margin-top:125px}
.room-more>.eyebrow{color:#677b50;font-size:10px;line-height:1.6}
.room-more h3{margin:8px 0 10px;color:#2e4023;font-size:clamp(21px,2.3vw,27px);line-height:1.4}
.room-more>p:not(.eyebrow){color:#5e6d50;font-size:12px;line-height:1.8}
.room-more-fields{display:grid;grid-template-columns:minmax(0,1fr) 96px auto;align-items:end;gap:12px;margin:22px 0}
.room-more-fields label{display:block;min-width:0;margin:0;color:#566648;font-size:12px;line-height:1.5}
.room-more-fields select,.room-more-fields input{display:block;width:100%;min-width:0;min-height:48px;margin-top:8px;padding:12px;border:1px solid #c8d3b8;background:#fff;color:#34492a;font-size:15px;line-height:1.5}
.room-more-fields button{min-height:48px;padding:12px 18px;font-size:11px}
.room-more-continue{width:100%;min-height:52px;font-size:12px}
.room-flow-heading h2:focus-visible,.room-more h3:focus-visible{outline:2px solid #62764a;outline-offset:4px}
@media (width<=900px){
.room-flow-heading{grid-template-columns:58px minmax(0,1fr);gap:14px}
.room-flow-remove{grid-column:2;justify-self:start}
}
@media (width<=700px){
#room-panels{gap:24px}
.room-panel{padding:20px 14px}
.room-flow-heading{grid-template-columns:48px minmax(0,1fr);gap:12px;padding-bottom:18px;margin-bottom:16px}
.room-flow-number{min-height:48px;font-size:9px}
.room-flow-heading h2{font-size:24px}
.room-flow-remove{min-height:44px;padding:9px 11px}
.room-section-nav{gap:6px;margin-bottom:24px}
.room-section-nav button{flex:1 1 86px;padding:10px 7px;font-size:11px}
.room-flow-next{gap:12px}
.room-flow-next button{width:100%;min-height:52px}
.room-more{margin-top:24px;padding:20px 16px}
.room-more-fields{grid-template-columns:minmax(0,1fr) 82px;gap:12px}
.room-more-fields button{grid-column:1/-1;width:100%;min-height:48px}
}
@media print{.room-flow-next,.room-more,.room-section-nav,.room-flow-remove{display:none!important}}