/*
 * YükYolda kurumsal görünüm (site önyüzü). style.css'ten sonra yüklenir; sayfa yapısı ve işleyiş aynı, yalnız görünüm.
 * Renkler: gece laciverti #12223A, kurumsal lacivert #1F3A5F, gök mavisi #1EA0DC, zemin #F5F7FA. Yazı: Plus Jakarta Sans.
 */
:root {
    --yy-gece:#12223A; --yy-gece-2:#1A2F4D; --yy-lacivert:#1F3A5F; --yy-gok:#1EA0DC; --yy-gok-buton:#157AB3; --yy-gok-buton-2:#11679A; --yy-gok-koyu:#136E99; --yy-gok-acik:#E8F5FC;
    --yy-zemin:#F5F7FA; --yy-cizgi:#E3E8EF; --yy-kenar:#C9D3DF; --yy-metin:#16202E; --yy-gri:#5B6878; --yy-yesil:#17794C;

    --bs-primary:var(--yy-lacivert);
    --bs-secondary:var(--yy-gri);
    --bs-success:var(--yy-yesil);
    --bs-light:var(--yy-zemin);
    --bs-dark:var(--yy-metin);
    --bs-ice:#C8D4E3;
    --bs-midnight:var(--yy-gece);
    --bs-custom:var(--yy-lacivert);
    --bs-custom-light:var(--yy-gok-acik);
    --bs-custom-dark:var(--yy-gece);
    --text-dark:var(--yy-metin);
    --border-radius:12px;
    --box-shadow:0 1px 2px rgba(18,34,58,.06), 0 8px 24px rgba(18,34,58,.06);
    --btn-padding:.7rem 1.35rem;
}

body { font-family:'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif; color:var(--yy-metin); -webkit-font-smoothing:antialiased; background:#FFFFFF }
p, span, li { color:inherit }
p { line-height:1.7 }
a { color:inherit }
article a, .accordion-answer a, .blog-icerik a, main p a { color:var(--yy-gok-koyu); font-weight:600 }
article a:hover, .accordion-answer a:hover, main p a:hover { color:var(--yy-lacivert); text-decoration:underline }
::selection { background:var(--yy-gok); color:#FFFFFF }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight:800; letter-spacing:-.015em; color:var(--yy-gece) }
.h5, h5, .h6, h6 { font-weight:700; letter-spacing:0 }
.text-muted { color:var(--yy-gri)!important }
.text-custom { color:var(--yy-gok)!important }
.bg-light { background-color:var(--yy-zemin)!important }
.bg-secondary { background-color:var(--yy-lacivert)!important }
.bg-custom-dark { background-color:var(--yy-gece)!important }

/* Başlık altı çizgi: tek, gök mavisi kısa çizgi */
.underline-focus, .underline-single { padding-bottom:.6rem }
.underline-focus::after, .underline-single::after { content:""; position:absolute; left:50%; bottom:-4px; width:56px; height:3px; border-radius:3px; transform:translateX(-50%); background:var(--yy-gok) }
.underline-double::before, .underline-double::after { background:var(--yy-gok); height:2px }

/* ---------- Üst bölüm ve menü ---------- */
.header { background-color:var(--yy-gece); box-shadow:0 1px 0 rgba(255,255,255,.04); z-index:50 }
.header .top-container { height:34px; border-bottom:1px solid rgba(255,255,255,.07)!important; color:#A9BBD1 }
.header .top-container span, .header .top-container a, .header .top-container small { color:#A9BBD1; font-size:.82rem; font-weight:500 }
.header .top-container a:hover { color:#FFFFFF }
.header .container { height:78px }
.logo img { height:64px; width:auto }
.nav ul { gap:.25rem }
.nav ul li a { font-weight:600; font-size:.95rem; color:#E3EBF5; padding:1.75rem .9rem; letter-spacing:.01em }
.nav ul li a:hover { color:#FFFFFF }
.nav ul li ul { background-color:var(--yy-gece) }
.nav ul li ul li:hover { background-color:var(--yy-lacivert)!important }
@media (min-width:769px) {
    .nav ul li a::after { background:var(--yy-gok); height:3px; border-radius:3px; bottom:1.2rem }
    .nav ul li a:hover::after { width:60% }
    .article-column { column-rule:0; text-align:left; column-gap:56px; color:#2C3A4D }
}
@media (max-width:768px) {
    .nav { background-color:var(--yy-gece) }
    .nav ul li a { padding:.9rem 0; border-bottom:1px solid rgba(255,255,255,.08) }
    .header .container { height:68px }
    .logo img { height:54px }
}

/* ---------- Düğmeler ---------- */
.btn { font-weight:700; border-radius:10px; letter-spacing:.01em; font-size:.95rem }
.btn-custom, .btn-primary { color:#FFFFFF; background-color:var(--yy-lacivert); border:1px solid var(--yy-lacivert) }
.btn-custom:hover, .btn-custom:active, .btn-primary:hover, .btn-primary:active { background-color:var(--yy-gece); border-color:var(--yy-gece); box-shadow:none; color:#FFFFFF }
.header .btn-custom { background:var(--yy-gok-buton); border-color:var(--yy-gok-buton) }
.header .btn-custom:hover { background:var(--yy-gok-buton-2); border-color:var(--yy-gok-buton-2) }
.btn-success { background-color:var(--yy-yesil); border:1px solid var(--yy-yesil) }
.btn-success:hover, .btn-success:active { background-color:#125F3C; box-shadow:none }
.btn-secondary { background-color:#FFFFFF; color:var(--yy-lacivert); border:1px solid var(--yy-kenar) }
.btn-secondary:hover, .btn-secondary:active { background-color:var(--yy-zemin); color:var(--yy-lacivert); box-shadow:none }
.btn-danger { background-color:#C53030; border-color:#C53030 }
.btn-sm { padding:.45rem .7rem; font-size:.85rem; border-radius:8px }
.btn-lg { padding:.85rem 1.6rem; font-size:1.05rem; border-radius:12px }

/* ---------- Ana sayfa giriş bölümü ---------- */
.homepage-hero-section { height:auto; min-height:min(88vh, 860px); padding-top:150px; padding-bottom:80px; background:linear-gradient(90deg, rgba(18,34,58,.92) 0%, rgba(18,34,58,.72) 42%, rgba(18,34,58,.18) 100%), url('../../assets/images/yukyolda-arkaplan.webp') center/cover no-repeat }
/* Ana sayfa üst çubuğu: yarı saydam lacivert (backdrop-filter kullanılmaz: sabit konumlu mobil menüyü üst çubuğun yüksekliğine hapseder) */
body .header[style] { background-color:rgba(18,34,58,.72)!important }
.homepage-hero-content { max-width:640px }
.homepage-hero-content h2 { color:#FFFFFF; font-size:clamp(2rem, 1.2rem + 2.6vw, 3.4rem); font-weight:800; line-height:1.12; letter-spacing:-.025em }
.homepage-hero-content p { color:#C8D4E3; font-size:1.15rem; line-height:1.6; max-width:540px }
.homepage-hero-content .btn-custom { background:var(--yy-gok-buton); border-color:var(--yy-gok-buton); padding:.9rem 1.5rem }
.homepage-hero-content .btn-custom:hover { background:var(--yy-gok-buton-2); border-color:var(--yy-gok-buton-2) }
.homepage-hero-content .btn-custom + .btn-custom { background:transparent; border-color:rgba(255,255,255,.55); color:#FFFFFF }
.homepage-hero-content .btn-custom + .btn-custom:hover { background:rgba(255,255,255,.1); border-color:#FFFFFF }

/* ---------- Kartlar ---------- */
.card { border:1px solid var(--yy-cizgi)!important; border-radius:16px!important; background:#FFFFFF }
.card.shadow, .shadow { box-shadow:var(--box-shadow)!important }
.shadow-hover:hover, .card.shadow:hover { box-shadow:0 2px 4px rgba(18,34,58,.06), 0 16px 32px rgba(18,34,58,.10)!important }
.card-body { padding:1.25rem 1.1rem }
.card-title { color:var(--yy-gece) }
.card-text { color:var(--yy-gri) }
/* Ana sayfa avantaj kartlarındaki ikon dairesi */
.card .rounded-circle.bi { background:var(--yy-gok-acik)!important; color:var(--yy-lacivert)!important; box-shadow:none!important; font-size:28px; width:72px; height:72px; padding:0!important; display:flex!important; align-items:center; justify-content:center }
/* İş tahtası kartı: tarih şeridi */
.card > .bg-secondary { background:var(--yy-gece)!important; padding:.7rem!important }
.card > .bg-secondary p { color:#FFFFFF; font-weight:600; font-size:.9rem }
.card .border-bottom { border-color:#EEF2F6!important }
.card .fw-bold { color:var(--yy-gece) }
.card .text-danger { color:var(--yy-gok)!important }
.card .text-success { color:var(--yy-yesil)!important }
.card-footer .btn { border-radius:8px }

/* ---------- Bölümler ---------- */
section.pt-5.pb-5, section.pt-5 { padding-top:4.5rem!important }
section.pt-5.pb-5 { padding-bottom:4.5rem!important }
.blog-detail-subscriber { padding:110px 5%; background-image:linear-gradient(rgba(18,34,58,.86), rgba(18,34,58,.80)), url('../../assets/images/bize-katil-arkaplan.jpg') }
.blog-detail-subscriber p { color:#E3EBF5!important; max-width:820px; margin-left:auto; margin-right:auto; font-weight:500; line-height:1.6 }
.blog-detail-subscriber .btn-custom { background:var(--yy-gok-buton); border-color:var(--yy-gok-buton); padding:.9rem 1.8rem }
.blog-detail-subscriber .btn-custom:hover { background:var(--yy-gok-buton-2); border-color:var(--yy-gok-buton-2) }

/* ---------- Sık sorulan sorular ---------- */
.accordion { max-width:900px; margin:0 auto }
.accordion-item { margin-bottom:.75rem }
.accordion-question { background:#FFFFFF; border:1px solid var(--yy-cizgi); border-radius:14px; padding:1.1rem 1.25rem; margin-bottom:0; font-weight:700; color:var(--yy-gece); transition:border-color .2s }
.accordion-question:hover { border-color:var(--yy-gok) }
.accordion-icon { color:var(--yy-gok); transition:transform .2s }
.accordion-item.expanded .accordion-question { border-color:var(--yy-gok); border-bottom-left-radius:0; border-bottom-right-radius:0 }
.accordion-answer { border:1px solid var(--yy-gok); border-top:0; border-radius:0 0 14px 14px; padding:1rem 1.25rem; margin-bottom:0; color:#2C3A4D }

/* ---------- Formlar ---------- */
label { font-weight:600; color:var(--yy-gri); font-size:.9rem }
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="number"], input[type="search"], input[type="url"], input[type="date"], select, textarea, .form-control {
    border:1px solid var(--yy-kenar); border-radius:10px; padding:.7rem .85rem; font-family:inherit; color:var(--yy-metin); background-color:#FFFFFF }
input:focus, select:focus, textarea:focus, .form-control:focus { border-color:var(--yy-gok)!important; box-shadow:0 0 0 3px rgba(30,160,220,.18)!important }
.search-container { background:#FFFFFF; border:1px solid var(--yy-kenar); border-radius:12px }
input[type="radio"], input[type="checkbox"] { accent-color:var(--yy-lacivert) }

/* ---------- Tablo, uyarı, sekme, pencere ---------- */
.table th, .table td { border-top:1px solid #EEF2F6; padding:.75rem }
.table thead th { border-bottom:1px solid var(--yy-cizgi); color:var(--yy-gri); font-size:.8rem; letter-spacing:.04em; text-transform:uppercase }
.alert { border-radius:14px }
.alert-custom, .alert-primary { color:#0F4C6B; background:var(--yy-gok-acik); border-color:#BFE3F5 }
.tab-btn { font-weight:700; color:var(--yy-gri) }
.tab-btn.active { color:var(--yy-lacivert) }
.tab-btn::after { background-color:var(--yy-gok) }
.modal-content { border-radius:18px }
.modal-title { color:var(--yy-gece); font-weight:800 }
.tabs { border-radius:16px }

/* ---------- Giriş / kayıt kutuları ---------- */
.login-box, .register-box, .tabcontent { font-family:inherit }
.tab-button { font-family:inherit!important; font-weight:700!important; border-radius:10px!important }
.tab-button.active { background:var(--yy-lacivert)!important; color:#FFFFFF!important }

/* ---------- Alt bilgi ---------- */
section.bg-custom-dark, footer { background-color:var(--yy-gece)!important }
section.bg-custom-dark .h5, footer .h5 { color:#FFFFFF; font-weight:700; letter-spacing:.01em }
.text-ice { color:#A9BBD1!important }
a.text-ice:hover { color:#FFFFFF!important }
section.bg-custom-dark .bi { color:var(--yy-gok) }

/* ---------- Blog ---------- */
.main article { font-size:1.05rem; line-height:1.8; color:#2C3A4D }
/* Eski yazılarda editörün eklediği yazı tipi / renk ayarları kurumsal görünüme uyar */
.main article * { font-family:inherit!important }
.main article h1, .main article h2, .main article h3, .main article h4 { color:var(--yy-gece)!important; font-weight:800!important; letter-spacing:-.01em; line-height:1.25; margin:1.6rem 0 .7rem }
.main article h1 { font-size:clamp(1.8rem, 1.2rem + 1.6vw, 2.5rem)!important; text-align:left!important }
.main article h2 { font-size:1.5rem!important }
.main article h3, .main article h4 { font-size:1.2rem!important }
.main article p, .main article li, .main article span { color:#2C3A4D!important; font-size:1.05rem!important; line-height:1.8!important }
.main article img { max-width:100%; height:auto; border-radius:14px }
.blog-image { border-radius:18px; object-fit:cover; max-height:460px }
.main .bg-white { border:1px solid var(--yy-cizgi); border-radius:16px; overflow:hidden; padding-bottom:.5rem }
.main .bg-white > p.bg-custom { background:var(--yy-gece)!important; margin:0 0 .5rem; font-weight:700; letter-spacing:.01em }
.main .bg-white li { padding:.45rem .9rem!important; margin:0!important; border-radius:0!important; font-size:.95rem }
.main .bg-white li a { color:var(--yy-metin) }
.main .bg-white li a:hover { color:var(--yy-gok-koyu) }
.main .bg-white li .bi { color:var(--yy-gok); margin-right:4px }
.card-img-top { height:200px; object-fit:cover }
.main article h1 *, .main article h2 *, .main article h3 *, .main article h4 * { font-size:inherit!important; color:inherit!important; line-height:inherit!important; font-weight:inherit!important }
/* Koyu zeminlerde ikincil yazı okunur kalsın */
section.bg-custom-dark .text-muted, footer .text-muted, section.bg-custom-dark small, section.bg-custom-dark p { color:#A9BBD1!important }
/* Form içindeki bağlantılar (sözleşme, KVKK, şifremi unuttum) okunur koyulukta */
.tabcontent a, .login-box a, main form a, .form-group a { color:var(--yy-gok-koyu)!important; font-weight:600 }

/* ===================== Alt bilgi ===================== */
.site-alt { background:var(--yy-gece); color:#A9BBD1; padding:64px 0 28px; font-size:.95rem }
.site-alt a { color:#C8D4E3; text-decoration:none }
.site-alt a:hover { color:#FFFFFF }
.site-alt-ust { display:grid; grid-template-columns:minmax(0,1.5fr) repeat(3, minmax(0,1fr)); gap:40px }
.site-alt-marka img { height:62px; width:auto; margin-bottom:14px }
.site-alt-marka p { color:#A9BBD1!important; max-width:360px; line-height:1.7; margin-bottom:18px }
.site-alt-magaza { display:inline-flex; align-items:center; gap:10px; border:1px solid rgba(255,255,255,.18); border-radius:12px; padding:9px 14px; color:#FFFFFF!important; transition:border-color .2s }
.site-alt-magaza:hover { border-color:var(--yy-gok) }
.site-alt-magaza .bi { font-size:22px; color:#FFFFFF!important }
.site-alt-magaza span { display:flex; flex-direction:column; line-height:1.15; font-weight:700; color:#FFFFFF }
.site-alt-magaza small { font-size:.7rem; font-weight:500; color:#A9BBD1 }
.site-alt-sutun { display:flex; flex-direction:column; gap:10px }
.site-alt-baslik { color:#FFFFFF!important; font-weight:700; letter-spacing:.06em; text-transform:uppercase; font-size:.78rem; margin-bottom:6px }
.site-alt-iletisim a { display:flex; gap:10px; align-items:flex-start; line-height:1.5 }
.site-alt-iletisim .bi { color:var(--yy-gok); margin-top:3px }
.site-alt-sosyal { display:flex; gap:10px; margin-top:6px }
.site-alt-sosyal a { width:38px; height:38px; border-radius:10px; border:1px solid rgba(255,255,255,.16); display:flex; align-items:center; justify-content:center }
.site-alt-sosyal a:hover { border-color:var(--yy-gok) }
.site-alt-yasal { margin-top:44px; padding:16px 18px; border-radius:14px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.07) }
.site-alt-yasal p { margin:0; font-size:.85rem; line-height:1.6; color:#A9BBD1!important }
.site-alt-yasal strong { color:#FFFFFF }
.site-alt-yasal a { color:#8FC9EA; font-weight:600 }
.site-alt-alt { margin-top:24px; padding-top:22px; border-top:1px solid rgba(255,255,255,.08); display:flex; flex-wrap:wrap; gap:16px; justify-content:space-between; align-items:center }
.site-alt-alt p { margin:0; font-size:.85rem; color:#A9BBD1!important }
.site-alt-odeme { display:flex; align-items:center; gap:10px; flex-wrap:wrap }
.site-alt-odeme span { font-size:.82rem; color:#C8D4E3; margin-right:4px }
.site-alt-odeme .bi { color:var(--yy-gok) }
.site-alt-odeme img { height:30px; width:auto; border-radius:6px; display:block }
@media (max-width:991px) { .site-alt-ust { grid-template-columns:repeat(2, minmax(0,1fr)) } .site-alt-marka { grid-column:1 / -1 } }
@media (max-width:575px) { .site-alt-ust { grid-template-columns:minmax(0,1fr) } .site-alt { padding-bottom:96px } }
.hizli-iletisim { position:fixed; right:14px; bottom:14px; z-index:900; display:flex; flex-direction:column; gap:10px }
.hizli-iletisim a { width:52px; height:52px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#FFFFFF; font-size:22px; box-shadow:0 6px 18px rgba(18,34,58,.25) }
.hizli-tel { background:var(--yy-lacivert) }
.hizli-wa { background:#128C4B }

/* ===================== Çerez çubuğu ===================== */
.cerez-cubuk { position:fixed; left:16px; right:16px; bottom:16px; z-index:1100; display:flex; justify-content:center }
.cerez-cubuk[hidden] { display:none }
.cerez-ic { max-width:980px; width:100%; background:#FFFFFF; border:1px solid var(--yy-cizgi); border-radius:18px; box-shadow:0 18px 50px rgba(18,34,58,.18); padding:18px 20px; display:flex; gap:20px; align-items:center; flex-wrap:wrap }
.cerez-metin { flex:1 1 420px }
.cerez-metin strong { color:var(--yy-gece); font-size:1rem }
.cerez-metin p { margin:.35rem 0 0; font-size:.9rem; color:var(--yy-gri); line-height:1.55 }
.cerez-metin a { color:var(--yy-gok-koyu); font-weight:600 }
.cerez-secenekler { display:grid; gap:8px; margin-top:12px }
.cerez-secenekler[hidden] { display:none }
.cerez-secenekler label { display:flex; gap:10px; align-items:baseline; flex-wrap:wrap; font-size:.9rem; color:var(--yy-metin); font-weight:600; margin:0 }
.cerez-secenekler span { color:var(--yy-gri); font-weight:500; font-size:.82rem }
.cerez-dugmeler { display:flex; gap:8px; flex-wrap:wrap }
.cerez-btn { font-family:inherit; font-weight:700; font-size:.9rem; border-radius:10px; padding:.65rem 1.1rem; cursor:pointer; border:1px solid var(--yy-kenar); background:#FFFFFF; color:var(--yy-lacivert) }
.cerez-btn:hover { background:var(--yy-zemin) }
.cerez-btn-ana { background:var(--yy-lacivert); border-color:var(--yy-lacivert); color:#FFFFFF }
.cerez-btn-ana:hover { background:var(--yy-gece) }
@media (max-width:575px) { .cerez-cubuk { left:10px; right:10px; bottom:10px } .cerez-dugmeler { width:100% } .cerez-btn { flex:1 1 auto } }

/* ===================== Uygulama popup'ı ===================== */
.uyg-popup { position:fixed; inset:0; z-index:1200; display:flex; align-items:center; justify-content:center; padding:20px }
.uyg-popup[hidden] { display:none }
.uyg-popup-perde { position:absolute; inset:0; background:rgba(10,20,36,.55); opacity:0; transition:opacity .25s }
.uyg-popup-kutu { position:relative; width:100%; max-width:760px; display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); background:#FFFFFF; border-radius:24px; overflow:hidden; box-shadow:0 30px 80px rgba(10,20,36,.35); transform:translateY(16px) scale(.98); opacity:0; transition:transform .3s, opacity .25s }
.uyg-popup.acik .uyg-popup-perde { opacity:1 }
.uyg-popup.acik .uyg-popup-kutu { transform:none; opacity:1 }
.uyg-popup-gorsel { background:radial-gradient(circle at 30% 20%, #1F3A5F 0%, #12223A 70%); display:flex; align-items:center; justify-content:center; padding:28px 18px }
.uyg-popup-gorsel img { width:100%; max-width:260px; height:auto; display:block }
.uyg-popup-icerik { padding:34px 32px 26px }
.uyg-popup-etiket { font-size:.72rem; letter-spacing:.16em; text-transform:uppercase; font-weight:700; color:var(--yy-gok-koyu)!important; margin-bottom:.5rem }
.uyg-popup-icerik h2 { font-size:1.75rem; line-height:1.15; margin-bottom:.6rem; color:var(--yy-gece) }
.uyg-popup-metin { color:var(--yy-gri)!important; font-size:.98rem; line-height:1.6; margin-bottom:1rem }
.uyg-popup-liste { list-style:none; padding:0; margin:0 0 1.4rem; display:grid; gap:.6rem }
.uyg-popup-liste li { display:flex; gap:.7rem; align-items:center; font-weight:600; font-size:.93rem; color:var(--yy-metin) }
.uyg-popup-liste .bi { width:32px; height:32px; border-radius:10px; background:var(--yy-gok-acik); color:var(--yy-lacivert); display:inline-flex; align-items:center; justify-content:center; flex-shrink:0 }
.uyg-popup-dugmeler { display:flex; gap:10px; flex-wrap:wrap }
.uyg-magaza { display:inline-flex; align-items:center; gap:12px; background:var(--yy-gece); color:#FFFFFF!important; border-radius:14px; padding:10px 18px; font-weight:700; text-decoration:none!important; transition:background .2s }
.uyg-magaza:hover { background:var(--yy-lacivert) }
.uyg-magaza .bi { font-size:24px }
.uyg-magaza span { display:flex; flex-direction:column; line-height:1.15; color:#FFFFFF }
.uyg-magaza small { font-size:.7rem; font-weight:500; color:#A9BBD1 }
.uyg-magaza-ikincil { background:#FFFFFF; color:var(--yy-gece)!important; border:1px solid var(--yy-kenar) }
.uyg-magaza-ikincil span { color:var(--yy-gece) }
.uyg-magaza-ikincil small { color:var(--yy-gri) }
.uyg-magaza-ikincil:hover { background:var(--yy-zemin) }
.uyg-popup-sonra { margin-top:14px; background:none; border:0; color:var(--yy-gri); font-family:inherit; font-weight:600; font-size:.88rem; cursor:pointer; padding:6px 0 }
.uyg-popup-sonra:hover { color:var(--yy-lacivert) }
.uyg-popup-kapat { position:absolute; top:12px; right:12px; z-index:2; width:40px; height:40px; border-radius:50%; border:0; background:rgba(255,255,255,.92); color:var(--yy-gece); font-size:16px; cursor:pointer; display:flex; align-items:center; justify-content:center }
.uyg-popup-kapat:hover { background:#FFFFFF }
@media (max-width:640px) {
    .uyg-popup { align-items:flex-end; padding:0 }
    .uyg-popup-kutu { grid-template-columns:minmax(0,1fr); border-radius:24px 24px 0 0; max-height:92vh; overflow-y:auto; transform:translateY(40px) }
    .uyg-popup-gorsel { height:180px; padding:16px; overflow:hidden }
    .uyg-popup-gorsel img { max-width:none; width:auto; height:100% }
    .uyg-popup-icerik { padding:22px 22px 26px }
    .uyg-popup-icerik h2 { font-size:1.45rem }
}

/* ===================== Yasal sayfalar ===================== */
.yasal-sayfa { background:var(--yy-zemin) }
.yasal-ust { background:var(--yy-gece); padding:48px 0 54px; color:#C8D4E3 }
.yasal-ust h1 { color:#FFFFFF; font-size:clamp(1.9rem, 1.3rem + 1.8vw, 2.8rem); margin-bottom:.6rem }
.yasal-etiket { color:#8FC9EA!important; font-size:.75rem; letter-spacing:.16em; text-transform:uppercase; font-weight:700; margin-bottom:.4rem }
.yasal-ozet { color:#C8D4E3!important; max-width:760px; font-size:1.05rem; margin-bottom:.5rem }
.yasal-tarih { color:#8FA4BE!important; font-size:.85rem; margin:0 }
.yasal-govde { display:grid; grid-template-columns:240px minmax(0,1fr); gap:32px; padding-top:32px; padding-bottom:64px; align-items:start }
.yasal-menu { position:sticky; top:20px; background:#FFFFFF; border:1px solid var(--yy-cizgi); border-radius:16px; padding:10px; display:flex; flex-direction:column }
.yasal-menu a { padding:.6rem .8rem; border-radius:10px; font-weight:600; font-size:.92rem; color:var(--yy-metin); text-decoration:none }
.yasal-menu a:hover { background:var(--yy-zemin) }
.yasal-menu a.aktif { background:var(--yy-gok-acik); color:var(--yy-lacivert) }
.yasal-icerik { background:#FFFFFF; border:1px solid var(--yy-cizgi); border-radius:18px; padding:34px clamp(20px, 4vw, 44px); color:#2C3A4D; font-size:1rem; line-height:1.75 }
.yasal-icerik h2 { font-size:1.3rem; margin:2rem 0 .7rem; scroll-margin-top:20px; color:var(--yy-gece) }
.yasal-icerik h3 { font-size:1.08rem; margin:1.4rem 0 .5rem; color:var(--yy-gece) }
.yasal-icerik p, .yasal-icerik li { color:#2C3A4D; font-size:1rem; line-height:1.75 }
.yasal-icerik ul, .yasal-icerik ol { padding-left:1.3rem; margin-bottom:1rem }
.yasal-icerik li { margin-bottom:.35rem }
.yasal-icerik a { color:var(--yy-gok-koyu); font-weight:600 }
.yasal-kimlik { display:flex; flex-direction:column; gap:2px; padding:14px 16px; border-radius:12px; background:var(--yy-zemin); border:1px solid var(--yy-cizgi); margin-bottom:22px; font-size:.88rem; line-height:1.6; color:var(--yy-gri) }
.yasal-kimlik strong { color:var(--yy-gece); font-size:.98rem }
.yasal-not { background:var(--yy-gok-acik); border:1px solid #BFE3F5; border-radius:14px; padding:14px 16px; margin-bottom:20px; color:#0F4C6B }
.yasal-not p { color:#0F4C6B; margin:0 }
.yasal-not strong { color:var(--yy-gece) }
.yasal-icindekiler { border:1px solid var(--yy-cizgi); border-radius:14px; padding:14px 18px; margin-bottom:24px }
.yasal-icindekiler ol, .yasal-icindekiler ul { margin:0; columns:2; column-gap:28px }
.yasal-icindekiler li { font-size:.92rem; break-inside:avoid }
.yasal-tablo { width:100%; border-collapse:collapse; margin:0 0 1.2rem; font-size:.92rem; display:block; overflow-x:auto }
.yasal-tablo th, .yasal-tablo td { border:1px solid var(--yy-cizgi); padding:.6rem .75rem; text-align:left; vertical-align:top; line-height:1.5 }
.yasal-tablo th { background:var(--yy-zemin); color:var(--yy-gece); font-weight:700 }
.yasal-eksik { background:#FDF3E1; color:#8A5A12; border-radius:4px; padding:0 4px; font-weight:600 }
@media (max-width:900px) { .yasal-govde { grid-template-columns:minmax(0,1fr) } .yasal-menu { position:static; flex-direction:row; flex-wrap:wrap } .yasal-icindekiler ol, .yasal-icindekiler ul { columns:1 } }

/* ===================== Ana sayfa ===================== */
.vitrin { position:relative; padding:170px 0 90px; background:linear-gradient(100deg, rgba(18,34,58,.97) 0%, rgba(18,34,58,.88) 45%, rgba(18,34,58,.55) 100%), url('../../assets/images/yukyolda-arkaplan.webp') center/cover no-repeat; color:#C8D4E3; overflow:hidden }
.vitrin-ic { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:56px; align-items:center }
.vitrin-etiket { display:inline-flex; align-items:center; gap:8px; padding:6px 14px; border-radius:999px; background:rgba(30,160,220,.14); border:1px solid rgba(30,160,220,.35); color:#BFE3F5!important; font-size:.82rem; font-weight:600; margin-bottom:1.3rem }
.vitrin-etiket .bi { color:var(--yy-gok) }
.vitrin h1 { color:#FFFFFF; font-size:clamp(2.1rem, 1.2rem + 3vw, 3.6rem); line-height:1.08; letter-spacing:-.03em; font-weight:800; margin-bottom:1.1rem }
.vitrin h1 span { color:#7CCBF0 }
.vitrin-ozet { color:#C8D4E3!important; font-size:1.12rem; line-height:1.65; max-width:580px; margin-bottom:1.8rem }
.vitrin-roller { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px; max-width:560px }
.vitrin-rol { display:flex; align-items:center; gap:14px; padding:14px 16px; border-radius:16px; background:var(--yy-gok-buton); color:#FFFFFF!important; text-decoration:none!important; transition:transform .2s, background .2s }
.vitrin-rol:hover { background:var(--yy-gok-buton-2); transform:translateY(-2px) }
.vitrin-rol > span:nth-child(2) { display:flex; flex-direction:column; line-height:1.2; font-weight:800; font-size:1.05rem; flex:1 }
.vitrin-rol small { font-size:.75rem; font-weight:600; opacity:.85; letter-spacing:.02em }
.vitrin-rol-ikon { width:42px; height:42px; border-radius:12px; background:rgba(255,255,255,.16); display:flex; align-items:center; justify-content:center; font-size:20px; flex-shrink:0 }
.vitrin-rol-ikincil { background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.22) }
.vitrin-rol-ikincil:hover { background:rgba(255,255,255,.14) }
.vitrin-konum { display:inline-flex; align-items:center; gap:8px; margin-top:16px; color:#BFE3F5!important; font-weight:600; font-size:.93rem; text-decoration:none!important; border-bottom:1px dashed rgba(191,227,245,.5); padding-bottom:2px }
.vitrin-konum:hover { color:#FFFFFF!important }
.vitrin-guven { list-style:none; padding:0; margin:2.4rem 0 0; display:flex; gap:36px; flex-wrap:wrap }
.vitrin-guven li { display:flex; flex-direction:column; border-left:2px solid rgba(30,160,220,.6); padding-left:14px }
.vitrin-guven strong { color:#FFFFFF; font-size:1.5rem; font-weight:800; letter-spacing:-.02em; line-height:1.1 }
.vitrin-guven span { color:#A9BBD1; font-size:.85rem }
.vitrin-gorsel { position:relative }
.ornek-is { background:#FFFFFF; border-radius:22px; padding:22px; box-shadow:0 30px 70px rgba(5,12,24,.45); color:var(--yy-metin); max-width:420px; margin-left:auto }
.ornek-is-ust { display:flex; justify-content:space-between; align-items:center; margin-bottom:16px }
.ornek-is-rozet { display:inline-flex; align-items:center; gap:6px; font-size:.78rem; font-weight:700; color:var(--yy-yesil); background:#E6F4EC; border-radius:999px; padding:4px 10px }
.ornek-is-rozet .bi { font-size:7px }
.ornek-is-no { font-size:.78rem; color:var(--yy-gri); font-weight:600 }
.ornek-is-rota { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 16px; background:var(--yy-zemin); border-radius:14px }
.ornek-is-rota div { display:flex; flex-direction:column }
.ornek-is-rota div:last-child { text-align:right }
.ornek-is-rota small { font-size:.72rem; color:var(--yy-gri); font-weight:600; text-transform:uppercase; letter-spacing:.06em }
.ornek-is-rota strong { font-size:1.05rem; color:var(--yy-gece) }
.ornek-is-rota > .bi { color:var(--yy-gok); font-size:20px }
.ornek-is-bilgi { display:flex; gap:8px; flex-wrap:wrap; margin:14px 0 18px }
.ornek-is-bilgi span { font-size:.8rem; font-weight:600; color:var(--yy-lacivert); background:var(--yy-gok-acik); border-radius:8px; padding:5px 9px; display:inline-flex; gap:6px; align-items:center }
.ornek-is-akis { list-style:none; padding:0; margin:0; display:grid; gap:2px }
.ornek-is-akis li { display:flex; align-items:center; gap:12px; position:relative; padding:6px 0; font-size:.9rem; color:var(--yy-gri); font-weight:600 }
.ornek-is-akis li .bi { width:28px; height:28px; border-radius:50%; border:2px solid var(--yy-kenar); background:#FFFFFF; display:flex; align-items:center; justify-content:center; font-size:13px; color:var(--yy-gri); flex-shrink:0; position:relative; z-index:1 }
.ornek-is-akis li:not(:last-child)::after { content:""; position:absolute; left:13px; top:30px; bottom:-8px; width:2px; background:var(--yy-cizgi) }
.ornek-is-akis li.tamam { color:var(--yy-metin) }
.ornek-is-akis li.tamam .bi { background:var(--yy-yesil); border-color:var(--yy-yesil); color:#FFFFFF }
.ornek-is-akis li.tamam::after { background:var(--yy-yesil) }
.ornek-is-akis li.simdi { color:var(--yy-gece) }
.ornek-is-akis li.simdi .bi { border-color:var(--yy-gok); color:var(--yy-gok-koyu); box-shadow:0 0 0 5px rgba(30,160,220,.18) }
.ornek-bildirim { position:absolute; left:-10px; bottom:-26px; display:flex; gap:12px; align-items:center; background:var(--yy-gece); border:1px solid rgba(255,255,255,.12); color:#FFFFFF; border-radius:16px; padding:12px 16px; box-shadow:0 18px 40px rgba(5,12,24,.4); max-width:280px }
.ornek-bildirim .bi { width:36px; height:36px; border-radius:10px; background:var(--yy-gok-buton); display:flex; align-items:center; justify-content:center; flex-shrink:0 }
.ornek-bildirim span { display:flex; flex-direction:column; font-size:.82rem; color:#C8D4E3; line-height:1.35 }
.ornek-bildirim strong { color:#FFFFFF; font-size:.9rem }
@media (max-width:991px) {
    .vitrin { padding:140px 0 70px }
    .vitrin-ic { grid-template-columns:minmax(0,1fr); gap:48px }
    .ornek-is { margin:0 auto }
    .ornek-bildirim { left:auto; right:0 }
}
@media (max-width:575px) {
    .vitrin { padding:124px 0 64px }
    .vitrin-roller { grid-template-columns:minmax(0,1fr) }
    .vitrin-guven { gap:20px }
    .vitrin-guven strong { font-size:1.25rem }
    .ornek-bildirim { position:static; margin:12px auto 0 }
}

.bolum { padding:88px 0 }
.bolum-zemin { background:var(--yy-zemin) }
.bolum-koyu { background:var(--yy-gece) }
.bolum-ust { text-align:center; max-width:720px; margin:0 auto 44px }
.bolum-ust h2, .uygulama-bolum h2 { font-size:clamp(1.7rem, 1.2rem + 1.6vw, 2.5rem); line-height:1.15; margin-bottom:.7rem }
.bolum-ust p:not(.bolum-etiket) { color:var(--yy-gri); font-size:1.05rem; margin:0 }
.bolum-etiket { font-size:.76rem; letter-spacing:.16em; text-transform:uppercase; font-weight:700; color:var(--yy-gok-koyu)!important; margin-bottom:.6rem }
.bolum-ust-acik h2 { color:#FFFFFF }
.bolum-ust-acik p:not(.bolum-etiket) { color:#A9BBD1 }
.bolum-ust-acik .bolum-etiket { color:#8FC9EA!important }
@media (max-width:575px) { .bolum { padding:64px 0 } .bolum-ust { margin-bottom:32px } }

.akis-sekmeler { display:flex; justify-content:center; gap:6px; margin:0 auto 36px; padding:6px; background:var(--yy-zemin); border:1px solid var(--yy-cizgi); border-radius:14px; width:max-content; max-width:100% }
.akis-sekme { font-family:inherit; border:0; background:transparent; color:var(--yy-gri); font-weight:700; font-size:.95rem; padding:.7rem 1.2rem; border-radius:10px; cursor:pointer; display:inline-flex; gap:8px; align-items:center }
.akis-sekme.aktif { background:#FFFFFF; color:var(--yy-gece); box-shadow:0 2px 8px rgba(18,34,58,.08) }
.akis-panel { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:20px; counter-reset:adim }
.akis-panel[hidden] { display:none }
.adim { position:relative; background:#FFFFFF; border:1px solid var(--yy-cizgi); border-radius:18px; padding:26px 22px 24px; transition:border-color .2s, transform .2s }
.adim:hover { border-color:var(--yy-gok); transform:translateY(-3px) }
.adim-no { position:absolute; top:20px; right:22px; font-weight:800; font-size:1.6rem; color:var(--yy-cizgi); letter-spacing:-.02em }
.adim > .bi { width:52px; height:52px; border-radius:14px; background:var(--yy-gok-acik); color:var(--yy-lacivert); display:flex; align-items:center; justify-content:center; font-size:24px; margin-bottom:18px }
.adim h3 { font-size:1.12rem; margin-bottom:.45rem }
.adim p { color:var(--yy-gri); font-size:.95rem; line-height:1.6; margin:0 }
@media (max-width:991px) { .akis-panel { grid-template-columns:repeat(2, minmax(0,1fr)) } }
@media (max-width:575px) { .akis-panel { grid-template-columns:minmax(0,1fr) } .akis-sekme { padding:.6rem .8rem; font-size:.88rem } }

.roller { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:24px }
.rol-kart { background:#FFFFFF; border:1px solid var(--yy-cizgi); border-radius:22px; overflow:hidden; display:flex; flex-direction:column }
.rol-kart > img { width:100%; height:180px; object-fit:cover; display:block }
.rol-kart-ic { padding:26px 28px 28px; display:flex; flex-direction:column; flex:1 }
.rol-etiket { font-size:.76rem; letter-spacing:.14em; text-transform:uppercase; font-weight:700; color:var(--yy-gok-koyu)!important; margin-bottom:.3rem }
.rol-kart h3 { font-size:1.3rem; margin-bottom:1rem }
.rol-dugmeler { display:flex; gap:10px; flex-wrap:wrap; margin-top:auto; padding-top:8px }
.tik-liste { list-style:none; padding:0; margin:0 0 1.4rem; display:grid; gap:.6rem }
.tik-liste li { position:relative; padding-left:30px; color:#2C3A4D; font-size:.97rem; line-height:1.5 }
.tik-liste li::before { content:"\F26E"; font-family:'bootstrap-icons'; position:absolute; left:0; top:1px; width:20px; height:20px; border-radius:50%; background:#E6F4EC; color:var(--yy-yesil); font-size:13px; display:flex; align-items:center; justify-content:center }
@media (max-width:767px) { .roller { grid-template-columns:minmax(0,1fr) } .rol-kart-ic { padding:22px } }

.guven-izgara { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:20px }
.guven-kart { padding:26px 22px; border-radius:18px; background:linear-gradient(180deg, var(--yy-zemin), #FFFFFF); border:1px solid var(--yy-cizgi) }
.guven-kart > .bi { font-size:28px; color:var(--yy-gok-koyu); display:block; margin-bottom:14px }
.guven-kart h3 { font-size:1.08rem; margin-bottom:.45rem }
.guven-kart p { color:var(--yy-gri); font-size:.94rem; line-height:1.6; margin:0 }
.araci-not { margin:28px auto 0; max-width:820px; text-align:center; color:var(--yy-gri); font-size:.92rem }
.araci-not .bi { color:var(--yy-gok-koyu) }
@media (max-width:991px) { .guven-izgara { grid-template-columns:repeat(2, minmax(0,1fr)) } }
@media (max-width:575px) { .guven-izgara { grid-template-columns:minmax(0,1fr) } }

.arac-seridi { list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; justify-content:center; gap:12px }
.arac-seridi a, .arac-seridi span { display:inline-flex; align-items:center; gap:10px; padding:12px 18px; border-radius:14px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12); color:#E3EBF5!important; font-weight:600; text-decoration:none!important; transition:border-color .2s, background .2s }
.arac-seridi a:hover { border-color:var(--yy-gok); background:rgba(30,160,220,.1) }
.arac-seridi .bi { color:var(--yy-gok); font-size:20px }

.uygulama-bolum { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:56px; align-items:center }
.uygulama-gorsel { background:radial-gradient(circle at 40% 30%, #E8F5FC 0%, #F5F7FA 70%); border-radius:28px; padding:28px; display:flex; justify-content:center }
.uygulama-gorsel img { width:100%; height:auto; max-width:520px }
.bolum-metin { color:var(--yy-gri); font-size:1.03rem; line-height:1.7; margin-bottom:1.2rem }
@media (max-width:767px) { .uygulama-bolum { grid-template-columns:minmax(0,1fr); gap:32px } }

.hakkimizda-metin p { color:#2C3A4D; font-size:.98rem }

.son-cagri { background:linear-gradient(120deg, var(--yy-lacivert), var(--yy-gece)); padding:64px 0 }
.son-cagri-ic { display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap }
.son-cagri h2 { color:#FFFFFF; font-size:clamp(1.5rem, 1.1rem + 1.2vw, 2.1rem); margin-bottom:.3rem }
.son-cagri p { color:#C8D4E3; margin:0 }
.son-cagri-dugmeler { display:flex; gap:12px; flex-wrap:wrap }
.son-cagri-ana { background:var(--yy-gok-buton); border:1px solid var(--yy-gok-buton); color:#FFFFFF!important }
.son-cagri-ana:hover { background:var(--yy-gok-buton-2) }
.son-cagri-ikincil { background:transparent; border:1px solid rgba(255,255,255,.5); color:#FFFFFF!important }
.son-cagri-ikincil:hover { background:rgba(255,255,255,.1); border-color:#FFFFFF }
.vitrin h1 span, .ornek-is-akis li span, .vitrin-guven span, .araci-not, .son-cagri p { font-size:inherit }
.vitrin h1 span { font-weight:inherit }
.vitrin-guven span { font-size:.85rem }

.ornek-is { padding-bottom:64px }

/* ===================== Form sayfaları (Konum Bırak, İletişim, Kaydol) ===================== */
.form-sayfa-zemin { background:linear-gradient(180deg, var(--yy-gece) 0, var(--yy-gece) 340px, var(--yy-zemin) 340px) }
.form-sayfa { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:48px; padding-top:56px; padding-bottom:80px; align-items:start }
.form-tanitim { color:#C8D4E3; padding-top:8px }
.form-tanitim .bolum-etiket { color:#8FC9EA!important }
.form-tanitim h1 { color:#FFFFFF; font-size:clamp(1.9rem, 1.2rem + 2vw, 2.8rem); line-height:1.12; letter-spacing:-.025em; margin-bottom:1rem }
.form-tanitim-ozet { color:#C8D4E3!important; font-size:1.06rem; line-height:1.65; margin-bottom:1.6rem }
.form-adimlar { list-style:none; padding:0; margin:0 0 1.6rem; display:grid; gap:12px }
.form-adimlar li { display:flex; gap:14px; align-items:flex-start; background:#FFFFFF; border:1px solid var(--yy-cizgi); border-radius:16px; padding:14px 16px; color:var(--yy-gri); font-size:.93rem; line-height:1.5 }
.form-adimlar li > span { width:32px; height:32px; border-radius:10px; background:var(--yy-gok-acik); color:var(--yy-lacivert); font-weight:800; display:flex; align-items:center; justify-content:center; flex-shrink:0; font-size:.95rem }
.form-adimlar li strong { display:block; color:var(--yy-gece); font-size:1rem; margin-bottom:2px }
.form-tanitim-harita { border-radius:18px; overflow:hidden; border:1px solid var(--yy-cizgi); background:#FFFFFF; margin-bottom:14px }
.form-tanitim-harita img { width:100%; height:auto; display:block }
.form-tanitim-baglanti { display:inline-flex; align-items:center; gap:8px; color:var(--yy-gok-koyu)!important; font-weight:700; text-decoration:none!important }
.form-tanitim-baglanti:hover { color:var(--yy-lacivert)!important }
.form-tanitim-not { display:flex; gap:10px; align-items:flex-start; background:var(--yy-gok-acik); border:1px solid #BFE3F5; border-radius:14px; padding:12px 14px; color:#0F4C6B!important; font-size:.9rem; line-height:1.55; margin:0 0 14px }
.form-tanitim-not .bi { color:var(--yy-gok-koyu); margin-top:2px }
.form-tanitim-not a { color:var(--yy-lacivert)!important; font-weight:700 }

.form-kart { background:#FFFFFF; border:1px solid var(--yy-cizgi); border-radius:24px; box-shadow:0 24px 60px rgba(18,34,58,.12); padding:30px clamp(20px, 3vw, 36px) 28px }
.form-kart-ust { display:flex; gap:14px; align-items:center; margin-bottom:22px; padding-bottom:20px; border-bottom:1px solid var(--yy-cizgi) }
.form-kart-ust h2 { font-size:1.35rem; margin:0 0 2px }
.form-kart-ust p { margin:0; color:var(--yy-gri); font-size:.9rem }
.form-kart-ikon { width:48px; height:48px; border-radius:14px; background:var(--yy-gece); color:#FFFFFF; display:flex; align-items:center; justify-content:center; font-size:22px; flex-shrink:0 }
.form-alanlar { display:grid; gap:16px }
.form-izgara { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:16px }
.form-izgara[hidden] { display:none }
.form-alan { display:flex; flex-direction:column; gap:6px; min-width:0 }
.form-alan > label, .form-etiket { font-size:.86rem; font-weight:700; color:var(--yy-gece); margin:0 }
.form-istege { color:var(--yy-gri); font-weight:500 }
.form-alanlar input[type="text"], .form-alanlar input[type="email"], .form-alanlar input[type="tel"], .form-alanlar input[type="password"], .form-alanlar input[type="number"], .form-alanlar input[type="date"], .form-alanlar select, .form-alanlar textarea { height:50px; border:1px solid var(--yy-kenar); border-radius:12px; padding:0 14px; font-family:inherit; font-size:.98rem; color:var(--yy-metin); background-color:#FFFFFF; margin:0 }
.form-alanlar textarea { height:auto; padding:12px 14px; resize:vertical }
.form-alanlar select { padding-right:40px }
.form-alanlar input:focus, .form-alanlar select:focus, .form-alanlar textarea:focus { border-color:var(--yy-gok-buton); box-shadow:0 0 0 4px rgba(30,160,220,.15) }
.form-alanlar input::placeholder, .form-alanlar textarea::placeholder { color:#8593A5 }
.form-girdi { position:relative }
.form-girdi > .bi { position:absolute; left:15px; top:50%; transform:translateY(-50%); color:#7A8899; font-size:17px; pointer-events:none }
.form-girdi > input, .form-girdi > select { padding-left:44px!important; width:100% }
.form-rota { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:10px; align-items:end; background:var(--yy-zemin); border:1px solid var(--yy-cizgi); border-radius:16px; padding:14px }
.form-rota-ok { width:36px; height:36px; border-radius:50%; background:#FFFFFF; border:1px solid var(--yy-cizgi); color:var(--yy-gok-koyu); display:flex; align-items:center; justify-content:center; margin-bottom:7px }
.secim-grup { display:flex; gap:8px; flex-wrap:wrap }
.secim-grup input[type="radio"] { position:absolute; opacity:0; width:1px; height:1px; transform:none }
.secim-grup label { flex:1 1 auto; min-width:90px; display:inline-flex; align-items:center; justify-content:center; gap:8px; height:46px; padding:0 16px; border:1px solid var(--yy-kenar); border-radius:12px; font-weight:700; font-size:.94rem; color:var(--yy-lacivert); cursor:pointer; background:#FFFFFF; transition:all .15s; margin:0 }
.secim-grup label:hover { border-color:var(--yy-gok-buton) }
.secim-grup input:checked + label { background:var(--yy-gok-acik); border-color:var(--yy-gok-buton); color:var(--yy-gece); box-shadow:inset 0 0 0 1px var(--yy-gok-buton) }
.secim-grup input:focus-visible + label { box-shadow:0 0 0 4px rgba(30,160,220,.25) }
.form-gonder { height:54px; margin-top:4px; background:var(--yy-gok-buton)!important; border-color:var(--yy-gok-buton)!important }
.form-gonder:hover { background:var(--yy-gok-buton-2)!important; border-color:var(--yy-gok-buton-2)!important }
.form-yasal { margin:0; font-size:.83rem; color:var(--yy-gri); line-height:1.55; text-align:center }
.form-yasal a { color:var(--yy-gok-koyu)!important; font-weight:600 }
.form-grup-baslik { display:flex; align-items:center; gap:10px; margin:10px 0 -2px; font-weight:800; color:var(--yy-gece); font-size:1rem }
.form-grup-baslik:first-of-type { margin-top:0 }
.form-grup-baslik span { width:26px; height:26px; border-radius:8px; background:var(--yy-gece); color:#FFFFFF; font-size:.8rem; display:flex; align-items:center; justify-content:center }
.form-alt-baglanti { text-align:center; margin:18px 0 0; color:var(--yy-gri); font-size:.93rem }
.form-alt-baglanti a { color:var(--yy-gok-koyu); font-weight:700 }

.iletisim-kanallar { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px; margin-bottom:1.6rem }
.iletisim-kanal { display:flex; gap:12px; align-items:center; background:#FFFFFF; border:1px solid var(--yy-cizgi); border-radius:16px; padding:14px; text-decoration:none!important; transition:border-color .2s, transform .2s; min-width:0 }
.iletisim-kanal:hover { border-color:var(--yy-gok); transform:translateY(-2px) }
.iletisim-kanal > .bi { width:42px; height:42px; border-radius:12px; background:var(--yy-gece); color:#FFFFFF; display:flex; align-items:center; justify-content:center; font-size:18px; flex-shrink:0 }
.iletisim-kanal-wa > .bi { background:#128C4B }
.iletisim-kanal span { display:flex; flex-direction:column; color:var(--yy-gece); font-weight:700; font-size:.95rem; line-height:1.35; min-width:0; overflow-wrap:anywhere }
.iletisim-kanal small { color:var(--yy-gri); font-weight:600; font-size:.74rem; text-transform:uppercase; letter-spacing:.06em }

.rol-secici { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px; margin-bottom:22px }
.form-kart .rol-secici .tab-button { display:flex; align-items:center; gap:12px; text-align:left; padding:14px!important; border:1px solid var(--yy-kenar)!important; border-radius:16px!important; background:#FFFFFF!important; color:var(--yy-lacivert)!important; cursor:pointer; font-family:inherit; transition:all .15s }
.form-kart .rol-secici .tab-button > .bi { width:42px; height:42px; border-radius:12px; background:var(--yy-gok-acik); color:var(--yy-lacivert); display:flex; align-items:center; justify-content:center; font-size:20px; flex-shrink:0 }
.form-kart .rol-secici .tab-button span { display:flex; flex-direction:column; line-height:1.3 }
.form-kart .rol-secici .tab-button strong { font-size:1rem; color:var(--yy-gece) }
.form-kart .rol-secici .tab-button small { font-size:.8rem; color:var(--yy-gri); font-weight:500 }
.form-kart .rol-secici .tab-button.active { border-color:var(--yy-gok-buton)!important; background:var(--yy-gok-acik)!important; box-shadow:inset 0 0 0 1px var(--yy-gok-buton) }
.form-kart .rol-secici .tab-button.active > .bi { background:var(--yy-gece); color:#FFFFFF }
.form-kart .tabcontent { display:none; padding:0; border:0 }
.form-kart .tabcontent.active { display:block }
.kayit-tanitim[hidden] { display:none }
.kayit-gorsel { width:100%; height:auto; border-radius:18px; display:block; margin-top:6px }
.tik-liste-acik li { color:#E3EBF5 }
.tik-liste-acik li::before { background:rgba(23,121,76,.25); color:#7FD3A6 }

@media (max-width:991px) {
    .form-sayfa { grid-template-columns:minmax(0,1fr); gap:28px; padding-top:40px }
    .form-sayfa-zemin { background:var(--yy-zemin) }
    .form-tanitim { background:var(--yy-gece); border-radius:24px; padding:28px 22px }
    .form-tanitim-harita, .kayit-gorsel { display:none }
}
@media (max-width:575px) {
    .form-izgara, .iletisim-kanallar { grid-template-columns:minmax(0,1fr) }
    .form-rota { grid-template-columns:minmax(0,1fr) }
    .form-rota-ok { display:none }
    .rol-secici { grid-template-columns:minmax(0,1fr) }
    .form-sayfa { padding-top:24px }
    .form-kart { border-radius:20px }
}
/* Tanıtım sütunu her ekranda lacivert kart */
.form-sayfa-zemin { background:var(--yy-zemin) }
.form-tanitim { background:radial-gradient(circle at 85% 0%, rgba(30,160,220,.18), transparent 45%), var(--yy-gece); border-radius:26px; padding:36px 32px 32px }
.form-tanitim-not span, .form-istege, .form-adimlar li > div { font-size:inherit }
.form-istege { font-size:.84rem }
@media (max-width:575px) { .form-tanitim { padding:26px 20px } }
.uyg-popup-alt { display:flex; align-items:center; gap:18px; margin-top:14px; flex-wrap:wrap }
.uyg-popup-alt .uyg-popup-sonra { margin-top:0 }
.uyg-popup-yukledim { display:inline-flex; align-items:center; gap:6px; background:var(--yy-yesilAcik, #E6F4EC); color:var(--yy-yesil); border:1px solid #B9DFC9; border-radius:10px; padding:8px 14px; font-family:inherit; font-weight:700; font-size:.88rem; cursor:pointer }
.uyg-popup-yukledim:hover { background:#D6EEDF }
@media (max-width:640px) {
    .uyg-popup-gorsel { height:150px }
    .uyg-popup-dugmeler .uyg-magaza { flex:1 1 100%; justify-content:center }
    .uyg-popup-alt { justify-content:space-between }
    .uyg-popup-kutu { max-height:94dvh }
}

/* Popup şablonları: duyuru (tek sütun, görsel üstte) ve köşe kartı (sayfayı kapatmaz) */
.popup-acik .cerez-cubuk { display:none!important }
.uyg-popup-gorselsiz { grid-template-columns:minmax(0,1fr)!important; max-width:520px }
.uyg-dugme { background:var(--yy-gok-buton); padding:13px 20px; gap:10px }
.uyg-dugme:hover { background:var(--yy-gok-buton-2) }
.uyg-dugme span { font-size:.98rem }
.uyg-magaza-ikincil.uyg-dugme { background:#FFFFFF }
.uyg-popup--duyuru .uyg-popup-kutu { grid-template-columns:minmax(0,1fr); max-width:520px; text-align:center }
.uyg-popup--duyuru .uyg-popup-gorsel { padding:0; background:var(--yy-gece); max-height:240px; overflow:hidden }
.uyg-popup--duyuru .uyg-popup-gorsel img { max-width:none; width:100%; height:240px; object-fit:cover }
.uyg-popup--duyuru .uyg-popup-liste { text-align:left; max-width:380px; margin-left:auto; margin-right:auto }
.uyg-popup--duyuru .uyg-popup-dugmeler, .uyg-popup--duyuru .uyg-popup-alt { justify-content:center }
.uyg-popup--kose { inset:auto 20px 20px auto; padding:0; width:min(380px, calc(100vw - 32px)); z-index:1150 }
.uyg-popup--kose .uyg-popup-kutu { grid-template-columns:minmax(0,1fr); border-radius:20px; box-shadow:0 20px 50px rgba(10,20,36,.28); border:1px solid var(--yy-cizgi) }
.uyg-popup--kose .uyg-popup-gorsel { padding:0; max-height:150px; overflow:hidden }
.uyg-popup--kose .uyg-popup-gorsel img { max-width:none; width:100%; height:150px; object-fit:cover }
.uyg-popup--kose .uyg-popup-icerik { padding:20px 20px 18px }
.uyg-popup--kose .uyg-popup-icerik h2 { font-size:1.25rem; padding-right:28px }
.uyg-popup--kose .uyg-popup-kapat { width:34px; height:34px; top:10px; right:10px; font-size:14px; background:var(--yy-zemin) }
.uyg-popup--kose .uyg-popup-metin { font-size:.92rem }
@media (max-width:640px) {
    .uyg-popup--kose { inset:auto 12px 12px 12px; width:auto }
    .uyg-popup--kose .uyg-popup-kutu { border-radius:18px; transform:translateY(30px) }
    .uyg-popup--duyuru .uyg-popup-gorsel img { height:170px }
}