* { margin: 0; padding: 0; box-sizing: border-box; }
:root{
  --blue:#0b39a8;
  --blue-dark:#0a3298;
  --blue-badge:#1f47b8;
  --red:#e11a26;
  --grey-badge:#e5e7ec;
  --page-bg:#eef0f3;
  --border:#d7dae1;
}
html{font-size:16px;}
body{
  font-family:'Segoe UI',Arial,Helvetica,sans-serif;
  background:var(--page-bg);
  color:#1b2333;
  line-height:1.3;
}
img{display:block;max-width:100%;}
button{font-family:inherit;cursor:pointer;border:none;background:none;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}

/* ===== TOP BAR ===== */
.topbar{background:var(--blue);}
.topbar-inner{
  max-width:2000px;margin:0 auto;
  display:flex;align-items:center;
  height:98px;padding:0 34px;gap:20px;
}
.logo img{height:34px;width:auto;}
.main-nav{display:flex;gap:56px;margin-left:56px;}
.main-nav a{color:#fff;font-weight:700;font-size:20px;}
.main-nav a:hover{opacity:.8;}
.auth-buttons{margin-left:auto;display:flex;gap:16px;}
.btn-login{
  background:transparent;border:1px solid #fff;color:#fff;
  font-weight:700;font-size:18px;padding:12px 34px;border-radius:8px;
}
.btn-login:hover{background:rgba(255,255,255,.12);}
.btn-join{
  background:var(--red);color:#fff;font-weight:700;font-size:18px;
  padding:13px 40px;border-radius:8px;
}
.btn-join:hover{background:#c9161f;}

/* ===== LOGIN POPUP ===== */
.auth-buttons{position:relative;}
.login-popup{
  position:absolute;top:calc(100% + 20px);right:-16px;
  width:472px;max-width:calc(100vw - 32px);
  background:#fff;border:2px solid var(--blue);border-radius:6px;
  padding:26px 24px 24px;box-shadow:0 14px 34px rgba(0,0,0,.28);
  display:none;z-index:200;
}
.login-popup.open{display:block;}
.login-popup input[type=text],.login-popup input[type=password]{
  width:100%;padding:15px 18px;font-size:19px;color:#2b3242;
  border:1px solid #cfd3db;border-radius:8px;margin-bottom:16px;outline:none;
}
.login-popup input::placeholder{color:#9aa0ab;}
.login-popup input:focus{border-color:#8fb0ff;}
.lp-btns{display:flex;gap:16px;margin:4px 0 18px;}
.lp-login,.lp-help{
  flex:1;padding:15px;font-weight:800;font-size:18px;color:#fff;
  border-radius:8px;letter-spacing:.3px;
}
.lp-login{background:linear-gradient(#5a97ff,#2f6fe0);border:2px solid #8ab6ff;box-shadow:0 3px 0 rgba(0,0,0,.12);}
.lp-login:hover{background:linear-gradient(#4d8dff,#215fd0);}
.lp-help{background:linear-gradient(#e05a56,#c0201f);border:2px solid #ef8b88;box-shadow:0 3px 0 rgba(0,0,0,.12);}
.lp-help:hover{background:linear-gradient(#d94b47,#a81a19);}
.lp-remember{display:flex;align-items:center;gap:12px;font-weight:700;font-size:18px;color:#1b2333;cursor:pointer;}
.lp-remember input{width:26px;height:26px;accent-color:var(--blue);cursor:pointer;}

/* ===== REGISTER VIEW ===== */
.center .register-view{display:none;flex-direction:column;}
.center.show-register>*{display:none;}
.center.show-register>.register-view{display:flex;}
.reg-banner{
  position:relative;overflow:hidden;
  background:linear-gradient(90deg,var(--blue) 42%,rgba(11,57,168,.62)),url("images/hero.gif") right center/cover no-repeat;
  color:#fff;font-size:28px;font-weight:800;padding:32px 32px;border-radius:10px;margin-bottom:16px;
  box-shadow:0 1px 5px rgba(0,0,0,.08);
}
.reg-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 6px rgba(0,0,0,.1);}
.reg-tabs{display:flex;background:#3d3d3d;padding:0;}
.reg-tab{flex:1;text-align:center;padding:20px 12px;font-weight:700;font-size:17px;color:#fff;background:#3d3d3d;}
.reg-tab.active{background:#fff;color:#1b2333;border-radius:8px 8px 0 0;}
.reg-tab:not(.active):hover{background:#4a4a4a;}
.reg-form{padding:32px 24px 34px;}
.reg-row{display:flex;align-items:center;justify-content:center;gap:26px;margin-bottom:18px;}
.reg-row .lbl{flex:0 0 200px;text-align:right;font-weight:700;font-size:17px;color:#1b2333;}
.reg-row .fld{flex:0 1 480px;min-width:0;}
.reg-row .fld input,.reg-row .fld select{
  width:100%;padding:14px 14px;font-size:16px;color:#2b3242;
  border:1px solid #cfd3db;border-radius:4px;background:#fff;outline:none;
}
.reg-row .fld input:focus,.reg-row .fld select:focus{border-color:#8fb0ff;}
.reg-submit{
  width:100%;padding:14px;font-weight:700;font-size:17px;color:#fff;
  background:linear-gradient(#4a90ff,#2f6fe0);border:1px solid #7ab0ff;border-radius:5px;
  box-shadow:0 2px 0 rgba(0,0,0,.12);
}
.reg-submit:hover{background:linear-gradient(#3d84ff,#255fd0);}
.reg-actions{display:flex;gap:14px;}
.reg-back{
  flex:0 0 auto;padding:14px 26px;font-weight:700;font-size:17px;color:#3a4152;
  background:#eceef2;border:1px solid #cfd3db;border-radius:5px;
}
.reg-back:hover{background:#e0e3e9;}
.reg-actions .reg-submit{flex:1;}
.reg-message{
  margin:18px auto 0;max-width:706px;padding:14px 18px;border-radius:6px;
  font-size:16px;font-weight:600;text-align:center;
}
.reg-message.ok{background:#e4f6ea;border:1px solid #9ed9b3;color:#1c7a3f;}
.reg-message.err{background:#fdeaea;border:1px solid #eaa;color:#c0201f;}

/* ===== PRIVACY POLICY / TERMS / RULES VIEW ===== */
.center .privacy-view,.center .terms-view,.center .rules-view{display:none;flex-direction:column;
  background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 6px rgba(0,0,0,.1);}
.center.show-privacy>*{display:none;}
.center.show-privacy>.privacy-view{display:flex;}
.center.show-terms>*{display:none;}
.center.show-terms>.terms-view{display:flex;}
.center.show-rules>*{display:none;}
.center.show-rules>.rules-view{display:flex;}
/* Wagering-rules product descriptions & paragraphs */
.pp-prod{font-weight:800;font-size:17px;color:#1b2333;margin:18px 0 6px;}
.pp-prod:first-child{margin-top:0;}
.pp-para{font-size:16px;line-height:1.5;color:#1b2333;margin:0 0 12px;}
.pp-para:last-child{margin-bottom:0;}
.pp-formula{font-family:'Courier New',monospace;font-size:15px;background:#f3f5f9;border:1px solid #e2e4ea;border-radius:6px;padding:12px 14px;margin:10px 0;white-space:pre-wrap;}
.pp-cont{display:block;margin:12px 0;}
/* Deductions table */
.ded-table-wrap{overflow-x:auto;margin-top:10px;}
.ded-table{border-collapse:collapse;width:100%;min-width:420px;font-size:15px;}
.ded-table th,.ded-table td{border:1px solid #d7dae1;padding:8px 12px;text-align:center;}
.ded-table thead th{background:var(--blue);color:#fff;font-weight:700;}
.ded-table tbody tr:nth-child(even){background:#f5f7fb;}
/* Terms bullet level (▪) */
.pp-bullets{display:flex;flex-direction:column;gap:8px;margin-top:10px;}
.pp-bullet{display:flex;gap:12px;align-items:flex-start;}
.pp-bullet .pp-bmark{flex:0 0 auto;color:#1b2333;font-size:14px;line-height:1.7;}
.pp-subhead{font-weight:700;}
.pp-text i{font-style:italic;}
.pp-banner{width:100%;display:block;}
.pp-intro{padding:22px 28px;font-size:16px;line-height:1.5;color:#1b2333;}
.pp-intro b{font-weight:700;}
.pp-intro i{font-style:italic;}
.pp-section{display:flex;flex-direction:column;}
.pp-head{
  display:flex;align-items:center;gap:16px;width:100%;text-align:left;
  background:var(--blue);color:#fff;padding:14px 24px;cursor:pointer;
}
.pp-num{
  flex:0 0 auto;min-width:34px;height:34px;padding:0 6px;
  background:rgba(0,0,0,.16);border-radius:4px;
  display:flex;align-items:center;justify-content:center;font-weight:700;font-size:17px;
}
.pp-title{flex:1;font-weight:700;font-size:20px;}
.pp-chev{flex:0 0 auto;font-size:22px;font-weight:700;transition:transform .2s;transform:rotate(0deg);}
.pp-section.collapsed .pp-chev{transform:rotate(180deg);}
.pp-section.collapsed .pp-body{display:none;}
.pp-body{padding:20px 28px 24px;background:#fbfcfe;}
.pp-list{display:flex;flex-direction:column;gap:16px;}
.pp-item,.pp-sub{display:flex;gap:14px;align-items:flex-start;font-size:16px;line-height:1.5;color:#1b2333;}
.pp-mark{flex:0 0 auto;min-width:34px;color:#1b2333;}
.pp-text{flex:1;min-width:0;}
.pp-text b{font-weight:700;}
.pp-text a{color:var(--blue);text-decoration:underline;}
.pp-sublist{display:flex;flex-direction:column;gap:12px;margin-top:12px;}
.pp-sub{gap:12px;}
.pp-sub .pp-mark{min-width:40px;}

/* ===== RACE STRIP ===== */
.race-strip{background:var(--page-bg);border-bottom:1px solid var(--border);}
.race-strip-inner{
  max-width:2000px;margin:0 auto;
  display:flex;align-items:center;gap:14px;
  padding:16px 34px;
}
.icon-group{display:flex;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.12);}
.ig-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#fff;background:#2c2c2c;}
.ig-btn.active{background:#1a6dff;}
.ig-btn.dark{background:#2c2c2c;}
.ig-btn.dark:hover{background:#404040;}
.strip-arrow{
  width:46px;height:46px;flex:0 0 46px;border-radius:8px;
  background:#1a6dff;color:#fff;font-size:26px;font-weight:700;
  display:flex;align-items:center;justify-content:center;line-height:1;
  box-shadow:0 1px 3px rgba(0,0,0,.15);
}
.strip-arrow:hover{background:#0f5be0;}
.race-cards{display:flex;gap:16px;overflow:hidden;flex:1;}
.rc{
  flex:0 0 auto;min-width:172px;
  background:#fff;border:1px solid var(--border);border-radius:8px;
  display:flex;align-items:center;gap:8px;padding:10px 12px;
  box-shadow:0 1px 2px rgba(0,0,0,.05);
}
.rc-icon{color:var(--blue);font-size:19px;line-height:1;display:inline-flex;align-items:center;}
.sport-ico svg{width:22px;height:22px;display:block;}
.rc-icon.sport-ico svg{color:var(--blue);}
.bc-ic.sport-ico svg{width:20px;height:20px;color:#fff;}
.tab.sport-ico svg{width:20px;height:20px;color:#fff;margin:0 auto;}
.tab.active.sport-ico svg{color:var(--blue);}
.ip-list .rc-icon.sport-ico svg,.up-list .rc-icon.sport-ico svg,.race-list .rc-icon.sport-ico svg{color:var(--blue);}
.rc-txt{display:flex;flex-direction:column;flex:1;}
.rc-txt b{font-size:15px;font-weight:700;}
.rc-txt span{font-size:13px;color:#5a6273;}
.rc-badge{background:var(--blue-badge);color:#fff;font-size:14px;font-weight:600;padding:6px 10px;border-radius:6px;}

/* ===== LAYOUT ===== */
.layout{
  max-width:2000px;margin:0 auto;
  display:grid;grid-template-columns:340px 1fr 340px;
  gap:20px;padding:20px 34px 30px;
  align-items:start;
}

/* ===== PANELS SHARED ===== */
.panel-head{
  background:var(--blue);color:#fff;
  text-align:center;font-weight:700;font-size:24px;
  padding:20px;border-radius:10px 10px 0 0;
}
.panel{margin-bottom:0;}
.panel .panel-head{border-radius:10px;}

/* ===== LEFT SIDEBAR ===== */
.left-sidebar>.panel .panel-head{border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.08);}
.highlight-item{
  background:#fff;border:1px solid var(--border);border-radius:10px;
  margin:14px 0 22px;padding:16px 18px;
  display:flex;align-items:center;gap:12px;font-weight:700;font-size:17px;
  box-shadow:0 1px 4px rgba(0,0,0,.05);
}
.side-card{
  background:#fff;border:1px solid var(--border);border-radius:10px;
  overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.05);
}
.tabs{display:flex;background:var(--blue);padding:10px 10px 0;gap:6px;}
.tab{
  flex:1;padding:10px 0;font-weight:700;font-size:16px;color:#fff;
  border-radius:8px 8px 0 0;background:var(--blue);
}
.tab.active{background:#fff;color:var(--blue);}
.tab:not(.active):hover{background:rgba(255,255,255,.15);}
.race-list li{
  display:flex;align-items:center;gap:12px;
  padding:14px 16px;border-bottom:1px solid #eceef2;
}
.rl-txt{display:flex;flex-direction:column;flex:1;}
.rl-txt b{font-size:16px;font-weight:700;}
.rl-txt span{font-size:14px;color:#5a6273;}
.rl-badge{background:var(--blue-badge);color:#fff;font-size:14px;font-weight:600;padding:8px 14px;border-radius:6px;min-width:44px;text-align:center;}
.rl-badge.grey{background:var(--grey-badge);color:#3a4152;}
.rl-badge.now{background:#fff;color:var(--red);border:1px solid var(--red);}
.rl-badge.num{font-size:13px;}
.nav-links{display:flex;flex-direction:column;}
.nav-links a{
  padding:16px 16px;font-weight:700;font-size:17px;border-bottom:1px solid #eceef2;
}
.nav-links a:first-child{border-top:2px solid var(--blue);}
.nav-links a:hover{background:#f5f6f9;}

/* ===== CENTER ===== */
.center{display:flex;flex-direction:column;gap:20px;}
.hero{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 1px 6px rgba(0,0,0,.08);}
.hero-track img{width:100%;height:auto;display:block;}
.hero-arrow{
  position:absolute;top:50%;transform:translateY(-50%);
  width:34px;height:34px;border-radius:50%;
  background:rgba(255,255,255,.25);color:#fff;font-size:24px;
  display:flex;align-items:center;justify-content:center;line-height:1;
}
.hero-arrow.left{left:14px;}
.hero-arrow.right{right:14px;}
.hero-arrow:hover{background:rgba(255,255,255,.45);}

/* BET CARDS */
.bet-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.bet-card{
  background:#fff;border-radius:10px;overflow:hidden;
  box-shadow:0 1px 5px rgba(0,0,0,.08);display:flex;flex-direction:column;
}
.bc-head{
  background:#1c1c1c;color:#fff;display:flex;align-items:center;gap:8px;
  padding:14px 14px;
  background-image:linear-gradient(rgba(20,20,20,.78),rgba(20,20,20,.78));
}
.bc-ic{background:var(--blue);width:34px;height:34px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;flex:0 0 auto;}
.bc-h-txt{display:flex;flex-direction:column;flex:1;min-width:0;}
.bc-h-txt b{font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bc-h-txt span{font-size:14px;opacity:.9;}
.bc-badge{background:var(--red);color:#fff;font-size:14px;font-weight:600;padding:6px 10px;border-radius:6px;flex:0 0 auto;}
.bc-body{padding:6px 14px;flex:1;}
.bc-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 0;}
.bc-row span:first-child{font-size:15px;font-weight:600;}
.odd{
  background:#f1f2f5;border:1px solid #e2e4ea;border-radius:6px;
  font-size:15px;font-weight:700;padding:9px 0;min-width:64px;text-align:center;flex:0 0 auto;
}
.odd:hover{background:#e7e9ef;}
.bc-btn{
  margin:14px;background:#1552d8;color:#fff;font-weight:700;font-size:16px;
  padding:13px;border-radius:8px;
  box-shadow:0 3px 0 #0f3fa8;
}
.bc-btn:hover{background:#0f47c4;}

/* PROMO */
.promo-banner{display:block;border-radius:12px;overflow:hidden;box-shadow:0 1px 6px rgba(0,0,0,.08);}
.promo-banner img{width:100%;height:auto;}

/* INFO PANELS */
.info-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.info-panel{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 5px rgba(0,0,0,.08);}
.ip-head{
  background:var(--blue);color:#fff;font-weight:700;font-size:19px;
  padding:16px 16px;display:flex;align-items:center;justify-content:space-between;
  white-space:nowrap;gap:8px;
}
.see-all{background:#fff;color:var(--blue);font-weight:700;font-size:13px;padding:7px 12px;border-radius:8px;flex:0 0 auto;}
.see-all:hover{background:#eef0f6;}
.ip-list li{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid #eceef2;}
.ip-list li:last-child{border-bottom:none;}
.ip-txt{display:flex;flex-direction:column;flex:1;}
.ip-txt b{font-size:16px;font-weight:700;}
.ip-txt span{font-size:14px;color:#5a6273;}
.ip-badge{background:var(--blue-badge);color:#fff;font-size:14px;font-weight:600;padding:8px 16px;border-radius:6px;min-width:48px;text-align:center;}
.ip-badge.grey{background:var(--grey-badge);color:#3a4152;}

/* ===== RIGHT SIDEBAR ===== */
.rs-head{border-radius:0;}
.up-list li:last-child{border-bottom:none;}

/* ===== FOOTER ===== */
.footer{background:var(--page-bg);max-width:2000px;margin:0 auto;padding:20px 34px 40px;}
.footer-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:20px 0 30px;}
.fcol h4{font-size:22px;font-weight:700;margin-bottom:18px;}
.fcol a{display:block;font-size:16px;color:#3a4152;padding:6px 0;}
.fcol a:hover{color:var(--blue);}
.copyright{font-size:15px;color:#3a4152;padding:14px 0 24px;}
.footer-bottom{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.fb-panel{
  border:1px solid #b9c0cc;border-radius:6px;padding:18px 22px;
  display:flex;align-items:center;gap:20px;font-size:14px;color:#2b3242;line-height:1.5;
}
.fb-panel img{width:150px;height:auto;flex:0 0 auto;}
.fb-panel p{flex:1;}
.system-by{text-align:right;font-size:13px;color:#4a5162;padding-top:14px;}

/* ===== RESPONSIVE ===== */

/* 1920 / 1600 — slightly tighten side columns */
@media (max-width:1720px){
  .layout{grid-template-columns:320px 1fr 320px;}
}
@media (max-width:1600px){
  .topbar-inner{height:88px;padding:0 28px;}
  .main-nav{gap:40px;margin-left:40px;}
  .main-nav a{font-size:18px;}
  .race-strip-inner,.layout,.footer{padding-left:28px;padding-right:28px;}
  .layout{grid-template-columns:300px 1fr 300px;gap:18px;}
  .panel-head,.rs-head{font-size:22px;padding:18px;}
}

/* 1440 */
@media (max-width:1500px){
  .layout{grid-template-columns:280px 1fr 280px;gap:16px;}
  .bet-cards{gap:14px;}
  .bc-h-txt b{font-size:16px;}
  .bc-row span:first-child{font-size:14px;}
  .odd{min-width:56px;font-size:14px;}
  .rl-txt b,.ip-txt b{font-size:15px;}
  .ip-head{font-size:18px;}
}

/* 1366 */
@media (max-width:1400px){
  .topbar-inner{height:80px;padding:0 22px;}
  .main-nav{gap:30px;margin-left:30px;}
  .main-nav a{font-size:17px;}
  .race-strip-inner,.layout,.footer{padding-left:22px;padding-right:22px;}
  .layout{grid-template-columns:260px 1fr 260px;}
  .rc{min-width:150px;}
}

/* 1280 */
@media (max-width:1300px){
  .layout{grid-template-columns:240px 1fr 240px;gap:14px;}
  .bet-cards{gap:12px;}
  .bc-head{padding:11px 9px;gap:6px;}
  .bc-ic{width:28px;height:28px;}
  .bc-ic.sport-ico svg{width:17px;height:17px;}
  .bc-h-txt b{font-size:15px;}
  .bc-h-txt span{font-size:13px;}
  .bc-badge{font-size:13px;padding:5px 8px;}
  .bc-body{padding:4px 10px;}
  .bc-row{padding:9px 0;}
  .bc-row span:first-child{font-size:13px;}
  .odd{min-width:48px;padding:8px 0;}
  .bc-btn{margin:10px;padding:11px;font-size:15px;}
  .rl-badge,.ip-badge{padding:7px 10px;min-width:40px;}
  .panel-head,.rs-head{font-size:20px;}
}

/* Tablet — stack the three columns */
@media (max-width:1120px){
  .layout{grid-template-columns:1fr;gap:20px;}
  .left-sidebar,.right-sidebar,.center{width:100%;}
  .bet-cards{grid-template-columns:repeat(4,1fr);}
  .bc-row span:first-child{font-size:14px;}
  .odd{min-width:56px;font-size:15px;}
  .info-panels{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:1024px){
  .main-nav{gap:22px;margin-left:22px;}
  .main-nav a{font-size:16px;}
  .bet-cards{grid-template-columns:repeat(2,1fr);}
}

/* 768 — mobile/tablet */
@media (max-width:820px){
  .topbar-inner{height:66px;padding:0 16px;gap:10px;}
  .main-nav{display:none;}
  .logo img{height:26px;}
  .btn-login,.btn-join{padding:9px 20px;font-size:15px;border-radius:7px;}
  .race-strip-inner,.layout,.footer{padding-left:14px;padding-right:14px;}
  .race-strip-inner{padding-top:12px;padding-bottom:12px;gap:10px;}
  .ig-btn{width:38px;height:38px;}
  .strip-arrow{width:40px;height:40px;flex-basis:40px;font-size:22px;}
  .rc{min-width:158px;}
  .panel-head,.rs-head{font-size:20px;padding:16px;}
  .highlight-item{margin:12px 0 18px;font-size:16px;}
  .info-panels{grid-template-columns:1fr;}
  .footer-cols{grid-template-columns:1fr;gap:6px;padding:16px 0 20px;}
  .fcol h4{font-size:20px;margin-bottom:12px;}
  .footer-bottom{grid-template-columns:1fr;}
}

/* Privacy Policy on small screens */
@media (max-width:820px){
  .pp-intro,.pp-body{padding-left:16px;padding-right:16px;}
  .pp-head{padding:12px 16px;gap:12px;}
  .pp-title{font-size:17px;}
  .pp-item,.pp-sub{gap:8px;font-size:15px;}
  .pp-mark{min-width:26px;}
  .pp-sub .pp-mark{min-width:30px;}
}

/* Register form + login popup on small screens */
@media (max-width:820px){
  .reg-banner{font-size:22px;padding:24px 20px;}
  .reg-tab{font-size:14px;padding:15px 6px;}
  .reg-row{flex-direction:column;align-items:stretch;gap:8px;margin-bottom:16px;}
  .reg-row .lbl{flex:none;text-align:left;}
  .reg-row .fld{flex:none;}
  .reg-row .lbl:empty{display:none;}
}

/* 480 */
@media (max-width:520px){
  .topbar-inner{height:58px;padding:0 12px;gap:8px;}
  .logo img{height:22px;}
  .auth-buttons{gap:8px;}
  .btn-login,.btn-join{padding:8px 14px;font-size:14px;}
  .bet-cards{grid-template-columns:1fr;}
  .panel-head,.rs-head{font-size:19px;padding:15px;}
  .bc-h-txt b{font-size:16px;}
  .bc-row span:first-child{font-size:14px;}
  .odd{min-width:60px;}
  .rl-txt b,.ip-txt b{font-size:15px;}
  .fb-panel{flex-direction:column;text-align:center;gap:14px;}
  .fb-panel img{width:150px;}
  .system-by{text-align:center;}
}

/* 375 */
@media (max-width:390px){
  .topbar-inner{padding:0 10px;}
  .race-strip-inner,.layout,.footer{padding-left:10px;padding-right:10px;}
  .btn-login,.btn-join{padding:7px 12px;font-size:13px;}
  .logo img{height:20px;}
  .panel-head,.rs-head{font-size:18px;}
  .rc{min-width:150px;}
}