.product-gallery__item--video{position:relative;overflow:hidden;aspect-ratio:1/1;background:#000}
.product-gallery__video-poster{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}
.product-gallery__item--video .product-gallery__play{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);border:none;cursor:pointer}
.product-gallery__item--video .product-gallery__play-icon{width:73px;height:73px;background-image:url(../images/play_button.svg);background-size:contain;background-repeat:no-repeat}
.product-media-modal--video .product-media-modal__content{width:80vw;max-width:1280px;height:80vh;max-height:720px;display:flex}
/* Поверх иконки виджета LiveTex (у неё z-index:2147483646!important) —
   берём максимум int32, выше уже не бывает */
.product-media-modal.product-media-modal--active{z-index:2147483647}
/* Явный z-index: iframe с видео (композитный слой плеера) на телефонах
   может отрисовываться поверх кнопки без собственного stacking context */
.product-media-modal__close{z-index:10}
.product-media-modal--video .product-media-modal__close{z-index:10}
.product-media-modal--video .product-media-modal__inner{width:100%;height:100%}
.product-media-modal__inner iframe{width:100%;height:100%;border:none;border-radius:26px}

.product-gallery__item[data-slide-index]:not(.product-gallery__item--video){cursor:zoom-in}

/* Единственное изображение — центрируем в двухколоночной сетке, ширину сохраняем как у одной колонки */
.product-gallery__grid > .product-gallery__item:only-child{grid-column:1 / -1;justify-self:center;width:calc(50% - 10px)}

/* === Попап фото: белый полноэкранный фон, чёрные кнопки, миниатюры внизу, hover-zoom === */

/* Стрелки prev/next (показываются только в режиме картинки) */
.product-media-modal__nav{display:none;position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:transparent;border:2px solid rgba(0,0,0,.55);cursor:pointer;z-index:4;align-items:center;justify-content:center;transition:border-color .15s ease}
.product-media-modal__nav:hover{background:transparent;border-color:rgba(0,0,0,.9)}
.product-media-modal__nav::before{content:'';width:12px;height:12px;border-top:2px solid rgba(0,0,0,.55);border-left:2px solid rgba(0,0,0,.55);display:block;transition:border-color .15s ease}
.product-media-modal__nav:hover::before{border-top-color:rgba(0,0,0,.9);border-left-color:rgba(0,0,0,.9)}
.product-media-modal__nav--prev{left:32px}
.product-media-modal__nav--next{right:32px}
.product-media-modal__nav--prev::before{transform:rotate(-45deg);margin-left:4px}
.product-media-modal__nav--next::before{transform:rotate(135deg);margin-right:4px}
.product-media-modal--image .product-media-modal__nav{display:flex}

/* Крестик в режиме картинки: чёрный, внутри окна справа сверху */
.product-media-modal--image .product-media-modal__close{top:24px;right:32px;width:48px;height:48px;border:2px solid rgba(0,0,0,.55);border-radius:50%;background:transparent;z-index:10;transition:border-color .15s ease}
.product-media-modal--image .product-media-modal__close:hover{background:transparent;border-color:rgba(0,0,0,.9)}
.product-media-modal--image .product-media-modal__close span{display:none}
.product-media-modal--image .product-media-modal__close::before,
.product-media-modal--image .product-media-modal__close::after{content:'';position:absolute;width:18px;height:2px;background:rgba(0,0,0,.55);top:50%;left:50%;transition:background .15s ease}
.product-media-modal--image .product-media-modal__close::before{transform:translate(-50%,-50%) rotate(45deg)}
.product-media-modal--image .product-media-modal__close::after{transform:translate(-50%,-50%) rotate(-45deg)}
.product-media-modal--image .product-media-modal__close:hover::before,
.product-media-modal--image .product-media-modal__close:hover::after{background:rgba(0,0,0,.9)}

/* Попап-режим: белый фон на весь экран, колонка: заголовок / слайдер / миниатюры */
.product-media-modal--image .product-media-modal__overlay{background:#fff}
/* 100% от fixed-родителя, а не 100vw/100vh: на телефоне 100vh считается без адресной
   строки браузера — контент выше экрана, крестик и миниатюры уезжают за границы */
.product-media-modal--image .product-media-modal__content{width:100%;height:100%;max-width:none;max-height:none;padding:0;display:flex;flex-direction:column}
.product-media-modal__title{display:none}
.product-media-modal--image .product-media-modal__title{display:block;flex:0 0 auto;padding:30px 96px 8px 40px;font-size:15px;line-height:140%;color:#2f3334}
.product-media-modal--image .product-media-modal__inner{flex:1 1 auto;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;padding:8px 96px}
.product-media-modal--image .product-gallery__slider{display:block!important;width:100%;height:100%;margin:0;position:relative}
.product-media-modal--image .product-gallery__slider .swiper{width:100%;height:100%;overflow:hidden}
.product-media-modal--image .product-gallery__slider .swiper-wrapper{height:100%;align-items:center}
.product-media-modal--image .product-gallery__slider .swiper-slide{width:100%!important;max-width:100%;height:100%!important;margin:0!important;border-radius:0;background:transparent;display:flex;align-items:center;justify-content:center;aspect-ratio:auto;flex-shrink:0}
/* overflow:hidden — увеличенная зумом картинка обрезается рамками слайда */
.product-media-modal--image .product-gallery__slider .product-gallery__item picture{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden}
.product-media-modal--image .product-gallery__slider .product-gallery__image{width:auto!important;height:auto!important;max-width:100%;max-height:100%;object-fit:contain;border-radius:0;cursor:zoom-in;transition:transform .2s ease;will-change:transform}
.product-media-modal--image .product-gallery__slider .product-gallery__item--video{position:relative;background:transparent;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:0}
.product-media-modal--image .product-gallery__slider .product-gallery__video-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
/* iframe пропорции 16:9 — над и под ним остаются чёрные поля,
   на которых работает свайп Swiper (iframe сам перехватывает тач-события) */
.product-media-modal--image .product-gallery__slider .product-gallery__item--video iframe{width:100%;max-width:100%;aspect-ratio:16/9;max-height:100%;border:0;display:block;background:#000;border-radius:12px}
/* Буллеты не нужны — вместо них миниатюры */
.product-media-modal--image .product-gallery__slider-pagination{display:none!important}

/* Миниатюры внизу: клик переключает слайд; при переполнении — горизонтальный скролл
   (центрирование через margin:auto на первом/последнем, а не justify-content — иначе
   при переполнении левые миниатюры недоступны) */
.product-media-modal__thumbs{display:none}
.product-media-modal--image .product-media-modal__thumbs{display:flex;flex:0 0 auto;gap:10px;padding:16px 24px 24px;overflow-x:auto}
.product-media-modal__thumb{position:relative;flex:0 0 auto;width:132px;height:100px;background:#f5f6f8;border:1px solid transparent;border-radius:6px;padding:6px;cursor:pointer;overflow:hidden;transition:border-color .15s ease}
.product-media-modal__thumb:first-child{margin-left:auto}
.product-media-modal__thumb:last-child{margin-right:auto}
.product-media-modal__thumb:hover{border-color:#c8cbcd}
.product-media-modal__thumb--active{border-color:#2f3334}
.product-media-modal__thumbs .product-media-modal__thumb img{width:100%;height:100%;object-fit:contain;border-radius:0;max-height:100%}
.product-media-modal__thumb--video{padding:0}
.product-media-modal__thumbs .product-media-modal__thumb--video img{object-fit:cover}
.product-media-modal__thumb--video::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.25)}
.product-media-modal__thumb--video::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;background:url(../images/play_button.svg) center/contain no-repeat}
.product-media-modal__thumb-badge{position:absolute;right:5px;bottom:5px;z-index:2;background:#fff;border:1px solid #d0d3d5;border-radius:4px;font-size:10px;line-height:1;padding:3px 5px;color:#2f3334}

/* Контейнер зума на ПК: 50% ширины экрана (слайд центрирует его флексом).
   Курсор выходит за picture → зум сбрасывается у края картинки, а не у края экрана.
   Без видимой рамки; по высоте остаётся как было */
@media (min-width:1101px){
    .product-media-modal--image .product-gallery__slider .product-gallery__item picture{width:50vw;max-width:100%;border:1px solid #eee;border-radius:10px}
}
@media (max-width:1100px){
    .product-media-modal--image .product-media-modal__close{top:12px;right:12px}
    .product-media-modal--image .product-media-modal__title{padding:16px 72px 4px 16px}
    .product-media-modal--image .product-media-modal__nav--prev{left:8px}
    .product-media-modal--image .product-media-modal__nav--next{right:8px}
    .product-media-modal--image .product-media-modal__inner{padding:8px 64px}
}
@media (max-width:600px){
    /* На мобиле — только свайп, без стрелок */
    .product-media-modal--image .product-media-modal__nav{display:none}
    .product-media-modal--image .product-media-modal__title{font-size:13px}
    .product-media-modal--image .product-media-modal__inner{padding:8px 16px}
    .product-media-modal--image .product-media-modal__thumbs{gap:8px;padding:12px 16px 16px}
    .product-media-modal__thumb{width:76px;height:58px;padding:3px}
    .product-media-modal__thumb--video::after{width:24px;height:24px}
    .product-media-modal__thumb-badge{font-size:9px;padding:2px 4px}
}

.product-tabs__description-header{font-size:20px;font-weight:700;margin:0 0 16px;line-height:130%;color:#2f3334}

.product-tabs__text h1{font-size:24px;font-weight:700;margin:24px 0 12px;line-height:130%}
.product-tabs__text h2{font-size:20px;font-weight:700;margin:20px 0 10px;line-height:130%}
.product-tabs__text h3{font-size:17px;font-weight:700;margin:16px 0 8px;line-height:140%}
.product-tabs__text h4{font-size:15px;font-weight:700;margin:14px 0 6px;line-height:140%}
.product-tabs__text p{margin:0 0 12px;line-height:150%}
.product-tabs__text ul,.product-tabs__text ol{margin:0 0 12px;padding-left:20px}
.product-tabs__text li{margin-bottom:6px;line-height:150%}
.product-tabs__text img{max-width:100%;height:auto;border-radius:8px;margin:12px 0}
.product-tabs__text a{color:#f81029;text-decoration:underline}
.product-tabs__text a:hover{text-decoration:none}
.product-tabs__text table{width:100%;border-collapse:collapse;margin:12px 0}
.product-tabs__text th,.product-tabs__text td{padding:8px 12px;border-bottom:1px solid #e5e5e5;text-align:left;font-size:14px}
.product-tabs__text th{font-weight:700}
.product-tabs__text blockquote{margin:12px 0;padding:12px 20px;border-left:3px solid #f81029;background:#f5f6f8;border-radius:0 8px 8px 0}
.product-tabs__text hr{border:none;border-top:1px solid #e5e5e5;margin:20px 0}
.product-tabs__text>:first-child{margin-top:0}
.product-tabs__text>:last-child{margin-bottom:0}
.breadcrumbs {display: block !important;}
.product-hero__heder-badges {
    flex-wrap: wrap;
    gap: 5px;
}
.product-hero__rating {
    align-items: flex-start;
    white-space: nowrap;
}
.product-hero__heder-badge {
    height: 22px;
}