/* ==========================================================================
   1. OSNOVNE VARIJABLE I RESET
   ========================================================================== */
:root {
    --bg-dark: #070b14;
    --bg-surface: #0f172a;
    --bg-surface-light: #1e293b;
    --primary: #fbbf24;
    --primary-hover: #f59e0b;
    --accent-green: #10b981;
    --accent-red: #ef4444;
    --text-main: #f8fafc;
    --text-muted: #94a3b8;
    --border-color: #334155;
    --radius-sm: 6px;
    --radius-md: 12px;
    --transition: all 0.3s ease;
    --container-width: 1200px;
}

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { font-family: 'Inter', sans-serif; background-color: var(--bg-dark); color: var(--text-main); line-height: 1.6; overflow-x: hidden; }
a { text-decoration: none; color: inherit; transition: var(--transition); }
ul { list-style: none; }
img { max-width: 100%; height: auto; display: block; border-radius: var(--radius-sm); }
.material-symbols-outlined { font-size: 20px; vertical-align: middle; display: inline-flex; align-items: center; justify-content: center; }

/* GLOBAL DUGMIĆI */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-weight: 700; font-size: 14px; padding: 10px 20px; border-radius: var(--radius-sm); cursor: pointer; transition: var(--transition); border: 2px solid transparent; }
.btn--primary { background-color: var(--primary); color: #000; }
.btn--primary:hover { background-color: var(--primary-hover); transform: translateY(-2px); box-shadow: 0 4px 15px rgba(251, 191, 36, 0.3); }
.btn--secondary { background-color: rgba(255, 255, 255, 0.1); color: var(--text-main); }
.btn--secondary:hover { background-color: rgba(255, 255, 255, 0.15); border-color: var(--primary); }
.btn--outline { background-color: transparent; border-color: var(--border-color); color: var(--text-main); }
.btn--outline:hover { border-color: var(--primary); color: var(--primary); }
.btn--large { padding: 14px 28px; font-size: 16px; border-radius: var(--radius-md); }
.btn--full { width: 100%; }

/* GLOBAL NASLOVI SEKCIJA */
.section-header { text-align: center; margin-bottom: 40px; }
.section-header--with-link { display: flex; justify-content: space-between; align-items: flex-end; text-align: left; }
.section-title { font-size: clamp(24px, 4vw, 32px); font-weight: 800; margin-bottom: 10px; color: var(--text-main); }
.section-subtitle { font-size: 16px; color: var(--text-muted); max-width: 600px; margin: 0 auto; }
.section-header--with-link .section-subtitle { margin: 0; }

/* ==========================================================================
   2. REKLAME I BANERI
   ========================================================================== */
.floating-ad { position: fixed; top: 50%; transform: translateY(-50%); width: 160px; z-index: 90; display: none; }
@media (min-width: 1600px) { .floating-ad { display: block; } }
.floating-ad--left { left: 10px; }
.floating-ad--right { right: 10px; }
.ad-container { position: relative; border-radius: var(--radius-sm); overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.5); }
.close-ad { position: absolute; top: 5px; right: 5px; background: rgba(0,0,0,0.6); color: white; border: none; border-radius: 50%; width: 24px; height: 24px; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.close-ad .material-symbols-outlined { font-size: 16px; }

.ad-banner { display: flex; justify-content: center; margin: 40px auto; max-width: 970px; padding: 0 20px; }
.ad-banner img { border-radius: var(--radius-md); box-shadow: 0 10px 20px rgba(0,0,0,0.3); width: 100%; }

/* ==========================================================================
   3. HEADER & MEGA MENU
   ========================================================================== */
.main-header { background: rgba(15, 23, 42, 0.95); backdrop-filter: blur(12px); position: sticky; top: 0; z-index: 1000; border-bottom: 1px solid var(--border-color); transition: var(--transition); }
.top-bar { background: var(--bg-dark); font-size: 12px; color: var(--text-muted); border-bottom: 1px solid var(--border-color); padding: 6px 0; }
.top-bar__container { max-width: var(--container-width); margin: 0 auto; padding: 0 20px; display: flex; justify-content: space-between; align-items: center; }
.top-bar__left { display: flex; align-items: center; gap: 5px; color: var(--accent-green); font-weight: 600; }
.top-bar__right { display: flex; align-items: center; gap: 20px; }
.language-selector { display: flex; align-items: center; gap: 4px; cursor: pointer; }

.navbar__container { max-width: var(--container-width); margin: 0 auto; padding: 15px 20px; display: flex; justify-content: space-between; align-items: center; }
.logo { font-size: 28px; font-weight: 900; letter-spacing: -0.5px; display: flex; align-items: center; }
.logo__max { color: var(--text-main); }
.logo__win { color: var(--primary); }

.nav-menu { display: flex; align-items: center; gap: 30px; }
.nav-menu__item { position: relative; }
.nav-menu__link { display: flex; align-items: center; gap: 6px; font-weight: 600; font-size: 14px; padding: 20px 0; color: var(--text-main); }
.nav-menu__link:hover { color: var(--primary); }

/* Mega Menu Logika i Most (sprečava gašenje) */
.has-dropdown::after { content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 25px; }
.mega-menu { position: absolute; top: calc(100% + 15px); left: 50%; transform: translateX(-50%) translateY(15px); width: 800px; background: var(--bg-surface); border: 1px solid var(--border-color); border-radius: var(--radius-md); box-shadow: 0 20px 40px rgba(0,0,0,0.5); padding: 30px; opacity: 0; visibility: hidden; transition: var(--transition); pointer-events: none; }
.mega-menu-trigger:hover .mega-menu { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); pointer-events: all; }

.mega-menu__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }
.mega-menu__title { font-size: 13px; color: var(--text-muted); text-transform: uppercase; margin-bottom: 15px; border-bottom: 1px solid var(--border-color); padding-bottom: 8px; font-weight: 800; }
.mega-menu__list li { margin-bottom: 10px; }
.mega-menu__list a { font-size: 14px; color: var(--text-main); display: block; }
.mega-menu__list a:hover { color: var(--primary); transform: translateX(5px); }

.mega-menu__banner a { display: block; position: relative; border-radius: var(--radius-sm); overflow: hidden; }
.mega-menu__banner img { width: 100%; transition: transform 0.3s; }
.mega-menu__banner:hover img { transform: scale(1.03); }
.mega-banner-text { position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px; background: linear-gradient(transparent, rgba(0,0,0,0.9)); display: flex; flex-direction: column; }
.mega-banner-text strong { color: var(--primary); font-size: 15px; }
.mega-banner-text span { color: white; font-size: 12px; }

.navbar__actions { display: flex; align-items: center; gap: 15px; }
.search-trigger, .hamburger-menu { background: transparent; border: none; color: var(--text-main); cursor: pointer; display: flex; }
.hamburger-menu { display: none; font-size: 28px; }

@media (max-width: 1024px) {
    .nav-menu, .top-bar, .auth-buttons { display: none; }
    .hamburger-menu { display: block; z-index: 2000; position: relative; }
}

/* ==========================================================================
   4. HERO SEKCIJA
   ========================================================================== */
.hero { padding: 60px 20px 80px; background: radial-gradient(circle at top right, rgba(251, 191, 36, 0.1) 0%, transparent 50%), radial-gradient(circle at bottom left, rgba(16, 185, 129, 0.05) 0%, transparent 50%); position: relative; }
.hero__container { max-width: var(--container-width); margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; }
.badge--new { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 20px; font-size: 13px; font-weight: 700; background: rgba(16, 185, 129, 0.15); color: var(--accent-green); border: 1px solid rgba(16, 185, 129, 0.3); margin-bottom: 20px; }
.hero__title { font-size: clamp(36px, 5vw, 56px); font-weight: 900; line-height: 1.1; margin-bottom: 20px; letter-spacing: -1px; }
.hero__title span { color: var(--primary); }
.hero__description { font-size: clamp(16px, 2vw, 18px); color: var(--text-muted); margin-bottom: 30px; max-width: 550px; }
.hero__description strong { color: var(--text-main); }
.hero__actions { display: flex; gap: 15px; margin-bottom: 40px; flex-wrap: wrap; }
.hero__trust { display: flex; gap: 20px; border-top: 1px solid var(--border-color); padding-top: 20px; }
.trust-item { display: flex; align-items: center; gap: 6px; font-size: 14px; color: var(--text-muted); }
.trust-item .material-symbols-outlined { color: var(--primary); font-size: 18px; }

.featured-card { background: var(--bg-surface); border: 1px solid var(--border-color); border-radius: var(--radius-lg); padding: 40px 30px; position: relative; text-align: center; box-shadow: 0 20px 40px rgba(0,0,0,0.4); }
.featured-card::before { content: ''; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; border-radius: var(--radius-lg); background: linear-gradient(45deg, var(--primary), transparent, var(--accent-green)); z-index: -1; opacity: 0.5; }
.featured-card__ribbon { position: absolute; top: -15px; left: 50%; transform: translateX(-50%); background: var(--accent-red); color: white; font-weight: 800; font-size: 12px; text-transform: uppercase; padding: 6px 16px; border-radius: 20px; letter-spacing: 1px; }
.featured-card__logo { width: 100px; height: 50px; margin: 0 auto 20px; border-radius: var(--radius-sm); overflow: hidden; }
.featured-card__title { font-size: 20px; margin-bottom: 15px; }
.featured-card__bonus { background: rgba(0,0,0,0.3); padding: 15px; border-radius: var(--radius-md); margin-bottom: 20px; }
.featured-card__bonus .amount { display: block; font-size: 28px; font-weight: 900; color: var(--primary); }
.featured-card__bonus .type { display: block; font-size: 14px; color: var(--text-main); }
.featured-card__code { display: flex; flex-direction: column; align-items: center; gap: 8px; margin-bottom: 25px; }
.code-box { display: flex; align-items: center; background: rgba(16, 185, 129, 0.1); border: 1px dashed var(--accent-green); border-radius: var(--radius-sm); padding: 5px 10px; color: var(--accent-green); }
.code-box .code { font-family: monospace; font-size: 18px; font-weight: bold; letter-spacing: 2px; }
.copy-btn { background: none; border: none; color: inherit; cursor: pointer; margin-left: 10px; }

@media (max-width: 992px) { .hero__container { grid-template-columns: 1fr; text-align: center; } .hero__description { margin: 0 auto 30px; } .hero__actions, .hero__trust { justify-content: center; } }

/* ==========================================================================
   5. FILTERI I TOP 10 LISTA
   ========================================================================== */
.quick-filters { padding: 20px; background: var(--bg-surface); border-bottom: 1px solid var(--border-color); border-top: 1px solid var(--border-color); }
.filters-container { max-width: var(--container-width); margin: 0 auto; display: flex; justify-content: center; flex-wrap: wrap; gap: 15px; }
.filter-btn { background: var(--bg-dark); border: 1px solid var(--border-color); color: var(--text-muted); padding: 12px 24px; border-radius: 30px; font-weight: 600; font-size: 15px; cursor: pointer; display: flex; align-items: center; gap: 8px; transition: var(--transition); }
.filter-btn:hover { background: var(--bg-surface-light); color: var(--text-main); }
.filter-btn.is-active { background: rgba(251, 191, 36, 0.1); border-color: var(--primary); color: var(--primary); }

.top-list-section { max-width: 1000px; margin: 60px auto; padding: 0 20px; }
.top-list-container { display: flex; flex-direction: column; gap: 20px; }

.affiliate-card { background: var(--bg-surface); border: 1px solid var(--border-color); border-radius: var(--radius-md); padding: 25px; display: grid; grid-template-columns: 50px 2.5fr 2fr 2fr 1.5fr; align-items: center; gap: 20px; position: relative; transition: var(--transition); overflow: hidden; }
.affiliate-card:hover { transform: translateY(-3px); border-color: var(--primary); box-shadow: 0 10px 30px rgba(0,0,0,0.5); }
.affiliate-card.is-exclusive { background: linear-gradient(90deg, rgba(30, 41, 59, 1) 0%, rgba(15, 23, 42, 1) 100%); border-color: rgba(251, 191, 36, 0.5); }

.affiliate-card__ribbon { position: absolute; top: 20px; left: -35px; background: var(--primary); color: #000; font-weight: 800; font-size: 11px; text-transform: uppercase; padding: 5px 40px; transform: rotate(-45deg); box-shadow: 0 2px 4px rgba(0,0,0,0.3); }
.affiliate-card__ribbon--crypto { background: var(--accent-green); color: #fff; }

.affiliate-card__rank { display: flex; align-items: center; justify-content: center; }
.rank-number { font-size: 36px; font-weight: 900; color: var(--border-color); line-height: 1; }
.affiliate-card--rank-1 .rank-number { color: var(--primary); text-shadow: 0 0 10px rgba(251,191,36,0.3); }
.affiliate-card--rank-2 .rank-number { color: #cbd5e1; }
.affiliate-card--rank-3 .rank-number { color: #b45309; }

.affiliate-card__brand { display: flex; align-items: center; gap: 15px; }
.brand-logo { width: 80px; height: 80px; flex-shrink: 0; border-radius: var(--radius-sm); border: 1px solid var(--border-color); overflow: hidden; background: #fff; }
.brand-logo img { width: 100%; height: 100%; object-fit: contain; }
.brand-name { font-size: 20px; font-weight: 800; margin-bottom: 4px; }
.brand-rating { display: flex; align-items: center; gap: 8px; font-size: 14px; margin-bottom: 6px; color: var(--primary); }
.stars { display: flex; } .stars .material-symbols-outlined { font-size: 16px; }
.brand-tags { display: flex; gap: 8px; flex-wrap: wrap; }
.tag { font-size: 11px; font-weight: 600; padding: 2px 8px; background: var(--bg-dark); border-radius: 4px; border: 1px solid var(--border-color); display: inline-flex; align-items: center; gap: 4px; color: var(--text-muted); }

.feature-list { display: flex; flex-direction: column; gap: 6px; }
.feature-list li { font-size: 13px; color: var(--text-muted); display: flex; align-items: center; gap: 6px; }
.feature-list li .material-symbols-outlined { font-size: 14px; color: var(--accent-green); }
.feature-list li .cancel { color: var(--accent-red); }

.affiliate-card__bonus { text-align: center; }
.bonus-label { font-size: 12px; text-transform: uppercase; color: var(--text-muted); font-weight: 700; }
.bonus-value { font-size: 18px; font-weight: 900; color: var(--text-main); margin: 5px 0; line-height: 1.2; }
.promo-code-wrapper { display: inline-flex; align-items: center; gap: 8px; background: rgba(16, 185, 129, 0.1); border: 1px dashed var(--accent-green); padding: 4px 10px; border-radius: 4px; }
.promo-code-wrapper .code { font-family: monospace; color: var(--accent-green); font-weight: bold; font-size: 14px; }
.code-not-required { border-color: var(--border-color); background: var(--bg-dark); }
.code-not-required .code { color: var(--text-muted); }

.affiliate-card__actions { display: flex; flex-direction: column; gap: 10px; }
.btn--play { font-size: 16px; padding: 12px; box-shadow: 0 4px 10px rgba(251, 191, 36, 0.2); }
.link-review { font-size: 13px; color: var(--text-muted); text-align: center; text-decoration: underline; }
.link-review:hover { color: var(--text-main); }
.load-more-container { text-align: center; margin-top: 30px; }

@media (max-width: 992px) {
    .affiliate-card { grid-template-columns: 1fr; text-align: center; padding-top: 50px; }
    .affiliate-card__rank { position: absolute; top: 15px; right: 15px; }
    .affiliate-card__brand { flex-direction: column; }
    .feature-list { align-items: center; }
}

/* ==========================================================================
   6. SLOT KLUBOVI & BLOG
   ========================================================================== */
.slot-clubs-section, .blog-news-section { max-width: var(--container-width); margin: 80px auto; padding: 0 20px; }
.clubs-grid, .blog-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-bottom: 40px; }

.club-card, .blog-card { background: var(--bg-surface); border: 1px solid var(--border-color); border-radius: var(--radius-md); overflow: hidden; transition: var(--transition); }
.club-card:hover, .blog-card:hover { border-color: var(--primary); transform: translateY(-5px); }
.club-card__image, .blog-card__image { position: relative; height: 200px; }
.club-card__image img, .blog-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; border-radius: 0; }
.club-card:hover img, .blog-card:hover img { transform: scale(1.05); }

.club-badge, .blog-category { position: absolute; top: 15px; left: 15px; font-size: 12px; font-weight: 800; padding: 4px 10px; border-radius: 4px; }
.club-badge { right: 15px; left: auto; background: rgba(0,0,0,0.8); color: var(--primary); border-radius: 20px; }
.blog-category { background: var(--primary); color: #000; text-transform: uppercase; }

.club-card__content, .blog-card__content { padding: 25px; }
.club-title, .blog-title { font-size: 20px; margin-bottom: 10px; line-height: 1.3; }
.blog-title a:hover { color: var(--primary); }
.club-address { font-size: 14px; color: var(--text-muted); display: flex; align-items: center; gap: 5px; margin-bottom: 15px; }
.club-amenities { display: flex; gap: 10px; margin-bottom: 20px; color: var(--text-muted); }
.club-amenities .material-symbols-outlined { background: var(--bg-dark); padding: 8px; border-radius: 50%; border: 1px solid var(--border-color); }
.clubs-action { text-align: center; }
.link-with-icon { display: inline-flex; align-items: center; gap: 8px; color: var(--primary); font-weight: 600; text-decoration: underline; }

.blog-meta { display: flex; gap: 15px; font-size: 13px; color: var(--text-muted); margin-bottom: 15px; }
.blog-meta span { display: flex; align-items: center; gap: 5px; }
.blog-excerpt { font-size: 14px; color: var(--text-muted); margin-bottom: 20px; }
.read-more { font-size: 14px; font-weight: 700; color: var(--primary); display: inline-flex; align-items: center; gap: 5px; }

/* ==========================================================================
   7. SEO TEKST
   ========================================================================== */
.seo-text-section { background: var(--bg-surface); border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); padding: 60px 20px; margin-top: 60px; }
.seo-container { max-width: 900px; margin: 0 auto; }
.seo-article h2 { color: var(--primary); font-size: 28px; margin-bottom: 20px; }
.seo-article h3 { font-size: 22px; margin: 30px 0 15px; }
.seo-article p { font-size: 15px; color: var(--text-muted); margin-bottom: 15px; }
.seo-article ul { list-style: disc; padding-left: 20px; margin-bottom: 20px; color: var(--text-muted); }
.seo-article ul li { margin-bottom: 10px; font-size: 15px; }

/* ==========================================================================
   8. FOOTER
   ========================================================================== */
.main-footer { background: var(--bg-dark); padding-top: 60px; }
.footer-newsletter { max-width: var(--container-width); margin: 0 auto 60px; padding: 0 20px; }
.newsletter-container { background: linear-gradient(135deg, var(--bg-surface) 0%, var(--bg-dark) 100%); border: 1px solid var(--border-color); border-radius: var(--radius-lg); padding: 40px; display: flex; justify-content: space-between; align-items: center; gap: 30px; flex-wrap: wrap; }
.newsletter-info { display: flex; align-items: center; gap: 20px; flex: 1; min-width: 300px; }
.newsletter-icon { font-size: 48px; color: var(--primary); }
.newsletter-title { font-size: 24px; margin-bottom: 5px; }
.newsletter-desc { color: var(--text-muted); font-size: 14px; }
.newsletter-form { display: flex; gap: 10px; flex: 1; min-width: 300px; }
.newsletter-input { flex: 1; padding: 12px 20px; border-radius: var(--radius-sm); border: 1px solid var(--border-color); background: var(--bg-dark); color: var(--text-main); font-size: 16px; outline: none; }
.newsletter-input:focus { border-color: var(--primary); }

.footer-widgets__container { max-width: var(--container-width); margin: 0 auto; padding: 0 20px 40px; display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px; }
.footer-about { font-size: 14px; color: var(--text-muted); margin: 20px 0; }
.social-links { display: flex; gap: 15px; }
.social-links a { background: var(--bg-surface); width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 1px solid var(--border-color); }
.social-links a:hover { background: var(--primary); color: #000; border-color: var(--primary); }
.widget-title { font-size: 18px; margin-bottom: 20px; color: var(--text-main); }
.widget-list li { margin-bottom: 12px; }
.widget-list a { font-size: 14px; color: var(--text-muted); }
.widget-list a:hover { color: var(--primary); padding-left: 5px; }

/* Partneri sa "pill" dizajnom tačno po tvom HTML-u */
.footer-partners { border-top: 1px solid var(--border-color); padding: 30px 20px; }
.partners-container { max-width: var(--container-width); margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 30px; }
.partners-group { display: flex; align-items: center; gap: 15px; flex-wrap: wrap; }
.partners-label { font-size: 13px; color: var(--text-muted); text-transform: uppercase; }
.partners-icons { display: flex; gap: 10px; flex-wrap: wrap; }
.partner-badge { background: var(--bg-surface); border: 1px solid var(--border-color); padding: 8px 16px; border-radius: 20px; font-size: 12px; font-weight: 600; color: var(--text-muted); transition: var(--transition); cursor: default; }
.partner-badge:hover { background: rgba(251, 191, 36, 0.1); color: var(--primary); border-color: var(--primary); }

.footer-bottom { background: #000; padding: 30px 20px; }
.footer-bottom__container { max-width: var(--container-width); margin: 0 auto; }
.responsible-gaming-box { display: flex; align-items: flex-start; gap: 20px; border: 1px solid var(--border-color); padding: 20px; border-radius: var(--radius-sm); margin-bottom: 20px; }
.age-icon { background: var(--accent-red); color: white; width: 45px; height: 45px; flex-shrink: 0; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 900; }
.rg-text { font-size: 12px; color: var(--text-muted); line-height: 1.8; }
.rg-text strong { color: var(--text-main); }
.copyright-info { text-align: center; font-size: 13px; color: var(--border-color); }

@media (max-width: 992px) {
    .footer-widgets__container { grid-template-columns: 1fr 1fr; }
    .newsletter-container { flex-direction: column; text-align: center; }
    .newsletter-form { width: 100%; }
}
@media (max-width: 768px) {
    .footer-widgets__container { grid-template-columns: 1fr; text-align: center; }
    .social-links { justify-content: center; }
    .partners-container, .responsible-gaming-box { flex-direction: column; align-items: center; text-align: center; }
    .partners-group { justify-content: center; }
}

/* ==========================================================================
   MAXWIN REVIZIJA - SAMO PRECIZNA POBOLJSANJA PREKO ORIGINALNOG CSS-A
   Zadrzava osnovni izgled, boje i raspored iz prvog fajla.
   ========================================================================== */
:root {
    --radius-lg: 14px;
    --container-width: 1360px;
}

body { font-family: 'Inter', sans-serif; }
.logo, .brand-name, .section-title, .bonus-value { font-family: 'Sora', 'Inter', sans-serif; }

/* Header je siri da stane kompletan meni, ali ostaje isti dark stil */
.top-bar__container,
.navbar__container {
    max-width: 1500px;
}
.navbar__container { padding: 12px 28px; }
.nav-menu { gap: 18px; }
.nav-menu__link { font-size: 14px; padding: 18px 0; white-space: nowrap; }
.nav-menu__link .material-symbols-outlined { font-size: 18px; }
.navbar__actions { gap: 10px; }

/* Login/registracija kao ikonice + tooltip ISPOD */
.auth-buttons { display: flex; align-items: center; gap: 8px; }
.auth-icon-btn,
.search-trigger {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    border: 1px solid var(--border-color);
    background: rgba(255,255,255,0.03);
    color: var(--text-main);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.auth-icon-btn:hover,
.search-trigger:hover { border-color: var(--primary); color: var(--primary); background: rgba(251,191,36,0.08); }
.auth-icon-btn--primary { background: var(--primary); color: #070b14; border-color: var(--primary); }
.auth-icon-btn--primary:hover { color: #070b14; background: var(--primary-hover); }
.auth-icon-btn::after,
.search-trigger::after,
.tag--icon-only::after,
.club-amenities .material-symbols-outlined::after {
    content: attr(data-tooltip);
    position: absolute;
    top: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%) translateY(-4px);
    background: #020617;
    color: var(--text-main);
    border: 1px solid var(--border-color);
    border-radius: 6px;
    padding: 5px 8px;
    font-size: 11px;
    line-height: 1;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: var(--transition);
    z-index: 3000;
    box-shadow: 0 10px 24px rgba(0,0,0,0.35);
}
.auth-icon-btn:hover::after,
.search-trigger:hover::after,
.tag--icon-only:hover::after,
.club-amenities .material-symbols-outlined:hover::after { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); }

/* Mega meni: bolji, siri, ali vizuelno na originalnoj osnovi */
.has-dropdown { position: static; }
.has-dropdown::after { display: none; }
.mega-menu {
    top: 100%;
    left: 50%;
    width: min(1120px, calc(100vw - 40px));
    transform: translateX(-50%) translateY(12px);
    padding: 0;
    overflow: hidden;
    border-radius: 12px;
    background: #0f172a;
}
.mega-menu-trigger:hover .mega-menu,
.has-dropdown:hover .mega-menu {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
    pointer-events: all;
}
.mega-menu__grid {
    grid-template-columns: 1fr 1fr 1fr 1.15fr;
    gap: 0;
}
.mega-menu__column { padding: 26px 24px; border-right: 1px solid rgba(51,65,85,0.65); }
.mega-menu__title { color: var(--primary); border-bottom-color: rgba(251,191,36,0.18); }
.mega-menu__list a { padding: 7px 0; color: #cbd5e1; }
.mega-menu__banner { padding: 18px; align-self: stretch; background: linear-gradient(145deg, rgba(251,191,36,0.06), rgba(16,185,129,0.04)); }
.mega-menu__banner a { height: 100%; min-height: 150px; border: 1px solid rgba(51,65,85,0.8); }
.mega-menu__banner img { height: 100%; object-fit: cover; border-radius: 0; }
.mega-banner-text { background: linear-gradient(transparent, rgba(2,6,23,0.92)); }

/* Baneri: neutralan reklamni prostor, bez laznih brand poruka */
.ad-container,
.ad-shell { background: #0b1120; border: 1px solid rgba(51,65,85,0.9); border-radius: 10px; }
.ad-banner { margin: 34px auto; }
.ad-banner img,
.floating-ad img { width: 100%; border-radius: 8px; }
.floating-ad .ad-container { overflow: visible; }
.close-ad { z-index: 3; }

/* Top 10 kartice ostaju iz originala, samo ikonice za Sport/Kazino/App */
.brand-name { letter-spacing: -0.02em; }
.brand-logo { background: #0b1120; }
.tag--icon-only {
    width: 28px;
    height: 28px;
    padding: 0;
    justify-content: center;
    position: relative;
    border-radius: 7px;
}
.tag--icon-only .material-symbols-outlined { font-size: 17px; }
.affiliate-card { border-radius: 10px; }
.affiliate-card:hover { transform: translateY(-2px); }
.promo-code-wrapper { border-radius: 6px; }

/* Blog: manje sarenila, slika kao pozadina, naslov i opis preko slike */
.blog-news-section .section-header { margin-bottom: 26px; }
.blog-grid { gap: 22px; }
.blog-card {
    position: relative;
    min-height: 360px;
    border-radius: 10px;
    background: #0f172a;
    overflow: hidden;
}
.blog-card__image { height: 360px; overflow: hidden; }
.blog-card__image::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(2,6,23,0.05) 0%, rgba(2,6,23,0.38) 42%, rgba(2,6,23,0.96) 100%);
    z-index: 1;
}
.blog-card__image img { filter: saturate(0.78) contrast(1.05); }
.blog-category {
    z-index: 3;
    background: rgba(2,6,23,0.72);
    color: var(--primary);
    border: 1px solid rgba(251,191,36,0.28);
    backdrop-filter: blur(8px);
}
.blog-card__content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 84px 24px 24px;
    z-index: 2;
    background: linear-gradient(transparent, rgba(2,6,23,0.94));
}
.blog-title { font-size: 21px; margin-bottom: 10px; }
.blog-excerpt { color: #cbd5e1; margin-bottom: 14px; }
.blog-meta { color: #94a3b8; margin-bottom: 10px; }
.read-more { color: var(--primary); }

/* Footer partneri: vise mesta za provajdere i placanja */
.partners-container { display: block; }
.partners-group { align-items: flex-start; margin-bottom: 18px; }
.partners-group:last-child { margin-bottom: 0; }
.partners-label { min-width: 150px; padding-top: 8px; }
.partners-icons--dense { flex: 1; gap: 8px; }
.partner-badge { border-radius: 8px; padding: 7px 12px; }

@media (max-width: 1200px) {
    .nav-menu { gap: 12px; }
    .nav-menu__link { font-size: 13px; }
}
@media (max-width: 1024px) {
    .has-dropdown { position: relative; }
    .mega-menu { position: static; width: 100%; transform: none; opacity: 1; visibility: visible; pointer-events: all; display: none; margin-top: 10px; }
    .nav-menu__item:hover .mega-menu { display: block; }
    .mega-menu__grid { grid-template-columns: 1fr; }
    .mega-menu__column { border-right: 0; border-bottom: 1px solid var(--border-color); }
}
@media (max-width: 768px) {
    .auth-icon-btn::after, .search-trigger::after, .tag--icon-only::after { display: none; }
    .blog-card, .blog-card__image { min-height: 330px; height: 330px; }
    .blog-card__content { padding: 70px 18px 18px; }
}

.club-amenities .material-symbols-outlined { position: relative; }


/* ==========================================================================
   MAXWIN FINAL POLISH - FUNKCIONALNOST I FINO PEGLANJE BEZ PROMENE DIZAJNA
   ========================================================================== */

/* Top bar sada ima samo responsible gaming link */
.top-bar__container--single { justify-content: flex-end; max-width: 1500px; }
.top-bar__responsible { display: inline-flex; align-items: center; gap: 6px; color: var(--text-muted); font-weight: 700; }
.top-bar__responsible:hover { color: var(--primary); }
.top-bar__responsible .material-symbols-outlined { font-size: 16px; color: var(--accent-green); }

/* Search dugme menja login/register i ostaje zuto kao primarni CTA */
.search-trigger--primary {
    width: 42px;
    height: 42px;
    border-radius: 9px;
    background: var(--primary);
    border-color: var(--primary);
    color: #070b14;
    box-shadow: 0 8px 22px rgba(251,191,36,0.16);
}
.search-trigger--primary:hover,
.search-trigger--primary.is-active {
    background: var(--primary-hover);
    color: #070b14;
    transform: translateY(-1px);
    box-shadow: 0 12px 26px rgba(251,191,36,0.26);
}
.search-trigger--primary::after { color: var(--text-main); }

/* Search panel ispod menija */
.site-search-panel {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-8px);
    transition: max-height .34s ease, opacity .24s ease, transform .24s ease;
    border-top: 1px solid rgba(51,65,85,.55);
    background: linear-gradient(180deg, rgba(15,23,42,.98), rgba(7,11,20,.98));
}
.site-search-panel.is-open { max-height: 270px; opacity: 1; transform: translateY(0); }
.site-search-panel__inner { max-width: 1180px; margin: 0 auto; padding: 18px 24px 22px; }
.site-search-panel__box {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #080d18;
    border: 1px solid rgba(251,191,36,.35);
    border-radius: 12px;
    padding: 12px 14px;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.02), 0 18px 45px rgba(0,0,0,.32);
}
.site-search-panel__icon { color: var(--primary); }
#siteSearchInput { flex: 1; background: transparent; border: 0; outline: 0; color: var(--text-main); font-size: 16px; font-weight: 600; }
#siteSearchInput::placeholder { color: #64748b; }
.site-search-close { width: 34px; height: 34px; border: 1px solid var(--border-color); background: rgba(255,255,255,.03); color: var(--text-muted); border-radius: 8px; cursor: pointer; }
.site-search-close:hover { color: var(--primary); border-color: var(--primary); }
.site-search-results { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 12px; }
.site-search-results a { display: grid; grid-template-columns: 28px 1fr; column-gap: 10px; align-items: center; padding: 11px 12px; background: rgba(15,23,42,.8); border: 1px solid rgba(51,65,85,.75); border-radius: 10px; }
.site-search-results a:hover { border-color: rgba(251,191,36,.55); background: rgba(251,191,36,.06); transform: translateY(-1px); }
.site-search-results .material-symbols-outlined { grid-row: span 2; color: var(--primary); font-size: 22px; }
.site-search-results strong { font-size: 13px; line-height: 1.1; }
.site-search-results small { color: var(--text-muted); font-size: 11px; margin-top: 3px; }

/* Reklamni prostor: manje agresivan font i dosledan razmak je u SVG fajlovima; ovde samo pozicija */
.floating-ad { transition: opacity .3s ease, transform .3s ease; }
.floating-ad.is-closed { opacity: 0; transform: translateY(-50%) scale(.96); }
@media (min-width: 1600px) {
    .floating-ad--left { left: max(12px, calc((100vw - var(--container-width)) / 2 - 182px)); }
    .floating-ad--right { right: max(12px, calc((100vw - var(--container-width)) / 2 - 182px)); }
}

/* Offcanvas mobile meni: bez inline JS stilova, mega meni kao lep accordion */
.menu-overlay {
    position: fixed;
    inset: 0;
    z-index: 1998;
    background: rgba(2,6,23,.72);
    backdrop-filter: blur(3px);
    opacity: 0;
    visibility: hidden;
    transition: .25s ease;
}
.menu-overlay.is-active { opacity: 1; visibility: visible; }
body.menu-is-open { overflow: hidden; }
.hamburger-menu.is-active { color: var(--primary); }
@media (max-width: 1024px) {
    .nav-menu {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        position: fixed;
        top: 0;
        right: 0;
        width: min(390px, 92vw);
        height: 100vh;
        padding: 84px 18px 24px;
        background: linear-gradient(180deg, #0f172a 0%, #070b14 100%);
        border-left: 1px solid rgba(51,65,85,.9);
        box-shadow: -24px 0 70px rgba(0,0,0,.65);
        z-index: 1999;
        transform: translateX(105%);
        transition: transform .28s ease;
        overflow-y: auto;
    }
    .nav-menu.is-mobile-active { transform: translateX(0); }
    .nav-menu__item { position: relative; border-bottom: 1px solid rgba(51,65,85,.55); }
    .nav-menu__link { justify-content: space-between; padding: 16px 6px; font-size: 15px; }
    .nav-menu__link > .material-symbols-outlined:first-child { color: var(--primary); margin-right: 8px; }
    .nav-menu__item.has-dropdown > .nav-menu__link::after { content: 'expand_more'; font-family: 'Material Symbols Outlined'; color: var(--text-muted); transition: transform .25s ease; }
    .nav-menu__item.has-dropdown.is-open > .nav-menu__link::after { transform: rotate(180deg); color: var(--primary); }
    .nav-menu__item.has-dropdown > .nav-menu__link > .material-symbols-outlined:last-child { display: none; }
    .nav-menu .mega-menu {
        display: grid;
        grid-template-rows: 0fr;
        position: static;
        width: 100%;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        background: transparent;
        opacity: 1;
        visibility: visible;
        pointer-events: all;
        transform: none;
        overflow: hidden;
        transition: grid-template-rows .28s ease;
    }
    .nav-menu__item.is-open .mega-menu { grid-template-rows: 1fr; }
    .nav-menu .mega-menu__grid { min-height: 0; display: grid; grid-template-columns: 1fr; gap: 0; padding: 0 0 12px; }
    .nav-menu .mega-menu__column { padding: 14px 12px; border: 1px solid rgba(51,65,85,.55); border-bottom: 0; background: rgba(2,6,23,.24); }
    .nav-menu .mega-menu__column:first-child { border-radius: 10px 10px 0 0; }
    .nav-menu .mega-menu__column:last-child { border-bottom: 1px solid rgba(51,65,85,.55); border-radius: 0 0 10px 10px; }
    .nav-menu .mega-menu__title { margin-bottom: 8px; padding-bottom: 7px; font-size: 12px; }
    .nav-menu .mega-menu__list a { padding: 6px 0; font-size: 13px; }
    .nav-menu .mega-menu__banner a { min-height: 96px; }
    .navbar__actions { z-index: 2001; }
    .site-search-panel { position: relative; z-index: 1997; }
}

/* Filteri sada stvarno menjaju naslov, redosled i kartice */
.filter-btn { position: relative; overflow: hidden; }
.filter-btn::before { content: ''; position: absolute; inset: 0; transform: translateX(-110%); background: linear-gradient(90deg, transparent, rgba(255,255,255,.08), transparent); transition: transform .55s ease; }
.filter-btn:hover::before, .filter-btn.is-active::before { transform: translateX(110%); }
.affiliate-card[hidden], .ad-banner[hidden] { display: none !important; }
.affiliate-card[data-visible-rank="1"] .rank-number { color: var(--primary); text-shadow: 0 0 14px rgba(251,191,36,.32); }
.affiliate-card[data-visible-rank="2"] .rank-number { color: #cbd5e1; }
.affiliate-card[data-visible-rank="3"] .rank-number { color: #b45309; }

/* Ribboni: vidljiviji, sa ikonicom i blagim presijavanjem */
.affiliate-card__ribbon {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.22);
    box-shadow: 0 8px 18px rgba(0,0,0,.28);
    letter-spacing: .04em;
}
.affiliate-card__ribbon::before { content: '★'; font-size: 10px; }
.affiliate-card__ribbon::after {
    content: '';
    position: absolute;
    top: -40%;
    bottom: -40%;
    width: 22px;
    left: -45%;
    transform: rotate(25deg);
    background: rgba(255,255,255,.55);
    filter: blur(4px);
    animation: ribbonShine 3.8s ease-in-out infinite;
}
.affiliate-card__ribbon--crypto::before { content: '₿'; font-weight: 900; }
@keyframes ribbonShine { 0%, 45% { left: -45%; } 70%, 100% { left: 130%; } }

/* CTA: ne sme u dva reda + hover presijavanje */
.affiliate-card__actions { min-width: 158px; }
.btn--play {
    position: relative;
    overflow: hidden;
    min-width: 146px;
    white-space: nowrap;
    padding: 12px 16px;
    font-size: 14px;
    line-height: 1;
}
.btn--play .btn-label { white-space: nowrap; }
.btn--play::after {
    content: '';
    position: absolute;
    inset: -40% auto -40% -55%;
    width: 34px;
    transform: rotate(24deg);
    background: rgba(255,255,255,.55);
    filter: blur(5px);
    transition: left .55s ease;
}
.btn--play:hover::after { left: 125%; }

/* Tooltipovi ispod, jasniji na desktopu */
.tag--icon-only::after,
.search-trigger::after {
    top: calc(100% + 9px);
    bottom: auto;
}

/* Slot klubovi: pretraga po lokaciji/adresi i horizontalni carousel kad ih bude vise */
.clubs-tools { max-width: 980px; margin: -14px auto 10px; display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: center; }
.clubs-search { display: flex; align-items: center; gap: 10px; background: #0b1120; border: 1px solid rgba(51,65,85,.85); border-radius: 10px; padding: 12px 14px; }
.clubs-search .material-symbols-outlined { color: var(--primary); }
.clubs-search input { width: 100%; background: transparent; color: var(--text-main); border: 0; outline: 0; font-weight: 600; font-size: 14px; }
.clubs-search input::placeholder { color: #64748b; }
.clubs-location-btn { display: inline-flex; align-items: center; gap: 8px; border: 1px solid rgba(251,191,36,.45); background: rgba(251,191,36,.1); color: var(--primary); border-radius: 10px; padding: 12px 15px; font-weight: 800; cursor: pointer; white-space: nowrap; }
.clubs-location-btn:hover { background: rgba(251,191,36,.16); transform: translateY(-1px); }
.clubs-location-btn.is-loading .material-symbols-outlined { animation: spin 1s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.clubs-helper { text-align: center; color: var(--text-muted); font-size: 13px; margin-bottom: 20px; }
.clubs-carousel-shell { position: relative; }
.clubs-carousel-shell .clubs-grid { scroll-snap-type: x proximity; }
.clubs-carousel-shell .club-card { scroll-snap-align: start; }
.clubs-carousel-btn { display: none; position: absolute; top: 50%; transform: translateY(-50%); z-index: 3; width: 38px; height: 52px; border-radius: 10px; border: 1px solid var(--border-color); background: rgba(7,11,20,.82); color: var(--primary); cursor: pointer; box-shadow: 0 12px 26px rgba(0,0,0,.35); }
.clubs-carousel-btn:hover { border-color: var(--primary); }
.clubs-carousel-btn--prev { left: -14px; }
.clubs-carousel-btn--next { right: -14px; }
.club-title { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.club-distance { color: var(--primary); border: 1px solid rgba(251,191,36,.3); border-radius: 999px; padding: 3px 8px; font-size: 11px; white-space: nowrap; }
.clubs-empty { display: none; text-align: center; color: var(--text-muted); border: 1px dashed var(--border-color); border-radius: 10px; padding: 18px; margin: 12px 0 28px; }
.clubs-empty.is-visible { display: block; }
@media (min-width: 993px) {
    .clubs-grid:has(.club-card:nth-child(4)) { display: flex; overflow-x: auto; padding-bottom: 10px; scrollbar-width: thin; }
    .clubs-grid:has(.club-card:nth-child(4)) .club-card { min-width: 360px; }
    .clubs-carousel-shell:has(.club-card:nth-child(4)) .clubs-carousel-btn { display: inline-flex; align-items: center; justify-content: center; }
}

/* Nova velika sekcija za mnogo provajdera */
.providers-section { max-width: var(--container-width); margin: 80px auto 30px; padding: 0 20px; }
.providers-container { background: linear-gradient(180deg, rgba(15,23,42,.86), rgba(7,11,20,.86)); border: 1px solid rgba(51,65,85,.85); border-radius: 12px; padding: 36px 28px; }
.providers-section .section-header { margin-bottom: 26px; }
.providers-block { border-top: 1px solid rgba(51,65,85,.8); padding-top: 22px; margin-top: 18px; }
.providers-block:first-of-type { margin-top: 0; }
.providers-block__head { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; color: var(--text-main); }
.providers-block__head .material-symbols-outlined { color: var(--primary); }
.provider-cloud { display: flex; flex-wrap: wrap; gap: 9px; }
.provider-cloud span { border: 1px solid rgba(51,65,85,.88); background: rgba(2,6,23,.35); color: #cbd5e1; border-radius: 8px; padding: 8px 12px; font-size: 13px; font-weight: 700; }
.provider-cloud span:hover { color: var(--primary); border-color: rgba(251,191,36,.45); background: rgba(251,191,36,.07); }
.provider-cloud--payments span { color: #94a3b8; }
.footer-partners { padding-top: 22px; padding-bottom: 22px; }
.partners-group--footer-payments { justify-content: center; margin-bottom: 0; }

/* Back to top */
.back-to-top { position: fixed; right: 22px; bottom: 22px; width: 44px; height: 44px; border-radius: 12px; border: 1px solid rgba(251,191,36,.5); background: var(--primary); color: #070b14; z-index: 1200; cursor: pointer; box-shadow: 0 16px 30px rgba(0,0,0,.35); opacity: 0; visibility: hidden; transform: translateY(10px); transition: .25s ease; }
.back-to-top.is-visible { opacity: 1; visibility: visible; transform: translateY(0); }
.back-to-top:hover { background: var(--primary-hover); transform: translateY(-2px); }
.main-header.is-scrolled { box-shadow: 0 10px 30px -10px rgba(0,0,0,.6); background: rgba(7,11,20,.98); }

@media (max-width: 992px) {
    .site-search-results { grid-template-columns: 1fr 1fr; }
    .clubs-tools { grid-template-columns: 1fr; }
    .clubs-location-btn { justify-content: center; }
}
@media (max-width: 768px) {
    .top-bar__container--single { justify-content: center; }
    .site-search-panel.is-open { max-height: 440px; }
    .site-search-results { grid-template-columns: 1fr; }
    .site-search-panel__inner { padding: 14px 16px 18px; }
    #siteSearchInput { font-size: 14px; }
    .affiliate-card__actions { min-width: 0; }
    .btn--play { width: 100%; }
    .clubs-carousel-btn { display: none !important; }
    .providers-container { padding: 28px 18px; }
    .provider-cloud span { font-size: 12px; padding: 7px 10px; }
}


/* ========================================================================== 
   MAXWIN HOME FIX 02 - MOBILE MENU, MEGA HOVER, ADS, TABS, RIBBONS
   ========================================================================== */

/* Desktop mega menu: nema pucanja dok se prelazi misem iz menija u panel */
.main-header { z-index: 1400; }
.navbar { position: relative; }
@media (min-width: 1025px) {
    .mega-menu {
        top: calc(100% - 1px);
        transform: translateX(-50%) translateY(8px);
    }
    .mega-menu::before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: -18px;
        height: 18px;
        background: transparent;
    }
    .mega-menu-trigger:hover .mega-menu,
    .mega-menu-trigger.is-hover .mega-menu,
    .has-dropdown:hover .mega-menu,
    .has-dropdown.is-hover .mega-menu {
        opacity: 1;
        visibility: visible;
        transform: translateX(-50%) translateY(0);
        pointer-events: all;
    }
}

/* Offcanvas: overlay vise ne prekriva i ne zamagljuje sam meni */
.menu-overlay {
    z-index: 900 !important;
    background: rgba(2,6,23,.64);
    backdrop-filter: blur(2px);
}
body.menu-is-open .main-header { z-index: 2200; }
@media (max-width: 1024px) {
    .top-bar { display: block; }
    .navbar__container { padding: 12px 16px; }
    .logo { position: relative; z-index: 2204; }
    .hamburger-menu,
    .search-trigger--primary { position: relative; z-index: 2205; }
    .nav-menu {
        z-index: 2203 !important;
        width: min(360px, 88vw);
        padding: 78px 16px 28px;
        background: linear-gradient(180deg, rgba(15,23,42,.98) 0%, rgba(7,11,20,.99) 100%);
        box-shadow: -18px 0 55px rgba(0,0,0,.68);
        border-left: 1px solid rgba(251,191,36,.18);
    }
    .nav-menu::before {
        content: 'Meni';
        position: absolute;
        left: 18px;
        top: 22px;
        color: var(--primary);
        font-family: 'Sora', 'Inter', sans-serif;
        font-weight: 900;
        letter-spacing: .04em;
        text-transform: uppercase;
        font-size: 13px;
    }
    .nav-menu__item { border-bottom: 1px solid rgba(51,65,85,.46); }
    .nav-menu__link {
        min-height: 54px;
        padding: 14px 8px;
        border-radius: 8px;
        color: #e2e8f0;
    }
    .nav-menu__link:hover,
    .nav-menu__item.is-open > .nav-menu__link {
        background: rgba(251,191,36,.07);
        color: var(--primary);
    }
    .nav-menu .mega-menu__grid {
        padding: 2px 0 14px;
    }
    .nav-menu .mega-menu__column {
        padding: 12px 12px;
        background: rgba(2,6,23,.34);
        border-color: rgba(51,65,85,.5);
    }
    .nav-menu .mega-menu__banner { display: none; }
    .nav-menu .mega-menu__list li { margin-bottom: 2px; }
    .nav-menu .mega-menu__list a {
        font-size: 13px;
        color: #cbd5e1;
        padding: 7px 0;
    }
    .nav-menu .mega-menu__list a:hover { color: var(--primary); transform: none; }
    .site-search-panel { z-index: 2100; }
}

/* Reklamni prostor: diskretan tekst i bez agresivnog izgleda */
.ad-container,
.ad-shell {
    background: #0b1120;
    border-color: rgba(51,65,85,.72);
}
.ad-banner img,
.floating-ad img {
    opacity: .9;
}
.ad-banner:hover img,
.floating-ad:hover img {
    opacity: 1;
}
@media (min-width: 1600px) {
    .floating-ad--left { left: max(18px, calc((100vw - var(--container-width)) / 2 - 176px)); }
    .floating-ad--right { right: max(18px, calc((100vw - var(--container-width)) / 2 - 176px)); }
}

/* Filter tabovi: klikabilno preko celog dugmeta, naslov i lista se jasno azuriraju */
.filter-btn { isolation: isolate; }
.filter-btn::before { pointer-events: none; z-index: -1; }
.filter-btn .material-symbols-outlined { pointer-events: none; }
.top-list-section.is-changing .affiliate-card { animation: maxwinCardIn .22s ease both; }
@keyframes maxwinCardIn { from { opacity: .55; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }

/* Ribboni: bez secenja teksta i bez pokrivanja rank broja */
.affiliate-card { overflow: hidden; }
.affiliate-card__ribbon {
    position: absolute;
    top: 12px;
    left: 14px;
    transform: none !important;
    z-index: 5;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: calc(100% - 28px);
    min-height: 25px;
    padding: 5px 11px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--primary), #ffd166);
    color: #070b14;
    font-size: 10px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .055em;
    text-transform: uppercase;
    white-space: nowrap;
    border: 1px solid rgba(255,255,255,.35);
    box-shadow: 0 8px 20px rgba(0,0,0,.25), 0 0 0 1px rgba(251,191,36,.16);
}
.affiliate-card__ribbon::before {
    content: 'star';
    font-family: 'Material Symbols Outlined';
    font-size: 14px;
    line-height: 1;
    font-weight: 400;
}
.affiliate-card__ribbon::after {
    content: '';
    position: absolute;
    top: -60%;
    bottom: -60%;
    width: 20px;
    left: -35%;
    transform: rotate(25deg);
    background: rgba(255,255,255,.55);
    filter: blur(5px);
    animation: ribbonShine 3.4s ease-in-out infinite;
}
.affiliate-card__ribbon--crypto {
    background: linear-gradient(90deg, #10b981, #2dd4bf);
    color: #02130f;
}
.affiliate-card__ribbon--crypto::before { content: 'currency_bitcoin'; }
.affiliate-card__rank { position: relative; z-index: 1; }
.rank-number { position: relative; z-index: 1; }
.affiliate-card.is-exclusive,
.affiliate-card:has(.affiliate-card__ribbon) {
    padding-top: 38px;
}

/* CTA: stabilan u jednom redu, sa finim presijavanjem */
.affiliate-card__actions { min-width: 172px; }
.btn--play {
    min-width: 158px;
    width: 100%;
    min-height: 50px;
    padding: 12px 18px;
    white-space: nowrap;
    text-align: center;
    letter-spacing: -.01em;
}
.btn--play .material-symbols-outlined { flex: 0 0 auto; font-size: 18px; }
.btn--play .btn-label { display: inline-block; white-space: nowrap; }
@media (max-width: 1100px) and (min-width: 993px) {
    .affiliate-card { grid-template-columns: 44px 2.2fr 1.85fr 1.75fr 156px; gap: 14px; }
    .btn--play { min-width: 144px; padding-left: 14px; padding-right: 14px; }
}
@media (max-width: 992px) {
    .affiliate-card:has(.affiliate-card__ribbon) { padding-top: 54px; }
    .affiliate-card__ribbon { top: 14px; left: 50%; transform: translateX(-50%) !important; }
    .affiliate-card__actions { min-width: 0; width: 100%; }
    .btn--play { max-width: 280px; margin-left: auto; margin-right: auto; }
}

/* ========================================================================== 
   MAXWIN QUICK FIX 03 - OFFCANVAS Z-INDEX + MOBILE ACCORDION
   ========================================================================== */
@media (max-width: 1024px) {
    body.menu-is-open { overflow: hidden; }
    body.menu-is-open .main-header,
    .main-header.menu-open {
        z-index: 6000 !important;
    }
    .menu-overlay {
        z-index: 5900 !important;
        background: rgba(2, 6, 23, .70) !important;
        backdrop-filter: blur(2px) !important;
    }
    .nav-menu {
        display: flex !important;
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        left: auto !important;
        width: min(372px, 90vw) !important;
        max-width: 90vw !important;
        height: 100dvh !important;
        min-height: 100vh !important;
        padding: 78px 16px 26px !important;
        z-index: 6010 !important;
        background:
            radial-gradient(circle at top right, rgba(251,191,36,.10), transparent 36%),
            linear-gradient(180deg, rgba(15,23,42,.99) 0%, rgba(7,11,20,1) 100%) !important;
        border-left: 1px solid rgba(251,191,36,.22) !important;
        box-shadow: -24px 0 80px rgba(0,0,0,.78) !important;
        transform: translateX(110%) !important;
        visibility: hidden !important;
        pointer-events: none !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
    }
    .nav-menu.is-mobile-active {
        transform: translateX(0) !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
    .nav-menu::before {
        content: 'MAXWIN meni' !important;
        position: absolute !important;
        left: 18px !important;
        top: 24px !important;
        color: var(--primary) !important;
        font-family: 'Sora', 'Inter', sans-serif !important;
        font-size: 15px !important;
        font-weight: 900 !important;
        letter-spacing: .03em !important;
        text-transform: uppercase !important;
    }
    body.menu-is-open .logo {
        z-index: 5890 !important;
        opacity: .18 !important;
        pointer-events: none !important;
    }
    .hamburger-menu {
        position: relative !important;
        z-index: 6030 !important;
    }
    .search-trigger--primary {
        position: relative !important;
        z-index: 5885 !important;
    }
    body.menu-is-open .search-trigger--primary {
        opacity: 0 !important;
        pointer-events: none !important;
    }
    .nav-menu__item {
        width: 100% !important;
        border-bottom: 1px solid rgba(51,65,85,.50) !important;
    }
    .nav-menu__link {
        display: grid !important;
        grid-template-columns: 26px 1fr 22px !important;
        align-items: center !important;
        gap: 10px !important;
        width: 100% !important;
        min-height: 54px !important;
        padding: 14px 9px !important;
        border-radius: 10px !important;
        color: #e2e8f0 !important;
        font-size: 15px !important;
        font-weight: 800 !important;
    }
    .nav-menu__link > .material-symbols-outlined:first-child {
        grid-column: 1 !important;
        color: var(--primary) !important;
        margin: 0 !important;
    }
    .nav-menu__item.has-dropdown > .nav-menu__link > .material-symbols-outlined:last-child {
        display: none !important;
    }
    .nav-menu__item.has-dropdown > .nav-menu__link::after {
        content: 'expand_more' !important;
        grid-column: 3 !important;
        justify-self: end !important;
        font-family: 'Material Symbols Outlined' !important;
        font-size: 20px !important;
        color: #94a3b8 !important;
        transition: transform .22s ease, color .22s ease !important;
    }
    .nav-menu__item.is-open > .nav-menu__link,
    .nav-menu__link:hover {
        background: rgba(251,191,36,.08) !important;
        color: var(--primary) !important;
    }
    .nav-menu__item.is-open > .nav-menu__link::after {
        transform: rotate(180deg) !important;
        color: var(--primary) !important;
    }
    .nav-menu .mega-menu,
    .nav-menu__item:hover .mega-menu {
        display: grid !important;
        grid-template-rows: 0fr !important;
        position: static !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: all !important;
        transform: none !important;
        overflow: hidden !important;
        transition: grid-template-rows .28s ease !important;
    }
    .nav-menu__item.is-open > .mega-menu {
        grid-template-rows: 1fr !important;
        margin: 0 0 10px !important;
    }
    .nav-menu .mega-menu__grid {
        min-height: 0 !important;
        overflow: hidden !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        padding: 0 4px 12px !important;
    }
    .nav-menu .mega-menu__column {
        padding: 13px 13px !important;
        border: 1px solid rgba(51,65,85,.56) !important;
        border-radius: 10px !important;
        background: rgba(2,6,23,.34) !important;
    }
    .nav-menu .mega-menu__title {
        margin-bottom: 8px !important;
        padding-bottom: 8px !important;
        color: var(--primary) !important;
        font-size: 12px !important;
        border-bottom: 1px solid rgba(251,191,36,.18) !important;
    }
    .nav-menu .mega-menu__list li {
        margin: 0 !important;
    }
    .nav-menu .mega-menu__list a {
        display: block !important;
        padding: 8px 2px !important;
        color: #cbd5e1 !important;
        font-size: 13px !important;
        line-height: 1.25 !important;
    }
    .nav-menu .mega-menu__list a:hover {
        color: var(--primary) !important;
        transform: none !important;
    }
    .nav-menu .mega-menu__banner {
        display: none !important;
    }
}

/* ========================================================================== 
   MAXWIN QUICK FIX 04 - CLEAN MOBILE OFFCANVAS + HIDDEN CLOSED ACCORDIONS
   ========================================================================== */
@media (max-width: 1024px) {
    .main-header,
    .main-header.menu-open,
    body.menu-is-open .main-header {
        z-index: 7000 !important;
    }

    .menu-overlay {
        z-index: 6900 !important;
        background: rgba(2, 6, 23, .82) !important;
        backdrop-filter: blur(3px) !important;
    }

    .nav-menu {
        z-index: 7010 !important;
        width: min(372px, 92vw) !important;
        max-width: 92vw !important;
        padding: 62px 18px 22px !important;
        gap: 0 !important;
        background:
            radial-gradient(circle at top right, rgba(251,191,36,.08), transparent 34%),
            linear-gradient(180deg, #101827 0%, #070b14 100%) !important;
        border-left: 1px solid rgba(251,191,36,.22) !important;
        box-shadow: -26px 0 90px rgba(0,0,0,.86) !important;
    }

    .nav-menu::before {
        top: 20px !important;
        left: 20px !important;
        font-size: 16px !important;
        line-height: 1 !important;
        color: var(--primary) !important;
        text-shadow: none !important;
    }

    .hamburger-menu {
        z-index: 7030 !important;
    }

    body.menu-is-open .logo {
        opacity: 0 !important;
        visibility: hidden !important;
    }

    .nav-menu__item {
        width: 100% !important;
        border-bottom: 1px solid rgba(51,65,85,.58) !important;
        overflow: visible !important;
    }

    .nav-menu__link {
        min-height: 52px !important;
        padding: 13px 8px !important;
        border-radius: 9px !important;
        line-height: 1.2 !important;
    }

    /* Closed accordion must be completely invisible. No border ghost below Kladionice/Kazino. */
    .nav-menu .mega-menu,
    .nav-menu__item:hover .mega-menu,
    .nav-menu__item.has-dropdown:hover .mega-menu {
        display: block !important;
        position: static !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        overflow: hidden !important;
        pointer-events: none !important;
        transform: none !important;
        transition: max-height .32s ease, opacity .22s ease, visibility .22s ease !important;
    }

    .nav-menu__item.is-open > .mega-menu {
        max-height: 760px !important;
        margin: 2px 0 12px !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    .nav-menu .mega-menu__grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        min-height: 0 !important;
        padding: 0 4px 10px !important;
        overflow: visible !important;
    }

    .nav-menu .mega-menu__column {
        padding: 12px 13px !important;
        border: 1px solid rgba(51,65,85,.58) !important;
        border-radius: 10px !important;
        background: linear-gradient(180deg, rgba(15,23,42,.96), rgba(2,6,23,.62)) !important;
    }

    .nav-menu .mega-menu__title {
        margin: 0 0 7px !important;
        padding: 0 0 7px !important;
        font-size: 11px !important;
        letter-spacing: .04em !important;
        color: var(--primary) !important;
        border-bottom: 1px solid rgba(251,191,36,.18) !important;
    }

    .nav-menu .mega-menu__list a {
        padding: 7px 2px !important;
        line-height: 1.28 !important;
    }

    .nav-menu .mega-menu__banner {
        display: none !important;
    }

    /* Mobile ad placeholder below menu items */
    .nav-menu::after {
        content: 'reklamni prostor\A 300 x 180' !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-direction: column !important;
        width: 100% !important;
        min-height: 180px !important;
        margin-top: 22px !important;
        border: 1px dashed rgba(148,163,184,.32) !important;
        border-radius: 12px !important;
        background:
            linear-gradient(rgba(255,255,255,.015) 1px, transparent 1px),
            linear-gradient(90deg, rgba(255,255,255,.015) 1px, transparent 1px),
            rgba(15,23,42,.48) !important;
        background-size: 24px 24px !important;
        color: rgba(148,163,184,.92) !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        line-height: 1.65 !important;
        letter-spacing: .08em !important;
        text-align: center !important;
        text-transform: uppercase !important;
        white-space: pre-line !important;
    }
}

@media (max-width: 420px) {
    .nav-menu {
        width: 100vw !important;
        max-width: 100vw !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .nav-menu::after {
        min-height: 150px !important;
        content: 'reklamni prostor\A 300 x 150' !important;
    }
}

/* ========================================================================== 
   MAXWIN QUICK FIX 05 - MOBILE ACCORDION CLICK RESPONSE + GAP
   ========================================================================== */
@media (max-width: 1024px) {
    .nav-menu__item.has-dropdown {
        display: block !important;
    }

    .nav-menu__item.has-dropdown > .nav-menu__link {
        margin-bottom: 0 !important;
        cursor: pointer !important;
        user-select: none !important;
    }

    /* On mobile hover must never control mega menu. Only .is-open controls it. */
    .nav-menu .mega-menu,
    .nav-menu__item:hover > .mega-menu,
    .nav-menu__item.has-dropdown:hover > .mega-menu,
    .nav-menu__item.is-hover > .mega-menu,
    .nav-menu__item.mega-menu-trigger:hover > .mega-menu {
        display: block !important;
        position: static !important;
        width: 100% !important;
        max-width: 100% !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        overflow: hidden !important;
        pointer-events: none !important;
        transform: none !important;
        transition: max-height .22s ease, opacity .16s ease, margin .16s ease !important;
        will-change: max-height, opacity, margin !important;
    }

    .nav-menu__item.has-dropdown.is-open > .mega-menu {
        max-height: var(--mega-open-height, 880px) !important;
        margin: 10px 0 16px !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        overflow: hidden !important;
    }

    .nav-menu__item.has-dropdown.is-open > .nav-menu__link {
        background: rgba(251,191,36,.11) !important;
        border-color: rgba(251,191,36,.25) !important;
        color: var(--primary) !important;
    }

    .nav-menu .mega-menu__grid {
        padding: 4px 4px 12px !important;
        gap: 10px !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        min-height: 0 !important;
        overflow: visible !important;
    }

    .nav-menu .mega-menu__column {
        margin: 0 !important;
        border-radius: 10px !important;
    }

    .nav-menu .mega-menu__column + .mega-menu__column {
        margin-top: 0 !important;
    }
}

/* ==========================================================================
   11. SINGLE KLADIONICA / REVIEW PAGE - MAXWIN STYLE
   ========================================================================== */
.review-page .main-header { box-shadow: 0 10px 30px rgba(0,0,0,0.2); }
.review-page-main { background: radial-gradient(circle at 18% 5%, rgba(251, 191, 36, .08), transparent 32%), var(--bg-dark); }
.review-top-ad { margin-top: 28px; margin-bottom: 22px; }
.review-breadcrumb {
    max-width: var(--container-width);
    margin: 0 auto 18px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--text-muted);
    font-size: 13px;
}
.review-breadcrumb a { color: var(--text-muted); font-weight: 700; }
.review-breadcrumb a:hover { color: var(--primary); }
.review-breadcrumb .material-symbols-outlined { font-size: 16px; color: var(--border-color); }

.review-hero {
    max-width: var(--container-width);
    margin: 0 auto 22px;
    padding: 34px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 280px;
    gap: 26px;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(251, 191, 36, .32);
    background: linear-gradient(135deg, rgba(30,41,59,.98), rgba(7,11,20,.98) 70%);
    box-shadow: 0 18px 45px rgba(0,0,0,.42);
}
.review-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(148,163,184,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(148,163,184,.045) 1px, transparent 1px);
    background-size: 34px 34px;
    pointer-events: none;
}
.review-hero__glow {
    position: absolute;
    width: 300px;
    height: 300px;
    right: -90px;
    top: -120px;
    background: radial-gradient(circle, rgba(251,191,36,.28), transparent 65%);
    filter: blur(12px);
}
.review-hero__main, .review-score-card { position: relative; z-index: 1; }
.review-hero__brandline { display: flex; gap: 22px; align-items: flex-start; }
.review-logo-box {
    width: 126px;
    min-width: 126px;
    height: 92px;
    padding: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(7,11,20,.72);
    border: 1px solid var(--border-color);
}
.review-logo-box img { max-height: 100%; object-fit: contain; }
.review-kicker {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--accent-green);
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: .06em;
    margin-bottom: 12px;
}
.review-kicker .material-symbols-outlined { font-size: 17px; }
.review-hero h1 {
    margin: 0 0 12px;
    font-family: 'Sora', 'Inter', sans-serif;
    font-size: clamp(30px, 4vw, 48px);
    line-height: 1.04;
    letter-spacing: -1.2px;
}
.review-hero p {
    max-width: 720px;
    margin: 0;
    color: var(--text-muted);
    font-size: 16px;
}
.review-hero__meta {
    margin-top: 22px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.review-hero__meta span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 10px;
    color: #cbd5e1;
    border: 1px solid rgba(51,65,85,.78);
    background: rgba(7,11,20,.45);
    font-size: 12px;
    font-weight: 700;
}
.review-hero__meta .material-symbols-outlined { font-size: 16px; color: var(--primary); }
.review-hero__actions { margin-top: 24px; display: flex; flex-wrap: wrap; gap: 12px; }
.review-cta-shine { position: relative; overflow: hidden; white-space: nowrap; }
.review-cta-shine::after {
    content: '';
    position: absolute;
    inset: -30% auto -30% -50%;
    width: 42%;
    transform: skewX(-18deg);
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.36), transparent);
    transition: left .58s ease;
}
.review-cta-shine:hover::after { left: 120%; }
.review-score-card {
    background: rgba(7,11,20,.76);
    border: 1px solid rgba(251,191,36,.28);
    padding: 24px;
    text-align: center;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}
.review-score-card__label { color: var(--text-muted); text-transform: uppercase; font-size: 12px; font-weight: 900; letter-spacing: .06em; }
.review-score-card__score { color: var(--primary); font-family: 'Sora', sans-serif; font-size: 54px; font-weight: 900; line-height: 1; margin: 8px 0; }
.review-score-card__score span { color: var(--text-muted); font-size: 20px; }
.review-stars { color: var(--primary); display: flex; justify-content: center; gap: 2px; margin-bottom: 18px; }
.review-code-mini { border-top: 1px solid var(--border-color); padding-top: 16px; display: grid; gap: 8px; justify-items: center; }
.review-code-mini small { color: var(--text-muted); text-transform: uppercase; font-weight: 800; }
.review-code-mini strong { color: var(--accent-green); font-family: monospace; letter-spacing: 1px; }
.review-code-mini .copy-btn, .bonus-coupon .copy-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px dashed var(--accent-green);
    background: rgba(16,185,129,.1);
    color: var(--accent-green);
    padding: 7px 10px;
    cursor: pointer;
    font-weight: 900;
    font-family: monospace;
}
.review-code-mini .copy-btn .code { color: inherit; }
.review-code-mini .copy-btn.is-copied, .bonus-coupon .copy-btn.is-copied { background: rgba(16,185,129,.18); }

.review-facts {
    max-width: var(--container-width);
    margin: 0 auto 34px;
    padding: 0 20px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
}
.review-fact {
    background: var(--bg-surface);
    border: 1px solid var(--border-color);
    padding: 15px 14px;
    display: grid;
    gap: 5px;
    min-height: 112px;
}
.review-fact .material-symbols-outlined { color: var(--primary); font-size: 24px; }
.review-fact small { color: var(--text-muted); text-transform: uppercase; font-weight: 800; font-size: 11px; }
.review-fact strong { font-size: 14px; line-height: 1.28; }

.review-layout {
    max-width: var(--container-width);
    margin: 0 auto 64px;
    padding: 0 20px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 26px;
    align-items: start;
}
.review-article { min-width: 0; }
.review-anchor-nav {
    position: sticky;
    top: 90px;
    z-index: 20;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px;
    margin-bottom: 18px;
    background: rgba(15,23,42,.96);
    border: 1px solid var(--border-color);
    backdrop-filter: blur(14px);
}
.review-anchor-nav a {
    padding: 8px 11px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 900;
    color: var(--text-muted);
    background: rgba(7,11,20,.55);
    border: 1px solid transparent;
}
.review-anchor-nav a:hover { color: var(--primary); border-color: rgba(251,191,36,.34); }
.review-section {
    background: var(--bg-surface);
    border: 1px solid var(--border-color);
    padding: 28px;
    margin-bottom: 18px;
    box-shadow: 0 12px 35px rgba(0,0,0,.18);
}
.review-section__head {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 14px;
}
.review-section__head .material-symbols-outlined { color: var(--primary); }
.review-section h2 {
    margin: 0;
    font-family: 'Sora', 'Inter', sans-serif;
    font-size: clamp(22px, 3vw, 30px);
    line-height: 1.15;
}
.review-section p, .review-section li { color: var(--text-muted); }
.review-lead { font-size: 16px; margin-bottom: 20px; }
.pros-cons-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.pros-box, .cons-box {
    border: 1px solid var(--border-color);
    background: rgba(7,11,20,.45);
    padding: 20px;
}
.pros-box h3, .cons-box h3 { display: flex; gap: 8px; align-items: center; margin-bottom: 12px; font-size: 18px; }
.pros-box h3 .material-symbols-outlined { color: var(--accent-green); }
.cons-box h3 .material-symbols-outlined { color: var(--accent-red); }
.pros-box ul, .cons-box ul { display: grid; gap: 10px; padding-left: 18px; }

.bonus-highlight {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 260px;
    gap: 24px;
    align-items: center;
    border-color: rgba(251,191,36,.42);
    background: linear-gradient(135deg, rgba(30,41,59,.96), rgba(15,23,42,.96));
}
.review-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    color: #020617;
    background: var(--primary);
    font-weight: 900;
    text-transform: uppercase;
    font-size: 11px;
    margin-bottom: 12px;
}
.bonus-coupon {
    margin: 18px 0;
    padding: 14px;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    border: 1px dashed var(--accent-green);
    background: rgba(16,185,129,.08);
}
.bonus-coupon small { display: block; color: var(--text-muted); text-transform: uppercase; font-weight: 900; }
.bonus-coupon strong { display: block; color: var(--accent-green); font-size: 26px; font-family: monospace; letter-spacing: 2px; }
.bonus-rules { list-style: none; padding: 0; display: grid; gap: 8px; }
.bonus-rules li { display: flex; align-items: flex-start; gap: 8px; }
.bonus-rules .material-symbols-outlined { color: var(--primary); font-size: 18px; margin-top: 2px; }
.bonus-highlight__visual {
    min-height: 260px;
    background: rgba(7,11,20,.7);
    border: 1px solid var(--border-color);
    display: grid;
    justify-items: center;
    align-content: center;
    gap: 12px;
    text-align: center;
    padding: 22px;
}
.bonus-highlight__visual img { width: 128px; }
.bonus-highlight__visual strong { color: var(--primary); font-size: 26px; line-height: 1.05; font-family: 'Sora', sans-serif; }
.bonus-highlight__visual span { color: var(--text-muted); }

.score-breakdown { display: grid; gap: 13px; }
.score-row { display: grid; grid-template-columns: 180px 1fr 46px; gap: 14px; align-items: center; }
.score-row span { color: var(--text-main); font-weight: 800; }
.score-row > div { height: 10px; background: var(--bg-dark); border: 1px solid var(--border-color); overflow: hidden; }
.score-row i { display: block; height: 100%; background: linear-gradient(90deg, var(--primary), var(--accent-green)); }
.score-row strong { color: var(--primary); font-family: 'Sora', sans-serif; }
.review-table-wrap { overflow-x: auto; }
.review-table { width: 100%; border-collapse: collapse; min-width: 620px; }
.review-table th, .review-table td { padding: 14px 16px; border-bottom: 1px solid var(--border-color); text-align: left; }
.review-table th { width: 220px; color: var(--primary); text-transform: uppercase; font-size: 12px; letter-spacing: .06em; background: rgba(7,11,20,.55); }
.review-table td { color: var(--text-muted); }
.steps-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.step-card { border: 1px solid var(--border-color); background: rgba(7,11,20,.45); padding: 18px; }
.step-card span { width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; color: #020617; background: var(--primary); font-weight: 900; margin-bottom: 12px; }
.step-card h3 { margin: 0 0 8px; font-size: 16px; }
.step-card p { margin: 0; font-size: 13px; }
.phone-showcase { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 20px; background: rgba(7,11,20,.52); border: 1px solid var(--border-color); padding: 20px; }
.phone-showcase img { width: 100%; max-height: 420px; object-fit: contain; }
.feature-matrix, .review-payment-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 18px; }
.feature-matrix div, .review-payment-grid div { background: rgba(7,11,20,.45); border: 1px solid var(--border-color); padding: 18px; display: grid; gap: 8px; }
.feature-matrix .material-symbols-outlined { color: var(--primary); font-size: 28px; }
.feature-matrix strong, .review-payment-grid strong { font-size: 16px; }
.feature-matrix small, .review-payment-grid span { color: var(--text-muted); }
.provider-cloud--review { margin-top: 18px; }
.app-review-block { display: grid; grid-template-columns: 1fr 310px; gap: 24px; align-items: center; }
.app-review-block img { width: 100%; }
.clean-check-list { list-style: none; padding: 0; margin-top: 16px; display: grid; gap: 10px; }
.clean-check-list li { display: flex; gap: 8px; align-items: center; }
.clean-check-list .material-symbols-outlined { color: var(--accent-green); }
.responsibility-note { border-color: rgba(16,185,129,.35); background: linear-gradient(135deg, rgba(16,185,129,.08), rgba(15,23,42,.96)); }
.faq-list { display: grid; gap: 10px; }
.faq-list details { background: rgba(7,11,20,.45); border: 1px solid var(--border-color); }
.faq-list summary { cursor: pointer; padding: 16px 18px; color: var(--text-main); font-weight: 900; }
.faq-list p { padding: 0 18px 16px; margin: 0; }
.author-box {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    background: #07101f;
    border: 1px solid rgba(251,191,36,.26);
    padding: 22px;
}
.author-avatar { width: 54px; height: 54px; flex: 0 0 54px; display: flex; align-items: center; justify-content: center; color: #020617; background: var(--primary); font-weight: 900; }
.author-box h3 { margin: 0 0 7px; }
.author-box p { margin: 0; color: var(--text-muted); }

.review-sidebar { position: sticky; top: 92px; display: grid; gap: 14px; }
.sidebar-card { background: var(--bg-surface); border: 1px solid var(--border-color); padding: 20px; display: grid; gap: 12px; }
.sidebar-brand-card { text-align: center; justify-items: center; border-color: rgba(251,191,36,.34); }
.sidebar-brand-card img { width: 116px; }
.sidebar-brand-card > strong { font-family: 'Sora', sans-serif; font-size: 20px; }
.sidebar-score { color: var(--primary); font-size: 28px; font-weight: 900; font-family: 'Sora', sans-serif; }
.sidebar-card h3 { margin: 0 0 4px; font-size: 16px; color: var(--primary); text-transform: uppercase; letter-spacing: .05em; }
.sidebar-card a { color: var(--text-muted); font-weight: 700; padding: 7px 0; border-bottom: 1px solid rgba(51,65,85,.55); }
.sidebar-card a:hover { color: var(--primary); }
.sidebar-ad-card { min-height: 250px; align-content: center; justify-items: center; color: var(--text-muted); text-transform: uppercase; letter-spacing: .08em; border-style: dashed; background-image: linear-gradient(rgba(148,163,184,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(148,163,184,.035) 1px, transparent 1px); background-size: 22px 22px; }
.sidebar-ad-card strong { color: #cbd5e1; font-size: 20px; }
.sidebar-top-list a { display: flex; align-items: center; gap: 8px; }
.sidebar-top-list span { width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; background: var(--bg-dark); border: 1px solid var(--border-color); color: var(--primary); font-weight: 900; }
.related-reviews { max-width: var(--container-width); margin: 0 auto 80px; padding: 0 20px; }
.related-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.related-grid a { display: grid; gap: 10px; background: var(--bg-surface); border: 1px solid var(--border-color); padding: 22px; }
.related-grid a:hover { border-color: var(--primary); transform: translateY(-3px); }
.related-grid img { width: 110px; height: 54px; object-fit: contain; }
.related-grid strong { font-size: 18px; }
.related-grid span { color: var(--text-muted); }

@media (max-width: 1100px) {
    .review-hero { grid-template-columns: 1fr; }
    .review-score-card { max-width: 420px; }
    .review-facts { grid-template-columns: repeat(3, 1fr); }
    .review-layout { grid-template-columns: 1fr; }
    .review-sidebar { position: static; grid-template-columns: repeat(2, 1fr); }
    .sidebar-brand-card { grid-column: 1 / -1; }
}
@media (max-width: 820px) {
    .review-hero { margin-left: 14px; margin-right: 14px; padding: 24px; }
    .review-hero__brandline { flex-direction: column; }
    .review-logo-box { width: 118px; min-width: 118px; height: 80px; }
    .review-facts { grid-template-columns: repeat(2, 1fr); }
    .review-anchor-nav { position: relative; top: auto; overflow-x: auto; flex-wrap: nowrap; }
    .review-section { padding: 22px; }
    .pros-cons-grid, .bonus-highlight, .app-review-block { grid-template-columns: 1fr; }
    .steps-grid, .feature-matrix, .review-payment-grid { grid-template-columns: repeat(2, 1fr); }
    .score-row { grid-template-columns: 1fr; gap: 7px; }
    .phone-showcase { grid-template-columns: 1fr; }
    .review-sidebar, .related-grid { grid-template-columns: 1fr; }
}
@media (max-width: 540px) {
    .review-breadcrumb { flex-wrap: wrap; }
    .review-hero { padding: 20px; }
    .review-hero h1 { font-size: 29px; }
    .review-hero__actions .btn { width: 100%; }
    .review-facts { grid-template-columns: 1fr; }
    .review-section__head { align-items: flex-start; }
    .bonus-coupon { flex-direction: column; align-items: flex-start; }
    .steps-grid, .feature-matrix, .review-payment-grid { grid-template-columns: 1fr; }
}

/* ========================================================================
   12. SINGLE REVIEW POLISH + AUTH RETURN - 2026-05-24
   ======================================================================== */
:root {
    --radius-sm: 15px;
    --radius-md: 15px;
    --radius-lg: 15px;
}

/* Na scrollu ostaje samo glavni header; odgovorno klađenje nije sticky. */
.main-header.is-scrolled .top-bar {
    display: none;
}
.main-header.is-scrolled .navbar__container {
    padding-top: 10px;
    padding-bottom: 10px;
}

.auth-buttons--portal { display: flex; align-items: center; gap: 8px; }
.auth-buttons--portal .auth-icon-btn {
    border-radius: 15px;
    width: 40px;
    height: 40px;
}
.auth-buttons--portal .auth-icon-btn--primary {
    box-shadow: 0 10px 22px rgba(251, 191, 36, .20);
}
@media (max-width: 1024px) {
    .auth-buttons--portal { display: none !important; }
}

/* Malo mekši, ali ne generički, radius kroz home i single elemente. */
.affiliate-card,
.club-card,
.blog-card,
.featured-card,
.newsletter-container,
.partner-badge,
.provider-cloud span,
.software-providers-section,
.provider-card,
.review-hero,
.review-fact,
.review-section,
.pros-box,
.cons-box,
.bonus-highlight__visual,
.bonus-coupon,
.score-row > div,
.review-table-wrap,
.step-card,
.phone-showcase,
.feature-matrix div,
.review-payment-grid div,
.faq-list details,
.author-box,
.sidebar-card,
.related-grid a,
.site-search-panel__box,
.site-search-results a,
.review-anchor-nav,
.user-rating-card,
.login-review-box,
.disabled-review-form textarea {
    border-radius: 15px !important;
}

/* Brzi podaci: ikonica skroz levo + diskretan watermark dole desno. */
.review-fact {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 13px;
    min-height: 104px;
    padding: 16px 16px 16px 14px;
    background: linear-gradient(135deg, rgba(15,23,42,.98), rgba(7,11,20,.9));
}
.review-fact::after {
    content: attr(data-bg-icon);
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 68px;
    line-height: 1;
    position: absolute;
    right: -8px;
    bottom: -12px;
    color: rgba(148, 163, 184, .07);
    pointer-events: none;
}
.review-fact > .material-symbols-outlined {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 13px;
    background: rgba(251,191,36,.09);
    border: 1px solid rgba(251,191,36,.18);
    font-size: 23px;
    font-variation-settings: 'FILL' 0, 'wght' 250, 'GRAD' 0, 'opsz' 24;
}
.review-fact small,
.review-fact strong { position: relative; z-index: 1; display: block; }
.review-fact strong { margin-top: 4px; }

/* Head ikonice u single sekcijama + watermark u boxu. */
.review-section {
    position: relative;
    overflow: hidden;
}
.review-section::after {
    content: attr(data-section-icon);
    font-family: 'Material Symbols Outlined';
    position: absolute;
    right: 18px;
    bottom: -8px;
    font-size: 104px;
    line-height: 1;
    color: rgba(148, 163, 184, .035);
    pointer-events: none;
}
.review-section > * { position: relative; z-index: 1; }
.review-section__head > .material-symbols-outlined {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(251,191,36,.09);
    border: 1px solid rgba(251,191,36,.2);
    color: var(--primary);
    font-size: 24px;
    font-variation-settings: 'FILL' 0, 'wght' 240, 'GRAD' 0, 'opsz' 24;
}
.review-section__head { gap: 14px; }

/* Sticky sadržaj: kompaktnije, sa ikonicama, bolje stoji ispod sticky headera. */
.review-anchor-nav {
    top: 78px;
    gap: 7px;
    padding: 9px;
    border-radius: 15px;
    box-shadow: 0 16px 34px rgba(0,0,0,.22);
}
.review-anchor-nav a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 12px;
}
.review-anchor-nav a .material-symbols-outlined {
    color: var(--primary);
    font-size: 16px;
    font-variation-settings: 'FILL' 0, 'wght' 240, 'GRAD' 0, 'opsz' 24;
}

/* Ocena u krugu, desno lepše i čitljivije. */
.review-score-card {
    border-radius: 15px;
    align-self: stretch;
}
.review-score-card__score {
    width: 154px;
    height: 154px;
    margin: 16px auto 14px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    isolation: isolate;
    background: conic-gradient(var(--primary) 0 99%, rgba(51,65,85,.9) 99% 100%);
    color: var(--primary);
    text-shadow: 0 10px 28px rgba(251,191,36,.18);
    box-shadow: 0 0 0 8px rgba(251,191,36,.06), inset 0 0 28px rgba(0,0,0,.42);
}
.review-score-card__score::before {
    content: '';
    position: absolute;
    inset: 9px;
    border-radius: 50%;
    background: linear-gradient(135deg, #08111f, #101a2f);
    z-index: -1;
}
.review-score-card__score span {
    display: block;
    margin-top: 2px;
    font-size: 18px;
}
.review-stars .material-symbols-outlined {
    font-size: 19px;
}

/* Sportski i kazino boxovi: manje prazno, više premium. */
.feature-matrix div,
.review-payment-grid div {
    min-height: 154px;
    position: relative;
    overflow: hidden;
    align-content: start;
    padding: 20px;
    background: linear-gradient(145deg, rgba(7,11,20,.68), rgba(15,23,42,.82));
    transition: transform .22s ease, border-color .22s ease, background .22s ease;
}
.feature-matrix div::after {
    content: attr(data-bg-icon);
    font-family: 'Material Symbols Outlined';
    position: absolute;
    right: -6px;
    bottom: -14px;
    font-size: 88px;
    color: rgba(251,191,36,.055);
    line-height: 1;
    pointer-events: none;
}
.feature-matrix div:hover,
.review-payment-grid div:hover {
    transform: translateY(-2px);
    border-color: rgba(251,191,36,.38);
    background: linear-gradient(145deg, rgba(15,23,42,.9), rgba(7,11,20,.86));
}
.feature-matrix .material-symbols-outlined {
    width: 42px;
    height: 42px;
    border-radius: 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(251,191,36,.09);
    border: 1px solid rgba(251,191,36,.18);
    font-size: 24px;
    font-variation-settings: 'FILL' 0, 'wght' 230, 'GRAD' 0, 'opsz' 24;
}
.feature-matrix strong { margin-top: 2px; }
.feature-matrix small { line-height: 1.55; }
.provider-cloud--review { padding-top: 6px; }

/* Korisničke ocene / login placeholder. */
.user-review-grid {
    display: grid;
    grid-template-columns: .95fr 1.35fr;
    gap: 18px;
    align-items: stretch;
}
.user-rating-card,
.login-review-box {
    border: 1px solid var(--border-color);
    background: rgba(7,11,20,.48);
    padding: 20px;
}
.user-rating-card {
    display: grid;
    grid-template-columns: 132px 1fr;
    gap: 18px;
    align-items: center;
}
.user-rating-ring {
    width: 132px;
    height: 132px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: conic-gradient(var(--accent-green) 0 96%, rgba(51,65,85,.88) 96% 100%);
    box-shadow: 0 0 0 8px rgba(16,185,129,.06), inset 0 0 28px rgba(0,0,0,.42);
    position: relative;
    isolation: isolate;
}
.user-rating-ring::before {
    content: '';
    position: absolute;
    inset: 8px;
    border-radius: 50%;
    background: #08111f;
    z-index: -1;
}
.user-rating-ring strong {
    color: var(--accent-green);
    font-family: 'Sora', sans-serif;
    font-size: 36px;
    line-height: 1;
}
.user-rating-ring span { color: var(--text-muted); font-weight: 900; }
.user-rating-card h3,
.login-review-box h3 { margin: 0 0 8px; font-family: 'Sora', 'Inter', sans-serif; }
.user-rating-card p,
.login-review-box p { margin: 0 0 13px; }
.mini-stars { display: flex; gap: 2px; color: var(--primary); }
.review-login-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 14px; }
.disabled-review-form { display: grid; gap: 8px; }
.disabled-review-form label { color: var(--text-main); font-weight: 900; font-size: 13px; }
.disabled-stars { color: var(--primary); letter-spacing: 2px; }
.disabled-review-form textarea {
    min-height: 96px;
    resize: vertical;
    border: 1px solid var(--border-color);
    background: rgba(15,23,42,.55);
    color: var(--text-muted);
    padding: 13px 14px;
    opacity: .78;
}

/* Sidebar malo stabilnije kada nema top-bara na scrollu. */
.review-sidebar { top: 82px; }
.sidebar-brand-card .btn { min-width: 170px; white-space: nowrap; }

@media (max-width: 1180px) {
    .review-anchor-nav { top: 72px; }
}
@media (max-width: 992px) {
    .user-review-grid { grid-template-columns: 1fr; }
    .user-rating-card { grid-template-columns: 112px 1fr; }
    .user-rating-ring { width: 112px; height: 112px; }
}
@media (max-width: 768px) {
    .review-fact { min-height: auto; }
    .review-anchor-nav {
        position: relative;
        top: auto;
    }
    .review-section::after { font-size: 76px; opacity: .7; }
    .user-rating-card { grid-template-columns: 1fr; justify-items: start; }
}
.auth-anchor { position: relative; top: -110px; display: block; width: 1px; height: 1px; overflow: hidden; }


/* ========================================================================
   13. SINGLE REVIEW FINAL LAYOUT FIX - HERO / STICKY / MOBILE SCROLL
   ======================================================================== */
.review-page { --review-wide: 1460px; }
.review-page-main {
    background:
        radial-gradient(circle at 12% 7%, rgba(251, 191, 36, .10), transparent 34%),
        radial-gradient(circle at 90% 18%, rgba(16, 185, 129, .055), transparent 30%),
        var(--bg-dark);
}
.review-top-ad { display: none !important; }
.review-hero.review-hero--wide,
.review-facts,
.review-layout,
.related-reviews {
    max-width: var(--review-wide);
}
.review-hero.review-hero--wide {
    margin-top: 28px;
    margin-bottom: 24px;
    padding: 42px;
    grid-template-columns: minmax(0, 1fr) 300px;
    border-radius: 15px;
    background:
        linear-gradient(135deg, rgba(30,41,59,.98), rgba(7,11,20,.99) 68%),
        radial-gradient(circle at 85% 14%, rgba(251,191,36,.18), transparent 34%);
}
.review-breadcrumb--in-hero {
    max-width: none;
    margin: 0 0 22px;
    padding: 0;
    font-size: 13px;
}
.review-breadcrumb--in-hero a,
.review-breadcrumb--in-hero span { position: relative; z-index: 2; }
.review-hero__brandline { align-items: center; }
.review-hero__actions .btn,
.bonus-highlight .btn,
.sidebar-brand-card .btn,
.login-review-box .btn,
.btn--primary {
    color: #020617 !important;
    font-weight: 900 !important;
}
.btn--secondary { font-weight: 900; }
.btn--primary .material-symbols-outlined,
.review-cta-shine .material-symbols-outlined { color: currentColor !important; }
.review-hero__actions .btn { min-height: 54px; }

/* Full content sticky anchor: sada stoji preko cele širine recenzije. */
.review-anchor-shell {
    position: sticky;
    top: 82px;
    z-index: 120;
    max-width: var(--review-wide);
    margin: 0 auto 22px;
    padding: 0 20px;
}
.review-anchor-shell .review-anchor-nav,
.review-anchor-nav.review-anchor-nav--wide {
    position: static !important;
    top: auto !important;
    width: 100%;
    margin: 0;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    gap: 8px;
    padding: 10px;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
}
.review-anchor-nav.review-anchor-nav--wide a {
    flex: 0 0 auto;
    scroll-snap-align: start;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border-radius: 12px;
}
.review-anchor-nav.review-anchor-nav--wide a .material-symbols-outlined {
    font-size: 17px;
    color: var(--primary);
}
.review-sidebar {
    top: 154px !important;
}
.sidebar-card a {
    display: flex;
    align-items: center;
    gap: 8px;
}
.sidebar-card a .material-symbols-outlined {
    color: var(--primary);
    font-size: 17px;
    flex: 0 0 auto;
}
.sidebar-user-score {
    width: 100%;
    border: 1px solid rgba(16,185,129,.24);
    background: rgba(16,185,129,.07);
    padding: 12px;
    border-radius: 15px;
    display: grid;
    gap: 3px;
}
.sidebar-user-score small {
    color: var(--text-muted);
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 900;
}
.sidebar-user-score strong {
    color: var(--accent-green);
    font-family: 'Sora', sans-serif;
    font-size: 24px;
}
.sidebar-user-score span { color: var(--text-muted); font-size: 12px; }

/* Prednosti/mane jasno zeleno i crvenkasto. */
.pros-box {
    border-color: rgba(16,185,129,.32) !important;
    background: linear-gradient(145deg, rgba(16,185,129,.095), rgba(7,11,20,.5)) !important;
}
.cons-box {
    border-color: rgba(239,68,68,.30) !important;
    background: linear-gradient(145deg, rgba(239,68,68,.085), rgba(7,11,20,.5)) !important;
}
.pros-box h3 { color: #7dd3a8; }
.cons-box h3 { color: #fca5a5; }
.pros-box li { color: #b7f7d5 !important; }
.cons-box li { color: #fecaca !important; }
.pros-box li::marker { color: var(--accent-green); }
.cons-box li::marker { color: var(--accent-red); }

/* Bonus blok dobija žutu ivicu, ali ostaje u MaxWin fazonu. */
.bonus-highlight {
    border-left: 6px solid var(--primary) !important;
    border-color: rgba(251,191,36,.42) !important;
    box-shadow: 0 18px 42px rgba(0,0,0,.22), inset 6px 0 0 rgba(251,191,36,.06);
}
.content-ad--review {
    margin: 20px 0 22px;
    display: flex;
    justify-content: center;
}
.content-ad--review a {
    display: block;
    width: min(100%, 728px);
    border-radius: 15px;
    overflow: hidden;
    border: 1px solid rgba(51,65,85,.72);
    box-shadow: 0 14px 32px rgba(0,0,0,.22);
}
.content-ad--review img { width: 100%; border-radius: 0; }

/* Korisnički komentari + full width forma. */
.user-comments-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 18px;
}
.user-comment-card {
    border: 1px solid var(--border-color);
    border-radius: 15px;
    background: linear-gradient(145deg, rgba(7,11,20,.58), rgba(15,23,42,.68));
    padding: 18px;
    display: grid;
    gap: 12px;
}
.user-comment-card__top {
    display: grid;
    grid-template-columns: 44px 1fr auto;
    align-items: center;
    gap: 11px;
}
.user-avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(251,191,36,.12);
    border: 1px solid rgba(251,191,36,.24);
    color: var(--primary);
    font-weight: 900;
}
.user-comment-card strong { font-family: 'Sora', sans-serif; }
.user-comment-card small { display: block; color: var(--text-muted); font-size: 12px; }
.user-comment-score {
    color: var(--accent-green);
    font-family: 'Sora', sans-serif;
    font-size: 24px;
    font-weight: 900;
}
.user-comment-card p { margin: 0; }
.user-comment-tags { display: flex; flex-wrap: wrap; gap: 7px; }
.user-comment-tags span {
    border: 1px solid rgba(51,65,85,.75);
    border-radius: 999px;
    padding: 5px 9px;
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 800;
    background: rgba(7,11,20,.42);
}
.login-review-box--full {
    margin-top: 4px;
    background: linear-gradient(145deg, rgba(7,11,20,.62), rgba(15,23,42,.78));
    border-color: rgba(251,191,36,.24);
}
.login-review-box__intro {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    margin-bottom: 14px;
}
.login-review-box__intro > .material-symbols-outlined {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--primary);
    background: rgba(251,191,36,.09);
    border: 1px solid rgba(251,191,36,.2);
}
.disabled-review-form--wide { margin-top: 14px; }
.disabled-form-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}
.disabled-form-grid label {
    border: 1px solid var(--border-color);
    border-radius: 15px;
    padding: 12px;
    background: rgba(7,11,20,.42);
    display: grid;
    gap: 6px;
}
.disabled-form-grid span { color: var(--primary); letter-spacing: 1px; }

/* Mobilni: anchor tabovi i metode plaćanja idu prstom horizontalno. */
@media (max-width: 1100px) {
    .review-hero.review-hero--wide { grid-template-columns: 1fr; }
    .review-anchor-shell { top: 74px; }
    .review-sidebar { top: auto !important; }
}
@media (max-width: 820px) {
    .review-hero.review-hero--wide {
        margin: 18px 14px 18px;
        padding: 24px;
    }
    .review-hero__brandline { align-items: flex-start; }
    .review-anchor-shell {
        top: 68px;
        padding: 0 14px;
        margin-bottom: 18px;
    }
    .review-anchor-nav.review-anchor-nav--wide {
        border-radius: 15px;
        padding: 9px;
    }
    .review-facts {
        display: flex !important;
        grid-template-columns: none !important;
        overflow-x: auto;
        padding: 0 14px 8px;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
    }
    .review-fact {
        flex: 0 0 250px;
        scroll-snap-align: start;
    }
    .review-payment-grid {
        display: flex !important;
        grid-template-columns: none !important;
        overflow-x: auto;
        gap: 12px;
        padding-bottom: 8px;
        scroll-snap-type: x proximity;
        -webkit-overflow-scrolling: touch;
    }
    .review-payment-grid div {
        flex: 0 0 230px;
        scroll-snap-align: start;
    }
    .feature-matrix {
        display: flex !important;
        grid-template-columns: none !important;
        overflow-x: auto;
        gap: 12px;
        padding-bottom: 8px;
        scroll-snap-type: x proximity;
        -webkit-overflow-scrolling: touch;
    }
    .feature-matrix div {
        flex: 0 0 235px;
        scroll-snap-align: start;
    }
    .user-comments-grid { grid-template-columns: 1fr; }
    .disabled-form-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 540px) {
    .review-hero.review-hero--wide { padding: 20px; }
    .review-hero__actions .btn { width: 100%; justify-content: center; }
    .disabled-form-grid { grid-template-columns: 1fr; }
    .user-comment-card__top { grid-template-columns: 42px 1fr; }
    .user-comment-score { grid-column: 1 / -1; }
}

/* ==========================================================================
   FINAL AUTH + SINGLE REVIEW MICRO POLISH
   ========================================================================== */
:root { --radius-premium: 15px; }

/* Header akcije: isti moderni radius za search, login i registraciju. */
.auth-icon-btn,
.search-trigger,
.search-trigger--primary,
.auth-buttons--portal .auth-icon-btn {
    border-radius: var(--radius-premium) !important;
}
.search-trigger--primary {
    width: 44px;
    height: 44px;
    box-shadow: 0 12px 28px rgba(251,191,36,.22), inset 0 1px 0 rgba(255,255,255,.28);
}
.search-trigger--primary:hover,
.search-trigger--primary.is-active {
    transform: translateY(-2px);
}
.auth-buttons--portal .auth-icon-btn {
    width: 44px;
    height: 44px;
}
.auth-buttons--portal .auth-icon-btn:not(.auth-icon-btn--primary) {
    background: rgba(255,255,255,.045);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.auth-buttons--portal .auth-icon-btn--primary {
    box-shadow: 0 12px 28px rgba(251,191,36,.22), inset 0 1px 0 rgba(255,255,255,.28);
}

/* Hero meta boxovi: Ažurirano / 18+ / Uslovi bonusa. */
.review-hero__meta span {
    border-radius: var(--radius-premium) !important;
    padding: 10px 13px;
    background: linear-gradient(145deg, rgba(7,11,20,.64), rgba(15,23,42,.68));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.review-hero__meta span:hover {
    border-color: rgba(251,191,36,.36);
    background: linear-gradient(145deg, rgba(251,191,36,.06), rgba(7,11,20,.62));
}

/* Sekundarni CTA u hero delu: čitljivije i odvojeno od žutog glavnog dugmeta. */
.review-outline-cta,
.review-hero__actions .btn--secondary.review-outline-cta {
    color: var(--text-main) !important;
    background: rgba(255,255,255,.075) !important;
    border: 1px solid rgba(148,163,184,.24) !important;
    border-radius: var(--radius-premium) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
.review-outline-cta:hover {
    color: var(--primary) !important;
    border-color: rgba(251,191,36,.44) !important;
    background: rgba(251,191,36,.08) !important;
    transform: translateY(-2px);
}
.review-outline-cta .material-symbols-outlined { color: currentColor !important; }

/* Malo bolja čitljivost kruga ocene na single strani. */
.review-score-card__score {
    letter-spacing: -1px;
}
.review-score-card__score span {
    color: #d7e0ee !important;
    text-shadow: none;
}
.review-score-card__label,
.review-code-mini small {
    color: #b8c4d6;
}

/* Auth modal: login / registracija / zaboravljena lozinka. */
.auth-modal {
    position: fixed;
    inset: 0;
    z-index: 5000;
    display: grid;
    place-items: center;
    padding: 22px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .22s ease, visibility .22s ease;
}
.auth-modal.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.auth-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(2,6,23,.78);
    backdrop-filter: blur(10px);
}
.auth-modal__dialog {
    width: min(100%, 460px);
    max-height: min(92vh, 760px);
    overflow-y: auto;
    position: relative;
    border-radius: 22px;
    border: 1px solid rgba(51,65,85,.92);
    background:
        radial-gradient(circle at 90% 0%, rgba(251,191,36,.18), transparent 34%),
        linear-gradient(145deg, rgba(15,23,42,.98), rgba(7,11,20,.98));
    box-shadow: 0 34px 90px rgba(0,0,0,.62), inset 0 1px 0 rgba(255,255,255,.05);
    padding: 26px;
    transform: translateY(14px) scale(.98);
    transition: transform .24s ease;
}
.auth-modal.is-open .auth-modal__dialog { transform: translateY(0) scale(1); }
.auth-modal__dialog::before {
    content: '';
    position: absolute;
    inset: 8px;
    border-radius: 18px;
    border: 1px solid rgba(251,191,36,.08);
    pointer-events: none;
}
.auth-modal__close {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(148,163,184,.22);
    border-radius: 14px;
    background: rgba(2,6,23,.58);
    color: var(--text-main);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
    z-index: 2;
}
.auth-modal__close:hover { color: var(--primary); border-color: rgba(251,191,36,.42); }
.auth-modal__brand { padding-right: 44px; margin-bottom: 18px; }
.auth-modal__brand .logo { font-size: 28px; display: inline-flex; margin-bottom: 8px; }
.auth-modal__brand p { margin: 0; color: var(--text-muted); font-size: 14px; line-height: 1.6; }
.auth-modal__tabs {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding: 6px;
    border-radius: 17px;
    border: 1px solid rgba(51,65,85,.75);
    background: rgba(2,6,23,.42);
    margin-bottom: 18px;
}
.auth-tab {
    border: 0;
    border-radius: 13px;
    padding: 11px 12px;
    background: transparent;
    color: var(--text-muted);
    font-weight: 900;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 7px;
    transition: var(--transition);
}
.auth-tab.is-active {
    background: var(--primary);
    color: #020617;
    box-shadow: 0 12px 26px rgba(251,191,36,.18);
}
.auth-panel { display: none; position: relative; z-index: 1; }
.auth-panel.is-active { display: block; animation: authPanelIn .2s ease both; }
@keyframes authPanelIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
.auth-panel h3 {
    margin: 0 0 8px;
    font-family: 'Sora', 'Inter', sans-serif;
    font-size: 24px;
}
.auth-panel p { margin: 0 0 18px; color: var(--text-muted); line-height: 1.6; }
.auth-form { display: grid; gap: 13px; }
.auth-form label:not(.auth-check) {
    display: grid;
    gap: 7px;
    color: #d7e0ee;
    font-size: 13px;
    font-weight: 900;
}
.auth-form input[type="email"],
.auth-form input[type="password"],
.auth-form input[type="text"] {
    width: 100%;
    border: 1px solid rgba(51,65,85,.86);
    border-radius: 15px;
    background: rgba(2,6,23,.62);
    color: var(--text-main);
    padding: 13px 14px;
    outline: none;
    transition: var(--transition);
}
.auth-form input:focus {
    border-color: rgba(251,191,36,.62);
    box-shadow: 0 0 0 4px rgba(251,191,36,.08);
}
.auth-form__row { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; }
.auth-check {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 800;
}
.auth-check--wide { align-items: flex-start; line-height: 1.45; }
.auth-link {
    border: 0;
    background: transparent;
    color: var(--primary);
    font-weight: 900;
    cursor: pointer;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}
.auth-link:hover { text-decoration: underline; }
.auth-submit {
    min-height: 48px;
    border-radius: 15px;
    margin-top: 2px;
}
.auth-link--back { margin-top: 2px; justify-self: center; }
body.auth-modal-open { overflow: hidden; }

@media (max-width: 540px) {
    .auth-modal { padding: 12px; align-items: end; }
    .auth-modal__dialog { width: 100%; border-radius: 22px 22px 0 0; padding: 22px; }
    .auth-modal__tabs { grid-template-columns: 1fr; }
    .review-hero__meta span { width: 100%; }
}


/* ========================================================================== 
   MAXWIN FINAL POLISH 05 - MOBILE AUTH, REVIEW FACTS, PAYMENTS, PROMO PAGE
   ========================================================================== */
:root { --radius-premium: 15px; }

/* Header actions remain compact and consistent. */
.navbar__actions { gap: 8px; }
.search-trigger--primary,
.auth-buttons--portal .auth-icon-btn,
.auth-icon-btn {
    border-radius: 15px !important;
}
.search-trigger--primary,
.auth-buttons--portal .auth-icon-btn {
    width: 44px !important;
    height: 44px !important;
}

/* Mobile offcanvas auth strip injected from JS. */
.nav-menu__mobile-auth { display: none; }
@media (max-width: 1024px) {
    .nav-menu__mobile-auth {
        display: block !important;
        border-bottom: 1px solid rgba(51,65,85,.58) !important;
        padding: 4px 0 12px !important;
        margin-bottom: 4px !important;
    }
    .mobile-auth-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
    .mobile-auth-actions a {
        min-height: 46px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        border-radius: 15px;
        border: 1px solid rgba(51,65,85,.8);
        background: rgba(255,255,255,.045);
        color: var(--text-main);
        font-weight: 900;
    }
    .mobile-auth-actions a:last-child {
        background: var(--primary);
        border-color: var(--primary);
        color: #020617;
        box-shadow: 0 12px 26px rgba(251,191,36,.18);
    }
    .mobile-auth-actions .material-symbols-outlined { font-size: 19px; }
}

/* Facts under single hero: better desktop distribution and tighter mobile swipe. */
.review-facts {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
}
.review-fact {
    min-height: 88px !important;
    grid-template-columns: 42px 1fr !important;
    align-items: center !important;
    gap: 12px !important;
    border-radius: 15px !important;
    padding: 13px 14px !important;
}
.review-fact > .material-symbols-outlined {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(251,191,36,.08);
    border: 1px solid rgba(251,191,36,.24);
}
.review-fact::after { opacity: .055 !important; }
@media (min-width: 1280px) {
    .review-facts { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
    .review-fact { min-height: 100px !important; grid-template-columns: 38px 1fr !important; }
}

/* Sticky anchor nav: fills desktop width elegantly, swipes on tablet/mobile. */
@media (min-width: 1180px) {
    .review-anchor-nav.review-anchor-nav--wide {
        display: grid !important;
        grid-template-columns: repeat(10, minmax(0, 1fr));
        overflow: visible !important;
    }
    .review-anchor-nav.review-anchor-nav--wide a {
        justify-content: center;
        min-height: 42px;
        padding-inline: 8px;
        font-size: 11px;
    }
}

/* Promo code/copy buttons: softer, cleaner radius everywhere. */
.copy-btn,
.promo-code-wrapper,
.bonus-coupon,
.promo-card__code,
.review-code-mini button {
    border-radius: 15px !important;
}
.review-code-mini button,
.bonus-coupon .copy-btn,
.promo-card__code .copy-btn {
    min-height: 38px;
    padding-inline: 12px;
}
.copy-btn.is-copied {
    background: rgba(16,185,129,.14) !important;
    border-color: rgba(16,185,129,.55) !important;
    color: var(--accent-green) !important;
}

/* Payments section: compact, premium and swipeable on phone. */
.review-payment-grid.review-payment-grid--compact,
.review-payment-grid {
    gap: 12px !important;
}
.review-payment-grid.review-payment-grid--compact div,
.review-payment-grid div {
    position: relative;
    min-height: 92px !important;
    padding: 14px 14px 12px !important;
    border-radius: 15px !important;
    grid-template-columns: 38px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 6px 12px !important;
    overflow: hidden;
}
.review-payment-grid .payment-card-icon {
    grid-row: 1 / span 2;
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: rgba(251,191,36,.08);
    border: 1px solid rgba(251,191,36,.24);
    color: var(--primary);
}
.review-payment-grid strong { grid-column: 2; font-size: 15px !important; }
.review-payment-grid span:not(.payment-card-icon) { grid-column: 2; font-size: 13px; }
.review-payment-grid small {
    grid-column: 3;
    grid-row: 1 / span 2;
    align-self: center;
    border: 1px solid rgba(16,185,129,.24);
    background: rgba(16,185,129,.08);
    color: var(--accent-green);
    border-radius: 999px;
    padding: 4px 8px;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}
.review-payment-grid div::after {
    content: 'payments';
    font-family: 'Material Symbols Outlined';
    position: absolute;
    right: -8px;
    bottom: -12px;
    font-size: 64px;
    color: rgba(148,163,184,.035);
}
@media (max-width: 820px) {
    .review-payment-grid.review-payment-grid--compact div,
    .review-payment-grid div { flex: 0 0 245px !important; }
}

/* Promo page */
.promo-page-main { background: radial-gradient(circle at top, rgba(251,191,36,.06), transparent 34%); }
.promo-hero {
    max-width: var(--review-wide, 1380px);
    margin: 34px auto 22px;
    padding: 28px;
    border: 1px solid rgba(251,191,36,.25);
    border-radius: 15px;
    background:
        linear-gradient(rgba(148,163,184,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(148,163,184,.045) 1px, transparent 1px),
        linear-gradient(135deg, rgba(15,23,42,.98), rgba(7,11,20,.92));
    background-size: 34px 34px, 34px 34px, auto;
    position: relative;
    overflow: hidden;
}
.promo-hero__glow { position:absolute; inset:auto -120px -160px auto; width:360px; height:360px; background:rgba(251,191,36,.16); filter:blur(70px); pointer-events:none; }
.promo-breadcrumb { margin-bottom: 18px; }
.promo-hero__grid { display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:28px; align-items:center; position:relative; }
.promo-hero h1 { font-family:'Sora','Inter',sans-serif; font-size:clamp(34px,5vw,58px); line-height:1.02; margin:12px 0 14px; max-width:900px; }
.promo-hero p { color:var(--text-muted); font-size:17px; max-width:760px; }
.promo-hero__actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }
.promo-hero__panel { border:1px solid rgba(51,65,85,.8); background:rgba(7,11,20,.62); border-radius:15px; padding:22px; display:grid; gap:12px; }
.promo-hero__panel strong { color:var(--primary); font-family:'Sora',sans-serif; font-size:20px; }
.promo-mini-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.promo-mini-stats span { border:1px solid rgba(51,65,85,.72); border-radius:15px; padding:10px; text-align:center; background:rgba(15,23,42,.62); }
.promo-mini-stats b { display:block; color:var(--primary); font-size:20px; }
.promo-mini-stats small { color:var(--text-muted); font-size:11px; }
.promo-filter-shell { max-width:var(--review-wide,1380px); margin:0 auto 22px; padding:0 20px; display:flex; gap:10px; flex-wrap:wrap; }
.promo-filter-btn { border:1px solid rgba(51,65,85,.9); border-radius:999px; background:rgba(7,11,20,.74); color:var(--text-muted); min-height:44px; padding:0 17px; display:inline-flex; align-items:center; gap:8px; font-weight:900; cursor:pointer; transition:.22s ease; }
.promo-filter-btn:hover, .promo-filter-btn.is-active { color:var(--primary); border-color:var(--primary); background:rgba(251,191,36,.08); transform:translateY(-1px); }
.promo-layout { max-width:var(--review-wide,1380px); margin:0 auto 64px; padding:0 20px; display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:22px; align-items:start; }
.promo-list-head { margin-bottom:18px; }
.promo-card-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.promo-card { border:1px solid rgba(51,65,85,.85); border-radius:15px; background:linear-gradient(145deg, rgba(15,23,42,.98), rgba(7,11,20,.82)); padding:18px; display:grid; gap:13px; position:relative; overflow:hidden; transition:.22s ease; }
.promo-card::after { content:'redeem'; font-family:'Material Symbols Outlined'; position:absolute; right:-12px; bottom:-18px; font-size:110px; color:rgba(148,163,184,.035); }
.promo-card:hover { transform:translateY(-3px); border-color:rgba(251,191,36,.48); box-shadow:0 18px 40px rgba(0,0,0,.28); }
.promo-card--featured { border-left:6px solid var(--primary); }
.promo-card[hidden] { display:none !important; }
.promo-card__top { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.promo-card__top img { width:112px; height:54px; object-fit:contain; background:rgba(2,6,23,.42); border:1px solid rgba(51,65,85,.7); border-radius:12px; padding:6px; }
.promo-status { display:inline-flex; align-items:center; gap:5px; border-radius:999px; padding:6px 9px; background:rgba(251,191,36,.1); border:1px solid rgba(251,191,36,.28); color:var(--primary); text-transform:uppercase; font-size:10px; font-weight:900; white-space:nowrap; }
.promo-status--green { background:rgba(16,185,129,.1); border-color:rgba(16,185,129,.25); color:var(--accent-green); }
.promo-status--blue { background:rgba(59,130,246,.1); border-color:rgba(59,130,246,.25); color:#93c5fd; }
.promo-status--purple { background:rgba(168,85,247,.1); border-color:rgba(168,85,247,.25); color:#c4b5fd; }
.promo-card h3 { margin:0; font-family:'Sora',sans-serif; font-size:22px; }
.promo-card p { color:var(--text-muted); margin:0; }
.promo-card__bonus { border:1px solid rgba(51,65,85,.72); border-radius:15px; padding:12px; background:rgba(2,6,23,.35); }
.promo-card__bonus small { display:block; color:var(--text-muted); text-transform:uppercase; font-size:11px; font-weight:900; }
.promo-card__bonus strong { color:var(--primary); font-size:20px; font-family:'Sora',sans-serif; }
.promo-card__code { display:flex; align-items:center; justify-content:space-between; gap:10px; border:1px dashed rgba(16,185,129,.55); background:rgba(16,185,129,.08); padding:9px 10px; }
.promo-card__code .code { color:var(--accent-green); font-family:monospace; font-weight:900; letter-spacing:.08em; }
.promo-card__code--muted { border-color:rgba(148,163,184,.4); background:rgba(148,163,184,.06); }
.promo-card__code--muted .code { color:#cbd5e1; }
.promo-card__code .copy-btn { border:1px solid rgba(16,185,129,.35); background:rgba(2,6,23,.38); color:var(--accent-green); width:38px; height:34px; cursor:pointer; }
.promo-tags { display:flex; flex-wrap:wrap; gap:7px; }
.promo-tags span { border:1px solid rgba(51,65,85,.75); background:rgba(2,6,23,.36); color:var(--text-muted); border-radius:999px; padding:5px 9px; font-size:11px; font-weight:900; }
.promo-card__actions { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.promo-card__actions > a:not(.btn) { color:var(--text-muted); font-weight:800; text-decoration:underline; }
.promo-card__actions > a:not(.btn):hover { color:var(--primary); }
.promo-sidebar { position:sticky; top:154px; display:grid; gap:14px; }
.promo-side-card { border:1px solid rgba(51,65,85,.85); border-radius:15px; background:rgba(15,23,42,.92); padding:18px; }
.promo-side-card > .material-symbols-outlined { color:var(--primary); font-size:34px; }
.promo-side-card h3 { margin:8px 0 10px; }
.promo-side-card li { color:var(--text-muted); margin:7px 0; }
.promo-side-card--ad { min-height:250px; display:grid; place-items:center; text-align:center; text-transform:uppercase; color:var(--text-muted); letter-spacing:.08em; border-style:dashed; background-image:linear-gradient(rgba(148,163,184,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(148,163,184,.035) 1px, transparent 1px); background-size:22px 22px; }
.promo-side-card--ad strong { color:#cbd5e1; font-size:22px; }
.promo-how-section { max-width:var(--container-width); margin:0 auto 80px; padding:0 20px; }
.promo-steps-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.promo-steps-grid div { border:1px solid var(--border-color); border-radius:15px; background:var(--bg-surface); padding:18px; }
.promo-steps-grid .material-symbols-outlined { color:var(--primary); font-size:30px; }
.promo-steps-grid strong { display:block; margin:8px 0; font-family:'Sora',sans-serif; }
.promo-steps-grid p { color:var(--text-muted); margin:0; }
@media (max-width: 1100px) {
    .promo-hero__grid, .promo-layout { grid-template-columns:1fr; }
    .promo-sidebar { position:static; grid-template-columns:1fr 1fr; }
    .promo-steps-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 760px) {
    .promo-hero { margin:18px 14px; padding:22px; }
    .promo-card-grid { grid-template-columns:1fr; }
    .promo-filter-shell { overflow-x:auto; flex-wrap:nowrap; padding-bottom:8px; -webkit-overflow-scrolling:touch; }
    .promo-filter-btn { flex:0 0 auto; }
    .promo-sidebar { grid-template-columns:1fr; }
    .promo-steps-grid { grid-template-columns:1fr; }
    .promo-mini-stats { grid-template-columns:1fr; }
}

/* ========================================================================== 
   MAXWIN FIX 06 - MOBILE HEADER AUTH + COMPACT MOBILE AFFILIATE CARDS
   ========================================================================== */

/* Mobile header: prikazi login/register ikonice pored search-a i hamburgera. */
@media (max-width: 1024px) {
    .navbar__container {
        min-height: 70px;
        gap: 10px;
    }
    .navbar__actions {
        margin-left: auto;
        gap: 7px !important;
        flex-shrink: 0;
    }
    .auth-buttons--portal {
        display: flex !important;
        align-items: center;
        gap: 7px;
    }
    .search-trigger--primary,
    .auth-buttons--portal .auth-icon-btn,
    .hamburger-menu {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        border-radius: 15px !important;
    }
    .hamburger-menu {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(51,65,85,.88);
        background: rgba(255,255,255,.045);
    }
    .auth-buttons--portal .auth-icon-btn {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
    }
    .auth-buttons--portal .auth-icon-btn::after,
    .search-trigger--primary::after {
        display: none !important;
    }
    .logo {
        min-width: 0;
        font-size: clamp(23px, 7vw, 30px);
    }
}

@media (max-width: 420px) {
    .navbar__container { padding-left: 12px; padding-right: 12px; }
    .navbar__actions { gap: 5px !important; }
    .search-trigger--primary,
    .auth-buttons--portal .auth-icon-btn,
    .hamburger-menu {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        border-radius: 13px !important;
    }
    .search-trigger--primary .material-symbols-outlined,
    .auth-buttons--portal .auth-icon-btn .material-symbols-outlined,
    .hamburger-menu .material-symbols-outlined { font-size: 19px; }
}

/* Top 10 kartice na telefonu: broj levo, logo pored, naziv/ocena desno. */
@media (max-width: 700px) {
    .top-list-section {
        padding-left: 14px;
        padding-right: 14px;
    }
    .top-list-container {
        gap: 14px;
    }
    .affiliate-card,
    .affiliate-card.is-exclusive,
    .affiliate-card:has(.affiliate-card__ribbon) {
        display: grid !important;
        grid-template-columns: 42px 62px minmax(0, 1fr) !important;
        grid-template-areas:
            "rank logo brand"
            "features features features"
            "bonus bonus bonus"
            "actions actions actions" !important;
        align-items: center !important;
        gap: 11px 12px !important;
        padding: 15px !important;
        text-align: left !important;
        border-radius: 15px !important;
        min-height: 0 !important;
    }
    .affiliate-card:has(.affiliate-card__ribbon) {
        grid-template-areas:
            "ribbon ribbon ribbon"
            "rank logo brand"
            "features features features"
            "bonus bonus bonus"
            "actions actions actions" !important;
    }
    .affiliate-card__ribbon {
        grid-area: ribbon;
        position: relative !important;
        top: auto !important;
        left: auto !important;
        transform: none !important;
        justify-self: start;
        margin: 0 0 2px !important;
        padding: 7px 12px !important;
        min-height: 26px;
        max-width: 100% !important;
        font-size: 10px !important;
        line-height: 1 !important;
    }
    .affiliate-card__rank {
        grid-area: rank;
        position: static !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        align-self: center !important;
        width: 42px;
    }
    .rank-number {
        font-size: 36px !important;
        line-height: 1 !important;
        width: 42px;
        text-align: center;
    }
    .affiliate-card__brand {
        display: contents !important;
    }
    .brand-logo {
        grid-area: logo;
        width: 62px !important;
        height: 62px !important;
        border-radius: 14px !important;
        align-self: center;
    }
    .brand-logo img {
        border-radius: 12px !important;
    }
    .brand-details {
        grid-area: brand;
        min-width: 0;
        display: grid;
        gap: 5px;
    }
    .brand-name {
        font-size: 18px !important;
        line-height: 1.1 !important;
        margin: 0 !important;
        overflow-wrap: anywhere;
    }
    .brand-rating {
        margin: 0 !important;
        gap: 7px !important;
        flex-wrap: wrap;
        font-size: 13px !important;
    }
    .brand-rating .score {
        font-weight: 900;
        color: var(--primary);
    }
    .stars .material-symbols-outlined {
        font-size: 15px !important;
    }
    .brand-tags {
        margin-top: 1px;
        gap: 6px !important;
    }
    .tag--icon-only,
    .tag {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        padding: 0 !important;
        justify-content: center !important;
        border-radius: 10px !important;
        background: rgba(2,6,23,.38) !important;
    }
    .tag--icon-only .material-symbols-outlined,
    .tag .material-symbols-outlined { font-size: 17px !important; }
    .affiliate-card__features {
        grid-area: features;
        margin-top: 2px;
    }
    .feature-list {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 7px !important;
        align-items: start !important;
        background: rgba(2,6,23,.26);
        border: 1px solid rgba(51,65,85,.52);
        border-radius: 14px;
        padding: 10px 11px;
    }
    .feature-list li {
        justify-content: flex-start !important;
        text-align: left !important;
        font-size: 13px !important;
        line-height: 1.35 !important;
    }
    .affiliate-card__bonus {
        grid-area: bonus;
        text-align: left !important;
        border-top: 1px solid rgba(51,65,85,.56);
        padding-top: 12px;
    }
    .bonus-label {
        display: block;
        font-size: 10px !important;
        margin-bottom: 4px;
    }
    .bonus-value {
        font-size: 18px !important;
        line-height: 1.2 !important;
        margin: 0 0 8px !important;
    }
    .promo-code-wrapper {
        max-width: 100%;
        border-radius: 14px !important;
    }
    .affiliate-card__actions {
        grid-area: actions;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 9px !important;
        min-width: 0 !important;
        width: 100% !important;
    }
    .btn--play {
        width: 100% !important;
        max-width: none !important;
        min-height: 50px !important;
        border-radius: 15px !important;
        margin: 0 !important;
        color: #020617 !important;
        font-size: 15px !important;
        justify-content: center !important;
    }
    .link-review {
        text-align: center !important;
        padding: 2px 0 0;
    }
}

/* Jos kompaktnije za bas uske telefone. */
@media (max-width: 420px) {
    .affiliate-card,
    .affiliate-card.is-exclusive,
    .affiliate-card:has(.affiliate-card__ribbon) {
        grid-template-columns: 34px 54px minmax(0, 1fr) !important;
        gap: 10px !important;
        padding: 13px !important;
    }
    .rank-number { font-size: 30px !important; width: 34px; }
    .affiliate-card__rank { width: 34px; }
    .brand-logo { width: 54px !important; height: 54px !important; }
    .brand-name { font-size: 17px !important; }
    .stars .material-symbols-outlined { font-size: 13px !important; }
    .brand-rating { gap: 5px !important; }
    .tag--icon-only,
    .tag { width: 28px !important; height: 28px !important; min-width: 28px !important; }
    .feature-list { padding: 9px 10px; }
    .bonus-value { font-size: 17px !important; }
}

/* Bonus/promocije kartice na telefonu da budu citljivije i manje genericke. */
@media (max-width: 620px) {
    .promo-card {
        padding: 15px !important;
        gap: 11px !important;
    }
    .promo-card__top {
        align-items: center !important;
    }
    .promo-card__top img {
        width: 90px !important;
        height: 46px !important;
    }
    .promo-card h3 {
        font-size: 19px !important;
        line-height: 1.2 !important;
    }
    .promo-card__actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }
    .promo-card__actions .btn {
        width: 100% !important;
        justify-content: center !important;
    }
}


/* ==========================================================================
   OPERATOR TEMPLATE SPLIT: KLADIONICA + KAZINO + HUB
   ========================================================================== */
.review-hero__meta--rounded span,
.review-hero__meta span {
    border-radius: 15px;
}
.review-code-mini .copy-btn,
.bonus-coupon--rounded,
.bonus-coupon .copy-btn {
    border-radius: 15px;
}
.casino-hero .review-hero__glow {
    background: radial-gradient(circle at 18% 20%, rgba(251, 191, 36, .18), transparent 35%), radial-gradient(circle at 88% 20%, rgba(16, 185, 129, .11), transparent 40%);
}
.bonus-highlight--thin {
    border-left: 6px solid var(--primary);
}
.casino-feature-grid,
.casino-live-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}
.casino-feature-card,
.casino-live-grid > div {
    min-height: 150px;
    background: linear-gradient(180deg, rgba(15,23,42,.92), rgba(7,11,20,.92));
    border: 1px solid var(--border-color);
    border-radius: 15px;
    padding: 22px;
    position: relative;
    overflow: hidden;
}
.casino-feature-card::after,
.casino-live-grid > div::after {
    content: attr(data-bg);
    position: absolute;
    right: -8px;
    bottom: -18px;
    width: 92px;
    height: 92px;
    border-radius: 50%;
    background: rgba(251,191,36,.04);
}
.casino-feature-card > .material-symbols-outlined,
.casino-live-grid .material-symbols-outlined {
    color: var(--primary);
    font-size: 30px;
    margin-bottom: 16px;
}
.casino-feature-card strong,
.casino-live-grid h3 {
    display: block;
    font-size: 18px;
    margin-bottom: 8px;
    color: var(--text-main);
}
.casino-feature-card p,
.casino-live-grid p {
    color: var(--text-muted);
    font-size: 14px;
}
.provider-cloud--featured {
    padding: 8px 0 20px;
}
.comparison-mini-table {
    border: 1px solid var(--border-color);
    border-radius: 15px;
    overflow: hidden;
    background: rgba(7, 11, 20, .46);
    margin-top: 18px;
}
.comparison-mini-table > div {
    display: grid;
    grid-template-columns: 1fr 1fr 2fr;
    gap: 0;
    border-bottom: 1px solid rgba(51, 65, 85, .75);
}
.comparison-mini-table > div:last-child { border-bottom: 0; }
.comparison-mini-table strong,
.comparison-mini-table span {
    padding: 14px 16px;
    font-size: 14px;
    border-right: 1px solid rgba(51, 65, 85, .55);
}
.comparison-mini-table strong:last-child,
.comparison-mini-table span:last-child { border-right: 0; }
.comparison-mini-table > div:first-child {
    background: rgba(251, 191, 36, .09);
    color: var(--primary);
    text-transform: uppercase;
    letter-spacing: .04em;
}
.operator-hub-main {
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 42px 20px 80px;
}
.operator-hub-hero {
    border: 1px solid rgba(251,191,36,.42);
    border-radius: 18px;
    padding: 34px;
    background: radial-gradient(circle at 85% 20%, rgba(251, 191, 36, .12), transparent 38%), linear-gradient(180deg, rgba(15,23,42,.96), rgba(7,11,20,.96));
    box-shadow: 0 30px 80px rgba(0,0,0,.35);
}
.operator-hub-hero__content {
    display: grid;
    grid-template-columns: 150px 1fr;
    gap: 30px;
    align-items: center;
}
.operator-hub-hero__content img {
    width: 150px;
    height: 100px;
    object-fit: contain;
    border: 1px solid var(--border-color);
    border-radius: 15px;
    background: rgba(7,11,20,.55);
    padding: 18px;
}
.operator-hub-hero h1 {
    font-size: clamp(34px, 5vw, 56px);
    line-height: 1.05;
    margin: 10px 0 12px;
}
.operator-hub-hero p {
    color: var(--text-muted);
    max-width: 860px;
    font-size: 18px;
}
.operator-template-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
    margin: 28px 0;
}
.operator-template-card {
    min-height: 270px;
    border: 1px solid var(--border-color);
    border-radius: 18px;
    padding: 30px;
    background: linear-gradient(180deg, rgba(15,23,42,.98), rgba(7,11,20,.98));
    position: relative;
    overflow: hidden;
}
.operator-template-card::after {
    content: '';
    position: absolute;
    right: -55px;
    bottom: -55px;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: rgba(251,191,36,.06);
}
.operator-template-card > .material-symbols-outlined {
    color: var(--primary);
    font-size: 42px;
    margin-bottom: 22px;
}
.operator-template-card h2 {
    font-size: 30px;
    margin-bottom: 12px;
}
.operator-template-card p {
    color: var(--text-muted);
    max-width: 520px;
    margin-bottom: 26px;
}
.operator-template-card strong {
    color: #000;
    background: var(--primary);
    display: inline-flex;
    padding: 12px 18px;
    border-radius: 15px;
}
.operator-template-card--casino { border-color: rgba(16,185,129,.35); }
.operator-model-note {
    margin-top: 28px;
}
@media (max-width: 900px) {
    .casino-feature-grid,
    .casino-live-grid,
    .operator-template-grid { grid-template-columns: 1fr; }
    .operator-hub-hero__content { grid-template-columns: 1fr; }
    .comparison-mini-table { overflow-x: auto; }
    .comparison-mini-table > div { min-width: 640px; }
}
@media (max-width: 768px) {
    .casino-feature-grid,
    .casino-live-grid {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: minmax(245px, 82vw);
        grid-template-columns: none;
        overflow-x: auto;
        padding-bottom: 10px;
        scroll-snap-type: x mandatory;
    }
    .casino-feature-card,
    .casino-live-grid > div { scroll-snap-align: start; }
    .operator-hub-main { padding-top: 24px; }
    .operator-hub-hero { padding: 22px; }
    .operator-template-card { min-height: auto; padding: 24px; }
}


/* ========================================================================== 
   MAXWIN SYSTEM LUX 08 - direktorijumi, skriveni kodovi, pattern i CMS sistem
   ========================================================================== */
:root { --radius-lgx: 15px; }
.home-page::before,
.slot-directory-body::before,
.providers-directory-body::before,
.promo-page::before,
.provider-profile-body::before {
    content:""; position:fixed; inset:0; pointer-events:none; z-index:-1; opacity:.14;
    background-image:url("data:image/svg+xml,%3Csvg width='180' height='180' viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23fbbf24' stroke-opacity='.32' stroke-width='1.2'%3E%3Ccircle cx='28' cy='30' r='12'/%3E%3Cpath d='M22 30h12M28 24v12'/%3E%3Crect x='118' y='22' width='28' height='38' rx='5'/%3E%3Cpath d='M126 34h12M126 44h8'/%3E%3Crect x='38' y='112' width='34' height='34' rx='6'/%3E%3Ccircle cx='48' cy='122' r='2'/%3E%3Ccircle cx='62' cy='122' r='2'/%3E%3Ccircle cx='55' cy='132' r='2'/%3E%3Cpath d='M132 116l8 10 8-10 8 10'/%3E%3C/g%3E%3C/svg%3E");
    background-size:220px 220px;
}
.hero::before, .review-hero::before, .directory-hero::before, .promo-hero::before { opacity:.9; }

/* sakriveni kodovi */
.promo-code-wrapper, .code-box, .promo-card__code, .bonus-coupon, .review-code-mini { border-radius:15px !important; }
.code.is-masked { font-family:'Sora','Inter',sans-serif !important; letter-spacing:.03em !important; color:var(--primary) !important; font-weight:900 !important; }
.promo-code-wrapper.is-revealed .code,
.code-box.is-revealed .code,
.promo-card__code.is-revealed .code,
.bonus-coupon.is-revealed .code,
.review-code-mini.is-revealed .code { color:var(--accent-green) !important; font-family:monospace !important; letter-spacing:.08em !important; }
.copy-btn b { font-family:'Sora','Inter',sans-serif; font-size:12px; line-height:1; }
.copy-btn.is-copied { border-color:rgba(16,185,129,.8) !important; box-shadow:0 0 0 4px rgba(16,185,129,.1); }
.promo-code-wrapper:not(.code-not-required), .promo-card__code.reveal-code, .code-box { cursor:pointer; }

/* Search bez kartice provajdera ostaje kompaktan */
.site-search-results a[href*='slot-provajderi'] { display:none !important; }

/* Header/mobile auth visibility */
@media (max-width:1024px) {
  .navbar__actions { gap:8px; }
  .auth-buttons--portal { display:flex !important; gap:8px; }
  .auth-icon-btn, .search-trigger--primary { width:42px; height:42px; border-radius:14px; }
}
@media (max-width:420px) {
  .auth-icon-btn, .search-trigger--primary { width:38px; height:38px; border-radius:13px; }
  .navbar__container { padding-inline:12px; }
}

/* Home provider teaser */
.providers-top-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:0 0 24px; }
.providers-top-grid a { border:1px solid rgba(51,65,85,.85); border-radius:15px; background:linear-gradient(145deg,rgba(15,23,42,.96),rgba(7,11,20,.72)); padding:16px; display:grid; gap:4px; position:relative; overflow:hidden; }
.providers-top-grid a::after { content:'casino'; font-family:'Material Symbols Outlined'; position:absolute; right:-8px; bottom:-18px; font-size:92px; color:rgba(251,191,36,.045); }
.providers-top-grid span { color:var(--primary); }
.providers-top-grid strong { font-family:'Sora',sans-serif; }
.providers-top-grid small { color:var(--text-muted); }
.providers-top-grid a:hover { border-color:rgba(251,191,36,.55); transform:translateY(-2px); }

/* Directory hero */
.directory-hero { max-width:var(--container-width); margin:34px auto 22px; padding:0 20px; position:relative; }
.directory-hero__grid { border:1px solid rgba(251,191,36,.35); border-radius:18px; padding:34px; display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:26px; background:linear-gradient(135deg, rgba(15,23,42,.96), rgba(7,11,20,.9)); position:relative; overflow:hidden; }
.directory-hero__grid::before { content:''; position:absolute; inset:0; background-image:linear-gradient(rgba(148,163,184,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(148,163,184,.045) 1px, transparent 1px); background-size:32px 32px; mask-image:linear-gradient(90deg,#000,transparent 85%); pointer-events:none; }
.directory-hero h1 { font-family:'Sora',sans-serif; font-size:clamp(32px,4vw,54px); line-height:1.04; margin:14px 0; max-width:850px; }
.directory-hero p { color:var(--text-muted); font-size:17px; max-width:780px; }
.directory-hero__grid > * { position:relative; z-index:1; }
.directory-hero__panel { border:1px solid rgba(51,65,85,.88); border-radius:15px; background:rgba(2,6,23,.45); padding:20px; align-self:start; }
.directory-hero__panel strong { color:var(--primary); font-family:'Sora',sans-serif; display:block; margin-bottom:8px; }
.directory-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:16px; }
.directory-stats span { border:1px solid rgba(51,65,85,.7); border-radius:12px; padding:10px; text-align:center; background:rgba(15,23,42,.72); }
.directory-stats b { display:block; color:var(--primary); font-family:'Sora',sans-serif; }
.directory-stats small { color:var(--text-muted); font-size:11px; }
.directory-search-row { display:flex; gap:12px; margin-top:24px; flex-wrap:wrap; }
.club-search { flex:1 1 360px; display:flex; align-items:center; gap:10px; min-height:54px; border:1px solid rgba(251,191,36,.45); border-radius:15px; background:rgba(2,6,23,.45); padding:0 16px; }
.club-search span { color:var(--primary); }
.club-search input { flex:1; background:transparent; border:0; outline:0; color:var(--text-main); font-size:16px; min-width:0; }
.clubs-helper { margin-top:10px; font-size:14px !important; }
.city-chip-shell, .provider-filter-shell { max-width:var(--container-width); margin:0 auto 24px; padding:0 20px; display:flex; gap:10px; overflow-x:auto; scrollbar-width:thin; }
.city-chip, .provider-filter-btn { border:1px solid rgba(51,65,85,.9); border-radius:999px; background:rgba(7,11,20,.82); color:#cbd5e1; padding:11px 18px; font-weight:900; cursor:pointer; white-space:nowrap; display:inline-flex; align-items:center; gap:8px; }
.city-chip.is-active, .provider-filter-btn.is-active { color:var(--primary); border-color:var(--primary); background:rgba(251,191,36,.1); }
.slot-directory-layout { max-width:var(--container-width); margin:0 auto 60px; padding:0 20px; display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:24px; align-items:start; }
.slot-directory-main { min-width:0; }
.clubs-grid--directory { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.club-directory-card { border-radius:15px; }
.club-distance { margin-left:8px; color:var(--primary); font-size:12px; border:1px solid rgba(251,191,36,.35); border-radius:999px; padding:2px 8px; }
.map-placeholder { margin-top:18px; min-height:260px; border:1px dashed rgba(148,163,184,.36); border-radius:18px; background:linear-gradient(135deg, rgba(15,23,42,.96),rgba(2,6,23,.55)); display:grid; place-items:center; text-align:center; padding:26px; }
.map-placeholder .material-symbols-outlined { color:var(--primary); font-size:46px; }
.map-placeholder strong { font-family:'Sora',sans-serif; font-size:24px; }
.map-placeholder p { color:var(--text-muted); max-width:620px; }
.directory-sidebar { position:sticky; top:132px; display:grid; gap:16px; }
.city-seo-section { max-width:var(--container-width); margin:70px auto; padding:0 20px; }
.city-seo-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.city-seo-grid article, .add-club-section { border:1px solid rgba(51,65,85,.85); border-radius:15px; background:rgba(15,23,42,.76); padding:22px; }
.city-seo-grid h3 { font-family:'Sora',sans-serif; color:var(--primary); }
.city-seo-grid p { color:var(--text-muted); }
.add-club-section { max-width:var(--container-width); margin:0 auto 80px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.add-club-section .material-symbols-outlined { color:var(--primary); font-size:38px; }
.add-club-section h2 { font-family:'Sora',sans-serif; margin:0 0 6px; }
.add-club-section p { color:var(--text-muted); margin:0; }

/* Promo page luxe */
.promo-hero--system .promo-hero__panel--stack strong { display:flex; gap:8px; align-items:center; color:var(--primary); }
.promo-filter-shell--sticky { position:sticky; top:84px; z-index:80; background:rgba(7,11,20,.84); backdrop-filter:blur(14px); padding-block:12px; border-block:1px solid rgba(51,65,85,.55); }
.promo-layout--lux { align-items:start; }
.promo-card-grid--lux .promo-card { min-height:unset; }
.promo-card-grid--lux .promo-card__code { border-radius:15px; }
.promo-card-grid--lux .promo-card__code .copy-btn { width:auto; padding:0 12px; gap:7px; display:inline-flex; align-items:center; justify-content:center; border-radius:12px; }
.promo-sidebar--lux { position:sticky; top:150px; }
.promo-automation-section { max-width:var(--container-width); margin:70px auto; padding:0 20px; }
.automation-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.automation-grid div { border:1px solid rgba(51,65,85,.85); border-radius:15px; background:linear-gradient(145deg,rgba(15,23,42,.96),rgba(7,11,20,.74)); padding:18px; }
.automation-grid span { color:var(--primary); font-size:28px; }
.automation-grid strong { display:block; margin:8px 0 6px; font-family:'Sora',sans-serif; }
.automation-grid p { color:var(--text-muted); margin:0; }

/* Provider pages */
.provider-card-grid { max-width:var(--container-width); margin:0 auto 70px; padding:0 20px; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; }
.provider-card { border:1px solid rgba(51,65,85,.86); border-radius:15px; background:linear-gradient(145deg,rgba(15,23,42,.96),rgba(7,11,20,.75)); padding:18px; position:relative; overflow:hidden; display:grid; gap:10px; min-height:250px; }
.provider-card::after { content:'casino'; font-family:'Material Symbols Outlined'; position:absolute; right:-8px; bottom:-20px; font-size:100px; color:rgba(251,191,36,.04); }
.provider-card--gold { border-color:rgba(251,191,36,.7); box-shadow:0 18px 40px rgba(251,191,36,.06); }
.provider-rank { position:absolute; right:12px; top:12px; width:34px; height:34px; border-radius:50%; display:grid; place-items:center; background:rgba(251,191,36,.12); color:var(--primary); font-family:'Sora',sans-serif; font-weight:900; }
.provider-card > .material-symbols-outlined { color:var(--primary); font-size:30px; }
.provider-card h3 { margin:0; font-family:'Sora',sans-serif; }
.provider-card p { color:var(--text-muted); margin:0; font-size:14px; }
.provider-games { display:flex; flex-wrap:wrap; gap:6px; }
.provider-games span { font-size:11px; border:1px solid rgba(51,65,85,.9); border-radius:999px; padding:5px 8px; color:#cbd5e1; }
.provider-card a { color:var(--primary); font-weight:900; margin-top:auto; }
.provider-profile-hero .review-logo { display:grid; place-items:center; }
.provider-profile-hero .review-logo .material-symbols-outlined { color:var(--primary); font-size:42px; }
.provider-profile-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.game-grid, .cms-fields, .brand-availability { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.game-grid div, .cms-fields span, .brand-availability a { border:1px solid rgba(51,65,85,.85); border-radius:15px; background:rgba(2,6,23,.35); padding:14px; }
.game-grid strong, .brand-availability strong { display:block; font-family:'Sora',sans-serif; }
.game-grid span, .brand-availability span { color:var(--text-muted); font-size:13px; }
.cms-fields span { color:#cbd5e1; font-weight:800; }
.brand-availability a { display:grid; grid-template-columns:70px 1fr; align-items:center; column-gap:12px; }
.brand-availability img { width:70px; height:46px; object-fit:contain; grid-row:span 2; }

@media (max-width:1100px) {
  .directory-hero__grid, .slot-directory-layout { grid-template-columns:1fr; }
  .directory-sidebar, .promo-sidebar--lux { position:static; }
  .clubs-grid--directory { display:flex; overflow-x:auto; scroll-snap-type:x proximity; padding-bottom:12px; }
  .clubs-grid--directory .club-card { min-width:310px; scroll-snap-align:start; }
  .provider-card-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .automation-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:768px) {
  .providers-top-grid, .city-seo-grid, .provider-profile-grid, .game-grid, .cms-fields, .brand-availability { grid-template-columns:1fr; }
  .directory-hero__grid { padding:22px; }
  .directory-search-row .btn { width:100%; }
  .slot-directory-layout { margin-bottom:40px; }
  .add-club-section { flex-direction:column; align-items:flex-start; }
  .provider-card-grid { display:flex; overflow-x:auto; scroll-snap-type:x proximity; padding-bottom:14px; }
  .provider-card { min-width:280px; scroll-snap-align:start; }
  .promo-filter-shell--sticky { top:72px; }
}
@media (max-width:520px) {
  .directory-hero { margin-top:20px; }
  .directory-hero h1 { font-size:32px; }
  .directory-stats, .automation-grid { grid-template-columns:1fr; }
  .promo-card-grid--lux .promo-card__actions .btn { width:100%; }
}

.masked-strong-code { color: var(--primary) !important; font-family:'Sora',sans-serif !important; letter-spacing:.02em !important; }


/* ======================================================================
   PROVIDER DIRECTORY + PROVIDER PROFILE PRO REVISION 09
   ====================================================================== */
.providers-directory-body .floating-ad,
.provider-profile-body .floating-ad { display:none !important; }
.providers-directory-page--pro,
.provider-profile-page--pro { background: radial-gradient(circle at 15% 8%, rgba(251,191,36,.06), transparent 28%), radial-gradient(circle at 88% 12%, rgba(16,185,129,.05), transparent 30%); }
.provider-index-hero,
.provider-profile-hero-pro { max-width:var(--container-width); margin:34px auto 26px; padding:0 20px; position:relative; }
.provider-index-hero__grid,
.provider-profile-hero-pro__grid { position:relative; overflow:hidden; border:1px solid rgba(251,191,36,.34); border-radius:18px; background:linear-gradient(135deg, rgba(15,23,42,.98), rgba(7,11,20,.93)); box-shadow:0 20px 60px rgba(0,0,0,.34); }
.provider-index-hero__grid { padding:34px; display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:26px; align-items:start; }
.provider-index-hero__grid::before,
.provider-profile-hero-pro__grid::before { content:''; position:absolute; inset:0; background-image:linear-gradient(rgba(148,163,184,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(148,163,184,.045) 1px, transparent 1px); background-size:34px 34px; mask-image:linear-gradient(90deg,#000,transparent 88%); pointer-events:none; }
.provider-index-hero h1,
.provider-profile-hero-pro h1 { font-family:'Sora',sans-serif; font-size:clamp(32px,4vw,56px); line-height:1.03; margin:14px 0 16px; letter-spacing:-1.4px; }
.provider-index-hero p,
.provider-profile-hero-pro p { color:var(--text-muted); font-size:17px; max-width:820px; }
.provider-index-hero__grid > *, .provider-profile-hero-pro__grid > * { position:relative; z-index:1; }
.provider-index-actions,
.provider-hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }
.provider-index-hero__panel { border:1px solid rgba(51,65,85,.9); border-radius:15px; background:rgba(2,6,23,.48); padding:22px; }
.provider-index-hero__panel strong { display:block; color:var(--primary); font-family:'Sora',sans-serif; margin-bottom:14px; }
.provider-index-hero__panel ul { display:grid; gap:12px; }
.provider-index-hero__panel li { display:flex; gap:9px; color:#cbd5e1; font-size:14px; }
.provider-index-hero__panel .material-symbols-outlined { color:var(--accent-green); font-size:18px; }
.provider-filter-shell--pro { margin-bottom:24px; }
.provider-index-layout { max-width:var(--container-width); margin:0 auto 70px; padding:0 20px; display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:22px; align-items:start; }
.provider-index-main { min-width:0; }
.provider-index-heading { margin-bottom:22px; }
.provider-ranking-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.provider-rank-card { border:1px solid rgba(51,65,85,.88); border-radius:15px; background:linear-gradient(145deg,rgba(15,23,42,.96),rgba(7,11,20,.72)); padding:18px; position:relative; overflow:hidden; display:grid; gap:14px; transition:.25s ease; }
.provider-rank-card::after { content:'casino'; font-family:'Material Symbols Outlined'; position:absolute; right:-8px; bottom:-24px; font-size:118px; color:rgba(251,191,36,.04); pointer-events:none; }
.provider-rank-card:hover { transform:translateY(-3px); border-color:rgba(251,191,36,.58); box-shadow:0 18px 40px rgba(0,0,0,.24); }
.provider-rank-card--gold { border-color:rgba(251,191,36,.62); background:linear-gradient(145deg,rgba(30,41,59,.96),rgba(7,11,20,.78)); }
.provider-rank-card__head { display:grid; grid-template-columns:48px 42px minmax(0,1fr); gap:12px; align-items:center; }
.provider-rank-card__rank { width:48px; height:48px; border-radius:15px; display:grid; place-items:center; background:rgba(251,191,36,.12); color:var(--primary); border:1px solid rgba(251,191,36,.3); font-family:'Sora',sans-serif; font-size:22px; font-weight:900; }
.provider-rank-card__icon { width:42px; height:42px; border-radius:13px; display:grid !important; place-items:center; background:rgba(2,6,23,.48); color:var(--primary); border:1px solid rgba(51,65,85,.9); }
.provider-rank-card h3 { font-family:'Sora',sans-serif; margin:0; }
.provider-rank-card p { margin:4px 0 0; color:var(--text-muted); font-size:14px; line-height:1.45; }
.provider-games--ranked { position:relative; z-index:1; }
.provider-card-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; position:relative; z-index:1; }
.provider-card-metrics span { border:1px solid rgba(51,65,85,.82); border-radius:12px; padding:9px; background:rgba(2,6,23,.35); text-align:center; }
.provider-card-metrics b { display:block; color:var(--primary); font-family:'Sora',sans-serif; }
.provider-card-metrics small { color:var(--text-muted); font-size:11px; }
.provider-card-cta { justify-content:center; position:relative; z-index:1; }
.provider-index-sidebar { position:sticky; top:132px; display:grid; gap:16px; }
.provider-side-card h3 { display:flex; align-items:center; gap:8px; font-family:'Sora',sans-serif; margin:0 0 8px; }
.provider-side-card p { color:var(--text-muted); }
.cms-mini-list { display:flex; flex-wrap:wrap; gap:7px; }
.cms-mini-list span { border:1px solid rgba(51,65,85,.85); border-radius:999px; color:#cbd5e1; padding:6px 10px; font-size:12px; font-weight:800; }
.provider-ad { padding:0; margin:0; }
.provider-ad img { border-radius:15px; }
.provider-showcase-section { max-width:var(--container-width); margin:0 auto 70px; padding:0 20px; }
.provider-game-showcase { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.provider-game-showcase a { border:1px solid rgba(51,65,85,.85); border-radius:15px; background:rgba(15,23,42,.76); overflow:hidden; display:grid; transition:.25s ease; }
.provider-game-showcase img { width:100%; height:135px; object-fit:cover; border-radius:0; }
.provider-game-showcase strong { font-family:'Sora',sans-serif; padding:14px 14px 2px; }
.provider-game-showcase small { color:var(--text-muted); padding:0 14px 14px; }
.provider-game-showcase a:hover { border-color:rgba(251,191,36,.55); transform:translateY(-3px); }
.provider-profile-hero-pro__grid { padding:34px; display:grid; grid-template-columns:minmax(0,1fr) 310px; gap:28px; align-items:center; }
.provider-profile-hero-pro__main { display:grid; grid-template-columns:160px minmax(0,1fr); column-gap:24px; align-items:start; }
.provider-logo-card { grid-row:span 4; width:160px; border:1px solid rgba(51,65,85,.88); border-radius:15px; background:rgba(2,6,23,.4); padding:14px; }
.provider-logo-card img { width:100%; border-radius:12px; }
.provider-profile-hero-pro h1 { max-width:850px; }
.provider-score-panel { border:1px solid rgba(251,191,36,.32); border-radius:15px; background:linear-gradient(180deg,rgba(2,6,23,.72),rgba(7,11,20,.82)); padding:22px; text-align:center; box-shadow:inset 0 0 0 1px rgba(255,255,255,.02); }
.provider-score-panel > span { text-transform:uppercase; color:var(--text-muted); font-weight:900; font-size:12px; letter-spacing:.05em; }
.provider-score-ring { width:142px; height:142px; margin:16px auto 12px; border-radius:50%; display:grid; place-items:center; background:conic-gradient(var(--primary) 0 92%, rgba(51,65,85,.8) 92% 100%); position:relative; box-shadow:0 0 30px rgba(251,191,36,.12); }
.provider-score-ring::before { content:''; position:absolute; inset:10px; border-radius:50%; background:#0b1221; }
.provider-score-ring b, .provider-score-ring small { position:relative; z-index:1; }
.provider-score-ring b { font-family:'Sora',sans-serif; font-size:48px; color:var(--primary); }
.provider-score-ring small { color:#cbd5e1; align-self:end; margin-top:-44px; font-weight:900; }
.provider-score-panel ul { border-top:1px solid rgba(51,65,85,.75); margin-top:14px; padding-top:14px; display:grid; gap:8px; color:#cbd5e1; font-size:13px; }
.provider-facts-strip { max-width:var(--container-width); margin:0 auto 18px; padding:0 20px; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
.provider-facts-strip div { border:1px solid rgba(51,65,85,.88); border-radius:15px; background:rgba(15,23,42,.82); padding:14px; display:grid; gap:4px; position:relative; overflow:hidden; }
.provider-facts-strip div::after { content:attr(data-icon); position:absolute; right:-4px; bottom:-20px; font-family:'Material Symbols Outlined'; font-size:80px; color:rgba(251,191,36,.035); }
.provider-facts-strip .material-symbols-outlined { color:var(--primary); }
.provider-facts-strip small { color:var(--text-muted); text-transform:uppercase; font-weight:900; font-size:11px; }
.provider-facts-strip strong { font-family:'Sora',sans-serif; }
.provider-anchor-nav { max-width:var(--container-width); margin:0 auto 24px; padding:0 20px; display:flex; gap:10px; overflow-x:auto; scrollbar-width:thin; position:sticky; top:84px; z-index:60; background:rgba(7,11,20,.78); backdrop-filter:blur(14px); border-block:1px solid rgba(51,65,85,.38); padding-top:12px; padding-bottom:12px; }
.provider-anchor-nav a { white-space:nowrap; border:1px solid rgba(51,65,85,.9); border-radius:999px; padding:10px 14px; font-weight:900; display:inline-flex; gap:7px; align-items:center; color:#cbd5e1; background:rgba(15,23,42,.84); }
.provider-anchor-nav a:hover { color:var(--primary); border-color:rgba(251,191,36,.5); }
.provider-profile-layout { max-width:var(--container-width); margin:0 auto 80px; padding:0 20px; display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:22px; align-items:start; }
.provider-profile-main { min-width:0; display:grid; gap:20px; }
.provider-profile-sidebar { position:sticky; top:150px; display:grid; gap:16px; }
.provider-side-card--sticky { display:grid; gap:12px; }
.provider-side-logo { border-radius:12px; border:1px solid rgba(51,65,85,.86); }
.provider-section-card { border-radius:15px; }
.provider-section-lead { color:var(--text-muted); margin-top:-8px; }
.provider-slot-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:18px; }
.provider-slot-card { border:1px solid rgba(51,65,85,.86); border-radius:15px; background:rgba(2,6,23,.35); overflow:hidden; display:grid; grid-template-columns:160px minmax(0,1fr) 44px; align-items:center; gap:14px; transition:.25s ease; }
.provider-slot-card img { width:160px; height:100%; min-height:120px; object-fit:cover; border-radius:0; }
.provider-slot-card strong { display:block; font-family:'Sora',sans-serif; }
.provider-slot-card span { display:block; color:var(--primary); font-weight:800; font-size:13px; margin:4px 0; }
.provider-slot-card small { color:var(--text-muted); line-height:1.4; }
.provider-slot-card > a { width:34px; height:34px; border-radius:10px; display:grid; place-items:center; color:var(--primary); background:rgba(251,191,36,.08); border:1px solid rgba(251,191,36,.25); margin-right:12px; }
.provider-slot-card:hover { border-color:rgba(251,191,36,.55); transform:translateY(-2px); }
.provider-table-wrap { overflow-x:auto; border-radius:15px; border:1px solid rgba(51,65,85,.78); }
.provider-game-table { width:100%; border-collapse:collapse; min-width:760px; }
.provider-game-table th { background:#0b1221; color:var(--primary); text-align:left; font-size:12px; text-transform:uppercase; letter-spacing:.04em; padding:13px; }
.provider-game-table td { border-top:1px solid rgba(51,65,85,.68); padding:12px 13px; color:#cbd5e1; vertical-align:middle; }
.provider-game-table td:first-child { display:flex; align-items:center; gap:10px; color:#fff; }
.provider-game-table td img { width:62px; height:42px; object-fit:cover; border-radius:8px; }
.provider-game-table td strong { font-family:'Sora',sans-serif; }
.provider-offer-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.provider-offer-grid div { border:1px solid rgba(51,65,85,.86); border-radius:15px; padding:16px; background:rgba(2,6,23,.35); position:relative; overflow:hidden; }
.provider-offer-grid div::after { content:'casino'; font-family:'Material Symbols Outlined'; position:absolute; right:-8px; bottom:-20px; font-size:88px; color:rgba(251,191,36,.04); }
.provider-offer-grid span { color:var(--primary); font-size:30px; }
.provider-offer-grid strong { display:block; font-family:'Sora',sans-serif; margin:8px 0 6px; }
.provider-offer-grid p { color:var(--text-muted); margin:0; font-size:14px; }
.provider-content-ad { margin:0 auto; padding:0; max-width:100%; }
.brand-availability--provider { grid-template-columns:repeat(2,minmax(0,1fr)); }
.provider-seo-copy p { color:var(--text-muted); font-size:16px; line-height:1.8; }
.provider-news-list { display:grid; gap:8px; color:#cbd5e1; list-style:disc; padding-left:18px; }
@media (max-width:1200px) {
  .provider-index-layout, .provider-profile-layout { grid-template-columns:1fr; }
  .provider-index-sidebar, .provider-profile-sidebar { position:static; }
  .provider-profile-hero-pro__grid, .provider-index-hero__grid { grid-template-columns:1fr; }
}
@media (max-width:900px) {
  .provider-ranking-grid, .provider-game-showcase, .provider-facts-strip, .provider-slot-grid, .provider-offer-grid, .brand-availability--provider { display:flex; overflow-x:auto; scroll-snap-type:x proximity; padding-bottom:12px; }
  .provider-rank-card { min-width:310px; scroll-snap-align:start; }
  .provider-game-showcase a { min-width:260px; scroll-snap-align:start; }
  .provider-facts-strip div { min-width:210px; scroll-snap-align:start; }
  .provider-slot-card { min-width:330px; scroll-snap-align:start; }
  .provider-offer-grid div { min-width:250px; scroll-snap-align:start; }
  .brand-availability--provider a { min-width:270px; scroll-snap-align:start; }
  .provider-profile-hero-pro__main { grid-template-columns:1fr; }
  .provider-logo-card { grid-row:auto; width:150px; }
  .provider-index-hero__grid, .provider-profile-hero-pro__grid { padding:24px; }
}
@media (max-width:560px) {
  .provider-index-hero, .provider-profile-hero-pro { margin-top:20px; }
  .provider-index-hero h1, .provider-profile-hero-pro h1 { font-size:31px; }
  .provider-index-actions .btn, .provider-hero-actions .btn { width:100%; justify-content:center; }
  .provider-score-panel { padding:18px; }
  .provider-slot-card { grid-template-columns:120px minmax(0,1fr); min-width:300px; }
  .provider-slot-card > a { display:none; }
  .provider-slot-card img { width:120px; min-height:130px; }
  .provider-anchor-nav { top:72px; }
}


/* ========================================================================
   10. PROVIDER SINGLE / INDEX POLISH V10
   Fokus: top 10 provider lista i Pragmatic Play profil u istom MaxWin jeziku.
   ======================================================================== */
.provider-profile-body .floating-ad,
.providers-directory-body .floating-ad { display:none !important; }

.provider-index-v2,
.provider-single-v2 {
    background:
        radial-gradient(circle at 16% 0%, rgba(251,191,36,.08), transparent 30%),
        radial-gradient(circle at 92% 18%, rgba(16,185,129,.04), transparent 28%),
        var(--bg-dark);
}
.provider-index-hero--list { border-radius:15px; }
.provider-index-hero__panel--pro strong { display:flex; align-items:center; gap:8px; color:#fff; font-family:'Sora',sans-serif; }
.provider-index-hero__panel--pro .material-symbols-outlined { color:var(--primary); }
.provider-filter-shell--pro { max-width:var(--container-width); margin:22px auto 28px; padding:0 20px; display:flex; flex-wrap:wrap; justify-content:center; gap:12px; }
.provider-filter-btn { border-radius:999px !important; }

.provider-top10-section { max-width:1060px; margin:0 auto 76px; padding:0 20px; }
.provider-top-list { display:grid; gap:16px; }
.provider-top-list-card {
    position:relative;
    display:grid;
    grid-template-columns:56px minmax(230px,1.35fr) minmax(190px,1fr) minmax(180px,1fr) 118px 152px;
    gap:16px;
    align-items:center;
    min-height:146px;
    padding:20px;
    border:1px solid rgba(51,65,85,.86);
    border-radius:15px;
    background:
        linear-gradient(135deg, rgba(30,41,59,.96), rgba(15,23,42,.94)),
        radial-gradient(circle at 100% 0%, rgba(251,191,36,.12), transparent 36%);
    box-shadow:0 14px 34px rgba(0,0,0,.20);
    overflow:hidden;
    transition:transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}
.provider-top-list-card::after {
    content:'casino';
    font-family:'Material Symbols Outlined';
    position:absolute;
    right:-14px;
    bottom:-34px;
    font-size:142px;
    color:rgba(251,191,36,.035);
    pointer-events:none;
}
.provider-top-list-card:hover { transform:translateY(-3px); border-color:rgba(251,191,36,.55); box-shadow:0 18px 45px rgba(0,0,0,.34); }
.provider-top-list-card--featured { border-color:rgba(251,191,36,.66); }
.provider-top-badge { position:absolute; left:18px; top:12px; display:inline-flex; align-items:center; gap:6px; padding:6px 12px; border-radius:999px; background:linear-gradient(135deg,#ffe08a,var(--primary)); color:#020617; font-weight:900; font-size:11px; text-transform:uppercase; box-shadow:0 8px 20px rgba(251,191,36,.18); }
.provider-top-badge .material-symbols-outlined { font-size:15px; }
.provider-top-rank { position:relative; z-index:1; color:var(--primary); font-family:'Sora',sans-serif; font-size:44px; font-weight:900; text-align:center; text-shadow:0 0 18px rgba(251,191,36,.22); }
.provider-top-list-card--featured .provider-top-rank { margin-top:22px; }
.provider-top-brand { position:relative; z-index:1; display:flex; align-items:center; gap:14px; }
.provider-top-brand img, .provider-letter-logo { width:76px; height:76px; flex:0 0 76px; border-radius:15px; border:1px solid rgba(51,65,85,.86); background:rgba(2,6,23,.44); object-fit:contain; padding:10px; }
.provider-letter-logo { display:grid; place-items:center; color:var(--primary); font-family:'Sora',sans-serif; font-size:28px; font-weight:900; }
.provider-top-brand h3 { margin:0 0 4px; font-family:'Sora',sans-serif; font-size:20px; }
.provider-top-brand p { margin:0; color:var(--text-muted); font-size:13px; line-height:1.45; }
.provider-top-games, .provider-top-features { position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:7px; }
.provider-top-games span { padding:6px 8px; border-radius:999px; background:rgba(251,191,36,.08); border:1px solid rgba(251,191,36,.19); color:#facc15; font-size:12px; font-weight:800; }
.provider-top-features { flex-direction:column; gap:8px; }
.provider-top-features span { display:flex; align-items:center; gap:7px; color:#cbd5e1; font-size:13px; }
.provider-top-features i { color:var(--accent-green); font-size:17px; font-style:normal; }
.provider-top-score { position:relative; z-index:1; text-align:center; display:grid; justify-items:center; gap:0; }
.provider-top-score small { color:var(--text-muted); font-size:11px; font-weight:900; text-transform:uppercase; }
.provider-top-score strong { color:var(--primary); font-family:'Sora',sans-serif; font-size:38px; line-height:1; }
.provider-top-score em { color:#cbd5e1; font-style:normal; font-weight:900; }
.provider-top-actions { position:relative; z-index:1; }
.provider-top-actions .btn { min-height:46px; white-space:nowrap; }
.provider-load-more { margin-top:26px; }
.provider-showcase-section { max-width:var(--container-width); margin:0 auto 76px; padding:0 20px; }

.provider-review-hero--premium {
    border-radius:15px;
    margin-top:28px;
    background:
        radial-gradient(circle at 91% 9%, rgba(251,191,36,.18), transparent 34%),
        linear-gradient(135deg, rgba(30,41,59,.99), rgba(7,11,20,.99) 68%);
}
.provider-review-hero--premium::after {
    content:'';
    position:absolute;
    inset:0;
    background-image:linear-gradient(rgba(148,163,184,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(148,163,184,.04) 1px, transparent 1px);
    background-size:32px 32px;
    pointer-events:none;
}
.provider-review-hero--premium > * { position:relative; z-index:2; }
.provider-hero-logo { border-radius:15px; }
.provider-hero-logo img { border-radius:12px; }
.provider-hero-meta span { border-radius:15px !important; }
.provider-rating-card-v2 { border-radius:15px; min-height:310px; }
@property --providerScore { syntax:'<number>'; inherits:false; initial-value:0; }
.provider-rating-ring-v2 {
    --providerScore:97;
    width:164px;
    height:164px;
    margin:18px auto 14px;
    border-radius:50%;
    display:grid;
    place-items:center;
    position:relative;
    background:conic-gradient(var(--primary) calc(var(--providerScore)*1%), rgba(51,65,85,.85) 0);
    box-shadow:0 0 34px rgba(251,191,36,.20), inset 0 0 0 1px rgba(255,255,255,.08);
    animation:providerScoreFill 1.1s ease-out both;
}
@keyframes providerScoreFill { from { --providerScore:0; } to { --providerScore:97; } }
.provider-rating-ring-v2::before { content:''; position:absolute; inset:12px; border-radius:50%; background:linear-gradient(145deg,#081120,#111c31); box-shadow:inset 0 0 0 1px rgba(51,65,85,.72); }
.provider-rating-ring-v2 strong { position:relative; z-index:1; color:var(--primary); font-family:'Sora',sans-serif; font-size:52px; line-height:1; }
.provider-rating-ring-v2 small { position:relative; z-index:1; color:#cbd5e1; font-weight:900; margin-top:-48px; }
.provider-rating-mini { border-top:1px solid rgba(51,65,85,.82); padding-top:14px; display:grid; gap:8px; color:#cbd5e1; font-size:13px; }
.provider-facts-v3 .review-fact { border-radius:15px; position:relative; overflow:hidden; }
.provider-facts-v3 .review-fact::after { content:attr(data-icon); position:absolute; right:-7px; bottom:-20px; font-family:'Material Symbols Outlined'; font-size:82px; color:rgba(251,191,36,.04); pointer-events:none; }
.provider-anchor-shell-v2 { top:82px; }
.provider-review-layout-v2 .review-section,
.provider-review-sidebar-v2 .sidebar-card { border-radius:15px; }
.provider-section__head .material-symbols-outlined { width:42px; height:42px; border-radius:12px; background:rgba(251,191,36,.09); border:1px solid rgba(251,191,36,.28); display:grid; place-items:center; }
.provider-featured-game { display:grid; grid-template-columns:270px minmax(0,1fr); gap:22px; align-items:center; margin:20px 0; padding:18px; border:1px solid rgba(251,191,36,.26); border-radius:15px; background:linear-gradient(135deg, rgba(251,191,36,.075), rgba(2,6,23,.38)); }
.provider-featured-game img { width:100%; height:190px; object-fit:cover; border-radius:15px; }
.provider-featured-game h3 { margin:4px 0 8px; font-family:'Sora',sans-serif; font-size:28px; }
.provider-featured-game p { color:var(--text-muted); }
.provider-game-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:15px; }
.provider-game-metrics span { border:1px solid rgba(51,65,85,.78); background:rgba(2,6,23,.42); border-radius:12px; padding:10px; display:grid; }
.provider-game-metrics b { color:var(--primary); font-family:'Sora',sans-serif; }
.provider-game-metrics small { color:var(--text-muted); font-weight:800; }
.provider-games-grid-v2 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:18px; }
.provider-game-card-v2 { display:grid; grid-template-columns:150px minmax(0,1fr) 42px; gap:14px; align-items:center; border:1px solid rgba(51,65,85,.84); border-radius:15px; background:rgba(2,6,23,.38); overflow:hidden; transition:.24s ease; }
.provider-game-card-v2:hover { transform:translateY(-2px); border-color:rgba(251,191,36,.52); }
.provider-game-card-v2 img { width:150px; height:124px; object-fit:cover; border-radius:0; }
.provider-game-card-v2 small { color:var(--primary); font-weight:900; }
.provider-game-card-v2 strong { display:block; font-family:'Sora',sans-serif; margin:4px 0; }
.provider-game-card-v2 p { margin:0; color:var(--text-muted); font-size:13px; line-height:1.4; }
.provider-game-card-v2 > a { width:34px; height:34px; border-radius:10px; display:grid; place-items:center; color:var(--primary); background:rgba(251,191,36,.09); border:1px solid rgba(251,191,36,.28); margin-right:12px; }
.provider-games-load { margin-top:20px; }
.provider-table-wrap-v2 { border-radius:15px; }
.provider-offer-grid-v2 div { border-radius:15px; min-height:188px; }
.provider-offer-grid-v2 span { width:46px; height:46px; border-radius:14px; background:rgba(251,191,36,.10); border:1px solid rgba(251,191,36,.28); display:grid; place-items:center; }
.brand-availability--provider-v2 a { border-radius:15px; }
.provider-method-copy { margin-top:20px; margin-bottom:0; }
.provider-sidebar-brand-v2 img { width:132px; border-radius:14px; border:1px solid rgba(51,65,85,.76); }
.provider-sidebar-brand-v2 .sidebar-score { color:var(--primary); }
.provider-side-note p { color:var(--text-muted); margin:0; }
.provider-sidebar-games h3,
.provider-side-note h3 { display:flex; align-items:center; gap:7px; }
.provider-sidebar-games h3 .material-symbols-outlined,
.provider-side-note h3 .material-symbols-outlined { color:var(--primary); }

@media (max-width:1180px) {
    .provider-top-list-card { grid-template-columns:50px 1.4fr 1fr 1fr 100px; }
    .provider-top-actions { grid-column:2 / -1; }
}
@media (max-width:992px) {
    .provider-top-list-card { grid-template-columns:44px minmax(0,1fr); align-items:start; padding:18px; }
    .provider-top-badge { position:static; grid-column:1 / -1; justify-self:start; margin-bottom:2px; }
    .provider-top-rank { grid-row:2; font-size:36px; }
    .provider-top-brand { grid-column:2; }
    .provider-top-games, .provider-top-features, .provider-top-score, .provider-top-actions { grid-column:1 / -1; }
    .provider-top-score { justify-items:start; text-align:left; grid-template-columns:auto auto auto; gap:4px; align-items:end; }
    .provider-top-score strong { font-size:32px; }
    .provider-top-actions .btn { width:100%; }
    .provider-review-hero--premium { grid-template-columns:1fr; }
    .provider-hero-brandline { flex-direction:column; align-items:flex-start; }
    .provider-rating-card-v2 { max-width:360px; width:100%; justify-self:center; }
    .provider-featured-game { grid-template-columns:1fr; }
    .provider-games-grid-v2, .provider-offer-grid-v2, .brand-availability--provider-v2, .provider-facts-v3 { display:flex !important; overflow-x:auto; scroll-snap-type:x proximity; padding-bottom:12px; }
    .provider-game-card-v2 { min-width:330px; scroll-snap-align:start; }
    .provider-offer-grid-v2 div, .brand-availability--provider-v2 a, .provider-facts-v3 .review-fact { min-width:250px; scroll-snap-align:start; }
    .provider-featured-game img { height:210px; }
    .provider-anchor-shell-v2 { top:72px; }
}
@media (max-width:640px) {
    .provider-index-hero--list, .provider-review-hero--premium { margin-left:12px; margin-right:12px; padding:20px; }
    .provider-review-hero--premium h1, .provider-index-hero--list h1 { font-size:31px; }
    .provider-top10-section { padding:0 14px; }
    .provider-top-brand img, .provider-letter-logo { width:64px; height:64px; flex-basis:64px; }
    .provider-top-brand h3 { font-size:18px; }
    .provider-top-games { flex-wrap:nowrap; overflow-x:auto; padding-bottom:4px; }
    .provider-top-games span { white-space:nowrap; }
    .provider-featured-game { padding:14px; }
    .provider-game-metrics { grid-template-columns:1fr; }
    .provider-game-card-v2 { grid-template-columns:112px minmax(0,1fr); min-width:292px; }
    .provider-game-card-v2 img { width:112px; height:132px; }
    .provider-game-card-v2 > a { display:none; }
    .provider-rating-ring-v2 { width:138px; height:138px; }
    .provider-rating-ring-v2 strong { font-size:44px; }
    .provider-rating-ring-v2 small { margin-top:-40px; }
}
.load-more-container.is-hidden { display: none !important; }

/* ========================================================================
   11. PROVIDER SINGLE EMERGENCY WIDTH FIX V11
   Problem: --review-wide je bio vezan za .review-page, a provider page koristi
   .provider-profile-body, pa je max-width pucao i hero je bežao preko ekrana.
   ======================================================================== */
:root,
.provider-profile-body,
.providers-directory-body,
.provider-single-v2 {
    --review-wide: 1460px;
}

.provider-single-v2 {
    overflow-x: hidden;
}

.provider-single-v2 .review-hero.review-hero--wide,
.provider-single-v2 .review-facts,
.provider-single-v2 .review-anchor-shell,
.provider-single-v2 .review-layout,
.provider-single-v2 .related-reviews,
.providers-directory-body .provider-index-hero,
.providers-directory-body .provider-top10-section,
.providers-directory-body .provider-showcase-section {
    width: min(100% - 40px, var(--review-wide));
    max-width: var(--review-wide) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.provider-single-v2 .review-hero.review-hero--wide {
    box-sizing: border-box;
    grid-template-columns: minmax(0, 1fr) 300px;
    align-items: center;
    min-height: auto;
}

.provider-single-v2 .review-hero__main,
.provider-single-v2 .review-hero__brandline,
.provider-single-v2 .review-hero__brandline > div {
    min-width: 0;
}

.provider-single-v2 .review-hero h1 {
    max-width: 860px;
    overflow-wrap: normal;
    word-break: normal;
}

.provider-single-v2 .review-hero p {
    max-width: 820px;
}

.provider-single-v2 .review-facts,
.provider-single-v2 .review-layout,
.provider-single-v2 .review-anchor-shell {
    box-sizing: border-box;
}

.provider-single-v2 .review-anchor-shell {
    padding-left: 0;
    padding-right: 0;
}

.provider-single-v2 .review-layout {
    padding-left: 0;
    padding-right: 0;
    grid-template-columns: minmax(0, 1fr) 320px;
}

.provider-single-v2 .provider-rating-card-v2 {
    width: 100%;
    max-width: 300px;
    justify-self: end;
}

@media (max-width: 1100px) {
    .provider-single-v2 .review-hero.review-hero--wide {
        grid-template-columns: 1fr;
    }
    .provider-single-v2 .provider-rating-card-v2 {
        justify-self: start;
        max-width: 380px;
    }
    .provider-single-v2 .review-layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .provider-single-v2 .review-hero.review-hero--wide,
    .provider-single-v2 .review-facts,
    .provider-single-v2 .review-anchor-shell,
    .provider-single-v2 .review-layout,
    .provider-single-v2 .related-reviews,
    .providers-directory-body .provider-index-hero,
    .providers-directory-body .provider-top10-section,
    .providers-directory-body .provider-showcase-section {
        width: calc(100% - 24px);
    }
    .provider-single-v2 .review-hero.review-hero--wide {
        padding: 22px;
    }
    .provider-single-v2 .review-hero h1 {
        font-size: clamp(30px, 9vw, 42px);
    }
}


/* ========================================================================
   12. PROVIDER SINGLE V12 - Mozzart style layout + ranked game cards
   ======================================================================== */
.provider-profile-body .main-header { z-index: 1000; }
.provider-single-v2.provider-profile-page {
    padding-top: 0;
    background:
        radial-gradient(circle at 18% 6%, rgba(251,191,36,.085), transparent 34%),
        radial-gradient(circle at 86% 24%, rgba(16,185,129,.055), transparent 32%),
        var(--bg-dark);
}
.provider-single-v2 .review-hero.provider-review-hero--premium {
    width: min(100% - 48px, 1460px) !important;
    max-width: 1460px !important;
    margin: 28px auto 24px !important;
    padding: 42px !important;
    min-height: auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 320px !important;
    gap: 32px !important;
    align-items: center !important;
    overflow: hidden !important;
    border-radius: 15px !important;
}
.provider-single-v2 .provider-review-hero--premium .review-hero__main {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    justify-self: stretch !important;
    align-self: center !important;
}
.provider-single-v2 .provider-review-hero--premium .provider-rating-card-v2 {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    max-width: 320px !important;
    justify-self: end !important;
    align-self: center !important;
    margin: 0 !important;
    position: relative !important;
}
.provider-single-v2 .provider-review-hero--premium .provider-hero-brandline {
    display: grid !important;
    grid-template-columns: 150px minmax(0, 1fr) !important;
    gap: 26px !important;
    align-items: center !important;
    width: 100% !important;
}
.provider-single-v2 .provider-review-hero--premium .provider-hero-logo {
    width: 150px !important;
    min-width: 150px !important;
    height: 118px !important;
    padding: 16px !important;
    border-radius: 15px !important;
}
.provider-single-v2 .provider-review-hero--premium .provider-hero-brandline > div:last-child {
    min-width: 0 !important;
    max-width: 900px !important;
}
.provider-single-v2 .provider-review-hero--premium h1 {
    max-width: 900px !important;
    font-size: clamp(40px, 4.2vw, 64px) !important;
    line-height: .98 !important;
    letter-spacing: -1.7px !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
}
.provider-single-v2 .provider-review-hero--premium p { max-width: 760px !important; font-size: 17px; line-height: 1.72; }
.provider-single-v2 .provider-hero-meta { max-width: 880px; }
.provider-single-v2 .provider-hero-meta span { border-radius: 15px !important; min-height: 38px; }
.provider-single-v2 .provider-rating-ring-v2 {
    background: conic-gradient(var(--primary) 0 349deg, rgba(148,163,184,.26) 349deg 360deg) !important;
    animation: providerRingPulse 2.2s ease-in-out infinite alternate;
}
@keyframes providerRingPulse {
    from { filter: drop-shadow(0 0 0 rgba(251,191,36,0)); transform: scale(1); }
    to { filter: drop-shadow(0 0 16px rgba(251,191,36,.20)); transform: scale(1.025); }
}
.provider-single-v2 .provider-rating-card-v2 .review-stars .material-symbols-outlined { color: var(--primary); }
.provider-single-v2 .review-facts.provider-facts-v3 {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
}
.provider-single-v2 .provider-facts-v3 .review-fact {
    min-height: 118px;
    border-radius: 15px !important;
    padding: 18px 16px;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    align-items: center;
    column-gap: 13px;
}
.provider-single-v2 .provider-facts-v3 .review-fact > span.material-symbols-outlined {
    grid-row: span 2;
    width: 42px;
    height: 42px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: rgba(251,191,36,.09);
    border: 1px solid rgba(251,191,36,.28);
    color: var(--primary);
}
.provider-single-v2 .provider-facts-v3 .review-fact small { align-self: end; }
.provider-single-v2 .provider-facts-v3 .review-fact strong { align-self: start; line-height: 1.15; }
.provider-single-v2 .provider-section__head--premium {
    display: flex;
    align-items: center;
    gap: 14px;
    border-bottom: 1px solid rgba(51,65,85,.78);
    padding-bottom: 16px;
    margin-bottom: 18px;
}
.provider-single-v2 .provider-section__head--premium .material-symbols-outlined {
    flex: 0 0 54px;
    width: 54px;
    height: 54px;
    border-radius: 15px;
    background: rgba(251,191,36,.10);
    border: 1px solid rgba(251,191,36,.28);
    color: var(--primary);
    display: grid;
    place-items: center;
    font-size: 25px;
}
.provider-single-v2 .provider-section__head--premium h2 { margin: 0; font-size: clamp(25px, 3vw, 36px); }
.provider-game-rank-list { display: grid; gap: 16px; margin-top: 22px; }
.provider-game-rank-card {
    position: relative;
    display: grid;
    grid-template-columns: 54px 132px minmax(180px, 1.35fr) minmax(180px, 1fr) 128px 150px;
    gap: 16px;
    align-items: center;
    min-height: 138px;
    padding: 20px;
    border: 1px solid rgba(51,65,85,.86);
    border-radius: 15px;
    overflow: hidden;
    background:
        linear-gradient(135deg, rgba(30,41,59,.92), rgba(15,23,42,.94)),
        radial-gradient(circle at 100% 0%, rgba(251,191,36,.13), transparent 35%);
    box-shadow: 0 14px 34px rgba(0,0,0,.18);
    transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}
.provider-game-rank-card::after {
    content: 'casino';
    font-family: 'Material Symbols Outlined';
    position: absolute;
    right: -16px;
    bottom: -36px;
    font-size: 150px;
    color: rgba(251,191,36,.035);
    pointer-events: none;
}
.provider-game-rank-card:hover { transform: translateY(-3px); border-color: rgba(251,191,36,.55); box-shadow: 0 20px 46px rgba(0,0,0,.33); }
.provider-game-rank-card--featured { border-color: rgba(251,191,36,.64); }
.provider-game-rank-card__badge {
    position: absolute;
    left: 18px;
    top: 12px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 13px;
    border-radius: 999px;
    background: linear-gradient(135deg, #ffe08a, var(--primary));
    color: #020617;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    box-shadow: 0 8px 20px rgba(251,191,36,.18);
}
.provider-game-rank-card__badge .material-symbols-outlined { font-size: 15px; }
.provider-game-rank-card__rank { position: relative; z-index: 1; text-align: center; }
.provider-game-rank-card--featured .provider-game-rank-card__rank { margin-top: 20px; }
.provider-game-rank-card__rank span {
    display: inline-block;
    color: var(--primary);
    font-family: 'Sora', sans-serif;
    font-size: 42px;
    font-weight: 900;
    text-shadow: 0 0 18px rgba(251,191,36,.23);
}
.provider-game-rank-card__media { position: relative; z-index: 1; }
.provider-game-rank-card__media img {
    width: 132px;
    height: 86px;
    object-fit: cover;
    border-radius: 15px;
    border: 1px solid rgba(51,65,85,.86);
    background: rgba(2,6,23,.44);
}
.provider-game-rank-card__main { position: relative; z-index: 1; min-width: 0; }
.provider-game-rank-card__main h3 { margin: 0 0 6px; font-family: 'Sora', sans-serif; font-size: 20px; line-height: 1.15; }
.provider-game-rank-card__rating { display: flex; align-items: center; gap: 3px; color: var(--primary); font-size: 13px; margin-bottom: 9px; }
.provider-game-rank-card__rating .material-symbols-outlined { font-size: 16px; }
.provider-game-rank-card__rating strong { margin-left: 6px; color: var(--primary); }
.provider-game-rank-card__icons { display: flex; gap: 8px; flex-wrap: wrap; }
.provider-game-rank-card__icons span {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    background: rgba(2,6,23,.50);
    border: 1px solid rgba(51,65,85,.78);
    color: var(--primary);
    position: relative;
}
.provider-game-rank-card__icons span:hover::after {
    content: attr(data-tooltip);
    position: absolute;
    left: 50%;
    top: calc(100% + 7px);
    transform: translateX(-50%);
    white-space: nowrap;
    padding: 6px 9px;
    border-radius: 8px;
    background: #020617;
    border: 1px solid rgba(251,191,36,.28);
    color: #e5e7eb;
    font-size: 11px;
    z-index: 10;
}
.provider-game-rank-card__icons i { font-style: normal; font-size: 18px; }
.provider-game-rank-card__features { position: relative; z-index: 1; display: grid; gap: 7px; }
.provider-game-rank-card__features span { color: #cbd5e1; font-size: 13px; display: flex; align-items: center; gap: 7px; }
.provider-game-rank-card__features i { color: var(--accent-green); font-size: 17px; font-style: normal; }
.provider-game-rank-card__score { position: relative; z-index: 1; text-align: center; display: grid; gap: 2px; }
.provider-game-rank-card__score small { color: var(--text-muted); font-size: 11px; font-weight: 900; text-transform: uppercase; }
.provider-game-rank-card__score strong { color: var(--primary); font-family: 'Sora', sans-serif; font-size: 28px; line-height: 1; }
.provider-game-rank-card__score em { color: #cbd5e1; font-size: 12px; font-style: normal; font-weight: 800; }
.provider-game-rank-card__actions { position: relative; z-index: 1; display: grid; gap: 9px; }
.provider-game-rank-card__actions .btn { min-height: 46px; white-space: nowrap; font-size: 14px; }
.provider-game-rank-card__actions .link-review { text-align: center; }
.provider-review-sidebar-v2 { align-self: start; }
.provider-sidebar-brand-v2 {
    position: sticky;
    top: 154px;
    border-radius: 15px !important;
    background: linear-gradient(135deg, rgba(15,23,42,.97), rgba(7,11,20,.96));
}
.provider-sidebar-brand-v2 img { margin: 0 auto 14px; }
.provider-sidebar-games a {
    display: grid;
    grid-template-columns: 30px minmax(0,1fr);
    gap: 8px;
    align-items: center;
    padding: 9px 0;
    border-bottom: 1px solid rgba(51,65,85,.45);
}
.provider-sidebar-games a span {
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    border-radius: 7px;
    color: var(--primary);
    border: 1px solid rgba(251,191,36,.28);
    background: rgba(251,191,36,.06);
}

@media (max-width: 1260px) {
    .provider-game-rank-card { grid-template-columns: 48px 116px minmax(0,1.2fr) minmax(0,1fr) 112px; }
    .provider-game-rank-card__actions { grid-column: 3 / -1; grid-template-columns: minmax(0, 220px) minmax(0, 160px); align-items: center; }
    .provider-game-rank-card__actions .link-review { text-align: left; }
}
@media (max-width: 1100px) {
    .provider-single-v2 .review-hero.provider-review-hero--premium { grid-template-columns: 1fr !important; }
    .provider-single-v2 .provider-review-hero--premium .provider-rating-card-v2 { grid-column: 1 !important; grid-row: 2 !important; justify-self: start !important; max-width: 380px !important; }
    .provider-single-v2 .review-facts.provider-facts-v3 { display: flex !important; overflow-x: auto; scroll-snap-type: x proximity; padding-bottom: 10px; }
    .provider-single-v2 .provider-facts-v3 .review-fact { min-width: 250px; scroll-snap-align: start; }
    .provider-game-rank-card { grid-template-columns: 46px 110px minmax(0,1fr); }
    .provider-game-rank-card__features, .provider-game-rank-card__score, .provider-game-rank-card__actions { grid-column: 1 / -1; }
    .provider-game-rank-card__score { text-align: left; grid-template-columns: auto auto 1fr; align-items: end; gap: 8px; }
    .provider-game-rank-card__score strong { font-size: 26px; }
    .provider-game-rank-card__actions { grid-template-columns: 1fr; }
    .provider-game-rank-card__actions .link-review { text-align: center; }
    .provider-sidebar-brand-v2 { position: relative; top: auto; }
}
@media (max-width: 760px) {
    .provider-single-v2 .review-hero.provider-review-hero--premium { width: calc(100% - 24px) !important; padding: 22px !important; margin-top: 16px !important; }
    .provider-single-v2 .provider-review-hero--premium .provider-hero-brandline { grid-template-columns: 96px minmax(0,1fr) !important; gap: 12px !important; align-items: start !important; }
    .provider-single-v2 .provider-review-hero--premium .provider-hero-logo { width: 96px !important; min-width: 96px !important; height: 78px !important; padding: 10px !important; }
    .provider-single-v2 .provider-review-hero--premium h1 { font-size: clamp(30px, 9vw, 42px) !important; line-height: 1.02 !important; }
    .provider-single-v2 .provider-review-hero--premium p { font-size: 15px; line-height: 1.55; }
    .provider-single-v2 .provider-hero-meta { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 6px; }
    .provider-single-v2 .provider-hero-meta span { white-space: nowrap; }
    .provider-game-rank-card {
        grid-template-columns: 44px 82px minmax(0,1fr);
        gap: 12px;
        padding: 16px;
        min-height: auto;
    }
    .provider-game-rank-card__badge { position: static; grid-column: 1 / -1; justify-self: start; margin-bottom: 2px; }
    .provider-game-rank-card--featured .provider-game-rank-card__rank { margin-top: 0; }
    .provider-game-rank-card__rank span { font-size: 34px; }
    .provider-game-rank-card__media img { width: 82px; height: 66px; border-radius: 13px; }
    .provider-game-rank-card__main h3 { font-size: 17px; }
    .provider-game-rank-card__rating { flex-wrap: wrap; }
    .provider-game-rank-card__icons span { width: 31px; height: 31px; }
    .provider-game-rank-card__features { padding: 12px; border-radius: 15px; background: rgba(2,6,23,.28); border: 1px solid rgba(51,65,85,.52); }
    .provider-game-rank-card__score { grid-template-columns: 1fr; gap: 4px; padding: 12px; border-radius: 15px; background: rgba(251,191,36,.055); border: 1px solid rgba(251,191,36,.16); }
    .provider-game-rank-card__actions .btn { width: 100%; }
}
@media (max-width: 460px) {
    .provider-single-v2 .provider-review-hero--premium .provider-hero-brandline { grid-template-columns: 1fr !important; }
    .provider-single-v2 .provider-review-hero--premium .provider-hero-logo { width: 112px !important; height: 84px !important; }
    .provider-game-rank-card { grid-template-columns: 38px 72px minmax(0,1fr); }
    .provider-game-rank-card__media img { width: 72px; height: 60px; }
    .provider-game-rank-card__main h3 { font-size: 16px; }
}


/* ==========================================================
   PROVIDER SINGLE FINAL POLISH 13 - MOZART STYLE
   ========================================================== */
.provider-single-v2 .review-hero.provider-review-hero--mozstyle {
    width: min(100% - 48px, 1280px) !important;
    max-width: 1280px !important;
    margin: 28px auto 24px !important;
    padding: 42px !important;
    min-height: auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 310px !important;
    gap: 36px !important;
    align-items: center !important;
    overflow: hidden !important;
    border-radius: 15px !important;
    background:
        radial-gradient(circle at 12% 84%, rgba(251,191,36,.13), transparent 26%),
        linear-gradient(135deg, rgba(30,41,59,.92), rgba(7,11,20,.96));
}
.provider-single-v2 .provider-review-hero--mozstyle .review-hero__main {
    min-width: 0 !important;
    width: 100% !important;
}
.provider-single-v2 .provider-hero-brandline--clean {
    display: grid !important;
    grid-template-columns: 132px minmax(0, 1fr) !important;
    gap: 26px !important;
    align-items: center !important;
    margin-top: 22px;
}
.provider-single-v2 .provider-hero-brandline--clean .provider-hero-logo {
    width: 132px !important;
    min-width: 132px !important;
    height: 112px !important;
    padding: 16px !important;
    border-radius: 15px !important;
    background: rgba(2,6,23,.32);
    box-shadow: inset 0 0 0 1px rgba(148,163,184,.12);
}
.provider-single-v2 .provider-hero-copy h1 {
    max-width: 760px !important;
    margin: 8px 0 12px !important;
    font-size: clamp(44px, 5vw, 76px) !important;
    line-height: .95 !important;
    letter-spacing: -2px !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
}
.provider-single-v2 .provider-hero-copy p {
    max-width: 760px !important;
    font-size: 17px !important;
    line-height: 1.72 !important;
    color: #a7b6cc !important;
}
.provider-single-v2 .provider-hero-meta--clean {
    margin-top: 20px;
    max-width: 920px;
    gap: 10px;
}
.provider-single-v2 .provider-hero-meta--clean span {
    border-radius: 15px !important;
    min-height: 42px;
    padding: 9px 13px;
    background: rgba(2,6,23,.30);
    border-color: rgba(51,65,85,.75);
}
.provider-single-v2 .provider-hero-actions { margin-top: 22px; gap: 12px; }
.provider-single-v2 .provider-hero-actions .btn { min-height: 56px; border-radius: 15px; white-space: nowrap; }
.provider-single-v2 .provider-rating-card--clean {
    width: 100% !important;
    max-width: 310px !important;
    margin: 0 !important;
    justify-self: end !important;
    border-radius: 15px !important;
    background: linear-gradient(145deg, rgba(2,6,23,.92), rgba(15,23,42,.92));
}
.provider-single-v2 .provider-rating-card--clean .review-score-card__label { letter-spacing: .5px; }
.provider-single-v2 .provider-rating-ring-v2 {
    width: 170px;
    height: 170px;
    margin: 18px auto 14px;
    background: conic-gradient(var(--primary) 0 349deg, rgba(148,163,184,.26) 349deg 360deg) !important;
    animation: providerRingPulse 2.2s ease-in-out infinite alternate;
}
.provider-single-v2 .provider-rating-ring-v2 strong { font-size: 54px; }
.provider-single-v2 .provider-rating-ring-v2 small { margin-top: -48px; }
.provider-single-v2 .provider-rating-mini { display: grid; gap: 8px; margin-top: 18px; padding-top: 16px; border-top: 1px solid rgba(148,163,184,.2); }
.provider-single-v2 .provider-rating-mini span { color: #cbd5e1; font-size: 13px; font-weight: 700; }

.provider-single-v2 .review-facts.provider-facts-mozstyle {
    width: min(100% - 48px, 1280px) !important;
    max-width: 1280px !important;
    margin: 0 auto 24px !important;
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 12px !important;
}
.provider-single-v2 .provider-facts-mozstyle .review-fact {
    min-height: 104px !important;
    border-radius: 15px !important;
    padding: 16px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    position: relative !important;
    overflow: hidden !important;
    background: linear-gradient(135deg, rgba(15,23,42,.95), rgba(7,11,20,.92)) !important;
}
.provider-single-v2 .provider-facts-mozstyle .review-fact::after {
    content: attr(data-bg-icon);
    font-family: 'Material Symbols Outlined';
    position: absolute;
    right: -10px;
    bottom: -34px;
    font-size: 104px;
    color: rgba(251,191,36,.04);
    pointer-events: none;
}
.provider-single-v2 .provider-facts-mozstyle .review-fact > span.material-symbols-outlined {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 15px;
    display: grid;
    place-items: center;
    background: rgba(251,191,36,.09);
    border: 1px solid rgba(251,191,36,.28);
    color: var(--primary);
    font-size: 24px;
}
.provider-single-v2 .provider-facts-mozstyle .review-fact div { position: relative; z-index: 1; display: grid; gap: 4px; }
.provider-single-v2 .provider-facts-mozstyle .review-fact small { color: #93a4ba; text-transform: uppercase; font-weight: 900; font-size: 11px; letter-spacing: .4px; }
.provider-single-v2 .provider-facts-mozstyle .review-fact strong { color: #fff; font-family: 'Sora', sans-serif; line-height: 1.18; font-size: 14px; }
.provider-single-v2 .provider-anchor-shell-v2,
.provider-single-v2 .provider-review-layout-v2 { width: min(100% - 48px, 1280px) !important; max-width: 1280px !important; }
.provider-single-v2 .provider-section__head--premium {
    align-items: center;
    background: transparent !important;
    border: 0 !important;
    padding: 0 0 18px !important;
    border-bottom: 1px solid rgba(148,163,184,.20) !important;
}
.provider-single-v2 .provider-section__head--premium .material-symbols-outlined {
    width: 54px;
    height: 54px;
    border-radius: 15px;
}
.provider-single-v2 .provider-game-rank-card {
    grid-template-columns: 54px 126px minmax(185px, 1.35fr) minmax(180px, 1fr) 126px 150px;
    background:
        linear-gradient(90deg, rgba(30,41,59,.98), rgba(15,23,42,.98)),
        radial-gradient(circle at right top, rgba(251,191,36,.12), transparent 30%) !important;
    border-radius: 15px !important;
}
.provider-single-v2 .provider-game-rank-card__media img { width: 126px; height: 82px; }
.provider-single-v2 .provider-game-rank-card__score {
    padding: 12px;
    border-radius: 15px;
    border: 1px solid rgba(251,191,36,.16);
    background: rgba(251,191,36,.045);
}
.provider-single-v2 .provider-game-rank-card__actions .btn { border-radius: 15px; color: #020617; }
.provider-single-v2 .provider-review-sidebar-v2 .sidebar-card { border-radius: 15px; }

@media (max-width: 1180px) {
    .provider-single-v2 .review-hero.provider-review-hero--mozstyle { grid-template-columns: 1fr !important; }
    .provider-single-v2 .provider-rating-card--clean { justify-self: start !important; max-width: 360px !important; }
    .provider-single-v2 .review-facts.provider-facts-mozstyle { display: flex !important; overflow-x: auto; scroll-snap-type: x proximity; padding-bottom: 8px; }
    .provider-single-v2 .provider-facts-mozstyle .review-fact { min-width: 260px; scroll-snap-align: start; }
    .provider-single-v2 .provider-game-rank-card { grid-template-columns: 46px 110px minmax(0,1fr); }
    .provider-single-v2 .provider-game-rank-card__features,
    .provider-single-v2 .provider-game-rank-card__score,
    .provider-single-v2 .provider-game-rank-card__actions { grid-column: 1 / -1; }
    .provider-single-v2 .provider-game-rank-card__score { text-align: left; }
}
@media (max-width: 760px) {
    .provider-single-v2 .review-hero.provider-review-hero--mozstyle { width: calc(100% - 24px) !important; padding: 22px !important; margin-top: 16px !important; }
    .provider-single-v2 .provider-hero-brandline--clean { grid-template-columns: 86px minmax(0,1fr) !important; gap: 14px !important; align-items: center !important; }
    .provider-single-v2 .provider-hero-brandline--clean .provider-hero-logo { width: 86px !important; min-width: 86px !important; height: 72px !important; padding: 10px !important; }
    .provider-single-v2 .provider-hero-copy h1 { font-size: clamp(36px, 12vw, 50px) !important; line-height: .95 !important; }
    .provider-single-v2 .provider-hero-copy p { grid-column: 1 / -1; font-size: 15px !important; }
    .provider-single-v2 .provider-hero-meta--clean { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 6px; }
    .provider-single-v2 .provider-hero-meta--clean span { white-space: nowrap; }
    .provider-single-v2 .provider-hero-actions { display: grid; grid-template-columns: 1fr; }
    .provider-single-v2 .provider-hero-actions .btn { width: 100%; }
    .provider-single-v2 .provider-rating-ring-v2 { width: 142px; height: 142px; }
    .provider-single-v2 .provider-rating-ring-v2 strong { font-size: 44px; }
    .provider-single-v2 .provider-rating-ring-v2 small { margin-top: -40px; }
    .provider-single-v2 .review-facts.provider-facts-mozstyle,
    .provider-single-v2 .provider-anchor-shell-v2,
    .provider-single-v2 .provider-review-layout-v2 { width: calc(100% - 24px) !important; }
    .provider-single-v2 .provider-game-rank-card { grid-template-columns: 42px 82px minmax(0,1fr); gap: 12px; padding: 16px; }
    .provider-single-v2 .provider-game-rank-card__media img { width: 82px; height: 66px; }
    .provider-single-v2 .provider-game-rank-card__badge { position: static; grid-column: 1 / -1; justify-self: start; }
    .provider-single-v2 .provider-game-rank-card--featured .provider-game-rank-card__rank { margin-top: 0; }
    .provider-single-v2 .provider-game-rank-card__main h3 { font-size: 17px; }
    .provider-single-v2 .provider-game-rank-card__actions { grid-template-columns: 1fr; }
}
@media (max-width: 460px) {
    .provider-single-v2 .provider-hero-brandline--clean { grid-template-columns: 1fr !important; }
    .provider-single-v2 .provider-hero-brandline--clean .provider-hero-logo { width: 112px !important; height: 84px !important; }
    .provider-single-v2 .provider-game-rank-card { grid-template-columns: 38px 72px minmax(0,1fr); }
    .provider-single-v2 .provider-game-rank-card__media img { width: 72px; height: 60px; }
}

/* ========================================================================
   13. PROVIDER SINGLE V14 - final polish: facts, sticky nav, game cards
   ======================================================================== */
.provider-single-v2 .review-facts.provider-facts-mozstyle {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 14px !important;
    align-items: stretch !important;
}
.provider-single-v2 .provider-facts-mozstyle .review-fact {
    min-height: 124px !important;
    padding: 18px 12px 16px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    align-content: center !important;
    text-align: center !important;
    gap: 9px !important;
    background:
        radial-gradient(circle at 50% -20%, rgba(251,191,36,.09), transparent 44%),
        linear-gradient(145deg, rgba(15,23,42,.98), rgba(7,11,20,.94)) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.015), 0 18px 30px rgba(0,0,0,.16) !important;
}
.provider-single-v2 .provider-facts-mozstyle .review-fact > span.material-symbols-outlined {
    width: 46px !important;
    height: 46px !important;
    flex: none !important;
    border-radius: 15px !important;
    font-size: 24px !important;
    margin: 0 !important;
}
.provider-single-v2 .provider-facts-mozstyle .review-fact div {
    justify-items: center !important;
    gap: 5px !important;
}
.provider-single-v2 .provider-facts-mozstyle .review-fact small {
    font-size: 10px !important;
    line-height: 1.1 !important;
}
.provider-single-v2 .provider-facts-mozstyle .review-fact strong {
    font-size: 14px !important;
    line-height: 1.18 !important;
    max-width: 142px !important;
}
.provider-single-v2 .provider-facts-mozstyle .review-fact::after {
    right: -20px !important;
    bottom: -42px !important;
    font-size: 112px !important;
    opacity: .9 !important;
}

.provider-single-v2 .provider-anchor-shell-v2 {
    padding: 10px !important;
    border-radius: 15px !important;
    background: linear-gradient(135deg, rgba(15,23,42,.98), rgba(7,11,20,.92)) !important;
    border: 1px solid rgba(51,65,85,.78) !important;
    box-shadow: 0 16px 34px rgba(0,0,0,.18) !important;
}
.provider-single-v2 .provider-anchor-shell-v2 .review-anchor-nav {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 10px !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    backdrop-filter: none !important;
}
.provider-single-v2 .provider-anchor-shell-v2 .review-anchor-nav a {
    justify-content: center !important;
    width: 100% !important;
    border-radius: 13px !important;
    min-height: 44px !important;
    background: rgba(2,6,23,.54) !important;
    border: 1px solid rgba(51,65,85,.52) !important;
    color: #cbd5e1 !important;
}
.provider-single-v2 .provider-anchor-shell-v2 .review-anchor-nav a:hover {
    color: var(--primary) !important;
    border-color: rgba(251,191,36,.45) !important;
    background: rgba(251,191,36,.065) !important;
}

.provider-single-v2 .provider-back-link,
.provider-single-v2 .provider-back-link:visited {
    color: #e5e7eb !important;
}
.provider-single-v2 .provider-hero-actions .provider-back-link {
    background: rgba(255,255,255,.07) !important;
    border-color: rgba(148,163,184,.30) !important;
    color: #e5e7eb !important;
}
.provider-single-v2 .provider-hero-actions .provider-back-link:hover,
.provider-single-v2 .provider-sidebar-brand-v2 .provider-back-link:hover {
    color: var(--primary) !important;
    border-color: rgba(251,191,36,.45) !important;
}

.provider-single-v2 .provider-rating-card--clean {
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 24px 60px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.03) !important;
}
.provider-single-v2 .provider-rating-card--clean::before {
    content: '';
    position: absolute;
    inset: -45% -35% auto auto;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    background: rgba(251,191,36,.10);
    filter: blur(24px);
    pointer-events: none;
}
.provider-single-v2 .provider-rating-ring-v2 {
    box-shadow: 0 0 0 8px rgba(251,191,36,.055), 0 20px 40px rgba(251,191,36,.10) !important;
}
.provider-single-v2 .provider-rating-mini span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
}
.provider-single-v2 .provider-rating-mini span::before {
    content: 'check_circle';
    font-family: 'Material Symbols Outlined';
    color: var(--accent-green);
    font-size: 16px;
}

.provider-single-v2 .provider-game-rank-card {
    grid-template-columns: 52px 122px minmax(170px, 1.15fr) minmax(175px, .95fr) 122px 132px !important;
    gap: 14px !important;
    min-height: 132px !important;
    padding: 18px !important;
}
.provider-single-v2 .provider-game-rank-card__media img {
    width: 122px !important;
    height: 78px !important;
}
.provider-single-v2 .provider-game-rank-card__main h3 {
    font-size: 18px !important;
}
.provider-single-v2 .provider-game-rank-card__features {
    gap: 6px !important;
}
.provider-single-v2 .provider-game-rank-card__features span {
    font-size: 12.5px !important;
}
.provider-single-v2 .provider-game-rank-card__score {
    min-width: 0 !important;
    text-align: center !important;
    padding: 12px 10px !important;
}
.provider-single-v2 .provider-game-rank-card__score strong {
    font-size: 25px !important;
}
.provider-single-v2 .provider-game-rank-card__actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    min-width: 0 !important;
}
.provider-single-v2 .provider-game-rank-card__actions .btn {
    width: 100% !important;
    min-height: 42px !important;
    padding: 10px 12px !important;
    font-size: 13px !important;
    border-radius: 13px !important;
    white-space: nowrap !important;
    overflow: visible !important;
}
.provider-single-v2 .provider-game-rank-card__actions .provider-game-casino-btn {
    color: #e5e7eb !important;
    background: rgba(255,255,255,.075) !important;
    border: 1px solid rgba(148,163,184,.28) !important;
    box-shadow: none !important;
}
.provider-single-v2 .provider-game-rank-card__actions .provider-game-casino-btn:hover {
    color: var(--primary) !important;
    border-color: rgba(251,191,36,.48) !important;
    background: rgba(251,191,36,.08) !important;
}
.provider-single-v2 .provider-game-rank-card__actions .provider-game-casino-btn .material-symbols-outlined,
.provider-single-v2 .provider-game-rank-card__actions .btn .material-symbols-outlined {
    font-size: 18px !important;
}

.provider-single-v2 .provider-offer-grid-v2 {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
}
.provider-single-v2 .provider-offer-grid-v2 div {
    min-height: 154px !important;
    border-radius: 15px !important;
    background: linear-gradient(145deg, rgba(15,23,42,.94), rgba(2,6,23,.48)) !important;
}
.provider-single-v2 .provider-content-ad {
    margin: 24px 0 !important;
    padding: 0 !important;
}
.provider-single-v2 .provider-content-ad .ad-container {
    border-radius: 15px !important;
}
.provider-single-v2 #kazina {
    margin-top: 0 !important;
}

.provider-single-v2 .provider-review-sidebar-v2 {
    position: sticky !important;
    top: 104px !important;
    align-self: start !important;
}
.provider-single-v2 .provider-sidebar-brand-v2 {
    position: relative !important;
    overflow: hidden !important;
    border-color: rgba(251,191,36,.42) !important;
    background:
        radial-gradient(circle at 80% 0%, rgba(251,191,36,.10), transparent 34%),
        linear-gradient(145deg, rgba(15,23,42,.96), rgba(2,6,23,.94)) !important;
    text-align: center !important;
}
.provider-single-v2 .provider-sidebar-brand-v2 .sidebar-score {
    font-family: 'Sora', sans-serif !important;
    font-size: 28px !important;
    color: var(--primary) !important;
    line-height: 1 !important;
}
.provider-sidebar-mini-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
    margin: 2px 0 4px;
}
.provider-sidebar-mini-stats span {
    border: 1px solid rgba(51,65,85,.62);
    border-radius: 10px;
    padding: 7px 5px;
    background: rgba(2,6,23,.35);
    color: #cbd5e1;
    font-size: 10.5px;
    font-weight: 800;
    line-height: 1.15;
}
.provider-single-v2 .provider-sidebar-brand-v2 .provider-back-link {
    color: #e5e7eb !important;
    background: rgba(255,255,255,.075) !important;
    border: 1px solid rgba(148,163,184,.25) !important;
}
.provider-single-v2 .provider-sidebar-games a {
    border-bottom: 0 !important;
    border-radius: 12px !important;
    background: rgba(2,6,23,.36) !important;
    margin-top: 6px !important;
    padding: 10px 12px !important;
}
.provider-single-v2 .provider-method-section .provider-score-breakdown {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
}
.provider-single-v2 .provider-method-section .score-row {
    padding: 14px !important;
    border: 1px solid rgba(51,65,85,.68) !important;
    border-radius: 15px !important;
    background: rgba(2,6,23,.32) !important;
}
.provider-single-v2 .provider-method-copy {
    margin-top: 16px !important;
    border-left: 3px solid var(--primary) !important;
    padding: 12px 14px !important;
    background: rgba(251,191,36,.045) !important;
    border-radius: 0 15px 15px 0 !important;
}

@media (max-width: 1280px) {
    .provider-single-v2 .provider-game-rank-card {
        grid-template-columns: 48px 112px minmax(0, 1fr) minmax(170px, .9fr) !important;
    }
    .provider-single-v2 .provider-game-rank-card__score,
    .provider-single-v2 .provider-game-rank-card__actions {
        grid-column: auto !important;
    }
    .provider-single-v2 .provider-game-rank-card__actions {
        grid-column: 3 / -1 !important;
        grid-template-columns: 1fr 1fr !important;
    }
}
@media (max-width: 1180px) {
    .provider-single-v2 .review-facts.provider-facts-mozstyle {
        display: flex !important;
        overflow-x: auto !important;
        scroll-snap-type: x proximity !important;
        padding-bottom: 10px !important;
    }
    .provider-single-v2 .provider-facts-mozstyle .review-fact {
        min-width: 176px !important;
        scroll-snap-align: start !important;
    }
    .provider-single-v2 .provider-anchor-shell-v2 .review-anchor-nav {
        display: flex !important;
        overflow-x: auto !important;
        scrollbar-width: thin !important;
    }
    .provider-single-v2 .provider-anchor-shell-v2 .review-anchor-nav a {
        width: auto !important;
        flex: 0 0 auto !important;
        padding-inline: 18px !important;
    }
    .provider-single-v2 .provider-review-sidebar-v2 {
        position: static !important;
    }
}
@media (max-width: 900px) {
    .provider-single-v2 .provider-game-rank-card {
        grid-template-columns: 42px 92px minmax(0,1fr) !important;
        gap: 12px !important;
    }
    .provider-single-v2 .provider-game-rank-card__features,
    .provider-single-v2 .provider-game-rank-card__score,
    .provider-single-v2 .provider-game-rank-card__actions {
        grid-column: 1 / -1 !important;
    }
    .provider-single-v2 .provider-game-rank-card__score {
        display: grid !important;
        grid-template-columns: auto auto 1fr !important;
        text-align: left !important;
        align-items: end !important;
        gap: 8px !important;
    }
    .provider-single-v2 .provider-game-rank-card__actions {
        grid-template-columns: 1fr 1fr !important;
    }
    .provider-single-v2 .provider-offer-grid-v2,
    .provider-single-v2 .brand-availability--provider-v2 {
        display: flex !important;
        overflow-x: auto !important;
        scroll-snap-type: x proximity !important;
        padding-bottom: 10px !important;
    }
    .provider-single-v2 .provider-offer-grid-v2 div,
    .provider-single-v2 .brand-availability--provider-v2 a {
        min-width: 250px !important;
        scroll-snap-align: start !important;
    }
    .provider-single-v2 .provider-method-section .provider-score-breakdown {
        grid-template-columns: 1fr !important;
    }
}
@media (max-width: 560px) {
    .provider-single-v2 .provider-game-rank-card {
        grid-template-columns: 38px 76px minmax(0,1fr) !important;
        padding: 15px !important;
    }
    .provider-single-v2 .provider-game-rank-card__media img {
        width: 76px !important;
        height: 62px !important;
    }
    .provider-single-v2 .provider-game-rank-card__rank span {
        font-size: 32px !important;
    }
    .provider-single-v2 .provider-game-rank-card__actions {
        grid-template-columns: 1fr !important;
    }
    .provider-single-v2 .provider-game-rank-card__score {
        grid-template-columns: 1fr !important;
        text-align: center !important;
    }
    .provider-sidebar-mini-stats {
        grid-template-columns: 1fr !important;
    }
}

/* ========================================================================
   14. PROVIDER SINGLE V15 - strict focus polish for Pragmatic Play page
   ======================================================================== */
.provider-single-v2 {
    --provider-sticky-top: 80px;
    --provider-sidebar-top: 104px;
}

/* Sticky anchor must behave like Mozzart review anchors: full content width, always visible. */
.provider-single-v2 .provider-anchor-shell-v2 {
    position: sticky !important;
    top: var(--provider-sticky-top) !important;
    z-index: 420 !important;
    width: min(100% - 48px, 1280px) !important;
    max-width: 1280px !important;
    margin: 0 auto 22px !important;
    padding: 10px !important;
    border-radius: 15px !important;
    border: 1px solid rgba(51,65,85,.82) !important;
    background: linear-gradient(180deg, rgba(15,23,42,.98), rgba(7,11,20,.94)) !important;
    box-shadow: 0 18px 34px rgba(0,0,0,.24) !important;
    backdrop-filter: blur(14px) !important;
}
.provider-single-v2 .provider-anchor-shell-v2 .review-anchor-nav {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
}
.provider-single-v2 .provider-anchor-shell-v2 .review-anchor-nav a {
    min-height: 46px !important;
    width: 100% !important;
    justify-content: center !important;
    border-radius: 13px !important;
    color: #dbeafe !important;
    background: rgba(2,6,23,.58) !important;
    border: 1px solid rgba(51,65,85,.62) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.02) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}
.provider-single-v2 .provider-anchor-shell-v2 .review-anchor-nav a .material-symbols-outlined {
    color: var(--primary) !important;
    font-size: 18px !important;
}
.provider-single-v2 .provider-anchor-shell-v2 .review-anchor-nav a:hover,
.provider-single-v2 .provider-anchor-shell-v2 .review-anchor-nav a.is-active {
    color: var(--primary) !important;
    background: rgba(251,191,36,.075) !important;
    border-color: rgba(251,191,36,.45) !important;
}

/* Keep layout stable and make sidebar actually sticky below the sticky tabs. */
.provider-single-v2 .provider-review-layout-v2 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 320px !important;
    align-items: start !important;
    gap: 26px !important;
    width: min(100% - 48px, 1280px) !important;
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.provider-single-v2 .provider-review-article { min-width: 0 !important; }
.provider-single-v2 .provider-review-sidebar-v2 {
    position: sticky !important;
    top: var(--provider-sidebar-top) !important;
    align-self: start !important;
    display: grid !important;
    gap: 14px !important;
}
.provider-single-v2 .provider-sidebar-brand-v2 {
    padding: 24px 20px !important;
    text-align: center !important;
    justify-items: center !important;
    gap: 14px !important;
}
.provider-single-v2 .provider-sidebar-brand-v2 img {
    width: 118px !important;
    border-radius: 15px !important;
    border: 1px solid rgba(51,65,85,.82) !important;
    background: rgba(15,23,42,.9) !important;
    padding: 10px !important;
}
.provider-single-v2 .provider-sidebar-brand-v2 > strong {
    font-family: 'Sora', sans-serif !important;
    font-size: 21px !important;
    line-height: 1.1 !important;
}
.provider-single-v2 .provider-sidebar-brand-v2 .sidebar-score {
    display: inline-flex !important;
    align-items: baseline !important;
    justify-content: center !important;
    min-width: 128px !important;
    min-height: 58px !important;
    border-radius: 18px !important;
    background: radial-gradient(circle at 50% 0%, rgba(251,191,36,.15), rgba(2,6,23,.36) 70%) !important;
    border: 1px solid rgba(251,191,36,.26) !important;
    color: var(--primary) !important;
}
.provider-single-v2 .provider-sidebar-mini-stats {
    width: 100% !important;
    grid-template-columns: 1fr !important;
}
.provider-single-v2 .provider-sidebar-mini-stats span {
    padding: 9px 10px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
}
.provider-single-v2 .provider-sidebar-brand-v2 .btn {
    min-height: 46px !important;
    border-radius: 15px !important;
    color: #020617 !important;
    font-weight: 900 !important;
    overflow: hidden !important;
}
.provider-single-v2 .provider-sidebar-brand-v2 .provider-back-link {
    color: #e5e7eb !important;
}
.provider-single-v2 .provider-sidebar-games h3 {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}
.provider-single-v2 .provider-sidebar-games a {
    display: grid !important;
    grid-template-columns: 28px minmax(0,1fr) !important;
    gap: 9px !important;
    align-items: center !important;
    color: #dbeafe !important;
}
.provider-single-v2 .provider-sidebar-games a span {
    width: 28px !important;
    height: 28px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 9px !important;
    background: rgba(251,191,36,.12) !important;
    color: var(--primary) !important;
    border: 1px solid rgba(251,191,36,.24) !important;
}

/* Top game list: numbers outside the box, image starts the card, CTAs stay visible. */
.provider-single-v2 .provider-game-rank-list {
    display: grid !important;
    gap: 20px !important;
    margin-top: 26px !important;
    padding-left: 54px !important;
}
.provider-single-v2 .provider-game-rank-card {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 136px minmax(210px, 1.05fr) minmax(165px, .82fr) 144px 166px !important;
    gap: 16px !important;
    align-items: center !important;
    min-height: 126px !important;
    padding: 18px !important;
    border-radius: 15px !important;
    background:
        linear-gradient(145deg, rgba(30,41,59,.86), rgba(7,11,20,.98) 72%) !important;
    border: 1px solid rgba(51,65,85,.86) !important;
    box-shadow: 0 18px 38px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.025) !important;
    overflow: visible !important;
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease !important;
}
.provider-single-v2 .provider-game-rank-card:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(251,191,36,.54) !important;
    box-shadow: 0 24px 48px rgba(0,0,0,.35), 0 0 0 1px rgba(251,191,36,.06) !important;
}
.provider-single-v2 .provider-game-rank-card--featured {
    margin-top: 8px !important;
    border-color: rgba(251,191,36,.76) !important;
    background:
        radial-gradient(circle at 0% 18%, rgba(251,191,36,.12), transparent 26%),
        linear-gradient(145deg, rgba(30,41,59,.95), rgba(7,11,20,.98) 72%) !important;
}
.provider-single-v2 .provider-game-rank-card__badge {
    position: absolute !important;
    top: -14px !important;
    left: 18px !important;
    z-index: 5 !important;
    height: 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    border-radius: 999px !important;
    padding: 0 14px !important;
    background: linear-gradient(135deg, #ffd772, var(--primary)) !important;
    color: #020617 !important;
    font-size: 11px !important;
    font-weight: 1000 !important;
    letter-spacing: .02em !important;
    box-shadow: 0 10px 24px rgba(251,191,36,.22) !important;
}
.provider-single-v2 .provider-game-rank-card__badge .material-symbols-outlined { font-size: 14px !important; }
.provider-single-v2 .provider-game-rank-card__rank {
    position: absolute !important;
    left: -54px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 4 !important;
    width: 70px !important;
    height: 70px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 20px !important;
    background:
        radial-gradient(circle at 50% 12%, rgba(251,191,36,.18), transparent 55%),
        linear-gradient(145deg, rgba(15,23,42,.98), rgba(2,6,23,.98)) !important;
    border: 1px solid rgba(251,191,36,.36) !important;
    box-shadow: 0 16px 34px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.035) !important;
}
.provider-single-v2 .provider-game-rank-card--featured .provider-game-rank-card__rank { margin-top: 0 !important; }
.provider-single-v2 .provider-game-rank-card__rank span {
    font-family: 'Sora', sans-serif !important;
    font-size: 40px !important;
    line-height: 1 !important;
    color: var(--primary) !important;
    text-shadow: 0 0 24px rgba(251,191,36,.24) !important;
}
.provider-single-v2 .provider-game-rank-card__media {
    position: relative !important;
    z-index: 1 !important;
    min-width: 0 !important;
}
.provider-single-v2 .provider-game-rank-card__media img {
    width: 136px !important;
    height: 88px !important;
    object-fit: cover !important;
    border-radius: 15px !important;
    border: 1px solid rgba(51,65,85,.72) !important;
    box-shadow: 0 12px 22px rgba(0,0,0,.20) !important;
}
.provider-single-v2 .provider-game-rank-card__main {
    display: grid !important;
    gap: 7px !important;
}
.provider-single-v2 .provider-game-rank-card__main h3 {
    margin: 0 !important;
    font-size: 19px !important;
    line-height: 1.13 !important;
}
.provider-single-v2 .provider-game-rank-card__rating {
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 2px !important;
    color: var(--primary) !important;
}
.provider-single-v2 .provider-game-rank-card__rating .material-symbols-outlined { font-size: 15px !important; }
.provider-single-v2 .provider-game-rank-card__rating strong { margin-left: 7px !important; white-space: nowrap !important; }
.provider-single-v2 .provider-game-rank-card__icons {
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}
.provider-single-v2 .provider-game-rank-card__icons span {
    position: relative !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 11px !important;
    display: grid !important;
    place-items: center !important;
    background: rgba(2,6,23,.55) !important;
    border: 1px solid rgba(51,65,85,.78) !important;
    overflow: visible !important;
}
.provider-single-v2 .provider-game-rank-card__icons span:hover {
    border-color: rgba(251,191,36,.48) !important;
    background: rgba(251,191,36,.08) !important;
}
.provider-single-v2 .provider-game-rank-card__icons span:hover::after {
    left: 50% !important;
    top: calc(100% + 8px) !important;
    bottom: auto !important;
    transform: translateX(-50%) !important;
    z-index: 30 !important;
    pointer-events: none !important;
}
.provider-single-v2 .provider-game-rank-card__features {
    display: grid !important;
    gap: 7px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}
.provider-single-v2 .provider-game-rank-card__features span {
    color: #dbeafe !important;
    font-size: 13px !important;
    line-height: 1.28 !important;
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
}
.provider-single-v2 .provider-game-rank-card__features i {
    color: var(--accent-green) !important;
    font-size: 16px !important;
}
.provider-single-v2 .provider-game-rank-card__score {
    min-width: 0 !important;
    padding: 14px 10px !important;
    border-radius: 15px !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(251,191,36,.13), transparent 58%),
        rgba(2,6,23,.46) !important;
    border: 1px solid rgba(251,191,36,.24) !important;
    display: grid !important;
    gap: 3px !important;
    text-align: center !important;
}
.provider-single-v2 .provider-game-rank-card__score small {
    color: #a8c7ef !important;
    font-size: 10.5px !important;
    letter-spacing: .04em !important;
}
.provider-single-v2 .provider-game-rank-card__score strong {
    color: var(--primary) !important;
    font-size: 26px !important;
    line-height: .98 !important;
}
.provider-single-v2 .provider-game-rank-card__score em {
    color: #f8fafc !important;
    font-weight: 900 !important;
    font-size: 11.5px !important;
}
.provider-single-v2 .provider-game-rank-card__actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    align-items: center !important;
    min-width: 0 !important;
}
.provider-single-v2 .provider-game-rank-card__actions .btn {
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    min-height: 43px !important;
    padding: 10px 12px !important;
    border-radius: 14px !important;
    font-size: 13px !important;
    font-weight: 1000 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    box-shadow: none !important;
}
.provider-single-v2 .provider-game-rank-card__actions .btn span,
.provider-single-v2 .provider-game-rank-card__actions .btn .material-symbols-outlined {
    position: relative !important;
    z-index: 2 !important;
    flex: none !important;
}
.provider-single-v2 .provider-game-rank-card__actions .btn--primary {
    color: #020617 !important;
    background: linear-gradient(135deg, #ffd772, var(--primary)) !important;
}
.provider-single-v2 .provider-game-rank-card__actions .provider-game-casino-btn {
    color: #e5e7eb !important;
    background: rgba(255,255,255,.075) !important;
    border: 1px solid rgba(148,163,184,.28) !important;
}
.provider-single-v2 .provider-game-rank-card__actions .provider-game-casino-btn:hover {
    color: var(--primary) !important;
    border-color: rgba(251,191,36,.48) !important;
    background: rgba(251,191,36,.085) !important;
}

/* Provider offer and ad spacing: no glued banner. */
.provider-single-v2 .provider-content-ad {
    margin: 26px 0 !important;
    padding: 0 !important;
}
.provider-single-v2 .provider-content-ad .ad-container {
    border-radius: 15px !important;
    box-shadow: none !important;
}
.provider-single-v2 .provider-content-ad img { border-radius: 15px !important; }
.provider-single-v2 #kazina { margin-top: 0 !important; }

/* Methodology/statistics: more WordPress-like scoring block. */
.provider-single-v2 .provider-method-section .provider-score-breakdown {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
}
.provider-single-v2 .provider-method-section .score-row {
    display: grid !important;
    grid-template-columns: minmax(150px, .9fr) minmax(150px, 1fr) 44px !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 15px !important;
    border-radius: 15px !important;
    background: linear-gradient(145deg, rgba(15,23,42,.92), rgba(2,6,23,.48)) !important;
    border: 1px solid rgba(51,65,85,.72) !important;
}
.provider-single-v2 .provider-method-section .score-row span { font-weight: 900 !important; color: #dbeafe !important; }
.provider-single-v2 .provider-method-section .score-row strong { color: var(--primary) !important; font-family: 'Sora', sans-serif !important; }
.provider-single-v2 .provider-method-copy {
    margin-top: 16px !important;
    padding: 14px 16px !important;
    border-radius: 15px !important;
    border-left: 3px solid var(--primary) !important;
    background: rgba(251,191,36,.045) !important;
}

@media (max-width: 1280px) {
    .provider-single-v2 .provider-game-rank-card {
        grid-template-columns: 120px minmax(0, 1fr) minmax(155px, .8fr) 132px !important;
    }
    .provider-single-v2 .provider-game-rank-card__actions {
        grid-column: 2 / -1 !important;
        grid-template-columns: 1fr 1fr !important;
    }
    .provider-single-v2 .provider-game-rank-card__media img { width: 120px !important; height: 78px !important; }
}
@media (max-width: 1180px) {
    .provider-single-v2 .provider-anchor-shell-v2 {
        top: 72px !important;
        width: calc(100% - 24px) !important;
        overflow: hidden !important;
    }
    .provider-single-v2 .provider-anchor-shell-v2 .review-anchor-nav {
        display: flex !important;
        overflow-x: auto !important;
        scrollbar-width: thin !important;
    }
    .provider-single-v2 .provider-anchor-shell-v2 .review-anchor-nav a {
        width: auto !important;
        flex: 0 0 auto !important;
        padding-inline: 18px !important;
    }
    .provider-single-v2 .provider-review-layout-v2 {
        grid-template-columns: 1fr !important;
        width: calc(100% - 24px) !important;
    }
    .provider-single-v2 .provider-review-sidebar-v2 {
        position: static !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
@media (max-width: 900px) {
    .provider-single-v2 .provider-game-rank-list {
        padding-left: 0 !important;
    }
    .provider-single-v2 .provider-game-rank-card {
        grid-template-columns: 42px 90px minmax(0,1fr) !important;
        gap: 12px !important;
        padding: 16px !important;
    }
    .provider-single-v2 .provider-game-rank-card__rank {
        position: static !important;
        transform: none !important;
        width: 42px !important;
        height: 62px !important;
        border-radius: 14px !important;
    }
    .provider-single-v2 .provider-game-rank-card__rank span { font-size: 30px !important; }
    .provider-single-v2 .provider-game-rank-card__media img { width: 90px !important; height: 66px !important; }
    .provider-single-v2 .provider-game-rank-card__features,
    .provider-single-v2 .provider-game-rank-card__score,
    .provider-single-v2 .provider-game-rank-card__actions {
        grid-column: 1 / -1 !important;
    }
    .provider-single-v2 .provider-game-rank-card__features {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        padding: 12px !important;
        border-radius: 15px !important;
        background: rgba(2,6,23,.32) !important;
        border: 1px solid rgba(51,65,85,.55) !important;
    }
    .provider-single-v2 .provider-game-rank-card__score {
        grid-template-columns: repeat(3, 1fr) !important;
        text-align: left !important;
        align-items: center !important;
    }
    .provider-single-v2 .provider-game-rank-card__actions {
        grid-template-columns: 1fr 1fr !important;
    }
    .provider-single-v2 .provider-review-sidebar-v2 {
        grid-template-columns: 1fr !important;
    }
    .provider-single-v2 .provider-method-section .provider-score-breakdown,
    .provider-single-v2 .provider-method-section .score-row {
        grid-template-columns: 1fr !important;
    }
}
@media (max-width: 560px) {
    .provider-single-v2 .provider-game-rank-card {
        grid-template-columns: 38px 74px minmax(0, 1fr) !important;
        padding: 14px !important;
    }
    .provider-single-v2 .provider-game-rank-card__media img { width: 74px !important; height: 58px !important; }
    .provider-single-v2 .provider-game-rank-card__main h3 { font-size: 16px !important; }
    .provider-single-v2 .provider-game-rank-card__rating strong { display: block !important; width: 100% !important; margin-left: 0 !important; }
    .provider-single-v2 .provider-game-rank-card__features {
        grid-template-columns: 1fr !important;
    }
    .provider-single-v2 .provider-game-rank-card__score {
        grid-template-columns: 1fr !important;
        text-align: center !important;
    }
    .provider-single-v2 .provider-game-rank-card__actions {
        grid-template-columns: 1fr !important;
    }
}

/* ========================================================================
   PRAGMATIC PLAY SINGLE - CLEAN REBUILD FROM MOZZART REVIEW STRUCTURE
   ======================================================================== */
.pp-rebuild-body {
    --review-wide: 1460px;
    --pp-sidebar-width: 330px;
}
.pp-rebuild-body .floating-ad { display: none !important; }
.pp-rebuild-main { overflow: visible !important; }
.pp-rebuild-body .pp-hero {
    max-width: var(--review-wide) !important;
    margin: 28px auto 24px !important;
    min-height: 0 !important;
    padding: 40px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 320px !important;
    gap: 34px !important;
    align-items: center !important;
    border-radius: 16px !important;
    overflow: hidden !important;
}
.pp-rebuild-body .pp-hero .review-hero__main { min-width: 0; }
.pp-rebuild-body .pp-brandline {
    display: grid !important;
    grid-template-columns: 150px minmax(0, 1fr) !important;
    gap: 26px !important;
    align-items: center !important;
}
.pp-rebuild-body .pp-logo-box {
    width: 150px !important;
    min-width: 150px !important;
    height: 112px !important;
    border-radius: 15px !important;
    display: grid !important;
    place-items: center !important;
}
.pp-rebuild-body .pp-logo-box img { width: 118px !important; height: auto !important; object-fit: contain !important; }
.pp-rebuild-body .pp-hero h1 {
    font-size: clamp(48px, 6vw, 78px) !important;
    line-height: .94 !important;
    letter-spacing: -2.8px !important;
    margin: 10px 0 14px !important;
    max-width: 760px !important;
}
.pp-rebuild-body .pp-hero p {
    max-width: 850px !important;
    font-size: 17px !important;
    line-height: 1.65 !important;
}
.pp-rebuild-body .pp-meta-row { margin-top: 22px !important; }
.pp-rebuild-body .pp-meta-row span {
    border-radius: 999px !important;
    padding: 10px 14px !important;
    background: rgba(7,11,20,.46) !important;
}
.pp-rebuild-body .pp-hero-actions { margin-top: 22px !important; }
.pp-rebuild-body .pp-hero-actions .btn {
    border-radius: 15px !important;
    min-width: 210px !important;
    min-height: 58px !important;
    white-space: nowrap !important;
}
.pp-rebuild-body .pp-score-card {
    min-height: 336px !important;
    border-radius: 16px !important;
    align-content: center !important;
    justify-items: center !important;
    padding: 26px !important;
    background: radial-gradient(circle at 50% 34%, rgba(251,191,36,.13), transparent 34%), rgba(7,11,20,.88) !important;
}
.pp-score-ring {
    --score: 97;
    width: 166px;
    height: 166px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    position: relative;
    margin: 10px auto 8px;
    background: conic-gradient(var(--primary) calc(var(--score) * 1%), rgba(148,163,184,.22) 0);
    box-shadow: 0 0 34px rgba(251,191,36,.18);
    animation: ppScorePulse 2.8s ease-in-out infinite;
}
.pp-score-ring::after {
    content: '';
    position: absolute;
    inset: 13px;
    border-radius: inherit;
    background: #0b1426;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.04);
}
.pp-score-ring span,
.pp-score-ring small { position: relative; z-index: 2; font-family: 'Sora', sans-serif; }
.pp-score-ring span { color: var(--primary); font-size: 54px; font-weight: 900; line-height: .8; }
.pp-score-ring small { color: #cbd5e1; font-size: 15px; font-weight: 900; position: absolute; bottom: 44px; }
@keyframes ppScorePulse { 0%,100% { transform: scale(1); } 50% { transform: scale(1.025); } }
.pp-score-notes { border-top: 1px solid rgba(51,65,85,.85); margin-top: 10px; padding-top: 14px; width: 100%; display: grid; gap: 8px; color: #cbd5e1; font-weight: 800; text-align: center; font-size: 13px; }

.pp-rebuild-body .pp-facts {
    max-width: var(--review-wide) !important;
    grid-template-columns: repeat(6, minmax(0,1fr)) !important;
    gap: 14px !important;
    margin: 0 auto 26px !important;
}
.pp-rebuild-body .pp-facts .review-fact {
    min-height: 104px !important;
    padding: 16px !important;
    border-radius: 15px !important;
    align-content: start !important;
    background: linear-gradient(145deg, rgba(15,23,42,.96), rgba(7,11,20,.78)) !important;
    position: relative !important;
    overflow: hidden !important;
}
.pp-rebuild-body .pp-facts .review-fact::after {
    content: attr(data-bg-icon);
    font-family: 'Material Symbols Outlined';
    position: absolute;
    right: -8px;
    bottom: -20px;
    color: rgba(251,191,36,.045);
    font-size: 86px;
    pointer-events: none;
}
.pp-rebuild-body .pp-facts .review-fact > .material-symbols-outlined {
    width: 42px;
    height: 42px;
    border-radius: 13px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(251,191,36,.34);
    background: rgba(251,191,36,.08);
    margin-bottom: 8px;
}

.pp-rebuild-body .pp-anchor-shell {
    max-width: var(--review-wide) !important;
    position: sticky !important;
    top: 82px !important;
    z-index: 160 !important;
    margin: 0 auto 22px !important;
    padding: 0 20px !important;
}
.pp-rebuild-body .pp-anchor-nav {
    position: static !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0,1fr)) !important;
    gap: 10px !important;
    overflow: visible !important;
    border-radius: 16px !important;
    padding: 11px !important;
    background: rgba(15,23,42,.97) !important;
    backdrop-filter: blur(16px) !important;
}
.pp-rebuild-body .pp-anchor-nav a {
    justify-content: center !important;
    min-height: 46px !important;
    border-radius: 12px !important;
    background: rgba(7,11,20,.72) !important;
    border: 1px solid rgba(51,65,85,.75) !important;
    color: #cbd5e1 !important;
    font-weight: 900 !important;
}
.pp-rebuild-body .pp-anchor-nav a:hover,
.pp-rebuild-body .pp-anchor-nav a.is-active {
    color: var(--primary) !important;
    border-color: rgba(251,191,36,.55) !important;
    background: rgba(251,191,36,.08) !important;
}

.pp-rebuild-body .pp-layout {
    max-width: var(--review-wide) !important;
    grid-template-columns: minmax(0, 1fr) var(--pp-sidebar-width) !important;
    gap: 26px !important;
    align-items: start !important;
    overflow: visible !important;
}
.pp-rebuild-body .pp-main-article { min-width: 0 !important; overflow: visible !important; }
.pp-rebuild-body .pp-main-article .review-section { border-radius: 15px !important; overflow: hidden !important; }
.pp-games-section { overflow: visible !important; }
.pp-game-list { display: grid; gap: 16px; margin-top: 20px; overflow: visible; }
.pp-game-card {
    position: relative;
    display: grid;
    grid-template-columns: 132px minmax(180px,1.15fr) minmax(170px,.9fr) 138px 118px;
    gap: 18px;
    align-items: center;
    padding: 22px 18px 22px 24px;
    border: 1px solid rgba(51,65,85,.92);
    border-radius: 15px;
    background: linear-gradient(135deg, rgba(15,23,42,.96), rgba(7,11,20,.88));
    box-shadow: 0 14px 32px rgba(0,0,0,.16);
    overflow: hidden;
}
.pp-game-card.is-featured { border-color: rgba(251,191,36,.72); background: linear-gradient(135deg, rgba(30,41,59,.98), rgba(7,11,20,.9)); }
.pp-game-rank {
    position: absolute;
    left: 14px;
    top: 12px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border: 1px solid rgba(251,191,36,.38);
    border-radius: 999px;
    background: rgba(7,11,20,.86);
    color: var(--primary);
    box-shadow: 0 8px 22px rgba(0,0,0,.22);
}
.pp-game-rank span { font-family:'Sora',sans-serif; font-size: 18px; font-weight: 900; line-height: 1; }
.pp-game-rank small { color: #f8fafc; text-transform: uppercase; font-size: 10px; font-weight: 900; letter-spacing: .03em; }
.pp-game-thumb { width: 132px; height: 84px; border-radius: 13px; overflow: hidden; border: 1px solid rgba(51,65,85,.86); margin-top: 18px; }
.pp-game-thumb img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; }
.pp-game-info h3 { margin: 0 0 7px; font-family: 'Sora', sans-serif; font-size: 20px; line-height: 1.12; }
.pp-game-rating { display: flex; align-items: center; gap: 9px; color: var(--primary); font-size: 13px; font-weight: 900; margin-bottom: 10px; }
.pp-game-rating span { letter-spacing: 1px; }
.pp-icon-row { display: flex; gap: 8px; flex-wrap: wrap; }
.pp-icon-row span {
    font-family: 'Material Symbols Outlined';
    width: 34px;
    height: 34px;
    border: 1px solid rgba(51,65,85,.9);
    border-radius: 10px;
    display: grid;
    place-items: center;
    color: var(--primary);
    background: rgba(7,11,20,.55);
    font-size: 18px;
}
.pp-game-features { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; min-width: 0; }
.pp-game-features li { color: #dbeafe; display: flex; align-items: flex-start; gap: 7px; font-size: 14px; line-height: 1.25; }
.pp-game-features li::before { content:'check_circle'; font-family:'Material Symbols Outlined'; color: var(--accent-green); font-size: 16px; flex:0 0 auto; }
.pp-rtp-box {
    min-height: 86px;
    border: 1px solid rgba(251,191,36,.35);
    border-radius: 15px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 2px;
    background: rgba(7,11,20,.65);
    text-align: center;
    padding: 10px;
}
.pp-rtp-box small { color: #b6cdf0; text-transform: uppercase; font-weight: 900; font-size: 11px; }
.pp-rtp-box strong { color: var(--primary); font-family:'Sora',sans-serif; font-size: 30px; line-height: 1; }
.pp-rtp-box span { color: #f8fafc; font-size: 12px; font-weight: 900; }
.pp-game-actions { display: grid; gap: 8px; min-width: 0; }
.pp-game-btn {
    min-height: 42px;
    border-radius: 13px;
    padding: 9px 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid rgba(51,65,85,.92);
    background: rgba(255,255,255,.08);
    color: #f8fafc;
    font-weight: 900;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
}
.pp-game-btn .material-symbols-outlined { font-size: 17px; color: currentColor; }
.pp-game-btn--primary { background: var(--primary); color: #020617 !important; border-color: var(--primary); }
.pp-game-btn:hover { transform: translateY(-1px); border-color: rgba(251,191,36,.5); }
.pp-load-more { margin-top: 20px; }
.pp-load-more .btn { border-radius: 15px !important; }

.pp-offer-grid { grid-template-columns: repeat(4,minmax(0,1fr)) !important; }
.pp-offer-grid div { min-height: 180px; border-radius: 15px; position: relative; overflow: hidden; }
.pp-content-ad { margin: 22px 0 !important; padding: 0 !important; max-width: none !important; }
.pp-content-ad img { border-radius: 15px !important; }
.pp-casino-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.pp-casino-grid a { display: grid; grid-template-columns: 108px 1fr; gap: 14px; align-items: center; border:1px solid rgba(51,65,85,.88); background:rgba(7,11,20,.45); border-radius:15px; padding:14px; }
.pp-casino-grid img { width: 108px; height: 54px; object-fit: contain; background:rgba(15,23,42,.86); border:1px solid rgba(51,65,85,.7); border-radius:9px; }
.pp-casino-grid strong { font-family:'Sora',sans-serif; color:#f8fafc; }
.pp-casino-grid span { color:var(--text-muted); font-size:13px; }
.pp-casino-grid a:hover { border-color:rgba(251,191,36,.55); transform:translateY(-2px); }
.pp-score-breakdown .score-row { grid-template-columns: 210px 1fr 54px; }

.pp-rebuild-body .pp-sidebar {
    position: sticky !important;
    top: 156px !important;
    align-self: start !important;
    display: grid !important;
    gap: 14px !important;
    max-height: calc(100vh - 170px) !important;
    overflow: auto !important;
    padding-right: 3px !important;
}
.pp-rebuild-body .pp-sidebar::-webkit-scrollbar { width: 6px; }
.pp-rebuild-body .pp-sidebar::-webkit-scrollbar-thumb { background: rgba(148,163,184,.35); border-radius: 99px; }
.pp-sidebar-main { border-radius: 15px !important; padding: 22px !important; background: linear-gradient(160deg, rgba(15,23,42,.98), rgba(7,11,20,.94)) !important; }
.pp-sidebar-main img { width: 128px !important; height: 64px !important; object-fit: contain; border: 1px solid rgba(51,65,85,.8); background: rgba(15,23,42,.8); border-radius: 12px; padding: 8px; }
.pp-sidebar-score { min-width: 132px; min-height: 66px; border-radius: 17px; border:1px solid rgba(251,191,36,.35); background:rgba(251,191,36,.05); display:flex; align-items:baseline; justify-content:center; gap:2px; color:var(--primary); font-family:'Sora',sans-serif; font-weight:900; }
.pp-sidebar-score span { font-size: 34px; }
.pp-sidebar-score small { color:#cbd5e1; font-size:15px; }
.pp-sidebar-stats { width:100%; display:grid; gap:8px; }
.pp-sidebar-stats span { border:1px solid rgba(51,65,85,.75); border-radius:999px; padding:8px 10px; color:#dbeafe; font-size:12px; font-weight:900; background:rgba(7,11,20,.45); }
.pp-sidebar .btn { width:100%; min-height:46px; border-radius:14px !important; }
.pp-sidebar-nav, .pp-sidebar-top { border-radius:15px !important; }
.pp-sidebar-nav a, .pp-sidebar-top a { border-bottom:1px solid rgba(51,65,85,.55); }
.pp-sidebar-top span { border-radius: 9px !important; }
.pp-related .related-grid a .material-symbols-outlined { color: var(--primary); font-size: 34px; }

@media (max-width: 1240px) {
    .pp-rebuild-body .pp-facts { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
    .pp-game-card { grid-template-columns: 118px 1fr 150px; }
    .pp-game-features { grid-column: 2 / 3; }
    .pp-game-actions { grid-column: 3 / 4; grid-row: 1 / span 2; }
    .pp-rtp-box { grid-column: 3 / 4; }
}
@media (max-width: 1100px) {
    .pp-rebuild-body .pp-hero { grid-template-columns: 1fr !important; }
    .pp-rebuild-body .pp-score-card { max-width: 460px; }
    .pp-rebuild-body .pp-layout { grid-template-columns: 1fr !important; }
    .pp-rebuild-body .pp-sidebar { position: static !important; max-height: none !important; overflow: visible !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
    .pp-sidebar-main { grid-column: 1 / -1; }
}
@media (max-width: 820px) {
    .pp-rebuild-body .pp-hero { padding: 24px !important; margin-left: 14px !important; margin-right: 14px !important; }
    .pp-rebuild-body .pp-brandline { grid-template-columns: 1fr !important; gap:16px !important; }
    .pp-rebuild-body .pp-hero h1 { font-size: 42px !important; letter-spacing: -1.3px !important; }
    .pp-rebuild-body .pp-facts { display:flex !important; overflow-x:auto !important; scroll-snap-type:x proximity !important; padding-bottom:12px !important; }
    .pp-rebuild-body .pp-facts .review-fact { min-width: 230px !important; scroll-snap-align:start !important; }
    .pp-rebuild-body .pp-anchor-shell { top: 72px !important; }
    .pp-rebuild-body .pp-anchor-nav { display:flex !important; overflow-x:auto !important; scroll-snap-type:x proximity !important; }
    .pp-rebuild-body .pp-anchor-nav a { min-width: 160px; flex:0 0 auto; }
    .pp-game-card { grid-template-columns: 96px minmax(0,1fr); padding: 18px; }
    .pp-game-rank { position: static; grid-column: 1 / -1; width: max-content; }
    .pp-game-thumb { width: 96px; height: 70px; margin-top:0; }
    .pp-game-features, .pp-rtp-box, .pp-game-actions { grid-column: 1 / -1; }
    .pp-game-actions { grid-template-columns: 1fr 1fr; }
    .pp-offer-grid, .pp-casino-grid { display:flex !important; overflow-x:auto; scroll-snap-type:x proximity; }
    .pp-offer-grid div, .pp-casino-grid a { min-width: 260px; scroll-snap-align:start; }
}
@media (max-width: 540px) {
    .pp-rebuild-body .pp-sidebar { grid-template-columns: 1fr !important; }
    .pp-game-actions { grid-template-columns: 1fr; }
    .pp-score-ring { width:142px; height:142px; }
    .pp-score-ring span { font-size:44px; }
    .pp-score-ring small { bottom:36px; }
}


/* ========================================================================
   PRAGMATIC PLAY SINGLE - FINAL FINISH 19
   Focus: clean sidebar, compact info list, CTA states, related carousel
   ======================================================================== */
.pp-rebuild-body .pp-hero{
    grid-template-columns:minmax(0,1fr) 330px !important;
}
.pp-rebuild-body .pp-meta-row{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px 16px !important;
    max-width:760px !important;
    margin-top:20px !important;
}
.pp-rebuild-body .pp-meta-row span{
    display:grid !important;
    grid-template-columns:36px minmax(0,1fr) !important;
    align-items:center !important;
    gap:10px !important;
    padding:0 !important;
    min-height:38px !important;
    background:transparent !important;
    border:0 !important;
    color:#dbeafe !important;
    font-weight:900 !important;
}
.pp-rebuild-body .pp-meta-row span .material-symbols-outlined{
    width:36px !important;
    height:36px !important;
    border-radius:12px !important;
    display:grid !important;
    place-items:center !important;
    color:var(--primary) !important;
    background:rgba(251,191,36,.09) !important;
    border:1px solid rgba(251,191,36,.28) !important;
    font-size:18px !important;
}
.pp-rebuild-body .pp-provider-list-btn,
.pp-rebuild-body .pp-hero-actions .btn--outline{
    color:#f8fafc !important;
    background:rgba(255,255,255,.075) !important;
    border-color:rgba(148,163,184,.32) !important;
}
.pp-rebuild-body .pp-provider-list-btn:hover,
.pp-rebuild-body .pp-hero-actions .btn--outline:hover{
    color:var(--primary) !important;
    background:rgba(251,191,36,.08) !important;
    border-color:rgba(251,191,36,.45) !important;
}
/* Compact lower facts: icon left, text right, no nested-box feeling. */
.pp-rebuild-body .pp-facts{
    gap:12px !important;
}
.pp-rebuild-body .pp-facts .review-fact{
    min-height:86px !important;
    display:grid !important;
    grid-template-columns:42px minmax(0,1fr) !important;
    align-items:center !important;
    align-content:center !important;
    text-align:left !important;
    justify-items:stretch !important;
    gap:12px !important;
    padding:16px !important;
}
.pp-rebuild-body .pp-facts .review-fact > .material-symbols-outlined{
    margin:0 !important;
    grid-row:1 !important;
    flex:none !important;
}
.pp-rebuild-body .pp-facts .review-fact div{
    display:grid !important;
    gap:3px !important;
    justify-items:start !important;
    position:relative !important;
    z-index:2 !important;
}
.pp-rebuild-body .pp-facts .review-fact small{font-size:10px !important;line-height:1.1 !important;color:#93a4ba !important;}
.pp-rebuild-body .pp-facts .review-fact strong{font-size:14px !important;line-height:1.16 !important;color:#fff !important;}
.pp-rebuild-body .pp-facts .review-fact::after{font-size:78px !important;right:-14px !important;bottom:-30px !important;}
/* Sticky sidebar should not be an inner scroll panel. */
.pp-rebuild-body .pp-sidebar{
    position:sticky !important;
    top:150px !important;
    max-height:none !important;
    overflow:visible !important;
    padding-right:0 !important;
    align-self:start !important;
}
.pp-sidebar-main{
    padding:24px 22px !important;
    border-color:rgba(251,191,36,.42) !important;
    background:
      radial-gradient(circle at 50% 0%, rgba(251,191,36,.12), transparent 35%),
      linear-gradient(150deg, rgba(15,23,42,.98), rgba(2,6,23,.96)) !important;
    box-shadow:0 22px 52px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.035) !important;
}
.pp-sidebar-main img{margin-bottom:8px !important;}
.pp-sidebar-main > strong{font-size:22px !important;line-height:1.15 !important;margin-top:4px !important;}
.pp-sidebar-score{
    width:144px !important;
    height:144px !important;
    min-width:144px !important;
    min-height:144px !important;
    border-radius:50% !important;
    position:relative !important;
    display:grid !important;
    place-items:center !important;
    align-content:center !important;
    gap:0 !important;
    border:0 !important;
    background:conic-gradient(var(--primary) 0 349deg, rgba(148,163,184,.23) 349deg 360deg) !important;
    box-shadow:0 0 0 7px rgba(251,191,36,.055), 0 20px 38px rgba(251,191,36,.10) !important;
    margin:4px auto !important;
}
.pp-sidebar-score::after{
    content:'';
    position:absolute;
    inset:12px;
    border-radius:50%;
    background:#0b1426;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);
}
.pp-sidebar-score span,.pp-sidebar-score small{position:relative;z-index:2;}
.pp-sidebar-score span{font-size:44px !important;line-height:.85 !important;}
.pp-sidebar-score small{font-size:14px !important;color:#cbd5e1 !important;margin-top:-28px !important;}
.pp-sidebar-stats{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    flex-wrap:wrap !important;
    margin:6px 0 4px !important;
}
.pp-sidebar-stats span{
    width:auto !important;
    min-width:auto !important;
    border-radius:999px !important;
    padding:7px 10px !important;
    font-size:11px !important;
    line-height:1 !important;
    color:#dbeafe !important;
    background:rgba(2,6,23,.42) !important;
    border:1px solid rgba(51,65,85,.72) !important;
}
.pp-sidebar .btn--primary{color:#020617 !important;}
.pp-sidebar-nav h3,.pp-sidebar-top h3{
    color:var(--primary) !important;
    text-transform:uppercase !important;
    letter-spacing:.04em !important;
    font-size:15px !important;
    margin-bottom:12px !important;
}
.pp-sidebar-nav a,.pp-sidebar-top a{
    display:grid !important;
    grid-template-columns:30px minmax(0,1fr) !important;
    gap:10px !important;
    align-items:center !important;
    padding:11px 10px !important;
    border-radius:12px !important;
    border:1px solid transparent !important;
    color:#dbeafe !important;
    background:rgba(2,6,23,.25) !important;
    margin-bottom:7px !important;
}
.pp-sidebar-nav a:hover,.pp-sidebar-top a:hover{
    color:var(--primary) !important;
    border-color:rgba(251,191,36,.30) !important;
    background:rgba(251,191,36,.055) !important;
}
.pp-sidebar-nav a .material-symbols-outlined,.pp-sidebar-top a span{
    width:28px !important;height:28px !important;display:grid !important;place-items:center !important;border-radius:9px !important;
    background:rgba(251,191,36,.09) !important;border:1px solid rgba(251,191,36,.25) !important;color:var(--primary) !important;
}
/* Game cards: remove outer rank column feel, improve CTA and tooltip. */
.pp-game-card{
    grid-template-columns:132px minmax(190px,1.05fr) minmax(170px,.9fr) 140px 126px !important;
    padding:20px !important;
    overflow:visible !important;
}
.pp-game-rank{
    left:14px !important;
    top:12px !important;
    height:30px !important;
    padding:0 10px !important;
    background:linear-gradient(135deg, rgba(2,6,23,.96), rgba(15,23,42,.92)) !important;
}
.pp-game-thumb{margin-top:22px !important;}
.pp-game-btn{
    color:#f8fafc !important;
    background:rgba(255,255,255,.075) !important;
    border-color:rgba(148,163,184,.30) !important;
    overflow:hidden !important;
    position:relative !important;
    transition:transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease !important;
}
.pp-game-btn--primary{color:#020617 !important;background:linear-gradient(135deg,#ffd772,var(--primary)) !important;border-color:rgba(251,191,36,.92) !important;}
.pp-game-btn:hover{transform:translateY(-1px) !important;color:var(--primary) !important;background:rgba(251,191,36,.08) !important;border-color:rgba(251,191,36,.48) !important;}
.pp-game-btn--primary:hover{color:#020617 !important;background:linear-gradient(135deg,#ffe08a,#fbbf24) !important;}
.pp-icon-row span{position:relative !important;overflow:visible !important;}
.pp-icon-row span::after{
    content:attr(title);
    position:absolute;
    left:50%;
    top:calc(100% + 8px);
    transform:translateX(-50%);
    white-space:nowrap;
    padding:6px 9px;
    border-radius:8px;
    background:#020617;
    color:#f8fafc;
    border:1px solid rgba(251,191,36,.28);
    font-family:'Inter',sans-serif;
    font-size:11px;
    font-weight:800;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    z-index:40;
}
.pp-icon-row span:hover::after{opacity:1;visibility:visible;}
.pp-rtp-box strong{
    font-family:'Anton','Sora',sans-serif !important;
    font-weight:400 !important;
    letter-spacing:.01em !important;
    font-size:36px !important;
}
.pp-content-ad{margin:28px 0 !important;}
.pp-content-ad + #kazina{margin-top:0 !important;}
/* Related provider carousel */
.pp-related{max-width:var(--review-wide) !important;margin:70px auto 80px !important;padding:0 24px !important;}
.pp-related-carousel{
    display:flex;
    gap:16px;
    overflow-x:auto;
    scroll-snap-type:x proximity;
    padding:8px 2px 14px;
}
.pp-related-provider-card{
    position:relative;
    flex:0 0 360px;
    min-height:132px;
    display:grid;
    grid-template-columns:110px minmax(0,1fr);
    gap:16px;
    align-items:center;
    padding:18px;
    border-radius:16px;
    border:1px solid rgba(51,65,85,.86);
    background:linear-gradient(135deg, rgba(15,23,42,.95), rgba(2,6,23,.72));
    overflow:hidden;
    scroll-snap-align:start;
}
.pp-related-provider-card::after{
    content:attr(data-bg-icon);
    font-family:'Material Symbols Outlined';
    position:absolute;
    right:-16px;
    bottom:-32px;
    font-size:122px;
    color:rgba(251,191,36,.045);
    pointer-events:none;
}
.pp-related-provider-card img{
    width:110px;height:58px;object-fit:contain;border-radius:12px;background:rgba(2,6,23,.40);border:1px solid rgba(51,65,85,.7);padding:6px;position:relative;z-index:1;
}
.pp-related-provider-card span{display:grid;gap:6px;position:relative;z-index:1;}
.pp-related-provider-card strong{font-family:'Sora',sans-serif;font-size:18px;color:#fff;}
.pp-related-provider-card small{color:#9fb2cc;line-height:1.45;font-size:13px;}
.pp-related-provider-card:hover{border-color:rgba(251,191,36,.50);transform:translateY(-2px);}
@media(max-width:1240px){
  .pp-game-card{grid-template-columns:118px 1fr 150px !important;}
}
@media(max-width:1100px){
  .pp-rebuild-body .pp-sidebar{position:static !important;}
}
@media(max-width:820px){
  .pp-rebuild-body .pp-meta-row{grid-template-columns:1fr !important;}
  .pp-game-card{grid-template-columns:96px minmax(0,1fr) !important;}
  .pp-related-provider-card{flex-basis:310px;grid-template-columns:92px 1fr;}
  .pp-related-provider-card img{width:92px;}
}


/* ======================================================================
   PRAGMATIC FINAL POLISH 20 - only provider single refinements
   ====================================================================== */
.pp-rebuild-body .pp-meta-row{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:10px 12px !important;
    align-items:center !important;
    margin-top:24px !important;
}
.pp-rebuild-body .pp-meta-row span{
    min-height:42px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
    padding:8px 14px 8px 8px !important;
    border-radius:999px !important;
    background:rgba(2,6,23,.38) !important;
    border:1px solid rgba(51,65,85,.78) !important;
    color:#e5eefc !important;
    font-size:13px !important;
    line-height:1.15 !important;
    font-weight:850 !important;
    white-space:nowrap !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important;
}
.pp-rebuild-body .pp-meta-row span .material-symbols-outlined{
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:50% !important;
    background:rgba(251,191,36,.12) !important;
    border:1px solid rgba(251,191,36,.28) !important;
    color:var(--primary) !important;
    font-size:16px !important;
    line-height:1 !important;
}
.pp-rebuild-body .pp-hero-actions{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:12px !important;
    margin-top:22px !important;
}
.pp-rebuild-body .pp-hero-actions .btn{
    min-height:54px !important;
    border-radius:15px !important;
}
.pp-rebuild-body .pp-hero-actions .btn--outline,
.pp-rebuild-body .pp-hero-actions a[href="slot-provajderi.html"]{
    color:#f8fafc !important;
    background:rgba(255,255,255,.08) !important;
    border-color:rgba(148,163,184,.32) !important;
}
.pp-rebuild-body .pp-hero-actions .btn--outline:hover,
.pp-rebuild-body .pp-hero-actions a[href="slot-provajderi.html"]:hover{
    color:var(--primary) !important;
    border-color:rgba(251,191,36,.45) !important;
    background:rgba(251,191,36,.08) !important;
}

/* Game rows: cleaner height, smaller RTP, stronger CTA, stable tooltip */
.pp-game-card{
    grid-template-columns:132px minmax(210px,1.1fr) minmax(160px,.82fr) 124px 118px !important;
    gap:16px !important;
    padding:18px 18px !important;
    border-radius:15px !important;
    align-items:center !important;
    min-height:138px !important;
}
.pp-game-rank{
    top:11px !important;
    left:12px !important;
    height:28px !important;
    padding:0 9px !important;
    gap:6px !important;
    border-radius:999px !important;
}
.pp-game-rank span{
    font-size:16px !important;
}
.pp-game-rank small{
    font-size:9px !important;
    letter-spacing:.025em !important;
}
.pp-game-thumb{
    width:132px !important;
    height:78px !important;
    margin-top:18px !important;
    border-radius:12px !important;
}
.pp-game-info h3{
    font-size:20px !important;
    line-height:1.12 !important;
    margin-bottom:6px !important;
}
.pp-game-rating{
    gap:8px !important;
    margin-bottom:8px !important;
}
.pp-icon-row{
    gap:7px !important;
}
.pp-icon-row span{
    width:32px !important;
    height:32px !important;
    border-radius:9px !important;
    display:grid !important;
    place-items:center !important;
    overflow:visible !important;
}
.pp-icon-row span::after{
    bottom:auto !important;
    top:calc(100% + 7px) !important;
    border-radius:6px !important;
    padding:5px 8px !important;
    z-index:80 !important;
}
.pp-game-features{
    gap:7px !important;
}
.pp-game-features li{
    font-size:14px !important;
    line-height:1.22 !important;
}
.pp-rtp-box{
    width:124px !important;
    min-width:124px !important;
    padding:12px 10px !important;
    border-radius:13px !important;
    gap:3px !important;
    min-height:86px !important;
}
.pp-rtp-box small{
    font-size:10px !important;
    line-height:1 !important;
    letter-spacing:.02em !important;
}
.pp-rtp-box strong{
    font-family:'Anton','Sora',sans-serif !important;
    font-size:30px !important;
    font-weight:400 !important;
    letter-spacing:.01em !important;
    line-height:.98 !important;
}
.pp-rtp-box span{
    font-size:11px !important;
    line-height:1.1 !important;
}
.pp-game-actions{
    gap:8px !important;
}
.pp-game-btn{
    min-height:42px !important;
    border-radius:6px !important;
    padding:9px 10px !important;
    font-size:14px !important;
    font-weight:900 !important;
    color:#f8fafc !important;
    background:rgba(255,255,255,.075) !important;
    border:1px solid rgba(148,163,184,.34) !important;
    box-shadow:none !important;
}
.pp-game-btn--primary{
    color:#020617 !important;
    background:linear-gradient(135deg,#ffd978,#fbbf24) !important;
    border-color:rgba(251,191,36,.95) !important;
    box-shadow:0 10px 22px rgba(251,191,36,.14) !important;
}
.pp-game-btn::before{
    content:'';
    position:absolute;
    inset:0;
    transform:translateX(-120%) skewX(-18deg);
    background:linear-gradient(90deg, transparent, rgba(255,255,255,.30), transparent);
    transition:transform .45s ease;
    pointer-events:none;
}
.pp-game-btn:hover::before{
    transform:translateX(120%) skewX(-18deg);
}
.pp-game-btn:hover{
    transform:translateY(-2px) !important;
    color:#fff !important;
    border-color:rgba(251,191,36,.52) !important;
    background:rgba(251,191,36,.09) !important;
}
.pp-game-btn--primary:hover{
    color:#020617 !important;
    background:linear-gradient(135deg,#ffe6a3,#fbbf24) !important;
}
.pp-game-btn .material-symbols-outlined{
    font-size:16px !important;
}

/* Sidebar score polish */
.pp-sidebar-main{
    padding:22px !important;
    overflow:hidden !important;
}
.pp-sidebar-main img{
    margin-bottom:8px !important;
}
.pp-sidebar-main > strong{
    margin-top:4px !important;
}
.pp-sidebar-score{
    width:132px !important;
    height:88px !important;
    min-width:132px !important;
    min-height:88px !important;
    border-radius:18px !important;
    flex-direction:row !important;
    align-items:baseline !important;
    background:radial-gradient(circle at 50% 0%, rgba(251,191,36,.16), rgba(2,6,23,.65) 64%) !important;
    border:1px solid rgba(251,191,36,.42) !important;
    box-shadow:0 18px 40px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.pp-sidebar-score::after{
    display:none !important;
}
.pp-sidebar-score span{
    font-size:38px !important;
    line-height:1 !important;
}
.pp-sidebar-score small{
    position:relative !important;
    margin:0 !important;
    font-size:15px !important;
}
.pp-sidebar-stats{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    gap:8px !important;
}
.pp-sidebar-stats span{
    flex:0 1 auto !important;
    padding:8px 11px !important;
    font-size:12px !important;
    min-width:auto !important;
}
.pp-sidebar-nav h3{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
}
.pp-sidebar-nav h3::before{
    content:'menu_book';
    font-family:'Material Symbols Outlined';
    width:28px;
    height:28px;
    display:grid;
    place-items:center;
    border-radius:8px;
    border:1px solid rgba(251,191,36,.25);
    background:rgba(251,191,36,.08);
    color:var(--primary);
    font-size:17px;
}

/* Related carousel: premium cards without ugly native scrollbar */
.pp-related-carousel{
    padding:8px 2px 18px !important;
    scrollbar-width:none !important;
    -ms-overflow-style:none !important;
}
.pp-related-carousel::-webkit-scrollbar{
    display:none !important;
}
.pp-related-provider-card{
    flex-basis:350px !important;
    border-radius:15px !important;
    min-height:126px !important;
}
.pp-related-provider-card:hover{
    box-shadow:0 16px 36px rgba(0,0,0,.24) !important;
}

@media(max-width:1240px){
    .pp-game-card{grid-template-columns:118px minmax(0,1fr) 126px !important;}
    .pp-game-features{grid-column:2 / 3 !important;}
    .pp-rtp-box{grid-column:3 / 4 !important; grid-row:1 / 2 !important;}
    .pp-game-actions{grid-column:3 / 4 !important; grid-row:2 / 3 !important;}
}
@media(max-width:900px){
    .pp-rebuild-body .pp-meta-row{
        flex-wrap:nowrap !important;
        overflow-x:auto !important;
        scroll-snap-type:x proximity !important;
        padding-bottom:8px !important;
        scrollbar-width:none !important;
    }
    .pp-rebuild-body .pp-meta-row::-webkit-scrollbar{display:none !important;}
    .pp-rebuild-body .pp-meta-row span{
        flex:0 0 auto !important;
        scroll-snap-align:start !important;
    }
    .pp-game-card{
        grid-template-columns:96px minmax(0,1fr) !important;
        gap:14px !important;
        padding:16px !important;
    }
    .pp-game-rank{position:absolute !important;}
    .pp-game-thumb{width:96px !important;height:68px !important;margin-top:20px !important;}
    .pp-game-info h3{font-size:18px !important;}
    .pp-game-features,.pp-rtp-box,.pp-game-actions{grid-column:1 / -1 !important;grid-row:auto !important;}
    .pp-rtp-box{width:100% !important;min-width:0 !important;display:grid !important;grid-template-columns:auto 1fr auto !important;align-items:center !important;text-align:left !important;min-height:auto !important;}
    .pp-rtp-box strong{font-size:26px !important;}
    .pp-game-actions{grid-template-columns:1fr 1fr !important;display:grid !important;}
}
@media(max-width:540px){
    .pp-rebuild-body .pp-meta-row span{min-height:40px !important;font-size:12px !important;}
    .pp-game-actions{grid-template-columns:1fr !important;}
    .pp-related-provider-card{flex-basis:292px !important;grid-template-columns:86px 1fr !important;}
    .pp-related-provider-card img{width:86px !important;}
}

/* ======================================================================
   PRAGMATIC CLEAN FIX 21 - hero meta + provider carousel only
   ====================================================================== */
.pp-rebuild-body .pp-meta-row{
    display:grid !important;
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
    gap:10px !important;
    max-width:820px !important;
    margin-top:24px !important;
    align-items:stretch !important;
    overflow:visible !important;
}
.pp-rebuild-body .pp-meta-row span{
    min-width:0 !important;
    min-height:44px !important;
    display:grid !important;
    grid-template-columns:32px minmax(0,1fr) !important;
    align-items:center !important;
    gap:9px !important;
    padding:6px 12px 6px 6px !important;
    border-radius:999px !important;
    background:linear-gradient(180deg, rgba(15,23,42,.72), rgba(2,6,23,.36)) !important;
    border:1px solid rgba(51,65,85,.72) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
    color:#eef6ff !important;
    font-size:12px !important;
    line-height:1.12 !important;
    font-weight:900 !important;
    white-space:normal !important;
    overflow:hidden !important;
}
.pp-rebuild-body .pp-meta-row span .material-symbols-outlined{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:50% !important;
    color:var(--primary) !important;
    background:rgba(251,191,36,.10) !important;
    border:1px solid rgba(251,191,36,.30) !important;
    font-size:16px !important;
    line-height:1 !important;
    margin:0 !important;
    transform:none !important;
}
@media(max-width:1020px){
    .pp-rebuild-body .pp-meta-row{
        display:flex !important;
        flex-wrap:nowrap !important;
        overflow-x:auto !important;
        overflow-y:hidden !important;
        scroll-snap-type:x proximity !important;
        scrollbar-width:none !important;
        -ms-overflow-style:none !important;
        padding-bottom:6px !important;
        max-width:100% !important;
    }
    .pp-rebuild-body .pp-meta-row::-webkit-scrollbar{display:none !important;}
    .pp-rebuild-body .pp-meta-row span{
        flex:0 0 auto !important;
        width:max-content !important;
        max-width:245px !important;
        white-space:nowrap !important;
        scroll-snap-align:start !important;
    }
}
@media(max-width:560px){
    .pp-rebuild-body .pp-meta-row span{font-size:12px !important; min-height:42px !important; padding-right:11px !important;}
    .pp-rebuild-body .pp-meta-row span .material-symbols-outlined{width:30px !important;height:30px !important;min-width:30px !important;}
}

/* Related providers: real carousel with controls */
.pp-related{
    max-width:var(--review-wide) !important;
    margin:70px auto 80px !important;
    padding:0 24px !important;
}
.pp-related-carousel-shell{
    position:relative !important;
    max-width:100% !important;
    margin-top:24px !important;
}
.pp-related-carousel{
    display:flex !important;
    gap:16px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x mandatory !important;
    scroll-behavior:smooth !important;
    padding:6px 56px 14px !important;
    scrollbar-width:none !important;
    -ms-overflow-style:none !important;
}
.pp-related-carousel::-webkit-scrollbar{display:none !important;}
.pp-related-provider-card{
    flex:0 0 min(390px, 84vw) !important;
    display:grid !important;
    grid-template-columns:112px minmax(0,1fr) !important;
    gap:18px !important;
    align-items:center !important;
    min-height:128px !important;
    border-radius:16px !important;
    scroll-snap-align:start !important;
    overflow:hidden !important;
}
.pp-related-provider-card img{
    width:112px !important;
    height:58px !important;
    object-fit:contain !important;
    border-radius:12px !important;
}
.pp-related-provider-card strong{font-size:18px !important;line-height:1.1 !important;}
.pp-related-provider-card small{font-size:13px !important;line-height:1.45 !important;}
.pp-carousel-btn{
    position:absolute !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    z-index:5 !important;
    width:42px !important;
    height:42px !important;
    border-radius:50% !important;
    border:1px solid rgba(251,191,36,.40) !important;
    background:linear-gradient(135deg, rgba(251,191,36,.98), rgba(245,158,11,.98)) !important;
    color:#020617 !important;
    cursor:pointer !important;
    display:grid !important;
    place-items:center !important;
    box-shadow:0 14px 32px rgba(0,0,0,.32), 0 0 24px rgba(251,191,36,.15) !important;
}
.pp-carousel-btn:hover{transform:translateY(-50%) scale(1.05) !important;}
.pp-carousel-btn--prev{left:8px !important;}
.pp-carousel-btn--next{right:8px !important;}
.pp-carousel-btn .material-symbols-outlined{font-size:24px !important;color:#020617 !important;}
@media(max-width:720px){
    .pp-related{padding:0 14px !important;}
    .pp-related-carousel{padding:4px 48px 12px !important;gap:12px !important;}
    .pp-related-provider-card{grid-template-columns:90px minmax(0,1fr) !important;flex-basis:300px !important;min-height:112px !important;padding:14px !important;}
    .pp-related-provider-card img{width:90px !important;height:50px !important;}
    .pp-carousel-btn{width:38px !important;height:38px !important;}
    .pp-carousel-btn--prev{left:3px !important;}
    .pp-carousel-btn--next{right:3px !important;}
}

/* ========================================================================== 
   MAXWIN 1.1.4 - home pattern parity + tab cleanup
   ========================================================================== */
body.home-page {
    position: relative;
    isolation: isolate;
}
body.home-page::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    opacity: .14;
    background-image: url("data:image/svg+xml,%3Csvg width='180' height='180' viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23fbbf24' stroke-opacity='.32' stroke-width='1.2'%3E%3Ccircle cx='28' cy='30' r='12'/%3E%3Cpath d='M22 30h12M28 24v12'/%3E%3Crect x='118' y='22' width='28' height='38' rx='5'/%3E%3Cpath d='M126 34h12M126 44h8'/%3E%3Crect x='38' y='112' width='34' height='34' rx='6'/%3E%3Ccircle cx='48' cy='122' r='2'/%3E%3Ccircle cx='62' cy='122' r='2'/%3E%3Ccircle cx='55' cy='132' r='2'/%3E%3Cpath d='M132 116l8 10 8-10 8 10'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 220px 220px;
}
body.home-page .main-header,
body.home-page .main-content,
body.home-page .main-footer,
body.home-page .floating-ad,
body.home-page .back-to-top,
body.home-page .search-overlay,
body.home-page .menu-overlay {
    position: relative;
    z-index: 1;
}
.quick-filters .filter-btn[data-filter="all"] { display: none !important; }
.no-linked-data-note {
    border: 1px dashed rgba(148, 163, 184, .38);
    background: rgba(7, 11, 20, .42);
    border-radius: 14px;
    padding: 18px 20px;
    color: var(--text-muted);
    font-weight: 700;
}
.no-linked-data-note strong { color: var(--primary); }

/* ========================================================================== 
   MAXWIN 1.1.5 - header/home/footer stabilization before single templates
   ========================================================================== */
body.home-page .main-header,
.main-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 7000 !important;
}
body.home-page .main-content,
body.home-page .main-footer {
    position: relative;
    z-index: 1;
}
body.home-page .menu-overlay {
    position: fixed !important;
    z-index: 6600 !important;
}
body.home-page .floating-ad { z-index: 80; }
body.home-page .back-to-top,
.back-to-top {
    position: fixed !important;
    left: auto !important;
    right: 22px !important;
    bottom: 22px !important;
    z-index: 7600 !important;
}
@media (max-width: 768px) {
    body.home-page .back-to-top,
    .back-to-top {
        right: 14px !important;
        bottom: 14px !important;
    }
}

@media (min-width: 1025px) {
    .navbar { position: relative !important; z-index: 7050 !important; }
    .nav-menu__item.has-dropdown { position: static !important; }
    .nav-menu__item.has-dropdown > .nav-menu__link { position: relative; z-index: 7300; }
    .nav-menu__item.has-dropdown > .mega-menu,
    .mega-menu {
        z-index: 7200 !important;
        top: calc(100% - 1px) !important;
        left: 50% !important;
        width: min(1120px, calc(100vw - 56px)) !important;
        background: linear-gradient(180deg, rgba(15,23,42,1) 0%, rgba(11,17,32,1) 100%) !important;
        border: 1px solid rgba(71,85,105,.9) !important;
        box-shadow: 0 30px 80px rgba(0,0,0,.82) !important;
        backdrop-filter: none !important;
        isolation: isolate;
    }
    .mega-menu__grid {
        background: transparent !important;
    }
    .mega-menu__column {
        background: rgba(15,23,42,.88);
        min-height: 210px;
    }
    .mega-menu__banner {
        background: linear-gradient(145deg, rgba(251,191,36,.10), rgba(16,185,129,.05)) !important;
    }
    .hero,
    .hero__container,
    .top-list-section,
    .providers-section,
    .seo-text-section { z-index: auto; }
}

/* Offcanvas: login/register only for guests, profile/logout for logged users */
.mobile-auth-actions--logged-in a:first-child {
    background: rgba(251,191,36,.13) !important;
    border-color: rgba(251,191,36,.34) !important;
    color: var(--primary) !important;
}
.mobile-auth-actions--logged-in a:last-child {
    background: rgba(239,68,68,.08) !important;
    border-color: rgba(239,68,68,.28) !important;
    color: #fecaca !important;
}

/* Home provider section: bez natrpanih provider kartica, bliže statičkom HTML-u */
.providers-section--home {
    max-width: var(--container-width);
    margin: 70px auto 40px;
    padding: 0 20px;
}
.providers-section--home .providers-container {
    max-width: none;
    margin: 0;
}
.providers-section--home .provider-cloud,
.provider-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}
.provider-cloud a,
.provider-cloud span {
    border: 1px solid rgba(51,65,85,.88);
    background: rgba(2,6,23,.35);
    color: #cbd5e1;
    border-radius: 999px;
    padding: 8px 13px;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
}
.provider-cloud a:hover,
.provider-cloud span:hover {
    color: var(--primary);
    border-color: rgba(251,191,36,.48);
    background: rgba(251,191,36,.08);
    transform: translateY(-1px);
}
.providers-top-grid a {
    min-height: 112px;
    padding: 22px 88px 22px 22px !important;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
}
.providers-top-grid a::after { display: none !important; }
.providers-top-grid a > .material-symbols-outlined {
    position: absolute;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 46px;
    color: var(--primary);
    opacity: .68;
}
.providers-top-grid a:hover > .material-symbols-outlined {
    opacity: 1;
    transform: translateY(-50%) scale(1.06);
}
.providers-block {
    border-top: 1px solid rgba(51,65,85,.68);
    padding-top: 22px;
    margin-top: 22px;
}
.providers-block__head {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #f8fafc;
    font-family: 'Sora','Inter',sans-serif;
    font-weight: 900;
    margin-bottom: 16px;
}
.providers-block__head .material-symbols-outlined {
    color: var(--primary);
}
@media (max-width: 860px) {
    .providers-top-grid { grid-template-columns: 1fr !important; }
    .providers-top-grid a { min-height: 92px; }
}

/* Full HTML-like SEO article readability */
.seo-article ul {
    display: grid;
    gap: 12px;
    margin: 16px 0 26px;
    padding: 0;
}
.seo-article li {
    position: relative;
    padding-left: 26px;
    color: var(--text-muted);
}
.seo-article li::before {
    content: 'check_circle';
    font-family: 'Material Symbols Outlined';
    position: absolute;
    left: 0;
    top: 1px;
    color: var(--accent-green);
    font-size: 17px;
}
.seo-article li strong { color: #f8fafc; }

/* Footer: real alignment and no floating button in document flow */
.footer-widgets__container { align-items: start; }
.footer-widget, .footer-widgets__container > div { min-width: 0; }
.footer-newsletter .newsletter-container { gap: 24px; }


/* MaxWin 1.1.7: home/header polishing fixes */
.home-page .affiliate-card {
    grid-template-columns: 52px minmax(235px, 2.1fr) minmax(220px, 1.55fr) minmax(190px, 1.35fr) 168px !important;
    gap: 18px !important;
    padding: 28px 26px !important;
}
.home-page .affiliate-card__rank {
    justify-content: flex-start !important;
    min-width: 48px !important;
}
.home-page .rank-number {
    width: 48px !important;
    text-align: left !important;
    font-size: 42px !important;
    line-height: .95 !important;
}
.home-page .brand-logo {
    width: 80px !important;
    height: 52px !important;
    border: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}
.home-page .brand-logo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    filter: drop-shadow(0 7px 14px rgba(0,0,0,.35));
}
.home-page .brand-name {
    font-size: 21px !important;
    line-height: 1.08 !important;
    margin-bottom: 8px !important;
}
.stars .material-symbols-outlined,
.brand-rating .material-symbols-outlined,
.review-stars .material-symbols-outlined,
.mini-stars .material-symbols-outlined {
    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24 !important;
    color: var(--primary) !important;
}
.home-page .stars .material-symbols-outlined { font-size: 15px !important; }
.home-page .brand-rating .score { color: var(--primary); font-weight: 800; }
.home-page .feature-list { gap: 9px !important; }
.home-page .feature-list li {
    font-size: 14px !important;
    line-height: 1.35 !important;
    color: #b9c7da !important;
}
.home-page .feature-list li .material-symbols-outlined {
    color: #14d9a6 !important;
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 20 !important;
    font-size: 16px !important;
}
.home-page .affiliate-card__bonus { text-align: center !important; }
.home-page .bonus-label { font-size: 11px !important; letter-spacing: .05em !important; }
.home-page .bonus-value { font-size: 19px !important; line-height: 1.15 !important; }

/* SEO tekst kao u HTML-u: bez zelenih check ikonica u listama */
.seo-article ul {
    display: block !important;
    list-style: disc !important;
    padding-left: 22px !important;
    margin: 18px 0 26px !important;
}
.seo-article li {
    padding-left: 0 !important;
    margin-bottom: 12px !important;
    line-height: 1.72 !important;
}
.seo-article li::before { content: none !important; display: none !important; }

/* Provider/payment intro boxes: bigger visible icon on the right */
.providers-top-grid a {
    position: relative !important;
    overflow: hidden !important;
    padding-right: 96px !important;
    min-height: 112px !important;
}
.providers-top-grid a > .material-symbols-outlined {
    position: absolute !important;
    right: 24px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 58px !important;
    height: 58px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 16px !important;
    border: 1px solid rgba(251,191,36,.24) !important;
    background: rgba(251,191,36,.08) !important;
    color: var(--primary) !important;
    font-size: 29px !important;
    opacity: 1 !important;
}
.providers-top-grid a strong,
.providers-top-grid a small { position: relative; z-index: 1; }

@media (max-width: 980px) {
    .home-page .affiliate-card { grid-template-columns: 44px 1fr !important; }
    .home-page .affiliate-card__features,
    .home-page .affiliate-card__bonus,
    .home-page .affiliate-card__actions { grid-column: 1 / -1 !important; }
    .home-page .affiliate-card__brand { grid-column: 2 / 3 !important; }
}
@media (max-width: 640px) {
    .home-page .affiliate-card { grid-template-columns: 1fr !important; text-align: center !important; }
    .home-page .affiliate-card__rank { justify-content: center !important; }
    .home-page .rank-number { text-align: center !important; }
    .home-page .affiliate-card__brand { grid-column: 1 / -1 !important; justify-content: center !important; }
}

/* ========================================================================== 
   MAXWIN 1.1.8 - backend editable home polish + duplicate-safe list
   ========================================================================== */
.link-with-icon {
    text-decoration: none !important;
    border-bottom: 0 !important;
    gap: 9px !important;
}
.link-with-icon:hover { color: var(--primary-hover) !important; }
.link-with-icon .material-symbols-outlined {
    text-decoration: none !important;
    border-bottom: 2px solid currentColor;
    padding-bottom: 3px;
}

.home-page .top-list-section {
    max-width: 1120px !important;
}
.home-page .affiliate-card,
.home-page .affiliate-card.is-exclusive,
.home-page .affiliate-card:has(.affiliate-card__ribbon) {
    grid-template-columns: 52px minmax(245px, 1.75fr) minmax(235px, 1.65fr) minmax(230px, 1.35fr) minmax(170px, .85fr) !important;
    gap: 20px !important;
    padding: 26px 22px !important;
    min-height: 178px !important;
    border-radius: 16px !important;
}
.home-page .affiliate-card__rank { justify-content: flex-start !important; }
.home-page .rank-number {
    width: 48px !important;
    text-align: left !important;
    font-size: 42px !important;
}
.home-page .affiliate-card__brand {
    display: grid !important;
    grid-template-columns: 86px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 18px !important;
}
.home-page .brand-logo {
    width: 86px !important;
    height: 62px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.home-page .brand-logo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    filter: drop-shadow(0 9px 14px rgba(0,0,0,.38));
}
.home-page .brand-name {
    font-size: 23px !important;
    line-height: 1.05 !important;
    margin: 0 0 8px !important;
}
.home-page .brand-rating { margin: 0 !important; gap: 8px !important; }
.home-page .stars .material-symbols-outlined { font-size: 15px !important; }
.home-page .feature-list {
    gap: 10px !important;
    max-width: 280px !important;
}
.home-page .feature-list li {
    font-size: 14px !important;
    line-height: 1.38 !important;
    color: #b6c5d8 !important;
}
.home-page .affiliate-card__bonus { text-align: center !important; min-width: 0 !important; }
.home-page .bonus-value {
    font-size: 21px !important;
    line-height: 1.12 !important;
    margin: 6px 0 9px !important;
}
.home-page .affiliate-card__actions {
    min-width: 0 !important;
    width: 100% !important;
    align-items: stretch !important;
}
.home-page .btn--play {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    justify-content: center !important;
    border-radius: 15px !important;
    overflow: hidden !important;
}

.providers-section--home .section-header--with-link { align-items: end !important; }
.providers-top-grid a {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 68px !important;
    grid-template-areas: "title icon" "text icon" !important;
    align-items: center !important;
    padding: 22px 24px !important;
    min-height: 112px !important;
}
.providers-top-grid a > .material-symbols-outlined {
    grid-area: icon !important;
    position: static !important;
    transform: none !important;
    justify-self: end !important;
    width: 58px !important;
    height: 58px !important;
    font-size: 30px !important;
}
.providers-top-grid a strong { grid-area: title !important; align-self: end !important; }
.providers-top-grid a small { grid-area: text !important; align-self: start !important; }

.footer-newsletter .newsletter-container {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate;
    background: linear-gradient(135deg, rgba(15,23,42,.96), rgba(7,11,20,.94)) !important;
}
.footer-newsletter .newsletter-container::after {
    content: 'mail';
    font-family: 'Material Symbols Outlined';
    position: absolute;
    right: 34px;
    top: 50%;
    transform: translateY(-50%) rotate(-12deg);
    font-size: 156px;
    color: rgba(251,191,36,.055);
    pointer-events: none;
    z-index: -1;
}
.footer-newsletter .newsletter-info {
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
    min-width: 320px;
}
.footer-newsletter .newsletter-icon {
    width: 60px !important;
    height: 60px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 18px !important;
    background: rgba(251,191,36,.09) !important;
    border: 1px solid rgba(251,191,36,.28) !important;
    color: var(--primary) !important;
    font-size: 36px !important;
    flex: 0 0 auto;
}
.footer-newsletter .newsletter-title { margin: 0 0 6px !important; }
.footer-newsletter .newsletter-form { position: relative; z-index: 1; }

.responsible-gaming-box .rg-text { line-height: 1.65; }
.responsible-gaming-box .rg-text strong { color: #fff; }

@media (max-width: 1100px) {
    .home-page .affiliate-card,
    .home-page .affiliate-card.is-exclusive,
    .home-page .affiliate-card:has(.affiliate-card__ribbon) {
        grid-template-columns: 48px minmax(215px, 1.3fr) minmax(220px, 1.3fr) minmax(205px, 1fr) !important;
    }
    .home-page .affiliate-card__actions { grid-column: 2 / -1 !important; display: grid !important; grid-template-columns: minmax(0, 1fr) 160px !important; align-items: center !important; }
}
@media (max-width: 980px) {
    .home-page .affiliate-card,
    .home-page .affiliate-card.is-exclusive,
    .home-page .affiliate-card:has(.affiliate-card__ribbon) {
        grid-template-columns: 44px minmax(0, 1fr) !important;
    }
    .home-page .affiliate-card__brand { grid-column: 2 / 3 !important; }
    .home-page .affiliate-card__features,
    .home-page .affiliate-card__bonus,
    .home-page .affiliate-card__actions { grid-column: 1 / -1 !important; }
    .home-page .affiliate-card__actions { grid-template-columns: 1fr !important; }
}

/* ========================================================================
   MAXWIN 1.1.9 - KLADIONICA SINGLE TEMPLATE REBUILD
   Fokus: bookmaker page polish, animated score, clean hero, rating UX.
   ======================================================================== */
.review-page-main.bookmaker-review-page {
    background: var(--bg-dark) !important;
}
.bookmaker-review-page .review-hero.review-hero--wide {
    background: linear-gradient(135deg, rgba(15, 23, 42, .98), rgba(7, 11, 20, .99)) !important;
    border-color: rgba(251, 191, 36, .34) !important;
    box-shadow: 0 18px 48px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.bookmaker-review-page .review-hero__glow { display: none !important; }
.bookmaker-review-page .review-hero::before {
    opacity: .55;
    background-size: 30px 30px;
}
.bookmaker-review-page .review-logo-box,
.casino-review-page .review-logo-box {
    width: 118px !important;
    min-width: 118px !important;
    height: 82px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.bookmaker-review-page .review-logo-box img,
.casino-review-page .review-logo-box img {
    max-width: 116px;
    max-height: 70px;
    filter: drop-shadow(0 10px 20px rgba(0,0,0,.35));
}
.bookmaker-review-page .review-hero__brandline,
.casino-review-page .review-hero__brandline {
    align-items: center !important;
    gap: 18px !important;
}
.bookmaker-review-page .review-hero h1,
.casino-review-page .review-hero h1 {
    max-width: 850px;
}
.bookmaker-review-page .review-outline-cta,
.bookmaker-review-page .review-hero__actions .btn--outline,
.casino-review-page .review-outline-cta,
.casino-review-page .review-hero__actions .btn--outline {
    color: var(--text-main) !important;
    background: rgba(255,255,255,.07) !important;
    border-color: rgba(148,163,184,.28) !important;
}
.bookmaker-review-page .review-outline-cta:hover,
.bookmaker-review-page .review-hero__actions .btn--outline:hover,
.casino-review-page .review-outline-cta:hover,
.casino-review-page .review-hero__actions .btn--outline:hover {
    color: var(--primary) !important;
    background: rgba(251,191,36,.08) !important;
}
.review-score-card--ring {
    border-radius: 18px !important;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 0%, rgba(251,191,36,.12), transparent 40%),
        linear-gradient(180deg, rgba(15,23,42,.94), rgba(2,6,23,.96)) !important;
}
.review-score-card--ring::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, transparent, rgba(255,255,255,.05), transparent);
    transform: translateX(-120%);
    animation: maxwinScoreSheen 5.2s ease-in-out infinite;
    pointer-events: none;
}
.review-score-ring {
    width: 152px;
    height: 152px;
    border-radius: 50%;
    margin: 14px auto 14px;
    display: grid;
    place-items: center;
    position: relative;
    background: conic-gradient(var(--primary) var(--score-pct, 90%), rgba(51,65,85,.75) 0);
    box-shadow: 0 0 0 8px rgba(251,191,36,.08), 0 22px 40px rgba(0,0,0,.38);
    animation: maxwinScorePulse 2.8s ease-in-out infinite;
}
.review-score-ring::before {
    content: '';
    position: absolute;
    inset: 10px;
    border-radius: 50%;
    background: linear-gradient(180deg, rgba(15,23,42,.98), rgba(2,6,23,.98));
    border: 1px solid rgba(251,191,36,.22);
}
.review-score-ring .review-score-card__score {
    position: relative;
    z-index: 1;
    margin: 0 !important;
    display: grid;
    place-items: center;
    gap: 2px;
}
.review-score-ring .review-score-card__score-number {
    color: var(--primary);
    font-family: 'Sora', sans-serif;
    font-size: 52px;
    font-weight: 900;
    line-height: .9;
    letter-spacing: -2px;
}
.review-score-ring .review-score-card__score span:last-child {
    font-size: 16px !important;
    color: #f8fafc !important;
    font-weight: 900;
}
@keyframes maxwinScorePulse {
    0%, 100% { filter: drop-shadow(0 0 0 rgba(251,191,36,0)); transform: scale(1); }
    50% { filter: drop-shadow(0 0 16px rgba(251,191,36,.22)); transform: scale(1.015); }
}
@keyframes maxwinScoreSheen {
    0%, 35% { transform: translateX(-120%); }
    70%, 100% { transform: translateX(120%); }
}
.review-stars--filled .material-symbols-outlined,
.review-stars .material-symbols-outlined {
    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    color: var(--primary) !important;
}
.bookmaker-review-page .review-facts,
.casino-review-page .review-facts {
    padding-inline: 20px !important;
    margin-bottom: 30px !important;
}
.bookmaker-review-page .review-fact,
.casino-review-page .review-fact {
    background: linear-gradient(145deg, rgba(15,23,42,.96), rgba(7,11,20,.88)) !important;
    border-color: rgba(51,65,85,.9) !important;
    min-height: 94px !important;
}
.bookmaker-review-page .review-fact strong,
.casino-review-page .review-fact strong {
    font-size: 15px;
    color: #f8fafc;
}
.bookmaker-review-page .review-anchor-nav.review-anchor-nav--wide {
    grid-template-columns: repeat(10, minmax(0, 1fr));
}
.bookmaker-review-page .review-anchor-nav a[href="#provajderi"],
.bookmaker-review-page .review-anchor-nav a[href="#igre"] {
    display: none !important;
}
.review-casino-bridge {
    margin-top: 18px;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    padding: 16px;
    border-radius: 15px;
    border: 1px solid rgba(251,191,36,.28);
    background: linear-gradient(135deg, rgba(251,191,36,.08), rgba(15,23,42,.88));
}
.review-casino-bridge > div:first-child {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: rgba(251,191,36,.10);
    border: 1px solid rgba(251,191,36,.28);
    color: var(--primary);
}
.review-casino-bridge strong { display: block; font-size: 17px; color: #fff; }
.review-casino-bridge p { margin: 3px 0 0 !important; }
.review-casino-bridge .btn { min-height: 44px; }

/* Korisničke ocene - zvezdice umesto suvih select polja. */
.maxwin-rating-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    border: 1px solid rgba(251,191,36,.25);
    border-radius: 15px;
    background: rgba(251,191,36,.07);
    margin-bottom: 16px;
}
.maxwin-rating-summary strong {
    color: var(--primary);
    font-family: 'Sora', sans-serif;
    font-size: 22px;
}
.maxwin-rating-summary span { color: var(--text-muted); }
.maxwin-rating-fields {
    border: 1px solid rgba(51,65,85,.88);
    border-radius: 16px;
    padding: 16px;
    margin: 0 0 16px;
    background: rgba(2,6,23,.38);
}
.maxwin-rating-fields legend {
    padding: 0 8px;
    color: var(--primary);
    font-family: 'Sora', sans-serif;
    font-weight: 900;
}
.maxwin-rating-help { margin-top: 0 !important; font-size: 14px; }
.maxwin-rating-row {
    display: grid;
    grid-template-columns: 190px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    padding: 12px 0;
    border-top: 1px solid rgba(51,65,85,.55);
}
.maxwin-rating-row:first-of-type { border-top: 0; }
.maxwin-rating-label { font-weight: 900; color: #f8fafc; }
.maxwin-rating-stars {
    display: flex;
    align-items: center;
    gap: 3px;
    flex-wrap: wrap;
}
.maxwin-rating-input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.maxwin-rating-star {
    cursor: pointer;
    color: rgba(148,163,184,.35);
    font-size: 22px;
    line-height: 1;
    transition: transform .16s ease, color .16s ease, text-shadow .16s ease;
}
.maxwin-rating-star.is-active,
.maxwin-rating-star:hover {
    color: var(--primary);
    text-shadow: 0 0 14px rgba(251,191,36,.28);
}
.maxwin-rating-star:hover { transform: translateY(-1px) scale(1.12); }
.maxwin-rating-output {
    margin-left: 8px;
    color: var(--primary);
    font-weight: 900;
    font-family: 'Sora', sans-serif;
}
.maxwin-comments-area .comment-reply-title,
.maxwin-comments-area .section-title {
    font-family: 'Sora', sans-serif;
}
.maxwin-comments-area .comment-form {
    display: grid;
    gap: 14px;
}
.maxwin-comments-area textarea,
.maxwin-comments-area input[type="text"],
.maxwin-comments-area input[type="email"],
.maxwin-comments-area input[type="url"] {
    width: 100%;
    border: 1px solid rgba(51,65,85,.86);
    border-radius: 15px;
    background: rgba(2,6,23,.62);
    color: var(--text-main);
    padding: 13px 14px;
    outline: none;
}
.maxwin-comments-area textarea:focus,
.maxwin-comments-area input:focus {
    border-color: rgba(251,191,36,.62);
    box-shadow: 0 0 0 4px rgba(251,191,36,.08);
}
.maxwin-comments-area .form-submit .submit {
    min-height: 48px;
    border: 0;
    border-radius: 15px;
    background: var(--primary);
    color: #020617;
    font-weight: 900;
    padding: 0 22px;
    cursor: pointer;
}
.login-review-box--full {
    border-radius: 16px;
    border: 1px solid rgba(251,191,36,.24);
    background: linear-gradient(145deg, rgba(15,23,42,.96), rgba(7,11,20,.92));
    padding: 18px;
}
.login-review-box__intro {
    display: flex;
    gap: 14px;
    align-items: flex-start;
}
.login-review-box__intro > .material-symbols-outlined {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: rgba(251,191,36,.10);
    color: var(--primary);
    border: 1px solid rgba(251,191,36,.24);
}
.review-login-actions {
    display: flex;
    gap: 10px;
    margin-top: 16px;
    flex-wrap: wrap;
}
.review-login-actions .btn { min-height: 46px; }

@media (max-width: 1180px) {
    .bookmaker-review-page .review-anchor-nav.review-anchor-nav--wide { display: flex !important; }
}
@media (max-width: 760px) {
    .review-score-ring { width: 132px; height: 132px; }
    .review-score-ring .review-score-card__score-number { font-size: 44px; }
    .review-casino-bridge { grid-template-columns: 1fr; }
    .maxwin-rating-row { grid-template-columns: 1fr; }
    .maxwin-rating-summary { align-items: flex-start; flex-direction: column; }
}