/* ══════════════════════════════════════════════════════════════════
   MYK Sınav Merkezi – myk-sinav.com tasarım sistemi
   Renkler: gray-900 hero/footer · blue-600 aksan · beyaz nav
   ══════════════════════════════════════════════════════════════════ */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
  color: #111827;
  background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 40%, #f8fafc 100%);
  background-attachment: fixed;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
ul { list-style: none; }
button { cursor: pointer; border: none; background: none; font-family: inherit; }
input, textarea, select { font-family: inherit; font-size: inherit; }

/* ─── Değişkenler ─────────────────────────────────────────────── */
:root {
  --g50:#F9FAFB; --g100:#F3F4F6; --g200:#E5E7EB; --g300:#D1D5DB;
  --g400:#9CA3AF; --g500:#6B7280; --g600:#4B5563; --g700:#374151;
  --g800:#1F2937; --g900:#111827;
  --b50:#EFF6FF;  --b100:#DBEAFE; --b500:#3B82F6;
  --b600:#2563EB; --b700:#1D4ED8;
  --wa:#25D366;
  --r-md:8px; --r-lg:12px;
  --sh-sm:0 1px 2px rgba(0,0,0,.05);
  --sh-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);
  --sh-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
  --tr:.2s ease;
}

/* ─── Tipografi ─────────────────────────────────────────────────── */
h1,h2,h3,h4,h5,h6 { line-height:1.2; color:#111827; font-weight:700; }
h1 { font-size:clamp(1.875rem,4vw,3rem); }
h2 { font-size:clamp(1.5rem,3vw,2.25rem); }
h3 { font-size:1.125rem; font-weight:600; }
p  { color:var(--g600); line-height:1.7; }

/* ─── Layout ─────────────────────────────────────────────────────── */
.container { max-width:1280px; margin:0 auto; padding:0 1.5rem; }
@media(min-width:1024px){ .container{ padding:0 2rem; } }

/* ─── Butonlar ──────────────────────────────────────────────────── */
.btn { display:inline-flex; align-items:center; gap:8px; padding:.625rem 1.25rem; border-radius:var(--r-md); font-size:.875rem; font-weight:600; transition:all var(--tr); white-space:nowrap; cursor:pointer; }
.btn-primary { background:var(--b600); color:#fff; box-shadow:var(--sh-sm); }
.btn-primary:hover { background:var(--b700); }
.btn-white { background:#fff; color:var(--g900); border:1px solid var(--g300); }
.btn-white:hover { background:var(--g50); }
.btn-outline { background:transparent; color:#fff; border:1px solid rgba(255,255,255,.4); }
.btn-outline:hover { background:rgba(255,255,255,.1); }
.btn-lg { padding:.75rem 1.75rem; font-size:.9375rem; }
.btn-sm { padding:.4rem 1rem; font-size:.8125rem; }

/* ─── Header (21st.dev style) ────────────────────────────────────── */
.site-header { position:sticky; top:0; z-index:50; width:100%; border-bottom:1px solid transparent; background:rgba(255,255,255,.6); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); transition:border-color .2s,background .2s,box-shadow .2s; }
.site-header.scrolled { background:rgba(255,255,255,.92); border-bottom-color:var(--g200); box-shadow:0 1px 3px rgba(0,0,0,.06); }
.hdr-nav { display:flex; align-items:center; justify-content:space-between; height:3.5rem; }
.hdr-left { display:flex; align-items:center; gap:2rem; }
.hdr-right { display:flex; align-items:center; gap:.75rem; }

.site-logo { display:flex; align-items:center; gap:10px; flex-shrink:0; padding:4px; border-radius:var(--r-md); transition:background var(--tr); }
.site-logo:hover { background:var(--g100); }
.logo-icon-wrap { width:32px; height:32px; background:var(--b600); border-radius:8px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.logo-name { font-size:1rem; font-weight:700; color:var(--g900); line-height:1.1; }
.logo-name span { color:var(--b600); }
.logo-sub { font-size:.6rem; color:var(--g400); letter-spacing:.3px; display:block; }

/* Desktop links */
.hdr-links { display:flex; align-items:center; gap:2px; }
.hdr-link { font-size:.875rem; font-weight:500; color:var(--g600); padding:.5rem .75rem; border-radius:var(--r-md); transition:all var(--tr); display:inline-flex; align-items:center; gap:4px; cursor:pointer; background:none; border:none; font-family:inherit; }
.hdr-link:hover { color:var(--g900); background:var(--g100); }
.hdr-link.active { color:var(--b600); }
.hdr-trigger svg { transition:transform .2s; }

/* Mega dropdown */
.hdr-dropdown { position:relative; }
.hdr-mega { position:absolute; top:100%; left:50%; transform:translateX(-50%) translateY(-4px); opacity:0; visibility:hidden; pointer-events:none; transition:all .2s ease; z-index:100; padding-top:12px; }
.hdr-dropdown:hover .hdr-mega { opacity:1; visibility:visible; pointer-events:auto; transform:translateX(-50%) translateY(0); }
.hdr-right .hdr-dropdown .hdr-mega { left:auto; right:0; transform:translateY(-4px); }
.hdr-right .hdr-dropdown:hover .hdr-mega { transform:translateY(0); }
.hdr-dropdown:hover .hdr-trigger svg { transform:rotate(180deg); }
.hdr-mega-inner { background:#fff; border:1px solid var(--g200); border-radius:var(--r-lg); box-shadow:var(--sh-lg); padding:8px; min-width:420px; }
.hdr-mega-grid { display:grid; grid-template-columns:1fr 1fr; gap:4px; }
.hdr-mega-item { display:flex; align-items:flex-start; gap:10px; padding:10px; border-radius:var(--r-md); transition:background var(--tr); }
.hdr-mega-item:hover { background:var(--g50); }
.hdr-mega-icon { width:36px; height:36px; border-radius:var(--r-md); border:1px solid var(--g200); background:var(--g50); display:flex; align-items:center; justify-content:center; flex-shrink:0; color:var(--g700); }
.hdr-mega-title { font-size:.8125rem; font-weight:600; color:var(--g900); }
.hdr-mega-desc { font-size:.6875rem; color:var(--g500); line-height:1.3; margin-top:1px; }

.hdr-phone { font-size:.8125rem; font-weight:500; color:var(--g500); display:inline-flex; align-items:center; gap:6px; padding:.375rem .75rem; border-radius:var(--r-md); transition:all var(--tr); }
.hdr-phone:hover { color:var(--g900); background:var(--g100); }

/* Hamburger */
.hdr-burger { display:none; width:36px; height:36px; border-radius:var(--r-md); border:1px solid var(--g200); background:#fff; cursor:pointer; flex-direction:column; align-items:center; justify-content:center; gap:5px; padding:0; transition:background var(--tr); }
.hdr-burger:hover { background:var(--g50); }
.hdr-burger span { display:block; width:16px; height:1.5px; background:var(--g700); border-radius:2px; transition:all .3s cubic-bezier(.4,0,.2,1); }
.hdr-burger.open span:nth-child(1){ transform:translateY(6.5px) rotate(45deg); }
.hdr-burger.open span:nth-child(2){ opacity:0; }
.hdr-burger.open span:nth-child(3){ transform:translateY(-6.5px) rotate(-45deg); }

/* Mobile menu (fullscreen portal) */
.mob-menu { position:fixed; top:3.5rem; left:0; right:0; bottom:0; z-index:40; background:rgba(255,255,255,.95); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); border-top:1px solid var(--g200); display:none; opacity:0; transition:opacity .2s ease; }
.mob-menu.open { display:flex; opacity:1; }
.mob-menu-inner { display:flex; flex-direction:column; width:100%; height:100%; overflow:hidden; }
.mob-menu-scroll { flex:1; overflow-y:auto; padding:1rem; }
.mob-menu-bottom { padding:1rem; border-top:1px solid var(--g200); display:flex; flex-direction:column; gap:.5rem; }

.mob-link { display:block; padding:.75rem 1rem; font-size:.9375rem; font-weight:500; color:var(--g700); border-radius:var(--r-md); transition:background var(--tr); }
.mob-link:hover { background:var(--g100); }
.mob-acc-toggle { display:flex; align-items:center; justify-content:space-between; width:100%; padding:.75rem 1rem; font-size:.9375rem; font-weight:600; color:var(--g700); background:none; border:none; border-radius:var(--r-md); cursor:pointer; font-family:inherit; text-align:left; transition:all var(--tr); }
.mob-acc-toggle:hover { background:var(--g100); }
.mob-acc-toggle svg { transition:transform .2s ease; flex-shrink:0; }
.mob-acc-toggle.open { color:var(--b600); background:var(--g50); }
.mob-acc-toggle.open svg { transform:rotate(180deg); }
.mob-acc-panel { max-height:0; overflow:hidden; transition:max-height .3s ease; }
.mob-acc-panel.open { max-height:600px; }
.mob-sub-link { display:flex; align-items:center; gap:10px; padding:.625rem 1rem .625rem 1.5rem; font-size:.875rem; color:var(--g600); border-radius:var(--r-md); transition:all var(--tr); }
.mob-sub-link:hover { background:var(--g100); color:var(--g900); }
.mob-sub-link svg { color:var(--g400); flex-shrink:0; }

@media(max-width:768px){
  .hdr-links, .hdr-phone { display:none; }
  .hdr-burger { display:flex; }
}
@media(min-width:769px){
  .mob-menu { display:none !important; }
}

/* ─── Ekmek kırıntısı ─────────────────────────────────────────── */
.breadcrumb-wrap { background:var(--g50); border-bottom:1px solid var(--g200); }
.breadcrumb { display:flex; align-items:center; flex-wrap:wrap; gap:4px; padding:10px 0; font-size:.8125rem; color:var(--g500); list-style:none; }
.breadcrumb-item a { color:var(--g500); transition:color var(--tr); }
.breadcrumb-item a:hover { color:var(--b600); }
.breadcrumb-item + .breadcrumb-item::before { content:'/'; margin-right:4px; color:var(--g300); }
.breadcrumb-item.active { color:var(--g700); }

/* ─── Hero (prebuiltui exact replica) ────────────────────────────── */
.hero { position:relative; padding:8rem 0 11rem; overflow:hidden; text-align:center; background:#fff; background-image:
  radial-gradient(circle at 1px 1px, var(--g300) .5px, transparent 0);
  background-size:40px 40px; }
.hero::after { content:''; position:absolute; left:0; right:0; bottom:0; height:50%; background:linear-gradient(to top,#fff 0%,transparent 100%); pointer-events:none; }
.hero-inner { position:relative; z-index:1; max-width:850px; margin:0 auto; }

/* Badge pill */
.hero-badge { display:inline-flex; align-items:center; gap:10px; border:1px solid var(--g300); border-radius:9999px; padding:.5rem 1rem; font-size:.875rem; color:var(--g600); margin-bottom:2rem; transition:border-color var(--tr); cursor:default; }
.hero-badge:hover { border-color:var(--g400); }
.hero-badge-link { font-size:.8125rem; font-weight:500; color:var(--g800); display:inline-flex; align-items:center; gap:4px; transition:color var(--tr); }
.hero-badge-link:hover { color:var(--b600); }

/* Heading */
.hero h1 { color:#050040; font-size:clamp(2.25rem,6vw,4.5rem); font-weight:500; letter-spacing:-.03em; line-height:1.08; margin-bottom:0; }
.hero h1 em { font-style:normal; }

/* Subtitle */
.hero-desc { color:var(--g500); font-size:clamp(.875rem,1.2vw,1rem); line-height:1.7; max-width:42rem; margin:1.5rem auto 0; }

/* Buttons */
.hero-btns { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; margin-top:1.5rem; }
.btn-pill { border-radius:9999px; padding:.75rem 1.5rem; font-size:.9375rem; font-weight:500; display:inline-flex; align-items:center; gap:8px; transition:all var(--tr); cursor:pointer; }
.btn-pill-dark { background:#1e293b; color:#fff; border:1px solid #1e293b; }
.btn-pill-dark:hover { background:#000; }
.btn-pill-outline { background:transparent; color:var(--g700); border:1px solid var(--g300); }
.btn-pill-outline:hover { background:rgba(148,163,184,.12); }
.btn-pill-outline svg { transition:transform .2s; }
.btn-pill-outline:hover svg { transform:translateX(3px); }

/* Stats */
.hero-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--g200); border:1px solid var(--g200); border-radius:var(--r-lg); overflow:hidden; max-width:600px; margin:3rem auto 0; }
.hero-stat { background:#fff; padding:1.25rem 1rem; text-align:center; }
.hero-stat-num { font-size:1.75rem; font-weight:600; color:var(--g900); line-height:1; }
.hero-stat-label { font-size:.75rem; color:var(--g500); margin-top:4px; }

@media(max-width:768px){ .hero{padding:6rem 0 8rem;} }
@media(max-width:640px){ .hero{padding:4rem 0 6rem;} .hero-stats{grid-template-columns:repeat(2,1fr);} }
@media(max-width:480px){ .hero-stat{padding:1rem .75rem;} .hero-stat-num{font-size:1.375rem;} .hero-btns{flex-direction:column;align-items:center;} }

/* ─── Stats bar ──────────────────────────────────────────────────── */
.stats-bar { background:var(--g100); padding:3rem 0; }
.stats-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; text-align:center; }
.stat-num { font-size:2.25rem; font-weight:700; color:var(--g900); line-height:1; }
.stat-label { font-size:.875rem; color:var(--g600); margin-top:6px; }
@media(max-width:640px){ .stats-grid{grid-template-columns:repeat(2,1fr);} }

/* ─── Sections ───────────────────────────────────────────────────── */
.section { padding:5rem 0; }
.section-sm { padding:3rem 0; }
.section-gray { background:var(--g50); }
.section-dark { background:var(--g900); }
.section-header { margin-bottom:3rem; }
.section-header.center { text-align:center; }
.section-header.center p { margin:0 auto; }
.section-header h2 { color:var(--g900); margin-bottom:1rem; }
.section-header p { color:var(--g600); font-size:1.0625rem; max-width:640px; line-height:1.7; }
.eyebrow { font-size:.875rem; font-weight:600; color:var(--b600); letter-spacing:.05em; text-transform:uppercase; margin-bottom:.75rem; display:block; }

/* ─── Features ───────────────────────────────────────────────────── */
.features-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2rem; }
.feature-item { position:relative; padding-left:3.5rem; }
.feature-icon { position:absolute; left:0; top:0; width:2.5rem; height:2.5rem; border-radius:var(--r-md); background:var(--b600); color:#fff; display:flex; align-items:center; justify-content:center; }
.feature-item h3 { font-size:1rem; font-weight:600; color:var(--g900); margin-bottom:6px; }
.feature-item p { font-size:.9375rem; color:var(--g600); line-height:1.65; }
@media(max-width:768px){ .features-grid{grid-template-columns:1fr; gap:2rem;} }

/* ─── Yeterlilik Kartları ────────────────────────────────────────── */
.kat-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:1rem; }
.kat-card { background:#fff; border:1px solid var(--g200); border-radius:var(--r-lg); padding:1.5rem; transition:all var(--tr); cursor:pointer; }
.kat-card:hover { border-color:var(--b600); box-shadow:0 0 0 1px var(--b600),var(--sh-md); transform:translateY(-2px); }
.kat-card-icon { font-size:2rem; margin-bottom:1rem; }
.kat-card h3 { font-size:.9375rem; font-weight:600; color:var(--g900); margin-bottom:4px; }
.kat-card p { font-size:.8125rem; color:var(--g500); margin-bottom:1rem; line-height:1.5; }
.kat-badge { display:inline-block; background:var(--b50); color:var(--b600); font-size:.75rem; font-weight:600; padding:2px 10px; border-radius:20px; }
.kat-card-footer { display:flex; justify-content:space-between; align-items:center; }
.kat-link { font-size:.8125rem; color:var(--b600); font-weight:600; }

/* ─── Sınav Takvimi ──────────────────────────────────────────────── */
.takvim-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:1rem; }
.takvim-card { background:#fff; border:1px solid var(--g200); border-radius:var(--r-lg); padding:1.25rem; display:flex; gap:1rem; transition:all var(--tr); }
.takvim-card:hover { border-color:var(--b600); box-shadow:var(--sh-md); }
.takvim-date-box { background:var(--b600); color:#fff; border-radius:var(--r-md); padding:.75rem 1rem; text-align:center; min-width:56px; flex-shrink:0; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.takvim-gun { font-size:1.5rem; font-weight:700; line-height:1; }
.takvim-ay { font-size:.6875rem; text-transform:uppercase; letter-spacing:.5px; opacity:.8; margin-top:2px; }
.takvim-info h4 { font-size:.9375rem; font-weight:600; color:var(--g900); margin-bottom:6px; }
.takvim-meta { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:10px; }
.takvim-tag { font-size:.75rem; color:var(--g500); display:flex; align-items:center; gap:4px; }
.doluluk-bar { height:4px; border-radius:4px; background:var(--g200); overflow:hidden; margin-bottom:10px; }
.doluluk-fill { height:100%; border-radius:4px; background:var(--b600); }
.doluluk-fill.dolu { background:#EF4444; }
.doluluk-fill.az { background:#10B981; }

/* ─── Blog ───────────────────────────────────────────────────────── */
.blog-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; }
.blog-card { background:#fff; border:1px solid var(--g200); border-radius:var(--r-lg); overflow:hidden; transition:all var(--tr); }
.blog-card:hover { box-shadow:var(--sh-md); transform:translateY(-2px); }
.blog-thumb { height:200px; display:flex; align-items:center; justify-content:center; font-size:3rem; overflow:hidden; }
.blog-thumb.blue { background:var(--b50); }
.blog-thumb.gray { background:var(--g100); }
.blog-thumb.green { background:#D1FAE5; }
.blog-thumb-img { display:block; text-decoration:none; }
.blog-thumb-img img { width:100%; height:200px; object-fit:cover; transition:transform .3s ease; }
.blog-card:hover .blog-thumb-img img { transform:scale(1.05); }
.blog-body { padding:1.25rem; }
.blog-category { font-size:.75rem; font-weight:600; color:var(--b600); letter-spacing:.05em; text-transform:uppercase; margin-bottom:6px; }
.blog-body h4 { font-size:1rem; font-weight:600; color:var(--g900); margin-bottom:6px; line-height:1.4; }
.blog-body p { font-size:.875rem; color:var(--g600); margin-bottom:10px; line-height:1.5; }
.blog-meta { font-size:.8125rem; color:var(--g400); display:flex; gap:8px; }
@media(max-width:900px){ .blog-grid{grid-template-columns:1fr 1fr;} }
@media(max-width:600px){ .blog-grid{grid-template-columns:1fr;} }

/* ─── CTA ────────────────────────────────────────────────────────── */
.cta-section { background:var(--g900); padding:5rem 0; }
.cta-inner { display:flex; align-items:center; justify-content:space-between; gap:2rem; }
.cta-inner h2 { color:#fff; margin-bottom:.75rem; }
.cta-inner p { color:rgba(255,255,255,.65); max-width:520px; font-size:1.0625rem; }
.cta-btns { display:flex; gap:12px; flex-shrink:0; flex-wrap:wrap; }
@media(max-width:768px){ .cta-inner{flex-direction:column; text-align:center;} .cta-inner p{margin:0 auto;} }

/* ─── Tablolar ───────────────────────────────────────────────────── */
.data-table { width:100%; border-collapse:collapse; font-size:.9375rem; }
.data-table th { background:var(--g50); color:var(--g600); padding:12px 16px; text-align:left; font-size:.8125rem; font-weight:600; letter-spacing:.05em; text-transform:uppercase; border-bottom:1px solid var(--g200); }
.data-table td { padding:14px 16px; border-bottom:1px solid var(--g100); color:var(--g700); }
.data-table tr:last-child td { border-bottom:none; }
.data-table tr:hover td { background:var(--g50); }
.data-table a { color:var(--g900); font-weight:600; }
.data-table a:hover { color:var(--b600); }
.seviye-badge { display:inline-flex; align-items:center; justify-content:center; padding:2px 10px; border-radius:20px; font-size:.75rem; font-weight:600; }
.seviye-2 { background:#FEF3C7; color:#92400E; }
.seviye-3 { background:var(--b50); color:var(--b700); }
.seviye-4 { background:#D1FAE5; color:#065F46; }
.seviye-5 { background:#EDE9FE; color:#5B21B6; }
.action-link { font-size:.8125rem; font-weight:600; color:var(--b600); padding:5px 12px; border:1px solid var(--b600); border-radius:6px; transition:all var(--tr); }
.action-link:hover { background:var(--b600); color:#fff; }

.price-table { width:100%; border-collapse:collapse; border:1px solid var(--g200); border-radius:var(--r-lg); overflow:hidden; }
.price-table th { background:var(--g900); color:#fff; padding:14px 18px; text-align:left; font-size:.875rem; font-weight:600; }
.price-table td { padding:14px 18px; border-bottom:1px solid var(--g200); font-size:.9375rem; color:var(--g700); }
.price-table tr:last-child td { border-bottom:none; }
.price-table tr:hover td { background:var(--g50); }
.price-total { font-size:1.0625rem; font-weight:700; color:var(--b600) !important; text-align:right !important; }
@media(max-width:640px){
  .price-table,.price-table thead,.price-table tbody,.price-table th,.price-table td,.price-table tr{display:block;}
  .price-table thead{position:absolute;left:-9999px;}
  .price-table tr{background:#fff;border:1px solid var(--g200);border-radius:var(--r-lg);margin-bottom:12px;padding:4px 0;overflow:hidden;}
  .price-table td{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid var(--g100);font-size:.875rem;}
  .price-table td::before{content:attr(data-label);font-weight:600;color:var(--g500);font-size:.8125rem;margin-right:12px;flex-shrink:0;}
  .price-table tr:last-child td{border-bottom:1px solid var(--g100);}
  .price-table td:last-child{border-bottom:none;background:var(--g50);border-radius:0 0 var(--r-lg) var(--r-lg);}
  .price-total{text-align:left !important;font-size:.9375rem;}
}

/* ─── SSS ────────────────────────────────────────────────────────── */
.accordion-list { display:flex; flex-direction:column; gap:8px; }
.accordion-item { border:1px solid var(--g200); border-radius:var(--r-md); overflow:hidden; }
.accordion-trigger { width:100%; text-align:left; padding:1rem 1.25rem; font-size:.9375rem; font-weight:500; color:var(--g900); display:flex; justify-content:space-between; align-items:center; gap:12px; background:#fff; transition:background var(--tr); }
.accordion-trigger:hover { background:var(--g50); }
.accordion-trigger.open { background:var(--g50); }
.acc-icon { flex-shrink:0; color:var(--g400); transition:transform var(--tr); }
.accordion-trigger.open .acc-icon { transform:rotate(180deg); color:var(--b600); }
.accordion-body { padding:0 1.25rem; max-height:0; overflow:hidden; transition:max-height .3s ease, padding .2s; }
.accordion-body.open { padding:0 1.25rem 1.25rem; max-height:600px; }
.accordion-body p { color:var(--g600); font-size:.9375rem; line-height:1.7; }

/* ─── Form ───────────────────────────────────────────────────────── */
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.form-group { display:flex; flex-direction:column; gap:6px; }
.form-group.full { grid-column:1/-1; }
.form-label { font-size:.875rem; font-weight:500; color:var(--g700); }
.form-control { padding:.625rem .875rem; border:1px solid var(--g300); border-radius:var(--r-md); font-size:.9375rem; background:#fff; width:100%; color:var(--g900); transition:border-color var(--tr),box-shadow var(--tr); }
.form-control:focus { outline:none; border-color:var(--b600); box-shadow:0 0 0 3px rgba(37,99,235,.15); }
.form-control.is-invalid { border-color:#EF4444; }
textarea.form-control { resize:vertical; min-height:120px; }
select.form-control { appearance:none; background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:right 10px center; background-size:16px; padding-right:36px; }
.form-hint { font-size:.75rem; color:var(--g500); }
.form-error { font-size:.75rem; color:#EF4444; }
@media(max-width:600px){ .form-grid{grid-template-columns:1fr;} }

/* ─── Alert ──────────────────────────────────────────────────────── */
.alert { padding:1rem 1.25rem; border-radius:var(--r-md); font-size:.9375rem; display:flex; gap:12px; align-items:flex-start; }
.alert-success { background:#D1FAE5; color:#065F46; border:1px solid #A7F3D0; }
.alert-danger  { background:#FEE2E2; color:#991B1B; border:1px solid #FECACA; }
.alert-info    { background:var(--b50); color:var(--b700); border:1px solid var(--b100); }

/* ─── Content / Sidebar ─────────────────────────────────────────── */
.content-layout { display:grid; grid-template-columns:1fr 300px; gap:3rem; align-items:start; }
.content-body h2 { font-size:1.5rem; margin:2rem 0 .875rem; }
.content-body p { margin-bottom:1rem; }
.content-body ul { padding-left:1.5rem; margin-bottom:1rem; list-style:disc; }
.content-body ul li { color:var(--g600); margin-bottom:6px; }
.content-sidebar { position:sticky; top:80px; }
.sidebar-card { background:#fff; border:1px solid var(--g200); border-radius:var(--r-lg); padding:1.25rem; margin-bottom:1rem; }
.sidebar-card h4 { font-size:.9375rem; font-weight:600; margin-bottom:.875rem; color:var(--g900); }
.sidebar-cta { background:var(--b600); color:#fff; border:none; }
.sidebar-cta h4 { color:#fff; }
.sidebar-cta p { color:rgba(255,255,255,.75); font-size:.875rem; }
@media(max-width:900px){ .content-layout{grid-template-columns:1fr;} .content-sidebar{position:static;} }

/* ─── Sayfalama ──────────────────────────────────────────────────── */
.pagination { display:flex; justify-content:center; gap:4px; padding:2rem 0; }
.page-btn { width:38px; height:38px; display:flex; align-items:center; justify-content:center; border-radius:var(--r-md); font-size:.875rem; border:1px solid var(--g300); color:var(--g700); transition:all var(--tr); }
.page-btn:hover { background:var(--g100); }
.page-btn.active { background:var(--b600); color:#fff; border-color:var(--b600); }

/* ─── Footer ─────────────────────────────────────────────────────── */
.site-footer { background:var(--g900); }
.footer-top { padding:4rem 0 2.5rem; }
.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1.2fr; gap:3rem; }
.footer-logo-wrap { display:flex; align-items:center; gap:8px; margin-bottom:1rem; }
.footer-logo-name { color:#fff; font-size:1.0625rem; font-weight:700; }
.footer-logo-name span { color:var(--b500); }
.footer-desc { color:var(--g400); font-size:.9375rem; line-height:1.7; margin-bottom:1.25rem; }
.f-badges { display:flex; flex-wrap:wrap; gap:6px; }
.f-badge { font-size:.6875rem; padding:3px 10px; border-radius:20px; background:rgba(255,255,255,.07); color:var(--g400); border:1px solid rgba(255,255,255,.1); }
.footer-heading { color:rgba(255,255,255,.85); font-size:.8125rem; font-weight:600; letter-spacing:.05em; text-transform:uppercase; margin-bottom:1rem; }
.footer-links { display:flex; flex-direction:column; gap:6px; }
.footer-links a { color:var(--g400); font-size:.9375rem; transition:color var(--tr); }
.footer-links a:hover { color:#fff; }
.footer-contact { display:flex; flex-direction:column; gap:10px; list-style:none; }
.footer-contact li { display:flex; gap:8px; align-items:flex-start; color:var(--g400); font-size:.875rem; }
.footer-contact li svg { flex-shrink:0; margin-top:2px; }
.footer-contact a { color:var(--g400); transition:color var(--tr); }
.footer-contact a:hover { color:#fff; }
.footer-social { display:flex; gap:8px; margin-top:1rem; }
.footer-social a { width:36px; height:36px; border-radius:var(--r-md); background:rgba(255,255,255,.08); color:var(--g400); display:flex; align-items:center; justify-content:center; transition:all var(--tr); border:1px solid rgba(255,255,255,.1); }
.footer-social a:hover { background:rgba(255,255,255,.16); color:#fff; }
.footer-bottom { border-top:1px solid rgba(255,255,255,.08); padding:1.25rem 0; }
.footer-bottom-inner { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; }
.footer-copy { color:var(--g500); font-size:.875rem; }
.footer-legal { display:flex; gap:1.25rem; }
.footer-legal a { color:var(--g500); font-size:.875rem; transition:color var(--tr); }
.footer-legal a:hover { color:var(--g300); }
@media(max-width:900px){ .footer-grid{grid-template-columns:1fr 1fr; gap:2rem;} }
@media(max-width:500px){ .footer-grid{grid-template-columns:1fr;} .footer-bottom-inner{flex-direction:column; text-align:center;} }

/* ─── WhatsApp FAB ───────────────────────────────────────────────── */
.whatsapp-fab { position:fixed; bottom:24px; right:24px; z-index:90; width:52px; height:52px; border-radius:50%; background:#25D366; color:#fff; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 16px rgba(37,211,102,.45); transition:all var(--tr); }
.whatsapp-fab:hover { transform:scale(1.08); }

/* ─── Back to top ────────────────────────────────────────────────── */
.back-to-top { position:fixed; bottom:84px; right:24px; z-index:89; width:40px; height:40px; border-radius:50%; background:var(--g900); color:#fff; display:flex; align-items:center; justify-content:center; box-shadow:var(--sh-md); opacity:0; pointer-events:none; transition:all var(--tr); }
.back-to-top.visible { opacity:1; pointer-events:all; }
.back-to-top:hover { background:var(--b600); }

/* ─── Utilities ──────────────────────────────────────────────────── */
.text-center{text-align:center} .text-blue{color:var(--b600)} .text-muted{color:var(--g500)}
.mt-4{margin-top:1rem} .mt-6{margin-top:1.5rem} .mt-8{margin-top:2rem} .mt-12{margin-top:3rem}
.mb-4{margin-bottom:1rem} .mb-6{margin-bottom:1.5rem} .mb-8{margin-bottom:2rem}
.d-flex{display:flex} .flex-wrap{flex-wrap:wrap} .gap-3{gap:.75rem} .gap-4{gap:1rem} .gap-6{gap:1.5rem}
.align-center{align-items:center} .justify-center{justify-content:center} .justify-between{justify-content:space-between}
.w-full{width:100%} .hidden{display:none}

@media print {
  .site-header,.site-footer,.topbar,.whatsapp-fab,.back-to-top{display:none;}
}