/* Разделы страницы товара идут лентой друг за другом (решение владельца 15.09.2026:
   не вкладки, а «листаешь вниз»). Ряд кнопок с названиями разделов — отдельный узкий
   островок, который прилипает под шапкой; нажатие прокручивает к разделу, а какой раздел
   сейчас на экране — считает product-sections.js и подсвечивает его кнопку. */
/* Ширина — от родителя: на телефоне .product-details становится flex-колонкой без растяжения,
   и без width:100% лента брала бы ширину самого широкого содержимого (ряд кнопок, фото). */
.product-page-v2 .product-sections{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;width:100%;max-width:100%;min-width:0}
.product-page-v2 .product-section{min-width:0}
.product-page-v2 .product-section-nav{position:sticky;top:var(--section-nav-top,96px);z-index:5;margin:0;padding:10px;border-radius:12px;background:#fff;box-shadow:0 8px 30px rgba(45,34,38,.055)}
/* Сами кнопки прокручиваются по горизонтали во внутренней обёртке (на телефоне не помещаются в ряд). */
.product-page-v2 .product-section-nav-scroll{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none}
.product-page-v2 .product-section-nav-scroll::-webkit-scrollbar{display:none}
/* Козырёк цвета фона страницы над рядом кнопок: закрывает щель до шапки, чтобы содержимое не просвечивало. */
.product-page-v2 .product-section-nav::before{content:'';position:absolute;right:0;bottom:100%;left:0;height:var(--section-nav-gap,12px);background:#f4f5f7}
.product-page-v2 .product-section-nav button{flex:0 0 auto;min-width:0;min-height:44px;padding:10px 22px;border:1px solid #dedcdf;border-radius:8px;background:#fff;color:#312e31;font:800 13px Manrope,sans-serif;cursor:pointer}
.product-page-v2 .product-section-nav button:hover,.product-page-v2 .product-section-nav button.active{border-color:#cf0a2c;color:#cf0a2c}
.product-page-v2 .product-section-nav button.active{background:#fff4f6}
.product-page-v2 .product-section-nav button[hidden]{display:none!important}
/* Каждый раздел — свой островок с заголовком; отступ при прокрутке — под шапку и ряд кнопок. */
.product-page-v2 .product-section{scroll-margin-top:var(--section-offset,130px)}
.product-page-v2 .product-section>h2,.product-page-v2 .product-section .diagnostic-capabilities-head h2,.product-page-v2 .product-section #relatedProductsTitle,.product-page-v2 .product-section .additional-equipment-head h2{margin:0 0 18px;font-size:20px;font-weight:800;line-height:1.3;letter-spacing:-.3px}
.product-page-v2 .product-section .diagnostic-capabilities-head h2{margin-bottom:6px}
/* «Преимущества» (решение владельца 15.09.2026): одна карточка в ряд — квадратное фото и рядом
   заголовок с тезисами; карточки чередуют сторону фото: первая — фото слева, вторая — справа и т.д. */
.product-page-v2 .product-advantages{display:grid;grid-template-columns:minmax(0,1fr);gap:36px}
.product-page-v2 .product-advantage{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:36px;align-items:center;min-width:0;margin:0}
.product-page-v2 .product-advantage:nth-child(even){grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.product-page-v2 .product-advantage:nth-child(even) .product-advantage-photo{grid-column:2}
.product-page-v2 .product-advantage:nth-child(even) .product-advantage-body{grid-column:1;grid-row:1}
.product-page-v2 .product-advantage.no-photo{grid-template-columns:minmax(0,1fr)}
.product-page-v2 .product-advantage.no-photo .product-advantage-body{grid-column:auto;grid-row:auto}
.product-page-v2 .product-advantage-photo{display:block;width:100%;min-width:0;aspect-ratio:1/1;border-radius:14px;background:#f5f3f4;object-fit:cover}
.product-page-v2 .product-advantage-body{display:grid;gap:16px;min-width:0}
.product-page-v2 .product-advantage h3{margin:0;color:#171618;font-size:22px;font-weight:800;line-height:1.3;letter-spacing:-.3px}
.product-page-v2 .product-advantage ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.product-page-v2 .product-advantage li{position:relative;padding-left:20px;color:#4f4a4d;font-size:15px;line-height:1.6}
.product-page-v2 .product-advantage li::before{content:'';position:absolute;top:10px;left:0;width:7px;height:7px;border-radius:50%;background:#cf0a2c}
.product-page-v2 .product-advantage p{max-width:none;margin:0;color:#4f4a4d;font-size:15px;line-height:1.7}
/* «Комплектация» — свой раздел: список с красными галочками в три колонки. С фото (1.11.0) — плитки
   «маленькое квадратное фото + подпись» в те же колонки; позиция без фото получает заглушку с галочкой. */
.product-page-v2 .product-package-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 24px;margin:0;padding:0;list-style:none}
.product-page-v2 .product-package-list li{position:relative;padding-left:24px;color:#4f4a4d;font-size:14px;line-height:1.55}
.product-page-v2 .product-package-list li::before{content:'✓';position:absolute;top:0;left:0;color:#cf0a2c;font-weight:800}
.product-page-v2 .product-package-list.has-photos{gap:14px}
.product-page-v2 .product-package-list.has-photos li{display:grid;grid-template-columns:88px minmax(0,1fr);gap:14px;align-items:center;min-width:0;padding:10px;border:1px solid #ecebec;border-radius:14px;background:#fff}
.product-page-v2 .product-package-list.has-photos li::before{content:none}
.product-page-v2 .product-package-photo{display:block;width:88px;height:88px;border-radius:10px;background:#f5f3f4;object-fit:cover}
.product-page-v2 .product-package-photo-empty{display:grid;place-items:center}
.product-page-v2 .product-package-photo-empty::before{content:'✓';color:#cf0a2c;font-size:24px;font-weight:800}
.product-page-v2 .product-package-name{color:#171618;font-size:14px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}
@media(max-width:1100px){
  .product-page-v2 .product-package-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  html:has(.product-body),.product-body{overflow-x:clip}
  .product-body .unified-header{position:relative!important}
}
@media(max-width:768px){
  .product-page-v2 .product-sections{gap:14px}
  .product-page-v2 .product-section-nav{padding:8px;border-radius:12px}
  .product-page-v2 .product-section-nav-scroll{gap:8px}
  .product-page-v2 .product-section-nav button{min-height:40px;padding:9px 16px;font-size:12px}
  .product-page-v2 .product-section>h2{font-size:18px;margin-bottom:14px}
  /* На телефоне фото сверху, текст под ним, без чередования сторон. */
  .product-page-v2 .product-advantages{gap:28px}
  .product-page-v2 .product-advantage,.product-page-v2 .product-advantage:nth-child(even){grid-template-columns:minmax(0,1fr);gap:16px}
  .product-page-v2 .product-advantage:nth-child(even) .product-advantage-photo{grid-column:auto}
  .product-page-v2 .product-advantage:nth-child(even) .product-advantage-body{grid-column:auto;grid-row:auto}
  .product-page-v2 .product-advantage h3{font-size:18px}
  .product-page-v2 .product-advantage li,.product-page-v2 .product-advantage p{font-size:14px}
  .product-page-v2 .product-package-list{grid-template-columns:minmax(0,1fr)}
  .product-page-v2 .product-package-list.has-photos li{grid-template-columns:72px minmax(0,1fr);gap:12px;padding:8px}
  .product-page-v2 .product-package-photo{width:72px;height:72px}
}