/* Базовые стили темы Sarovskiy */

:root {
  --color-bg: #B6D6A5;
  --color-dark: #3A3A3A;
  --color-violet: #E0C2FF;
  --color-divider: #8FAD7F;
  --text-color: #3A3A3A;
}

html,
body {
  padding: 0;
  margin: 0;
  background: var(--color-bg);
  color: var(--text-color);
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-weight: 300; /* light */
}

.container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 16px;
  box-sizing: border-box;
}

/* Header */
.site-header {
  width: 100%;
}

.header-top {
  display: grid;
  grid-template-columns: 161px 1fr auto auto;
  align-items: center;
  gap: 24px;
  padding: 16px 0;
}

.header-col--logo img {
  display: block;
  width: 161px;
  height: 43px;
}

/* Контакты (3 элемента слева-направо) */
.header-col--contacts {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  gap: 30px;
  align-items: center;
  justify-content: center;
}

.contact-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.contact-item img { display: block; }

.contact-text {
  font-size: 16px;
  line-height: 22px;
  font-weight: 300; /* light */
  color: inherit;
  text-decoration: none;
}

.contact-item--phone strong { font-weight: 700; }

/* Кнопки действий */
.header-col--actions {
  display: inline-flex;
  gap: 12px;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 0 16px;
  border-radius: 6px;
  text-decoration: none;
  color: #ffffff;
  font-size: 16px;
  line-height: 22px;
  font-weight: 300; /* light */
}

.btn--dark { 
    background: var(--color-dark); 
    border-radius: 0px;
    padding: 5px 24px;
}
.btn--violet { 
    background: var(--color-violet); color: #000; 
    border-radius: 0px;
    padding: 5px 24px;
}

.btn--violet:hover { 
  background: rgb(201, 157, 246); color: #000; 
  border-radius: 0px;
  padding: 5px 24px;
}

.btn--outline {
  background: transparent;
  color: var(--color-dark);
  border: 1px solid var(--color-dark);
  border-radius: 4px;
  padding: 8px 16px;
}

.btn--outline:hover {
  background: var(--color-dark);
  color: #ffffff;
}



/* Иконки справа */
.header-col--icons {
  display: inline-flex;
  align-items: center;
  gap: 14px;
}

.icon-circle {
  width: 49px;
  height: 49px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #E0C2FF;
  border: none;
  cursor: pointer;
}

.icon-circle:hover {
  background: rgb(201, 157, 246);
}


.icon-link img { display: block; }

.divider {
  width: 100%;
  height: 1px;
  background: var(--color-divider);
}

/* Меню */
.desctop-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}

.main-menu {
  list-style: none;
  padding: 0;
  margin: 10px 0 16px;
  display: inline-flex;
  gap: 28px;
}

.main-menu > li > a {
  text-decoration: none;
  color: inherit;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400; /* regular */
  text-transform: uppercase;
}

.main-menu li {
  position: relative;
}

.main-menu .sub-menu {
  list-style: none;
  padding: 10px 12px;
  margin: 8px 0 0;
  background: #ffffff;
  border-radius: 6px;
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  min-width: 200px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}

.main-menu li:hover > .sub-menu { display: block; }

.main-menu .sub-menu li a {
  display: block;
  padding: 6px 8px;
  text-decoration: none;
  color: var(--text-color);
  font-size: 14px;
  line-height: 20px;
  text-transform: none;
}

/* Контент и обертка */
.site-wrapper { min-height: 100vh; }

.site-content { padding-bottom: 40px; }

/* ===== Footer ===== */
.site-footer {
  background: var(--color-dark);
  color: #e6e6e6;
  padding-top: 28px;
}

.footer-top {
  display: grid;
  grid-template-columns: repeat(3, 1fr) 1.2fr;
  gap: 32px;
  align-items: flex-start;
  padding-bottom: 20px;
}

.footer-title {
  font-size: 18px;
  line-height: 22px;
  font-weight: 500; /* medium */
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 12px;
}

.footer-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 8px;
}

.footer-list a {
  text-decoration: none;
  color: #e6e6e6;
  font-size: 16px;
  line-height: 25px;
  font-weight: 300; /* light */
}

.footer-col--contacts .footer-contacts {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 8px;
}

.footer-contacts li,
.footer-contacts a {
  font-size: 16px;
  line-height: 25px;
  font-weight: 300;
  color: #e6e6e6;
  text-decoration: none;
}

.divider--footer {
  background: rgba(255,255,255,0.2);
  margin-top: 20px;
}

.footer-bottom {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 24px;
  align-items: center;
  padding: 14px 0 24px;
}

.footer-copy { color: #cfcfcf; font-size: 14px; }

.footer-links {
  display: inline-flex;
  gap: 40px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer-links a {
  color: #e6e6e6;
  text-decoration: none;
  font-size: 16px;
  line-height: 25px;
  font-weight: 300;
}



/* Header cart badge */
.header-cart-link {
  position: relative;
  display: inline-block;
}
.cart-count-badge {
  position: absolute;
  top: -6px;
  right: -8px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  background: #ff3b30; /* red */
  color: #fff;
  border-radius: 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
}

/* Toast */
.sarov-toast {
  position: fixed;
  right: 16px;
  bottom: 16px;
  background: rgba(58,58,58,0.96);
  color: #fff;
  padding: 12px 16px;
  border-radius: 6px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.2);
  transform: translateY(20px);
  opacity: 0;
  transition: opacity .25s ease, transform .25s ease;
  z-index: 9999;
}
.sarov-toast.is-visible {
  transform: translateY(0);
  opacity: 1;
}

/* ===== WooCommerce: Single Product ===== */
.product-hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: start;
  padding: 24px 0 40px;
}

.product-hero__left {
  background: #ffffff;
  border-radius: 8px;
}

/* .product-hero__right: дополнительные стили не требуются */

/* Хлебные крошки */
.wc-breadcrumbs, .product-breadcrumbs {
  color: rgba(51, 51, 51, 1);
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: left;
  margin-bottom: 16px;
}
.wc-breadcrumbs a { color: inherit; text-decoration: none; }

/* Заголовок товара */
.product-title {
  color: rgba(51, 51, 51, 1);
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-size: 45px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: left;
  margin: 10px 0 16px;
}

/* Цена */
.product-price, .product-price * {
  color: rgba(80, 80, 80, 1);
  font-family: 'Jost', Arial, Helvetica, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: left;
}
.product-price { 
  margin-bottom: 25px;
  margin-top: 25px;

}

/* Краткое описание */
.product-short {
  color: rgba(80, 80, 80, 1);
  font-family: 'Jost', Arial, Helvetica, sans-serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0%;
  text-align: left;
  margin-bottom: 25px;
}

/* Кнопки действий */
.product-actions__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

/* Woo кнопка добавить в корзину может рендериться формой. Выравниваем */
.product-actions .cart, .product-actions form.cart {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}
.product-actions .single_add_to_cart_button, .product-wa-btn {
  height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  border: none !important;
  cursor: pointer !important;
  text-decoration: none !important;
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif !important;
  font-size: 21px !important;
  font-weight: 300 !important;
  line-height: 100% !important;
  letter-spacing: 0% !important;
  text-align: center !important;
  border-radius: 4px !important;
}

/* Скрыть выбор количества на карточке товара */
.product-actions form.cart .quantity { display: none !important; }
/* Совместимость: не ломать скрытые поля Woo, кнопка остаётся кликабельной */
.product-actions form.cart { position: relative; }
.product-actions form.cart .single_add_to_cart_button { pointer-events: auto; }

/* Добавить в корзину */
.product-actions .single_add_to_cart_button {
  background: rgba(224, 194, 255, 1)!important;
  color: rgba(51, 51, 51, 1)!important;
}

.product-actions .single_add_to_cart_button:hover {
  background: rgb(201, 157, 246)!important;
  color: rgba(51, 51, 51, 1)!important;
}

/* WhatsApp */
.product-wa-btn {
  background: rgba(86, 214, 92, 1);
  color: rgba(51, 51, 51, 1);
}

.product-wa-btn:hover {
  background: rgb(67, 170, 72);
  color: rgba(51, 51, 51, 1);
}

/* Галерея Woo (адаптация) */
.woocommerce-product-gallery img { width: 100%; height: auto; display: block; }

/* Ограничение высоты главного изображения товара и сохранение пропорций */
.product-hero__left .woocommerce-product-gallery__image {
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 600px;
  overflow: hidden;
}
.product-hero__left .woocommerce-product-gallery__image img {
  width: auto;            /* переписывает общее правило ширины */
  max-width: 100%;
  height: auto !important; /* перебивает атрибут height на теге img */
  max-height: 600px;      /* ключевое ограничение высоты */
  object-fit: contain;
}

/* Скрыть иконку увеличения и слой зума */
.woocommerce-product-gallery__trigger { display: none !important; }
.zoomImg { display: none !important; }

/* ===== Мобильная адаптация ===== */
@media (max-width: 767px) {
  .product-hero {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 12px 0 24px;
  }
  .product-title { font-size: 30px; }
  .product-price { font-size: 24px; }
  .product-short { font-size: 18px; }
  .product-actions__row { grid-template-columns: 1fr; }
}

/* ===== Footer: Responsive ===== */
@media (max-width: 1024px) {
  .footer-top {
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }
}

@media (max-width: 767px) {
  .site-footer { padding-top: 20px; }
  .footer-top {
    grid-template-columns: 1fr;
    gap: 16px;
    padding-bottom: 16px;
  }
  .footer-title {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 8px;
    text-align: left;
  }
  .footer-list { justify-items: left; }
  .footer-col--contacts .footer-contacts {
    justify-items: left;
    text-align: left;
  }
  .footer-bottom {
    grid-template-columns: 1fr;
    gap: 12px;
    text-align: left;
  }
  .footer-links {
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px;
  }
  .footer-copy { text-align: center; }
}

@media (max-width: 360px) {
  .footer-links { gap: 12px; }
}

/* ===== WooCommerce: Product Loop Card ===== */
.wc-card {
  display: grid;
  gap: 10px;
}
.wc-card__thumb {
  position: relative;
}
.wc-card__image-link img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px;
}
.wc-card__actions {
  position: absolute;
  right: 10px;
  top: 10px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.wc-card__icon {
  width: 28px;
  height: 28px;
  box-sizing: border-box;
  border: 1px solid rgba(244, 244, 244, 1);
  border-radius: 4px;
  background: rgba(244, 244, 244, 1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(58, 58, 58, 1);
  text-decoration: none;
}
.wc-card__icon svg {
  width: 16px;
  height: 14px;
}

/* Wishlist button active state */
.wc-card__icon--fav-active {
  color: #e74c3c !important;
  background: rgba(231, 76, 60, 0.1) !important;
  border-color: rgba(231, 76, 60, 0.3) !important;
}

.wc-card__icon--fav.loading {
  opacity: 0.6;
  pointer-events: none;
}

/* Hide WooCommerce "View Cart" link that appears after adding to cart */
.wc-card__actions .added_to_cart,
.wc-card__actions .wc-forward {
  display: none !important;
}

/* Ensure the add to cart button maintains proper styling after adding */
.wc-card__icon--add.added {
  opacity: 1;
  pointer-events: auto;
}

.wc-card__title {
  color: rgba(51, 51, 51, 1);
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: left;
  text-decoration: none;
}

.wc-card__price, .wc-card__price * {
  color: rgba(78, 78, 78, 1);
  font-family: 'Jost', Arial, Helvetica, sans-serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0%;
  text-align: left;
}

.wc-card__more {
  box-sizing: border-box;
  border: 1px solid rgba(224, 194, 255, 1);
  border-radius: 4px;
  color: rgba(51, 51, 51, 1);
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 16px;
  letter-spacing: 0%;
  text-align: center;
  text-decoration: none;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
}

.wc-card__more:hover {
  background-color: rgba(224, 194, 255, 1);
}

/* ===== WooCommerce: Catalog grid (4 per row) ===== */
.woocommerce ul.products,
.woocommerce-page ul.products {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  margin: 0 !important;
  float: none !important;
  width: auto !important;
}

/* Убрать clearfix-псевдоэлементы Woo, чтобы не занимали первые ячейки грида */
.woocommerce ul.products:before,
.woocommerce ul.products:after,
.woocommerce-page ul.products:before,
.woocommerce-page ul.products:after {
  content: none !important;
  display: none !important;
}

@media (max-width: 1024px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    grid-template-columns: 1fr;
  }

  .product-hero__left .woocommerce-product-gallery__image {
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 300px;
    overflow: hidden;
  }
}

/* ===== Related positions section (single product bottom) ===== */
.related-positions {
  padding: 60px 0; /* внешние отступы сверху/снизу */
}
.related-inner {
  display: grid;
  gap: 25px; /* отступы между элементами внутри секции */
}
.related-title {
  color: rgba(51, 51, 51, 1);
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-size: 45px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: left;
  margin: 0;
}
/* Сетка для связанных товаров: 5 в ряд на десктопе */
.related-grid {
  display: grid !important; /* важен, чтобы переопределить Woo */
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 24px !important;
}
.related-grid li.product { margin: 0 !important; float: none !important; width: auto !important; }

@media (max-width: 767px) {
  .related-positions { padding: 40px 0; }
  .related-title { font-size: 30px; }
  .related-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 16px !important; }
}

/* ===== Reviews section (single product bottom) ===== */
.reviews-section { padding: 60px 0; }
.reviews-inner { display: grid; gap: 25px; }
.reviews-title {
  color: rgba(51, 51, 51, 1);
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-size: 45px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: left;
  margin: 0;
}
.reviews-gallery {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 24px;
}
.reviews-item { display: block; border-radius: 6px; overflow: hidden; }
.reviews-item img { display: block; width: 100%; height: auto; }

.reviews-more-row { display: grid; justify-content: center; }
.reviews-more-btn {
  border-radius: 4px;
  background: rgba(224, 194, 255, 1);
  color: rgba(51, 51, 51, 1);
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-size: 21px;
  font-weight: 300;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  text-decoration: none;
}
.reviews-more-btn:hover { background: rgb(201, 157, 246); }

@media (max-width: 767px) {
  .reviews-section { padding: 40px 0; }
  .reviews-title { font-size: 30px; }
  .reviews-gallery { grid-template-columns: repeat(2, 1fr); gap: 16px; }
}

/* ===== Help with choice (final section) ===== */
.help-section { padding: 60px 0; }
.help-inner { 
  margin: 0 auto; 
  max-width: 933px; 
  display: grid; 
  gap: 25px; 
  border-radius: 12px;
background: rgba(255, 255, 255, 1);
padding: 25px;
}
.help-title {
  color: rgba(51, 51, 51, 1);
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: left;
  text-transform: uppercase;
  margin: 0;
}

.help-inner-col {
  display: grid;
  gap: 15px;
}

.help-subtitle {
  color: rgba(0, 0, 0, 1);
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 20px;
  letter-spacing: 0%;
  text-align: left;
}
.help-note {
  color: rgba(0, 0, 0, 1);
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 12px;
  letter-spacing: 0%;
  text-align: center;
}

@media (max-width: 767px) {
  .help-section { padding: 40px 0; }
  .help-title { font-size: 24px; }
  .help-subtitle { font-size: 16px; line-height: 18px; }
}

/* ===== WooCommerce: Cart Page (Sarovskiy) ===== */
.cart-page__title {
  color: rgba(51, 51, 51, 1);
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-size: 45px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: left;
  margin: 16px 0 20px;
}

.cart-layout {
  display: grid;
  grid-template-columns: 7fr 3fr; /* 70% / 30% */
  gap: 20px;
}

/* cart-left / cart-right: контейнеры управляются гридом */

/* Таблица корзины */
.cart-table { display: grid; gap: 12px; }
.cart-table__head {
  display: grid;
  grid-template-columns: 160px 1fr 140px 140px;
  gap: 10px;
  padding: 12px 16px;
  border-radius: 5px;
  background: rgba(174, 206, 158, 1);
  color: rgba(51, 51, 51, 1);
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: left;
  text-transform: uppercase;
}

.cart-rows { display: grid; }
.cart-row {
  display: grid;
  grid-template-columns: 160px 1fr 140px 140px;
  gap: 10px;
  align-items: center;
  padding: 12px 16px;
  border-bottom: 1px solid rgba(224, 194, 255, 1);
  border-radius: 5px;
  background: rgba(182, 214, 165, 0.2);
}

.cart-col--thumb img { display: block; width: 120px; height: auto; border-radius: 6px; }
.cart-product-name { color: rgba(51, 51, 51, 1); text-decoration: none; font-size: 18px; }
.cart-col--qty .quantity input.qty { max-width: 84px; }
.qty-control {
  display: grid;
  grid-template-columns: 32px 46px 32px;
  align-items: center;
  width: 110px;
  height: 36px;
  border: 1px solid rgba(233, 233, 233, 1);
  border-radius: 5px;
  overflow: hidden;
  justify-self: start;
}
.qty-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  background: #fff;
  border: none;
  color: rgba(51, 51, 51, 1);
  font-family: 'Inter', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  cursor: pointer;
}
.qty-btn:disabled { opacity: .5; cursor: default; }
.qty-input {
  width: 100%;
  height: 100%;
  text-align: center;
  border: none;
  outline: none;
  background: #fff;
  color: rgba(51, 51, 51, 1);
  font-family: 'Inter', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}
.cart-col--price, .cart-col--price * { font-family: 'Jost', Arial, Helvetica, sans-serif; font-weight: 700; }

/* Правый блок */
.cart-summary {
  border-radius: 12px;
  background: rgba(255, 255, 255, 1);
  padding: 16px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.05);
}
.cart-summary__title-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  align-items: center;
  margin-bottom: 16px;
}
.cart-summary__title {
  color: rgba(51, 51, 51, 1);
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: left;
  text-transform: uppercase;
}
.cart-summary__total, .cart-summary__total * {
  color: rgba(51, 51, 51, 1);
font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
font-size: 30px;
font-weight: 400;
line-height: 100%;
letter-spacing: 0%;
text-align: left;
}

/* Промокод */
.cart-summary__coupon { display: grid; gap: 10px; }
.promo-input {
  position: relative;
  border-radius: 5px;
  background: rgba(248, 248, 248, 1);
}
.promo-input input[type="text"] {
  width: 100%;
  height: 44px;
  padding: 0 44px 0 12px;
  border: none;
  background: transparent;
  box-sizing: border-box;
  color: rgba(51, 51, 51, 1);
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
}
.promo-input__icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(51, 51, 51, 1);
  width: 24px; height: 24px;
}
.promo-input__icon svg { width: 24px; height: 24px; display: block; }

.promo-apply {
  height: 48px;
  border-radius: 4px;
  background: rgba(224, 194, 255, 1);
  color: rgba(51, 51, 51, 1);
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-size: 21px;
  font-weight: 300;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  border: none;
  cursor: pointer;
}

.promo-apply:hover {
  background: rgb(201, 157, 246);
}

/* Мобилизация корзины */
@media (max-width: 900px) {
  .cart-layout { grid-template-columns: 1fr; }
  .cart-table__head,
  .cart-row { grid-template-columns: 120px 1fr 120px 120px; }
}
@media (max-width: 600px) {
  .cart-table__head { display: none; }
  .cart-row { grid-template-columns: 100px 1fr; grid-auto-rows: auto; row-gap: 8px; }
  .cart-col--qty { grid-column: 1 / -1; }
  .cart-col--price { grid-column: 1 / -1; }
}

/* ===== Cart form panel ===== */
.cart-form-panel {
  margin-top: 25px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 1);
  padding: 16px;
}
.cart-form__title {
  color: rgba(51, 51, 51, 1);
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: left;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.cart-form__field { margin-bottom: 10px; }
.cart-input {
  width: 100%;
  height: 44px;
  border-radius: 5px;
  background: rgba(248, 248, 248, 1);
  border: none;
  padding: 0 12px;
  box-sizing: border-box;
  color: rgba(78, 78, 78, 1);
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
}
.cart-input--wide { width: 100%; }
.cart-form__row3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
}
.cart-form__field textarea.cart-input {
  height: auto;
  padding-top: 10px;
}
.cart-submit-btn {
  width: 100%;
  height: 48px;
  border-radius: 4px;
  background: rgba(224, 194, 255, 1);
  color: rgba(51, 51, 51, 1);
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-size: 21px;
  font-weight: 300;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  border: none;
  cursor: pointer;
}

.cart-submit-btn:hover {
  background: rgb(201, 157, 246);
}

@media (max-width: 900px) {
  .cart-form__row3 { grid-template-columns: 1fr; }
}

/* Cart submit preloader */
.cart-preloader {
  display: none;
  margin-top: 10px;
  color: rgba(51, 51, 51, 1);
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
}
.cart-preloader.is-visible { display: grid; grid-template-columns: 20px 1fr; gap: 10px; align-items: center; }
.cart-preloader__spinner {
  width: 20px; height: 20px; border: 2px solid rgba(224,194,255,.5); border-top-color: rgba(224,194,255,1); border-radius: 50%;
  animation: sarov-spin 0.8s linear infinite;
}
@keyframes sarov-spin { to { transform: rotate(360deg); } }
.cart-preloader__text { color: rgba(51, 51, 51, 1); }

/* ===== Order Modal (Оформление заказа) ===== */
.sarov-om-no-scroll { overflow: hidden; }
.sarov-om-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000;
  padding: 20px;
}
.sarov-om {
  width: 100%;
  max-width: 560px;
  border-radius: 29px;
  background: rgba(255, 255, 255, 1);
  overflow: hidden;
  box-shadow: 0 12px 40px rgba(0,0,0,0.18);
}
.sarov-om__inner { padding: 22px 24px 16px; }
.sarov-om__title {
  color: rgba(51, 51, 51, 1);
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0%;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.sarov-om__order {
  color: rgba(51, 51, 51, 1);
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0%;
  margin-bottom: 14px;
}
.sarov-om__h2 {
  color: rgba(51, 51, 51, 1);
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0%;
  margin: 12px 0 8px;
}
.sarov-om__h2--bold { font-weight: 700; }
.sarov-om-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.sarov-om-item { display: grid; grid-template-columns: 1fr auto; gap: 12px; }
.sarov-om-item__name {
  color: rgba(51, 51, 51, 1);
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0%;
}
.sarov-om-item__price, .sarov-om-item__price * {
  color: rgba(80, 80, 80, 1);
  font-family: 'Jost', Arial, Helvetica, sans-serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: right;
}
.sarov-om__text {
  color: rgba(51, 51, 51, 1);
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0%;
}
.sarov-om__row { display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: baseline; margin-top: 8px; }
.sarov-om__phone {
  color: rgba(80, 80, 80, 1);
  font-family: 'Jost', Arial, Helvetica, sans-serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: right;
}
.sarov-om__btn {
  width: 100%;
  height: 56px;
  border: none;
  border-radius: 0 0 29px 29px;
  background: rgba(224, 194, 255, 1);
  color: rgba(51, 51, 51, 1);
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-size: 21px;
  font-weight: 300;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  cursor: pointer;
}
.sarov-om__btn:hover { background: rgb(201, 157, 246); }

/* ===== Mobile Header (base) ===== */
.mobile-header { display: none; }
.mobile-icon.header-cart-link { position: relative; }

/* Offcanvas and overlay (base) */
.mobile-menu-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.45);
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 9998;
}
.mobile-menu-overlay.is-visible { opacity: 1; visibility: visible; }

.mobile-offcanvas {
  position: fixed;
  top: 0; right: 0; bottom: 0;
  width: min(80%, 320px);
  background: #fff;
  box-shadow: -12px 0 32px rgba(0,0,0,0.15);
  transform: translateX(100%);
  transition: transform .25s ease;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  padding: 12px 12px 20px;
}
.mobile-offcanvas.is-open { transform: translateX(0); }
.offcanvas-close {
  background: transparent;
  border: none;
  align-self: flex-end;
  color: var(--text-color);
  margin-bottom: 8px;
}
.offcanvas-nav { overflow: auto; }
.offcanvas-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 8px;
}
.offcanvas-nav .main-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 8px;
}
.offcanvas-menu > li > a,
.offcanvas-nav .main-menu > li > a {
  display: block;
  padding: 12px 10px;
  color: var(--text-color);
  text-decoration: none;
  font-size: 16px;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(0,0,0,0.06);
}

@media (max-width: 767px) {
  .header-top, .desctop-menu { display: none; }
  .mobile-header { 
    display: block; 
    padding: 5px;
  }

  .mobile-header-bar {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 12px;
    padding: 10px 0;
  }
  .mobile-logo img { width: 107px; height: 29px; display: block; }
  .mobile-icons {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
  }
  .mobile-icon {
    width: 36px;
    height: 36px;
    border-radius: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
  }
  .mobile-icon img { display: block; }
  /* Только кнопка поиска остаётся круглая с фоном */
  .mobile-icons button.mobile-icon {
    background: #E0C2FF;
    border-radius: 50%;
  }
  .mobile-icons button.mobile-icon:hover { background: rgb(201, 157, 246); }
  .burger-btn {
    background: transparent;
    border: none;
    padding: 4px;
    color: var(--text-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .mobile-cta-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding: 10px 0 12px;
  }
  .mobile-cta-row .btn {
    height: 36px;
    border-radius: 4px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 12px;
    font-size: 14px;
  }
  .mobile-cta-row .btn--dark,
  .mobile-cta-row .btn--violet {
    padding: 0 12px;
  }
}