/* vegasnow-canada.ca — макет B (Scorecard) */

.container{width:100%;max-width:var(--maxw);margin:0 auto;padding-inline:var(--s-md)}

/* ══ HEADER ══ desktop СТРОГО одна строка / mobile две строки ══ */
.hdr{background:var(--header);position:sticky;top:0;z-index:900;box-shadow:0 4px 22px rgba(0,0,0,.55)}
.hdr-row{display:flex;align-items:center;gap:var(--s-md);flex-wrap:nowrap;min-height:64px}
.logo{flex:0 0 auto;display:flex;align-items:center;text-decoration:none;color:var(--text)}
.logo img{height:46px;width:auto;display:block}
.logo-txt{display:block;font-weight:800;letter-spacing:.02em;line-height:1.05}
.logo-txt i{color:var(--gold);font-size:.7rem;font-style:italic;display:block}
.logo-txt>span{font-size:1.15rem}
.logo-txt b{color:var(--accent)}

.nav-menu{flex:1 1 auto;min-width:0;display:flex;justify-content:center}
.nav-menu ul.menu{display:flex;flex-wrap:nowrap;gap:clamp(.45rem,1.3vw,1.25rem);
  list-style:none;margin:0;padding:0;align-items:center}
.nav-menu ul.menu>li{position:relative}
.nav-menu a{color:var(--text);text-decoration:none;font-weight:600;opacity:.93;
  font-size:clamp(.8rem,1.02vw,.95rem);white-space:nowrap}
.nav-menu a:hover{opacity:1;color:var(--gold)}
.nav-menu .menu-item-has-children>a::after{content:"▾";margin-left:.25rem;font-size:.8em}
.nav-menu .sub-menu{display:none;position:absolute;left:0;top:100%;list-style:none;margin:0;
  background:var(--surface2);border:1px solid var(--line);border-radius:var(--r-md);padding:.5rem;
  min-width:215px;box-shadow:0 14px 30px rgba(0,0,0,.6)}
.nav-menu .menu-item-has-children:hover .sub-menu{display:block}
.nav-menu .sub-menu a{display:block;padding:.5rem .7rem;border-radius:var(--r-sm)}
.nav-menu .sub-menu a:hover{background:var(--btn2)}

.hdr-cta{flex:0 0 auto;display:flex;gap:.55rem}
.burger{display:none;flex:0 0 auto;background:var(--btn2);border:1px solid #4a3570;color:#fff;
  border-radius:var(--r-sm);width:46px;height:42px;font-size:1.25rem;cursor:pointer;line-height:1}
.hdr-cta-row{display:none}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:0;cursor:pointer;
  font-weight:800;text-decoration:none;border-radius:var(--r-md);padding:.72rem 1.25rem;white-space:nowrap;
  transition:transform .15s ease,box-shadow .15s ease}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(180deg,var(--cta-hi),var(--cta));color:#fff;
  box-shadow:0 8px 0 -2px #6d0f2c,0 14px 26px rgba(164,27,68,.45);text-shadow:0 1px 2px rgba(0,0,0,.35)}
.btn-primary:hover{box-shadow:0 10px 0 -2px #6d0f2c,0 18px 34px rgba(164,27,68,.55)}
.btn-ghost{background:var(--btn2);color:#fff;border:1px solid #4a3570;box-shadow:0 6px 0 -2px #1b1030,0 12px 22px rgba(0,0,0,.4)}
.btn-gold{background:linear-gradient(180deg,#F7EFB6,#E2CE72);color:#2A1206;box-shadow:0 8px 0 -2px #8d7c2e}
.btn-lg{padding:1rem 1.9rem;font-size:1.05rem}
.btn-sm{padding:.55rem 1rem;font-size:.88rem}
.btn-full{width:100%}
.mt-sm{margin-top:.55rem}
.cta-wrap{margin:1.6rem 0}

@media(max-width:1100px){.nav-menu ul.menu{gap:.65rem}.nav-menu a{font-size:.82rem}}
@media(max-width:900px){
  .burger{display:block}
  .nav-menu{position:absolute;left:0;right:0;top:100%;background:var(--surface2);
    border-top:1px solid var(--line);display:none;z-index:999;max-height:78vh;overflow-y:auto}
  .nav-menu.open{display:block}
  .nav-menu ul.menu{flex-direction:column;flex-wrap:wrap;align-items:stretch;gap:0;padding:.4rem var(--s-md) 1rem}
  .nav-menu ul.menu>li{border-bottom:1px solid var(--line)}
  .nav-menu ul.menu>li>a{display:block;padding:.85rem .2rem;font-size:1rem}
  .nav-menu .sub-menu{display:block;position:static;background:transparent;border:0;box-shadow:none;padding:0 0 .6rem .9rem}
  .hdr-row{min-height:58px;justify-content:space-between}
  .hdr-row .hdr-cta{display:none}
  .hdr-cta-row{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;padding:0 var(--s-md) .75rem}
  .hdr-cta-row .btn{width:100%;padding:.85rem .5rem;font-size:.95rem}
}

/* ══ HERO (главная) ══ */
.hero2{border-bottom:1px solid var(--line);background:linear-gradient(180deg,#1B0F2C,#0B0513)}
/* ⛔ padding-BLOCK, не shorthand: `padding: X 0` затирает padding-inline
   из .container, и на узком экране контент прилипает к краям экрана. */
.hero2-in{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--s-lg);
  padding-block:var(--s-lg);align-items:start}
.hero2-in>*{min-width:0}
@media(max-width:900px){.hero2-in{grid-template-columns:1fr}}
.lede{font-size:1.06rem;color:#E6DAF2;max-width:62ch}

.verdict{display:flex;gap:var(--s-md);align-items:center;background:var(--surface);
  border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s-md);margin:var(--s-md) 0}
@media(max-width:600px){.verdict{flex-direction:column;align-items:stretch}}
.score-big{flex:0 0 auto;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;
  background:conic-gradient(var(--gold) 0 92%,#2E1F45 92% 100%);position:relative;margin-inline:auto}
.score-big::after{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--surface)}
.score-big b{position:relative;z-index:2;font-size:1.85rem;color:var(--gold);line-height:1}
.score-big small{position:relative;z-index:2;font-size:.62rem;color:var(--muted)}
.bars{flex:1 1 auto;min-width:0;display:grid;gap:.55rem}
.bar{display:grid;grid-template-columns:minmax(0,128px) minmax(0,1fr) 40px;gap:.6rem;align-items:center;font-size:.86rem}
.bar .track{height:9px;background:#22163a;border-radius:99px;overflow:hidden}
.bar .fill{height:100%;background:linear-gradient(90deg,var(--cta),var(--gold));border-radius:99px}
.bar b{color:var(--gold);text-align:right;font-size:.85rem}
@media(max-width:600px){.bar{grid-template-columns:minmax(0,96px) minmax(0,1fr) 36px;font-size:.79rem}}

.stat-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);
  border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}
@media(max-width:600px){.stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
.stat{background:var(--surface);padding:var(--s-md) .6rem;text-align:center;min-width:0}
.stat b{display:block;font-size:1.3rem;color:var(--gold)}
.stat span{font-size:.73rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}

.side{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:var(--s-md);position:sticky;top:84px;min-width:0}
.side .price{font-size:1.65rem;font-weight:900;color:#fff;line-height:1.15}
.side .price b{color:var(--gold)}
.side-list{list-style:none;margin:.9rem 0;padding:0;font-size:.88rem}
.side-list li{padding:.42rem 0;border-bottom:1px dashed var(--line);display:flex;justify-content:space-between;gap:.6rem}
.side-list li span{color:var(--muted)}
.side-list li b{color:var(--text);text-align:right}
.side-note{font-size:.74rem;color:var(--muted);margin:.8rem 0 0}
.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.15em;font-size:.74rem;font-weight:800;margin-bottom:.45rem}

/* ══ Внутренние страницы ══ */
.page-head{padding-top:var(--s-lg)}
.crumbs{font-size:.8rem;color:var(--muted);margin-bottom:.7rem}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--gold)}
.page-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--s-lg);
  padding-bottom:var(--s-lg);align-items:start}
.page-grid>*{min-width:0}
@media(max-width:900px){.page-grid{grid-template-columns:1fr}.side-inner{position:static;order:2}}
.byline-row{display:flex;align-items:center;gap:.7rem;font-size:.87rem;color:var(--muted);margin:0 0 var(--s-md)}
.av{width:36px;height:36px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(135deg,#5b2f8f,#A41B44);color:var(--gold);font-weight:900;font-size:.8rem}
.content-body{padding-bottom:var(--s-lg)}
.content-body>h2:first-child{margin-top:0}
.content-body ul,.content-body ol{padding-left:1.25rem;margin:0 0 1.05em}
.content-body li{margin-bottom:.45rem}
.content-body blockquote{margin:1.4rem 0;padding:1rem 1.2rem;background:var(--surface);
  border-left:4px solid var(--gold);border-radius:0 var(--r-md) var(--r-md) 0;font-style:normal;color:#E6DAF2}

/* ══ Таблицы ══ */
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);
  border-radius:var(--r-md);margin:1.4rem 0;max-width:100%}
.content-body table{border-collapse:collapse;width:100%;min-width:520px;margin:0}
.content-body th,.content-body td{padding:.78rem .9rem;text-align:left;border-bottom:1px solid var(--line);font-size:.93rem}
.content-body th{background:var(--surface2);color:var(--gold);font-size:.79rem;text-transform:uppercase;letter-spacing:.05em}
.content-body tr:last-child td{border-bottom:0}
.content-body tbody tr:nth-child(even){background:rgba(255,255,255,.02)}

/* ══ Блоки макета B внутри контента ══ */
.content-body .note{border-left:3px solid var(--gold);background:var(--surface);
  padding:var(--s-md);border-radius:0 var(--r-md) var(--r-md) 0;margin:1.6rem 0;font-size:.95rem}
.content-body .note p{margin:0}
.content-body .split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-md);margin:1.6rem 0}
@media(max-width:768px){.content-body .split{grid-template-columns:1fr}}
.content-body .card{background:var(--surface);border:1px solid var(--line);
  border-radius:var(--r-lg);padding:var(--s-md);min-width:0}
.content-body .card h3{margin-top:0;font-size:1.08rem}
.content-body .card ul{margin-bottom:0}
.content-body .split .card:first-child{border-top:3px solid #2fbf71}
.content-body .split .card:last-child{border-top:3px solid var(--accent)}
.tag{display:inline-block;background:var(--btn2);border:1px solid #4a3570;border-radius:6px;
  padding:.1rem .45rem;font-size:.72rem;color:var(--gold);margin-left:.35rem;white-space:nowrap}
.page-grid-solo{grid-template-columns:minmax(0,1fr)}

/* ══ Диаграммы ══ */
.chart-fig{margin:1.6rem 0;background:var(--surface);border:1px solid var(--line);
  border-radius:var(--r-lg);padding:var(--s-md);max-width:100%;overflow:hidden}
.chart-fig .chart{width:100%;height:auto;max-width:100%;display:block}
.chart-fig figcaption{margin-top:.7rem;font-size:.82rem;color:var(--muted);text-align:center}

/* ══ Галерея игр ══ */
.games-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-md);margin:1.5rem 0}
@media(max-width:900px){.games-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.game-card{background:var(--surface2);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;min-width:0}
.gc-thumb{aspect-ratio:4/3;background:linear-gradient(135deg,#3a1f5e,#8d1740);display:flex;
  align-items:center;justify-content:center;padding:.5rem;text-align:center}
.gc-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.gc-name{font-weight:900;font-size:.92rem;color:var(--gold)}
.gc-meta{padding:.55rem .7rem;font-size:.79rem;display:flex;justify-content:space-between;gap:.4rem;color:var(--muted)}
.gc-meta span:last-child{color:var(--gold);font-weight:700}

/* ══ Review block ══ */
.review-block{display:flex;gap:var(--s-md);align-items:flex-start;background:var(--surface);
  border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:var(--r-lg);
  padding:var(--s-md);margin:1.6rem 0}
@media(max-width:600px){.review-block{flex-direction:column}}
.rb-score{flex:0 0 auto;text-align:center;padding-right:var(--s-md);border-right:1px solid var(--line)}
@media(max-width:600px){.rb-score{border-right:0;padding-right:0}}
.rb-num{display:block;font-size:2.3rem;font-weight:900;color:var(--gold);line-height:1}
.rb-of{font-size:.75rem;color:var(--muted)}
.rb-body{min-width:0}
.rb-by{font-size:.86rem;color:var(--muted);margin-bottom:.5rem}
.rb-stars{color:var(--gold);letter-spacing:1px}
.review-block blockquote{margin:0;padding:0;border:0;background:transparent;font-size:.96rem}

/* ══ Контентные картинки ══ */
.content-img,.content-body img{display:block;max-width:100%;height:auto}
.content-body img{border-radius:var(--r-md);margin:1.5rem auto}
.content-img{max-width:800px;width:100%;aspect-ratio:16/9;object-fit:cover;margin:1.5rem auto}

/* ══ Editorial + футер ══ */
.editorial{display:flex;gap:.9rem;align-items:flex-start;background:var(--surface);
  border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s-md);margin:var(--s-lg) 0 0}
.editorial p{margin:.35rem 0 0;font-size:.87rem;color:var(--muted)}
.ftr{background:var(--footer);border-top:1px solid var(--line);padding:var(--s-lg) 0 var(--s-md);
  font-size:.9rem;color:var(--muted);margin-top:var(--s-lg)}
.ftr-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-md)}
@media(max-width:900px){.ftr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.ftr-grid{grid-template-columns:1fr}}
.ftr-grid>div{min-width:0}
.ftr h4{color:var(--text);font-size:.86rem;text-transform:uppercase;letter-spacing:.1em;margin:0 0 .7rem}
.ftr-about .logo-txt{color:var(--text);margin-bottom:.6rem}
.ftr-about p{font-size:.85rem;margin:0;max-width:34ch}
.ftr ul{list-style:none;margin:0;padding:0}
.ftr li{margin-bottom:.35rem}
.ftr a{color:var(--muted);text-decoration:none}
.ftr a:hover{color:var(--gold)}
.rg{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-md);
  padding:var(--s-md);margin-top:var(--s-lg);font-size:.83rem}
.rg p{margin:0 0 .6rem}
.ftr-copy{color:var(--muted);opacity:.75;margin:0}

/* ══ Cookie bar ══ */
.cookie-bar{position:fixed;left:0;right:0;bottom:0;z-index:950;background:var(--surface2);
  border-top:1px solid var(--line);box-shadow:0 -10px 30px rgba(0,0,0,.5)}
.cookie-in{display:flex;align-items:center;gap:var(--s-md);padding-block:.7rem;flex-wrap:wrap}
.cookie-in p{margin:0;font-size:.84rem;color:var(--muted);flex:1 1 260px}

/* ══ Страховки ══ */
@media(max-width:600px){[style*="grid-template-columns"]{grid-template-columns:1fr!important}}
.content-body>*{max-width:100%}