/* Banner Styles */
.banner-container {
    margin: 10px 0;
    text-align: center;
}

.banner-container:first-child {
    margin-top: 0;
}

.banner-item {
    margin-bottom: 10px;
}

.banner-item:last-child {
    margin-bottom: 0;
}

.banner-image {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.banner-link {
    display: inline-block;
    transition: opacity 0.3s ease;
}

.banner-link:hover {
    opacity: 0.9;
}

/* Posisi Specific */
.banner-header {
    max-width: 1053px;
    margin: 0 auto;
}

.banner-sidebar {
    max-width: 360px;
}

.banner-index_loop,
.banner-post_content {
    max-width: 696px;
    margin: 15px auto;
}

/* Responsive */
@media (max-width: 768px) {
    .banner-header {
        max-width: 100%;
        padding: 0 10px;
    }
    
    .banner-sidebar {
        max-width: 100%;
    }
    
    .banner-index_loop,
    .banner-post_content {
        max-width: 100%;
        padding: 0 10px;
    }
}

/* Hide desktop banners on mobile */
@media (max-width: 768px) {
    .banner-desktop {
        display: none !important;
    }
}

/* Hide mobile banners on desktop */
@media (min-width: 769px) {
    .banner-mobile {
        display: none !important;
    }
}