/* ============================================================
   Vizametre — ortak site tasarımı (v2). Tüm sayfalarda aynı
   üst bar + menü + footer + Plus Jakarta Sans.
   style.css'ten SONRA yüklenir, gerekli yerleri ezer.
   ============================================================ */
:root{
  --navy:#0B1437;--blue:#1B4DD8;--blue2:#3D6CF2;
  --gold-2:#E8B85A;--gold-soft:#F7EBD3;--tint:#EAF0FF;--line:#E3E9F3;
}
body{font-family:'Plus Jakarta Sans','Inter',system-ui,sans-serif}
.wrap{max-width:1140px;padding:0 24px}

/* v2 buton renkleri (chrome + ana sayfa) */
.btn-blue{background:var(--blue);color:#fff;box-shadow:0 12px 26px -10px rgba(27,77,216,.7)}
.btn-blue:hover{background:#1657c4;color:#fff}
.btn-out{background:#fff;border:1.5px solid var(--line);color:var(--navy)}
.btn-gold{background:var(--gold);color:#2a1d05}
.btn-white{background:#fff;color:var(--navy)}
.btn-ghost-w{background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.28);color:#fff}

/* ---------- ÜST BAR ---------- */
.site-top{background:var(--navy);color:#aab3cc;font-size:12.5px;font-weight:500}
.site-top .in{max-width:1140px;margin:0 auto;padding:9px 24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.site-top .l{display:flex;gap:22px;flex-wrap:wrap}
.site-top .l span{display:flex;align-items:center;gap:7px}
.site-top .r{display:flex;gap:13px;align-items:center}
.site-top .r a{color:#aab3cc;display:flex}.site-top .r a:hover{color:#fff}

/* ---------- MENÜ ---------- */
.site-nav{background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.site-nav .in{max-width:1140px;margin:0 auto;padding:13px 24px;display:flex;align-items:center;gap:16px}
.site-nav .logo img{height:var(--logo-h,40px);width:auto;display:block;max-width:62vw;object-fit:contain}
.site-nav .links{display:flex;gap:17px;margin-left:14px;font-size:14px;font-weight:600;flex-wrap:wrap}
.site-nav .links a{text-decoration:none;color:#3a455f;position:relative;padding:3px 0}
.site-nav .links a:hover{color:var(--blue)}
.site-nav .links a.on{color:var(--blue)}
.site-nav .links a.on::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:2px;background:var(--gold)}
.site-nav .act{margin-left:auto;display:flex;gap:9px;align-items:center;flex-shrink:0}
.site-nav .act .btn{padding:10px 18px;font-size:14px;border-radius:11px}
.site-burger{display:none;margin-left:auto;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px;width:42px;height:38px;justify-content:center;align-items:center;border-radius:9px}
.site-burger span{display:block;width:22px;height:2px;background:var(--navy);border-radius:2px;transition:.25s}
.site-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.site-burger.open span:nth-child(2){opacity:0}
.site-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:920px){
  .site-burger{display:flex}
  .site-nav .links,.site-nav .act{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:4px;background:#fff;border-bottom:1px solid var(--line);padding:10px 18px;margin:0;max-height:0;overflow:hidden;opacity:0;pointer-events:none;transition:.25s}
  .site-nav .act{top:calc(100% + 0px)}
  .site-nav.open .links,.site-nav.open .act{max-height:70vh;opacity:1;pointer-events:auto;padding:10px 18px}
  .site-nav.open .act{padding-top:0;padding-bottom:14px}
  .site-nav .act .btn{text-align:center;justify-content:center}
  .site-nav .in{flex-wrap:wrap;position:relative}
}

/* ---------- FOOTER ---------- */
.site-foot{background:var(--navy);color:#9fa9c4;padding:54px 0 0;margin-top:54px}
.site-foot .cols{display:flex;gap:30px;flex-wrap:wrap}
.site-foot .brand{flex:1.5;min-width:240px}
.site-foot .brand img{height:38px;margin-bottom:15px}
.site-foot .brand p{font-size:13.5px;line-height:1.65;max-width:32ch;color:#9fa9c4}
.site-foot .socs{display:flex;gap:9px;margin-top:18px}
.site-foot .socs a{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;color:#fff}
.site-foot .col{flex:1;min-width:150px}.site-foot .col.ct{flex:1.2}
.site-foot h4{color:#fff;font-size:14px;font-weight:700;margin-bottom:16px}
.site-foot .col a{display:block;color:#9fa9c4;text-decoration:none;font-size:13.5px;padding:5px 0;margin:0}
.site-foot .col a:hover{color:#fff}
.site-foot .ct div{display:flex;gap:10px;padding:6px 0;font-size:13.5px;line-height:1.45}
.site-foot .ct svg{color:var(--gold-2);flex:0 0 auto;margin-top:2px}
.site-foot .bottom{border-top:1px solid rgba(255,255,255,.09);margin-top:42px;padding:20px 0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:13px;align-items:center}
.site-foot .bottom a{color:#9fa9c4;text-decoration:none;margin-left:16px}
.site-foot .bottom a:hover{color:#fff}
.site-foot .langsw{display:inline-flex;border:1px solid rgba(255,255,255,.2);border-radius:9px;overflow:hidden;margin-left:14px}
.site-foot .langsw a{padding:5px 11px;font-size:12px;font-weight:700;text-decoration:none;color:#9fa9c4;margin:0}
.site-foot .langsw a.on{background:var(--blue);color:#fff}
.wa{position:fixed;right:22px;bottom:22px;width:54px;height:54px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 30px -8px rgba(37,211,102,.7);z-index:90}

/* ============================================================
   ANA SAYFA (body.home) — landing bölümleri
   ============================================================ */
.home .eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--blue);background:none;padding:0}
.home .eyebrow::before{content:"";width:22px;height:2px;background:var(--gold)}
.home .btn{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:15px;padding:14px 26px;border-radius:13px;letter-spacing:-.01em}
.home .center{display:flex;justify-content:center}
.home .hero{background:radial-gradient(60% 70% at 88% 12%,#eef3ff 0,rgba(238,243,255,0) 60%),linear-gradient(180deg,#fff,#f7faff);border-radius:0;color:var(--navy);padding:0}
.home .hero .in{max-width:1140px;margin:0 auto;padding:54px 24px 64px;display:flex;gap:40px;align-items:center}
.home .hero .l{flex:1.04}.home .hero .r{flex:1}
.home .hero h1{font-family:'Plus Jakarta Sans',sans-serif;font-size:52px;line-height:1.05;font-weight:800;letter-spacing:-1.8px;color:var(--navy);max-width:none}
.home .hero h1 .b{color:var(--blue)}
.home .hero .lead{color:#46506b;font-size:17px;line-height:1.62;max-width:46ch;margin:22px 0 28px}
.home .hero .cta{display:flex;gap:13px;margin-bottom:28px;flex-wrap:wrap}.home .hero .cta .btn{padding:15px 30px;font-size:15.5px}
.home .hero .trust{display:flex;gap:10px 26px;flex-wrap:wrap;color:#3a455f;font-size:13.5px;font-weight:600}
.home .hero .trust span{display:flex;align-items:center;gap:8px}.home .hero .trust svg{color:var(--gold)}
.home .heroframe{position:relative}
.home .heroframe .pass{position:relative;border-radius:22px;overflow:hidden;box-shadow:0 40px 80px -30px rgba(11,20,55,.45);border:1px solid #eef}
.home .heroframe .pass img{width:100%;display:block}
.home .heroframe .corner{position:absolute;top:14px;right:14px;background:rgba(11,20,55,.7);color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.12em;padding:6px 11px;border-radius:8px;text-transform:uppercase}
.home .meter{position:absolute;left:-18px;bottom:-22px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 18px 14px;box-shadow:0 26px 50px -18px rgba(11,20,55,.4);width:226px}
.home .meter .lbl{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#5B6680;margin-bottom:2px}
.home .meter svg{display:block;margin:2px auto -6px}
.home .meter .res{text-align:center;font-weight:800;font-size:18px;color:var(--navy)}
.home .meter .res small{display:block;font-size:11px;font-weight:600;color:var(--blue);margin-top:1px}
.home .strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.home .strip .in{max-width:1140px;margin:0 auto;padding:22px 24px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
.home .strip .it{display:flex;align-items:center;gap:13px}
.home .strip .n{font-size:26px;font-weight:800;color:var(--navy);letter-spacing:-1px}.home .strip .n b{color:var(--gold)}
.home .strip .t{font-size:12.5px;color:#5B6680;font-weight:600}.home .strip .vline{width:1px;background:var(--line)}
.home .sec{padding:74px 0}.home .sec.alt{background:#F5F8FD}
.home .sec-head{max-width:640px;margin:0 auto 44px;text-align:center}
.home .sec-head h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:34px;font-weight:800;letter-spacing:-1.2px;color:var(--navy);margin:12px 0 10px;text-transform:none}
.home .sec-head p{color:#5B6680;font-size:16px;line-height:1.55}
.home .svcs{display:flex;flex-wrap:wrap;gap:18px}
.home .svc{width:calc(33.333% - 12px);background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 24px;transition:.2s}
.home .svc:hover{border-color:#cdd9f5;box-shadow:0 24px 50px -28px rgba(11,20,55,.35);transform:translateY(-3px)}
.home .svc .ic{width:52px;height:52px;border-radius:14px;background:var(--tint);display:flex;align-items:center;justify-content:center;color:var(--blue);margin-bottom:16px}
.home .svc.feat{background:linear-gradient(165deg,#0e1a44,#0b1437);color:#fff;border-color:transparent}
.home .svc.feat .ic{background:rgba(255,255,255,.1);color:var(--gold-2)}.home .svc.feat p{color:#aeb9d6}.home .svc.feat a{color:var(--gold-2)}
.home .svc h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:18px;font-weight:700;letter-spacing:-.4px;margin-bottom:8px;color:inherit;text-transform:none}
.home .svc p{color:#5B6680;font-size:14px;line-height:1.55;margin-bottom:16px}
.home .svc a{color:var(--blue);font-weight:700;font-size:14px;text-decoration:none}
.home .why{display:flex;gap:48px;align-items:center}.home .why>div:first-child{flex:1}.home .why .revs{flex:1.05}
.home .why h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:33px;font-weight:800;letter-spacing:-1.2px;color:var(--navy);margin:12px 0 14px}
.home .why .s{color:#5B6680;font-size:15.5px;line-height:1.62;margin-bottom:24px}
.home .why ul{list-style:none;margin-bottom:26px;padding:0}
.home .why li{display:flex;align-items:center;gap:12px;padding:9px 0;font-size:15.5px;font-weight:600;color:#27324d}
.home .why li .ck{width:26px;height:26px;border-radius:8px;background:var(--gold-soft);color:var(--gold);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.home .revs{display:flex;flex-direction:column;gap:14px}
.home .rev{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 16px 36px -26px rgba(11,20,55,.4)}
.home .rev:nth-child(2){margin-left:30px}
.home .rev .top{display:flex;align-items:center;gap:11px;margin-bottom:9px}
.home .rev .av{width:38px;height:38px;border-radius:11px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px}
.home .rev .nm{font-weight:700;font-size:14px}.home .rev .st{color:var(--gold);font-size:12px;letter-spacing:2px}
.home .rev p{font-size:13.5px;color:#46506b;line-height:1.55}
.home .steps{display:flex;gap:14px;position:relative}.home .step{flex:1;text-align:center;position:relative}
.home .steps::before{content:"";position:absolute;top:25px;left:9%;right:9%;height:2px;background:repeating-linear-gradient(90deg,var(--gold) 0 8px,transparent 8px 16px)}
.home .step .num{width:52px;height:52px;border-radius:15px;background:#fff;border:2px solid var(--blue);color:var(--blue);font-weight:800;font-size:19px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;position:relative;z-index:1}
.home .step:first-child .num,.home .step:last-child .num{background:var(--blue);color:#fff}
.home .step h4{font-family:'Plus Jakarta Sans',sans-serif;font-size:16px;font-weight:700;letter-spacing:-.3px;margin-bottom:7px;color:var(--navy)}
.home .step p{color:#5B6680;font-size:13px;line-height:1.5;padding:0 6px}
.home .ctab{position:relative;border-radius:26px;overflow:hidden;background:radial-gradient(120% 150% at 88% -20%,#16245f,#0b1437);color:#fff;padding:46px 50px;display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.home .ctab::after{content:"";position:absolute;right:-40px;top:-40px;width:240px;height:240px;border-radius:50%;border:30px solid rgba(216,155,54,.14)}
.home .ctab .t{flex:1;min-width:280px;position:relative;z-index:1}
.home .ctab h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:30px;font-weight:800;letter-spacing:-1px;margin-bottom:10px}
.home .ctab p{color:#c0c9e2;font-size:15.5px;max-width:48ch}
.home .ctab .b{display:flex;gap:12px;position:relative;z-index:1;flex-wrap:wrap}
.home .blogs{display:flex;flex-wrap:wrap;gap:18px}
.home .blog{width:calc(25% - 14px);background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:.2s;text-decoration:none;color:inherit}
.home .blog:hover{box-shadow:0 24px 50px -30px rgba(11,20,55,.4);transform:translateY(-3px)}
.home .blog .img{height:144px;background:linear-gradient(135deg,#dde7f7,#eef3fc);position:relative}
.home .blog .img img{width:100%;height:100%;object-fit:cover}
.home .blog .img .tag{position:absolute;top:12px;left:12px;background:#fff;color:var(--blue);font-size:11px;font-weight:800;padding:5px 11px;border-radius:20px}
.home .blog .bd{padding:18px;display:flex;flex-direction:column;flex:1}
.home .blog h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:15.5px;font-weight:700;letter-spacing:-.3px;color:var(--navy);line-height:1.32;margin-bottom:9px}
.home .blog p{color:#5B6680;font-size:13px;line-height:1.5;margin-bottom:14px;flex:1}
.home .blog .more{color:var(--blue);font-weight:700;font-size:13.5px}
@media(max-width:980px){
 .home .hero .in{flex-direction:column}.home .svc{width:100%}.home .blog{width:calc(50% - 9px)}
 .home .why{flex-direction:column}.home .steps{flex-wrap:wrap}.home .step{flex:1 1 40%}
}
@media(max-width:560px){.home .blog{width:100%}.home .hero h1{font-size:38px}}

/* ---------- Tema düğmesi + Dark mode ---------- */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:11px;border:1.5px solid var(--line);background:#fff;color:var(--navy);cursor:pointer}
.theme-toggle:hover{border-color:#cdd9f5}
.theme-toggle .i-sun{display:none}.theme-toggle .i-moon{display:block}
html.dark .theme-toggle{background:#10182f;border-color:#26324f;color:#e8edf7}
html.dark .theme-toggle .i-sun{display:block}html.dark .theme-toggle .i-moon{display:none}
@media(max-width:920px){.site-nav .act .theme-toggle{align-self:flex-start;margin-bottom:6px}}

html.dark{color-scheme:dark}
html.dark body{background:#0a1120;color:#cfd7e6}
html.dark .site-nav{background:rgba(13,20,38,.92);border-bottom-color:#1d2945}
html.dark .site-nav .links a{color:#aeb8d0}
html.dark .site-nav .links a:hover,html.dark .site-nav .links a.on{color:#7aa2ff}
html.dark .btn-out{background:#10182f;border-color:#26324f;color:#e8edf7}
html.dark .wrap .card,html.dark .card{background:#0f1830;border-color:#1f2c4a;color:#cfd7e6}
html.dark .section-head h2{color:#eef2fb}
html.dark .calc2{--c-bg:#0a1120;--c-card:#0f1830;--c-line:#1f2c4a;--c-ink:#eef2fb;--c-sub:#9fb0d0;--c-soft:#10182f;--c-tint:#13203f}

/* ============================================================
   CALC2 — Hesaplama sayfaları ortak premium tasarımı
   (hesapla.php = cascade, kalis-hesapla.php = 90/180)
   ============================================================ */
.calc2{--c-bg:#F4F7FC;--c-card:#fff;--c-line:#E5EBF4;--c-ink:#0B1437;--c-sub:#5B6680;--c-soft:#F4F7FC;--c-tint:#EAF0FF;--c-blue:#1B4DD8;--c-green:#12895A;--c-greenbg:#E7F5EE;--c-greenln:#bfe6d3;--c-amber:#B9700F;--c-rad:18px}
.calc2{background:var(--c-bg)}
.calc2 .wrap{max-width:1180px}
.calc2 .c-hero{padding:42px 0 18px}
.calc2 .c-herog{display:flex;align-items:center;gap:40px}
.calc2 .c-herog .l{flex:1.15}.calc2 .c-herog .r{flex:.95;display:flex;justify-content:flex-end}
.calc2 h1.c-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:46px;line-height:1.05;font-weight:800;letter-spacing:-1.6px;color:var(--c-ink);margin:0 0 14px}
.calc2 .c-lead{color:var(--c-sub);font-size:16.5px;line-height:1.6;max-width:46ch;margin:0 0 22px}
.calc2 .c-pills{display:flex;gap:26px;flex-wrap:wrap}
.calc2 .c-pill{display:flex;align-items:center;gap:11px;font-size:13.5px;font-weight:600;color:#33405c;max-width:200px}
.calc2 .c-pill .pic{width:40px;height:40px;border-radius:11px;background:var(--c-tint);color:var(--c-blue);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.calc2 .c-illus{width:100%;max-width:420px}
.calc2 .c-main{display:grid;grid-template-columns:1.08fr .92fr;gap:22px;margin-top:14px}
.calc2 .c-card{background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--c-rad);padding:26px;box-shadow:0 18px 44px -34px rgba(11,20,55,.4)}
.calc2 .c-card+.c-card{margin-top:18px}
.calc2 .c-card h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;font-weight:800;letter-spacing:-.5px;color:var(--c-ink);margin:0 0 18px}
.calc2 .c-lab{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--c-ink);margin:0 0 8px}
.calc2 .c-lab .i{width:15px;height:15px;border-radius:50%;border:1.4px solid #aab4c8;color:#8893ab;font-size:10px;display:inline-flex;align-items:center;justify-content:center;font-weight:700}
.calc2 .c-fld{margin-bottom:16px}
.calc2 .c-fld input,.calc2 .c-fld select{width:100%;padding:13px 14px;border:1.5px solid var(--c-line);border-radius:12px;background:var(--c-card);color:var(--c-ink);font:inherit;font-size:14.5px}
.calc2 .c-fld input:focus,.calc2 .c-fld select:focus{outline:none;border-color:var(--c-blue);box-shadow:0 0 0 3px rgba(27,77,216,.12)}
.calc2 .c-row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.calc2 .c-seg{display:flex;gap:8px;background:var(--c-soft);border:1px solid var(--c-line);border-radius:13px;padding:5px;margin-bottom:16px}
.calc2 .c-seg button{flex:1;border:none;background:none;padding:11px;border-radius:9px;font:inherit;font-size:14px;font-weight:700;color:var(--c-sub);cursor:pointer}
.calc2 .c-seg button.on{background:var(--c-blue);color:#fff;box-shadow:0 8px 18px -8px rgba(27,77,216,.6)}
.calc2 .c-info{display:flex;gap:11px;background:var(--c-tint);border:1px solid #d7e2fb;border-radius:12px;padding:13px 15px;font-size:13px;color:#33405c;line-height:1.5;margin-bottom:16px}
.calc2 .c-info svg{color:var(--c-blue);flex:0 0 auto;margin-top:1px}
.calc2 .c-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;border-radius:12px;font:inherit;font-size:14.5px;font-weight:700;cursor:pointer;border:1.5px solid transparent;text-decoration:none}
.calc2 .c-btn-blue{background:var(--c-blue);color:#fff;box-shadow:0 14px 28px -12px rgba(27,77,216,.7)}
.calc2 .c-btn-blue:hover{background:#1657c4}
.calc2 .c-btn-out{background:var(--c-card);border-color:var(--c-line);color:var(--c-ink)}
.calc2 .c-btn-out:hover{border-color:#cdd9f5}
.calc2 h3.c-sub{font-size:14px;font-weight:800;color:var(--c-ink);margin:22px 0 12px}
.calc2 .c-trip{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--c-line);border-radius:12px;margin-bottom:9px;background:var(--c-card)}
.calc2 .c-trip .fl{font-size:20px;line-height:1}
.calc2 .c-trip .nm{font-weight:700;font-size:14px;color:var(--c-ink);min-width:84px}
.calc2 .c-trip .dt{color:var(--c-sub);font-size:13px;flex:1}
.calc2 .c-trip .bd{background:var(--c-greenbg);color:var(--c-green);font-size:12px;font-weight:800;padding:5px 11px;border-radius:20px;white-space:nowrap}
.calc2 .c-trip .del{background:none;border:none;color:#aab4c8;cursor:pointer;padding:4px}.calc2 .c-trip .del:hover{color:#d23}
.calc2 .c-empty{color:var(--c-sub);font-size:13.5px;padding:14px 0}
/* sonuç */
.calc2 .c-result .top{text-align:center;padding:6px 0 18px}
.calc2 .c-check{width:46px;height:46px;border-radius:50%;background:var(--c-greenbg);color:var(--c-green);display:flex;align-items:center;justify-content:center;margin:0 auto 12px}
.calc2 .c-rlbl{font-size:13.5px;font-weight:600;color:var(--c-sub)}
.calc2 .c-rbig{font-family:'Plus Jakarta Sans',sans-serif;font-size:44px;font-weight:800;letter-spacing:-1.4px;color:var(--c-green);line-height:1.05;margin:4px 0 3px}
.calc2 .c-rbig.amber{color:var(--c-amber)}.calc2 .c-rbig.blue{color:var(--c-blue)}
.calc2 .c-rsub{font-size:13.5px;color:var(--c-sub)}
.calc2 .c-hr{border:none;border-top:1px solid var(--c-line);margin:4px 0 16px}
.calc2 .c-line{display:flex;justify-content:space-between;align-items:center;font-size:13.5px;color:var(--c-sub);margin-bottom:16px}
.calc2 .c-line b{color:var(--c-ink);font-size:15px}
.calc2 .c-barw{margin-bottom:16px}
.calc2 .c-barh{display:flex;justify-content:space-between;font-size:12.5px;color:var(--c-sub);margin-bottom:7px}
.calc2 .c-bar{height:9px;border-radius:6px;background:var(--c-soft);overflow:hidden}
.calc2 .c-bar span{display:block;height:100%;border-radius:6px;width:0;transition:width .4s}
.calc2 .c-bar span.blue{background:var(--c-blue)}.calc2 .c-bar span.green{background:var(--c-green)}.calc2 .c-bar span.amber{background:var(--c-amber)}.calc2 .c-bar span.red{background:#c62828}
.calc2 .c-okbox{display:flex;gap:11px;background:var(--c-greenbg);border:1px solid var(--c-greenln);border-radius:13px;padding:15px}
.calc2 .c-okbox.warn{background:#fdf3e3;border-color:#f0d9ad}.calc2 .c-okbox.bad{background:#fdeceb;border-color:#f3c9c6}
.calc2 .c-okbox svg{color:var(--c-green);flex:0 0 auto}.calc2 .c-okbox.warn svg{color:var(--c-amber)}.calc2 .c-okbox.bad svg{color:#c62828}
.calc2 .c-okbox b{display:block;font-size:14px;color:var(--c-ink);margin-bottom:3px}
.calc2 .c-okbox p{margin:0;font-size:13px;color:var(--c-sub);line-height:1.5}
/* bilgi kartı */
.calc2 .c-infocard{display:flex;gap:14px}
.calc2 .c-infocard .ic{width:42px;height:42px;border-radius:12px;background:var(--c-tint);color:var(--c-blue);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.calc2 .c-infocard h3{font-size:15px;font-weight:800;color:var(--c-ink);margin:2px 0 7px}
.calc2 .c-infocard p{font-size:13px;color:var(--c-sub);line-height:1.55;margin:0 0 9px}
.calc2 .c-infocard a{color:var(--c-blue);font-weight:700;font-size:13.5px;text-decoration:none}
/* kademe merdiveni (cascade) */
.calc2 .c-ladder{display:flex;flex-direction:column;gap:8px}
.calc2 .c-rung{display:flex;align-items:center;gap:12px;padding:11px 14px;border:1px solid var(--c-line);border-radius:12px;font-size:13.5px;color:var(--c-sub)}
.calc2 .c-rung .d{width:24px;height:24px;border-radius:7px;background:var(--c-soft);color:var(--c-sub);font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.calc2 .c-rung.on{border-color:var(--c-blue);background:var(--c-tint);color:var(--c-ink);font-weight:700}
.calc2 .c-rung.on .d{background:var(--c-blue);color:#fff}
.calc2 .c-rung.done{color:var(--c-ink)}.calc2 .c-rung.done .d{background:var(--c-green);color:#fff}
/* takvim */
.calc2 .c-cal h2{margin-bottom:6px}
.calc2 .c-months{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;margin:18px 0 6px}
.calc2 .c-mon h4{text-align:center;font-size:12.5px;font-weight:800;color:var(--c-ink);margin:0 0 8px}
.calc2 .c-mg{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.calc2 .c-mg .dh{font-size:9px;color:#9aa4ba;text-align:center;font-weight:700}
.calc2 .c-mg .dd{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:10.5px;color:var(--c-sub);border-radius:5px}
.calc2 .c-mg .dd.stay{background:var(--c-green);color:#fff;font-weight:700}
.calc2 .c-mg .dd.out{color:#c2cad8}
.calc2 .c-mg .dd.today{outline:2px solid var(--c-blue);color:var(--c-ink);font-weight:800}
.calc2 .c-legend{display:flex;gap:24px;flex-wrap:wrap;justify-content:center;margin-top:14px;font-size:12.5px;color:var(--c-sub)}
.calc2 .c-legend span{display:flex;align-items:center;gap:7px}
.calc2 .c-legend i{width:11px;height:11px;border-radius:50%}
/* önemli not */
.calc2 .c-imp{display:flex;align-items:center;gap:16px;background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--c-rad);padding:20px 24px;margin-top:20px;flex-wrap:wrap}
.calc2 .c-imp .ic{width:42px;height:42px;border-radius:12px;background:var(--c-tint);color:var(--c-blue);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.calc2 .c-imp .tx{flex:1;min-width:240px}.calc2 .c-imp b{font-size:14px;color:var(--c-ink)}.calc2 .c-imp p{margin:3px 0 0;font-size:13px;color:var(--c-sub);line-height:1.5}
.calc2 .c-imp .c-btn{width:auto;white-space:nowrap}
@media(max-width:920px){.calc2 .c-main{grid-template-columns:1fr}.calc2 .c-herog{flex-direction:column}.calc2 .c-illus{max-width:300px}.calc2 .c-months{grid-template-columns:repeat(3,1fr)}.calc2 h1.c-title{font-size:36px}}
@media(max-width:560px){.calc2 .c-months{grid-template-columns:repeat(2,1fr)}.calc2 .c-row2{grid-template-columns:1fr}}

/* ============================================================
   ÜLKELER SAYFASI (ctrypage) — Image 2 tasarımı
   ============================================================ */
.ctrypage{--c-bg:#F4F7FC;--c-card:#fff;--c-line:#E5EBF4;--c-ink:#0B1437;--c-sub:#5B6680;--c-soft:#F4F7FC;--c-tint:#EAF0FF;--c-blue:#1B4DD8;--c-green:#12895A;--c-rad:16px}
.ctrypage{background:var(--c-bg)}
.ctrypage .wrap{max-width:1280px}
.cp-hero{padding:34px 0 8px;position:relative;overflow:hidden}
.cp-herog{display:flex;align-items:center;gap:30px}
.cp-herog .l{flex:1.1;position:relative;z-index:2}.cp-herog .r{flex:1;display:flex;justify-content:flex-end}
.cp-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:48px;font-weight:800;letter-spacing:-1.8px;color:var(--c-ink);margin:0 0 12px}
.cp-lead{color:var(--c-sub);font-size:16px;line-height:1.6;max-width:48ch;margin:0}
.cp-map{width:100%;max-width:460px;opacity:.95}
.cp-bar{display:flex;gap:14px;align-items:center;margin:18px 0 22px;flex-wrap:wrap}
.cp-search{flex:1;min-width:240px;position:relative}
.cp-search svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9aa6bf}
.cp-search input{width:100%;padding:14px 16px 14px 44px;border:1.5px solid var(--c-line);border-radius:13px;background:var(--c-card);color:var(--c-ink);font:inherit;font-size:14.5px}
.cp-search input:focus{outline:none;border-color:var(--c-blue);box-shadow:0 0 0 3px rgba(27,77,216,.12)}
.cp-sort{display:flex;align-items:center;gap:9px;color:var(--c-sub);font-size:13.5px}
.cp-sort select{padding:12px 14px;border:1.5px solid var(--c-line);border-radius:11px;background:var(--c-card);color:var(--c-ink);font:inherit;font-size:14px}
.cp-layout{display:grid;grid-template-columns:248px 1fr;gap:22px;align-items:start;padding-bottom:30px}
.cp-side{display:flex;flex-direction:column;gap:16px;position:sticky;top:84px}
.cp-scard{background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--c-rad);padding:18px}
.cp-scard h4{font-family:'Plus Jakarta Sans',sans-serif;font-size:15px;font-weight:800;color:var(--c-ink);margin:0 0 14px}
.cp-reg{display:flex;flex-direction:column;gap:3px}
.cp-reg button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:none;padding:10px 12px;border-radius:10px;font:inherit;font-size:13.5px;font-weight:600;color:var(--c-sub);cursor:pointer}
.cp-reg button svg{color:#9aa6bf}
.cp-reg button:hover{background:var(--c-soft)}
.cp-reg button.on{background:var(--c-tint);color:var(--c-blue)}.cp-reg button.on svg{color:var(--c-blue)}
.cp-vt label{display:flex;align-items:center;gap:10px;padding:9px 4px;font-size:13.5px;font-weight:600;color:var(--c-ink);cursor:pointer}
.cp-vt input{width:17px;height:17px;accent-color:var(--c-blue)}
.cp-vt .cnt{margin-left:auto;background:var(--c-soft);color:var(--c-sub);font-size:12px;font-weight:700;padding:2px 9px;border-radius:20px}
.cp-help{background:linear-gradient(165deg,#0e1a44,#0b1437);color:#fff;border-radius:var(--c-rad);padding:20px;text-align:left}
.cp-help .hic{width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.1);color:var(--c-tint);display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.cp-help b{font-size:14px;display:block;margin-bottom:4px}.cp-help p{font-size:12.5px;color:#aeb9d6;line-height:1.5;margin:0 0 14px}
.cp-help a{display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:var(--c-ink);border-radius:10px;padding:11px;font-weight:700;font-size:13.5px;text-decoration:none}
.cp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
.cp-card{background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--c-rad);padding:18px;display:flex;flex-direction:column;transition:.18s}
.cp-card:hover{box-shadow:0 22px 46px -30px rgba(11,20,55,.4);transform:translateY(-3px);border-color:#cdd9f5}
.cp-card .top{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.cp-flag{width:42px;height:30px;border-radius:6px;overflow:hidden;font-size:26px;line-height:30px;text-align:center;background:var(--c-soft);flex:0 0 auto}
.cp-flag img{width:100%;height:100%;object-fit:cover;display:block}
.cp-name{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:15.5px;color:var(--c-ink);line-height:1.2}
.cp-type{font-size:12px;color:var(--c-sub);margin-top:2px}
.cp-dur{border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line);padding:13px 0;margin-bottom:14px;text-align:center}
.cp-dur .dl{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;color:var(--c-sub);margin-bottom:5px}
.cp-dur .dv{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:16px;color:var(--c-ink)}
.cp-actions{display:flex;align-items:center;gap:10px;margin-top:auto}
.cp-actions .det{color:var(--c-blue);font-weight:700;font-size:13.5px;text-decoration:none}
.cp-actions .ev{margin-left:auto;background:var(--c-blue);color:#fff;font-weight:700;font-size:13px;padding:9px 14px;border-radius:10px;text-decoration:none;white-space:nowrap}
.cp-actions .ev:hover{background:#1657c4}
.cp-empty{grid-column:1/-1;text-align:center;color:var(--c-sub);padding:40px;font-size:14.5px}
.cp-page{display:flex;justify-content:center;gap:8px;margin-top:24px}
.cp-page button{min-width:40px;height:40px;border-radius:10px;border:1.5px solid var(--c-line);background:var(--c-card);color:var(--c-ink);font:inherit;font-weight:700;font-size:13.5px;cursor:pointer}
.cp-page button.on{background:var(--c-blue);color:#fff;border-color:var(--c-blue)}
.cp-page button:disabled{opacity:.4;cursor:default}
.cp-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:26px 0 36px}
.cp-feat{background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--c-rad);padding:20px;display:flex;gap:14px;align-items:flex-start}
.cp-feat .fic{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.cp-feat.b .fic{background:var(--c-tint);color:var(--c-blue)}.cp-feat.g .fic{background:#E7F5EE;color:var(--c-green)}.cp-feat.p .fic{background:#efe9fb;color:#6d3fd1}
.cp-feat b{font-size:14.5px;color:var(--c-ink);display:block;margin-bottom:5px}.cp-feat p{margin:0;font-size:13px;color:var(--c-sub);line-height:1.5}
@media(max-width:980px){.cp-layout{grid-template-columns:1fr}.cp-side{position:static;flex-direction:row;flex-wrap:wrap}.cp-scard{flex:1;min-width:220px}.cp-herog{flex-direction:column}.cp-feats{grid-template-columns:1fr}}
@media(max-width:560px){.cp-title{font-size:34px}}
/* dark */
html.dark .ctrypage{--c-bg:#0a1120;--c-card:#0f1830;--c-line:#1f2c4a;--c-ink:#eef2fb;--c-sub:#9fb0d0;--c-soft:#10182f;--c-tint:#13203f}
