/** Shopify CDN: Minification failed

Line 87:0 Unexpected "<"
Line 701:0 Unexpected "<"

**/
/* Аккордеон для футера */
.footer-accordion__header {
  width: 100%;
  padding: 12px 0;
  font-weight: 600;
  cursor: pointer;
  border: none;
  background: none;
  text-align: left;
}

.footer-accordion__content {
  display: none;
  padding: 8px 0;
}

.footer-accordion__content.active {
  display: block;
}
@media (max-width: 767px) {
  .footer-column {
    margin-bottom: 12px;
  }

  .footer-column h4 {
    font-size: 10px !important;
    font-weight: 600;
    cursor: pointer;
    position: relative;
    padding-right: 20px;
  }

  .footer-column h4::after {
    content: "+";
    position: absolute;
    right: 0;
    top: 0;
  }

  .footer-column.active h4::after {
    content: "–";
  }

  .footer-column ul,
  .footer-column p,
  .footer-column form {
    display: none;
  }

  .footer-column.active ul,
  .footer-column.active p,
  .footer-column.active form {
    display: block;
    margin-top: 8px;
  }
}
/* === MOBILE FOOTER ACCORDION (<=767px) === */
@media (max-width: 767px) {
  .mjs-footer__container details { border-radius: 12px; border: 1px solid rgba(0,0,0,.06); background:#f1e3dc; }
  .mjs-footer__container details + details { margin-top: 12px; }

  .mjs-footer__container summary.footer-accordion__header {
    list-style: none; /* убирает маркер iOS */
    display: flex; align-items: center; justify-content: space-between;
    width: 100%; padding: 14px 16px; margin: 0; font-weight: 600; cursor: pointer;
  }
  .mjs-footer__container summary.footer-accordion__header::-webkit-details-marker { display:none; }
  .mjs-footer__container summary.footer-accordion__header::after {
    content: "▾"; transition: transform .2s ease; opacity: .7;
  }
  .mjs-footer__container details[open] > summary.footer-accordion__header::after { transform: rotate(180deg); }

  /* Внутренности колонки */
  .mjs-footer__container .footer-accordion__content { padding: 8px 16px 14px; }
}
/* Десктоп — косметика */
@media (min-width: 768px) {
  .mjs-footer__container summary.footer-accordion__header { padding: 0; background: transparent; border: 0; cursor: default; }
  .mjs-footer__container summary.footer-accordion__header::after { content: none; }
}
<div class="mjs-footer__container">
  <details class="footer-accordion__section">
    <summary class="footer-accordion__header">About us</summary>
    <div class="footer-accordion__content">
      <!-- колонка About us -->
    </div>
  </details>
  <details class="footer-accordion__section">
    <summary class="footer-accordion__header">Contact us</summary>
    <div class="footer-accordion__content"><!-- колонка --></div>
  </details>
  <details class="footer-accordion__section">
    <summary class="footer-accordion__header">Policies</summary>
    <div class="footer-accordion__content"><!-- колонка --></div>
  </details>
</div>

/* Галерея разделов */
.section_gallery__4 .gallery_item { position: relative; overflow: hidden; }
.section_gallery__4 .item_caption { position: static; } /* убрать встроенные стили темы */
.section_gallery__4 .caption_text{
  position:absolute; left:18px; right:18px; bottom:14px;
  background:transparent!important; box-shadow:none!important; border:0!important;
  color:#6A4A3D; /* тёплый коричневый */
  text-transform:uppercase; letter-spacing:.06em; font-weight:600; font-size:14px;
  display:flex; flex-direction:column; align-items:flex-start; gap:8px;
}
.section_gallery__4 .caption_text::before{
  content:""; width:96px; height:1px; background:currentColor; opacity:.55;
}
@media (max-width:768px){
  .section_gallery__4 .caption_text{left:12px; right:12px; bottom:10px; font-size:12px;}
  .section_gallery__4 .caption_text::before{width:72px;}
}
/* лёгкий нижний градиент для читаемости, без плашки */
.section_gallery__4 .img_placeholder__wrap::after{
  content:""; position:absolute; inset:0; 
  background:linear-gradient(0deg, rgba(0,0,0,.14) 0%, rgba(0,0,0,0) 60%);
  pointer-events:none;
}
/* ===== Подписи разделов (как на "БРАСЛЕТЫ") ===== */
.section_gallery__4 .gallery_item{ position:relative; overflow:hidden; }
.section_gallery__4 .gallery_item .caption_text{
  position:absolute; left:18px; right:18px; bottom:22px;
  background:transparent!important; box-shadow:none!important; border:0!important;
  color:#5c4339; /* темнее, менее "меловато" */
  text-transform:uppercase; letter-spacing:.04em;
  font-weight:600; font-size:14px; line-height:1;
  display:flex; flex-direction:column; align-items:flex-start; gap:8px;
}
.section_gallery__4 .gallery_item .caption_text::before{
  content:""; width:84px; height:1px; background:#5c4339; opacity:.65;
}

/* отключаем старую плашку/эффекты темы (в т.ч. при hover) */
.section_gallery__4 .item_caption,
.section_gallery__4 .item_caption:hover,
.section_gallery__4 .gallery_item:hover .item_caption{
  background:transparent!important; box-shadow:none!important; transform:none!important; opacity:1!important;
}
.section_gallery__4 .item_caption::before,
.section_gallery__4 .item_caption::after{
  display:none!important;
}

/* лёгкий градиент для читаемости (без плашки) */
.section_gallery__4 .img_placeholder__wrap::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(0deg, rgba(0,0,0,.14) 0%, rgba(0,0,0,0) 60%);
  pointer-events:none;
}

@media (max-width:768px){
  .section_gallery__4 .gallery_item .caption_text{ left:12px; right:12px; bottom:14px; font-size:12px; }
  .section_gallery__4 .gallery_item .caption_text::before{ width:68px; }
}
/* ===== Подписи разделов ===== */
.section_gallery__4 .gallery_item{position:relative;overflow:hidden}
.section_gallery__4 .gallery_item .caption_text{
  position:absolute;left:18px;right:18px;bottom:34px; /* выше */
  background:transparent!important;box-shadow:none!important;border:0!important;
  color:#8a6b5d; /* светлее и контрастнее */
  text-transform:uppercase;letter-spacing:.04em;font-weight:600;font-size:14px;line-height:1;
  display:flex;flex-direction:column;align-items:flex-start;gap:8px;
}
.section_gallery__4 .gallery_item .caption_text::before{
  content:"";width:84px;height:1px;background:currentColor;opacity:.65
}

/* убить старую плашку (включая hover) — повышенная специфичность */
.section_gallery__4 .gallery_item a.item_caption,
.section_gallery__4 .gallery_item a.item_caption:hover,
.section_gallery__4 .gallery_item:hover a.item_caption,
.section_gallery__4 .gallery_item:hover a.item_caption .caption_text,
.section_gallery__4 .gallery_item a.item_caption::before,
.section_gallery__4 .gallery_item a.item_caption::after{
  background:transparent!important;box-shadow:none!important;border:none!important;
  opacity:1!important;transform:none!important;transition:none!important
}

/* легкий градиент снизу для читаемости */
.section_gallery__4 .img_placeholder__wrap::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,0) 60%);
  pointer-events:none
}

@media (max-width:768px){
  .section_gallery__4 .gallery_item .caption_text{left:12px;right:12px;bottom:20px;font-size:12px}
  .section_gallery__4 .gallery_item .caption_text::before{width:68px}
}
/* Фон карточек блога */
.blog-card {
  background: #f8f3ef; /* светлый беж */
  border-radius: 12px;
  padding: 20px;
}

.blog-card p {
  color: #3a2a2a; /* мягкий тёмный текст */
}
/* Убираем тёмный фон внутри карточек блога */
.article_item .layer_1,
.article_item .layer_2 {
  background: #f8f3ef !important;  /* светлый беж */
}

/* Текст в карточке */
.article_item .layer_2 p,
.article_item .layer_2 h2,
.article_item .layer_2 h3 {
  color: #3a2a2a !important;  /* мягкий тёмный */
}
/* Убираем тёмную рамку вокруг карточек блога */
.blog_listing__main,
.blog_listing__list,
.blog_listing__list .row > div {
  background: transparent !important;
}

.article_item {
  background: #f8f3ef !important;   /* общий беж фон */
  border-radius: 12px;
  padding: 16px;
}

/* Внутренние слои оставляем прозрачными */
.article_item .layer_1,
.article_item .layer_2 { background: transparent !important; }

/* Читаемый текст */
.article_item .layer_2 p,
.article_item .layer_2 h2,
.article_item .layer_2 h3 { color: #3a2a2a !important; }
/* Кнопки "Читать дальше" в блоге */
.blog-card .btn,
.article_item .btn {
  background-color: #C49A8D !important; /* как на главной */
  color: #fff !important;
  border: none !important;
  border-radius: 6px;
  padding: 12px 24px;
  font-weight: 600;
  text-transform: uppercase;
  transition: background-color 0.3s ease;
}

.blog-card .btn:hover,
.article_item .btn:hover {
  background-color: #6B4A3D !important; /* hover как на главной */
}
/* Единый стиль кнопок по всему сайту */
.btn,
button,
.shopify-payment-button__button,
.add-to-cart,
.product-form__submit,
.article_item .btn {
  background-color: #C49A8D !important;  /* карамельно-розовый */
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 12px 24px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.btn:hover,
button:hover,
.shopify-payment-button__button:hover,
.add-to-cart:hover,
.product-form__submit:hover,
.article_item .btn:hover {
  background-color: #6B4A3D !important;  /* тёмный при наведении */
  transform: translateY(-2px);
}
/* Блок "You may also like" */
.related-products,
.product-recommendations,
.product-recommendations__inner {
  background: #C49A8D !important;  /* как хедер */
  color: #fff !important;
  padding: 30px 20px;
  border-radius: 12px;
}

.related-products h2,
.product-recommendations h2 {
  color: #fff !important;
  text-transform: uppercase;
  letter-spacing: 1px;
}
/* Блок "Вам также могут понравиться" */
.widget_related_products {
  background: #C49A8D !important; /* фон как у хедера */
  border-radius: 12px;
  padding: 40px 20px; /* больше воздуха сверху/снизу */
  color: #fff;
  text-align: center;
}

.widget_related_products h2,
.widget_related_products .title,
.widget_related_products .widget-title {
  color: #fff !important;  /* белый для контраста */
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}
/* ===== Cart added modal (Fancybox) ===== */
#cart_added { font-family: inherit; }
.fancybox-skin { background:#fff !important; border-radius:16px !important; box-shadow:0 10px 30px rgba(0,0,0,.2) !important; }
#cart_added h4 { margin:0 0 14px; font-size:20px; font-weight:700; color:#2a1f1f; }

/* Левая колонка с фото */
#cart_added .cart_added__1 { width:96px; }
#cart_added .cart_added__1 img { width:96px; height:96px; object-fit:cover; border-radius:10px; border:1px solid #E7D1C9; background:#fff; }

/* Правая колонка */
#cart_added .cart_added__2 { padding-left:14px; }
#cart_added .product_name { display:block; max-width:220px; font-weight:600; color:#2a1f1f; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#cart_added #cart_added__quantity { color:#8c7c74; margin:6px 0 12px; }

/* Кнопки — единый стиль */
#cart_added a.btn,
#cart_added a.btn-alt,
#cart_added .btn,
#cart_added .btn-alt {
  display:block; width:100%;
  border-radius:8px !important; padding:10px 16px !important; font-weight:700; text-transform:uppercase;
  text-align:center; border:none;
}
#cart_added a.btn,
#cart_added .btn { background:#C49A8D !important; color:#fff !important; }
#cart_added a.btn:hover,
#cart_added .btn:hover { background:#6B4A3D !important; }

/* Вторая кнопка — светлая (контур) */
#cart_added a.btn-alt,
#cart_added .btn-alt { background:transparent !important; color:#6B4A3D !important; border:2px solid #C49A8D !important; margin-top:10px; }
#cart_added a.btn-alt:hover,
#cart_added .btn-alt:hover { background:#E7D1C9 !important; }

/* Крестик */
.fancybox-close { top:8px !important; right:8px !important; opacity:.7; }
.fancybox-close:hover { opacity:1; }

/* Небольшая «тень» у самого окна */
.fancybox-inner { border-radius:16px; }

/* TikTok banner refined size */
.tiktok-banner h4 {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 400;
  font-size: clamp(18px, 1.4vw, 22px); /* был 22–26px */
  line-height: 1.2;
  margin-bottom: 6px;
}

.tiktok-banner h5 {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 300;
  font-size: clamp(14px, 1.2vw, 18px); /* был 16–20px */
  line-height: 1.3;
  margin-bottom: 6px;
}

.tiktok-banner p {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 300;
  font-size: clamp(12px, 1vw, 14px); /* ещё компактнее */
  line-height: 1.4;
  margin-bottom: 8px;
}
/* Заголовок */
.tiktok-banner h4 {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 500;
  font-size: clamp(20px, 1.6vw, 26px);
  line-height: 1.3;
  margin-bottom: 8px;
}

/* Подзаголовок — сильно меньше */
.tiktok-banner h5 {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 300;
  font-size: clamp(12px, 0.9vw, 16px); /* намного меньше */
  line-height: 1.4;
  margin-bottom: 6px;
  opacity: 0.9; /* делает текст «легче» */
}

/* Маленькое описание */
.tiktok-banner p {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 300;
  font-size: clamp(11px, 0.8vw, 14px);
  line-height: 1.4;
}
/* Только для RU */
html[lang="ru"] .tiktok-banner h4{
  font-weight: 400;
  font-size: clamp(22px, 1.7vw, 28px);
  line-height: 1.18;
  letter-spacing: .01em;       /* меньше растяжение — меньше переносов */
  text-transform: none;        /* без лишнего upper, кириллица так смотрится легче */
  margin-bottom: 8px;
}

html[lang="ru"] .tiktok-banner h5.tiktok-subtitle{
  font-weight: 300;
  font-size: clamp(14px, 1.1vw, 18px);  /* заметно меньше второго текста */
  line-height: 1.35;
  letter-spacing: .02em;
  margin: 8px 0 6px;
}

html[lang="ru"] .tiktok-banner p.tiktok-text{
  font-weight: 300;
  font-size: clamp(12px, .95vw, 14px);
  line-height: 1.4;
  opacity: .9;
}
/* Gallery: оставить текст, убрать только коричневую подложку */
.section_gallery__2 .img_placeholder__wrap::after,
.section_gallery__3 .img_placeholder__wrap::after,
.section_gallery__4 .img_placeholder__wrap::after{
  content: none !important;
  display: none !important;
}

/* Подпись показываем, фон и тень убираем */
.section_gallery__2 .caption_text,
.section_gallery__3 .caption_text,
.section_gallery__4 .caption_text{
  display: block !important;
  background: transparent !important;
  box-shadow: none !important;
  height: auto !important;
  padding: 0 !important;        /* можно убрать/подобрать */
}

/* На всякий случай отключим псевдоэлементы у самой подписи */
.section_gallery__2 .caption_text::before,
.section_gallery__2 .caption_text::after,
.section_gallery__3 .caption_text::before,
.section_gallery__3 .caption_text::after,
.section_gallery__4 .caption_text::before,
.section_gallery__4 .caption_text::after{
  content: none !important;
  display: none !important;
}
/* ============== GALLERY: фикс мобилки ============== */

/* Родитель для подписи и прозрачный фон карточки */
.section_gallery__2 .gallery_item,
.section_gallery__3 .gallery_item,
.section_gallery__4 .gallery_item{
  position: relative;
  background: transparent !important;
  overflow: hidden; /* на всякий случай */
}

/* Само изображение-фоном: без коричневой подложки, всегда cover */
.section_gallery__2 .img_placeholder__wrap,
.section_gallery__3 .img_placeholder__wrap,
.section_gallery__4 .img_placeholder__wrap{
  background-color: transparent !important;
  background-size: cover !important;
  background-position: center !important;
}

/* Убить «служебные» полосы-псевдоэлементы темы */
.section_gallery__2 .col-xs-3::after,
.section_gallery__3 .col-xs-3::after,
.section_gallery__4 .col-xs-3::after{
  content: none !important;
  display: none !important;
}

/* Мобилка: аккуратно фиксируем подписи внутри карточки */
@media (max-width: 768px){
  .section_gallery__2 .caption_text,
  .section_gallery__3 .caption_text,
  .section_gallery__4 .caption_text{
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 16px;
    text-align: center;
  }
}
/* ==== Gallery — убрать подложки и вернуть подписи поверх картинки ==== */

/* Карточка */
.section_gallery__2 .gallery_item,
.section_gallery__3 .gallery_item,
.section_gallery__4 .gallery_item{
  position: relative;
  background: transparent !important;
  overflow: hidden;
}

/* Элемент с инлайн-фоном (Shopify сам пишет style="background-image:…") */
.section_gallery__2 .img_placeholder__wrap,
.section_gallery__3 .img_placeholder__wrap,
.section_gallery__4 .img_placeholder__wrap{
  background-color: transparent !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* Убить любые декоративные псевдо-элементы (полосы/оверы) */
.section_gallery__2 .gallery_item::before,
.section_gallery__2 .gallery_item::after,
.section_gallery__3 .gallery_item::before,
.section_gallery__3 .gallery_item::after,
.section_gallery__4 .gallery_item::before,
.section_gallery__4 .gallery_item::after,
.section_gallery__2 .col-xs-3::after,
.section_gallery__3 .col-xs-3::after,
.section_gallery__4 .col-xs-3::after{
  content: none !important;
  display: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Ссылка с подписью (иногда фон задаётся именно сюда) */
.section_gallery__2 .item_caption,
.section_gallery__3 .item_caption,
.section_gallery__4 .item_caption{
  position: absolute;
  left: 0; right: 0; bottom: 0;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  z-index: 3;
}

/* Текст подписи — аккуратный, без плашки */
.section_gallery__2 .caption_text,
.section_gallery__3 .caption_text,
.section_gallery__4 .caption_text{
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent !important;
  color: #2a1f19;                 /* элегантный тёмно-шоколадный */
  letter-spacing: 0.10em;
  font-weight: 500;
  font-size: clamp(12px, 1.7vw, 18px);
  text-shadow: 0 0 2px rgba(255,255,255,.4); /* легкая подсветка, чтобы читалось */
  padding: 12px 10px;
}

/* Мобилка — подпись остаётся поверх картинки */
@media (max-width: 768px){
  .section_gallery__2 .item_caption,
  .section_gallery__3 .item_caption,
  .section_gallery__4 .item_caption{
    position: absolute;
    left: 0; right: 0; bottom: 0;
  }
  .section_gallery__2 .caption_text,
  .section_gallery__3 .caption_text,
  .section_gallery__4 .caption_text{
    padding: 10px 8px;
    font-size: 14px;
    letter-spacing: .12em;
  }
}
/* Gallery (style_3 / style_4): подпись на фото с мягкой защитой снизу */
.section_gallery__4 .gallery_item,
.section_gallery__3 .gallery_item{ position: relative; }

/* Лёгкий градиент снизу, почти незаметный, но спасает читаемость */
.section_gallery__4 .img_placeholder__wrap::after,
.section_gallery__3 .img_placeholder__wrap::after{
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 84px;
  background: linear-gradient(to top, rgba(244,231,220,.75), rgba(244,231,220,0));
  pointer-events: none;
}

/* Подпись — внизу-слева */
.section_gallery__4 .caption_text,
.section_gallery__3 .caption_text{
  position: absolute !important;
  left: 22px; bottom: 18px;
  margin: 0;
  text-align: left;
  color: #4f4039;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: .16em;
  text-transform: uppercase;
}

/* На телефонах делаем компактнее */
@media (max-width: 767px){
  .section_gallery__4 .caption_text,
  .section_gallery__3 .caption_text{
    left: 16px; bottom: 14px;
    font-size: 14px;
    letter-spacing: .12em;
  }
}
:is(.section_gallery__3,.section_gallery__4) .img_placeholder__wrap::after{
  content:"";position:absolute;inset:auto 0 0;height:84px;
  background:linear-gradient(0deg,#f4e7dcc0,transparent);
  pointer-events:none
}
:is(.section_gallery__3,.section_gallery__4) .caption_text{
  position:absolute;left:22px;bottom:18px;margin:0;color:#4f4039;
  font-weight:500;font-size:18px;letter-spacing:.16em;text-transform:uppercase
}
@media(max-width:767px){
  :is(.section_gallery__3,.section_gallery__4) .caption_text{transform:translateY(12px)}
}
/* ========== Галерея: улучшение читаемости подписей ========== */

/* Общие стили (оставляем как были) */
:is(.section_gallery__3,.section_gallery__4) .img_placeholder__wrap::after{
  content:"";
  position:absolute;inset:auto 0 0;height:84px;
  background:linear-gradient(0deg,#f4e7dcc0,transparent);
  pointer-events:none
}
:is(.section_gallery__3,.section_gallery__4) .caption_text{
  position:absolute;left:22px;bottom:18px;margin:0;color:#4f4039;
  font-weight:500;font-size:18px;letter-spacing:.16em;text-transform:uppercase
}

/* Мобилки: усилить градиент и дать деликатную подложку под текстом */
@media (max-width: 767px){
  /* Градиент чуть выше и плотнее у кромки */
  :is(.section_gallery__3,.section_gallery__4) .img_placeholder__wrap::after{
    height:120px;
    background:linear-gradient(
      0deg,
      rgba(244,231,220,.92) 0%,
      rgba(244,231,220,.55) 40%,
      rgba(244,231,220,0) 100%
    );
  }

  /* Небольшая «капсула» под подписью */
  :is(.section_gallery__3,.section_gallery__4) .caption_text{
    bottom:14px;
    padding:6px 10px;
    border-radius:12px;
    background:rgba(255,255,255,.62);          /* почти невидимо, но читабельно */
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
  }
}
/* Цвет текста-логотипа/названия магазина под иконкой */
.header .site-logo a,
.header .site-logo .logo__text,
.header .site-branding .site-title,
.header .logo .logo__text {
  color: #4F4039 !important; /* тёплый тёмно-коричневый */
}

/* (опционально) при наведении слегка теплее */
.header .site-logo a:hover { color: #6B534A !important; }
/* Спрятать старую заглушку, которая больше не нужна */
#pseudo_sticky_block { display: none !important; }

/* Фиксируем весь хедер (включая верхнюю полоску) */
#page_header{
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 1100;                 /* выше контента/слайдера/оверлеев */
  will-change: transform;        /* сглаживает перерисовку при скролле */
}

/* Прокладка под хедер: высоту отдаём через CSS-переменную */
#pseudo_sticky_block{
  height: var(--headerH, 120px) !important;
}

/* На всякий случай — не блокируем наложение */
#shopify-section-header,
.page_wrapper{
  overflow: visible !important;
}
<script>
(function () {
  var header = document.getElementById('page_header');
  var spacer = document.getElementById('pseudo_sticky_block');
  if (!header || !spacer) return;

  function setHeaderHeight() {
    var h = header.offsetHeight || 0;
    document.documentElement.style.setProperty('--headerH', h + 'px');
  }

  setHeaderHeight();
  window.addEventListener('load', setHeaderHeight, {passive:true});
  window.addEventListener('resize', setHeaderHeight, {passive:true});
})();
</script>
/* Фиксируем весь секционный блок хедера целиком */
#shopify-section-header{
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 1100;
}

/* Прокладка, чтобы контент не подпрыгивал */
#pseudo_sticky_block{
  height: var(--headerH, 120px) !important;
}

/* На всякий случай уберём возможные сдвиги внутр. слоёв */
.top_pannel.inverted,
.header_wrap1.inverted{
  transform: none !important;
}
/* --- Fixed header (полоска + меню) --- */
#shopify-section-header,
#page_header{
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 9999;
}

/* Фоны, чтобы хедер не становился прозрачным */
.top_pannel.inverted{ background:#c49a8d !important; }   /* верхняя узкая плашка */
.header_wrap1.inverted{ background:#b88776 !important; } /* блок с логотипом/меню */

/* Небольшая тень, чтобы отделить от контента (опционально) */
#page_header{ box-shadow: 0 2px 10px rgba(0,0,0,.06); }

/* Отступ под фикс-хедер. Значение ставим через переменную,
   скрипт ниже будет подставлять реальную высоту хедера */
:root{ --hdrH: 140px; }
body{ padding-top: var(--hdrH); }
/* Делаем липким весь <header id="page_header"> (внутри него и верхняя полоска, и меню) */
#page_header {
  position: sticky;
  top: 0;
  z-index: 1100;           /* поверх слайдера и контента */
}

/* На случай если где-то шапке давали fixed/absolute — возвращаем в поток */
#page_header .top_pannel,
#page_header .header_wrap1 {
  position: static !important;
}

/* Небольшой «чехол» на контейнер секции, чтобы база темы не перекрывала sticky (иногда нужно для Safari) */
.shopify-section-header {
  position: relative;
  z-index: 1100;
}

/* Если вдруг увидите тонкую «щель» под шапкой — можно слегка прижать */
#page_header { margin-bottom: 0; }
/* Заголовки и текст — более стройная, «воздушная» шкала */
main h1{font-size:clamp(34px,4vw,44px);line-height:1.15;letter-spacing:.02em;color:#4F4039;}
main h2{font-size:clamp(28px,3.2vw,36px);line-height:1.2; letter-spacing:.02em;color:#4F4039;}
main h3{font-size:clamp(22px,2.4vw,28px);line-height:1.25;letter-spacing:.01em;color:#4F4039;}
main p, main li{font-size:clamp(16px,1.4vw,19px);line-height:1.6;color:#4F4039;}
/* хлебные крошки чуть компактнее */
.breadcrumb, .breadcrumbs, nav.breadcrumbs{font-size:16px;}

/* Кнопки (в том числе READ MORE в блоге) более аккуратные */
.btn, .button, a.button, .blog .btn, .blog a.button{
  font-size:clamp(14px,1.25vw,16px);
  padding:.85rem 1.6rem;
  border-radius:12px;
}

/* Поля ввода + списки на контентных страницах — единый тон */
main .rte ul{list-style:none;padding-left:0;}
main .rte ul li{position:relative;padding-left:1.25rem;}
main .rte ul li::before{
  content:"";position:absolute;left:0;top:.65em;width:.5rem;height:.5rem;border-radius:50%;
  background:#B8836F;
}
:root{
  --mjs-bg:#F7EFE8;
  --mjs-accent:#B8836F;
  --mjs-accent-25:rgba(184,131,111,.45);
  --mjs-text:#4F4039;
}

/* Контейнеры Shopify для политик */
.shopify-policy__container{background:var(--mjs-bg);}
.shopify-policy__title{color:var(--mjs-text)!important;}
.shopify-policy__body{color:var(--mjs-text)!important;}

/* Ссылки в политике */
.shopify-policy__body a{
  color:var(--mjs-accent)!important;text-decoration:none;
  box-shadow:inset 0 -1px 0 var(--mjs-accent-25);transition:color .2s, box-shadow .2s;
}
.shopify-policy__body a:hover{
  color:var(--mjs-text)!important;box-shadow:inset 0 -1.5px 0 currentColor;
}

/* Маркеры списков */
.shopify-policy__body ul{list-style:none;padding-left:0;}
.shopify-policy__body ul li{position:relative;padding-left:1.25rem;}
.shopify-policy__body ul li::before{
  content:"";position:absolute;left:0;top:.65em;width:.5rem;height:.5rem;border-radius:50%;
  background:var(--mjs-accent);
}

/* Сайдбар «Policies», если выводится темой */
.shopify-policy__sidebar h2,
.shopify-policy__sidebar a{color:var(--mjs-text)!important;}
.shopify-policy__sidebar a:hover{color:var(--mjs-accent)!important;}

/* Подстраховка для обычных страниц с контентом */
main .rte, main .rte p, main .rte li{color:var(--mjs-text)!important;}
main .rte h1, main .rte h2, main .rte h3{color:var(--mjs-text)!important;}
main .rte a{
  color:var(--mjs-accent)!important;text-decoration:none;
  box-shadow:inset 0 -1px 0 var(--mjs-accent-25);
}
main .rte a:hover{color:var(--mjs-text)!important;box-shadow:inset 0 -1.5px 0 currentColor;}
main .rte ul{list-style:none;padding-left:0;}
main .rte ul li{position:relative;padding-left:1.25rem;}
main .rte ul li::before{
  content:"";position:absolute;left:0;top:.65em;width:.5rem;height:.5rem;border-radius:50%;
  background:var(--mjs-accent);
}
/* ================================
   1) Policy pages — типографика и цвета
   ================================ */

/* Цвет текста в теле политики + заголовки (перебиваем inline) */
.shopify-policy__body .rte,
.shopify-policy__body .rte p,
.shopify-policy__body .rte li { color: #4F4039 !important; }

.shopify-policy__body .rte h1,
.shopify-policy__body .rte h2,
.shopify-policy__body .rte h3 { color: #4F4039 !important; }

/* Размеры заголовков в Policy (аккуратнее) */
.shopify-policy__body .rte h1{
  font-size: clamp(30px, 3.2vw, 40px) !important;
  line-height: 1.15;
  letter-spacing: .02em;
}
.shopify-policy__body .rte h2{
  font-size: clamp(24px, 2.6vw, 32px) !important;
  line-height: 1.2;
  letter-spacing: .02em;
}
.shopify-policy__body .rte h3{
  font-size: clamp(20px, 2.1vw, 26px) !important;
  line-height: 1.25;
  letter-spacing: .01em;
}
/* Абзацы и списки в Policy */
.shopify-policy__body .rte p,
.shopify-policy__body .rte li{
  font-size: clamp(16px, 1.4vw, 18px);
  line-height: 1.6;
}

/* Ссылки в Policy (карамель + подчёркивание-хайлайт) */
.shopify-policy__body .rte a{
  color: #B8836F !important;
  text-decoration: none;
  box-shadow: inset 0 -1px 0 rgba(184,131,111,.45);
  transition: color .2s, box-shadow .2s;
}
.shopify-policy__body .rte a:hover{
  color: #4F4039 !important;
  box-shadow: inset 0 -1.5px 0 currentColor;
}

/* Маркеры списков в Policy */
.shopify-policy__body .rte ul{ list-style:none; padding-left:0; }
.shopify-policy__body .rte ul li{ position:relative; padding-left:1.25rem; }
.shopify-policy__body .rte ul li::before{
  content:""; position:absolute; left:0; top:.65em;
  width:.5rem; height:.5rem; border-radius:50%;
  background:#B8836F;
}

/* Сайдбар Policy (список ссылок) */
.shopify-policy__sidebar h2,
.shopify-policy__sidebar a{ color:#4F4039 !important; }
.shopify-policy__sidebar a:hover{ color:#B8836F !important; }

/* ================================
   2) Обычные контентные страницы (About, Contact и т.п.)
   — у вас там контейнер .main_content, а не <main>
   ================================ */

.main_content .rte,
.main_content .rte p,
.main_content .rte li{ color:#4F4039 !important; }
.main_content .rte h1,
.main_content .rte h2,
.main_content .rte h3{ color:#4F4039 !important; }

.main_content .rte h1{
  font-size: clamp(30px, 3.2vw, 40px);
  line-height: 1.15; letter-spacing:.02em;
}
.main_content .rte h2{
  font-size: clamp(24px, 2.6vw, 32px);
  line-height: 1.2; letter-spacing:.02em;
}
.main_content .rte h3{
  font-size: clamp(20px, 2.1vw, 26px);
  line-height: 1.25; letter-spacing:.01em;
}
.main_content .rte p,
.main_content .rte li{
  font-size: clamp(16px, 1.4vw, 18px);
  line-height: 1.6;
}

/* ================================
   3) Кнопка READ MORE в блоге — компактнее
   ================================ */
.blog .btn, .blog .button, .blog a.button{
  font-size: clamp(14px, 1.2vw, 16px);
  padding: .8rem 1.4rem;
  border-radius: 12px;
}
/* ===== Палитра и масштабы шрифтов ===== */
:root{
  --mjs-h1: clamp(30px, 3.2vw, 40px);
  --mjs-h2: clamp(24px, 2.6vw, 32px);
  --mjs-h3: clamp(20px, 2.1vw, 26px);
  --mjs-body: clamp(16px, 1.4vw, 18px);

  --mjs-text: #4F4039;        /* основной тёмный */
  --mjs-text-muted: #6A5953;  /* чуть мягче для обычного текста */
  --mjs-accent: #B8836F;      /* карамель */
}

/* ===== Заголовок страницы (About, Contact, Policy и т.п.) ===== */
.page_container > h1,
.page_container .page-title,
.page_title,
.shopify-policy__title h1,
.shopify-policy__title{
  font-size: var(--mjs-h1) !important;
  line-height: 1.15;
  letter-spacing: .02em;
  color: var(--mjs-text) !important;
  margin-bottom: .75em;
}

/* ===== Разделы внутри контента (включая About/Contact) ===== */
.page_container h2,
.page_container .rte h2{
  font-size: var(--mjs-h2) !important;
  line-height: 1.2;
  color: var(--mjs-text) !important;
  margin: 1.2em 0 .5em;
}
.page_container h3,
.page_container .rte h3{
  font-size: var(--mjs-h3) !important;
  line-height: 1.25;
  color: var(--mjs-text) !important;
  margin: 1em 0 .4em;
}

/* Обычный текст на контентных страницах */
.page_container p,
.page_container .rte p,
.page_container li,
.page_container .rte li{
  font-size: var(--mjs-body);
  line-height: 1.6;
  color: var(--mjs-text-muted);
}

/* Ссылки в контенте */
.page_container .rte a{
  color: var(--mjs-accent);
  text-decoration: none;
  box-shadow: inset 0 -1px 0 rgba(184,131,111,.45);
  transition: color .2s, box-shadow .2s;
}
.page_container .rte a:hover{
  color: var(--mjs-text);
  box-shadow: inset 0 -1.5px 0 currentColor;
}

/* ===== Policy: перебиваем inline-цвет и приводим типографику ===== */
.shopify-policy__body .rte{
  color: var(--mjs-text-muted) !important;
}
.shopify-policy__body .rte h1,
.shopify-policy__body .rte h2,
.shopify-policy__body .rte h3{
  color: var(--mjs-text) !important;
  font-weight: 700;
}
.shopify-policy__body .rte h1{ font-size: var(--mjs-h1) !important; line-height:1.15; }
.shopify-policy__body .rte h2{ font-size: var(--mjs-h2) !important; line-height:1.2; }
.shopify-policy__body .rte h3{ font-size: var(--mjs-h3) !important; line-height:1.25; }

.shopify-policy__body .rte p,
.shopify-policy__body .rte li{
  font-size: var(--mjs-body) !important;
  line-height: 1.6 !important;
}

/* Маркеры списков в Policy — аккуратные "карамельные" точки */
.shopify-policy__body .rte ul{ list-style: none; padding-left: 0; }
.shopify-policy__body .rte ul li{ position: relative; padding-left: 1.25rem; }
.shopify-policy__body .rte ul li::before{
  content:""; position: absolute; left: 0; top: .65em;
  width: .5rem; height: .5rem; border-radius: 50%;
  background: var(--mjs-accent);
}

/* Сайдбар с ссылками в Policy */
.shopify-policy__sidebar h2,
.shopify-policy__sidebar a{ color: var(--mjs-text) !important; }
.shopify-policy__sidebar a:hover{ color: var(--mjs-accent) !important; }

/* ===== Блог: уменьшить кнопку Read More ===== */
.template-blog .btn,
.template-blog .button,
.template-blog a.btn,
.template-blog a.button,
.blog .btn,
.blog .button{
  font-size: clamp(14px, 1.2vw, 16px);
  padding: .8rem 1.4rem;
  border-radius: 12px;
}
/* ========= Общие цвета сайта (деликатно) ========= */
:root{
  --mjs-head: #6b4b3c;   /* заголовки (тёплый коричневый) */
  --mjs-text: #4f4039;   /* основной текст */
  --mjs-accent: #d1a883; /* тонкая разделительная/акцент */
}

/* ========= Обычные страницы (About us и прочие Page) ========= */
/* Контент внутри редактора (rte) на страницах template-page */
body.template-page .rte h1{
  font-size: 32px;
  line-height: 1.25;
  letter-spacing: .02em;
  color: var(--mjs-head);
  margin: 24px 0 12px;
}
body.template-page .rte h2{
  font-size: 26px;
  line-height: 1.3;
  color: var(--mjs-head);
  margin: 20px 0 10px;
}
body.template-page .rte p,
body.template-page .rte li{
  font-size: 18px;
  line-height: 1.65;
  color: var(--mjs-text);
}
/* центральный большой заголовок страницы */
body.template-page #shopify-section-header h1,
body.template-page .page-header h1,
body.template-page .page__title{
  font-size: 36px !important;
  letter-spacing: .10em;
}

/* ========= Страницы политик (узкое влияние) ========= */
.shopify-policy__container .rte h1{
  font-size: 36px;
  line-height: 1.25;
  letter-spacing: .02em;
  color: var(--mjs-head);
  margin: 18px 0 16px;
}
.shopify-policy__container .rte h2{
  font-size: 28px;
  line-height: 1.35;
  color: var(--mjs-head);
  margin: 22px 0 10px;
}
.shopify-policy__container .rte h3{
  font-size: 22px;
  color: var(--mjs-head);
  margin: 18px 0 8px;
}
.shopify-policy__container .rte p,
.shopify-policy__container .rte li{
  font-size: 18px;
  line-height: 1.7;
  color: var(--mjs-text);
}
/* «красивее, как раньше»: ключевые слова/подзаголовки в тексте чуть темнее */
.shopify-policy__container .rte strong,
.shopify-policy__container .rte b{
  color: var(--mjs-head);
}
/* маркеры списков и отступы */
.shopify-policy__container .rte ul{ margin: 10px 0 16px; }
.shopify-policy__container .rte li{ margin: 6px 0; }

/* Боковое меню «Policies» (если есть) — спокойные ссылки */
.shopify-policy__container aside a{
  color: var(--mjs-head);
}
.shopify-policy__container aside a:hover{
  opacity:.85; text-decoration: underline;
}

/* ========= Блог: кнопка «Read more» поменьше ========= */
body.template-blog .btn,
body.template-blog .button{
  font-size: 14px;
  padding: 12px 18px;
  border-radius: 12px;
  letter-spacing: .06em;
}
body.template-page #shopify-section-header h1, .page-header h1, .page__title
/* Аккуратная типографика для блоков политики */
.mjs-policy h1 { font-size: 40px; line-height: 1.15; letter-spacing: .02em; color:#5b4136; margin:24px 0 12px; }
.mjs-policy h2 { font-size: 28px; line-height: 1.25; color:#5b4136; margin:16px 0; }
.mjs-policy h3 { font-size: 20px; line-height: 1.35; color:#A38F85; margin:22px 0 8px; }

.mjs-policy p,
.mjs-policy li { font-size: 17px; line-height: 1.75; color:#4f4039; }

.mjs-policy ul { margin:0 0 14px 18px; }
.mjs-policy ul li { margin:4px 0; }
.mjs-policy { max-width: 860px; }
/* ====== HEADER: десктоп липкий, мобильный обычный ====== */

/* ДЕСКТОП (≥768px): липкая шапка */
@media (min-width: 768px){
  /* сам хедер «прилипает» к верху */
  #page_header{
    position: sticky;
    top: 0;
    z-index: 1100;
  }
  /* иногда теме нужен относительный контекст над слайдером */
  .shopify-section-header{
    position: relative;
    z-index: 1100;
  }
}

/* МОБИЛЬНЫЕ (≤767px): НЕ липкая шапка */
@media (max-width: 767px){
  /* возвращаем в обычный поток */
  #page_header,
  #shopify-section-header{
    position: static !important;
    top:auto !important; left:auto !important; right:auto !important;
    z-index:auto !important;
  }

  /* на случай старых «прокладок» и отступов */
  #pseudo_sticky_block{ display:none !important; height:0 !important; }
  body{ padding-top:0 !important; }

  /* если где-то заданы переменные высоты — обнулим */
  :root{ --hdrH: 0 !important; --headerH: 0 !important; }
}
/**********************************************************
  MJS — Compact UI + PDP Image + Related Grid + Notify Form
  (drop-in replacement, no global font-size overrides)
**********************************************************/

/* === 1) Кнопка "В корзину" в карточках === */
.product_item .add_to_cart_form button.btn-cart,
.product_item button.btn-cart{
  display:inline-flex !important;
  align-items:center; justify-content:center;
  gap:8px;
  padding:10px 14px !important;
  font-size:14px !important;
  line-height:1 !important;
  font-weight:600;
  border-radius:14px !important;
  width:auto !important;
  min-width:0 !important;
  min-height:40px !important;
  white-space:nowrap;
  box-shadow:none !important;
  margin-top:8px !important;
}
.product_item .btn-cart svg,
.product_item .btn-cart i{ width:18px; height:18px; flex:0 0 auto; }
.product_item .product_links{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.product_item .btn-cart:hover{ transform:translateY(-1px); filter:brightness(.96); }
.product_item .btn-cart:active{ transform:translateY(0); filter:brightness(.92); }
.product_item .btn-cart:focus-visible{ outline:2px solid rgba(0,0,0,.15); outline-offset:2px; }
.product_item .btn-cart[disabled]{ opacity:.6; pointer-events:none; }

@media (max-width: 767px){
  .product_item .add_to_cart_form button.btn-cart,
  .product_item button.btn-cart{
    padding:8px 12px !important;
    font-size:13px !important;
    min-height:36px !important;
    border-radius:12px !important;
  }
}

/* === 2) Кнопки на PDP === */
.single_product__details .button_block .btn,
#single_product__addtocart-template-product\.btn{
  display:inline-flex !important;
  align-items:center; justify-content:center;
  gap:8px;
  padding:10px 16px !important;
  font-size:14px !important;
  line-height:1 !important;
  border-radius:12px !important;
  min-height:40px !important;
  width:auto !important;
  white-space:nowrap;
  box-shadow:none !important;
  margin:0 !important;
}
#single_product__addtocart-template-product\.btn svg,
#single_product__addtocart-template-product\.btn i{ width:18px; height:18px; flex:0 0 auto; }

.single_product__details .button_block{ display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
@media (max-width: 767px){
  .single_product__details .button_block .btn{
    padding:8px 12px !important;
    font-size:13px !important;
    min-height:36px !important;
    border-radius:10px !important;
  }
}

/* === 3) Форма "Уведомить меня" / обратная связь === */
/* убираем тёмный фон контейнеров формы */
.product_notify, .notify_form, .notifyme-box{
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  color: inherit !important;
}
/* поля — светлые и аккуратные */
.product_notify input[type="email"],
.product_notify textarea,
.notify_form input, .notify_form textarea{
  background:#fff !important;
  border:1px solid #e7c8bf !important;
  color:#3b2a26 !important;
  border-radius:10px !important;
  padding:10px 12px !important;
}
.product_notify ::placeholder,
.notify_form ::placeholder{ color:#9b8580; opacity:1; }
/* submit формы — компактный */
.product_notify .btn, .notify_form .btn{
  display:inline-flex !important;
  align-items:center; justify-content:center;
  padding:8px 14px !important;
  font-size:14px !important;
  line-height:1 !important;
  min-height:36px !important;
  border-radius:10px !important;
  width:auto !important;
  box-shadow:none !important;
  text-transform:none !important;
}

/* === 4) PDP — нормализуем главное фото товара === */
body.template-product .single_product__img{
  max-width:560px;            /* умеренная ширина колонки с фото */
  margin:0 auto 16px;
  display:flex; align-items:center; justify-content:center;
}
body.template-product .single_product__img picture,
body.template-product .single_product__img img{
  width:100%; height:auto;
  max-height:62vh;            /* не «во весь экран» */
  object-fit:contain;         /* без обрезки, целиком */
}
@media (min-width:1440px){
  body.template-product .single_product__img picture,
  body.template-product .single_product__img img{
    max-height:70vh;
  }
}

/* квадратная рамка под изображение карточки */
.widget_related_products .product_listing_item [class*="product_image"],
.widget_related_products .product_listing_item .product_img,
.product_listing_related  .product_listing_item [class*="product_image"],
.product_listing_related  .product_listing_item .product_img{
  position:relative !important;
  width:100% !important;
  padding-top:100% !important;     /* делает квадрат */
  overflow:hidden !important;
  border-radius:12px;
}

/* содержимое (picture/img/div) растягиваем по рамке */
.widget_related_products .product_listing_item [class*="product_image"] > *,
.widget_related_products .product_listing_item .product_img > *,
.product_listing_related  .product_listing_item [class*="product_image"] > *,
.product_listing_related  .product_listing_item .product_img > *{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}

/* подстраховка: если вдруг img без обёртки */
.widget_related_products .product_listing_item img,
.product_listing_related  .product_listing_item img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}

/* заголовок блока и отступы */
.widget_related_products{ padding:24px 0 !important; }
.widget_related_products .title,
.widget_related_products .section_title,
.widget_related_products h2{
  font-size:clamp(18px,1.8vw,26px);
  letter-spacing:.06em;
  margin-bottom:18px;
}

/* возвращаем видимость названия/цены/кнопок (если раньше скрывали) */
.product_listing_related .product_info,
.widget_related_products  .product_info{ display:block !important; }

.product_listing_related .product_name,
.product_listing_related .product_name a,
.widget_related_products  .product_name,
.widget_related_products  .product_name a{ display:block !important; }

.product_listing_related .price,
.widget_related_products  .price{
  display:block !important;
  text-align:center;
}

/* кнопки в карточках related — показываем и делаем компактными */
.product_listing_related .product_links,
.widget_related_products  .product_links{
  display:flex !important; gap:10px; justify-content:center; flex-wrap:wrap;
}
.product_listing_related .add_to_cart,
.product_listing_related .add-to-cart,
.product_listing_related .btn-add-to-cart,
.widget_related_products  .add_to_cart,
.widget_related_products  .add-to-cart,
.widget_related_products  .btn-add-to-cart{
  display:inline-flex !important;
  align-items:center; justify-content:center;
  min-height:40px; padding:0 14px; border-radius:12px;
}


:root{
  --accent:#CFA293;        /* карамельно-розовый */
  --ink:#4E3D37;           /* тёмно-шоколадный текст */
  --card:#FFFFFF;
  --soft:#F8F1EC;          /* светлый фон секций */
}

/* Цена + блок управления: компактнее и «дороже» */
.product__info-wrapper .price,
.product .price__regular .price-item--regular{
  font-size: clamp(22px, 2.6vw, 32px);
  font-weight: 800;
  letter-spacing: .3px;
  color: var(--ink);
  margin: 4px 0 8px;
}

/* Availability – тише */
.product__inventory,
.product__info-wrapper [data-availability],
.product__info-wrapper .product__availability{
  font-size: 12px;
  opacity:.6;
  margin-bottom: 6px;
}

/* Количество — меньше и уже */
.quantity,
.product-form__quantity{
  --h:40px;
  height: var(--h);
}
.quantity input,
.quantity__input{ height: var(--h); font-size:14px; }
.quantity__button{ height: var(--h); }

/* Кнопки: короче, округлые, аккуратный hover */
.product-form__submit,
button[name="add"],
.shopify-payment-button button,
button.notify-me{
  background: var(--accent);
  color:#fff;
  border-radius: 999px;
  padding: 0 22px;
  height: 44px;
  border: none;
  font-weight: 700;
  letter-spacing:.3px;
  box-shadow: 0 0 0 0 rgba(0,0,0,0);
  transition: transform .08s ease, box-shadow .2s ease, filter .15s ease;
}
.product-form__submit:hover,
button[name="add"]:hover,
button.notify-me:hover{
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(207,162,147,.28);
  filter: saturate(1.05);
}
.product-form__submit:active{ transform: translateY(0); box-shadow:none; }

/* Кнопка "Notify me" — контурная */
button.notify-me{
  background: transparent;
  color: var(--accent);
  border:1.5px solid var(--accent);
}
button.notify-me:hover{ background: var(--accent); color:#fff; }


/* Текст описания компактнее, читаемее */
.product__description, .product__info-wrapper .rte{
  max-width: 56ch;
  line-height: 1.6;
  color: var(--ink);
  opacity:.95;
}

/* Аккордеоны "Как выбрать размер / Уход" — светлые карточки */
.collapsible-content, .product__accordion, details.disclosure{
  background: var(--card);
  border:1px solid #EAD7D0;
  border-radius:16px;
  padding:12px 14px;
  box-shadow: 0 2px 8px rgba(0,0,0,.03);
  margin:10px 0;
}
details.disclosure summary{ font-weight:700; color:var(--ink); }

/* Соцсети — контрастнее */
.product__info-wrapper .social-icons a,
.share-buttons a, .footer__social a{
  color: var(--ink);
  opacity:.9;
}
.product__info-wrapper .social-icons a:hover{ opacity:1; }


/* Контейнер секции — без тёмного фона */
#product-recommendations, .related-products, .you-may-also-like{
  background: transparent;
  padding-block: 12px 28px;
}

/* Каждая карточка — белая, с мягкой тенью */
.related-products .card, .you-may-also-like .card, 
#product-recommendations .card, 
.product-grid .grid__item .card{
  background: var(--card);
  border:1px solid #EAD7D0;
  border-radius:18px;
  overflow:hidden;
  box-shadow: 0 4px 18px rgba(0,0,0,.04);
  transition: transform .15s ease, box-shadow .2s ease;
}
.related-products .card:hover{ 
  transform: translateY(-2px); 
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
}

/* Изображения внутри карточек — одинаковая высота */
.card__media img{ object-fit: contain; aspect-ratio: 1/1; }

/* Заголовок и цена под фото в едином стиле */
.card__information .card__heading,
.card-information .price{
  text-align:center;
}
.card__information .card__heading a{
  color: var(--ink);
  font-weight:700;
}
.card-information .price .price-item{ font-weight:800; }


/* Чуть больше отступов по краям страниц и между блоками */
.page-width, .container, .wrapper{ padding-inline: clamp(16px,4vw,48px); }
.section + .section{ margin-top: clamp(24px,5vw,56px); }

/* Футер: ровные колонки и тонкая разделительная линия */
.footer{ background: linear-gradient(180deg, #D3A693 0%, #BF8D7C 100%); }
.footer .grid{ row-gap: 10px; }
.footer hr{ border:0; border-top:1px solid rgba(255,255,255,.25); margin:18px 0; }

.you-may-also-like, #product-recommendations{background:transparent;}
.you-may-also-like .page-width{max-width:1200px;}
.product__title{letter-spacing:.3px;margin-bottom:8px;}
.product__info-wrapper{row-gap:10px;}
.product__info-wrapper .price{margin-bottom:4px;}
.product-form{gap:8px;}
.card__media img{aspect-ratio:1/1;object-fit:contain;}

/* 1) Описание товара — воздух сверху/снизу + аккуратная карточка */
.product__info-wrapper .rte,
.product__description{
  margin-top: 12px !important;
  padding: 12px 14px !important;
  background:#fff !important;
  border:1px solid #EAD7D0 !important;
  border-radius:14px !important;
}

/* 2) Блок "You may also like" — поля слева/справа и ровная сетка */
#product-recommendations,
.you-may-also-like{
  padding-inline: clamp(16px,4vw,48px) !important;
}
#product-recommendations .page-width,
.you-may-also-like .page-width{
  max-width: 1200px !important;
  margin-inline: auto !important;
}
#product-recommendations .grid,
.you-may-also-like .grid{
  gap: 20px !important;
}
#product-recommendations .card,
.you-may-also-like .card{
  background:#fff !important;
  border:1px solid #EAD7D0 !important;
  border-radius:18px !important;
  box-shadow:0 4px 18px rgba(0,0,0,.04) !important;
}

/* 3) Квадратные изображения в коллекциях и рекомендациях */
.collection .card__media,
.product-grid .card__media,
.grid__item .card__media,
#product-recommendations .card__media{
  aspect-ratio: 1 / 1 !important;
  overflow:hidden !important;
}
.collection .card__media img,
.product-grid .card__media img,
#product-recommendations .card__media img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
}

/* 4) Чуть воздуха над рекомендациями от описания */
#product-recommendations,
.you-may-also-like{ margin-top: 20px !important; }

/* 5) Цена/кнопки — компактнее расстояния */
.product__info-wrapper .price{ margin-bottom: 6px !important; }
.product-form{ gap: 8px !important; }
.product__description,.product .rte{ margin-top:12px !important; }
.widget_related_products.container{ margin-top:20px !important; }

/* === YOU MAY ALSO LIKE: фикс для .widget_related_products === */
.widget_related_products.container{
  background: transparent !important;              /* убираем розовый фон */
  padding: 0 clamp(16px,4vw,48px) 24px !important; /* поля слева/справа */
}

/* карточки внутри */
.widget_related_products .product {                /* если у тебя .product-item — замени на него */
  background:#fff !important;
  border:1px solid #EAD7D0 !important;
  border-radius:18px !important;
  box-shadow:0 4px 18px rgba(0,0,0,.06) !important;
  overflow:hidden !important;
}

/* изображение квадратно и ровно вписано */
.widget_related_products .product .image,
.widget_related_products .product .card__media{
  aspect-ratio:1/1 !important;
}
.widget_related_products .product img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
}

/* заголовок/цена по центру */
.widget_related_products .product .title,
.widget_related_products .product .card__heading,
.widget_related_products .product .price{
  text-align:center !important;
  font-weight:700;
}
/* --- 1) Ярче белые карточки внутри --- */
.widget_related_products .product .image,
.widget_related_products .product .card__media{
  aspect-ratio:1/1 !important;
  background:#fff !important;
  border-radius:14px !important;
  padding:18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  /* тонкая внутренняя рамка + мягкая тень, чтобы не «таяло» */
  box-shadow:
    inset 0 0 0 1px #EAD7D0,
    0 4px 14px rgba(0,0,0,.05) !important;
}
.widget_related_products .product img{
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
}

/* --- 2) Цена строго по центру --- */
.widget_related_products .product .price,
.widget_related_products .product .price *{
  text-align:center !important;
  margin-inline:auto !important;
  display:block !important;
  font-weight:800 !important;
}

/* Чуть больше воздуха у карточек */
.widget_related_products .product{
  border-radius:18px !important;
  background:#fff !important;
  border:1px solid #EAD7D0 !important;
  box-shadow:0 4px 18px rgba(0,0,0,.06) !important;
  overflow:hidden !important;
}
.collection .card__media{
  aspect-ratio:1/1 !important;
  background:#fff !important;
  border-radius:14px !important;
  padding:18px !important;
  box-shadow: inset 0 0 0 1px #EAD7D0, 0 4px 14px rgba(0,0,0,.05) !important;
}
.collection .card__media img{ object-fit:contain !important; }
.collection .price{ text-align:center !important; font-weight:800 !important; }

.btn--full{width:100%;justify-content:center;display:inline-flex;align-items:center;height:44px;border-radius:999px;font-weight:700;letter-spacing:.2px}
.btn--primary{background:#CFA293;color:#fff;border:0;box-shadow:0 6px 16px rgba(207,162,147,.25);transition:transform .08s,box-shadow .2s}
.btn--primary:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(207,162,147,.32)}
.btn--secondary{background:#eee;color:#8a8a8a;border:0}
/* скрыть старые текстовые "Choose variant"/иконки, если остались */
.product-grid [class*="choose-variant"],
.product-grid a[href*="variant"]{display:none !important;}
/* одинаковая высота под изображением, чтобы кнопки не прыгали */
.product-grid .card__content{min-height:110px}
/* единый стиль CTA в карточках */
.btn-cta{
  width:100%; height:44px;
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:999px; font-weight:700; letter-spacing:.2px;
  background:#CFA293; color:#fff; border:0;
  box-shadow:0 6px 16px rgba(207,162,147,.25);
  transition:transform .08s, box-shadow .2s;
}
.btn-cta:hover{ transform:translateY(-1px); box-shadow:0 10px 22px rgba(207,162,147,.32) }
.btn-cta--disabled{ background:#eee; color:#9b9b9b; pointer-events:none }

/* если где-то ещё выводится текстовая "Choose variant" под ценой — прячем */
.product_prop .choose-variant, .product_prop a[href*="variant"]{display:none!important}
.product_links{ gap:8px; }
.add_to_cart_form{ width:100%; } /* чтобы кнопка внутри формы была 100% */

.btn-cta{
  width:100%; height:48px;
  display:flex; align-items:center; justify-content:center;
  gap:10px; text-align:center;
  border:0; border-radius:999px;
  font-weight:700; letter-spacing:.2px;
  background:#CFA293; color:#fff;
  box-shadow:0 6px 16px rgba(207,162,147,.25);
  transition:transform .08s, box-shadow .2s;
}
.btn-cta:hover{ transform:translateY(-1px); box-shadow:0 10px 22px rgba(207,162,147,.32); }
.btn-cta--disabled{ background:#eee; color:#9b9b9b; pointer-events:none; }

/* на всякий случай скрыть старые текстовые подписи под ценой */
.product_prop .choose-variant{ display:none !important; }
/* ---- ЕДИНЫЙ ВИД CTA в карточках (и кнопка, и ссылка) ---- */
.product_links{ gap:8px; }

.add_to_cart_form{ width:100%; } /* чтобы форма не сужала кнопку */

/* основной стиль применяем ко ВСЕМ вариантам */
.product_links .btn-cart,
.product_links .btn_options{
  width:100% !important;
  height:48px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  text-align:center !important;

  background:#CFA293 !important;      /* единый карамельно-розовый */
  color:#fff !important;
  border:0 !important;
  border-radius:999px !important;
  font-weight:700 !important;
  letter-spacing:.2px !important;
  box-shadow:0 6px 16px rgba(207,162,147,.25) !important;
  transition:transform .08s, box-shadow .2s !important;
}
.product_links .btn-cart:hover,
.product_links .btn_options:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 10px 22px rgba(207,162,147,.32) !important;
}

/* иконка слева не прилипает */
.product_links .btn-cart i,
.product_links .btn_options i{ margin-right:6px !important; }

/* состояние «нет в наличии» */
.product_links .btn-cart[disabled],
.product_links .btn_options[aria-disabled="true"]{
  background:#EEE !important;
  color:#9b9b9b !important;
  box-shadow:none !important;
  pointer-events:none !important;
}

/* убрать старую мелкую "Choose variant" под ценой, если где-то остаётся */
.product_prop .choose-variant,
.product_prop a[href*="variant"]{ display:none !important; }
/* ЕДИНЫЙ ВИД CTA — перебиваем theme-стили для button */
.page_container .product_item .product_links a.btn-cta,
.page_container .product_item .product_links button.btn-cta{
  width:100% !important;
  height:48px !important;
  display:flex !important; align-items:center !important; justify-content:center !important; gap:10px !important;
  background:#CFA293 !important; color:#fff !important; -webkit-text-fill-color:#fff !important;
  border:none !important; border-radius:999px !important;
  font-weight:700 !important; letter-spacing:.2px !important; text-transform:uppercase !important;
  box-shadow:0 6px 16px rgba(207,162,147,.25) !important;
  padding:0 !important; line-height:48px !important; text-decoration:none !important;
}
.page_container .product_item .product_links a.btn-cta:hover,
.page_container .product_item .product_links button.btn-cta:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 10px 22px rgba(207,162,147,.32) !important;
}
/* только кнопки внутри карточек товаров в гриде */
#product_listing__sorted .product_item .product_links button.btn-cta{
  all: unset;           /* сбросим только им */
  display:flex;
}


/* на всякий: прячем старую текстовую подсказку */
.product_prop .choose-variant, .product_prop a[href*="variant"]{display:none !important;}
/* делаем кликабельным и поверх всего */
localization-form,
.localization-form,
.language-switcher,
.header-language{
  position: relative;
  z-index: 1000;
}
localization-form *,.localization-form *{ pointer-events:auto; }
/* Делает селектор языков кликабельным и поверх оверлеев */
.header-lang select#lang-switcher,
#HeaderLanguageForm select#lang-switcher{
  position: relative !important;
  z-index: 1002 !important;
  pointer-events: auto !important;
  -webkit-appearance: auto !important;
  appearance: auto !important;
}

/* Если у формы/контейнера есть декоративные ::before/::after — они не перехватывают клики */
.header-lang::before,
.header-lang::after{ pointer-events: none !important; }

/* Язык: убрать любые иконки/указатели темы рядом с селектом */
#page_header .header-lang::before,
#page_header .header-lang::after,
#page_header .language_selector::before,
#page_header .language_selector::after,
#page_header .header-lang i,
#page_header .language_selector i,
#page_header .header-lang .fa,
#page_header .language_selector .fa {
  content: none !important;
  display: none !important;
}
/* Mobile: прячем слово MENU, оставляя иконку */
@media (max-width: 767px) {
  #page_header .megamenu #megamenu_mobile_toggle{
    font-size: 0 !important;                 /* скрыть текст */
    /* или вариант: text-indent:-9999px; white-space:nowrap; overflow:hidden; */
  }
  /* вернуть размер иконки (она может быть :before или <i>) */
  #page_header .megamenu #megamenu_mobile_toggle:before,
  #page_header .megamenu #megamenu_mobile_toggle i{
    font-size: 22px !important;
  }
}
/* Спрятать баннеры коллекций на мобильных */
@media (max-width: 767px) {
  /* точечно по ID текущей секции */
  #shopify-section-1539863924288 { 
    display: none !important; 
  }

  /* на всякий случай — по классу секции галереи */
  .section_gallery__4,
  .shopify-section.section_gallery {
    display: none !important;
  }
}