/* ============================================================
   xl-unity.css — ЕДИНАЯ дизайн-система страницы (silver_new)
   Последний слой. Одна сетка. Одни отступы. Одни роли цвета.
   ============================================================ */

:root {
  /* Одна оболочка для шапки / контента / футера */
  --xl-shell-max: 1400px;
  --xl-shell-pad: 28px;

  /* Ритм */
  --xl-space-2: 8px;
  --xl-space-3: 12px;
  --xl-space-4: 16px;
  --xl-space-5: 20px;
  --xl-space-6: 24px;
  --xl-space-8: 32px;
  --xl-space-10: 40px;
  --xl-space-12: 48px;
  --xl-space-16: 64px;
  --xl-section: 56px;

  /* Цветовые роли */
  --xl-action: #E86622;          /* оранжевый — действия */
  --xl-nav: #211E1B;             /* тёмный — навигация */
  --xl-service: #0E8A96;         /* голубой/бирюза — сервис */
  --xl-service-soft: #EEF8F9;
  --xl-sale: #B3261E;            /* красный — скидки */
  --xl-text: #1C1917;
  --xl-muted: #6F6860;
  --xl-line: #E8E0D6;
  --xl-surface: #FFFFFF;
  --xl-page: #F7F3EC;
  --xl-footer-bg: #171513;

  --xl-radius: 20px;
  --xl-radius-sm: 14px;
  --xl-shadow: 0 12px 32px rgba(28, 25, 23, 0.07);
  --xl-shadow-hover: 0 20px 44px rgba(28, 25, 23, 0.12);
  --xl-font: "Manrope", Arial, Helvetica, sans-serif;
}

@media (min-width: 1600px) {
  :root { --xl-shell-max: 1480px; --xl-shell-pad: 32px; }
}
@media (min-width: 1920px) {
  :root { --xl-shell-max: 1560px; }
}

/* ========== 0. Страница / фон / хвост после футера ========== */
html {
  background: var(--xl-footer-bg) !important;
}
body.xl-redesign {
  background: var(--xl-footer-bg) !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 100% !important;
  font-family: var(--xl-font) !important;
  color: var(--xl-text) !important;
}
body.xl-redesign #container.xl-redesign,
body.xl-redesign #container {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--xl-page) !important;
  overflow-x: clip;
}
body.xl-redesign #container > div[style*="16.png"] {
  display: none !important;
}
body.xl-redesign #niz,
body.xl-redesign #footer {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
}
@media (min-width: 901px) {
  body.xl-redesign .xl-tabbar { display: none !important; }
  body.xl-redesign { padding-bottom: 0 !important; }
}

/* ========== 1. ЕДИНЫЙ КОНТЕЙНЕР (критично) ========== */
/* Одна формула: width 100% + max-width + одинаковый padding + border-box */
body.xl-redesign .xl-wrap,
body.xl-redesign .xl-utility .xl-wrap,
body.xl-redesign .xl-brandrow .xl-wrap,
body.xl-redesign .xl-navrow .xl-wrap,
body.xl-redesign table#middle,
body.xl-redesign .xl-footer__main,
body.xl-redesign .xl-footer__bottom-inner,
body.xl-redesign .xl-nav__panel-inner {
  width: 100% !important;
  max-width: var(--xl-shell-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--xl-shell-pad) !important;
  padding-right: var(--xl-shell-pad) !important;
  box-sizing: border-box !important;
}

/* футер: горизонтальные отступы только из shell, вертикальные свои */
body.xl-redesign .xl-footer__main {
  padding-top: var(--xl-space-16) !important;
  padding-bottom: var(--xl-space-10) !important;
}
body.xl-redesign .xl-footer__bottom-inner {
  padding-top: var(--xl-space-4) !important;
  padding-bottom: var(--xl-space-5) !important;
}

/* Колонки внутри middle — центр главный */
@media (min-width: 901px) {
  body.xl-redesign table#middle {
    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
  }
  body.xl-redesign table#middle td.one {
    width: 220px !important;
    padding: 0 var(--xl-space-6) 0 0 !important;
    vertical-align: top !important;
  }
  body.xl-redesign table#middle td.three {
    width: 280px !important;
    padding: 0 0 0 var(--xl-space-6) !important;
    vertical-align: top !important;
  }
  body.xl-redesign table#middle td.two {
    width: auto !important;
    padding: 0 !important;
    vertical-align: top !important;
  }
}

body.xl-redesign .xl-header {
  margin-bottom: var(--xl-space-6) !important;
}

/* ========== 2. Хлебные крошки ========== */
body.xl-redesign .navi,
body.xl-redesign .naviM,
body.xl-redesign #content > .navi,
body.xl-redesign td.two > .navi,
body.xl-redesign #content > p.navi,
body.xl-redesign p.navi {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 0 var(--xl-space-5) !important;
  padding: 0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  color: var(--xl-muted) !important;
  background: none !important;
  border: 0 !important;
}
body.xl-redesign .navi a,
body.xl-redesign .naviM a,
body.xl-redesign p.navi a {
  color: var(--xl-muted) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  font-size: 13px !important;
}
body.xl-redesign .navi a:hover,
body.xl-redesign p.navi a:hover {
  color: var(--xl-text) !important;
}
/* разделители » → тихие стрелки */
body.xl-redesign .navi {
  letter-spacing: 0 !important;
}
body.xl-redesign #content > font,
body.xl-redesign td.two > font {
  /* иногда крошки без класса */
}
body.xl-redesign #content a[href="/"]:first-child {
  /* handled below via JS-free general navi */
}

/* fallback: строка с » сразу в #content */
body.xl-redesign #content > a + text,
body.xl-redesign #content {
  /* breadcrumb line often: <a>Главная</a> » text */
}

/* стилизуем типичный vamshop breadcrumb блок, если есть */
body.xl-redesign .xl-bc,
body.xl-redesign #content > .xl-bc {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 var(--xl-space-5);
  font-size: 13px;
  font-weight: 600;
  color: var(--xl-muted);
}
body.xl-redesign .xl-bc a { color: var(--xl-muted); text-decoration: none; }
body.xl-redesign .xl-bc a:hover { color: var(--xl-text); }
body.xl-redesign .xl-bc__sep { color: #B8AFA5; font-size: 12px; }

/* если крошки выводятся как сырой HTML с синими ссылками в начале content */
body.xl-redesign #content > a[href="/index.php"],
body.xl-redesign #content > a[href="/"],
body.xl-redesign #content > a[href="index.php"] {
  color: var(--xl-muted) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

/* ========== Цветовые роли кнопок ========== */
body.xl-redesign .xl-cta,
body.xl-redesign .xl-btn--primary,
body.xl-redesign .xl-hero__actions .xl-btn--primary,
body.xl-redesign .xl-nav__foot-cta,
body.xl-redesign .xl-product-grid .xl-card__buy a.button,
body.xl-redesign .xl-product-grid a.button,
body.xl-redesign #content dl.itemNewProductsDefault a.button {
  background: var(--xl-action) !important;
  color: #fff !important;
  border: 0 !important;
}
body.xl-redesign .xl-catalog,
body.xl-redesign .xl-mmenu {
  background: var(--xl-nav) !important;
  color: #fff !important;
}
body.xl-redesign .xl-section__link,
body.xl-redesign #right .xl-svc--accent .xl-svc__t,
body.xl-redesign #right .xl-reviews-card__link {
  color: var(--xl-service) !important;
}
body.xl-redesign #right .xl-svc--accent {
  background: var(--xl-service-soft) !important;
  border-color: #d5e9ec !important;
}
body.xl-redesign .xl-card__badge--sale,
body.xl-redesign .xl-product-grid .xl-card__badge--sale {
  background: var(--xl-sale) !important;
}

/* 16+ */
body.xl-redesign .xl-age--header {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  border-radius: 50% !important;
  background: #111 !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  border: 2px solid #fff !important;
  box-shadow: 0 0 0 1px #111 !important;
}

/* ========== Типографика / ритм ========== */
body.xl-redesign .xl-section { margin-bottom: var(--xl-section) !important; }
body.xl-redesign .xl-hero { margin-bottom: var(--xl-section) !important; }
body.xl-redesign .xl-promo { margin: 0 0 var(--xl-section) !important; }
body.xl-redesign .social,
body.xl-redesign .xl-follow { margin-bottom: var(--xl-space-8) !important; }
body.xl-redesign .xl-seo { margin: var(--xl-section) 0 !important; }

body.xl-redesign .xl-section__title,
body.xl-redesign .xl-product-heading,
body.xl-redesign .xl-product-heading a,
body.xl-redesign #content > h1 {
  font-family: var(--xl-font) !important;
  font-size: 36px !important;
  font-weight: 800 !important;
  letter-spacing: -0.035em !important;
  line-height: 1.12 !important;
  color: var(--xl-text) !important;
  text-decoration: none !important;
  margin: 0 0 var(--xl-space-6) !important;
}
body.xl-redesign .xl-section__head {
  margin-bottom: var(--xl-space-6) !important;
}
body.xl-redesign .xl-section__link {
  font-size: 15px !important;
  font-weight: 700 !important;
}

/* ========== 3. Hero — дороже ========== */
body.xl-redesign .xl-hero {
  position: relative !important;
  min-height: 520px !important;
  padding: 72px 72px 72px 72px !important;
  border-radius: 28px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  overflow: hidden !important;
  background-color: #0b1220 !important;
  background-image:
    linear-gradient(100deg, rgba(10, 14, 24, 0.88) 0%, rgba(10, 14, 24, 0.62) 38%, rgba(10, 14, 24, 0.28) 68%, rgba(10, 14, 24, 0.12) 100%),
    url("../img/hero-fireworks.jpg") !important;
  background-size: cover !important;
  background-position: 68% center !important;
  box-shadow: 0 28px 56px rgba(10, 14, 24, 0.22) !important;
}
body.xl-redesign .xl-hero__eyebrow {
  margin: 0 0 var(--xl-space-5) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: #E8CF9A !important;
}
body.xl-redesign .xl-hero__title {
  max-width: 720px !important;
  margin: 0 0 var(--xl-space-5) !important;
  font-size: 58px !important;
  line-height: 1.04 !important;
  font-weight: 800 !important;
  letter-spacing: -0.04em !important;
  color: #fff !important;
  text-transform: uppercase !important;
  text-shadow: 0 8px 30px rgba(0, 0, 0, 0.35);
}
body.xl-redesign .xl-hero__text {
  max-width: 480px !important;
  margin: 0 0 var(--xl-space-8) !important;
  font-size: 18px !important;
  line-height: 1.5 !important;
  color: rgba(255, 255, 255, 0.9) !important;
  font-weight: 500 !important;
}
body.xl-redesign .xl-hero__actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
}
body.xl-redesign .xl-hero__actions .xl-btn {
  height: 56px !important;
  padding: 0 30px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  border-radius: var(--xl-radius-sm) !important;
  display: inline-flex !important;
  align-items: center !important;
  text-decoration: none !important;
}
body.xl-redesign .xl-hero__actions .xl-btn--ghost {
  border: 1.5px solid rgba(255, 255, 255, 0.6) !important;
  color: #fff !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

/* ========== 6. Категории ========== */
body.xl-redesign #icSet2.catalog,
body.xl-redesign table#icSet2 {
  gap: 18px !important;
}
body.xl-redesign #icSet2 a {
  min-height: 236px !important;
  padding: 28px 16px 22px !important;
  border-radius: var(--xl-radius) !important;
  border: 1px solid var(--xl-line) !important;
  background: var(--xl-surface) !important;
  box-shadow: var(--xl-shadow) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}
body.xl-redesign #icSet2 a:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(14, 138, 150, 0.35) !important;
  box-shadow: var(--xl-shadow-hover) !important;
}
body.xl-redesign #icSet2 img {
  width: 128px !important;
  height: 128px !important;
  object-fit: contain !important;
  margin: 0 auto !important;
  transition: transform .22s ease !important;
}
body.xl-redesign #icSet2 a:hover img {
  transform: scale(1.1) !important;
}
body.xl-redesign #icSet2 span {
  display: block !important;
  width: 100% !important;
  margin-top: 14px !important;
  text-align: center !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  color: var(--xl-text) !important;
}
/* лёгкая вариация фонов, чтобы не «одинаковые плитки» */
body.xl-redesign #icSet2 td:nth-child(3n+1) a { background: linear-gradient(180deg, #fff 60%, #faf6f0) !important; }
body.xl-redesign #icSet2 td:nth-child(3n+2) a { background: linear-gradient(180deg, #fff 60%, #f3f8f8) !important; }
body.xl-redesign #icSet2 td:nth-child(3n+3) a { background: linear-gradient(180deg, #fff 60%, #faf3ef) !important; }

/* ========== 7. Карточки товаров — магазинный стандарт ========== */
body.xl-redesign .xl-product-grid .pageItem,
body.xl-redesign #content .page .pageItem {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 20px !important;
}
@media (min-width: 1200px) {
  body.xl-redesign .xl-product-grid .pageItem,
  body.xl-redesign #content .page .pageItem {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

body.xl-redesign .xl-product-grid dl.itemNewProductsDefault,
body.xl-redesign #content dl.itemNewProductsDefault {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 100% !important;
  border-radius: var(--xl-radius) !important;
  border: 1px solid var(--xl-line) !important;
  background: var(--xl-surface) !important;
  box-shadow: none !important;
  overflow: hidden !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}
body.xl-redesign .xl-product-grid dl.itemNewProductsDefault:hover {
  transform: translateY(-4px) !important;
  border-color: #d9d0c4 !important;
  box-shadow: var(--xl-shadow-hover) !important;
}

body.xl-redesign .xl-product-grid .xl-card__badge {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  z-index: 4 !important;
  height: 26px !important;
  padding: 0 10px !important;
  border-radius: 8px !important;
  background: var(--xl-action) !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  display: inline-flex !important;
  align-items: center !important;
}

body.xl-redesign .xl-product-grid dt.itemImage {
  position: relative !important;
  margin: 0 !important;
  padding: 16px 16px 8px !important;
  min-height: 0 !important;
  aspect-ratio: 1 / 1 !important;
  background: #fff !important;
  text-align: center !important;
}
body.xl-redesign .xl-product-grid dt.itemImage a.f_image {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 220px !important;
}
body.xl-redesign .xl-product-grid dt.itemImage a.f_image img {
  width: 100% !important;
  max-width: 100% !important;
  max-height: 240px !important;
  height: auto !important;
  object-fit: contain !important;
  transition: transform .2s ease !important;
}
body.xl-redesign .xl-product-grid dl.itemNewProductsDefault:hover dt.itemImage img {
  transform: scale(1.04) !important;
}
body.xl-redesign .xl-product-grid dt.itemImage > br,
body.xl-redesign .xl-product-grid dt.itemImage > input,
body.xl-redesign .xl-product-grid dt.itemImage > a.button,
body.xl-redesign .xl-product-grid .extra_effects3 {
  display: none !important;
}

body.xl-redesign .xl-product-grid dd.itemDescription,
body.xl-redesign .xl-product-grid dd.itemDescriptionPrice,
body.xl-redesign .xl-product-grid .xl-card__buy {
  padding-left: 16px !important;
  padding-right: 16px !important;
  margin: 0 !important;
}

body.xl-redesign .xl-product-grid dd.xl-card__title,
body.xl-redesign .xl-product-grid dd.itemDescription:first-of-type {
  margin-top: 4px !important;
}
body.xl-redesign .xl-product-grid dd.xl-card__title > a,
body.xl-redesign .xl-product-grid dd.itemDescription:first-of-type > a {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
  min-height: 0 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: var(--xl-text) !important;
  text-decoration: none !important;
}
body.xl-redesign .xl-product-grid dd.xl-card__desc,
body.xl-redesign .xl-product-grid dd.itemDescription:nth-of-type(2) {
  margin-top: 6px !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  color: var(--xl-muted) !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
}
body.xl-redesign .xl-product-grid dd.itemDescription:nth-of-type(n+3) {
  display: none !important;
}

/* цена — якорь карточки */
body.xl-redesign .xl-product-grid dd.itemDescriptionPrice {
  margin-top: 12px !important;
  margin-bottom: 0 !important;
  font-size: 26px !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  color: var(--xl-text) !important;
  line-height: 1.1 !important;
}
body.xl-redesign .xl-product-grid dd.itemDescriptionPrice font[color],
body.xl-redesign .xl-product-grid dd.itemDescriptionPrice span[style*="color"],
body.xl-redesign .xl-product-grid dd.itemDescriptionPrice .productsNewPrice,
body.xl-redesign .xl-product-grid dd.itemDescriptionPrice b,
body.xl-redesign .xl-product-grid dd.itemDescriptionPrice strong {
  color: var(--xl-sale) !important;
  font-size: 26px !important;
  font-weight: 800 !important;
}

/* купить — на всю ширину */
body.xl-redesign .xl-product-grid .xl-card__buy {
  display: grid !important;
  grid-template-columns: 52px 1fr !important;
  gap: 8px !important;
  margin-top: auto !important;
  padding: 14px 16px 16px !important;
}
body.xl-redesign .xl-product-grid .xl-card__buy input[name="products_qty"] {
  width: 52px !important;
  height: 48px !important;
  border: 1px solid var(--xl-line) !important;
  border-radius: 12px !important;
  text-align: center !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  background: #fff !important;
  box-sizing: border-box !important;
}
body.xl-redesign .xl-product-grid .xl-card__buy a.button,
body.xl-redesign .xl-product-grid .xl-card__buy .button {
  width: 100% !important;
  height: 48px !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  box-shadow: 0 8px 18px rgba(232, 102, 34, 0.28) !important;
}

/* ========== 5. Левая колонка — легче ========== */
body.xl-redesign #left .boxStyle {
  margin: 0 0 2px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}
body.xl-redesign #left .boxStyle p.hD,
body.xl-redesign #left .boxStyle h5 {
  height: 40px !important;
  background: transparent !important;
  color: #8A837C !important;
  border: 0 !important;
  border-bottom: 1px solid #EDE6DD !important;
  border-radius: 0 !important;
  font-size: 11px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  font-weight: 800 !important;
  padding: 0 !important;
  margin: 0 !important;
  filter: none !important;
  background-image: none !important;
}
body.xl-redesign #left .boxStyle.active p.hD,
body.xl-redesign #left .boxStyle.xl-open p.hD {
  color: var(--xl-text) !important;
  border-bottom-color: var(--xl-service) !important;
}
body.xl-redesign #boxHolidays > div,
body.xl-redesign #boxPrices > div,
body.xl-redesign #boxZalp > div {
  display: none !important;
}
body.xl-redesign #boxHolidays.active > div,
body.xl-redesign #boxHolidays.xl-open > div,
body.xl-redesign #boxPrices.active > div,
body.xl-redesign #boxPrices.xl-open > div,
body.xl-redesign #boxZalp.active > div,
body.xl-redesign #boxZalp.xl-open > div {
  display: block !important;
  border: 0 !important;
  background: transparent !important;
  padding: 8px 0 12px !important;
}
body.xl-redesign #left .boxStyle ul li a {
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 8px 10px !important;
  border-radius: 10px !important;
  color: #3F3A35 !important;
  text-decoration: none !important;
}
body.xl-redesign #left .boxStyle ul li a:hover,
body.xl-redesign #left .boxStyle ul li a:link:hover {
  background: var(--xl-service-soft) !important;
  color: var(--xl-service) !important;
}
/* убрать «случайные» цвета ссылок в левой колонке */
body.xl-redesign #left a,
body.xl-redesign #left a:link,
body.xl-redesign #left a:visited {
  color: #3F3A35 !important;
}
body.xl-redesign #left #boxCategories {
  margin: 0 0 var(--xl-space-5) !important;
  background: var(--xl-surface) !important;
  border: 1px solid var(--xl-line) !important;
  border-radius: var(--xl-radius-sm) !important;
  padding: 10px !important;
  box-shadow: var(--xl-shadow);
}
body.xl-redesign #left #boxCategories p.hD {
  background: var(--xl-nav) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 12px !important;
  height: 46px !important;
  padding: 0 14px !important;
  margin: 0 0 8px !important;
  font-size: 12px !important;
}
body.xl-redesign #left #boxCategories > div {
  display: block !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}
body.xl-redesign #left #boxCategories ul li a {
  font-size: 14px !important;
  padding: 9px 10px !important;
}
body.xl-redesign #left .bPg { background: transparent !important; }
body.xl-redesign #left #boxCategories .bPg::after { border-color: #fff !important; }

/* ========== 4. Правая колонка — один стиль ========== */
body.xl-redesign #right {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}
body.xl-redesign #right br { display: none !important; }
body.xl-redesign #right #vk_groups,
body.xl-redesign #right .yashare-auto-init { display: block !important; }

body.xl-redesign #right .xl-svc,
body.xl-redesign #right .boxStyle,
body.xl-redesign #right #boxWhatsNew,
body.xl-redesign #right #boxBestsellers,
body.xl-redesign #right #boxReviews,
body.xl-redesign #right .xl-side-card,
body.xl-redesign #right .xl-reviews-card {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--xl-line) !important;
  border-radius: var(--xl-radius-sm) !important;
  background: var(--xl-surface) !important;
  box-shadow: none !important;
  overflow: hidden !important;
  filter: none !important;
  box-sizing: border-box !important;
}
body.xl-redesign #right .xl-svc {
  padding: 18px 18px !important;
  text-decoration: none !important;
  min-height: 88px !important;
  transition: border-color .15s ease, transform .15s ease !important;
}
body.xl-redesign #right .xl-svc:hover {
  border-color: #d5cbbb !important;
  transform: translateY(-2px);
}
body.xl-redesign #right .xl-svc--accent {
  background: var(--xl-service-soft) !important;
  border-color: #d5e9ec !important;
}
body.xl-redesign #right .xl-svc__t {
  display: block !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  color: var(--xl-text) !important;
  margin: 0 0 6px !important;
}
body.xl-redesign #right .xl-svc--accent .xl-svc__t { color: var(--xl-service) !important; }
body.xl-redesign #right .xl-svc__d {
  display: block !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  color: var(--xl-muted) !important;
}

body.xl-redesign #right .boxWhatsNewHeader,
body.xl-redesign #right #boxBestsellers h5,
body.xl-redesign #right #boxReviews h5,
body.xl-redesign #right .boxStyle h5,
body.xl-redesign #right .boxStyle p.hD,
body.xl-redesign #right .xl-reviews-card__h {
  height: auto !important;
  min-height: 52px !important;
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 14px 18px !important;
  background: #fff !important;
  color: var(--xl-text) !important;
  border: 0 !important;
  border-bottom: 1px solid #F0EBE3 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  text-transform: none !important;
  letter-spacing: -0.01em !important;
  filter: none !important;
  background-image: none !important;
  text-align: left !important;
}
body.xl-redesign #right #boxWhatsNewContent,
body.xl-redesign #right #boxBestsellersContent,
body.xl-redesign #right #boxReviewsContent,
body.xl-redesign #right .boxStyle > div:not(.boxWhatsNewHeader),
body.xl-redesign #right .xl-reviews-card__b {
  padding: 16px 18px 18px !important;
  border: 0 !important;
  background: #fff !important;
  box-sizing: border-box !important;
}
body.xl-redesign #right #boxWhatsNewContent img {
  width: 100% !important;
  max-height: 160px !important;
  object-fit: contain !important;
  border-radius: 12px !important;
  background: #f7f3ec;
  padding: 10px;
  margin: 0 0 12px !important;
  box-sizing: border-box;
}
body.xl-redesign #right #boxWhatsNewContent a,
body.xl-redesign #right #boxBestsellersContent a {
  color: var(--xl-text) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  text-decoration: none !important;
}
body.xl-redesign #right #boxWhatsNewContent > a:last-child {
  color: var(--xl-service) !important;
  font-weight: 800 !important;
  font-size: 13px !important;
}
body.xl-redesign #right .xl-reviews-card__stars {
  color: var(--xl-action) !important;
  font-size: 16px !important;
  letter-spacing: 2px !important;
  margin-bottom: 8px !important;
}
body.xl-redesign #right .xl-reviews-card__t {
  display: block !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  color: var(--xl-text) !important;
  margin-bottom: 6px !important;
}
body.xl-redesign #right .xl-reviews-card__d {
  display: block !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  color: var(--xl-muted) !important;
  margin-bottom: 10px !important;
}
body.xl-redesign #right a[href="/reviews.php"] img[src*="reviews.png"] {
  display: none !important;
}

/* ========== Trust ========== */
body.xl-redesign .xl-trust {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 14px !important;
}
body.xl-redesign .xl-trust__item {
  padding: 22px 18px !important;
  border-radius: var(--xl-radius-sm) !important;
  background: var(--xl-surface) !important;
  border: 1px solid var(--xl-line) !important;
}
body.xl-redesign .xl-trust__item strong {
  display: block !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  margin-bottom: 6px !important;
}
body.xl-redesign .xl-trust__item span {
  font-size: 14px !important;
  color: var(--xl-muted) !important;
}

/* ========== 10. SEO / низ — информационный блок ========== */
body.xl-redesign .xl-seo {
  background: var(--xl-surface) !important;
  border: 1px solid var(--xl-line) !important;
  border-radius: 28px !important;
  padding: 48px 48px !important;
  box-shadow: var(--xl-shadow);
}
body.xl-redesign .xl-seo h1,
body.xl-redesign .xl-seo h2,
body.xl-redesign .xl-seo .h1 {
  font-size: 30px !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  color: var(--xl-text) !important;
  margin: 0 0 18px !important;
  line-height: 1.2 !important;
}
body.xl-redesign .xl-seo h2,
body.xl-redesign .xl-seo h3 {
  margin-top: 36px !important;
  padding-top: 28px !important;
  border-top: 1px solid var(--xl-line) !important;
  font-size: 22px !important;
  font-weight: 800 !important;
}
body.xl-redesign .xl-seo h1 + h2,
body.xl-redesign .xl-seo h2:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}
body.xl-redesign .xl-seo p,
body.xl-redesign .xl-seo li,
body.xl-redesign .xl-seo td {
  font-size: 15px !important;
  line-height: 1.7 !important;
  color: #4A453F !important;
}
body.xl-redesign .xl-seo a {
  color: var(--xl-service) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}
body.xl-redesign .xl-seo__inner {
  max-width: 920px;
}
@media (min-width: 1200px) {
  body.xl-redesign .xl-seo__inner {
    max-width: none;
    column-count: 2;
    column-gap: 48px;
    column-rule: 1px solid var(--xl-line);
  }
  body.xl-redesign .xl-seo__inner h1,
  body.xl-redesign .xl-seo__inner h2,
  body.xl-redesign .xl-seo__inner h3 {
    column-span: all;
  }
}

/* ========== 11. Футер ========== */
body.xl-redesign .xl-footer {
  margin: 0 !important;
  background: var(--xl-footer-bg) !important;
  color: #f4efe8 !important;
}
body.xl-redesign .xl-footer__main {
  display: grid !important;
  grid-template-columns: 1.35fr 1fr 1.1fr 1fr 1fr !important;
  gap: 32px 28px !important;
}
body.xl-redesign .xl-footer__brand-name { font-size: 20px !important; }
body.xl-redesign .xl-footer__promise { font-size: 14px !important; line-height: 1.5 !important; max-width: 280px; }
body.xl-redesign .xl-footer__col-title { font-size: 13px !important; margin-bottom: 16px !important; }
body.xl-redesign .xl-footer__col a { font-size: 14px !important; font-weight: 600 !important; }
body.xl-redesign .xl-footer__phone { font-size: 18px !important; }
body.xl-redesign .xl-footer__bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ========== Promo ========== */
body.xl-redesign .xl-promo a {
  min-height: 120px !important;
  padding: 22px 20px !important;
  border-radius: var(--xl-radius-sm) !important;
}
body.xl-redesign .xl-promo__t { font-size: 17px !important; font-weight: 800 !important; }
body.xl-redesign .xl-promo__d { font-size: 14px !important; }

@media (max-width: 1200px) {
  body.xl-redesign .xl-hero {
    min-height: 400px !important;
    padding: 48px 36px !important;
  }
  body.xl-redesign .xl-hero__title { font-size: 40px !important; }
  body.xl-redesign .xl-trust { grid-template-columns: repeat(2, 1fr) !important; }
  body.xl-redesign .xl-seo { padding: 32px 24px !important; }
  body.xl-redesign .xl-section__title,
  body.xl-redesign .xl-product-heading,
  body.xl-redesign .xl-product-heading a { font-size: 28px !important; }
}


/* Breadcrumbs: classic VamShop div.navigation */
body.xl-redesign div.navigation,
body.xl-redesign #content div.navigation,
body.xl-redesign .navigation {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 0 20px !important;
  padding: 0 0 4px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  color: #6F6860 !important;
  background: none !important;
  border: 0 !important;
}
body.xl-redesign div.navigation a,
body.xl-redesign .navigation a {
  color: #6F6860 !important;
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}
body.xl-redesign div.navigation a:hover {
  color: #1C1917 !important;
}
body.xl-redesign div.navigation a:link,
body.xl-redesign div.navigation a:visited {
  color: #6F6860 !important;
}


/* Home/catalog breadcrumbs (.naviM shown by legacy jQuery) */
body.xl-redesign .naviM,
body.xl-redesign #content .naviM {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 0 20px !important;
  padding: 2px 0 8px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  color: #6F6860 !important;
  background: none !important;
  border: 0 !important;
}
body.xl-redesign .naviM[style*= display:none] {
  display: none !important;
}
body.xl-redesign .naviM a,
body.xl-redesign .naviM a:link,
body.xl-redesign .naviM a:visited {
  color: #6F6860 !important;
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}
body.xl-redesign .naviM a:hover { color: #1C1917 !important; }
body.xl-redesign .naviM .navu,
body.xl-redesign .naviM font.navu,
body.xl-redesign .naviM font,
body.xl-redesign .naviM span {
  color: #6F6860 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: inherit !important;
}
body.xl-redesign .naviM .xl-bc__sep { color: #B8AFA5 !important; font-weight: 600 !important; }
body.xl-redesign #content > h1,
body.xl-redesign #content > h1 span {
  color: #1C1917 !important;
  font-size: 34px !important;
  font-weight: 800 !important;
}
body.xl-redesign #content > h1 span[style],
body.xl-redesign #content > h1 font {
  color: #1C1917 !important;
  font-size: inherit !important;
}