/* Cabinse Kumsal: visual-only layer; pricing and product constraints stay in the original engine. */
:root{--bg:#f4f4ee;--bg-2:#e8e7df;--panel:#fbfaf6;--surface:#f0f0e8;--ink:#292f26;--line:#d5d8cb;--line-soft:#e1e3d8;--gray:#626958;--gold:#8b8766;--gold-soft:#e7e4d6;--terracotta:#454d3e;--terracotta-soft:#e4e8dc;--terracotta-deep:#30382a;--sage:#646e52;--sage-soft:#e6eadc;--cream:#fafaf6;--font-display:'Figtree',Arial,sans-serif;--r-sm:5px;--r-md:8px;--r-lg:12px;--r-pill:6px;--sh-sm:none;--sh-md:none;--sh-lg:0 18px 44px -20px #29302644}
html,body{background:var(--bg)}header{padding:18px 28px;background:var(--panel)}.subtitle{font-size:12px;letter-spacing:.12em}.stage{background:#e5e6df}#stageWatermark{display:none!important}#productStageOverlay .logo-img{filter:none;opacity:.6;height:27px!important}#productStageOverlay .tagline{display:none}.panel{background:var(--panel);border-left:1px solid var(--line);padding:26px}.wizard-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.wizard-tabs button{padding:10px 3px;min-height:40px;font-size:12px;border-radius:5px}.wizard-step-title{font-weight:600;font-size:27px;letter-spacing:-.03em}.wizard-step-desc{font-size:14px;line-height:1.7}.wizard-step-num{font-size:12px;letter-spacing:.08em}.wizard-card{border-width:1px;border-radius:6px}.wizard-card .wc-title{font-size:14px}.wizard-card .wc-sub{font-size:12px}.wizard-card .wc-code{display:none}.wizard-card:hover{transform:none}.wizard-nav .wz-price{display:none}.wizard-nav{justify-content:flex-end}.wizard-nav-btns{width:100%;justify-content:space-between}.wizard-btn-back,.wizard-btn-next{font-size:14px;min-height:46px;border-radius:5px}.wizard-btn-next{padding-inline:32px}.panel:has(#wzNextBtn) #sendBtn,.panel:has(#wzNextBtn) #siparisBtn{display:none}
/* Hesap çipi (Google ile giriş) */
.header-hesap{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink)}
.header-hesap img{width:26px;height:26px;border-radius:50%;object-fit:cover}
.header-hesap .hesap-ad{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.header-hesap .hesap-cikis{background:none;border:1px solid var(--line);border-radius:6px;padding:5px 9px;font:inherit;font-size:12px;cursor:pointer;color:var(--ink)}
.header-hesap[hidden],[data-google-giris][hidden]{display:none!important}
/* Tasarımlarım listesi */
.tl-liste{display:grid;gap:8px;margin:12px 0}
.tl-satir{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font-size:13px}
.tl-satir b{flex:1;font-weight:600}
.tl-satir span{color:var(--gray);font-size:12px}
.tl-satir button{background:none;border:1px solid var(--line);border-radius:6px;padding:6px 10px;font:inherit;font-size:12px;cursor:pointer;color:var(--ink)}
/* Sipariş ve WhatsApp düğmeleri */
.footer-ikincil{display:flex;gap:8px;margin-top:8px}
.footer-ikincil .cta{flex:1;margin:0;font-size:13px;padding:11px 10px}
.cta-ikincil{background:transparent!important;color:var(--ink)!important;border:1px solid var(--ink)!important}
.cta-whatsapp{background:#1f8a4c!important;color:#fff!important;border:1px solid #1f8a4c!important;text-decoration:none;display:flex;align-items:center;justify-content:center}
.cta-whatsapp[hidden]{display:none!important}
/* Sipariş penceresi */
.sp-ortu{position:fixed;inset:0;background:rgba(41,47,38,.55);z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:24px 12px;overflow:auto}
.sp-ortu[hidden]{display:none}
.sp-kutu{background:var(--panel);border-radius:10px;width:100%;max-width:560px;padding:26px 24px;box-shadow:0 30px 70px -30px rgba(0,0,0,.5);font-family:var(--font-body)}
.sp-kutu h2{font-family:var(--font-body);font-weight:600;font-size:22px;margin:0 0 6px}
.sp-kutu .sp-alt{font-size:13px;color:var(--gray);line-height:1.6;margin:0 0 16px}
.sp-alan{display:grid;gap:10px;grid-template-columns:1fr 1fr}
.sp-alan .tam{grid-column:1/-1}
.sp-alan label{display:block;font-size:12px;font-weight:600;color:var(--gray);margin-bottom:4px}
.sp-alan input,.sp-alan textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:6px;font:inherit;font-size:14px;background:#fff;color:var(--ink)}
.sp-alan textarea{min-height:72px;resize:vertical}
.sp-onay{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;line-height:1.5;margin-top:10px;color:var(--ink)}
.sp-onay input{margin-top:3px;flex:none}
.sp-ozet{background:var(--surface);border-radius:8px;padding:12px 14px;font-size:13px;line-height:1.6;margin:14px 0}
.sp-ozet b{font-size:20px;display:block}
.sp-hata{display:none;background:#fbe4e1;color:#7a2d1f;border-radius:6px;padding:10px 12px;font-size:13px;margin-top:10px}
.sp-dugmeler{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
.sp-dugmeler .cta{flex:1;margin:0}
.sp-basari h2{color:#2f5d3a}
.sp-basari .sp-no{font-size:26px;font-weight:700;letter-spacing:.02em;margin:6px 0 10px}
@media(max-width:480px){.sp-alan{grid-template-columns:1fr}.sp-kutu{padding:20px 16px}.footer-ikincil{flex-direction:column}}.footer .price-value{font-size:30px}.view-toggle button{font-size:13px;border-radius:5px}.view-toggle{border-radius:7px;border:1px solid #d5d8cb;background:#fafaf5ed}.stage-hint{font-size:12px}.btn-add-module{border:1px solid var(--ink);background:transparent;color:var(--ink);border-radius:5px}.btn-add-module:hover{background:var(--sage-soft);color:var(--ink);transform:none}.taksit-vurgu{font-size:15px!important}.dirpad button{font-size:12px}.picker-screen h1,.picker-screen h2{font-family:var(--font-body);font-weight:500}.picker-nav{background:var(--panel)}.picker-hero{background:var(--bg)}.picker-nav-cta{background:var(--ink);border-radius:5px}.picker-card{border-radius:8px;box-shadow:none}
@media(min-width:981px){.panel{width:390px;min-width:390px}.stage{min-height:0}}
@media(max-width:980px){.panel{padding:22px}.stage{min-height:440px}.wizard-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* Üst çubuk: dört düğme dar ekranda tek satıra sığmıyor ve sayfayı yatay taşırıyordu (375 px'te 603 px). */
header>div:last-child{flex-wrap:wrap;justify-content:flex-end;row-gap:8px}
@media(max-width:600px){header{flex-wrap:wrap;gap:10px}header>div:last-child{width:100%;justify-content:flex-start}}
@media(max-width:480px){header{padding:14px}.stage-hint{display:none}.logo-img{height:26px}.stage{min-height:350px}.view-toggle{top:14px;right:12px}.view-toggle button{padding:9px 10px;font-size:12px}#productStageOverlay{padding:18px}.stage-hint{max-width:65%;white-space:normal;text-align:center;left:12px;transform:none;bottom:12px;font-size:12px}.wizard-tabs button{font-size:12px}}