.menu__banner > div {display:flex;flex-direction:column;justify-content:center;height:100%;padding: 15px;text-align:center;background:#f7f7f7;border-radius:4px}
.menu__banner div img {margin:15px 0;padding:15px}
.menu__banner span {color:#f44336;font-size:1.5em;font-weight:500}
.menu__banner span:last-of-type{font-size:1.3em}

.news-page__description h3.heading{font-weight:700}
.news-page__description .heading:before{padding:0 5px 0 0;content:'#';color:#f00}
.news-page__image-39, .news-page__image-40, .news-page__image-41, .news-page__image-41{display:none}

/* === Схема A «Графит и пламя» (2026-10-25) === */
footer.footer{border-top:3px solid #f0641a}
.product-thumb__price, .product-page__price{font-variant-numeric:tabular-nums}
.header-block, header.fixed .header-block{padding:10px 0}
.rb-gallery-img-outer{border-radius:var(--border-radius-1)}
.carousel.owl-carousel{border:0}
/* HTML-модуль только с заголовком (без текста) — без пустой плашки */
.html-module:not(:has(*)){display:none}
/* === /Схема A */

/* === Jivo и плавающие кнопки (2026-10-25) === */
/* снизу вверх: Jivo, контакты, «наверх» */
.fly-block{display:flex;flex-direction:column-reverse;gap:12px;transition:bottom linear .15s}
.fly-block__item{margin:0 !important}
.fly-block__contacts{z-index:1}
/* ярлык Jivo на компьютере: высота 40px у нижнего края */
body:has(#jvLabelWrap) .fly-block{bottom:55px}
/* круглая кнопка Jivo на телефоне: 62px, отступ 20px; поднять над нижним меню */
.__jivoMobileButton{transition:bottom linear .15s}
@media (max-width:992px){
	body:has(.fly-block.mobile-menu-bottom) .__jivoMobileButton{bottom:68px !important}
	body:has(.fly-block.mobile-menu-bottom-2) .__jivoMobileButton{bottom:118px !important}
	body:has(.__jivoMobileButton) .fly-block.mobile-menu-bottom{right:31px;bottom:162px}
	body:has(.__jivoMobileButton) .fly-block.mobile-menu-bottom-2{bottom:212px}
	body:has(.fly-block.mobile-menu-bottom) #jvLabelWrap{bottom:73px !important}
	body:has(.fly-block.mobile-menu-bottom-2) #jvLabelWrap{bottom:123px !important}
	body:has(#jvLabelWrap) .fly-block.mobile-menu-bottom{bottom:125px}
	body:has(#jvLabelWrap) .fly-block.mobile-menu-bottom-2{bottom:175px}
}
/* === /Jivo === */

/* === Галерея монтажей на главной (разбор главной, пункт 2, 2026-10-26) === */
.rb-gallery > h2{margin:0 0 6px;font-size:1.3em;font-weight:700;color:var(--heading-c)}
.rb-gallery-description{margin:0 0 15px;color:var(--body-c)}
.rb-gallery-description a{font-weight:500;white-space:nowrap}
/* плитки преимуществ на телефоне — сеткой 2×2, иконка над текстом */
@media (max-width:767px){.home-banner{flex-wrap:wrap;margin:5px -5px 10px}.home-banner > div{width:50% !important;padding:0 5px}.home-banner__item{flex-direction:column;align-items:flex-start;margin:0 0 10px;padding:14px}.home-banner__icon{min-width:0;margin:0 0 10px;font-size:2em}.home-banner__text{height:auto;padding:0}.home-banner__text-1{font-size:.95em}.home-banner__text-2{font-size:.85em;line-height:1.35}}
/* === /Галерея монтажей */

/* === Доступность (разбор главной, пункт 3, 2026-10-26) === */
/* видимый фокус с клавиатуры: шаблон глушит outline у всех ссылок и кнопок */
a:focus-visible, button:focus-visible, .btn:focus-visible, [tabindex]:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible{outline:2px solid #24272c !important;outline-offset:2px}
.menu a:focus-visible, .menu button:focus-visible, footer a:focus-visible, footer button:focus-visible, .home-cta a:focus-visible{outline-color:#fff !important}
/* стикеры без полупрозрачности (шаблон даёт .85 — контраст падает); подпись «Корзина» в шапке не мельче 11px */
.sticker__item{opacity:1}
.header-block__item-caption{font-size:11px}
/* серый текст не светлее #686b71 (5,3:1) */
.product-thumb__description, .product-thumb__description.attribute{color:#686b71}
/* зоны нажатия на телефоне */
@media (max-width:767px){
	.owl-carousel .owl-dots .owl-dot{height:24px;padding:10px 0;background-clip:content-box}
	.category-wall__title > a{display:block;padding:10px 0}
	.product-thumb__cart-btns button{width:36px;height:36px}
	.product-thumb__add-to-cart{height:40px}
	.qty-switch__input{height:40px}
	.qty-switch__btn.fa{height:20px}
	.footer__column-li{margin:0}
	.footer__column-li a{display:inline-block;padding:6px 0}
	.fly-menu__caption{font-size:11px}
}
/* === /Доступность */

/* === SEO-текст на главной (2026-10-27): во всю ширину, по ширине, с отступом первой строки; остальное под «Читать полностью» === */
.seo-text p{margin:0 0 10px;line-height:1.6;text-align:justify;text-indent:1.5em}
.seo-text__more > summary{display:inline-block;margin:0 0 10px;font-weight:500;color:var(--a-c-hover);cursor:pointer;list-style:none}
.seo-text__more > summary::-webkit-details-marker{display:none}
.seo-text__more > summary::after{content:' ↓'}
.seo-text__more[open] > summary{font-size:0}
.seo-text__more[open] > summary::before{content:'Свернуть';font-size:14px}
.seo-text__more[open] > summary::after{content:' ↑';font-size:14px}
.seo-text__more > summary:hover{color:var(--heading-c)}
/* === /SEO-текст */

/* === Плашка в товаре (разбор товара, пункт 1, 2026-10-27): звонок и монтаж под кнопкой покупки — «Текстовый блок в товаре» === */
.product-page__textblock-inner:has(> .product-cta){padding:0;background:none}
.product-cta{padding:18px 20px;color:#c9ccd1;background:var(--menu-right-bg);border-radius:var(--border-radius-1)}
.product-cta__title{margin:0 0 4px;font-size:1.15em;font-weight:700;line-height:1.3;color:#fff}
.product-cta__text{max-width:60ch;margin:0 0 14px;line-height:1.45}
.product-cta__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
.product-cta__btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 18px;font-weight:500;color:var(--btn-primary-c);background:var(--btn-primary-bg);border-radius:var(--border-radius-1);transition:color linear .2s,background linear .2s}
.product-cta__btn:hover,.product-cta__btn:focus{color:var(--btn-primary-c-hover);background:var(--btn-primary-bg-hover);text-decoration:none}
.product-cta__phone{font-size:1.15em;font-weight:700;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums}
.product-cta__phone:hover,.product-cta__phone:focus{color:var(--menu-right-level-1-c-hover);text-decoration:none}
.product-cta__links{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255 255 255 / .12)}
.product-cta__links a{color:#fff;text-decoration:underline dotted;text-underline-offset:3px}
.product-cta__links a:hover,.product-cta__links a:focus{color:var(--menu-right-level-1-c-hover)}
.product-cta a:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media (max-width:767px){.product-cta{padding:16px}.product-cta__btn{flex:1 1 100%;justify-content:center;height:44px}.product-cta__phone{flex:1 1 100%;text-align:center}.product-cta__links a{display:inline-flex;align-items:center;min-height:32px}}
/* === /Плашка в товаре */
/* === Плашка в оформлении заказа (разбор корзины, пункт 1, 2026-10-28): HTML-модуль 64 с той же .product-cta === */
.html-module:has(> .product-cta){padding:0;background:none}
/* === /Плашка в оформлении заказа */
/* === Поля оформления заказа (разбор корзины, пункт 3, 2026-10-28): подсказки — единственные подписи полей, поэтому не светлее #686b71; 16px на телефоне — iOS не увеличивает страницу при вводе === */
#unicheckout .form-control::placeholder,#input-voucher::placeholder{color:#686b71;opacity:1}
@media (max-width:767px){#unicheckout .form-control{font-size:16px}#input-voucher{font-size:16px!important}} /* у сертификата в шаблоне .8em !important */
/* === /Поля оформления заказа */
/* === Плитки в товаре (разбор товара, пункт 2, 2026-10-28): факты со ссылками, вторая строка мелкая, слова не ломаются === */
.product-banner__text{overflow-wrap:normal;word-wrap:normal;hyphens:manual}
.product-banner__text-span small{display:inline-block;width:100%;margin-top:3px;font-size:.88em;font-weight:400;line-height:1.35;color:var(--product-banner-text);text-decoration:none}
/* === /Плитки в товаре */
/* === Наличие и подписи в товаре (разбор товара, пункт 4, 2026-10-28): наличие не показываем; подписи не светлее #686b71 === */
/* в быстром заказе строки атрибутов тоже .stock — скрываем только первую */
.product-data__item.stock:not(.product-data__item.stock ~ .product-data__item.stock){display:none}
.product-data__item-div{color:#686b71}
/* === /Наличие и подписи в товаре */
/* === Товар на телефоне (разбор товара, пункт 5, 2026-10-28) === */
@media (max-width:767px){
	/* вкладки: 4 штуки помещаются в 390px, высота 40px, полоса прокрутки скрыта (листать вбок по-прежнему можно) */
	.product-page-tabs{gap:0 8px;scrollbar-width:none}
	.product-page-tabs::-webkit-scrollbar{display:none}
	.product-page-tabs > li{padding:0 !important}
	.product-page-tabs > li > a{display:flex;align-items:center;min-height:40px;font-size:.95em}
	.product-page__wishlist-compare .btn{height:36px}
	.product-page .qty-switch__btn.fa{width:32px}
}
/* === /Товар на телефоне */

/* zzz: бесплатная доставка временно недоступна. Удалить этот блок — зачёркивание пропадёт */
.zzz-free-ship, .zzz-free-ship * {text-decoration:line-through !important;opacity:.6}

/* === Анимации (разбор анимаций главной, 2026-10-28; планы plans/001–010) === */
:root{--zzz-ease-out:cubic-bezier(0.23,1,0.32,1);--zzz-ease-in-out:cubic-bezier(0.77,0,0.175,1);--zzz-ease-drawer:cubic-bezier(0.32,0.72,0,1)}
/* 001: всплывающие окна — 250 мс из 0.96 вместо 1 с из 0.3 */
.modal.animated.zoomIn{animation:zzz-modal-in 250ms var(--zzz-ease-out) both}
.modal.animated.zoomOut{animation:zzz-modal-out 150ms ease-out both}
@keyframes zzz-modal-in{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
@keyframes zzz-modal-out{from{opacity:1;transform:none}to{opacity:0;transform:scale(.96)}}
@keyframes zzz-modal-fade-in{from{opacity:0}to{opacity:1}}
@keyframes zzz-modal-fade-out{from{opacity:1}to{opacity:0}}
@media (prefers-reduced-motion:reduce){
.modal.animated.zoomIn{animation:zzz-modal-fade-in 200ms ease both}
.modal.animated.zoomOut{animation:zzz-modal-fade-out 150ms ease both}
}
/* 002: мобильное меню — выезд через transform, 300 мс, кривая шторки */
@media (max-width:991px){
.menu-wrapper{left:0;transform:translateX(-100%);visibility:hidden;transition:transform 300ms var(--zzz-ease-drawer),box-shadow 300ms var(--zzz-ease-drawer),visibility 0s linear 300ms}
.menu-wrapper.show{transform:none;visibility:visible;transition:transform 300ms var(--zzz-ease-drawer),box-shadow 300ms var(--zzz-ease-drawer),visibility 0s}
.menu.slide-from-right .menu__level-2,.menu.slide-from-right .menu__level-3{right:0;transform:translateX(100%);transition:transform 300ms var(--zzz-ease-drawer)}
.menu.slide-from-right .menu__level-2.active,.menu.slide-from-right .menu__level-3.active{transform:none}
}
@media (max-width:991px) and (prefers-reduced-motion:reduce){
.menu-wrapper{transform:none;opacity:0;transition:opacity 200ms ease,visibility 0s linear 200ms}
.menu-wrapper.show{opacity:1;transition:opacity 200ms ease,visibility 0s}
.menu.slide-from-right .menu__level-2,.menu.slide-from-right .menu__level-3{transition:none}
}
/* 003: кнопка «наверх» — из 0.9 с прозрачностью, 200 мс */
.fly-block__item.fly-block__scrollup{opacity:0;transform:scale(.9);pointer-events:none;transition:transform 200ms var(--zzz-ease-out),opacity 200ms var(--zzz-ease-out),background-color 150ms ease}
.fly-block__item.fly-block__scrollup.visible{opacity:1;transform:none;pointer-events:auto}
@media (prefers-reduced-motion:reduce){.fly-block__item.fly-block__scrollup{transform:none}}
/* 004: плитки главной — смена фона вместо растущего прямоугольника */
.home-banner__item:after{content:none}
.home-banner__item{transition:background-color 150ms ease}
@media (hover:hover) and (pointer:fine){.home-banner__item.link:hover{background-color:#efede9}}
/* 006: затемнение под меню — только если курсор задержался (~260 мс) */
main:after,footer:after{transition:opacity 200ms ease}
main.blur:after,footer.blur:after{transition:opacity 200ms ease 150ms}
@media (prefers-reduced-motion:reduce){main.blur:after,footer.blur:after{transition:opacity 150ms ease 150ms}}
/* 007: плашка cookie — 400 мс появление, 250 мс уход */
.nc-wrapper-blok-edges,.nc-inform-blok-bottom{transition:opacity 250ms var(--zzz-ease-out),transform 250ms var(--zzz-ease-out)}
.nc-wrapper-blok-edges.nc-blok-visible,.nc-inform-blok-bottom.nc-blok-visible{transition-duration:400ms}
@media (prefers-reduced-motion:reduce){.nc-wrapper-blok-edges,.nc-inform-blok-bottom,.nc-wrapper-blok-edges.nc-blok-visible,.nc-inform-blok-bottom.nc-blok-visible{transition:opacity 200ms ease,transform 0s}}
/* 008: наведение — конкретные свойства, ease, 150 мс */
.btn,.product-thumb__cart-btns button{transition:color 150ms ease,background-color 150ms ease,border-color 150ms ease}
.menu__level-1-li,.uni-item-bg,.fly-block__item{transition:color 150ms ease,background-color 150ms ease}
.uni-item{transition:box-shadow 200ms ease,border-color 200ms ease}
.footer__socials-icon{transition:opacity 150ms ease}
.nav-tabs li a:after{width:100%;transform:scaleX(0);transform-origin:left;transition:transform 200ms var(--zzz-ease-out)}
.nav-tabs li.active a:after,.nav-tabs li a:hover:after{transform:none}
/* 009: вкладки блока товаров — появление 200 мс */
@keyframes zzz-tab-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes zzz-tab-fade{from{opacity:0}to{opacity:1}}
.tab-content > .tab-pane.active:has(> .uni-module){animation:zzz-tab-in 200ms var(--zzz-ease-out)}
@media (prefers-reduced-motion:reduce){.tab-content > .tab-pane.active:has(> .uni-module){animation-name:zzz-tab-fade}}
/* 010: карточки товаров — каскад на компьютере (заменяет 009 там) */
@keyframes zzz-card-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (min-width:768px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
.tab-content > .tab-pane.active:has(> .uni-module){animation:none}
.tab-pane.active .uni-module__wrapper.load-complete > .uni-module__item{animation:zzz-card-in 250ms var(--zzz-ease-out) both}
.tab-pane.active .uni-module__wrapper.load-complete > .uni-module__item:nth-child(2){animation-delay:40ms}
.tab-pane.active .uni-module__wrapper.load-complete > .uni-module__item:nth-child(3){animation-delay:80ms}
.tab-pane.active .uni-module__wrapper.load-complete > .uni-module__item:nth-child(4){animation-delay:120ms}
.tab-pane.active .uni-module__wrapper.load-complete > .uni-module__item:nth-child(5){animation-delay:160ms}
.tab-pane.active .uni-module__wrapper.load-complete > .uni-module__item:nth-child(6){animation-delay:200ms}
.tab-pane.active .uni-module__wrapper.load-complete > .uni-module__item:nth-child(7){animation-delay:240ms}
.tab-pane.active .uni-module__wrapper.load-complete > .uni-module__item:nth-child(8){animation-delay:280ms}
.tab-pane.active .uni-module__wrapper.load-complete > .uni-module__item:nth-child(n+9){animation:none}
}
/* 011: «Показать ещё» — новые карточки каскадом 250 мс вместо fadeIn 600 мс */
.products-block > [data-zzz-in] .product-thumb{opacity:1 !important}
.products-block > [data-zzz-in]{animation:zzz-card-in 250ms var(--zzz-ease-out) both}
@media (prefers-reduced-motion:reduce){.products-block > [data-zzz-in]{animation:zzz-tab-fade 200ms ease both}}
/* 013: мобильная панель фильтра — 300 мс, кривая шторки, затемнение плавно (#fv_module — user_style.css фильтра грузится после склейки) */
@media (max-width:767px){
#fv_module #fv_container{transition:transform 300ms var(--zzz-ease-drawer)}
#fv_module #fv_container.fv-mobile-left{transform:translateX(-100%)}
#fv_module #fv_container.fv-mobile-right{transform:translateX(100%)}
#fv_module #fv_container.fv-mobile_open{transform:none}
#fv_mobile_parent.fv-mobile_open{animation:zzz-modal-fade-in 200ms ease}
}
@media (max-width:767px) and (prefers-reduced-motion:reduce){
#fv_module #fv_container.fv-mobile-left,#fv_module #fv_container.fv-mobile-right{transform:none;opacity:0;visibility:hidden;transition:opacity 200ms ease,visibility 0s linear 200ms}
#fv_module #fv_container.fv-mobile_open{opacity:1;visibility:visible;transition:opacity 200ms ease,visibility 0s}
}
/* 014: стрелка «Категорий» поворачивается за 200 мс */
.menu-module__chevron{transition:transform 200ms var(--zzz-ease-out)}
@media (prefers-reduced-motion:reduce){.menu-module__chevron{transition:none}}
/* 016: «Показать ещё» — спиннер в кнопке вместо пелены на весь экран */
body > .preloader[style*="position:fixed"]{display:none}
@keyframes zzz-spin{to{transform:rotate(360deg)}}
body.zzz-showmore-loading .show-more__btn{pointer-events:none}
body.zzz-showmore-loading .show-more__btn:after{content:'';display:inline-block;width:16px;height:16px;margin:0 0 0 10px;vertical-align:-3px;border:2px solid rgba(255 255 255 / .4);border-top-color:#fff;border-radius:50%;animation:zzz-modal-fade-in 150ms ease both,zzz-spin 800ms linear infinite}
/* 017: всплывающие сообщения — появление 200 мс, уход через 5 с (= alert_time в UniShop2) */
@keyframes zzz-alert-in{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}
@keyframes zzz-alert-out{to{opacity:0;transform:translateX(16px);visibility:hidden}}
.uni-alert:not(.animated){animation:zzz-alert-in 200ms var(--zzz-ease-out) both,zzz-alert-out 150ms ease-out 5000ms forwards}
@media (prefers-reduced-motion:reduce){
.uni-alert:not(.animated){animation:zzz-modal-fade-in 200ms ease both,zzz-modal-fade-out 150ms ease 5000ms forwards}
}
/* 018: плашки рядом с ценой — смена фона вместо растущего прямоугольника */
.product-banner__item-div:after{content:none}
.product-banner__item-div{transition:background-color 150ms ease}
@media (hover:hover) and (pointer:fine){.product-banner__item.link:hover .product-banner__item-div{background-color:#efede9}}
/* 019: просмотр фото — проявление 200 мс, миниатюра видна, пока грузится полное фото */
.product-page__image.fixed{animation:zzz-modal-fade-in 200ms var(--zzz-ease-out)}
.product-page__image.fixed .product-page__image-main-img{opacity:1 !important}
/* 020: мобильная панель «цена + В корзину» — выезд 200 мс, уход 150 мс; кнопки сбоку через transform */
@media (max-width:992px){
.fly-menu__product.mobile{top:-54px;transform:translateY(12px);opacity:0;visibility:hidden;transition:transform 150ms ease-out,opacity 150ms ease-out,visibility 0s linear 150ms}
.fly-menu__product.mobile.show{transform:none;opacity:1;visibility:visible;transition:transform 200ms var(--zzz-ease-out),opacity 200ms var(--zzz-ease-out),visibility 0s}
.fly-block.mobile-menu-bottom{transition:bottom 200ms var(--zzz-ease-out)}
}
@media (max-width:992px) and (prefers-reduced-motion:reduce){
.fly-menu__product.mobile,.fly-menu__product.mobile.show{transform:none}
.fly-block.mobile-menu-bottom{transition:none}
}
/* 021: страница товара — наведение без all/linear; увеличение фото отзывов только мышью */
.option__name{transition:color 150ms ease,background-color 150ms ease}
.option__img,.modal .quick-order__image-additional img,.review-list__popup-thumbs img{transition:border-color 150ms ease}
.review-list__all-review-images img,.review-list__images img{transition:transform 150ms var(--zzz-ease-out)}
.review-list__all-review-images img:hover,.review-list__images img:hover{transform:none}
@media (hover:hover) and (pointer:fine){.review-list__all-review-images img:hover,.review-list__images img:hover{transform:scale(1.05)}}
.product-cta__btn{transition:color 150ms ease,background-color 150ms ease}
/* 022: вкладки товара — проявление 150 мс */
.product-page-tabs + .tab-content > .tab-pane.active{animation:zzz-tab-fade 150ms ease}
/* 023: кнопки покупки — отклик на нажатие */
.product-page__add-to-cart,.product-page__quick-order,.product-thumb__add-to-cart,.product-cta__btn{transition:color 150ms ease,background-color 150ms ease,border-color 150ms ease,transform 160ms var(--zzz-ease-out)}
.product-page__add-to-cart:active,.product-page__quick-order:active,.product-thumb__add-to-cart:active,.product-cta__btn:active{transform:scale(.97)}
@media (prefers-reduced-motion:reduce){.product-page__add-to-cart:active,.product-page__quick-order:active,.product-thumb__add-to-cart:active,.product-cta__btn:active{transform:none}}
/* 024: галерея товара — при reduce ленты миниатюр без прокрутки (затухание фото остаётся) */
@media (prefers-reduced-motion:reduce){
.product-page__image .owl-stage,.quick-order__image-additional .owl-stage,.review-list__popup-thumbs .owl-stage{transition-duration:1ms !important}
}
/* 025: пелена загрузки (окно корзины, оформление) — показ только если ответ дольше 300 мс, проявление 200 мс */
@keyframes zzz-preloader-in{from{opacity:0}to{opacity:1}}
.preloader{animation:zzz-preloader-in 200ms var(--zzz-ease-out) 300ms both}
body:has(#unicheckout) > .preloader{background:rgba(255 255 255 / .3)}
/* 026: корзина — удаляемая строка сразу притухает до ответа сервера */
.header-cart__item.zzz-removing,.checkout-cart__item.zzz-removing{opacity:.4;pointer-events:none;transition:opacity 150ms var(--zzz-ease-out)}
/* 027: «Оформить заказ» — спиннер в кнопке вместо текста «Загрузка...» */
#confirm_checkout.disabled{position:relative;color:transparent !important;opacity:1;cursor:progress}
#confirm_checkout.disabled:after{content:'';position:absolute;top:50%;left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border:2px solid rgba(255 255 255 / .4);border-top-color:#fff;border-radius:50%;animation:zzz-modal-fade-in 150ms ease both,zzz-spin 800ms linear infinite}
/* === /Анимации */
/* === zzz: Телефон как приложение (2026-10-29) === */
html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}
a,button,.btn,[role=button],[data-href]{touch-action:manipulation}
/* сенсор: после нажатия кнопка не остаётся в цвете «наведения» */
@media (hover:none){:root{
--btn-primary-bg-hover:var(--btn-primary-bg);--btn-primary-c-hover:var(--btn-primary-c);
--btn-default-bg-hover:var(--btn-default-bg);--btn-default-c-hover:var(--btn-default-c);
--add-to-cart-btn-bg-hover:var(--add-to-cart-btn-bg);--add-to-cart-btn-c-hover:var(--add-to-cart-btn-c);
--add-to-cart-btn-bg-incart-hover:var(--add-to-cart-btn-bg-incart);--add-to-cart-btn-c-incart-hover:var(--add-to-cart-btn-c-incart);
--quick-order-btn-bg-hover:var(--quick-order-btn-bg);--quick-order-btn-c-hover:var(--quick-order-btn-c)}}
@media (max-width:991px){
/* 100vh на телефоне выше видимой области — низ меню и корзины уходил под панель браузера */
.menu__collapse{height:calc(100dvh - 54px) !important}
.menu.slide-from-right .menu__level-2,.menu.slide-from-right .menu__level-3{height:calc(100dvh - 54px) !important}
.header-cart__dropdown.mobile-slide{height:100dvh}
.menu__collapse,.menu__level-2,.menu__level-3,.header-cart__wrapper,.live-search__ul{overscroll-behavior:contain}
/* нижнее меню над полоской «домой» iPhone (viewport-fit=cover уже в шапке) */
.fly-menu{padding-bottom:env(safe-area-inset-bottom,0px)}
.footer.mobile-menu-bottom{padding-bottom:calc(73px + env(safe-area-inset-bottom,0px))}
}
/* === /Телефон как приложение */
/* === zzz: Оформление и корзина на телефоне (2026-10-29) === */
/* сенсор: «±», обводка радиокнопок и ссылки в оформлении/корзине не остаются в цвете «наведения» после нажатия */
@media (hover:none){
.qty-switch__btn.fa:hover{background:#f2f2f2}
.input input:hover{border-color:#ccc}
#unicheckout,.header-cart{--a-c-hover:var(--a-c)}
}
/* отклик «±» в момент касания, а не после отпускания */
.qty-switch__btn.fa:active{background:#e3e3e3}
/* «±», корзина-удалить, плашки доставки/оплаты: без задержки касания и без выделения текста долгим нажатием */
.qty-switch__btn,.checkout-cart__remove,.header-cart__remove-btn,.shipping-method__label,.payment-method .input,#confirm_checkout{touch-action:manipulation;-webkit-user-select:none;user-select:none}
/* прокрутка окна (вход, звонок, карта самовывоза) не утаскивает страницу под ним */
.modal{overscroll-behavior:contain}
@media (max-width:991px){
/* окно корзины: список считался от 100vh — нижние кнопки уходили под панель браузера; низ — над полоской «домой» */
.header-cart__dropdown.mobile-slide .header-cart__wrapper{max-height:calc(100dvh - 300px)}
.header-cart__dropdown.mobile-slide{padding-bottom:env(safe-area-inset-bottom,0px)}
}
/* === /Оформление и корзина на телефоне */
/* === zzz: Товар на телефоне как приложение (2026-10-29) === */
/* «плюс/минус» — span, не кнопка: без этого быстрые нажатия «+» увеличивают страницу двойным тапом и выделяют значок */
.qty-switch__btn{touch-action:manipulation;-webkit-user-select:none;user-select:none}
/* долгое нажатие на вкладку не выделяет текст и не открывает меню ссылки */
.product-page-tabs a{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
/* свайп фото: горизонталь — галерее, вертикаль и щипок — браузеру */
.product-page__image-main .owl-stage-outer,.product-page__image-addit .owl-stage-outer{touch-action:pan-y pinch-zoom}
/* увеличенное фото и фото отзывов: 100vh выше видимой области — низ уходил под панель браузера */
.product-page__image.fixed .product-page__image-main-img,.review-list__popup-full img{max-height:calc(100dvh - 160px)}
/* «Быстрый заказ»: прокрутка окна не передаётся странице за ним */
.modal{overscroll-behavior:contain}
@media (hover:none){
	/* сенсор: после нажатия кнопки не остаются в цвете наведения, а вкладка — с подчёркиванием */
	.product-page__wishlist-btn:not(.active):hover{color:var(--wishlist-btn-c);background:var(--wishlist-btn-bg)}
	.product-page__compare-btn:not(.active):hover{color:var(--compare-btn-c);background:var(--compare-btn-bg)}
	html .product-page__share-btn:hover,html .product-page__share-btn:focus{color:var(--product-share-btn-c);background:var(--product-share-btn-bg)}
	.nav-tabs li:not(.active) a:hover:after{transform:scaleX(0)}
}
@media (max-width:991px){
	/* поля меньше 16px — iOS увеличивает страницу при вводе и не возвращает обратно */
	.product-page .qty-switch__input,.quick-order .form-control{font-size:16px}
	.product-page-tabs{overscroll-behavior-x:contain}
}
/* Jivo и кнопки сбоку: нижнее меню и плашка цены выросли на полоску «домой», поднять их на столько же,
   иначе на iPhone круглая кнопка Jivo ложится на «В корзину» (значения — из блока «Jivo и плавающие кнопки» + отступ) */
@media (max-width:992px){
	.fly-block.mobile-menu-bottom{bottom:calc(100px + env(safe-area-inset-bottom,0px))}
	.fly-block.mobile-menu-bottom-2{bottom:calc(150px + env(safe-area-inset-bottom,0px))}
	body:has(.fly-block.mobile-menu-bottom) .__jivoMobileButton{bottom:calc(68px + env(safe-area-inset-bottom,0px)) !important}
	body:has(.fly-block.mobile-menu-bottom-2) .__jivoMobileButton{bottom:calc(118px + env(safe-area-inset-bottom,0px)) !important}
	body:has(.__jivoMobileButton) .fly-block.mobile-menu-bottom{bottom:calc(162px + env(safe-area-inset-bottom,0px))}
	body:has(.__jivoMobileButton) .fly-block.mobile-menu-bottom-2{bottom:calc(212px + env(safe-area-inset-bottom,0px))}
	body:has(.fly-block.mobile-menu-bottom) #jvLabelWrap{bottom:calc(73px + env(safe-area-inset-bottom,0px)) !important}
	body:has(.fly-block.mobile-menu-bottom-2) #jvLabelWrap{bottom:calc(123px + env(safe-area-inset-bottom,0px)) !important}
	body:has(#jvLabelWrap) .fly-block.mobile-menu-bottom{bottom:calc(125px + env(safe-area-inset-bottom,0px))}
	body:has(#jvLabelWrap) .fly-block.mobile-menu-bottom-2{bottom:calc(175px + env(safe-area-inset-bottom,0px))}
}
/* === /Товар на телефоне как приложение */
/* === zzz: Категория на телефоне (2026-10-29) === */
/* панель фильтра выше нижнего меню (1021) и круглой кнопки (1020); мобильное меню сайта (1070) остаётся сверху */
body .fv-parent_bar{--fv-mob-zindex:1030}
/* Jivo (z-index максимальный) закрывал низ открытой панели */
body.fv-mobile_open>jdiv{display:none !important}
@media (max-width:767px){
/* 100% у fixed на телефоне — высота без учёта панели браузера; низ фильтра уходил под неё */
#fv_mobile_parent.fv-mobile_open,#fv_module,#fv_module #fv_container{height:100dvh}
/* прокрутка фильтра не протаскивает страницу под ним; низ списка — над полоской «домой» */
#fv_module #fv_container{overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom,0px)}
}
/* ползунок цены сам ведёт палец по горизонтали, вертикаль — прокрутка панели */
#fv_module .irs{touch-action:pan-y}
#fv_module .fv-item_label,#fv_module .fv-mobile_btn_mini,#fv_module .fv-mobile_close_box,#fv_module .fv-choice_item{touch-action:manipulation;-webkit-user-select:none;user-select:none}
/* iOS увеличивает страницу при вводе в поле мельче 16px и не возвращает */
@media (pointer:coarse){
#fv_module input.form-control,#input-sort,#input-limit,input[name=search]{font-size:16px}
}
/* сенсор: наведение не залипает после нажатия */
@media (hover:none){
#fv_module .fv-items:hover,#fv_module .fv-ajax_btn:hover{box-shadow:none}
/* у радиокнопки «наведение» рисует точку — после нажатия пустой пункт выглядел выбранным */
#fv_module .fv-item_label:not(.fv-item_action) .fv-radiobox:hover::after{content:none}
#fv_module .fv-item_label:not(.fv-item_action) .fv-radiobox:hover::before{box-shadow:none}
#fv_module .fv-item_label:not(.fv-item_action) .fv-checkbox:hover::before{border-color:#cfcdc8}
#fv_module .fv-items_image .fv-item_label:hover{box-shadow:none}
:root{--prod-thumb-name-hover:var(--prod-thumb-name)}
}
/* === /Категория на телефоне */
