/**
 * Everfox Custom Styles
 * Extracted from ThemeFixes.php:1665-8004 (6335 lines)
 * Date: 2026-01-30
 * 
 * All custom styles for Everfox site:
 * - CSS variables
 * - Product page styles
 * - Cart/Checkout styles
 * - YITH WAPO customizations
 * - Responsive overrides
 */

/* ============================================
CSS ПЕРЕМЕННЫЕ (меняй здесь — изменится везде)
============================================ */
:root {
/* Цвет фона сайта (градиент) */
--everfox-bg-color: #f5f5f7;
--everfox-bg-gradient-start: 400px;
/* Универсальная тень для карточек */
--everfox-card-shadow: 0 2px 4px rgba(0,0,0,0.07), 0 4px 8px rgba(0,0,0,0.1), 0 8px 16px rgba(0,0,0,0.08);
/* Тень для hover эффекта */
--everfox-card-shadow-hover: 0 4px 8px rgba(0,0,0,0.1), 0 8px 16px rgba(0,0,0,0.12), 0 16px 32px rgba(0,0,0,0.1);
/* Спиннер загрузки (legacy) */
--everfox-spinner-border: #ccc;
--everfox-spinner-accent: #f60;
--everfox-spinner-bg: #f5f5f5;
--everfox-spinner-speed: 0.7s;
/* Everfox Spin (global) */
--everfox-spin-size: 40px;
--everfox-spin-speed: 1.2s;
--everfox-spin-angle: 90deg;
--everfox-spin-grad-1: #ffe0cf;
--everfox-spin-grad-2: #ffc3a6;
--everfox-spin-grad-3: #ffab7d;
--everfox-spin-grad-4: #ff8f55;
--everfox-spin-grad-5: #ff7b35;
--everfox-spin-grad-6: var(--EF-color-temp, #55368A);
--everfox-spin-grad-7: #ff7b35;
--everfox-spin-grad-8: #ff8f55;
--everfox-spin-grad-9: #ffab7d;
--everfox-spin-grad-10: #ffc3a6;
--everfox-spin-grad-11: #ffe0cf;
--everfox-spin-center: #ffffff;
--everfox-spin-inner-gap: 10px;
--everfox-spin-inner-border: 10px;
/* Border-radius (единый для всего сайта) */
--everfox-radius: 6px;
}

/* ============================================
   GLOBAL CONTAINERS (max-width + centering)
   ============================================ */
/* .site-container, ... - перенесено в everfox-v2.css */

/* EVERFOX: .wrap-summary и .summary.entry-summary управляются из everfox-v2.css */

/* ============================================
   ТЕЛЕФОННЫЕ ИКОНКИ (CSS mask техника)
   ============================================ */

/* ============================================
   СТРАНИЦА КОНТАКТОВ - замена телефонных иконок
   ============================================ */
/* Скрываем старые SVG иконки для телефонов */
.contact-item:has(a[href^="tel:"]) .icon svg {
    display: none;
}
/* Добавляем новую иконку через ::before */
.contact-item:has(a[href^="tel:"]) .icon::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: currentColor;
    mask: url('/wp-content/uploads/phone-icon.svg') center / contain no-repeat;
    -webkit-mask: url('/wp-content/uploads/phone-icon.svg') center / contain no-repeat;
    vertical-align: middle;
}
/* Единый спиннер Everfox (legacy) */
@keyframes everfox-spin {
to { transform: rotate(360deg); }
}
/* Новый спиннер Everfox */
@keyframes everfox_spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
.base-svg-iconset .everfox_spin {
margin-left: 0.5em;
}
.base-spinner-svg.everfox_spin {
--everfox-spin-size: 16px;
vertical-align: middle;
animation: everfox_spin var(--everfox-spin-speed, 1.2s) linear infinite !important;
}
.button.loading .base-spinner-svg.everfox_spin,
.wp-block-button__link.loading .base-spinner-svg.everfox_spin {
display: inline-block;
}

/* Невалидные поля — красноватый фон */
.woocommerce-invalid input,
.woocommerce-invalid select,
.woocommerce-invalid textarea {
background-color: #fff5f5 !important;
}

/* Clear float после Email на checkout */
#billing_email_field {
margin-bottom: 20px;
}
#billing_email_field::after {
content: '';
display: block;
clear: both;
}
.woocommerce-billing-fields__field-wrapper::after {
content: '';
display: block;
clear: both;
}
/* Иконка лупы - оставить CSS SVG, убрать эмодзи */
.woocommerce-product-gallery__trigger img {
display: none !important;
}
.swiperExp .swiper-slide {
border-radius: var(--everfox-radius);
}
.single-product div.product .woocommerce-tabs {
margin: 1.5em 0;
}
/* Скрыть Skip to content - перенесено в everfox-v2.css */
/* Убрать padding из entry-content-wrap - перенесено в everfox-v2.css */
/* Убрать кастомный курсор-крестик на overlay попапов */
.drawer-overlay {
cursor: pointer !important;
}

/* ===========================
* EVERFOX CART MODAL
* Базовые стили: avanam/assets/css/header.min.css
* =========================== */

/* Блокировка скролла body когда корзина открыта */
html:has(.everfox-cart-modal.show-drawer),
body:has(.everfox-cart-modal.show-drawer) {
overflow: hidden;
height: 100%;
}

/* Overlay модалки - блокировка overscroll */
.everfox-cart-modal {
overflow: hidden;
overscroll-behavior: none;
}

/* Mobile (<768px): popup на весь экран */
@media (max-width: 767px) {
.everfox-cart-modal .everfox-cart-content {
width: 100%;
height: 100%;
max-height: 100%;
border-radius: 0;
}
}

/* Контент popup */
.everfox-cart-content {
display: flex;
flex-direction: column;
}

/* Header */
.everfox-cart-content .drawer-header {
padding: 0;
overflow-y: visible;
}
/* ВЫСОКАЯ СПЕЦИФИЧНОСТЬ: #cart-drawer перебивает тему Avanam */
/* Примечание: JS заменяет h2 на span, поэтому селектор без h2 */
#cart-drawer.everfox-cart-modal .side-cart-header {
display: block;
margin: 0;
padding: 15px;
font-size: 18px;
font-weight: 400;
border-bottom: 1px solid rgb(232, 232, 232);
line-height: 22px;
color: var(--EF-Color-Text);
}

/* Close button */
#cart-drawer.everfox-cart-modal .drawer-header .drawer-toggle {
position: absolute;
top: 10px;
right: 10px;
z-index: 1;
padding: 5px;
border: none;
background-color: transparent;
cursor: pointer;
}

@media (min-width: 768px) {
#cart-drawer.everfox-cart-modal .drawer-header .drawer-toggle {
top: 4px;
padding: 15px;
}
}

/* Стилі drawer-toggle svg перенесено в everfox-v2.css */

/* Content */
.everfox-cart-content .drawer-content {
/* Сброс absolute позиционирования темы */
position: relative;
top: auto;
bottom: auto;
left: auto;
right: auto;
/* Flex layout */
flex: 1;
display: flex;
flex-direction: column;
min-height: 0;
overflow: hidden;
padding: 0;
}

/* Сброс фиксированного позиционирования темы для .base-mini-cart-refresh */
.everfox-cart-content .drawer-content .base-mini-cart-refresh,
.everfox-cart-content .base-mini-cart-refresh {
position: relative;
top: auto;
right: auto;
bottom: auto;
left: auto;
margin-top: 0;
display: flex;
flex-direction: column;
flex-grow: 1;
min-height: 0;
overflow-y: auto;
padding: 8px;
width: 100%;
max-width: 100%;
box-sizing: border-box;
}

/* Сброс позиционирования для пустой корзины */
.everfox-cart-content .woocommerce-mini-cart__empty-message {
position: relative;
top: auto;
right: auto;
bottom: auto;
left: auto;
margin-top: 0;
padding: 40px 20px;
text-align: center;
}

/* Popup cart использует базовые стили темы:
   - mobile: width: calc(100% - 10px)
   - desktop (>=768px): width: 720px
*/

/* ===========================
* POPUP CART ITEM - Everfox-style (3 колонки)
* Референс: everfox.com.ua
* =========================== */

/* Контейнер списка товаров */
.everfox-popup-cart {
display: flex;
flex-direction: column;
gap: 0;
padding: 0;
margin: 0;
list-style: none;
max-height: 60vh;
flex-grow: 1;
overflow-y: auto;
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* IE/Edge */
}
.everfox-popup-cart::-webkit-scrollbar {
display: none; /* Chrome/Safari/Opera */
}

/* Каждый товар - flex column */
.everfox-popup-cart-item {
display: flex;
flex-direction: column;
gap: 8px;
padding: 8px;
margin: 0 0 4px;
border-radius: 3px;
background: var(--EF-Color-Surface);
font-size: 16px;
line-height: 18.4px;
overflow: visible;
position: relative;
border-bottom: 1px solid rgb(232, 232, 232);
}
.everfox-popup-cart-item:last-child {
border-bottom: none;
}

/* Основной контейнер: Фото + Инфо */
.everfox-popup-main {
display: flex;
flex-direction: row;
gap: 15px;
align-items: flex-start;
}

/* Колонка 1: Фото */
.everfox-popup-col-image {
width: 100px;
flex-shrink: 0;
position: relative;
z-index: 0;
}

.everfox-popup-thumb {
display: block;
width: 100px;
height: 100px;
position: relative;
z-index: 0;
}

.everfox-popup-thumb img {
width: 100px;
height: 100px;
object-fit: cover;
object-position: center;
background: var(--EF-Color-Surface);
border-radius: 2px;
}

/* Badge кількості в popup cart - правий верхній кут */
#cart-drawer .cart-thumbnail-wrapper {
position: relative;
display: block;
width: 100px;
height: 100px;
}

#cart-drawer .cart-thumbnail-wrapper .product-quantity {
position: absolute;
right: -7px;
top: -4px;
z-index: 10;
font-size: 11px;
font-weight: normal;
color: var(--EF-Color-Surface);
line-height: 16px;
width: 16px;
height: 16px;
text-align: center;
letter-spacing: 0;
background: var(--EF-color-temp);
border: none;
border-radius: 50%;
overflow: hidden;
}

/* Колонка 2: Инфо (название, цена, код) */
.everfox-popup-col-info {
display: flex;
flex-direction: column;
gap: 4px;
min-width: 0;
padding-top: 2px;
}

/* Название товара */
.everfox-popup-name {
line-height: 20px;
padding-bottom: 10px;
}

.everfox-popup-name a,
.everfox-popup-name span {
font-size: 16px;
line-height: 20px;
color: rgb(0, 115, 184);
text-decoration: none;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
letter-spacing: -0.2px;
}

.everfox-popup-name a:hover {
text-decoration: underline;
}

/* === Popup cart price === */
.everfox-popup-price {
position: relative;
display: flex;
min-width: 60px;
flex-direction: column;
flex-shrink: 0;
}

/* del (старая цена) - абсолютная, над ins */
.everfox-popup-price del {
position: absolute;
top: -10px;
left: 0;
font-size: 12px;
font-weight: 400;
color: #999;
text-decoration: line-through;
line-height: 1.2;
}

/* ins (новая цена со скидкой) */
.everfox-popup-price ins {
font-size: 16px;
font-weight: 500;
line-height: 1;
color: var(--EF-color-temp);
text-decoration: none;
background: transparent;
}

/* span (обычная цена без скидки) */
.everfox-popup-price > span {
font-size: 16px;
font-weight: 500;
line-height: 1;
color: var(--EF-color-temp);
}

/* Опции/вариации */
.everfox-popup-options {
font-size: 12px;
line-height: 20px;
min-height: 20px;
}

@media screen and (min-width: 480px) {
.everfox-popup-options {
margin-left: 95px;
}
}

.everfox-popup-options dl.variation {
margin: 0;
padding: 0;
}

.everfox-popup-options dl.variation dt {
display: none;
}

.everfox-popup-options dl.variation dd {
display: inline;
margin: 0;
}

.everfox-popup-options dl.variation dd p {
display: inline;
margin: 0;
}

/* Колонка 3: Qty container - PROD style */
.everfox-popup-col-actions {
display: flex;
align-items: center;
height: 33px;
color: rgb(81, 81, 81);
font-size: 16px;
}

/* Qty value - PROD style */
#cart-drawer .everfox-qty-value {
width: 20px;
padding: 3px;
border: 1px solid rgb(61, 61, 61);
border-radius: 4px;
color: rgb(61, 61, 61);
font-size: 12px;
font-weight: 500;
text-align: center;
outline: 0;
background: transparent;
-moz-appearance: textfield;
}
#cart-drawer .everfox-qty-value::-webkit-outer-spin-button,
#cart-drawer .everfox-qty-value::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
#cart-drawer .everfox-qty-value[readonly] {
cursor: not-allowed;
}

/* Qty buttons +/- - same style for all states */
#cart-drawer .everfox-qty-btn,
#cart-drawer .everfox-qty-btn:hover,
#cart-drawer .everfox-qty-btn:active,
#cart-drawer .everfox-qty-btn:focus {
width: 20px;
height: 20px;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
margin: 0 5px;
border: 0;
background: transparent;
cursor: pointer;
outline: 0;
box-shadow: none;
}
#cart-drawer .everfox-qty-btn.everfox-qty-disabled {
cursor: not-allowed;
pointer-events: none;
opacity: 0.4;
}
/* Qty icon стилі перенесено в everfox-v2.css (inline SVG замість CSS mask) */

/* Remove button - inline в row2 */
#cart-drawer .everfox-popup-col-remove .deleteButton {
position: relative;
z-index: 61;
width: 29px;
height: 29px;
display: inline-flex;
align-items: center;
justify-content: center;
background-color: transparent;
border: none;
border-radius: 8px;
cursor: pointer;
transition: background-color 0.2s;
overflow: visible;
font-size: 0;
text-decoration: none;
}
#cart-drawer .everfox-popup-col-remove .deleteButton:hover,
#cart-drawer .everfox-popup-col-remove .deleteButton.touched {
z-index: 9999;
background-color: rgb(237, 56, 56);
}
#cart-drawer .everfox-popup-col-remove .deleteButton svg {
width: 70%;
height: 70%;
}
#cart-drawer .everfox-popup-col-remove .deleteButton .bin path {
transition: all 0.2s;
}
#cart-drawer .everfox-popup-col-remove .deleteButton:hover .bin path,
#cart-drawer .everfox-popup-col-remove .deleteButton.touched .bin path {
fill: #fff;
}
#cart-drawer .everfox-popup-col-remove .deleteButton .tooltip {
--tooltip-color: rgb(41, 41, 41);
position: absolute;
bottom: calc(100% + 5px);
left: 50%;
transform: translateX(-50%);
background-color: var(--tooltip-color);
color: var(--EF-Color-OnDark);
border-radius: 4px;
font-size: 9px;
line-height: 1.2;
padding: 3px 6px;
font-weight: 400;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
white-space: nowrap;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.2s ease, visibility 0.2s ease;
z-index: 99999;
}
#cart-drawer .everfox-popup-col-remove .deleteButton .tooltip::before {
position: absolute;
width: 6px;
height: 6px;
transform: translateX(-50%) rotate(45deg);
content: "";
background-color: var(--tooltip-color);
top: 100%;
left: 50%;
margin-top: -3px;
}
#cart-drawer .everfox-popup-col-remove .deleteButton:hover .tooltip,
#cart-drawer .everfox-popup-col-remove .deleteButton.touched .tooltip {
opacity: 1;
visibility: visible;
}

/* ===========================
* DELETE BUTTON - Cart & Checkout
* =========================== */
/* Z-index layers */
.woocommerce-cart td.product-remove,
.woocommerce-checkout td.product-remove {
position: relative;
z-index: 60;
overflow: visible;
}
.woocommerce-cart .deleteButton,
.woocommerce-checkout .deleteButton {
position: relative;
z-index: 61;
width: 26px;
height: 26px;
display: flex;
align-items: center;
justify-content: center;
background-color: transparent;
border: none;
border-radius: 8px;
cursor: pointer;
transition: all 0.2s;
overflow: visible;
font-size: 0;
text-decoration: none;
}
.woocommerce-cart .deleteButton:hover,
.woocommerce-cart .deleteButton.touched,
.woocommerce-checkout .deleteButton:hover,
.woocommerce-checkout .deleteButton.touched {
z-index: 9999;
background-color: rgb(237, 56, 56);
}
.woocommerce-cart .deleteButton svg,
.woocommerce-checkout .deleteButton svg {
width: 50%;
height: 50%;
}
.woocommerce-cart .deleteButton .bin path,
.woocommerce-checkout .deleteButton .bin path {
transition: all 0.2s;
}
.woocommerce-cart .deleteButton:hover .bin path,
.woocommerce-cart .deleteButton.touched .bin path,
.woocommerce-checkout .deleteButton:hover .bin path,
.woocommerce-checkout .deleteButton.touched .bin path {
fill: #fff;
}
.woocommerce-cart .deleteButton .tooltip,
.woocommerce-checkout .deleteButton .tooltip {
--tooltip-color: rgb(41, 41, 41);
position: absolute;
top: -30px;
left: 50%;
transform: translate3d(-50%, -4px, 0);
background-color: var(--tooltip-color);
color: var(--EF-Color-OnDark);
border-radius: 4px;
font-size: 9px;
padding: 3px 6px;
font-weight: 400;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
white-space: nowrap;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.2s, transform 0.2s;
z-index: 99999;
}
.woocommerce-cart .deleteButton .tooltip::before,
.woocommerce-checkout .deleteButton .tooltip::before {
position: absolute;
width: 8px;
height: 8px;
transform: rotate(45deg);
content: "";
background-color: var(--tooltip-color);
bottom: -4px;
left: calc(50% - 4px);
}
.woocommerce-cart .deleteButton:hover .tooltip,
.woocommerce-cart .deleteButton.touched .tooltip,
.woocommerce-checkout .deleteButton:hover .tooltip,
.woocommerce-checkout .deleteButton.touched .tooltip {
opacity: 1;
visibility: visible;
transform: translate3d(-50%, 0, 0);
}
/* Z-index для фото */
.woocommerce-cart .cart-thumbnail-wrapper,
.woocommerce-checkout .cart-thumbnail-wrapper {
position: relative;
z-index: 0;
}

/* ===========================
* POPUP CART WRAPPER - shipping bar + footer
* =========================== */
.everfox-popup-wrapper {
position: relative;
margin-top: 3px;
}
.everfox-popup-wrapper::before {
content: "";
position: absolute;
top: -3px;
left: 0px;
width: 100%;
height: 3px;
background: linear-gradient(to right, rgb(58, 135, 0) 0px, rgb(167, 204, 0) 20%, rgb(237, 244, 247) 40%, rgb(185, 179, 235) 60%, rgb(112, 81, 165) 80%, rgb(57, 0, 86) 100%);
}
.everfox-popup-wrapper::after {
content: "";
position: absolute;
top: -18px;
left: 0;
width: 100%;
height: 15px;
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 40%, rgba(255,255,255,1) 100%);
pointer-events: none;
}

/* ===========================
* POPUP CART FOOTER - Горизонтальный
* =========================== */
.everfox-popup-footer {
padding: 10px;
border: 1px solid rgb(232, 232, 232);
background-color: rgb(255, 255, 255);
}

@media (min-width: 720px) {
.everfox-popup-footer {
display: flex;
justify-content: space-between;
border-top: 1px solid rgb(232, 232, 232);
}
}

/* Итого */
.everfox-popup-total {
display: flex;
margin: 10px 0px;
flex: 0 0 auto;
flex-direction: row;
flex-grow: 0;
flex-shrink: 0;
justify-content: space-between;
align-items: center;
font-weight: bold;
color: rgb(43, 43, 43);
}

.everfox-popup-total-label {
line-height: 1.5em;
font-size: 18px;
font-weight: 400;
padding-right: 5px;
}

/* Загальний стиль для підсумкової ціни */
.ef_total {
line-height: 1.5em;
font-size: 18px;
font-weight: 500;
color: var(--EF-color-temp);
}

.ef_total_amount {
font-weight: 600;
}

.ef_total_currency {
font-weight: 400;
}

/* Lumise photo popover */
.lumise-photo-popover {
display: none;
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%);
z-index: 1000;
border-radius: 4px;
background: var(--EF-Color-Surface);
}

.lumise-photo-popover.active::before,
.lumise-photo-popover.active::after {
display: none !important;
}

/* Кнопка "Оформити замовлення" */
.everfox-popup-checkout {
width: 100%;
margin: auto 0px;
padding: 8px 23px;
align-self: flex-start;
border: 2px solid transparent;
border-radius: 3px;
font-weight: 600;
white-space: nowrap;
text-align: center;
color: rgb(255, 255, 255);
cursor: pointer;
background-color: rgb(58, 135, 0);
transition: 0.3s;
}

.everfox-popup-checkout:hover {
background-color: rgb(48, 115, 0);
color: rgb(255, 255, 255);
}

/* Кнопка "Продовжити покупки" */
.everfox-popup-continue {
width: auto;
margin: auto 0px;
padding: 0px;
overflow: hidden;
border: 2px solid transparent;
border-radius: 3px;
background-color: rgb(255, 255, 255);
color: rgb(0, 115, 184);
font-weight: 400;
white-space: nowrap;
text-decoration: none;
cursor: pointer;
align-self: flex-start;
transition: 0.3s;
box-sizing: border-box;
outline: none;
}

.everfox-popup-continue:hover,
.everfox-popup-continue:active {
color: rgb(0, 115, 184);
}

@media (max-width: 719px) {
.everfox-popup-continue {
display: none;
}
}

@media (min-width: 720px) {
.everfox-popup-continue {
margin-right: 20px;
}

.everfox-popup-checkout {
width: auto;
}
}

/* ===========================
* POPUP CART EMPTY - Пустая корзина
* =========================== */
.everfox-popup-empty {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 60px 30px;
text-align: center;
flex-grow: 1;
}

.everfox-popup-empty-icon {
margin-bottom: 20px;
color: rgb(200, 200, 200);
}

.everfox-popup-empty-icon svg {
width: 64px;
height: 64px;
}

.everfox-popup-empty h4 {
margin: 0 0 10px 0;
font-size: 18px;
font-weight: 600;
color: rgb(61, 61, 61);
}

.everfox-popup-empty p {
margin: 0 0 20px 0;
font-size: 14px;
color: rgb(128, 128, 128);
}

.everfox-popup-shop-btn {
display: inline-flex;
justify-content: center;
align-items: center;
padding: 12px 24px;
background: rgb(58, 135, 0);
color: var(--EF-Color-OnDark);
font-size: 14px;
font-weight: 600;
text-decoration: none;
border-radius: 4px;
transition: background-color 0.2s;
}

.everfox-popup-shop-btn:hover {
background: rgb(48, 115, 0);
color: var(--EF-Color-OnDark);
}

/* ===========================
* POPUP CART - Mobile адаптация
* =========================== */
@media screen and (max-width: 720px) {
.everfox-popup-col-image {
width: 70px;
}

.everfox-popup-thumb,
.everfox-popup-thumb img {
width: 70px;
}

.everfox-popup-name a,
.everfox-popup-name span {
font-size: 13px;
}

}

/* Скрыть старые элементы темы */
#cart-drawer .widget_shopping_cart_footer {
display: none;
}

/* ===========================
* Cart page ONLY
* =========================== */
.woocommerce-cart .woocommerce-cart-form td.product-thumbnail img,
.woocommerce-cart .woocommerce-cart-form td.product-thumbnail .cart-thumbnail-wrapper img {
width: 80px;
height: 80px;
object-fit: cover;
object-position: center;
}

/* Badge кількості - Cart page (только внутри миниатюры) */
.cart-thumbnail-wrapper .product-quantity {
position: absolute;
right: -7px;
top: -4px;
font-size: 11px;
font-weight: normal;
color: var(--EF-Color-Surface);
line-height: 16px;
width: 16px;
height: 16px;
text-align: center;
letter-spacing: 0;
background: var(--EF-color-temp);
border: none;
border-radius: 50%;
overflow: hidden;
z-index: 10;
}

/* Wrapper для badge */
.cart-thumbnail-wrapper {
position: relative;
display: inline-block;
}

/* Корзина - плашки вариаций не разрываются */
.variation-badge {
white-space: nowrap;
}
/* Каталог - бейдж "Акція" позиция */
.woocommerce ul.products li.product .onsale {
top: 1px;
padding: 0 5px;
}
/* Главная - убрать отступы content-area */
.home .content-area {
margin-top: 1rem;
margin-bottom: 1rem;
}
/* Главная - скрыть пустой контент страницы */
.home .content-wrap {
display: none;
}
.home .woocommerce-notices-wrapper {
display: none;
}
/* Lumise tabs - border-radius */
.lumise-tabs {
border-radius: var(--everfox-radius);
}
.lumise-tabs-content {
border-radius: var(--everfox-radius);
}


/* ============================================
SHINE HOVER EFFECT - ВСІ КНОПКИ
============================================ */
/* Базові стилі для shine ефекту */
button:not([class*="icon"]):not([class*="toggle"]),
.button,
.wp-block-button__link,
input[type="button"],
input[type="submit"],
.elementor-button,
.woocommerce a.button,
.woocommerce button.button,
.checkout-button,
.single_add_to_cart_button {
position: relative;
overflow: hidden;
}
/* Псевдоелемент з градієнтом */
button:not([class*="icon"]):not([class*="toggle"])::before,
.button::before,
.wp-block-button__link::before,
input[type="button"]::before,
input[type="submit"]::before,
.elementor-button::before,
.woocommerce a.button::before,
.woocommerce button.button::before,
.checkout-button::before,
.single_add_to_cart_button::before {
content: "";
position: absolute;
width: 100px;
height: 100%;
background-image: linear-gradient(
120deg,
rgba(255, 255, 255, 0) 30%,
rgba(255, 255, 255, 0.8),
rgba(255, 255, 255, 0) 70%
);
top: 0;
left: -100px;
opacity: 0.6;
pointer-events: none;
}
/* Анімація при hover */
button:not([class*="icon"]):not([class*="toggle"]):hover::before,
.button:hover::before,
.wp-block-button__link:hover::before,
input[type="button"]:hover::before,
input[type="submit"]:hover::before,
.elementor-button:hover::before,
.woocommerce a.button:hover::before,
.woocommerce button.button:hover::before,
.checkout-button:hover::before,
.single_add_to_cart_button:hover::before {
animation: everfox-shine 1.5s ease-out 1;
}
@keyframes everfox-shine {
0% { left: -100px; }
60% { left: 100%; }
100% { left: 100%; }
}

/* Shimmer: pulse анимация вместо sweep */
@keyframes everfox-shimmer-pulse {
	0%, 100% { opacity: 0.4; }
	50% { opacity: 1; }
}
body:not(.elementor-editor-active) ul.products.grid-cols li.shimmer.product:before,
body:not(.elementor-editor-active) ul.products.grid-cols > li.shimmer:before {
	animation: everfox-shimmer-pulse 1.5s ease-in-out infinite;
}
body:not(.elementor-editor-active) .products .shimmer:after {
	content: none;
}

/* ============================================
CLS FIX: Header секция - стабилизация
============================================ */
/* SVG иконки в header - фиксированный размер */
.site-header-section .base-svg-iconset svg {
width: 1em;
height: 1em;
}
/* Header section - минимальная ширина для предотвращения сдвигов */
.site-header-bottom-section-right {
min-width: 0;
display: flex;
align-items: center;
}

/* Слайдер на главной */
.homepage-hero-wrapper {
max-width: var(--global-content-width);
margin: 0 auto;
box-shadow: var(--everfox-card-shadow);
border-radius: var(--everfox-radius);
}

/* ============================================
СТРАНИЦА КОРЗИНЫ - РЕДИЗАЙН
============================================ */

/* Скрыть YITH WAPO popup когда не активен */
.yith-wapo-popup {
display: none !important;
}
.yith-wapo-popup.show,
.yith-wapo-popup.fade-in.show {
display: block !important;
}
/* Скрыть PhotoSwipe когда не активен */
.pswp[aria-hidden="true"] {
display: none !important;
}

/* Блок кнопок оформления */
.woocommerce-cart .wc-proceed-to-checkout {
padding: 15px;
}
.woocommerce-cart .wc-proceed-to-checkout .button,
.woocommerce-cart .wc-proceed-to-checkout .checkout-button {
font-size: inherit;
}
/* Ссылка "Продовжити покупки" - оранжевый текст */
.wc-proceed-to-checkout .continue-shopping-link {
display: block;
text-align: center;
color: #ff6b35;
text-decoration: none;
padding: 0 !important;
margin-bottom: 20px;
font-size: 14px;
}
.wc-proceed-to-checkout .continue-shopping-link:hover {
text-decoration: underline;
}

/* Скрыть оригинальную форму купона в .actions */
.woocommerce-cart-form .actions .coupon {
display: none !important;
}
/* Toggle текст "Є промокод?" - как в checkout */
.cart-coupon-toggle .coupon-toggle-text {
background: var(--global-palette7);
border: none;
padding: 1em 0.5em;
margin: 0;
font-size: 14px;
text-align: center;
}
.cart-coupon-toggle .show-cart-coupon {
color: #ff6b35;
text-decoration: none;
cursor: pointer;
}
.cart-coupon-toggle .show-cart-coupon:hover {
text-decoration: underline;
}
/* Форма купона (скрыта по умолчанию) */
.cart-coupon-form {
background: var(--global-palette7);
padding: 1em 1em;
text-align: center;
position: relative;
}
.cart-coupon-form::before {
content: '';
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 90%;
height: 1px;
background: #e0e0e0;
}
.cart-coupon-form p {
margin: 0 0 10px;
font-size: 14px;
}
.cart-coupon-form .coupon-form-row {
display: flex;
flex-direction: column;
gap: 15px;
margin-top: 15px;
}
.cart-coupon-form input,
.cart-coupon-form button {
width: 100%;
box-sizing: border-box;
}
.cart-coupon-form button {
background: var(--EF-Color-Text);
color: var(--EF-Color-OnDark);
border: 0;
border-radius: var(--everfox-radius);
padding: 0.6em 1em;
font-weight: 400;
text-transform: uppercase;
transition: all 0.2s ease;
line-height: 1.6;
}
.cart-coupon-form button:hover {
background: var(--EF-color-temp);
color: var(--EF-Color-OnDark);
}

/* Скрыть старый блок купона плагина templatemela-core */
.coupon_inner_checkout,
.bt-coupon-checkout {
display: none !important;
}

/* Checkout coupon - те же стили что и cart-coupon-toggle */
.checkout-coupon-toggle .coupon-toggle-text {
background: var(--global-palette7);
border: none;
padding: 1em 0em;
margin: 0;
font-size: 14px;
text-align: center;
}
.checkout-coupon-toggle .show-cart-coupon {
color: #ff6b35;
text-decoration: none;
cursor: pointer;
}
.checkout-coupon-toggle .show-cart-coupon:hover {
text-decoration: underline;
}
/* Скрыть блок ввода купона если купон уже применён на checkout */
.woocommerce-checkout:has(.cart-discount) .checkout-coupon-toggle {
display: none !important;
}

/* Стили для ссылки "Видалити" купона */
.woocommerce-remove-coupon {
text-decoration: none !important;
font-weight: 400;
color: black !important;
line-height: 16px;
vertical-align: middle;
}

/* Стили для купона в корзине (cart-discount) */
.woocommerce-cart .cart-collaterals .cart_totals .cart-discount {
background: var(--global-palette7);
padding: 0px 1em;
margin: 0px 12px;
display: flex;
align-items: center;
min-height: 46px;
}
.woocommerce-cart .cart-collaterals .cart_totals .cart-discount .cart-discount-label {
text-align: left;
font-weight: 400;
width: 50%;
font-size: 14px;
color: var(--global-palette4);
}
.woocommerce-cart .cart-collaterals .cart_totals .cart-discount .cart-discount-amount {
text-align: right;
width: 50%;
font-size: 14px;
display: flex;
align-items: center;
justify-content: flex-end;
color: var(--EF-color-temp);
}
/* Цена купона - минус к цифрам */
.woocommerce-cart .cart-collaterals .cart_totals .cart-discount .cart-discount-amount .woocommerce-Price-amount {
display: inline-block;
}
/* Ссылка "Видалити" в корзине */
.woocommerce-cart .woocommerce-remove-coupon {
display: inline-block;
margin-left: 8px;
font-size: 13px;
vertical-align: middle;
}

/* Гарантія видимості обох цін в Total */
.woocommerce-cart .cart_totals .order-total td,
.woocommerce-checkout .order-total td {
overflow: visible !important;
white-space: normal !important;
}
/* Выравнивание цены по центру в checkout order-total */
.woocommerce-checkout .order-total td {
text-align: center !important;
vertical-align: middle !important;
}

/* Total в корзине и checkout: старая и новая цена */
.woocommerce-cart .cart_totals .order-total td .old-total-price,
.woocommerce-checkout .order-total td .old-total-price {
color: var(--global-palette5);
margin-right: 8px;
display: inline-block;
}
.woocommerce-cart .cart_totals .order-total td .new-total-price,
.woocommerce-checkout .order-total td .new-total-price {
color: var(--EF-color-temp);
font-weight: 600;
display: inline-block;
}

/* Checkout: переместить купон после Total */
.woocommerce-checkout-review-order-table tfoot {
display: flex;
flex-direction: column;
}
/* Порядок элементов в tfoot */
.woocommerce-checkout-review-order-table tfoot tr {
order: 1; /* по умолчанию все в начале */
}
.woocommerce-checkout-review-order-table tfoot .order-total {
order: 5; /* Total в середине */
}
/* Стили для купона в tfoot */
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .shop_table tfoot .cart-discount td {
color: var(--EF-color-temp);
display: flex;
align-items: center;
justify-content: flex-end;
}
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .shop_table tfoot .cart-discount .woocommerce-remove-coupon {
margin-left: 10px;
}

/* Стили для купона на checkout */
.woocommerce-checkout .woocommerce-checkout-review-order .cart-discount {
background: var(--global-palette7);
padding: 0px 10px;
/* margin: 0px 0px 1em 0px; */
display: flex;
align-items: center;
min-height: 46px;
}
.woocommerce-checkout .woocommerce-checkout-review-order .cart-discount .cart-discount-label {
text-align: left;
font-weight: 400;
width: 50%;
font-size: 14px;
color: var(--global-palette4);
}
.woocommerce-checkout .woocommerce-checkout-review-order .cart-discount .cart-discount-amount {
text-align: right;
width: 50%;
font-size: 14px;
display: flex;
align-items: center;
justify-content: flex-end;
color: var(--EF-color-temp);
}
/* Ссылка "Видалити" на checkout */
.woocommerce-checkout .woocommerce-remove-coupon {
display: inline-block;
margin-left: 8px;
font-size: 13px;
vertical-align: middle;
}

/* Форма checkout купона (скрыта по умолчанию) */
.checkout_coupon,
.woocommerce-form-coupon {
background: var(--global-palette7);
padding: 1em 1em;
text-align: center;
position: relative;
margin-bottom: 1.5em;
display: none;
}
.checkout_coupon::before,
.woocommerce-form-coupon::before {
content: '';
position: absolute;
top: 0;
left: 5%;
width: 90%;
height: 1px;
background-color: #e0e0e0;
}
.checkout_coupon p:first-of-type,
.woocommerce-form-coupon p:first-of-type {
margin: 0 0 1em 0;
font-size: 14px;
color: var(--global-palette4);
}
.checkout_coupon .form-row,
.woocommerce-form-coupon .form-row {
display: inline-block;
margin: 0 5px;
vertical-align: middle;
}
.checkout_coupon .form-row-first,
.woocommerce-form-coupon .form-row-first {
width: auto;
max-width: 200px;
}
.checkout_coupon input[type="text"],
.woocommerce-form-coupon input[type="text"] {
width: 100%;
box-sizing: border-box;
}
.checkout_coupon button,
.woocommerce-form-coupon button {
background: var(--EF-Color-Text);
color: var(--EF-Color-OnDark);
border: 0;
border-radius: var(--everfox-radius);
padding: 0.6em 1em;
font-weight: 400;
text-transform: uppercase;
transition: all 0.2s ease;
line-height: 1.6;
}
.checkout_coupon button:hover,
.woocommerce-form-coupon button:hover {
background: var(--EF-color-temp);
color: var(--EF-Color-OnDark);
}

/* ОТКЛЮЧЕНО: Старый CSS для модального окна плагина templatemela-core
Заменено на slideToggle блок .checkout-coupon-toggle (смотри выше) */

/* 1. Layout корзины */
.woocommerce-cart .woocommerce-cart-form__cart-item.cart_item {
background-color: #ffffff !important;
}
.woocommerce-cart .woocommerce-cart-form table.shop_table {
border: none;
border-collapse: separate;
border-spacing: 0;
}
/* Тень на tbody - только для десктопа (>768px), на мобильных тень на tr.cart_item */
.woocommerce-cart .woocommerce-cart-form table.shop_table tbody {
box-shadow: var(--everfox-card-shadow);
position: relative;
z-index: 0;
}
@media (max-width: 768px) {
.woocommerce-cart .woocommerce-cart-form table.shop_table tbody {
box-shadow: none;
}
}
/* Скрыть кнопку "Оновити кошик" */
.woocommerce-cart button[name="update_cart"] {
display: none !important;
}
.woocommerce-cart .cart-collaterals .cart_totals_summary {
color: var(--EF-Color-Text);
}
@media (min-width: 769px) and (max-width: 1024px) {
.woocommerce-cart .cart-collaterals .cart_totals_summary {
padding: 1.5em 0px;
}
}
@media (max-width: 768px) {
.woocommerce-cart .cart-collaterals .cart_totals_summary {
padding: 0;
}
}
@media screen and (min-width: 1025px) {
.woocommerce-cart .woocommerce-cart-form {
width: 70%;
}
.woocommerce-cart .cart-collaterals {
position: sticky;
top: 0;
width: 30%;
}
.base-woo-cart-form-wrap .cart-collaterals {
float: right;
}
}

/* 2. Заголовок корзины - центрирование */
.woocommerce-cart .cart-summary h1 {
text-align: center;
font-size: 28px;
margin-bottom: 20px;
}

/* Пустая корзина - стили */
.woocommerce .cart-empty.woocommerce-info {
font-size: 28px;
font-weight: 500;
}

/* 3. Скрыть "Підсумки кошика" заголовок */
.woocommerce-cart .cart_totals > h2 {
display: none;
}

/* 3.1. Фиксированная ширина блока cart_totals */
.woocommerce-cart .cart_totals {
width: 100%;
}
.woocommerce-cart .cart-totals-content {
background: var(--EF-Color-Surface);
padding-top: 1px;
box-shadow: var(--everfox-card-shadow);
border-radius: var(--everfox-radius);
}

.woocommerce-cart .cart-collaterals .cart_totals_summary {
border-radius: var(--everfox-radius);
}

/* Радиусы только внутри блока размерных сеток */
.everfox-sc button,
.everfox-sc .button,
.everfox-sc .wp-block-button__link,
.everfox-sc .wp-element-button,
.everfox-sc input[type="button"],
.everfox-sc input[type="reset"],
.everfox-sc input[type="submit"] {
border-radius: var(--everfox-radius, 8px);
}

.everfox-sc input[type="text"], .everfox-sc input[type="email"], .everfox-sc input[type="url"], .everfox-sc input[type="password"],
.everfox-sc input[type="search"], .everfox-sc input[type="number"], .everfox-sc input[type="tel"], .everfox-sc input[type="range"],
.everfox-sc input[type="date"], .everfox-sc input[type="month"], .everfox-sc input[type="week"], .everfox-sc input[type="time"],
.everfox-sc input[type="datetime"], .everfox-sc input[type="datetime-local"], .everfox-sc input[type="color"],
.everfox-sc textarea, .everfox-sc .select2-container--default .select2-selection--single {
border-radius: var(--everfox-radius, 8px);
}

.everfox-sc table.shop_table,
.everfox-sc .shop_table,
.everfox-sc .everfox-sc__table {
border-radius: var(--everfox-radius, 8px);
margin: 0 0 0.5em 0;
}

/* 4. Скрыть "Проміжний підсумок" и "Доставка" ТОЛЬКО на корзине */
.woocommerce-cart .cart_totals .cart-subtotal,
.woocommerce-cart .cart_totals .shipping,
.woocommerce-cart .cart_totals tr.shipping {
display: none !important;
}

/* 5. Скрыть блок с иконками оплаты на корзине */
.woocommerce-cart .single-product-payments,
.woocommerce-cart .cart_totals fieldset {
display: none !important;
}

/* 6. Заголовки таблицы корзины */
.woocommerce-cart .woocommerce-cart-form .shop_table th {
text-align: center;
color: var(--EF-Color-Text);
font-weight: 500;
font-size: 16px;
line-height: 1.4em;
padding: 12px 0px 12px 0px;
}

/* 6.0. Скрыть hero на странице корзины */
.woocommerce-cart .entry-hero {
display: none;
}

/* 6.1. Фон строки товара в корзине */
.woocommerce-cart .woocommerce-cart-form__cart-item.cart_item {
background-color: var(--gray-025);
}
.woocommerce-cart .shop_table td {
padding: 5px 3px;
}

/* 6.2. Ячейки - вертикальное выравнивание по центру */
.woocommerce-cart .shop_table td.product-remove,
.woocommerce-cart .shop_table td.product-thumbnail,
.woocommerce-cart .shop_table td.product-price,
.woocommerce-cart .shop_table td.product-quantity,
.woocommerce-cart .shop_table td.product-subtotal {
vertical-align: middle;
}
.woocommerce-cart .shop_table td.product-remove {
padding-left: 20px;
}
.woocommerce-cart .shop_table td.product-price,
.woocommerce-cart .shop_table td.product-quantity,
.woocommerce-cart .shop_table td.product-subtotal {
text-align: center;
}

/* 6.2.1. Фиксированная ширина колонок (CLS fix) */
.woocommerce-cart .shop_table th.product-price,
.woocommerce-cart .shop_table td.product-price {
width: 90px;
min-width: 90px;
}
.woocommerce-cart .shop_table th.product-quantity,
.woocommerce-cart .shop_table td.product-quantity {
width: 120px;
min-width: 120px;
}
.woocommerce-cart .shop_table th.product-subtotal,
.woocommerce-cart .shop_table td.product-subtotal {
width: 100px;
min-width: 100px;
}
@media (max-width: 768px) {
.woocommerce-cart .shop_table th.product-price,
.woocommerce-cart .shop_table td.product-price,
.woocommerce-cart .shop_table th.product-quantity,
.woocommerce-cart .shop_table td.product-quantity,
.woocommerce-cart .shop_table th.product-subtotal,
.woocommerce-cart .shop_table td.product-subtotal {
width: auto;
min-width: 0;
}
}

/* ===== EVERFOX CART PRICE ===== */
.everfox-cart-price {
display: flex;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: flex-start;
gap: 2px;
min-width: 4.5em;
}
@media (max-width: 768px) {
.everfox-cart-price {
min-width: 4em;
}
}

/* Старая цена del */
.everfox-cart-price del {
display: inline-flex;
align-items: center;
text-decoration: none !important;
line-height: 1;
color: #999;
font-size: 12px;
margin: 0;
}
.everfox-cart-price del .woocommerce-Price-amount {
position: relative;
font-weight: 400;
font-size: 12px;
color: inherit;
}
.everfox-cart-price del .woocommerce-Price-amount::after {
content: '';
position: absolute;
left: 0;
width: 100%;
top: 50%;
border-top: 1px solid currentColor;
pointer-events: none;
}

/* Новая цена ins */
.everfox-cart-price ins {
display: inline-flex;
text-decoration: none !important;
margin: 0;
}
.everfox-cart-price ins .woocommerce-Price-amount {
color: var(--EF-color-temp);
font-size: 16px;
font-weight: 500;
line-height: 1.1;
}

/* 6.3. Рамки вокруг товаров */
.woocommerce-cart .woocommerce-cart-form table.shop_table {
border: none;
border-collapse: separate;
border-spacing: 0;
}
/* Убрать все бордеры по умолчанию */
.woocommerce-cart .woocommerce-cart-form .shop_table thead th,
.woocommerce-cart .woocommerce-cart-form .shop_table tbody td,
.woocommerce-cart .woocommerce-cart-form .shop_table tbody tr.cart_item td {
border: none;
padding-top: 10px;
}
/* Border-bottom с отступом 15px от краёв */
.woocommerce-cart .woocommerce-cart-form .shop_table tbody tr.cart_item {
position: relative;
}
.woocommerce-cart .woocommerce-cart-form .shop_table tbody tr.cart_item::after {
content: '';
position: absolute;
bottom: 0;
left: 15px;
right: 15px;
height: 1px;
background: #eee;
}
/* Скрыть border у последнего элемента */
.woocommerce-cart .woocommerce-cart-form .shop_table tbody tr.cart_item:last-child::after {
display: none;
}
/* Скрыть border на мобильных < 768px */
@media (max-width: 768px) {
.woocommerce-cart .woocommerce-cart-form .shop_table tbody tr.cart_item::after {
display: none;
}
}
.woocommerce-cart .cart_totals .shop_table {
border: none !important;
border-radius: var(--everfox-radius);
margin-bottom: 0;
position: relative;
}
.woocommerce-cart .cart_totals .shop_table tr,
.woocommerce-cart .cart_totals .shop_table th,
.woocommerce-cart .cart_totals .shop_table td {
border: none !important;
}
.woocommerce-cart .cart_totals .cart-coupon-toggle {
position: relative;
background: var(--gray-025);
margin: 0px 12px;
}
/* Скрыть блок ввода купона если купон уже применён */
.woocommerce-cart .cart_totals:has(.cart-discount) .cart-coupon-toggle {
display: none;
}
/* Убираем разделители - фон сам создаёт визуальное разделение */

/* 6.2. Опции товара в корзине - как в popup */
.woocommerce-cart .shop_table td.product-name dl.variation,
.woocommerce-cart .shop_table td.product-name .wc-item-meta {
margin: 2px 0 0 0 !important;
line-height: 1.3 !important;
}
/* Скрыть метки (dt) - как в popup */
.woocommerce-cart .shop_table td.product-name dl.variation dt,
.woocommerce-cart .shop_table td.product-name .wc-item-meta dt {
display: none !important;
}
/* Значения (dd) в одну строку */
.woocommerce-cart .shop_table td.product-name dl.variation dd,
.woocommerce-cart .shop_table td.product-name .wc-item-meta dd {
display: inline;
float: none;
padding: 0 5px 0 0;
margin: 0;
white-space: nowrap;
}
/* p внутри dd (wpautop добавляет <p>) */
.woocommerce-cart .shop_table td.product-name dl.variation dd p,
.woocommerce-cart .shop_table td.product-name .wc-item-meta dd p {
display: inline;
margin: 0;
}

/* 6.3. Опции товара в checkout - переносить опцию целиком если не влазит */
.woocommerce-checkout .shop_table td.product-name dl.variation dd,
.woocommerce-checkout .shop_table td.product-name .wc-item-meta li {
display: inline-block;
white-space: nowrap;
}

/* 6.3.1. Text/Textarea - разрешить перенос длинного текста */
.wapo-text-wrap {
white-space: normal !important;
word-wrap: break-word;
word-break: break-word;
display: inline;
}

/* 6.3.2. Popup для длинного текста опций - стили в WooEnhancements.php */

.wapo-popup-icon {
font-size: 20px;
line-height: 1;
color: var(--EF-color-temp);
vertical-align: middle;
}
.wapo-separator {
font-size: 12px;
margin: 0 2px;
}
.woocommerce-cart .shop_table td.product-remove {
padding-left: 20px;
}

/* Модальное окно */
.wapo-modal-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.5);
z-index: 999999;
justify-content: center;
align-items: center;
}

.wapo-modal-overlay.active {
display: flex;
}

.wapo-modal-content {
background: var(--EF-Color-Surface);
padding: 10px;
width: 400px;
max-width: 90vw;
max-height: 80vh;
overflow-y: auto;
word-break: break-word;
font-size: 14px;
line-height: 1;
box-shadow:
0 0 6px rgba(0,0,0,0.03),
0 2px 6px rgba(0,0,0,0.08),
inset 3px 3px 0.5px -3px rgba(0,0,0,0.9),
inset -3px -3px 0.5px -3px rgba(0,0,0,0.85),
inset 1px 1px 1px -0.5px rgba(0,0,0,0.6),
inset -1px -1px 1px -0.5px rgba(0,0,0,0.6),
inset 0 0 6px 6px rgba(0,0,0,0.12),
inset 0 0 2px 2px rgba(0,0,0,0.06),
0 0 12px rgba(255,255,255,0.15);
}

.wapo-modal-header {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 6px;
border-bottom: 1px solid #e5e5e5;
}

.wapo-modal-title {
font-weight: 500;
font-size: 16px;
color: #333;
}

.wapo-modal-close {
background: none;
border: none;
font-size: 26px;
cursor: pointer;
color: #888;
padding: 0;
line-height: 1;
transition: color 0.2s ease;
}

.wapo-modal-close:hover {
color: var(--EF-color-temp);
}

.wapo-modal-body {
white-space: pre-wrap;
margin-top: 6px;
}

.wapo-modal-body em {
color: #999;
}

@media (max-width: 719px) {
.wapo-modal-content {
width: 95vw;
padding: 5px 8px;
}

.wapo-modal-title {
font-size: 15px;
}
}

/* 6.4. Отступы для вариаций в checkout (базовый - выше 480px) */
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .shop_table tbody td.product-name dl.variation {
margin-bottom: 0px;
}

/* 6.5. Типографика для dt и dd в вариациях */
.woocommerce td.product-name dl.variation dt,
.woocommerce td.product-name dl.variation dd {
font-size: 12px;
letter-spacing: -0.2px;
}

/* 7. Заголовок "Підсумки кошика" - как th таблицы товаров */
.woocommerce-cart .cart-totals-title {
display: block;
text-align: center;
color: var(--EF-Color-Text);
font-weight: 500;
font-size: 16px;
padding: 23px;
line-height: 1.5em;
margin-bottom: 1px;
}
/* Скрыть заголовок на планшетах и мобильных */
@media (max-width: 1024px) {
.woocommerce-cart .cart-totals-title {
display: none;
}
.woocommerce-cart .cart_totals {
max-width: none;
position: relative;
z-index: 1;
}
.base-woo-cart-form-wrap > form {
/* padding-bottom: 15px; */
margin-top: 15px;
}
}

/* 8. Итого "Загалом" - стили и выравнивание */
/* Сброс темовых стилей */
.woocommerce-cart .cart-collaterals .cart_totals table {
margin: unset;
padding: unset;
}
.woocommerce-cart .cart-collaterals .cart_totals table th {
width: unset;
}
.woocommerce-cart .cart-collaterals .cart_totals table td,
.woocommerce-cart .cart-collaterals .cart_totals table th {
line-height: unset;
}
.woocommerce-cart .cart_totals .shop_table th,
.woocommerce-cart .cart_totals .shop_table td {
text-align: center;
vertical-align: middle;
}
.woocommerce-cart .cart-collaterals .cart_totals table tr.order-total th {
font-size: 18px;
font-weight: 400;
text-align: left !important;
padding-left: 15px !important;
width: 50%;
}
.woocommerce-cart .cart-collaterals .cart_totals table tr.order-total td {
text-align: right !important;
padding-right: 15px !important;
width: 50%;
}
.woocommerce-cart .cart-collaterals .cart_totals table tr.order-total td .woocommerce-Price-amount {
font-weight: 500;
}
.woocommerce-cart .cart-collaterals .cart_totals_summary tbody tr.order-total td .woocommerce-Price-amount {
font-weight: 600;
text-align: right;
}

/* Cart Drawer - Загалом: новая цена */
.everfox-cart-content .drawer-content .woocommerce-mini-cart__total.total .new-total-price .woocommerce-Price-amount {
font-size: 20px;
font-size: 1.25rem;
line-height: 22px;
font-weight: 500;
color: var(--EF-color-temp);
}
/* Cart Drawer - Загалом: старая цена серая */
.everfox-cart-content .drawer-content .woocommerce-mini-cart__total.total .old-total-price .woocommerce-Price-amount {
color: var(--global-palette5);
font-weight: 400;
}
/* Cart Drawer - кнопка "Перегляд кошика" */
.woocommerce.widget_shopping_cart .buttons a:not(.checkout),
.woocommerce .widget_shopping_cart .buttons a:not(.checkout) {
background: #666;
position: relative;
overflow: hidden;
}
.woocommerce.widget_shopping_cart .buttons a:not(.checkout):hover,
.woocommerce .widget_shopping_cart .buttons a:not(.checkout):hover {
background: #666;
}
.woocommerce.widget_shopping_cart .buttons a:not(.checkout)::before,
.woocommerce .widget_shopping_cart .buttons a:not(.checkout)::before {
content: "";
position: absolute;
width: 100px;
height: 100%;
background-image: linear-gradient(120deg, rgba(255,255,255,0) 30%, rgba(255,255,255,0.8), rgba(255,255,255,0) 70%);
top: 0;
left: -100px;
opacity: 0.6;
pointer-events: none;
}
.woocommerce.widget_shopping_cart .buttons a:not(.checkout):hover::before,
.woocommerce .widget_shopping_cart .buttons a:not(.checkout):hover::before {
animation: everfox-shine 1.5s ease-out 1;
}

/* 9. Скрыть thead таблицы корзины <=1024px */
@media (max-width: 1024px) {
.woocommerce table.shop_table_responsive thead {
display: none;
}
}

/* 9.1. Адаптив для мобильных - РАСШИРЕНО ДО 768px */
@media (max-width: 768px) {
.woocommerce-cart .woocommerce {
flex-wrap: wrap;
}
.woocommerce-cart .woocommerce > form.woocommerce-cart-form,
.woocommerce-cart .woocommerce > .base-woo-cart-form-wrap,
.woocommerce-cart .cart-collaterals {
width: 100% !important;
flex: 0 0 100% !important;
}
.woocommerce-cart .cart-collaterals {
position: static;
}
.woocommerce table.shop_table_responsive tbody tr {
display: block;
}
.woocommerce table.shop_table_responsive tr td {
display: block;
text-align: right !important;
}
.woocommerce table.shop_table_responsive tr td::before {
content: attr(data-title) ": ";
float: left;
}
.woocommerce table.shop_table_responsive tr td.product-remove::before,
.woocommerce table.shop_table_responsive tr td.actions::before {
display: none;
}
.woocommerce table.shop_table_responsive tr td.product-thumbnail {
text-align: center !important;
}
/* Скрыть лейбл ":" для миниатюры */
.woocommerce table.shop_table_responsive tr td.product-thumbnail::before {
display: none;
}
/* Центрирование изображений в ячейке thumbnail */
.woocommerce table.shop_table_responsive tr td.product-thumbnail a,
.woocommerce table.shop_table_responsive tr td.product-thumbnail img {
display: inline-block;
margin-left: auto;
margin-right: auto;
padding-top: 5px;
}
/* Lumise миниатюры - контейнер по центру */
.woocommerce table.shop_table_responsive tr td.product-thumbnail .lumise-cart-thumbnails {
display: flex;
justify-content: center;
gap: 5px;
}
.woocommerce table.shop_table_responsive tr td.product-thumbnail .lumise-cart-thumbnails img {
margin: 0;
}
}

/* 9.1. Мобильная корзина - кастомные стили (768px) */
@media (max-width: 768px) {
.woocommerce-cart table.shop_table_responsive tr.cart_item {
position: relative;
isolation: isolate;
display: flex;
flex-wrap: wrap;
border: 1px solid #f5f5f5;
border-radius: var(--everfox-radius);
margin-bottom: 1.5em;
overflow: visible;
box-shadow: var(--everfox-card-shadow);
padding: 0px 8px;
}
/* Кнопка удаления поверх фото */
.woocommerce-cart table.shop_table_responsive tr td.product-remove {
position: absolute;
left: 10px;
top: 40px;
width: auto;
padding: 0;
border: none;
background: transparent;
z-index: 10;
}
.woocommerce-cart table.shop_table_responsive tr td.product-remove::before {
display: none;
}

/* 9.2. Строка Ціна/Кількість/Підсумок - flex */
.woocommerce-cart table.shop_table_responsive tr td.product-price,
.woocommerce-cart table.shop_table_responsive tr td.product-quantity,
.woocommerce-cart table.shop_table_responsive tr td.product-subtotal {
width: auto !important;
display: inline-flex;
align-items: center;
line-height: 38px;
}
/* Цена - слева */
.woocommerce-cart table.shop_table_responsive tr td.product-price {
order: 0;
flex: 0 0 auto;
margin-left: 0;
}
.woocommerce-cart table.shop_table_responsive tr td.product-price::before {
float: left;
padding-right: 10px;
}
/* Количество - order 2 */
.woocommerce-cart table.shop_table_responsive tr td.product-quantity {
order: 2;
}
/* Подсумок - order 3 (крайний справа) */
.woocommerce-cart table.shop_table_responsive tr td.product-subtotal {
order: 3;
padding-right: 5px;
text-align: right;
}
/* Скрыть лейблы */
.woocommerce-cart table.shop_table_responsive tr td.product-quantity::before,
.woocommerce-cart table.shop_table_responsive tr td.product-subtotal::before {
display: none;
}
/* Убрать внутренние разделители у ячеек */
.woocommerce-cart table.shop_table_responsive tr td {
border: none !important;
}
.woocommerce-cart table.shop_table_responsive tr td.product-price,
.woocommerce-cart table.shop_table_responsive tr td.product-quantity,
.woocommerce-cart table.shop_table_responsive tr td.product-subtotal {
border: none !important;
padding-bottom: 15px;
}
/* Ячейки на всю ширину по умолчанию */
.woocommerce-cart table.shop_table_responsive tr.cart_item td {
width: 100%;
}
/* Бордер сверху и снизу у названия товара */
.woocommerce-cart table.shop_table_responsive tr td.product-name {
position: relative;
padding: 10px 5px;
/* Верхний разделитель через border */
border-top: 1px solid #f5f5f5 !important;
}
/* Нижний разделитель через ::after (::before используется WooCommerce для лейбла) */
.woocommerce-cart table.shop_table_responsive tr td.product-name::after {
content: '';
position: absolute;
bottom: 0;
left: 5px;
right: 5px;
height: 1px;
background: #f5f5f5;
}
}
/* 9.2.1. Order-total для диапазона 720-768px (таблица НЕ responsive) */
@media (max-width: 768px) {
.woocommerce-cart .cart-collaterals .cart_totals table tr.order-total {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px;
}
.woocommerce-cart .cart-collaterals .cart_totals table tr.order-total th,
.woocommerce-cart .cart-collaterals .cart_totals table tr.order-total td {
display: block !important;
width: auto !important;
padding: 0 !important;
}
/* Скрыть дублирующий ::before у td */
.woocommerce-cart .cart-collaterals .cart_totals table tr.order-total td::before {
display: none !important;
}
}
.woocommerce-cart .quantity input.qty {
height: 38px;
padding: 0 5px;
}
.woocommerce .quantity.spinners-added .qty {
width: 2.5em;
}

/* ========================================
CHECKOUT PAGE STYLES
======================================== */

/* 0. Скрыть woocommerce-additional-fields */
.woocommerce-additional-fields {
display: none !important;
}

/* 0.1 Обнуление clearfix псевдоэлементов */
/* НЕ ТРОГАЕМ __field-wrapper - ломает вёрстку! */
.woocommerce-checkout form.checkout::before,
.woocommerce-checkout form.checkout::after,
.woocommerce-checkout .col2-set::before,
.woocommerce-checkout .col2-set::after,
.woocommerce .woocommerce-billing-fields::before,
.woocommerce .woocommerce-billing-fields::after,
.woocommerce .woocommerce-shipping-fields::before,
.woocommerce .woocommerce-shipping-fields::after,
.woocommerce-page .woocommerce-billing-fields::before,
.woocommerce-page .woocommerce-billing-fields::after,
.woocommerce-page .woocommerce-shipping-fields::before,
.woocommerce-page .woocommerce-shipping-fields::after,
.woocommerce-checkout form .form-row::before,
.woocommerce-checkout form .form-row::after {
content: none !important;
display: none !important;
}

/* 0.2 Отступы для order review на desktop */
@media (min-width: 1025px) {
form.woocommerce-checkout #order_review_heading,
form.woocommerce-checkout .woocommerce-checkout-review-order {
margin: 0 0 10px 0;
}
}

/* 1. Скрыть thead таблицы заказа */
.woocommerce-checkout-review-order-table thead {
display: none;
}

/* 2. Ширина колонок 50/50 (desktop) */
@media (min-width: 1025px) {
form.woocommerce-checkout .col2-set {
width: 49.9% !important;
float: left;
}
form.woocommerce-checkout .checkout-order-review,
.woocommerce-checkout form.checkout .checkout-order-review {
width: 49.9% !important;
float: right;
margin-top: 0;
}
form.woocommerce-checkout {
display: block;
clear: both;
}
}

/* 3. Планшет и мобильные - одна колонка */
@media (max-width: 1024px) {
form.woocommerce-checkout {
display: block;
}
form.woocommerce-checkout .col2-set,
form.woocommerce-checkout .checkout-order-review,
form.woocommerce-checkout .woocommerce-checkout-review-order,
.woocommerce-checkout form.checkout .checkout-order-review {
width: 100% !important;
float: none;
}
}

/* 4.1 Убрать border и border-radius у полей checkout */
.woocommerce-checkout form.checkout .woocommerce-account-fields div.create-account,
.woocommerce-checkout form.checkout .woocommerce-shipping-fields .shipping_address,
.woocommerce-checkout form.checkout .woocommerce-billing-fields__field-wrapper {
padding: 10px;
border: none !important;
border-radius: var(--everfox-radius);
background: var(--EF-Color-Surface);
box-shadow: var(--everfox-card-shadow);
}

/* 4.2 Блок Order Review с тенью */
.woocommerce-checkout form.checkout .checkout-order-review {
padding: 0px;
background: var(--EF-Color-Surface);
box-shadow: var(--everfox-card-shadow);
border-radius: var(--everfox-radius);
width: 49.9%;
}
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order {
padding: 0px 10px 10px;
border: none !important;
background: transparent !important;
background-color: transparent !important;
}

/* 5. УДАЛЕНО: Стили для заголовков checkout (checkout-title больше не используется) */

/* Vertical navigation header (ІНФОРМАЦІЯ) - стиль як у hamburger menu */
/* Переопределяє стилі з templatemela-theme-shopstic/layouts/default/style.css */
/* Переопределення vertical-navigation.css */
.vertical-navigation.header-navigation {
display: flex;
}
.vertical-navigation {
position: relative !important;
height: auto !important;
width: auto !important;
}
/* Sticky header shadow */
#masthead .base-sticky-header.item-is-fixed:not(.item-at-start):not(.site-header-row-container):not(.item-hidden-above):not(.site-main-header-wrap),
#masthead .base-sticky-header.item-is-fixed:not(.item-at-start):not(.item-hidden-above) > .site-header-row-container-inner {
border-bottom: 1px solid var(--global-gray-400);
-webkit-box-shadow: 0px -10px 15px 7px rgba(0, 0, 0, 0.1);
box-shadow: 0px -10px 15px 7px rgba(0, 0, 0, 0.1);
}
/* Bottom header shadow */
.site-bottom-header-wrap .site-header-row-container-inner {
background: var(--EF-Color-Surface);
border-bottom: 0px none transparent;
-webkit-box-shadow: 0px -10px 15px 7px rgba(0, 0, 0, 0.1);
box-shadow: 0px -10px 15px 7px rgba(0, 0, 0, 0.1);
}
#masthead .site-header-row .vertical-navigation {
width: auto !important;
min-width: unset !important;
position: relative !important;
}
.site-header .site-bottom-header-inner-wrap .vertical-navigation .vertical-menu-container {
position: absolute;
top: 100%;
left: 0;
margin-top: 10px;
padding-top: 13px;
padding-bottom: 8px;
background: var(--EF-Color-Surface);
border-radius: var(--everfox-radius);
box-shadow: var(--everfox-card-shadow);
border: 1px solid rgba(0, 0, 0, 0.05);
overflow: visible;
z-index: 100;
}
/* Мостик для hover между кнопкой и dropdown */
.site-header .site-bottom-header-inner-wrap .vertical-navigation::before {
content: '';
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 10px;
}
.site-header .site-bottom-header-inner-wrap .vertical-navigation .vertical-menu-container ul.menu {
border: none;
border-radius: var(--everfox-radius);
}
/* Vertical navigation submenu - показ при hover */
.vertical-navigation .vertical-menu-container ul.menu > li.menu-item-has-children > ul.sub-menu {
position: absolute;
left: 100%;
top: 0;
opacity: 0;
visibility: hidden;
background: var(--EF-Color-Surface);
border-radius: var(--everfox-radius);
box-shadow: var(--everfox-card-shadow);
border: 1px solid rgba(0, 0, 0, 0.05);
padding: 13px 0 8px 0;
min-width: 220px;
z-index: 101;
transition: opacity 0.2s ease, visibility 0.2s ease;
}
.vertical-navigation .vertical-menu-container ul.menu > li.menu-item-has-children:hover > ul.sub-menu {
opacity: 1;
visibility: visible;
}
.vertical-navigation .vertical-menu-container ul.menu .sub-menu li.menu-item > a {
padding: 8px 20px;
display: block;
color: var(--global-palette4);
white-space: nowrap;
}
.vertical-navigation .vertical-menu-container ul.menu .sub-menu li.menu-item > a:hover {
color: var(--EF-color-temp);
}
#masthead .site-header-row .vertical-navigation .vertical-navigation-header {
background: transparent !important;
background-color: transparent !important;
padding: 0em 0em !important;
color: var(--EF-Color-Text) !important;
height: auto !important;
min-width: unset !important;
border-radius: var(--everfox-radius);
}
#masthead .site-header-row .vertical-navigation .vertical-navigation-header span:not(.base-svg-iconset) {
display: none !important;
}
#masthead .site-header-row .vertical-navigation .vertical-navigation-header .base-svg-iconset {
font-size: 33px !important;
margin-right: 0 !important;
}
.site-header .site-bottom-header-inner-wrap .main-navigation .primary-menu-container > ul > li.menu-item > a:last-child {
padding-left: 0 !important;
}

/* Phone widget dropdown styles */
.widget.widget_everfox_phone_widget {
font-size: 16px;
}

/* body.footer-on-bottom #inner-wrap { padding-bottom: 30px; } - перенесено в everfox-v2.css */

/* Footer shadow - как в sticky footer */
.site-footer {
position: relative;
box-shadow: 0px -10px 15px -7px rgba(0, 0, 0, 0.1);
}
.site-footer::before {
content: '';
display: block;
height: 30px;
position: absolute;
top: -30px;
left: 0;
right: 0;
}

/* Footer mobile: равные отступы между блоками */
@media (max-width: 767px) {
.site-footer .site-footer-inner-wrap {
padding-top: 20px;
padding-bottom: 20px;
}
.site-footer .site-footer-inner-wrap > .site-container {
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
}
}

/* Vertical navigation header height + font - ЗАКОМЕНТОВАНО, перенесено вище
.site-header .site-bottom-header-inner-wrap .vertical-navigation .vertical-navigation-header {
height: 45px;
font-family: Rubik, sans-serif;
font-size: 16px;
font-weight: 500;
}
*/

/* Перенос бейджа ПЕРЕД название через CSS flexbox (без изменения ширины) */
/* Горизонтальное меню */
.header-navigation .nav-drop-title-wrap {
display: inline-flex;
align-items: center;
gap: 0px;
}

/* Глобальный стиль бейджа (критический CSS - применяется сразу) */
.menu-highlight-item {
margin-left: 0 !important;
font-size: 10px;
line-height: normal;
padding: 0.2em 0.6em;
border-radius: var(--everfox-radius);
background: var(--EF-color-temp);
color: var(--EF-Color-OnDark);
font-weight: normal;
display: inline-block;
vertical-align: middle;
}

.header-navigation .nav-drop-title-wrap .menu-highlight-item {
order: -1 !important;
}

/* Вертикальное меню (ІНФОРМАЦІЯ) */
.vertical-navigation .menu-item > a {
display: flex;
align-items: center !important;
gap: 8px !important;
}
/* Стрелка подменю - выравнивание по центру */
.vertical-navigation .nav-drop-title-wrap {
display: inline-flex !important;
align-items: center !important;
line-height: 1 !important;
}
.vertical-navigation .dropdown-nav-toggle {
display: inline-flex;
align-items: center;
}
.vertical-navigation .dropdown-nav-toggle svg {
position: static;
}

/* Мобильное меню - типографика */
.mobile-navigation ul li {
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 1.5;
}

/* Мобильное меню - разделитель перед "Про нас" */
.mobile-navigation .menu-item-13010,
.drawer-navigation .menu-item-13010 {
border-top: 1px solid #eee;
margin-top: 20px;
padding-top: 20px;
}

/* Десктоп меню - разделитель перед "Про нас" */
.header-navigation .menu-item-13010 {
position: relative;
margin-top: 10px;
padding-top: 10px;
}
.header-navigation .menu-item-13010::before {
content: '';
position: absolute;
top: 0;
left: 20px;
right: 20px;
height: 1px;
background: #eee;
}

/* Мобильное меню - убрать разделитель после "Контакти" */
.mobile-navigation .menu-item-2561,
.drawer-navigation .menu-item-2561 {
border-bottom: none !important;
}

/* Мобильное меню - убрать верхний бордер */
.mobile-secondary-navigation {
border-top: none !important;
}

/* Мобильное меню - ширина drawer */
#mobile-drawer .drawer-inner {
max-width: 290px;
}

/* Мобильное меню (drawer) - бейдж перед названием */
.mobile-navigation .menu-item > a,
.drawer-navigation .menu-item > a {
display: flex;
align-items: center !important;
gap: 8px !important;
}
.mobile-navigation .menu-item > a .menu-highlight-item,
.drawer-navigation .menu-item > a .menu-highlight-item {
order: -1 !important;
padding: 2px 8px !important;
border-radius: var(--everfox-radius);
font-size: 11px !important;
font-weight: 600 !important;
text-transform: uppercase !important;
flex-shrink: 0 !important;
}

/* Мобильное меню - подменю всегда видимо с отступом */
.mobile-navigation ul.menu > li.menu-item:not(.base-menu-mega-enabled) > ul.sub-menu,
.drawer-navigation ul.menu > li.menu-item:not(.base-menu-mega-enabled) > ul.sub-menu {
display: block !important;
padding: 0 !important;
padding-left: 25px !important;
}

/* Іконки для пунктів меню "Інформація" (desktop + vertical + mobile + drawer) */
.header-navigation .menu-item-13010 > a,
.header-navigation .menu-item-2556 > a,
.header-navigation .menu-item-2575 > a,
.header-navigation .menu-item-2573 > a,
.header-navigation .menu-item-2561 > a,
.header-navigation .menu-item-13010 > .nav-drop-title-wrap,
.header-navigation .menu-item-2556 > .nav-drop-title-wrap,
.header-navigation .menu-item-2575 > .nav-drop-title-wrap,
.header-navigation .menu-item-2573 > .nav-drop-title-wrap,
.header-navigation .menu-item-2561 > .nav-drop-title-wrap,
.vertical-navigation .menu-item-13010 > a,
.vertical-navigation .menu-item-2556 > a,
.vertical-navigation .menu-item-2575 > a,
.vertical-navigation .menu-item-2573 > a,
.vertical-navigation .menu-item-2561 > a,
.vertical-navigation .menu-item-13010 > .nav-drop-title-wrap,
.vertical-navigation .menu-item-2556 > .nav-drop-title-wrap,
.vertical-navigation .menu-item-2575 > .nav-drop-title-wrap,
.vertical-navigation .menu-item-2573 > .nav-drop-title-wrap,
.vertical-navigation .menu-item-2561 > .nav-drop-title-wrap,
.vertical-navigation .menu-item-13010 > .nav-drop-title-wrap > .nav-drop-title,
.vertical-navigation .menu-item-2556 > .nav-drop-title-wrap > .nav-drop-title,
.vertical-navigation .menu-item-2575 > .nav-drop-title-wrap > .nav-drop-title,
.vertical-navigation .menu-item-2573 > .nav-drop-title-wrap > .nav-drop-title,
.vertical-navigation .menu-item-2561 > .nav-drop-title-wrap > .nav-drop-title,
.mobile-navigation .menu-item-13010 > a,
.mobile-navigation .menu-item-2556 > a,
.mobile-navigation .menu-item-2575 > a,
.mobile-navigation .menu-item-2573 > a,
.mobile-navigation .menu-item-2561 > a,
.drawer-navigation .menu-item-13010 > a,
.drawer-navigation .menu-item-2556 > a,
.drawer-navigation .menu-item-2575 > a,
.drawer-navigation .menu-item-2573 > a,
.drawer-navigation .menu-item-2561 > a {
display: flex;
align-items: center;
gap: 10px;
}

.header-navigation .menu-item-13010 > a::before,
.vertical-navigation .menu-item-13010 > a::before,
.vertical-navigation .menu-item-13010 > .nav-drop-title-wrap::before,
.vertical-navigation .menu-item-13010 > .nav-drop-title-wrap > .nav-drop-title::before,
.mobile-navigation .menu-item-13010 > a::before,
.drawer-navigation .menu-item-13010 > a::before {
content: '';
width: 20px;
height: 20px;
flex-shrink: 0;
vertical-align: middle;
background: currentColor;
-webkit-mask: url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27currentColor%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%279%27%2F%3E%3Cpath%20d%3D%27M12%2010v6%27%2F%3E%3Cpath%20d%3D%27M12%207h.01%27%2F%3E%3C%2Fsvg%3E') center / contain no-repeat;
mask: url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27currentColor%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%279%27%2F%3E%3Cpath%20d%3D%27M12%2010v6%27%2F%3E%3Cpath%20d%3D%27M12%207h.01%27%2F%3E%3C%2Fsvg%3E') center / contain no-repeat;
opacity: 0.85;
}

.header-navigation .menu-item-2556 > a::before,
.vertical-navigation .menu-item-2556 > a::before,
.vertical-navigation .menu-item-2556 > .nav-drop-title-wrap::before,
.vertical-navigation .menu-item-2556 > .nav-drop-title-wrap > .nav-drop-title::before,
.mobile-navigation .menu-item-2556 > a::before,
.drawer-navigation .menu-item-2556 > a::before {
content: '';
width: 20px;
height: 20px;
flex-shrink: 0;
vertical-align: middle;
background: currentColor;
-webkit-mask: url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27currentColor%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%274%27%20y%3D%277%27%20width%3D%2716%27%20height%3D%2710%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M8%207v4%27%2F%3E%3Cpath%20d%3D%27M11%207v3%27%2F%3E%3Cpath%20d%3D%27M14%207v4%27%2F%3E%3Cpath%20d%3D%27M17%207v3%27%2F%3E%3C%2Fsvg%3E') center / contain no-repeat;
mask: url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27currentColor%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%274%27%20y%3D%277%27%20width%3D%2716%27%20height%3D%2710%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M8%207v4%27%2F%3E%3Cpath%20d%3D%27M11%207v3%27%2F%3E%3Cpath%20d%3D%27M14%207v4%27%2F%3E%3Cpath%20d%3D%27M17%207v3%27%2F%3E%3C%2Fsvg%3E') center / contain no-repeat;
opacity: 0.85;
}

.header-navigation .menu-item-2575 > a::before,
.vertical-navigation .menu-item-2575 > a::before,
.vertical-navigation .menu-item-2575 > .nav-drop-title-wrap::before,
.vertical-navigation .menu-item-2575 > .nav-drop-title-wrap > .nav-drop-title::before,
.mobile-navigation .menu-item-2575 > a::before,
.drawer-navigation .menu-item-2575 > a::before {
content: '';
width: 20px;
height: 20px;
flex-shrink: 0;
vertical-align: middle;
background: currentColor;
-webkit-mask: url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27currentColor%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%207h11v9H3z%27%2F%3E%3Cpath%20d%3D%27M14%2010h4l3%203v3h-7%27%2F%3E%3Ccircle%20cx%3D%277%27%20cy%3D%2718%27%20r%3D%271.5%27%2F%3E%3Ccircle%20cx%3D%2718%27%20cy%3D%2718%27%20r%3D%271.5%27%2F%3E%3Cpath%20d%3D%27M6.5%209h4.5%27%2F%3E%3Cpath%20d%3D%27M6.5%2011h3%27%2F%3E%3C%2Fsvg%3E') center / contain no-repeat;
mask: url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27currentColor%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%207h11v9H3z%27%2F%3E%3Cpath%20d%3D%27M14%2010h4l3%203v3h-7%27%2F%3E%3Ccircle%20cx%3D%277%27%20cy%3D%2718%27%20r%3D%271.5%27%2F%3E%3Ccircle%20cx%3D%2718%27%20cy%3D%2718%27%20r%3D%271.5%27%2F%3E%3Cpath%20d%3D%27M6.5%209h4.5%27%2F%3E%3Cpath%20d%3D%27M6.5%2011h3%27%2F%3E%3C%2Fsvg%3E') center / contain no-repeat;
opacity: 0.85;
}

/* Повернення товару – окрема іконка (коробка зі стрілкою назад) */
.header-navigation .menu-item-2573 > a::before,
.vertical-navigation .menu-item-2573 > a::before,
.vertical-navigation .menu-item-2573 > .nav-drop-title-wrap::before,
.vertical-navigation .menu-item-2573 > .nav-drop-title-wrap > .nav-drop-title::before,
.mobile-navigation .menu-item-2573 > a::before,
.drawer-navigation .menu-item-2573 > a::before {
content: '';
width: 20px;
height: 20px;
flex-shrink: 0;
vertical-align: middle;
background: currentColor;
-webkit-mask: url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27currentColor%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M9%2010H5V6%27%2F%3E%3Cpath%20d%3D%27M5%2010a7%207%200%201%201%202%205%27%2F%3E%3C%2Fsvg%3E') center / contain no-repeat;
mask: url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27currentColor%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M9%2010H5V6%27%2F%3E%3Cpath%20d%3D%27M5%2010a7%207%200%201%201%202%205%27%2F%3E%3C%2Fsvg%3E') center / contain no-repeat;
opacity: 0.9;
}

.header-navigation .menu-item-2561 > a::before,
.vertical-navigation .menu-item-2561 > a::before,
.vertical-navigation .menu-item-2561 > .nav-drop-title-wrap::before,
.vertical-navigation .menu-item-2561 > .nav-drop-title-wrap > .nav-drop-title::before,
.mobile-navigation .menu-item-2561 > a::before,
.drawer-navigation .menu-item-2561 > a::before {
content: '';
width: 20px;
height: 20px;
flex-shrink: 0;
vertical-align: middle;
background: currentColor;
-webkit-mask: url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27currentColor%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M7%203h3l1%205-2%201c1.2%202.4%203.1%204.3%205.5%205.5l1-2%205%201v3c0%201-1%202-2%202C11.8%2020%204%2012.2%204%205c0-1%201-2%202-2z%27%2F%3E%3C%2Fsvg%3E') center / contain no-repeat;
mask: url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27currentColor%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M7%203h3l1%205-2%201c1.2%202.4%203.1%204.3%205.5%205.5l1-2%205%201v3c0%201-1%202-2%202C11.8%2020%204%2012.2%204%205c0-1%201-2%202-2z%27%2F%3E%3C%2Fsvg%3E') center / contain no-repeat;
opacity: 0.85;
}

/* Показываем иконки (иначе width/height игнорируются) */
.header-navigation .menu-item-13010 > a::before,
.header-navigation .menu-item-2556 > a::before,
.header-navigation .menu-item-2575 > a::before,
.header-navigation .menu-item-2573 > a::before,
.header-navigation .menu-item-2561 > a::before,
.vertical-navigation .menu-item-13010 > a::before,
.vertical-navigation .menu-item-2556 > a::before,
.vertical-navigation .menu-item-2575 > a::before,
.vertical-navigation .menu-item-2573 > a::before,
.vertical-navigation .menu-item-2561 > a::before,
.vertical-navigation .menu-item-13010 > .nav-drop-title-wrap::before,
.vertical-navigation .menu-item-2556 > .nav-drop-title-wrap::before,
.vertical-navigation .menu-item-2575 > .nav-drop-title-wrap::before,
.vertical-navigation .menu-item-2573 > .nav-drop-title-wrap::before,
.vertical-navigation .menu-item-2561 > .nav-drop-title-wrap::before,
.vertical-navigation .menu-item-13010 > .nav-drop-title-wrap > .nav-drop-title::before,
.vertical-navigation .menu-item-2556 > .nav-drop-title-wrap > .nav-drop-title::before,
.vertical-navigation .menu-item-2575 > .nav-drop-title-wrap > .nav-drop-title::before,
.vertical-navigation .menu-item-2573 > .nav-drop-title-wrap > .nav-drop-title::before,
.vertical-navigation .menu-item-2561 > .nav-drop-title-wrap > .nav-drop-title::before,
.mobile-navigation .menu-item-13010 > a::before,
.mobile-navigation .menu-item-2556 > a::before,
.mobile-navigation .menu-item-2575 > a::before,
.mobile-navigation .menu-item-2573 > a::before,
.mobile-navigation .menu-item-2561 > a::before,
.drawer-navigation .menu-item-13010 > a::before,
.drawer-navigation .menu-item-2556 > a::before,
.drawer-navigation .menu-item-2575 > a::before,
.drawer-navigation .menu-item-2573 > a::before,
.drawer-navigation .menu-item-2561 > a::before {
display: inline-block;
}

/* Лёгкий подъём и отступ справа у иконок */
.header-navigation .menu-item-13010 > a::before,
.header-navigation .menu-item-2556 > a::before,
.header-navigation .menu-item-2575 > a::before,
.header-navigation .menu-item-2573 > a::before,
.header-navigation .menu-item-2561 > a::before,
.vertical-navigation .menu-item-13010 > a::before,
.vertical-navigation .menu-item-2556 > a::before,
.vertical-navigation .menu-item-2575 > a::before,
.vertical-navigation .menu-item-2573 > a::before,
.vertical-navigation .menu-item-2561 > a::before,
.vertical-navigation .menu-item-13010 > .nav-drop-title-wrap::before,
.vertical-navigation .menu-item-2556 > .nav-drop-title-wrap::before,
.vertical-navigation .menu-item-2575 > .nav-drop-title-wrap::before,
.vertical-navigation .menu-item-2573 > .nav-drop-title-wrap::before,
.vertical-navigation .menu-item-2561 > .nav-drop-title-wrap::before,
.vertical-navigation .menu-item-13010 > .nav-drop-title-wrap > .nav-drop-title::before,
.vertical-navigation .menu-item-2556 > .nav-drop-title-wrap > .nav-drop-title::before,
.vertical-navigation .menu-item-2575 > .nav-drop-title-wrap > .nav-drop-title::before,
.vertical-navigation .menu-item-2573 > .nav-drop-title-wrap > .nav-drop-title::before,
.vertical-navigation .menu-item-2561 > .nav-drop-title-wrap > .nav-drop-title::before,
.mobile-navigation .menu-item-13010 > a::before,
.mobile-navigation .menu-item-2556 > a::before,
.mobile-navigation .menu-item-2575 > a::before,
.mobile-navigation .menu-item-2573 > a::before,
.mobile-navigation .menu-item-2561 > a::before,
.drawer-navigation .menu-item-13010 > a::before,
.drawer-navigation .menu-item-2556 > a::before,
.drawer-navigation .menu-item-2575 > a::before,
.drawer-navigation .menu-item-2573 > a::before,
.drawer-navigation .menu-item-2561 > a::before {
position: relative;
margin-right: 5px;
}

/* Flex-выравнивание подписи в вертикальном меню */
.vertical-navigation .nav-drop-title-wrap,
.vertical-navigation .nav-drop-title-wrap > .nav-drop-title {
display: flex;
align-items: center;
gap: 10px;
}

/* ============================================
RESPONSIVE LOGO: Планшет - desktop logo замість mobile
============================================ */
/* Планшет (600-1024px): показуємо desktop logo в mobile header */
@media (min-width: 600px) and (max-width: 1024px) {
/* Ховаємо mobile logo image */
#mobile-header .mobile-site-branding .custom-logo,
.site-bottom-header-wrap .mobile-site-branding .custom-logo {
display: none !important;
}

/* Показуємо desktop logo через background-image */
#mobile-header .mobile-site-branding a.brand,
.site-bottom-header-wrap .mobile-site-branding a.brand {
display: block !important;
position: relative !important;
}

#mobile-header .mobile-site-branding a.brand::before,
.site-bottom-header-wrap .mobile-site-branding a.brand::before {
content: '' !important;
display: block !important;
width: 180px !important;
height: 38px !important;
background-image: url('/wp-content/uploads/images/cropped-cropped-everfox-logo2-400x85.webp') !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: left center !important;
}
}

/* ============================================
ENTRY HERO: Flexbox layout - title left, breadcrumbs right
Override theme's flex-direction: column from .entry-hero-container-inner .entry-header
============================================ */
.entry-hero .entry-hero-container-inner .entry-header {
padding: 0 !important;
display: flex;
flex-direction: row;
justify-content: space-between !important;
align-items: center !important;
flex-wrap: wrap;
gap: 10px;
min-height: 55px !important;
}
/* Title on left (order 1), Breadcrumbs on right (order 2) */
.entry-hero .entry-hero-container-inner .entry-header h1,
.entry-hero .entry-hero-container-inner .entry-header .archive-title {
order: 1;
margin: 0 !important;
flex-shrink: 0;
font-size: 18px !important;
}
.entry-hero .entry-hero-container-inner .entry-header .base-breadcrumbs {
order: 2;
margin: 0 !important;
flex-shrink: 0;
}
/* Products: breadcrumbs aligned to right (no title, only breadcrumbs) */
body.single-product .entry-hero .entry-hero-container-inner .entry-header .base-breadcrumbs {
margin-left: auto !important;
}
/* Отступ для sticky add-to-cart - перенесено в everfox-v2.css */
/* Скрыть WooCommerce blockUI overlay и loader при смене вариаций */
body.single-product .blockUI.blockOverlay,
body.single-product .blockUI.blockMsg {
display: none !important;
}
/* Hide other elements in hero header */
.entry-hero .entry-hero-container-inner .entry-header .entry-meta,
.entry-hero .entry-hero-container-inner .entry-header .archive-description {
display: none;
}

/* Mobile/Tablet: stack vertically, center align */
@media (max-width: 1024px) {
.entry-hero .entry-hero-container-inner .entry-header {
flex-direction: column !important;
justify-content: center !important;
text-align: center !important;
min-height: 45px !important;
padding: 5px !important;
gap: 0 !important;
}
.entry-hero .entry-hero-container-inner .entry-header h1,
.entry-hero .entry-hero-container-inner .entry-header .archive-title {
order: 2;
width: 100%;
text-align: center !important;
}
.entry-hero .entry-hero-container-inner .entry-header .base-breadcrumbs {
order: 1;
width: 100%;
text-align: center !important;
margin-left: 0 !important;
}
}

/* ============================================
BREADCRUMBS: Fix Avanam theme bug
Source: content.scss:306 has font-size: 14; (missing px)
============================================ */
.base-breadcrumbs {
font-size: 14px;
}

/* Entry hero breadcrumbs and search form font size */
.entry-hero .base-breadcrumbs,
.entry-hero .search-form {
font-size: 16px;
}

/* Hide current category in breadcrumbs + trailing separator */
.base-breadcrumbs .base-bread-current,
.base-breadcrumbs .bc-delimiter:has(+ .base-bread-current) {
display: none;
}

/* Remove navigation menu color override */
.header-navigation li.menu-item > a {
color: unset;
}

/* Десктоп меню - показ подменю при hover */
@media (min-width: 1025px) {
.header-navigation .header-menu-container ul.menu > li.menu-item-has-children > ul.sub-menu {
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.2s ease, visibility 0.2s ease;
border-radius: var(--everfox-radius);
}
.header-navigation .header-menu-container ul.menu > li.menu-item-has-children:hover > ul.sub-menu,
.header-navigation .header-menu-container ul.menu > li.menu-item-has-children.menu-item--toggled-on > ul.sub-menu {
opacity: 1;
visibility: visible;
pointer-events: auto;
clip: auto !important;
height: auto !important;
overflow: visible !important;
}
}

/* Убрать только левый padding в главном меню */
.main-navigation .primary-menu-container > ul > li.menu-item > a {
padding-left: 0 !important;
}

/* Vertical navigation adjustments - ЗАКОМЕНТОВАНО
.site-header .site-bottom-header-inner-wrap .vertical-navigation .vertical-navigation-header {
font-weight: 400;
}
.site-header .site-bottom-header-inner-wrap .vertical-navigation .vertical-menu-container {
padding-top: 3px;
}
*/

/* ============================================
TESTIMONIALS: Стили для блока отзывов
============================================ */
/* Полноширинный контейнер (вне main content) */
.testimonials-fullwidth {
min-height: 330px;
contain: layout style;
}
/* Внутренний wrapper с max-width */
.testimonials-wrapper {
max-width: var(--global-content-width);
margin: 0 auto;
}
/* Секция - белый фон */
.testimonials-section {
padding: 0;
border-radius: var(--everfox-radius);
}
.testimonials-section .homepage-products-header {
margin-bottom: 15px;
}
/* Кнопки навигации - скрыты */
.testimonials-nav {
display: none !important;
}
.testimonials-nav .splide__arrow {
position: relative;
top: auto;
left: auto;
right: auto;
transform: none;
width: 30px;
height: 30px;
border-radius: var(--everfox-radius);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
opacity: 1 !important;
background: #f5f5f5;
border: none;
color: #666;
transition: background 0.2s, color 0.2s;
}
.testimonials-nav .splide__arrow svg {
width: 0.8em;
height: 0.8em;
fill: currentColor;
}
.testimonials-nav .splide__arrow:hover,
.testimonials-nav .splide__arrow:focus {
background: var(--EF-color-temp);
color: var(--EF-Color-OnDark);
opacity: 1 !important;
}
.testimonials-nav .splide__arrow--prev svg {
transform: scaleX(-1);
}
/* Слайдер для прокрутки */
.testimonials-slider {
display: flex;
gap: 24px;
overflow-x: auto;
scroll-behavior: smooth;
padding: 25px;
min-height: 160px;
box-shadow: var(--everfox-card-shadow);
background: var(--EF-Color-Surface);
border-radius: var(--everfox-radius);
}
.testimonials-slider::-webkit-scrollbar {
height: 6px;
}
.testimonials-slider::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: var(--everfox-radius);
}
.testimonials-slider::-webkit-scrollbar-thumb {
background: color-mix(in srgb, var(--EF-color-temp, #55368A) 30%, transparent);
border-radius: var(--everfox-radius);
}
.testimonials-slider::-webkit-scrollbar-thumb:hover {
background: color-mix(in srgb, var(--EF-color-temp, #55368A) 50%, transparent);
}
/* Карточки отзывов */
.testimonial-item {
flex: 0 0 calc(33.333% - 14px);
min-height: 140px;
padding: 15px;
background: var(--EF-Color-Surface);
box-sizing: border-box;
text-align: justify;
box-shadow: var(--everfox-card-shadow);
border-radius: var(--everfox-radius);
letter-spacing: -0.02em;
line-height: 1.4;
}
@media (max-width: 992px) {
.testimonial-item {
flex: 0 0 calc(50% - 10px);
}
}
@media (max-width: 600px) {
.testimonial-item {
flex: 0 0 100%;
}
.testimonials-nav {
display: none;
}
}
.testimonial-item .testimonial-title {
font-size: 16px;
font-weight: 400;
margin: 0 0 10px;
}
.testimonial-item .testimonial-content {
font-size: 14px;
line-height: 1.5;
color: #555;
margin: 0;
}

/* ============================================
CATEGORIES: Блок категорій на головній
============================================ */
/* Полноширинный контейнер */
.categories-fullwidth {
min-height: 280px;
contain: layout style;
margin-top: 20px;
}
/* Внутренний wrapper с max-width */
.categories-wrapper {
max-width: var(--global-content-width);
margin: 0 auto;
}
/* Секция */
.categories-section {
padding: 0;
border-radius: var(--everfox-radius);
}
.categories-section .homepage-products-header {
margin-bottom: 15px;
}
/* Слайдер для прокрутки */
.categories-slider {
display: flex;
gap: 24px;
overflow-x: auto;
scroll-behavior: smooth;
padding: 15px;
min-height: 200px;
box-shadow: var(--everfox-card-shadow);
background: var(--EF-Color-Surface);
border-radius: var(--everfox-radius);
cursor: grab;
user-select: none;
-webkit-overflow-scrolling: touch;
overscroll-behavior-x: contain;
}
.categories-slider.is-dragging {
cursor: grabbing;
scroll-behavior: auto;
}
.categories-slider::-webkit-scrollbar {
height: 6px;
}
.categories-slider::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: var(--everfox-radius);
}
.categories-slider::-webkit-scrollbar-thumb {
background: color-mix(in srgb, var(--EF-color-temp, #55368A) 30%, transparent);
border-radius: var(--everfox-radius);
}
.categories-slider::-webkit-scrollbar-thumb:hover {
background: color-mix(in srgb, var(--EF-color-temp, #55368A) 50%, transparent);
}
/* Карточка категорії */
.category-item {
flex: 0 0 auto;
width: calc((100% - 96px) / 5); /* 5 карточек */
text-decoration: none;
color: inherit;
text-align: center;
transition: transform 0.2s;
-webkit-user-drag: none;
user-drag: none;
}
.category-item:hover {
transform: translateY(-3px);
}
.category-image {
width: 100%;
aspect-ratio: 4/5;
overflow: hidden;
border-radius: var(--everfox-radius);
box-shadow: var(--everfox-card-shadow);
margin-bottom: 10px;
}
.category-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.category-name {
font-size: 16px;
font-weight: 400;
color: var(--global-palette2);
text-transform: lowercase;
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
line-height: 1.3;
}
.category-name::first-letter {
text-transform: uppercase;
}
@media (max-width: 1024px) {
.category-item { width: calc((100% - 72px) / 4); }
}
@media (max-width: 768px) {
.category-item { width: calc((100% - 48px) / 3); }
.category-name { font-size: 14px; }
}
@media (max-width: 480px) {
.category-item { width: calc((100% - 24px) / 2); }
}

/* ============================================
СТРАНИЦА КОНСТРУКТОРА /editor/
============================================ */
/* Убрать белый фон с entry-content-wrap и entry-content */
body.page-template-template-construct .entry-content-wrap,
body.page-template-template-construct .entry-content.single-content {
background: transparent;
margin: 0;
}
/* Убрать лишние отступы контента */
body.page-template-template-construct .content-area {
margin-top: 0;
margin-bottom: 0;
}
body.page-template-template-construct .entry-content-wrap {
padding: 0;
margin: 0;
}
/* fix36: Lumise iframe — единый блок стилей */
body.page-template-template-construct .entry-content-wrap iframe {
box-shadow: var(--everfox-card-shadow);
width: 100%;
border: none;
display: block;
}
/* Mobile: высота auto, скролл на странице */
@media only screen and (max-width: 1170px) {
body.page-template-template-construct .entry-content-wrap iframe,
iframe[src*="lumise"] {
height: auto;
min-height: 100vh;
max-height: none;
}
}
/* Desktop: фиксированная высота 700px */
@media only screen and (min-width: 1171px) {
body.page-template-template-construct .entry-content-wrap iframe {
height: 700px;
min-height: 700px;
max-height: 700px;
}
}
/* Контейнер конструктора - ширина 1430px */
body.page-template-template-construct .content-wrap {
max-width: 1430px;
margin: 0 auto;
}
/* Описание под конструктором - белый блок с тенью */
.product-full-description {
display: none;
}
.product-full-description.active {
display: block;
margin: 20px 0;
padding: 15px;
background: var(--EF-Color-Surface);
border-radius: var(--everfox-radius);
box-shadow: var(--everfox-card-shadow);
text-align: justify;
}

/* ============================================
HOMEPAGE PRODUCTS BLOCKS (как у testimonials)
============================================ */
/* #inner-wrap { background: linear-gradient } - перенесено в everfox-v2.css */

/* Внешний wrapper */
.homepage-products-fullwidth {
margin-top: 20px;
}

/* Внутренний wrapper с max-width */
.homepage-products-wrapper {
max-width: var(--global-content-width);
margin: 0 auto;
width: 100%;
}

/* Секция - CLS fix */
.homepage-products-section {
min-height: 500px;
contain: layout style;
border-radius: var(--everfox-radius);
}

/* Hero блок на главной */
.homepage-hero-block {
border-radius: var(--everfox-radius);
overflow: hidden;
}

/* Заголовок блока */
.homepage-products-header {
display: flex;
justify-content: space-between;
align-items: flex-end;
position: relative;
color: #000;
background: var(--EF-Color-Surface);
box-shadow: var(--everfox-card-shadow, 0 8px 24px rgba(0,0,0,0.08));
border-radius: var(--everfox-radius);
}

.homepage-products-header::before {
content: '';
position: absolute;
bottom: 9px;
left: 10px;
right: 10px;
height: 1px;
}

.homepage-products-header::after {
content: '';
position: absolute;
bottom: 8px;
left: 10px;
width: 72px;
height: 2px;
background: var(--global-palette-highlight);
}

.homepage-products-header-content {
display: flex;
flex-direction: column;
gap: 5px;
padding-left: 10px;
}

.homepage-products-header-content {
margin: 0;
font-size: 20px;
font-weight: 400;
line-height: 3em;
color: inherit;
}

/* Ссылка в заголовке */
.homepage-products-header a {
color: inherit;
text-decoration: none;
transition: color 0.2s;
}

.homepage-products-header a:hover {
color: var(--EF-color-temp);
}

/* Списки внутри single-content: убираем отступ слева */
.single-content ul,
.single-content ol {
padding-left: 0 !important;
}

/* Swatches (Iconic WLV) */
.iconic-wlv-variations__label { display: none; }
.iconic-wlv-variations__row--pa_color .iconic-wlv-terms {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
gap: 3px;
margin: 0;
padding: 0;
width: auto;
}
.iconic-wlv-terms__term { list-style:none; margin:0; padding:2px; border:1.5px solid transparent; border-radius: var(--everfox-radius); transition:all 0.2s ease-in-out; }
.iconic-wlv-terms__term .everfox-color-circle {
width: 24px;
height: 24px;
border-radius: 2px;
display: block;
overflow: hidden;
background-position: center;
background-size: cover;
position: relative;
border: 1px solid rgba(34, 31, 31, 0.20);
box-shadow:
inset 1px 1px 0 rgba(255,255,255,.2),
inset -1px -1px 0 rgba(0,0,0,.14),
1px 1px 3px rgba(0,0,0,.14);
}
/* Глянец по диагонали */
.iconic-wlv-terms__term .everfox-color-circle::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(to bottom right, rgba(255,255,255,.4) 0%, rgba(255,255,255,0) 50%);
pointer-events: none;
}
/* Selected — кольцо вокруг */
.iconic-wlv-terms__term--current { background: transparent; border-color: transparent; }
.iconic-wlv-terms__term--current .everfox-color-circle,
.iconic-wlv-terms__term--current:hover .everfox-color-circle {
box-shadow:
0 0 0 3px #fff,
0 0 0 4.5px var(--EF-color-temp),
inset 1px 1px 0 rgba(255,255,255,.2),
inset -1px -1px 0 rgba(0,0,0,.14),
1px 1px 3px rgba(0,0,0,.14);
}
/* Клавиатурный фокус */
.iconic-wlv-terms__term:focus-visible .everfox-color-circle {
box-shadow:
0 0 0 2px #fff,
0 0 0 4px var(--EF-color-temp),
inset 1px 1px 0 rgba(255,255,255,.2),
inset -1px -1px 0 rgba(0,0,0,.14),
1px 1px 3px rgba(0,0,0,.14);
}
.iconic-wlv-terms__term--image .iconic-wlv-terms__term-content { border:none !important; padding:0 !important; background:none !important; }

/* Size charts fallback (дублирует файл assets/css/size-charts.css) */
.everfox-sc { --sc-border:var(--global-gray-300, #e2e2e4); --sc-bg:var(--global-palette9, #fff); --sc-text:var(--global-palette3, #1f2430); --sc-accent:var(--everfox-accent, var(--EF-color-temp, #55368A)); width:100%; max-width:100%; margin:0 auto; box-sizing:border-box; overflow:visible; color:var(--sc-text); }
.everfox-sc__heading { font-size:20px; font-weight:400; margin:0 0 18px; letter-spacing:0.01em; text-transform:none; text-align:left; }
.everfox-sc__controls { display:flex; flex-direction:column; gap:20px; margin-bottom:20px; }
.everfox-sc__search { position:relative; display:flex; align-items:center; width:100%; }
.everfox-sc__search input { width:100%; padding:12px 44px 12px 14px; border-radius:var(--everfox-radius, 8px); font-size:15px; background: var(--EF-Color-Surface); box-shadow:var(--everfox-card-shadow,0 8px 24px rgba(0,0,0,0.03)); transition:border-color .2s ease, box-shadow .2s ease; }
.everfox-sc__search input:focus { outline:none; border-color:var(--sc-accent); box-shadow:var(--everfox-card-shadow-hover, 0 10px 30px rgba(0,0,0,0.07)); }
.everfox-sc__search-clear { position:absolute; right:10px; top:50%; transform:translateY(-50%); border:none; background:transparent; font-size:20px; line-height:1; padding:4px; cursor:pointer; color:#9aa0aa; display:none; }
.everfox-sc__search input:not(:placeholder-shown) + .everfox-sc__search-clear { display:block; }
.everfox-sc__tabs { display:flex; gap:15px; flex-wrap:wrap; }
.everfox-sc__tab { background:var(--sc-bg); padding:9px 14px; border-radius: var(--everfox-radius); font-size:14px; line-height:1.2; cursor:pointer; color:var(--sc-text); transition:color .15s ease; box-shadow:var(--everfox-card-shadow, 0 8px 24px rgba(0,0,0,0.03)); }
.everfox-sc__tab.is-active { background:var(--sc-bg); color:var(--global-palette1, var(--sc-text)); font-weight:500; box-shadow:var(--everfox-card-shadow-hover, 0 10px 24px rgba(0,0,0,0.08)); }
.everfox-sc__tab:hover,
.everfox-sc__tab:focus-visible,
.everfox-sc__tab:active { color:var(--sc-accent); outline:none; background:var(--sc-bg); box-shadow:var(--everfox-card-shadow-hover, 0 10px 24px rgba(0,0,0,0.08)); }
.everfox-sc__tab.is-active:hover,
.everfox-sc__tab.is-active:focus-visible,
.everfox-sc__tab.is-active:active { background:var(--sc-bg); color:var(--sc-accent); font-weight:500; box-shadow:var(--everfox-card-shadow-hover, 0 10px 24px rgba(0,0,0,0.08)); }
.everfox-sc__cards { display:grid; grid-template-columns:repeat(auto-fill, minmax(150px, 1fr)); gap:14px; margin-bottom:18px; }
.everfox-sc__card { all:unset; cursor:pointer; background:var(--sc-bg); border-radius: var(--everfox-radius); padding:12px 10px; min-height:164px; display:flex; flex-direction:column; align-items:center; gap:10px; text-align:center; box-shadow:var(--everfox-card-shadow,0 10px 30px rgba(0,0,0,0.06)); transition:transform .12s ease, box-shadow .12s ease, color .12s ease; color:var(--sc-text); }
.everfox-sc__card:hover { transform:translateY(-2px); box-shadow:var(--everfox-card-shadow-hover, 0 16px 34px rgba(0,0,0,0.08)); color:var(--sc-accent); background:var(--sc-bg); }
.everfox-sc__card.is-active { border:1.5px solid var(--sc-accent); box-shadow:var(--everfox-card-shadow-hover, 0 18px 36px rgba(0,0,0,0.1)); color:var(--global-palette1, var(--sc-text)); background:var(--sc-bg); }
.everfox-sc__card[hidden] { display:none !important; }
.everfox-sc__card-image { display:flex; align-items:center; justify-content:center; width:100%; aspect-ratio: 1 / 1; border-radius: var(--everfox-radius); background:#f7f8fb; overflow:hidden; border:1px dashed #d8dbe0; }
.everfox-sc__card-image img { width:100%; height:100%; object-fit:contain; display:block; }
.everfox-sc__card-placeholder { width:72px; height:72px; border-radius: var(--everfox-radius); background:#ffe6d7; color:var(--sc-text); display:inline-flex; align-items:center; justify-content:center; font-weight:700; font-size:24px; }
.everfox-sc__card-title { font-size:14px; font-weight:400; line-height:1.3; color:var(--sc-text); }
.everfox-sc__viewer { background: var(--EF-Color-Surface); border:1px solid var(--sc-border); border-radius: var(--everfox-radius); padding:16px; box-shadow:var(--everfox-card-shadow,0 12px 32px rgba(0,0,0,0.06)); }
.everfox-sc__panel { display:block; }
.everfox-sc__panel[hidden] { display:none !important; }
.everfox-sc__panel:not(.is-active) { display:none; }
.everfox-sc__empty { text-align:center; padding:20px; font-size:15px; color:#6b6f7a; border:1px dashed var(--sc-border); border-radius: var(--everfox-radius); background:#fafbfe; }

/* Табличная часть — оставляем существующие таблицы */
.everfox-sc__grid { display:flex; margin:0 auto; flex-direction:column; align-items:center; width:100%; max-width:100%; min-width:0; overflow:visible; box-sizing:border-box; }
.everfox-sc__table-wrap { width:100%; max-width:100%; overflow-x:auto; display:flex; justify-content:center; box-sizing:border-box; min-height:10.5em; padding-bottom:15px; }
.everfox-sc__chart-heading { font-size:16px; font-weight:600; margin:0 0 8px; letter-spacing:-0.01em; }
.everfox-sc__title { font-size:15px; font-weight:400; margin:0 0 12px; text-align:center; text-transform:none; letter-spacing:0; }
.everfox-sc__legend { display:flex; flex-wrap:wrap; gap:10px 8px; align-items:center; justify-content:flex-start; font-size:13px; color:var(--sc-text); max-width:480px; width:auto; padding-bottom:15px; }
.everfox-sc__legend-item { display:flex; align-items:center; gap:6px; }
.everfox-sc__legend-letter { display:flex; align-items:center; justify-content:center; width:24px; height:24px; border:1px solid var(--sc-border); border-radius: var(--everfox-radius); background:#f2f2f2; font-weight:600; letter-spacing:0.02em; flex:0 0 24px; }
.everfox-sc__legend-label { font-size:13px; text-transform:capitalize; letter-spacing:0.01em; white-space:nowrap; }
.everfox-sc__note { font-size:13px; color:#616570; padding-bottom:15px; margin:0 auto; width:100%; }
.everfox-sc .everfox-sc__table { display:table; width:100%; max-width:640px; min-width:260px; table-layout:auto; border-collapse:collapse; font-size:13px; color:var(--sc-text, #1f2430); margin:0 auto; box-sizing:border-box; }
.everfox-sc__table th, .everfox-sc__table td { border:1px solid var(--sc-border); padding:6px 8px; text-align:center; white-space:nowrap; color:inherit; min-width:45px; max-width:95px; }
.everfox-sc__table th:nth-child(1), .everfox-sc__table td:nth-child(1) { width:120px; min-width:90px; max-width:140px; }
.everfox-sc__table thead th { background:#f2f2f2; font-weight:500; line-height:1.2; font-size:14px; }
.everfox-sc__table tbody th { text-align:center; font-weight:500; white-space:nowrap; }
.everfox-sc__table-title th { background: var(--EF-Color-Surface); font-size:15px; font-weight:700; letter-spacing:0.02em; text-transform:uppercase; padding:10px; }
.everfox-sc__image { width:100%; max-width:100%; margin:0 auto; display:flex; justify-content:center; padding-bottom:15px; }
.everfox-sc__image img { max-width:100%; height:auto; display:block; margin-left:auto; margin-right:auto; border-radius: var(--everfox-radius); box-shadow:none; }
.everfox-sc--inline { display:flex; justify-content:center; }
.everfox-sc--inline .everfox-sc__body { padding:24px; background:transparent; border:0; box-shadow:none; width:100%; }
.everfox-sc__products { width:100%; max-width:100%; background: var(--EF-Color-Surface); border:0; padding:0; box-shadow:var(--everfox-card-shadow); box-sizing:border-box; display:flex; flex-direction:column; margin-bottom:5px; }
.everfox-sc__products-body { padding:0 10px; display:flex; flex-direction:column; margin-bottom:15px; }
.everfox-sc__product { display:flex; flex-direction:row; flex-wrap:wrap; padding:0; gap:8px; align-items:center; }
.everfox-sc__product-main { font-size:15px; font-weight:400; font-style:normal; letter-spacing:-0.02em; color:var(--global-palette3, var(--sc-text)); text-decoration:none; display:inline-flex; align-items:center; gap:8px; }
.everfox-sc__product-main:hover, .everfox-sc__product-main:focus { color:var(--global-palette3, var(--sc-accent)); outline:none; }
.everfox-sc__product-colors { display:flex; align-items:center; justify-content:flex-start; gap:8px; flex-wrap:wrap; background:transparent; flex:1 1 auto; }
.everfox-sc__swatches { list-style:none; margin:0; padding:0 !important; display:flex; align-items:center; gap:2px; flex-wrap:wrap; justify-content:flex-start; width:auto; }
/* Специфичные стили только для блока товаров внутри size chart */
.everfox-sc .everfox-sc__products-header.homepage-products-header {
box-shadow: none;
}
@media (max-width: 960px) {
.everfox-sc__cards { grid-template-columns:repeat(auto-fill, minmax(140px, 1fr)); }
.everfox-sc__card { min-height:150px; }
}
@media (max-width: 720px) {
.everfox-sc__tabs { gap:8px 6px; }
.everfox-sc__tab { padding:8px 12px; font-size:13px; }
.everfox-sc__cards { grid-template-columns:repeat(auto-fill, minmax(140px, 1fr)); gap:12px; }
.everfox-sc__search input { font-size:14px; }
}
@media (max-width: 540px) {
.everfox-sc__cards { grid-template-columns:repeat(auto-fill, minmax(130px, 1fr)); }
.everfox-sc__card { padding:10px 8px; }
.everfox-sc__viewer { padding:14px; }
}

/* Кнопки навигации - скрыты */
.homepage-products-section .products-nav {
display: none !important;
}

.homepage-products-section .products-nav .splide__arrow {
position: relative !important;
top: auto !important;
left: auto !important;
right: auto !important;
transform: none !important;
width: 30px !important;
height: 30px !important;
border-radius: var(--everfox-radius);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
padding: 0 !important;
opacity: 1 !important;
background: #f5f5f5 !important;
border: none !important;
color: #666 !important;
transition: background 0.2s, color 0.2s;
}

.homepage-products-section .products-nav .splide__arrow svg {
width: 0.8em !important;
height: 0.8em !important;
fill: currentColor !important;
}

.homepage-products-section .products-nav .splide__arrow:hover,
.homepage-products-section .products-nav .splide__arrow:focus {
background: var(--EF-color-temp) !important;
color: #fff !important;
opacity: 1 !important;
}

/* Disabled состояние кнопок */
.homepage-products-section .products-nav .splide__arrow:disabled,
.homepage-products-section .products-nav .splide__arrow[disabled] {
opacity: 0.3 !important;
cursor: not-allowed;
pointer-events: none;
background: #f5f5f5 !important;
color: #999 !important;
}

.homepage-products-section .products-nav .splide__arrow--prev svg {
transform: scaleX(-1) !important;
}

/* Сетка товаров - CSS Grid */
.homepage-products-section .products-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
column-gap: 1em;
row-gap: 2em;
list-style: none !important;
margin: 0;
padding: 15px 0px 30px 0px;
}

/* Изображение с фиксированным aspect ratio */
.homepage-products-section .products-grid .product-thumbnail {
aspect-ratio: 1 / 1;
overflow: hidden;
}

.homepage-products-section .products-grid .product-thumbnail img {
width: 100%;
height: 100%;
object-fit: contain;
}

/* Блок с деталями товара - flex для выравнивания */
.homepage-products-section .products-grid .product-details {
width: 100% !important;
padding: 0 !important;
box-sizing: border-box;
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
background: transparent !important;
background-color: transparent !important;
}

/* Название товара - как в каталоге (только десктоп) */
@media (min-width: 769px) {
.homepage-products-section .woocommerce-loop-product__title {
text-align: center;
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.02em;
font-style: normal;
font-weight: normal;
color: var(--EF-Color-Text);
padding: 16px 5px 0 5px;
margin: 0;
min-height: 62px; /* 2 строки фикс */
}
}

/* Цена - как в каталоге (только десктоп) */
@media (min-width: 769px) {
.homepage-products-section .products-grid .price {
text-align: center;
margin-top: 5px;
margin-bottom: 10px;
font-style: normal;
font-weight: 500;
font-size: 19px;
line-height: 1.5;
letter-spacing: 0em;
min-height: 29px; /* 19px × 1.5 = 28.5px → 29px (предотвращение CLS) */
}
}

/* Цена - контейнер по центру */
.homepage-products-section .products-grid .price span {
display: inline-block;
}

/* Уменьшенный отступ между колонками на средних экранах */
@media (max-width: 1023px) {
.homepage-products-section .products-grid {
column-gap: 0.5em;
}
}

/* Планшет: 3 колонки */
@media (max-width: 912px) {
.homepage-products-section .products-grid {
grid-template-columns: repeat(3, 1fr);
}
}

/* Мобильный: 2 колонки */
@media (max-width: 719px) {
.homepage-products-section .products-grid {
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
}

/* Карточки товаров - стилі як в каталозі */
.homepage-products-section .products li.product,
.homepage-products-section .products-grid li.product {
background: #fff !important;
border: none;
border-radius: var(--everfox-radius);
padding: 10px 0;
box-shadow: var(--everfox-card-shadow);
transition: transform 0.3s ease, box-shadow 0.3s ease, z-index 0s;
position: relative;
z-index: 1;
}

/* Карточки товаров в сетке - flex + CLS fix */
.homepage-products-section .products-grid li.product {
display: flex;
flex-direction: column;
min-height: 270px;
}

/* Карточки товаров - базовые стили перенесены в everfox-v2.css */

/* Hover эффект - тени (только каталог) */
.woocommerce ul.products li.product:hover {
box-shadow: var(--everfox-card-shadow-hover);
z-index: 10;
}

/* Подъём карточки только на больших экранах (только каталог) */
@media (min-width: 1025px) {
.woocommerce ul.products li.product:hover {
transform: translateY(-6px);
}
}

/* Скрыть лишние элементы в карточках */
.homepage-products-section .woosw-btn,
.homepage-products-section .tinv-wishlist,
.homepage-products-section .yith-wcwl-add-to-wishlist,
.homepage-products-section .add_to_cart_button,
.homepage-products-section .product_type_variable,
.homepage-products-section .woosq-btn,
.homepage-products-section .woosc-btn,
.homepage-products-section .product-loop-button,
.homepage-products-section .button.product_type_simple,
.homepage-products-section .everfox-linked-variations,
.homepage-products-section .product-actions,
.homepage-products-section .product-action-wrap {
display: none !important;
}

/* Padding блока деталей товара - как в каталоге */
.homepage-products-section .entry-content-wrap {
padding: 1rem !important;
background: transparent !important;
background-color: transparent !important;
}

/* Адаптивность блока деталей товара — как в каталоге */
@media screen and (max-width: 767px) {
.homepage-products-section .entry-content-wrap {
padding: 0.75rem !important;
}
}

@media screen and (max-width: 540px) {
.homepage-products-section .entry-content-wrap {
padding: 0.5rem !important;
}
}

/* Сбросить стили темы на карточках */
.homepage-products-section li.product.content-bg,
.homepage-products-section li.product.loop-entry,
.homepage-products-section li.product.shimmer {
background: #fff !important;
margin: 0 !important;
}

/* Блок с изображением - relative для позиционирования бейджа */
.homepage-products-section .product-thumbnail {
position: relative;
}

/* Бейдж на главной - стили как в каталоге WooCommerce */
.homepage-products-section .onsale {
position: absolute;
top: 6px;
left: 6px;
z-index: 9;
min-height: 0;
min-width: 0;
padding: .3em .5em;
font-weight: 500;
text-align: center;
line-height: 1.2;
border-radius: var(--everfox-radius);
background-color: var(--EF-color-temp);
color: var(--EF-Color-OnDark);
font-size: .7em;
}

/* Бейдж скидки - точные стили как в каталоге (только десктоп) */
@media (min-width: 769px) {
.homepage-products-section .onsale.everfox-badge--st_pr {
top: 1px;
padding: 0 5px;
min-width: auto;
min-height: auto;
width: auto;
white-space: nowrap;
background: var(--EF-color-temp);
right: auto;
left: 6px;
text-transform: none;
margin: 0;
color: var(--EF-Color-OnDark);
font-size: 11px;
font-weight: 500;
height: 20px;
line-height: 20px;
border-radius: var(--everfox-radius);
}
}

/* Название товара - ссылка без подчеркивания */
.homepage-products-section .woocommerce-loop-product__title a {
text-decoration: none;
color: inherit;
}

/* Hover для названия товара - оранжевый */
.homepage-products-section .woocommerce-loop-product__title a:hover {
color: var(--global-palette-highlight);
}

/* Убрать подчеркивание у ссылок на изображения */
.homepage-products-section .woocommerce-loop-image-link,
.homepage-products-section .woocommerce-loop-image-link:hover {
text-decoration: none;
}

/* Адаптивность: Mobile (≤768px) */
@media (max-width: 768px) {
.homepage-products-section .product-details,
.homepage-products-section .woocommerce-loop-product__title,
.homepage-products-section .price {
text-align: center;
}

/* Название товара - мобильные стили */
.homepage-products-section .woocommerce-loop-product__title {
font-size: 13px;
line-height: 1.4;
min-height: 2.4em;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}

/* Цена - мобильные стили */
.homepage-products-section .products-grid .price {
font-weight: 500;
margin-top: 5px;
margin-bottom: 10px;
}

/* Убрать подсветку при тапе на картинку */
.homepage-products-section .woocommerce-loop-image-link,
.homepage-products-section .woocommerce-loop-image-link img {
-webkit-tap-highlight-color: transparent;
outline: none;
}

/* Уменьшенные отступы для сетки на планшетах */
.homepage-products-section .products-grid {
column-gap: 0.7em;
row-gap: 1.5em;
}
}

/* Адаптивность: Tablet/Mobile (≤1024px) */
@media (max-width: 1024px) {
.woocommerce ul.products:not(.products-list-view) li.product:not(.product-item) .product-details.entry-content-wrap .woocommerce-loop-product__title {
min-height: 4em;
font-size: 13px;
margin: 0 5px 0 5px;
letter-spacing: -0.02em;
line-height: 1.3;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
}

/* Fix margin смещения карточек на мобильном (тема Avanam) */
@media screen and (max-width: 719px) {
.content-style-boxed .homepage-products-section .content-bg:not(.loop-entry) {
margin-left: 0 !important;
margin-right: 0 !important;
}
/* Отступ слева для cart totals */
.woocommerce-cart .cart-collaterals .cart_totals .cart-discount,
.woocommerce-cart .cart-collaterals .cart_totals .cart-subtotal,
.woocommerce-cart .cart-collaterals .cart_totals .order-total {
padding-left: 10px;
}
/* Уменьшенные input поля */
.woocommerce form .form-row input.input-text {
height: 35px;
padding: 0px 6px;
}
}

/* Small Mobile (≤480px) */
@media (max-width: 719px) {
.homepage-products-header {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}

.homepage-products-header-content {
font-size: 16px;
}

.homepage-products-section .products-nav {
align-self: flex-end;
}

.homepage-products-section .products-grid {
margin: 0;
}
}

/* ============================================
YITH addon-22 (Тканина) - Radio опции как WooCommerce вариации
Скопировано из bt_variation_swatches.css
============================================ */

/* Контейнер опций - flex row для кнопок рядом */
#yith-wapo-addon-22 .options-container .options {
display: flex;
flex-direction: row;
flex-wrap: wrap !important;
margin-bottom: 5px;
margin-top: 0;
margin-left: 0;
}

/* Каждая опция - inline-block для ряда */
#yith-wapo-addon-22 .yith-wapo-option {
display: inline-block !important;
float: none !important;
margin-top: 4px;
margin-right: 5px;
padding: 0;
border: 2px solid #ebebeb;
border-radius: var(--everfox-radius);
background: transparent;
cursor: pointer;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}

/* Hover - как input[type=radio]:focus+label, label:hover */
#yith-wapo-addon-22 .yith-wapo-option:hover {
border-color: var(--global-palette1, #777777);
box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

/* Выбранная опция - как input[type=radio]:checked+label */
#yith-wapo-addon-22 .yith-wapo-option.selected {
border-color: var(--global-palette1, #444444);
background: transparent;
box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

/* YITH addon-6 (checkbox "Потрібні правки") */
#yith-wapo-addon-6 .yith-wapo-addon-label {
font-weight: normal;
font-size: 14px;
margin: 0px 5px;
}

/* YITH addon price - размер шрифта */
.yith-wapo-block small.option-price {
font-size: 100%;
}

/* Цена в опциях - оранжевый цвет */
.yith-wapo-block .option-price {
color: var(--global-palette1, #f37021);
}

/* Скобки в цене - чёрный цвет */
.yith-wapo-block .option-price .brackets {
color: #000;
}

/* Скрываем иконку radio для addon-22 (Тканина) */
#yith-wapo-addon-22 .radiobutton {
display: none;
}

/* ============================================
YITH addon-22 (Тканина) - Label стили
============================================ */
#yith-wapo-addon-22 .yith-wapo-addon-label {
display: inline-block;
padding: 4px 10px;
line-height: 22px;
font-size: inherit;
font-weight: normal;
color: inherit;
cursor: pointer;
}

/* Цена внутри label для addon-22 */
#yith-wapo-addon-22 .yith-wapo-addon-label .price {
color: var(--global-palette1, #f37021);
font-weight: normal;
margin-left: 0;
}

/* Убираем лишние обёртки для addon-22 */
#yith-wapo-addon-22 .yith-wapo-option > .label {
padding: 0;
margin: 0;
}

#yith-wapo-addon-22 .option-container {
padding: 0;
margin: 0;
}

#yith-wapo-addon-22 .radio-button-container {
display: block;
}
#yith-wapo-addon-22::before {
content: '';
position: absolute;
left: -10px;
right: -15px;
bottom: -10px;
height: 14px;
background: #ffffff;
z-index: 5;
}

/* ============================================
YITH WAPO Select → Custom Buttons
============================================ */
/* Скрываем select сразу для addon-22 (Тканина) - кнопки появятся через JS */
#yith-wapo-addon-22 select.yith-wapo-option-value {
display: none !important;
}

.custom-wapo-buttons-container {
display: flex;
gap: 7px;
flex-wrap: wrap;
padding-bottom: 12px;
padding-top: 3px;
}

.custom-wapo-btn-select {
border: 2px solid #ebebeb;
border-radius: var(--everfox-radius);
padding: 4px 10px;
line-height: 1.5;
margin: 0;
cursor: pointer;
transition: all 0.3s ease;
color: inherit;
font-weight: 400;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
background: transparent;
}

.custom-wapo-btn-select:not(.active):hover {
border-color: var(--global-palette1, #777777);
box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

.custom-wapo-btn-select.active {
cursor: default;
border-color: var(--global-palette1, #444444);
box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

.custom-wapo-btn-price {
color: var(--global-palette1, #f37021);
}

/* YITH WAPO цены - плюс и цена в одном блоке */
.custom-wapo-btn-select .sign,
.custom-wapo-btn-select .woocommerce-Price-amount,
.yith-wapo-addon-label .sign,
.yith-wapo-addon-label .woocommerce-Price-amount {
display: inline;
white-space: nowrap;
}
.custom-wapo-btn-select .sign.positive,
.yith-wapo-addon-label .sign.positive {
color: var(--global-palette1, #f37021);
font-size: 14px;
}
.custom-wapo-btn-select .woocommerce-Price-amount,
.yith-wapo-addon-label .woocommerce-Price-amount {
font-weight: inherit;
line-height: inherit;
font-size: 13px !important;
}

/* ============================================
Textarea (персоналізація)
============================================ */
/* Wrapper для textarea + счетчик */
.everfox-textarea-wrapper {
position: relative;
display: inline-block;
width: 300px;
}

.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-textarea .yith-wapo-option textarea {
width: 100%;
resize: none;
font-size: 13px;
font-weight: 400;
padding: 0.5em 0.5em 0.5em 0.5em;
margin-bottom: 4px;
height: auto !important;
word-break: normal;
overflow-wrap: break-word;
}

/* Счетчик символов для textarea */
.everfox-textarea-counter {
position: absolute;
top: 2px;
right: 2px;
font-size: 12px;
color: #000000;
margin-bottom: 0px !important;
font-weight: 400 !important;
background-color: #f5f5f5;
padding: 2px 4px 2px;
border-radius: var(--everfox-radius);
pointer-events: none;
line-height: 10px;
}

/* Перенос текста персонализации в корзине */
.woocommerce-cart-form .product-name dl dd,
.woocommerce-cart-form .product-name .yith-wapo-in-cart dd,
.cart_item .product-name dd {
word-wrap: break-word;
word-break: break-word;
white-space: normal;
max-width: 100%;
}

/* ============================================
Контейнер YITH addon - как .variations tr
============================================ */
.yith-wapo-addon {
background: transparent !important;
}

/* Заголовок addon - как .bt-variation-label */
.yith-wapo-addon .yith-wapo-addon-title {
display: flex;
align-items: center !important;
justify-content: flex-start !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.5 !important;
margin-bottom: 10px !important;
padding: 0 !important;
color: var(--global-palette4, #2B2B2B) !important;
background: transparent !important;
}

.yith-wapo-addon.yith-wapo-addon-type-select.default-closed.toggle-closed {
line-height: 24px;
padding-left: 5px;
}

/* Убираем лишние wrapper'ы */
.yith-wapo-addon .yith-wapo-addon-container {
background: transparent !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
}

/* Addon header - скрыть пустые */
.yith-wapo-block .yith-wapo-addon .addon-header:empty {
display: none;
}

/* Скрыть кнопку сброса вариаций */
a.reset_variations {
display: none !important;
}

/* Скрыть дублирующую цену внутри формы вариаций */
.woocommerce-variation.single_variation {
display: none !important;
}

/* ============================================
Порядок блоков в summary через flexbox
============================================ */
/* EVERFOX: .summary.entry-summary flex управляется из everfox-v2.css */
/* product_title */
.summary.entry-summary .product_title.entry-title {
order: 1; padding: 12px 15px 0 15px; background: var(--EF-Color-Surface); border-radius: var(--everfox-radius);
}
.woocommerce div.product .product_title { font-size: 18px; font-weight: 400; }
/* variations */
.summary.entry-summary table.variations.iconic-wlv-variations {
order: 2; padding-top: 15px; margin: 0; padding-left: 15px; background: var(--EF-Color-Surface);
}
/* Variation radio container - отступ снизу */
.bt-radio-variation-container {
display: flex; flex-wrap: wrap; padding-bottom: 12px;
}
/* Variation label - убрать отступ сверху */
.base-sk-variation-above .bt-variation-label {
margin-top: 0;
}
/* everfox-variation-price */
.summary.entry-summary .everfox-variation-price {
order: 2; padding: 12px 0 0 15px; background: var(--EF-Color-Surface);
display: flex; flex-wrap: nowrap; align-items: center;
}
/* EVERFOX PRICE стили в critical CSS */
.summary.entry-summary .wrap_price_rating { order: 4; }
.summary.entry-summary .variations_form { order: 5; }
.summary.entry-summary .single-product-extras { order: 11; }
.summary.entry-summary .wrap_after_button { order: 12; }
.summary.entry-summary .single-product-payments { order: 13; }

/* Variations label - font-weight 400 */
.woocommerce div.product form.cart .variations label {
font-weight: 400;
border-radius: var(--everfox-radius);
}

/* Variations table - убрать отступы */
.woocommerce div.product form.cart .variations {
margin-bottom: 0;
border: 0;
width: 100%;
}
.woocommerce div.product form.cart table.variations {
margin: 0;
}

/* ============================================
ACCESSIBILITY: КОНТРАСТ (PageSpeed fix)
============================================ */
/* Кнопка слайдера - брендовый цвет */
.everfox-slide-button {
background: var(--EF-color-temp) !important;
color: #fff !important;
}
.everfox-slide-button:hover {
filter: brightness(0.85);
}

/* ============================================
YITH WAPO: Стили в front.css плагина
============================================ */

/* Чекбокс кнопка - отступ справа */
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon span.checkboxbutton {
margin-right: 0;
}
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon span.checkboxbutton:before {
border-radius: var(--everfox-radius);
}

/* ============================================
YITH WAPO File Addon - дополнительные стили
============================================ */

/* File addon - отступ */
.yith-wapo-addon.yith-wapo-addon-type-file {
padding-top: 14px;
}

/* Скрыть контент когда toggle закрыт */
.yith-wapo-addon.yith-wapo-addon-type-file.wapo-toggle.toggle-closed .yith-wapo-option {
display: none;
}

/* Показать контент когда toggle открыт */
.yith-wapo-addon.yith-wapo-addon-type-file.wapo-toggle.toggle-open .yith-wapo-option {
display: block;
padding-bottom: 0px;
}

/* Drop zone - контейнер загрузки */
.yith-wapo-addon-type-file .yith-wapo-ajax-uploader-container {
border: 2px dashed var(--global-palette5, #d0d0d0);
border-radius: var(--everfox-radius);
padding: 16px 20px;
text-align: center;
background: var(--global-palette7, #fafafa);
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
}

/* Текст "Перетягніть або оберіть" */
.yith-wapo-addon-type-file .yith-wapo-ajax-uploader-container .upload-text {
font-size: 13px;
color: var(--global-palette4, #666);
font-weight: 400;
}

/* Кнопка "Обрати файл" */
.yith-wapo-addon-type-file .yith-wapo-ajax-uploader-container .button {
background: var(--global-palette9, #333) !important;
color: #fff !important;
border: none !important;
padding: 8px 20px !important;
border-radius: var(--everfox-radius);
font-size: 13px !important;
font-weight: 600 !important;
cursor: pointer !important;
}

/* Формат файлов - только уникальные свойства */
.yith-wapo-addon-type-file .file-format-hint {
color: var(--global-palette4, #666);
font-weight: 400;
text-align: center;
}

/* Подсказка под uploader - скрыта */
.yith-wapo-addon-type-file .file-addon-description {
display: none;
}

/* YITH WAPO опции - word-break и отступ */
.yith-wapo-block .yith-wapo-addon .yith-wapo-option {
word-break: break-all;
}

/* Контейнер для опций товара - перенесено в everfox-v2.css */

/* Серая полоса под everfox-variation-price для товаров с block-3, без block-7 и без .variations */
.everfox-product-options-wrapper:has(#yith-wapo-block-3):not(:has(#yith-wapo-block-7)):not(:has(.variations)) .everfox-variation-price::after {
content: '';
display: block;
position: absolute;
left: -15px;
right: -17px;
bottom: -30px;
height: 20px;
background: #f5f5f7;
z-index: 1;
clip-path: inset(0 -15px 0px -15px);
}

/* Белая секция для variations table */
.everfox-wapo-white-section {
background: var(--EF-Color-Surface);
padding: 0 15px 3px;
}

/* YITH секция - прозрачная, блоки внутри с белым фоном */
.everfox-yith-section {
background: transparent;
}

/* Каждый YITH блок - белый фон */
.everfox-yith-section .yith-wapo-block {
background: var(--EF-Color-Surface);
padding: 0 10px 0 !important;
}

/* Отключить flex для addon-header - ТОЛЬКО block-3 */
#yith-wapo-block-3 .yith-wapo-addon .addon-header {
display: block;
}


/* Ширина заголовка toggle - ТОЛЬКО block-3 */
#yith-wapo-block-3 .yith-wapo-addon:not(.empty-title).wapo-toggle .wapo-addon-title {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
/* Заголовок - строка 1 */
#yith-wapo-block-3 .yith-wapo-addon:not(.empty-title).wapo-toggle .wapo-addon-title .title {
display: block;
}
/* Описание - строка 2 */
#yith-wapo-block-3 .yith-wapo-addon:not(.empty-title).wapo-toggle .wapo-addon-title .description {
display: block;
font-size: 12px;
opacity: 0.7;
}

/* ========== 2-КОЛОНОЧНЫЙ GRID ТОЛЬКО ДЛЯ BLOCK-3 ========== */
/* Mobile first: 1 столбик до 1024px */
#yith-wapo-block-3 {
display: grid;
grid-template-columns: 1fr;
gap: 0px 20px;
max-width: 100%;
box-sizing: border-box;
}
#yith-wapo-block-3::before {
content: '';
position: absolute;
left: 0px;
right: 0px;
top: -2px;
height: 10px;
background: var(--EF-Color-Surface);
z-index: 9;
}

/* Addon-ы - ширина 100% от столбца */
#yith-wapo-block-3 .yith-wapo-addon {
max-width: 100%;
box-sizing: border-box;
}

/* addon-28 - без padding-left */
#yith-wapo-addon-28 {
padding-left: 0;
padding-bottom: 15px;
}

/* Desktop: 2 столбика от 480px */
@media (min-width: 480px) {
#yith-wapo-block-3 {
grid-template-columns: calc(50% - 10px) calc(50% - 10px);
align-items: stretch;
}
/* Столбец 1: addon-3 (File), addon-6 (Checkbox) */
#yith-wapo-block-3 #yith-wapo-addon-3 {
grid-column: 1;
grid-row: 1;
}
#yith-wapo-block-3 #yith-wapo-addon-6 {
grid-column: 1;
grid-row: 2;
}
/* Столбец 2: addon-28 (Textarea), constructor-link */
#yith-wapo-block-3 #yith-wapo-addon-28 {
grid-column: 2;
grid-row: 1;
margin-top: 15px;
padding-bottom: 15px;
}
#yith-wapo-block-3 .constructor-link-wrap {
grid-column: 2;
grid-row: 2;
align-self: end;
margin: 0;
}
/* Linked Variations swatches - больше на десктопе */
.iconic-wlv-terms__term .everfox-color-circle {
width: 26px;
height: 26px;
}
.iconic-wlv-variations__row--pa_color .iconic-wlv-terms {
gap: 6px;
}

}

/* ========== BLOCK-1: Заголовок через ::before ========== */
#yith-wapo-block-1::before {
content: "Фасон";
display: block;
font-weight: 500;
font-size: 14px;
padding: 10px 5px 5px 5px;
}

/* Убрать отступ у addon-6 */
#yith-wapo-addon-6 {
margin-top: 0px;
padding-bottom: 15px;
}

#yith-wapo-addon-3 {
padding-bottom: 15px;
}

/* Убрать ::after у addon-3 */
#yith-wapo-addon-3::after {
display: none !important;
}

/* Убрать margin-bottom у wapo-toggle.toggle-open */
.yith-wapo-block .yith-wapo-addon.wapo-toggle.toggle-open:not(:last-child) {
margin-bottom: 0 !important;
}

/* Убрать margin у последнего WAPO блока */
#yith-wapo-container .yith-wapo-block:last-child {
margin-bottom: 0 !important;
border-radius: var(--everfox-radius);
background: var(--EF-Color-Surface);
padding-left: 10px;
padding-right: 10px;
}

/* Скрыть стрелки прокрутки на input file */
.yith-wapo-addon-type-file input[type="file"]::-webkit-file-upload-button {
-webkit-appearance: none;
}
.yith-wapo-addon-type-file .yith-wapo-option.allow-multiple::after {
display: none !important;
}

/* ============================================
YITH WAPO: Стили загруженных файлов
============================================ */
.yith-wapo-addon.yith-wapo-addon-type-file .yith-wapo-uploaded-file-element.completed span.info {
display: flex;
flex-direction: row;
align-items: center;
column-gap: 5px;
}
.yith-wapo-addon.yith-wapo-addon-type-file .yith-wapo-uploaded-file-element.completed span.info .file-name {
display: flex;
align-items: center;
column-gap: 5px;
}
.yith-wapo-addon.yith-wapo-addon-type-file .yith-wapo-uploaded-file-element.completed span.info .file-name span {
max-width: 150px;
padding-bottom: 0px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: 400;
}
.yith-wapo-uploaded-file .remove {
display: block;
font-size: 13px;
height: 16px;
width: 16px;
text-align: center;
line-height: 13px;
color: var(--global-palette5);
text-decoration: none;
font-weight: 600;
border: 0;
padding-bottom: 0px;
}
.yith-wapo-uploaded-file .remove:hover {
color: var(--EF-color-temp);
}
.yith-wapo-addon.yith-wapo-addon-type-file .yith-wapo-uploaded-file-element.completed span.info .file-size {
white-space: nowrap;
}
.yith-wapo-addon.yith-wapo-addon-type-file .yith-wapo-uploaded-file-info {
justify-content: flex-start !important;
font-size: 12px;
line-height: 16px;
}
.yith-wapo-addon.yith-wapo-addon-type-file .yith-wapo-img-uploaded {
display: none !important;
}
.yith-wapo-addon.yith-wapo-addon-type-file .yith-wapo-uploaded-file-element.completed span.info label:before {
content: '';
display: inline-block;
width: 14px;
height: 14px;
background-image: url(/wp-content/plugins/yith-woocommerce-advanced-product-options-premium/assets/img/check.svg) !important;
background-size: 65%;
background-repeat: no-repeat !important;
background-color: var(--EF-color-temp);
background-position: center;
border-radius: var(--everfox-radius);
}

/* ============================================
СТРАНИЦА ТОВАРА - КНОПКИ
============================================ */

/* Убрать отступ снизу у формы */
.woocommerce div.product form.cart {
margin-bottom: 0;
}

/* 1. Скрыть кнопку "ОФОРМИТИ ЗАМОВЛЕННЯ" (Buy Now) на странице товара */
.woocommerce div.product form.cart .button-buy-now {
display: none !important;
}

/* 2. Кнопка "ПЕРЕГЛЯНУТИ КОШИК" - в одну строку с "ДОДАТИ В КОШИК" на ПК */
/* Убрать width: 100% из templatemela */
.woocommerce.base-cart-button-normal div.product div.summary .added_to_cart {
width: auto !important;
}
@media screen and (min-width: 768px) {
.woocommerce div.product div.summary form.cart {
display: flex;
flex-wrap: nowrap;
align-items: center;
gap: 0;
}
.woocommerce div.product div.summary form.cart .quantity {
margin-right: 0;
}
.woocommerce div.product div.summary form.cart .single_add_to_cart_button {
margin: 0 20px !important;
}
.woocommerce div.product div.summary a.added_to_cart {
margin: 0 !important;
}
}

/* 3. Кнопка "Обрати файл" */
.yith-wapo-ajax-uploader-container .button {
background-color: var(--global-palette7) !important;
color: var(--EF-Color-Text) !important;
font-weight: 600;
}

/* Кнопки в форме cart - Primary цвет (повышенная специфичность без !important) */
body.woocommerce div.product div.summary form.cart .button {
background-color: var(--EF-Color-Btn-Primary-Bg);
color: var(--EF-Color-Btn-Primary-Text);
}
.woocommerce div.product div.summary .constructor-link-wrap {
padding-bottom: 15px;
margin: 0;
background: var(--EF-Color-Surface);
border-radius: var(--everfox-radius);
line-height: 16px;
}
.woocommerce div.product div.summary .constructor-link-wrap a {
color: var(--EF-color-temp);
text-decoration: none;
}
.woocommerce div.product div.summary .constructor-link-wrap a:hover {
text-decoration: underline;
}
/* FOOTER */
@media (min-width: 720px) {
    .site-footer-row.site-footer-row-columns-3 {
        padding: 5px 40px;
    }
}
@media (max-width: 719px) {
    /* Порядок блоков: телефоны → социал → footer-html */
    .site-footer-bottom-section-1 { order: 1; } /* телефоны */
    .site-footer-bottom-section-3 { order: 2; } /* социал */
    .site-footer-bottom-section-2 { order: 3; } /* footer-html */

    .site-footer-bottom-section-1,
    .site-footer-bottom-section-2,
    .site-footer-bottom-section-3 {
        justify-content: center;
        text-align: center;
    }
    .site-footer-bottom-section-1 .footer-widget-area,
    .site-footer-bottom-section-2 .footer-widget-area,
    .site-footer-bottom-section-3 .footer-widget-area,
    .site-bottom-footer-inner-wrap .footer-widget-area.content-align-left,
    .site-bottom-footer-inner-wrap .footer-widget-area.content-align-right {
        justify-content: center;
        text-align: center;
    }
}
/* Footer content alignment - desktop only */
.site-bottom-footer-inner-wrap .site-footer-bottom-section-3 {
    padding: 0;
    margin: 0;
    line-height: 26px;
}
#colophon .footer-html {
    margin: 1px 0;
}
@media (min-width: 720px) {
    .site-bottom-footer-inner-wrap .footer-widget-area.content-align-left > *,
    .site-bottom-footer-inner-wrap .footer-widget-area.content-align-right > * {
        flex: unset;
    }
    .site-bottom-footer-inner-wrap .footer-widget-area.content-align-left {
        justify-content: flex-start;
    }
    .site-bottom-footer-inner-wrap .footer-widget-area.content-align-right {
        justify-content: flex-end;
    }
}

/* Скрываем дублирующий блок темы */
.summary.entry-summary .wrap_after_button {
display: none !important;
}

/* ============================================
СТРАНИЦА ТОВАРА - EVERFOX PRODUCT EXTRAS
============================================ */
/* .everfox-product-extras контейнер - перенесено в everfox-v2.css */
.everfox-product-extras ul {
list-style: none;
margin: 0;
padding: 0;
}
.everfox-product-extras li {
display: flex;
align-items: flex-start;
gap: 12px;
margin-bottom: 10px;
font-size: 14px;
line-height: 1.5;
color: var(--global-palette4);
}
.everfox-product-extras li:last-child {
margin-bottom: 0;
}
.everfox-product-extras .extras-icon {
flex-shrink: 0;
width: 20px;
height: 20px;
margin-top: 2px;
display: flex;
align-items: center;
justify-content: center;
}
.everfox-product-extras .extras-icon img {
width: 20px;
height: 20px;
display: block;
}
.everfox-product-extras strong {
color: var(--EF-Color-Text);
font-weight: 500;
}
.everfox-product-extras .num {
font-weight: 600;
}

/* ============================================
СТРАНИЦА ТОВАРА - ТАБЫ (описание, отзывы)
============================================ */
.woocommerce-tabs .tabs.wc-tabs,
.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs {
background: var(--EF-Color-Surface);
padding: 10px 10px 6px;
box-shadow: var(--everfox-card-shadow);
margin: 0 0 20px;
display: flex;
align-items: flex-end;
justify-content: flex-start;
gap: 14px;
list-style: none;
position: relative;
border: 0;
overflow: hidden;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
overflow: hidden;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
content: none !important;
border: 0 !important;
display: none !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li {
margin: 0;
padding: 0;
border: 0;
background: transparent;
position: relative;
}
.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li::after {
content: '';
position: absolute;
left: 9%;
right: auto;
width: 60px;
bottom: 0;
height: 2px;
z-index: 2;
transition: background 0.2s ease;
}
.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li.active::after {
background: var(--global-palette-highlight);
}
.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li:hover::after {
background: transparent;
}
.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li.active:hover::after {
background: var(--global-palette-highlight);
}
.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li a {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 5px 0px 8px 10px;
font-weight: 400;
color: var(--EF-Color-Text);
text-decoration: none;
font-size: 18px;
position: relative;
z-index: 3;
}
.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li:hover a {
color: var(--EF-color-temp);
text-shadow: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li.active a {
color: var(--EF-Color-Text);
text-shadow: none;
}
@media (max-width: 719px) {
.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li a {
font-size: 16px;
}
}
.woocommerce.product-tab-style-center div.product .woocommerce-tabs ul.tabs {
justify-content: flex-start;
background: var(--EF-Color-Surface);
border-radius: var(--everfox-radius);
}
.woocommerce.product-tab-style-center div.product .woocommerce-tabs ul.tabs li,
.woocommerce.product-tab-style-center div.product .woocommerce-tabs ul.tabs li.active {
border: 0 !important;
margin: 0;
background: transparent;
}
.woocommerce-tabs .woocommerce-Tabs-panel.wc-tab {
background: var(--EF-Color-Surface);
padding: 12px;
box-shadow: var(--everfox-card-shadow);
}
.woocommerce div.product .woocommerce-tabs .panel {
background: #fff !important;
width: 100%;
text-align: justify;
border-radius: var(--everfox-radius);
line-height: 1.5em;
}

.single-product div.product .woocommerce-tabs {
margin: 1.5em 0px;
border: none !important;
border-radius: var(--everfox-radius);
}

/* ============================================
RELATED & UPSELLS PRODUCTS
============================================ */
/* Related & Upsells Products */
.woocommerce .up-sells.products,
.woocommerce .related.products {
margin-top: 20px;
padding: 0px;
}

/* ===== Related Products - Splide слайдер ===== */

/* Базовые стили ДО инициализации Splide - идентичны конечным */
section.related.products ul.products {
display: flex;
flex-wrap: nowrap !important;
gap: 1em !important;
overflow: hidden !important;
list-style: none !important;
margin: 0 !important;
padding: 15px 0 0 0 !important;
}

/* Ширина карточек ДО Splide - Desktop */
section.related.products:not(.splide) ul.products li.product {
flex: 0 0 calc(25% - 22.5px) !important;
min-width: calc(25% - 22.5px) !important;
max-width: calc(25% - 22.5px) !important;
}

/* Скрыть лишние товары (5+) ДО Splide - Desktop */
section.related.products:not(.splide) ul.products li.product:nth-child(n+5) {
display: none !important;
}

/* Tablet (<1024px) - показать только 3 ДО Splide */
@media (max-width: 1023px) {
section.related.products:not(.splide) ul.products li.product {
flex: 0 0 calc(33.333% - 13.333px) !important;
min-width: calc(33.333% - 13.333px) !important;
max-width: calc(33.333% - 13.333px) !important;
}
section.related.products:not(.splide) ul.products li.product:nth-child(n+4) {
display: none !important;
}
}

/* Mobile (<540px) - показать только 2 ДО Splide */
@media (max-width: 539px) {
section.related.products:not(.splide) ul.products li.product {
flex: 0 0 calc(50% - 5px) !important;
min-width: calc(50% - 5px) !important;
max-width: calc(50% - 5px) !important;
}
section.related.products:not(.splide) ul.products li.product:nth-child(n+3) {
display: none !important;
}
}

/* Splide контейнер */
section.related.products.splide {
overflow: visible;
}

section.related.products.splide .splide__track {
overflow: visible;
padding: 15px 0 0 0;
}

section.related.products.splide ul.products.splide__list {
display: flex;
gap: 10px !important;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
}

/* Gap для tablet */
@media (min-width: 540px) and (max-width: 1023px) {
section.related.products.splide ul.products.splide__list {
gap: 20px !important;
}
}

/* Gap для desktop */
@media (min-width: 1024px) {
section.related.products.splide ul.products.splide__list {
gap: 30px !important;
}
}

/* Desktop (>=1024px): 4 товара - показать все слайды */
section.related.products.splide ul.products li.product.splide__slide {
display: flex;
flex: 0 0 calc(25% - 22.5px) !important;
min-width: calc(25% - 22.5px) !important;
max-width: calc(25% - 22.5px) !important;
}

/* Tablet (<1024px): 3 товара, 2 gaps */
@media (max-width: 1023px) {
section.related.products.splide ul.products li.product.splide__slide {
flex: 0 0 calc(33.333% - 13.333px) !important;
min-width: calc(33.333% - 13.333px) !important;
max-width: calc(33.333% - 13.333px) !important;
}
}

/* Mobile (<540px): 2 товара, 1 gap */
@media (max-width: 539px) {
section.related.products.splide ul.products li.product.splide__slide {
flex: 0 0 calc(50% - 5px) !important;
min-width: calc(50% - 5px) !important;
max-width: calc(50% - 5px) !important;
}
}

/* Карточка товара */
section.related.products ul.products li.product {
display: flex;
flex-direction: column !important;
background: #fff !important;
border: none !important;
border-radius: var(--everfox-radius);
padding: 10px 0 !important;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07), 0 10px 20px rgba(0, 0, 0, 0.1), 0 20px 40px rgba(0, 0, 0, 0.08) !important;
transition: transform 0.3s ease, box-shadow 0.3s ease, z-index 0s !important;
position: relative !important;
z-index: 1 !important;
}

/* Hover эффект - усиленная тень и подъём */
section.related.products ul.products li.product:hover {
transform: translateY(-5px) !important;
box-shadow: var(--everfox-card-shadow-hover) !important;
z-index: 10 !important;
}

/* Изображения - точно как в каталоге */
section.related.products ul.products li.product a.woocommerce-loop-image-link img {
width: 100%;
max-width: 334px;
height: auto;
aspect-ratio: 1 / 1;
object-fit: contain;
border-radius: var(--everfox-radius);
margin: 0 auto;
display: block;
}

/* Product details - padding */
section.related.products ul.products li.product .product-details.entry-content-wrap,
section.related.products ul.products li.product .entry-content-wrap {
padding: 16px 0 0 0;
margin: 0;
}

/* Title - центрирование и размер */
section.related.products ul.products li.product .woocommerce-loop-product__title {
text-align: center;
padding: 0 5px 0.3rem 5px;
min-height: 2.8em;
line-height: 1.4;
font-size: 16px;
font-weight: normal;
letter-spacing: -0.02em;
color: var(--EF-Color-Text);
}

/* Related products - свотчи наследуют общие стили */

/* Price - центрирование и размер */
section.related.products ul.products li.product .price {
text-align: center;
font-size: 19px;
font-weight: 500;
color: var(--EF-color-temp);
margin-top: 5px;
margin-bottom: 0;
padding: 0 5px;
}

/* Mobile (<768px) - уменьшить размер цены */
@media (max-width: 768px) {
section.related.products ul.products li.product .price {
font-size: 16px;
}
}

/* Цена "від" */
section.related.products .everfox-price-from {
font-size: 16px;
font-weight: normal;
letter-spacing: -0.02em;
color: var(--EF-Color-Text, #231B2E);
margin-right: 4px;
}

/* Бейджи - позиция как в каталоге */
section.related.products ul.products li.product .onsale {
min-width: auto;
min-height: auto;
width: auto;
white-space: nowrap;
padding: 0 5px;
background: var(--EF-color-temp);
top: 1px;
left: 6px;
right: auto;
text-transform: none;
}

/* Action wrap - центрирование */
section.related.products ul.products li.product .product-action-wrap {
text-align: center;
margin-top: 0.5em;
}

/* ============================================
CHECKOUT: Блок "Доставка" с radio-кнопками
============================================ */
.everfox-shipping-block {
background: var(--EF-Color-Surface);
border-radius: var(--everfox-radius);
padding: 10px;
margin-top: 20px;
box-shadow: var(--everfox-card-shadow);
margin-bottom: 20px;
position: relative;
}
.everfox-shipping-options {
display: flex;
flex-direction: column;
gap: 5px;
margin-bottom: 15px;
}
/* Wrapper для каждого radio + полей под ним */
.shipping-option-wrapper {
}
/* Резерв высоты на загрузке для Nova Poshta */
.shipping-option-wrapper[data-method="nova-poshta"] .shipping-fields-placeholder {
min-height: 112px;
position: relative;
}
.shipping-option-wrapper[data-method="nova-poshta"] .shipping-fields-placeholder:not(.has-fields) {
display: flex;
align-items: center;
justify-content: center;
}
.shipping-option-wrapper[data-method="nova-poshta"] .shipping-fields-placeholder.has-fields {
display: flex;
align-items: center;
justify-content: center;
}
/* Скрывать содержимое только если есть поля и метод не выбран; пока грузится (нет has-fields) — оставляем место под спиннер */
.shipping-option-wrapper:not(.is-active) .shipping-fields-placeholder.has-fields {
display: none !important;
}
.shipping-option-wrapper.is-active .shipping-fields-placeholder {
display: flex;
}
.shipping-option-wrapper[data-method="nova-poshta"] .shipping-fields-placeholder:not(.has-fields) .everfox_spin {
--everfox-spin-size: 48px;
}
/* Debug: always show spinner inside shipping block (removed) */
/* Спиннер everfox_spin (global) */
.everfox_spin {
display: inline-block;
position: relative;
border-radius: 50%;
height: var(--everfox-spin-size, 36px);
width: var(--everfox-spin-size, 36px);
animation: everfox_spin var(--everfox-spin-speed, 1.2s) linear infinite;
background-color: #ff6a00;
background-image: linear-gradient(
135deg,
#ff7a1a 0%,
#ff7a1a 30%,
#ffffff 40%,
#ffffff 60%,
#6fd3ff 70%,
#6fd3ff 100%
);
}
.everfox_spin span {
position: absolute;
border-radius: 50%;
height: 100%;
width: 100%;
background-color: #ff6a00;
background-image: linear-gradient(
135deg,
#ff7a1a 0%,
#ff7a1a 30%,
#ffffff 40%,
#ffffff 60%,
#6fd3ff 70%,
#6fd3ff 100%
);
}
.everfox_spin span:nth-of-type(1) { filter: blur(5px); }
.everfox_spin span:nth-of-type(2) { filter: blur(10px); }
.everfox_spin span:nth-of-type(3) { filter: blur(25px); }
.everfox_spin span:nth-of-type(4) { filter: blur(50px); }
.everfox_spin > span {
animation: everfox_spin var(--everfox-spin-speed, 1.2s) linear infinite;
transform-origin: center center;
}
/* Всегда видимый спиннер на checkout – центр экрана, не мешает кликам */
.everfox-spin-global {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10000;
pointer-events: none;
height: var(--everfox-spin-size, 40px);
width: var(--everfox-spin-size, 40px);
animation: none !important; /* центр не сбивать */
}
.everfox-spin-global > span {
animation: everfox_spin var(--everfox-spin-speed, 1.2s) linear infinite;
transform-origin: center center;
}
.everfox_spin::after {
content: '';
position: absolute;
top: var(--everfox-spin-inner-gap, 9px);
left: var(--everfox-spin-inner-gap, 9px);
right: var(--everfox-spin-inner-gap, 9px);
bottom: var(--everfox-spin-inner-gap, 9px);
background-color: #fff1e9;
border: solid var(--everfox-spin-inner-border, 6px) #fff1e9;
border-radius: 50%;
box-shadow: 0 0 18px rgba(255, 140, 60, 0.35);
}
/* Скрыть ref поле morkva (дублирование) */
#mrkv_ua_shipping_nova-poshta_warehouse_ref_field {
display: none !important;
}
.shipping-option {
display: flex;
align-items: center;
gap: 6px;
cursor: pointer;
padding-top: 10px;
background: transparent;
border: none;
}
.shipping-option span {
font-weight: 400;
color: var(--EF-Color-Text);
font-size: 14px;
line-height: 16px;
}
.shipping-option input[type="radio"] {
appearance: none;
-webkit-appearance: none;
width: 14px;
height: 14px;
border: 1px solid #ccc;
border-radius: 50%;
background: var(--EF-Color-Surface);
cursor: pointer;
position: relative;
}
.shipping-option input[type="radio"]:hover {
border-color: #000;
}
.shipping-option input[type="radio"]:checked {
border-width: 1px;
border-color: #000;
}
.shipping-option input[type="radio"]:checked::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 7px;
height: 7px;
background: #000;
border-radius: 50%;
}
/* Dropdown padding */
.select2-container--open .select2-dropdown--below {
padding: 8px;
}
/* Скрытые поля Nova Poshta - Відділення (хранят ref/label для API) */
#mrkv_ua_shipping_nova-poshta_city_label_field,
#mrkv_ua_shipping_nova-poshta_city_ref_field,
#mrkv_ua_shipping_nova-poshta_area_name_field,
#mrkv_ua_shipping_nova-poshta_ref_field,
#mrkv_ua_shipping_nova-poshta_number_field,
#mrkv_ua_shipping_nova-poshta_warehouse_number_field {
display: none !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
/* Скрытые поля Nova Poshta - Поштомат */
#mrkv_ua_shipping_nova-poshta_poshtamat_city_label_field,
#mrkv_ua_shipping_nova-poshta_poshtamat_city_ref_field,
#mrkv_ua_shipping_nova-poshta_poshtamat_area_name_field,
#mrkv_ua_shipping_nova-poshta_poshtamat_ref_field,
#mrkv_ua_shipping_nova-poshta_poshtamat_number_field {
display: none !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
/* Скрытые поля Nova Poshta - Адресна доставка */
#mrkv_ua_shipping_nova-poshta_address_patronymic_enabled_field,
#mrkv_ua_shipping_nova-poshta_address_city_label_field,
#mrkv_ua_shipping_nova-poshta_address_city_ref_field,
#mrkv_ua_shipping_nova-poshta_address_area_name_field,
#mrkv_ua_shipping_nova-poshta_address_street_ref_field,
#mrkv_ua_shipping_nova-poshta_address_address_ref_field {
display: none !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
/* REMOVED: CSS для кастомной системы доставки everfox - возвращаем стандартное отображение Morkva */

/* REMOVED: возвращаем стандартный WooCommerce shipping */

/* WooCommerce form labels - переопределение templatemela стилей */
.woocommerce form .form-row label {
line-height: 1;
font-weight: 400;
margin-top: 10px;
margin-bottom: 10px;
}
/* Ширина полей 48% для парных строк */
.woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last {
width: 48%;
}
.woocommerce form .form-row::after,
.woocommerce-page form .form-row::after {
clear: both;
margin-bottom: 15px;
}

/* Чекбоксы checkout - оранжевый цвет при отметке */
.woocommerce-checkout input[type="checkbox"]:checked {
accent-color: var(--EF-color-temp) !important;
background-color: var(--EF-color-temp) !important;
}

/* Label */
.mrkv_ua_shipping_checkout_fields label {
font-size: 14px !important;
}
.mrkv_ua_shipping_checkout_fields label .required {
color: #e74c3c !important;
}
/* Select2 контейнер — только Morkva-специфичные стили */
.mrkv_ua_shipping_checkout_fields .select2-container {
width: 100% !important;
}
.mrkv_ua_shipping_checkout_fields .select2-container--default.select2-container--open .select2-selection--single,
.mrkv_ua_shipping_checkout_fields .select2-container--default .select2-selection--single:focus {
border-color: #ddd !important;
outline: none !important;
}
/* Глобальные select2 стили — источник: _checkout.scss */
/* === Валідація select2 полів === */
/* Червоний border для невалідних select2 полів */
.woocommerce-invalid .select2-container--default .select2-selection--single {
border-color: #e74c3c !important;
background-color: #fff5f5 !important;
}
/* Червоний border при фокусі на невалідному полі */
.woocommerce-invalid .select2-container--default.select2-container--open .select2-selection--single,
.woocommerce-invalid .select2-container--default.select2-container--focus .select2-selection--single {
border-color: #e74c3c !important;
outline: none !important;
box-shadow: 0 0 0 1px rgba(231, 76, 60, 0.2) !important;
}
/* Валідні select2 поля - зелений border */
.woocommerce-validated .select2-container--default .select2-selection--single {
border-color: #27ae60 !important;
background-color: #f0fff4 !important;
}
/* Input text - такі ж стилі як select2 */
.mrkv_ua_shipping_checkout_fields input[type="text"] {
width: 100% !important;
height: 36px !important;
padding: 5px 12px !important;
border: 1px solid var(--global-gray-400);
border-radius: var(--everfox-radius);
font-size: 14px !important;
color: #444 !important;
line-height: 24px !important;
background: #fff !important;
box-sizing: border-box !important;
transition: border-color 0.2s ease !important;
}
.mrkv_ua_shipping_checkout_fields input[type="text"]:hover {
border-color: #aaa !important;
}
.mrkv_ua_shipping_checkout_fields input[type="text"]:focus {
border-color: #ddd !important;
outline: none !important;
}
.mrkv_ua_shipping_checkout_fields input[type="text"]::placeholder {
color: #999 !important;
}
/* Скрыть оригинальный select (показывается select2) */
.mrkv_ua_shipping_checkout_fields select {
display: none !important;
}

/* ============================================
Order Comments - Поле комментария к заказу
============================================ */
.woocommerce-checkout textarea#order_comments,
.woocommerce-checkout .woocommerce-input-wrapper textarea {
resize: none !important;
}

/* ============================================
Payment Methods - Radio кнопки оплаты
============================================ */
.woocommerce-checkout #payment ul.payment_methods li {
line-height: 1.5;
margin: 0;
padding-top: 15px;
cursor: pointer;
transition: background-color 0.2s ease;
}
.woocommerce-checkout #payment ul.payment_methods li:hover {
background-color: rgba(0, 0, 0, 0.02);
}
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order #payment ul.wc_payment_methods li.wc_payment_method > label {
background: transparent;
border-left: none;
font-weight: 400;
color: var(--EF-Color-Text);
font-size: 14px;
padding: 5px 0;
margin: 0 0 0 20px;
line-height: 16px;
}
/* Стили radio-кнопок оплаты (как в доставке) */
#payment .wc_payment_methods .wc_payment_method input[type="radio"] {
appearance: none !important;
-webkit-appearance: none !important;
width: 14px !important;
height: 14px !important;
border: 1px solid #ccc !important;
border-radius: 50% !important;
background: #fff !important;
cursor: pointer;
position: relative;
vertical-align: middle;
}
#payment .wc_payment_methods .wc_payment_method input[type="radio"]::before {
display: none !important;
content: none !important;
}
#payment .wc_payment_methods .wc_payment_method input[type="radio"]:hover {
border-color: #000 !important;
}
#payment .wc_payment_methods .wc_payment_method input[type="radio"]:checked {
border-width: 1px !important;
border-color: #000 !important;
}
#payment .wc_payment_methods .wc_payment_method input[type="radio"]:checked::after {
content: '' !important;
display: block !important;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 12px !important;
height: 12px !important;
background: #000 !important;
border-radius: 50% !important;
}
/* Payment method description - inline с названием в скобках, только для выбранного */
#payment .wc_payment_methods .wc_payment_method {
display: block;
}
#payment .wc_payment_methods .wc_payment_method > label {
display: inline !important;
}
/* Скрыть описание по умолчанию */
#payment .wc_payment_methods .wc_payment_method .payment_box {
display: none !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
background-color: transparent !important;
position: static !important;
font-size: 0 !important;
}
/* Показать описание только когда метод выбран */
#payment .wc_payment_methods .wc_payment_method input:checked ~ .payment_box {
display: inline !important;
}
#payment .wc_payment_methods .wc_payment_method .payment_box::before {
content: "(";
font-size: 14px;
}
#payment .wc_payment_methods .wc_payment_method .payment_box::after {
content: ")";
font-size: 14px;
}
#payment .wc_payment_methods .wc_payment_method .payment_box p {
display: inline !important;
font-size: 14px !important;
margin: 0 !important;
padding: 0 !important;
}
#payment .wc_payment_methods .wc_payment_method .payment_box img {
height: 16px;
width: auto;
vertical-align: middle;
}


/* Remove margins from .single-content p elements */
.single-content p {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
/* Hide update cart button row */
.woocommerce-cart-form td.actions {
display: none !important;

}

/* Пробіл після старої ціни на мобільних */
@media (max-width: 767px) {
.single-product .price del {
margin-right: 0.3em !important;
}
}

/* ========================================
MORKVA SHIPPING - скрыть лейблы полей (Місто, Відділення)
======================================== */
.mrkv_ua_shipping_checkout_fields label {
display: none !important;
}

/* ========================================
CHECKOUT REVIEW ORDER TABLE - стили
======================================== */
/* 0. Таблица - фиксированный layout для адаптивности */
.woocommerce-checkout-review-order-table {
table-layout: fixed;
width: 100%;
}


/* 3. Стили checkout-review-product-name (без line-clamp) */
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .shop_table tbody td.product-name .checkout-review-product-name {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
font-size: 13px;
letter-spacing: -0.4px;
line-height: 15px;
overflow-wrap: break-word;
word-wrap: break-word;
}

/* 4. shop_table td - убрать border-top */
.woocommerce table.shop_table td {
border-top: none;
vertical-align: middle;
line-height: 1.2em;
}

/* 5. checkout-review-order-table tbody td - убрать height */
.shop_table.woocommerce-checkout-review-order-table tbody td {
height: auto;
}

/* 6a. checkout-review-product-image - позиционирование */
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .shop_table tbody td.product-name .checkout-review-product-image {
display: inline-block;
position: absolute;
/* margin-right: 20px; */
top: 15px;
left: 0;
}

/* 6b. product-total - ширина колонки цены */
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .shop_table tbody td.product-total {
width: 15%;
text-align: end;
font-weight: 500;
vertical-align: top;
line-height: 5em;
padding-top: 10px;
}

/* 6b1. order-total и shipping - отступы */
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .shop_table tr.order-total,
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .shop_table tr.shipping {
padding-top: 5px;
padding-bottom: 0px;
}

/* 7. shipping-fields-placeholder */
.shipping-fields-placeholder {
display: block;
margin: 12px 0px -12px 0px;
}

/* 8. everfox-shipping-options */
.everfox-shipping-options {
display: flex;
flex-direction: column;
gap: 6px;
}

/* 9. Блок знижки (cart-discount) */
.woocommerce-checkout .woocommerce-checkout-review-order .cart-discount {
background: var(--global-palette7);
padding: 0px 10px;
margin: 1em 0;
}

/* === td.product-remove: центрування (глобально) === */
.woocommerce td.product-remove {
text-align: center;
vertical-align: middle;
overflow: visible;
}

/* === td.product-remove: flexbox центрування (тільки checkout) === */
.woocommerce-checkout td.product-remove {
display: flex;
align-items: center;
justify-content: center;
}

/* ========================================
DESKTOP CHECKOUT (min-width: 720px)
======================================== */
@media (min-width: 720px) {
/* cart_item - фиксированная высота строки */
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .shop_table tbody tr.cart_item {
height: 100px;
}
}

/* Приховати ціну та кількість на desktop (>719px) - показуємо тільки на mobile */
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .shop_table tbody td.product-name .checkout-review-product-qty,
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .shop_table tbody td.product-name .checkout-review-product-price {
display: none;
}

/* ========================================
MOBILE/TABLET CHECKOUT - Картки товарів (max-width: 719px)
Высокая специфичность для перебивки templatemela-core
======================================== */
@media (max-width: 719px) {
.woocommerce table.shop_table {
border-radius: var(--everfox-radius);
margin: 0;
}
.checkout-coupon-toggle {
background: var(--EF-Color-Surface);
padding: 10px;
}
.woocommerce-checkout form.checkout .woocommerce-checkout-payment {
padding: 0px 10px;
margin: 0;
background: var(--EF-Color-Surface);
border-top: none;
}
.form-block {
padding: 20px 10px 0px;
background: var(--EF-Color-Surface);
margin-top: -15px;
}
.woocommerce-page form .form-row label.checkbox,
.woocommerce form .form-row label.checkbox {
display: block;
padding: 0px 10px 15px;
}
#do_not_call_field {
padding-left: 10px;
}
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .form-row {
margin-bottom: 0;
background: var(--EF-Color-Surface);
border-radius: 0 0 var(--everfox-radius) var(--everfox-radius);
}
.checkout-footer-wrapper {
box-shadow: var(--everfox-card-shadow);
clip-path: inset(-20px -20px -20px -20px);
border-radius: 0 0 var(--everfox-radius) var(--everfox-radius);
}
/* Padding 0 для мобільних */
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order {
padding: 0px;
}
.woocommerce-checkout form.checkout .checkout-order-review {
padding: 0px;
background: none;
box-shadow: none;
}

/* === RESET: Таблица → блок === */
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .shop_table.woocommerce-checkout-review-order-table {
display: block;
width: 100%;
}
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .shop_table thead {
display: none;
}
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .shop_table tbody,
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .shop_table tfoot {
display: block;
padding-top: 0px;
position: relative;
}
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .shop_table tfoot::after {
content: '';
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0px;
height: 10px;
background: var(--EF-Color-Surface);
border-bottom: 1px solid #eee;
z-index: 2;
}
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .shop_table tbody tr,
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .shop_table tfoot tr {
display: block;
}
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .shop_table.woocommerce-checkout-review-order-table tbody tr {
border-bottom: none !important;
}
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .shop_table tfoot tr:last-child {
border-bottom: none;
padding: 10px;
background: var(--EF-Color-Surface);
box-shadow: var(--everfox-card-shadow);
border-radius: var(--everfox-radius);
}

/* === GRID: Карточка товара (як у корзині) === */
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .shop_table tbody tr.cart_item {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: auto auto auto auto auto;
gap: 8px;
align-items: center;
box-sizing: border-box;
background: var(--EF-Color-Surface);
border: none;
margin-bottom: 1.5em;
padding: 15px 10px 0px;
position: relative;
box-shadow: var(--everfox-card-shadow);
border-radius: var(--everfox-radius);
}

/* === td.product-remove: absolute зліва по центру Row 1 === */
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .shop_table tbody td.product-remove {
position: absolute;
left: 10px;
top: 45px;
padding: 0;
z-index: 10;
}
/* === td.product-name: display: contents === */
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .shop_table tbody td.product-name {
display: contents;
}

/* === Row 1: Image - по центру на всю ширину === */
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .shop_table tbody td.product-name .checkout-review-product-image {
grid-column: 1 / -1;
grid-row: 1;
justify-self: center;
align-self: center;
display: block;
width: auto;
position: relative;
top: auto;
left: auto;
margin: 0;
}
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .shop_table tbody td.product-name .checkout-review-product-image img {
width: 70px;
height: 70px;
object-fit: cover;
object-position: center;
}
/* Badge кількості на фото */
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .shop_table tbody td.product-name .checkout-review-product-image .product-quantity {
position: absolute;
right: 4px;
top: 1px;
}

/* === Row 2: Назва === */
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .shop_table tbody td.product-name .checkout-review-product-name {
grid-column: 1 / -1;
grid-row: 2;
text-align: right;
padding-top: 8px;
border-top: 1px solid var(--global-gray-400);
min-height: 3em;
}

/* Варіації - Row 3 (після назви, завжди є - пустий dl якщо немає) */
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .shop_table tbody td.product-name dl.variation {
grid-column: 1 / -1;
grid-row: 3;
font-size: 11px;
margin: 0;
padding: 0;
padding-bottom: 8px;
text-align: right;
border-bottom: 1px solid var(--global-gray-400);
}
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .shop_table tbody td.product-name dl.variation dt {
display: none;
}
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .shop_table tbody td.product-name dl.variation dd {
display: inline;
margin: 0;
padding: 0;
padding-right: 0px;
padding-left: 6px;
}

/* YITH WAPO options - Row 3 (разом з варіаціями) */
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .shop_table tbody td.product-name .yith-wapo-addon-data {
grid-column: 1 / -1;
grid-row: 3;
display: block;
text-align: center;
font-size: 11px;
}

/* === Row 4: Ціна - Кількість - Ітого === */

/* Ціна - Col 1 */
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .shop_table tbody td.product-name .checkout-review-product-price {
grid-column: 1;
grid-row: 4;
position: relative;
display: flex;
flex-direction: column;
align-items: self-start;
justify-content: center;
}

/* "Растворить" вложенный span.price */
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .shop_table tbody td.product-name .checkout-review-product-price .price,
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .shop_table tbody td.product-name .checkout-review-product-price > span:not(.screen-reader-text) {
display: contents !important;
}

/* Скрыть screen-reader-text */
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .shop_table tbody .checkout-review-product-price .screen-reader-text {
display: none !important;
}

/* Стара ціна - absolute над ins */
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .shop_table tbody td.product-name .checkout-review-product-price del,
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .shop_table tbody .checkout-review-product-price .price del {
display: block !important;
position: absolute;
top: -14px;
left: 0px;
color: #999;
font-size: 12px;
text-decoration: line-through;
white-space: nowrap;
}
/* Нова ціна - завжди по центру */
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .shop_table tbody td.product-name .checkout-review-product-price ins,
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .shop_table tbody .checkout-review-product-price .price ins {
display: block !important;
color: var(--EF-color-temp);
font-size: 16px;
font-weight: 500;
text-decoration: none;
background: transparent;
}

/* Кількість - Col 2, Row 4 */
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .shop_table tbody td.product-name .checkout-review-product-qty {
grid-column: 2;
grid-row: 4;
justify-self: center;
background-color: var(--global-palette8);
display: block;
width: 6em;
text-align: center;
border: 0;
box-shadow: none;
height: 38px;
line-height: 38px;
padding: 0 5px;
margin: 0;
vertical-align: middle;
}

/* Ітого - Col 3, Row 4 */
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .shop_table tbody td.product-total {
grid-column: 3;
grid-row: 4;
text-align: right;
font-weight: 600;
font-size: 16px;
color: var(--EF-color-temp);
white-space: nowrap;
padding: 0;
line-height: 1em;
width: 100%;
}

/* === Row 5: Lumise ссылка редагування === */
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .shop_table tbody td.product-name .lumise-edit-design,
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .shop_table tbody td.product-name .lumise-design-link,
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .shop_table tbody td.product-name a[href*="/editor/"] {
grid-column: 1 / -1;
grid-row: 5;
display: block;
text-align: center;
font-size: 12px;
color: rgb(0, 115, 184);
margin-top: 4px;
padding-top: 8px;
border-top: 1px solid var(--global-gray-400);
}

/* === tfoot - Subtotal, Shipping, Total === */
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .shop_table tfoot tr {
display: flex;
justify-content: space-between;
align-items: center;
padding: 8px 0;
border-bottom: 1px solid var(--global-gray-400);
}
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .shop_table tfoot tr:last-child {
border-bottom: none;
}
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .shop_table tfoot th,
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .shop_table tfoot td {
padding: 0;
border: none;
}
}


/* ============================================
ЭМОДЗИ - уменьшить размер
============================================ */
img.emoji {
display: inline !important;
height: 1em !important;
width: 1em !important;
margin: 0 .07em !important;
vertical-align: -0.1em !important;
border: none !important;
box-shadow: none !important;
}

/* ============================================
КОНТАКТЫ - переопределение стилей
============================================ */
.contacts-info {
background: #fff !important;
padding: 0px 15px !important;
border-radius: var(--everfox-radius);
}

.contacts-map iframe {
width: 100%;
height: 700px;
border: 0;
}

.contact-item .icon {
width: 28px;
height: 28px;
min-width: 28px;
display: flex;
align-items: center;
justify-content: center;
border-radius: var(--everfox-radius);
border: none !important;
color: inherit !important;
}

/* Иконки мессенджеров из виджета телефона - заменяем старые */
.contact-item.telegram .icon {
background: url('/wp-content/uploads/tgn.svg') no-repeat center;
background-size: 18px 18px;
}

.contact-item.telegram .icon svg {
display: none;
}

.contact-item.viber .icon {
background: url('/wp-content/uploads/vbn.svg') no-repeat center;
background-size: 18px 18px;
}

.contact-item.viber .icon svg {
display: none;
}

.contact-item.whatsapp .icon {
background: url('/wp-content/uploads/whn.svg') no-repeat center;
background-size: 18px 18px;
}

.contact-item.whatsapp .icon svg {
display: none;
}

/* ============================================
SNAPPY SLIDER (pa_quantity) - FM Radio style
============================================ */
.eqs-snappy-slider {
user-select: none;
padding: 0;
min-width: 280px;
}

/* Track area at TOP */
.eqs-track-area {
position: relative;
height: 15px;
cursor: pointer;
margin-top: 20px;
}

/* Track: filled thick (black), unfilled thin (gray) */
.eqs-track {
position: absolute;
top: 0;
left: 3px;
right: 3px;
height: 6px;
display: flex;
align-items: center;
border-radius: 3px;
box-shadow: 8px 8px 8px 0.2px rgba(0, 0, 0, 0.1);
overflow: hidden;
}

.eqs-filled {
height: 6px;
background: var(--EF-color-temp);
transition: width 0.1s ease;
border-radius: 3px 0 0 3px;
position: relative;
z-index: 2;
}

.eqs-unfilled {
flex: 1;
height: 6px;
background: #aaa;
border-radius: 0 3px 3px 0;
position: relative;
z-index: 2;
}

/* Notch marks on track */
.eqs-mark {
position: absolute;
top: 0;
width: 2px;
height: 6px;
background: var(--EF-Color-Surface);
transform: translateX(-50%);
pointer-events: none;
z-index: 3;
}

/* Thumb container */
.eqs-thumb {
position: absolute;
top: 10px;
transform: translateX(-50%);
cursor: grab;
z-index: 10;
transition: left 0.1s ease;
text-align: center;
}

.eqs-thumb:active {
cursor: grabbing;
}

/* Arrow pointing up */
.eqs-thumb-arrow {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 7px solid var(--EF-color-temp);
margin: 0 auto;
}

/* Square below arrow */
.eqs-thumb-square {
width: 10px;
height: 10px;
background: var(--EF-color-temp);
margin: 0 auto;
}

/* Snap labels - segmented buttons */
.eqs-labels {
display: flex;
border-radius: var(--everfox-radius);
overflow: hidden;
line-height: 10px;
box-shadow: 8px 8px 8px 0.2px rgba(0, 0, 0, 0.1);
}

.eqs-snap-label {
flex: 1;
padding: 8px 0;
font-size: 14px;
font-weight: 500;
color: var(--EF-Color-Text);
background: #f2f2f2;
text-align: center;
cursor: pointer;
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
border-left: none;
border-right: none;
transition: background 0.15s, color 0.15s;
position: relative;
}

.eqs-snap-label::after {
content: '';
position: absolute;
right: 0;
top: 4px;
bottom: 4px;
width: 1.5px;
background: var(--EF-Color-Surface);
}

.eqs-snap-label:last-child::after,
.eqs-snap-label.active::after,
.eqs-snap-label:has(+ .eqs-snap-label.active)::after {
display: none;
}

.eqs-snap-label:first-child {
border-left: 1px solid #ebebeb;
border-radius: var(--everfox-radius) 0 0 var(--everfox-radius);
}

.eqs-snap-label:last-child {
border-right: 1px solid #ebebeb;
border-radius: 0 var(--everfox-radius) var(--everfox-radius) 0;
}

.eqs-snap-label:hover {
background: #f5f5f5;
}

.eqs-snap-label.active {
background: #aaa;
color: var(--EF-Color-OnDark);
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
}

/* Header: label left, value badge right */
.eqs-header {
display: flex;
justify-content: space-between;
align-items: center;
}

.eqs-label-text {
font-size: 14px;
font-weight: 500;
line-height: 2.2em;
color: var(--EF-Color-Text);
}

/* Social icons alignment */
.footer-social-inner-wrap,
.header-social-inner-wrap {
display: flex;
align-items: center;
}
.footer-social-inner-wrap .social-button,
.header-social-inner-wrap .social-button {
display: inline-flex;
justify-content: center;
align-items: center;
}
/* Viber (VK icon replaced) hover */
.site-footer .footer-social-inner-wrap.social-style-outline .social-button.social-link-vk,
.header-social-inner-wrap .social-button.social-link-vk { --social-fill: #8f5db7; }
/* Facebook hover */
.site-footer .footer-social-inner-wrap.social-style-outline .social-button.social-link-facebook,
.header-social-inner-wrap .social-button.social-link-facebook { --social-fill: #1877F2; }
/* TikTok hover - gradient */
.site-footer .footer-social-inner-wrap.social-style-outline .social-button.social-link-tiktok,
.header-social-inner-wrap .social-button.social-link-tiktok { --social-fill: linear-gradient(135deg, #25F4EE 0%, #FE2C55 100%); }

/* === Footer Social Icons - як у Phone Dropdown === */

/* Fill анімація знизу вверх (перебиваємо height теми) */
.site-footer .footer-social-inner-wrap.social-style-outline .social-button::before {
height: 100% !important;
top: 0 !important;
transform: scaleY(0);
transform-origin: bottom center !important;
transition: transform 0.3s ease-in-out !important;
}
.site-footer .footer-social-inner-wrap.social-style-outline .social-button:hover::before {
height: 100% !important;
transform: scaleY(1);
}

/* Tooltip .social-label - 1:1 як у mobile menu */
.site-footer .footer-social-inner-wrap .social-button .social-label {
padding: 4px 10px !important;
border-radius: 4px !important;
font-size: 12px !important;
line-height: 1.4 !important;
font-weight: normal !important;
box-shadow: none !important;
transform: translateX(-50%) !important;
}
.site-footer .footer-social-inner-wrap .social-button:hover .social-label,
.site-footer .footer-social-inner-wrap .social-button:focus-visible .social-label {
top: -33px !important;
bottom: auto !important;
transform: translateX(-50%) !important;
}
.site-footer .footer-social-inner-wrap .social-button .social-label::before {
content: "";
position: absolute;
width: 8px;
height: 4px;
background-color: var(--social-fill, #333);
bottom: -4px;
left: 47%;
margin-left: -1px;
clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
}
/* TikTok tooltip градієнт */
.site-footer .social-button.social-link-tiktok .social-label { background: linear-gradient(135deg, #25F4EE 8%, #000 35%, #000 70%, #FE2C55 92%) !important; }
/* Кольори стрілки по соцмережах */
.site-footer .social-button.social-link-instagram .social-label::before { background: #a23ebb !important; }
.site-footer .social-button.social-link-tiktok .social-label::before { background: #000 !important; }
.site-footer .social-button.social-link-whatsapp .social-label::before { background: #0c7e5d !important; }
.site-footer .social-button.social-link-telegram .social-label::before { background: #20a4e3 !important; }
.site-footer .social-button.social-link-viber .social-label::before { background: #7360f2 !important; }
.site-footer .social-button.social-link-facebook .social-label::before { background: #1877F2 !important; }
.site-footer .social-button.social-link-youtube .social-label::before { background: #FF0000 !important; }

/* ===========================
* INLINE SHIPPING FIELDS (уникальные селекторы .efx-*)
* =========================== */

/* Скрыть оригинальный вывод Morkva */
.woocommerce-checkout .mrkv_ua_shipping_checkout_fields {
display: none;
}

/* Все стили перенесены в _checkout.scss */

/* ============================================
   MOBILE DRAWER - Боковая панель слева на всю высоту
   ============================================ */

/* 1. Основной контейнер - фиксированный на весь экран */
#mobile-drawer.popup-drawer {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    justify-content: flex-start;
    align-items: stretch;
    overflow: hidden;
    overscroll-behavior: none;
}
#mobile-drawer.popup-drawer.show-drawer {
    display: flex;
}

/* 2. Оверлей - затемнение фона */
#mobile-drawer .drawer-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5) !important;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s ease;
}
#mobile-drawer.active .drawer-overlay {
    opacity: 1;
}

/* 3. Внутренняя панель - слева, на всю высоту */
#mobile-drawer .drawer-inner {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 290px !important;
    max-width: 85vw !important;
    height: 100% !important;
    max-height: 100vh !important;
    background: #ffffff !important;
    z-index: 2;
    display: flex;
    flex-direction: column;
    border-radius: 0 !important;
    transform: translateX(-100%);
    transition: transform 0.3s ease, opacity 0.3s ease;
    opacity: 1;
    overflow-y: auto;
    overflow-x: hidden;
}
#mobile-drawer.active .drawer-inner {
    transform: translateX(0) !important;
    opacity: 1;
}

/* 4. Заголовок drawer */
#mobile-drawer .drawer-header {
    position: relative;
    padding: 15px;
    border-bottom: 1px solid #f0f0f0;
    flex-shrink: 0;
}
#mobile-drawer .drawer-header .drawer-toggle {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 8px;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: var(--EF-Color-Text);
    cursor: pointer;
    z-index: 10;
}

/* 5. Контент drawer */
#mobile-drawer .drawer-content {
    flex: 1;
    overflow-y: auto;
    padding: 15px;
    background: #ffffff !important;
}

/* 6. Навигация внутри drawer */
#mobile-drawer .mobile-navigation,
#mobile-drawer .mobile-navigation ul,
#mobile-drawer .mobile-navigation ul li {
    background: #ffffff !important;
}

/* 7. Белый фон для vertical-menu-container */
.vertical-menu-container,
.header-menu-container {
    background: #ffffff !important;
}
.vertical-navigation .vertical-menu-container,
.vertical-navigation .vertical-menu-container ul.menu,
.vertical-navigation .vertical-menu-container ul.menu li {
    background: #ffffff !important;
}

/* ============================================
   POPUP CART - Новая структура .everfox-popup-row2
   ============================================ */

/* Карточка товара - flex column */
#cart-drawer .everfox-popup-cart-item {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* Основной контейнер: Фото + Инфо */
#cart-drawer .everfox-popup-main {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 15px;
}

/* Колонка с фото - фиксированная ширина */
#cart-drawer .everfox-popup-col-image {
    flex-shrink: 0;
    width: 80px;
}
#cart-drawer .everfox-popup-col-image .cart-thumbnail-wrapper {
    display: block;
    position: relative;
    width: 80px;
    height: 80px;
}
#cart-drawer .everfox-popup-col-image .everfox-popup-thumb,
#cart-drawer .everfox-popup-col-image .everfox-popup-thumb img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 4px;
}

/* Колонка с инфо - на всю оставшуюся ширину */
#cart-drawer .everfox-popup-col-info {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* Строка 2: Цены + Remove + Qty - прижаты к левому краю */
#cart-drawer .everfox-popup-row2 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 11px;
}

/* Qty selector - inline, прижат вправо */
#cart-drawer .everfox-popup-row2 .everfox-popup-col-actions {
    display: flex;
    align-items: center;
    gap: 4px;
    height: auto;
    margin-left: auto;
}

/* Remove button */
#cart-drawer .everfox-popup-col-remove {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 720px) {
    #cart-drawer .everfox-popup-col-remove {
        margin: 0 auto;
    }
}



/* ============================================
   EVERFOX: Кнопки поиска и логина в меню
   (стилизация идентична пунктам меню)
   ============================================ */

/* Контейнер - без отступов */
.everfox-vertical-buttons,
.everfox-mobile-buttons {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0;
    margin: 0;
}

/* Мобильное меню - стили 1:1 как у .mobile-navigation .menu-item > a */
.mobile-drawer-content .everfox-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0.6em 0.5em;
    width: 100%;
    background: rgb(255, 255, 255);
    background-color: rgb(255, 255, 255);
    border: none;
    border-radius: 0;
    cursor: pointer;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 1.5;
    font-family: inherit;
    color: var(--EF-Color-Text);
    text-decoration: none;
    text-align: left;
}

.mobile-drawer-content .everfox-btn:hover {
    background: rgb(255, 255, 255);
    color: var(--EF-color-temp);
}

.mobile-drawer-content .everfox-btn .base-svg-iconset {
    font-size: 20px;
    flex-shrink: 0;
}

@media (max-width: 1024px) {
    .mobile-drawer-content .everfox-btn {
        padding: 0.6em 0.2em;
    }
}

/* Вертикальное меню - стили как у .vertical-navigation ul li a */
.vertical-navigation .everfox-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-left: calc(2.7em / 2);
    padding-right: calc(2.7em / 2);
    padding-top: 9.4px;
    padding-bottom: 9.4px;
    background: var(--EF-Color-Surface);
    border: none;
    border-radius: 0;
    cursor: pointer;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: 0.01em;
    font-family: inherit;
    color: var(--EF-Color-Text);
    text-decoration: none;
    text-align: left;
    width: 100%;
}

.vertical-navigation .everfox-btn:hover {
    background: var(--EF-Color-Surface);
    color: var(--EF-color-temp);
}

.vertical-navigation .everfox-btn .base-svg-iconset {
    font-size: 18px;
    flex-shrink: 0;
}

/* ========================================
   PRODUCT GALLERY (ex custom-gallery.css)
   Migrated: 2026-02-02
   ONLY gallery components (swiper, zoomable, rails, video)
   NO page-level styles (body/html, wrap-summary, summary)
   ======================================== */

/* ===== GALLERY WRAPPER ===== */
/* Base (mobile) и Desktop - перенесено в everfox-v2.css */

.base-product-image-wrap {
    display: block;
}

/* ===== MAIN GALLERY SWIPER ===== */
/* Moved to everfox-v2.css */

/* Mobile (≤768px): swiper overrides - Moved to everfox-v2.css */

/* Swiper slide rules moved to everfox-v2.css */

.swiperOneMain .lightgallery-item {
    width: 100%;
}

/* ===== SWIPER SLIDE IMAGES (responsive heights) ===== */
/* Mobile (≤768px): 480px max height */
@media (max-width: 768px) {
    .swiperOneMain .swiper-slide.imgs {
        min-height: 480px;
    }

    .swiperOneMain .swiper-slide img {
        max-height: 480px;
        width: auto;
        height: auto;
        max-width: 100%;
        object-fit: contain;
        margin: 0 auto;
    }
}

/* Tablet (768-1024px): 450px max height */
@media (min-width: 768px) and (max-width: 1024px) {
    .swiperOneMain .swiper-slide.imgs {
        min-height: 450px;
    }

    .swiperOneMain .swiper-slide img {
        max-height: 450px;
        width: auto;
        height: auto;
        max-width: 100%;
        object-fit: contain;
        margin: 0 auto;
    }
}

/* Desktop (≥1024px): 720px max height */
@media (min-width: 1024px) {
    .swiperOneMain .swiper-slide.imgs {
        max-height: 720px;
    }

    .wrap-summary .woocommerce-product-gallery__wrapper .swiper-autoheight .swiper-wrapper .swiper-slide {
        max-height: 720px;
    }

    .swiperOneMain .swiper-slide img {
        max-height: 720px;
        width: auto;
        height: auto;
        max-width: 100%;
        object-fit: contain;
        margin: 0 auto;
        display: block;
    }
}

/* Tablet and mobile (<1024px): adaptive slide width */
@media (max-width: 1023px) {
    .wrap-summary .woocommerce-product-gallery__wrapper .swiper-autoheight .swiper-wrapper .swiper-slide {
        width: 100%;
        max-width: 100%;
        max-height: none;
        height: auto;
        flex-shrink: 0;
    }
}

/* ===== THUMBNAILS RAIL ===== */
/* Horizontal rail below main gallery, drag/swipe for scroll */
/* Moved to everfox-v2.css */

.thumbs-rail.swiper-initialized {
    opacity: 1;
}

/* Fade gradients for clipped thumbnails */
.thumbs-rail::after {
    content: '';
    position: absolute;
    pointer-events: none;
    z-index: 10;
    opacity: 0;
    transition: opacity 0.2s ease;
    top: 0;
    right: 0;
    width: 30px;
    height: 110px;
    background: linear-gradient(to right, rgba(245,245,245,0) 0%, #f5f5f5 100%);
}

.thumbs-rail.show-right-fade::after {
    opacity: 1;
}

.thumbs-rail::before {
    content: '';
    position: absolute;
    pointer-events: none;
    z-index: 10;
    top: 0;
    left: 0;
    width: 30px;
    height: 110px;
    background: linear-gradient(to left, rgba(245,245,245,0) 0%, #f5f5f5 100%);
    opacity: 0;
    transition: opacity 0.2s ease;
}

.thumbs-rail.show-left-fade::before {
    opacity: 1;
}

/* Hide thumbnail navigation buttons */
.thumbs-rail .thumbs-next,
.thumbs-rail .thumbs-prev {
    display: none;
}

/* Hide thumbnails on mobile (< 768px) - Moved to everfox-v2.css */

/* ===== THUMBNAIL SWIPER (swiperExp) ===== */
.swiperExp .swiper-wrapper {
    flex-direction: row;
    flex-wrap: nowrap;
}

.swiperExp .swiper-slide {
    cursor: pointer;
    border: 1.5px solid transparent;
    transition: border-color 0.2s ease;
    overflow: hidden;
    width: 70px;
    height: 105px;
    flex-shrink: 0;
    margin-bottom: 0;
}

.swiperExp .swiper-slide:hover,
.swiperExp .swiper-slide.swiper-slide-thumb-active {
    border-color: var(--EF-color-temp);
}

.swiperExp .swiper-slide img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    visibility: visible;
    opacity: 1;
}

.swiperExp .swiper-slide.video-icon {
    border: 2px solid #212121;
    background: #f5f5f5;
}

.swiperExp .swiper-slide.video-icon:hover,
.swiperExp .swiper-slide.video-icon.swiper-slide-thumb-active {
    border-color: var(--EF-color-temp);
}

.video-icon .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    gap: 7px;
    color: #212121;
    font-weight: 600;
}

.swiperExp .video-icon svg {
    width: 20px;
    height: 20px;
    fill: #212121;
}

.swiperExp .video-icon span {
    display: block;
    margin-top: 5px;
    font-size: 10px;
    font-weight: bold;
}

/* ===== ZOOM FUNCTIONALITY ===== */
.zoomable {
    position: relative;
    overflow: hidden;
    cursor: zoom-in;
    display: block;
}

.zoomable a {
    display: block;
    cursor: zoom-in;
    pointer-events: none;
}

.zoomable--zoomed {
    cursor: zoom-out;
}

.zoomable--zoomed a {
    cursor: zoom-out;
}

.zoomable__img {
    display: block;
    max-height: 720px;
    object-fit: contain;
    margin: 0 auto;
    transform-origin: var(--zoom-pos-x, 50%) var(--zoom-pos-y, 50%);
    transition: transform 0.15s linear;
}

.zoomable--zoomed .zoomable__img {
    transform: scale(var(--zoom, 3));
}

/* ========================================
   END PRODUCT GALLERY
   ======================================== */


/* ============================================
   CATALOG CARD STYLES (ex WooEnhancements.php)
   Migrated: 2026-02-03
   ============================================ */

/* Карточки товаров - перенесено в everfox-v2.css */

/* Clearfix блок в категории */
.woocommerce .clearfix {
    padding: 10px;
    background: var(--EF-Color-Surface);
    box-shadow: var(--everfox-card-shadow);
}

/* Сетка товаров - см. everfox-v2.css */

/* Название товара */
body .woocommerce ul.products li.product h3,
body .woocommerce ul.products li.product .product-details .woocommerce-loop-product__title,
body .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 15px;
    padding: 0 12px;
}

/* Фото товара */
.woocommerce ul.products li.product a.woocommerce-loop-image-link img {
    width: 100%;
    max-width: 334px;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    border-radius: var(--everfox-radius);
    margin: 0 auto;
    display: block;
}

/* ============================================
   CHECKOUT STYLES (ex WooEnhancements.php)
   ============================================ */

/* Скрыть дополнительные поля */
.woocommerce-additional-fields__field-wrapper { display: none !important; }
h3#order_comments_heading { display: none !important; }

/* Lumise checkout thumbnails */
.lumise-checkout-thumbnails {
    display: flex;
    flex-direction: row;
    gap: 5px;
}
.lumise-checkout-thumbnail {
    max-width: 80px;
    height: auto;
}
@media (max-width: 719px) {
    .woocommerce-checkout form.checkout .woocommerce-checkout-review-order .shop_table tbody td.product-name .checkout-review-product-image {
        width: auto;
    }
}
@media (min-width: 720px) {
    .woocommerce-checkout form.checkout .woocommerce-checkout-review-order .shop_table tbody tr.cart_item.lumise-many-photos {
        height: 170px;
    }
    .lumise-checkout-thumbnails {
        flex-direction: column;
    }
}

/* ============================================
   LUMISE MINI-CART POPOVER (ex WooEnhancements.php)
   ============================================ */
.lumise-cart-thumbnails {
    text-align: center;
}
.lumise-cart-thumbnails img {
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 3px;
}
.lumise-more-photos-wrap {
    position: relative;
    display: inline-block;
}
.lumise-more-photos-btn {
    display: block;
    margin-top: 7px;
    font-size: 12px;
    color: var(--flavor-primary-1, #f60);
    cursor: pointer;
}
.lumise-more-photos-btn:hover {
    text-decoration: underline;
}
.lumise-photo-popover {
    display: none;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    border-radius: 4px;
}
.lumise-photo-popover::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 8px solid transparent;
    border-top-color: #e0e0e0;
}
.lumise-photo-popover::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 9px solid transparent;
    border-top-color: #e0e0e0;
}
.lumise-photo-popover.active {
    display: block;
}
.lumise-photo-popover img {
    max-width: 120px;
    height: auto;
    display: block;
}
@media (max-width: 480px) {
    .everfox-popup-options.lumise-item {
        padding-left: 95px;
    }
}

/* ============================================
   WooCommerce Catalog Grid - Padding
   ============================================ */
.woocommerce ul.products.grid-cols {
    padding: 15px 0 30px;
}