#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(212, 194, 174);}
.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(212, 194, 174) !important;}
.form-check-input:checked, .sc-btn-outline-primary:not([disabled]), .sc-product-options .radio label.radio-img.selected {border-color:rgb(212, 194, 174);}
.sc-product-tab.active {border-bottom-color:rgb(212, 194, 174);}
.sc-btn-outline-primary:not([disabled]), .header-buttons .sc-btn.header-buttons-catalog, .header-buttons .sc-btn:hover {color:rgb(212, 194, 174);}
.header-buttons-catalog path {stroke:rgb(212, 194, 174);}
body {background-color:rgb(246, 246, 244);}
.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, 0, 0);}
.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(75, 71, 66);}
.sc-btn-outline-primary:not([disabled]) {border-color:rgb(75, 71, 66);}
.sc-btn-outline-primary:not([disabled]) {color:rgb(75, 71, 66);}
.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(235, 230, 224);}
.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(246, 246, 244);}
.top-left li a, #top .sc-dropdown-toggle, .top-right .popup-call-trigger {color:rgb(0, 0, 0);}
.top-left li a:hover, #top .sc-dropdown-toggle:hover, .top-right .popup-call-trigger:hover {color:rgb(75, 71, 66);}
.sc-footer {background-color:rgb(57, 57, 57);}
.sc-footer, .sc-footer-subscribe .form-check-label, .sc-footer-credits {color:rgb(246, 242, 236);}
.sc-footer-phones, .sc-footer-list a, .sc-footer-email {color:rgb(235, 230, 224);}
.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(75, 71, 66);}
.modal-header {background:rgb(247, 244, 241);}
.modal-title {color:rgb(75, 71, 66);}
.modal-header .btn-close {color:rgb(171, 157, 142);}
@media (max-width: 767px) {.header {background:rgb(255, 255, 255);}}
.header-buttons-compare, .sc-compare-btn {display: none!important;}
.oct_dynamic_stylesheet_begin{display: none;}
body {
    font-family: azo-sans-web, sans-serif;
}

/* Кастомный контейнер для ширины 1920px */
.container-max-1920 {
    width: 100%;
    padding-right: 15px; /* Сохраняем отступы как у Bootstrap */
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1920px; /* Ваше желаемое ограничение */
}

/* product */

.sc-btn.added {
    background: #5a5656 !important;
}
/* Опционально: убираем отступы на мобильных, если mobile-no-gutters не справляется */
@media (max-width: 767px) {
    .container-max-1920.mobile-no-gutters {
        padding-left: 0;
        padding-right: 0;
    }
}

/* Применяем стили только для десктопов (ширина больше 992px) */
@media (min-width: 992px) {
    /* Ограничиваем высоту картинки и центрируем её */
    .sc-product-images-main { 
        max-height: 85vh; /* Высота картинки не более 85% от высоты экрана */
        width: auto;      /* Ширина подстроится автоматически */
        max-width: 100%;  /* Но не шире контейнера */
        object-fit: contain; /* Сохраняем пропорции и вписываем в блок */
        display: block;
        margin: 0 auto;   /* Центрируем, если она стала узкой */
    }
    
    /* Если используется зум-контейнер (magnific popup или cloudzoom), нужно поправить и его */
    .sc-product-images .image {
        text-align: center; /* Центрирование */
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
  
}

@media (min-width: 992px) { /* Только для ПК */
    #product .content-block{
        position: -webkit-sticky;
        position: sticky;
        top: 130px; /* Отступ сверху от края браузера */
        
        /* Чтобы не перекрывал другие элементы, если они есть */
        z-index: 10; 
        background: #fff; /* Желательно задать фон, чтобы текст под ним не просвечивал */
        
        /* Ограничение высоты, чтобы он мог скроллиться внутри себя, если он очень высокий */
        max-height: calc(100vh - 40px); 
        overflow-y: auto; 
        
        /* Косметика для скроллбара внутри блока (если блок слишком длинный) */
        scrollbar-width: thin;
    }
}

#product .content-block{
    background: #ffffff00;
  }

#productImages .content-block{
    border: 1px solid #EDEAE5;
    background-color: #EDEAE5;
    border-radius: 0;
}

.sc-product-info-item {
    background: #f2f4f800;
    color: #858079;
}

.sc-product-buttons{
  flex-wrap: wrap;
    gap: 16px;
}


#cart .header-buttons-cart-quantity {
    background: #3a3a3a;
    color: #fff;
}

.sc-module-sticker-green {
    background: #1c1c28;
}

.product-layout .content-block{
    border: 0;
    background-color: transparent;
    border-radius: 0;
}

.product-layout .content-block .sc-module-img{
    background-color: #EDEAE5;
}

.sc-product-buttons .sc-module-quantity {  
    height: 48px;
    background-color: white;
    padding: 12px;
    margin-right: 0;
}
.product-additional-description{
  padding-top: 16px;
}
@media (max-width: 768px) {
.product-additional-description{
  padding: 0 16px;
}
}

.product-additional-description h2{
  font-weight: 100;
  font-size: 1rem;
  margin-bottom: 12px;
  color: #726f6f;
}

.product-additional-description p{
    color: #726f6f;
    font-size: 14px;
    line-height: 1.8;
}

.sc-wishlist-btn{
  padding: .875rem 1.1rem!important;
}

.sc-product-content-card .sc-module-caption .dark-text{
    font-family: "the-seasons", sans-serif;
    font-style: normal;
    font-size: 18px !important;
}

.content-block:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* Tabs */
@media (min-width: 768px) {
    .sc-product-tab {
        padding: .7rem 2.5rem;
    }
}

@media (min-width: 768px) {
    .sc-product-tabs {
        border-radius: 0;
        margin-bottom: .7rem;
    }
}

.sc-product-tabs {
    background: #fff;
    -webkit-box-shadow: 0 0 2px rgba(40, 41, 61, .04), 0 4px 8px rgba(96, 97, 112, .16);
    box-shadow: 0 0 1px rgba(40, 41, 61, .04), 0 2px 4px rgb(96 97 112 / 10%);
    overflow: hidden;
    overflow-x: auto;
}
.sc-product-tab.active .sc-product-tab-title {
    text-transform: uppercase;
    font-size: .75rem !important;
    letter-spacing: 1px;
}

.sc-product-tab img {
    display: none;
}

.sc-product-tab-title {
    text-transform: uppercase;
    font-size: .75rem !important;
    letter-spacing: 1px;
}

@media (min-width: 768px) {
    .sc-product-content-advantages-item { 
      border-width: 0 0 1px 0;
      border-radius: 0;
    }
}
/* Fancy */
.fancybox-bg {
    background: #e2dfd7 !important;
}
@media (min-width: 768px) {
    .sc-advantages-item {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        width: 25%;
    }
}

.sc-advantages-item .content-block {
    background-color: #ffffff00;
}

.sc-module-infinity .content-block{
    border: 0;
    background-color: transparent;
    border-radius: 0;
}
.sc-module-infinity .sc-module-img{
  background-color: #edeae5;
}

.sc-product-content-advantages-item img{
  display: none;
}

.sc-product-content-advantages-item-title {
    padding-left: 0;
}
.sc-product-content-advantages-item-text{
	line-height: 1.9;
}
@media (max-width: 768px) {
	.product-grid .content-block{
  	flex-direction: column !important;
}

.product-grid .sc-module-img{
    width: 100%;
    max-width: 100%;
    padding-right: 0;
    margin-bottom: 1rem;
  }
  
  .product-grid .sc-module-caption{
     max-width: 100%!important;
  }
}
      .product-grid .sc-module-cart-absolute {
        position: absolute;
        bottom: 1rem;
        right: 1rem;
    }
    .product-grid .sc-module-cart .sc-btn-primary .sc-btn-text{
        display: none;
    }
/* end product */
/* Titles */

h1{
  font-family: "the-seasons", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.sc-product-content-title span{
    font-family: "the-seasons", sans-serif;
    font-weight: 400;
    font-size: 20px;
}

.sc-module-header {
  font-family: "the-seasons", sans-serif;
  font-weight: 400;
}

.sc-module-title {
  font-family: "the-seasons", sans-serif;
  font-weight: 400;
  font-size: 18px;
}

.sc-module-price {
    font-size: 16px;
}
/* end Titles */

/* advantages */

.sc-advantages-item-text{
    color: rgb(161 161 159) !important;
   font-size: 13px !important;
}

.sc-advantages-item-title{
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 200 !important;
}

.sc-advantages-item img{
  width: 32px;
}
/* end advantages */
/* menu */
.sc-btn.sc-btn-secondary:not([disabled]):hover .sc-btn-icon {
    background: rgb(118 116 116);
}

@media (min-width: 360px) {
    .header-buttons .sc-btn {
        height: 19px;
    }
  .header-buttons-account .text-lowercase, .sc-btn-with-icon .text-lowercase{
    display: none;
  }

.header-search .form-control {
    background: #f8f9fa00;
    border: 0;
    border-bottom: 1px solid #d0cbc8;
    border-radius: 0 !important;
}
.top-left li a, #top .sc-dropdown-toggle, .top-right .popup-call-trigger {
    font-weight: 300;
    letter-spacing: .5px;
}
  
  #sc-search-button .sc-btn-icon {
    width: 16px;
    height: 16px;
    background: #272523;
  }

.sc-megamenu-list-item>a {
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.sc-megamenu-child-title{
    font-weight: 200 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase;
}

.sc-megamenu-children-title span{
   font-family: "the-seasons", sans-serif;
}

.sc-megamenu-children-title img{
   margin: 0 auto;
}

.sc-megamenu-children-title{
   text-align: center;
}

#overlay.active {
    background: transparent!important;
}
/* end menu */
/* footer  */
@media (min-width: 768px) {
.footer-subscription{
  border-left: 1px solid #d2d2d2;
}
}
@media (max-width: 768px) {
.footer-subscription{
  border-top: 1px solid #d2d2d2;
}
}

.footer-bottom {
  background-color: #EFEDE9;
}

/* --- СТИЛИ ДЛЯ ПОДПИСКИ В ФУТЕРЕ --- */

/* Перебиваем стандартную строку (input-group) и делаем колонку */
.sc-footer-subscribe-wrap .input-group,
.sc-footer-subscribe-wrap form {
    display: flex !important;
    flex-direction: column !important;
    width: 100%;
    gap: 12px; /* Расстояние между полем и кнопкой */
}

/* Сбрасываем лишние радиусы и ширину, которые задает тема */
.sc-footer-subscribe-wrap .input-group > * {
    width: 100% !important;
    margin: 0 !important;
    border-radius: 0 !important; /* Убираем скругления, если нужен строгий прямоугольный дизайн */
}

/* Стили самого поля ввода (инпута) */
.sc-footer-subscribe-wrap input[type="email"],
.sc-footer-subscribe-wrap .form-control {
    width: 100%;
    height: 48px;
    padding: 10px 15px;
    border: 1px solid #dcdcdc; /* Светло-серая рамка */
    background-color: #fff;
    color: #333;
    font-size: 14px;
    box-shadow: none !important;
    outline: none !important;
    transition: border-color 0.3s ease;
}

/* Рамка при клике (фокусе) на инпут */
.sc-footer-subscribe-wrap input[type="email"]:focus,
.sc-footer-subscribe-wrap .form-control:focus {
    border-color: #000 !important;
}

/* Стили кнопки */
.sc-footer-subscribe-wrap button {
    width: 100%;
    height: 48px;
    background-color: #000; /* Черная кнопка в цвет твоего логотипа */
    color: #fff;
    border: none;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Эффект при наведении на кнопку */
.sc-footer-subscribe-wrap button:hover {
    background-color: #333;
}

/* Скрываем родные заголовки модуля, так как мы вывели свои в footer.twig */
.sc-footer-subscribe-wrap .oct-subscribe-title,
.sc-footer-subscribe-wrap .sc-module-title {
    display: none !important;
}

.sc-footer-subscribe{
  margin-left: auto;
  margin-right: auto;
}

.sc-footer-title {
    display: none !important;
}

.sc-footer, .sc-footer-subscribe .form-check-label, .sc-footer-credits {
    color: rgb(101 100 99);
}

.subscribe-title{
  letter-spacing: 2px;
}
  
.subscribe-subtitle{
  opacity: .7;
}

.sc-footer-subscribe {
        margin-top: 0!IMPORTANT;
    }
/* end footer  */

/* category  */
@media (min-width: 992px) {
.sc-category-description{
   max-width: 56%;
}
}
.sc-category-description{
   background-color: transparent!important;
   padding: 0;
   margin-bottom: 2rem;
}
/* end category  */

/* main menu */

@media (min-width: 1200px) {
    .sc-megamenu.with-slideshow .sc-megamenu-list {
        display: flex;
        flex-direction: column;
        justify-content: center;
        background-color: #f6f6f4;
      border:0;
      
      
    }
  .sc-megamenu-list{
  padding: 0 24px;
  }
     .sc-megamenu-list-item {
        padding: 2.25rem 0rem;
        border-bottom: 1px solid #e0dbd8;
    }
  .sc-megamenu-list-item span{
        letter-spacing: 2px;
        font-size: 13px !important;
}
  
  #menuToggleButton{
    background-color: transparent;
    
  }
  
   #menuToggleButton:hover .sc-btn-text{
    color: #000 !important;
}
  #menuToggleButton .sc-btn-text{
  text-transform: uppercase;
    letter-spacing: 2px;
  }
  
    .sc-megamenu-children {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: 1fr;
        width: 100%;
        text-align: center;
    }
      .sc-megamenu-child-wrapper {
        text-align: center;
    }
  .sc-megamenu-child {
        box-shadow: 0 0 8px rgb(61 40 40 / 2%), 0 4px 8px rgb(112 96 96 / 10%);
        border-radius: 0;
    }
  
   .sc-megamenu-children-item a{
    transition: all .4s ease;
}
  
  .sc-megamenu-children-item a:hover {
    text-decoration: none;
    color: #665F53;
}


}
    

/* end main menu */
  
  .sc-banner-plus-title{
    font-family: "the-seasons", sans-serif;
  }
  
  .content-block h2 {
    font-family: "the-seasons", sans-serif;
    margin-bottom: 16px;
  }
  
  .content-block p + h2 {
    margin-top: 24px;
  }
  
  .sc-banner-plus-item .sc-btn {
    color: rgb(167 152 145)!important;
    background: rgb(255 255 255)!important;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 12px 24px;
    border-radius: 0 !important;
    box-shadow: none;
    text-shadow: 0 0 BLACK;
    filter: none;
    border: 1px solid #ddd6c8;
}
  
  .sc-banner-plus-item .sc-btn:hover {
    color: rgb(255, 255, 255) !important;
    background: rgb(97, 92, 85) !important;
    border-color: rgb(97, 92, 85) !important;
}
  
  @media (min-width: 360px) {
    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
        justify-content: center !important;
    padding-right: 2rem;
    }
    
    .swiper-pagination-clickable .swiper-pagination-bullet{
    width: 32px !important;
    height: 1px !important;
    background-color: white !important;
}
    .swiper-pagination-clickable .swiper-pagination-bullet-active{
    width: 32px !important;
    height: 1px !important;
    background-color: #e1d5d5 !important;

}
    
    .sidebar-header {
      background: #f6f6f4;
    }
    
    .sidebar{
      border-radius: 0
    }
    
    .sidebar-main-menu-item-icon{
     background: transparent;
    }
    
    .sidebar-main-menu-item-catalog .sidebar-main-menu-item-icon:before {
    background: #f7f5f4;
}
    .sidebar-main-menu-item-catalog .sidebar-main-menu-item-icon {
    border-radius: 2px !important;
}
    
    
}
    
    @media (max-width: 1199.98px) {
    .sc-megamenu-list {
        background: #ffffff;
    }
}
    
    @media (max-width: 1199.98px) {
    .sc-megamenu-child {
        background: #fbfbfa;
    }
}
    
    @media (max-width: 1199.98px) {
    .sidebar-main-menu .sc-megamenu-children-item img {
        background: transparent;
        border: 0;
      }
    }
    
    .sidebar-main-menu .sc-megamenu-list-item.active>span, .sc-megamenu-list-item:hover>span {
    background: #f6f6f4;
}
    
    .sidebar-main-menu .sc-btn-secondary:not([disabled]) {
    background-color: #f6f6f4;
}
  
    
    
    
    .sidebar-main-menu .sidebar-main-menu-item-viewed .sc-module {
    background: #fbfbfa;
    }
    
    .sidebar-menu-catalog-inner .sc-module .content-block{
    border-radius: 0;
    border: 0;
    box-shadow: 0px 1px 12px -6px #c0bcba;
}
    .sc-category-sort select {
    border-radius: 0;
    background-color: #f9f9f8;
            font-weight: 200 !important;
            color: #8e8b84;
    }
    
    
    
    .sc-megamenu-children-item li {
    margin-top: 1.25rem!important;
}
  
  .header .sc-btn.sc-btn-secondary:not([disabled]).clicked .sc-btn-text{
    color: #000;
  }
  
  @media (min-width: 360px) {
    .content-block ul + h2 {
        margin-top: 24px;
    }
}.oct_dynamic_stylesheet_end{display: none;}