/* БЛОК «ФОТО» (п.1160), поведение - photos.js рядом. Скобки - вид правила 22 свода 14 (белая «скобка» с тенью без кружка).
   Телефон (нет наведения или уже 768 px): зона скобки - треть ширины фото во всю высоту, скобка у края, видна всегда (Сергей 12.11: «да»).
   Скобка - в 14 px от края фото; место, где фото с полями (соседние кадры видны по краям), задаёт поле переменной --ymb-ph-inset (1160в).
   Компьютер - зоны и затемнение мест (правило 22: карточка 20 %, до 96 px; большая галерея 30 %, до 160 px) не трогаем.
   html body и тройной класс - сильнее правил мест с !important (страница объекта: html .ym-detail-v2 .catalog-item__img-mobile .ym-gallery-nav--prev). */
.ymb-ph-drag { touch-action: pan-y; }
.ymb-ph-stage { position: relative; overflow: hidden; }
.ymb-ph-track { position: absolute; inset: 0; display: flex; transform: translate3d(0, 0, 0); transition: transform .28s ease; will-change: transform; }
.ymb-ph-slide { flex: 0 0 100%; width: 100%; height: 100%; overflow: hidden; }
.ymb-ph-slide img { display: block; width: 100%; height: 100%; object-fit: cover; -webkit-user-drag: none; user-select: none; }
@media (hover: none), (max-width: 767px) {
    html body .ymb-ph-nav.ymb-ph-nav.ymb-ph-nav { position: absolute !important; top: 0 !important; bottom: 0 !important; width: 33.333% !important; min-width: 0 !important; max-width: none !important;
        height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important;
        box-shadow: none !important; transform: none !important; opacity: 1 !important; -webkit-tap-highlight-color: transparent; cursor: pointer; }
    html body .ymb-ph-nav.ymb-ph-nav.ymb-ph-nav--prev { left: 0 !important; right: auto !important; }
    html body .ymb-ph-nav.ymb-ph-nav.ymb-ph-nav--next { right: 0 !important; left: auto !important; }
    html body .ymb-ph-nav.ymb-ph-nav.ymb-ph-nav::after { display: none !important; }
    html body .ymb-ph-nav.ymb-ph-nav.ymb-ph-nav::before { content: "" !important; display: block !important; position: absolute !important; top: 50% !important; width: 11px !important; height: 11px !important;
        margin: 0 !important; border: solid #fff !important; border-width: 2.5px 2.5px 0 0 !important; border-radius: 0 !important; background: none !important; opacity: 1 !important;
        filter: drop-shadow(0 1px 2px rgba(7, 24, 63, .75)); }
    html body .ymb-ph-nav.ymb-ph-nav.ymb-ph-nav--prev::before { left: calc(var(--ymb-ph-inset, 0px) + 14px) !important; right: auto !important; transform: translate(0, -50%) rotate(-135deg) !important; }
    html body .ymb-ph-nav.ymb-ph-nav.ymb-ph-nav--next::before { right: calc(var(--ymb-ph-inset, 0px) + 14px) !important; left: auto !important; transform: translate(0, -50%) rotate(45deg) !important; }
}