/* =====================================================
   EkbetIndia.com – Shared Stylesheet  (reconsideration-2)
   Covers all pages; linked from every HTML file.
   ===================================================== */

/* ── Base ──────────────────────────────────────────── */
:root{
    --primary:#ffae11;
    --primary-dark:#e09200;
    --dark:#212529;
    --dark-2:#262626;
    --dark-3:#303030;
    --white:#fff;
    --bg-alt:#f5f6fa;
    --blue-deep:#0f3460;
    --blue-mid:#16213e;
    --blue-dark:#1a1a2e;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif;color:#222;background:#fff;overflow-x:hidden}
h2{scroll-margin-top:5rem}
h3{scroll-margin-top:5rem}
a{color:var(--primary)}
a:hover{color:var(--primary-dark)}
img{max-width:100%;height:auto}

/* ── Navbar ────────────────────────────────────────── */
#mainNav{
    padding:.75rem 1rem;
    background:var(--dark-3);
    border-bottom:2px solid rgba(255,174,17,.4);
    transition:background .3s;
}
#mainNav .navbar-brand{
    color:var(--white);font-weight:700;font-size:1.3rem;letter-spacing:.5px;
    text-decoration:none;
}
#mainNav .navbar-brand:hover{color:var(--primary)}
#mainNav .nav-link{
    color:rgba(255,255,255,.85)!important;font-size:.88rem;font-weight:500;
    padding:.4rem .7rem!important;border-radius:4px;transition:color .2s,background .2s;
    text-decoration:none;
}
#mainNav .nav-link:hover,#mainNav .nav-link:focus{
    color:var(--primary)!important;background:rgba(255,174,17,.08);
}
.navbar-toggler{border:1.5px solid rgba(255,255,255,.5);padding:.35rem .55rem;background:transparent;cursor:pointer}
.navbar-toggler-icon{
    display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255%2C255%2C255%2C.85%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    background-repeat:no-repeat;background-position:center;background-size:100%;
}

/* Mobile register (left) */
.nav-reg-mobile{display:none}
.nav-reg-desktop{display:none}
@media(max-width:767px){
    .nav-reg-mobile{
        display:inline-flex;align-items:center;
        background:var(--primary);color:#000!important;font-weight:600;
        border:none;border-radius:30px;padding:.38rem .9rem;font-size:.8rem;
        white-space:nowrap;margin-right:.5rem;transition:background .2s;text-decoration:none;
    }
    .nav-reg-mobile:hover{background:var(--primary-dark)}
    #mainNav .navbar-brand{margin:0 auto 0 0}
    #navbarMain{
        flex-basis:100%;order:4;background:var(--dark-2);
        border-radius:8px;margin-top:.5rem;padding:.5rem .75rem 1rem;
    }
    #navbarMain .nav-link{display:block;padding:.55rem .5rem!important}
}
@media(min-width:768px){
    .nav-reg-desktop{
        display:inline-flex;align-items:center;
        background:var(--primary);color:#000!important;font-weight:600;
        border:none;border-radius:30px;padding:.42rem 1.1rem;font-size:.85rem;
        white-space:nowrap;margin-left:.5rem;transition:background .2s,transform .15s;text-decoration:none;
    }
    .nav-reg-desktop:hover{background:var(--primary-dark);transform:translateY(-1px)}
}

/* ── Hero ──────────────────────────────────────────── */
.hero-section{
    background:linear-gradient(135deg,var(--blue-dark) 0%,var(--blue-mid) 50%,var(--blue-deep) 100%);
    padding:7rem 0 4rem;
    position:relative;overflow:hidden;
}
.hero-section::before{
    content:'';position:absolute;inset:0;
    background:url('/images/ekbet-india-website.png') center/cover no-repeat;
    opacity:.06;
}
.hero-badge{
    display:inline-flex;align-items:center;gap:.4rem;
    background:rgba(255,174,17,.15);border:1px solid rgba(255,174,17,.4);
    border-radius:30px;padding:.3rem .85rem;
    font-size:.78rem;color:var(--primary);font-weight:600;margin-bottom:1.25rem;
}
.hero-badge span{width:7px;height:7px;background:var(--primary);border-radius:50%;display:inline-block}
.hero-title{
    color:var(--white);font-size:clamp(1.7rem,4vw,2.6rem);
    font-weight:800;line-height:1.2;
}
.hero-subtitle{
    color:rgba(255,255,255,.8);font-size:1rem;font-weight:300;margin-top:.75rem;
}
.hero-cta-group{margin-top:1.75rem;display:flex;flex-wrap:wrap;gap:.75rem}
.btn-hero-primary{
    background:var(--primary);color:#000;font-weight:700;
    border:none;border-radius:30px;padding:.65rem 1.6rem;
    font-size:.95rem;transition:all .2s;text-decoration:none;display:inline-block;
}
.btn-hero-primary:hover{
    background:var(--primary-dark);color:#000;
    transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,174,17,.35);
}
.btn-hero-outline{
    background:transparent;color:var(--white);
    border:2px solid rgba(255,255,255,.6);border-radius:30px;
    padding:.63rem 1.4rem;font-size:.95rem;font-weight:600;
    transition:all .2s;text-decoration:none;display:inline-block;
}
.btn-hero-outline:hover{border-color:var(--white);color:var(--white);background:rgba(255,255,255,.1)}

/* Hero stats */
.hero-stats{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:2.5rem}
.hero-stat{text-align:center}
.hero-stat .stat-num{color:var(--primary);font-size:1.5rem;font-weight:700;line-height:1}
.hero-stat .stat-lbl{color:rgba(255,255,255,.65);font-size:.72rem;font-weight:500;margin-top:.2rem}

/* Hero checklist */
.hero-checklist{
    list-style:none;padding:0;margin:1.5rem 0 0;
    display:flex;flex-wrap:wrap;gap:.5rem .75rem;
}
.hero-checklist li{
    color:rgba(255,255,255,.85);font-size:.85rem;
    display:flex;align-items:center;gap:.35rem;
}
.hero-checklist li::before{content:'✓';color:var(--primary);font-weight:700;font-size:.9rem}

/* Hero author byline */
.hero-author-line{
    display:flex;align-items:center;gap:.7rem;
    margin-top:1.5rem;padding:.6rem .85rem;
    background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);
    border-radius:30px;width:fit-content;
}
.hero-author-line .ha-avatar{
    width:32px;height:32px;border-radius:50%;
    background:linear-gradient(135deg,var(--primary),var(--primary-dark));
    display:flex;align-items:center;justify-content:center;
    color:#000;font-weight:700;font-size:.72rem;flex-shrink:0;
}
.hero-author-line .ha-meta{font-size:.76rem;line-height:1.3}
.hero-author-line .ha-name{color:#fff;font-weight:600}
.hero-author-line .ha-date{color:rgba(255,255,255,.55)}

/* ── Sections ──────────────────────────────────────── */
.section-block,.how-section1{padding:3.5rem 5%;background:#fff}
.section-block.alt,.bg-light2{background:var(--bg-alt)!important}
.bg-light{background:#fff!important}
.section-title{font-size:1.45rem;font-weight:700;color:#111;margin-bottom:.5rem}
.section-lead,.text-body{color:#333;line-height:1.8;font-size:.95rem}
.section-lead{color:#555;margin-bottom:1.5rem}
.how-section1{padding:3.5rem 5%}

/* Section pattern backgrounds */
.section-dots{position:relative}
.section-dots::before{
    content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
    background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='2' cy='2' r='1.5' fill='%23000' fill-opacity='.04'/%3E%3C/svg%3E");
    background-size:20px 20px;
}
.section-dots>*{position:relative;z-index:1}
.section-grid{position:relative}
.section-grid::before{
    content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
    background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='40' height='40' fill='none' stroke='%23000' stroke-opacity='.04' stroke-width='1'/%3E%3C/svg%3E");
    background-size:40px 40px;
}
.section-grid>*{position:relative;z-index:1}
.section-wave{position:relative;background:linear-gradient(135deg,#f0f4ff 0%,#faf5ff 100%)}
.section-wave::before{
    content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Cdefs%3E%3Cpattern id='w' patternUnits='userSpaceOnUse' width='60' height='60'%3E%3Cpath d='M0 30 Q15 10 30 30 Q45 50 60 30' fill='none' stroke='%234a73e8' stroke-opacity='.06' stroke-width='1.5'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23w)'/%3E%3C/svg%3E");
}
.section-wave>*{position:relative;z-index:1}
.section-diag{position:relative}
.section-diag::before{
    content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath d='M-1 1 l2-2 M0 10 l10-10 M9 11 l2-2' stroke='%23000' stroke-opacity='.05' stroke-width='1'/%3E%3C/svg%3E");
    background-size:10px 10px;
}
.section-diag>*{position:relative;z-index:1}
.section-hex{position:relative;background:linear-gradient(135deg,var(--blue-dark) 0%,var(--blue-mid) 100%);color:#fff}
.section-hex::before{
    content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100'%3E%3Cpath d='M28 66 L0 50 L0 16 L28 0 L56 16 L56 50 Z' fill='none' stroke='%23fff' stroke-opacity='.05' stroke-width='1'/%3E%3C/svg%3E");
    background-size:56px 100px;
}
.section-hex>*{position:relative;z-index:1}
.section-hex .section-title,.section-hex p,.section-hex h3{color:#fff}
.section-hex .text-body{color:rgba(255,255,255,.8)}

/* ── Feature cards ─────────────────────────────────── */
.feature-grid{
    display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
    gap:0.4rem;margin-top:1.5rem;
}
.feature-card{
    background:#fff;border:1px solid #e8eaf0;border-radius:12px;
    padding:1.25rem 1rem;transition:box-shadow .2s,transform .2s;
}
.bg-light2 .feature-card{background:#fff}
.feature-card:hover{box-shadow:0 6px 24px rgba(0,0,0,.09);transform:translateY(-3px)}
.feature-card .fc-icon{font-size:1.75rem;margin-bottom:.6rem;display:block}
.feature-card .fc-title{font-weight:600;font-size:.95rem;color:#111;margin-bottom:.3rem}
.feature-card .fc-desc{font-size:.82rem;color:#666;line-height:1.6}

/* ── Tables ────────────────────────────────────────── */
.mini-table{border-radius:16px;overflow:hidden;margin:1.25rem 0;box-shadow:0 6px 28px rgba(0,0,0,.10)}
.mini-table table{width:100%;border-collapse:collapse;background:#fff;margin:0;padding:0}
.mini-table thead th{
    background:linear-gradient(135deg,var(--blue-dark) 0%,var(--blue-deep) 100%);
    font-size:.85rem;padding:14px 20px;font-weight:600;color:#fff;border:none;
    letter-spacing:.3px;white-space:nowrap;
}
.mini-table tbody tr{transition:background .15s}
.mini-table tbody tr:hover td{background:#eef4ff}
.mini-table tbody td,.mini-table tbody th{
    font-size:.88rem;line-height:1.5;color:#333;
    text-align:center;padding:11px 20px;border-bottom:1px solid #f0f2f8;vertical-align:middle;
}
.mini-table tbody tr:last-child td{border-bottom:none}
.mini-table tbody td:first-child,.mini-table tbody th:first-child{text-align:left;font-weight:500;color:#111;padding-left:22px}
.mini-table tbody tr:nth-child(even) td{background:#f8f9fd}
.mini-table tbody td:last-child{font-weight:600;color:var(--blue-deep)}
.mini-table.left-align-1 tbody td:nth-child(1){text-align:left}
.moji-line{display:inline-block;padding-left:26px;position:relative}
.moji-line .moji{position:absolute;width:20px;text-align:center;font-size:1em;left:0;top:50%;transform:translateY(-50%)}

/* ── Steps lists ───────────────────────────────────── */
.steps-list{list-style:none;padding:0;counter-reset:steps;margin:0}
.steps-list li{
    counter-increment:steps;display:flex;align-items:flex-start;gap:.85rem;
    padding:.7rem 0;border-bottom:1px solid #f0f0f0;color:#333;line-height:1.65;font-size:.95rem;
}
.steps-list li:last-child{border-bottom:none}
.steps-list li::before{
    content:counter(steps);min-width:28px;height:28px;background:var(--primary);
    color:#000;font-weight:700;font-size:.8rem;border-radius:50%;
    display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.1rem;
}
/* Card grid steps (light) */
.steps-list-1{
    list-style:none;padding:0;counter-reset:steps;margin:1.25rem 0 0;
    display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:0.4rem;
}
.steps-list-1 li{
    counter-increment:steps;position:relative;background:#fff;
    border:1px solid #e8eaf0;border-radius:14px;padding:2.1rem 1.1rem 1.1rem;
    color:#333;font-size:.9rem;line-height:1.7;
    box-shadow:0 2px 12px rgba(0,0,0,.05);transition:box-shadow .2s,transform .2s;
}
.steps-list-1 li:hover{box-shadow:0 8px 28px rgba(0,0,0,.10);transform:translateY(-3px)}
.steps-list-1 li::before{
    content:counter(steps);position:absolute;top:-1px;left:-1px;
    width:38px;height:38px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);
    color:#000;font-weight:800;font-size:.82rem;border-radius:14px 0 10px 0;
    display:flex;align-items:center;justify-content:center;
    box-shadow:2px 2px 8px rgba(255,174,17,.35);
}
.steps-list-1 li::after{
    content:'';position:absolute;top:0;left:38px;right:0;height:3px;
    background:linear-gradient(90deg,var(--primary-dark),transparent);
    border-radius:0 14px 0 0;opacity:.4;
}
.steps-list-1 li em{font-style:normal;color:var(--primary);font-weight:600}
.steps-list-1 li strong{color:#111}
/* Card grid steps (dark/blue) */
.steps-list-1-blue{
    list-style:none;padding:0;counter-reset:steps;margin:1.25rem 0 0;
    display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.5rem;
}
.steps-list-1-blue li{
    counter-increment:steps;position:relative;
    background:linear-gradient(135deg,var(--blue-dark) 0%,var(--blue-deep) 100%);
    border:1px solid #e8eaf0;border-radius:14px;padding:2.2rem 1.1rem 1.1rem;
    color:#fff;font-size:.9rem;line-height:1.7;
    box-shadow:0 2px 12px rgba(0,0,0,.05);transition:box-shadow .2s,transform .2s;
}
.steps-list-1-blue li:hover{box-shadow:0 8px 28px rgba(0,0,0,.10);transform:translateY(-3px)}
.steps-list-1-blue li::before{
    content:counter(steps);position:absolute;top:-1px;left:-1px;
    width:35px;height:35px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);
    color:#000;font-weight:800;font-size:.82rem;border-radius:14px 0 10px 0;
    display:flex;align-items:center;justify-content:center;box-shadow:2px 2px 8px rgba(255,174,17,.35);
}
.steps-list-1-blue li::after{
    content:'';position:absolute;top:0;left:38px;right:0;height:3px;
    background:linear-gradient(90deg,var(--primary-dark),transparent);border-radius:0 14px 0 0;opacity:.4;
}
.steps-list-1-blue li em{font-style:normal;color:var(--primary);font-weight:600}
.steps-list-1-blue li strong{color:var(--primary)}
/* Dark box steps */
.steps-list-2{
    list-style:none;padding:1.5rem 1.5rem 1rem;counter-reset:steps;margin:1.25rem 0 0;
    background:linear-gradient(135deg,var(--blue-dark) 0%,var(--blue-deep) 100%);
    border-radius:16px;box-shadow:0 8px 32px rgba(15,52,96,.25);
    position:relative;overflow:hidden;
}
.steps-list-2::before{
    content:'';position:absolute;inset:0;pointer-events:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100'%3E%3Cpath d='M28 66L0 50V16L28 0l28 16v34Z' fill='none' stroke='%23fff' stroke-opacity='.05' stroke-width='1'/%3E%3C/svg%3E");
    background-size:56px 100px;
}
.steps-list-2 li{
    counter-increment:steps;display:flex;align-items:flex-start;gap:0.4rem;
    padding:.85rem 0;border-bottom:1px solid rgba(255,255,255,.08);
    color:rgba(255,255,255,.85);font-size:.92rem;line-height:1.7;position:relative;z-index:1;
}
.steps-list-2 li:last-child{border-bottom:none;padding-bottom:.2rem}
.steps-list-2 li::before{
    content:counter(steps);min-width:32px;height:32px;background:var(--primary);
    color:#000;font-weight:800;font-size:.82rem;border-radius:50%;
    display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.15rem;
    box-shadow:0 0 0 4px rgba(255,174,17,.18);
}
.steps-list-2 li em{color:var(--primary);font-style:normal;font-weight:600}
.steps-list-2 li strong{color:#fff}

/* ── Bonus box ─────────────────────────────────────── */
.bonus-box{
    background:linear-gradient(135deg,#2a1b00 0%,#3d2800 100%);
    border:1.5px solid rgba(255,174,17,.35);border-radius:14px;
    padding:1.5rem;margin-bottom:1.5rem;
    display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;
}
.bonus-box .bb-amount{color:var(--primary);font-size:2rem;font-weight:800;line-height:1;white-space:nowrap}
.bonus-box .bb-label{color:#fff;font-size:.88rem;opacity:.8}
.bonus-box .bb-detail{color:rgba(255,255,255,.65);font-size:.78rem;margin-top:.2rem}
.bonus-box .btn-claim{
    background:var(--primary);color:#000;font-weight:700;
    border:none;border-radius:25px;padding:.5rem 1.4rem;font-size:.88rem;
    transition:background .2s;white-space:nowrap;margin-left:auto;text-decoration:none;
    display:inline-block;
}
.bonus-box .btn-claim:hover{background:var(--primary-dark);color:#000}

/* ── FAQ accordion ─────────────────────────────────── */
.faq_area{padding:4rem 0;background:var(--bg-alt)}
.faq-accordian .card{border:1px solid #e0e3ec!important;border-radius:10px!important;margin-bottom:.75rem;overflow:hidden}
.faq-accordian .card-header{background:#fff;padding:0;border-bottom:1px solid #e0e3ec}
.faq-accordian .card-header p{
    cursor:pointer;padding:1.1rem 1.25rem;
    color:var(--blue-dark);font-weight:600;font-size:.93rem;
    display:flex;align-items:center;justify-content:space-between;margin:0;
}
.faq-accordian .card-header p::after{
    content:'＋';color:var(--primary);font-size:1.1rem;font-weight:700;
    flex-shrink:0;margin-left:.5rem;transition:transform .2s;
}
.faq-accordian .card-header p:not(.collapsed)::after{content:'－'}
.faq-accordian .card-body{padding:1rem 1.25rem;background:#fafbff;color:#444;font-size:.9rem;line-height:1.75}
.faq-accordian .card-body p:last-child{margin:0}
.collapse{display:none}
.collapse.show{display:block}

/* ── Author card ───────────────────────────────────── */
.author-card{
    display:flex;align-items:flex-start;gap:0.4rem;
    background:#fff;border:1px solid #e8eaf0;border-radius:14px;
    padding:1.25rem 1.5rem;margin:2.5rem 0 1rem;
}
.author-card .author-avatar{
    width:56px;height:56px;border-radius:50%;
    background:linear-gradient(135deg,var(--primary),var(--primary-dark));
    display:flex;align-items:center;justify-content:center;
    color:#000;font-weight:700;font-size:1.25rem;flex-shrink:0;
}
.author-card .author-name{font-weight:700;font-size:.95rem;color:#111}
.author-card .author-role{font-size:.78rem;color:var(--primary);font-weight:600}
.author-card .author-bio{font-size:.82rem;color:#555;line-height:1.65;margin-top:.35rem}
.author-card .author-updated{font-size:.75rem;color:#888;margin-top:.3rem}

/* ── Affiliate disclosure ──────────────────────────── */
.affiliate-notice{
    background:#fffbf0;border-left:4px solid var(--primary);
    border-radius:0 8px 8px 0;padding:.75rem 1.1rem;
    font-size:.8rem;color:#555;line-height:1.6;margin:0 0 1.5rem;
}
.affiliate-notice strong{color:#333}

/* ── Comparison table ──────────────────────────────── */
.comparison-table{border-radius:14px;overflow:hidden;box-shadow:0 6px 28px rgba(0,0,0,.10);margin:1.25rem 0}
.comparison-table table{width:100%;border-collapse:collapse;background:#fff;margin:0}
.comparison-table thead th{
    background:linear-gradient(135deg,var(--blue-dark) 0%,var(--blue-deep) 100%);
    color:#fff;font-size:.82rem;font-weight:700;
    padding:12px 16px;text-align:center;white-space:nowrap;
}
.comparison-table thead th:first-child{text-align:left;padding-left:18px}
.comparison-table thead th.ct-highlight{background:rgba(255,174,17,.25);color:var(--primary)}
.comparison-table tbody td{
    font-size:.85rem;color:#333;text-align:center;
    padding:10px 16px;border-bottom:1px solid #f0f2f8;vertical-align:middle;
}
.comparison-table tbody tr:last-child td{border-bottom:none}
.comparison-table tbody td:first-child{text-align:left;font-weight:600;color:#111;padding-left:18px}
.comparison-table tbody tr:nth-child(even) td{background:#f8f9fd}
.comparison-table tbody td.ct-highlight{font-weight:700;color:var(--blue-deep);background:rgba(255,174,17,.06)!important}
.ct-best{display:inline-block;background:var(--primary);color:#000;font-size:.7rem;font-weight:700;border-radius:4px;padding:1px 5px;margin-left:4px;vertical-align:middle}

/* ── Methodology / editorial box ──────────────────── */
.method-box{background:linear-gradient(135deg,#f0f4ff 0%,#faf5ff 100%);border:1px solid #d8e0ff;border-radius:14px;padding:1.5rem;margin:1.5rem 0}
.method-box .mb-title{font-size:.8rem;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.6px;margin-bottom:.85rem;display:flex;align-items:center;gap:.4rem}
.method-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin-top:.85rem}
.method-item{background:#fff;border-radius:10px;padding:.9rem 1rem;border:1px solid #e0e6ff;font-size:.82rem;color:#333;line-height:1.6}
.method-item .mi-icon{font-size:1.1rem;display:block;margin-bottom:.3rem}
.method-item strong{color:#111;display:block;font-size:.85rem;margin-bottom:.15rem}

/* ── Verdict / score box ───────────────────────────── */
.verdict-box{
    background:linear-gradient(135deg,var(--blue-dark) 0%,var(--blue-deep) 100%);
    border-radius:16px;padding:1.75rem;
    display:flex;align-items:flex-start;gap:1.5rem;flex-wrap:wrap;margin:1.5rem 0;
}
.verdict-score{text-align:center;flex-shrink:0;background:rgba(255,174,17,.12);border:2px solid rgba(255,174,17,.4);border-radius:12px;padding:1rem 1.25rem}
.verdict-score .vs-num{color:var(--primary);font-size:2.8rem;font-weight:800;line-height:1}
.verdict-score .vs-max{color:rgba(255,255,255,.5);font-size:.85rem}
.verdict-score .vs-stars{color:#ffb33e;font-size:1.1rem;margin:.3rem 0}
.verdict-score .vs-label{color:rgba(255,255,255,.7);font-size:.73rem;margin-top:.2rem}
.verdict-text h3{color:#fff;font-size:1rem;font-weight:700;margin-bottom:.6rem}
.verdict-text p{color:rgba(255,255,255,.75);font-size:.88rem;line-height:1.75;margin:0}

/* ── Responsible gambling tools ────────────────────── */
.rg-tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;margin-top:1rem}
.rg-tool-card{background:#f5f8ff;border-radius:10px;border:1px solid #d8e0ff;padding:.9rem 1rem;text-align:center;font-size:.82rem;color:#333}
.rg-tool-card .rg-icon{font-size:1.4rem;display:block;margin-bottom:.35rem}
.rg-tool-card strong{display:block;font-size:.85rem;color:#111;margin-bottom:.15rem}

/* ── Info / tip / warning boxes ────────────────────── */
.info-box{background:#e8f4fd;border-left:4px solid #2196f3;border-radius:0 8px 8px 0;padding:.85rem 1.1rem;font-size:.86rem;color:#1a3a5c;line-height:1.65;margin:1rem 0}
.tip-box{background:#e8f8e8;border-left:4px solid #43a047;border-radius:0 8px 8px 0;padding:.85rem 1.1rem;font-size:.86rem;color:#1a3a1a;line-height:1.65;margin:1rem 0}
.warn-box{background:#fff8e1;border-left:4px solid #ffb300;border-radius:0 8px 8px 0;padding:.85rem 1.1rem;font-size:.86rem;color:#5a4000;line-height:1.65;margin:1rem 0}

/* ── Reviews ───────────────────────────────────────── */
.review-section{padding:2.5rem 0;border-bottom:1px solid #e8eaf0}
.review-item{border:1px solid #e8eaf0;border-radius:10px;padding:1rem 1.25rem;margin-bottom:.85rem;background:#fff}
.review-item .ri-header{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:.5rem}
.review-item .ri-name{font-weight:600;font-size:.9rem;color:#111}
.review-item .ri-stars{color:#ffb33e;font-size:.85rem}
.review-item .ri-date{font-size:.75rem;color:#999;margin-left:auto}
.review-item .ri-text{font-size:.88rem;color:#444;line-height:1.7}
.rating-summary{
    display:flex;align-items:center;gap:0.4rem;
    background:linear-gradient(135deg,var(--blue-dark),var(--blue-deep));
    border-radius:14px;padding:1.25rem 1.5rem;margin-bottom:1.5rem;flex-wrap:wrap;
}
.rating-summary .rs-score{color:var(--primary);font-size:3rem;font-weight:800;line-height:1}
.rating-summary .rs-stars{color:#ffb33e;font-size:1.1rem}
.rating-summary .rs-count{color:rgba(255,255,255,.6);font-size:.82rem}
.rating-summary .rs-label{color:#fff;font-weight:600;font-size:.95rem}
.stars-counters{width:100%;border-collapse:collapse}
.stars-counters td{padding:3px 0;white-space:nowrap}
.stars-counters .progress-bar-container{width:100%;padding:0 8px}
.fit-progressbar-bar{display:flex;align-items:center;height:10px}
.fit-progressbar-background{position:relative;height:8px;background:#efeff0;flex-grow:1;border-radius:999px}
.star-progress-bar .progress-fill{background-color:#ffb33e;height:100%;position:absolute;left:0;z-index:1;border-radius:999px}
.star-num{color:#4a73e8;font-size:.82rem;padding-left:4px}

/* ── Footer ────────────────────────────────────────── */
#siteFooter{background:var(--dark);color:rgba(255,255,255,.75);padding:3rem 0 1.5rem}
#siteFooter h5{color:#fff;font-weight:600;font-size:.95rem;margin-bottom:.85rem}
.footer-link{display:block;color:rgba(255,255,255,.65);font-size:.87rem;padding:.22rem 0;transition:color .2s;text-decoration:none}
.footer-link:hover{color:var(--primary)}
.rg-box{
    background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);
    border-left:4px solid var(--primary);border-radius:8px;
    padding:1rem 1.25rem;font-size:.82rem;line-height:1.65;color:#fff;
}
.rg-box p{color:#fff!important}
.rg-box a{color:var(--primary);text-decoration:underline}
.footer-divider{border-color:rgba(255,255,255,.1);margin:2rem 0 1.25rem}
.footer-copy{font-size:.78rem;color:rgba(255,255,255,.4);text-align:center}

/* ── TOC sidebar ───────────────────────────────────── */
.page-with-toc{display:flex;align-items:flex-start;gap:0;position:relative}
.page-with-toc>main{flex:1 1 0;min-width:0}
.toc-sidebar{display:none}
@media(min-width:1200px){
    .toc-sidebar{
        display:block;flex:0 0 220px;width:220px;
        position:sticky;top:5.5rem;align-self:flex-start;
        max-height:calc(100vh - 6.5rem);overflow-y:auto;
        background:#fff;border:1px solid #e8eaf0;border-radius:14px;
        padding:1rem 1rem 1.25rem;box-shadow:0 6px 28px rgba(0,0,0,.09);
        margin:1.5rem 1.5rem 0 0;order:2;
    }
    .page-with-toc>main{order:1}
    .toc-sidebar::-webkit-scrollbar{width:4px}
    .toc-sidebar::-webkit-scrollbar-track{background:transparent}
    .toc-sidebar::-webkit-scrollbar-thumb{background:#dde0ea;border-radius:4px}
}
.toc-title{
    font-size:.7rem;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.8px;
    margin:0 0 .65rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary);
    display:inline-block;width:100%;
}
.toc-list{list-style:none;padding:0;margin:0}
.toc-list li{margin:0}
.toc-list a{
    display:block;padding:.25rem 0 .25rem .6rem;border-left:2px solid transparent;
    color:#555;font-size:.76rem;line-height:1.4;text-decoration:none;
    transition:color .15s,border-color .15s,padding-left .15s;border-radius:0 4px 4px 0;
}
.toc-list a:hover,.toc-list a.toc-active{color:var(--primary);border-left-color:var(--primary);padding-left:.9rem}
.toc-list .toc-h3>a{padding-left:1.2rem;font-size:.72rem;color:#777}
.toc-list .toc-h3 a:hover,.toc-list .toc-h3 a.toc-active{padding-left:1.5rem;color:var(--primary);border-left-color:var(--primary)}
.toc-rg{margin-top:.85rem;padding:.6rem .75rem;background:#fff9f0;border-radius:8px;border:1px solid rgba(255,174,17,.25);font-size:.7rem;color:#555;line-height:1.55}
.toc-rg strong{color:#333;display:block;margin-bottom:.2rem}

/* ── Breadcrumb ────────────────────────────────────── */
.breadcrumb-wrap{background:#f9f9fb;border-bottom:1px solid #eee;padding:.5rem 5%}
.breadcrumb{background:transparent;padding:0;margin:0;font-size:.8rem;list-style:none;display:flex;flex-wrap:wrap}
.breadcrumb-item{display:flex;align-items:center}
.breadcrumb-item a{color:#666;text-decoration:none}
.breadcrumb-item a:hover{color:var(--primary)}
.breadcrumb-item.active{color:#999}
.breadcrumb-item+.breadcrumb-item::before{content:"/";color:#bbb;padding:0 .5rem}

/* ── Scroll progress & back to top ─────────────────── */
#scrollProgress{
    position:fixed;top:0;left:0;height:3px;width:0%;
    background:linear-gradient(90deg,var(--primary),var(--primary-dark));
    z-index:9999;transition:width .1s linear;
}
#scrollTop{
    position:fixed;bottom:1.5rem;right:1.5rem;
    width:40px;height:40px;background:var(--primary);color:#000;
    border:none;border-radius:50%;font-size:1.1rem;font-weight:700;
    cursor:pointer;opacity:0;pointer-events:none;
    transition:opacity .3s,transform .2s;z-index:500;
    box-shadow:0 4px 16px rgba(255,174,17,.4);
}
#scrollTop.visible{opacity:1;pointer-events:auto}
#scrollTop:hover{transform:translateY(-2px)}

/* ── Policy pages ──────────────────────────────────── */
.policy-section{padding:2.5rem 0}
.policy-section h2{font-size:1.2rem;font-weight:700;color:#111;margin:2rem 0 .5rem}
.policy-section h3{font-size:1rem;font-weight:600;color:#222;margin:1.5rem 0 .35rem}
.policy-section p,.policy-section li{font-size:.9rem;color:#444;line-height:1.8}
.policy-section ul{padding-left:1.4rem}

/* ── Contact form ──────────────────────────────────── */
.contact-form{background:#f9f9fb;border:1px solid #e8eaf0;border-radius:14px;padding:1.75rem}
.contact-form label{font-size:.85rem;font-weight:600;color:#333;display:block;margin-bottom:.3rem}
.contact-form input,.contact-form select,.contact-form textarea{
    width:100%;padding:.7rem 1rem;border:1.5px solid #d0d5e8;border-radius:8px;
    font-size:.9rem;font-family:'Poppins',sans-serif;color:#222;background:#fff;
    transition:border-color .2s;margin-bottom:1rem;
}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{
    outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(255,174,17,.15);
}
.contact-form textarea{resize:vertical;min-height:130px}
.btn-submit{
    background:var(--primary);color:#000;font-weight:700;border:none;
    border-radius:30px;padding:.7rem 2rem;font-size:.95rem;cursor:pointer;
    transition:background .2s,transform .15s;
}
.btn-submit:hover{background:var(--primary-dark);transform:translateY(-1px)}

/* ── Utilities ─────────────────────────────────────── */
.img-disp-center{display:flex;justify-content:center}
.section_padding_130{padding-top:3.5rem;padding-bottom:3.5rem}
.mt-3{margin-top:1rem}
.mt-4{margin-top:1.5rem}
.mb-3{margin-bottom:1rem}
.mb-4{margin-bottom:1.5rem}
.mb-5{margin-bottom:3rem}

/* ── Responsive ────────────────────────────────────── */
@media(max-width:576px){
    .how-section1{padding:2.5rem 4%}
    .hero-stats{gap:0.4rem}
    .hero-stat .stat-num{font-size:1.2rem}
    .bonus-box{flex-direction:column}
    .bonus-box .btn-claim{width:100%;text-align:center;margin-left:0}
    .author-card{flex-direction:column}
    .verdict-box{flex-direction:column}
    .comparison-table{font-size:.78rem}
    .feature-grid{grid-template-columns:1fr}
}