.ocf-theme-light-block .ocf-search-btn-static, .ocf-theme-light-block .ocf-search-btn-popover, .ocf-theme-light-block .ocf-search-btn-static.ocf-disabled, .ocf-theme-light-block .ocf-search-btn-popover.ocf-disabled, .ocf-noUi-connect:before, .ocf-noUi-handle {background-color:rgb(204, 63, 67) !important;}
:root {--ds-primary-color:rgb(204, 63, 67);}
:root {--ds-links-color:rgb(204, 63, 67);}
.ds-dropdown-links .blue-link, .ds-footer .blue-link {color:rgb(204, 63, 67);}
.blue-link:hover, .ds-footer-links li a:hover, ul.ds-footer-item li a:hover, .ds-footer-item li a:hover span, .ds-module-item:hover .ds-module-title:hover, .ds-last-news-item:hover .ds-last-news-item-title:hover, .ds-switcher button:hover {color:rgb(255, 0, 8);}
.ds-price-new.red-text {color:rgb(204, 63, 67);}
:root {--ds-interactive-color:rgb(219, 220, 222);}
:root {--ds-body-bg-light-color:rgb(255, 255, 255);}
:root {--ds-primary-dark-color-light:rgb(13, 13, 13);}
:root {--ds-secondary-dark-color-light:rgb(29, 30, 32);}
.light-theme .ds-header {background:rgb(255, 255, 255);}
:root {--ds-footer-bg-light-color:rgb(39, 41, 43);}
.light-theme .ds-footer-subscribe-text, .light-theme .ds-footer-item .secondary-text, .light-theme .ds-footer-socials .secondary-text {color:rgb(233, 234, 236);}
.light-theme .ds-footer-item-title {color:rgb(255, 255, 255);}
.light-theme .ds-footer-item-title svg path {fill:rgb(255, 255, 255);}
:root {--ds-body-bg-dark-color:rgb(29, 30, 32);}
:root {--ds-primary-dark-color-dark:rgb(248, 252, 255);}
:root {--ds-secondary-dark-color-dark:rgb(144, 144, 144);}
.dark-theme .ds-header {background:rgb(29, 30, 32);}
:root {--ds-footer-bg-dark-color:rgb(20, 20, 20);}
.dark-theme .ds-footer-subscribe-text, .dark-theme .ds-footer-item .secondary-text, .dark-theme .ds-footer-socials .secondary-text {color:rgb(144, 144, 144);}
.dark-theme .ds-footer-item-title {color:rgb(248, 252, 255);}
.dark-theme .ds-footer-item-title svg path {fill:rgb(248, 252, 255);}
.oct_dynamic_stylesheet_begin{display: none;}
@media (min-width: 1200px) {
    #logo {
        max-width: 220px !important;
    }
}
@media (min-width: 1200px) {
  .curency, .oct-language {display: contents; }
  .curency .ds-dropdown-title, .oct-language .ds-dropdown-title {margin: 0 20px;}
}

@media (max-width: 720px) {
	.oct-client {display: none !important;}
}

.py-3.fw-500.dark-text.fsz-20 {
    text-align: center;
}

/* Переналаштування блоку категорії */
.ds-category-wall-item .content-block {
    /* Змінюємо напрямок флексу: елементи стають вертикально */
    flex-direction: column !important;
    
    /* Центруємо картинку і текст по горизонталі */
    align-items: center !important;
    justify-content: flex-start !important;
    
    /* Центруємо текст (якщо він у два рядки) */
    text-align: center !important;
    
    /* Розтягуємо блок на всю висоту (для однакового розміру карток) */
    height: 100%;
}

/* Налаштування картинки */
.ds-category-wall-item .content-block img {
    /* За бажанням, можна обмежити розмір картинки, якщо вона завелика */
    /* max-width: 180px; */ 
    height: auto;
    margin-bottom: 15px; /* Відступ картинки від тексту */
}

/* Налаштування заголовка */
.ds-category-wall-item .content-block .ds-category-wall-title {
    /* Прибираємо старий відступ зліва (ps-3), який був у HTML */
    padding-left: 0 !important;
    
    /* Скидаємо вирівнювання, якщо воно заважає */
    align-self: auto !important;
    
    /* Робимо текст блочним, щоб він займав ширину */
    width: 100%;
}

/* =========================
 3. ГОРИЗОНТАЛЬНЕ МЕНЮ (ПРАВОРУЧ)
========================= */
    
    /* 1. Робимо контейнери видимими, щоб меню не зникало */
    .ds-menu-maincategories-desktop-box,
    .ds-menu-maincategories-desktop-box ul,
    .overflow-visible-force {
        overflow: visible !important;
        position: relative !important;
    }

    /* 2. Кожен пункт меню - база для свого підменю */
    li.ds-menu-maincategories-item {
        position: relative !important;
    }

    /* 3. Стилі для самого випадаючого списку */
    li.ds-menu-maincategories-item .ds-menu-maincategories-dropdown,
    li.ds-menu-maincategories-item .oct-menu-child-inner {
        /* Фіксація позиції */
        position: absolute !important;
        left: 0 !important;       /* Рівно по лівому краю батька */
        top: 100% !important;     /* Рівно під батьком */
        margin-top: 0 !important; /* Ніяких відступів, щоб не було щілин */
        
        /* Скидаємо JS координати */
        right: auto !important;
        transform: none !important; 
        
        /* Вигляд */
        min-width: 260px !important;
        background: #fff !important;
        box-shadow: 0 5px 15px rgba(0,0,0,0.15) !important;
        z-index: 10000 !important;
        
        /* Видимість (спочатку приховано) */
        display: none;
        opacity: 1 !important;
        visibility: visible !important;
    }

    /* 4. Показ при наведенні */
    li.ds-menu-maincategories-item:hover > .ds-menu-maincategories-dropdown,
    li.ds-menu-maincategories-item:hover > .oct-menu-child-inner {
        display: block !important;
    }
}
:root {
    --ds-main-font: 'Vazirmatn', 'Montserrat', sans-serif !important;
}



@media (min-width: 1200px) {

    .catalog-desktop {
        position: relative;
    }

    /* Кнопка */
    .catalog-trigger {
        height: 48px;
        display: flex;
        align-items: center;
        padding: 0 20px;
        background: #111;
        color: #fff;
        font-weight: 600;
        cursor: pointer;
    }

    .catalog-trigger:hover {
        background: #000;
    }

    /* Mega wrapper */
    .catalog-mega {
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        width: 100vw;
        background: #fff;
        box-shadow: 0 30px 60px rgba(0,0,0,.08);
        display: none;
        z-index: 999;
    }
  
  .ds-menu-catalog.ds-menu-main-catalog.active{
    max-width: 330px;
  }
    
    /* Внутрішній контейнер */
    .catalog-container {
        max-width: 1320px;
        margin: 0 auto;
        padding: 40px 20px;
    }

    /* Grid */
    .catalog-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
        gap: 40px;
    }

    /* Колонка */
    .catalog-column {
        min-width: 0;
    }

    /* Батьківська категорія */
    .catalog-parent {
        display: block;
        font-weight: 700;
        margin-bottom: 12px;
        color: #111;
        text-decoration: none;
    }

    .catalog-parent:hover {
        color: #e60023;
    }

    /* Підкатегорії */
    .catalog-sub {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .catalog-sub li {
        margin-bottom: 6px;
    }

    .catalog-sub a {
        color: #555;
        text-decoration: none;
        font-size: 14px;
    }

    .catalog-sub a:hover {
        color: #000;
    }

    /* Hover open */
    .catalog-desktop:hover .catalog-mega {
        display: block;
    }
}


.oct_dynamic_stylesheet_end{display: none;}