.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(0, 25, 96) !important;}
:root {--ds-primary-color:rgb(0, 25, 96);}
:root {--ds-links-color:rgb(21, 46, 120);}
.ds-dropdown-links .blue-link, .ds-footer .blue-link {color:rgb(21, 46, 120);}
.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(0, 168, 232);}
.ds-price-new.red-text {color:rgb(213, 56, 61);}
:root {--ds-interactive-color:rgb(0, 25, 96);}
:root {--ds-body-bg-light-color:rgb(248, 251, 253);}
:root {--ds-primary-dark-color-light:rgb(0, 23, 31);}
:root {--ds-secondary-dark-color-light:rgb(0, 52, 89);}
.light-theme .ds-header {background:rgb(255, 255, 255);}
:root {--ds-footer-bg-light-color:rgb(255, 255, 255);}
.light-theme .ds-footer-subscribe-text, .light-theme .ds-footer-item .secondary-text, .light-theme .ds-footer-socials .secondary-text {color:rgb(0, 52, 89);}
.light-theme .ds-footer-item-title {color:rgb(0, 23, 31);}
.light-theme .ds-footer-item-title svg path {fill:rgb(0, 23, 31);}
:root {--ds-body-bg-dark-color:rgb(27, 27, 27);}
: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(20, 20, 20);}
: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);}
.ds-header-compare-button, .ds-mobile-bottom-nav-item-compare, .ds-compare-btn {display: none!important;}
.oct_dynamic_stylesheet_begin{display: none;}
.ds-subcategories-item {
  max-width: max-content;
}
.ds-column-categories-item{
	order:2
}
.ds-column-categories-item.clicked{
	order:1
}
.product-block-note--colors a{
	text-decoration:none!important;
}
.ds-advantages{
	justify-content: center;
}
.letter-group {
list-style:none;
  width: calc(25% - 1rem);
}
.alphabet-letter{
    font-weight: bold;
    font-size: 18px;
}
@media (min-width: 1600px) {
    #logo {
        max-width: 106px;
        max-width: 160px;
        width: 170px;
    }
}
.button.ds-header-catalog-button {
    padding: .5rem 1rem;
  	width:auto;
}

.ds-product-options .radio label.selected {
    background: #001960;
    color: rgb(255 255 255);
    border: 1px solid var(--ds-primary-color);
}


@media only screen and (min-width: 768px) {
.hpm-block-cat1 .column-image {
    position: absolute;
    left: 10px;
    top: 10px;
	background-color: white;
  width:50px;
  max-height: 205px;
  z-index: 999;
  overflow:hidden;
}


.hpm-block-cat1 .column-image:hover
{
  max-height:10000px;
}
}

@media only screen and (max-width: 768px) {
.hpm-block-cat1 .column-image {
    position: absolute;
    left: 10px;
    top: 10px;
	background-color: white;
  width:43px;
  max-height: 170px;
  z-index: 999;
  overflow:hidden;
}


.hpm-block-cat1 .column-image:hover
{
  max-height:10000px;
}
}
.hpm-block-cat1 .column-image h4
{
  display: none;
}
.ds-module-caption 
{
  position:static!important;
}

.column-image span {
    font-weight: 700;
    color: var(--ds-dark-text-color);
    line-height: 1.5;     
}

#reviewModalLabel {
    color: #000 !important;
}

/*слайдер*/

.opc-portfolio-fullwidth {
    max-width: 100%;
    margin: 40px auto;
    width: 100%;
    box-sizing: border-box;
    font-family: Arial, sans-serif;
}
.opc-portfolio-title {
    text-align: center;
    color: #0b1e3f;
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 35px;
    line-height: 1.2;
}
.opc-blue-text {
    color: #3b82f6;
}
.opcSwiper {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.opc-slide-grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
}
.opc-main-banner {
    border-radius: 24px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 380px;
    box-sizing: border-box;
    position: relative;
    width: 100%;
}
.uz-bg {
    background: linear-gradient(180deg, #e6f0fa 0%, #c8def5 100%);
    border: 1px solid #dbeafe;
}
.phil-bg {
    background: linear-gradient(180deg, #f8f9fa 0%, #e9ecef 100%);
    border: 1px solid #dee2e6;
}
.opc-banner-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.opc-logo-p {
    font-size: 35px;
    font-weight: 900;
    color: #0b1e3f;
    font-style: italic;
    letter-spacing: -2px;
    line-height: 1;
}
.opc-logo-text {
    font-size: 18px;
    font-weight: 800;
    color: #0b1e3f;
    letter-spacing: 1px;
}
.opc-banner-img {
    width: 100%;
    height: auto;
    max-height: 320px;
    object-fit: contain;
    margin: 20px auto 0 auto;
    display: block;
}
.opc-sub-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    width: 100%;
}
.opc-thumb-card {
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid #edf2f7;
    aspect-ratio: 4/3;
}
.opc-thumb-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.opc-slider-controls {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    margin: 30px auto 0;
    padding: 10px 25px;
    width: fit-content;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03);
}
.opc-prev, .opc-next {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
}
.opc-prev svg, .opc-next svg {
    width: 24px;
    height: 24px;
    fill: #475569;
}
.opc-pagination {
    display: flex;
    align-items: center;
    gap: 6px;
}
.opc-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background-color: #cbd5e1;
    opacity: 1;
    margin: 0;
    transition: all 0.3s ease;
    border-radius: 50%;
    display: inline-block;
}
.opc-pagination .swiper-pagination-bullet-active {
    width: 28px;
    background-color: #1e3a8a;
    border-radius: 100px;
}

@media (max-width: 768px) {
    .opc-sub-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}.oct_dynamic_stylesheet_end{display: none;}