/**
 * ╔═══════════════════════════════════════════════════════════╗
 * ║  ТОВАРЫ НА ВЕСЬ ЭКРАН - Убираем белые полосы по бокам     ║
 * ║  Дата: 05.11.2025                                         ║
 * ║  Проблема: Большие белые полосы слева/справа              ║
 * ║  Решение: Убираем ВСЕ padding и margin у контейнеров      ║
 * ╚═══════════════════════════════════════════════════════════╝
 */

/* =================================================================
   ГЛОБАЛЬНОЕ: УБИРАЕМ ВСЕ БОКОВЫЕ ОТСТУПЫ
   ================================================================= */

/* 1. HTML, BODY, ГЛАВНЫЕ КОНТЕЙНЕРЫ - БЕЗ отступов */
html,
body,
#page,
.site,
.site-content,
.wrap,
.content-area,
.site-main {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* 2. CONTAINER - БЕЗ отступов (Bootstrap) */
.container,
.container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* 3. ROW - БЕЗ negative margins */
.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* 4. КОЛОНКИ - БЕЗ padding */
.row > [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* =================================================================
   ТОВАРЫ WOOCOMMERCE - НА ВЕСЬ ЭКРАН
   ================================================================= */

/* 5. СПИСОК ТОВАРОВ - БЕЗ отступов */
.products,
ul.products,
.woocommerce ul.products,
.woocommerce-page ul.products,
.archive ul.products {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    list-style: none !important;
}

/* 6. ОТДЕЛЬНЫЙ ТОВАР - БЕЗ отступов */
.product,
li.product,
.type-product,
.woocommerce .product,
.woocommerce-page .product,
.product-item,
.product-card {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* 7. КАТАЛОГ - БЕЗ боковых отступов */
.archive .site-main,
.shop .site-main,
.woocommerce .site-main,
.woocommerce-page .site-main,
.post-type-archive-product .site-main {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

/* 8. ГЛАВНАЯ СТРАНИЦА - БЕЗ отступов */
.home .site-main,
.home .content-area,
.front-page .site-main {
    padding: 0 !important;
    margin: 0 !important;
}

/* =================================================================
   МОБИЛЬНАЯ ВЕРСИЯ (<768px) - ТОВАРЫ НА ВЕСЬ ЭКРАН
   ================================================================= */

@media (max-width: 767px) {
    
    /* Все контейнеры БЕЗ отступов */
    body,
    #page,
    .site,
    .site-content,
    .container,
    .container-fluid,
    .row {
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
    }
    
    /* Товары на ВСЮ ширину */
    .products,
    ul.products,
    .woocommerce ul.products,
    li.product,
    .product,
    .type-product {
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    /* Каталог БЕЗ отступов */
    .archive .site-main,
    .shop .site-main,
    .woocommerce-page .site-main {
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* Колонки товаров по 1 на строку */
    .woocommerce ul.products li.product {
        width: 100% !important;
        flex-basis: 100% !important;
        max-width: 100% !important;
    }
}

/* =================================================================
   TABLET (768px - 991px) - Компактные отступы
   ================================================================= */

@media (min-width: 768px) and (max-width: 991px) {
    
    /* УБРАНО 11.11.2025: Это СЖИМАЕТ контент, противоречит строкам 32-40 */
    /* .container {
        padding-left: 10px !important;
        padding-right: 10px !important;
    } */
    
    .products,
    ul.products {
        padding: 0 5px !important;
    }
    
    li.product {
        padding: 0 5px !important;
    }
}

/* =================================================================
   DESKTOP (>992px) - Минимальные отступы
   ================================================================= */

@media (min-width: 992px) {
    
    /* УБРАНО 11.11.2025: Это СЖИМАЕТ контент, противоречит строкам 32-40 */
    /* .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    } */
    
    .products,
    ul.products {
        padding: 0 10px !important;
    }
    
    li.product {
        padding: 0 10px !important;
    }
}

/* =================================================================
   ДОПОЛНИТЕЛЬНЫЕ ИСПРАВЛЕНИЯ
   ================================================================= */

/* Убираем отступы у wrapper */
.wrapper,
#wrapper,
.main-wrapper {
    padding: 0 !important;
    margin: 0 !important;
}

/* Убираем отступы у content */
.content,
#content,
.main-content,
.entry-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Sidebar НЕ должен влиять на ширину */
.sidebar,
aside,
.widget-area {
    max-width: 100% !important;
}

/* =================================================================
   КОНЕЦ ФАЙЛА
   ================================================================= */


/* =================================================================
   SINGLE PRODUCT FULLWIDTH (11.11.2025) - КЛЮЧ КАК НА ГЛАВНОЙ
   ================================================================= */
body.single-product .container,
body.single-product #product-single-page .container {
    max-width: 100/* =================================================================
   SINGLE PRODUCT FULLWIDTH (11.11.2025) - КЛЮЧ КАК НА ГЛАВНОЙ
   ================================================================= */
body.single-product .container,
body.single-product #product-single-page .container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
body.single-product .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
body.single-product [class*="col-"] {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
/* =================================================================
   SINGLE PRODUCT FULLWIDTH (11.11.2025) - КЛЮЧ КАК НА ГЛАВНОЙ
   ================================================================= */
body.single-product .container,
body.single-product #product-single-page .container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
body.single-product .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
body.single-product [class*="col-"] {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
/* =================================================================
   SINGLE PRODUCT LAYOUT FIX (11.11.2025) - как на главной
   - Убираем левую колонку (sidebar)
   - Основной контент на 100% ширины
   ================================================================= */
#product-single-page .hidden-md.hidden-sm.col-lg-3 { /* sidebar */
    display: none !important;
}
#product-single-page .col-lg-9 { /* main content */
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
}
/* На всякий случай выравниваем все колонки в товаре в столбик */
body.single-product .row > [class*="col-"] {
    float: none !important;
    width: 100% !important;
}