/* =========================================================
   Малевич² — слайдер на главной (v44). Подключается только в index.php
   через $pageHead, после style.css. style.css не трогаем: на сервере
   он новее снимка (правки инструментов 27.09).
   ========================================================= */
/* =========================================================
   СЛАЙДЕР НА ГЛАВНОЙ — стрелки по бокам, фигуры слайдов 4–5 (v43)
   Стрелки: слева и справа, по центру картинки текущего слайда
   (--hero-arrow-y ставит index.php; с v60 на компьютере — всегда 50%, на телефоне — по первому слайду). Внизу остаются точки и счётчик.
   hv-d — вышивка, hv-e — акция «Идеальное сочетание».
   ========================================================= */
.hero-ctrl--side{
  position:absolute;z-index:6;top:var(--hero-arrow-y,50%);margin-top:-22px;
}
.hero-ctrl--prev{left:16px;}
.hero-ctrl--next{right:16px;}
@media (min-width:901px){
  /* v44: контент уже (1240px). v47: стрелки посередине между краем экрана (как было до v44, 16px)
     и краем контента (v44, 50% − 604px): (16px + 50% − 604px) / 2 = 25% − 294px. На 1920 — 186px от края, на 1366 — 47px */
  .hero-inner{max-width:1240px;padding-left:72px;padding-right:72px;gap:32px;grid-template-columns:1fr 1fr;}
  .hero-ctrl--prev{left:max(16px, calc(25% - 294px));}
  .hero-ctrl--next{right:max(16px, calc(25% - 294px));}
  /* v60: стрелки больше не прыгают по высоте. Слайды разной высоты контента раньше прижимались к верху,
     и центр картинки у каждого слайда был свой (345 / 256 / 275 / 221 px на 1440). Теперь контент каждого
     слайда центрирован по вертикали, а стрелки стоят ровно посередине слайдера — на всех слайдах одинаково. */
  .hero-slide{display:flex;flex-direction:column;justify-content:center;}
  .hero-ctrl--side{top:50%;}
}
@media (min-width:901px) and (max-width:1180px){
  .hero-ctrl--side{width:40px;height:40px;margin-top:-20px;}
  .hero-ctrl--prev{left:8px;}
  .hero-ctrl--next{right:8px;}
  .hero-inner{padding-left:56px;padding-right:56px;}
}
@media (max-width:900px){
  .hero-ctrl--side{width:40px;height:40px;margin-top:-20px;}
  .hero-ctrl--prev{left:8px;}
  .hero-ctrl--next{right:8px;}
}
@media (max-width:600px){
  .hero-ctrl--side{width:36px;height:36px;margin-top:-18px;}
  .hero-ctrl--side svg{width:18px;height:18px;}
  .hero-ctrl--prev{left:4px;}
  .hero-ctrl--next{right:4px;}
}
/* вышивка: квадрат за свитшотом и машиной, полоса снизу, круг слева сверху */
.hv-d .hero-shape-sq{width:46%;left:40%;top:-2%;}
.hv-d .hero-shape-bar{left:4%;bottom:16%;width:74%;}
.hv-d .hero-shape-circle{right:auto;left:6%;top:6%;bottom:auto;width:12%;}
/* акция: жёлтый плюс уже на фото, поэтому квадрат уходит вправо вниз, за оснастку Colop */
.hv-e .hero-shape-sq{width:40%;left:auto;right:4%;top:auto;bottom:6%;--rot:6deg;}
.hv-e .hero-shape-bar{left:0;bottom:auto;top:40%;width:60%;}
.hv-e .hero-shape-circle{right:auto;left:22%;top:auto;bottom:3%;width:12%;}

/* перетаскивание слайдов мышью и пальцем (v44) */
@media (hover:hover) and (pointer:fine){
  .hero-slider-wrap{cursor:grab;}
  .hero-slider-wrap a,.hero-slider-wrap button{cursor:pointer;}
}
.hero-slider-wrap.is-dragging,.hero-slider-wrap.is-dragging *{cursor:grabbing;user-select:none;-webkit-user-select:none;}
.hero-slider-wrap.is-dragging .hero-track{transition:none;}
.hero-slider-wrap img{-webkit-user-drag:none;user-drag:none;}