/* br-7games-betting.com · layout "placar" (family A) · prefix bt */
:root{--bt-bg:#18201D;--bt-sf:#1C2625;--bt-sf2:#222e2b;--bt-ac:#269056;--bt-gold:#E0A92B;--bt-gold2:#f0c35a;--bt-tx:#fff;--bt-mut:rgba(255,255,255,.76);--bt-line:rgba(255,255,255,.14)}
body.bt{margin:0;background:var(--bt-bg);color:var(--bt-tx);font:400 17px/1.65 Roboto,"Segoe UI",Arial,sans-serif;-webkit-text-size-adjust:100%}
.bt *,.bt *::before,.bt *::after{box-sizing:border-box}
.bt img{max-width:100%;height:auto;display:block}
.bt :where(a){color:var(--bt-gold2);text-underline-offset:3px}
.bt :where(a):hover{color:#fff}
.bt h1,.bt h2,.bt h3{font-family:Saira,"Arial Narrow",Arial,sans-serif;margin:0;overflow-wrap:break-word}
.bt p{margin:0 0 15px}
.bt .shell{width:min(1180px,calc(100% - 32px));margin:0 auto}
.bt-mono{font-family:"Roboto Mono",Consolas,monospace;font-size:.94em;color:var(--bt-gold2)}

/* buttons */
.bt .btn,.bt-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border-radius:3px;background:var(--bt-gold);color:#18201D;text-decoration:none;font:700 16px/1.1 Saira,Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase;border:0;text-align:center;transition:background .15s,transform .15s}
.bt .btn:hover,.bt-btn:hover{background:var(--bt-gold2);color:#18201D;transform:translateY(-1px)}
.bt a:focus-visible,.bt summary:focus-visible{outline:3px solid #fff;outline-offset:3px}

/* header */
.bt .top{position:sticky;top:0;z-index:30;background:#121815;border-top:4px solid var(--bt-gold);border-bottom:1px solid var(--bt-line)}
.bt .top-in{display:flex;align-items:center;gap:10px 32px;padding:6px 0}
.bt .top-in>a:first-child{display:block;line-height:0;flex:none}
.bt .top-in>a:first-child img{height:38px;width:auto}
.bt .top nav{display:flex;gap:0;margin-right:auto;border-left:1px solid var(--bt-line);padding-left:18px}
.bt .top nav a{display:inline-flex;align-items:center;min-height:46px;padding:0 16px;color:#fff;text-decoration:none;font:600 16px/1 Saira,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;border-bottom:3px solid transparent;margin-bottom:-3px}
.bt .top nav a:hover{color:var(--bt-gold2);border-bottom-color:var(--bt-gold)}
.bt .top .btn-main{min-height:44px;padding:0 20px;font-size:15px}

/* hero */
.bt-hero{position:relative;overflow:hidden;background:linear-gradient(110deg,rgba(18,24,21,.96) 0%,rgba(18,24,21,.82) 60%,rgba(18,24,21,.6) 100%),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 2px,transparent 2px 120px),var(--bt-bg);border-bottom:1px solid var(--bt-line)}
.bt-hero::after{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border:2px solid rgba(224,169,43,.18);border-radius:50%;pointer-events:none}
.bt-hero-in{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:center;padding:60px 0 68px}
.bt-hero-sm .bt-hero-in{grid-template-columns:minmax(0,860px);padding:44px 0 48px}
.bt-kicker{display:inline-block;margin:0 0 16px;padding:3px 10px;background:var(--bt-gold);color:#18201D;font:500 14.5px/1.5 "Roboto Mono",Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}
.bt-hero h1{font-weight:700;font-size:clamp(31px,4.3vw,52px);line-height:1.08;letter-spacing:-.005em;margin:0 0 20px}
.bt-hero-sm h1{font-size:clamp(28px,3.5vw,42px)}
.bt-lead{font-size:clamp(17px,1.6vw,19px);line-height:1.65;color:rgba(255,255,255,.9);max-width:640px;margin-bottom:24px}
.bt-acts{display:flex;flex-wrap:wrap;align-items:center;gap:12px 26px;margin-bottom:14px}
.bt-link{display:inline-flex;align-items:center;min-height:44px;color:#fff;font:600 16px/1 Saira,Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase;text-decoration:none;border-bottom:2px solid var(--bt-gold)}
.bt-link:hover{color:var(--bt-gold2)}
.bt-ad{margin:0 0 8px;font-size:16px;line-height:1.4;color:var(--bt-mut)}
.bt-date{margin:0;font:400 16px/1.4 "Roboto Mono",Consolas,monospace;color:var(--bt-mut)}

/* scoreboard panel */
.bt-board{background:var(--bt-sf);border:1px solid var(--bt-line);border-top:4px solid var(--bt-gold);border-radius:3px;overflow:hidden}
.bt-board img{width:100%;height:170px;object-fit:cover;object-position:center 40%}
.bt-board-t{margin:0;padding:14px 20px 8px;font:500 14.5px/1.3 "Roboto Mono",Consolas,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--bt-gold)}
.bt-board-l{list-style:none;margin:0;padding:0 0 8px;counter-reset:b}
.bt-board-l li{display:flex;align-items:center;gap:14px;min-height:50px;padding:6px 20px;border-top:1px solid var(--bt-line);font:600 18px/1.25 Saira,Arial,sans-serif}
.bt-board-l span{font:500 15px/1 "Roboto Mono",Consolas,monospace;color:#18201D;background:var(--bt-gold);padding:5px 7px;border-radius:2px}

/* strip */
.bt-strip{background:#121815;border-bottom:1px solid var(--bt-line)}
.bt-strip-in{display:grid;grid-template-columns:repeat(4,1fr);margin:0 auto}
.bt-strip-in>div{display:flex;align-items:center;gap:14px;padding:20px 16px;border-left:1px solid var(--bt-line)}
.bt-strip-in>div:first-child{border-left:0;padding-left:0}
.bt-strip dt{flex:none;min-width:44px;font:700 clamp(30px,3.4vw,42px)/1 Saira,Arial,sans-serif;color:var(--bt-gold)}
.bt-strip dd{margin:0;font-size:16px;line-height:1.35;color:var(--bt-mut)}

/* sections */
.bt-sec{padding:64px 0}
.bt-alt{background:var(--bt-sf)}
.bt-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:20px 56px;align-items:start}
.bt-side{position:sticky;top:84px}
.bt-lab{margin:0 0 10px;font:500 14.5px/1.3 "Roboto Mono",Consolas,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--bt-gold)}
.bt-sec h2,.bt-band h2,.bt-close h2,.bt-more h2{font-weight:700;font-size:clamp(25px,2.9vw,35px);line-height:1.14;margin:0 0 18px}
.bt-main p{color:rgba(255,255,255,.9)}
.bt-main b,.bt-prose b{color:#fff}
.bt .shell.bt-prose{width:min(830px,calc(100% - 32px));margin-left:max(16px,calc((100% - 1180px)/2));margin-right:auto}
.bt-prose h2{margin-top:42px;padding-top:22px;border-top:1px solid var(--bt-line)}
.bt-prose h2:first-of-type{margin-top:0;padding-top:0;border-top:0}
.bt-note{padding:14px 18px;background:var(--bt-sf);border-left:4px solid var(--bt-gold);border-radius:0 3px 3px 0;margin-bottom:30px;font-size:16.5px}
.bt-after{margin-top:24px}

/* tables */
.bt-tw{margin:18px 0 22px;overflow-x:auto;border:1px solid var(--bt-line);border-radius:3px}
.bt-tbl{width:100%;border-collapse:collapse;font-size:16px;line-height:1.4}
.bt-tbl th{padding:10px 14px;text-align:left;background:#121815;color:var(--bt-gold);font:500 14.5px/1.2 "Roboto Mono",Consolas,monospace;letter-spacing:.06em;text-transform:uppercase;border-bottom:2px solid var(--bt-gold)}
.bt-tbl td{padding:10px 14px;border-top:1px solid var(--bt-line);vertical-align:top;color:rgba(255,255,255,.92)}
.bt-tbl td:first-child{font-weight:600;color:#fff}
.bt-tbl tbody tr:nth-child(odd) td{background:rgba(255,255,255,.035)}
.bt-tbl td.bt-mono{font-size:15.5px}

/* lists */
.bt-list{list-style:none;margin:6px 0 20px;padding:0}
.bt-list li{position:relative;padding:9px 6px 9px 28px;border-bottom:1px dashed var(--bt-line)}
.bt-list li::before{content:"";position:absolute;left:6px;top:19px;width:9px;height:9px;background:var(--bt-gold);transform:rotate(45deg)}
.bt-steps{list-style:none;counter-reset:s;margin:20px 0 22px;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.bt-prose .bt-steps{grid-template-columns:1fr}
.bt-steps li{counter-increment:s;position:relative;padding:16px 18px 16px 66px;background:var(--bt-sf);border:1px solid var(--bt-line);border-radius:3px}
.bt-alt .bt-steps li{background:var(--bt-bg)}
.bt-steps li::before{content:"0" counter(s);position:absolute;left:16px;top:16px;font:500 24px/1 "Roboto Mono",Consolas,monospace;color:var(--bt-gold)}

/* band & close */
.bt-band{background:var(--bt-gold);color:#18201D}
.bt-band-in{display:flex;align-items:center;justify-content:space-between;gap:20px 44px;padding:34px 0}
.bt-band h2{margin:0 0 6px;font-size:clamp(22px,2.5vw,31px);color:#18201D}
.bt-band p{margin:0;max-width:600px}
.bt-band-act{flex:none;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.bt-band-act .bt-ad{margin:0}
.bt-band .bt-btn{background:#18201D;color:#fff}
.bt-band .bt-btn:hover{background:#000;color:#fff}
.bt-band .bt-ad{color:#18201D}
.bt-close{background:#121815;border-top:4px solid var(--bt-gold)}
.bt-close-in{display:flex;align-items:center;justify-content:space-between;gap:24px 48px;padding:52px 0}
.bt-close h2{font-size:clamp(25px,3.1vw,38px);margin-bottom:10px}
.bt-close p{max-width:600px;margin:0;color:rgba(255,255,255,.9)}
.bt-inline-cta{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:28px 0 6px;padding:20px;background:var(--bt-sf);border:1px solid var(--bt-gold);border-radius:3px}
.bt-inline-cta .bt-ad{margin:0}

/* faq */
.bt-faq{max-width:880px;margin:20px 0 8px;border-top:2px solid var(--bt-gold)}
.bt-qa{border-bottom:1px solid var(--bt-line)}
.bt-q{display:block;position:relative;min-height:58px;padding:16px 56px 16px 6px;cursor:pointer;list-style:none;font:600 19px/1.35 Saira,Arial,sans-serif}
.bt-q::-webkit-details-marker{display:none}
.bt-q::after{content:"+";position:absolute;right:8px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:2px solid var(--bt-gold);border-radius:3px;color:var(--bt-gold);display:flex;align-items:center;justify-content:center;font:500 20px/1 "Roboto Mono",monospace}
.bt-qa[open] .bt-q::after{content:"\2212";background:var(--bt-gold);color:#18201D}
.bt-a{margin:0;padding:0 56px 18px 6px;color:rgba(255,255,255,.88)}

/* more */
.bt-more{padding:56px 0;background:var(--bt-bg)}
.bt-more-list{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--bt-line)}
.bt-more-list li+li{border-left:1px solid var(--bt-line)}
.bt-more-list a{display:flex;flex-direction:column;gap:6px;min-height:100px;padding:18px;color:#fff;text-decoration:none;height:100%}
.bt-more-list a:hover{background:var(--bt-sf)}
.bt-more-list b{font:700 18px/1.2 Saira,Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em;color:var(--bt-gold)}
.bt-more-list span{font-size:16px;line-height:1.4;color:var(--bt-mut)}

/* footer */
.bt .foot{background:#0f1512;border-top:1px solid var(--bt-line);padding:38px 0 44px;color:var(--bt-mut)}
.bt .foot-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 36px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--bt-line)}
.bt .foot-top>a{line-height:0;display:block}
.bt .foot-top>a img{height:36px;width:auto}
.bt .foot nav{display:flex;flex-wrap:wrap;gap:0 4px}
.bt .foot nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;color:#fff;font:500 16px/1 Roboto,Arial,sans-serif;text-decoration:none}
.bt .foot nav a:hover{color:var(--bt-gold2);text-decoration:underline}
.bt .foot p{font-size:16px;line-height:1.6;margin:0 0 10px;max-width:900px}

@media (max-width:980px){
  .bt-hero-in{grid-template-columns:1fr;gap:30px;padding:42px 0 48px}
  .bt-hero-sm .bt-hero-in{padding:38px 0 42px}
  .bt-hero::after{display:none}
  .bt-grid{grid-template-columns:1fr;gap:6px}
  .bt-side{position:static}
  .bt-strip-in{grid-template-columns:repeat(2,1fr)}
  .bt-strip-in>div:nth-child(3){border-left:0;padding-left:0}
  .bt-strip-in>div:nth-child(n+3){border-top:1px solid var(--bt-line)}
  .bt-more-list{grid-template-columns:repeat(2,1fr)}
  .bt-more-list li:nth-child(3){border-left:0}
  .bt-more-list li:nth-child(n+3){border-top:1px solid var(--bt-line)}
  .bt-sec{padding:48px 0}
}
@media (max-width:760px){
  .bt .top-in{flex-wrap:wrap;gap:2px 12px;padding:4px 0 0}
  .bt .top-in>a:first-child img{height:34px}
  .bt .top nav{order:3;width:100%;margin:0;padding:0;border-left:0;justify-content:space-between;border-top:1px solid var(--bt-line)}
  .bt .top nav a{flex:1;justify-content:center;padding:0 4px;font-size:15px;letter-spacing:.04em}
  .bt .top .btn-main{margin-left:auto;padding:0 16px;font-size:14.5px}
  .bt-steps{grid-template-columns:1fr}
  .bt-band-in,.bt-close-in{flex-direction:column;align-items:stretch}
  .bt-band-act .bt-btn,.bt-close .bt-btn{width:100%}
}
@media (max-width:640px){
  body.bt{font-size:17px}
  .bt-hero h1{font-size:clamp(27px,7.8vw,34px)}
  .bt-hero-sm h1{font-size:clamp(25px,7.2vw,31px)}
  .bt-acts .bt-btn,.bt-inline-cta .bt-btn{width:100%}
  .bt-strip-in>div{padding:16px 10px;gap:10px}
  .bt-strip-in>div:nth-child(odd){padding-left:0}
  .bt-more-list{grid-template-columns:1fr}
  .bt-more-list li+li{border-left:0;border-top:1px solid var(--bt-line)}
  .bt-tbl th,.bt-tbl td{padding:9px 8px}
  .bt-tbl th{font-size:14.5px;letter-spacing:.02em}
  .bt-q{font-size:18px}
  .bt-a{padding-right:6px}
  .bt-board img{height:140px}
  .bt-steps li{padding-left:58px}
}
@media (prefers-reduced-motion:reduce){.bt .btn,.bt-btn{transition:none}}