#sc_fixed_contact_button, .sc-fixed-contact-pulsation, .form-check-input:checked, .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, .header-buttons .sc-btn-icon-catalog, #sc_fixed_contact_button, .sc-fixed-contact-pulsation, .header-buttons .sc-btn:hover .sc-btn-icon, .sc-product-options .radio label.selected, .sc-footer-socials-item:hover, #sc-search-button:hover .sc-btn-icon, .oct-checkout-block #button-confirm, .oct-checkout-block ul.dropdown-address li:hover, #loginTabs .nav-link.active:before {background:rgb(79, 67, 227);}
.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, .swiper-pagination-bullet-active {background-color:rgb(79, 67, 227) !important;}
.form-check-input:checked, .sc-btn-outline-primary:not([disabled]), .sc-product-options .radio label.radio-img.selected {border-color:rgb(79, 67, 227);}
.sc-product-tab.active {border-bottom-color:rgb(79, 67, 227);}
.sc-btn-outline-primary:not([disabled]), .header-buttons .sc-btn.header-buttons-catalog, .header-buttons .sc-btn:hover {color:rgb(79, 67, 227);}
.header-buttons-catalog path {stroke:rgb(79, 67, 227);}
body {background-color:rgb(248, 249, 250);}
.sc-slideshow-plus-specials-block-title:hover, .sc-module-title:hover, .sc-contact-us .form-check-label a, .sc-subcategories-item:hover span:hover, .content-block-text a, .blue-link, .blue-link:hover, .sc-category-wall-item:hover span, .sc-megamenu-children-item a:hover, #oct-menu-ul .group-title a, .sc-last-reviews-item:hover .sc-last-reviews-item-title, .sc-module-item:hover .sc-module-title > a, .sc-module-item:hover .sc-module-title > a:visited, .sc-last-news-title:hover, .sc-livesearch-list-item-name a, .sc-fixed-contact-item:hover, .category-landing-links-item-link span, .sc-manufacturer-item a:hover .sc-manufacturer-item-title:hover, .table td a, .sc-alert-text a, .sc-day-discounts-item:hover a, .sc-header-phones-list-item:hover, .sc-header-location-phones a .sc-footer-phones-link, .sc-megamenu-child-narrow li:not(.sc-menu-list-landings) .sc-menu-list-landings-link:hover, .sc-footer-mail-link:hover, .collapse-value > button, .collapse-value > button:focus, .collapse-value > button:active, .collapse-value > button:active:focus, .sc-contact-location a, .modal-content a, .sc-product-tags a, .sc-category-wall-title:hover, .oct-checkout-block a {color:rgb(0, 99, 247);}
.sc-btn-primary:not([disabled]), button[data-target="#ocfilter-hidden-options"], #ocfilter .btn-primary, #ocfilter .btn-primary:active, #ocfilter .btn-primary:focus, .simplecheckout-cart-buttons .button:hover, .simplecheckout-button-right .button:hover, #simplecheckout_button_login:hover, .pagination li.active span, .pagination li:hover a, #sc_livesearch_close, .simplecheckout-cart-buttons .button, .sc-header-location.active .sc-btn, .sc-btn-secondary:not([disabled]).clicked, .sc-btn-secondary:not([disabled]):hover, .sc-category-sort button.active, .sc-btn-outline-secondary:not(#oct-blog-search-button, #sc-search-button, [disabled]):hover, .header-search .sc-btn-with-icon:hover .sc-btn-icon, .sc-blog-search .sc-btn-with-icon:hover .sc-btn-icon, .sc-btn.sc-btn-secondary:not([disabled]):hover, .sc-switcher, .sidebar-main-menu-item-catalog .sidebar-main-menu-item-icon, .sc-btn-outline-primary:not([disabled]):hover, .sc-location.active .sc-btn-secondary {background-color:rgb(79, 67, 227);}
.sc-btn-outline-primary:not([disabled]) {border-color:rgb(79, 67, 227);}
.sc-btn-outline-primary:not([disabled]) {color:rgb(79, 67, 227);}
.sc-btn.primary, .sc-btn-primary:not([disabled]), .sc-btn.primary .sc-btn-text, .sc-btn-primary:not([disabled]).sc-btn-text, .sc-btn.sc-btn-secondary:not([disabled]):hover .sc-btn-text, .sc-btn.sc-btn-secondary:not([disabled]).clicked .sc-btn-text, .sc-btn-outline-primary:not([disabled]):hover {color:rgb(255, 255, 255);}
.sc-btn-primary:not([disabled]) .sc-btn-icon {background:rgb(255, 255, 255);}
.sc-btn.sc-btn-secondary:not([disabled]):hover .sc-btn-icon {background:rgb(255, 255, 255);}
.sc-btn-secondary:not([disabled]) {background-color:rgb(242, 244, 248);}
.sc-btn-secondary, .sc-btn-secondary .sc-btn-text {color:rgb(28, 28, 40);}
.sc-btn-secondary .sc-btn-icon {background:rgb(28, 28, 40);}
#top {background:rgb(40, 33, 130);}
.top-left li a, #top .sc-dropdown-toggle, .top-right .popup-call-trigger {color:rgb(255, 255, 255);}
.top-left li a:hover, #top .sc-dropdown-toggle:hover, .top-right .popup-call-trigger:hover {color:rgb(255, 255, 255);}
.sc-footer {background-color:rgb(42, 37, 104);}
.sc-footer, .sc-footer-subscribe .form-check-label, .sc-footer-credits {color:rgb(199, 201, 217);}
.sc-footer-phones, .sc-footer-list a, .sc-footer-email {color:rgb(199, 201, 217);}
.sc-footer-phones a:hover, .sc-footer-list a:hover, .sc-footer-email:hover {color:rgb(255, 255, 255);}
.sc-column-categories-item {background:rgb(252, 252, 252);}
.sc-column-categories-item {color:rgb(39, 35, 35);}
.sc-column-categories-item.active > span, .sc-column-categories-item .sc-categories-3 .active, .sc-column-categories-item a:hover, .sc-column-categories .sc-categories-3 li.active a {color:rgb(10, 120, 191);}
.modal-header {background:rgb(242, 244, 248);}
.modal-title {color:rgb(28, 28, 40);}
.modal-header .btn-close {color:rgb(119, 119, 119);}
@media (max-width: 767px) {.header {background:rgb(255, 255, 255);}}
.oct_dynamic_stylesheet_begin{display: none;}
/* Мінімальне виправлення тільки z-index для випадного меню пошуку */
/* Основний контейнер пошуку */
#termInputPP.form-control.form-select {
    padding: 0px 30px 0px 10px !important;
}
#termInputMB.form-control.form-select {
    padding: 0px 30px 0px 10px !important;
}
#termInputPL.form-control.form-select {
    padding: 0px 30px 0px 10px !important;
}
#termInputII.form-control.form-select {
    padding: 0px 30px 0px 10px !important;
}
/* шапка і зона пошуку мають власний шар */
.header,
.header .container-xl,
.header-search-box,
.header-search,
#search { position: relative !important; z-index: 1003 !important; }

/* випадаюче меню результатів поверх overlay і всього контенту */
#sc_livesearch {
  position: absolute !important;
  top: 100% !important; left: 0 !important; right: 0 !important;
  margin-top: 4px !important;
  z-index: 1004 !important;       /* вище за overlay */
}
#sc_livesearch.expanded { display: block !important; }

/* Форма пошуку */
#search {
    position: relative !important;
    z-index: 999998 !important;
}
/* overlay під випадачкою, але над сторінкою */
#overlay {
  position: fixed !important;
  inset: 0 !important;            /* top/right/bottom/left = 0 */
  z-index: 1002 !important;       /* нижче за #sc_livesearch */
  display: none !important;       /* за замовчуванням сховано */
}
#overlay.active {
  display: block !important;      /* показуємо коли є результати */
}

/* Зменшуємо z-index ТІЛЬКИ для контенту НА ГОЛОВНІЙ СТОРІНЦІ */
body:not(.body-product) #sc-featured_0 {
    z-index: 1 !important;
    position: relative !important;
}
/* Прибираємо блокування скролу */
body.no-scroll {
    overflow: auto !important;
}
/* Адаптивні стилі для мобільної версії */
@media (max-width: 768px) {
	#sc_livesearch {
		position: fixed !important;
		top: 110px !important; left: 15px !important; right: 15px !important;
		width: auto !important;
		z-index: 1004 !important;   /* вище за overlay */
	}

    
    /* Виправлення для мобільного каталогу */
    .sc-megamenu,
    .sidebar,
    #sidebar {
        padding-bottom: 80px !important;
        margin-bottom: 20px !important;
    }
    
    .sc-megamenu-list,
    .sidebar-inner {
        padding-bottom: 60px !important;
    }
    
    .sc-megamenu-list-item:last-child,
    .sidebar-inner > *:last-child {
        margin-bottom: 60px !important;
    }
}
/* Зменшені відступи між пунктами меню */
.sc-megamenu-list-item {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    margin-bottom: 0 !important;
    line-height: 1.2 !important;
}
.sidebar-inner .sc-megamenu-list-item,
#sc_sidebar_content .sc-megamenu-list-item {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    margin-bottom: 0 !important;
    line-height: 1.1 !important;
}
.sc-megamenu-list {
    gap: 0 !important;
    padding: 0 !important;
}
.sc-megamenu-child .sc-megamenu-list li {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    margin-bottom: 0 !important;
    line-height: 1.1 !important;
}
.sc-megamenu-list-item span,
.sc-megamenu-list-item a {
    line-height: 1.2 !important;
    padding: 0 !important;
    margin: 0 !important;
}
@media (max-width: 768px) {
    .sidebar .sc-megamenu-list-item {
        padding-top: 2px !important;
        padding-bottom: 2px !important;
        margin-bottom: 0 !important;
        line-height: 1.1 !important;
    }
    
    .sidebar-inner li,
    #sc_sidebar_content li {
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .sc-megamenu-list {
        margin: 0 !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
}
@media (max-width: 768px) {
    /* Виправлення позиції пошуку в сайдбарі */
    #sidebar #sc_sidebar_content {
        padding-top: 70px !important;
    }
}

.button-container {
margin-top: 2%;
}
.hpm-block-prd { padding: 0 15px; }



.sc-product-buttons {
    display: flex;
    flex-flow: row wrap; 
    align-items: center;
    gap: 10px;          
}


#button-cart, #button-ukrcredits {
    flex: 1; 
    text-align: center;
    padding: .875rem 1rem;
    margin: 0; 
    width: auto; 
}



@media (max-width: 1399px) {

   
    .sc-product-buttons {
        gap: 10px; 
    }

    
    #button-cart, #button-ukrcredits {
        flex: none;      
        width: 100%;     
    }
}

/* ===================================================== */

/* Плавний перехід для звичайних пунктів меню */
.sc-column-categories .sc-column-categories-item {
    transition: background-color 0.3s ease !important;
}

.sc-column-categories .sc-column-categories-item:hover {
    background-color: rgba(0, 0, 0, 0.1) !important;
}

/* Структура для першого рівня - так само як другий */
.sc-column-categories .sc-column-categories-item > span {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
}

.sc-column-categories .sc-column-categories-item > span > span {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
}

.sc-column-categories .sc-column-categories-item a {
    display: flex !important;
    align-items: center !important;
    padding: 8px 5px !important;
    flex-wrap: nowrap !important;
    word-wrap: break-word !important;
    line-height: 1.2 !important;
}

/* Темніший фон для підпунктів лівого меню з плавним переходом */
.sc-column-categories .sc-column-categories-children .sc-column-categories-item {
    background-color: rgba(0, 0, 0, 0.15) !important;
    padding-left: 15px !important;
    transition: background-color 0.3s ease !important;
}

.sc-column-categories .sc-column-categories-children .sc-column-categories-item:hover {
    background-color: rgba(0, 0, 0, 0.1) !important;
}

/* Структура для підпунктів (другий рівень) */
.sc-column-categories .sc-column-categories-children .sc-column-categories-item span {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
}

.sc-column-categories .sc-column-categories-children .sc-column-categories-item a {
    display: flex !important;
    align-items: center !important;
    padding: 8px 5px !important;
    flex-wrap: nowrap !important;
    word-wrap: break-word !important;
    line-height: 1.2 !important;
}

/* Картинки завжди зліва для всіх рівнів */
.sc-column-categories img {
    margin-right: 8px !important;
    flex-shrink: 0 !important;
}

/* Прибираємо скролбар */
.sc-column-categories .sc-column-categories-children {
    overflow: hidden !important;
}

/*опція чекбокса, картинка*/
.sc-product-options .radio label.radio-img.warranty-img {
    width: 100px !important;
    height: 100px !important;
    padding: 0 !important;
    border-radius: 8px;
}

.sc-product-options .radio label.radio-img.warranty-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
}.oct_dynamic_stylesheet_end{display: none;}