/* Gece — premium karanlık. Gece mavisi ve pirinç, serif başlıklar, cam efektli bölge kartı */
:root {
  --c-primary: #c8a15a; --c-primary-2: #b08944; --c-primary-soft: rgba(200, 161, 90, .14); --c-on-primary: #17120a;
  --c-accent: #c8a15a; --brass: #c8a15a;
  --c-bg: #0e1320; --c-surface: #151c2c; --c-surface-2: #1c2538; --c-text: #e8ecf3; --c-muted: #95a0b4; --c-border: #273249;
  --c-success: #4ade80; --c-danger: #f87171; --c-warn: #fbbf24; --c-call: #273249;
  --hero-from: #0e1320; --hero-to: #0e1320; --hero-text: #f3efe6; --hero-blob: transparent;
  --header-bg: rgba(14, 19, 32, .86); --header-text: #e8ecf3;
  --footer-bg: #0a0e18; --footer-text: #95a0b4; --footer-head: #f3efe6;
  --sponsor-a: #c8a15a; --sponsor-b: #8a6a2e; --sponsor-bg: #1a1e27;
  --new: #f87171;
  --font-body: 'Jost', system-ui, sans-serif; --font-head: 'Cormorant Garamond', Georgia, serif;
  --head-weight: 600; --head-spacing: 0;
  --radius: 14px; --radius-sm: 10px; --radius-btn: 999px;
  --shadow: 0 1px 2px rgba(0, 0, 0, .3); --shadow-lg: 0 24px 60px rgba(0, 0, 0, .45);
  color-scheme: dark;
}
body { font-weight: 400; letter-spacing: .005em; }
h1, h2, h3 { font-weight: 600; }
.btn-primary { color: var(--c-on-primary); box-shadow: 0 10px 26px -12px rgba(200, 161, 90, .7); }
.btn-primary:hover { color: var(--c-on-primary); }
.btn-ghost { border-color: #3a4560; color: var(--c-text); }
.btn-light { background: var(--brass); color: var(--c-on-primary); }
.btn-call { background: #273249; color: #f3efe6; }
.btn-disabled { background: #1c2538; color: #6c7790; border-color: #273249; }

/* koyu temada açık renkli bileşenleri karart */
.alert-success { background: #0f2a1d; border-color: #1f5a3a; color: #a7f3c7; }
.alert-error, .wz-err { background: #2b1214; border-color: #6b2228; color: #fecaca; }
.alert-warning { background: #2a2210; border-color: #6b5214; color: #fde68a; }
.alert-info { background: #121e36; border-color: #23406e; color: #bfd4f6; }
.st-warn { background: rgba(251, 191, 36, .14); } .st-ok { background: rgba(74, 222, 128, .12); }
.fc-logo img, .store-logo img, .sp-logo img, .mf-logo img { background: #f3efe6; }
.lp-sel select option, select option { background: #151c2c; color: #e8ecf3; }
.leaflet-container { filter: brightness(.85) contrast(1.05); }
.as-firm.on { background: rgba(245, 158, 11, .1); }

/* başlık: ince pirinç çizgi */
.site-header { border-bottom: 1px solid rgba(200, 161, 90, .28); }
.brand-mark { background: transparent; border: 1px solid var(--brass); color: var(--brass); box-shadow: none; }
.brand-text { font-family: var(--font-head); font-size: 1.45rem; font-weight: 700; letter-spacing: .02em; }
.brand-text small { color: var(--c-muted); }
.main-nav > a:not(.btn):hover, .main-nav > a[aria-current] { background: transparent; color: var(--brass); }
.burger span { background: var(--c-text); }
.hdr-search input { background: var(--c-surface); }

/* sahne: geniş, alçak ışık; yazı solda, cam kart sağda */
.hero { background: radial-gradient(1200px 500px at 85% 10%, rgba(200, 161, 90, .16), transparent 60%), radial-gradient(800px 500px at 0% 100%, rgba(70, 96, 160, .22), transparent 60%), var(--c-bg); padding: clamp(56px, 9vw, 130px) 0 clamp(56px, 8vw, 110px); }
.hero-bg { display: none; }
.hero-in { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); grid-template-areas: "t b" "tr b"; text-align: left; max-width: var(--container); gap: 22px 56px; align-items: center; }
.hero-text { grid-area: t; align-self: end; }
.hero-trust { grid-area: tr; align-self: start; justify-content: flex-start; color: var(--c-muted); font-weight: 400; }
.hero-trust i { color: var(--brass); }
.hero h1 { font-size: clamp(2.6rem, 1.4rem + 4.6vw, 5rem); line-height: .98; font-weight: 600; color: #f3efe6; }
.hero-sub { margin: 0 !important; color: var(--c-muted); opacity: 1; font-size: 1.15rem; }
.hero-box { grid-area: b; max-width: none; background: rgba(21, 28, 44, .72); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border: 1px solid rgba(200, 161, 90, .35); box-shadow: 0 30px 80px -30px rgba(0, 0, 0, .8); }
.hero-box-title { font-family: var(--font-head); font-size: 1.45rem; font-weight: 600; color: #f3efe6; }
.hero-box-title i { color: var(--brass); }
.lp-sel { background: rgba(14, 19, 32, .6); }
.lp-sel:focus-within { background: rgba(14, 19, 32, .9); }
.lp-chip { background: transparent; }
.perks { margin-top: 0; padding-top: 30px; }
.perk { background: var(--c-surface); border-color: var(--c-border); box-shadow: none; }
.perk > i { background: transparent; border: 1px solid rgba(200, 161, 90, .4); color: var(--brass); border-radius: 50%; }

/* bölümler */
.sec-head h2 { font-size: clamp(1.7rem, 1.3rem + 1.4vw, 2.4rem); }
.section-alt { background: #111726; border-color: var(--c-border); }
.svc-card { background: var(--c-surface); }
.svc-card:hover { border-color: rgba(200, 161, 90, .5); box-shadow: var(--shadow-lg); }
.svc-ic { background: transparent; border: 1px solid rgba(200, 161, 90, .35); color: var(--brass); border-radius: 50%; }
.svc-card h2, .svc-card h3 { font-size: 1.4rem; }
.prov { background: var(--c-surface); }
.prov:hover { border-color: var(--brass); color: var(--brass); }
.plate { background: rgba(200, 161, 90, .14); color: var(--brass); }
.way { background: var(--c-surface); }
.way-rec { border-color: var(--brass); box-shadow: 0 0 0 3px rgba(200, 161, 90, .12); }
.way-badge { background: var(--brass); color: var(--c-on-primary); }
.stats-row { background: var(--c-surface); }
.stats-row strong { color: var(--brass); font-family: var(--font-head); font-size: 2.4rem; }
.cta-band { background: linear-gradient(135deg, #1c2538, #121a2b); border: 1px solid rgba(200, 161, 90, .3); }
.cta-band::after { background: radial-gradient(circle, rgba(200, 161, 90, .18), transparent 65%); }
.page-head { background: #111726; }
.quick-answer { border-left-color: var(--brass); }
.chip.active, .sort.active { background: var(--brass); border-color: var(--brass); color: var(--c-on-primary); }

/* firma kartları: iki sütun, ince pirinç kenar */
.firm-card { background: var(--c-surface); }
.firm-card:hover { border-color: rgba(200, 161, 90, .55); box-shadow: var(--shadow-lg); }
.fc-name { font-size: 1.4rem; }
.fc-name a { color: #f3efe6; }
.fc-price { background: rgba(200, 161, 90, .1); }
.fc-price b { color: var(--brass); font-family: var(--font-head); font-size: 1.35rem; }
.tag { background: rgba(200, 161, 90, .12); color: #e3c88e; }
.verified, .stars { color: var(--brass); }
@media (min-width: 1081px) {
  .col-main > .firm-list, .firm-list.grid2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .col-main > .firm-list .firm-card { grid-template-columns: 60px minmax(0, 1fr); }
  .col-main > .firm-list .fc-logo { width: 60px; height: 60px; }
  .col-main > .firm-list .fc-actions { grid-column: 1 / -1; flex-direction: row; flex-wrap: wrap; }
  .col-main > .firm-list .fc-actions > * { flex: 1 1 45%; }
  .col-main > .firm-list .fc-actions .fc-mini { flex-basis: 100%; }
}
.sponsors { background: #141824; border-color: rgba(200, 161, 90, .45); }
.sponsor-card { background: var(--c-surface); }
.sp-body p { color: var(--c-muted); }

/* mağaza */
.store-hero { background: var(--c-surface); }
.store-cover { background: radial-gradient(800px 300px at 80% 0%, rgba(200, 161, 90, .3), transparent 60%), #1c2538; }
.store-logo { border-color: var(--c-surface); }
.store-tabs a { background: var(--c-surface); }
.price-table td { border-bottom-color: var(--c-border); }
.rating-sum { background: var(--c-surface-2); }
.fh-logo, .store-logo { background: #f3efe6; }

/* alt bilgi: sade ve ortalı */
.site-footer { border-top: 1px solid rgba(200, 161, 90, .25); text-align: center; }
.ftr { grid-template-columns: 1.3fr 1fr 1fr 1fr; }
.ftr-about .brand { justify-content: center; }
.site-footer .social { justify-content: center; }
.site-footer ul.cols2 { justify-items: center; }
.site-footer .social a { border: 1px solid rgba(200, 161, 90, .35); background: transparent; color: var(--brass); }
.ftr-bottom { justify-content: center; gap: 16px; }

@media (max-width: 900px) {
  .main-nav { background: var(--c-surface); }
  .hero-in { grid-template-columns: minmax(0, 1fr); grid-template-areas: "t" "b" "tr"; }
  .ftr { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
  .hero-text { text-align: center; }
  .hero h1 { font-size: 2rem !important; }
  .ftr { grid-template-columns: minmax(0, 1fr); }
  .site-footer ul.cols2 { justify-items: center; }
}

/* dar bölge kartı: seçimler yan yana, düğme altta */
@media (min-width: 641px) { .hero-box .lp-row { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .hero-box .lp-go { grid-column: 1 / -1; min-height: 54px; } }