/* WPA v3 — /ozel-fiyatlar/ para sayfası (23 Eyl 2026). Yalnız body.of3 altında (etr_v3_acik: canlıda etr_v3_live=1, önizlemede ?tasarim=3).
   Telefonda "önce form": başlık → 2 alanlı form → biletler → pano. Masaüstünde form sağda yapışkan kalır.
   Tek dolu limon eylem: formun düğmesi (form görünmüyorken telefonda yapışkan çubuktaki). Satır düğmeleri çerçeveli, ikincil. */

/* düzen: bölüm limon, pano krem bant; a/form/c limonda */
.of3 .lp-hero{background:var(--lime);padding-bottom:0}
.of3 .lp-hero-grid{grid-template-areas:"a" "form" "c" "b"}
.of3 .of3-hero-c{grid-area:c;min-width:0;padding:0 0 22px}
.of3 .lp-hero-a{padding-bottom:18px}
.of3 .lp-hero-b{background:var(--paper);box-shadow:0 0 0 100vmax var(--paper);clip-path:inset(0 -100vmax);padding-bottom:26px}
.of3 .of3-hero-c>.of-etiketler:first-child{margin-top:26px}
@media (min-width:1020px){
 .of3 .lp-hero-grid{grid-template-areas:"a form" "c form" "b form"}
 .of3 .lp-hero-a{padding-bottom:0}
 .of3 .of3-hero-c>.of-etiketler:first-child{margin-top:24px}
}
@media (max-width:640px){.of3 .lp-hero-a{padding-top:16px;padding-bottom:16px}}
@media (max-width:599px){.of3 .of3-lede-ek{display:none}}
.of3 .of-lede strong{font-weight:800}

/* form kartı DOM'da panodan önce: panonun krem bandı (clip-path → yığın bağlamı) yapışkan kartın üstüne boyanmasın */
.of3 .lp-card{z-index:3}
/* form kartı: tek başlık, alanlar, onay + bilgilendirme bağlantısı, düğme; bilgi ve güvence düğmenin altında */
.of3 .lp-card .lp-card-bas{margin-bottom:10px}
.of3 .lp-card .lp-bar{margin-bottom:14px}
.of3 .lp-card .lp-alan{margin-bottom:10px}
.of3 .lp-card .lp-onay--zorunlu{margin-top:2px}
.of3 .of3-kvkk{margin:6px 0 0 42px;font-size:12px;line-height:1.4}
.of3 .of3-kvkk a{color:#e7f3a8}
.of3 .lp-card .lp-eylem{margin-top:14px}
.of3 .of3-alt-not{margin:10px 0 0;font-size:11.5px;line-height:1.45;color:var(--mut2);text-align:center}
.of3 .of3-guvence{display:flex;align-items:flex-start;justify-content:center;gap:7px;margin:8px 0 0;font-size:12px;line-height:1.45;color:#dfe7e2}
.of3 .of3-guvence svg{flex:none;width:15px;height:15px;margin-top:1px;color:var(--lime)}
.of3 .of3-guvence b{font-weight:700;color:#fff}
.of3 .of-secim{margin-bottom:12px}
.of3 .of-ss-serit{display:none}
@media (max-width:1019px){.of3 .lp-card{box-shadow:0 22px 44px -30px rgba(17,29,34,.75)}}

/* biletler: yıllık + KDV etiketi */
.of3 .of3-kdv{display:block;margin-top:3px;font-size:11px;font-weight:700;letter-spacing:0;line-height:1.3;text-transform:none;color:#5c6661}

/* satır düğmeleri: ikincil, çerçeveli "Bu fiyatla →" */
.of3 .of-satir .of3-satir-btn,.of3 .of3-diger .of3-satir-btn{background:transparent;border:1.5px solid var(--ink);color:var(--ink);justify-content:center;gap:8px;font-weight:800}
.of3 .of-satir .of3-satir-btn svg,.of3 .of3-diger .of3-satir-btn svg{color:var(--ink)}
.of3 .of-satir .of3-satir-btn:hover,.of3 .of3-diger .of3-satir-btn:hover{background:var(--ink);color:#fff}
.of3 .of-satir .of3-satir-btn:hover svg,.of3 .of3-diger .of3-satir-btn:hover svg{color:var(--lime)}
.of3 .of-satir.is-secili .of3-satir-btn{background:var(--ink);color:var(--lime)}
.of3 .of-satir.is-secili .of3-satir-btn svg{color:var(--lime)}

/* başka altyapı: indirimsiz, tek satır */
.of3 .of3-diger{display:flex;flex-direction:column;gap:12px;margin-top:16px;padding:16px 18px;background:#fff;border:1px dashed #b9c0b8;border-radius:6px}
.of3 .of3-diger p{margin:0;font-size:14.5px;line-height:1.5;color:#36433e}
.of3 .of3-diger b{color:var(--ink)}
.of3 .of3-diger .of3-satir-btn{align-self:flex-start;margin:0;min-height:44px;padding:10px 14px;font-size:14px}
@media (min-width:720px){.of3 .of3-diger{flex-direction:row;align-items:center;justify-content:space-between;gap:18px}.of3 .of3-diger .of3-satir-btn{flex:none}}

/* başlık kısayolu: çerçeveli (dolu limon formun) */
.of3 .of3-top-cta{background:transparent;border-color:#3a4a51;color:#fff}
.of3 .of3-top-cta:hover{background:transparent;border-color:var(--lime);color:var(--lime)}

/* mobil yapışkan: opak; özel fiyat + WhatsApp */
.of3 .of3-yapiskan{gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--panel)}
.of3 .of3-yapiskan .lp-btn{flex:1 1 auto;width:auto;min-width:0;min-height:48px;padding:10px 14px;font-size:15.5px}
.of3 .of3-wa{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:none;min-height:48px;padding:10px 13px;border:1px solid #3a4a51;border-radius:4px;color:#fff;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}
.of3 .of3-wa svg{color:#25d366}
.of3 .of3-wa:hover{border-color:#25d366}
@media (max-width:359px){.of3 .of3-wa span{display:none}}

/* --- düzeltme turu (23 Eyl, QA) --- */
/* ?ss=1 (sihirbazdan başvurup gelen): teklif eylemleri kapalı; yapışkan çubuk ve "başka altyapı" satırı da gizli */
.of3.of3-ss .of3-yapiskan,.of3.of3-ss .of3-diger{display:none!important}

/* partner şeridi: telefonda formun önüne geçmesin — üstteki gizlenir, aynısı biletlerin altında tam genişlik */
.of3 .of3-pserit-alt{display:none}
@media (max-width:640px){
 .of3 .of3-pserit-ust{display:none}
 .of3 .of3-pserit-alt{display:block;margin:22px calc(50% - 50vw) -22px;border-top:1px solid var(--line)}
}

/* üstü çizili fiyatın etiketi (firmanın yayımladığı fiyatın ne olduğu): okunur boyut ve ≥4.5:1 kontrast */
.of3 .of-eski small,.of3 .of-etiket-eski small{font-size:11px;color:#5c6661}

/* dokunma alanları: satır ve başlık düğmeleri 44px; metin bağlantıları en az 24px (yerleşimi kaydırmadan) */
.of3 .of-satir .of3-satir-btn{min-height:44px}
.of3 .lp-top .of-wa,.of3 .lp-top .of3-top-cta{min-height:44px}
@media (max-width:640px){.of3 .lp-top .of-wa{min-width:44px;justify-content:center}}
.of3 .of3-kvkk a,.of3 .of-secim [data-of-degistir]{display:inline-block;padding:5px 0;margin:-5px 0}

/* 320–359px: başlıkta marka, WhatsApp ve "Özel fiyat al" üst üste binmesin */
@media (max-width:359px){
 .of3 .lp-top-in{gap:8px}
 .of3 .lp-brand{gap:7px;font-size:15px}
 .of3 .lp-brand img{width:26px;height:26px}
 .of3 .lp-top-r{gap:6px}
 .of3 .of3-top-cta{padding:8px 10px;font-size:13px}
}

/* 1020–1139px: sol sütun dar; paket adı üstte tam genişlik, altında fiyatlar ve düğme (ad fiyatın üstüne binmesin) */
@media (min-width:1020px) and (max-width:1139px){
 .of3 .of-satir{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"ad ad" "fiyat buton";row-gap:8px}
 .of3 .of-fiyat{justify-content:flex-start}
}