/* ============================================================
   medikalfirma.com — MODERNIZASYON + CANLI RENK PALETI
   site.css'ten SONRA yuklenir; renkleri ve yapiyi override eder.
   site.css'i DUZENLEMEYE GEREK YOK. Tek dosya.
   ============================================================ */

:root {
    /* --- MARKA RENK PALETI (gorsellerden: mor-mavi-teal-yesil + turuncu) --- */
    --navy: #141a40;
    --navy-2: #2a2470;
    --purple: #6C5CE7;   /* Firma Ekle banner moru */
    --indigo: #5B7CE6;
    --blue: #4D8DE0;
    --teal: #23B5C2;     /* Ara basligi sol */
    --mint: #46D6A0;     /* Ara basligi sag */
    --orange: #E8881F;   /* Filtreleri uygula butonu */
    --blue-soft: #eef4ff;
    --mint-soft: #ecfbf5;
    --orange-soft: #fff3e4;
    --surface: #f4f8fd;
    --line: #e6ecf5;
    --text: #1b2a4a;
    --muted: #62718e;
    /* --- MODERN YAPI --- */
    --radius: 14px;
    --accent: #6C5CE7;
    --grad: linear-gradient(135deg, #23B5C2 0%, #46D6A0 100%);
    --grad-brand: linear-gradient(125deg, #6C5CE7 0%, #5A86E2 36%, #36AFC3 70%, #46D6A0 100%);
    --grad-purple: linear-gradient(125deg, #6C5CE7 0%, #5E81E4 48%, #3FB5C6 100%);
    --grad-orange: linear-gradient(180deg, #E8881F 0%, #DC9430 100%);
    --shadow: 0 18px 44px rgba(19, 32, 59, .12);
}

/* tipografi */
h1 { font-size: clamp(30px, 4vw, 44px); line-height: 1.12; letter-spacing: -.02em; font-weight: 800; }
h2 { font-size: clamp(22px, 2.6vw, 30px); line-height: 1.2; letter-spacing: -.01em; }
h3 { letter-spacing: -.01em; }
p { line-height: 1.65; }

/* nefes alani */
.container.section-block { padding-top: 64px; padding-bottom: 64px; }
@media (max-width: 768px) { .container.section-block { padding-top: 40px; padding-bottom: 40px; } }
.section-head { margin-bottom: 22px; }

/* kartlar */
.market-card, .market-store-card, .firm-card, .sponsor-card {
    border-radius: 16px;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.market-card:hover, .market-store-card:hover, .firm-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 40px rgba(11, 31, 58, .12);
    border-color: transparent;
}
.market-card img, .firm-card img { border-radius: 12px; }

/* butonlar: gradyanli ana buton + hover */
.button, .primary-button, .ghost-button, .link-button {
    border-radius: 12px;
    transition: transform .15s ease, filter .15s ease, box-shadow .15s ease;
}
.button:hover, .primary-button:hover, .ghost-button:hover { transform: translateY(-2px); filter: brightness(1.05); }
.primary-button { background: var(--grad); border: none; color: #fff; }
.primary-button:hover { box-shadow: 0 12px 26px rgba(14, 90, 110, .28); }

/* yapiskan header + yumusak kaydirma */
html { scroll-behavior: smooth; }
header.topbar {
    position: sticky; top: 0; z-index: 60;
    background: rgba(255, 255, 255, .90);
    backdrop-filter: saturate(1.1) blur(8px);
    -webkit-backdrop-filter: saturate(1.1) blur(8px);
    border-bottom: 1px solid var(--line);
}

/* hero */
.hero-section { padding-top: 32px; }
.search-panel { border-radius: 18px; box-shadow: 0 18px 44px rgba(11, 31, 58, .10); }
.showcase-panel { border-radius: 18px; }

/* odak halkalari */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visi