/* ============================================
   GLOBAL FONT - Montserrat
   ============================================ */

/* Apply Montserrat font to all elements on the site */
html,
body,
body *,
body *::before,
body *::after {
    font-family: 'Montserrat', sans-serif !important;
}

/* ============================================
   FIXED CSS VARIABLES - No Theme Dependency
   ============================================ */

/* Переопределяем все CSS переменные на фиксированные значения,
   чтобы они не менялись в зависимости от темы системы */
:root {
    --white_text_black: #231F20 !important;
    --white_text_black2: #222222 !important;
    --white_text_black_reverse: #FFFFFF !important;
    --basic_text_black: #666666 !important;
    --light_basic_text_black: #666666 !important;
    --black_bg_black: #FFFFFF !important;
    --darkerblack_bg_black: #F8F8F8 !important;
    --stroke_black: #E5E5E5 !important;
    --stroke_black_hover: #FFFFFF !important;
    --card_bg_black: #FFFFFF !important;
    --card_bg_hover_black: #FFFFFF !important;
    --arrows_bg_black: #FFFFFF !important;
    --line_bg_black: #F2F2F2 !important;
    --light_bg_black: #FAFAFA !important;
}

/* Принудительно устанавливаем светлую тему для всех элементов */
body,
.theme-default,
.theme-light,
.theme-dark {
    --white_text_black: #231F20 !important;
    --white_text_black2: #222222 !important;
    --white_text_black_reverse: #FFFFFF !important;
    --basic_text_black: #666666 !important;
    --light_basic_text_black: #666666 !important;
    --black_bg_black: #FFFFFF !important;
    --darkerblack_bg_black: #F8F8F8 !important;
    --stroke_black: #E5E5E5 !important;
    --stroke_black_hover: #FFFFFF !important;
    --card_bg_black: #FFFFFF !important;
    --card_bg_hover_black: #FFFFFF !important;
    --arrows_bg_black: #FFFFFF !important;
    --line_bg_black: #F2F2F2 !important;
    --light_bg_black: #FAFAFA !important;
}

/* ============================================
   SITE BACKGROUND - Light Gray
   ============================================ */

/* Make entire site background light gray */
html {
    background-color: #F5F5F5 !important;
}

body {
    background-color: #F5F5F5 !important;
}

body .wrapper1 {
    background-color: #F5F5F5 !important;
}

#main {
    background-color: #F5F5F5 !important;
}

/* ============================================
   WHITE ROUNDED BLOCKS
   ============================================ */

/* Header Desktop - Transparent Container, No Background */
.header-desktop {
    background-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 10px auto 0 auto !important;
    max-width: 1408px !important;
    border-bottom: none !important;
    margin-bottom: 0 !important;
    overflow: visible !important;
}

/* Header Top Bar ONLY - White and Rounded (Figma Design) */
.header-desktop .header-top-bar {
    background-color: #FFFFFF !important;
    border-radius: 12px !important;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08) !important;
}

.header-mobile {
    background-color: #FFFFFF !important;
    border-radius: 10px !important;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08) !important;
    margin: 10px auto !important;
    max-width: 1408px !important;
}

.header-desktop .header-container {
    background-color: transparent !important;
    border-radius: 0 !important;
    overflow: visible !important;
}

.header-desktop .header-content {
    border-radius: 0 !important;
    overflow: visible !important;
}

/* Top Menu Bar - White and Rounded, connected to header */
.top-menu-bar {
    background-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 auto 10px auto !important;
    padding: 0 !important;
    border-top: none !important;
    margin-top: 0 !important;
}

.top-menu-content {
    background-color: transparent !important;
}

.top-menu-bar .maxwidth-theme {
    background-color: transparent !important;
}

.top-menu-bar .container_inner {
    background-color: transparent !important;
}

/* Categories Block - Transparent Background */
.PRODUCT_CATEGORIES,
.drag-block.container.PRODUCT_CATEGORIES,
.drag-block.container.grey.PRODUCT_CATEGORIES,
.drag-block.container.grey.PRODUCT_CATEGORIES.grey_block {
    background-color: transparent !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
}

.PRODUCT_CATEGORIES .maxwidth-theme,
.PRODUCT_CATEGORIES .container_inner,
.PRODUCT_CATEGORIES .product-categories-section,
.drag-block.container.PRODUCT_CATEGORIES .maxwidth-theme,
.drag-block.container.grey.PRODUCT_CATEGORIES .maxwidth-theme,
.drag-block.container.grey.PRODUCT_CATEGORIES.grey_block .maxwidth-theme {
    background-color: transparent !important;
    background: transparent !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.PRODUCT_CATEGORIES .product-categories-section,
.drag-block.container.PRODUCT_CATEGORIES .product-categories-section,
.drag-block.container.grey.PRODUCT_CATEGORIES .product-categories-section,
.drag-block.container.grey.PRODUCT_CATEGORIES.grey_block .product-categories-section {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Category Cards - стили перенесены в category-cards-flex.css */

/* Product Cards - стили перенесены в product-cards-flex.css */

/* Products Grid Container - White and Rounded */
.products-grid-new-wrapper,
.catalog-tabs-block {
    background-color: #FFFFFF !important;
    border-radius: 10px !important;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08) !important;
    padding: 30px !important;
    margin: 20px auto !important;
    max-width: 1408px !important;
}

/* Remove all padding and margin from CATALOG_TAB block and all nested elements */
.drag-block.container.CATALOG_TAB,
.drag-block.container.grey.CATALOG_TAB,
.drag-block.container.grey.CATALOG_TAB.grey_block {
    padding: 0 !important;
    margin: 20px auto !important;
    background-color: transparent !important;
    background: transparent !important;
}

.drag-block.container.CATALOG_TAB .js_wrapper_items,
.drag-block.container.grey.CATALOG_TAB .js_wrapper_items,
.drag-block.container.grey.CATALOG_TAB.grey_block .js_wrapper_items {
    padding: 0 !important;
    margin: 0 !important;
    background-color: transparent !important;
    background: transparent !important;
}

/* Force remove ALL backgrounds from CATALOG_TAB and all nested elements */
.drag-block.container.CATALOG_TAB,
.drag-block.container.grey.CATALOG_TAB,
.drag-block.container.grey.CATALOG_TAB.grey_block,
.drag-block.container.CATALOG_TAB .js_wrapper_items,
.drag-block.container.grey.CATALOG_TAB .js_wrapper_items,
.drag-block.container.grey.CATALOG_TAB.grey_block .js_wrapper_items,
.drag-block.container.CATALOG_TAB .content_wrapper_block,
.drag-block.container.grey.CATALOG_TAB .content_wrapper_block,
.drag-block.container.grey.CATALOG_TAB.grey_block .content_wrapper_block,
.drag-block.container.CATALOG_TAB .maxwidth-theme,
.drag-block.container.grey.CATALOG_TAB .maxwidth-theme,
.drag-block.container.grey.CATALOG_TAB.grey_block .maxwidth-theme {
    background-color: transparent !important;
    background: transparent !important;
}

.CATALOG_TAB {
    background-color: transparent !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 20px auto !important;
    max-width: 1408px !important;
}

/* Hide "Best Offers" title */
.CATALOG_TAB .top_block,
.CATALOG_TAB .top_block_title {
    display: none !important;
}

/* Remove white background from products container and ALL nested elements */
.products-content,
.CATALOG_TAB .products-content,
.CATALOG_TAB .products-grid-new,
.CATALOG_TAB .tab_slider_wrapp,
.CATALOG_TAB .best_block,
.CATALOG_TAB .content_wrapper_block,
.CATALOG_TAB .maxwidth-theme,
.drag-block.container.CATALOG_TAB .js_wrapper_items,
.drag-block.container.grey.CATALOG_TAB .js_wrapper_items,
.drag-block.container.grey.CATALOG_TAB.grey_block .js_wrapper_items,
.drag-block.container.CATALOG_TAB .content_wrapper_block,
.drag-block.container.grey.CATALOG_TAB .content_wrapper_block,
.drag-block.container.grey.CATALOG_TAB.grey_block .content_wrapper_block {
    background-color: transparent !important;
    background: transparent !important;
}

.CATALOG_TAB *:not(.product-card-new):not(.product-card-new *):not(.products-grid-new):not(.products-grid-new *):not(.products-load-more-wrapper):not(.products-load-more-wrapper *):not(.filter-tab):not(.filter-tabs):not(.catalog-filter-block):not(.catalog-filter-block *):not(.filter-group):not(.filter-group *):not(.catalog-filters-sidebar):not(.catalog-filters-sidebar *):not(.catalog-product-card):not(.catalog-product-card *):not(.catalog-product-image-wrapper):not(.catalog-product-image-wrapper *):not(.breadcrumbs):not(.breadcrumbs *):not(.breadcrumb):not(.breadcrumb *):not(.page-title):not(.category-description):not(.category-description *),
.CATALOG_TAB .maxwidth-theme,
.CATALOG_TAB .content_wrapper_block,
.CATALOG_TAB .tab_slider_wrapp,
.CATALOG_TAB .best_block,
.CATALOG_TAB .top_block,
.CATALOG_TAB .top_block_title,
.CATALOG_TAB .products-content,
.drag-block.container.CATALOG_TAB *:not(.product-card-new):not(.product-card-new *):not(.products-grid-new):not(.products-grid-new *):not(.products-load-more-wrapper):not(.products-load-more-wrapper *):not(.filter-tab):not(.filter-tabs):not(.catalog-filter-block):not(.catalog-filter-block *):not(.filter-group):not(.filter-group *):not(.catalog-filters-sidebar):not(.catalog-filters-sidebar *):not(.catalog-product-card):not(.catalog-product-card *):not(.catalog-product-image-wrapper):not(.catalog-product-image-wrapper *):not(.breadcrumbs):not(.breadcrumbs *):not(.breadcrumb):not(.breadcrumb *):not(.page-title):not(.category-description):not(.category-description *):not(.catalog-sidebar-mobile):not(.catalog-sidebar-mobile *),
.drag-block.container.grey.CATALOG_TAB *:not(.product-card-new):not(.product-card-new *):not(.products-grid-new):not(.products-grid-new *):not(.products-load-more-wrapper):not(.products-load-more-wrapper *):not(.filter-tab):not(.filter-tabs):not(.catalog-filter-block):not(.catalog-filter-block *):not(.filter-group):not(.filter-group *):not(.catalog-filters-sidebar):not(.catalog-filters-sidebar *):not(.catalog-product-card):not(.catalog-product-card *):not(.catalog-product-image-wrapper):not(.catalog-product-image-wrapper *):not(.breadcrumbs):not(.breadcrumbs *):not(.breadcrumb):not(.breadcrumb *):not(.page-title):not(.category-description):not(.category-description *):not(.catalog-sidebar-mobile):not(.catalog-sidebar-mobile *),
.drag-block.container.grey.CATALOG_TAB.grey_block *:not(.product-card-new):not(.product-card-new *):not(.products-grid-new):not(.products-grid-new *):not(.products-load-more-wrapper):not(.products-load-more-wrapper *):not(.filter-tab):not(.filter-tabs):not(.catalog-filter-block):not(.catalog-filter-block *):not(.filter-group):not(.filter-group *):not(.catalog-filters-sidebar):not(.catalog-filters-sidebar *):not(.catalog-product-card):not(.catalog-product-card *):not(.catalog-product-image-wrapper):not(.catalog-product-image-wrapper *):not(.breadcrumbs):not(.breadcrumbs *):not(.breadcrumb):not(.breadcrumb *):not(.page-title):not(.category-description):not(.category-description *):not(.catalog-sidebar-mobile):not(.catalog-sidebar-mobile *),
.drag-block.container.CATALOG_TAB .js_wrapper_items *:not(.product-card-new):not(.product-card-new *):not(.products-grid-new):not(.products-grid-new *):not(.products-load-more-wrapper):not(.products-load-more-wrapper *):not(.filter-tab):not(.filter-tabs):not(.catalog-filter-block):not(.catalog-filter-block *):not(.filter-group):not(.filter-group *):not(.catalog-filters-sidebar):not(.catalog-filters-sidebar *):not(.catalog-product-card):not(.catalog-product-card *):not(.catalog-product-image-wrapper):not(.catalog-product-image-wrapper *):not(.breadcrumbs):not(.breadcrumbs *):not(.breadcrumb):not(.breadcrumb *):not(.page-title):not(.category-description):not(.category-description *):not(.catalog-sidebar-mobile):not(.catalog-sidebar-mobile *),
.drag-block.container.grey.CATALOG_TAB .js_wrapper_items *:not(.product-card-new):not(.product-card-new *):not(.products-grid-new):not(.products-grid-new *):not(.products-load-more-wrapper):not(.products-load-more-wrapper *):not(.filter-tab):not(.filter-tabs):not(.catalog-filter-block):not(.catalog-filter-block *):not(.filter-group):not(.filter-group *):not(.catalog-filters-sidebar):not(.catalog-filters-sidebar *):not(.catalog-product-card):not(.catalog-product-card *):not(.catalog-product-image-wrapper):not(.catalog-product-image-wrapper *):not(.breadcrumbs):not(.breadcrumbs *):not(.breadcrumb):not(.breadcrumb *):not(.page-title):not(.category-description):not(.category-description *):not(.catalog-sidebar-mobile):not(.catalog-sidebar-mobile *),
.drag-block.container.grey.CATALOG_TAB.grey_block .js_wrapper_items *:not(.product-card-new):not(.product-card-new *):not(.products-grid-new):not(.products-grid-new *):not(.products-load-more-wrapper):not(.products-load-more-wrapper *):not(.filter-tab):not(.filter-tabs):not(.catalog-filter-block):not(.catalog-filter-block *):not(.filter-group):not(.filter-group *):not(.catalog-filters-sidebar):not(.catalog-filters-sidebar *):not(.catalog-product-card):not(.catalog-product-card *):not(.catalog-product-image-wrapper):not(.catalog-product-image-wrapper *):not(.breadcrumbs):not(.breadcrumbs *):not(.breadcrumb):not(.breadcrumb *):not(.page-title):not(.category-description):not(.category-description *):not(.catalog-sidebar-mobile):not(.catalog-sidebar-mobile *) {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Разрешаем padding и margin для внутренних элементов карточек - явно разрешаем стили из product-cards-new.css */
.CATALOG_TAB .product-card-new,
#hit-products-grid .product-card-new {
    /* Внешние отступы убираем, но внутренние оставляем */
}

/* Разрешаем отступы для кнопки "Показать еще" */
.CATALOG_TAB .products-load-more-wrapper,
.drag-block.container.CATALOG_TAB .products-load-more-wrapper,
.drag-block.container.grey.CATALOG_TAB .products-load-more-wrapper,
.drag-block.container.grey.CATALOG_TAB.grey_block .products-load-more-wrapper {
    margin-top: 30px !important;
    margin-bottom: 20px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Стили для внутренних элементов карточек перенесены в product-cards-flex.css */

/* Force remove white background from ALL elements inside CATALOG_TAB (except product cards and filters sidebar) */
.CATALOG_TAB *:not(.product-card-new):not(.product-card-new *):not(.catalog-product-card):not(.catalog-product-card *):not(.catalog-filters-sidebar):not(.catalog-filters-sidebar *) {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.drag-block.container.CATALOG_TAB *:not(.product-card-new):not(.product-card-new *):not(.catalog-product-card):not(.catalog-product-card *):not(.filter-tab):not(.filter-tabs):not(.catalog-filter-block):not(.catalog-filter-block *):not(.catalog-filters-sidebar):not(.catalog-filters-sidebar *),
.drag-block.container.grey.CATALOG_TAB *:not(.product-card-new):not(.product-card-new *):not(.catalog-product-card):not(.catalog-product-card *):not(.filter-tab):not(.filter-tabs):not(.catalog-filter-block):not(.catalog-filter-block *):not(.catalog-filters-sidebar):not(.catalog-filters-sidebar *),
.drag-block.container.grey.CATALOG_TAB.grey_block *:not(.product-card-new):not(.product-card-new *):not(.catalog-product-card):not(.catalog-product-card *):not(.filter-tab):not(.filter-tabs):not(.catalog-filter-block):not(.catalog-filter-block *):not(.catalog-filters-sidebar):not(.catalog-filters-sidebar *) {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Remove borders and shadows from CATALOG_TAB and all nested containers */
.CATALOG_TAB,
.drag-block.container.CATALOG_TAB,
.drag-block.container.grey.CATALOG_TAB,
.drag-block.container.grey.CATALOG_TAB.grey_block,
.CATALOG_TAB .maxwidth-theme,
.CATALOG_TAB .content_wrapper_block,
.CATALOG_TAB .tab_slider_wrapp,
.CATALOG_TAB .best_block,
.CATALOG_TAB .products-content,
.CATALOG_TAB .products-grid-new {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Remove borders from all nested elements including pseudo-elements (except product cards and filters) */
.CATALOG_TAB *:not(.product-card-new):not(.product-card-new *):not(.filter-tab):not(.filter-tabs):not(.catalog-filter-block):not(.catalog-filter-block *),
.CATALOG_TAB *:not(.product-card-new):not(.product-card-new *):not(.filter-tab):not(.filter-tabs):not(.catalog-filter-block):not(.catalog-filter-block *)::before,
.CATALOG_TAB *:not(.product-card-new):not(.product-card-new *):not(.filter-tab):not(.filter-tabs):not(.catalog-filter-block):not(.catalog-filter-block *)::after,
.drag-block.container.CATALOG_TAB *:not(.product-card-new):not(.product-card-new *):not(.filter-tab):not(.filter-tabs):not(.catalog-filter-block):not(.catalog-filter-block *),
.drag-block.container.CATALOG_TAB *:not(.product-card-new):not(.product-card-new *):not(.filter-tab):not(.filter-tabs):not(.catalog-filter-block):not(.catalog-filter-block *)::before,
.drag-block.container.CATALOG_TAB *:not(.product-card-new):not(.product-card-new *):not(.filter-tab):not(.filter-tabs):not(.catalog-filter-block):not(.catalog-filter-block *)::after,
.drag-block.container.grey.CATALOG_TAB *:not(.product-card-new):not(.product-card-new *):not(.filter-tab):not(.filter-tabs):not(.catalog-filter-block):not(.catalog-filter-block *),
.drag-block.container.grey.CATALOG_TAB *:not(.product-card-new):not(.product-card-new *):not(.filter-tab):not(.filter-tabs):not(.catalog-filter-block):not(.catalog-filter-block *)::before,
.drag-block.container.grey.CATALOG_TAB *:not(.product-card-new):not(.product-card-new *):not(.filter-tab):not(.filter-tabs):not(.catalog-filter-block):not(.catalog-filter-block *)::after,
.drag-block.container.grey.CATALOG_TAB.grey_block *:not(.product-card-new):not(.product-card-new *):not(.filter-tab):not(.filter-tabs):not(.catalog-filter-block):not(.catalog-filter-block *),
.drag-block.container.grey.CATALOG_TAB.grey_block *:not(.product-card-new):not(.product-card-new *):not(.filter-tab):not(.filter-tabs):not(.catalog-filter-block):not(.catalog-filter-block *)::before,
.drag-block.container.grey.CATALOG_TAB.grey_block *:not(.product-card-new):not(.product-card-new *):not(.filter-tab):not(.filter-tabs):not(.catalog-filter-block):not(.catalog-filter-block *)::after {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.CATALOG_TAB .maxwidth-theme {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    background-color: transparent !important;
    background: transparent !important;
}

.CATALOG_TAB .content_wrapper_block {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    background-color: transparent !important;
    background: transparent !important;
}

.drag-block.container.CATALOG_TAB .js_wrapper_items,
.drag-block.container.grey.CATALOG_TAB .js_wrapper_items,
.drag-block.container.grey.CATALOG_TAB.grey_block .js_wrapper_items {
    background-color: transparent !important;
    background: transparent !important;
}

.CATALOG_TAB .tab_slider_wrapp,
.CATALOG_TAB .best_block {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.CATALOG_TAB .top_block {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.CATALOG_TAB .products-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.CATALOG_TAB .products-grid-new {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Banner Block - White and Rounded */
.BIG_BANNER_INDEX {
    background-color: transparent !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 20px auto !important;
    max-width: 1408px !important;
    overflow: hidden !important;
}

.drag-block.container.BIG_BANNER_INDEX,
.drag-block.container.grey.BIG_BANNER_INDEX,
.drag-block.container.grey.BIG_BANNER_INDEX.grey_block {
    padding: 0 !important;
    margin: 20px auto !important;
}

.drag-block.container.BIG_BANNER_INDEX *,
.drag-block.container.grey.BIG_BANNER_INDEX *,
.drag-block.container.grey.BIG_BANNER_INDEX.grey_block * {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.BIG_BANNER_INDEX .maxwidth-theme {
    padding: 0 !important;
    margin: 0 !important;
}

.banner-container {
    border-radius: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Other content blocks - White and Rounded */
.drag-block.container.grey,
.drag-block.grey_block {
    background-color: #FFFFFF !important;
    border-radius: 10px !important;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08) !important;
    margin: 20px auto !important;
    padding: 30px !important;
    max-width: 1408px !important;
}

/* Don't override container_inner if it's inside already styled blocks */
.drag-block.container.grey .container_inner,
.drag-block.grey_block .container_inner {
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Ensure main content area has proper spacing */
.main-content,
.content {
    background-color: transparent !important;
    padding: 20px 0 !important;
}

/* Remove background from wraps hover_shine block */
.wraps.hover_shine {
    background-color: transparent !important;
    background: none !important;
}

/* Remove background from wrapper_inner front block */
.wrapper_inner.front {
    background-color: transparent !important;
    background: none !important;
}

.wraps.hover_shine .wrapper_inner.front {
    background-color: transparent !important;
    background: none !important;
}