.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(255, 189, 89) !important;}
:root {--pr-primary-dark-color:rgb(255, 189, 89);}
:root {--pr-primary-light-color:rgb(255, 210, 110);}
:root {--pr-links-color:rgb(79, 143, 122);}
.blue-link:hover, .pr-information a:hover, .pr-product-sticky-block .official-rep-text a:hover, .form-check-label a:hover {color:rgb(104, 189, 160);}
#top .light-link, #top .pr-dropdown-toggle, #top .pr-dropdown-toggle > .d-none.d-lg-inline, #top .pr-dropdown-box .pr-dropdown-button {color:rgb(79, 143, 122);}
#top .light-link:hover, #top .pr-dropdown-toggle:hover, #top .pr-dropdown-toggle > .d-none.d-lg-inline:hover, #top .pr-dropdown-box .pr-dropdown-button:hover {color:rgb(104, 189, 160);}
.pr-footer .white-link {color:rgb(0, 0, 0);}
.pr-footer .white-link:hover {color:rgb(79, 143, 122);}
.pr-footer .light-link, .pr-footer a.agree {color:rgb(79, 143, 122);}
.pr-footer .light-link:hover, .pr-footer a.agree:hover {color:rgb(104, 189, 160);}
:root {--pr-interactive-color:rgb(79, 143, 122);}
.pr-module-item-price-old+.pr-module-item-price-new, .pr-product-price-new.red {color:rgb(201, 42, 42);}
.light-theme body {background-color:rgb(255, 255, 255);}
.light-theme .dark-text, .light-theme .content-block, .light-theme .dark-link:not(:hover) {color:rgb(0, 0, 0);}
.light-theme .grey-text {color:rgb(87, 88, 93);}
.light-theme .pr-header {background-color:rgb(255, 255, 255);}
.light-theme .pr-footer {background-color:rgb(255, 255, 255);}
.light-theme .pr-footer .grey-text, .light-theme .pr-footer-item-subscribe-text {color:rgb(33, 37, 41);}
.light-theme .pr-footer-item-title {color:rgb(0, 0, 0);}
.dark-theme body {background-color:rgb(18, 18, 18);}
.dark-theme .dark-text, .dark-theme .content-block, .dark-theme .dark-link:not(:hover) {color:rgb(233, 236, 239);}
.dark-theme .grey-text {color:rgb(166, 170, 180);}
.dark-theme .pr-header {background-color:rgb(28, 28, 28);}
.dark-theme .pr-footer {background-color:rgb(13, 13, 13);}
.dark-theme .pr-footer .grey-text, .dark-theme .pr-footer-item-subscribe-text {color:rgb(146, 157, 167);}
.dark-theme .pr-footer-item-title {color:rgb(63, 175, 149);}
.pr-header-buttons-item-compare, .pr-mobile-bottom-nav-item-compare, .pr-module-item-button-compare, .pr-compare-btn {display: none!important;}
.oct_dynamic_stylesheet_begin{display: none;}
.pr-breadcrumb-item {
  color:#54595f;
}
.dark-theme .pr-breadcrumb-item {
  color:#98a0ac;
}
.dark-theme .form-control {
  color:#a0a9b5;
}

:root {
  --bs-focus-ring-color: rgba(79,135,122,.25);
}
.form-select:focus,
.form-control:focus,
.form-check-input:focus {
  border-color: #4F877A;
  box-shadow: 0 0 0 .25rem rgba(79,135,122,.25);
}

.nav-link:focus-visible {
  box-shadow: 0 0 0 .25rem rgba(79,135,122,.25);
}
.accordion {
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(79,135,122,.25);
}
.pagination {
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(79,135,122,.25);
}
.btn-close {
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(79,135,122,.25);
}

#telephone {
  border-radius: var(--bs-border-radius);
}
/*
@media (min-width: 992px) {
.light-theme .pr-header-main-categories {
position: relative;
background-color: #ffffff;
z-index: 1;
}

.light-theme .pr-header-main-categories::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 100vw;
background-color: #ffffff;
z-index: -1;
pointer-events: none;
}
}

.light-theme .pr-header-buttons svg path {
stroke: var(--pr-white-color) !important;
}

.light-theme .pr-header-buttons button,
.light-theme .pr-header-buttons a {
color: var(--pr-white-color) !important;
}
*/
.light-theme .button-primary,
.light-theme .button-secondary {
  color: var(--pr-black-color) !important;
}

.light-theme .button-primary svg,
.light-theme .button-primary svg path,
.light-theme .button-secondary svg,
.light-theme .button-secondary svg path {
  stroke: var(--pr-black-color) !important;
}

.dark-theme .button-primary,
.dark-theme .button-secondary {
  color: var(--pr-white-color) !important;
}

.dark-theme .button-primary svg,
.dark-theme .button-primary svg path,
.dark-theme .button-secondary svg,
.dark-theme .button-secondary svg path {
  stroke: var(--pr-white-color) !important;
}

.button-cart .button-icon-cart {
  background: var(--pr-black-color) !important;
}

.button-cart.added .button-icon-cart {
  background: var(--pr-white-color) !important;
}

#button-cart.added svg path {
  stroke: var(--pr-white-color) !important;
}

.pr-product-tabs-item.active {
  color: var(--pr-links-color) !important;
}

.light-theme .pr-footer-item-title svg path,
.light-theme .pr-footer-item-link svg path {
  stroke: var(--pr-black-color) !important;
}

.pr-footer-item-copyright {
  border-top: 1px solid #d7dbe5;
}
/*
.pr-footer-logo {
filter: brightness(0) saturate(100%) invert(53%) sepia(10%) saturate(1917%) hue-rotate(113deg) brightness(93%) contrast(84%);
}
*/
.pr-footer {
  box-shadow: rgba(0, 0, 0, 0.05) 0px -2px 20px 0px !important;
}

.pr-footer-item-subscribe-input {
  border: var(--bs-border-width) solid var(--pr-border-color);
}


.form-check-input:checked[type="checkbox"] {
  --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%234f8f7a' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E") !important;
}

.pr-module-item.product-grid {
  box-shadow: 0 2px 4px rgba(40, 41, 61, .04), 0 4px 16px hsla(233, 4%, 45%, .02);
}

.content-block:hover {
  -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, .07);
  box-shadow: 3px 3px 10px rgba(0, 0, 0, .07);
}

#loginModal .nav-tabs button.active {
  color: var(--pr-black-color) !important;
}

#loginModal .nav-tabs li:first-child button.active svg path {
  fill: var(--pr-dark-text-color) !important;
}

#loginModal .nav-tabs li:last-child button.active svg path {
  stroke: var(--pr-black-color) !important;
}

.dark-theme #loginModal .nav-tabs button.active {
  color: var(--pr-white-color) !important;
}

.dark-theme #loginModal .nav-tabs li:first-child button.active svg path {
  fill: var(--pr-white-color) !important;
}

.dark-theme #loginModal .nav-tabs li:last-child button.active svg path {
  stroke: var(--pr-white-color) !important;
}

.primary-text {
  color: var(--pr-black-color) !important;
}

.light-theme .button-light {
  color: var(--pr-black-color) !important;
}

.light-theme .button-light:hover svg path {
  stroke: var(--pr-black-color) !important;
}

.pr-product-tabs-badge {
  color: var(--pr-black-color) !important;
}

.pr-header-buttons-item-count {
  color: var(--pr-black-color);
  background-color: var(--pr-white-color);
}

.dark-theme .pr-header-buttons-item-count {
  color: var(--pr-white-color);
  background-color: var(--pr-black-color);
}

.pr-header-buttons-item-count-cart {
  background-color: var(--pr-primary-dark-color) !important;
}

.dark-theme .pr-header-buttons-item-count-cart {
  color: var(--pr-white-color);
}

.light-theme .pagination li.active span,
.light-theme .pagination li:hover a {
  color: var(--pr-black-color);
}

.button-success {
  background-color: var(--pr-interactive-color);
}

.pr-blog-post [id] {
  scroll-margin-top: 150px;
}

.pr-column-categories-list-item.active {
  padding-left: 10px!important;
}

.pr-column-categories-list-item.active span {
  background-color: #ffbd59;
  color: #000;
  cursor: default;
  padding: 2px 6px;
  font-size: 14px;
  font-weight: 500;
  transition: color 0.3s;
  border-radius: 8px;
}
.pr-column-categories-list-item+.pr-column-categories-list-item {
  border: none
}

.ocf-value-image, .ocf-value-color {
  border: 3px solid #fff !important;
  box-shadow: 0 3px 6px -3px #bbb;
}

.pr-category-appearance-btn svg path {
  stroke: #000!important;
}

.pr-category-appearance {
  background: none;
  padding: 0;
}



/* ====================================================
ПЕРЕВИЗНАЧЕННЯ КОЛЬОРІВ ФІЛЬТРА (OCFilter)
==================================================== */

.ocf-scroll-y::-webkit-scrollbar-thumb {
  background-color: var(--pr-primary-light-color)!important;
}

/* 1. Повзунки (слайдери ціни та атрибутів) - Темно-зелений */
.ocf-noUi-connect:before,
.ocf-noUi-handle {
  background-color: var(--pr-primary-dark-color) !important;
}

/* Тінь при перетягуванні повзунка (напівпрозорий темно-зелений) */
.ocf-noUi-active {
  box-shadow: 0 0 0 6px rgba(79, 143, 122, 0.25) !important;
}

/* 2. Чекбокси та радіокнопки (вибраний стан) - Жовто-помаранчевий */
.ocf-selected .ocf-value-input::before {
  border-color: var(--pr-interactive-color) !important;
  background-color: var(--pr-interactive-color) !important;
}

/* Стан при кліку на чекбокс */
.ocf-value:active .ocf-value-input::before,
.ocf-value:active .ocf-value-input-checkbox::before {
  box-shadow: 0 0 0 0.2rem rgba(255, 189, 89, 0.25) !important;
  border-color: var(--pr-interactive-color) !important;
  background-color: var(--pr-interactive-color) !important;
}

/* Стан при наведенні (фокусі) на чекбокс */
.ocf-value:focus:not(:active) .ocf-value-input::before {
  border-color: var(--pr-interactive-color) !important;
}

.ocf-value:not(.ocf-disabled):active .ocf-value-input::before {
  background-color: rgba(255, 189, 89, 0.4) !important;
  border-color: transparent !important;
}

/* 3. Виділення зображень та кольорових блоків (якщо є) - Жовто-помаранчевий */
.ocf-selected .ocf-value-image, 
.ocf-selected .ocf-value-color {
  border-color: var(--pr-interactive-color) !important;
}

/* 4. Поля введення (наприклад, "Ціна від-до") при кліку - Жовто-помаранчевий */
.ocf-form-control:focus, 
input.ocf-form-control:focus, 
textarea.ocf-form-control:focus {
  border-color: var(--pr-interactive-color) !important;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 189, 89, 0.6) !important;
}

@media (min-width: 768px) {
  .ocf-theme-light .ocf-dropdown .ocf-filter-header {
    padding: 8px 0!important;
    background: none!important;
  }
}


body:has(.pr-smart-checkout) {
  background-color: #fafafa; 
}

.pr-smart-checkout input,
.pr-smart-checkout select,
.pr-smart-checkout textarea {
  border: 1px solid #d7d7d7;
}

.pr-smart-checkout .content-block {
  border: 1px solid #f0f0f0;
}

.pr-smart-checkout-check-item:has(:checked) {
  background-color: transparent;
  border: 1px solid var(--pr-primary-dark-color);
}

.pr-footer-item-payments-item {
  display: flex!important;
  justify-content: center;
  height: 3rem!important;
  width: 5rem!important;
}

.pr-footer-item-payments {
  justify-content: space-between;
}





.pr-module[data-type=carousel] .pr-module-items {
  padding-bottom: 12px !important;
}

.pr-module[data-type=carousel] .pr-module-items::-webkit-scrollbar,
.pr-subcategories-box::-webkit-scrollbar {
  display: block !important;
  height: 4px;
}

.pr-module[data-type=carousel] .pr-module-items::-webkit-scrollbar-track,
.pr-subcategories-box::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.pr-module[data-type=carousel] .pr-module-items::-webkit-scrollbar-thumb,
.pr-subcategories-box::-webkit-scrollbar-thumb {
  background: var(--pr-primary-dark-color);
  border-radius: 10px;
}

@media (max-width: 575.98px) {
  .pr-module[data-type=carousel] .pr-module-item {
    flex: 0 0 calc(50% - 8px);
    max-width: calc(50% - 8px);
    scroll-snap-align: start;
  }
}.oct_dynamic_stylesheet_end{display: none;}
