

/* Start:/bitrix/templates/extremalov-new/components/bitrix/catalog/.default/bitrix/catalog.smart.filter/.default/style.min.css?177909793013420*/
.bx-filter{width:100%;min-width:220px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;margin-bottom:20px}.bx-filter .bx-filter-section{position:relative;padding-top:26px}.bx-filter .bx-filter-section>.row{padding:0 5px}.bx-filter .bx-filter-title{font-size:18px;margin-bottom:10px;color:#000}.bx-filter .bx-filter-parameters-box{position:relative}.bx-filter .bx-filter-parameters-box-title{font-size:13px;padding-bottom:7px}@media(min-width:992px){.bx-filter .bx-filter-section .col-md-4:nth-child(3n+1){clear:both}}@media(min-width:768px) and (max-width:991px){.bx-filter .bx-filter-section .col-md-4:nth-child(2n+1){clear:both}}.bx-filter .bx-filter-parameters-box-title span{color:#039be5;border-bottom:1px solid transparent;cursor:pointer}.bx-filter .bx-filter-parameters-box-title span:hover{border-color:#039be5}.bx-filter .bx-filter-parameters-box.bx-active .bx-filter-parameters-box-title span:hover{border-color:transparent}.bx-filter .bx-filter-block{display:none;-webkit-transition:padding .3s ease;-moz-transition:padding .3s ease;-ms-transition:padding .3s ease;-o-transition:padding .3s ease;transition:padding .3s ease;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.bx-filter .bx-filter-button-box .bx-filter-block,.bx-filter .bx-filter-parameters-box.bx-active .bx-filter-block{display:block}.bx-filter .bx-filter-parameters-box.bx-active .bx-filter-block i.bx-ft-sub{font-size:14px;font-style:normal;display:block;padding-bottom:5px}.bx-filter-parameters-box-container{padding-bottom:20px}.bx-filter-parameters-box-container .checkbox:first-child{margin-top:0}.bx-filter .bx-filter-parameters-box-container-block{font-size:11px;color:#3f3f3f}.bx-filter .bx-filter-input-container input{display:block;width:100%;font-size:18px;height:38px;margin:0;padding:0 4px;border:1px solid #ccd5db;border-radius:2px;background:#fff;outline:0}.bx-retina .bx-filter .bx-filter-input-container input{border-style:solid;border-width:1px;-webkit-border-image:url(/bitrix/templates/extremalov-new/components/bitrix/catalog/.default/bitrix/catalog.smart.filter/.default/images/border_default.png) 2 repeat;-moz-border-image:url(/bitrix/templates/extremalov-new/components/bitrix/catalog/.default/bitrix/catalog.smart.filter/.default/images/border_default.png) 2 repeat;-o-border-image:url(/bitrix/templates/extremalov-new/components/bitrix/catalog/.default/bitrix/catalog.smart.filter/.default/images/border_default.png) 2 repeat;border-image:url(/bitrix/templates/extremalov-new/components/bitrix/catalog/.default/bitrix/catalog.smart.filter/.default/images/border_default.png) 2 repeat}.bx-ios .bx-filter .bx-filter-input-container input{background-image:-webkit-linear-gradient(#fff 0,#fff 100%);background-image:linear-gradient(#fff 0,#fff 100%)}.bx-filter .bx-filter-button-box{clear:both}.bx-filter .bx-ui-slider-track-container{padding-top:35px;padding-bottom:25px}.bx-filter .bx-ui-slider-track{position:relative;height:7px}.bx-filter .bx-ui-slider-part{position:absolute;top:-6px;width:1px;height:17px;background:#a2bfc7}.bx-filter .bx-ui-slider-part.p1{left:-1px}.bx-filter .bx-ui-slider-part.p2{left:25%}.bx-filter .bx-ui-slider-part.p3{left:50%}.bx-filter .bx-ui-slider-part.p4{left:75%}.bx-filter .bx-ui-slider-part.p5{right:-1px}.bx-filter .bx-ui-slider-part span{font-size:11px;position:absolute;top:-16px;left:50%;display:block;width:100px;margin-left:-50px;text-align:center;color:#000}.bx-filter .bx-ui-slider-part.p2 span,.bx-filter .bx-ui-slider-part.p3 span,.bx-filter .bx-ui-slider-part.p4 span{color:#6b8086}.bx-filter .bx-ui-slider-range,.bx-filter .bx-ui-slider-pricebar,.bx-filter .bx-ui-slider-pricebar-vd,.bx-filter .bx-ui-slider-pricebar-vn,.bx-filter .bx-ui-slider-pricebar-v{position:absolute;top:0;bottom:0}.bx-filter .bx-ui-slider-range{z-index:50}.bx-filter .bx-ui-slider-pricebar{z-index:100}.bx-filter .bx-ui-slider-pricebar-vd{z-index:60}.bx-filter .bx-ui-slider-pricebar-vn{z-index:70}.bx-filter .bx-ui-slider-pricebar-v{z-index:80}.bx-filter .bx-ui-slider-handle{position:absolute;top:100%;width:22px;height:22px;border-bottom:0}.bx-filter .bx-ui-slider-handle:hover{-webkit-cursor:grab;-ms-cursor:grab;-o-cursor:grab;cursor:grab}.bx-filter .bx-ui-slider-handle:active{-webkit-cursor:grabbing;-ms-cursor:grabbing;-o-cursor:grabbing;cursor:grabbing}.bx-filter .bx-ui-slider-handle.left{left:0;margin-left:-21px}.bx-filter .bx-ui-slider-handle.right{right:0;margin-right:-21px}.bx-filter .bx-filter-select-container{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:35px;border-radius:3px;border:1px solid #ccd5db}.bx-retina .bx-filter .bx-filter-select-container{border-style:solid;border-width:1px;-webkit-border-image:url(/bitrix/templates/extremalov-new/components/bitrix/catalog/.default/bitrix/catalog.smart.filter/.default/images/border_default.png) 2 repeat;-moz-border-image:url(/bitrix/templates/extremalov-new/components/bitrix/catalog/.default/bitrix/catalog.smart.filter/.default/images/border_default.png) 2 repeat;-o-border-image:url(/bitrix/templates/extremalov-new/components/bitrix/catalog/.default/bitrix/catalog.smart.filter/.default/images/border_default.png) 2 repeat;border-image:url(/bitrix/templates/extremalov-new/components/bitrix/catalog/.default/bitrix/catalog.smart.filter/.default/images/border_default.png) 2 repeat}.bx-filter .bx-filter-select-block{position:relative;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:33px;margin:0;padding:0 33px 0 10px;border:0;border-radius:2px;background:#fff}.bx-filter .bx-filter-select-text{font-size:15px;line-height:33px;overflow:hidden;max-width:100%;height:33px;cursor:pointer;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;-ms-text-overflow:ellipsis}.bx-filter .bx-filter-select-text.fix{min-width:120px}.bx-filter .bx-filter-select-text label{cursor:pointer}.bx-filter .bx-filter-select-arrow{position:absolute;top:0;right:0;width:34px;height:33px;cursor:pointer;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAG0lEQVQY02OYOXPmf1yYAQRwSsAATglkBch8ADy7LKHqFrgoAAAAAElFTkSuQmCC') no-repeat center}.bx-filter-select-popup{background:#fff;padding:0;min-width:173px}.bx-filter-select-popup ul{margin:0;padding:0;list-style:none}.bx-filter-select-popup ul li{display:block;text-align:left;vertical-align:middle}.bx-filter-select-popup ul li:first-child{border-bottom:1px solid #e5e5e5;padding-bottom:5px;margin-bottom:5px}.bx-filter-select-popup ul li label{font-size:14px;line-height:26px;display:block;text-align:left!important;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:26px;padding:0 5px;cursor:pointer;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;-ms-text-overflow:ellipsis;color:#575757}.bx-filter-select-popup ul li label.selected,.bx-filter-select-popup ul li label:hover{color:#000;background:#f3f8fa}.bx-filter-select-popup ul li label.disabled{color:#b8b8b8;background:transparent}.bx-filter-select-popup ul li .bx-filter-param-text{line-height:34px!important}.bx-filter .bx-filter-tag{padding:18px}.bx-filter .bx-tag-link{font-size:12px;text-decoration:none;text-shadow:none}.bx-filter .bx-tag-link.bx-active,.bx-filter .bx-tag-link:hover{color:#1d3d46}.bx-filter .bx-filter-param-label{min-height:20px;font-weight:normal;cursor:pointer}.bx-filter .bx-filter-param-btn-inline .bx-filter-param-label{float:left;display:block;margin-right:5px}.bx-filter .bx-filter-param-btn-block .bx-filter-param-label{display:block}.bx-filter .bx-filter-param-label.dib{display:inline-block}.bx-filter .bx-filter-param-text{font-weight:normal}.bx-filter .bx-filter-param-label.disabled .bx-filter-param-text{color:#6c6c6c}.bx-filter-select-popup .bx-filter-param-label.bx-active{background:#f3f8fa}.bx-filter .bx-filter-input-checkbox .bx-filter-param-text{display:block;text-align:left}.bx-filter .bx-filter-param-btn{font-weight:normal;display:inline-block;width:38px;height:38px;padding:6px;text-align:center;text-decoration:none;color:#000;vertical-align:middle;border:1px solid #ccd5db;border-radius:2px;background:#fff;position:relative;-webkit-transition:border .3s ease,box-shadow .1s ease,color .3s ease;-moz-transition:border .3s ease,box-shadow .1s ease,color .3s ease;-ms-transition:border .3s ease,box-shadow .1s ease,color .3s ease;-o-transition:border .3s ease,box-shadow .1s ease,color .3s ease;transition:border .3s ease,box-shadow .1s ease,color .3s ease;cursor:pointer}.bx-retina .bx-filter .bx-filter-param-btn{border-style:solid;border-width:1px;-webkit-border-image:url(/bitrix/templates/extremalov-new/components/bitrix/catalog/.default/bitrix/catalog.smart.filter/.default/images/border_default.png) 2 repeat;-moz-border-image:url(/bitrix/templates/extremalov-new/components/bitrix/catalog/.default/bitrix/catalog.smart.filter/.default/images/border_default.png) 2 repeat;-o-border-image:url(/bitrix/templates/extremalov-new/components/bitrix/catalog/.default/bitrix/catalog.smart.filter/.default/images/border_default.png) 2 repeat;border-image:url(/bitrix/templates/extremalov-new/components/bitrix/catalog/.default/bitrix/catalog.smart.filter/.default/images/border_default.png) 2 repeat}.bx-filter .bx-filter-param-label.disabled .bx-filter-param-btn.bx-color-sl{background:transparent;box-shadow:none}.bx-filter .bx-filter-param-label.disabled .bx-filter-param-btn.bx-color-sl{position:relative}.bx-filter .bx-filter-param-label.disabled .bx-filter-param-btn.bx-color-sl:before{position:absolute;bottom:0;right:0;top:0;left:0;content:' ';display:block;z-index:100;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAA/UlEQVQ4y5WSQQ6CQAxFOSBuwAtoAitc4R6MkKgYJULUi8Ax4DgKm9o/45BxBBNJmkB/33T6qUVEHkfDUXHY1sQD7V2DWg+JJox3lOZ3enYdf5IzAjnQkvxGa64Fg2S9PV3JXa4ozoovWEGbY0nOIqDkfIVeQ5hBAOQsAy5guO8FbEJxVqqDZ+rUuQ6rziJ3VLkBcs05BBxlF1nIADrJESYgE0YhAER0KH5DphEKFDNPuG1AhTAi4jnRWV17FNYhcT3NHLzLzuUnjI0YHP203EWY8ENqNsAq5Y3Qf4NuhIT7wTBsDxgIbRjvCfCUe6ozoFCuXIukj5c/lhy1/gvSDM3b8PrjegAAAABJRU5ErkJggg==") no-repeat center;opacity:.7}.bx-filter .bx-filter-param-btn .bx-filter-param-text{line-height:26px}.bx-filter .bx-filter-param-btn.bx-spm{width:23px;min-width:23px;height:23px;line-height:23px;font-weight:normal;padding:0;font-size:17px;color:#767b7e;vertical-align:top;border-radius:50%;background-color:transparent}.bx-filter .bx-filter-param-btn.bx-spm.bx-plus{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAANUlEQVQoz2NgwAQsQMzJQCSwAeKGQa7YFKoAhmOgim3QsAxIcSFUkhC2GaqhgQ4UgNgFmwQAij8OUFmBFssAAAAASUVORK5CIIA=") no-repeat center}.bx-filter .bx-filter-param-btn.bx-spm.bx-minus{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAACCAYAAABhYU3QAAAAG0lEQVQYV2NgYGDgBuI4AlgGiBn4gLicAFYGAAFkBwE95V42AAAAAElFTkSuQmCC") no-repeat center}.bx-filter .bx-filter-param-btn.bx-spm:active{outline:none!important;box-shadow:inset 0 2px 3px rgba(0,0,0,.12)}.bx-filter span.bx-spm{font-size:18px;line-height:23px;display:inline-block;height:23px;margin:0 10px;vertical-align:middle;color:#000}.bx-filter-select-popup .bx-filter-select-text-icon,.bx-filter .bx-filter-select-text-icon{line-height:33px;position:relative;display:inline-block;width:23px;height:23px;margin-top:-4px;margin-right:2px;vertical-align:middle;border-radius:2px}.bx-filter-select-popup .bx-filter-btn-color-icon,.bx-filter .bx-filter-btn-color-icon{line-height:24px;border-radius:2px;display:inline-block;width:24px;height:24px;vertical-align:middle;box-shadow:inset 0 0 0 1px rgba(0,0,0,.05);-webkit-background-size:cover;background-size:cover}.bx-filter-select-popup .bx-filter-btn-color-icon{width:20px;height:20px;margin:2px 0;top:0!important}.bx-filter .bx-filter-select-block .bx-filter-btn-color-icon{top:-1px!important}.bx-filter-btn-color-icon.all{position:relative;border:0;box-shadow:none}.bx-filter-btn-color-icon.all:after,.bx-filter-btn-color-icon.all:before{position:absolute;width:60%;height:60%;background:#fff;content:" ";box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}.bx-filter-btn-color-icon.all:after{right:0;bottom:0}.bx-filter-btn-color-icon.all:before{top:0;left:0}.bx-filter .bx-filter-param-label.disabled .bx-filter-btn-color-icon{opacity:.2}.bx-filter .bx-filter-parameter-biz{font-size:14px;line-height:15px;display:inline-block;margin-right:10px;text-decoration:none;color:#1485ce;border-bottom:1px dashed}.bx-filter .bx-filter-parameter-biz:hover{text-decoration:none;border-bottom:1px solid}.bx-filter .bx-filter-parameter-biz.bx-active{position:relative;color:#000;border-color:transparent}.btn-themes{color:#FFF}.btn-themes.bx-active,.btn-themes.focus,.btn-themes:active,.btn-themes:focus,.btn-themes:hover{color:#FFF}.bx-filter .bx-filter-popup-result{font-size:13px;font-weight:normal;position:absolute;z-index:915;display:none;line-height:normal;margin-top:-7px;margin-left:10px;padding:0 10px;white-space:nowrap;color:#3f3f3f;min-height:37px;line-height:18px;border-style:solid;border:1px solid #c6dce7}.bx-filter .bx-filter-popup-result.left{border-width:2px 10px 2px 2px;-webkit-border-image:url(/bitrix/templates/extremalov-new/components/bitrix/catalog/.default/bitrix/catalog.smart.filter/.default/images/result_popup_left.png) 4 20 4 4 repeat;-moz-border-image:url(/bitrix/templates/extremalov-new/components/bitrix/catalog/.default/bitrix/catalog.smart.filter/.default/images/result_popup_left.png) 4 20 4 4 repeat;-o-border-image:url(/bitrix/templates/extremalov-new/components/bitrix/catalog/.default/bitrix/catalog.smart.filter/.default/images/result_popup_left.png) 4 20 4 4 repeat;border-image:url(/bitrix/templates/extremalov-new/components/bitrix/catalog/.default/bitrix/catalog.smart.filter/.default/images/result_popup_left.png) 4 20 4 4 fill repeat}.bx-filter .bx-filter-popup-result.right{border-width:2px 2px 2px 10px;-webkit-border-image:url(/bitrix/templates/extremalov-new/components/bitrix/catalog/.default/bitrix/catalog.smart.filter/.default/images/result_popup_right.png) 4 4 4 20 repeat;-moz-border-image:url(/bitrix/templates/extremalov-new/components/bitrix/catalog/.default/bitrix/catalog.smart.filter/.default/images/result_popup_right.png) 4 4 4 20 repeat;-o-border-image:url(/bitrix/templates/extremalov-new/components/bitrix/catalog/.default/bitrix/catalog.smart.filter/.default/images/result_popup_right.png) 4 4 4 20 repeat;border-image:url(/bitrix/templates/extremalov-new/components/bitrix/catalog/.default/bitrix/catalog.smart.filter/.default/images/result_popup_right.png) 4 4 4 20 fill repeat}.bx-filter .bx-filter-popup-result.right{left:97%}.bx-filter .bx-filter-popup-result.left{right:97%}.bx-filter-horizontal .bx-filter-popup-result{display:inline-block;position:relative;left:auto;right:auto;bottom:-7px}.bx-filter .bx-filter-popup-result a{color:#0073a3;line-height:10px}.bx-filter .bx-filter-popup-result a:hover{text-decoration:none}.bx-filter .bx-filter-popup-result-close{display:none}@media(max-width:767px){.bx-touch .bx-filter .bx-filter-popup-result{font-size:12px;line-height:14px;position:fixed!important;z-index:1001;top:auto!important;right:0!important;bottom:0!important;left:0!important;margin-top:0;margin-left:0;width:auto;height:auto;padding:10px;border-radius:2px;border:1px solid #c6dae7;background:rgba(255,255,255,.9)}.bx-touch .bx-filter .bx-filter-popup-result br{display:none}.bx-filter .bx-filter-popup-result .arrow{display:none}}
/* End */


/* Start:/bitrix/templates/extremalov-new/components/bitrix/catalog/.default/bitrix/catalog.smart.filter/.default/themes/blue/colors.min.css?17790979304373*/
.bx-filter.bx-blue .bx-filter-section{background:#edf6fc}.bx-filter.bx-blue .bx-filter-input-container input:focus{border-color:#499fd8}.bx-retina .bx-filter.bx-blue .bx-filter-input-container input:focus{-webkit-border-image:url(/bitrix/templates/extremalov-new/components/bitrix/catalog/.default/bitrix/catalog.smart.filter/.default/themes/blue/images/active.png) 2 repeat;-moz-border-image:url(/bitrix/templates/extremalov-new/components/bitrix/catalog/.default/bitrix/catalog.smart.filter/.default/themes/blue/images/active.png) 2 repeat;-o-border-image:url(/bitrix/templates/extremalov-new/components/bitrix/catalog/.default/bitrix/catalog.smart.filter/.default/themes/blue/images/active.png) 2 repeat;border-image:url(/bitrix/templates/extremalov-new/components/bitrix/catalog/.default/bitrix/catalog.smart.filter/.default/themes/blue/images/active.png) 2 repeat}.bx-filter.bx-blue .bx-ui-slider-track{background:#e7e7e7}.bx-filter.bx-blue .bx-ui-slider-pricebar-vd{background:#849da4}.bx-filter.bx-blue .bx-ui-slider-pricebar-vn{background:#a8dff3}.bx-filter.bx-blue .bx-ui-slider-pricebar-v{background:#499fd8}.bx-filter.bx-blue .bx-ui-slider-handle.left{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkM2RUFBN0ExNjg1MTFFNUIzOUM4MzM0QUEzQkQxRDQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkM2RUFBN0IxNjg1MTFFNUIzOUM4MzM0QUEzQkQxRDQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2QzZFQUE3ODE2ODUxMUU1QjM5QzgzMzRBQTNCRDFENCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2QzZFQUE3OTE2ODUxMUU1QjM5QzgzMzRBQTNCRDFENCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ppps1VcAAAEWSURBVHjabFPRFcIwCIS8/nWGdh+3sYu4gmu5il8niUAuaN6zJoQD7iB6e76kL8h3qX+RlrnU/TR3sje+DHMFq4cN8Pded/veG8gNWUEEVALMQPbd7e9uv3MLOABRXQutQD8PsFnOfmjJRkMHsHOCu8X2mTn8NnYRAmEAWF4xzhhgptUgyANIa3UV3JaZ1+AWYOYGtScyYMnMftGRxq0CNdArcMH0rFTVg21FYa6mZ77s9lgFxaJMk1kqTeJo1QAX+5yEoIDfadttf8nILDRckyKYQolrmfWyi4MZz878vohGbqPsAK/vAYXotGxemnPWIzRRAqCMs9K5D1JyFuox6IVKmVTe9za+LchD/q4iXyo6q/kIMAAflYlW4QRU6wAAAABJRU5ErkJggg==) no-repeat right top}.bx-filter.bx-blue .bx-ui-slider-handle.right{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAAq0lEQVQ4y6WSQRKDIAxFXXSlF0vOZC+SlddKblMUUhKCraIzX9Ahj58PE268TE8e3GSFJ5BUTDskaRl1QFk8BsHs4BCMQMruVEe+l4kWglFu5yLEZKDFXyeXIFoEpg3z738mJTzXhncj75+QtqjnJENO2sG4I1VXDtR3ogv7O1dHxV10gi75EGILiE78RRKy33AOq07i+Us4kRamkOPGptesQjeXIjZjO+fXB+hjUU/S3Z+WAAAAAElFTkSuQmCC) no-repeat left top}.bx-filter.bx-blue .bx-filter-select-container.bx-active,.bx-filter.bx-blue .bx-filter-select-container:focus{border-color:#499fd8}.bx-retina .bx-filter.bx-blue .bx-filter-select-container.bx-active,.bx-retina .bx-filter.bx-blue .bx-filter-select-container:focus{-webkit-border-image:url(/bitrix/templates/extremalov-new/components/bitrix/catalog/.default/bitrix/catalog.smart.filter/.default/themes/blue/images/active.png) 2 repeat;-moz-border-image:url(/bitrix/templates/extremalov-new/components/bitrix/catalog/.default/bitrix/catalog.smart.filter/.default/themes/blue/images/active.png) 2 repeat;-o-border-image:url(/bitrix/templates/extremalov-new/components/bitrix/catalog/.default/bitrix/catalog.smart.filter/.default/themes/blue/images/active.png) 2 repeat;border-image:url(/bitrix/templates/extremalov-new/components/bitrix/catalog/.default/bitrix/catalog.smart.filter/.default/themes/blue/images/active.png) 2 repeat}.bx-filter.bx-blue .bx-filter-tag{border-top:1px solid #d7eaf7;border-bottom:1px solid #d7eaf7}.bx-filter.bx-blue .bx-tag-link{color:#68939e}.bx-filter.bx-blue .bx-filter-param-label.bx-active .bx-filter-param-btn,.bx-filter.bx-blue .bx-filter-param-btn:hover,.bx-filter.bx-blue .bx-filter-param-btn:active,.bx-filter.bx-blue .bx-filter-param-btn:focus{border-color:#499fd8}.bx-retina .bx-filter.bx-blue .bx-filter-param-label.bx-active .bx-filter-param-btn,.bx-retina .bx-filter.bx-blue .bx-filter-param-btn:hover,.bx-retina .bx-filter.bx-blue .bx-filter-param-btn:active,.bx-retina .bx-filter.bx-blue .bx-filter-select-container:focus{-webkit-border-image:url(/bitrix/templates/extremalov-new/components/bitrix/catalog/.default/bitrix/catalog.smart.filter/.default/themes/blue/images/active.png) 2 repeat;-moz-border-image:url(/bitrix/templates/extremalov-new/components/bitrix/catalog/.default/bitrix/catalog.smart.filter/.default/themes/blue/images/active.png) 2 repeat;-o-border-image:url(/bitrix/templates/extremalov-new/components/bitrix/catalog/.default/bitrix/catalog.smart.filter/.default/themes/blue/images/active.png) 2 repeat;border-image:url(/bitrix/templates/extremalov-new/components/bitrix/catalog/.default/bitrix/catalog.smart.filter/.default/themes/blue/images/active.png) 2 repeat}.bx-filter.bx-blue .btn-themes{background-color:#1485ce;border-color:#1485ce;color:#FFF}.bx-filter.bx-blue .btn-themes.bx-active,.bx-filter.bx-blue .btn-themes.focus,.bx-filter.bx-blue .btn-themes:active,.bx-filter.bx-blue .btn-themes:focus,.bx-filter.bx-blue .btn-themes:hover{background-color:#53a4d8;border-color:#53a4d8;color:#FFF}
/* End */


/* Start:/bitrix/components/bitrix/system.pagenavigation/templates/modern/style.min.css?1779097911675*/
div.modern-page-navigation{padding:.5em 0}div.modern-page-navigation a,span.modern-page-current,span.modern-page-dots{border-left-width:1px;border-left-style:solid;padding-left:.75em;padding-right:.5em;text-decoration:none}div.modern-page-navigation a.modern-page-previous{border-right-width:1px;border-right-style:solid;border-left:0}div.modern-page-navigation a.modern-page-first,div.modern-page-navigation span.modern-page-first{border-left:0;padding-left:.5em}span.modern-page-current{font-weight:var(--ui-font-weight-bold)}div.modern-page-navigation a,span.modern-page-current,div.modern-page-navigation a.modern-page-previous,span.modern-page-dots{border-color:#cdcdcd}
/* End */


/* Start:/bitrix/templates/extremalov-new/components/bitrix/catalog/.default/bitrix/catalog.section/modern_premium/style.css?178187864028994*/
/* Скрытие скроллбара для похожих яхт */
.hide-scrollbar::-webkit-scrollbar {
    display: none !important;
}
.hide-scrollbar {
    -ms-overflow-style: none !important;
    scrollbar-width: none !important;
}

#similar-slider .flex-shrink-0 {
    width: 280px !important;
}

@media (min-width: 768px) {
    #similar-slider .flex-shrink-0 {
        width: calc((100% - 48px) / 3) !important;
    }
}

/* Эффект зума картинок */
.zoom-container img {
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.zoom-container:hover img {
    transform: scale(1.04) !important;
}


/* === EXTRACTED FROM TEMPLATE === */
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&family=Jost:ital,wght@0,100..900;1,100..900&display=swap');

/* ===== СКРЫТИЕ СТАРЫХ ЭЛЕМЕНТОВ САЙТА ===== */
#div_header_new, #menu, .hamburger-lines, .hamburger-checkbox,
#div_left_sidebar, #arcontactus, .div_container4_top, .div_container4_bottom {
    display: none !important;
}
body {
    background-color: #fafaf9 !important;
    background-image: none !important;
    color: #1c1917 !important;
    font-family: 'Jost', sans-serif !important;
}
#div_left_column {
    width: 100% !important; max-width: 100% !important;
    float: none !important; margin: 0 !important; padding: 0 !important;
}
.div_container4_middle, .div_container4, .div_container4_top, .div_container4_bottom {
    padding: 0 !important; margin: 0 !important;
    background: transparent !important; border: none !important; box-shadow: none !important;
}
html, body, .all_page, #div_workarea, #div_left_column, #div_allpage_wrapper,
.div_container4, .div_container4_middle, .wrapper, #div_workarea_middle,
.div_container4_top, .div_container4_bottom, .div_container_middle, .div_workarea_middle {
    background-color: #FAFAF9 !important; background-image: none !important;
}

/* ===== СКРЫТИЕ СТАНДАРТНОГО ФИЛЬТРА БИТРИКСА ===== */
.bx-filter, #bx_filter_result, .bx-sfilter-row, .bx-sfilter-content,
.bx-sfm-container, #smartFilterWrapper, .catalog_filter, .bx-filter-title {
    display: none !important;
}

/* Фикс для меню шапки */
@media (max-width: 767px) {
    .desktop-nav, .premium-header nav.desktop-nav {
        display: none !important;
    }
}
@media (min-width: 768px) {
    .desktop-nav, .premium-header nav.desktop-nav {
        display: flex !important;
    }
}

/* Фикс цвета ссылок в выпадающем меню — старый сайт красит все ссылки в золотой */
.premium-header .group div a,
.premium-header .group > div > div a {
    color: #d6d3d1 !important;
}
.premium-header .group div a:hover {
    color: #CA8A04 !important;
}
/* Заголовки колонок мегаменю — stone-500 */
.premium-header span.text-stone-500 {
    color: #78716c !important;
}

/* ===== ШАПКА ===== */
.premium-header {
    background-color: #07111f !important;
    background: #07111f !important;
}
#mobile-menu-overlay {
    transition: transform 0.3s cubic-bezier(0.4,0,0.2,1) !important;
}

/* ===== ПРЕМИУМ КНОПКИ ===== */
.gold-gradient-btn {
    background: linear-gradient(135deg,#CA8A04 0%,#A16207 100%) !important;
    transition: all 0.4s cubic-bezier(0.4,0,0.2,1) !important;
    border: none !important;
}
.gold-gradient-btn:hover {
    background: linear-gradient(135deg,#A16207 0%,#78350F 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(202,138,4,0.35) !important;
}

/* ===== СЕКЦИЯ ФИЛЬТРА ===== */
#premium-filter-panel {
    background: #fff;
    border: 1px solid #e7e5e4;
    border-radius: 20px;
    padding: 20px 24px;
    margin-top: 28px !important;
    margin-bottom: 32px;
    box-shadow: 0 4px 24px rgba(28,25,23,0.06);
}
.filter-select {
    appearance: none;
    -webkit-appearance: none;
    background: #fafaf9;
    border: 1px solid #e7e5e4;
    border-radius: 12px;
    padding: 10px 36px 10px 14px;
    font-family: 'Jost', sans-serif;
    font-size: 13px;
    color: #1c1917;
    cursor: pointer;
    width: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2378716c' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    transition: border-color 0.2s, box-shadow 0.2s;
}
.filter-select:hover, .filter-select:focus {
    border-color: #CA8A04;
    outline: none;
    box-shadow: 0 0 0 3px rgba(202,138,4,0.1);
}
.filter-label {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #78716c;
    margin-bottom: 6px;
    display: block;
}
.filter-btn-apply {
    background: linear-gradient(135deg,#CA8A04 0%,#A16207 100%);
    color: #fff;
    border: none;
    border-radius: 12px;
    padding: 10px 24px;
    font-family: 'Jost', sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s;
    white-space: nowrap;
}
.filter-btn-apply:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(202,138,4,0.3);
}
.filter-btn-reset {
    background: transparent;
    color: #78716c;
    border: 1px solid #e7e5e4;
    border-radius: 12px;
    padding: 10px 20px;
    font-family: 'Jost', sans-serif;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
    text-decoration: none;
    display: inline-block;
}
.filter-btn-reset:hover {
    border-color: #CA8A04;
    color: #CA8A04;
}

/* Мобильный фильтр — тогл */
#filter-toggle-btn {
    display: none;
}
#filter-body-mobile {
    display: none;
}
@media (max-width: 767px) {
    #filter-toggle-btn { display: flex; }
    #filter-body-desktop { display: none !important; }
    #filter-body-mobile.filter-open { display: block; }
    .filter-mobile-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
    .filter-mobile-actions {
        display: flex;
        gap: 10px;
        margin-top: 16px;
    }
    .filter-mobile-actions .filter-btn-apply { flex: 1; }
    .filter-mobile-actions .filter-btn-reset { flex: 1; text-align: center; }
}

/* ===== СЕТКА КАРТОЧЕК ===== */
#yacht-catalog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-bottom: 48px;
}
@media (max-width: 1023px) {
    #yacht-catalog-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; }
}
@media (max-width: 639px) {
    #yacht-catalog-grid { grid-template-columns: 1fr; gap: 16px; }
}

.yacht-card {
    background: #fff;
    border-radius: 20px;
    border: 1px solid rgba(231,229,228,0.7);
    box-shadow: 0 2px 12px rgba(28,25,23,0.05);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
.yacht-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(28,25,23,0.10);
    border-color: rgba(202,138,4,0.35);
}
.yacht-card-img {
    aspect-ratio: 16/10;
    overflow: hidden;
    position: relative;
    display: block;
}
.yacht-card-img img {
    width: 100%; height: 100%; object-fit: cover;
    transition: transform 0.5s cubic-bezier(0.4,0,0.2,1);
}
.yacht-card:hover .yacht-card-img img { transform: scale(1.05); }

.yacht-card-body { padding: 18px 20px; flex: 1; display: flex; flex-direction: column; gap: 12px; }
.yacht-card-type {
    font-size: 9px; font-weight: 700; text-transform: uppercase;
    letter-spacing: 0.12em; color: #a8a29e;
}
.yacht-card-name {
    font-family: 'Bodoni Moda', serif;
    font-size: 18px; color: #1c1917; margin: 2px 0 0; line-height: 1.25;
}
.yacht-card-meta { font-size: 12px; color: #78716c; }
.yacht-card-specs {
    display: grid; grid-template-columns: 1fr 1fr;
    gap: 8px; border-top: 1px solid #f5f5f4; padding-top: 12px;
    font-size: 12px; color: #57534e;
}
.yacht-card-footer {
    display: flex; justify-content: space-between; align-items: center;
    border-top: 1px solid #f5f5f4; padding-top: 12px;
}
.yacht-card-price { font-weight: 700; font-size: 14px; color: #1c1917; }
.yacht-card-link {
    font-size: 10px; font-weight: 700; text-transform: uppercase;
    letter-spacing: 0.08em; color: #1c1917; text-decoration: none;
    transition: color 0.2s;
}
.yacht-card-link:hover { color: #CA8A04; }

/* Статус: нет результатов */
#no-results-msg {
    display: none;
    text-align: center;
    padding: 60px 0;
    color: #78716c;
}

/* ===== ПАГИНАЦИЯ ===== */
.catalog-pagination { margin: 8px 0 48px; }
.catalog-pagination .bx-pagination { display: flex !important; gap: 6px; flex-wrap: wrap; align-items: center; justify-content: center; list-style: none; padding: 0; margin: 0; }
.catalog-pagination .bx-pagination li { display: inline-flex; }
.catalog-pagination .bx-pagination a,
.catalog-pagination .bx-pagination span {
    display: flex; align-items: center; justify-content: center;
    min-width: 40px; height: 40px; padding: 0 8px;
    border-radius: 10px; border: 1px solid #e7e5e4;
    font-size: 14px; font-weight: 500; color: #44403c;
    text-decoration: none; transition: all 0.2s; font-family: 'Jost', sans-serif;
}
.catalog-pagination .bx-pagination a:hover { border-color: #CA8A04; color: #CA8A04; }
.catalog-pagination .bx-pagination .bx-active a,
.catalog-pagination .bx-pagination .bx-active span {
    background: linear-gradient(135deg,#CA8A04,#A16207);
    border-color: transparent; color: #fff;
}
.catalog-pagination a[href*="PAGEN"] {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 40px; height: 40px; padding: 0 10px;
    border-radius: 10px; border: 1px solid #e7e5e4;
    font-size: 14px; font-weight: 500; color: #44403c;
    text-decoration: none; transition: all 0.2s; font-family: 'Jost', sans-serif;
}
.catalog-pagination a[href*="PAGEN"]:hover { border-color: #CA8A04; color: #CA8A04; }

/* ===== МЕССЕНДЖЕРЫ (фиксированная кнопка) ===== */
#messenger-fab {
    position: fixed; bottom: 24px; right: 24px; z-index: 9000;
    display: flex; flex-direction: column; align-items: flex-end; gap: 10px;
}
#messenger-fab-btn {
    width: 56px; height: 56px; border-radius: 9999px;
    background: linear-gradient(135deg,#CA8A04,#A16207);
    border: none; cursor: pointer; display: flex; align-items: center; justify-content: center;
    box-shadow: 0 6px 24px rgba(202,138,4,0.4); transition: transform 0.3s;
}
#messenger-fab-btn:hover { transform: scale(1.1); }
#messenger-fab-menu {
    display: flex; flex-direction: column; gap: 8px; align-items: flex-end;
    opacity: 0; pointer-events: none; transform: translateY(8px);
    transition: all 0.3s cubic-bezier(0.4,0,0.2,1);
}
#messenger-fab-menu.open { opacity: 1; pointer-events: auto; transform: translateY(0); }
.fab-messenger-link {
    display: flex; align-items: center; gap: 10px;
    padding: 10px 18px; border-radius: 9999px;
    font-family: 'Jost', sans-serif; font-size: 13px; font-weight: 700;
    text-decoration: none; color: #fff;
    box-shadow: 0 4px 16px rgba(0,0,0,0.18);
    transition: transform 0.2s, box-shadow 0.2s;
}
.fab-messenger-link:hover { transform: translateX(-4px); box-shadow: 0 6px 24px rgba(0,0,0,0.22); }
.fab-wa { background: #25D366; }
.fab-tg { background: #0088cc; }

/* Фикс мобильного меню: скрываем nav внутри шапки на мобильных, но не нав оверлее */
#mobile-menu-overlay nav {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}
#mobile-menu-overlay a, 
#mobile-menu-overlay button,
#mobile-menu-overlay span {
    color: #d6d3d1 !important;
}
#mobile-menu-overlay a:hover, 
#mobile-menu-overlay button:hover {
    color: #CA8A04 !important;
}
#mobile-menu-overlay .text-gold,
#mobile-menu-overlay button.text-gold,
#mobile-menu-overlay button.text-gold span {
    color: #CA8A04 !important;
}

/* Утилиты цветов */
.text-gold { color: #CA8A04 !important; }
.bg-gold { background-color: #CA8A04 !important; }

/* Сортировка — скрываем стандартный sort dropdown и делаем свой */
#sort-form { display: none !important; }
.SortDropdown { display: none !important; }

/* ================= СТИЛИ ДЛЯ ВЕБ-ФОРМЫ БИТРИКСА ================= */
.booking-card form table, 
.booking-card form tbody, 
.booking-card form tfoot, 
.booking-card form tr, 
.booking-card form td,
.booking-card form th,
#request-modal form table, 
#request-modal form tbody, 
#request-modal form tfoot, 
#request-modal form tr, 
#request-modal form td,
#request-modal form th,
#callback_dialog form table, 
#callback_dialog form tbody, 
#callback_dialog form tfoot, 
#callback_dialog form tr, 
#callback_dialog form td,
#callback_dialog form th,
#el_new_dialog form table, 
#el_new_dialog form tbody, 
#el_new_dialog form tfoot, 
#el_new_dialog form tr, 
#el_new_dialog form td,
#el_new_dialog form th {
    display: block !important;
    width: 100% !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
/* Полностью убираем любые внешние и внутренние отступы у строк и ячеек, чтобы избавиться от пустых блоков */
.booking-card form tr,
.booking-card form td,
#request-modal form tr,
#request-modal form td,
#callback_dialog form tr,
#callback_dialog form td,
#el_new_dialog form tr,
#el_new_dialog form td {
    margin: 0 !important;
    padding: 0 !important;
}
/* Текст заголовка поля в модалках */
#request-modal form td:first-child,
#callback_dialog form td:first-child,
#el_new_dialog form td:first-child {
    font-family: 'Jost', sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    color: #a8a29e !important; /* stone-400 */
    margin-bottom: 6px !important;
    margin-top: 12px !important;
    text-align: left !important;
    float: none !important;
    width: 100% !important;
    display: block !important;
}
/* Текст заголовка поля в сайдбаре (Цена аренды) - компактнее */
.booking-card form td:first-child {
    font-family: 'Jost', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important; /* Белые подписи для высокой контрастности */
    margin-bottom: 4px !important;
    margin-top: 8px !important;
    text-align: left !important;
    float: none !important;
    width: 100% !important;
    display: block !important;
}
/* Сбрасываем стили CAPS LOCK и размера шрифта с ячейки самого инпута (второй td) */
.booking-card form td + td,
#request-modal form td + td,
#callback_dialog form td + td,
#el_new_dialog form td + td {
    text-transform: none !important;
    font-size: 14px !important;
    font-weight: normal !important;
}
/* Инпуты в сайдбаре - белые ячейки с темным текстом */
.booking-card form input[type="text"],
.booking-card form input[type="tel"],
.booking-card form input[type="email"],
.booking-card form input[type="date"],
.booking-card form textarea,
.booking-card form select {
    background-color: #ffffff !important; /* Белый фон */
    border: 1px solid #d6d3d1 !important; /* stone-300 */
    color: #1c1917 !important; /* Темный текст */
    border-radius: 8px !important;
    padding: 10px 12px !important;
    font-size: 13px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    outline: none !important;
    transition: all 0.2s ease !important;
    margin-bottom: 8px !important;
}
/* Принудительное отображение стандартного чекбокса во всех браузерах */
.booking-card form input[type="checkbox"],
#request-modal form input[type="checkbox"],
#callback_dialog form input[type="checkbox"],
#el_new_dialog form input[type="checkbox"] {
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
    background-color: #ffffff !important;
    border: 1.5px solid #ca8a04 !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    -webkit-appearance: checkbox !important;
    appearance: checkbox !important;
    margin: 4px 6px 0 0 !important;
}
/* Инпуты в модалках - оригинальные, на темном фоне */
#request-modal form input[type="text"],
#request-modal form input[type="tel"],
#request-modal form input[type="email"],
#request-modal form input[type="date"],
#request-modal form textarea,
#request-modal form select,
#callback_dialog form input[type="text"],
#callback_dialog form input[type="tel"],
#callback_dialog form input[type="email"],
#callback_dialog form input[type="date"],
#callback_dialog form textarea,
#callback_dialog form select,
#el_new_dialog form input[type="text"],
#el_new_dialog form input[type="tel"],
#el_new_dialog form input[type="email"],
#el_new_dialog form input[type="date"],
#el_new_dialog form textarea,
#el_new_dialog form select {
    background-color: #0c0a09 !important; /* stone-950 */
    border: 1px solid #78716c !important; /* stone-500 (высокий контраст) */
    color: #ffffff !important;
    border-radius: 12px !important;
    padding: 12px 14px !important;
    font-size: 14px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    outline: none !important;
    transition: all 0.2s ease !important;
    margin-bottom: 12px !important;
}
.booking-card form input::placeholder,
.booking-card form textarea::placeholder {
    color: #78716c !important; /* stone-500 */
}
#request-modal form input::placeholder,
#callback_dialog form input::placeholder,
#el_new_dialog form input::placeholder,
#request-modal form textarea::placeholder,
#callback_dialog form textarea::placeholder,
#el_new_dialog form textarea::placeholder {
    color: #a8a29e !important; /* stone-400 */
}
.booking-card form input[type="text"]:focus,
.booking-card form input[type="tel"]:focus,
.booking-card form input[type="email"]:focus,
.booking-card form input[type="date"]:focus,
.booking-card form textarea:focus {
    border-color: #ca8a04 !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 0 2px rgba(202, 138, 4, 0.15) !important;
}
#request-modal form input[type="text"]:focus,
#request-modal form input[type="tel"]:focus,
#request-modal form input[type="email"]:focus,
#request-modal form input[type="date"]:focus,
#request-modal form textarea:focus,
#callback_dialog form input[type="text"]:focus,
#callback_dialog form input[type="tel"]:focus,
#callback_dialog form input[type="email"]:focus,
#callback_dialog form input[type="date"]:focus,
#callback_dialog form textarea:focus,
#el_new_dialog form input[type="text"]:focus,
#el_new_dialog form input[type="tel"]:focus,
#el_new_dialog form input[type="email"]:focus,
#el_new_dialog form input[type="date"]:focus,
#el_new_dialog form textarea:focus {
    border-color: #ca8a04 !important; /* золотая рамка при фокусе */
    background-color: rgba(255, 255, 255, 0.03) !important;
}
/* Скрываем пустые строки Битрикса и строки, содержащие только скрытые системные инпуты */
.booking-card form tr:has(input[type="hidden"]),
.booking-card form tr[style*="display: none"],
.booking-card form tr[style*="display:none"],
#request-modal form tr:has(input[type="hidden"]),
#request-modal form tr[style*="display: none"],
#request-modal form tr[style*="display:none"],
#callback_dialog form tr:has(input[type="hidden"]),
#callback_dialog form tr[style*="display: none"],
#callback_dialog form tr[style*="display:none"],
#el_new_dialog form tr:has(input[type="hidden"]),
#el_new_dialog form tr[style*="display: none"],
#el_new_dialog form tr[style*="display:none"] {
    display: none !important;
}

/* Скрываем лишние поля формы в боковой карточке */
.booking-card form tr:has(input[name="form_text_51"]), /* Кол-во гостей */
.booking-card form tr:has(input[name="form_text_52"]), /* Пожелания */
.booking-card form tr:has(input[name="form_hidden_56"])  /* Hidden */
{
    display: none !important;
}

/* Скрываем лишние поля формы в модалке */
#request-modal form tr:has(input[name="form_text_51"]), /* Кол-во гостей */
#request-modal form tr:has(input[name="form_hidden_56"])  /* Hidden */
{
    display: none !important;
}

/* Сортировка оставшихся полей формы бронирования и модалки */
.booking-card form tbody,
#request-modal form tbody {
    display: flex !important;
    flex-direction: column !important;
}
.booking-card form tr:has(input[name="form_text_53"]),
#request-modal form tr:has(input[name="form_text_53"]) { /* Ваше имя */
    order: 1 !important;
}
.booking-card form tr:has(input[name="form_text_54"]),
#request-modal form tr:has(input[name="form_text_54"]) { /* Телефон */
    order: 2 !important;
}
.booking-card form tr:has(input[name="form_text_55"]),
#request-modal form tr:has(input[name="form_text_55"]) { /* E-mail */
    order: 3 !important;
}
.booking-card form tr:has(input[name="form_text_50"]),
#request-modal form tr:has(input[name="form_text_50"]) { /* Дата аренды */
    order: 4 !important;
}
#request-modal form tr:has(input[name="form_text_52"]),
#request-modal form tr:has(textarea[name="form_textarea_52"]),
#request-modal form tr:has([name*="form_text_52"]) { /* Пожелания в модалке */
    order: 5 !important;
}
.booking-card form tr:has(.bx-user-consent-container),
#request-modal form tr:has(.bx-user-consent-container),
#callback_dialog form tr:has(.bx-user-consent-container),
#el_new_dialog form tr:has(.bx-user-consent-container) {
    order: 6 !important;
}
.booking-card form tr:has(input[type="submit"]),
#request-modal form tr:has(input[type="submit"]),
#callback_dialog form tr:has(input[type="submit"]),
#el_new_dialog form tr:has(input[type="submit"]) {
    order: 7 !important;
}

/* CSS Grid для десктопной формы модалки (Телефон и E-mail бок о бок) */
@media (min-width: 640px) {
    #request-modal form tbody {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 0 16px !important;
    }
    #request-modal form tr:has(input[name="form_text_53"]), /* Ваше имя */
    #request-modal form tr:has(input[name="form_text_50"]), /* Дата аренды */
    #request-modal form tr:has(input[name="form_text_52"]), /* Пожелания */
    #request-modal form tr:has(textarea[name="form_textarea_52"]),
    #request-modal form tr:has([name*="form_text_52"]),
    #request-modal form tr#captcha-block,
    #request-modal form tr:has(input[type="submit"]),
    #request-modal form tr:has(.bx-user-consent-container) {
        grid-column: span 2 !important;
    }
}

/* Кнопка отправки в сайдбаре */
.booking-card form input[type="submit"],
.booking-card form button[type="submit"],
.booking-card form input.gold-gradient-btn {
    background: linear-gradient(135deg, #CA8A04 0%, #A16207 100%) !important;
    color: #ffffff !important;
    font-family: 'Jost', sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.15em !important;
    padding: 12px 14px !important;
    border-radius: 8px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    width: 100% !important;
    margin-top: 6px !important;
    box-shadow: none !important; /* Убрана тень */
    text-shadow: none !important; /* Убрана тень букв */
    height: auto !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    word-break: break-word !important;
}
/* Кнопка отправки в модалках */
#request-modal form input[type="submit"],
#request-modal form button[type="submit"],
#request-modal form input.gold-gradient-btn,
#callback_dialog form input[type="submit"],
#callback_dialog form button[type="submit"],
#callback_dialog form input.gold-gradient-btn,
#el_new_dialog form input[type="submit"],
#el_new_dialog form button[type="submit"],
#el_new_dialog form input.gold-gradient-btn {
    background: linear-gradient(135deg, #CA8A04 0%, #A16207 100%) !important;
    color: #ffffff !important;
    font-family: 'Jost', sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.15em !important;
    padding: 16px 14px !important;
    border-radius: 12px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    width: 100% !important;
    margin-top: 12px !important;
    box-shadow: none !important; /* Убрана тень */
    text-shadow: none !important; /* Убрана тень букв */
    height: auto !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    word-break: break-word !important;
}
.booking-card form input[type="submit"]:hover,
.booking-card form button[type="submit"]:hover,
.booking-card form input.gold-gradient-btn:hover {
    background: linear-gradient(135deg, #A16207 0%, #78350F 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: none !important;
    text-shadow: none !important;
}
#request-modal form input[type="submit"]:hover,
#request-modal form button[type="submit"]:hover,
#request-modal form input.gold-gradient-btn:hover,
#callback_dialog form input[type="submit"]:hover,
#callback_dialog form button[type="submit"]:hover,
#callback_dialog form input.gold-gradient-btn:hover,
#el_new_dialog form input[type="submit"]:hover,
#el_new_dialog form button[type="submit"]:hover,
#el_new_dialog form input.gold-gradient-btn:hover {
    background: linear-gradient(135deg, #A16207 0%, #78350F 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

/* Скрываем зависающий индикатор загрузки Битрикса и другие лоадеры */
.bx-core-waitwindow,
.bx-core-loading,
.bx-ajax-loading,
.bx-ajax-loader,
.bx-loading,
#bx_ajax_loading,
[id^="wait_comp_"],
[id^="wait_"],
.bx-wait,
.bx-core-wait,
.fr-spinner,
.fr-thumbnail-spinner {
    display: none !important;
}

/* Согласие с персональными данными Битрикса */
.booking-card .bx-user-consent-container,
#request-modal .bx-user-consent-container {
    margin-top: 14px !important;
    font-size: 10px !important;
    color: #a8a29e !important;
    line-height: 1.4 !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
}
.booking-card .bx-user-consent-container a,
#request-modal .bx-user-consent-container a {
    color: #ca8a04 !important;
    text-decoration: underline !important;
}
.booking-card .bx-user-consent-container-checkbox,
#request-modal .bx-user-consent-container-checkbox {
    margin-top: 2px !important;
}


/* End */
/* /bitrix/templates/extremalov-new/components/bitrix/catalog/.default/bitrix/catalog.smart.filter/.default/style.min.css?177909793013420 */
/* /bitrix/templates/extremalov-new/components/bitrix/catalog/.default/bitrix/catalog.smart.filter/.default/themes/blue/colors.min.css?17790979304373 */
/* /bitrix/components/bitrix/system.pagenavigation/templates/modern/style.min.css?1779097911675 */
/* /bitrix/templates/extremalov-new/components/bitrix/catalog/.default/bitrix/catalog.section/modern_premium/style.css?178187864028994 */
