/* index.php içindeki ana stil bloğunun kopyası — ek sayfalar (cozum.php) için. Ana sayfa kendi satır içi kopyasını kullanmaya devam eder. */

:root{
  --primary:#161616; --primary-dark:#000000; --primary-deep:#0A0A0A; --primary-light:#4A4A4A;
  --sky:#F2F2F2; --sky-2:#FAFAFA; --white:#FFFFFF; --ink:#111111;
  --text:#232323; --text-2:#5C5C5C; --text-3:#9A9A9A; --border:#E2E2E2;
  --gold:#B8862E; --gold-soft:#F7EEDC;
  --r-sm:10px; --r-md:14px; --r-lg:24px; --r-full:999px;
  --shadow-soft:0 20px 45px -25px rgba(0,0,0,.22);
  --shadow-lift:0 30px 70px -30px rgba(0,0,0,.28);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Inter',sans-serif;color:var(--text);background:#fff;-webkit-font-smoothing:antialiased;line-height:1.6;}
h1,h2,h3{font-family:'Inter',sans-serif;color:var(--ink);font-weight:800;letter-spacing:-.03em;line-height:1.12;}
h4,h5{font-family:'Inter',sans-serif;font-weight:700;letter-spacing:-.015em;color:var(--ink);line-height:1.25;}
p{line-height:1.68;}
a{text-decoration:none;}
.mono{font-family:'IBM Plex Mono',monospace;font-variant-numeric:tabular-nums;}
::selection{background:var(--primary);color:#fff;}
.container-xl{max-width:min(94vw, 1440px);}

/* ============ KAYDIRMA-TETİKLEMELİ HAREKET SİSTEMİ ============ */
.reveal-left, .reveal-right, .reveal-up{ opacity:0; transition:opacity .7s cubic-bezier(.16,1,.3,1), transform .7s cubic-bezier(.16,1,.3,1); will-change:opacity, transform; }
.reveal-left{ transform:translateX(-36px); }
.reveal-right{ transform:translateX(36px); }
.reveal-up{ transform:translateY(28px); }
.reveal-left.is-visible, .reveal-right.is-visible, .reveal-up.is-visible{ opacity:1; transform:translate(0,0); }
.reveal-stagger > *{ opacity:0; transform:translateY(20px); transition:opacity .6s ease, transform .6s ease; }
.reveal-stagger.is-visible > *{ opacity:1; transform:translateY(0); }
.reveal-stagger.is-visible > *:nth-child(1){ transition-delay:.05s; }
.reveal-stagger.is-visible > *:nth-child(2){ transition-delay:.12s; }
.reveal-stagger.is-visible > *:nth-child(3){ transition-delay:.19s; }
.reveal-stagger.is-visible > *:nth-child(4){ transition-delay:.26s; }
.reveal-stagger.is-visible > *:nth-child(5){ transition-delay:.33s; }
.reveal-stagger.is-visible > *:nth-child(6){ transition-delay:.4s; }
@media (prefers-reduced-motion: reduce){ .reveal-left, .reveal-right, .reveal-up, .reveal-stagger > *{ opacity:1 !important; transform:none !important; transition:none !important; } }

/* ============ HERO — premium başlık bölümü ============ */
.hero-premium{ padding:88px 0 0; background:radial-gradient(ellipse 80% 60% at 50% -10%, #FBF6EC 0%, #fff 60%); overflow:hidden; }
.hero-premium .container-xl{ display:flex; flex-direction:column; align-items:center; text-align:center; }
.hero-badge{ display:inline-flex; align-items:center; gap:7px; background:var(--gold-soft); color:var(--gold); font-size:12.5px; font-weight:700; padding:8px 18px; border-radius:999px; margin-bottom:26px; letter-spacing:.01em; }
.hero-headline{ font-size:56px; font-weight:900; letter-spacing:-.035em; line-height:1.08; color:var(--ink); max-width:820px; margin:0 0 22px; }
.hero-headline-accent{ background:linear-gradient(100deg, var(--gold) 10%, #8B6420 90%); -webkit-background-clip:text; background-clip:text; color:transparent; }
.hero-subline{ font-size:18px; color:var(--text-2); max-width:600px; line-height:1.6; margin:0 0 36px; font-weight:450; }
.hero-cta-row{ display:flex; gap:14px; margin-bottom:36px; flex-wrap:wrap; justify-content:center; }
.btn-lg-premium{ padding:15px 30px !important; font-size:15.5px !important; font-weight:700 !important; border-radius:14px !important; letter-spacing:-.01em; }
.hero-trust-row{ display:flex; gap:28px; flex-wrap:wrap; justify-content:center; margin-bottom:56px; }
.hero-trust-row span{ font-size:13.5px; color:var(--text-2); font-weight:600; display:flex; align-items:center; gap:6px; }
.hero-trust-row i{ color:var(--gold); font-size:14px; }
.hero-visual{ width:100%; max-width:1040px; }
.hero-visual-img{ width:100%; height:auto; display:block; border-radius:20px 20px 0 0; box-shadow:0 40px 90px -30px rgba(0,0,0,.28); border:1px solid var(--border); border-bottom:none; }
@media (max-width:768px){
  .hero-headline{ font-size:36px; }
  .hero-subline{ font-size:15.5px; }
  .hero-premium{ padding:56px 0 0; }
}

/* Topbar */
.topbar-strip{background:var(--primary-deep);color:rgba(255,255,255,.8);font-size:13px;padding:9px 0;}
.topbar-strip a{color:#fff;font-weight:700;}
.topbar-strip i{margin-right:6px;color:var(--gold);}

/* Navbar */

.btn{font-weight:600;border-radius:var(--r-md);padding:12px 24px;font-size:14.5px;border-width:1.5px;transition:.15s ease;}
.btn:hover{transform:translateY(-1px);}
.btn-primary{background:linear-gradient(135deg,#2B2B2B,var(--primary));border-color:var(--primary);color:#fff;box-shadow:0 10px 24px -12px rgba(0,0,0,.45);}
.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff;}
.btn-outline-primary{color:var(--primary-dark);border-color:var(--border);}
.btn-outline-primary:hover{background:var(--sky);border-color:var(--primary);color:var(--primary-dark);}
.btn-sm{padding:9px 18px;font-size:13px;}
.btn-dark-ghost{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3);color:#fff;}
.btn-dark-ghost:hover{background:rgba(255,255,255,.2);color:#fff;}

.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--primary-dark);background:var(--sky);padding:7px 16px;border-radius:var(--r-full);border:1px solid var(--border);}
.section-eyebrow{font-family:'Inter',sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--gold);margin-bottom:12px;}
.section-tinted{background:var(--sky-2);}

/* Zenginleştirilmiş görsel dil — ikinci font ailesi olmadan hiyerarşi ve
   "kaliteli" his katan yardımcı sınıflar (gradient metin, kesikli
   ayraçlar, sayı rozetleri, tooltip'ler vb.) */
.grad-text{background:linear-gradient(135deg,var(--ink) 20%,var(--gold) 120%);-webkit-background-clip:text;background-clip:text;color:transparent;}
.kicker-divider{display:flex;align-items:center;gap:14px;justify-content:center;margin-bottom:14px;}
.kicker-divider::before,.kicker-divider::after{content:'';height:1px;width:32px;background:var(--border);}
.step-num{width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;flex-shrink:0;}
.soft-card{background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);transition:.25s ease;}
.soft-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift);border-color:transparent;}

/* Tooltip (paket karşılaştırma tablosu için) */
.tt{position:relative;cursor:help;border-bottom:1px dashed var(--text-3);}
.tt .tt-bubble{
  position:absolute; bottom:calc(100% + 10px); left:50%; transform:translateX(-50%) translateY(4px);
  width:240px; background:var(--ink); color:#fff; font-size:12.5px; font-weight:500; line-height:1.5;
  padding:12px 14px; border-radius:10px; box-shadow:0 20px 40px -15px rgba(0,0,0,.45);
  opacity:0; visibility:hidden; transition:opacity .15s ease, transform .15s ease; z-index:50; text-align:left;
}
.tt .tt-bubble::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--ink);}
.tt:hover .tt-bubble{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}

/* ============ BENTO GRID (premium özellik ızgarası) ============ */
.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:170px;gap:18px;}
.bento-cell{
  border-radius:20px; padding:26px; position:relative; overflow:hidden;
  border:1px solid var(--border); background:#fff; transition:.3s ease;
  display:flex; flex-direction:column; justify-content:flex-end;
}
.bento-cell:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift);}
.bento-cell.b-wide{grid-column:span 2;}
.bento-cell.b-tall{grid-row:span 2;}
.bento-cell.b-dark{background:linear-gradient(155deg,var(--primary-deep),#1E1E1E);border-color:transparent;color:#fff;}
.bento-cell.b-gold{background:linear-gradient(155deg,var(--gold-soft),#fff);border-color:#EAD9B4;}
.bento-cell .bi{font-size:26px;color:var(--gold);margin-bottom:14px;}
.bento-cell.b-dark .bi{color:var(--gold);}
.bento-cell h6{font-size:15.5px;font-weight:800;margin-bottom:6px;letter-spacing:-.01em;}
.bento-cell p{font-size:12.5px;color:var(--text-2);margin:0;line-height:1.55;}
.bento-cell.b-dark p{color:rgba(255,255,255,.65);}
.bento-cell.b-dark h6{color:#fff;}
.bento-cell .bento-visual{position:absolute;right:-10px;top:-10px;opacity:.06;font-size:120px;}
.bento-cell.b-dark .bento-visual{opacity:.12;}
@media (max-width:900px){
  .bento-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto;}
  .bento-cell{min-height:150px;}
  .bento-cell.b-wide{grid-column:span 2;}
  .bento-cell.b-tall{grid-row:span 1;}
}

/* ============ RAKİP KARŞILAŞTIRMA ============ */
.vs-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:0;border-radius:24px;overflow:hidden;border:1px solid var(--border);}
.vs-col{padding:40px 36px;}
.vs-col.vs-us{background:var(--ink);color:#fff;}
.vs-col.vs-them{background:var(--sky-2);}
.vs-row{display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-bottom:1px solid rgba(0,0,0,.06);}
.vs-us .vs-row{border-bottom-color:rgba(255,255,255,.1);}
.vs-row:last-child{border-bottom:none;}
.vs-row .bi{flex-shrink:0;margin-top:2px;font-size:15px;}
.vs-us .vs-row .bi{color:var(--gold);}
.vs-them .vs-row .bi{color:var(--text-3);}
.vs-row span{font-size:13.5px;}
.vs-us .vs-row span{color:rgba(255,255,255,.85);}
.vs-them .vs-row span{color:var(--text-2);}
@media (max-width:840px){ .vs-wrap{grid-template-columns:1fr;} }

/* ============ HERO ============ */
.hero{position:relative;overflow:hidden;padding:64px 0 54px;background:linear-gradient(180deg,var(--sky) 0%,#fff 85%);}
.hero-photo-single {
  max-width: 900px;
  margin: 0 auto 36px;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: var(--shadow-lift);
  border: 1px solid rgba(0,0,0,.08);
}
.hero-photo-single .browser-bar{
  background:#EDEDED; padding:11px 16px; display:flex; align-items:center; gap:8px; border-bottom:1px solid #DCDCDC;
}
.hero-photo-single .browser-dot{width:10px;height:10px;border-radius:50%;}
.hero-photo-single .browser-url{
  flex:1; background:#fff; border-radius:6px; padding:5px 14px; font-size:11.5px; color:var(--text-3);
  font-family:'IBM Plex Mono',monospace; margin-left:8px; text-align:center; border:1px solid #E2E2E2;
}
.hero-photo-single .browser-body{aspect-ratio:16/9; overflow:hidden; background:#fff;}

/* İçindeki resmin tam sığması için ekleyin: */
.hero-photo-single img {
  width: 100%;
  height: 100%;
  object-fit: contain; /* Resmin kesilmeden alanın içine tam sığmasını sağlar */
}
.hero h1{font-size:clamp(34px,4.6vw,54px);max-width:820px;margin:0 auto;font-weight:800;letter-spacing:-.03em;}
.hero h1 .accent{background:linear-gradient(100deg,var(--gold) 10%,#8a5f1e 90%);-webkit-background-clip:text;background-clip:text;color:transparent;}
.hero .lead-hero{font-size:17.5px;color:var(--text-2);max-width:580px;margin:20px auto 28px;}
.hero-logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;margin-top:44px;opacity:.85;}
.hero-logos span{font-family:'IBM Plex Mono',monospace;font-weight:600;font-size:14px;color:var(--text-3);letter-spacing:.02em;}

/* ============ ÖZELLİK CAROUSEL (ikas "başarı hikayesi" desenine karşılık) ============ */
.feat-carousel-bar{background:var(--primary-deep);color:#fff;padding:14px 0;}
.feat-carousel-bar select{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:8px;padding:8px 14px;font-size:13.5px;}
.feat-showcase-card{border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;background:#fff;box-shadow:var(--shadow-soft);height:100%;}
.feat-showcase-top{padding:30px 28px;background:linear-gradient(135deg,var(--sky),#fff);min-height:180px;display:flex;flex-direction:column;justify-content:center;}
.feat-showcase-body{padding:22px 28px 28px;}
.feat-stat-row{display:flex;gap:26px;margin-top:16px;flex-wrap:wrap;}
.feat-stat{text-align:left;}
.feat-stat .num{font-size:22px;font-weight:800;color:var(--primary-dark);}
.feat-stat .lbl{font-size:12px;color:var(--text-3);}

/* Lead form */
.lead-form-card{background:var(--sky);border-radius:var(--r-lg);padding:36px 40px;border:1px solid var(--border);}
.lead-form-card .form-control,.lead-form-card .form-select{border-radius:10px;border-color:var(--border);padding:11px 14px;font-size:14px;}
.avatar-stack{display:flex;}
.avatar-stack span{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--primary-light),var(--primary));border:2px solid #fff;margin-left:-10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:700;}
.avatar-stack span:first-child{margin-left:0;}

/* Benzersiz Avantajlar */
.advantage-card{border:1px solid var(--border);border-radius:var(--r-lg);padding:32px 28px;height:100%;background:#fff;transition:.2s;}
.advantage-card:hover{box-shadow:var(--shadow-soft);transform:translateY(-3px);border-color:var(--ink);}
.advantage-icon{width:52px;height:52px;border-radius:14px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:18px;}
.advantage-card h5{font-size:17px;margin-bottom:8px;}

/* Banner (lisans/gift benzeri) */
.gift-banner{background:linear-gradient(120deg,var(--gold-soft),var(--sky));border-radius:var(--r-lg);padding:44px 48px;border:1px solid var(--border);}
.gift-banner .big-num{font-size:38px;font-weight:800;color:var(--primary-dark);}

/* Dark panel mockup (Pazarlama) */
.dark-panel{background:linear-gradient(160deg,#0C1F2E,var(--primary-deep));border-radius:var(--r-lg);padding:48px;color:#fff;position:relative;overflow:hidden;}
.dark-panel::before{content:'';position:absolute;top:-100px;right:-100px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(143,211,238,.15),transparent 70%);}
.dark-stat-box{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:22px 24px;}
.dark-stat-box .lbl{font-size:12.5px;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.05em;}
.dark-stat-box .val{font-size:26px;font-weight:800;margin-top:6px;}

/* İkili panel bloklar (Otomasyon/Segment, SMS/Popup) */
.dual-panel{border:1px solid var(--border);border-radius:var(--r-lg);padding:30px 32px;height:100%;background:#fff;}
.dual-panel .mock-inner{background:var(--sky-2);border-radius:14px;padding:20px;margin-top:20px;min-height:150px;}
.phone-mock{width:200px;margin:0 auto;border-radius:32px;border:8px solid var(--ink);background:#fff;overflow:hidden;box-shadow:var(--shadow-soft);}
.phone-mock .notch{height:18px;background:var(--ink);border-radius:0 0 14px 14px;width:70px;margin:0 auto;}
.phone-mock .screen{padding:14px;}

/* Paketler */
.pkg-card{border:1.5px solid var(--border);border-radius:var(--r-lg);padding:34px 30px;height:100%;background:#fff;position:relative;transition:.25s ease;}
.pkg-card:hover{transform:translateY(-5px);box-shadow:0 30px 60px -30px rgba(0,0,0,.18);}
.pkg-card.is-featured{border-color:var(--ink);border-width:2px;box-shadow:0 24px 60px -20px rgba(0,0,0,.25);}
.pkg-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--gold);color:#fff;font-size:11px;font-weight:700;padding:6px 18px;border-radius:var(--r-full);letter-spacing:.05em;text-transform:uppercase;box-shadow:0 8px 20px -8px rgba(184,134,46,.6);}
.pkg-price{font-family:'Inter',sans-serif;font-size:38px;font-weight:900;color:var(--ink);margin:8px 0 2px;letter-spacing:-.02em;}
.pkg-price small{font-family:'Inter',sans-serif;font-size:14px;font-weight:600;color:var(--text-3);}
.pkg-feat-list{list-style:none;padding:0;margin:24px 0 0;}
.pkg-feat-list li{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;color:var(--text-2);margin-bottom:12px;}
.pkg-feat-list li i{color:var(--gold);margin-top:2px;flex-shrink:0;}

.compare-table{width:100%;border-collapse:collapse;font-size:13.5px;}
.compare-table th,.compare-table td{padding:13px 14px;border-bottom:1px solid var(--border);text-align:center;}
.compare-table td:first-child,.compare-table th:first-child{text-align:left;font-weight:600;color:var(--text);}
.compare-table thead th{background:var(--sky-2);font-weight:700;color:var(--ink);}
.compare-table .cat-row td{background:var(--ink);color:#fff;font-weight:700;text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;}
.compare-table .yes{color:var(--ink);font-size:16px;}
.compare-table .no{color:var(--text-3);font-size:16px;}
.compare-table-wrap{border:1px solid var(--border);border-radius:var(--r-lg);}
@media (max-width:900px){ .compare-table-wrap{overflow-x:auto;} }
.compare-table-wrap table{margin-bottom:0;}
/* Hakkımızda */
.about-section{background:var(--sky-2);color:var(--text);padding:80px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.about-stat{text-align:center;background:#fff;border:1px solid var(--border);border-radius:16px;padding:24px 14px;transition:.2s ease;}
.about-stat:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:var(--shadow-soft);}
.about-stat .num{font-size:34px;font-weight:900;color:var(--ink);letter-spacing:-.02em;}
.about-stat .lbl{font-size:11.5px;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;margin-top:6px;font-weight:600;}
.timeline-row{display:flex;gap:18px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border);}
.timeline-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}
.timeline-row .yr{font-family:'IBM Plex Mono',monospace;font-weight:700;color:var(--gold);min-width:78px;font-size:14px;flex-shrink:0;padding-top:1px;}
.timeline-row p{color:var(--text-2);font-size:13.5px;margin:0;line-height:1.6;}

/* Detaylı entegrasyon bölümleri */
.deepdive{padding:64px 0;border-top:1px solid var(--border);}
.deepdive-icon{width:56px;height:56px;border-radius:14px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:16px;}
.deepdive-step{display:flex;gap:14px;margin-bottom:18px;}
.deepdive-step .n{width:28px;height:28px;border-radius:50%;background:var(--gold);color:var(--ink);font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.deepdive-step p{margin:0;font-size:13.5px;color:var(--text-2);}
.deepdive-panel{background:var(--sky-2);border:1px solid var(--border);border-radius:var(--r-lg);padding:26px;}
.mini-chip{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:100px;background:#fff;border:1px solid var(--border);font-size:12.5px;font-weight:600;color:var(--text-2);letter-spacing:-.01em;box-shadow:0 2px 8px rgba(0,0,0,.03);}
.mini-chip i{color:var(--gold);font-size:12px;}
.mp-card{border:1px solid var(--border);border-radius:var(--r-md);padding:16px 18px;height:100%;background:#fff;}
.mp-card .status{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--r-full);margin-bottom:8px;}
.mp-card .status.live{background:#EAF7EE;color:#12805C;}
.mp-card .status.soon{background:#FFF1E6;color:#C2560A;}
.roadmap-card{border:1px solid var(--border);border-radius:var(--r-lg);padding:26px 22px;height:100%;background:#fff;box-shadow:var(--shadow-soft);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;position:relative;overflow:hidden;}
.roadmap-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift);border-color:var(--gold);}
.roadmap-card .r-icon{width:50px;height:50px;border-radius:14px;background:linear-gradient(135deg,var(--primary-light),var(--primary));display:flex;align-items:center;justify-content:center;font-size:21px;margin-bottom:16px;color:#fff;box-shadow:0 8px 18px -8px rgba(0,0,0,.35);}
.roadmap-card .mini-chip{background:var(--gold-soft);color:var(--gold);font-weight:800;border:none;}

/* Satın Alma Otomasyonu */
.buy-pkg-option{border:1.5px solid var(--border);border-radius:var(--r-md);padding:16px 18px;cursor:pointer;transition:.15s;display:block;}
.buy-pkg-option:hover{border-color:var(--ink);}
.buy-pkg-option input{margin-right:10px;}
.buy-pkg-option.is-checked{border-color:var(--ink);background:var(--sky-2);box-shadow:0 0 0 1px var(--ink);}
.buy-module-row{border-bottom:1px solid var(--border);font-size:13.5px;transition:background .15s ease;}
.buy-module-row:hover{background:var(--sky-2);}
.buy-module-row:last-child{border-bottom:none;}
/* Premium özel tooltip — native title yerine (tarayıcıdan tarayıcıya
   davranışı tutarsız ve stillendirilemez olduğu için), CSS ile
   garanti çalışan, kısa bir özet balonu. */
.addon-tooltip-wrap[data-tooltip]::after{
  content:attr(data-tooltip);
  position:absolute; left:0; bottom:calc(100% + 8px);
  background:#161616; color:#fff; font-size:11.5px; font-weight:500;
  padding:8px 12px; border-radius:8px; white-space:normal; width:260px;
  line-height:1.5; box-shadow:var(--shadow-lift);
  opacity:0; visibility:hidden; transform:translateY(4px);
  transition:opacity .15s ease, transform .15s ease; z-index:50; pointer-events:none;
}
.addon-tooltip-wrap[data-tooltip]::before{
  content:''; position:absolute; left:14px; bottom:calc(100% + 4px);
  border:5px solid transparent; border-top-color:#161616;
  opacity:0; visibility:hidden; transition:opacity .15s ease; z-index:50;
}
.addon-tooltip-wrap[data-tooltip]:hover::after,
.addon-tooltip-wrap[data-tooltip]:hover::before{opacity:1; visibility:visible; transform:translateY(0);}
.addon-detail-btn{font-size:11.5px; font-weight:700; color:var(--text-2);}
.addon-detail-btn:hover{background:var(--gold-soft) !important; color:var(--gold);}
@media (max-width:767px){
  /* Mobilde hover olmadığı için tooltip balonu yerine, dokunmatik
     kullanıcıya daha uygun olan "Detay" butonu tek başına yeterli
     olsun; tooltip balonunu mobilde tamamen devre dışı bırakıyoruz. */
  .addon-tooltip-wrap[data-tooltip]::after,
  .addon-tooltip-wrap[data-tooltip]::before{display:none;}
  .addon-detail-btn{font-size:12px; padding:5px 12px !important;}
}
.buy-field-label{display:block;font-size:12.5px;font-weight:700;color:var(--ink);margin-bottom:6px;letter-spacing:.01em;}
.buy-premium-input{border:1.5px solid var(--border);border-radius:10px;padding:13px 16px;font-size:14.5px;background:#fff;transition:border-color .15s ease,box-shadow .15s ease;width:100%;}
.buy-premium-input:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px rgba(22,22,22,.06);}
.buy-premium-input::placeholder{color:#B7B7B2;}
.buy-summary{position:sticky;top:90px;border:1.5px solid var(--ink);border-radius:var(--r-lg);padding:26px;background:#fff;}
.buy-summary .total-row{display:flex;justify-content:space-between;font-size:22px;font-weight:800;color:var(--ink);padding-top:14px;margin-top:14px;border-top:1px solid var(--border);}
.buy-summary .line{display:flex;justify-content:space-between;font-size:13px;color:var(--text-2);padding:4px 0;}

.chip{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:var(--r-full);border:1px solid var(--border);font-size:13px;font-weight:600;color:var(--text-2);background:#fff;}
.chip .dot{width:6px;height:6px;border-radius:50%;background:var(--primary);}

/* Kaynaklar (e-kitap benzeri) */
.resource-card{border-radius:var(--r-lg);padding:26px 22px;height:100%;transition:.2s;}
.resource-card:hover{transform:translateY(-3px);}
.resource-card h5{font-size:16.5px;}
.resource-card p{font-size:13.5px;color:var(--text-2);}

/* FAQ */
.faq-item{border-bottom:1px solid var(--border);padding:16px 0;}
.faq-item summary{cursor:pointer;font-weight:700;font-size:14.5px;color:var(--ink);list-style:none;display:flex;justify-content:space-between;align-items:center;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item p{margin:10px 0 0;font-size:13.5px;color:var(--text-2);}

/* Network CTA */
.network-cta{background:var(--sky);border-radius:var(--r-lg);padding:44px;position:relative;overflow:hidden;}
.network-dot{position:absolute;width:46px;height:46px;border-radius:50%;background:#fff;box-shadow:var(--shadow-soft);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:18px;}

/* Footer */

@media (max-width:767px){
  .hero-photo-grid{max-width:320px;}
  .dark-panel,.gift-banner{padding:30px 24px;}
}