/* =====================================================================
   HostScore360 — "Aurora Glass" tasarım katmanı
   Açık buzlu-cam + 3B derinlik · marka: canlı mavi→camgöbeği→zümrüt · Gator maskot
   En son yüklenir; sayfa-içi stilleri geçmek için yalnız "deri" özelliklerinde !important.
   ===================================================================== */
:root{
  --g-brand:#2f6bff; --g-brand-d:#1e56e6; --g-cyan:#12b6e8;
  --g-emer:#10b981; --g-emer-d:#059669; --g-gold:#f59e0b;
  --g-ink:#0f1e3d; --g-muted:#566589; --g-faint:#8996b4;
  --g-glass:linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,.34));
  --g-glass-strong:linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,255,255,.55));
  --g-stroke:rgba(255,255,255,.9);
  --g-line:rgba(15,32,72,.08);
  --g-shadow:0 26px 60px -22px rgba(31,86,230,.34),0 10px 26px -12px rgba(15,30,72,.16);
  --g-shadow-lg:0 40px 80px -24px rgba(31,86,230,.46),0 14px 34px -16px rgba(15,30,72,.2);
  --g-rim:inset 0 1px 0 rgba(255,255,255,1),inset 0 0 0 1px rgba(255,255,255,.35);
  --g-blur:26px;
  --g-mono:ui-monospace,"SF Mono","Cascadia Mono",Consolas,monospace;
}

/* ---------- Zemin: açık aurora + çok hafif teknik ızgara ---------- */
body{
  background:
    linear-gradient(rgba(15,32,72,.026) 1px,transparent 1px) 0 0/56px 56px,
    linear-gradient(90deg,rgba(15,32,72,.026) 1px,transparent 1px) 0 0/56px 56px,
    radial-gradient(820px 560px at 4% -10%,rgba(47,107,255,.30),transparent 60%),
    radial-gradient(720px 520px at 104% -4%,rgba(16,185,129,.26),transparent 60%),
    radial-gradient(680px 600px at 50% 124%,rgba(18,182,232,.22),transparent 62%),
    radial-gradient(520px 420px at 88% 70%,rgba(124,92,255,.10),transparent 60%),
    linear-gradient(180deg,#e7effe,#f4f9ff) !important;
  background-attachment:fixed !important;
  color:var(--g-ink);
}

/* ---------- Ortak cam kart görünümü (sayfa geneli) ---------- */
.stat-card,.firm-card,.firm-card2,.podium-card,.pricing-card,.fd-card,.blog-card,
.fk-deal,.fk-ram-card,.cmp-card,.review-card,.faq-item,.hs-cmp-grid > a{
  background:var(--g-glass) !important;
  border:1px solid var(--g-stroke) !important;
  border-radius:18px !important;
  -webkit-backdrop-filter:blur(var(--g-blur)) saturate(150%);
  backdrop-filter:blur(var(--g-blur)) saturate(150%);
  box-shadow:var(--g-shadow),var(--g-rim) !important;
  transition:transform .28s cubic-bezier(.22,.61,.36,1),box-shadow .28s,border-color .28s !important;
}
/* 3B hover: yükselme + gölge büyümesi */
.stat-card:hover,.firm-card:hover,.firm-card2:hover,.podium-card:hover,.pricing-card:hover,
.blog-card:hover,.fk-deal:hover{
  transform:translateY(-6px) !important;
  box-shadow:var(--g-shadow-lg),var(--g-rim) !important;
  border-color:rgba(47,107,255,.35) !important;
}
/* Sponsorlu kartlar: zümrüt/altın cam vurgusu */
.firm-card--sponsored,.sponsored-row,tr.sponsored-row{
  background:linear-gradient(180deg,rgba(255,247,224,.85),rgba(255,255,255,.6)) !important;
  border-color:rgba(245,158,11,.45) !important;
}

/* ---------- Kazanan/öne çıkan (podyum 1.) ---------- */
.podium-card.rank-1,.podium-card.win{
  background:linear-gradient(180deg,rgba(209,250,236,.9),rgba(255,255,255,.72)) !important;
  border-color:rgba(16,185,129,.42) !important;
  box-shadow:0 36px 74px -24px rgba(16,185,129,.42),0 0 0 1px rgba(16,185,129,.22),var(--g-rim) !important;
}

/* ---------- Hero ---------- */
.hero{background:transparent !important;border-bottom:0 !important;}
.hero-title{color:#0c1730 !important;letter-spacing:-1px;}
.hero-highlight{color:transparent !important;background:linear-gradient(100deg,var(--g-brand),var(--g-cyan) 52%,var(--g-emer));-webkit-background-clip:text;background-clip:text;}
.hero-highlight::after{background:linear-gradient(90deg,var(--g-brand),var(--g-emer)) !important;opacity:.5 !important;height:4px !important;}
.hero-badge-top{background:rgba(16,185,129,.12) !important;border:1px solid rgba(16,185,129,.3) !important;color:var(--g-emer-d) !important;backdrop-filter:blur(8px);}
.hero-search{background:var(--g-glass-strong) !important;border:1px solid var(--g-stroke) !important;border-radius:15px !important;box-shadow:var(--g-shadow),var(--g-rim) !important;backdrop-filter:blur(16px);}
.hero-search:focus-within{border-color:rgba(47,107,255,.5) !important;}
.hero-search i{color:var(--g-brand) !important;}
.hero-stats-row{background:var(--g-glass) !important;border:1px solid var(--g-stroke) !important;border-radius:15px !important;box-shadow:var(--g-shadow),var(--g-rim) !important;backdrop-filter:blur(12px);}
.hero-stat strong{color:#0c1730 !important;font-variant-numeric:tabular-nums;}
.hero-stat-sep{background:var(--g-line) !important;}

/* ---------- Bölüm başlıkları ---------- */
.section-header h2,.hs-cmp-head h2,.podium-header h2{color:#0c1730 !important;letter-spacing:-.5px;}
.section-header h2 i{color:var(--g-brand) !important;}

/* ---------- Birincil butonlar: canlı gradyan + derinlik ---------- */
.btn-primary,.firm-card-btn,.podium-btn,.form-submit,.hero-search button,
.fk-cta,.cmp-cta,.firm-link.primary,a.firm-card-btn{
  background:linear-gradient(180deg,var(--g-brand),var(--g-brand-d)) !important;
  color:#fff !important;border:0 !important;border-radius:12px !important;
  box-shadow:0 12px 26px -10px rgba(47,107,255,.7),inset 0 1px 0 rgba(255,255,255,.4) !important;
  transition:transform .2s,box-shadow .2s !important;
}
.btn-primary:hover,.firm-card-btn:hover,.podium-btn:hover,.form-submit:hover,.fk-cta:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 18px 34px -10px rgba(47,107,255,.8),inset 0 1px 0 rgba(255,255,255,.5) !important;
}

/* ---------- Firma tablosu: cam kap + okunur satırlar ---------- */
.firms-table{border-radius:18px !important;overflow:hidden;border:1px solid var(--g-stroke) !important;
  box-shadow:var(--g-shadow),var(--g-rim) !important;background:var(--g-glass) !important;backdrop-filter:blur(var(--g-blur));}
.firms-table thead,.firms-table th{background:rgba(47,107,255,.08) !important;color:#0c1730 !important;}
.firms-table tbody tr{background:rgba(255,255,255,.5) !important;}
.firms-table tbody tr:hover{background:rgba(47,107,255,.09) !important;}
.firms-table td,.firms-table th{border-color:var(--g-line) !important;}
.firms-table .num,.firms-table td strong{font-variant-numeric:tabular-nums;}

/* ---------- Filtre/segment butonları (sade cam) ---------- */
.cat-btn,.firms-control-bar button,.filter-btn{
  background:var(--g-glass) !important;border:1px solid var(--g-stroke) !important;border-radius:11px !important;
  color:var(--g-muted) !important;backdrop-filter:blur(10px);box-shadow:var(--g-rim) !important;
}
.cat-btn.active,.firms-control-bar button.active,.filter-btn.active{
  background:linear-gradient(180deg,var(--g-brand),var(--g-brand-d)) !important;color:#fff !important;border-color:transparent !important;
  box-shadow:0 10px 22px -10px rgba(47,107,255,.65) !important;
}

/* ---------- FOOTER: koyu cam (açık gövdeyle premium kontrast) ---------- */
.footer{
  background:linear-gradient(180deg,rgba(12,20,42,.92),rgba(8,13,28,.95)) !important;
  border-top:1px solid rgba(255,255,255,.10) !important;border-radius:26px 26px 0 0 !important;
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
  box-shadow:0 -20px 50px -30px rgba(8,13,28,.7),inset 0 1px 0 rgba(255,255,255,.14) !important;
  margin-top:64px;
}
.footer-brand h3{color:#fff !important;}
.footer h4{color:#dbe4ff !important;}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08) !important;}
/* Footer 5 sütun (marka + 4 link kolonu) — "Hızlı Satın Al" alta kaymasın */
.footer-top{grid-template-columns:1.8fr 1fr 1.2fr 1fr 1fr !important;gap:30px !important;}
@media(max-width:900px){.footer-top{grid-template-columns:1fr 1fr !important;gap:24px !important;}}
@media(max-width:520px){.footer-top{grid-template-columns:1fr !important;}}

/* ---------- Karşılaştırma sayfası: pill'ler 2 satıra taşınca stat kartları çakışmasın ---------- */
.fk-hero{padding-bottom:94px !important;}
.fk-stats{margin-top:-60px !important;}
.fk-stat{background:var(--g-glass) !important;border:1px solid var(--g-stroke) !important;border-radius:16px !important;
  box-shadow:var(--g-shadow),var(--g-rim) !important;-webkit-backdrop-filter:blur(var(--g-blur));backdrop-filter:blur(var(--g-blur));}
.fk-stat .v{color:#0c1730 !important;}
.fk-stat.hl .v{background:linear-gradient(90deg,var(--g-brand),var(--g-cyan));-webkit-background-clip:text;background-clip:text;color:transparent !important;}

/* ---------- Firma favicon logoları (FA yerine gerçek favicon) ---------- */
.hs-fav{object-fit:contain;background:#fff;}
.podium-logo.hs-fav{padding:6px;}

/* ---------- Hareket azaltma tercihi ---------- */
@media (prefers-reduced-motion:reduce){
  .stat-card,.firm-card,.firm-card2,.podium-card,.pricing-card,.blog-card,.fk-deal,
  .btn-primary,.firm-card-btn,.podium-btn{transition:none !important;}
}