/* Start:/local/templates/union_2026/components/bitrix/catalog.element/door-hardware/first-block.css?17798781894262*/
#first-block{background-color:#f1f1f1;margin:15px 0 45px 0;padding-bottom:55px}#first-block .sticker{position:absolute;right:10px;top:0;z-index:100}#first-block .sticker img{width:100px}#first-block h1{margin:0;font-size:21px;font-weight:400}@media screen and (max-width: 1200px){#first-block h1{font-size:25px}}#first-block .description{margin-top:30px;font-size:17px;font-weight:300}#first-block .buttons{display:flex;justify-content:space-evenly;margin-top:20px}@media screen and (max-width: 768px){#first-block .buttons{flex-direction:column}#first-block .buttons .item{margin-bottom:20px}#first-block .buttons .item a{width:100%}}#first-block .buttons .span-to-basket{display:flex;align-items:center;justify-content:center}#first-block .sentToBasket span{margin-right:5px;font-size:17px}#first-block .wrapper{padding:20px 0}@media screen and (min-width: 1150px){#first-block .sliders{display:grid;grid-template-columns:80% auto}}@media screen and (max-width: 1150px){#first-block .sliders{margin-top:30px}}@media screen and (max-width: 1150px){#first-block .sliders .slider-second-block-wrapper{display:none}}#first-block .sliders .slider-second-block{height:450px}#first-block .sliders .slider-second-block img{max-height:100%}#first-block .sliders .slider-second-block .swiper-slide{cursor:pointer}#first-block .sliders .slider-second-block .swiper-slide:not(.is-active){opacity:.3}@media screen and (min-width: 1200px){#first-block .sliders .slider-first-block{padding-left:40px;padding-right:40px}}#first-block .sliders .col-caption{margin-top:10px}#first-block .sliders .col-image{text-align:center;background-color:#f5f4f4}#first-block .inner{padding-right:40px;margin-top:60px}@media screen and (max-width: 1200px){#first-block .inner{margin-top:20px;padding-left:30px;padding-right:30px}}@media screen and (max-width: 1200px){#first-block .sliders{padding-left:0 !important;padding-right:0 !important}}#first-block .wrapper-question{text-align:center}#first-block .nav-prev{left:0;width:200px;margin-left:max(15px,(100% - 1700px)/2)}#first-block .nav-prev{position:absolute;left:0;width:25%;z-index:10;top:0;height:100%}#first-block .nav-next{right:0;width:200px}#first-block .nav-next{position:absolute;right:0;width:25%;z-index:10;top:0;height:100%}.wrapper-top-slider{position:relative}.top-slider{position:relative}.top-slider .swiper-slide{text-align:center}.top-slider .swiper-slide a{display:block}.top-slider .swiper-slide a:focus,.top-slider .swiper-slide a:active{outline:none}.top-slider .swiper-slide img{max-width:100%;height:auto}@media screen and (min-width: 768px){.top-slider .swiper-slide img{cursor:url("/img/curs/zoom-in.png"),auto}}.top-slider .notice{text-align:left;margin-top:10px;font-size:14px}@media screen and (max-width: 1200px){.top-slider .notice{padding-left:20px;padding-right:20px}}.top-slider .swiper-pagination{position:absolute;bottom:20px;right:30px;left:auto;width:auto;z-index:10;text-align:right}@media screen and (max-width: 1200px){.top-slider .swiper-pagination{position:relative;bottom:auto;right:auto;margin-top:20px;text-align:center;width:100%}}.top-slider .swiper-pagination .swiper-pagination-bullet{width:16px;height:16px;margin:0 5px;background-color:rgba(0,0,0,.4);box-shadow:inset 0 0 0 1px #fff;border-radius:50%;opacity:1;transition:background .3s}.top-slider .swiper-pagination .swiper-pagination-bullet-active{background-color:rgba(0,0,0,0);position:relative}.top-slider .swiper-pagination .swiper-pagination-bullet-active::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:8px;height:8px;margin:auto;border-radius:50%;background:#fff}@media screen and (max-width: 1200px){.top-slider .swiper-pagination .swiper-pagination-bullet{width:30px;height:2px;border-radius:2px;background-color:#ababab;box-shadow:none}.top-slider .swiper-pagination .swiper-pagination-bullet-active{background-color:#595959}.top-slider .swiper-pagination .swiper-pagination-bullet-active::after{display:none}}.top-slider .cursor-none{cursor:none}.top-slider .nav-prev,.top-slider .nav-next{position:absolute;top:0;height:100%;width:200px;z-index:5000}.top-slider .nav-prev{left:0;margin-left:max(15px,(100% - 1700px)/2)}.top-slider .nav-next{right:0}/*# sourceMappingURL=first-block.css.map */

/* End */


/* Start:/local/templates/union_2026/components/bitrix/catalog.element/door-hardware/price.css?17805788514716*/
.price-background-wrapper {
    background: linear-gradient(to left, #ffffff 50%, #f1f1f1 50%);
    max-width: 1920px;
    margin: 0 auto;
    margin-bottom: 80px;
}
.price-background-wrapper .row-description {
    background: #f1f1f1;
    font-size: 18px;
}
.price-background-wrapper .row-description ul li {
    margin-bottom: 7px;
    font-size: 18px;
    padding-left: 20px;
    position: relative;
}
.price-background-wrapper .row-description ul li::before {
    content: "✔";
    position: absolute;
    top: 0px;
    left: 0px;
    color: rgb(0, 0, 0);
}
.price-background-wrapper .row-description ul {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}
.row-btn ul .icon-download-alt- {
    width: 16px;
    display: inline-block;
    margin-right: 5px;
}
.price-row,
.row-btn {
    background-color: #f1f1f1;
}
.row-btn ul .icon-download-alt- img {
    margin-bottom: 3px;
}
.price-wrapper .title {
    font-size: 30px;
    margin-bottom: 35px !important;
    line-height: 48px;
    letter-spacing: 0.05em;
}

@media screen and (max-width: 768px) {
    .price-wrapper .title {
        padding-bottom: 0;
        font-size: 25px;
    }
}

@media screen and (max-width: 768px) {
    .price-block {
        background-color: #f1f1f1;
    }
}

.price-block .korob-list {
    padding: 33px 75px 15px 30px;
}

.price-block .left .inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
}

@media screen and (max-width: 768px) {
    .price-block .left .inner {
        align-items: center;
    }
}

.price-block .left .inner .ot {
    font-size: 17px;
    color: #565656;
}

.price-block .price-label {
    position: relative;
    text-decoration: none;
}

.price-block .firstPart {
    font-weight: 500;
    font-size: 58px;
}

.price-block .lastPart {
    font-weight: 500;
    font-size: 41px;
    margin-left: 7px;
}

.price-block .currency {
    font-size: 43px;
    margin-left: 5px;
    color: #565656;
}

.price-block .ico-info {
    position: absolute;
    right: -29px;
    top: -30px;
    background-color: #3c3c3b;
    border-radius: 50px;
    color: #c3c3c3;
    vertical-align: revert;
    padding-top: 10px;
    text-align: center;
    font-weight: normal;
    height: 20px;
    font-size: 12px;
    width: 20px;
}
.row-btn ul {
    display: flex;
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

.row-btn ul li {
    text-transform: uppercase;
    font-size: 15px;
}
.price-row {
    display: flex;
    padding-top: 20px;
    padding-bottom: 20px;
}

@media screen and (max-width: 768px) {
    .price-row {
        flex-wrap: wrap;
    }
}

.price-row .price-btns {
    margin-top: 14px;
    display: flex;
    align-items: center;
}
.row-btn .inner {
    padding-top: 14px;
    padding-bottom: 14px;
    border-top: 1px solid #ddd;
}
@media screen and (min-width: 768px) {
    .row-btn .inner {
        margin-right: 15px;
        height: 50px;
    }
}
.price-row .row-btn ul li a {
    color: #484848;
    font-size: 14px;
    text-decoration: none;
    letter-spacing: 0.5px;
    font-weight: 500;
}

.price-row .price-btns .span-to-basket {
    cursor: pointer;
    width: 41px;
    height: 33px;
    font-size: 30px;
    margin-left: 20px;
}

.price-row .question {
    background: #3c3c3b;
    font-weight: normal;
    width: 256px;
    color: #f1f1f1;
    font-size: 12px;
    max-width: 100%;
    height: 45px;
    letter-spacing: 1px;
}

.price-row .question:hover {
    opacity: 0.8;
}

.price-background {
    background-color: #f1f1f1;
}

.price-hover-block-hidden {
    display: none;
}

.price-hover-block:hover ~ .price-hover-block-hidden {
    display: block;
    position: absolute;
    background-color: #fff;
    border: 1px solid #222;
    padding: 8px 10px;
    z-index: 5;
    border-radius: 5px;
    max-width: 500px;
}

.price-hover-block-hidden .title-prhvrblock {
    margin-bottom: 5px;
    text-transform: uppercase;
}

.price-korob ul {
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
    justify-content: space-between;
}

.price-korob ul li {
    display: inline-block;
    width: 150px;
    padding: 5px;
    border: 1px solid transparent;
    transition: all 0.35s;
}

.price-korob ul li:hover img {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 6px 18px rgba(0, 0, 0, 0.35);
}

.price-korob ul li.active {
    border-color: #000;
}

.price-korob ul li a {
    display: inline-block;
    text-decoration: none;
}

.price-korob ul li p {
    display: block;
    text-align: right;
    color: #454449;
    font-size: 0.87em;
    margin-bottom: 0;
}

/* End */


/* Start:/local/templates/union_2026/components/bitrix/catalog.element/door-hardware/finishes.css?17798777751218*/
.finishes-wrapper {
    margin-top: 30px;
}
.finishes-wrapper .title {
  font-size: 30px;
  margin-bottom: 40px !important;
  line-height: 48px;
  letter-spacing: 0.05em;
}

.hidden.flex {
  display: flex !important;
}

.finishes-items .item {
  margin-bottom: 30px;
}

@media screen and (min-width: 768px) {
  .finishes-items .item {
    display: grid;
    gap: 40px;
    grid-template-columns: 50% 50%;
    row-gap: 0 !important;
    grid-template-areas:
      "header header"
      "content content";
  }
}

.finishes-items .item ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin-top: 13px;
  gap: 18px;
}

.finishes-items .item ul li {
  display: flex;
  flex-direction: column;
  width: 65px;
}

.finishes-items .item ul li .finishes_descr {
  margin-bottom: 0;
  margin-top: 5px;
  font-size: 11px;
  line-height: 15px;
}

.finishes-items .item .slideInLeft img {
  width: 65px;
  height: 65px;
}

.finishes-items .item .title-0 {
  grid-area: header;
  width: 100%;
  font-weight: 500;
  font-size: 20px;
}

.finishes-items .item .title-1 {
  margin-bottom: 0;
  font-size: 14px;
}

.finishes-items .item .title-2 {
  margin-bottom: 0;
  margin-top: -6px;
  font-size: 13px;
}

/* End */


/* Start:/local/templates/union_2026/components/bitrix/catalog.element/door-hardware/consul.css?177987777570*/
.row-consul {
    padding-top: 0!important;
}
.row-make-questions {

}
/* End */


/* Start:/includes/consul/consul.css?17798777751581*/
.row-consul {
  padding: 80px 0;
}

@media screen and (max-width: 768px) {
  .row-consul {
    padding: 50px 0;
    max-width: 85%;
    margin: 0 auto !important;
  }
}

.row-consul .block {
  display: flex;
  align-items: center;
  justify-content: end;
  height: 140px;
  padding-right: 50px;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .row-consul .block {
    justify-content: center;
    padding-right: 0;
  }

  .row-consul .block .left {
    width: 100px;
  }
}

.row-consul a {
  text-decoration: none;
}

.row-consul a:hover {
  text-decoration: none;
}

.row-consul .title {
  font-weight: 500;
  letter-spacing: 1px;
  margin-bottom: 8px;
  font-size: 24px;
}

@media screen and (max-width: 768px) {
  .row-consul .title {
    font-size: 20px !important;
  }
}

.row-consul .text {
  color: #787878;
  max-width: 200px;
  line-height: normal;
  font-size: 20px;
}

@media screen and (max-width: 768px) {
  .row-consul .text {
    font-size: 17px !important;
  }
}

.row-consul .right {
  margin-left: 25px;
}

.row-consul .block2 {
  display: flex;
  align-items: center;
  justify-content: start;
  height: 140px;
  padding-left: 50px;
}

@media screen and (max-width: 768px) {
  .row-consul .block2 {
    justify-content: center;
    padding-left: 0;
  }

  .row-consul .block2 .left {
    width: 120px;
  }
}

.row-consul .border-left {
  border-top: 2px solid #ddd;
}

@media screen and (min-width: 768px) {
  .row-consul .border-left {
    border-top: none;
    border-left: 2px solid #ddd;
  }
}
.row-make-questions {
    margin-bottom: 40px;
}

/* End */
/* /local/templates/union_2026/components/bitrix/catalog.element/door-hardware/first-block.css?17798781894262 */
/* /local/templates/union_2026/components/bitrix/catalog.element/door-hardware/price.css?17805788514716 */
/* /local/templates/union_2026/components/bitrix/catalog.element/door-hardware/finishes.css?17798777751218 */
/* /local/templates/union_2026/components/bitrix/catalog.element/door-hardware/consul.css?177987777570 */
/* /includes/consul/consul.css?17798777751581 */