/* uvape: правки UI/UX за аудитом 05.10.2026 (uvape-dyzain/audyt/ZVIT.md). Стиль сайту не міняємо: помаранчевий, чорний, ті самі шрифти.
   Підключається лише в локальній копії (proxy.py); на сайт іде файлом після погодження Кристини. Номери uv-NN = пункти звіту. */

:root { --uv-orange-text: #c24400; --uv-muted: #6f6f6f; --uv-line: #e6e6e6; }

/* uv-19 видимий фокус з клавіатури */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible {
  outline: 3px solid var(--uv-orange-text) !important; outline-offset: 2px !important; }
.uv-skip { position: absolute; left: 8px; top: -60px; z-index: 100000; padding: 10px 14px; background: #000; color: #fff !important; border-radius: 8px; font-weight: 600; }
.uv-skip:focus { top: 8px; }

/* uv-18 дрібний помаранчевий текст темніший (4,5:1), кнопки не чіпаємо */
.stock.in-stock, ._list-stock .stock-value, #content p a:not(.btn):not([style*="background"]), #content li a.tag, .more_tags a { color: var(--uv-orange-text) !important; }
.stock.in-stock svg { fill: var(--uv-orange-text); }
/* uv-12 лічильники фільтра */
.ocf-value-count { color: var(--uv-muted) !important; }

/* uv-05 назви в картках каталогу до 3 рядків замість обрізаних двох */
.product-thumb a.product-name { display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical; white-space: normal !important; overflow: hidden; height: auto !important; max-height: none !important; text-overflow: clip !important; }

/* uv-16 місце під фото і рядок брендів наперед, щоб сторінка не стрибала */
.product-thumb .image img { aspect-ratio: 1 / 1; width: 100%; height: auto; object-fit: contain; }
.uv-brand-rail { min-height: 64px; }
.uv-brand-rail img { aspect-ratio: 112 / 52; height: auto; }

/* uv-20 зони натискання від 44 px */
.product-thumb .button-add-default { min-width: 44px; min-height: 44px; }
.btn-minus, .btn-plus, .btn-remove { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; background-clip: content-box; }
.btn-remove { padding: 14px !important; }
.col-md > a.navigation_list_item { padding-block: 12px; display: inline-block; }

/* uv-21 рейтинг без відгуків і довгі таймери ховаємо (таймери сховані наперед, скрипт показує ті, де лишилось < 3 днів) */
.uv-hide { display: none !important; }
/* таймер не display:none, бо тоді модуль його не запускає: прозорий і поза потоком, доки не ясно, скільки днів лишилось */
.countdown:not(.uv-show) { opacity: 0 !important; position: absolute !important; pointer-events: none !important; }
.xdsticker_sale:has(> .countdown:not(.uv-show)) { opacity: 0 !important; pointer-events: none !important; }   /* порожня наліпка без таймера */

/* uv-22 лічильник «Акції» в нижній панелі (різне число на різних сторінках) */
.mobile-footer-menu .total-spec-products { display: none !important; }

/* uv-09 вікно «Ваше місто» без затемнення: місто міняється в блоці доставки картки і в оформленні */
.geoip-backdrop_n, .geoip-confirm-region { display: none !important; }

/* uv-10 плаваючі кнопки: одна кнопка зв'язку (Telegram усередині), над нижньою панеллю; в оформленні сховані */
.tg_fix_btn { display: none !important; }
.support-online .uv-tg-item { display: flex; align-items: center; justify-content: center; }
body.uv-order .support-online, body.uv-order .tg_fix_btn { display: none !important; }
@media (max-width: 991px) {
  body { padding-bottom: 84px; }                      /* контент не ховається під нижньою панеллю */
  .support-online { transform: scale(.82); transform-origin: right bottom; }
}

/* uv-02, uv-13 картка: блок «наявність, ціна, Купити» нагорі правої колонки (порядок через CSS: без перенесення блоків, сторінка не стрибає) */
#card-form { display: flex; flex-direction: column; }
#card-form > .card-product-buy { order: -2; margin-bottom: 16px; }
#card-form > .card-product-buy ._list-stock { font-weight: 600; }
.uv-oos-note { margin: 6px 0 0; font-size: 14px; color: #444; }
.uv-oos-similar { display: inline-block; margin-top: 10px; font-weight: 600; color: var(--uv-orange-text) !important; text-decoration: underline; }
@media (max-width: 991px) {
  .product__top_left_content .main-image img, .product__top_left_content .slick-slide img, .product__top_left_content .thumbnails img { max-height: 260px; width: auto !important; margin-inline: auto; object-fit: contain; }
}
.uv-flash { animation: uv-flash 1.2s ease-out 1; border-radius: 12px; }
@keyframes uv-flash { 0% { box-shadow: 0 0 0 0 rgba(236, 85, 0, .55); } 100% { box-shadow: 0 0 0 14px rgba(236, 85, 0, 0); } }
@media (prefers-reduced-motion: reduce) { .uv-flash { animation: none; outline: 2px solid #ec5500; } }

.mobile-footer-menu.uv-show-product .product-page { display: flex !important; }
.mobile-footer-menu.uv-show-product .mob-menu-wrapper { display: none !important; }

/* uv-07 кольори з назвами, недоступні перекреслені */
.hpm-button-wrapper { position: relative; }
.hpm-button.image { position: relative; overflow: visible !important; margin-bottom: 30px !important; }
.hpm-button.image.out-stock { margin-bottom: 40px !important; }
.hpm-button.image img { border-radius: 50%; }   /* квадратні фото з білим тлом кутами перекривали обідок кружка (кнопка без overflow:hidden заради підпису) */
.uv-color-name { position: absolute; left: 50%; top: 100%; transform: translateX(-50%); width: 72px; margin-top: 3px; font-size: 11px; line-height: 1.15; text-align: center; color: #222; white-space: normal !important; word-break: break-word; pointer-events: none; }
.hpm-button.out-stock .uv-color-name { color: var(--uv-muted); }
.hpm-button.image.out-stock { position: relative; }
.hpm-button.image.out-stock::after { content: ""; position: absolute; left: 12%; right: 12%; top: 50%; border-top: 2px solid #9a9a9a; transform: rotate(-45deg); pointer-events: none; }

/* uv-06 смаки: спершу в наявності, решта згорнута; пошук; українська назва під англійською */
.hpm-button.attr { display: inline-flex !important; flex-direction: column; align-items: center; justify-content: center; line-height: 1.2 !important; }
.uv-flav-ua { display: block; margin-top: 2px; font-size: 11px; line-height: 1.2; color: var(--uv-muted); font-weight: 400; }
.uv-flav-search { width: 100%; max-width: 360px; height: 44px; margin: 0 0 10px; padding: 0 16px; border: 1px solid #cfcfcf; border-radius: 22px; font-size: 15px; }
.uv-flav-out { margin-top: 8px; }
.uv-flav-out > summary { cursor: pointer; padding: 10px 0; font-weight: 600; color: #333; list-style: none; }
.uv-flav-out > summary::before { content: "+ "; color: var(--uv-orange-text); }
.uv-flav-out[open] > summary::before { content: "− "; }
.uv-flav-out .hpm-button { text-decoration: line-through; }

/* uv-08 «Часто купують разом» під кнопкою, без рядка самого товару */
.card-models .uv-self { display: none !important; }
.card-models > .h3 { text-transform: none !important; font-size: 18px !important; }

/* uv-04 перший екран каталогу на телефоні: підкатегорії й бренди одним рядком, фільтр і сортування поруч */
@media (max-width: 991px) {
  .refine-container.card { padding: 8px 0 !important; margin-bottom: 8px !important; box-shadow: none !important; border: 0 !important; }
  .refine-container .refine-cat.row { display: flex !important; flex-wrap: nowrap; overflow-x: auto; gap: 8px; margin: 0 !important; padding-bottom: 4px; }
  .refine-container .refine-item { flex: 0 0 auto; width: auto !important; max-width: none !important; padding: 0 !important; }
  .refine-container .refine-link { display: flex !important; align-items: center; gap: 8px; height: 44px; padding: 0 14px 0 6px; border: 1px solid #d6d6d6; border-radius: 22px; white-space: nowrap; font-size: 14px; }
  .refine-container .refine-link img, .refine-container .refine-link svg { width: 32px !important; height: 32px !important; }
  .refine-container .refine-link br { display: none; }
  .uv-brand-rail { margin-bottom: 8px !important; }
  .uv-brand-rail__head { margin-bottom: 6px !important; }
  .uv-brand-rail__link { height: 52px !important; min-width: 96px !important; padding: 6px 10px !important; }
  .uv-brand-rail__link img { max-height: 34px !important; width: auto !important; }
  .category-content { display: flex; flex-wrap: wrap; align-items: center; column-gap: 10px; }
  .category-content > * { flex: 0 0 100%; min-width: 0; }
  .category-content > .ocf-btn-mobile-static { flex: 1 1 calc(50% - 5px); margin: 4px 0 10px !important; min-height: 0 !important; }
  .category-content > .ocf-btn-mobile-static .ocf-btn { height: 44px !important; min-height: 44px !important; padding: 0 12px !important; width: 100% !important; font-size: 15px !important; border-radius: 22px !important; }
  .category-content > .filter-container { flex: 1 1 calc(50% - 5px); margin: 4px 0 10px !important; }
  .category-content > .filter-container .pull-right, .category-content > .filter-container .list-view-switch, .category-content > .filter-container .grid-switch { display: none !important; }
}

/* uv-14 порожній кошик */
.uv-empty { display: grid; gap: 14px; justify-items: center; text-align: center; margin: 8px auto 32px; max-width: 520px; }
.uv-empty-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.uv-empty-links a { display: inline-flex; align-items: center; height: 46px; padding: 0 20px; border-radius: 23px; border: 2px solid #ec5500; color: #000 !important; font-weight: 600; text-decoration: none !important; }
.uv-empty-links a.uv-main { background: #ec5500; color: #fff !important; }
.uv-empty-img { max-width: 160px !important; height: auto !important; }

/* uv-15 мало результатів пошуку, uv-01 підказка про заміну запиту */
.uv-search-note, .uv-search-help { margin: 8px 0 16px; padding: 12px 16px; border-radius: 12px; background: #fff4ec; font-size: 15px; }
.uv-search-help .uv-empty-links { justify-content: flex-start; margin-top: 10px; }

/* uv-23 популярні бренди нагорі сторінки брендів */
.uv-top-brands { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 20px; }
.uv-top-brands a { display: inline-flex; align-items: center; height: 44px; padding: 0 16px; border: 1px solid #d6d6d6; border-radius: 22px; color: #000 !important; font-weight: 600; text-decoration: none !important; }
.uv-top-brands-title { margin: 0 0 10px; font-size: 18px; font-weight: 600; }

/* uv-24 сторінки міст: заголовок і доставка нагорі */
.uv-city-top { margin: 4px 0 18px; display: grid; gap: 8px; }
.uv-city-top h1 { margin: 0 !important; }
.uv-city-top p { margin: 0; font-size: 15px; }
.uv-city-top a.uv-main { justify-self: start; display: inline-flex; align-items: center; height: 46px; padding: 0 22px; border-radius: 23px; background: #ec5500; color: #fff !important; font-weight: 600; text-decoration: none !important; }

/* uv-03 вікно «Підтвердіть номер»: пояснення навіщо */
.uv-pcm-why { margin: 4px 0 12px; font-size: 14px; line-height: 1.4; color: #555; text-align: center; }

/* uv-28 телефон горизонтально: шапка не липне, вікно 18+ коротке */
@media (max-height: 450px) and (orientation: landscape) {
  header.header-container .home-menu, .header-fixed, .sticky-header, .navigation_list.sticky, .product-navigation { position: static !important; }
  #check-age-window .modal-body ul, #check-age-window .modal-body p:not(:first-child) { display: none; }
  #check-age-window .modal-dialog { margin-block: 8px; }
}

/* ======================================================================================================
   ДИЗАЙН-СИСТЕМА БЛОКІВ (шрифт теми Mont підключено окремими сімействами: Mont Light/Regular/SemiBold/Bold) (05.10, «щоб блоки були згідно UI/UX»). Стиль uvape не міняємо: помаранчевий #EC5500,
   чорний, білий, той самий шрифт і округлі кнопки. Вирівнюємо: відступи на сітці 8 px, один стиль заголовків
   блоків, одна рамка-картка, однакові кнопки й підписи.
   ====================================================================================================== */
:root {
  --uv-s1: 4px; --uv-s2: 8px; --uv-s3: 12px; --uv-s4: 16px; --uv-s5: 24px; --uv-s6: 32px; --uv-s7: 48px;
  --uv-r: 16px; --uv-r-sm: 12px; --uv-border: #e6e6e6; --uv-ink: #111; --uv-orange: #ec5500;
  --uv-h2: 20px; --uv-body: 15px; --uv-small: 13px;
}
@media (min-width: 992px) { :root { --uv-h2: 24px; --uv-body: 16px; } }

/* --- заголовки блоків: один стиль (було п'ять різних: 18 тонкий, 24, 32 помаранчевий по центру) --- */
.hpm-block .h3, .card-models > .h3, .uv-fit > .h3, .delivery-card > .h3, .product-module-header .product-title,
.product-promo #accordion .panel-title > a, .uv-block-title {
  font-family: "Mont Bold", "Mont SemiBold", sans-serif !important;   /* у темі товщина = окреме сімейство шрифту */
  font-size: var(--uv-h2) !important; line-height: 1.25 !important; font-weight: 700 !important; color: var(--uv-ink) !important;
  text-align: left !important; text-transform: none !important; letter-spacing: 0 !important; margin: 0 0 var(--uv-s4) !important; }
.product-module-header { margin: 0 0 var(--uv-s4) !important; padding: 0 !important; text-align: left !important; }
.product-module-header .product-title { background: none !important; -webkit-text-fill-color: currentColor !important; }

/* --- блоки-картки картки товару: одна рамка, однакові відступи між блоками --- */
#card-form > .card-product-buy, #card-form > .card-models, .product__top_right_content > .card-models, .uv-fit, .d_info .delivery-card {
  border: 1px solid var(--uv-border) !important; border-radius: var(--uv-r) !important; padding: var(--uv-s4) !important;
  margin: 0 0 var(--uv-s4) !important; box-shadow: none !important; background: #fff; }
#card-form > .hpm-block { margin: 0 0 var(--uv-s4) !important; padding: 0 !important; }
@media (min-width: 992px) {
  #card-form > .card-product-buy, #card-form > .card-models, .product__top_right_content > .card-models, .uv-fit, .d_info .delivery-card { padding: 20px !important; }
}

/* блок «наявність, ціна, Купити» */
.card-product-buy .price { margin: var(--uv-s1) 0 0 !important; }
.card-product-buy .price-discount { margin: var(--uv-s2) 0 0 !important; font-size: var(--uv-small) !important; }
.card-product-buy .set_price.uv-empty { display: none !important; }
.card-product-buy .product-btns { margin: var(--uv-s4) 0 0 !important; gap: var(--uv-s2); }
.card-product-buy #button-cart, .card-product-buy #button-preorder { height: 52px !important; border-radius: 26px !important; font-size: 17px !important; }

/* «В обрані» і бренд: компактний рядок (було ~110 px з великим логотипом і порожнечею) */
.card-details ._list-manufacturer { float: none !important; margin: 0 !important; text-align: right; }
.card-details ._list-manufacturer .brand-value { font-size: 18px !important; }
.card-details ._list-manufacturer > div { margin-top: 0 !important; font-size: 12px; color: #6f6f6f; }
.card-details, .card-details .product__content_row, .card-details .product-btns-special, .card-details .product-btns-special-wrapper { padding: 0 !important; margin: 0 !important; min-height: 0 !important; }
.card-details .product__content_row { min-height: 44px !important; }
.card-details .wishlist-btn { display: inline-flex !important; flex-direction: row !important; align-items: center; gap: 8px; min-height: 44px; padding: 0 !important; background: none !important; border: 0 !important; }
.card-details .wishlist-btn svg { width: 24px !important; height: 24px !important; }
.card-details .btn-column { display: flex !important; flex-direction: column; text-align: left; }
#card-form > .card-details { order: -1; margin: 0 0 var(--uv-s4) !important; }
.card-details .product__content_row { display: flex !important; align-items: center !important; justify-content: space-between !important; min-height: 44px; gap: var(--uv-s4); }
.card-details .product__content_row img { max-height: 32px !important; width: auto !important; }

/* «Часто купують разом», «Інші моделі»: рядки однакової висоти */
.card-models .model { display: flex !important; align-items: center !important; gap: var(--uv-s3); padding: var(--uv-s3) 0 !important; margin: 0 !important;
  border: 0 !important; border-top: 1px solid var(--uv-border) !important; border-radius: 0 !important; box-shadow: none !important; min-height: 72px; }
.card-models .model:first-of-type, .card-models .uv-self + .model { border-top: 0 !important; }
.card-models .model .model-image { flex: 0 0 56px !important; width: 56px !important; max-width: 56px !important; padding: 0 !important; }
.card-models .model .model-image img { width: 56px !important; height: 56px !important; object-fit: contain; }
.card-models .model .model-info { flex: 1 1 auto !important; width: auto !important; max-width: none !important; padding: 0 !important; display: grid !important; gap: 2px; }
.card-models .model .model-name { font-size: 14px !important; line-height: 1.3 !important; white-space: normal !important; overflow: hidden !important; display: -webkit-box !important;
  -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: auto !important; min-height: 0 !important; max-height: 36px !important; line-height: 18px !important; color: var(--uv-ink) !important; }   /* тема фіксувала висоту 41 px, і 3-й рядок налазив на ціну */
.card-models .model .model-image { order: -1; }   /* у гортанці «Інші моделі / Супутні товари» фото стояло праворуч, у списку ліворуч */
.card-models .slick-slider { padding: 0 28px; }
.card-models .slick-slider .slick-arrow { width: 28px !important; height: 44px !important; display: flex !important; align-items: center; justify-content: center; top: 50% !important; transform: translateY(-50%) !important; }
.card-models .slick-slider .slick-arrow.prev { left: -4px !important; }
.card-models .slick-slider .slick-arrow.next { right: -4px !important; }
.card-models .model .model-price { font-size: 15px !important; font-weight: 700 !important; }
.card-models .model .switch_card_sets { flex: 0 0 auto !important; width: auto !important; padding: 0 !important; }

/* «Сумісні картриджі» */
.uv-fit .uv-fit-track a, .uv-fit .uv-fit-item { min-height: 72px; border-radius: var(--uv-r-sm) !important; }

/* блок «Доставка»: назва й строк ліворуч, ціна праворуч, один розмір тексту */
.d_info .delivery-card > .h3 { display: flex !important; align-items: center; justify-content: space-between; gap: var(--uv-s3); }
.d_info .delivery-card > .h3 .geoip-text { font-size: 15px !important; font-weight: 500 !important; }
.d_info .delivery_list { margin: 0 !important; padding: 0 !important; }
.d_info .delivery_list > li { display: flex !important; align-items: flex-start; justify-content: space-between; gap: var(--uv-s3); padding: var(--uv-s3) 0 !important; margin: 0 !important; border-top: 1px solid var(--uv-border); }
.d_info .delivery_list > li:first-child { border-top: 0; padding-top: 0 !important; }
.d_info .delivery_list > li.uv-hide { display: none !important; }
.d_info .delivery_list .title { font-size: 14px !important; line-height: 1.35 !important; font-weight: 500 !important; }
.d_info .delivery_list .description { font-size: var(--uv-small) !important; color: #6f6f6f !important; margin-top: 2px; }
.d_info .delivery_list .price { flex: 0 0 auto; max-width: 42%; text-align: right; font-size: 14px !important; line-height: 1.35 !important; font-weight: 600 !important; }

/* --- вкладки «Опис, Характеристики...» в липкій шапці: на телефоні дублюють розділи нижче і займають 50 px екрана --- */
@media (max-width: 767px) { .product_navigation { display: none !important; } }

/* --- розділи під карткою (акордеон): компактні заголовки, опис згорнутий до прев'ю --- */
.product-promo #accordion { display: grid; gap: var(--uv-s3); margin: var(--uv-s5) 0 !important; }
.product-promo #accordion > .panel { margin: 0 !important; border: 1px solid var(--uv-border) !important; border-radius: var(--uv-r) !important; box-shadow: none !important; overflow: hidden; }
.product-promo #accordion .panel-heading { padding: 0 !important; background: #fff !important; border: 0 !important; }
.product-promo #accordion .panel-title > a { display: flex !important; align-items: center; justify-content: flex-start; gap: 6px; min-height: 56px; padding: var(--uv-s3) var(--uv-s4) !important; margin: 0 !important; }
.product-promo #accordion .panel-title > a > * { margin: 0 !important; position: static !important; }
.product-promo #accordion .panel-title > a > svg { margin-left: auto !important; flex: 0 0 auto; }
.product-promo #accordion .panel-body { padding: 0 var(--uv-s4) var(--uv-s4) !important; border: 0 !important; font-size: var(--uv-body); line-height: 1.6; }
#collapseDescription .panel-body { position: relative; max-height: 560px; overflow: hidden; }
#collapseDescription .panel-body::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 120px; background: linear-gradient(rgba(255,255,255,0), #fff); pointer-events: none; }
#collapseDescription.uv-open .panel-body { max-height: none; overflow: visible; }
#collapseDescription.uv-open .panel-body::after { display: none; }
.uv-more { display: flex; align-items: center; justify-content: center; width: calc(100% - 32px); height: 48px; margin: 0 16px 16px; border: 2px solid var(--uv-orange); border-radius: 24px; background: #fff; color: var(--uv-ink); font-weight: 600; font-size: 15px; }
.uv-more:hover { background: #fff4ec; }

/* --- модулі товарів під карткою («Рекомендовані»): без величезних проміжків, «Показати ще» звичайною кнопкою --- */
.form-group.module-title { margin: var(--uv-s6) 0 var(--uv-s5) !important; }
.module-more .empty__height { display: none !important; }
.module-more .text-collapse-m { opacity: 1 !important; max-height: none !important; }

/* --- картка товару в сітці каталогу: однакові внутрішні відступи (лише .product_list, модулі під карткою мають свою верстку) --- */
.product_list .product-thumb .product-title-content { padding-inline: var(--uv-s2) !important; }
.product_list .product-thumb .price-new, .product_list .product-thumb .product_price { font-size: 17px !important; font-weight: 700 !important; }
.product_list .product-thumb .stock { font-size: var(--uv-small) !important; }
.product_list .product-thumb a.product-name { font-size: 14px !important; line-height: 1.35 !important; }

/* «Показати ще» в модулі товарів: без напівпрозорої картинки-завіси, кнопкою з текстом */
.text-collapse-m::after { display: none !important; }
.toggle-m.module-arrow { display: flex !important; align-items: center; justify-content: center; gap: 8px; width: 100%; max-width: 360px; height: 48px; margin: var(--uv-s4) auto 0 !important;
  border: 2px solid var(--uv-orange); border-radius: 24px; background: #fff !important; color: var(--uv-ink); font-weight: 600; font-size: 15px; cursor: pointer; position: static !important; transform: none !important; }
.toggle-m.module-arrow svg { width: 14px !important; height: 14px !important; }
.toggle-m.module-arrow svg path { fill: var(--uv-orange) !important; stroke: var(--uv-orange) !important; }
:lang(uk) .toggle-m.module-arrow.more::before { content: "Показати ще"; }
:lang(uk) .toggle-m.module-arrow:not(.more)::before { content: "Згорнути"; }
:lang(ru) .toggle-m.module-arrow.more::before { content: "Показать ещё"; }
:lang(ru) .toggle-m.module-arrow:not(.more)::before { content: "Свернуть"; }

/* --- сітка каталогу на телефоні й планшеті: без порожніх 70-150 px між рядами (тема давала клітинці фіксовану висоту 350 px,
       а ціну з кнопкою ставила абсолютно); рядки вирівнюються flex-ом --- */
@media (max-width: 991px) {
  .row.product_list { display: flex !important; flex-wrap: wrap; }
  .row.product_list::before, .row.product_list::after { display: none !important; }
  .product_list .product-layout { float: none !important; height: auto !important; min-height: 0 !important; margin-bottom: var(--uv-s4) !important; display: flex; }
  .product_list .product-layout > .product-thumb { height: auto !important; min-height: 0 !important; width: 100%; display: flex !important; flex-direction: column; padding: var(--uv-s2) 0 var(--uv-s2) !important; }
  .product_list .product-thumb .xdstickers_wrapper { top: 6px !important; left: 6px !important; z-index: 2; }   /* наліпки «Новинка» поверх кута фото, а не над ним (тема резервувала 50 px) */
  .product_list .product-thumb .product-bottom { position: static !important; margin-top: auto; height: auto !important; }
  .product_list .product-thumb .product-bottom .buy-box { padding: 0 var(--uv-s2) !important; }
  .product_list .product-thumb .image { padding: 0 !important; }
  .product_list .product-thumb .image img { max-height: 170px; }
}

/* --- каталог на ПК: кнопка кошика на картці видна завжди (тема показувала її лише при наведенні мишки) --- */
@media (min-width: 992px) {
  .product_list .product-thumb .product-bottom .buy-box { display: flex !important; align-items: center; justify-content: space-between; gap: var(--uv-s2); }
  .product_list .product-thumb .product-bottom .button-group { display: flex !important; align-items: center; gap: var(--uv-s2); }
  .product_list .product-thumb .product-bottom .button-add-default { width: 44px; height: 44px; border-radius: 50%; }
}

/* ======================= ГОЛОВНА, ШАПКА, ПІДВАЛ (05.10) ======================= */
/* заголовки секцій головної в одному стилі з рештою блоків */
.home-wrapper .uv-block-title, .uv-home-brands .uv-brand-rail__title, .last-shop-ratings .row_rating_details .h4 {
  font-family: "Mont Bold", "Mont SemiBold", sans-serif !important;
  font-size: var(--uv-h2) !important; line-height: 1.25 !important; font-weight: 700 !important; color: var(--uv-ink) !important; text-transform: none !important; letter-spacing: 0 !important; margin: 0 !important; }
.home-wrapper > * { margin-top: 0 !important; margin-bottom: var(--uv-s6) !important; }
@media (min-width: 992px) { .home-wrapper > * { margin-bottom: var(--uv-s7) !important; } }
/* SEO-текст на головній і в каталогах: заголовки в масштабі сторінки, текст згорнутий до прев'ю */
.category-text h1, .category-text-content h1 { font-family: "Mont Bold", sans-serif !important; font-size: 24px !important; line-height: 1.25 !important; font-weight: 700 !important; margin: 0 0 var(--uv-s4) !important; }
.category-text h2, .category-text-content h2 { font-family: "Mont Bold", sans-serif !important; font-size: 19px !important; line-height: 1.3 !important; font-weight: 700 !important; margin: var(--uv-s5) 0 var(--uv-s2) !important; }
.category-text h3, .category-text-content h3 { font-size: 17px !important; font-weight: 700 !important; margin: var(--uv-s4) 0 var(--uv-s2) !important; }
.category-text-content .category-text, .category-text-content .description { font-size: var(--uv-body) !important; line-height: 1.6 !important; }
.uv-clamp { position: relative; max-height: 360px; overflow: hidden; }
.uv-clamp::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 110px; background: linear-gradient(rgba(255,255,255,0), #fff); pointer-events: none; }
.uv-clamp.uv-open { max-height: none; overflow: visible; }
.uv-clamp.uv-open::after { display: none; }
.uv-more.uv-more-text { width: 100%; max-width: 360px; margin: var(--uv-s3) 0 0; }

/* модулі товарів (головна, «Рекомендовані» під карткою) на телефоні: без фіксованої висоти 350 px і порожнеч, як у каталозі */
@media (max-width: 991px) {
  .row-products :has(> .product-column), .row-products:has(> .product-column), .text-collapse-m :has(> .product-column) { display: flex !important; flex-wrap: wrap; }
  .product-column.product-layout { float: none !important; height: auto !important; min-height: 0 !important; margin-bottom: var(--uv-s4) !important; display: flex; }
  .product-column.product-layout > .product-thumb { height: auto !important; min-height: 0 !important; width: 100%; display: flex !important; flex-direction: column; padding: var(--uv-s2) 0 !important; }
  .product-column .product-thumb .product-bottom { position: static !important; margin-top: auto; height: auto !important; }
  .product-column .product-thumb .product-bottom .buy-box { padding: 0 var(--uv-s2) !important; }
  .product-column .product-thumb .image { padding: 0 !important; }
  .product-column .product-thumb .image img { max-height: 170px; }
  .product-column .product-thumb .xdstickers_wrapper { top: 6px !important; left: 6px !important; z-index: 2; }
  .product-column .product-thumb a.product-name { font-size: 14px !important; line-height: 1.35 !important; }
}

/* підвал на телефоні: колонки «Категорії, Популярне, Для клієнтів, Інформація» і міста розкриваються (тема їх ховала) */
@media (max-width: 991px) {
  footer.footer .footer-wrap .row > .hidden-xs.hidden-sm { display: block !important; width: 100% !important; }
  footer.footer .hidden-xs.hidden-sm .footer-nav-title { display: flex !important; align-items: center; justify-content: space-between; min-height: 48px; margin: 0 !important; padding: 0 !important;
    background: none !important; border-top: 1px solid rgba(255,255,255,.14); color: #fff !important; font-size: 16px !important; font-weight: 600 !important; cursor: pointer; }
  footer.footer .hidden-xs.hidden-sm .footer-nav, footer.footer .hidden-xs.hidden-sm .footer-nav-col { width: 100% !important; padding: 0 !important; margin: 0 !important; background: none !important; }
  footer.footer .hidden-xs.hidden-sm .footer-nav-col:not(.uv-open) .footer-nav-list { display: none !important; }
  footer.footer .hidden-xs.hidden-sm .footer-nav-col.uv-open .footer-nav-list { display: block !important; padding: 0 0 var(--uv-s3) !important; }
  footer.footer .hidden-xs.hidden-sm .footer-nav-col.uv-open .footer-nav-arrow { transform: rotate(180deg); }
  footer.footer .hidden-xs.hidden-sm .footer-nav-list .footer-nav-item a { display: inline-block; padding: 8px 0; color: #ddd !important; font-size: 15px; }
  footer.footer .uv-foot-cities { border-top: 1px solid rgba(255,255,255,.14); }
  footer.footer .uv-foot-cities > summary { list-style: none; display: flex; align-items: center; justify-content: space-between; min-height: 48px; color: #fff; font-size: 16px; font-weight: 600; cursor: pointer; }
  footer.footer .uv-foot-cities > summary::after { content: "⌄"; color: #ec5500; font-size: 18px; }
  footer.footer .uv-foot-cities[open] > summary::after { transform: rotate(180deg); }
  footer.footer .uv-foot-cities ul { columns: 2; column-gap: 16px; padding: 0 0 var(--uv-s3) !important; margin: 0; list-style: none; }
  footer.footer .uv-foot-cities a { display: inline-block; padding: 6px 0; color: #ddd !important; font-size: 14px; }
}

/* ======================= КОШИК І ОФОРМЛЕННЯ (05.10) ======================= */
/* вікно «Товар доданий до кошика»: на телефоні панель знизу за висотою вмісту (було на весь екран, 2/3 порожні) */
#addModal .product-name a, #addModal .product-name { color: var(--uv-ink) !important; }
#addModal .modal-title { font-family: "Mont Bold", sans-serif !important; font-size: 18px !important; }
#addModal .modal-buttons { display: grid !important; gap: var(--uv-s2); justify-items: center; padding: 0 var(--uv-s4); }
#addModal .btn-minus, #addModal .btn-plus { background: #fff !important; color: var(--uv-ink) !important; border: 1.5px solid #d0d0d0 !important; border-radius: 50% !important;
  width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important; padding: 0 !important; font-size: 20px !important; line-height: 1 !important;
  display: inline-flex !important; align-items: center; justify-content: center; }
#addModal .btn-minus::before { content: "−"; }   /* тема малювала знак білою картинкою на чорному колі */
#addModal .btn-plus::before { content: "+"; }
#addModal .modal-buttons .checkout { width: 100%; max-width: 420px; height: 52px; display: flex !important; align-items: center; justify-content: center; border-radius: 26px; font-size: 17px; }
#addModal .modal-buttons .continue { min-height: 44px; display: flex !important; align-items: center; }
@media (max-width: 767px) {
  body #addModal.modal .modal-dialog { position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important; top: auto !important; height: auto !important; min-height: 0 !important; display: block !important; margin: 0 !important; width: 100% !important; max-width: none !important; transform: none !important; }
  #addModal .modal-content { height: auto !important; min-height: 0 !important; max-height: 88vh; overflow: auto; border-radius: 20px 20px 0 0 !important; padding-bottom: env(safe-area-inset-bottom, 0px); }
  #addModal .modal-body { height: auto !important; min-height: 0 !important; padding-bottom: var(--uv-s4) !important; }
}

/* оформлення: «Назад» другорядна кнопка, «Оформити / Вперед» головна */
#simplecheckout_button_prev { background: #fff !important; color: var(--uv-ink) !important; border: 2px solid var(--uv-orange) !important; box-shadow: none !important; }
#simplecheckout_button_prev:hover { background: #fff4ec !important; }
.simplecheckout-button-block { display: flex !important; flex-wrap: wrap; align-items: center; gap: var(--uv-s2); justify-content: flex-end; }
.simplecheckout-button-block .uv-total { flex: 1 1 100%; display: flex; justify-content: space-between; align-items: baseline; padding: var(--uv-s3) 0; margin-bottom: var(--uv-s1);
  border-top: 1px solid var(--uv-border); font-size: 15px; }
.simplecheckout-button-block .uv-total b { font-family: "Mont Bold", sans-serif; font-size: 20px; font-weight: 700; }
/* крок «Оплата»: коротке нагадування, кому й куди */
.uv-recap { display: grid; gap: var(--uv-s2); margin: 0 0 var(--uv-s4); padding: var(--uv-s3) var(--uv-s4); border-radius: var(--uv-r-sm); background: #f6f6f6; font-size: 14px; line-height: 1.45; }
.uv-recap b { font-family: "Mont Bold", sans-serif; font-weight: 700; }
.uv-recap button { justify-self: start; padding: 0; min-height: 32px; border: 0; background: none; color: var(--uv-orange-text); text-decoration: underline; font-size: 14px; }

/* ======================= ІНФОРМАЦІЙНІ СТОРІНКИ І СТАТТІ (05.10) ======================= */
/* одна ієрархія: заголовок сторінки > розділ > підрозділ (було: «1. Додавання товару» 30 px більший за заголовок сторінки 20 px,
   розділи то помаранчеві великими літерами, то чорні; у статтях заголовки по центру, а текст ліворуч) */
body[class*="information-information"] #content h1, body.blog-blog #content h1 {
  font-family: "Mont Bold", sans-serif !important; font-size: 24px !important; line-height: 1.25 !important; text-align: left !important; margin: 0 0 var(--uv-s4) !important; text-transform: none !important; }
@media (min-width: 992px) { body[class*="information-information"] #content h1, body.blog-blog #content h1 { font-size: 30px !important; } }
body[class*="information-information"] #content h2, body.blog-blog #content h2 {
  font-family: "Mont Bold", sans-serif !important; font-size: 20px !important; line-height: 1.3 !important; text-align: left !important;
  text-transform: none !important; letter-spacing: 0 !important; color: var(--uv-ink) !important; margin-top: var(--uv-s5); margin-bottom: var(--uv-s2); }
body[class*="information-information"] #content .panel h2, body[class*="information-information"] #content .panel-title h2 { margin: 0 !important; font-size: 18px !important; }
body[class*="information-information"] #content h3, body.blog-blog #content h3 {
  font-family: "Mont Bold", sans-serif !important; font-size: 17px !important; line-height: 1.35 !important; text-align: left !important; margin-top: var(--uv-s4); margin-bottom: var(--uv-s2); }
/* текст не дрібніший за 15 px, рядки для читання */
body[class*="information-information"] #content p, body[class*="information-information"] #content li,
body.blog-blog #content p, body.blog-blog #content li { font-size: max(15px, 1em) !important; line-height: 1.6 !important; }
body.blog-blog #content .blog-content, body.blog-blog #content .description, body[class*="information-information"] #content .information-description { max-width: 72ch; }
/* «Зміст» статті */
body.blog-blog #content .h3 { font-family: "Mont Bold", sans-serif !important; font-size: 18px !important; }

/* --- FAQ у каталогах (.faq, свій #accordion, тема ставить іконку через row-reverse): питання ліворуч, «+» праворуч, компактно --- */
.faq .faq_title { font-family: "Mont Bold", "Mont SemiBold", sans-serif !important; font-size: var(--uv-h2) !important; line-height: 1.25 !important; text-align: left !important; margin: 0 0 var(--uv-s4) !important; }
.faq #accordion { display: grid; gap: var(--uv-s2); }
.faq #accordion > .panel { margin: 0 !important; padding: 0 !important; border: 1px solid var(--uv-border) !important; border-radius: var(--uv-r-sm) !important; box-shadow: none !important; }
.faq #accordion .panel-heading { padding: 0 !important; background: #fff !important; border: 0 !important; }
.faq #accordion .panel-title > a { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; gap: var(--uv-s3);
  min-height: 56px; padding: var(--uv-s3) var(--uv-s4) !important; text-align: left !important; font-family: "Mont Bold", "Mont SemiBold", sans-serif !important; font-size: 16px !important; line-height: 1.35 !important; }
.faq #accordion .panel-title > a .more-less { order: 2; flex: 0 0 auto; margin: 0 !important; color: var(--uv-orange); }
.faq #accordion .panel-body { padding: 0 var(--uv-s4) var(--uv-s4) !important; border: 0 !important; font-size: var(--uv-body); line-height: 1.6; }

/* ======================= КОМПАКТНІШЕ НА ТЕЛЕФОНІ (05.10, «перевір розміри блоків, може зменшити») ======================= */
@media (max-width: 767px) {
  /* відступи між блоками картки 16 -> 12, внутрішні 16 -> 14 */
  #card-form > .card-product-buy, #card-form > .card-models, .product__top_right_content > .card-models, .uv-fit, .d_info .delivery-card { padding: 14px !important; margin-bottom: 12px !important; }
  #card-form > .hpm-block, #card-form > .card-details { margin-bottom: 12px !important; }
  .card-product-buy .product-btns { margin-top: 12px !important; }
  .hpm-block .h3, .card-models > .h3, .uv-fit > .h3, .delivery-card > .h3 { margin-bottom: 10px !important; }

  /* фото товару на телефоні 260 -> 220 px: з назвою у 2 рядки кнопка «В кошик» опинялась під нижнім меню (XROS 5, 06.10) */
  .product__top_left_content .main-image img, .product__top_left_content .slick-slide img, .product__top_left_content .thumbnails img { max-height: 220px; }
  /* фото товару: порожній відступ 41 px над галереєю -> 8 px (ціна й кнопка ближче до першого екрана) */
  .product__top_left_content > .product__main_images { padding-top: 8px !important; }

  /* кольори: кружки 74 -> 58 px, 5 в ряд замість 4 (10 кольорів - 2 ряди замість 3) */
  .hpm-button.image { width: 58px !important; height: 58px !important; min-width: 58px !important; padding: 4px !important; margin: 0 4px 30px !important; }
  .hpm-button.image.out-stock { margin-bottom: 40px !important; }
  .hpm-button.image img { width: 100% !important; height: 100% !important; object-fit: contain; }
  .hpm-button .uv-color-name { width: 66px; font-size: 10px; white-space: normal !important; word-break: normal !important; overflow-wrap: break-word; max-height: 3.5em; overflow: hidden; }   /* тема дає кнопкам nowrap, довгі назви налазили на сусідні */

  /* смаки: пігулки компактніші (зона натискання лишається від 40 px) */
  .hpm-button.attr { min-height: 40px !important; padding: 6px 12px !important; font-size: 14px !important; margin: 0 6px 8px 0 !important; }

  /* «Часто купують разом», «Інші моделі»: рядок 114 -> ~84 px */
  .card-models .model { min-height: 0 !important; padding: 10px 0 !important; }
  .card-models .model .model-image, .card-models .model .model-image img { width: 52px !important; height: 52px !important; flex-basis: 52px !important; margin: 0 !important; }
  .card-models .model .model-price { margin: 2px 0 0 !important; }

  /* «Сумісні картриджі»: картка 118 -> ~72 px */
  .uv-fit .uv-fit-link { padding: 8px 12px !important; min-height: 64px !important; }
  .uv-fit .uv-fit-link img { max-height: 48px !important; width: auto !important; }
  .uv-fit .uv-fit-track { padding: 0 22px !important; }

  /* «Доставка»: назва на всю ширину, під нею строк ліворуч і ціна праворуч в один рядок (рядки 88-158 -> ~60 px) */
  .d_info .delivery_list > li { display: grid !important; grid-template-columns: 1fr auto; column-gap: 12px; row-gap: 2px; align-items: baseline; padding: 10px 0 !important; }
  .d_info .delivery_list > li > div:first-child, .d_info .delivery_list > li > div:first-child > div:not(.icon) { display: contents !important; }
  .d_info .delivery_list > li > div:first-child > .icon { display: none !important; }
  .d_info .delivery_list .title { grid-column: 1 / -1; font-size: 14px !important; }
  .d_info .delivery_list .description { grid-column: 1; margin: 0 !important; }
  .d_info .delivery_list .price { grid-column: 2; max-width: none !important; text-align: right; font-size: 13px !important; white-space: nowrap; }

  /* прев'ю опису 560 -> 380 px */
  .product-promo #collapseDescription .panel-body { max-height: 380px; }
  .product-promo #collapseDescription.uv-open .panel-body { max-height: none; overflow: visible; }   /* 06.10: без цього розгорнутий опис лишався 380 px і текст налазив на кнопку */
  .product-promo #accordion { gap: 8px; margin: 12px 0 16px !important; }
  .product-promo { margin-top: 0 !important; }   /* між «Доставкою» й «Описом» було ~90 px порожнього */
  .card-sets:not(:has(*)) { display: none !important; }   /* порожній блок комплектів з відступом 30 px (усередині лише пробіли, тому не :empty) */
  .product-promo #accordion .panel-title > a { min-height: 52px; }

  /* заголовки всередині опису товару: 30/24 px -> 20/17 px (як заголовки блоків), текст 15 px лишається */
  .product-promo .panel-body h2 { font-family: "Mont Bold", "Mont SemiBold", sans-serif !important; font-size: 20px !important; line-height: 1.25 !important; margin: 20px 0 8px !important; }
  .product-promo .panel-body h3 { font-family: "Mont SemiBold", sans-serif !important; font-size: 17px !important; line-height: 1.3 !important; margin: 16px 0 6px !important; }
  .product-promo .panel-body > h2:first-child, .product-promo .panel-body img + h2 { margin-top: 12px !important; }

  /* проміжок між останнім блоком і підвалом 76 -> 48 px */
  footer.footer { margin-top: 24px !important; }

  /* нижня панель «Товар доданий до кошика»: зайві 40 px між смугою доставки і кнопками */
  #addModal .shipping-progress-wrapper { margin: 12px 0 4px !important; }
  #addModal .modal-buttons { margin-top: 8px !important; }
  #addModal .modal-buttons a.continue { display: flex !important; align-items: center; justify-content: center; min-height: 44px; padding: 0 !important; }

  /* модулі товарів («Рекомендовані» в картці, «Хіти продажів», «Новинки» на головній): згорнуто - 2 ряди (4 товари), решта за кнопкою.
     Тема на кнопці лише перемикає клас .text-collapse-m у батька (у картці він є від початку, на головній його ставить uv-ux.js) */
  .module-more .text-collapse-m > .hidden-sm > .product-column:nth-child(n+5), .module-more .text-collapse-m > .hidden-sm > .product-column_manuf { display: none !important; }   /* плитка «В розділ новинки» - у розгорнутому вигляді */
  .module-more .toggle-m.module-arrow.uv-hide { display: none !important; }
  :lang(uk) .module-more .text-collapse-m > .toggle-m.module-arrow::before { content: "Показати ще"; }
  :lang(ru) .module-more .text-collapse-m > .toggle-m.module-arrow::before { content: "Показать ещё"; }
  :lang(uk) .module-more div:not(.text-collapse-m) > .toggle-m.module-arrow::before { content: "Згорнути"; }
  :lang(ru) .module-more div:not(.text-collapse-m) > .toggle-m.module-arrow::before { content: "Свернуть"; }
}

/* 05.10 пункт 3: плашка «За запитом «жижа» відкрили розділ «Рідини». Шукати серед усіх товарів» - знизу поверх сторінки, щоб нічого не зсувати */
.uv-snack { position: fixed; z-index: 1050; left: 16px; right: 16px; bottom: 76px; max-width: 520px; margin: 0 auto; display: flex; align-items: center; gap: 12px;
  padding: 12px 8px 12px 16px; border-radius: 12px; background: #1f1f1f; color: #fff; font-size: 14px; line-height: 1.4; box-shadow: 0 6px 24px rgba(0,0,0,.25); transition: opacity .3s, transform .3s; }
.uv-snack a { color: #ffb48a; text-decoration: underline; white-space: nowrap; }
.uv-snack-x { flex: 0 0 44px; width: 44px; height: 44px; border: 0; background: none; color: #fff; font-size: 24px; line-height: 1; cursor: pointer; }
.uv-snack-out { opacity: 0; transform: translateY(12px); }
@media (min-width: 992px) { .uv-snack { left: auto; right: 24px; bottom: 24px; } }

/* ======================= СТОРІНКА БРЕНДУ (product/manufacturer/info, напр. /vaporesso) (06.10) =======================
   Тема ставила ціну й кнопку кошика абсолютно під фіксованою висотою картки 280 px - на телефоні їх обрізало наступним рядом;
   заголовки 30 px «Mont Regular» без ієрархії; на телефоні 4 розділи по 12 товарів + SEO-текст = 13 600 px. */
.manuf_prods .product-thumb .product-title-content { padding-inline: var(--uv-s2) !important; }
.manuf_prods .product-thumb .price-new, .manuf_prods .product-thumb .product_price { font-size: 17px !important; font-weight: 700 !important; }
.manuf_prods .product-thumb a.product-name { font-size: 14px !important; line-height: 1.35 !important; }
@media (max-width: 991px) {
  .manuf_prods { display: flex !important; flex-wrap: wrap; height: auto !important; }
  .manuf_prods::before, .manuf_prods::after { display: none !important; }
  .manuf_prods .product-layout { float: none !important; height: auto !important; min-height: 0 !important; margin-bottom: var(--uv-s4) !important; display: flex; }
  .manuf_prods .product-layout > .product-thumb { height: auto !important; min-height: 0 !important; width: 100%; display: flex !important; flex-direction: column; padding: var(--uv-s2) 0 !important; }
  .manuf_prods .product-thumb .xdstickers_wrapper { top: 6px !important; left: 6px !important; z-index: 2; }
  .manuf_prods .product-thumb .product-bottom { position: static !important; margin-top: auto; height: auto !important; }
  .manuf_prods .product-thumb .product-bottom .buy-box { padding: 0 var(--uv-s2) !important; }
  .manuf_prods .product-thumb .image { padding: 0 !important; }
  .manuf_prods .product-thumb .image img { max-height: 170px; }
}
@media (min-width: 992px) {
  .manuf_prods .product-thumb .product-bottom .buy-box { display: flex !important; align-items: center; justify-content: space-between; gap: var(--uv-s2); }
  .manuf_prods .product-thumb .product-bottom .button-group { display: flex !important; align-items: center; gap: var(--uv-s2); }
  .manuf_prods .product-thumb .product-bottom .button-add-default { width: 44px; height: 44px; border-radius: 50%; }
}
/* заголовки: H1 24/30 px, розділи («Электронные сигареты», «Комплектующие») і H2 тексту 20/24 px, H3 17 px - як в інших блоках */
body[class*="product-manufacturer-info"] #content > h1, body[class*="product-manufacturer-info"] h1.h1 { font-size: 24px !important; line-height: 1.25 !important; margin: 8px 0 16px !important; }
.manuf_tab .tab-pane > .h2, .manufacturer-text h2, .manufacturer_articles > .h3, .thumb-description > .h3 {
  font-family: "Mont Bold", "Mont SemiBold", sans-serif !important; font-size: var(--uv-h2) !important; line-height: 1.25 !important; font-weight: 700 !important; margin: var(--uv-s5) 0 var(--uv-s3) !important; }
.manufacturer-text h3 { font-family: "Mont SemiBold", sans-serif !important; font-size: 17px !important; line-height: 1.3 !important; margin: var(--uv-s4) 0 6px !important; }
.manufacturer-text p, .manufacturer-text li { font-size: 15px; line-height: 1.6; }
@media (min-width: 992px) { body[class*="product-manufacturer-info"] #content > h1, body[class*="product-manufacturer-info"] h1.h1 { font-size: 30px !important; } }
/* на телефоні в кожному розділі спершу 4 товари, решта за кнопкою (кнопку додає uv-ux.js) */
.uv-manuf-more { display: none; }
@media (max-width: 767px) {
  .manuf_prods.uv-few > .product-layout:nth-child(n+5) { display: none !important; }
  .manuf_prods.uv-few + .uv-manuf-more { display: flex; width: 100%; margin: 0 0 var(--uv-s4); }
}

/* ===== v4 (10.10.2026, Clarity): правила v6-v7, які раніше вставляв скрипт після показу сторінки - тепер з першого кадру, без стрибків ===== */
.uv-color-out { flex-basis: 100%; margin-top: 0; }
.uv-color-out-list { display: flex; flex-wrap: wrap; }
.uv-color-out .hpm-button { text-decoration: none; }
.main_image_carousel .slick-arrow.slick-disabled, .main-photo > .slick-arrow.slick-disabled { opacity: 1; cursor: pointer; pointer-events: auto; }
#card-form > .hpm-block { order: -1; }
#card-form > .card-details { order: 0; }
@media (max-width: 991px) {
  /* картка з кольорами без обраного кольору (сервер ставить uv-need-variant, коли $hide_buttons): кольори над ціною й кнопкою.
     Тема переносить блок кольорів у форму скриптом ~на 2-й секунді - до того тримаємо його місце (190 px = ряд кружків + «Немає зараз»), ціна не стрибає */
  body:has(.hpm-block-prd .column-image) #card-form.uv-need-variant::before { content: ""; display: block; order: -3; min-height: 190px; margin-bottom: 12px; }
  body:has(.hpm-block-prd .column-image) #card-form.uv-need-variant:has(> .hpm-block)::before { display: none; }
  body:has(.hpm-block-prd .column-image) #card-form.uv-need-variant > .hpm-block,
  #card-form.uv-choose-first > .hpm-block { order: -3; margin-bottom: 12px !important; min-height: 190px; }
}

/* ===== v5 · 10.10.2026 · аудит зручності (audyt-zruchnist-2026-10-10/ZVIT.md): рішення Кристини «+» на питання 1-4 і компактне вікно 18+ ===== */
:root { --uv-green: #1a8f3c; }

/* z-09: «В наявності» зеленим скрізь (у підказках пошуку воно вже зелене); значок у спрайті помаранчевий і не перефарбовується - малюємо свій */
.stock.in-stock, .stock.in-stock.text-success, ._list-stock .stock-value.instock { color: var(--uv-green) !important; }
.stock.in-stock > svg, ._list-stock:has(.stock-value.instock) > svg { display: none !important; }
.stock.in-stock::before, ._list-stock:has(.stock-value.instock)::before { content: ""; flex: 0 0 auto; display: inline-block; width: 13px; height: 13px; margin-right: 5px; vertical-align: -2px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='%231a8f3c' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7' cy='7' r='5.8'/%3E%3Cpath d='M4.4 7.2l1.8 1.8 3.4-3.7'/%3E%3C/svg%3E") no-repeat center / contain; }
._list-stock:has(.stock-value.instock)::before { width: 16px; height: 16px; margin-right: 6px; align-self: center; }
._list-stock .stock-value:not(.instock) { color: #6c6c6c !important; }

/* z-09: помаранчева заливка лише кнопкам покупки. «Фільтр товарів» - контурна, сортування і «Написати відгук» - звичайним текстом */
.ocf-btn-mobile-static .ocf-btn, .ocf-btn-mobile-static .ocf-btn.ocf-btn-default { background: #fff !important; color: var(--uv-ink) !important; border: 1.5px solid var(--uv-ink) !important; box-shadow: none !important; }
.ocf-btn-mobile-static .ocf-btn .ocf-btn-name, .ocf-btn-mobile-static .ocf-btn i, .ocf-btn-mobile-static .ocf-btn span { color: var(--uv-ink) !important; }
.list-sort .custom-select .select-selected { color: var(--uv-ink) !important; border-bottom-color: transparent !important; }
.rating-info a.goToReviews { color: #444 !important; border-bottom: 0 !important; text-decoration: underline !important; text-underline-offset: 3px; }

/* z-09: ціна «від N шт» спокійною плашкою замість червоного жирного рядка */
#card-form .price.price-discount { display: inline-flex; align-items: center; margin: 8px 6px 0 0 !important; padding: 5px 10px; border-radius: 8px; background: #f3f3f3; line-height: 1.3; }
#card-form .price.price-discount strong, #card-form .price.price-discount span { color: var(--uv-ink) !important; font-weight: 600 !important; font-size: 13px !important; }

/* z-11: блок «Доставка» в картці - два факти зверху, способи двома рядками; місто за IP прибрано (умови однакові для всіх міст) */
.d_info .delivery-card > .h3 .geoip-text { display: none !important; }
.uv-ship-facts { margin: 4px 0 10px; padding: 10px 12px; border-radius: 12px; background: #f2f9f4; font-size: 14px; line-height: 1.4; color: var(--uv-ink); }
.uv-ship-facts p { margin: 0; padding-left: 22px; position: relative; }
.uv-ship-facts p + p { margin-top: 6px; }
.uv-ship-facts p::before { content: ""; position: absolute; left: 0; top: 2px; width: 15px; height: 15px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='%231a8f3c' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7' cy='7' r='5.8'/%3E%3Cpath d='M4.4 7.2l1.8 1.8 3.4-3.7'/%3E%3C/svg%3E") no-repeat center / contain; }
.uv-ship-facts b, #addModal .uv-today, .d_info .delivery_list > li.uv-ship-row .uv-ship-t, #uv-chat-sheet .uv-sheet-row > span { font-family: "Mont SemiBold", "Mont Bold", sans-serif; font-weight: normal; }
#uv-chat-sheet .uv-sheet-row small { font-family: "Mont Regular", sans-serif; }
.d_info .delivery_list > li.uv-ship-row { display: grid !important; grid-template-columns: 1fr auto; column-gap: 12px; row-gap: 2px; align-items: baseline; padding: 10px 0 !important; }
.d_info .delivery_list > li.uv-ship-row .uv-ship-t { grid-column: 1; font-size: 15px; font-weight: 600; color: var(--uv-ink); }
.d_info .delivery_list > li.uv-ship-row .uv-ship-p { grid-column: 2; font-size: 13px; color: #6c6c6c; text-align: right; white-space: nowrap; }
.d_info .delivery_list > li.uv-ship-row .uv-ship-p.free { color: var(--uv-green); font-weight: 600; }
.d_info .delivery_list > li.uv-ship-row .uv-ship-d { grid-column: 1 / -1; font-size: 13px; color: #6c6c6c; }
.d_info .delivery_list > li .price.uv-tariff, .d_info .delivery_list > li .price.uv-tariff * { color: #6c6c6c !important; font-weight: 400 !important; }
#addModal .uv-today { margin: 6px 0 0; text-align: center; font-size: 13px; color: var(--uv-green); font-weight: 600; }

/* z-03: на телефоні зв'язок - пункт «Чат» у нижньому меню і значок у панелі «ціна + Купити»; плаваюча кнопка лягала на кнопку «в кошик» */
@media (max-width: 767px) {
  body:has(.mobile-footer-menu .uv-chat-item) .support-online, body:has(.mobile-footer-menu .uv-chat-item) .tg_fix_btn,
  html.uv-chat-menu .support-online, html.uv-chat-menu .tg_fix_btn { display: none !important; }
  .mobile-footer-menu .mob-menu-wrapper:has(.uv-chat-item) > .item, html.uv-chat-menu .mobile-footer-menu .mob-menu-wrapper > .item { flex: 1 1 0 !important; min-width: 0 !important; width: auto !important; }
  .mobile-footer-menu .mob-menu-wrapper:has(.uv-chat-item) > .item .btn-item, html.uv-chat-menu .mobile-footer-menu .mob-menu-wrapper > .item .btn-item { width: 100% !important; min-width: 0 !important; padding-left: 0 !important; padding-right: 0 !important; }
}
.mobile-footer-menu .product-page .uv-chat-mini { flex: 0 0 44px; width: 44px; height: 44px; margin-right: 8px; display: flex; align-items: center; justify-content: center; border: 1.5px solid #d0d0d0; border-radius: 50%; background: #fff; }
.mobile-footer-menu .product-page .uv-chat-mini svg { width: 24px; height: 24px; }
.mobile-footer-menu .product-page .uv-chat-mini + .product-price { margin-right: auto; }
#uv-chat-sheet { position: fixed; inset: 0; z-index: 100000; }
#uv-chat-sheet[hidden] { display: none !important; }
#uv-chat-sheet .uv-sheet-bg { position: absolute; inset: 0; background: rgba(0,0,0,.45); }
#uv-chat-sheet .uv-sheet-box { position: absolute; left: 0; right: 0; bottom: 0; max-width: 480px; margin: 0 auto; padding: 8px 16px calc(16px + env(safe-area-inset-bottom, 0px)); background: #fff; border-radius: 20px 20px 0 0; box-shadow: 0 -8px 30px rgba(0,0,0,.18); }
#uv-chat-sheet .uv-sheet-h { display: flex; align-items: center; justify-content: space-between; min-height: 48px; font-family: "Mont Bold", sans-serif; font-size: 18px; color: var(--uv-ink); }
#uv-chat-sheet .uv-sheet-x { width: 44px; height: 44px; margin-right: -10px; border: 0; background: none; font-size: 28px; line-height: 1; color: #6c6c6c; }
#uv-chat-sheet .uv-sheet-row { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 56px; padding: 6px 0; border: 0; border-top: 1px solid #eee; background: none; text-align: left; color: var(--uv-ink) !important; text-decoration: none !important; font-size: 16px; font-weight: 600; }
#uv-chat-sheet .uv-sheet-row i { flex: 0 0 40px; width: 40px; height: 40px; display: grid; place-content: center; border-radius: 50%; background: var(--uv-ink); }
#uv-chat-sheet .uv-sheet-row i svg { width: 22px; height: 22px; }
#uv-chat-sheet .uv-sheet-row small { display: block; margin-top: 1px; font-size: 13px; font-weight: 400; color: #6c6c6c; }

/* z-16: вікно 18+ компактне - питання, один рядок, «Так» на всю ширину, «Ні» текстом; юридичний текст під «Докладніше» (розмітка UV-AGE у footer.tpl) */
#check-age-window .modal-dialog { padding: 14px 15px 14px !important; }
#check-age-window .modal-header { padding: 8px 10px 4px !important; }
#check-age-window .modal-header .h2 { font-size: 20px !important; line-height: 1.25 !important; text-align: center; }
#check-age-window .modal-body { padding: 4px 10px 0 !important; text-align: center; }
#check-age-window .uv-age-lead { margin: 0 !important; font-size: 14px; line-height: 1.4; color: #444; }
#check-age-window .uv-age-more > summary { display: inline-block; padding: 8px 6px; cursor: pointer; list-style: none; font-size: 13px; color: #6c6c6c; text-decoration: underline; text-underline-offset: 3px; }
#check-age-window .uv-age-more > summary::-webkit-details-marker { display: none; }
#check-age-window .uv-age-more p, #check-age-window .uv-age-more li { margin: 0 0 6px !important; font-size: 13px !important; line-height: 1.4 !important; color: #444; text-align: left; }
#check-age-window .uv-age-more ul { margin: 0 0 4px; padding-left: 16px; }
#check-age-window .modal-footer { display: flex !important; flex-direction: column-reverse !important; align-items: stretch !important; gap: 0; padding: 6px 10px 0 !important; }
#check-age-window .modal-footer .age-success { width: 100% !important; height: 52px; margin: 0 !important; padding: 0 16px !important; border: 0; font-size: 17px !important; font-weight: 600; }
#check-age-window .modal-footer .age-false { width: auto !important; height: auto !important; min-height: 44px; margin: 4px 0 0 !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; display: flex !important; align-items: center; justify-content: center; background: none !important; border-radius: 0 !important; color: #6c6c6c !important; font-size: 14px !important; text-decoration: underline; text-underline-offset: 3px; }

/* ===== v6 · 10.10.2026 · звіт тестувальника (uvape_pomylky.pdf) ===== */
/* п. 3: посилання-кнопки в текстах сторінок (фон задано в самому тексті) отримували помаранчевий текст поверх блакитного фону - стиль сайту: темна кнопка */
html body #content a[style*="background-color"] { background-color: var(--uv-ink) !important; color: #fff !important; border-radius: 100px !important; padding: 12px 24px !important; font-size: 15px !important; text-decoration: none !important; }
#content font[color="#ff9c00"] { color: inherit !important; }
/* п. 4: знімки в інструкціях стояли на 25% ширини - на телефоні 89 px, тексту на них не видно */
[class*="information-information-"] #content p img[style*="width: 25%"] { width: auto !important; max-width: 100% !important; height: auto !important; }

/* ===== v7 · 10.10.2026 · Кристина: «чат виділи кольором» - пункт «Чат» у нижньому меню і значок чату біля «Купити» фірмовим помаранчевим ===== */
.mobile-footer-menu .uv-chat-item svg path, .mobile-footer-menu .product-page .uv-chat-mini svg path { stroke: var(--uv-orange) !important; }
.mobile-footer-menu .uv-chat-item .btn-item span { color: var(--uv-orange-text) !important; font-family: "Mont SemiBold", "Mont Bold", sans-serif; }
.mobile-footer-menu .product-page .uv-chat-mini { border-color: var(--uv-orange) !important; }

/* ===== v8 · 10.10.2026 · статті з блоками й картками товарів (Кристина: «посиль статті, потужні, з красивим дизайном, щоб усередині були картки, які зразу можна купити»).
   Розмітка статті: .uv-art (збирає uvape-dyzain/statti/zbir.py); ціну, наявність і кнопку «Купити» в картки підставляє uv-ux.js (articleCards) ===== */
.uv-art { --a-ink: #111; --a-mut: #6c6c6c; --a-line: #e6e6e6; --a-or: #ec5500; --a-ort: #c24400; --a-gr: #1a8f3c; --a-soft: #f6f6f6; color: var(--a-ink); }
.uv-art > h2 { margin: 34px 0 14px !important; font-family: "Mont Bold", sans-serif; font-size: 24px !important; line-height: 1.2 !important; }
.uv-art > p, .uv-art > ul, .uv-art > ol { font-size: 16px; line-height: 1.6; }
.uv-art-hero { position: relative; overflow: hidden; display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; gap: 12px; margin: 4px 0 26px; padding: 30px 32px; border-radius: 24px; color: #fff;
  background: radial-gradient(ellipse 90% 120% at 100% 100%, #ff6a00 0%, rgba(255,106,0,.55) 38%, rgba(255,106,0,0) 72%), #0b0b0b; }
.uv-art-eyebrow { display: inline-block; margin: 0 0 12px; padding: 6px 12px; border-radius: 100px; background: rgba(255,255,255,.14); font-size: 13px; font-family: "Mont SemiBold", sans-serif; letter-spacing: .02em; }
.uv-art-hero__title { margin: 0 0 10px !important; font-family: "Mont Bold", sans-serif; font-size: 56px; line-height: 1; letter-spacing: -.01em; color: #fff; }
.uv-art-hero__title span { color: #ff7a1a; }
.uv-art-hero__lead { margin: 0 0 20px !important; max-width: 30em; font-size: 18px; line-height: 1.45; color: rgba(255,255,255,.9); }
.uv-art-hero__img { display: flex; justify-content: center; align-items: flex-end; gap: 6px; min-height: 200px; }
.uv-art-hero__img img { max-height: 230px; width: auto; max-width: 31%; object-fit: contain; filter: drop-shadow(0 10px 18px rgba(0,0,0,.5)); }
.uv-art-hero__img .uv-art-sign { align-self: center; font-family: "Mont Bold", sans-serif; font-size: 34px; color: #fff; }
.uv-art-hero__img .uv-art-giftimg { position: relative; max-width: 31%; display: flex; }
.uv-art-hero__img .uv-art-giftimg img { max-width: 100%; }
.uv-art-hero__img .uv-art-giftimg::after { content: attr(data-label); position: absolute; left: 50%; bottom: -6px; transform: translateX(-50%); padding: 4px 10px; border-radius: 100px; background: #fff; color: var(--a-ort); font: 13px/1.2 "Mont Bold", sans-serif; white-space: nowrap; }
.uv-art-btn, .uv-art a.uv-art-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 28px; border: 0; border-radius: 100px; background: var(--a-or) !important; color: #fff !important; font: 17px/1 "Mont SemiBold", sans-serif; text-decoration: none !important; cursor: pointer; }
.uv-art-btn--ghost, .uv-art a.uv-art-btn--ghost { background: #fff !important; color: var(--a-ink) !important; border: 1.5px solid var(--a-ink); }
.uv-art-hero .uv-art-btn--ghost, .uv-art-hero a.uv-art-btn--ghost { background: transparent !important; color: #fff !important; border-color: rgba(255,255,255,.7); }
.uv-art-btns { display: flex; flex-wrap: wrap; gap: 10px; margin: 16px 0 6px; }
.uv-art-facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 0 0 8px; padding: 0; list-style: none; }
.uv-art-facts li { padding: 16px 18px; border: 1px solid var(--a-line); border-radius: 18px; background: #fff; font-size: 14px; line-height: 1.4; color: var(--a-mut); }
.uv-art-facts b { display: block; margin-bottom: 4px; font: 22px/1.15 "Mont Bold", sans-serif; color: var(--a-ink); }
.uv-art-steps { counter-reset: uvs; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 0 0 8px !important; padding: 0 !important; list-style: none; }
.uv-art-steps li { counter-increment: uvs; position: relative; padding: 58px 18px 18px; border-radius: 18px; background: var(--a-soft); font-size: 15px; line-height: 1.5; color: #333; }
.uv-art-steps li::before { content: counter(uvs); position: absolute; left: 18px; top: 16px; width: 32px; height: 32px; display: grid; place-content: center; border-radius: 50%; background: var(--a-ink); color: #fff; font: 15px/1 "Mont Bold", sans-serif; }
.uv-art-steps b { display: block; margin-bottom: 4px; font: 17px/1.3 "Mont SemiBold", sans-serif; color: var(--a-ink); }
.uv-art-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin: 0 0 10px; }
.uv-art-grid--3 { grid-template-columns: repeat(3, 1fr); }
.uv-art-card { position: relative; display: flex; flex-direction: column; min-width: 0; padding: 12px 12px 14px; border: 1px solid var(--a-line); border-radius: 18px; background: #fff; transition: box-shadow .15s, border-color .15s; }
.uv-art-card:hover { border-color: #cfcfcf; box-shadow: 0 6px 20px rgba(0,0,0,.08); }
.uv-art-card__img { display: block; aspect-ratio: 1 / 1; margin: 0 0 8px; border-radius: 12px; background: #fff; overflow: hidden; }
.uv-art-card__img img { width: 100%; height: 100%; object-fit: contain; display: block; }
.uv-art-card__name, .uv-art a.uv-art-card__name { display: block; font: 15px/1.3 "Mont SemiBold", sans-serif; color: var(--a-ink) !important; text-decoration: none !important; }
.uv-art-card__sub { display: block; margin-top: 2px; font-size: 13px; line-height: 1.3; color: var(--a-mut); }
.uv-art-card__tag { position: absolute; left: 10px; top: 10px; z-index: 1; padding: 4px 9px; border-radius: 100px; background: var(--a-ink); color: #fff; font: 12px/1.2 "Mont SemiBold", sans-serif; }
.uv-art-card__tag--gift { background: var(--a-or); }
.uv-art-card__foot { margin-top: auto; padding-top: 10px; min-height: 96px; display: flex; flex-direction: column; gap: 6px; }
.uv-art-card__stock { font-size: 12px; color: var(--a-gr); }
.uv-art-card__stock.no { color: var(--a-mut); }
.uv-art-card__price { font: 20px/1.1 "Mont Bold", sans-serif; color: var(--a-ink); }
.uv-art-card__price s { margin-left: 6px; font: 13px/1 "Mont Regular", sans-serif; color: #9a9a9a; }
.uv-art-card__price.gift { color: var(--a-ort); }
.uv-art-card__buy, .uv-art a.uv-art-card__buy { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 44px; margin-top: 2px; padding: 0 10px; border: 0; border-radius: 100px; background: var(--a-or) !important; color: #fff !important; font: 15px/1 "Mont SemiBold", sans-serif; text-decoration: none !important; cursor: pointer; }
.uv-art-card__buy.done { background: var(--a-gr) !important; }
.uv-art-card__buy.ghost, .uv-art a.uv-art-card__buy.ghost { background: #fff !important; color: var(--a-ink) !important; border: 1.5px solid var(--a-ink); }
.uv-art-card__more, .uv-art a.uv-art-card__more { align-self: center; font-size: 13px; color: var(--a-mut) !important; text-decoration: underline !important; text-underline-offset: 3px; }
.uv-art-card__sk { height: 20px; width: 60%; border-radius: 6px; background: linear-gradient(90deg, #f0f0f0, #fafafa, #f0f0f0); background-size: 200% 100%; animation: uv-art-sk 1.2s linear infinite; }
.uv-art-card__sk + .uv-art-card__sk { width: 100%; height: 44px; border-radius: 100px; }
@keyframes uv-art-sk { to { background-position: -200% 0; } }
.uv-art-note { margin: 22px 0 8px; padding: 18px 20px; border-radius: 18px; background: #fff7f2; border: 1px solid #ffd9c2; font-size: 15px; line-height: 1.55; }
.uv-art-note > b:first-child, .uv-art-note > strong:first-child { display: block; margin-bottom: 6px; font: 17px/1.3 "Mont SemiBold", sans-serif; }
.uv-art-note ul { margin: 0; padding-left: 18px; }
.uv-art-note li { margin: 3px 0; }
.uv-art-faq details { border: 1px solid var(--a-line); border-radius: 16px; background: #fff; margin: 0 0 8px; }
.uv-art-faq summary { position: relative; padding: 15px 46px 15px 18px; cursor: pointer; list-style: none; font: 16px/1.35 "Mont SemiBold", sans-serif; }
.uv-art-faq summary::-webkit-details-marker { display: none; }
.uv-art-faq summary::after { content: "+"; position: absolute; right: 18px; top: 50%; transform: translateY(-50%); font: 22px/1 "Mont Regular", sans-serif; color: var(--a-mut); }
.uv-art-faq details[open] summary::after { content: "−"; }
.uv-art-faq details > div, .uv-art-faq details > p { margin: 0; padding: 0 18px 16px; font-size: 15px; line-height: 1.55; color: #333; }
.uv-art-cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; margin: 26px 0 6px; padding: 22px 24px; border-radius: 20px; background: #0b0b0b; color: #fff; }
.uv-art-cta p { margin: 0 !important; font: 20px/1.3 "Mont SemiBold", sans-serif; color: #fff; }
.uv-art-cta small { display: block; margin-top: 4px; font: 14px/1.4 "Mont Regular", sans-serif; color: rgba(255,255,255,.75); }
.uv-art-place { display: flex; align-items: center; gap: 12px; margin: 30px 0 10px; }
.uv-art-place b { flex: 0 0 auto; width: 44px; height: 44px; display: grid; place-content: center; border-radius: 50%; background: var(--a-ink); color: #fff; font: 18px/1 "Mont Bold", sans-serif; }
.uv-art-place h3 { margin: 0 !important; font: 20px/1.25 "Mont Bold", sans-serif !important; }
.uv-art-row { display: grid; grid-template-columns: minmax(0, 220px) 1fr; gap: 18px; align-items: start; margin: 0 0 6px; }
@media (max-width: 991px) {
  .uv-art-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 767px) {
  .uv-art > h2 { font-size: 21px !important; margin-top: 28px !important; }
  .uv-art-hero { grid-template-columns: 1fr; padding: 22px 18px 20px; border-radius: 20px; }
  .uv-art-hero__title { font-size: 44px; }
  .uv-art-hero__lead { font-size: 16px; }
  .uv-art-hero__img { order: -1; min-height: 150px; }
  .uv-art-hero__img img { max-height: 160px; }
  .uv-art-hero .uv-art-btn { width: 100%; }
  .uv-art-facts, .uv-art-steps { grid-template-columns: 1fr; }
  .uv-art-steps li { padding: 16px 16px 16px 62px; }
  .uv-art-steps li::before { top: 16px; left: 16px; }
  .uv-art-grid, .uv-art-grid--3 { grid-template-columns: repeat(2, 1fr); gap: 8px; }
  .uv-art-card { padding: 10px 10px 12px; border-radius: 16px; }
  .uv-art-card__name, .uv-art a.uv-art-card__name { font-size: 14px; }
  .uv-art-card__price { font-size: 18px; }
  .uv-art-cta { padding: 18px; }
  .uv-art-cta .uv-art-btn { width: 100%; }
  .uv-art-row { grid-template-columns: 1fr; }
  .uv-art-row > .uv-art-card { max-width: 260px; }
}
/* тема задає в статтях свої правила для p, li, a (.blog-blog .main_description ...): у блоках .uv-art перебиваємо їх */
html body #content .uv-art .uv-art-hero__title { margin: 0 0 10px !important; font: 56px/1 "Mont Bold", sans-serif !important; letter-spacing: -.01em; color: #fff !important; text-align: left !important; }
html body #content .uv-art .uv-art-hero__title span { font-size: inherit !important; color: #ff7a1a !important; }
html body #content .uv-art .uv-art-hero__lead { margin: 0 0 20px !important; font-size: 18px !important; line-height: 1.45 !important; color: rgba(255,255,255,.92) !important; }
html body #content .uv-art .uv-art-eyebrow { color: #fff; }
html body #content .uv-art-facts, html body #content .uv-art-steps { padding: 0 !important; list-style: none !important; }
html body #content .uv-art-facts li, html body #content .uv-art-steps li { list-style: none !important; }
html body #content .uv-art a[class^="uv-art-"] { border-bottom: 0 !important; line-height: inherit; }
html body #content .uv-art a.uv-art-btn, html body #content .uv-art a.uv-art-card__buy { display: inline-flex; line-height: 1; }
html body #content .uv-art a.uv-art-card__buy { display: flex; }
html body #content .uv-art a.uv-art-btn--ghost, html body #content .uv-art a.uv-art-card__buy.ghost { border: 1.5px solid var(--a-ink) !important; }
html body #content .uv-art .uv-art-hero a.uv-art-btn--ghost { border: 1.5px solid rgba(255,255,255,.7) !important; }
html body #content .uv-art a.uv-art-card__img { display: block; line-height: 0; }
html body #content .uv-art a.uv-art-card__name { display: block; line-height: 1.3; }
html body #content .uv-art a.uv-art-card__more { display: inline; line-height: 1.3; }
html body #content .uv-art .uv-art-cta p { margin: 0 !important; font: 20px/1.3 "Mont SemiBold", sans-serif !important; color: #fff !important; }
html body #content .uv-art .uv-art-faq p { margin: 0 !important; }
html body #content .uv-art .uv-art-note li { list-style: disc !important; }
html body #content .uv-art > p { margin-bottom: 14px; }
/* наше ж правило для текстів сторінок (body.blog-blog #content p, li: не менше 15px, рядок 1.6) у блоках статті не потрібне */
html body #content .uv-art .uv-art-facts li { font-size: 14px !important; line-height: 1.4 !important; }
html body #content .uv-art .uv-art-steps li { font-size: 15px !important; line-height: 1.5 !important; }
html body #content .uv-art .uv-art-note li { font-size: 15px !important; line-height: 1.55 !important; }
html body #content .uv-art .uv-art-faq p { font-size: 15px !important; line-height: 1.55 !important; }
html body #content .uv-art .uv-art-cta small { font-size: 14px !important; }
html body #content .uv-art h2 { text-align: left; }
/* у статті з блоками коротке вступне речення вже є в шапці-блоці; «Рекомендовані товари» внизу повторюють картки зі статті (сам блок дає карткам ціну й наявність) */
.blog_post:has(.uv-art:not(.uv-art--in):not(.uv-art--short)) .short-description { display: none !important; }
.uv-art-hero__img .uv-art-sign { flex: 0 0 auto; }
.uv-art-grid--3 .uv-art-card__foot { min-height: 0; }
@media (min-width: 768px) { .uv-art-grid--3 .uv-art-card__img { aspect-ratio: auto; height: 190px; } }
@media (max-width: 767px) {
  html body #content .uv-art .uv-art-hero__title { font-size: 42px !important; }
  html body #content .uv-art .uv-art-hero__lead { font-size: 16px !important; }
  .uv-art-hero__img { order: -1; margin-bottom: 14px; }
  .uv-art-hero .uv-art-btns { flex-direction: column; }
  .uv-art-grid--3 { grid-template-columns: repeat(3, 1fr); gap: 6px; }
  .uv-art-grid--3 .uv-art-card { padding: 8px 8px 10px; border-radius: 14px; }
  .uv-art-grid--3 .uv-art-card__name, html body #content .uv-art .uv-art-grid--3 a.uv-art-card__name { font-size: 12.5px; line-height: 1.25; }
  .uv-art-grid--3 .uv-art-card__sub { font-size: 11.5px; }
  .uv-art-grid--3 .uv-art-card__tag { left: 6px; top: 6px; padding: 3px 7px; font-size: 11px; }
  .uv-art-grid--3 .uv-art-card__foot { min-height: 0; }
  .uv-art-grid--3 .uv-art-card__price { font-size: 16px; }
  .uv-art-grid--3 .uv-art-card__price s { display: block; margin: 3px 0 0; }
  .uv-art-grid--3 .uv-art-card__stock { font-size: 11px; line-height: 1.25; }
  .uv-art-facts { grid-template-columns: 1fr; gap: 8px; }
  .uv-art-facts li { padding: 12px 14px; border-radius: 14px; }
  .uv-art-facts b { font-size: 19px; }
}
/* рейтинги й огляди: список місць (замість колонки «Зміст»), місце + картка товару поруч з текстом */
.uv-art-top { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin: 0 0 6px !important; padding: 0 !important; list-style: none !important; }
html body #content .uv-art .uv-art-top li { list-style: none !important; font-size: 15px !important; line-height: 1.3 !important; }
html body #content .uv-art a.uv-art-top__a { display: flex; align-items: center; gap: 10px; padding: 9px 14px; border: 1px solid var(--a-line) !important; border-radius: 14px; background: #fff; color: var(--a-ink) !important; font-family: "Mont SemiBold", sans-serif; line-height: 1.3; text-decoration: none !important; }
html body #content .uv-art a.uv-art-top__a:hover { border-color: #bdbdbd !important; }
.uv-art-top__a b { flex: 0 0 28px; height: 28px; display: grid; place-content: center; border-radius: 50%; background: var(--a-ink); color: #fff; font: 14px/1 "Mont Bold", sans-serif; }
.uv-art-top li:nth-child(-n+3) .uv-art-top__a b { background: var(--a-or); }
.uv-art-place { display: block; margin: 36px 0 12px; scroll-margin-top: 96px; }
html body #content .uv-art .uv-art-place h3 { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0 !important; font: 22px/1.25 "Mont Bold", sans-serif !important; text-align: left; }
.uv-art-rank { display: inline-block; padding: 7px 13px; border-radius: 100px; background: var(--a-ink); color: #fff; font: 14px/1 "Mont SemiBold", sans-serif; white-space: nowrap; }
.uv-art-place.top .uv-art-rank { background: var(--a-or); }
html body #content .uv-art .uv-art-pic { margin: 0 0 12px !important; line-height: 0 !important; }
.uv-art-pic img { display: block; width: 100%; height: auto; max-height: 320px; object-fit: contain; border-radius: 16px; background: #f6f6f6; }
.uv-art-row { margin-bottom: 14px; }
.uv-art-row > div > p:last-child { margin-bottom: 0 !important; }
.uv-art h3 { scroll-margin-top: 96px; }
.uv-art #reiting, .uv-art #umovy { scroll-margin-top: 96px; }
@media (max-width: 767px) {
  .uv-art-top { grid-template-columns: 1fr; gap: 6px; }
  html body #content .uv-art .uv-art-place h3 { font-size: 19px !important; }
  .uv-art-row > .uv-art-card { order: 2; max-width: none; display: grid; grid-template-columns: 104px 1fr; column-gap: 12px; align-items: start; }
  .uv-art-row > .uv-art-card .uv-art-card__img { grid-row: 1 / span 3; margin: 0; }
  .uv-art-row > .uv-art-card .uv-art-card__name, .uv-art-row > .uv-art-card .uv-art-card__sub, .uv-art-row > .uv-art-card .uv-art-card__foot { grid-column: 2; }
  .uv-art-row > .uv-art-card .uv-art-card__foot { min-height: 0; padding-top: 6px; }
}
.uv-art .tabtwo { margin: 0 0 10px; padding: 14px 16px 6px; border-radius: 16px; background: var(--a-soft); }
html body #content .uv-art .tabtwo p { margin: 0 0 6px !important; }
html body #content .uv-art .tabtwo ul { margin: 0 0 10px; }
/* плашки акцій на плитках і в картці ведуть на сторінку акції (uv-ux.js, promoBadges) */
.uv-bxgy-badge, .uv-gift-badge { cursor: pointer; }
/* сторінка статті з блоками: зміст не потрібен окремою колонкою - текст на всю ширину */
.blog_post:has(.uv-art:not(.uv-art--in)) .left-block { display: none !important; }
.blog_post:has(.uv-art:not(.uv-art--in)) .right-block { width: 100% !important; float: none !important; max-width: 980px; margin: 0 auto; }

/* ===== v9 · 10.10.2026 · найвідвідуваніші статті під покупку (Кристина: «роби топ 10 статей по кількості відвідувань, оформи їх спрямування на конверсію покупки»).
   .uv-art-pick - панель з картками товарів усередині тексту; .uv-art--in - вставний блок у статті зі своїм оформленням (сторінка не перебудовується);
   .uv-art--short - стаття, де вступ «Коротко про головне» лишається видимим ===== */
.uv-art-pick { margin: 26px 0 22px; padding: 18px 18px 12px; border-radius: 20px; background: var(--a-soft, #f6f6f6); }
html body #content .uv-art p.uv-art-h { margin: 0 0 6px !important; font: 21px/1.25 "Mont Bold", sans-serif !important; color: var(--a-ink) !important; text-align: left !important; }
html body #content .uv-art p.uv-art-lead { margin: 0 0 12px !important; font-size: 15px !important; line-height: 1.5 !important; color: #555 !important; text-align: left !important; }
.uv-art-pick .uv-art-grid { margin-bottom: 6px; }
.uv-art-pick .uv-art-btns { margin: 10px 0 4px; }
.uv-art-pick .uv-art-h + .uv-art-grid { margin-top: 10px; }
.uv-art > ul + .uv-art-grid, .uv-art > table + .uv-art-grid { margin-top: 14px; }
.uv-art-hero--text { grid-template-columns: 1fr; }
.uv-art-hero--text .uv-art-hero__lead { max-width: 40em; }
html body #content .uv-art h2.uv-art-h2rank { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; scroll-margin-top: 96px; }
.uv-art-h2rank.top .uv-art-rank { background: var(--a-or); }
.uv-art > h2 { scroll-margin-top: 96px; }
.uv-art--in { margin: 30px 0; text-align: left; font-family: "Mont Regular", sans-serif; }
.uv-art--tip { margin: 22px 0; }
.uv-art--tip .uv-art-note { margin: 0; }
.uv-art--tip .uv-art-note > b:first-child { display: inline; margin: 0 6px 0 0; font: inherit; font-family: "Mont SemiBold", sans-serif; }
.uv-art--in .uv-art-note { font-size: 15px; line-height: 1.55; color: #111; }
html body #content .uv-art ul.uv-art-list { margin: 0 0 12px !important; padding: 0 0 0 20px !important; }
html body #content .uv-art ul.uv-art-list li { margin: 4px 0; font-size: 15px !important; line-height: 1.5 !important; list-style: disc !important; color: #222; text-align: left; }
html body #content .uv-art--in a:not([class^="uv-art-"]) { color: var(--a-ort, #c24400) !important; text-decoration: underline !important; text-underline-offset: 3px; border-bottom: 0 !important; display: inline; line-height: inherit; }
.uv-art--in[id] { scroll-margin-top: 96px; }
.uv-art--in .uv-art-pick { margin: 0; }
html body #content .uv-art--in a[class^="uv-art-"] { text-decoration: none !important; }
@media (max-width: 767px) {
  .uv-art-pick { margin: 22px -4px 18px; padding: 14px 10px 10px; border-radius: 18px; }
  html body #content .uv-art p.uv-art-h { font-size: 19px !important; }
}

/* ===== v10 · 11.10.2026 · головна: картинки трьох категорій замість лінійних іконок (Кристина: «оці заміни на красиві картинки», зроблено в Canva).
   Сервер тепер віддає картинку 192x192 (було 69x69), показуємо 88 px ===== */
.category_slider .item .cat-img { width: 88px; height: 88px; object-fit: contain; margin-left: auto; margin-right: auto; }

/* ===== v11 · 11.10.2026 · картка товару без наявності: до 4 схожих товарів, які є (Кристина «1+»; заміри merezha/analityka/uvape_vkhid_nayavnist.py) ===== */
.uv-oos-alt { margin: 14px 0 4px; }
.uv-oos-alt-h { margin: 0 0 8px; font-size: 16px; font-weight: 700; color: #111; }
.uv-oos-alt-row { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(132px, 1fr); gap: 10px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 2px 2px 8px; margin: 0 -2px; scrollbar-width: none; }
.uv-oos-alt-row::-webkit-scrollbar { display: none; }
.uv-oos-alt-i { scroll-snap-align: start; display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 10px 8px; border: 1px solid #e6e6e6; border-radius: 14px; background: #fff; text-align: center; text-decoration: none !important; color: #111 !important; min-width: 0; }
.uv-oos-alt-i:hover, .uv-oos-alt-i:focus-visible { border-color: var(--uv-orange, #ec5500); outline: none; }
.uv-oos-alt-i img { width: 96px; height: 96px; object-fit: contain; }
.uv-oos-alt-i .n { font-size: 13px; line-height: 1.25; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.uv-oos-alt-i .p { margin-top: auto; font-size: 14px; white-space: nowrap; }
.uv-oos-alt-i .p b { color: var(--uv-orange-text, #c24400); }
.uv-oos-alt-i .p s { color: #8a8a8a; font-size: 12px; }
@media (max-width: 599px) { .uv-oos-alt-row { grid-auto-columns: 43%; } }

/* ===== v12 · 11.10.2026 · особистий кабінет (Кристина: «перероби вигляд, додай повторити замовлення, додай кешбек») =====
   Свої блоки додає uv-ux.js (cabinet); старі блоки теми тут лише ховаємо. Кольори й форми - як у новому оформленні замовлення. */
body.uv-cab.account-account .account-content { display: none !important; }
.uv-cab-home { display: grid; gap: 12px; margin: 4px 0 28px; }
.uv-cab-hello { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border: 1px solid #e6e6e6; border-radius: 20px; background: #fff; }
.uv-cab-hello .av { flex: 0 0 44px; height: 44px; border-radius: 50%; background: #111; color: #fff; display: grid; place-items: center; font-weight: 700; font-size: 18px; }
.uv-cab-hello .who { min-width: 0; flex: 1 1 auto; }
.uv-cab-hello .nm { font-size: 18px; font-weight: 700; line-height: 1.2; color: #111; }
.uv-cab-hello .sub { margin-top: 3px; font-size: 13px; line-height: 1.4; color: #666; overflow-wrap: anywhere; }
.uv-cab-hello .ed { flex: 0 0 auto; align-self: flex-start; font-size: 13px; font-weight: 600; color: var(--uv-orange-text, #c24400) !important; text-decoration: underline; }
.uv-cab-cash { padding: 16px; border: 1px solid #ffd9c2; border-radius: 20px; background: #fff7f2; }
.uv-cab-cash .t { font-size: 14px; font-weight: 600; color: #8a3a00; }
.uv-cab-cash .v { margin: 2px 0 6px; font-size: 32px; font-weight: 800; line-height: 1.1; color: #111; }
.uv-cab-cash p { margin: 0 0 12px; font-size: 14px; line-height: 1.4; color: #444; }
.uv-cab-cash .a { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 18px; }
.uv-cab-cash .lnk { font-size: 14px; font-weight: 600; color: var(--uv-orange-text, #c24400) !important; text-decoration: underline; }
.uv-cab-btn, .uv-cab-btn2 { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 20px; border-radius: 999px; font-size: 15px; font-weight: 700; line-height: 1.2; text-align: center; text-decoration: none !important; cursor: pointer; }
.uv-cab-btn { border: 1.5px solid #ec5500; background: #ec5500; color: #fff !important; }
.uv-cab-btn:hover, .uv-cab-btn:focus-visible { background: #d24b00; border-color: #d24b00; }
.uv-cab-btn2 { border: 1.5px solid #d6d6d6; background: #fff; color: #111 !important; }
.uv-cab-btn2:hover, .uv-cab-btn2:focus-visible { border-color: #111; }
.uv-cab-last { padding: 14px 16px 4px; border: 1px solid #e6e6e6; border-radius: 20px; background: #fff; }
.uv-cab-last .h { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 2px; font-size: 16px; color: #111; }
.uv-cab-last .h a { font-size: 13px; font-weight: 600; color: var(--uv-orange-text, #c24400) !important; text-decoration: underline; white-space: nowrap; }
.uv-cab-ord { padding: 12px 0; border-top: 1px solid #eee; }
.uv-cab-last .h + .uv-cab-ord { border-top: 0; }
.uv-cab-ord .r1 { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 8px; font-size: 15px; color: #111; }
.uv-cab-ord .r1 .d { font-size: 13px; color: #666; }
.uv-cab-ord .r2 { margin: 4px 0 10px; font-size: 14px; color: #444; }
.uv-cab-ord .r3 { display: flex; gap: 8px; }
.uv-cab-ord .r3 a { flex: 1 1 0; min-height: 42px; padding: 0 12px; }
.uv-cab-none { padding: 6px 0 12px; font-size: 14px; color: #444; }
.uv-cab-none a { font-weight: 600; color: var(--uv-orange-text, #c24400) !important; text-decoration: underline; }
.uv-cab-st { display: inline-block; padding: 3px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; line-height: 1.3; white-space: nowrap; }
.uv-cab-ord .uv-cab-st { margin-left: auto; }
.uv-cab-st.ok { background: #e7f6ec; color: #1d7a3e; }
.uv-cab-st.off { background: #f1f1f1; color: #666; }
.uv-cab-st.go { background: #fff1e6; color: #b24a00; }
.uv-cab-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.uv-cab-tile { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; min-height: 96px; padding: 14px; border: 1px solid #e6e6e6; border-radius: 18px; background: #fff; color: #111 !important; font-size: 14px; font-weight: 600; line-height: 1.25; text-decoration: none !important; }
.uv-cab-tile:hover, .uv-cab-tile:focus-visible { border-color: #ec5500; outline: none; }
.uv-cab-tile .ic { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: #f4f4f4; color: #111; }
.uv-cab-tile .ic svg { width: 22px; height: 22px; }
.uv-cab-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; border: 1px solid #e6e6e6; border-radius: 18px; background: #fff; color: #111 !important; font-size: 15px; font-weight: 600; text-decoration: none !important; }
.uv-cab-row span { font-size: 20px; color: #ec5500; }
.uv-cab-out { justify-self: center; padding: 8px 12px; font-size: 14px; color: #666 !important; text-decoration: underline; }
.uv-cab-retop { margin: 4px 0 14px; }
.uv-cab-how { margin: 12px 0; padding: 14px 16px; border: 1px solid #ffd9c2; border-radius: 18px; background: #fff7f2; text-align: left; }
.uv-cab-how b { font-size: 15px; color: #111; }
.uv-cab-how p { margin: 4px 0 12px; font-size: 14px; line-height: 1.4; color: #444; }
@media (min-width: 992px) { .uv-cab-home { max-width: 760px; } .uv-cab-grid, .uv-cab-out { display: none; } }
@media (max-width: 991px) {
  body.uv-cab.account-account #column-left { display: none !important; }
  /* історія замовлень: кожне замовлення - картка */
  body.uv-cab.account-order table.order-list, body.uv-cab.account-order table.order-list tbody, body.uv-cab.account-order table.order-list tr, body.uv-cab.account-order table.order-list td { display: block; width: auto; border: 0; padding: 0; background: none; text-align: left; }
  body.uv-cab.account-order table.order-list thead { display: none; }
  body.uv-cab.account-order table.order-list tbody tr { margin: 0 0 10px; padding: 14px 16px; border: 1px solid #e6e6e6; border-radius: 18px; background: #fff; }
  body.uv-cab.account-order table.order-list td:nth-child(3), body.uv-cab.account-order table.order-list td:nth-child(4) { display: none; }
  body.uv-cab.account-order table.order-list td:nth-child(1) { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 8px; }
  body.uv-cab.account-order table.order-list .num { font-size: 15px; font-weight: 700; color: #111; }
  body.uv-cab.account-order table.order-list .date { font-size: 13px; color: #666; }
  body.uv-cab.account-order table.order-list td:nth-child(1) .status { margin: 0 0 0 auto; }
  body.uv-cab.account-order table.order-list td:nth-child(2) { display: flex; align-items: baseline; flex-wrap: wrap; gap: 0 6px; margin-top: 4px; }
  body.uv-cab.account-order table.order-list .total { font-size: 14px; font-weight: 600; color: #111; }
  body.uv-cab.account-order table.order-list .cnt { font-size: 14px; color: #444; }
  body.uv-cab.account-order table.order-list .cnt::before { content: "· "; }
  body.uv-cab.account-order table.order-list td:nth-child(2) .info { flex: 0 0 100%; display: flex !important; gap: 8px; margin-top: 10px; }
  body.uv-cab.account-order table.order-list td:nth-child(2) .info a { flex: 1 1 0; min-height: 42px; padding: 0 12px; }
}
@media (min-width: 992px) { body.uv-cab.account-order table.order-list td .info { display: flex; gap: 8px; justify-content: flex-end; } body.uv-cab.account-order table.order-list td .info a { min-height: 38px; padding: 0 16px; font-size: 14px; } }
/* тема дає статусу і посиланню «Дивитись» великі відступи й підкреслення - прибираємо, щоб картка була рівною */
body.uv-cab.account-order table.order-list td .status { display: inline-block !important; height: auto !important; padding: 3px 10px !important; font-size: 12px !important; line-height: 1.3 !important; }
body.uv-cab.account-order table.order-list td .info { padding: 0 !important; height: auto !important; }
body.uv-cab.account-order table.order-list td .info a { display: inline-flex !important; line-height: 1.2 !important; }
body.uv-cab.account-order table.order-list td .info a.uv-cab-btn { border: 1.5px solid #ec5500 !important; }
body.uv-cab.account-order table.order-list td .info a.uv-cab-btn2 { border: 1.5px solid #d6d6d6 !important; }
@media (max-width: 991px) { body.uv-cab.account-order table.order-list td:nth-child(1) .status { margin: 0 0 0 auto !important; } }
@media (max-width: 991px) { .uv-cab-retop { display: flex; width: 100%; } }
@media (min-width: 992px) { .uv-cab-ord .r3 a { flex: 0 0 200px; } }
/* 11.10 (Кристина: «2 +»): «Списати на ЗСУ» - контурна кнопка, головна дія на сторінці кешбеку тепер «До покупок» */
body.uv-cab.account-cashback .cashback-info .btn-off { display: block; width: auto; min-height: 44px; margin: 0 auto 10px; padding: 0 22px; border: 1.5px solid #d6d6d6 !important; border-radius: 999px; background: #fff !important; color: #111 !important; font-size: 15px; font-weight: 600; box-shadow: none !important; }
body.uv-cab.account-cashback .cashback-info .btn-off:hover, body.uv-cab.account-cashback .cashback-info .btn-off:focus-visible { border-color: #111 !important; }

/* --- v24 / стилі v13 (13.10.2026, звіт Search Console «Основні показники»): картка товару без стрибків.
       Блок кольорів/смаків тема переносить у картку скриптом уже після появи сторінки, і все, що стоїть під блоком покупки, з'їжджало вниз
       (картка рідини без наявності: 0,22-0,46). Поки картка не готова (клас uv-card-ready ставить uv-ux.js), це місце зайняте, але невидиме:
       зсув невидимого браузер стрибком не вважає. Якщо скрипт не спрацював - показуємо через 4 с. --- */
@media (max-width: 991px) {
  #card-form:not(.uv-card-ready) > .card-details, #card-form:not(.uv-card-ready) > #card_sets, #card-form:not(.uv-card-ready) > .card:not(.card-product-buy),
  #card-form:not(.uv-card-ready) ~ * { visibility: hidden; animation: uv-card-late 0s linear 4s forwards; }
}
@keyframes uv-card-late { to { visibility: visible; } }
/* «Схожі в наявності»: місце під блок одразу, плитки однакової висоти (назва завжди три рядки) - коли товари приходять, нічого не рухається */
.uv-oos-alt { min-height: 244px; }
.uv-oos-alt-i .n { min-height: 49px; }
.uv-oos-alt-wait { border-radius: 14px; background: #f5f6f7; }
.uv-oos-alt-none { display: flex; align-items: center; justify-content: center; border: 1px solid #e6e6e6; border-radius: 14px; }
.uv-oos-alt-all { font-weight: 600; color: var(--uv-orange-text, #c24400) !important; text-decoration: underline; padding: 16px; text-align: center; }
#card-form .card-product-buy > .uv-oos-note { margin: 8px 0 0; }
/* --- v14 (22.10): кошик після «Повторити замовлення» - що не лягло (uv-ux.js roNotice, сервер UV-REORDER-MSG); ширина як у форми оформлення теми (.simple-content, 903 px) --- */
.uv-ro { position: relative; max-width: 903px; margin: 0 auto var(--uv-s4); padding: var(--uv-s4); border: 1px solid #f3c9ab; border-radius: var(--uv-r); background: #fff7f1; font-size: 14px; line-height: 1.45; color: #222; text-align: left; }
.uv-ro .uv-ro-h { margin: 0 0 var(--uv-s2); padding-right: 36px; font-family: "Mont Bold", "Mont SemiBold", sans-serif; font-size: 16px; line-height: 1.3; color: #111; }
.uv-ro p { margin: var(--uv-s2) 0 var(--uv-s1); }
.uv-ro ul { margin: 0; padding-left: 18px; }
.uv-ro li { margin: 3px 0; }
.uv-ro li a { color: var(--uv-orange-text) !important; text-decoration: underline; }
.uv-ro .uv-ro-hint { color: var(--uv-muted); font-size: 13px; }
.uv-ro .uv-ro-gift { margin-top: var(--uv-s3); padding-top: var(--uv-s3); border-top: 1px solid #f3dcc9; }
.uv-ro .uv-ro-giftgo a { font-weight: 600; color: var(--uv-orange-text) !important; text-decoration: underline; white-space: nowrap; }
.uv-ro .uv-ro-giftgo[hidden] { display: none; }
.uv-ro-x { position: absolute; top: 2px; right: 2px; width: 44px; height: 44px; border: 0; background: none; font-size: 26px; line-height: 1; color: #777; cursor: pointer; }
.uv-ro .uv-oos-alt { margin: var(--uv-s3) 0 0; }
.uv-ro .uv-oos-alt-none { min-height: 0; background: #fff; }
.uv-ro .uv-oos-alt:not(.uv-oos-alt-none) .uv-oos-alt-all { display: inline-block; padding: var(--uv-s2) 0 0; }

/* 15.11 стаття «Под + Punch за 1 грн»: пункти під банером і картинка подарунка - посилання на розділи сторінки (Clarity: тиснули, а це був текст) */
html body #content .uv-art-facts a.uv-art-facts__a { display: block; color: inherit; text-decoration: none; }
html body #content .uv-art-facts a.uv-art-facts__a:hover b { color: var(--a-ort); }
html body #content .uv-art-facts li:has(a.uv-art-facts__a) { cursor: pointer; }
html body #content a.uv-art-giftimg { text-decoration: none; }


/* UV-FOLD 15.11.2026 (v16, до uv-ux v33): понад 10 смаків чи кольорів - видно перші 8 смаків (10 кольорів) і вибраний, решта за «Показати всі N …» (рішення Кристини: варіант A) */
.uv-fold:not(.uv-fold-open):not(.uv-fold-q) .uv-fold-more { display: none !important; }
.uv-fold:not(.uv-fold-open):not(.uv-fold-q) .uv-flav-out:not(.uv-fold-keep) { display: none !important; }
.uv-fold-q .uv-fold-btn { display: none !important; }
.uv-fold-btn { display: block; flex-basis: 100%; width: 100%; max-width: 360px; min-height: 44px; margin: 2px 0 10px; padding: 0 16px; border: 1.5px solid #111; border-radius: 22px; background: #f3f3f3; color: #111; font-family: "Mont SemiBold", "Mont Regular", sans-serif; font-size: 15px; line-height: 1.2; text-align: center; cursor: pointer; }
.uv-fold-btn:hover { background: #e9e9e9; }
.uv-fold-btn:focus-visible { outline: 2px solid var(--uv-orange-text); outline-offset: 2px; }
.hpm-button.image:not(.out-stock) .uv-color-name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }   /* підпис кольору до 2 рядків, не налазить на кружки нижче */
@media (max-width: 767px) { .uv-fold-btn { max-width: none; } }