/* /reklam-ver Vitrin (Faz 10). Beyar 2 Eki: sayfa maketin A · Vitrin'i ile birebir (tasarim-faz10/index.html); tek
   istisna "Ek" kartları. Ölçüler, boşluklar, yarıçaplar ve davranış maketten; renk, gölge ve yazı tipi kanon
   değişkenlerinden (maketle aynı değerler). Sitenin kabuğu (header, banner arka planı, footer) ve bileşen sınıfları
   (.btn, .eyebrow, .wrap, .sec) kendisinin; bu dosyadaki her kural "eklendi:" kalemidir ve `vt-` adıyla ayrılır. */

/* ── Hero (maket .hero-g) ─────────────────────────────────────────────────────────────────────────────── */
/* Banner arka planı (Beyar 2 Eki, dördüncü tur): aynı fotoğraf, gösterim genişliğine uygun dosya. Eski 600×400 dosya
   1440'ta 2,4 kat, 2x ekranda 4,8 kat büyütülüp pikselleniyordu. 1x → 1920 px, 2x → 3840 px. Sitenin parallax katmanı
   (`.px-media`) fotoğrafı satır içi stille taşıdığı için `!important`. Prototip CSS'ine (`reklam-ver.css`) dokunulmaz. */
.rv-hero{background-image:linear-gradient(90deg,rgba(28,25,18,.93),rgba(33,30,22,.72)),image-set(url("/varliklar/_dis/images.unsplash.com/photo-1556909212-d5b604d0c90d-1920.avif") 1x,url("/varliklar/_dis/images.unsplash.com/photo-1556909212-d5b604d0c90d-3840.avif") 2x)}
.rv-hero .px-media{background-image:image-set(url("/varliklar/_dis/images.unsplash.com/photo-1556909212-d5b604d0c90d-1920.avif") 1x,url("/varliklar/_dis/images.unsplash.com/photo-1556909212-d5b604d0c90d-3840.avif") 2x)!important}
.vt-hero-g{display:grid;grid-template-columns:minmax(0,1fr) 560px;gap:48px;align-items:center;padding-top:40px}
.rv-hero .vt-hero-g h1{font-size:44px;margin:16px 0 18px;max-width:600px;line-height:1.12;letter-spacing:-.02em}
.vt-lede{font-size:17px;line-height:1.6;color:#e9e2d6;max-width:560px;margin:0}
.vt-lede b{color:#fff}
.vt-ctas{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}
.vt-trust{display:flex;gap:22px;margin-top:34px;flex-wrap:wrap;font-size:13.5px;color:#e9e2d6}
.vt-trust span{display:inline-flex;align-items:center;gap:8px}
.vt-trust i{color:#7fd8ad}
.btn.vt-btn-p,.btn.vt-btn-g,.btn.vt-btn-l,.btn.vt-btn-o{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;min-height:0;padding:0 22px;border-radius:12px;border:0;font-weight:700;font-size:15px;text-decoration:none;white-space:nowrap;transition:background .2s var(--ease, ease)}
.btn.vt-btn-p{background:var(--tomato);color:#fff}
.btn.vt-btn-p:hover{background:var(--tomato-dark)}
.btn.vt-btn-g{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.35)}
.btn.vt-btn-l{background:var(--tomato-tint);color:var(--tomato-dark)}
.btn.vt-btn-o{background:#fff;color:var(--slate);border:1px solid var(--line)}
.btn.vt-btn-sm{height:40px;padding:0 16px;font-size:14px}
.btn[disabled]{opacity:.45;cursor:not-allowed}

/* MacBook çerçevesi (maket, aynen) */
.mac{position:relative;width:100%;max-width:560px;margin-left:auto}
.mac-ekran{position:relative;background:#0c0c0d;border-radius:18px 18px 6px 6px;padding:16px 16px 20px;box-shadow:inset 0 0 0 1.5px #3b3c3f,0 34px 70px rgba(0,0,0,.45)}
.mac-kamera{position:absolute;top:6px;left:50%;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:#26272a;box-shadow:inset 0 0 0 1px #3a3b3e}
.mac-icerik{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:3px;background:#fff}
.mac-taban{position:relative;height:16px;margin:0 -6.5%;border-radius:2px 2px 14px 14px;background:linear-gradient(180deg,#e5e6e8 0%,#c8cacd 55%,#9fa2a6 100%);box-shadow:0 14px 24px rgba(0,0,0,.35)}
.mac-taban span{position:absolute;left:50%;top:0;width:15%;height:6px;transform:translateX(-50%);border-radius:0 0 9px 9px;background:linear-gradient(180deg,#b4b7ba,#d3d5d8)}
.vt-mac-not{position:absolute;left:-26px;bottom:44px;background:#fff;color:var(--slate);border-radius:12px;box-shadow:var(--sh-lg);padding:12px 14px;font-size:12.5px;line-height:1.4;max-width:230px;z-index:2}
.vt-mac-not b{display:block;font-size:13.5px}
.vt-mac-not i{font-style:normal;color:var(--tomato);font-weight:700}

/* ── Bantlar ve bölüm başı (maket .band · .sec-h · .stat) ─────────────────────────────────────────────── */
.sec.vt-bant{padding:80px 0;background:#fff}
.sec.vt-bant.grey{background:var(--bg-cream, #f9f9f9)}
.vt-sec-h{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}
.vt-sec-h h2{font-size:34px;margin:12px 0 0;line-height:1.12;letter-spacing:-.02em}
.vt-sec-h p{color:var(--slate-2);max-width:580px;margin:10px 0 0;line-height:1.55}
.vt-stat{display:flex;gap:28px}
.vt-stat div{font-size:13px;color:var(--muted);line-height:1.3}
.vt-stat b{display:block;font-size:28px;color:var(--slate);letter-spacing:-.02em}

/* Sekmeler (maket .ptabs: site çipi, düğme yarıçapıyla) */
.vt-ptabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}
.vt-ptab{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 12px;border-radius:12px;border:1px solid var(--line);background:#fff;font:inherit;font-weight:700;font-size:14px;color:var(--slate);cursor:pointer}
.vt-ptab small{font-size:12px;font-weight:700;color:var(--tomato-dark);background:var(--tomato-tint);border-radius:6px;padding:1px 7px}
.vt-ptab:hover{border-color:#dadada}
.vt-ptab[aria-selected=true]{background:var(--tomato-dark);color:#fff;border-color:var(--tomato-dark)}
.vt-ptab[aria-selected=true] small{background:rgba(255,255,255,.2);color:#fff}
.vt-chiprow{display:none}

/* ── Gezgin: yapışkan alan listesi + panel (maket .xp · .rail · .ri · .panel) ─────────────────────────── */
.vt-xp{display:grid;grid-template-columns:330px minmax(0,1fr);gap:24px;align-items:start}
.vt-rail{background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px;position:sticky;top:96px;max-height:calc(100vh - 112px);overflow:auto}
.vt-rail-h{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:8px 10px 10px}
.vt-rail-n{font-size:12px;color:var(--muted);padding:10px;border-top:1px solid var(--line);margin-top:6px;line-height:1.45}
.vt-alt-bas{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:12px 12px 4px;border-top:1px solid var(--line);margin-top:4px}
.vt-rail-h+.vt-alt-bas{border-top:0;margin-top:0;padding-top:4px}
.vt-ri{display:grid;grid-template-columns:1fr auto;gap:2px 10px;width:100%;text-align:left;border:0;background:none;border-radius:12px;padding:11px 12px;font:inherit;color:var(--slate);cursor:pointer}
.vt-ri:hover{background:var(--bg-cream, #f9f9f9)}
.vt-ri[aria-selected=true]{background:var(--tomato-tint)}
.vt-ri b{font-size:14.5px;line-height:1.3}
.vt-ri[aria-selected=true] b{color:var(--tomato-dark)}
.vt-ri .vt-k{font-size:12px;color:var(--muted);font-weight:700;letter-spacing:.02em}
.vt-ri .vt-pr{grid-row:1/3;grid-column:2;align-self:center;font-size:12.5px;font-weight:700;color:var(--slate-2);letter-spacing:.04em}
.vt-ri .vt-in{display:none;grid-column:1/-1;font-size:12px;color:var(--green-deep);font-weight:700}
.vt-ri.has .vt-in{display:block}
.vt-pclass{font-weight:700;letter-spacing:.06em}
.vt-pclass i{font-style:normal;color:#cfcfcf}

.vt-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}
.vt-p-h{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}
.vt-p-h h3{font-size:24px;line-height:1.12;margin:0;letter-spacing:-.02em}
.vt-sub{color:var(--slate-2);font-size:14.5px;margin-top:6px;max-width:600px}
.vt-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
/* Etiket çipleri (alan başı, künyede "Kim görür" ve "Paketlerde") tek kural: aynı yükseklik, iç boşluk, köşe, yazı. */
.vt-chip,.vt-uy,.vt-pk-bag .vt-pk-ad,.vt-pk-bag button{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:8px;font:inherit;font-size:12.5px;font-weight:700;line-height:1.2;border:1px solid var(--line)}
.vt-chip{background:#fff;color:var(--slate-2)}
.vt-chip.t{background:var(--tomato-tint);border-color:transparent;color:var(--tomato-dark)}
.vt-chip.g{background:#e7f6ee;border-color:transparent;color:var(--green-deep)}
.btn.vt-zoom-close{display:none}
.vt-panel.is-zoom{position:fixed;inset:16px;z-index:90;overflow:auto;box-shadow:0 0 0 100vmax rgba(17,15,11,.55)}
/* Büyüt sitenin sabit header'ının (z 60), üst bandının (70) ve Görüş Bildir şeridinin (71) üstünde açılır: panel
   `main.page-main`in (z 2) yığınında; yalnız Büyüt açıkken o yığın 94'e çıkar (çerez bandı 95 üstte kalır). */
main.page-main:has(.vt-panel.is-zoom){z-index:94}
.vt-panel.is-zoom .btn.vt-zoom-close{display:inline-flex}
.vt-panel.is-zoom .btn.vt-zoom{display:none}
.vt-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.vt-seg{display:inline-flex;background:var(--bg-cream, #f9f9f9);border:1px solid var(--line);border-radius:12px;padding:3px}
.vt-seg button{display:inline-flex;align-items:center;gap:7px;border:0;background:none;border-radius:9px;height:36px;padding:0 14px;font:inherit;font-weight:700;font-size:14px;color:var(--slate-2);cursor:pointer}
.vt-seg button[aria-pressed=true]{background:#fff;color:var(--tomato);box-shadow:var(--sh-sm)}
.vt-seg button[disabled]{opacity:.4;cursor:not-allowed}
.vt-devnote{font-size:12.5px;color:var(--tomato-dark);font-weight:700}
.vt-cap{font-size:13px;color:var(--muted);margin:10px 0 0;display:flex;gap:8px;align-items:flex-start;line-height:1.45}
.vt-cap i{margin-top:2px;color:var(--tomato)}

/* Sahne: tarayıcı penceresi / telefon; içi sayfa kesiti (maket .stage · .chrome · .vp · .sizer · .cerceve · .etk) */
.vt-stage{position:relative;border-radius:14px;background:#f2f2f2;overflow:hidden;border:1px solid var(--line)}
.vt-chrome{height:34px;background:#f3f3f3;border-bottom:1px solid #e3e3e3;display:flex;align-items:center;gap:6px;padding:0 12px}
.vt-chrome i{width:10px;height:10px;border-radius:50%;background:#d6d6d6}
.vt-chrome span{margin-left:10px;flex:1;max-width:440px;height:22px;border-radius:7px;background:#fff;font-size:11.5px;color:var(--muted);display:flex;align-items:center;padding:0 10px;white-space:nowrap;overflow:hidden}
.vt-vp{overflow:auto;position:relative;background:#fff;scrollbar-width:thin}
.vt-vp.tek{overflow:hidden;margin:0 auto}
.vt-sizer{position:relative;overflow:hidden;margin:0 auto}
.vt-sizer img{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}
/* Vurgu çerçevesi (Beyar 2 Eki, üçüncü tur; maketten bilerek ayrılır) — bütün alanlarda tek kural: 1,5 px birincil
   çizgi kreatifi 3 px dışarıdan sarar (yer ve köşe `satis-vitrini.js` › cerceveYeri), geniş ve düşük opaklıkta birincil
   parlama; perde maketteki gibi. Çizgi `box-shadow` ile: köşeyi izler, kesirli kalınlıkta düzgün çizilir. */
.vt-cerceve{position:absolute;border-radius:7px;box-shadow:0 0 0 1.5px var(--tomato),0 0 18px 4px color-mix(in srgb,var(--tomato) 20%,transparent),0 0 0 4000px rgba(17,15,11,.22);pointer-events:none}
.vt-etk{position:absolute;display:flex;gap:4px;font-size:11px;font-weight:600;line-height:16px;white-space:nowrap;transform:translateY(calc(-100% - 5px));pointer-events:none;z-index:2}
.vt-etk.alt{transform:translateY(5px)}
.vt-etk span{background:var(--tomato);color:#fff;border-radius:5px;padding:1px 6px}
.vt-etk span+span{background:#fff;color:var(--slate);box-shadow:inset 0 0 0 1px var(--line)}
/* Telefon sahnesi küçük (390'da 193 px): etiket sahneyle orantılı kalır. */
.vt-phone .vt-etk{font-size:10px;line-height:14px;gap:3px}
.vt-phone .vt-etk span{padding:0 5px;border-radius:4px}
.vt-phone-wrap{display:flex;justify-content:center;align-items:flex-start;padding:24px 0}
/* iPhone (Beyar 2 Eki, üçüncü tur; maketten bilerek ayrılır): ince çerçeve, yuvarlak köşe, dinamik ada, yan tuşlar, durum
   çubuğu (saat 9:41, çekim, Wi-Fi, pil), ana ekran çizgisi. Ölçüler 390 × 844 mantıksal ekrana göre: 1 birim =
   var(--vt-tel) / 390; ekran genişliğini (`--vt-tel`) `satis-vitrini.js` yazar, bütün alanlarda aynı. */
.vt-iphone{--vt-tel:300px;--b:calc(var(--vt-tel) / 390 * 11);position:relative;width:calc(var(--vt-tel) + 2 * var(--b));padding:var(--b);border-radius:calc(var(--vt-tel) / 390 * 55 + var(--b));background:#1c1c1e;box-shadow:inset 0 0 0 1px #5a5a5f,inset 0 0 0 2.5px #2c2c2e,0 18px 44px rgba(33,30,22,.2),0 2px 6px rgba(33,30,22,.12)}
.vt-tus{position:absolute;width:3px;background:linear-gradient(90deg,#3a3a3d,#202022);border-radius:2px}
.vt-tus-eylem{left:-2px;top:calc(var(--vt-tel) / 390 * 112);height:calc(var(--vt-tel) / 390 * 30)}
.vt-tus-ses1{left:-2px;top:calc(var(--vt-tel) / 390 * 166);height:calc(var(--vt-tel) / 390 * 58)}
.vt-tus-ses2{left:-2px;top:calc(var(--vt-tel) / 390 * 236);height:calc(var(--vt-tel) / 390 * 58)}
.vt-tus-guc{right:-2px;top:calc(var(--vt-tel) / 390 * 190);height:calc(var(--vt-tel) / 390 * 92)}
.vt-ekran{position:relative;width:var(--vt-tel);height:calc(var(--vt-tel) / 390 * 844);border-radius:calc(var(--vt-tel) / 390 * 47);overflow:hidden;background:#fff}
.vt-durum{position:absolute;inset:0 0 auto;height:calc(var(--vt-tel) / 390 * 47);display:flex;align-items:center;justify-content:space-between;padding:0 calc(var(--vt-tel) / 390 * 26) 0 calc(var(--vt-tel) / 390 * 40);background:#fff;color:#000;z-index:3}
.vt-saat{font:600 calc(var(--vt-tel) / 390 * 16)/1 -apple-system,"SF Pro Text",system-ui,sans-serif;letter-spacing:-.01em}
.vt-ada{position:absolute;left:50%;top:calc(var(--vt-tel) / 390 * 11);transform:translateX(-50%);width:calc(var(--vt-tel) / 390 * 122);height:calc(var(--vt-tel) / 390 * 35);border-radius:999px;background:#000}
.vt-simge{width:calc(var(--vt-tel) / 390 * 66);height:auto;fill:currentColor}
.vt-iphone .vt-vp{position:absolute;left:0;top:calc(var(--vt-tel) / 390 * 47);width:100%;height:calc(var(--vt-tel) / 390 * 797);overflow:auto;scrollbar-width:none;border-radius:0}
.vt-iphone .vt-vp::-webkit-scrollbar{display:none}
.vt-ev-cizgi{position:absolute;left:50%;bottom:calc(var(--vt-tel) / 390 * 8);transform:translateX(-50%);width:calc(var(--vt-tel) / 390 * 134);height:calc(var(--vt-tel) / 390 * 5);border-radius:999px;background:rgba(0,0,0,.82);z-index:3;pointer-events:none}

/* Künye (maket .spec) ve alan çağrısı */
.vt-spec{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin:20px 0 0;border-top:1px solid var(--line)}
.vt-spec > div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}
.vt-spec dt{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding-top:2px}
.vt-spec dd{margin:0;font-weight:500}
.vt-spec dd small{display:block;color:var(--muted);font-size:12.5px}
.vt-spec dd small.vt-sifir{margin:0}
.vt-spec .fk-select{width:auto;min-width:168px;margin:0 8px 6px 0}
/* Müsaitlik açılır listesi: kutu düğme genişliğinde (liste de onun genişliğinde açılır). */
.vt-spec .vt-dd{display:inline-block;vertical-align:top;margin:0 8px 6px 0}
.vt-spec .vt-dd .vt-dd-btn{margin:0}
.vt-avail{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:13px}
.vt-avail::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green)}
.vt-avail.dolu::before{background:var(--tomato)}
.vt-avail.baska::before{background:#FAC045}
.vt-uyler{display:flex;gap:5px;flex-wrap:wrap}
.vt-uy{border-color:transparent}
.vt-uy.acik{background:#e7f6ee;color:var(--green-deep)}
.vt-uy.kapali{background:var(--bg-cream, #f9f9f9);color:#a3a3a3;border-color:var(--line);text-decoration:line-through}
.vt-pk-bag{display:inline-flex;gap:6px;flex-wrap:wrap}
.vt-pk-bag button,.vt-pk-bag .vt-pk-ad{background:#fff;color:var(--slate-2);cursor:pointer}
/* Paket bölümü kapalıyken (config bolumler.paketler) paket adı düz metin: götürdüğü bölüm yok. */
.vt-pk-bag .vt-pk-ad{cursor:auto}
.vt-pk-bag button:hover{border-color:var(--tomato);color:var(--tomato-dark)}
.vt-p-cta{display:flex;gap:10px;align-items:center;margin-top:20px;flex-wrap:wrap}
.vt-note{font-size:13px;color:var(--muted)}

/* ── Hazır paketler (maket .dur · .pk-ust · .pk · .pkc · .kalem · .pay-serit · .factors) ─────────────────── */
.vt-dur{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--slate-2)}
.vt-pk-ust{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.vt-pk-ust .vt-ptabs{margin:0}
.vt-pk-set-acik{color:var(--slate-2);font-size:14.5px;margin:0}
.vt-pk{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.vt-pkc{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;display:flex;flex-direction:column;position:relative}
.vt-pkc.feat{border-color:var(--tomato);box-shadow:0 0 0 1px var(--tomato)}
.vt-badge{position:absolute;top:-12px;left:24px;background:var(--tomato);color:#fff;font-size:12px;font-weight:700;border-radius:8px;padding:3px 10px}
.vt-pkc h3{font-size:22px;display:flex;align-items:baseline;gap:10px;margin:0}
.vt-pkc h3 span{font-size:15px;color:var(--tomato);font-weight:700}
.vt-pk-sayi{font-size:13px;color:var(--muted);margin:6px 0 0}
.vt-kalem{list-style:none;padding:0;margin:14px 0 18px;display:grid;gap:2px;font-size:13.5px}
.vt-kalem li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 0;border-bottom:1px dashed var(--line)}
.vt-kalem li:last-child{border-bottom:0}
.vt-kalem button,.vt-kalem .vt-kalem-ad{border:0;background:none;padding:0;text-align:left;color:var(--slate);font:inherit;font-weight:500;line-height:1.35}
.vt-kalem button{cursor:pointer}
.vt-kalem button:hover{color:var(--tomato-dark);text-decoration:underline}
.vt-kalem li.yok .vt-kalem-ad{color:var(--muted)}
.vt-sag{display:inline-flex;gap:6px;align-items:center;white-space:nowrap}
.vt-pay{font-size:12px;font-weight:700;color:var(--slate-2);background:var(--bg-cream, #f9f9f9);border-radius:6px;padding:1px 7px;white-space:nowrap}
.vt-ek-adet{color:var(--muted);font-size:12px}
.vt-price{margin-top:auto;border-top:1px solid var(--line);padding-top:16px;display:flex;justify-content:space-between;align-items:baseline}
.vt-price b{font-size:20px}
.vt-price span{font-size:13px;color:var(--muted)}
.vt-pkc .btn{width:100%;margin-top:14px}
/* İSTİSNA: "Ek" kartları yeniden tasarım — paket kartının satır düzeni, form kutusu görünümü yok. */
.vt-ekler{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.vt-ek{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 26px}
.vt-ek-t{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tomato)}
.vt-ek h4{font-size:18px;margin:8px 0 4px}
.vt-ek p{font-size:14px;color:var(--slate-2);margin:0}
.vt-ek .vt-kalem{margin:12px 0 0}
.vt-pay-serit{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px}
.vt-pay-serit div{font-size:13px;color:var(--slate-2);line-height:1.4}
.vt-pay-serit b{display:block;color:var(--slate);font-size:14px;margin:6px 0 2px}
.vt-minirot{display:inline-grid;grid-template-columns:repeat(4,14px);gap:3px;vertical-align:middle;margin-right:8px}
.vt-minirot i{height:14px;border-radius:3px;background:#e5e5e5}
.vt-minirot i.on{background:var(--tomato)}
.vt-factors{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}
.vt-factors h4{font-size:15px;margin:0 0 6px;display:flex;gap:8px;align-items:center}
.vt-factors h4 em{font-style:normal;width:24px;height:24px;border-radius:8px;background:var(--tomato-tint);display:grid;place-items:center;font-size:12px;color:var(--tomato-dark)}
.vt-factors p{font-size:13.5px;color:var(--slate-2);line-height:1.5;margin:0}

/* ── Süreç, SSS, teklif (maket .proc · .faq · .form-g · .fcard · .fld · .fab) ─────────────────────────── */
.vt-proc{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.vt-proc div{background:var(--bg-cream, #f9f9f9);border:1px solid var(--line);border-radius:16px;padding:24px}
.vt-proc b{width:34px;height:34px;border-radius:8px;background:var(--tomato);color:#fff;display:grid;place-items:center;margin-bottom:14px}
.vt-proc h4{font-size:18px;margin:0 0 6px}
.vt-proc p{font-size:14px;color:var(--slate-2);margin:0}
.vt-faq{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.vt-faq details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:0 18px}
.vt-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;font-weight:700;font-size:15px;padding:17px 0}
.vt-faq summary::-webkit-details-marker{display:none}
.vt-faq summary i{font-size:12px;transition:transform .2s}
.vt-faq details[open] summary i{transform:rotate(180deg)}
.vt-faq details p{font-size:14.5px;color:var(--slate-2);padding:0 0 18px;margin:0}
.vt-form-g{display:grid;grid-template-columns:1fr 1.1fr;gap:48px}
.vt-form-g h2{font-size:34px;margin:12px 0 12px;line-height:1.12}
.vt-lead{color:var(--slate-2);margin:0}
/* Teklif bölümünün sol görseli (Beyar 3 Eki, revize): yalnız giriş ekranının zemin görseli (`/giris` kenar panosu, ortadan
   kesit); önizleme kartları kaldırıldı. Kutunun oranı sabit: sol sütun formun boyuna bağlı DEĞİL, "Kendi seçimim" ↔ "Hazır
   paket" arasında yerinden ve boyundan oynamaz (ızgara satırı yukarı hizalı). 760 px ve altında form üstünde, yatay kutu.
   Dosyalar `teklif-zemin-uret.cjs`ten; tarayıcı kapısı `teklif-sol.cjs`. */
.vt-form-g{align-items:start}
.vt-teklif-sol{min-width:0}
.vt-teklif-gorsel{aspect-ratio:1/1.02;margin-top:28px;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--bg) center/cover no-repeat;background-image:image-set(url("/varliklar/reference/reklam-ver/vitrin/teklif/zemin-640.webp") 1x,url("/varliklar/reference/reklam-ver/vitrin/teklif/zemin-1280.webp") 2x);box-shadow:var(--sh-md)}
@media (max-width:760px){.vt-teklif-gorsel{aspect-ratio:16/10;margin-top:20px}}
/* Yapışkan sütun (Beyar 3 Eki, son revize): masaüstünde (≥ 1024) sol görsel ve form yan yanayken kısa olan sütun kaydırmada
   menünün altında yapışır: üst şerit 40 + menü 73 = 113 px, altında 24 px boşluk (137). İkisine de verilir; ızgara satırı
   uzun sütunun boyunda olduğundan uzun olan yerinden oynamaz, kısa olan satırın sonunda serbest kalır ve alttaki içeriğe
   binmez ("Kendi seçimim" ve "Hazır paket"te hangisi kısaysa). 1024 altında yapışkan yok. Tarayıcı kapısı: `teklif-yapiskan.cjs`. */
@media (min-width:1024px){.vt-form-g > .vt-teklif-sol,.vt-form-g > .vt-fcard{position:sticky;top:137px}}
.vt-fcard{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--sh-md)}
/* Teklif formu (Beyar 2 Eki, form elden geçirildi): alanlar sitenin form bileşeni (`fk-field` · `fk-label` · `fk-input` ·
   `fk-select` · `fk-textarea` · `fk-cbx` · `fk-help` · `fk-err` · `fk-count`; `tokens-*.css`, bu sayfada yüklü). Aralıklar
   iletişim formununki (`/gastro/iletisim.css` .pg-iletisim: alan altı 22, etiket altı 9, ızgara 16). Burada yalnız o
   ölçüler ve bileşende olmayan parçalar: tür seçici, seçilen alan çipleri, gönder bloğu. */
.vt-fcard fieldset.fk-field{border:0;padding:0;min-width:0}
.vt-fcard legend.fk-label{padding:0}
.vt-fcard .vt-ff{margin:0 0 22px}
.vt-fcard .fk-grid.vt-ff{gap:0 16px;margin:0}
.vt-fcard .fk-grid > .fk-field{margin:0 0 22px}
.vt-fcard .fk-field{gap:0;align-content:start}
.vt-fcard .fk-label{display:block;margin-bottom:9px}
/* Bütün açılır listeler (künyede "Müsaitlik", teklif formu) ve girdiler tek kural: sitenin `fk-select`/`fk-input`u
   (yükseklik `--ctl-h` 48, köşe 12, ok sağdan 16 px içeride ve dikeyde ortada, metin oka çarpmaz: sağ iç boşluk 48,
   üstüne gelme ve odak durumları bileşenin). Yazı formdakiyle aynı. */
.vt-bant .fk-input,.vt-bant .fk-select,.vt-bant .fk-textarea{font:inherit;font-size:16px;line-height:1.4}
/* Alanlar iletişim formununkilerle birebir (Beyar 3 Eki, revize): kenarlık bileşenin (`--line`, 1 px), köşe 12, düz girdi
   51 px (satır yüksekliği iletişimdeki gibi 1,55), açılır liste 48 px (iletişimin "Konu" seçicisi gibi), metin kutusu 120.
   Tek istisna "Hazır paket"teki Paket açılır listesi: belirgin kenarlık, mürekkep %50 (#908F8B, beyaza 3,24:1); üstüne
   gelince %72; odak, açık liste ve hata ana renkte. Tarayıcı kapısı: `iletisim-esit.cjs`. */
.vt-bant .fk-input{line-height:1.55}
.pg-reklam-ver{--vt-alan-cizgi:color-mix(in srgb,var(--ink) 50%,#fff);--vt-alan-cizgi-ust:color-mix(in srgb,var(--ink) 72%,#fff)}
.pg-reklam-ver [data-vt-tur-alani="paket"] .vt-dd-btn{border-color:var(--vt-alan-cizgi)}
.pg-reklam-ver [data-vt-tur-alani="paket"] .vt-dd-btn:hover{border-color:var(--vt-alan-cizgi-ust)}
.pg-reklam-ver [data-vt-tur-alani="paket"] .vt-dd-btn:is(:focus,[aria-invalid=true]),.pg-reklam-ver [data-vt-tur-alani="paket"] .vt-dd.acik .vt-dd-btn{border-color:var(--tomato)}
.vt-fcard .fk-textarea{min-height:120px;line-height:1.55}
.vt-fcard .fk-err{margin-top:8px}
.vt-fcard .fk-err[hidden]{display:none}
.vt-fcard .fk-count{display:block;margin-top:8px}
.vt-fcard .fk-help{margin:0}
.vt-istege{font-weight:500;color:var(--muted)}
/* E-posta yazım hatası önerisi (`EpostaAdresi`): yardım satırı + metin düğmesi; düğmenin dokunma alanı 44 px. */
.vt-fcard .vt-oneri{display:flex;flex-wrap:wrap;align-items:center;gap:0 6px;margin-top:8px;color:var(--slate-2)}
.vt-fcard .vt-oneri[hidden]{display:none}
.vt-oneri-btn{position:relative;border:0;background:none;padding:0;font:inherit;font-weight:800;color:var(--tomato-dark);text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.vt-oneri-btn::after{content:"";position:absolute;inset:-14px -8px}
.vt-oneri-btn:focus-visible{outline:3px solid color-mix(in srgb,var(--tomato) 40%,transparent);outline-offset:2px;border-radius:4px}
.vt-mod-seg{display:flex;width:100%}
.vt-mod-seg button{flex:1;justify-content:center;height:auto;min-height:44px;font-size:15px}
.vt-seg button:focus-visible,.vt-sel-list .vt-chip button:focus-visible{outline:3px solid color-mix(in srgb,var(--tomato) 40%,transparent);outline-offset:2px}
.vt-sel-list{display:flex;gap:8px;flex-wrap:wrap;min-height:44px;align-items:center;font-size:15px;color:var(--muted)}
.vt-sel-list .vt-chip{display:inline-flex;align-items:center;gap:6px;min-height:32px;font-size:14px}
.vt-sel-list .vt-chip button{position:relative;display:inline-grid;place-items:center;width:24px;height:24px;margin-right:-4px;border:0;border-radius:50%;background:none;padding:0;color:inherit;cursor:pointer}
.vt-sel-list .vt-chip button:hover{background:color-mix(in srgb,var(--tomato) 14%,transparent)}
.vt-sel-list .vt-chip button::after{content:"";position:absolute;inset:-10px}
.vt-ek-sec{display:grid;gap:10px;margin-top:12px}
/* Ek kartı (Beyar 2 Eki, ikinci tur): sitenin kart dili — beyaz yüzey, ince çizgi, 12 px köşe; solda 44 px simge kutusu
   (birincil tonlu), ortada başlık + kısa açıklama + uyduğu paketler, sağda yuvarlak seçim işareti. Seçili: 2 px birincil
   çerçeve (iç gölge, kutu oynamaz), açık birincil zemin, simge kutusu dolu, işaret tikli. Odak halkası kartın kendisinde.
   Üçüncü tur: simge, başlık bloğu ve seçim dairesi kartın dikey ortasında, tek eksende (`align-items:center`). */
.vt-ek-kart{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 24px;align-items:center;gap:14px;min-height:44px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;transition:border-color .15s,background-color .15s,box-shadow .15s}
.vt-ek-kart:hover{border-color:color-mix(in srgb,var(--tomato-dark) 45%,var(--line))}
.vt-ek-kart:has(.vt-ek-girdi:checked){border-color:var(--tomato-dark);box-shadow:inset 0 0 0 1px var(--tomato-dark);background:color-mix(in srgb,var(--tomato-dark) 6%,#fff)}
.vt-ek-kart:has(.vt-ek-girdi:focus-visible){outline:3px solid color-mix(in srgb,var(--tomato) 40%,transparent);outline-offset:2px}
.vt-ek-girdi{position:absolute;top:0;left:0;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}
.vt-ek-ikon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--tomato-tint);color:var(--tomato-dark);font-size:18px;transition:background-color .15s,color .15s}
.vt-ek-kart:has(.vt-ek-girdi:checked) .vt-ek-ikon{background:var(--tomato-dark);color:#fff}
.vt-ek-govde{display:grid;gap:3px;min-width:0}
.vt-ek-govde b{font-size:15.5px;line-height:1.3;color:var(--ink)}
.vt-ek-govde > span{font-size:13.5px;line-height:1.45;color:var(--slate-2)}
.vt-ek-uyum{font-size:12.5px;line-height:1.4;color:var(--muted)}
.vt-ek-isaret{display:grid;place-items:center;width:24px;height:24px;border:1.5px solid color-mix(in srgb,var(--slate) 35%,var(--line));border-radius:50%;background:#fff;color:#fff;font-size:11px;margin:0;transition:background-color .15s,border-color .15s}
.vt-ek-isaret i{opacity:0;transform:scale(.5);transition:opacity .15s,transform .15s}
.vt-ek-kart:hover .vt-ek-isaret{border-color:var(--tomato-dark)}
.vt-ek-kart:has(.vt-ek-girdi:checked) .vt-ek-isaret{background:var(--tomato-dark);border-color:var(--tomato-dark)}
.vt-ek-kart:has(.vt-ek-girdi:checked) .vt-ek-isaret i{opacity:1;transform:none}
/* Koşullu alanlar (Beyar 2 Eki, dördüncü tur): formda gizlenen her alan yer kaplamaz; ızgara satırında görünür tek alan
   kalırsa satır tek sütuna toplanır (ör. "Hazır paket"te Pay gizlenince Süre tam genişlik). Kural bütün `fk-grid`
   satırlarına; gizli öğe her yerde `display:none`. */
.vt-fcard [hidden]{display:none!important}
.vt-fcard .fk-grid:not(:has(> :not([hidden]) ~ :not([hidden]))){grid-template-columns:1fr}
.vt-ek-yok{display:block;margin-top:10px}
.vt-gonder{display:grid;gap:12px}
.vt-gonder .btn.vt-teklif-git{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;border-radius:var(--radius-md, 12px);font-size:16px;font-weight:800;text-decoration:none}
.vt-gonder .vt-okmsg{display:flex;gap:8px;align-items:flex-start;line-height:1.5}
.vt-gonder .vt-okmsg i{margin-top:3px;color:var(--muted)}
/* Tek form (Beyar 3 Eki): gönder düğmesi gerçek `<button>`; gönderim sürerken soluk. Hata özeti düğmenin üstünde (alan
   hataları alanların altında; burada yalnız "gönderilemedi" ve süre/captcha gibi alansız hatalar). Kalkan notu iletişim
   formunun `captcha-note`u; formun son satırı olduğu için üst çizgi ve boşluk kartın iç düzenine göre. */
.vt-gonder .btn.vt-teklif-git{border:0;cursor:pointer}
.vt-gonder .btn.vt-teklif-git:disabled{opacity:.6;cursor:progress}
.vt-form-hata{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:1px solid color-mix(in srgb,var(--danger) 35%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--danger) 6%,#fff);color:var(--danger);font-size:14.5px;line-height:1.5}
.vt-form-hata i{margin-top:3px}
.vt-form-hata b{font-weight:800}
.vt-gonder .vt-kalkan-not{margin-top:0}
/* KVKK satırı sade (Beyar 3 Eki, revize 1): onay kutusu ve tek satır metin; krem kutu, kenarlık ve iç boşluk yok. Metin ve
   bağlar aynı (iletişim formunun cümlesi); kutu 22 px, dokunma alanı satırın tamamı (etiket). */
.vt-fcard .fk-agree{margin:0;padding:0;background:none;border:0;border-radius:0;font-size:14px;line-height:1.5;color:var(--slate-2);align-items:flex-start;cursor:pointer}
.vt-fcard .fk-agree a{font-weight:700}
/* Teşekkür durumu: formun yerinde, iletişim formunun başarı ekranı (`.fb-success`) + seçimin özeti (künye satırı kalıbı:
   etiket solda ikincil, değer sağda) + takip numarası + "Yeni teklif iste". */
.vt-tesekkur{display:grid;gap:22px;align-content:start}
.vt-tesekkur:focus{outline:none}
.vt-tesekkur:focus-visible{outline:3px solid color-mix(in srgb,var(--tomato) 40%,transparent);outline-offset:3px}
/* Onay ikonu Görüş Bildir başarısının rengiyle (#eaf7f0 zemin, yeşil tik; `basari-bildirimi.css`in `.lg-ico.ok`u): bu sayfada
   `dm-kabuk.css`in `.fb-success .ok`u tanımsız `--fit-tint`e düşüp zemini saydam bırakıyor (ölçüldü). */
.vt-tesekkur .fb-success .ok{width:62px;height:62px;background:#eaf7f0;color:var(--green,#3bb77e)}
.vt-tesekkur .fb-success p{max-width:420px;font-size:15px;line-height:1.55}
.vt-tesekkur .fb-success b{color:var(--ink);font-weight:800;overflow-wrap:anywhere}
.vt-tesekkur-ozet{display:grid;margin:0;border:1px solid var(--line);border-radius:12px;background:var(--bg)}
.vt-tesekkur-ozet > div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;padding:11px 16px;border-top:1px solid var(--line)}
.vt-tesekkur-ozet > div:first-child{border-top:0}
.vt-tesekkur-ozet dt{font-size:13.5px;color:var(--muted)}
.vt-tesekkur-ozet dd{margin:0;font-size:14.5px;font-weight:700;color:var(--ink);overflow-wrap:anywhere}
.vt-tesekkur-ozet code{font:inherit;letter-spacing:.02em}
.vt-tesekkur-yeni{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;justify-self:center;text-decoration:none}
/* "Teklif listen" (Beyar 2 Eki, üçüncü tur): masaüstünde sitenin yukarı çık düğmesi (`.to-top`, sağ 22 px · alt 22 px · 54 px,
   z 55) aynı köşede onun üstüne biniyor ve yazıyı kesiyordu. 761 px ve üstünde düğme onun SOLUNDA, aynı hizada durur
   (sağ 22 + 54 + 12 = 88 px; alt 22 + (54 − 48) / 2 = 25 px). 760 px ve altında yukarı çık düğmesi zaten üstte. */
.vt-fab{position:fixed;right:88px;bottom:25px;z-index:50;box-shadow:var(--sh-lg)}
[data-vt-fab][hidden],.vt [hidden],.vt-bant [hidden]{display:none!important}

/* ── 390 (maket @media max-width:760px) ───────────────────────────────────────────────────────────────── */
@media (max-width:760px){
  .vt-hero-g{grid-template-columns:1fr;gap:28px;padding-top:26px}
  .rv-hero .vt-hero-g h1{font-size:31px;margin:12px 0 12px}
  .vt-lede{font-size:15.5px}
  .vt-ctas .btn{flex:1}
  .vt-trust{gap:10px 16px;margin-top:22px;font-size:13px}
  .mac{max-width:none;margin:0;padding:0 16px}
  .mac-ekran{padding:9px 9px 12px;border-radius:12px 12px 4px 4px}
  .mac-taban{height:10px}
  .vt-mac-not{position:static;margin:14px 0 0;max-width:none;font-size:12.5px}
  .sec.vt-bant{padding:52px 0}
  .vt-sec-h{flex-direction:column;align-items:flex-start;margin-bottom:20px}
  .vt-sec-h h2,.vt-form-g h2{font-size:26px}
  .vt-stat{gap:20px}
  .vt-stat b{font-size:22px}
  .vt-ptabs{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px 14px;padding:0 16px;scrollbar-width:none}
  .vt-ptab{flex:none;height:38px;font-size:13.5px;padding:0 12px}
  .vt-xp{grid-template-columns:minmax(0,1fr)}
  .vt-xp>.vt-rail{display:none}
  .vt-chiprow{display:flex;gap:8px;overflow-x:auto;margin:0 -16px 14px;padding:0 16px;scrollbar-width:none}
  .vt-chiprow[hidden]{display:none}
  .vt-chiprow button{flex:none;border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 12px;text-align:left;display:grid;font:inherit;font-size:13px;font-weight:700;line-height:1.25;max-width:210px;color:var(--slate)}
  .vt-chiprow button small{color:var(--muted);font-size:11.5px}
  .vt-chiprow button[aria-selected=true]{background:var(--tomato-tint);border-color:transparent;color:var(--tomato-dark)}
  .vt-panel{padding:14px;border-radius:14px}
  .vt-p-h{flex-direction:column;gap:8px}
  .vt-p-h h3{font-size:20px}
  .vt-p-h .btn.vt-zoom{display:none}
  .vt-spec{grid-template-columns:minmax(0,1fr)}
  .vt-spec > div{grid-template-columns:118px minmax(0,1fr);gap:10px}
  .vt-p-cta .btn{flex:1}
  .vt-pk,.vt-proc,.vt-faq,.vt-form-g{grid-template-columns:1fr}
  .vt-factors{grid-template-columns:1fr 1fr}
  .vt-form-g{gap:24px}
  .vt-fcard{padding:20px}
  .vt-fab{right:16px;bottom:16px}
  .vt-ekler,.vt-pay-serit{grid-template-columns:1fr}
  .vt-pay-serit{gap:10px}
  .vt-pk-ust{align-items:flex-start}
  .vt-pk-ust .vt-ptabs{margin:0 -16px!important}
}

/* ── Açılır liste (Beyar 2 Eki): sayfanın <select>'leri sitenin açılır menü diliyle — tarif listesinin "Sıralama" menüsü
   (`.sort-menu`, `reference/tarif-liste/tarif-liste.css`): beyaz yüzey, 1 px çizgi, `--sh-md` gölge, `--radius-md` köşe, 6 px iç
   boşluk; öğe `--radius-sm`, üstünde `--tomato-tint`; seçili öğe primary, kalın ve tikli. Düğme formun kendi `fk-select`i (48 px,
   ok sağda); liste düğmenin altında ve onun genişliğinde, yer yoksa üstünde. `satis-vitrini.js` › seciciKur. */
.vt-dd{position:relative;display:block;min-width:0}
.vt-dd-btn{display:flex;align-items:center;width:100%;text-align:left;cursor:pointer;font:inherit}
.vt-dd-metin{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vt-dd.acik .vt-dd-btn{border-color:var(--tomato)}
/* "Bu paketi iste" sonrası Paket alanının ışıması (Beyar 2 Eki, üçüncü tur): ana renk (`--tomato`) halka ve hare, 1,6 sn'de
   söner; çerçeve aynı sürede ana renkten dinlenme rengine döner. Hareket azaltılmışsa hare yok, yalnız halka. */
@keyframes vt-isima{0%,22%{border-color:var(--tomato);box-shadow:0 0 0 4px color-mix(in srgb,var(--tomato) 38%,transparent),0 0 22px 4px color-mix(in srgb,var(--tomato) 30%,transparent)}100%{box-shadow:0 0 0 0 transparent,0 0 0 0 transparent}}
.vt-isima{animation:vt-isima 1.6s ease-out}
@media (prefers-reduced-motion:reduce){@keyframes vt-isima{0%,70%{border-color:var(--tomato);box-shadow:0 0 0 4px color-mix(in srgb,var(--tomato) 38%,transparent)}100%{box-shadow:0 0 0 0 transparent}}}
.vt-dd-menu{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:60;max-height:var(--vt-dd-azami,320px);overflow:auto;overscroll-behavior:contain;background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--sh-md);padding:6px;outline:none;scroll-padding-bottom:44px}
/* Uzun listenin devamı ilk bakışta belli (Beyar 2 Eki, ikinci tur; dört listede): kaydırma çubuğu her zaman görünür
   (macOS'un gizlenen çubuğu yerine; Chromium/Safari `::-webkit-scrollbar`, Firefox `scrollbar-color`), ve aşağıda öğe
   kaldıkça alt kenarda soluklaşma + aşağı ok. Ok gerçek bir denetimdir: tıklayınca liste bir sayfa aşağı kayar (klavye
   ↓ / End zaten gezer; ok ekran okuyucudan gizli). Sona gelince ikisi de kalkar. Soluklaşma tıklamayı altındaki öğeye
   bırakır; seçili öğe açılışta soluk bandın altında kalmaz (`scroll-padding-bottom`). */
.vt-dd-menu::-webkit-scrollbar{width:10px}
.vt-dd-menu::-webkit-scrollbar-track{background:transparent;margin:8px 0}
.vt-dd-menu::-webkit-scrollbar-thumb{background:#cfc8bd;border-radius:999px;border:3px solid #fff}
@supports (-moz-appearance:none){.vt-dd-menu{scrollbar-width:thin;scrollbar-color:#cfc8bd transparent}}
.vt-dd-devam{display:none}
.vt-dd.devam .vt-dd-devam{position:sticky;bottom:-6px;display:flex;align-items:flex-end;justify-content:center;height:50px;margin:-44px -6px -6px;padding-bottom:7px;background:linear-gradient(rgba(255,255,255,0),#fff 72%);pointer-events:none}
.vt-dd-ok{pointer-events:auto;display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line);border-radius:50%;background:#fff;box-shadow:var(--sh-sm);color:var(--tomato-dark);font-size:11px;cursor:pointer}
.vt-dd-ok:hover{background:var(--tomato-tint)}
.vt-dd.yukari .vt-dd-menu{top:auto;bottom:calc(100% + 6px)}
.vt-dd-menu[hidden]{display:none}
.vt-dd-opt{display:flex;align-items:center;gap:10px;min-height:40px;padding:9px 11px;border-radius:var(--radius-sm);color:var(--ink);font-size:14.5px;font-weight:500;line-height:1.3;cursor:pointer}
.vt-dd-opt.etkin{background:var(--tomato-tint);color:var(--tomato-dark)}
.vt-dd-opt[aria-selected="true"]{color:var(--tomato-dark);font-weight:700}
.vt-dd-opt[aria-selected="true"]::after{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;margin-left:auto;font-size:11px}
.vt-dd-opt--ust{margin-bottom:4px;box-shadow:0 1px 0 var(--line)}
.vt-dd-opt--baslik{font-weight:700;margin-top:2px}
.vt-dd-opt--alt{padding-left:28px}
.vt-dd-grup{padding:10px 11px 4px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
@media (pointer:coarse){.vt-dd-opt{min-height:44px}}


/* ── Revize 2 (Beyar 3 Eki, B seçildi): seçili alan özeti + "Teklif listen" paneli ─────────────────────────────────────────────
   Tek satır sayaç ("N alan · M sayfada") + "Listeyi gör" ile açılan kompakt liste (en çok 280 px, kendi içinde kayar); satır = alan
   adı + altında "kod · sayfa" + × (dokunma 44 px). Panel "Teklif listen" düğmesinin üstünde açılan kart (en çok 60vh, dışa tıklayınca
   kapanır). Renkler ve köşeler formun bileşenlerinden. Sayaç satırı tek satır ve tek yazı çizgisi: üç parça (sayı, sayfa, düğme)
   `baseline` ile hizalanır, kaymaz (Beyar 3 Eki); düğmenin 44 px dokunma alanı satırın yüksekliğini verir. */
.vt-sel-list.vt-oz{display:grid;gap:10px;align-items:start;min-height:0}
.vt-oz-bas{display:flex;flex-wrap:nowrap;align-items:baseline;gap:6px;font-size:14.5px;line-height:1.35;color:var(--slate-2);white-space:nowrap}
.vt-oz-bas b{font-size:15.5px;font-weight:800;color:var(--ink)}
.vt-oz-ayrac{color:var(--muted)}
.vt-oz-ac{display:inline-flex;align-items:center;gap:8px;justify-self:start;min-height:44px;padding:0 4px;border:0;background:none;font:inherit;font-size:14.5px;font-weight:800;color:var(--tomato-dark);cursor:pointer}
.vt-oz-ac i{font-size:12px;transition:transform .15s}
.vt-oz-ac[aria-expanded="true"] i{transform:rotate(180deg)}
.vt-oz-ac:focus-visible{outline:3px solid color-mix(in srgb,var(--tomato) 40%,transparent);outline-offset:2px;border-radius:6px}
.vt-oz-bas .vt-oz-ac{margin-left:auto}
.vt-oz-liste{display:grid;margin:0;padding:0;list-style:none;border:1px solid var(--line);border-radius:12px;background:#fff}
.vt-sel-list .vt-oz-liste{max-height:280px;overflow:auto;overscroll-behavior:contain}
.vt-oz-satir{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:10px;min-height:48px;padding:4px 4px 4px 12px;border-top:1px solid var(--line)}
.vt-oz-satir:first-child{border-top:0}
.vt-oz-ad{display:grid;min-width:0;font-size:14.5px;line-height:1.35;color:var(--ink)}
.vt-oz-ad b{font-weight:700;overflow-wrap:anywhere}
.vt-oz-ad small{font-size:12.5px;color:var(--muted);overflow-wrap:anywhere}
.vt-oz-satir > button{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:none;color:var(--slate-2);cursor:pointer}
.vt-oz-satir > button:hover{background:color-mix(in srgb,var(--tomato) 12%,transparent);color:var(--tomato-dark)}
.vt-oz-satir > button:focus-visible{outline:3px solid color-mix(in srgb,var(--tomato) 40%,transparent);outline-offset:-3px}
.vt-oz-paket .vt-oz-ad small{color:var(--tomato-dark)}

.vt-lp{position:fixed;z-index:1000;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#fff;border:1px solid var(--line);box-shadow:var(--sh-lg)}
.vt-lp[hidden]{display:none!important}
.vt-lp-bas{display:flex;align-items:center;gap:10px;padding:16px 12px 12px 20px;border-bottom:1px solid var(--line)}
.vt-lp-bas h3{margin:0;font-size:18px;font-weight:800;color:var(--ink)}
.vt-lp-sayi{font-size:13.5px;color:var(--muted)}
.vt-lp-kapat{display:grid;place-items:center;width:44px;height:44px;margin-left:auto;border:0;border-radius:50%;background:none;font-size:18px;color:var(--slate-2);cursor:pointer}
.vt-lp-kapat:hover{background:var(--tomato-tint);color:var(--tomato-dark)}
.vt-lp-govde{overflow:auto;overscroll-behavior:contain;padding:12px 20px}
.vt-lp-grup{display:grid;gap:8px;margin:0 0 16px}
.vt-lp-grup h4{margin:0;font-size:12.5px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--muted)}
.vt-lp-bos{margin:8px 0;font-size:14.5px;color:var(--slate-2)}
.vt-lp-alt{display:flex;gap:10px;padding:12px 20px 16px;border-top:1px solid var(--line)}
.vt-lp-alt .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 16px;white-space:nowrap;text-decoration:none}
.vt-lp-alt .btn-primary{flex:1}
.vt-lp-alt .btn[hidden]{display:none}
/* Düğmenin üstünde kart */
.vt-lp{right:88px;bottom:90px;width:min(380px,calc(100vw - 32px));max-height:60vh;border-radius:16px}
@media (max-width:760px){
  .vt-lp{right:16px;bottom:80px}
}