/* Original desktop styles remain in /bask/css/style.css. */
html{scroll-behavior:smooth}
img{vertical-align:middle}
.rent-page{overflow-y:auto!important;background:white;font:14px/1.5 Verdana,Arial,sans-serif;margin:8px;width:auto}
.rent-page #feedback-table{width:100%;border-spacing:6px}
.rent-page input,.rent-page textarea{box-sizing:border-box;max-width:100%}
.rent-page #form-result{color:#008bd0;clear:both;padding:10px}
.rent-page input:disabled{cursor:wait}
@media(max-width:1199px){
 .wrapper,#add-menu{width:calc(100% - 24px);max-width:1180px}
 #top-bg{position:relative;height:auto;min-height:70px}
 #add-menu{height:auto;min-height:70px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;line-height:1.2}
 #logo{flex:0 0 155px;margin-right:10px}
 #slogan{flex:0 0 220px}
 #phone{font-size:25px;margin-left:10px;text-align:right;flex:1}
 #top-menu{flex:0 0 100%;height:auto}
 #add-menu #top-menu span{margin-left:0}
 .header{height:0}
 .menu li{padding:0 14px}
 #goods{height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:20px;gap:28px}
 .goods-item{float:none;width:auto;margin:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start}
 .goods-item>a:first-child img{width:100%;height:auto;box-sizing:border-box}
 .goods-item>ul{padding:0;float:none;min-width:0}
 .goods-item>.pick{grid-column:2;width:100%;box-sizing:border-box}
 #advantage{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}
 #advantage h3{flex:0 0 100%}
 .advantage-item{float:none;margin:0;width:calc(20% - 16px)}
 .footer{display:flow-root;background:#008bd0;padding-bottom:20px}
 #bottom-menu{height:auto}
 .footer-copy{width:50%;float:right}
 .footer-cont{width:48%;padding-left:1%;box-sizing:border-box}
 .footer-counter{display:none}
 .pick-up-img{max-width:100%}
 .pick-up-info{width:calc(100% - 270px)}
 .pick-up-info>ul,.pick-up-info>p{float:none;width:auto}
 .pick-up-info>p{margin-top:15px}
 .pick-up-more{width:auto;padding-left:0;margin-top:0}
 .pt{width:100%}
 .hide-div{display:flow-root}
 .hide-div-map{max-width:100%;float:none;border:0;overflow:hidden}
 .hide-div-map img{max-width:100%;height:auto}
 .hide-div-info{position:static;float:none;max-width:100%;clear:both}
 .hide-div-info table{padding-left:0;max-width:100%}
 .hide-div-info .slider{padding-left:0}
 .hide-div>img{max-width:100%;height:auto}
 table.prise{width:100%}
 .contact-hide{width:100%;position:relative}
 .contact-hide>img{max-width:100%;height:auto}
 #contact-map{height:auto;min-height:330px}
 #map{max-width:100%}
 .images{max-width:100%;height:auto}
 .content{overflow-wrap:anywhere}
 .photo img{max-width:100%;height:auto}
 .fancybox-wrap{max-width:calc(100% - 32px)}
}
@media(max-width:767px){
 .goods-item ul li,.pick-up-info ul li{position:relative;background:none}
 .goods-item ul li::before,.pick-up-info ul li::before{content:"";position:absolute;left:0;top:1px;width:21px;height:20px;background-image:url('/bask/img/sprite_bask.png');background-repeat:no-repeat}
 li.location::before{background-position:0 -128px}
 li.security::before{background-position:0 -146px}
 li.com::before{background-position:0 -167px}
 li.price::before{background-position:0 -183px}
 li.layout::before{background-position:0 -199px}
 #add-menu{justify-content:center;padding-top:5px}
 #slogan{font-size:20px;flex:1;min-width:140px}
 #phone{flex:0 0 100%;text-align:center;margin:8px 0;font-size:23px}
 .menu li{padding:0 9px;height:38px;font-size:15px}
 .menu span,.menu span:hover,.active span,.active span:hover{height:38px!important;line-height:38px}
 #top-menu ul,#bottom-menu ul{line-height:38px}
 #goods{grid-template-columns:1fr;padding:16px;gap:28px}
 .goods-item{grid-template-columns:minmax(0,1fr);gap:10px}
 .goods-item>a:first-child{justify-self:center}
 .goods-item>a:first-child img{width:245px;max-width:100%}
 .goods-item>ul{justify-self:center;width:245px;max-width:100%}
 .goods-item>.pick{grid-column:1;width:245px;max-width:100%;justify-self:center}
 .advantage-item{width:calc(50% - 12px)}
 .footer-copy,.footer-cont{width:auto;float:none;padding:15px;text-align:center}
 #go_top{right:8px;bottom:20px}
 .pick-up{padding:15px}
 .pick-up-img{float:none;margin:0 auto 20px}
 .pick-up-info{float:none;width:100%}
 .pick-up-more span{display:block;margin-top:12px}
 .pick-up-more a{display:inline}
 .hide-div-info table{font-size:12px}
 .hide-div-info td{padding:2px 3px}
 .hide-div-info .slider img{max-width:100%;height:auto}
 .menu-contact{height:auto;display:flex;flex-wrap:wrap;line-height:1.4;padding:8px;gap:10px;font-size:16px}
 .contact-menu{margin:0;float:none}
 #map{height:420px!important}
 table.prise th,table.prise td{padding:9px!important}
 .d-inf-brd strong{margin-left:25px;display:block}
 .d-inf-brd p{padding:10px}
 table:has(td.photo),table:has(td.photo) tbody,table:has(td.photo) tr{display:block;width:100%}
 td.photo{display:inline-block;width:46%;vertical-align:top;margin:1%;box-sizing:border-box}
 .rent-page #feedback-table td{display:block;width:auto}
 .rent-page .input-form,.rent-page textarea{width:100%!important}
 .rent-page #feedback-table tr{display:block;margin-bottom:8px}
 .rent-page #feedback-table input[type=checkbox]{width:auto!important}
}

/* v2: image and overlay share the natural image aspect ratio. */
.static-plan{position:relative;display:block;width:800px;max-width:100%;line-height:0}
.static-plan>img.map{display:block;position:relative!important;width:100%!important;height:auto!important;max-width:100%;opacity:1!important}
.static-plan>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}