/* ROST mobile adaptation (phones), 2026-10-25 */
@media (max-width:1023px){
 /* compact header (all pages) */
 #wrapper{padding:0!important}
 .header{display:flex!important;align-items:center;gap:10px;padding:8px 12px!important;min-height:0!important;height:auto!important;border-bottom:1px solid #eee}
 .header .logo{float:none!important;margin:0!important;width:auto!important;height:auto!important;flex:none}
 .header .logo img{width:52px!important;height:auto!important;display:block}
 .header .hdr-inner{float:none!important;margin:0!important;width:auto!important;flex:1;min-width:0;padding:0!important;display:flex;align-items:center;justify-content:space-between;gap:8px}
 .header .hdr-contacts{order:2;float:none!important;margin:0!important;padding:0!important;width:auto!important;height:auto!important;flex:none}
 .header .hdr-contacts .hdr-contact{float:none!important;margin:0!important;padding:0!important;width:auto!important}
 .header .hdr-contacts,.header .hdr-contacts .hdr-contact,.header .hdr-contacts dd.phone{min-width:0!important;max-width:none!important;width:auto!important}
 .header .hdr-contacts .spacing,.header .hdr-contacts dt,.header .hdr-contacts .phoppacne,.header .hdr-contacts .i-email{display:none!important}
 .header .hdr-contacts dd.phone{margin:0!important;padding:0!important;background:none!important}
 .header .hdr-contacts dd.phone:before{display:none!important}
 .header .hdr-contacts dd.phone a:before{content:"";width:14px;height:14px;margin-right:6px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1A17 17 0 0 1 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1z'/%3E%3C/svg%3E") center/contain no-repeat}
 .header .hdr-contacts dd.phone a{display:inline-flex;align-items:center;background:#d9141b;color:#fff!important;text-decoration:none!important;border-radius:999px;padding:8px 12px;font-size:13px!important;font-weight:600;white-space:nowrap}
 .header .hdr-contacts dd.phone .phone-code{font-size:13px!important;color:#fff!important}
 .header .hdr-info{order:1;flex:1 1 auto;float:none!important;position:static!important;margin:0!important;padding:0!important;width:auto!important;min-width:0;font-size:11px;line-height:1.3;color:#6b6f76}
 .header .hdr-info .title{font-size:20px!important;line-height:1.1;margin:0 0 2px!important}
 .header .hdr-info .schedule{margin:3px 0 0!important;font-size:11px}
 .header .hdr-info .schedule b{display:none}
 .header .clear{display:none}
 /* menu in one row */
 .main-menu{height:auto!important;padding:0!important;display:flex;align-items:stretch}
 .main-menu .home-link{position:static!important;left:auto!important;top:auto!important;margin:0!important;float:none!important;flex:none;width:36px!important;display:flex;align-items:center;justify-content:center;padding:0!important}
 .main-menu ul#main-menu{display:flex!important;flex:1;float:none!important;width:auto!important;margin:0!important;padding:0!important}
 .main-menu ul#main-menu>li{float:none!important;flex:1 1 0;width:auto!important;min-width:0}
 .main-menu ul#main-menu>li .s{padding:0!important}
 .main-menu ul#main-menu>li .s>a{display:block!important;padding:13px 2px!important;text-align:center;font-size:11px!important;white-space:nowrap;letter-spacing:0;background-image:none!important}
 .main-menu .sub-menu{display:none!important}
 .main-menu .clear{display:none}
 /* page paddings */
 .main-home,.main{padding:12px!important}
 .breadscrumb{font-size:11px;margin:0 0 6px!important}
 .main h1{font-size:22px!important;margin:4px 0 12px!important}
 /* homepage: price + gallery */
 .home-left{float:none!important;width:auto!important}
 .prices{padding:16px!important;margin:0 0 12px!important}
 .prices ul{margin:10px 0 0!important;padding:0!important}
 .prices li a{display:inline-block;padding:6px 0;font-size:14px}
 .gal-banner{display:block!important;width:auto!important;border-radius:6px;overflow:hidden}
 .gal-banner img{width:100%!important;height:auto!important;display:block}
 /* homepage: product tiles in a 2-column grid */
 .prod-tiles{float:none!important;width:auto!important;display:grid!important;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 0!important;padding:0!important;font-size:12px!important}
 .prod-tile{display:block!important;width:auto!important;margin:0!important}
 .prod-tile a{display:flex!important;flex-direction:column;height:100%;padding:10px!important;box-sizing:border-box;width:auto!important}
 .prod-tile .image{float:none!important;margin:0 auto 8px!important;width:100%!important;max-width:136px;height:auto!important}
 .prod-tile .title{height:auto!important;min-height:0!important;margin:0 0 8px!important;font-size:14px!important;line-height:1.3}
 .prod-tile .more{margin-top:auto;align-self:flex-start;padding:7px 10px!important;font-size:12px!important}
 .content#catalogue:after{content:"";display:block;clear:both}
 /* footer */
 .footer{font-size:12px}
 .footer .sec-menu a{display:inline-block;padding:8px 6px}
 .footer .partners{padding:0!important;text-align:center}
 .footer .partners li{display:inline-block!important;float:none!important;margin:4px 6px!important}
 .footer .partners img{max-width:96px;height:auto}
}

/* ROST header v2 (2026-10-25) */
/* menu order everywhere: \041f \0440 \043e \0434 \0443 \043a \0446 \0456 \044f  \00b7  \0413 \0430 \043b \0435 \0440 \0435 \044f  \00b7  \041f \0440 \043e  \043d \0430 \0441  \00b7  \041a \043e \043d \0442 \0430 \043a \0442 \0438  */
ul#main-menu{display:flex!important}
ul#main-menu>li:has(a[alias=products]){order:1}
ul#main-menu>li:has(a[alias=gallery]){order:2}
ul#main-menu>li:has(a[alias=about]){order:3}
ul#main-menu>li:has(a[alias=contacts]){order:4}
.footer .sec-menu{display:flex}
.footer .sec-menu a[alias=products]{order:1}.footer .sec-menu a[alias=gallery]{order:2}.footer .sec-menu a[alias=about]{order:3}.footer .sec-menu a[alias=contacts]{order:4}

@media (max-width:1023px){
 .header{background:#fff!important;padding:10px 12px!important;gap:10px;border-bottom:0!important;box-shadow:none}
 .header .logo img{width:44px!important}
 .header .hdr-info .title{font-size:19px!important;font-weight:400;margin:0!important;white-space:nowrap}
 .header .hdr-info{font-size:0!important;line-height:0!important;color:transparent!important}
 .header .hdr-info .title{line-height:1.15!important;color:#d9141b}
 .header .hdr-info .title strong{color:#d9141b}
 .header .hdr-info .schedule{display:none!important}
 .header .hdr-info:after{content:"\0417 \0430 \0432 \043e \0434  \043f \043e \043a \0440 \0456 \0432 \0435 \043b \044c \043d \0438 \0445  \043c \0430 \0442 \0435 \0440 \0456 \0430 \043b \0456 \0432 ";display:block;font-size:11px;line-height:1.3;color:#8a8f96;margin-top:2px;white-space:nowrap}
 .header .hdr-contacts dd.phone a{padding:0!important;width:44px;height:44px;justify-content:center;border-radius:50%!important;font-size:0!important;box-shadow:0 2px 8px rgba(217,20,27,.35)}
 .header .hdr-contacts dd.phone a .phone-code{display:none!important}
 .header .hdr-contacts dd.phone a:before{width:20px!important;height:20px!important;margin:0!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1A17 17 0 0 1 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1z'/%3E%3C/svg%3E")!important}
 /* menu: clean white tabs */
 .main-menu{background:#fff!important;background-image:none!important;border-top:1px solid #eee;border-bottom:1px solid #e6e7ea;box-shadow:0 2px 6px rgba(0,0,0,.04)}
 .main-menu .home-link{display:none!important}
 .main-menu ul#main-menu>li{background:none!important;border:0!important}
 .main-menu ul#main-menu>li .s{background:none!important;border:0!important}
 .main-menu ul#main-menu>li .s>a{color:#222!important;font-size:13px!important;font-weight:600!important;text-transform:none!important;padding:13px 2px 11px!important;border-bottom:2px solid transparent;background:none!important}
 .main-menu ul#main-menu>li .s>a:active,.main-menu ul#main-menu>li .s>a.rp-cur{color:#d9141b!important;border-bottom-color:#d9141b}
 .main-menu ul#main-menu>li .s>a:before,.main-menu ul#main-menu>li .s>a:after,.main-menu ul#main-menu>li:before,.main-menu ul#main-menu>li:after{display:none!important;content:none!important}
}

/* homepage on phones: gallery banner moved below the product tiles */
@media (max-width:1023px){
 .content#catalogue{display:flex!important;flex-direction:column}
 .content#catalogue .home-left{display:contents!important}
 .content#catalogue .prices{order:1}
 .content#catalogue .prod-tiles{order:2;margin:0!important}
 .content#catalogue .gal-banner{order:3;margin:12px 0 0!important}
 .content#catalogue:after{display:none!important}
}

/* tablets (iPad portrait etc.): refine the phone layout for wider screens */
@media (min-width:601px) and (max-width:1023px){
 .header{padding:12px 24px!important}
 .header .logo img{width:56px!important}
 .header .hdr-info .title{font-size:24px!important}
 .header .hdr-info:after{font-size:13px}
 .header .hdr-contacts dd.phone a{width:auto!important;height:auto!important;border-radius:999px!important;padding:11px 18px!important;font-size:16px!important;gap:8px}
 .header .hdr-contacts dd.phone a .phone-code{display:inline!important;font-size:16px!important}
 .header .hdr-contacts dd.phone a:before{width:18px!important;height:18px!important}
 .main-menu ul#main-menu>li .s>a{font-size:15px!important;padding:15px 4px 13px!important}
 .main-home,.main{padding:20px 24px!important}
 .main h1{font-size:28px!important}
 .prices{padding:20px 24px!important}
 .prod-tiles{grid-template-columns:repeat(3,1fr)!important;gap:14px!important}
 .prod-tile .image{max-width:170px}
 .prod-tile .title{font-size:15px!important}
 .content#catalogue .gal-banner{margin:16px 0 0!important}
 .gal-banner img{aspect-ratio:2.4/1;object-fit:cover;object-position:center 40%}
}
