/* Owner-approved responsive layer. Shared core styles remain unchanged. */
html[data-theme="dark"] body header.gnav .gnav-right .theme-switch .ts-knob{transform:translateX(16px)}
html body.game-product-page #product>.gp:not(.ubi-theme) button{min-height:44px}
@media(min-width:681px) and (max-width:1600px){
  html body header.gnav:has(.gnav-brand-copy){min-height:87px}
  html body .gnav-ph{height:87px}
  html body header.gnav:has(.gnav-brand-copy) .gnav-in{height:44px;min-height:44px;padding-block:0;flex-wrap:nowrap;gap:6px}
  html body header.gnav:has(.gnav-brand-copy) .gnav-mob{min-height:42px;height:42px;padding:0 12px 2px;align-items:center;gap:8px}
  html body header.gnav:has(.gnav-brand-copy) .gnav-mob>a{min-height:40px;height:40px;display:inline-flex;flex-direction:row;align-items:center;gap:6px;padding:3px 9px 3px 5px;font-size:12px;line-height:16px}
  html body header.gnav:has(.gnav-brand-copy) .gnav-mob>a .pl-ico{width:28px;height:28px;flex:0 0 28px}
  html body header.gnav .gnav-right{gap:4px;flex-wrap:nowrap}
  html body header.gnav .gnav-right :is(.icon-btn,.cur-btn,.theme-switch){min-width:44px;min-height:44px;height:44px}
  html body header.gnav:has(.gnav-brand-copy) .gnav-right :is(#searchBtn,#curBtn,#themeBtn,#headerCartBtn,#burger){flex:0 0 44px;min-width:44px;max-width:44px;width:44px}
  html body header.gnav .gnav-search{width:44px;max-width:44px;padding:0;justify-content:center}
  html body header.gnav .gnav-search span{display:none}
  html body header.gnav .theme-switch{width:44px;transform:none;margin:0}
  html body header.gnav .gnav-right #langBtn{height:44px;padding-inline:8px}
  html body header.gnav .gnav-logo{min-height:44px}
  html body header.gnav .gnav-raccoon{width:36px;height:36px;flex-basis:36px}
  html body.game-product-page #product>.gp:not(.ubi-theme)>.gp-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:24px}
  html body.game-product-page #product>.gp:not(.ubi-theme)>.gp-grid>.gp-media{min-width:0}
  html body.game-product-page #product>.gp:not(.ubi-theme) :is(button,.btn,.gp-ed-btn,.gp1-btn,.gp4-btn){min-height:44px}
}
@media(min-width:681px) and (max-width:1000px){
  html body.game-product-page #product>.gp:not(.ubi-theme)>.gp-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:16px 20px}
  html body.game-product-page #product>.gp:not(.ubi-theme) .gp-panel h1{font-size:25px;line-height:1.2}
  html body.game-product-page #product>.gp:not(.ubi-theme) .gp-meta{font-size:12px;line-height:1.6}
}
@media(max-width:680px){
  html body header.gnav:has(.gnav-brand-copy) .gnav-in{display:flex;flex-wrap:nowrap;height:52px;min-height:52px;padding:4px 6px;gap:4px}
  html body header.gnav:has(.gnav-brand-copy) .gnav-logo{min-height:44px;flex:0 0 auto;gap:4px}
  html body header.gnav:has(.gnav-brand-copy) .gnav-logo .gnav-raccoon{width:28px;height:28px;flex-basis:28px}
  html body header.gnav:has(.gnav-brand-copy) .gnav-brand-name{font-size:13px}
  html body header.gnav:has(.gnav-brand-copy) .gnav-brand-home{font-size:9px}
  html body header.gnav:has(.gnav-brand-copy) .gnav-right{width:auto;margin-left:auto;justify-content:space-between;gap:1px;flex-wrap:nowrap}
  html body header.gnav:has(.gnav-brand-copy) .gnav-right :is(.icon-btn,.cur-btn,.theme-switch){min-width:40px;width:40px;min-height:40px;height:40px;padding:0;transform:none;margin:0;justify-content:center}
  html body header.gnav:has(.gnav-brand-copy) .gnav-right :is(#searchBtn,#curBtn,#themeBtn,#langBtn,#headerCartBtn,#burger){flex:0 0 40px;min-width:40px;max-width:40px;width:40px;height:40px;min-height:40px}
  html body header.gnav:has(.gnav-brand-copy) #langBtn{max-width:40px;width:40px;min-width:40px;padding:0}
  html body header.gnav:has(.gnav-brand-copy) #langName,html body header.gnav:has(.gnav-brand-copy) #langBtn .cur-chev{display:none}
  html body header.gnav:has(.gnav-brand-copy) #langBtn .lang-globe{display:block}
  html body header.gnav:has(.gnav-brand-copy) .hdr-acc-l{display:none}
  /* 17.10 (владелец: «лупа возле флага»): поиск снова в шапке телефона — первой кнопкой перед флагом; 6 кнопок по 40 px помещаются от 360 px */
  html body header.gnav:has(.gnav-brand-copy) .gnav-right .gnav-search{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0;gap:0;margin:0;border:1px solid var(--border-2);border-radius:12px;background:var(--bg-alt);color:var(--text)}
  html body header.gnav:has(.gnav-brand-copy) .gnav-search span{display:none}
  html body header.gnav:has(.gnav-brand-copy) #searchBtn svg{width:18px;height:18px;stroke-width:1.8}
  html body header.gnav:has(.gnav-brand-copy) #hdrAcc{display:none}
  html body header.gnav:has(.gnav-brand-copy){min-height:105px}
  html body .gnav-ph{height:105px}
  html body header.gnav:has(.gnav-brand-copy) .gnav-mob{height:52px;min-height:52px;padding-bottom:2px}
}
/* Approved one-row platform menu on laptops. Help remains in the menu. */
@media(max-width:359px){html body header.gnav .gnav-logo>.gnav-brand-copy{display:none}}
@media(min-width:1100px) and (max-width:1600px){
  html body header.gnav:has(.gnav-brand-copy){min-height:57px}
  html body .gnav-ph{height:57px}
  html body header.gnav:has(.gnav-brand-copy) .gnav-in{height:56px;min-height:56px;gap:10px;padding-inline:16px}
  html body header.gnav .gnav-links{display:flex;min-width:0;gap:1px;margin-inline:auto}
  html body header.gnav .gnav-links>a{padding:0 6px;gap:5px;white-space:nowrap;font-size:12px;min-height:44px}
  html body header.gnav .gnav-links>a:not(:is(.nl-ps,.nl-pc,.nl-xbox,.nl-apple,.nl-subs)){display:none}
  html body header.gnav .gnav-links>a .pl-ico{width:25px;height:25px}
  html body header.gnav .gnav-mob{display:none}
  html body header.gnav #hdrAcc .hdr-acc-l{display:none}
  html body header.gnav #hdrAcc{width:44px;padding:0;justify-content:center}
  html body header.gnav .gnav-brand-name{font-size:16px}
}

/* 17.10.2026 (владелец): «Отзывы» в главной полосе разделов — разметка в zamon.js (zRevNavChip / zRevNavTile).
   Телефон и планшет: первым чип «★ 5,0 · 16 519 отзывов» в золотой обводке; компьютер: плитка «Отзывы» как у платформ
   + число. Высота шапки не меняется (105 / 87 / 57 / 49 px), на 360–430 px все шесть пунктов в один ряд без прокрутки. */
:root{--zrc-star:#f0a000;--zrc-line:rgba(206,140,0,.55);--zrc-bg:#fff8e6;--zrc-word:#5f5f64}
html[data-theme="dark"]{--zrc-star:#ffc53d;--zrc-line:rgba(255,197,61,.45);--zrc-bg:rgba(255,197,61,.09);--zrc-word:#b9b9be}
html body header.gnav a.zrc{text-decoration:none;color:var(--text);font-variant-numeric:tabular-nums;-webkit-tap-highlight-color:transparent}
html body header.gnav a.zrc .zrc-rate{display:inline-flex;align-items:center;gap:2px;font-weight:800;white-space:nowrap}
html body header.gnav a.zrc .zrc-r,html body header.gnav a.zrc .zrc-n{font-weight:800;white-space:nowrap}
html body header.gnav a.zrc .zrc-w{font-weight:600;color:var(--zrc-word);white-space:nowrap}
/* пункты рождаются со style="display:none" (zamon.js) и появляются только вместе с этими стилями — без прыжка полосы */
html body header.gnav .gnav-mob>a.zrc,html body header.gnav .gnav-links>a.nl-rev{display:flex!important}
html body header.gnav a.zrc svg.zrc-star{display:block;flex:0 0 auto;width:16px;height:16px;fill:var(--zrc-star);stroke:none;filter:drop-shadow(0 1px 0 rgba(150,90,0,.25))}
/* телефон и узкий планшет: полоса — гибкий ряд, ширина пункта по подписи, шесть пунктов без прокрутки (меньше 360 px — как раньше) */
@media(min-width:360px) and (max-width:767px){
  html body header.gnav:has(.gnav-brand-copy) .gnav-mob{display:flex;justify-content:space-between;gap:2px;padding-left:5px;padding-right:5px}
  html body header.gnav:has(.gnav-brand-copy) .gnav-mob>a{flex:1 0 auto;min-width:44px}
}
@media(min-width:360px) and (max-width:680px){
  html body header.gnav:has(.gnav-brand-copy) .gnav-mob>a{padding-left:3px;padding-right:3px}
}
@media(max-width:680px){
  /* рамка рисуется внутри (::before): чип той же высоты 54 px, что плитки, и не ложится на нижнюю линию шапки */
  html body header.gnav:has(.gnav-brand-copy) .gnav-mob>a.zrc{position:relative;isolation:isolate;flex:0 0 auto;gap:1px;padding:2px 6px;border:0;background:transparent}
  html body header.gnav:has(.gnav-brand-copy) .gnav-mob>a.zrc::before{content:"";position:absolute;inset:0 0 2px;border-radius:10px;border:1px solid var(--zrc-line);background:var(--zrc-bg);z-index:-1}
  html body header.gnav:has(.gnav-brand-copy) .gnav-mob>a.zrc .zrc-rate{font-size:15px;line-height:17px;letter-spacing:-.02em}
  html body header.gnav:has(.gnav-brand-copy) .gnav-mob>a.zrc :is(.zrc-n,.zrc-w){font-size:10px;line-height:12px}
  html body header.gnav:has(.gnav-brand-copy) .gnav-mob>a.zrc.active{color:var(--accent-ink)}
  html body header.gnav:has(.gnav-brand-copy) .gnav-mob>a.zrc.active::before{background:color-mix(in srgb,var(--accent) 10%,transparent);border-color:var(--accent)}
  html body header.gnav:has(.gnav-brand-copy) .gnav-mob>a.zrc.active .zrc-w{color:var(--accent-ink)}
}
/* планшет 681–1099: пилюля «★ 5,0 · 16 519 отзывов» первой в полосе, высота 40 px как у соседей (шапка остаётся 87 px) */
@media(min-width:681px) and (max-width:1099px){
  html body header.gnav:has(.gnav-brand-copy) .gnav-mob>a{flex:0 0 auto}
  html body header.gnav:has(.gnav-brand-copy) .gnav-mob>a.zrc{position:relative;isolation:isolate;height:40px;min-height:40px;flex-direction:row;align-items:center;gap:5px;padding:0 13px 0 10px;background:transparent;border:0;font-size:12px;line-height:16px}
  html body header.gnav:has(.gnav-brand-copy) .gnav-mob>a.zrc::before{content:"";position:absolute;inset:0;border-radius:999px;border:1px solid var(--zrc-line);background:var(--zrc-bg);z-index:-1}
  html body header.gnav:has(.gnav-brand-copy) .gnav-mob>a.zrc .zrc-n::before{content:"·";margin-right:5px;color:var(--zrc-word);font-weight:700}
  html body header.gnav:has(.gnav-brand-copy) .gnav-mob>a.zrc.active{background:transparent;color:#fff}
  html body header.gnav:has(.gnav-brand-copy) .gnav-mob>a.zrc.active::before{background:var(--accent);border-color:var(--accent)}
  html body header.gnav:has(.gnav-brand-copy) .gnav-mob>a.zrc.active .zrc-w,
  html body header.gnav:has(.gnav-brand-copy) .gnav-mob>a.zrc.active .zrc-n::before{color:rgba(255,255,255,.88)}
}
/* 681–767 (iPad mini 744): полная подпись не помещается рядом с пятью разделами — «★ 16 519 отзывов» без оценки */
@media(min-width:681px) and (max-width:767px){
  html body header.gnav:has(.gnav-brand-copy) .gnav-mob>a.zrc .zrc-r{display:none}
  html body header.gnav:has(.gnav-brand-copy) .gnav-mob>a.zrc .zrc-n::before{content:none}
}
/* меньше 360 px (старые телефоны 320 px): чипу нет места — полоса как раньше */
@media(max-width:359px){html body header.gnav .gnav-mob>a.zrc{display:none!important}}
/* компьютер: плитка «Отзывы» со значком в стиле платформ (белая звезда на янтарном) и числом отзывов */
.pl-rev{--c1:#ffc93c;--c2:#d97706}
html body header.gnav .gnav-links a .pl-ico.pl-rev svg{fill:#fff;stroke:none}
html body header.gnav .gnav-links a.nl-rev{color:#b45309}
html body header.gnav .gnav-links a.nl-rev:hover{filter:brightness(1.12)}
html[data-theme="dark"] body header.gnav .gnav-links a.nl-rev{color:#ffb547}
html body header.gnav .gnav-links a.nl-rev .zrv-n{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:0;font-variant-numeric:tabular-nums;color:#8a3c06;background:#fff3dc;border:1px solid #f6d49a}
html[data-theme="dark"] body header.gnav .gnav-links a.nl-rev .zrv-n{color:#ffd28a;background:#3a2a12;border-color:#5c4320}
html body header.gnav .gnav-links a.nl-rev.active::after{left:7px;right:7px}
@media(min-width:1100px) and (max-width:1600px){
  html body header.gnav .gnav-links>a.nl-rev{display:flex}
  html body header.gnav .gnav-links>a.nl-rev .zrv-n{height:18px;padding:0 6px;font-size:10.5px}
}
/* узкие ноутбуки 1100–1279: без числа; 1100–1199: кнопка языка — только глобус (иначе поиск наезжает на «Отзывы»;
   узбекское «Sharhlar» на 1180 px заходило на поиск на 5,6 px) */
@media(min-width:1100px) and (max-width:1279px){html body header.gnav .gnav-links>a.nl-rev .zrv-n{display:none}}
@media(min-width:1100px) and (max-width:1199px){
  html body header.gnav:has(.gnav-brand-copy) #langBtn{width:44px;min-width:44px;max-width:44px;padding:0;justify-content:center}
  html body header.gnav:has(.gnav-brand-copy) #langName,html body header.gnav:has(.gnav-brand-copy) #langBtn .cur-chev{display:none}
}
/* больше 1600: в строке ещё «Как происходит выдача» и «Поддержка» — без числа, иначе строка упирается в поиск */
@media(min-width:1601px){html body header.gnav .gnav-links>a.nl-rev .zrv-n{display:none}}