.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:0;padding-left:0}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media(min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media(min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media(min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}@media(max-width:767px){.hidden-xs{display:none!important}}@media(min-width:768px)and(max-width:991px){.hidden-sm{display:none!important}}@media(min-width:992px)and(max-width:1199px){.hidden-md{display:none!important}}@media(min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}}button{background:none;border:none;color:#83b735}.modal{display:none;position:fixed;z-index:100000;padding-top:50px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}.modal-content{position:absolute;padding:20px;border:1px solid #888;top:30px;right:30px;left:30px;margin:auto}@-webkit-keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}@keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}.close{margin-top:-11px;color:white;float:right;font-size:28px;font-weight:700}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.button-green-small{text-align:left;color:#fdfdfd;background:#4e80f2;border-radius:3px;padding:5px;width:auto}.button_one_click{width:125px;padding-top:6px;color:rgba(119,119,119,1)}.tooltip{border-bottom:1px dotted #07a}.tooltip::after{background:rgba(0,0,0,0.7);border-radius:8px 8px 8px 0;box-shadow:1px 1px 10px rgba(0,0,0,0.5);color:#FFF;content:attr(data-title);margin-bottom:-24px;opacity:0;padding:3px 7px;position:absolute;top:3px;left:0;visibility:hidden;transition:all 0.4s ease-in-out}.tooltip:hover::after{opacity:1;visibility:visible}.tooltipred{position:relative;background:#ff3466;padding:0 7px;border-radius:100%;color:#FFF}.tooltipred:before,.tooltipred:after{position:absolute;content:'';opacity:0;transition:all 0.4s ease}.tooltipred:before{border-width:10px 8px 0 8px;border-style:solid;border-color:#ff3466 transparent transparent transparent;top:-15px;transform:translateY(20px)}.tooltipred:after{content:attr(data-tooltip);background:#ff3466;width:160px;height:40px;font-size:13px;font-weight:300;top:-75px;left:-10px;padding:10px;border-radius:5px;letter-spacing:1px;transform:translateY(20px)}.tooltipred:hover::before,.tooltipred:hover::after{opacity:1;transform:translateY(-2px)}@keyframes shake{0%{transform:rotate(2deg)}50%{transform:rotate(-3deg)}70%{transform:rotate(3deg)}100%{transform:rotate(0deg)}}#anim:hover{animation:shake 500ms ease-in-out forwards}.pb-sdk-pos-credit.pb-sdk-pos-credit__cont{max-width:100%;margin-bottom:0}.enjoybutton{border-radius:4px;background:#ff5454;color:#fff;padding:10px;font-weight:600}.enjoybutton:hover{color:#fff;background:#83b735}.enjoybutton:hover .what-do{display:none}.enjoybutton .what-do-hint{display:none}.enjoybutton:hover .what-do-hint{display:inline}.h-fix .header__logo img{width:auto;height:50px;max-width:100%}.week-block{display:flex;flex-wrap: wrap}.week-block__wrapper{margin-top:20px}.week-block__title{font-weight:500;font-size:12px;line-height:1.25;color:rgba(43,43,43,0.5);margin:0 0 8px}.week-block__item{flex:1;text-align:center;padding:10px 8px;position:relative;display:flex;flex-direction:column;max-width: 60px}.week-block__item-head{position:relative;padding-bottom:18px}.week-block__item-head:after{content:"";position:absolute;left:3px;right:3px;bottom:8px;height:2px;border-radius:10px;background:#95C518}.week-block__item-name,.week-block__item-date{font-weight:500;font-size:12px;line-height:1.25;color:rgba(241,241,241,0.5);text-transform:uppercase}.week-block__item-date{display:none}.week-block__item-time{font-weight:500;font-size:13px;line-height:1.23;color:#f1f1f1}.week-block__item-body{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}.week-block__item-text{font-weight:500;font-size:13px;line-height:1.23;color:rgba(43,43,43,0.5)}.week-block__item_red .week-block__item-head:after{background:#E83333}.week-block__item_active{box-shadow:0 2px 14px rgba(0,0,0,0.07),0px 0 2px rgba(0,0,0,0.04);border-radius:2px;z-index:3;background:rgb(131 183 53 / 0.4)}.week-block__item_schedule.week-block__item_active .week-block__item-name{display:none}.week-block__item_schedule.week-block__item_active .week-block__item-date{display:block}.week-block_no_bg .week-block__item:not(.week-block__item_active){background:none}@media screen and(max-width:479px){.week-block__item{padding:10px 4px}}
.checkbox-text{margin:-30px 0 8px}details{display:block;background:#fff;box-shadow:0 10px 15px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);border-radius:8px;overflow:hidden;margin-bottom:0.1rem}summary::-webkit-details-marker{display:none}summary::-moz-list-bullet{list-style-type:none}summary::marker{display:none} summary{display:block;padding:.3em 1em .3em .9em;border-bottom:1px solid #e2e8f0;font-size:1.4em;cursor:pointer;position:relative}summary:before{top:.4em;right:.3em;color:transparent;background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTYuNTkgOC41OUwxMiAxMy4xNyA3LjQxIDguNTkgNiAxMGw2IDYgNi02eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=") no-repeat 50% 50% / 1em 1em;width:1em;height:1em;content:"";position:absolute;transition:transform .5s}details[open] > summary:before{transform:scale(1,-1)}summary ~ *{padding:0 1em 10px 1.4em}details[open] summary ~ *{animation:sweep .5s ease-in-out}@keyframes sweep{0%{opacity:0} 100%{opacity:1}}summary:focus{outline:0;box-shadow:inset 0 0 1px rgba(0,0,0,0.3),inset 0 0 2px rgba(0,0,0,0.3)}.hcountt{background:var(--h-i-count-bg);border-radius:4px;color:var(--h-i-count-color);font-size:10px;position:absolute;margin-top:-24px;top:50%;right:-10px;text-align:center;width:18px;line-height:18px}.badge.sold{position:absolute;font-size:12px;font-weight:900;color:#ff0000;background:rgba(255,255,255,0.85);padding:10px 10px;border:4px solid #ff0000;border-radius:8px;text-transform:uppercase;letter-spacing:3px;text-shadow:2px 2px 4px rgba(0,0,0,0.3);box-shadow:0 0 30px rgba(0,0,0,0.4);white-space:nowrap;opacity:0.95;pointer-events:none}.badge.sold::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,0.3) 50%,transparent 70%);z-index:-1;border-radius:8px}.timeline{width:100%;background-color:#fff;box-shadow:0 5px 25px 5px rgba(0,0,0,0.2)}.timeline .swiper-container{height:600px;width:100%;position:relative}.timeline .swiper-wrapper{transition:2s cubic-bezier(0.68,-0.4,0.27,1.34) 0.2s}.timeline .swiper-slide{position:relative;color:#fff;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center center}.timeline .swiper-slide::after{content:"";position:absolute;z-index:1;right:-115%;bottom:-10%;width:100%;height:100%;background-color:rgba(0,0,0,0.7);box-shadow:-230px 0 150px 60vw rgba(0,0,0,0.7);border-radius:100%}.timeline .swiper-slide-content{position:absolute;text-align:center;width:80%;max-width:310px;right:45%;top:13%;transform:translate(50%,0);font-size:12px;z-index:2}.timeline .swiper-slide .timeline-year{display:block;font-style:italic;font-size:42px;margin-bottom:50px;transform:translate3d(20px,0,0);color:#d4a024;font-weight:300;opacity:0;transition:0.2s ease 0.4s}.timeline .swiper-slide .timeline-title{font-weight:800;font-size:34px;margin:0 0 30px;opacity:0;transform:translate3d(20px,0,0);transition:0.2s ease 0.5s}.timeline .swiper-slide .timeline-text{line-height:1.5;opacity:0;transform:translate3d(20px,0,0);transition:0.2s ease 0.6s}.timeline .swiper-slide-active .timeline-year{opacity:1;transform:translate3d(0,0,0);transition:0.4s ease 1.6s}.timeline .swiper-slide-active .timeline-title{opacity:1;transform:translate3d(0,0,0);transition:0.4s ease 1.7s}.timeline .swiper-slide-active .timeline-text{opacity:1;transform:translate3d(0,0,0);transition:0.4s ease 1.8s}.timeline .swiper-pagination{right:15% !important;height:100%;display:none;flex-direction:column;justify-content:center;font-style:italic;font-weight:300;font-size:18px;z-index:1}.timeline .swiper-pagination::before{content:"";position:absolute;left:-30px;top:0;height:100%;width:1px;background-color:rgba(255,255,255,0.2)}.timeline .swiper-pagination-bullet{width:auto;height:auto;text-align:center;background:rgb(255 255 255 / 75%);color:#83b735;font-weight:500;margin:15px 0 !important;padding:0 3px 0 3px;position:relative}.timeline .swiper-pagination-bullet::before{content:"";position:absolute;top:8px;left:-32.5px;width:6px;height:6px;border-radius:100%;background-color:#83b735;transform:scale(0);transition:0.2s}.timeline .swiper-pagination-bullet-active::before{transform:scale(1)}.timeline .swiper-button-next,.timeline .swiper-button-prev{background-size:20px 20px;top:15%;width:20px;height:20px;margin-top:0;z-index:2;transition:0.2s}.timeline .swiper-button-prev{left:8%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'https%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23d4a024'%2F%3E%3C%2Fsvg%3E")}.timeline .swiper-button-prev:hover{transform:translateX(-3px)}.timeline .swiper-button-next{right:8%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'https%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23d4a024'%2F%3E%3C%2Fsvg%3E")}.timeline .swiper-button-next:hover{transform:translateX(3px)}@media screen and (min-width:768px){.timeline .swiper-slide::after{right:-45%;bottom:-8%;width:240px;height:50%;box-shadow:-230px 0 150px 50vw rgba(0,0,0,0.5)} .timeline .swiper-slide-content{right:35%;top:50%;transform:translateY(-50%);width:310px;font-size:11px;text-align:right} .timeline .swiper-slide .timeline-year{margin-bottom:0;font-size:16px} .timeline .swiper-slide .timeline-title{font-size:46px;margin:0} .timeline .swiper-pagination{display:flex} .timeline .swiper-button-prev{top:15%;left:auto;right:15%;transform:rotate(90deg) translate(0,10px)} .timeline .swiper-button-prev:hover{transform:rotate(90deg) translate(-3px,10px)} .timeline .swiper-button-next{top:auto;bottom:15%;right:15%;transform:rotate(90deg) translate(0,10px)} .timeline .swiper-button-next:hover{transform:rotate(90deg) translate(3px,10px)}}@media screen and (min-width:1024px){.timeline .swiper-slide::after{right:-20%;bottom:-12%;width:240px;height:50%;box-shadow:-300px 0 150px 39vw rgba(0,0,0,0.5)} .timeline .swiper-slide-content{right:33%}}.d-filter__values{background-color:#fcfcfc;border:1px solid #ececec;box-shadow:0 0 10px rgba(0,0,0,.1);opacity:0;padding:0 15px;position:absolute;transition:all .1s ease-out;translate-delay:.2s;top:40px;left:-15px;visibility:hidden;white-space:nowrap;min-width:200px;z-index:444}.d-filter__values:hover{box-shadow:0 0 15px rgba(0,0,0,.2)}.d-filter__param:hover .d-filter__values{opacity:1;top:30px;visibility:visible}.hidden_visible-komplect-block-right{display:none}.fullscreen-bg{overflow:hidden;z-index:-100;position:relative;height:100%;width:100%;padding-top:45%} .fullscreen-bg__video{position:absolute;top:0;left:0;width:100%}.overlay{background:rgba(0,0,0,0.3);position:absolute;top:0;left:0;width:100%;height:100%;z-index:4}.overlay .h1{text-align:center;color:#fff;font-size:40px;margin-top:17%;display:flex;justify-content:center}@media (max-width:767px){.overlay .h1{text-align:center;color:#fff;font-size:18px;margin-top:17%;display:flex;justify-content:center}}
.catalog__bodytype{position:relative;z-index:1;padding:0;width:330px;}.catalog__bodytype_two{position:relative;z-index:1;padding:0;width:180px;}.catalog__bodytype-picture{text-align:center;border-bottom:3px solid #c8c8c8}.catalog__deminsion{text-align:center;position:absolute;height:20px;overflow:hidden}.catalog__deminsion_vysota_borta{right:-5px;width:41px;bottom:56px;height:17px;transform:rotate(-90deg)}.catalog__deminsion_pogruzochnaya_vysota{right:-15px;width:47px;bottom:15px;height:21px;transform:rotate(-90deg)}.catalog__deminsion_dlina_k{right:29px;left:75px}.catalog__deminsion_shirina_k{right:30px;left:30px}.catalog__deminsion_dlina{bottom:-18px;right:30px;left:2px}.catalog__deminsion_shirina{bottom:2px;right:4px;left:4px}.catalog__deminsion_koleya{bottom:37px;right:12px;left:12px}.catalog__deminsion::after,.catalog__deminsion::before{content:'';width:0;height:1px;top:6px;position:absolute;border:3px solid transparent}.catalog__deminsion::before{left:-3px;border-right:7px solid #c8c8c8}.catalog__deminsion::after{right:-3px;border-left:7px solid #c8c8c8}.catalog__deminsion-inner{display:inline-block;color:rgba(0,0,0,.6);font-size:13px;line-height:18px;background:#fff;padding:0 10px}.catalog__deminsion-inner::after{content:'';position:absolute;z-index:-2;height:1px;top:9px;left:3px;right:3px;background:#c8c8c8}.catalog__deminsion_right .catalog__deminsion-inner{margin:12px 0 0 -9px;background:0 0}
.container-tab table{width:100%;border-collapse:collapse;overflow:hidden;box-shadow:0 0 20px rgba(0,0,0,0.1)}.container-tab th,.container-tab td{padding:10px;background-color:rgba(255,255,255,0.2);color:#000}.container-tab th{text-align:left}.container-tab thead th{background-color:#232b46;color:#fff}.page tr:nth-child(2n){background:none}.container-tab tbody tr:hover{background-color:rgba(100,100,100,0.3)}.container-tab tbody td{position:relative}.container-tab tbody td:hover:before{content:"";position:absolute;left:0;right:0;top:-9999px;bottom:-9999px;background-color:rgba(100,100,100,0.2);z-index:-1}
        @media screen and (max-width: 767px) {
            .hidden-xs {
                display:none!important
            }
        }
        @media screen and (min-width:768px) and (max-width:991px) {
            .hidden-sm {
                display:none!important
            }
        }
        @media screen and (min-width:992px) and (max-width:1199px) {
            .hidden-md {
                display:none!important
            }
            #accordion_tablica_tab {
                margin-top: -40px;
                padding:10px;
            }
        }
        @media screen and (min-width:1200px) {
            .hidden-lg {
                display:none!important
            }
            #accordion_tablica_tab {
                margin-top: -40px;
                padding:10px;
            }
        }
.button_konfigurator {
    background: var(--cheme-color-dop);
    background-image: url(https://xn--50-mlc.xn--p1ai/wa-images/gears.svg);
    background-repeat: no-repeat;
    border: 0;
    border-radius: 4px;
    color: var(--c-b-c);
    display: inline-block;
    font-size: 12px;
    padding: 0 20px 0 48px;
    position: relative;
    height: 28px;
    line-height: 28px;
    text-align: center;
    text-decoration: none;
    transition: all .2s ease-out;
    margin-left: -20px;
}
.gab-vis{position: absolute;right: 10px;top: 300px;}
.optiontent{height: 460px; width: auto; object-fit: cover; object-position:right; position: absolute; bottom: 0px;}
.optioncar{height: 400px; width: auto; object-fit: cover; object-position:left; position: absolute; bottom: 0px;}
#bort_odnoosnie_tab {width: 100%;}
#bort_dvuhosnie_tab {width: 100%;}
#lod {width: 100%;}
#f_ustanovka_tab{color:black;margin:10px;}
.text-rainbow-animation {background-image:linear-gradient(to right, #4e7df1, black, #4e7df1);-webkit-background-clip: text;-webkit-text-fill-color: transparent;animation: rainbow-animation 35s linear infinite;}
@keyframes rainbow-animation{to{background-position: 500vh;}}
.text-rainbow-animations {background-image:linear-gradient(to right, #4e7df1, black, #4e7df1);-webkit-background-clip: text;-webkit-text-fill-color: transparent;animation: rainbow-animations 35s linear infinite;}
@keyframes rainbow-animations{to{background-position: 200vh;}}
.ttip {position:relative; display:inline-block; cursor:pointer}
.ttipe {visibility:hidden; width:120px; background-color:#555; color:#fff; text-align:center; padding:5px; border-radius:5px; position:absolute; z-index:3; bottom:125%; left:50%; margin-left:-60px; opacity:0; transition:opacity 0.3s}
.ttip:hover .ttipe {visibility:visible; opacity:1}
/** Аккордион на главной - Контакты сверху */
.accordion {width:100%; margin: 0 0 15px 0}
.accordion input {display:none}
.box {position:relative; background:white; height:64px; transition:all .15s ease-in-out}
.box::before {content:''; position:absolute; display:block; top:0; bottom:0; left:0; right:0; pointer-events:none; box-shadow:0 -1px 0 #e5e5e5,0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24)}
.box-title {width:100%; height: 64px; font-weight: var(--font-weight); padding:0 20px; display:flex; cursor:pointer; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; justify-content: space-between}
.box-title span { padding: 5px 0 0 0; line-height:19px; font-size: 1rem; position: absolute; right: 20px; text-align: right}
.box-title img { width: 55px; margin: 5px 0 5px 0}
.box-content {width:100%; padding:30px 20px; font-size:11pt; color:rgba(0,0,0,.54); display:none}
.box-close {position:absolute; height:64px; width:100%; top:0; left:0; cursor:pointer; display:none}
input:checked + .box {height:auto; margin:0 0 16px 0; box-shadow:0 0 6px rgba(0,0,0,.16),0 6px 12px rgba(0,0,0,.32)}
input:checked + .box .box-title {border-bottom:1px solid rgba(0,0,0,.18)}
input:checked + .box .box-content,input:checked + .box .box-close {display:inline-block}
.arrows section .box-title {padding-left:44px; width:calc(100% - 64px)}
.arrows section .box-title:before {position:absolute; display:block; content:'\203a'; font-size:18pt; left:20px; top:-2px; transition:transform .15s ease-in-out; color:rgba(0,0,0,.54)}
input:checked + section.box .box-title:before {transform:rotate(90deg)}
/** Аккордион на главной - Контакты сверху */
.modern-category-menu {position:relative; max-width:1400px; margin-bottom:-20px}
#bback {margin-bottom:20px; text-align:left}
.back-button {background:linear-gradient(135deg,#6c757d 0,#495057 100%); color:white; border:none; border-radius:10px; padding:12px 24px; font-size:16px; font-weight:600; cursor:pointer; transition:all 0.3s ease; box-shadow:0 4px 12px rgba(108,117,125,0.3)}
.back-button:hover {transform:translateY(-2px); box-shadow:0 6px 20px rgba(108,117,125,0.4); background:linear-gradient(135deg,#5a6268 0,#3d4348 100%)}
.categories-grid {display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-bottom:30px}
.category-card {background:linear-gradient(145deg,#ffffff 0,#f8f9fa 100%); border-radius:12px; padding:15px; box-shadow:0 4px 15px rgba(0,0,0,0.08); transition:all 0.3s ease; position:relative; overflow:hidden; border:1px solid rgba(255,255,255,0.8); cursor:pointer; height:100%; display:flex; flex-direction:column; align-items:center; text-align:center; gap:12px}
.category-card:hover {transform:translateY(-3px); box-shadow:0 6px 20px rgba(33,150,243,0.15); border-color:#2196F3}
.category-link {display:flex; flex-direction:column; align-items:center; text-align:center; gap:12px; text-decoration:none; color:inherit; height:100%; width:100%; position:relative; z-index:2}
.category-icon {width:60px; height:60px; border-radius:10px; display:flex; align-items:center; justify-content:center; box-shadow:0 3px 10px rgba(0,0,0,0.1); flex-shrink:0}
.category-icon img {width:50px; height:50px; filter:none !important}
.category-content {flex:1; width:100%}
.category-content h3 {font-size:1.1em; font-weight:700; color:#2c3e50; margin:0 0 8px 0; line-height:1.2}
.category-content p {color:#7f8c8d; font-size:0.9em; line-height:1.3; margin:0 0 12px 0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
.category-meta {display:flex; flex-direction:column; gap:5px}
.product-count {background:rgba(33,150,243,0.1); color:#2196F3; padding:4px 8px; border-radius:12px; font-size:0.85em; font-weight:600; display:inline-block; width:fit-content; margin:0 auto}
.available-count {background:rgba(76,175,80,0.1); color:#4CAF50; padding:4px 8px; border-radius:12px; font-size:0.85em; font-weight:600; display:inline-block; width:fit-content; margin:0 auto}
.price-info {background:rgba(255,152,0,0.1); color:#FF9800; padding:4px 8px; border-radius:12px; font-size:0.75em; font-weight:600; display:inline-block; width:fit-content; margin:0 auto}
.category-hover {position:absolute; top:60%; left:0; right:0; bottom:10%; background:linear-gradient(135deg,rgba(33,150,243,0.95) 0,rgba(33,203,243,0.95) 100%); display:flex; align-items:center; justify-content:center; opacity:0; transform:translateY(10px); transition:all 0.3s ease; border-radius:12px}
.category-hover span {color:white; font-weight:600; font-size:0.9em}
.category-card:hover .category-hover {opacity:1; transform:translateY(0)}
.quick-search-header {text-align:center}
.quick-search-title {font-size:1.3em; font-weight:700; background:linear-gradient(135deg,#667eea 0,#764ba2 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text}
.pricep-table {margin:20px 0; animation:fadeIn 0.5s ease}
@keyframes fadeIn {from {opacity:0; transform:translateY(20px)}
 to {opacity:1; transform:translateY(0)}
}
.categories-grid {animation:fadeIn 0.6s ease}
@media (min-width:768px) {.categories-grid {grid-template-columns:repeat(4,1fr); gap:20px}
}
@media (max-width:767px) {.categories-grid {grid-template-columns:repeat(2,1fr); gap:10px}
 .category-card {padding:12px; min-height:140px; gap:8px; border-radius:10px}
 .category-link {gap:8px}
 .category-icon {width:55px; height:55px; border-radius:8px}
 .category-icon img {width:50px; height:50px}
 .category-content h3 {font-size:1em; margin:0 0 6px 0}
 .category-content p {font-size:0.85em; margin:0 0 8px 0; -webkit-line-clamp:2; line-height:1.2}
 .category-meta {gap:3px}
 .product-count,.available-count,.price-info {font-size:0.7em; padding:3px 6px; border-radius:10px}
 .back-button {width:100%; padding:10px; font-size:14px; border-radius:8px}
 .quick-search-header {margin-top:20px; padding:10px 0}
 .quick-search-title {font-size:1.1em}
}
@media (max-width:767px) {.subcategory .category-card {min-height:120px}
 .subcategory .category-content h3 {font-size:1em}
 .subcategory .category-content p {font-size:0.9em; -webkit-line-clamp:2}
}
@media (max-width:350px) {.categories-grid {grid-template-columns:repeat(2,1fr); gap:8px}
 .category-card {padding:8px; min-height:120px; gap:6px; border-radius:8px}
 .category-icon {width:40px; height:40px}
 .category-icon img {width:22px; height:22px}
 .category-content h3 {font-size:0.8em}
 .category-content p {font-size:0.7em; -webkit-line-clamp:2}
 .product-count,.available-count,.price-info {font-size:0.65em; padding:2px 5px}
}

.modern-size-selector {max-width:900px; margin:30px auto; padding:0 20px}
.size-step {display:none; animation:fadeInUp 0.5s ease}
.size-step.active {display:block}
.step-header {display:flex; align-items:center; gap:15px; margin-bottom:10px}
.step-number {width:40px; height:40px; background:linear-gradient(135deg,#2196F3,#21CBF3); color:white; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:bold; font-size:1.2em}
.step-header h3 {margin:0; color:#2c3e50; font-size:1.5em}
.step-description {color:#7f8c8d; margin-bottom:30px; font-size:1.1em}
.current-selection {font-weight:bold; color:#2196F3}
.size-options {display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:15px; margin:30px 0}
.size-option {background:white; border:2px solid #e0e0e0; border-radius:12px; padding:20px; cursor:pointer; transition:all 0.3s ease; text-align:center; box-shadow:0 2px 10px rgba(0,0,0,0.05)}
.size-option:hover {border-color:#2196F3; transform:translateY(-3px); box-shadow:0 5px 20px rgba(33,150,243,0.15)}
.size-option.selected {border-color:#2196F3; background:linear-gradient(135deg,#2196F3,#21CBF3); color:white; transform:translateY(-2px)}
.size-value {display:block; font-size:1.2em; font-weight:bold; margin-bottom:5px}
.size-label {display:block; font-size:0.9em; opacity:0.8}
.nav-button {background:#6c757d; color:white; border:none; padding:12px 25px; border-radius:8px; cursor:pointer; font-size:1em; transition:all 0.3s ease; margin-top:20px}
.nav-button:hover {background:#5a6268; transform:translateY(-1px)}
.result-card {background:linear-gradient(135deg,#f8fff8,#e8f5e8); border:2px solid #4CAF50; border-radius:12px; padding:25px; display:flex; align-items:center; gap:20px; margin:30px 0}
.result-icon {font-size:2.5em; flex-shrink:0}
.result-info h4 {margin:0 0 15px 0; color:#2c3e50}
.selected-sizes {display:flex; gap:30px; flex-wrap:wrap}
.selected-size {display:flex; flex-direction:column; gap:5px}
.size-type {font-size:0.9em; color:#7f8c8d}
.selected-size .size-value {font-size:1.1em; color:#2196F3; font-weight:bold}
.result-button {display:inline-block; background:linear-gradient(135deg,#4CAF50,#66BB6A); color:white; padding:18px 35px; border-radius:12px; text-decoration:none; font-weight:bold; font-size:1.2em; margin:20px 0; transition:all 0.3s ease; text-align:center; box-shadow:0 4px 15px rgba(76,175,80,0.3)}
.result-button:hover {transform:translateY(-3px); box-shadow:0 8px 25px rgba(76,175,80,0.4); color:white; text-decoration:none}
.improved-table-section {max-width:1200px; margin:50px auto; padding:0 20px}
.section-header {text-align:center; margin-bottom:40px}
.section-header h2 {color:#2c3e50; font-size:2em; margin-bottom:10px}
.section-header p {color:#7f8c8d; font-size:1.1em}
.table-guide {display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:20px; margin-bottom:40px}
.guide-item {display:flex; align-items:center; gap:15px; background:#f8f9fa; padding:20px; border-radius:10px; border-left:4px solid #2196F3}
.guide-icon {font-size:2em; flex-shrink:0}
.guide-content h4 {margin:0 0 5px 0; color:#2c3e50}
.guide-content p {margin:0; color:#7f8c8d; font-size:0.9em}
.responsive-table-container {background:white; border-radius:15px; box-shadow:0 10px 30px rgba(0,0,0,0.1); overflow:hidden; margin-bottom:30px}
.modern-size-table {width:100%; border-collapse:collapse; font-size:0.95em}
.modern-size-table th {background:linear-gradient(135deg,#2c3e50,#34495e); color:white; font-weight:600; text-align:center; padding:20px 15px; border:none}
.corner-cell {background:#1a2530 !important}
.table-help {position:relative; display:inline-block; cursor:help}
.help-icon {display:inline-block; width:24px; height:24px; background:rgba(255,255,255,0.2); border-radius:50%; text-align:center; line-height:24px; font-style:italic; font-weight:bold}
.help-tooltip {position:absolute; bottom:100%; left:50%; transform:translateX(-50%); background:#34495e; color:white; padding:15px; border-radius:8px; font-size:0.85em; line-height:1.4; white-space:nowrap; opacity:0; visibility:hidden; transition:all 0.3s ease; z-index:1000; box-shadow:0 5px 15px rgba(0,0,0,0.2)}
.help-tooltip:after {content:''; position:absolute; top:100%; left:50%; transform:translateX(-50%); border:6px solid transparent; border-top-color:#34495e}
.table-help:hover .help-tooltip {opacity:1; visibility:visible}
.width-header,.length-header {display:flex; flex-direction:column; align-items:center; gap:5px}
.width-header .size-value,.length-header .size-value {font-weight:bold; font-size:1.1em}
.width-header .size-label,.length-header .size-label {font-size:0.8em; opacity:0.8}
.length-cell {background:#f8f9fa; border-right:2px solid #e9ecef}
.length-header {align-items:flex-start; padding:0 10px}
.modern-size-table td {padding:15px; text-align:center; border:1px solid #e9ecef; transition:all 0.3s ease}
.modern-size-table tbody tr:nth-child(even) {background:#f8f9fa}
.modern-size-table tbody tr:hover {background:#e3f2fd}
.size-link {display:inline-block; background:linear-gradient(135deg,#2196F3,#21CBF3); color:white; padding:10px 20px; border-radius:25px; text-decoration:none; font-weight:600; transition:all 0.3s ease; min-width:80px}
.size-link:hover {transform:translateY(-2px); box-shadow:0 5px 15px rgba(33,150,243,0.4); color:white; text-decoration:none}
.unavailable-cell {background:#f8f9fa; color:#bdc3c7; font-style:italic}
.table-footer {text-align:center; padding:30px; background:#f8f9fa; border-radius:10px}
.footer-note {max-width:500px; margin:0 auto}
.footer-note strong {color:#2c3e50; font-size:1.2em}
.footer-note p {color:#7f8c8d; margin:10px 0 20px 0}
.contact-link {display:inline-block; background:#e74c3c; color:white; padding:12px 25px; border-radius:25px; text-decoration:none; font-weight:600; transition:all 0.3s ease}
.contact-link:hover {background:#c0392b; transform:translateY(-2px); color:white; text-decoration:none}
@keyframes fadeInUp {from {opacity:0; transform:translateY(20px)}
 to {opacity:1; transform:translateY(0)}
}
@keyframes fadeIn {from {opacity:0; transform:translateY(20px)}
 to {opacity:1; transform:translateY(0)}
}
.categories-grid {animation:fadeIn 0.6s ease}
.vis-b-sm {display:none}
@media (min-width:769px) and (max-width:1024px) {#step1 .size-options,#step2 .size-options,#step1-dvuhosnie .size-options,#step2-dvuhosnie .size-options,#step1-lod .size-options,#step2-lod .size-options {grid-template-columns:repeat(3,1fr); gap:15px}
 #step1 .size-option,#step2 .size-option,#step1-dvuhosnie .size-options,#step2-dvuhosnie .size-options,#step1-lod .size-options,#step2-lod .size-options {padding:18px 15px}
}
@media (max-width:768px) {.modern-size-selector {padding:0 10px; margin:20px auto; font-size:14px}
 #step1 .size-options,#step1-dvuhosnie .size-options,#step1-lod .size-options {grid-template-columns:repeat(2,1fr); gap:10px; margin:20px 0}
 #step1 .size-option,#step1-dvuhosnie .size-option,#step1-lod .size-option {padding:15px 10px; min-height:80px; gap:8px; border-radius:10px; background:linear-gradient(135deg,#ffffff,#f8f9fa)}
 #step1 .size-value,#step1-dvuhosnie .size-value,#step1-lod .size-value {font-size:1em; margin-bottom:3px; font-weight:600; line-height:1.2}
 #step1 .size-label,#step1-dvuhosnie .size-label,#step1-lod .size-label {font-size:0.8em; opacity:0.9; line-height:1.1}
 #step2 .size-options,#step2-dvuhosnie .size-options,#step2-lod .size-options {grid-template-columns:repeat(2,1fr); gap:10px; margin:20px 0}
 #step2 .size-option,#step2-dvuhosnie .size-option,#step2-lod .size-option {padding:15px 10px; min-height:70px; gap:5px; background:linear-gradient(135deg,#ffffff,#f8f9fa)}
 #step2 .size-value,#step2-dvuhosnie .size-value,#step2-lod .size-value {font-size:1em; font-weight:600; line-height:1.2}
 #step2 .size-label,#step2-dvuhosnie .size-label,#step2-lod .size-label {font-size:0.75em; line-height:1.1}
 .step-header {flex-direction:column; text-align:center; gap:10px; margin-bottom:15px}
 .step-header h3 {font-size:1.3em}
 .step-description {font-size:1em; margin-bottom:20px; text-align:center}
 .result-card {flex-direction:column; text-align:center; padding:20px 15px; gap:15px}
 .selected-sizes {flex-direction:column; gap:15px; width:100%}
 .selected-size {align-items:center}
 .result-button {width:100%; padding:16px; font-size:1.1em; margin:20px 0}
 .nav-button {width:100%; padding:14px; margin-top:15px}
 .size-option {position:relative}
 .size-option:after {content:''; position:absolute; top:-5px; left:-5px; right:-5px; bottom:-5px}
}
@media (max-width:480px) {#step1 .size-options,#step2 .size-options,#step1-dvuhosnie .size-options,#step2-dvuhosnie .size-options,#step1-lod .size-options,#step2-lod .size-options {grid-template-columns:repeat(2,1fr); gap:8px}
 #step1 .size-option,#step2 .size-option,#step1-dvuhosnie .size-option,#step2-dvuhosnie .size-option,#step1-lod .size-option,#step2-lod .size-option {padding:12px 8px; min-height:75px}
 #step1 .size-value,#step2 .size-value,#step1-dvuhosnie .size-value,#step2-dvuhosnie .size-value,#step1-lod .size-value,#step2-lod .size-value {font-size:0.9em}
 #step1 .size-label,#step2 .size-label,#step1-dvuhosnie .size-label,#step2-dvuhosnie .size-label,#step1-lod .size-label,#step2-lod .size-label {font-size:0.7em}
 .step-number {width:35px; height:35px; font-size:1em}
 .step-header h3 {font-size:1.2em}
 .step-description {font-size:0.9em}
}
@media (max-width:360px) {#step1 .size-options,#step2 .size-options {grid-template-columns:1fr; gap:8px}
 #step1 .size-option,#step2 .size-option,#step1-dvuhosnie .size-option,#step2-dvuhosnie .size-option,#step1-lod .size-option,#step2-lod .size-option {min-height:65px; padding:10px}
 #step1 .size-value,#step2 .size-value,#step1-dvuhosnie .size-value,#step2-dvuhosnie .size-value,#step1-lod .size-value,#step2-lod .size-value {font-size:0.95em}
 #step1 .size-label,#step2 .size-label,#step1-dvuhosnie .size-label,#step2-dvuhosnie .size-label,#step1-lod .size-label,#step2-lod .size-label {font-size:0.75em}
 .vis-b-sm {display:block}
}
@media (max-width:768px) and (orientation:landscape) {#step1 .size-options,#step2 .size-options {grid-template-columns:repeat(3,1fr); gap:8px}
 #step1 .size-option,#step2 .size-option,#step1-dvuhosnie .size-option,#step2-dvuhosnie .size-option,#step1-lod .size-option,#step2-lod .size-option {min-height:60px; padding:10px 8px}
 #step1 .size-value,#step2 .size-value,#step1-dvuhosnie .size-value,#step2-dvuhosnie .size-value,#step1-lod .size-value,#step2-lod .size-value {font-size:0.9em}
 #step1 .size-label,#step2 .size-label,#step1-dvuhosnie .size-label,#step2-dvuhosnie .size-label,#step1-lod .size-label,#step2-lod .size-label {font-size:0.7em}
}
@media (max-width:1024px) {.modern-size-table {font-size:0.9em}
 .modern-size-table th,.modern-size-table td {padding:12px 8px}
 .size-link {padding:8px 15px; font-size:0.9em}
 .vis-b-sm {display:none}
}
@media (max-width:768px) {.improved-table-section {padding:0 15px; margin:30px auto}
 .table-guide {grid-template-columns:1fr}
 .responsive-table-container {overflow-x:auto}
 .modern-size-table {min-width:700px; font-size:0.85em}
 .modern-size-table th,.modern-size-table td {padding:10px 6px}
 .size-link {padding:6px 12px; font-size:0.85em; min-width:70px}
 .section-header h2 {font-size:1.6em}
 .guide-item {flex-direction:column; text-align:center; padding:15px}
 .guide-icon {font-size:1.8em}
 .vis-b-sm {display:none}
}
@media (max-width:480px) {.table-footer {padding:20px 15px}
 .footer-note {text-align:center}
 .contact-link {width:100%; text-align:center}
 .vis-b-sm {display:block}
}
#step1 .size-option.selected {background:linear-gradient(135deg,#2196F3,#1976D2)}
#step2 .size-option.selected {background:linear-gradient(135deg,#4CAF50,#388E3C)}
@media (max-width:768px) {.size-option {border-width:1px}
 .size-option.selected {border-width:2px}
}
@media (max-width:768px) {#step1 .size-options {grid-template-columns:repeat(3,1fr)}
 #step2 .size-options:has(.size-option:nth-child(4)) {grid-template-columns:repeat(2,1fr)}
 #step2 .size-options:has(.size-option:nth-child(3)) {grid-template-columns:repeat(2,1fr)}
 #step2 .size-options:has(.size-option:nth-child(2)) {grid-template-columns:repeat(2,1fr)}
 .size-value {word-break:break-word; hyphens:auto}
}




/* --- Accessibility: WCAG AA contrast fixes --- */
.f-cookies__wrap button {
    color: #c44a20;
}
.product__rating-link-name,
.product__code {
    color: #6e6e6e;
}
.p-compare {
    color: #4b7819;
}
.pnotice__buttonView {
    background: #3862c9;
}



/* --- Доп. защита от горизонтальной прокрутки на мобильных (усиление уже имеющегося overflow-x:hidden на body) --- */
html {
    overflow-x: hidden;
}


/* ==========================================================================
   Карточка товара с длинным конфигуратором комплектующих.

   ЗАМЕР до правки (окно 1740x789): галерея 600 пикселей и заканчивается,
   конфигуратор тянется на 2300 — шесть групп, 33 позиции. То есть почти
   два экрана человек выбирает борта и фонари, не видя ни товара, ни суммы.

   ЧТО СДЕЛАНО. Колонки перераспределены: галерее 40 процентов вместо 44,
   конфигуратору всё остальное. В широкой колонке комплектующие встают
   ПО ДВА В РЯД, и список сокращается с 2300 до 2088 при том, что картинки
   в строках стали крупнее. Галерея и строка итога закреплены и едут
   вместе со страницей.

   Только для широких экранов: на телефоне колонка одна, закреплять нечего.
   ========================================================================== */
@media (min-width: 1100px) {
    .product__wrap { align-items: flex-start; flex-wrap: nowrap; }

    /* Липкой делается САМА колонка, а не блок галереи внутри неё: sticky
       умеет ездить только в границах родителя, а внутренний блок оказался
       ровно своей высоты — прилипать было негде. */
    .p-images.p-images-2 {
        flex: 0 0 40% !important; max-width: 40% !important; width: 40% !important;
        position: sticky !important; top: 78px !important;
    }
    .product__content-2 {
        flex: 1 1 0 !important; max-width: none !important;
        width: auto !important; min-width: 0 !important;
    }

    /* Фото не должно вылезать за экран, иначе низ ленты миниатюр срежется. */
    .p-images__right { max-height: calc(100vh - 275px); }
    .p-images__right img {
        max-height: calc(100vh - 275px); object-fit: contain;
        width: auto; margin: 0 auto;
    }

    /* Лента миниатюр товара: 50 пикселей терялись рядом с крупными
       картинками комплектующих. */
    /* Жёсткий размер ячейке задавать нельзя: её ширину считает сама
       карусель (owl проставляет инлайном), и заданные руками 72 пикселя с её
       81 не совпадали. Тянем ячейку на всю выданную ширину и делаем квадратной.

       И главное: картинки в ленте 65 на 48, то есть не квадратные. При
       вписывании они болтались в квадрате с разными полями сверху и снизу —
       это и читалось как смещение. Заполняем ячейку целиком: кадр слегка
       обрезается по краям, зато лента становится ровной. */
    .p-images__left .p-images__dop-link {
        width: 100% !important; height: auto !important; aspect-ratio: 1 / 1;
        display: block; overflow: hidden;
    }
    .p-images__left .p-images__dop-link img {
        width: 100% !important; height: 100% !important; object-fit: cover !important;
    }

    /* Пока идёт выбор, на экране важнее сумма и кнопка, чем фото прицепа. */
    .bundling-your {
        position: sticky; top: 78px; z-index: 30; background: #fff;
        box-shadow: 0 6px 18px rgba(0,0,0,.08); border-radius: 10px;
        padding: 10px 14px !important;
    }
    .bundling-your .byb-outer { padding-top: 0 !important; }
}

/* Размер задаётся ОБЁРТКЕ, а не картинке: у обёртки overflow hidden, и
   растянутая картинка вылезала за её 54 пикселя — выглядело как смещение. */
[id^="bundling-bundle"] .opt__img {
    width: 84px !important; height: 84px !important;
    flex: 0 0 84px !important; border-radius: 6px;
}
[id^="bundling-bundle"] .opt__img img {
    width: 100% !important; height: 100% !important; object-fit: contain !important;
}