sidebar-menu-item {
        padding: 10px 12px;
    }

    .footer {
        margin-top: 20px !important;
    }

    .footer .row {
        margin-bottom: 20px;
    }

    .match-banner {
        flex-direction: column;
        gap: 15px;
    }

    .ad-banner-wide {
        flex-direction: column;
        text-align: center;
    }

    .ad-content {
        width: 100%;
        padding: 15px;
    }

    .ad-image-container {
        width: 100%;
        height: 150px;
        position: relative;
    }

    .story-ring {
        width: 60px;
        height: 60px;
    }

    .cta-dashed-box {
        flex-direction: column;
        text-align: center;
    }

    .cta-icon-box {
        margin: 0 auto;
    }

    .bottom-grid {
        grid-template-columns: 1fr;
    }
}

/* ===== LOADING ANIMASYON ===== */
@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.spinner {
    animation: spin 1s linear infinite;
}

/* ===== UTILITY CLASSES ===== */
.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.opacity-0 {
    opacity: 0;
}

.opacity-25 {
    opacity: 0.25;
}

.opacity-50 {
    opacity: 0.5;
}

.opacity-75 {
    opacity: 0.75;
}

.opacity-100 {
    opacity: 1;
}

.ls-1 {
    letter-spacing: 0.1em;
}

.lh-1 {
    line-height: 1;
}

.fw-900 {
    font-weight: 900;
}

.rounded-pill {
    border-radius: 50px;
}

.shadow-sm {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.shadow {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.shadow-lg {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* ===== SCROLL BAR AYARLARI ===== */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}