/* TurboWiFi · tanıtım ve üyelik sitesi */
:root{
  --lacivert:#0b1730; --lacivert-2:#122544; --mavi:#2f6bff; --mavi-acik:#e8f0ff;
  --turkuaz:#12c2b4; --altin:#f5a623; --metin:#10192c; --soluk:#5b6880; --cizgi:#e4e9f2;
  --zemin:#ffffff; --zemin-2:#f6f8fc; --iyi:#12a05c; --kotu:#d14343;
  --r:16px; --r-k:10px;
  --serif:"Georgia","Times New Roman",serif;
  --govde:"Segoe UI",system-ui,-apple-system,sans-serif;
  --mono:ui-monospace,"Cascadia Mono",Consolas,monospace;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:var(--govde);color:var(--metin);background:var(--zemin);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%}
h1,h2,h3{margin:0;font-weight:800;letter-spacing:-.02em;line-height:1.15}
h1{font-size:clamp(30px,4.6vw,54px)}
h2{font-size:clamp(24px,3vw,34px)}
h3{font-size:19px}
p{margin:0 0 14px}
.kap{max-width:1180px;margin:0 auto;padding:0 22px}
.mono{font-family:var(--mono)}

/* üst menü */
.ust{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--cizgi)}
.ust .kap{display:flex;align-items:center;gap:26px;height:66px}
.logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:18px;letter-spacing:-.02em}
.logo i{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--mavi),var(--turkuaz));display:grid;place-items:center;color:#fff;font-style:normal;font-size:16px}
.ust nav{display:flex;gap:22px;font-size:14px;color:var(--soluk);font-weight:500}
.ust nav a:hover{color:var(--mavi)}
.ust .sag{margin-left:auto;display:flex;gap:10px;align-items:center}
@media(max-width:860px){.ust nav{display:none}}

.dugme{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:99px;font-weight:700;font-size:14px;
  border:1.5px solid var(--cizgi);background:#fff;cursor:pointer;font-family:inherit;transition:.15s}
.dugme:hover{border-color:var(--mavi);color:var(--mavi)}
.dugme-ana{background:var(--mavi);border-color:var(--mavi);color:#fff}
.dugme-ana:hover{background:#1e54d8;border-color:#1e54d8;color:#fff}
.dugme-k{padding:8px 15px;font-size:13px}
.dugme-tam{width:100%;justify-content:center}

/* kahraman */
.kahraman{background:
    radial-gradient(1100px 420px at 78% -10%,rgba(47,107,255,.20),transparent 60%),
    radial-gradient(800px 380px at 5% 10%,rgba(18,194,180,.16),transparent 60%),
    var(--lacivert);
  color:#fff;padding:78px 0 92px;position:relative;overflow:hidden}
.kahraman .kap{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.kahraman h1{color:#fff}
.kahraman p{color:#b9c6dd;font-size:17px;max-width:540px}
.rozet{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);
  padding:6px 14px;border-radius:99px;font-size:12.5px;color:#cfe0ff;margin-bottom:18px}
.kahraman .eylem{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.kahraman .alt-not{color:#8ba0c2;font-size:12.5px;margin-top:14px}
@media(max-width:940px){.kahraman .kap{grid-template-columns:1fr}}

/* kahraman görseli: sahte panel */
.onizleme{background:#0f1e3a;border:1px solid rgba(255,255,255,.12);border-radius:18px;overflow:hidden;
  box-shadow:0 40px 80px -30px rgba(0,0,0,.7)}
.onizleme .cubuk{display:flex;gap:6px;padding:11px 14px;background:rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.08)}
.onizleme .cubuk i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.2)}
.onizleme .govde{padding:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.onizleme .kutu{background:rgba(255,255,255,.06);border-radius:10px;padding:12px}
.onizleme .kutu span{display:block;font-size:10.5px;color:#8ba0c2;text-transform:uppercase;letter-spacing:.07em}
.onizleme .kutu b{font-size:20px;color:#fff}
.onizleme .grafik{grid-column:1/-1;height:96px;background:rgba(255,255,255,.05);border-radius:10px;position:relative;overflow:hidden}
.onizleme .grafik svg{position:absolute;inset:0;width:100%;height:100%}

/* bölümler */
.bolum{padding:74px 0}
.bolum-2{background:var(--zemin-2)}
.bolum-bas{text-align:center;max-width:680px;margin:0 auto 42px}
.bolum-bas .etiket{color:var(--mavi);font-weight:800;font-size:12.5px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px}
.bolum-bas p{color:var(--soluk);font-size:16px}

.izgara{display:grid;gap:20px}
.i2{grid-template-columns:repeat(2,minmax(0,1fr))}
.i3{grid-template-columns:repeat(3,minmax(0,1fr))}
.i4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:980px){.i3,.i4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.izgara{grid-template-columns:1fr!important}}

.ozellik{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);padding:24px}
.ozellik .ik{width:42px;height:42px;border-radius:12px;background:var(--mavi-acik);color:var(--mavi);
  display:grid;place-items:center;font-size:19px;margin-bottom:14px}
.ozellik h3{margin-bottom:7px;font-size:16.5px}
.ozellik p{color:var(--soluk);font-size:14px;margin:0}

.sektor{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);padding:20px;transition:.15s}
.sektor:hover{border-color:var(--mavi);transform:translateY(-2px);box-shadow:0 18px 40px -26px rgba(47,107,255,.5)}
.sektor b{display:block;font-size:15px;margin-bottom:4px}
.sektor span{color:var(--soluk);font-size:13.5px}

/* paketler */
.periyot-sec{display:inline-flex;background:var(--zemin-2);border:1px solid var(--cizgi);border-radius:99px;padding:4px;gap:3px;margin:0 auto 32px;justify-content:center}
.periyot-sec a{padding:8px 18px;border-radius:99px;font-size:13.5px;font-weight:700;color:var(--soluk)}
.periyot-sec a.aktif{background:var(--mavi);color:#fff}
.periyot-sec a small{font-weight:600;opacity:.85}

.paket{background:#fff;border:1.5px solid var(--cizgi);border-radius:var(--r);padding:26px;display:flex;flex-direction:column;position:relative}
.paket.one-cikan{border-color:var(--mavi);box-shadow:0 26px 60px -34px rgba(47,107,255,.65)}
.paket .sektor-etiket{position:absolute;top:-11px;left:22px;background:var(--mavi);color:#fff;font-size:11px;font-weight:800;
  text-transform:uppercase;letter-spacing:.08em;padding:4px 12px;border-radius:99px}
.paket h3{font-size:19px;margin-bottom:4px}
.paket .aciklama{color:var(--soluk);font-size:13.5px;min-height:42px}
.paket .fiyat{font-size:38px;font-weight:800;letter-spacing:-.03em;margin:14px 0 2px}
.paket .fiyat small{font-size:14px;font-weight:600;color:var(--soluk);letter-spacing:0}
.paket .ustu-cizili{color:var(--soluk);text-decoration:line-through;font-size:13.5px}
.paket ul{list-style:none;margin:16px 0;padding:0;flex:1}
.paket li{padding:5px 0;font-size:14px;display:flex;gap:9px;color:#33405c}
.paket li::before{content:"✓";color:var(--iyi);font-weight:800}
.paket li.yok{color:#9aa5b8}
.paket li.yok::before{content:"—";color:#c3cbd9}

/* form */
.form-kart{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);padding:26px}
.alan{margin-bottom:16px}
label{display:block;font-size:12.5px;font-weight:700;color:var(--soluk);margin-bottom:6px}
input[type=text],input[type=email],input[type=tel],select,textarea{
  width:100%;padding:11px 14px;border:1.5px solid var(--cizgi);border-radius:var(--r-k);font-size:14.5px;font-family:inherit;background:#fff}
input:focus,select:focus{outline:none;border-color:var(--mavi);box-shadow:0 0 0 3px var(--mavi-acik)}
.onay{display:flex;gap:9px;align-items:flex-start;font-size:13.5px;color:var(--metin);font-weight:500}
.onay input{margin-top:3px}
.ipucu{font-size:12px;color:var(--soluk);margin-top:5px}
.hata{background:#fdeaea;border:1px solid #f3c2c2;color:var(--kotu);padding:11px 15px;border-radius:var(--r-k);font-size:13.5px;margin-bottom:16px}
.iyi-kutu{background:#e8f7ef;border:1px solid #bfe6d0;color:var(--iyi);padding:11px 15px;border-radius:var(--r-k);font-size:13.5px;margin-bottom:16px}

.ozet{background:var(--zemin-2);border:1px solid var(--cizgi);border-radius:var(--r);padding:22px;position:sticky;top:86px}
.ozet .satir{display:flex;justify-content:space-between;font-size:14px;padding:6px 0;color:var(--soluk)}
.ozet .satir b{color:var(--metin)}
.ozet .toplam{border-top:1.5px solid var(--cizgi);margin-top:10px;padding-top:12px;font-size:19px;font-weight:800;color:var(--metin)}
.kupon-grup{display:flex;gap:8px}
.kupon-grup input{flex:1}

/* SSS */
.sss{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r-k);margin-bottom:10px;padding:16px 20px}
.sss summary{font-weight:700;cursor:pointer;font-size:15px;list-style:none}
.sss summary::-webkit-details-marker{display:none}
.sss summary::before{content:"+";color:var(--mavi);font-weight:800;margin-right:9px}
.sss[open] summary::before{content:"–"}
.sss p{color:var(--soluk);font-size:14px;margin:12px 0 0}

/* alt bilgi */
.alt{background:var(--lacivert);color:#9fb0cc;padding:52px 0 30px;font-size:14px}
.alt .kap{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
.alt h4{color:#fff;font-size:14px;margin:0 0 12px}
.alt a{display:block;padding:3px 0;color:#9fb0cc}
.alt a:hover{color:#fff}
.alt .telif{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.1);margin-top:22px;padding-top:18px;font-size:12.5px;color:#7386a6}
@media(max-width:860px){.alt .kap{grid-template-columns:1fr 1fr}}

.serit{background:linear-gradient(120deg,var(--mavi),var(--turkuaz));color:#fff;padding:52px 0;text-align:center}
.serit h2{color:#fff;margin-bottom:10px}
.serit p{color:rgba(255,255,255,.9);max-width:560px;margin:0 auto 22px}
.serit .dugme{background:#fff;border-color:#fff;color:var(--mavi)}

.adim{display:flex;gap:16px;align-items:flex-start}
.adim .no{width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:var(--mavi);color:#fff;display:grid;place-items:center;font-weight:800;font-size:14px}
.adim b{display:block;margin-bottom:3px}
.adim span{color:var(--soluk);font-size:14px}

table.veri{width:100%;border-collapse:collapse;font-size:14px}
table.veri th,table.veri td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--cizgi)}
table.veri th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--soluk)}
.kod-kutu{background:var(--lacivert);color:#7dd3fc;font-family:var(--mono);font-size:13px;padding:14px 18px;border-radius:var(--r-k);overflow-x:auto}

/* ---------- üst menü: açılır alt menü ---------- */
.ust nav { position: relative; }
.menu-grup { position: relative; display: inline-flex; }
.menu-bas {
  display: inline-flex; align-items: center; gap: 5px; padding: 8px 10px; border: 0; background: none;
  font: inherit; color: inherit; cursor: pointer; border-radius: 8px;
}
.menu-bas:hover, .menu-grup.acik .menu-bas { background: rgba(15, 23, 42, .06); }
.menu-bas .ok { font-size: 10px; opacity: .6; transition: transform .15s; }
.menu-grup.acik .menu-bas .ok { transform: rotate(180deg); }
.menu-alt {
  position: absolute; top: calc(100% + 6px); left: 0; min-width: 250px; z-index: 60;
  background: #fff; border: 1px solid #e6eaf0; border-radius: 14px; padding: 8px;
  box-shadow: 0 18px 44px rgba(15, 23, 42, .16); display: none; flex-direction: column;
}
.menu-grup.acik .menu-alt { display: flex; }
.menu-alt a { padding: 8px 12px; border-radius: 9px; font-size: 14px; white-space: normal; }
.menu-alt a:hover { background: #f2f6fb; }
@media (max-width: 900px) {
  .menu-alt { position: static; box-shadow: none; border: 0; padding: 0 0 0 12px; min-width: 0; }
}

/* ---------- anasayfa slayt gösterisi ---------- */
.slayt-gosteri { position: relative; overflow: hidden; }
.slayt {
  display: none; min-height: 460px; align-items: center; color: #fff;
  padding: 86px 0; position: relative;
}
.slayt.etkin { display: flex; animation: slaytGir .45s ease; }
.slayt::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(6, 16, 28, .82), rgba(6, 16, 28, .35)); }
.slayt .kap { position: relative; z-index: 2; max-width: 720px; }
.slayt h1 { font-size: clamp(30px, 4.4vw, 50px); line-height: 1.1; margin: 10px 0 12px; color: #fff; }
.slayt p { font-size: 17px; opacity: .92; margin: 0 0 22px; max-width: 560px; }
.slayt .rozet { display: inline-block; font-size: 12.5px; padding: 5px 12px; border-radius: 99px;
                background: rgba(255, 255, 255, .16); }
.slayt .eylem { display: flex; gap: 10px; flex-wrap: wrap; }
.dugme-hayalet { background: transparent; color: #fff; border: 1px solid rgba(255, 255, 255, .45); }
.dugme-hayalet:hover { background: rgba(255, 255, 255, .12); }
@keyframes slaytGir { from { opacity: 0; transform: translateY(10px); } }

.slayt-ok {
  position: absolute; top: 50%; transform: translateY(-50%); z-index: 3; width: 42px; height: 42px;
  border-radius: 50%; border: 1px solid rgba(255, 255, 255, .4); background: rgba(6, 16, 28, .35);
  color: #fff; font-size: 24px; line-height: 1; cursor: pointer;
}
.slayt-ok:hover { background: rgba(6, 16, 28, .6); }
.slayt-ok.sol { left: 16px; }
.slayt-ok.sag { right: 16px; }
.slayt-nokta { position: absolute; bottom: 18px; left: 0; right: 0; z-index: 3; display: flex; gap: 8px; justify-content: center; }
.slayt-nokta button {
  width: 9px; height: 9px; border-radius: 50%; border: 0; cursor: pointer;
  background: rgba(255, 255, 255, .45); padding: 0;
}
.slayt-nokta button.etkin { background: #fff; width: 22px; border-radius: 99px; }
@media (max-width: 700px) { .slayt { min-height: 380px; padding: 64px 0; } .slayt-ok { display: none; } }

/* ============================================================
   TurboWiFi · tasarım tazeleme (21.09.2026)
   Eski kurallar yukarıda duruyor; burası onları ezer. Amaç: kurumsal,
   ferah ve tutarlı bir görünüm — düzgün tipografi, hizalı üst menü,
   yumuşak gölgeler ve tek bir yuvarlaklık ölçeği.
   ============================================================ */
:root{
  --lacivert:#0a1a2f; --lacivert-2:#10294a;
  --mavi:#1d63ff; --mavi-koyu:#1450d8; --mavi-acik:#eaf1ff;
  --turkuaz:#0fb9ad; --altin:#f2a71b;
  --metin:#0f1b2d; --soluk:#5d6b83; --cizgi:#e7ecf4;
  --zemin:#ffffff; --zemin-2:#f7f9fd;
  --r:18px; --r-k:12px;
  --govde:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --baslik:"Plus Jakarta Sans","Inter",system-ui,sans-serif;
  --golge-kart:0 1px 2px rgba(15,27,45,.04), 0 12px 32px -18px rgba(15,27,45,.28);
  --golge-ust:0 1px 0 rgba(15,27,45,.05), 0 10px 30px -22px rgba(15,27,45,.45);
}

@font-face{font-family:"Inter";font-style:normal;font-weight:400 700;font-display:swap;
  src:url("/assets/yazi/inter-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"Inter";font-style:normal;font-weight:400 700;font-display:swap;
  src:url("/assets/yazi/inter-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:400 800;font-display:swap;
  src:url("/assets/yazi/jakarta-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:400 800;font-display:swap;
  src:url("/assets/yazi/jakarta-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

body{font-family:var(--govde);font-size:15.5px;line-height:1.65;color:var(--metin)}
h1,h2,h3,h4{font-family:var(--baslik);letter-spacing:-.022em}
h1{font-size:clamp(32px,4.6vw,56px);line-height:1.06}
h2{font-size:clamp(25px,3.1vw,38px);line-height:1.14}
h3{font-size:18.5px}
.kap{max-width:1200px;padding:0 24px}

/* ---------- üst menü ---------- */
.ust{background:rgba(255,255,255,.88);backdrop-filter:saturate(1.4) blur(12px);box-shadow:var(--golge-ust);border-bottom:0}
.ust .kap{height:74px;gap:18px}
.logo{gap:10px;font-family:var(--baslik);font-size:19px}
.logo img{height:34px;width:auto;max-width:170px;object-fit:contain;display:block}
.ust nav{display:flex;align-items:center;gap:2px;font-size:14.5px;color:var(--metin);font-weight:500;flex-wrap:nowrap}
.ust nav > a,.ust nav .menu-bas{padding:9px 12px;border-radius:10px;line-height:1;white-space:nowrap;color:var(--soluk);transition:background .14s,color .14s}
.ust nav > a:hover,.ust nav .menu-bas:hover{background:var(--zemin-2);color:var(--metin)}
.ust .sag{gap:10px}
.menu-bas{font-size:14.5px;font-weight:500}
.menu-bas .ok{font-size:9px;opacity:.55;margin-left:2px}
.menu-alt{min-width:288px;border-radius:16px;border-color:var(--cizgi);box-shadow:0 24px 60px -26px rgba(15,27,45,.55);padding:10px}
.menu-alt a{font-size:14px;color:var(--soluk);padding:9px 12px;border-radius:10px;line-height:1.35}
.menu-alt a:hover{background:var(--mavi-acik);color:var(--mavi)}
@media(max-width:1120px){.ust nav > a,.ust nav .menu-bas{padding:9px 9px;font-size:14px}}
@media(max-width:980px){.ust nav{display:none}}

/* ---------- düğmeler ---------- */
.dugme{border-radius:999px;font-weight:600;font-size:14.5px;padding:11px 20px;border:1px solid var(--cizgi);
       background:var(--zemin);color:var(--metin);transition:transform .12s,box-shadow .16s,background .16s,border-color .16s}
.dugme:hover{transform:translateY(-1px);box-shadow:0 10px 24px -14px rgba(15,27,45,.6)}
.dugme-ana{background:var(--mavi);border-color:var(--mavi);color:#fff}
.dugme-ana:hover{background:var(--mavi-koyu);border-color:var(--mavi-koyu)}
.dugme-k{padding:9px 16px;font-size:14px}

/* ---------- slayt ---------- */
.slayt{min-height:520px;padding:104px 0}
.slayt::after{background:linear-gradient(100deg,rgba(6,16,28,.9) 12%,rgba(6,16,28,.55) 52%,rgba(6,16,28,.25))}
.slayt h1{margin:14px 0 14px;max-width:16ch}
.slayt p{font-size:17.5px;line-height:1.6;max-width:52ch;opacity:.9}
.slayt .rozet{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(4px)}
.slayt .eylem{margin-top:26px}
.slayt-ok{width:44px;height:44px;border-color:rgba(255,255,255,.28);background:rgba(10,26,47,.42);backdrop-filter:blur(6px)}
.slayt-nokta{bottom:26px}
@media(max-width:700px){.slayt{min-height:420px;padding:72px 0}}

/* ---------- bölümler ---------- */
.bolum{padding:84px 0}
.bolum-2{background:var(--zemin-2)}
.bolum-bas{max-width:720px;margin:0 auto 42px;text-align:center}
.bolum-bas .etiket{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
                   color:var(--mavi);background:var(--mavi-acik);padding:5px 12px;border-radius:999px;margin-bottom:14px}
.bolum-bas p{color:var(--soluk);font-size:16px;margin-top:10px}

.ozellik{background:var(--zemin);border:1px solid var(--cizgi);border-radius:var(--r);padding:24px;
         box-shadow:var(--golge-kart);transition:transform .16s,box-shadow .16s,border-color .16s}
.ozellik:hover{transform:translateY(-3px);border-color:#d7e1f2;box-shadow:0 2px 4px rgba(15,27,45,.05),0 22px 44px -26px rgba(15,27,45,.45)}
.ozellik .ik{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:19px;
             background:var(--mavi-acik);color:var(--mavi);margin-bottom:14px}
.ozellik h3{margin-bottom:6px}
.ozellik p{color:var(--soluk);font-size:14.5px;margin:0}

.sektor{display:flex;flex-direction:column;gap:6px;background:var(--zemin);border:1px solid var(--cizgi);
        border-radius:var(--r-k);padding:18px 20px;box-shadow:var(--golge-kart);transition:border-color .15s,transform .15s}
.sektor:hover{border-color:var(--mavi);transform:translateY(-2px)}
.sektor b{font-family:var(--baslik);font-size:15.5px}
.sektor span{color:var(--soluk);font-size:13.5px;line-height:1.5}

.paket{border-radius:var(--r);border:1px solid var(--cizgi);box-shadow:var(--golge-kart);padding:26px 24px}
.paket.one-cikan{border-color:var(--mavi);box-shadow:0 2px 6px rgba(29,99,255,.12),0 26px 52px -28px rgba(29,99,255,.6);transform:translateY(-6px)}
.paket .fiyat{font-family:var(--baslik);font-size:40px;letter-spacing:-.03em;margin:10px 0 4px}
.paket ul{margin:16px 0 20px;padding:0;list-style:none;font-size:14.5px;color:var(--soluk)}
.paket li{padding:5px 0 5px 24px;position:relative}
.paket li::before{content:"";position:absolute;left:0;top:11px;width:14px;height:8px;border:2px solid var(--turkuaz);
                  border-top:0;border-right:0;transform:rotate(-45deg)}
.sektor-etiket{background:var(--mavi);color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.04em;
               padding:4px 12px;border-radius:999px;text-transform:uppercase}

.adim{display:flex;gap:14px;align-items:flex-start;background:var(--zemin);border:1px solid var(--cizgi);
      border-radius:var(--r-k);padding:20px;box-shadow:var(--golge-kart)}
.adim .no{width:32px;height:32px;flex:0 0 32px;border-radius:50%;background:var(--lacivert);color:#fff;
          display:grid;place-items:center;font-weight:700;font-size:14px;font-family:var(--baslik)}
.adim b{display:block;margin-bottom:3px;font-family:var(--baslik);font-size:15px}
.adim span{color:var(--soluk);font-size:14px;line-height:1.55}

.sss{border:1px solid var(--cizgi);border-radius:var(--r-k);padding:16px 18px;margin-bottom:10px;background:var(--zemin)}
.sss summary{font-weight:600;font-family:var(--baslik);font-size:15.5px}
.sss p{color:var(--soluk);font-size:14.5px;margin:10px 0 0}

.serit{background:linear-gradient(120deg,var(--lacivert),var(--lacivert-2) 55%,#14406e);color:#fff;padding:76px 0;text-align:center}
.serit h2{color:#fff;margin-bottom:10px}
.serit p{color:rgba(255,255,255,.78);max-width:56ch;margin:0 auto 22px}
.serit .dugme{background:#fff;border-color:#fff;color:var(--lacivert)}

/* ---------- alt bilgi ---------- */
.alt{background:var(--lacivert);color:rgba(255,255,255,.72);padding:64px 0 26px}
.alt .kap{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:34px}
.alt h4{color:#fff;font-size:13px;letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px}
.alt a{display:block;padding:4px 0;font-size:14px;color:rgba(255,255,255,.72)}
.alt a:hover{color:#fff}
.alt .telif{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:18px;font-size:13px;color:rgba(255,255,255,.55)}
@media(max-width:860px){.alt .kap{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.alt .kap{grid-template-columns:1fr}}

/* 5651 bölümündeki uzun bağlantı listesi alt bilgide taşmasın */
.alt div:nth-child(3){max-height:none}