/* Banner integration styles */

        .banners-integration-section {

            padding: 80px 0;

            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);

        }

        

        .banner-display-container {

            margin-top: 40px;

        }

        

        .ezozo-banner-card {

            border-radius: 12px;

            overflow: hidden;

            box-shadow: 0 5px 15px rgba(0,0,0,0.08);

            transition: all 0.3s ease;

            height: 100%;

            background: white;

            cursor: pointer;

        }

        

        .ezozo-banner-card:hover {

            transform: translateY(-5px);

            box-shadow: 0 10px 25px rgba(0,0,0,0.12);

        }

        

        .ezozo-banner-image {

            height: 200px;

            overflow: hidden;

            position: relative;

            background: #f5f5f5;

            display: flex;

            align-items: center;

            justify-content: center;

        }

        

        .ezozo-banner-image img {

            width: 100%;

            height: 100%;

            object-fit: cover;

            transition: transform 0.5s ease;

        }

        

        .ezozo-banner-card:hover .ezozo-banner-image img {

            transform: scale(1.05);

        }

        

        .ezozo-banner-badge {

            position: absolute;

            top: 10px;

            right: 10px;

            padding: 5px 12px;

            border-radius: 20px;

            font-size: 0.75rem;

            font-weight: 600;

            text-transform: uppercase;

            letter-spacing: 0.5px;

            z-index: 10;

        }

        

        .badge-prime {

            background: linear-gradient(135deg, #ffd700 0%, #ffed4e 100%);

            color: #000;

        }

        

        .badge-youtube {

            background: linear-gradient(135deg, #ff0000 0%, #ff5252 100%);

            color: white;

        }

        

        .badge-exchange {

            background: linear-gradient(135deg, #00c853 0%, #4caf50 100%);

            color: white;

        }

        

        .ezozo-banner-content {

            padding: 20px;

        }

        

        .ezozo-banner-title {

            font-family: 'Oswald', sans-serif;

            font-size: 1.3rem;

            color: #0a1a3a;

            margin-bottom: 10px;

            line-height: 1.3;

        }

        

        .ezozo-banner-advertiser {

            display: flex;

            align-items: center;

            gap: 8px;

            color: #666;

            font-size: 0.9rem;

            margin-bottom: 15px;

        }

        

        .ezozo-banner-stats {

            display: flex;

            justify-content: space-between;

            margin-bottom: 15px;

            padding-top: 15px;

            border-top: 1px solid #eee;

        }

        

        .ezozo-stat-item {

            text-align: center;

            flex: 1;

        }

        

        .ezozo-stat-value {

            font-family: 'Montserrat', sans-serif;

            font-weight: 700;

            font-size: 1.1rem;

            color: #0a1a3a;

        }

        

        .ezozo-stat-label-small {

            font-size: 0.75rem;

            color: #777;

            text-transform: uppercase;

            letter-spacing: 0.5px;

        }

        

        .ezozo-btn {

            background: linear-gradient(135deg, #0a1a3a 0%, #1a2f5a 100%);

            color: white;

            border: none;

            padding: 10px 15px;

            border-radius: 6px;

            font-family: 'Montserrat', sans-serif;

            font-weight: 600;

            width: 100%;

            cursor: pointer;

            transition: all 0.3s ease;

            text-align: center;

            display: block;

        }

        

        .ezozo-btn:hover {

            background: linear-gradient(135deg, #1a2f5a 0%, #2a3f6a 100%);

            color: white;

            transform: translateY(-2px);

        }

        

        .ezozo-btn i {

            margin-right: 8px;

        }

        

        .banners-loading {

            text-align: center;

            padding: 60px 0;

        }

        

        .banners-error {

            text-align: center;

            padding: 40px 20px;

            background: #fff5f5;

            border-radius: 10px;

            margin: 20px 0;

        }

        

        .banners-error i {

            font-size: 3rem;

            color: #dc3545;

            margin-bottom: 20px;

        }

        

        .banners-refresh-btn {

            background: #d4af37;

            color: white;

            border: none;

            padding: 10px 25px;

            border-radius: 5px;

            cursor: pointer;

            font-weight: 600;

            transition: all 0.3s ease;

            margin-top: 15px;

        }

        

        .banners-refresh-btn:hover {

            background: #b8942a;

        }

        

        .banners-section-header {

            display: flex;

            justify-content: space-between;

            align-items: center;

            margin-bottom: 30px;

        }

        

        .view-all-banners {

            color: #d4af37;

            font-weight: 600;

            text-decoration: none;

            display: flex;

            align-items: center;

            gap: 5px;

            transition: all 0.3s ease;

        }

        

        .view-all-banners:hover {

            color: #b8942a;

            transform: translateX(5px);

        }

        

        .image-placeholder {

            background: linear-gradient(135deg, #d4af37 0%, #0a1a3a 100%);

            width: 100%;

            height: 100%;

            display: flex;

            flex-direction: column;

            align-items: center;

            justify-content: center;

            color: white;

            padding: 20px;

            text-align: center;

        }

        

        .image-placeholder i {

            font-size: 3rem;

            margin-bottom: 10px;

        }

        

        @media (max-width: 768px) {

            .ezozo-banner-image {

                height: 160px;

            }

            

            .ezozo-banner-title {

                font-size: 1.1rem;

            }

            

            .banners-section-header {

                flex-direction: column;

                align-items: flex-start;

                gap: 15px;

            }

        }