/* Каталог /igry/ (11.10): видео сверху, «Попробуйте онлайн бесплатно», «Как выбрать». Токены — общие --ds-* сайта, как ng.css. */
/* шапка с H1: вместо фонового ролика «тир» — спокойный фон, видео теперь отдельным блоком сверху */
.elementor-10110 .evo-page-hero .elementor-background-video-container{display:none!important}
.elementor-10110 .evo-page-hero .elementor-background-overlay{background:linear-gradient(180deg,#F7F6F2 0%,#fff 100%)!important;opacity:1!important}

.ic-hero{position:relative;width:100%;background:#0E0F1A;overflow:hidden;grid-column:1/-1;flex:0 0 100%}
.ic-hero-v{display:block;width:100%;height:min(56.25vw,calc(100svh - 138px));min-height:320px;object-fit:cover;background:#0E0F1A}
.ic-hero-cta{position:absolute;left:clamp(16px,4vw,60px);bottom:clamp(16px,3vw,40px);display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 24px;border-radius:999px;
 background:#fff;color:#15172A!important;text-decoration:none!important;font:600 17px/1 Geologica,system-ui,sans-serif;box-shadow:0 10px 30px -10px rgba(0,0,0,.45);transition:transform .2s ease}
.ic-hero-cta i{font-style:normal;color:#E0262B}
.ic-hero-p{position:absolute;right:clamp(16px,4vw,60px);bottom:clamp(16px,3vw,40px);width:52px;height:52px;border:0;border-radius:50%;background:rgba(255,255,255,.9);cursor:pointer;
 display:grid;place-items:center;box-shadow:0 10px 30px -10px rgba(0,0,0,.45)}
.ic-hero-p i{display:block;width:14px;height:16px;border-left:5px solid #15172A;border-right:5px solid #15172A;box-sizing:border-box}
.ic-hero-p.is-p i{width:0;height:0;border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent #15172A;margin-left:4px}
.ic-hero-cta:focus-visible,.ic-hero-p:focus-visible,.ic-btn:focus-visible,.ic-on:focus-visible,.ic-chip:focus-visible{outline:3px solid #2F6BFF;outline-offset:3px}
@media (hover:hover){.ic-hero-cta:hover{transform:translateY(-2px)}}
@media (max-width:767px){.ic-hero-v{height:min(177.7vw,calc(100svh - 122px));min-height:420px}.ic-hero-cta{min-height:48px;padding:0 20px;font-size:16px}.ic-hero-p{width:48px;height:48px}}

.ic-sec{grid-column:1/-1;width:100%;flex:0 0 100%;box-sizing:border-box;background:#fff;padding:clamp(40px,5vw,72px) 0;position:relative;z-index:2;color:#15172A;font-family:Geologica,sans-serif}
.ic-sec--ch{background:#F7F6F2}
.ic-w{max-width:calc(var(--ds-wrap,1320px) + 2*var(--ds-pad,60px));margin:0 auto;padding:0 var(--ds-pad,60px);box-sizing:border-box}
html body .ic-sec .ic-h2{margin:0;font-family:Unbounded,sans-serif;font-size:clamp(28px,3.4vw,48px)!important;font-weight:700!important;line-height:1.08!important;color:#15172A;text-wrap:balance;letter-spacing:-.01em}
html body .ic-sec .ic-h3{margin:36px 0 16px;font-family:Unbounded,sans-serif;font-size:clamp(19px,1.6vw,24px)!important;font-weight:600!important;line-height:1.2!important;color:#15172A}
.ic-sub{margin:14px 0 0;max-width:760px;font-size:18px;line-height:1.55;color:#4A4E5E}
.ic-sub a{color:#E0262B;white-space:nowrap}
.ic-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.ic-btn{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 24px;border-radius:999px;background:#14A85A;color:#fff!important;text-decoration:none!important;font:600 17px/1 Geologica,system-ui,sans-serif;white-space:nowrap}
.ic-btn i{font-style:normal}

.ic-on-grid{list-style:none;margin:32px 0 0!important;padding:0!important;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}
.ic-on-grid>li{margin:0;padding:0;list-style:none;min-width:0}
.ic-on{display:flex;flex-direction:column;height:100%;border-radius:20px;overflow:hidden;background:#fff;color:#15172A!important;text-decoration:none!important;
 box-shadow:0 0 0 1px rgba(21,23,42,.08),0 12px 30px -18px rgba(21,23,42,.3);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease}
@media (hover:hover){.ic-on:hover{transform:translateY(-4px);box-shadow:0 0 0 1px rgba(21,23,42,.1),0 22px 44px -22px rgba(21,23,42,.42)}}
.ic-on-m{display:block;aspect-ratio:16/9;overflow:hidden;background:#EEF1F7}
.ic-on-m img{display:block;width:100%;height:100%!important;object-fit:cover}
.ic-on-t{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px;flex:1}
.ic-on-bd{display:flex;flex-wrap:wrap;gap:6px}
.ic-b{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;font:600 13px/1 Geologica,system-ui,sans-serif;font-style:normal;color:#15172A;background:#fff;box-shadow:inset 0 0 0 1px rgba(21,23,42,.14)}
.ic-b--free{color:#fff;background:#14A85A;box-shadow:none}
.ic-on-t b{font:600 17px/1.3 Unbounded,sans-serif}
.ic-on-s{font-size:15px;color:#4A4E5E}
.ic-on-go{margin-top:auto;padding-top:6px;font:600 16px/1 Geologica,system-ui,sans-serif;color:#E0262B}
.ic-on-go i{font-style:normal}

.ic-ages,.ic-pls{list-style:none;margin:0!important;padding:0!important;display:grid;gap:16px}
.ic-ages{grid-template-columns:repeat(3,minmax(0,1fr))}
.ic-pls{grid-template-columns:repeat(3,minmax(0,1fr))}
.ic-ages>li,.ic-pls>li{margin:0;list-style:none;background:#fff;border-radius:20px;padding:20px 22px;box-shadow:0 0 0 1px rgba(21,23,42,.07)}
.ic-age{border-top:6px solid #F5B800}.ic-age:nth-child(2){border-top-color:#14A85A}.ic-age:nth-child(3){border-top-color:#E0262B}
.ic-ages b,.ic-pls b{display:block;font:600 19px/1.25 Unbounded,sans-serif}
.ic-ages p{margin:8px 0 0;font-size:16px;line-height:1.5;color:#4A4E5E}
.ic-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.ic-chip{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;background:#F7F6F2;color:#15172A!important;text-decoration:none!important;font:500 16px/1.2 Geologica,system-ui,sans-serif;box-shadow:inset 0 0 0 1px rgba(21,23,42,.12);transition:background .2s ease}
@media (hover:hover){.ic-chip:hover{background:#FFF3C4}}

@media (max-width:1100px){.ic-ages,.ic-pls{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){
 .ic-w{padding:0 20px}
 .ic-head{gap:16px}
 .ic-head{align-items:flex-start}
 .ic-on-grid{display:flex;overflow-x:auto;gap:12px;margin:24px -20px 0!important;padding:4px 20px 12px!important;scroll-snap-type:x mandatory;scroll-padding:0 20px;-webkit-overflow-scrolling:touch}
 .ic-on-grid>li{flex:0 0 72%;scroll-snap-align:start}
 .ic-ages,.ic-pls{grid-template-columns:1fr}
 .ic-ages>li,.ic-pls>li{padding:18px}
}
@media (prefers-reduced-motion:reduce){.ic-on,.ic-hero-cta,.ic-chip{transition:none}.ic-on:hover{transform:none}}
/* «Новые игры»: 10 карточек — по 5 в ряд на широком ПК, по 2 ниже */
@media (min-width:1200px){html body #ng-hub .ng-links{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (min-width:768px) and (max-width:1199px){html body #ng-hub .ng-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* шапка с H1 без ролика — без пустого места сверху и снизу */
html body .elementor-10110 .evo-page-hero,html body .elementor-10110 .evo-page-hero>.elementor-container{min-height:0!important;height:auto!important}
html body .elementor-10110 section.elementor-section.evo-page-hero{padding:clamp(40px,4.5vw,64px) 0 8px!important}
html body .elementor-10110 section.evo-page-hero>.elementor-container{padding-top:0!important;padding-bottom:0!important}