/*
Theme Name: AquaPro Modern
Theme URI: https://aquapro.ru
Description: Современный дизайн для сайта АкваPRO - производство лодок ПВХ. Дочерняя тема Customizr с современным дизайном.
Version: 1.0.0
Author: AquaPro
Author URI: https://aquapro.ru
Template: customizr
Text Domain: aquapro-modern
*/

/* ============================================
   СОВРЕМЕННЫЙ ДИЗАЙН AQUAPRO
   ============================================ */

:root {
    /* Современная цветовая палитра */
    --primary-color: #0066cc;
    --primary-dark: #004499;
    --primary-light: #3385d6;
    --accent-color: #00a8e8;
    --secondary-color: #9ca3af;
    --text-color: #2c3e50;
    --text-light: #7f8c8d;
    --bg-light: #f8f9fa;
    --bg-white: #ffffff;
    --border-color: #e0e0e0;
    --success-color: #27ae60;
    --shadow: 0 2px 10px rgba(0,0,0,0.1);
    --shadow-hover: 0 5px 20px rgba(0,0,0,0.15);
    
    /* Теплый мягкий оранжевый для hero-section */
    --orange-warm: #ff8c42;
    --orange-warm-dark: #e67e22;
    
    /* Современная типографика */
    --font-primary: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --font-heading: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    
    /* Spacing */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 3rem;
    --spacing-xl: 4rem;
    
    /* Border radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
}

/* ============================================
   БАЗОВЫЕ СТИЛИ
   ============================================ */

* {
    box-sizing: border-box;
}

body {
    font-family: var(--font-primary);
    color: var(--text-color);
    line-height: 1.6;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: var(--spacing-sm);
    color: #000000 !important;
}

h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.75rem; }
h4 { font-size: 1.5rem; }
h5 { font-size: 1.25rem; }
h6 { font-size: 1rem; }

a {
    color: var(--primary-color);
    text-decoration: none;
    transition: all 0.3s ease;
}

a:hover {
    color: var(--primary-dark);
}

/* ============================================
   ШАПКА САЙТА (HEADER)
   ============================================ */

.tc-header {
    background: var(--bg-white);
    box-shadow: var(--shadow);
    padding: var(--spacing-sm) 0;
    position: sticky;
    top: 0;
    z-index: 1000;
    transition: all 0.3s ease;
}

.tc-header .navbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tc-header .navbar-nav {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: var(--spacing-md);
}

.tc-header .navbar-nav a {
    color: var(--text-color);
    font-weight: 500;
    padding: var(--spacing-xs) var(--spacing-sm);
    border-radius: var(--radius-sm);
    transition: all 0.3s ease;
}

.tc-header .navbar-nav a:hover {
    background: var(--bg-light);
    color: var(--primary-color);
}

/* Улучшаем навигацию Customizr */
.tc-header .navbar-wrapper,
.tc-header .navbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tc-header .navbar .nav {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: var(--spacing-sm);
}

.tc-header .navbar .nav > li > a {
    color: var(--text-color);
    font-weight: 500;
    padding: var(--spacing-xs) var(--spacing-sm);
    border-radius: var(--radius-sm);
    transition: all 0.3s ease;
}

.tc-header .navbar .nav > li > a:hover {
    background: var(--bg-light);
    color: var(--primary-color);
}

/* ============================================
   СОВРЕМЕННАЯ ШАПКА
   ============================================ */

/* ============================================
   СОВРЕМЕННАЯ ШАПКА - ПОЛНЫЙ РЕДИЗАЙН С НУЛЯ
   ============================================ */

.tc-header,
header.tc-header,
#tc-page-wrap header.tc-header,
header.tc-header.clearfix {
    background-image: url('/wp-content/uploads/2025/12/72c07dd4-a6f6-4bbb-853b-4002d58a4573.jpg') !important;
    background-color: transparent !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
    padding: 1rem 0 !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    border-bottom: 1px solid var(--border-color) !important;
}

.tc-header .row-fluid {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 1rem !important;
    gap: 2rem !important;
    flex-wrap: nowrap !important;
}

.tc-header .brand {
    flex-shrink: 0 !important;
    order: 1 !important;
}

.tc-header .brand img {
    max-height: 60px !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
}

.tc-header .navbar-wrapper {
    flex: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    order: 2 !important;
    min-width: 0 !important;
}

.tc-header .navbar {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    justify-content: center !important;
}

.tc-header .navbar-inner {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    justify-content: center !important;
}

.tc-header .nav-collapse {
    flex: 1 !important;
    display: flex !important;
    justify-content: center !important;
}

.tc-header .nav,
.tc-header .tc-hover-menu,
.tc-header .primary-nav__nav {
    display: flex !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 1rem !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
}

.tc-header .nav > li,
.tc-header .tc-hover-menu > li {
    margin: 0 !important;
    list-style: none !important;
}

.tc-header .nav > li > a,
.tc-header .tc-hover-menu > li > a {
    color: var(--text-color) !important;
    font-weight: 500 !important;
    padding: 0.5rem 1rem !important;
    border-radius: var(--radius-sm) !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.tc-header .nav > li > a:hover,
.tc-header .tc-hover-menu > li > a:hover {
    background: var(--bg-light) !important;
    color: var(--primary-color) !important;
}

/* Кнопки соцсетей в шапке */
.tc-header .header-social-buttons,
.navbar-inner .header-social-buttons,
.navbar-inner .row-fluid .header-social-buttons {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
    flex-shrink: 0 !important;
    order: 3 !important;
    margin-left: auto !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    align-self: flex-end !important;
    align-items: flex-end !important;
    transform: translateY(-26px) !important;
    max-width: 200px !important;
}

.tc-header .header-social-buttons .social-link,
.navbar-inner .header-social-buttons .social-link,
.navbar-inner .row-fluid .header-social-buttons .social-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0.5rem 1rem !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
    white-space: nowrap !important;
    color: white !important;
    border: none !important;
    flex: 1 1 calc(50% - 0.25rem) !important;
    min-width: calc(50% - 0.25rem) !important;
    max-width: calc(50% - 0.25rem) !important;
    box-sizing: border-box !important;
}

.tc-header .header-social-buttons .social-link:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;
    opacity: 0.9 !important;
}

.tc-header .header-social-buttons .social-link.ozon {
    background: #005bff !important;
}

.tc-header .header-social-buttons .social-link.ozon:hover {
    background: #0044cc !important;
}

.tc-header .header-social-buttons .social-link.vk {
    background: #0077ff !important;
}

.tc-header .header-social-buttons .social-link.vk:hover {
    background: #0055cc !important;
}

.tc-header .header-social-buttons .social-link.wildberries {
    background: #a026ff !important;
}

.tc-header .header-social-buttons .social-link.wildberries:hover {
    background: #8b1dd9 !important;
}

.tc-header .header-social-buttons .social-link.telegram {
    background: #0088cc !important;
}

.tc-header .header-social-buttons .social-link.telegram:hover {
    background: #0077b5 !important;
}

/* Скрываем теглайн и другие элементы */
.tc-header .tagline,
.tc-header .site-description {
    display: none !important;
}

.tc-header .primary-navbar__row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    gap: 2rem !important;
}

.tc-header .primary-nav__wrapper {
    flex: 1 !important;
    display: flex !important;
    justify-content: center !important;
}

.tc-header .navbar-wrapper > * {
    display: flex !important;
    align-items: center !important;
}

.tc-header .navbar {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 1 !important;
    gap: var(--spacing-md) !important;
}

.tc-header .navbar-inner {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    justify-content: space-between !important;
}

.tc-header .row-fluid {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    flex-wrap: wrap !important;
}

.tc-header .primary-nav__wrapper,
.tc-header .navbar-wrapper > .row-fluid {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
}

.tc-header .primary-nav__nav {
    flex: 1 !important;
}

.tc-header .header-social-item {
    list-style: none !important;
    margin: 0 !important;
}

/* Скрываем теглайн в шапке */
.tc-header .tagline,
.tc-header .site-description {
    display: none !important;
}

/* Улучшаем отображение меню в шапке */
.tc-header .tc-hover-menu-wrapper {
    flex: 1 !important;
}

.tc-header .menu-container {
    display: flex !important;
    align-items: center !important;
    gap: var(--spacing-sm) !important;
}

.tc-header .site-title,
.tc-header .site-logo,
.tc-header .site-logo a {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    color: var(--primary-color) !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
}

.tc-header .tagline {
    display: none !important;
}

.tc-header .navbar {
    flex: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.tc-header .navbar .nav {
    display: flex !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0.5rem !important;
    flex-wrap: wrap !important;
}

.tc-header .navbar .nav > li {
    margin: 0 !important;
}

.tc-header .navbar .nav > li,
.tc-header .nav > li {
    margin: 0 !important;
    list-style: none !important;
}

.tc-header .navbar .nav > li > a,
.tc-header .nav > li > a,
.tc-header .nav a {
    color: var(--text-color) !important;
    font-weight: 500 !important;
    padding: 0.5rem 1rem !important;
    border-radius: var(--radius-sm) !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    display: block !important;
    white-space: nowrap !important;
}

.tc-header .navbar .nav > li > a:hover,
.tc-header .nav > li > a:hover,
.tc-header .nav a:hover {
    background: var(--bg-light) !important;
    color: var(--primary-color) !important;
}

/* Убираем боковое меню */
.tc-header .btn-toggle-nav,
.tc-header .menu-btn,
#tc-sn,
nav#tc-sn {
    display: none !important;
}

/* Кнопки соцсетей в шапке - общие стили */
.header-social-buttons,
.tc-header .header-social-buttons {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
    margin-left: auto !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    align-self: flex-end !important;
    align-items: flex-end !important;
    transform: translateY(-26px) !important;
    max-width: 200px !important;
}

.header-social-buttons .social-link,
.tc-header .header-social-buttons .social-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0.5rem 1rem !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    color: white !important;
    border: none !important;
    flex: 1 1 calc(50% - 0.25rem) !important;
    min-width: calc(50% - 0.25rem) !important;
    max-width: calc(50% - 0.25rem) !important;
    box-sizing: border-box !important;
}

.header-social-buttons .social-link:hover,
.tc-header .header-social-buttons .social-link:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;
    opacity: 0.9 !important;
}

.header-social-buttons .social-link.ozon,
.tc-header .header-social-buttons .social-link.ozon {
    background: #005bff !important;
}

.header-social-buttons .social-link.ozon:hover,
.tc-header .header-social-buttons .social-link.ozon:hover {
    background: #0044cc !important;
}

.header-social-buttons .social-link.vk,
.tc-header .header-social-buttons .social-link.vk {
    background: #0077ff !important;
}

.header-social-buttons .social-link.vk:hover,
.tc-header .header-social-buttons .social-link.vk:hover {
    background: #0055cc !important;
}

.header-social-buttons .social-link.wildberries,
.tc-header .header-social-buttons .social-link.wildberries {
    background: #a026ff !important;
}

.header-social-buttons .social-link.wildberries:hover,
.tc-header .header-social-buttons .social-link.wildberries:hover {
    background: #8b1dd9 !important;
}

.header-social-buttons .social-link.telegram,
.tc-header .header-social-buttons .social-link.telegram {
    background: #0088cc !important;
}

.header-social-buttons .social-link.telegram:hover,
.tc-header .header-social-buttons .social-link.telegram:hover {
    background: #0077b5 !important;
}

/* Адаптивность шапки */
@media (max-width: 768px) {
    .tc-header .navbar-wrapper {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    
    .tc-header .navbar {
        width: 100% !important;
        margin-top: 1rem !important;
    }
    
    .tc-header .navbar .nav {
        flex-direction: column !important;
        width: 100% !important;
        gap: 0.25rem !important;
    }
    
    .header-social-buttons {
        margin-left: 0 !important;
        margin-top: 0.5rem !important;
        max-width: 100% !important;
    }
    
    .header-social-buttons .social-link {
        padding: 0.4rem 0.8rem !important;
        font-size: 0.85rem !important;
    }
}

/* Дополнительные стили для карточек товаров */
.woocommerce ul.products li.product .woocommerce-loop-product__link {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: visible !important;
}

/* Контейнер для изображения с фиксированной высотой */
.woocommerce ul.products li.product .woocommerce-loop-product__link > img,
.woocommerce ul.products li.product a.woocommerce-loop-product__link > img {
    min-height: 300px !important;
    max-height: 300px !important;
    height: 300px !important;
    object-fit: contain !important;
    object-position: center !important;
}


.woocommerce ul.products li.product .attachment-woocommerce_thumbnail,
.woocommerce ul.products li.product img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 300px !important;
    max-height: 300px !important;
    height: 300px !important;
    object-fit: contain !important;
    object-position: center !important;
    margin: 0 auto !important;
    display: block !important;
}

/* Стили для каталога на главной странице */
.woocommerce-page #main-content,
.woocommerce #main-content {
    padding: 0 !important;
}

.woocommerce .section {
    padding: var(--spacing-xl) 0;
}

/* Убираем лишние отступы в начале страницы */
#main-wrapper {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

#main-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

#main-content .container {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

#main-content .container .container {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.woocommerce-shop-wrapper {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.row.column-content-wrapper {
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 0 !important;
}

#content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.woocommerce-products-wrapper {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Убираем отступы от Customizr */
.czr-shop-page-wrapper,
.czr-shop-container {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Убираем отступы от секций */
.section {
    padding-top: 0 !important;
}

#main-content .section {
    padding-top: var(--spacing-md) !important;
}

/* Скрываем заголовок страницы на главной */
.woocommerce-page.woocommerce-shop h1.page-title,
.woocommerce-shop h1.page-title {
    display: none;
}

/* Улучшаем отображение каталога */
.woocommerce .woocommerce-products-header {
    margin-bottom: var(--spacing-md);
}

.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering {
    margin-bottom: var(--spacing-sm);
}

/* Логотип */
.tc-header .site-logo img {
    max-height: 60px;
    width: auto;
}

/* ============================================
   ГЛАВНАЯ СТРАНИЦА
   ============================================ */

.hero-section {
    background: linear-gradient(135deg, var(--orange-warm) 0%, var(--orange-warm-dark) 100%);
    color: white;
    padding: 2.016rem 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.hero-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.hero-section .container {
    position: relative;
    z-index: 1;
}

.hero-section h1 {
    color: white !important;
    font-size: 3rem;
    margin-bottom: 1.008rem;
    text-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

.hero-section p {
    font-size: 1.25rem;
    margin-bottom: 1.512rem;
    opacity: 0.95;
}

.hero-buttons {
    display: flex;
    gap: var(--spacing-sm);
    justify-content: center;
    flex-wrap: wrap;
}

.btn {
    display: inline-block;
    padding: 14px 32px;
    border-radius: var(--radius-md);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    font-size: 16px;
}

.btn-primary {
    background: var(--accent-color);
    color: white;
}

.btn-primary:hover {
    background: #0099cc;
    transform: translateY(-2px);
    box-shadow: var(--shadow-hover);
    color: white;
}

.btn-secondary {
    background: transparent;
    color: white;
    border: 2px solid white;
}

.btn-secondary:hover {
    background: white;
    color: var(--primary-color);
}

/* ============================================
   КАРТОЧКИ И БЛОКИ
   ============================================ */

.features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: var(--spacing-md);
    padding: var(--spacing-xl) 0;
}

.feature-card {
    background: var(--bg-white);
    padding: var(--spacing-md);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow);
    transition: all 0.3s ease;
    text-align: center;
}

.feature-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-hover);
}

.feature-card .icon {
    font-size: 3rem;
    color: var(--primary-color);
    margin-bottom: var(--spacing-sm);
}

.feature-card h3 {
    color: var(--secondary-color);
    margin-bottom: var(--spacing-xs);
}

/* ============================================
   WOOCOMMERCE СТИЛИ
   ============================================ */

.woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: var(--spacing-md) !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce ul.products li.product {
    background: var(--bg-white) !important;
    border-radius: var(--radius-lg) !important;
    overflow: visible !important;
    box-shadow: var(--shadow) !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 280px !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 100% !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__link {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    text-decoration: none !important;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-5px) !important;
    box-shadow: var(--shadow-hover) !important;
}

.woocommerce ul.products li.product a {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    text-decoration: none !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__link {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.woocommerce ul.products li.product img,
.woocommerce ul.products li.product .attachment-woocommerce_thumbnail,
.woocommerce ul.products li.product img.attachment-woocommerce_thumbnail,
.woocommerce ul.products li.product img.size-woocommerce_thumbnail {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 300px !important;
    max-height: 300px !important;
    height: 300px !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
    margin: 0 auto !important;
    transition: transform 0.3s ease !important;
    background: var(--bg-light) !important;
}

/* Убираем принудительные размеры от WooCommerce */
.woocommerce ul.products li.product img[width],
.woocommerce ul.products li.product img[height] {
    width: 100% !important;
    height: auto !important;
}

.woocommerce ul.products li.product:hover img {
    transform: scale(1.05) !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    padding: 0.5rem var(--spacing-sm) 0.25rem !important;
    margin: 0 !important;
    font-size: 1.25rem !important;
    line-height: 1.3 !important;
    min-height: auto !important;
    display: flex !important;
    align-items: flex-start !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title a {
    color: var(--text-color) !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title a:hover {
    color: var(--orange-warm) !important;
}

.woocommerce ul.products li.product .product-price-wrapper {
    padding: 0.25rem var(--spacing-sm) 0.5rem !important;
    margin: 0 !important;
    margin-top: auto !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0.75rem !important;
    flex-wrap: wrap !important;
    min-height: fit-content !important;
}

.woocommerce ul.products li.product .product-price-wrapper .price {
    display: inline-block !important;
    line-height: 1.2 !important;
}

.woocommerce ul.products li.product .product-price-wrapper .price.old-price {
    color: var(--text-light) !important;
    font-weight: 400 !important;
    font-size: 1rem !important;
    text-decoration: line-through !important;
    opacity: 0.7 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
    order: 2 !important;
}

/* Зачеркивание старой цены во всех элементах внутри */
.woocommerce ul.products li.product .product-price-wrapper .price.old-price *,
.woocommerce ul.products li.product .product-price-wrapper .price.old-price bdi,
.woocommerce ul.products li.product .product-price-wrapper .price.old-price span {
    text-decoration: line-through !important;
}

.woocommerce ul.products li.product .product-price-wrapper .price.current-price {
    color: var(--primary-color) !important;
    font-weight: 700 !important;
    font-size: 1.5rem !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
    order: 1 !important;
}

/* Бейдж "Распродажа!" - +1 пункт (1px) сверху и снизу от текста */
.woocommerce ul.products li.product span.onsale,
.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale {
    font-size: 0.875rem !important;
    line-height: 1.2em !important;
    padding: 1px 0.5rem !important;
    min-height: auto !important;
    height: auto !important;
    display: inline-block !important;
    vertical-align: baseline !important;
}

/* Кастомные кнопки вместо корзины */
.product-actions {
    padding: 0.5rem var(--spacing-sm) var(--spacing-sm) !important;
    margin-top: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0.5rem !important;
}

.product-actions .btn {
    display: block !important;
    width: 100% !important;
    padding: 0.5rem 0.75rem !important;
    text-align: center !important;
    border-radius: var(--radius-md) !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    font-size: 0.85rem !important;
    line-height: 1.6 !important;
    min-height: 36px !important;
    height: 36px !important;
    max-height: 36px !important;
    box-sizing: border-box !important;
}

/* Убираем эмодзи изображения */
.product-actions .btn .emoji,
.product-actions .btn img.emoji {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

.product-actions .btn {
    font-family: var(--font-primary) !important;
}

.product-actions .btn-ozon {
    background: #005bff !important;
    color: white !important;
}

.product-actions .btn-ozon:hover {
    background: #0044cc !important;
    transform: translateY(-2px) !important;
    box-shadow: var(--shadow) !important;
    color: white !important;
}

.product-actions .btn-contact {
    background: var(--primary-color) !important;
    color: white !important;
}

.product-actions .btn-contact:hover {
    background: var(--primary-dark) !important;
    transform: translateY(-2px) !important;
    box-shadow: var(--shadow) !important;
    color: white !important;
}

.product-actions .btn-wildberries {
    background: #a026ff !important;
    color: white !important;
}

.product-actions .btn-wildberries:hover {
    background: #8b1dd9 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(160, 38, 255, 0.3) !important;
    color: white !important;
}

/* Скрываем стандартные кнопки корзины */
.woocommerce ul.products li.product .button.add_to_cart_button,
.woocommerce ul.products li.product a.add_to_cart_button {
    display: none !important;
}

/* Убираем слайдер через CSS */
#customizr-slider-1,
.czr-slider,
.carousel-inner,
.tc-slider,
div[id*="slider"] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* ============================================
   СОВРЕМЕННЫЙ ФУТЕР
   ============================================ */

.modern-footer,
#footer.modern-footer {
    background: linear-gradient(135deg, #6b7280 0%, #4b5563 25%, #5a6268 50%, #4b5563 75%, #6b7280 100%) !important;
    background-size: 200% 200% !important;
    position: relative !important;
    color: rgba(255, 255, 255, 0.95) !important;
    padding: var(--spacing-xl) 0 var(--spacing-md) !important;
    margin-top: var(--spacing-xl) !important;
    overflow: hidden !important;
    text-shadow: 
        -0.5px -0.5px 1px rgba(0, 0, 0, 0.6),
        0.5px -0.5px 1px rgba(0, 0, 0, 0.6),
        -0.5px 0.5px 1px rgba(0, 0, 0, 0.6),
        0.5px 0.5px 1px rgba(0, 0, 0, 0.6),
        0 0 2px rgba(0, 0, 0, 0.5),
        0 1px 1px rgba(0, 0, 0, 0.3) !important;
}

.modern-footer::before,
#footer.modern-footer::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: 
        radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.12) 0%, transparent 50%),
        radial-gradient(circle at 80% 70%, rgba(255, 255, 255, 0.08) 0%, transparent 50%),
        radial-gradient(circle at 40% 60%, rgba(0, 0, 0, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 60% 20%, rgba(255, 255, 255, 0.06) 0%, transparent 40%),
        linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.06) 50%, transparent 70%),
        linear-gradient(-45deg, transparent 30%, rgba(0, 0, 0, 0.08) 50%, transparent 70%),
        linear-gradient(135deg, transparent 20%, rgba(255, 255, 255, 0.05) 40%, transparent 60%) !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

.modern-footer > *,
#footer.modern-footer > * {
    position: relative !important;
    z-index: 1 !important;
}

.footer-container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 var(--spacing-sm) !important;
}

.footer-content {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
    gap: var(--spacing-lg) !important;
    margin-bottom: var(--spacing-lg) !important;
}

.footer-section h3 {
    color: white !important;
    font-size: 1.25rem !important;
    margin-bottom: var(--spacing-sm) !important;
    font-weight: 600 !important;
    text-shadow: 
        -0.5px -0.5px 1.5px rgba(0, 0, 0, 0.7),
        0.5px -0.5px 1.5px rgba(0, 0, 0, 0.7),
        -0.5px 0.5px 1.5px rgba(0, 0, 0, 0.7),
        0.5px 0.5px 1.5px rgba(0, 0, 0, 0.7),
        0 0 2.5px rgba(0, 0, 0, 0.6),
        0 1px 2px rgba(0, 0, 0, 0.4) !important;
}

.footer-section h3 a {
    color: white !important;
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
    text-shadow: 
        -0.5px -0.5px 1.5px rgba(0, 0, 0, 0.7),
        0.5px -0.5px 1.5px rgba(0, 0, 0, 0.7),
        -0.5px 0.5px 1.5px rgba(0, 0, 0, 0.7),
        0.5px 0.5px 1.5px rgba(0, 0, 0, 0.7),
        0 0 2.5px rgba(0, 0, 0, 0.6),
        0 1px 2px rgba(0, 0, 0, 0.4) !important;
}

.footer-section h3 a:hover {
    color: var(--orange-warm) !important;
    text-shadow: 
        -0.5px -0.5px 1.5px rgba(0, 0, 0, 0.7),
        0.5px -0.5px 1.5px rgba(0, 0, 0, 0.7),
        -0.5px 0.5px 1.5px rgba(0, 0, 0, 0.7),
        0.5px 0.5px 1.5px rgba(0, 0, 0, 0.7),
        0 0 2.5px rgba(0, 0, 0, 0.6),
        0 1px 2px rgba(0, 0, 0, 0.4) !important;
}

.footer-section p {
    color: rgba(255, 255, 255, 0.95) !important;
    margin-bottom: var(--spacing-xs) !important;
    line-height: 1.6 !important;
    text-shadow: 
        -0.5px -0.5px 1px rgba(0, 0, 0, 0.6),
        0.5px -0.5px 1px rgba(0, 0, 0, 0.6),
        -0.5px 0.5px 1px rgba(0, 0, 0, 0.6),
        0.5px 0.5px 1px rgba(0, 0, 0, 0.6),
        0 0 2px rgba(0, 0, 0, 0.5),
        0 1px 1px rgba(0, 0, 0, 0.3) !important;
}

.footer-section:first-child {
    text-align: center !important;
}

.footer-section:first-child h3 {
    text-align: center !important;
}

.footer-section:first-child p {
    text-align: center !important;
}

.footer-section:not(:first-child) {
    text-align: left !important;
}

.footer-section:not(:first-child) h3,
.footer-section:not(:first-child) h3 a {
    text-align: center !important;
}

.footer-section:not(:first-child) p {
    text-align: left !important;
}

.footer-section:nth-child(3) p {
    text-align: center !important;
}

.footer-section a:not(.social-link) {
    color: rgba(255, 255, 255, 0.95) !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
    text-shadow: 
        -0.5px -0.5px 1px rgba(0, 0, 0, 0.6),
        0.5px -0.5px 1px rgba(0, 0, 0, 0.6),
        -0.5px 0.5px 1px rgba(0, 0, 0, 0.6),
        0.5px 0.5px 1px rgba(0, 0, 0, 0.6),
        0 0 2px rgba(0, 0, 0, 0.5),
        0 1px 1px rgba(0, 0, 0, 0.3) !important;
}

.footer-section a:not(.social-link):hover {
    color: var(--orange-warm) !important;
    text-shadow: 
        -0.5px -0.5px 1px rgba(0, 0, 0, 0.7),
        0.5px -0.5px 1px rgba(0, 0, 0, 0.7),
        -0.5px 0.5px 1px rgba(0, 0, 0, 0.7),
        0.5px 0.5px 1px rgba(0, 0, 0, 0.7),
        0 0 2px rgba(0, 0, 0, 0.6),
        0 1px 1px rgba(0, 0, 0, 0.4) !important;
}

.footer-contact-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 0.5rem !important;
    margin-bottom: 0.75rem !important;
}

.footer-phones {
    display: inline-block !important;
    line-height: 1.6 !important;
}

.footer-contact-item a {
    white-space: nowrap !important;
    margin-right: 0.5rem !important;
}

.footer-section:nth-child(4) .footer-contact-item {
    padding-left: 20px !important;
}

.footer-icon {
    width: 16px !important;
    height: 16px !important;
    flex-shrink: 0 !important;
    margin-top: 2px !important;
    opacity: 0.9 !important;
}

.footer-contact-item img.footer-icon {
    filter: brightness(0) invert(1) opacity(0.9) !important;
}

.footer-contact-item svg.footer-icon {
    width: 16px !important;
    height: 16px !important;
    flex-shrink: 0 !important;
    margin-top: 2px !important;
}

.footer-section:first-child .footer-social {
    justify-content: center !important;
    margin-top: var(--spacing-sm) !important;
}

.footer-section:nth-child(2) .footer-social {
    justify-content: center !important;
    margin-top: var(--spacing-sm) !important;
}

.footer-menu {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.footer-menu li {
    margin-bottom: 0.5rem !important;
}

.footer-social {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    margin-top: var(--spacing-sm) !important;
    max-width: 200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.footer-social,
.footer-social *,
.footer-social .social-link,
.footer-social .social-link * {
    text-shadow: none !important;
}

.footer-social .social-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0.5rem 1rem !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
    color: white !important;
    border: none !important;
    flex: 1 1 calc(50% - 0.25rem) !important;
    min-width: calc(50% - 0.25rem) !important;
    max-width: calc(50% - 0.25rem) !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    text-shadow: none !important;
}

.footer-social .social-link.ozon {
    background: #005bff !important;
}

.footer-social .social-link.ozon:hover {
    background: #0044cc !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;
    opacity: 0.9 !important;
}

.footer-social .social-link.vk {
    background: #0077ff !important;
}

.footer-social .social-link.vk:hover {
    background: #0055cc !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;
    opacity: 0.9 !important;
}

.footer-social .social-link.wildberries {
    background: #a026ff !important;
}

.footer-social .social-link.wildberries:hover {
    background: #8b1dd9 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;
    opacity: 0.9 !important;
}

.footer-social .social-link.telegram {
    background: #0088cc !important;
}

.footer-social .social-link.telegram:hover {
    background: #0077b5 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;
    opacity: 0.9 !important;
}

.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
    padding-top: var(--spacing-md) !important;
    text-align: center !important;
    color: rgba(255, 255, 255, 0.6) !important;
}

.footer-bottom p {
    margin: 0.5rem 0 !important;
    font-size: 0.9rem !important;
}

.footer-credits {
    font-size: 0.85rem !important;
    opacity: 0.7 !important;
}

/* Показываем все элементы WOOF */
.woof_redraw_zone > * {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.woof_submit_search_form_container {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Адаптивность футера */
@media (max-width: 768px) {
    .footer-content {
        grid-template-columns: 1fr !important;
        gap: var(--spacing-md) !important;
    }
    
    .footer-social {
        max-width: 100% !important;
        flex-direction: row !important;
    }
    
    .footer-social .social-link {
        font-size: 0.85rem !important;
        padding: 0.4rem 0.8rem !important;
    }
}

/* Стили для боковой панели фильтров */
.woocommerce-shop-wrapper {
    display: flex !important;
    flex-direction: row !important;
    gap: var(--spacing-lg) !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    justify-content: flex-start !important;
    padding: 0 !important;
    position: relative !important;
}

/* На больших экранах центрируем весь блок фильтр+товары */
@media (min-width: 1400px) {
    .woocommerce-shop-wrapper {
        max-width: 1400px !important;
        margin: 0 auto !important;
        padding: 0 1rem !important;
    }
}

/* Прижимаем весь блок фильтр+товары к левому краю на средних экранах */
#content .woocommerce-shop-wrapper {
    margin: 0 auto !important;
    padding: 0 !important;
    max-width: 100% !important;
}

.woocommerce-products-wrapper {
    flex: 1 !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: calc(100% - 250px - 2rem) !important;
}

.woocommerce-sidebar,
#secondary,
.widget-area {
    background: var(--bg-white) !important;
    padding: var(--spacing-md) !important;
    border-radius: 0 !important;
    border-right: 2px solid var(--border-color) !important;
    position: relative !important;
    top: auto !important;
    max-height: none !important;
    overflow: visible !important;
    flex: 0 0 280px !important;
    width: 280px !important;
    min-width: 280px !important;
    margin-right: var(--spacing-lg) !important;
    margin-left: 0 !important;
    left: 0 !important;
    box-shadow: 2px 0 8px rgba(0,0,0,0.05) !important;
}

/* Убираем прокрутку у внутренних элементов sidebar */
.woocommerce-sidebar .widget,
#secondary .widget,
.widget-area .widget {
    overflow: visible !important;
    max-height: none !important;
}

/* Убираем прокрутку у woof блоков */
.woocommerce-sidebar .woof_block_html_items,
#secondary .woof_block_html_items {
    max-height: none !important;
    overflow-y: visible !important;
    overflow-x: hidden !important;
}

/* Улучшаем отображение фильтров - убираем границы */
.woocommerce-sidebar .woof_container,
#secondary .woof_container {
    margin-bottom: var(--spacing-md) !important;
    padding-bottom: var(--spacing-md) !important;
    border-bottom: none !important;
}

.woocommerce-sidebar .woof_container:last-child,
#secondary .woof_container:last-child {
    border-bottom: none !important;
}

/* Убираем границы между виджетами */
.woocommerce-sidebar .widget,
#secondary .widget {
    border-bottom: none !important;
    margin-bottom: var(--spacing-md) !important;
    padding-bottom: var(--spacing-md) !important;
}

.woocommerce-sidebar .widget:last-child,
#secondary .widget:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Скрываем старый виджет категорий, чтобы не мелькал */
.widget_product_categories:not(.custom-categories-widget) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Стиль для кнопок категорий - убираем красную ауру и делаем toggle */
.widget_product_categories .product-categories a,
.widget_product_categories .product-categories li a,
.widget_product_categories .product-categories li.cat-item a,
.product-categories a,
.product-categories li a,
.product-categories li.cat-item a {
    display: inline-block !important;
    padding: 0.5rem 1rem !important;
    margin: 0.25rem 0 !important;
    background: var(--bg-white) !important;
    border: 2px solid var(--border-color) !important;
    border-radius: var(--radius-md) !important;
    color: var(--text-color) !important;
    text-decoration: none !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
    text-align: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    outline: none !important;
}

.product-categories a:hover,
.product-categories li a:hover {
    background: var(--orange-warm) !important;
    border-color: var(--orange-warm) !important;
    color: white !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 2px 8px rgba(255, 140, 66, 0.3) !important;
}

/* Активное состояние категорий - оранжевый, без красной ауры, убираем все красные стили */
.widget_product_categories .product-categories li.current-cat > a,
.widget_product_categories .product-categories li.current-cat-parent > a,
.widget_product_categories .product-categories li.on > a,
.widget_product_categories .product-categories li.cat-item.on > a,
.product-categories li.current-cat > a,
.product-categories li.current-cat-parent > a,
.product-categories li.on > a,
.product-categories li.cat-item.on > a,
.product-categories li.current-cat a,
.product-categories li.current-cat-parent a {
    background: var(--orange-warm) !important;
    background-color: var(--orange-warm) !important;
    border-color: var(--orange-warm) !important;
    border-width: 2px !important;
    color: white !important;
    font-weight: 600 !important;
    box-shadow: 0 2px 8px rgba(255, 140, 66, 0.3) !important;
    outline: none !important;
    transform: none !important;
}

/* Убираем красные hover эффекты */
.widget_product_categories .product-categories li.current-cat > a:hover,
.widget_product_categories .product-categories li.current-cat-parent > a:hover,
.widget_product_categories .product-categories li.on > a:hover,
.widget_product_categories .product-categories li.cat-item.on > a:hover,
.product-categories li.current-cat > a:hover,
.product-categories li.current-cat-parent > a:hover,
.product-categories li.on > a:hover,
.product-categories li.cat-item.on > a:hover {
    background: var(--orange-warm-dark) !important;
    background-color: var(--orange-warm-dark) !important;
    border-color: var(--orange-warm-dark) !important;
    color: white !important;
}

/* Убираем все красные цвета от родительской темы - более агрессивно */
.widget_product_categories .product-categories li.current-cat,
.widget_product_categories .product-categories li.current-cat-parent,
.widget_product_categories .product-categories li.on,
.widget_product_categories .product-categories li.cat-item.on,
.product-categories li.current-cat,
.product-categories li.current-cat-parent,
.product-categories li.on,
.product-categories li.cat-item.on,
.widget_product_categories .product-categories li.current-cat *,
.widget_product_categories .product-categories li.current-cat-parent *,
.widget_product_categories .product-categories li.on *,
.widget_product_categories .product-categories li.cat-item.on *,
.product-categories li.current-cat *,
.product-categories li.current-cat-parent *,
.product-categories li.on *,
.product-categories li.cat-item.on * {
    background: transparent !important;
    background-color: transparent !important;
    color: inherit !important;
}

.product-categories li.current-cat > a:before,
.product-categories li.current-cat-parent > a:before,
.product-categories li.on > a:before,
.product-categories li.cat-item.on > a:before {
    display: none !important;
    content: none !important;
}

/* Переопределяем все возможные красные стили */
.product-categories li.current-cat > a,
.product-categories li.current-cat-parent > a,
.product-categories li.on > a,
.product-categories li.cat-item.on > a {
    background: var(--primary-color) !important;
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: white !important;
    font-weight: 600 !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Убираем красные псевдоэлементы */
.product-categories li.current-cat > a::before,
.product-categories li.current-cat-parent > a::before,
.product-categories li.on > a::before,
.product-categories li.cat-item.on > a::before,
.product-categories li.current-cat > a::after,
.product-categories li.current-cat-parent > a::after,
.product-categories li.on > a::after,
.product-categories li.cat-item.on > a::after {
    display: none !important;
    content: none !important;
}

/* Компактные и приятные кнопки фильтров WOOF */
.woof_list,
.woof_list_label {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.4rem !important;
    justify-content: center !important;
    align-items: center !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0.5rem 0 !important;
}

.woof_list li,
.woof_list_label li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Скрываем input элементы визуально, но оставляем функциональными */
.woof_label_term input[type="checkbox"],
.woof_label_term input[type="radio"],
.woof_list_label .woof_label_term input[type="checkbox"],
.woof_list_label .woof_label_term input[type="radio"],
.woof_label_term input[type="hidden"],
.woof_list_label .woof_label_term input[type="hidden"] {
    position: absolute !important;
    opacity: 0 !important;
    width: 1px !important;
    height: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
    clip: rect(0, 0, 0, 0) !important;
}

.woof_label_term label,
.woof_list_label .woof_label_term label,
.woof_wcga_label_hide {
    display: none !important;
    visibility: hidden !important;
    position: absolute !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.woof_label_term,
.woof_list_label .woof_label_term {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0.4rem 0.6rem !important;
    margin: 0 !important;
    background: var(--bg-white) !important;
    border: 1.5px solid var(--border-color) !important;
    border-radius: 6px !important;
    color: var(--text-color) !important;
    text-decoration: none !important;
    font-size: 0.85rem !important;
    font-weight: 500 !important;
    transition: all 0.2s ease !important;
    text-align: center !important;
    min-width: 45px !important;
    max-width: 70px !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    position: relative !important;
    user-select: none !important;
}

.woof_label_term:hover,
.woof_list_label .woof_label_term:hover {
    background: var(--orange-warm) !important;
    border-color: var(--orange-warm) !important;
    color: white !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 6px rgba(255, 140, 66, 0.25) !important;
}

/* Активное состояние фильтров WOOF - более заметное */
.woof_label_term.woof_label_term_selected,
.woof_list_label .woof_label_term.woof_label_term_selected,
.woof_term.on .woof_label_term,
.woof_term.woof_term_selected .woof_label_term,
.woof_label_term.checked,
.woof_list_label .woof_label_term.checked,
li.woof_term.on .woof_label_term,
li.woof_term.checked .woof_label_term {
    background: var(--orange-warm) !important;
    border-color: var(--orange-warm) !important;
    color: white !important;
    font-weight: 600 !important;
    box-shadow: 0 2px 8px rgba(255, 140, 66, 0.4) !important;
    transform: scale(1.05) !important;
}

/* Для длинных текстов (например, "Двухместная") */
.woof_container_pa_passenger .woof_label_term,
.woof_list_label li:has(.woof_label_term:contains("Двухместная")) .woof_label_term,
.woof_list_label li:has(.woof_label_term:contains("Одноместная")) .woof_label_term {
    min-width: 100px !important;
    max-width: 120px !important;
    font-size: 0.8rem !important;
    padding: 0.4rem 0.5rem !important;
    white-space: normal !important;
    line-height: 1.3 !important;
    height: auto !important;
    min-height: 44px !important;
}

/* Альтернативный способ через data-атрибуты и классы */
.woof_list_label .woof_label_term[data-name*="Двухместная"],
.woof_list_label .woof_label_term[data-name*="Одноместная"],
.woof_list_label li.woof_term_16 .woof_label_term,
.woof_list_label li.woof_term_17 .woof_label_term {
    min-width: 100px !important;
    max-width: 120px !important;
    font-size: 0.8rem !important;
    padding: 0.4rem 0.5rem !important;
    white-space: normal !important;
    line-height: 1.3 !important;
    height: auto !important;
    min-height: 44px !important;
}

/* Стиль для кнопки "СБРОС ФИЛЬТРОВ" */
.woof_submit_search_form_container {
    display: block !important;
    visibility: visible !important;
    margin: var(--spacing-md) 0 0 0 !important;
    padding: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.woof_reset_search_form,
button.woof_reset_search_form {
    display: block !important;
    width: 100% !important;
    padding: 0.6rem 1rem !important;
    margin: 0 !important;
    background: var(--text-light) !important;
    border: 2px solid var(--border-color) !important;
    border-radius: var(--radius-md) !important;
    color: var(--text-color) !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    text-align: center !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    min-height: 42px !important;
}

.woof_reset_search_form:hover,
button.woof_reset_search_form:hover {
    background: var(--text-color) !important;
    border-color: var(--text-color) !important;
    color: white !important;
    transform: translateY(-2px) !important;
    box-shadow: var(--shadow) !important;
}

.woocommerce-sidebar h3,
.woocommerce-sidebar h4,
#secondary h3,
#secondary h4 {
    font-size: 1rem !important;
    font-weight: 600 !important;
    margin-bottom: var(--spacing-sm) !important;
    color: var(--text-color) !important;
    padding-bottom: var(--spacing-xs) !important;
    border-bottom: 2px solid var(--primary-color) !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
}

/* Центрируем заголовки в woof контейнерах */
.woof_container h4,
.woof_container_inner h4 {
    text-align: center !important;
    display: block !important;
    width: 100% !important;
}

/* Центрируем списки фильтров */
.woof_list,
.woof_list_label,
.woof_block_html_items ul {
    text-align: center !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woof_list li,
.woof_list_label li {
    display: inline-block !important;
    margin: 0 !important;
}

/* КРИТИЧНО: Прижимаем sidebar к левому краю страницы */
#content .woocommerce-shop-wrapper {
    padding-left: 0 !important;
    margin-left: 0 !important;
    position: relative !important;
}

/* Убираем padding-left у всех родительских контейнеров для sidebar */
.row.column-content-wrapper {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

#main-wrapper .container,
#main-content .container {
    padding-left: 0 !important;
}

/* Прижимаем sidebar к самому левому краю */
aside#secondary.woocommerce-sidebar,
#secondary.widget-area {
    margin-left: 0 !important;
    left: 0 !important;
    position: relative !important;
    padding-left: var(--spacing-md) !important;
    padding-right: var(--spacing-md) !important;
    max-height: none !important;
    overflow: visible !important;
    height: auto !important;
}

/* Для больших экранов: прижимаем sidebar к краю */
@media (min-width: 769px) {
    .woocommerce-shop-wrapper {
        position: relative !important;
        padding-left: 0 !important;
        margin-left: 0 !important;
    }
    
    aside#secondary.woocommerce-sidebar,
    #secondary.widget-area {
        margin-left: 0 !important;
        left: 0 !important;
        position: relative !important;
        max-height: none !important;
        overflow: visible !important;
        height: auto !important;
    }
    
    /* Убираем все отступы слева у родительских элементов */
    #main-content .container,
    #main-wrapper .container,
    .row.column-content-wrapper,
    #content {
        padding-left: 0 !important;
    }
    
    /* На больших экранах центрируем весь блок, но sidebar остается слева */
    @media (min-width: 1920px) {
        .woocommerce-shop-wrapper {
            max-width: 1400px !important;
            margin: 0 auto !important;
        }
        
        aside#secondary.woocommerce-sidebar,
        #secondary.widget-area {
            left: 0 !important;
            margin-left: 0 !important;
        }
    }
}

/* Убираем все отступы у tc-page-wrap */
#tc-page-wrap {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    overflow-x: hidden !important;
    transform: translateY(0) !important;
}

/* КРИТИЧНО: Центрируем header */
body header.tc-header,
#tc-page-wrap header.tc-header,
header.tc-header.clearfix {
    background-image: url('/wp-content/uploads/2025/12/72c07dd4-a6f6-4bbb-853b-4002d58a4573.jpg') !important;
    background-color: transparent !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin: 0 auto !important;
    max-width: 1200px !important;
    width: 100% !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    box-sizing: border-box !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    display: block !important;
}

/* КРИТИЧНО: Центрируем main-content на больших экранах */
body main#main-content,
body #main-content.section,
#tc-page-wrap main#main-content,
#tc-page-wrap #main-content.section,
main#main-content.section {
    margin: 0 auto !important;
    padding: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    display: block !important;
}

/* На больших экранах (2K и выше) ограничиваем ширину и центрируем */
@media (min-width: 1920px) {
    body main#main-content,
    body #main-content.section,
    #tc-page-wrap main#main-content,
    #tc-page-wrap #main-content.section {
        max-width: 1600px !important;
        margin: 0 auto !important;
        padding: 0 1rem !important;
    }
}

/* Убираем отступы у всех вложенных контейнеров Customizr */
#main-content .container,
#main-wrapper .container,
#main-wrapper.container {
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    left: 0 !important;
    box-sizing: border-box !important;
}

.row.column-content-wrapper {
    margin: 0 !important;
    padding: 0 !important;
    left: 0 !important;
    width: 100% !important;
}

#content.span12,
#content,
.span12,
.span9,
.span3 {
    margin: 0 !important;
    padding: 0 !important;
    left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Убираем отступы у article-container */
.article-container {
    margin: 0 !important;
    padding: 0 !important;
    left: 0 !important;
}

#main-wrapper,
#main-wrapper.container {
    margin: 0 auto !important;
    padding: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
}

/* На больших экранах ограничиваем ширину */
@media (min-width: 1920px) {
    #main-wrapper,
    #main-wrapper.container {
        max-width: 1600px !important;
        margin: 0 auto !important;
        padding: 0 1rem !important;
    }
}

#main-content {
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    top: 0 !important;
    left: 0 !important;
}

#main-content .container {
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    left: 0 !important;
}

#main-wrapper .container {
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    left: 0 !important;
}

.row.column-content-wrapper {
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    left: 0 !important;
}

#content {
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    left: 0 !important;
}

.woocommerce-shop-wrapper {
    max-width: 100% !important;
    margin: 0 auto !important;
    width: 100% !important;
    justify-content: flex-start !important;
}

/* Убираем блок "Акция!" */
#sow-editor-2,
.widget_sow-editor,
aside#sow-editor-2 {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce .widget {
    margin-bottom: var(--spacing-md) !important;
    padding-bottom: var(--spacing-md) !important;
    border-bottom: 1px solid var(--border-color) !important;
}

.woocommerce .widget:last-child {
    border-bottom: none !important;
}

.woocommerce .widget-title {
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    margin-bottom: var(--spacing-sm) !important;
    color: var(--secondary-color) !important;
}

@media (max-width: 768px) {
    .woocommerce-shop-wrapper {
        flex-direction: column !important;
    }
    
    .woocommerce-sidebar {
        position: relative !important;
        top: 0 !important;
        max-height: none !important;
        flex: 1 1 100% !important;
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: var(--spacing-md) !important;
    }
    
    .tc-header .row-fluid {
        flex-wrap: wrap !important;
    }
    
    .tc-header .navbar-wrapper {
        order: 3 !important;
        width: 100% !important;
        margin-top: 1rem !important;
    }
    
    .tc-header .header-social-buttons {
        order: 2 !important;
        margin-left: auto !important;
    }
    
    .tc-header .nav,
    .tc-header .tc-hover-menu {
        flex-direction: column !important;
        width: 100% !important;
    }
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    background: var(--primary-color);
    color: white;
    border: none;
    padding: 12px 24px;
    border-radius: var(--radius-md);
    font-weight: 600;
    transition: all 0.3s ease;
    display: inline-block;
    cursor: pointer;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    background: var(--primary-dark);
    transform: translateY(-2px);
    box-shadow: var(--shadow);
    color: white;
}

/* Страница товара */
.woocommerce div.product {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-lg);
    margin-bottom: var(--spacing-lg);
}

.woocommerce div.product .woocommerce-product-gallery {
    margin-bottom: 0;
}

.woocommerce div.product .summary {
    padding: var(--spacing-md);
}

.woocommerce div.product .price {
    font-size: 2rem;
    color: var(--primary-color);
    margin: var(--spacing-sm) 0;
}

/* Корзина */
.woocommerce-cart table.cart {
    width: 100%;
    border-collapse: collapse;
}

.woocommerce-cart table.cart th,
.woocommerce-cart table.cart td {
    padding: var(--spacing-sm);
    border-bottom: 1px solid var(--border-color);
}

.woocommerce-cart .cart_totals {
    background: var(--bg-light);
    padding: var(--spacing-md);
    border-radius: var(--radius-lg);
}

/* ============================================
   ФУТЕР
   ============================================ */

footer,
.tc-footer {
    background: var(--secondary-color) !important;
    color: white !important;
    padding: var(--spacing-xl) 0 var(--spacing-md) !important;
    margin-top: var(--spacing-xl) !important;
}

footer a,
.tc-footer a {
    color: rgba(255,255,255,0.8) !important;
}

footer a:not(.social-link):hover,
.tc-footer a:not(.social-link):hover {
    color: var(--orange-warm) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

/* Улучшаем стили футера Customizr */
.tc-footer .container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
    margin-bottom: 2rem;
}

.tc-footer h4 {
    color: white !important;
    margin-bottom: 1rem;
}

/* ============================================
   АДАПТИВНОСТЬ (MOBILE FIRST)
   ============================================ */

@media (max-width: 768px) {
    :root {
        --spacing-xl: 2rem;
        --spacing-lg: 1.5rem;
    }
    
    .hero-section h1 {
        font-size: 2rem;
    }
    
    .hero-section p {
        font-size: 1rem;
    }
    
    .hero-buttons {
        flex-direction: column;
    }
    
    .hero-buttons .btn {
        width: 100%;
    }
    
    .features-grid {
        grid-template-columns: 1fr;
    }
    
    .woocommerce ul.products {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    }
    
    .tc-header .navbar-nav,
    .tc-header .navbar .nav {
        flex-direction: column;
        width: 100%;
        gap: var(--spacing-xs);
    }
    
    /* Адаптивная сетка для about section */
    .section > .container > div[style*="grid-template-columns"] {
        grid-template-columns: 1fr !important;
    }
    
    /* Адаптивная страница товара */
        .woocommerce div.product {
            grid-template-columns: 1fr;
        }
}

/* Стили для страницы контактов - двухколоночный макет */
.contacts-page-layout,
div.contacts-page-layout,
.entry-content .contacts-page-layout,
.post-content .contacts-page-layout,
.tc-content-inner .contacts-page-layout,
article .contacts-page-layout {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 2rem !important;
    margin: 3rem 0 2rem 0 !important;
    align-items: flex-start !important;
    position: relative !important;
    width: 100% !important;
    box-sizing: border-box !important;
    clear: both !important;
    float: none !important;
}

.contacts-left-column,
div.contacts-left-column,
.contacts-page-layout .contacts-left-column {
    width: 100% !important;
    float: none !important;
    display: block !important;
    box-sizing: border-box !important;
}

.contacts-left-column table {
    width: 100% !important;
    margin-bottom: 1.5rem !important;
}

.contacts-right-column,
div.contacts-right-column,
.contacts-page-layout .contacts-right-column {
    width: 100% !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    float: none !important;
    display: block !important;
    box-sizing: border-box !important;
}

/* Контактная форма */
.contacts-right-column .aquapro-contact-form {
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
}

.contacts-right-column .aquapro-contact-field {
    margin-bottom: 16px;
}

.contacts-right-column .aquapro-contact-field label {
    display: block;
    font-weight: 600;
    margin-bottom: 6px;
    color: #222;
}

.contacts-right-column .aquapro-contact-field input,
.contacts-right-column .aquapro-contact-field textarea {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    padding: 12px 14px;
    font-size: 16px;
    line-height: 1.5;
    font-family: var(--font-primary);
    background: #fff;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    caret-color: #222;
}

.contacts-right-column .aquapro-contact-field input:focus,
.contacts-right-column .aquapro-contact-field textarea:focus {
    outline: none;
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.15);
}

.contacts-right-column .aquapro-contact-submit {
    background: var(--primary-color);
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 12px 20px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.2s ease;
}

.contacts-right-column .aquapro-contact-submit:hover {
    background: var(--primary-dark);
    transform: translateY(-1px);
}

.contacts-right-column .aquapro-contact-submit:disabled,
.contacts-right-column .aquapro-contact-submit[aria-disabled="true"] {
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;
}

.contacts-right-column .aquapro-contact-success,
.contacts-right-column .aquapro-contact-error {
    margin-bottom: 16px;
    padding: 12px 14px;
    border-radius: 8px;
    font-weight: 600;
}

.aquapro-pdf-actions,
.aquapro-pdf-action {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 16px;
}

.aquapro-pdf-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    background: var(--primary-color);
    color: #fff;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none !important;
    transition: background 0.2s ease, transform 0.2s ease;
}

.aquapro-pdf-button:hover {
    background: var(--primary-dark);
    transform: translateY(-1px);
    color: #fff;
    text-decoration: none !important;
}

.aquapro-pdf-button.aquapro-pdf-download {
    background: #4b5563;
}

.aquapro-pdf-button.aquapro-pdf-download:hover {
    background: #374151;
    color: #fff;
    text-decoration: none !important;
}

.aquapro-pdf-button:focus,
.aquapro-pdf-button:visited {
    color: #fff;
    text-decoration: none !important;
}

.contacts-right-column .aquapro-contact-success {
    background: rgba(0, 168, 232, 0.12);
    color: #055a7a;
}

.contacts-right-column .aquapro-contact-error {
    background: rgba(220, 53, 69, 0.12);
    color: #8a1f2a;
}

.contacts-right-column #nf-form-1-cont,
.contacts-right-column .nf-form-cont {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 0 !important;
}

/* Скрываем стандартный заголовок на странице контактов, так как он теперь в левой колонке */
article#post-116 .entry-header,
.page-id-116 .entry-header,
.page-kontakty .entry-header {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

article#post-116 .entry-header .entry-title,
.page-id-116 .entry-header .entry-title,
.page-kontakty .entry-header .entry-title {
    display: none !important;
}

/* Черный цвет для заголовков страниц */
.entry-title,
h1.entry-title,
h2.entry-title,
h3.entry-title {
    color: #000000 !important;
}

/* Черный цвет для заголовка формы контактов */
.aquapro-contact-title,
h3.aquapro-contact-title {
    color: #000000 !important;
}

/* Черный цвет для жирного текста (телефоны, email) */
strong {
    color: #000000 !important;
}

/* Добавляем отступ сверху для блока контактов, чтобы компенсировать скрытый заголовок */
article#post-116 .entry-content .contacts-page-layout,
.page-id-116 .entry-content .contacts-page-layout,
.page-kontakty .entry-content .contacts-page-layout {
    margin-top: 3rem !important;
    padding-top: 0 !important;
}

/* Выравнивание правой колонки с заголовком */
article#post-116 .contacts-right-column,
.page-id-116 .contacts-right-column,
.page-kontakty .contacts-right-column {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Выравнивание формы с блоком телефонов слева */
article#post-116 .contacts-right-column .aquapro-contact-form,
.page-id-116 .contacts-right-column .aquapro-contact-form,
.page-kontakty .contacts-right-column .aquapro-contact-form {
    margin-top: 0;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    .contacts-page-layout {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
    }
    
    .contacts-left-column {
        order: 1 !important;
    }
    
    .contacts-right-column {
        order: 2 !important;
    }
}

@media (max-width: 480px) {
    .hero-section h1 {
        font-size: 1.75rem;
    }
    
    .btn {
        padding: 12px 24px;
        font-size: 14px;
    }
}

/* ============================================
   УТИЛИТЫ
   ============================================ */

.container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 var(--spacing-sm) !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Центрируем все контейнеры - убираем лишние отступы */
#main-wrapper.container,
#main-wrapper .container,
#main-content .container,
.woocommerce-shop-wrapper,
.row.column-content-wrapper {
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: var(--spacing-sm) !important;
    padding-right: var(--spacing-sm) !important;
}

/* Убираем лишние отступы от родительских контейнеров */
body #tc-page-wrap {
    margin: 0 auto !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    display: block !important;
}

#tc-page-wrap #main-wrapper,
#tc-page-wrap #main-wrapper.container {
    margin-left: auto !important;
    margin-right: auto !important;
    margin: 0 auto !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    width: 100% !important;
    max-width: 1200px !important;
    box-sizing: border-box !important;
}

/* Убираем все лишние отступы слева */
body,
html {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    overflow-x: hidden !important;
}

#tc-page-wrap {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
}

/* Принудительно центрируем все вложенные контейнеры */
#main-wrapper .container,
#main-content .container,
.row.column-content-wrapper,
.czr-shop-container,
.czr-shop-page-wrapper {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1200px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

/* Переопределяем стили Customizr для центрирования */
.czr-shop-container {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin: 0 auto !important;
    padding: 0 1rem !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.czr-shop-page-wrapper {
    margin-left: auto !important;
    margin-right: auto !important;
    margin: 0 auto !important;
    max-width: 1200px !important;
    padding: 0 1rem !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Центрируем row-fluid от Customizr */
.row-fluid {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1200px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Убираем все float и позиционирование, которое может сдвигать контент */
#main-wrapper,
#main-content,
.row.column-content-wrapper,
#content {
    float: none !important;
    position: relative !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* КРИТИЧНО: центрируем весь контент через body */
body.woocommerce-shop #main-wrapper,
body.woocommerce-page #main-wrapper,
body.woocommerce #main-wrapper {
    margin-left: auto !important;
    margin-right: auto !important;
    margin: 0 auto !important;
    max-width: 1200px !important;
    width: 100% !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    box-sizing: border-box !important;
}

/* Центрируем через все уровни вложенности */
body #tc-page-wrap #main-wrapper .container .row.column-content-wrapper {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1200px !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.section {
    padding: var(--spacing-xl) 0;
}

.text-center {
    text-align: center;
}

.mt-1 { margin-top: var(--spacing-sm); }
.mt-2 { margin-top: var(--spacing-md); }
.mt-3 { margin-top: var(--spacing-lg); }

.mb-1 { margin-bottom: var(--spacing-sm); }
.mb-2 { margin-bottom: var(--spacing-md); }
.mb-3 { margin-bottom: var(--spacing-lg); }


/* Дополнительные улучшения для мобильных устройств */
@media (max-width: 768px) {
    /* Отступ слева для контента, чтобы не накладывался на мобильные кнопки */
    body .woocommerce-products-wrapper,
    body #content .woocommerce-products-wrapper,
    body .woocommerce-shop-wrapper .woocommerce-products-wrapper,
    body .woocommerce .woocommerce-products-wrapper {
        padding-left: 45px !important;
        margin-left: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* Убираем дополнительные отступы у родительских контейнеров на мобильных */
    body .woocommerce-shop-wrapper {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }
    
    body #content {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }
    
    /* Отступ для контейнера товаров */
    body .woocommerce ul.products {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }
    
    /* Отступ для всего контента страницы каталога */
    body #content.woocommerce-shop,
    body #content.woocommerce-page,
    body.woocommerce-shop #content,
    body.woocommerce-page #content {
        padding-left: 0 !important;
    }
    
    /* Отступ для контейнера контента */
    body .row.column-content-wrapper #content {
        padding-left: 0 !important;
    }
    
    /* Отступ для shop-wrapper */
    body .woocommerce-shop-wrapper {
        padding-left: 0 !important;
    }
    
    /* Уменьшаем размеры изображений в карточках */
    .woocommerce ul.products li.product .woocommerce-loop-product__link > img,
    .woocommerce ul.products li.product a.woocommerce-loop-product__link > img,
    .woocommerce ul.products li.product .attachment-woocommerce_thumbnail {
        min-height: 200px !important;
        max-height: 200px !important;
        height: 200px !important;
    }
    
    /* Улучшаем отступы в карточках */
    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 0.9rem !important;
        margin-bottom: 0.5rem !important;
    }
    
    .woocommerce ul.products li.product .price {
        font-size: 1rem !important;
    }
    
    /* Улучшаем hero-section на планшетах */
    .hero-section {
        padding: 1.75rem 0 !important;
    }
    
    .hero-section h1 {
        font-size: 2.25rem !important;
    }
    
    /* Адаптация таблиц на мобильных */
    .contacts-left-column table {
        font-size: 0.9rem !important;
    }
    
    .contacts-left-column table td {
        padding: 0.5rem !important;
    }
    
    /* Адаптация заголовков */
    .entry-title,
    h1.entry-title {
        font-size: 1.75rem !important;
        margin-bottom: 1rem !important;
    }
    
    .aquapro-contact-title,
    h3.aquapro-contact-title {
        font-size: 1.25rem !important;
    }
    
    /* Адаптация форм */
    .contacts-right-column .aquapro-contact-field input,
    .contacts-right-column .aquapro-contact-field textarea {
        font-size: 17px !important; /* Предотвращает зум на iOS */
    }
    
    /* Адаптация кнопок */
    .aquapro-pdf-actions {
        flex-direction: column !important;
    }
    
    .aquapro-pdf-button {
        width: 100% !important;
        justify-content: center !important;
    }
}

@media (max-width: 480px) {
    /* Дополнительные улучшения для маленьких экранов */
    .hero-section {
        padding: 1.5rem 0 !important;
    }
    
    .hero-section h1 {
        font-size: 1.75rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    .hero-section p {
        font-size: 0.9rem !important;
        margin-bottom: 1rem !important;
    }
    
    .hero-buttons {
        flex-direction: column !important;
        gap: 0.5rem !important;
    }
    
    .hero-buttons .btn {
        width: 100% !important;
        padding: 12px 24px !important;
        font-size: 17px !important;
    }
    
    .contacts-page-layout {
        margin: 1.5rem 0 1rem 0 !important;
    }
}

/* Явное скрытие мобильных элементов на десктопе */
@media (min-width: 769px) {
    .mobile-menu-toggle,
    .mobile-menu-overlay,
    .mobile-menu-panel,
    .mobile-filters-toggle,
    .mobile-filters-overlay,
    .mobile-filters-modal {
        display: none !important;
    }
}

/* ============================================
   КРИТИЧЕСКИЕ ИСПРАВЛЕНИЯ ДЛЯ МОБИЛЬНЫХ КНОПОК
   ============================================ */

/* Улучшаем видимость кнопки-гамбургера */
.mobile-menu-toggle {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 0.75rem !important;
}

.mobile-menu-toggle span {
    margin: 5px auto !important;
}

/* Явное скрытие на десктопе */
@media (min-width: 769px) {
    .mobile-menu-toggle,
    .mobile-menu-overlay,
    .mobile-menu-panel,
    .mobile-filters-toggle,
    .mobile-filters-overlay,
    .mobile-filters-modal {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
}

/* Явное отображение на мобильных */
@media (max-width: 768px) {
    .mobile-menu-toggle {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }
    
    .mobile-filters-toggle {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }
}

/* КРИТИЧЕСКОЕ: Агрессивное скрытие sidebar на мобильных */
@media (max-width: 768px) {
    aside#secondary,
    aside#secondary.woocommerce-sidebar,
    #secondary,
    #secondary.widget-area,
    .woocommerce-sidebar,
    .widget-area.woocommerce-sidebar,
    .woocommerce-shop-wrapper aside,
    .woocommerce-shop-wrapper #secondary,
    .row.column-content-wrapper aside,
    .row.column-content-wrapper #secondary {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        width: 0 !important;
        overflow: hidden !important;
        position: absolute !important;
        left: -9999px !important;
    }
    
    /* Убеждаемся, что кнопки видны */
    .mobile-menu-toggle {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        left: auto !important;
        width: 44px !important;
        height: 44px !important;
    }
    
    .mobile-filters-toggle {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        left: auto !important;
        width: 100% !important;
    }
}

/* Плавающие кнопки на мобильных - всегда видны при скролле */
@media (max-width: 768px) {
    .mobile-menu-toggle {
        position: fixed !important;
        left: 10px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        z-index: 10000 !important;
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
        min-height: 50px !important;
        background: var(--orange-warm) !important;
        border-radius: 50% !important;
        box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
        border: none !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    .mobile-menu-toggle span {
        background: #fff !important;
        width: 22px !important;
        margin: 3px auto !important;
    }
    
    .mobile-filters-toggle {
        position: fixed !important;
        left: 10px !important;
        top: calc(50% + 60px) !important;
        z-index: 10000 !important;
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
        min-height: 50px !important;
        background: var(--orange-warm) !important;
        border-radius: 50% !important;
        box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
        border: none !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 1.2rem !important;
        color: #fff !important;
        text-align: center !important;
        line-height: 1 !important;
        margin: 0 !important;
    }
    
    .mobile-filters-toggle::before {
        content: "☰" !important;
        margin: 0 !important;
    }
    
    /* Анимация при нажатии */
    .mobile-menu-toggle:active,
    .mobile-filters-toggle:active {
        transform: translateY(-50%) scale(0.95) !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.2) !important;
    }
    
    .mobile-filters-toggle:active {
        transform: scale(0.95) !important;
    }
}

/* ============================================
   ПЛАВАЮЩИЕ КНОПКИ В ЛЕВОМ НИЖНЕМ УГЛУ
   ============================================ */

@media (max-width: 768px) {
    /* Общие стили для всех плавающих кнопок (только вне контейнера) */
    .mobile-menu-toggle:not(.mobile-buttons-container .mobile-menu-toggle),
    .mobile-filters-toggle:not(.mobile-buttons-container .mobile-filters-toggle),
    .mobile-social-toggle:not(.mobile-buttons-container .mobile-social-toggle) {
        position: fixed !important;
        left: 15px !important;
        bottom: 80px !important;
        z-index: 10000 !important;
        width: 56px !important;
        height: 56px !important;
        min-width: 56px !important;
        min-height: 56px !important;
        background: var(--orange-warm) !important;
        border-radius: 50% !important;
        box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
        border: 1px solid #888 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        transition: all 0.3s ease !important;
    }
    
    /* Кнопка меню - самая нижняя (только вне контейнера) */
    .mobile-menu-toggle:not(.mobile-buttons-container .mobile-menu-toggle) {
        bottom: 80px !important;
    }
    
    .mobile-menu-toggle span {
        display: block !important;
        width: 32px !important;
        height: 3px !important;
        background: #fff !important;
        margin: 3px 0 !important;
        border-radius: 2px !important;
        transition: all 0.3s ease !important;
    }
    
    .mobile-menu-toggle.active span:nth-child(1) {
        transform: rotate(45deg) translate(6px, 6px) !important;
    }
    
    .mobile-menu-toggle.active span:nth-child(2) {
        opacity: 0 !important;
    }
    
    .mobile-menu-toggle.active span:nth-child(3) {
        transform: rotate(-45deg) translate(6px, -6px) !important;
    }
    
    /* Кнопка фильтров - средняя (только вне контейнера) */
    .mobile-filters-toggle:not(.mobile-buttons-container .mobile-filters-toggle) {
        bottom: 150px !important;
        font-size: 1.5rem !important;
        color: #fff !important;
        line-height: 1 !important;
    }
    
    /* Кнопка соцсетей - верхняя (только вне контейнера) */
    .mobile-social-toggle:not(.mobile-buttons-container .mobile-social-toggle) {
        bottom: 220px !important;
        font-size: 1.5rem !important;
        color: #fff !important;
        line-height: 1 !important;
    }
    
    /* Анимация при нажатии */
    .mobile-menu-toggle:active,
    .mobile-filters-toggle:active,
    .mobile-social-toggle:active {
        transform: scale(0.9) !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.2) !important;
    }
    
    /* Стили для модального окна соцсетей */
    .mobile-social-overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        z-index: 1000000 !important;
        opacity: 0;
        transition: opacity 0.3s ease;
    }
    
    .mobile-social-overlay.active {
        display: block;
        opacity: 1;
    }
    
    .mobile-social-modal {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0.9);
        width: 90%;
        max-width: 400px;
        max-height: calc(98vh + 100px);
        background: var(--bg-white);
        border-radius: var(--radius-lg);
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
        z-index: 1000001 !important;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        opacity: 0;
        transition: all 0.3s ease;
    }
    
    .mobile-social-modal.active {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
    
    .mobile-social-modal .modal-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1.25rem 1.5rem;
        background: var(--orange-warm);
        color: white;
        position: relative;
    }
    
    .mobile-social-modal .modal-header h3 {
        margin: 0;
        font-size: 1.25rem;
        font-weight: 600;
        color: white;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: auto;
    }
    
    .mobile-social-modal .modal-close {
        background: transparent;
        border: none;
        color: white;
        font-size: 1.5rem;
        cursor: pointer;
        padding: 0.25rem 0.5rem;
        line-height: 1;
        flex-shrink: 0;
        margin-left: auto;
    }
    
    .mobile-social-list {
        padding: 0 1.5rem 1.5rem 1.5rem;
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
    
    .mobile-social-item {
        display: block;
        padding: 1rem 1.5rem;
        background: var(--bg-light);
        border-radius: var(--radius-md);
        text-decoration: none;
        color: var(--text-color);
        font-weight: 600;
        text-align: center;
        transition: all 0.3s ease;
    }
    
    .mobile-social-item:hover {
        background: var(--orange-warm);
        color: white;
        transform: translateY(-2px);
    }
    
    .mobile-social-item.ozon {
        background: #005BFF;
        color: white;
    }
    
    .mobile-social-item.vk {
        background: #0077FF;
        color: white;
    }
    
    .mobile-social-item.wildberries {
        background: #9B1A30;
        color: white;
    }
    
    .mobile-social-item.telegram {
        background: #0088cc;
        color: white;
    }
    
    /* Блок информации в модальном окне соцсетей */
    .mobile-social-info {
        margin-top: 2px;
        padding: 0 1.5rem 8px 1.5rem;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }
    
    .mobile-social-info-title {
        margin: 0.5rem 0 1rem 0;
        font-size: 1.1rem;
        font-weight: 600;
        color: var(--text-color);
        text-align: center;
    }
    
    .mobile-social-info-item {
        margin: 0.75rem 0;
        font-size: 0.9rem;
        color: var(--text-color);
        line-height: 1.5;
        display: flex;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .mobile-social-info-item:last-child {
        margin-bottom: 0;
    }
    
    .mobile-social-info-icon {
        flex-shrink: 0;
        margin-top: 0.1rem;
    }
    
    .mobile-social-info-item a {
        color: #000;
        text-decoration: underline;
        text-decoration-color: rgba(0, 0, 0, 0.3);
        cursor: pointer;
    }
}

/* Убираем дублирующиеся элементы внизу страницы на мобильных */
@media (max-width: 768px) {
    /* Скрываем старые панели, если они остались */
    .mobile-menu-panel:not(.active),
    .mobile-filters-modal:not(.active),
    .mobile-social-modal:not(.active) {
        display: none !important;
        visibility: hidden !important;
    }
    
    /* Убеждаемся, что overlay скрыт, когда не активен */
    .mobile-menu-overlay:not(.active),
    .mobile-filters-overlay:not(.active),
    .mobile-social-overlay:not(.active) {
        display: none !important;
    }
}

/* КРИТИЧЕСКИЕ ИСПРАВЛЕНИЯ: Скрытие панелей по умолчанию */
.mobile-menu-panel {
    display: none !important;
}

.mobile-menu-panel.active {
    display: block !important;
}

.mobile-filters-modal {
    display: none !important;
}

.mobile-filters-modal.active {
    display: flex !important;
}

.mobile-social-modal {
    display: none !important;
}

.mobile-social-modal.active {
    display: flex !important;
}

/* Убираем дублирующиеся элементы внизу страницы */
@media (max-width: 768px) {
    .mobile-menu-panel:not(.active),
    .mobile-filters-modal:not(.active),
    .mobile-social-modal:not(.active) {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
}

/* ============================================
   ИСПРАВЛЕНИЯ: Порядок кнопок и модальные окна
   ============================================ */

@media (max-width: 768px) {
    /* Кнопка меню навигации - самая нижняя (1) */
    .mobile-menu-toggle {
        bottom: 20px !important;
    }
    
    /* Кнопка фильтров - средняя (2) */
    .mobile-filters-toggle {
        bottom: 90px !important;
    }
    
    /* Кнопка соцсетей - верхняя (3) */
    .mobile-social-toggle {
        bottom: 160px !important;
    }
    
    /* Модальное окно для меню навигации (как у фильтров) */
    .mobile-menu-overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        z-index: 9998;
        opacity: 0;
        transition: opacity 0.3s ease;
    }
    
    .mobile-menu-overlay.active {
        display: block;
        opacity: 1;
    }
    
    .mobile-menu-modal {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0.9);
        width: 90%;
        max-width: 400px;
        max-height: 85vh;
        background: var(--bg-white);
        border-radius: var(--radius-lg);
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
        z-index: 1000001 !important;
        overflow: hidden;
        display: none;
        flex-direction: column;
        opacity: 0;
        transition: all 0.3s ease;
    }
    
    .mobile-menu-modal.active {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
        display: flex;
    }
    
    .mobile-menu-modal .modal-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1.25rem 1.5rem;
        background: var(--orange-warm);
        color: white;
        position: relative;
    }
    
    .mobile-menu-modal .modal-header h3 {
        margin: 0;
        font-size: 1.25rem;
        font-weight: 600;
        color: white;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: auto;
    }
    
    .mobile-menu-modal .modal-close {
        background: transparent;
        border: none;
        color: white;
        font-size: 1.5rem;
        cursor: pointer;
        padding: 0.25rem 0.5rem;
        line-height: 1;
        flex-shrink: 0;
        margin-left: auto;
    }
    
    .mobile-menu-list {
        padding: 1.5rem;
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }
    
    .mobile-menu-item {
        display: block;
        padding: 1rem 1.5rem;
        background: var(--bg-light);
        border-radius: var(--radius-md);
        text-decoration: none;
        color: var(--text-color);
        font-weight: 600;
        text-align: center;
        transition: all 0.3s ease;
    }
    
    .mobile-menu-item:hover {
        background: var(--orange-warm);
        color: white;
        transform: translateY(-2px);
    }
    
    /* Исправление цвета Wildberries на красный */
    .mobile-social-item.wildberries {
        background: #9B1A30 !important;
        color: white !important;
    }
    
    /* Улучшенные иконки для кнопок */
    .mobile-menu-toggle {
        font-size: 1.5rem !important;
        color: #fff !important;
        line-height: 1 !important;
    }
    
    .mobile-filters-toggle {
        font-size: 1.5rem !important;
        color: #fff !important;
        line-height: 1 !important;
    }
    
    .mobile-social-toggle {
        font-size: 1.5rem !important;
        color: #fff !important;
        line-height: 1 !important;
    }
    
    /* Скрываем старую панель меню */
    .mobile-menu-panel {
        display: none !important;
    }
}

/* Скрытие старой панели меню и показ модального окна */
.mobile-menu-panel {
    display: none !important;
    visibility: hidden !important;
}

.mobile-menu-modal {
    display: none !important;
}

.mobile-menu-modal.active {
    display: flex !important;
}

/* ============================================
   ГРУППИРОВАННЫЕ КНОПКИ В ЛЕВОМ НИЖНЕМ УГЛУ
   ============================================ */

@media (max-width: 768px) {
    /* Контейнер для группировки кнопок */
    .mobile-buttons-container {
        position: fixed !important;
        left: 15px !important;
        bottom: 20px !important;
        z-index: 10000 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 15px !important;
        align-items: center !important;
    }
    
    /* Общие стили для всех кнопок */
    .mobile-buttons-container .mobile-menu-toggle,
    .mobile-buttons-container .mobile-filters-toggle,
    .mobile-buttons-container .mobile-social-toggle {
        width: 56px !important;
        height: 56px !important;
        min-width: 56px !important;
        min-height: 56px !important;
        background: var(--orange-warm) !important;
        border-radius: 50% !important;
        box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
        border: 1px solid #888 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        transition: all 0.3s ease !important;
        font-size: 1.5rem !important;
        color: #fff !important;
        line-height: 1 !important;
        margin: 0 !important;
        position: relative !important;
    }
    
    /* Порядок кнопок (снизу вверх) */
    .mobile-buttons-container .mobile-social-toggle {
        order: 1; /* Соцсети - самая нижняя */
    }
    
    .mobile-buttons-container .mobile-menu-toggle {
        order: 2; /* Меню - средняя */
    }
    
    .mobile-buttons-container .mobile-filters-toggle {
        order: 3; /* Фильтры - верхняя */
    }
    
    /* Анимация при нажатии */
    .mobile-buttons-container button:active {
        transform: scale(0.9) !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.2) !important;
    }
    
    /* Активное состояние */
    .mobile-buttons-container button.active {
        background: var(--orange-warm-dark) !important;
        box-shadow: 0 6px 16px rgba(255, 140, 66, 0.4) !important;
    }
    
    /* Модальные окна - общие стили */
    .mobile-menu-overlay,
    .mobile-filters-overlay,
    .mobile-social-overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        z-index: 1000000 !important;
        opacity: 0;
        transition: opacity 0.3s ease;
    }
    
    .mobile-menu-overlay.active,
    .mobile-filters-overlay.active,
    .mobile-social-overlay.active {
        display: block;
        opacity: 1;
    }
    
    .mobile-menu-modal,
    .mobile-filters-modal,
    .mobile-social-modal {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0.9);
        width: 90%;
        max-width: 400px;
        max-height: calc(98vh + 100px);
        background: var(--bg-white);
        border-radius: var(--radius-lg);
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
        z-index: 1000001 !important;
        overflow: hidden;
        display: none;
        flex-direction: column;
        opacity: 0;
        transition: all 0.3s ease;
    }
    
    .mobile-menu-modal.active,
    .mobile-filters-modal.active,
    .mobile-social-modal.active {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
        display: flex;
    }
    
    /* Заголовки модальных окон */
    .mobile-menu-modal .modal-header,
    .mobile-filters-modal .modal-header,
    .mobile-social-modal .modal-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1.25rem 1.5rem;
        background: var(--orange-warm);
        color: white;
        position: relative;
    }
    
    .mobile-menu-modal .modal-header h3,
    .mobile-filters-modal .modal-header h3,
    .mobile-social-modal .modal-header h3 {
        margin: 0;
        font-size: 1.25rem;
        font-weight: 600;
        color: white;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: auto;
    }
    
    .mobile-menu-modal .modal-close,
    .mobile-filters-modal .modal-close,
    .mobile-social-modal .modal-close {
        background: transparent;
        border: none;
        color: white;
        font-size: 1.5rem;
        cursor: pointer;
        padding: 0.25rem 0.5rem;
        line-height: 1;
        flex-shrink: 0;
        margin-left: auto;
    }
    
    /* Тело модальных окон */
    .mobile-menu-modal .modal-body,
    .mobile-filters-modal .modal-body {
        padding: 1.5rem;
        overflow-y: auto;
        flex: 1;
    }
    
    .mobile-social-modal .modal-body {
        padding: 15px 1.5rem 1.5rem 1.5rem;
        overflow-y: auto;
        flex: 1;
        min-height: 510px;
    }
    
    /* Список меню */
    .mobile-menu-list {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }
    
    .mobile-menu-item {
        display: block;
        padding: 1rem 1.5rem;
        background: var(--bg-light);
        border-radius: var(--radius-md);
        text-decoration: none;
        color: var(--text-color);
        font-weight: 600;
        text-align: center;
        transition: all 0.3s ease;
    }
    
    .mobile-menu-item:hover {
        background: var(--orange-warm);
        color: white;
        transform: translateY(-2px);
    }
    
    /* Список соцсетей */
    .mobile-social-list {
        padding: 0 1.5rem 1.5rem 1.5rem;
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
    
    .mobile-social-item {
        display: block;
        padding: 1rem 1.5rem;
        border-radius: var(--radius-md);
        text-decoration: none;
        font-weight: 600;
        text-align: center;
        transition: all 0.3s ease;
        color: white;
    }
    
    .mobile-social-item.ozon {
        background: #005BFF !important;
    }
    
    .mobile-social-item.vk {
        background: #0077FF !important;
    }
    
    .mobile-social-item.wildberries {
        background: #9B1A30 !important;
    }
    
    .mobile-social-item.telegram {
        background: #0088cc !important;
    }
    
    .mobile-social-item:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    }
    
    /* Футер для фильтров */
    .mobile-filters-modal .modal-footer {
        padding: 1rem 1.5rem;
        background: var(--bg-light);
        border-top: 1px solid var(--border-color);
        display: flex;
        gap: 1rem;
        justify-content: flex-end;
    }
    
    .mobile-filters-modal .btn-apply {
        background: var(--orange-warm);
        color: white;
        border: none;
        padding: 0.75rem 2rem;
        border-radius: var(--radius-md);
        font-weight: 600;
        cursor: pointer;
        transition: all 0.3s ease;
    }
    
    .mobile-filters-modal .btn-apply:hover {
        background: var(--orange-warm-dark);
    }
    
    .mobile-filters-modal .btn-close {
        background: var(--bg-white);
        color: var(--text-color);
        border: 1px solid var(--border-color);
        padding: 0.75rem 2rem;
        border-radius: var(--radius-md);
        font-weight: 600;
        cursor: pointer;
        transition: all 0.3s ease;
    }
    
    .mobile-filters-modal .btn-close:hover {
        background: var(--bg-light);
        border-color: var(--orange-warm);
        color: var(--orange-warm);
    }
}

/* КРИТИЧЕСКОЕ ИСПРАВЛЕНИЕ: Цвет Wildberries - красный */
.mobile-social-item.wildberries,
a.mobile-social-item.wildberries {
    background: #9B1A30 !important;
    color: white !important;
}

.mobile-social-item.wildberries:hover {
    background: #7a1525 !important;
    color: white !important;
}

/* УДАЛЕНИЕ СТАРЫХ СТИЛЕЙ КНОПОК - они теперь в контейнере */
@media (max-width: 768px) {
    /* Удаляем старые позиционирования кнопок */
    .mobile-menu-toggle:not(.mobile-buttons-container .mobile-menu-toggle),
    .mobile-filters-toggle:not(.mobile-buttons-container .mobile-filters-toggle),
    .mobile-social-toggle:not(.mobile-buttons-container .mobile-social-toggle) {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        bottom: auto !important;
    }
    
    /* Убеждаемся, что кнопки видны только в контейнере */
    .mobile-menu-toggle:not(.mobile-buttons-container .mobile-menu-toggle),
    .mobile-filters-toggle:not(.mobile-buttons-container .mobile-filters-toggle),
    .mobile-social-toggle:not(.mobile-buttons-container .mobile-social-toggle) {
        display: none !important;
    }
}

/* ============================================
   ИСПРАВЛЕНИЕ: Группированные кнопки без наслоения
   ============================================ */

@media (max-width: 768px) {
    /* Контейнер для группировки кнопок - фиксированное позиционирование */
    .mobile-buttons-container {
        position: fixed !important;
        left: 15px !important;
        bottom: 20px !important;
        z-index: 10000 !important;
        display: flex !important;
        flex-direction: column-reverse !important;
        gap: 15px !important;
        align-items: center !important;
        pointer-events: none !important;
    }
    
    /* Кнопки внутри контейнера */
    .mobile-buttons-container > button {
        width: 56px !important;
        height: 56px !important;
        min-width: 56px !important;
        min-height: 56px !important;
        max-width: 56px !important;
        max-height: 56px !important;
        background: var(--orange-warm) !important;
        border-radius: 50% !important;
        box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
        border: 1px solid #888 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        transition: all 0.3s ease !important;
        font-size: 0 !important;
        color: #fff !important;
        line-height: 1 !important;
        margin: 0 !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        pointer-events: auto !important;
        flex-shrink: 0 !important;
    }
    
    /* SVG иконки внутри кнопок */
    .mobile-buttons-container > button svg {
        width: 26px !important;
        height: 26px !important;
        stroke: #fff !important;
        fill: none !important;
    }
    
    /* Порядок кнопок (с column-reverse: визуально сверху вниз = Фильтры, Меню, Соцсети) */
    .mobile-buttons-container .mobile-social-toggle {
        order: 1 !important; /* Соцсети - визуально нижняя (в column-reverse первая в DOM = последняя визуально) */
        width: 56px !important;
        height: 56px !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    
    .mobile-buttons-container .mobile-menu-toggle {
        order: 2 !important; /* Меню - визуально средняя */
        width: 56px !important;
        height: 56px !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    
    .mobile-buttons-container .mobile-filters-toggle {
        order: 3 !important; /* Фильтры - визуально верхняя (в column-reverse последняя в DOM = первая визуально) */
        width: 56px !important;
        height: 56px !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    
    /* Анимация при нажатии */
    .mobile-buttons-container > button:active {
        transform: scale(0.9) !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.2) !important;
    }
    
    /* Активное состояние */
    .mobile-buttons-container > button.active {
        background: var(--orange-warm-dark) !important;
        box-shadow: 0 6px 16px rgba(255, 140, 66, 0.4) !important;
    }
    
    /* Скрываем все кнопки вне контейнера */
    .mobile-menu-toggle:not(.mobile-buttons-container .mobile-menu-toggle),
    .mobile-filters-toggle:not(.mobile-buttons-container .mobile-filters-toggle),
    .mobile-social-toggle:not(.mobile-buttons-container .mobile-social-toggle) {
        display: none !important;
    }
    
    /* ИСПРАВЛЕНИЕ: Цвет Wildberries - фиолетовый как в header */
    .mobile-social-item.wildberries,
    a.mobile-social-item.wildberries {
        background: #a026ff !important;
        color: white !important;
    }
    
    .mobile-social-item.wildberries:hover {
        background: #8b1dd9 !important;
        color: white !important;
    }
}

/* Стили для модального окна меню */
.mobile-menu-modal .modal-header h3 {
    color: white !important;
}

.mobile-menu-item {
    border: 2px solid var(--orange-warm) !important;
    border-radius: var(--radius-md) !important;
}

.mobile-menu-item:hover {
    border-color: var(--orange-warm-dark) !important;
}

/* Дополнительные стили для модального окна меню - гарантируем применение */
.mobile-menu-modal .modal-header h3 {
    color: white !important;
}

.mobile-menu-item {
    border: 2px solid var(--orange-warm) !important;
}

.mobile-menu-item:hover {
    border-color: var(--orange-warm-dark) !important;
}

/* Исправление визуальной дырки - убираем лишний gap когда фильтров нет */
@media (max-width: 768px) {
    /* Если кнопка фильтров отсутствует, gap между меню и соцсетями остается нормальным */
    .mobile-buttons-container .mobile-menu-toggle:not(:has(+ .mobile-filters-toggle)) + .mobile-social-toggle {
        margin-top: 0 !important;
    }
    
    /* Заголовок "Соцсети" белый */
    .mobile-social-modal .modal-header h3 {
        color: white !important;
    }
}

/* Исправление: кнопки должны быть выше капчи Google и других элементов */
.mobile-buttons-container {
    z-index: 99999 !important; /* Выше капчи Google (обычно 200000, но мы используем очень высокий) */
}

.mobile-buttons-container > button {
    z-index: 99999 !important;
    pointer-events: auto !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Модальные окна должны быть выше кнопок и капчи */
.mobile-menu-overlay,
.mobile-filters-overlay,
.mobile-social-overlay {
    z-index: 1000000 !important;
}

.mobile-menu-modal,
.mobile-filters-modal,
.mobile-social-modal {
    z-index: 1000001 !important;
}

/* Дополнительные исправления для страницы контактов - кнопки должны быть кликабельными */
.mobile-buttons-container,
.mobile-buttons-container * {
    pointer-events: auto !important;
}

.mobile-buttons-container > button {
    pointer-events: auto !important;
    cursor: pointer !important;
    touch-action: manipulation !important; /* Для мобильных устройств */
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    margin: 0 !important;
}

/* Убеждаемся, что кнопки не перекрываются капчей Google */
body > .mobile-buttons-container {
    z-index: 999999 !important;
    position: fixed !important;
}

/* Заголовок "Фильтры" белый */
.mobile-filters-modal .modal-header h3 {
    color: white !important;
}

/* Убеждаемся, что контент фильтров виден */
.mobile-filters-modal .modal-body {
    overflow-y: auto !important;
    max-height: 60vh !important;
}

.mobile-filters-content {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.mobile-filters-content * {
    visibility: visible !important;
}

/* Стили для модального окна фильтров */
.mobile-filters-list {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.mobile-filter-section {
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 1rem;
}

.mobile-filter-section:last-child {
    border-bottom: none;
}

.mobile-filter-section-title {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0 0 0.75rem 0;
    color: var(--text-color);
}

.mobile-filter-items {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.mobile-filter-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    cursor: pointer;
    border-radius: var(--radius-md);
    transition: all 0.3s ease;
}

.mobile-filter-item:hover {
    background: var(--bg-light);
}

.mobile-filter-item.active {
    background: rgba(255, 140, 66, 0.1);
}

.mobile-filter-checkbox {
    width: 20px;
    height: 20px;
    cursor: pointer;
    accent-color: var(--orange-warm);
}

.mobile-filter-label {
    font-size: 0.95rem;
    color: var(--text-color);
    cursor: pointer;
    user-select: none;
}

.mobile-filter-item.active .mobile-filter-label {
    color: var(--orange-warm);
    font-weight: 600;
}

/* Стили для кнопки сброса фильтров */
.mobile-filters-modal .modal-footer {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.mobile-filters-modal .btn-reset {
    background: var(--bg-light);
    color: var(--text-color);
    border: 1px solid var(--border-color);
    padding: 0.75rem 1.5rem;
    border-radius: var(--radius-md);
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    flex: 1;
    min-width: 120px;
}

.mobile-filters-modal .btn-reset:hover {
    background: var(--bg-white);
    border-color: var(--orange-warm);
    color: var(--orange-warm);
}

.mobile-filters-modal .btn-close {
    flex: 1;
    min-width: 100px;
}

.mobile-filters-modal .btn-apply {
    flex: 1;
    min-width: 100px;
}

/* Исправление футера фильтров - кнопка сброса вверху, остальные внизу */
.mobile-filters-modal .modal-footer {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.5rem;
}

.mobile-filters-modal .btn-reset {
    width: 100%;
    background: var(--bg-light);
    color: var(--text-color);
    border: 1px solid var(--border-color);
    padding: 0.75rem 1.5rem;
    border-radius: var(--radius-md);
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.mobile-filters-modal .btn-reset:hover {
    background: var(--bg-white);
    border-color: var(--orange-warm);
    color: var(--orange-warm);
}

.mobile-filters-modal .modal-footer-buttons {
    display: flex;
    gap: 0.75rem;
    width: 100%;
}

.mobile-filters-modal .modal-footer-buttons .btn-close,
.mobile-filters-modal .modal-footer-buttons .btn-apply {
    flex: 1;
}

/* Убеждаемся, что чекбоксы фильтров можно свободно изменять */
.mobile-filter-checkbox {
    pointer-events: auto !important;
    cursor: pointer !important;
    -webkit-appearance: checkbox !important;
    appearance: checkbox !important;
}

.mobile-filter-item {
    pointer-events: auto !important;
    cursor: pointer !important;
}

.mobile-filter-item label {
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* ============================================
   АДАПТИВНОСТЬ СТРАНИЦЫ ТОВАРА ДЛЯ МОБИЛЬНЫХ
   ============================================ */

/* Адаптивность для страницы товара на мобильных */
@media (max-width: 768px) {
    /* Основной контейнер страницы товара */
    body.single-product #main-content,
    body.single-product #content,
    body.single-product .woocommerce {
        padding: 15px 10px !important;
    }
    
    .ozon-product-page {
        padding: 15px 10px !important;
        max-width: 100% !important;
    }
    
    /* Верхняя часть товара - одна колонка на мобильных */
    .ozon-product-top {
        display: flex !important;
        flex-direction: column !important;
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        padding: 15px !important;
        margin-bottom: 30px !important;
        border-radius: 8px !important;
    }
    
    /* Галерея изображений */
    .ozon-product-images {
        width: 100% !important;
        max-width: 100% !important;
        order: 1 !important;
    }
    
    .ozon-product-gallery {
        width: 100% !important;
    }
    
    .ozon-gallery-main {
        width: 100% !important;
        border-radius: 8px !important;
    }
    
    .ozon-main-image-wrapper {
        padding: 15px !important;
    }
    
    .ozon-main-image {
        max-height: 300px !important;
        width: 100% !important;
        height: auto !important;
    }
    
    /* Миниатюры галереи */
    .ozon-gallery-thumbnails {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 15px !important;
        justify-content: center !important;
        margin-top: 10px !important;
    }
    
    .ozon-thumbnail-wrapper {
        width: 60px !important;
        height: 60px !important;
        min-width: 60px !important;
        min-height: 60px !important;
    }
    
    /* Информация о товаре */
    .ozon-product-info {
        width: 100% !important;
        order: 2 !important;
        padding: 0 !important;
    }
    
    .ozon-product-info h1.product_title {
        font-size: 22px !important;
        line-height: 1.3 !important;
        margin-bottom: 15px !important;
    }
    
    .ozon-product-info .price {
        font-size: 24px !important;
        margin-bottom: 15px !important;
    }
    
    .ozon-product-info .price ins .amount,
    .ozon-product-info .price ins bdi {
        font-size: 24px !important;
    }
    
    .ozon-product-info .price del {
        font-size: 22px !important;
    }
    
    .ozon-product-info .price del .amount,
    .ozon-product-info .price del bdi {
        font-size: 22px !important;
    }
    
    /* Кнопки покупки */
    .ozon-product-info .single_add_to_cart_button,
    .ozon-product-info .btn-ozon,
    .ozon-product-info .btn-wildberries {
        width: 100% !important;
        max-width: 100% !important;
        margin: 12px 0 !important;
        padding: 14px 20px !important;
        font-size: 17px !important;
        display: block !important;
    }
    
    /* Мета информация */
    .ozon-product-info .product_meta {
        font-size: 17px !important;
        margin-top: 20px !important;
    }
    
    .ozon-product-info .product_meta span {
        display: block !important;
        margin-bottom: 15px !important;
    }
    
    /* Описание товара */
    .ozon-product-info .woocommerce-product-details__short-description {
        font-size: 17px !important;
        line-height: 1.6 !important;
        margin-bottom: 20px !important;
    }
}

/* Адаптивность для очень маленьких экранов */
@media (max-width: 480px) {
    .ozon-product-top {
        padding: 12px !important;
        gap: 15px !important;
    }
    
    .ozon-main-image {
        max-height: 250px !important;
    }
    
    .ozon-product-info h1.product_title {
        font-size: 22px !important;
    }
    
    .ozon-product-info .price {
        font-size: 22px !important;
    }
    
    .ozon-product-info .price ins .amount,
    .ozon-product-info .price ins bdi {
        font-size: 22px !important;
    }
    
    .ozon-thumbnail-wrapper {
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
        min-height: 50px !important;
    }
    
    .ozon-product-info .single_add_to_cart_button,
    .ozon-product-info .btn-ozon,
    .ozon-product-info .btn-wildberries {
        padding: 12px 16px !important;
        font-size: 17px !important;
    }
}

/* Дополнительные улучшенные стили для адаптивности страницы товара */
@media (max-width: 768px) {
    /* Контейнеры - убираем ограничения ширины */
    body.single-product #main-wrapper.container,
    body.single-product .container,
    body.single-product .row.column-content-wrapper,
    body.single-product #content {
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        box-sizing: border-box !important;
    }
    
    /* Блок товара - полная ширина */
    .ozon-product-top,
    div.ozon-product-top,
    #content .ozon-product-top,
    body.single-product .ozon-product-top,
    #product-18294 .ozon-product-top,
    div#product-18294 .ozon-product-top {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* Галерея и изображения - полная ширина */
    .ozon-product-image,
    .ozon-product-images,
    div.ozon-product-image,
    div.ozon-product-images,
    .ozon-product-top .ozon-product-image,
    .ozon-product-top .ozon-product-images {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }
    
    .ozon-product-gallery,
    .ozon-product-gallery--with-image,
    .ozon-product-gallery--with-images,
    div.ozon-product-gallery {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }
    
    .ozon-gallery-main,
    div.ozon-gallery-main {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }
    
    .ozon-main-image-wrapper,
    div.ozon-main-image-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }
    
    .ozon-main-image,
    img.ozon-main-image {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        box-sizing: border-box !important;
    }
    
    /* Информация о товаре - полная ширина */
    .ozon-product-info,
    div.ozon-product-info {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }
}

@media (max-width: 480px) {
    body.single-product #main-wrapper.container,
    body.single-product .container {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    
    .ozon-main-image,
    img.ozon-main-image {
        max-height: 250px !important;
    }
}

/* Кнопки покупки на странице товара - адаптивность */
@media (max-width: 768px) {
    /* Контейнер кнопок */
    .ozon-product-info .product-action,
    div.product-action,
    .ozon-product-info div.product-action {
        display: flex !important;
        flex-direction: column !important;
        gap: 15px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 20px !important;
    }
    
    /* Кнопки покупки - полная ширина, друг под другом */
    .ozon-product-info .btn-ozon,
    .ozon-product-info .btn-wildberries,
    .ozon-product-info a.btn-ozon,
    .ozon-product-info a.btn-wildberries,
    .product-action .btn-ozon,
    .product-action .btn-wildberries,
    .product-action a.btn-ozon,
    .product-action a.btn-wildberries {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        margin: 0 !important;
        padding: 14px 20px !important;
        font-size: 17px !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }
}

/* Сворачивание описания товара на мобильных */
@media (max-width: 768px) {
    .ozon-product-info .woocommerce-product-details__short-description {
        position: relative !important;
        max-height: 200px !important; /* Увеличено с 150px до 200px */
        overflow: hidden !important;
        transition: max-height 0.3s ease !important;
    }
    
    .ozon-product-info .woocommerce-product-details__short-description.expanded {
        max-height: none !important;
    }
    
    .ozon-product-info .woocommerce-product-details__short-description::after {
        content: '' !important;
        position: absolute !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        height: 44px !important;
        background: linear-gradient(to bottom, transparent, #ffffff) !important;
        pointer-events: none !important;
        opacity: 1 !important;
        transition: opacity 0.3s ease !important;
    }
    
    .ozon-product-info .woocommerce-product-details__short-description.expanded::after {
        opacity: 0 !important;
        display: none !important;
    }
    
    /* Кнопка развернуть/свернуть */
    .product-description-toggle {
        display: block !important;
        width: 100% !important;
        margin-top: 10px !important;
        padding: 10px !important;
        background: var(--bg-light) !important;
        border: 1px solid var(--border-color) !important;
        border-radius: var(--radius-md) !important;
        color: var(--text-color) !important;
        font-size: 17px !important;
        font-weight: 600 !important;
        text-align: center !important;
        cursor: pointer !important;
        transition: all 0.3s ease !important;
    }
    
    .product-description-toggle:hover {
        background: var(--orange-warm) !important;
        color: white !important;
        border-color: var(--orange-warm) !important;
    }
    
    .product-description-toggle::after {
        content: ' ▼' !important;
        font-size: 12px !important;
    }
    
    .product-description-toggle.expanded::after {
        content: ' ▲' !important;
    }
}

@media (min-width: 769px) {
    .product-description-toggle {
        display: none !important;
    }
}

/* Дополнительные стили для кнопок покупки на странице товара - более специфичные */
@media (max-width: 768px) {
    /* Контейнер кнопок - принудительно колонка */
    body.single-product .ozon-product-info .product-action,
    body.single-product div.product-action,
    body.single-product .ozon-product-info div.product-action,
    .ozon-product-info .product-action,
    div.product-action {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        gap: 15px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 20px !important;
        align-items: stretch !important;
    }
    
    /* Кнопки покупки - полная ширина, друг под другом */
    body.single-product .ozon-product-info .btn-ozon,
    body.single-product .ozon-product-info .btn-wildberries,
    body.single-product .ozon-product-info a.btn-ozon,
    body.single-product .ozon-product-info a.btn-wildberries,
    body.single-product .product-action .btn-ozon,
    body.single-product .product-action .btn-wildberries,
    body.single-product .product-action a.btn-ozon,
    body.single-product .product-action a.btn-wildberries,
    .ozon-product-info .btn-ozon,
    .ozon-product-info .btn-wildberries,
    .ozon-product-info a.btn-ozon,
    .ozon-product-info a.btn-wildberries,
    .product-action .btn-ozon,
    .product-action .btn-wildberries,
    .product-action a.btn-ozon,
    .product-action a.btn-wildberries {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        display: block !important;
        margin: 0 !important;
        padding: 14px 20px !important;
        font-size: 17px !important;
        text-align: center !important;
        box-sizing: border-box !important;
        flex: none !important;
    }
}

/* ============================================
   ИСПРАВЛЕНИЕ КНОПОК И ОПИСАНИЯ НА СТРАНИЦЕ ТОВАРА
   ============================================ */

/* Кнопки покупки на странице товара - мобильная версия */
@media (max-width: 768px) {
    /* Контейнер кнопок - принудительно колонка */
    body.single-product .ozon-product-info .product-action,
    body.single-product .ozon-product-info div.product-action,
    body.single-product div.product-action,
    .ozon-product-info .product-action,
    .ozon-product-info div.product-action,
    div.product-action {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        gap: 15px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 20px !important;
        align-items: stretch !important;
        box-sizing: border-box !important;
    }
    
    /* Кнопки - полная ширина, друг под другом */
    body.single-product .ozon-product-info .btn-ozon,
    body.single-product .ozon-product-info .btn-wildberries,
    body.single-product .ozon-product-info a.btn-ozon,
    body.single-product .ozon-product-info a.btn-wildberries,
    body.single-product .product-action .btn-ozon,
    body.single-product .product-action .btn-wildberries,
    body.single-product .product-action a.btn-ozon,
    body.single-product .product-action a.btn-wildberries,
    .ozon-product-info .btn-ozon,
    .ozon-product-info .btn-wildberries,
    .ozon-product-info a.btn-ozon,
    .ozon-product-info a.btn-wildberries,
    .product-action .btn-ozon,
    .product-action .btn-wildberries,
    .product-action a.btn-ozon,
    .product-action a.btn-wildberries,
    a.btn.btn-ozon,
    a.btn.btn-wildberries {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        display: block !important;
        margin: 0 !important;
        padding: 14px 20px !important;
        font-size: 17px !important;
        text-align: center !important;
        box-sizing: border-box !important;
        flex: none !important;
        float: none !important;
    }
}

/* Сворачивание описания товара на мобильных - улучшенные стили */
@media (max-width: 768px) {
    body.single-product .ozon-product-info .woocommerce-product-details__short-description,
    body.single-product .woocommerce-product-details__short-description,
    .ozon-product-info .woocommerce-product-details__short-description {
        position: relative !important;
        max-height: 200px !important; /* Увеличено с 150px до 200px */
        overflow: hidden !important;
        transition: max-height 0.3s ease !important;
    }
    
    body.single-product .ozon-product-info .woocommerce-product-details__short-description.expanded,
    body.single-product .woocommerce-product-details__short-description.expanded,
    .ozon-product-info .woocommerce-product-details__short-description.expanded {
        max-height: none !important;
    }
    
    body.single-product .ozon-product-info .woocommerce-product-details__short-description::after,
    body.single-product .woocommerce-product-details__short-description::after,
    .ozon-product-info .woocommerce-product-details__short-description::after {
        content: '' !important;
        position: absolute !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        height: 44px !important;
        background: linear-gradient(to bottom, transparent, #ffffff) !important;
        pointer-events: none !important;
        opacity: 1 !important;
        transition: opacity 0.3s ease !important;
    }
    
    body.single-product .ozon-product-info .woocommerce-product-details__short-description.expanded::after,
    body.single-product .woocommerce-product-details__short-description.expanded::after,
    .ozon-product-info .woocommerce-product-details__short-description.expanded::after {
        opacity: 0 !important;
        display: none !important;
    }
    
    /* Кнопка развернуть/свернуть */
    body.single-product .product-description-toggle,
    .product-description-toggle {
        display: block !important;
        width: 100% !important;
        margin-top: 10px !important;
        padding: 10px !important;
        background: var(--bg-light) !important;
        border: 1px solid var(--border-color) !important;
        border-radius: var(--radius-md) !important;
        color: var(--text-color) !important;
        font-size: 17px !important;
        font-weight: 600 !important;
        text-align: center !important;
        cursor: pointer !important;
        transition: all 0.3s ease !important;
        box-sizing: border-box !important;
    }
    
    body.single-product .product-description-toggle:hover,
    .product-description-toggle:hover {
        background: var(--orange-warm) !important;
        color: white !important;
        border-color: var(--orange-warm) !important;
    }
    
    body.single-product .product-description-toggle::after,
    .product-description-toggle::after {
        content: ' ▼' !important;
        font-size: 12px !important;
    }
    
    body.single-product .product-description-toggle.expanded::after,
    .product-description-toggle.expanded::after {
        content: ' ▲' !important;
    }
}

@media (min-width: 769px) {
    .product-description-toggle {
        display: none !important;
    }
}

/* КРИТИЧЕСКИ ВАЖНЫЕ СТИЛИ ДЛЯ КНОПОК НА СТРАНИЦЕ ТОВАРА */
@media (max-width: 768px) {
    /* Принудительно делаем кнопки в колонку */
    body.single-product .product-action,
    body.single-product div.product-action,
    body.single-product .ozon-product-info .product-action,
    body.single-product .ozon-product-info div.product-action {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 15px !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    /* Кнопки - 100% ширина */
    body.single-product a.btn.btn-ozon,
    body.single-product a.btn.btn-wildberries,
    body.single-product .product-action a.btn-ozon,
    body.single-product .product-action a.btn-wildberries,
    body.single-product .ozon-product-info a.btn-ozon,
    body.single-product .ozon-product-info a.btn-wildberries {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        display: block !important;
        margin: 0 !important;
        padding: 14px 20px !important;
        font-size: 17px !important;
        text-align: center !important;
        box-sizing: border-box !important;
        float: none !important;
        clear: both !important;
    }
}

/* ЕЩЕ БОЛЕЕ АГРЕССИВНЫЕ СТИЛИ ДЛЯ КНОПОК НА СТРАНИЦЕ ТОВАРА */
@media (max-width: 768px) {
    /* Принудительно делаем контейнер кнопок в колонку */
    body.single-product .product-action,
    body.single-product div.product-action,
    body.single-product .ozon-product-info .product-action,
    body.single-product .ozon-product-info div.product-action,
    .ozon-product-top .product-action,
    .ozon-product-top div.product-action,
    .ozon-product-info .product-action,
    .ozon-product-info div.product-action {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 15px !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* Кнопки - принудительно 100% ширина, друг под другом */
    body.single-product a.btn.btn-ozon,
    body.single-product a.btn.btn-wildberries,
    body.single-product .product-action a.btn-ozon,
    body.single-product .product-action a.btn-wildberries,
    body.single-product .ozon-product-info a.btn-ozon,
    body.single-product .ozon-product-info a.btn-wildberries,
    .ozon-product-top a.btn.btn-ozon,
    .ozon-product-top a.btn.btn-wildberries,
    .ozon-product-info a.btn.btn-ozon,
    .ozon-product-info a.btn.btn-wildberries,
    .product-action a.btn.btn-ozon,
    .product-action a.btn.btn-wildberries,
    a.btn.btn-ozon,
    a.btn.btn-wildberries {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        display: block !important;
        margin: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 14px 20px !important;
        font-size: 17px !important;
        text-align: center !important;
        box-sizing: border-box !important;
        float: none !important;
        clear: both !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
    }
}

/* Увеличиваем высоту свернутого описания */
@media (max-width: 768px) {
    body.single-product .ozon-product-info .woocommerce-product-details__short-description,
    body.single-product .woocommerce-product-details__short-description,
    .ozon-product-info .woocommerce-product-details__short-description {
        max-height: 200px !important; /* Увеличено с 150px до 200px */
    }
}

/* САМЫЕ АГРЕССИВНЫЕ СТИЛИ ДЛЯ КНОПОК - ПЕРЕОПРЕДЕЛЯЕМ ВСЕ */
@media (max-width: 768px) {
    /* Контейнер кнопок - принудительно колонка, переопределяем ВСЕ */
    body.single-product .product-action,
    body.single-product div.product-action,
    body.single-product .ozon-product-info .product-action,
    body.single-product .ozon-product-info div.product-action,
    .ozon-product-top .product-action,
    .ozon-product-top div.product-action,
    .ozon-product-info .product-action,
    .ozon-product-info div.product-action,
    div#product-18314 .product-action,
    div#product-18314 div.product-action {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 15px !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* Кнопки - принудительно 100% ширина, блок, друг под другом */
    body.single-product a.btn.btn-ozon,
    body.single-product a.btn.btn-wildberries,
    body.single-product .product-action a.btn-ozon,
    body.single-product .product-action a.btn-wildberries,
    body.single-product .ozon-product-info a.btn-ozon,
    body.single-product .ozon-product-info a.btn-wildberries,
    .ozon-product-top a.btn.btn-ozon,
    .ozon-product-top a.btn.btn-wildberries,
    .ozon-product-info a.btn.btn-ozon,
    .ozon-product-info a.btn.btn-wildberries,
    .product-action a.btn.btn-ozon,
    .product-action a.btn.btn-wildberries,
    a.btn.btn-ozon,
    a.btn.btn-wildberries,
    div#product-18314 a.btn.btn-ozon,
    div#product-18314 a.btn.btn-wildberries {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        display: block !important;
        margin: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding: 14px 20px !important;
        font-size: 17px !important;
        text-align: center !important;
        box-sizing: border-box !important;
        float: none !important;
        clear: both !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        flex: none !important;
        flex-grow: 0 !important;
        flex-shrink: 0 !important;
        flex-basis: auto !important;
    }
    
    /* Убираем все inline стили через JavaScript-подобные правила */
    body.single-product .product-action *,
    body.single-product .ozon-product-info .product-action * {
        max-width: 100% !important;
    }
}

/* Кнопки покупки - уменьшенная ширина для органичного вида */
@media (max-width: 768px) {
    /* Контейнер кнопок - flex с gap */
    body.single-product .product-action,
    body.single-product div.product-action,
    body.single-product .ozon-product-info .product-action,
    body.single-product .ozon-product-info div.product-action,
    .ozon-product-top .product-action,
    .ozon-product-top div.product-action,
    .ozon-product-info .product-action,
    .ozon-product-info div.product-action {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: stretch !important;
        justify-content: space-between !important;
        gap: 15px !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* Кнопки - по 48% ширины каждая */
    body.single-product a.btn.btn-ozon,
    body.single-product a.btn.btn-wildberries,
    body.single-product .product-action a.btn-ozon,
    body.single-product .product-action a.btn-wildberries,
    body.single-product .ozon-product-info a.btn-ozon,
    body.single-product .ozon-product-info a.btn-wildberries,
    .ozon-product-top a.btn.btn-ozon,
    .ozon-product-top a.btn.btn-wildberries,
    .ozon-product-info a.btn.btn-ozon,
    .ozon-product-info a.btn.btn-wildberries,
    .product-action a.btn.btn-ozon,
    .product-action a.btn.btn-wildberries,
    a.btn.btn-ozon,
    a.btn.btn-wildberries {
        width: calc(50% - 5px) !important;
        max-width: calc(50% - 5px) !important;
        min-width: 0 !important;
        display: block !important;
        margin: 0 !important;
        padding: 12px 15px !important;
        font-size: 17px !important;
        text-align: center !important;
        box-sizing: border-box !important;
        float: none !important;
        clear: none !important;
        position: relative !important;
        flex: 0 0 calc(50% - 5px) !important;
    }
}

/* Описание - показываем только первый параграф */
@media (max-width: 768px) {
    body.single-product .ozon-product-info .woocommerce-product-details__short-description,
    body.single-product .woocommerce-product-details__short-description,
    .ozon-product-info .woocommerce-product-details__short-description {
        position: relative !important;
    }
    
    /* Скрываем все параграфы кроме первого по умолчанию */
    body.single-product .ozon-product-info .woocommerce-product-details__short-description p:not(:first-child),
    body.single-product .woocommerce-product-details__short-description p:not(:first-child),
    .ozon-product-info .woocommerce-product-details__short-description p:not(:first-child) {
        display: none !important;
    }
    
    /* Показываем все параграфы когда expanded */
    body.single-product .ozon-product-info .woocommerce-product-details__short-description.expanded p,
    body.single-product .woocommerce-product-details__short-description.expanded p,
    .ozon-product-info .woocommerce-product-details__short-description.expanded p {
        display: block !important;
    }
    
    /* Убираем градиент, так как показываем только первое предложение */
    body.single-product .ozon-product-info .woocommerce-product-details__short-description::after,
    body.single-product .woocommerce-product-details__short-description::after,
    .ozon-product-info .woocommerce-product-details__short-description::after {
        display: none !important;
    }
}

/* ИСПРАВЛЕНИЕ КНОПОК - ЧТОБЫ НЕ ВЫХОДИЛИ ЗА ГРАНИЦЫ */
@media (max-width: 768px) {
    /* Контейнер кнопок - убеждаемся что он не выходит за границы */
    body.single-product .ozon-product-top .product-action,
    body.single-product .ozon-product-top div.product-action,
    .ozon-product-top .product-action,
    .ozon-product-top div.product-action,
    .ozon-product-info .product-action,
    .ozon-product-info div.product-action {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding: 0 !important;
        margin: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* Кнопки - уменьшенная ширина, чтобы точно помещались */
    body.single-product .ozon-product-top a.btn.btn-ozon,
    body.single-product .ozon-product-top a.btn.btn-wildberries,
    body.single-product .ozon-product-info a.btn.btn-ozon,
    body.single-product .ozon-product-info a.btn.btn-wildberries,
    body.single-product .product-action a.btn.btn-ozon,
    body.single-product .product-action a.btn.btn-wildberries,
    .ozon-product-top a.btn.btn-ozon,
    .ozon-product-top a.btn.btn-wildberries,
    .ozon-product-info a.btn.btn-ozon,
    .ozon-product-info a.btn.btn-wildberries,
    .product-action a.btn.btn-ozon,
    .product-action a.btn.btn-wildberries {
        width: calc(48% - 5px) !important;
        max-width: calc(48% - 5px) !important;
        min-width: 0 !important;
        display: block !important;
        margin: 0 !important;
        padding: 12px 10px !important;
        font-size: 17px !important;
        text-align: center !important;
        box-sizing: border-box !important;
        float: none !important;
        clear: none !important;
        position: relative !important;
        flex: 0 0 calc(48% - 5px) !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
}

/* КРИТИЧЕСКИ ВАЖНЫЕ СТИЛИ ДЛЯ КНОПОК - ПЕРЕОПРЕДЕЛЯЕМ ВСЕ ВОЗМОЖНЫЕ ВАРИАНТЫ */
@media (max-width: 768px) {
    /* Контейнер - принудительно 100% ширина, без отступов */
    body.single-product .ozon-product-top .product-action,
    body.single-product .ozon-product-top div.product-action,
    body.single-product .ozon-product-info .product-action,
    body.single-product .ozon-product-info div.product-action,
    .ozon-product-top .product-action,
    .ozon-product-top div.product-action,
    .ozon-product-info .product-action,
    .ozon-product-info div.product-action,
    div.product-action {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        justify-content: space-between !important;
        gap: 15px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        padding: 0 !important;
        margin: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        overflow: hidden !important;
    }
    
    /* Кнопки - по 46% ширины каждая (еще меньше) */
    body.single-product .ozon-product-top a.btn.btn-ozon,
    body.single-product .ozon-product-top a.btn.btn-wildberries,
    body.single-product .ozon-product-info a.btn.btn-ozon,
    body.single-product .ozon-product-info a.btn.btn-wildberries,
    body.single-product .product-action a.btn.btn-ozon,
    body.single-product .product-action a.btn.btn-wildberries,
    body.single-product .product-action a.btn-ozon,
    body.single-product .product-action a.btn-wildberries,
    .ozon-product-top a.btn.btn-ozon,
    .ozon-product-top a.btn.btn-wildberries,
    .ozon-product-info a.btn.btn-ozon,
    .ozon-product-info a.btn.btn-wildberries,
    .product-action a.btn.btn-ozon,
    .product-action a.btn.btn-wildberries,
    .product-action a.btn-ozon,
    .product-action a.btn-wildberries,
    a.btn.btn-ozon,
    a.btn.btn-wildberries {
        width: calc(25% - 4px) !important;
        max-width: calc(25% - 4px) !important;
        min-width: 0 !important;
        display: block !important;
        margin: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding: 10px 8px !important;
        font-size: 12px !important;
        text-align: center !important;
        box-sizing: border-box !important;
        float: none !important;
        clear: none !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        flex: 0 0 calc(25% - 4px) !important;
        flex-grow: 0 !important;
        flex-shrink: 0 !important;
        flex-basis: calc(25% - 4px) !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
}

/* ДОПОЛНИТЕЛЬНАЯ ПРОВЕРКА - УБЕЖДАЕМСЯ ЧТО КОНТЕЙНЕР НЕ ОГРАНИЧИВАЕТ */
@media (max-width: 768px) {
    /* Убеждаемся что родительский контейнер не ограничивает */
    body.single-product .ozon-product-top,
    .ozon-product-top {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    body.single-product .ozon-product-info,
    .ozon-product-info {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* Еще более специфичные селекторы для кнопок */
    body.single-product .ozon-product-top .product-action a.btn.btn-ozon,
    body.single-product .ozon-product-top .product-action a.btn.btn-wildberries,
    body.single-product .ozon-product-info .product-action a.btn.btn-ozon,
    body.single-product .ozon-product-info .product-action a.btn.btn-wildberries {
        width: calc(25% - 4px) !important;
        max-width: calc(25% - 4px) !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        left: auto !important;
        right: auto !important;
        position: relative !important;
    }
}

/* МАКСИМАЛЬНО АГРЕССИВНЫЕ СТИЛИ - ПЕРЕОПРЕДЕЛЯЕМ ВСЕ */
@media (max-width: 768px) {
    /* Убираем все возможные ограничения с контейнеров */
    body.single-product .ozon-product-top *,
    .ozon-product-top * {
        max-width: 100% !important;
    }
    
    /* Контейнер кнопок - максимально строгие правила */
    body.single-product .ozon-product-top .product-action,
    body.single-product .ozon-product-top div.product-action,
    body.single-product .ozon-product-info .product-action,
    body.single-product .ozon-product-info div.product-action,
    .ozon-product-top .product-action,
    .ozon-product-top div.product-action,
    .ozon-product-info .product-action,
    .ozon-product-info div.product-action,
    div.product-action {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        justify-content: space-between !important;
        gap: 15px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        padding: 0 !important;
        margin: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        overflow: visible !important;
    }
    
    /* Кнопки - максимально строгие правила, еще меньше ширина */
    body.single-product .ozon-product-top .product-action a,
    body.single-product .ozon-product-top .product-action a.btn,
    body.single-product .ozon-product-top .product-action a.btn-ozon,
    body.single-product .ozon-product-top .product-action a.btn-wildberries,
    body.single-product .ozon-product-top .product-action a.btn.btn-ozon,
    body.single-product .ozon-product-top .product-action a.btn.btn-wildberries,
    body.single-product .ozon-product-info .product-action a,
    body.single-product .ozon-product-info .product-action a.btn,
    body.single-product .ozon-product-info .product-action a.btn-ozon,
    body.single-product .ozon-product-info .product-action a.btn-wildberries,
    body.single-product .ozon-product-info .product-action a.btn.btn-ozon,
    body.single-product .ozon-product-info .product-action a.btn.btn-wildberries,
    .ozon-product-top .product-action a.btn-ozon,
    .ozon-product-top .product-action a.btn-wildberries,
    .ozon-product-top .product-action a.btn.btn-ozon,
    .ozon-product-top .product-action a.btn.btn-wildberries,
    .ozon-product-info .product-action a.btn-ozon,
    .ozon-product-info .product-action a.btn-wildberries,
    .ozon-product-info .product-action a.btn.btn-ozon,
    .ozon-product-info .product-action a.btn.btn-wildberries,
    .product-action a.btn-ozon,
    .product-action a.btn-wildberries,
    .product-action a.btn.btn-ozon,
    .product-action a.btn.btn-wildberries {
        width: calc(25% - 4px) !important;
        max-width: calc(25% - 4px) !important;
        min-width: 0 !important;
        display: block !important;
        margin: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding: 10px 6px !important;
        font-size: 11px !important;
        text-align: center !important;
        box-sizing: border-box !important;
        float: none !important;
        clear: none !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        flex: 0 0 calc(25% - 4px) !important;
        flex-grow: 0 !important;
        flex-shrink: 1 !important;
        flex-basis: calc(25% - 4px) !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
}

/* УМЕНЬШАЕМ КНОПКИ НА СТРАНИЦЕ ТОВАРА ДЛЯ ПК - ЧТОБЫ АВТОМАТИЧЕСКИ СТАЛИ МЕНЬШЕ НА МОБИЛЬНЫХ */
body.single-product .ozon-product-info .product-action .btn-ozon,
body.single-product .ozon-product-info .product-action .btn-wildberries,
body.single-product .ozon-product-info .product-action a.btn-ozon,
body.single-product .ozon-product-info .product-action a.btn-wildberries,
body.single-product .ozon-product-info .product-action a.btn.btn-ozon,
body.single-product .ozon-product-info .product-action a.btn.btn-wildberries,
.woocommerce div.product .ozon-product-info .product-action .btn-ozon,
.woocommerce div.product .ozon-product-info .product-action .btn-wildberries,
.woocommerce div.product .ozon-product-info .product-action a.btn-ozon,
.woocommerce div.product .ozon-product-info .product-action a.btn-wildberries,
.woocommerce div.product .ozon-product-info .product-action a.btn.btn-ozon,
.woocommerce div.product .ozon-product-info .product-action a.btn.btn-wildberries {
    padding: 11px 17px !important;
    font-size: 17px !important;
    min-height: 44px !important;
    height: 44px !important;
    max-height: 44px !important;
    line-height: 1.3 !important;
}

/* ДОПОЛНИТЕЛЬНОЕ ИСПРАВЛЕНИЕ ВЫРАВНИВАНИЯ СТРОК ХАРАКТЕРИСТИК НА МОБИЛЬНЫХ */
@media (max-width: 768px) {
    /* Убеждаемся что строки начинаются с одной позиции */
    body.single-product .ozon-characteristics-column-left .ozon-characteristic-row:first-child,
    body.single-product .ozon-characteristics-column:first-child .ozon-characteristic-row:first-child,
    .woocommerce .ozon-characteristics-column-left .ozon-characteristic-row:first-child,
    .woocommerce .ozon-characteristics-column:first-child .ozon-characteristic-row:first-child {
        padding-top: 12px !important;
        margin-top: 0 !important;
    }
    
    body.single-product .ozon-characteristics-column-right .ozon-characteristic-row:first-child,
    body.single-product .ozon-characteristics-column:last-child .ozon-characteristic-row:first-child,
    .woocommerce .ozon-characteristics-column-right .ozon-characteristic-row:first-child,
    .woocommerce .ozon-characteristics-column:last-child .ozon-characteristic-row:first-child {
        padding-top: 12px !important;
        margin-top: 0 !important;
    }
    
    /* Все строки должны иметь одинаковую высоту */
    body.single-product .ozon-characteristic-row,
    .woocommerce .ozon-characteristic-row {
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
    }
}

/* АДАПТИВНОСТЬ СТРАНИЦЫ КОНТАКТОВ ДЛЯ МОБИЛЬНЫХ - ПЕРЕОПРЕДЕЛЯЕМ INLINE СТИЛИ */
@media (max-width: 768px) {
    /* Основной контейнер - одна колонка на мобильных, переопределяем inline стили */
    .contacts-page-layout[style*="grid-template-columns"],
    div.contacts-page-layout[style*="grid-template-columns"],
    .entry-content .contacts-page-layout[style*="grid-template-columns"],
    .post-content .contacts-page-layout[style*="grid-template-columns"],
    .tc-content-inner .contacts-page-layout[style*="grid-template-columns"],
    article .contacts-page-layout[style*="grid-template-columns"] {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
        margin: 2rem 0 !important;
        margin-top: 2rem !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding: 0 15px !important;
    }
    
    /* Левая колонка - контакты, переопределяем inline стили */
    .contacts-left-column[style],
    div.contacts-left-column[style],
    .contacts-page-layout .contacts-left-column[style] {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        display: block !important;
        box-sizing: border-box !important;
        order: 1 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Правая колонка - форма, переопределяем inline стили */
    .contacts-right-column[style],
    div.contacts-right-column[style],
    .contacts-page-layout .contacts-right-column[style] {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        display: block !important;
        box-sizing: border-box !important;
        order: 2 !important;
        margin: 0 !important;
        margin-top: 1.5rem !important;
        padding: 0 !important;
    }
    
    /* Внутренний div в правой колонке */
    .contacts-right-column > div[style] {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        margin-top: 0 !important;
        padding: 0 !important;
    }
    
    /* Таблицы в левой колонке */
    .contacts-left-column table {
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 1.5rem !important;
        box-sizing: border-box !important;
    }
    
    /* Форма в правой колонке */
    .contacts-right-column form,
    .contacts-right-column .aquapro-contact-form,
    .contacts-right-column > div {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Поля формы */
    .contacts-right-column input,
    .contacts-right-column textarea,
    .contacts-right-column select,
    .aquapro-contact-form input,
    .aquapro-contact-form textarea,
    .aquapro-contact-form select {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}

/* ДОПОЛНИТЕЛЬНОЕ ИСПРАВЛЕНИЕ ШИРИНЫ БЛОКОВ НА СТРАНИЦЕ КОНТАКТОВ */
@media (max-width: 768px) {
    /* Убеждаемся что контейнер страницы не ограничивает ширину */
    body.page-kontakty .container,
    body.page-id-116 .container,
    article#post-116 .container,
    .entry-content .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box !important;
    }
    
    /* Основной контейнер страницы контактов */
    .contacts-page-layout,
    div.contacts-page-layout,
    .entry-content .contacts-page-layout,
    article .contacts-page-layout {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* Левая колонка - убираем все ограничения по ширине */
    .contacts-left-column,
    div.contacts-left-column,
    .contacts-page-layout .contacts-left-column {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* Правая колонка - убираем все ограничения по ширине */
    .contacts-right-column,
    div.contacts-right-column,
    .contacts-page-layout .contacts-right-column {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* Внутренний div в правой колонке */
    .contacts-right-column > div {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* Таблицы в левой колонке */
    .contacts-left-column table {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        table-layout: auto !important;
    }
    
    /* Ячейки таблицы */
    .contacts-left-column table td {
        width: auto !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }
    
    /* Форма и все её элементы */
    .contacts-right-column form,
    .contacts-right-column .aquapro-contact-form,
    .contacts-right-column > div form {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* Поля формы */
    .contacts-right-column input[type="text"],
    .contacts-right-column input[type="email"],
    .contacts-right-column textarea,
    .contacts-right-column select,
    .aquapro-contact-form input,
    .aquapro-contact-form textarea,
    .aquapro-contact-form select {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}

/* УМЕНЬШЕНИЕ ТЕКСТА И ИКОНОК В ЛЕВОЙ КОЛОНКЕ КОНТАКТОВ НА МОБИЛЬНЫХ */
@media (max-width: 768px) {
    /* Левая колонка - уменьшаем все элементы */
    .contacts-left-column,
    div.contacts-left-column,
    .contacts-page-layout .contacts-left-column {
        font-size: 17px !important;
    }
    
    /* Заголовок "Контакты" */
    .contacts-left-column h2,
    .contacts-left-column h3,
    .contacts-left-column h4,
    .contacts-left-column .contact-title {
        font-size: 22px !important;
        margin-bottom: 1rem !important;
    }
    
    /* Таблицы в левой колонке */
    .contacts-left-column table {
        font-size: 17px !important;
        width: 100% !important;
    }
    
    /* Ячейки таблицы */
    .contacts-left-column table td {
        font-size: 17px !important;
        padding: 12px 14px !important;
        line-height: 1.6 !important;
    }
    
    /* Иконки в таблице (телефон, email) */
    .contacts-left-column table td img,
    .contacts-left-column table td svg,
    .contacts-left-column img,
    .contacts-left-column svg {
        width: 32px !important;
        height: 32px !important;
        max-width: 32px !important;
        max-height: 32px !important;
    }
    
    /* Текст в ячейках таблицы */
    .contacts-left-column table td strong,
    .contacts-left-column table td b {
        font-size: 17px !important;
        font-weight: 600 !important;
    }
    
    /* Телефоны и email */
    .contacts-left-column a,
    .contacts-left-column table td a {
        font-size: 17px !important;
        line-height: 1.6 !important;
    }
    
    /* Разделительные линии */
    .contacts-left-column hr,
    .contacts-left-column .separator {
        margin: 12px 0 !important;
    }
    
    /* Все параграфы */
    .contacts-left-column p {
        font-size: 17px !important;
        line-height: 1.6 !important;
        margin-bottom: 0.75rem !important;
    }
}

/* УВЕЛИЧЕНИЕ ТЕКСТА В ЭЛЕМЕНТАХ STRONG В ТАБЛИЦАХ КОНТАКТОВ */
@media (max-width: 768px) {
    /* Увеличиваем размер текста для strong в таблицах */
    .contacts-left-column table td strong,
    .contacts-left-column table td b,
    .contacts-left-column table td h3 strong,
    .contacts-left-column table td h3 b,
    .contacts-left-column table strong,
    .contacts-left-column table b {
        font-size: 19px !important;
        font-weight: 600 !important;
        line-height: 1.6 !important;
    }
    
    /* Увеличиваем размер для h3 в таблицах */
    .contacts-left-column table td h3,
    .contacts-left-column table h3 {
        font-size: 20px !important;
        line-height: 1.6 !important;
        margin-bottom: 0.5rem !important;
    }
    
    /* Увеличиваем размер для всех текстовых элементов в таблицах */
    .contacts-left-column table td {
        font-size: 17px !important;
    }
}

/* КРИТИЧЕСКОЕ ИСПРАВЛЕНИЕ: Убеждаемся, что кнопки в контейнере не накладываются */
@media (max-width: 768px) {
    body .mobile-buttons-container {
        display: flex !important;
        flex-direction: column-reverse !important;
        gap: 15px !important;
        align-items: center !important;
    }
    
    body .mobile-buttons-container > button.mobile-social-toggle,
    body .mobile-buttons-container > button.mobile-menu-toggle,
    body .mobile-buttons-container > button.mobile-filters-toggle {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        margin: 0 !important;
        margin-top: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        transform: none !important;
    }
    
    body .mobile-buttons-container > button.mobile-social-toggle {
        order: 1 !important; /* Соцсети - визуально нижняя (в column-reverse первая в DOM = последняя визуально) */
        margin-bottom: 0 !important;
    }
    
    body .mobile-buttons-container > button.mobile-menu-toggle {
        order: 2 !important; /* Меню - визуально средняя */
        margin-bottom: 0 !important;
    }
    
    body .mobile-buttons-container > button.mobile-filters-toggle {
        order: 3 !important; /* Фильтры - визуально верхняя (в column-reverse последняя в DOM = первая визуально) */
        margin-bottom: 0 !important;
    }
    
    /* КРИТИЧЕСКОЕ: Отступ для контента товаров, чтобы не накладывался на мобильные кнопки */
    body.woocommerce-shop .woocommerce-products-wrapper,
    body.woocommerce-page .woocommerce-products-wrapper,
    body.woocommerce .woocommerce-products-wrapper,
    body #content .woocommerce-products-wrapper,
    body .woocommerce-shop-wrapper .woocommerce-products-wrapper {
        padding-left: 45px !important;
        box-sizing: border-box !important;
    }
    
    /* Отступ для контейнера с товарами */
    body .woocommerce ul.products {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }
    
    /* Отступ для всего shop-wrapper */
    body .woocommerce-shop-wrapper {
        padding-left: 0 !important;
    }
}