/* ========================================
   PROFESYONEL HABER TASARIMI
   HEADER MENU + FOOTER MENU + FULL RESİM KAPLAMA
   ======================================== */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Inter', sans-serif;
    background: #f0f2f5;
    color: #1e293b;
    overflow-x: hidden;
}

/* ========== KAYAN DÖVİZ KURU ========== */
.currency-ticker {
    background: linear-gradient(135deg, #0f172a, #1e293b);
    padding: 10px 0;
    overflow: hidden;
    border-bottom: 2px solid #e11d48;
    position: sticky;
    top: 0;
    z-index: 1000;
}

.currency-track {
    display: flex;
    animation: scrollCurrency 30s linear infinite;
    white-space: nowrap;
}

.currency-item {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 0 25px;
    color: white;
    font-weight: 600;
    font-size: 0.9rem;
}

.currency-item i {
    font-size: 1.1rem;
}

.currency-name {
    color: #94a3b8;
}

.currency-value {
    color: #facc15;
    font-weight: 700;
}

.currency-change.positive {
    color: #22c55e;
}

.currency-change.negative {
    color: #ef4444;
}

@keyframes scrollCurrency {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.currency-ticker:hover .currency-track {
    animation-play-state: paused;
}

/* ========== HEADER MENU ========== */
.main-header {
    background: white;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    position: relative;
    top: auto;
    z-index: 100;
}

.header-container {
    max-width: 1600px;
    margin: 0 auto;
    padding: 1rem 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    flex-wrap: nowrap;
}

.logo-area-header {
    display: flex;
    flex-direction: column;
}

.logo-link {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    font-size: 1.8rem;
    font-weight: 800;
    color: #0f172a;
}

.logo-link i {
    color: #e11d48;
    font-size: 2rem;
}

.logo-link span {
    background: linear-gradient(135deg, #0f172a, #e11d48);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

.logo-highlight {
    color: #e11d48 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
}

.logo-slogan {
    font-size: 0.7rem;
    color: #94a3b8;
    margin-top: 2px;
    letter-spacing: 1px;
}

/* ANA MENÜ */
.main-nav {
    flex: 1 1 auto;
    min-width: 0;
    position: relative;
}

.nav-menu {
    display: flex;
    align-items: center;
    list-style: none;
    gap: 1.2rem;
    justify-content: center;
    flex-wrap: nowrap;
    min-width: 0;
    width: 100%;
}

.nav-menu li a {
    text-decoration: none;
    color: #1e293b;
    font-weight: 600;
    font-size: 0.9rem;
    transition: 0.2s;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 0;
}

.nav-menu li a i {
    font-size: 0.9rem;
    color: #94a3b8;
    transition: 0.2s;
}

.nav-menu li a:hover {
    color: #e11d48;
}

.nav-menu li a:hover i {
    color: #e11d48;
}

.nav-menu li a.active {
    color: #e11d48;
    border-bottom: 2px solid #e11d48;
}

.nav-menu li a.active i {
    color: #e11d48;
}


.nav-more-item {
    position: relative;
    flex: 0 0 auto;
}

.nav-more-item[hidden] {
    display: none !important;
}

.nav-more-toggle {
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 14px;
    background: #f1f5f9;
    color: #0f172a;
    cursor: pointer;
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 900;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: .2s ease;
}

.nav-more-toggle:hover,
.nav-more-item.is-open .nav-more-toggle {
    background: #e11d48;
    color: #fff;
    box-shadow: 0 10px 22px rgba(225, 29, 72, .25);
}

.nav-more-dropdown {
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    width: 260px;
    max-height: 430px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    box-shadow: 0 24px 60px rgba(15, 23, 42, .18);
    padding: 12px;
    z-index: 250;
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: .18s ease;
}

.nav-more-item.is-open .nav-more-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.nav-more-title {
    font-size: .72rem;
    font-weight: 800;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: .08em;
    padding: 6px 8px 10px;
}

.nav-more-list {
    display: grid;
    gap: 4px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav-more-list li a {
    justify-content: flex-start;
    width: 100%;
    padding: 10px 12px;
    border-radius: 12px;
    color: #1e293b;
    white-space: normal;
}

.nav-more-list li a:hover {
    background: #fff1f2;
    color: #e11d48;
}

.nav-more-list li a.active {
    border-bottom: 0;
    background: #fff1f2;
}

/* HEADER ARAÇLARI */
.header-tools {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.search-icon, .user-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f1f5f9;
    border-radius: 50%;
    cursor: pointer;
    transition: 0.2s;
    font-size: 1.1rem;
    color: #1e293b;
}

.search-icon:hover, .user-icon:hover {
    background: #e11d48;
    color: white;
}

@media (max-width: 1200px) {
    .nav-menu {
        gap: .8rem;
    }
    .nav-menu li a {
        font-size: .84rem;
        gap: 6px;
    }
}

.mobile-menu-btn {
    display: none;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    background: #f1f5f9;
    border-radius: 50%;
    cursor: pointer;
    font-size: 1.2rem;
}

/* ARAMA KONTEYNERI */
.search-container {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
}

.search-container.active {
    max-height: 80px;
}

.search-box {
    max-width: 600px;
    margin: 0 auto;
    padding: 1rem;
    display: flex;
    align-items: center;
    gap: 12px;
}

.search-box i {
    color: #94a3b8;
    font-size: 1.2rem;
}

.search-box input {
    flex: 1;
    padding: 12px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    font-size: 1rem;
    outline: none;
}

.search-box input:focus {
    border-color: #e11d48;
}

.search-close {
    background: none;
    border: none;
    font-size: 1.2rem;
    cursor: pointer;
    color: #94a3b8;
}

/* MOBİL SIDEBAR */
.mobile-sidebar {
    position: fixed;
    top: 0;
    left: -300px;
    width: 300px;
    height: 100%;
    background: white;
    z-index: 2000;
    transition: left 0.3s ease;
    box-shadow: 2px 0 20px rgba(0, 0, 0, 0.1);
    overflow-y: auto;
}

.mobile-sidebar.active {
    left: 0;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1999;
    display: none;
}

.overlay.active {
    display: block;
}

.sidebar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 1px solid #e2e8f0;
    background: #0f172a;
    color: white;
}

.sidebar-logo {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1.3rem;
    font-weight: 700;
}

.sidebar-logo i {
    color: #e11d48;
}

.sidebar-logo span span {
    color: #e11d48;
}

.sidebar-close {
    background: none;
    border: none;
    color: white;
    font-size: 1.3rem;
    cursor: pointer;
}

.sidebar-menu {
    list-style: none;
    padding: 1rem;
}

.sidebar-menu li a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    text-decoration: none;
    color: #1e293b;
    font-weight: 500;
    border-radius: 12px;
    transition: 0.2s;
}

.sidebar-menu li a:hover {
    background: #fef2f2;
    color: #e11d48;
}

.sidebar-footer {
    padding: 1rem;
    text-align: center;
    border-top: 1px solid #e2e8f0;
    color: #94a3b8;
    font-size: 0.8rem;
}

/* ana konteyner */
.news-container {
    max-width: 1600px;
    margin: 0 auto;
    padding: 1.5rem 1.5rem;
}

/* ========== ÇİFT MANŞET LAYOUT ========== */
.double-marquee-container {
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: 1.5rem;
    margin-bottom: 2.5rem;
}

/* ANA MANŞET - RESİM TAM KAPLAMA */
.main-marquee-wrapper {
    min-width: 0;
}

.marquee-news {
    background: white;
    border-radius: 24px;
    box-shadow: 0 20px 35px -12px rgba(0,0,0,0.1);
    overflow: hidden;
}

.marquee-header {
    background: #0f172a;
    padding: 0.8rem 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.marquee-title {
    display: flex;
    align-items: center;
    gap: 12px;
}

.marquee-title i, .marquee-title span {
    color: white;
    font-weight: 700;
    font-size: 0.85rem;
}

.live-badge {
    background: #e11d48;
    padding: 3px 8px;
    border-radius: 20px;
    font-size: 0.7rem;
    animation: pulse 1s infinite;
}

@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.6; }
}

.ctrl-btn {
    background: rgba(255,255,255,0.1);
    border: none;
    color: white;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    cursor: pointer;
    transition: 0.2s;
}

.ctrl-btn:hover {
    background: #e11d48;
    transform: scale(1.05);
}

.speed-indicator {
    font-size: 0.7rem;
    background: #1e293b;
    padding: 4px 10px;
    border-radius: 20px;
    color: #cbd5e1;
    cursor: pointer;
}

/* RESİM TAM KAPLAMA MANŞET ALANI */
.marquee-viewport {
    overflow: hidden;
    min-height: 450px;
    position: relative;
}

.marquee-track {
    display: flex;
    transition: transform 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1);
}

.news-slide {
    min-width: 100%;
    position: relative;
    height: 450px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: flex-end;
}

.news-slide::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.1) 100%);
    z-index: 1;
}

.slide-content-overlay {
    position: relative;
    z-index: 2;
    padding: 2rem;
    color: white;
    width: 100%;
}

.slide-number-big {
    background: #e11d48;
    color: white;
    font-weight: 800;
    font-size: 1.2rem;
    width: 45px;
    height: 45px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    margin-bottom: 15px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}

.slide-title {
    font-size: 1.8rem;
    font-weight: 800;
    margin-bottom: 12px;
    line-height: 1.2;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.slide-desc {
    font-size: 1rem;
    margin-bottom: 15px;
    opacity: 0.95;
}

.slide-category {
    background: rgba(225, 29, 72, 0.9);
    padding: 5px 14px;
    border-radius: 25px;
    font-size: 0.8rem;
    display: inline-block;
    font-weight: 600;
}

/* NUMARA KARE KUTULARI */
.number-nav-container {
    background: linear-gradient(180deg, rgba(250,252,255,0.98), rgba(245,247,250,0.94));
    border-top: 1px solid rgba(226,232,240,0.95);
    padding: 0.65rem 0.75rem 0.75rem;
    backdrop-filter: blur(10px);
}

.number-nav-title {
    font-size: 0.7rem;
    font-weight: 700;
    color: #64748b;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 6px;
    letter-spacing: 0.03em;
}

.number-grid {
    display: grid;
    grid-template-columns: repeat(20, minmax(0, 1fr));
    gap: 4px;
    align-items: center;
}

.number-btn {
    width: 100%;
    height: 22px;
    min-width: 0;
    background: linear-gradient(180deg, rgba(255,255,255,0.95), rgba(248,250,252,0.88));
    border: 1px solid rgba(203,213,225,0.9);
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.58rem;
    line-height: 1;
    cursor: pointer;
    transition: all 0.18s ease;
    color: #475569;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.95), 0 1px 2px rgba(15,23,42,0.04);
    position: relative;
    overflow: hidden;
}

.number-btn:hover {
    border-color: rgba(148,163,184,0.95);
    background: linear-gradient(180deg, rgba(255,255,255,1), rgba(241,245,249,0.96));
    transform: translateY(-1px);
    box-shadow: inset 0 1px 0 rgba(255,255,255,1), 0 3px 8px rgba(15,23,42,0.08);
}

.number-btn.active {
    background: linear-gradient(180deg, rgba(255,255,255,1), rgba(255,240,243,0.96));
    border-color: rgba(225,29,72,0.55);
    color: #be123c;
    box-shadow: inset 0 1px 0 rgba(255,255,255,1), 0 0 0 1px rgba(255,255,255,0.8), 0 4px 12px rgba(225,29,72,0.12);
}

/* SAĞ TARAF: RESİMLİ KÜÇÜK MANŞET BLOĞU */
.side-marquee-wrapper {
    background: white;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 10px 25px -8px rgba(0,0,0,0.08);
    height: fit-content;
}

.side-news-card {
    background: white;
}

.side-header {
    background: linear-gradient(135deg, #e11d48, #b91c1c);
    padding: 1rem;
    color: white;
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
}

.hot-badge {
    background: #facc15;
    color: #0f172a;
    padding: 2px 10px;
    border-radius: 20px;
    font-size: 0.7rem;
}

.side-news-list {
    padding: 0.5rem;
    max-height: 500px;
    overflow-y: auto;
}

.side-news-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border-bottom: 1px solid #f1f5f9;
    cursor: pointer;
    transition: 0.2s;
}

.side-news-item:hover {
    background: #fef2f2;
    transform: translateX(3px);
}

.side-news-image {
    width: 70px;
    height: 70px;
    border-radius: 12px;
    background-size: cover;
    background-position: center;
    flex-shrink: 0;
}

.side-news-content {
    flex: 1;
}

.side-news-title {
    font-size: 0.85rem;
    font-weight: 600;
    margin-bottom: 6px;
    line-height: 1.3;
}

.side-news-time {
    font-size: 0.7rem;
    color: #94a3b8;
}

.side-footer {
    padding: 12px;
    text-align: center;
    border-top: 1px solid #f1f5f9;
    color: #e11d48;
    font-weight: 600;
    font-size: 0.8rem;
    cursor: pointer;
}

/* FEATURE CARDS */
.featured-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
}

.featured-card {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(255,255,255,0.92));
    border: 1px solid rgba(226, 232, 240, 0.9);
    border-radius: 24px;
    padding: 1.4rem;
    box-shadow: 0 18px 45px -28px rgba(15, 23, 42, 0.42);
    transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
    backdrop-filter: blur(10px);
}

.featured-card::before {
    content: '';
    position: absolute;
    inset: 0 auto auto 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #e11d48, #f59e0b, #3b82f6);
    opacity: .95;
}

.featured-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 22px 50px -28px rgba(15, 23, 42, 0.58);
    border-color: rgba(251, 113, 133, 0.22);
}

.featured-card-primary {
    grid-column: span 6;
    background: radial-gradient(circle at top left, rgba(225, 29, 72, 0.16), transparent 38%), linear-gradient(135deg, #fff7f9 0%, #ffffff 48%, #fff6ed 100%);
    min-height: 220px;
}

.featured-card-topline,
.featured-card-actions,
.featured-meta-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    flex-wrap: wrap;
}

.featured-pill {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem .8rem;
    border-radius: 999px;
    background: rgba(225, 29, 72, 0.1);
    color: #be123c;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.featured-pill i,
.featured-icon-wrap i,
.featured-inline-note i {
    margin: 0;
    font-size: .9rem;
}

.featured-muted {
    color: #64748b;
    font-size: .84rem;
    font-weight: 600;
}

.featured-card-body {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.25rem;
    margin: 1rem 0 1.15rem;
}

.featured-card h3 {
    margin: 0 0 .6rem;
    font-size: 1.3rem;
    line-height: 1.2;
    color: #0f172a;
}

.featured-card p {
    margin: 0;
    color: #475569;
    line-height: 1.7;
    font-size: .98rem;
}

.featured-mini-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(88px, 1fr));
    gap: .75rem;
    min-width: min(100%, 320px);
}

.mini-stat {
    padding: .9rem .85rem;
    background: rgba(255,255,255,.76);
    border: 1px solid rgba(226, 232, 240, .95);
    border-radius: 18px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
}

.mini-stat strong {
    display: block;
    font-size: 1.35rem;
    color: #0f172a;
    line-height: 1;
    margin-bottom: .35rem;
}

.mini-stat span {
    display: block;
    color: #64748b;
    font-size: .78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.featured-action-link {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    font-weight: 800;
    color: #e11d48;
}

.featured-inline-note {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: #475569;
    font-size: .88rem;
    font-weight: 700;
}

.featured-inline-note i {
    color: #22c55e;
    font-size: .55rem;
}

.featured-card-compact {
    grid-column: span 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 220px;
}

.featured-icon-wrap {
    width: 52px;
    height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(225,29,72,.15), rgba(244,63,94,.08));
    color: #e11d48;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.75);
}

.featured-card-highlight {
    background: linear-gradient(180deg, #ffffff 0%, #fff7f8 100%);
}

.featured-card-dark {
    background: linear-gradient(160deg, #111827 0%, #1e293b 100%);
    border-color: rgba(71, 85, 105, 0.65);
}

.featured-card-dark h3,
.featured-card-dark p,
.featured-card-dark .featured-meta-row,
.featured-card-dark .featured-meta-row strong,
.featured-card-dark .featured-meta-row span {
    color: #e2e8f0;
}

.featured-card-dark .featured-icon-wrap {
    background: rgba(255,255,255,.08);
    color: #fda4af;
}

.featured-meta-row {
    margin-top: 1rem;
    padding-top: .95rem;
    border-top: 1px solid rgba(226,232,240,.88);
    color: #64748b;
    font-size: .85rem;
    font-weight: 700;
}

.featured-meta-row strong {
    color: #0f172a;
    font-size: .94rem;
}

.featured-card-dark .featured-meta-row {
    border-top-color: rgba(148, 163, 184, 0.22);
}

@media (max-width: 1199px) {
    .featured-card-primary {
        grid-column: span 12;
    }

    .featured-card-compact {
        grid-column: span 4;
        min-height: 205px;
    }
}

@media (max-width: 767px) {
    .featured-grid {
        grid-template-columns: 1fr;
    }

    .featured-card,
    .featured-card-primary,
    .featured-card-compact {
        grid-column: auto;
        min-height: auto;
    }

    .featured-card-body {
        flex-direction: column;
        align-items: stretch;
    }

    .featured-mini-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        min-width: 0;
    }
}

/* RESİMLİ HABER LİSTESİ GRİD */
.news-list-section {
    margin-top: 1rem;
}

.section-title {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 1.5rem;
}

.section-title h2 {
    font-size: 1.5rem;
    font-weight: 700;
}

.line {
    flex: 1;
    height: 3px;
    background: linear-gradient(90deg, #e11d48, #cbd5e1);
    border-radius: 3px;
}

.news-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1.8rem;
}

.news-item {
    background: white;
    border-radius: 20px;
    overflow: hidden;
    transition: 0.3s;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    cursor: pointer;
}

.news-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px -12px rgba(0,0,0,0.15);
}

.news-image {
    width: 100%;
    height: 200px;
    background-size: cover;
    background-position: center;
    position: relative;
}

.news-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    background: #e11d48;
    color: white;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 0.7rem;
    font-weight: 700;
}

.news-content {
    padding: 1.2rem;
}

.news-category {
    display: inline-block;
    background: #f1f5f9;
    padding: 3px 10px;
    border-radius: 15px;
    font-size: 0.7rem;
    font-weight: 600;
    color: #e11d48;
    margin-bottom: 10px;
}

.news-item h4 {
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 8px;
    line-height: 1.3;
}

.news-item p {
    font-size: 0.85rem;
    color: #475569;
    line-height: 1.4;
    margin-bottom: 12px;
}

.read-more {
    color: #e11d48;
    font-size: 0.8rem;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

/* ========== FOOTER MENU ========== */
.news-footer {
    background: #0f172a;
    color: #94a3b8;
    margin-top: 3rem;
}

.footer-container {
    max-width: 1600px;
    margin: 0 auto;
    padding: 3rem 1.5rem;
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 3rem;
}

.footer-about {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.footer-logo {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1.6rem;
    font-weight: 800;
}

.footer-logo i {
    color: #e11d48;
    font-size: 1.8rem;
}

.footer-logo img {
    max-width: 220px;
    max-height: 72px;
    object-fit: contain;
    display: block;
}

.footer-logo span {
    color: white;
}

.footer-logo span span {
    color: #e11d48;
}

.footer-about p {
    line-height: 1.6;
    font-size: 0.9rem;
}

.social-icons {
    display: flex;
    gap: 1rem;
    margin-top: 0.5rem;
}

.social-icons i {
    font-size: 1.3rem;
    cursor: pointer;
    transition: color 0.2s;
    color: #94a3b8;
}

.social-icons i:hover {
    color: #e11d48;
}

.footer-links {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
}

.footer-col h4 {
    color: white;
    font-size: 1rem;
    margin-bottom: 1.2rem;
    font-weight: 700;
    position: relative;
    padding-bottom: 8px;
}

.footer-col h4::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 2px;
    background: #e11d48;
}

.footer-col ul {
    list-style: none;
}

.footer-col ul li {
    margin-bottom: 0.8rem;
}

.footer-col ul li a {
    text-decoration: none;
    color: #94a3b8;
    font-size: 0.85rem;
    transition: 0.2s;
}

.footer-col ul li a:hover {
    color: #e11d48;
    padding-left: 5px;
}

.footer-bottom {
    border-top: 1px solid #1e293b;
    padding: 1.2rem 1.5rem;
}

.footer-bottom-content {
    max-width: 1600px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    font-size: 0.8rem;
}

.footer-bottom-links {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.footer-bottom-links a {
    text-decoration: none;
    color: #94a3b8;
    transition: 0.2s;
}

.footer-bottom-links a:hover {
    color: #e11d48;
}

/* SCROLLBAR */
.side-news-list::-webkit-scrollbar {
    width: 5px;
}

.side-news-list::-webkit-scrollbar-track {
    background: #f1f5f9;
}

.side-news-list::-webkit-scrollbar-thumb {
    background: #e11d48;
    border-radius: 5px;
}

/* MOBİL UYUM */
@media (max-width: 1100px) {
    .footer-container {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    .footer-links {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 1000px) {
    .double-marquee-container {
        grid-template-columns: 1fr;
    }
    .side-marquee-wrapper {
        max-width: 100%;
    }
    .main-nav {
        display: none;
    }
    @media (max-width: 1200px) {
    .nav-menu {
        gap: .8rem;
    }
    .nav-menu li a {
        font-size: .84rem;
        gap: 6px;
    }
}

.mobile-menu-btn {
        display: flex;
    }
    .header-container {
        justify-content: space-between;
        flex-wrap: nowrap;
    }
}

@media (max-width: 768px) {
    .news-container {
        padding: 1rem;
    

    .number-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 5px;
    }
    .number-btn {
        height: 24px;
        font-size: 0.64rem;
    }
}
    .slide-title {
        font-size: 1.2rem;
    }
    .news-slide {
        height: 350px;
    }
    .slide-content-overlay {
        padding: 1.2rem;
    }
    .number-btn {
        width: 30px;
        height: 30px;
        font-size: 0.72rem;
    }
    .news-grid {
        grid-template-columns: 1fr;
    }
    .footer-links {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    .footer-bottom-content {
        flex-direction: column;
        text-align: center;
    }
    .footer-bottom-links {
        justify-content: center;
    }
    .search-box {
        margin: 0 1rem;
    }
}

/* ========================================
   PROFESYONEL HABER TASARIMI
   HEADER MENU + FOOTER MENU
   ======================================== */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Inter', sans-serif;
    background: #f0f2f5;
    color: #1e293b;
    overflow-x: hidden;
}

/* ========== KAYAN DÖVİZ KURU ========== */
.currency-ticker {
    background: linear-gradient(135deg, #0f172a, #1e293b);
    padding: 10px 0;
    overflow: hidden;
    border-bottom: 2px solid #e11d48;
    position: sticky;
    top: 0;
    z-index: 1000;
}

.currency-track {
    display: flex;
    animation: scrollCurrency 30s linear infinite;
    white-space: nowrap;
}

.currency-item {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 0 25px;
    color: white;
    font-weight: 600;
    font-size: 0.9rem;
}

@keyframes scrollCurrency {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}



/* ========== DİĞER STİLLER (MEVCUT) ========== */
/* ... (önceki stillerin devamı) ... */

/* MOBİL UYUM */
@media (max-width: 1200px) {
    .news-grid-with-ad {
        flex-direction: column;
    }
    .ad-sticky-sidebar {
        width: 100%;
        position: static;
    }
    .ad-footer-content {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .ad-text {
        display: none;
    }
    .ad-footer-content {
        grid-template-columns: 1fr;
    }
    .ad-sticky-sidebar {
        margin-top: 1rem;
    }
    .ad-sidebar {
        margin-top: 1rem;
    }
}
/* =========================
   PHP + MYSQL EK STİLLERİ
   ========================= */
a { text-decoration: none; }
.news-image-link { display: block; }
.single-news-container { padding-top: 2rem; }
.single-news-card {
    background: #fff;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 20px 35px -12px rgba(0,0,0,0.1);
}
.single-news-cover {
    height: 420px;
    background-size: cover;
    background-position: center;
}
.single-news-body { padding: 2rem; }
.single-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1rem;
    color: #64748b;
    font-size: 0.9rem;
}
.single-summary {
    font-size: 1.1rem;
    color: #334155;
    margin-bottom: 1.2rem;
    font-weight: 600;
}
.single-content {
    line-height: 1.9;
    color: #1e293b;
    font-size: 1rem;
}

.alert {
    padding: 12px 14px;
    border-radius: 12px;
    margin-bottom: 1rem;
    font-size: 0.95rem;
}
.alert-danger { background: #fef2f2; color: #b91c1c; }
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: none;
    border-radius: 12px;
    padding: 10px 16px;
    cursor: pointer;
    font-weight: 700;
    background: #e2e8f0;
    color: #0f172a;
}
.btn-primary { background: #e11d48; color: #fff; }
.btn-danger { background: #b91c1c; color: #fff; }
.btn-block { width: 100%; }
.btn-sm { padding: 8px 10px; font-size: 0.85rem; }
.form-group { display: flex; flex-direction: column; gap: 8px; }
.form-group.full { grid-column: 1 / -1; }
.form-control {
    width: 100%;
    border: 1px solid #cbd5e1;
    border-radius: 14px;
    padding: 12px 14px;
    outline: none;
    font-size: 0.95rem;
    background: #fff;
}
.form-control:focus { border-color: #e11d48; }
.checkbox-inline { display: flex; align-items: center; gap: 8px; font-weight: 600; }
.table-responsive { overflow-x: auto; }
.admin-thumb { width: 70px; height: 55px; object-fit: cover; border-radius: 10px; }

.admin-auth-body {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #0f172a, #1e293b);
    padding: 1rem;
}
.admin-auth-card {
    width: 100%;
    max-width: 460px;
    background: #fff;
    border-radius: 28px;
    padding: 2rem;
    box-shadow: 0 25px 50px rgba(0,0,0,0.25);
}
.admin-auth-brand { color: #e11d48; font-weight: 800; margin-bottom: 1rem; }
.admin-auth-card h1 { margin-bottom: 1.5rem; }
.admin-auth-help { margin-top: 1rem; color: #64748b; font-size: 0.9rem; }

.admin-body { background: #f8fafc; font-family: 'Inter', sans-serif; }
.admin-layout { min-height: 100vh; display: grid; grid-template-columns: 280px 1fr; }
.admin-sidebar {
    background: #0f172a;
    color: #fff;
    padding: 1.5rem;
    position: sticky;
    top: 0;
    height: 100vh;
}
.admin-logo { font-size: 1.3rem; font-weight: 800; margin-bottom: 2rem; }
.admin-nav { display: flex; flex-direction: column; gap: 10px; }
.admin-nav a {
    color: #cbd5e1;
    padding: 12px 14px;
    border-radius: 14px;
    transition: 0.2s;
}
.admin-nav a:hover { background: #1e293b; color: #fff; }
.admin-main { padding: 1.5rem; }
.admin-topbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
}
.admin-panel-card {
    background: #fff;
    border-radius: 24px;
    padding: 1.5rem;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
    margin-bottom: 1.5rem;
}
.admin-content-grid {
    display: grid;
    grid-template-columns: 380px 1fr;
    gap: 1.5rem;
}
.admin-form-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}
.admin-form-grid.two-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.admin-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}
.stat-card {
    background: #fff;
    border-radius: 22px;
    padding: 1.4rem;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05);
}
.stat-card span { display: block; color: #64748b; margin-bottom: 10px; }
.stat-card strong { font-size: 2rem; color: #0f172a; }
.admin-table { width: 100%; border-collapse: collapse; }
.admin-table th, .admin-table td { padding: 12px 10px; border-bottom: 1px solid #e2e8f0; text-align: left; }
.admin-table th { color: #475569; font-size: 0.85rem; text-transform: uppercase; }

@media (max-width: 1200px) {
    .admin-layout { grid-template-columns: 1fr; }
    .admin-sidebar { position: static; height: auto; }
    .admin-content-grid,
    .admin-stats-grid,
    .admin-form-grid.two-columns { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
    .single-news-cover { height: 260px; }
    .single-news-body { padding: 1.2rem; }
    .admin-main { padding: 1rem; }
    .admin-topbar { flex-direction: column; align-items: flex-start; }
}





/* Homepage standings widget overrides */
.marquee-header-minimal {
    justify-content: flex-end;
}
.news-layout-with-standings {
    display: grid;
    grid-template-columns: minmax(0, 3fr) 360px;
    gap: 1.5rem;
    align-items: start;
}
.news-grid-three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.standings-sidebar-card {
    position: sticky;
    top: 120px;
}
.standings-card {
    background: white;
    border-radius: 22px;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
    overflow: hidden;
    border: 1px solid #e2e8f0;
}
.standings-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    background: linear-gradient(135deg, #0f172a, #1d4ed8);
    color: white;
}
.standings-kicker {
    display: inline-block;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: .08em;
    color: rgba(255,255,255,.75);
    margin-bottom: .35rem;
}
.standings-card-header h3 {
    margin: 0;
    font-size: 1.02rem;
    font-weight: 800;
}
.standings-badge {
    min-width: 44px;
    height: 44px;
    border-radius: 14px;
    background: rgba(255,255,255,.16);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
}
.standings-meta {
    padding: .75rem 1.1rem 0;
    font-size: .76rem;
    color: #64748b;
}
.standings-table-wrap {
    padding: .85rem 1rem 1rem;
    overflow-x: auto;
}
.standings-table {
    width: 100%;
    border-collapse: collapse;
    font-size: .83rem;
}
.standings-table th,
.standings-table td {
    padding: .62rem .35rem;
    border-bottom: 1px solid #eef2f7;
    text-align: center;
    white-space: nowrap;
}
.standings-table th:nth-child(2),
.standings-table td:nth-child(2) {
    text-align: left;
}
.team-cell {
    display: flex;
    align-items: center;
    gap: .55rem;
    min-width: 160px;
}
.team-cell img {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    object-fit: contain;
    background: #fff;
}
.standings-table tbody tr.is-top td:first-child {
    color: #16a34a;
    font-weight: 800;
}
.standings-table tbody tr.is-drop td:first-child {
    color: #dc2626;
    font-weight: 800;
}
.standings-empty {
    padding: 1rem 1.1rem 1.25rem;
    color: #475569;
    font-size: .92rem;
    line-height: 1.55;
}
@media (max-width: 1200px) {
    .news-layout-with-standings {
        grid-template-columns: 1fr;
    }
    .news-grid-three {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .standings-sidebar-card {
        position: static;
    }
}
@media (max-width: 768px) {
    .news-grid-three {
        grid-template-columns: 1fr;
    }
}

/* ========== SPORTS CENTER WIDGET ========== */
.news-layout-with-standings {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 1.5rem;
    align-items: start;
}
.news-grid-three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.standings-sidebar-card {
    position: sticky;
    top: 110px;
}
.sports-widget-card {
    border-radius: 24px;
    overflow: hidden;
}
.standings-card-header {
    padding: 1.1rem 1.2rem 0.8rem;
    background: linear-gradient(135deg, #0f172a, #1d4ed8);
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}
.standings-kicker {
    display: inline-block;
    font-size: 0.72rem;
    letter-spacing: 0.08em;
    opacity: 0.9;
    margin-bottom: 0.35rem;
}
.standings-card-header h3 {
    font-size: 1.05rem;
    line-height: 1.25;
}
.standings-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 14px;
    background: rgba(255,255,255,0.14);
    font-weight: 800;
}
.standings-meta {
    padding: 0.9rem 1.2rem 0;
    font-size: 0.78rem;
    color: #64748b;
}
.sports-widget-tabs {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.5rem;
    padding: 1rem 1rem 0.6rem;
}
.sports-tab {
    border: none;
    background: #e2e8f0;
    color: #334155;
    border-radius: 999px;
    padding: 0.65rem 0.4rem;
    font-weight: 700;
    font-size: 0.78rem;
    cursor: pointer;
    transition: 0.2s ease;
}
.sports-tab.is-active,
.sports-tab:hover {
    background: #e11d48;
    color: #fff;
}
.sports-widget-pane {
    display: none;
    padding: 0 1rem 1rem;
}
.sports-widget-pane.is-active {
    display: block;
}
.standings-table-wrap {
    overflow-x: auto;
}
.standings-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.82rem;
}
.standings-table th,
.standings-table td {
    padding: 0.72rem 0.35rem;
    border-bottom: 1px solid #e2e8f0;
    text-align: center;
}
.standings-table th:nth-child(2),
.standings-table td:nth-child(2) {
    text-align: left;
}
.team-cell, .sports-form-team, .sports-live-team, .sports-fixture-teams span {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}
.team-cell img,
.sports-form-team img,
.sports-live-team img,
.sports-fixture-teams img {
    width: 28px;
    height: 28px;
    border-radius: 10px;
    object-fit: cover;
    background: #f8fafc;
    flex-shrink: 0;
}
.standings-table tr.is-top td:first-child {
    color: #15803d;
    font-weight: 800;
}
.standings-table tr.is-drop td:first-child {
    color: #b91c1c;
    font-weight: 800;
}
.sports-fixture-list,
.sports-live-list,
.sports-form-list {
    display: grid;
    gap: 0.8rem;
}
.sports-fixture-item,
.sports-live-item,
.sports-form-item {
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    padding: 0.85rem;
    background: #fff;
}
.sports-fixture-time,
.sports-live-status {
    font-size: 0.73rem;
    color: #64748b;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0.45rem;
}
.sports-fixture-teams {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.4rem;
    font-size: 0.82rem;
    font-weight: 700;
}
.sports-fixture-teams strong {
    color: #e11d48;
    font-size: 0.75rem;
}
.sports-fixture-badge {
    margin-top: 0.55rem;
    display: inline-flex;
    padding: 0.35rem 0.65rem;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 0.72rem;
    font-weight: 700;
}
.sports-form-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}
.sports-form-team {
    font-size: 0.82rem;
    font-weight: 700;
}
.sports-form-badges {
    display: flex;
    gap: 0.3rem;
    flex-wrap: wrap;
}
.form-pill {
    width: 28px;
    height: 28px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.78rem;
    font-weight: 800;
    color: #fff;
}
.form-w { background: #16a34a; }
.form-d { background: #f59e0b; }
.form-l { background: #dc2626; }
.sports-live-main {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 0.6rem;
    align-items: center;
}
.sports-live-team {
    font-size: 0.8rem;
    font-weight: 700;
}
.sports-live-score {
    min-width: 72px;
    text-align: center;
    background: #0f172a;
    color: #fff;
    border-radius: 14px;
    padding: 0.55rem 0.75rem;
    font-weight: 800;
}
.standings-empty {
    padding: 1rem;
    border: 1px dashed #cbd5e1;
    border-radius: 18px;
    color: #64748b;
    font-size: 0.85rem;
}

@media (max-width: 1200px) {
    .news-layout-with-standings {
        grid-template-columns: 1fr;
    }
    .standings-sidebar-card {
        position: static;
    }
}

@media (max-width: 992px) {
    .news-grid-three {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .news-grid-three {
        grid-template-columns: 1fr;
    }
    .sports-widget-tabs {
        grid-template-columns: repeat(2, 1fr);
    }
    .sports-fixture-teams,
    .sports-form-item,
    .sports-live-main {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .sports-live-score {
        align-self: stretch;
    }
}

.sports-section-label{font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#64748b;margin-bottom:.6rem}
.sports-fixture-item.is-finished{border-left:3px solid #16a34a;background:#f8fff9}
.sports-fixture-badge.is-finished{background:#dcfce7;color:#166534}


/* Slider numaralari geri eklendi */
.number-nav-container-compact {
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
    padding: 1rem;
}
.number-nav-container-compact .number-grid {
    justify-content: center;
}

/* Vertical hero ads */
.hero-ads-layout {
    display: grid;
    grid-template-columns: 160px minmax(0, 1fr) 160px;
    gap: 1.25rem;
    align-items: start;
}
.vertical-ad-rail {
    position: sticky;
    top: 110px;
}
.vertical-ad-card {
    display: block;
    position: relative;
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 18px 35px -18px rgba(15, 23, 42, 0.45);
    border: 1px solid rgba(148, 163, 184, 0.2);
    background: #0f172a;
}
.vertical-ad-card img {
    width: 160px;
    height: 600px;
    display: block;
    object-fit: cover;
}
.vertical-ad-caption {
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 14px;
    padding: 8px 10px;
    border-radius: 999px;
    background: rgba(255,255,255,0.92);
    color: #0f172a;
    text-align: center;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.04em;
}
.hero-ads-layout .double-marquee-container {
    margin-bottom: 0;
}

@media (max-width: 1200px) {
    .hero-ads-layout {
        grid-template-columns: 1fr;
    }
    .vertical-ad-rail {
        display: none;
    }
}


.number-btn::before {
    content: '';
    position: absolute;
    inset: 1px 1px auto 1px;
    height: 46%;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(255,255,255,0.85), rgba(255,255,255,0));
    pointer-events: none;
}



@media (max-width: 768px) {
    .number-nav-container {
        padding: 0.6rem 0.65rem 0.7rem;
    }
    .number-grid {
        grid-template-columns: repeat(20, minmax(20px, 1fr));
        gap: 3px;
        overflow-x: auto;
        padding-bottom: 2px;
    }
    .number-grid::-webkit-scrollbar {
        height: 4px;
    }
    .number-grid::-webkit-scrollbar-thumb {
        background: rgba(203,213,225,0.9);
        border-radius: 999px;
    }
    .number-btn {
        height: 20px;
        font-size: 0.54rem;
    }
}


.surmanset-bar{background:linear-gradient(90deg,#111827,#1f2937);color:#fff;padding:10px 18px;display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;font-weight:700}.surmanset-bar a{color:#fff;text-decoration:none}.surmanset-label{background:#ef4444;color:#fff;padding:4px 10px;border-radius:999px;font-size:12px;letter-spacing:.06em}.headline-strip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:18px 0 28px}.headline-strip-card{display:flex;gap:12px;text-decoration:none;color:inherit;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 10px 25px rgba(15,23,42,.08)}.headline-strip-image{width:120px;min-height:110px;background-size:cover;background-position:center}.headline-strip-content{padding:14px;display:flex;flex-direction:column;gap:8px}.headline-strip-content span{color:#64748b;font-size:14px;line-height:1.45}.headline-grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:18px 0 30px}.headline-grid-card{position:relative;display:block;min-height:220px;border-radius:20px;overflow:hidden}.headline-grid-image{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.02)}.headline-grid-overlay{position:absolute;inset:auto 0 0 0;padding:18px;color:#fff;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.78) 100%);font-weight:700}@media (max-width:768px){.headline-strip-card{flex-direction:column}.headline-strip-image{width:100%;min-height:180px}}

/* ========== GUNCEL KAYAN SURMANSET VE SON DAKIKA ========== */
.breaking-marquee-bar {
    display: flex;
    align-items: center;
    gap: 14px;
    background: var(--breaking-color, #e11d48);
    color: #fff;
    padding: 10px 16px;
    overflow: hidden;
}
.breaking-fixed-label,
.surmanset-label {
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    border-radius: 999px;
    padding: 6px 12px;
    white-space: nowrap;
}
.breaking-fixed-label {
    background: rgba(255,255,255,.18);
}
.breaking-marquee-window,
.surmanset-window {
    position: relative;
    overflow: hidden;
    flex: 1;
    min-width: 0;
}
.breaking-marquee-track,
.surmanset-track {
    display: flex;
    align-items: center;
    width: max-content;
    white-space: nowrap;
}
.breaking-marquee-track {
    animation: horizontalTicker 32s linear infinite;
}
.surmanset-track {
    animation: horizontalTicker 28s linear infinite;
}
.breaking-marquee-item,
.surmanset-item {
    color: #fff;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding-right: 34px;
    font-weight: 700;
}
.breaking-marquee-item::after,
.surmanset-item::after {
    content: '•';
    opacity: .65;
}
.breaking-marquee-bar:hover .breaking-marquee-track,
.surmanset-bar:hover .surmanset-track {
    animation-play-state: paused;
}
@keyframes horizontalTicker {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}
.surmanset-bar {
    background: linear-gradient(90deg,#111827,#1f2937);
    color: #fff;
    padding: 10px 18px;
    display: flex;
    gap: 12px;
    align-items: center;
}
.surmanset-label {
    background: #ef4444;
    color: #fff;
}

/* ========== FLAŞ MANŞET SLIDER ========== */
.side-news-slider-card {
    display: flex;
    flex-direction: column;
}
.flash-slider-shell {
    padding: 12px 12px 16px;
}
.flash-slider-viewport {
    position: relative;
    height: 450px;
    overflow: hidden;
    border-radius: 22px;
    background: linear-gradient(180deg, #0f172a, #111827);
}
.flash-slider-track {
    height: 100%;
    transition: transform .45s ease;
}
.flash-news-item {
    height: 100%;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: #fff;
    background: linear-gradient(180deg, rgba(15,23,42,.96), rgba(2,6,23,.98));
}
.flash-news-image-wrap {
    height: 290px;
    padding: 12px;
    flex: 0 0 290px;
}
.flash-news-image {
    width: 100%;
    height: 100%;
    border-radius: 18px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.flash-news-content {
    padding: 6px 18px 18px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1 1 auto;
    min-height: 0;
    justify-content: flex-start;
}
.flash-news-badge {
    display: inline-flex;
    align-self: flex-start;
    background: #ef4444;
    color: #fff;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .04em;
}
.flash-news-title {
    font-size: 1.08rem;
    font-weight: 800;
    line-height: 1.35;
}
.flash-news-time {
    font-size: .82rem;
    color: #cbd5e1;
}
.flash-dots {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    gap: 8px;
    margin-top: 12px;
}
.flash-dot {
    height: 10px;
    border-radius: 999px;
    border: none;
    background: #cbd5e1;
    cursor: pointer;
    transition: all .2s ease;
}
.flash-dot.active {
    background: #e11d48;
    transform: scale(1.05);
}
.flash-dot.is-empty {
    opacity: .35;
    cursor: default;
}
.side-news-list,
.side-news-item,
.side-news-image,
.side-news-content,
.side-news-title,
.side-news-time,
.side-footer {
    all: unset;
}
@media (max-width: 992px) {
    .flash-slider-viewport {
        height: 450px;
    }
    .flash-news-image-wrap {
        height: 290px;
        flex-basis: 290px;
    }
}
@media (max-width: 768px) {
    .breaking-marquee-bar,
    .surmanset-bar {
        padding: 10px 12px;
    }
    .flash-slider-viewport {
        height: 420px;
    }
    .flash-news-image-wrap {
        height: 240px;
        flex-basis: 240px;
    }
}


/* ========== ALT MANSET KAYAR ALAN ========== */
.alt-headline-slider {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
}
.alt-headline-viewport {
    overflow: hidden;
    flex: 1;
}
.alt-headline-track {
    display: flex;
    gap: 16px;
    transition: transform .45s ease;
    will-change: transform;
}
.alt-headline-card {
    flex: 0 0 calc(25% - 12px);
    min-width: calc(25% - 12px);
}
.alt-slider-arrow {
    width: 42px;
    height: 42px;
    border: none;
    border-radius: 999px;
    background: #111827;
    color: #fff;
    cursor: pointer;
    flex: 0 0 auto;
    box-shadow: 0 8px 18px rgba(15,23,42,.18);
}
.alt-slider-arrow:hover {
    background: #e11d48;
}
@media (max-width: 1100px) {
    .alt-headline-card {
        flex-basis: calc(50% - 8px);
        min-width: calc(50% - 8px);
    }
}
@media (max-width: 768px) {
    .alt-headline-slider {
        gap: 8px;
    }
    .alt-headline-card {
        flex-basis: 100%;
        min-width: 100%;
    }
    .alt-slider-arrow {
        width: 36px;
        height: 36px;
    }
}


/* ========== ALT MANSET GELISMIS TASARIM ========== */
.headline-strip-section {
    margin-top: 10px;
}
.alt-headline-slider {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    background: linear-gradient(180deg, #ffffff, #f8fafc);
    border-radius: 26px;
    padding: 18px;
    box-shadow: 0 18px 40px rgba(15,23,42,.08);
}
.alt-headline-viewport {
    overflow: hidden;
    flex: 1;
}
.alt-headline-track {
    display: flex;
    gap: 16px;
    will-change: transform;
}
.alt-headline-card {
    flex: 0 0 calc(25% - 12px);
    min-width: calc(25% - 12px);
    display: flex;
    flex-direction: column;
    gap: 0;
    border-radius: 22px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 12px 28px rgba(15,23,42,.08);
    border: 1px solid rgba(226,232,240,.9);
    transform: translateY(0);
    transition: transform .25s ease, box-shadow .25s ease;
}
.alt-headline-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 40px rgba(15,23,42,.14);
}
.alt-headline-image {
    width: 100%;
    min-height: 210px;
    position: relative;
    background-size: cover;
    background-position: center;
}
.alt-headline-image::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(15,23,42,.05), rgba(15,23,42,.35));
}
.alt-headline-badge {
    position: absolute;
    top: 14px;
    left: 14px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    background: rgba(225,29,72,.96);
    color: #fff;
    border-radius: 999px;
    padding: 7px 12px;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .05em;
    box-shadow: 0 8px 18px rgba(225,29,72,.28);
}
.alt-headline-content {
    padding: 18px 18px 20px;
    gap: 10px;
}
.alt-headline-content strong {
    font-size: 1rem;
    line-height: 1.35;
    color: #0f172a;
}
.alt-headline-content span {
    font-size: .88rem;
    line-height: 1.55;
    color: #64748b;
}
.alt-slider-arrow {
    width: 46px;
    height: 46px;
    border: none;
    border-radius: 999px;
    background: linear-gradient(135deg, #111827, #1f2937);
    color: #fff;
    cursor: pointer;
    flex: 0 0 auto;
    box-shadow: 0 10px 22px rgba(15,23,42,.2);
    transition: transform .2s ease, background .2s ease;
}
.alt-slider-arrow:hover {
    background: linear-gradient(135deg, #e11d48, #be123c);
    transform: scale(1.05);
}
@media (max-width: 1100px) {
    .alt-headline-card {
        flex-basis: calc(50% - 8px);
        min-width: calc(50% - 8px);
    }
}
@media (max-width: 768px) {
    .alt-headline-slider {
        gap: 8px;
        padding: 12px;
    }
    .alt-headline-card {
        flex-basis: 100%;
        min-width: 100%;
    }
    .alt-headline-image {
        min-height: 220px;
    }
    .alt-slider-arrow {
        width: 38px;
        height: 38px;
    }
}


/* ========== PREMIUM IZGARA MANSETLER ========== */
.headline-grid-section {
    margin-top: 10px;
}
.headline-grid-cards {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 18px;
    margin: 20px 0 34px;
}
.premium-grid-card {
    position: relative;
    min-height: 280px;
    border-radius: 26px;
    overflow: hidden;
    isolation: isolate;
    background: #0f172a;
    box-shadow: 0 18px 40px rgba(15,23,42,.12);
    border: 1px solid rgba(255,255,255,.08);
    transform: translateY(0);
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.premium-grid-card:nth-child(1) {
    grid-column: span 6;
    grid-row: span 2;
    min-height: 420px;
}
.premium-grid-card:nth-child(2),
.premium-grid-card:nth-child(3) {
    grid-column: span 3;
    min-height: 200px;
}
.premium-grid-card:nth-child(n+4) {
    grid-column: span 4;
    min-height: 240px;
}
.premium-grid-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 28px 55px rgba(15,23,42,.18);
    border-color: rgba(225,29,72,.28);
}
.premium-grid-image {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    transform: scale(1.03);
    transition: transform .45s ease;
}
.premium-grid-card:hover .premium-grid-image {
    transform: scale(1.08);
}
.premium-grid-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(15,23,42,.05) 0%, rgba(15,23,42,.22) 35%, rgba(15,23,42,.88) 100%);
    z-index: 1;
}
.premium-grid-shine {
    position: absolute;
    inset: -20%;
    background: linear-gradient(115deg, transparent 30%, rgba(255,255,255,.12) 48%, transparent 60%);
    transform: translateX(-120%) rotate(8deg);
    transition: transform .8s ease;
    z-index: 2;
    pointer-events: none;
}
.premium-grid-card:hover .premium-grid-shine {
    transform: translateX(120%) rotate(8deg);
}
.premium-grid-overlay {
    position: absolute;
    inset: 0;
    z-index: 3;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 18px;
    color: #fff;
    background: none;
}
.premium-grid-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.premium-grid-badge {
    display: inline-flex;
    align-items: center;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(225,29,72,.95);
    color: #fff;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .05em;
    box-shadow: 0 10px 22px rgba(225,29,72,.28);
}
.premium-grid-order {
    width: 38px;
    height: 38px;
    border-radius: 14px;
    background: rgba(255,255,255,.14);
    backdrop-filter: blur(8px);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .95rem;
    font-weight: 800;
    border: 1px solid rgba(255,255,255,.18);
}
.premium-grid-bottom {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.premium-grid-bottom strong {
    font-size: 1.05rem;
    line-height: 1.35;
    font-weight: 800;
    text-shadow: 0 4px 14px rgba(0,0,0,.24);
}
.premium-grid-bottom span {
    font-size: .88rem;
    line-height: 1.55;
    color: rgba(255,255,255,.84);
}
.premium-grid-card:nth-child(1) .premium-grid-bottom strong {
    font-size: 1.65rem;
    line-height: 1.25;
}
.premium-grid-card:nth-child(1) .premium-grid-bottom span {
    font-size: .98rem;
    max-width: 85%;
}
.premium-grid-card:nth-child(2) .premium-grid-bottom strong,
.premium-grid-card:nth-child(3) .premium-grid-bottom strong {
    font-size: 1rem;
}
@media (max-width: 1200px) {
    .headline-grid-cards {
        grid-template-columns: repeat(6, 1fr);
    }
    .premium-grid-card:nth-child(1) {
        grid-column: span 6;
        min-height: 380px;
    }
    .premium-grid-card:nth-child(2),
    .premium-grid-card:nth-child(3) {
        grid-column: span 3;
    }
    .premium-grid-card:nth-child(n+4) {
        grid-column: span 3;
    }
}
@media (max-width: 768px) {
    .headline-grid-cards {
        grid-template-columns: 1fr;
        gap: 14px;
    }
    .premium-grid-card,
    .premium-grid-card:nth-child(1),
    .premium-grid-card:nth-child(2),
    .premium-grid-card:nth-child(3),
    .premium-grid-card:nth-child(n+4) {
        grid-column: span 1;
        min-height: 250px;
    }
    .premium-grid-card:nth-child(1) {
        min-height: 320px;
    }
    .premium-grid-card:nth-child(1) .premium-grid-bottom strong {
        font-size: 1.28rem;
    }
    .premium-grid-card:nth-child(1) .premium-grid-bottom span {
        max-width: 100%;
        font-size: .92rem;
    }
}


/* ===== WIDE PREMIUM GRID HEADLINE ===== */
.premium-grid-slider-section{margin-top:8px}
.premium-grid-stage{position:relative;background:linear-gradient(180deg,#ddb932 0%,#c88f1a 100%);border-radius:26px;padding:18px 18px 8px;overflow:hidden;box-shadow:0 18px 46px rgba(15,23,42,.12);border:6px solid rgba(255,255,255,.9)}
.premium-grid-stage::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(255,255,255,.18),transparent 28%);pointer-events:none}
.premium-grid-slide{display:none;text-decoration:none;color:inherit}
.premium-grid-slide.is-active{display:block;animation:premiumGridFade .34s ease}
@keyframes premiumGridFade{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.premium-grid-slide-inner{display:grid;grid-template-columns:1.02fr .98fr;gap:24px;align-items:center;min-height:460px}
.premium-grid-copy-panel{position:relative;padding:38px 0 34px 34px}
.premium-grid-title-band{position:relative;z-index:2;display:block;width:calc(100% + 90px);margin-right:-90px;background:linear-gradient(135deg,#bd7a15,#c98a1f);color:#fff;font-weight:800;font-size:clamp(1.4rem,2.2vw,2.7rem);line-height:1.15;padding:34px 42px;border-radius:40px;box-shadow:0 12px 22px rgba(0,0,0,.18);text-shadow:0 2px 8px rgba(0,0,0,.18);text-transform:uppercase}
.premium-grid-white-card{position:relative;margin-top:-14px;margin-left:34px;width:calc(100% - 34px);min-height:164px;background:linear-gradient(180deg,#ffffff 0%,#fafafa 100%);border-radius:40px;padding:56px 42px 40px;box-shadow:0 12px 28px rgba(0,0,0,.14)}
.premium-grid-subtitle{font-size:clamp(1.05rem,1.55vw,1.65rem);line-height:1.3;font-weight:800;color:#1f2937;text-transform:uppercase}
.premium-grid-meta-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:-10px;padding-left:50px;padding-right:28px}
.premium-grid-live-badge,.premium-grid-city-badge{display:inline-flex;align-items:center;gap:10px;background:#fff;border-radius:999px;padding:14px 22px;font-weight:800;box-shadow:0 8px 18px rgba(0,0,0,.14)}
.premium-grid-live-badge{color:#ef4444;font-size:.98rem}
.premium-grid-live-badge i{font-size:.82rem}
.premium-grid-city-badge{background:linear-gradient(135deg,#d4941f,#c28216);color:#fff;font-size:1.2rem;text-transform:uppercase}
.premium-grid-image-panel{padding:16px 24px 16px 0}
.premium-grid-image-frame{background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);border-radius:28px;padding:14px;box-shadow:0 10px 24px rgba(0,0,0,.14)}
.premium-grid-photo{width:100%;min-height:392px;border-radius:18px;background-size:cover;background-position:center;background-repeat:no-repeat}
.premium-grid-dots-bar{margin-top:10px;background:linear-gradient(90deg,rgba(48,24,0,.88),rgba(87,50,2,.95));padding:12px 16px;border-radius:0 0 18px 18px}
.premium-grid-dots{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:8px}
.premium-grid-dot{height:10px;border:none;border-radius:999px;background:rgba(255,255,255,.35);cursor:pointer;transition:all .2s ease}
.premium-grid-dot.active{background:#fff;transform:scale(1.02);box-shadow:0 0 0 2px rgba(255,255,255,.16)}
.premium-grid-dot.is-empty{opacity:.22;cursor:default}
.premium-grid-arrow{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:108px;border:none;background:rgba(255,255,255,.92);color:#555;font-size:1.45rem;z-index:5;box-shadow:0 10px 22px rgba(0,0,0,.16)}
.premium-grid-arrow.prev{left:-2px;border-radius:0 18px 18px 0}
.premium-grid-arrow.next{right:-2px;border-radius:18px 0 0 18px}
.premium-grid-arrow:hover{background:#fff;color:#111827}
@media (max-width:1100px){.premium-grid-slide-inner{grid-template-columns:1fr;min-height:auto}.premium-grid-copy-panel{padding:20px 6px 10px}.premium-grid-title-band{width:100%;margin-right:0;padding:26px 24px}.premium-grid-white-card{margin-left:0;width:100%;padding:34px 26px 30px;border-radius:28px}.premium-grid-meta-row{padding-left:10px;padding-right:10px;flex-wrap:wrap}.premium-grid-image-panel{padding:0 4px 4px}.premium-grid-photo{min-height:320px}}
@media (max-width:768px){.premium-grid-stage{padding:10px 10px 6px;border-width:4px;border-radius:18px}.premium-grid-title-band{font-size:1.1rem;padding:18px 18px;border-radius:24px}.premium-grid-white-card{min-height:120px;padding:24px 18px 20px;border-radius:22px}.premium-grid-subtitle{font-size:.95rem}.premium-grid-live-badge,.premium-grid-city-badge{padding:10px 14px;font-size:.88rem}.premium-grid-city-badge{font-size:.94rem}.premium-grid-photo{min-height:240px}.premium-grid-arrow{width:40px;height:74px;font-size:1rem}.premium-grid-dots{gap:5px}.premium-grid-dot{height:8px}}


/* ========== SPOR HABERLERI HOME SECTION ========== */
.sports-home-section {
    margin: 20px 0 34px;
}
.sports-home-title {
    align-items: center;
}
.section-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: 999px;
    background: linear-gradient(135deg, #111827, #1f2937);
    color: #fff;
    text-decoration: none;
    font-size: .82rem;
    font-weight: 700;
    box-shadow: 0 12px 24px rgba(15,23,42,.18);
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.section-link:hover {
    transform: translateY(-2px);
    background: linear-gradient(135deg, #e11d48, #be123c);
    box-shadow: 0 16px 30px rgba(225,29,72,.24);
}
.sports-home-top-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.95fr) minmax(320px, 0.82fr);
    gap: 24px;
    margin-bottom: 24px;
    align-items: start;
}
.sports-home-top-grid--hub {
    grid-auto-rows: minmax(0, auto);
}
.sports-home-side-stack {
    display: grid;
    gap: 20px;
}
.sports-home-quickstats {
    display: grid;
    gap: 14px;
}
.sports-stat-card {
    background: linear-gradient(180deg, #ffffff, #f8fafc);
    border: 1px solid rgba(226,232,240,.95);
    border-radius: 22px;
    padding: 18px 18px 16px;
    box-shadow: 0 14px 34px rgba(15,23,42,.07);
}
.sports-stat-card--accent {
    background: linear-gradient(135deg, #0f172a, #1d4ed8);
    color: #fff;
    border-color: transparent;
}
.sports-stat-label {
    display: inline-block;
    margin-bottom: 8px;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #64748b;
}
.sports-stat-card--accent .sports-stat-label,
.sports-stat-card--accent small,
.sports-stat-card--accent strong {
    color: #fff;
}
.sports-stat-card strong {
    display: block;
    font-size: 1rem;
    line-height: 1.4;
    margin-bottom: 4px;
    color: #0f172a;
}
.sports-stat-card small {
    display: block;
    color: #64748b;
    font-size: .82rem;
    line-height: 1.45;
}
.sports-home-widget-column {
    min-width: 0;
}
.sports-home-widget {
    border-radius: 28px;
    box-shadow: 0 18px 44px rgba(15,23,42,.12);
}
.sports-home-widget .standings-meta {
    padding-bottom: .3rem;
}
.sports-home-lead-card,
.sports-home-side-card,
.sports-home-bottom-card {
    background: #fff;
    border-radius: 26px;
    overflow: hidden;
    box-shadow: 0 14px 35px rgba(15,23,42,.07);
    border: 1px solid rgba(226,232,240,.9);
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.sports-home-lead-card:hover,
.sports-home-side-card:hover,
.sports-home-bottom-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 22px 46px rgba(15,23,42,.12);
    border-color: rgba(225,29,72,.18);
}
.sports-home-lead-link,
.sports-home-side-link,
.sports-home-bottom-link {
    display: block;
    color: inherit;
    text-decoration: none;
}
.sports-home-lead-media {
    position: relative;
    aspect-ratio: 16 / 9;
    background: #e2e8f0;
}
.sports-home-lead-media img,
.sports-home-side-media img,
.sports-home-bottom-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.sports-home-chip {
    position: absolute;
    left: 18px;
    top: 18px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(15,23,42,.86);
    color: #fff;
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .05em;
    backdrop-filter: blur(8px);
}
.sports-home-lead-body {
    padding: 22px 24px 26px;
}
.sports-home-meta-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
    font-size: .78rem;
}
.sports-home-category {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    border-radius: 999px;
    background: #fff1f2;
    color: #be123c;
    font-weight: 800;
}
.sports-home-time {
    color: #64748b;
    font-weight: 700;
}
.sports-home-lead-body h3 {
    font-size: 2rem;
    line-height: 1.18;
    margin: 0 0 12px;
    color: #0f172a;
}
.sports-home-lead-body p {
    margin: 0;
    font-size: 1rem;
    line-height: 1.7;
    color: #475569;
}
.sports-home-side-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}
.sports-home-side-media,
.sports-home-bottom-media {
    aspect-ratio: 16 / 10;
    background: #e2e8f0;
}
.sports-home-side-body {
    padding: 14px 16px 18px;
}
.sports-home-side-meta {
    font-size: .72rem;
    font-weight: 800;
    color: #e11d48;
    margin-bottom: 8px;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.sports-home-side-body h4 {
    margin: 0;
    font-size: 1.02rem;
    line-height: 1.35;
    color: #0f172a;
}
.sports-home-bottom-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
    align-items: stretch;
}
.sports-home-bottom-grid--compact {
    margin-top: 6px;
}
.sports-home-bottom-grid--compact .sports-home-bottom-card {
    min-height: 100%;
}
.sports-home-bottom-body {
    padding: 14px 16px 18px;
}
.sports-home-bottom-body h5 {
    margin: 0;
    font-size: 1.02rem;
    line-height: 1.42;
    color: #0f172a;
}
@media (max-width: 1360px) {
    .sports-home-top-grid {
        grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    }
    .sports-home-widget-column {
        grid-column: 1 / -1;
    }
}
@media (max-width: 1200px) {
    .sports-home-top-grid {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 1200px) {
    .sports-home-bottom-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (max-width: 992px) {
    .sports-home-bottom-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 768px) {
    .sports-home-title {
        flex-wrap: wrap;
    }
    .sports-home-title .line {
        order: 3;
        width: 100%;
        flex: 1 0 100%;
    }
    .sports-home-lead-body {
        padding: 18px;
    }
    .sports-home-lead-body h3 {
        font-size: 1.5rem;
    }
    .sports-home-side-grid,
    .sports-home-bottom-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .sports-home-meta-row {
        flex-wrap: wrap;
    }
    .section-link {
        padding: 9px 14px;
    }
}


/* ========== MAGAZIN HOME SECTION ========== */
.magazine-home-section {
    margin: 22px 0 34px;
}
.magazine-home-section .section-link {
    background: linear-gradient(135deg, #581c87, #db2777);
    box-shadow: 0 14px 30px rgba(168, 85, 247, .22);
}
.magazine-home-section .section-link:hover {
    background: linear-gradient(135deg, #7c3aed, #ec4899);
    box-shadow: 0 18px 34px rgba(236, 72, 153, .28);
}
.sports-home-top-grid--magazine {
    grid-template-columns: minmax(0, 1.18fr) minmax(0, 1fr);
}
.magazine-home-section .sports-home-lead-card,
.magazine-home-section .sports-home-side-card,
.magazine-home-section .sports-home-bottom-card {
    box-shadow: 0 18px 40px rgba(88, 28, 135, .08);
}
.magazine-home-section .sports-home-chip {
    background: linear-gradient(135deg, rgba(88,28,135,.92), rgba(219,39,119,.88));
}
.magazine-home-section .sports-home-category {
    background: #fdf2f8;
    color: #be185d;
}
.magazine-home-section .sports-home-side-meta {
    color: #a21caf;
}
.magazine-home-section .sports-home-lead-card:hover,
.magazine-home-section .sports-home-side-card:hover,
.magazine-home-section .sports-home-bottom-card:hover {
    border-color: rgba(168,85,247,.24);
    box-shadow: 0 24px 48px rgba(88, 28, 135, .13);
}
@media (max-width: 1360px) {
    .sports-home-top-grid--magazine {
        grid-template-columns: 1fr;
    }
}

.agenda-home-section {
    margin: 22px 0 34px;
}
.agenda-home-section .section-link {
    background: linear-gradient(135deg, #0f172a, #dc2626);
    box-shadow: 0 14px 30px rgba(220, 38, 38, .22);
}
.agenda-home-section .section-link:hover {
    background: linear-gradient(135deg, #111827, #ef4444);
    box-shadow: 0 18px 34px rgba(239, 68, 68, .28);
}
.sports-home-top-grid--agenda {
    grid-template-columns: minmax(0, 1.18fr) minmax(0, 1fr);
}
.agenda-home-section .sports-home-lead-card,
.agenda-home-section .sports-home-side-card,
.agenda-home-section .sports-home-bottom-card {
    box-shadow: 0 18px 40px rgba(15, 23, 42, .08);
}
.agenda-home-section .sports-home-chip {
    background: linear-gradient(135deg, rgba(15,23,42,.94), rgba(220,38,38,.88));
}
.agenda-home-section .sports-home-category {
    background: #eff6ff;
    color: #1d4ed8;
}
.agenda-home-section .sports-home-side-meta {
    color: #dc2626;
}
.agenda-home-section .sports-home-lead-card:hover,
.agenda-home-section .sports-home-side-card:hover,
.agenda-home-section .sports-home-bottom-card:hover {
    border-color: rgba(220,38,38,.22);
    box-shadow: 0 24px 48px rgba(15, 23, 42, .12);
}
@media (max-width: 1360px) {
    .sports-home-top-grid--agenda {
        grid-template-columns: 1fr;
    }
}



/* ========== SPORTS HOME LAYOUT FIX ========== */
.sports-home-layout--with-widget {
    display: grid;
    grid-template-columns: minmax(0, 1.62fr) minmax(348px, .60fr);
    gap: 24px;
    align-items: start;
}
.sports-home-main-column {
    min-width: 0;
}
.sports-home-top-grid--classic {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
    gap: 24px;
    margin-bottom: 24px;
    align-items: start;
}
.sports-home-widget-column--right {
    position: relative;
}
.sports-home-widget-column--right .sports-home-widget {
    position: sticky;
    top: 88px;
}
.sports-home-widget-column--right .sports-home-widget--compact {
    max-width: 358px;
    margin-left: auto;
}
.sports-home-bottom-grid--compact {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 1360px) {
    .sports-home-layout--with-widget {
        grid-template-columns: minmax(0, 1.36fr) minmax(330px, .62fr);
    }
    .sports-home-top-grid--classic {
        grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
    }
}
@media (max-width: 1200px) {
    .sports-home-layout--with-widget {
        grid-template-columns: 1fr;
    }
    .sports-home-widget-column--right .sports-home-widget {
        position: static;
    }
}
@media (max-width: 992px) {
    .sports-home-top-grid--classic,
    .sports-home-bottom-grid--compact {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sports-home-top-grid--classic .sports-home-lead-card {
        grid-column: 1 / -1;
    }
}
@media (max-width: 768px) {
    .sports-home-top-grid--classic,
    .sports-home-bottom-grid--compact {
        grid-template-columns: 1fr;
    }
}


/* ========== SPORTS WIDGET COMPACT MODE ========== */
.sports-home-widget--compact {
    border-radius: 22px;
}
.sports-home-widget--compact .standings-card-header {
    padding: .95rem 1rem .75rem;
}
.sports-home-widget--compact .standings-card-header h3 {
    font-size: .98rem;
    line-height: 1.2;
}
.sports-home-widget--compact .standings-kicker {
    font-size: .68rem;
    margin-bottom: .28rem;
}
.sports-home-widget--compact .standings-badge {
    width: 36px;
    height: 36px;
    border-radius: 12px;
    font-size: .9rem;
}
.sports-home-widget--compact .standings-meta {
    padding: .8rem 1rem 0;
    font-size: .74rem;
}
.standings-table-wrap--compact {
    max-height: none;
    overflow: visible;
    scrollbar-width: auto;
}
.sports-home-widget--compact .standings-table-wrap {
    overflow: visible;
}
.sports-home-widget--compact .standings-table {
    table-layout: fixed;
}
.sports-home-widget--compact .standings-table th:nth-child(1),
.sports-home-widget--compact .standings-table td:nth-child(1) {
    width: 28px;
}
.sports-home-widget--compact .standings-table th:nth-child(3),
.sports-home-widget--compact .standings-table td:nth-child(3),
.sports-home-widget--compact .standings-table th:nth-child(4),
.sports-home-widget--compact .standings-table td:nth-child(4),
.sports-home-widget--compact .standings-table th:nth-child(5),
.sports-home-widget--compact .standings-table td:nth-child(5) {
    width: 38px;
}
.standings-table--compact {
    font-size: .78rem;
}
.standings-table--compact th,
.standings-table--compact td {
    padding: .62rem .28rem;
}
.standings-table--compact th {
    font-size: .72rem;
}
.standings-table--compact .team-cell {
    gap: .42rem;
}
.standings-table--compact .team-cell img {
    width: 24px;
    height: 24px;
    border-radius: 8px;
}
.standings-table--compact .team-cell span {
    display: inline-block;
    max-width: 138px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (max-width: 1200px) {
    .sports-home-widget-column--right .sports-home-widget--compact {
        max-width: none;
    }
    .standings-table-wrap--compact {
        max-height: none;
    }
}


.surmanset-bar-home {
    margin: 16px 0 22px;
    border-radius: 18px;
    overflow: hidden;
}

@media (max-width: 768px) {
    .surmanset-bar-home {
        margin: 12px 0 18px;
        border-radius: 14px;
    }
}


/* ========== PREMIUM SUR MANSET BAR V2 ========== */
.surmanset-bar-home {
    position: relative;
    margin: 16px 0 22px;
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    align-items: center;
    gap: 16px;
    padding: 14px 18px;
    border-radius: 22px;
    overflow: hidden;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background:
        radial-gradient(circle at left top, rgba(225, 29, 72, 0.18), transparent 34%),
        radial-gradient(circle at right bottom, rgba(59, 130, 246, 0.16), transparent 28%),
        linear-gradient(135deg, #0f172a 0%, #111827 46%, #1e293b 100%);
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.14);
}
.surmanset-bar-home::before,
.surmanset-bar-home::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 58px;
    pointer-events: none;
    z-index: 2;
}
.surmanset-bar-home::before {
    left: 0;
    background: linear-gradient(90deg, rgba(15, 23, 42, 0.96) 0%, rgba(15, 23, 42, 0) 100%);
}
.surmanset-bar-home::after {
    right: 0;
    background: linear-gradient(270deg, rgba(15, 23, 42, 0.96) 0%, rgba(15, 23, 42, 0) 100%);
}
.surmanset-head {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 174px;
}
.surmanset-bar-home .surmanset-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    align-self: flex-start;
    padding: 8px 14px;
    border-radius: 999px;
    background: linear-gradient(135deg, #ef4444, #e11d48);
    color: #fff;
    box-shadow: 0 12px 26px rgba(225, 29, 72, 0.35);
}
.surmanset-meta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.03em;
}
.surmanset-pulse {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #22c55e;
    box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7);
    animation: surmansetPulse 1.8s infinite;
}
@keyframes surmansetPulse {
    0% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7); }
    70% { box-shadow: 0 0 0 9px rgba(34, 197, 94, 0); }
    100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); }
}
.surmanset-bar-home .surmanset-window {
    position: relative;
    z-index: 1;
    min-width: 0;
}
.surmanset-bar-home .surmanset-track {
    min-width: max-content;
    padding-right: 20px;
}
.surmanset-bar-home .surmanset-item {
    position: relative;
    color: #f8fafc;
    font-size: 0.96rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    opacity: 0.94;
    transition: transform 0.2s ease, opacity 0.2s ease, color 0.2s ease;
}
.surmanset-bar-home .surmanset-item:hover,
.surmanset-bar-home .surmanset-item:focus-visible {
    color: #fff;
    opacity: 1;
    transform: translateY(-1px);
}
.surmanset-bar-home .surmanset-item::after {
    color: rgba(255, 255, 255, 0.28);
}
.surmanset-hint {
    position: relative;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    justify-self: end;
    color: rgba(255, 255, 255, 0.78);
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 999px;
    padding: 8px 12px;
    font-size: 0.78rem;
    font-weight: 700;
    white-space: nowrap;
    backdrop-filter: blur(8px);
}
.surmanset-bar-home:hover .surmanset-track,
.surmanset-bar-home:focus-within .surmanset-track {
    animation-play-state: paused;
}
@media (max-width: 1100px) {
    .surmanset-bar-home {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 16px;
    }
    .surmanset-bar-home::before,
    .surmanset-bar-home::after {
        display: none;
    }
    .surmanset-head {
        min-width: 0;
    }
    .surmanset-hint {
        justify-self: start;
    }
}
@media (max-width: 768px) {
    .surmanset-bar-home {
        margin: 12px 0 18px;
        border-radius: 18px;
        padding: 14px;
    }
    .surmanset-bar-home .surmanset-item {
        font-size: 0.9rem;
        padding-right: 28px;
    }
    .surmanset-meta,
    .surmanset-hint {
        font-size: 0.74rem;
    }
}
@media (max-width: 560px) {
    .surmanset-head {
        gap: 8px;
    }
    .surmanset-bar-home .surmanset-label {
        font-size: 0.72rem;
        padding: 7px 12px;
    }
    .surmanset-hint {
        width: 100%;
        justify-content: center;
    }
}


/* Hero sliders aligned with 160x600 ad banners */
:root {
    --hero-banner-height: 600px;
}
.hero-ads-layout .double-marquee-container {
    grid-template-columns: minmax(0, 1fr) 430px;
    gap: 1.5rem;
    align-items: stretch;
    min-height: var(--hero-banner-height);
}
.main-marquee-wrapper,
.side-marquee-wrapper {
    height: var(--hero-banner-height);
}
.main-marquee-wrapper {
    display: flex;
}
.marquee-news {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.marquee-viewport {
    flex: 1 1 auto;
    min-height: 0;
    height: auto;
}
.news-slide {
    height: 100%;
}
.slide-content-overlay {
    padding: 2rem 2rem 2.15rem;
}
.number-nav-container,
.number-nav-container-compact {
    padding: 0.72rem 0.9rem 0.8rem;
}
.number-nav-container-compact .number-grid,
.number-grid {
    align-items: center;
}
.side-marquee-wrapper {
    background: #fff;
    display: flex;
    flex-direction: column;
}
.side-news-slider-card {
    height: 100%;
}
.side-header {
    min-height: 74px;
    padding: 1rem 1.1rem;
}
.flash-slider-shell {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 12px 12px 14px;
}
.flash-slider-viewport {
    flex: 1 1 auto;
    min-height: 0;
    height: auto;
}
.flash-news-item {
    height: 100%;
}
.flash-news-image-wrap {
    flex: 0 0 50%;
    height: auto;
    min-height: 0;
}
.flash-news-content {
    padding: 8px 18px 14px;
    gap: 9px;
}
.flash-dots {
    margin-top: 10px;
}
@media (max-width: 1200px) {
    .hero-ads-layout .double-marquee-container {
        grid-template-columns: 1fr;
        min-height: auto;
    }
    .main-marquee-wrapper,
    .side-marquee-wrapper {
        height: auto;
    }
    .marquee-viewport {
        min-height: 450px;
    }
    .flash-slider-viewport {
        min-height: 420px;
    }
}
@media (max-width: 768px) {
    .slide-content-overlay {
        padding: 1.4rem 1.15rem 1.35rem;
    }
}


/* ===== slider image fill fix ===== */
.hero-ads-layout .double-marquee-container {
    align-items: stretch;
}
.hero-ads-layout .main-marquee-wrapper,
.hero-ads-layout .side-marquee-wrapper {
    height: 600px;
    min-height: 600px;
}
.hero-ads-layout .marquee-news,
.hero-ads-layout .side-news-slider-card {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.hero-ads-layout .marquee-viewport {
    flex: 1 1 auto;
    height: 520px;
    min-height: 520px;
}
.hero-ads-layout .marquee-track {
    height: 100%;
}
.hero-ads-layout .news-slide {
    height: 100%;
    min-height: 520px;
    background-size: cover;
    background-position: center center;
}
.hero-ads-layout .number-nav-container-compact {
    flex: 0 0 auto;
    padding: .75rem .85rem;
}
.hero-ads-layout .flash-slider-shell {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
}
.hero-ads-layout .flash-slider-viewport {
    height: 100%;
    min-height: 0;
    flex: 1 1 auto;
}
.hero-ads-layout .flash-slider-track {
    height: 100%;
}
.hero-ads-layout .flash-news-item {
    min-height: 100%;
}

@media (max-width: 1200px) {
    .hero-ads-layout .main-marquee-wrapper,
    .hero-ads-layout .side-marquee-wrapper {
        height: auto;
        min-height: 0;
    }
    .hero-ads-layout .marquee-viewport,
    .hero-ads-layout .news-slide,
    .hero-ads-layout .flash-slider-viewport {
        height: 450px;
        min-height: 450px;
    }
}

@media (max-width: 768px) {
    .hero-ads-layout .marquee-viewport,
    .hero-ads-layout .news-slide,
    .hero-ads-layout .flash-slider-viewport {
        height: 320px;
        min-height: 320px;
    }
}



/* ========== FLASH HABERLER PREMIUM UYUMLU KATMAN ========== */
.side-marquee-wrapper {
    background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.98));
    border-radius: 28px;
    overflow: hidden;
    box-shadow: 0 26px 55px -34px rgba(15,23,42,.55);
    border: 1px solid rgba(226,232,240,.95);
}
.side-news-card.side-news-slider-card {
    position: relative;
    background:
        radial-gradient(circle at top right, rgba(244,63,94,.18), transparent 34%),
        radial-gradient(circle at bottom left, rgba(59,130,246,.12), transparent 28%),
        linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}
.side-news-slider-card::before {
    content: '';
    position: absolute;
    inset: 0 0 auto 0;
    height: 4px;
    background: linear-gradient(90deg, #e11d48, #f59e0b, #2563eb);
    opacity: .95;
}
.side-header {
    background: linear-gradient(135deg, #ef233c 0%, #c1121f 55%, #991b1b 100%);
    padding: 1rem 1.1rem .95rem;
    color: #fff;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    font-weight: 800;
}
.side-header-copy {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}
.side-header-top {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 1.05rem;
    line-height: 1;
    letter-spacing: .01em;
}
.side-header-copy small {
    color: rgba(255,255,255,.82);
    font-size: .74rem;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.hot-badge {
    background: linear-gradient(135deg, #fde047, #facc15);
    color: #111827;
    padding: 5px 11px;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 900;
    box-shadow: 0 10px 16px -10px rgba(0,0,0,.45);
}
.flash-slider-shell {
    padding: 12px 12px 14px;
}
.flash-slider-viewport {
    position: relative;
    height: 500px;
    overflow: hidden;
    border-radius: 26px;
    background:
        radial-gradient(circle at top, rgba(59,130,246,.18), transparent 30%),
        linear-gradient(180deg, #081225 0%, #030712 100%);
    border: 1px solid rgba(148,163,184,.18);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
.flash-slider-track {
    height: 100%;
    transition: transform .55s cubic-bezier(.22, .61, .36, 1);
}
.flash-news-item {
    height: 100%;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: #fff;
    background: transparent;
}
.flash-news-image-wrap {
    height: 296px;
    padding: 12px;
    flex: 0 0 296px;
    position: relative;
}
.flash-news-image {
    width: 100%;
    height: 100%;
    border-radius: 22px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: 0 22px 40px -30px rgba(15,23,42,.85);
}
.flash-news-image-overlay {
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 12px;
    height: 70px;
    border-radius: 0 0 22px 22px;
    background: linear-gradient(180deg, rgba(2,6,23,0), rgba(2,6,23,.82));
    pointer-events: none;
}
.flash-news-content {
    padding: 2px 18px 18px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1 1 auto;
    min-height: 0;
    justify-content: flex-start;
}
.flash-news-topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
.flash-news-badge {
    display: inline-flex;
    align-self: flex-start;
    background: linear-gradient(135deg, #fb7185, #ef4444);
    color: #fff;
    padding: 7px 12px;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .03em;
    box-shadow: 0 12px 24px -14px rgba(239,68,68,.85);
}
.flash-news-kicker {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #fda4af;
    font-size: .73rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.flash-news-kicker::before {
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: #fb7185;
    box-shadow: 0 0 0 5px rgba(251,113,133,.16);
}
.flash-news-title {
    font-size: 1.22rem;
    font-weight: 900;
    line-height: 1.34;
    letter-spacing: -.01em;
    text-wrap: balance;
}
.flash-news-time {
    font-size: .84rem;
    color: #cbd5e1;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.flash-dots {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    gap: 7px;
    margin-top: 12px;
}
.flash-dot {
    height: 8px;
    border-radius: 999px;
    border: none;
    background: #cbd5e1;
    cursor: pointer;
    transition: all .22s ease;
    opacity: .9;
}
.flash-dot.active {
    background: linear-gradient(90deg, #f43f5e, #e11d48);
    transform: scale(1.02);
    box-shadow: 0 8px 16px -10px rgba(225,29,72,.9);
}
.flash-dot.is-empty {
    opacity: .28;
    cursor: default;
}
@media (max-width: 992px) {
    .side-header { padding: .95rem 1rem .9rem; }
    .side-header-top { font-size: .98rem; }
    .flash-slider-viewport { height: 470px; }
    .flash-news-image-wrap { height: 280px; flex-basis: 280px; }
    .flash-news-title { font-size: 1.08rem; }
}
@media (max-width: 768px) {
    .flash-slider-viewport { height: 430px; border-radius: 22px; }
    .flash-news-image-wrap { height: 238px; flex-basis: 238px; }
    .flash-news-image { border-radius: 18px; }
    .flash-news-image-overlay { left: 12px; right: 12px; border-radius: 0 0 18px 18px; }
    .flash-news-title { font-size: 1rem; }
    .flash-news-content { padding: 2px 14px 16px; }
}


.slide-number-big{display:none!important;}


/* News detail premium layout */
.article-detail-page{padding:28px 0 42px;background:#f8fafc}
.article-detail-shell{max-width:1360px;margin:0 auto;padding:0 16px;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start}
.article-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;font-size:.84rem;color:#64748b;margin-bottom:16px}
.article-breadcrumb a{color:#0f172a;text-decoration:none;font-weight:600}
.article-detail-card,.article-detail-widget,.detail-sidebar-widget,.managed-ad-slot{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 18px 40px -34px rgba(15,23,42,.35)}
.article-detail-card{overflow:hidden}
.article-detail-head{padding:24px 24px 10px}
.article-detail-tagline{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.article-category-chip,.article-date-chip{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:7px 14px;font-size:.78rem;font-weight:700}
.article-category-chip{background:#e11d48;color:#fff}
.article-date-chip{background:#f1f5f9;color:#334155}
.article-detail-title{font-size:2.45rem;line-height:1.08;margin:0 0 14px;color:#0f172a;font-weight:900;letter-spacing:-.03em}
.article-detail-summary{font-size:1.12rem;line-height:1.7;color:#475569;max-width:900px;margin:0}
.article-detail-actions{display:flex;justify-content:flex-end;margin-top:16px}
.article-favorite-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border-radius:999px;background:#0f172a;color:#fff;text-decoration:none;border:none;font-weight:700;cursor:pointer}
.article-hero-media{margin:0;padding:0 24px 20px}
.article-hero-media img{width:100%;height:auto;max-height:520px;object-fit:cover;border-radius:20px;display:block}
.article-inline-ad{margin:0 24px 20px}
.article-content{padding:0 24px 24px;color:#1e293b;font-size:1.06rem;line-height:1.95}
.article-content img{max-width:100%;height:auto;border-radius:18px;margin:16px 0}
.article-content p{margin:0 0 18px}
.article-widget-title{padding:18px 20px 0}
.article-widget-title h2{margin:0;font-size:1.2rem;font-weight:900;color:#0f172a;display:flex;gap:10px;align-items:center}
.article-gallery-widget,.article-comments-widget{margin-top:26px}
.article-gallery-grid{padding:18px 20px 20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.article-gallery-card{overflow:hidden;border:1px solid #e2e8f0;border-radius:18px;background:#fff}
.article-gallery-card img{width:100%;height:190px;object-fit:cover;display:block}
.article-gallery-copy{padding:14px}
.article-gallery-copy h4{margin:0 0 6px;font-size:1rem;font-weight:800;color:#0f172a}
.article-gallery-copy p{margin:0;color:#64748b;font-size:.9rem;line-height:1.5}
.article-comment-card{padding:18px 20px 20px}
.article-alert-success{margin:18px 20px 0;padding:12px 14px;background:#ecfdf5;color:#166534;border:1px solid #bbf7d0;border-radius:14px;font-weight:700}
.article-comment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.article-comment-grid .full{grid-column:1/-1}
.article-comment-grid label{display:block;font-size:.84rem;font-weight:700;margin-bottom:6px;color:#334155}
.article-submit-btn{margin-top:14px;padding:12px 18px;border:none;border-radius:14px;background:#e11d48;color:#fff;font-weight:800;cursor:pointer}
.article-comment-list{margin-top:24px;border-top:1px solid #e2e8f0;padding-top:8px}
.article-comment-item{padding:16px 0;border-bottom:1px solid #eef2f7}
.article-comment-author{font-weight:800;color:#0f172a}
.article-comment-time{font-size:.84rem;color:#64748b;margin-top:4px}
.article-comment-item p{margin:10px 0 0;line-height:1.7;color:#334155}
.article-empty-copy{margin:12px 0 0;color:#64748b}
.article-related-grid{padding:18px 20px 20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.article-related-card{border:1px solid #e2e8f0;border-radius:18px;overflow:hidden;background:#fff}
.article-related-thumb img{width:100%;height:190px;object-fit:cover;display:block}
.article-related-copy{padding:14px}
.article-related-cat{font-size:.75rem;font-weight:800;color:#e11d48;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}
.article-related-link{font-size:1rem;line-height:1.45;color:#0f172a;text-decoration:none;font-weight:800}
.article-detail-sidebar{display:flex;flex-direction:column;gap:18px;position:static;top:auto}
.detail-sidebar-widget{padding:16px 16px 8px}
.detail-sidebar-title{margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #e2e8f0}
.detail-sidebar-title h3{margin:0;color:#0f172a;font-size:1.05rem;font-weight:900;display:flex;align-items:center;gap:10px}
.detail-sidebar-list{display:flex;flex-direction:column;gap:12px}
.detail-sidebar-item{display:grid;grid-template-columns:auto 86px minmax(0,1fr);gap:12px;align-items:start}
.detail-sidebar-item:not(:last-child){padding-bottom:12px;border-bottom:1px solid #f1f5f9}
.detail-sidebar-rank{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#e11d48;color:#fff;font-size:.82rem;font-weight:900;margin-top:4px}
.detail-sidebar-thumb img{width:86px;height:72px;object-fit:cover;border-radius:12px;display:block}
.detail-sidebar-copy{min-width:0}
.detail-sidebar-cat{font-size:.72rem;font-weight:800;color:#e11d48;text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px}
.detail-sidebar-link{display:block;color:#0f172a;text-decoration:none;font-size:.92rem;line-height:1.45;font-weight:800}
.detail-sidebar-widget-compact .detail-sidebar-list{gap:10px}
.detail-sidebar-item.is-compact{grid-template-columns:78px minmax(0,1fr);gap:10px}
.detail-sidebar-item.is-compact .detail-sidebar-thumb img{width:78px;height:64px;border-radius:10px}
.detail-sidebar-link.is-compact{font-size:.88rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.detail-sidebar-widget-compact .detail-sidebar-cat{margin-bottom:4px;font-size:.68rem}
.detail-sidebar-widget-compact .detail-sidebar-meta{margin-top:5px;font-size:.74rem}
.detail-sidebar-meta{margin-top:7px;font-size:.78rem;color:#64748b;display:flex;gap:6px;align-items:center}
.managed-ad-slot{padding:14px;text-align:center}
.managed-ad-slot-title{font-size:.8rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#64748b;margin-bottom:10px}
.managed-ad-slot-link,.managed-ad-slot-code{display:block;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:18px;padding:10px;text-decoration:none;overflow:hidden}
.managed-ad-slot img{width:100%;height:auto;max-height:250px;object-fit:cover;border-radius:12px;display:block}
.managed-ad-slot-placeholder{display:flex;align-items:center;justify-content:center;height:180px;border-radius:14px;background:linear-gradient(135deg,#e2e8f0,#f8fafc);color:#94a3b8;font-weight:900;font-size:1.4rem}
.managed-ad-slot-label{margin-top:10px;font-size:.78rem;color:#64748b;font-weight:800}
.detail-sidebar-ad .managed-ad-slot-placeholder{height:220px}
@media (max-width: 1199px){.article-detail-shell{grid-template-columns:minmax(0,1fr) 300px;gap:22px}.article-detail-title{font-size:2.15rem}.article-related-grid,.article-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 991px){.article-detail-shell{grid-template-columns:1fr}.article-detail-sidebar{position:static}.article-detail-title{font-size:1.95rem}}
@media (max-width: 767px){.article-detail-page{padding-top:18px}.article-detail-shell{padding:0 12px}.article-detail-head,.article-content,.article-inline-ad,.article-hero-media{padding-left:14px;padding-right:14px}.article-detail-head{padding-top:18px}.article-detail-title{font-size:1.7rem}.article-detail-summary{font-size:1rem}.article-hero-media img{max-height:360px;border-radius:16px}.article-widget-title{padding:16px 14px 0}.article-gallery-grid,.article-related-grid,.article-comment-card{padding:14px}.article-gallery-grid,.article-related-grid{grid-template-columns:1fr}.article-comment-grid{grid-template-columns:1fr}.detail-sidebar-widget{padding:14px}}


.article-detail-meta-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid #e2e8f0}
.article-author-inline{display:flex;align-items:center;gap:12px}
.article-author-avatar{width:42px;height:42px;border-radius:999px;background:linear-gradient(135deg,#0f172a,#334155);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:1rem;box-shadow:0 10px 24px -16px rgba(15,23,42,.7)}
.article-author-avatar-lg{width:64px;height:64px;font-size:1.4rem;flex:0 0 auto}
.article-author-inline strong{display:block;color:#0f172a;font-size:.96rem;line-height:1.1}
.article-author-inline span{display:block;color:#64748b;font-size:.82rem;margin-top:4px}
.article-share-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.article-share-btn{width:38px;height:38px;border-radius:999px;border:1px solid #e2e8f0;background:#fff;color:#0f172a;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:all .2s ease}
.article-share-btn:hover{background:#0f172a;color:#fff;transform:translateY(-1px)}
.article-tag-cloud{margin:0 24px 22px;padding:18px;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #e2e8f0}
.article-tag-cloud-title{display:flex;align-items:center;gap:9px;font-size:.9rem;font-weight:900;color:#0f172a;margin-bottom:12px}
.article-tag-items{display:flex;flex-wrap:wrap;gap:10px}
.article-tag-pill{display:inline-flex;align-items:center;padding:9px 14px;border-radius:999px;background:#fff;border:1px solid #e2e8f0;color:#334155;text-decoration:none;font-size:.84rem;font-weight:700;transition:all .2s ease}
.article-tag-pill:hover{border-color:#e11d48;color:#e11d48;transform:translateY(-1px)}
.article-author-box{margin:0 24px 24px;padding:20px;border-radius:20px;background:linear-gradient(135deg,#0f172a,#172554);color:#fff;display:flex;align-items:flex-start;gap:16px;box-shadow:0 20px 40px -28px rgba(15,23,42,.7)}
.article-author-box-copy{min-width:0}
.article-author-box-top{font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#cbd5e1;margin-bottom:6px}
.article-author-box h3{margin:0 0 8px;font-size:1.25rem;font-weight:900}
.article-author-box p{margin:0;color:#e2e8f0;line-height:1.7;font-size:.95rem}
.article-detail-sidebar .detail-sidebar-ad:first-child{position:static;top:auto;z-index:auto}
@media (max-width: 767px){.article-detail-meta-strip{align-items:flex-start}.article-tag-cloud,.article-author-box{margin-left:14px;margin-right:14px}.article-author-box{padding:16px;gap:12px;flex-direction:row}.article-share-btn{width:36px;height:36px}}

.detail-sidebar-widget-compact .detail-sidebar-rank{width:24px;height:24px;font-size:.74rem;margin-top:2px}
.detail-sidebar-widget-compact .detail-sidebar-item{align-items:center}
.detail-sidebar-widget-compact .detail-sidebar-item:not(:last-child){padding-bottom:10px}


.article-static-promo-banner{margin-top:22px;background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 18px 40px -34px rgba(15,23,42,.35);padding:14px;overflow:hidden}
.article-static-promo-banner-link{display:block;text-decoration:none}
.article-static-promo-banner img{width:100%;max-width:700px;height:auto;display:block;margin:0 auto;border-radius:16px}
.article-static-promo-banner--bottom{margin-bottom:6px}
@media (max-width: 767px){.article-static-promo-banner{padding:10px;border-radius:16px}.article-static-promo-banner img{border-radius:12px}}

.article-comments-banner .managed-ad-slot-link,.article-comments-banner .managed-ad-slot-code{padding:12px;border-radius:18px}
.article-comments-banner img{width:100%;max-width:700px;max-height:none;height:auto;display:block;margin:0 auto;border-radius:16px;object-fit:cover}
.article-comments-banner .managed-ad-slot-placeholder{height:160px;max-width:700px;margin:0 auto;font-size:1.2rem}
@media (max-width: 767px){.article-comments-banner .managed-ad-slot-link,.article-comments-banner .managed-ad-slot-code{padding:10px}.article-comments-banner img{border-radius:12px}.article-comments-banner .managed-ad-slot-placeholder{height:130px}}


/* Flash haber HOT rozeti kaldırıldı */
.hot-badge{display:none!important;}
.side-header{justify-content:flex-start;}
.side-header-copy{width:100%;}


/* ===== ANA SAYFA BUYUK KAYAN DOVIZ BARI ===== */
.home-currency-showcase {
    width: 100%;
    max-width: none;
    margin: 26px 0 28px;
    padding: 0;
    display: grid;
    grid-template-columns: minmax(260px, 325px) minmax(0, 1fr);
    align-items: stretch;
    gap: 0;
    position: relative;
}

.home-currency-label {
    position: relative;
    z-index: 2;
    min-height: 96px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    padding: 20px 28px 20px 30px;
    color: #fff;
    background: linear-gradient(135deg, #e11d48 0%, #991b1b 48%, #7f1d1d 100%);
    border-radius: 24px 0 0 24px;
    box-shadow: 0 18px 35px rgba(127, 29, 29, .26);
    overflow: hidden;
}

.home-currency-label::after {
    content: '';
    position: absolute;
    inset: -35% -20% auto auto;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background: rgba(255,255,255,.16);
}

.home-currency-label i {
    font-size: 1.18rem;
    margin-right: 8px;
}

.home-currency-label strong {
    display: flex;
    align-items: center;
    font-size: 1.28rem;
    line-height: 1;
    letter-spacing: .04em;
}

.home-currency-label small {
    font-size: .82rem;
    font-weight: 700;
    color: rgba(255,255,255,.78);
    text-transform: uppercase;
    letter-spacing: .05em;
}

.home-currency-pulse {
    position: absolute;
    right: 18px;
    top: 18px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 0 0 rgba(34,197,94,.65);
    animation: homeCurrencyPulse 1.6s ease-out infinite;
}

.home-currency-showcase .currency-ticker {
    position: relative;
    top: auto;
    z-index: 1;
    border-bottom: 0;
    min-height: 96px;
    padding: 0;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: linear-gradient(135deg, #111827 0%, #1e293b 42%, #0f172a 100%);
    border-radius: 0 24px 24px 0;
    box-shadow: 0 18px 35px rgba(15, 23, 42, .18);
}

.home-currency-showcase .currency-ticker::before,
.home-currency-showcase .currency-ticker::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 90px;
    z-index: 3;
    pointer-events: none;
}

.home-currency-showcase .currency-ticker::before {
    left: 0;
    background: linear-gradient(90deg, #111827 0%, rgba(17,24,39,0) 100%);
}

.home-currency-showcase .currency-ticker::after {
    right: 0;
    background: linear-gradient(270deg, #0f172a 0%, rgba(15,23,42,0) 100%);
}

.home-currency-showcase .currency-track {
    display: flex;
    align-items: center;
    gap: 16px;
    white-space: nowrap;
    animation: homeCurrencySlide 38s linear infinite;
    will-change: transform;
}

.home-currency-showcase .currency-item {
    min-height: 64px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 14px 26px;
    margin: 0;
    color: #fff;
    font-weight: 800;
    font-size: 1.02rem;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 18px;
    backdrop-filter: blur(10px);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}

.home-currency-showcase .currency-item i {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    color: #facc15;
    background: rgba(250,204,21,.12);
    font-size: 1rem;
}

.home-currency-showcase .currency-name {
    color: #cbd5e1;
    font-size: .9rem;
    letter-spacing: .03em;
}

.home-currency-showcase .currency-value {
    color: #fff;
    font-size: 1.18rem;
    font-weight: 900;
}

.home-currency-showcase .currency-change {
    padding: 6px 10px;
    border-radius: 999px;
    font-size: .85rem;
    font-weight: 900;
}

.home-currency-showcase .currency-change.positive {
    color: #22c55e;
    background: rgba(34,197,94,.12);
}

.home-currency-showcase .currency-change.negative {
    color: #fb7185;
    background: rgba(251,113,133,.12);
}

.home-currency-showcase .currency-ticker:hover .currency-track {
    animation-play-state: paused;
}

@keyframes homeCurrencySlide {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

@keyframes homeCurrencyPulse {
    0% { box-shadow: 0 0 0 0 rgba(34,197,94,.65); }
    70% { box-shadow: 0 0 0 12px rgba(34,197,94,0); }
    100% { box-shadow: 0 0 0 0 rgba(34,197,94,0); }
}

@media (max-width: 900px) {
    .home-currency-showcase {
        grid-template-columns: 1fr;
        padding: 0;
        margin: 20px 0 22px;
    }
    .home-currency-label {
        min-height: auto;
        border-radius: 20px 20px 0 0;
        padding: 16px 20px;
    }
    .home-currency-showcase .currency-ticker {
        min-height: 78px;
        border-radius: 0 0 20px 20px;
    }
    .home-currency-showcase .currency-item {
        font-size: .94rem;
        padding: 10px 16px;
    }
    .home-currency-showcase .currency-value {
        font-size: 1.05rem;
    }
}


/* ===== PREMIUM HOME ASTROLOGY MARQUEE ===== */
.home-astrology-marquee-section{margin:34px 0 36px}
.premium-astrology-showcase{display:grid;grid-template-columns:320px minmax(0,1fr);align-items:stretch;gap:0;overflow:hidden;border-radius:28px;box-shadow:0 24px 64px rgba(17,24,39,.18);background:linear-gradient(135deg,#0f172a 0%,#111827 32%,#312e81 72%,#581c87 100%);position:relative}
.premium-astrology-showcase::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(255,255,255,.12),transparent 32%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.08),transparent 20%);pointer-events:none}
.premium-astrology-label{position:relative;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:28px 28px 28px 30px;color:#fff;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.06));backdrop-filter:blur(10px);border-right:1px solid rgba(255,255,255,.10)}
.home-astrology-badge{display:inline-flex;align-items:center;gap:9px;width:max-content;padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.14);font-size:.82rem;font-weight:900;letter-spacing:.08em}
.premium-astrology-label strong{display:block;font-size:clamp(1.7rem,2.4vw,2.4rem);line-height:1.02;letter-spacing:.01em}
.premium-astrology-label small{display:block;font-size:.95rem;font-weight:700;color:rgba(255,255,255,.78);line-height:1.45}
.home-astrology-label-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.home-astrology-label-meta span{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.10);font-size:.82rem;font-weight:800;color:#fff}
.home-astrology-pulse{width:12px;height:12px;border-radius:999px;background:#a3e635;box-shadow:0 0 0 0 rgba(163,230,53,.65);animation:homeAstrologyPulse 1.8s ease-out infinite}
.home-astrology-all-link{margin-top:4px;display:inline-flex;align-items:center;justify-content:center;gap:10px;width:max-content;padding:13px 18px;border-radius:999px;text-decoration:none;background:#fff;color:#111827;font-weight:900;box-shadow:0 10px 22px rgba(0,0,0,.18)}
.premium-astrology-ticker{position:relative;overflow:hidden;padding:22px 0;display:flex;align-items:center}
.premium-astrology-ticker::before,.premium-astrology-ticker::after{content:'';position:absolute;top:0;bottom:0;width:110px;z-index:3;pointer-events:none}
.premium-astrology-ticker::before{left:0;background:linear-gradient(90deg,#161b37 0%,rgba(22,27,55,0) 100%)}
.premium-astrology-ticker::after{right:0;background:linear-gradient(270deg,#4c1d95 0%,rgba(76,29,149,0) 100%)}
.premium-astrology-track{display:flex;align-items:stretch;gap:18px;white-space:nowrap;animation:premiumAstrologyScroll 48s linear infinite;will-change:transform;padding:0 26px}
.premium-astrology-ticker:hover .premium-astrology-track{animation-play-state:paused}
.premium-astro-card{width:320px;min-width:320px;display:flex;flex-direction:column;text-decoration:none;color:#fff;border-radius:24px;overflow:hidden;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px);box-shadow:0 18px 34px rgba(0,0,0,.14);transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease}
.premium-astro-card:hover{transform:translateY(-4px);box-shadow:0 24px 42px rgba(0,0,0,.2);border-color:rgba(255,255,255,.22);color:#fff}
.premium-astro-poster{position:relative;min-height:170px;padding:22px 18px;display:flex;align-items:flex-end;justify-content:space-between;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.20),rgba(255,255,255,.03));}
.premium-astro-poster::before,.premium-astro-poster::after{content:'';position:absolute;border-radius:999px;background:rgba(255,255,255,.15)}
.premium-astro-poster::before{width:170px;height:170px;right:-58px;top:-68px}
.premium-astro-poster::after{width:95px;height:95px;left:-26px;bottom:-36px;background:rgba(255,255,255,.10)}
.premium-astro-poster-glow{position:absolute;inset:0;background:radial-gradient(circle at 25% 25%,rgba(255,255,255,.32),transparent 28%),radial-gradient(circle at 75% 35%,rgba(255,255,255,.20),transparent 22%),radial-gradient(circle at 50% 65%,rgba(255,255,255,.12),transparent 20%);opacity:.8;pointer-events:none}
.premium-astro-icon-wrap{position:relative;z-index:2;width:72px;height:72px;border-radius:22px;display:flex;align-items:center;justify-content:center;background:rgba(15,23,42,.26);border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.premium-astro-icon-wrap i{font-size:2rem;color:#fff;filter:drop-shadow(0 8px 16px rgba(0,0,0,.22))}
.premium-astro-poster-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:2px}
.premium-astro-kicker{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(15,23,42,.22);border:1px solid rgba(255,255,255,.18);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.premium-astro-poster-copy strong{font-size:1.65rem;line-height:1.05;font-weight:950}
.premium-astro-poster-copy small{font-size:.92rem;font-weight:800;color:rgba(255,255,255,.86);text-transform:uppercase;letter-spacing:.06em}
.premium-astro-body{display:flex;flex-direction:column;gap:14px;padding:18px 18px 20px;background:linear-gradient(180deg,rgba(15,23,42,.08),rgba(15,23,42,.18))}
.premium-astro-body p{margin:0;white-space:normal;color:rgba(255,255,255,.92);font-weight:700;line-height:1.5;font-size:.94rem;min-height:70px}
.premium-astro-meta{display:flex;gap:8px;flex-wrap:wrap}
.premium-astro-meta span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.12);font-size:.78rem;font-weight:900;color:#fff}
.sign-koc .premium-astro-poster{background:linear-gradient(135deg,#ef4444 0%,#f97316 100%)}
.sign-boga .premium-astro-poster{background:linear-gradient(135deg,#059669 0%,#65a30d 100%)}
.sign-ikizler .premium-astro-poster{background:linear-gradient(135deg,#0ea5e9 0%,#8b5cf6 100%)}
.sign-yengec .premium-astro-poster{background:linear-gradient(135deg,#06b6d4 0%,#2563eb 100%)}
.sign-aslan .premium-astro-poster{background:linear-gradient(135deg,#f59e0b 0%,#f97316 100%)}
.sign-basak .premium-astro-poster{background:linear-gradient(135deg,#84cc16 0%,#14b8a6 100%)}
.sign-terazi .premium-astro-poster{background:linear-gradient(135deg,#ec4899 0%,#8b5cf6 100%)}
.sign-akrep .premium-astro-poster{background:linear-gradient(135deg,#a855f7 0%,#4338ca 100%)}
.sign-yay .premium-astro-poster{background:linear-gradient(135deg,#f97316 0%,#dc2626 100%)}
.sign-oglak .premium-astro-poster{background:linear-gradient(135deg,#64748b 0%,#334155 100%)}
.sign-kova .premium-astro-poster{background:linear-gradient(135deg,#06b6d4 0%,#2563eb 100%)}
.sign-balik .premium-astro-poster{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%)}
@keyframes premiumAstrologyScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes homeAstrologyPulse{0%{box-shadow:0 0 0 0 rgba(163,230,53,.65)}70%{box-shadow:0 0 0 12px rgba(163,230,53,0)}100%{box-shadow:0 0 0 0 rgba(163,230,53,0)}}
@media (max-width:1080px){.premium-astrology-showcase{grid-template-columns:1fr}.premium-astrology-label{border-right:0;border-bottom:1px solid rgba(255,255,255,.10)}.premium-astrology-ticker{padding:18px 0}.premium-astrology-ticker::before{background:linear-gradient(90deg,#111827 0%,rgba(17,24,39,0) 100%)}.premium-astrology-ticker::after{background:linear-gradient(270deg,#312e81 0%,rgba(49,46,129,0) 100%)}}
@media (max-width:768px){.premium-astrology-showcase{border-radius:22px}.premium-astrology-label{padding:22px 20px}.premium-astrology-track{gap:14px;padding:0 18px;animation-duration:38s}.premium-astro-card{width:280px;min-width:280px;border-radius:20px}.premium-astro-poster{min-height:150px;padding:18px 16px}.premium-astro-poster-copy strong{font-size:1.45rem}.premium-astro-body{padding:16px}.premium-astro-body p{min-height:auto;font-size:.9rem}}


/* Haber detay reklam alanlari - gorunurluk ve sabit sag blok duzeltmesi */
.article-wide-banner{display:block;clear:both;margin:22px 24px 24px}
.article-image-bottom-banner{margin-top:18px;margin-bottom:22px}
.article-content-end-banner{margin-top:24px;margin-bottom:24px}
.article-comments-top-banner{margin-top:0;margin-bottom:20px}
.article-comments-bottom-banner{margin-top:20px;margin-bottom:24px}
.article-wide-banner .managed-ad-slot-link,
.article-wide-banner .managed-ad-slot-code{width:100%;max-width:100%;box-sizing:border-box}
.article-wide-banner img{width:100%;max-width:100%;max-height:none;height:auto;object-fit:contain}
.article-detail-sidebar{position:static!important;top:auto!important}
.article-detail-sidebar .detail-sidebar-ad,
.article-detail-sidebar .detail-sidebar-ad:first-child{position:static!important;top:auto!important}
@media (max-width: 767px){
  .article-wide-banner{margin-left:14px;margin-right:14px}
}



/* Haber detay banner alanlari - kesin gorunurluk */
.article-detail-card .managed-ad-slot.article-wide-banner,
.article-detail-main > .managed-ad-slot.article-wide-banner,
.article-comments-banner.managed-ad-slot{display:block!important;visibility:visible!important;opacity:1!important;clear:both;width:auto;max-width:none;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 18px 40px -34px rgba(15,23,42,.35);padding:14px;text-align:center}
.article-detail-card .managed-ad-slot.article-wide-banner{margin:20px 24px 24px}
.article-detail-main > .managed-ad-slot.article-wide-banner{margin:0 0 22px}
.article-detail-card .article-image-bottom-banner{margin-top:16px;margin-bottom:22px}
.article-detail-card .article-content-end-banner{margin-top:24px;margin-bottom:0}
.article-comments-top-banner{margin-top:0!important;margin-bottom:20px!important}
.article-comments-bottom-banner{margin-top:20px!important;margin-bottom:24px!important}
.article-wide-banner .managed-ad-slot-link,.article-wide-banner .managed-ad-slot-code{display:block;width:100%;box-sizing:border-box;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:18px;padding:10px;overflow:hidden}
.article-wide-banner img{width:100%;max-width:728px;max-height:none;height:auto;object-fit:contain;margin:0 auto;border-radius:12px;display:block}
.article-wide-banner .managed-ad-slot-placeholder{height:90px;max-width:728px;margin:0 auto;display:flex;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(135deg,#e2e8f0,#f8fafc);color:#94a3b8;font-weight:900;font-size:1.2rem}
.article-comments-banner .managed-ad-slot-placeholder{height:160px;max-width:700px}
.article-detail-sidebar,.article-detail-sidebar .detail-sidebar-ad,.article-detail-sidebar .detail-sidebar-ad:first-child{position:static!important;top:auto!important}
@media(max-width:767px){.article-detail-card .managed-ad-slot.article-wide-banner{margin-left:14px;margin-right:14px}.article-wide-banner .managed-ad-slot-placeholder{height:80px}.article-comments-banner .managed-ad-slot-placeholder{height:130px}}

/* Haber detay banner kesin duzeltme: metinler artik reklamin icine karismaz */
.article-detail-card > .managed-ad-slot.article-wide-banner,
.article-detail-main > .managed-ad-slot.article-wide-banner,
.article-detail-main > .managed-ad-slot.article-comments-banner {
    display: block !important;
    position: relative !important;
    float: none !important;
    clear: both !important;
    width: auto !important;
    min-height: 112px !important;
    margin: 22px 24px !important;
    padding: 12px !important;
    background: #fff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 18px !important;
    box-shadow: 0 16px 34px -30px rgba(15,23,42,.55) !important;
    text-align: center !important;
    overflow: hidden !important;
    z-index: 1 !important;
}
.article-detail-main > .managed-ad-slot.article-comments-banner {
    margin: 18px 0 !important;
}
.article-detail-card > .managed-ad-slot.article-content-end-banner {
    margin-bottom: 24px !important;
}
.article-detail-card > .managed-ad-slot.article-image-bottom-banner {
    margin-top: 0 !important;
}
.article-wide-banner .managed-ad-slot-title,
.article-comments-banner .managed-ad-slot-title,
.article-wide-banner .managed-ad-slot-label,
.article-comments-banner .managed-ad-slot-label {
    display: none !important;
}
.article-wide-banner .managed-ad-slot-link,
.article-wide-banner .managed-ad-slot-code,
.article-comments-banner .managed-ad-slot-link,
.article-comments-banner .managed-ad-slot-code {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 90px !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    border: 1px dashed #cbd5e1 !important;
    border-radius: 14px !important;
    background: #f8fafc !important;
    text-decoration: none !important;
    overflow: hidden !important;
}
.article-comments-banner .managed-ad-slot-link,
.article-comments-banner .managed-ad-slot-code {
    min-height: 150px !important;
}
.article-wide-banner img,
.article-comments-banner img {
    display: block !important;
    width: 100% !important;
    max-width: 728px !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    border-radius: 12px !important;
}
.article-comments-banner img {
    max-width: 700px !important;
}
.article-wide-banner .managed-ad-slot-placeholder,
.article-comments-banner .managed-ad-slot-placeholder {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    gap: 6px !important;
    width: 100% !important;
    min-height: 90px !important;
    height: auto !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg,#e2e8f0,#f8fafc) !important;
    color: #94a3b8 !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
}
.article-comments-banner .managed-ad-slot-placeholder {
    min-height: 150px !important;
}
.article-wide-banner .managed-ad-slot-placeholder strong,
.article-comments-banner .managed-ad-slot-placeholder strong {
    display: block !important;
    font-size: 1.15rem !important;
    color: #64748b !important;
}
.article-wide-banner .managed-ad-slot-placeholder span,
.article-comments-banner .managed-ad-slot-placeholder span {
    display: block !important;
    font-size: .8rem !important;
    color: #94a3b8 !important;
}
.article-detail-sidebar,
.article-detail-sidebar .detail-sidebar-ad,
.article-detail-sidebar .detail-sidebar-ad:first-child {
    position: static !important;
    top: auto !important;
}
@media(max-width:767px){
    .article-detail-card > .managed-ad-slot.article-wide-banner,
    .article-detail-main > .managed-ad-slot.article-comments-banner {
        margin-left: 14px !important;
        margin-right: 14px !important;
        min-height: 92px !important;
    }
    .article-comments-banner .managed-ad-slot-link,
    .article-comments-banner .managed-ad-slot-code,
    .article-comments-banner .managed-ad-slot-placeholder {
        min-height: 120px !important;
    }
}

/* Haber detay: sag blok haric tum reklam bannerleri 700x160 */
.article-detail-card > .managed-ad-slot.article-wide-banner,
.article-detail-main > .managed-ad-slot.article-wide-banner,
.article-detail-main > .managed-ad-slot.article-comments-banner {
    min-height: 186px !important;
}
.article-wide-banner .managed-ad-slot-link,
.article-wide-banner .managed-ad-slot-code,
.article-comments-banner .managed-ad-slot-link,
.article-comments-banner .managed-ad-slot-code {
    width: 100% !important;
    max-width: 700px !important;
    height: 160px !important;
    min-height: 160px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.article-wide-banner img,
.article-comments-banner img {
    width: 100% !important;
    max-width: 700px !important;
    height: 160px !important;
    max-height: 160px !important;
    object-fit: contain !important;
}
.article-wide-banner .managed-ad-slot-placeholder,
.article-comments-banner .managed-ad-slot-placeholder {
    width: 100% !important;
    max-width: 700px !important;
    height: 160px !important;
    min-height: 160px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
@media(max-width:767px){
    .article-wide-banner .managed-ad-slot-link,
    .article-wide-banner .managed-ad-slot-code,
    .article-comments-banner .managed-ad-slot-link,
    .article-comments-banner .managed-ad-slot-code,
    .article-wide-banner .managed-ad-slot-placeholder,
    .article-comments-banner .managed-ad-slot-placeholder,
    .article-wide-banner img,
    .article-comments-banner img {
        height: 160px !important;
        min-height: 160px !important;
        max-height: 160px !important;
    }
}