/* ============================================================
   xl-mega.css — шапка без шума + современное mega menu
   + доводка верха страницы как единой системы
   ============================================================ */

:root {
  --xl-shell-max: 1360px;
  --xl-shell-pad: 24px;
  --xl-s1: 8px;
  --xl-s2: 16px;
  --xl-s3: 24px;
  --xl-s4: 32px;
  --xl-s5: 48px;
  --xl-s6: 64px;
  --xl-action: #E86622;
  --xl-nav: #211E1B;
  --xl-service: #0E8A96;
  --xl-service-soft: #EEF8F9;
  --xl-sale: #C62828;
  --xl-page: #F6F2EB;
  --xl-surface: #FFFFFF;
  --xl-text: #1A1714;
  --xl-muted: #6B645C;
  --xl-line: #E6DDD2;
  --xl-r: 18px;
  --xl-r-sm: 12px;
  --xl-font: "Manrope", Arial, Helvetica, sans-serif;
  --xl-shadow: 0 10px 28px rgba(26, 23, 20, 0.08);
  --xl-shadow-lg: 0 22px 48px rgba(26, 23, 20, 0.16);
}

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

/* ===== Единый shell ===== */
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,
body.xl-redesign .xl-mega {
  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;
}

/* mega inner: padding handled inside layout */
body.xl-redesign .xl-nav__panel-inner.xl-mega {
  padding: 0 !important;
  max-width: var(--xl-shell-max) !important;
}

/* ===== 1. Убрать лишний бургер слева от логотипа на desktop ===== */
@media (min-width: 901px) {
  body.xl-redesign .xl-mmenu,
  body.xl-redesign button.xl-mmenu.xl-catalog {
    display: none !important;
  }
}

/* ===== Шапка: спокойнее ритм ===== */
body.xl-redesign .xl-brandrow .xl-wrap {
  gap: 20px !important;
}
body.xl-redesign .xl-age--header {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* ===== MEGA MENU ===== */
body.xl-redesign .xl-nav__panel,
body.xl-redesign .xlopni-nav__container.xl-nav__panel {
  background: transparent !important;
}
body.xl-redesign .xl-nav__panel.xlopni-nav__container_visible {
  padding: 0 !important;
}
body.xl-redesign .xl-nav__panel-inner.xl-mega {
  position: relative !important;
  background: #fff !important;
  border: 1px solid rgba(26, 23, 20, 0.06) !important;
  border-radius: 0 0 22px 22px !important;
  box-shadow: var(--xl-shadow-lg) !important;
  overflow: hidden !important;
}
/* убрать старую цветную полоску и тёмный head */
body.xl-redesign .xl-nav__panel-inner.xl-mega::before { display: none !important; }
body.xl-redesign .xl-mega .xl-nav__head { display: none !important; }

body.xl-redesign .xl-mega__close {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  z-index: 5 !important;
  width: 36px !important;
  height: 36px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #F3EEE7 !important;
  display: inline-grid !important;
  place-items: center !important;
  cursor: pointer !important;
}
body.xl-redesign .xl-mega__close:hover { background: #E8E0D6 !important; }
body.xl-redesign .xl-mega__close img { filter: none !important; opacity: 0.7; }

body.xl-redesign .xl-mega__layout {
  display: grid !important;
  grid-template-columns: 220px 1.35fr 0.95fr 1fr !important;
  gap: 0 !important;
  padding: 28px 28px 20px !important;
  align-items: start !important;
}

/* sidebar */
body.xl-redesign .xl-mega__side {
  padding: 4px 18px 8px 0 !important;
  border-right: 1px solid var(--xl-line) !important;
  margin-right: 8px !important;
}
body.xl-redesign .xl-mega__side-item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 11px 12px !important;
  margin: 0 0 4px !important;
  border-radius: 12px !important;
  color: var(--xl-text) !important;
  text-decoration: none !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
  transition: background .15s ease, color .15s ease !important;
}
body.xl-redesign .xl-mega__side-item:hover {
  background: #F7F2EA !important;
}
body.xl-redesign .xl-mega__side-item.is-active {
  background: #F3EEE7 !important;
  color: var(--xl-text) !important;
  font-weight: 800 !important;
}
body.xl-redesign .xl-mega__side-item.is-active .xl-mega__side-ico {
  color: var(--xl-action) !important;
}
body.xl-redesign .xl-mega__side-ico {
  width: 22px !important;
  text-align: center !important;
  color: #A39A90 !important;
  font-size: 13px !important;
  flex: 0 0 22px !important;
}
body.xl-redesign .xl-mega__side-more {
  display: inline-block !important;
  margin-top: 14px !important;
  padding: 0 12px !important;
  color: var(--xl-service) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

/* featured size cards */
body.xl-redesign .xl-mega__featured {
  padding: 0 18px !important;
}
body.xl-redesign .xl-mega__title {
  margin: 0 0 16px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  color: var(--xl-text) !important;
}
body.xl-redesign .xl-mega__cards {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
body.xl-redesign .xl-mega__card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 132px !important;
  padding: 14px 10px 12px !important;
  border-radius: 16px !important;
  text-decoration: none !important;
  border: 1px solid transparent !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}
body.xl-redesign .xl-mega__card--1 { background: linear-gradient(180deg, #FFF7F0, #fff); }
body.xl-redesign .xl-mega__card--2 { background: linear-gradient(180deg, #FFF1EF, #fff); }
body.xl-redesign .xl-mega__card--3 { background: linear-gradient(180deg, #FFF9EC, #fff); }
body.xl-redesign .xl-mega__card--4 { background: linear-gradient(180deg, #F3F8F2, #fff); }
body.xl-redesign .xl-mega__card--5 { background: linear-gradient(180deg, #F3F6FB, #fff); grid-column: 1 / -1; }
body.xl-redesign .xl-mega__card:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(232, 102, 34, 0.25) !important;
  box-shadow: var(--xl-shadow) !important;
}
body.xl-redesign .xl-mega__card img {
  width: 78px !important;
  height: 72px !important;
  object-fit: contain !important;
  margin-bottom: 8px !important;
  transition: transform .18s ease !important;
}
body.xl-redesign .xl-mega__card:hover img { transform: scale(1.06); }
body.xl-redesign .xl-mega__card strong {
  display: block !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  color: var(--xl-text) !important;
  margin-bottom: 2px !important;
}
body.xl-redesign .xl-mega__card span {
  font-size: 12px !important;
  color: var(--xl-muted) !important;
  font-weight: 600 !important;
}

/* link columns */
body.xl-redesign .xl-mega__col {
  padding: 0 8px 0 18px !important;
  border-left: 1px solid var(--xl-line) !important;
}
body.xl-redesign .xl-mega__links {
  list-style: none !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
}
body.xl-redesign .xl-mega__links a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 9px 0 !important;
  color: var(--xl-text) !important;
  text-decoration: none !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  border-bottom: 1px solid #F2EBE3 !important;
}
body.xl-redesign .xl-mega__links a:hover {
  color: var(--xl-action) !important;
}
body.xl-redesign .xl-mega__links a i {
  color: #C4BBB1 !important;
  font-style: normal !important;
  font-size: 16px !important;
}
body.xl-redesign .xl-mega__links li:last-child a { border-bottom: 0 !important; }

/* mini promo */
body.xl-redesign .xl-mega__mini {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px !important;
  border-radius: 14px !important;
  background: #F7F2EA !important;
  text-decoration: none !important;
  transition: background .15s ease, transform .15s ease !important;
}
body.xl-redesign .xl-mega__mini:hover {
  background: #F0E9DF !important;
  transform: translateY(-1px);
}
body.xl-redesign .xl-mega__mini img {
  width: 56px !important;
  height: 52px !important;
  object-fit: contain !important;
  background: #fff;
  border-radius: 10px;
  padding: 4px;
}
body.xl-redesign .xl-mega__mini strong {
  display: block !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  color: var(--xl-text) !important;
  margin-bottom: 2px !important;
}
body.xl-redesign .xl-mega__mini em {
  font-style: normal !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: var(--xl-service) !important;
}

/* dark promo */
body.xl-redesign .xl-mega__promo {
  display: block !important;
  margin-top: 4px !important;
  padding: 20px 18px !important;
  border-radius: 16px !important;
  text-decoration: none !important;
  color: #fff !important;
  background:
    linear-gradient(135deg, rgba(18, 16, 14, 0.92), rgba(18, 16, 14, 0.72)),
    url("../img/hero-fireworks.jpg") center/cover !important;
  box-shadow: var(--xl-shadow) !important;
  transition: transform .18s ease !important;
}
body.xl-redesign .xl-mega__promo:hover { transform: translateY(-2px); }
body.xl-redesign .xl-mega__promo-kicker {
  display: block !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #E8CF9A !important;
  margin-bottom: 8px !important;
}
body.xl-redesign .xl-mega__promo strong {
  display: block !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  margin-bottom: 14px !important;
  color: #fff !important;
}
body.xl-redesign .xl-mega__promo-cta {
  display: inline-flex !important;
  align-items: center !important;
  height: 40px !important;
  padding: 0 16px !important;
  border-radius: 10px !important;
  background: var(--xl-action) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

/* trust bar */
body.xl-redesign .xl-mega__trust {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 12px !important;
  padding: 16px 28px !important;
  background: #F7F2EA !important;
  border-top: 1px solid var(--xl-line) !important;
}
body.xl-redesign .xl-mega__trust-item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
}
body.xl-redesign .xl-mega__trust-item img {
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;
  opacity: 0.85;
}
body.xl-redesign .xl-mega__trust-item strong {
  display: block !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  color: var(--xl-text) !important;
  line-height: 1.2 !important;
}
body.xl-redesign .xl-mega__trust-item em {
  display: block !important;
  font-style: normal !important;
  font-size: 11px !important;
  color: var(--xl-muted) !important;
  font-weight: 600 !important;
}

/* catalog open state */
body.xl-redesign .xl-catalog.is-open {
  background: var(--xl-action) !important;
  box-shadow: none !important;
}

/* mobile mega */
@media (max-width: 1100px) {
  body.xl-redesign .xl-mega__layout {
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
  }
  body.xl-redesign .xl-mega__side {
    grid-column: 1 / -1 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--xl-line) !important;
    margin: 0 0 8px !important;
    padding: 0 0 12px !important;
  }
  body.xl-redesign .xl-mega__trust {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 900px) {
  body.xl-redesign .xl-mega__layout {
    grid-template-columns: 1fr !important;
    padding: 20px 16px !important;
  }
  body.xl-redesign .xl-mega__col,
  body.xl-redesign .xl-mega__featured {
    padding: 0 !important;
    border: 0 !important;
  }
  body.xl-redesign .xl-mega__trust {
    grid-template-columns: 1fr 1fr !important;
    padding: 14px 16px !important;
  }
  body.xl-redesign .xl-nav__panel.xlopni-nav__container_visible {
    top: 0 !important;
    bottom: 0 !important;
    overflow: auto !important;
    background: rgba(23, 21, 19, 0.35) !important;
    padding: 12px !important;
  }
  body.xl-redesign .xl-nav__panel-inner.xl-mega {
    border-radius: 18px !important;
    max-height: calc(100vh - 24px) !important;
    overflow: auto !important;
  }
}

/* ===== Хлебные крошки ===== */
body.xl-redesign .naviM,
body.xl-redesign #content .naviM,
body.xl-redesign .xl-bc {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--xl-muted) !important;
}
body.xl-redesign .naviM a,
body.xl-redesign .naviM a:link,
body.xl-redesign .naviM a:visited,
body.xl-redesign .naviM .navu,
body.xl-redesign .naviM font,
body.xl-redesign .naviM span {
  color: var(--xl-muted) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  font-family: inherit !important;
}
body.xl-redesign .xl-bc__sep { color: #C4BBB1 !important; }

/* ===== Hero ===== */
body.xl-redesign .xl-hero {
  min-height: 580px !important;
  padding: 72px 72px !important;
  margin-bottom: 48px !important;
  border-radius: 24px !important;
  background-image:
    linear-gradient(105deg, rgba(8, 12, 22, 0.92) 0%, rgba(8, 12, 22, 0.7) 42%, rgba(8, 12, 22, 0.3) 72%, rgba(8, 12, 22, 0.12) 100%),
    url("../img/hero-fireworks.jpg") !important;
  background-size: cover !important;
  background-position: 70% center !important;
}
body.xl-redesign .xl-hero__title {
  font-size: 58px !important;
  max-width: 700px !important;
  margin-bottom: 24px !important;
}
body.xl-redesign .xl-hero__text {
  margin-bottom: 32px !important;
  max-width: 460px !important;
}
body.xl-redesign .xl-hero__actions .xl-btn--primary {
  background: var(--xl-action) !important;
  box-shadow: 0 12px 28px rgba(232, 102, 34, 0.4) !important;
  height: 54px !important;
  padding: 0 30px !important;
  font-size: 15px !important;
}

/* ===== Правая колонка: единый стиль ===== */
body.xl-redesign #right {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}
body.xl-redesign #right .xl-svc,
body.xl-redesign #right .boxStyle,
body.xl-redesign #right #boxWhatsNew,
body.xl-redesign #right .xl-reviews-card,
body.xl-redesign #right .xl-side-card {
  border: 1px solid var(--xl-line) !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: none !important;
  margin: 0 !important;
  overflow: hidden !important;
}
body.xl-redesign #right .xl-svc {
  padding: 18px !important;
  min-height: 86px !important;
}
body.xl-redesign #right .boxWhatsNewHeader,
body.xl-redesign #right .xl-reviews-card__h,
body.xl-redesign #right .boxStyle h5,
body.xl-redesign #right .boxStyle p.hD {
  min-height: 52px !important;
  height: auto !important;
  padding: 14px 18px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  background: #fff !important;
  border: 0 !important;
  border-bottom: 1px solid #F0EBE3 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  color: var(--xl-text) !important;
  filter: none !important;
  background-image: none !important;
}
body.xl-redesign #right #boxWhatsNewContent,
body.xl-redesign #right .xl-reviews-card__b,
body.xl-redesign #right .boxStyle > div:not(.boxWhatsNewHeader) {
  padding: 16px 18px 18px !important;
}

/* ===== Левая: ещё легче ===== */
body.xl-redesign #left #boxCategories ul li a {
  font-size: 14px !important;
  padding: 8px 10px !important;
}
body.xl-redesign #boxHolidays > div,
body.xl-redesign #boxPrices > div,
body.xl-redesign #boxZalp > div {
  display: none !important;
}
body.xl-redesign #boxHolidays.xl-open > div,
body.xl-redesign #boxHolidays.active > div,
body.xl-redesign #boxPrices.xl-open > div,
body.xl-redesign #boxPrices.active > div,
body.xl-redesign #boxZalp.xl-open > div,
body.xl-redesign #boxZalp.active > div {
  display: block !important;
}

/* ===== Категории: жизнь ===== */
body.xl-redesign #icSet2 a {
  min-height: 252px !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}
body.xl-redesign #icSet2 a:hover {
  transform: translateY(-8px) scale(1.015) !important;
  box-shadow: var(--xl-shadow-lg) !important;
}
body.xl-redesign #icSet2 a:hover img {
  transform: scale(1.12) rotate(-3deg) !important;
}
body.xl-redesign #icSet2 td:first-child a,
body.xl-redesign #icSet2 td:nth-child(2) a {
  border-color: rgba(232, 102, 34, 0.18) !important;
}

/* ===== Карточка товара: ещё товарнее ===== */
body.xl-redesign .xl-product-grid dt.itemImage {
  padding: 12px 12px 4px !important;
}
body.xl-redesign .xl-product-grid dt.itemImage a.f_image {
  min-height: 240px !important;
}
body.xl-redesign .xl-product-grid dt.itemImage a.f_image img {
  max-height: 250px !important;
}
body.xl-redesign .xl-product-grid dd.itemDescriptionPrice {
  font-size: 30px !important;
}
body.xl-redesign .xl-card__badge {
  border-radius: 8px !important;
  letter-spacing: 0.05em !important;
}
body.xl-redesign .xl-product-grid .xl-card__buy a.button {
  height: 50px !important;
  border-radius: 12px !important;
  font-size: 14px !important;
}
body.xl-redesign .xl-product-grid dl.itemNewProductsDefault:hover {
  transform: translateY(-6px) !important;
  box-shadow: var(--xl-shadow-lg) !important;
}

/* ===== SEO низ ===== */
body.xl-redesign .xl-seo {
  background: #fff !important;
  border: 1px solid var(--xl-line) !important;
  border-radius: 24px !important;
  padding: 40px 44px !important;
  margin: 48px 0 !important;
  box-shadow: var(--xl-shadow);
}
body.xl-redesign .xl-seo h1,
body.xl-redesign .xl-seo h2 {
  font-size: 28px !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  color: var(--xl-text) !important;
}
body.xl-redesign .xl-seo p {
  font-size: 15px !important;
  line-height: 1.7 !important;
  color: #4A453F !important;
}

/* footer shell + no white tail */
html { background: #171513 !important; }
body.xl-redesign { background: #171513 !important; }
body.xl-redesign #container { background: var(--xl-page) !important; }
body.xl-redesign .xl-footer { margin: 0 !important; background: #171513 !important; }
body.xl-redesign #niz,
body.xl-redesign #footer { display: none !important; height: 0 !important; }