/**
 * PATCH 4.1 — Single Product page
 *
 * Скоуп: body.kp-body.single-product
 *
 * Решает:
 *  1. Карточка товара шире .kp-container.
 *     Elementor/Woodmart site_width = 1400px против нашего .kp-container = 1240px.
 *  2. Хлебные крошки оверлап-ятся со sticky-nav (.kp-snav-wrap = 57px).
 */

/* ───── 1. ШИРИНА: Elementor-контейнеры на single-product → 1240px ───── */
body.kp-body.single-product .wd-content-area .e-con-boxed {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
}

/* ───── 2. ОТСТУП СВЕРХУ: компенсируем sticky-nav на свежезагруженной странице ───── */
body.kp-body.single-product .wd-content-area {
  padding-top: 32px;
}

/* ───── 3. SCROLL-MARGIN: при якорных переходах учитываем sticky-nav ───── */
body.kp-body.single-product .wd-content-area [id] {
  scroll-margin-top: 72px; /* 57px snav + 15px воздуха */
}

/* ───── 4. MOBILE (980px) ───── */
@media (max-width: 980px) {
  body.kp-body.single-product .wd-content-area {
    padding-top: 24px;
  }
}

/* ───── 5. MOBILE (760px) ───── */
@media (max-width: 760px) {
  body.kp-body.single-product .wd-content-area {
    padding-top: 20px;
  }
  body.kp-body.single-product .wd-content-area .e-con-boxed {
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* ───── 6. MOBILE (480px) ───── */
@media (max-width: 480px) {
  body.kp-body.single-product .wd-content-area .e-con-boxed {
    padding-left: 12px;
    padding-right: 12px;
  }
}