/* style.css'teki bölüm sınıfı .sec{padding:120px 0} planlayıcının 'seçili' durum sınıfıyla çakışıyordu (seçili oda kartı 378 px uzuyordu): bölüm olmayan öğede sıfırlanır; planlayıcının kendi kuralları sonra gelip kazanır */
.sec:where(:not(section)){padding:0}
/* Vois Smart Home · Evini Planla (evini-planla.html) — 25 Eki 2026
   Düzen nizamı: tek boşluk ölçeği (--b1..--b7), tek yazı ölçeği (--y1..--y5), tek kart kalıbı, tek köşe yarıçapı.
   Kardeş öğeler arası boşluk "gap" ile verilir; serbest margin yok. Sağ sütun (plan + özet + seçimler) yapışkan.
   Kural: hareketli öğede filter / drop-shadow / blur YOK (iPhone takılması); yalnız transform + opacity. */
.ep-sayfa{
  --b1:4px;--b2:8px;--b3:12px;--b4:16px;--b5:24px;--b6:32px;--b7:48px;
  --y1:32px;--y2:24px;--y3:18px;--y4:15px;--y5:13px;
  --k-r:18px;--k-ic:var(--b4);--k-kenar:1.5px solid #2a2720;--k-zemin:#121110;--k-sec:rgba(255,212,17,.08);
  --ep-plan:#0B0A08;--nav-h:74px
}
.ep-sayfa [hidden]{display:none!important}

/* ---------- üst: tek satır vaat ---------- */
.ep-ust{padding:calc(var(--nav-h) + var(--b5)) 0 var(--b4);text-align:center}
.ep-ust .wrap{display:flex;flex-direction:column;align-items:center;gap:var(--b2)}
.ep-hap{display:inline-flex;align-items:center;gap:var(--b2);padding:var(--b1) var(--b3);border-radius:999px;border:1.5px solid var(--amber);color:var(--amber);font-weight:700;font-size:var(--y5);background:rgba(26,20,4,.6)}
.ep-ust h1{font-size:var(--y1);line-height:1.15}
.ep-bolum{padding:0 0 var(--b7)}

/* ---------- yerleşim: solda soru (5), sağda plan + seçimler (7) ---------- */
.ep{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--b6);align-items:start}
.ep--genis{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.ep__akis{min-width:0;min-height:calc(100vh - var(--nav-h) - var(--b5) * 2);display:flex;flex-direction:column;gap:var(--b4)}
.ep__pafta{position:sticky;top:calc(var(--nav-h) + var(--b4));max-height:calc(100vh - var(--nav-h) - var(--b5));overflow-y:auto;overscroll-behavior:contain;
  min-width:0;display:flex;flex-direction:column;gap:var(--b3);container-type:inline-size;container-name:pafta;scrollbar-width:thin;scrollbar-color:#3a362c transparent}

/* ilerleme: bölümler (dokununca o bölüme gider) */
.ep__ilerleme{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--b2)}
.ep-asama{display:flex;flex-direction:column;gap:var(--b1);min-width:0;padding:var(--b1) 0;background:none;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer;min-height:40px}
.ep-asama[disabled]{cursor:default}
.ep-asama b{font-size:var(--y5);font-weight:700;color:var(--muted);white-space:nowrap}
.ep-asama.on b{color:var(--amber)}
.ep-asama.bitti b{color:var(--text-2)}
.ep-asama i{display:block;height:4px;border-radius:4px;background:rgba(255,255,255,.08);overflow:hidden}
.ep-asama u{display:block;height:100%;background:var(--amber);transform-origin:left;transition:transform .45s var(--ease)}

/* soru: tüm öğeler aynı sol çizgide, aralar gap */
.ep__soru{min-width:0}
.ep-soru{display:flex;flex-direction:column;gap:var(--b4)}
.ep-soru--gel{animation:epGel .32s var(--ease)}   /* yalnız yeni adıma girerken; aynı adımda yeniden çizimde hareket yok */
@keyframes epGel{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.ep-soru__bas{display:flex;flex-direction:column;align-items:flex-start;gap:var(--b2)}
.ep-soru__bas h2{font-size:var(--y2);line-height:1.2}
.ep-soru__bas p{color:var(--text-2);font-size:var(--y4);line-height:1.55;max-width:65ch}
.ep-konu-etiket{display:inline-flex;align-items:center;gap:var(--b2);align-self:flex-start;font-size:var(--y5);font-weight:700;color:var(--amber);padding:var(--b1) var(--b3);border-radius:999px;background:var(--k-sec);border:1px solid rgba(255,212,17,.3)}
.ep-konu-etiket__i{width:16px;height:16px}
.ep-guven{display:inline-flex;align-items:center;gap:var(--b2);font-size:var(--y5);font-weight:700;color:#f1e2a6;padding:var(--b1) var(--b3);border-radius:999px;background:var(--k-sec);border:1px solid rgba(255,212,17,.25)}
.ep-guven__i{width:16px;height:16px;flex:none;color:var(--amber)}
.ep-gecis{display:flex;gap:var(--b3);align-items:center;padding:var(--b3) var(--b4);border-radius:var(--k-r);background:var(--k-sec);border:1px solid rgba(255,212,17,.3);font-size:var(--y4);color:#f6edcc}
.ep-gecis__i{width:22px;height:22px;flex:none;color:var(--amber)}
.ep-ara-baslik{font-size:var(--y4);font-weight:700;color:var(--text-2);padding-top:var(--b4)}
.ep-ara-baslik--buyuk{font-size:var(--y3);color:#fff}

/* ---------- tek kart kalıbı: simge kutusu solda, başlık + açıklama sağda, rozet sağ üstte ---------- */
.ep-kartlar{display:grid;gap:var(--b3);grid-auto-rows:1fr}
.ep-izgara--1{grid-template-columns:minmax(0,1fr)}
.ep-izgara--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ep-izgara--2>:last-child:nth-child(odd){grid-column:1/-1}
.ep-izgara--sayi{grid-auto-rows:1fr}
.ep-kart--sayi .ep-kart__m b{white-space:nowrap}
.ep-izgara--s3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ep-izgara--s5{grid-template-columns:repeat(5,minmax(0,1fr))}
.ep-kartlar--basla{grid-template-columns:minmax(0,1fr)}
.ep-kart{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:var(--b3);padding:var(--k-ic);padding-right:44px;border-radius:var(--k-r);border:var(--k-kenar);
  background:var(--k-zemin);color:#fff;text-align:left;font:inherit;cursor:pointer;transition:border-color .2s,background .2s;touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-width:0;min-height:72px}
.ep-kart:hover{border-color:rgba(255,212,17,.45)}
.ep-kart__il{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:rgba(255,212,17,.05);color:var(--text-2)}
.ep-il{width:34px;height:34px}
.ep-kart__m{display:flex;flex-direction:column;gap:2px;min-width:0}
.ep-kart__m b{font-size:var(--y4);line-height:1.3}
.ep-kart__m span{color:var(--muted);font-size:var(--y5);line-height:1.4}
.ep-kart__roz{position:absolute;top:var(--b2);right:40px;display:flex;gap:var(--b1)}
.ep-kart.sec{border-color:var(--amber);background:linear-gradient(180deg,rgba(255,212,17,.11),rgba(255,212,17,.03))}
.ep-kart.sec .ep-kart__il{color:var(--amber);background:rgba(255,212,17,.1)}
.ep-kart__isaret{position:absolute;top:50%;right:var(--b3);width:22px;height:22px;margin-top:-11px;border-radius:50%;border:1.5px solid #3a362c;transition:background .2s,border-color .2s}
.ep-kart.sec .ep-kart__isaret,.ep-urun.sec .ep-kart__isaret{border-color:var(--amber);background:var(--amber) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231C1500' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/13px no-repeat}
.ep-kart--paket{padding-right:var(--k-ic)}
.ep-kart--paket .ep-kart__isaret,.ep-kartlar--basla .ep-kart__isaret{display:none}
.ep-kartlar--basla .ep-kart{grid-template-columns:64px minmax(0,1fr);padding-right:var(--k-ic);min-height:96px;border-color:rgba(255,212,17,.55);background:linear-gradient(180deg,rgba(255,212,17,.09),rgba(255,212,17,.02))}
.ep-kartlar--basla .ep-kart__il{width:64px;height:64px}
.ep-kartlar--basla .ep-il{width:44px;height:44px}
.ep-kartlar--basla .ep-kart__m b{font-size:var(--y3)}
.ep-kartlar--basla .ep-kart__roz{right:var(--b3)}
/* sayı kutuları (oda sayısı, kat) */
.ep-kart--sayi{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--b1);padding:var(--b3) var(--b2);min-height:84px;text-align:center}
.ep-kart--sayi .ep-kart__il{width:auto;height:auto;background:none}
.ep-kart--sayi .ep-kart__m b{font-size:var(--y5);color:var(--muted);font-weight:600}
.ep-kart--sayi .ep-kart__isaret{display:none}
.ep-kart--sayi .ep-kart__roz{position:static;order:3}
.ep-kart__yazi{font-size:var(--y2);font-weight:800;letter-spacing:-.02em;color:var(--text-2);font-variant-numeric:tabular-nums}
.ep-kart.sec .ep-kart__yazi{color:var(--amber)}
.ep-otur{animation:epOtur .3s var(--ease)}
@keyframes epOtur{0%{transform:scale(.97)}60%{transform:scale(1.01)}100%{transform:none}}
.ep-oner,.ep-rozet,.ep-oto{display:inline-flex;align-items:center;font-style:normal;font-size:11.5px;font-weight:700;border-radius:999px;padding:1px var(--b2);line-height:1.5;white-space:nowrap}
.ep-oner{background:var(--amber);color:var(--amber-ink)}
.ep-rozet{background:rgba(255,255,255,.08);color:var(--text-2);border:1px solid rgba(255,255,255,.12)}
.ep-oto{background:var(--k-sec);color:#f1e2a6;border:1px solid rgba(255,212,17,.25)}
.ep-kart .ep-kart__roz~.ep-kart__isaret{}
.ep-kart:has(.ep-kart__roz) .ep-kart__m{padding-top:var(--b3)}

/* devam kartı */
.ep-devam{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:var(--b3);align-items:center;padding:var(--k-ic);border-radius:var(--k-r);border:1.5px solid rgba(255,212,17,.55);background:rgba(255,212,17,.06)}
.ep-devam__il{width:48px;height:48px;color:var(--amber)}
.ep-devam b{display:block;font-size:var(--y4)}
.ep-devam span{font-size:var(--y5);color:var(--text-2)}
.ep-devam__d{display:flex;align-items:center;gap:var(--b2)}

/* ürün kartları */
.ep-urunler{display:grid;gap:var(--b3)}
.ep-urunler--kisa{grid-template-columns:minmax(0,1fr);gap:var(--b2)}
.ep-urun{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);gap:var(--b3);align-items:start;padding:var(--k-ic);padding-right:44px;border-radius:var(--k-r);border:var(--k-kenar);
  background:var(--k-zemin);color:#fff;text-align:left;cursor:pointer;transition:border-color .2s,background .2s;touch-action:manipulation;-webkit-tap-highlight-color:transparent;outline:none}
.ep-urun:hover{border-color:rgba(255,212,17,.45)}
.ep-urun:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
.ep-urun.sec{border-color:var(--amber);background:linear-gradient(180deg,rgba(255,212,17,.10),rgba(255,212,17,.02))}
.ep-urun.kapali{opacity:.5;cursor:not-allowed}
.ep-urun .ep-kart__isaret{top:var(--k-ic);margin-top:0}
.ep-urun__il{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:rgba(255,212,17,.08);color:var(--amber)}
.ep-urun__il .ep-il{width:26px;height:26px}
.ep-urun__m{display:flex;flex-direction:column;gap:var(--b2);min-width:0}
.ep-urun__ust{display:flex;flex-wrap:wrap;gap:var(--b1);align-items:center}
.ep-urun__m b{font-size:var(--y4);line-height:1.3}
.ep-urun__s{display:flex;flex-direction:column;gap:2px;color:var(--text-2);font-size:var(--y5);line-height:1.45}
.ep-urun__s small{font-size:11.5px;font-weight:700;color:var(--muted)}
.ep-urun__es{font-size:var(--y5);color:#f1e2a6}
.ep-urun__f{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--b1) var(--b3)}
.ep-urun__f strong{font-size:var(--y3);color:var(--amber);font-variant-numeric:tabular-nums}
.ep-urun__f small{font-size:var(--y5);color:var(--muted)}
.ep-urun--kisa{grid-template-columns:40px minmax(0,1fr);padding:var(--b3);padding-right:40px}
.ep-urun--kisa .ep-urun__il{width:40px;height:40px;border-radius:10px}
.ep-urun--kisa .ep-urun__il .ep-il{width:22px;height:22px}
.ep-urun--kisa .ep-urun__m{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px var(--b3);align-items:center}
.ep-urun--kisa .ep-urun__ust{grid-column:1/-1}
.ep-urun--kisa .ep-urun__f{flex-direction:column;align-items:flex-end;gap:0;text-align:right}
.ep-urun--kisa .ep-urun__f small{font-size:11.5px}
.ep-urun--kisa .ep-urun__f strong{font-size:var(--y4)}
.ep-urun--kisa .ep-kart__isaret{top:50%;margin-top:-11px}
.ep-urun--kisa{align-items:center}
.ep-ayrinti{font-size:var(--y5);color:var(--text-2)}
.ep-ayrinti summary{cursor:pointer;color:var(--amber);font-weight:700;list-style:none;display:inline-flex;align-items:center;gap:var(--b1);min-height:32px}
.ep-ayrinti summary::-webkit-details-marker{display:none}
.ep-ayrinti summary::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.ep-ayrinti[open] summary::after{transform:rotate(-135deg) translateY(-1px)}
.ep-ayrinti ul{margin:0;padding-left:var(--b4);display:flex;flex-direction:column;gap:2px}
.ep-tur{display:inline-flex;align-items:center;gap:var(--b1);font-size:11.5px;font-weight:700;border-radius:999px;padding:1px var(--b2) 1px 6px;line-height:1.5;white-space:nowrap;border:1px solid}
.ep-tur__i{width:12px;height:12px}
.ep-tur--wifi{color:#bfe3ff;border-color:rgba(140,200,255,.35);background:rgba(140,200,255,.07)}
.ep-tur--zigbee{color:#ffe68a;border-color:rgba(255,212,17,.4);background:rgba(255,212,17,.07)}
.ep-tur--kumanda{color:#e7d3ff;border-color:rgba(200,170,255,.35);background:rgba(200,170,255,.07)}

/* oda ve dağılım satırları */
.ep-odalar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--b3)}
.ep-odalar>:last-child:nth-child(odd){grid-column:1/-1}
.ep-oda-kart{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:var(--b3);padding:var(--b2) var(--b2) var(--b2) var(--b3);border-radius:var(--k-r);border:var(--k-kenar);background:var(--k-zemin);transition:border-color .2s}
.ep-oda-kart.sec{border-color:rgba(255,212,17,.6)}
.ep-oda-kart__il{width:40px;height:40px;color:var(--text-2)}
.ep-oda-kart.sec .ep-oda-kart__il{color:var(--amber)}
.ep-oda-kart__il .ep-il{width:40px;height:40px}
.ep-oda-kart b{font-size:var(--y4);min-width:0;line-height:1.25}
.ep-dagilim{display:flex;flex-direction:column;gap:var(--b2)}
.ep-dag{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:var(--b3);align-items:center;padding:var(--b2) var(--b2) var(--b2) var(--b3);border-radius:var(--k-r);border:var(--k-kenar);background:var(--k-zemin);transition:border-color .2s}
.ep-dag.sec{border-color:rgba(255,212,17,.55)}
.ep-dag__il{width:40px;height:40px;color:var(--text-2)}
.ep-dag.sec .ep-dag__il{color:var(--amber)}
.ep-dag__il .ep-il{width:40px;height:40px}
.ep-dag__m{display:flex;flex-direction:column;min-width:0}
.ep-dag__m b{font-size:var(--y4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ep-dag__m small{font-size:var(--y5);color:var(--muted)}
.ep-say{display:inline-flex;align-items:center;gap:2px}
.ep-say button{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line);background:rgba(255,212,17,.06);color:#fff;display:grid;place-items:center;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .2s,transform .15s}
.ep-say button:active{transform:scale(.92)}
.ep-say button:hover{background:rgba(255,212,17,.16)}
.ep-say button[disabled]{opacity:.3;cursor:default}
.ep-say__i{width:16px;height:16px}
.ep-say output{min-width:24px;text-align:center;font-weight:800;font-size:var(--y4);font-variant-numeric:tabular-nums}
.ep-mimar-don{align-self:flex-start;display:inline-flex;align-items:center;gap:var(--b2);min-height:40px;padding:0 var(--b3);border-radius:999px;border:1px solid var(--line);background:none;color:var(--text-2);font:600 var(--y5) Inter,sans-serif;cursor:pointer}
.ep-mimar-don:hover{color:#fff}

/* çipler */
.ep-cip-grup{display:flex;flex-direction:column;gap:var(--b2)}
.ep-cip-grup>b{font-size:var(--y5);color:var(--text-2)}
.ep-cip-grup>div{display:flex;flex-wrap:wrap;gap:var(--b2)}
.ep-cip{border:1.5px solid var(--line);background:rgba(255,212,17,.05);color:#fff;padding:0 var(--b4);min-height:44px;border-radius:999px;font:600 14px Inter,sans-serif;cursor:pointer}
.ep-cip.sec{background:var(--amber);color:var(--amber-ink);border-color:var(--amber)}

/* bilgi, mimar notu, yakında */
.ep-bilgi{display:flex;gap:var(--b2);align-items:flex-start;font-size:var(--y5);color:var(--text-2);line-height:1.5}
.ep-bilgi--uyari{color:#f1e2a6}
.ep-bilgi__i{width:18px;height:18px;flex:none;color:var(--amber)}
.ep-not{display:flex;gap:var(--b3);align-items:flex-start;padding:var(--k-ic);border-radius:var(--k-r);background:rgba(255,212,17,.05);border:1px solid rgba(255,212,17,.22)}
.ep-not__i{width:36px;height:36px;flex:none;padding:7px;border-radius:50%;border:1.5px solid var(--amber);color:var(--amber)}
.ep-not p{font-size:var(--y5);color:var(--text-2);line-height:1.55}
.ep-not b{display:block;color:var(--amber);font-size:var(--y5)}
.ep-yakinda{display:flex;gap:var(--b4);align-items:center;padding:var(--b5);border-radius:var(--k-r);border:1.5px dashed rgba(255,212,17,.35);background:rgba(255,212,17,.03)}
.ep-yakinda>div{display:flex;flex-direction:column;align-items:flex-start;gap:var(--b2)}
.ep-yakinda__il{width:44px;height:44px;flex:none;color:var(--amber)}
.ep-yakinda b{font-size:var(--y4)}
.ep-yakinda p{color:var(--text-2);font-size:var(--y5)}
.ep-yukleniyor{display:flex;align-items:center;gap:var(--b3);color:var(--text-2);padding:var(--b6) 0}
.ep-yukleniyor span{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,212,17,.25);border-top-color:var(--amber);animation:epDon .9s linear infinite}
@keyframes epDon{to{transform:rotate(360deg)}}

/* alt düğmeler: Geri ve Atla solda, birincil sağda (her adımda aynı yer) */
.ep-alt{display:flex;align-items:center;gap:var(--b2);padding-top:var(--b2)}
.ep-alt>:last-child{margin-left:auto}
.ep-btn__i{width:17px;height:17px;flex:none}
.ep-alt .btn{gap:var(--b2);min-height:48px}
.ep-geri{display:inline-flex;align-items:center;gap:var(--b1);min-height:48px;padding:0 var(--b3) 0 var(--b1);background:none;border:0;color:var(--text-2);font:600 var(--y4) Inter,sans-serif;cursor:pointer}
.ep-geri:hover{color:#fff}
.ep-atla{background:none;border:0;color:var(--muted);font:600 14px Inter,sans-serif;text-decoration:underline;text-underline-offset:4px;cursor:pointer;padding:0 var(--b2);min-height:48px}
.ep-atla:hover{color:#fff}
.ep-mimar{white-space:normal;text-align:center}
.btn[disabled]{opacity:.45;pointer-events:none}

/* "bunu da eklerseniz" */
.ep__oneri{display:flex;flex-direction:column;gap:var(--b2)}
.ep-oneri{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:var(--b3);align-items:center;padding:var(--k-ic);border-radius:var(--k-r);background:var(--k-zemin);border:1.5px solid rgba(255,212,17,.38);animation:epGel .4s var(--ease)}
.ep-oneri__i{width:40px;height:40px;padding:9px;border-radius:12px;background:rgba(255,212,17,.1);color:var(--amber)}
.ep-oneri p{font-size:var(--y5);color:var(--text-2);line-height:1.45}
.ep-oneri b{display:block;color:#fff;font-size:var(--y4)}
.ep-oneri small{display:block;color:var(--muted);font-size:var(--y5)}
.ep-oneri__d{display:flex;align-items:center;gap:var(--b1)}
.ep-oneri__d .btn{min-height:44px}
.ep-oneri__x{width:44px;height:44px;border-radius:50%;border:0;background:none;color:var(--muted);display:grid;place-items:center;cursor:pointer}
.ep-oneri__x:hover{color:#fff;background:rgba(255,255,255,.06)}

/* artış rozeti ve uçan simge (yalnız transform + opacity) */
.ep-artis{position:fixed;z-index:90;pointer-events:none;font:800 14px Inter,sans-serif;color:var(--amber-ink);background:var(--amber);padding:2px var(--b3);border-radius:999px;animation:epArtis 1.25s var(--ease) both}
@keyframes epArtis{0%{opacity:0;transform:translateY(8px)}18%{opacity:1;transform:none}75%{opacity:1}100%{opacity:0;transform:translateY(-14px)}}
.ep-ucan{position:fixed;z-index:90;width:36px;height:36px;border-radius:50%;background:var(--amber);color:var(--amber-ink);display:grid;place-items:center;pointer-events:none;transition:transform .55s cubic-bezier(.5,0,.3,1),opacity .55s ease-in}
.ep-ucan__i{width:20px;height:20px}

/* ---------- plan (pafta) ---------- */
.ep-plan{border-radius:var(--k-r);border:1.5px solid rgba(196,150,30,.6);background:var(--ep-plan);overflow:hidden}
.ep-plan__ust{display:flex;justify-content:space-between;align-items:center;gap:var(--b3);padding:var(--b2) var(--b2) 0 var(--b4)}
.ep-plan__baslik{font-weight:800;font-size:var(--y4);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ep-plan__d{display:flex;gap:var(--b2);flex:none}
.ep-plan__gece,.ep-plan__buyut{display:inline-flex;align-items:center;justify-content:center;gap:var(--b2);border:1px solid var(--line);background:rgba(255,212,17,.05);color:var(--text-2);border-radius:999px;padding:0 var(--b3);height:40px;font:600 var(--y5) Inter,sans-serif;cursor:pointer;touch-action:manipulation}
.ep-plan__buyut{width:40px;padding:0;display:none}
.ep-plan__gece[aria-pressed="true"]{background:var(--amber);color:var(--amber-ink);border-color:var(--amber)}
.ep-plan__gece .ep-btn__i,.ep-plan__buyut .ep-btn__i{width:15px;height:15px}
.ep-plan__tuval{position:relative;padding:var(--b1) 6px 0;background-image:linear-gradient(rgba(255,212,17,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,212,17,.035) 1px,transparent 1px);background-size:18px 18px;transition:background-color .5s}
#ep-svg{display:block;width:100%;height:auto;overflow:visible}
.ep-plan__antet{display:flex;flex-wrap:wrap;border-top:1px solid rgba(255,212,17,.3)}
.ep-plan__antet>span{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;padding:var(--b2) var(--b3);border-right:1px solid rgba(255,212,17,.18);min-width:0}
.ep-plan__antet>span:last-child{border-right:0}
.ep-plan__antet small{font-size:11px;color:var(--muted)}
.ep-plan__antet b{font-size:12.5px;white-space:nowrap}
.ep-antet__olcek{flex-direction:row!important;align-items:center;gap:var(--b2)}
.ep-kuzey{width:24px;height:24px;flex:none;fill:none;stroke:var(--amber);stroke-width:1.3}
.ep-kuzey path{fill:var(--amber)}
.ep-cubuk{display:flex;flex-direction:column;gap:3px}
.ep-cubuk__c{display:flex;width:56px;height:6px;border:1px solid var(--amber)}
.ep-cubuk__c i{flex:1}
.ep-cubuk__c i:first-child{background:var(--amber)}
.ep-cubuk small{white-space:nowrap}

/* svg katmanları */
.ep-aks line{stroke:rgba(255,212,17,.2);stroke-width:1;stroke-dasharray:2 3}
.ep-aks circle{fill:var(--ep-plan);stroke:rgba(255,212,17,.55);stroke-width:1}
.ep-aks text{fill:#cdbb85;font:700 9.5px Inter,sans-serif;text-anchor:middle}
.ep-kat-ad text{fill:var(--amber);font-family:Inter,sans-serif;font-weight:700}
.ep-p-zemin{fill:rgba(255,255,255,.012);transition:fill .5s}
.ep-p-tarama{fill:url(#ep-tarama)}
.ep-p-duvar{fill:none;stroke:rgba(255,212,17,.62)}
.ep-p-duvar--dis{stroke-dasharray:5 4;stroke:rgba(255,212,17,.45)}
.ep-p-dis{fill:none;stroke:#FFD411;opacity:.95;pointer-events:none;stroke-linejoin:miter}
.ep-p-hale{fill:url(#ep-oda-isik);opacity:.6;transition:opacity .4s}
.ep-p-esya{color:rgba(214,208,194,.35)}
.ep-p-acik line{stroke:var(--ep-plan)}
.ep-p-kapi{fill:none;stroke:rgba(255,212,17,.62);stroke-width:1}
.ep-p-pencere{fill:var(--ep-plan);stroke:none}
.ep-p-pencere-c{stroke:#FFD411;stroke-width:1}
.ep-p-ad{fill:#F3ECD8;font-family:Inter,sans-serif;font-weight:700;paint-order:stroke;stroke:var(--ep-plan);stroke-width:3px;stroke-linejoin:round}
.ep-p-m2{fill:#BDB5A4;font-family:Inter,sans-serif;font-weight:600;paint-order:stroke;stroke:var(--ep-plan);stroke-width:3px;stroke-linejoin:round}
.ep-p-say{fill:#9A9488;font-family:Inter,sans-serif;font-weight:600;paint-order:stroke;stroke:var(--ep-plan);stroke-width:3px;stroke-linejoin:round}
.ep-p-ampul__hale{fill:url(#ep-hale);opacity:.75;transition:opacity .5s}
.ep-p-ampul__c{fill:#FFD411}
.ep-p-ampul__ic{fill:#FFF6C8}
.ep-p-cihaz use{color:#FFD411}
.ep-p-cihaz__z{fill:var(--ep-plan);stroke:rgba(255,212,17,.4);stroke-width:1}
.ep-p-menzil{fill:rgba(255,212,17,.05);stroke:rgba(255,212,17,.45);stroke-width:1;stroke-dasharray:3 3}
.ep-p-gorus{fill:rgba(255,212,17,.08);stroke:rgba(255,212,17,.3);stroke-width:1}
.ep-p-ag{fill:none;stroke:rgba(255,212,17,.55);stroke-width:1;stroke-dasharray:2 2}
.ep-p-adet{fill:#FFD411;font-family:Inter,sans-serif;font-weight:800;paint-order:stroke;stroke:var(--ep-plan);stroke-width:3px}
.ep-p-agcizgi line{stroke:rgba(255,212,17,.3);stroke-width:1;stroke-dasharray:1.5 4}
.ep-p-dokun{fill:transparent;cursor:pointer}
.ep-p-dokun:hover{fill:rgba(255,212,17,.05)}
.ep-p-oda--acik .ep-p-zemin{fill:rgba(255,212,17,.08)}
.ep-p-oda,.ep-p-cihaz,.ep-p-ampul,.ep-p-menzil,.ep-p-ampul__hale,.ep-p-hale{transform-box:fill-box;transform-origin:center}
.ep-p-oda{transition:opacity .4s}
.taslak #ep-svg{opacity:.5}
.taslak .ep-p-duvar{stroke-dasharray:4 4}
.ep-plan__tuval.gece{background-color:#040403}
.gece .ep-p-zemin{fill:rgba(0,0,0,.55)}
.gece .ep-p-esya{color:rgba(214,208,194,.16)}
.gece .ep-p-hale,.gece .ep-p-ampul__hale{opacity:1}
.gece .ep-p-duvar{stroke:rgba(255,212,17,.36)}
.ep-yeni{animation:epOda .5s var(--ease) both}
@keyframes epOda{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}
.ep-yayil{animation:epYayil .4s ease-out both}
@keyframes epYayil{from{opacity:0}}
.ep-yeni-c{animation:epCihaz .45s var(--ease) both}
@keyframes epCihaz{from{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}
.ep-yeni-c .ep-p-menzil{animation:epMenzil .9s var(--ease) 2 both}
@keyframes epMenzil{from{opacity:.9;transform:scale(.2)}to{opacity:1;transform:none}}
.ep-p-ampul.ep-yeni-c .ep-p-ampul__hale{animation:epYan .8s ease-out both}
@keyframes epYan{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}
.ep-final .ep-p-hale,.ep-final .ep-p-ampul__hale{animation:epYan .8s ease-out both;animation-delay:calc(var(--i,0) * 80ms)}
.ep-final .ep-p-oda{animation:epOda .5s var(--ease) both;animation-delay:calc(var(--i,0) * 80ms)}
.ep-sahneli .ep-p-oda:not(.ep-sahne){opacity:.3}
.ep-sahne .ep-p-hale,.ep-sahne .ep-p-ampul__hale{animation:epNabiz 1.1s ease-in-out 2 alternate}
@keyframes epNabiz{from{opacity:.3}to{opacity:1}}

/* özet şeridi: kapsayıcıya göre (değerler ve düğme hiç üst üste binmez) */
.ep-ozet{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--b2) var(--b4);align-items:start;padding:var(--b3) var(--b4);border-radius:var(--k-r);background:var(--k-zemin);border:var(--k-kenar)}
.ep-ozet>div{min-width:0}
.ep-ozet small{display:block;font-size:12px;color:var(--muted)}
.ep-ozet b{display:block;font-size:var(--y4);font-variant-numeric:tabular-nums;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ep-ozet .ep-bekle{font-size:var(--y5)}
.ep-ozet [data-o-top]{color:var(--amber)}
.ep-ozet .btn{grid-column:1/-1;justify-self:stretch;justify-content:center;min-height:44px}
.ep-ozet [data-o-genel]{color:var(--amber)}
.ep-bekle{color:var(--text-2)!important;font-weight:600!important}
@container pafta (max-width:520px){.ep-ozet{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* seçimleriniz paneli */
.ep-secim{display:flex;flex-direction:column;gap:var(--b2);padding:var(--b3);border-radius:var(--k-r);background:var(--k-zemin);border:var(--k-kenar)}
.ep-secim__bas{display:flex;justify-content:space-between;align-items:center;gap:var(--b2)}
.ep-secim__bas>b{font-size:var(--y4)}
.ep-mini-dug{display:inline-flex;align-items:center;gap:var(--b1);min-height:36px;padding:0 var(--b3);border-radius:999px;border:1px solid var(--line);background:none;color:var(--text-2);font:600 var(--y5) Inter,sans-serif;cursor:pointer}
.ep-mini-dug[disabled]{opacity:.4;cursor:default}
.ep-secim__bos{font-size:var(--y5);color:var(--muted);line-height:1.5}
.ep-secim__oda{border-top:1px solid rgba(255,255,255,.06);padding-top:var(--b2);display:flex;flex-direction:column;gap:var(--b1)}
.ep-secim__oda.acik{background:rgba(255,212,17,.05);border-radius:12px;padding:var(--b2);border-top-color:transparent}
.ep-secim__odaad{display:grid;grid-template-columns:28px minmax(0,1fr) auto auto;align-items:center;gap:var(--b2);background:none;border:0;color:#fff;font:inherit;text-align:left;padding:var(--b1) 0;cursor:pointer;min-height:36px}
.ep-secim__odaad b{font-size:var(--y5)}
.ep-secim__odaad span{font-size:12px;color:var(--muted);white-space:nowrap}
.ep-secim__tut{color:var(--amber)!important;font-weight:700}
.ep-secim__oi{width:28px;height:28px;color:var(--amber)}
.ep-secim ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.ep-secim li{display:grid;grid-template-columns:20px minmax(0,1fr) auto auto;align-items:center;gap:var(--b2);padding-left:var(--b1)}
.ep-secim li.oto{opacity:.75}
.ep-secim__i{width:18px;height:18px;color:var(--amber)}
.ep-secim__ad{background:none;border:0;padding:0;color:var(--text-2);font:500 var(--y5) Inter,sans-serif;text-align:left;cursor:pointer;min-width:0;line-height:1.35}
.ep-secim__ad small{color:var(--muted)}
button.ep-secim__ad:hover{color:#fff;text-decoration:underline}
.ep-secim__n{font-size:12px;color:var(--muted);white-space:nowrap;grid-column:3/5;justify-self:end}
.ep-secim .ep-say button{width:32px;height:32px}
.ep-secim .ep-say output{font-size:var(--y5);min-width:18px}
.ep-secim__x{width:32px;height:32px;border-radius:50%;border:0;background:none;color:var(--muted);display:grid;place-items:center;cursor:pointer}
.ep-secim__x:hover{color:#fff;background:rgba(255,255,255,.06)}

/* ---------- proje paftası ---------- */
.ep-antet-bas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1.5px solid rgba(255,212,17,.45);border-radius:var(--k-r);overflow:hidden}
.ep-antet-bas span{display:flex;flex-direction:column;padding:var(--b2) var(--b3);border-right:1px solid rgba(255,212,17,.2);min-width:0}
.ep-antet-bas span:last-child{border-right:0}
.ep-antet-bas small{font-size:11px;color:var(--muted)}
.ep-antet-bas b{font-size:var(--y5);overflow-wrap:anywhere}
.ep-notlar{display:flex;gap:var(--b3);align-items:flex-start;padding:var(--k-ic);border-radius:var(--k-r);background:rgba(255,212,17,.05);border:1px solid rgba(255,212,17,.22)}
.ep-notlar--kesif{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.12)}
.ep-notlar>div{display:flex;flex-direction:column;gap:var(--b1)}
.ep-notlar b{color:var(--amber);font-size:var(--y5)}
.ep-notlar ul{margin:0;padding-left:var(--b4);color:var(--text-2);font-size:var(--y5);line-height:1.55;display:flex;flex-direction:column;gap:var(--b1)}
.ep-blok{border-radius:var(--k-r);border:var(--k-kenar);background:var(--k-zemin);overflow:hidden}
.ep-blok header{display:flex;align-items:center;gap:var(--b3);padding:var(--b3) var(--b4);border-bottom:1px solid rgba(255,255,255,.06);background:rgba(255,212,17,.03)}
.ep-blok__i{width:32px;height:32px;color:var(--amber);flex:none}
.ep-blok h4{font-size:var(--y4);flex:1;min-width:0;margin:0}
.ep-blok header>span{font-weight:800;color:var(--amber);font-variant-numeric:tabular-nums;white-space:nowrap}
.ep-blok ul{list-style:none;margin:0;padding:0}
.ep-tablo__bas,.ep-sat{display:grid;grid-template-columns:28px minmax(0,1fr) 40px 96px 104px;gap:var(--b2) var(--b3);align-items:center;padding:var(--b2) var(--b4)}
.ep-tablo__bas{font-size:11.5px;font-weight:700;color:var(--muted);border-bottom:1px solid rgba(255,255,255,.05)}
.ep-tablo__bas span:nth-child(n+3),.ep-sat__n,.ep-sat__b,.ep-sat__t{text-align:right}
.ep-tablo__ara{font-size:11.5px;font-weight:700;color:#f1e2a6;padding:var(--b2) var(--b4) 0;border-top:1px dashed rgba(255,212,17,.2)}
.ep-sat{border-bottom:1px solid rgba(255,255,255,.04)}
.ep-sat:last-child{border-bottom:0}
.ep-sat__i{width:24px;height:24px;color:var(--amber)}
.ep-sat__m{display:flex;flex-direction:column;align-items:flex-start;gap:var(--b1);min-width:0}
.ep-sat__m b{font-size:var(--y5);line-height:1.35}
.ep-sat__alt{display:flex;flex-wrap:wrap;gap:var(--b1)}
.ep-sat__neden{font-size:12px;color:var(--muted);line-height:1.4}
.ep-sat__n,.ep-sat__b{font-size:var(--y5);color:var(--text-2);font-variant-numeric:tabular-nums;white-space:nowrap}
.ep-sat__t{font-weight:800;font-size:var(--y5);white-space:nowrap;font-variant-numeric:tabular-nums}
.ep-sat__duz{background:none;border:0;color:var(--amber);font:600 12px Inter,sans-serif;padding:0;min-height:28px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.ep-sat--oto{background:rgba(255,212,17,.02)}
.ep-kurulum li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:var(--b3);align-items:center;padding:var(--b2) var(--b4);border-bottom:1px solid rgba(255,255,255,.04);font-size:var(--y5)}
.ep-kurulum li span:nth-child(2){color:var(--muted)}
.ep-kurulum li b{text-align:right}
.ep-toplam{display:flex;flex-direction:column;padding:var(--b4) var(--b5);border-radius:var(--k-r);border:2px solid rgba(196,150,30,.85);background:linear-gradient(180deg,rgba(28,24,14,.86),rgba(16,14,10,.9))}
.ep-toplam>div{display:flex;justify-content:space-between;align-items:baseline;gap:var(--b4);padding:var(--b2) 0;border-bottom:1px solid rgba(255,255,255,.06)}
.ep-toplam>div:first-child>b{font-size:var(--y2);color:var(--amber);font-weight:800}
.ep-toplam>div>span{font-weight:700;font-size:var(--y4)}
.ep-toplam>div>span small{display:block;font-weight:500;font-size:12px;color:var(--muted)}
.ep-toplam>div>b{text-align:right;font-size:var(--y4);font-variant-numeric:tabular-nums}
.ep-toplam>div>b small{display:block;font-weight:500;font-size:12px;color:var(--muted)}
.ep-toplam__genel{border-bottom:0!important}
.ep-toplam__genel>b{font-size:var(--y2)!important;color:var(--amber);font-weight:800}
.ep-toplam p{font-size:var(--y5);color:var(--text-2);padding-top:var(--b2)}
.ep-sen{display:flex;flex-direction:column;gap:var(--b3)}
.ep-sen h3{font-size:var(--y3)}
.ep-sen>p{color:var(--text-2);font-size:var(--y5)}
.ep-sen__l{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--b3);grid-auto-rows:1fr}
.ep-sen__l>:last-child:nth-child(odd){grid-column:1/-1}
.ep-sen__k{display:flex;flex-direction:column;align-items:flex-start;gap:var(--b2);padding:var(--k-ic);border-radius:var(--k-r);border:var(--k-kenar);background:var(--k-zemin);color:#fff;text-align:left;font:inherit;cursor:pointer;transition:border-color .2s}
.ep-sen__k:hover,.ep-sen__k:focus-visible{border-color:rgba(255,212,17,.6)}
.ep-sen__s{display:flex;gap:var(--b1)}
.ep-sen__i{width:32px;height:32px;padding:6px;border-radius:10px;background:rgba(255,212,17,.1);color:var(--amber)}
.ep-sen__k b{font-size:var(--y4)}
.ep-sen__k>span:last-child{font-size:var(--y5);color:var(--text-2);line-height:1.45}
.ep-form{display:grid;gap:var(--b4);padding:var(--b5);border-radius:var(--k-r);border:2px solid rgba(196,150,30,.85);background:linear-gradient(180deg,rgba(28,24,14,.86),rgba(16,14,10,.9));scroll-margin-top:90px}
.ep-form h3{font-size:var(--y3)}
.ep-form>p{color:var(--text-2);font-size:var(--y5)}
.ep-form label{display:grid;gap:var(--b2);font-weight:600;font-size:14px;color:var(--text-2)}
.ep-form input{width:100%;padding:0 var(--b4);min-height:50px;border-radius:14px;border:1.5px solid #34312a;background:#0e0d0b;color:#fff;font:500 16px Inter,sans-serif;outline:none;transition:border-color .2s}
.ep-form input:focus{border-color:var(--amber)}
.ep-form input[aria-invalid]{border-color:#f87171}
.ep-form .btn{justify-content:center;width:100%;gap:var(--b2);min-height:52px}
.ep-ucretsiz{display:flex;align-items:center;gap:var(--b2);font-weight:700;font-size:14px;color:#f1e2a6}
.ep-form__durum{font-size:14px;line-height:1.45;color:var(--text-2)}
.ep-form__durum:empty{display:none}
.ep-form__durum.hata{color:#f87171}
.ep-ekip{font-size:var(--y5);color:var(--muted);line-height:1.5}
.ep-ekip a{color:var(--amber);font-weight:700;white-space:nowrap}
.ep-kayit{font-size:var(--y5);color:var(--muted)}
.ep-iste{font-weight:500;font-size:12px;color:var(--muted)}
.ep-tes{display:flex;flex-direction:column;gap:var(--b4)}
.ep-tes__m{font-size:var(--y3);color:#fff}
.ep-tes__z{display:flex;flex-direction:column;gap:var(--b2);padding:var(--k-ic);border-radius:var(--k-r);border:var(--k-kenar);background:var(--k-zemin)}
.ep-tes__z>b{font-size:var(--y4)}
.ep-tes__z>div{display:flex;flex-wrap:wrap;gap:var(--b2)}
.ep-tes__d{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--b3)}
.ep-tes__d .btn{gap:var(--b2);min-height:48px;justify-content:center}
.ep-tes__app{display:flex;flex-direction:column;gap:var(--b2);padding:var(--k-ic);border-radius:var(--k-r);border:1.5px solid rgba(255,212,17,.35);background:rgba(255,212,17,.04)}
.ep-tes__app b{font-size:var(--y4)}
.ep-tes__app p{font-size:var(--y5);color:var(--text-2)}
.ep-tes__app .stores a{height:46px}

.ep-sayfa button:focus-visible,.ep-sayfa a:focus-visible{outline:2px solid var(--amber);outline-offset:3px}

/* ---------- telefonda: plan akışta üstte; kaydırınca ince şerit, dokununca tam ekran; altta özet şeridi ---------- */
.ep-mini,.ep-serit{display:none}
.ep-tam-kat{display:none}
html.ep-tam{overflow:hidden}
html.ep-tam .ep-tam-kat{display:flex;flex-direction:column;gap:var(--b3);position:fixed;inset:0;z-index:95;background:var(--bg);padding:calc(var(--b3) + env(safe-area-inset-top)) var(--b3) calc(var(--b3) + env(safe-area-inset-bottom));overflow:auto}
.ep-tam-kat__ust{display:flex;justify-content:space-between;align-items:center;gap:var(--b3);padding:0 var(--b1)}
.ep-tam-kat__ust b{font-size:var(--y3)}
.ep-tam-kat__ust .btn{min-height:44px}
html.ep-tam .ep-tam-kat .ep-plan__buyut{display:none}

@media (max-width:1060px){
  .ep-sayfa{--y1:24px;--y2:22px;--y3:17px}
  .ep{display:flex;flex-direction:column;gap:var(--b4)}
  .ep__pafta{position:relative;top:0;max-height:none;overflow:visible;width:100%;order:-1}
  .ep__pafta>.ep-secim,.ep-ozet{display:none}
  .ep__akis{width:100%;min-height:0}
  .ep-plan__buyut{display:inline-flex}
  .ep-mini{display:flex;position:fixed;left:var(--b3);right:var(--b3);top:calc(var(--nav-h) + var(--b2));z-index:44;align-items:center;gap:var(--b3);height:56px;padding:0 var(--b2) 0 var(--b3);border-radius:var(--k-r);border:1.5px solid rgba(196,150,30,.75);background:rgba(14,13,11,.97);color:#fff;font:inherit;cursor:pointer;
    opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .25s,transform .25s var(--ease)}
  html.ep-plan-disarida .ep-mini{opacity:1;transform:none;pointer-events:auto}
  html.menu-acik .ep-mini,html.ep-tam .ep-mini{display:none}
  .ep-mini__plan{width:30px;height:30px;color:var(--amber);flex:none}
  .ep-mini__ad{font-weight:800;font-size:14px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ep-mini__n{font-size:var(--y5);color:var(--text-2);white-space:nowrap}
  .ep-mini__ac{margin-left:auto;font-weight:700;font-size:var(--y5);color:var(--amber-ink);background:var(--amber);border-radius:999px;padding:var(--b2) var(--b3);white-space:nowrap}
  .ep-serit{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:45;align-items:center;justify-content:space-between;gap:var(--b3);
    padding:var(--b2) var(--b4) calc(var(--b2) + env(safe-area-inset-bottom));background:rgba(14,13,11,.97);border-top:1px solid rgba(255,212,17,.3)}
  html.ep-klavye .ep-serit,html.ep-tam .ep-serit,html.menu-acik .ep-serit{display:none}
  .ep-serit__m{display:flex;flex-direction:column;min-width:0}
  .ep-serit__m b{font-size:12.5px;font-weight:600;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ep-serit__m strong{font-size:var(--y3);color:var(--amber);font-variant-numeric:tabular-nums}
  .ep-serit .btn{flex:none;min-height:48px}
  .ep-sayfa{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
  .ep-sayfa .wa-yuzen{display:none}   /* alt özet şeridi ve sayaçlarla çakışmasın */
  .ep-serit .ep-bekle{font-size:14px}
}
@media (max-width:1060px) and (min-width:641px){
  .ep__pafta{max-width:720px;margin:0 auto}
}
@media (max-width:640px){
  .ep-sayfa{--k-ic:var(--b3);--y1:22px}
  .ep-ust{padding-bottom:var(--b3)}
  .ep-plan__antet{display:none}
  html.ep-tam .ep-plan__antet{display:flex}
  .ep-plan__gece{height:38px}
  .ep-plan__buyut{width:38px;height:38px}
  .ep__ilerleme{gap:var(--b1)}
  .ep-asama b{font-size:12px}
  .ep-izgara--2{grid-template-columns:minmax(0,1fr)}
  .ep-izgara--s5{grid-template-columns:repeat(5,minmax(0,1fr))}
  .ep-kart--sayi{padding:var(--b2) var(--b1);min-height:76px}
  .ep-kart--sayi .ep-kart__m b{font-size:11px}
  .ep-izgara--s5{gap:6px}
  .ep-kart__yazi{font-size:var(--y3)}
  .ep-kart{min-height:64px}
  .ep-urun--kisa .ep-urun__m{grid-template-columns:minmax(0,1fr)}
  .ep-urun--kisa .ep-urun__f{flex-direction:row;align-items:baseline;gap:var(--b2);text-align:left}
  .ep-odalar{grid-template-columns:minmax(0,1fr)}
  .ep-devam{grid-template-columns:40px minmax(0,1fr)}
  .ep-devam__il{width:40px;height:40px}
  .ep-devam__d{grid-column:1/-1;justify-content:flex-end}
  .ep-oneri{grid-template-columns:36px minmax(0,1fr)}
  .ep-oneri__i{width:36px;height:36px;padding:8px}
  .ep-oneri__d{grid-column:1/-1;justify-content:flex-end}
  .ep-alt{flex-wrap:wrap}
  .ep-alt>.btn{flex:1 1 auto;justify-content:center}
  .ep-antet-bas{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ep-antet-bas span:nth-child(2){border-right:0}
  .ep-antet-bas span:nth-child(-n+2){border-bottom:1px solid rgba(255,212,17,.2)}
  .ep-tablo__bas{display:none}
  .ep-sat{grid-template-columns:24px minmax(0,1fr) auto;padding:var(--b2) var(--b3)}
  .ep-sat__n,.ep-sat__b{display:none}
  .ep-blok header{padding:var(--b2) var(--b3)}
  .ep-tablo__ara{padding-left:var(--b3)}
  .ep-kurulum li{grid-template-columns:minmax(0,1fr) auto;padding:var(--b2) var(--b3)}
  .ep-kurulum li span:nth-child(2){display:none}
  .ep-sen__l{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}
  .ep-form{padding:var(--b4)}
  .ep-toplam{padding:var(--b3) var(--b4)}
  .ep-tes__d{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:380px){
  .ep-serit .btn{padding:0 var(--b3);font-size:14px}
}
/* banyo ve WC sorusu */
.ep-izgara--s4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ep-alt__ikili{display:flex;gap:var(--b2);margin-left:auto}
@media (max-width:640px){
  .ep-alt__ikili{flex:1 1 100%;flex-direction:column}
  .ep-alt__ikili .btn{justify-content:center}
}

/* ===================== ayrıntılı soru akışı (25 Eki) ===================== */
.ep-izgara--s2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ep-izgara--s4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ep-izgara--s6{grid-template-columns:repeat(3,minmax(0,1fr))}
.ep-satir{display:flex;flex-direction:column;gap:var(--b2)}
.ep-satir .ep-ara-baslik{padding-top:var(--b2)}
.ep-cipler{display:flex;flex-wrap:wrap;gap:var(--b2)}
.ep-kalan{grid-column:1/-1;justify-self:end;font-size:var(--y5);font-weight:700;color:var(--muted)}
/* resimli kartlar: "Sizinki Hangisine Benziyor?" */
.ep-rkartlar{display:grid;gap:var(--b3);grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr}
.ep-rkartlar--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ep-rkartlar--3,.ep-rkartlar--6{grid-template-columns:repeat(3,minmax(0,1fr))}
.ep-rkartlar--5{grid-template-columns:repeat(5,minmax(0,1fr))}
.ep-rkartlar--7{grid-template-columns:repeat(4,minmax(0,1fr))}
.ep-rkartlar--7>.ep-rkart:last-child{grid-column:span 2}
.ep-rkart{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--b1);padding:var(--b3) var(--b2);border-radius:var(--k-r);border:var(--k-kenar);background:var(--k-zemin);color:#fff;font:inherit;text-align:center;cursor:pointer;min-height:44px;transition:border-color .2s,background .2s}
div.ep-rkart{cursor:default}
.ep-rkart:hover{border-color:#4a4434}
.ep-rkart.sec{border-color:var(--amber);background:linear-gradient(180deg,rgba(255,212,17,.11),rgba(255,212,17,.03))}
.ep-rkart__il{display:grid;place-items:center;width:100%;aspect-ratio:1/0.78;max-height:96px;color:#d9d2bd}
.ep-rkart.sec .ep-rkart__il{color:var(--amber)}
.ep-rkart__svg{width:100%;height:100%;max-width:96px}
.ep-rkart b{font-size:var(--y5);line-height:1.3;font-weight:700}
.ep-rkart small{font-size:12px;line-height:1.35;color:var(--muted)}
.ep-rkart .ep-rkart__il:empty{display:none}
.ep-rkart:has(.ep-rkart__il:empty){justify-content:center}
.ep-rkartlar--bilgi .ep-rkart{border-style:dashed}
.ep-bilgi--uyari{color:#e9dfba}
/* nasıl bakarım */
.ep-nasil{border:var(--k-kenar);border-radius:var(--k-r);padding:var(--b3) var(--b4);background:var(--k-zemin)}
.ep-nasil summary{cursor:pointer;font-weight:700;color:var(--amber);min-height:32px;display:flex;align-items:center}
.ep-nasil p{color:var(--text-2);font-size:var(--y5);line-height:1.55;margin-top:var(--b2)}
.ep-nasil__c{display:flex;gap:var(--b3);margin-top:var(--b2);color:#d9d2bd}
.ep-nasil__c .ep-rkart__svg{width:84px;height:84px}
.ep-nasil__uyari{color:#f1e2a6 !important;font-weight:700}
/* oda oda tek ekran */
.ep-odakartlar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--b3)}
.ep-odk{display:flex;flex-direction:column;gap:var(--b3);padding:var(--k-ic);border-radius:var(--k-r);border:var(--k-kenar);background:var(--k-zemin);min-width:0}
.ep-odk header{display:flex;align-items:center;gap:var(--b2)}
.ep-odk header b{font-size:var(--y4)}
.ep-odk header small{margin-left:auto;color:var(--muted);font-size:var(--y5);white-space:nowrap}
.ep-odk__i{width:22px;height:22px;color:var(--amber);flex:none}
.ep-odk__satir{display:flex;flex-direction:column;gap:var(--b2);border-top:1px solid rgba(255,255,255,.06);padding-top:var(--b3)}
.ep-odk__satir--yan{flex-direction:row;align-items:center;justify-content:space-between}
.ep-odk__s{display:flex;flex-direction:column;font-size:var(--y5);font-weight:700;color:var(--text-2)}
.ep-odk__s small{font-weight:500;color:var(--muted);font-size:12px}
.ep-mkartlar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--b1)}
.ep-mkartlar--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ep-mkart{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--b1) 2px var(--b2);border-radius:12px;border:1.5px solid #2a2720;background:#0d0c0b;color:#cfc8b2;font:inherit;cursor:pointer;min-height:44px;min-width:0}
.ep-mkart.sec{border-color:var(--amber);color:var(--amber);background:rgba(255,212,17,.08)}
.ep-mkart__svg{width:100%;max-width:44px;aspect-ratio:1;height:auto}
.ep-mkart__yok{display:grid;place-items:center;width:44px;height:44px;font-weight:800;font-size:var(--y3);opacity:.6}
.ep-mkart small{font-size:11px;line-height:1.2;text-align:center;color:inherit}
/* röle grupları */
.ep-rgrup{display:flex;flex-direction:column;gap:var(--b2)}
.ep-rgrup .ep-ara-baslik{display:flex;flex-direction:column;gap:2px;color:#fff}
.ep-rgrup .ep-ara-baslik small{font-weight:500;color:var(--muted);font-size:var(--y5)}
.ep-rgrup--soluk{opacity:.42}
.ep-rgrup--soluk .ep-urun{cursor:not-allowed;pointer-events:none}
.ep-rgrup__not{font-size:var(--y5);font-weight:700;color:#e9dfba}
.ep-il--ur{width:40px !important;height:40px !important}
/* nötr etiketi */
.ep-notr{display:inline-block;margin-left:var(--b1);padding:0 6px;border-radius:999px;font-size:11px;font-weight:700;line-height:18px;vertical-align:1px;white-space:nowrap}
.ep-notr--v{background:rgba(90,169,255,.14);color:#9cc9ff}
.ep-notr--y{background:rgba(255,212,17,.12);color:var(--amber)}
.ep-notr--b{background:rgba(255,255,255,.08);color:#d8d2c0}
.ep-secim__i--ur{width:22px;height:22px}
.ep-secim__f{font-size:12px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
/* plan: cihaz rozeti, seçili oda */
.ep-p-rozet rect{fill:#FFD411}
.ep-p-rozet text{fill:#1C1500;font-family:Inter,Arial,sans-serif;font-weight:800;text-anchor:middle}
.ep-p-dokun:focus{outline:none}
.ep-p-dokun:focus-visible,.ep-p-dokun.sec{fill:rgba(255,212,17,.08);stroke:#FFD411;stroke-width:2.5}
/* oda kartı */
.ep-odakart{display:flex;flex-direction:column;gap:var(--b3);padding:var(--b4);background:#141310;border:1.5px solid var(--amber);border-radius:var(--k-r);box-shadow:0 18px 50px rgba(0,0,0,.6);color:#fff;overflow:auto;overscroll-behavior:contain}
.ep-odakart--pop{position:absolute;z-index:6}
.ep-odakart--alt{position:fixed;left:0;right:0;bottom:0;z-index:120;max-height:78vh;border-radius:var(--k-r) var(--k-r) 0 0;border-width:1.5px 0 0;padding:var(--b4) var(--b4) calc(var(--b4) + env(safe-area-inset-bottom));animation:epAlt .25s var(--ease)}
.ep-odakart--alt{box-shadow:0 0 0 100vmax rgba(0,0,0,.6),0 -12px 40px rgba(0,0,0,.5)}
.ep-toplam b{white-space:nowrap}
@keyframes epAlt{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
.ep-odakart__bas{display:flex;align-items:center;gap:var(--b2)}
.ep-odakart__bas div{display:flex;flex-direction:column;min-width:0;flex:1}
.ep-odakart__bas b{font-size:var(--y3)}
.ep-odakart__bas small{color:var(--muted);font-size:var(--y5)}
.ep-odakart__oi{width:26px;height:26px;color:var(--amber);flex:none}
.ep-odakart__x{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line);background:none;color:#fff;display:grid;place-items:center;cursor:pointer;flex:none}
.ep-odakart__l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--b2)}
.ep-odakart__top{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.08);padding-top:var(--b2);font-size:var(--y5);color:var(--text-2)}
.ep-odakart__top b{color:var(--amber);font-size:var(--y4)}
.ep-odakart__sen b{font-size:var(--y5);color:var(--text-2)}
.ep-odakart__sen ul{margin:var(--b1) 0 0;padding-left:18px;font-size:var(--y5);color:#e9e4d4;line-height:1.5}
.ep-odakart__bos{color:var(--text-2);font-size:var(--y4)}
.ep-odakart__d{display:flex;gap:var(--b2);flex-wrap:wrap}
.ep-odakart__d .btn{flex:1 1 auto;min-height:44px;justify-content:center}
@media (max-width:640px){
  .ep-rkartlar,.ep-rkartlar--5,.ep-rkartlar--7{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ep-rkartlar--3,.ep-rkartlar--6{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--b2)}
  .ep-rkartlar--3 .ep-rkart,.ep-rkartlar--6 .ep-rkart{padding:var(--b2) var(--b1)}
  .ep-rkartlar--5>.ep-rkart:last-child,.ep-rkartlar--7>.ep-rkart:last-child{grid-column:1/-1;flex-direction:row;justify-content:center;gap:var(--b3)}
  .ep-rkartlar--5>.ep-rkart:last-child .ep-rkart__il,.ep-rkartlar--7>.ep-rkart:last-child .ep-rkart__il{width:64px;flex:none}
  .ep-odakartlar{grid-template-columns:minmax(0,1fr)}
  .ep-izgara--s6{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ep-rkart__il{max-height:76px}
}
.ep-secim__f{display:none}
.ep-odakart__l .ep-secim__f{display:inline;margin-left:auto}
.ep-urun__il .ep-il--ur{width:44px !important;height:44px !important}
.ep-urun__il:has(.ep-il--ur){width:60px;height:60px}
.ep-cip--pasif{opacity:.4;cursor:not-allowed;display:inline-flex;flex-direction:column;justify-content:center;line-height:1.15}
.ep-cip--pasif small{font-size:10px;font-weight:500;color:var(--muted)}
.ep-onay{display:flex;flex-direction:column;gap:var(--b2);padding:var(--b4);border-radius:var(--k-r);border:1.5px solid #e9a23b;background:rgba(233,162,59,.08);outline:none}
.ep-onay b{font-size:var(--y4)}
.ep-onay p{font-size:var(--y5);color:var(--text-2);line-height:1.5}
.ep-onay span{display:flex;gap:var(--b2);flex-wrap:wrap}
.ep-onay .btn{min-height:44px}

/* ===== sayaç kartları: ad ile sayaç asla üst üste binmez (25 Eki, kullanıcı ekranı) =====
   [simge] [ad: kalan yer, 2 satıra kadar sarar, kelime bölünmez] [− sayı +: sabit]; dar kapsayıcıda sayaç adın altına iner */
.ep-soru{container-type:inline-size;container-name:soru}
.ep-odalar{grid-auto-rows:1fr}
.ep-odalar>:last-child:nth-child(odd){grid-column:auto}
.ep-oda-kart,.ep-dag{grid-template-columns:40px minmax(0,1fr) max-content}
.ep-oda-kart b,.ep-dag__m b{min-width:0;overflow-wrap:normal;word-break:normal;hyphens:none;white-space:normal;overflow:visible;text-overflow:clip}
.ep-oda-kart .ep-say,.ep-dag .ep-say,.ep-odk .ep-say{flex:none}
.ep-odk__satir--yan{gap:var(--b3)}
.ep-odk__satir--yan .ep-odk__s{flex:1 1 auto;min-width:0}
@container soru (max-width:640px){
  .ep-odalar{grid-template-columns:minmax(0,1fr)}
}
@container soru (max-width:760px){
  .ep-odakartlar{grid-template-columns:minmax(0,1fr)}
}
@container soru (max-width:330px){
  .ep-oda-kart,.ep-dag{grid-template-columns:40px minmax(0,1fr)}
  .ep-oda-kart .ep-say,.ep-dag .ep-say{grid-column:1/-1;justify-self:end}
  .ep-odk__satir--yan{flex-direction:column;align-items:stretch}
  .ep-odk__satir--yan .ep-say{align-self:flex-end}
  .ep-mkartlar{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* ===== görsel denetim 1 düzeltmeleri (25 Eki) ===== */
/* hazır planlar: masaüstü 4+4, telefon 2x4 */
.ep-paketler{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--b2);grid-auto-rows:1fr}
.ep-paketler .ep-kart{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--b1);padding:var(--b3) var(--b2)}
.ep-paketler .ep-kart__il{width:44px;height:44px}
.ep-paketler .ep-kart__m b{font-size:var(--y5)}
.ep-paketler .ep-kart__m span{font-size:11.5px}
@container soru (max-width:520px){.ep-paketler{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* konular: yetim kart yok — geniş alanda 3x3, dar alanda tek sütun */
.ep-konular{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--b2);grid-auto-rows:1fr}
.ep-konular .ep-kart{grid-template-columns:minmax(0,1fr);align-content:start;padding:var(--b3);padding-right:var(--b3);padding-top:36px}
.ep-konular .ep-kart__il{width:40px;height:40px}
.ep-konular .ep-kart__isaret{top:var(--b3);right:var(--b3);margin-top:0}
.ep-konular .ep-kart__roz{top:var(--b3);left:var(--b3);right:auto}
@container soru (max-width:419px){
  .ep-konular{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}
  .ep-konular .ep-kart{grid-template-columns:40px minmax(0,1fr);padding:var(--b3);padding-right:44px;padding-top:var(--b3)}
  .ep-konular .ep-kart__isaret{top:50%;margin-top:-11px}
  .ep-konular .ep-kart__roz{position:static;grid-column:2;justify-self:start}
}
/* masaüstü: Geri/Devam yapışkan alt çubukta, kaydırmadan görünür */
@media (min-width:1060px){
  .ep-soru .ep-alt{position:sticky;bottom:0;z-index:5;margin:0 calc(-1 * var(--b3));padding:var(--b3);background:linear-gradient(180deg,rgba(7,7,7,0),rgba(7,7,7,.94) 30%);backdrop-filter:none}
}
/* özet kutusu: dört değer aynı hizada, düğme yanlarında */
.ep-ozet{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}
.ep-ozet b{font-weight:700;line-height:1.3;min-height:1.3em}
.ep-ozet .btn{grid-column:1/-1}
@container pafta (min-width:620px){.ep-ozet{grid-template-columns:repeat(4,minmax(0,1fr)) auto}.ep-ozet .btn{grid-column:auto;align-self:center}}
/* malzeme listesi: telefonda adet ve birim fiyat görünür */
.ep-sat__mob{display:none}
.ep-sat__kir{display:block;font-size:12px;color:var(--text-2);line-height:1.4}
@media (max-width:640px){.ep-sat__mob{display:block;font-size:12px;color:var(--text-2);font-variant-numeric:tabular-nums}}
/* alt şerit: yazı kesilmez, düğmeye binmez */
@media (max-width:1060px){
  .ep-serit__m{flex:1 1 auto}
  .ep-serit__m b{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.3}
  .ep-serit [hidden]{display:none}
}
/* karışık anahtar sayımı */
.ep-tsay{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--b2)}
.ep-tsay__k{display:flex;flex-direction:column;align-items:center;gap:var(--b1);padding:var(--b2) var(--b1);border-radius:12px;border:1.5px solid #2a2720;background:#0d0c0b;min-width:0;color:#cfc8b2}
.ep-tsay__k.sec{border-color:var(--amber);color:var(--amber);background:rgba(255,212,17,.06)}
.ep-tsay__k small{font-size:12px;font-weight:700;text-align:center}
.ep-tsay__k .ep-say button{width:36px;height:36px}
.ep-tsay__ozet{font-size:var(--y5);font-weight:700;color:var(--amber);margin:0}
@container soru (max-width:520px){.ep-tsay{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ep-onizleme{display:inline-block;font-size:12px;color:var(--muted);font-weight:500}
.ep-tes__kir{display:block;font-size:11.5px;color:var(--muted);font-weight:500;margin-top:2px}
/* yeniden çizimde tarayıcının kaydırma çapası sayfayı itmesin; dokunulan öğeyi biz sabitliyoruz */
html,body,.ep,.ep__akis,.ep__pafta{overflow-anchor:none}

/* ===== oda gezgini (oda oda adımları) ===== */
.ep-gezgin{display:flex;flex-direction:column;gap:var(--b2)}
.ep-gezgin__g{display:flex;flex-direction:column;gap:var(--b1)}
.ep-gezgin__b{font-size:11.5px;font-weight:700;color:var(--muted);letter-spacing:.02em}
.ep-gezgin__c{display:flex;flex-wrap:wrap;gap:var(--b2)}
.ep-gezgin__o{display:grid;grid-template-columns:24px auto;grid-template-rows:auto auto;column-gap:var(--b2);align-items:center;min-height:44px;padding:var(--b1) var(--b3) var(--b1) var(--b2);border-radius:12px;border:1.5px solid #2a2720;background:#0d0c0b;color:#fff;font:inherit;text-align:left;cursor:pointer}
.ep-gezgin__o b{font-size:var(--y5);font-weight:700;white-space:nowrap}
.ep-gezgin__o small{grid-column:2;font-size:11px;color:var(--muted);display:flex;align-items:center;gap:4px;white-space:nowrap}
.ep-gezgin__i{grid-row:1/3;width:24px;height:24px;color:var(--text-2)}
.ep-gezgin__o.on{border-color:var(--amber);background:rgba(255,212,17,.08)}
.ep-gezgin__o.on .ep-gezgin__i{color:var(--amber)}
.ep-gezgin__o.plansiz{opacity:.62;border-style:dashed}
.ep-gezgin__o.plansiz.on{opacity:1}
.ep-nokta{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--amber)}
.ep-odk--tek{border-color:rgba(255,212,17,.45)}
.ep-bolsek{display:flex;gap:var(--b1);border-bottom:1px solid rgba(255,255,255,.08)}
.ep-bolsek__s{min-height:40px;padding:0 var(--b3);background:none;border:0;border-bottom:2px solid transparent;color:var(--text-2);font:700 var(--y5) Inter,sans-serif;cursor:pointer}
.ep-bolsek__s.on{color:var(--amber);border-bottom-color:var(--amber)}
.ep-odabos{justify-content:flex-start}
.ep-plansiz{border-color:#e9a23b}
.ep-plansiz__o{background:none;border:0;padding:0;color:var(--amber);font:700 var(--y5) Inter,sans-serif;cursor:pointer;text-decoration:none}
@media (max-width:1059px){
  .ep-gezgin{position:sticky;top:calc(var(--nav-h) + 64px);z-index:6;background:var(--bg);padding:var(--b2) 0;margin:0 calc(-1 * var(--b4));padding-left:var(--b4);padding-right:var(--b4)}
  .ep-gezgin{flex-direction:row;overflow-x:auto;scrollbar-width:none;gap:var(--b3)}
  .ep-gezgin::-webkit-scrollbar{display:none}
  .ep-gezgin__g{flex:none}
  .ep-gezgin__c{flex-wrap:nowrap}
}
/* ===== yan yana oda seçimi ===== */
.ep-odasec{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--b2)}
@container soru (max-width:620px){.ep-odasec{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container soru (max-width:420px){.ep-odasec{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ep-odasec__k{display:flex;flex-direction:column;border-radius:12px;border:1.5px solid #2a2720;background:#0d0c0b;min-width:0}
.ep-odasec__k.sec{border-color:var(--amber);background:rgba(255,212,17,.06)}
.ep-odasec__o{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--b2) var(--b1);background:none;border:0;color:#fff;font:inherit;cursor:pointer;min-height:64px}
.ep-odasec__o b{font-size:12.5px;line-height:1.25;text-align:center}
.ep-odasec__i{width:26px;height:26px;color:var(--text-2)}
.ep-odasec__k.sec .ep-odasec__i{color:var(--amber)}
.ep-odasec__s{display:flex;flex-direction:column;align-items:center;gap:2px;padding:0 var(--b1) var(--b2)}
.ep-odasec__s small{font-size:11px;color:var(--muted)}
.ep-odasec__s .ep-say button{width:32px;height:32px}
/* ===== malzeme satırı: tek ızgara ===== */
.ep-kl-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.ep-kl{display:grid;grid-template-columns:24px minmax(0,1fr) minmax(76px,auto) 84px 32px;align-items:center;gap:var(--b2);padding:var(--b2) 0;border-bottom:1px solid rgba(255,255,255,.05)}
.ep-secim li.ep-kl{grid-template-columns:20px minmax(0,1fr) minmax(70px,auto) 76px 32px;padding-left:0}
.ep-kl.oto{opacity:.8}
.ep-kl__i{width:20px;height:20px;color:var(--amber)}
.ep-kl__i--ur{width:24px;height:24px}
.ep-kl__ad{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:2px}
.ep-kl__ad small{font-size:11.5px;color:var(--muted);line-height:1.35}
.ep-kl__git{background:none;border:0;padding:0;color:#f3ecd8;font:600 var(--y5) Inter,sans-serif;text-align:left;cursor:pointer;line-height:1.3;text-decoration:none;border-radius:6px}
.ep-kl__git:hover{color:var(--amber)}
.ep-kl__n{justify-self:end}
.ep-kl__adet{display:flex;flex-direction:column;align-items:flex-end;font-size:12.5px;font-weight:700;color:var(--text-2);white-space:nowrap}
.ep-kl__adet small{font-size:10.5px;font-weight:500;color:var(--muted)}
.ep-kl__t{justify-self:end;font-size:12.5px;font-weight:700;color:#f3ecd8;font-variant-numeric:tabular-nums;white-space:nowrap}
.ep-kl__x{justify-self:end;width:32px}
.ep-kl .ep-say button{width:30px;height:30px}
.ep-kl .ep-say output{min-width:18px;font-size:var(--y5)}
/* ===== masaüstü sağ sütun: plan ve özet sabit, yalnız Seçimleriniz kayar ===== */
@media (min-width:1060px){
  .ep__pafta{height:calc(100vh - var(--nav-h) - var(--b4) * 2);max-height:none;overflow:hidden;display:flex;flex-direction:column}
  .ep__pafta>.ep-plan-yer,.ep__pafta>.ep-ozet{flex:none}
  .ep__pafta>.ep-secim{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-top:0;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 24px),transparent);padding-bottom:28px}
  .ep__pafta>.ep-secim .ep-secim__bas{position:sticky;top:0;z-index:2;background:var(--k-zemin);padding:var(--b3) 0 var(--b2)}
}
/* ===== oda penceresi ===== */
html.ep-modal-acik{overflow:hidden}
.ep-odaperde{position:fixed;inset:0;z-index:130;background:rgba(0,0,0,.6);display:grid;place-items:center;padding:var(--b4);animation:epPerde .18s ease-out}
.ep-modal{width:min(560px,100%);max-height:80vh;display:flex;flex-direction:column;background:#141310;border:1.5px solid rgba(255,212,17,.55);border-radius:var(--k-r);box-shadow:0 24px 70px rgba(0,0,0,.7);color:#fff;animation:epModal .2s ease-out;overflow:hidden}
@keyframes epPerde{from{opacity:0}to{opacity:1}}
@keyframes epModal{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}
.ep-modal__bas{display:flex;align-items:center;gap:var(--b3);padding:var(--b4) var(--b4) var(--b3);border-bottom:1px solid rgba(255,255,255,.08);flex:none}
.ep-modal__bas div{display:flex;flex-direction:column;flex:1;min-width:0}
.ep-modal__bas b{font-size:var(--y3)}
.ep-modal__bas small{font-size:var(--y5);color:var(--muted)}
.ep-modal__oi{width:30px;height:30px;color:var(--amber);flex:none}
.ep-modal__x{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line);background:none;color:#fff;display:grid;place-items:center;cursor:pointer;flex:none}
.ep-modal__govde{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--b2) var(--b4) var(--b4);display:flex;flex-direction:column;gap:var(--b3)}
.ep-modal__top{display:flex;justify-content:space-between;align-items:baseline}
.ep-modal__top span{font-size:var(--y5);color:var(--text-2)}
.ep-modal__top b{font-size:var(--y2);color:var(--amber);font-variant-numeric:tabular-nums}
.ep-modal__sen b{font-size:var(--y5);color:var(--text-2)}
.ep-modal__sen div{display:flex;flex-wrap:wrap;gap:var(--b1);margin-top:var(--b1)}
.ep-sencip{display:inline-flex;align-items:center;min-height:30px;padding:0 var(--b3);border-radius:999px;background:rgba(255,212,17,.08);border:1px solid rgba(255,212,17,.3);font-size:12.5px;font-weight:600;color:#f1e2a6}
.ep-modal__bos{color:var(--text-2)}
.ep-modal__alt{display:flex;gap:var(--b2);padding:var(--b3) var(--b4) calc(var(--b3) + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.08);flex:none;background:#141310}
.ep-modal__alt .btn{flex:1 1 auto;min-height:48px;justify-content:center}
.ep-odaperde--alt{place-items:end stretch;padding:0}
.ep-modal--alt{width:100%;max-height:86vh;border-radius:22px 22px 0 0;border-width:1.5px 0 0;animation:epAltSayfa .22s ease-out}
@keyframes epAltSayfa{from{transform:translateY(32px);opacity:0}to{transform:none;opacity:1}}
.ep-modal__tutamak{display:block;width:44px;height:5px;border-radius:3px;background:rgba(255,255,255,.25);margin:var(--b2) auto 0;flex:none}
.ep-modal--alt .ep-kl{grid-template-columns:22px minmax(0,1fr) auto 72px 28px;gap:var(--b1) var(--b2)}
/* gezgin sıkı: gruplar yan yana akar, oda kartı ilk ekranda kalır */
.ep-gezgin{flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--b2) var(--b3)}
.ep-gezgin__g{flex-direction:row;align-items:center;flex-wrap:wrap;gap:6px}
.ep-gezgin__b{flex:none;margin-right:2px}
.ep-gezgin__c{gap:6px}
.ep-gezgin__o{grid-template-columns:20px auto auto;grid-template-rows:auto;min-height:40px;padding:4px var(--b3) 4px var(--b2);gap:6px}
.ep-gezgin__o small{grid-column:auto}
.ep-gezgin__i{grid-row:auto;width:20px;height:20px}
/* oda kartı sıkı: tip sayaçları tek sırada, çizim küçük */
.ep-tsay{grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}
.ep-tsay__k{padding:6px 4px;gap:2px}
.ep-tsay__k .ep-mkart__svg{max-width:36px}
.ep-tsay__k .ep-say button{width:30px;height:30px}
.ep-tsay__k .ep-say output{min-width:16px}
.ep-odk--tek{gap:var(--b2);padding:var(--b3)}
.ep-odk--tek .ep-odk__satir{padding-top:var(--b2);gap:6px}
.ep-odk--tek .ep-mkart__svg{max-width:34px}
.ep-gezgin__o small{font-size:0;gap:0}
.ep-gezgin__o small .ep-nokta{margin:0}
.ep-gezgin__o.plansiz small{font-size:10.5px}
.ep-gezgin__o.plansiz small::before{content:none}
/* site genelindeki body{overflow-x:hidden} gövdeyi kaydırma kabı yapıyor ve position:sticky çalışmıyordu; clip kap oluşturmaz */
body.ep-sayfa{overflow-x:clip}
/* gezgin tek sıra: yatay kayar, gruplar ayraçlı */
.ep-gezgin{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#3a362c transparent;padding-bottom:6px;gap:var(--b3)}
.ep-gezgin__g{flex:none;flex-wrap:nowrap;padding-left:var(--b3);border-left:1px solid rgba(255,255,255,.1)}
.ep-gezgin__g:first-child{padding-left:0;border-left:0}
.ep-gezgin__c{flex-wrap:nowrap}
.ep-gezgin__b{writing-mode:horizontal-tb;white-space:nowrap}
/* katlanır ürün seçimi */
.ep-urunsec{border:var(--k-kenar);border-radius:var(--k-r);background:var(--k-zemin)}
.ep-urunsec>summary{display:flex;align-items:center;gap:var(--b3);padding:var(--b2) var(--b3);cursor:pointer;list-style:none;min-height:52px}
.ep-urunsec>summary::-webkit-details-marker{display:none}
.ep-urunsec>summary span{display:flex;flex-direction:column;min-width:0;flex:1}
.ep-urunsec>summary small{font-size:11px;color:var(--muted)}
.ep-urunsec>summary b{font-size:var(--y5)}
.ep-urunsec>summary em{font-style:normal;font-weight:700;color:var(--amber);font-size:var(--y5);white-space:nowrap}
.ep-urunsec__i{width:30px;height:30px;color:var(--amber);flex:none}
.ep-urunsec__d{flex:none!important;font-size:12px;font-weight:700;color:var(--amber);border:1px solid rgba(255,212,17,.4);border-radius:999px;padding:4px 10px}
.ep-urunsec[open]>summary{border-bottom:1px solid rgba(255,255,255,.08)}
.ep-urunsec>.ep-urunler{padding:var(--b3)}
.ep-tsay__alt{display:flex;align-items:center;justify-content:space-between;gap:var(--b2);flex-wrap:wrap}
.ep-cip--kucuk{min-height:34px;padding:0 var(--b3);font-size:12.5px}
.ep-odk--tek header{flex-wrap:wrap;row-gap:6px}
.ep-odk--tek header small{margin-left:var(--b2)}
.ep-odk--tek header .ep-cip{margin-left:auto}

.ep-konular .ep-kart__m b{font-size:var(--y5);line-height:1.25}
.ep-konular .ep-kart__m span{font-size:11.5px}
/* sağ alttaki yüzen WhatsApp düğmesi sağ sütundaki listeyi örtmesin (telefonda zaten gizli) */
.ep-sayfa .wa-yuzen{display:none}

/* ===== proje sepeti: sağ kenar sekmesi + çekmece (Seçimleriniz kartının yerine) ===== */
.ep__pafta>.ep-secim{display:none!important}
.ep-sepet-sekme{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:60;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--b3) var(--b2) var(--b3) var(--b3);border-radius:18px 0 0 18px;border:1.5px solid rgba(255,212,17,.7);border-right:0;background:#141310;color:#fff;cursor:pointer;box-shadow:-8px 10px 30px rgba(0,0,0,.5);min-width:64px}
.ep-sepet-sekme__i{width:26px;height:26px;color:var(--amber)}
.ep-sepet-sekme__n{position:absolute;top:6px;left:6px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--amber);color:var(--amber-ink);font:800 11.5px/20px Inter,sans-serif;text-align:center}
.ep-sepet-sekme small{font-size:11px;font-weight:700;color:#f1e2a6;font-variant-numeric:tabular-nums;white-space:nowrap}
.ep-sepet-sekme.nefes{animation:epNefes .5s ease-out}
@keyframes epNefes{0%{transform:translateY(-50%)}40%{transform:translate(-8px,-50%)}100%{transform:translateY(-50%)}}
@media (max-width:767px){.ep-sepet-sekme{display:none!important}}
html.ep-modal-acik .ep-sepet-sekme{visibility:hidden}
.ep-serit__m{background:none;border:0;padding:0;color:inherit;font:inherit;text-align:left;cursor:pointer}
.ep-sepet-perde{position:fixed;inset:0;z-index:130;background:rgba(0,0,0,.6);display:flex;justify-content:flex-end;animation:epPerde .18s ease-out}
.ep-sepet{width:min(480px,100%);height:100%;display:flex;flex-direction:column;background:#141310;border-left:1.5px solid rgba(255,212,17,.5);box-shadow:-24px 0 70px rgba(0,0,0,.6);animation:epCekmece .22s ease-out}
@keyframes epCekmece{from{transform:translateX(40px);opacity:0}to{transform:none;opacity:1}}
.ep-sepet-perde--alt{align-items:flex-end}
.ep-sepet--alt{width:100%;height:auto;max-height:92vh;border-left:0;border-top:1.5px solid rgba(255,212,17,.5);border-radius:22px 22px 0 0;animation:epAltSayfa .22s ease-out}
.ep-sepet__bas{display:flex;align-items:center;justify-content:space-between;gap:var(--b3);padding:var(--b4);border-bottom:1px solid rgba(255,255,255,.08);flex:none}
.ep-sepet__bas b{font-size:var(--y3)}
.ep-sepet__govde{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--b2) var(--b4) var(--b4);display:flex;flex-direction:column;gap:var(--b2)}
.ep-sepet__oda{border:var(--k-kenar);border-radius:14px;background:var(--k-zemin);padding:0 var(--b3) var(--b2)}
.ep-sepet__oda>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--b2);min-height:52px;cursor:pointer;list-style:none}
.ep-sepet__oda>summary::-webkit-details-marker{display:none}
.ep-sepet__odaad{display:flex;align-items:center;gap:var(--b2);min-width:0}
.ep-sepet__odaad b{font-size:var(--y5)}
.ep-sepet__odaad small{font-size:11.5px;color:var(--muted)}
.ep-sepet__oi{width:24px;height:24px;color:var(--amber);flex:none}
.ep-sepet__oda>summary em{font-style:normal;font-weight:800;color:var(--amber);font-size:var(--y5);font-variant-numeric:tabular-nums;white-space:nowrap}
.ep-sepet__duz{display:inline-flex;align-items:center;gap:6px;margin-top:var(--b2);min-height:36px;padding:0 var(--b3);border-radius:999px;border:1px solid rgba(255,212,17,.4);background:none;color:var(--amber);font:700 12.5px Inter,sans-serif;cursor:pointer}
.ep-sepet .ep-kl{grid-template-columns:22px minmax(0,1fr) auto 76px 30px}
.ep-sepet__alt{flex:none;border-top:1px solid rgba(255,255,255,.08);padding:var(--b3) var(--b4) calc(var(--b3) + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--b3);background:#141310}
.ep-sepet__alt dl{margin:0;display:flex;flex-direction:column;gap:4px}
.ep-sepet__alt dl div{display:flex;justify-content:space-between;font-size:var(--y5);color:var(--text-2)}
.ep-sepet__alt dd{margin:0;font-variant-numeric:tabular-nums;font-weight:700;color:#f3ecd8}
.ep-sepet__genel{font-size:var(--y4)!important;color:#fff!important}
.ep-sepet__genel dd{color:var(--amber)!important;font-size:var(--y3)}
.ep-sepet__d{display:flex;gap:var(--b2)}
.ep-sepet__d .btn{flex:1;min-height:48px;justify-content:center}
/* öneri kartı: fiyat ayrı satırda */
.ep-oneri__fiyat{display:flex;align-items:baseline;gap:var(--b2);margin-top:4px}
.ep-oneri__fiyat b{color:var(--amber);font-variant-numeric:tabular-nums}
.ep-oneri__fiyat small{font-size:11.5px;color:var(--muted)}
.ep-oneri p>span.ep-oneri__m{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* yan yana oda kartları: içerik kadar yükseklik, son satır ortalı (yetim boşluk yok) */
.ep-odasec{display:flex!important;flex-wrap:wrap;justify-content:center;align-items:flex-start;align-content:flex-start;gap:var(--b2);flex:none}
.ep-odasec>.ep-odasec__k{flex:0 0 calc((100% - 3 * var(--b2)) / 4)}
.ep-odasec--3>.ep-odasec__k{flex-basis:calc((100% - 2 * var(--b2)) / 3)}
@container soru (max-width:420px){.ep-odasec>.ep-odasec__k,.ep-odasec--3>.ep-odasec__k{flex-basis:calc((100% - var(--b2)) / 2)}}
.ep-odasec__o{min-height:0}
.ep-soru>*{flex:none}
/* yatay şerit: kenarda solma + oklar */
.ep-serit--sag{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 40px),transparent)}
.ep-serit--sol{-webkit-mask-image:linear-gradient(to right,transparent,#000 40px);mask-image:linear-gradient(to right,transparent,#000 40px)}
.ep-serit--sol.ep-serit--sag{-webkit-mask-image:linear-gradient(to right,transparent,#000 40px,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(to right,transparent,#000 40px,#000 calc(100% - 40px),transparent)}
.ep-serit-ok{display:none}
@media (min-width:1060px){
  .ep-serit-ok{display:flex;justify-content:flex-end;gap:6px;margin-top:-4px}
  .ep-serit-ok button{width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:#0d0c0b;color:#fff;font:700 18px/1 Inter,sans-serif;cursor:pointer}
}
.ep-cip--yok{opacity:.55;display:inline-flex;flex-direction:column;justify-content:center;line-height:1.15}
.ep-cip--yok small{font-size:10px;font-weight:500;color:var(--muted)}
.ep-renkler{margin-top:var(--b2)}
.ep-isikoda{align-items:center}
/* ürün kartı: simge 64px kendi sütununda, metinle 16px ara, seçim dairesi kendi sütununda */
.ep-urun{grid-template-columns:64px minmax(0,1fr) 24px;column-gap:var(--b4);row-gap:var(--b2);padding-right:var(--k-ic)}
.ep-urun__il,.ep-urun__il:has(.ep-il--ur){width:64px;height:64px;border-radius:14px}
.ep-urun .ep-kart__isaret{position:static;grid-column:3;grid-row:1;margin:0}
.ep-urun__m{gap:var(--b2)}
.ep-urun__m>b{margin-top:2px}
.ep-urun__ust{min-height:22px}
.ep-urun--kisa{grid-template-columns:48px minmax(0,1fr) 24px;padding-right:var(--b3)}
.ep-urun--kisa .ep-urun__il{width:48px;height:48px}
@media (max-width:480px){.ep-urun{grid-template-columns:48px minmax(0,1fr) 22px;column-gap:var(--b3)}.ep-urun__il,.ep-urun__il:has(.ep-il--ur){width:48px;height:48px}}
/* simge-metin arası her kartta en az 12px */
.ep-kart{column-gap:var(--b3)}
.ep-oneri{column-gap:var(--b3)}
.ep-gezgin__o{column-gap:10px}
.ep-tsay__not{font-size:12px;color:var(--muted);line-height:1.45;margin:0}
.ep-satirbas{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--b2);flex-wrap:wrap}
.ep-isikoda{gap:4px}
@media (min-width:1060px){
  .ep-serit--oklu{margin-right:80px}   /* oklar şeridin dışında kendi alanında: kayan sekme okun altına girmez */
  .ep-serit-ok{position:relative;height:0;margin:0}
  .ep-serit-ok button{position:relative;top:-40px}
}
.ep-baglanti{display:flex;flex-direction:column;gap:6px;padding-bottom:var(--b2);border-bottom:1px solid rgba(255,255,255,.06)}
.ep-baglanti .ep-oner{font-style:normal;font-size:10.5px;margin-left:4px}
.ep-tsay__ozet--bos{color:var(--muted);font-weight:500;font-size:12px}
.ep-tsay__k{position:relative}.ep-tsay__oner{position:absolute;top:4px;right:4px;font-size:10px;font-style:normal}
/* proje çıktısı düğmeleri ve e-posta formu */
.ep-cikti{display:flex;flex-wrap:wrap;gap:var(--b2)}
.ep-cikti .btn{min-height:44px}
.ep-eposta{display:flex;flex-direction:column;gap:var(--b2);padding:var(--b3) var(--b4);border:var(--k-kenar);border-radius:var(--k-r);background:var(--k-zemin)}
.ep-eposta label{display:flex;flex-direction:column;gap:4px;font-size:var(--y5);font-weight:700;color:var(--text-2)}
.ep-eposta input{min-height:44px;border-radius:12px;border:1.5px solid var(--line);background:#0d0c0b;color:#fff;padding:0 var(--b3);font:500 15px Inter,sans-serif}
.ep-eposta input[aria-invalid=true]{border-color:#e9a23b}
.ep-eposta__not{font-size:12px;color:var(--muted);margin:0}
.ep-eposta .btn{align-self:flex-start;min-height:44px}
/* PDF / e-posta penceresi: iletişim bilgisi + izin (izin şart değil) */
.ep-cikti-form{gap:var(--b3);padding-top:var(--b3)}
.ep-izin{flex-direction:row!important;align-items:flex-start;gap:var(--b2)!important;font-weight:500!important;font-size:13px!important;line-height:1.45;color:var(--text-2);cursor:pointer}
.ep-izin input{flex:none;width:22px;height:22px;min-height:0!important;margin:1px 0 0;padding:0;accent-color:var(--amber);cursor:pointer}
.ep-izin a{color:var(--amber);text-decoration:underline;text-underline-offset:2px}
.ep-cikti-form .ep-form__durum:empty{display:none}
.ep-eposta input:focus-visible{outline:2px solid var(--amber);outline-offset:1px;border-color:transparent}
/* "Önerilen" rozeti çizimin üstüne binmez: kartın akışında, çizimin üstünde; sayaç kart altına yaslanır */
.ep-tsay__oner{position:static!important;order:-1;align-self:center;line-height:1.4}
.ep-tsay__k .ep-say{margin-top:auto}
/* görünüm kartı: nötr ister uyarısı (soluk ama seçilebilir) */
.ep-rkart--uyari:not(.sec){opacity:.62}
.ep-rkart--uyari small{color:#e9c46a}
/* Bağlantı / Kutu: etiketli tek satır çipler */
.ep-bagcip{align-items:center}
.ep-bagcip__b{font-size:12px;font-weight:700;color:var(--muted);margin-right:2px;min-width:58px}
.ep-oner--ev{background:rgba(255,255,255,.08)!important;color:var(--text-2)!important;border-color:rgba(255,255,255,.14)!important}
/* her satırda +/- : adet sütunu sabit genişlik, "Kendiliğinden" satırları da aynı hizada */
.ep-kl,.ep-modal--alt .ep-kl,.ep-sepet .ep-kl{grid-template-columns:24px minmax(0,1fr) 96px 80px 30px}
.ep-kl__n{justify-self:center;width:96px;display:flex;justify-content:center}
.ep-kl__adet{align-items:center}
.ep-kl .ep-say{gap:2px}
.ep-kl .ep-say button{width:30px;height:30px}
@media (max-width:420px){.ep-kl,.ep-modal--alt .ep-kl,.ep-sepet .ep-kl{grid-template-columns:24px minmax(0,1fr) 92px 68px 26px;gap:4px 6px}.ep-kl__n{width:92px}.ep-kl__ad{padding-left:6px}}
.ep-baglanti-dugme{background:none;border:0;padding:0;color:var(--amber);font:inherit;text-decoration:underline;cursor:pointer}
.ep-baglanti{gap:4px;padding-bottom:var(--b1)}.ep-baglanti .ep-odk__s small{line-height:1.35}.ep-tsay__ozet--bos{display:none}
/* anahtar "Odaya Göre Farklı": kutu kipinde sıkı görünüm satırı (1440x900 tek ekran) */
.ep-rkartlar--kompakt{gap:6px}
.ep-rkartlar--kompakt .ep-rkart{display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px;row-gap:0;align-items:center;text-align:left;padding:6px 8px;min-height:0}
.ep-rkartlar--kompakt .ep-rkart__il{grid-row:1/3;width:30px;height:30px;margin:0}
.ep-rkartlar--kompakt .ep-rkart__svg{width:30px;height:30px}
.ep-rkartlar--kompakt .ep-rkart b{font-size:13px;line-height:1.2}
.ep-rkartlar--kompakt .ep-rkart small{font-size:10.5px;line-height:1.25;display:none}
.ep-rkartlar--kompakt .ep-rkart--uyari small{display:block}
.ep-odk .ep-renkler{margin-top:6px}
.ep-rkartlar--kompakt .ep-rkart{align-content:center}
.ep-kl__ad .ep-notr{margin-top:3px}
.ep-rkartlar--kompakt .ep-rkart b{white-space:normal;overflow-wrap:anywhere}
@container soru (max-width:520px){.ep-rkartlar--kompakt{grid-template-columns:1fr!important}.ep-rkartlar--kompakt .ep-rkart{grid-template-columns:30px auto minmax(0,1fr);grid-template-rows:auto}.ep-rkartlar--kompakt .ep-rkart__il{grid-row:auto}.ep-rkartlar--kompakt .ep-rkart small{text-align:right}}
.ep-kl__ad{gap:4px}.ep-kl__ad .ep-notr{margin-top:0;line-height:1.5}
/* son denetim: proje no tek satır; "Önerilen" rozeti başlığı aşağı itmez; +N baloncuğu alt şerit/antet üstünde değil, ekranın üst ortasında */
.ep-antet-bas span:first-child b{white-space:nowrap;overflow-wrap:normal;font-size:clamp(11px,2.9vw,var(--y5));letter-spacing:-.01em}
.ep-antet-bas{grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr))}
@media (max-width:600px){.ep-antet-bas{grid-template-columns:repeat(2,minmax(0,1fr))}.ep-antet-bas span:first-child{grid-column:1/-1;border-right:0;border-bottom:1px solid rgba(255,212,17,.2)}.ep-antet-bas span:nth-child(2){border-right:1px solid rgba(255,212,17,.2)}.ep-antet-bas span:nth-child(3){border-right:0}}
.ep-kartlar:has(.ep-kart__roz) .ep-kart:not(.ep-kart--sayi) .ep-kart__m{padding-top:var(--b3)}   /* rozetli/rozetsiz kart başlıkları aynı hizada */
@container soru (max-width:400px){.ep-tsay:has(> :nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}   /* 4 kart: 3+1 yetim yerine 2x2 */
.ep-kl__ad .ep-notr{max-width:100%;white-space:normal;line-height:1.25;text-align:left}   /* dar ekranda rozet satıra sarar, düğmeye taşmaz */
/* enerji "Kaç Tane?": priz montaj/bağlantı çipleri kartın tam genişliğinde, iki grup; çip metni kırılmaz */
.ep-dag .ep-enpriz{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:2px}
.ep-seg{display:inline-flex;align-items:center;gap:6px;flex-wrap:nowrap}
.ep-seg em{font-style:normal;font-size:11.5px;font-weight:700;color:var(--muted);margin-right:2px}
.ep-seg .ep-cip,.ep-cip{white-space:nowrap}
.ep-enpriz__n{font-size:11.5px;color:var(--muted);white-space:nowrap}
.ep-dag__m small{white-space:normal;overflow-wrap:break-word}
/* ===== görsel tarama 26 Eki: kayma, taşma, kırılma yok ===== */
/* 2) dar ekranda malzeme satırı iki satır: ad tam genişlik + ×; altında sayaç solda, tutar sağda (ad kolonu 58-68 px'e sıkışmaz) */
@media (max-width:420px){
  .ep-kl,.ep-modal--alt .ep-kl,.ep-sepet .ep-kl,.ep-secim li.ep-kl{grid-template-columns:24px minmax(0,1fr) auto 30px;grid-template-areas:"i ad ad x" ". n t t";gap:6px 8px;align-items:center}
  .ep-kl>.ep-kl__i{grid-area:i;align-self:start;margin-top:2px}
  .ep-kl>.ep-kl__ad{grid-area:ad;padding-left:0}
  .ep-kl>.ep-kl__n{grid-area:n;justify-self:start;width:auto}
  .ep-kl>.ep-kl__t{grid-area:t;justify-self:end;padding-right:6px}
  .ep-kl>.ep-kl__x{grid-area:x;align-self:start;width:30px}
  .ep-kl__adet{align-items:flex-start}
}
/* 1) uzun sayı etiketi (90-150, 150-250): tek satır, punto kap genişliğine göre; dört kart her genişlikte aynı iç düzende */
.ep-izgara--uzun .ep-kart__yazi{white-space:nowrap;font-size:clamp(14px,4.2cqi,var(--y2))}
/* 3) Geri / Önceki Oda kırılmaz; yanındaki uzun düğme gerekirse kendi içinde sarar, Geri'yi sıkıştırmaz */
.ep-alt .ep-geri{white-space:nowrap;flex:none}
.ep-alt .btn{min-width:0;white-space:normal;text-align:center;line-height:1.2}
/* 18) simge-yazı arası en az 6 px */
.ep-geri,.ep-mini-dug,.ep-tur{gap:6px}
/* 4) plan antedi: ızgara; dar paftada iki dengeli satır (ölçek + proje no / tarih + hazırlayan + pafta), tek kutu yetim kalmaz */
.ep-plan__antet{display:grid;grid-template-columns:repeat(5,auto)}
.ep-plan__antet>span{min-width:0}
@container pafta (max-width:660px){
  .ep-plan__antet{grid-template-columns:auto minmax(0,1fr) minmax(0,1fr)}
  .ep-plan__antet>span:nth-child(2){grid-column:2/4;border-right:0}
  .ep-plan__antet>span:nth-child(n+3){border-top:1px solid rgba(255,212,17,.18)}
  .ep-plan__antet>span>b{white-space:normal;line-height:1.3}   /* dar kolonda değer boşluktan sarar, komşu kutuya taşmaz (proje no bölünmez tireli) */
}
/* 5) sağ kenar sepet sekmesi içeriği örtmez: alt şerit varken (<=1060) gizli, 1061-1279 arası içerik sekme kadar sağdan boşluk bırakır */
@media (max-width:1060px){.ep-sepet-sekme{display:none!important}}
@media (min-width:1061px) and (max-width:1279px){.ep__pafta{margin-right:52px}}   /* yalnız plan sütunu daralır; soru sütunu ve kap sorguları değişmez */
/* 6) anahtar görünüm satırları: sabit etiket kolonu + çip kolonu */
.ep-gsatir{display:grid;grid-template-columns:64px minmax(0,1fr);gap:4px 8px;align-items:center}
.ep-gsatir>.ep-bagcip__b{min-width:0;margin:0}
.ep-gsatir>.ep-cipler{min-width:0}
.ep-gsatir__not{grid-column:2;font-size:11.5px;color:var(--muted);line-height:1.35}
/* 7) uyarı kartı düğmeleri kart içinde kalır, uzun etiket sarar */
.ep-onay .btn{white-space:normal;text-align:center;justify-content:center;max-width:100%;line-height:1.25}
/* 8) oda ızgarası: aynı satırdaki kartlar eşit yükseklik (dişli satır yok) */
.ep-odasec{align-items:stretch!important}
.ep-odasec>.ep-odasec__k>.ep-odasec__o{flex:1 1 auto;justify-content:flex-start}
/* 9) konular: son satırda tek kalan kart satırı boydan kaplar (3 kolonda yetim yok) */
.ep-konular>.ep-kart:last-child:nth-child(3n+1){grid-column:1/-1}
/* 10) dört kartlı anahtar sayımı: 3+1 yerine geniş alanda 4, dar alanda 2x2 */
.ep-tsay:has(> .ep-tsay__k:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
@container soru (min-width:450px){.ep-tsay:has(> .ep-tsay__k:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}}
/* 12) enerji montaj/bağlantı: etiketler eşit genişlik, iki satırın çipleri aynı x'ten başlar */
.ep-dag .ep-enpriz{gap:8px 16px}
.ep-seg em{min-width:62px}
/* 15) teşekkür: mağaza rozetleri dar ekranda yan yana sığar */
@media (max-width:420px){.ep-tes__app .stores{gap:8px}.ep-tes__app .stores a{height:40px}}
/* 17) öneri açıklaması kesilmez */
.ep-oneri p>span.ep-oneri__m{display:inline;-webkit-line-clamp:unset;overflow:visible}
/* 19) plan başlığı kesilmez, gerekirse iki satır */
.ep-plan__baslik{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.25}
/* 20) ürün kartı ayrıntı listesi açılınca simge kolonunu da kullanır (boş sol bant yok); özet satırı yerinde kalır */
.ep-urun:not(.ep-urun--kisa) .ep-urun__m>.ep-ayrinti>ul{margin-left:calc(-48px - var(--b3))}
.ep-konular>.ep-kart:last-child:nth-child(3n+1){grid-template-columns:40px minmax(0,1fr);column-gap:var(--b3);align-content:center;align-items:center;padding-top:var(--b3)}
.ep-konular:has(> .ep-kart:last-child:nth-child(3n+1)){grid-auto-rows:auto}
.ep-mini__ad{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.2}   /* 19) telefondaki küçük plan başlığı kesilmez, iki satıra sarar (56 px şeride sığar) */
.ep-tur{flex-wrap:wrap;max-width:100%;border-radius:12px;column-gap:4px}.ep-tur__p{white-space:nowrap}.ep-tur>.ep-tur__i{margin-right:2px}