/* 12.11.2026: акция «Купи зимой — забери весной» (баннер Ольги, тема ЦУБ 352). Разметка — code/templates/zima_banner.phtml
   и та же разметка в тексте страниц /akcii/zimnie-ceny/ и /akcii/. Общие правила .up-seasonal-banner — в seasonal-banners.css. */
.up-seasonal-banner--zima { background:#c8101c; color:#fff; }
/* В слайдере каталога (.up-category-promo) стили сайта делают из <b> плашку «Акция» блоком, а <span> — 15–17 px: сбрасываем. */
.up-seasonal-banner.up-seasonal-banner--zima b { position:static; display:inline; max-width:none; margin:0; padding:0; font-size:inherit; font-weight:800; line-height:inherit; }
.up-seasonal-banner.up-seasonal-banner--zima b::before,
.up-seasonal-banner.up-seasonal-banner--zima b::after { content:none!important; display:none!important; }
.up-seasonal-banner.up-seasonal-banner--zima span { max-width:none; font-size:inherit; font-weight:inherit; line-height:inherit; }
/* На самой странице акции ссылка «Условия акции» не нужна (Ольга 12.11): там у неё якорь #kak-vospolzovatsya. */
.up-seasonal-banner--zima a.up-seasonal-banner__button[href="#kak-vospolzovatsya"] { display:none!important; }
/* Блок баннера внутри текста страниц (/akcii/, страница акции) — у баннера нет своей высоты. */
.up-zima-block { width:100%; max-width:1100px; margin:0 0 24px; overflow:hidden; border-radius:14px; }
@media (min-width:801px) {
  .up-zima-block { height:clamp(300px,30vw,380px); }
  .up-seasonal-banner--zima::after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#c8101c 0%,#c8101cf5 27%,#c8101cb3 35%,#c8101c00 45%); }
  .up-seasonal-banner--zima .up-seasonal-banner__art img { object-position:right center; }
  .up-seasonal-banner--zima .up-seasonal-banner__content { width:50%; }
  .up-seasonal-banner--zima .up-seasonal-banner__content,
  .up-seasonal-banner--zima .up-seasonal-banner__content * { text-align:left!important; }
  /* по левому краю ровняется текст и иконки, плашки выступают влево на свой отступ (Ольга 12.11) */
  .up-seasonal-banner--zima .up-seasonal-banner__content { padding-left:max(4%,24px); }
  .up-seasonal-banner--zima .up-seasonal-banner__title { margin:0 0 16px!important; padding:0!important; color:#fff; font-size:clamp(34px,5cqw,72px); line-height:1.02; text-shadow:0 2px 6px #0003; }
  .up-seasonal-banner--zima .up-seasonal-banner__pill { display:inline-block; margin:8px 0 0 -16px!important; padding:.06em 16px .1em; border-radius:20px; background:#0f2a6b; color:#fff; font:inherit; box-shadow:0 3px 10px #0003; }
  .up-seasonal-banner--zima .up-seasonal-banner__store { display:flex; align-items:center; gap:14px; margin:0 0 16px -14px!important; padding:10px 22px 10px 14px; border-radius:20px; background:#fff; color:#0f2a6b; font-size:clamp(16px,1.9cqw,27px); font-weight:800; line-height:1.15; box-shadow:0 3px 10px #0002; }
  .up-seasonal-banner--zima .up-seasonal-banner__store svg { flex:0 0 auto; width:clamp(32px,3.4cqw,50px); height:clamp(32px,3.4cqw,50px); padding-right:12px; border-right:2px solid #0f2a6b40; box-sizing:content-box; }
  .up-seasonal-banner--zima .up-seasonal-banner__dates { display:grid; gap:8px; margin:0!important; padding:0!important; list-style:none; }
  .up-seasonal-banner--zima .up-seasonal-banner__dates li { display:flex; align-items:center; gap:12px; margin:0!important; padding:0!important; color:#fff; font-size:clamp(14px,1.55cqw,22px); line-height:1.2; }
  .up-seasonal-banner--zima .up-seasonal-banner__dates li::before { content:none; }
  .up-seasonal-banner--zima .up-seasonal-banner__dates svg { flex:0 0 auto; width:clamp(24px,2.4cqw,34px); height:clamp(24px,2.4cqw,34px); }
  .up-seasonal-banner--zima .up-seasonal-banner__dates b { font-weight:800; }
  .up-seasonal-banner.up-seasonal-banner--zima .up-seasonal-banner__button,
  body.index .up-home-info-slider .up-home-info-slide--seasonal .up-seasonal-banner--zima .up-seasonal-banner__button { margin:16px 0 0; padding:4px 0; border-radius:0; background:none; box-shadow:none; color:#fff!important; font-size:clamp(14px,1.3cqw,18px); text-decoration:underline; text-underline-offset:5px; }
  .up-seasonal-banner.up-seasonal-banner--zima .up-seasonal-banner__button:hover { background:none; text-decoration-thickness:2px; }
  .up-seasonal-banner.up-seasonal-banner--zima .up-seasonal-banner__button:focus-visible { outline-color:#fff; }
  .up-category-promo--seasonal .up-seasonal-banner--zima .up-seasonal-banner__content { width:56%; padding-top:16px; padding-bottom:16px; }
  .up-category-promo--seasonal .up-seasonal-banner--zima .up-seasonal-banner__title { font-size:clamp(32px,4.6cqw,60px); }
}
/* Телефон: готовый баннер Ольги целиком картинкой, текст скрыт, ссылка — на весь баннер. */
@media (max-width:800px) {
  .up-zima-block { height:auto; margin:0 0 16px; border-radius:12px; }
  .up-seasonal-banner.up-seasonal-banner--zima { height:auto!important; min-height:0!important; aspect-ratio:1677/938; }
  .up-seasonal-banner--zima .up-seasonal-banner__art img { object-fit:cover; object-position:center; }
  /* слайдер главной телефона — все слайды по 200 px: картинку вписываем целиком, по бокам красный фон баннера */
  .main_slider_slide .up-seasonal-banner.up-seasonal-banner--zima { aspect-ratio:auto; height:200px!important; background:#b8000f; }
  .main_slider_slide .up-seasonal-banner--zima .up-seasonal-banner__art img { object-fit:contain; }
  .up-seasonal-banner.up-seasonal-banner--zima .up-seasonal-banner__content { position:static; width:auto; height:auto; min-height:0; padding:0; }
  .up-seasonal-banner--zima .up-seasonal-banner__title,
  .up-seasonal-banner--zima .up-seasonal-banner__store,
  .up-seasonal-banner--zima .up-seasonal-banner__dates { display:none!important; }
  .up-seasonal-banner.up-seasonal-banner--zima .up-seasonal-banner__button { position:absolute; inset:0; z-index:1; margin:0; padding:0; border-radius:0; background:transparent; box-shadow:none; font-size:0; color:transparent!important; }
}
