/* Start:/bitrix/templates/furniture_pale-blue/components/bitrix/catalog.section/zabor/style.css?17779653093717*/
.catalog-list {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 26px;
}

.catalog-list .catalog-item {
    width: calc(25% - 20px);
    border: 1px solid #efefef;
    padding: 0px 20px;
    background: #fff;
}

.catalog-item-image img {
    max-width: 100%;
    height: auto;
}

.catalog-item-image {
    height: 160px;
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.catalog-item-title {
    text-align: center;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 20px;
}

.catalog-item-title a {
    text-decoration: underline;
    font-size: 18px;
    line-height: 1.4;
    color: #000;
    font-weight: 600;
}

span.catalog-item--more a {
    display: block;
    background: #6dcc56;
    text-align: center;
    color: #fff;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
}

span.catalog-item--more {
    width: calc(50% - 5px);
    display: inline-block;
}

.catalog-item-footer {
    margin-bottom: 20px;
    margin-top: 20px;
}

span.catalog-item--order {
    background: #f1c200;
    height: 40px;
    display: inline-block;
    vertical-align: top;
    line-height: 40px;
    width: calc(50% - 5px);
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    float: right;
}

.price__table-name {
    text-align: center;
    font-size: 21px;
    margin-bottom: 7px;
    font-weight: 600;
}

.price__table--block table {
    width: 100%;
    border-collapse: collapse;
}

.price__table--block table td {
    border: 1px solid #ddd;
    padding: 5px 15px;
}

tr.price__table--heading {
    background: #6dcc56;
    text-align: center;
    color: #fff;
    font-size: 18px;
}

.price__table--block table tr td[colspan] {
    font-weight: 500;
    text-align: center;
    font-size: 18px;
}

.hide {
    display: none !important;
}

@media (max-width: 900px) {
    .catalog-list .catalog-item {
        display: block;
        width: calc(50% - 2px);
        /* width: 100%; */
        padding: 0 10px;
        margin-bottom: 6px;
    }
    .catalog-list {
        gap: 2px;
        justify-content: space-between;
    }
    .catalog-item-price {
        font-size: 18px;
    }
    .price__table--block table {
        overflow: scroll;
        display: block;
    }
}

@media (max-width: 400px) {
    .catalog-list .catalog-item {
        width: 100%;
    }
    .catalog-item-image {
        justify-content: space-around;
    }
}

.catalog-item-props {
    display: flex;
    flex-wrap: wrap;
}

.catalog-item-property {
    width: 50%;
}

.catalog-item-subdescr {
    text-align: center;
    color: gray;
    line-height: normal;
    margin-bottom: 20px;
    font-size: 14px;
}

@media (max-width: 768px) {
    .catalog-list .catalog-item {
        width: 100% !important;
    }
    .catalog-item-image {
        justify-content: center;
    }
    body .catalog-item-image {
        height: 160px;
        min-height: 160px;
        max-height: 160px;
    }
}

.catalog-item-footer.coolumn_type {
    display: flex;
    flex-direction: column;
}

.catalog-item-footer.coolumn_type .catalog-item--more a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    line-height: 1;
    padding: 0px;
    width: 100%;
}

.catalog-item-footer.coolumn_type span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.catalog-item-footer.coolumn_type span.catalog-item--more {
    margin-bottom: 8px;
}

@media (max-width: 767px) {
    .mobile-slider > .row {
        overflow: auto;
        flex-wrap: nowrap !important;
    }
}

/* End */


/* Start:/local/components/advertpro/section.hero/templates/.default/style.css?179198449314133*/
.zh{
  --zh-yellow:#ffc800;
  --zh-yellow-h:#f2bb00;
  --zh-price:#ffc22e;
  --zh-text:#14181c;
  --zh-muted:#5f666d;
  --zh-line:#d9dde1;
  --zh-bg:#f5f6f7;
  --zh-radius:16px;
  padding:16px 0 24px;
  font-family:"Inter",Arial,sans-serif;
  color:var(--zh-text);
  line-height:1.2;
  -webkit-font-smoothing:antialiased;
}
.zh *,.zh *::before,.zh *::after{box-sizing:border-box}
.zh h1,.zh p,.zh ul,.zh li,.zh form,.zh fieldset,.zh legend,.zh label,.zh dialog{margin:0;padding:0}
.zh button,.zh input,.zh select{font-family:inherit;font-size:inherit;color:inherit;line-height:normal}
.zh svg{display:block}

/* ---------- Блок ---------- */
.zh .zh__box{display:flex;height:490px;border-radius:var(--zh-radius);overflow:hidden;background:#fff;box-shadow:0 2px 14px rgba(20,24,28,.08)}
.zh .zh__media{position:relative;flex:1 1 auto;min-width:0;color:#fff;background-color:#2b221d;background-position:right center;background-size:auto 100%;background-repeat:no-repeat}
.zh .zh__media::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;
  background:linear-gradient(90deg,#120f0d 0,#120f0d calc(100% - 314px),rgba(18,15,13,.7) calc(100% - 260px),rgba(18,15,13,.25) calc(100% - 190px),rgba(18,15,13,0) calc(100% - 120px))}
.zh .zh__content{position:relative;height:100%;padding:56px 44px 32px;display:flex;flex-direction:column}
.zh .zh__title{font-family:inherit;font-size:56px;line-height:1.02;font-weight:800;letter-spacing:-.01em;color:#fff;text-align:left;text-transform:none;max-width:640px}
.zh .zh__title--long{font-size:44px;max-width:720px}
.zh .zh__sub{font-size:22px;font-weight:500;margin-top:10px}
.zh .zh__price{font-size:40px;font-weight:800;line-height:1.2;color:var(--zh-price);margin-top:20px;letter-spacing:-.01em;white-space:nowrap}
.zh .zh__note{font-size:13px;color:#e4e4e4;margin-top:8px}
.zh .zh__features{display:grid;grid-template-columns:repeat(2,max-content);gap:20px 52px;margin-top:28px;list-style:none}
.zh .zh__features li{display:flex;align-items:center;gap:14px;font-size:15px;font-weight:500;line-height:1.3;list-style:none}
.zh .zh__features li::before{display:none}
.zh .zh__features svg{width:38px;height:38px;flex-shrink:0;color:var(--zh-yellow)}
.zh .zh__stats{margin-top:auto;font-size:13px;color:#e4e4e4}

/* ---------- Калькулятор ---------- */
.zh .zh-calc{flex:0 0 366px;padding:22px 24px 20px 28px;display:flex;flex-direction:column;position:relative;background:#fff}
.zh .zh-calc__title{font-size:23px;line-height:1.25;white-space:nowrap;font-weight:700;letter-spacing:-.01em;margin-bottom:8px}
.zh .zh-field{margin-bottom:9px;min-width:0}
.zh .zh-field__label{display:block;font-size:13px;color:#3c4248;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400}
.zh .zh-input,.zh .zh-select{display:block;width:100%;height:42px;border:1px solid var(--zh-line);border-radius:6px;padding:0 13px;font-size:15px;background-color:#fff;outline:none;box-shadow:none;margin:0;transition:border-color .2s,box-shadow .2s}
.zh .zh-input:focus,.zh .zh-select:focus{border-color:var(--zh-yellow);box-shadow:0 0 0 3px rgba(255,200,0,.25)}
.zh .zh-input.is-error{border-color:#e5484d}
.zh .zh-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%2314181c' stroke-width='1.5'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5'/%3E%3C/svg%3E") right 14px center/12px no-repeat;padding-right:36px}
.zh .zh-calc__form .zh-input,.zh .zh-calc__form .zh-select{height:37px;font-size:14px;padding-left:11px}
.zh .zh-calc__form .zh-select{padding-right:30px;background-position:right 11px center;text-overflow:ellipsis}
.zh .zh-field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}

.zh .zh-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:var(--zh-yellow);color:var(--zh-text);font-weight:700;cursor:pointer;text-decoration:none;transition:background .2s}
.zh .zh-btn:hover{background:var(--zh-yellow-h)}
.zh .zh-btn--calc{width:100%;height:46px;font-size:17px;margin-top:5px;flex-shrink:0}

.zh .zh-calc__form{display:flex;flex-direction:column;height:100%}
.zh .zh-calc__links{margin-top:auto;padding-top:8px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.zh .zh-link-params{display:inline-flex;align-items:center;gap:8px;background:none;border:0;padding:0;cursor:pointer;font-size:15px;font-weight:500;color:var(--zh-text)}
.zh .zh-link-params svg{width:16px;height:16px}
.zh .zh-link-params:hover{color:#8a6a00}
.zh .zh-link-arrow{display:inline-flex;align-items:center;gap:12px;font-size:15px;font-weight:500;line-height:1.5;color:var(--zh-text);background:none;border:0;border-bottom:1px solid currentColor;border-radius:0;padding:0;cursor:pointer}
.zh .zh-link-arrow svg{width:16px;height:16px}

/* результат */
.zh .zh-calc__result{display:none;flex-direction:column;height:100%}
.zh .zh-calc.is-result .zh-calc__form{display:none}
.zh .zh-calc.is-result .zh-calc__result{display:flex}
.zh .zh-res__params{font-size:13px;color:var(--zh-muted);margin:-6px 0 14px;line-height:1.4}
.zh .zh-res__total-label{font-size:14px;color:#3c4248}
.zh .zh-res__total{font-size:34px;line-height:1.2;font-weight:800;letter-spacing:-.01em;margin-top:2px}
.zh .zh-res__per{font-size:14px;color:var(--zh-muted);margin-top:2px}
.zh .zh-res__rows{list-style:none;margin:16px 0 0;border-top:1px solid #eceef0}
.zh .zh-res__rows li{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:9px 0;border-bottom:1px solid #eceef0}
.zh .zh-res__rows b{font-weight:600;white-space:nowrap}
.zh .zh-res__old{color:var(--zh-muted);text-decoration:line-through;font-weight:400;margin-right:6px}
.zh .zh-badge{display:inline-block;background:#fff4cc;border-radius:4px;padding:1px 6px;font-size:12px;font-weight:600;margin-left:4px}
.zh .zh-res__remark{font-size:12px;color:var(--zh-muted);margin-top:8px}
.zh .zh-res__remark:empty{display:none}
.zh .zh-res__actions{margin-top:auto;padding-top:12px;display:flex;flex-direction:column;gap:12px}
.zh .zh-res__actions .zh-btn{height:48px;font-size:17px;width:100%}
.zh .zh-res__links{display:flex;justify-content:space-between;align-items:center}
.zh .zh-link-back{display:inline-flex;gap:8px;align-items:center;background:none;border:0;padding:0;cursor:pointer;font-size:14px;color:var(--zh-muted)}
.zh .zh-link-back:hover{color:var(--zh-text)}
.zh .zh-link-back svg{width:14px;height:14px}

/* ---------- Модальное окно калькулятора ---------- */
html.zh-is-modal{overflow:hidden}
.zh .zh-cm{border:0;padding:0;background:transparent;max-width:none;max-height:none;width:100%;height:100%;margin:0;color:var(--zh-text)}
.zh .zh-cm::backdrop{background:rgba(15,20,25,.6)}
.zh .zh-cm:not([open]){display:none}
.zh .zh-cm[open]{display:flex;align-items:center;justify-content:center;position:fixed;inset:0;z-index:10000}
.zh .zh-cm__box{position:relative;width:min(1140px,calc(100% - 32px));max-height:calc(100% - 48px);background:#fff;border-radius:var(--zh-radius);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.25)}
.zh .zh-cm__head{display:flex;align-items:center;justify-content:space-between;padding:20px 28px 0}
.zh .zh-cm__title{font-size:24px;font-weight:700;letter-spacing:-.01em}
.zh .zh-cm__close{width:40px;height:40px;border-radius:50%;border:0;padding:0;background:var(--zh-bg);cursor:pointer;display:grid;place-items:center}
.zh .zh-cm__close:hover{background:#eceef0}
.zh .zh-cm__close svg{width:18px;height:18px}
.zh .zh-cm__scroll{overflow:auto;padding:16px 28px 28px}
.zh .zh-cm__types{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px}
.zh .zh-cm-type{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 6px;border:2px solid transparent;border-radius:12px;background:none;cursor:pointer;text-align:center;transition:background .2s,border-color .2s}
.zh .zh-cm-type:hover{background:var(--zh-bg)}
.zh .zh-cm-type[aria-pressed="true"]{border-color:var(--zh-yellow);background:#fffbea}
.zh .zh-cm-type__img{width:96px;height:96px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px var(--zh-line)}
.zh .zh-cm-type__img img{width:100%;height:100%;object-fit:cover;display:block;max-width:none}
.zh .zh-cm-type__name{font-size:14px;font-weight:500;line-height:1.3}
.zh .zh-cm__body{display:grid;grid-template-columns:1fr 380px;gap:28px;align-items:start}
.zh .zh-cm-group{border:0;margin-bottom:18px;min-width:0}
.zh .zh-cm-group legend{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--zh-muted);margin-bottom:6px;border:0;width:auto}
.zh .zh-cm-row{display:grid;grid-template-columns:230px 1fr;gap:16px;align-items:center;padding:9px 0;border-bottom:1px solid #eceef0;transition:opacity .2s}
.zh .zh-cm-row.is-off{opacity:.45}
.zh .zh-cm-row__label{font-size:15px;color:#2c3237}
.zh .zh-cm-row__label label{font-weight:400}
.zh .zh-input--sm,.zh .zh-select--sm{height:40px;max-width:300px}
.zh .zh-seg{display:inline-flex;flex-wrap:wrap;gap:6px}
.zh .zh-seg__item{position:relative;cursor:pointer;margin:0;font-weight:400}
.zh .zh-seg__item input{position:absolute;opacity:0;pointer-events:none;margin:0}
.zh .zh-seg__item span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:38px;padding:0 12px;border:1px solid var(--zh-line);border-radius:6px;font-size:14px;font-weight:500;background:#fff;transition:background .15s,border-color .15s}
.zh .zh-seg__item:hover span{border-color:#b9bfc5}
.zh .zh-seg__item input:checked+span{background:var(--zh-yellow);border-color:var(--zh-yellow)}
.zh .zh-seg__item input:focus-visible+span{box-shadow:0 0 0 3px rgba(255,200,0,.35)}
.zh .zh-cm__summary{position:sticky;top:0;background:var(--zh-bg);border-radius:12px;padding:22px}
.zh .zh-cm-total span{display:block;font-size:14px;color:#3c4248}
.zh .zh-cm-total strong{display:block;font-size:34px;line-height:1.2;font-weight:800;letter-spacing:-.01em;margin-top:2px}
.zh .zh-cm-total em{font-style:normal;font-size:14px;color:var(--zh-muted)}
.zh .zh-cm-sec{margin-top:16px;border-top:1px solid #dfe2e5;padding-top:12px}
.zh .zh-cm-sec summary{display:flex;justify-content:space-between;gap:8px;font-weight:600;font-size:15px;cursor:pointer;list-style:none}
.zh .zh-cm-sec summary::-webkit-details-marker{display:none}
.zh .zh-cm-sec summary::before{content:"";width:8px;height:8px;border-right:1.6px solid;border-bottom:1.6px solid;transform:rotate(-45deg);margin:6px 8px 0 0;transition:transform .2s;flex-shrink:0}
.zh .zh-cm-sec[open] summary::before{transform:rotate(45deg);margin-top:3px}
.zh .zh-cm-sec summary b{margin-left:auto;white-space:nowrap}
.zh .zh-cm-sec summary s{color:var(--zh-muted);font-weight:400;margin-right:4px}
.zh .zh-cm-sec__row{display:flex;justify-content:space-between;font-size:15px;font-weight:600}
.zh .zh-cm-lines{list-style:none;margin:8px 0 0;padding:0}
.zh .zh-cm-lines li{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:6px 0}
.zh .zh-cm-lines li+li{border-top:1px dashed #d6dade}
.zh .zh-cm-line__name small{display:block;color:var(--zh-muted);font-size:12px;margin-top:1px}
.zh .zh-cm-lines b{font-weight:600;white-space:nowrap}
.zh .zh-cm-note{font-size:12px;color:var(--zh-muted);margin-top:8px}
.zh .zh-cm-empty{font-size:15px;color:#b42318;padding:12px 0}
.zh .zh-cm__order{width:100%;height:48px;font-size:16px;margin-top:18px}
.zh .zh-cm__bar{display:none}

/* ---------- Без калькулятора ---------- */
.zh--no-calc .zh__title{max-width:760px}

/* ---------- Адаптив ---------- */
@media (max-width:1180px){
  .zh .zh__title{font-size:48px}
  .zh .zh__title--long{font-size:40px}
  .zh .zh__features{gap:18px 32px}
}
@media (max-width:1024px){
  .zh .zh__box{flex-direction:column;height:auto}
  .zh .zh__media{min-height:490px}
  .zh .zh__content{height:auto;min-height:490px}
  .zh .zh__stats{padding-top:24px}
  .zh .zh-calc{flex-basis:auto}
  .zh .zh-calc__links{margin-top:20px}
  .zh .zh-cm__body{grid-template-columns:1fr}
  .zh .zh-cm__summary{position:static}
}
@media (max-width:760px){
  .zh .zh-cm__box{width:100%;max-height:100%;height:100%;border-radius:0}
  .zh .zh-cm__head{padding:14px 16px 0}
  .zh .zh-cm__title{font-size:19px}
  .zh .zh-cm__scroll{padding:12px 16px 24px}
  .zh .zh-cm__types{display:flex;overflow-x:auto;gap:4px;margin:0 -16px 12px;padding:0 16px;scrollbar-width:none}
  .zh .zh-cm-type{flex:0 0 96px;padding:8px 4px}
  .zh .zh-cm-type__img{width:64px;height:64px}
  .zh .zh-cm-type__name{font-size:12px}
  .zh .zh-cm-row{grid-template-columns:1fr;gap:8px}
  .zh .zh-input--sm,.zh .zh-select--sm{max-width:none}
  .zh .zh-cm__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid #eceef0;background:#fff}
  .zh .zh-cm__bar span{display:block;font-size:12px;color:var(--zh-muted)}
  .zh .zh-cm__bar strong{font-size:20px;font-weight:800}
  .zh .zh-cm__bar .zh-btn{height:44px;padding:0 18px;font-size:15px}
}
@media (max-width:640px){
  .zh{padding:12px 0 16px}
  .zh .zh__box{border-radius:12px}
  .zh .zh__media{min-height:0;background-size:cover;background-position:70% center}
  .zh .zh__media::before{background:linear-gradient(180deg,rgba(18,15,13,.82),rgba(18,15,13,.92))}
  .zh .zh__content{padding:32px 20px 24px;min-height:0}
  .zh .zh__title,.zh .zh__title--long{font-size:34px}
  .zh .zh__sub{font-size:17px}
  .zh .zh__price{font-size:30px;white-space:normal}
  .zh .zh__features{grid-template-columns:1fr 1fr;gap:16px}
  .zh .zh__features li{font-size:13px;gap:10px}
  .zh .zh__features svg{width:30px;height:30px}
  .zh .zh__stats{margin-top:0}
  .zh .zh-calc{padding:24px 20px}
  .zh .zh-calc__title{font-size:22px;white-space:normal}

  section.bread ul{white-space:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  section.bread ul::-webkit-scrollbar{display:none}
  section.bread ul li{font-size:15px;padding-right:32px}
}

/* End */
/* /bitrix/templates/furniture_pale-blue/components/bitrix/catalog.section/zabor/style.css?17779653093717 */
/* /local/components/advertpro/section.hero/templates/.default/style.css?179198449314133 */