/** Shopify CDN: Minification failed

Line 2146:0 Unexpected "}"

**/
/* ============================================
   🚗 RACE CORE - Professional Tuning Store Enhancements
   ============================================ */

/* === ИМПОРТ ШРИФТОВ === */
@import url('https://fonts.googleapis.com/css2?family=Krona+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Songer:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700&display=swap');

/* === ЦВЕТОВАЯ ПАЛИТРА ДЛЯ ТЮНИНГ-МАГАЗИНА === */
:root {
  --tuning-red: #FF0000;
  --tuning-orange: #FF6B00;
  --tuning-dark: #0A0A0A;
  --tuning-accent: #FF4500;
  --tuning-glow: rgba(255, 0, 0, 0.5);
}

/* === КАРТОЧКИ ТОВАРОВ ПРЕМИУМ-КЛАССА === */
.product-card-wrapper {
  position: relative;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.product-card-wrapper:hover {
  transform: translateY(-8px);
  z-index: 10;
}

/* Градиентная граница при наведении */
.product-card-wrapper:hover .card {
  position: relative;
}

.product-card-wrapper:hover .card::before {
  content: '';
  position: absolute;
  inset: -2px;
  border-radius: calc(var(--product-card-corner-radius) + 2px);
  padding: 2px;
  background: linear-gradient(135deg, var(--tuning-red), var(--tuning-orange), var(--tuning-red));
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
  opacity: 0.8;
  animation: borderGlow 2s ease-in-out infinite;
}

@keyframes borderGlow {
  0%, 100% { opacity: 0.6; }
  50% { opacity: 1; }
}

/* Эффект свечения вокруг карточки */
.product-card-wrapper:hover .card {
  box-shadow: 
    0 10px 40px rgba(255, 0, 0, 0.2),
    0 0 20px rgba(255, 107, 0, 0.3),
    0 5px 15px rgba(0, 0, 0, 0.5);
}

/* Анимация масштабирования изображения */
.product-card-wrapper:hover .card__media img {
  transform: scale(1.05);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.card__media img {
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* === BADGE (ЗНАЧКИ) С ЭФФЕКТОМ СВЕЧЕНИЯ === */
.badge {
  position: relative;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  animation: pulse 2s ease-in-out infinite;
}

@keyframes pulse {
  0%, 100% {
    box-shadow: 0 0 10px rgba(255, 0, 0, 0.5);
  }
  50% {
    box-shadow: 0 0 20px rgba(255, 0, 0, 0.8), 0 0 30px rgba(255, 107, 0, 0.5);
  }
}

/* Специальные стили для badge распродажи */
.badge.color-accent-2 {
  background: linear-gradient(135deg, var(--tuning-red), var(--tuning-orange)) !important;
  color: #fff !important;
  border: none;
  box-shadow: 0 4px 15px rgba(255, 0, 0, 0.4);
}

/* === КНОПКИ "КУПИТЬ СЕЙЧАС" ПРЕМИУМ === */
.button,
button.shopify-payment-button__button--unbranded,
.customer button {
  position: relative;
  overflow: hidden;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  transition: all 0.3s ease;
}

/* Градиент для основных кнопок */
.button:not(.button--secondary):not(.button--tertiary):not([disabled]):hover {
  background: linear-gradient(135deg, var(--tuning-red), var(--tuning-orange)) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 
    0 0 20px rgba(255, 0, 0, 0.6),
    0 5px 15px rgba(0, 0, 0, 0.3);
  transform: translateY(-2px);
}

/* Эффект свечения для кнопок */
.button:not(.button--secondary):not(.button--tertiary):not([disabled])::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  transform: translate(-50%, -50%);
  transition: width 0.6s, height 0.6s;
}

.button:not(.button--secondary):not(.button--tertiary):not([disabled]):hover::before {
  width: 300px;
  height: 300px;
}

/* Анимация для кнопок "Добавить в корзину" */
.product-form__submit .button,
.quick-add__submit.button {
  background: linear-gradient(135deg, #000, #1a1a1a) !important;
  border: 2px solid transparent !important;
  background-clip: padding-box;
}

.product-form__submit .button:hover,
.quick-add__submit.button:hover {
  background: linear-gradient(135deg, var(--tuning-red), var(--tuning-orange)) !important;
  border: 2px solid transparent !important;
  box-shadow: 
    0 0 25px rgba(255, 0, 0, 0.5),
    inset 0 0 20px rgba(255, 255, 255, 0.1);
}

/* Эффект пульсации для кнопок */
@keyframes buttonPulse {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7);
  }
  50% {
    box-shadow: 0 0 0 10px rgba(255, 0, 0, 0);
  }
}

.button:not(.button--secondary):not(.button--tertiary):not([disabled]):hover {
  animation: buttonPulse 1.5s ease-in-out infinite;
}

/* === ХЕДЕР И НАВИГАЦИЯ === */
.header__menu-item {
  position: relative !important;
  transition: all 0.3s ease !important;
}

.header__menu-item::after {
  display: none !important;
}

.header__menu-item:hover {
  box-shadow: 0 0 20px rgba(255, 0, 0, 0.6) !important;
  text-shadow: 0 0 15px rgba(255, 0, 0, 0.8), 0 0 25px rgba(255, 0, 0, 0.4) !important;
  background: transparent !important;
  background-color: transparent !important;
  outline: none !important;
  border: none !important;
}

.header__menu-item:hover::after,
details[open] > .header__menu-item::after {
  width: 80%;
}

.header__menu-item:hover {
  transform: scale(1.05) !important;
}

/* Акцентная линия для активного пункта */
.header__active-menu-item::before {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, var(--tuning-red), var(--tuning-orange));
  box-shadow: 0 0 10px var(--tuning-red);
}

/* === УЛУЧШЕНИЯ ДЛЯ SLIDESHOW/BANNERS === */
.slideshow__text-wrapper {
  position: relative;
}

/* Ограничение высоты слайдера на ПК */
@media screen and (min-width: 750px) {
  slideshow-component .slideshow.banner {
    max-height: 600px !important;
    overflow: hidden;
  }
  
  .slideshow__slide {
    max-height: 600px !important;
    overflow: hidden;
  }
  
  .slideshow__media.banner__media {
    max-height: 600px !important;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .slideshow__media.banner__media img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    max-height: 600px;
    min-height: 600px;
  }
  
  /* Для слайдов с adapt_image - фиксированная высота */
  .slideshow.banner--adapt_image .slideshow__media::before {
    padding-bottom: 40% !important;
  }
  
  .slideshow.banner--adapt_image .slideshow__slide {
    height: 600px !important;
  }
  
  .slideshow.banner--adapt_image .slideshow__media {
    height: 600px !important;
  }
  
  /* Сохраняем пропорции текста */
  .slideshow__text-wrapper {
    height: 100%;
    display: flex;
    align-items: center;
  }
}

/* На мобильных оставляем как есть */
@media screen and (max-width: 749px) {
  slideshow-component .slideshow.banner {
    max-height: none !important;
  }
  
  .slideshow__media.banner__media {
    max-height: none !important;
  }
}

/* Overlay с градиентом для лучшей читаемости - затемнение */
.slideshow__media::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.6) 0%,
    rgba(0, 0, 0, 0.5) 50%,
    rgba(0, 0, 0, 0.6) 100%
  );
  pointer-events: none;
  z-index: 1;
}

/* Дополнительное затемнение для лучшей читаемости текста */
.slideshow__media.banner__media::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
  pointer-events: none;
  z-index: 1;
}

/* Скрываем кнопку автоплея (play/pause) */
.slideshow__autoplay {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Скрываем стрелки навигации слайд-шоу */
.slider-button--prev,
.slider-button--next,
.slideshow__controls .slider-button--prev,
.slideshow__controls .slider-button--next {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Кнопки в слайдере */
.slideshow__text-wrapper .button,
.slideshow__text-wrapper .banner__buttons .button,
.banner__buttons .button {
  margin-top: 2rem;
  position: relative;
  z-index: 2;
  backdrop-filter: blur(10px);
  background: rgba(0, 0, 0, 0.8) !important;
  border: 2px solid rgba(255, 0, 0, 0.5) !important;
  color: #ffffff !important;
}

.slideshow__text-wrapper .button span,
.slideshow__text-wrapper .banner__buttons .button span,
.banner__buttons .button span,
.slideshow__text-wrapper .button,
.banner__buttons .button {
  color: #ffffff !important;
}

.slideshow__text-wrapper .button *,
.banner__buttons .button * {
  color: #ffffff !important;
}

.slideshow__text-wrapper .button:hover,
.banner__buttons .button:hover {
  background: linear-gradient(135deg, var(--tuning-red), var(--tuning-orange)) !important;
  border-color: transparent !important;
  box-shadow: 0 0 30px rgba(255, 0, 0, 0.8);
  color: #ffffff !important;
}

.slideshow__text-wrapper .button:hover span,
.slideshow__text-wrapper .button:hover *,
.banner__buttons .button:hover span,
.banner__buttons .button:hover * {
  color: #ffffff !important;
}

/* Заголовки в слайдере */
.banner__heading {
  text-shadow: 
    2px 2px 4px rgba(0, 0, 0, 0.8),
    0 0 20px rgba(255, 0, 0, 0.5);
  animation: slideInFade 1s ease-out;
}

@keyframes slideInFade {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Кнопки слайдера */
.slider-button {
  background: rgba(0, 0, 0, 0.7) !important;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: all 0.3s ease;
}

.slider-button:hover {
  background: rgba(255, 0, 0, 0.8) !important;
  border-color: var(--tuning-red);
  transform: scale(1.1);
  box-shadow: 0 0 20px rgba(255, 0, 0, 0.6);
}

/* === ВАРИАНТЫ ТОВАРОВ (PILLS) === */
.product-form__input input[type="radio"]:checked + label {
  background: linear-gradient(135deg, var(--tuning-red), var(--tuning-orange)) !important;
  color: #fff !important;
  box-shadow: 
    0 0 15px rgba(255, 0, 0, 0.5),
    inset 0 0 10px rgba(255, 255, 255, 0.2);
  transform: scale(1.05);
  border: 2px solid transparent !important;
}

.product-form__input input[type="radio"] + label {
  transition: all 0.3s ease;
  border: 2px solid currentColor !important;
}

.product-form__input input[type="radio"] + label:hover {
  border-color: var(--tuning-red) !important;
  box-shadow: 0 0 10px rgba(255, 0, 0, 0.3);
  transform: translateY(-2px);
}

/* === УЛУЧШЕНИЯ ДЛЯ ЦЕНЫ === */
/* Шрифт Jost для всех цен на обоих языках */
.price,
.price-item,
.price__regular,
.price__sale,
.price__container,
.unit-price,
.price-per-item,
.price-per-item--current,
.variant-item__old-price,
.cart-item__old-price,
.cart-item__final-price,
.totals__total-value,
.price__badge-sale,
.price__badge-sold-out,
.cart-item__price-wrapper .price,
.card-information > .price {
  font-family: 'Jost', sans-serif !important;
}

.price {
  font-family: 'Jost', sans-serif !important;
  font-weight: 700;
  letter-spacing: 1px;
}

.price--on-sale .price-item--regular {
  text-decoration: line-through;
  opacity: 0.6;
  font-family: 'Jost', sans-serif !important;
}

.price--on-sale .price-item--sale {
  color: var(--tuning-red) !important;
  font-size: 1.2em;
  font-family: 'Jost', sans-serif !important;
}

/* === ИКОНКИ В ХЕДЕРЕ === */
.header__icon:hover .icon {
  color: var(--tuning-red) !important;
  transform: scale(1.1);
  transition: all 0.3s ease;
}

/* Счетчик корзины с эффектом */
.cart-count-bubble {
  background: linear-gradient(135deg, var(--tuning-red), var(--tuning-orange)) !important;
  animation: bubblePulse 2s ease-in-out infinite;
}

@keyframes bubblePulse {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7);
  }
  50% {
    transform: scale(1.1);
    box-shadow: 0 0 0 8px rgba(255, 0, 0, 0);
  }
}

/* === УЛУЧШЕНИЯ ДЛЯ ПОИСКА === */
.search-modal__content {
  backdrop-filter: blur(10px);
}

.search-modal {
  background: rgba(0, 0, 0, 0.95) !important;
}

/* === FOOTER УЛУЧШЕНИЯ === */
.footer {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-block__heading {
  position: relative;
  padding-bottom: 1rem;
}

.footer-block__heading::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50px;
  height: 2px;
  background: linear-gradient(90deg, var(--tuning-red), var(--tuning-orange));
}

/* === ОБЩИЕ ЭФФЕКТЫ === */

/* Тени с красным оттенком */
.card,
.product-card-wrapper {
  transition: box-shadow 0.3s ease;
}

/* Скругления для карточек */
.card {
  border-radius: calc(var(--product-card-corner-radius) + 4px) !important;
  overflow: hidden;
}

/* Эффект при прокрутке */
@media (prefers-reduced-motion: no-preference) {
  .scroll-trigger.animate--slide-in {
    animation-duration: 0.6s;
  }
}

/* === МОБИЛЬНЫЕ УЛУЧШЕНИЯ === */
@media screen and (max-width: 749px) {
  .button {
    min-height: 48px; /* Увеличенный размер для лучшего UX на мобильных */
    font-size: 1.4rem;
  }
  
  .product-card-wrapper:hover {
    transform: translateY(-4px); /* Меньший подъем на мобильных */
  }
  
  .header__menu-item::after {
    width: 0; /* Отключаем линию на мобильных */
  }
}

/* === АНИМАЦИЯ ЗАГРУЗКИ === */
@keyframes shimmer {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}

.loading__spinner {
  border-color: var(--tuning-red);
  border-top-color: transparent;
}

/* === СПЕЦИАЛЬНЫЕ ЭФФЕКТЫ ДЛЯ ТОВАРОВ === */
.product-card-wrapper .card__heading a {
  transition: color 0.3s ease;
}

.product-card-wrapper:hover .card__heading a {
  color: var(--tuning-red) !important;
}

/* Overlay на карточке при наведении */
.product-card-wrapper:hover .card__media::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(255, 0, 0, 0.1),
    transparent 50%,
    rgba(255, 107, 0, 0.1)
  );
  z-index: 1;
  pointer-events: none;
}

/* === УЛУЧШЕНИЯ ДЛЯ QUICK ADD === */
.quick-add-modal__content {
  border: 2px solid transparent;
  background: linear-gradient(white, white) padding-box,
              linear-gradient(135deg, var(--tuning-red), var(--tuning-orange)) border-box;
}

/* === ПРОФЕССИОНАЛЬНЫЕ ДЕТАЛИ === */

/* Тонкая линия разделителя */
.grid::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 0, 0, 0.3), transparent);
}

/* Эффект для input полей */
.field__input:focus,
.select__select:focus {
  border-color: var(--tuning-red) !important;
  box-shadow: 0 0 10px rgba(255, 0, 0, 0.3) !important;
}

/* === ACCESSIBILITY === */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* ============================================
   🌐 КНОПКА ВЫБОРА ЯЗЫКА - ПРЕМИУМ ДИЗАЙН
   ============================================ */

/* Компактная красивая кнопка выбора языка */
.header .localization-form__select,
header .localization-form__select,
.header__icons .localization-form__select,
.desktop-localization-wrapper .localization-form__select,
.header-localization .localization-form__select,
.header .disclosure__button.localization-form__select,
body .header .localization-form__select {
  position: relative !important;
  padding: 6px 28px 6px 12px !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: #fff !important;
  background: rgba(0, 0, 0, 0.3) !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  border-radius: 6px !important;
  backdrop-filter: blur(10px);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  width: auto !important;
  min-width: 60px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  overflow: hidden !important;
  box-shadow: none !important;
  margin: 0 !important;
  line-height: 1 !important;
}

/* Эффект свечения при наведении */
.header .localization-form__select::before,
header .localization-form__select::before,
.header__icons .localization-form__select::before {
  content: '';
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(135deg, rgba(255, 0, 0, 0.2), rgba(255, 107, 0, 0.2)) !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
  z-index: -1 !important;
  border-radius: 6px !important;
}

.header .localization-form__select:hover::before,
header .localization-form__select:hover::before,
.header__icons .localization-form__select:hover::before {
  opacity: 1 !important;
}

/* Анимация при наведении */
.header .localization-form__select:hover,
header .localization-form__select:hover,
.header__icons .localization-form__select:hover,
.desktop-localization-wrapper .localization-form__select:hover,
.header-localization .localization-form__select:hover {
  background: rgba(0, 0, 0, 0.5) !important;
  border-color: rgba(255, 0, 0, 0.6) !important;
  box-shadow: 
    0 0 15px rgba(255, 0, 0, 0.3),
    0 4px 12px rgba(0, 0, 0, 0.4) !important;
  transform: translateY(-1px) !important;
  text-decoration: none !important;
}

/* Эффект при клике */
.header .localization-form__select:active {
  transform: translateY(0);
  box-shadow: 
    0 0 10px rgba(255, 0, 0, 0.2),
    0 2px 6px rgba(0, 0, 0, 0.3) !important;
}

/* Иконка стрелочки - красивый дизайн */
.header .localization-form__select .icon-caret,
header .localization-form__select .icon-caret,
.header__icons .localization-form__select .icon-caret {
  position: absolute !important;
  right: 10px !important;
  width: 0.7rem !important;
  height: 0.7rem !important;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  opacity: 0.8 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

.header .localization-form__select:hover .icon-caret,
header .localization-form__select:hover .icon-caret,
.header__icons .localization-form__select:hover .icon-caret {
  opacity: 1 !important;
  transform: translateY(calc(-50% + 2px)) !important;
}

.header .localization-form__select[aria-expanded='true'] .icon-caret,
header .localization-form__select[aria-expanded='true'] .icon-caret,
.header__icons .localization-form__select[aria-expanded='true'] .icon-caret {
  transform: translateY(-50%) rotate(180deg) !important;
}

/* Выпадающее меню - премиум стиль */
.header .disclosure__list-wrapper {
  background: rgba(0, 0, 0, 0.95) !important;
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 0, 0, 0.3) !important;
  border-radius: 8px !important;
  box-shadow: 
    0 10px 40px rgba(0, 0, 0, 0.7),
    0 0 20px rgba(255, 0, 0, 0.2) !important;
  padding: 4px !important;
  min-width: 70px !important;
  margin-top: 8px;
  animation: slideDown 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Элементы меню */
.header .disclosure__link {
  padding: 10px 16px !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: rgba(255, 255, 255, 0.8) !important;
  border-radius: 4px;
  transition: all 0.2s ease;
  text-decoration: none !important;
}

.header .disclosure__link:hover {
  background: linear-gradient(135deg, rgba(255, 0, 0, 0.2), rgba(255, 107, 0, 0.2)) !important;
  color: #fff !important;
  transform: translateX(4px);
}

.header .disclosure__link--active {
  background: linear-gradient(135deg, rgba(255, 0, 0, 0.3), rgba(255, 107, 0, 0.3)) !important;
  color: #fff !important;
  border-left: 2px solid var(--tuning-red);
}

/* Убираем стандартное подчеркивание */
.header .localization-form__select:hover {
  text-decoration: none !important;
}

/* Анимация текста в кнопке */
.header .localization-form__select span {
  position: relative;
  z-index: 1;
  transition: color 0.3s ease;
}

.header .localization-form__select:hover span {
  color: #fff;
  text-shadow: 0 0 10px rgba(255, 0, 0, 0.5);
}

/* Мобильные устройства - адаптация */
@media screen and (max-width: 749px) {
  .header .localization-form__select,
  header .localization-form__select,
  .header__icons .localization-form__select {
    padding: 5px 24px 5px 10px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    font-size: 0.95rem !important;
  }
  
  .header .localization-form__select .icon-caret,
  header .localization-form__select .icon-caret,
  .header__icons .localization-form__select .icon-caret {
    right: 8px !important;
    width: 0.6rem !important;
  }
}

/* ============================================
   🔧 ПЕРЕЗАПИСЬ СТАРЫХ СТИЛЕЙ ДЛЯ ГЛАВНОЙ СТРАНИЦЫ
   ============================================ */

/* Максимально специфичные селекторы для перезаписи base.css */
body .header .header__icons .desktop-localization-wrapper .header-localization localization-form .disclosure .disclosure__button.localization-form__select,
body .header .header__icons .desktop-localization-wrapper localization-form .disclosure .disclosure__button.localization-form__select,
body header .header__icons .desktop-localization-wrapper localization-form .disclosure .disclosure__button.localization-form__select,
body .page-width .header .header__icons .desktop-localization-wrapper localization-form .disclosure .disclosure__button.localization-form__select {
  position: relative !important;
  padding: 6px 28px 6px 12px !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: #fff !important;
  background: rgba(0, 0, 0, 0.3) !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  border-radius: 6px !important;
  backdrop-filter: blur(10px) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  width: auto !important;
  min-width: 60px !important;
  max-width: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  overflow: hidden !important;
  box-shadow: none !important;
  margin: 0 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

/* Перезапись для hover на главной */
body .header .header__icons .desktop-localization-wrapper .header-localization localization-form .disclosure .disclosure__button.localization-form__select:hover,
body .header .header__icons .desktop-localization-wrapper localization-form .disclosure .disclosure__button.localization-form__select:hover,
body header .header__icons .desktop-localization-wrapper localization-form .disclosure .disclosure__button.localization-form__select:hover {
  background: rgba(0, 0, 0, 0.5) !important;
  border-color: rgba(255, 0, 0, 0.6) !important;
  box-shadow: 
    0 0 15px rgba(255, 0, 0, 0.3),
    0 4px 12px rgba(0, 0, 0, 0.4) !important;
  transform: translateY(-1px) !important;
  text-decoration: none !important;
}

/* Перезапись для иконки стрелочки */
body .header .header__icons .desktop-localization-wrapper localization-form .disclosure .disclosure__button.localization-form__select .icon-caret,
body header .header__icons .desktop-localization-wrapper localization-form .disclosure .disclosure__button.localization-form__select .icon-caret {
  position: absolute !important;
  right: 10px !important;
  width: 0.7rem !important;
  height: 0.7rem !important;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  opacity: 0.8 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

body .header .header__icons .desktop-localization-wrapper localization-form .disclosure .disclosure__button.localization-form__select:hover .icon-caret,
body header .header__icons .desktop-localization-wrapper localization-form .disclosure .disclosure__button.localization-form__select:hover .icon-caret {
  opacity: 1 !important;
  transform: translateY(calc(-50% + 2px)) !important;
}

body .header .header__icons .desktop-localization-wrapper localization-form .disclosure .disclosure__button.localization-form__select[aria-expanded='true'] .icon-caret,
body header .header__icons .desktop-localization-wrapper localization-form .disclosure .disclosure__button.localization-form__select[aria-expanded='true'] .icon-caret {
  transform: translateY(-50%) rotate(180deg) !important;
}

/* Перезапись для текста внутри кнопки */
body .header .header__icons .desktop-localization-wrapper localization-form .disclosure .disclosure__button.localization-form__select > span,
body header .header__icons .desktop-localization-wrapper localization-form .disclosure .disclosure__button.localization-form__select > span {
  position: relative !important;
  z-index: 1 !important;
  transition: color 0.3s ease !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: #fff !important;
}

body .header .header__icons .desktop-localization-wrapper localization-form .disclosure .disclosure__button.localization-form__select:hover > span,
body header .header__icons .desktop-localization-wrapper localization-form .disclosure .disclosure__button.localization-form__select:hover > span {
  color: #fff !important;
  text-shadow: 0 0 10px rgba(255, 0, 0, 0.5) !important;
  text-decoration: none !important;
}

/* Выпадающее меню - премиум стиль для главной страницы (перезапись) */
body .header .header__icons .desktop-localization-wrapper localization-form .disclosure .disclosure__list-wrapper,
body header .header__icons .desktop-localization-wrapper localization-form .disclosure .disclosure__list-wrapper,
body .page-width .header .header__icons .desktop-localization-wrapper localization-form .disclosure .disclosure__list-wrapper {
  background: rgba(0, 0, 0, 0.95) !important;
  backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(255, 0, 0, 0.3) !important;
  border-radius: 8px !important;
  box-shadow: 
    0 10px 40px rgba(0, 0, 0, 0.7),
    0 0 20px rgba(255, 0, 0, 0.2) !important;
  padding: 4px !important;
  min-width: 70px !important;
  margin-top: 8px !important;
  animation: slideDown 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  position: absolute !important;
  bottom: initial !important;
  top: 100% !important;
  right: 0 !important;
  transform: translateY(0) !important;
  z-index: 999 !important;
}

/* Элементы меню - премиум стиль для главной страницы */
body .header .header__icons .desktop-localization-wrapper localization-form .disclosure .disclosure__list .disclosure__link,
body header .header__icons .desktop-localization-wrapper localization-form .disclosure .disclosure__list .disclosure__link,
body .page-width .header .header__icons .desktop-localization-wrapper localization-form .disclosure .disclosure__list .disclosure__link {
  padding: 10px 16px !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: rgba(255, 255, 255, 0.8) !important;
  border-radius: 4px !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
  background: transparent !important;
}

body .header .header__icons .desktop-localization-wrapper localization-form .disclosure .disclosure__list .disclosure__link:hover,
body header .header__icons .desktop-localization-wrapper localization-form .disclosure .disclosure__list .disclosure__link:hover,
body .page-width .header .header__icons .desktop-localization-wrapper localization-form .disclosure .disclosure__list .disclosure__link:hover {
  background: linear-gradient(135deg, rgba(255, 0, 0, 0.2), rgba(255, 107, 0, 0.2)) !important;
  color: #fff !important;
  transform: translateX(4px) !important;
}

body .header .header__icons .desktop-localization-wrapper localization-form .disclosure .disclosure__list .disclosure__link--active,
body header .header__icons .desktop-localization-wrapper localization-form .disclosure .disclosure__list .disclosure__link--active,
body .page-width .header .header__icons .desktop-localization-wrapper localization-form .disclosure .disclosure__list .disclosure__link--active {
  background: linear-gradient(135deg, rgba(255, 0, 0, 0.3), rgba(255, 107, 0, 0.3)) !important;
  color: #fff !important;
  border-left: 2px solid #FF0000 !important;
}

/* Список в выпадающем меню */
body .header .header__icons .desktop-localization-wrapper localization-form .disclosure .disclosure__list,
body header .header__icons .desktop-localization-wrapper localization-form .disclosure .disclosure__list,
body .page-width .header .header__icons .desktop-localization-wrapper localization-form .disclosure .disclosure__list {
  padding: 4px !important;
  min-width: 70px !important;
  background: transparent !important;
  border: none !important;
}

/* ============================================
   🏠 ГЛАВНАЯ СТРАНИЦА - ПРОФЕССИОНАЛЬНАЯ ТИПОГРАФИКА
   ============================================ */

/* === HERO SLIDESHOW - ЗАГОЛОВКИ === */
.banner__heading {
  font-family: 'Krona One', sans-serif !important;
  font-size: clamp(1.5rem, 3vw, 3rem) !important;
  font-weight: 400 !important;
  letter-spacing: 3px !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
  text-shadow: 
    3px 3px 6px rgba(0, 0, 0, 0.9),
    0 0 30px rgba(255, 0, 0, 0.5),
    0 0 60px rgba(255, 107, 0, 0.3) !important;
  margin-bottom: 2rem !important;
  animation: heroTextFadeIn 1s ease-out;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
}

/* Для украинского языка используем шрифт Songer для заголовков на главной странице */
html[lang="uk"] .banner__heading,
html[lang="uk"] body .banner__heading {
  font-family: 'Songer', sans-serif !important;
}

@keyframes heroTextFadeIn {
  from {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Подзаголовки в слайдере */
.banner__text {
  font-size: clamp(1.4rem, 2.5vw, 2.4rem) !important;
  font-weight: 300 !important;
  letter-spacing: 1.5px !important;
  line-height: 1.6 !important;
  text-shadow: 
    2px 2px 4px rgba(0, 0, 0, 0.8),
    0 0 20px rgba(255, 255, 255, 0.3) !important;
  margin-bottom: 1rem !important;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  animation: heroSubtextFadeIn 1.2s ease-out 0.3s both;
}

@keyframes heroSubtextFadeIn {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Кнопки в слайдере */
.banner__buttons .button {
  font-size: clamp(1.2rem, 2vw, 1.8rem) !important;
  padding: 1.5rem 4rem !important;
  min-width: 250px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  animation: heroButtonFadeIn 1.5s ease-out 0.6s both;
  box-shadow: 
    0 10px 30px rgba(0, 0, 0, 0.5),
    0 0 20px rgba(255, 0, 0, 0.4) !important;
  color: #ffffff !important;
}

.banner__buttons .button span {
  color: #ffffff !important;
}

@keyframes heroButtonFadeIn {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.9);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* === RICH TEXT СЕКЦИЯ - ГЛАВНЫЙ ЗАГОЛОВОК === */
.rich-text__heading {
  font-family: 'Krona One', sans-serif !important;
  font-size: clamp(3.5rem, 6vw, 7rem) !important;
  font-weight: 400 !important;
  letter-spacing: 4px !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
  text-align: center !important;
  margin-bottom: 1rem !important;
  background: linear-gradient(135deg, #fff 0%, rgba(255, 107, 0, 0.9) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  position: relative;
  padding-bottom: 1rem;
}

/* Для украинского языка используем шрифт Songer для заголовков на главной странице */
html[lang="uk"] .rich-text__heading,
html[lang="uk"] body .rich-text__heading {
  font-family: 'Songer', sans-serif !important;
}

.rich-text__heading::after {
  display: none !important;
  content: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  width: 0 !important;
}

/* Текст в rich-text секции */
.rich-text__text {
  font-size: clamp(1.6rem, 2.5vw, 2.2rem) !important;
  line-height: 1.8 !important;
  letter-spacing: 0.5px !important;
  font-weight: 300 !important;
  text-align: center !important;
  max-width: 900px;
  margin: 0 auto 4rem !important;
  color: rgba(255, 255, 255, 0.9) !important;
}

.rich-text__text p {
  margin-bottom: 2rem;
}

/* Кнопки в rich-text */
.rich-text__buttons {
  display: flex;
  gap: 2rem;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 3rem;
}

.rich-text__buttons .button {
  font-size: clamp(1.2rem, 2vw, 1.6rem) !important;
  padding: 1.5rem 4rem !important;
  min-width: 220px !important;
}

/* === IMAGE-WITH-TEXT СЕКЦИЯ === */
/* Убираем промежуток сверху секции */
div[id*="image_with_text_intro"],
.shopify-section[class*="image_with_text_intro"],
#shopify-section-template--27126855532877_image_with_text_intro {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: none !important;
  height: auto !important;
  min-height: 0 !important;
}

div[id*="image_with_text_intro"]::before,
div[id*="image_with_text_intro"]::after,
.shopify-section[class*="image_with_text_intro"]::before,
.shopify-section[class*="image_with_text_intro"]::after {
  display: none !important;
  content: none !important;
  height: 0 !important;
  width: 0 !important;
}

/* Опускаем текст напротив фотографии */
@media screen and (min-width: 990px) {
  div[id*="image_with_text_intro"] .image-with-text__text-item {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
  }
  
  div[id*="image_with_text_intro"] .image-with-text__content {
    align-self: flex-end !important;
    margin-top: auto !important;
    padding-top: 6rem !important;
    width: 100% !important;
  }
  
  div[id*="image_with_text_intro"] .image-with-text__media-item {
    align-self: flex-start !important;
  }
}

.image-with-text__heading {
  font-family: 'Krona One', sans-serif !important;
  font-size: clamp(2rem, 4vw, 4rem) !important;
  font-weight: 400 !important;
  letter-spacing: 3px !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  margin-bottom: 2rem !important;
}

/* Для украинского языка используем шрифт Songer */
html[lang="uk"] .image-with-text__heading,
html[lang="uk"] body .image-with-text__heading {
  font-family: 'Songer', sans-serif !important;
}

.image-with-text__heading span[style*="color: #FF0000"] {
  color: var(--tuning-red) !important;
  text-shadow: 0 0 20px rgba(255, 0, 0, 0.6);
}

.image-with-text__text--caption {
  font-size: clamp(1rem, 1.5vw, 1.4rem) !important;
  letter-spacing: 3px !important;
  color: rgba(255, 107, 0, 0.9) !important;
  font-weight: 600 !important;
  margin-bottom: 2rem !important;
}

.image-with-text__text.rte {
  font-size: clamp(1.4rem, 2vw, 1.9rem) !important;
  line-height: 1.8 !important;
  letter-spacing: 0.5px !important;
  font-weight: 300 !important;
}

.image-with-text__text.rte p {
  margin-bottom: 1.5rem;
}

/* === УЛУЧШЕНИЯ ДЛЯ ВСЕХ ЗАГОЛОВКОВ === */
h1, .h1,
h2, .h2,
h3, .h3 {
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  line-height: 1.2 !important;
}

/* === МОБИЛЬНЫЕ УЛУЧШЕНИЯ === */
@media screen and (max-width: 749px) {
  .banner__heading,
  .slideshow .banner__heading {
    font-size: clamp(1.2rem, 4vw, 2.2rem) !important;
    letter-spacing: 1.5px !important;
    margin-bottom: 1.5rem !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    white-space: normal !important;
    max-width: 100% !important;
    line-height: 1.2 !important;
  }
  
  /* Предотвращаем перенос длинных слов */
  .banner__heading .inline-richtext,
  .banner__heading span {
    white-space: nowrap !important;
    display: inline-block !important;
  }
  
  .banner__text {
    font-size: clamp(1.2rem, 4vw, 1.6rem) !important;
    margin-bottom: 2rem !important;
  }
  
  .banner__buttons .button {
    font-size: 1.3rem !important;
    padding: 1.2rem 3rem !important;
    min-width: 200px !important;
  }
  
  .rich-text__heading {
    font-size: clamp(2rem, 8vw, 4rem) !important;
    letter-spacing: 2px !important;
  }
  
  .rich-text__text {
    font-size: clamp(1.3rem, 4vw, 1.6rem) !important;
  }
  
  .rich-text__buttons {
    flex-direction: column;
    align-items: center;
  }
  
  .rich-text__buttons .button {
    width: 100%;
    max-width: 300px;
  }
  
  .image-with-text__heading {
    font-size: clamp(1.5rem, 6vw, 2.5rem) !important;
  }
}

/* === ФИНАЛЬНЫЕ ШТРИХИ === */

/* Эффект "скорости" для заголовков (только если нужно) */
/* Раскомментируйте, если хотите градиентный текст для заголовков */
/*
.h1, .h2, .h3,
h1, h2, h3 {
  background: linear-gradient(135deg, #fff, rgba(255, 107, 0, 0.8));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: 2px;
}
*/

/* Более заметные ссылки */
a.link:hover {
  color: var(--tuning-red) !important;
  text-decoration-thickness: 2px;
}

/* === УЛУЧШЕНИЯ ДЛЯ IMAGE-WITH-TEXT СЕКЦИИ === */
.image-with-text__heading {
  position: relative;
}

/* Убираем красную линию - удален псевдоэлемент */
.image-with-text__heading::after {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  height: 0 !important;
  width: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

.image-with-text .button {
  margin-top: 2rem;
}

/* === УЛУЧШЕНИЯ ДЛЯ COLLECTION PAGE === */
.collection-hero {
  position: relative;
  overflow: hidden;
}

.collection-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.4) 0%,
    transparent 50%,
    rgba(0, 0, 0, 0.4) 100%
  );
  pointer-events: none;
}

/* === ПРОДАКШН СТРАНИЦА === */
.product-form__submit {
  margin-top: 2rem;
}

.product__title {
  position: relative;
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
}

.product__title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 300px;
  height: 3px;
  background: linear-gradient(90deg, var(--tuning-red), var(--tuning-orange));
  box-shadow: 0 0 15px var(--tuning-red);
}

/* === КОРЗИНА === */
.cart-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  transition: background 0.3s ease;
}

.cart-item:hover {
  background: rgba(255, 0, 0, 0.05);
}

/* === ФИЛЬТРЫ === */
.facet-filters__sort:focus,
.facet-filters__sort:hover {
  border-color: var(--tuning-red) !important;
  box-shadow: 0 0 10px rgba(255, 0, 0, 0.3) !important;
}

/* === QUICK ADD МОДАЛКА === */
.quick-add-modal {
  backdrop-filter: blur(5px);
}

/* === CART NOTIFICATION === */
.cart-notification {
  border-left: 4px solid var(--tuning-red) !important;
  box-shadow: 
    0 10px 40px rgba(0, 0, 0, 0.5),
    0 0 20px rgba(255, 0, 0, 0.3) !important;
}

/* === SEARCH RESULTS === */
.search-modal__content {
  border-top: 2px solid var(--tuning-red);
}

.predictive-search__item:hover {
  background: rgba(255, 0, 0, 0.1);
  border-left: 3px solid var(--tuning-red);
}

/* === ДОПОЛНИТЕЛЬНЫЕ ЭФФЕКТЫ === */

/* Линия-разделитель с градиентом */
.section + .section::before {
  content: '';
  display: block;
  width: 300px;
  height: 2px;
  margin: 0 auto 1rem;
  background: linear-gradient(90deg, transparent, var(--tuning-red), transparent);
  box-shadow: 0 0 10px var(--tuning-red);
}

/* Эффект для активных элементов */
*:focus-visible {
  outline: 2px solid var(--tuning-red) !important;
  outline-offset: 2px;
  box-shadow: 0 0 10px rgba(255, 0, 0, 0.5) !important;
}

/* ============================================
   🚫 СКРЫТИЕ ЛИЧНОГО КАБИНЕТА И РЕГИСТРАЦИИ
   ============================================ */

/* Скрываем иконку аккаунта в хедере (десктоп) */
.header__icon--account,
a.header__icon--account,
.header__icons .header__icon--account,
header .header__icon--account {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Скрываем ссылку на аккаунт в мобильном меню (drawer) */
.menu-drawer__account,
.menu-drawer__utility-links .menu-drawer__account,
a.menu-drawer__account {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Скрываем класс header--has-account чтобы не было пустого места */
.header--has-account .header__icon--account {
  display: none !important;
}

/* Убираем отступы если иконка аккаунта скрыта */
.header__icons:has(.header__icon--account:only-child) {
  display: none !important;
}

/* Скрываем иконку аккаунта везде */
.icon-account,
svg.icon-account {
  display: none !important;
}

/* Скрываем любые ссылки на аккаунт */
a[href*="/account"],
a[href*="/account/login"],
a[href*="/account/register"] {
  display: none !important;
  visibility: hidden !important;
}

/* Скрываем элементы в футере, если есть ссылки на аккаунт */
footer a[href*="/account"] {
  display: none !important;
}

/* Убираем пустое пространство от скрытых элементов */
.header__icons .header__icon--account {
  margin: 0 !important;
  padding: 0 !important;
  width: 0 !important;
  height: 0 !important;
}

/* Скрываем кнопку входа/регистрации в футере */
footer .login-button,
footer a[href*="login"],
footer .shopify-login-button,
.footer-block a[href*="/account"] {
  display: none !important;
  visibility: hidden !important;
}

/* Скрываем все ссылки на аккаунт в меню футера */
.footer-block__details-content a[href*="/account"],
.footer-block__details-content a[href*="/account/login"],
.footer-block__details-content a[href*="/account/register"] {
  display: none !important;
  visibility: hidden !important;
}

/* Убираем отступы если иконка аккаунта была единственной */
.header__icons:only-child .header__icon--account {
  display: none !important;
}

/* Скрываем аккаунт в мобильном меню полностью */
.menu-drawer__utility-links .menu-drawer__account {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
}

/* ============================================
   🔧 ПЕРЕЗАПИСЬ ДЛЯ ГЛАВНОЙ СТРАНИЦЫ - ИКОНКА АККАУНТА
   ============================================ */

/* Максимально специфичные селекторы для скрытия аккаунта на главной */
body .header .header__icons .header__icon--account,
body header .header__icons .header__icon--account,
body .page-width .header .header__icons .header__icon--account,
body .header.header--has-account .header__icons .header__icon--account,
body .header .header__icons a.header__icon--account,
body header .header__icons a.header__icon--account {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  left: -9999px !important;
  pointer-events: none !important;
}

/* Скрываем иконку аккаунта в мобильном меню на главной */
body .menu-drawer__utility-links .menu-drawer__account,
body .menu-drawer .menu-drawer__account,
body header-drawer .menu-drawer__account,
body .menu-drawer__utility-links a.menu-drawer__account {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  left: -9999px !important;
  pointer-events: none !important;
}

/* Скрываем иконку svg внутри кнопки аккаунта на главной */
body .header .header__icons .header__icon--account .icon-account,
body .header .header__icons .header__icon--account svg.icon-account,
body header .header__icons .header__icon--account .icon-account,
body .page-width .header .header__icons .header__icon--account .icon-account {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
}

/* Убираем класс header--has-account чтобы не было пустого места на главной */
body .header.header--has-account .header__icons .header__icon--account,
body header.header--has-account .header__icons .header__icon--account {
  display: none !important;
}

/* === КНОПКИ КАТЕГОРИЙ С ВЫПАДАЮЩИМИ МЕНЮ НА ГЛАВНОЙ СТРАНИЦЕ === */
.category-buttons-wrapper {
  border-bottom: none !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 2rem !important;
  margin-top: 3rem !important;
  margin-bottom: 0 !important;
  flex-wrap: wrap !important;
  position: relative !important;
  z-index: 10 !important;
  transition: margin-bottom 0.3s ease !important;
}

/* Добавляем отступ только когда меню открыто */
.category-buttons-wrapper:has(.category-button-details[open]),
.category-button-details[open] ~ *,
.rich-text__blocks:has(.category-button-details[open]) {
  margin-bottom: 0.5rem !important;
}

@media screen and (min-width: 750px) {
  .category-buttons-wrapper:has(.category-button-details[open]) {
    margin-bottom: 0.75rem !important;
  }
}

/* Дополнительный отступ для секции rich-text когда меню открыто */
.rich-text:has(.category-button-details[open]),
.rich-text__wrapper:has(.category-button-details[open]) {
  padding-bottom: 120px !important;
  transition: padding-bottom 0.3s ease !important;
}

@media screen and (min-width: 750px) {
  .rich-text:has(.category-button-details[open]),
  .rich-text__wrapper:has(.category-button-details[open]) {
    padding-bottom: 150px !important;
  }
}

.category-buttons {
  display: flex !important;
  gap: 2rem !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  border-bottom: none !important;
}

.category-buttons-wrapper::after,
.category-buttons-wrapper::before,
.category-buttons::after,
.category-buttons::before,
.category-buttons-wrapper *::after,
.category-buttons-wrapper *::before {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  background: none !important;
  border: none !important;
  height: 0 !important;
  width: 0 !important;
}

/* Убираем все красные линии и границы снизу */
.category-buttons-wrapper,
.category-buttons,
.category-button-item,
.category-button-details,
.category-button-summary,
.category-button-dropdown,
.category-button-menu,
.category-button-menu li {
  border-bottom: none !important;
  border-bottom-color: transparent !important;
}

.category-button-dropdown *,
.category-button-menu * {
  border-bottom: none !important;
}

/* Убираем все псевдоэлементы, которые могут создавать линии */
.category-button-dropdown *::after,
.category-button-dropdown *::before,
.category-button-menu *::after,
.category-button-menu *::before {
  display: none !important;
  content: none !important;
  background: none !important;
  border: none !important;
}

.category-button-item {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
}

.category-button-details {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
}

.category-button-summary {
  display: flex !important;
  align-items: center !important;
  gap: 0.8rem !important;
  padding: 1.5rem 4rem !important;
  font-size: clamp(1.6rem, 2.5vw, 2rem) !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #fff !important;
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.8)) !important;
  border: 2px solid rgba(255, 255, 255, 0.3) !important;
  border-radius: 12px !important;
  cursor: pointer !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  backdrop-filter: blur(15px) !important;
  min-width: 220px !important;
  justify-content: center !important;
  list-style: none !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 
    0 4px 15px rgba(0, 0, 0, 0.5),
    0 2px 8px rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}

/* Эффект свечения под кнопкой */
.category-button-summary::before {
  content: '' !important;
  position: absolute !important;
  inset: -2px !important;
  background: linear-gradient(135deg, var(--tuning-red), var(--tuning-orange), var(--tuning-red)) !important;
  border-radius: 12px !important;
  opacity: 0 !important;
  transition: opacity 0.4s ease !important;
  z-index: -1 !important;
  filter: blur(8px) !important;
  animation: pulseGlow 3s ease-in-out infinite !important;
}

@keyframes pulseGlow {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 0.3;
  }
}

/* Внутренний градиент при наведении */
.category-button-summary::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(135deg, rgba(255, 0, 0, 0.1), rgba(255, 107, 0, 0.1)) !important;
  border-radius: 12px !important;
  opacity: 0 !important;
  transition: opacity 0.4s ease !important;
  z-index: -1 !important;
}

.category-button-summary::-webkit-details-marker {
  display: none !important;
}

.category-button-summary::marker {
  display: none !important;
}

.category-button-summary:hover {
  background: linear-gradient(135deg, rgba(255, 0, 0, 0.9), rgba(255, 107, 0, 0.9)) !important;
  border-color: rgba(255, 255, 255, 0.6) !important;
  box-shadow: 
    0 8px 30px rgba(255, 0, 0, 0.6),
    0 4px 15px rgba(255, 107, 0, 0.4),
    0 0 40px rgba(255, 0, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
  transform: translateY(-4px) scale(1.02) !important;
  letter-spacing: 3px !important;
}

.category-button-summary:hover::before {
  opacity: 0.8 !important;
  filter: blur(12px) !important;
}

.category-button-summary:hover::after {
  opacity: 1 !important;
}

/* Эффект при активном состоянии (открыто) */
.category-button-summary:active {
  transform: translateY(-2px) scale(0.98) !important;
  box-shadow: 
    0 4px 20px rgba(255, 0, 0, 0.5),
    0 2px 10px rgba(255, 107, 0, 0.3) !important;
}

.category-button-details[open] .category-button-summary {
  background: linear-gradient(135deg, rgba(255, 0, 0, 0.95), rgba(255, 107, 0, 0.95)) !important;
  border-color: rgba(255, 255, 255, 0.7) !important;
  box-shadow: 
    0 8px 30px rgba(255, 0, 0, 0.7),
    0 4px 15px rgba(255, 107, 0, 0.5),
    0 0 50px rgba(255, 0, 0, 0.6),
    inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
  transform: translateY(-2px) !important;
  letter-spacing: 3px !important;
}

.category-button-details[open] .category-button-summary::before {
  opacity: 1 !important;
  filter: blur(15px) !important;
  animation: pulseGlowActive 2s ease-in-out infinite !important;
}

@keyframes pulseGlowActive {
  0%, 100% {
    opacity: 0.8;
  }
  50% {
    opacity: 1;
  }
}

.category-button-details[open] .category-button-summary::after {
  opacity: 1 !important;
}

.category-button-label {
  position: relative !important;
  z-index: 1 !important;
  text-shadow: 
    0 2px 8px rgba(0, 0, 0, 0.5),
    0 0 20px rgba(255, 255, 255, 0.2) !important;
  transition: all 0.4s ease !important;
  display: inline-block !important;
}

.category-button-summary:hover .category-button-label {
  text-shadow: 
    0 2px 12px rgba(255, 0, 0, 0.8),
    0 0 30px rgba(255, 255, 255, 0.5),
    0 0 40px rgba(255, 107, 0, 0.6) !important;
  transform: scale(1.05) !important;
}

.category-button-details[open] .category-button-label {
  text-shadow: 
    0 2px 15px rgba(255, 0, 0, 1),
    0 0 35px rgba(255, 255, 255, 0.6),
    0 0 50px rgba(255, 107, 0, 0.8) !important;
}

.category-button-summary .icon-caret {
  width: 0.8rem !important;
  height: 0.8rem !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  opacity: 0.8 !important;
  filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.5)) !important;
}

.category-button-summary:hover .icon-caret {
  opacity: 1 !important;
  transform: translateY(-2px) !important;
  filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.8)) !important;
}

.category-button-details[open] .category-button-summary .icon-caret {
  transform: rotate(180deg) translateY(2px) !important;
  opacity: 1 !important;
  filter: drop-shadow(0 0 10px rgba(255, 255, 255, 1)) !important;
}

.category-button-dropdown {
  position: absolute !important;
  top: calc(100% + 12px) !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: rgba(0, 0, 0, 0.98) !important;
  backdrop-filter: blur(25px) !important;
  border: none !important;
  border-bottom: none !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-radius: 12px !important;
  box-shadow: 
    0 15px 50px rgba(0, 0, 0, 0.9),
    0 8px 25px rgba(255, 0, 0, 0.4),
    0 0 40px rgba(255, 0, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  padding: 12px !important;
  min-width: 220px !important;
  width: 100% !important;
  max-width: 100% !important;
  z-index: 1000 !important;
  animation: categorySlideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  overflow: hidden !important;
}

.category-button-dropdown::after,
.category-button-dropdown::before {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

.category-button-item::after,
.category-button-item::before,
.category-button-details::after,
.category-button-details::before {
  display: none !important;
  content: none !important;
}

.category-button-summary::after {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
}

.category-button-dropdown::before {
  display: none !important;
  content: none !important;
}

@keyframes shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}

@keyframes categorySlideDown {
  from {
    opacity: 0;
    transform: translateY(-20px) scale(0.95);
    filter: blur(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}

.category-button-menu {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border-bottom: none !important;
}

.category-button-menu::after,
.category-button-menu::before,
.category-button-menu li::after,
.category-button-menu li::before {
  display: none !important;
  content: none !important;
}

.category-button-menu li:last-child {
  border-bottom: none !important;
}

.category-button-menu li:last-child::after {
  display: none !important;
  content: none !important;
}

.category-button-link {
  display: block !important;
  padding: 12px 20px !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: rgba(255, 255, 255, 0.8) !important;
  text-decoration: none !important;
  border-radius: 4px !important;
  transition: all 0.2s ease !important;
}

.category-button-link:hover {
  background: linear-gradient(135deg, rgba(255, 0, 0, 0.2), rgba(255, 107, 0, 0.2)) !important;
  color: #fff !important;
  transform: translateX(4px) !important;
}

/* === МНОГОУРОВНЕВОЕ МЕНЮ (АККОРДЕОН) === */
.category-menu-item-wrapper {
  position: relative !important;
  transition: all 0.3s ease !important;
}

.category-submenu-details {
  position: relative !important;
  width: 100% !important;
}

.category-submenu-summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 12px 20px !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: rgba(255, 255, 255, 0.9) !important;
  cursor: pointer !important;
  list-style: none !important;
  border-bottom: none !important;
  transition: all 0.2s ease !important;
  user-select: none !important;
}

.category-submenu-summary::-webkit-details-marker {
  display: none !important;
}

.category-submenu-summary::marker {
  display: none !important;
}

.category-submenu-summary:hover {
  background: rgba(255, 255, 255, 0.05) !important;
  color: #fff !important;
}

.category-submenu-details[open] .category-submenu-summary {
  background: rgba(255, 0, 0, 0.1) !important;
  color: #fff !important;
  border-bottom: none !important;
  border-bottom-color: transparent !important;
}

.category-submenu-label {
  flex: 1 !important;
}

.category-submenu-details .icon-caret {
  width: 0.6rem !important;
  height: 0.6rem !important;
  transition: transform 0.3s ease !important;
  opacity: 0.8 !important;
  margin-left: 12px !important;
}

.category-submenu-details[open] .category-submenu-summary .icon-caret {
  transform: rotate(180deg) !important;
}

.category-submenu-list {
  list-style: none !important;
  padding: 8px 0 !important;
  margin: 0 !important;
  background: rgba(0, 0, 0, 0.3) !important;
  border-radius: 4px !important;
  margin-top: 4px !important;
  animation: submenuSlideDown 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

@keyframes submenuSlideDown {
  from {
    opacity: 0;
    max-height: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    max-height: 500px;
    transform: translateY(0);
  }
}

.category-submenu-link {
  padding: 10px 20px 10px 40px !important;
  font-size: 0.9rem !important;
  font-weight: 500 !important;
  color: rgba(255, 255, 255, 0.7) !important;
  display: block !important;
  transition: all 0.2s ease !important;
}

.category-submenu-link:hover {
  background: linear-gradient(135deg, rgba(255, 0, 0, 0.15), rgba(255, 107, 0, 0.15)) !important;
  color: #fff !important;
  padding-left: 44px !important;
}

.category-button-link-direct {
  text-decoration: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.8rem !important;
}

@media screen and (max-width: 749px) {
  .category-buttons {
    flex-direction: column !important;
    width: 100% !important;
  }
  
  .category-button-item {
    width: 100% !important;
  }
  
  .category-button-summary {
    width: 100% !important;
    min-width: auto !important;
  }
  
  .category-button-dropdown {
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 100% !important;
  }
}
@media screen and (min-width: 750px) {
  .category-button-dropdown {
    width: 100% !important;
    max-width: 100% !important;
  }
}
  .category-button-item {
    width: auto !important;
    max-width: none !important;
  }
  
  .category-button-details {
    width: auto !important;
    max-width: none !important;
  }
  
  .category-button-summary {
    width: auto !important;
    max-width: none !important;
  }
}
/* === СТИЛИ ДЛЯ НАВИГАЦИИ В ХЕДЕРЕ (как у кнопки смены языка) === */

/* Базовые стили для пунктов меню */
.header__menu-item {
  position: relative !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  padding: 6px 12px !important;
  border-radius: 6px !important;
  display: inline-block !important;
}

/* Эффект свечения при наведении (как у кнопки языка) */
.header__menu-item::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(135deg, rgba(255, 0, 0, 0.2), rgba(255, 107, 0, 0.2)) !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
  z-index: -1 !important;
  border-radius: 6px !important;
}

.header__menu-item:hover::before {
  opacity: 1 !important;
}

/* Эффект при наведении */
.header__menu-item:hover {
  background: rgba(0, 0, 0, 0.5) !important;
  border-color: rgba(255, 0, 0, 0.6) !important;
  box-shadow: 
    0 0 15px rgba(255, 0, 0, 0.3),
    0 4px 12px rgba(0, 0, 0, 0.4) !important;
  transform: translateY(-1px) scale(1.05) !important;
  color: #fff !important;
  text-decoration: none !important;
}

/* Убираем старое подчеркивание при наведении */
.header__menu-item:hover span {
  opacity: 1 !important;
  text-shadow: 0 0 10px rgba(255, 0, 0, 0.5) !important;
}

/* Убираем старое подчеркивание снизу */
.header__menu-item::after {
  display: none !important;
}

/* Для активного пункта меню */
details[open] > .header__menu-item {
  background: rgba(0, 0, 0, 0.5) !important;
  border-color: rgba(255, 0, 0, 0.6) !important;
  box-shadow: 
    0 0 15px rgba(255, 0, 0, 0.3),
    0 4px 12px rgba(0, 0, 0, 0.4) !important;
  color: #fff !important;
}

details[open] > .header__menu-item::before {
  opacity: 1 !important;
}

/* Иконка стрелки при наведении */
.header__menu-item .icon-caret {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  opacity: 0.8 !important;
}

.header__menu-item:hover .icon-caret {
  opacity: 1 !important;
  transform: translateY(2px) !important;
}