/* ============ MAĞAZA → KONSEPT C TEMASI ============
   Sayfanın kendi CSS'inin üzerine yüklenir; yapı/akış aynı, dil C.
*/
:root{
  --cream:#FFF8EC; --cream-2:#FFF1C2; --ink:#141633; --ink-soft:#3B3E5E; --muted:#6C6F8A;
  --navy:#2140F0; --navy-deep:#1428B8; --ember:#FF5A4E; --ember-soft:#E43F33; --bordeaux:#2140F0; --gold:#FFC531;
  --line:#141633; --radius:20px; --radius-lg:28px;
  --shadow-sm:6px 6px 0 #141633; --shadow-md:6px 6px 0 #141633; --shadow-lg:10px 10px 0 #141633;
  --font-serif:"Bricolage Grotesque","Sora",system-ui,sans-serif;
  --font-display:"Bricolage Grotesque","Sora",system-ui,sans-serif;
  --font-sans:"Sora",system-ui,-apple-system,sans-serif;
  --mint:#3EDDAE; --mint-l:#D5F7EC; --coral-l:#FFE1DD; --cobalt-l:#DCE3FF; --mustard-l:#FFF1C2;
  --ease-pop:cubic-bezier(.34,1.56,.64,1);
}
body{background:var(--cream)!important;color:var(--ink);font-family:var(--font-sans)}
h1,h2,h3,h4,.section-title,.hero h1,.book-card h3,.package-title,.grammar-card h3{font-family:var(--font-display)!important;font-weight:800!important;letter-spacing:-.025em!important;font-style:normal!important}
em,i{font-style:normal}
.hero h1 em,.section-title em{color:var(--ember);font-style:normal;position:relative;display:inline-block;padding:0 .1em;border-radius:.2em}
.hero h1{font-size:clamp(2.6rem,6.2vw,5rem)!important;line-height:1!important}
.hero{padding:40px 0 60px!important}
/* Erişim şeridi */
.access-banner{background:var(--ink);color:#fff;border-radius:0 0 22px 22px;margin:0 auto;width:min(1180px,calc(100% - 40px));border:2px solid var(--ink);border-top:0;font-weight:600;letter-spacing:.02em;font-size:13px}
.access-banner strong,.access-banner b{color:var(--gold)}
/* Eyebrow */
.section-eyebrow,.hero-eyebrow{display:inline-flex!important;align-items:center;gap:8px;background:#fff;border:2px solid var(--ink);border-radius:999px;padding:6px 14px!important;font-weight:700!important;font-size:.8rem!important;letter-spacing:.14em;text-transform:uppercase;box-shadow:4px 4px 0 var(--mint);color:var(--ink)!important;transform:rotate(-1.5deg);position:relative}
.section-eyebrow::before,.section-eyebrow::after,.hero-eyebrow::before,.hero-eyebrow::after{display:none!important}
/* Düğmeler */
.btn,.test-btn,.test-retake,.excerpt-tab,.sample-tab,.filter-btn,.stream-cta{border:2px solid var(--ink)!important;border-radius:999px!important;font-weight:700!important;transition:transform .35s var(--ease-pop),box-shadow .35s,background .3s!important}
.btn-primary,.test-btn-next{background:var(--ink)!important;color:#fff!important;box-shadow:6px 6px 0 var(--ember)}
.btn-primary:hover,.test-btn-next:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--ember)}
.btn-outline{background:#fff!important;color:var(--ink)!important;box-shadow:6px 6px 0 var(--gold)}
.btn-outline:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--gold)}
.btn-whatsapp,.contact-cta .btn{background:#25D366!important;color:var(--ink)!important;box-shadow:6px 6px 0 var(--ink)}
.btn-whatsapp:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink)}
.excerpt-tab,.sample-tab,.filter-btn{background:#fff!important;color:var(--ink)!important;box-shadow:3px 3px 0 var(--ink);padding:8px 16px!important}
.excerpt-tab.active,.sample-tab.active,.filter-btn.active,.excerpt-tab[aria-selected="true"],.sample-tab[aria-selected="true"]{background:var(--gold)!important;color:var(--ink)!important}
/* Kartlar */
.book-card,.package,.grammar-card,.info-card,.review,.howto-step,.level-test-box,.stream-card,.excerpt-book,.contact-method,.compare-wrap,.sample-panel,.about-stats,.positioning-visual,.hero-portrait{background:#fff!important;border:2px solid var(--ink)!important;border-radius:var(--radius-lg)!important;box-shadow:6px 6px 0 var(--ink)!important;transition:transform .35s var(--ease-pop),box-shadow .35s!important}
.book-card:hover,.package:hover,.grammar-card:hover,.info-card:hover,.review:hover,.howto-step:hover,.stream-card:hover,.contact-method:hover{transform:translate(-3px,-4px) rotate(-.6deg)!important;box-shadow:10px 10px 0 var(--ink)!important;border-color:var(--ink)!important}
.book-card:nth-child(3n+1){background:linear-gradient(160deg,var(--cobalt-l),#fff 60%)!important}
.book-card:nth-child(3n+2){background:linear-gradient(160deg,var(--coral-l),#fff 60%)!important}
.book-card:nth-child(3n+3){background:linear-gradient(160deg,var(--mint-l),#fff 60%)!important}
.package.featured,.package.popular,.package:has(.package-badge){background:linear-gradient(160deg,var(--mustard-l),#fff 60%)!important}
.grammar-card{background:linear-gradient(135deg,#fff 40%,var(--cobalt-l))!important}
/* Rozet/etiketler */
.book-level,.package-badge,.package-label,.grammar-access,.book-access,.package-access,.review-tag,.stream-platform{font-family:var(--font-display)!important;font-weight:800!important;font-size:.78rem!important;letter-spacing:.06em!important;text-transform:uppercase;border:2px solid var(--ink)!important;border-radius:8px!important;padding:5px 10px!important;box-shadow:3px 3px 0 var(--ink);background:var(--gold)!important;color:var(--ink)!important;transform:rotate(-2deg);display:inline-block}
.package-badge{background:var(--ember)!important;color:#fff!important;transform:rotate(6deg)!important;top:-14px!important;right:18px!important}
.book-access,.package-access,.grammar-access{background:var(--mint)!important;transform:none;letter-spacing:.02em!important;text-transform:none!important;font-size:.85rem!important;font-weight:700!important}
/* Fiyat */
.book-price,.package-price,.grammar-price,.compare-price{font-family:var(--font-display)!important;font-weight:800!important;color:var(--ink)!important;letter-spacing:-.02em}
.package-save{background:var(--mint);border:2px solid var(--ink);border-radius:999px;padding:3px 10px;font-weight:700;color:var(--ink)}
/* Test */
.test-option{border:2px solid var(--ink)!important;border-radius:16px!important;background:#fff!important;font-weight:600;box-shadow:3px 3px 0 var(--ink);transition:transform .25s var(--ease-pop),background .25s}
.test-option:hover{transform:translate(-1px,-2px);background:var(--mustard-l)!important}
.test-option.selected,.test-option[aria-checked="true"]{background:var(--gold)!important}
.test-progress-bar{border:2px solid var(--ink);border-radius:999px;background:#fff;height:14px!important;overflow:hidden}
.test-progress-fill{background:var(--navy)!important}
/* Nasıl sipariş adımları */
.howto-num{background:var(--gold)!important;color:var(--ink)!important;border:2px solid var(--ink)!important;box-shadow:4px 4px 0 var(--ink);font-family:var(--font-display)!important;font-weight:800!important;animation:wobble 4s ease-in-out infinite}
.howto-step:nth-child(2) .howto-num{background:var(--ember)!important;color:#fff!important}
.howto-step:nth-child(3) .howto-num{background:var(--mint)!important}
.howto-step:nth-child(4) .howto-num{background:var(--navy)!important;color:#fff!important}
@keyframes wobble{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}
/* Karşılaştırma tablosu */
.compare-table th{background:var(--ink);color:#fff;font-family:var(--font-display);font-weight:800}
.compare-table td,.compare-table th{border-color:var(--ink)!important}
/* Yorumlar */
.review-avatar{border:2px solid var(--ink)!important;background:var(--cobalt-l)!important;color:var(--ink)!important;font-family:var(--font-display);font-weight:800}
.review-stars{color:var(--gold)}
/* İletişim */
.contact-method{border-radius:18px!important;box-shadow:4px 4px 0 var(--ink)!important}
.social-grid .social-btn{background:#fff!important;border:2px solid var(--ink)!important;border-radius:16px!important;color:var(--ink)!important;box-shadow:4px 4px 0 var(--ink);font-weight:700;transition:transform .3s var(--ease-pop),background .3s}
.social-grid .social-btn:hover{transform:translateY(-4px) rotate(-3deg);background:var(--gold)!important}
.contact{background:var(--navy)!important;border-radius:60px 60px 0 0;color:#fff}
.contact h2,.contact .section-title,.contact p,.contact .contact-head *{color:#fff!important}
.contact .section-eyebrow{color:var(--ink)!important}
/* Sayfanın kendi footer'ı: C footer geldiği için gizle */
.footer{display:none!important}
/* Hero istatistikleri */
.hero-stats>div,.hero-stats>*{background:#fff;border:2px solid var(--ink);border-radius:20px;padding:14px 18px;box-shadow:4px 4px 0 var(--ink)}
.hero-stats strong,.hero-stats b,.hero-stats .num{font-family:var(--font-display);font-weight:800;color:var(--ember)}
/* Bölüm başlıkları rengi */
.section-title{color:var(--ink)!important}
.section-lead,.hero-sub{color:var(--ink-soft)!important}
/* Sub-nav (build tarafından üretilen) */
.subnav-inner a{font-family:var(--font-sans)}
/* Küçük ekran */
@media (max-width:640px){.hero h1{font-size:2.4rem!important}.access-banner{font-size:12px}}

/* --- Iletisim: kartlar beyaza dondugu icin yazilar koyu olmali --- */
.contact-method{color:var(--ink)!important}
.contact-method .lbl{color:#6B6E8F!important}
.contact-method .val,.contact-method .val small{color:var(--ink)!important;opacity:1!important}
.contact-method .val small{display:block;color:#6B6E8A!important;font-weight:500}
.contact-method .icon{color:var(--ink)!important}
.contact-method.whatsapp .icon{color:#128C4A!important}
.contact-primary{background:rgba(255,255,255,.10)!important;border:2px solid rgba(255,255,255,.28)!important;border-radius:28px!important}
.contact-primary h3,.contact-side h3,.contact h3{color:#fff!important}
.contact .social-note,.contact small.muted{color:rgba(255,255,255,.75)!important}

/* --- Koyu zemin icin yazilmis metinler beyaz kartlara dusunce kaybolmasin --- */
.book-card,.package,.grammar-card,.info-card,.review,.howto-step,.level-test-box,
.stream-card,.excerpt-book,.contact-method,.compare-wrap,.sample-panel,.about-stats{
  color:var(--ink)!important}
.about-stats *,.contact-method *,.level-test-box *,.compare-wrap *{color:inherit}
.about-stat .num{color:var(--coral)!important}
.about-stat .lbl,.contact-method .lbl{color:#6B6E8F!important}

/* --- MOBIL DUZELTMELERI --- */
@media(max-width:760px){
  /* alt menu ortalanmis oldugu icin ilk maddeler erisilemiyordu */
  .subnav-inner{justify-content:flex-start!important;scroll-padding-left:10px}
  /* not: artık --nav-h ölçülüp kullanılıyor (c-yapisma.js); sabit değer kaldırıldı */
}
@media(max-width:640px){
  /* hero istatistikleri 3 dar sutunda taşıyordu */
  .hero-stats{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}
  .hero-stat{padding:12px 6px!important}
  .hero-stat .num{font-size:1rem!important;line-height:1.2!important}
  .hero-stat .num em{font-size:1.3rem!important}
  .hero-stat .lbl{font-size:9.5px!important;letter-spacing:.06em!important}
  .access-banner{font-size:11.5px!important;padding:10px 14px!important;line-height:1.5!important}
  /* buyuk rakamlar mobilde kucultuldu */
  .result-level{font-size:2.4rem!important}
  .score{font-size:2rem!important}
  .about-stat .num{font-size:1.6rem!important}
  .package-price .now{font-size:1.9rem!important}
}

/* magazada ust menu + alt menu var, pay daha buyuk */
html{scroll-padding-top:158px}
@media(max-width:1240px){html{scroll-padding-top:132px}}
/* WhatsApp balonu mobilde icerigi kapatmasin */
@media(max-width:640px){.wa-float{transform:scale(.85);transform-origin:bottom right}}