.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(42, 163, 114) !important;}
:root {--ds-primary-color:rgb(42, 163, 114);}
:root {--ds-body-bg-light-color:rgb(248, 251, 253);}
:root {--ds-links-color:rgb(18, 37, 56);}
.light-theme .ds-header {background:rgb(255, 255, 255);}
.ds-dropdown-links .blue-link, .ds-switcher button {color:rgb(18, 37, 56);}
.ds-dropdown-links .blue-link:hover {color:rgb(37, 145, 101);}
:root {--ds-footer-bg-light-color:rgb(18, 37, 56);}
.light-theme .ds-footer-subscribe-text, .light-theme .ds-footer-item .secondary-text, .light-theme .ds-footer-socials .secondary-text {color:rgb(255, 255, 255);}
.ds-footer .blue-link {color:rgb(255, 255, 255);}
.ds-footer .blue-link:hover {color:rgb(37, 145, 101);}
.light-theme .ds-footer-links li a, .light-theme ul.ds-footer-item li a {color:rgb(255, 255, 255);}
.ds-footer-links li a:hover, ul.ds-footer-item li a:hover {color:rgb(37, 145, 101);}
.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-interactive-color:rgb(42, 163, 114);}
.ds-price-new.red-text {color:rgb(213, 56, 61);}
.ds-header-compare-button, .ds-mobile-bottom-nav-item-compare, .ds-compare-btn {display: none!important;}
.oct_dynamic_stylesheet_begin{display: none;}
.ds-header-catalog-button {
	background-color: var(--ds-primary-color);
}

.owl-wrapper-outer {
    border: 1px solid #fff!important
}

.bannerpro .owl-wrapper-outer {
    box-shadow: none!important
}

.section_custom {
    font-size: 16px;
    line-height: 24px
}

.section_custom ol {
    padding-inline-start: 0;
  	list-style-position: inside
}

.section_custom ul {
    list-style-type: disc
}

.section_custom h2 {
    font-size: 30px;
    line-height: 34px;
    margin-top: 40px;
    margin-bottom: 40px
}

.section_custom ol {
    font-size: 16px;
    line-height: 24px
}

.table-wrapper {
  width: 100%;
  display: flex;
  justify-content: left;        /* по центру на десктопе */
}

.table_custom {
  width: 60%;                     /* десктоп: не на всю ширину */
  border-collapse: collapse;
  border: 1px solid #04843c;
  background-color: #fff;
  font-size: 16px;
  line-height: 1.4;
  color: #000;
  table-layout: fixed;            /* равные колонки */
  min-width: 600px;               /* чтобы не схлопывалась на широких экранах */
  border-radius: 4px;
}

/* любые ячейки */
.table_custom th,
.table_custom td {
  border: 1px solid #04843c;
  padding: 0.75rem;
  text-align: center;
  vertical-align: middle;
  background-clip: padding-box;
}

/* верхняя зелёная шапка */
.table_custom thead th {
  background-color: #2aa370;
  color: #fff;
  font-weight: 600;
  text-align: center;
}

/* колонка "Розмір" в шапке */
.table_custom .col-size {
  text-align: left;
  font-weight: 700;               /* заголовок жирный */
  white-space: normal;
  word-break: break-word;
  min-width: 200px;
}

/* первая колонка в теле таблицы:
   обычный вес шрифта, перенос строк разрешён */
.table_custom tbody td:first-child {
  text-align: left;
  font-weight: 400;
  white-space: normal;
  word-break: break-word;
}

/* остальные колонки с ценами */
.table_custom .col-price,
.table_custom td:not(:first-child) {
  text-align: center;
  white-space: nowrap;
  font-weight: 400;
}

/* ======== мобильный режим ======== */
@media (max-width: 768px) {
  .table-wrapper {
    justify-content: flex-start;  /* таблица прижимается к левому краю контейнера */
  }

  .table_custom {
    width: 100%;                  /* на мобильном: на всю доступную ширину */
    min-width: 0;                 /* убираем жесткий минимум */
    font-size: 14px;
    border-radius: 0;             /* можно убрать скругление, чтобы смотрелась нативно */
  }

  .table_custom th,
  .table_custom td {
    padding: 0.6rem;
  }

  .table_custom .col-size {
    min-width: auto;
  }
}

.imgs_custom {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.imgs_custom div {
    width: 33.333%;
    padding-right: 5px;
    margin-bottom: 5px
}

.imgs_custom img {
    width: 100%;
    object-fit: cover
}

.imgs_custom div:last-child {
    padding-right: 0
}

.flex {
    display: flex
}

.flex__content {
    margin-right: 20px
}

.flex__img {
    width: 450px
}

@media (max-width: 991px) {
    .flex {
        flex-direction:column
    }

    .flex__content {
        margin-right: 0;
        margin-bottom: 15px
    }

    .flex__img {
        text-align: center
    }
}

@media (max-width: 600px) {
    .table_custom {
        width:75%
    }

    .imgs_custom div {
        width: 50%
    }

    .flex__img {
        width: 100%
    }

    .flex__img img {
        width: 100%
    }
}

@media (max-width: 400px) {
    .imgs_custom div {
        width:100%;
        padding-right: 0
    }
}

.ds-breadcrumb .fa-home {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-right: 4px;
}

.ds-breadcrumb-item:first-child {
    width: auto; /* убираем фикс */
}

.ds-breadcrumb-item:first-child>* {
    width: auto;
    height: auto;
    display: inline-block;
}

.ds-breadcrumb .fa-home:after {
    content: "";
    background: url(../../images/home-roof.svg) 0 0/contain no-repeat;
    display: inline-block;
    width: 12px;
    height: 12px;
}

.ds-header-catalog-button {
	background-color: var(--ds-primary-color) !important;
	color: var(--ds-white-color) !important;
}

.ds-header .button.button-outline-primary svg path, .ds-header .button.button-outline-primary:hover:not([disabled]) svg path {
    fill: var(--ds-white-color);
}

.ds-header-catalog-button:hover, .ds-header-catalog-button:focus {
	background-color: rgb(37 145 101) !important;
}

#logo {
    max-width: 130px;
}

@media (min-width: 1200px) {
    #logo {
        max-width: 130px;
    }
}

.ds-carousel-title {
  display:none;
}

@media (min-width: 1200px) {
    .ds-subcategories-item {
        -ms-flex: 1 0 25%;
        flex: 1 0 25%;
        max-width: 25%;
    }
}

.ds-subcategories-title {
	text-align: center;
}

.ds-module-cart .button-outline {
	margin-top: 10px;
}

.faq-title {
	text-align: left !important;
	font-size: 1.25rem !important;
	font-weight: 500 !important;
	color: var(--ds-dark-text-color) !important;
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
}

.table-landing {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

.table-landing td {
	padding: .4rem !important;
	text-align: left !important;
}

#content li:not(.faq-question) {
    margin-left: 15px !important;
}

h1 {
    font-weight: 700 !important;
}

h2 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
    font-weight: 500 !important;
}

.main-pg {
  padding-top: 1rem !important;
}

.main-pg h3 {
  font-size: 1.25rem !important;
  font-weight: 500 !important;
}

.ds-slideshow-item-title, .ds-slideshow-item-text {
	line-height: 1.3;
}

@media (min-width: 1200px) {
  .ds-header.with-categories-menu .ds-menu-main-catalog.with-slideshow {
      width: 338px;
      height: 465px;
  }
  .ds-menu-catalog.ds-menu-main-catalog.active>.ds-menu-catalog-inner {
  	max-height: 465px;
  }
}

@media (min-width: 1600px) {
  .ds-header.with-categories-menu .ds-menu-main-catalog.with-slideshow {
      width: 368px;
      height: 465px;
  }
  .ds-menu-catalog.ds-menu-main-catalog.active>.ds-menu-catalog-inner {
  	max-height: 465px !important;
  }
  .ds-slideshow.mt-3.menu-active.with-pagination {
  	max-height: 465px;
  }
}

.vb_product_prices {
	display: none;
}

.vb_banner_img {
	border-radius: 5px;
}

.faq-link, .faq-text {
  color: #00171F;
}

.vb_product_title {
    color: #00171F;
    margin-bottom: 15px;
}

.vb_product_buttons .btn {
	background-color: var(--ds-primary-color);
  	border-color: var(--ds-primary-color);
}

.vb_product_buttons .btn:active {
	background-color: rgb(37 145 101);
  	border-color: rgb(37 145 101);
}

.ds-price-new.fsz-20.fw-500.dark-text.pb-3 {
	display: none;
}

.modal-body-product-title.fw-500.fsz-14.mb-3 {
  margin-top: 25px;
}

.custom-form {
    border-color: var(--ds-primary-color);
    background-color: transparent;
    color: var(--ds-primary-color);
    margin-top: 15px;
    height: 42px;
    font-size: 14px;
}

.custom-form:hover, .custom-form:focus, .custom-form:active {
    color: #fff !important;
    background-color: var(--ds-primary-color) !important;
    border-color: var(--ds-primary-color) !important;
}

.divshadow .text-left, .divshadow h3 {
    color: #00171f !important;
}

.divshadow #cheaperForm66 {
	margin-top: 15px;
	color: #00171f;
}

.divshadow .price {
  display: none;
}

.divshadow .btn-primary {
    background-color: var(--ds-primary-color) !important;
    border-color: var(--ds-primary-color) !important;
}

.divshadow .btn-primary:active, .divshadow .btn-primary:focus {
    background-color: var(--ds-primary-color) !important;
    border-color: var(--ds-primary-color) !important;
}

@media (max-width: 768px) {
  .ms-2 {
      margin-left: 20px !important;
  }
}

@media (max-width: 991px) {
  /* убираем расширение контейнера */
  .vb_banners_slider .slick-list {
    width: 100% !important;
    overflow-x: hidden; /* перестраховка */
  }

  /* трек больше не вылезает за края */
  .vb_banners_slider .slick-track {
    margin: 0 !important;
  }

  /* убираем внешние отступы слайдов, чтобы не расширяли трек */
  .vb_banners_slider .slick-slide {
    margin: 0 !important;
  }

  /* если нужны «поля» внутри — даём паддинги колонке вместо margin у .slick-slide */
  .vb_banner_col.slider_col {
    padding: 0 15px !important;
  }

  /* стрелки точно внутри вьюпорта */
  .vb_banners_slider .prev { left: 8px; }
  .vb_banners_slider .next { right: 8px; }
}

.ds-product-options .radio label {
    background-color: #e3fff4 !important;
}

.ds-last-reviews-item-img-label {
	display: none !important;
}

@media (min-width: 1200px) {
    .ds-module-sticker {
        font-size: .625rem;
    }
}

.ds-module-sticker {
	border-radius: 0.3rem !important;
}

#rm-product-reviews_0 {
	margin-bottom: 16px;
}

button.cheapering {
    border-color: var(--ds-primary-color);
    color: var(--ds-secondary-text-color);
    margin-top: 15px;
    background-color: transparent !important;
    font-size: 0.9rem;
}

button.cheapering:hover, button.cheapering:focus{
    border-color: var(--ds-primary-color);
    color: #fff;
    background-color: var(--ds-primary-color) !important;
}

.cheaper30 form {
    margin-top: 20px;
}



/* База */
.lp-page{background:#fff;color:#0f172a;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica,Arial}
.lp-container{max-width:1180px;margin:0 auto;padding:0 16px}
.lp-section{padding:64px 0}
.lp-section-alt{background:#f6f8fa;border-top:1px solid #eef2f6;border-bottom:1px solid #eef2f6;padding:56px 0}

/* Hero */
.lp-hero{padding:48px 0 32px;background:linear-gradient(#fff,#fff 60%,#f8fafc)}
.lp-hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center}
@media (max-width:960px){.lp-hero-grid{grid-template-columns:1fr}}
.lp-lead{color:#475569;font-size:18px;max-width:640px}
.lp-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #bbf7d0;background:#ecfdf5;color:#059669;padding:6px 10px;border-radius:999px;font-size:13px}
.lp-hero-cta{margin-top:16px}
.lp-btn-outline{display:inline-block;padding:12px 20px;border:1px solid #e2e8f0;border-radius:14px;text-decoration:none;color:inherit}
.lp-btn-outline:hover{border-color:#cbd5e1}
.lp-hero-badges{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px;color:#64748b;font-size:14px}
.lp-hero-icons{padding-left:8px}

/* сетки */
.lp-grid{display:grid;gap:24px}
.lp-grid-3{grid-template-columns:repeat(3,1fr)}
.lp-grid-4{grid-template-columns:repeat(4,1fr)}
.lp-grid-5{grid-template-columns:repeat(5,1fr)}
@media (max-width:1200px){.lp-grid-5{grid-template-columns:repeat(3,1fr)}}
@media (max-width:900px){.lp-grid-4{grid-template-columns:repeat(2,1fr)}.lp-grid-3{grid-template-columns:1fr}}
@media (max-width:640px){.lp-grid-5{grid-template-columns:repeat(2,1fr)}}
@media (max-width:448px){.lp-grid-5,.lp-grid-4,.lp-grid-3,.lp-icon-grid{grid-template-columns:1fr}}

/* сетка иконок в hero */
.lp-icon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}

/* иконки */
.lp-i{width:24px;height:24px;color:#10b981}
.lp-i-16{width:16px;height:16px}
.lp-i-green{color:#10b981}
.lp-icon-24{width:24px;height:24px;display:flex;align-items:center;justify-content:center}
.lp-icon-red .lp-i{color:#ef4444}

 .lp-icon-slot{width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin:0 auto}
  .lp-icon-img{width:24px;height:24px;display:inline-block;vertical-align:middle}

/* карточки-квадраты (иконка сверху, текст снизу, центр) */
.lp-square{border:1px solid #e2e8f0;background:#fff;border-radius:16px;padding:24px;min-height:136px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px}
.lp-square-tall{min-height:160px}
.lp-square-title{font-size:14px;color:#334155;line-height:1.3}

/* карточки «проблемы» — та же вертикальная колонка */
.lp-card{border:1px solid #e2e8f0;background:#fff;border-radius:16px;padding:24px}
.lp-card-center{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;min-height:136px}
.lp-card-txt{color:#0f172a}

/* шаги */
.lp-step{border:1px solid #e2e8f0;background:#fff;border-radius:20px;padding:24px;text-align:center}
.lp-step-badge{width:40px;height:40px;border-radius:14px;background:#ecfdf5;border:1px solid #d1fae5;display:flex;align-items:center;justify-content:center;margin:0 auto 10px}
.lp-step-title{font-weight:600;margin-bottom:8px}

/* двe колонки текста */
.lp-cols-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media (max-width:900px){.lp-cols-2{grid-template-columns:1fr}}

/* список с чек-иконкой */
.lp-list-check{list-style:none;padding-left:0;margin:0;display:grid;gap:10px}
.lp-list-check li{position:relative;padding-left:28px}
.lp-list-check li:before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:50%;background:#10b981;-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m9 12 2 2 4-4"/></svg>') center/20px 20px no-repeat;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m9 12 2 2 4-4"/></svg>') center/20px 20px no-repeat}

/* таблица со скроллом и закреплённым 1-м столбцом */
.lp-table-wrap{overflow:auto;border:1px solid #e2e8f0;border-radius:16px}
.lp-table{width:100%;min-width:720px;border-collapse:separate;border-spacing:0}
.lp-table th,.lp-table td{padding:16px;text-align:left;white-space:nowrap;background:#fff}
.lp-table thead{background:#f8fafc;color:#475569;position:sticky;top:0;z-index:2}
.lp-table tbody tr+tr{border-top:1px solid #e2e8f0}
.lp-row-alt td{background:#f9fafb}
.lp-sticky{position:sticky;left:0;z-index:1;background:#fff}

/* прочее */
.lp-note{margin-top:16px;color:#475569}
.lp-mini-footer{border-top:1px solid #e2e8f0;background:#fff}
.lp-mini-footer__row{display:flex;flex-wrap:wrap;gap:16px;padding:20px 0;color:#64748b;font-size:14px}

#oct-infobar {
z-index: 9999 !important;
}.oct_dynamic_stylesheet_end{display: none;}