/** Shopify CDN: Minification failed

Line 448:18 Unexpected "{"
Line 448:28 Expected ":"
Line 448:32 Unexpected "{"

**/
/* ===========================
   PRODUCT • MOBILE FULL WIDTH (SAFE)
   =========================== */
@media (max-width: 749px){

  /* 0) убираем закругления у медиа */
  .product__media img {
    border-radius: 0 !important;
  }

  /* 1) изображение/видео должны заполнять ratio-контейнер */
  .product__media .media > img,
  .product__media .media > video,
  .product__media .media > model-viewer,
  .product__media .media > iframe {
    position: absolute;        /* на всякий случай, как в Dawn */
    inset: 0;
    width: 100% !important;
    height: 100% !important;   /* КЛЮЧ: иначе контейнер «пустой» */
    object-fit: cover;         /* чтобы без белых полей */
    display: block;
  }

  /* 2) убираем «peek» следующего слайда и любые мобильные отступы слайдера */
  .slider-mobile-gutter,
  .slider--mobile-gutter { padding-left: 0 !important; padding-right: 0 !important; }
  .product__media-list { gap: 0 !important; }
  .grid--peek { padding-left: 0 !important; padding-right: 0 !important; overflow: hidden; }
  .slider.slider--mobile { scroll-padding-inline: 0 !important; }
  .slider__slide { width: 100% !important; }

  /* 3) плотнее к хедеру и к блоку превью снизу */
  .product__media-wrapper { margin-top: 0 !important; }
  .product__media { margin-bottom: 6px !important; }

  /* 4) слегка ужмём общие боковые поля контейнера страницы на продукте */
  body.template-product .page-width {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}








/* ============ PRODUCT • MOBILE THUMBNAILS ONLY (3-per-view) ============ */
@media (max-width: 749px){

  /* Контейнер списка превью (в темах Dawn/Refresh встречаются оба варианта) */
  ul[id^="Slider-Thumbnails-"],
  .thumbnail-list {
    padding-left: 8px !important;
    padding-right: 8px !important;
    gap: 8px !important;
  }

  /* Каждый элемент превью: ширина = 1/3 видимой области минус два гэпа */
  ul[id^="Slider-Thumbnails-"] > li.slider__slide,
  .thumbnail-list > li.slider__slide,
  .thumbnail-list__item {
    width: calc((100% - 16px) / 3) !important;     /* 3 миниатюры на экран */
    flex: 0 0 calc((100% - 16px) / 3) !important;  /* фиксируем базис */
  }

  /* Сбрасываем возможные «ломающие» правила внутри миниатюр */
  ul[id^="Slider-Thumbnails-"] .media > *,
  .thumbnail-list .media > * {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
  }

  /* Без скруглений — чтобы совпадало со стилем основной картинки */
  ul[id^="Slider-Thumbnails-"] .media,
  .thumbnail-list .media {
    border-radius: 0 !important;
  }
}



@media (max-width: 749px) {

  /* FIX: только миниатюры под главным медиа */
  .thumbnail-slider {                         /* сам контейнер слайдера превью */
    padding-left: 8px !important;
    padding-right: 8px !important;
    overflow: visible !important;            /* чтобы не «съедало» край */
  }

  /* список миниатюр внутри слайдера */
  .thumbnail-slider .thumbnail-list {
    scroll-padding-inline: 8px !important;  /* корректный snap у первого/последнего */
    gap: 8px !important;                     /* безопасность, если глобально убран gap */
  }

  /* отдельные слайды миниатюр — НЕ на всю ширину */
  .thumbnail-slider .slider__slide {
    width: auto !important;                  /* перебиваем твоё глобальное 100% */
    flex: 0 0 auto;                          /* классический inline-item в ленте */
  }

  /* сами кнопки-миниатюры (на всякий случай убираем скрытые отступы) */
  .thumbnail-slider .thumbnail {
    margin: 0 !important;
  }
}






@media (max-width: 749px) {

  /* Убираем верхний и нижний паддинг у блока с главным медиа (первый скрин) */
  li.product__media-item {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* Сброс скруглений только у миниатюр */
.thumbnail-list .thumbnail,
.thumbnail-list .thumbnail .media,
.thumbnail-list .thumbnail img {
  border-radius: 0 !important;
}

}






/* Mobile: главная картинка ~75% высоты экрана */
@media (max-width: 749px) {
  /* область просмотра галереи */
  [id^="GalleryViewer-"] .media {
    position: relative;
    height: 55svh !important;      /* стабильная высота от экрана (svh > vh на мобилках) */
    max-height: 85svh !important;  /* страховка, чтобы не уезжало за экран */
    padding: 0 !important;         /* перебиваем паддинги-рацио Dawn */
  }

  /* само медиа внутри — растягиваем по контейнеру */
  [id^="GalleryViewer-"] .media > img,
  [id^="GalleryViewer-"] .media > video,
  [id^="GalleryViewer-"] .media > model-viewer,
  [id^="GalleryViewer-"] .media > iframe {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;           /* без обрезания контента */
    display: block;
  }
}







@media (max-width: 749px){
  slider-component[id^="GalleryViewer-"] .slider-buttons {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}


/*
.ov-arrows{
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 20;
}

.ov-arrow{
  pointer-events: auto;
  position: absolute;
  top: 50%; transform: translateY(-50%);
  width: 36px; height: 36px;
  border: 0; border-radius: 9999px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 2px 10px rgba(0,0,0,.18);
  display: flex; align-items: center; justify-content: center;
  cursor: pointer;
  transition: opacity .15s, background .15s, transform .15s;
}
.ov-prev{ left: 10px; }
.ov-next{ right: 10px; }

.ov-prev::before{ content: '‹'; font-size: 18px; line-height: 1; }
.ov-next::before{ content: '›'; font-size: 18px; line-height: 1; }

.ov-arrow:active{ transform: translateY(-50%) scale(.96); }
.ov-arrow:disabled{ opacity: .35; pointer-events: none; }

@media (hover:hover) and (min-width:750px){
  .ov-arrows{ opacity: 0; transition: opacity .2s; }
  slider-component[id^="GalleryViewer-"]:hover .ov-arrows{ opacity: 1; }
}

@media (max-width:749px){
  .ov-arrows{ opacity: 1 !important; }
}
*/








@media (max-width: 749px) {
  /* общий слой поверх viewer */
  .ov-layer {
    position: absolute;
    inset: 0;
    pointer-events: none;   /* чтобы свайп по фото не блокировался */
    z-index: 1;
  }

  /* точки кликабельные */
  .ov-dots {
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
    pointer-events: auto;   /* сами кнопки кликаются */
  }
  .ov-dot {
    width: 11px;
    height: 11px;
    border-radius: 9999px;
    background: #fff;          /* внутри белая */
    border: 2px solid #000;    /* чёрная обводка */
    opacity: .96;
    padding: 0;
    cursor: pointer;
  }
  .ov-dot.is-active {
    background: #000;          /* активная — чёрная */
  }




/* ТОЛЬКО страница продукта */
.product__info-container .product__title,
.product__info-container .product__title h1,
.product__info-container h1.product__title,
.product__info-container .product__title a {
  font-size: 2.8rem !important;   /* подставь своё */
  line-height: 1.1 !important;   /* или 32px, если хочешь в px */
  margin-bottom: 10px !important;
  margin-top: 14px !important;
}
}

/* спрятать строку налогов/доставки на странице продукта */
.product__info-container .product__tax.caption.rte {
  display: none !important;
}









/* Плашка Sale → тёмно-красная, без скругления */
.product__info-container .price__badge-sale,
.product__info-container .badge.price__badge-sale {
  background-color: #333333 !important;
  border-radius: 0 !important;
  color: #fff !important;
  font-weight: 500;
  top: 2px;
  position: relative;
}





  /* Вся строка "Colour: Classic Black" / "Zipper Option: ..." — немного крупнее */
.product__info-container .name-option{
  font-size: 15px;        /* +10–15% к базовой, подгони 16–18px */
  line-height: 1.1;
  font-weight: 500;       /* базовый вес строки */

}

/* Метка (левая часть до двоеточия) — жирнее */
.product__info-container .name-option .opt-label{
  font-weight: 600;       /* можно 600, если нужен мягче */
}

/* Значение — обычный вес */
.product__info-container .name-option .opt-value{
  font-weight: 500;
}









/* Мини-строчка под заголовком товара */
.product-subtitle {
  margin: 0;                 /* чтобы не добавлять лишних отступов */
  margin-top: 0px;           /* расстояние от основного заголовка */
  margin-bottom: 20px;
  font-size: 16px;           /* маленький размер — подгони 13–16px */
  line-height: 1.2;
  color: #2A3034;            /* мягкий тёмно-серый */
  font-weight: 400;          /* чуть легче, чем заголовок */
  letter-spacing: 0.2px;
}

/* Адаптив: на больших экранах чуть побольше, на мобильных меньше */
@media (min-width: 1200px) {
  .product-subtitle { font-size: 17px; }
}
@media (max-width: 480px) {
  .product-subtitle { font-size: 15px; line-height: 1.1; }
}









/* 5) Если плагин всё ещё добавляет визуальную полосу — подтянем свотчи отрицательным margin'ом */
.product__info-container .globo-swatch-product-detail,
.product__info-container .globo-swatch-list {
  margin-top: -10px !important; 
}






/* Измени только эти два значения по необходимости: */
.product-form .product-form__submit.button--primary {
  font-size: 15px;        /* размер — поменяй на 14px / 18px и т.д. */
  font-weight: 600;       /* жирность — поменяй на 500 / 700 и т.д. */

  text-transform: uppercase;   /* всегда капсом */
  background: #4C8C54;        /* базовый цвет */
  color: #ffffff !important;  /* текст всегда белый */
  border-radius: 4px;         /* радиус */
  border-color: #4C8C54;
  padding: 14px 22px;   
  box-sizing: border-box;
  cursor: pointer;
  text-align: center;
  box-shadow: none !important;
  transition: background-color 0.3s ease, transform 0.08s ease;
}

/* hover / focus */
.product-form .product-form__submit.button--primary:hover,
.product-form .product-form__submit.button--primary:focus {
  background: #585858;
}




/* Удаляем только дефолтные эффекты Shopify у кнопки "Add to cart" — без изменения остальных стилей */
.product-form .product-form__submit.button--primary,
.product-form .product-form__submit.button--primary:hover,
.product-form .product-form__submit.button--primary:focus,
.product-form .product-form__submit.button--primary:active {
  border: none !important;           /* убирает серый бордюр */
  box-shadow: none !important;       /* убирает тень */
  outline: none !important;          /* убирает outline при фокусе */
  background-image: none !important; /* убирает возможные градиенты/наслоения */
  text-shadow: none !important;      /* убирает возможную тень текста */
  -webkit-appearance: none !important;
  appearance: none !important;
}

/* Убираем любые ::before / ::after, которые могут рисовать полосу/тень */
.product-form .product-form__submit.button--primary::before,
.product-form .product-form__submit.button--primary::after {
  content: none !important;
  display: none !important;
}







/* Точное уменьшение отступа под кнопкой */
.product__info-container .product-form.product-form,
product-form.product-form {
  margin-bottom: 10px !important;
}




.rev-under{
  text-decoration: underline;
  text-underline-offset: 2px;   /* чуть ниже линии, если нужно */
  text-decoration-thickness: 1.5px;
}


/* жёсткий мобайл-override — вставь в сниппет внутри <style> */
@media (max-width: 600px) {
  /* если в сниппете есть id на корне — используем его, он самый специфичный */
  #product-badge-{{ local_id }} {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;   /* на всякий случай */
    padding-bottom: 0 !important;
  }

 #variant-selects-template--15560873312336__main + div {
    margin-bottom: 10px !important;
  }
}


  .product-subtitle p {
    margin-bottom: 1.6 rem !important;
    margin-block-end: 1.6 rem !important;
  }


.price__container {
  margin-bottom: 20px !important;
}