/* =======================================================================
   Product page (single-product) — clean build
   Версія: 2025-09-19
   ======================================================================= */

/* ---------- Константи ---------- */
:root{
  --page-max: 1440px;
  --page-pad: 70px;
  --content-width: 1300px; /* 1440px - 140px (70px × 2) */
  --gap: 30px;
  --smc-green: #01A9A0;
  --text: #091311;
}

/* Глобально: запобігаємо горизонтальному скролу */
html, body { overflow-x: hidden; }

/* ---------- Контейнер сторінки ---------- */
/* Основний контейнер на сторінці товару */
body.single-product main > .smc-container {
  width: 100%;
  max-width: var(--page-max);
  margin: 0 auto;
  padding: 0 var(--page-pad);
  box-sizing: border-box;
}

/* На десктопі: точна ширина контенту 1300px без padding */
@media (min-width: 1025px) {
  body.single-product main > .smc-container {
    width: var(--content-width) !important;
    max-width: var(--content-width) !important;
    padding: 0 !important;
  }
}

/* Контейнер для продуктової секції */
body.single-product .smc-product .smc-container{
  box-sizing:border-box;
  width:100%;
  max-width:var(--page-max);
  margin:0 auto;
  padding-inline:var(--page-pad);
}

/* Забезпечуємо точну ширину контенту 1300px на десктопі */
@media (min-width: 1025px) {
  body.single-product .smc-product .smc-container {
    width: var(--content-width);
    max-width: var(--content-width);
    padding-inline: 0;
    margin: 0 auto;
  }
}

/* ---------- Breadcrumbs ---------- */
body.single-product .prod-bc{
  margin:16px 0 40px;
  padding:0;
  font:500 16px/20px Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--text);
}

/* Breadcrumbs: правильні відступи на всіх екранах */
body.single-product .prod-bc {
  width: 100%;
  max-width: var(--page-max);
  margin: 16px auto 40px auto;
  padding: 0 var(--page-pad);
  box-sizing: border-box;
}

/* На десктопі: точна ширина контенту 1300px без padding */
@media (min-width: 1025px) {
  body.single-product .prod-bc {
    width: var(--content-width) !important;
    max-width: var(--content-width) !important;
    margin: 16px auto 40px auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
}

/* Додатково перебиваємо можливі стилі з base.css для ol/ul списків */
body.single-product .prod-bc .bc__list,
body.single-product .prod-bc ol,
body.single-product .prod-bc ul {
  margin: 0 !important;
  padding: 0 !important;
}
body.single-product .prod-bc .bc__list{ font:inherit; color:inherit; }
body.single-product .prod-bc a{ color:var(--smc-green); text-decoration:none; }
body.single-product .prod-bc a:hover{ text-decoration:underline; }
/* ==== Breadcrumb colors fix v20250920i ==== */
/* Separators + last item green; clickable items (links) black */
body.single-product .prod-bc .bc__list li{ color:var(--smc-green); }
body.single-product .prod-bc .bc__list li a{
  color:#000;
  text-decoration:none;
}
body.single-product .prod-bc .bc__list li a:hover{ text-decoration:underline; }
/* Last (current) item forced green and inert */
body.single-product .prod-bc .bc__list li:last-child,
body.single-product .prod-bc .bc__list li:last-child a{
  color:var(--smc-green);
  pointer-events:none;
  cursor:default;
  text-decoration:none;
}

/* Ховаємо дубль-заголовок від теми */
body.single-product h1.entry-title:not(.smc-prod-title){ display:none !important; }

/* ---------- Герой-блок ---------- */
body.single-product .prod-head{ margin-bottom:48px; }
body.single-product .smc-prod-hero__grid{
  display:grid;
  grid-template-columns: 635px 1fr;
  gap: var(--gap);
  align-items:start;
}

/* ---------- Woo галерея (ліва колонка) ---------- */
/* Прибираємо woo width:48% і float */
body.single-product .woocommerce div.product div.images,
body.single-product .woocommerce-page div.product div.images{
  float:none !important;
  width:635px !important;
  margin:0 !important;
  clear:none !important;
}

/* Рівно 635×640, без рамок/фону/тіней */
body.single-product .smc-prod-media .woocommerce-product-gallery{
  width:635px !important;
  height:640px !important;
  padding:0 !important;
  margin:0 !important;
  background:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  position: relative !important;
  overflow: visible !important; /* нічого не ріже */
}

/* Усередині — без паддингів, строге центрування */
body.single-product .woocommerce-product-gallery__wrapper,
body.single-product .woocommerce-product-gallery__image{
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Лупа та прев’ю не показуємо */
body.single-product .woocommerce-product-gallery__trigger{ display:none !important; }
body.single-product .flex-control-nav,
body.single-product .woocommerce-product-gallery--columns-4 .flex-control-thumbs{
  display:none !important;
}

/* Посилання-обгортка зображення — якор для тіні */
body.single-product .woocommerce-product-gallery__image > a{
  position: relative !important;
  display: inline-block !important;
  line-height: 0 !important;
}

/* Картинка — максимум 462×466, без зсувів */
body.single-product .woocommerce-product-gallery__image img{
  width:auto !important;
  height:auto !important;
  max-width:462px !important;
  max-height:466px !important;
  object-fit:contain !important;
  display:block !important;
  margin:0 !important;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
  z-index:1;
}

/* Тінь ПІД картинкою (не під контейнером) */
body.single-product .woocommerce-product-gallery__image > a::after{
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -18px;            /* відстань тіні від низу зображення */
  width: 155px;
  height: 26px;
  pointer-events: none;
  z-index: 0;
  filter: blur(20px);
  background: radial-gradient(50% 50% at 50% 50%,
              rgba(0,0,0,0.22) 0%,
              rgba(0,0,0,0.12) 100%);
}
@supports not (filter: blur(20px)) {
  body.single-product .woocommerce-product-gallery__image > a::after{
    background: none;
    box-shadow: 0 18px 26px rgba(0,0,0,0.18);
    border-radius: 50% / 60%;
  }
}

/* ---------- Права колонка (контент) ---------- */
/* Скидаємо float/ширини Woo */
body.single-product .woocommerce div.product div.summary,
body.single-product .woocommerce-page div.product div.summary{
  float:none !important;
  width:auto !important;
  margin:0 !important;
}

body.single-product .prod-right{ display:flex; flex-direction:column; gap:24px; }
body.single-product .smc-prod-summary{ display:flex; flex-direction:column; gap:16px; }

body.single-product .smc-prod-brand,
body.single-product .smc-prod-brand a,
body.single-product .prod-brand,
body.single-product .prod-brand a{
  display:inline-block;
  margin:0 0 12px 0;
  color:var(--text);
  text-decoration:none;
  font:600 24px/100% Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

body.single-product .smc-prod-summary .smc-prod-title,
body.single-product .prod-summary .product_title{
  margin:0 0 16px 0;
  color:var(--text);
  text-transform:uppercase;
  font:600 48px/100% Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

body.single-product .smc-prod-summary .smc-prod-excerpt,
body.single-product .prod-summary .woocommerce-product-details__short-description{
  margin:0 0 24px 0;
  color:#8A8A8A;
  max-width:840px;
  font:500 16px/20px Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

/* Атрибути (“Назва: значення”) */
body.single-product .prod-meta{ margin-top:20px; }
body.single-product .prod-meta p{
  margin:8px 0;
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:6px;
}
body.single-product .prod-meta p strong{
  color:var(--text);
  font:500 20px/24px Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
body.single-product .prod-meta p strong::after{ content:":"; }
body.single-product .prod-meta p span{
  color:var(--text);
  font:500 16px/20px Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

/* Прибрати зайві Woo елементи */
body.single-product .prod-summary .price,
body.single-product .prod-summary .woocommerce-product-rating,
body.single-product .prod-summary .product_meta,
body.single-product .prod-summary form.cart,
body.single-product .smc-prod-summary .price,
body.single-product .smc-prod-summary .woocommerce-product-rating,
body.single-product .smc-prod-summary .product_meta,
body.single-product .smc-prod-summary form.cart{ display:none !important; }

/* ---------- Акордеони ---------- */
body.single-product .prod-acc{ margin-top:16px; }
body.single-product .smc-prod-hero__grid > .prod-acc{ grid-column:2; }

body.single-product .acc{ position:relative; margin:0; padding:0; background:transparent; border:0; }
body.single-product .acc:not(:last-child)::after{ content:""; display:block; height:1px; background:#F0F0F0; }
body.single-product .acc > summary{
  list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between;
  gap:16px; padding:16px 0; color:var(--text); font:600 24px/100% Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
body.single-product .acc > summary::-webkit-details-marker{ display:none; }
body.single-product .acc > summary::after{
  content:""; width:10px; height:6px; flex:0 0 10px;
  mask:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='black' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
  background:currentColor; transform:rotate(180deg); transition:transform .2s ease;
}
body.single-product .acc[open] > summary::after{ transform:rotate(0); }

/* Текст акордеона — лише колір/шрифт */
body.single-product .acc__body,
body.single-product .acc__body p,
body.single-product .acc__body li{
  padding:0 0 16px 0;
  color: rgba(138, 138, 138, 1);
  font-family: Montserrat, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0;
  text-align: left;
}
body.single-product .acc__body a{ color: rgba(138, 138, 138, 1); }

/* ---------- Схожі товари (Related) ---------- */
body.single-product .smc-related{ position:relative; margin:56px 0 24px; overflow-x:hidden; }
body.single-product .smc-related .smc-container{
  max-width:var(--page-max) !important;
  margin:0 auto !important;
  padding-inline:var(--page-pad) !important;
  box-sizing:border-box !important;
}

/* Схожі товари: точна ширина контенту 1300px на десктопі */
@media (min-width: 1025px) {
  body.single-product .smc-related .smc-container {
    width: var(--content-width) !important;
    max-width: var(--content-width) !important;
    padding-inline: 0 !important;
    margin: 0 auto !important;
  }
}
body.single-product .smc-related__title{
  margin:0 0 24px;
  color:var(--text);
  font:700 40px/100% Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

/* Карусель: керуємо відступами через CSS змінну + чистимо gap */
body.single-product .smc-related__slider{
  position:relative;
  overflow:visible;
  width:100% !important;
  --swiper-space-between: 32px;
}
@media (max-width:1200px){
  body.single-product .smc-related__slider{ --swiper-space-between: 24px; }
}
@media (max-width:768px){
  body.single-product .smc-related__slider{ --swiper-space-between: 16px; }
}
body.single-product .smc-related__slider .swiper-wrapper{ gap:0 !important; }
body.single-product .smc-related__slider .swiper-slide{
  flex:0 0 auto !important;
  width:auto !important;
  padding:0 !important;
}

/* Картка товару */
body.single-product .smc-card{
  display:flex; flex-direction:column; gap:16px;
  width:302px; height:auto; padding:0 0 16px 0; text-decoration:none; color:var(--text);
}
body.single-product .smc-card__frame{
  display:flex; align-items:center; justify-content:center;
  width:100%; height:340px; border-radius:20px; background:#EFF7F6; position:relative;
}
body.single-product .smc-card__frame img{ width:auto; height:auto; max-width:245px; max-height:261px; }
body.single-product .smc-card__title{ font:500 20px/24px Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; }
body.single-product .smc-card__meta{
  display:flex; align-items:baseline; justify-content:space-between; gap:12px;
  font:500 20px/24px Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
body.single-product .smc-card__brand{ color:var(--smc-green); min-width:0; flex:1 1 auto; }
body.single-product .smc-card__volume{ color:var(--text); white-space:nowrap; margin-left:auto; flex:0 0 auto; }
body.single-product .smc-related .smc-card__title,
body.single_product .smc-related .smc-card__title a{
  display:block; width:100%; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}

/* Стрілки каруселі під треком (праворуч) */
body.single-product .smc-rel-nav{
  position:static;
  width:100%;
  display:flex;
  justify-content:flex-end;
  gap:8px;
  margin-top:16px;
  text-align:right;
}
body.single-product .smc-arrow{
  width:40px; height:40px; padding:10px; display:inline-flex; align-items:center; justify-content:center;
  border-radius:200px; box-sizing:border-box; border:1px solid var(--smc-green);
  background:var(--smc-green); cursor:pointer; position:relative;
}
body.single-product .smc-arrow::before{
  content:""; width:16px; height:16px;
  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M9.5 12l5.5-5.5-1.4-1.4L6.7 12l6.9 6.9 1.4-1.4L9.5 12z' fill='black'/></svg>") center/contain no-repeat;
  background:#fff;
}
body.single-product .smc-rel-next::before{ transform:scaleX(-1); }
body.single-product .smc-arrow.is-disabled,
body.single-product .smc-arrow.is-locked{ background:transparent; border-color:var(--smc-green); }
body.single-product .smc-arrow.is-disabled::before,
body.single-product .smc-arrow.is-locked::before{ background:var(--smc-green); }

/* --- PL: Manufacture + Gallery styles removed (v20250920h) --- */

/* ---------- Адаптив (без pl-mg) ---------- */
@media (max-width:1024px){
  body.single-product .smc-product .smc-container{ padding-inline:30px; }
  body.single-product .smc-prod-hero__grid{ grid-template-columns:1fr; gap:28px; }
  body.single-product .smc-prod-media .woocommerce-product-gallery{ width:100% !important; height:auto !important; }
  body.single-product .woocommerce-product-gallery__image img{ max-width:420px !important; max-height:420px !important; }
}
@media (max-width:600px){
  body.single-product .prod-bc{ margin:16px 0 24px; }
  body.single-product .smc-prod-brand,
  body.single-product .prod-brand,
  body.single-product .smc-prod-brand a,
  body.single-product .prod-brand a{ font-size:20px; }
  body.single-product .smc-prod-summary .smc-prod-title,
  body.single-product .prod-summary .product_title{ font-size:32px; }
  body.single-product .woocommerce-product-gallery__image img{ max-width:360px !important; max-height:360px !important; }
}

/* ===== PL: Manufacture + Gallery (1300 x 556) ===== */
.pl-mg{padding:0;margin-top:140px; margin-bottom:140px}
.pl-mg__grid{
  width:var(--content-width);
  max-width:var(--content-width);
  margin:0 auto;
  display:grid;grid-template-columns:469px 30px 801px;align-items:start
}


/* Ліва колонка */
.pl-mg__title{
  margin:20px 0 0;
  color:#091311;
  font:700 40px/100% Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial
}
.pl-mg__lead{
  margin:24px 0 0;
  width:469px; /* фіксуємо по макету */
  color:#091311;
  font:500 16px/20px Montserrat
}
/* Кнопка */
.pl-btn.pl-mg__btn{
  display:inline-flex;align-items:center;justify-content:center;
  margin-top:108px;
  height:52px; /* фіксуємо геометрію */
  padding:14px 40px 16px 40px; /* як у референсі */
  border-radius:10px;background:#01A9A0;color:#fff;text-decoration:none;
  font:500 16px/20px Montserrat; /* 151×22 — це про блок тексту, а не кнопку */
}
.pl-btn.pl-mg__btn:hover{opacity:.92}

/* Права колонка: слайдер 801×500 */
.pl-mg__right{position:relative; margin-left: 30px}
.pl-mg__right .pl-swiper{
  position:relative;width:801px;height:500px;padding-bottom:56px; /* місце під стрілки */
}
.pl-mg__right .swiper-slide img{
  width:100%;height:100%;object-fit:cover;border-radius:20px;display:block
}

/* Навігація (96×40 всього: 40 + 16 проміжок + 40) */
.pl-mg .pl-swiper__nav{
  position:absolute;bottom:8px;
  width:40px;height:40px;border-radius:200px;border:1px solid #01A9A0;
  display:flex;align-items:center;justify-content:center;cursor:pointer;
  background:transparent;backdrop-filter:none;box-shadow:none
}
.pl-mg .pl-swiper__prev{left:0; color:#01A9A0;background:transparent}
.pl-mg .pl-swiper__next{left:56px; color:#fff;background:#01A9A0;backdrop-filter:blur(20px)}
/* Іконки через CSS mask */
.pl-mg .pl-swiper__nav::before{
  content:"";display:block;width:18px;height:18px;background:currentColor;
  mask-size:contain;mask-repeat:no-repeat;mask-position:center;
}
.pl-mg .pl-swiper__prev::before{
  mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="M15.4 19.4 8.9 12.9c-.3-.3-.3-.8 0-1.1l6.5-6.5 1.1 1.1-5.9 5.9 5.9 5.9-1.1 1.2Z"/></svg>')
}
.pl-mg .pl-swiper__next::before{
  mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="M8.6 4.6 15.1 11c.3.3.3.8 0 1.1l-6.5 6.5-1.1-1.1 5.9-5.9-5.9-5.9 1.1-1.2Z"/></svg>')
}

/* arrows to bottom-right */
.pl-mg .pl-swiper__nav{
  bottom: 8px;
  z-index: 2;
}

.pl-mg .pl-swiper__prev{
  left: auto;
  right: 56px; /* відступ між кнопками 16px: 40 + 16 = 56 */
}

.pl-mg .pl-swiper__next{
  left: auto;
  right: 0;
}


/* Адаптив — вільний, щоб не заважав десктопу; налаштуєш пізніше */
@media (max-width: 1024px){
  .pl-mg__grid{width:auto;grid-template-columns:1fr;gap:20px}
  .pl-mg__lead{width:auto}
  .pl-mg__right .pl-swiper{width:100%;height:auto}
  .pl-mg__right .swiper-slide img{height:auto}
}

/* ===== PL: Manufacture + Gallery — MOBILE ===== */
/* ===== PL: Manufacture + Gallery — MOBILE (clean) ===== */
@media (max-width: 430px){

  /* секція та грід */
  .pl-mg{ margin:80px 0; }
  .pl-mg__grid{ display:block; width:100%; }

  /* Ліва колонка */
  .pl-mg__left{ padding:0 20px; }
  .pl-mg__title{
    margin:0 0 12px;
    color:#091311;
    font:700 24px/100% Montserrat;
    text-align:left;
  }
  .pl-mg__lead{
    margin:0 0 16px;
    max-width:335px;
    color:#091311;
    font:500 16px/20px Montserrat;
    text-align:left;
  }
  .pl-btn.pl-mg__btn{
    display:flex; justify-content:center; align-items:center;
    width:335px;
    height:52px; margin:20px auto 0;
    padding:14px 40px 16px 40px;
    border-radius:10px; background:#01A9A0; color:#fff; text-decoration:none;
    font:500 16px/20px Montserrat;
    box-sizing: border-box;
  }

  /* Права колонка: прибираємо десктопні зсуви/розміри */
  .pl-mg__right{
    margin:20px 0 0;
    padding:0 20px;               /* 20px зліва/справа */
    box-sizing:border-box;
  }
  .pl-mg__right{ margin-left:0 !important; }  /* перекриває desktop margin-left */

  /* Контейнер слайдера по центру */
  .pl-mg .pl-swiper{
    width:100% !important;
    max-width:335px;              /* макетна ширина */
    margin:0 auto;                /* центр */
    padding-bottom:0 !important;  /* прибрати desktop-відступ під кнопки */
    position:relative;
  }

  /* Вікно слайдів 335×320 з радіусом */
  .pl-mg .pl-swiper .swiper-wrapper{ height:320px; }
  .pl-mg .pl-swiper .swiper-slide{ height:320px; }
  .pl-mg .pl-swiper .swiper-slide img{
    width:100%; height:100%;
    object-fit:cover; display:block; border-radius:20px;
  }

  /* КНОПКИ під картинкою, по центру (перекриваємо absolute з desktop) */
  .pl-mg .pl-swiper__nav{
    position:static !important;
    width:40px; height:40px;
    margin-top:16px;
    border-radius:200px;
    padding:10px; box-sizing:border-box;
    display:inline-flex; justify-content:center; align-items:center;
  }
  /* групуємо стрілки по центру */
  .pl-mg .pl-swiper__prev{ margin-right:20px; background:transparent; color:#01A9A0; border:1px solid #01A9A0; }
  .pl-mg .pl-swiper__next{ background:#01A9A0; color:#fff; border:1px solid #01A9A0; }

  /* невеликий контейнер для центрування двох кнопок */
  .pl-mg .pl-swiper__prev, 
  .pl-mg .pl-swiper__next{
    /* кнопки вже inline-flex; обгортки нема, тому центруємо через text-align */
  }
  .pl-mg .pl-swiper{ text-align:center; } /* центрує inline-кнопки під слайдом */
}

.post-navigation {display: none !important}

/* ==== Breadcrumbs: remove duplicate separators + mobile scroll v20250920n ==== */
/* 1. Якщо тема виводить окремі li.delimiter / li.separator — ховаємо їх */
body.single-product .prod-bc .bc__list li.delimiter,
body.single-product .prod-bc .bc__list li.separator{
  display:none !important;
}

/* 2. НЕ генеруємо нічого глобально, лише один раз через li + li::before (після ховання delimiter-li) */
body.single-product .prod-bc .bc__list li + li::before{
  content:"›";
  display:inline-block;
  margin:0 6px;
  color:var(--smc-green);
  font:inherit;
  line-height:1;
}

/* 3. Mobile: горизонтальна прокрутка (одна стрілка) */
@media (max-width:600px){
  body.single-product .prod-bc{ margin:17px 0 20px; }
  body.single-product .prod-bc .bc__list{
    display:flex;
    flex-wrap:nowrap;
    gap:0;
    overflow-x:auto;
    overflow-y:hidden;
    white-space:nowrap;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  body.single-product .prod-bc .bc__list::-webkit-scrollbar{ display:none; }
  body.single-product .prod-bc .bc__list li{
    display:inline-flex;
    align-items:center;
  }
  /* корекція відступу перед першим (не потрібен) */
  body.single-product .prod-bc .bc__list li:first-child::before{ content:none; }
  /* Кольори (посилання чорні, останній + стрілки зелені вже наслідуються) */
  body.single-product .prod-bc .bc__list li a{ color:#000; }
  body.single-product .prod-bc .bc__list li:last-child,
  body.single-product .prod-bc .bc__list li:last-child a{
    color:var(--smc-green);
    pointer-events:none;
    cursor:default;
  }
}

/* ==== Mobile product image centering v20250920p ==== */
@media (max-width:600px){
  /* Центруємо саму сітку і колонку медіа */
  body.single-product .smc-prod-hero__grid{
    justify-items:center;
  }
  body.single-product .woocommerce div.product div.images,
  body.single-product .woocommerce-page div.product div.images{
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
    padding:0 !important;
  }
  /* Контейнер галереї на всю ширину, внутрішнє вирівнювання по центру */
  body.single-product .smc-prod-media .woocommerce-product-gallery{
    width:100% !important;
    max-width:100% !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
  }
  body.single-product .woocommerce-product-gallery__wrapper,
  body.single-product .woocommerce-product-gallery__image{
    justify-content:center !important;
    text-align:center !important;
  }
  /* Якір та зображення строго по центру */
  body.single-product .woocommerce-product-gallery__image > a{
    margin:0 auto !important;
    display:inline-block !important;
  }
  body.single-product .woocommerce-product-gallery__image img{
    margin:0 auto !important;
    display:block !important;
  }
}

/* ==== Accordion arrow color green v20250920y ==== */
body.single-product .acc > summary::after{
  background: var(--smc-green, rgba(1,169,160,1)) !important;
}

/* ==== Mobile 20px symmetrical padding (force) v20250920t ==== */
@media (max-width:600px){
  /* 1. Базова змінна */
  body.single-product{ --page-pad:20px; }

  /* 2. Головний контейнер + related */
  body.single-product .smc-product .smc-container,
  body.single-product .smc-related .smc-container{
    padding-left:20px !important;
    padding-right:20px !important;
    box-sizing:border-box;
  }
  .smc-header__bar {
    box-sizing: content-box !important;
  }

  /* 3. Елементи поза контейнером (breadcrumbs, hero grid, accordions, pl-mg якщо з’явиться) */
  body.single-product .smc-prod-hero__grid,
  body.single-product .pl-mg{
    padding-left:20px !important;
    padding-right:20px !important;
    box-sizing:border-box;
  }
  nav[aria-label*="Bread"] ol {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
   body.single-product .prod-brand a {
    margin-bottom: 0 !important;
    text-decoration: none;
  font: 600 18px/100% Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
   }
body.single-product .prod-summary .product_title{
  margin: 0 !important;
  color: var(--text);
  text-transform: uppercase;
  font: 700 24px/100% Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
body.single-product .prod-meta{
  margin:0 !important;
}
 .prod-summary .woocommerce-product-details__short-description {
  margin:0 !important;
 }
  body.single-product .prod-acc {
  margin:0 !important;
 }
  /* 4. Усередині hero прибираємо дубль-падинги щоб не з’їсти ширину */
  body.single-product .woocommerce div.product div.images,
  body.single-product .woocommerce-page div.product div.images,
  body.single-product .smc-prod-media .woocommerce-product-gallery,
  body.single-product .prod-right{
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box;
  }

  /* 5. Захист від переповнення (якщо щось шириною >100%) */
  body.single-product .smc-prod-hero__grid,
  body.single-product .smc-related,
  body.single-product .prod-acc{
    max-width:100% !important;
  }
  body.single-product .woocommerce-product-gallery__image img{
    max-width:100% !important; /* запобігає виходу за правий край */
  }
}

/* ==== Mobile related carousel card redesign v20250920u ==== */
@media (max-width:600px){
  /* Card base */
  body.single-product .smc-related .smc-card{
    width:158px;
    height:298px;
    padding:0 0 8px 0;
    gap:16px;
    border-radius:20px;
    background:transparent;
  }
  /* Frame (image box) */
  body.single-product .smc-related .smc-card__frame{
    width:100%;
    height:161px;
    padding:0;
    border-radius:20px;
    background:rgba(239,247,246,1);
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
  }
  /* Shadow under image */
  body.single-product .smc-related .smc-card__frame::after{
    content:"";
    position:absolute;
    left:50%; bottom:10px;
    width:58px; height:8px;
    transform:translateX(-50%);
    filter:blur(20px);
    background:radial-gradient(50% 50% at 50% 50%, rgba(0,0,0,0.20) 0%, rgba(186,186,186,0.20) 100%);
    pointer-events:none;
  }
  /* Image */
  body.single-product .smc-related .smc-card__frame img{
    width:151px !important;
    height:161px !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:contain;
    display:block;
  }
  /* Title single line */
  body.single-product .smc-related .smc-card__title{
    margin:0;
    color:rgba(9,19,17,1);
    font:600 16px/100% Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    display:block;
    max-width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  /* Meta vertical stack: brand then volume */
  body.single-product .smc-related .smc-card__meta{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    gap:4px;
    margin:0;
    padding:0;
    font:inherit;
    background:transparent;
  }
  body.single-product .smc-related .smc-card__brand{
    color:rgba(1,169,160,1);
    font:600 16px/100% Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  body.single-product .smc-related .smc-card__volume{
    color:rgba(9,19,17,1);
    font:500 16px/20px Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  /* Slide spacing already 16 via Swiper; ensure no extra gap */
  body.single-product .smc-related__slider .swiper-wrapper{ gap:0 !important; }
  /* Arrows centered overlay */
  body.single-product .smc-related .smc-rel-nav{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:100px;
    height:40px;
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    margin:0;
    gap:0;
    z-index:5;
    pointer-events:none;
  }
  body.single-product .smc-related .smc-rel-nav .smc-arrow{
    pointer-events:auto;
    width:40px;
    height:40px;
  }
}

/* cache-bust: mobile-related-cards v20250920u */

/* cache-bust: mobile-padding-fix v20250920t */
/* ==== Mobile related: left-align card content + move arrows below v20250920v ==== */
@media (max-width:600px){
  /* Left alignment for all inner elements */
  body.single-product .smc-related .smc-card{
    align-items:flex-start !important;
    text-align:left !important;
  }
  body.single-product .smc-related .smc-card__title,
  body.single-product .smc-related .smc-card__brand,
  body.single-product .smc-related .smc-card__volume{
    text-align:left !important;
    width:100%;
  }
  /* Arrows block under carousel (centered) – top gap 16px */
  body.single-product .smc-related .smc-rel-nav{
    position:static !important;
    top:auto; left:auto;
    transform:none !important;
    width:100px;
    height:40px;
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    margin:16px auto 0; /* was 12px */
    gap:0;
    pointer-events:auto;
  }
  body.single-product .acc > summary{
  list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between;
  gap:16px; padding:16px 0; color:var(--text); font:600 18px/100% Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
  body.single-product .smc-related__title{
    color: var(--text);
  font: 700 24px/100% Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  }
  body.single-product .smc-related .smc-rel-nav .smc-arrow{
    position:static !important;
  }
}

/* ==== Mobile related: exact 16px gap above arrows v20250920w ==== */
@media (max-width:600px){
  /* Прибираємо всі внутрішні нижні відступи/маржини у треку та картках */
  body.single-product .smc-related__slider,
  body.single-product .smc-related__slider .swiper-wrapper,
  body.single-product .smc-related__slider .swiper-slide{
    padding-bottom:0 !important;
    margin-bottom:0 !important;
  }
  body.single-product .smc-related .smc-card{
    padding-bottom:0 !important;
    margin:0 !important;
  }
  body.single-product .smc-related .smc-card__meta,
  body.single-product .smc-related .smc-card__volume,
  body.single-product .smc-related .smc-card__brand,
  body.single_product .smc-related .smc-card__title{
    margin-bottom:0 !important;
  }
  /* Єдиний відступ між низом карток і стрілками = 16px (margin-top у блока стрілок) */
  body.single-product .smc-related .smc-rel-nav{
    margin:16px auto 0 !important;
  }
}

/* ==== Mobile related cards: frame 158x200, img 151x161, shadow, 8px vertical spacing v20250920x ==== */
@media (max-width:600px){
  /* Card overall */
  body.single-product .smc-related .smc-card{
    width:158px !important;
    height:298px !important;
    gap:0 !important;              /* керуємо відступами вручну */
    padding:0 0 8px 0 !important;
  }
  /* Frame (green background) */
  body.single-product .smc-related .smc-card__frame{
    width:158px !important;
    height:200px !important;
    border-radius:20px !important;
    background:rgba(239,247,246,1) !important;
    padding:0 !important;
  }
  /* Image inside */
  body.single-product .smc-related .smc-card__frame img{
    width:151px !important;
    height:161px !important;
    object-fit:contain !important;
    display:block !important;
  }
  /* Shadow under image (centered) */
  body.single-product .smc-related .smc-card__frame::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:16px;                    /* підкоригуй при потребі */
    transform:translateX(-50%);
    width:58px;
    height:8px;
    filter:blur(20px);
    background:radial-gradient(50% 50% at 50% 50%, rgba(0,0,0,0.20) 0%, rgba(186,186,186,0.20) 100%);
    pointer-events:none;
  }
  /* Typography spacing: 8px між блоками */
  body.single-product .smc-related .smc-card__title{
    margin:8px 0 8px !important;
    font:600 16px/100% Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif !important;
  }
  body.single-product .smc-related .smc-card__brand{
    margin:0 0 8px !important;
    font:600 16px/100% Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif !important;
  }
  body.single-product .smc-related .smc-card__volume{
    margin:0 !important;
    font:500 16px/20px Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif !important;
  }
}
/* cache-bust: mobile-related-cards-frame v20250920x */
/* ==== mobile-left-padding-hotfix v20251019 ==== */
@media (max-width:600px){
  /* 1) Зовнішній контейнер сторінки всередині <main> — без падингів */
  body.single-product main > .smc-container{
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box;
  }

  /* 2) Хлібні крихти — не даємо їм власний padding (візьмуть 20px від батька) */
  body.single-product .prod-bc{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  /* 3) Для надійності: будь-які .smc-container не в середині .smc-product — без падингів */
  body.single-product main > .smc-container > :not(.smc-product) .smc-container{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  /* 4) Єдиний мобільний відступ 20px задаємо тільки “контентним” секціям */
  body.single-product .smc-product .smc-container,
  body.single-product .smc-related .smc-container{
    padding-left:20px !important;
    padding-right:20px !important;
  }
}
/* ==== mobile-breadcrumbs-padding-fix v20251019b ==== */
@media (max-width:600px){
  /* 1) Зовнішній контейнер всередині <main> — без падингів */
  body.single-product main > .smc-container{
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box;
  }

  /* 2) Контентний контейнер сторінки товару (саме той, де живуть крихти) — рівно 20px */
  body.single-product div.smc-product > div.smc-container{
    padding-left:20px !important;
    padding-right:20px !important;
  }

  /* 3) Самі крихти НЕ мають власного внутрішнього падингу (щоб не вийшло 40px) */
  body.single-product div.smc-product > div.smc-container > nav.prod-bc{
    padding-left:20px !important;
    padding-right:20px !important;
    box-sizing:border-box;
  }
  .smc-related {
	padding-left:20px !important;
    padding-right:20px !important;
  }
}