/* Hero главной. Хозяин: pl_home_hero. Подключается после hero.css. */
/* Без брендов (владелец 26.10): стена барабанов из официальных обложек игр + инфографика сумм. Лайм только на главной кнопке. */
.grz-hh{padding:30px 0 40px;overflow:hidden}
.grz-hh__grid{display:grid;grid-template-columns:minmax(0,600px) minmax(0,1fr);gap:44px;align-items:stretch}
.grz-hh__txt{position:relative;z-index:1;align-self:center}
.grz-hh h1{font-size:clamp(32px,3.2vw,46px);line-height:1.05;letter-spacing:-.03em;max-width:22ch}
.grz-hh .grz-hh__lede{font-size:17px;margin:18px 0 0;max-width:54ch;color:var(--tx)}
.grz-hh .grz-hh__intro{font-size:14.5px;line-height:1.6;color:var(--tx-2);max-width:58ch;margin:20px 0 0}

/* Инфографика сумм: крупная цифра, число казино, спины по 0,10 zł */
.grz-hh__amts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:24px 0 0}
.grz-hh__amts a{display:flex;flex-direction:column;align-items:flex-start;padding:12px 12px 11px;border:1px solid var(--line-2);border-radius:12px;background:var(--card);text-decoration:none;color:var(--tx);transition:border-color .15s,transform .15s}
.grz-hh__amts a:hover{border-color:var(--tx);color:var(--tx);transform:translateY(-2px)}
.grz-hh__amts b{font:800 34px/.95 var(--head);font-stretch:118%;letter-spacing:-.04em}
.grz-hh__amts i{font-style:normal;font-size:14px;font-weight:700;letter-spacing:0;margin-left:3px}
.grz-hh__amts small{margin-top:7px;font:700 13.5px/1.2 var(--text);color:var(--tx)}
.grz-hh__amts span{margin-top:3px;font-size:12px;white-space:nowrap;line-height:1.3;color:var(--mute)}

.grz-hh__acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.grz-hh__acts .grz-btn:active{transform:translateY(1px)}
.grz-hh__acts .grz-ic{width:18px;height:18px}

/* Стена барабанов: 4 колонки обложек целиком по ширине (без наклона, чтобы не резать края), сверху и снизу лента гаснет в цвет полосы */
.grz-hh__reels{position:relative;min-height:560px;overflow:hidden;border-radius:16px;
  --hh-mv:linear-gradient(180deg,transparent 0,#000 9%,#000 91%,transparent 100%);--hh-mh:linear-gradient(90deg,#000,#000);
  -webkit-mask-image:var(--hh-mv),var(--hh-mh);-webkit-mask-composite:source-in;mask-image:var(--hh-mv),var(--hh-mh);mask-composite:intersect}
.grz-hh__wall{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.grz-hh__reel{position:relative;overflow:hidden;min-height:0}
.grz-hh__reel--1{margin-top:-60px}
.grz-hh__reel--3{margin-top:-110px}
.grz-hh__track{position:absolute;left:0;right:0;top:0;display:flex;flex-direction:column;will-change:transform}
.grz-hh__track img{display:block;width:100%;height:auto;aspect-ratio:1;margin:0 0 12px;border-radius:14px;object-fit:cover;background:var(--card)}
@media (prefers-reduced-motion:no-preference){
  .grz-hh__reel--0 .grz-hh__track{animation:grz-hh-up 56s linear infinite}
  .grz-hh__reel--1 .grz-hh__track{animation:grz-hh-up 44s linear infinite reverse}
  .grz-hh__reel--2 .grz-hh__track{animation:grz-hh-up 62s linear infinite}
  .grz-hh__reel--3 .grz-hh__track{animation:grz-hh-up 48s linear infinite reverse}
}
@keyframes grz-hh-up{to{transform:translateY(-50%)}}

/* Планшет: текст сверху, стена под ним полосой */
@media (max-width:1100px){
  .grz-hh__grid{grid-template-columns:minmax(0,1fr);gap:28px}
  .grz-hh__reels{min-height:360px}
}

/* Мобила: H1, компактные барабаны (3 колонки), кнопки, суммы, лид. Всё по центру. */
@media (max-width:640px){
  .grz-hh{padding:16px 0 28px;text-align:center}
  .grz-hh__grid{display:flex;flex-direction:column;gap:0}
  .grz-hh__txt{display:contents}
  .grz-hh h1{order:1;font-size:clamp(25px,7vw,32px);line-height:1.08;margin:0 auto}
  .grz-hh__reels{order:2;min-height:0;height:190px;margin:14px calc(var(--gut) * -1) 0;border-radius:0;}
  .grz-hh__wall{inset:0 var(--gut);grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .grz-hh__reel--3{display:none}
  .grz-hh__reel--1{margin-top:-40px}
  .grz-hh__track img{margin-bottom:8px;border-radius:10px}
  .grz-hh__acts{order:3;flex-direction:column;align-items:center;margin-top:14px;gap:8px}
  .grz-hh__acts .grz-btn{width:100%;max-width:440px;margin:0 auto;justify-content:center;white-space:normal;text-align:center}
  .grz-hh__amts{order:4;grid-template-columns:repeat(2,minmax(0,1fr));margin:18px 0 0}
  .grz-hh__amts a{align-items:center;text-align:center}
  .grz-hh__amts b{font-size:30px}
  .grz-hh .grz-hh__lede{order:5;margin:18px auto 0;font-size:16px}
  .grz-hh .grz-hh__intro{order:6;margin:12px auto 0}
}
/* Широкая мобила 481–640: четыре колонки барабанов и сумм в ряд */
@media (min-width:481px) and (max-width:640px){
  .grz-hh__wall{grid-template-columns:repeat(4,minmax(0,1fr))}
  .grz-hh__reel--3{display:block;margin-top:-70px}
  .grz-hh__amts{grid-template-columns:repeat(4,minmax(0,1fr))}
  .grz-hh__amts span{white-space:normal}
}