@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Unbounded:wght@800;900&family=Montserrat:wght@900&display=swap');















/* ==========================================================================















   HEADER REVISION 3 - FINAL CONCEPT















   ========================================================================== */































:root {















  --color-brand-red: #e30613;















  --color-brand-red-hover: #c00410;















  --color-dark-text: #121620;















  --color-gray-sub: #7a828e;















  --color-gray-link: #4B4F55;















  --color-border-top: #EAECEF;















  --color-divider: #E5E7EB;















  --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;

  --font-inter: var(--font-primary) !important;















}



/* ==========================================================================

   GLOBAL UNIVERSAL TYPOGRAPHY UNIFICATION

   Unifies Latin and Cyrillic rendering across the entire site

   ========================================================================== */

html, body, .page, .page__body, button, input, select, textarea, optgroup, p, span, a, h1, h2, h3, h4, h5, h6, li, label, td, th {

  font-family: var(--font-primary) !important;

}

































/* ==========================================================================















   UNIVERSAL RESPONSIVE FIXES (All Screen Widths)















   ========================================================================== */















html, body {















  overflow-x: hidden !important;















  max-width: 100% !important;















}































/* Universal reset of pseudo-elements on hamburger toggle button */















.page-header__menu-toggle::before,















.page-header__menu-toggle::after {















  content: none !important;















  display: none !important;















}































.wares .swiper,















.wares .swiper-container {















  overflow: hidden !important;















  max-width: 100% !important;















  box-sizing: border-box !important;















}































.header-container {















  width: 100% !important;















  max-width: 1280px !important;















  margin: 0 auto !important;















  padding: 0 20px !important;















  box-sizing: border-box !important;















}































.page-header {















  width: 100% !important;















  background-color: #ffffff !important;















  position: relative !important;















  z-index: 999 !important;















  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05) !important;















}































.page-header__wrap {















  position: relative !important;















}































/* Strict Reset of Legacy Centering */















.header-logo,















.logo,















a.header-logo,















a.logo {















  position: static !important;















  left: auto !important;















  top: auto !important;















  transform: none !important;















  margin: 0 !important;















  margin-right: 28px !important; /* Exactly 28px gap before catalog button */















  display: flex !important;















  align-items: center !important;















  width: 190px !important;















  max-width: 190px !important;















  aspect-ratio: 300 / 80 !important;















  flex-shrink: 0 !important;















  text-decoration: none !important;















}































.header-logo img,















.logo img {















  width: 190px !important;















  max-width: 190px !important;















  height: auto !important;















  display: block !important;















}































/* --------------------------------------------------------------------------















   1.1 TOP SERVICE BAR (40–44px, #F7F8FA, right side empty)















   -------------------------------------------------------------------------- */















.header-top-bar {















  height: 42px !important;















  min-height: 42px !important;















  background-color: #F7F8FA !important;















  border-bottom: 1px solid var(--color-border-top) !important;















  display: flex !important;















  align-items: center !important;















  font-family: var(--font-primary) !important;















  transition: max-height 0.25s ease, opacity 0.2s ease, padding 0.25s ease !important;















}































.header-top-bar__container {















  display: flex !important;















  align-items: center !important;















  justify-content: space-between !important;















  height: 100% !important;















}































.header-top-bar__nav {















  display: flex !important;















  align-items: center !important;















  gap: 28px !important;















  margin: 0 !important;















  padding: 0 !important;















  list-style: none !important;















}































.header-top-bar__item {















  display: inline-flex !important;















  align-items: center !important;















}































.header-top-bar__link {















  font-size: 14px !important;















  font-weight: 500 !important;















  color: var(--color-gray-link) !important;















  text-decoration: none !important;















  transition: color 0.15s ease !important;















  line-height: 1 !important;















}































.header-top-bar__link:hover {















  color: var(--color-brand-red) !important;















}































.header-top-bar__right {















  display: flex !important;















  align-items: center !important;















  /* Intentionally empty for calm, luxurious whitespace */















}































/* --------------------------------------------------------------------------















   1.2 MAIN NAVIGATION LEVEL (88–92px)















   -------------------------------------------------------------------------- */















.header-main-bar {















  height: 90px !important;















  min-height: 90px !important;















  background-color: #ffffff !important;















  display: flex !important;















  align-items: center !important;















  transition: height 0.25s ease !important;















}































.header-main-bar__container {















  display: flex !important;















  align-items: center !important;















  height: 100% !important;















}































/* Catalog Button (~255x48px) */















.header-catalog-wrap {















  position: relative !important;















  display: flex !important;















  align-items: center !important;















  margin-right: auto !important; /* Generous breathing room in center */















}































.header-catalog-btn {















  display: inline-flex !important;















  align-items: center !important;















  justify-content: center !important;















  gap: 10px !important;















  width: 255px !important;















  height: 48px !important;















  padding: 0 20px !important;















  background-color: var(--color-brand-red) !important;















  color: #ffffff !important;















  border: none !important;















  border-radius: 6px !important;















  font-family: var(--font-primary) !important;















  font-size: 15px !important;















  font-weight: 600 !important;















  letter-spacing: 0.2px !important;















  text-transform: none !important; /* Clean sentence case: Каталог запчастей */















  cursor: pointer !important;















  transition: background-color 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease !important;















  box-shadow: 0 2px 8px rgba(227, 6, 19, 0.2) !important;















  white-space: nowrap !important;















}































.header-catalog-btn:hover {















  background-color: var(--color-brand-red-hover) !important;















  box-shadow: 0 4px 14px rgba(227, 6, 19, 0.3) !important;















}































.header-catalog-btn__bars {















  display: flex !important;















  flex-direction: column !important;















  gap: 4px !important;















  width: 16px !important;















  margin-right: 2px !important;















}































.header-catalog-btn__bars span {















  display: block !important;















  width: 100% !important;















  height: 2px !important;















  background-color: #ffffff !important;















  border-radius: 1px !important;















}































.header-catalog-btn__title {















  display: inline-block !important;















  line-height: 1 !important;















}































.header-catalog-btn__chevron {















  transition: transform 0.2s ease !important;















  margin-left: auto !important;















}































.header-catalog-wrap.is-open .header-catalog-btn__chevron {















  transform: rotate(180deg) !important;















}































/* --------------------------------------------------------------------------















   1.3 PROMINENT CONTACTS BLOCK (Address + #E5E7EB Divider + Phone)















   -------------------------------------------------------------------------- */















.header-contacts {







  display: flex !important;







  align-items: center !important;







  flex-shrink: 0 !important;







  margin-left: auto !important;







}















.header-contacts__address {







  display: inline-flex !important;







  align-items: flex-start !important;







  gap: 8px !important;







  text-decoration: none !important;







  line-height: 20px !important;







  flex-shrink: 0 !important;







}















.header-contacts__pin-box {







  display: flex !important;







  align-items: center !important;







  justify-content: center !important;







  height: 20px !important;







  flex-shrink: 0 !important;







}















.header-contacts__pin-icon {







  color: var(--color-brand-red) !important;







  width: 16px !important;







  height: 16px !important;







  display: block !important;







  flex-shrink: 0 !important;







}















.header-contacts__address-lines {







  display: flex !important;







  flex-direction: column !important;







  text-align: left !important;







  line-height: 20px !important;







}















.header-contacts__address-line {







  display: block !important;







  font-family: var(--font-primary) !important;







  font-size: 16px !important;







  line-height: 20px !important;







  font-weight: 600 !important;







  color: #1e2229 !important;







  transition: color 0.15s ease !important;







  white-space: nowrap !important;







}















.header-contacts__address:hover .header-contacts__address-line {







  color: var(--color-brand-red) !important;







}















.header-contacts__location {







  font-size: 16px !important;







  font-weight: 600 !important;







  color: #1e2229 !important;







  white-space: nowrap !important;







}















.header-contacts__schedule {







  display: none !important;







}















.header-contacts__divider {







  width: 1px !important;







  height: 38px !important;







  background-color: var(--color-divider) !important;







  margin: 0 20px !important;







  flex-shrink: 0 !important;







  display: block !important;







}















.header-contacts__phone-box {







  display: flex !important;







  flex-direction: column !important;







  justify-content: center !important;







  text-align: left !important;







  line-height: 1.2 !important;







  flex-shrink: 0 !important;







}















.header-contacts__phone {







  font-family: var(--font-primary) !important;







  font-size: 19px !important;







  font-weight: 700 !important;







  color: var(--color-dark-text) !important;







  text-decoration: none !important;







  letter-spacing: -0.2px !important;







  line-height: 22px !important;







  transition: color 0.15s ease !important;







  white-space: nowrap !important;







  display: block !important;







}















.header-contacts__phone:hover {







  color: var(--color-brand-red) !important;







}















.header-contacts__phone-sub {







  display: none !important;







}















.header-contacts__phone-schedule {







  display: block !important;







  font-family: var(--font-primary) !important;







  font-size: 12.5px !important;







  line-height: 16px !important;







  color: var(--color-gray-sub) !important;







  margin-top: 2px !important;







  white-space: nowrap !important;







  font-weight: 400 !important;







}















.header-contacts__divider--nav {







  width: 1px !important;







  height: 38px !important;







  background-color: #e5e7eb !important;







  margin-left: 18px !important;







  margin-right: 20px !important;







  flex-shrink: 0 !important;







  display: block !important;







}















.header-user-nav {















  display: flex !important;















  align-items: center !important;















  gap: 16px !important; /* Strict 16–18px distance between profile and cart per ТЗ */















  flex-shrink: 0 !important;















  margin-left: 0 !important;















}































.header-user-nav__btn--account,















.header-user-nav__btn.header-user-nav__btn--account {















  display: flex !important;















  align-items: center !important;















  justify-content: center !important;















  width: 40px !important;















  min-width: 40px !important;















  max-width: 40px !important;















  height: 40px !important;















  min-height: 40px !important;















  max-height: 40px !important;















  padding: 0 !important;















  margin: 0 !important;















  border-radius: 8px !important;















  background: transparent !important;















  color: #4b5563 !important;















  text-decoration: none !important;















  box-sizing: border-box !important;















  transition: background-color 0.15s ease, color 0.15s ease !important;















}































.header-user-nav__btn--account:hover,















.header-user-nav__btn.header-user-nav__btn--account:hover {















  background-color: rgba(0, 0, 0, 0.04) !important;















  color: #1f2937 !important; /* Subtle neutral hover, STRICTLY NO RED per ТЗ */















}































.header-user-nav__btn--account .header-user-nav__icon {















  width: 22px !important;















  height: 22px !important;















  flex-shrink: 0 !important;















  display: block !important;















}































.header-user-nav__btn--favorite {















  display: none !important;















}































.header-user-nav__btn--cart {















  margin-left: 0 !important;















}































.header-user-nav__icon {















  display: block !important;















}































/* Lightweight Text-based Cart */















.header-user-nav__btn--cart.header-cart {















  display: inline-flex !important;















  align-items: center !important;















  gap: 10px !important;















  padding: 6px 8px !important;















  background: none !important;















  border: none !important;















  border-radius: 0 !important;















  box-shadow: none !important;















  color: var(--color-dark-text) !important;















  margin-left: 0 !important; /* Strict 16–18px distance to profile controlled by gap */















}































.header-user-nav__icon-wrap {















  position: relative !important;















  display: flex !important;















  align-items: center !important;















  justify-content: center !important;















}































.header-user-nav__badge {















  position: absolute !important;















  top: -7px !important;















  right: -9px !important;















  background-color: var(--color-brand-red) !important;















  color: #ffffff !important;















  font-size: 11px !important;















  font-weight: 700 !important;















  line-height: 1 !important;















  padding: 2px 5px !important;















  border-radius: 10px !important;















  border: 2px solid #ffffff !important;















}































.header-user-nav__badge.is-hidden {















  display: none !important;















}































.header-cart-label {















  display: flex !important;















  flex-direction: column !important;















  line-height: 1.15 !important;















  text-align: left !important;















}































.header-cart-label__title {















  font-size: 13.5px !important;















  font-weight: 600 !important;















  color: var(--color-dark-text) !important;















  transition: color 0.15s ease !important;















}































.header-cart-label__count {















  font-size: 12px !important;















  color: var(--color-gray-sub) !important;















  margin-top: 1px !important;















}































.header-user-nav__btn--cart:hover .header-cart-label__title {















  color: var(--color-brand-red) !important;















}































/* --------------------------------------------------------------------------















   1.5 COMPACT SEARCH (Sticky Mode)















   -------------------------------------------------------------------------- */















.header-search-compact {















  display: none !important;















  align-items: center !important;















  flex: 1 1 auto !important;















  max-width: 340px !important;















  margin: 0 auto !important;















  opacity: 0 !important;















  transition: opacity 0.2s ease !important;















}































.header-search-compact__form {















  display: flex !important;















  align-items: center !important;















  width: 100% !important;















  height: 40px !important;















  background-color: #f4f5f7 !important;















  border: 1px solid #e1e4e8 !important;















  border-radius: 6px !important;















  padding: 0 12px !important;















  box-sizing: border-box !important;















  transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease !important;















}































.header-search-compact__form:focus-within {















  border-color: var(--color-brand-red) !important;















  background-color: #ffffff !important;















  box-shadow: 0 0 0 3px rgba(227, 6, 19, 0.12) !important;















}































.header-search-compact__btn {















  background: none !important;















  border: none !important;















  padding: 0 !important;















  margin: 0 8px 0 0 !important;















  cursor: pointer !important;















  color: #7a828e !important;















  display: flex !important;















  align-items: center !important;















  justify-content: center !important;















  transition: color 0.15s ease !important;















}































.header-search-compact__btn:hover {















  color: var(--color-brand-red) !important;















}































.header-search-compact__input {















  flex: 1 1 auto !important;















  border: none !important;















  outline: none !important;















  background: transparent !important;















  font-family: var(--font-primary) !important;















  font-size: 13px !important;















  color: #22242a !important;















}































.header-search-compact__input::placeholder {















  color: #9ba1ab !important;















}































/* ==========================================================================















   1.6 MEGA MENU REDESIGN (Modern 3x2 Grid, 1200px Centered, Clean Outline Icons per ТЗ)















   ========================================================================== */















.header-main-bar {















  position: relative !important;















}































.header-catalog-wrap {















  position: static !important;















  display: flex !important;















  align-items: center !important;















  margin-right: auto !important;















}































/* Button transformation to '× Каталог запчастей' when open */















.header-catalog-btn__bars span {















  display: block !important;















  width: 100% !important;















  height: 2px !important;















  background-color: #ffffff !important;















  border-radius: 1px !important;















  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.15s ease !important;















}































.header-catalog-wrap.is-open .header-catalog-btn__bars span:nth-child(1) {















  transform: translateY(6px) rotate(45deg) !important;















}































.header-catalog-wrap.is-open .header-catalog-btn__bars span:nth-child(2) {















  opacity: 0 !important;















  transform: scale(0) !important;















}































.header-catalog-wrap.is-open .header-catalog-btn__bars span:nth-child(3) {















  transform: translateY(-6px) rotate(-45deg) !important;















}































.header-catalog-wrap.is-open .header-catalog-btn__chevron {















  display: none !important;















}































/* Main Flyout Panel */















.mega-menu {















  position: absolute !important;















  top: 100% !important;















  left: 50% !important;















  transform: translateX(-50%) translateY(-6px) !important;















  width: 1200px !important;















  max-width: calc(100vw - 32px) !important;















  background-color: #ffffff !important;















  border-radius: 14px !important;















  border: 1px solid #e5e7eb !important;















  box-shadow: 0 24px 50px -12px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.08) !important;















  padding: 24px 28px !important;















  box-sizing: border-box !important;















  opacity: 0 !important;















  visibility: hidden !important;















  pointer-events: none !important;















  transition: opacity 160ms cubic-bezier(0.16, 1, 0.3, 1), transform 160ms cubic-bezier(0.16, 1, 0.3, 1), visibility 160ms ease !important;















  z-index: 1050 !important;
  max-height: calc(100vh - 120px) !important;
  overflow-y: auto !important;
}































.header-catalog-wrap.is-open .mega-menu {















  opacity: 1 !important;















  visibility: visible !important;















  pointer-events: auto !important;















  transform: translateX(-50%) translateY(4px) !important;















  transition: opacity 180ms cubic-bezier(0.16, 1, 0.3, 1), transform 180ms cubic-bezier(0.16, 1, 0.3, 1) !important;















}































/* Header in Mega Menu */















.mega-menu__header {















  display: flex !important;















  align-items: baseline !important;















  justify-content: space-between !important;















  margin-bottom: 20px !important;















  padding-bottom: 14px !important;















  border-bottom: 1px solid #f1f3f5 !important;















}































.mega-menu__title {















  font-family: var(--font-primary) !important;















  font-size: 18px !important;















  font-weight: 800 !important;















  color: #111827 !important;















  letter-spacing: 0.5px !important;















  margin: 0 !important;















  text-transform: uppercase !important;















}































.mega-menu__subtitle {















  font-size: 13.5px !important;















  color: #6b7280 !important;















  margin: 0 !important;















}































/* 4x3 Grid of Category Cards (12 items) */
.mega-menu__grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 14px !important;
}

@media (max-width: 1240px) {
  .mega-menu__grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 12px !important;
  }
}

@media (max-width: 900px) {
  .mega-menu__grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
}

/* ==========================================================================
   Operation 206: Mobile Breadcrumbs Fit & Multi-line Wrapping
   Fixes truncated product/page titles in breadcrumbs on mobile devices.
   Removes duplicate ::before separator and allows current title to wrap cleanly.
   ========================================================================== */
@media (max-width: 767.98px) {
  .product-breadcrumbs-wrap,
  .catalog-breadcrumbs-wrap {
    margin-top: 10px !important;
    margin-bottom: 12px !important;
  }
  .product-breadcrumbs-wrap .breadcrumbs,
  .product-breadcrumbs .breadcrumbs,
  .catalog-breadcrumbs .breadcrumbs,
  .main--product-page .breadcrumbs {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 4px 6px !important;
    line-height: 1.4 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
  }
  .product-breadcrumbs-wrap .breadcrumbs li,
  .product-breadcrumbs .breadcrumbs li,
  .catalog-breadcrumbs .breadcrumbs li,
  .main--product-page .breadcrumbs li {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
  }
  /* Disable duplicate before separator that leaked onto wrapped lines */
  .product-breadcrumbs-wrap .breadcrumbs li + li::before,
  .product-breadcrumbs .breadcrumbs li + li::before,
  .catalog-breadcrumbs .breadcrumbs li + li::before,
  .main--product-page .breadcrumbs li + li::before {
    content: none !important;
    display: none !important;
  }
  /* Clean single separator after each non-last item */
  .product-breadcrumbs-wrap .breadcrumbs li:not(:last-child)::after,
  .product-breadcrumbs .breadcrumbs li:not(:last-child)::after,
  .catalog-breadcrumbs .breadcrumbs li:not(:last-child)::after,
  .main--product-page .breadcrumbs li:not(:last-child)::after {
    content: "›" !important;
    margin: 0 2px 0 4px !important;
    color: #94a3b8 !important;
    font-size: 14px !important;
    position: static !important;
    transform: none !important;
    display: inline-block !important;
  }
  .product-breadcrumbs-wrap .breadcrumbs li:last-child::after,
  .product-breadcrumbs .breadcrumbs li:last-child::after,
  .catalog-breadcrumbs .breadcrumbs li:last-child::after,
  .breadcrumbs .breadcrumbs__current::after,
  .main--product-page .breadcrumbs li:last-child::after {
    content: none !important;
    display: none !important;
  }
  /* Allow current item (title) to fit and wrap naturally across lines */
  .product-breadcrumbs-wrap .breadcrumbs .breadcrumbs__current,
  .product-breadcrumbs .breadcrumbs .breadcrumbs__current,
  .product-breadcrumbs-wrap .breadcrumbs__current,
  .catalog-breadcrumbs .breadcrumbs .breadcrumbs__current,
  .main--product-page .breadcrumbs .breadcrumbs__current {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    max-width: 100% !important;
    display: inline !important;
    line-height: 1.35 !important;
    word-break: break-word !important;
  }
  .product-breadcrumbs-wrap .breadcrumbs .breadcrumbs__current span,
  .product-breadcrumbs .breadcrumbs .breadcrumbs__current span,
  .catalog-breadcrumbs .breadcrumbs .breadcrumbs__current span,
  .main--product-page .breadcrumbs .breadcrumbs__current span {
    display: inline !important;
    white-space: normal !important;
    word-break: break-word !important;
  }
}

/* Desktop breadcrumb current item width refinement */
@media (min-width: 768px) {
  .product-breadcrumbs-wrap .breadcrumbs__current,
  .product-breadcrumbs .breadcrumbs .breadcrumbs__current,
  .catalog-breadcrumbs .breadcrumbs .breadcrumbs__current {
    max-width: 850px !important;
  }
}




























.mega-menu__card {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 14px 16px !important;















  background-color: #ffffff !important;















  border: 1px solid #e5e7eb !important;















  border-radius: 12px !important;















  text-decoration: none !important;















  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease !important;















  box-sizing: border-box !important;















  cursor: pointer !important;















}































.mega-menu__card:hover {















  border-color: #cbd5e1 !important;















  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06) !important;















  transform: translateY(-2px) !important;















}































.mega-menu__card-icon-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;















  background-color: #f8f9fa !important;















  border-radius: 10px !important;















  flex-shrink: 0 !important;















  color: #4b5563 !important;















  transition: background-color 0.15s ease, color 0.15s ease !important;















}































.mega-menu__card:hover .mega-menu__card-icon-wrap {















  background-color: #fef2f2 !important;















  color: var(--color-brand-red) !important;















}































.mega-menu__card-info {















  display: flex !important;















  flex-direction: column !important;















  gap: 4px !important;















  flex: 1 1 auto !important;















}































.mega-menu__card-title {
  font-family: var(--font-primary) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #111827 !important;
  margin: 0 !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}































.mega-menu__card-action {















  display: inline-flex !important;















  align-items: center !important;















  gap: 6px !important;















  font-size: 13px !important;















  font-weight: 500 !important;















  color: #6b7280 !important;















  transition: color 0.15s ease !important;















}































.mega-menu__card-arrow {















  display: inline-block !important;















  transition: transform 0.15s ease !important;















}































.mega-menu__card:hover .mega-menu__card-action {















  color: var(--color-brand-red) !important;















}































.mega-menu__card:hover .mega-menu__card-arrow {















  transform: translateX(4px) !important;















}































/* Footer & All Parts Link */















.mega-menu__footer {















  margin-top: 20px !important;















  padding-top: 16px !important;















  border-top: 1px solid #f1f3f5 !important;















  display: flex !important;















  justify-content: center !important;















}































.mega-menu__all-parts {















  display: inline-flex !important;















  align-items: center !important;















  gap: 8px !important;















  font-family: var(--font-primary) !important;















  font-size: 14px !important;















  font-weight: 600 !important;















  color: #4b5563 !important;















  text-decoration: none !important;















  padding: 8px 20px !important;















  border-radius: 8px !important;















  background-color: #f8f9fa !important;















  transition: background-color 0.15s ease, color 0.15s ease !important;















}































.mega-menu__all-parts:hover {















  background-color: #f1f3f5 !important;















  color: var(--color-brand-red) !important;















}































.mega-menu__all-parts-arrow {















  display: inline-block !important;















  transition: transform 0.15s ease !important;















}































.mega-menu__all-parts:hover .mega-menu__all-parts-arrow {















  transform: translateX(4px) !important;















}































/* Backdrop Overlay (20-25% opacity per ТЗ) */















.mega-menu-backdrop {















  position: fixed !important;















  top: 0 !important;















  left: 0 !important;















  right: 0 !important;















  bottom: 0 !important;















  background-color: rgba(0, 0, 0, 0.22) !important;















  backdrop-filter: blur(1px) !important;















  opacity: 0 !important;















  visibility: hidden !important;















  transition: opacity 150ms ease, visibility 150ms ease !important;















  z-index: 998 !important;















}































.mega-menu-backdrop.is-active {















  opacity: 1 !important;















  visibility: visible !important;















}































/* Mobile Drawer Category Items Enhancement */















@media (max-width: 991px) {















  .mega-menu {















    display: none !important;















  }































  .header-mobile-drawer__list li {















    margin-bottom: 8px !important;















  }































  .header-mobile-drawer__list a {















    display: flex !important;















    align-items: center !important;















    justify-content: space-between !important;















    padding: 12px 14px !important;















    font-size: 15px !important;















    font-weight: 600 !important;















    color: #1f2937 !important;















    text-decoration: none !important;















    background-color: #f9fafb !important;















    border-radius: 8px !important;















    border: 1px solid #f3f4f6 !important;















    transition: background-color 0.12s ease, border-color 0.12s ease !important;















  }































  .header-mobile-drawer__list a:active,















  .header-mobile-drawer__list a:hover {















    background-color: #f3f4f6 !important;















    border-color: #e5e7eb !important;















    color: var(--color-brand-red) !important;















  }































  .header-mobile-drawer__arrow {















    color: #9ca3af !important;















    font-size: 16px !important;















  }































  .header-mobile-drawer__all-link {















    background-color: #ffffff !important;















    border-color: #e5e7eb !important;















    color: #4b5563 !important;















    margin-top: 12px !important;















  }















}































/* --------------------------------------------------------------------------















   1.7 STICKY HEADER SCROLL STATE















   -------------------------------------------------------------------------- */















.page-header.is-sticky {















  position: fixed !important;















  top: 0 !important;















  left: 0 !important;















  right: 0 !important;















  width: 100% !important;















  z-index: 1000 !important;















  background-color: #ffffff !important;















  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06) !important;















}































.page-header.is-sticky .header-top-bar {















  display: none !important;















  max-height: 0 !important;















  min-height: 0 !important;















  opacity: 0 !important;















  overflow: hidden !important;















  padding: 0 !important;















  margin: 0 !important;















  border-bottom: none !important;















  pointer-events: none !important;















}































.page-header.is-sticky .header-main-bar {















  height: 64px !important;















  min-height: 64px !important;















}































.page-header.is-sticky .header-logo,















.page-header.is-sticky .logo,















.page-header.is-sticky a.header-logo,















.page-header.is-sticky a.logo {















  width: 155px !important;















  max-width: 155px !important;















  margin-right: 16px !important;















}































.page-header.is-sticky .header-logo img,















.page-header.is-sticky .logo img {















  width: 155px !important;















  max-width: 155px !important;















}































.page-header.is-sticky .header-catalog-btn {















  width: 200px !important;















  height: 42px !important;















  padding: 0 14px !important;















  font-size: 13.5px !important;















}































.page-header.is-sticky .header-catalog-wrap {















  margin-right: 0 !important;















}































.page-header.is-sticky .header-search-compact {















  display: flex !important;















  opacity: 1 !important;















  margin: 0 auto !important;















  max-width: 320px !important;















  width: 100% !important;















}































.page-header.is-sticky .header-contacts__address,















.page-header.is-sticky .header-contacts__divider:not(.header-contacts__divider--nav) {















  display: none !important;















}































.page-header.is-sticky .header-contacts {















  display: flex !important;















  align-items: center !important;















  gap: 0 !important;















  margin-left: auto !important;















  flex-shrink: 0 !important;















}































.page-header.is-sticky .header-main-bar__container {















  gap: 0 !important;















}































.page-header.is-sticky .header-contacts__divider--nav {















  display: block !important;















  width: 1px !important;















  height: 28px !important;















  background-color: #e5e7eb !important;















  margin-left: 22px !important;















  margin-right: 28px !important;















  flex-shrink: 0 !important;















}































.page-header.is-sticky .header-user-nav {















  display: flex !important;















  align-items: center !important;















  gap: 22px !important;















  flex-shrink: 0 !important;















  margin-left: 0 !important;















}































.page-header.is-sticky .header-contacts__phone {















  font-size: 16px !important;















}































.page-header.is-sticky .header-contacts__phone-schedule,







.page-header.is-sticky .header-contacts__phone-sub {















  display: none !important;















}































/* --------------------------------------------------------------------------















   1.8 MOBILE DRAWER & RESPONSIVENESS (< 1024px)















   -------------------------------------------------------------------------- */















@media (min-width: 1024px) {















    .page-header__menu-toggle::before,















  .page-header__menu-toggle::after {















    content: none !important;















    display: none !important;















  }































  .page-header__menu-toggle {















    display: none !important;















  }















  .header-mobile-drawer,















  .mobile-drawer-backdrop {















    display: none !important;















  }















}































@media (max-width: 1023px) {















  .header-top-bar {















    display: none !important;















  }































  .header-contacts {















    display: none !important;















  }































  .header-catalog-wrap {















    display: none !important;















  }































  .header-search-compact {















    display: none !important;















  }































  .header-main-bar {















    height: 64px !important;















    min-height: 64px !important;















  }































  .header-main-bar__container {















    justify-content: space-between !important;















    gap: 12px !important;















    padding: 0 20px !important;















    box-sizing: border-box !important;















  }































  .header-logo,















  .logo,















  a.header-logo,















  a.logo {















    width: 145px !important;















    max-width: 145px !important;















    margin: 0 auto !important;















  }































  .header-logo img,















  .logo img {















    width: 145px !important;















    max-width: 145px !important;















  }































  .header-cart-label {















    display: none !important;















  }































  .header-user-nav__btn--favorite {















    display: none !important;















  }































  /* Hamburger touch target 44x44px & clean 3 bars */















  .page-header__menu-toggle::before,















  .page-header__menu-toggle::after {















    content: none !important;















    display: none !important;















  }































  .page-header__menu-toggle {















    display: flex !important;















    align-items: center !important;















    justify-content: center !important;















    width: 44px !important;















    min-width: 44px !important;















    height: 44px !important;















    min-height: 44px !important;















    background: none !important;















    border: none !important;















    padding: 0 !important;















    margin: 0 !important;















    cursor: pointer !important;















    box-sizing: border-box !important;















    flex-shrink: 0 !important;















    touch-action: manipulation !important;















    -webkit-tap-highlight-color: transparent !important;















  }































  .page-header__menu-toggle-bar {















    position: relative !important;















    display: block !important;















    width: 22px !important;















    height: 2px !important;















    background-color: #22242a !important;















    border-radius: 1px !important;















    margin: 0 auto !important;















    flex-shrink: 0 !important;















  }































  .page-header__menu-toggle-bar::before,















  .page-header__menu-toggle-bar::after {















    content: '' !important;















    position: absolute !important;















    left: 0 !important;















    width: 100% !important;















    height: 2px !important;















    background-color: #22242a !important;















    border-radius: 1px !important;















  }































  .page-header__menu-toggle-bar::before {















    top: -7px !important;















  }































  .page-header__menu-toggle-bar::after {















    bottom: -7px !important;















  }































  .header-user-nav {















    display: flex !important;















    align-items: center !important;















    justify-content: flex-end !important;















    margin: 0 !important;















    gap: 8px !important;















    flex-shrink: 0 !important;















  }































  .header-user-nav__btn--cart,















  .header-user-nav__btn--cart.header-cart {















    display: flex !important;















    align-items: center !important;















    justify-content: center !important;















    width: 44px !important;















    min-width: 44px !important;















    height: 44px !important;















    min-height: 44px !important;















    padding: 0 !important;















    margin: 0 !important;















    border: none !important;















    background: none !important;















    box-sizing: border-box !important;















    position: relative !important;















    flex-shrink: 0 !important;















  }































  .header-user-nav__btn--account {















    display: flex !important;















    align-items: center !important;















    justify-content: center !important;















    width: 44px !important;















    min-width: 44px !important;















    height: 44px !important;















    min-height: 44px !important;















    padding: 0 !important;















    margin: 0 !important;















    flex-shrink: 0 !important;















  }































  /* Mobile Drawer */















  .header-mobile-drawer {















    position: fixed !important;















    top: 0 !important;















    left: 0 !important;















    bottom: 0 !important;















    width: 85% !important;















    max-width: 340px !important;















    background-color: #ffffff !important;















    box-shadow: 4px 0 24px rgba(0, 0, 0, 0.15) !important;















    z-index: 1050 !important;















    transform: translateX(-100%) !important;















    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;















    display: flex !important;















    flex-direction: column !important;















    padding: 20px !important;















    box-sizing: border-box !important;















    overflow-y: auto !important;















  }































  .header-mobile-drawer.is-open {















    transform: translateX(0) !important;















  }































  .header-mobile-drawer__header {















    display: flex !important;















    align-items: center !important;















    justify-content: space-between !important;















    margin-bottom: 20px !important;















  }































  .header-mobile-drawer__close {















    background: none !important;















    border: none !important;















    font-size: 24px !important;















    line-height: 1 !important;















    color: #687182 !important;















    cursor: pointer !important;















    padding: 4px !important;















  }































  .header-mobile-drawer__search form {















    display: flex !important;















    margin-bottom: 24px !important;















  }































  .header-mobile-drawer__search input {















    flex: 1 1 auto !important;















    height: 42px !important;















    border: 1px solid #dce0e5 !important;















    border-right: none !important;















    border-radius: 6px 0 0 6px !important;















    padding: 0 12px !important;















    font-size: 13px !important;















    outline: none !important;















  }































  .header-mobile-drawer__search button {















    background-color: var(--color-brand-red) !important;















    color: #ffffff !important;















    border: none !important;















    border-radius: 0 6px 6px 0 !important;















    padding: 0 16px !important;















    font-size: 13px !important;















    font-weight: 700 !important;















    cursor: pointer !important;















  }































  .header-mobile-drawer__title {















    font-size: 11px !important;















    font-weight: 700 !important;















    text-transform: uppercase !important;















    letter-spacing: 0.6px !important;















    color: #8c93a0 !important;















    margin-bottom: 12px !important;















  }































  .header-mobile-drawer__list {















    list-style: none !important;















    padding: 0 !important;















    margin: 0 0 24px 0 !important;















  }































  .header-mobile-drawer__list li {















    margin-bottom: 12px !important;















  }































  .header-mobile-drawer__list a {















    font-size: 15px !important;















    font-weight: 600 !important;















    color: #22242a !important;















    text-decoration: none !important;















  }































  .header-mobile-drawer__contacts {















    margin-top: auto !important;















    padding-top: 20px !important;















    border-top: 1px solid #f0f2f5 !important;















  }































  .header-mobile-drawer__phone {















    font-size: 18px !important;















    font-weight: 700 !important;















    color: #121620 !important;















    text-decoration: none !important;















    display: block !important;















    margin-bottom: 4px !important;















  }































  .header-mobile-drawer__schedule,















  .header-mobile-drawer__address {















    font-size: 12px !important;















    color: #7a828e !important;















    line-height: 1.4 !important;















  }































  .mobile-drawer-backdrop {















    position: fixed !important;















    top: 0 !important;















    left: 0 !important;















    right: 0 !important;















    bottom: 0 !important;















    background: rgba(18, 22, 32, 0.4) !important;















    backdrop-filter: blur(2px) !important;















    opacity: 0 !important;















    visibility: hidden !important;















    transition: opacity 0.3s ease, visibility 0.3s ease !important;















    z-index: 1040 !important;















  }































  .mobile-drawer-backdrop.is-active {















    opacity: 1 !important;















    visibility: visible !important;















  }















}















\n\n/* ==========================================================================















   HERO SECTION (Step 2 - New Hero & Promo-Card per ТЗ)















   ========================================================================== */































/* ==========================================================================















   1. Hero Section Layout (Desktop 1280 px: Slider 960 px + Promo 300 px)















   ========================================================================== */















.notice {















  width: 100% !important;















  margin: 30px 0 40px 0 !important;















  padding: 0 !important;















  box-sizing: border-box !important;















}































.notice__container {















  width: 100% !important;















  max-width: 1280px !important;















  margin: 0 auto !important;















  padding: 0 !important;















  display: flex !important;















  flex-direction: row !important;















  align-items: stretch !important;















  justify-content: space-between !important;















  gap: 20px !important;















  box-sizing: border-box !important;















}































.notice__slider {















  flex: 0 0 960px !important;















  width: 960px !important;















  max-width: 960px !important;















  height: 438px !important;















  position: relative !important;















  overflow: hidden !important;















  border-radius: 14px !important;















  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06) !important;















  background-color: #1a1a1a !important;















}































.notice__slider .swiper,















.notice__slider .swiper--promo {















  width: 100% !important;















  height: 100% !important;















  position: relative !important;















  overflow: hidden !important;















  border-radius: 14px !important;















}































.notice__slider .swiper-wrapper {















  display: flex !important;















  width: 100% !important;















  height: 100% !important;















}































.notice__slider .swiper-slide,















.notice__slider .swiper-slide--promo {















  flex-shrink: 0 !important;















  width: 100% !important;















  height: 100% !important;















  overflow: hidden !important;















  position: relative !important;















}































.notice__slider .swiper-slide picture,















.notice__slider .swiper-slide img {















  display: block !important;















  width: 100% !important;















  height: 100% !important;















  object-fit: cover !important;















  border-radius: 14px !important;















}































/* Slider Navigation Arrows (32 x 32 px, 16 px icon, 18 px offset) */















.swiper-slider__button-prev--promo,















.swiper-slider__button-next--promo {















  position: absolute !important;















  top: 50% !important;















  transform: translateY(-50%) !important;















  width: 32px !important;















  height: 32px !important;















  min-width: 32px !important;















  min-height: 32px !important;















  background: rgba(255, 255, 255, 0.9) !important;















  backdrop-filter: blur(4px) !important;















  border-radius: 50% !important;















  border: 1px solid rgba(255, 255, 255, 0.6) !important;















  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;















  display: flex !important;















  align-items: center !important;















  justify-content: center !important;















  cursor: pointer !important;















  z-index: 10 !important;















  padding: 0 !important;















  margin: 0 !important;















  color: #121620 !important;















  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;















}































.swiper-slider__button-prev--promo {















  left: 18px !important;















  right: auto !important;















}































.swiper-slider__button-next--promo {















  right: 18px !important;















  left: auto !important;















}































.swiper-slider__button-prev--promo:hover,















.swiper-slider__button-next--promo:hover {















  background: #ffffff !important;















  color: #e30613 !important;















  transform: translateY(-50%) scale(1.08) !important;















  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22) !important;















}































.swiper-slider__button-prev--promo svg,















.swiper-slider__button-next--promo svg {















  width: 16px !important;















  height: 16px !important;















  display: block !important;















  pointer-events: none !important;















  stroke: currentColor !important;















}































/* Suppress legacy and theme pseudo-elements causing duplicate arrow icons */















.swiper-slider__button-prev--promo::before,















.swiper-slider__button-prev--promo::after,















.swiper-slider__button-next--promo::before,















.swiper-slider__button-next--promo::after,















.notice__slider .swiper-slider__button-prev::before,















.notice__slider .swiper-slider__button-prev::after,















.notice__slider .swiper-slider__button-next::before,















.notice__slider .swiper-slider__button-next::after {















  content: none !important;















  display: none !important;















  background: none !important;















  width: 0 !important;















  height: 0 !important;















}































/* Slider Pagination Dots */















.swiper-slider__pagination--promo {















  position: absolute !important;















  bottom: 16px !important;















  left: 0 !important;















  width: 100% !important;















  display: flex !important;















  justify-content: center !important;















  align-items: center !important;















  gap: 8px !important;















  z-index: 10 !important;















}































.swiper-slider__pagination--promo .swiper-pagination-bullet {















  width: 8px !important;















  height: 8px !important;















  border-radius: 50% !important;















  background: #ffffff !important;















  opacity: 0.7 !important;















  transition: all 0.2s ease !important;















  cursor: pointer !important;















}































.swiper-slider__pagination--promo .swiper-pagination-bullet-active {















  background: #ffffff !important;















  opacity: 1 !important;















  width: 24px !important;















  border-radius: 4px !important;















}































/* ==========================================================================















   2. Hero Action Promo Card (Precision Redesign 300 x 438 px)















   ========================================================================== */















.notice__action {















  flex: 0 0 300px !important;















  width: 300px !important;















  max-width: 300px !important;















  height: 438px !important;















  box-sizing: border-box !important;















}































.notice__action .action,















.action.action--promo {















  width: 300px !important;















  height: 438px !important;















  max-height: 438px !important;















  background: #F8F9FA !important;















  border: 1px solid #E5E7EB !important;















  border-radius: 14px !important;















  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;















  display: flex !important;















  flex-direction: column !important;















  padding: 0 !important;















  margin: 0 !important;















  box-sizing: border-box !important;















  position: relative !important;















  overflow: hidden !important;















  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;















}































.action.action--promo:hover {















  transform: translateY(-2px) !important;















  box-shadow: 0 8px 26px rgba(0, 0, 0, 0.09) !important;















  border-color: #D1D5DB !important;















}































.action::before,















.action::after {















  display: none !important;















  content: none !important;















}































/* 1. Saturated Top Red Bar (Height 50 px, Padding 24 px) */















.action__top-bar {















  height: 50px !important;















  min-height: 50px !important;















  max-height: 50px !important;















  background: #E30613 !important;















  padding: 0 24px !important;















  display: flex !important;















  align-items: center !important;















  justify-content: space-between !important;















  box-sizing: border-box !important;















  flex-shrink: 0 !important;















}































.action__top-badge {















  display: inline-flex !important;















  align-items: center !important;















  color: #ffffff !important;















  font-family: var(--font-primary) !important;















  font-size: 13px !important;















  font-weight: 800 !important;















  letter-spacing: 0.8px !important;















  text-transform: uppercase !important;















  line-height: 1 !important;















}































.action__top-badge svg {















  width: 10px !important;















  height: 10px !important;















  margin-right: 6px !important;















  flex-shrink: 0 !important;















}































.action__top-tag {















  color: rgba(255, 255, 255, 0.95) !important;















  font-family: var(--font-primary) !important;















  font-size: 11px !important;















  font-weight: 700 !important;















  letter-spacing: 0.5px !important;















  text-transform: uppercase !important;















  line-height: 1 !important;















}































/* 2. Inner Card Body with Unified 24 px Side Padding */















.action__body {















  flex: 1 !important;















  display: flex !important;















  flex-direction: column !important;















  justify-content: space-between !important;















  padding: 10px 24px 18px 24px !important;















  box-sizing: border-box !important;















  min-height: 0 !important;















  background: transparent !important;















}































/* 3. Product Packshot (+10-15% scale, Seamless Transparent Background) */















.action__image-wrap {















  display: flex !important;















  align-items: center !important;















  justify-content: center !important;















  height: 105px !important;















  width: 100% !important;















  text-decoration: none !important;















  position: relative !important;















  margin: 0 auto !important;















  background: transparent !important;















}































.action__image {















  max-width: 250px !important;















  max-height: 105px !important;















  width: auto !important;















  height: auto !important;















  object-fit: contain !important;















  display: block !important;















  background: transparent !important;















  filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.06)) !important;















  transition: transform 0.3s cubic-bezier(0.2, 0, 0.2, 1) !important;















}































.action.action--promo:hover .action__image {















  transform: scale(1.05) !important;















}































/* 4. Product Title (16-20 px gap, 17-18 px Bold, 2-line fixed cage) */















.action__title {















  font-family: var(--font-primary) !important;















  font-size: 17px !important;















  font-weight: 700 !important;















  line-height: 21px !important;















  color: #121620 !important;















  text-align: left !important;















  text-decoration: none !important;















  margin: 6px 0 0 0 !important;















  min-height: 42px !important;















  max-height: 42px !important;















  display: -webkit-box !important;















  -webkit-line-clamp: 2 !important;















  -webkit-box-orient: vertical !important;















  overflow: hidden !important;















  transition: color 0.2s ease !important;















}































.action__title:hover {















  color: #E30613 !important;















}































/* 5. Price Block (38 px, Horizontal Old Price + Badge) */















.action__price-box {















  display: flex !important;















  flex-direction: column !important;















  align-items: flex-start !important;















  gap: 2px !important;















  margin: 4px 0 6px 0 !important;















}































.action__price-current {















  font-family: var(--font-primary) !important;















  font-size: 38px !important;















  font-weight: 800 !important;















  color: #121620 !important;















  line-height: 40px !important;















  letter-spacing: -0.5px !important;















  display: flex !important;















  align-items: baseline !important;















  gap: 4px !important;















}































.action__currency {















  font-size: 28px !important;















  font-weight: 700 !important;















  color: #121620 !important;















}































.action__price-row {















  display: inline-flex !important;















  align-items: center !important;















  gap: 12px !important;















  line-height: 1 !important;















  margin-top: 2px !important;















}































.action__price-old {















  font-family: var(--font-primary) !important;















  font-size: 16px !important;















  font-weight: 600 !important;















  color: #71717A !important;















  text-decoration: line-through !important;















  line-height: 1 !important;















  background: none !important;















  background-image: none !important;















  display: inline-flex !important;















  align-items: center !important;















}































.action__price-old::before,















.action__price-old::after {















  content: none !important;















  display: none !important;















  background: none !important;















}































.action__discount-badge {















  display: inline-flex !important;















  align-items: center !important;















  justify-content: center !important;















  background: #E30613 !important;















  color: #ffffff !important;















  font-family: var(--font-primary) !important;















  font-size: 13px !important;















  font-weight: 700 !important;















  height: 26px !important;















  padding: 0 9px !important;















  border-radius: 6px !important;















  letter-spacing: 0.2px !important;















  line-height: 1 !important;















  box-sizing: border-box !important;















}































/* 6. Clean Countdown Timer (Graphite 36 x 32 px boxes, No clock artifact) */















.action__timer-bar {















  display: flex !important;















  align-items: center !important;















  justify-content: space-between !important;















  background: #EDF0F4 !important;















  border-radius: 8px !important;















  padding: 5px 12px !important;















  margin-bottom: 10px !important;















  box-sizing: border-box !important;















}































.action__timer-bar::before,















.action__timer-bar::after,















.action__countdown-timer::before,















.action__countdown-timer::after {















  content: none !important;















  display: none !important;















  background: none !important;















}































.action__timer-label {















  font-family: var(--font-primary) !important;















  font-size: 12px !important;















  font-weight: 700 !important;















  color: #64748B !important;















  letter-spacing: 0.5px !important;















  text-transform: uppercase !important;















  line-height: 1 !important;















}































.action__countdown-timer {















  display: flex !important;















  align-items: center !important;















  gap: 4px !important;















  padding: 0 !important;















  margin: 0 !important;















}































.action__countdown-timer .countdown__box {















  background: #1E293B !important;















  color: #FFFFFF !important;















  font-family: var(--font-primary) !important;















  font-size: 17px !important;















  font-weight: 700 !important;















  width: 36px !important;















  height: 32px !important;















  border-radius: 6px !important;















  display: flex !important;















  align-items: center !important;















  justify-content: center !important;















  text-align: center !important;















  line-height: 1 !important;















  box-sizing: border-box !important;















}































.action__countdown-timer .countdown__box::before,















.action__countdown-timer .countdown__box::after {















  content: none !important;















  display: none !important;















}































.action__timer-sep {















  font-family: var(--font-primary) !important;















  font-size: 16px !important;















  font-weight: 700 !important;















  color: #64748B !important;















  line-height: 1 !important;















  margin: 0 1px !important;















}































/* 7. Accent Full-Width CTA Button (Height 52 px, 17 px Bold, Arrow gap 16 px) */















.action__btn--accent {















  width: 100% !important;















  height: 52px !important;















  min-height: 52px !important;















  background: #E30613 !important;















  color: #FFFFFF !important;















  border-radius: 8px !important;















  display: flex !important;















  align-items: center !important;















  justify-content: center !important;















  font-family: var(--font-primary) !important;















  font-size: 17px !important;















  font-weight: 700 !important;















  text-decoration: none !important;















  letter-spacing: 0.3px !important;















  border: none !important;















  box-shadow: 0 4px 14px rgba(227, 6, 19, 0.28) !important;















  transition: all 0.2s ease !important;















  box-sizing: border-box !important;















}































.action__btn--accent:hover {















  background: #C40510 !important;















  box-shadow: 0 6px 20px rgba(227, 6, 19, 0.42) !important;















  transform: translateY(-1px) !important;















  color: #FFFFFF !important;















}































.action__btn-arrow {















  margin-left: 16px !important;















  transition: transform 0.2s ease !important;















  display: block !important;















}































.action__btn--accent:hover .action__btn-arrow {















  transform: translateX(4px) !important;















}































/* Responsive Styles for Hero and Promo Card */















@media (max-width: 860px) {















  .notice__container {















    flex-direction: column !important;















    align-items: center !important;















    gap: 16px !important;















    padding: 0 16px !important;















  }















  .notice__slider {















    flex: 0 0 auto !important;















    width: 100% !important;















    max-width: 100% !important;















    aspect-ratio: 960 / 438 !important;















    height: auto !important;















    min-height: 180px !important;















  }















  .notice__slider .swiper-slide picture,















  .notice__slider .swiper-slide img {















    height: 100% !important;















    aspect-ratio: 960 / 438 !important;















  }















  .notice__action {















    flex: 0 0 auto !important;















    width: 100% !important;















    max-width: 100% !important;















    height: auto !important;















  }















  .notice__action .action,















  .action.action--promo {















    width: 100% !important;















    height: auto !important;















    max-height: none !important;















  }















  .action__body {















    padding: 16px 20px 20px 20px !important;















  }















  .action__image-wrap {















    height: 160px !important;















  }















  .action__image {















    max-height: 160px !important;















  }















}































@media (max-width: 767px) {















  .swiper-slider__button-prev--promo,















  .swiper-slider__button-next--promo,















  .notice__slider .swiper-slider__button-prev,















  .notice__slider .swiper-slider__button-next {















    display: none !important;















  }















}















































/* ==========================================================================















   4. SEARCH SECTION (MODERN INPUT CONTAINER & BRAND RED CTA)















   ========================================================================== */















.search {















  padding-top: 0 !important;















  margin-top: 40px !important;















  margin-bottom: 40px !important;















  width: 100% !important;















  box-sizing: border-box !important;















}































.search__container {















  max-width: 1280px !important;















  margin: 0 auto !important;















  padding: 0 16px !important;















  box-sizing: border-box !important;















}































.search .tabs__list-wrap {















  margin-bottom: 14px !important;















}































.search .tabs__list {















  margin: 0 !important;















  padding: 0 !important;















  list-style: none !important;















  display: flex !important;















  gap: 8px !important;















  align-items: center !important;















}































.search .tabs__item {















  margin: 0 !important;















  padding: 0 !important;















}































.search .tabs__link {















  display: inline-flex !important;















  align-items: center !important;















  padding: 8px 18px !important;















  border-radius: 6px !important;















  text-decoration: none !important;















  color: #4B5563 !important;















  font-family: var(--font-primary) !important;















  font-size: 15px !important;















  font-weight: 500 !important;















  background-color: transparent !important;















  transition: all 0.2s ease !important;















  border: 1px solid transparent !important;















}































.search .tabs__link:hover {















  color: #121620 !important;















  background-color: #F3F4F6 !important;















}































.search .tabs__link--active {















  background-color: #F3F4F6 !important;















  font-weight: 700 !important;















  color: #121620 !important;















  border-color: #E5E7EB !important;















}































.search .tabs__panel {















  display: none !important;















}































.search .tabs__panel--active {















  display: block !important;















}































/* Unified Modern Search Form Container */















.search__fields {















  display: flex !important;















  width: 100% !important;















  height: 56px !important;















  background-color: #F3F4F6 !important;















  border: 1px solid #E5E7EB !important;















  border-radius: 8px !important;















  box-sizing: border-box !important;















  overflow: hidden !important;















  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;















  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease !important;















}































.search__fields:hover {















  border-color: #D1D5DB !important;















}































.search__fields:focus-within {















  border-color: #E30613 !important;















  box-shadow: 0 0 0 3px rgba(227, 6, 19, 0.12) !important;















  background-color: #FFFFFF !important;















}































.search__fields .search-input {















  flex: 1 1 auto !important;















  display: flex !important;















  align-items: center !important;















  height: 100% !important;















  min-width: 0 !important;















}































.search-input__icon {















  display: flex !important;















  align-items: center !important;















  justify-content: center !important;















  width: 48px !important;















  height: 100% !important;















  color: #9CA3AF !important;















  flex-shrink: 0 !important;















  transition: color 0.2s ease !important;















}































.search__fields:focus-within .search-input__icon {















  color: #E30613 !important;















}































.search__fields input[type="search"],















.search__fields input[type="text"] {















  width: 100% !important;















  height: 100% !important;















  border: none !important;















  outline: none !important;















  background-color: transparent !important;















  padding: 0 16px 0 0 !important;















  font-family: var(--font-primary) !important;















  font-size: 16px !important;















  line-height: 20px !important;















  letter-spacing: 0.2px !important;















  color: #121620 !important;















  box-sizing: border-box !important;















}































.search__fields input[type="search"]::placeholder,















.search__fields input[type="text"]::placeholder {















  color: #9CA3AF !important;















  font-size: 16px !important;















  font-weight: 400 !important;















}































/* Brand Red Search Button */















.search__fields .button,















.search__fields .search__btn {















  flex: 0 0 170px !important;















  width: 170px !important;















  height: 100% !important;















  min-height: 0 !important;















  padding: 0 !important;















  border: none !important;















  border-radius: 0 !important;















  background-color: #E30613 !important;















  color: #FFFFFF !important;















  font-family: var(--font-primary) !important;















  font-weight: 700 !important;















  font-size: 15px !important;















  letter-spacing: 0.8px !important;















  text-transform: uppercase !important;















  display: flex !important;















  align-items: center !important;















  justify-content: center !important;















  cursor: pointer !important;















  box-sizing: border-box !important;















  transition: background-color 0.2s ease !important;















}































.search__fields .button:hover,















.search__fields .search__btn:hover {















  background-color: #C40510 !important;















  color: #FFFFFF !important;















}































.search__fields .button:active,















.search__fields .search__btn:active {















  background-color: #A6040D !important;















}































/* ==========================================================================















   5. CATEGORIES SECTION (3x2 GRID, 160px CARDS & 68px BRAND RED BADGES)















   ========================================================================== */















.categories {















  padding-top: 0 !important;















  padding-bottom: 40px !important;















  width: 100% !important;















  box-sizing: border-box !important;















}































.categories__container {















  max-width: 1280px !important;















  padding: 0 16px !important;















  margin: 0 auto !important;















  box-sizing: border-box !important;















}































.categories__list {















  padding: 0 !important;















  margin: 0 !important;















  list-style-type: none !important;















  display: grid !important;















  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;















  column-gap: 20px !important;















  row-gap: 16px !important;















  box-sizing: border-box !important;















}































.categories__item {















  width: 100% !important;















  min-width: 0 !important;















  max-width: 100% !important;















  height: 160px !important;















  margin: 0 !important;















  box-sizing: border-box !important;















}































.categories__wrap-link {















  text-decoration: none !important;















  color: inherit !important;















  display: flex !important;















  flex-direction: column !important;















  justify-content: space-between !important;















  height: 160px !important;















  width: 100% !important;















  position: relative !important;















  padding: 24px 105px 22px 24px !important;















  border: 1px solid #E5E7EB !important;















  border-radius: 10px !important;















  background-color: #FFFFFF !important;















  box-sizing: border-box !important;















  box-shadow: none !important;















  transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease !important;















}































.categories__wrap-link:hover {















  border-color: #E30613 !important;















  box-shadow: 0 8px 24px rgba(227, 6, 19, 0.08) !important;















  transform: translateY(-2px) !important;















}































.categories__wrap-link:hover .categories__title {















  color: #E30613 !important;















}































.categories__title {















  margin: 0 !important;















  padding: 0 !important;















  font-family: var(--font-primary) !important;















  font-weight: 700 !important;















  font-size: 22px !important;















  line-height: 28px !important;















  color: #121620 !important;















  transition: color 0.2s ease !important;















}































/* Category Circle: Brand Red 68px Badge with White Stroke Icon */















.categories__icon {















  position: absolute !important;















  top: 50% !important;















  bottom: auto !important;















  right: 22px !important;















  transform: translateY(-50%) !important;















  width: 68px !important;















  height: 68px !important;















  border-radius: 50% !important;















  background-color: #1E293B !important;















  border: none !important;















  box-shadow: 0 4px 14px rgba(30, 41, 59, 0.16) !important;















  box-sizing: border-box !important;















  transition: background-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease !important;















}































.categories__wrap-link:hover .categories__icon,















.categories__icon:hover {















  background-color: #E30613 !important;















  box-shadow: 0 6px 20px rgba(227, 6, 19, 0.35) !important;















  transform: translateY(-50%) scale(1.06) !important;















}































.categories__icon::before {















  content: "" !important;















  display: block !important;















  position: absolute !important;















  top: 50% !important;















  left: 50% !important;















  transform: translate(-50%, -50%) !important;















  background-repeat: no-repeat !important;















  background-position: center !important;















  background-size: contain !important;















}































.categories__icon--spares::before {















  width: 36px !important;















  height: 36px !important;















  background-image: url("/img/spares.svg") !important;















}































.categories__icon--tires::before {















  width: 38px !important;















  height: 38px !important;















  background-image: url("/img/tires.svg") !important;















}































.categories__icon--tools::before {















  width: 28px !important;















  height: 42px !important;















  background-image: url("/img/tools.svg") !important;















}































.categories__icon--autochemicals::before {















  width: 28px !important;















  height: 40px !important;















  background-image: url("/img/autochemicals.svg") !important;















}































.categories__icon--autoelectronic::before {















  width: 38px !important;















  height: 30px !important;















  background-image: url("/img/autoelectronic.svg") !important;















}































.categories__icon--accessories::before {















  width: 22px !important;















  height: 40px !important;















  background-image: url("/img/accessories.svg") !important;















}































/* Category Action Link: «Перейти →» */















.categories__link {















  text-decoration: none !important;















  margin-top: auto !important;















  color: #6B7280 !important;















  font-family: var(--font-primary) !important;















  font-size: 14px !important;















  line-height: 18px !important;















  font-weight: 600 !important;















  letter-spacing: 0.3px !important;















  display: inline-flex !important;















  align-items: center !important;















  gap: 8px !important;















  transition: color 0.2s ease !important;















}































.categories__link::after {















  content: "" !important;















  display: inline-block !important;















  width: 6px !important;















  height: 11px !important;















  background-color: #6B7280 !important;















  -webkit-mask-repeat: no-repeat !important;















  mask-repeat: no-repeat !important;















  -webkit-mask-position: center !important;















  mask-position: center !important;















  -webkit-mask-size: contain !important;















  mask-size: contain !important;















  -webkit-mask-image: url("/img/arrow-link.svg") !important;















  mask-image: url("/img/arrow-link.svg") !important;















  transition: background-color 0.2s ease, transform 0.2s ease !important;















}































.categories__wrap-link:hover .categories__link {















  color: #E30613 !important;















}































.categories__wrap-link:hover .categories__link::after {















  background-color: #E30613 !important;















  transform: translateX(4px) !important;















}































/* Tablet & Mobile Responsiveness for Search & Categories */















@media (max-width: 1024px) {















  .categories__list {















    grid-template-columns: repeat(2, 1fr) !important;















  }















}































@media (max-width: 767px) {















  /* Search Section Mobile Fix */















  .search {















    margin-top: 24px !important;















    margin-bottom: 24px !important;















    width: 100% !important;















  }















  .search__container {















    width: 100% !important;















    max-width: 100% !important;















    padding: 0 16px !important;















    box-sizing: border-box !important;















  }















  .search .tabs__list-wrap {















    margin: 0 0 12px 0 !important;















    overflow-x: auto !important;















    -webkit-overflow-scrolling: touch !important;















    scrollbar-width: none !important;















  }















  .search .tabs__list-wrap::-webkit-scrollbar {















    display: none !important;















  }















  .search .tabs__list {















    display: flex !important;















    flex-wrap: nowrap !important;















    gap: 8px !important;















    padding: 0 0 4px 0 !important;















    margin: 0 !important;















    width: max-content !important;















    min-width: 100% !important;















  }















  .search .tabs__item {















    flex-shrink: 0 !important;















    margin: 0 !important;















    padding: 0 !important;















  }















  .search .tabs__item:first-child,















  .search .tabs__item:last-child {















    padding: 0 !important;















  }















  .search .tabs__link {















    font-size: 14px !important;















    padding: 7px 14px !important;















    white-space: nowrap !important;















    border-radius: 6px !important;















  }































  /* Search Fields & Button Fix */















  .search__fields {















    display: flex !important;















    flex-direction: row !important;















    align-items: stretch !important;















    width: 100% !important;















    height: 48px !important;















    background-color: #F3F4F6 !important;















    border: 1px solid #E5E7EB !important;















    border-radius: 8px !important;















    box-sizing: border-box !important;















    overflow: hidden !important;















    position: relative !important;















  }















  .search__fields .search-input {















    flex: 1 1 auto !important;















    display: flex !important;















    align-items: center !important;















    height: 100% !important;















    min-width: 0 !important;















    position: static !important;















    padding: 0 !important;















    margin: 0 !important;















  }















  .search-input__icon {















    flex-shrink: 0 !important;















    width: 42px !important;















    height: 100% !important;















    display: flex !important;















    align-items: center !important;















    justify-content: center !important;















  }















  .search__fields input[type="search"],















  .search__fields input[type="text"],















  .search__fields input {















    flex: 1 1 auto !important;















    min-width: 0 !important;















    width: 100% !important;















    height: 100% !important;















    border: none !important;















    outline: none !important;















    background: transparent !important;















    padding: 0 8px 0 0 !important;















    font-size: 14px !important;















    color: #121620 !important;















    box-sizing: border-box !important;















  }















  .search__fields .button,















  .search__fields .search__btn {















    position: static !important;















    top: auto !important;















    right: auto !important;















    bottom: auto !important;















    left: auto !important;















    margin: 0 !important;















    flex: 0 0 auto !important;















    width: 90px !important;















    height: 100% !important;















    min-height: 100% !important;















    padding: 0 !important;















    border: none !important;















    border-radius: 0 !important;















    background-color: #E30613 !important;















    color: #FFFFFF !important;















    font-family: var(--font-primary) !important;















    font-weight: 700 !important;















    font-size: 14px !important;















    letter-spacing: 0.8px !important;















    text-transform: uppercase !important;















    display: flex !important;















    align-items: center !important;















    justify-content: center !important;















    cursor: pointer !important;















    box-sizing: border-box !important;















  }















  .search__fields .button::before,















  .search__fields .search__btn::before {















    content: none !important;















    display: none !important;















  }































  /* Categories Block Fix */















  .categories {















    margin-top: 24px !important;















    width: 100% !important;















    padding: 0 !important;















  }















  .categories__container {















    width: 100% !important;















    max-width: 100% !important;















    padding: 0 16px !important;















    box-sizing: border-box !important;















  }















  .categories__list {















    display: grid !important;















    grid-template-columns: 100% !important;















    width: 100% !important;















    margin: 0 !important;















    padding: 0 !important;















    row-gap: 12px !important;















    box-sizing: border-box !important;















  }















  .categories__list::after {















    display: none !important;















    content: none !important;















  }















  .categories__item {















    width: 100% !important;















    max-width: 100% !important;















    min-width: 0 !important;















    height: auto !important;















    min-height: 110px !important;















    margin: 0 !important;















    box-sizing: border-box !important;















  }















  .categories__wrap-link {















    width: 100% !important;















    max-width: 100% !important;















    height: auto !important;















    min-height: 110px !important;















    padding: 20px 85px 18px 18px !important;















    box-sizing: border-box !important;















    border: 1px solid #E5E7EB !important;















    border-radius: 10px !important;















    background-color: #FFFFFF !important;















  }















  .categories__title {















    font-size: 19px !important;















    line-height: 24px !important;















    margin: 0 !important;















  }















  .categories__icon {















    width: 56px !important;















    height: 56px !important;















    right: 18px !important;















    top: 50% !important;















    bottom: auto !important;















    transform: translateY(-50%) !important;















  }















  .categories__icon--spares::before { width: 30px !important; height: 30px !important; }















  .categories__icon--tires::before { width: 32px !important; height: 32px !important; }















  .categories__icon--tools::before { width: 24px !important; height: 34px !important; }















  .categories__icon--autochemicals::before { width: 24px !important; height: 32px !important; }















  .categories__icon--autoelectronic::before { width: 32px !important; height: 26px !important; }















  .categories__icon--accessories::before { width: 18px !important; height: 32px !important; }















  .categories__link {















    margin-top: 14px !important;















  }















}































/* ==========================================================================















   6. WARES SECTION (CAROUSEL, ALIGNED CARDS, NESTED CART BUTTON)















   ========================================================================== */































.wares {















  padding-top: 40px !important;















  padding-bottom: 45px !important;















  width: 100% !important;















}































.wares__container {















  max-width: 1280px !important;















  padding: 0 20px !important;















  margin: 0 auto !important;















  box-sizing: border-box !important;















  position: relative !important;















}































@media (max-width: 767px) {















  .wares__container {















    padding: 0 16px !important;















  }















}































.wares__title {















  font-family: var(--font-primary) !important;















  font-size: 26px !important;















  line-height: 32px !important;















  font-weight: 700 !important;















  letter-spacing: 0.5px !important;















  color: #22242a !important;















  margin-top: 0 !important;















  margin-bottom: 20px !important;















}































/* Tabs styling matching donor */















.wares .tabs__list {















  display: flex !important;















  list-style: none !important;















  padding: 0 0 15px 0 !important;















  margin: 0 0 25px 0 !important;















  border-bottom: 1px solid #e5e7eb !important;















  overflow-x: auto !important;















  gap: 32px !important;















}































.wares .tabs__item {















  margin: 0 !important;















  padding: 0 !important;















  flex-shrink: 0 !important;















}































.wares .tabs__link {















  text-transform: none !important;















  font-family: var(--font-primary) !important;















  font-size: 15px !important;















  line-height: 20px !important;















  font-weight: 500 !important;















  color: #5a5d66 !important;















  text-decoration: none !important;















  padding-bottom: 15px !important;















  display: block !important;















  position: relative !important;















  transition: color 0.2s ease !important;















}































.wares .tabs__link:hover {















  color: #e30613 !important;















}































.wares .tabs__link--active {















  font-weight: 700 !important;















  color: #1a1a1c !important;















}































.wares .tabs__link--active::after {















  content: "" !important;















  position: absolute !important;















  left: 0 !important;















  right: 0 !important;















  bottom: -1px !important;















  height: 2px !important;















  background-color: #e30613 !important;















}































/* Swiper Slider Wrapper */















.swiper-slider--popular {















  position: relative !important;















  width: 100% !important;















}































.swiper-slider__container--popular {















  position: relative !important;















  width: 100% !important;















}































.wares .swiper--popular {















  width: 100% !important;















  overflow: hidden !important;















  padding: 4px 0 16px 0 !important;















}































.wares .swiper-wrapper {















  display: flex !important;















  box-sizing: border-box !important;















}































.swiper-slider__slide--popular {















  flex-shrink: 0 !important;















  box-sizing: border-box !important;















}































/* Navigation Round Buttons */















.swiper-slider__button-prev--popular,















.swiper-slider__button-next--popular {















  position: absolute !important;















  top: 45% !important;















  transform: translateY(-50%) !important;















  width: 44px !important;















  height: 44px !important;















  border-radius: 50% !important;















  background-color: #ffffff !important;















  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12) !important;















  border: 1px solid #eaecf0 !important;















  cursor: pointer !important;















  z-index: 15 !important;















  display: flex !important;















  align-items: center !important;















  justify-content: center !important;















  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease !important;















}































.swiper-slider__button-prev--popular:hover,















.swiper-slider__button-next--popular:hover {















  background-color: #ffffff !important;















  border-color: #e30613 !important;















  box-shadow: 0 6px 20px rgba(227, 6, 19, 0.2) !important;















  transform: translateY(-50%) scale(1.05) !important;















}































.swiper-slider__button-prev--popular {















  left: -22px !important;















}































.swiper-slider__button-next--popular {















  right: -22px !important;















}































@media (max-width: 1260px) {















  .swiper-slider__button-prev--popular {















    left: 4px !important;















  }















  .swiper-slider__button-next--popular {















    right: 4px !important;















  }















}































.swiper-slider__button-prev--popular::before,















.swiper-slider__button-next--popular::before {















  content: "" !important;















  display: block !important;















  width: 12px !important;















  height: 12px !important;















  background-color: #22242a !important;















  -webkit-mask-repeat: no-repeat !important;















  mask-repeat: no-repeat !important;















  -webkit-mask-position: center !important;















  mask-position: center !important;















  -webkit-mask-size: contain !important;















  mask-size: contain !important;















  transition: background-color 0.2s ease !important;















}































.swiper-slider__button-prev--popular:hover::before,















.swiper-slider__button-next--popular:hover::before {















  background-color: #e30613 !important;















}































.swiper-slider__button-prev--popular::before {















  -webkit-mask-image: url("/img/arrow-black-left.svg") !important;















  mask-image: url("/img/arrow-black-left.svg") !important;















}































.swiper-slider__button-next--popular::before {















  -webkit-mask-image: url("/img/arrow-black-right.svg") !important;















  mask-image: url("/img/arrow-black-right.svg") !important;















}































/* Pagination Dots */















.swiper-slider__pagination--popular {















  display: flex !important;















  justify-content: center !important;















  align-items: center !important;















  gap: 8px !important;















  margin-top: 20px !important;















}































.swiper-slider__pagination--popular .swiper-pagination-bullet {















  width: 8px !important;















  height: 8px !important;















  background-color: #d1d5db !important;















  opacity: 1 !important;















  border-radius: 50% !important;















  transition: background-color 0.2s ease, transform 0.2s ease !important;















}































.swiper-slider__pagination--popular .swiper-pagination-bullet-active {















  background-color: #e30613 !important;















  transform: scale(1.25) !important;















}































/* Product Card - Rigorous Unified Layout */















.card-product {















  position: relative !important;















  width: 270px !important;















  height: 405px !important;















  min-height: 405px !important;















  border: 1px solid #d5d8de !important;















  border-radius: 4px !important;















  background-color: #ffffff !important;















  display: flex !important;















  flex-direction: column !important;















  box-sizing: border-box !important;















  overflow: hidden !important;















  transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease !important;















}































.card-product:hover {















  border-color: #d1d5db !important;















  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;















  transform: translateY(-2px) !important;















}































.card-product:hover .card-product__overlay {















  display: block !important;















}































.card-product__attributes {

  height: 26px !important;

  padding: 0 !important;

  margin-bottom: 12px !important;

  display: flex !important;

  justify-content: flex-end !important;

  align-items: center !important;

  box-sizing: border-box !important;

  position: relative !important;

  z-index: 3 !important;

}































.card-product__item--sale::before {















  content: none !important;















  display: none !important;















}































.favorite {















  background-color: transparent !important;















  border: none !important;















  width: 24px !important;















  height: 22px !important;















  cursor: pointer !important;















  padding: 0 !important;















  background-repeat: no-repeat !important;















  background-position: center !important;















  background-size: contain !important;















  background-image: url("/img/favorites.svg") !important;















  transition: opacity 0.2s ease !important;















  flex-shrink: 0 !important;















  margin: 0 !important;















}































.favorite:hover {















  opacity: 0.6 !important;















}































.card-product__summer {















  display: none !important;















}































.card-product__overlay {















  text-decoration: none !important;















  color: #5f6063 !important;















  display: none !important;















  position: absolute !important;















  z-index: 10 !important;















  left: 20px !important;















  right: 20px !important;















  top: 115px !important;















  padding: 16px 10px !important;















  border-radius: 3px !important;















  box-shadow: 0 0 15px rgba(0, 0, 0, 0.18) !important;















  text-align: center !important;















  font-size: 14px !important;















  font-weight: 500 !important;















  line-height: 18px !important;















  background-color: rgba(255, 255, 255, 0.94) !important;















  transition: background-color 0.2s ease, color 0.2s ease !important;















  box-sizing: border-box !important;















}































.card-product__overlay:hover {















  color: #22242a !important;















  background-color: #ffffff !important;















}































.card-product__fig {















  margin: 0 !important;















  padding: 0 16px !important;















  display: flex !important;















  flex-direction: column !important;















  align-items: center !important;















  justify-content: center !important;















  height: 160px !important;















  box-sizing: border-box !important;















}































.card-product__img {















  max-width: 150px !important;















  max-height: 150px !important;















  object-fit: contain !important;















  display: block !important;















}































.card-product__title {















  margin: 10px 16px 0 16px !important;















  padding: 0 !important;















  font-family: var(--font-primary) !important;















  font-size: 15px !important;















  line-height: 20px !important;















  font-weight: 600 !important;















  height: 60px !important;















  overflow: hidden !important;















  display: -webkit-box !important;















  -webkit-line-clamp: 3 !important;















  -webkit-box-orient: vertical !important;















  text-align: left !important;















  box-sizing: border-box !important;















}































.card-product__title a {















  color: #22242a !important;















  text-decoration: none !important;















  transition: color 0.2s ease !important;















}































.card-product__title a:hover {















  color: #e30613 !important;















}































/* Card Footer: Perfectly aligned price & round cart button nested inside */















.card-product__footer {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 12px !important;
  margin-top: auto !important;
  padding: 14px 14px 16px 14px !important;
  border-top: 1px solid #f0f2f5 !important;
  background-color: #ffffff !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 54px !important;
}

.card-product__footer .card-product__price {
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

.card-product__footer .card-product__btn-details {
  margin-left: auto !important;
  flex-shrink: 0 !important;
  padding: 7px 12px !important;
}






























.card-product__price {















  font-family: var(--font-primary) !important;















  font-size: 20px !important;















  line-height: 24px !important;















  font-weight: 700 !important;















  color: #1a1a1c !important;















  padding: 0 !important;















  margin: 0 !important;















  text-align: left !important;















}































/* Override donor ::before rule so the cart icon is completely clean and centered! */















.card-product__presence::before {















  content: none !important;















  display: none !important;















}































.card-product__presence {















  position: static !important;















  width: 40px !important;















  height: 40px !important;















  min-width: 40px !important;















  border-radius: 50% !important;















  background-color: #e30613 !important;















  background-image: url("/img/product-card.svg") !important;















  background-size: 18px 21px !important;















  background-repeat: no-repeat !important;















  background-position: center !important;















  background-size: 20px 20px !important;















  border: none !important;















  cursor: pointer !important;















  margin: 0 !important;















  padding: 0 !important;















  transition: background-color 0.2s ease, transform 0.15s ease !important;















}































.card-product__presence:hover {















  background-color: #c40510 !important;















  transform: scale(1.06) !important;















}































.card-product__link {















  position: absolute !important;















  top: 0 !important;















  left: 0 !important;















  right: 0 !important;















  bottom: 0 !important;















  z-index: 1 !important;















}































.card-product__attributes,















.card-product__title a,















.card-product__presence {















  position: relative !important;















  z-index: 3 !important;















}































/* View More Button below slider */















.swiper-slider__footer {















  text-align: center !important;















  margin-top: 35px !important;















  width: 100% !important;















}































.link-more {















  text-decoration: none !important;















  display: inline-block !important;















  width: 252px !important;















  padding: 16px 10px 15px !important;















  font-family: var(--font-primary) !important;















  font-size: 15px !important;















  line-height: 19px !important;















  text-transform: uppercase !important;















  text-align: center !important;















  font-weight: 700 !important;















  letter-spacing: 0.9px !important;















  color: #71747d !important;















  background-color: #f0f2f5 !important;















  border-radius: 3px !important;















  border: 1px solid #e1e4ec !important;















  box-sizing: border-box !important;















  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease !important;















}































.link-more:hover {







  background-color: #e5e7eb !important;







  border-color: #d1d5db !important;







  color: #111827 !important;







  opacity: 1 !important;







}















































/* ==========================================================================















   6.5. WIDE BANNER SECTION (РАСТЯЖКА ПО ВСЕЙ ШИРИНЕ)















   ========================================================================== */































.banner {















  margin-top: 0 !important;















  margin-bottom: 80px !important;















  width: 100% !important;















}































@media (max-width: 767px) {















  .banner {















    margin-top: 30px !important;















    margin-bottom: 30px !important;















  }















}































.banner__container {















  max-width: 1280px !important;















  padding: 0 20px !important;















  margin: 0 auto !important;















  box-sizing: border-box !important;















}































@media (max-width: 767px) {















  .banner__container {















    padding: 0 16px !important;















  }















}































.banner__element {















  text-decoration: none !important;















  color: inherit !important;















  display: block !important;















  width: 100% !important;















  min-width: 288px !important;















  max-width: 1170px !important;















  padding-top: 14.1% !important;















  margin: 0 auto !important;















  background-position: center !important;















  background-size: contain !important;















  background-repeat: no-repeat !important;















  background-image: url("/img/sale50@1x.jpg") !important;















  border-radius: 4px !important;















  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;















  transition: transform 0.25s ease, box-shadow 0.25s ease !important;















}































@media (min-resolution: 1.5dppx) {















  .banner__element {















    background-image: url("/img/sale50@2x.jpg") !important;















  }















}































.banner__element:hover {















  transform: translateY(-2px) !important;















  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14) !important;















}































@media (max-width: 767px) {















  .banner__element {















    padding-top: 28.75% !important;















    background-size: cover !important;















  }















}































/* ==========================================================================















   6.6. SUGGESTION SLIDER STYLES (ЧАСТО ПОКУПАЮТ ВМЕСТЕ)















   ========================================================================== */































.swiper-slider--suggestion {















  position: relative !important;















  width: 100% !important;















}































.swiper-slider__container--suggestion {















  position: relative !important;















  width: 100% !important;















}































.wares--suggestion {















  padding-top: 20px !important;















  padding-bottom: 50px !important;















}































.wares .swiper--suggestion {















  width: 100% !important;















  overflow: hidden !important;















  padding: 4px 0 16px 0 !important;















}































.swiper-slider__slide--suggestion {















  flex-shrink: 0 !important;















  box-sizing: border-box !important;















}































/* Navigation Buttons for Suggestion Slider */















.swiper-slider__button-prev--suggestion,















.swiper-slider__button-next--suggestion {















  position: absolute !important;















  top: 45% !important;















  transform: translateY(-50%) !important;















  width: 44px !important;















  height: 44px !important;















  border-radius: 50% !important;















  background-color: #ffffff !important;















  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12) !important;















  border: 1px solid #eaecf0 !important;















  cursor: pointer !important;















  z-index: 15 !important;















  display: flex !important;















  align-items: center !important;















  justify-content: center !important;















  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease !important;















}































.swiper-slider__button-prev--suggestion:hover,















.swiper-slider__button-next--suggestion:hover {















  background-color: #ffffff !important;















  border-color: #e30613 !important;















  box-shadow: 0 6px 20px rgba(227, 6, 19, 0.2) !important;















  transform: translateY(-50%) scale(1.05) !important;















}































.swiper-slider__button-prev--suggestion {















  left: -22px !important;















}































.swiper-slider__button-next--suggestion {















  right: -22px !important;















}































@media (max-width: 1260px) {















  .swiper-slider__button-prev--suggestion {















    left: 4px !important;















  }















  .swiper-slider__button-next--suggestion {















    right: 4px !important;















  }















}































.swiper-slider__button-prev--suggestion::before,















.swiper-slider__button-next--suggestion::before {















  content: "" !important;















  display: block !important;















  width: 12px !important;















  height: 12px !important;















  background-color: #22242a !important;















  -webkit-mask-repeat: no-repeat !important;















  mask-repeat: no-repeat !important;















  -webkit-mask-position: center !important;















  mask-position: center !important;















  -webkit-mask-size: contain !important;















  mask-size: contain !important;















  transition: background-color 0.2s ease !important;















}































.swiper-slider__button-prev--suggestion:hover::before,















.swiper-slider__button-next--suggestion:hover::before {















  background-color: #e30613 !important;















}































.swiper-slider__button-prev--suggestion::before {















  -webkit-mask-image: url("/img/arrow-black-left.svg") !important;















  mask-image: url("/img/arrow-black-left.svg") !important;















}































.swiper-slider__button-next--suggestion::before {















  -webkit-mask-image: url("/img/arrow-black-right.svg") !important;















  mask-image: url("/img/arrow-black-right.svg") !important;















}































.swiper-slider__pagination--suggestion {















  display: flex !important;















  justify-content: center !important;















  align-items: center !important;















  gap: 8px !important;















  margin-top: 20px !important;















}































.swiper-slider__pagination--suggestion .swiper-pagination-bullet {















  width: 8px !important;















  height: 8px !important;















  background-color: #d1d5db !important;















  opacity: 1 !important;















  border-radius: 50% !important;















  transition: background-color 0.2s ease, transform 0.2s ease !important;















}































.swiper-slider__pagination--suggestion .swiper-pagination-bullet-active {















  background-color: #e30613 !important;















  transform: scale(1.25) !important;















}































/* ==========================================================================















   7. FOOTER















   ========================================================================== */































.page-footer {















  background-color: var(--color-bg-light) !important;















  padding-top: 50px !important;















  padding-bottom: 35px !important;















  margin-top: 40px !important;















  border-top: 1px solid var(--color-border-light) !important;















  width: 100% !important;















}































.page-footer__top {















  display: flex !important;















  justify-content: space-between !important;















  gap: 40px !important;















  padding-bottom: 40px !important;















  border-bottom: 1px solid var(--color-border-light) !important;















}































.page-footer__bottom {















  padding-top: 25px !important;















  display: flex !important;















  justify-content: space-between !important;















  align-items: center !important;















  font-size: 14px !important;















  color: #777777 !important;















}































/* Responsive adjustments for header */















@media (max-width: 1023px) {















  .logo__text-part--top,















  .logo__text-part--bottom {















    font-size: 16px !important;















    line-height: 16px !important;















    letter-spacing: 1.5px !important;















    text-indent: 1.5px !important;















  }















  .header-left {















    display: none !important;















  }















  .header-top,















  .page-header__top .page-header__container {















    display: flex !important;















    justify-content: space-between !important;















    align-items: center !important;















    min-height: 72px !important;















  }















  .header-right {















    transform: none !important;















  }















  .header-contacts__phone {















    font-size: 15px !important;















    line-height: 18px !important;















  }















  .header-contacts__address {















    font-size: 11px !important;















    line-height: 14px !important;















  }















  .header-logo,















  .logo {















    width: 130px !important;















  }















  .header-logo img,















  .logo img {















    width: 130px !important;















    max-width: 130px !important;















  }















}































@media (max-width: 640px) {















  .header-contacts__address {















    display: none !important;















  }















  .header-contacts__phone {















    font-size: 13px !important;















    font-weight: 700 !important;















    line-height: 16px !important;















  }















  .header-logo,















  .logo {















    width: 110px !important;















  }















  .header-logo img,















  .logo img {















    width: 110px !important;















    max-width: 110px !important;















  }















}































/* ==========================================================================















   8. CATALOG & SEARCH DONOR REPLICA (1788730818)















   ========================================================================== */































/* Page container */















.page-catalog {















  max-width: 1280px !important;















  margin: 0 auto !important;















  padding: 0 20px !important;















  box-sizing: content-box !important;















}































.page-catalog h1 {















  font-family: var(--font-primary) !important;















  font-size: 30px !important;















  line-height: 36px !important;















  color: #22242a !important;















  margin-top: 10px !important;















  margin-bottom: 22px !important;















  letter-spacing: 0.02em !important;















  font-weight: 700 !important;















  text-align: left !important;















}































/* Breadcrumbs */



.breadcrumbs {



  display: flex !important;



  flex-wrap: wrap !important;



  align-items: center !important;



  list-style: none !important;



  padding: 18px 0 14px 0 !important;



  margin: 0 !important;



  font-size: 13px !important;



  line-height: 1.4 !important;



  color: #64748b !important;



}







.breadcrumbs li {



  position: static !important;



  display: inline-flex !important;



  align-items: center !important;



  margin: 0 !important;



  padding: 0 !important;



  font-size: 13px !important;



  color: #64748b !important;



}







.breadcrumbs li::after {



  content: none !important;



  display: none !important;



  background: none !important;



}







.breadcrumbs li + li::before {



  content: "›" !important;



  display: inline-block !important;



  margin: 0 8px !important;



  color: #94a3b8 !important;



  font-size: 14px !important;



  font-weight: 400 !important;



  line-height: 1 !important;



  user-select: none !important;



}







.breadcrumbs a {



  color: #64748b !important;



  font-size: 13px !important;



  text-decoration: none !important;



  transition: color 0.15s ease !important;



  opacity: 1 !important;



}







.breadcrumbs a:hover {



  color: #e30613 !important;



  opacity: 1 !important;



}







.breadcrumbs__current {



  color: #0f172a !important;



  font-weight: 600 !important;



  font-size: 13px !important;



}







@media (max-width: 767px) {



  .page-catalog .breadcrumbs {



    padding: 14px 16px 10px 16px !important;



    margin: 0 !important;



    font-size: 12px !important;



  }



  .page-catalog .breadcrumbs li {



    font-size: 12px !important;



    text-decoration: none !important;



    margin-right: 0 !important;



  }



  .page-catalog .breadcrumbs li + li::before {



    margin: 0 6px !important;



    font-size: 12px !important;



  }



}







/* Top Filters */















.top-filters {















  margin-bottom: 30px !important;















}































.top-filters__wrapper {















  display: flex !important;















  justify-content: space-between !important;















  align-items: center !important;















  flex-wrap: wrap !important;















  gap: 15px !important;















}































.top-filters__offers ul {















  display: flex !important;















  flex-wrap: wrap !important;















  list-style: none !important;















  padding: 0 !important;















  margin: 0 !important;















  gap: 10px !important;















}































.top-filters__offers li {















  border-radius: 50px !important;















  background-color: #f4f4f6 !important;















  line-height: 17px !important;















  padding: 6px 18px !important;















  transition: background-color 0.2s ease, opacity 0.2s ease !important;















}































.top-filters__offers li:hover {















  background-color: #e8e8ec !important;















}































.top-filters__offers a {















  font-size: 14px !important;















  line-height: 17px !important;















  color: #48494d !important;















  text-decoration: none !important;















  font-weight: 500 !important;















}































.top-filters__sorting {















  display: flex !important;















  align-items: center !important;















  gap: 16px !important;















}































.top-filters__sorting-type .custom-select__title {















  border: 1px solid #d5d8de !important;















  border-radius: 3px !important;















  padding: 8px 32px 8px 14px !important;















  background-color: #ffffff !important;















  font-size: 14px !important;















  color: #48494d !important;















  cursor: pointer !important;















  position: relative !important;















  font-family: inherit !important;















}































.top-filters__sorting-type .custom-select__title::after {















  content: "" !important;















  position: absolute !important;















  right: 12px !important;















  top: 50% !important;















  transform: translateY(-50%) !important;















  width: 10px !important;















  height: 6px !important;















  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23758CA3' d='M5 6L0 0h10z'/%3E%3C/svg%3E") no-repeat center !important;















}































.top-filters__sorting-view {















  display: flex !important;















  align-items: center !important;















  gap: 8px !important;















}































.top-filters__sorting-tile,















.top-filters__sorting-simple {















  width: 26px !important;















  height: 21px !important;















  border: 0 !important;















  background-color: transparent !important;















  cursor: pointer !important;















  opacity: 0.6 !important;















  transition: opacity 0.2s ease !important;















}































.top-filters__sorting-tile {















  background: url("/img/group-table.svg") no-repeat center !important;















  opacity: 1 !important;















}































.top-filters__sorting-simple {















  background: url("/img/group-list.svg") no-repeat center !important;















}































.top-filters__sorting-tile:hover,















.top-filters__sorting-simple:hover {















  opacity: 1 !important;















}































/* Left Filters Sidebar */















.left-filters__wrapper {















  display: flex !important;















  align-items: flex-start !important;















  gap: 30px !important;















  margin-bottom: 60px !important;















}































.left-filters {















  width: 270px !important;















  min-width: 270px !important;















  max-width: 270px !important;















}































.left-filter__type {















  display: flex !important;















  border-bottom: 2px solid #e0e0e0 !important;















  margin-bottom: 25px !important;















}































.left-filter__type-filter {















  flex: 1 !important;















  background: transparent !important;















  border: none !important;















  font-size: 14px !important;















  line-height: 18px !important;















  font-weight: 700 !important;















  text-transform: uppercase !important;















  letter-spacing: 0.05em !important;















  color: #bdbec2 !important;















  padding: 0 0 12px 0 !important;















  cursor: pointer !important;















  position: relative !important;















  text-align: center !important;















}































.left-filter__active-type {















  color: #22242a !important;















}































.left-filter__active-type::after {















  content: "" !important;















  position: absolute !important;















  bottom: -2px !important;















  left: 0 !important;















  right: 0 !important;















  height: 2px !important;















  background-color: #e30613 !important;















}































.left-filter__fieldset {















  margin-bottom: 24px !important;















  position: relative !important;















}































.left-filter__legend {















  font-size: 16px !important;















  line-height: 20px !important;















  font-weight: 600 !important;















  color: #22242a !important;















  margin: 0 0 14px 0 !important;















  display: flex !important;















  justify-content: space-between !important;















  align-items: center !important;















}































.left-filter__accordion-close {















  position: absolute !important;















  right: 0 !important;















  top: 4px !important;















  width: 12px !important;















  height: 7px !important;















  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath fill='%2348494D' d='M6 0L0 6l1.4 1.4L6 2.8l4.6 4.6L12 6z'/%3E%3C/svg%3E") no-repeat center !important;















  border: none !important;















  cursor: pointer !important;















}































.left-filter__stock ul {















  display: flex !important;















  flex-wrap: wrap !important;















  gap: 8px !important;















  list-style: none !important;















  padding: 0 !important;















  margin: 0 !important;















}































.left-filter__stock input + label {















  display: inline-block !important;















  padding: 6px 14px !important;















  background-color: #f0f0f4 !important;















  color: #bdbec2 !important;















  font-size: 12px !important;















  font-weight: 700 !important;















  border-radius: 3px !important;















  cursor: pointer !important;















  transition: all 0.2s ease !important;















}































.left-filter__stock input:checked + label {















  background: linear-gradient(92.77deg, #9710e9 1.17%, #e30613 99.31%) !important;















  color: #ffffff !important;















}































.left-filter__accordion-wrapper ul {















  list-style: none !important;















  padding: 0 !important;















  margin: 0 !important;















}































.left-filter__option {















  display: flex !important;















  align-items: center !important;















  margin-bottom: 12px !important;















  position: relative !important;















}































.left-filter__option label {















  font-size: 14px !important;















  line-height: 18px !important;















  color: #22242a !important;















  cursor: pointer !important;















  display: flex !important;















  align-items: center !important;















  margin: 0 !important;















}































.left-filter__option input[type="checkbox"] {















  appearance: none !important;















  -webkit-appearance: none !important;















  width: 16px !important;















  height: 16px !important;















  min-width: 16px !important;















  border: 1.5px solid #d5d8de !important;















  border-radius: 2px !important;















  margin-right: 10px !important;















  cursor: pointer !important;















  display: inline-grid !important;















  place-content: center !important;















  transition: all 0.2s ease !important;















}































.left-filter__option input[type="checkbox"]:checked {















  background-color: #e30613 !important;















  border-color: #e30613 !important;















}































.left-filter__option input[type="checkbox"]:checked::before {















  content: "" !important;















  width: 9px !important;















  height: 6px !important;















  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 6'%3E%3Cpath fill='%23fff' d='M3 6L0 3l1.4-1.4L3 3.2 7.6 0 9 1.4z'/%3E%3C/svg%3E") no-repeat center !important;















}































/* Price Range Slider */















.left-filter__range-controls {















  position: relative !important;















  margin: 14px 0 18px 0 !important;















}































.left-filter__scale {















  height: 2px !important;















  background: #e0e0e0 !important;















  width: 100% !important;















  position: relative !important;















}































.left-filter__bar {















  position: absolute !important;















  left: 20px !important;















  width: 140px !important;















  height: 2px !important;















  background: #e30613 !important;















}































.left-filter__range-toggle {















  position: absolute !important;















  top: -4px !important;















  width: 10px !important;















  height: 10px !important;















  background: #e30613 !important;















  border-radius: 50% !important;















  cursor: pointer !important;















  box-shadow: 0 0 4px rgba(0,0,0,0.2) !important;















}































.left-filter__range-toggle--min {















  left: 20px !important;















}































.left-filter__range-toggle--max {















  left: 160px !important;















}































.left-filter__price-controls {















  display: flex !important;















  justify-content: space-between !important;















  align-items: center !important;















  gap: 15px !important;















}































.left-filter__row--input {















  display: flex !important;















  align-items: center !important;















  gap: 8px !important;















  font-size: 14px !important;















  color: #777777 !important;















}































.left-filter__row--input input {















  width: 65px !important;















  height: 32px !important;















  border: 1px solid #d5d8de !important;















  border-radius: 3px !important;















  text-align: center !important;















  font-size: 14px !important;















  font-weight: 500 !important;















  color: #22242a !important;















}































/* Brand search input & list */















.left-filter__brand-input {















  width: 100% !important;















  height: 36px !important;















  border: 1px solid #d5d8de !important;















  border-radius: 3px !important;















  padding: 0 12px !important;















  font-size: 13px !important;















  color: #22242a !important;















  margin-bottom: 12px !important;















  box-sizing: border-box !important;















}































.left-filter__show-more {















  display: inline-block !important;















  font-size: 13px !important;















  color: #e30613 !important;















  text-decoration: underline !important;















  margin-top: 6px !important;















  cursor: pointer !important;















}































/* Filter Submit Button */















.left-filter__submit-button {















  width: 100% !important;















  height: 48px !important;















  background-color: #e30613 !important;















  color: #ffffff !important;















  font-size: 14px !important;















  font-weight: 700 !important;















  letter-spacing: 0.1em !important;















  text-transform: uppercase !important;















  border: none !important;















  border-radius: 4px !important;















  cursor: pointer !important;















  transition: background-color 0.2s ease !important;















  margin-bottom: 14px !important;















}































.left-filter__submit-button:hover {















  background-color: #c40510 !important;















}































.left-filter__reset {















  display: block !important;















  text-align: center !important;















  font-size: 13px !important;















  color: #8e9095 !important;















  text-decoration: underline !important;















}































.left-filter__reset:hover {















  color: #e30613 !important;















}































/* Catalog Grid */















.catalog {















  flex: 1 !important;















}































.catalog__list {















  display: grid !important;















  grid-template-columns: repeat(3, 270px) !important;















  gap: 30px !important;















  list-style: none !important;















  padding: 0 !important;















  margin: 0 0 50px 0 !important;















}































.catalog__item {















  list-style: none !important;















  margin: 0 !important;















  padding: 0 !important;















}































.catalog__item .card-product {















  width: 270px !important;















  height: 405px !important;















  min-height: 405px !important;















}































@media (max-width: 1199px) {















  .catalog__list {















    grid-template-columns: repeat(2, 270px) !important;















  }















}































@media (max-width: 670px) {















  .catalog__list {















    grid-template-columns: 1fr !important;















  }















}































/* Pagination */















.catalog__pagination {















  margin-bottom: 60px !important;















}































.catalog__pagination-list {















  display: flex !important;















  justify-content: center !important;















  align-items: center !important;















  list-style: none !important;















  padding: 0 !important;















  margin: 0 auto !important;















  gap: 8px !important;















}































.catalog__pagination-item {















  font-size: 16px !important;















  color: #a8a8a8 !important;















  padding: 6px 12px !important;















}































.catalog__pagination-item a {















  color: #a8a8a8 !important;















  text-decoration: none !important;















}































.catalog__pagination-item--current {















  border: 2px solid #e30613 !important;















  border-radius: 2px !important;















  color: #e30613 !important;















  font-weight: 700 !important;















}































.catalog__pagination-item--current a {















  color: #e30613 !important;















}































.catalog__pagination-item--delimiter {















  color: #a8a8a8 !important;















  padding: 0 4px !important;















}































/* Ensure footer newsletter button is brand red */















.page-footer__form-row button[type="submit"] {















  background-color: #e30613 !important;















  border-color: #e30613 !important;















}































.page-footer__form-row button[type="submit"]:hover {















  background-color: #c40510 !important;















  border-color: #c40510 !important;















}















































/* Polish: Pagination strictly nowrap and centered */















.catalog__pagination {















  margin-top: 40px !important;















  margin-bottom: 80px !important;















  width: 100% !important;















  display: flex !important;















  justify-content: center !important;















}































.catalog__pagination-list {















  display: flex !important;















  flex-direction: row !important;















  flex-wrap: nowrap !important;















  justify-content: center !important;















  align-items: center !important;















  list-style: none !important;















  padding: 0 !important;















  margin: 0 !important;















  gap: 15px !important;















  width: auto !important;















  max-width: 100% !important;















}































.catalog__pagination-item {















  font-size: 18px !important;















  line-height: 22px !important;















  color: #a8a8a8 !important;















  padding: 8px 14px !important;















  margin: 0 !important;















  box-sizing: border-box !important;















  white-space: nowrap !important;















}































.catalog__pagination-item a {















  color: #a8a8a8 !important;















  text-decoration: none !important;















}































.catalog__pagination-item--current {















  border: 2px solid #e30613 !important;















  border-radius: 2px !important;















  color: #e30613 !important;















  font-weight: 700 !important;















  padding: 8px 14px !important;















}































.catalog__pagination-item--current a {















  color: #e30613 !important;















  cursor: default !important;















}































.catalog__pagination-item--delimiter {















  color: #a8a8a8 !important;















  padding: 0 4px !important;















  margin: 0 !important;















}















































/* ==========================================================================















   9. CONTACTS PAGE STYLING (1788750542)















   ========================================================================== */































.contacts-page {















  max-width: 1280px !important;















  margin: 0 auto !important;















  padding: 0 20px 80px 20px !important;















  font-family: var(--font-primary) !important;















}































.contacts-hero {















  margin-bottom: 32px !important;















}































.contacts-title {















  font-size: 32px !important;















  line-height: 38px !important;















  font-weight: 700 !important;















  color: #22242a !important;















  margin: 10px 0 12px 0 !important;















  letter-spacing: 0.01em !important;















}































.contacts-subtitle {















  font-size: 16px !important;















  line-height: 24px !important;















  color: #6f7177 !important;















  margin: 0 !important;















  max-width: 800px !important;















}































/* Top 4 Cards Grid */















.contacts-grid {















  display: grid !important;















  grid-template-columns: repeat(4, 1fr) !important;















  gap: 20px !important;















  margin-bottom: 40px !important;















}































.contacts-card {















  background: #ffffff !important;















  border: 1px solid #e0e3e8 !important;















  border-radius: 8px !important;















  padding: 24px 20px !important;















  display: flex !important;















  flex-direction: column !important;















  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;















  box-sizing: border-box !important;















}































.contacts-card:hover {















  transform: translateY(-3px) !important;















  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.07) !important;















  border-color: #e30613 !important;















}































.contacts-card__icon {















  width: 46px !important;















  height: 46px !important;















  border-radius: 50% !important;















  background-color: #fdf0f0 !important;















  color: #e30613 !important;















  display: flex !important;















  align-items: center !important;















  justify-content: center !important;















  margin-bottom: 18px !important;















}































.contacts-card__label {















  font-size: 13px !important;















  text-transform: uppercase !important;















  letter-spacing: 0.06em !important;















  color: #8e9095 !important;















  font-weight: 700 !important;















  margin: 0 0 10px 0 !important;















}































.contacts-card__value {















  font-size: 16px !important;















  line-height: 22px !important;















  font-weight: 700 !important;















  color: #22242a !important;















  margin: 0 0 8px 0 !important;















}































.contacts-card__value a {















  color: #22242a !important;















  text-decoration: none !important;















  transition: color 0.2s ease !important;















}































.contacts-card__value a:hover {















  color: #e30613 !important;















}































.contacts-card__value--sub {















  font-size: 14px !important;















  font-weight: 500 !important;















  color: #55575d !important;















  margin-top: 4px !important;















}































.contacts-card__value--sub small {















  font-size: 12px !important;















  color: #8e9095 !important;















}































.contacts-card__hint {















  font-size: 13px !important;















  line-height: 18px !important;















  color: #8e9095 !important;















  display: block !important;















  margin-bottom: 12px !important;















}































.contacts-card__link {















  margin-top: auto !important;















  font-size: 13px !important;















  font-weight: 600 !important;















  color: #e30613 !important;















  text-decoration: none !important;















  display: inline-flex !important;















  align-items: center !important;















  gap: 4px !important;















  transition: gap 0.2s ease !important;















}































.contacts-card__link:hover {















  gap: 8px !important;















}































.contacts-card__messengers {















  display: flex !important;















  align-items: center !important;















  flex-wrap: wrap !important;















  gap: 8px !important;















  margin-top: 10px !important;















}































.messenger-tag {















  padding: 4px 10px !important;















  border-radius: 4px !important;















  font-size: 12px !important;















  font-weight: 600 !important;















  text-decoration: none !important;















  color: #ffffff !important;















  transition: opacity 0.2s ease !important;















}































.messenger-tag:hover {















  opacity: 0.85 !important;















  color: #ffffff !important;















}































.messenger-tag--wa {















  background-color: #25d366 !important;















}































.messenger-tag--tg {















  background-color: #0088cc !important;















}































.messenger-hint {















  font-size: 12px !important;















  color: #8e9095 !important;















}































.contacts-badge {















  display: inline-block !important;















  background-color: #f4f4f6 !important;















  color: #22242a !important;















  padding: 4px 10px !important;















  border-radius: 4px !important;















  font-size: 12px !important;















  font-weight: 600 !important;















  margin-top: 8px !important;















}































/* Map & Logistics Section */















.contacts-map-section {















  margin-bottom: 50px !important;















  background: #ffffff !important;















  border: 1px solid #e0e3e8 !important;















  border-radius: 8px !important;















  overflow: hidden !important;















  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;















}































.contacts-map-wrapper {















  display: grid !important;















  grid-template-columns: 1.35fr 1fr !important;















}































.contacts-map-container {















  position: relative !important;















  width: 100% !important;















  height: 100% !important;















  min-height: 480px !important;















}































.contacts-logistics {















  padding: 36px 32px !important;















  background-color: #ffffff !important;















  display: flex !important;















  flex-direction: column !important;















  justify-content: center !important;















  box-sizing: border-box !important;















}































.contacts-logistics__title {















  font-size: 22px !important;















  font-weight: 700 !important;















  color: #22242a !important;















  margin: 0 0 20px 0 !important;















}































.contacts-logistics__item {















  margin-bottom: 20px !important;















}































.contacts-logistics__badge {















  display: inline-flex !important;















  align-items: center !important;















  gap: 8px !important;















  font-size: 14px !important;















  font-weight: 700 !important;















  color: #e30613 !important;















  margin-bottom: 6px !important;















}































.contacts-logistics__item p {















  font-size: 14px !important;















  line-height: 22px !important;















  color: #55575d !important;















  margin: 0 !important;















}































.contacts-logistics__actions {















  display: flex !important;















  flex-wrap: wrap !important;















  gap: 12px !important;















  margin-top: 10px !important;















}































.btn-route {















  padding: 10px 18px !important;















  border-radius: 4px !important;















  font-size: 13px !important;















  font-weight: 600 !important;















  text-decoration: none !important;















  display: inline-flex !important;















  align-items: center !important;















  transition: all 0.2s ease !important;















}































.btn-route--yandex {















  background-color: #e30613 !important;















  color: #ffffff !important;















}































.btn-route--yandex:hover {















  background-color: #c40510 !important;















  color: #ffffff !important;















}































.btn-route--nav {















  background-color: #f4f4f6 !important;















  color: #22242a !important;















  border: 1px solid #d5d8de !important;















}































.btn-route--nav:hover {















  background-color: #e8e8ec !important;















}































/* Section Titles */















.contacts-section-title {















  font-size: 24px !important;















  font-weight: 700 !important;















  color: #22242a !important;















  margin: 0 0 24px 0 !important;















}































/* Departments Grid */















.contacts-departments {















  margin-bottom: 50px !important;















}































.departments-grid {















  display: grid !important;















  grid-template-columns: repeat(3, 1fr) !important;















  gap: 24px !important;















}































.department-card {















  background: #ffffff !important;















  border: 1px solid #e0e3e8 !important;















  border-radius: 8px !important;















  padding: 28px 24px !important;















  box-sizing: border-box !important;















  transition: border-color 0.2s ease !important;















}































.department-card:hover {















  border-color: #e30613 !important;















}































.department-card__title {















  font-size: 18px !important;















  font-weight: 700 !important;















  color: #22242a !important;















  margin: 0 0 12px 0 !important;















}































.department-card__desc {















  font-size: 14px !important;















  line-height: 21px !important;















  color: #6f7177 !important;















  margin: 0 0 18px 0 !important;















}































.department-card__list {















  list-style: none !important;















  padding: 0 !important;















  margin: 0 !important;















}































.department-card__list li {















  font-size: 14px !important;















  line-height: 22px !important;















  color: #55575d !important;















  margin-bottom: 6px !important;















}































.department-card__list a {















  color: #22242a !important;















  text-decoration: none !important;















  font-weight: 600 !important;















}































.department-card__list a:hover {















  color: #e30613 !important;















}































/* Feedback Section */















.contacts-feedback-section {















  margin-bottom: 50px !important;















  background: #f8f9fb !important;















  border: 1px solid #e2e5eb !important;















  border-radius: 8px !important;















  padding: 40px !important;















  box-sizing: border-box !important;















}































.feedback-container {















  display: grid !important;















  grid-template-columns: 1fr 1.15fr !important;















  gap: 40px !important;















  align-items: flex-start !important;















}































.feedback-info__title {















  font-size: 24px !important;















  font-weight: 700 !important;















  color: #22242a !important;















  margin: 0 0 14px 0 !important;















}































.feedback-info__text {















  font-size: 15px !important;















  line-height: 24px !important;















  color: #55575d !important;















  margin: 0 0 28px 0 !important;















}































.feedback-features {















  display: flex !important;















  flex-direction: column !important;















  gap: 20px !important;















}































.feedback-feature {















  display: flex !important;















  align-items: flex-start !important;















  gap: 14px !important;















}































.feedback-feature__dot {















  width: 10px !important;















  height: 10px !important;















  min-width: 10px !important;















  border-radius: 50% !important;















  background-color: #e30613 !important;















  margin-top: 6px !important;















}































.feedback-feature strong {















  display: block !important;















  font-size: 15px !important;















  font-weight: 700 !important;















  color: #22242a !important;















  margin-bottom: 3px !important;















}































.feedback-feature p {















  font-size: 13px !important;















  line-height: 18px !important;















  color: #6f7177 !important;















  margin: 0 !important;















}































.feedback-form-box {















  background: #ffffff !important;















  border: 1px solid #e0e3e8 !important;















  border-radius: 8px !important;















  padding: 30px !important;















  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;















}































.contacts-form__title {















  font-size: 20px !important;















  font-weight: 700 !important;















  color: #22242a !important;















  margin: 0 0 20px 0 !important;















}































.form-group-row {















  display: grid !important;















  grid-template-columns: 1fr 1fr !important;















  gap: 16px !important;















}































.form-group {















  margin-bottom: 16px !important;















}































.form-group label {















  display: block !important;















  font-size: 13px !important;















  font-weight: 600 !important;















  color: #48494d !important;















  margin-bottom: 6px !important;















}































.form-input,















.form-select,















.form-textarea {















  width: 100% !important;















  box-sizing: border-box !important;















  border: 1.5px solid #d5d8de !important;















  border-radius: 4px !important;















  padding: 10px 14px !important;















  font-family: inherit !important;















  font-size: 14px !important;















  color: #22242a !important;















  background-color: #ffffff !important;















  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;















}































.form-input:focus,















.form-select:focus,















.form-textarea:focus {















  outline: none !important;















  border-color: #e30613 !important;















  box-shadow: 0 0 0 3px rgba(227, 6, 19, 0.12) !important;















}































.btn-contacts-submit {















  width: 100% !important;















  padding: 14px 20px !important;















  background-color: #e30613 !important;















  color: #ffffff !important;















  font-size: 15px !important;















  font-weight: 700 !important;















  text-transform: uppercase !important;















  letter-spacing: 0.08em !important;















  border: none !important;















  border-radius: 4px !important;















  cursor: pointer !important;















  transition: background-color 0.2s ease !important;















  margin-top: 8px !important;















}































.btn-contacts-submit:hover {















  background-color: #c40510 !important;















}































.contacts-form__privacy {















  font-size: 12px !important;















  line-height: 16px !important;















  color: #8e9095 !important;















  margin: 12px 0 0 0 !important;















  text-align: center !important;















}































.contacts-form__privacy a {















  color: #e30613 !important;















  text-decoration: underline !important;















}































/* Requisites Section */















.contacts-requisites-section {















  margin-bottom: 60px !important;















}































.requisites-card {















  background: #ffffff !important;















  border: 1px solid #e0e3e8 !important;















  border-radius: 8px !important;















  overflow: hidden !important;















}































.requisites-table {















  display: flex !important;















  flex-direction: column !important;















}































.requisites-row {















  display: grid !important;















  grid-template-columns: 280px 1fr !important;















  padding: 14px 24px !important;















  border-bottom: 1px solid #f0f2f5 !important;















  font-size: 14px !important;















  line-height: 20px !important;















}































.requisites-row:last-child {















  border-bottom: none !important;















}































.requisites-row:nth-child(even) {















  background-color: #fafbfd !important;















}































.requisites-cell--label {















  font-weight: 600 !important;















  color: #6f7177 !important;















}































.requisites-cell--value {















  font-weight: 600 !important;















  color: #22242a !important;















}































/* Responsive Breakpoints */















@media (max-width: 1023px) {















  .contacts-grid {















    grid-template-columns: repeat(2, 1fr) !important;















  }















  .contacts-map-wrapper {















    grid-template-columns: 1fr !important;















  }















  .contacts-map-container {















    min-height: 380px !important;















  }















  .departments-grid {















    grid-template-columns: 1fr !important;















  }















  .feedback-container {















    grid-template-columns: 1fr !important;















  }















  .requisites-row {















    grid-template-columns: 1fr !important;















    gap: 4px !important;















  }















}































@media (max-width: 670px) {















  .contacts-grid {















    grid-template-columns: 1fr !important;















  }















  .form-group-row {















    grid-template-columns: 1fr !important;















  }















  .contacts-feedback-section {















    padding: 24px 16px !important;















  }















  .feedback-form-box {















    padding: 20px 16px !important;















  }















}















































/* ==========================================================================















   VERTICAL SPACING HARMONIZATION & RYTHM (v=1788751440)















   Eliminates all excess voids (342px footer gap, 170px banner gap)















   and standardizes vertical rhythm to 30px-45px across all sections.















   ========================================================================== */































/* Main page container - remove redundant 65px donor padding */















.main,















.main--main-page {















  padding-bottom: 0 !important;















}































/* 1. Hero / Notice (Header -> Notice: 30px) */















.notice {















  padding-top: 30px !important;















  padding-bottom: 15px !important;















  width: 100% !important;















}































/* 2. Search (Notice -> Search: 30px) */















.search {















  padding-top: 15px !important;















  padding-bottom: 20px !important;















  width: 100% !important;















}































/* 3. Categories (Search -> Categories: 35px) */















.categories {















  padding-top: 15px !important;















  padding-bottom: 10px !important;















  width: 100% !important;















}































/* 4. Wares / Popular (Categories -> Popular: 40px) */















.wares {















  padding-top: 30px !important;















  padding-bottom: 0 !important;















  width: 100% !important;















}































/* 5. OVERRIDE donor 80px margin-bottom on all slider containers */















.swiper-slider__container,















.swiper-slider__container--popular,















.swiper-slider__container--suggestion {















  position: relative !important;















  width: 100% !important;















  margin-bottom: 0 !important;















}































/* 6. Popular "Все товары" button (Cards -> Button: 25px, Button -> Banner: 35px) */















.swiper-slider__footer {















  text-align: center !important;















  margin-top: 25px !important;















  margin-bottom: 60px !important;















  width: 100% !important;















}































/* 7. Wide Banner (Button -> Banner: 35px, Banner -> Suggestions: 40px) */















.banner {















  margin-top: 0 !important;















  margin-bottom: 80px !important;















  width: 100% !important;















}































/* 8. Wares Suggestion ("Часто покупают вместе") */















.wares--suggestion {















  padding-top: 0 !important;















  padding-bottom: 25px !important;















}































/* 9. Footer - seamless elegant transition (Cards -> Footer: ~41px, eliminates 342px void) */















.page-footer {















  background-color: var(--color-bg-light) !important;















  padding-top: 40px !important;















  padding-bottom: 35px !important;















  margin-top: 0 !important;















  border-top: 1px solid var(--color-border-light) !important;















  width: 100% !important;















}































@media (max-width: 767px) {















  .main,















  .main--main-page {















    padding-bottom: 0 !important;















  }















  .notice {















    padding-top: 15px !important;















    padding-bottom: 10px !important;















  }















  .search {















    padding-top: 10px !important;















    padding-bottom: 15px !important;















  }















  .categories {















    padding-top: 10px !important;















    padding-bottom: 10px !important;















  }















  .wares {















    padding-top: 20px !important;















    padding-bottom: 0 !important;















  }















  .swiper-slider__footer {















    margin-top: 15px !important;















    margin-bottom: 35px !important;















  }















  .banner {















    margin-top: 0 !important;















    margin-bottom: 35px !important;















  }















  .wares--suggestion {















    padding-top: 0 !important;















    padding-bottom: 48px !important;















  }















  .page-footer {















    padding-top: 25px !important;















    margin-top: 0 !important;















  }















}































































/* ==========================================================================















   CAR BRANDS SECTION (ТЗ — БЛОК «ЗАПЧАСТИ ПО МАРКАМ АВТО», v=1788817219)















   ========================================================================== */































/* 1. Base Block & Rhythm */















.brands {















  padding-top: 56px !important; /* Calibrated spacing from Categories cards */















  padding-bottom: 0 !important;















  margin-top: 0 !important;















  margin-bottom: 0 !important;















  width: 100% !important;















  box-sizing: border-box !important;















}































.brands__container {















  max-width: 1280px !important;















  padding: 0 16px !important;















  margin: 0 auto !important;















  box-sizing: border-box !important;















  width: 100% !important;















}































/* 2. Header: Title + Subtitle in a single horizontal row */















.brands__header {















  margin-top: 0 !important;















  margin-bottom: 18px !important; /* Reduced distance to cards per ТЗ item 8.1 */















  display: flex !important;















  align-items: baseline !important;















  justify-content: flex-start !important;















  width: 100% !important;















}































.brands__title-group {















  display: flex !important;















  align-items: baseline !important;















  flex-wrap: wrap !important;















  gap: 16px !important;















}































.brands__title {















  font-family: var(--font-primary) !important;















  font-size: 28px !important;















  line-height: 34px !important;















  font-weight: 700 !important;















  letter-spacing: -0.01em !important;















  color: #121620 !important;















  margin: 0 !important;















  display: inline-block !important;















}































.brands__subtitle {















  font-family: var(--font-primary) !important;















  font-size: 14.5px !important;















  line-height: 20px !important;















  font-weight: 400 !important;















  color: #71747D !important;















  margin: 0 !important;















  display: inline-block !important;















}































/* 3. Grid 6x3: Uniform Geometry */















.brands__grid {















  display: grid !important;















  grid-template-columns: repeat(6, 1fr) !important;















  gap: 16px !important;















  width: 100% !important;















  box-sizing: border-box !important;















}































/* 4. Brand Card (Strict 208px height, 12px radius, light border, plenty of air) */















.brands__item {















  display: flex !important;















  flex-direction: column !important;















  align-items: center !important;















  justify-content: center !important;















  height: 208px !important;















  min-height: 208px !important;















  max-height: 208px !important;















  background-color: #FFFFFF !important;















  border: 1px solid #E5E7EB !important;















  border-radius: 12px !important;















  padding: 18px 14px 16px !important;















  text-decoration: none !important;















  box-sizing: border-box !important;















  position: relative !important;















  overflow: hidden !important;















  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02) !important;















  transition: border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),















              box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1),















              transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;















}































/* 5. Natural Logo Container (Fixed ~140 x 100 px, preserve proportions, no scale distortion) */















.brands__logo-wrap {















  width: 154px !important;















  height: 110px !important;















  max-width: 154px !important;















  max-height: 110px !important;















  display: flex !important;















  align-items: center !important;















  justify-content: center !important;















  margin: 0 auto !important;















  padding: 0 !important;















  overflow: visible !important;















}































.brands__logo {















  max-width: 100% !important;















  max-height: 100% !important;















  width: auto !important;















  height: auto !important;















  object-fit: contain !important;















  display: block !important;















  transform: scale(1.1) !important;















  transform-origin: center center !important;















  filter: none !important;















  transition: transform 0.2s ease !important;















}































/* 6. Brand Name (15px, 600 weight, 16px gap from logo) */















.brands__name {















  font-family: var(--font-primary) !important;















  font-size: 15px !important;















  font-weight: 600 !important;















  line-height: 20px !important;















  color: #121620 !important;















  text-align: center !important;















  margin-top: 16px !important;















  margin-bottom: 0 !important;















  white-space: nowrap !important;















  overflow: hidden !important;















  text-overflow: ellipsis !important;















  max-width: 100% !important;















  transition: color 0.2s ease !important;















}































/* 7. Hover State (Calibrated: gentle -2px lift, subtle shadow, red border, red name) */















.brands__item:hover {















  border-color: #E30613 !important;















  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06),















              0 2px 6px rgba(227, 6, 19, 0.05) !important;















  transform: translateY(-2px) !important;















}































.brands__item:hover .brands__name {















  color: #E30613 !important;















}































.brands__item:hover .brands__logo {















  transform: scale(1.1) !important;















}































/* 8. Active / Selected Brand State */















.brands__item--active {















  border-color: #E30613 !important;















  box-shadow: 0 4px 14px rgba(227, 6, 19, 0.08) !important;















}































.brands__item--active .brands__name {















  color: #E30613 !important;















}































.brands__item--active::after {















  content: "" !important;















  position: absolute !important;















  bottom: 0 !important;















  left: 0 !important;















  right: 0 !important;















  height: 3px !important;















  background-color: #E30613 !important;















}































/* 9. Expand/Collapse for Additional Brands (19-34) */















.brands__item--extra {















  display: none !important;















}































.brands__grid--expanded .brands__item--extra {















  display: flex !important;















}































/* 10. Button: «Показать все марки» (Unified 1-in-1 with .link-more «Все товары») */















.brands__actions {















  text-align: center !important;















  margin-top: 28px !important;















  margin-bottom: 0 !important;















}































.brands__more-btn {















  text-decoration: none !important;















  display: inline-flex !important;















  align-items: center !important;















  justify-content: center !important;















  gap: 8px !important;















  width: 252px !important;















  height: 52px !important;















  min-height: 52px !important;















  padding: 0 24px !important;















  box-sizing: border-box !important;















  background-color: #f0f2f5 !important;















  border: 1px solid #e1e4ec !important;















  border-radius: 3px !important;















  font-family: var(--font-primary) !important;















  font-size: 15px !important;















  line-height: 19px !important;















  text-transform: uppercase !important;















  text-align: center !important;















  font-weight: 700 !important;















  letter-spacing: 0.9px !important;















  white-space: nowrap !important;















  color: #71747d !important;















  box-shadow: none !important;















  cursor: pointer !important;















  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease !important;















}































.brands__more-btn:hover {







  background-color: #e5e7eb !important;







  border-color: #d1d5db !important;







  color: #111827 !important;







  opacity: 1 !important;







  box-shadow: none !important;







}































.brands__more-btn:active {















  opacity: 0.3 !important;















}































.brands__more-icon {















  width: 12px !important;















  height: 8px !important;















  flex-shrink: 0 !important;















  stroke: currentColor !important;















  transition: transform 0.25s ease, stroke 0.2s ease !important;















}































.brands__more-btn:hover .brands__more-icon {







  stroke: #111827 !important;







}































.brands__more-btn--active .brands__more-icon {















  transform: rotate(180deg) !important;















}































/* 11. Responsive Breakpoints */















@media (max-width: 1024px) {















  .brands__grid {















    grid-template-columns: repeat(4, 1fr) !important;















    gap: 14px !important;















  }















  .brands__item {















    height: 180px !important;















    min-height: 180px !important;















    max-height: 180px !important;















    padding: 14px 10px 12px !important;















  }















  .brands__logo-wrap {















    width: 132px !important;















    height: 94px !important;















    max-width: 132px !important;















    max-height: 94px !important;















  }















  .brands__name {















    font-size: 14px !important;















    margin-top: 12px !important;















  }















  .brands__title {















    font-size: 24px !important;















    line-height: 30px !important;















  }















  .brands__subtitle {















    font-size: 14px !important;















  }















}































@media (max-width: 640px) {















  .brands {















    padding-top: 36px !important;















  }















  .brands__header {















    margin-bottom: 14px !important;















  }















  .brands__title-group {















    gap: 6px !important;















  }















  .brands__title {















    font-size: 20px !important;















    line-height: 26px !important;















  }















  .brands__subtitle {















    font-size: 13px !important;















    line-height: 18px !important;















  }















  .brands__grid {















    grid-template-columns: repeat(3, 1fr) !important;















    gap: 10px !important;















  }















  .brands__item {















    height: 140px !important;















    min-height: 140px !important;















    max-height: 140px !important;















    padding: 10px 6px 8px !important;















    border-radius: 8px !important;















  }















  .brands__logo-wrap {















    width: 100px !important;















    height: 66px !important;















    max-width: 100px !important;















    max-height: 66px !important;















  }















  .brands__name {















    font-size: 12px !important;















    line-height: 16px !important;















    margin-top: 8px !important;















  }















  /* .brands__more-btn unified 1в1 with .link-more */















}































@media (max-width: 400px) {















  .brands__grid {















    grid-template-columns: repeat(2, 1fr) !important;















    gap: 10px !important;















  }















  .brands__item {















    height: 150px !important;















    min-height: 150px !important;















    max-height: 150px !important;















  }















}































/* 3. Popular Products button: exactly 28px under visible cards */















.wares--popular .swiper-slider__footer,















.wares--suggestion .swiper-slider__footer {















  text-align: center !important;















  margin-top: 0 !important;















  padding-top: 28px !important;















  margin-bottom: 0 !important;















  padding-bottom: 0 !important;















  width: 100% !important;















}































/* 4. Brands button: exactly 28px under brand tiles */















.brands__actions {















  text-align: center !important;















  margin-top: 28px !important;















  margin-bottom: 0 !important;















  padding-bottom: 0 !important;















}































/* 5. Inter-section gaps: exactly 56px */















.brands {















  padding-top: 56px !important;   /* 56px from "Все товары" button to "Запчасти по маркам авто" */















  padding-bottom: 56px !important;/* 56px from "Показать все марки" button to Banner */















  margin-top: 0 !important;















  margin-bottom: 0 !important;















  width: 100% !important;















}































.banner {















  margin-top: 0 !important;















  margin-bottom: 56px !important; /* 56px from Banner to "Часто покупают вместе" */















  padding-top: 0 !important;















  padding-bottom: 0 !important;















  width: 100% !important;















}































.wares.wares--suggestion {















  padding-top: 0 !important;















  padding-bottom: 56px !important; /* 56px to footer */















  margin-top: 0 !important;















  margin-bottom: 0 !important;















  width: 100% !important;















}















/* unified_buttons_1788790601 */















































/* ==========================================================================















   INCREASED INTER-SECTION GAP FROM ACTION BUTTONS (v=1788790764)















   Gap increased from 56px to 72px (+16px more breathing room downwards):















   - "Все товары" button -> "Запчасти по маркам авто": 72px















   - "Показать все марки" button -> Banner: 72px















   - Banner -> "Часто покупают вместе": 72px















   - "Все товары" (suggestions) -> Footer: 72px















   - Intra-block cards to button remains tight: 28px















   ========================================================================== */































:root {















  --v-space-section: 72px;















}































.brands {















  padding-top: 72px !important;















  padding-bottom: 72px !important;















  margin-top: 0 !important;















  margin-bottom: 0 !important;















}































.banner {















  margin-top: 0 !important;















  margin-bottom: 72px !important;















}































.wares.wares--suggestion {















  padding-bottom: 0 !important;















}















/* gap_72px_1788790764 */















































/* ==========================================================================















   CAR BRANDS BEFORE POPULAR PRODUCTS & 72PX RHYTHM (v=1788792269)















   Layout Order:















     1. Categories















     2. Car Brands (Запчасти по маркам авто)















     3. Popular Products (Популярные товары)















     4. Promo Banner (Растяжка по всей ширине)















     5. Suggestion Products (Часто покупают вместе)















   















   Exact Rhythm:















     - Categories -> Brands Title: 56px















     - Brands Cards -> "Показать все марки (34)": 28px















     - "Показать все марки (34)" -> "Популярные товары": 72px















     - Popular Cards -> "Все товары": 28px















     - "Все товары" -> Promo Banner: 72px















     - Promo Banner -> "Часто покупают вместе": 72px















     - Suggestions -> Footer: 72px















   ========================================================================== */































/* 1. Categories */















.categories {















  padding-top: 0 !important;















  padding-bottom: 0 !important;















  margin-top: 0 !important;















  margin-bottom: 0 !important;















}































/* 2. Car Brands (Запчасти по маркам авто) */















.brands {















  padding-top: 56px !important; /* 56px from Categories cards to Brands title */















  padding-bottom: 0 !important;















  margin-top: 0 !important;















  margin-bottom: 0 !important;















  width: 100% !important;















}































.brands__header {















  margin-top: 0 !important;















  margin-bottom: 18px !important;















}































.brands__actions {















  text-align: center !important;















  margin-top: 28px !important; /* 28px under brand tiles */















  margin-bottom: 0 !important;















  padding-bottom: 0 !important;















}































/* 3. Popular Products (Популярные товары) */















.wares.wares--popular {















  padding-top: 72px !important; /* 72px from "Показать все марки (34)" button */















  padding-bottom: 0 !important;















  margin-top: 0 !important;















  margin-bottom: 0 !important;















  width: 100% !important;















}































.wares--popular .swiper--popular {















  padding-bottom: 0 !important;















}































.wares--popular .swiper-slider__pagination--popular {















  display: none !important;















  margin: 0 !important;















  padding: 0 !important;















  height: 0 !important;















}































.wares--popular .swiper-slider__footer {















  text-align: center !important;















  margin-top: 0 !important;















  padding-top: 28px !important; /* 28px under product cards */















  margin-bottom: 0 !important;















  padding-bottom: 0 !important;















  width: 100% !important;















}































/* 4. Promo Banner */















.banner {















  margin-top: 72px !important;    /* 72px from "Все товары" button */















  margin-bottom: 72px !important; /* 72px to "Часто покупают вместе" */















  padding-top: 0 !important;















  padding-bottom: 0 !important;















  width: 100% !important;















}































/* 5. Suggestion Products */















.wares.wares--suggestion {















  padding-top: 0 !important;















  padding-bottom: 0 !important;















  margin-top: 0 !important;















  margin-bottom: 0 !important;















  width: 100% !important;















}































.wares--suggestion .swiper--suggestion {















  padding-bottom: 0 !important;















}































.wares--suggestion .swiper-slider__pagination--suggestion {















  display: none !important;















  margin: 0 !important;















  padding: 0 !important;















  height: 0 !important;















}































.wares--suggestion .swiper-slider__footer {















  text-align: center !important;















  margin-top: 0 !important;















  padding-top: 28px !important;















  margin-bottom: 0 !important;















  padding-bottom: 0 !important;















  width: 100% !important;















}















/* brands_before_popular_1788792269 */































/* deployed_aligned_footer_1788792907 */































/* ==========================================================================















   ELEGANT BALANCED 4-COLUMN FOOTER SYSTEM















   ========================================================================== */































/* 1. Base Container & Resets */















.page-footer {















  background-color: #f7f8fa !important;















  border-top: 1px solid #e1e4ec !important;















  margin-top: 0 !important;















  padding-top: 56px !important;















  padding-bottom: 32px !important;















  width: 100% !important;















  color: #22242a !important;















  font-family: inherit !important;















  position: relative !important;















  box-sizing: border-box !important;















}































.page-footer__container {















  width: 100% !important;















  max-width: 1210px !important;















  padding-left: 20px !important;















  padding-right: 20px !important;















  margin-left: auto !important;















  margin-right: auto !important;















  box-sizing: border-box !important;















}































/* Neutralize legacy donor rules from style.min.css */















.page-footer__store ul,















.page-footer__sections ul,















.footer-nav__list {















  column-count: 1 !important;















  column-gap: 0 !important;















  list-style: none !important;















  padding: 0 !important;















  margin: 0 !important;















}































.page-footer__sections li,















.footer-nav__item {















  max-width: 100% !important;















  width: 100% !important;















  list-style: none !important;















}































/* 2. Grid Architecture */















.footer-grid {















  display: grid !important;















  grid-template-columns: 1.25fr 1fr 1fr 1.35fr !important;















  column-gap: 36px !important;















  row-gap: 36px !important;















  align-items: start !important;















  margin-bottom: 44px !important;















}































.footer-col {















  display: flex !important;















  flex-direction: column !important;















  min-width: 0 !important;















}































.footer-col__title {















  font-family: var(--font-primary) !important;















  font-size: 15px !important;















  font-weight: 700 !important;















  letter-spacing: 0.03em !important;















  text-transform: uppercase !important;















  color: #22242a !important;















  margin: 0 0 20px 0 !important;















  padding: 0 !important;















  line-height: 1.3 !important;















}































/* 3. Column 1: Brand & Newsletter */















.footer-brand-logo {















  display: inline-block !important;















  margin-bottom: 16px !important;















  text-decoration: none !important;















}































.footer-brand-logo img {















  display: block !important;















  max-width: 148px !important;















  height: auto !important;















}































.footer-brand-desc {















  font-size: 13.5px !important;















  line-height: 1.55 !important;















  color: #555a65 !important;















  margin: 0 0 22px 0 !important;















  max-width: 320px !important;















}































.footer-newsletter {















  max-width: 320px !important;















}































.footer-newsletter__title {















  font-size: 12.5px !important;















  font-weight: 600 !important;















  color: #22242a !important;















  margin-bottom: 8px !important;















  display: block !important;















}































.footer-newsletter__form {















  display: flex !important;















  gap: 8px !important;















  position: relative !important;















}































.footer-newsletter__input {















  flex: 1 !important;















  height: 42px !important;















  background: #ffffff !important;















  border: 1px solid #d5d9e2 !important;















  border-radius: 6px !important;















  padding: 0 14px !important;















  font-size: 13.5px !important;















  color: #22242a !important;















  outline: none !important;















  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;















  box-sizing: border-box !important;















}































.footer-newsletter__input:focus {















  border-color: #e30613 !important;















  box-shadow: 0 0 0 3px rgba(227, 6, 19, 0.12) !important;















}































.footer-newsletter__btn {















  width: 44px !important;















  height: 42px !important;















  background-color: #e30613 !important;















  color: #ffffff !important;















  border: none !important;















  border-radius: 6px !important;















  display: flex !important;















  align-items: center !important;















  justify-content: center !important;















  cursor: pointer !important;















  transition: background-color 0.2s ease, transform 0.15s ease !important;















  flex-shrink: 0 !important;















}































.footer-newsletter__btn:hover {















  background-color: #c40510 !important;















  transform: translateY(-1px) !important;















}































/* 4. Column 2 & 3: Navigation Links */















.footer-nav__list {















  display: flex !important;















  flex-direction: column !important;















  gap: 10px !important;















}































.footer-nav__link {















  font-size: 14px !important;















  line-height: 1.45 !important;















  color: #555a65 !important;















  text-decoration: none !important;















  display: inline-block !important;















  transition: color 0.2s ease, transform 0.15s ease !important;















}































.footer-nav__link:hover {















  color: #e30613 !important;















  transform: translateX(3px) !important;















}































/* 5. Column 4: Contacts & Actions */















.footer-contacts__body {















  display: flex !important;















  flex-direction: column !important;















  gap: 14px !important;















}































.footer-contacts__phone-box {















  display: flex !important;















  flex-direction: column !important;















  gap: 3px !important;















}































.footer-contacts__phone {















  font-family: var(--font-primary) !important;















  font-size: 20px !important;















  font-weight: 700 !important;















  letter-spacing: -0.01em !important;















  color: #22242a !important;















  text-decoration: none !important;















  line-height: 1.2 !important;















  display: inline-block !important;















  transition: color 0.2s ease !important;















}































.footer-contacts__phone:hover {















  color: #e30613 !important;















}































.footer-contacts__schedule {















  font-size: 12px !important;















  color: #778290 !important;















  line-height: 1.3 !important;















}































.footer-contacts__row {















  display: flex !important;















  align-items: center !important;















  gap: 9px !important;















  font-size: 13.5px !important;















  line-height: 1.4 !important;















  color: #4a5568 !important;















  text-decoration: none !important;















  transition: color 0.2s ease !important;















}































.footer-contacts__icon {















  color: #e30613 !important;















  flex-shrink: 0 !important;















}































.footer-contacts__row:hover {















  color: #e30613 !important;















}































/* MAX Messenger Card */















.footer-max-card {















  display: flex !important;















  align-items: center !important;















  gap: 10px !important;















  padding: 8px 14px !important;















  background: #ffffff !important;















  border: 1px solid #e1e4ec !important;















  border-radius: 8px !important;















  text-decoration: none !important;















  transition: all 0.2s ease !important;















  width: fit-content !important;















  max-width: 250px !important;















  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;















}































.footer-max-card:hover {















  border-color: #6c47ff !important;















  box-shadow: 0 4px 12px rgba(108, 71, 255, 0.15) !important;















  transform: translateY(-2px) !important;















}































.footer-max-card__icon {















  width: 28px !important;















  height: 28px !important;















  border-radius: 6px !important;















  flex-shrink: 0 !important;















  display: block !important;















}































.footer-max-card__info {















  display: flex !important;















  flex-direction: column !important;















  line-height: 1.2 !important;















}































.footer-max-card__label {















  font-size: 11px !important;















  font-weight: 700 !important;















  text-transform: uppercase !important;















  letter-spacing: 0.04em !important;















  color: #6c47ff !important;















  margin-bottom: 2px !important;















}































.footer-max-card__phone {















  font-size: 16px !important;















  font-weight: 700 !important;















  color: #22242a !important;















}































/* Action Button: Задать вопрос */















.footer-ask-btn {















  display: inline-flex !important;















  align-items: center !important;















  justify-content: center !important;















  gap: 8px !important;















  background-color: #e30613 !important;















  color: #ffffff !important;















  border: none !important;















  border-radius: 6px !important;















  height: 44px !important;















  padding: 0 20px !important;















  font-size: 14px !important;















  font-weight: 700 !important;















  cursor: pointer !important;















  text-decoration: none !important;















  width: 100% !important;















  max-width: 250px !important;















  box-shadow: 0 2px 8px rgba(227, 6, 19, 0.22) !important;















  transition: all 0.2s ease !important;















  margin-top: 4px !important;















}































.footer-ask-btn:hover {















  background-color: #c40510 !important;















  box-shadow: 0 4px 12px rgba(227, 6, 19, 0.32) !important;















  transform: translateY(-1px) !important;















}































.footer-ask-btn:active {















  transform: translateY(0) !important;















}































/* 6. Footer Bottom Bar */















.footer-bottom {















  border-top: 1px solid #e1e4ec !important;















  padding-top: 24px !important;















}































.footer-bottom__inner {















  display: flex !important;















  justify-content: space-between !important;















  align-items: center !important;















  gap: 16px !important;















  flex-wrap: wrap !important;















  font-size: 13px !important;















  color: #778290 !important;















  line-height: 1.5 !important;















}































.footer-bottom__copy {















  margin: 0 !important;















}































.footer-bottom__note {















  margin: 0 !important;















  color: #8a94a6 !important;















}































/* 7. Modal «Задать вопрос» */















.footer-modal {















  display: none;















  position: fixed !important;















  top: 0 !important;















  left: 0 !important;















  right: 0 !important;















  bottom: 0 !important;















  z-index: 99999 !important;















  align-items: center !important;















  justify-content: center !important;















  padding: 20px !important;















  box-sizing: border-box !important;















}































.footer-modal--active {















  display: flex !important;















}































.footer-modal__backdrop {















  position: absolute !important;















  top: 0 !important;















  left: 0 !important;















  right: 0 !important;















  bottom: 0 !important;















  background: rgba(18, 20, 26, 0.6) !important;















  backdrop-filter: blur(4px) !important;















  -webkit-backdrop-filter: blur(4px) !important;















}































.footer-modal__dialog {















  position: relative !important;















  background: #ffffff !important;















  border-radius: 12px !important;















  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.22) !important;















  width: 100% !important;















  max-width: 480px !important;















  padding: 32px !important;















  z-index: 2 !important;















  box-sizing: border-box !important;















  animation: footerModalAppear 0.22s ease-out forwards !important;















}































@keyframes footerModalAppear {















  from {















    opacity: 0;















    transform: translateY(16px) scale(0.98);















  }















  to {















    opacity: 1;















    transform: translateY(0) scale(1);















  }















}































.footer-modal__close {















  position: absolute !important;















  top: 18px !important;















  right: 18px !important;















  background: #f2f4f7 !important;















  border: none !important;















  border-radius: 50% !important;















  width: 32px !important;















  height: 32px !important;















  font-size: 20px !important;















  line-height: 1 !important;















  color: #555a65 !important;















  cursor: pointer !important;















  display: flex !important;















  align-items: center !important;















  justify-content: center !important;















  transition: all 0.2s ease !important;















}































.footer-modal__close:hover {















  background: #e30613 !important;















  color: #ffffff !important;















}































.footer-modal__head {















  margin-bottom: 20px !important;















}































.footer-modal__badge {















  display: inline-block !important;















  background: #fff0f1 !important;















  color: #e30613 !important;















  font-size: 11px !important;















  font-weight: 700 !important;















  padding: 3px 10px !important;















  border-radius: 20px !important;















  margin-bottom: 8px !important;















  text-transform: uppercase !important;















  letter-spacing: 0.04em !important;















}































.footer-modal__title {















  font-family: var(--font-primary) !important;















  font-size: 20px !important;















  font-weight: 700 !important;















  color: #22242a !important;















  margin: 0 0 6px 0 !important;















}































.footer-modal__desc {















  font-size: 13px !important;















  line-height: 1.45 !important;















  color: #687182 !important;















  margin: 0 !important;















}































.footer-modal__form {















  display: flex !important;















  flex-direction: column !important;















  gap: 14px !important;















}































.footer-modal__field {















  display: flex !important;















  flex-direction: column !important;















  gap: 5px !important;















}































.footer-modal__label {















  font-size: 12.5px !important;















  font-weight: 600 !important;















  color: #22242a !important;















}































.footer-modal__input,















.footer-modal__textarea {















  width: 100% !important;















  background: #ffffff !important;















  border: 1px solid #d5d9e2 !important;















  border-radius: 6px !important;















  padding: 10px 14px !important;















  font-size: 14px !important;















  color: #22242a !important;















  outline: none !important;















  box-sizing: border-box !important;















  font-family: inherit !important;















  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;















}































.footer-modal__input {















  height: 44px !important;















}































.footer-modal__textarea {















  resize: vertical !important;















  min-height: 72px !important;















}































.footer-modal__input:focus,















.footer-modal__textarea:focus {















  border-color: #e30613 !important;















  box-shadow: 0 0 0 3px rgba(227, 6, 19, 0.12) !important;















}































.footer-modal__submit {















  background-color: #e30613 !important;















  color: #ffffff !important;















  border: none !important;















  border-radius: 6px !important;















  height: 46px !important;















  font-size: 15px !important;















  font-weight: 700 !important;















  cursor: pointer !important;















  transition: background-color 0.2s ease, box-shadow 0.2s ease !important;















  box-shadow: 0 2px 8px rgba(227, 6, 19, 0.24) !important;















  margin-top: 4px !important;















}































.footer-modal__submit:hover {















  background-color: #c40510 !important;















  box-shadow: 0 4px 14px rgba(227, 6, 19, 0.35) !important;















}































.footer-modal__privacy {















  font-size: 11.5px !important;















  color: #8a94a6 !important;















  line-height: 1.4 !important;















  margin: 0 !important;















  text-align: center !important;















}































.footer-modal__privacy a {















  color: #555a65 !important;















  text-decoration: underline !important;















}































.footer-modal__privacy a:hover {















  color: #e30613 !important;















}































.footer-modal__success {















  background: #f0fdf4 !important;















  border: 1px solid #bbf7d0 !important;















  border-radius: 8px !important;















  padding: 16px !important;















  text-align: center !important;















  color: #166534 !important;















  margin-top: 8px !important;















}































.footer-modal__success-check {















  display: inline-flex !important;















  align-items: center !important;















  justify-content: center !important;















  width: 32px !important;















  height: 32px !important;















  background: #22c55e !important;















  color: #ffffff !important;















  border-radius: 50% !important;















  font-size: 18px !important;















  font-weight: bold !important;















  margin-bottom: 8px !important;















}































.footer-modal__success strong {















  display: block !important;















  font-size: 15px !important;















  margin-bottom: 4px !important;















}































.footer-modal__success p {















  font-size: 13px !important;















  margin: 0 !important;















  color: #15803d !important;















}































/* 8. Responsive Adaptations */















@media (max-width: 1024px) {















  .footer-grid {















    grid-template-columns: 1fr 1fr !important;















    row-gap: 40px !important;















  }















}































@media (max-width: 640px) {















  .page-footer {















    padding-top: 40px !important;















    padding-bottom: 24px !important;















  }















  .footer-grid {















    grid-template-columns: 1fr !important;















    gap: 32px !important;















    margin-bottom: 32px !important;















  }















  .footer-bottom__inner {















    flex-direction: column !important;















    align-items: flex-start !important;















    gap: 8px !important;















  }















  .footer-max-card,















  .footer-ask-btn {















    max-width: 100% !important;















  }















  .footer-modal__dialog {















    padding: 24px 18px !important;















  }















}















































/* deployed_aligned_footer_v2_1788793010 */































/* ==========================================================================















   PERFECT BALANCED 4-COLUMN FOOTER SYSTEM (V2)















   ========================================================================== */































/* Force container to block so children stack vertically across full 1210px */















.page-footer__container {















  display: block !important;















  flex-direction: column !important;















  width: 100% !important;















  max-width: 1210px !important;















  padding-left: 20px !important;















  padding-right: 20px !important;















  margin-left: auto !important;















  margin-right: auto !important;















  box-sizing: border-box !important;















}































.page-footer {















  background-color: #f7f8fa !important;















  border-top: 1px solid #e1e4ec !important;















  margin-top: 0 !important;















  padding-top: 56px !important;















  padding-bottom: 36px !important;















  width: 100% !important;















  color: #22242a !important;















  position: relative !important;















  box-sizing: border-box !important;















}































/* Neutralize any legacy style.min.css rules */















.page-footer__store ul,















.page-footer__sections ul,















.footer-nav__list {















  column-count: 1 !important;















  column-gap: 0 !important;















  list-style: none !important;















  padding: 0 !important;















  margin: 0 !important;















}































.page-footer__sections li,















.footer-nav__item {















  max-width: 100% !important;















  width: 100% !important;















  list-style: none !important;















  margin: 0 !important;















  padding: 0 !important;















}































/* 4-Column Grid: Brand(310px), Catalog(1fr), Customers(1fr), Contacts(280px) */















.footer-grid {















  display: grid !important;















  grid-template-columns: 320px 1fr 1fr 270px !important;















  column-gap: 40px !important;















  row-gap: 36px !important;















  align-items: start !important;















  width: 100% !important;















  box-sizing: border-box !important;















  margin-bottom: 44px !important;















}































.footer-col {















  display: flex !important;















  flex-direction: column !important;















  min-width: 0 !important;















}































.footer-col__title {















  font-family: var(--font-primary) !important;















  font-size: 15px !important;















  font-weight: 700 !important;















  letter-spacing: 0.03em !important;















  text-transform: uppercase !important;















  color: #22242a !important;















  margin: 0 0 20px 0 !important;















  padding: 0 !important;















  line-height: 1.3 !important;















}































/* Column 1: Brand & Newsletter */















.footer-brand-logo {















  display: inline-block !important;















  margin-bottom: 16px !important;















  text-decoration: none !important;















}































.footer-brand-logo img {















  display: block !important;















  max-width: 148px !important;















  height: auto !important;















}































.footer-brand-desc {















  font-size: 13.5px !important;















  line-height: 1.55 !important;















  color: #555a65 !important;















  margin: 0 0 20px 0 !important;















  max-width: 320px !important;















}































.footer-newsletter {















  max-width: 310px !important;















  width: 100% !important;















}































.footer-newsletter__title {















  font-size: 12.5px !important;















  font-weight: 600 !important;















  color: #22242a !important;















  margin-bottom: 8px !important;















  display: block !important;















}































.footer-newsletter__form {















  display: flex !important;















  align-items: stretch !important;















  position: relative !important;















  width: 100% !important;















  max-width: 310px !important;















}































.footer-newsletter__input {















  flex: 1 !important;















  height: 42px !important;















  background: #ffffff !important;















  border: 1px solid #d5d9e2 !important;















  border-right: none !important;















  border-radius: 6px 0 0 6px !important;















  padding: 0 14px !important;















  font-size: 13.5px !important;















  color: #22242a !important;















  outline: none !important;















  box-sizing: border-box !important;















  transition: border-color 0.2s ease !important;















}































.footer-newsletter__input:focus {















  border-color: #e30613 !important;















}































.footer-newsletter__btn {















  width: 46px !important;















  height: 42px !important;















  background-color: #e30613 !important;















  color: #ffffff !important;















  border: 1px solid #e30613 !important;















  border-radius: 0 6px 6px 0 !important;















  display: flex !important;















  align-items: center !important;















  justify-content: center !important;















  cursor: pointer !important;















  transition: background-color 0.2s ease !important;















  flex-shrink: 0 !important;















  padding: 0 !important;















}































.footer-newsletter__btn:hover {















  background-color: #c40510 !important;















  border-color: #c40510 !important;















}































/* Columns 2 & 3: Navigation Links */















.footer-nav__list {















  display: flex !important;















  flex-direction: column !important;















  gap: 11px !important;















}































.footer-nav__link {















  font-size: 14px !important;















  line-height: 1.45 !important;















  color: #555a65 !important;















  text-decoration: none !important;















  display: inline-block !important;















  transition: color 0.2s ease, transform 0.15s ease !important;















}































.footer-nav__link:hover {















  color: #e30613 !important;















  transform: translateX(3px) !important;















}































/* Column 4: Contacts & Actions */















.footer-contacts__body {















  display: flex !important;















  flex-direction: column !important;















  gap: 13px !important;















}































.footer-contacts__phone-box {















  display: flex !important;















  flex-direction: column !important;















  gap: 3px !important;















}































.footer-contacts__phone {















  font-family: var(--font-primary) !important;















  font-size: 20px !important;















  font-weight: 700 !important;















  letter-spacing: -0.01em !important;















  color: #22242a !important;















  text-decoration: none !important;















  line-height: 1.2 !important;















  display: inline-block !important;















  transition: color 0.2s ease !important;















}































.footer-contacts__phone:hover {















  color: #e30613 !important;















}































.footer-contacts__schedule {















  font-size: 12px !important;















  color: #778290 !important;















  line-height: 1.3 !important;















}































.footer-contacts__row {















  display: flex !important;















  align-items: center !important;















  gap: 9px !important;















  font-size: 13.5px !important;















  line-height: 1.4 !important;















  color: #4a5568 !important;















  text-decoration: none !important;















  transition: color 0.2s ease !important;















}































.footer-contacts__icon {















  color: #e30613 !important;















  flex-shrink: 0 !important;















}































.footer-contacts__row:hover {















  color: #e30613 !important;















}































/* MAX Messenger Card */















.footer-max-card {















  display: flex !important;















  align-items: center !important;















  gap: 10px !important;















  padding: 8px 14px !important;















  background: #ffffff !important;















  border: 1px solid #e1e4ec !important;















  border-radius: 8px !important;















  text-decoration: none !important;















  transition: all 0.2s ease !important;















  width: 100% !important;















  max-width: 260px !important;















  box-sizing: border-box !important;















  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;















}































.footer-max-card:hover {















  border-color: #6c47ff !important;















  box-shadow: 0 4px 12px rgba(108, 71, 255, 0.15) !important;















  transform: translateY(-2px) !important;















}































.footer-max-card__icon {















  width: 28px !important;















  height: 28px !important;















  border-radius: 6px !important;















  flex-shrink: 0 !important;















  display: block !important;















}































.footer-max-card__info {















  display: flex !important;















  flex-direction: column !important;















  line-height: 1.2 !important;















}































.footer-max-card__label {















  font-size: 10.5px !important;















  font-weight: 700 !important;















  text-transform: uppercase !important;















  letter-spacing: 0.04em !important;















  color: #6c47ff !important;















  margin-bottom: 2px !important;















}































.footer-max-card__phone {















  font-size: 13.5px !important;















  font-weight: 700 !important;















  color: #22242a !important;















}































/* Action Button: Задать вопрос */















.footer-ask-btn {















  display: inline-flex !important;















  align-items: center !important;















  justify-content: center !important;















  gap: 8px !important;















  background-color: #e30613 !important;















  color: #ffffff !important;















  border: none !important;















  border-radius: 6px !important;















  height: 44px !important;















  padding: 0 20px !important;















  font-size: 14px !important;















  font-weight: 700 !important;















  cursor: pointer !important;















  text-decoration: none !important;















  width: 100% !important;















  max-width: 260px !important;















  box-sizing: border-box !important;















  box-shadow: 0 2px 8px rgba(227, 6, 19, 0.22) !important;















  transition: all 0.2s ease !important;















  margin-top: 2px !important;















}































.footer-ask-btn:hover {















  background-color: #c40510 !important;















  box-shadow: 0 4px 12px rgba(227, 6, 19, 0.32) !important;















  transform: translateY(-1px) !important;















}































.footer-ask-btn:active {















  transform: translateY(0) !important;















}































/* Full Width Bottom Bar */















.footer-bottom {















  width: 100% !important;















  border-top: 1px solid #e1e4ec !important;















  padding-top: 24px !important;















  box-sizing: border-box !important;















}































.footer-bottom__inner {















  display: flex !important;















  justify-content: space-between !important;















  align-items: center !important;















  gap: 16px !important;















  flex-wrap: wrap !important;















  font-size: 13px !important;















  color: #778290 !important;















  line-height: 1.5 !important;















}































.footer-bottom__copy {















  margin: 0 !important;















}































.footer-bottom__note {















  margin: 0 !important;















  color: #8a94a6 !important;















}































/* Responsive */















@media (max-width: 1024px) {















  .footer-grid {















    grid-template-columns: 1fr 1fr !important;















    row-gap: 36px !important;















  }















}































@media (max-width: 640px) {















  .page-footer {















    padding-top: 40px !important;















    padding-bottom: 24px !important;















  }















  .footer-grid {















    grid-template-columns: 1fr !important;















    gap: 32px !important;















    margin-bottom: 32px !important;















  }















  .footer-bottom__inner {















    flex-direction: column !important;















    align-items: flex-start !important;















    gap: 8px !important;















  }















  .footer-max-card,















  .footer-ask-btn {















    max-width: 100% !important;















  }















}















































/* ==========================================================================















   INCREASED TOP GAP TO CAR BRANDS BLOCK (v=1788793487)















   Increased padding-top from 56px to 84px (+28px breathing room from Categories)















   ========================================================================== */















.brands {















  padding-top: 84px !important;















}































@media (max-width: 600px) {















  .brands {















    padding-top: 48px !important;















  }















}















































/* deployed_slider_support_1788794559 */















.notice__slider .swiper-slide picture {















  display: block !important;















  width: 100% !important;















  height: 100% !important;















}















.notice__slider .swiper-slide picture img {















  display: block !important;















  width: 100% !important;















  height: 100% !important;















  object-fit: cover !important;















  border-radius: 3px !important;















}















































































/* ==========================================================================















   PAGE LAYOUT & FOOTER FLOW FIX (v=1788811059)















   ========================================================================== */















html.page,















body.page__body {















  height: auto !important;















  min-height: 100% !important;















  display: block !important;















}































.container-main {















  display: block !important;















  height: auto !important;















  min-height: auto !important;















  padding: 0 !important;















}































.main.main--main-page {















  display: block !important;















  height: auto !important;















  min-height: auto !important;















  position: static !important;















  clear: both !important;















}































.page-footer {















  display: block !important;















  position: relative !important;















  clear: both !important;















  margin-top: 0 !important;















}































.footer-brand-logo {















  display: inline-block !important;















  margin-bottom: 16px !important;















  text-decoration: none !important;















}































.footer-brand-logo img {















  display: block !important;















  width: 180px !important;















  max-width: 180px !important;















  aspect-ratio: 300 / 80 !important;















  height: auto !important;















}































































/* ==========================================================================















   MEGA MENU STEP 1.1 - CLICK ONLY, BUTTON [ ☰ ] -> [ ✕ ], LIGHT BACKDROP (v=1788811277)















   ========================================================================== */































/* Button bars transform into ✕ when open */















.header-catalog-btn__bars {















  position: relative !important;















  display: flex !important;















  flex-direction: column !important;















  justify-content: space-between !important;















  width: 16px !important;















  height: 14px !important;















  margin-right: 6px !important;















}































.header-catalog-btn__bars span {















  display: block !important;















  width: 100% !important;















  height: 2px !important;















  background-color: #ffffff !important;















  border-radius: 1px !important;















  transition: transform 0.18s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.15s ease !important;















  transform-origin: center !important;















}































.header-catalog-wrap.is-open .header-catalog-btn__bars span:nth-child(1) {















  transform: translateY(6px) rotate(45deg) !important;















}































.header-catalog-wrap.is-open .header-catalog-btn__bars span:nth-child(2) {















  opacity: 0 !important;















  transform: scaleX(0) !important;















}































.header-catalog-wrap.is-open .header-catalog-btn__bars span:nth-child(3) {















  transform: translateY(-6px) rotate(-45deg) !important;















}































.header-catalog-wrap.is-open .header-catalog-btn__chevron {















  display: none !important;















}































/* Legacy mega-menu styles removed in favor of Section 1.6 */































/* Sticky state catalog button bars when open */















.page-header.is-sticky .header-catalog-wrap.is-open .header-catalog-btn__bars span:nth-child(1) {















  transform: translateY(6px) rotate(45deg) !important;















}































.page-header.is-sticky .header-catalog-wrap.is-open .header-catalog-btn__bars span:nth-child(2) {















  opacity: 0 !important;















  transform: scaleX(0) !important;















}































.page-header.is-sticky .header-catalog-wrap.is-open .header-catalog-btn__bars span:nth-child(3) {















  transform: translateY(-6px) rotate(-45deg) !important;















}































.page-header.is-sticky .header-catalog-wrap.is-open .header-catalog-btn__chevron {















  display: none !important;















}















































/* Legacy mega-menu tweak removed in favor of Section 1.6 */















































/* Clickable Swiper Slides (ts=1788814207) */















.notice__slider .swiper-slide a,















.notice__slider .swiper-slide-link {















  display: block !important;















  width: 100% !important;















  height: 100% !important;















  text-decoration: none !important;















  cursor: pointer !important;















  border-radius: 14px !important;















  overflow: hidden !important;















  transition: opacity 0.2s ease !important;















}































.notice__slider .swiper-slide a:hover,















.notice__slider .swiper-slide-link:hover {















  opacity: 0.98 !important;















}































.notice__slider .swiper-slide-link picture,















.notice__slider .swiper-slide-link img {















  display: block !important;















  width: 100% !important;















  height: 100% !important;















  object-fit: cover !important;















  border-radius: 14px !important;















}















































@media (max-width: 767px) {















  .swiper-slider__button-prev--promo,















  .swiper-slider__button-next--promo,















  .notice__slider .swiper-slider__button-prev,















  .notice__slider .swiper-slider__button-next {















    display: none !important;















  }















}















































/* ==========================================================================















   MOBILE ADAPTATION (max-width: 767px) - ТЗ: Header & Hero Slider















   ========================================================================== */















@media (max-width: 767px) {















  /* 1. Mobile Header (Height 56-64px -> 60px) */















  .page-header {















    width: 100% !important;















  }































  .header-main-bar {















    height: 60px !important;















    min-height: 60px !important;















    box-sizing: border-box !important;















  }































  .header-main-bar__container {















    height: 60px !important;















    min-height: 60px !important;















    padding: 0 16px !important;















    display: flex !important;















    align-items: center !important;















    justify-content: space-between !important;















    box-sizing: border-box !important;















    gap: 10px !important;















  }































  /* Hamburger touch target 44x44px */















  .page-header__menu-toggle::before,















  .page-header__menu-toggle::after {















    content: none !important;















    display: none !important;















  }















  .page-header__menu-toggle {















    display: flex !important;















    align-items: center !important;















    justify-content: center !important;















    width: 44px !important;















    min-width: 44px !important;















    height: 44px !important;















    min-height: 44px !important;















    padding: 0 !important;















    margin: 0 !important;















    border: none !important;















    background: none !important;















    cursor: pointer !important;















    box-sizing: border-box !important;















    touch-action: manipulation !important;















    -webkit-tap-highlight-color: transparent !important;















  }































  .page-header__menu-toggle-bar {















    position: relative !important;















    display: block !important;















    width: 22px !important;















    height: 2px !important;















    background-color: #22242a !important;















    border-radius: 1px !important;















    margin: 0 auto !important;















  }































  .page-header__menu-toggle-bar::before,















  .page-header__menu-toggle-bar::after {















    content: '' !important;















    position: absolute !important;















    left: 0 !important;















    width: 100% !important;















    height: 2px !important;















    background-color: #22242a !important;















    border-radius: 1px !important;















  }































  .page-header__menu-toggle-bar::before {















    top: -7px !important;















  }































  .page-header__menu-toggle-bar::after {















    bottom: -7px !important;















  }































  /* Brand Logo (95-110px -> 105px, proportional, centered) */















  .header-logo,















  .logo,















  a.header-logo,















  a.logo {















    width: 105px !important;















    max-width: 105px !important;















    min-width: 95px !important;















    height: auto !important;















    margin: 0 auto !important;















    display: flex !important;















    align-items: center !important;















    justify-content: center !important;















  }































  .header-logo img,















  .logo img {















    width: 105px !important;















    max-width: 105px !important;















    min-width: 95px !important;















    height: auto !important;















    object-fit: contain !important;















    display: block !important;















  }































  /* Sticky state header on mobile */















  .page-header.is-sticky .header-main-bar {















    height: 60px !important;















    min-height: 60px !important;















  }































  .page-header.is-sticky .header-logo,















  .page-header.is-sticky .logo,















  .page-header.is-sticky a.header-logo,















  .page-header.is-sticky a.logo {















    width: 105px !important;















    max-width: 105px !important;















    margin: 0 auto !important;















  }































  .page-header.is-sticky .header-logo img,















  .page-header.is-sticky .logo img {















    width: 105px !important;















    max-width: 105px !important;















  }































  .page-header.is-sticky .header-search-compact {















    display: none !important;















  }































  /* Cart touch target 44x44px */















  .header-user-nav {















    display: flex !important;















    align-items: center !important;















    justify-content: flex-end !important;















    margin: 0 !important;















    gap: 0 !important;















  }































  .header-user-nav__btn--cart,















  .header-user-nav__btn--cart.header-cart {















    display: flex !important;















    align-items: center !important;















    justify-content: center !important;















    width: 44px !important;















    min-width: 44px !important;















    height: 44px !important;















    min-height: 44px !important;















    padding: 0 !important;















    margin: 0 !important;















    border: none !important;















    background: none !important;















    box-sizing: border-box !important;















    position: relative !important;















    touch-action: manipulation !important;















    -webkit-tap-highlight-color: transparent !important;















  }































  .header-user-nav__btn--cart .header-user-nav__icon-wrap {















    position: relative !important;















    display: flex !important;















    align-items: center !important;















    justify-content: center !important;















    width: 26px !important;















    height: 26px !important;















  }































  .header-user-nav__btn--cart .header-user-nav__icon {















    width: 22px !important;















    height: 22px !important;















  }































  .header-user-nav__badge {















    position: absolute !important;















    top: -4px !important;















    right: -8px !important;















    min-width: 16px !important;















    height: 16px !important;















    font-size: 10px !important;















  }































  .header-cart-label {















    display: none !important;















  }































  .header-top-bar,















  .header-contacts,















  .header-catalog-wrap,















  .header-search-compact,















  .header-user-nav__btn--favorite {















    display: none !important;















  }































  /* 2. Mobile Hero & Slider (Full-Bleed 100% Viewport Width per ТЗ) */















  .notice {















    width: 100% !important;















    max-width: 100% !important;















    margin-top: 0 !important;















    margin-bottom: 24px !important;















    padding: 0 !important;















    overflow: hidden !important;















  }































  .notice__container {















    width: 100% !important;















    max-width: 100% !important;















    margin: 0 !important;















    padding: 0 !important;















    display: flex !important;















    flex-direction: column !important;















    align-items: stretch !important;















    gap: 0 !important;















    box-sizing: border-box !important;















  }































  /* Edge-to-edge full width slide */















  .notice__slider {















    flex: 0 0 auto !important;















    width: 100% !important;















    max-width: 100% !important;















    margin: 0 !important;















    padding: 0 !important;















    border-radius: 0 !important;















    box-shadow: none !important;















    aspect-ratio: 960 / 438 !important;















    height: auto !important;















    min-height: unset !important;















    overflow: hidden !important;















    background-color: #1a1a1a !important;















    position: relative !important;















  }































  .notice__slider .swiper,















  .notice__slider .swiper--promo {















    width: 100% !important;















    max-width: 100% !important;















    height: 100% !important;















    border-radius: 0 !important;















    margin: 0 !important;















    padding: 0 !important;















    overflow: hidden !important;















  }































  .notice__slider .swiper-wrapper {















    width: 100% !important;















    height: 100% !important;















  }































  .notice__slider .swiper-slide,















  .notice__slider .swiper-slide--promo {















    width: 100% !important;















    max-width: 100% !important;















    height: 100% !important;















    border-radius: 0 !important;















    overflow: hidden !important;















  }































  .notice__slider .swiper-slide a,















  .notice__slider .swiper-slide-link {















    width: 100% !important;















    max-width: 100% !important;















    height: 100% !important;















    border-radius: 0 !important;















    overflow: hidden !important;















    display: block !important;















  }































  .notice__slider .swiper-slide picture,















  .notice__slider .swiper-slide img,















  .notice__slider .swiper-slide-link picture,















  .notice__slider .swiper-slide-link img {















    width: 100% !important;















    max-width: 100% !important;















    height: 100% !important;















    aspect-ratio: 960 / 438 !important;















    object-fit: cover !important;















    border-radius: 0 !important;















    display: block !important;















  }































  /* Hide navigation arrows on mobile */















  .swiper-slider__button-prev--promo,















  .swiper-slider__button-next--promo,















  .notice__slider .swiper-slider__button-prev,















  .notice__slider .swiper-slider__button-next {















    display: none !important;















  }































  /* Centered pagination dots */















  .notice__slider .swiper-pagination,















  .notice__slider .swiper-slider__pagination--promo {















    bottom: 8px !important;















    left: 0 !important;















    width: 100% !important;















    display: flex !important;















    align-items: center !important;















    justify-content: center !important;















    gap: 6px !important;















    z-index: 10 !important;















  }































  /* Promo Action Card below slider with neat padding */















  .notice__action {















    flex: 0 0 auto !important;















    width: 100% !important;















    max-width: 100% !important;















    margin-top: 16px !important;















    padding: 0 16px !important;















    box-sizing: border-box !important;















  }































  .notice__action .action,















  .action.action--promo {















    width: 100% !important;















    max-width: 100% !important;















    height: auto !important;















    border-radius: 12px !important;















    box-sizing: border-box !important;















  }















}















































/* ==========================================================================















   INTERNAL PAGES SYSTEM (ТЗ: Выравнивание внутренней страницы по сетке сайта)















   ========================================================================== */















.internal-page {















  width: 100% !important;















  min-height: calc(100vh - 420px) !important;















  height: auto !important;















  background-color: #ffffff !important;















  padding: 0 0 64px 0 !important;















  box-sizing: border-box !important;















}































/* Единый контейнер сайта: Header container = Main container = Footer container = 1210px */















.internal-page__container {















  width: 100% !important;















  max-width: 1280px !important;















  margin: 0 auto !important;















  padding: 0 !important;















  box-sizing: border-box !important;















}































/* Основная колонка контента: 980px (целевой диапазон 960–1000px), начинается строго от левой границы */















.internal-page__content {















  width: 100% !important;















  max-width: 100% !important;















  margin: 0 !important;















  box-sizing: border-box !important;















}































/* 1. Breadcrumbs (12–13px, прямо над H1, отступ 14px к H1, на общей левой линии) */















.internal-page__breadcrumbs {















  margin: 0 0 14px 0 !important;















  width: 100% !important;















  max-width: 100% !important;















  box-sizing: border-box !important;















}































.internal-breadcrumbs {















  display: flex !important;















  align-items: center !important;















  flex-wrap: wrap !important;















  gap: 8px !important;















  list-style: none !important;















  padding: 0 !important;















  margin: 0 !important;















  font-family: var(--font-primary) !important;















  font-size: 13px !important;















  line-height: 18px !important;















}































.internal-breadcrumbs__item {















  display: inline-flex !important;















  align-items: center !important;















  margin: 0 !important;















  padding: 0 !important;















}































.internal-breadcrumbs__link {















  color: #71747d !important;















  text-decoration: none !important;















  transition: color 0.2s ease !important;















}































.internal-breadcrumbs__link:hover {















  color: var(--color-brand-red) !important;















}































.internal-breadcrumbs__separator {















  color: #9ca3af !important;















  user-select: none !important;















  font-size: 11px !important;















}































.internal-breadcrumbs__item--active {















  color: #121620 !important;















  font-weight: 500 !important;















}































/* 2. H1 Title (34px / 700 / line-height 1.2 / margin-bottom 28px к тексту, на общей левой линии) */















.internal-page__title {















  font-family: var(--font-primary) !important;















  font-size: 34px !important;















  font-weight: 700 !important;















  color: #121620 !important;















  line-height: 1.2 !important;















  margin: 0 0 28px 0 !important;















  letter-spacing: -0.3px !important;















  width: 100% !important;















  max-width: 100% !important;















  box-sizing: border-box !important;















}































/* 3. Заголовки H2 и крупные секции (вертикальный ритм 32–48px между секциями, 16–20px от H2 к тексту) */















.internal-section {















  margin-bottom: 40px !important;















  width: 100% !important;















  box-sizing: border-box !important;















}































.internal-section:last-child {















  margin-bottom: 0 !important;















}































.internal-section__title,















.internal-page__content h2 {















  font-family: var(--font-primary) !important;















  font-size: 24px !important;















  font-weight: 700 !important;















  color: #121620 !important;















  line-height: 1.3 !important;















  margin-top: 36px !important;















  margin-bottom: 18px !important;















  padding-bottom: 8px !important;















  border-bottom: 1px solid #eef0f4 !important;















}































.internal-section:first-child .internal-section__title,















.internal-page__content > h2:first-of-type {















  margin-top: 0 !important;















}































.internal-subsection__title,















.internal-page__content h3 {















  font-family: var(--font-primary) !important;















  font-size: 18px !important;















  font-weight: 700 !important;















  color: #1e293b !important;















  line-height: 1.4 !important;















  margin-top: 24px !important;















  margin-bottom: 12px !important;















}































/* 4. Основной текст (16px, line-height 1.65, 80-110 символов на строку в 980px колонке) */















.internal-text,















.internal-page__content p {















  font-family: var(--font-primary) !important;















  font-size: 16px !important;















  line-height: 1.65 !important;















  color: #2b2b2b !important;















  margin-top: 0 !important;















  margin-bottom: 14px !important;















}































.internal-text--lead {















  font-size: 17px !important;















  line-height: 1.7 !important;















  color: #1e293b !important;















  margin-bottom: 24px !important;















}































.internal-page__content ul,















.internal-page__content ol {















  font-family: var(--font-primary) !important;















  font-size: 16px !important;















  line-height: 1.6 !important;















  color: #2b2b2b !important;















  margin: 12px 0 20px 0 !important;















  padding-left: 24px !important;















}































.internal-page__content li {















  margin-bottom: 8px !important;















}































.internal-page__content a:not(.cta-btn) {















  color: var(--color-brand-red) !important;















  text-decoration: underline !important;















  text-underline-offset: 3px !important;















  transition: opacity 0.2s ease !important;















}































.internal-page__content a:not(.cta-btn):hover {















  opacity: 0.8 !important;















}































/* 5. Карточки доставки и оплаты (3 в ряд на desktop, растянуты на все 980px колонки) */















.info-grid {















  display: grid !important;















  grid-template-columns: repeat(3, 1fr) !important;















  gap: 20px !important;















  margin: 20px 0 28px 0 !important;















  width: 100% !important;















  box-sizing: border-box !important;















}































.info-card {















  background-color: #ffffff !important;















  border: 1px solid #e5e7eb !important;















  border-radius: 12px !important;















  padding: 24px !important;















  display: flex !important;















  flex-direction: column !important;















  box-sizing: border-box !important;















  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02) !important;















  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;















  width: 100% !important;















  height: 100% !important;















}































.info-card:hover {















  transform: translateY(-2px) !important;















  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06) !important;















  border-color: #d1d5db !important;















}































.info-card__header {















  display: flex !important;















  align-items: center !important;















  gap: 12px !important;















  margin-bottom: 14px !important;















}































.info-card__icon-box {















  width: 44px !important;















  height: 44px !important;















  border-radius: 10px !important;















  background-color: #f8fafc !important;















  border: 1px solid #edf2f7 !important;















  display: flex !important;















  align-items: center !important;















  justify-content: center !important;















  color: var(--color-brand-red) !important;















  flex-shrink: 0 !important;















}































.info-card__title {















  font-family: var(--font-primary) !important;















  font-size: 16.5px !important;















  font-weight: 700 !important;















  color: #121620 !important;















  line-height: 1.3 !important;















  margin: 0 !important;















}































.info-card__body {















  font-family: var(--font-primary) !important;















  font-size: 14.5px !important;















  line-height: 1.55 !important;















  color: #4b5563 !important;















  margin-top: auto !important;















}































.info-card__body p {















  font-size: 14.5px !important;















  line-height: 1.55 !important;















  color: #4b5563 !important;















  margin-bottom: 8px !important;















}































.info-card__meta {















  margin-top: 12px !important;















  padding-top: 10px !important;















  border-top: 1px dashed #e5e7eb !important;















  font-size: 13px !important;















  color: #6b7280 !important;















  display: flex !important;















  flex-direction: column !important;















  gap: 5px !important;















}































.info-card__meta-item {















  display: flex !important;















  justify-content: space-between !important;















  align-items: baseline !important;















  gap: 8px !important;















}































.info-card__meta-label {















  color: #6b7280 !important;















  font-size: 12.5px !important;















}































.info-card__meta-val {















  font-weight: 600 !important;















  color: #121620 !important;















  text-align: right !important;















}































/* 6. Акцентный блок предупреждения */















.info-alert {















  background-color: #fef8f8 !important;















  border: 1px solid #fee2e2 !important;















  border-left: 4px solid var(--color-brand-red) !important;















  border-radius: 0 10px 10px 0 !important;















  padding: 18px 24px !important;















  margin: 24px 0 !important;















  width: 100% !important;















  box-sizing: border-box !important;















}































.info-alert__title {















  font-family: var(--font-primary) !important;















  font-size: 14.5px !important;















  font-weight: 700 !important;















  text-transform: uppercase !important;















  letter-spacing: 0.6px !important;















  color: var(--color-brand-red) !important;















  margin-bottom: 8px !important;















  display: flex !important;















  align-items: center !important;















  gap: 8px !important;















}































.info-alert__text {















  font-size: 14.5px !important;















  line-height: 1.6 !important;















  color: #374151 !important;















  margin: 0 !important;















}































/* 7. Блок самовывоза (занимает всю ширину 980px колонки) */















.warehouse-card {















  background-color: #ffffff !important;















  border: 1px solid #e5e7eb !important;















  border-radius: 12px !important;















  padding: 26px 28px !important;















  margin: 20px 0 28px 0 !important;















  width: 100% !important;















  box-sizing: border-box !important;















  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02) !important;















}































.warehouse-card__grid {















  display: grid !important;















  grid-template-columns: repeat(2, 1fr) !important;















  gap: 28px !important;















  margin-bottom: 22px !important;















}































.warehouse-item {















  display: flex !important;















  gap: 14px !important;















}































.warehouse-item__icon {















  color: var(--color-brand-red) !important;















  flex-shrink: 0 !important;















  margin-top: 2px !important;















}































.warehouse-item__title {















  font-size: 12.5px !important;















  text-transform: uppercase !important;















  letter-spacing: 0.5px !important;















  color: #6b7280 !important;















  margin-bottom: 4px !important;















  font-weight: 600 !important;















}































.warehouse-item__val {















  font-size: 15.5px !important;















  font-weight: 600 !important;















  color: #121620 !important;















  line-height: 1.4 !important;















}































/* CTA кнопки */















.cta-actions {















  display: flex !important;















  flex-wrap: wrap !important;















  align-items: center !important;















  gap: 12px !important;















  margin-top: 22px !important;















  padding-top: 18px !important;















  border-top: 1px solid #f0f2f5 !important;















}































.cta-btn {















  display: inline-flex !important;















  align-items: center !important;















  justify-content: center !important;















  gap: 8px !important;















  height: 46px !important;















  padding: 0 24px !important;















  border-radius: 8px !important;















  font-family: var(--font-primary) !important;















  font-size: 14.5px !important;















  font-weight: 600 !important;















  text-decoration: none !important;















  cursor: pointer !important;















  transition: all 0.2s ease !important;















  box-sizing: border-box !important;















}































.cta-btn--primary {















  background-color: var(--color-brand-red) !important;















  color: #ffffff !important;















  border: 1px solid var(--color-brand-red) !important;















}































.cta-btn--primary:hover {















  background-color: #cc0511 !important;















  border-color: #cc0511 !important;















  color: #ffffff !important;















  box-shadow: 0 4px 14px rgba(227, 6, 19, 0.25) !important;















}































.cta-btn--secondary {















  background-color: #f8fafc !important;















  color: #1e293b !important;















  border: 1px solid #d1d5db !important;















}































.cta-btn--secondary:hover {















  background-color: #ffffff !important;















  border-color: #1e293b !important;















  color: #121620 !important;















}































/* 8. Responsive: Tablet & Mobile */















@media (max-width: 1024px) {















  .internal-page__container {















    padding: 0 24px !important;















  }































  .info-grid {















    grid-template-columns: repeat(2, 1fr) !important;















    gap: 16px !important;















  }















}































@media (max-width: 767px) {















  .internal-page {















    padding: 16px 0 44px 0 !important;















  }































  .internal-page__container {















    padding: 0 16px !important;















  }































  .internal-page__breadcrumbs {















    margin-bottom: 12px !important;















  }































  .internal-page__title {















    font-size: 26px !important;















    line-height: 1.2 !important;















    margin-bottom: 20px !important;















  }































  .internal-section__title,















  .internal-page__content h2 {















    font-size: 21px !important;















    margin-top: 28px !important;















    margin-bottom: 14px !important;















  }































  .internal-subsection__title,















  .internal-page__content h3 {















    font-size: 17px !important;















    margin-top: 20px !important;















    margin-bottom: 10px !important;















  }































  .internal-text,















  .internal-page__content p {















    font-size: 15px !important;















    line-height: 1.6 !important;















    margin-bottom: 12px !important;















  }































  .internal-text--lead {















    font-size: 16px !important;















    margin-bottom: 18px !important;















  }































  .info-grid {















    grid-template-columns: 1fr !important;















    gap: 12px !important;















  }































  .info-card {















    padding: 18px !important;















    width: 100% !important;















  }































  .warehouse-card {















    padding: 18px !important;















  }































  .warehouse-card__grid {















    grid-template-columns: 1fr !important;















    gap: 16px !important;















    margin-bottom: 18px !important;















  }































  .cta-actions {















    flex-direction: column !important;















    width: 100% !important;















    gap: 10px !important;















  }































  .cta-btn {















    width: 100% !important;















  }















}















































/* ==========================================================================















   HOMEPAGE VERTICAL RHYTHM & ARTICLES SECTION (ТЗ Разделы 2-14, 21)















   ========================================================================== */































/* Spacing calibration between sections per ТЗ Section 21 */















.notice {















  margin: 30px 0 0 0 !important;















  padding-bottom: 0 !important;















}































.search {















  margin-top: 40px !important; /* Hero -> Search: 40px (32–40 px) */















  margin-bottom: 0 !important;















  padding-top: 0 !important;















  padding-bottom: 0 !important;















}































.categories {















  margin-top: 32px !important; /* Search -> Categories: 32px (28–36 px) */















  margin-bottom: 0 !important;















  padding-top: 0 !important;















  padding-bottom: 0 !important;















}































.brands {















  padding-top: 52px !important; /* Categories -> Brands: 52px (48–56 px) */















  margin-top: 0 !important;















  margin-bottom: 0 !important;















}































.brands__header {















  margin-top: 0 !important;















  margin-bottom: 18px !important; /* Header -> Cards: 18px (16–20 px per ТЗ 16) */















}































.wares--popular {















  padding-top: 52px !important; /* Brands -> Popular: 52px (48–56 px) */















  padding-bottom: 0 !important;















  margin-top: 0 !important;















  margin-bottom: 0 !important;















}































.banner {















  margin-top: 84px !important; /* Popular -> SALE: increased gap per ТЗ item 1 */















  margin-bottom: 64px !important; /* SALE -> Suggestion: increased gap per ТЗ item 2 */















}































.wares--suggestion {















  padding-top: 0 !important;















  padding-bottom: 0 !important;















  margin-top: 0 !important;















  margin-bottom: 0 !important;















}































/* Articles Section: exact 1210px grid alignment, editorial typography and clean styling */















.articles {















  padding-top: 36px !important;















  padding-bottom: 96px !important; /* Articles -> Footer */















  background-color: #ffffff !important;















  width: 100% !important;















  box-sizing: border-box !important;















}































.articles__container {















  width: 100% !important;















  max-width: 1280px !important;















  margin: 0 auto !important;















  padding: 0 !important;















  box-sizing: border-box !important;















}































.articles__header {















  margin-bottom: 34px !important; /* 32–36 px per ТЗ */















}































.articles__title {















  font-family: var(--font-primary) !important;















  font-size: 28px !important; /* 26–28 px per ТЗ */















  font-weight: 700 !important;















  color: #121620 !important;















  margin: 0 0 8px 0 !important;















  line-height: 1.25 !important;















  letter-spacing: -0.2px !important;















}































.articles__subtitle {















  font-family: var(--font-primary) !important;















  font-size: 14.5px !important;















  color: #6b7280 !important;















  margin: 0 !important;















  line-height: 1.4 !important;















}































.articles__grid {















  display: grid !important;















  grid-template-columns: repeat(3, 1fr) !important;















  gap: 24px !important; /* 20–24 px per ТЗ */















  width: 100% !important;















  box-sizing: border-box !important;















}































.article-card {















  position: relative !important;















  background-color: #ffffff !important;















  border: 1px solid #e5e7eb !important;















  border-radius: 12px !important;















  overflow: hidden !important;















  display: flex !important;















  flex-direction: column !important;















  height: 100% !important;















  box-sizing: border-box !important;















  cursor: pointer !important;















  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;















}































.article-card:hover {















  transform: translateY(-2px) !important; /* 1–2 px lift per ТЗ */















  border-color: #d1d5db !important; /* subtle neutral border per ТЗ */















  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;















}































.article-card__full-link {















  position: absolute !important;















  inset: 0 !important;















  z-index: 2 !important;















  display: block !important;















  text-decoration: none !important;















}































.article-card__thumb {















  display: block !important;















  width: 100% !important;















  height: 205px !important;















  overflow: hidden !important;















  background-color: #f1f3f7 !important;















  border-radius: 12px 12px 0 0 !important;















  position: relative !important;















  z-index: 1 !important;















}































.article-card__img {















  width: 100% !important;















  height: 100% !important;















  object-fit: cover !important;















  display: block !important;















  transition: transform 0.3s ease !important;















}































.article-card:hover .article-card__img {















  transform: scale(1.025) !important;















}































.article-card__body {















  padding: 20px !important; /* ~20px per ТЗ */















  display: flex !important;















  flex-direction: column !important;















  flex: 1 1 auto !important;















  box-sizing: border-box !important;















  position: relative !important;















  z-index: 1 !important;















}































.article-card__meta {















  display: flex !important;















  align-items: center !important;















  justify-content: space-between !important;















  gap: 10px !important;















  margin-bottom: 12px !important;















}































.article-card__tag {















  font-family: var(--font-primary) !important;















  font-size: 11px !important;















  font-weight: 700 !important;















  text-transform: uppercase !important;















  letter-spacing: 0.6px !important;















  color: #374151 !important; /* dark text per ТЗ */















  background-color: #f1f3f5 !important; /* calm light-gray background per ТЗ */















  padding: 3px 8px !important;















  border-radius: 4px !important;















  border: none !important;















  line-height: 1.4 !important;















}































.article-card__date {















  font-family: var(--font-primary) !important;















  font-size: 12.5px !important; /* 12–13 px per ТЗ */















  color: #9ca3af !important; /* light-gray text per ТЗ */















}































.article-card__title {















  font-family: var(--font-primary) !important;















  font-size: 19px !important; /* 18–20 px per ТЗ */















  font-weight: 700 !important;















  color: #111827 !important; /* dark per ТЗ */















  line-height: 26px !important;















  height: 52px !important; /* exact 2 lines height per ТЗ */















  margin: 0 0 10px 0 !important;















  overflow: hidden !important;















  display: -webkit-box !important;















  -webkit-line-clamp: 2 !important;















  -webkit-box-orient: vertical !important;















  text-overflow: ellipsis !important;















  transition: color 0.15s ease !important;















}































.article-card:hover .article-card__title {















  color: var(--color-brand-red) !important; /* red only on hover per ТЗ */















}































.article-card__desc {















  font-family: var(--font-primary) !important;















  font-size: 14px !important; /* 14–15 px per ТЗ */















  line-height: 21px !important; /* line-height ~1.5 per ТЗ */















  height: 63px !important; /* exact 3 lines height per ТЗ */















  color: #4b5563 !important; /* neutral gray per ТЗ */















  margin: 0 0 16px 0 !important;















  overflow: hidden !important;















  display: -webkit-box !important;















  -webkit-line-clamp: 3 !important;















  -webkit-box-orient: vertical !important;















  text-overflow: ellipsis !important;















}































.article-card__action {















  margin-top: auto !important;















  padding-top: 4px !important;















}































.article-card__link {















  display: inline-flex !important;















  align-items: center !important;















  gap: 7px !important;















  font-family: var(--font-primary) !important;















  font-size: 12.5px !important; /* 12–13 px per ТЗ */















  font-weight: 700 !important; /* 600–700 per ТЗ */















  text-transform: uppercase !important; /* uppercase per ТЗ */















  letter-spacing: 0.5px !important;















  color: #4b5563 !important; /* neutral dark/gray, NO RED in default state per ТЗ */















  text-decoration: none !important;















  transition: color 0.15s ease !important;















}































.article-card__arrow {















  transition: transform 0.2s ease, stroke 0.15s ease !important;















  stroke: #4b5563 !important;















}































.article-card:hover .article-card__link {















  color: var(--color-brand-red) !important;















}































.article-card:hover .article-card__arrow {















  transform: translateX(4px) !important;















  stroke: var(--color-brand-red) !important;















}































/* Secondary Button "ВСЕ СТАТЬИ" per ТЗ пункт 11 */















.articles__footer {















  margin-top: 28px !important; /* Unified 28px with .brands__actions and .swiper-slider__footer */















  text-align: center !important;















}































.articles__btn-all {















  display: inline-flex !important;















  align-items: center !important;















  justify-content: center !important;















  padding: 13px 36px !important;















  box-sizing: border-box !important;















  font-family: var(--font-primary) !important;















  font-size: 14px !important;















  line-height: 19px !important;















  text-transform: uppercase !important;















  text-align: center !important;















  font-weight: 700 !important;















  letter-spacing: 0.8px !important;















  color: #374151 !important; /* dark text per ТЗ */















  background-color: #f3f4f6 !important; /* light-gray background per ТЗ */















  border: 1px solid #e5e7eb !important;















  border-radius: 6px !important;















  text-decoration: none !important;















  cursor: pointer !important;















  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;















}































.articles__btn-all:hover {















  background-color: #e5e7eb !important;















  color: #111827 !important;















  border-color: #d1d5db !important;















}































.articles__btn-all:active {















  background-color: #dbe0e6 !important;















}































/* Detailed Article Page Elements */















.article-detail {















  width: 100% !important;















}































.article-detail__meta-bar {















  display: flex !important;















  align-items: center !important;















  gap: 14px !important;















  margin-bottom: 20px !important;















}































.article-detail__reading-time {















  font-size: 13px !important;















  color: #64748b !important;















}































.article-detail__hero-img-wrap {















  width: 100% !important;















  border-radius: 12px !important;















  overflow: hidden !important;















  margin-bottom: 28px !important;















  aspect-ratio: 16 / 9 !important;















  background-color: #f8fafc !important;















}































.article-detail__hero-img {















  width: 100% !important;















  height: 100% !important;















  object-fit: cover !important;















  display: block !important;















}































.article-related {















  margin-top: 40px !important;















  padding-top: 24px !important;















  border-top: 1px solid #eef0f4 !important;















}































.article-related__grid {















  display: grid !important;















  grid-template-columns: repeat(2, 1fr) !important;















  gap: 16px !important;















  margin-top: 16px !important;















}































.article-related__card {















  display: flex !important;















  flex-direction: column !important;















  justify-content: space-between !important;















  padding: 18px !important;















  background-color: #f8fafc !important;















  border: 1px solid #e2e8f0 !important;















  border-radius: 10px !important;















  text-decoration: none !important;















  transition: all 0.2s ease !important;















}































.article-related__card:hover {















  background-color: #ffffff !important;















  border-color: #cbd5e1 !important;















  box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;















}































.article-related__title {















  font-family: var(--font-primary) !important;















  font-size: 15px !important;















  font-weight: 700 !important;















  color: #1e293b !important;















  line-height: 1.4 !important;















  margin-bottom: 10px !important;















}































.article-related__link {















  font-size: 13.5px !important;















  font-weight: 600 !important;















  color: var(--color-brand-red) !important;















}































/* Mobile Responsiveness for Articles */















@media (max-width: 767px) {















  .articles {















    padding-top: 28px !important;















    padding-bottom: 40px !important;















  }































  .articles__header {















    margin-bottom: 24px !important;















  }































  .articles__grid {















    grid-template-columns: 1fr !important;















    gap: 16px !important;















  }































  .article-card__thumb {















    height: 190px !important;















  }































  .article-card__body {















    padding: 16px !important;















  }































  .article-card__title {















    font-size: 17px !important;















    line-height: 24px !important;















    height: 48px !important;















  }































  .article-card__desc {















    font-size: 13.5px !important;















    line-height: 20px !important;















    height: 60px !important;















  }































  .articles__btn-all {















    width: 100% !important;















    max-width: 320px !important;















  }















}















}















































/* Mobile overflow-x guard per user rules */















@media (max-width: 767px) {















  html, body {















    overflow-x: hidden !important;















    width: 100% !important;















    max-width: 100% !important;















  }















  .notice__slider, .notice__container {















    overflow: hidden !important;















    max-width: 100% !important;















  }















  .mega-menu-backdrop, .mobile-drawer-backdrop {















    width: 100% !important;















    max-width: 100vw !important;















  }















}































































/* ==========================================================================















   UNIFIED MOBILE OFFSETS & WARES SLIDER FIX (max-width: 767px)















   Strictly unified 16px margins from screen edges across ALL blocks















   No block flush against screen edge















   ========================================================================== */















@media (max-width: 767px) {















  /* 1. Global Container 16px Padding */















  .header-container,















  .search__container,















  .categories__container,















  .brands__container,















  .wares__container,















  .banner__container,















  .articles__container,















  .page-footer__container {















    padding-left: 16px !important;















    padding-right: 16px !important;















    width: 100% !important;















    max-width: 100% !important;















    box-sizing: border-box !important;















    margin-left: auto !important;















    margin-right: auto !important;















  }































  /* 2. Notice Section & Hero Slider (Unified 16px lateral padding & rounded corners) */















  .notice {















    padding-top: 14px !important;















    padding-bottom: 0 !important;















    margin: 0 !important;















    width: 100% !important;















    box-sizing: border-box !important;















  }















  .notice__container {















    padding-left: 16px !important;















    padding-right: 16px !important;















    width: 100% !important;















    max-width: 100% !important;















    margin: 0 auto !important;















    box-sizing: border-box !important;















    display: flex !important;















    flex-direction: column !important;















    gap: 16px !important;















  }















  .notice__slider {















    width: 100% !important;















    max-width: 100% !important;















    margin: 0 !important;















    padding: 0 !important;















    border-radius: 8px !important;















    overflow: hidden !important;















    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08) !important;















    background-color: #1a1a1a !important;















    position: relative !important;















  }















  .notice__slider .swiper,















  .notice__slider .swiper--promo {















    width: 100% !important;















    max-width: 100% !important;















    border-radius: 8px !important;















    overflow: hidden !important;















  }















  .notice__slider .swiper-slide,















  .notice__slider .swiper-slide--promo,















  .notice__slider .swiper-slide a,















  .notice__slider .swiper-slide-link,















  .notice__slider .swiper-slide picture,















  .notice__slider .swiper-slide img,















  .notice__slider .swiper-slide-link picture,















  .notice__slider .swiper-slide-link img {















    border-radius: 8px !important;















    overflow: hidden !important;















    width: 100% !important;















    max-width: 100% !important;















  }















  .notice__action {















    width: 100% !important;















    max-width: 100% !important;















    padding: 0 !important;















    margin: 0 !important;















    box-sizing: border-box !important;















  }















  .action--promo {















    width: 100% !important;















    max-width: 100% !important;















    box-sizing: border-box !important;















  }































  /* 3. Search Section & Tabs ('По марке авто' start at 16px) */















  .search {















    padding: 0 !important;















    margin-top: 24px !important;















    margin-bottom: 24px !important;















    width: 100% !important;















  }















  .search__container {















    padding: 0 16px !important;















  }















  .search .tabs__list-wrap {















    margin: 0 0 12px 0 !important;















    padding: 0 !important;















    width: 100% !important;















    overflow-x: auto !important;















    -webkit-overflow-scrolling: touch !important;















    scrollbar-width: none !important;















  }















  .search .tabs__list-wrap::-webkit-scrollbar {















    display: none !important;















  }















  .search .tabs__list {















    display: flex !important;















    flex-wrap: nowrap !important;















    gap: 8px !important;















    padding: 0 16px 4px 0 !important;















    margin: 0 !important;















    width: max-content !important;















    min-width: 100% !important;















  }















  .search .tabs__item {















    flex-shrink: 0 !important;















    margin: 0 !important;















    padding: 0 !important;















  }















  .search .tabs__item:first-child {















    margin-left: 0 !important;















    padding-left: 0 !important;















  }















  .search .tabs__link {















    display: inline-flex !important;















    align-items: center !important;















    justify-content: center !important;















    font-size: 14px !important;















    font-weight: 600 !important;















    padding: 7px 14px !important;















    white-space: nowrap !important;















  }































  /* 4. Categories Section (1 Column, 16px edges) */















  .categories {















    padding: 0 !important;















    margin-top: 0 !important;















    margin-bottom: 28px !important;















    width: 100% !important;















  }















  .categories__container {















    padding: 0 16px !important;















  }















  .categories__title {















    font-size: 24px !important;















    margin-bottom: 16px !important;















  }















  .categories__list {















    display: flex !important;















    flex-direction: column !important;















    gap: 12px !important;















    width: 100% !important;















    margin: 0 !important;















    padding: 0 !important;















  }















  .cat-card {















    width: 100% !important;















    max-width: 100% !important;















    margin: 0 !important;















    box-sizing: border-box !important;















  }































  /* 5. Brands Section (2 Columns, 16px edges) */















  .brands {















    padding: 0 !important;















    margin-top: 0 !important;















    margin-bottom: 28px !important;















    width: 100% !important;















  }















  .brands__container {















    padding: 0 16px !important;















  }















  .brands__title {















    font-size: 24px !important;















    margin-bottom: 16px !important;















  }















  .brands__grid {















    display: grid !important;















    grid-template-columns: repeat(2, 1fr) !important;















    gap: 12px !important;















    width: 100% !important;















    margin: 0 !important;















    padding: 0 !important;















    box-sizing: border-box !important;















  }















  .brand-card {















    width: 100% !important;















    max-width: 100% !important;















    margin: 0 !important;















    box-sizing: border-box !important;















  }















  .brands__more-btn {















    width: 100% !important;















    max-width: 100% !important;















    margin-top: 16px !important;















    height: 44px !important;















    box-sizing: border-box !important;















  }































  /* 6. Wares (Popular Products & Suggestion) */















  .wares {















    padding-left: 0 !important;















    padding-right: 0 !important;















    width: 100% !important;















    margin-top: 0 !important;















    margin-bottom: 32px !important;















  }















  .wares--popular {















    margin-bottom: 52px !important; /* Popular -> SALE: increased gap per ТЗ item 1 */















    padding-bottom: 0 !important;















  }















  .wares--suggestion {















    margin-bottom: 20px !important; /* Suggestion -> Articles: reduced gap per ТЗ item 2 */















    padding-bottom: 0 !important;















  }















  .wares__container {















    padding: 0 16px !important;















    width: 100% !important;















    max-width: 100% !important;















    margin: 0 auto !important;















    box-sizing: border-box !important;















  }















  .wares__title {















    margin: 0 0 16px 0 !important;















    padding: 0 !important;















    font-size: 24px !important;















  }































  /* Horizontal touch scroll for category tabs */















  .wares .tabs__list-wrap {















    margin: 0 0 16px 0 !important;















    padding: 0 !important;















    width: 100% !important;















    overflow-x: auto !important;















    -webkit-overflow-scrolling: touch !important;















    scrollbar-width: none !important;















  }















  .wares .tabs__list-wrap::-webkit-scrollbar {















    display: none !important;















  }















  .wares .tabs__list {















    display: flex !important;















    flex-wrap: nowrap !important;















    gap: 14px !important;















    margin: 0 !important;















    padding: 0 16px 8px 0 !important;















    width: max-content !important;















    min-width: 100% !important;















    border-bottom: 1px solid #e5e7eb !important;















  }















  .wares .tabs__item {















    flex-shrink: 0 !important;















    margin: 0 !important;















    padding: 0 !important;















  }















  .wares .tabs__item:first-child {















    padding-left: 0 !important;















    margin-left: 0 !important;















  }















  .wares .tabs__item:last-child {















    padding-right: 0 !important;















  }















  .wares .tabs__link {















    font-size: 14px !important;















    white-space: nowrap !important;















    padding-bottom: 8px !important;















  }































  /* Hide navigation arrows on mobile */















  .swiper-slider__button-prev--popular,















  .swiper-slider__button-next--popular,















  .swiper-slider__button-prev--suggestion,















  .swiper-slider__button-next--suggestion {















    display: none !important;















  }































  /* Swiper slider & slides geometry on mobile */















  .wares .swiper--popular,















  .wares .swiper--suggestion {















    width: 100% !important;















    overflow: hidden !important;















    padding: 4px 0 16px 0 !important;















    margin: 0 !important;















  }















  .wares .swiper-wrapper {















    display: flex !important;















    box-sizing: border-box !important;















    padding-left: 0 !important;















    margin: 0 !important;















  }















  .wares .swiper-slide.card-product {















    width: 260px !important;















    min-width: 260px !important;















    max-width: 260px !important;















    flex: 0 0 260px !important;















    margin-right: 14px !important;















    box-sizing: border-box !important;















    overflow: hidden !important;















    background-color: #ffffff !important;















    border: 1px solid #d5d8de !important;















    border-radius: 4px !important;















    display: flex !important;















    flex-direction: column !important;















    height: 395px !important;















    min-height: 395px !important;















  }















  .wares .swiper-slide.card-product:first-child {















    margin-left: 0 !important;















  }































  .wares .card-product__fig {















    height: 155px !important;















    padding: 8px 14px !important;















    display: flex !important;















    align-items: center !important;















    justify-content: center !important;















  }















  .wares .card-product__img {















    max-width: 140px !important;















    max-height: 140px !important;















    object-fit: contain !important;















  }















  .wares .card-product__title {















    margin: 20px 14px 0 14px !important;















    font-size: 14px !important;















    line-height: 19px !important;















    height: 57px !important;















    font-weight: 600 !important;















    overflow: hidden !important;















    display: -webkit-box !important;















    -webkit-line-clamp: 3 !important;















    -webkit-box-orient: vertical !important;















  }















  .wares .card-product__footer {















    padding: 10px 14px 12px 14px !important;















    margin-top: auto !important;















    display: flex !important;















    justify-content: space-between !important;















    align-items: center !important;















    border-top: 1px solid #f0f2f5 !important;















  }















  .wares .card-product__price {















    font-size: 18px !important;















    line-height: 22px !important;















    font-weight: 700 !important;















  }















  .wares .card-product__presence {















    width: 38px !important;















    height: 38px !important;















    min-width: 38px !important;















    border-radius: 50% !important;















  }































  /* View more button */















  .wares--popular .swiper-slider__footer,















  .wares--suggestion .swiper-slider__footer {















    text-align: center !important;















    margin-top: 16px !important;















    padding-top: 0 !important;















  }















  .wares--popular .link-more,















  .wares--suggestion .link-more {















    width: 100% !important;















    max-width: 100% !important;















    box-sizing: border-box !important;















    display: flex !important;















    align-items: center !important;















    justify-content: center !important;















    height: 48px !important;















    border-radius: 4px !important;















  }































  /* 7. SALE Banner (16px edges) */















  .banner {















    padding-left: 0 !important;















    padding-right: 0 !important;















    width: 100% !important;















    margin-top: 48px !important; /* Popular -> SALE: increased gap per ТЗ item 1 */















    margin-bottom: 48px !important; /* SALE -> Suggestion: increased gap per ТЗ item 2 */















  }















  .banner__container {















    padding: 0 16px !important;















  }















  .banner__element {















    width: 100% !important;















    box-sizing: border-box !important;















    border-radius: 4px !important;















  }































  /* 8. Articles (16px edges) */















  .articles {















    padding-left: 0 !important;















    padding-right: 0 !important;















    padding-top: 40px !important;















    width: 100% !important;















    margin-top: 0 !important;















    margin-bottom: 32px !important;















  }















  .articles__container {















    padding: 0 16px !important;















  }















  .articles__title {















    font-size: 24px !important;















    margin-bottom: 8px !important;















  }















  .articles__grid {















    grid-template-columns: 100% !important;















    gap: 16px !important;















    width: 100% !important;















    margin: 0 !important;















    padding: 0 !important;















  }















  .article-card {















    width: 100% !important;















    box-sizing: border-box !important;















  }















  .articles__btn-all {















    width: 100% !important;















    max-width: 320px !important;















    box-sizing: border-box !important;















    display: inline-flex !important;















    align-items: center !important;















    justify-content: center !important;















    height: 48px !important;















    padding: 12px 24px !important;















    border-radius: 6px !important;















    font-family: var(--font-primary) !important;















    font-size: 14px !important;















    color: #374151 !important;















    background-color: #f3f4f6 !important;















    border: 1px solid #e5e7eb !important;















  }































  /* 9. Footer (16px edges) */















  .page-footer {















    padding: 40px 0 24px 0 !important;















    width: 100% !important;















  }















  .page-footer__container {















    padding: 0 16px !important;















  }















}















































/* ==========================================================================















   MOBILE FOOTER OPTIMIZATION (Логотип и контакты первыми, оптимизация ссылок)















   ========================================================================== */































/* Desktop defaults: hide mobile logo, show desktop logo & desktop items */















.footer-mobile-brand {















  display: none !important;















}































.footer-brand-logo--desktop {















  display: inline-block !important;















}































.footer-nav__item--desktop {















  display: list-item !important;















}































/* Mobile styles: <= 767px */















@media (max-width: 767px) {















  .page-footer {















    padding-top: 32px !important;















    padding-bottom: 24px !important;















  }































  /* Логотип в самом верху */















  .footer-mobile-brand {















    display: block !important;















    margin-bottom: 20px !important;















    text-align: left !important;















  }































  .footer-brand-logo--desktop {















    display: none !important;















  }































  /* Сетка футера в виде колонки */















  .footer-grid {















    display: flex !important;















    flex-direction: column !important;















    gap: 24px !important;















    margin-bottom: 24px !important;















  }































  /* Порядок отображения:















     1. Контакты и телефоны















     2. Каталог запчастей (сокращенные ключевые ссылки)















     3. Покупателям (сокращенные ключевые ссылки)















     4. О магазине + форма рассылки















  */















  .footer-col--contacts {















    order: 1 !important;















  }































  .footer-col--catalog {















    order: 2 !important;















  }































  .footer-col--customers {















    order: 3 !important;















  }































  .footer-col--brand {















    order: 4 !important;















    padding-top: 18px !important;















    border-top: 1px solid #e2e6ee !important;















  }































  /* Блок контактов: сразу крупные телефоны, без дублирующего заголовка */















  .footer-col--contacts .footer-col__title {















    display: none !important;















  }































  .footer-contacts__body {















    display: flex !important;















    flex-direction: column !important;















    gap: 12px !important;















  }































  .footer-contacts__phone-box {















    margin-bottom: 2px !important;















  }































  .footer-contacts__phone {















    font-size: 22px !important;















    line-height: 1.25 !important;















    color: #121620 !important;















  }































  .footer-contacts__schedule {















    font-size: 13px !important;















    color: #6b7280 !important;















    margin-top: 4px !important;















  }































  .footer-max-card {















    width: fit-content !important;















    max-width: 100% !important;















    box-sizing: border-box !important;















    padding: 10px 14px !important;















  }































  .footer-contacts__row {















    font-size: 14.5px !important;















  }































  .footer-ask-btn {















    width: 100% !important;















    height: 46px !important;















    margin-top: 4px !important;















  }































  /* Сокращение второстепенных ссылок */















  .footer-nav__item--desktop {















    display: none !important;















  }































  .footer-col__title {















    font-size: 15px !important;















    text-transform: uppercase !important;















    letter-spacing: 0.5px !important;















    color: #121620 !important;















    margin-bottom: 12px !important;















    padding-bottom: 6px !important;















    border-bottom: 1px solid #edf0f5 !important;















  }































  .footer-nav__list {















    display: flex !important;















    flex-direction: column !important;















    gap: 10px !important;















    margin: 0 !important;















    padding: 0 !important;















    list-style: none !important;















  }































  .footer-nav__link {















    font-size: 14.5px !important;















    color: #4b5563 !important;















    padding: 2px 0 !important;















    display: inline-block !important;















  }































  /* О магазине и рассылка */















  .footer-brand-desc {















    font-size: 13px !important;















    line-height: 1.55 !important;















    color: #6b7280 !important;















    margin-bottom: 14px !important;















  }































  .footer-newsletter {















    max-width: 100% !important;















    width: 100% !important;















  }































  .footer-newsletter__form {















    max-width: 100% !important;















    width: 100% !important;















  }















}















































/* ==========================================================================















   OPERATION 16: POPULAR & SUGGESTION PRODUCTS REDESIGN















   - Russian 'ХИТ' badge in brand red (#e30613)















   - Strict 4-card desktop geometry (270px width, no compression)















   - External swiper arrows (no overlap on cards)















   - Consistent card alignment and mobile swipe















   ========================================================================== */































/* 1. Russian 'ХИТ' badge */















.card-product__badge--hit {















  position: absolute !important;















  top: 14px !important;















  left: 14px !important;















  padding: 3px 8px !important;















  background-color: #e30613 !important;















  color: #ffffff !important;















  font-family: var(--font-primary) !important;















  font-size: 11px !important;















  font-weight: 700 !important;















  line-height: 14px !important;















  letter-spacing: 0.5px !important;















  text-transform: uppercase !important;















  border-radius: 3px !important;















  z-index: 4 !important;















  pointer-events: none !important;















}































/* Ensure 'ХИТ' is never displayed in 'Часто покупают вместе' */















.wares--suggestion .card-product__badge--hit {















  display: none !important;















}































/* Redundant safeguard against any legacy sale pseudo-elements */















.card-product__item--sale::before {















  content: none !important;















  display: none !important;















}































/* 2. Desktop Card Dimensions: strictly 4 cards (270px) across 1170px */















@media (min-width: 1200px) {















  .wares .swiper-slide.card-product {















    width: 270px !important;















    min-width: 270px !important;















    max-width: 270px !important;















    flex: 0 0 270px !important;















    box-sizing: border-box !important;















  }















}































.swiper-slider__slide,















.swiper-slider__slide--popular,















.swiper-slider__slide--suggestion {















  flex-shrink: 0 !important;















  box-sizing: border-box !important;















}































/* 3. Slider Navigation Arrows: external position, zero card overlap */















@media (min-width: 1280px) {















  .swiper-slider__button-prev--popular,















  .swiper-slider__button-prev--suggestion {















    left: -52px !important;















  }















  .swiper-slider__button-next--popular,















  .swiper-slider__button-next--suggestion {















    right: -52px !important;















  }















}































@media (min-width: 1200px) and (max-width: 1279px) {















  .swiper-slider__button-prev--popular,















  .swiper-slider__button-prev--suggestion {















    left: -24px !important;















  }















  .swiper-slider__button-next--popular,















  .swiper-slider__button-next--suggestion {















    right: -24px !important;















  }















}































/* Disabled arrow states */















.swiper-slider__button-prev--popular.swiper-button-disabled,















.swiper-slider__button-next--popular.swiper-button-disabled,















.swiper-slider__button-prev--suggestion.swiper-button-disabled,















.swiper-slider__button-next--suggestion.swiper-button-disabled {















  opacity: 0.35 !important;















  cursor: not-allowed !important;















  pointer-events: none !important;















  border-color: #eaecf0 !important;















  box-shadow: none !important;















  transform: translateY(-50%) !important;















}















































/* Spacing from 'Все статьи' button to footer */















.articles {















  padding-bottom: 96px !important;















}































@media (max-width: 767px) {















  .articles {















    padding-bottom: 56px !important;















    margin-bottom: 0 !important;















  }















}















































/* ==========================================================================















   OPERATION 19: INTERNAL PAGES FULL-WIDTH ALIGNMENT (1210px GRID)















   Eliminates unwanted 190-210px blank right void on internal pages.















   Content, cards, and headings now stretch to 100% of 1210px container.















   ========================================================================== */















.internal-page__content,















.internal-page__breadcrumbs,















.internal-page__title {















  width: 100% !important;















  max-width: 100% !important;















  margin-right: 0 !important;















}















































/* ==========================================================================















   OPERATION 21: ACCOUNT & LOGIN / REGISTER PAGE REDESIGN















   - 1210px standard container layout















   - Modern clean white cards with border, shadow and padding















   - Left column (Login): 100% stacked email/password, styled button, checkmarks















   - Right column (Register): clean input styling, focus states, aligned buttons















   - Full mobile responsiveness















   ========================================================================== */































/* Account Page Title */















.account-page__title {















  font-family: var(--font-primary) !important;















  font-size: 28px !important;















  font-weight: 700 !important;















  line-height: 36px !important;















  color: #1a1a1a !important;















  margin-top: 20px !important;















  margin-bottom: 28px !important;















}































@media (max-width: 767px) {















  .account-page__title {















    font-size: 22px !important;















    line-height: 28px !important;















    margin-top: 14px !important;















    margin-bottom: 20px !important;















  }















}































/* Account Cards */















.login-card,















.register-card,















.account-content .card,















.account-overview .card,















.account-profile .card {















  background-color: #ffffff !important;















  border: 1px solid #e2e5ea !important;















  border-radius: 8px !important;















  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;















  box-sizing: border-box !important;















  overflow: hidden !important;















  transition: box-shadow 0.25s ease !important;















  margin-bottom: 24px !important;















}































.login-card:hover,















.register-card:hover {















  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06) !important;















}































.login-card .card-body,















.register-card .card-body {















  padding: 32px !important;















}































@media (max-width: 767px) {















  .login-card .card-body,















  .register-card .card-body {















    padding: 20px 16px !important;















  }















}































/* Card Headings */















.login-card .card-title,















.register-card .card-title {















  font-family: var(--font-primary) !important;















  font-size: 20px !important;















  font-weight: 700 !important;















  line-height: 26px !important;















  color: #1a1a1a !important;















  margin-bottom: 14px !important;















  padding-bottom: 12px !important;















  border-bottom: 1px solid #edf0f5 !important;















}































.login-form-description {















  font-family: var(--font-primary) !important;















  font-size: 14px !important;















  color: #6c757d !important;















  line-height: 20px !important;















  margin-bottom: 20px !important;















}































/* Form Labels */















.account-page .form-label {















  font-family: var(--font-primary) !important;















  font-size: 13px !important;















  font-weight: 600 !important;















  color: #495057 !important;















  margin-bottom: 6px !important;















  display: block !important;















}































/* Form Inputs & Selects */















.account-page .form-control,















.account-page .form-select {















  height: 46px !important;















  border: 1px solid #d5d8de !important;















  border-radius: 4px !important;















  padding: 0 14px !important;















  font-family: var(--font-primary) !important;















  font-size: 14px !important;















  line-height: 44px !important;















  color: #212529 !important;















  background-color: #ffffff !important;















  box-shadow: none !important;















  box-sizing: border-box !important;















  width: 100% !important;















  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;















}































.account-page .form-control::placeholder {















  color: #a0a5ad !important;















  opacity: 1 !important;















}































.account-page .form-control:focus,















.account-page .form-select:focus {















  border-color: #e30613 !important;















  box-shadow: 0 0 0 3px rgba(227, 6, 19, 0.12) !important;















  outline: none !important;















}































.account-page .form-group {















  margin-bottom: 16px !important;















}































/* Stack Login Fields Vertically */















.login-card .row.g-2 {















  display: flex !important;















  flex-direction: column !important;















  gap: 0 !important;















  margin: 0 !important;















}































.login-card .form-group.col-md-6 {















  width: 100% !important;















  max-width: 100% !important;















  flex: 0 0 100% !important;















  padding: 0 !important;















  margin-bottom: 16px !important;















}































/* Password Recover Link */















.login-password-recover {















  margin-top: 4px !important;















  margin-bottom: 20px !important;















}































.login-password-recover a {















  font-family: var(--font-primary) !important;















  font-size: 13px !important;















  color: #6c757d !important;















  text-decoration: underline !important;















  transition: color 0.2s ease !important;















}































.login-password-recover a:hover {















  color: #e30613 !important;















}































/* Login Submit Button */















.login-submit .btn-primary {















  width: 100% !important;















  height: 48px !important;















  background-color: #e30613 !important;















  border: 1px solid #e30613 !important;















  color: #ffffff !important;















  font-family: var(--font-primary) !important;















  font-size: 16px !important;















  font-weight: 700 !important;















  border-radius: 4px !important;















  cursor: pointer !important;















  display: flex !important;















  align-items: center !important;















  justify-content: center !important;















  transition: background-color 0.2s ease, border-color 0.2s ease !important;















}































.login-submit .btn-primary:hover {















  background-color: #c50510 !important;















  border-color: #c50510 !important;















}































.login-submit .btn-primary:active {















  transform: translateY(1px) !important;















}































/* Login Advantages Block */















.login-advantages {















  margin-top: 24px !important;















  padding: 22px 24px !important;















  background: #f8f9fa !important;















  border: 1px solid #e9ecef !important;















  border-radius: 8px !important;















  box-sizing: border-box !important;















}































.login-advantages-header {















  font-family: var(--font-primary) !important;















  font-size: 15px !important;















  font-weight: 700 !important;















  color: #212529 !important;















  margin-bottom: 14px !important;















  padding-bottom: 8px !important;















  border-bottom: 1px solid #e2e5ea !important;















}































.login-advantages ul,















.login-advantages-list {















  list-style: none !important;















  padding: 0 !important;















  margin: 0 !important;















}































.login-advantages li,















.login-advantages-list li {















  position: relative !important;















  padding-left: 22px !important;















  font-family: var(--font-primary) !important;















  font-size: 13px !important;















  line-height: 20px !important;















  color: #495057 !important;















  margin-bottom: 10px !important;















}































.login-advantages li:last-child,















.login-advantages-list li:last-child {















  margin-bottom: 0 !important;















}































.login-advantages li::before,















.login-advantages-list li::before {















  content: "✓" !important;















  position: absolute !important;















  left: 0 !important;















  top: 0 !important;















  color: #e30613 !important;















  font-weight: 700 !important;















  font-size: 14px !important;















}































/* Register Subheadings */















.register-address .card-title,















.register-billing-address .card-title,















.register-shipping-address .card-title,















.account-register h2:not(.card-title),















.account-register .h2 {















  font-family: var(--font-primary) !important;















  font-size: 16px !important;















  font-weight: 700 !important;















  color: #212529 !important;















  margin-top: 24px !important;















  margin-bottom: 16px !important;















  padding-bottom: 8px !important;















  border-bottom: 1px dashed #d5d8de !important;















}































/* Checkbox */















.account-page .form-check {















  display: flex !important;















  align-items: center !important;















  margin: 20px 0 !important;















  padding-left: 0 !important;















  gap: 10px !important;















}































.account-page .form-check-input {















  width: 18px !important;















  height: 18px !important;















  margin: 0 !important;















  border: 1px solid #c2c6ce !important;















  border-radius: 3px !important;















  cursor: pointer !important;















  flex-shrink: 0 !important;















}































.account-page .form-check-input:checked {















  background-color: #e30613 !important;















  border-color: #e30613 !important;















}































.account-page .form-check-label {















  font-family: var(--font-primary) !important;















  font-size: 14px !important;















  color: #495057 !important;















  cursor: pointer !important;















  margin: 0 !important;















}































/* Privacy Notice & Required Fields */















.register-required-info {















  font-family: var(--font-primary) !important;















  font-size: 13px !important;















  color: #71747d !important;















  margin: 16px 0 20px 0 !important;















}































.account-page .privacy-notice {















  font-family: var(--font-primary) !important;















  font-size: 13px !important;















  color: #6c757d !important;















  line-height: 20px !important;















  margin-top: 20px !important;















}































.account-page .privacy-notice a {















  color: #e30613 !important;















  text-decoration: underline !important;















}































/* Register Submit Button */















.register-submit {















  display: flex !important;















  justify-content: flex-end !important;















  margin-top: 24px !important;















}































.register-submit.col-md-6 {















  max-width: 100% !important;















  width: 100% !important;















  margin-left: 0 !important;















}































.register-submit .btn-primary {















  height: 50px !important;















  min-width: 240px !important;















  background-color: #e30613 !important;















  border: 1px solid #e30613 !important;















  color: #ffffff !important;















  font-family: var(--font-primary) !important;















  font-size: 16px !important;















  font-weight: 700 !important;















  border-radius: 4px !important;















  cursor: pointer !important;















  padding: 0 36px !important;















  display: inline-flex !important;















  align-items: center !important;















  justify-content: center !important;















  transition: background-color 0.2s ease, border-color 0.2s ease !important;















}































.register-submit .btn-primary:hover {















  background-color: #c50510 !important;















  border-color: #c50510 !important;















}































.register-submit .btn-primary:active {















  transform: translateY(1px) !important;















}































@media (max-width: 767px) {















  .register-submit {















    justify-content: center !important;















  }































  .register-submit .btn-primary {















    width: 100% !important;















    min-width: 100% !important;















  }















}































/* Logged-in Account Sidebar Navigation */















.account-content-aside .card {















  border-radius: 8px !important;















  border: 1px solid #e2e5ea !important;















  overflow: hidden !important;















}































.account-aside-item {















  padding: 12px 16px !important;















  font-family: var(--font-primary) !important;















  font-size: 14px !important;















  color: #495057 !important;















  transition: background-color 0.2s ease, color 0.2s ease !important;















}































.account-aside-item:hover {















  background-color: #f8f9fa !important;















  color: #e30613 !important;















}































.account-aside-item.is-active {















  background-color: #fdf2f2 !important;















  color: #e30613 !important;















  font-weight: 700 !important;















  border-left: 3px solid #e30613 !important;















}































/* --- Profile Icon Mobile Adaptation (>= 40x40px touch zone per ТЗ) --- */















@media (max-width: 991px) {















  /* Mobile Account Icon Button (Adapted to mobile header per ТЗ) */















  .header-user-nav {















    display: flex !important;















    align-items: center !important;















    justify-content: flex-end !important;















    margin: 0 !important;















    gap: 8px !important;















  }































  .header-user-nav__btn--account,















  .header-user-nav__btn.header-user-nav__btn--account {















    display: flex !important;















    align-items: center !important;















    justify-content: center !important;















    width: 40px !important;















    min-width: 40px !important;















    max-width: 40px !important;















    height: 40px !important;















    min-height: 40px !important;















    max-height: 40px !important;















    padding: 0 !important;















    margin: 0 !important;















    border: none !important;















    border-radius: 8px !important;















    background: transparent !important;















    color: #4b5563 !important;















    touch-action: manipulation !important;















    -webkit-tap-highlight-color: transparent !important;















    box-sizing: border-box !important;















  }































  .header-user-nav__btn--account:hover,















  .header-user-nav__btn.header-user-nav__btn--account:hover {















    background-color: rgba(0, 0, 0, 0.04) !important;















    color: #1f2937 !important;















  }































  .header-user-nav__btn--account .header-user-nav__icon {















    width: 22px !important;















    height: 22px !important;















    display: block !important;















    flex-shrink: 0 !important;















  }















}































/* --- Clean Product Card (No quick-add cart button per ТЗ) --- */















.card-product__presence {















  display: none !important;















}































.card-product__overlay,















.card-product:hover .card-product__overlay {















  display: none !important;















}































.card-product {















  cursor: pointer !important;















}















































/* ==========================================================================















   FOOTER REDESIGN (ТЗ: Футер сайта)















   ========================================================================== */































.page-footer {















  background-color: #f8f9fa !important;















  border-top: 1px solid #e5e7eb !important;















  padding-top: 56px !important;















  padding-bottom: 32px !important;















  width: 100% !important;















  box-sizing: border-box !important;















  color: #4b5563 !important;















}































.page-footer__container {















  width: 100% !important;















  max-width: 1280px !important;















  margin: 0 auto !important;















  padding: 0 !important;















  box-sizing: border-box !important;















}































.footer-grid {















  display: grid !important;















  grid-template-columns: 1.25fr 1fr 1fr 1.2fr !important;















  gap: 36px !important;















  margin-bottom: 44px !important;















  width: 100% !important;















  box-sizing: border-box !important;















}































/* Titles */















.footer-col__title {















  font-family: var(--font-primary) !important;















  font-size: 15px !important;















  font-weight: 700 !important;















  text-transform: uppercase !important;















  letter-spacing: 0.6px !important;















  color: #111827 !important;















  margin: 0 0 18px 0 !important;















  line-height: 1.3 !important;















}































/* Column 1: Brand & Newsletter */















.footer-brand-logo {















  display: inline-block !important;















  margin-bottom: 14px !important;















  text-decoration: none !important;















}































.footer-brand-logo img {















  display: block !important;















  width: 175px !important;















  height: auto !important;















}































.footer-brand-desc {















  font-family: var(--font-primary) !important;















  font-size: 13.5px !important;















  line-height: 1.45 !important;















  color: #4b5563 !important;















  margin: 0 0 20px 0 !important;















  max-width: 320px !important;















}































.footer-newsletter {















  width: 100% !important;















  max-width: 320px !important;















}































.footer-newsletter__title {















  display: block !important;















  font-family: var(--font-primary) !important;















  font-size: 13.5px !important;















  font-weight: 700 !important;















  color: #111827 !important;















  margin-bottom: 10px !important;















}































.footer-newsletter__form {















  display: flex !important;















  align-items: center !important;















  width: 100% !important;















  box-sizing: border-box !important;















  background: #ffffff !important;















  border: 1px solid #d1d5db !important;















  border-radius: 6px !important;















  overflow: hidden !important;















  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;















}































.footer-newsletter__form:focus-within {















  border-color: #111827 !important;















  box-shadow: 0 0 0 2px rgba(17, 24, 39, 0.08) !important;















}































.footer-newsletter__input {















  flex: 1 1 auto !important;















  min-width: 0 !important;















  height: 40px !important;















  border: none !important;















  outline: none !important;















  padding: 0 12px !important;















  font-family: var(--font-primary) !important;















  font-size: 13.5px !important;















  color: #111827 !important;















  background: transparent !important;















}































.footer-newsletter__input::placeholder {















  color: #9ca3af !important;















}































.footer-newsletter__btn {















  flex-shrink: 0 !important;















  width: 40px !important;















  height: 40px !important;















  background-color: #111827 !important;















  color: #ffffff !important;















  border: none !important;















  cursor: pointer !important;















  display: flex !important;















  align-items: center !important;















  justify-content: center !important;















  transition: background-color 0.2s ease !important;















}































.footer-newsletter__btn:hover {















  background-color: var(--color-brand-red) !important;















}































/* Nav Lists (Columns 2 & 3) */















.footer-nav__list {















  list-style: none !important;















  margin: 0 !important;















  padding: 0 !important;















  display: flex !important;















  flex-direction: column !important;















  gap: 11px !important;















}































.footer-nav__item {















  margin: 0 !important;















  padding: 0 !important;















}































.footer-nav__link {















  font-family: var(--font-primary) !important;















  font-size: 14px !important;















  color: #4b5563 !important;















  text-decoration: none !important;















  transition: color 0.15s ease !important;















  display: inline-block !important;















}































.footer-nav__link:hover {















  color: var(--color-brand-red) !important;















}































/* Column 4: Contacts */















.footer-contacts__body {















  display: flex !important;















  flex-direction: column !important;















  gap: 13px !important;















}































.footer-contacts__phone-box {















  display: flex !important;















  flex-direction: column !important;















  margin-bottom: 2px !important;















}































.footer-contacts__phone {















  font-family: var(--font-primary) !important;















  font-size: 21px !important;















  font-weight: 700 !important;















  color: #111827 !important;















  text-decoration: none !important;















  line-height: 1.25 !important;















  transition: color 0.15s ease !important;















  display: inline-block !important;















  width: fit-content !important;















}































.footer-contacts__phone:hover {















  color: var(--color-brand-red) !important;















}































/* MAX Messenger Card (Directly under phone, width matching phone text ~165px) */















.footer-max-card {















  display: flex !important;















  align-items: center !important;















  gap: 8px !important;















  padding: 6px 9px !important;















  background-color: #ffffff !important;















  border: 1px solid #e5e7eb !important;















  border-radius: 6px !important;















  text-decoration: none !important;















  width: 165px !important;















  max-width: 165px !important;















  box-sizing: border-box !important;















  margin-top: 6px !important;















  margin-bottom: 6px !important;















  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease !important;















}































.footer-max-card:hover {















  border-color: #d1d5db !important;















  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05) !important;















  transform: translateY(-1px) !important;















}































.footer-max-card__icon {















  width: 22px !important;















  height: 22px !important;















  border-radius: 4px !important;















  flex-shrink: 0 !important;















  display: block !important;















}































.footer-max-card__info {















  display: flex !important;















  flex-direction: column !important;















  line-height: 1.15 !important;















}































.footer-max-card__label {















  font-family: var(--font-primary) !important;















  font-size: 10.5px !important;















  font-weight: 600 !important;















  color: #4b5563 !important;















  margin-bottom: 1px !important;















  white-space: nowrap !important;















}































.footer-max-card__phone {















  font-family: var(--font-primary) !important;















  font-size: 12.5px !important;















  font-weight: 700 !important;















  color: #111827 !important;















  white-space: nowrap !important;















}































.footer-contacts__schedule {















  font-family: var(--font-primary) !important;















  font-size: 12.5px !important;















  color: #6b7280 !important;















  margin-top: 2px !important;















  line-height: 1.35 !important;















}































.footer-contacts__row {















  display: flex !important;















  align-items: center !important;















  gap: 10px !important;















  font-family: var(--font-primary) !important;















  font-size: 13.5px !important;















  color: #4b5563 !important;















  text-decoration: none !important;















  transition: color 0.15s ease !important;















}































.footer-contacts__row:hover {















  color: #111827 !important;















}































.footer-contacts__icon {















  color: #6b7280 !important; /* Neutral gray, strictly NO RED per ТЗ! */















  flex-shrink: 0 !important;















  stroke-width: 2 !important;















  transition: color 0.15s ease !important;















}































.footer-contacts__row:hover .footer-contacts__icon {















  color: #111827 !important;















}































/* Action Button: «Задать вопрос» (Brand Red, Placed Last) */















.footer-ask-btn {















  display: inline-flex !important;















  align-items: center !important;















  justify-content: center !important;















  gap: 8px !important;















  width: 100% !important;















  max-width: 240px !important;















  height: 44px !important;















  padding: 0 16px !important;















  background-color: var(--color-brand-red) !important;















  color: #ffffff !important;















  border: none !important;















  border-radius: 6px !important;















  font-family: var(--font-primary) !important;















  font-size: 14px !important;















  font-weight: 700 !important;















  cursor: pointer !important;















  transition: background-color 0.2s ease, transform 0.1s ease !important;















  margin-top: 4px !important;















}































.footer-ask-btn:hover {















  background-color: #b9040f !important;















}































.footer-ask-btn:active {















  transform: translateY(1px) !important;















}































/* Bottom Bar */















.footer-bottom {















  padding-top: 24px !important;















  border-top: 1px solid #e5e7eb !important;















  width: 100% !important;















}































.footer-bottom__inner {















  display: flex !important;















  flex-direction: column !important;















  gap: 6px !important;















  font-family: var(--font-primary) !important;















  font-size: 13px !important;















  line-height: 1.5 !important;















  color: #6b7280 !important;















}































.footer-bottom__copy,















.footer-bottom__note {















  margin: 0 !important;















}































.footer-bottom__privacy-link {















  color: #6b7280 !important;















  text-decoration: underline !important;















  transition: color 0.15s ease !important;















}































.footer-bottom__privacy-link:hover {















  color: #111827 !important;















}































/* Mobile Responsiveness for Footer */















@media (max-width: 767px) {















  .page-footer {















    padding-top: 36px !important;















    padding-bottom: 28px !important;















  }































  .page-footer__container {















    padding: 0 16px !important;















  }































  .footer-grid {















    display: flex !important;















    flex-direction: column !important;















    gap: 28px !important;















    margin-bottom: 32px !important;















  }































  /* Natural vertical hierarchy per ТЗ пункт 10:















     1. Логотип и описание















     2. Каталог















     3. Покупателям















     4. Контакты















  */















  .footer-col--brand {















    order: 1 !important;















    padding-top: 0 !important;















    border-top: none !important;















  }































  .footer-col--catalog {















    order: 2 !important;















  }































  .footer-col--customers {















    order: 3 !important;















  }































  .footer-col--contacts {















    order: 4 !important;















    padding-top: 24px !important;















    border-top: 1px solid #e5e7eb !important;















  }































  .footer-col--contacts .footer-col__title {















    display: block !important;















  }































  .footer-brand-desc {















    max-width: 100% !important;















  }































  .footer-newsletter {















    max-width: 100% !important;















  }































  .footer-contacts__phone {















    font-size: 22px !important;















  }































  .footer-max-card {















    width: fit-content !important;















    max-width: 100% !important;















  }































  .footer-ask-btn {















    width: 100% !important;















    max-width: 100% !important;















    height: 48px !important;















  }































  .footer-mobile-brand {















    display: none !important;















  }































  .footer-bottom__inner {















    flex-direction: column !important;















    align-items: flex-start !important;















    gap: 8px !important;















  }















}















































/* ==========================================================================















   FOOTER REDESIGN (ТЗ: Футер сайта)















   ========================================================================== */































.page-footer {















  background-color: #f8f9fa !important;















  border-top: 1px solid #e5e7eb !important;















  padding-top: 56px !important;















  padding-bottom: 32px !important;















  width: 100% !important;















  box-sizing: border-box !important;















  color: #4b5563 !important;















}































.page-footer__container {















  width: 100% !important;















  max-width: 1280px !important;















  margin: 0 auto !important;















  padding: 0 !important;















  box-sizing: border-box !important;















}































.footer-grid {















  display: grid !important;















  grid-template-columns: 1.25fr 1fr 1fr 1.2fr !important;















  gap: 36px !important;















  margin-bottom: 44px !important;















  width: 100% !important;















  box-sizing: border-box !important;















}































/* Titles */















.footer-col__title {















  font-family: var(--font-primary) !important;















  font-size: 15px !important;















  font-weight: 700 !important;















  text-transform: uppercase !important;















  letter-spacing: 0.6px !important;















  color: #111827 !important;















  margin: 0 0 18px 0 !important;















  line-height: 1.3 !important;















}































/* Column 1: Brand & Newsletter */















.footer-brand-logo {















  display: inline-block !important;















  margin-bottom: 14px !important;















  text-decoration: none !important;















}































.footer-brand-logo img {















  display: block !important;















  width: 175px !important;















  height: auto !important;















}































.footer-brand-desc {















  font-family: var(--font-primary) !important;















  font-size: 13.5px !important;















  line-height: 1.45 !important;















  color: #4b5563 !important;















  margin: 0 0 20px 0 !important;















  max-width: 320px !important;















}































.footer-newsletter {















  width: 100% !important;















  max-width: 320px !important;















}































.footer-newsletter__title {















  display: block !important;















  font-family: var(--font-primary) !important;















  font-size: 13.5px !important;















  font-weight: 700 !important;















  color: #111827 !important;















  margin-bottom: 10px !important;















}































.footer-newsletter__form {















  display: flex !important;















  align-items: center !important;















  width: 100% !important;















  box-sizing: border-box !important;















  background: #ffffff !important;















  border: 1px solid #d1d5db !important;















  border-radius: 6px !important;















  overflow: hidden !important;















  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;















}































.footer-newsletter__form:focus-within {















  border-color: #111827 !important;















  box-shadow: 0 0 0 2px rgba(17, 24, 39, 0.08) !important;















}































.footer-newsletter__input {















  flex: 1 1 auto !important;















  min-width: 0 !important;















  height: 40px !important;















  border: none !important;















  outline: none !important;















  padding: 0 12px !important;















  font-family: var(--font-primary) !important;















  font-size: 13.5px !important;















  color: #111827 !important;















  background: transparent !important;















}































.footer-newsletter__input::placeholder {















  color: #9ca3af !important;















}































.footer-newsletter__btn {















  flex-shrink: 0 !important;















  width: 40px !important;















  height: 40px !important;















  background-color: #111827 !important;















  color: #ffffff !important;















  border: none !important;















  cursor: pointer !important;















  display: flex !important;















  align-items: center !important;















  justify-content: center !important;















  transition: background-color 0.2s ease !important;















}































.footer-newsletter__btn:hover {















  background-color: var(--color-brand-red) !important;















}































/* Nav Lists (Columns 2 & 3) */















.footer-nav__list {















  list-style: none !important;















  margin: 0 !important;















  padding: 0 !important;















  display: flex !important;















  flex-direction: column !important;















  gap: 11px !important;















}































.footer-nav__item {















  margin: 0 !important;















  padding: 0 !important;















}































.footer-nav__link {















  font-family: var(--font-primary) !important;















  font-size: 14px !important;















  color: #4b5563 !important;















  text-decoration: none !important;















  transition: color 0.15s ease !important;















  display: inline-block !important;















}































.footer-nav__link:hover {















  color: var(--color-brand-red) !important;















}































/* Column 4: Contacts */















.footer-contacts__body {















  display: flex !important;















  flex-direction: column !important;















  gap: 13px !important;















}































.footer-contacts__phone-box {















  display: flex !important;















  flex-direction: column !important;















  margin-bottom: 2px !important;















}































.footer-contacts__phone {















  font-family: var(--font-primary) !important;















  font-size: 21px !important;















  font-weight: 700 !important;















  color: #111827 !important;















  text-decoration: none !important;















  line-height: 1.25 !important;















  transition: color 0.15s ease !important;















  display: inline-block !important;















  width: fit-content !important;















}































.footer-contacts__phone:hover {















  color: var(--color-brand-red) !important;















}































/* MAX Messenger Card (Directly under phone, width matching phone text ~165px) */















.footer-max-card {















  display: flex !important;















  align-items: center !important;















  gap: 8px !important;















  padding: 6px 9px !important;















  background-color: #ffffff !important;















  border: 1px solid #e5e7eb !important;















  border-radius: 6px !important;















  text-decoration: none !important;















  width: 165px !important;















  max-width: 165px !important;















  box-sizing: border-box !important;















  margin-top: 6px !important;















  margin-bottom: 6px !important;















  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease !important;















}































.footer-max-card:hover {















  border-color: #d1d5db !important;















  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05) !important;















  transform: translateY(-1px) !important;















}































.footer-max-card__icon {















  width: 22px !important;















  height: 22px !important;















  border-radius: 4px !important;















  flex-shrink: 0 !important;















  display: block !important;















}































.footer-max-card__info {















  display: flex !important;















  flex-direction: column !important;















  line-height: 1.15 !important;















}































.footer-max-card__label {















  font-family: var(--font-primary) !important;















  font-size: 10.5px !important;















  font-weight: 600 !important;















  color: #4b5563 !important;















  margin-bottom: 1px !important;















  white-space: nowrap !important;















}































.footer-max-card__phone {















  font-family: var(--font-primary) !important;















  font-size: 12.5px !important;















  font-weight: 700 !important;















  color: #111827 !important;















  white-space: nowrap !important;















}































.footer-contacts__schedule {















  font-family: var(--font-primary) !important;















  font-size: 12.5px !important;















  color: #6b7280 !important;















  margin-top: 2px !important;















  line-height: 1.35 !important;















}































.footer-contacts__row {















  display: flex !important;















  align-items: center !important;















  gap: 10px !important;















  font-family: var(--font-primary) !important;















  font-size: 13.5px !important;















  color: #4b5563 !important;















  text-decoration: none !important;















  transition: color 0.15s ease !important;















}































.footer-contacts__row:hover {















  color: #111827 !important;















}































.footer-contacts__icon {















  color: #6b7280 !important; /* Neutral gray, strictly NO RED per ТЗ! */















  flex-shrink: 0 !important;















  stroke-width: 2 !important;















  transition: color 0.15s ease !important;















}































.footer-contacts__row:hover .footer-contacts__icon {















  color: #111827 !important;















}































/* Action Button: «Задать вопрос» (Brand Red, Placed Last) */















.footer-ask-btn {















  display: inline-flex !important;















  align-items: center !important;















  justify-content: center !important;















  gap: 8px !important;















  width: 100% !important;















  max-width: 240px !important;















  height: 44px !important;















  padding: 0 16px !important;















  background-color: var(--color-brand-red) !important;















  color: #ffffff !important;















  border: none !important;















  border-radius: 6px !important;















  font-family: var(--font-primary) !important;















  font-size: 14px !important;















  font-weight: 700 !important;















  cursor: pointer !important;















  transition: background-color 0.2s ease, transform 0.1s ease !important;















  margin-top: 4px !important;















}































.footer-ask-btn:hover {















  background-color: #b9040f !important;















}































.footer-ask-btn:active {















  transform: translateY(1px) !important;















}































/* Bottom Bar */















.footer-bottom {















  padding-top: 24px !important;















  border-top: 1px solid #e5e7eb !important;















  width: 100% !important;















}































.footer-bottom__inner {















  display: flex !important;















  flex-direction: column !important;















  gap: 6px !important;















  font-family: var(--font-primary) !important;















  font-size: 13px !important;















  line-height: 1.5 !important;















  color: #6b7280 !important;















}































.footer-bottom__copy,















.footer-bottom__note {















  margin: 0 !important;















}































.footer-bottom__privacy-link {















  color: #6b7280 !important;















  text-decoration: underline !important;















  transition: color 0.15s ease !important;















}































.footer-bottom__privacy-link:hover {















  color: #111827 !important;















}































/* Mobile Responsiveness for Footer */















@media (max-width: 767px) {















  .page-footer {















    padding-top: 36px !important;















    padding-bottom: 28px !important;















  }































  .page-footer__container {















    padding: 0 16px !important;















  }































  .footer-grid {















    display: flex !important;















    flex-direction: column !important;















    align-items: stretch !important;















    width: 100% !important;















    gap: 28px !important;















    margin-bottom: 32px !important;















  }































  /* Natural vertical hierarchy per ТЗ пункт 10:















     1. Логотип и описание















     2. Каталог















     3. Покупателям















     4. Контакты















  */















  .footer-col {















    width: 100% !important;















    box-sizing: border-box !important;















  }































  .footer-col--brand {















    order: 1 !important;















    padding-top: 0 !important;















    border-top: none !important;















  }































  .footer-col--catalog {















    order: 2 !important;















  }































  .footer-col--customers {















    order: 3 !important;















  }































  .footer-col--contacts {















    order: 4 !important;















    padding-top: 24px !important;















    border-top: 1px solid #e5e7eb !important;















  }































  .footer-col--contacts .footer-col__title {















    display: block !important;















  }































  .footer-brand-desc {















    max-width: 100% !important;















  }































  .footer-newsletter {















    max-width: 100% !important;















  }































  .footer-contacts__body {















    width: 100% !important;















    align-items: stretch !important;















  }































  .footer-contacts__phone {















    font-size: 22px !important;















  }































  .footer-max-card {















    width: fit-content !important;















    max-width: 100% !important;















    box-sizing: border-box !important;















  }































  .footer-ask-btn {















    width: 100% !important;















    max-width: 100% !important;















    display: flex !important;















    align-self: stretch !important;















    box-sizing: border-box !important;















    height: 48px !important;















  }















































  .footer-mobile-brand {















    display: none !important;















  }































  .footer-bottom__inner {















    flex-direction: column !important;















    align-items: flex-start !important;















    gap: 8px !important;















  }















}















































/* ==========================================================================















   1.7 HERO STATIC REDESIGN (ТЗ — HTML-контент Hero главной страницы)















   ========================================================================== */































.notice__slider,















.notice__action {















  display: none !important;















}































.notice {















  padding-top: 24px !important;















  margin-bottom: 0 !important;















}































.notice__container {















  width: 100% !important;















  max-width: 1280px !important;















  margin: 0 auto !important;















  padding: 0 20px !important;















  box-sizing: border-box !important;















  display: block !important;















}































/* ==========================================================================







   HERO STATIC CLEAN (ТЗ — Чистый Hero, CTA-кнопка и строка доверия)







   ========================================================================== */















/* ==========================================================================







   HERO STATIC CLEAN (ТЗ — Чистый Hero, CTA-кнопка и строка доверия)







   ========================================================================== */















.hero-static {







  position: relative !important;







  width: 100% !important;







  min-height: 480px !important;







  border-radius: 14px !important;







  overflow: hidden !important;







  display: flex !important;







  align-items: center !important;







  background-color: #0e121a !important;







  box-sizing: border-box !important;







}















.hero-static__bg {







  position: absolute !important;







  inset: 0 !important;







  width: 100% !important;







  height: 100% !important;







  z-index: 1 !important;







  pointer-events: none !important;







}















.hero-static__img {







  width: 100% !important;







  height: 100% !important;







  object-fit: cover !important;







  object-position: right center !important;







  display: block !important;







}















.hero-static__overlay {







  position: absolute !important;







  inset: 0 !important;







  width: 100% !important;







  height: 100% !important;







  background: linear-gradient(90deg, 







    rgba(14, 18, 26, 0.95) 0%, 







    rgba(14, 18, 26, 0.90) 34%, 







    rgba(14, 18, 26, 0.65) 48%, 







    rgba(14, 18, 26, 0.20) 62%, 







    rgba(14, 18, 26, 0.0) 72%







  ) !important;







  z-index: 2 !important;







}















.hero-static__content {







  position: relative !important;







  z-index: 3 !important;







  padding: 48px 0 48px 48px !important;







  max-width: 640px !important;







  display: flex !important;







  flex-direction: column !important;







  justify-content: center !important;







  box-sizing: border-box !important;







}















.hero-static__eyebrow {







  font-family: var(--font-primary) !important;







  font-size: 12.5px !important;







  font-weight: 600 !important;







  text-transform: uppercase !important;







  letter-spacing: 0.08em !important;







  color: #e2e8f0 !important;







  margin-bottom: 12px !important;







}















.hero-static__title {

  font-family: var(--font-primary) !important;

  font-size: 44px !important;

  font-weight: 800 !important;

  line-height: 1.16 !important;

  color: #ffffff !important;

  margin: 0 0 16px 0 !important;

  letter-spacing: -0.02em !important;

  text-transform: none !important;

  max-width: 620px !important;

}















.hero-static__title-accent {







  color: #e30613 !important;







}















.hero-static__subtitle {







  font-family: var(--font-primary) !important;







  font-size: 15.5px !important;







  line-height: 1.45 !important;







  color: #cbd5e1 !important;







  max-width: 420px !important;







  margin: 0 0 24px 0 !important;







}















.hero-static__actions {







  display: flex !important;







  align-items: center !important;







  margin: 0 0 18px 0 !important;







}















.hero-static__btn {







  display: inline-flex !important;







  align-items: center !important;







  justify-content: center !important;







  width: 220px !important;







  min-width: 220px !important;







  max-width: 220px !important;







  height: 48px !important;







  background-color: #e30613 !important;







  color: #ffffff !important;







  font-family: var(--font-primary) !important;







  font-size: 14px !important;







  font-weight: 700 !important;







  text-transform: uppercase !important;







  text-decoration: none !important;







  border-radius: 8px !important;







  letter-spacing: 0.03em !important;







  transition: background-color 0.2s ease, transform 0.15s ease !important;







  flex-shrink: 0 !important;







  box-sizing: border-box !important;







}















.hero-static__btn:hover {







  background-color: #c00410 !important;







  transform: translateY(-1px) !important;







}















.hero-static__trust {







  font-family: var(--font-primary) !important;







  font-size: 13.5px !important;







  line-height: 1.5 !important;







  font-weight: 500 !important;







  color: #cbd5e1 !important;







  display: flex !important;







  align-items: center !important;







  flex-wrap: wrap !important;







  gap: 4px 10px !important;







  letter-spacing: 0.01em !important;







  max-width: 100% !important;







}















.hero-static__trust-item {







  display: inline-flex !important;







  align-items: center !important;







  white-space: nowrap !important;







  flex-shrink: 0 !important;







}















.hero-static__trust-dot {







  color: #64748b !important;







  font-size: 14px !important;







  font-weight: 700 !important;







  margin-left: 10px !important;







  user-select: none !important;







  line-height: 1 !important;







}















@media (min-width: 1024px) {







  .hero-static__trust {







    flex-wrap: nowrap !important;







    white-space: nowrap !important;







    gap: 0 10px !important;







  }







}















/* Tablet Adaptation (768px - 1023px) */







@media (min-width: 768px) and (max-width: 1023px) {







  .hero-static__content {







    max-width: 520px !important;







  }







  .hero-static__title {







    font-size: 34px !important;







    line-height: 1.18 !important;







    letter-spacing: -0.02em !important;







    text-transform: none !important;







    max-width: 500px !important;







  }







  .hero-static__trust {







    max-width: 420px !important;







  }







}















/* Mobile Adaptation (< 768px) */







@media (max-width: 767px) {







  .notice {







    padding-top: 12px !important;







    margin-bottom: 0 !important;







  }







  .notice__container {







    padding: 0 12px !important;







  }







  .hero-static {







    min-height: auto !important;







    border-radius: 12px !important;







    display: flex !important;







    flex-direction: column !important;







    justify-content: flex-end !important;







  }







  .hero-static__bg {







    position: absolute !important;







    inset: 0 !important;







    height: 100% !important;







  }







  .hero-static__img {







    object-position: 70% top !important;







    height: 100% !important;







  }







  .hero-static__overlay {







    background: linear-gradient(180deg, 







      rgba(14, 18, 26, 0.40) 0%, 







      rgba(14, 18, 26, 0.85) 30%, 







      rgba(14, 18, 26, 0.98) 55%,







      rgba(14, 18, 26, 1.0) 100%







    ) !important;







  }







  .hero-static__content {







    padding: 135px 16px 28px 16px !important;







    max-width: 100% !important;







    width: 100% !important;







  }







  .hero-static__eyebrow {







    font-size: 12px !important;







    margin-bottom: 8px !important;







  }







  .hero-static__title {







    font-size: 26px !important;







    line-height: 1.18 !important;







    letter-spacing: -0.02em !important;







    text-transform: none !important;







    margin-bottom: 12px !important;







    max-width: 100% !important;







  }







  .hero-static__subtitle {







    font-size: 14.5px !important;







    line-height: 1.4 !important;







    margin-bottom: 20px !important;







    max-width: 100% !important;







  }







  .hero-static__actions {







    width: 100% !important;







    margin-bottom: 14px !important;







  }







  .hero-static__btn {







    width: 100% !important;







    min-width: 100% !important;







    max-width: 100% !important;







    height: 48px !important;







  }







  .hero-static__trust {







    font-size: 13px !important;







    gap: 5px 8px !important;







    color: #94a3b8 !important;







    max-width: 100% !important;







  }







  .hero-static__trust-dot {







    margin-left: 8px !important;







  }







}























/* ==========================================================================















   1.8 HEADER USER NAV REFINEMENT (ТЗ — Иконка профиля и группа действий)















   Телефон → разделитель → 24–28 px → Профиль → 20–24 px → Корзина















   Цвет #374151, строгая вертикальная ось, сбалансированная оптическая плотность















   ========================================================================== */































.header-contacts__divider--nav {















  width: 1px !important;















  height: 36px !important;















  background-color: #e5e7eb !important;















  margin-left: 22px !important;















  margin-right: 28px !important; /* Strict 26–28px from divider to profile */















  flex-shrink: 0 !important;















}































.header-user-nav {















  display: flex !important;















  align-items: center !important;















  gap: 22px !important; /* Strict 20–24px between profile and cart */















  flex-shrink: 0 !important;















  margin-left: 0 !important;















}































.header-user-nav__btn--account,















.header-user-nav__btn.header-user-nav__btn--account {















  display: inline-flex !important;















  align-items: center !important;















  justify-content: center !important;















  width: 38px !important;















  min-width: 38px !important;















  max-width: 38px !important;















  height: 42px !important;















  min-height: 42px !important;















  max-height: 42px !important;















  padding: 0 !important;















  margin: 0 !important;















  border-radius: 8px !important;















  background: transparent !important;















  color: #374151 !important; /* Exact #374151 per ТЗ */















  text-decoration: none !important;















  box-sizing: border-box !important;















  transition: background-color 0.15s ease, color 0.15s ease !important;















}































.header-user-nav__btn--account:hover,















.header-user-nav__btn.header-user-nav__btn--account:hover {















  background-color: rgba(0, 0, 0, 0.05) !important;















  color: #111827 !important;















}































.header-user-nav__btn--account .header-user-nav__icon {















  width: 22px !important;















  height: 22px !important;















  flex-shrink: 0 !important;















  display: block !important;















  color: #374151 !important;















}































.header-user-nav__btn--cart.header-cart {















  display: inline-flex !important;















  align-items: center !important;















  gap: 10px !important;















  height: 42px !important;















  min-height: 42px !important;















  max-height: 42px !important;















  padding: 0 4px !important;















  margin: 0 !important;















  border-radius: 8px !important;















  background: none !important;















  border: none !important;















  box-shadow: none !important;















  color: var(--color-dark-text, #121620) !important;















  box-sizing: border-box !important;















  transition: background-color 0.15s ease !important;















}































.header-user-nav__btn--cart.header-cart:hover {















  background-color: rgba(0, 0, 0, 0.03) !important;















}































.header-user-nav__icon-wrap {















  position: relative !important;















  display: flex !important;















  align-items: center !important;















  justify-content: center !important;















  color: #374151 !important; /* Exact #374151 per ТЗ */















}































.header-user-nav__btn--cart .header-user-nav__icon {















  width: 22px !important;















  height: 22px !important;















  flex-shrink: 0 !important;















  display: block !important;















  color: #374151 !important;















}















































/* ==========================================================================















   1.9 HERO GAP ADJUSTMENT (Подъем блока Hero на ~25% к шапке: с 54px до 40px)















   ========================================================================== */































.notice,















section.notice,















.main--main-page .notice {















  margin-top: 0 !important;















  padding-top: 40px !important;















  margin-bottom: 0 !important;















}















































/* ==========================================================================















   1.10. PRODUCT DETAIL PAGE REDESIGN (TOCHKA OPORY BRAND UNIFICATION)















   Generated at: 1788900781















   ========================================================================== */































/* --- Breadcrumbs --- */















.product-breadcrumbs {















  padding: 12px 0 16px;















}















.product-breadcrumbs .breadcrumbs {















  display: flex !important;















  align-items: center !important;















  flex-wrap: wrap !important;















  gap: 0 !important;















  list-style: none !important;















  margin: 14px 0 18px !important;















  padding: 0 !important;















}















.product-breadcrumbs .breadcrumbs li {















  display: inline-flex !important;















  align-items: center !important;















  position: relative !important;















  margin: 0 24px 0 0 !important;















  padding: 0 !important;















  font-size: 13px !important;















  line-height: 1.5 !important;















  text-decoration: none !important;















  color: #64748b !important;















}















.product-breadcrumbs .breadcrumbs a {















  color: #64748b !important;















  text-decoration: none !important;















  transition: color 0.15s ease !important;















}















.product-breadcrumbs .breadcrumbs a:hover {















  color: #e30613 !important;















}















.product-breadcrumbs .breadcrumbs li::after {















  content: "›" !important;















  background: none !important;















  position: absolute !important;















  right: -15px !important;















  top: 50% !important;















  transform: translateY(-50%) !important;















  width: auto !important;















  height: auto !important;















  color: #94a3b8 !important;















  font-size: 15px !important;















  line-height: 1 !important;















}















.product-breadcrumbs .breadcrumbs li:last-child::after,















.product-breadcrumbs .breadcrumbs .breadcrumbs__current::after {















  display: none !important;















}















.product-breadcrumbs .breadcrumbs .breadcrumbs__current {















  color: #1e293b !important;















  font-weight: 500 !important;















  max-width: 550px !important;















  white-space: nowrap !important;















  overflow: hidden !important;















  text-overflow: ellipsis !important;















  text-decoration: none !important;















}































/* ==========================================================================







   OPERATION 41: PDP REBUILD & 1280px GRID ALIGNMENT







   ========================================================================== */















/* 1. Global Container Unification for PDP */







.main--product-page {







  width: 100% !important;







  overflow-x: hidden !important;







}















.product-breadcrumbs-wrap,







.product-detail-redesign .product__container,







.product-bottom-info .info__container,







.product-suggestions-section .wares__container {







  max-width: 1280px !important;







  width: 100% !important;







  margin-left: auto !important;







  margin-right: auto !important;







  padding-left: 20px !important;







  padding-right: 20px !important;







  box-sizing: border-box !important;







}















/* 2. Breadcrumbs */







.product-breadcrumbs-wrap {







  margin-top: 14px !important;







  margin-bottom: 20px !important;







}















.product-breadcrumbs-wrap .breadcrumbs {







  display: flex !important;







  flex-wrap: wrap !important;







  align-items: center !important;







  gap: 6px !important;







  margin: 0 !important;







  padding: 0 !important;







  list-style: none !important;







  font-size: 13px !important;







  color: #64748b !important;







}















.product-breadcrumbs-wrap .breadcrumbs li {







  display: inline-flex !important;







  align-items: center !important;







  margin: 0 !important;







  padding: 0 !important;







}















.product-breadcrumbs-wrap .breadcrumbs li:not(:last-child)::after {







  content: "›" !important;







  margin: 0 6px !important;







  color: #94a3b8 !important;







  font-size: 14px !important;







  font-weight: 400 !important;







}















.product-breadcrumbs-wrap .breadcrumbs a {







  color: #64748b !important;







  text-decoration: none !important;







  transition: color 0.15s ease !important;







}















.product-breadcrumbs-wrap .breadcrumbs a:hover {







  color: #e30613 !important;







}















.product-breadcrumbs-wrap .breadcrumbs__current {







  color: #0f172a !important;







  font-weight: 600 !important;







  max-width: 500px !important;







  white-space: nowrap !important;







  overflow: hidden !important;







  text-overflow: ellipsis !important;







}















/* 3. Product Detail First Screen Grid */







.product-detail-redesign.product {







  padding: 0 0 40px !important;







}















.product-main-grid {







  display: grid !important;







  grid-template-columns: 360px minmax(0, 1fr) !important;







  gap: 36px !important;







  align-items: start !important;







  width: 100% !important;







}















/* Left Column: Gallery & Trust */







.product-gallery-card {







  background: #ffffff !important;







  border: 1px solid #e2e8f0 !important;







  border-radius: 12px !important;







  padding: 16px !important;

  box-sizing: border-box !important;

  width: 360px !important;







  position: relative !important;







  display: flex !important;







  flex-direction: column !important;







  align-items: stretch !important;







  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02) !important;







  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;







}















.product-gallery-card:hover {







  border-color: #cbd5e1 !important;







  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05) !important;







}















.product-gallery-card__top {







  display: flex !important;







  align-items: center !important;







  justify-content: space-between !important;







  width: 100% !important;







  margin-bottom: 8px !important;







}















.product-gallery-card__badges {







  display: flex !important;







  gap: 8px !important;







}















.product-gallery-card__actions {







  display: flex !important;







  gap: 8px !important;







}















.product-badge {







  font-size: 12px !important;







  font-weight: 700 !important;







  padding: 3px 8px !important;







  border-radius: 4px !important;







  text-transform: uppercase !important;







  letter-spacing: 0.03em !important;







}















.product-badge--discount {







  background: #e30613 !important;







  color: #ffffff !important;







}















.product-badge--stock {







  background: #ecfdf5 !important;







  color: #059669 !important;







  border: 1px solid #a7f3d0 !important;







  font-weight: 600 !important;







}















.product-gallery-card__image-wrap {

  width: 100% !important;

  min-height: 260px !important;

  max-height: 260px !important;

  height: 260px !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  padding: 6px !important;

  box-sizing: border-box !important;

}



.product-gallery-card__img {

  max-width: 100% !important;

  width: auto !important;

  height: auto !important;

  max-height: 248px !important;

  object-fit: contain !important;

  display: block !important;

}















.product-gallery-card__trust {







  display: flex !important;







  align-items: center !important;







  justify-content: space-around !important;







  padding-top: 16px !important;







  margin-top: 16px !important;







  border-top: 1px solid #f1f5f9 !important;







  font-size: 12px !important;







  color: #475569 !important;







  font-weight: 600 !important;







  flex-wrap: wrap !important;







  gap: 8px !important;







}















.product-trust-item {







  display: inline-flex !important;







  align-items: center !important;







  gap: 6px !important;







}















/* Right Column: Info & Buy Box */







.product-info-column {







  display: flex !important;







  flex-direction: column !important;







  gap: 16px !important;







  width: 100% !important;







  min-width: 0 !important;







}















.product-header-block {







  width: 100% !important;







  margin: 0 !important;







  padding: 0 !important;







}















.product-header-block .product__title {







  font-size: 28px !important;







  font-weight: 700 !important;







  line-height: 1.25 !important;







  color: #121620 !important;







  margin: 0 !important;







  padding: 0 !important;







  letter-spacing: -0.01em !important;







}















/* Meta Bar */







.product-meta-bar {







  display: flex !important;







  align-items: center !important;







  justify-content: space-between !important;







  flex-wrap: wrap !important;







  gap: 12px !important;







  padding-bottom: 12px !important;







  border-bottom: 1px solid #e2e8f0 !important;







}















.product-meta-bar__left {







  display: flex !important;







  align-items: center !important;







  flex-wrap: wrap !important;







  gap: 10px !important;







  font-size: 14px !important;







  color: #64748b !important;







}















.product-meta-item {







  display: inline-flex !important;







  align-items: center !important;







  gap: 6px !important;







}















.product-meta-label {







  color: #64748b !important;







}















.product-meta-val {







  color: #121620 !important;







}















.product-meta-divider {







  color: #cbd5e1 !important;







}















.product-meta-reviews-link {







  color: #64748b !important;







  font-size: 13px !important;







  text-decoration: underline !important;







  text-decoration-color: #cbd5e1 !important;







  transition: color 0.15s ease !important;







}















.product-meta-reviews-link:hover {







  color: #e30613 !important;







  text-decoration-color: #e30613 !important;







}















.product-action-btn {







  background: #ffffff !important;







  border: 1px solid #e2e8f0 !important;







  border-radius: 6px !important;







  width: 36px !important;







  height: 36px !important;







  display: inline-flex !important;







  align-items: center !important;







  justify-content: center !important;







  cursor: pointer !important;







  transition: all 0.15s ease !important;







  position: static !important;







}















.product-action-btn:hover {







  border-color: #cbd5e1 !important;







  background: #f8fafc !important;







}















.product-action-btn .action-icon {







  width: 18px !important;







  height: 18px !important;







  display: block !important;







  transition: stroke 0.15s ease, fill 0.15s ease !important;







  pointer-events: none !important;







}















.product-action-btn * {







  pointer-events: none !important;







}















.product-action-btn.favorite:hover .action-icon--fav,







.product-action-btn.favorite.favorite--active .action-icon--fav,







.product-action-btn.favorite.active .action-icon--fav {







  stroke: #e30613 !important;







  fill: #e30613 !important;







}















.product-action-btn.favorite.favorite--active,







.product-action-btn.favorite.active {







  background: #fee2e2 !important;







  border-color: #fca5a5 !important;







}















.product-action-btn.compare-btn:hover .action-icon--compare,







.product-action-btn.compare-btn.active .action-icon--compare {







  stroke: #121620 !important;







}















.product-action-btn.compare-btn.active {







  background: #f1f5f9 !important;







  border-color: #cbd5e1 !important;







}















/* High-Conversion Buy Box */







.product-buy-box {







  background: #f8fafc !important;







  border: 1px solid #e2e8f0 !important;







  border-radius: 12px !important;







  padding: 22px 24px !important;







  display: flex !important;







  flex-direction: column !important;







  gap: 16px !important;







  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.02) !important;







}















.product-buy-box__header {







  display: flex !important;







  align-items: baseline !important;







  justify-content: space-between !important;







  flex-wrap: wrap !important;







  gap: 12px !important;







}















.product-buy-box__price-wrap {







  display: flex !important;







  align-items: baseline !important;







  gap: 12px !important;







}















.product-buy-box__price {







  font-size: 34px !important;







  font-weight: 800 !important;







  color: #121620 !important;







  letter-spacing: -0.02em !important;







  line-height: 1 !important;







}















.product-buy-box__price-old {







  font-size: 18px !important;







  color: #94a3b8 !important;







  text-decoration: line-through !important;







}















.product-buy-box__badge {







  background: #fee2e2 !important;







  color: #b91c1c !important;







  font-size: 13px !important;







  font-weight: 700 !important;







  padding: 2px 8px !important;







  border-radius: 4px !important;







}















.product-buy-box__availability {







  display: inline-flex !important;







  align-items: center !important;







  gap: 8px !important;







  font-size: 13px !important;







  color: #059669 !important;







  font-weight: 600 !important;







}















.product-buy-box__stock-dot {







  width: 9px !important;







  height: 9px !important;







  border-radius: 50% !important;







  background: #10b981 !important;







  display: inline-block !important;







  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.2) !important;







}















.product-buy-box__row {







  display: flex !important;







  align-items: center !important;







  flex-wrap: wrap !important;







  gap: 12px !important;







}















.product-qty-control {







  display: inline-flex !important;







  align-items: center !important;







  border: 1px solid #cbd5e1 !important;







  border-radius: 8px !important;







  background: #ffffff !important;







  overflow: hidden !important;







  height: 48px !important;







  flex-shrink: 0 !important;







}















.product-qty-control__btn {







  width: 40px !important;







  height: 100% !important;







  border: none !important;







  background: transparent !important;







  font-size: 20px !important;







  color: #475569 !important;







  cursor: pointer !important;







  display: flex !important;







  align-items: center !important;







  justify-content: center !important;







  transition: background 0.15s ease, color 0.15s ease !important;







}















.product-qty-control__btn:hover {







  background: #f1f5f9 !important;







  color: #0f172a !important;







}















.product-qty-control__input {







  width: 44px !important;







  height: 100% !important;







  border: none !important;







  text-align: center !important;







  font-size: 16px !important;







  font-weight: 700 !important;







  color: #0f172a !important;







  outline: none !important;







  -moz-appearance: textfield !important;







}















.product-qty-control__input::-webkit-outer-spin-button,







.product-qty-control__input::-webkit-inner-spin-button {







  -webkit-appearance: none !important;







  margin: 0 !important;







}















.product-buy-box__submit-btn.product__buy-btn {







  background: #e30613 !important;







  color: #ffffff !important;







  border: none !important;







  border-radius: 8px !important;







  height: 48px !important;







  padding: 0 32px !important;







  font-size: 16px !important;







  font-weight: 700 !important;







  cursor: pointer !important;







  display: inline-flex !important;







  align-items: center !important;







  justify-content: center !important;







  gap: 8px !important;







  transition: background 0.15s ease, transform 0.1s ease, box-shadow 0.15s ease !important;







  margin: 0 !important;







  box-shadow: 0 2px 6px rgba(227, 6, 19, 0.25) !important;







  white-space: nowrap !important;







  flex-shrink: 0 !important;







}















.product-buy-box__submit-btn.product__buy-btn:hover {







  background: #c00410 !important;







  box-shadow: 0 4px 14px rgba(227, 6, 19, 0.35) !important;







}















.product-buy-box__submit-btn.product__buy-btn:active {







  transform: scale(0.98) !important;







}















.product-buy-box__oneclick-btn {







  background: #ffffff !important;







  color: #1e293b !important;







  border: 1px solid #cbd5e1 !important;







  border-radius: 8px !important;







  height: 48px !important;







  padding: 0 20px !important;







  font-size: 14px !important;







  font-weight: 700 !important;







  cursor: pointer !important;







  display: inline-flex !important;







  align-items: center !important;







  justify-content: center !important;







  gap: 8px !important;







  transition: all 0.15s ease !important;







  margin: 0 !important;







  white-space: nowrap !important;







  flex-shrink: 0 !important;







  text-transform: uppercase !important;







  letter-spacing: 0.3px !important;







}















.product-buy-box__oneclick-btn svg,







.product-buy-box__oneclick-btn .product-oneclick-icon {







  width: 18px !important;







  height: 18px !important;







  stroke: currentColor !important;







  flex-shrink: 0 !important;







  transition: stroke 0.15s ease, transform 0.15s ease !important;







}















.product-buy-box__oneclick-btn:hover {







  background: #f8fafc !important;







  border-color: #94a3b8 !important;







  color: #0f172a !important;







  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08) !important;







}















.product-buy-box__oneclick-btn:hover svg,







.product-buy-box__oneclick-btn:hover .product-oneclick-icon {







  stroke: #0f172a !important;







  transform: scale(1.05) !important;







}















.product-buy-box__oneclick-btn:active {







  transform: scale(0.98) !important;







}















.product-buy-box__perks {







  display: flex !important;







  flex-direction: column !important;







  gap: 8px !important;







  padding-top: 14px !important;







  border-top: 1px solid #e2e8f0 !important;







  font-size: 13px !important;







  color: #475569 !important;







}















.product-buy-box__perk {







  display: inline-flex !important;







  align-items: center !important;







  gap: 8px !important;







}















.product-buy-box__perk strong {







  color: #0f172a !important;







}















/* Compact Key Specs Preview */







.product-quick-specs {







  background: #ffffff !important;







  border: 1px solid #e2e8f0 !important;







  border-radius: 10px !important;







  padding: 16px 20px !important;







}















.product-quick-specs__title {







  font-size: 15px !important;







  font-weight: 700 !important;







  color: #0f172a !important;







  margin: 0 0 10px !important;







  padding: 0 !important;







}















.product-quick-specs__table {







  width: 100% !important;







  border-collapse: collapse !important;







  font-size: 13px !important;







}















.product-quick-specs__table tr {







  border-bottom: 1px solid #f1f5f9 !important;







}















.product-quick-specs__table tr:last-child {







  border-bottom: none !important;







}















.product-quick-specs__table td {







  padding: 7px 4px !important;







  vertical-align: middle !important;







}















.product-quick-specs__label {







  color: #64748b !important;







  width: 40% !important;







}















.product-quick-specs__val {







  color: #121620 !important;







}















.product-quick-specs__more {







  padding-top: 10px !important;







  border-top: 1px solid #f1f5f9 !important;







  margin-top: 6px !important;







}















.product-link-to-specs {







  font-size: 13px !important;







  color: #e30613 !important;







  font-weight: 600 !important;







  text-decoration: none !important;







  transition: color 0.15s ease !important;







}















.product-link-to-specs:hover {







  text-decoration: underline !important;







  color: #c00410 !important;







}















/* Bottom Multi-Tab Information */







.product-bottom-info {







  margin-top: 50px !important;







}















.product-info-tabs__list {







  display: flex !important;







  gap: 20px !important;







  list-style: none !important;







  margin: 0 0 24px !important;







  padding: 0 !important;







  border-bottom: 2px solid #e2e8f0 !important;







  overflow-x: auto !important;







  white-space: nowrap !important;







  scrollbar-width: none !important;







  -ms-overflow-style: none !important;







}















.product-info-tabs__list::-webkit-scrollbar {







  display: none !important;







  width: 0 !important;







  height: 0 !important;







}















.product-info-tabs__list .tabs__item {







  margin: 0 !important;







}















.product-info-tabs__list .tabs__link {







  display: block !important;







  padding: 10px 4px 12px !important;







  font-size: 15px !important;







  font-weight: 600 !important;







  color: #64748b !important;







  text-decoration: none !important;







  border: none !important;







  position: relative !important;







  background: transparent !important;







  cursor: pointer !important;







  transition: color 0.15s ease !important;







}















.product-info-tabs__list .tabs__link:hover {







  color: #121620 !important;







}















.product-info-tabs__list .tabs__link--active {







  color: #121620 !important;







  font-weight: 700 !important;







}















.product-info-tabs__list .tabs__link--active::after {

  display: none !important;

  content: none !important;

}















/* Full Width Specs Table */







.product-specs-table--fullwidth {







  width: 100% !important;







  max-width: 100% !important;







  border: 1px solid #e2e8f0 !important;







  border-radius: 8px !important;







  overflow: hidden !important;







  border-collapse: collapse !important;







}















.product-specs-table--fullwidth tr {







  border-bottom: 1px solid #f1f5f9 !important;







}















.product-specs-table--fullwidth tr:nth-child(even) {







  background: #f8fafc !important;







}















.product-specs-table--fullwidth td {







  padding: 12px 16px !important;







}















/* Vehicle Fitment Table */







.product-fitment-table-wrap {







  width: 100% !important;







  overflow-x: auto !important;







  border: 1px solid #e2e8f0 !important;







  border-radius: 8px !important;







}















.product-fitment-table {







  width: 100% !important;







  border-collapse: collapse !important;







}















.product-fitment-table .info__table-th {







  background: #f8fafc !important;







  font-weight: 700 !important;







  color: #1e293b !important;







  padding: 12px 16px !important;







  border-bottom: 2px solid #e2e8f0 !important;







}















.product-fitment-table .info__table-cell {







  padding: 12px 16px !important;







  border-bottom: 1px solid #f1f5f9 !important;







}















/* Responsive Overrides */







@media (max-width: 1024px) {

  .product-main-grid {

    grid-template-columns: 320px minmax(0, 1fr) !important;

    gap: 24px !important;

  }



  .product-gallery-card {

    width: 320px !important;

  }



  .product-gallery-card__image-wrap {

    min-height: 240px !important;

    max-height: 240px !important;

    height: 240px !important;

  }



  .product-gallery-card__img {

    max-height: 230px !important;

  }



  .product-header-block .product__title {

    font-size: 24px !important;

  }

}















@media (max-width: 768px) {







  .product-main-grid {







    grid-template-columns: 1fr !important;







    gap: 20px !important;







  }







  .product-gallery-card {

    width: 100% !important;

    max-width: 100% !important;

    padding: 16px !important;

  }







  .product-gallery-card__image-wrap {







    min-height: 260px !important;







  }







  .product-gallery-card__img {







    max-height: 260px !important;







  }







  .product-header-block .product__title {







    font-size: 22px !important;







  }







  .product-buy-box {







    padding: 18px 16px !important;







  }







  .product-buy-box__row {







    flex-direction: column !important;







    align-items: stretch !important;







    gap: 10px !important;







  }







  .product-qty-control {







    width: 100% !important;







    justify-content: center !important;







  }







  .product-buy-box__submit-btn.product__buy-btn,







  .product-buy-box__oneclick-btn {







    width: 100% !important;







  }







  .product-breadcrumbs-wrap {







    padding: 0 16px !important;







  }







  .product-detail-redesign .product__container {







    padding: 0 16px !important;







  }







  .product-info-tabs__list {







    gap: 12px !important;







  }







}























/* Feature Cards in About Tab */







.product-about-description {







  font-size: 16px !important;







  line-height: 1.65 !important;







  color: #334155 !important;







  margin-bottom: 24px !important;







}















.product-features-grid {







  display: grid !important;







  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;







  gap: 20px !important;







  margin-top: 24px !important;







}















.product-feature-card {







  background: #f8fafc !important;







  border: 1px solid #e2e8f0 !important;







  border-left: 4px solid #e30613 !important;







  padding: 18px 20px !important;







  border-radius: 8px !important;







}















.product-feature-card__title {







  display: block !important;







  font-size: 15px !important;







  font-weight: 700 !important;







  color: #0f172a !important;







  margin-bottom: 6px !important;







}















.product-feature-card__text {







  margin: 0 !important;







  font-size: 14px !important;







  color: #64748b !important;







  line-height: 1.5 !important;







}















/* Vehicle Fitment & OEM Notes */







.product-fitment-note,







.product-oem-note {







  color: #475569 !important;







  font-size: 15px !important;







  margin-bottom: 16px !important;







}















.product-oem-list {







  display: flex !important;







  flex-wrap: wrap !important;







  gap: 10px !important;







}















.product-oem-badge {







  background: #f1f5f9 !important;







  border: 1px solid #cbd5e1 !important;







  padding: 8px 16px !important;







  border-radius: 6px !important;







  font-family: monospace !important;







  font-size: 14px !important;







  font-weight: 600 !important;







  color: #1e293b !important;







}















/* Reviews List */







.product-reviews-list {







  display: flex !important;







  flex-direction: column !important;







  gap: 16px !important;







}















.product-review-item {







  background: #ffffff !important;







  border: 1px solid #e2e8f0 !important;







  padding: 20px !important;







  border-radius: 8px !important;







}















.product-review-item__header {







  display: flex !important;







  justify-content: space-between !important;







  align-items: center !important;







  margin-bottom: 6px !important;







}















.product-review-stars {







  color: #f59e0b !important;







  font-size: 16px !important;







  letter-spacing: 2px !important;







}















.product-review-date {







  color: #94a3b8 !important;







  font-size: 13px !important;







}















.product-review-text {







  margin: 10px 0 0 !important;







  color: #334155 !important;







  line-height: 1.55 !important;







}















/* Pickup & Warehouses Table */







.product-pickup-table {







  width: 100% !important;







  border: 1px solid #e2e8f0 !important;







  border-radius: 8px !important;







  overflow: hidden !important;







  border-collapse: collapse !important;







}















.product-stock-highlight {







  color: #059669 !important;







  font-weight: 600 !important;







}















.product-pickup-btn {







  background: #e30613 !important;







  color: #ffffff !important;







  border: none !important;







  border-radius: 6px !important;







  padding: 8px 20px !important;







  font-size: 13px !important;







  font-weight: 600 !important;







  text-decoration: none !important;







  display: inline-block !important;







  transition: background 0.15s ease !important;







}















.product-pickup-btn:hover {







  background: #c00410 !important;







}















.product-section-subhead {







  font-size: 18px !important;







  font-weight: 700 !important;







  color: #0f172a !important;







  margin: 0 0 10px !important;







}















.product-delivery-warranty p {







  margin: 0 0 12px !important;







  color: #334155 !important;







  line-height: 1.6 !important;







}















/* Cross-Selling Suggestions */







.product-suggestions-section {







  margin-top: 50px !important;







  margin-bottom: 80px !important;







  padding-bottom: 20px !important;







}















.product-suggestions-section .card-product {







  background: #ffffff !important;







  border: 1px solid #e2e8f0 !important;







  border-radius: 12px !important;







  padding: 20px !important;







  transition: transform 0.2s ease, box-shadow 0.2s ease !important;







}















.product-suggestions-section .card-product:hover {







  transform: translateY(-2px) !important;







  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06) !important;







}















/* Universal 1280px Footer Container Alignment */







.main--product-page ~ .page-footer .page-footer__container,







.page-footer .page-footer__container {







  max-width: 1280px !important;







  width: 100% !important;







  margin-left: auto !important;







  margin-right: auto !important;







  padding-left: 20px !important;







  padding-right: 20px !important;







  box-sizing: border-box !important;







}























/* ==========================================================================















   OPERATION 36: RESPONSIVE ALIGNMENT & TABLET/DESKTOP FIXES (768px - 1240px)















   ========================================================================== */































/* 1. Global Reset of pseudo-elements on hamburger toggle */















.page-header__menu-toggle::before,















.page-header__menu-toggle::after {















  content: none !important;















  display: none !important;















}































/* 2. Tablet (768px - 1023px): Unified Container Gutters & Symmetric Categories */















@media (min-width: 768px) and (max-width: 1023px) {















  /* Unified 20px padding for ALL main sections so nothing touches screen edge */















  .header-container,















  .header-main-bar__container,















  .notice__container,















  .search__container,















  .categories__container,















  .brands__container,















  .wares__container,















  .articles__container,















  .page-footer__container {















    padding-left: 20px !important;















    padding-right: 20px !important;















    width: 100% !important;















    max-width: 100% !important;















    box-sizing: border-box !important;















    margin-left: auto !important;















    margin-right: auto !important;















  }































  /* Wares section reset padding */















  .wares {















    padding-left: 0 !important;















    padding-right: 0 !important;















  }































  /* Search tabs zero horizontal overflow */















  .search .tabs__list-wrap {















    margin: 0 0 14px 0 !important;















    padding: 0 !important;















    width: 100% !important;















    max-width: 100% !important;















    overflow-x: auto !important;















    -webkit-overflow-scrolling: touch !important;















    scrollbar-width: none !important;















    box-sizing: border-box !important;















  }















  .search .tabs__list-wrap::-webkit-scrollbar {















    display: none !important;















  }















  .search .tabs__list {















    margin: 0 !important;















    padding: 0 4px !important;















    box-sizing: border-box !important;















  }































  /* Symmetric 2-column Categories Grid with minmax(0, 1fr) */















  .categories__list {















    display: grid !important;















    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;















    column-gap: 16px !important;















    row-gap: 16px !important;















    width: 100% !important;















    margin: 0 !important;















    padding: 0 !important;















    box-sizing: border-box !important;















  }































  .categories__item {















    width: 100% !important;















    max-width: 100% !important;















    min-width: 0 !important;















    margin: 0 !important;















    box-sizing: border-box !important;















  }































  .categories__wrap-link {















    width: 100% !important;















    max-width: 100% !important;















    box-sizing: border-box !important;















  }















}































/* 3. Intermediate Desktop (1024px - 1239px): Header Compact Mode */















@media (min-width: 1024px) and (max-width: 1239px) {















  .header-container {















    padding-left: 16px !important;















    padding-right: 16px !important;















    width: 100% !important;















    max-width: 100% !important;















    box-sizing: border-box !important;















  }































  .header-main-bar__container {















    gap: 10px !important;















    justify-content: space-between !important;















  }































  .header-logo,















  a.header-logo {















    width: 155px !important;















    min-width: 155px !important;















    max-width: 155px !important;















  }































  .header-logo img {















    width: 155px !important;















    max-width: 155px !important;















  }































  .header-catalog-btn {















    min-width: 195px !important;















    width: auto !important;















    padding: 0 14px !important;















  }































  .header-catalog-btn__title {















    font-size: 14px !important;















  }































  .header-contacts {















    gap: 10px !important;















  }































  .header-contacts__address {















    max-width: 200px !important;















  }































  .header-contacts__location {















    font-size: 12px !important;















    white-space: nowrap !important;















    overflow: hidden !important;















    text-overflow: ellipsis !important;















    max-width: 180px !important;















  }































  .header-contacts__schedule {















    display: none !important;















  }































  .header-contacts__phone-box {















    margin: 0 !important;















  }































  .header-contacts__phone {















    font-size: 16px !important;















    white-space: nowrap !important;















  }































  .header-user-nav {















    gap: 10px !important;















  }































  .header-cart-label__title {















    font-size: 12.5px !important;















  }































  .header-cart-label__count {















    font-size: 11px !important;















  }















}































/* 4. Very Compact Desktop (1024px - 1120px): Hide Address Text, Keep Phone & Icons */















@media (min-width: 1024px) and (max-width: 1120px) {















  .header-contacts__address {















    display: none !important;















  }































  .header-contacts__divider {















    display: none !important;















  }















}















































/* Fix for inherited theme translateX(242px) on body.menu-opened */















body.menu-opened,















body.menu-opened .page-header,















body.menu-opened .page-header__wrap,















body.menu-opened #page-header,















body.menu-opened main,















body.menu-opened .main,















body.menu-opened .page-footer {















  transform: none !important;















}































body.menu-opened .header-mobile-drawer.is-open {















  transform: translateX(0) !important;















  left: 0 !important;















}































/* ==========================================================================







   OPERATION 47: COMPOSITIONAL HEADER REFINEMENT PER USER FEEDBACK







   [ Лого 180px ] (58px) [ Каталог 250px ] (52px) [ 📍 Адрес 15px/500 ] (20px) | (20px) [ Телефон 19px + Режим ] (38px) [ 👤 (28px) 🛍 Корзина ]







   ========================================================================== */















/* 1. Unified 1280px Container (matching Hero & Content, 16px edges) */







.header-container,







.header-top-bar__container,







.header-main-bar__container {







  width: 100% !important;







  max-width: 1280px !important;







  margin: 0 auto !important;







  padding-left: 16px !important;







  padding-right: 16px !important;







  box-sizing: border-box !important;







}















/* 2. Main Header Bar Height: 100px on Desktop, 60px on Mobile */







@media (min-width: 1024px) {







  .header-main-bar {







    height: 100px !important;







    min-height: 96px !important;







    background-color: #ffffff !important;







    display: flex !important;







    align-items: center !important;







    box-sizing: border-box !important;







    transition: height 0.25s ease !important;







  }







}















@media (max-width: 1023px) {







  .header-main-bar {







    height: 60px !important;







    min-height: 60px !important;







    background-color: #ffffff !important;







    display: flex !important;







    align-items: center !important;







    box-sizing: border-box !important;







  }







}















.header-main-bar__container {







  display: flex !important;







  align-items: center !important;







  justify-content: flex-start !important;







  height: 100% !important;







  position: relative !important;







  box-sizing: border-box !important;







  gap: 0 !important;







}















/* 3. Desktop Layout Rules (>= 1024px) */







@media (min-width: 1024px) {







  /* 3.1 Logo: 180px, proportional, 58px air to catalog */







  .header-logo,







  .logo,







  a.header-logo,







  a.logo {







    display: flex !important;







    align-items: center !important;







    width: 180px !important;







    min-width: 180px !important;







    max-width: 180px !important;







    height: auto !important;







    margin-right: 54px !important;







    margin-left: 0 !important;







    flex-shrink: 0 !important;







  }















  .header-logo img,







  .logo img {







    width: 100% !important;







    height: auto !important;







    max-height: 51px !important;







    object-fit: contain !important;







    display: block !important;







  }















  /* 3.2 Catalog Button: 250px x 50px, red, bold, 52px air to address (reduced from 68px by 16px) */







  .header-catalog-wrap {







    display: flex !important;







    align-items: center !important;







    flex-shrink: 0 !important;







    margin-right: 48px !important;







    position: static !important;







  }















  .header-catalog-btn {







    display: inline-flex !important;







    align-items: center !important;







    justify-content: space-between !important;







    width: 242px !important;







    min-width: 242px !important;







    height: 50px !important;







    padding: 0 16px !important;







    background-color: var(--color-brand-red) !important;







    color: #ffffff !important;







    border: none !important;







    border-radius: 6px !important;







    font-family: var(--font-primary) !important;







    font-size: 14.5px !important;







    font-weight: 700 !important;







    letter-spacing: 0.1px !important;







    cursor: pointer !important;







    transition: background-color 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease !important;







    box-shadow: 0 2px 8px rgba(227, 6, 19, 0.2) !important;







    white-space: nowrap !important;







    flex-shrink: 0 !important;







    box-sizing: border-box !important;







  }















  .header-catalog-btn:hover {







    background-color: var(--color-brand-red-hover) !important;







  }















  /* 3.3 Contacts Group (Address + Single Divider + Phone & Schedule) */







  .header-contacts {







    display: flex !important;







    align-items: center !important;







    margin-left: 0 !important;







    margin-right: 0 !important;







    flex-shrink: 0 !important;







    gap: 0 !important;







  }















  /* Address: 2 lines, 15px, calmer weight 500 (medium, not heavy), line-height 20px, red pin left */







  .header-contacts__address {







    display: inline-flex !important;







    flex-direction: row !important;







    align-items: flex-start !important;







    justify-content: flex-start !important;







    gap: 8px !important;







    text-decoration: none !important;







    line-height: 20px !important;







    flex-shrink: 0 !important;







    max-width: 380px !important;







    width: max-content !important;







    text-align: left !important;







  }















  .header-contacts__pin-box {







    display: flex !important;







    align-items: center !important;







    justify-content: center !important;







    height: 20px !important;







    width: 16px !important;







    min-width: 16px !important;







    flex-shrink: 0 !important;







  }















  .header-contacts__pin-icon {







    color: var(--color-brand-red) !important;







    width: 16px !important;







    height: 16px !important;







    display: block !important;







    flex-shrink: 0 !important;







  }















  .header-contacts__address-lines {







    display: flex !important;







    flex-direction: column !important;







    text-align: left !important;







    align-items: flex-start !important;







    line-height: 20px !important;







  }















  .header-contacts__address-line {







    display: block !important;







    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;







    font-size: 14.5px !important;







    line-height: 20px !important;







    font-weight: 500 !important;







    color: #2b303b !important;







    transition: color 0.15s ease !important;







    white-space: nowrap !important;







    text-align: left !important;







  }















  .header-contacts__address:hover .header-contacts__address-line {







    color: var(--color-brand-red) !important;







  }















  /* Single Divider between Address & Phone: 1px, 40px height, #e5e7eb, 20px margins */







  .header-contacts__divider {







    width: 1px !important;







    height: 40px !important;







    background-color: #e5e7eb !important;







    margin: 0 18px !important;







    flex-shrink: 0 !important;







    display: block !important;







  }















  /* Ensure no divider between Phone and Profile */







  .header-contacts__divider--nav {







    display: none !important;







  }















  /* Phone Box: 19px bold phone, 12.5px secondary schedule underneath */







  .header-contacts__phone-box {







    display: flex !important;







    flex-direction: column !important;







    justify-content: center !important;







    text-align: left !important;







    align-items: flex-start !important;







    line-height: 1.2 !important;







    flex-shrink: 0 !important;







  }















  .header-contacts__phone {







    font-family: var(--font-primary) !important;







    font-size: 19px !important;







    font-weight: 700 !important;







    color: var(--color-dark-text) !important;







    text-decoration: none !important;







    letter-spacing: -0.2px !important;







    line-height: 22px !important;







    transition: color 0.15s ease !important;







    white-space: nowrap !important;







    display: block !important;







  }















  .header-contacts__phone:hover {







    color: var(--color-brand-red) !important;







  }















  .header-contacts__phone-schedule {







    display: block !important;







    font-family: var(--font-primary) !important;







    font-size: 12.5px !important;







    line-height: 18px !important;







    color: var(--color-gray-sub) !important;







    margin-top: 1px !important;







    white-space: nowrap !important;







    font-weight: 400 !important;







  }















  /* 3.4 User Actions Group [Профиль] [Корзина] */







  /* Distinct group: 38px generous whitespace from Phone, tightly grouping Profile & Cart (28px gap) */







  .header-user-nav {







    display: flex !important;







    align-items: center !important;







    margin-left: 36px !important;







    gap: 28px !important;







    flex-shrink: 0 !important;







  }















  /* Profile: 22–24px outline icon, #374151, no text, no background circle */







  .header-user-nav__btn--account,







  .header-user-nav__btn.header-user-nav__btn--account {







    display: inline-flex !important;







    align-items: center !important;







    justify-content: center !important;







    width: 24px !important;







    min-width: 24px !important;







    max-width: 24px !important;







    height: 24px !important;







    min-height: 24px !important;







    padding: 0 !important;







    margin: 0 !important;







    background: transparent !important;







    background-color: transparent !important;







    border: none !important;







    border-radius: 0 !important;







    box-shadow: none !important;







    color: #374151 !important;







    transition: color 0.15s ease !important;







    flex-shrink: 0 !important;







  }















  .header-user-nav__btn--account:hover,







  .header-user-nav__btn.header-user-nav__btn--account:hover {







    background: transparent !important;







    background-color: transparent !important;







    color: #111827 !important;







  }















  .header-user-nav__btn--account .header-user-nav__icon {







    width: 23px !important;







    height: 23px !important;







    color: currentColor !important;







    stroke: currentColor !important;







    display: block !important;







    flex-shrink: 0 !important;







  }















  /* Cart: 22–24px icon, title 15px, count 11.5px, lightweight hover */







  .header-user-nav__btn--cart.header-cart {







    display: inline-flex !important;







    align-items: center !important;







    gap: 8px !important;







    height: auto !important;







    padding: 0 !important;







    margin: 0 !important;







    background: transparent !important;







    background-color: transparent !important;







    border: none !important;







    border-radius: 0 !important;







    text-decoration: none !important;







    color: var(--color-dark-text) !important;







    transition: opacity 0.15s ease !important;







    flex-shrink: 0 !important;







  }















  .header-user-nav__btn--cart.header-cart:hover {







    opacity: 0.8 !important;







    background: transparent !important;







  }















  .header-user-nav__btn--cart .header-user-nav__icon-wrap {







    position: relative !important;







    display: flex !important;







    align-items: center !important;







    justify-content: center !important;







    width: 24px !important;







    height: 24px !important;







    flex-shrink: 0 !important;







  }















  .header-user-nav__btn--cart .header-user-nav__icon {







    width: 23px !important;







    height: 23px !important;







    stroke: #1e2229 !important;







    display: block !important;







  }















  .header-cart-label {







    display: flex !important;







    flex-direction: column !important;







    text-align: left !important;







    line-height: 1.2 !important;







    flex-shrink: 0 !important;







  }















  .header-cart-label__title {







    font-family: var(--font-primary) !important;







    font-size: 15px !important;







    font-weight: 600 !important;







    color: #1f242d !important;







    line-height: 18px !important;







  }















  .header-cart-label__count {







    font-family: var(--font-primary) !important;







    font-size: 11.5px !important;







    font-weight: 500 !important;







    color: var(--color-gray-sub) !important;







    line-height: 14px !important;







  }







}















/* 4. Sticky Header Behavior */







.page-header.is-sticky .header-main-bar {







  height: 64px !important;







  min-height: 64px !important;







}















.page-header.is-sticky .header-main-bar__container {







  gap: 0 !important;







}















.page-header.is-sticky .header-contacts__address,







.page-header.is-sticky .header-contacts__divider {







  display: none !important;







}















.page-header.is-sticky .header-contacts__phone-schedule {







  display: none !important;







}















.page-header.is-sticky .header-user-nav {







  margin-left: 28px !important;







  gap: 24px !important;







}















/* 5. Responsive Adaptations (1024px - 1320px) */







@media (min-width: 1160px) and (max-width: 1320px) {







  .header-logo,







  a.header-logo {







    margin-right: 38px !important;







    width: 165px !important;







    min-width: 168px !important;







  }















  .header-catalog-wrap {







    margin-right: 36px !important;







  }















  .header-catalog-btn {







    width: 225px !important;







    min-width: 225px !important;







    font-size: 14px !important;







    padding: 0 14px !important;







  }















  .header-contacts__address-line {







    font-size: 14px !important;







    line-height: 18px !important;







  }















  .header-contacts__divider {







    margin: 0 16px !important;







  }















  .header-contacts__phone {







    font-size: 18px !important;







  }















  .header-user-nav {







    margin-left: 28px !important;







    gap: 24px !important;







  }







}















@media (min-width: 1024px) and (max-width: 1159px) {







  .header-logo,







  a.header-logo {







    margin-right: 24px !important;







    width: 155px !important;







    min-width: 155px !important;







  }















  .header-catalog-wrap {







    margin-right: 24px !important;







  }















  .header-catalog-btn {







    width: 205px !important;







    min-width: 205px !important;







    font-size: 13.5px !important;







    padding: 0 12px !important;







  }















  .header-contacts__address {







    display: none !important;







  }















  .header-contacts__divider {







    display: none !important;







  }















  .header-contacts__phone {







    font-size: 17px !important;







  }















  .header-user-nav {







    margin-left: auto !important;







    gap: 20px !important;







  }







}























/* ==========================================================================







   UNIFIED SECONDARY ACTION BUTTONS HOVER







   («Все товары», «Показать все марки», «Все статьи»)







   ========================================================================== */







.link-more,







a.link-more,







.brands__more-btn,







button.brands__more-btn,







.articles__btn-all,







a.articles__btn-all {







  border-radius: 6px !important;







  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease, box-shadow 0.2s ease !important;







}















.link-more:hover,







a.link-more:hover,







.brands__more-btn:hover,







button.brands__more-btn:hover,







.articles__btn-all:hover,







a.articles__btn-all:hover {







  background-color: #e5e7eb !important;







  color: #111827 !important;







  border-color: #d1d5db !important;







  opacity: 1 !important;







  box-shadow: none !important;







}















.brands__more-btn:hover .brands__more-icon,







button.brands__more-btn:hover .brands__more-icon {







  stroke: #111827 !important;







}















.link-more:active,







a.link-more:active,







.brands__more-btn:active,







button.brands__more-btn:active,







.articles__btn-all:active,







a.articles__btn-all:active {







  background-color: #dbe0e6 !important;







  color: #111827 !important;







  border-color: #9ca3af !important;







  opacity: 1 !important;







}























/* Operation 46: Unified spacing from content block to action button (articles_btn_spacing_1789031870) */







.articles__footer {







  margin-top: 28px !important;







}























/* ==========================================================================







   OPERATION 53: RELOCATE USER NAV TO SEARCH SECTION & SHIFT CONTACTS RIGHT







   Timestamp: 1789038544







   ========================================================================== */















/* 1. Desktop Header Contacts: Shift rightwards to fill freed space */







@media (min-width: 1024px) {







  .header-catalog-wrap {







    margin-right: 0 !important;







  }















  .header-contacts {







    display: flex !important;







    align-items: center !important;







    margin-left: auto !important;







    margin-right: 0 !important;







    flex-shrink: 0 !important;







    gap: 0 !important;







  }















  .header-user-nav {







    display: none !important;







  }







}















@media (min-width: 1160px) and (max-width: 1320px) {







  .header-catalog-wrap {







    margin-right: 0 !important;







  }















  .header-contacts {







    margin-left: auto !important;







    margin-right: 0 !important;







  }







}















@media (min-width: 1024px) and (max-width: 1159px) {







  .header-catalog-wrap {







    margin-right: 0 !important;







  }















  .header-contacts {







    display: flex !important;







    margin-left: auto !important;







    margin-right: 0 !important;







  }















  .header-contacts__address {







    display: inline-flex !important;







  }















  .header-contacts__divider {







    display: block !important;







    margin: 0 12px !important;







  }















  .header-contacts__phone {







    font-size: 16.5px !important;







  }







}















/* 2. Search Section: Tabs bar with User Nav on the right */







.search .tabs__list-wrap {







  display: flex !important;







  align-items: center !important;







  justify-content: space-between !important;







  margin-bottom: 14px !important;







  width: 100% !important;







  overflow: visible !important;







}















.search-user-nav {







  display: flex !important;







  align-items: center !important;







  margin-left: auto !important;







  gap: 14px !important; /* User requirement: Profile icon closer to cart */







  flex-shrink: 0 !important;







}















/* Profile Button */







.search-user-nav__btn--account {







  display: inline-flex !important;







  align-items: center !important;







  justify-content: center !important;







  width: 24px !important;







  min-width: 24px !important;







  max-width: 24px !important;







  height: 24px !important;







  min-height: 24px !important;







  padding: 0 !important;







  margin: 0 !important;







  background: transparent !important;







  background-color: transparent !important;







  border: none !important;







  border-radius: 0 !important;







  box-shadow: none !important;







  color: #374151 !important;







  transition: color 0.15s ease !important;







  flex-shrink: 0 !important;







  cursor: pointer !important;







  text-decoration: none !important;







}















.search-user-nav__btn--account:hover {







  background: transparent !important;







  background-color: transparent !important;







  color: var(--color-brand-red, #e30613) !important;







}















.search-user-nav__btn--account .search-user-nav__icon {







  width: 23px !important;







  height: 23px !important;







  color: currentColor !important;







  stroke: currentColor !important;







  display: block !important;







  flex-shrink: 0 !important;







}















/* Cart Button */







.search-user-nav__btn--cart.search-cart {







  display: inline-flex !important;







  align-items: center !important;







  gap: 8px !important;







  height: auto !important;







  padding: 0 !important;







  margin: 0 !important;







  background: transparent !important;







  background-color: transparent !important;







  border: none !important;







  border-radius: 0 !important;







  text-decoration: none !important;







  color: var(--color-dark-text, #1f242d) !important;







  transition: opacity 0.15s ease !important;







  flex-shrink: 0 !important;







  cursor: pointer !important;







}















.search-user-nav__btn--cart.search-cart:hover {







  opacity: 0.8 !important;







  background: transparent !important;







}















.search-user-nav__btn--cart:hover .search-cart-label__title {







  color: var(--color-brand-red, #e30613) !important;







}















.search-user-nav__icon-wrap {







  position: relative !important;







  display: flex !important;







  align-items: center !important;







  justify-content: center !important;







  width: 24px !important;







  height: 24px !important;







  flex-shrink: 0 !important;







}















.search-user-nav__btn--cart .search-user-nav__icon {







  width: 23px !important;







  height: 23px !important;







  stroke: #1e2229 !important;







  display: block !important;







  transition: stroke 0.15s ease !important;







}















.search-user-nav__btn--cart:hover .search-user-nav__icon {







  stroke: var(--color-brand-red, #e30613) !important;







}















.search-user-nav__badge {







  position: absolute !important;







  top: -4px !important;







  right: -7px !important;







  background-color: var(--color-brand-red, #e30613) !important;







  color: #ffffff !important;







  font-size: 10px !important;







  font-weight: 700 !important;







  line-height: 1 !important;







  padding: 2px 5px !important;







  border-radius: 10px !important;







  min-width: 14px !important;







  text-align: center !important;







}















.search-user-nav__badge.is-hidden {







  display: none !important;







}















.search-cart-label {







  display: flex !important;







  flex-direction: column !important;







  text-align: left !important;







  line-height: 1.2 !important;







  flex-shrink: 0 !important;







}















.search-cart-label__title {







  font-family: var(--font-primary) !important;







  font-size: 15px !important;







  font-weight: 600 !important;







  color: #1f242d !important;







  line-height: 18px !important;







  transition: color 0.15s ease !important;







}















.search-cart-label__count {







  font-family: var(--font-primary) !important;







  font-size: 11.5px !important;







  font-weight: 500 !important;







  color: var(--color-gray-sub, #6b7280) !important;







  line-height: 14px !important;







}















/* Responsive behavior for search tabs */







@media (max-width: 767px) {







  .search .tabs__list-wrap {







    flex-wrap: nowrap !important;







    overflow-x: auto !important;







    -webkit-overflow-scrolling: touch !important;







  }







  .search-user-nav {







    margin-left: 16px !important;







    padding-right: 4px !important;







  }







}























/* ==========================================================================







   OPERATION 54: PROFILE & CART REDESIGN PER SPECIFICATION (44px, Box Container)







   Timestamp: 1789040706







   ========================================================================== */















/* 1. Tabs List Wrap (Alignment & Common Midline) */







.search .tabs__list-wrap {







  display: flex !important;







  align-items: center !important;







  justify-content: space-between !important;







  margin-bottom: 14px !important;







  width: 100% !important;







  min-height: 44px !important;







  box-sizing: border-box !important;







  overflow: visible !important;







}















.search .tabs__list {







  display: flex !important;







  align-items: center !important;







  gap: 8px !important;







  margin: 0 !important;







  padding: 0 !important;







  list-style: none !important;







}















.search .tabs__link {







  display: inline-flex !important;







  align-items: center !important;







  justify-content: center !important;







  height: 40px !important;







  box-sizing: border-box !important;







}















/* 2. User Nav Group (Profile + Cart) */







.search-user-nav {







  display: flex !important;







  align-items: center !important;







  gap: 10px !important; /* ТЗ: строго 8–12 px */







  margin-left: auto !important;







  flex-shrink: 0 !important;







  height: 44px !important;







}















/* 3. Profile Button: strictly 44×44 px, icon 22 px, radius 10px, transparent + light-gray hover */







.search-user-nav__btn--account {







  display: inline-flex !important;







  align-items: center !important;







  justify-content: center !important;







  width: 44px !important;







  min-width: 44px !important;







  max-width: 44px !important;







  height: 44px !important;







  min-height: 44px !important;







  max-height: 44px !important;







  padding: 0 !important;







  margin: 0 !important;







  background: transparent !important;







  background-color: transparent !important;







  border: 1px solid transparent !important;







  border-radius: 10px !important;







  color: #374151 !important;







  box-shadow: none !important;







  cursor: pointer !important;







  text-decoration: none !important;







  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease !important;







  flex-shrink: 0 !important;







  box-sizing: border-box !important;







}















.search-user-nav__btn--account:hover {







  background-color: #F3F4F6 !important;







  color: #171717 !important;







  border-color: #E5E7EB !important;







}















.search-user-nav__btn--account .search-user-nav__icon--account {







  width: 22px !important;







  height: 22px !important;







  color: currentColor !important;







  stroke: currentColor !important;







  display: block !important;







  flex-shrink: 0 !important;







}















/* 4. Cart Action-Block: 130–145 × 44 px, border 1px solid #E5E7EB, radius 10px, background #FFFFFF */







.search-user-nav__btn--cart.search-cart {







  display: inline-flex !important;







  align-items: center !important;







  width: 140px !important;







  min-width: 135px !important;







  max-width: 148px !important;







  height: 44px !important;







  min-height: 44px !important;







  max-height: 44px !important;







  padding: 0 14px 0 12px !important;







  margin: 0 !important;







  background: #FFFFFF !important;







  background-color: #FFFFFF !important;







  border: 1px solid #E5E7EB !important;







  border-radius: 10px !important;







  box-sizing: border-box !important;







  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;







  text-decoration: none !important;







  cursor: pointer !important;







  transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease !important;







  flex-shrink: 0 !important;







}















.search-user-nav__btn--cart.search-cart:hover {







  border-color: #D1D5DB !important;







  background-color: #F9FAFB !important;







  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05) !important;







  opacity: 1 !important;







}















/* Cart Icon Wrap & SVG: 21–22 px, dark */







.search-user-nav__icon-wrap {







  position: relative !important;







  display: inline-flex !important;







  align-items: center !important;







  justify-content: center !important;







  width: 26px !important;







  height: 26px !important;







  margin-right: 9px !important;







  flex-shrink: 0 !important;







}















.search-user-nav__icon--cart {







  width: 21px !important;







  height: 21px !important;







  stroke: #171717 !important;







  display: block !important;







  flex-shrink: 0 !important;







  transition: stroke 0.15s ease !important;







}















/* Red Badge when products exist */







.search-user-nav__badge {







  position: absolute !important;







  top: -5px !important;







  right: -6px !important;







  background-color: #E30613 !important;







  color: #FFFFFF !important;







  font-family: var(--font-primary, sans-serif) !important;







  font-size: 10px !important;







  font-weight: 700 !important;







  line-height: 1 !important;







  height: 15px !important;







  min-width: 15px !important;







  padding: 0 4px !important;







  border-radius: 8px !important;







  text-align: center !important;







  display: flex !important;







  align-items: center !important;







  justify-content: center !important;







  box-sizing: border-box !important;







  box-shadow: 0 1px 3px rgba(227, 6, 19, 0.4) !important;







}















.search-user-nav__badge.is-hidden {







  display: none !important;







}















/* Cart Typography: Two lines */







.search-cart-label {







  display: flex !important;







  flex-direction: column !important;







  justify-content: center !important;







  text-align: left !important;







  line-height: 1.15 !important;







  flex-shrink: 0 !important;







  overflow: hidden !important;







}















/* «Корзина»: 14–15 px, 600, #171717 */







.search-cart-label__title {







  font-family: var(--font-primary, sans-serif) !important;







  font-size: 14.5px !important;







  font-weight: 600 !important;







  color: #171717 !important;







  line-height: 16px !important;







  letter-spacing: -0.1px !important;







}















/* «0 ₽»: 11–12 px, 500, gray #6B7280 */







.search-cart-label__count {







  font-family: var(--font-primary, sans-serif) !important;







  font-size: 11.5px !important;







  font-weight: 500 !important;







  color: #6B7280 !important;







  line-height: 14px !important;







  margin-top: 1px !important;







}





/* ==========================================================================

   ОПЕРАЦИЯ 57: ВЫРАВНИВАНИЕ ВЫСОТЫ КОРЗИНЫ (40px) И ЕДИНАЯ КОРЗИНА НА ВСЕХ СТРАНИЦАХ

   Timestamp: 1789043098

   ========================================================================== */



/* 1. Выравнивание высоты и центрирования в строке табов поиска на главной странице */

.tabs__list-wrap {

  display: flex !important;

  align-items: center !important;

  justify-content: space-between !important;

  height: 40px !important;

  min-height: 40px !important;

  max-height: 40px !important;

  margin-bottom: 14px !important;

}



.tabs__list {

  display: flex !important;

  align-items: center !important;

  height: 40px !important;

  margin: 0 !important;

  padding: 0 !important;

}



.search .tabs__link {

  height: 40px !important;

  min-height: 40px !important;

  max-height: 40px !important;

  border-radius: 6px !important;

  padding: 0 18px !important;

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  box-sizing: border-box !important;

}



.search-user-nav {

  display: flex !important;

  align-items: center !important;

  height: 40px !important;

  gap: 10px !important;

  margin: 0 !important;

  padding: 0 !important;

}



/* Профиль в строке поиска: строго 40x40px, скругление 6px, иконка 20px */

.search-user-nav__btn--account {

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  width: 40px !important;

  min-width: 40px !important;

  max-width: 40px !important;

  height: 40px !important;

  min-height: 40px !important;

  max-height: 40px !important;

  padding: 0 !important;

  margin: 0 !important;

  background: transparent !important;

  background-color: transparent !important;

  border: 1px solid transparent !important;

  border-radius: 6px !important;

  color: #374151 !important;

  cursor: pointer !important;

  transition: all 0.15s ease !important;

  box-sizing: border-box !important;

}



.search-user-nav__btn--account:hover {

  background-color: #F3F4F6 !important;

  color: #171717 !important;

  border-color: #E5E7EB !important;

}



.search-user-nav__btn--account .search-user-nav__icon--account {

  width: 20px !important;

  height: 20px !important;

  display: block !important;

}



/* Корзина в строке поиска: строго 40px высота (вровень с табами!), скругление 6px */

.search-user-nav__btn--cart.search-cart {

  display: inline-flex !important;

  align-items: center !important;

  width: 136px !important;

  min-width: 130px !important;

  max-width: 144px !important;

  height: 40px !important;

  min-height: 40px !important;

  max-height: 40px !important;

  padding: 0 12px 0 10px !important;

  margin: 0 !important;

  background: #FFFFFF !important;

  background-color: #FFFFFF !important;

  border: 1px solid #E5E7EB !important;

  border-radius: 6px !important;

  box-sizing: border-box !important;

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;

  text-decoration: none !important;

  cursor: pointer !important;

  transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease !important;

  flex-shrink: 0 !important;

}



.search-user-nav__btn--cart.search-cart:hover {

  border-color: #D1D5DB !important;

  background-color: #F9FAFB !important;

  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05) !important;

  opacity: 1 !important;

}



.search-user-nav__icon-wrap {

  position: relative !important;

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  width: 22px !important;

  height: 22px !important;

  margin-right: 8px !important;

  flex-shrink: 0 !important;

}



.search-user-nav__icon--cart {

  width: 20px !important;

  height: 20px !important;

  stroke: #171717 !important;

  display: block !important;

  flex-shrink: 0 !important;

  transition: stroke 0.15s ease !important;

}



.search-cart-label {

  display: flex !important;

  flex-direction: column !important;

  justify-content: center !important;

  align-items: flex-start !important;

  line-height: 1.15 !important;

  gap: 1px !important;

  user-select: none !important;

}



.search-cart-label__title {

  font-size: 13.5px !important;

  font-weight: 600 !important;

  color: #171717 !important;

  line-height: 1.15 !important;

  letter-spacing: -0.01em !important;

}



.search-cart-label__count {

  font-size: 11px !important;

  font-weight: 500 !important;

  color: #6B7280 !important;

  line-height: 1.15 !important;

}





/* 2. Корзина и Профиль в шапке сайта: видны на ВСЕХ внутренних страницах и в каталоге */



/* На внутренних страницах (каталог, карточка товара, доставка, гарантия, контакты, статьи, поиск) */

body.page--internal .header-user-nav {

  display: flex !important;

  align-items: center !important;

  gap: 10px !important;

  margin-left: 28px !important;

  margin-right: 0 !important;

  flex-shrink: 0 !important;

}



body.page--internal .header-contacts {

  margin-left: auto !important;

  margin-right: 0 !important;

  flex-shrink: 0 !important;

}



/* В статичном состоянии шапки на всех страницах: скрыта в main-bar, т.к. корзина и профиль в top-bar */

.page-header:not(.is-sticky) .header-main-bar .header-user-nav {

  display: none !important;

}



.page-header:not(.is-sticky) .header-contacts {

  margin-left: auto !important;

  margin-right: 0 !important;

}



/* В липкой шапке (при скролле) — всегда видна на ВСЕХ страницах */

.page-header.is-sticky .header-main-bar .header-user-nav {

  display: flex !important;

  align-items: center !important;

  gap: 10px !important;

  margin-left: 20px !important;

  margin-right: 20px !important;

  flex-shrink: 0 !important;

}



.page-header.is-sticky .header-user-nav__btn--account {

  display: none !important;

}



/* На мобильных устройствах (< 992px) корзина и профиль доступны в выезжающем меню (drawer) */

@media (max-width: 991px) {

  .page-header .header-main-bar .header-user-nav,

  .page-header.is-sticky .header-main-bar .header-user-nav {

    display: none !important;

  }

}



/* Стилизация элементов .header-user-nav в шапке (полное совпадение с дизайн-системой) */

.header-user-nav__btn--account {

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  width: 40px !important;

  min-width: 40px !important;

  max-width: 40px !important;

  height: 40px !important;

  min-height: 40px !important;

  max-height: 40px !important;

  padding: 0 !important;

  margin: 0 !important;

  background: transparent !important;

  border: 1px solid transparent !important;

  border-radius: 6px !important;

  color: #374151 !important;

  text-decoration: none !important;

  transition: all 0.15s ease !important;

  box-sizing: border-box !important;

  cursor: pointer !important;

}



.header-user-nav__btn--account:hover {

  background-color: #F3F4F6 !important;

  color: #171717 !important;

  border-color: #E5E7EB !important;

}



.header-user-nav__btn--account .header-user-nav__icon {

  width: 20px !important;

  height: 20px !important;

  display: block !important;

}



.header-user-nav__btn--cart.header-cart {

  display: inline-flex !important;

  align-items: center !important;

  width: 136px !important;

  min-width: 130px !important;

  max-width: 144px !important;

  height: 40px !important;

  min-height: 40px !important;

  max-height: 40px !important;

  padding: 0 12px 0 10px !important;

  margin: 0 !important;

  background: #FFFFFF !important;

  background-color: #FFFFFF !important;

  border: 1px solid #E5E7EB !important;

  border-radius: 6px !important;

  box-sizing: border-box !important;

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;

  text-decoration: none !important;

  cursor: pointer !important;

  transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease !important;

  flex-shrink: 0 !important;

}



.header-user-nav__btn--cart.header-cart:hover {

  border-color: #D1D5DB !important;

  background-color: #F9FAFB !important;

  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05) !important;

  opacity: 1 !important;

}



.header-user-nav__icon-wrap {

  position: relative !important;

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  width: 22px !important;

  height: 22px !important;

  margin-right: 8px !important;

  flex-shrink: 0 !important;

}



.header-user-nav__icon {

  width: 20px !important;

  height: 20px !important;

  stroke: #171717 !important;

  display: block !important;

  flex-shrink: 0 !important;

  transition: stroke 0.15s ease !important;

}



.header-cart-label {

  display: flex !important;

  flex-direction: column !important;

  justify-content: center !important;

  align-items: flex-start !important;

  line-height: 1.15 !important;

  gap: 1px !important;

  user-select: none !important;

}



.header-cart-label__title {

  font-size: 13.5px !important;

  font-weight: 600 !important;

  color: #171717 !important;

  line-height: 1.15 !important;

  letter-spacing: -0.01em !important;

}



.header-cart-label__count {

  font-size: 11px !important;

  font-weight: 500 !important;

  color: #6B7280 !important;

  line-height: 1.15 !important;

}



.header-user-nav__badge {

  position: absolute !important;

  top: -6px !important;

  right: -8px !important;

  min-width: 17px !important;

  height: 17px !important;

  line-height: 17px !important;

  background-color: #E30613 !important;

  color: #FFFFFF !important;

  border-radius: 9px !important;

  font-size: 10px !important;

  font-weight: 700 !important;

  text-align: center !important;

  padding: 0 4px !important;

  box-shadow: 0 1px 2px rgba(227, 6, 19, 0.3) !important;

}



.header-user-nav__badge.is-hidden {

  display: none !important;

}



/* Адаптивность шапки для экранов 1024-1199px */

@media (min-width: 1024px) and (max-width: 1199px) {

  body.page--internal .header-user-nav,

  .page-header.is-sticky .header-user-nav {

    margin-left: 14px !important;

    gap: 8px !important;

  }

}



/* Мобильная версия шапки: на ВСЕХ страницах корзина видна в шапке */

@media (max-width: 1023px) {

  .header-user-nav {

    display: flex !important;

    align-items: center !important;

    gap: 6px !important;

    margin-left: auto !important;

  }

  

  .header-user-nav__btn--cart.header-cart {

    width: auto !important;

    min-width: 40px !important;

    height: 40px !important;

    padding: 0 8px !important;

  }



  .header-cart-label {

    display: none !important;

  }

}





/* ==========================================================================

   ОПЕРАЦИЯ 58: РЕДИЗАЙН БЛОКА ПРОФИЛЯ И КОРЗИНЫ ПО ТЗ

   Timestamp: 1789114128

   ========================================================================== */



/* 1. Общая композиция: табы слева, группа [Профиль] [Корзина] справа от вкладок */

.tabs__list-wrap,

.search .tabs__list-wrap {

  display: flex !important;

  align-items: center !important;

  justify-content: flex-start !important;

  height: 40px !important;

  min-height: 40px !important;

  max-height: 40px !important;

  margin-bottom: 14px !important;

  width: 100% !important;

  box-sizing: border-box !important;

  overflow: visible !important;

}



.tabs__list,

.search .tabs__list {

  display: flex !important;

  align-items: center !important;

  height: 40px !important;

  margin: 0 !important;

  padding: 0 !important;

  gap: 8px !important;

  list-style: none !important;

  flex-shrink: 0 !important;

}



.search .tabs__link {

  height: 40px !important;

  min-height: 40px !important;

  max-height: 40px !important;

  border-radius: 6px !important;

  padding: 0 18px !important;

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  box-sizing: border-box !important;

}



/* 2. Группа действий: Профиль и Корзина

   - ТЗ: Расстояние от вкладки «По артикулу» до группы: 30–40 px (margin-left: 36px)

   - ТЗ: Расстояние между ними: 12–16 px (gap: 14px)

   - ТЗ: Вертикальное выравнивание по центру относительно строки вкладок (height: 40px, align-items: center)

*/

.search-user-nav {

  display: flex !important;

  align-items: center !important;

  height: 40px !important;

  min-height: 40px !important;

  max-height: 40px !important;

  margin-left: 36px !important;

  margin-right: 0 !important;

  gap: 14px !important;

  padding: 0 !important;

  flex-shrink: 0 !important;

}



/* 3. Профиль:

   - Показывать только иконку пользователя

   - Размер области клика: 40×40 px

   - Размер иконки: 21–22 px

   - Не использовать рамку и подпись

   - При hover — лёгкий серый фон с border-radius 8 px

*/

.search-user-nav__btn--account {

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  width: 40px !important;

  min-width: 40px !important;

  max-width: 40px !important;

  height: 40px !important;

  min-height: 40px !important;

  max-height: 40px !important;

  padding: 0 !important;

  margin: 0 !important;

  background: transparent !important;

  background-color: transparent !important;

  border: none !important;

  outline: none !important;

  border-radius: 8px !important;

  color: #171717 !important;

  cursor: pointer !important;

  text-decoration: none !important;

  box-shadow: none !important;

  box-sizing: border-box !important;

  flex-shrink: 0 !important;

  transition: background-color 0.15s ease, color 0.15s ease !important;

}



.search-user-nav__btn--account:hover {

  background-color: #F3F4F6 !important;

  color: #171717 !important;

  border: none !important;

  border-radius: 8px !important;

}



.search-user-nav__btn--account .search-user-nav__icon--account,

.search-user-nav__btn--account .search-user-nav__icon {

  width: 22px !important;

  height: 22px !important;

  stroke: #171717 !important;

  color: #171717 !important;

  display: block !important;

  flex-shrink: 0 !important;

}



/* 4. Корзина:

   - Убрать внешний прямоугольный контейнер и рамку

   - Иконка 21–22 px, вертикально выровнена по центру блока

   - «Корзина»: 14 px, font-weight: 600, цвет #171717

   - «0 ₽»: 11 px, font-weight: 500, цвет #9CA3AF

   - Размер блока корзины: примерно 105–115 × 40 px

*/

.search-user-nav__btn--cart.search-cart {

  display: inline-flex !important;

  align-items: center !important;

  width: auto !important;

  min-width: 105px !important;

  max-width: 120px !important;

  height: 40px !important;

  min-height: 40px !important;

  max-height: 40px !important;

  padding: 0 8px !important;

  margin: 0 !important;

  background: transparent !important;

  background-color: transparent !important;

  border: none !important;

  outline: none !important;

  border-radius: 8px !important;

  box-sizing: border-box !important;

  box-shadow: none !important;

  text-decoration: none !important;

  cursor: pointer !important;

  flex-shrink: 0 !important;

  transition: background-color 0.15s ease !important;

}



.search-user-nav__btn--cart.search-cart:hover {

  background-color: #F3F4F6 !important;

  border: none !important;

  box-shadow: none !important;

  opacity: 1 !important;

}



.search-user-nav__icon-wrap {

  position: relative !important;

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  width: 24px !important;

  height: 24px !important;

  margin-right: 8px !important;

  flex-shrink: 0 !important;

}



.search-user-nav__icon--cart {

  width: 22px !important;

  height: 22px !important;

  stroke: #171717 !important;

  color: #171717 !important;

  display: block !important;

  flex-shrink: 0 !important;

}



.search-cart-label {

  display: flex !important;

  flex-direction: column !important;

  justify-content: center !important;

  align-items: flex-start !important;

  line-height: 1.15 !important;

  gap: 1px !important;

  user-select: none !important;

  flex-shrink: 0 !important;

}



.search-cart-label__top {

  display: inline-flex !important;

  align-items: center !important;

  gap: 6px !important;

  line-height: 1 !important;

}



/* «Корзина»: 14 px, font-weight: 600, цвет #171717 */

.search-cart-label__title {

  font-family: var(--font-primary, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif) !important;

  font-size: 14px !important;

  font-weight: 600 !important;

  color: #171717 !important;

  line-height: 16px !important;

  letter-spacing: -0.01em !important;

}



/* «0 ₽»: 11 px, font-weight: 500, цвет #9CA3AF */

.search-cart-label__count {

  font-family: var(--font-primary, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif) !important;

  font-size: 11px !important;

  font-weight: 500 !important;

  color: #9CA3AF !important;

  line-height: 13px !important;

  letter-spacing: 0 !important;

  transition: color 0.15s ease !important;

}



/* 5. Состояние корзины с товарами:

   - показывать количество товаров небольшим красным badge

   - сумма становится обычным тёмным текстом (#171717)

   - сам блок не превращать в большую красную кнопку (фон остается прозрачным)

*/

.search-cart-label__count.has-items,

.search-cart.has-items .search-cart-label__count {

  color: #171717 !important;

  font-weight: 600 !important;

}



.search-cart-badge {

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  background-color: #E30613 !important;

  color: #FFFFFF !important;

  font-family: var(--font-primary, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif) !important;

  font-size: 10px !important;

  font-weight: 700 !important;

  line-height: 1 !important;

  height: 15px !important;

  min-width: 15px !important;

  padding: 0 4px !important;

  border-radius: 8px !important;

  box-sizing: border-box !important;

}



.search-cart-badge.is-hidden {

  display: none !important;

}



.search-user-nav__icon-wrap .search-user-nav__badge {

  display: none !important;

}



/* 6. Синхронизация стилей в шапке (.header-user-nav) для внутренних страниц и липкой шапки */

.header-user-nav__btn--account {

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  width: 40px !important;

  min-width: 40px !important;

  max-width: 40px !important;

  height: 40px !important;

  min-height: 40px !important;

  max-height: 40px !important;

  padding: 0 !important;

  margin: 0 !important;

  background: transparent !important;

  border: none !important;

  border-radius: 8px !important;

  color: #171717 !important;

  text-decoration: none !important;

  transition: background-color 0.15s ease, color 0.15s ease !important;

  box-sizing: border-box !important;

  cursor: pointer !important;

}



.header-user-nav__btn--account:hover {

  background-color: #F3F4F6 !important;

  color: #171717 !important;

  border: none !important;

  border-radius: 8px !important;

}



.header-user-nav__btn--account .header-user-nav__icon {

  width: 22px !important;

  height: 22px !important;

  stroke: #171717 !important;

  display: block !important;

}



.header-user-nav__btn--cart.header-cart {

  display: inline-flex !important;

  align-items: center !important;

  width: auto !important;

  min-width: 105px !important;

  max-width: 120px !important;

  height: 40px !important;

  min-height: 40px !important;

  max-height: 40px !important;

  padding: 0 8px !important;

  margin: 0 !important;

  background: transparent !important;

  border: none !important;

  border-radius: 8px !important;

  box-sizing: border-box !important;

  box-shadow: none !important;

  text-decoration: none !important;

  cursor: pointer !important;

  transition: background-color 0.15s ease !important;

  flex-shrink: 0 !important;

}



.header-user-nav__btn--cart.header-cart:hover {

  background-color: #F3F4F6 !important;

  border: none !important;

  box-shadow: none !important;

  opacity: 1 !important;

}



.header-user-nav__icon-wrap {

  position: relative !important;

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  width: 24px !important;

  height: 24px !important;

  margin-right: 8px !important;

  flex-shrink: 0 !important;

}



.header-user-nav__icon {

  width: 22px !important;

  height: 22px !important;

  stroke: #171717 !important;

  display: block !important;

  flex-shrink: 0 !important;

}



.header-cart-label {

  display: flex !important;

  flex-direction: column !important;

  justify-content: center !important;

  align-items: flex-start !important;

  line-height: 1.15 !important;

  gap: 1px !important;

  user-select: none !important;

}



.header-cart-label__top {

  display: inline-flex !important;

  align-items: center !important;

  gap: 6px !important;

  line-height: 1 !important;

}



.header-cart-label__title {

  font-family: var(--font-primary, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif) !important;

  font-size: 14px !important;

  font-weight: 600 !important;

  color: #171717 !important;

  line-height: 16px !important;

  letter-spacing: -0.01em !important;

}



.header-cart-label__count {

  font-family: var(--font-primary, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif) !important;

  font-size: 11px !important;

  font-weight: 500 !important;

  color: #9CA3AF !important;

  line-height: 13px !important;

}



.header-cart-label__count.has-items,

.header-cart.has-items .header-cart-label__count {

  color: #171717 !important;

  font-weight: 600 !important;

}



.header-cart-badge {

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  background-color: #E30613 !important;

  color: #FFFFFF !important;

  font-family: var(--font-primary, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif) !important;

  font-size: 10px !important;

  font-weight: 700 !important;

  line-height: 1 !important;

  height: 15px !important;

  min-width: 15px !important;

  padding: 0 4px !important;

  border-radius: 8px !important;

  box-sizing: border-box !important;

}



.header-cart-badge.is-hidden {

  display: none !important;

}



.header-user-nav__icon-wrap .header-user-nav__badge {

  display: none !important;

}



/* Мобильная версия: компактные кнопки и показ бейджа на иконке в мобильной шапке */

@media (max-width: 1023px) {

  .header-user-nav {

    display: flex !important;

    align-items: center !important;

    gap: 6px !important;

    margin-left: auto !important;

  }

  

  .header-user-nav__btn--cart.header-cart {

    width: auto !important;

    min-width: 40px !important;

    height: 40px !important;

    padding: 0 8px !important;

  }



  .header-cart-label {

    display: none !important;

  }



  .header-user-nav__icon-wrap .header-user-nav__badge:not(.is-hidden) {

    display: inline-flex !important;

    position: absolute !important;

    top: -6px !important;

    right: -8px !important;

    min-width: 17px !important;

    height: 17px !important;

    line-height: 17px !important;

    background-color: #E30613 !important;

    color: #FFFFFF !important;

    border-radius: 9px !important;

    font-size: 10px !important;

    font-weight: 700 !important;

    text-align: center !important;

    padding: 0 4px !important;

  }

}





/* ==========================================================================

   OPERATION 60: UNIFIED 1280px CONTAINER ARCHITECTURE & GLOBAL ALIGNMENT

   Formula:

     width: calc(100% - 40px) !important;

     max-width: 1280px !important;

     margin: 0 auto !important;

     padding: 0 !important;

     box-sizing: border-box !important;

   ========================================================================== */



/* 1. Universal Container Definition across all sections */

.container,

.header-container,

.header-top-bar__container,

.header-main-bar__container,

.notice__container,

.search__container,

.categories__container,

.wares__container,

.banner__container,

.brands__container,

.articles__container,

.page-footer__container,

.internal-page__container,

.page-catalog,

.contacts-page,

.product-breadcrumbs-wrap,

.product-detail-redesign .product__container,

.product-bottom-info .info__container,

.product-suggestions-section .wares__container {

  width: calc(100% - 40px) !important;

  max-width: 1280px !important;

  margin-left: auto !important;

  margin-right: auto !important;

  padding-left: 0 !important;

  padding-right: 0 !important;

  box-sizing: border-box !important;

}



/* 2. Global Header Content Alignment (1280px at > 1280px) */

.header-container,

.header-main-bar__container,

.header-top-bar__container {

  width: calc(100% - 40px) !important;

  max-width: 1280px !important;

  margin-left: auto !important;

  margin-right: auto !important;

  padding-left: 0 !important;

  padding-right: 0 !important;

  box-sizing: border-box !important;

}



.header-main-bar__container {

  display: flex !important;

  align-items: center !important;

  justify-content: flex-start !important;

  height: 100% !important;

}



.header-logo {

  margin-left: 0 !important;

  margin-right: 28px !important;

  flex-shrink: 0 !important;

}



.header-catalog-wrap {

  margin-right: 20px !important;

  flex-shrink: 0 !important;

}



.header-contacts {

  display: flex !important;

  align-items: center !important;

  margin-left: auto !important;

  margin-right: 0 !important;

  flex-shrink: 0 !important;

}



/* Completely remove user nav (cart / account) from Header across all pages */

.header-user-nav {

  display: none !important;

}



/* 3. Homepage Sections */

.notice__container {

  display: flex !important;

  flex-direction: row !important;

  align-items: stretch !important;

  justify-content: space-between !important;

  gap: 20px !important;

}



.search__container {

  width: calc(100% - 40px) !important;

  max-width: 1280px !important;

}



.categories__container {

  width: calc(100% - 40px) !important;

  max-width: 1280px !important;

}



.wares__container {

  width: calc(100% - 40px) !important;

  max-width: 1280px !important;

}



.banner__container {

  width: calc(100% - 40px) !important;

  max-width: 1280px !important;

}



.brands__container {

  width: calc(100% - 40px) !important;

  max-width: 1280px !important;

}



.articles__container {

  width: calc(100% - 40px) !important;

  max-width: 1280px !important;

}



/* 4. Internal Information Pages */

.internal-page__container {

  width: calc(100% - 40px) !important;

  max-width: 1280px !important;

  margin: 0 auto !important;

  padding: 0 !important;

  box-sizing: border-box !important;

}



.internal-page__breadcrumbs {

  width: 100% !important;

  margin: 0 !important;

  padding: 16px 0 10px 0 !important;

}



.internal-page__title {

  width: 100% !important;

  margin: 10px 0 22px 0 !important;

  padding: 0 !important;

}



/* OPERATION 67: INTERNAL PAGES UNIFIED 1280px BODY WIDTH (DELIVERY, WARRANTY, ARTICLES, ABOUT, PRIVACY) */

.internal-page__content {

  width: 100% !important;

  max-width: 1280px !important;

  margin: 0 auto !important;

  padding: 0 !important;

  box-sizing: border-box !important;

}



/* Full width pages (contacts / catalog) inside internal layout */

.internal-page__content:has(.contacts-grid),

.internal-page__content:has(.contacts-page),

.contacts-page {

  width: 100% !important;

  max-width: 1280px !important;

  margin: 0 auto !important;

}



.contacts-page {

  padding: 0 !important;

  margin: 0 auto 80px auto !important;

}



.internal-page .contacts-page .breadcrumbs,

.internal-page .contacts-page .contacts-hero {

  display: none !important;

}



/* 5. Catalog Listing (Uses Full Container Width 1280px) */

.page-catalog {

  width: calc(100% - 40px) !important;

  max-width: 1280px !important;

  margin: 0 auto !important;

  padding: 0 !important;

  box-sizing: border-box !important;

}



.page-catalog .catalog-breadcrumbs,

.page-catalog .breadcrumbs {

  padding-left: 0 !important;

  margin-left: 0 !important;

}



.page-catalog h1 {

  padding-left: 0 !important;

  margin-left: 0 !important;

}



/* 6. Footer Container */

.page-footer__container {

  width: calc(100% - 40px) !important;

  max-width: 1280px !important;

  margin: 0 auto !important;

  padding-left: 0 !important;

  padding-right: 0 !important;

}



/* 7. Responsive handling */

@media (max-width: 1280px) {

  .notice__container {

    gap: 16px !important;

  }

}

@media (max-width: 1024px) {

  .notice__container {

    flex-direction: column !important;

  }

}

@media (max-width: 767px) {

  .internal-page__content {

    max-width: 100% !important;

  }

}





/* ==========================================================================

   OPERATION 61: SEARCH BAR ACTION GROUP ([Поле][НАЙТИ] [Профиль] [Корзина])

   ========================================================================== */



/* 1. Upper row: Tabs list only */

.tabs__list-wrap {

  display: flex !important;

  justify-content: flex-start !important;

  align-items: center !important;

  height: auto !important;

  margin-bottom: 12px !important;

}



.tabs__list {

  display: flex !important;

  align-items: center !important;

  gap: 8px !important;

  padding: 0 !important;

  margin: 0 !important;

  list-style: none !important;

}



/* 2. Lower row: Search fields + Profile & Cart */

.search__bottom-row {

  display: flex !important;

  align-items: center !important;

  justify-content: flex-start !important;

  width: 100% !important;

  position: relative !important;

}



.search__panels-wrap {

  flex: 1 1 auto !important;

  min-width: 0 !important;

  width: auto !important;

}



.search__panels-wrap .tabs__panel {

  display: none !important;

  width: 100% !important;

}



.search__panels-wrap .tabs__panel.tabs__panel--active {

  display: block !important;

}



.search__panels-wrap .search__fields {

  display: flex !important;

  flex-direction: row !important;

  align-items: stretch !important;

  width: 100% !important;

  height: 48px !important;

  background-color: #F3F4F6 !important;

  border: 1px solid #E5E7EB !important;

  border-radius: 8px !important;

  box-sizing: border-box !important;

  overflow: hidden !important;

  position: relative !important;

}



/* 3. Action Group on the right of Search Field */

.search__bottom-row .search-user-nav {

  display: flex !important;

  align-items: center !important;

  flex-direction: row !important;

  margin-left: 16px !important; /* Distance from search to profile: 16px */

  margin-right: 0 !important;

  gap: 10px !important; /* Profile -> cart: 8-12px */

  flex-shrink: 0 !important;

  height: 48px !important;

}



/* Profile button: 40x40px, icon 21-22px, no text, no permanent border, hover #F3F4F6 */

.search__bottom-row .search-user-nav__btn--account {

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  width: 40px !important;

  height: 40px !important;

  min-width: 40px !important;

  max-width: 40px !important;

  padding: 0 !important;

  border: none !important;

  border-radius: 8px !important;

  background: transparent !important;

  color: #121620 !important;

  cursor: pointer !important;

  transition: background-color 0.15s ease, color 0.15s ease !important;

  box-sizing: border-box !important;

}



.search__bottom-row .search-user-nav__btn--account:hover {

  background-color: #F3F4F6 !important;

  color: #E30613 !important;

}



.search__bottom-row .search-user-nav__icon--account {

  width: 22px !important;

  height: 22px !important;

}



/* Cart action-block: 90-105px width, 40-44px height, icon 21-22px */

.search__bottom-row .search-user-nav__btn--cart.search-cart {

  display: inline-flex !important;

  align-items: center !important;

  gap: 8px !important;

  width: 98px !important; /* Strictly in 90-105px range */

  min-width: 90px !important;

  max-width: 105px !important;

  height: 42px !important; /* Strictly in 40-44px range */

  padding: 0 8px !important;

  border: none !important;

  border-radius: 8px !important;

  background: transparent !important;

  text-decoration: none !important;

  cursor: pointer !important;

  transition: background-color 0.15s ease !important;

  box-sizing: border-box !important;

  flex-shrink: 0 !important;

}



.search__bottom-row .search-user-nav__btn--cart.search-cart:hover {

  background-color: #F3F4F6 !important;

}



.search__bottom-row .search-user-nav__icon--cart {

  width: 22px !important;

  height: 22px !important;

  color: #121620 !important;

  flex-shrink: 0 !important;

}



.search__bottom-row .search-cart-label {

  display: flex !important;

  flex-direction: column !important;

  justify-content: center !important;

  align-items: flex-start !important;

  line-height: 1.15 !important;

  min-width: 0 !important;

}



.search__bottom-row .search-cart-label__top {

  display: flex !important;

  align-items: center !important;

  gap: 4px !important;

}



.search__bottom-row .search-cart-label__title {

  font-family: var(--font-primary) !important;

  font-size: 14px !important;

  font-weight: 600 !important;

  color: #171717 !important;

  line-height: 16px !important;

  white-space: nowrap !important;

}



.search__bottom-row .search-cart-label__count {

  font-family: var(--font-primary) !important;

  font-size: 11px !important;

  font-weight: 500 !important;

  color: #9CA3AF !important;

  line-height: 14px !important;

  white-space: nowrap !important;

}



.search__bottom-row .search-cart.has-items .search-cart-label__count {

  color: #171717 !important;

  font-weight: 600 !important;

}



.search__bottom-row .search-cart-badge {

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  min-width: 15px !important;

  height: 15px !important;

  padding: 0 3px !important;

  background-color: #E30613 !important;

  color: #FFFFFF !important;

  font-size: 10px !important;

  font-weight: 700 !important;

  border-radius: 8px !important;

  line-height: 1 !important;

}



.search__bottom-row .search-cart-badge.is-hidden {

  display: none !important;

}



/* 4. Responsive / Mobile behavior (ТЗ п. 7) */

@media (max-width: 767px) {

  .search__bottom-row {

    flex-direction: column !important;

    align-items: stretch !important;

    gap: 12px !important;

  }



  .search__bottom-row .search-user-nav {

    margin-left: 0 !important;

    justify-content: flex-end !important;

    height: auto !important;

    gap: 12px !important;

  }

}





/* ==========================================================================

   OPERATION 62: CART & PROFILE IN TOP-BAR (GLOBAL) & FULL-WIDTH SEARCH BAR

   Timestamp: 1789119476

   ========================================================================== */



/* Top-Bar Container & Navigation */

.header-top-bar {

  background: #F7F8FA;

  border-bottom: 1px solid #E5E7EB;

}



.header-top-bar__container {

  display: flex !important;

  justify-content: space-between !important;

  align-items: center !important;

  height: 42px !important;

}



.header-top-bar__nav {

  display: flex !important;

  align-items: center !important;

  gap: 20px !important;

  list-style: none !important;

  margin: 0 !important;

  padding: 0 !important;

}



.header-top-bar__item a {

  color: #4B5563 !important;

  font-size: 13px !important;

  font-weight: 500 !important;

  text-decoration: none !important;

  transition: color 0.15s ease !important;

}



.header-top-bar__item a:hover {

  color: #E30613 !important;

}



/* Top-Bar Right: User Actions (Account + Divider + Cart) */

.header-top-bar__right {

  display: flex !important;

  align-items: center !important;

}



.header-top-bar__user-nav {

  display: flex !important;

  align-items: center !important;

  gap: 16px !important;

}



.header-top-bar__user-btn {

  display: inline-flex !important;

  align-items: center !important;

  text-decoration: none !important;

  cursor: pointer !important;

}



/* Account Link */

.header-top-bar__user-btn--account {

  gap: 6px !important;

  color: #4B5563 !important;

  font-size: 13px !important;

  font-weight: 500 !important;

  transition: color 0.15s ease !important;

}



.header-top-bar__user-btn--account:hover {

  color: #E30613 !important;

}



.header-top-bar__user-icon {

  color: #6B7280 !important;

  transition: color 0.15s ease !important;

}



.header-top-bar__user-btn--account:hover .header-top-bar__user-icon {

  color: #E30613 !important;

}



/* Divider */

.header-top-bar__divider {

  display: inline-block !important;

  width: 1px !important;

  height: 16px !important;

  background-color: #E5E7EB !important;

}



/* Cart Link */

.header-top-bar__user-btn--cart {

  gap: 8px !important;

  padding: 5px 12px !important;

  border-radius: 6px !important;

  background-color: #ECEEF2 !important;

  transition: all 0.15s ease !important;

}



.header-top-bar__user-btn--cart:hover {

  background-color: #E2E4E9 !important;

}



.header-top-bar__user-btn--cart.has-items {

  background-color: #FEE2E2 !important;

}



.header-top-bar__cart-icon-wrap {

  position: relative !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

}



.header-top-bar__cart-icon {

  color: #E30613 !important;

}



.header-top-bar__cart-badge {

  position: absolute !important;

  top: -7px !important;

  right: -9px !important;

  min-width: 15px !important;

  height: 15px !important;

  padding: 0 4px !important;

  border-radius: 10px !important;

  background-color: #E30613 !important;

  color: #FFFFFF !important;

  font-size: 10px !important;

  font-weight: 700 !important;

  line-height: 15px !important;

  text-align: center !important;

  box-sizing: border-box !important;

}



.header-top-bar__cart-badge.is-hidden {

  display: none !important;

}



.header-top-bar__cart-title {

  font-size: 13px !important;

  font-weight: 600 !important;

  color: #171717 !important;

}



.header-top-bar__cart-count {

  font-size: 12px !important;

  font-weight: 500 !important;

  color: #6B7280 !important;

  margin-left: 2px !important;

}



.header-top-bar__cart-count.has-items {

  color: #171717 !important;

  font-weight: 600 !important;

}



/* ==========================================================================

   HOMEPAGE SEARCH BAR CLEANUP (MONOLITHIC 100% WIDTH)

   ========================================================================== */

.search__bottom-row {

  display: block !important;

  width: 100% !important;

  margin: 0 !important;

}



.search__panels-wrap {

  width: 100% !important;

  flex: none !important;

}



.search__fields {

  width: 100% !important;

  display: flex !important;

  align-items: center !important;

}



.search-input {

  flex: 1 1 auto !important;

  min-width: 0 !important;

}



.search__btn {

  flex-shrink: 0 !important;

  width: 170px !important;

}



/* Hide any remaining search-user-nav */

.search-user-nav {

  display: none !important;

}



/* Mobile Viewport Adaptation */

@media (max-width: 767px) {

  .header-top-bar__container {

    justify-content: flex-end !important;

  }



  .header-top-bar__nav {

    display: none !important;

  }



  .header-top-bar__user-nav {

    gap: 12px !important;

  }



  .search__btn {

    width: 90px !important;

  }

}





/* Mobile Drawer User Actions */

.header-mobile-drawer__user-nav {

  display: flex !important;

  flex-direction: column !important;

  gap: 8px !important;

  padding: 12px 16px !important;

  background: #F8F9FA !important;

  border-bottom: 1px solid #E5E7EB !important;

}



.header-mobile-drawer__user-btn,

.header-mobile-drawer__cart-btn {

  display: flex !important;

  align-items: center !important;

  gap: 10px !important;

  padding: 10px 14px !important;

  background: #FFFFFF !important;

  border: 1px solid #E5E7EB !important;

  border-radius: 8px !important;

  font-size: 14px !important;

  font-weight: 500 !important;

  color: #171717 !important;

  text-decoration: none !important;

}



.header-mobile-drawer__cart-btn {

  font-weight: 600 !important;

}





/* ==========================================================================

   SEO LSI Text Section (Operation 72: Brand Design System & Spacing Alignment)

   ========================================================================== */

.seo-text-section {

  width: calc(100% - 40px) !important;

  max-width: 1280px !important;

  margin: 84px auto 40px auto !important;

  box-sizing: border-box !important;

}



.seo-text__container {

  background: #f8fafc !important;

  border: 1px solid #e2e8f0 !important;

  border-radius: 16px !important;

  padding: 38px 44px !important;

  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;

  box-sizing: border-box !important;

  position: relative !important;

  overflow: hidden !important;

  max-width: 100% !important;

}



.seo-text__container::before {

  content: '' !important;

  position: absolute !important;

  top: 0 !important;

  left: 0 !important;

  width: 100% !important;

  height: 3px !important;

  background: linear-gradient(90deg, #e30613 0%, rgba(227, 6, 19, 0.3) 60%, transparent 100%) !important;

}



.seo-text__header {

  margin-bottom: 22px !important;

  padding-bottom: 16px !important;

  border-bottom: 1px solid #e2e8f0 !important;

  display: flex !important;

  align-items: center !important;

  justify-content: space-between !important;

}



.seo-text__title {

  font-family: var(--font-primary) !important;

  font-size: 26px !important;

  font-weight: 700 !important;

  color: #121620 !important;

  text-transform: none !important;

  letter-spacing: -0.01em !important;

  margin: 0 !important;

  line-height: 1.3 !important;

  position: relative !important;

  padding-left: 16px !important;

}



.seo-text__title::before {

  content: '' !important;

  position: absolute !important;

  left: 0 !important;

  top: 4px !important;

  bottom: 4px !important;

  width: 4px !important;

  background: #e30613 !important;

  border-radius: 2px !important;

}



.seo-text__lead {

  font-family: var(--font-primary) !important;

  font-size: 15.5px !important;

  line-height: 1.7 !important;

  color: #334155 !important;

  margin: 0 0 16px 0 !important;

  font-weight: 400 !important;

}



.seo-text__paragraph {

  font-family: var(--font-primary) !important;

  font-size: 14.5px !important;

  line-height: 1.7 !important;

  color: #475569 !important;

  margin: 0 0 16px 0 !important;

}



.seo-text__body strong {

  color: #0f172a !important;

  font-weight: 600 !important;

}



.seo-text__features {

  display: grid !important;

  grid-template-columns: repeat(3, 1fr) !important;

  gap: 20px !important;

  margin-top: 28px !important;

}



.seo-text__feature-card {

  background: #ffffff !important;

  border: 1px solid #e2e8f0 !important;

  border-radius: 12px !important;

  padding: 20px 22px !important;

  display: flex !important;

  gap: 16px !important;

  align-items: flex-start !important;

  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;

  transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;

}



.seo-text__feature-card:hover {

  border-color: rgba(227, 6, 19, 0.35) !important;

  background: #ffffff !important;

  transform: translateY(-2px) !important;

  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06) !important;

}



.seo-text__feature-icon {

  width: 44px !important;

  height: 44px !important;

  min-width: 44px !important;

  border-radius: 10px !important;

  background: rgba(227, 6, 19, 0.08) !important;

  color: #e30613 !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

}



.seo-text__feature-icon svg {

  stroke: #e30613 !important;

}



.seo-text__feature-title {

  font-family: var(--font-primary) !important;

  font-size: 15.5px !important;

  font-weight: 700 !important;

  color: #1e293b !important;

  margin-bottom: 6px !important;

}



.seo-text__feature-desc {

  font-family: var(--font-primary) !important;

  font-size: 13.5px !important;

  line-height: 1.55 !important;

  color: #64748b !important;

  margin: 0 !important;

}



.seo-text__feature-desc strong {

  color: #334155 !important;

  font-weight: 600 !important;

}



@media (max-width: 991px) {

  .seo-text__features {

    grid-template-columns: 1fr !important;

    gap: 14px !important;

  }

  .seo-text__container {

    padding: 26px 20px !important;

    border-radius: 12px !important;

  }

  .seo-text__title {

    font-size: 20px !important;

    line-height: 1.35 !important;

    padding-left: 12px !important;

  }

  .seo-text-section {

    margin: 52px auto 24px auto !important;

    width: calc(100% - 24px) !important;

  }

}



/* PDP LSI About Block (Operation 69) */

.product-about-lsi {

  margin-top: 18px !important;

  padding: 16px 20px !important;

  background: #f8fafc !important;

  border-left: 4px solid #e30613 !important;

  border: 1px solid #e2e8f0 !important;

  border-left-width: 4px !important;

  border-radius: 0 8px 8px 0 !important;

  font-size: 14px !important;

  line-height: 1.65 !important;

  color: #334155 !important;

}



.product-about-lsi p {

  margin: 0 !important;

}



.product-about-lsi strong {

  color: #0f172a !important;

  font-weight: 700 !important;

}





/* ==========================================================================

   OP70: SITE SECTIONS, NAVIGATION & INTERNAL CONTENT PAGES

   ========================================================================== */



/* 1. Header Top Bar Navigation (6 items fit cleanly) */

.header-top-bar__nav {

  display: flex !important;

  align-items: center !important;

  gap: 22px !important;

  margin: 0 !important;

  padding: 0 !important;

  list-style: none !important;

}



.header-top-bar__link,

.header-top-bar__item a {

  font-size: 12px !important;

  font-weight: 600 !important;

  text-transform: uppercase !important;

  letter-spacing: 0.05em !important;

  color: #475569 !important;

  text-decoration: none !important;

  transition: color 0.15s ease !important;

  white-space: nowrap !important;

}



.header-top-bar__link:hover,

.header-top-bar__item a:hover {

  color: #e30613 !important;

}



/* 2. Footer Customer Links Column */

.footer-col--customers .footer-nav__list {

  display: flex !important;

  flex-direction: column !important;

  gap: 7px !important;

}



.footer-col--customers .footer-nav__link {

  font-size: 14px !important;

  line-height: 1.45 !important;

  color: #4b5563 !important;

  transition: color 0.15s ease !important;

}



.footer-col--customers .footer-nav__link:hover,

.footer-col--customers .footer-nav__link:focus,

.footer-col--customers .footer-nav__link:active {

  color: #0f172a !important;

}



/* 3. Internal Content Pages Architecture (1280px Container) */

.internal-content {

  width: 100% !important;

  color: #1e293b !important;

  font-family: var(--font-primary, system-ui, -apple-system, sans-serif) !important;

}



.internal-hero-card {

  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%) !important;

  border: 1px solid #e2e8f0 !important;

  border-radius: 12px !important;

  padding: 28px 32px !important;

  margin-bottom: 24px !important;

}



.internal-hero-card__title {

  font-size: 24px !important;

  font-weight: 800 !important;

  color: #0f172a !important;

  margin: 8px 0 12px 0 !important;

  line-height: 1.25 !important;

}



.internal-hero-card__desc {

  font-size: 15px !important;

  line-height: 1.6 !important;

  color: #475569 !important;

  margin: 0 !important;

}



.internal-badge {

  display: inline-block !important;

  padding: 4px 10px !important;

  border-radius: 6px !important;

  font-size: 11.5px !important;

  font-weight: 700 !important;

  text-transform: uppercase !important;

  background: #e0f2fe !important;

  color: #0284c7 !important;

  letter-spacing: 0.5px !important;

}



.internal-badge--red {

  background: #fee2e2 !important;

  color: #dc2626 !important;

}



.internal-badge--green {

  background: #dcfce7 !important;

  color: #16a34a !important;

}



/* Key Numbers Grid */

.internal-numbers-grid {

  display: grid !important;

  grid-template-columns: repeat(4, 1fr) !important;

  gap: 16px !important;

  margin-bottom: 24px !important;

}



.internal-number-card {

  background: #ffffff !important;

  border: 1px solid #e2e8f0 !important;

  border-radius: 10px !important;

  padding: 20px !important;

  text-align: center !important;

  box-shadow: 0 1px 3px rgba(0,0,0,0.03) !important;

}



.internal-number-card__val {

  font-size: 28px !important;

  font-weight: 800 !important;

  color: #0f172a !important;

  line-height: 1.1 !important;

  margin-bottom: 6px !important;

}



.internal-number-card__label {

  font-size: 13px !important;

  color: #64748b !important;

  line-height: 1.4 !important;

}



/* Standard Content Card */

.internal-card {

  background: #ffffff !important;

  border: 1px solid #e2e8f0 !important;

  border-radius: 12px !important;

  padding: 28px !important;

  margin-bottom: 24px !important;

  box-shadow: 0 1px 3px rgba(0,0,0,0.02) !important;

}



.internal-card__title {

  font-size: 20px !important;

  font-weight: 700 !important;

  color: #0f172a !important;

  margin: 0 0 14px 0 !important;

  line-height: 1.3 !important;

}



.internal-card__text {

  font-size: 15px !important;

  line-height: 1.65 !important;

  color: #334155 !important;

  margin: 0 !important;

}



/* Features Grid (2 columns) */

.internal-features-grid {

  display: grid !important;

  grid-template-columns: repeat(2, 1fr) !important;

  gap: 16px !important;

  margin-top: 18px !important;

}



.internal-feature-item {

  display: flex !important;

  gap: 14px !important;

  background: #f8fafc !important;

  border: 1px solid #e2e8f0 !important;

  border-radius: 8px !important;

  padding: 16px !important;

}



.internal-feature-item__icon {

  font-size: 26px !important;

  line-height: 1 !important;

  flex-shrink: 0 !important;

}



.internal-feature-item__text strong {

  display: block !important;

  font-size: 15px !important;

  font-weight: 700 !important;

  color: #0f172a !important;

  margin-bottom: 4px !important;

}



.internal-feature-item__text span {

  font-size: 13.5px !important;

  color: #475569 !important;

  line-height: 1.45 !important;

}



/* Warranty Rules List & Steps */

.internal-rules-list {

  display: flex !important;

  flex-direction: column !important;

  gap: 14px !important;

  margin-top: 16px !important;

}



.internal-rule-item {

  display: flex !important;

  gap: 12px !important;

  align-items: flex-start !important;

}



.internal-rule-item__bullet {

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  width: 22px !important;

  height: 22px !important;

  border-radius: 50% !important;

  background: #dcfce7 !important;

  color: #15803d !important;

  font-weight: 800 !important;

  font-size: 13px !important;

  flex-shrink: 0 !important;

  margin-top: 2px !important;

}



.internal-rule-item strong {

  display: block !important;

  font-size: 15px !important;

  color: #0f172a !important;

  margin-bottom: 2px !important;

}



.internal-rule-item p {

  font-size: 14px !important;

  color: #475569 !important;

  margin: 0 !important;

  line-height: 1.5 !important;

}



.internal-checklist {

  margin: 14px 0 0 0 !important;

  padding-left: 20px !important;

}



.internal-checklist li {

  font-size: 14.5px !important;

  color: #334155 !important;

  line-height: 1.6 !important;

  margin-bottom: 8px !important;

}



.internal-steps-grid {

  display: grid !important;

  grid-template-columns: repeat(3, 1fr) !important;

  gap: 16px !important;

  margin-top: 18px !important;

}



.internal-step-card {

  background: #f8fafc !important;

  border: 1px solid #e2e8f0 !important;

  border-radius: 10px !important;

  padding: 20px !important;

}



.internal-step-card__num {

  width: 32px !important;

  height: 32px !important;

  border-radius: 50% !important;

  background: #e30613 !important;

  color: #ffffff !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  font-weight: 800 !important;

  font-size: 15px !important;

  margin-bottom: 12px !important;

}



.internal-step-card__title {

  font-size: 16px !important;

  font-weight: 700 !important;

  color: #0f172a !important;

  margin-bottom: 6px !important;

}



.internal-step-card__desc {

  font-size: 13.5px !important;

  color: #475569 !important;

  line-height: 1.5 !important;

}



/* FAQ Accordion */

.internal-faq-accordion {

  display: flex !important;

  flex-direction: column !important;

  gap: 10px !important;

  margin-top: 16px !important;

}



.internal-faq-item {

  background: #f8fafc !important;

  border: 1px solid #e2e8f0 !important;

  border-radius: 8px !important;

  padding: 14px 18px !important;

}



.internal-faq-item__question {

  font-size: 15px !important;

  font-weight: 600 !important;

  color: #0f172a !important;

  cursor: pointer !important;

  user-select: none !important;

}



.internal-faq-item__answer {

  font-size: 14px !important;

  line-height: 1.55 !important;

  color: #475569 !important;

  margin-top: 10px !important;

  padding-top: 10px !important;

  border-top: 1px solid #e2e8f0 !important;

}



/* Requisites Grid */

.internal-requisites-grid {

  display: grid !important;

  grid-template-columns: repeat(2, 1fr) !important;

  gap: 12px 24px !important;

  margin-top: 14px !important;

}



.internal-req-item {

  font-size: 14px !important;

  color: #334155 !important;

  line-height: 1.5 !important;

}



.internal-req-item span {

  color: #64748b !important;

  margin-right: 6px !important;

}



/* Partner Form */

.partner-form {

  margin-top: 20px !important;

}



.partner-form__row {

  display: grid !important;

  grid-template-columns: 1fr 1fr !important;

  gap: 16px !important;

  margin-bottom: 14px !important;

}



.partner-form__field {

  margin-bottom: 14px !important;

}



.partner-form__field label {

  display: block !important;

  font-size: 13px !important;

  font-weight: 600 !important;

  color: #334155 !important;

  margin-bottom: 6px !important;

}



.partner-form__field input,

.partner-form__field textarea {

  width: 100% !important;

  padding: 10px 14px !important;

  border: 1px solid #cbd5e1 !important;

  border-radius: 8px !important;

  font-size: 14px !important;

  box-sizing: border-box !important;

  font-family: inherit !important;

  transition: border-color 0.15s ease, box-shadow 0.15s ease !important;

}



.partner-form__field input:focus,

.partner-form__field textarea:focus {

  border-color: #e30613 !important;

  outline: none !important;

  box-shadow: 0 0 0 2px rgba(227,6,19,0.15) !important;

}



.partner-form__action {

  display: flex !important;

  align-items: center !important;

  gap: 16px !important;

  margin-top: 18px !important;

}



.partner-form__btn {

  background: #e30613 !important;

  color: #ffffff !important;

  border: none !important;

  padding: 12px 28px !important;

  border-radius: 8px !important;

  font-size: 15px !important;

  font-weight: 700 !important;

  cursor: pointer !important;

  transition: background 0.15s ease !important;

}



.partner-form__btn:hover {

  background: #c50510 !important;

}



.partner-form__note {

  font-size: 12.5px !important;

  color: #64748b !important;

}



.partner-form__note a {

  color: #e30613 !important;

  text-decoration: underline !important;

}



.partner-form__success {

  background: #dcfce7 !important;

  border: 1px solid #86efac !important;

  border-radius: 8px !important;

  padding: 16px !important;

  margin-top: 16px !important;

  color: #15803d !important;

}



/* Legal Documents */

.legal-page .internal-card {

  padding: 32px 36px !important;

}



.legal-title {

  font-size: 24px !important;

  font-weight: 800 !important;

  color: #0f172a !important;

  margin: 12px 0 6px 0 !important;

  line-height: 1.3 !important;

}



.legal-meta {

  font-size: 13px !important;

  color: #64748b !important;

  margin-bottom: 24px !important;

}



.legal-text h3 {

  font-size: 17px !important;

  font-weight: 700 !important;

  color: #0f172a !important;

  margin: 24px 0 10px 0 !important;

}



.legal-text p {

  font-size: 14.5px !important;

  line-height: 1.65 !important;

  color: #334155 !important;

  margin: 0 0 12px 0 !important;

}



.legal-text ul {

  margin: 0 0 16px 20px !important;

  padding: 0 !important;

}



.legal-text li {

  font-size: 14px !important;

  line-height: 1.6 !important;

  color: #334155 !important;

  margin-bottom: 6px !important;

}



/* Responsive Overrides */

@media (max-width: 991px) {

  .header-top-bar__nav {

    display: none !important;

  }

}



@media (max-width: 768px) {

  .internal-numbers-grid {

    grid-template-columns: repeat(2, 1fr) !important;

  }

  .internal-features-grid {

    grid-template-columns: 1fr !important;

  }

  .internal-steps-grid {

    grid-template-columns: 1fr !important;

  }

  .partner-form__row {

    grid-template-columns: 1fr !important;

  }

  .internal-requisites-grid {

    grid-template-columns: 1fr !important;

  }

  .partner-form__action {

    flex-direction: column !important;

    align-items: flex-start !important;

  }

  .legal-page .internal-card {

    padding: 20px !important;

  }

}





/* ==========================================================================

   Operation 74: Dynamic Ring Cross-Linking & Semantic Navigation

   ========================================================================== */

.header-top-bar__nav-wrap {

  display: flex;

  align-items: center;

}



/* ==========================================================================

   Operation 79: Discreet, Professional Footer Quick Links (Dynamic Cross-Linking)

   ========================================================================== */

.footer-quick-nav {

  margin-top: 26px;

  padding: 14px 0;

  border-top: 1px solid rgba(255, 255, 255, 0.07);

  display: flex;

  align-items: baseline;

  flex-wrap: wrap;

  gap: 8px 14px;

  font-size: 12px;

  line-height: 1.5;

}



.footer-quick-nav__label {

  color: #64748b;

  font-size: 11px;

  font-weight: 600;

  text-transform: uppercase;

  letter-spacing: 0.05em;

  white-space: nowrap;

  flex-shrink: 0;

}



.footer-quick-nav__list {

  display: inline-flex;

  flex-wrap: wrap;

  align-items: center;

  gap: 4px 10px;

  list-style: none;

  margin: 0;

  padding: 0;

}



.footer-quick-nav__item {

  display: inline-flex;

  align-items: center;

  margin: 0;

  padding: 0;

}



.footer-quick-nav__item:not(:last-child)::after {

  content: "·";

  margin-left: 10px;

  color: #475569;

  font-size: 12px;

  line-height: 1;

  user-select: none;

}



.footer-quick-nav__link {

  color: #94a3b8;

  font-size: 12px;

  line-height: 1.5;

  text-decoration: none;

  transition: color 0.15s ease, border-color 0.15s ease;

  border-bottom: 1px solid transparent;

}



.footer-quick-nav__link:hover {

  color: #0f172a !important;

  border-bottom-color: #0f172a !important;

  text-decoration: none !important;

}



@media (max-width: 768px) {

  .footer-quick-nav {

    margin-top: 20px;

    padding: 12px 0;

    gap: 6px 8px;

  }

  .footer-quick-nav__label {

    width: 100%;

    margin-bottom: 2px;

  }

  .footer-quick-nav__list {

    gap: 5px 8px;

  }

  .footer-quick-nav__item:not(:last-child)::after {

    margin-left: 8px;

  }

}





/* ==========================================================================

   Operation 76: Catalog Top Filter Alignment & Container Constraint

   Ensure .cms-section-default.boxed and .cms-block-sidebar-filter

   align perfectly with the 1280px site grid and do not exceed site width.

   ========================================================================== */

.cms-section-default.boxed {

  max-width: 100% !important;

  padding-left: 0 !important;

  padding-right: 0 !important;

}



.cms-block-sidebar-filter {

  width: calc(100% - 40px) !important;

  max-width: 1280px !important;

  margin-left: auto !important;

  margin-right: auto !important;

  padding-left: 0 !important;

  padding-right: 0 !important;

  box-sizing: border-box !important;

}



.cms-block-sidebar-filter .cms-block-container,

.cms-block-sidebar-filter .cms-block-container-row,

.cms-block-sidebar-filter .col-12,

.cms-block-sidebar-filter .cms-element-sidebar-filter,

.filter-panel-wrapper,

.filter-panel {

  width: 100% !important;

  max-width: 100% !important;

  margin-left: 0 !important;

  margin-right: 0 !important;

  padding-left: 0 !important;

  padding-right: 0 !important;

  box-sizing: border-box !important;

}



@media (max-width: 767px) {

  .cms-block-sidebar-filter {

    width: calc(100% - 30px) !important;

  }

}





/* ==========================================================================

   Operation 77: About Us Page Enhancements (Oporka.ru)

   Styles for brand segments grid, tags, and quote banner

   ========================================================================== */

.internal-quote-banner {

  margin-top: 20px !important;

  padding: 18px 24px !important;

  background: #f8fafc !important;

  border-left: 4px solid #e30613 !important;

  border-radius: 0 8px 8px 0 !important;

  font-size: 15.5px !important;

  font-weight: 600 !important;

  color: #0f172a !important;

  line-height: 1.55 !important;

  font-style: italic !important;

}



.brand-segments-grid {

  display: grid !important;

  grid-template-columns: repeat(3, 1fr) !important;

  gap: 16px !important;

  margin-top: 20px !important;

}



.brand-segment-card {

  background: #f8fafc !important;

  border: 1px solid #e2e8f0 !important;

  border-radius: 8px !important;

  padding: 16px !important;

}



.brand-segment-card__title {

  font-size: 12.5px !important;

  font-weight: 700 !important;

  text-transform: uppercase !important;

  letter-spacing: 0.05em !important;

  color: #64748b !important;

  margin-bottom: 10px !important;

}



.brand-segment-card__tags {

  display: flex !important;

  flex-wrap: wrap !important;

  gap: 6px !important;

}



.brand-tag.footer-modal__badge {

  display: inline-block !important;

  background: #f1f5f9 !important;

  color: #334155 !important;

  border: 1px solid #cbd5e1 !important;

  border-radius: 4px !important;

  padding: 3px 8px !important;

  font-size: 11px !important;

  font-weight: 600 !important;

}



.brand-tag {

  display: inline-block !important;

  background: #ffffff !important;

  border: 1px solid #cbd5e1 !important;

  border-radius: 4px !important;

  padding: 3px 8px !important;

  font-size: 13px !important;

  font-weight: 600 !important;

  color: #1e293b !important;

}



@media (max-width: 991px) {

  .brand-segments-grid {

    grid-template-columns: 1fr !important;

    gap: 12px !important;

  }

}



/* ==========================================================================

   Operation 81: Wide Promo Banner (Compressor Pro - pro.png)

   ========================================================================== */

.banner {

  margin-bottom: 72px !important;

}



.banner__container {

  width: calc(100% - 40px) !important;

  max-width: 1280px !important;

  margin: 0 auto !important;

  padding: 0 !important;

  box-sizing: border-box !important;

}



.banner__element {

  text-decoration: none !important;

  color: inherit !important;

  display: block !important;

  width: 100% !important;

  max-width: 1280px !important;

  padding-top: 0 !important;

  margin: 0 auto !important;

  background-image: none !important;

  background-color: transparent !important;

  border-radius: 8px !important;

  overflow: hidden !important;

  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;

  transition: transform 0.25s ease, box-shadow 0.25s ease !important;

}



.banner__element:hover {

  transform: translateY(-2px) !important;

  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14) !important;

}



.banner__img {

  width: 100% !important;

  height: auto !important;

  display: block !important;

  border-radius: 8px !important;

  object-fit: cover !important;

}



@media (max-width: 767px) {

  .banner {

    margin-bottom: 48px !important;

  }

  .banner__element {

    padding-top: 0 !important;

    background-image: none !important;

  }

}



/* ==========================================================================

   Operation 84: Balanced Spacing Before & After SEO Section and Before Articles

   ========================================================================== */

.seo-text-section {

  margin-top: 84px !important;

  margin-bottom: 40px !important;

}



.articles {

  padding-top: 36px !important;

}



@media (max-width: 991px) {

  .seo-text-section {

    margin-top: 52px !important;

    margin-bottom: 24px !important;

  }

  .articles {

    padding-top: 28px !important;

  }

}



/* ==========================================================================

   Operation 86: Footer Navigation Links Styling & Brand Hover (#e30613)

   ========================================================================== */

.footer-col--customers .footer-nav__link {

  font-size: 14px !important;

  line-height: 1.45 !important;

  color: #4b5563 !important;

  transition: color 0.15s ease !important;

}



.footer-col--customers .footer-nav__link:hover,

.footer-col--customers .footer-nav__link:focus,

.footer-col--customers .footer-nav__link:active {

  color: #0f172a !important;

}



/* ==========================================================================

   Operation 87: Larger Phone in Footer MAX Card (+7 (999) 850-07-00)

   ========================================================================== */

.footer-max-card {

  display: inline-flex !important;

  width: auto !important;

  min-width: 0 !important;

  max-width: fit-content !important;

  padding: 8px 14px !important;

  gap: 10px !important;

  box-sizing: border-box !important;

}



.footer-max-card__phone {

  font-size: 15px !important;

  font-weight: 700 !important;

  letter-spacing: 0.01em !important;

  color: #1e293b !important;

  white-space: nowrap !important;

}



/* ==========================================================================

   Operation 89: Dark Grey Hover for All Footer Links (#0f172a)

   ========================================================================== */

.footer-quick-nav__link:hover,

.footer-quick-nav__link:focus,

.footer-quick-nav__link:active {

  color: #0f172a !important;

  border-bottom-color: #0f172a !important;

  text-decoration: none !important;

}



.footer-nav__link:hover,

.footer-nav__link:focus,

.footer-nav__link:active,

.footer-col--customers .footer-nav__link:hover,

.footer-col--customers .footer-nav__link:focus,

.footer-col--customers .footer-nav__link:active,

.footer-contacts__phone:hover,

.footer-contacts__phone:focus,

.footer-contacts__phone:active,

.footer-contacts__row:hover,

.footer-contacts__row:focus,

.footer-contacts__row:active,

.footer-bottom__privacy-link:hover,

.footer-bottom__privacy-link:focus,

.footer-bottom__privacy-link:active {

  color: #0f172a !important;

}



/* ==========================================================================

   Operation 90: Remove 3 Advantage Cards from SEO Text Block

   ========================================================================== */

.seo-text__features {

  display: none !important;

}



.seo-text__body .seo-text__paragraph:last-child {

  margin-bottom: 0 !important;

}



/* ==========================================================================

   Operation 91: Thematic Category Icons & Badges

   ========================================================================== */

.categories__icon {

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

}



.categories__icon::before {

  display: none !important;

}



.categories__icon svg {

  width: 34px !important;

  height: 34px !important;

  color: #ffffff !important;

  stroke: #ffffff !important;

  display: block !important;

  transition: transform 0.25s ease !important;

}



.categories__wrap-link:hover .categories__icon svg {

  transform: scale(1.08) !important;

}



@media (max-width: 991px) {

  .categories__icon svg {

    width: 28px !important;

    height: 28px !important;

  }

}



/* ==========================================================================

   Operation 92: Prevent Any Overflow in Footer MAX Card

   ========================================================================== */

.footer-max-card {

  display: inline-flex !important;

  width: auto !important;

  min-width: 0 !important;

  max-width: fit-content !important;

  padding: 8px 14px !important;

  gap: 10px !important;

  box-sizing: border-box !important;

}



.footer-max-card__phone {

  font-size: 15px !important;

  font-weight: 700 !important;

  letter-spacing: 0.01em !important;

  color: #1e293b !important;

  white-space: nowrap !important;

}







/* ==========================================================================

   Operation 94: Fix Wares Tabs Vertical Scrollbar & Title

   ========================================================================== */

.wares .tabs__list-wrap {

  display: block !important;

  width: 100% !important;

  height: auto !important;

  min-height: 0 !important;

  max-height: none !important;

  overflow: visible !important;

  margin-bottom: 25px !important;

}



.wares .tabs__list {

  display: flex !important;

  height: auto !important;

  min-height: 0 !important;

  max-height: none !important;

  overflow: visible !important;

  overflow-x: auto !important;

  overflow-y: hidden !important;

  scrollbar-width: none !important;

  -ms-overflow-style: none !important;

  list-style: none !important;

  padding: 0 0 15px 0 !important;

  margin: 0 !important;

  border-bottom: 1px solid #e5e7eb !important;

  gap: 32px !important;

}



.wares .tabs__list::-webkit-scrollbar,

.wares .tabs__list-wrap::-webkit-scrollbar {

  display: none !important;

  width: 0 !important;

  height: 0 !important;

}



@media (max-width: 767px) {

  .wares .tabs__list-wrap {

    margin: 0 0 16px 0 !important;

    padding: 0 !important;

    overflow-x: auto !important;

    -webkit-overflow-scrolling: touch !important;

    scrollbar-width: none !important;

  }

  .wares .tabs__list {

    gap: 14px !important;

    padding: 0 16px 8px 0 !important;

    width: max-content !important;

    min-width: 100% !important;

  }

}





/* ==========================================================================

   Operation 95: Dark Gray Fading Top Line on SEO Card

   ========================================================================== */

.seo-text__container::before {

  background: linear-gradient(90deg, #334155 0%, rgba(51, 65, 85, 0.35) 60%, transparent 100%) !important;

}





/* ==========================================================================

   Operation 96: Redesign and Simplification of "О компании" Page

   ========================================================================== */

.internal-page--o-kompanii .internal-page__container {

  max-width: 1280px !important;

  width: 100% !important;

  margin: 0 auto !important;

  padding: 0 !important;

}



.o-kompanii-page {

  width: 100% !important;

  max-width: 100% !important;

  margin-left: 0 !important;

  margin-right: 0 !important;

  font-family: var(--font-primary), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;

  font-size: 15.5px !important;

  line-height: 1.65 !important;

  color: #334155 !important;

}



.o-kompanii__intro {

  margin-bottom: 32px !important;

}



.o-kompanii__lead {

  font-size: 17px !important;

  line-height: 1.6 !important;

  color: #1e293b !important;

  font-weight: 500 !important;

  margin-bottom: 14px !important;

}



.o-kompanii-page p {

  font-size: 15.5px !important;

  line-height: 1.65 !important;

  color: #334155 !important;

  margin-top: 0 !important;

  margin-bottom: 14px !important;

}



.o-kompanii__section {

  margin-bottom: 36px !important;

}



.o-kompanii__title {

  font-size: 23px !important;

  font-weight: 700 !important;

  color: #121620 !important;

  line-height: 1.3 !important;

  margin-top: 36px !important;

  margin-bottom: 16px !important;

  padding-bottom: 8px !important;

  border-bottom: 1px solid #eef0f4 !important;

}



.o-kompanii__subtitle {

  font-size: 17px !important;

  font-weight: 600 !important;

  color: #1e293b !important;

  line-height: 1.4 !important;

  margin: 0 0 16px 0 !important;

  padding-bottom: 6px !important;

  border-bottom: 1px solid #e2e8f0 !important;

}



.o-kompanii__list {

  margin: 14px 0 18px 0 !important;

  padding-left: 20px !important;

  list-style-type: disc !important;

}



.o-kompanii__list li {

  margin-bottom: 8px !important;

  line-height: 1.6 !important;

  color: #334155 !important;

}



.o-kompanii__list li::marker {

  color: #94a3b8 !important;

}



.o-kompanii__link {

  color: #1e293b !important;

  text-decoration: underline !important;

  text-decoration-color: #cbd5e1 !important;

  text-underline-offset: 3px !important;

  transition: color 0.2s ease, text-decoration-color 0.2s ease !important;

}



.o-kompanii__link:hover {

  color: #e30613 !important;

  text-decoration-color: #e30613 !important;

}



.o-kompanii__phone-link {

  color: #121620 !important;

  font-weight: 600 !important;

  text-decoration: none !important;

  transition: color 0.2s ease !important;

}



.o-kompanii__phone-link:hover {

  color: #e30613 !important;

}



/* Contacts & Requisites Compact Block */

.o-kompanii__contacts-grid {

  display: grid !important;

  grid-template-columns: 1fr 1fr !important;

  gap: 24px !important;

  background: #f8fafc !important;

  border: 1px solid #e2e8f0 !important;

  border-radius: 8px !important;

  padding: 24px 28px !important;

  margin-top: 16px !important;

}



.o-kompanii__contact-col {

  display: flex !important;

  flex-direction: column !important;

}



.o-kompanii__dl {

  display: flex !important;

  flex-direction: column !important;

  gap: 10px !important;

  margin: 0 !important;

  padding: 0 !important;

}



.o-kompanii__dl-item {

  display: flex !important;

  flex-direction: column !important;

  gap: 2px !important;

}



.o-kompanii__dl-item dt {

  font-size: 13px !important;

  font-weight: 600 !important;

  color: #64748b !important;

  text-transform: uppercase !important;

  letter-spacing: 0.3px !important;

  margin: 0 !important;

}



.o-kompanii__dl-item dd {

  font-size: 14.5px !important;

  color: #1e293b !important;

  line-height: 1.5 !important;

  margin: 0 !important;

}



@media (max-width: 767px) {

  .internal-page--o-kompanii .internal-page__container {

    padding: 0 16px !important;

  }



  .o-kompanii__lead {

    font-size: 16px !important;

  }



  .o-kompanii__title {

    font-size: 20px !important;

    margin-top: 28px !important;

    margin-bottom: 12px !important;

  }



  .o-kompanii__contacts-grid {

    grid-template-columns: 1fr !important;

    gap: 20px !important;

    padding: 18px 16px !important;

  }

}





/* ====================================================

   OP97 CATALOG REDESIGN (Shopware 6 / Tochka)

   ==================================================== */



.page-catalog {

  width: calc(100% - 40px) !important;

  max-width: 1280px !important;

  margin: 0 auto !important;

  padding: 0 !important;

  box-sizing: border-box !important;

}



.catalog-container {

  width: 100% !important;

  box-sizing: border-box !important;

}



/* Breadcrumbs */

.catalog-breadcrumbs {

  padding: 16px 0 10px 0 !important;

  margin: 0 !important;

}



.catalog-breadcrumbs .breadcrumbs {

  display: flex !important;

  flex-wrap: wrap !important;

  align-items: center !important;

  list-style: none !important;

  padding: 0 !important;

  margin: 0 !important;

  font-size: 13px !important;

  color: #6b7280 !important;

  line-height: 1.4 !important;

}



.catalog-breadcrumbs .breadcrumbs li {

  display: inline-flex !important;

  align-items: center !important;

}



.catalog-breadcrumbs .breadcrumbs li a {

  color: #4b5563 !important;

  text-decoration: none !important;

  transition: color 0.15s ease !important;

}



.catalog-breadcrumbs .breadcrumbs li a:hover {

  color: #e31e24 !important;

}



.catalog-breadcrumbs .breadcrumbs li + li::before {

  content: "→" !important;

  margin: 0 8px !important;

  color: #9ca3af !important;

  font-size: 12px !important;

}



.catalog-breadcrumbs .breadcrumbs__current {

  color: #111827 !important;

  font-weight: 500 !important;

}



/* Header / Title */

.catalog-header-wrap {

  margin: 0 0 16px 0 !important;

}



.catalog-title {

  font-family: var(--font-primary) !important;

  font-size: 32px !important;

  font-weight: 800 !important;

  line-height: 1.2 !important;

  color: #111827 !important;

  margin: 0 !important;

  letter-spacing: -0.01em !important;

}



/* Categories Bar */

.catalog-categories-bar {

  margin-bottom: 20px !important;

}



.catalog-categories-bar__scroll {

  display: flex !important;

  flex-wrap: wrap !important;

  gap: 8px !important;

  align-items: center !important;

}



.catalog-cat-pill {

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  padding: 8px 16px !important;

  border-radius: 20px !important;

  background: #f3f4f6 !important;

  color: #374151 !important;

  font-family: var(--font-primary) !important;

  font-size: 14px !important;

  font-weight: 500 !important;

  text-decoration: none !important;

  border: 1px solid #e5e7eb !important;

  transition: all 0.18s ease !important;

  white-space: nowrap !important;

  line-height: 1.2 !important;

}



.catalog-cat-pill:hover {

  background: #e5e7eb !important;

  color: #111827 !important;

  border-color: #d1d5db !important;

}



.catalog-cat-pill--active {

  background: #e31e24 !important;

  color: #ffffff !important;

  font-weight: 600 !important;

  border-color: #e31e24 !important;

}



.catalog-cat-pill--active:hover {

  background: #c9151b !important;

  color: #ffffff !important;

  border-color: #c9151b !important;

}



/* Active Filters Bar */

.catalog-active-filters {

  display: flex !important;

  align-items: center !important;

  flex-wrap: wrap !important;

  gap: 8px 10px !important;

  margin-bottom: 22px !important;

  padding: 12px 16px !important;

  background: #f9fafb !important;

  border-radius: 8px !important;

  border: 1px solid #e5e7eb !important;

}



.catalog-active-filters__label {

  font-size: 13px !important;

  font-weight: 600 !important;

  color: #4b5563 !important;

  margin-right: 4px !important;

}



.catalog-active-filters__list {

  display: flex !important;

  flex-wrap: wrap !important;

  align-items: center !important;

  gap: 8px !important;

  flex: 1 !important;

}



.catalog-active-tag {

  display: inline-flex !important;

  align-items: center !important;

  gap: 6px !important;

  padding: 5px 12px !important;

  border-radius: 16px !important;

  background: #ffffff !important;

  border: 1px solid #d1d5db !important;

  color: #1f2937 !important;

  font-family: inherit !important;

  font-size: 13px !important;

  cursor: pointer !important;

  transition: all 0.15s ease !important;

  line-height: 1.2 !important;

}



.catalog-active-tag:hover {

  border-color: #e31e24 !important;

  color: #e31e24 !important;

  background: #fef2f2 !important;

}



.catalog-active-tag__close {

  font-size: 15px !important;

  font-weight: 700 !important;

  line-height: 1 !important;

  color: #9ca3af !important;

  margin-left: 2px !important;

}



.catalog-active-tag:hover .catalog-active-tag__close {

  color: #e31e24 !important;

}



.catalog-active-filters__reset-all {

  margin-left: auto !important;

  font-size: 13px !important;

  font-weight: 600 !important;

  color: #e31e24 !important;

  text-decoration: none !important;

  transition: opacity 0.15s ease !important;

  white-space: nowrap !important;

}



.catalog-active-filters__reset-all:hover {

  text-decoration: underline !important;

  opacity: 0.85 !important;

}



/* 2-Column Main Layout */

.catalog-main-layout {

  display: flex !important;

  gap: 28px !important;

  align-items: flex-start !important;

  margin-bottom: 50px !important;

}



/* Sidebar */

.catalog-sidebar {

  width: 270px !important;

  flex-shrink: 0 !important;

  position: sticky !important;

  top: 20px !important;

}



.catalog-filter-card {

  background: #ffffff !important;

  border: 1px solid #e5e7eb !important;

  border-radius: 10px !important;

  padding: 20px !important;

  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04) !important;

  box-sizing: border-box !important;

}



.catalog-filter-card__header {

  display: flex !important;

  align-items: center !important;

  justify-content: space-between !important;

  padding-bottom: 14px !important;

  border-bottom: 1px solid #f3f4f6 !important;

  margin-bottom: 16px !important;

}



.catalog-filter-card__title {

  font-family: var(--font-primary) !important;

  font-size: 18px !important;

  font-weight: 700 !important;

  color: #111827 !important;

  margin: 0 !important;

}



.catalog-filter-card__reset {

  font-size: 13px !important;

  font-weight: 500 !important;

  color: #e31e24 !important;

  text-decoration: none !important;

}



.catalog-filter-card__reset:hover {

  text-decoration: underline !important;

}



.catalog-filter-group {

  border-bottom: 1px solid #f3f4f6 !important;

  padding-bottom: 16px !important;

  margin-bottom: 16px !important;

}



.catalog-filter-group:last-of-type {

  border-bottom: none !important;

  padding-bottom: 0 !important;

  margin-bottom: 20px !important;

}



.catalog-filter-group__header {

  margin-bottom: 10px !important;

}



.catalog-filter-group__title {

  font-size: 13.5px !important;

  font-weight: 700 !important;

  color: #1f2937 !important;

  text-transform: uppercase !important;

  letter-spacing: 0.04em !important;

}



.catalog-filter-group__body {

  display: flex !important;

  flex-direction: column !important;

  gap: 8px !important;

}



/* Custom Checkbox */

.catalog-checkbox {

  display: flex !important;

  align-items: center !important;

  gap: 9px !important;

  font-size: 13.5px !important;

  color: #374151 !important;

  cursor: pointer !important;

  user-select: none !important;

  line-height: 1.3 !important;

}



.catalog-checkbox:hover .catalog-checkbox__label {

  color: #111827 !important;

}



.catalog-checkbox__input {

  position: absolute !important;

  opacity: 0 !important;

  width: 0 !important;

  height: 0 !important;

  margin: 0 !important;

}



.catalog-checkbox__box {

  width: 18px !important;

  height: 18px !important;

  flex-shrink: 0 !important;

  border: 1.5px solid #d1d5db !important;

  border-radius: 4px !important;

  background: #ffffff !important;

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  transition: all 0.15s ease !important;

  position: relative !important;

}



.catalog-checkbox__input:checked + .catalog-checkbox__box {

  background-color: #e31e24 !important;

  border-color: #e31e24 !important;

}



.catalog-checkbox__input:checked + .catalog-checkbox__box::after {

  content: "" !important;

  display: block !important;

  width: 5px !important;

  height: 9px !important;

  border: solid #ffffff !important;

  border-width: 0 2px 2px 0 !important;

  transform: rotate(45deg) translate(-1px, -1px) !important;

}



.catalog-checkbox__label {

  flex: 1 !important;

}



/* Price Inputs */

.catalog-price-inputs {

  display: flex !important;

  align-items: center !important;

  gap: 8px !important;

}



.catalog-price-input-wrap {

  position: relative !important;

  flex: 1 !important;

  display: flex !important;

  align-items: center !important;

}



.catalog-price-prefix {

  position: absolute !important;

  left: 10px !important;

  font-size: 13px !important;

  color: #9ca3af !important;

  pointer-events: none !important;

}



.catalog-price-input {

  width: 100% !important;

  height: 38px !important;

  padding: 0 10px 0 30px !important;

  border: 1px solid #d1d5db !important;

  border-radius: 6px !important;

  font-family: inherit !important;

  font-size: 13.5px !important;

  color: #111827 !important;

  background: #ffffff !important;

  outline: none !important;

  box-sizing: border-box !important;

  transition: border-color 0.15s ease !important;

}



.catalog-price-input:focus {

  border-color: #e31e24 !important;

  box-shadow: 0 0 0 2px rgba(227, 30, 36, 0.1) !important;

}



.catalog-price-separator {

  color: #9ca3af !important;

  font-weight: 500 !important;

}



/* Filter Buttons */

.catalog-filter-actions {

  display: flex !important;

  flex-direction: column !important;

  gap: 8px !important;

  margin-top: 10px !important;

}



.catalog-filter-submit-btn {

  width: 100% !important;

  height: 42px !important;

  background: #e31e24 !important;

  color: #ffffff !important;

  border: none !important;

  border-radius: 6px !important;

  font-family: var(--font-primary) !important;

  font-size: 14px !important;

  font-weight: 700 !important;

  cursor: pointer !important;

  transition: background-color 0.18s ease !important;

}



.catalog-filter-submit-btn:hover {

  background: #c9151b !important;

}



.catalog-filter-reset-btn {

  text-align: center !important;

  font-size: 13px !important;

  color: #6b7280 !important;

  text-decoration: none !important;

  padding: 4px 0 !important;

  transition: color 0.15s ease !important;

}



.catalog-filter-reset-btn:hover {

  color: #e31e24 !important;

  text-decoration: underline !important;

}



/* Content Area */

.catalog-content {

  flex: 1 !important;

  min-width: 0 !important;

}



/* Top Actions */

.catalog-top-actions {

  display: flex !important;

  align-items: center !important;

  justify-content: space-between !important;

  margin-bottom: 20px !important;

  padding-bottom: 14px !important;

  border-bottom: 1px solid #e5e7eb !important;

  gap: 16px !important;

  flex-wrap: wrap !important;

}



.catalog-top-actions__left {

  display: flex !important;

  align-items: center !important;

  gap: 14px !important;

}



.catalog-count-text {

  font-size: 15px !important;

  color: #4b5563 !important;

}



.catalog-count-text strong {

  color: #111827 !important;

  font-weight: 700 !important;

}



.catalog-mobile-filter-trigger {

  display: none !important;

  align-items: center !important;

  gap: 6px !important;

  padding: 7px 14px !important;

  border-radius: 6px !important;

  background: #f3f4f6 !important;

  border: 1px solid #d1d5db !important;

  color: #1f2937 !important;

  font-family: inherit !important;

  font-size: 13px !important;

  font-weight: 600 !important;

  cursor: pointer !important;

}



.catalog-mobile-badge {

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  width: 18px !important;

  height: 18px !important;

  border-radius: 50% !important;

  background: #e31e24 !important;

  color: #ffffff !important;

  font-size: 11px !important;

  font-weight: 700 !important;

}



.catalog-top-actions__right {

  display: flex !important;

  align-items: center !important;

  gap: 12px !important;

}



.catalog-sort-select {

  height: 38px !important;

  padding: 0 32px 0 12px !important;

  border: 1px solid #d1d5db !important;

  border-radius: 6px !important;

  background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 10px center !important;

  font-family: inherit !important;

  font-size: 13.5px !important;

  color: #1f2937 !important;

  cursor: pointer !important;

  appearance: none !important;

  -webkit-appearance: none !important;

  outline: none !important;

}



.catalog-sort-select:focus {

  border-color: #e31e24 !important;

}



.catalog-view-switcher {

  display: flex !important;

  gap: 4px !important;

  background: #f3f4f6 !important;

  padding: 2px !important;

  border-radius: 6px !important;

}



.catalog-view-btn {

  width: 34px !important;

  height: 34px !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  border: none !important;

  background: transparent !important;

  border-radius: 4px !important;

  color: #6b7280 !important;

  cursor: pointer !important;

  transition: all 0.15s ease !important;

}



.catalog-view-btn.is-active {

  background: #ffffff !important;

  color: #e31e24 !important;

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06) !important;

}



/* 4-Card Grid on Desktop */

.catalog-products-grid {

  display: grid !important;

  grid-template-columns: repeat(4, 1fr) !important;

  gap: 16px !important;

}



.catalog-grid-item {

  min-width: 0 !important;

}



/* Product Card */

.card-product {

  background: #ffffff !important;

  border: 1px solid #e5e7eb !important;

  border-radius: 8px !important;

  padding: 14px !important;

  display: flex !important;

  flex-direction: column !important;

  height: 100% !important;

  box-sizing: border-box !important;

  position: relative !important;

  transition: box-shadow 0.2s ease, border-color 0.2s ease, transform 0.2s ease !important;

}



.card-product:hover {

  border-color: #d1d5db !important;

  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.07) !important;

  transform: translateY(-2px) !important;

}



.card-product__top {

  display: flex !important;

  align-items: center !important;

  justify-content: space-between !important;

  margin-bottom: 8px !important;

}



.card-product__brand {

  font-size: 10.5px !important;

  font-weight: 700 !important;

  color: #4b5563 !important;

  text-transform: uppercase !important;

  letter-spacing: 0.05em !important;

  background: #f3f4f6 !important;

  padding: 2px 8px !important;

  border-radius: 4px !important;

  line-height: 1.2 !important;

  white-space: nowrap !important;

  max-width: calc(100% - 32px) !important;

  overflow: hidden !important;

  text-overflow: ellipsis !important;

}



.card-product__favorite {

  background: transparent !important;

  border: none !important;

  padding: 2px !important;

  color: #9ca3af !important;

  cursor: pointer !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  transition: color 0.15s ease, transform 0.15s ease !important;

}



.card-product__favorite:hover {

  color: #e31e24 !important;

  transform: scale(1.15) !important;

}



.card-product__image-wrap {

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  height: 160px !important;

  margin-bottom: 12px !important;

  background: #ffffff !important;

  border-radius: 4px !important;

  overflow: hidden !important;

  text-decoration: none !important;

}



.card-product__img {

  max-width: 100% !important;

  max-height: 100% !important;

  width: auto !important;

  height: auto !important;

  object-fit: contain !important;

  transition: transform 0.25s ease !important;

}



.card-product:hover .card-product__img {

  transform: scale(1.05) !important;

}



.card-product__info {

  display: flex !important;

  flex-direction: column !important;

  flex: 1 !important;

}



.card-product__article {

  font-size: 11.5px !important;

  color: #9ca3af !important;

  margin-bottom: 4px !important;

  font-weight: 500 !important;

}



.card-product__title {

  font-family: inherit !important;

  font-size: 14px !important;

  font-weight: 600 !important;

  line-height: 1.35 !important;

  color: #111827 !important;

  margin: 0 0 8px 0 !important;

  display: -webkit-box !important;

  -webkit-line-clamp: 3 !important;

  -webkit-box-orient: vertical !important;

  overflow: hidden !important;

  min-height: 57px !important;

}



.card-product__title a {

  color: #111827 !important;

  text-decoration: none !important;

  transition: color 0.15s ease !important;

}



.card-product__title a:hover {

  color: #e31e24 !important;

}



.card-product__status {

  margin-bottom: 12px !important;

}



.card-product__stock {

  display: inline-flex !important;

  align-items: center !important;

  gap: 5px !important;

  font-size: 12px !important;

  font-weight: 500 !important;

}



.card-product__stock--in {

  color: #059669 !important;

}



.card-product__stock-dot {

  width: 6px !important;

  height: 6px !important;

  border-radius: 50% !important;

  background-color: #10b981 !important;

}



.card-product__stock--preorder {

  color: #d97706 !important;

}



.card-product__bottom {

  margin-top: auto !important;

  display: flex !important;

  flex-direction: column !important;

  align-items: stretch !important;

  gap: 10px !important;

}



.card-product__price {

  font-family: var(--font-primary, 'Inter', -apple-system, sans-serif) !important;

  font-size: 20px !important;

  font-weight: 700 !important;

  color: #0f172a !important;

  white-space: nowrap !important;

  line-height: 1.2 !important;

}



.card-product__buy-form {

  margin: 0 !important;

  padding: 0 !important;

  width: 100% !important;

}



.card-product__buy-btn {

  width: 100% !important;

  height: 38px !important;

  padding: 0 16px !important;

  background: #f1f5f9 !important;

  border: 1px solid #e2e8f0 !important;

  border-radius: 8px !important;

  color: #0f172a !important;

  font-family: inherit !important;

  font-size: 13.5px !important;

  font-weight: 600 !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  gap: 8px !important;

  cursor: pointer !important;

  transition: all 0.2s ease !important;

  white-space: nowrap !important;

  box-sizing: border-box !important;

}



.card-product__buy-btn span {

  white-space: nowrap !important;

  display: inline-block !important;

}



.card-product__buy-btn:hover {

  background: #e30613 !important;

  border-color: #e30613 !important;

  color: #ffffff !important;

}



.card-product__buy-btn:hover svg {

  stroke: #ffffff !important;

}



/* List View Modifier */

.catalog-products-grid--list {

  grid-template-columns: 1fr !important;

  gap: 12px !important;

}



.catalog-products-grid--list .card-product {

  flex-direction: row !important;

  align-items: center !important;

  padding: 16px 20px !important;

  gap: 24px !important;

}



.catalog-products-grid--list .card-product__top {

  display: none !important;

}



.catalog-products-grid--list .card-product__image-wrap {

  width: 140px !important;

  height: 110px !important;

  margin-bottom: 0 !important;

  flex-shrink: 0 !important;

}



.catalog-products-grid--list .card-product__info {

  flex: 1 !important;

}



.catalog-products-grid--list .card-product__bottom {

  margin-top: 0 !important;

  flex-direction: column !important;

  align-items: flex-end !important;

  gap: 10px !important;

  flex-shrink: 0 !important;

  width: auto !important;

}



.catalog-products-grid--list .card-product__bottom .card-product__buy-form {

  width: auto !important;

}



.catalog-products-grid--list .card-product__buy-btn {

  width: auto !important;

  min-width: 136px !important;

}



/* Empty State */

.catalog-empty-state {

  text-align: center !important;

  padding: 60px 20px !important;

  background: #ffffff !important;

  border: 1px solid #e5e7eb !important;

  border-radius: 8px !important;

  margin: 20px 0 !important;

}



.catalog-empty-state__icon {

  margin-bottom: 16px !important;

}



.catalog-empty-state__title {

  font-size: 19px !important;

  font-weight: 700 !important;

  color: #111827 !important;

  margin-bottom: 8px !important;

}



.catalog-empty-state__text {

  font-size: 14.5px !important;

  color: #6b7280 !important;

  margin-bottom: 24px !important;

}



.catalog-empty-state__btn {

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  height: 44px !important;

  padding: 0 24px !important;

  background: #e31e24 !important;

  color: #ffffff !important;

  font-weight: 600 !important;

  border-radius: 6px !important;

  text-decoration: none !important;

  transition: background-color 0.18s ease !important;

}



.catalog-empty-state__btn:hover {

  background: #c9151b !important;

}



/* Pagination */

.catalog-pagination {

  margin-top: 36px !important;

  display: flex !important;

  justify-content: center !important;

}



.catalog-pagination__list {

  display: flex !important;

  gap: 6px !important;

  list-style: none !important;

  padding: 0 !important;

  margin: 0 !important;

  align-items: center !important;

}



.catalog-pagination__link {

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  min-width: 38px !important;

  height: 38px !important;

  padding: 0 10px !important;

  border: 1px solid #e5e7eb !important;

  border-radius: 6px !important;

  font-family: var(--font-primary) !important;

  font-size: 14px !important;

  font-weight: 600 !important;

  color: #374151 !important;

  background: #ffffff !important;

  text-decoration: none !important;

  transition: all 0.15s ease !important;

}



.catalog-pagination__link:hover {

  border-color: #e31e24 !important;

  color: #e31e24 !important;

}



.catalog-pagination__link--current {

  background: #e31e24 !important;

  border-color: #e31e24 !important;

  color: #ffffff !important;

}



.catalog-pagination__delimiter {

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  min-width: 32px !important;

  height: 38px !important;

  font-size: 16px !important;

  font-weight: 700 !important;

  color: #9ca3af !important;

  user-select: none !important;

}



/* Mobile Offcanvas Drawer */

.catalog-mobile-drawer {

  position: fixed !important;

  top: 0 !important;

  left: 0 !important;

  right: 0 !important;

  bottom: 0 !important;

  z-index: 99999 !important;

  display: flex !important;

  visibility: hidden !important;

  opacity: 0 !important;

  transition: visibility 0.3s ease, opacity 0.3s ease !important;

}



.catalog-mobile-drawer.is-open {

  visibility: visible !important;

  opacity: 1 !important;

}



.catalog-mobile-drawer__overlay {

  position: absolute !important;

  inset: 0 !important;

  background: rgba(0, 0, 0, 0.5) !important;

  backdrop-filter: blur(2px) !important;

}



.catalog-mobile-drawer__dialog {

  position: relative !important;

  width: 85% !important;

  max-width: 340px !important;

  height: 100% !important;

  background: #ffffff !important;

  margin-left: auto !important;

  display: flex !important;

  flex-direction: column !important;

  transform: translateX(100%) !important;

  transition: transform 0.3s ease !important;

  box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15) !important;

}



.catalog-mobile-drawer.is-open .catalog-mobile-drawer__dialog {

  transform: translateX(0) !important;

}



.catalog-mobile-drawer__header {

  display: flex !important;

  align-items: center !important;

  justify-content: space-between !important;

  padding: 16px 20px !important;

  border-bottom: 1px solid #e5e7eb !important;

  flex-shrink: 0 !important;

}



.catalog-mobile-drawer__title {

  font-family: var(--font-primary) !important;

  font-size: 18px !important;

  font-weight: 700 !important;

  color: #111827 !important;

  margin: 0 !important;

}



.catalog-mobile-drawer__close {

  background: transparent !important;

  border: none !important;

  font-size: 24px !important;

  line-height: 1 !important;

  color: #6b7280 !important;

  cursor: pointer !important;

  padding: 0 4px !important;

}



.catalog-mobile-drawer__body {

  flex: 1 !important;

  overflow-y: auto !important;

  padding: 20px !important;

  -webkit-overflow-scrolling: touch !important;

}



.catalog-mobile-drawer__footer {

  padding: 14px 20px !important;

  border-top: 1px solid #e5e7eb !important;

  flex-shrink: 0 !important;

  background: #ffffff !important;

}



.catalog-mobile-drawer__submit-btn {

  width: 100% !important;

  height: 46px !important;

  background: #e31e24 !important;

  color: #ffffff !important;

  font-family: var(--font-primary) !important;

  font-size: 15px !important;

  font-weight: 700 !important;

  border: none !important;

  border-radius: 8px !important;

  cursor: pointer !important;

  transition: background-color 0.18s ease !important;

}



.catalog-mobile-drawer__submit-btn:hover {

  background: #c9151b !important;

}



/* Responsive Media Queries */

@media (max-width: 1100px) {

  .catalog-products-grid {

    grid-template-columns: repeat(3, 1fr) !important;

  }

}



@media (max-width: 991px) {

  .catalog-sidebar {

    display: none !important;

  }



  .catalog-mobile-filter-trigger {

    display: inline-flex !important;

  }



  .catalog-products-grid {

    grid-template-columns: repeat(3, 1fr) !important;

  }

}



@media (max-width: 767px) {

  .page-catalog {

    width: calc(100% - 32px) !important;

  }



  .catalog-title {

    font-size: 24px !important;

  }



  .catalog-breadcrumbs {

    padding: 12px 0 8px 0 !important;

  }



  .catalog-categories-bar__scroll {

    gap: 6px !important;

    overflow-x: auto !important;

    flex-wrap: nowrap !important;

    padding-bottom: 6px !important;

    -webkit-overflow-scrolling: touch !important;

  }



  .catalog-cat-pill {

    padding: 6px 12px !important;

    font-size: 13px !important;

  }



  /* 2 CARDS PER ROW ON MOBILE (Criterion 20 & 26) */

  .catalog-products-grid {

    grid-template-columns: repeat(2, 1fr) !important;

    gap: 10px !important;

  }



  .card-product {

    padding: 10px !important;

  }



  .card-product__image-wrap {

    height: 120px !important;

    margin-bottom: 8px !important;

  }



  .card-product__title {

    font-size: 13px !important;

    min-height: 34px !important;

    margin-bottom: 6px !important;

  }



  .card-product__bottom {

    gap: 8px !important;

  }



  .card-product__price {

    font-size: 17px !important;

  }



  .card-product__buy-btn {

    height: 36px !important;

    padding: 0 8px !important;

    font-size: 12.5px !important;

    gap: 6px !important;

  }



  .card-product__buy-btn span {

    display: inline-block !important;

    white-space: nowrap !important;

  }



  .catalog-top-actions {

    margin-bottom: 14px !important;

  }



  .catalog-view-switcher {

    display: none !important;

  }

}







/* Hide old CMS sidebar filter elements */

.cms-element-sidebar-filter,

.filter-panel-wrapper,

.filter-panel-wrapper-toggle,

.btn.filter-panel-wrapper-toggle,

.cms-block-sidebar-filter {

  display: none !important;

}







/* Scoped overrides for catalog products grid */

.catalog-products-grid .card-product {

  width: 100% !important;

  max-width: 100% !important;

  min-width: 0 !important;

  height: 100% !important;

  min-height: auto !important;

  box-sizing: border-box !important;

  cursor: default !important;

}



.catalog-products-grid .card-product__top {

  display: flex !important;

  align-items: center !important;

  justify-content: space-between !important;

  margin-bottom: 8px !important;

  padding: 0 !important;

  height: auto !important;

}



.catalog-products-grid .card-product__info {

  display: flex !important;

  flex-direction: column !important;

  flex: 1 !important;

  width: 100% !important;

  min-width: 0 !important;

}



.catalog-products-grid .card-product__title {

  margin: 0 0 8px 0 !important;

  padding: 0 !important;

  font-family: inherit !important;

  font-size: 14px !important;

  font-weight: 600 !important;

  line-height: 1.35 !important;

  color: #111827 !important;

  min-height: 57px !important;

  height: auto !important;

  width: 100% !important;

  max-width: 100% !important;

  overflow: hidden !important;

  word-break: break-word !important;

}



.catalog-products-grid .card-product__title a {

  display: -webkit-box !important;

  -webkit-line-clamp: 3 !important;

  -webkit-box-orient: vertical !important;

  overflow: hidden !important;

  text-overflow: ellipsis !important;

  color: #111827 !important;

  text-decoration: none !important;

  transition: color 0.15s ease !important;

}



.catalog-products-grid .card-product__title a:hover {

  color: #e31e24 !important;

}



@media (max-width: 767px) {

  .catalog-products-grid .card-product {

    padding: 10px !important;

  }



  .catalog-products-grid .card-product__image-wrap {

    height: 110px !important;

    margin-bottom: 6px !important;

  }



  .catalog-products-grid .card-product__title {

    font-size: 12px !important;

    line-height: 1.25 !important;

    min-height: 30px !important;

    margin-bottom: 4px !important;

  }



  .catalog-products-grid .card-product__bottom {

    gap: 8px !important;

  }



  .catalog-products-grid .card-product__price {

    font-size: 17px !important;

  }



  .catalog-products-grid .card-product__buy-btn {

    height: 36px !important;

    padding: 0 8px !important;

    font-size: 12.5px !important;

    gap: 6px !important;

  }



  .catalog-products-grid .card-product__buy-btn span {

    display: inline-block !important;

    white-space: nowrap !important;

  }

}





/* ==========================================================================

   Operation 146: Redesign and Logical Reorganization of "Оплата и доставка" Page

   ========================================================================== */



.dostavka-oplata-page {

  width: 100% !important;

  max-width: 100% !important;

  margin: 0 !important;

  font-family: var(--font-primary) !important;

  font-size: 15.5px !important;

  line-height: 1.65 !important;

  color: #334155 !important;

  padding-bottom: 70px !important;

}



.dostavka-oplata__intro {

  margin-bottom: 44px !important;

}



.dostavka-oplata__lead {

  font-size: 16.5px !important;

  line-height: 1.65 !important;

  color: #1e293b !important;

  font-weight: 500 !important;

  margin: 0 !important;

}



.dostavka-oplata-page p {

  font-size: 15.5px !important;

  line-height: 1.65 !important;

  color: #334155 !important;

  margin-top: 0 !important;

  margin-bottom: 12px !important;

}



.dostavka-oplata__section {

  margin-bottom: 48px !important;

}



.dostavka-oplata__title {

  font-size: 23px !important;

  font-weight: 700 !important;

  color: #121620 !important;

  line-height: 1.3 !important;

  margin-top: 0 !important;

  margin-bottom: 20px !important;

  padding-bottom: 10px !important;

  border-bottom: 1px solid #e2e8f0 !important;

}



.dostavka-oplata__block {

  margin-bottom: 22px !important;

}



.dostavka-oplata__subtitle {

  font-size: 17.5px !important;

  font-weight: 600 !important;

  color: #1e293b !important;

  line-height: 1.4 !important;

  margin: 0 0 10px 0 !important;

}



/* Steps Process: «Как получить заказ» (1 -> 2 -> 3 -> 4) */

.dostavka-steps {

  display: grid !important;

  grid-template-columns: repeat(4, 1fr) !important;

  gap: 20px !important;

  margin: 22px 0 28px 0 !important;

  position: relative !important;

}



.dostavka-step {

  display: flex !important;

  flex-direction: column !important;

  position: relative !important;

}



.dostavka-step__header {

  display: flex !important;

  align-items: center !important;

  gap: 10px !important;

  margin-bottom: 8px !important;

}



.dostavka-step__num {

  width: 28px !important;

  height: 28px !important;

  border-radius: 50% !important;

  background: #0f172a !important;

  color: #ffffff !important;

  font-size: 13px !important;

  font-weight: 700 !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  flex-shrink: 0 !important;

}



.dostavka-step:not(:first-child) .dostavka-step__num {

  background: #f1f5f9 !important;

  color: #0f172a !important;

  border: 1px solid #cbd5e1 !important;

}



.dostavka-step__name {

  font-size: 15px !important;

  font-weight: 700 !important;

  color: #121620 !important;

  line-height: 1.35 !important;

}



.dostavka-step__desc {

  font-size: 14px !important;

  line-height: 1.5 !important;

  color: #64748b !important;

  margin: 0 !important;

}



.dostavka-step:not(:last-child)::after {

  content: "→" !important;

  position: absolute !important;

  right: -13px !important;

  top: 3px !important;

  font-size: 15px !important;

  color: #94a3b8 !important;

}



/* Important Condition Note with Red Line */

.dostavka-oplata__note {

  border-left: 3px solid #e30613 !important;

  background: #f8fafc !important;

  border-radius: 0 6px 6px 0 !important;

  padding: 12px 18px !important;

  margin: 14px 0 !important;

  font-size: 15px !important;

  line-height: 1.55 !important;

  color: #1e293b !important;

  border-top: 1px solid #f1f5f9 !important;

  border-right: 1px solid #f1f5f9 !important;

  border-bottom: 1px solid #f1f5f9 !important;

}



.dostavka-oplata__note strong {

  color: #121620 !important;

  font-weight: 700 !important;

}



/* Parameter lines and lists */

.dostavka-oplata__params {

  margin: 10px 0 14px 0 !important;

  display: flex !important;

  flex-direction: column !important;

  gap: 6px !important;

}



.dostavka-oplata__param-item {

  font-size: 15px !important;

  line-height: 1.55 !important;

}



.dostavka-oplata__param-item strong {

  color: #1e293b !important;

  font-weight: 600 !important;

}



.dostavka-oplata__list {

  margin: 10px 0 16px 0 !important;

  padding-left: 20px !important;

  list-style-type: disc !important;

}



.dostavka-oplata__list li {

  margin-bottom: 6px !important;

  line-height: 1.6 !important;

  color: #334155 !important;

}



.dostavka-oplata__list li::marker {

  color: #94a3b8 !important;

}



.dostavka-oplata__link {

  color: #1e293b !important;

  text-decoration: underline !important;

  text-decoration-color: #cbd5e1 !important;

  text-underline-offset: 3px !important;

  transition: color 0.15s ease, text-decoration-color 0.15s ease !important;

}



.dostavka-oplata__link:hover {

  color: #e30613 !important;

  text-decoration-color: #e30613 !important;

}



.dostavka-oplata__phone-link {

  color: #121620 !important;

  font-weight: 600 !important;

  text-decoration: none !important;

  transition: color 0.15s ease !important;

}



.dostavka-oplata__phone-link:hover {

  color: #e30613 !important;

}



/* Pickup Box (3 compact columns) */

.dostavka-pickup-box {

  background: #f8fafc !important;

  border: 1px solid #e2e8f0 !important;

  border-radius: 8px !important;

  padding: 22px 26px !important;

  margin-top: 14px !important;

}



.dostavka-pickup-grid {

  display: grid !important;

  grid-template-columns: repeat(3, 1fr) !important;

  gap: 20px !important;

  margin-bottom: 14px !important;

}



.dostavka-pickup-col {

  display: flex !important;

  flex-direction: column !important;

  gap: 4px !important;

}



.dostavka-pickup-label {

  font-size: 12.5px !important;

  font-weight: 600 !important;

  color: #64748b !important;

  text-transform: uppercase !important;

  letter-spacing: 0.4px !important;

}



.dostavka-pickup-value {

  font-size: 15px !important;

  color: #1e293b !important;

  line-height: 1.5 !important;

}



.dostavka-pickup-notice {

  padding-top: 14px !important;

  border-top: 1px solid #e2e8f0 !important;

  font-size: 14px !important;

  color: #64748b !important;

  line-height: 1.5 !important;

}



.dostavka-pickup-notice strong {

  color: #334155 !important;

  font-weight: 600 !important;

}



/* FAQ Accordion */

.dostavka-faq {

  display: flex !important;

  flex-direction: column !important;

  gap: 10px !important;

  margin-top: 14px !important;

}



.dostavka-faq__item {

  background: #ffffff !important;

  border: 1px solid #e2e8f0 !important;

  border-radius: 8px !important;

  overflow: hidden !important;

  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;

}



.dostavka-faq__item[open] {

  border-color: #cbd5e1 !important;

  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04) !important;

}



.dostavka-faq__summary {

  display: flex !important;

  justify-content: space-between !important;

  align-items: center !important;

  padding: 16px 20px !important;

  cursor: pointer !important;

  list-style: none !important;

  user-select: none !important;

  transition: color 0.15s ease !important;

}



.dostavka-faq__summary::-webkit-details-marker {

  display: none !important;

}



.dostavka-faq__question {

  font-size: 15.5px !important;

  font-weight: 600 !important;

  color: #121620 !important;

  line-height: 1.4 !important;

}



.dostavka-faq__summary:hover .dostavka-faq__question {

  color: #e30613 !important;

}



.dostavka-faq__arrow {

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  color: #64748b !important;

  transition: transform 0.2s ease, color 0.2s ease !important;

  flex-shrink: 0 !important;

  margin-left: 12px !important;

}



.dostavka-faq__item[open] .dostavka-faq__arrow {

  transform: rotate(180deg) !important;

  color: #e30613 !important;

}



.dostavka-faq__answer {

  padding: 12px 20px 16px 20px !important;

  font-size: 14.5px !important;

  line-height: 1.65 !important;

  color: #475569 !important;

  border-top: 1px solid #f1f5f9 !important;

}



.dostavka-faq__answer p {

  margin: 0 !important;

  font-size: 14.5px !important;

  color: #475569 !important;

}



/* Final Contact Block */

.dostavka-final-contact {

  margin-top: 40px !important;

  padding-top: 24px !important;

  border-top: 1px solid #e2e8f0 !important;

  display: flex !important;

  flex-direction: column !important;

  gap: 6px !important;

}



.dostavka-final-contact__title {

  font-size: 18px !important;

  font-weight: 700 !important;

  color: #121620 !important;

  margin: 0 !important;

}



.dostavka-final-contact__desc {

  font-size: 15px !important;

  color: #334155 !important;

  margin: 0 !important;

}



.dostavka-final-contact__links {

  display: flex !important;

  align-items: center !important;

  gap: 16px !important;

  margin-top: 4px !important;

  font-size: 15px !important;

}



.dostavka-final-contact__sep {

  color: #cbd5e1 !important;

}



/* Requisites (Compact, secondary) */

.dostavka-requisites {

  margin-top: 36px !important;

  padding-top: 18px !important;

  border-top: 1px dashed #e2e8f0 !important;

}



.dostavka-requisites__title {

  font-size: 13px !important;

  font-weight: 600 !important;

  color: #64748b !important;

  text-transform: uppercase !important;

  letter-spacing: 0.5px !important;

  margin-bottom: 6px !important;

}



.dostavka-requisites__list {

  display: flex !important;

  flex-wrap: wrap !important;

  gap: 12px 24px !important;

  font-size: 13.5px !important;

  color: #64748b !important;

}



.dostavka-requisites__item span {

  color: #334155 !important;

  font-weight: 500 !important;

}



/* Mobile Responsiveness */

@media (max-width: 767px) {

  .dostavka-oplata__intro {

    margin-bottom: 32px !important;

  }



  .dostavka-oplata__section {

    margin-bottom: 36px !important;

  }



  .dostavka-oplata__title {

    font-size: 20px !important;

    margin-bottom: 16px !important;

    padding-bottom: 8px !important;

  }



  .dostavka-oplata__subtitle {

    font-size: 16.5px !important;

  }



  .dostavka-steps {

    grid-template-columns: 1fr !important;

    gap: 16px !important;

  }



  .dostavka-step:not(:last-child)::after {

    display: none !important;

  }



  .dostavka-pickup-grid {

    grid-template-columns: 1fr !important;

    gap: 14px !important;

  }



  .dostavka-pickup-box {

    padding: 16px 18px !important;

  }



  .dostavka-faq__summary {

    padding: 14px 16px !important;

  }



  .dostavka-faq__question {

    font-size: 15px !important;

  }



  .dostavka-faq__answer {

    padding: 12px 16px 16px 16px !important;

    font-size: 14.5px !important;

  }



  .dostavka-final-contact {

    margin-top: 32px !important;

    padding-top: 20px !important;

  }



  .dostavka-requisites {

    margin-top: 28px !important;

    padding-top: 16px !important;

  }

}



/* ==========================================================================

   Operation 99: Fix Clipped Navigation Arrows in "Похожие товары" and Wares Sliders

   ========================================================================== */



.wares,

.wares--suggestion,

.wares--popular,

.product-suggestions-section,

.product-suggestions-section .wares,

.wares__container,

.product-suggestions-section .wares__container,

.wares .tabs,

.wares .tabs__panel {

  overflow: visible !important;

}



.wares .swiper,

.wares .swiper-container {

  overflow: hidden !important;

}



/* ==========================================================================

   Operation 101: Catalog Alignment (Fix Header Jump) & Filter Styling

   ========================================================================== */



/* 1. Hide legacy empty CMS layout blocks that added ~60px vertical shift to category pages */

.cms-block-image-text,

.cms-block-sidebar-filter {

  display: none !important;

  margin: 0 !important;

  padding: 0 !important;

  height: 0 !important;

}



/* 2. Ensure identical padding and clean alignment for catalog container across category & search */

.cms-block-product-listing .cms-block-container {

  padding-top: 0 !important;

  padding-bottom: 0 !important;

}



.page-catalog,

.cms-page .page-catalog {

  margin-top: 0 !important;

  padding-top: 0 !important;

}



/* 3. Filter sidebar refinements */

.catalog-filter-group {

  margin-bottom: 20px !important;

}



.catalog-filter-group:last-child {

  margin-bottom: 0 !important;

}



.catalog-price-input::placeholder {

  color: #9ca3af !important;

  font-size: 13px !important;

}



/* ==========================================================================

   Operation 104: News & Articles Refinements (Dark Gray Links, Titles, Pagination)

   ========================================================================== */



/* 0. Visibility control for paginated cards */

.article-card.is-hidden,

.article-card[style*="none"] {

  display: none !important;

}



/* 1. Article Card Title - dark gray / graphite, no underline, no red */

.article-card__title,

.article-card__title span,

.article-card__title a,

.internal-page__content .article-card__title,

.internal-page__content .article-card__title a,

.internal-page__content h3.article-card__title a {

  color: #111827 !important;

  text-decoration: none !important;

  text-underline-offset: 0 !important;

  transition: color 0.15s ease !important;

}



.article-card__title a:hover,

.internal-page__content .article-card__title a:hover,

.article-card:hover .article-card__title,

.article-card:hover .article-card__title a,

.article-card:hover .article-card__title span {

  color: #0f172a !important; /* deep dark graphite / black on hover, NO RED */

  text-decoration: none !important;

}



/* 2. Article Card Action Link - dark gray, no underline, no red */

.article-card__link,

.article-card__link span,

.internal-page__content .article-card__link,

.internal-page__content a.article-card__link,

.internal-page__content .article-card__action a {

  color: #4b5563 !important; /* neutral dark gray */

  text-decoration: none !important;

  text-underline-offset: 0 !important;

  transition: color 0.15s ease, transform 0.15s ease !important;

}



.article-card__arrow {

  stroke: #4b5563 !important;

  transition: stroke 0.15s ease, transform 0.2s ease !important;

}



.article-card:hover .article-card__link,

.article-card:hover .article-card__link span,

.article-card__link:hover,

.article-card__link:hover span,

.internal-page__content a.article-card__link:hover {

  color: #111827 !important; /* sleek dark on hover, NO RED */

  text-decoration: none !important;

  opacity: 1 !important;

}



.article-card:hover .article-card__arrow,

.article-card__link:hover .article-card__arrow {

  stroke: #111827 !important; /* sleek dark on hover */

  transform: translateX(4px) !important;

}



/* 3. Image Link - no border / text-decoration */

.article-card__img-link,

.internal-page__content a.article-card__img-link {

  text-decoration: none !important;

  display: block !important;

  overflow: hidden !important;

}



/* 4. Subtitle Lead Text - prevent orphan / split of «ТОЧКА ОПОРЫ» */

.internal-text--lead strong {

  white-space: nowrap !important;

}



/* 5. News Pagination Component */

.news-pagination {

  display: flex !important;

  justify-content: center !important;

  align-items: center !important;

  margin-top: 40px !important;

  margin-bottom: 20px !important;

  width: 100% !important;

}



.news-pagination__list {

  display: inline-flex !important;

  align-items: center !important;

  gap: 8px !important;

  list-style: none !important;

  margin: 0 !important;

  padding: 0 !important;

}



.news-pagination__item {

  display: inline-block !important;

  margin: 0 !important;

  padding: 0 !important;

}



.news-pagination__link,

.internal-page__content a.news-pagination__link {

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  min-width: 42px !important;

  height: 42px !important;

  padding: 0 12px !important;

  border-radius: 8px !important;

  border: 1px solid #e5e7eb !important;

  background-color: #ffffff !important;

  color: #374151 !important;

  font-family: var(--font-primary) !important;

  font-size: 15px !important;

  font-weight: 600 !important;

  text-decoration: none !important;

  text-underline-offset: 0 !important;

  transition: all 0.2s ease !important;

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;

}



.news-pagination__link:hover,

.internal-page__content a.news-pagination__link:hover {

  background-color: #f3f4f6 !important;

  border-color: #d1d5db !important;

  color: #111827 !important;

  text-decoration: none !important;

  opacity: 1 !important;

}



.news-pagination__link.is-active,

.internal-page__content a.news-pagination__link.is-active {

  background-color: #1f2937 !important; /* dark graphite active page button */

  border-color: #1f2937 !important;

  color: #ffffff !important;

  cursor: default !important;

  font-weight: 700 !important;

  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12) !important;

}



.news-pagination__btn,

.internal-page__content a.news-pagination__btn {

  display: inline-flex !important;

  align-items: center !important;

  gap: 6px !important;

  height: 42px !important;

  padding: 0 16px !important;

  border-radius: 8px !important;

  border: 1px solid #e5e7eb !important;

  background-color: #ffffff !important;

  color: #374151 !important;

  font-family: var(--font-primary) !important;

  font-size: 14px !important;

  font-weight: 600 !important;

  text-decoration: none !important;

  text-underline-offset: 0 !important;

  transition: all 0.2s ease !important;

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;

}



.news-pagination__btn:hover,

.internal-page__content a.news-pagination__btn:hover {

  background-color: #f3f4f6 !important;

  border-color: #d1d5db !important;

  color: #111827 !important;

  text-decoration: none !important;

  opacity: 1 !important;

}



.news-pagination__btn.is-disabled,

.internal-page__content a.news-pagination__btn.is-disabled {

  opacity: 0.35 !important;

  pointer-events: none !important;

  cursor: not-allowed !important;

  background-color: #f9fafb !important;

  border-color: #e5e7eb !important;

  color: #9ca3af !important;

}



/* ==========================================================================

   Operation 105: Kontakty Page Redesign (Clean E-Commerce Style, No AI Elements)

   ========================================================================== */



.kontakty-page {

  width: 100% !important;

  max-width: 1280px !important;

  margin: 0 !important;

  padding: 0 !important;

  box-sizing: border-box !important;

}



.kontakty__intro {

  margin-bottom: 28px !important;

}



.kontakty__lead {

  font-family: var(--font-primary) !important;

  font-size: 16.5px !important;

  line-height: 1.65 !important;

  color: #334155 !important;

  margin: 0 !important;

}



.kontakty__section {

  margin-bottom: 40px !important;

}



.kontakty__title {

  font-family: var(--font-primary) !important;

  font-size: 22px !important;

  font-weight: 700 !important;

  color: #1e293b !important;

  margin: 0 0 18px 0 !important;

  padding-bottom: 10px !important;

  border-bottom: 1px solid #e2e8f0 !important;

}



.kontakty__subtitle {

  font-family: var(--font-primary) !important;

  font-size: 17px !important;

  font-weight: 700 !important;

  color: #1e293b !important;

  margin: 0 0 12px 0 !important;

}



.kontakty__desc {

  font-family: var(--font-primary) !important;

  font-size: 14.5px !important;

  line-height: 1.6 !important;

  color: #334155 !important;

  margin: 0 0 16px 0 !important;

}



/* 1. Main 4 Contacts Grid */

.kontakty__contacts-grid {

  display: grid !important;

  grid-template-columns: repeat(4, 1fr) !important;

  gap: 20px !important;

}



.kontakty__card {

  background: #f8fafc !important;

  border: 1px solid #e2e8f0 !important;

  border-radius: 8px !important;

  padding: 22px 20px !important;

  display: flex !important;

  flex-direction: column !important;

  box-sizing: border-box !important;

  transition: border-color 0.2s ease !important;

}



.kontakty__card:hover {

  border-color: #cbd5e1 !important;

}



.kontakty__card-label {

  font-family: var(--font-primary) !important;

  font-size: 12.5px !important;

  font-weight: 600 !important;

  text-transform: uppercase !important;

  letter-spacing: 0.3px !important;

  color: #64748b !important;

  margin: 0 0 10px 0 !important;

  display: block !important;

}



.kontakty__card-value {

  font-family: var(--font-primary) !important;

  font-size: 15px !important;

  font-weight: 600 !important;

  color: #1e293b !important;

  line-height: 1.5 !important;

  margin: 0 0 8px 0 !important;

}



.kontakty__card-hint {

  font-family: var(--font-primary) !important;

  font-size: 13.5px !important;

  color: #64748b !important;

  line-height: 1.5 !important;

  margin: 0 0 8px 0 !important;

}



.kontakty__card-channels,

.kontakty__card-online,

.kontakty__card-subemail {

  font-family: var(--font-primary) !important;

  font-size: 13.5px !important;

  color: #64748b !important;

  line-height: 1.5 !important;

  margin: 0 !important;

}



.kontakty__card-anchor,

.internal-page__content a.kontakty__card-anchor {

  font-family: var(--font-primary) !important;

  font-size: 13.5px !important;

  font-weight: 600 !important;

  color: #1e293b !important;

  text-decoration: underline !important;

  text-decoration-color: #cbd5e1 !important;

  text-underline-offset: 3px !important;

  margin-top: auto !important;

  padding-top: 8px !important;

  transition: color 0.2s ease, text-decoration-color 0.2s ease !important;

}



.kontakty__card-anchor:hover,

.internal-page__content a.kontakty__card-anchor:hover {

  color: #e30613 !important;

  text-decoration-color: #e30613 !important;

}



.kontakty__phone-link,

.internal-page__content a.kontakty__phone-link {

  font-size: 17px !important;

  font-weight: 700 !important;

  color: #1e293b !important;

  text-decoration: none !important;

  transition: color 0.2s ease !important;

}



.kontakty__phone-link:hover,

.internal-page__content a.kontakty__phone-link:hover {

  color: #e30613 !important;

}



.kontakty__link,

.internal-page__content a.kontakty__link {

  color: #1e293b !important;

  text-decoration: underline !important;

  text-decoration-color: #cbd5e1 !important;

  text-underline-offset: 3px !important;

  font-weight: 500 !important;

  transition: color 0.2s ease, text-decoration-color 0.2s ease !important;

}



.kontakty__link:hover,

.internal-page__content a.kontakty__link:hover {

  color: #e30613 !important;

  text-decoration-color: #e30613 !important;

}



.kontakty__schedule {

  display: flex !important;

  flex-direction: column !important;

  gap: 4px !important;

  margin-bottom: 8px !important;

}



.kontakty__schedule-row {

  display: flex !important;

  justify-content: space-between !important;

  font-size: 14.5px !important;

}



.kontakty__schedule-days {

  color: #64748b !important;

  font-weight: 500 !important;

}



.kontakty__schedule-time {

  color: #1e293b !important;

  font-weight: 600 !important;

}



/* 2. Departments Grid (Matches o-kompanii definition lists) */

.kontakty__departments-grid {

  display: grid !important;

  grid-template-columns: repeat(2, 1fr) !important;

  gap: 24px !important;

}



.kontakty__dept-col {

  background: #f8fafc !important;

  border: 1px solid #e2e8f0 !important;

  border-radius: 8px !important;

  padding: 24px 28px !important;

  box-sizing: border-box !important;

}



.kontakty__dl {

  display: flex !important;

  flex-direction: column !important;

  gap: 10px !important;

  margin: 0 !important;

  padding: 0 !important;

}



.kontakty__dl-item {

  display: flex !important;

  flex-direction: column !important;

  gap: 2px !important;

}



.kontakty__dl-item dt {

  font-size: 12.5px !important;

  font-weight: 600 !important;

  color: #64748b !important;

  text-transform: uppercase !important;

  letter-spacing: 0.3px !important;

  margin: 0 !important;

}



.kontakty__dl-item dd {

  font-size: 14.5px !important;

  color: #1e293b !important;

  line-height: 1.5 !important;

  margin: 0 !important;

}



/* 3. Map & Logistics */

.kontakty__map-wrapper {

  display: grid !important;

  grid-template-columns: 1.25fr 1fr !important;

  gap: 24px !important;

  background: #ffffff !important;

  border: 1px solid #e2e8f0 !important;

  border-radius: 8px !important;

  overflow: hidden !important;

}



.kontakty__map-box {

  width: 100% !important;

  min-height: 520px !important;

  background: #f1f5f9 !important;

  overflow: hidden !important;

}



.kontakty__logistics {

  padding: 24px 26px !important;

  display: flex !important;

  flex-direction: column !important;

  justify-content: space-between !important;

  gap: 16px !important;

}



.kontakty__logistics-content {

  display: flex !important;

  flex-direction: column !important;

  gap: 14px !important;

}



.kontakty__logistics-block {

  display: flex !important;

  flex-direction: column !important;

  gap: 6px !important;

}



.kontakty__logistics-label {

  font-size: 14.5px !important;

  font-weight: 700 !important;

  color: #1e293b !important;

  margin: 0 !important;

  display: flex !important;

  align-items: center !important;

  gap: 8px !important;

}



.kontakty__logistics-label svg {

  flex-shrink: 0 !important;

}



.kontakty__logistics-block p {

  font-size: 13.5px !important;

  line-height: 1.55 !important;

  color: #475569 !important;

  margin: 0 !important;

}



.kontakty__transport-stop {

  color: #1e293b !important;

  font-weight: 500 !important;

}



.kontakty__transport-list {

  margin: 4px 0 0 0 !important;

  padding: 0 0 0 16px !important;

  list-style-type: disc !important;

  display: flex !important;

  flex-direction: column !important;

  gap: 4px !important;

}



.kontakty__transport-list li {

  font-size: 13px !important;

  line-height: 1.5 !important;

  color: #475569 !important;

}



.kontakty__transport-list strong {

  color: #1e293b !important;

}



/* Building landmark card */

.kontakty__building-card {

  display: flex !important;

  gap: 14px !important;

  background: #f8fafc !important;

  border: 1px solid #e2e8f0 !important;

  border-radius: 8px !important;

  padding: 12px !important;

  align-items: center !important;

  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;

}



.kontakty__building-card:hover {

  border-color: #cbd5e1 !important;

  box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;

}



.kontakty__building-thumb-link {

  position: relative !important;

  display: block !important;

  width: 140px !important;

  height: 105px !important;

  flex-shrink: 0 !important;

  border-radius: 6px !important;

  overflow: hidden !important;

  border: 1px solid #e2e8f0 !important;

  background: #0f172a !important;

}



.kontakty__building-thumb {

  width: 100% !important;

  height: 100% !important;

  object-fit: cover !important;

  display: block !important;

  transition: transform 0.25s ease !important;

}



.kontakty__building-thumb-link:hover .kontakty__building-thumb {

  transform: scale(1.05) !important;

}



.kontakty__building-zoom-badge {

  position: absolute !important;

  bottom: 4px !important;

  right: 4px !important;

  background: rgba(15, 23, 42, 0.7) !important;

  color: #ffffff !important;

  border-radius: 4px !important;

  width: 22px !important;

  height: 22px !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  pointer-events: none !important;

}



.kontakty__building-info {

  display: flex !important;

  flex-direction: column !important;

  gap: 3px !important;

}



.kontakty__building-badge {

  display: inline-block !important;

  font-size: 11px !important;

  font-weight: 700 !important;

  text-transform: uppercase !important;

  letter-spacing: 0.4px !important;

  color: #e30613 !important;

}



.kontakty__building-name {

  font-size: 14px !important;

  font-weight: 700 !important;

  color: #1e293b !important;

  margin: 0 !important;

}



.kontakty__building-desc {

  font-size: 12.5px !important;

  line-height: 1.45 !important;

  color: #475569 !important;

  margin: 0 !important;

}



.kontakty__logistics-actions {

  display: flex !important;

  gap: 12px !important;

  flex-wrap: wrap !important;

  margin-top: 10px !important;

}



.kontakty__route-btn,

.internal-page__content a.kontakty__route-btn {

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  height: 40px !important;

  padding: 0 20px !important;

  border-radius: 6px !important;

  font-size: 14px !important;

  font-weight: 600 !important;

  background: #e30613 !important;

  color: #ffffff !important;

  text-decoration: none !important;

  transition: background 0.2s ease !important;

}



.kontakty__route-btn:hover,

.internal-page__content a.kontakty__route-btn:hover {

  background: #c50510 !important;

  color: #ffffff !important;

  text-decoration: none !important;

}



.kontakty__route-btn-sec,

.internal-page__content a.kontakty__route-btn-sec {

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  height: 40px !important;

  padding: 0 20px !important;

  border-radius: 6px !important;

  font-size: 14px !important;

  font-weight: 600 !important;

  background: #f1f5f9 !important;

  color: #334155 !important;

  border: 1px solid #cbd5e1 !important;

  text-decoration: none !important;

  transition: all 0.2s ease !important;

}



.kontakty__route-btn-sec:hover,

.internal-page__content a.kontakty__route-btn-sec:hover {

  background: #e2e8f0 !important;

  color: #0f172a !important;

  text-decoration: none !important;

}



/* 4. Feedback / VIN form */

.kontakty__form-box {

  background: #f8fafc !important;

  border: 1px solid #e2e8f0 !important;

  border-radius: 8px !important;

  padding: 28px !important;

}



.kontakty__form-grid {

  display: grid !important;

  grid-template-columns: repeat(2, 1fr) !important;

  gap: 16px !important;

}



.kontakty__form-group {

  display: flex !important;

  flex-direction: column !important;

  gap: 6px !important;

}



.kontakty__form-label {

  font-size: 13px !important;

  font-weight: 600 !important;

  color: #334155 !important;

}



.kontakty__form-input,

.kontakty__form-textarea {

  height: 42px !important;

  padding: 0 12px !important;

  border: 1px solid #cbd5e1 !important;

  border-radius: 6px !important;

  font-size: 14px !important;

  color: #1e293b !important;

  background: #ffffff !important;

  width: 100% !important;

  box-sizing: border-box !important;

  font-family: inherit !important;

  transition: border-color 0.15s ease !important;

}



.kontakty__form-textarea {

  height: auto !important;

  min-height: 80px !important;

  padding: 10px 12px !important;

  resize: vertical !important;

}



.kontakty__form-input:focus,

.kontakty__form-textarea:focus {

  border-color: #1e293b !important;

  outline: none !important;

}



.kontakty__form-bottom {

  display: flex !important;

  align-items: center !important;

  gap: 20px !important;

  margin-top: 18px !important;

  flex-wrap: wrap !important;

}



.kontakty__form-submit {

  height: 44px !important;

  padding: 0 28px !important;

  background: #e30613 !important;

  color: #ffffff !important;

  border: none !important;

  border-radius: 6px !important;

  font-size: 14px !important;

  font-weight: 600 !important;

  cursor: pointer !important;

  transition: background 0.2s ease !important;

}



.kontakty__form-submit:hover {

  background: #c50510 !important;

}



.kontakty__form-privacy {

  font-size: 13px !important;

  color: #64748b !important;

  margin: 0 !important;

}



.kontakty__form-success {

  margin-top: 14px !important;

  padding: 12px 16px !important;

  background: #ecfdf5 !important;

  border: 1px solid #a7f3d0 !important;

  color: #065f46 !important;

  border-radius: 6px !important;

  font-size: 13.5px !important;

  font-weight: 500 !important;

}



.kontakty__form-error {

  margin-top: 14px !important;

  padding: 12px 16px !important;

  background: #fef2f2 !important;

  border: 1px solid #fecaca !important;

  color: #991b1b !important;

  border-radius: 6px !important;

  font-size: 13.5px !important;

  font-weight: 500 !important;

}



/* Responsive */

@media (max-width: 991px) {

  .kontakty__contacts-grid {

    grid-template-columns: repeat(2, 1fr) !important;

  }

  .kontakty__map-wrapper {

    grid-template-columns: 1fr !important;

  }

  .kontakty__map-box {

    min-height: 350px !important;

  }

}



@media (max-width: 767px) {

  .kontakty__contacts-grid {

    grid-template-columns: 1fr !important;

  }

  .kontakty__departments-grid {

    grid-template-columns: 1fr !important;

  }

  .kontakty__form-grid {

    grid-template-columns: 1fr !important;

  }

  .kontakty__form-box {

    padding: 20px 16px !important;

  }

  .kontakty__dept-col {

    padding: 20px 16px !important;

  }

  .kontakty__logistics {

    padding: 20px 16px !important;

  }

  .kontakty__building-card {

    flex-direction: column !important;

    align-items: flex-start !important;

  }

  .kontakty__building-thumb-link {

    width: 100% !important;

    height: 180px !important;

  }

}



/* ==========================================================================

   Operation 153: Building Photo Lightbox Modal (/kontakty)

   ========================================================================== */



.kontakty-photo-overlay {

  position: fixed !important;

  top: 0 !important;

  left: 0 !important;

  width: 100% !important;

  height: 100% !important;

  z-index: 100000 !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  padding: 16px !important;

  box-sizing: border-box !important;

  opacity: 0 !important;

  visibility: hidden !important;

  transition: opacity 0.25s ease, visibility 0.25s ease !important;

}



.kontakty-photo-overlay.is-active {

  opacity: 1 !important;

  visibility: visible !important;

}



.kontakty-photo-backdrop {

  position: absolute !important;

  top: 0 !important;

  left: 0 !important;

  width: 100% !important;

  height: 100% !important;

  background: rgba(15, 23, 42, 0.85) !important;

  backdrop-filter: blur(5px) !important;

  cursor: pointer !important;

}



.kontakty-photo-dialog {

  position: relative !important;

  z-index: 2 !important;

  max-width: 860px !important;

  width: 100% !important;

  max-height: 92vh !important;

  display: flex !important;

  flex-direction: column !important;

  align-items: center !important;

  transform: scale(0.96) !important;

  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;

}



.kontakty-photo-overlay.is-active .kontakty-photo-dialog {

  transform: scale(1) !important;

}



.kontakty-photo-wrapper {

  position: relative !important;

  background: #0f172a !important;

  border-radius: 12px !important;

  overflow: hidden !important;

  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.7) !important;

  display: flex !important;

  flex-direction: column !important;

  max-height: 88vh !important;

  width: auto !important;

}



.kontakty-photo-close {

  position: absolute !important;

  top: 12px !important;

  right: 12px !important;

  z-index: 10 !important;

  background: rgba(15, 23, 42, 0.65) !important;

  backdrop-filter: blur(4px) !important;

  border: 1px solid rgba(255, 255, 255, 0.25) !important;

  color: #ffffff !important;

  width: 38px !important;

  height: 38px !important;

  border-radius: 50% !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  cursor: pointer !important;

  padding: 0 !important;

  transition: all 0.2s ease !important;

}



.kontakty-photo-close:hover {

  background: #e30613 !important;

  border-color: #e30613 !important;

  transform: rotate(90deg) scale(1.05) !important;

}



.kontakty-photo-full {

  max-width: 100% !important;

  max-height: 72vh !important;

  object-fit: contain !important;

  display: block !important;

  background: #0f172a !important;

}



.kontakty-photo-caption {

  background: #1e293b !important;

  padding: 14px 20px !important;

  color: #ffffff !important;

  display: flex !important;

  flex-direction: column !important;

  gap: 3px !important;

  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;

}



.kontakty-photo-caption__title {

  font-size: 15px !important;

  font-weight: 700 !important;

  color: #ffffff !important;

}



.kontakty-photo-caption__desc {

  font-size: 13px !important;

  color: #94a3b8 !important;

  line-height: 1.4 !important;

}



@media (max-width: 768px) {

  .kontakty-photo-overlay {

    padding: 10px !important;

  }

  .kontakty-photo-close {

    top: 8px !important;

    right: 8px !important;

    width: 34px !important;

    height: 34px !important;

  }

  .kontakty-photo-full {

    max-height: 58vh !important;

  }

  .kontakty-photo-caption {

    padding: 12px 14px !important;

  }

  .kontakty-photo-caption__title {

    font-size: 13.5px !important;

  }

  .kontakty-photo-caption__desc {

    font-size: 12px !important;

  }

}







/* ==========================================================================

   Operation 106: Catalog Buttons Design Unification & Car Brand Selector

   ========================================================================== */



/* Universal Catalog Buttons */

.catalog-btn {

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  gap: 8px !important;

  height: 42px !important;

  padding: 0 24px !important;

  border-radius: 8px !important;

  font-family: var(--font-primary) !important;

  font-size: 14.5px !important;

  font-weight: 600 !important;

  text-decoration: none !important;

  transition: all 0.2s ease !important;

  cursor: pointer !important;

  box-sizing: border-box !important;

  line-height: 1 !important;

  white-space: nowrap !important;

}



.catalog-btn--primary {

  background: #e30613 !important;

  color: #ffffff !important;

  border: 1px solid #e30613 !important;

}



.catalog-btn--primary:hover {

  background: #c50510 !important;

  border-color: #c50510 !important;

  color: #ffffff !important;

  box-shadow: 0 2px 8px rgba(227, 6, 19, 0.25) !important;

  text-decoration: none !important;

}



.catalog-btn--secondary {

  background: #f8fafc !important;

  color: #1e293b !important;

  border: 1px solid #cbd5e1 !important;

  padding: 0 20px !important;

}



.catalog-btn--secondary svg {

  color: #e30613 !important;

  stroke: #e30613 !important;

  flex-shrink: 0 !important;

  transition: transform 0.2s ease !important;

}



.catalog-btn--secondary:hover {

  background: #f1f5f9 !important;

  border-color: #94a3b8 !important;

  color: #0f172a !important;

  text-decoration: none !important;

}



.catalog-btn--secondary:hover svg {

  transform: scale(1.1) !important;

}



/* Scoped Overrides for any Bootstrap/Shopware buttons inside Catalog */

.page-catalog .btn-primary:not(.catalog-btn) {

  background: #e30613 !important;

  border-color: #e30613 !important;

  color: #ffffff !important;

  border-radius: 8px !important;

  font-weight: 600 !important;

  height: 42px !important;

  padding: 0 20px !important;

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  text-decoration: none !important;

}



.page-catalog .btn-primary:not(.catalog-btn):hover {

  background: #c50510 !important;

  border-color: #c50510 !important;

  color: #ffffff !important;

}



.page-catalog .btn-secondary:not(.catalog-btn) {

  background: #f8fafc !important;

  border-color: #cbd5e1 !important;

  color: #1e293b !important;

  border-radius: 8px !important;

  font-weight: 600 !important;

  height: 42px !important;

  padding: 0 20px !important;

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  text-decoration: none !important;

}



.page-catalog .btn-secondary:not(.catalog-btn):hover {

  background: #f1f5f9 !important;

  border-color: #94a3b8 !important;

  color: #0f172a !important;

}



/* Sidebar Filter Buttons */

.catalog-filter-submit-btn {

  width: 100% !important;

  height: 42px !important;

  background: #e30613 !important;

  color: #ffffff !important;

  border: none !important;

  border-radius: 8px !important;

  font-family: var(--font-primary) !important;

  font-size: 14.5px !important;

  font-weight: 600 !important;

  cursor: pointer !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  transition: background 0.2s ease, box-shadow 0.2s ease !important;

}



.catalog-filter-submit-btn:hover {

  background: #c50510 !important;

  box-shadow: 0 2px 8px rgba(227, 6, 19, 0.25) !important;

}



.catalog-filter-reset-btn {

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  height: 38px !important;

  width: 100% !important;

  border-radius: 8px !important;

  border: 1px solid #e2e8f0 !important;

  background: transparent !important;

  color: #64748b !important;

  font-size: 13.5px !important;

  font-weight: 500 !important;

  text-decoration: none !important;

  margin-top: 8px !important;

  transition: all 0.2s ease !important;

}



.catalog-filter-reset-btn:hover {

  background: #f8fafc !important;

  border-color: #cbd5e1 !important;

  color: #1e293b !important;

  text-decoration: none !important;

}



/* Empty State Actions & Brand Picker */

.catalog-empty-state__actions {

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  gap: 12px !important;

  flex-wrap: wrap !important;

  margin-top: 22px !important;

}



.catalog-empty-brand-picker {

  display: flex !important;

  flex-direction: column !important;

  align-items: center !important;

  gap: 8px !important;

  margin: 18px 0 !important;

}



.catalog-empty-brand-label {

  font-size: 13.5px !important;

  color: #64748b !important;

  font-weight: 500 !important;

}



.catalog-brand-select-wrap--empty {

  max-width: 320px !important;

  margin: 0 auto !important;

}



/* Brand Selector Dropdowns */

.catalog-brand-select-wrap {

  position: relative !important;

  width: 100% !important;

}



.catalog-brand-select {

  width: 100% !important;

  height: 40px !important;

  padding: 0 34px 0 12px !important;

  border: 1px solid #cbd5e1 !important;

  border-radius: 8px !important;

  background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 12px center !important;

  font-family: inherit !important;

  font-size: 14px !important;

  color: #1e293b !important;

  cursor: pointer !important;

  appearance: none !important;

  -webkit-appearance: none !important;

  outline: none !important;

  box-sizing: border-box !important;

  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;

}



.catalog-brand-select:focus {

  border-color: #e30613 !important;

  box-shadow: 0 0 0 2px rgba(227, 6, 19, 0.1) !important;

}



/* Top Brand Selection Bar */

.catalog-brand-bar {

  background: #f8fafc !important;

  border: 1px solid #e2e8f0 !important;

  border-radius: 8px !important;

  padding: 12px 18px !important;

  margin-bottom: 20px !important;

}



.catalog-brand-bar__inner {

  display: flex !important;

  align-items: center !important;

  gap: 14px !important;

  flex-wrap: wrap !important;

}



.catalog-brand-bar__title {

  display: inline-flex !important;

  align-items: center !important;

  gap: 8px !important;

  font-size: 14px !important;

  font-weight: 600 !important;

  color: #1e293b !important;

  white-space: nowrap !important;

}



.catalog-brand-bar__title svg {

  color: #e30613 !important;

}



.catalog-brand-select-wrap--top {

  max-width: 300px !important;

  flex: 1 !important;

}



.catalog-brand-bar__clear {

  font-size: 13px !important;

  color: #64748b !important;

  text-decoration: none !important;

  padding: 6px 12px !important;

  border-radius: 6px !important;

  background: #ffffff !important;

  border: 1px solid #e2e8f0 !important;

  transition: all 0.15s ease !important;

  white-space: nowrap !important;

}



.catalog-brand-bar__clear:hover {

  color: #e30613 !important;

  border-color: #e30613 !important;

  text-decoration: none !important;

}



@media (max-width: 767px) {

  .catalog-brand-bar {

    padding: 10px 14px !important;

    margin-bottom: 14px !important;

  }

  .catalog-brand-bar__inner {

    flex-direction: column !important;

    align-items: stretch !important;

    gap: 8px !important;

  }

  .catalog-brand-select-wrap--top {

    max-width: 100% !important;

  }

}



/* ==========================================================================

   Operation 107: Typography unification for search tabs (По марке авто, По наименованию, По ОЕМ)

   ========================================================================== */

.search .tabs__link {

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;

}





/* ==========================================================================

   Operation 109: Unification of Breadcrumbs and H1 Title across all pages

   Baseline: Catalog (/katalog-zapchastey/)

   ========================================================================== */



/* Page container top spacing alignment */

.internal-page {

  padding-top: 0 !important;

}



/* Breadcrumbs Container */

.catalog-breadcrumbs,

.internal-page__breadcrumbs {

  padding: 16px 0 10px 0 !important;

  margin: 0 !important;

  width: 100% !important;

  max-width: 100% !important;

  box-sizing: border-box !important;

}



/* Breadcrumbs List */

.catalog-breadcrumbs .breadcrumbs,

.internal-page__breadcrumbs .breadcrumbs,

.internal-page__breadcrumbs .internal-breadcrumbs,

.internal-breadcrumbs {

  display: flex !important;

  flex-wrap: wrap !important;

  align-items: center !important;

  list-style: none !important;

  padding: 0 !important;

  margin: 0 !important;

  font-family: var(--font-primary) !important;

  font-size: 13px !important;

  color: #6b7280 !important;

  line-height: 1.4 !important;

  gap: 0 !important;

}



/* Breadcrumb Items */

.catalog-breadcrumbs .breadcrumbs li,

.internal-page__breadcrumbs .breadcrumbs li,

.internal-page__breadcrumbs .internal-breadcrumbs li,

.internal-breadcrumbs li,

.internal-breadcrumbs__item {

  display: inline-flex !important;

  align-items: center !important;

  margin: 0 !important;

  padding: 0 !important;

  font-size: 13px !important;

}



/* Breadcrumb Links */

.catalog-breadcrumbs .breadcrumbs li a,

.internal-page__breadcrumbs .breadcrumbs li a,

.internal-page__breadcrumbs .internal-breadcrumbs li a,

.internal-breadcrumbs li a,

.internal-breadcrumbs__link {

  font-family: var(--font-primary) !important;

  font-size: 13px !important;

  font-weight: 400 !important;

  color: #4b5563 !important;

  text-decoration: none !important;

  transition: color 0.15s ease !important;

}



.catalog-breadcrumbs .breadcrumbs li a:hover,

.internal-page__breadcrumbs .breadcrumbs li a:hover,

.internal-page__breadcrumbs .internal-breadcrumbs li a:hover,

.internal-breadcrumbs li a:hover,

.internal-breadcrumbs__link:hover {

  color: #e31e24 !important;

}



/* Separator Arrow (exact same pseudo-element as catalog) */

.catalog-breadcrumbs .breadcrumbs li + li::before,

.internal-page__breadcrumbs .breadcrumbs li + li::before,

.internal-page__breadcrumbs .internal-breadcrumbs li + li::before,

.internal-breadcrumbs li + li::before,

.internal-breadcrumbs .internal-breadcrumbs__item + .internal-breadcrumbs__item::before {

  content: "→" !important;

  margin: 0 8px !important;

  color: #9ca3af !important;

  font-size: 12px !important;

  line-height: 1 !important;

}



/* Hide any legacy manual separator elements */

.internal-breadcrumbs__separator {

  display: none !important;

}



/* Current / Active Page in Breadcrumbs */

.catalog-breadcrumbs .breadcrumbs__current,

.internal-page__breadcrumbs .breadcrumbs__current,

.internal-page__breadcrumbs .internal-breadcrumbs__item--active,

.internal-breadcrumbs .breadcrumbs__current,

.internal-breadcrumbs__item--active {

  font-family: var(--font-primary) !important;

  font-size: 13px !important;

  color: #111827 !important;

  font-weight: 500 !important;

}



/* H1 Titles (exact same font, size, weight, line-height, color, margin, and letter-spacing as catalog) */

.catalog-header-wrap {

  margin: 0 0 16px 0 !important;

}



.catalog-title,

.page-catalog h1,

.internal-page__title,

.internal-page h1 {

  font-family: var(--font-primary) !important;

  font-size: 30px !important;

  font-weight: 700 !important;

  line-height: 36px !important;

  color: #22242a !important;

  margin: 10px 0 22px 0 !important;

  letter-spacing: 0.02em !important;

  width: 100% !important;

  max-width: 100% !important;

  box-sizing: border-box !important;

}



/* Mobile Responsiveness (max-width: 767px) */

@media (max-width: 767px) {

  .catalog-breadcrumbs,

  .internal-page__breadcrumbs {

    padding: 12px 0 8px 0 !important;

    margin: 0 !important;

  }



  .catalog-title,

  .page-catalog h1,

  .internal-page__title,

  .internal-page h1 {

    font-size: 24px !important;

    line-height: 1.2 !important;

    margin: 6px 0 16px 0 !important;

  }

}





/* ==========================================================================

   Operation 110: Service Banner (service.png) & Stretch Promo Banner (pro.png)

   ========================================================================== */

.banner {

  margin-bottom: 56px !important;

}



.banner--service {

  margin-top: 48px !important;

  margin-bottom: 56px !important;

}



.banner--promo {

  margin-top: 56px !important;

  margin-bottom: 64px !important;

}



.banner__container {

  width: calc(100% - 40px) !important;

  max-width: 1280px !important;

  margin: 0 auto !important;

  padding: 0 !important;

  box-sizing: border-box !important;

}



.banner__element {

  text-decoration: none !important;

  color: inherit !important;

  display: block !important;

  width: 100% !important;

  max-width: 1280px !important;

  padding-top: 0 !important;

  margin: 0 auto !important;

  background-image: none !important;

  background-color: transparent !important;

  border-radius: 8px !important;

  overflow: hidden !important;

  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;

  transition: transform 0.25s ease, box-shadow 0.25s ease !important;

}



.banner__element:hover {

  transform: translateY(-2px) !important;

  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14) !important;

}



.banner__img {

  width: 100% !important;

  height: auto !important;

  display: block !important;

  border-radius: 8px !important;

  object-fit: cover !important;

}



/* Wares spacing adjustments */

.wares.wares--popular {

  padding-top: 0 !important;

  margin-bottom: 64px !important;

}



.wares.wares--suggestion {

  padding-top: 0 !important;

  margin-top: 0 !important;

}



.seo-text-section {

  margin-top: 64px !important;

  margin-bottom: 0 !important;

}



.articles {

  padding-top: 0 !important;

}



@media (max-width: 767px) {

  .banner {

    margin-bottom: 36px !important;

  }

  .banner--service {

    margin-top: 28px !important;

    margin-bottom: 36px !important;

  }

  .banner--promo {

    margin-top: 36px !important;

    margin-bottom: 40px !important;

  }

  .banner__container {

    width: calc(100% - 32px) !important;

  }

  .wares.wares--popular {

    margin-bottom: 40px !important;

  }

  .seo-text-section {

    margin-top: 40px !important;

  }

}



/* ==========================================================================

   Operation 113: Installation & Service Page (Установка) & Catalog Banner

   ========================================================================== */



.ustanovka-page {

  width: 100% !important;

  max-width: 100% !important;

  margin: 0 0 75px 0 !important;

  font-family: var(--font-primary), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;

  font-size: 15.5px !important;

  line-height: 1.65 !important;

  color: #334155 !important;

}



.ustanovka__intro {

  margin-bottom: 40px !important;

}



.ustanovka__lead {

  font-size: 17px !important;

  line-height: 1.65 !important;

  color: #1e293b !important;

  font-weight: 500 !important;

  margin: 0 0 16px 0 !important;

}



.ustanovka-page p {

  font-size: 15.5px !important;

  line-height: 1.65 !important;

  color: #334155 !important;

  margin: 0 0 14px 0 !important;

}



.ustanovka__section {

  margin-bottom: 60px !important;

}



.ustanovka__title {

  font-size: 23px !important;

  font-weight: 700 !important;

  color: #121620 !important;

  line-height: 1.3 !important;

  margin: 0 0 22px 0 !important;

  padding-bottom: 10px !important;

  border-bottom: 1px solid #e2e8f0 !important;

}



/* Prices Table */

.ustanovka-prices-table-wrap {

  overflow-x: auto !important;

  border: 1px solid #e2e8f0 !important;

  border-radius: 8px !important;

  background: #ffffff !important;

  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;

  margin-top: 20px !important;

}



.ustanovka-prices-table {

  width: 100% !important;

  min-width: 580px !important;

  border-collapse: collapse !important;

  text-align: left !important;

  font-size: 15px !important;

}



.ustanovka-prices-table th {

  background: #f8fafc !important;

  color: #475569 !important;

  font-weight: 600 !important;

  padding: 14px 18px !important;

  border-bottom: 1px solid #e2e8f0 !important;

  font-size: 13.5px !important;

  text-transform: uppercase !important;

  letter-spacing: 0.3px !important;

}



.ustanovka-prices-table td {

  padding: 16px 18px !important;

  border-bottom: 1px solid #f1f5f9 !important;

  color: #1e293b !important;

  vertical-align: middle !important;

}



.ustanovka-prices-table tr:last-child td {

  border-bottom: none !important;

}



.ustanovka-prices-table tr:hover td {

  background: #fcfcfd !important;

}



.ustanovka-prices-table__sub {

  display: block !important;

  font-size: 13px !important;

  color: #64748b !important;

  margin-top: 4px !important;

  line-height: 1.4 !important;

}



.ustanovka-price {

  font-size: 16px !important;

  font-weight: 700 !important;

  color: #121620 !important;

}



.ustanovka-price-badge {

  display: inline-block !important;

  font-size: 12px !important;

  font-weight: 600 !important;

  color: #059669 !important;

  background: #ecfdf5 !important;

  border: 1px solid #a7f3d0 !important;

  border-radius: 4px !important;

  padding: 2px 7px !important;

  margin-left: 6px !important;

}



/* Features Grid */

.ustanovka-features-grid {

  display: grid !important;

  grid-template-columns: repeat(2, 1fr) !important;

  gap: 20px !important;

  margin-top: 20px !important;

}



.ustanovka-feature-card {

  display: flex !important;

  gap: 16px !important;

  padding: 22px !important;

  background: #f8fafc !important;

  border: 1px solid #e2e8f0 !important;

  border-radius: 8px !important;

}



.ustanovka-feature-card__icon {

  font-size: 26px !important;

  line-height: 1 !important;

  flex-shrink: 0 !important;

}



.ustanovka-feature-card__title {

  font-size: 17px !important;

  font-weight: 600 !important;

  color: #121620 !important;

  margin: 0 0 8px 0 !important;

  line-height: 1.35 !important;

}



.ustanovka-feature-card__text {

  font-size: 14.5px !important;

  line-height: 1.55 !important;

  color: #475569 !important;

  margin: 0 !important;

}



/* Steps Grid */

.ustanovka-steps-grid {

  display: grid !important;

  grid-template-columns: repeat(4, 1fr) !important;

  gap: 20px !important;

  margin-top: 20px !important;

}



.ustanovka-step-card {

  padding: 22px 20px !important;

  background: #ffffff !important;

  border: 1px solid #e2e8f0 !important;

  border-radius: 8px !important;

  position: relative !important;

  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03) !important;

}



.ustanovka-step-card__num {

  font-size: 28px !important;

  font-weight: 800 !important;

  color: #e30613 !important;

  line-height: 1 !important;

  margin-bottom: 12px !important;

}



.ustanovka-step-card__title {

  font-size: 16.5px !important;

  font-weight: 600 !important;

  color: #121620 !important;

  margin: 0 0 8px 0 !important;

}



.ustanovka-step-card__text {

  font-size: 14px !important;

  line-height: 1.5 !important;

  color: #64748b !important;

  margin: 0 !important;

}



/* Booking Card */

.ustanovka-booking-card {

  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%) !important;

  border: 1px solid #cbd5e1 !important;

  border-radius: 10px !important;

  padding: 32px 36px !important;

  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;

}



.ustanovka-booking-card__title {

  font-size: 22px !important;

  font-weight: 700 !important;

  color: #121620 !important;

  margin: 14px 0 10px 0 !important;

}



.ustanovka-booking-card__desc {

  font-size: 15.5px !important;

  line-height: 1.6 !important;

  color: #475569 !important;

  max-width: 800px !important;

  margin: 0 0 24px 0 !important;

}



.ustanovka-contacts-grid {

  display: grid !important;

  grid-template-columns: repeat(2, 1fr) !important;

  gap: 14px 28px !important;

  margin-bottom: 26px !important;

}



.ustanovka-contact-item {

  display: flex !important;

  flex-direction: column !important;

  gap: 3px !important;

}



.ustanovka-contact-item__label {

  font-size: 12.5px !important;

  font-weight: 600 !important;

  color: #64748b !important;

  text-transform: uppercase !important;

  letter-spacing: 0.3px !important;

}



.ustanovka-contact-item__val {

  font-size: 15.5px !important;

  font-weight: 500 !important;

  color: #1e293b !important;

}



.ustanovka-phone-link {

  color: #121620 !important;

  font-weight: 600 !important;

  text-decoration: none !important;

  transition: color 0.2s ease !important;

}



.ustanovka-phone-link:hover {

  color: #e30613 !important;

}



.ustanovka-booking-card__actions {

  display: flex !important;

  flex-wrap: wrap !important;

  gap: 14px !important;

  align-items: center !important;

}



.ustanovka-btn {

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  gap: 10px !important;

  padding: 12px 22px !important;

  font-size: 15px !important;

  font-weight: 600 !important;

  border-radius: 8px !important;

  text-decoration: none !important;

  cursor: pointer !important;

  transition: all 0.2s ease !important;

}



.ustanovka-btn--primary,

.ustanovka-btn--primary span {

  background: #e30613 !important;

  color: #ffffff !important;

}



.ustanovka-btn--primary {

  border: 1px solid #e30613 !important;

}



.ustanovka-btn--primary:hover,

.ustanovka-btn--primary:hover span {

  background: #c70511 !important;

  color: #ffffff !important;

}



.ustanovka-btn--primary:hover {

  border-color: #c70511 !important;

}



.ustanovka-btn--primary svg {

  stroke: #ffffff !important;

}



.ustanovka-btn--secondary,

.ustanovka-btn--secondary span {

  color: #1e293b !important;

}



.ustanovka-btn--secondary {

  background: #ffffff !important;

  border: 1px solid #cbd5e1 !important;

}



.ustanovka-btn--secondary:hover {

  background: #f8fafc !important;

  border-color: #94a3b8 !important;

}



/* Banner in Catalog */

.banner--catalog {

  margin-top: 56px !important;

  margin-bottom: 64px !important;

}



@media (max-width: 991px) {

  .ustanovka-steps-grid {

    grid-template-columns: repeat(2, 1fr) !important;

  }

}



@media (max-width: 767px) {

  .ustanovka__section {

    margin-bottom: 44px !important;

  }

  .ustanovka__title {

    font-size: 20px !important;

    margin-bottom: 16px !important;

  }

  .ustanovka-features-grid,

  .ustanovka-contacts-grid,

  .ustanovka-steps-grid {

    grid-template-columns: 1fr !important;

    gap: 14px !important;

  }

  .ustanovka-booking-card {

    padding: 20px 18px !important;

  }

  .ustanovka-booking-card__actions {

    flex-direction: column !important;

    width: 100% !important;

  }

  .ustanovka-btn {

    width: 100% !important;

  }

  .banner--catalog {

    margin-top: 36px !important;

    margin-bottom: 44px !important;

  }

}



/* ==========================================================================

   404 ERROR PAGE STYLES (Operation 114)

   ========================================================================== */



.error-404-page {

  width: 100% !important;

  margin-top: 56px !important;

  margin-bottom: 84px !important;

  display: flex !important;

  justify-content: center !important;

  box-sizing: border-box !important;

}



.error-404-page__container {

  width: calc(100% - 40px) !important;

  max-width: 1280px !important;

  margin: 0 auto !important;

  box-sizing: border-box !important;

  display: flex !important;

  justify-content: center !important;

}



.error-404-card {

  display: flex !important;

  flex-direction: column !important;

  align-items: center !important;

  text-align: center !important;

  max-width: 680px !important;

  width: 100% !important;

  margin: 0 auto !important;

}



.error-404-card__img {

  max-width: 440px !important;

  width: 100% !important;

  height: auto !important;

  display: block !important;

  margin: 0 auto 32px auto !important;

  filter: drop-shadow(0 4px 14px rgba(0, 0, 0, 0.04)) !important;

}



.error-404-card__title {

  font-size: 32px !important;

  font-weight: 700 !important;

  color: #121620 !important;

  margin: 0 0 14px 0 !important;

  line-height: 1.25 !important;

}



.error-404-card__desc {

  font-size: 16px !important;

  line-height: 1.6 !important;

  color: #64748b !important;

  max-width: 560px !important;

  margin: 0 auto 32px auto !important;

}



.error-404-card__actions {

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  gap: 14px !important;

  flex-wrap: wrap !important;

}



.error-404-btn {

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  gap: 10px !important;

  height: 48px !important;

  padding: 0 28px !important;

  font-size: 15px !important;

  font-weight: 600 !important;

  border-radius: 8px !important;

  text-decoration: none !important;

  cursor: pointer !important;

  transition: all 0.2s ease !important;

  box-sizing: border-box !important;

}



.error-404-btn--primary,

.error-404-btn--primary span {

  background: #e30613 !important;

  color: #ffffff !important;

}



.error-404-btn--primary {

  border: 1px solid #e30613 !important;

  box-shadow: 0 2px 8px rgba(227, 6, 19, 0.25) !important;

}



.error-404-btn--primary:hover,

.error-404-btn--primary:hover span {

  background: #c70511 !important;

  color: #ffffff !important;

}



.error-404-btn--primary:hover {

  border-color: #c70511 !important;

  box-shadow: 0 4px 14px rgba(227, 6, 19, 0.35) !important;

  transform: translateY(-1px) !important;

}



.error-404-btn--primary svg {

  stroke: #ffffff !important;

}



.error-404-btn--secondary,

.error-404-btn--secondary span {

  color: #1e293b !important;

}



.error-404-btn--secondary {

  background: #ffffff !important;

  border: 1px solid #cbd5e1 !important;

}



.error-404-btn--secondary:hover {

  background: #f8fafc !important;

  border-color: #94a3b8 !important;

  transform: translateY(-1px) !important;

}



.error-404-btn--secondary svg {

  stroke: #64748b !important;

}



/* Fallback rules for default Shopware 404 classes */

.content-main .container.mt-5 {

  margin-top: 56px !important;

  margin-bottom: 84px !important;

  max-width: 680px !important;

}



.content-main img[src*="404_error"] {

  max-width: 440px !important;

  width: 100% !important;

  height: auto !important;

  margin: 0 auto 32px auto !important;

  filter: drop-shadow(0 4px 14px rgba(0, 0, 0, 0.04)) !important;

}



.content-main h1.mt-5 {

  font-size: 32px !important;

  font-weight: 700 !important;

  color: #121620 !important;

  margin-top: 24px !important;

  margin-bottom: 14px !important;

}



.content-main p.w-60-l {

  font-size: 16px !important;

  line-height: 1.6 !important;

  color: #64748b !important;

  max-width: 560px !important;

  margin: 0 auto 32px auto !important;

}



.content-main .btn.btn-primary,

.content-main .btn.btn-primary:visited,

.content-main .btn.btn-primary span {

  background-color: #e30613 !important;

  border-color: #e30613 !important;

  color: #ffffff !important;

  font-size: 15px !important;

  font-weight: 600 !important;

  padding: 13px 28px !important;

  height: 48px !important;

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  border-radius: 8px !important;

  box-shadow: 0 2px 8px rgba(227, 6, 19, 0.25) !important;

}



.content-main .btn.btn-primary:hover {

  background-color: #c70511 !important;

  border-color: #c70511 !important;

  color: #ffffff !important;

  box-shadow: 0 4px 14px rgba(227, 6, 19, 0.35) !important;

  transform: translateY(-1px) !important;

}



@media (max-width: 767px) {

  .error-404-page {

    margin-top: 36px !important;

    margin-bottom: 56px !important;

  }

  .error-404-card__img,

  .content-main img[src*="404_error"] {

    max-width: 290px !important;

    margin-bottom: 24px !important;

  }

  .error-404-card__title,

  .content-main h1.mt-5 {

    font-size: 24px !important;

    margin-bottom: 12px !important;

  }

  .error-404-card__desc,

  .content-main p.w-60-l {

    font-size: 14.5px !important;

    margin-bottom: 26px !important;

  }

  .error-404-card__actions {

    flex-direction: column !important;

    width: 100% !important;

    gap: 12px !important;

  }

  .error-404-btn,

  .content-main .btn.btn-primary {

    width: 100% !important;

    height: 46px !important;

  }

}



/* Operation 121: Modal consultation badge neutral slate styling (non-red) */

.footer-modal__badge {

  background: #f1f5f9 !important;

  color: #334155 !important;

  border: 1px solid #cbd5e1 !important;

}



/* ==========================================================================

   Operation 122: Corner-to-Corner Sheen / Glare Sweep Effect

   (Hero Banner, Homepage Banners, Catalog Service Banner)

   ========================================================================== */



@keyframes bannerSheenSweep {

  0% {

    transform: translate3d(-130%, 0, 0);

    opacity: 0;

  }

  2% {

    opacity: 1;

  }

  28% {

    transform: translate3d(130%, 0, 0);

    opacity: 1;

  }

  31%, 100% {

    transform: translate3d(130%, 0, 0);

    opacity: 0;

  }

}



/* Ensure positioned containers with rounded corners and hidden overflow */

.hero-static,

.banner__element {

  position: relative !important;

  overflow: hidden !important;

}



/* Shared glare pseudo-element: angled double-beam sheen from corner to corner */

.hero-static::after,

.banner__element::after {

  content: "" !important;

  position: absolute !important;

  top: -60% !important;

  left: -60% !important;

  width: 220% !important;

  height: 220% !important;

  pointer-events: none !important;

  z-index: 10 !important;

  background: linear-gradient(

    115deg,

    transparent 0%,

    transparent 40%,

    rgba(255, 255, 255, 0.04) 43%,

    rgba(255, 255, 255, 0.38) 47%,

    rgba(255, 255, 255, 0.78) 50%,

    rgba(255, 255, 255, 0.38) 53%,

    rgba(255, 255, 255, 0.04) 57%,

    transparent 60%,

    transparent 100%

  ) !important;

  transform: translate3d(-130%, 0, 0);

  opacity: 0;

  will-change: transform, opacity;

  animation: bannerSheenSweep 6.5s cubic-bezier(0.4, 0, 0.2, 1) infinite !important;

}



/* Hero banner delay and radius matching */

.hero-static::after {

  border-radius: 14px !important;

  animation-delay: 0.5s !important;

}



/* Banner elements delay and radius matching */

.banner__element::after {

  border-radius: 8px !important;

  animation-delay: 2.6s !important;

}



/* Staggered cadence across homepage and catalog */

.banner--service .banner__element::after {

  animation-delay: 2.6s !important;

}



.banner--promo .banner__element::after {

  animation-delay: 4.7s !important;

}



.banner--catalog .banner__element::after {

  animation-delay: 1.2s !important;

}



/* Interactive hover sweep */

.hero-static:hover::after,

.banner__element:hover::after {

  animation: none !important;

  transition: transform 1.1s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease !important;

  transform: translate3d(130%, 0, 0) !important;

  opacity: 1 !important;

}



/* Accessibility: respect user preference for reduced motion */

@media (prefers-reduced-motion: reduce) {

  .hero-static::after,

  .banner__element::after {

    animation: none !important;

    display: none !important;

  }

}



/* ==========================================================================

   Operation 124: Clean Articles Section & Home Block Empty State

   ========================================================================== */



.articles-empty-state {

  background: #ffffff !important;

  border: 1px solid #e2e8f0 !important;

  border-radius: 12px !important;

  padding: 44px 32px !important;

  text-align: center !important;

  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;

  margin: 16px 0 24px 0 !important;

}



.articles-empty-state--home {

  margin: 24px 0 0 0 !important;

  background: #f8fafc !important;

  border: 1px solid #e2e8f0 !important;

}



.articles-empty-state__inner {

  max-width: 680px !important;

  margin: 0 auto !important;

  display: flex !important;

  flex-direction: column !important;

  align-items: center !important;

}



.articles-empty-state__icon-box {

  width: 64px !important;

  height: 64px !important;

  background: #ffffff !important;

  border: 1px solid #e2e8f0 !important;

  border-radius: 50% !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  margin-bottom: 20px !important;

  box-shadow: 0 2px 4px rgba(15, 23, 42, 0.04) !important;

}



.articles-empty-state__title {

  font-size: 21px !important;

  font-weight: 700 !important;

  color: #121620 !important;

  margin: 0 0 12px 0 !important;

  line-height: 1.35 !important;

}



.articles-empty-state__desc {

  font-size: 15.5px !important;

  color: #334155 !important;

  line-height: 1.65 !important;

  margin: 0 0 10px 0 !important;

}



.articles-empty-state__subdesc {

  font-size: 14.5px !important;

  color: #64748b !important;

  line-height: 1.55 !important;

  margin: 0 0 24px 0 !important;

}



.articles-empty-state__action-group {

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  gap: 14px !important;

  flex-wrap: wrap !important;

  margin-top: 14px !important;

}



.articles-empty-state__btn-primary,

.articles-empty-state__btn-primary span,

.internal-page__content a.articles-empty-state__btn-primary,

.internal-page__content a.articles-empty-state__btn-primary span {

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  background: #e30613 !important;

  color: #ffffff !important;

  font-weight: 600 !important;

  font-size: 14.5px !important;

  padding: 12px 24px !important;

  border-radius: 6px !important;

  border: 1px solid #e30613 !important;

  text-decoration: none !important;

  cursor: pointer !important;

  transition: background 0.2s ease, transform 0.15s ease !important;

}



.articles-empty-state__btn-primary span,

.internal-page__content a.articles-empty-state__btn-primary span {

  padding: 0 !important;

  border: none !important;

}



.articles-empty-state__btn-primary:hover,

.articles-empty-state__btn-primary:hover span,

.internal-page__content a.articles-empty-state__btn-primary:hover,

.internal-page__content a.articles-empty-state__btn-primary:hover span {

  background: #c50510 !important;

  color: #ffffff !important;

  text-decoration: none !important;

  border-color: #c50510 !important;

}



.articles-empty-state__btn-secondary,

.articles-empty-state__btn-secondary span,

.internal-page__content a.articles-empty-state__btn-secondary,

.internal-page__content a.articles-empty-state__btn-secondary span {

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  background: #ffffff !important;

  color: #1e293b !important;

  font-weight: 600 !important;

  font-size: 14.5px !important;

  padding: 12px 24px !important;

  border-radius: 6px !important;

  border: 1px solid #cbd5e1 !important;

  text-decoration: none !important;

  cursor: pointer !important;

  transition: background 0.2s ease, border-color 0.2s ease !important;

}



.articles-empty-state__btn-secondary span,

.internal-page__content a.articles-empty-state__btn-secondary span {

  padding: 0 !important;

  border: none !important;

}



.articles-empty-state__btn-secondary:hover,

.articles-empty-state__btn-secondary:hover span,

.internal-page__content a.articles-empty-state__btn-secondary:hover,

.internal-page__content a.articles-empty-state__btn-secondary:hover span {

  background: #f1f5f9 !important;

  color: #0f172a !important;

  border-color: #94a3b8 !important;

  text-decoration: none !important;

}



@media (max-width: 767px) {

  .articles-empty-state {

    padding: 28px 16px !important;

  }

  .articles-empty-state__title {

    font-size: 18px !important;

  }

  .articles-empty-state__desc {

    font-size: 14.5px !important;

  }

  .articles-empty-state__action-group {

    flex-direction: column !important;

    width: 100% !important;

    gap: 10px !important;

  }

  .articles-empty-state__btn-primary,

  .articles-empty-state__btn-secondary {

    width: 100% !important;

    text-align: center !important;

  }

}







/* ==========================================================================

   Operation 127: Fix Clipped Navigation Arrows in Popular & Suggestion Sliders

   ========================================================================== */



.swiper-slider,

.swiper-slider--popular,

.swiper-slider--suggestion,

.swiper-slider__container,

.swiper-slider__container--popular,

.swiper-slider__container--suggestion {

  overflow: visible !important;

}





/* ==========================================================================

   Operation 129: Wares Popular Empty State & Catalog Alignment

   ========================================================================== */



.wares-empty-state {

  background: #ffffff !important;

  border: 1px solid #e2e8f0 !important;

  border-radius: 12px !important;

  padding: 44px 32px !important;

  text-align: center !important;

  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04) !important;

  margin: 20px 0 10px 0 !important;

}



.wares-empty-state__inner {

  max-width: 680px !important;

  margin: 0 auto !important;

  display: flex !important;

  flex-direction: column !important;

  align-items: center !important;

}



.wares-empty-state__icon-box {

  width: 72px !important;

  height: 72px !important;

  background: #fef2f2 !important;

  border: 1px solid #fee2e2 !important;

  border-radius: 50% !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  margin-bottom: 20px !important;

  color: #e30613 !important;

  box-shadow: 0 2px 8px rgba(227, 6, 19, 0.08) !important;

}



.wares-empty-state__icon-box svg {

  display: block !important;

  stroke: #e30613 !important;

}



.wares-empty-state__title {

  font-size: 21px !important;

  font-weight: 700 !important;

  color: #121620 !important;

  margin: 0 0 12px 0 !important;

  line-height: 1.35 !important;

}



.wares-empty-state__desc {

  font-size: 15px !important;

  color: #475569 !important;

  line-height: 1.65 !important;

  margin: 0 0 24px 0 !important;

}



.wares-empty-state__action-group {

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  gap: 14px !important;

  flex-wrap: wrap !important;

}



.wares-empty-state__btn-primary,

.wares-empty-state__btn-primary span {

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  background: #e30613 !important;

  color: #ffffff !important;

  font-weight: 600 !important;

  font-size: 14.5px !important;

  padding: 12px 24px !important;

  border-radius: 6px !important;

  border: 1px solid #e30613 !important;

  text-decoration: none !important;

  cursor: pointer !important;

  transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease !important;

}



.wares-empty-state__btn-primary span {

  padding: 0 !important;

  border: none !important;

}



.wares-empty-state__btn-primary:hover,

.wares-empty-state__btn-primary:hover span {

  background: #c50510 !important;

  border-color: #c50510 !important;

  color: #ffffff !important;

  text-decoration: none !important;

  box-shadow: 0 4px 12px rgba(227, 6, 19, 0.25) !important;

}



.wares-empty-state__btn-secondary,

.wares-empty-state__btn-secondary span {

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  background: #ffffff !important;

  color: #1e293b !important;

  font-weight: 600 !important;

  font-size: 14.5px !important;

  padding: 12px 24px !important;

  border-radius: 6px !important;

  border: 1px solid #cbd5e1 !important;

  text-decoration: none !important;

  cursor: pointer !important;

  transition: all 0.2s ease !important;

}



.wares-empty-state__btn-secondary span {

  padding: 0 !important;

  border: none !important;

}



.wares-empty-state__btn-secondary:hover,

.wares-empty-state__btn-secondary:hover span {

  background: #f1f5f9 !important;

  color: #0f172a !important;

  border-color: #94a3b8 !important;

  text-decoration: none !important;

}



@media (max-width: 767px) {

  .wares-empty-state {

    padding: 32px 18px !important;

  }

  .wares-empty-state__title {

    font-size: 18.5px !important;

  }

  .wares-empty-state__desc {

    font-size: 14px !important;

  }

  .wares-empty-state__action-group {

    flex-direction: column !important;

    width: 100% !important;

    gap: 10px !important;

  }

  .wares-empty-state__btn-primary,

  .wares-empty-state__btn-secondary {

    width: 100% !important;

    text-align: center !important;

  }

}



/* ==========================================================================

   Operation 152: Modern Ustanovka Page Redesign (Clean Service Architecture)

   ========================================================================== */



.ustanovka-page {

  width: 100% !important;

  max-width: 100% !important;

  margin: 0 0 75px 0 !important;

  box-sizing: border-box;

}



/* 1. Intro */

.ustanovka-intro {

  margin-bottom: 36px;

  padding-bottom: 24px;

  border-bottom: 1px solid #e2e8f0;

}



.ustanovka-intro__lead {

  font-size: 17px !important;

  line-height: 1.6 !important;

  color: #0f172a !important;

  font-weight: 500 !important;

  margin: 0 0 10px 0 !important;

}



.ustanovka-intro__sub {

  font-size: 15px !important;

  line-height: 1.6 !important;

  color: #475569 !important;

  margin: 0 !important;

}



/* Service Card with contacts, address and map */

.ustanovka-service-card {

  margin-top: 24px;

  display: flex;

  gap: 24px;

  background: #f8fafc;

  border: 1px solid #e2e8f0;

  border-radius: 12px;

  padding: 20px 24px;

  align-items: stretch;

  box-sizing: border-box;

}

.ustanovka-service-card__info {

  flex: 1 1 52%;

  min-width: 0;

  display: flex;

  flex-direction: column;

  justify-content: center;

  gap: 16px;

}

.ustanovka-service-card__row {

  display: flex;

  align-items: flex-start;

  gap: 14px;

}

.ustanovka-service-card__icon {

  width: 38px;

  height: 38px;

  background: #ffffff;

  border: 1px solid #e2e8f0;

  border-radius: 8px;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-shrink: 0;

  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);

}

.ustanovka-service-card__body {

  display: flex;

  flex-direction: column;

  gap: 4px;

  min-width: 0;

}

.ustanovka-service-card__label {

  font-size: 13px;

  font-weight: 600;

  color: #64748b;

  text-transform: uppercase;

  letter-spacing: 0.3px;

}

.ustanovka-service-card__phone-wrap {

  display: flex;

  align-items: center;

  gap: 12px;

  flex-wrap: wrap;

}

.ustanovka-service-card__phone {

  font-size: 18px;

  font-weight: 700;

  color: #0f172a;

  text-decoration: none;

  transition: color 0.15s ease;

  line-height: 1.2;

}

.ustanovka-service-card__phone:hover {

  color: #e30613;

}

.ustanovka-service-card__phone-ext {

  color: #e30613;

  font-weight: 700;

}

.ustanovka-service-card__schedule {

  font-size: 13.5px;

  color: #64748b;

  position: relative;

  padding-left: 12px;

}

.ustanovka-service-card__schedule::before {

  content: "•";

  position: absolute;

  left: 0;

  color: #94a3b8;

}

.ustanovka-service-card__address {

  font-size: 15.5px;

  font-weight: 600;

  color: #1e293b;

  line-height: 1.45;

}

.ustanovka-service-card__actions {

  display: flex;

  align-items: center;

  gap: 10px;

  flex-wrap: wrap;

  margin-top: 4px;

  padding-top: 14px;

  border-top: 1px dashed #e2e8f0;

}

.ustanovka-service-card__btn-book {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  height: 38px;

  padding: 0 18px;

  font-size: 13.5px;

  font-weight: 600;

  border-radius: 6px;

  background: #e30613 !important;

  color: #ffffff !important;

  border: none;

  cursor: pointer;

  transition: background 0.15s ease;

}

.ustanovka-service-card__btn-book:hover {

  background: #c50510 !important;

}

.ustanovka-service-card__btn-route {

  display: inline-flex;

  align-items: center;

  gap: 6px;

  height: 38px;

  padding: 0 14px;

  font-size: 13px;

  font-weight: 600;

  border-radius: 6px;

  background: #ffffff;

  color: #1e293b !important;

  border: 1px solid #cbd5e1;

  text-decoration: none;

  transition: all 0.15s ease;

}

.ustanovka-service-card__btn-route:hover {

  background: #f1f5f9;

  border-color: #94a3b8;

  color: #0f172a !important;

  text-decoration: none;

}

.ustanovka-service-card__btn-navi {

  display: inline-flex;

  align-items: center;

  height: 38px;

  padding: 0 12px;

  font-size: 12.5px;

  font-weight: 500;

  border-radius: 6px;

  background: transparent;

  color: #64748b !important;

  border: 1px dashed #cbd5e1;

  text-decoration: none;

  transition: all 0.15s ease;

}

.ustanovka-service-card__btn-navi:hover {

  background: #f8fafc;

  color: #0f172a !important;

  border-color: #94a3b8;

  text-decoration: none;

}

.ustanovka-service-card__map {

  flex: 1 1 48%;

  min-width: 0;

  min-height: 250px;

  border-radius: 10px;

  overflow: hidden;

  border: 1px solid #cbd5e1;

  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);

  background: #f1f5f9;

}

@media (max-width: 960px) {

  .ustanovka-service-card {

    flex-direction: column;

    padding: 18px;

    gap: 18px;

  }

  .ustanovka-service-card__info {

    flex: 1 1 auto;

  }

  .ustanovka-service-card__map {

    flex: 1 1 auto;

    width: 100%;

    min-height: 260px;

    height: 260px;

  }

}

@media (max-width: 600px) {

  .ustanovka-service-card {

    padding: 14px;

    gap: 14px;

  }

  .ustanovka-service-card__phone {

    font-size: 16px;

  }

  .ustanovka-service-card__address {

    font-size: 14px;

  }

  .ustanovka-service-card__actions {

    flex-direction: column;

    align-items: stretch;

  }

  .ustanovka-service-card__btn-book,

  .ustanovka-service-card__btn-route,

  .ustanovka-service-card__btn-navi {

    width: 100%;

    justify-content: center;

  }

  .ustanovka-service-card__map {

    min-height: 220px;

    height: 220px;

  }

}



.ustanovka-intro__contacts {

  margin-top: 16px;

  display: inline-flex;

  align-items: center;

  gap: 16px;

  flex-wrap: wrap;

  padding: 10px 18px;

  background: #f8fafc;

  border: 1px solid #e2e8f0;

  border-radius: 8px;

}



.ustanovka-intro__contacts-main {

  display: inline-flex;

  align-items: center;

  gap: 8px;

}



.ustanovka-intro__contacts-label {

  font-size: 14px;

  font-weight: 600;

  color: #334155;

}



.ustanovka-intro__phone {

  font-size: 16px;

  font-weight: 700;

  color: #0f172a;

  text-decoration: none;

  transition: color 0.15s ease;

}



.ustanovka-intro__phone:hover {

  color: #e30613;

}



.ustanovka-intro__phone-ext {

  color: #e30613;

  font-weight: 700;

}



.ustanovka-intro__schedule {

  font-size: 13.5px;

  color: #64748b;

  position: relative;

  padding-left: 12px;

}



.ustanovka-intro__schedule::before {

  content: "•";

  position: absolute;

  left: 0;

  color: #94a3b8;

}



.ustanovka-modal__phone-link {

  color: inherit !important;

  font-weight: 700 !important;

  text-decoration: none !important;

}



.ustanovka-modal__phone-link:hover {

  color: #e30613 !important;

  text-decoration: underline !important;

}



/* 2. Service Blocks */

.ustanovka-block {

  display: flex;

  gap: 36px;

  align-items: flex-start;

  margin-bottom: 44px;

  padding-bottom: 44px;

  border-bottom: 1px solid #e2e8f0;

  box-sizing: border-box;

}



.ustanovka-block:last-of-type {

  border-bottom: none;

  margin-bottom: 0;

  padding-bottom: 0;

}



.ustanovka-block--media-right .ustanovka-block__content {

  flex: 1 1 64%;

  min-width: 0;

}



.ustanovka-block--media-right .ustanovka-block__media {

  flex: 0 0 36%;

  max-width: 440px;

  min-width: 280px;

}



.ustanovka-block--media-left .ustanovka-block__media {

  flex: 0 0 36%;

  max-width: 440px;

  min-width: 280px;

  order: 1;

}



.ustanovka-block--media-left .ustanovka-block__content {

  flex: 1 1 64%;

  min-width: 0;

  order: 2;

}



.ustanovka-block__content--full {

  flex: 1 1 100% !important;

  max-width: 100% !important;

}



/* Media (Photos) */

.ustanovka-block__media {

  display: flex;

  align-items: center;

  justify-content: center;

}



.ustanovka-block__img {

  width: 100%;

  height: 290px;

  object-fit: cover;

  border-radius: 8px;

  border: 1px solid #e2e8f0;

  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);

  display: block;

}



/* Block Typography */

.ustanovka-block__title {

  font-size: 22px !important;

  font-weight: 800 !important;

  color: #0f172a !important;

  margin: 0 0 12px 0 !important;

  line-height: 1.3 !important;

}



.ustanovka-block__desc {

  font-size: 15px !important;

  line-height: 1.6 !important;

  color: #475569 !important;

  margin: 0 0 18px 0 !important;

}



.ustanovka-block__desc a {

  color: #e30613 !important;

  text-decoration: underline !important;

  text-underline-offset: 2px !important;

}



.ustanovka-block__desc a:hover {

  color: #b91c1c !important;

}



/* Check lists */

.ustanovka-features-group {

  margin-bottom: 16px;

}



.ustanovka-features-heading {

  font-size: 13.5px !important;

  font-weight: 700 !important;

  color: #1e293b !important;

  text-transform: uppercase !important;

  letter-spacing: 0.3px !important;

  margin: 0 0 8px 0 !important;

}



.ustanovka-check-list {

  list-style: none !important;

  padding: 0 !important;

  margin: 0 !important;

  display: flex !important;

  flex-direction: column !important;

  gap: 8px !important;

}



.ustanovka-check-list li {

  position: relative !important;

  padding-left: 20px !important;

  font-size: 14.5px !important;

  line-height: 1.5 !important;

  color: #334155 !important;

  margin: 0 !important;

}



.ustanovka-check-list li::before {

  content: "—" !important;

  position: absolute !important;

  left: 0 !important;

  color: #e30613 !important;

  font-weight: 700 !important;

}



/* Price Banner */

.ustanovka-price-banner {

  background: #f8fafc;

  border: 1px solid #e2e8f0;

  border-radius: 8px;

  padding: 16px 20px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 18px;

  flex-wrap: wrap;

  margin-top: 22px;

}



.ustanovka-price-banner__info {

  display: flex;

  flex-direction: column;

  gap: 3px;

}



.ustanovka-price-banner__label {

  font-size: 12.5px;

  color: #64748b;

  font-weight: 600;

  text-transform: uppercase;

  letter-spacing: 0.3px;

}



.ustanovka-price-banner__val {

  font-size: 24px;

  font-weight: 800;

  color: #0f172a;

}



.ustanovka-price-banner__sub {

  font-size: 13px;

  color: #059669;

  font-weight: 600;

}



/* Service Tables */

.ustanovka-table-wrap {

  overflow-x: auto;

  border: 1px solid #e2e8f0;

  border-radius: 8px;

  margin: 16px 0;

  background: #ffffff;

}



.ustanovka-table {

  width: 100%;

  border-collapse: collapse;

  font-size: 15px;

  font-family: inherit;

}



.ustanovka-table th {

  background: #f8fafc;

  color: #475569;

  font-weight: 600;

  font-size: 13px;

  text-transform: uppercase;

  letter-spacing: 0.3px;

  padding: 12px 18px;

  border-bottom: 1px solid #e2e8f0;

  text-align: left;

}



.ustanovka-table__price-th {

  text-align: right !important;

  width: 160px;

}



.ustanovka-table td {

  padding: 13px 18px;

  border-bottom: 1px solid #f1f5f9;

  color: #1e293b;

}



.ustanovka-table tr:last-child td {

  border-bottom: none;

}



.ustanovka-table tr:hover td {

  background: #fafbfc;

}



.ustanovka-table__price-td {

  text-align: right !important;

  font-weight: 700;

  color: #0f172a;

  font-size: 15.5px;

  white-space: nowrap;

}



/* Notes */

.ustanovka-note {

  font-size: 13.5px !important;

  line-height: 1.5 !important;

  color: #64748b !important;

  margin: 10px 0 16px 0 !important;

}



.ustanovka-note strong {

  color: #0f172a !important;

}



/* Action buttons */

.ustanovka-btn-row {

  margin-top: 18px;

  display: flex;

}



.ustanovka-btn {

  height: 44px !important;

  padding: 0 24px !important;

  font-size: 14.5px !important;

  font-weight: 700 !important;

  background-color: #e30613 !important;

  color: #ffffff !important;

  border: 1px solid #e30613 !important;

  border-radius: 4px !important;

  cursor: pointer !important;

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  text-decoration: none !important;

  transition: all 0.2s ease !important;

  font-family: inherit !important;

}



.ustanovka-btn:hover {

  background-color: #c50510 !important;

  border-color: #c50510 !important;

  color: #ffffff !important;

}



.ustanovka-btn-large {

  height: 48px !important;

  padding: 0 32px !important;

  font-size: 15.5px !important;

  font-weight: 700 !important;

  background-color: #e30613 !important;

  color: #ffffff !important;

  border: 1px solid #e30613 !important;

  border-radius: 4px !important;

  cursor: pointer !important;

  display: inline-flex !align-items: center !important;

  justify-content: center !important;

  text-decoration: none !important;

  transition: all 0.2s ease !important;

  font-family: inherit !important;

}



.ustanovka-btn-large:hover {

  background-color: #c50510 !important;

  border-color: #c50510 !important;

  color: #ffffff !important;

}



/* 6. Process Steps Line (01-05) */

.ustanovka-steps-line {

  display: grid;

  grid-template-columns: repeat(5, 1fr);

  gap: 20px;

  margin-top: 20px;

}



.ustanovka-step-item {

  position: relative;

  border-top: 2px solid #e2e8f0;

  padding-top: 16px;

}



.ustanovka-step-item__num {

  font-size: 26px;

  font-weight: 800;

  color: #e30613;

  margin-bottom: 6px;

  line-height: 1;

}



.ustanovka-step-item__name {

  font-size: 15.5px;

  font-weight: 700;

  color: #0f172a;

  margin-bottom: 6px;

}



.ustanovka-step-item__text {

  font-size: 13.5px !important;

  line-height: 1.5 !important;

  color: #64748b !important;

  margin: 0 !important;

}



/* 7. Principles Grid */

.ustanovka-principles-grid {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 16px;

  margin-top: 20px;

}



.ustanovka-principle-item {

  display: flex;

  gap: 12px;

  align-items: flex-start;

  padding: 16px 18px;

  background: #f8fafc;

  border: 1px solid #e2e8f0;

  border-radius: 8px;

}



.ustanovka-principle-dot {

  width: 8px;

  height: 8px;

  border-radius: 50%;

  background: #e30613;

  margin-top: 6px;

  flex-shrink: 0;

}



.ustanovka-principle-content strong {

  display: block;

  font-size: 14.5px;

  font-weight: 700;

  color: #0f172a;

  margin-bottom: 4px;

}



.ustanovka-principle-content p {

  font-size: 13.5px !important;

  line-height: 1.5 !important;

  color: #475569 !important;

  margin: 0 !important;

}



/* 8. CTA Box & Contacts */

.ustanovka-cta-box {

  background: #f8fafc;

  border: 1px solid #e2e8f0;

  border-radius: 8px;

  padding: 32px 30px;

  display: flex;

  gap: 40px;

  align-items: flex-start;

  justify-content: space-between;

}



.ustanovka-cta-box__left {

  flex: 1 1 55%;

}



.ustanovka-cta-box__right {

  flex: 1 1 45%;

  display: flex;

  flex-direction: column;

  gap: 12px;

  padding-left: 32px;

  border-left: 1px solid #e2e8f0;

}



.ustanovka-contact-row {

  display: flex;

  flex-direction: column;

  gap: 2px;

}



.ustanovka-contact-label {

  font-size: 12px;

  font-weight: 600;

  color: #64748b;

  text-transform: uppercase;

  letter-spacing: 0.3px;

}



.ustanovka-contact-val {

  font-size: 14.5px;

  color: #0f172a;

  font-weight: 500;

}



.ustanovka-contact-link {

  color: #0f172a !important;

  font-weight: 600 !important;

  text-decoration: none !important;

  transition: color 0.2s !important;

}



.ustanovka-contact-link:hover {

  color: #e30613 !important;

}



/* Mobile & Tablet Responsive */

@media (max-width: 991px) {

  .ustanovka-steps-line {

    grid-template-columns: repeat(2, 1fr);

  }

  .ustanovka-cta-box {

    flex-direction: column;

    gap: 24px;

    padding: 24px 20px;

  }

  .ustanovka-cta-box__right {

    padding-left: 0;

    border-left: none;

    border-top: 1px solid #e2e8f0;

    padding-top: 20px;

    width: 100%;

  }

}



@media (max-width: 768px) {

  .ustanovka-page {

    margin-bottom: 48px !important;

  }

  .ustanovka-block {

    flex-direction: column;

    gap: 20px;

    margin-bottom: 32px;

    padding-bottom: 32px;

  }

  .ustanovka-block--media-left .ustanovka-block__media,

  .ustanovka-block--media-right .ustanovka-block__media {

    order: 2;

    width: 100%;

    max-width: 100%;

  }

  .ustanovka-block--media-left .ustanovka-block__content,

  .ustanovka-block--media-right .ustanovka-block__content {

    order: 1;

    width: 100%;

  }

  .ustanovka-block__img {

    height: 220px;

  }

  .ustanovka-steps-line {

    grid-template-columns: 1fr;

  }

  .ustanovka-principles-grid {

    grid-template-columns: 1fr;

  }

  .ustanovka-btn,

  .ustanovka-btn-large {

    width: 100% !important;

    text-align: center !important;

  }

  .ustanovka-price-banner {

    flex-direction: column;

    align-items: stretch;

  }

  .ustanovka-price-banner .ustanovka-btn {

    width: 100% !important;

  }

}



/* Modal Window styles */

.ustanovka-modal-overlay {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(15, 23, 42, 0.65);

  backdrop-filter: blur(4px);

  display: none;

  align-items: center;

  justify-content: center;

  z-index: 99999;

  padding: 16px;

  box-sizing: border-box;

}



.ustanovka-modal-overlay.is-active {

  display: flex;

}



.ustanovka-modal {

  position: relative;

  background: #ffffff;

  border-radius: 12px;

  width: 100%;

  max-width: 580px;

  max-height: 90vh;

  overflow-y: auto;

  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);

  padding: 28px 28px 24px 28px;

  box-sizing: border-box;

  font-family: inherit;

  animation: modalFadeIn 0.25s ease-out;

}



@keyframes modalFadeIn {

  from { opacity: 0; transform: translateY(12px) scale(0.98); }

  to { opacity: 1; transform: translateY(0) scale(1); }

}



.ustanovka-modal__close {

  position: absolute;

  top: 18px;

  right: 18px;

  background: transparent;

  border: none;

  color: #64748b;

  cursor: pointer;

  padding: 4px;

  border-radius: 4px;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: all 0.2s;

}

.ustanovka-modal__close:hover {

  color: #0f172a;

  background: #f1f5f9;

}



.ustanovka-modal__header {

  margin-bottom: 20px;

  padding-right: 32px;

}



.ustanovka-modal__title {

  font-size: 20px;

  font-weight: 800;

  color: #0f172a;

  margin: 0 0 6px 0;

  line-height: 1.3;

}



.ustanovka-modal__subtitle {

  font-size: 13.5px !important;

  color: #64748b !important;

  margin: 0 !important;

  line-height: 1.4 !important;

}



.ustanovka-form-group {

  margin-bottom: 16px;

}



.ustanovka-form-group--half {

  flex: 1 1 calc(50% - 6px);

}



.ustanovka-form-row {

  display: flex;

  gap: 12px;

  flex-wrap: wrap;

}



.ustanovka-form-label {

  display: block;

  font-size: 13px;

  font-weight: 600;

  color: #334155;

  margin-bottom: 6px;

  line-height: 1.3;

}



.ustanovka-input,

.ustanovka-select {

  width: 100%;

  height: 46px;

  background: #f8fafc;

  border: 1px solid #cbd5e1;

  border-radius: 8px;

  padding: 0 14px;

  font-size: 13.5px;

  font-family: inherit;

  color: #0f172a;

  box-sizing: border-box;

  transition: border-color 0.2s, background 0.2s, box-shadow 0.2s;

}

.ustanovka-input:focus,

.ustanovka-select:focus {

  outline: none;

  border-color: #e30613;

  background: #ffffff;

  box-shadow: 0 0 0 3px rgba(227, 6, 19, 0.1);

}



.ustanovka-select {

  padding-right: 34px;

  text-overflow: ellipsis;

  cursor: pointer;

}



/* Calendar horizontal scroll strip - smooth without ugly Windows scrollbar */

.ustanovka-calendar-strip {

  display: flex;

  gap: 8px;

  overflow-x: auto;

  padding: 2px 2px 6px 2px;

  scrollbar-width: none !important;

  -ms-overflow-style: none !important;

  scroll-behavior: smooth;

  -webkit-overflow-scrolling: touch;

}

.ustanovka-calendar-strip::-webkit-scrollbar {

  display: none !important;

  width: 0 !important;

  height: 0 !important;

}



.ustanovka-cal-day {

  flex: 0 0 65px;

  background: #ffffff;

  border: 1px solid #e2e8f0;

  border-radius: 8px;

  padding: 8px 4px;

  text-align: center;

  cursor: pointer;

  transition: all 0.2s;

  display: flex;

  flex-direction: column;

  gap: 3px;

}

.ustanovka-cal-day:hover {

  border-color: #cbd5e1;

  background: #f8fafc;

}

.ustanovka-cal-day.is-selected {

  border-color: #e30613;

  background: #fee2e2;

}



.ustanovka-cal-day__name {

  font-size: 11px;

  color: #64748b;

  font-weight: 500;

}

.ustanovka-cal-day.is-selected .ustanovka-cal-day__name {

  color: #b91c1c;

  font-weight: 600;

}



.ustanovka-cal-day__num {

  font-size: 16px;

  font-weight: 700;

  color: #0f172a;

}

.ustanovka-cal-day.is-selected .ustanovka-cal-day__num {

  color: #b91c1c;

}



/* Time Slots */

.ustanovka-time-slots {

  display: flex;

  gap: 8px;

  flex-wrap: wrap;

}



.ustanovka-time-slot {

  flex: 1 1 0;

  min-width: 70px;

  background: #ffffff;

  border: 1px solid #e2e8f0;

  border-radius: 8px;

  padding: 10px 12px;

  font-size: 13.5px;

  font-weight: 600;

  color: #334155;

  text-align: center;

  cursor: pointer;

  transition: all 0.2s;

}

.ustanovka-time-slot:hover {

  border-color: #cbd5e1;

  background: #f8fafc;

}

.ustanovka-time-slot.is-selected {

  background: #0f172a;

  border-color: #0f172a;

  color: #ffffff;

}



/* Submit button in our brand design */

.ustanovka-modal__submit {

  width: 100% !important;

  height: 48px !important;

  background: #e30613 !important;

  background-color: #e30613 !important;

  color: #ffffff !important;

  border: none !important;

  border-radius: 8px !important;

  font-size: 15px !important;

  font-weight: 700 !important;

  letter-spacing: 0.2px !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  gap: 8px !important;

  cursor: pointer !important;

  box-shadow: 0 3px 12px rgba(227, 6, 19, 0.25) !important;

  transition: all 0.2s ease !important;

}

.ustanovka-modal__submit span {

  color: #ffffff !important;

  font-weight: 700 !important;

}

.ustanovka-modal__submit:hover {

  background: #c40510 !important;

  background-color: #c40510 !important;

  color: #ffffff !important;

  box-shadow: 0 4px 16px rgba(227, 6, 19, 0.35) !important;

  transform: translateY(-1px);

}

.ustanovka-modal__submit:active {

  transform: translateY(0);

  box-shadow: 0 2px 6px rgba(227, 6, 19, 0.2) !important;

}



/* Privacy policy: smaller, dark grey, no awkward line breaks */

.ustanovka-modal__policy {

  font-size: 11px !important;

  color: #475569 !important;

  margin: 12px 0 0 0 !important;

  text-align: center !important;

  line-height: 1.35 !important;

}

.ustanovka-modal__policy a {

  color: #475569 !important;

  text-decoration: underline !important;

  white-space: nowrap !important;

  transition: color 0.15s ease !important;

}

.ustanovka-modal__policy a:hover {

  color: #0f172a !important;

}



/* Success screen */

.ustanovka-modal__success {

  text-align: center;

  padding: 20px 0;

}



.ustanovka-modal__success-icon {

  width: 52px;

  height: 52px;

  border-radius: 50%;

  background: #dcfce7;

  color: #15803d;

  font-size: 26px;

  font-weight: 800;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 16px;

}



.ustanovka-modal__summary-box {

  background: #f8fafc;

  border: 1px solid #e2e8f0;

  border-radius: 8px;

  padding: 14px;

  margin: 16px 0 20px 0;

  font-size: 13.5px;

  color: #334155;

  text-align: left;

  line-height: 1.6;

}



/* ==========================================================================

   AI ASSISTANT SIRI ORB & MINI-CHAT WIDGET

   ========================================================================== */



/* Orb Container */

.ai-orb-container {

  position: fixed;

  bottom: 24px;

  right: 24px;

  z-index: 9999;

  display: flex;

  align-items: center;

  gap: 12px;

  pointer-events: auto;

}



/* Tooltip Badge */

.ai-orb-tooltip {

  display: flex;

  align-items: center;

  gap: 8px;

  background: rgba(255, 255, 255, 0.95);

  backdrop-filter: blur(10px);

  -webkit-backdrop-filter: blur(10px);

  border: 1px solid rgba(227, 6, 19, 0.2);

  border-radius: 24px;

  padding: 8px 16px;

  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.04);

  cursor: pointer;

  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);

  white-space: nowrap;

  user-select: none;

}



.ai-orb-tooltip:hover {

  transform: translateX(-4px);

  box-shadow: 0 6px 24px rgba(227, 6, 19, 0.15);

  border-color: rgba(227, 6, 19, 0.4);

}



.ai-orb-tooltip.is-hidden {

  opacity: 0;

  pointer-events: none;

  transform: translateX(10px);

}



.ai-orb-tooltip__dot {

  width: 8px;

  height: 8px;

  border-radius: 50%;

  background: #10b981;

  box-shadow: 0 0 8px rgba(16, 185, 129, 0.6);

  animation: siri-dot-pulse 2s infinite ease-in-out;

}



.ai-orb-tooltip__text {

  font-family: var(--font-primary, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);

  font-size: 13.5px;

  font-weight: 600;

  color: #1e2229;

  letter-spacing: -0.1px;

}



/* Siri Orb Trigger Button */

.ai-orb-btn {

  position: relative;

  width: 58px;

  height: 58px;

  border-radius: 50%;

  background: transparent;

  border: none;

  padding: 0;

  cursor: pointer;

  outline: none;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);

}



.ai-orb-btn:hover {

  transform: scale(1.08);

}



.ai-orb-btn:active {

  transform: scale(0.95);

}



.ai-orb-btn.is-active {

  transform: scale(1.05);

}



/* Glowing Aura behind the Orb */

.ai-orb-glow {

  position: absolute;

  top: -6px;

  left: -6px;

  right: -6px;

  bottom: -6px;

  border-radius: 50%;

  background: radial-gradient(circle at 40% 40%, #ff2a44 0%, #e30613 45%, #99000b 80%, rgba(227, 6, 19, 0) 100%);

  filter: blur(10px);

  opacity: 0.75;

  animation: siri-orb-glow 3s infinite ease-in-out alternate;

  pointer-events: none;

  z-index: 1;

}



.ai-orb-btn:hover .ai-orb-glow {

  opacity: 0.95;

  filter: blur(14px);

}



/* The 3D Siri Sphere */

.ai-orb-sphere {

  position: relative;

  width: 56px;

  height: 56px;

  border-radius: 50%;

  background: radial-gradient(circle at 35% 30%, #ff4b5c 0%, #e30613 40%, #a8000d 75%, #4a0006 100%);

  box-shadow: 

    inset 0 2px 4px rgba(255, 255, 255, 0.4),

    inset 0 -3px 6px rgba(0, 0, 0, 0.5),

    0 4px 16px rgba(227, 6, 19, 0.45),

    0 2px 6px rgba(0, 0, 0, 0.2);

  display: flex;

  align-items: center;

  justify-content: center;

  overflow: hidden;

  z-index: 2;

}



/* Fluid morphing wave inside the orb (Apple Siri iridescent look) */

.ai-orb-inner-wave {

  position: absolute;

  top: -20%;

  left: -20%;

  width: 140%;

  height: 140%;

  background: conic-gradient(from 0deg at 50% 50%, #ff1744, #ff8a80, #e30613, #b71c1c, #ff5252, #ff1744);

  opacity: 0.45;

  filter: blur(5px);

  animation: siri-orb-spin 6s linear infinite;

  mix-blend-mode: screen;

  pointer-events: none;

}



/* Glossy highlight */

.ai-orb-highlight {

  position: absolute;

  top: 4px;

  left: 8px;

  width: 24px;

  height: 14px;

  border-radius: 50%;

  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0) 80%);

  transform: rotate(-25deg);

  pointer-events: none;

  z-index: 3;

}



/* Center Icon (AI Sparkle) */

.ai-orb-icon {

  position: relative;

  z-index: 4;

  color: #ffffff;

  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.5));

  animation: siri-icon-breathe 3s infinite ease-in-out;

}



/* Keyframe animations */

@keyframes siri-orb-glow {

  0% {

    transform: scale(0.92);

    opacity: 0.6;

  }

  50% {

    transform: scale(1.12);

    opacity: 0.85;

  }

  100% {

    transform: scale(0.92);

    opacity: 0.6;

  }

}



@keyframes siri-orb-spin {

  0% {

    transform: rotate(0deg);

  }

  100% {

    transform: rotate(360deg);

  }

}



@keyframes siri-icon-breathe {

  0%, 100% {

    transform: scale(1);

    opacity: 0.95;

  }

  50% {

    transform: scale(1.08);

    opacity: 1;

  }

}



@keyframes siri-dot-pulse {

  0%, 100% {

    transform: scale(1);

    opacity: 1;

  }

  50% {

    transform: scale(1.3);

    opacity: 0.7;

  }

}



/* ==========================================================================

   AI Mini Chat Window

   ========================================================================== */

.ai-chat-window {

  position: fixed;

  bottom: 96px;

  right: 24px;

  width: 390px;

  max-width: calc(100vw - 32px);

  height: 560px;

  max-height: calc(100vh - 120px);

  background: #ffffff;

  border-radius: 18px;

  border: 1px solid rgba(0, 0, 0, 0.08);

  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(227, 6, 19, 0.06);

  display: flex;

  flex-direction: column;

  overflow: hidden;

  z-index: 10000;

  opacity: 0;

  pointer-events: none;

  transform: translateY(24px) scale(0.96);

  transition: opacity 0.28s ease, transform 0.28s cubic-bezier(0.16, 1, 0.3, 1);

}



.ai-chat-window.is-open {

  opacity: 1;

  pointer-events: auto;

  transform: translateY(0) scale(1);

}



/* Chat Header */

.ai-chat-header {

  background: linear-gradient(135deg, #18181b 0%, #27272a 100%);

  padding: 14px 18px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  border-bottom: 2px solid #e30613;

  flex-shrink: 0;

}



.ai-chat-header__info {

  display: flex;

  align-items: center;

  gap: 12px;

}



.ai-chat-header__avatar {

  position: relative;

  width: 30px;

  height: 30px;

  flex-shrink: 0;

}



.ai-chat-header__avatar-glow {

  position: absolute;

  top: -2px;

  left: -2px;

  right: -2px;

  bottom: -2px;

  border-radius: 50%;

  background: #ff1744;

  filter: blur(4px);

  opacity: 0.7;

}



.ai-chat-header__avatar-sphere {

  position: relative;

  width: 100%;

  height: 100%;

  border-radius: 50%;

  background: radial-gradient(circle at 35% 30%, #ff5252 0%, #e30613 60%, #8a000a 100%);

  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.4);

}



.ai-chat-header__title {

  font-family: var(--font-primary, sans-serif);

  font-size: 15px;

  font-weight: 700;

  color: #ffffff;

  line-height: 1.2;

}



.ai-chat-header__status {

  display: flex;

  align-items: center;

  gap: 6px;

  font-size: 11.5px;

  color: #a1a1aa;

  margin-top: 2px;

}



.ai-chat-header__status-dot {

  width: 6px;

  height: 6px;

  border-radius: 50%;

  background: #10b981;

}



.ai-chat-header__btn {

  background: rgba(255, 255, 255, 0.1);

  border: none;

  color: #d4d4d8;

  width: 30px;

  height: 30px;

  border-radius: 6px;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

  transition: all 0.15s ease;

}



.ai-chat-header__btn:hover {

  background: rgba(255, 255, 255, 0.2);

  color: #ffffff;

}



/* Chat Messages */

.ai-chat-messages {

  flex: 1;

  overflow-y: auto;

  padding: 16px;

  display: flex;

  flex-direction: column;

  gap: 12px;

  background: #fafafa;

  scrollbar-width: thin;

  scrollbar-color: #d1d5db transparent;

}



.ai-chat-messages::-webkit-scrollbar {

  width: 6px;

}

.ai-chat-messages::-webkit-scrollbar-thumb {

  background-color: #d1d5db;

  border-radius: 3px;

}



/* Message bubbles */

.ai-msg {

  display: flex;

  flex-direction: column;

  max-width: 88%;

  animation: ai-msg-fade 0.2s ease-out;

}



@keyframes ai-msg-fade {

  from {

    opacity: 0;

    transform: translateY(6px);

  }

  to {

    opacity: 1;

    transform: translateY(0);

  }

}



.ai-msg--assistant {

  align-self: flex-start;

}



.ai-msg--assistant .ai-msg__bubble {

  background: #ffffff;

  border: 1px solid #e5e7eb;

  color: #1f2937;

  border-radius: 14px 14px 14px 3px;

  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);

}



.ai-msg--user {

  align-self: flex-end;

}



.ai-msg--user .ai-msg__bubble {

  background: linear-gradient(135deg, #e30613 0%, #c00410 100%);

  color: #ffffff;

  border-radius: 14px 14px 3px 14px;

  box-shadow: 0 2px 8px rgba(227, 6, 19, 0.2);

}



.ai-msg__bubble {

  padding: 10px 14px;

  font-family: var(--font-primary, sans-serif);

  font-size: 13.5px;

  line-height: 1.5;

  word-break: break-word;

}



.ai-msg__bubble strong {

  font-weight: 700;

}



/* Links inside AI responses */

.ai-chat-link {

  color: #e30613;

  text-decoration: underline;

  font-weight: 600;

  transition: color 0.15s ease;

}



.ai-chat-link:hover {

  color: #99000b;

  text-decoration: none;

}



/* Suggestions chips */

.ai-chat-suggestions {

  display: flex;

  flex-wrap: wrap;

  gap: 7px;

  margin-top: 4px;

}



.ai-suggestion-chip {

  background: #ffffff;

  border: 1px solid #e2e8f0;

  border-radius: 18px;

  padding: 6px 12px;

  font-family: var(--font-primary, sans-serif);

  font-size: 12px;

  font-weight: 500;

  color: #334155;

  cursor: pointer;

  transition: all 0.15s ease;

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);

}



.ai-suggestion-chip:hover {

  border-color: #e30613;

  color: #e30613;

  background: #fff5f5;

  transform: translateY(-1px);

}



/* Typing indicator */

.ai-chat-typing {

  display: flex;

  align-items: center;

  gap: 8px;

  padding: 8px 16px;

  background: #f1f5f9;

  border-radius: 12px;

  align-self: flex-start;

  margin: 0 16px 8px 16px;

  border: 1px solid #e2e8f0;

}



.ai-typing-dots {

  display: flex;

  gap: 4px;

}



.ai-typing-dots span {

  width: 6px;

  height: 6px;

  background: #e30613;

  border-radius: 50%;

  animation: ai-typing-bounce 1.3s infinite ease-in-out;

}



.ai-typing-dots span:nth-child(2) {

  animation-delay: 0.18s;

}



.ai-typing-dots span:nth-child(3) {

  animation-delay: 0.36s;

}



@keyframes ai-typing-bounce {

  0%, 80%, 100% {

    transform: translateY(0);

    opacity: 0.4;

  }

  40% {

    transform: translateY(-5px);

    opacity: 1;

  }

}



.ai-typing-text {

  font-size: 12px;

  color: #64748b;

  font-style: italic;

}



/* Chat Footer / Input */

.ai-chat-footer {

  padding: 12px 14px;

  background: #ffffff;

  border-top: 1px solid #f1f5f9;

  flex-shrink: 0;

}



.ai-chat-form {

  display: flex;

  align-items: center;

  gap: 8px;

  position: relative;

}



.ai-chat-input {

  flex: 1;

  height: 42px;

  padding: 0 14px;

  background: #f8fafc;

  border: 1px solid #cbd5e1;

  border-radius: 21px;

  font-family: var(--font-primary, sans-serif);

  font-size: 13.5px;

  color: #1e293b;

  outline: none;

  transition: all 0.15s ease;

}



.ai-chat-input:focus {

  background: #ffffff;

  border-color: #e30613;

  box-shadow: 0 0 0 3px rgba(227, 6, 19, 0.12);

}



.ai-chat-input::placeholder {

  color: #94a3b8;

}



.ai-chat-send-btn {

  width: 42px;

  height: 42px;

  border-radius: 50%;

  background: #e30613;

  border: none;

  color: #ffffff;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

  flex-shrink: 0;

  transition: all 0.15s ease;

  box-shadow: 0 2px 8px rgba(227, 6, 19, 0.3);

}



.ai-chat-send-btn:hover {

  background: #c00410;

  transform: scale(1.04);

}



.ai-chat-send-btn:active {

  transform: scale(0.96);

}



.ai-chat-send-btn:disabled {

  background: #cbd5e1;

  cursor: not-allowed;

  box-shadow: none;

}



.ai-chat-disclaimer {

  font-size: 11px;

  color: #94a3b8;

  text-align: center;

  margin-top: 8px;

  line-height: 1.2;

}



/* Mobile Responsiveness */

@media (max-width: 576px) {

  .ai-orb-container {

    bottom: 16px;

    right: 16px;

    gap: 8px;

  }



  .ai-orb-tooltip {

    display: none !important;

  }



  .ai-orb-btn {

    width: 52px;

    height: 52px;

  }



  .ai-orb-sphere {

    width: 50px;

    height: 50px;

  }



  .ai-chat-window {

    bottom: 0;

    right: 0;

    left: 0;

    width: 100%;

    max-width: 100%;

    height: 85vh;

    max-height: 85vh;

    border-radius: 20px 20px 0 0;

    border-bottom: none;

  }

}





/* Operation 147: Department Phone Extensions & MAX Messenger Card on Kontakty Page */

.kontakty__phone-ext {

  font-size: 15px !important;

  font-weight: 500 !important;

  color: #64748b !important;

  margin-left: 2px !important;

}



.kontakty__max-wrap {

  margin-top: 8px !important;

}



.internal-page__content a.kontakty__max-card,

.kontakty__max-card {

  display: inline-flex !important;

  align-items: center !important;

  gap: 10px !important;

  padding: 7px 13px !important;

  background: #ffffff !important;

  border: 1px solid #e2e8f0 !important;

  border-radius: 8px !important;

  text-decoration: none !important;

  transition: all 0.2s ease !important;

  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;

  width: fit-content !important;

}



.internal-page__content a.kontakty__max-card:hover,

.kontakty__max-card:hover {

  border-color: #cbd5e1 !important;

  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06) !important;

  text-decoration: none !important;

}



.internal-page__content a.kontakty__max-card .footer-max-card__phone,

.kontakty__max-card .footer-max-card__phone {

  color: #1e293b !important;

  text-decoration: none !important;

}



/* ==========================================================================

   Operation 167: Product Detail Page Redesign (Inter, Lightbox, Similar Wares)

   ========================================================================== */

.product-gallery-card__image-wrap {

  position: relative !important;

  cursor: zoom-in !important;

  border-radius: 12px !important;

  overflow: hidden !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  background: #ffffff !important;

  transition: transform 0.2s ease, box-shadow 0.2s ease !important;

}



.product-gallery-card__image-wrap:hover .product-gallery-card__zoom-hint {

  opacity: 1 !important;

  transform: translateY(0) !important;

}



.product-gallery-card__zoom-hint {

  position: absolute !important;

  bottom: 12px !important;

  right: 12px !important;

  display: inline-flex !important;

  align-items: center !important;

  gap: 6px !important;

  padding: 6px 12px !important;

  background: rgba(15, 23, 42, 0.75) !important;

  color: #ffffff !important;

  font-size: 13px !important;

  font-weight: 500 !important;

  border-radius: 20px !important;

  pointer-events: none !important;

  opacity: 0.85 !important;

  transform: translateY(0) !important;

  transition: all 0.2s ease !important;

  backdrop-filter: blur(4px) !important;

}



/* Gallery Thumbs */

.product-gallery-thumbs {

  display: flex !important;

  gap: 10px !important;

  margin-top: 14px !important;

  overflow-x: auto !important;

  padding-bottom: 4px !important;

}



.product-gallery-thumb {

  width: 64px !important;

  height: 64px !important;

  padding: 2px !important;

  border: 2px solid #e2e8f0 !important;

  border-radius: 8px !important;

  background: #ffffff !important;

  cursor: pointer !important;

  transition: border-color 0.2s ease, transform 0.15s ease !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  flex-shrink: 0 !important;

}



.product-gallery-thumb:hover {

  border-color: #94a3b8 !important;

}



.product-gallery-thumb--active {

  border-color: #e30613 !important;

}



.product-gallery-thumb img {

  max-width: 100% !important;

  max-height: 100% !important;

  object-fit: contain !important;

  border-radius: 6px !important;

}



/* Lightbox Modal */

.product-lightbox {

  position: fixed !important;

  inset: 0 !important;

  z-index: 999999 !important;

  display: none !important;

  align-items: center !important;

  justify-content: center !important;

  user-select: none !important;

}



.product-lightbox--open {

  display: flex !important;

}



.product-lightbox__backdrop {

  position: absolute !important;

  inset: 0 !important;

  background: rgba(15, 23, 42, 0.92) !important;

  backdrop-filter: blur(6px) !important;

  cursor: pointer !important;

}



.product-lightbox__dialog {

  position: relative !important;

  z-index: 10 !important;

  max-width: 90vw !important;

  max-height: 90vh !important;

  display: flex !important;

  flex-direction: column !important;

  align-items: center !important;

  justify-content: center !important;

}



.product-lightbox__stage {

  max-width: 85vw !important;

  max-height: 80vh !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  padding: 10px !important;

}



.product-lightbox__img {

  max-width: 100% !important;

  max-height: 80vh !important;

  object-fit: contain !important;

  border-radius: 8px !important;

  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5) !important;

  animation: lightboxFadeIn 0.2s ease-out !important;

}



@keyframes lightboxFadeIn {

  from { opacity: 0; transform: scale(0.96); }

  to { opacity: 1; transform: scale(1); }

}



.product-lightbox__close {

  position: absolute !important;

  top: -46px !important;

  right: 0 !important;

  background: rgba(255, 255, 255, 0.15) !important;

  border: none !important;

  color: #ffffff !important;

  width: 40px !important;

  height: 40px !important;

  border-radius: 50% !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  cursor: pointer !important;

  transition: background 0.2s ease, transform 0.15s ease !important;

}



.product-lightbox__close:hover {

  background: rgba(255, 255, 255, 0.3) !important;

  transform: scale(1.05) !important;

}



.product-lightbox__nav {

  position: absolute !important;

  top: 50% !important;

  transform: translateY(-50%) !important;

  background: rgba(255, 255, 255, 0.18) !important;

  border: none !important;

  color: #ffffff !important;

  width: 48px !important;

  height: 48px !important;

  border-radius: 50% !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  cursor: pointer !important;

  transition: background 0.2s ease, transform 0.15s ease !important;

  z-index: 12 !important;

}



.product-lightbox__nav:hover {

  background: rgba(255, 255, 255, 0.35) !important;

  transform: translateY(-50%) scale(1.08) !important;

}



.product-lightbox__nav--prev {

  left: -60px !important;

}



.product-lightbox__nav--next {

  right: -60px !important;

}



@media (max-width: 768px) {

  .product-lightbox__nav--prev {

    left: 8px !important;

  }

  .product-lightbox__nav--next {

    right: 8px !important;

  }

  .product-lightbox__close {

    top: 8px !important;

    right: 8px !important;

  }

}



.product-lightbox__counter {

  margin-top: 14px !important;

  color: #e2e8f0 !important;

  font-size: 14px !important;

  font-weight: 500 !important;

  background: rgba(0, 0, 0, 0.4) !important;

  padding: 4px 14px !important;

  border-radius: 12px !important;

  letter-spacing: 0.5px !important;

}



/* Key Parameters Preview Styling (Requirement 6) */

.product-quick-specs {

  background: #f8fafc !important;

  border: 1px solid #e2e8f0 !important;

  border-radius: 12px !important;

  padding: 18px 22px !important;

  margin-top: 20px !important;

}



.product-quick-specs__title {

  font-family: 'Inter', -apple-system, sans-serif !important;

  font-size: 16px !important;

  font-weight: 700 !important;

  color: #0f172a !important;

  margin: 0 0 14px !important;

}



.product-quick-specs__table {

  width: 100% !important;

  border-collapse: collapse !important;

}



.product-quick-specs__table tr {

  border-bottom: 1px solid #e2e8f0 !important;

}



.product-quick-specs__table tr:last-child {

  border-bottom: none !important;

}



.product-quick-specs__table td {

  padding: 10px 0 !important;

  font-size: 14px !important;

  vertical-align: middle !important;

}



.product-quick-specs__label {

  color: #64748b !important;

  font-weight: 400 !important;

  width: 45% !important;

}



.product-quick-specs__val {

  color: #0f172a !important;

  font-weight: 600 !important;

  text-align: right !important;

}



.product-quick-specs__val .product-oem-tag {

  display: inline-block !important;

  background: #e2e8f0 !important;

  color: #0f172a !important;

  padding: 2px 8px !important;

  border-radius: 4px !important;

  font-size: 13px !important;

  font-weight: 600 !important;

  letter-spacing: 0.2px !important;

}



.product-quick-specs__more {

  margin-top: 14px !important;

  padding-top: 4px !important;

}



.product-quick-specs__more a,

.product-link-to-specs {

  color: #e30613 !important;

  font-size: 14px !important;

  font-weight: 600 !important;

  text-decoration: none !important;

  transition: color 0.15s ease !important;

  display: inline-flex !important;

  align-items: center !important;

  gap: 4px !important;

}



.product-quick-specs__more a:hover,

.product-link-to-specs:hover {

  color: #b91c1c !important;

  text-decoration: underline !important;

}



/* Similar Products Section & Footer Distance */

.product-similar-section {

  margin-top: 56px !important;

  margin-bottom: 84px !important;

  padding: 0 !important;

  background: transparent !important;

  width: 100% !important;

}



@media (max-width: 768px) {

  .product-similar-section {

    margin-top: 40px !important;

    margin-bottom: 64px !important;

    padding: 0 16px !important;

    box-sizing: border-box !important;

  }

}



.product-similar-section .wares__container,

.product-similar-container {

  background: #F8FAFC !important;

  border: 1px solid #E2E8F0 !important;

  border-radius: 16px !important;

  padding: 32px 32px 36px 32px !important;

  max-width: 1280px !important;

  margin: 0 auto !important;

  box-sizing: border-box !important;

}



@media (max-width: 768px) {

  .product-similar-section .wares__container,

  .product-similar-container {

    padding: 16px 14px 20px 14px !important;

    border-radius: 14px !important;

  }

}



.product-similar-header {

  display: flex !important;

  align-items: center !important;

  gap: 12px !important;

  margin-bottom: 24px !important;

}



@media (max-width: 768px) {

  .product-similar-header {

    margin-bottom: 16px !important;

  }

}



.product-similar-title {

  margin: 0 !important;

  font-size: 22px !important;

  font-weight: 700 !important;

  color: #0F172A !important;

  display: flex !important;

  align-items: center !important;

  gap: 12px !important;

  letter-spacing: -0.01em !important;

  line-height: 1.3 !important;

}



.product-similar-title::before {

  content: '' !important;

  display: inline-block !important;

  width: 4px !important;

  height: 22px !important;

  background: #E30613 !important;

  border-radius: 2px !important;

  flex-shrink: 0 !important;

}



@media (max-width: 768px) {

  .product-similar-title {

    font-size: 17px !important;

    gap: 8px !important;

  }

  .product-similar-title::before {

    width: 3px !important;

    height: 18px !important;

  }

}



.product-similar-grid {

  display: grid !important;

  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;

  gap: 20px !important;

  width: 100% !important;

  box-sizing: border-box !important;

  align-items: stretch !important;

}



.product-similar-card {

  position: relative !important;

  background: #FFFFFF !important;

  border: 1px solid #E2E8F0 !important;

  border-radius: 12px !important;

  padding: 16px !important;

  display: flex !important;

  flex-direction: column !important;

  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;

  height: 100% !important;

  min-height: 0 !important;

  box-sizing: border-box !important;

  min-width: 0 !important;

  width: 100% !important;

}



.product-similar-card:hover {

  transform: translateY(-2px) !important;

  border-color: #CBD5E1 !important;

  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08) !important;

}



.product-similar-card .card-product__fig {

  margin: 0 0 10px 0 !important;

  padding: 0 !important;

  text-align: center !important;

  display: flex !important;

  flex-direction: column !important;

  align-items: center !important;

  justify-content: flex-start !important;

  flex-grow: 0 !important;

  height: auto !important;

  min-height: 0 !important;

}



.product-similar-card__img {

  width: 100% !important;

  max-width: 160px !important;

  height: 140px !important;

  object-fit: contain !important;

  margin: 0 auto 10px !important;

}



.product-similar-card .card-product__figcaption {

  font-size: 14px !important;

  font-weight: 600 !important;

  line-height: 1.35 !important;

  color: #0F172A !important;

  text-align: left !important;

  width: 100% !important;

  margin-top: 0 !important;

  padding-top: 0 !important;

  margin-bottom: 8px !important;

  min-height: 38px !important;

  max-height: 38px !important;

  display: -webkit-box !important;

  -webkit-line-clamp: 2 !important;

  -webkit-box-orient: vertical !important;

  overflow: hidden !important;

}



.product-similar-card__art {

  font-size: 12px !important;

  color: #64748B !important;

  margin-top: auto !important;

  margin-bottom: 8px !important;

}



.product-similar-card .card-product__price {

  font-size: 18px !important;

  font-weight: 700 !important;

  color: #0F172A !important;

  margin-top: 0 !important;

  padding-top: 0 !important;

  padding-bottom: 0 !important;

}



@media (max-width: 640px) {

  .product-similar-grid {

    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    gap: 10px !important;

    align-items: stretch !important;

  }

  .product-similar-card {

    padding: 12px 10px 14px 10px !important;

    border-radius: 10px !important;

    height: 100% !important;

    min-height: 0 !important;

    max-height: none !important;

    display: flex !important;

    flex-direction: column !important;

    box-sizing: border-box !important;

  }

  .product-similar-card .card-product__fig {

    height: auto !important;

    min-height: 0 !important;

    margin: 0 0 8px 0 !important;

    padding: 0 !important;

    flex-grow: 0 !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;

    justify-content: flex-start !important;

  }

  .product-similar-card__img {

    width: 100% !important;

    max-width: 110px !important;

    height: 95px !important;

    object-fit: contain !important;

    margin: 0 auto 8px !important;

  }

  .product-similar-card .card-product__figcaption {

    margin: 0 0 6px 0 !important;

    padding: 0 !important;

    font-size: 12.5px !important;

    font-weight: 600 !important;

    line-height: 1.3 !important;

    color: #0f172a !important;

    text-align: left !important;

    width: 100% !important;

    min-height: 33px !important;

    max-height: 33px !important;

    display: -webkit-box !important;

    -webkit-line-clamp: 2 !important;

    -webkit-box-orient: vertical !important;

    overflow: hidden !important;

  }

  .product-similar-card__art {

    font-size: 11px !important;

    color: #64748b !important;

    margin-top: auto !important;

    margin-bottom: 6px !important;

  }

  .product-similar-card .card-product__price {

    font-size: 16px !important;

    font-weight: 700 !important;

    color: #0f172a !important;

    margin-top: 0 !important;

    padding: 0 !important;

  }

}



.product-similar-empty {

  padding: 32px 24px !important;

  background: #FFFFFF !important;

  border-radius: 12px !important;

  border: 1px dashed #CBD5E1 !important;

  text-align: center !important;

  color: #64748B !important;

  font-size: 15px !important;

}



/* Tabs Navigation Bar (Rounded Grey Pill Container per user request) */

.product-info-tabs__list {

  display: inline-flex !important;

  align-items: center !important;

  justify-content: flex-start !important;

  gap: 6px !important;

  background: #F1F3F7 !important;

  border: 1px solid #E2E8F0 !important;

  border-radius: 12px !important;

  padding: 6px !important;

  margin-bottom: 28px !important;

  list-style: none !important;

  width: fit-content !important;

  max-width: 100% !important;

  overflow-x: auto !important;

  -webkit-overflow-scrolling: touch !important;

  box-sizing: border-box !important;

  scrollbar-width: none !important;

}



.product-info-tabs__list::-webkit-scrollbar {

  display: none !important;

  width: 0 !important;

  height: 0 !important;

}



.product-info-tabs__list .tabs__item {

  margin: 0 !important;

  padding: 0 !important;

  flex: 0 0 auto !important;

}



.product-info-tabs__list .tabs__link {

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  padding: 10px 20px !important;

  font-size: 14px !important;

  font-weight: 600 !important;

  color: #64748B !important;

  text-decoration: none !important;

  border-radius: 8px !important;

  border: none !important;

  background: transparent !important;

  transition: all 0.2s ease !important;

  white-space: nowrap !important;

  margin-bottom: 0 !important;

  line-height: 1.4 !important;

  position: relative !important;

}



.product-info-tabs__list .tabs__link:hover {

  color: #0F172A !important;

  background: rgba(255, 255, 255, 0.6) !important;

}



.product-info-tabs__list .tabs__link.tabs__link--active {

  background: #FFFFFF !important;

  color: #E30613 !important;

  font-weight: 700 !important;

  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.08) !important;

  border: none !important;

}



/* Eliminate ANY pseudo-element red underline or markers */

.product-info-tabs__list .tabs__link::after,

.product-info-tabs__list .tabs__link--active::after,

.product-info-tabs__list .tabs__link::before,

.product-info-tabs__list .tabs__link--active::before {

  display: none !important;

  content: none !important;

  height: 0 !important;

  width: 0 !important;

  opacity: 0 !important;

}



@media (max-width: 768px) {

  .product-info-tabs__list {

    padding: 4px !important;

    margin-bottom: 20px !important;

    gap: 4px !important;

  }

  .product-info-tabs__list .tabs__link {

    padding: 8px 14px !important;

    font-size: 13px !important;

  }

}



.product-bottom-info .info__section-title {

  display: none !important;

}



.product-about-description {

  font-size: 15px !important;

  line-height: 1.7 !important;

  color: #334155 !important;

  margin-bottom: 20px !important;

}



.product-about-lsi {

  font-size: 14px !important;

  line-height: 1.65 !important;

  color: #64748b !important;

  background: #f8fafc !important;

  padding: 18px 22px !important;

  border-radius: 10px !important;

  border-left: 4px solid #e30613 !important;

}



.product-fitment-detected {

  margin-bottom: 20px !important;

  padding: 14px 18px !important;

  background: #f8fafc !important;

  border-left: 4px solid #e30613 !important;

  border-radius: 6px !important;

  font-size: 14px !important;

  line-height: 1.6 !important;

  color: #0f172a !important;

}





/* ==========================================================================

   OFFCANVAS CART & CHECKOUT STYLING - TOCHKA OPORY DESIGN SYSTEM

   ========================================================================== */

.modal-backdrop {

  z-index: 1045 !important;

}



.offcanvas {

  z-index: 1055 !important;

  box-shadow: -8px 0 32px rgba(15, 23, 42, 0.18) !important;

}



.offcanvas.is-open ~ #aiOrbWidget,

body.has-offcanvas-cart #aiOrbWidget,

body.modal-open #aiOrbWidget {

  display: none !important;

}



.offcanvas-cart {

  font-family: var(--font-primary, 'Inter', -apple-system, sans-serif) !important;

  color: #0F172A !important;

  padding: 10px 4px !important;

}



.offcanvas-cart-header {

  font-size: 18px !important;

  font-weight: 800 !important;

  letter-spacing: -0.2px !important;

  color: #0F172A !important;

  border-bottom: 1.5px solid #F1F5F9 !important;

  padding-bottom: 14px !important;

  margin-bottom: 16px !important;

}



.offcanvas-cart-header-count {

  font-size: 13px !important;

  font-weight: 700 !important;

  color: #64748B !important;

  background: #F1F5F9 !important;

  padding: 4px 10px !important;

  border-radius: 20px !important;

}



.offcanvas-cart .alert-success {

  background: #ECFDF5 !important;

  border: 1px solid #A7F3D0 !important;

  color: #065F46 !important;

  border-radius: 10px !important;

  font-weight: 600 !important;

  font-size: 13.5px !important;

  padding: 10px 14px !important;

  margin-bottom: 16px !important;

}



.offcanvas-cart .line-item {

  border-bottom: 1px solid #F1F5F9 !important;

  padding-bottom: 16px !important;

  margin-bottom: 16px !important;

}



.offcanvas-cart .line-item-label {

  font-weight: 700 !important;

  font-size: 14.5px !important;

  line-height: 1.35 !important;

  color: #0F172A !important;

  text-decoration: none !important;

}



.offcanvas-cart .line-item-label:hover {

  color: #E30613 !important;

}



.offcanvas-cart .line-item-details-container {

  font-size: 12px !important;

  color: #64748B !important;

  margin-top: 4px !important;

}



.offcanvas-cart .line-item-total-price-value {

  font-weight: 800 !important;

  font-size: 16px !important;

  color: #0F172A !important;

}



.offcanvas-cart .line-item-remove-button {

  color: #94A3B8 !important;

  transition: color 0.15s ease !important;

}



.offcanvas-cart .line-item-remove-button:hover {

  color: #E30613 !important;

}



.offcanvas-summary {

  background: #F8FAFC !important;

  border: 1px solid #E2E8F0 !important;

  border-radius: 12px !important;

  padding: 16px 18px !important;

  margin-top: 20px !important;

  margin-bottom: 16px !important;

}



.offcanvas-summary-list dt,

.offcanvas-summary-list dd {

  font-size: 14px !important;

  color: #334155 !important;

}



.offcanvas-summary .summary-total {

  font-size: 17px !important;

  font-weight: 800 !important;

  color: #0F172A !important;

}



.offcanvas-cart .begin-checkout-btn {

  background: #E30613 !important;

  border: 1.5px solid #E30613 !important;

  color: #FFFFFF !important;

  font-weight: 700 !important;

  font-size: 15px !important;

  border-radius: 8px !important;

  padding: 13px 22px !important;

  box-shadow: 0 4px 12px rgba(227, 6, 19, 0.22) !important;

  transition: all 0.2s ease !important;

  display: block !important;

  text-align: center !important;

}



.offcanvas-cart .begin-checkout-btn:hover {

  background: #C0040F !important;

  border-color: #C0040F !important;

  transform: translateY(-1px) !important;

  box-shadow: 0 6px 16px rgba(227, 6, 19, 0.32) !important;

}



.offcanvas-cart .btn-link {

  color: #64748B !important;

  font-size: 13.5px !important;

  font-weight: 600 !important;

  text-decoration: none !important;

  padding: 8px !important;

  transition: color 0.15s ease !important;

}



.offcanvas-cart .btn-link:hover {

  color: #0F172A !important;

  text-decoration: underline !important;

}



/* Header Minimal (Checkout Header) */

.header-minimal {

  background: #FFFFFF !important;

  border-bottom: 1.5px solid #E2E8F0 !important;

  padding: 16px 0 !important;

}



.header-minimal-row {

  align-items: center !important;

}



.header-minimal-contact {

  font-family: var(--font-primary, 'Inter', sans-serif) !important;

}



/* ==========================================================================

   TOCHKA OPORY OFFCANVAS CART REDESIGN

   ========================================================================== */

.offcanvas.cart-offcanvas,

.offcanvas.offcanvas-end,

.offcanvas.js-offcanvas-singleton {

  width: 440px !important;

  max-width: 100vw !important;

  background: #ffffff !important;

  font-family: var(--font-primary, 'Inter', sans-serif) !important;

  box-shadow: -8px 0 32px rgba(15, 23, 42, 0.12) !important;

  border-left: 1px solid #e2e8f0 !important;

  z-index: 1055 !important;

}



/* Hide default Shopware/Bootstrap top bar with dark gray button */

.offcanvas-header {

  display: none !important;

}



.offcanvas-body {

  padding: 0 !important;

  display: flex !important;

  flex-direction: column !important;

  height: 100% !important;

  overflow: hidden !important;

}



.to-offcanvas-cart {

  display: flex;

  flex-direction: column;

  height: 100%;

  overflow: hidden;

}



/* Header */

.to-offcanvas-header {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 20px 24px;

  background: #ffffff;

  border-bottom: 1px solid #f1f5f9;

  flex-shrink: 0;

}



.to-offcanvas-header__left {

  display: flex;

  align-items: center;

  gap: 12px;

}



.to-offcanvas-header__title {

  font-size: 20px;

  font-weight: 700;

  color: #0f172a;

  margin: 0;

  line-height: 1.2;

}



.to-offcanvas-header__badge {

  display: inline-flex;

  align-items: center;

  font-size: 12px;

  font-weight: 600;

  color: #e30613;

  background: #fef2f2;

  border: 1px solid #fee2e2;

  padding: 3px 10px;

  border-radius: 9999px;

}



.to-offcanvas-header__close {

  width: 36px;

  height: 36px;

  border-radius: 8px;

  border: 1px solid #e2e8f0;

  background: #ffffff;

  color: #64748b;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

  transition: all 0.15s ease;

  padding: 0;

}



.to-offcanvas-header__close:hover {

  background: #f8fafc;

  color: #0f172a;

  border-color: #cbd5e1;

}



/* Items list */

.to-cart-items-list {

  flex: 1;

  overflow-y: auto;

  padding: 18px 24px;

  display: flex;

  flex-direction: column;

  gap: 12px;

  scrollbar-width: thin;

  scrollbar-color: #cbd5e1 #f8fafc;

}



.to-cart-items-list::-webkit-scrollbar {

  width: 5px;

}



.to-cart-items-list::-webkit-scrollbar-thumb {

  background: #cbd5e1;

  border-radius: 4px;

}



/* Single Cart Item */

.to-cart-item {

  display: flex;

  gap: 14px;

  background: #ffffff;

  border: 1px solid #e2e8f0;

  border-radius: 12px;

  padding: 14px;

  transition: border-color 0.15s ease, box-shadow 0.15s ease;

  position: relative;

}



.to-cart-item:hover {

  border-color: #cbd5e1;

  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.04);

}



.to-cart-item__img-link {

  width: 76px;

  height: 76px;

  flex-shrink: 0;

  background: #f8fafc;

  border: 1px solid #f1f5f9;

  border-radius: 8px;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 4px;

  overflow: hidden;

  text-decoration: none;

}



.to-cart-item__img {

  max-width: 100%;

  max-height: 100%;

  object-fit: contain;

}



.to-cart-item__body {

  flex: 1;

  min-width: 0;

  display: flex;

  flex-direction: column;

}



.to-cart-item__top-row {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  gap: 8px;

  margin-bottom: 4px;

}



.to-cart-item__name {

  font-size: 14px;

  font-weight: 600;

  line-height: 1.35;

  color: #0f172a;

  text-decoration: none;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

  transition: color 0.15s;

}



.to-cart-item__name:hover {

  color: #e30613;

}



.to-cart-item__remove-form {

  margin: 0;

  flex-shrink: 0;

}



.to-cart-item__remove-btn {

  width: 26px;

  height: 26px;

  border: none;

  background: transparent;

  color: #94a3b8;

  border-radius: 6px;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

  transition: all 0.15s;

  padding: 0;

}



.to-cart-item__remove-btn:hover {

  color: #ef4444;

  background: #fee2e2;

}



.to-cart-item__sku {

  font-size: 12px;

  color: #64748b;

  margin-bottom: 5px;

}



.to-cart-item__sku strong {

  color: #334155;

}



.to-cart-item__stock {

  display: inline-flex;

  align-items: center;

  gap: 5px;

  font-size: 11px;

  font-weight: 500;

  color: #15803d;

  margin-bottom: 10px;

}



.to-cart-item__stock-dot {

  width: 6px;

  height: 6px;

  border-radius: 50%;

  background: #22c55e;

  flex-shrink: 0;

}



.to-cart-item__bottom-row {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-top: auto;

  gap: 12px;

}



.to-cart-item__qty-form {

  margin: 0;

}



.to-cart-stepper {

  display: inline-flex;

  align-items: center;

  border: 1px solid #d1d5db;

  border-radius: 8px;

  background: #ffffff;

  height: 32px;

  overflow: hidden;

}



.to-cart-stepper__btn {

  width: 32px;

  height: 32px;

  border: none;

  background: transparent;

  font-size: 16px;

  font-weight: 500;

  color: #475569;

  cursor: pointer;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: background 0.15s, color 0.15s;

  padding: 0;

}



.to-cart-stepper__btn:hover {

  background: #f1f5f9;

  color: #0f172a;

}



.to-cart-stepper__input {

  width: 34px;

  height: 32px;

  border: none;

  border-left: 1px solid #e2e8f0;

  border-right: 1px solid #e2e8f0;

  text-align: center;

  font-size: 13px;

  font-weight: 600;

  color: #0f172a;

  background: transparent;

  padding: 0;

}



.to-cart-item__price {

  font-size: 16px;

  font-weight: 700;

  color: #0f172a;

  white-space: nowrap;

}



/* Summary Card */

.to-cart-summary {

  background: #f8fafc;

  border: 1px solid #e2e8f0;

  border-radius: 12px;

  padding: 16px 18px;

  margin: 12px 24px 0 24px;

  flex-shrink: 0;

}



.to-cart-summary__row {

  display: flex;

  justify-content: space-between;

  align-items: center;

  font-size: 14px;

  margin-bottom: 8px;

}



.to-cart-summary__label {

  color: #64748b;

  font-weight: 500;

}



.to-cart-summary__val {

  color: #1e293b;

  font-weight: 600;

}



.to-cart-summary__shipping-left {

  display: flex;

  flex-direction: column;

}



.to-cart-summary__shipping-sub {

  font-size: 11px;

  color: #94a3b8;

  margin-top: 1px;

}



.to-cart-summary__val--calc {

  font-size: 12px;

  color: #475569;

  font-weight: 500;

  text-align: right;

  background: #ffffff;

  border: 1px solid #e2e8f0;

  padding: 3px 8px;

  border-radius: 6px;

}



.to-cart-summary__divider {

  height: 1px;

  background: #e2e8f0;

  margin: 12px 0;

}



.to-cart-summary__row--total {

  margin-bottom: 0;

}



.to-cart-summary__total-label {

  font-size: 15px;

  font-weight: 700;

  color: #0f172a;

}



.to-cart-summary__total-val {

  font-size: 20px;

  font-weight: 800;

  color: #0f172a;

  letter-spacing: -0.02em;

}



/* Footer CTAs */

.to-cart-footer {

  padding: 16px 24px 24px 24px;

  background: #ffffff;

  border-top: 1px solid #f1f5f9;

  display: flex;

  flex-direction: column;

  gap: 10px;

  flex-shrink: 0;

}



.to-cart-footer__btn--primary {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 100%;

  height: 48px;

  background: #e30613;

  color: #ffffff !important;

  border: none;

  border-radius: 10px;

  font-size: 15px;

  font-weight: 700;

  text-decoration: none !important;

  cursor: pointer;

  box-shadow: 0 4px 14px rgba(227, 6, 19, 0.25);

  transition: all 0.15s ease;

}



.to-cart-footer__btn--primary:hover {

  background: #b9050f;

  box-shadow: 0 6px 18px rgba(227, 6, 19, 0.35);

  transform: translateY(-1px);

  color: #ffffff !important;

}



.to-cart-footer__btn--secondary {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 100%;

  height: 38px;

  background: transparent;

  color: #64748b;

  border: 1px solid #e2e8f0;

  border-radius: 8px;

  font-size: 13px;

  font-weight: 500;

  cursor: pointer;

  transition: all 0.15s;

}



.to-cart-footer__btn--secondary:hover {

  background: #f8fafc;

  color: #0f172a;

  border-color: #cbd5e1;

}



/* Empty cart state */

.to-cart-empty {

  padding: 60px 24px;

  text-align: center;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

}



.to-cart-empty__icon-box {

  width: 80px;

  height: 80px;

  border-radius: 50%;

  background: #f1f5f9;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 20px;

}



.to-cart-empty__title {

  font-size: 18px;

  font-weight: 700;

  color: #0f172a;

  margin: 0 0 8px 0;

}



.to-cart-empty__text {

  font-size: 14px;

  color: #64748b;

  margin: 0 0 24px 0;

}



.to-cart-empty__btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  padding: 12px 24px;

  background: #e30613;

  color: #ffffff !important;

  border-radius: 8px;

  font-size: 14px;

  font-weight: 600;

  text-decoration: none !important;

  transition: background 0.15s ease;

}



.to-cart-empty__btn:hover {

  background: #b9050f;

}



/* ==========================================================================

   Operation 105: Product Detail Page Tabs Redesign (Real Data & Clean Tochka Opory Style)

   ========================================================================== */



/* Tabs List Track & Compact Active Pill */

.product-info-tabs__list {

  display: inline-flex !important;

  align-items: center !important;

  justify-content: flex-start !important;

  gap: 4px !important;

  background: #F1F3F7 !important;

  border: 1px solid #E2E8F0 !important;

  border-radius: 12px !important;

  padding: 6px 8px !important;

  margin-bottom: 24px !important;

  margin-left: 16px !important;

  list-style: none !important;

  width: fit-content !important;

  max-width: 100% !important;

  box-sizing: border-box !important;

  overflow-x: auto !important;

  scrollbar-width: none !important;

}



.product-info-tabs__list .tabs__item {

  margin: 0 !important;

  padding: 0 !important;

  list-style: none !important;

}



.product-info-tabs__list .tabs__link {

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  padding: 5px 14px !important;

  font-size: 13px !important;

  font-weight: 600 !important;

  color: #64748B !important;

  text-decoration: none !important;

  border-radius: 7px !important;

  border: none !important;

  background: transparent !important;

  transition: all 0.2s ease !important;

  white-space: nowrap !important;

  line-height: 1.4 !important;

}



.product-info-tabs__list .tabs__link:hover {

  color: #0F172A !important;

  background: rgba(255, 255, 255, 0.45) !important;

}



.product-info-tabs__list .tabs__link.tabs__link--active {

  background: #FFFFFF !important;

  color: #E30613 !important;

  font-weight: 700 !important;

  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.08), 0 1px 2px rgba(15, 23, 42, 0.04) !important;

  border: none !important;

}



/* Mobile 2x2 Grid for PDP Information Tabs */

@media (max-width: 768px) {

  .product-info-tabs__list {

    display: grid !important;

    grid-template-columns: 1fr 1fr !important;

    gap: 6px !important;

    width: 100% !important;

    max-width: 100% !important;

    margin: 0 0 20px 0 !important;

    padding: 6px !important;

    border-radius: 12px !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    height: auto !important;

    min-height: 0 !important;

    max-height: none !important;

  }

  .product-info-tabs__list .tabs__item {

    width: 100% !important;

    flex: none !important;

    margin: 0 !important;

    padding: 0 !important;

    list-style: none !important;

  }

  .product-info-tabs__list .tabs__link {

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    text-align: center !important;

    width: 100% !important;

    box-sizing: border-box !important;

    padding: 8px 6px !important;

    font-size: 12.5px !important;

    font-weight: 600 !important;

    line-height: 1.25 !important;

    min-height: 42px !important;

    border-radius: 8px !important;

    white-space: normal !important;

  }

}



/* Tabs Container & Panel visibility */

.product-bottom-info {

  margin-top: 24px !important;

  margin-bottom: 0 !important;

}



.product-bottom-info .info__section-title {

  display: none !important;

}



.product-bottom-info .tabs__panel {

  display: none !important;

  padding: 0 !important;

  margin: 0 !important;

}



.product-bottom-info .tabs__panel.tabs__panel--active {

  display: block !important;

  animation: toTabFadeIn 0.2s ease;

}



@keyframes toTabFadeIn {

  from {

    opacity: 0;

    transform: translateY(4px);

  }

  to {

    opacity: 1;

    transform: translateY(0);

  }

}



/* Tab 1: «О товаре» Unified Layout (No isolated side box per user request) */

.to-about-wrap {

  display: flex !important;

  flex-direction: column !important;

  gap: 16px !important;

  padding: 0 !important;

  max-width: 100% !important;

}



.to-product-specs-section {

  border-top: none !important;

  padding-top: 0 !important;

  margin-top: 0 !important;

}



.to-specs-heading {

  font-size: 16px !important;

  font-weight: 700 !important;

  color: #0f172a !important;

  margin: 0 0 16px 0 !important;

}



.to-product-desc {

  color: #334155 !important;

  font-size: 15px !important;

  line-height: 1.6 !important;

  margin-top: 26px !important;

  padding-top: 22px !important;

  border-top: 1px solid #E2E8F0 !important;

  margin-bottom: 24px !important;

}



.to-desc-heading {

  font-size: 16px !important;

  font-weight: 700 !important;

  color: #0f172a !important;

  margin: 0 0 14px 0 !important;

}



.to-product-desc__text p {

  margin: 0 0 12px 0 !important;

}



.to-product-desc__text p:last-child {

  margin-bottom: 0 !important;

}



/* Similar products section spacing */

.product-similar-section {

  margin-top: 76px !important;

  margin-bottom: 90px !important;

}



/* Product Details Tabs Spacing & Uniformity */

.product-bottom-info .info__section-wrap {

  padding: 0 16px !important;

  margin: 0 !important;

  box-sizing: border-box !important;

}



.to-product-specs-section__title {

  font-size: 17px !important;

  font-weight: 700 !important;

  color: #0F172A !important;

  margin: 0 0 18px 0 !important;

}



.to-product-specs-grid {

  display: grid !important;

  grid-template-columns: repeat(2, 1fr) !important;

  gap: 16px 48px !important;

}



@media (max-width: 768px) {

  .to-product-specs-grid {

    grid-template-columns: 1fr !important;

    gap: 12px !important;

  }

}



.to-spec-line {

  display: flex !important;

  align-items: baseline !important;

  justify-content: flex-start !important;

  gap: 16px !important;

  padding-bottom: 10px !important;

  border-bottom: 1px dashed #E2E8F0 !important;

}



.to-spec-line__label {

  font-size: 14px !important;

  color: #64748B !important;

  flex: 0 0 160px !important;

  padding-right: 0 !important;

}



.to-spec-line__val {

  font-size: 14px !important;

  font-weight: 600 !important;

  color: #0F172A !important;

  text-align: left !important;

  flex: 1 !important;

}



.to-specs-art {

  font-family: monospace, inherit !important;

  font-weight: 700 !important;

  color: #0F172A !important;

  background: #E2E8F0 !important;

  padding: 2px 6px !important;

  border-radius: 4px !important;

  font-size: 13px !important;

}



/* Shared Tab Intro Text */

.to-tab-intro {

  font-size: 15px;

  color: #475569;

  margin: 0 0 14px 0 !important;

  line-height: 1.5;

}



/* Tab 2: OEM номера */

.to-oem-list {

  list-style: none !important;

  padding: 0 !important;

  margin: 0 0 14px 0 !important;

}



.to-oem-grid {

  display: flex;

  flex-wrap: wrap;

  gap: 12px;

  margin-bottom: 12px !important;

}



.to-oem-chip {

  display: inline-flex;

  align-items: center;

  gap: 8px;

  background: #ffffff;

  border: 1.5px solid #cbd5e1;

  border-radius: 8px;

  padding: 10px 16px;

  font-size: 15px;

  font-weight: 600;

  color: #0f172a;

  cursor: pointer;

  position: relative;

  transition: all 0.2s ease;

  user-select: none;

}



.to-oem-chip code.to-oem-chip__text {

  font-family: inherit;

  font-size: 15px;

  font-weight: 700;

  color: inherit;

  background: transparent;

  padding: 0;

  border: none;

}



.to-oem-chip--primary {

  border-color: #e30613 !important;

  background: #fff8f8 !important;

  box-shadow: 0 2px 8px rgba(227, 6, 19, 0.08) !important;

}



.to-oem-chip__primary-badge {

  font-size: 11px !important;

  font-weight: 700 !important;

  background: #e30613 !important;

  color: #ffffff !important;

  padding: 2px 7px !important;

  border-radius: 4px !important;

  letter-spacing: 0.03em !important;

  text-transform: uppercase !important;

}



.to-oem-chip:hover {

  border-color: #e30613;

  background: #fff5f5;

  color: #e30613;

  transform: translateY(-1px);

  box-shadow: 0 2px 8px rgba(227, 6, 19, 0.12);

}



.to-oem-chip__copy {

  display: inline-flex;

  align-items: center;

  color: #94a3b8;

  transition: color 0.15s ease;

}



.to-oem-chip:hover .to-oem-chip__copy {

  color: #e30613;

}



.to-oem-chip__copied-hint {

  display: none;

  position: absolute;

  top: -30px;

  left: 50%;

  transform: translateX(-50%);

  background: #0f172a;

  color: #ffffff;

  font-size: 11px;

  font-weight: 600;

  padding: 4px 8px;

  border-radius: 4px;

  white-space: nowrap;

  pointer-events: none;

}



.to-oem-chip.copied .to-oem-chip__copied-hint {

  display: block;

}



.to-oem-chip.copied {

  border-color: #10b981 !important;

  background: #ecfdf5 !important;

  color: #065f46 !important;

}



.to-oem-subnote {

  font-size: 13px;

  color: #94a3b8;

  margin: 0 !important;

}



/* Tab 1: Характеристики детали - OEM semantic list */

.to-specs-oem-ul {

  list-style: none !important;

  padding: 0 !important;

  margin: 0 !important;

  display: flex !important;

  flex-wrap: wrap !important;

  gap: 8px !important;

  align-items: center !important;

}



.to-specs-oem-li {

  display: inline-flex !important;

  align-items: center !important;

  gap: 6px !important;

  list-style: none !important;

}



.to-oem-code {

  font-family: inherit !important;

  font-size: 13px !important;

  font-weight: 700 !important;

  color: #0f172a !important;

  background: #f1f5f9 !important;

  border: 1px solid #cbd5e1 !important;

  border-radius: 6px !important;

  padding: 3px 8px !important;

  cursor: pointer !important;

  transition: all 0.15s ease !important;

  letter-spacing: 0.02em !important;

}



.to-oem-code:hover {

  background: #fee2e2 !important;

  border-color: #e30613 !important;

  color: #e30613 !important;

}



.to-oem-code.copied {

  background: #ecfdf5 !important;

  border-color: #10b981 !important;

  color: #065f46 !important;

}



.to-oem-badge-primary {

  font-size: 10px !important;

  font-weight: 700 !important;

  text-transform: uppercase !important;

  letter-spacing: 0.04em !important;

  background: #e30613 !important;

  color: #ffffff !important;

  padding: 2px 6px !important;

  border-radius: 4px !important;

}



.to-oem-tab-link {

  font-size: 13px !important;

  font-weight: 600 !important;

  color: #e30613 !important;

  text-decoration: underline !important;

  margin-left: 4px !important;

}



.to-oem-hero-badge {

  color: #e30613 !important;

  background: #fef2f2 !important;

  border: 1px solid #fecaca !important;

  padding: 2px 8px !important;

  border-radius: 6px !important;

  font-family: inherit !important;

  letter-spacing: 0.02em !important;

}



.to-oem-more-badge {

  font-size: 12px !important;

  color: #e30613 !important;

  text-decoration: underline !important;

  margin-left: 4px !important;

  font-weight: 500 !important;

}



/* Tab 3: Применяемость к авто (Простой аккуратный список совместимых авто) */

.to-fitment-list {

  margin: 0 !important;

  padding: 0 !important;

  list-style: none !important;

  display: flex !important;

  flex-direction: column !important;

  gap: 12px !important;

}



.to-fitment-item {

  font-size: 15px !important;

  font-weight: 600 !important;

  color: #0F172A !important;

  line-height: 1.5 !important;

  display: flex !important;

  align-items: center !important;

  gap: 10px !important;

}



.to-fitment-item::before {

  content: "•";

  color: #E30613;

  font-size: 20px;

  line-height: 1;

}



/* Tab 4: Гарантия (Простой чистый текст) */

.to-warranty-text {

  font-size: 15px !important;

  line-height: 1.65 !important;

  color: #334155 !important;

  width: 100% !important;

  max-width: 100% !important;

}



.to-warranty-text p {

  margin: 0 0 14px 0 !important;

}



.to-warranty-text p:last-child {

  margin-bottom: 0 !important;

}



.to-warranty-text strong {

  color: #0F172A !important;

  font-weight: 600 !important;

}



.to-tab-empty-box {

  padding: 24px;

  background: #f8fafc;

  border: 1px dashed #cbd5e1;

  border-radius: 8px;

  color: #64748b;

  font-size: 14px;

  line-height: 1.5;

}



.to-tab-empty-box p {

  margin: 0;

}



/* ==========================================================================

   Operation 106: Offcanvas Cart Alerts Refinement (Tochka Opory Style)

   ========================================================================== */



.to-cart-flashbags,

.to-offcanvas-cart .flashbags {

  padding: 0 24px !important;

  margin-top: 14px !important;

  display: flex !important;

  flex-direction: column !important;

  gap: 8px !important;

}



.to-cart-alert,

.to-offcanvas-cart .alert {

  display: flex !important;

  align-items: center !important;

  gap: 10px !important;

  padding: 10px 14px !important;

  border-radius: 8px !important;

  font-family: var(--font-primary, 'Inter', sans-serif) !important;

  font-size: 13px !important;

  font-weight: 500 !important;

  line-height: 1.4 !important;

  margin: 0 !important;

}



.to-cart-alert__icon {

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  flex-shrink: 0 !important;

}



.to-cart-alert__text,

.to-offcanvas-cart .alert-content-container,

.to-offcanvas-cart .alert-content {

  flex: 1 !important;

  margin: 0 !important;

  padding: 0 !important;

  font-size: 13px !important;

}



/* Success style */

.to-cart-alert--success,

.to-offcanvas-cart .alert-success {

  background: #f0fdf4 !important;

  border: 1px solid #bbf7d0 !important;

  color: #166534 !important;

}



.to-cart-alert--success .to-cart-alert__icon,

.to-offcanvas-cart .alert-success .icon {

  color: #16a34a !important;

  background: transparent !important;

  padding: 0 !important;

  margin: 0 !important;

  width: 16px !important;

  height: 16px !important;

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

}



/* Danger / Error style */

.to-cart-alert--danger,

.to-cart-alert--error,

.to-offcanvas-cart .alert-danger {

  background: #fef2f2 !important;

  border: 1px solid #fecaca !important;

  color: #991b1b !important;

}



/* Warning style */

.to-cart-alert--warning,

.to-offcanvas-cart .alert-warning {

  background: #fffbeb !important;

  border: 1px solid #fde68a !important;

  color: #92400e !important;

}



/* Info style */

.to-cart-alert--info,

.to-offcanvas-cart .alert-info {

  background: #f0f9ff !important;

  border: 1px solid #bae6fd !important;

  color: #0369a1 !important;

}



/* Header Cart Badge Zero/Empty State */

.header-user-nav__badge.is-hidden,

.header-top-bar__cart-badge.is-hidden,

.header-user-nav__icon-wrap .header-user-nav__badge.is-hidden {

  display: none !important;

}



/* Header stability & scrollbar shift prevention */

html {

  scrollbar-gutter: stable;

}



.header-contacts__address-lines {

  min-width: max-content !important;

  white-space: nowrap !important;

}



.header-contacts__address-line {

  white-space: nowrap !important;

}



.header-top-bar__cart-count {

  display: inline-block !important;

  min-width: 44px !important;

  text-align: right !important;

}



.header-cart-label__count {

  display: inline-block !important;

  min-width: 44px !important;

  text-align: left !important;

}





/* ==========================================================================

   CHECKOUT PAGE & REGISTER REDESIGN - TOCHKA OPORY DESIGN SYSTEM

   ========================================================================== */

.checkout {

  background-color: #F8FAFC !important;

  min-height: calc(100vh - 200px) !important;

  padding: 32px 0 64px 0 !important;

  font-family: var(--font-primary, 'Inter', -apple-system, BlinkMacSystemFont, sans-serif) !important;

}



.checkout .checkout-container {

  max-width: 1240px !important;

  margin-left: auto !important;

  margin-right: auto !important;

  padding-left: 20px !important;

  padding-right: 20px !important;

  display: grid !important;

  grid-template-columns: minmax(0, 1fr) 380px !important;

  gap: 32px !important;

  align-items: start !important;

  box-sizing: border-box !important;

}



@media (max-width: 991.98px) {

  .checkout .checkout-container {

    grid-template-columns: 1fr !important;

    gap: 28px !important;

  }

}



.checkout .checkout-main {

  width: 100% !important;

  min-width: 0 !important;

  box-sizing: border-box !important;

}



.checkout .checkout-aside {

  width: 100% !important;

  box-sizing: border-box !important;

  position: sticky !important;

  top: 24px !important;

  display: flex !important;

  flex-direction: column !important;

  gap: 20px !important;

}



/* Step Indicator (Спокойные лаконичные хлебные крошки без кричащих ИИ-элементов) */

.to-checkout-steps {

  display: flex !important;

  align-items: center !important;

  gap: 8px !important;

  margin-bottom: 20px !important;

  padding: 0 !important;

  flex-wrap: wrap !important;

}



.to-checkout-step {

  display: inline-flex !important;

  align-items: center !important;

  gap: 4px !important;

  font-size: 14px !important;

  line-height: 1.4 !important;

  text-decoration: none !important;

  background: none !important;

  border: none !important;

  box-shadow: none !important;

  transition: color 0.15s ease !important;

}



.to-checkout-step__badge,

.to-checkout-step__num {

  display: inline !important;

  width: auto !important;

  height: auto !important;

  min-width: 0 !important;

  padding: 0 !important;

  background: none !important;

  border: none !important;

  border-radius: 0 !important;

  box-shadow: none !important;

  font-size: inherit !important;

  font-weight: inherit !important;

  color: inherit !important;

  margin-right: 1px !important;

}



.to-checkout-step__name {

  font-size: inherit !important;

  font-weight: inherit !important;

  color: inherit !important;

}



.to-checkout-step--done {

  color: #64748B !important;

  font-weight: 500 !important;

  cursor: pointer !important;

}



.to-checkout-step--done:hover {

  color: #0F172A !important;

  text-decoration: underline !important;

}



.to-checkout-step--active {

  color: #0F172A !important;

  font-weight: 700 !important;

  cursor: default !important;

}



.to-checkout-step--future {

  color: #94A3B8 !important;

  font-weight: 400 !important;

  cursor: default !important;

}



.to-checkout-step__sep {

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  color: #CBD5E1 !important;

  margin: 0 4px !important;

}



.to-checkout-step__sep svg {

  stroke: #CBD5E1 !important;

}



/* Page Title */

.to-checkout-title,

.address-main-header {

  font-size: 26px !important;

  font-weight: 800 !important;

  color: #0F172A !important;

  margin: 0 0 24px 0 !important;

  letter-spacing: -0.3px !important;

  line-height: 1.25 !important;

}



/* Login Banner */

.to-checkout-login-banner {

  display: flex !important;

  align-items: center !important;

  justify-content: space-between !important;

  flex-wrap: wrap !important;

  gap: 14px !important;

  background: #F8FAFC !important;

  border: 1px solid #E2E8F0 !important;

  border-radius: 12px !important;

  padding: 14px 18px !important;

  margin-bottom: 22px !important;

  box-shadow: none !important;

}



.to-checkout-login-banner__left {

  display: flex !important;

  align-items: center !important;

  gap: 14px !important;

}



.to-checkout-login-banner__icon {

  width: 38px !important;

  height: 38px !important;

  border-radius: 8px !important;

  background: #F1F5F9 !important;

  border: 1px solid #E2E8F0 !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  flex-shrink: 0 !important;

}



.to-checkout-login-banner__info {

  display: flex !important;

  flex-direction: column !important;

  gap: 2px !important;

}



.to-checkout-login-banner__text {

  font-size: 14px !important;

  font-weight: 600 !important;

  color: #0F172A !important;

}



.to-checkout-login-banner__hint {

  font-size: 12px !important;

  color: #64748B !important;

}



.to-checkout-login-banner__btn {

  font-size: 13px !important;

  font-weight: 600 !important;

  color: #334155 !important;

  background: #FFFFFF !important;

  border: 1.5px solid #CBD5E1 !important;

  border-radius: 8px !important;

  padding: 7px 16px !important;

  text-decoration: none !important;

  transition: all 0.15s ease !important;

  white-space: nowrap !important;

}



.to-checkout-login-banner__btn:hover {

  background: #F1F5F9 !important;

  color: #0F172A !important;

  border-color: #94A3B8 !important;

}



/* Fallback for raw Shopware login toggle */

.register-login-collapse-toogle {

  display: none !important;

}



/* Form Cards */

.checkout .card,

.checkout .register-card,

.checkout .login-card {

  background: #FFFFFF !important;

  border: 1.5px solid #E2E8F0 !important;

  border-radius: 16px !important;

  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.03) !important;

  margin-bottom: 24px !important;

  overflow: hidden !important;

}



.checkout .card-body {

  padding: 28px !important;

}



@media (max-width: 576px) {

  .checkout .card-body {

    padding: 18px !important;

  }

}



.checkout .card-title {

  font-size: 18px !important;

  font-weight: 700 !important;

  color: #0F172A !important;

  margin-bottom: 20px !important;

  padding-bottom: 12px !important;

  border-bottom: 1px solid #F1F5F9 !important;

}



.checkout fieldset {

  border: none !important;

  padding: 0 !important;

  margin: 0 0 28px 0 !important;

}



.checkout fieldset legend,

.checkout fieldset .card-title {

  font-size: 17px !important;

  font-weight: 700 !important;

  color: #0F172A !important;

  margin-bottom: 16px !important;

  padding-bottom: 8px !important;

  border-bottom: 1px solid #F1F5F9 !important;

  display: block !important;

  width: 100% !important;

}



/* Inputs, Selects & Labels */

.checkout .form-label {

  font-size: 13.5px !important;

  font-weight: 600 !important;

  color: #334155 !important;

  margin-bottom: 6px !important;

  display: inline-block !important;

}



.checkout .form-control {

  height: 48px !important;

  border: 1.5px solid #CBD5E1 !important;

  border-radius: 10px !important;

  padding: 0 16px !important;

  font-size: 14.5px !important;

  color: #0F172A !important;

  background-color: #FFFFFF !important;

  transition: border-color 0.15s ease, box-shadow 0.15s ease !important;

  outline: none !important;

  box-sizing: border-box !important;

}



.checkout .form-control:focus {

  border-color: #E30613 !important;

  box-shadow: 0 0 0 3px rgba(227, 6, 19, 0.12) !important;

  background-color: #FFFFFF !important;

}



/* Quick city pills on checkout */

.to-quick-city-btn {

  background: #F1F5F9 !important;

  color: #334155 !important;

  border: 1px solid #CBD5E1 !important;

  border-radius: 6px !important;

  padding: 4px 10px !important;

  font-size: 12px !important;

  font-weight: 600 !important;

  cursor: pointer !important;

  transition: all 0.15s ease !important;

}



.to-quick-city-btn:hover {

  background: #E2E8F0 !important;

  color: #0F172A !important;

  border-color: #94A3B8 !important;

}



.to-checkout-unified-form .form-label {

  font-size: 13.5px !important;

  font-weight: 600 !important;

  color: #1E293B !important;

  margin-bottom: 6px !important;

}



.to-checkout-submit-btn {

  transition: all 0.2s ease !important;

}



.to-checkout-submit-btn:hover {

  background: #C40510 !important;

  border-color: #C40510 !important;

  transform: translateY(-1px);

  box-shadow: 0 6px 18px rgba(227, 6, 19, 0.35) !important;

}



.checkout .form-select {

  height: 48px !important;

  border: 1.5px solid #CBD5E1 !important;

  border-radius: 10px !important;

  padding: 0 38px 0 16px !important;

  font-size: 14.5px !important;

  color: #0F172A !important;

  background-color: #FFFFFF !important;

  transition: border-color 0.15s ease, box-shadow 0.15s ease !important;

  outline: none !important;

  cursor: pointer !important;

  box-sizing: border-box !important;

}



.checkout .form-select:focus {

  border-color: #E30613 !important;

  box-shadow: 0 0 0 3px rgba(227, 6, 19, 0.12) !important;

}



.checkout .form-check {

  display: flex !important;

  align-items: center !important;

  gap: 10px !important;

  padding-left: 0 !important;

  margin-bottom: 18px !important;

}



.checkout .form-check-input {

  width: 20px !important;

  height: 20px !important;

  border: 1.5px solid #CBD5E1 !important;

  border-radius: 6px !important;

  margin: 0 !important;

  cursor: pointer !important;

  flex-shrink: 0 !important;

  accent-color: #E30613 !important;

}



.checkout .form-check-label,

.checkout .custom-control-label {

  font-size: 14px !important;

  font-weight: 500 !important;

  color: #334155 !important;

  cursor: pointer !important;

  user-select: none !important;

}



/* Privacy & Required Fields */

.checkout .privacy-notice,

.checkout .register-required-info {

  font-size: 12.5px !important;

  color: #64748B !important;

  line-height: 1.5 !important;

  margin-top: 14px !important;

  margin-bottom: 18px !important;

}



.checkout .privacy-notice a {

  color: #E30613 !important;

  text-decoration: underline !important;

  font-weight: 500 !important;

}



/* Submit Action Button */

.checkout .register-submit {

  display: flex !important;

  justify-content: flex-end !important;

  margin-top: 24px !important;

  padding: 0 !important;

  float: none !important;

}



.checkout .register-submit button,

.checkout button[type="submit"].btn-primary,

.checkout .login-submit button {

  background: #E30613 !important;

  border: 1.5px solid #E30613 !important;

  color: #FFFFFF !important;

  font-weight: 700 !important;

  font-size: 16px !important;

  border-radius: 10px !important;

  height: 50px !important;

  padding: 0 32px !important;

  min-width: 220px !important;

  box-shadow: 0 4px 14px rgba(227, 6, 19, 0.25) !important;

  cursor: pointer !important;

  transition: all 0.2s ease !important;

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

}



.checkout .register-submit button:hover,

.checkout button[type="submit"].btn-primary:hover,

.checkout .login-submit button:hover {

  background: #C40510 !important;

  border-color: #C40510 !important;

  transform: translateY(-1px) !important;

  box-shadow: 0 6px 18px rgba(227, 6, 19, 0.35) !important;

}



/* Right Sidebar Cards */

.checkout-aside-card {

  background: #FFFFFF !important;

  border: 1.5px solid #E2E8F0 !important;

  border-radius: 16px !important;

  padding: 22px !important;

  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.03) !important;

}



.checkout-aside-card__header {

  display: flex !important;

  align-items: center !important;

  justify-content: space-between !important;

  margin-bottom: 16px !important;

  padding-bottom: 12px !important;

  border-bottom: 1px solid #F1F5F9 !important;

}



.checkout-aside-card__title {

  font-size: 16.5px !important;

  font-weight: 700 !important;

  color: #0F172A !important;

  margin: 0 !important;

  display: flex !important;

  align-items: center !important;

  gap: 8px !important;

}



.checkout-aside-card__count {

  font-size: 13.5px !important;

  font-weight: 600 !important;

  color: #64748B !important;

}



.checkout-aside-card__edit-link {

  font-size: 12.5px !important;

  font-weight: 600 !important;

  color: #E30613 !important;

  text-decoration: none !important;

}



.checkout-aside-card__edit-link:hover {

  text-decoration: underline !important;

}



/* Sidebar Line Items */

.checkout-aside-product-list .line-item {

  border-bottom: 1px solid #F1F5F9 !important;

  padding-bottom: 14px !important;

  margin-bottom: 14px !important;

  display: flex !important;

  gap: 12px !important;

  align-items: center !important;

}



.checkout-aside-product-list .line-item:last-child {

  border-bottom: none !important;

  padding-bottom: 0 !important;

  margin-bottom: 0 !important;

}



.checkout-aside-product-list .line-item-row {

  margin: 0 !important;

  width: 100% !important;

  display: flex !important;

  align-items: center !important;

}



.checkout-aside-product-list .line-item-info {

  display: flex !important;

  align-items: center !important;

  gap: 12px !important;

  width: 100% !important;

  padding: 0 !important;

}



.checkout-aside-product-list .line-item-info-img,

.checkout-aside-product-list .line-item-img-container {

  width: 52px !important;

  height: 52px !important;

  border-radius: 8px !important;

  overflow: hidden !important;

  background: #F8FAFC !important;

  border: 1px solid #E2E8F0 !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  flex-shrink: 0 !important;

  padding: 2px !important;

}



.checkout-aside-product-list .line-item-img {

  max-width: 100% !important;

  max-height: 100% !important;

  object-fit: contain !important;

}



.checkout-aside-product-list .line-item-details {

  flex: 1 !important;

  min-width: 0 !important;

  padding: 0 !important;

}



.checkout-aside-product-list .line-item-label {

  font-size: 13.5px !important;

  font-weight: 600 !important;

  color: #0F172A !important;

  line-height: 1.35 !important;

  text-decoration: none !important;

  display: -webkit-box !important;

  -webkit-line-clamp: 2 !important;

  -webkit-box-orient: vertical !important;

  overflow: hidden !important;

}



.checkout-aside-product-list .line-item-label:hover {

  color: #E30613 !important;

}



.checkout-aside-product-list .line-item-ordernumber {

  font-size: 11.5px !important;

  color: #64748B !important;

  margin-top: 2px !important;

}



.checkout-aside-product-list .line-item-total-price {

  text-align: right !important;

  flex-shrink: 0 !important;

  padding-left: 8px !important;

}



.checkout-aside-product-list .line-item-total-price-value {

  font-size: 15px !important;

  font-weight: 800 !important;

  color: #0F172A !important;

  white-space: nowrap !important;

}



.checkout-aside-product-list .line-item-quantity-select-wrapper,

.checkout-aside-product-list .line-item-remove-button {

  display: none !important;

}



/* Sidebar Summary Table */

.checkout-aside-summary-list {

  margin: 0 !important;

  display: grid !important;

  grid-template-columns: 1fr auto !important;

  row-gap: 10px !important;

  column-gap: 12px !important;

}



.checkout-aside-summary-list > div,

.checkout-aside-summary-list dt,

.checkout-aside-summary-list dd {

  margin: 0 !important;

}



.checkout-aside-summary-label {

  font-size: 14px !important;

  color: #64748B !important;

  font-weight: 500 !important;

  margin: 0 !important;

  width: auto !important;

}



.checkout-aside-summary-value {

  font-size: 14.5px !important;

  color: #0F172A !important;

  font-weight: 600 !important;

  margin: 0 !important;

  text-align: right !important;

  width: auto !important;

}



.checkout-aside-summary-total {

  border-top: 1.5px solid #E2E8F0 !important;

  padding-top: 12px !important;

  margin-top: 6px !important;

}



.checkout-aside-summary-label.checkout-aside-summary-total {

  font-size: 16px !important;

  font-weight: 700 !important;

  color: #0F172A !important;

}



.checkout-aside-summary-value.checkout-aside-summary-total {

  font-size: 20px !important;

  font-weight: 800 !important;

  color: #E30613 !important;

}



/* Trust Badges */

.to-checkout-trust-badges {

  margin-top: 18px !important;

  padding-top: 16px !important;

  border-top: 1px dashed #E2E8F0 !important;

  display: flex !important;

  flex-direction: column !important;

  gap: 10px !important;

}



.to-checkout-trust-item {

  display: flex !important;

  align-items: center !important;

  gap: 10px !important;

  font-size: 12px !important;

  color: #475569 !important;

  line-height: 1.35 !important;

}



.to-checkout-trust-item__icon {

  font-size: 16px !important;

  flex-shrink: 0 !important;

}



/* ==========================================================================

   CHECKOUT REGISTER REFINEMENTS - TOCHKA OPORY DESIGN SYSTEM

   ========================================================================== */



/* Address Form Grid Enhancements */

.checkout .register-billing .row.g-2 > .form-group:nth-child(1) {

  flex: 0 0 100% !important;

  max-width: 100% !important;

}



.checkout .register-billing .row.g-2 > .form-group:nth-child(2) {

  flex: 0 0 38% !important;

  max-width: 38% !important;

}



.checkout .register-billing .row.g-2 > .form-group:nth-child(3) {

  flex: 0 0 62% !important;

  max-width: 62% !important;

}



.checkout .country-and-state-form-elements .form-group {

  flex: 0 0 100% !important;

  max-width: 100% !important;

}



@media (max-width: 576px) {

  .checkout .register-billing .row.g-2 > .form-group:nth-child(2),

  .checkout .register-billing .row.g-2 > .form-group:nth-child(3) {

    flex: 0 0 100% !important;

    max-width: 100% !important;

  }

}



/* Sidebar Product Items Cleanup */

.checkout-aside-product-list .product-wishlist,

.checkout-aside-product-list .line-item-delivery-date,

.checkout-aside-product-list .line-item-unit-price,

.checkout-aside-product-list .line-item-remove,

.checkout-aside-product-list .line-item-total-price-label,

.checkout-aside-product-list .line-item-quantity-label,

.checkout-aside-product-list .line-item-label-descriptor {

  display: none !important;

}



.checkout-aside-product-list .line-item {

  border-bottom: 1px solid #F1F5F9 !important;

  padding: 12px 0 !important;

  margin: 0 !important;

}



.checkout-aside-product-list .line-item-row {

  display: flex !important;

  align-items: center !important;

  justify-content: space-between !important;

  width: 100% !important;

  margin: 0 !important;

  flex-wrap: nowrap !important;

}



.checkout-aside-product-list .line-item-info {

  display: flex !important;

  align-items: center !important;

  gap: 12px !important;

  flex: 1 !important;

  min-width: 0 !important;

  padding: 0 !important;

}



.checkout-aside-product-list .line-item-info .line-item-row {

  display: flex !important;

  align-items: center !important;

  gap: 12px !important;

  flex-wrap: nowrap !important;

}



.checkout-aside-product-list .line-item-info-img {

  padding: 0 !important;

  flex-shrink: 0 !important;

}



.checkout-aside-product-list .line-item-img-container a img {

  width: 52px !important;

  height: 52px !important;

  object-fit: contain !important;

  border-radius: 8px !important;

  background: #F8FAFC !important;

  border: 1px solid #E2E8F0 !important;

  padding: 2px !important;

  display: block !important;

}



.checkout-aside-product-list .line-item-details {

  flex: 1 !important;

  min-width: 0 !important;

}



.checkout-aside-product-list .line-item-label {

  font-size: 13px !important;

  font-weight: 600 !important;

  color: #0F172A !important;

  line-height: 1.3 !important;

  text-decoration: none !important;

  display: -webkit-box !important;

  -webkit-line-clamp: 2 !important;

  -webkit-box-orient: vertical !important;

  overflow: hidden !important;

}



.checkout-aside-product-list .line-item-product-number {

  font-size: 11px !important;

  color: #64748B !important;

  margin-top: 2px !important;

  font-family: monospace, inherit !important;

}



.checkout-aside-product-list .line-item-quantity {

  display: inline-flex !important;

  align-items: center !important;

  font-size: 13px !important;

  font-weight: 700 !important;

  color: #64748B !important;

  margin: 0 6px !important;

  flex-shrink: 0 !important;

  white-space: nowrap !important;

}



.checkout-aside-product-list .line-item-quantity-select-wrapper {

  display: inline-block !important;

}



.checkout-aside-product-list .line-item-quantity::before {

  content: "×";

  margin-right: 3px;

  font-size: 13px;

}



.checkout-aside-product-list .line-item-total-price {

  flex-shrink: 0 !important;

  text-align: right !important;

  margin-left: 6px !important;

}



.checkout-aside-product-list .line-item-total-price-value {

  font-size: 14.5px !important;

  font-weight: 800 !important;

  color: #0F172A !important;

  white-space: nowrap !important;

}



/* Login Card inside Collapse */

#loginCollapse .card.login-card {

  background: #F8FAFC !important;

  border: 1.5px solid #CBD5E1 !important;

  border-radius: 14px !important;

  margin-bottom: 24px !important;

  padding: 20px !important;

}



#loginCollapse .card-title {

  font-size: 17px !important;

  font-weight: 700 !important;

  color: #0F172A !important;

  margin-bottom: 14px !important;

  border-bottom: none !important;

  padding-bottom: 0 !important;

}



#loginCollapse .login-form-description {

  font-size: 13px !important;

  color: #64748B !important;

  margin-bottom: 16px !important;

}



#loginCollapse .login-submit {

  margin-top: 14px !important;

}



/* Custom Aside Product Items (Robust & Clean) */

.to-aside-products-list {

  display: flex !important;

  flex-direction: column !important;

}



.to-aside-item {

  display: flex !important;

  align-items: center !important;

  gap: 12px !important;

  padding: 12px 0 !important;

  border-bottom: 1px solid #F1F5F9 !important;

}



.to-aside-item:last-child {

  border-bottom: none !important;

  padding-bottom: 0 !important;

}



.to-aside-item__img-wrap {

  width: 54px !important;

  height: 54px !important;

  border-radius: 8px !important;

  background: #F8FAFC !important;

  border: 1.5px solid #E2E8F0 !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  flex-shrink: 0 !important;

  overflow: hidden !important;

  padding: 3px !important;

}



.to-aside-item__img {

  max-width: 100% !important;

  max-height: 100% !important;

  object-fit: contain !important;

  display: block !important;

}



.to-aside-item__content {

  flex: 1 !important;

  min-width: 0 !important;

  display: flex !important;

  flex-direction: column !important;

  gap: 3px !important;

}



.to-aside-item__name {

  font-size: 13.5px !important;

  font-weight: 700 !important;

  color: #0F172A !important;

  line-height: 1.35 !important;

  text-decoration: none !important;

  display: -webkit-box !important;

  -webkit-line-clamp: 2 !important;

  -webkit-box-orient: vertical !important;

  overflow: hidden !important;

  transition: color 0.15s ease !important;

}



.to-aside-item__name:hover {

  color: #E30613 !important;

}



.to-aside-item__art {

  font-size: 11.5px !important;

  color: #64748B !important;

  font-family: monospace, inherit !important;

}



.to-aside-item__meta {

  display: flex !important;

  align-items: center !important;

  justify-content: space-between !important;

  margin-top: 2px !important;

}



.to-aside-item__qty {

  font-size: 12.5px !important;

  color: #64748B !important;

  font-weight: 600 !important;

  background: #F1F5F9 !important;

  padding: 2px 8px !important;

  border-radius: 4px !important;

}



.to-aside-item__price {

  font-size: 15px !important;

  font-weight: 800 !important;

  color: #0F172A !important;

}



/* --- Product Detail "In Cart" Button State --- */

.product-buy-box__submit-btn.product__buy-btn.is-in-cart,

button.product__buy-btn.is-in-cart,

.product-buy-box__submit-btn.is-in-cart {

  background: #1E293B !important;

  border: 1.5px solid #334155 !important;

  color: #FFFFFF !important;

  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.16) !important;

  cursor: pointer !important;

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  gap: 8px !important;

  font-weight: 700 !important;

}



.product-buy-box__submit-btn.product__buy-btn.is-in-cart:hover,

button.product__buy-btn.is-in-cart:hover,

.product-buy-box__submit-btn.is-in-cart:hover {

  background: #0F172A !important;

  border-color: #0F172A !important;

}



.product-buy-box__submit-btn.product__buy-btn.is-in-cart .product-buy-icon,

.product-buy-box__submit-btn.is-in-cart .product-buy-icon {

  stroke: #22C55E !important;

}



/* --- Checkout / Address Register Polish --- */

.country-and-state-form-elements {

  display: none !important;

}



.address-fields-row {

  display: flex !important;

  flex-wrap: wrap !important;

}



.address-fields-row > div:has([id$="AddressCity"]),

.address-fields-row > div:has([id$="AddressZipcode"]),

.address-fields-row > div:has([name*="[city]"]),

.address-fields-row > div:has([name*="[zipcode]"]) {

  order: 1 !important;

}



.address-fields-row > div:has([id$="AddressStreet"]),

.address-fields-row > div:has([name*="[street]"]) {

  order: 2 !important;

}



.address-fields-row > div:has([id$="AdditionalAddressLine1"]),

.address-fields-row > div:has([name*="[additionalAddressLine1]"]),

.address-fields-row > div:has([id$="AdditionalAddressLine2"]),

.address-fields-row > div:has([name*="[additionalAddressLine2]"]) {

  order: 3 !important;

}



/* --- Checkout Flow: Delivery & Payment Selection Cards --- */

.to-checkout-section {

  margin-bottom: 24px !important;

}



.to-checkout-section-title {

  font-size: 16px !important;

  font-weight: 700 !important;

  color: #0F172A !important;

  line-height: 1.35 !important;

  display: flex !important;

  align-items: center !important;

  gap: 8px !important;

  margin-bottom: 14px !important;

}



.to-delivery-grid,

.to-payment-grid {

  display: grid !important;

  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;

  gap: 12px !important;

}



.to-delivery-card,

.to-payment-card {

  display: flex !important;

  align-items: flex-start !important;

  gap: 12px !important;

  background: #FFFFFF !important;

  border: 1.5px solid #CBD5E1 !important;

  border-radius: 12px !important;

  padding: 14px 16px !important;

  cursor: pointer !important;

  transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease !important;

  position: relative !important;

  margin: 0 !important;

}



.to-delivery-card:hover,

.to-payment-card:hover {

  border-color: #64748B !important;

  background-color: #F8FAFC !important;

}



.to-delivery-card.to-delivery-card--active,

.to-payment-card.to-payment-card--active {

  border: 2px solid #0F172A !important;

  background-color: #F8FAFC !important;

  box-shadow: 0 0 0 1px #0F172A, 0 3px 12px rgba(15, 23, 42, 0.08) !important;

}



.to-delivery-card.to-delivery-card--active .to-delivery-card__title,

.to-payment-card.to-payment-card--active .to-payment-card__title {

  color: #0F172A !important;

  font-weight: 700 !important;

}



.to-payment-card.to-payment-card--disabled {

  opacity: 0.5 !important;

  background-color: #F1F5F9 !important;

  border-color: #E2E8F0 !important;

  cursor: not-allowed !important;

  pointer-events: none !important;

}



.to-delivery-card input[type="radio"],

.to-payment-card input[type="radio"] {

  margin-top: 3px !important;

  accent-color: #0F172A !important;

  cursor: pointer !important;

  width: 18px !important;

  height: 18px !important;

  flex-shrink: 0 !important;

}



.to-delivery-card__body,

.to-payment-card__body {

  flex: 1 !important;

  min-width: 0 !important;

}



.to-delivery-card__top,

.to-payment-card__top {

  display: flex !important;

  align-items: center !important;

  justify-content: space-between !important;

  gap: 8px !important;

  margin-bottom: 4px !important;

}



.to-delivery-card__title,

.to-payment-card__title {

  font-size: 15px !important;

  font-weight: 700 !important;

  color: #0F172A !important;

  line-height: 1.35 !important;

}



.to-delivery-card__badge,

.to-payment-card__badge {

  font-size: 11px !important;

  font-weight: 700 !important;

  line-height: 1 !important;

  padding: 4px 8px !important;

  border-radius: 6px !important;

  white-space: nowrap !important;

}



.to-delivery-card__badge--free,

.to-payment-card__badge--free {

  background: #DCFCE7 !important;

  color: #15803D !important;

}



.to-delivery-card__badge--cdek,

.to-payment-card__badge--cdek {

  background: #EFF6FF !important;

  color: #1D4ED8 !important;

}



.to-delivery-card__desc,

.to-payment-card__desc {

  font-size: 12px !important;

  color: #64748B !important;

  line-height: 1.45 !important;

}



.to-quick-city-btn {

  font-size: 12px !important;

  font-weight: 700 !important;

  border: 1px solid #CBD5E1 !important;

  border-radius: 6px !important;

  padding: 4px 10px !important;

  background: #FFFFFF !important;

  color: #334155 !important;

  cursor: pointer !important;

  transition: all 0.15s ease !important;

}



.to-quick-city-btn:hover {

  background: #F1F5F9 !important;

  color: #0F172A !important;

  border-color: #94A3B8 !important;

}



/* B2B / B2C Customer Type Switcher - Two Distinct Cards Style */

.to-customer-type-selector {

  display: grid !important;

  grid-template-columns: 1fr 1fr !important;

  gap: 12px !important;

  padding: 0 !important;

  background-color: transparent !important;

  border: none !important;

  border-radius: 0 !important;

  margin-bottom: 20px !important;

  max-width: 620px !important;

  width: 100% !important;

}



.to-customer-type-btn {

  display: flex !important;

  align-items: center !important;

  justify-content: flex-start !important;

  gap: 10px !important;

  padding: 12px 16px !important;

  background-color: #FFFFFF !important;

  border: 1.5px solid #CBD5E1 !important;

  border-radius: 10px !important;

  color: #334155 !important;

  font-size: 14px !important;

  font-weight: 600 !important;

  cursor: pointer !important;

  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;

  user-select: none !important;

  white-space: nowrap !important;

  margin-bottom: 0 !important;

}



.to-customer-type-btn:hover {

  border-color: #64748B !important;

  background-color: #F8FAFC !important;

}



.to-customer-type-btn input[type="radio"] {

  margin: 0 !important;

  accent-color: #0F172A !important;

  cursor: pointer !important;

  width: 18px !important;

  height: 18px !important;

  flex-shrink: 0 !important;

}



.to-customer-type-btn svg {

  stroke: #64748B !important;

  flex-shrink: 0 !important;

  transition: stroke 0.2s ease !important;

}



.to-customer-type-btn.to-customer-type-btn--active {

  border: 2px solid #0F172A !important;

  background-color: #F8FAFC !important;

  color: #0F172A !important;

  font-weight: 700 !important;

  box-shadow: 0 0 0 1px #0F172A, 0 3px 12px rgba(15, 23, 42, 0.08) !important;

}



.to-customer-type-btn.to-customer-type-btn--active svg {

  stroke: #0F172A !important;

}



@media (max-width: 576px) {

  .to-customer-type-selector {

    grid-template-columns: 1fr !important;

    gap: 8px !important;

    max-width: 100% !important;

  }

}



label[for="b2bEmail"],

.to-checkout-unified-form label[for="b2bEmail"] {

  white-space: nowrap !important;

}



/* Выравнивание кнопки подтверждения заказа по центру блока */

.register-submit {

  display: flex !important;

  justify-content: center !important;

  align-items: center !important;

  text-align: center !important;

  width: 100% !important;

  margin-top: 24px !important;

}



/* ==========================================================================

   Checkout Typography & UI Normalization (Strict Modular Scale)

   ========================================================================== */

.checkout-main,

.checkout-aside,

.to-checkout-unified-form {

  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;

  -webkit-font-smoothing: antialiased !important;

}



/* H1 Page Title */

.checkout-title,

.address-main-header.to-checkout-title,

.checkout-main h1 {

  font-size: 24px !important;

  font-weight: 700 !important;

  line-height: 1.3 !important;

  letter-spacing: -0.2px !important;

  color: #0F172A !important;

  margin-bottom: 20px !important;

}



/* Form Labels across entire checkout */

.to-checkout-unified-form .form-label,

#cdekDeliverySection .form-label,

#cdekPvzSelectBox .form-label,

.to-checkout-unified-form label {

  font-size: 14px !important;

  font-weight: 600 !important;

  line-height: 1.4 !important;

  color: #334155 !important;

  margin-bottom: 6px !important;

}



/* Form Inputs and Selects */

.to-checkout-unified-form .form-control,

.to-checkout-unified-form .form-select,

#cdekDeliverySection .form-control,

#cdekDeliverySection .form-select,

#cdekPvzSelectBox .form-control,

#cdekPvzSelectBox .form-select,

#cdekCityInput,

#cdekPvzSelect {

  font-size: 14px !important;

  font-weight: 400 !important;

  line-height: 1.5 !important;

  color: #0F172A !important;

  min-height: 44px !important;

  padding: 10px 14px !important;

  border-radius: 8px !important;

  border: 1.5px solid #CBD5E1 !important;

  background-color: #FFFFFF !important;

  box-shadow: none !important;

}



.to-checkout-unified-form .form-control:focus,

.to-checkout-unified-form .form-select:focus,

#cdekDeliverySection .form-control:focus,

#cdekDeliverySection .form-select:focus,

#cdekCityInput:focus,

#cdekPvzSelect:focus {

  border-color: #0F172A !important;

  outline: none !important;

  box-shadow: 0 0 0 1px #0F172A !important;

}



/* Hints and Supporting Text */

.to-checkout-unified-form .form-text {

  font-size: 12px !important;

  font-weight: 400 !important;

  line-height: 1.45 !important;

  color: #64748B !important;

  margin-top: 4px !important;

}



/* Submit Button */

.to-checkout-submit-btn {

  font-size: 16px !important;

  font-weight: 700 !important;

  line-height: 1.2 !important;

  padding: 14px 28px !important;

  border-radius: 10px !important;

  margin-left: auto !important;

  margin-right: auto !important;

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  text-align: center !important;

}



/* Checkout Aside (Right Summary Column) Normalization */

.checkout-aside {

  font-size: 14px !important;

  line-height: 1.5 !important;

  color: #0F172A !important;

}



.checkout-aside .card-title,

.checkout-aside h2,

.checkout-aside-summary h2 {

  font-size: 16px !important;

  font-weight: 700 !important;

  line-height: 1.35 !important;

  color: #0F172A !important;

}



.checkout-aside .line-item-details a,

.checkout-aside .line-item-label {

  font-size: 14px !important;

  font-weight: 500 !important;

  line-height: 1.4 !important;

  color: #0F172A !important;

}



.checkout-aside .line-item-total-price {

  font-size: 14px !important;

  font-weight: 700 !important;

  line-height: 1.4 !important;

  color: #0F172A !important;

}



.checkout-aside .checkout-aside-summary-list dt {

  font-size: 14px !important;

  font-weight: 400 !important;

  line-height: 1.5 !important;

  color: #64748B !important;

}



.checkout-aside .checkout-aside-summary-list dd {

  font-size: 14px !important;

  font-weight: 600 !important;

  line-height: 1.5 !important;

  color: #0F172A !important;

}



.checkout-aside .checkout-aside-summary-total dt,

.checkout-aside .checkout-aside-summary-total dd {

  font-size: 18px !important;

  font-weight: 700 !important;

  line-height: 1.3 !important;

  color: #0F172A !important;

}







/* ==========================================================================

   Operation: Spacing between product photo and title in 'Похожие товары' and 'Популярные товары'

   ========================================================================== */

.wares .card-product__fig,

.wares--suggestion .card-product__fig {

  margin-bottom: 0 !important;

}



.wares .card-product__title,

.wares--suggestion .card-product__title {

  margin-top: 20px !important;

  margin-bottom: 8px !important;

}



/* Hide duplicate specs list inside description text (handled by dedicated specs table) */

.to-product-desc__text h2,

.to-product-desc__text h3,

.to-product-desc__text h4,

.to-product-desc__text h5,

.to-product-desc__text ul,

.to-product-desc__text ol,

.amort-pdp-description h2,

.amort-pdp-description h3,

.amort-pdp-description h4,

.amort-pdp-description h5,

.amort-pdp-description ul,

.amort-pdp-description ol {

  display: none !important;

}



/* Brand About section styles */

.to-brand-about-subtitle {

  margin: 0 0 10px 0 !important;

  font-size: 15px !important;

  font-weight: 700 !important;

  color: #0f172a !important;

}

.to-brand-about-text {

  margin: 0 !important;

  font-size: 13.5px !important;

  line-height: 1.65 !important;

  color: #334155 !important;

}

.to-brand-about-text p {

  margin: 0 0 10px 0 !important;

}

.to-brand-about-text p:last-of-type {

  margin-bottom: 0 !important;

}

.to-brand-about-slogan {

  margin-top: 14px !important;

  padding: 10px 14px !important;

  background: #f1f5f9 !important;

  border-left: 3px solid #0056b3 !important;

  border-radius: 0 6px 6px 0 !important;

  font-size: 13.5px !important;

  font-weight: 600 !important;

  color: #1e293b !important;

  font-style: italic !important;

}



/* Operation 161: 2x bottom gap for OEM numbers sub-section */

.to-oem-tab-spacer {

  height: 75px !important;

  width: 100% !important;

  display: block !important;

}

@media (max-width: 767px) {

  .to-oem-tab-spacer {

    height: 45px !important;

  }

}







/* Operation 162: Laconic single-line pill badge for Remote Warehouse in Buy Box */

.product-buy-box__header {

  display: flex !important;

  justify-content: space-between !important;

  align-items: center !important;

  gap: 12px !important;

}

.product-buy-box__availability {

  display: inline-flex !important;

  align-items: center !important;

  gap: 7px !important;

  padding: 5px 12px !important;

  border-radius: 20px !important;

  font-size: 13px !important;

  font-weight: 600 !important;

  white-space: nowrap !important;

  flex-shrink: 0 !important;

  line-height: 1.2 !important;

}

.product-buy-box__availability--local {

  background: #ecfdf5 !important;

  border: 1px solid #a7f3d0 !important;

  color: #065f46 !important;

}

.product-buy-box__availability--local .product-buy-box__stock-dot {

  width: 7px !important;

  height: 7px !important;

  border-radius: 50% !important;

  background: #10b981 !important;

  display: inline-block !important;

  box-shadow: 0 0 0 2.5px rgba(16, 185, 129, 0.2) !important;

  flex-shrink: 0 !important;

}

.product-buy-box__availability--remote {

  background: #eff6ff !important;

  border: 1px solid #bfdbfe !important;

  color: #1e40af !important;

}

.product-buy-box__availability--remote .product-buy-box__stock-dot,

.product-buy-box__stock-dot--remote {

  width: 7px !important;

  height: 7px !important;

  border-radius: 50% !important;

  background: #2563eb !important;

  display: inline-block !important;

  box-shadow: 0 0 0 2.5px rgba(37, 99, 235, 0.2) !important;

  flex-shrink: 0 !important;

}

@media (max-width: 767px) {

  .product-buy-box__availability {

    padding: 4px 10px !important;

    font-size: 12px !important;

    gap: 6px !important;

  }

}





/* Operation 164: Fix card product favorite heart icon and badge alignment */

.card-product__attributes {

  height: 26px !important;

  padding: 0 !important;

  margin-bottom: 12px !important;

  display: flex !important;

  justify-content: flex-end !important;

  align-items: center !important;

  box-sizing: border-box !important;

  position: relative !important;

  z-index: 3 !important;

}

.card-product .favorite,

.card-product__attributes .favorite {

  width: 24px !important;

  height: 22px !important;

  margin: 0 !important;

  padding: 0 !important;

  background-repeat: no-repeat !important;

  background-position: center !important;

  background-size: contain !important;

  flex-shrink: 0 !important;

}



/* Operation 165: Card product "Подробнее" button */

.card-product__btn-details {

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  padding: 7px 14px !important;

  height: 34px !important;

  background: #e30613 !important;

  border: 1px solid #e30613 !important;

  border-radius: 6px !important;

  color: #ffffff !important;

  font-size: 13px !important;

  font-weight: 600 !important;

  line-height: 1 !important;

  text-decoration: none !important;

  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;

  white-space: nowrap !important;

  position: relative !important;

  z-index: 3 !important;

  cursor: pointer !important;

  box-sizing: border-box !important;

  flex-shrink: 0 !important;

}

.card-product__btn-details:hover {

  background: #c5000c !important;

  border-color: #c5000c !important;

  color: #ffffff !important;

  box-shadow: 0 2px 6px rgba(227, 6, 19, 0.3) !important;

  text-decoration: none !important;

}

.card-product__btn-details:active {

  background: #a5000a !important;

  border-color: #a5000a !important;

}



/* Operation 184: About company section categories & layout */

.seo-text__categories {

  list-style: none !important;

  padding: 0 !important;

  margin: 20px 0 24px 0 !important;

  display: grid !important;

  grid-template-columns: repeat(2, 1fr) !important;

  gap: 14px 28px !important;

}



.seo-text__category-item {

  position: relative !important;

  padding-left: 18px !important;

  font-family: var(--font-primary) !important;

  font-size: 14.5px !important;

  line-height: 1.6 !important;

  color: #475569 !important;

}



.seo-text__category-item::before {

  content: '' !important;

  position: absolute !important;

  left: 2px !important;

  top: 9px !important;

  width: 6px !important;

  height: 6px !important;

  border-radius: 50% !important;

  background-color: #e30613 !important;

}



.seo-text__category-link {

  color: #0f172a !important;

  font-weight: 700 !important;

  text-decoration: none !important;

  transition: color 0.2s ease !important;

}



.seo-text__category-link:hover {

  color: #e30613 !important;

  text-decoration: underline !important;

  text-decoration-color: #e30613 !important;

}



@media (max-width: 767px) {

  .seo-text__categories {

    grid-template-columns: 1fr !important;

    gap: 12px !important;

    margin: 16px 0 20px 0 !important;

  }

}




/* ==========================================================================

   LIVE SEARCH AUTOCOMPLETE / SUGGESTIONS

   ========================================================================== */

.search__fields {

  position: relative !important;

}



.search-suggest-dropdown {

  position: absolute !important;

  top: calc(100% + 8px) !important;

  left: 0 !important;

  right: 0 !important;

  z-index: 1200 !important;

  background: #ffffff !important;

  border: 1.5px solid #e2e8f0 !important;

  border-radius: 12px !important;

  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.14) !important;

  max-height: 480px !important;

  overflow-y: auto !important;

  box-sizing: border-box !important;

  animation: toSuggestFadeIn 0.15s ease-out !important;

}



@keyframes toSuggestFadeIn {

  from { opacity: 0; transform: translateY(-4px); }

  to { opacity: 1; transform: translateY(0); }

}



@keyframes toSuggestSpin {

  to { transform: rotate(360deg); }

}



.search-suggest-quick-link {

  display: flex !important;

  align-items: center !important;

  gap: 14px !important;

  padding: 12px 18px !important;

  border-bottom: 1px solid #f1f5f9 !important;

  background: #f8fafc !important;

  text-decoration: none !important;

  transition: background 0.15s ease !important;

}



.search-suggest-quick-link:hover,

.search-suggest-quick-link.is-active {

  background: #f1f5f9 !important;

}



.search-suggest-quick-icon {

  width: 36px !important;

  height: 36px !important;

  min-width: 36px !important;

  border-radius: 8px !important;

  background: #ffffff !important;

  border: 1px solid #e2e8f0 !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

}



.search-suggest-quick-body {

  display: flex !important;

  align-items: baseline !important;

  flex-wrap: wrap !important;

  gap: 6px !important;

}



.search-suggest-quick-badge {

  font-size: 11px !important;

  font-weight: 700 !important;

  text-transform: uppercase !important;

  color: #e30613 !important;

  letter-spacing: 0.04em !important;

}



.search-suggest-quick-name {

  font-size: 15px !important;

  font-weight: 700 !important;

  color: #0f172a !important;

}



.search-suggest-quick-action {

  font-size: 13px !important;

  color: #64748b !important;

  margin-left: auto !important;

}



.search-suggest-section-title {

  font-size: 11px !important;

  font-weight: 700 !important;

  text-transform: uppercase !important;

  letter-spacing: 0.05em !important;

  color: #94a3b8 !important;

  padding: 10px 18px 4px !important;

}



.search-suggest-products-list {

  display: flex !important;

  flex-direction: column !important;

}



.search-suggest-product-item {

  display: flex !important;

  align-items: center !important;

  gap: 14px !important;

  padding: 10px 18px !important;

  text-decoration: none !important;

  border-bottom: 1px solid #f8fafc !important;

  transition: background 0.15s ease !important;

}



.search-suggest-product-item:hover,

.search-suggest-product-item.is-active {

  background: #f1f5f9 !important;

}



.search-suggest-product-thumb {

  width: 52px !important;

  height: 52px !important;

  min-width: 52px !important;

  background: #f8fafc !important;

  border: 1px solid #e2e8f0 !important;

  border-radius: 8px !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  overflow: hidden !important;

}



.search-suggest-product-thumb img {

  width: 100% !important;

  height: 100% !important;

  object-fit: contain !important;

  padding: 2px !important;

}



.search-suggest-no-img {

  width: 20px !important;

  height: 20px !important;

  background: #cbd5e1 !important;

  border-radius: 4px !important;

}



.search-suggest-product-info {

  flex-grow: 1 !important;

  min-width: 0 !important;

}



.search-suggest-product-title {

  font-size: 14px !important;

  font-weight: 600 !important;

  color: #0f172a !important;

  line-height: 1.4 !important;

  display: -webkit-box !important;

  -webkit-line-clamp: 2 !important;

  -webkit-box-orient: vertical !important;

  overflow: hidden !important;

}



.search-suggest-highlight {

  background: rgba(227, 6, 19, 0.1) !important;

  color: #e30613 !important;

  font-weight: 700 !important;

  padding: 0 2px !important;

  border-radius: 2px !important;

}



.search-suggest-product-art {

  font-size: 12px !important;

  color: #64748b !important;

  margin-top: 3px !important;

}



.search-suggest-product-price-box {

  text-align: right !important;

  white-space: nowrap !important;

  flex-shrink: 0 !important;

  margin-left: 12px !important;

}



.search-suggest-product-price {

  font-size: 15px !important;

  font-weight: 700 !important;

  color: #0f172a !important;

}



.search-suggest-product-price--request {

  font-size: 13px !important;

  font-weight: 500 !important;

  color: #64748b !important;

}



.search-suggest-footer {

  padding: 10px 18px !important;

  background: #f8fafc !important;

  border-top: 1px solid #e2e8f0 !important;

  text-align: center !important;

  border-radius: 0 0 12px 12px !important;

}



.search-suggest-all-link {

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  gap: 8px !important;

  color: #e30613 !important;

  font-size: 14px !important;

  font-weight: 700 !important;

  text-decoration: none !important;

  width: 100% !important;

}



.search-suggest-all-link:hover {

  color: #c40510 !important;

  text-decoration: underline !important;

}



.search-suggest-empty {

  padding: 24px 20px !important;

  text-align: center !important;

  color: #475569 !important;

}



.search-suggest-empty__icon {

  margin-bottom: 8px !important;

}



.search-suggest-empty__text {

  font-size: 14.5px !important;

  margin-bottom: 6px !important;

}



.search-suggest-empty__hint {

  font-size: 13px !important;

  color: #64748b !important;

}



.search-suggest-empty__hint a {

  color: #e30613 !important;

  text-decoration: none !important;

  font-weight: 600 !important;

}



.search-suggest-loading {

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  gap: 12px !important;

  padding: 24px 20px !important;

  color: #64748b !important;

  font-size: 14px !important;

  font-weight: 500 !important;

}



.search-suggest-spinner {

  width: 20px !important;

  height: 20px !important;

  border: 2.5px solid #e2e8f0 !important;

  border-top-color: #e30613 !important;

  border-radius: 50% !important;

  animation: toSuggestSpin 0.7s linear infinite !important;

}



@media (max-width: 767px) {

  .search-suggest-dropdown {

    max-height: 380px !important;

    border-radius: 10px !important;

  }

  .search-suggest-product-item {

    padding: 8px 12px !important;

    gap: 10px !important;

  }

  .search-suggest-product-thumb {

    width: 44px !important;

    height: 44px !important;

    min-width: 44px !important;

  }

  .search-suggest-product-title {

    font-size: 13px !important;

  }

  .search-suggest-product-price {

    font-size: 13.5px !important;

  }

  .search-suggest-quick-action {

    display: none !important;

  }

}





/* ==========================================================================

   Operation 173: Fix Wares Category Tabs Responsive Horizontal Scroll & Alignment

   Prevents tabs from being cut off on the left (removes -65px margin bug)

   ========================================================================== */

.wares .tabs__list-wrap,

.wares--popular .tabs__list-wrap,

.wares--suggestion .tabs__list-wrap {

  display: block !important;

  width: 100% !important;

  max-width: 100% !important;

  margin-left: 0 !important;

  margin-right: 0 !important;

  padding-left: 0 !important;

  padding-right: 0 !important;

  margin-top: 0 !important;

  margin-bottom: 22px !important;

  overflow-x: auto !important;

  overflow-y: hidden !important;

  -webkit-overflow-scrolling: touch !important;

  scrollbar-width: none !important;

  -ms-overflow-style: none !important;

  box-sizing: border-box !important;

}



.wares .tabs__list-wrap::-webkit-scrollbar,

.wares--popular .tabs__list-wrap::-webkit-scrollbar,

.wares--suggestion .tabs__list-wrap::-webkit-scrollbar,

.wares .tabs__list::-webkit-scrollbar,

.wares--popular .tabs__list::-webkit-scrollbar,

.wares--suggestion .tabs__list::-webkit-scrollbar {

  display: none !important;

  width: 0 !important;

  height: 0 !important;

}



.wares .tabs__list,

.wares--popular .tabs__list,

.wares--suggestion .tabs__list {

  display: flex !important;

  flex-wrap: nowrap !important;

  align-items: center !important;

  width: max-content !important;

  min-width: 100% !important;

  margin: 0 !important;

  padding: 0 0 12px 0 !important;

  border-bottom: 1px solid #e5e7eb !important;

  gap: 26px !important;

  list-style: none !important;

  box-sizing: border-box !important;

}



.wares .tabs__item,

.wares--popular .tabs__item,

.wares--suggestion .tabs__item {

  flex: 0 0 auto !important;

  flex-shrink: 0 !important;

  margin: 0 !important;

  padding: 0 !important;

  list-style: none !important;

}



.wares .tabs__item:first-child,

.wares--popular .tabs__item:first-child,

.wares--suggestion .tabs__item:first-child {

  padding-left: 0 !important;

  margin-left: 0 !important;

}



.wares .tabs__item:last-child,

.wares--popular .tabs__item:last-child,

.wares--suggestion .tabs__item:last-child {

  padding-right: 0 !important;

  margin-right: 0 !important;

}



.wares .tabs__link,

.wares--popular .tabs__link,

.wares--suggestion .tabs__link {

  display: block !important;

  white-space: nowrap !important;

  text-decoration: none !important;

  text-transform: none !important;

  font-family: var(--font-primary), 'Inter', sans-serif !important;

  font-size: 15px !important;

  line-height: 20px !important;

  font-weight: 500 !important;

  color: #5a5d66 !important;

  padding: 0 0 10px 0 !important;

  margin-bottom: -1px !important;

  position: relative !important;

  border-bottom: 2px solid transparent !important;

  transition: color 0.2s ease, border-color 0.2s ease !important;

}



.wares .tabs__link:hover,

.wares--popular .tabs__link:hover,

.wares--suggestion .tabs__link:hover {

  color: #e30613 !important;

}



.wares .tabs__link--active,

.wares--popular .tabs__link--active,

.wares--suggestion .tabs__link--active {

  font-weight: 700 !important;

  color: #1a1a1c !important;

  border-bottom: 2px solid #e30613 !important;

}



.wares .tabs__link--active::after,

.wares--popular .tabs__link--active::after,

.wares--suggestion .tabs__link--active::after {

  content: "" !important;

  position: absolute !important;

  left: 0 !important;

  right: 0 !important;

  bottom: -1px !important;

  height: 2px !important;

  background-color: #e30613 !important;

}



@media (max-width: 1199px) and (min-width: 768px) {

  .wares .tabs__list,

  .wares--popular .tabs__list,

  .wares--suggestion .tabs__list {

    gap: 20px !important;

  }

}



@media (max-width: 767px) {

  .wares .tabs__list-wrap,

  .wares--popular .tabs__list-wrap,

  .wares--suggestion .tabs__list-wrap {

    margin-bottom: 16px !important;

  }

  .wares .tabs__list,

  .wares--popular .tabs__list,

  .wares--suggestion .tabs__list {

    gap: 16px !important;

    padding: 0 16px 8px 0 !important;

  }

  .wares .tabs__link,

  .wares--popular .tabs__link,

  .wares--suggestion .tabs__link {

    font-size: 14px !important;

    padding-bottom: 8px !important;

  }

}



/* ==========================================================================
   OPERATION 180: Unified Product Card Geometry & "Только в наличии" Filter
   ========================================================================== */

/* 1. In-Stock Filter Controls */
.catalog-stock-filter-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 6px 14px !important;
  background: #f8fafc !important;
  color: #334155 !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 20px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  user-select: none !important;
  margin-left: 12px !important;
}

.catalog-stock-filter-pill:hover {
  background: #f1f5f9 !important;
  border-color: #94a3b8 !important;
  color: #0f172a !important;
}

.catalog-stock-filter-pill.is-active {
  background: #ecfdf5 !important;
  border-color: #10b981 !important;
  color: #065f46 !important;
  font-weight: 600 !important;
  box-shadow: 0 1px 2px rgba(16, 185, 129, 0.1) !important;
}

.catalog-stock-filter-pill .catalog-stock-dot {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #10b981 !important;
  display: inline-block !important;
  flex-shrink: 0 !important;
  box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.2) !important;
}

.catalog-stock-pill-close {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 16px !important;
  height: 16px !important;
  border-radius: 50% !important;
  background: #d1fae5 !important;
  color: #047857 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  margin-left: 2px !important;
  line-height: 1 !important;
}

.catalog-filter-group--stock {
  padding-bottom: 12px !important;
  margin-bottom: 14px !important;
  border-bottom: 1px solid #f1f5f9 !important;
}

/* 2. Grid & Uniform Card Heights */
.catalog-products-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
  align-items: stretch !important;
}

@media (max-width: 1279px) {
  .catalog-products-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
  }
}

@media (max-width: 899px) {
  .catalog-products-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }
}

@media (max-width: 575px) {
  .catalog-products-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
}

.catalog-grid-item {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

.card-product {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 10px !important;
  padding: 16px !important;
  position: relative !important;
  transition: box-shadow 0.2s ease, border-color 0.2s ease !important;
}

.card-product:hover {
  border-color: #cbd5e1 !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06) !important;
}

/* Top: Brand & Favorite */
.card-product__top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
  margin-bottom: 10px !important;
}

.card-product__brand {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #1e293b !important;
  letter-spacing: -0.01em !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.card-product__favorite {
  background: transparent !important;
  border: none !important;
  padding: 2px !important;
  color: #94a3b8 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: color 0.15s ease !important;
}

.card-product__favorite:hover {
  color: #e02424 !important;
}

/* Image Wrap */
.card-product__image-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 180px !important;
  min-height: 180px !important;
  max-height: 180px !important;
  margin-bottom: 12px !important;
  overflow: hidden !important;
}

.card-product__img {
  max-width: 100% !important;
  max-height: 180px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  transition: transform 0.25s ease !important;
}

.card-product:hover .card-product__img {
  transform: scale(1.03) !important;
}

/* Info container stretches vertically */
.card-product__info {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
}

/* Meta: Article (18px) and Position (22px) strictly separated */
.card-product__meta {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  margin-bottom: 8px !important;
}

.card-product__art-row {
  height: 18px !important;
  min-height: 18px !important;
  max-height: 18px !important;
  line-height: 18px !important;
  overflow: hidden !important;
}

.card-product__article {
  font-size: 11.5px !important;
  font-weight: 500 !important;
  color: #64748b !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: block !important;
}

/* Position Badge row - dedicated 22px fixed slot */
.card-product__pos-row {
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  line-height: 20px !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
}

.card-product__pos-badge {
  display: inline-flex !important;
  align-items: center !important;
  height: 20px !important;
  padding: 0 7px !important;
  background: #f1f5f9 !important;
  color: #334155 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  border-radius: 4px !important;
  border: 1px solid #e2e8f0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 100% !important;
}

.card-product__pos-empty {
  display: block !important;
  height: 20px !important;
  line-height: 20px !important;
}

/* Title: strictly 2-line clamp (40px) */
.card-product__title {
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  line-height: 20px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  margin: 0 0 6px 0 !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

.card-product__title a {
  color: #0f172a !important;
  text-decoration: none !important;
  transition: color 0.15s ease !important;
}

.card-product__title a:hover {
  color: #e02424 !important;
}

/* Car Badge: strictly 20px single line */
.card-product__car-badge {
  height: 20px !important;
  min-height: 20px !important;
  max-height: 20px !important;
  line-height: 20px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #475569 !important;
  margin-bottom: 8px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.card-product__car-empty {
  display: block !important;
  height: 20px !important;
}

/* Status: clean 22px single-line layout */
.card-product__status {
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  display: flex !important;
  align-items: center !important;
  margin-bottom: 12px !important;
}

.card-product__stock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 11.5px !important;
  line-height: 1.2 !important;
}

.card-product__stock-dot {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #10b981 !important;
  margin-top: 0 !important;
  flex-shrink: 0 !important;
}

.card-product__stock-dot--blue {
  background: #3b82f6 !important;
}

.card-product__stock-text {
  display: flex !important;
  align-items: center !important;
}

.card-product__stock-line1 {
  font-weight: 600 !important;
  color: #0f172a !important;
  font-size: 11.5px !important;
  line-height: 1.2 !important;
}

.card-product__stock-line2 {
  display: none !important;
}

/* Bottom: flexible vertical stack with centered price & full-width button */
.card-product__bottom {
  margin-top: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 10px !important;
  height: auto !important;
  min-height: auto !important;
  max-height: none !important;
}

.card-product__price {
  text-align: center !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  white-space: nowrap !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.card-product__price--request {
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #64748b !important;
  text-align: center !important;
  text-decoration: none !important;
  display: block !important;
  transition: color 0.15s ease !important;
}

.card-product__price--request:hover {
  color: #1e293b !important;
  text-decoration: none !important;
}

.card-product__buy-form {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

.card-product__buy-btn {
  width: 100% !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  padding: 0 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  border-radius: 6px !important;
  border: none !important;
  cursor: pointer !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  background: #e02424 !important;
  color: #ffffff !important;
  box-sizing: border-box !important;
  transition: background 0.2s ease, transform 0.1s ease !important;
}

.card-product__buy-btn:hover {
  background: #b91c1c !important;
  color: #ffffff !important;
}

.card-product__buy-btn--request,
.card-product__buy-btn--details {
  background: #f1f5f9 !important;
  color: #334155 !important;
  border: 1px solid #cbd5e1 !important;
}

.card-product__buy-btn--request:hover,
.card-product__buy-btn--details:hover {
  background: #e2e8f0 !important;
  color: #0f172a !important;
  border-color: #94a3b8 !important;
}


@media (max-width: 767.98px) {
  .card-product__buy-btn--request {
    display: none !important;
  }
  .card-product__price--request {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #475569 !important;
    text-align: center !important;
    text-decoration: none !important;
    display: block !important;
    padding: 6px 0 !important;
    margin: 4px 0 0 0 !important;
  }
}

/* ==========================================================================
   Homepage Hero Search: Vertical Centering for "НАЙТИ" button text
   ========================================================================== */
.search__fields .button,
.search__fields .search__btn {
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  align-self: stretch !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
}

.search__fields .search__btn span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ==========================================================================
   Similar Products: "Подробнее" Button (Dark Gray / Black, not red)
   ========================================================================== */
.product-similar-card__btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 38px !important;
  margin-top: 14px !important;
  padding: 0 16px !important;
  background: #212529 !important;
  color: #ffffff !important;
  font-family: inherit !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
  text-decoration: none !important;
  border-radius: 8px !important;
  border: 1px solid #212529 !important;
  box-sizing: border-box !important;
  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease !important;
  cursor: pointer !important;
  position: relative !important;
  z-index: 2 !important;
  text-align: center !important;
}

.product-similar-card__btn:hover {
  background: #000000 !important;
  border-color: #000000 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
  transform: translateY(-1px) !important;
}

.product-similar-card__btn:active {
  background: #111111 !important;
  transform: translateY(0) !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) !important;
}

@media (max-width: 640px) {
  .product-similar-card__btn {
    height: 34px !important;
    font-size: 12.5px !important;
    margin-top: 10px !important;
    border-radius: 6px !important;
    padding: 0 10px !important;
  }
}

/* ==========================================================================
   Product Detail: Analog Badge ("Есть аналог от ...")
   ========================================================================== */
.product-buy-box__price-wrap {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}

.product-buy-box__analog-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 14px 6px 10px !important;
  background: #f0fdf4 !important;
  border: 1.5px solid #86efac !important;
  border-radius: 9999px !important;
  color: #166534 !important;
  font-family: inherit !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  text-decoration: none !important;
  line-height: 1 !important;
  box-shadow: 0 1px 3px rgba(22, 101, 52, 0.06) !important;
  outline: none !important;
}

.product-buy-box__analog-badge:hover {
  background: #dcfce7 !important;
  border-color: #22c55e !important;
  color: #14532d !important;
  transform: translateY(-1.5px) !important;
  box-shadow: 0 4px 12px rgba(34, 197, 94, 0.2) !important;
}

.product-buy-box__analog-badge:active {
  transform: translateY(0) !important;
  box-shadow: 0 1px 3px rgba(22, 101, 52, 0.1) !important;
}

.product-buy-box__analog-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  height: 22px !important;
  background: #22c55e !important;
  color: #ffffff !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
}

.product-buy-box__analog-icon svg {
  display: block !important;
  width: 14px !important;
  height: 14px !important;
  stroke: #ffffff !important;
}

.product-buy-box__analog-text {
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #166534 !important;
  letter-spacing: -0.01em !important;
  white-space: nowrap !important;
}

.product-buy-box__analog-btn {
  display: inline-block !important;
  background: #15803d !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  padding: 3px 8px !important;
  border-radius: 12px !important;
  margin-left: 2px !important;
  white-space: nowrap !important;
  transition: background 0.15s ease !important;
}

.product-buy-box__analog-badge:hover .product-buy-box__analog-btn {
  background: #166534 !important;
}

@media (max-width: 640px) {
  .product-buy-box__analog-badge {
    width: 100% !important;
    justify-content: space-between !important;
    margin-top: 6px !important;
    padding: 8px 12px !important;
  }
  .product-buy-box__analog-text {
    font-size: 13px !important;
  }
}

/* ==========================================================================
   Operation 204: Hero Search Tabs Responsive Fit & Alignment (Mobile)
   Prevents tabs from overflowing and ensures "По ОЕМ" fits with clean margins
   ========================================================================== */
@media (max-width: 767.98px) {
  .search .tabs__list-wrap,
  .search__container.tabs .tabs__list-wrap {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    margin-bottom: 12px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
  .search .tabs__list-wrap::-webkit-scrollbar,
  .search__container.tabs .tabs__list-wrap::-webkit-scrollbar {
    display: none !important;
  }
  .search .tabs__list,
  .search__container.tabs .tabs__list {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 5px !important;
    padding: 0 !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
  }
  .search .tabs__item,
  .search__container.tabs .tabs__item {
    flex: 0 0 auto !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
  .search .tabs__link,
  .search__container.tabs .tabs__link,
  .search .tabs__list .tabs__item .tabs__link,
  .search__container.tabs .tabs__list .tabs__item a.tabs__link {
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    padding: 0 8px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: -0.015em !important;
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    border-radius: 6px !important;
  }
}