/* XSTORE promo-home v7 — header/top/advantages + kill legacy pill/hero height */
:root {
  --xp-pink: #1d1d1f;
  --xp-pink-d: #d12f6f;
  --xp-pink-s: rgba(198, 167, 94, 0.10);
  --xp-ink: #1f2328;
  --xp-muted: #6b7280;
  --xp-line: #e8eaed;
  --xp-bg: #f5f6f8;
  --xp-white: #fff;
  --xp-radius: 14px;
  --xp-shadow: 0 4px 16px rgba(20,24,32,.06);
}

body { background: var(--xp-bg) !important; color: var(--xp-ink); -webkit-font-smoothing: antialiased; }

/* TOP — light */
header #top.top-menu {
  background: #f3f4f6 !important;
  border-bottom: 1px solid var(--xp-line) !important;
  box-shadow: none !important;
  min-height: 36px !important;
}
header #top.top-menu::before { display: none !important; }
header #top .container {
  display: flex !important; align-items: center !important; justify-content: space-between !important;
  min-height: 36px !important; padding-top: 4px !important; padding-bottom: 4px !important;
}
header #top .top-menu__links, header #top .top-menu__buttons {
  float: none !important; display: flex !important; align-items: center !important; gap: 4px !important; margin: 0 !important;
}
@media (min-width: 992px) {
  header #top .top-links > .top-menu__btn.dropdown-toggle { display: none !important; }
  header #top .top-links__ul.dropdown-menu {
    display: flex !important; position: static !important; float: none !important;
    margin: 0 !important; padding: 0 !important; border: 0 !important; box-shadow: none !important;
    background: transparent !important; flex-direction: row !important;
  }
  header #top .top-links__a {
    display: inline-flex !important; align-items: center !important; height: 28px !important;
    padding: 0 10px !important; color: var(--xp-muted) !important; font-size: 12.5px !important;
    font-weight: 500 !important; text-decoration: none !important;
  }
  header #top .top-links__a:hover { color: var(--xp-pink) !important; }
}
header #top .top-menu__btn {
  height: 28px !important; padding: 0 10px !important; border: 0 !important; border-radius: 6px !important;
  background: transparent !important; color: var(--xp-muted) !important; box-shadow: none !important; transform: none !important;
  display: inline-flex !important; align-items: center !important; gap: 6px !important; font-size: 12.5px !important;
}
header #top .top-menu__btn i { color: var(--xp-muted) !important; }
header #top .top-menu__btn:hover { color: var(--xp-pink) !important; background: rgba(198, 167, 94,.06) !important; transform: none !important; }

/* HEADER white */
header {
  background: #fff !important;
  border-bottom: 1px solid var(--xp-line) !important;
  box-shadow: none !important;
}
header .header-block {
  display: flex !important; flex-wrap: nowrap !important; align-items: center !important;
  gap: 14px !important; padding: 14px 0 !important;
}
.header-logo, #logo, .header-block__item-logo { max-width: 170px !important; }
.header-logo__img, #logo img {
  max-height: 48px !important; max-width: 170px !important; width: auto !important; height: auto !important;
  object-fit: contain !important; border-radius: 0 !important; box-shadow: none !important;
}
.header-block__item-search { flex: 1 1 auto !important; min-width: 0 !important; padding: 0 !important; }
.header-search__form {
  display: flex !important; align-items: center !important; height: 48px !important;
  border: 1.5px solid var(--xp-line) !important; border-radius: 999px !important;
  background: #f8f9fb !important; overflow: hidden !important; box-shadow: none !important;
}
.header-search__form:focus-within {
  border-color: rgba(198, 167, 94,.45) !important; background: #fff !important;
  box-shadow: 0 0 0 3px rgba(198, 167, 94,.10) !important;
}
.header-search__category-btn {
  height: 48px !important; width: 48px !important; border: 0 !important; border-right: 1px solid var(--xp-line) !important;
  background: transparent !important; border-radius: 0 !important; box-shadow: none !important;
}
.header-search__input {
  height: 48px !important; border: 0 !important; background: transparent !important; box-shadow: none !important;
}
.header-search__btn, .header-search .search-btn {
  width: 44px !important; height: 40px !important; margin: 4px !important; border: 0 !important;
  border-radius: 999px !important; background: var(--xp-pink) !important; color: #fff !important; box-shadow: none !important;
}
.header-phones__main { font-weight: 700 !important; font-size: 15px !important; color: var(--xp-ink) !important; }
.header-phones__main i, .header-phones__main-img-i { color: var(--xp-pink) !important; }
.header-wishlist__icon, .header-compare__icon, .header-cart__icon, .header-account__icon {
  width: 42px !important; height: 42px !important; display: inline-flex !important; align-items: center !important;
  justify-content: center !important; border-radius: 12px !important; background: #f4f5f7 !important; color: #4b5563 !important;
}
.header-cart__btn { border: 0 !important; background: transparent !important; box-shadow: none !important; padding: 0 !important; }
.header-block__item-caption { font-size: 11px !important; color: var(--xp-muted) !important; margin-top: 4px !important; }

/* Catalog button */
@media (min-width: 992px) {
  header .menu1 .menu__header {
    height: 46px !important; min-height: 46px !important; display: flex !important; align-items: center !important;
    gap: 10px !important; padding: 0 18px !important; border-radius: 12px !important;
    background: var(--xp-pink) !important; border: 0 !important;
    box-shadow: 0 6px 16px rgba(198, 167, 94,.25) !important; color: #fff !important;
  }
  header .menu1 .menu__header-title, header .menu1 .menu__header-icon { color: #fff !important; font-weight: 700 !important; }
  header .menu1 .menu__level-1-a {
    display: flex !important; align-items: center !important; gap: 10px !important;
    padding: 10px 16px !important; color: var(--xp-ink) !important; font-size: 13.5px !important; font-weight: 500 !important;
  }
  header .menu1 .menu__level-1-li:hover > .menu__level-1-a {
    background: var(--xp-pink-s) !important; color: var(--xp-pink) !important;
  }
  header .menu1 .menu__level-1-icon { color: var(--xp-pink) !important; }
}

/* Advantages */
.xstore-advantages {
  display: grid !important; grid-template-columns: repeat(6, minmax(0,1fr)) !important;
  gap: 10px !important; margin: 0 0 20px !important;
}
.xstore-advantages__item {
  display: flex !important; gap: 12px !important; padding: 16px 14px !important;
  background: #fff !important; border: 1px solid var(--xp-line) !important; border-radius: 14px !important;
  min-height: 96px !important; box-shadow: none !important;
}
.xstore-advantages__icon {
  width: 42px !important; height: 42px !important; flex: 0 0 42px !important; display: grid !important; place-items: center !important;
  border-radius: 12px !important; background: var(--xp-pink-s) !important; color: var(--xp-pink) !important;
}
.xstore-advantages__title { font-weight: 700 !important; font-size: 13px !important; color: var(--xp-ink) !important; margin: 0 0 4px !important; }
.xstore-advantages__text { margin: 0 !important; font-size: 12px !important; color: var(--xp-muted) !important; }
@media (max-width: 1199px) { .xstore-advantages { grid-template-columns: repeat(3,1fr) !important; } }
@media (max-width: 767px) { .xstore-advantages { grid-template-columns: repeat(2,1fr) !important; } }

.product-thumb {
  background: #fff !important; border: 1px solid var(--xp-line) !important; border-radius: 14px !important;
  box-shadow: none !important; overflow: hidden !important;
}
.product-thumb:hover { box-shadow: 0 10px 28px rgba(20,24,32,.10) !important; }

/* HARD kill any leftover fixed hero heights from older files */
.xstore-hero { --xh-h: unset !important; }
.xstore-hero__main, .xstore-hero__side {
  /* height controlled only by xstore-hero.css aspect-ratio */
}


/* v12 ensure search btn never absolute on any size */
header .header-search__btn,
header .header-search .search-btn {
  position: static !important;
  float: none !important;
}
header .header-search__form {
  overflow: hidden !important;
}