/* 12.11.2026: баннер «Лопаты для снега — подготовь заранее!» (Ольга, тема ЦУБ 361), разметка — code/templates/lopaty_banner.phtml.
   Полоса и иконки нарисованы на фоне, поэтому всё стоит в «сцене» с пропорциями картинки (ПК 2167×726, телефон 1672×941):
   сцена прижата влево, лишнее справа/сверху/снизу обрезается, а размеры и места текста — в cqw сцены (доля ширины картинки).
   Размеры шрифтов — с !important: стили слайдеров (.up-home-info-slide p, .up-category-promo span…) иначе их перебивают. */
.up-seasonal-banner.up-seasonal-banner--lopaty { --lw:2167; --lh:726; container-type:size; background:#0d47b8; color:#fff; }
.up-seasonal-banner--lopaty .up-lopaty__stage { position:absolute; left:0; top:50%; width:max(100cqw, 100cqh * var(--lw) / var(--lh)); aspect-ratio:var(--lw) / var(--lh); transform:translateY(-50%); container-type:inline-size; }
.up-seasonal-banner--lopaty .up-lopaty__art { position:absolute; inset:0; z-index:0; display:block; }
.up-seasonal-banner--lopaty .up-lopaty__art img { display:block; width:100%!important; height:100%!important; max-width:none; object-fit:cover; }
.up-seasonal-banner--lopaty .up-lopaty__stage > *:not(.up-lopaty__art) { position:absolute; z-index:1; max-width:none!important; margin:0!important; padding:0; color:#fff!important; font-family:inherit; font-weight:800!important; letter-spacing:-.01em!important; text-align:left!important; text-transform:none; white-space:nowrap; }
.up-seasonal-banner--lopaty .up-lopaty__badge { left:4.61cqw; top:1.2cqw; display:flex; align-items:center; gap:.9cqw; height:2.6cqw; padding:0 1.3cqw 0 1.4cqw!important; border-radius:9cqw; background:#e30613; font-size:1.3cqw!important; line-height:1!important; text-transform:uppercase!important; }
.up-seasonal-banner--lopaty .up-lopaty__badge svg { width:1.7cqw; height:1.7cqw; }
.up-seasonal-banner--lopaty .up-lopaty__title { left:4.61cqw; top:4.1cqw; font-size:3.6cqw!important; line-height:1.15!important; text-shadow:0 .15cqw .4cqw #0004; }
.up-seasonal-banner--lopaty .up-lopaty__strip { left:6.23cqw; top:8.85cqw; font-size:3.6cqw!important; line-height:1!important; }
.up-seasonal-banner--lopaty .up-lopaty__feats { left:10.84cqw; top:14.26cqw; list-style:none; }
.up-seasonal-banner--lopaty .up-lopaty__feats li { display:flex; align-items:center; height:3.98cqw; margin:0!important; padding:0!important; color:#fff!important; font-size:1.29cqw!important; font-weight:600!important; line-height:1.15!important; text-shadow:0 .1cqw .3cqw #0005; }
.up-seasonal-banner--lopaty .up-lopaty__feats li::before { content:none!important; }
.up-seasonal-banner--lopaty .up-lopaty__feats i { font-style:normal; font-size:inherit!important; }
.up-seasonal-banner--lopaty .up-lopaty__m { display:none; }
.up-seasonal-banner.up-seasonal-banner--lopaty .up-lopaty__btn { left:4.15cqw; top:26.9cqw; display:flex; align-items:center; gap:1cqw; width:auto!important; height:3.55cqw; padding:0 1.5cqw 0 2.2cqw!important; border-radius:.95cqw; background:#fff; box-shadow:0 .2cqw .8cqw #0003; color:#d4101c!important; font-size:1.57cqw!important; line-height:1!important; text-decoration:none!important; }
.up-seasonal-banner.up-seasonal-banner--lopaty .up-lopaty__btn:hover { background:#f3f7ff; color:#d4101c!important; }
body.index .up-home-info-slider .up-home-info-slide--seasonal .up-seasonal-banner--lopaty .up-lopaty__btn { color:#d4101c!important; }
.up-seasonal-banner--lopaty .up-lopaty__btn svg { width:1.5cqw; height:1.5cqw; }
.up-seasonal-banner--lopaty .up-lopaty__btn:focus-visible { outline:3px solid #fff; outline-offset:3px; }
/* Телефон: свой фон Ольги, короткие подписи у иконок. В слайдере главной телефона слайды по 200 px, в остальных — пропорция фона. */
@media (max-width:800px) {
  .up-seasonal-banner.up-seasonal-banner--lopaty { --lw:1672; --lh:941; height:auto!important; min-height:0!important; aspect-ratio:1672 / 941; }
  .main_slider_slide .up-seasonal-banner.up-seasonal-banner--lopaty { aspect-ratio:auto; height:200px!important; }
  .up-seasonal-banner--lopaty .up-lopaty__badge { left:3.6cqw; top:3.6cqw; gap:1.4cqw; height:5.4cqw; padding:0 2.2cqw 0 2.4cqw!important; font-size:2.7cqw!important; }
  .up-seasonal-banner--lopaty .up-lopaty__badge svg { width:3.4cqw; height:3.4cqw; }
  .up-seasonal-banner--lopaty .up-lopaty__title { left:3.6cqw; top:10.6cqw; font-size:4.7cqw!important; }
  .up-seasonal-banner--lopaty .up-lopaty__strip { left:5.4cqw; top:18.35cqw; font-size:3.7cqw!important; }
  .up-seasonal-banner--lopaty .up-lopaty__feats { left:10.2cqw; top:25.4cqw; }
  .up-seasonal-banner--lopaty .up-lopaty__feats li { height:4.2cqw; font-size:2.7cqw!important; font-weight:700!important; }
  .up-seasonal-banner--lopaty .up-lopaty__d { display:none; }
  .up-seasonal-banner--lopaty .up-lopaty__m { display:inline; }
  .up-seasonal-banner.up-seasonal-banner--lopaty .up-lopaty__btn { left:3.6cqw; top:40.5cqw; gap:1.4cqw; height:6.6cqw; padding:0 2.4cqw 0 3.2cqw!important; border-radius:1.6cqw; font-size:2.9cqw!important; }
  .up-seasonal-banner--lopaty .up-lopaty__btn svg { width:2.8cqw; height:2.8cqw; }
}