/* ===== перенесено из модуля: ga-count-css ===== */

.wd-tools-count:not(.ga-count-on){ display:none; }


/* ===== перенесено из модуля: ga-review-link-css ===== */

#reviews a:not(.button),
.woocommerce-verification-required a {
	color: var(--ga-accent, #3858e9);
	text-decoration: underline;
	text-underline-offset: 2px;
	font-weight: 600;
}
#reviews a:not(.button):hover,
.woocommerce-verification-required a:hover {
	color: var(--ga-accent, #3858e9);
	text-decoration-thickness: 2px;
}


/* ===== перенесено из модуля: ga-bonus-mini-style ===== */
.woocommerce-mini-cart__total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;}
/* ==========================================================================
   Garant Asia — общий файл стилей сайта (woodmart-child/ga-site.css)
   Раньше это были 35 блоков <style> в functions.php. 02.11.2026 собраны
   в один файл и разложены по разделам; перекрытые объявления убраны.
   Проверено стендом: вид страниц не меняется (телефон/ПК, светлая/тёмная).
   Настраиваемое из админки («Капсулы», «Вёрстка») сюда не входит —
   оно печатается модулями inc-ga, потому что зависит от настроек.
   ========================================================================== */

/* ---------- Общее ---------- */
.wd-show-sidebar-btn { display: none !important; }
.tooltip { display: none !important; }
:root { --notices-success-color: rgb(51,240,120) !important; }

/* Ширина контейнеров Elementor на ПК — как у темы (1400) */
@media (min-width: 1025px) {
    .elementor-section.elementor-section-boxed > .elementor-container {
        max-width: 1400px !important;
    }
}

/* ---------- Поиск: текст в поле всегда тёмный (фон поля задан в Woodmart) ---------- */
input.s.wd-search-inited,
input.s.wd-search-inited:focus,
input.s.wd-search-inited:active {
    color: #1c1c1e !important;
}

/* ---------- Количество товара (+/−) ---------- */
div.quantity p {
    margin: 0 !important;
}
div.quantity p .screen-reader-text + br {
    display: none !important;
}
td.product-quantity {
    vertical-align: middle !important;
    display: table-cell !important;
}

/* ---------- Кнопка «Поделиться» на карточке товара ---------- */
.ga-share-btn {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 400;
    text-transform: none !important;
    color: rgba(0, 0, 0, 0.6);
    background: none !important;
    border: none;
    padding: 0;
    font-family: inherit;
    appearance: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    box-shadow: none;
}
.ga-share-btn:hover,
.ga-share-btn:focus,
.ga-share-btn:active,
.ga-share-btn:focus-visible {
    background: none !important;
    outline: none;
    box-shadow: none;
}
body.ga-dark-mode .ga-share-btn {
    color: rgba(255, 255, 255, 0.7);
}
.ga-share-btn:hover {
    color: rgb(56,88,233);
}
.ga-share-btn i {
    font-size: 14px;
}

/* ---------- Карточки товаров в сетке ---------- */
@media (max-width: 1024px) {
    /* Свайп вместо стрелок, точки как в WB */
    .wd-product-grid-slider-nav {
        display: none !important;
    }
    .wd-product-grid-slider-pagin {
        display: flex !important;
        opacity: 1 !important;
        visibility: visible !important;
        filter: none !important;
        gap: 5px !important;
        bottom: 8px !important;
    }
    /* 7/10, белый фон под снимком */
    .product-grid-item .wd-product-grid-slider,
    .product-grid-item .wd-product-img-link,
    .product-grid-item .wd-product-thumb {
        aspect-ratio: 7/10 !important;
        background: #ffffff !important;
        overflow: hidden !important;
        border-radius: 10px !important;
        /* Safari iOS: border-radius + overflow:hidden не работает при transform у потомка */
        -webkit-mask-image: -webkit-radial-gradient(white, black);
        z-index: 0;
        isolation: isolate;
    }
    .product-grid-item .wd-product-img-link img,
    .product-grid-item .wd-product-grid-slider img {
        height: 100% !important;
        object-fit: contain !important;
    }
}

/* ---------- Сообщения WooCommerce ---------- */
.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    color: rgb(51,240,120) !important;
    border-color: rgb(51,240,120) !important;
}

/* Количество в таблице корзины — по центру ячейки */
td.product-quantity > div.quantity {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 auto !important;
}

/* Поиск в шапке — тот же тёмный текст и в тёмной теме сайта */
body.ga-dark-mode .whb-header .whb-column input.s.wd-search-inited,
body .whb-header .whb-column input.s.wd-search-inited {
    color: #1c1c1e !important;
}

/* Кнопки +/− и поле количества одной высоты */
div.quantity {
    display: inline-flex !important;
    align-items: center !important;
}
div.quantity .btn.minus,
div.quantity .btn.plus,
div.quantity input.qty,
div.quantity input[type="number"] {
    height: 40px !important;
    align-self: center !important;
}

.woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-message {
    color: rgb(12, 61, 31) !important;
}
.woocommerce-message a {
    color: rgb(12, 61, 31) !important;
    text-decoration: underline;
}
.woocommerce-message strong {
    color: rgb(12, 61, 31) !important;
}

/* ---------- Чат ---------- */
#ga-chat-button {
    position: fixed;
    right: 16px;
    bottom: 84px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 999998;
    background: transparent !important;
    box-shadow: none !important;
    transition: box-shadow 0.2s, transform 0.2s;
}
#ga-chat-button:hover {
    box-shadow: none !important;
    transform: scale(1.08);
}
/* Мерцающее кольцо вокруг кнопки */
#ga-chat-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    animation: ga-chat-shimmer 2.2s ease-in-out infinite;
}
@keyframes ga-chat-shimmer {
    0%, 100% { box-shadow: 0 0 0 0 rgba(56,88,233,0.5); }
    50% { box-shadow: 0 0 0 10px rgba(56,88,233,0); }
}
#ga-chat-button img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: contain !important;
    display: block;
}
#ga-chat-status-dot {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid #fff;
}
/* Точка статуса: красная офлайн, зелёная онлайн — и на кнопке, и в капсуле */
#ga-chat-status-dot.ga-chat-offline,
.ga-app-nav-chat-dot.ga-chat-offline {
    background: #e0303d !important;
}
#ga-chat-status-dot.ga-chat-online,
.ga-app-nav-chat-dot.ga-chat-online {
    background: #22c55e !important;
}

#ga-chat-window {
    display: none;
    position: fixed;
    right: 16px;
    bottom: 144px;
    width: 340px;
    height: 460px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.3);
    z-index: 999999;
    flex-direction: column;
    overflow: hidden;
}
#ga-chat-window.ga-chat-open { display: flex; }
#ga-chat-header {
    background: #3858e9;
    color: #fff;
    padding: 14px 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
}
#ga-chat-header-status {
    font-size: 11px;
    font-weight: 400;
    opacity: 0.85;
}
#ga-chat-header-date {
    margin-left: auto;
    font-size: 11px;
    opacity: 0.8;
    white-space: nowrap;
}
#ga-chat-close {
    cursor: pointer;
    font-size: 22px;
    line-height: 1;
}

/* Экран знакомства */
#ga-chat-form-screen {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow-y: auto;
}
#ga-chat-form-screen p {
    color: #333 !important;
}
#ga-chat-form-screen input,
#ga-chat-form-screen textarea {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px;
    font-size: 16px;
    font-family: inherit;
    color: #222 !important;
    background: #fff !important;
}
#ga-chat-form-screen input::placeholder,
#ga-chat-form-screen textarea::placeholder {
    color: #999 !important;
}
#ga-chat-form-screen textarea {
    resize: none;
    height: 70px;
    min-height: 70px;
    max-height: 70px;
}
#ga-chat-start-btn {
    background: #3858e9;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 10px;
    font-size: 14px;
    cursor: pointer;
    font-weight: 600;
    flex-shrink: 0;
    margin-top: 4px;
}

/* Переписка */
#ga-chat-messages-screen {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
#ga-chat-messages {
    flex: 1;
    overflow-y: auto;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.ga-chat-msg {
    max-width: 75%;
    padding: 8px 12px;
    border-radius: 12px;
    font-size: 14px;
    line-height: 1.4;
}
.ga-chat-msg-customer {
    align-self: flex-end;
    background: #3858e9;
    color: #fff;
}
.ga-chat-msg-admin {
    align-self: flex-start;
    background: #f0f1f3;
    color: #222;
}
.ga-chat-msg-time {
    font-size: 10px;
    opacity: 0.65;
    margin-top: 3px;
}
.ga-chat-msg-customer .ga-chat-msg-time {
    text-align: right;
}
.ga-chat-msg-admin .ga-chat-msg-time {
    text-align: left;
}
#ga-chat-input-row {
    display: flex;
    gap: 8px;
    padding: 12px;
    border-top: 1px solid #eee;
}
#ga-chat-input {
    flex: 1;
    border: 1px solid #ddd;
    border-radius: 20px;
    padding: 10px 14px;
    font-size: 16px;
    color: #222 !important;
    background: #fff !important;
}
#ga-chat-input::placeholder {
    color: #999 !important;
}
#ga-chat-send-btn {
    background: #3858e9;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 38px;
    height: 38px;
    cursor: pointer;
}

/* Тёмная тема */
body.ga-dark-mode #ga-chat-window {
    background: #1c1d21 !important;
}
body.ga-dark-mode #ga-chat-messages-screen,
body.ga-dark-mode #ga-chat-form-screen {
    background: #1c1d21;
}
body.ga-dark-mode #ga-chat-form-screen p {
    color: #cfd2d8 !important;
}
body.ga-dark-mode #ga-chat-form-screen input,
body.ga-dark-mode #ga-chat-form-screen textarea,
body.ga-dark-mode #ga-chat-input {
    background: #2b2c33 !important;
    color: #fff !important;
    border-color: #3a3b42 !important;
}
body.ga-dark-mode #ga-chat-form-screen input::placeholder,
body.ga-dark-mode #ga-chat-form-screen textarea::placeholder,
body.ga-dark-mode #ga-chat-input::placeholder {
    color: #8a8f98 !important;
}
body.ga-dark-mode .ga-chat-msg-admin {
    background: #2b2c33 !important;
    color: #fff !important;
}
body.ga-dark-mode #ga-chat-input-row {
    border-top-color: #3a3b42;
}

/* ---------- Капсула внизу (телефон и планшет) ---------- */
#ga-app-bottom-nav { display: none; }
@media (max-width: 1024px) {
    body {
        padding-bottom: 96px !important;
    }
    /* Стекло: цвета и размеры — из «Капсулы» (переменные --ga-glass-*, --ga-k1-*) */
    #ga-app-bottom-nav {
        position: fixed;
        bottom: calc(4px + env(safe-area-inset-bottom, 0px)) !important;
        left: 50%;
        transform: translateX(-50%);
        width: 92% !important;
        max-width: 430px !important;
        background: var(--ga-glass-bg) !important;
        -webkit-backdrop-filter: var(--ga-glass-blur) !important;
        backdrop-filter: var(--ga-glass-blur) !important;
        border: 1px solid var(--ga-glass-brd) !important;
        box-shadow:
            0 8px 28px rgba(0,0,0,0.22),
            inset 0 1px 0 rgba(255,255,255,0.45),
            inset 0 -1px 0 rgba(255,255,255,0.12) !important;
        border-radius: var(--ga-k1-radius) !important;
        display: flex;
        justify-content: space-around;
        align-items: center;
        gap: 2px !important;
        padding: var(--ga-k1-pad) calc(var(--ga-k1-pad) - 2px) !important;
        z-index: 999997;
        transition: width 0.25s ease, max-width 0.25s ease, padding 0.25s ease, border-radius 0.25s ease;
    }
    /* Блик по верхнему краю — имитация преломления света в стекле */
    #ga-app-bottom-nav::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: inherit;
        background: linear-gradient(180deg, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0) 46%);
        pointer-events: none;
    }
    .ga-app-nav-item {
        position: relative;
        flex: 1;
        display: flex;
        flex-direction: column !important;
        align-items: center;
        justify-content: center;
        gap: 3px !important;
        padding: 7px 2px 6px !important;
        border-radius: 22px !important;
        text-decoration: none;
        transition: background 0.18s ease;
    }
    /* Активный пункт — своя таблетка внутри капсулы */
    .ga-app-nav-item.ga-app-nav-active {
        background: rgba(255,255,255,0.16) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
    }
    .ga-app-nav-item i {
        font-size: 23px !important;
        color: #ffffff !important;
        text-shadow: 0 1px 3px rgba(0,0,0,0.55), 0 0 1px rgba(0,0,0,0.4);
    }
    .ga-app-nav-item.ga-app-nav-active i {
        color: rgb(120,160,255) !important;
    }
    .ga-app-nav-label {
        display: none !important;
        overflow: hidden;
        transition: opacity 0.18s ease, max-height 0.25s ease, margin 0.25s ease;
    }
    .ga-app-nav-item.ga-app-nav-active .ga-app-nav-label {
        color: rgb(120,160,255);
    }
    .ga-app-nav-avatar {
        width: 23px !important;
        height: 23px !important;
        border-radius: 50%;
        display: block;
        box-shadow: 0 1px 3px rgba(0,0,0,0.5);
        transition: width 0.25s ease, height 0.25s ease;
    }
    .ga-app-nav-badge {
        position: absolute;
        top: 2px !important;
        right: 22% !important;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #e0303d;
    }
    /* SVG-иконка чата — как остальные иконки */
    .ga-app-nav-svg {
        width: 23px;
        height: 23px;
        color: #ffffff;
        filter: drop-shadow(0 1px 2px rgba(0,0,0,0.55));
    }
    .ga-app-nav-item.ga-app-nav-active .ga-app-nav-svg {
        color: rgb(120,160,255);
    }
    .ga-app-nav-item i,
    .ga-app-nav-svg {
        transition: font-size 0.25s ease, width 0.25s ease, height 0.25s ease;
    }

    /* Вход в чат — в капсуле, плавающая кнопка не нужна */
    body #ga-chat-button {
        display: none !important;
    }
    body #ga-chat-window {
        bottom: 100px !important;
    }
    .ga-app-nav-chat-dot {
        position: absolute;
        top: 4px;
        right: 22%;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        box-shadow: 0 0 0 1.5px rgba(0,0,0,0.35);
    }
    .ga-app-nav-chat-dot.ga-chat-has-unread { background: #facc15 !important; }

    /* Капсула сжимается при прокрутке вниз (как в Instagram) */
    #ga-app-bottom-nav.ga-nav-compact {
        width: 78% !important;
        max-width: 350px !important;
        padding: 7px 5px !important;
        border-radius: 31px !important;
    }
    #ga-app-bottom-nav.ga-nav-compact .ga-app-nav-item {
        padding: 5px 2px 4px !important;
        gap: 0 !important;
    }
    #ga-app-bottom-nav.ga-nav-compact .ga-app-nav-item i {
        font-size: 23px !important;
    }
    #ga-app-bottom-nav.ga-nav-compact .ga-app-nav-svg,
    #ga-app-bottom-nav.ga-nav-compact .ga-app-nav-avatar {
        width: 23px !important;
        height: 23px !important;
    }
    #ga-app-bottom-nav.ga-nav-compact .ga-app-nav-label {
        opacity: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
    }
}

/* ---------- Окно чата на узком экране ---------- */
@media (max-width: 480px) {
    #ga-chat-window {
        width: 100vw;
        top: auto;
        right: 0;
        border-radius: 16px 16px 0 0;
    }
    body #ga-chat-window {
        bottom: calc(92px + env(safe-area-inset-bottom, 0px)) !important;
        height: 380px !important;
        padding-bottom: 0 !important;
        box-sizing: border-box !important;
    }
    #ga-chat-messages-screen {
        flex-shrink: 1;
        min-height: 0;
    }
    #ga-chat-input-row {
        flex-shrink: 0;
    }
}
body #ga-chat-header {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}

/* ---------- Шапка на телефоне: прибита к верху, под чёлку ---------- */
@media (max-width: 1024px) {
    body {
        padding-top: calc(env(safe-area-inset-top, 0px) + 50px) !important;
    }
    body .whb-main-header {
        position: fixed !important;
        top: env(safe-area-inset-top, 0px) !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 500 !important;
    }
    body .whb-header,
    body .whb-clone,
    body .whb-sticked,
    body .whb-header .whb-main-header,
    body .whb-clone .whb-main-header,
    body .whb-sticked .whb-main-header,
    body .whb-clone .whb-row,
    body .whb-sticked .whb-row {
        animation: none !important;
        animation-name: none !important;
        transition: none !important;
        transform: none !important;
    }
    body .mobile-nav.wd-side-hidden,
    body .wd-side-hidden {
        padding-top: env(safe-area-inset-top, 0px) !important;
        padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 90px) !important;
        box-sizing: border-box !important;
    }
    /* Плашка под статус-бар */
    html::before {
        content: "";
        position: fixed;
        top: 0; left: 0; right: 0;
        height: env(safe-area-inset-top, 0px);
        background: #ffffff;
        z-index: 999999;
        pointer-events: none;
    }
    html.ga-dark-mode::before { background: #000000; }
}

/* ---------- Каталог ---------- */
/* Картинки категорий в архивах (не на главной) */
body:is(.woocommerce-shop, .tax-product_cat) .wd-cat-thumb.category-image-wrapp {
    height: 130px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}
body:is(.woocommerce-shop, .tax-product_cat) .wd-cat-thumb.category-image-wrapp img {
    max-height: 130px !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
}
/* Карточка на ПК: 4/5, снимок целиком */
@media (min-width: 1025px) {
    .product-grid-item .wd-product-grid-slider,
    .product-grid-item .wd-product-img-link,
    .product-grid-item .wd-product-thumb {
        aspect-ratio: 4/5 !important;
        overflow: hidden !important;
        border-radius: 10px !important;
        -webkit-mask-image: -webkit-radial-gradient(white, black);
        z-index: 0;
        isolation: isolate;
    }
    .product-grid-item .wd-product-img-link img,
    .product-grid-item .wd-product-grid-slider img {
        height: 100% !important;
        object-fit: contain !important;
    }
}

/* ---------- Формы аккаунта: 16px, иначе Safari приближает страницу ---------- */
.woocommerce-form input.input-text,
.woocommerce-form-login input.input-text,
.woocommerce-form-register input.input-text,
.woocommerce-EditAccountForm input.input-text,
.lost_reset_password input.input-text,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
    font-size: 16px !important;
}
.woocommerce-password-strength,
.woocommerce-password-hint {
    display: none !important;
}

/* ---------- Метки на карточках (К2): цвет слов одинаков в обеих темах ---------- */
html.ga-dark-mode .elementor-section.elementor-top-section span.ga-label,
body.ga-dark-mode .elementor-section.elementor-top-section span.ga-label,
html.ga-dark-mode .elementor-section.elementor-top-section .ga-label span.ga-label-word,
body.ga-dark-mode .elementor-section.elementor-top-section .ga-label span.ga-label-word,
html.ga-dark-mode span.ga-label span.ga-label-word,
body.ga-dark-mode span.ga-label span.ga-label-word {
    color: var(--ga-icon, #ffffff) !important;
}

/* ---------- Кнопки WooCommerce: наш синий из «Капсулы → Акцент» ---------- */
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.wc-proceed-to-checkout a.checkout-button,
.woocommerce #place_order,
.woocommerce button.single_add_to_cart_button {
    background-color: var(--ga-accent, rgb(56,88,233)) !important;
    border-color: var(--ga-accent, rgb(56,88,233)) !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce #place_order:hover,
.woocommerce button.single_add_to_cart_button:hover {
    background-color: var(--ga-accent-light, rgb(76,106,240)) !important;
    border-color: var(--ga-accent-light, rgb(76,106,240)) !important;
}
.wc-proceed-to-checkout a.checkout-button br,
.woocommerce .button.alt br { display: none !important; }
/* «В корзину» на карточке товара — скруглённые углы */
.woocommerce button.single_add_to_cart_button {
    border-radius: 8px !important;
}

/* ===== перенесено из модуля: ga-page-title ===== */

    :root {
        --ga-title-font: 26px;   /* заголовок, широкий экран */
        --ga-title-pad: 22px;    /* отступы заголовка сверху и снизу */
        --ga-title-font-m: 19px; /* заголовок, телефон */
        --ga-title-pad-m: 14px;
        --ga-top-gap: 100px;     /* отступ под шапкой, широкий экран */
        --ga-top-gap-m: 60px;    /* отступ под шапкой, телефон */
    }

    /* Распорка под шапкой: не зависит от того, включён заголовок или нет */
    .wd-page-content.main-page-wrapper {
        padding-top: var(--ga-top-gap);
    }

    .wd-page-title {
        padding-top: var(--ga-title-pad) !important;
        padding-bottom: var(--ga-title-pad) !important;
        min-height: 0 !important;
    }

    .wd-page-title .entry-title,
    .wd-page-title h1 {
        font-size: var(--ga-title-font) !important;
        line-height: 1.25 !important;
        margin-bottom: 0 !important;
    }

    /* Крошки под заголовком тоже поджимаем, иначе экономия съедается */
    .wd-page-title .wd-breadcrumbs,
    .wd-page-title .woocommerce-breadcrumb {
        margin-top: 6px !important;
    }

    @media (max-width: 1024px) {
        .wd-page-content.main-page-wrapper {
            padding-top: var(--ga-top-gap-m);
        }
        .wd-page-title {
            padding-top: var(--ga-title-pad-m) !important;
            padding-bottom: var(--ga-title-pad-m) !important;
        }
        .wd-page-title .entry-title,
        .wd-page-title h1 {
            font-size: var(--ga-title-font-m) !important;
        }
    }
    

/* ===== перенесено из модуля: без id: /* Полоса с точками после переноса — обычный ===== */

/* Полоса с точками после переноса — обычный блок, не наложение. */
.ga-dots-moved{
	position: static !important;
	inset: auto !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	height: var(--ga-dots-strip, 12px);
	gap: var(--ga-dots-gap, 4px) !important;
	margin: 0 !important;
	padding: 0 !important;
	opacity: 1 !important;
	visibility: visible !important;
	filter: none !important;
	transform: none !important;
	transition: none !important;
	pointer-events: none;
}

.ga-dots-moved .wd-product-grid-slider-dot{
	flex: 0 0 auto !important;
	width: var(--ga-dot-size, 4px) !important;
	height: var(--ga-dot-size, 4px) !important;
	border-radius: 50% !important;
	background-color: var(--ga-dot-color, rgba(0, 0, 0, .3)) !important;
	opacity: 1 !important;
	visibility: visible !important;
	transition: background-color .2s ease, transform .2s ease !important;
}

.ga-dots-moved .wd-product-grid-slider-dot.wd-active,
.ga-dots-moved .wd-product-grid-slider-dot.ga-dot-active{
	background-color: var(--ga-dot-active, rgb(56, 88, 233)) !important;
	transform: scale(1.15);
}

/* Пока подсветка не определилась — синей стоит первая. */
.ga-dots-moved:not(:has(.wd-active)):not(:has(.ga-dot-active)) .wd-product-grid-slider-dot:first-child{
	background-color: var(--ga-dot-active, rgb(56, 88, 233)) !important;
}

/* Тёмная тема: сами точки светлее, активная остаётся синей. */
html.ga-dark-mode .ga-dots-moved .wd-product-grid-slider-dot{
	background-color: var(--ga-dot-color-dark, rgba(255, 255, 255, .35)) !important;
}
html.ga-dark-mode .ga-dots-moved .wd-product-grid-slider-dot.wd-active,
html.ga-dark-mode .ga-dots-moved .wd-product-grid-slider-dot.ga-dot-active{
	background-color: var(--ga-dot-active, rgb(56, 88, 233)) !important;
}

/* Пока перенос не случился, точки не мигают на старом месте. */
.wd-product-grid-slider-pagin:not(.ga-dots-moved){
	opacity: 0 !important;
}


/* ===== перенесено из модуля: ga-cardbtn-css ===== */

/* ===== Капсула ===== */
.wrapp-buttons{
	text-align: center;
}
.wrapp-buttons .wd-buttons{
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: var(--ga-k3-gap, 1px);
	width: auto !important;
	max-width: 100%;
	padding: 3px 5px !important;
	border-radius: 999px !important;
	background: var(--ga-glass-bg, rgba(28,28,30,.42)) !important;
	border: 1px solid var(--ga-glass-brd, rgba(255,255,255,.28));
	-webkit-backdrop-filter: var(--ga-glass-blur, blur(14px) saturate(180%));
	backdrop-filter: var(--ga-glass-blur, blur(14px) saturate(180%));
	box-shadow: var(--ga-glass-shadow, 0 6px 22px rgba(0,0,0,.28)),
	            var(--ga-glass-inset, inset 0 1px 0 rgba(255,255,255,.40));
}

/* Блик по верхнему краю — как у нижней капсулы. */
.wrapp-buttons .wd-buttons::before{
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: linear-gradient(180deg, rgba(255,255,255,.18) 0%, rgba(255,255,255,0) 52%);
	pointer-events: none;
}

/* ===== Кнопка ===== */
.wrapp-buttons .wd-action-btn{
	--wd-action-color: var(--ga-icon, #ffffff);
	--wd-action-color-hover: var(--ga-icon, #ffffff);
	margin: 0 !important;
	background: transparent !important;
}
.wrapp-buttons .wd-action-btn > a{
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--ga-k3-size, 32px);
	height: var(--ga-k3-size, 32px);
	padding: 0 !important;
	border-radius: 50%;
	background: transparent;
	transition: background-color .18s ease, color .18s ease;
}
.wrapp-buttons .wd-action-btn > a:hover{
	background: rgba(255,255,255,.20);
}
.wrapp-buttons .wd-action-text{
	display: none !important;
}
.wrapp-buttons .wd-action-btn > a::before,
.wrapp-buttons .wd-action-icon::before{
	font-size: var(--ga-k3-icon, 17px);
	line-height: 1;
}

/* Сработавшее действие: товар в корзине, в сравнении, в избранном. */
.wrapp-buttons .wd-action-btn > a.added,
.wrapp-buttons .wd-action-btn > a.exists{
	color: var(--ga-accent-light, rgb(150,170,255));
}

/* ===== До 1024px: наведения нет, капсула видна всегда ===== */
/* Галочка «показывать всегда» на странице настроек отменяет два правила
   видимости отдельным блоком из glass.php — здесь трогать ничего не нужно. */
@media (max-width: 1024px){
	.wrapp-buttons{
		opacity: 1 !important;
		visibility: visible !important;
		transform: none !important;
	}
	.wrapp-buttons .wd-buttons{
		gap: 0;
		padding: 2px 4px !important;
	}
	.wrapp-buttons .wd-action-btn > a{
		width: var(--ga-k3-size-sm, 30px);
		height: var(--ga-k3-size-sm, 30px);
	}
	.wrapp-buttons .wd-action-btn > a::before,
	.wrapp-buttons .wd-action-icon::before{
		font-size: calc(var(--ga-k3-icon, 17px) - 1px);
	}
}


/* ===== перенесено из модуля: ga-nav-sheets-css ===== */

/* Пунктов пять — подписи ужимаем, иначе не помещаются на узких экранах */
@media (max-width: 1024px){
	.ga-app-nav-label{ font-size: 10px; }
}
@media (max-width: 360px){
	.ga-app-nav-label{ display: none; }
}

/* ===== Шторки (К4) ===== */
/* display: contents — обёртка не создаёт собственного слоя во весь
   экран. Такой слой iOS двигает вместе со страницей при клавиатуре,
   и вместе с ним уезжала шторка. У окна чата обёртки нет вообще. */
.ga-sheet{ display: contents; }
.ga-sheet[hidden]{ display: none; }

/* Подложка прозрачная: она только ловит касание мимо шторки.
   Затемнения и размытия здесь быть не должно — фон сайта остаётся видимым. */
.ga-sheet-fon{
	position: fixed;
	inset: 0;
	z-index: 1000000;
	background: transparent;
}

/* Центровка полями и margin: 0 auto. Никакого transform — он на iOS даёт
   горизонтальное переполнение, из-за которого страница уезжает вбок. */
.ga-sheet-telo{
	position: fixed;
	left: 0;
	right: 0;
	bottom: calc(88px + env(safe-area-inset-bottom));
	z-index: 1000001;
	width: 90%;
	max-width: 400px;
	margin: 0 auto;
	max-height: 72vh;
	box-sizing: border-box;
	overflow-y: auto;
	padding: 5px 12px 5px;
	border-radius: 18px;
	background: var(--ga-glass-bg, rgba(28,28,30,.42));
	border: 1px solid var(--ga-glass-brd, rgba(255,255,255,.28));
	-webkit-backdrop-filter: var(--ga-glass-blur, blur(14px) saturate(180%));
	backdrop-filter: var(--ga-glass-blur, blur(14px) saturate(180%));
	box-shadow: var(--ga-glass-shadow, 0 6px 22px rgba(0,0,0,.28)),
	            var(--ga-glass-inset, inset 0 1px 0 rgba(255,255,255,.40));
	color: var(--ga-icon, #fff);
	animation: ga-sheet-poyavlenie .18s ease;
}

/* У настроек содержимого больше, полям тесно вплотную. */
.ga-sheet-telo.ga-sheet-shirokaya{
	padding: 5px 14px 12px;
}

/* Только прозрачность: сдвиг сделал бы то же переполнение, что и transform. */
@keyframes ga-sheet-poyavlenie{
	from{ opacity: 0; }
	to{ opacity: 1; }
}

.ga-sheet-ruchka{
	width: 38px;
	height: 4px;
	margin: 3px auto;
	border-radius: 4px;
	background: currentColor;
	opacity: .45;
}
.ga-sheet-razdel{
	margin: 14px 0 6px;
	font-size: 11px;
	letter-spacing: .4px;
	text-transform: uppercase;
	opacity: .6;
}
.ga-sheet-akkaunt{
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px;
	border-radius: 14px;
	background: rgba(255,255,255,.10);
	color: inherit;
	font-weight: 600;
}
.ga-sheet-akkaunt img{ border-radius: 50%; }
.ga-sheet-vybor{ display: flex; gap: 6px; }
.ga-sheet-vybor button{
	flex: 1;
	padding: 9px 6px;
	border: 1px solid rgba(255,255,255,.18);
	border-radius: 12px;
	background: rgba(255,255,255,.08);
	color: inherit;
	font-size: 13px;
	cursor: pointer;
}
.ga-sheet-vybor button.ga-vybran{
	background: var(--ga-accent, rgb(56,88,233));
	border-color: transparent;
	color: #fff;
}
.ga-sheet-punkt{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 11px 8px;
	border-radius: 12px;
	color: inherit;
}
.ga-sheet-punkt:hover{ background: rgba(255,255,255,.10); }
/* Шеврон: строка должна читаться как кнопка, а не как надпись. */
.ga-sheet-punkt::after{
	content: '';
	width: 7px;
	height: 7px;
	flex: 0 0 auto;
	margin-right: 4px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(-45deg);
	opacity: .4;
}

/* Тумблер уведомлений, размеры как в iOS. */
.ga-sheet-tumbler{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 11px 8px;
	cursor: pointer;
}
/* Сам чекбокс не показываем: он только хранит состояние. */
html body .ga-sheet .ga-tumbler-vhod{
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	opacity: 0 !important;
	pointer-events: none !important;
	margin: 0 !important;
}
/* Специфичность от html и !important: стили Woodmart иначе перебивают фон. */
html body .ga-sheet .ga-tumbler{
	position: relative !important;
	display: inline-block !important;
	box-sizing: border-box !important;
	flex: 0 0 56px !important;
	width: 56px !important;
	height: 30px !important;
	margin: 0 !important;
	padding: 0 !important;
	/* Обводка ga-tumbler-obvodka: как у кнопок выбора темы, иначе
	   белый кружок на сером фоне сливается со шторкой. */
	border: 1px solid rgba(255,255,255,.18) !important;
	box-shadow: none !important;
	border-radius: 999px !important;
	background: rgba(120,120,128,.28) !important;
	background-image: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	font-size: 0 !important;
	transition: background-color .2s ease !important;
}
html body .ga-sheet .ga-tumbler::before,
html body .ga-sheet .ga-tumbler::after{ content: none !important; display: none !important; }
html body .ga-sheet .ga-tumbler .ga-tumbler-krug{
	position: absolute !important;
	top: 2px !important;
	left: 2px !important;
	display: block !important;
	box-sizing: border-box !important;
	width: 26px !important;
	height: 26px !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 50% !important;
	background: #fff !important;
	box-shadow: 0 1px 3px rgba(0,0,0,.35) !important;
	transition: transform .2s ease !important;
}
html body .ga-sheet .ga-tumbler-vhod:checked + .ga-tumbler{
	background: #34c759 !important;
	border-color: transparent !important;
}
html body .ga-sheet .ga-tumbler-vhod:checked + .ga-tumbler .ga-tumbler-krug{
	transform: translateX(26px) !important;
}
.ga-tumbler-podskazka{ padding: 0 8px 10px; font-size: 13px; opacity: .72; }
html body .ga-sheet .ga-push-skachat{
	display: block !important;
	margin: 0 8px 12px !important;
	padding: 11px 14px !important;
	border: 0 !important;
	border-radius: 12px !important;
	background: var(--ga-accent, rgb(56,88,233)) !important;
	color: #fff !important;
	font-size: 14px !important;
	text-align: center !important;
	text-decoration: none !important;
}
html body .ga-sheet .ga-push-skachat[hidden]{ display: none !important; }

/* Строка поиска: поле тянется, кнопка держит свой размер. */
.ga-sheet-search-form{
	display: flex;
	gap: 8px;
	margin: 3px 0;
}
.ga-sheet-search-input{
	flex: 1 1 0;
	min-width: 0;
	box-sizing: border-box;
	padding: 11px 14px;
	border: 1px solid rgba(255,255,255,.20);
	border-radius: 999px;
	background: rgba(255,255,255,.12);
	color: inherit;
	/* Ровно 16 и с !important: ниже этого Safari сам приближает страницу
	   при фокусе, а правило темы могло перебивать наше. У поля чата
	   (#ga-chat-input) стоит то же самое число. */
	font-size: 16px !important;
}
.ga-sheet-search-input::placeholder{ color: currentColor; opacity: .6; }
.ga-sheet-search-btn{
	flex: 0 0 auto;
	white-space: nowrap;
	padding: 11px 18px;
	border: 0;
	border-radius: 999px;
	background: var(--ga-accent, rgb(56,88,233));
	color: #fff;
	font-size: 15px;
	cursor: pointer;
}


/* ===== перенесено из модуля: ga-buttons-css ===== */

.wd-compare-btn .wd-action-icon::before,
.wd-wishlist-btn .wd-action-icon::before,
.ga-share-btn .fa-share-alt::before {
	content: "" !important;
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: -0.125em;
	background-color: currentColor;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}
.wd-compare-btn .wd-action-icon::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22none%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22currentColor%22 d=%22M4.833 5a5 5 0 0 1 4.615 3.077l2.95 7.078A3 3 0 0 0 15.167 17h3.419l-1.793-1.793a1 1 0 0 1 1.414-1.414l3.5 3.5a1 1 0 0 1 0 1.414l-3.5 3.5-.076.069a1 1 0 0 1-1.406-1.407l.068-.076L18.586 19h-3.419a5 5 0 0 1-4.615-3.077l-2.95-7.077A3 3 0 0 0 4.834 7H3a1 1 0 0 1 0-2zm2.335 10.946a1 1 0 1 1 1.664 1.109l-.11.164A4 4 0 0 1 5.396 19H3a1 1 0 0 1 0-2h2.395a2 2 0 0 0 1.664-.89zm9.625-14.153a1 1 0 0 1 1.338-.068l.076.068 3.5 3.5a1 1 0 0 1 0 1.414l-3.5 3.5a1 1 0 0 1-1.414-1.414L18.586 7h-3.98a2 2 0 0 0-1.665.89l-.109.165a1 1 0 0 1-1.664-1.11l.11-.164a4 4 0 0 1 3.327-1.78h3.98l-1.792-1.794-.068-.076a1 1 0 0 1 .068-1.338%22/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22none%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22currentColor%22 d=%22M4.833 5a5 5 0 0 1 4.615 3.077l2.95 7.078A3 3 0 0 0 15.167 17h3.419l-1.793-1.793a1 1 0 0 1 1.414-1.414l3.5 3.5a1 1 0 0 1 0 1.414l-3.5 3.5-.076.069a1 1 0 0 1-1.406-1.407l.068-.076L18.586 19h-3.419a5 5 0 0 1-4.615-3.077l-2.95-7.077A3 3 0 0 0 4.834 7H3a1 1 0 0 1 0-2zm2.335 10.946a1 1 0 1 1 1.664 1.109l-.11.164A4 4 0 0 1 5.396 19H3a1 1 0 0 1 0-2h2.395a2 2 0 0 0 1.664-.89zm9.625-14.153a1 1 0 0 1 1.338-.068l.076.068 3.5 3.5a1 1 0 0 1 0 1.414l-3.5 3.5a1 1 0 0 1-1.414-1.414L18.586 7h-3.98a2 2 0 0 0-1.665.89l-.109.165a1 1 0 0 1-1.664-1.11l.11-.164a4 4 0 0 1 3.327-1.78h3.98l-1.792-1.794-.068-.076a1 1 0 0 1 .068-1.338%22/%3E%3C/svg%3E");
}
.wd-wishlist-btn .wd-action-icon::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22none%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22currentColor%22 d=%22M12.8 4.786c2.77-2.77 7.383-2.314 9.557.946a6.21 6.21 0 0 1-.971 8.02l-7.358 6.746a3 3 0 0 1-4.055 0l-7.359-6.746a6.21 6.21 0 0 1-.97-8.02c2.173-3.26 6.786-3.717 9.556-.946l.8.8zm7.893 2.055a4.21 4.21 0 0 0-6.479-.641l-1.507 1.507a1 1 0 0 1-1.414 0L9.786 6.2a4.21 4.21 0 1 0-5.82 6.078l7.358 6.746a1 1 0 0 0 1.352 0l7.358-6.746a4.21 4.21 0 0 0 .659-5.437%22/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22none%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22currentColor%22 d=%22M12.8 4.786c2.77-2.77 7.383-2.314 9.557.946a6.21 6.21 0 0 1-.971 8.02l-7.358 6.746a3 3 0 0 1-4.055 0l-7.359-6.746a6.21 6.21 0 0 1-.97-8.02c2.173-3.26 6.786-3.717 9.556-.946l.8.8zm7.893 2.055a4.21 4.21 0 0 0-6.479-.641l-1.507 1.507a1 1 0 0 1-1.414 0L9.786 6.2a4.21 4.21 0 1 0-5.82 6.078l7.358 6.746a1 1 0 0 0 1.352 0l7.358-6.746a4.21 4.21 0 0 0 .659-5.437%22/%3E%3C/svg%3E");
}
.ga-share-btn .fa-share-alt::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22none%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22currentColor%22 d=%22M17.5 1a4.5 4.5 0 1 1-3.268 7.592l-3.446 2.036a4.5 4.5 0 0 1 0 2.743l3.445 2.037a4.5 4.5 0 1 1-1.019 1.72l-3.445-2.036a4.5 4.5 0 1 1 0-6.184l3.446-2.037A4.5 4.5 0 0 1 17.5 1m0 15a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5m-11-6.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5m11-6.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5%22/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22none%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22currentColor%22 d=%22M17.5 1a4.5 4.5 0 1 1-3.268 7.592l-3.446 2.036a4.5 4.5 0 0 1 0 2.743l3.445 2.037a4.5 4.5 0 1 1-1.019 1.72l-3.445-2.036a4.5 4.5 0 1 1 0-6.184l3.446-2.037A4.5 4.5 0 0 1 17.5 1m0 15a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5m-11-6.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5m11-6.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5%22/%3E%3C/svg%3E");
}


/* ===== перенесено из модуля: без id: @media (max-width: 1024px) { /* Фон активного ===== */

    @media (max-width: 1024px) {
        /* Фон активного пункта больше не рисуем — вместо него ездит таблетка */
        .ga-app-nav-item.ga-app-nav-active {
            background: transparent !important;
            box-shadow: none !important;
        }
        .ga-app-nav-item {
            z-index: 1;
        }
        /* Цвет иконки переключаем плавно, остальные переходы повторяют компактный режим */
        .ga-app-nav-item i,
        .ga-app-nav-svg {
            transition: font-size 0.25s ease, width 0.25s ease, height 0.25s ease, color 0.22s ease;
        }
        #ga-app-nav-pill {
            position: absolute;
            left: 0;
            top: 0;
            width: 0;
            height: 0;
            border-radius: 22px;
            background: rgba(255,255,255,0.16);
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
            opacity: 0;
            pointer-events: none;
            z-index: 0;
            will-change: transform, width;
            transition:
                transform 0.32s cubic-bezier(0.32,0.72,0,1),
                width 0.32s cubic-bezier(0.32,0.72,0,1),
                height 0.32s cubic-bezier(0.32,0.72,0,1),
                opacity 0.18s ease;
        }
    }
    

/* ===== перенесено из модуля: ga-inputs-fix ===== */

@media (max-width:1024px){
  input[type="text"],input[type="search"],input[type="email"],
  input[type="tel"],input[type="number"],input[type="password"],
  textarea,select{font-size:16px!important}
}
html.ga-dark-mode body form.searchform input[name="s"],
html.ga-dark-mode body form.searchform input[name="s"]:focus,
html.ga-dark-mode body form.searchform input[name="s"]:hover{
  color:#f2f2f7!important;-webkit-text-fill-color:#f2f2f7!important;
  background-color:#1c1c1e!important;border-color:#3a3a3c!important;
  caret-color:rgb(56,88,233)
}
html.ga-dark-mode body form.searchform input[name="s"]::placeholder{
  color:#8e8e93!important;-webkit-text-fill-color:#8e8e93!important
}