/* HERO */
.hero-image{flex-shrink:0;width:32%;display:flex;align-items:flex-end;justify-content:flex-end;align-self:stretch}
.hero-image img{width:100%;height:auto;max-height:320px;object-fit:contain;object-position:bottom right;display:block}
.hero-free-spins{font-size:1rem;font-weight:500;color:rgba(255,255,255,.55);margin-bottom:32px}
.btn-promo{background:var(--bg4);border:1px solid var(--border);color:#fff;padding:14px 28px;border-radius:8px;font-weight:700;font-size:.92rem;display:flex;align-items:center;gap:10px;transition:.2s;text-transform:uppercase;letter-spacing:.04em}
.btn-promo:hover{border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.07)}

/* DESCRIPTION DETAILS TABLE */
.details-heading{font-size:1.1rem;font-weight:700;margin:36px 0 6px}
.details-sub{color:var(--muted);font-size:.85rem;margin-bottom:16px}
.details-table{width:100%;border-collapse:collapse;background:var(--bg3);border:1px solid var(--border);border-radius:14px;overflow:hidden;font-size:.88rem}
.details-table td{padding:16px;border-bottom:1px solid var(--border)}
.details-table tr:last-child td{border-bottom:none}
.details-table td:first-child{color:var(--muted);font-weight:500;width:40%}
.details-table td:last-child{color:var(--text);font-weight:400}
.details-table tbody tr:hover td{background:var(--bg4)}

/* FEATURES */
#features{background:var(--bg2)}
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.feat-card{background:var(--bg3);border:1px solid var(--border);border-radius:14px;padding:24px;transition:.25s}
.feat-card:hover{border-color:rgba(108,43,217,.4);transform:translateY(-3px)}
.feat-icon{width:44px;height:44px;border-radius:10px;background:rgba(108,43,217,.2);display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:14px}
.feat-card h3{font-size:.97rem;font-weight:700;margin-bottom:7px}
.feat-card p{color:var(--muted);font-size:.84rem;line-height:1.65}

/* ORIGINALS */
#originals{background:var(--bg)}
.game-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.game-card{background:var(--bg3);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:.25s;cursor:pointer;text-decoration:none;color:inherit;display:block}
.game-card:hover{border-color:rgba(251,25,73,.4);transform:translateY(-3px)}
.game-card img{width:100%;display:block;object-fit:contain}
.game-card-name{padding:12px 14px;font-size:.92rem;font-weight:700;text-align:center}

/* PROVIDER GAMES & SPORTS */
#provider-games{background:var(--bg2)}
#sports-betting{background:var(--bg)}
.rank-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.rank-item{background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:12px 16px;display:flex;align-items:center;gap:14px;transition:.2s;cursor:pointer}
.rank-item:hover{border-color:rgba(251,25,73,.3);background:var(--bg4)}
.rank-num{font-size:.85rem;font-weight:900;color:var(--muted);width:20px;text-align:right}
.rank-num.top{color:var(--gold)}
.rank-icon{width:36px;height:36px;border-radius:8px;background:var(--bg4);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}
.rank-info h4{font-size:.88rem;font-weight:700}
.rank-info p{font-size:.75rem;color:var(--muted);margin-top:2px}

/* CRYPTO */
#crypto{background:var(--bg2)}
.crypto-table-wrap{overflow-x:auto;border-radius:14px;border:1px solid var(--border)}
.crypto-table{width:100%;border-collapse:collapse;background:var(--bg3);font-size:.88rem}
.crypto-table thead tr{border-bottom:1px solid var(--border)}
.crypto-table th{text-align:left;padding:16px;color:var(--muted);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em}
.crypto-table td{padding:16px;border-bottom:1px solid var(--border);color:var(--muted);vertical-align:middle}
.crypto-table tr:last-child td{border-bottom:none}
.crypto-table tbody tr:hover td{background:var(--bg4)}
.crypto-table td:last-child{color:var(--text);font-weight:400}
.crypto-name{display:inline-flex;align-items:center;gap:10px;color:var(--text);font-weight:600}
.crypto-name img{width:26px;height:26px;border-radius:50%;flex-shrink:0}
.net-extra{display:none}
.net-extra.open{display:inline}
.net-toggle{background:none;border:1px solid var(--border);color:var(--muted);border-radius:4px;padding:1px 5px;font-size:.72rem;cursor:pointer;margin-left:5px;line-height:1;transition:.2s;vertical-align:middle;font-family:inherit}
.net-toggle:hover{border-color:rgba(251,25,73,.4);color:#fff}

/* GUIDES */
#guides{background:var(--bg2)}
.guides-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.guide-card{background:var(--bg3);border:1px solid var(--border);border-radius:14px;padding:22px;transition:.25s;cursor:pointer}
.guide-card:hover{border-color:rgba(108,43,217,.4);transform:translateY(-3px)}
.guide-tag{font-size:.72rem;color:var(--purple2);font-weight:700;text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px}
.guide-card h3{font-size:.95rem;font-weight:700;margin-bottom:7px}
.guide-card p{color:var(--muted);font-size:.82rem;line-height:1.6}
.guide-arrow{margin-top:14px;color:var(--purple2);font-size:.82rem;font-weight:600}

/* CTA OFFERS */
.cta-offers{background:var(--bg3);border:1px solid var(--border);border-radius:14px;padding:22px 28px;max-width:400px;margin:28px auto 0;text-align:left}
.cta-offers h4{font-size:.88rem;font-weight:700;margin-bottom:12px;color:var(--gold)}
.cta-offers ul{list-style:none;display:flex;flex-direction:column;gap:7px}
.cta-offers ul li{font-size:.82rem;color:var(--muted);display:flex;align-items:center;gap:8px}
.cta-offers ul li::before{content:'✓';color:#4ade80;font-weight:700}
.cta-offers .fine{font-size:.72rem;color:var(--muted);opacity:.6;margin-top:10px}

@media(max-width:768px){
  .btn-register span{display:none}
  .hero-card{flex-direction:column}
  .hero-content{padding:32px 20px 24px;width:100%}
  .hero-image{width:100%;align-self:auto}
  .hero-image img{object-position:top center;max-height:280px;object-fit:contain;padding:0 16px 16px}
  h1 .h1-top,h1 .h1-main{font-size:clamp(1.5rem,6vw,2rem)}
  .hero-btns{flex-direction:column;align-items:stretch}
  .btn-promo,.btn-register-hero{width:100%;justify-content:center}
  .hero-description{padding:12px 16px 20px}
  .game-cards{grid-template-columns:repeat(3,1fr)}
  .rank-grid{grid-template-columns:1fr}
}