/* Галерея «Наши герои» — настоящие фото аниматоров */
.hg{padding:56px 0;background:linear-gradient(180deg,#fff,#F6F1FE)}
.hg h2{margin:0 0 6px}
.hg__tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 18px}
.hg__tab{border:0;cursor:pointer;padding:10px 16px;border-radius:30px;background:#EFE7FB;color:#6B3FB8;font:700 15px/1 var(--f-body,system-ui)}
.hg__tab.is-on{background:#6B3FB8;color:#fff;box-shadow:0 6px 16px rgba(107,63,184,.3)}
.hg__tab small{opacity:.75;font-weight:600;margin-left:4px}
.hg__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.hg__grid[hidden]{display:none!important}
.hg__it{position:relative;margin:0;border-radius:16px;overflow:hidden;background:#EEE;aspect-ratio:2/3;box-shadow:0 8px 20px rgba(107,63,184,.12);transition:transform .25s}
.hg__it:hover{transform:translateY(-4px)}
.hg__it img{display:block;width:100%;height:100%;object-fit:cover;max-width:none}
.hg__it figcaption{position:absolute;left:8px;right:8px;bottom:8px;background:rgba(255,255,255,.92);border-radius:10px;padding:5px 8px;font:700 12.5px/1.25 var(--f-body,system-ui);color:#2B1B4A;text-align:center}
.hg__it.is-more{display:none}
.hg__grid.is-open .hg__it.is-more{display:block}
.hg__more{display:block;margin:18px auto 0;border:2px solid #6B3FB8;background:#fff;color:#6B3FB8;font:700 15px/1 var(--f-body,system-ui);padding:12px 22px;border-radius:30px;cursor:pointer}
.hg__note{margin:14px 0 0;color:var(--muted,#6E6488);font-size:14px}
.hg-strip{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 12px;margin-top:18px}
.hg-strip .hg__it{flex:0 0 180px;scroll-snap-align:start}
@media (max-width:1000px){.hg__grid{grid-template-columns:repeat(4,1fr)}}
@media (max-width:600px){.hg{padding:40px 0}.hg__grid{grid-template-columns:repeat(2,1fr);gap:8px}.hg__tab{padding:9px 12px;font-size:14px}.hg-strip .hg__it{flex-basis:44vw}}
/* Увеличение фото */
.hg__it{cursor:zoom-in}
.hg__it::after{content:"";position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.9) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B3FB8' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6'/%3E%3Cpath d='M15 15l5 5M10.5 8v5M8 10.5h5'/%3E%3C/svg%3E") center/18px no-repeat;box-shadow:0 2px 8px rgba(0,0,0,.15);opacity:.85;transition:opacity .2s}
.hg__it:hover::after{opacity:1}
.hg-lb{position:fixed;inset:0;z-index:2147483000;background:rgba(22,12,40,.92);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:16px;opacity:0;transition:opacity .2s}
.hg-lb.is-on{opacity:1}
.hg-lb img{max-width:min(92vw,700px);max-height:82vh;width:auto;height:auto;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.5);background:#eee;touch-action:pan-y}
.hg-lb__cap{color:#fff;font:700 17px/1.3 var(--f-body,system-ui);margin-top:12px;text-align:center}
.hg-lb__cnt{color:rgba(255,255,255,.6);font:600 13px/1 var(--f-body,system-ui);margin-top:6px}
.hg-lb__btn{position:absolute;border:0;cursor:pointer;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;font:400 30px/48px system-ui;text-align:center;padding:0}
.hg-lb__btn:hover{background:rgba(255,255,255,.3)}
.hg-lb__x{top:14px;right:14px}
.hg-lb__p{left:14px;top:50%;margin-top:-24px}
.hg-lb__n{right:14px;top:50%;margin-top:-24px}
.hg-lb__cta{margin-top:14px}
@media (max-width:600px){.hg-lb__p,.hg-lb__n{top:auto;bottom:18px;margin:0}.hg-lb img{max-height:70vh}}
/* Новогодние герои: ряд фото с натуральными пропорциями */
.hg--ny{background:transparent;padding:40px 0}
.hg__tabs--scroll{flex-wrap:wrap}
.hg-row{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 2px 10px}
.hg-row[hidden]{display:none!important}
.hg-row .hg__it{flex:0 0 auto;height:340px;aspect-ratio:auto;scroll-snap-align:start;background:#1d2a4a}
.hg-row .hg__it img{width:auto;height:100%}
.hg-row--fab{margin-top:22px}
.ny-cos__photos{display:inline-block;margin-left:8px;font:700 12.5px/1 var(--f-body,system-ui);color:#6B3FB8;background:#fff;padding:5px 9px;border-radius:20px}
@media (max-width:600px){.hg__tabs--scroll{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}.hg__tabs--scroll .hg__tab{flex:0 0 auto}.hg-row .hg__it{height:270px}}
.hg--ny .hg__tab:not(.is-on){background:#fff;box-shadow:0 2px 8px rgba(107,63,184,.12)}
