/* BetFIRST site-5 | prefix: site5 */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap');

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Lato',sans-serif;background:#FFFFFF;color:#1A1A1A;line-height:1.65;font-size:16px}
a{color:#c9a227;text-decoration:none}
img{max-width:100%;height:auto}
table{width:100%;border-collapse:collapse}
th,td{border:1px solid #e0e0e0;padding:10px 14px;text-align:left;font-size:.88rem;color:#1A1A1A}
th{background:#1A1A2E;color:#FFD700;font-weight:600}
tr:nth-child(even) td{background:#F8F8F8}

/* Layout */
.site5-wrap{max-width:1200px;margin:0 auto;padding:0 20px}

/* Header */
.site5-hdr{position:sticky;top:0;z-index:100;background:#222222;border-bottom:1px solid #FFD70030;padding:14px 0}
.site5-hdr-in{display:flex;align-items:center;justify-content:space-between;gap:16px}
.site5-logo{height:36px;width:auto}
.site5-nav{display:flex;gap:24px;font-size:.9rem}
.site5-nav a{color:#ffffffbb;transition:color .2s}
.site5-nav a:hover{color:#FFD700}

/* Buttons */
.site5-btn{display:inline-block;background:#FFD700;color:#1A1A1A;padding:10px 22px;border-radius:12px;font-weight:700;font-size:.9rem;transition:background .2s,transform .15s;cursor:pointer;border:none;text-decoration:none}
.site5-btn:hover{background:#e0b84a;transform:translateY(-1px)}
.site5-btn-lg{padding:14px 32px;font-size:1rem}
.site5-btn-sm{padding:7px 16px;font-size:.82rem}

/* Sections */
.site5-sec{padding:60px 0;background:#FFFFFF}
.site5-sec-alt{padding:60px 0;background:#F5F5F5}
.site5-sec h2{font-size:1.7rem;font-weight:800;margin-bottom:20px;color:#1A1A1A}
.site5-sec-alt h2{font-size:1.7rem;font-weight:800;margin-bottom:20px;color:#1A1A1A}
.site5-sec h3,.site5-sec-alt h3{font-size:1.25rem;font-weight:700;margin-bottom:16px;color:#1A1A1A}
.site5-sec p,.site5-sec-alt p{margin-bottom:14px;color:#666666;font-size:.95rem;max-width:800px}

/* Split layout */
.site5-split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.site5-split img{border-radius:10px;width:100%;height:auto}

/* Hero */
.site5-hero{padding:70px 0;background:#F5F5F5}
.site5-hero-wrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.site5-hero h1{font-size:2.1rem;font-weight:900;line-height:1.2;margin-bottom:20px;color:#1A1A1A}
.site5-hero-img img{border-radius:10px;width:100%;height:auto}
.site5-badges{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.site5-badge{background:#FFD70015;color:#b8860b;padding:5px 12px;border-radius:20px;font-size:.8rem;font-weight:600;border:1px solid #FFD70040}

/* Steps */
.site5-steps{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin:24px 0}
.site5-step{display:flex;gap:14px;align-items:flex-start;background:#FFFFFF;padding:18px;border-radius:12px;border-left:3px solid #c9a227;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.site5-step-num{font-size:1.4rem;font-weight:900;color:#c9a227;min-width:32px;line-height:1}
.site5-step strong{display:block;font-size:.9rem;color:#1A1A1A;margin-bottom:4px}
.site5-step p{font-size:.83rem;color:#666666;margin:0}

/* Category cards */
.site5-cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0}
.site5-cat-card{border-radius:12px;overflow:hidden;position:relative;border:1px solid #e0e0e0;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.site5-cat-card img{width:100%;height:180px;object-fit:cover;display:block}
.site5-cat-info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.85));padding:16px 14px}
.site5-cat-info strong{display:block;font-size:1rem;font-weight:700;color:#fff}
.site5-cat-info span{font-size:.8rem;color:#FFD700}

/* Slot grid */

.site5-slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.site5-slot-item{border-radius:12px;overflow:hidden;background:#FFFFFF;border-bottom:3px solid #c9a227;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.site5-slot-item img{width:100%;height:148px;object-fit:cover}
.site5-slot-meta{padding:10px 12px}
.site5-slot-name{font-size:.84rem;font-weight:700;color:#1A1A1A;display:block}
.site5-slot-prov{font-size:.74rem;color:#c9a227}
.site5-live-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.site5-live-card{border-radius:12px;overflow:hidden;background:#FFFFFF;border-bottom:3px solid #c9a227;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.site5-live-card img{width:100%;height:160px;object-fit:cover}
.site5-live-info{padding:14px}
.site5-live-info h4{margin:0 0 6px;font-size:.93rem;color:#1A1A1A}
.site5-live-info p{margin:0;font-size:.8rem;color:#666666}


/* Table games (similar to live) */
.site5-tbl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}
.site5-tbl-card{border-radius:12px;overflow:hidden;background:#FFFFFF;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.site5-tbl-card img{width:100%;height:155px;object-fit:cover}
.site5-tbl-info{padding:12px}
.site5-tbl-info h4{margin:0 0 4px;font-size:.9rem;color:#1A1A1A}
.site5-tbl-info p{margin:0;font-size:.78rem;color:#666666}

/* Payment row */
.site5-pay-icons{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.site5-pay-icons img{background:#fff;padding:4px 8px;border-radius:6px}
.site5-tbl-wrap{overflow-x:auto;margin:16px 0}

/* Bonus section */
.site5-bonus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0}
.site5-bonus-card{border-radius:12px;overflow:hidden;background:#FFFFFF;border-top:3px solid #c9a227;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.site5-bonus-card img{width:100%;height:155px;object-fit:cover}
.site5-bonus-body{padding:16px}
.site5-bonus-title{font-size:1rem;font-weight:700;color:#1A1A1A;display:block;margin-bottom:6px}
.site5-bonus-amt{font-size:1.15rem;font-weight:900;color:#c9a227;display:block;margin-bottom:8px}
.site5-bonus-body p{font-size:.82rem;color:#666666;margin:0}
.site5-single-bonus{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;background:#FFFFFF;border-radius:12px;overflow:hidden;margin:20px 0;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.site5-single-bonus img{width:100%;height:180px;object-fit:cover}
.site5-single-bonus-txt{padding:20px}
.site5-single-bonus-txt h4{color:#1A1A1A;margin-bottom:10px}
.site5-single-bonus-txt p{color:#666666;font-size:.88rem;margin-bottom:12px}

/* FAQ */
.site5-faq{display:flex;flex-direction:column;gap:12px;margin:24px 0}
.site5-faq-item{background:#FFFFFF;border-radius:12px;border:1px solid #e0e0e0;box-shadow:0 1px 4px rgba(0,0,0,.05)}
.site5-faq-q{padding:16px 20px;font-weight:700;font-size:.95rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:#1A1A1A}
.site5-faq-q::after{content:'▾';color:#c9a227}
.site5-faq-a{padding:0 20px 16px;font-size:.88rem;color:#666666;line-height:1.6}

/* Promo bar */
.site5-promo{position:fixed;bottom:0;left:0;right:0;z-index:200;background:linear-gradient(135deg,#c9a227,#e0b84a);padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.site5-promo-txt{font-weight:700;color:#1A1A1A;font-size:.95rem}
.site5-promo-right{display:flex;align-items:center;gap:12px}
.site5-promo-close{background:none;border:none;cursor:pointer;color:#1A1A1A;font-size:1.3rem;line-height:1;padding:2px 8px}
.site5-promo-btn{background:#222222;color:#FFD700;padding:8px 20px;border-radius:12px;font-weight:700;font-size:.88rem;text-decoration:none}

/* Footer */
.site5-footer{background:#222222;padding:32px 0;border-top:1px solid #FFD70020}
.site5-footer-in{display:grid;grid-template-columns:1fr 2fr;gap:32px;align-items:start}
.site5-footer-lic{font-size:.75rem;color:#ffffff60;line-height:1.7}
.site5-footer-logo{height:30px;width:auto;margin-bottom:12px;display:block}
.site5-footer-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:16px}
.site5-footer-links a{font-size:.8rem;color:#ffffff70}

/* Responsive */
@media(max-width:1024px){
  .site5-hero-wrap,.site5-split{grid-template-columns:1fr}
  .site5-hero-img{order:-1}
  .site5-cat-grid{grid-template-columns:repeat(3,1fr)}
  .site5-slot-grid{grid-template-columns:repeat(3,1fr)!important}
  .site5-live-grid{grid-template-columns:repeat(2,1fr)!important}
  .site5-tbl-grid{grid-template-columns:repeat(2,1fr)}
  .site5-bonus-grid{grid-template-columns:repeat(3,1fr)}
  .site5-footer-in{grid-template-columns:1fr}
}
@media(max-width:768px){
  .site5-hero h1{font-size:1.6rem}
  .site5-cat-grid{grid-template-columns:repeat(2,1fr)}
  .site5-slot-grid{grid-template-columns:repeat(2,1fr)!important}
  .site5-live-grid{grid-template-columns:repeat(2,1fr)!important}
  .site5-tbl-grid{grid-template-columns:repeat(2,1fr)}
  .site5-bonus-grid{grid-template-columns:1fr 1fr}
  .site5-single-bonus{grid-template-columns:1fr}
  .site5-nav{display:none}
  .site5-hdr-in{justify-content:space-between}
  .site5-steps{grid-template-columns:1fr}
  .site5-promo{flex-direction:column;text-align:center}
}
@media(max-width:480px){
  .site5-cat-grid{grid-template-columns:1fr}
  .site5-slot-grid{grid-template-columns:1fr 1fr!important}
  .site5-live-grid{grid-template-columns:1fr!important}
  .site5-tbl-grid{grid-template-columns:1fr 1fr}
  .site5-bonus-grid{grid-template-columns:1fr}
  .site5-hero{padding:40px 0}
  .site5-sec,.site5-sec-alt{padding:40px 0}
}
@media(max-width:320px){
  body{font-size:14px}
  .site5-slot-grid{grid-template-columns:1fr!important}
  .site5-tbl-grid{grid-template-columns:1fr}
  .site5-hero h1{font-size:1.35rem}
}