/* === BREADCRUMBS: правильні відступи на private-label сторінці === */
.pl-page .smc-breadcrumbs {
  max-width: 1440px;
  margin: 32px auto 70px;
  padding-left: 70px;
  padding-right: 70px;
  box-sizing: border-box;
}

/* Перебиваємо базові стилі margin з base.css для ol елемента */
.pl-page .smc-breadcrumbs ol {
  margin: 0 !important;
}

/* Мобільні стилі для хлібних крихт */
@media (max-width: 480px) {
  .pl-page .smc-breadcrumbs {
    padding-left: 20px !important;
    padding-right: 20px !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* === HERO: кадр 1300×700 + фон у межах кадру === */
.pl-hero{
  padding: 0;
}

/* Кадр секції — рівно 1300×700 */
.pl-hero .pl-container{
  width: 1300px;
  max-width: 1300px;
  height: 700px;
  min-height: 700px;
  margin: 0 auto;
  position: relative;
  border-radius: 20px;
  overflow: hidden;          /* обрізаємо фон і пляшку по кадру */
  z-index: 0;                /* базовий шар для псевдоелемента */
}

/* фон тепер належить контейнеру */
.pl-hero::before{ content:none; }   /* прибираємо старий full-width фон */

.pl-hero .pl-container::before{
  content: "";
  position: absolute;
  inset: 0;                               /* рівно 1300×700 */
  background-image: var(--pl-hero-bg);    /* задається інлайном у секції */
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 0;
}

/* відступи всередині кадру: зліва 56, зверху 56 */
.pl-hero__text{
  position: relative;
  z-index: 1;
  padding: 56px 0 0 56px;
}

/* Заголовок: 2 рядки (чорний + зелений), по 72px, UPPERCASE */
.pl-hero__title{
  margin: 0;
  font-family: Montserrat, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 700;
  font-size: 72px;
  line-height: 100%;
  letter-spacing: 0;
  text-transform: uppercase;
  text-align: left;
  white-space: normal;
}
.pl-hero__title-black{ color:#091311; }
.pl-hero__title-green{ color:#01A9A0; }

/* Лід: 32px, 500, відступ зверху від заголовку 240px, зліва ті ж 56px */
.pl-hero__lead{
  margin: 240px 0 0 56px;
  font-family: Montserrat, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 500;
  font-size: 32px;
  line-height: 100%;
  letter-spacing: 0;
  color:#091311;
}

/* Пляшка: 383×557, top:71, right:0 (від краю контейнера з padding) */
.pl-hero__media{
  position: absolute;
  top: 71px;
  right: 0;             /* від краю контент-зони (в межах padding) */
  width: 383px;
  height: 557px;
  z-index: 1;
  pointer-events: none;
}
.pl-hero__media img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Точні ширини текстових блоків на десктопі (щоб збігалися переноси) */
@media (min-width: 993px){

  .pl-hero__title-black,
  .pl-hero__title-green{
    display:block;         /* гарантуємо два рядки */
  }

  .pl-hero__lead{
    width: 620px;
    max-width: 620px;      /* оновлена ширина для 1300px контент-зони */
  }
}

/* мобільний (не впливає на десктопні виміри макета) */
@media (max-width: 992px){
  .pl-hero .pl-container{
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 0;
    padding-left: 20px;
    padding-right: 20px;
  }
  .pl-hero .pl-container::before{
    background-position: center top;
    background-size: cover;
  }
  .pl-hero__text{ padding: 32px 0 0; }
  .pl-hero__title{ font-size: 38px; width:auto; max-width:none; }
  .pl-hero__lead{ margin-top: 16px; margin-left: 0; font-size: 18px; width:auto; max-width:none; }
  .pl-hero__media{ position: static; width: 70%; height: auto; margin: 24px auto 0; }
}

@media (max-width: 480px){
  .pl-hero .pl-container{
    width: 335px;
    max-width: 335px;
    height: 600px;
    min-height: 600px;
    border-radius: 20px;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: min-content;
    position: relative;
    margin-left: 20px;
    margin-right: 20px;
  }

  .pl-hero .pl-container::before{
    z-index: 0;
    pointer-events: none;
  }

  .pl-hero__text{ display: contents; }

  /* Підіймаємо текст над фоном */
  .pl-hero__title,
  .pl-hero__lead{
    position: relative;
    z-index: 1;
  }

  /* решта ваших мобільних стилів (розміри/відступи) */
  .pl-hero__title{
    order: 1;
    margin: 40px 0 0;
    padding-left: 20px;
    max-width: 289px;
    font-size: 32px;
    font-weight: 600;
    line-height: 100%;
    text-transform: uppercase;
  }
  .pl-hero__title-black{ color:#091311; }
  .pl-hero__title-green{ color:#01A9A0; }

  .pl-hero__media{
    order: 2;
    position: relative;
    z-index: 1;
    width: 213px; height: 320px;
    margin: 0px auto 0;
	top:0;
  }

  .pl-hero__lead{
    order: 3;
    margin: 16px 0 0;
    margin-left:20px;
    max-width: 290px;
    font-size: 16px; line-height: 20px;
    font-weight: 500; color:#091311;
  }
}
/* =============== STEPS (7 КРОКІВ) ================== */
/* ===== фон на всю ширину, внутрішній кадр 1440×600 ===== */
.pl-steps{
  position: relative;
  padding: 0;
  margin-top: 140px;
  background: radial-gradient(71% 71% at 50% 50%,
              rgba(180,240,231,1) 0%,
              rgba(93,206,196,1) 57%,
              rgba(1,169,160,1) 100%);
}
.pl-steps .pl-container{
  position: relative;
  width: 1440px;
  max-width: 1440px;
  height: 600px;
  margin: 0 auto;
  padding: 0 70px;
  box-sizing: border-box;
  overflow: visible;
}

/* ===== Лівий блок ===== */
.pl-steps__left{
  position: absolute;
  top: 56px;
  width: 533px;
}
.pl-steps__title{
  width: 533px;
  height: 88px;
  margin: 0;
  color: #fff;
  font: 700 72px/100% Montserrat;
  text-transform: uppercase;
  text-align: left;
}
.pl-steps__subtitle{
  margin: 8px 0 0 0;
  color: #fff;
  font: 700 40px/100% Montserrat;
  text-align: left;
}

/* ===== Лівий опис ===== */
.pl-steps__intro{
  position: absolute;
  top:370px;              /* точна координата від верху секції */
  width: 505px;
  margin: 0;
  color: #091311;
  font: 500 32px/100% Montserrat;
}

/* ===== Пляшка (по центру блоку) ===== */
.pl-steps__media{
  position: absolute;
  left: 481px;
  top: 71px;
  width: 325px;
  height: 488px;
  z-index: 1;
  pointer-events: none;
}
.pl-steps__media img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

/* ===== Список кроків: точні координати ===== */
.pl-steps__list{
  position: absolute;
  width: 1300px;
  height: 600px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.pl-steps__list::before,
.pl-steps__list::after{ content: none; }

.pl-steps__list .pl-step{
  position: absolute;
  display: flex;
  align-items: center;
  gap: 14px;
  white-space: nowrap;
  height: 36.25px; /* висота кроку */
}
.pl-step__no{
  color: #fff;
  font: 700 32px/36.25px Montserrat;
}
.pl-step__label{
  color: #091311;
  font: 600 24px/36.25px Montserrat;
}

/* Абсолютні координати від ВЕРХУ секції (px) - адаптовано до контент-зони 1300px */
.pl-steps__list .pl-step:nth-child(1){ top:  56.00px; left:  739px; }
.pl-steps__list .pl-step:nth-child(2){ top: 124.78px; left:  798px; }
.pl-steps__list .pl-step:nth-child(3){ top: 206.58px; left:  893px; }
.pl-steps__list .pl-step:nth-child(4){ top: 275.37px; left:  939px; }
.pl-steps__list .pl-step:nth-child(5){ top: 357.17px; left:  893px; }
.pl-steps__list .pl-step:nth-child(6){ top: 425.95px; left:  798px; }
.pl-steps__list .pl-step:nth-child(7){ top: 507.75px; left:  739px; }

/* ===== Адаптив < 992px (узагальнений) ===== */
@media (max-width: 992px){
  .pl-steps .pl-container{ width:auto; height:auto; padding:32px 20px 40px; }
  .pl-steps__left{ position:static; width:auto; }
  .pl-steps__title{ font-size:40px; height:auto; }
  .pl-steps__subtitle{ font-size:22px; }
  .pl-steps__intro{ position:static; width:auto; font-size:16px; margin-top:16px; }
  .pl-steps__media{ position:static; width:220px; height:auto; margin:16px 0; }
  .pl-steps__list{ position:static; width:auto; height:auto; }
  .pl-steps__list .pl-step{ position:static; height:auto; }
  .pl-step__no, .pl-step__label{ line-height:normal; }
}

/* ===== MOBILE — 375 × 800 ===== */
@media (max-width: 430px){
  /* керуємо кадром усередині */
  .pl-steps{
    padding: 0;
    margin-top: 80px;
    background: none; /* градієнт всередині контейнера */
  }
  .pl-steps .pl-container{
    position: relative;
    width: 375px;
    max-width: 375px;
    height: 800px;
    margin: 0 auto;
    padding: 0;
    border-radius: 20px;
    overflow: hidden;
    background: radial-gradient(71% 71% at 50% 50%,
                rgba(180,240,231,1) 0%,
                rgba(93,206,196,1) 57%,
                rgba(1,169,160,1) 100%);
  }

  /* заголовок */
  .pl-steps__left{ position:absolute; left:20px; top:40px; width:auto; }
  .pl-steps__title{
    margin:0;
    color:#fff;
    font:600 32px/100% Montserrat;
    text-transform:uppercase;
  }
  .pl-steps__subtitle{
    margin-top:8px;
    color:#fff;
    font:600 20px/100% Montserrat;
  }

  /* пляшка — центр, 213×320, зверху 132 */
  .pl-steps__media{
    position:absolute;
    top:132px;
    left:50%;
    transform:translateX(-50%);
    width:213px;
    height:320px;
    margin:0;
  }
  .pl-steps__media img{ width:100%; height:100%; object-fit:contain; display:block; }

  /* список кроків: зверху 466, зліва 20, колонка */
  .pl-steps__list{
    position:absolute;
    top:466px;
    left:20px;
    width:336px;
    height:202px;
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
  }
  .pl-steps__list .pl-step{
    position:static !important;
    height:28px;                /* ≈ 202 / 7 */
    display:flex;
    align-items:center;
    gap:10px;
    white-space:nowrap;
  }
  .pl-step__no{ color:#fff; font:700 18px/1 Montserrat; }
  .pl-step__label{ color:#091311; font:600 16px/1 Montserrat; }

  /* лівий опис під списком (466 + 202 + 26 = 694) */
  .pl-steps__intro{
    display:block !important;
    position:absolute;
    top:650px;
    width:336px;
    min-height:66px;
    height:auto;
    margin:0;
    line-height:20px;
    white-space:normal;
    color:#091311;
    font:500 18px/20px Montserrat;
    z-index:10;
  }
}
/* MOBILE: фон на всю ширину екрана */
@media (max-width: 430px){
  /* тягнемо зелений градієнт на всю ширину секції */
  .pl-steps{
    background: radial-gradient(71% 71% at 50% 50%,
                rgba(180,240,231,1) 0%,
                rgba(93,206,196,1) 57%,
                rgba(1,169,160,1) 100%) !important;
  }

  /* сам внутрішній кадр залишається 375×800 без власного фону */
  .pl-steps .pl-container{
    background: transparent !important;   /* або none */
    /* border-radius можна залишити, на тлі він не помітний */
  }
}

/* ===================== TERMS / ТЕРМІНИ ВИКОНАННЯ ===================== */
/* ===================== TERMS / ТЕРМІНИ ВИКОНАННЯ ===================== */
/* Контейнер 1440px з padding 70px = контент 1300px. Сітка: 469 | 30 | 801. Список рівняється по TOP до заголовку */
.pl-terms{ padding:0; margin-top:140px; }

.pl-terms > .pl-container{
  width:1440px;
  max-width:1440px;
  margin:0 auto;
  padding-left: 70px;
  padding-right: 70px;
  box-sizing: border-box;

  display:grid;
  grid-template-columns: 469px 30px 801px;   /* ліво | проміжок | право */
  grid-template-rows: auto auto auto;        /* title, lead, image */
  grid-template-areas:
    "title gap list"
    "lead  gap list"
    "image gap list";
  align-items:start;
  gap:0;                                     /* важливо: не має бути глобального gap */
}

/* даємо дітям “проживати” у тій самій грід-сітці */
.pl-terms__grid{ display:contents; }

/* ---- Ліва колонка --------------------------------------------------- */
.pl-terms .pl-h2{
  grid-area:title;
  margin:20px 0 0;                           /* TOP 20, bottom = 0 */
  color:#091311;
  font:700 40px/1 Montserrat;
}

.pl-terms__subtitle,
.pl-terms__lead{
  grid-area:lead;
  margin:24px 0 0;                           /* 24 під заголовком, bottom = 0 */
  color:#8A8A8A;
  font:500 16px/20px Montserrat;
}

/* Зображення зліва: 181px від підзаголовку */
.pl-terms__media{
  grid-area:image;
  margin-top:160px;
  width:469px;
  height:400px;
  border-radius:20px;
  overflow:hidden;
}
.pl-terms__media img{
  width:100%; height:100%;
  object-fit:cover; display:block;
}

/* ---- Праворуч: список етапів --------------------------------------- */
/* Стартує рівно там, де і заголовок (TOP = 20px) */
.pl-terms__list{
  grid-area:list;
  margin-top:20px;
  width:801px;
  list-style:none;
  padding:0;
}

/* 30 до divider і 30 після => 60 між пунктами */
.pl-term{
  display:grid;
  grid-template-columns: 1fr auto;           /* текст | бейдж */
  align-items:center;
  padding:30px 0;
}
.pl-term:first-child{ padding-top:0; }

/* Divider між пунктами списку */
.pl-term + .pl-term{
  border-top:1px solid #F0F0F0;              /* var(--Grey) */
}

/* Текст етапу */
.pl-term__item{
  color:#091311;                             /* var(--Black) */
  font:600 24px/1 Montserrat;
}

/* Бейдж однакового розміру в усіх пунктах */
.pl-term__badge{
  display:flex;
  align-items:center;
  justify-content:center;
  width:182px;
  height:45px;
  padding:8px 16px;
  border-radius:10px;
  background:#EFF7F6;                        /* var(--Light Green) */
  color:#01A9A0;                             /* var(--Green) */
  font:600 24px/1 Montserrat;
  white-space:nowrap;
}

/* ----------------------- Responsive --------------------------------- */
@media (max-width:1024px){
  .pl-terms > .pl-container{
    width:auto;
    grid-template-columns:1fr;
    grid-template-rows:auto auto auto auto;
    grid-template-areas:
      "title"
      "lead"
      "image"
      "list";
  }
  .pl-terms__list{
    width:auto;
    margin-top:24px;
  }
  .pl-terms__media{
    width:100%;
    max-width:469px;
    height:auto;
    margin:24px 0 0;
  }
}

/* ===== TERMS — Mobile (≤430px) ===== */
@media (max-width: 430px){
  .pl-terms {margin-top:80px;}
  /* Одноколонкова сітка: Заголовок → підзаголовок → список → зображення */
  .pl-terms > .pl-container{
    width: 335px;
    max-width: 335px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto;
    grid-template-areas:
      "title"
      "lead"
      "list"
      "image";
    align-items: start;
    gap: 0;
  }

  /* Заголовок */
  .pl-terms .pl-h2{
    grid-area: title;
    margin: 20px 0 0;
    color: #091311;
    font: 700 24px/100% Montserrat;
    letter-spacing: 0;
    text-align: left;
  }

  /* Підзаголовок / лід */
  .pl-terms__subtitle,
  .pl-terms__lead{
    grid-area: lead;
    margin: 24px 0 0;
    color: #8A8A8A;
    font: 500 16px/20px Montserrat;
    letter-spacing: 0;
    text-align: left;
  }

  /* Список (334×488) */
  .pl-terms__list{
    grid-area: list;
    margin-top: 16px;
    width: 334px;
    /* min-height: 488px;*/  /* формальна висота фрейма з макета */
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  /* Пункт списку: текст + бейдж */
  .pl-term{
    width: 100%;
    padding: 16px 0;                 /* компактніше на мобільному */
    display: grid;
    grid-template-columns: 1fr auto; /* етап | строк */
    align-items: center;
  }
  .pl-term + .pl-term{ border-top: 1px solid #F0F0F0; }

  /* Етап (текст) */
  .pl-term__item{
    color: #091311;
    font: 600 16px/100% Montserrat;
    letter-spacing: 0;
    text-align: left;
    margin-right: 12px;
  }

  /* Строк (бейдж) — 108×30, центрування контенту */
  .pl-term__badge{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 108px;
    height: 30px;
    padding: 4px 16px 6px 16px;
    border-radius: 10px;
    background: #EFF7F6;           /* var(--Light Green) */
    color: #01A9A0;                 /* var(--Green) */
    font: 600 16px/100% Montserrat;
    white-space: nowrap;
  }

  /* Зображення знизу (334×300, радіус 20) */
  .pl-terms__media{
    grid-area: image;
    width: 334px;
    height: 300px;
    margin: 16px 0 0;
    border-radius: 20px;
    overflow: hidden;
  }
  .pl-terms__media img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
}

/* Контейнер сторінки — вже є у вас */
.pl-container { max-width: 1320px; margin: 0 auto; }

/* ===== PL: Manufacture + Gallery (1300 x 556) ===== */
.pl-mg{padding:0;margin-top:140px; margin-bottom:140px}
.pl-mg .pl-container{
  width:1440px;
  max-width:1440px;
  margin:0 auto;
  padding: 0 70px;
  box-sizing: border-box;
}
.pl-mg__grid{
  display:grid;grid-template-columns:469px 30px 731px;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}

/* Права колонка: слайдер 731×500 */
.pl-mg__right{position:relative; margin-left: 30px}
.pl-mg__right .pl-swiper{
  position:relative;width:731px;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;
  }

  /* Права колонка: прибираємо десктопні зсуви/розміри */
  .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-кнопки під слайдом */
}

/* КРИТИЧНО ВАЖЛИВО: мобільні відступи 20px для всіх секцій на private-label сторінці */
@media (max-width: 480px) {
  /* Хлібні крихти */
  .pl-page .smc-breadcrumbs {
    padding-left: 20px !important;
    padding-right: 20px !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  
  /* Hero секція */
  .pl-page .pl-hero .pl-container {
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: auto !important;
    max-width: none !important;
  }
  
  /* Steps секція */
  .pl-page .pl-steps .pl-container {
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: auto !important;
    max-width: none !important;
  }
  
  /* Terms секція */
  .pl-page .pl-terms > .pl-container {
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: auto !important;
    max-width: none !important;
  }
  
  /* Manufacture + Gallery секція */
  .pl-page .pl-mg .pl-container {
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: auto !important;
    max-width: none !important;
  }
  
  /* Внутрішні елементи що можуть мати власні відступи */
  .pl-page .pl-mg__left,
  .pl-page .pl-mg__right {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  /* Всі секції загалом */
  .pl-page main section {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}