/* Start:/local/templates/rols_adaptive/css/owl.carousel.min.css?16218695693351*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/rols_adaptive/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /* End */ /* Start:/local/templates/rols_adaptive/css/owl.theme.default.min.css?16218695691013*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} /* End */ /* Start:/local/templates/rols_adaptive/css/fblock.css?178370840321772*/ /* Premium callback and measurement modals */ #fblock_bg { position: fixed; z-index: 9998; inset: 0; display: none; width: 100%; height: 100%; background: rgba(8, 18, 24, .78); -webkit-backdrop-filter: blur(4px) saturate(.75); backdrop-filter: blur(4px) saturate(.75); } .fblock_style, .fblock_style *, .fblock_style *::before, .fblock_style *::after { box-sizing: border-box; } .fblock_style { position: fixed; z-index: 9999; top: 50%; left: 50%; display: none; width: 820px; max-width: calc(100vw - 32px); margin: 0; padding: 0; color: #1d2b32; background: transparent; font-family: 'SFUIText-Regular', Arial, sans-serif; font-size: 16px; transform: translate(-50%, -50%); } .fblock_style .rs-fblock__shell { position: relative; display: grid; grid-template-columns: 320px minmax(0, 500px); width: 100%; min-height: 0; overflow: hidden; border: 1px solid rgba(255, 255, 255, .64); border-radius: 22px; background: #fff; box-shadow: 0 34px 100px rgba(5, 15, 20, .34), 0 8px 26px rgba(5, 15, 20, .16); } #fblock_call .rs-fblock__shell { height: min(520px, calc(100vh - 48px)); } #fblock_zamer .rs-fblock__shell { height: min(590px, calc(100vh - 48px)); } .fblock_style .ct_fblock { position: absolute; z-index: 4; top: 18px; right: 18px; display: grid; width: 40px; height: 40px; padding: 0; place-items: center; border: 1px solid #dfe6e8; border-radius: 50%; color: #5c696f; background: rgba(255, 255, 255, .94); line-height: 1; text-align: center; text-decoration: none; box-shadow: none; transition: color .2s ease, border-color .2s ease, background-color .2s ease, transform .2s ease; } .fblock_style .ct_fblock:hover, .fblock_style .ct_fblock:focus { color: #e43d2f; border-color: rgba(228, 61, 47, .36); background: #fff; text-decoration: none; transform: rotate(4deg); } .fblock_style .ct_fblock:focus-visible { outline: 3px solid rgba(228, 61, 47, .3); outline-offset: 2px; } .fblock_style .ct_fblock svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; } .fblock_style .rs-fblock__story { position: relative; isolation: isolate; display: flex; min-width: 0; min-height: 0; height: 100%; flex-direction: column; padding: 36px 32px 30px; overflow: hidden; color: #fff; background-position: center; background-repeat: no-repeat; background-size: cover; } .fblock_style .rs-fblock__story--call { background-image: linear-gradient(155deg, rgba(19, 33, 40, .97) 0%, rgba(19, 33, 40, .84) 56%, rgba(19, 33, 40, .94) 100%), url('/upload/images/home-main-current/alutech-garage-trend-hero.webp'); background-position: 48% center; } .fblock_style .rs-fblock__story--measure { background-image: linear-gradient(155deg, rgba(19, 33, 40, .97) 0%, rgba(19, 33, 40, .82) 56%, rgba(19, 33, 40, .94) 100%), url('/upload/images/home-main-current/alutech-garage-trend-hero.webp'); background-position: 73% center; } .fblock_style .rs-fblock__story::before { content: ''; position: absolute; z-index: -1; inset: 0; background: radial-gradient(circle at 78% 18%, rgba(228, 61, 47, .26), transparent 28%), repeating-linear-gradient(0deg, transparent 0 43px, rgba(255, 255, 255, .045) 43px 44px); } .fblock_style .rs-fblock__story::after { content: ''; position: absolute; z-index: -1; right: -64px; bottom: 66px; width: 190px; height: 190px; border: 1px solid rgba(255, 255, 255, .1); border-radius: 50%; box-shadow: 0 0 0 24px rgba(255, 255, 255, .025), 0 0 0 58px rgba(255, 255, 255, .018); } .fblock_style .rs-fblock__logo { display: block; width: 184px; max-width: 100%; height: auto; } .fblock_style .rs-fblock__story-copy { margin-top: auto; } .fblock_style .rs-fblock__eyebrow { display: block; margin: 0 0 16px; color: #f16c5f; font-family: 'SFUIText-Heavy', 'SFUIText-Regular', Arial, sans-serif; font-size: 10px; font-weight: 800; line-height: 1.4; letter-spacing: .12em; text-transform: uppercase; } .fblock_style .rs-fblock__story-title { display: block; max-width: 255px; margin: 0; color: #fff; font-family: 'SFUIText-Heavy', 'SFUIText-Regular', Arial, sans-serif; font-size: 30px; font-weight: 800; line-height: 1.12; letter-spacing: -.04em; } .fblock_style .rs-fblock__story-copy p { max-width: 255px; margin: 17px 0 0; color: rgba(255, 255, 255, .72); font-size: 14px; font-weight: 400; line-height: 1.6; } .fblock_style .rs-fblock__points { display: grid; gap: 10px; margin: 24px 0 0; padding: 0; list-style: none; } .fblock_style .rs-fblock__points li { position: relative; min-height: 19px; margin: 0; padding: 2px 0 0 28px; color: rgba(255, 255, 255, .9); font-family: 'SFUIText-Heavy', 'SFUIText-Regular', Arial, sans-serif; font-size: 12px; font-weight: 700; line-height: 1.4; } .fblock_style .rs-fblock__points li::before { content: '✓'; position: absolute; top: 0; left: 0; display: grid; width: 19px; height: 19px; place-items: center; border-radius: 50%; color: #fff; background: rgba(40, 122, 80, .92); font-family: Arial, sans-serif; font-size: 11px; line-height: 19px; } .fblock_style .rs-fblock__trust { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 12px; margin-top: 27px; padding-top: 21px; border-top: 1px solid rgba(255, 255, 255, .13); } .fblock_style .rs-fblock__trust strong { color: #fff; font-family: 'SFUIText-Heavy', 'SFUIText-Regular', Arial, sans-serif; font-size: 18px; font-weight: 800; line-height: 1.2; letter-spacing: -.025em; white-space: nowrap; } .fblock_style .rs-fblock__trust span { margin: 0; color: rgba(255, 255, 255, .58); font-size: 10px; line-height: 1.4; } .fblock_style .rs-fblock__form-panel { min-width: 0; min-height: 0; padding: 42px 40px 24px; overflow-x: hidden; overflow-y: auto; background: linear-gradient(180deg, rgba(247, 250, 250, .92) 0, rgba(255, 255, 255, 0) 150px), #fff; scrollbar-color: #cbd5d8 transparent; scrollbar-width: thin; } .fblock_style .rs-fblock__form-panel::-webkit-scrollbar { width: 6px; } .fblock_style .rs-fblock__form-panel::-webkit-scrollbar-thumb { border-radius: 8px; background: #cbd5d8; } .fblock_style .rs-fblock__heading { display: grid; grid-template-columns: 44px minmax(0, 1fr); column-gap: 14px; margin: 0; padding: 0 32px 0 0; } .fblock_style .rs-fblock__heading-icon { display: grid; width: 44px; height: 44px; grid-row: span 2; place-items: center; border: 1px solid rgba(228, 61, 47, .17); border-radius: 12px; color: #e43d2f; background: rgba(228, 61, 47, .07); } .fblock_style .rs-fblock__heading-icon svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; } .fblock_style .rs-fblock__heading-kicker { display: block; margin: 0 0 5px; color: #e43d2f; font-family: 'SFUIText-Heavy', 'SFUIText-Regular', Arial, sans-serif; font-size: 10px; font-weight: 800; line-height: 1.4; letter-spacing: .12em; text-transform: uppercase; } .fblock_style .rs-fblock__heading h3 { margin: 0; padding: 0; overflow: visible; color: #1d2b32; font-family: 'SFUIText-Heavy', 'SFUIText-Regular', Arial, sans-serif; font-size: 27px; font-weight: 800; line-height: 1.12; letter-spacing: -.04em; text-align: left; text-transform: none; } .fblock_style .rs-fblock__heading > p { grid-column: 2; margin: 11px 0 0; color: #617078; font-size: 12.5px; font-weight: 400; line-height: 1.55; } .fblock_style .rs-fblock__form { margin-top: 22px; } #fblock_zamer .rs-fblock__form { margin-top: 19px; } .fblock_style .rs-fblock__form form { display: grid; grid-template-columns: minmax(0, 1fr); gap: 13px; width: 100%; margin: 0; padding: 0; } #fblock_zamer .rs-fblock__form form { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .fblock_style .rs-fblock__form form > input[type='hidden'] { display: none; } .fblock_style .form__input { width: 100% !important; min-width: 0; height: 50px; margin: 0 !important; padding: 0 15px 0 45px !important; border: 1px solid #dfe7e9; border-radius: 9px; outline: 0; color: #1d2b32; background-color: #fff; background-position: 15px center; background-repeat: no-repeat; background-size: 19px 19px; box-shadow: none; font-family: 'SFUIText-Regular', Arial, sans-serif; font-size: 13px; font-weight: 500; line-height: 50px; transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease; } .fblock_style .form__input[name='form_text_3'], .fblock_style .form__input[name='form_text_7'] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2387949a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M5 20c0-3.9 3.1-7 7-7s7 3.1 7 7'/%3E%3C/svg%3E"); } .fblock_style .form__input[name='form_text_4'], .fblock_style .form__input[name='form_text_8'] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2387949a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.2 3.5h2.2l1.1 4-1.7 1.5a14.4 14.4 0 0 0 6.2 6.2l1.5-1.7 4 1.1v2.2a3.7 3.7 0 0 1-3.9 3.7A13.5 13.5 0 0 1 3.5 7.4a3.7 3.7 0 0 1 3.7-3.9Z'/%3E%3C/svg%3E"); } .fblock_style .form__input[name='form_text_5'] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2387949a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 10c0 5-7 11-7 11S5 15 5 10a7 7 0 1 1 14 0Z'/%3E%3Ccircle cx='12' cy='10' r='2.4'/%3E%3C/svg%3E"); } .fblock_style .form__input[name='form_text_6'] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2387949a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V9l8-5 8 5v11H4Z'/%3E%3Cpath d='M8 20v-7h8v7M4 9h16'/%3E%3C/svg%3E"); } .fblock_style .form__input::placeholder { color: #9aa5aa; opacity: 1; font-weight: 400; } .fblock_style .form__input:hover { border-color: #c9d4d7; } .fblock_style .form__input:focus { border-color: rgba(228, 61, 47, .76); background-color: #fff; box-shadow: 0 0 0 4px rgba(228, 61, 47, .08); } #fblock_zamer .form__input[name='form_text_5'], #fblock_zamer .form__input[name='form_text_6'], #fblock_zamer .checkbox__item, #fblock_zamer .form__submit { grid-column: 1 / -1; } .fblock_style .checkbox__item { position: relative; display: flex; width: 100%; min-height: 18px; align-items: flex-start; margin: 0 !important; padding: 0 !important; } .fblock_style .checkbox__item input[type='checkbox'] { position: absolute; z-index: 2; top: 0; left: 0; display: block !important; width: 18px; height: 18px; margin: 0; padding: 0; opacity: 0; cursor: pointer; } .fblock_style .checkbox__item .field__label { position: relative; display: block; width: auto !important; min-height: 18px; margin: 0 !important; padding: 1px 0 0 28px; color: #76838a; font-family: 'SFUIText-Regular', Arial, sans-serif; font-size: 10.5px; font-weight: 400; line-height: 1.45; cursor: pointer; } .fblock_style .checkbox__item .field__label::before { content: ''; position: absolute; top: 0; left: 0; width: 18px; height: 18px; border: 1px solid #b8c5c9; border-radius: 5px; background: #fff; transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease; } .fblock_style .checkbox__item .field__label::after { content: ''; position: absolute; top: 4px; left: 5px; width: 8px; height: 5px; border-bottom: 2px solid #fff; border-left: 2px solid #fff; opacity: 0; transform: rotate(-45deg) scale(.7); transition: opacity .15s ease, transform .15s ease; } .fblock_style .checkbox__item input[type='checkbox']:checked + .field__label::before { top: 0 !important; left: 0 !important; width: 18px !important; height: 18px !important; border: 1px solid #287a50 !important; background: #287a50 !important; } .fblock_style .checkbox__item input[type='checkbox']:checked + .field__label::after { opacity: 1; transform: rotate(-45deg) scale(1); } .fblock_style .checkbox__item input[type='checkbox']:focus-visible + .field__label::before { outline: 3px solid rgba(40, 122, 80, .24); outline-offset: 2px; } .fblock_style .checkbox__item .field__label a, .form__bottom .fblock_style .checkbox__item .field__label a { color: #52646c !important; text-decoration: underline; text-decoration-color: #aebbc0; text-underline-offset: 2px; } .fblock_style .checkbox__item .field__label a:hover, .fblock_style .checkbox__item .field__label a:focus { color: #1d2b32 !important; } .fblock_style .form__submit { display: block !important; width: 100% !important; height: 50px; margin: 0 !important; padding: 0 50px 0 20px !important; border: 0; border-radius: 9px; outline: 0; color: #fff; background-color: #e43d2f; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14m-5-5 5 5-5 5'/%3E%3C/svg%3E"); background-position: right 17px center; background-repeat: no-repeat; background-size: 20px 20px; box-shadow: 0 11px 24px rgba(228, 61, 47, .19); font-family: 'SFUIText-Heavy', 'SFUIText-Regular', Arial, sans-serif; font-size: 13px; font-weight: 800; line-height: 50px; text-align: left; text-transform: none; cursor: pointer; -webkit-appearance: none; appearance: none; transition: background-color .2s ease, box-shadow .2s ease, transform .2s ease; } .fblock_style .form__submit:hover { background-color: #c93025; box-shadow: 0 13px 28px rgba(201, 48, 37, .24); transform: translateY(-1px); } .fblock_style .form__submit:focus-visible { outline: 3px solid rgba(228, 61, 47, .3); outline-offset: 2px; } .fblock_style .form__submit:active { transform: translateY(1px); } .fblock_style .rs-fblock__note { position: relative; width: max-content; max-width: 100%; margin: 11px auto 0; padding: 0 0 0 23px; color: #859198; font-size: 9.5px; font-weight: 400; line-height: 1.4; text-align: center; } .fblock_style .rs-fblock__note::before { content: ''; position: absolute; top: -1px; left: 0; width: 16px; height: 16px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23287a50' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 5 6v5c0 4.6 2.8 8.2 7 10 4.2-1.8 7-5.4 7-10V6l-7-3Z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E") center / contain no-repeat; } .fblock_style font.errortext, .fblock_style .errortext { display: block; margin: 0 0 12px; color: #c93025 !important; font-size: 12px; line-height: 1.45; } @media (min-width: 769px) and (max-width: 900px) { .fblock_style .rs-fblock__shell { grid-template-columns: 280px minmax(0, 1fr); } .fblock_style .rs-fblock__story { padding-right: 26px; padding-left: 26px; } .fblock_style .rs-fblock__form-panel { padding-right: 32px; padding-left: 32px; } } @media (min-width: 769px) and (max-height: 520px) { .fblock_style .rs-fblock__story { padding: 22px 24px 18px; } .fblock_style .rs-fblock__logo { width: 150px; } .fblock_style .rs-fblock__eyebrow { margin-bottom: 8px; font-size: 9px; } .fblock_style .rs-fblock__story-title { font-size: 24px; } .fblock_style .rs-fblock__story-copy p, .fblock_style .rs-fblock__points { display: none; } .fblock_style .rs-fblock__trust { margin-top: 16px; padding-top: 14px; } .fblock_style .rs-fblock__form-panel { padding: 24px 30px 18px; } } @media (max-width: 768px) { .fblock_style { width: calc(100vw - 20px) !important; max-width: 510px; height: auto !important; max-height: calc(100vh - 20px); max-height: calc(100dvh - 20px); margin: 0 !important; padding: 0 !important; overflow: visible; } .fblock_style .rs-fblock__shell { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); border-radius: 17px; } #fblock_call .rs-fblock__shell { height: min(660px, calc(100vh - 20px)); height: min(660px, calc(100dvh - 20px)); } #fblock_zamer .rs-fblock__shell { height: min(760px, calc(100vh - 20px)); height: min(760px, calc(100dvh - 20px)); } .fblock_style .rs-fblock__story { display: block; min-height: 154px; height: auto; padding: 25px 24px 22px; background-position: center 43%; } .fblock_style .rs-fblock__story-copy { margin-top: 25px; padding-right: 42px; } .fblock_style .rs-fblock__eyebrow { margin-bottom: 8px; font-size: 9px; } .fblock_style .rs-fblock__story-title { max-width: 390px; font-size: 24px; } .fblock_style .rs-fblock__story-copy p, .fblock_style .rs-fblock__points, .fblock_style .rs-fblock__trust { display: none; } .fblock_style .ct_fblock { top: 15px; right: 15px; color: rgba(255, 255, 255, .86); border-color: rgba(255, 255, 255, .25); background: rgba(19, 33, 40, .38); } .fblock_style .ct_fblock:hover, .fblock_style .ct_fblock:focus { color: #fff; border-color: rgba(255, 255, 255, .5); background: rgba(19, 33, 40, .65); } .fblock_style .rs-fblock__form-panel { min-height: 0; padding: 27px 24px 20px; overflow-y: auto; } .fblock_style .rs-fblock__heading { grid-template-columns: 40px minmax(0, 1fr); column-gap: 13px; padding-right: 0; } .fblock_style .rs-fblock__heading-icon { width: 40px; height: 40px; } .fblock_style .rs-fblock__heading h3 { font-size: 23px; } .fblock_style .rs-fblock__heading > p { margin-top: 8px; font-size: 12px; } .fblock_style .rs-fblock__form, #fblock_zamer .rs-fblock__form { margin-top: 22px; } #fblock_zamer .rs-fblock__form form { grid-template-columns: minmax(0, 1fr); gap: 13px; } #fblock_zamer .form__input[name='form_text_5'], #fblock_zamer .form__input[name='form_text_6'], #fblock_zamer .checkbox__item, #fblock_zamer .form__submit { grid-column: auto; } } @media (max-width: 460px) { .fblock_style .rs-fblock__story { min-height: 136px; padding: 21px 19px 18px; } .fblock_style .rs-fblock__logo { width: 174px; } .fblock_style .rs-fblock__story-copy { margin-top: 19px; } .fblock_style .rs-fblock__story-title { font-size: 21px; } .fblock_style .rs-fblock__form-panel { padding: 21px 19px 14px; } .fblock_style .rs-fblock__heading h3 { font-size: 21px; } .fblock_style .rs-fblock__heading > p { font-size: 11.5px; } .fblock_style .form__input { height: 48px; line-height: 48px; } .fblock_style .form__submit { height: 48px; line-height: 48px; } } @media (max-width: 768px) and (max-height: 620px) { .fblock_style .rs-fblock__story { min-height: 112px; padding: 16px 18px 14px; } .fblock_style .rs-fblock__logo { width: 150px; } .fblock_style .rs-fblock__story-copy { margin-top: 12px; } .fblock_style .rs-fblock__eyebrow { display: none; } .fblock_style .rs-fblock__story-title { font-size: 19px; } .fblock_style .rs-fblock__form-panel { padding-top: 18px; } } @media (prefers-reduced-motion: reduce) { .fblock_style .ct_fblock, .fblock_style .form__input, .fblock_style .form__submit, .fblock_style .checkbox__item .field__label::before, .fblock_style .checkbox__item .field__label::after { transition: none; } } /* End */ /* Start:/local/templates/rols_adaptive/css/touchTouch.css?16218695692352*/ /* The gallery overlay */ #galleryOverlay{ width:100%; height:100%; position:fixed; top:0; left:0; opacity:0; z-index:100000; background-color:#222; background-color:rgba(0,0,0,0.8); overflow:hidden; display:none; -moz-transition:opacity 1s ease; -webkit-transition:opacity 1s ease; transition:opacity 1s ease; } /* This class will trigger the animation */ #galleryOverlay.visible{ opacity:1; } #gallerySlider{ height:100%; left:0; top:0; width:100%; white-space: nowrap; position:absolute; -moz-transition:left 0.4s ease; -webkit-transition:left 0.4s ease; transition:left 0.4s ease; } #gallerySlider .placeholder{ background: url("/images/preloader.gif") no-repeat center center; height: 100%; line-height: 1px; text-align: center; width:100%; display:inline-block; } /* The before element moves the * image halfway from the top */ #gallerySlider .placeholder:before{ content: ""; display: inline-block; height: 50%; width: 1px; margin-right:-1px; } #gallerySlider .placeholder img{ display: inline-block; max-height: 100%; max-width: 100%; vertical-align: middle; } #gallerySlider.rightSpring{ -moz-animation: rightSpring 0.3s; -webkit-animation: rightSpring 0.3s; } #gallerySlider.leftSpring{ -moz-animation: leftSpring 0.3s; -webkit-animation: leftSpring 0.3s; } /* Firefox Keyframe Animations */ @-moz-keyframes rightSpring{ 0%{ margin-left:0px;} 50%{ margin-left:-30px;} 100%{ margin-left:0px;} } @-moz-keyframes leftSpring{ 0%{ margin-left:0px;} 50%{ margin-left:30px;} 100%{ margin-left:0px;} } /* Safari and Chrome Keyframe Animations */ @-webkit-keyframes rightSpring{ 0%{ margin-left:0px;} 50%{ margin-left:-30px;} 100%{ margin-left:0px;} } @-webkit-keyframes leftSpring{ 0%{ margin-left:0px;} 50%{ margin-left:30px;} 100%{ margin-left:0px;} } /* Arrows */ #prevArrow,#nextArrow{ border:none; text-decoration:none; background:url('/images/arrows.png') no-repeat; opacity:0.5; cursor:pointer; position:absolute; width:43px; height:58px; top:50%; margin-top:-29px; -moz-transition:opacity 0.2s ease; -webkit-transition:opacity 0.2s ease; transition:opacity 0.2s ease; } #prevArrow:hover, #nextArrow:hover{ opacity:1; } #prevArrow{ background-position:left top; left:40px; } #nextArrow{ background-position:right top; right:40px; } /* End */ /* Start:/bitrix/components/bitrix/form.result.new/error.css?1621869597163*/ .form-error-fld { display: block; float: left; height: 13px; width: 15px; background-repeat: no-repeat; background-image: url(/bitrix/components/bitrix/form.result.new/images/icon_warn.gif); } /* End */ /* Start:/local/templates/rols_adaptive/styles.css?1781862445378*/ .tabs_info_cell{margin-bottom:20px;text-align:center;} .tabs_info_cell span{font-size:13px;} .tabs_info_tip a{width:210px!important; height:220px !important;} .tabs_info_img_a a img{width:106px!important;} .tabs_info_profil a{width: 210px!important;} .tabs_info_p{margin-bottom:0px !important;} .tabs__info{padding-top:20px !important;} .inner__type{padding:0px 0px !important;} /* End */ /* Start:/local/templates/rols_adaptive/template_styles.css?1783792239685089*/ @font-face { font-family: "SFUIText-Regular"; src: url("/local/templates/rols_adaptive/./fonts/SF-UI-Text-Regular.eot"); /* IE9 Compat Modes */ src: url("/local/templates/rols_adaptive/./fonts/SF-UI-Text-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("/local/templates/rols_adaptive/./fonts/SF-UI-Text-Regular.otf") format("opentype"), /* Open Type Font */ url("/local/templates/rols_adaptive/./fonts/SF-UI-Text-Regular.svg") format("svg"), /* Legacy iOS */ url("/local/templates/rols_adaptive/./fonts/SF-UI-Text-Regular.ttf") format("truetype"), /* Safari, Android, iOS */ url("/local/templates/rols_adaptive/./fonts/SF-UI-Text-Regular.woff") format("woff"), /* Modern Browsers */ url("/local/templates/rols_adaptive/./fonts/SF-UI-Text-Regular.woff2") format("woff2"); /* Modern Browsers */ font-weight: normal; font-style: normal; } @font-face { font-family: "SFUIText-Heavy"; src: url("/local/templates/rols_adaptive/./fonts/SF-UI-Text-Heavy.eot"); /* IE9 Compat Modes */ src: url("/local/templates/rols_adaptive/./fonts/SF-UI-Text-Heavy.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("/local/templates/rols_adaptive/./fonts/SF-UI-Text-Heavy.otf") format("opentype"), /* Open Type Font */ url("/local/templates/rols_adaptive/./fonts/SF-UI-Text-Heavy.svg") format("svg"), /* Legacy iOS */ url("/local/templates/rols_adaptive/./fonts/SF-UI-Text-Heavy.ttf") format("truetype"), /* Safari, Android, iOS */ url("/local/templates/rols_adaptive/./fonts/SF-UI-Text-Heavy.woff") format("woff"), /* Modern Browsers */ url("/local/templates/rols_adaptive/./fonts/SF-UI-Text-Heavy.woff2") format("woff2"); /* Modern Browsers */ font-weight: normal; font-style: normal; } @font-face { font-family: "Exo2.0-ExtraBold"; src: url("/local/templates/rols_adaptive/./fonts/Exo20ExtraBold.eot"); /* IE9 Compat Modes */ src: url("/local/templates/rols_adaptive/./fonts/Exo20ExtraBold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("/local/templates/rols_adaptive/./fonts/Exo20ExtraBold.otf") format("opentype"), /* Open Type Font */ url("/local/templates/rols_adaptive/./fonts/Exo20ExtraBold.svg") format("svg"), /* Legacy iOS */ url("/local/templates/rols_adaptive/./fonts/Exo20ExtraBold.ttf") format("truetype"), /* Safari, Android, iOS */ url("/local/templates/rols_adaptive/./fonts/Exo20ExtraBold.woff") format("woff"), /* Modern Browsers */ url("/local/templates/rols_adaptive/./fonts/Exo20ExtraBold.woff2") format("woff2"); /* Modern Browsers */ font-weight: normal; font-style: normal; } /* DEFAULT style */ * { margin: 0; padding: 0; box-sizing: border-box } html { cursor: default; min-width: 1140px; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, select, nav, header, footer, main, section, article { margin: 0; padding: 0; } body { font-family: 'SFUIText-Regular', sans-serif; font-size: 14px; color: #333333; line-height: 1.2; font-weight: 200; min-width: 1140px; overflow-x: hidden; } table { border-collapse: collapse; width: 100%; border: 1px solid #d8d8d8; margin: 0 0 20px 0; } td, th { border: 1px solid #d8d8d8; padding: 10px 15px; text-align: left; } h1 { font-size: 32px; margin: 0 0 20px 0; font-family: 'Exo2.0-ExtraBold'; } h2 { font-size: 32px; font-weight: normal; text-align: center; margin: 0 0 20px 0; font-family: 'Exo2.0-ExtraBold'; } h3 { font-size: 22px; margin: 0 0 10px 0; font-weight: normal; } fieldset, img { border: 0; } p { margin: 0 0 10px 0; font-size: 14px; } ul, li { list-style: none; } input, textarea, select { outline: none; background: #fff; } a { color: #333333; cursor: pointer; } a:hover { text-decoration: none; } a:focus { outline: none; } hr { border: none; border-bottom: 1px solid #555; } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } button, .btn{ line-height: 43px; color: #fff; font-size: 11px; text-transform: uppercase; font-family: 'Exo2.0-ExtraBold'; border-radius: 3px; background: #ff6a2c; background: -webkit-gradient(linear, left top, left bottom, from(#ff6a2c), to(#d84410)); background: linear-gradient(to bottom, #ff6a2c 0, #d84410 100%); text-align: center; text-decoration: none; padding: 0 20px; border: none; letter-spacing: 0.05rem; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } a.btn{ display: inline-block; } button:hover, .btn:hover{ background: #ff7f2c; background: -webkit-gradient(linear, left top, left bottom, from(#ff7f2c), to(#e44d18)); background: linear-gradient(to bottom, #ff7f2c 0, #e44d18 100%); } .clear { clear: both; } .hidden { display: none; } .owl-theme .owl-nav [class*=owl-] { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .owl-theme .owl-nav [class*=owl-]:hover { opacity: 0.8; } .owl-theme .owl-nav [class*=owl-]:focus { outline: none; } .owl-theme .owl-dots .owl-dot span { width: 0 !important; } .link_to_back { position: relative; padding-left: 30px; } .link_to_back:before { content: ' '; width: 21px; height: 19px; position: absolute; left: 0; top: 0; background: url(/local/templates/rols_adaptive/./images/icons/link.png) center top no-repeat; } /* Position Images */ .img_right { float: right; margin: 0 0 10px 15px; } .img_left { float: left; margin: 0 15px 10px 0; } /*Header*/ header { display: flex; justify-content: center; flex-wrap: wrap; position: relative; height: 146px; } /* MyCorrect */ .header-topline { display: flex; width: 1140px; height: 55px; justify-content: space-between; padding: 20px 0 0; } .topline__add { display: inline-flex; width: 120px; position: relative; font-size: 14px; width: 120px; } .topline__add a { text-decoration: none; } .add__menu { position: relative; } .add__menu a { color: #537684; position: relative; } .add__menu a:after { position: absolute; top: 5px; right: -20px; content: ' '; width: 10px; height: 6px; background: url(/local/templates/rols_adaptive/./images/icons/arrow.png) center right no-repeat; } .add__submenu { width: 390px; background: #f1f5f6; padding: 20px 15px 20px 38px; position: absolute; top: 45px; left: 0; line-height: 25px; visibility: hidden; opacity: 0; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .add__submenu.active { visibility: visible; opacity: 1; top: 35px; z-index: 7; } .add__submenu:before { position: absolute; top: -22px; left: 45px; content: ' '; border: 9px solid transparent; border-bottom: 13px solid #f1f5f6; } .add__submenu a { color: #0e2f56; position: relative; } .add__submenu a:before { position: absolute; top: -2px; left: -20px; content: ' '; width: 14px; height: 18px; background: url(/local/templates/rols_adaptive/./images/icons/add.png) center left no-repeat } .add__submenu a:after { background: none; } .topline__menu-left ul { display: inline-flex; width: 292px; justify-content: space-between; list-style: none; } .topline__menu-left li a { text-decoration: none; font-size: 14px; color: #252525; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .topline__menu-left li a:hover { color: #537684; } .topline__menu-right ul { display: inline-flex; width: 297px; justify-content: space-between; list-style: none; } .topline__menu-right li a { text-decoration: none; font-size: 14px; color: #537684; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .topline__menu-right li a:hover { color: #252525; } .topline-form { position: relative; } .topline__search { display: inline-flex; width: 228px; height: 37px; box-sizing: border-box; position: relative; margin-top: -12px; } .topline-form__text { padding: 0 0 0 18px; width: 228px; height: 37px; border: none; background: #f7f7f7; border-radius: 5px; font-size: 13px; color: #959595; } .topline-form__text::placeholder { color: #959595; } .topline-form__right { background: #ff522c; position: absolute; width: 45px; height: 36px; top: 0; right: 0; border-radius: 5px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .topline-form__right:hover { opacity: 0.8; } .topline-form__img { position: absolute; top: 10px; right: 14px; width: 17px; height: 17px; background: #ff522c; } .header__middle { display: flex; width: 100%; padding: 20px 0 5px; justify-content: center; position: relative; border-top: 1px solid #ebebeb; z-index: 6; background: #fff; } .header__middle.fixed { position: fixed; top: 0; border-bottom: 1px solid #ebebeb; } /* MyCorrect */ .middle__inner { display: flex; justify-content: space-between; width: 1140px; height: 65px; } .middle__katalog { position: absolute; left: 40px; top: 0; padding-top: 22px; display: none; } .header__middle.fixed .middle__katalog { display: block; } .m-katalog__mobile{display: none;} .middle__katalog p a { text-transform: uppercase; font-size: 13px; font-weight: 700; color: #0e2f56; margin-top: 18px; display: block; } .middle__katalog_but { display: flex; flex-direction: row; margin-bottom: 22px; height: 46px; } .middle__katalog_menu { display: none; padding: 35px; background: #0e2f56; } .middle__katalog_menu ul { list-style: none; } .middle__katalog_menu > ul > li > a { display: block; color: #fff; text-decoration: none; margin-bottom: 25px; font-size: 15px; font-weight: 800; } .middle__katalog_menu > ul > li > ul > li > a { display: block; color: #fff; text-decoration: none; margin-bottom: 15px; font-size: 14px; padding-left: 32px; color: #37a1cd; position: relative; } .middle__katalog_menu > ul > li > ul > li > a:before { content: '-'; width: 5px; height: 2px; position: absolute; top: 0; left: 21px; } .katalog__burger { background: #37a1cd; width: 46px; height: 46px; border-radius: 50%; position: relative; margin-right: 12px; margin-left: 30px; } .burger__one { width: 18px; height: 2px; background: #fff; display: block; position: absolute; top: 17px; left: 13px; } .burger__two { width: 13px; height: 2px; background: #fff; display: block; position: absolute; top: 22px; left: 13px; } .burger__three { width: 18px; height: 2px; background: #fff; display: block; position: absolute; top: 27px; left: 13px; } .m-katalog__button { display: none; } .m-katalog__menu { display: none; } .middle__katalog.show .middle__katalog_menu { display: block; } .middle__katalog.show { background: #37a1cd; } .middle__katalog.show p a { color: #fff; } .middle__katalog.show .burger__one { transform: rotate(-45deg); top: 25px; } .middle__katalog.show .burger__two { opacity: 0; } .middle__katalog.show .burger__three { transform: rotate(45deg); top: 25px; } .middle-form { position: relative; margin: 7px 0 0 200px; display: none; } .middle__search { display: inline-flex; width: 228px; height: 37px; box-sizing: border-box; position: relative; margin-top: -12px; } .middle-form__text { padding: 0 0 0 18px; width: 228px; height: 37px; border: none; background: #f7f7f7; border-radius: 5px; font-size: 13px; color: #959595; } .middle-form__text::placeholder { color: #959595; } .middle-form__right { background: #ff522c; position: absolute; width: 45px; height: 36px; top: 0; right: 0; border-radius: 5px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .middle-form__right:hover { opacity: 0.8; } .middle-form__img { position: absolute; top: 10px; right: 14px; width: 17px; height: 17px; background: #ff522c; } .header__middle.fixed .middle-form { display: block; } .middle__logo { line-height: 20px; } .middle__logo a { text-decoration: none; } .middle__logo p { font-size: 13px; color: #959595; font-weight: 300; } .header__middle.fixed .middle__logo { display: none; } .middle__calc { display: inline-flex; margin: 7px 0 0 0; width: 143px; height: 40px; } .middle__calc img { width: 39px; height: 40px; margin-right: 12px; } .middle__calc a { text-transform: uppercase; color: #ff522c; font-size: 12px; font-weight: 800; line-height: 20px; text-decoration: underline; font-family: 'SFUIText-Heavy'; } .middle__calc a:hover { text-decoration: none; } .middle__evoke { display: inline-flex; margin: 7px 0 0 0; width: 133px; height: 40px; } .middle__evoke img { width: 39px; height: 39px; margin-right: 12px; } .middle__evoke a { text-transform: uppercase; color: #ff522c; font-size: 11px; font-weight: 800; line-height: 20px; text-decoration: underline; font-family: 'SFUIText-Heavy'; } .middle__evoke a:hover { text-decoration: none; } .middle__time { display: inline-flex; flex-wrap: wrap; margin: 7px 0 0 0; width: 170px; height: 40px; } .middle__time img { width: 42px; height: 41px; margin-right: 12px; } .middle__time p { width: 116px; line-height: 22px; font-size: 13px; color: #252525; } .middle__time p span { color: #959595; } .header__middle.fixed .middle__time { display: none; } .middle__callback { display: inline-flex; width: 266px; height: 40px; flex-wrap: wrap; margin: 7px 0 0 0; font-family: 'SFUIText-Heavy'; } .middle__callback img { width: 41px; height: 41px; margin-right: 15px; } .middle__callback p { line-height: 20px; } .middle__callback p a span { font-size: 18px; font-weight: 800; color: #0e2f56; } .middle__callback a:nth-child(1) { text-decoration: none; } .middle__callback a { text-transform: uppercase; font-size: 11px; color: #ff522c; font-weight: 800; text-decoration: underline; } .middle__callback a:hover { text-decoration: none; } .header__menu { position: absolute; top: 146px; z-index: 7; font-family: 'SFUIText-Heavy'; width: 1140px; } .header__menu ul { display: table; width: 100%; justify-content: space-between; list-style: none; } .header__menu li { display: table-cell; } .header__menu li a { background: #37a1cd; text-align: center; line-height: 60px; display: block; text-transform: uppercase; color: #fff; font-size: 14px; text-decoration: none; padding: 0 50px; border-left: 1px solid #5fb4d7; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .header__menu li a:hover { background: #52b7e3; } .header__menu li { border-left: 1px solid #5fb4d7; } .header__menu li:first-child { border: none; } /*Slider*/ .slider { display: flex; width: 100%; } .slider .owl-prev { position: absolute; left: 40px; top: 38%; text-indent: -9999px; background: url(/local/templates/rols_adaptive/./images/icons/arrow_prev.png) center top no-repeat !important; width: 25px; height: 15px; } .slider .owl-next { position: absolute; left: 40px; bottom: 38%; text-indent: -9999px; background: url(/local/templates/rols_adaptive/./images/icons/arrow_next.png) center top no-repeat !important; width: 25px; height: 15px; } .slider .owl-dots { position: absolute; left: 51px; top: 45%; display: flex; flex-direction: column; } .slider .owl-dot { text-indent: -9999px; background: url(/local/templates/rols_adaptive/./images/icons/slide_dot.png) center top no-repeat !important; width: 14px; height: 15px; margin-bottom: 10px; } .slider .owl-dot span { background: none !important; } .slider .owl-dot.active { text-indent: -9999px; background: url(/local/templates/rols_adaptive/./images/icons/slide_dot_active.png) center top no-repeat !important; width: 14px; height: 15px; margin-bottom: 10px; } .slide { background: url(/local/templates/rols_adaptive/./images/slider/slide_1.jpg) center left no-repeat; width: 100%; height: 647px; display: flex; justify-content: center; } .slide__inner { width: 1140px; display: inline-flex; justify-content: space-between; padding: 180px 0 0; } .slide__left { width: 610px; } .slide__title { font-size: 36px; color: #fff; text-transform: uppercase; font-weight: 900; line-height: 50px; margin-bottom: 40px; font-family: 'Exo2.0-ExtraBold'; } .slide__title span { color: #ffffff; } .slide__info { font-size: 15px; color: #ffffff; width: 314px; line-height: 25px; margin-bottom: 55px; } .slide__button a { background: #ff6a2c; background: -webkit-gradient(linear, left top, left bottom, from(#ff6a2c), to(#d84410)); background: linear-gradient(to bottom, #ff6a2c 0, #d84410 100%); width: 220px; line-height: 60px; display: block; border-radius: 3px; text-align: center; text-decoration: none; text-transform: uppercase; color: #fff; font-weight: 900; font-size: 12px; font-family: 'SFUIText-Heavy'; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .slide__button a:hover { background: #ff7f2c; background: -webkit-gradient(linear, left top, left bottom, from(#ff7f2c), to(#e44d18)); background: linear-gradient(to bottom, #ff7f2c 0, #e44d18 100%); } .slide__img { position: relative; } .slide__img img { position: relative; z-index: 2; } .slide__img:before { content: ' '; width: 230px; height: 290px; background: url(/local/templates/rols_adaptive/./images/icons/dot.png); position: absolute; bottom: -25%; right: 105%; z-index: 1; } .slide__img:after { content: ' '; width: 500px; height: 230px; background: url(/local/templates/rols_adaptive/./images/icons/dot.png); position: absolute; bottom: 75%; right: -50%; z-index: 1; } /*Sales*/ .sales { display: flex; justify-content: center; flex-wrap: wrap; position: relative; padding: 110px 0 125px; z-index: 2; } .sales__content { width: 1140px; min-height: 425px; position: relative; z-index: 2; } .sales__content h2 { font-size: 36px; color: #0e2f56; font-weight: 900; text-align: left; text-transform: unset; } .sales__content:before { content: ' '; width: 100%; height: 230px; background: url(/local/templates/rols_adaptive/./images/icons/dot_blue.png); position: absolute; bottom: 25px; left: -1160px; z-index: 1; } .sales:after { content: ' '; width: 15%; height: 230px; background: url(/local/templates/rols_adaptive/./images/icons/dot_blue.png); position: absolute; bottom: 440px; right: 0; z-index: 1; } .sales__inner { position: relative; } .sales__product { position: absolute; left: 0; width: 100%; margin-left: -780px; z-index: 2; } .product__item { width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-end; margin-bottom: 20px; font-family: 'SFUIText-Heavy'; } .product__item a { width: 360px; line-height: 100px; text-align: left; padding: 0 0 0 100px; box-sizing: border-box; background: #f1f5f6; color: #0e2f56; font-size: 17px; font-weight: 800; border-radius: 5px; position: relative; } .product__item:hover, .product__item.active { background: #37a1cd; border-radius: 5px; } .product__item:hover a, .product__item.active a { background: none; color: #fff; } .item__rol:before { content: ' '; width: 38px; height: 44px; position: absolute; top: 28px; left: 42px; background: url(/local/templates/rols_adaptive/./images/sales/product_rol.png) center top no-repeat; } .item__rol:hover:before, .product__item.active .item__rol:before, .info__item.active .info__item_title .item__rol:before { content: ' '; width: 38px; height: 44px; position: absolute; top: 28px; left: 42px; background: url(/local/templates/rols_adaptive/./images/sales/product_rol_hover.png) center top no-repeat; } .item__vorota:before { content: ' '; width: 38px; height: 44px; position: absolute; top: 28px; left: 42px; background: url(/local/templates/rols_adaptive/./images/sales/product_vorota.png) center top no-repeat; } .item__vorota:hover:before, .product__item.active .item__vorota:before, .info__item.active .info__item_title .item__vorota:before { content: ' '; width: 38px; height: 44px; position: absolute; top: 28px; left: 42px; background: url(/local/templates/rols_adaptive/./images/sales/product_vorota_hover.png) center top no-repeat; } .item__zhal:before { content: ' '; width: 38px; height: 44px; position: absolute; top: 28px; left: 42px; background: url(/local/templates/rols_adaptive/./images/sales/product_zhal.png) center top no-repeat; } .item__zhal:hover:before, .product__item.active .item__zhal:before, .info__item.active .info__item_title .item__zhal:before { content: ' '; width: 38px; height: 44px; position: absolute; top: 28px; left: 42px; background: url(/local/templates/rols_adaptive/./images/sales/product_zhal_hover.png) center top no-repeat; } .sales__info { padding-left: 425px; } .info__item p { margin-bottom: 13px; font-size: 15px; color: #333333; line-height: 20px; } .info__item .info__item_inner a { display: block; width: 330px; line-height: 60px; text-align: center; text-transform: uppercase; color: #fff; font-size: 13px; font-weight: 700; border-radius: 3px; text-decoration: none; background: #ff6a2c; background: -webkit-gradient(linear, left top, left bottom, from(#ff6a2c), to(#d84410)); background: linear-gradient(to bottom, #ff6a2c 0, #d84410 100%); font-family: 'SFUIText-Heavy'; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .info__item .info__item_inner a:hover { background: #ff7f2c; background: -webkit-gradient(linear, left top, left bottom, from(#ff7f2c), to(#e44d18)); background: linear-gradient(to bottom, #ff7f2c 0, #e44d18 100%); } .info__item { display: none; } .info__item.active { display: block; } .info__item_title { display: none; } .info__item_title a { width: 100%; line-height: 65px; box-sizing: border-box; background-color: #f1f5f6; color: #0e2f56; font-size: 17px; font-weight: 800; border-radius: 5px; position: relative; display: block; padding: 0 0 0 65px; } .info__item_title a:hover, .info__item.active .info__item_title a { background-color: #37a1cd; color: #fff; } .inmob:before { top: 10px !important; left: 15px !important; } /*Why*/ .why { display: flex; justify-content: center; flex-wrap: wrap; padding: 95px 0; background: #f1f5f6; position: relative; } .why__content { display: flex; justify-content: flex-start; width: 1140px; flex-wrap: wrap; position: relative; } .why__top { display: inline-flex; width: 100%; z-index: 2; margin-bottom: 50px; } .why__top_left { margin-right: 15px; } .why__top_right { margin-top: 80px; } .why__top_right p span { font-size: 24px; color: #37a1cd; font-family: 'Exo2.0-ExtraBold'; } .why__top_right p { font-size: 36px; color: #0e2f56; font-family: 'Exo2.0-ExtraBold'; } .why__bottom { display: inline-flex; justify-content: space-between; width: 100%; z-index: 2; } .why__bottom_item { display: inline-flex; justify-content: flex-start; } .item__img { background: #fff; width: 70px; height: 70px; border-radius: 3px; margin-right: 25px; display: flex; justify-content: center; align-items: center; box-shadow: 0 11px 30px 5px rgba(217, 234, 240, 1); } .item__info { width: 230px; } .item__info p span { font-size: 21px; color: #0e2f56; font-family: 'SFUIText-Heavy'; } .item__info p { font-size: 15px; color: #333333; margin-bottom: 20px; line-height: 22px; } .why:after { content: ' '; width: 20%; height: 490px; background: url(/local/templates/rols_adaptive/./images/icons/dot_blue.png); position: absolute; bottom: 190px; right: 0; z-index: 1; } /*Solution*/ .solution { display: flex; justify-content: center; flex-wrap: wrap; padding: 110px 0; position: relative; } .solution:before { content: ' '; width: 15%; height: 233px; background: url(/local/templates/rols_adaptive/./images/icons/dot_blue.png); position: absolute; top: 300px; left: 10px; z-index: 1; } .solution:after { content: ' '; width: 15%; height: 233px; background: url(/local/templates/rols_adaptive/./images/icons/dot_blue.png); position: absolute; top: 300px; right: 10px; z-index: 1; } .solution__content { display: flex; justify-content: flex-start; width: 1140px; flex-wrap: wrap; position: relative; z-index: 2; } .solution__content h2 { font-size: 36px; color: #0e2f56; font-weight: 900; text-align: left; text-transform: unset; } .solution__content h2:after { content: ' '; width: 727px; height: 8px; background: url(/local/templates/rols_adaptive/./images/icons/dot_grey.png); position: absolute; top: 30px; right: 95px; } .solution__slider { margin-bottom: 90px; } .solution__slider .owl-prev { position: absolute; right: 50px; top: -72px; text-indent: -9999px; background: url(/local/templates/rols_adaptive/./images/icons/slide_prev.png) center top no-repeat !important; width: 41px; height: 40px; } .solution__slider .owl-next { position: absolute; right: 0; top: -72px; text-indent: -9999px; background: url(/local/templates/rols_adaptive/./images/icons/slide_next.png) center top no-repeat !important; width: 41px; height: 40px; } .solution__slider .owl-stage-outer { height: 470px; padding-top: 10px; padding-left: 12px; margin-top: 20px; } /* MyCorrect */ .s-slide { width: 260px; height: 440px; box-shadow: 0 8px 20px 5px rgba(243, 243, 244, 1); position: relative; background: #fff; } .percent { position: absolute; top: 4%; right: 4%; background: #37a1cd; color: #fff; border-radius: 50%; width: 55px; height: 55px; display: flex; justify-content: center; align-items: center; } .s-slide__img { width: 260px; height: 197px; overflow: hidden; } .s-slide__img img { border-radius: 3px; width: 260px; height: 197px; } .s-slide__bot { padding: 25px 15px; } .s-slide__title { font-size: 14px; color: #0e2f56; text-align: center; // font-family: 'Exo2.0-ExtraBold'; margin-bottom: 15px; } .s-slide__info { display: flex; width: 230px; justify-content: space-between; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ebebeb; } .info__left { display: flex; flex-direction: column; } .info__left p { font-size: 13px; color: #333333; text-transform: uppercase; } .info__right { display: flex; flex-direction: column; } .info__right p { font-size: 13px; color: #252525; text-align: right; text-transform: uppercase; } .s-slide__buy { display: flex; width: 230px; justify-content: space-between; } .buy__left { display: flex; flex-direction: column; } .buy__left strike { font-size: 13px; color: #333333; margin-bottom: 5px; } .buy__left p { font-size: 18px; color: #37a1cd; } .buy__right a { display: block; width: 120px; line-height: 43px; color: #fff; font-size: 11px; text-transform: uppercase; font-family: 'Exo2.0-ExtraBold'; border-radius: 3px; background: #ff6a2c; background: -webkit-gradient(linear, left top, left bottom, from(#ff6a2c), to(#d84410)); background: linear-gradient(to bottom, #ff6a2c 0, #d84410 100%); text-align: center; text-decoration: none; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .buy__right a:hover { background: #ff7f2c; background: -webkit-gradient(linear, left top, left bottom, from(#ff7f2c), to(#e44d18)); background: linear-gradient(to bottom, #ff7f2c 0, #e44d18 100%); } .solution__blocks { display: inline-flex; justify-content: flex-start; flex-wrap: wrap; width: 1140px; position: relative; } .solution__blocks:before { content: ' '; width: 470px; height: 500px; background: url(/local/templates/rols_adaptive/./images/icons/dot_blue.png); position: absolute; top: 15px; left: -110px; z-index: 1; } .m-solution__blocks { display: none; } .block__left { display: flex; flex-direction: column; flex-wrap: wrap; width: 555px; margin-right: 30px; z-index: 2; } .block__left_top { margin-bottom: 30px; } .block__left_top a { display: inline-flex; flex-wrap: wrap; width: 555px; height: 195px; background: #d7e2f5; text-decoration: none; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .block__left_top a:hover { opacity: 0.9; } .block__left_top a img { height: 165px; margin-top: 12px; } .block__left_top a p { padding-left: 35px; width: 170px; font-size: 14px; color: #63afcf; flex-wrap: wrap; margin-top: 75px; margin-right: 25px; line-height: 22px; } .block__left_top a span { font-family: 'SFUIText-Heavy'; font-size: 21px; color: #2b7cb5; } .block__left_bottom { display: inline-flex; justify-content: space-between; width: 555px; } .block__left_bottom_left a { display: block; text-decoration: none; width: 263px; height: 187px; background: #dbeefa; text-align: center; padding-top: 22px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .block__left_bottom_left a:hover { opacity: 0.9; } .block__left_bottom_left a img { margin-bottom: 10px; height: 90px; } .block__left_bottom_left a p { font-size: 14px; color: #63afcf; line-height: 20px; } .block__left_bottom_left a p span { font-family: 'SFUIText-Heavy'; font-size: 21px; color: #2b7cb5; } .block__left_bottom_right a { display: block; text-decoration: none; width: 263px; height: 187px; background: #f1f1f1; text-align: center; padding-top: 22px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .block__left_bottom_right a:hover { opacity: 0.9; } .block__left_bottom_right a img { margin-bottom: 10px; height: 90px; } .block__left_bottom_right a p { font-size: 14px; color: #63afcf; line-height: 20px; } .block__left_bottom_right a p span { font-family: 'SFUIText-Heavy'; font-size: 21px; color: #2b7cb5; } .block__right { display: inline-flex; flex-wrap: wrap; width: 555px; z-index: 2; } .block__right_left a { display: block; text-align: center; text-decoration: none; width: 265px; height: 412px; background: #dbeefa; padding-top: 23px; margin-right: 30px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .block__right_left a:hover { opacity: 0.9; } .block__right_left a img { margin-bottom: 30px; } .block__right_left a p { font-size: 14px; color: #63afcf; line-height: 20px; } .block__right_left a p span { font-family: 'SFUIText-Heavy'; font-size: 21px; color: #2b7cb5; } .block__right_right_top a { display: inline-flex; flex-wrap: wrap; text-decoration: none; background: #f1f1f1; width: 260px; height: 191px; padding-left: 20px; padding-top: 25px; margin-bottom: 30px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .block__right_right_top a:hover { opacity: 0.9; } .block__right_right_top a p { width: 85px; text-align: center; font-size: 14px; color: #63afcf; line-height: 20px; margin-top: 45px; } .block__right_right_top a p span { font-family: 'SFUIText-Heavy'; font-size: 21px; color: #2b7cb5; } .block__right_right_top a img { height: 130px; margin-right: 25px; } .block__right_right_bottom a { display: inline-flex; flex-wrap: wrap; text-decoration: none; background: #d7e2f5; width: 260px; height: 191px; padding-left: 20px; padding-top: 25px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .block__right_right_bottom a:hover { opacity: 0.9; } .block__right_right_bottom a p { width: 85px; text-align: center; font-size: 14px; color: #63afcf; line-height: 20px; margin-top: 45px; } .block__right_right_bottom a p span { font-family: 'SFUIText-Heavy'; font-size: 21px; color: #2b7cb5; } .block__right_right_bottom a img { height: 130px; margin-right: 25px; } .block__bottom { display: flex; width: 1140px; margin-top: 30px; justify-content: space-between; flex-wrap: wrap; flex-direction: row; z-index: 2; } .block__bottom_item a { display: flex; flex-wrap: wrap; text-decoration: none; background: #d7e2f5; width: 360px; height: 191px; padding-left: 20px; padding-top: 25px; position: relative; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .block__bottom_item a:hover { opacity: 0.8; } .block__bottom_item:nth-child(1) a { background: #f1f1f1; } .block__bottom_item:nth-child(2) a { background: #d7e2f5; } .block__bottom_item:nth-child(3) a { background: #dbeefa; } .block__bottom_item a p { width: 230px; text-align: left; font-size: 14px; color: #63afcf; line-height: 20px; } .block__bottom_item a p span { font-family: 'SFUIText-Heavy'; font-size: 21px; color: #2b7cb5; } .block__bottom_item img { position: absolute; top: 20px; right: 30px; } /*Clients*/ .clients { display: flex; justify-content: center; flex-wrap: wrap; padding: 155px 0 140px; position: relative; background: #f1f5f6; overflow: hidden; } .clients__content { display: flex; justify-content: flex-start; width: 1140px; flex-wrap: wrap; position: relative; z-index: 2; } .clients__content h2 { font-size: 36px; color: #0e2f56; font-weight: 900; text-align: left; text-transform: unset; } .clients__content h2:after { content: ' '; width: 767px; height: 8px; background: url(/local/templates/rols_adaptive/./images/icons/dot_grey.png); position: absolute; top: 30px; right: 95px; } .clients__content .owl-prev { position: absolute; right: 50px; top: -72px; text-indent: -9999px; background: url(/local/templates/rols_adaptive/./images/icons/slide_prev.png) center top no-repeat !important; width: 41px; height: 40px; } .clients__content .owl-next { position: absolute; right: 0; top: -72px; text-indent: -9999px; background: url(/local/templates/rols_adaptive/./images/icons/slide_next.png) center top no-repeat !important; width: 41px; height: 40px; } .clients__content .owl-stage-outer { height: 440px; padding-top: 10px; padding-left: 12px; margin-top: 20px; } .с-slide { width: 264px; height: 86px; background: #fff; border-radius: 3px; text-align: center; box-shadow: 0 8px 30px 0 rgba(218, 234, 240, 1); display: flex; align-items: center; justify-content: center; } .с-slide img { width: 165px !important; display: inline-block !important;; } .clients__slider .owl-stage-outer { height: 125px; } /*Service*/ .service { display: flex; justify-content: center; flex-wrap: wrap; padding: 125px 0 75px; position: relative; overflow: hidden; } .service__content { display: flex; justify-content: center; width: 1140px; flex-wrap: wrap; position: relative; z-index: 2; } .service h2 { font-size: 36px; color: #0e2f56; font-weight: 900; text-transform: unset; text-align: center; margin-bottom: 60px; } .service__infoblocks { display: flex; justify-content: space-between; width: 1140px; flex-wrap: wrap; position: relative; z-index: 2; flex-direction: row; } .service__content:before { content: ' '; width: 30%; height: 235px; background: url(/local/templates/rols_adaptive/./images/icons/dot_blue.png); position: absolute; top: 20px; left: -260px; z-index: 1; } .service__content:after { content: ' '; width: 21%; height: 510px; background: url(/local/templates/rols_adaptive/./images/icons/dot_blue.png); position: absolute; top: -315px; right: -255px; z-index: 1; } .infoblocks__left { display: inline-flex; justify-content: flex-start; margin-right: 30px; z-index: 2; } .infoblocks__left_left a { display: block; margin-top: 92px; position: relative; width: 262px; height: 376px; margin-right: 30px; overflow: hidden; } .infoblocks__left_left a:before { content: ' '; position: absolute; bottom: 0; left: 0; width: 262px; height: 376px; box-shadow: 0 -90px 100px -30px rgba(0, 0, 0, 0.53) inset; } .infoblocks__left_left_text span { text-transform: uppercase; color: #fff; font-size: 18px; font-family: 'SFUIText-Heavy'; text-align: center; display: block; width: 100%; } .infoblocks__left_left_text p { color: #fff; font-size: 14px; text-align: center; position: absolute; top: 40px; opacity: 0; padding: 40px 20px 0 20px; line-height: 20px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .infoblocks__left_left_text { position: absolute; bottom: 0; left: 0; text-decoration: none; width: 100%; height: 80px; padding: 30px 0 0; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .infoblocks__left_left a:hover .infoblocks__left_left_text { height: 100%; background: #0e2f56; background: rgba(14, 47, 86, 0.7); padding: 40px 0 0; } .infoblocks__left_left a:hover .infoblocks__left_left_text p { opacity: 1; } .infoblocks__left_right_top a { display: block; position: relative; width: 263px; height: 266px; margin-bottom: 30px; overflow: hidden; } .infoblocks__left_right_top a:before { content: ' '; position: absolute; bottom: 0; left: 0; width: 263px; height: 266px; box-shadow: 0 -90px 100px -30px rgba(0, 0, 0, 0.53) inset; } .infoblocks__left_right_text span { text-transform: uppercase; color: #fff; font-size: 18px; font-family: 'SFUIText-Heavy'; text-align: center; display: block; width: 100%; } .infoblocks__left_right_text p { color: #fff; font-size: 14px; text-align: center; position: absolute; top: 40px; opacity: 0; padding: 40px 20px 0 20px; line-height: 20px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .infoblocks__left_right_text { position: absolute; bottom: 0; left: 0; text-decoration: none; width: 100%; height: 80px; padding: 30px 0 0; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .infoblocks__left_right a:hover .infoblocks__left_right_text { height: 100%; background: #0e2f56; background: rgba(14, 47, 86, 0.7); padding: 40px 0 0; } .infoblocks__left_right a:hover .infoblocks__left_right_text p { opacity: 1; } .infoblocks__left_right_bottom a { display: block; position: relative; width: 263px; height: 266px; margin-bottom: 30px; overflow: hidden; } .infoblocks__left_right_bottom a:before { content: ' '; position: absolute; bottom: 0; left: 0; width: 263px; height: 266px; box-shadow: 0 -90px 100px -30px rgba(0, 0, 0, 0.53) inset; } .infoblocks__right { display: inline-flex; justify-content: flex-start; z-index: 2; } .infoblocks__right_left a { display: block; margin-top: 92px; position: relative; width: 262px; height: 376px; margin-right: 30px; overflow: hidden; } .infoblocks__right_left a:before { content: ' '; position: absolute; bottom: 0; left: 0; width: 262px; height: 376px; box-shadow: 0 -90px 100px -30px rgba(0, 0, 0, 0.53) inset; } .infoblocks__right_left_text span { text-transform: uppercase; color: #fff; font-size: 18px; font-family: 'SFUIText-Heavy'; text-align: center; display: block; width: 100%; } .infoblocks__right_left_text p { color: #fff; font-size: 14px; text-align: center; position: absolute; top: 40px; opacity: 0; padding: 40px 20px 0 20px; line-height: 20px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .infoblocks__right_left_text { position: absolute; bottom: 0; left: 0; text-decoration: none; width: 100%; height: 80px; padding: 30px 0 0; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .infoblocks__right_left a:hover .infoblocks__right_left_text { height: 100%; background: #0e2f56; background: rgba(14, 47, 86, 0.7); padding: 40px 0 0; } .infoblocks__right_left a:hover .infoblocks__right_left_text p { opacity: 1; } .infoblocks__right_right_top a { display: block; position: relative; width: 263px; height: 266px; margin-bottom: 30px; overflow: hidden; } .infoblocks__right_right_top a:before { content: ' '; position: absolute; bottom: 0; left: 0; width: 263px; height: 266px; box-shadow: 0 -90px 100px -30px rgba(0, 0, 0, 0.53) inset; } .infoblocks__right_right_text span { text-transform: uppercase; color: #fff; font-size: 18px; font-family: 'SFUIText-Heavy'; text-align: center; display: block; width: 100%; } .infoblocks__right_right_text p { color: #fff; font-size: 14px; text-align: center; position: absolute; top: 40px; opacity: 0; padding: 40px 20px 0 20px; line-height: 20px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .infoblocks__right_right_text { position: absolute; bottom: 0; left: 0; text-decoration: none; width: 100%; height: 80px; padding: 30px 0 0; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .infoblocks__right_right a:hover .infoblocks__right_right_text { height: 100%; background: #0e2f56; background: rgba(14, 47, 86, 0.7); padding: 40px 0 0; } .infoblocks__right_right a:hover .infoblocks__right_right_text p { opacity: 1; } .infoblocks__right_right_bottom a { display: block; position: relative; width: 263px; height: 266px; margin-bottom: 30px; overflow: hidden; } .infoblocks__right_right_bottom a:before { content: ' '; position: absolute; bottom: 0; left: 0; width: 263px; height: 266px; box-shadow: 0 -90px 100px -30px rgba(0, 0, 0, 0.53) inset; } /*Reviews*/ .m-reviews { display: none; } .reviews { display: flex; justify-content: center; flex-wrap: wrap; padding: 45px 0 115px; position: relative; overflow: hidden; } .reviews h2 { font-size: 36px; color: #0e2f56; font-weight: 900; text-transform: unset; text-align: center; margin-bottom: 65px; } .reviews__inner { display: flex; justify-content: space-between; width: 1140px; position: relative; flex-direction: row; } .reviews__content { display: flex; justify-content: center; width: 1140px; flex-wrap: wrap; } .reviews__item { display: inline-flex; width: 440px; position: relative; } .reviews__item:before { content: ' '; width: 49px; height: 37px; position: absolute; top: 0; left: 110px; background: url(/local/templates/rols_adaptive/./images/icons/quo_top.png) center top no-repeat; z-index: 1; } .reviews__item:after { content: ' '; width: 49px; height: 37px; position: absolute; bottom: 0; right: -70px; background: url(/local/templates/rols_adaptive/./images/icons/quo_bot.png) center top no-repeat; z-index: 1; } .reviews__item_left { margin-right: 48px; width: 150px; z-index: 2; } .reviews__item_top { width: 135px; height: 135px; overflow: hidden; border-radius: 50%; margin: 0 auto 30px; } .reviews__item_top img { width: 100%; } .reviews__item_bottom { text-align: center; font-size: 14px; color: #0e2f56; width: 150px; } .reviews__item_bottom p span { font-size: 17px; font-family: 'SFUIText-Heavy'; } .reviews__item_right { font-size: 15px; color: #333333; line-height: 22px; z-index: 2; padding-top: 10px; } /*Brands*/ .brands { display: flex; justify-content: center; flex-wrap: wrap; padding: 120px 0; position: relative; background: #f1f5f6; overflow: hidden; } .brands__content { display: flex; justify-content: flex-start; width: 1140px; position: relative; } .brands__content:before { content: ' '; width: 21%; height: 520px; background: url(/local/templates/rols_adaptive/./images/icons/dot_blue.png); position: absolute; top: -330px; left: -260px; z-index: 1; } .brands__content:after { content: ' '; width: 41%; height: 245px; background: url(/local/templates/rols_adaptive/./images/icons/dot_blue.png); position: absolute; bottom: 60px; right: -120px; z-index: 1; } .brands__left { width: 290px; margin-right: 85px; padding-top: 28px; } .brands__left h2 { font-size: 36px; color: #0e2f56; font-weight: 900; text-transform: unset; } .brands__right { display: inline-flex; justify-content: space-between; flex-wrap: wrap; width: 780px; z-index: 2; } .brands__right_item { width: 240px; height: 86px; background: #fff; border-radius: 3px; text-align: center; box-shadow: 0 8px 30px 0 rgba(218, 234, 240, 1); margin-bottom: 25px; display: flex; align-items: center; justify-content: center; } /*Map*/ .map h2 { font-size: 36px; color: #0e2f56; font-weight: 900; text-transform: unset; padding: 105px 0 60px; } /*Footer*/ .footer { display: flex; justify-content: center; flex-wrap: wrap; padding-top: 60px; background: #0e2f56; } .footer__content { display: flex; width: 1140px; justify-content: flex-start; flex-wrap: wrap; } .footer__top { display: flex; justify-content: space-between; flex-direction: row; width: 1140px; padding-bottom: 38px; } .footer__top_left { width: 295px; } .footer__top_left a { display: block; text-decoration: none; margin-bottom: 180px; } .footer__top_left a p { color: #fff; font-size: 13px; font-weight: 300; } .footer__top_left_form { width: 291px; height: 62px; position: relative; box-sizing: border-box; } .footer-form__text { padding: 0 0 0 30px; width: 291px; height: 62px; border: none; font-size: 15px; border-radius: 5px; background: #254366; color: #fff; } .footer-form__text::placeholder { color: #fff; } .footer-form__img { position: absolute; top: 20px; right: 20px; width: 22px; height: 23px; background: #254366; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .footer-form__img:hover { opacity: 0.8; } .footer__top_middle { width: 400px; display: flex; justify-content: space-between; flex-direction: row; } .footer__top_middle ul { list-style: none; } .footer__top_middle ul li { margin-bottom: 12px; } .footer__top_middle ul li a { text-decoration: none; color: #fff; opacity: 0.6; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .footer__top_middle ul li a:hover { opacity: 1; } .footer__top_right { width: 270px; display: flex; flex-direction: column; } .footer__top_right a span { font-size: 18px; color: #fff; font-family: 'SFUIText-Heavy'; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .footer__top_right a span:hover { opacity: 0.8; } .footer__top_right a { text-decoration: none; font-size: 14px; color: #37a1cd; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .footer__top_right a:hover { opacity: 0.8; } .footer__top_right p { margin: 25px 0; color: #fff; font-size: 14px; line-height: 28px; } .footer__social { display: flex; flex-direction: row; width: 155px; justify-content: space-between; } .footer__social a { display: flex; border-radius: 50%; align-items: center; justify-content: center; background: #37a1cd; width: 45px; height: 45px; } .footer__bottom { display: flex; width: 1140px; justify-content: space-between; flex-direction: row; padding: 28px 0 21px; border-top: 1px solid #254265; } .footer__bottom p { font-size: 14px; color: #fff; } .footer__bottom p span { font-size: 13px; color: #fff; opacity: 0.7; } .footer__bottom p a { text-decoration: none; color: #ff522c; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .footer__bottom p a:hover { opacity: 0.8; } /*inner__content*/ .inner__contents p { color: #333333; font-size: 17px; margin-bottom: 20px; line-height: 22px; } .inner__contents ol li { list-style: decimal; color: #333333; font-size: 17px; margin-bottom: 20px; } .inner__contents ol { margin: 10px 0 10px 20px; width: 100%; } .inner__contents ul li { list-style: none; color: #333333; color: #333333; font-size: 17px; margin-bottom: 20px; position: relative; padding-left: 20px; } .inner__contents ul li:before { content: ' '; width: 10px; height: 10px; position: absolute; top: 3px; left: 0; background: url(/local/templates/rols_adaptive/./images/icons/list.png) center top no-repeat; } .inner__contents ul { margin: 10px 0 10px; width: 100%; } .inner__contents a { font-size: 17px; color: #37a1cd; } .inner__contents table { margin: 35px 0; } .inner__contents th { background: #0e2f56; color: #fff; text-align: center; padding: 20px 0; font-size: 17px; font-weight: 800; } .inner__contents td { padding: 20px 0; text-align: center; font-size: 14px; color: #333333; } .inner__contents td:nth-child(1) { font-size: 17px; color: #363636; font-weight: 600; background: #f1f5f6; } .cart__bottom_info_item.inner__contents { color: #333333; font-size: 17px; line-height: 22px; } /* Breadcrumbs */ .breadcrumbs { display: flex; justify-content: center; flex-wrap: wrap; padding: 28px 0; } .breadcrumbs__content { width: 1140px; } /* * The first direct child contains the actual Bitrix breadcrumb trail. * Other .breadcrumbs__content blocks in this section are promotional notices, * so the structural selector deliberately keeps the navigation styles scoped. */ .breadcrumbs > .breadcrumbs__content:first-child { width: calc(100% - 32px); max-width: 1140px; color: #b7c0c4; font-size: 0; line-height: 1; } section.breadcrumbs:has(> .breadcrumbs__content:first-child:last-child) { padding: 18px 0 14px; } .breadcrumbs__content.warning{ margin-top: 5px; background: #ffd3c9; padding: 5px; } .breadcrumbs > .breadcrumbs__content:first-child > a, .breadcrumbs > .breadcrumbs__content:first-child > span { display: inline; margin: 0; color: #52636b; font-family: inherit; font-size: 13px; font-weight: 400; line-height: 20px; vertical-align: middle; white-space: nowrap; } .breadcrumbs > .breadcrumbs__content:first-child > a { text-decoration: none; transition: color .2s ease; } .breadcrumbs > .breadcrumbs__content:first-child > a::after { display: inline-block; margin: 0 8px; color: #b7c0c4; content: "\203A"; text-decoration: none; } .breadcrumbs > .breadcrumbs__content:first-child > a:hover { color: #26343c; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; } .breadcrumbs > .breadcrumbs__content:first-child > a:focus-visible { border-radius: 2px; outline: 2px solid #40a629; outline-offset: 3px; } .breadcrumbs > .breadcrumbs__content:first-child > span { color: #68777e; } @media (max-width: 980px) { section.breadcrumbs:has(> .breadcrumbs__content:first-child:last-child) { padding: 0; border-top: 1px solid #edf0f1; } .breadcrumbs > .breadcrumbs__content:first-child { display: flex; align-items: center; width: calc(100% - 32px); min-height: 44px; overflow: hidden; white-space: nowrap; } .breadcrumbs > .breadcrumbs__content:first-child > a, .breadcrumbs > .breadcrumbs__content:first-child > span { display: none; } .breadcrumbs > .breadcrumbs__content:first-child > a:last-of-type { display: block; min-width: 0; max-width: 100%; overflow: hidden; color: #4f6068; font-size: 14px; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; } .breadcrumbs > .breadcrumbs__content:first-child > a:last-of-type::before { margin-right: 8px; color: #40a629; content: "\2190"; text-decoration: none; } .breadcrumbs > .breadcrumbs__content:first-child > a:last-of-type::after { display: none; content: none; } } @media (max-width: 540px) { .breadcrumbs > .breadcrumbs__content:first-child { width: calc(100% - 20px); } } /*Inner*/ .inner { display: flex; justify-content: center; flex-wrap: wrap; padding-bottom: 75px; } .inner h2, .cart__bottom_info_item.inner__contents h2 { text-align: left; font-size: 21px; color: #0e2f56; margin-bottom: 35px; width: 100%; } .inner__content { display: flex; flex-direction: row; width: 1140px; justify-content: space-between; } .inner__left { display: flex; flex-direction: column; justify-content: flex-start; width: 264px; } .inner__left nav > ul { list-style: none; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; border-top: 1px solid #ebebeb; margin-bottom: 40px; } .inner__left nav > ul > li > a { display: flex; height: 40px; justify-content: flex-start; align-items: center; padding-left: 22px; background: #fff; text-decoration: none; border-bottom: 1px solid #ebebeb; color: #0e2f56; font-size: 15px; font-weight: 800; } .inner__left nav > ul > li > .active { display: flex; height: 55px; justify-content: flex-start; align-items: center; padding-left: 22px; background: #37a1cd; border: 1px solid #37a1cd; text-decoration: none; color: #fff; font-family: 'SFUIText-Heavy'; font-size: 18px; } .inner__left nav > ul > li > ul > li > a { display: flex; height: 40px; justify-content: flex-start; align-items: center; padding-left: 22px; background: #f1f5f6; border-bottom: 1px solid #ebebeb; color: #0e2f56; font-size: 15px; font-weight: 800; text-decoration: none; position: relative; } .inner__left nav > ul > li > ul > li > a.isparent:after { content: ' '; width: 9px; height: 5px; background: url(/local/templates/rols_adaptive/./images/icons/arrow_blue.png) center top no-repeat; margin-top: 2px; margin-left: 7px; } .inner__left nav > ul > li > ul > li > a.active { color: #37a1cd; } .inner__left nav > ul > li > ul > li > a.isparent.active:after { background: url(/local/templates/rols_adaptive/./images/icons/arrow_blue_down.png) center top no-repeat; } .inner__left nav > ul > li > ul > li > ul { padding: 10px 0; border-bottom: 1px solid #ebebeb; } .inner__left nav > ul > li > ul > li > ul > li > a { display: flex; height: 27px; justify-content: flex-start; align-items: center; padding-left: 45px; background: #fff; border: none; color: #537684; font-size: 14px; text-decoration: none; } .inner__left nav > ul > li > ul > li > ul > li > a.isparent:after { content: ' '; width: 9px; height: 5px; background: url(/local/templates/rols_adaptive/./images/icons/arrow_blue.png) center top no-repeat; margin-top: 2px; margin-left: 7px; margin-right: 15px; } .inner__left nav > ul > li > ul > li > ul > li > a.active { color: #37a1cd; } .inner__left nav > ul > li > ul > li > ul > li > a.isparent.active:after { background: url(/local/templates/rols_adaptive/./images/icons/arrow_blue_down.png) center top no-repeat; } .inner__left nav > ul > li > ul > li > ul > li > ul { padding: 10px 0; } .inner__left nav > ul > li > ul > li > ul > li > ul > li > a { display: flex; height: 27px; justify-content: flex-start; align-items: center; padding-left: 75px; background: #fff; border: none; color: #333333; font-size: 14px; text-decoration: none; } .inner__left nav > ul > li > ul > li > ul > li > ul > li > a.active { color: #37a1cd; } .inner__right { width: 847px; } .inner__right h1 { text-align: left; font-size: 36px; color: #0e2f56; } /*Inner_Solutions*/ .inner__solutions { display: flex; padding: 30px 0; justify-content: flex-start; flex-wrap: wrap; } .solutions__content { display: flex; width: 100%; flex-wrap: wrap; justify-content: flex-start; flex-direction: row; } .solutions__item { width: 260px; box-shadow: 0 8px 20px 5px rgba(243, 243, 244, 1); position: relative; margin: 0 30px 30px 0; } /* MyCorrect */ .solutions__item:nth-child(3n) { margin: 0 0 30px; } .solutions__item_img { width: 260px; height: 197px; overflow: hidden; } .solutions__item_img img { border-radius: 3px; width: 260px; height: 197px; } .solutions__item_bot { padding: 25px 15px; } .solutions__item_title { font-size: 14px; color: #0e2f56; text-align: center; font-family: 'Exo2.0-ExtraBold'; margin-bottom: 15px; } .solutions__item_info { display: flex; width: 230px; justify-content: space-between; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ebebeb; } .item_info__left { display: flex; flex-direction: column; } .item_info__left p { font-size: 14px; color: #333333; text-transform: uppercase; } .item_info__right { display: flex; flex-direction: column; } .item_info__right p { font-size: 14px; color: #252525; text-align: right; text-transform: uppercase } .solutions__item_buy { display: flex; width: 230px; justify-content: space-between; } .item_buy__left { display: flex; flex-direction: column; } .item_buy__left strike { font-size: 13px; color: #333333; margin-bottom: 5px; } .item_buy__left p { font-size: 20px; color: #37a1cd; text-align: center; } .item_buy__right a { display: block; width: 120px; line-height: 43px; color: #fff; font-size: 11px; text-transform: uppercase; font-family: 'Exo2.0-ExtraBold'; border-radius: 3px; background: #ff6a2c; background: -webkit-gradient(linear, left top, left bottom, from(#ff6a2c), to(#d84410)); background: linear-gradient(to bottom, #ff6a2c 0, #d84410 100%); text-align: center; text-decoration: none; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .item_buy__right a:hover { background: #ff7f2c; background: -webkit-gradient(linear, left top, left bottom, from(#ff7f2c), to(#e44d18)); background: linear-gradient(to bottom, #ff7f2c 0, #e44d18 100%); } /*Inner_type*/ .inner__type { display: flex; padding: 30px 0; justify-content: flex-start; flex-wrap: wrap; } .type__content { display: flex; flex-wrap: wrap; } .type__item { margin-right: 22px; } .type__item:nth-child(4n) { margin: 0; } .type__item a { display: block; position: relative; width: 195px; height: 195px; overflow: hidden; text-decoration: none; margin-bottom: 25px; } .type__item a:before { content: " "; position: absolute; bottom: 0px; left: 0px; width: 195px; height: 195px; box-shadow: rgba(0, 0, 0, 0.53) 0px -90px 100px -30px inset; } .type__item_text { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 38px; text-decoration: none; color: #fff; text-align: center; text-transform: uppercase; font-size: 17px; font-family: 'SFUIText-Heavy'; } /*Inner__action*/ .inner__action { display: flex; padding: 38px 0; justify-content: center; flex-wrap: wrap; background: url(/local/templates/rols_adaptive/./images/action/bg.jpg) center top no-repeat #081d36; margin: 30px 0; } .action__content { width: 700px; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; position: relative; z-index: 2; } .action__content:before { content: ' '; width: 222px; height: 105px; background: url(/local/templates/rols_adaptive/./images/icons/dot.png); position: absolute; bottom: -30px; right: 150px; z-index: 1; } .action__content:after { content: ' '; width: 230px; height: 175px; background: url(/local/templates/rols_adaptive/./images/icons/dot.png); position: absolute; top: -70px; right: -50px; z-index: 1; } .action__left { width: 325px; display: flex; flex-direction: column; flex-wrap: wrap; z-index: 2; } .action__left span { font-size: 30px; color: #fff; font-family: 'Exo2.0-ExtraBold'; text-transform: uppercase; margin-bottom: 30px; } .action__left p { font-size: 15px; color: #fff; line-height: 25px; margin-bottom: 40px; } .action__left a { background: #ff6a2c; background: -webkit-gradient(linear, left top, left bottom, from(#ff6a2c), to(#d84410)); background: linear-gradient(to bottom, #ff6a2c 0, #d84410 100%); width: 220px; line-height: 60px; display: block; border-radius: 3px; text-align: center; text-decoration: none; text-transform: uppercase; color: #fff; font-weight: 900; font-size: 12px; font-family: 'SFUIText-Heavy'; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .action__left a:hover { background: #ff7f2c; background: -webkit-gradient(linear, left top, left bottom, from(#ff7f2c), to(#e44d18)); background: linear-gradient(to bottom, #ff7f2c 0, #e44d18 100%); } .action__right { z-index: 2; } /*Inner_tabs*/ .inner__tabs { display: flex; padding: 38px 0; justify-content: center; flex-wrap: wrap; width: 847px; } .tabs__content { display: flex; width: 100%; flex-wrap: wrap; } .tabs__type { display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between; flex-direction: row; position: relative; } .tabs__type a { text-decoration: none; font-size: 20px; color: #0e2f56; font-family: 'SFUIText-Heavy'; padding-bottom: 10px; z-index: 2; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .tabs__type a:hover { color: #37a1cd; border-bottom: 2px solid #37a1cd; } .tabs__type:after { content: ' '; width: 100%; height: 2px; bottom: 0; left: 0; position: absolute; background: #ebebeb; z-index: 1; } .tabs__type .active { color: #37a1cd; border-bottom: 2px solid #37a1cd; } .tabs__info { padding-top: 35px; display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; } .tabs__info a { display: block; overflow: hidden; width: 169px; height: 100px; } .tabs__info a img { width: 157px; } /* MyCorrect */ .tabs__info_item { display: none; } .tabs__info_item.active { display: block; } /*Inner_advantages*/ .inner__advantages { display: flex; padding: 30px 0; justify-content: flex-start; flex-wrap: wrap; width: 847px; } .advantages__content { display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between; flex-direction: row; } .advantages__item { display: flex; justify-content: space-between; flex-direction: row; } .advantages__item_left { background: #fff; width: 70px; height: 70px; border-radius: 3px; margin-right: 25px; display: flex; justify-content: center; align-items: center; box-shadow: 0 11px 30px 5px rgba(217, 234, 240, 1); } .advantages__item_right { display: flex; justify-content: flex-start; align-items: center; width: 160px; height: 70px; line-height: 27px; font-size: 15px; font-weight: 800; color: #0e2f56; } /*Inner_services*/ .inner__services { display: flex; padding: 30px 0; justify-content: flex-start; flex-wrap: wrap; width: 847px; } .services__content { display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between; flex-direction: row; position: relative; } .services__content:before { content: ' '; width: 500px; height: 220px; background: url(/local/templates/rols_adaptive/./images/icons/dot_blue.png); position: absolute; top: -35px; left: 178px; z-index: 1; } .services__item { width: 265px; height: 230px; display: flex; flex-wrap: wrap; padding: 40px 25px 0 25px; z-index: 2; } .services__item p span { color: #2b7cb5; font-size: 21px; font-family: 'SFUIText-Heavy'; } .services__item p { color: #0e2f56; font-size: 14px; line-height: 22px; } .services__item:nth-child(1) { background: #d7e2f5; } .services__item:nth-child(2) { background: #dbeefa; } .services__item:nth-child(3) { background: #f1f1f1; } /*Inner_calc*/ .inner__calc { display: flex; padding: 30px 0; justify-content: flex-start; flex-wrap: wrap; width: 847px; } .calc__content_tabs { display: flex; width: 100%; flex-wrap: wrap; justify-content: flex-start; flex-direction: row; } .calc__content { width: 100%; } .calc__content a { text-decoration: none; color: #0e2f56; font-family: 'SFUIText-Heavy'; } .calc__content_tabs a { display: flex; height: 60px; justify-content: center; align-items: center; margin-right: 20px; padding: 0 40px; text-decoration: none; border: 1px solid #f1f5f6; font-size: 17px; color: #0e2f56; font-family: 'SFUIText-Heavy'; } .calc__content_tabs a.active { background: #f1f5f6; color: #37a1cd; } .calc__form { display: flex; width: 100%; justify-content: flex-start; background: #f1f5f6; flex-direction: column; margin: 0 0 30px; } .calc__content_block .calc__form { margin: 0; } .calc__top { width: 100%; color: #333333; font-size: 17px; font-weight: 500; padding: 40px 0 10px 40px; border-bottom: 1px solid #fff; } .top__field { width: 270px; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 13px; flex-direction: row; align-items: center; } .top__lable { width: 165px; } .top__lable span { color: #ff522c; } .top__input { width: 65px; height: 35px; text-align: center; color: #333333; border-radius: 3px; border: none; font-size: 12px; font-family: 'SFUIText-Heavy'; } .calc__middle { width: 100%; color: #333333; font-size: 17px; font-weight: 500; padding: 15px 40px; border-bottom: 1px solid #fff; } .middle__field { width: 520px; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 13px; flex-direction: row; align-items: center; } .middle__field_top { align-items: baseline; } .middle__field_img { float: right; overflow: hidden; margin: 0 20px 0 0; } .middle__field_img img { max-width: 300px; } .middle__lable { width: 165px; } .middle__select, .middle__field select { width: 353px; height: 62px; padding-left: 25px; display: flex; align-items: center; text-transform: uppercase; color: #333333; border-radius: 3px; border: none; font-size: 12px; font-family: 'SFUIText-Heavy'; background: url(/local/templates/rols_adaptive/./images/icons/arrow_select.png) right 15px top 27px no-repeat #fff; } .middle__construction a { display: flex; color: #37a1cd; text-decoration: underline; font-size: 14px; font-family: inherit; justify-content: left; padding: 0; margin-bottom: 10px; } .middle__construction a:hover { text-decoration: none; } .middle__input, .middle__field .inputtext[name="captcha_word"] { width: 353px; height: 62px; padding-left: 25px; display: flex; align-items: center; text-transform: uppercase; color: #333333; border-radius: 3px; border: none; font-size: 12px; font-family: 'SFUIText-Heavy'; } .middle__textarea { min-width: 353px; min-height: 62px; padding-top: 25px; padding-left: 25px; display: flex; align-items: center; text-transform: uppercase; color: #333333; border-radius: 3px; border: none; font-size: 12px; font-family: 'SFUIText-Heavy'; } .middle__field .middle__lable img { max-width: 90%; } .middle__textarea::placeholder { color: #333333; } .calc__bottom { width: 100%; color: #333333; font-size: 17px; font-weight: 500; padding: 18px 40px 38px 40px; } .bottom__field { display: flex; justify-content: space-between; margin-bottom: 28px; } .bottom__input { width: 230px; height: 62px; border: none; border-radius: 3px; padding-left: 25px; text-transform: uppercase; color: #333333; font-size: 12px; font-family: 'SFUIText-Heavy'; } .bottom__submit { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 499px; } .bottom__submit p { font-size: 17px; } .bottom__submit span { color: #ff522c; } .bottom__button { background: #ff6a2c; background: -webkit-gradient(linear, left top, left bottom, from(#ff6a2c), to(#d84410)); background: linear-gradient(to bottom, #ff6a2c 0, #d84410 100%); width: 230px; height: 62px; border: none; border-radius: 3px; text-transform: uppercase; font-weight: 900; font-size: 12px; color: #fff; font-family: 'SFUIText-Heavy'; cursor: pointer; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .bottom__button:hover { background: #ff7f2c; background: -webkit-gradient(linear, left top, left bottom, from(#ff7f2c), to(#e44d18)); background: linear-gradient(to bottom, #ff7f2c 0, #e44d18 100%); } /*Inner_faq*/ .inner__faq { display: flex; padding: 30px 0; justify-content: flex-start; flex-wrap: wrap; width: 847px; } .faq__content { display: flex; width: 100%; flex-wrap: wrap; justify-content: flex-start; } .faq__item a { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; padding: 30px 75px 25px 45px; background: #fff; box-shadow: 0 8px 20px 5px rgba(243, 243, 244, 1); margin-bottom: 35px; font-size: 18px; color: #0e2f56; line-height: 30px; position: relative; text-decoration: none; } .faq__item a:after { content: ' '; width: 17px; height: 10px; position: absolute; top: 50%; right: 25px; background: url(/local/templates/rols_adaptive/./images/icons/arrow_grey.png) center top no-repeat; } .faq__info { padding: 0 45px; font-size: 14px; color: #333333; line-height: 22px; margin-bottom: 25px; } /* MyCorrect */ .faq__info { display: none; padding: 0 45px; font-size: 14px; color: #333333; line-height: 22px; margin-bottom: 25px; } .faq__it.active .faq__info { display: block; } /*Inner_form*/ .inner__form { display: flex; padding: 50px 0 25px; justify-content: center; flex-wrap: wrap; width: 847px; background: #37a1cd; margin: 0 0 30px; } .form__content { width: 760px; display: flex; justify-content: center; flex-wrap: wrap; } .form__top { display: flex; justify-content: center; color: #fff; flex-direction: column; text-align: center; } .form__top p span { font-size: 21px; font-family: 'SFUIText-Heavy'; } .form__top p { font-size: 17px; line-height: 33px; color: #fff; } .form__bottom form { display: flex; justify-content: space-between; width: 760px; flex-direction: row; } .form__bottom input { width: 230px; height: 62px; border: none; border-radius: 3px; padding-left: 25px; color: #333333; text-transform: uppercase; font-weight: 900; font-size: 12px; font-family: 'SFUIText-Heavy'; } /* MyCorrect */ .form__bottom input[type=submit] { background: #ff6a2c; background: -webkit-gradient(linear, left top, left bottom, from(#ff6a2c), to(#d84410)); background: linear-gradient(to bottom, #ff6a2c 0, #d84410 100%); width: 230px; height: 62px; border: none; border-radius: 3px; text-transform: uppercase; font-weight: 900; font-size: 12px; color: #fff; font-family: 'SFUIText-Heavy'; cursor: pointer; padding: 0; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .form__bottom input[type=submit]:hover { background: #ff7f2c; background: -webkit-gradient(linear, left top, left bottom, from(#ff7f2c), to(#e44d18)); background: linear-gradient(to bottom, #ff7f2c 0, #e44d18 100%); } /*Shop_header search-form*/ .search-form { position: relative; } .search-form__text { padding: 0 0 0 35px; width: 370px; height: 52px; border: none; background: #f7f7f7; border-radius: 5px; font-size: 13px; color: #959595; } .search-form__text::placeholder { color: #959595; } .search-form__right { background: #ff522c; position: absolute; width: 68px; height: 52px; top: 0; right: 0; border-radius: 5px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .search-form__right:hover { opacity: 0.8; } .search-form__img { position: absolute; top: 15px; right: 23px; width: 21px; height: 21px; background: #ff522c; } /*Shop_title*/ .title { display: flex; justify-content: center; flex-wrap: wrap; margin: 20px 0; } .titel__inner { display: flex; justify-content: flex-start; flex-wrap: wrap; width: 1140px; } .titel__inner h1 { font-size: 36px; color: #0e2f56; } /*Shop_action*/ .actions { display: flex; justify-content: center; flex-wrap: wrap; margin: 5px 0 40px; } .actions__content { background: url(/local/templates/rols_adaptive/./images/action/bg_shop.jpg) center top no-repeat; padding: 38px 0; width: 1140px; display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; position: relative; z-index: 2; } .actions__inner { width: 900px; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; position: relative; z-index: 2; } .actions__left { width: 325px; display: flex; flex-direction: column; flex-wrap: wrap; z-index: 2; } .actions__left span { font-size: 30px; color: #fff; font-family: 'Exo2.0-ExtraBold'; text-transform: uppercase; margin-bottom: 30px; } .actions__left p { font-size: 15px; color: #fff; line-height: 25px; margin-bottom: 40px; } .actions__left a { background: #ff6a2c; background: -webkit-gradient(linear, left top, left bottom, from(#ff6a2c), to(#d84410)); background: linear-gradient(to bottom, #ff6a2c 0, #d84410 100%); width: 220px; line-height: 60px; display: block; border-radius: 3px; text-align: center; text-decoration: none; text-transform: uppercase; color: #fff; font-weight: 900; font-size: 12px; font-family: 'SFUIText-Heavy'; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .actions__left a:hover { background: #ff7f2c; background: -webkit-gradient(linear, left top, left bottom, from(#ff7f2c), to(#e44d18)); background: linear-gradient(to bottom, #ff7f2c 0, #e44d18 100%); } .actions__content:before { content: ' '; width: 240px; height: 105px; background: url(/local/templates/rols_adaptive/./images/icons/dot.png); position: absolute; bottom: 15px; right: 310px; z-index: 1; } .actions__content:after { content: ' '; width: 310px; height: 175px; background: url(/local/templates/rols_adaptive/./images/icons/dot.png); position: absolute; top: 0; right: -30px; z-index: 1; } .actions__right { z-index: 2; } /*Shop_servicing*/ .servicing { display: flex; justify-content: center; flex-wrap: wrap; margin: 30px 0; } .servicing__content { display: flex; flex-direction: row; justify-content: space-between; width: 1140px; } .servicing__item { display: flex; flex-direction: row; justify-content: flex-start; } .servicing__img { background: #fff; width: 70px; height: 70px; border-radius: 3px; margin-right: 25px; text-align: center; line-height: 90px; box-shadow: 0 11px 30px 5px rgba(217, 234, 240, 1); display: flex; justify-content: center; align-items: center; } .servicing__info { width: 170px; } .servicing__info p { font-size: 15px; color: #333333; margin-bottom: 20px; line-height: 22px; } .servicing__info p span { font-size: 21px; color: #0e2f56; font-family: 'SFUIText-Heavy'; } /*Shop_categories*/ .categories { display: flex; justify-content: center; flex-wrap: wrap; margin: 30px 0; } .categories__content { display: flex; width: 1140px; } /*Shop_hits-sales*/ .hits-sales { display: flex; justify-content: center; flex-wrap: wrap; margin: 60px 0 0; position: relative; } .hits-sales__content { display: flex; justify-content: flex-start; width: 1140px; flex-wrap: wrap; position: relative; z-index: 2; } .hits-sales__content h2 { font-size: 36px; color: #0e2f56; font-weight: 900; text-align: left; text-transform: unset; } .hits-sales__content h2:after { content: ' '; width: 790px; height: 8px; background: url(/local/templates/rols_adaptive/./images/icons/dot_grey.png); position: absolute; top: 30px; right: 95px; } /*Shop_callback*/ .callback { display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: 80px; } .callback__form { display: flex; padding: 50px 0 35px; justify-content: center; flex-wrap: wrap; width: 1140px; background: #37a1cd; } /*Shop_action-sales*/ .action-sales { display: flex; justify-content: center; flex-wrap: wrap; margin: 60px 0 0; position: relative; background: #f1f5f6; padding: 60px 0; } .action-sales__content { display: flex; justify-content: flex-start; width: 1140px; flex-wrap: wrap; position: relative; z-index: 2; } .action-sales__content h2 { font-size: 36px; color: #0e2f56; font-weight: 900; text-align: left; text-transform: unset; } .action-sales__content h2:after { content: ' '; width: 760px; height: 8px; background: url(/local/templates/rols_adaptive/./images/icons/dot_grey.png); position: absolute; top: 30px; right: 95px; } /*Shop_firms*/ .firms { display: flex; justify-content: center; flex-wrap: wrap; padding: 70px 0; position: relative; background: #f1f5f6; } .firms__content { display: flex; justify-content: flex-start; width: 1140px; } .firms__left { width: 290px; margin-right: 85px; padding-top: 28px; } .firms__left h2 { font-size: 36px; color: #0e2f56; font-weight: 900; text-transform: unset; } .firms__right { display: inline-flex; justify-content: space-between; flex-wrap: wrap; width: 780px; } .firms__right_item { width: 240px; height: 86px; background: #fff; border-radius: 3px; text-align: center; box-shadow: 0 8px 30px 0 rgba(218, 234, 240, 1); margin-bottom: 25px; display: flex; align-items: center; justify-content: center; } /*Shop_service-blocks*/ .service-blocks { display: flex; justify-content: center; flex-wrap: wrap; padding: 0 0 80px; } .service-blocks__content { display: flex; justify-content: space-between; width: 1140px; } .service-blocks__item a { display: block; position: relative; width: 263px; height: 266px; margin-bottom: 30px; overflow: hidden; } .service-blocks__item a:before { content: ' '; position: absolute; bottom: 0; left: 0; width: 263px; height: 266px; box-shadow: 0 -90px 100px -30px rgba(0, 0, 0, 0.53) inset; } .service-blocks__text { position: absolute; bottom: 0; left: 0; text-decoration: none; width: 100%; height: 80px; padding: 30px 0 0; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .service-blocks__text span { text-transform: uppercase; color: #fff; font-size: 18px; font-family: 'SFUIText-Heavy'; text-align: center; display: block; width: 100%; } .service-blocks__text p { color: #fff; font-size: 14px; text-align: center; position: absolute; top: 40px; opacity: 0; padding: 40px 20px 0 20px; line-height: 20px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .service-blocks__item a:hover .service-blocks__text { height: 100%; background: #0e2f56; background: rgba(14, 47, 86, 0.7); padding: 40px 0 0; } .service-blocks__item a:hover .service-blocks__text p { opacity: 1; } /*Shop_basket-fixed*/ .basket-fixed { display: flex; justify-content: center; flex-wrap: wrap; height: 50px; background: #0e2f56; padding: 13px 0; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999; } .basket-fixed.hide, .basket-fixed-line.hide{ display: none; } .basket-fixed__content { display: flex; justify-content: flex-end; width: 1140px; align-items: center; } .basket-fixed__name { width: 105px; padding-left: 43px; color: #fff; font-size: 14px; position: relative; margin-right: 12px; } .basket-fixed__name:before { content: ' '; width: 29px; height: 27px; position: absolute; top: -5px; left: 0; background: url(/local/templates/rols_adaptive/./images/icons/basket.png) center top no-repeat; } .basket-fixed__amount { width: 125px; color: #fff; font-size: 14px; display: flex; flex-direction: row; align-items: center; margin-right: 25px; } .basket-fixed__amount a { display: flex; width: 30px; height: 30px; justify-content: center; align-items: center; text-decoration: none; color: #fff; font-size: 14px; background: #ff522c; border-radius: 50%; margin-right: 13px; } .basket-fixed__button a { display: block; width: 148px; line-height: 30px; color: #fff; font-size: 14px; text-transform: uppercase; font-family: 'Exo2.0-ExtraBold'; border-radius: 3px; background: #ff6a2c; background: -webkit-gradient(linear, left top, left bottom, from(#ff6a2c), to(#d84410)); background: linear-gradient(to bottom, #ff6a2c 0, #d84410 100%); text-align: center; text-decoration: none; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .basket-fixed__button a:hover { background: #ff7f2c; background: -webkit-gradient(linear, left top, left bottom, from(#ff7f2c), to(#e44d18)); background: linear-gradient(to bottom, #ff7f2c 0, #e44d18 100%); } /*Catalog_filter*/ .left__filter { width: 100%; } .filter__title { display: flex; height: 55px; justify-content: flex-start; align-items: center; padding-left: 22px; background: #37a1cd; border: 1px solid #37a1cd; color: #fff; font-family: 'SFUIText-Heavy'; font-size: 18px; } .filter__form { border-right: 1px solid #ebebeb; border-left: 1px solid #ebebeb; margin-bottom: 30px; } .form__field { padding: 18px 12px 0 21px; border-bottom: 1px solid #ebebeb; } .field__top { display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 15px; } .field__top a:nth-child(1) { text-decoration: none; } .field__top a span { font-size: 15px; color: #0e2f56; font-weight: 800; position: relative; } .field__top a span:after { content: ' '; width: 9px; height: 5px; position: absolute; top: 8px; right: -15px; background: url(/local/templates/rols_adaptive/./images/icons/arrow_blue_down.png) center top no-repeat; } .field__top.show a span:after { content: ' '; width: 9px; height: 5px; position: absolute; top: 8px; right: -15px; background: url(/local/templates/rols_adaptive/./images/icons/arrow_blue.png) center top no-repeat; } .field__top a { font-size: 13px; color: #537684; } .field__link_reset { display: none; } .form__field.show .field__link_reset { display: block; } .field__bottom { display: flex; align-items: center; padding-bottom: 20px; } .field__bottom span { font-size: 14px; color: #252525; } .field__input { width: 80px; border-radius: 3px; border: 1px solid #dddddd; height: 28px; padding-left: 7px; font-size: 14px; color: #252525; margin-right: 10px; } .field__bottom_chekbox { display: flex; flex-direction: column; } .checkbox__item { display: flex; flex-direction: row; margin-bottom: 15px; align-items: center; padding-left: 24px; } .checkbox__item span { color: #959595; margin-left: 13px; } .field__chekbox { margin-right: 10px; width: 15px; height: 15px; } .field__label { font-size: 14px; color: #252525; } .checkbox__item input[type=checkbox] { display: none; } .checkbox__item .field__label { position: relative; cursor: pointer; } .checkbox__item .field__label:before { content: ' '; width: 15px; height: 15px; position: absolute; left: -20px; top: 0; border: 1px solid #dfdfdf; border-radius: 3px; } .checkbox__item input[type=checkbox]:checked + .field__label:before { content: ''; width: 15px; height: 15px; position: absolute; left: -23px; top: 0; border: 1px solid #37a1cd; background: url(/local/templates/rols_adaptive/./images/icons/checkbox.png) center top 4px no-repeat #37a1cd; border-radius: 3px; } /*Catalog_pagination*/ .pagination { display: flex; justify-content: center; width: 100%; padding: 40px 0 0; } .pagination__content { display: flex; flex-direction: row; justify-content: center; width: 100%; } .pagination__content a { display: flex; justify-content: center; align-items: center; width: 50px; margin: 0 10px; height: 50px; background: #f1f5f6; color: #0e2f56; font-size: 15px; text-decoration: none; } .pagination__content .active { background: #37a1cd; color: #fff;; } /*Cart_product*/ .cart { display: flex; justify-content: center; width: 100%; padding: 0 0 50px; } .cart__content { display: flex; justify-content: center; flex-direction: column; width: 1140px; } .cart__top { display: flex; flex-direction: row; justify-content: center; width: 1140px; height: 360px; border: 1px solid #e1e1e1; box-sizing: border-box; margin-bottom: 60px; flex-wrap: wrap; } .cart__top_left { width: 350px; height: 360px; overflow: hidden; display: flex; justify-content: center; align-items: center; } .cart__top_left img { } .cart__top_middle { width: 438px; padding: 30px 35px; background: #f7f7f7; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; } .middle__title { font-size: 24px; color: #0e2f56; font-family: 'SFUIText-Heavy'; padding-bottom: 25px; border-bottom: 1px solid #e1e1e1; } .middle__app { display: flex; justify-content: flex-start; flex-direction: column; padding: 12px 0; border-bottom: 1px solid #e1e1e1; } .middle__app_item { display: flex; justify-content: space-between; padding: 7px 0; text-transform: uppercase; font-size: 14px; color: #252525; } .middle__app_item span { color: #333333; } .middle__info { display: flex; justify-content: flex-start; flex-direction: column; padding: 12px 0; } .middle__info_item { display: flex; justify-content: space-between; padding: 7px 0; font-size: 14px; color: #252525; } .middle__info_item span { color: #333333; } .middle__info_item p { font-size: 14px } .cart__top_right { width: 350px; display: flex; flex-wrap: wrap; padding: 30px 40px; align-content: space-between; } .right__article { width: 100%; height: 55px; position: relative; display: flex; flex-direction: column; margin-bottom: 25px; } .right__article_percent { position: absolute; top: 0; right: 0; background: #37a1cd; color: #fff; border-radius: 50%; width: 55px; height: 55px; display: flex; justify-content: center; align-items: center; } .right__article p { padding-top: 5px; font-size: 14px; color: #252525; } .right__article p span { color: #37a1cd; } .right__price { width: 100%; display: flex; flex-direction: column; } .right__price_item { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; } .right__price_item strike { font-size: 17px; color: #333333; } .right__price_item strong { font-size: 34px; color: #ff522c; font-weight: 700; } .right__price_item a { width: 90px; height: 40px; background: #ebebeb; display: flex; align-items: center; justify-content: center; text-decoration: none; font-size: 18px; color: #37a1cd; font-weight: 700; } .right__price_item span { width: 90px; height: 40px; font-size: 17px; color: #0e2f56; border: 1px solid #ebebeb; display: flex; align-items: center; justify-content: center; } .right__button a { background: #ff6a2c; background: -webkit-gradient(linear, left top, left bottom, from(#ff6a2c), to(#d84410)); background: linear-gradient(to bottom, #ff6a2c 0, #d84410 100%); width: 268px; line-height: 62px; display: block; border-radius: 3px; text-align: center; text-decoration: none; text-transform: uppercase; color: #fff; font-weight: 900; font-size: 14px; font-family: 'SFUIText-Heavy'; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .right__button a:hover { background: #ff7f2c; background: -webkit-gradient(linear, left top, left bottom, from(#ff7f2c), to(#e44d18)); background: linear-gradient(to bottom, #ff7f2c 0, #e44d18 100%); } .cart__bottom { padding: 50px 0 0; display: flex; width: 100%; box-shadow: 0 8px 20px 5px rgba(243, 243, 244, 1); flex-direction: column; justify-content: center; } .cart__bottom_tabs { display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #c3e3f0; padding-bottom: 22px; } .cart__bottom_tabs a { font-size: 21px; color: #2b7cb5; font-family: 'SFUIText-Heavy'; text-decoration: none; margin-left: 60px; } .cart__bottom_tabs a:first-child { margin: 0; } .cart__bottom_tabs .active { color: #0e2f56; } .cart__bottom_info { padding: 30px 40px; } .cart__bottom_info table { border: none !important; } .cart__bottom_info td { border: none; padding-left: 0; font-size: 16px; color: #252525; } .cart__bottom_info td:nth-child(1) { width: 350px; color: #333333; } .cart__bottom_info tr { border-bottom: 1px solid #ebebeb; } .cart__bottom_info tr:last-child { border: none;; } .product { display: flex; justify-content: center; flex-wrap: wrap; position: relative; padding: 75px 0 0; } .product__content { display: flex; justify-content: flex-start; width: 1140px; flex-wrap: wrap; position: relative; z-index: 2; } .product__content h2 { font-size: 36px; color: #0e2f56; font-weight: 900; text-align: left; text-transform: unset; } .product__content h2:after { content: ' '; width: 570px; height: 8px; background: url(/local/templates/rols_adaptive/./images/icons/dot_grey.png); position: absolute; top: 30px; right: 95px; } .product:before { content: ' '; width: 15%; height: 233px; background: url(/local/templates/rols_adaptive/./images/icons/dot_blue.png); position: absolute; top: 220px; left: 10px; z-index: 1; } .product:after { content: ' '; width: 15%; height: 233px; background: url(/local/templates/rols_adaptive/./images/icons/dot_blue.png); position: absolute; top: 220px; right: 10px; z-index: 1; } .watched { display: flex; justify-content: center; flex-wrap: wrap; position: relative; background: #f1f5f6; padding: 75px 0 0; } .watched__content { display: flex; justify-content: flex-start; width: 1140px; flex-wrap: wrap; position: relative; z-index: 2; } .watched__content h2 { font-size: 36px; color: #0e2f56; font-weight: 900; text-align: left; text-transform: unset; } .watched__content h2:after { content: ' '; width: 800px; height: 8px; background: url(/local/templates/rols_adaptive/./images/icons/dot_grey.png); position: absolute; top: 30px; right: 95px; } .similar { display: flex; justify-content: center; flex-wrap: wrap; position: relative; padding: 75px 0 0; } .similar__content { display: flex; justify-content: flex-start; width: 1140px; flex-wrap: wrap; position: relative; z-index: 2; } .similar__content h2 { font-size: 36px; color: #0e2f56; font-weight: 900; text-align: left; text-transform: unset; } .similar__content h2:after { content: ' '; width: 730px; height: 8px; background: url(/local/templates/rols_adaptive/./images/icons/dot_grey.png); position: absolute; top: 30px; right: 95px; } /*Basket*/ .basket { display: flex; justify-content: center; flex-wrap: wrap; padding: 0 0 70px; } .basket__content { display: flex; justify-content: flex-start; width: 1140px; flex-wrap: wrap; } .basket__content table { border: 1px solid #ebebeb; margin-bottom: 45px; } .basket__content th { text-align: center; background: #0e2f56; font-size: 17px; color: #fff; font-weight: 600; height: 58px; } .basket__content td:last-child { text-align: right; font-weight: 700; height: 45px; } .basket__content td { text-align: center; color: #0e2f56; font-size: 14px; vertical-align: middle; height: 122px; } .basket__content td strong { color: #ff522c; font-weight: 600; } .basket__title { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; padding-left: 25px; font-family: 'SFUIText-Heavy'; } .basket__title img { margin-right: 20px; } .basket__number { display: flex; justify-content: center; } .basket__number a { width: 50px; height: 40px; background: #ebebeb; display: flex; align-items: center; justify-content: center; text-decoration: none; font-size: 18px; color: #37a1cd; font-weight: 700; } .basket__number span { width: 50px; height: 40px; font-size: 17px; color: #0e2f56; border: 1px solid #ebebeb; display: flex; align-items: center; justify-content: center; } .basket__cancel { display: flex; justify-content: center; position: relative; width: 40px; } .cancel__left { position: absolute; display: block; width: 15px; height: 2px; background: #333333; transform: rotate(-45deg); top: 0px; left: 25px; } .cancel__right { position: absolute; display: block; width: 15px; height: 2px; background: #333333; transform: rotate(45deg); top: 0px; left: 25px; } .basket__form { display: flex; width: 100%; flex-direction: column; background: #f7f7f7; padding: 45px 0 55px; } .basket__field { display: flex; width: 100%; border-bottom: 1px solid #d1e6ef; padding-bottom: 30px; margin-bottom: 35px; } .basket__field_top { display: flex; flex-direction: row; justify-content: space-between; padding-left: 30px; width: 1000px; } .field__top_item p strong { font-size: 21px; font-weight: 700; color: #363636; margin-bottom: 27px; display: block; } .field__top_item label { margin-right: 110px; } .field__top_item input[type=radio] { opacity: 0; z-index: 2; cursor: pointer; } .field__top_item label { position: relative; } .field__top_item label:before { content: ' '; width: 13px; height: 13px; position: absolute; left: -18px; top: 0; border: 1px solid #37a1cd; border-radius: 50%; } .field__top_item input[type=radio]:checked + label:before { content: ''; width: 13px; height: 13px; position: absolute; left: -18px; top: 0; border: 1px solid #37a1cd; border-radius: 50%; background: url(/local/templates/rols_adaptive/./images/icons/radio.png) center top 3px no-repeat; } .b-top__radio_item { float: left; } .basket__field_middle { display: flex; flex-direction: column; padding-left: 30px; } .field__middle_title p strong { font-size: 21px; font-weight: 700; color: #363636; margin-bottom: 27px; display: block; } .field__middle { display: flex; flex-direction: row; width: 810px; justify-content: space-between; } .b-middle__input { width: 260px; height: 62px; border: none; border-radius: 3px; padding-left: 25px; text-transform: uppercase; color: #333333; font-size: 12px; font-family: 'SFUIText-Heavy'; } .basket__field_bottom { display: flex; flex-direction: column; padding: 0 30px; } .field__bottom_inner { display: flex; justify-content: space-between; flex-wrap: wrap; } .basket__field_bottom p strong { font-size: 21px; font-weight: 700; color: #363636; margin-bottom: 27px; display: block; } .field__bottom_radio { display: flex; flex-direction: column; padding-left: 20px; margin-bottom: 30px; } .field__bottom_radio input[type=radio] { opacity: 0; z-index: 2; cursor: pointer; } .field__bottom_radio label { position: relative; } .field__bottom_radio label:before { content: ' '; width: 13px; height: 13px; position: absolute; left: -18px; top: 0; border: 1px solid #37a1cd; border-radius: 50%; } .field__bottom_radio input[type=radio]:checked + label:before { content: ''; width: 13px; height: 13px; position: absolute; left: -18px; top: 0; border: 1px solid #37a1cd; border-radius: 50%; background: url(/local/templates/rols_adaptive/./images/icons/radio.png) center top 3px no-repeat; } .field__bot { display: flex; flex-direction: row; width: 1080px; justify-content: space-between; } .b-bottom__input { width: 260px; height: 62px; border: none; border-radius: 3px; padding-left: 25px; text-transform: uppercase; color: #333333; font-size: 12px; font-family: 'SFUIText-Heavy'; } .basket__button { display: flex; padding-left: 30px; } .button__inner input { background: #ff6a2c; cursor: pointer; border: none; background: -webkit-gradient(linear, left top, left bottom, from(#ff6a2c), to(#d84410)); background: linear-gradient(to bottom, #ff6a2c 0, #d84410 100%); width: 260px; line-height: 62px; display: block; border-radius: 3px; text-align: center; text-transform: uppercase; color: #fff; font-weight: 900; font-size: 12px; font-family: 'SFUIText-Heavy'; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .button__inner input:hover { background: #ff7f2c; background: -webkit-gradient(linear, left top, left bottom, from(#ff7f2c), to(#e44d18)); background: linear-gradient(to bottom, #ff7f2c 0, #e44d18 100%); } /* MyCorrect */ .basket_item td:first-child { width: 500px; } .plus, .minus { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .cart__bottom_info_item { display: none; } .cart__bottom_info_item.active { display: block; } #error_form_go { display: none; padding: 20px; background: #fff0f0; border: 2px solid #ff6060; margin: 0 0 20px; } .b-top__radio_item { float: left; } .b-bottom__radio_item { margin: 0 0 10px; } .field__bottom { display: none; } .m-katalog__menu_but { position: absolute; top: 0; right: 0; } .m-katalog__menu .m-burger__one { transform: rotate(-45deg); top: 25px; } .m-katalog__menu .m-burger__two { transform: rotate(45deg); top: 25px; } .form__field.show .bx-filter-block, .form__field.show .field__bottom { display: block; } .tabs__info_item_title { display: none; padding: 0 15px; } .tabs__info_item_title a { font-family: 'SFUIText-Heavy'; padding-bottom: 10px; font-size: 17px; margin-bottom: 20px; color: #0e2f56; border-bottom: 2px solid #ebebeb; display: block; } .tabs__info_item.active .tabs__info_item_title a { border-bottom: 2px solid #37a1cd; color: #37a1cd; } .works_items { display: flex; justify-content: space-between; flex-wrap: wrap; } .works_item { width: 280px; height: 200px; overflow: hidden; position: relative; margin: 0 0 20px; } .works_item a { text-decoration: none; } .works_item_img { width: 100%; height: 100%; } .works_item_img img { width: 100%; } .works_item_name { width: 100%; padding: 10px; background: #fff; background: rgba(255, 255, 255, 0.8); position: absolute; bottom: 0; left: 0; } .basket-fixed-line { height: 50px; } .detail_picture { max-width: 100%; margin: 0 0 20px; } .news-list { } .news-item { margin: 0 0 20px; padding: 0 0 20px; border-bottom: 1px solid #ebebeb; display: flex; } .news-item .preview_pic { width: 290px; } .news-item .preview_info { margin: 0 0 0 20px; } .news-item .preview_title { margin: 0 0 20px; } .news-item .preview_txt { line-height: 18px; color: #333333; } .works_detail { display: flex; justify-content: space-between; } .works_detail_pic { width: 280px; } .works_detail_pic img { width: 100%; } .works_detail_info { width: 530px; } .works_detail_pic_thumbs { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; } .wdpth_item { position: relative; margin: 0 0 20px; width: 80px; height: 80px; overflow: hidden; } .works_detail_btn_calc { margin: 0 0 20px; } .works_detail_btn_calc a { display: inline-block; color: #fff; text-decoration: none; background: #37a1cd; padding: 5px 10px; border-radius: 3px; } .works_detail_btn_call a { display: inline-block; color: #fff; text-decoration: none; background: #ff6a2c; padding: 5px 10px; border-radius: 3px; } .map_works { margin: 0 0 40px; } .reviews__full .reviews__item { width: 100%; margin: 0 0 50px; } .full_size { display: block; } .form__bottom { position: relative; padding: 0 0 40px; } .form__bottom .checkbox__item { position: absolute; bottom: 0; right: 0; } .form__bottom .checkbox__item label { color: #fff; } .abs_msg { position: absolute; z-index: 2; top: 5px; lefT: 5px; padding: 5px 10px; font-size: 12px; } .abs_msg.abs_suc { color: #009410; background: #c0ffd5; border: 1px solid #009410; } .abs_msg.abs_err { color: #bf0000; background: #ffc7c7; border: 1px solid #bf0000; } .calc__content_block_item { display: none; } .calc__content_block_item.active { display: block; } .added_prod_name a { text-decoration: none; } .product__name { display: none; font-size: 18px; color: #0e2f56; font-family: 'SFUIText-Heavy'; padding: 0 17px 25px 17px; } .form__bottom .checkbox__item a, .fblock_style .checkbox__item a { color: #fff; } #form_req_bg { display: none; position: fixed; top: 0; left: 0; z-index: 99998; background: #333333; width: 100%; height: 100%; opacity: 0.7; } #form_req_block { display: none; position: fixed; top: 50%; left: 50%; width: 300px; height: 300px; margin: -150px 0 0 -150px; background: #fff; z-index: 99999; } #form_req_close { position: absolute; right: 0; top: 0; display: block; text-align: center; background: #fff; width: 40px; line-height: 40px; text-decoration: none; font-weight: 700; color: #353535; } #form_req_close:hover { color: #fff; background: #353535; } #form_req_block h3 { text-align: center; background: #aaa; font-size: 18px; color: #fff; line-height: 40px; } #form_req_block.suc h3 { background: #008e00; } #form_req_block.err h3 { background: #bf0000; } #form_req_res { padding: 20px; font-size: 17px; } .suc #form_req_res { color: #008e00; } .err #form_req_res { color: #bf0000; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .gal_img { float: left; margin: 0 10px 15px 0; border: 1px solid #d8d8d8 !important; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 1px 3px 0px #caefab; -webkit-box-shadow: 0px 1px 3px 0px #caefab; box-shadow: 0px 1px 3px 0px #caefab; } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .glyphicon { position: relative; top: 1px; display: inline-block; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; } .glyphicon-earphone:before { content: "\2706"; } .full_size p { color: #333333; font-size: 17px; margin-bottom: 20px; line-height: 22px; } .full_size ol li { list-style: decimal; color: #333333; color: #333333; font-size: 17px; margin-bottom: 20px; } .full_size ol { margin: 10px 0 10px 20px; width: 100%; } .full_size a { font-size: 17px; color: #37a1cd; } .full_size table { margin: 35px 0; } .full_size th { background: #0e2f56; color: #fff; text-align: center; padding: 20px 0; font-size: 17px; font-weight: 800; } .full_size td { padding: 20px 0; text-align: center; font-size: 14px; color: #333333; } .full_size td:nth-child(1) { font-size: 17px; color: #363636; font-weight: 600; background: #f1f5f6; } .full_size .form__top p { color: #fff; } .row { overflow: hidden; mrgin: 0 -15px; } .col-md-4 { width: 33.3%; float: left; padding: 0 15px; box-sizing: border-box; } .tabs__info_all { width: 100%; } .tabs__info .works_items { width: 100%; justify-content: flex-start; } .tabs__info .works_items a { width: auto; height: auto; } .tabs__info .works_item_img img { width: 100%; } .tabs__info .works_item { width: 260px; height: 175px; margin: 0 10px 20px; } .cart__top_ileft { position: relative; width: 350px; height: 358px; overflow: hidden; } .cart__top_left_min { position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px; height: 80px; box-sizing: border-box; } .thmb_item { padding: 0 5px; } .cart__top_left_min .owl-nav { position: absolute; top: 0; left: 0; width: 100%; margin: 0; z-index: 5; } .cart__top_left_min .owl-nav button { position: absolute; margin: 0 !important; width: 30px; height: 30px; border: 1px solid #37a1cd !important; border-radius: 50% !important; background: #fff !important; top: 16px; cursor: pointer; } .cart__top_left_min .owl-nav button span { line-height: 24px; color: #37a1cd; font-size: 24px; } .cart__top_left_min .owl-nav button:hover { background: #37a1cd !important; } .cart__top_left_min .owl-nav button:hover span { color: #fff; } .cart__top_left_min .owl-prev { left: -8px; } .cart__top_left_min .owl-next { right: -8px; } .cart__top_left.flex_top { align-items: start; } .search-result .inner__solutions { } .search-result .solutions__item { margin: 0 30px 30px 0 !important; } .search-result .solutions__item:nth-child(4n) { margin: 0 0 30px !important; } .search-result .solutions__item_title a { color: #333333; font-size: 14px; } .search-result .item_info__left p, .search-result .item_info__right p { font-size: 14px; color: #333333; margin: 0 0 10px; line-height: 12px; } .search-result .item_buy__left p { font-size: 20px; color: #37a1cd; text-align: center; } .search-result .item_buy__right a { color: #fff; font-size: 11px; } .searchpage_form { position: relative; margin: 0 0 20px; } .searchpage_form .search-query { width: 100%; padding: 0 50px 0 10px; height: 36px; border-radius: 5px; } /*404*/ .page-404__text { width: 80%; font-size: 22px; line-height: 1.2; padding-bottom: 15px; } .page-404__text a { font-size: 20px; } .page-404__search-box { width: 40%; } .page-404__search { float: left; } .page-404__search-title h2 { padding-top: 15px; padding-bottom: 15px; margin-bottom: 0px; } @media (max-width: 768px) { .page-404__text { padding: 15px 15px 30px 15px; text-align: center; width: 100%; } .page-404__search-box { display: none; } .m-katalog__mobile { display: block; } } /*Feedback-boss*/ .feedback-boss, .feedback-service, .feedback-dealer { background: #f1f5f6; } .feedback-boss__text, .feedback-service__text, .feedback-dealer__text { padding: 15px 40px; border-bottom: 1px solid #fff; } .feedback-service__text h2, .feedback-dealer__text h2 { margin: 0px; padding: 10px 0px 10px 0px; } .feedback-boss__res, .feedback-service__res, .feedback-dealer__res { padding: 40px 40px 20px 40px; } .feedback-boss__res p, .feedback-service__res p, .feedback-dealer__res p { color: #ff522c; font-weight: bold; } .feedback-boss__form input[name=form_email_140]{ display: none; } /* ROLSISTEM custom pages: reset template list bullets inside redesigned layouts. */ .dacha-page ul, .dacha-page ol, .fire-page ul, .fire-page ol, .garage-page ul, .garage-page ol, .gate-page ul, .gate-page ol, .industrial-page ul, .industrial-page ol, .pan-page ul, .pan-page ol, .rolling-page ul, .rolling-page ol, .roll-page ul, .roll-page ol, .rs-about-page ul, .rs-about-page ol, .rs-gate-page ul, .rs-gate-page ol, .san-page ul, .san-page ol, .sg-page ul, .sg-page ol, .speed-page ul, .speed-page ol, .vg-page ul, .vg-page ol { margin: 0; padding-left: 0; list-style: none; width: auto; } .dacha-page ul li, .dacha-page ol li, .fire-page ul li, .fire-page ol li, .garage-page ul li, .garage-page ol li, .gate-page ul li, .gate-page ol li, .industrial-page ul li, .industrial-page ol li, .pan-page ul li, .pan-page ol li, .rolling-page ul li, .rolling-page ol li, .roll-page ul li, .roll-page ol li, .rs-about-page ul li, .rs-about-page ol li, .rs-gate-page ul li, .rs-gate-page ol li, .san-page ul li, .san-page ol li, .sg-page ul li, .sg-page ol li, .speed-page ul li, .speed-page ol li, .vg-page ul li, .vg-page ol li { margin: 0; padding-left: 0; color: inherit; font-size: inherit; position: static; } .dacha-page ul li:before, .dacha-page ul li:after, .dacha-page ol li:before, .dacha-page ol li:after, .fire-page ul li:before, .fire-page ul li:after, .fire-page ol li:before, .fire-page ol li:after, .garage-page ul li:before, .garage-page ul li:after, .garage-page ol li:before, .garage-page ol li:after, .gate-page ul li:before, .gate-page ul li:after, .gate-page ol li:before, .gate-page ol li:after, .industrial-page ul li:before, .industrial-page ul li:after, .industrial-page ol li:before, .industrial-page ol li:after, .pan-page ul li:before, .pan-page ul li:after, .pan-page ol li:before, .pan-page ol li:after, .rolling-page ul li:before, .rolling-page ul li:after, .rolling-page ol li:before, .rolling-page ol li:after, .roll-page ul li:before, .roll-page ul li:after, .roll-page ol li:before, .roll-page ol li:after, .rs-about-page ul li:before, .rs-about-page ul li:after, .rs-about-page ol li:before, .rs-about-page ol li:after, .rs-gate-page ul li:before, .rs-gate-page ul li:after, .rs-gate-page ol li:before, .rs-gate-page ol li:after, .san-page ul li:before, .san-page ul li:after, .san-page ol li:before, .san-page ol li:after, .sg-page ul li:before, .sg-page ul li:after, .sg-page ol li:before, .sg-page ol li:after, .speed-page ul li:before, .speed-page ul li:after, .speed-page ol li:before, .speed-page ol li:after, .vg-page ul li:before, .vg-page ul li:after, .vg-page ol li:before, .vg-page ol li:after { content: none; display: none; background: none; } /* ROLSISTEM custom pages: expand product sections after left menu removal. */ .inner__content.full_size .vg-page, .inner__content.full_size .sg-page, .inner__content.full_size .rolling-page, .inner__content.full_size .gate-page, .inner__content.full_size .garage-page, .inner__content.full_size .industrial-page, .inner__content.full_size .dacha-page, .inner__content.full_size .pan-page, .inner__content.full_size .speed-page, .inner__content.full_size .fire-page, .inner__content.full_size .rs-gate-page, .inner__content.full_size .rs-about-page, .inner__content.full_size .roll-page, .inner__content.full_size .san-page, .inner__content.full_size .p5-page { width: 100% !important; max-width: none !important; } .inner__content.full_size .vg-hero, .inner__content.full_size .vg-section, .inner__content.full_size .vg-cta, .inner__content.full_size .sg-hero, .inner__content.full_size .sg-section, .inner__content.full_size .sg-cta, .inner__content.full_size .rolling-hero, .inner__content.full_size .rolling-section, .inner__content.full_size .rolling-cta, .inner__content.full_size .gate-hero, .inner__content.full_size .gate-section, .inner__content.full_size .gate-cta, .inner__content.full_size .grg-hero, .inner__content.full_size .grg-section, .inner__content.full_size .grg-cta, .inner__content.full_size .ind-hero, .inner__content.full_size .ind-section, .inner__content.full_size .ind-cta, .inner__content.full_size .dch-hero, .inner__content.full_size .dch-section, .inner__content.full_size .dch-cta, .inner__content.full_size .pan-hero, .inner__content.full_size .pan-section, .inner__content.full_size .pan-cta, .inner__content.full_size .speed-hero, .inner__content.full_size .speed-section, .inner__content.full_size .speed-cta, .inner__content.full_size .fire-hero, .inner__content.full_size .fire-section, .inner__content.full_size .fire-cta, .inner__content.full_size .rs-hero, .inner__content.full_size .rs-section, .inner__content.full_size .rs-cta, .inner__content.full_size .rs-about-hero, .inner__content.full_size .rs-statement, .inner__content.full_size .rs-review, .inner__content.full_size .rs-form-shell, .inner__content.full_size .rs-final-form, .inner__content.full_size .roll-hero, .inner__content.full_size .roll-section, .inner__content.full_size .roll-cta, .inner__content.full_size .san-hero, .inner__content.full_size .san-section, .inner__content.full_size .san-cta, .inner__content.full_size .p5-hero, .inner__content.full_size .p5-section, .inner__content.full_size .p5-cta, .inner__content.full_size .alutech-calc-section { width: 100% !important; max-width: none !important; } @media (min-width: 981px) { .inner__content.full_size .vg-hero, .inner__content.full_size .sg-hero, .inner__content.full_size .rolling-hero, .inner__content.full_size .gate-hero, .inner__content.full_size .roll-hero, .inner__content.full_size .san-hero, .inner__content.full_size .p5-hero { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(360px, .92fr) !important; gap: 24px !important; align-items: stretch !important; } .inner__content.full_size .vg-hero__body, .inner__content.full_size .sg-hero__body, .inner__content.full_size .rolling-hero__body, .inner__content.full_size .gate-hero__body, .inner__content.full_size .gate-hero__text, .inner__content.full_size .roll-hero__body, .inner__content.full_size .san-hero__body, .inner__content.full_size .p5-hero__body { order: -1 !important; min-width: 0 !important; align-self: center !important; } .inner__content.full_size .vg-hero__media, .inner__content.full_size .sg-hero__media, .inner__content.full_size .rolling-hero__media, .inner__content.full_size .gate-hero__media, .inner__content.full_size .roll-hero__media, .inner__content.full_size .roll-hero__image, .inner__content.full_size .san-hero__media, .inner__content.full_size .p5-hero__media { width: 100% !important; height: auto !important; min-height: 0 !important; aspect-ratio: 16 / 10 !important; } .inner__content.full_size .vg-hero__media img, .inner__content.full_size .sg-hero__media img, .inner__content.full_size .rolling-hero__media img, .inner__content.full_size .gate-hero__media img, .inner__content.full_size .roll-hero__media img, .inner__content.full_size .roll-hero__image img, .inner__content.full_size .san-hero__media img, .inner__content.full_size .p5-hero__media img { width: 100% !important; height: 100% !important; min-height: 0 !important; object-fit: cover !important; } .inner__content.full_size .grg-hero, .inner__content.full_size .ind-hero, .inner__content.full_size .dch-hero, .inner__content.full_size .pan-hero, .inner__content.full_size .speed-hero, .inner__content.full_size .fire-hero, .inner__content.full_size .rs-hero { grid-template-columns: minmax(0, 1fr) minmax(340px, .9fr) !important; gap: 24px !important; align-items: stretch !important; } .inner__content.full_size .grg-hero__media, .inner__content.full_size .ind-hero__media, .inner__content.full_size .dch-hero__media, .inner__content.full_size .pan-hero__media, .inner__content.full_size .speed-hero__media, .inner__content.full_size .fire-hero__media, .inner__content.full_size .rs-hero__media { order: 2 !important; min-height: 0 !important; aspect-ratio: 16 / 10 !important; } .inner__content.full_size .grg-hero__media img, .inner__content.full_size .ind-hero__media img, .inner__content.full_size .dch-hero__media img, .inner__content.full_size .pan-hero__media img, .inner__content.full_size .speed-hero__media img, .inner__content.full_size .fire-hero__media img, .inner__content.full_size .rs-hero__media img { width: 100% !important; height: 100% !important; min-height: 0 !important; object-fit: cover !important; } .inner__content.full_size .roll-facts, .inner__content.full_size .san-tags, .inner__content.full_size .p5-facts, .inner__content.full_size .vg-metrics, .inner__content.full_size .speed-specs, .inner__content.full_size .fire-specs, .inner__content.full_size .grg-specs, .inner__content.full_size .dch-specs { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } .inner__content.full_size .rs-about-page .rs-about-hero { grid-template-columns: minmax(0, 1fr) 300px !important; align-items: center !important; } .inner__content.full_size .rs-about-page .rs-hero-media, .inner__content.full_size .rs-about-page .rs-hero-media img { min-height: 280px !important; } .inner__content.full_size .rs-about-page .rs-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .inner__content.full_size .rs-about-page .rs-steps, .inner__content.full_size .rs-about-page .rs-flow { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } } /* ROLSISTEM modern header, 2026-07-08 */ .rs-site-header { display: block; height: auto; min-height: 0; background: #ffffff; color: #26343c; border-bottom: 1px solid #dde6ea; position: relative; z-index: 30; box-shadow: 0 8px 24px rgba(31, 49, 58, 0.06); } .rs-site-header *, .rs-site-header *:before, .rs-site-header *:after { box-sizing: border-box; letter-spacing: 0; } .rs-site-header a { color: inherit; text-decoration: none; } .rs-site-header button { margin: 0; padding: 0; border: 0; border-radius: 0; background: none; color: inherit; font: inherit; line-height: normal; letter-spacing: 0; text-transform: none; cursor: pointer; } .rs-site-header button:hover { background: none; } .rs-site-header { position: relative; z-index: 120; background: #ffffff; } .rs-menu-toggle { position: absolute; opacity: 0; pointer-events: none; } .rs-header-shell { width: min(1180px, calc(100% - 32px)); margin: 0 auto; } .rs-header-main { background: #ffffff; border-bottom: 1px solid #edf2f4; } .rs-header-main .rs-header-shell { min-height: 76px; display: grid; grid-template-columns: minmax(520px, 1fr) auto; gap: 22px; align-items: center; } .rs-brand-cluster { min-width: 0; display: inline-flex; align-items: center; gap: 28px; } .rs-brand { min-width: 0; display: inline-flex; flex-direction: column; align-items: flex-start; gap: 4px; } .rs-brand__status { display: block; max-width: 265px; color: #4c5d65; font-size: 11px; line-height: 1.25; font-family: 'SFUIText-Heavy', sans-serif; } .rs-brand__logo { display: block; max-width: 220px; } .rs-brand__logo img { display: block; width: auto; max-width: 220px; max-height: 42px; object-fit: contain; } .rs-official-mark { min-width: 0; display: block; color: #4f5f66; line-height: 1.2; } .rs-official-mark__text { display: grid; gap: 2px; } .rs-official-mark__label { display: block; color: #6f7d84; font-size: 11px; } .rs-alutech-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 0; padding: 0; border: 0; border-radius: 0; background: transparent; } .rs-alutech-badge img { display: block; width: auto; max-width: 128px; max-height: 34px; object-fit: contain; } .rs-alutech-badge--mobile { display: none; } .rs-header-meta { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .rs-header-meta__item { min-width: 0; padding-left: 14px; border-left: 2px solid #40a629; } .rs-header-meta__label, .rs-header-meta__value { display: block; } .rs-header-meta__label { margin-bottom: 4px; color: #65737a; font-size: 12px; } .rs-header-meta__value, .rs-header-meta__value p { margin: 0; color: #26343c; font-size: 13px; line-height: 1.35; } .rs-header-contact { min-width: 0; justify-self: end; display: inline-flex; align-items: center; justify-content: flex-end; gap: clamp(16px, 2vw, 28px); white-space: nowrap; } .rs-header-contact__phone { color: #1f3038; font-family: 'SFUIText-Heavy', sans-serif; font-size: 20px; line-height: 1.1; white-space: nowrap; } .rs-header-contact__phone a { color: #1f3038; } .rs-header-contact__cta { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 0 18px; border-radius: 7px; background: #e5392d; color: #ffffff !important; font-family: 'SFUIText-Heavy', sans-serif; font-size: 13px; transition: background 0.2s ease, transform 0.2s ease; } .rs-header-contact__cta:hover { background: #c92f24; transform: translateY(-1px); } .rs-header-mobile-actions { display: none; align-items: center; gap: 8px; } .rs-menu-button { width: 44px; height: 44px; border-radius: 8px; } .rs-header-mobile-phone { min-width: 0; display: grid; align-content: center; justify-items: end; gap: 2px; color: #26343c; text-align: right; } .rs-header-mobile-phone__label { display: block; color: #65737a; font-size: 11px; line-height: 1.15; white-space: nowrap; } .rs-header-mobile-phone__number, .rs-header-mobile-phone__number p { margin: 0; color: #1f3038; font-family: 'SFUIText-Heavy', sans-serif; font-size: 17px; line-height: 1.12; white-space: nowrap; } .rs-header-mobile-phone__number a { color: #1f3038 !important; } .rs-menu-button { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; background: #26343c; cursor: pointer; position: relative; } .rs-menu-button span { position: absolute; width: 20px; height: 2px; border-radius: 2px; background: #ffffff; transition: opacity 0.18s ease, transform 0.18s ease; } .rs-menu-button span:nth-child(1) { transform: translateY(-7px); } .rs-menu-button span:nth-child(3) { transform: translateY(7px); } .rs-header-nav { background: #ffffff; } .rs-mobile-catalog { display: none; } .rs-service-row { min-height: 42px; display: flex; align-items: center; justify-content: space-between; gap: 22px; border-bottom: 1px solid #edf2f4; } .rs-service-actions { margin-left: auto; display: inline-flex; align-items: center; justify-content: flex-end; gap: 12px; flex: 0 0 auto; } .rs-offices { position: relative; flex: 0 0 auto; min-width: 0; } .rs-offices__toggle { display: inline-flex; align-items: center; min-height: 42px; padding: 0 18px 0 0 !important; border: 0; background: transparent; color: #4c5d65 !important; font-family: 'SFUIText-Medium', sans-serif; font-size: 13px !important; line-height: 1.2; position: relative; cursor: pointer; white-space: nowrap; } .rs-offices__toggle:after { content: ""; position: absolute; right: 0; top: 50%; width: 7px; height: 7px; border-right: 1px solid #40a629; border-bottom: 1px solid #40a629; transform: translateY(-62%) rotate(45deg); } .rs-about-dropdown .rs-offices__toggle { text-decoration: none; } .rs-offices__dropdown { position: absolute; left: 0; right: auto; top: calc(100% + 8px); min-width: 360px; max-width: 420px; padding: 12px; border: 1px solid #e2e9ed; border-radius: 8px; background: #ffffff; box-shadow: 0 18px 44px rgba(29, 45, 53, 0.14); opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease; z-index: 60; } .rs-about-dropdown .rs-offices__dropdown { min-width: 220px; max-width: 280px; margin: 0; list-style: none; } .rs-offices:hover .rs-offices__dropdown, .rs-offices:focus-within .rs-offices__dropdown { opacity: 1; visibility: visible; transform: translateY(0); } .rs-offices__dropdown li + li { margin-top: 8px; } .rs-offices__dropdown a { display: block; color: #26343c; font-size: 13px; line-height: 1.35; } .rs-about-dropdown .rs-offices__dropdown a { padding: 8px 10px; border-radius: 6px; text-decoration: none; } .rs-about-dropdown .rs-offices__dropdown a:hover { background: #f4f8f6; color: #e5392d; } .rs-service-nav { display: flex; align-items: center; justify-content: flex-start; gap: 26px; flex: 1 1 auto; min-width: 0; } .rs-service-nav a { color: #4c5d65; font-size: 13px; transition: color 0.18s ease; } .rs-service-nav a:hover, .rs-offices__toggle:hover { color: #e5392d !important; } .rs-header-basket { flex: 0 0 auto; } .rs-products-nav { position: relative; } .rs-products-nav__list { position: relative; display: flex; align-items: stretch; justify-content: flex-start; gap: 42px; } .rs-products-nav__item { position: static; } .rs-products-nav__link { min-height: 56px; display: flex; align-items: center; padding: 0 12px; color: #26343c; font-family: 'SFUIText-Heavy', sans-serif; font-size: 15px; line-height: 1.2; white-space: nowrap; border-bottom: 3px solid transparent; transition: color 0.18s ease, border-color 0.18s ease, background 0.18s ease; } .rs-products-nav__link:hover, .rs-products-nav__item:focus-within > .rs-products-nav__link, .rs-products-nav__item:hover > .rs-products-nav__link { color: #40a629; border-bottom-color: #40a629; background: #f7fafb; } .rs-mega { display: none; position: absolute; left: 0; top: 100%; width: 100%; grid-template-columns: 275px minmax(0, 1fr); gap: 24px; padding: 24px; border: 1px solid #e2e9ed; border-top: 0; border-radius: 0 0 8px 8px; background: #ffffff; box-shadow: 0 24px 52px rgba(29, 45, 53, 0.14); z-index: 55; } .rs-products-nav__item:hover > .rs-mega, .rs-products-nav__item:focus-within > .rs-mega { display: grid; } .rs-mega--compact { left: auto; right: 0; width: min(720px, 100%); grid-template-columns: 1fr; } .rs-mega__intro { display: grid; grid-template-rows: 145px auto; gap: 14px; min-width: 0; } .rs-mega__intro img { width: 100%; height: 145px; object-fit: cover; border-radius: 8px; } .rs-mega__intro strong { display: block; margin-bottom: 6px; color: #1f3038; font-family: 'SFUIText-Heavy', sans-serif; font-size: 17px; line-height: 1.25; } .rs-mega__intro p { margin: 0; color: #65737a; font-size: 13px; line-height: 1.45; } .rs-mega__columns { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; min-width: 0; } .rs-mega--compact .rs-mega__columns { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-mega--two .rs-mega__columns { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-mega__column { min-width: 0; } .rs-mega__title { display: block; margin-bottom: 12px; color: #1f3038; font-family: 'SFUIText-Heavy', sans-serif; font-size: 14px; } .rs-mega__column a { display: block; padding: 7px 0; color: #4c5d65; font-size: 14px; line-height: 1.3; border-bottom: 1px solid #edf2f4; transition: color 0.18s ease, padding-left 0.18s ease; } .rs-mega__column a:hover { color: #e5392d; padding-left: 4px; } .rs-mega__note { align-self: start; padding: 16px; border-left: 3px solid #40a629; background: #f7fafb; color: #65737a; font-size: 13px; line-height: 1.45; } @keyframes rsHeaderSlideDown { from { opacity: 0.96; transform: translateY(-100%); } to { opacity: 1; transform: translateY(0); } } @media (min-width: 981px) { .rs-site-header--stuck .rs-header-main { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; box-shadow: 0 10px 28px rgba(31, 49, 58, 0.12); animation: rsHeaderSlideDown 0.22s ease both; } .rs-site-header--stuck .rs-header-nav { margin-top: 132px; } .rs-site-header--stuck .rs-service-row { display: none; } .rs-site-header--stuck .rs-products-nav { position: fixed; top: 76px; left: 0; right: 0; z-index: 999; border-top: 1px solid #edf2f4; border-bottom: 1px solid #dde6ea; background: #ffffff; box-shadow: 0 12px 28px rgba(31, 49, 58, 0.08); animation: rsHeaderSlideDown 0.22s ease both; } .rs-site-header--stuck .rs-products-nav__list { width: min(1180px, calc(100% - 32px)); margin: 0 auto; } .rs-site-header--stuck .rs-mega { left: 50%; width: min(1180px, calc(100% - 32px)); transform: translateX(-50%); } } @media (max-width: 1180px) { .rs-header-main .rs-header-shell { grid-template-columns: minmax(390px, 1fr) auto; gap: 14px; } .rs-brand-cluster { gap: 18px; } .rs-official-mark { font-size: 11px; } .rs-service-actions { gap: 14px; } .rs-products-nav__link { padding: 0 9px; font-size: 14px; } .rs-products-nav__list { gap: 30px; } } @media (max-width: 980px) { body.rs-mobile-header-fixed { padding-top: var(--rs-header-fixed-height, 95px); } .rs-site-header { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 1000; background: #ffffff; box-shadow: 0 6px 18px rgba(31, 49, 58, 0.08); } .rs-header-shell { width: min(100% - 24px, 760px); } .rs-header-main .rs-header-shell { min-height: 0; display: grid; grid-template-columns: minmax(110px, auto) minmax(0, 1fr) auto; grid-template-rows: minmax(64px, auto) auto; gap: 0 10px; align-items: center; } .rs-brand-cluster { display: contents; } .rs-brand { grid-column: 1; grid-row: 1; } .rs-official-mark { grid-column: 1 / 3; grid-row: 2; align-self: center; min-height: 30px; padding: 5px 0; font-size: 11px; } .rs-official-mark__text { gap: 1px; } .rs-brand__status { max-width: 220px; font-size: 10px; } .rs-brand__logo img { max-width: 138px; max-height: 38px; } .rs-header-meta, .rs-header-contact { display: none; } .rs-alutech-badge--mobile { grid-column: 3; grid-row: 2; justify-self: end; width: auto; min-height: 30px; display: inline-flex; padding: 0; border: 0; border-radius: 0; background: transparent; } .rs-alutech-badge--mobile img { max-width: 92px; max-height: 28px; } .rs-header-mobile-actions { grid-column: 2 / 4; grid-row: 1; min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) 44px; align-items: center; justify-self: stretch; gap: 10px; } .rs-header-mobile-phone { min-width: 0; } .rs-menu-toggle:checked ~ .rs-header-main .rs-menu-button span:nth-child(1) { transform: rotate(45deg); } .rs-menu-toggle:checked ~ .rs-header-main .rs-menu-button span:nth-child(2) { opacity: 0; } .rs-menu-toggle:checked ~ .rs-header-main .rs-menu-button span:nth-child(3) { transform: rotate(-45deg); } .rs-header-nav { display: none; border-top: 1px solid #edf2f4; max-height: calc(100vh - var(--rs-header-fixed-height, 95px)); overflow-y: auto; overscroll-behavior: contain; } .rs-menu-toggle:checked ~ .rs-header-nav { display: block; } .rs-header-nav .rs-header-shell { display: flex; flex-direction: column; } .rs-mobile-catalog { order: 1; display: grid; gap: 14px; padding: 14px 0 18px; } .rs-mobile-catalog__main { min-height: 44px; display: flex; align-items: center; justify-content: space-between; padding: 0 12px; border: 1px solid #dce6ea; border-left: 3px solid #40a629; border-radius: 6px; background: #ffffff; color: #1f3038; font-family: 'SFUIText-Heavy', sans-serif; font-size: 15px; line-height: 1.2; } .rs-mobile-catalog__main:after { content: ""; width: 8px; height: 8px; border-right: 1px solid #40a629; border-bottom: 1px solid #40a629; transform: rotate(-45deg); } .rs-mobile-catalog__main--single { background: #f8fbfc; } .rs-mobile-catalog__group { min-width: 0; display: grid; gap: 10px; padding: 0 0 12px; border: 1px solid #edf2f4; border-radius: 8px; background: #f8fbfc; } .rs-mobile-catalog__links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 0 12px; } .rs-mobile-catalog__links a { min-width: 0; min-height: 38px; display: flex; align-items: center; padding: 8px 10px; border: 1px solid #dce6ea; border-radius: 6px; background: #ffffff; color: #26343c; font-size: 13px; line-height: 1.15; } .rs-service-row { order: 2; min-height: 0; display: grid; gap: 0; padding: 12px 0 18px; border-top: 1px solid #edf2f4; border-bottom: 1px solid #edf2f4; } .rs-service-actions { display: none; } .rs-service-actions .rs-alutech-badge { display: none; } .rs-offices { border-bottom: 1px solid #edf2f4; } .rs-about-dropdown { grid-column: 1 / -1; } .rs-offices__toggle { width: 100%; min-height: 42px; text-align: left; } .rs-offices__dropdown { position: static; min-width: 0; max-width: none; padding: 0 0 12px; border: 0; border-radius: 0; box-shadow: none; opacity: 1; visibility: visible; transform: none; } .rs-about-dropdown .rs-offices__dropdown { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding-bottom: 12px; } .rs-about-dropdown .rs-offices__dropdown li + li { margin-top: 0; } .rs-about-dropdown .rs-offices__dropdown a { padding: 8px 10px; background: #f7faf8; } .rs-service-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; padding-top: 0; } .rs-service-nav a { padding: 10px 0; font-size: 14px; } .rs-products-nav__list { display: block; } .rs-products-nav { display: none; } .rs-products-nav__item { border-bottom: 1px solid #edf2f4; } .rs-products-nav__link { min-height: 50px; justify-content: space-between; padding: 0; font-size: 15px; white-space: normal; border-bottom: 0; } .rs-products-nav__link:after { content: ""; width: 8px; height: 8px; margin-left: 14px; border-right: 1px solid #40a629; border-bottom: 1px solid #40a629; transform: rotate(45deg); } .rs-products-nav__item--plain .rs-products-nav__link:after { content: none; } .rs-mega, .rs-products-nav__item:hover > .rs-mega, .rs-products-nav__item:focus-within > .rs-mega { position: static; width: 100%; display: block; padding: 0 0 16px; border: 0; border-radius: 0; box-shadow: none; } .rs-mega__intro { display: none; } .rs-mega__columns, .rs-mega--compact .rs-mega__columns, .rs-mega--two .rs-mega__columns { display: grid; grid-template-columns: 1fr; gap: 14px; } .rs-mega__title { margin: 8px 0 6px; color: #65737a; font-size: 13px; } .rs-mega__column a { padding: 8px 0; font-size: 14px; } .rs-mega__note { padding: 12px; } } @media (max-width: 540px) { .rs-header-shell { width: calc(100% - 20px); } .rs-header-main .rs-header-shell { grid-template-columns: minmax(96px, auto) minmax(0, 1fr) auto; gap: 0 8px; } .rs-brand__status { font-size: 9px; } .rs-brand__logo img { max-width: 122px; } .rs-official-mark { padding: 5px 0; font-size: 10px; } .rs-official-mark__label { font-size: 10px; } .rs-alutech-badge img { max-width: 82px; max-height: 28px; } .rs-menu-button { width: 40px; height: 40px; } .rs-header-mobile-actions { grid-template-columns: minmax(0, 1fr) 40px; gap: 8px; } .rs-header-mobile-phone__label { font-size: 10px; } .rs-header-mobile-phone__number, .rs-header-mobile-phone__number p { font-size: 15px; } .rs-mobile-catalog { gap: 12px; padding-bottom: 16px; } .rs-mobile-catalog__main { min-height: 42px; padding: 0 10px; font-size: 14px; } .rs-mobile-catalog__group { gap: 9px; padding-bottom: 10px; } .rs-mobile-catalog__links { gap: 7px; padding: 0 10px; } .rs-mobile-catalog__links a { min-height: 36px; padding: 7px 8px; font-size: 12px; } .rs-service-nav { grid-template-columns: 1fr; } .rs-about-dropdown .rs-offices__dropdown { grid-template-columns: 1fr; } } /* Footer redesign draft */ .rs-footer { display: block; padding: 0; background: #ffffff; color: #26343c; border-top: 1px solid #dde6ea; } .rs-footer *, .rs-footer *:before, .rs-footer *:after { box-sizing: border-box; letter-spacing: 0; } .rs-footer a { color: inherit; text-decoration: none; } .rs-footer__shell { width: min(1180px, calc(100% - 40px)); margin: 0 auto; } .rs-footer__contact-label { display: block; color: #40a629; font-family: 'SFUIText-Heavy', sans-serif; font-size: 12px; line-height: 1.2; text-transform: uppercase; } .rs-footer__button { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 18px; border-radius: 7px; font-family: 'SFUIText-Heavy', sans-serif; font-size: 13px; line-height: 1.2; transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease; } .rs-footer__button:hover { transform: translateY(-1px); } .rs-footer__button--primary { background: #e5392d; border: 1px solid #e5392d; color: #ffffff !important; } .rs-footer__button--primary:hover { background: #c92f24; border-color: #c92f24; } .rs-footer__button--secondary { background: #ffffff; border: 1px solid #cfdde4; color: #26343c; } .rs-footer__button--secondary:hover { border-color: #40a629; color: #40a629; } .rs-footer__main { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 320px); gap: 42px; padding: 38px 0; } .rs-footer__nav { min-width: 0; display: grid; gap: 30px; align-content: start; } .rs-footer__nav-block { min-width: 0; } .rs-footer__nav-block--info { padding-top: 24px; border-top: 1px solid #edf2f4; } .rs-footer__sections { min-width: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(155px, 1fr)); gap: 30px 26px; align-items: start; } .rs-footer__section { min-width: 0; } .rs-footer__section h3 { margin: 0 0 14px; color: #26343c; font-family: 'SFUIText-Heavy', sans-serif; font-size: 15px; line-height: 1.25; text-align: left; } .rs-footer__section ul, .rs-footer__info-links, .rs-footer__contacts ul { margin: 0; padding: 0; list-style: none; } .rs-footer__info-links { display: grid; grid-template-columns: repeat(auto-fit, minmax(138px, 1fr)); gap: 9px 22px; } .rs-footer__section li + li { margin-top: 9px; } .rs-footer__info-links li { margin: 0; } .rs-footer__section a, .rs-footer__info-links a { display: inline; color: #52646c; font-size: 14px; line-height: 1.35; border-bottom: 1px solid transparent; transition: color 0.18s ease, border-color 0.18s ease; } .rs-footer__section a:hover, .rs-footer__info-links a:hover { color: #40a629; border-color: #a0d394; } .rs-footer__contacts { display: grid; gap: 14px; align-content: start; } .rs-footer__contact-card { min-width: 0; padding: 18px; border: 1px solid #dde6ea; border-radius: 8px; background: #f7fafb; } .rs-footer__contact-label { margin-bottom: 10px; } .rs-footer__phone, .rs-footer__email, .rs-footer__text { color: #4c5d65; font-size: 14px; line-height: 1.5; } .rs-footer__phone { margin-bottom: 8px; } .rs-footer__phone a, .rs-footer__phone span { color: #26343c; font-family: 'SFUIText-Heavy', sans-serif; font-size: 18px; line-height: 1.25; } .rs-footer__email a { color: #40a629; border-bottom: 1px solid #a0d394; } .rs-footer__contact-actions { display: grid; gap: 10px; margin-top: 16px; } .rs-footer__text p { margin: 0; } .rs-footer__text + .rs-footer__text { margin-top: 8px; } .rs-footer__showrooms { display: grid; gap: 9px; } .rs-footer__showrooms li { margin: 0; } .rs-footer__showrooms a { display: inline; color: #52646c; font-size: 13px; line-height: 1.4; border-bottom: 1px solid transparent; } .rs-footer__showrooms a:hover { color: #40a629; border-color: #a0d394; } .rs-footer__worktime { margin-top: 14px; padding-top: 12px; border-top: 1px solid #e4edf1; color: #26343c; font-family: 'SFUIText-Heavy', sans-serif; font-size: 14px; line-height: 1.4; } .rs-footer__bottom { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 20px 0 24px; border-top: 1px solid #edf2f4; color: #7a8990; font-size: 12px; line-height: 1.45; } .rs-footer__copyright, .rs-footer__legal { min-width: 0; } .rs-footer__legal { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 10px 18px; text-align: right; } .rs-footer__legal a { color: #52646c; border-bottom: 1px solid #cfdde4; } .rs-footer__legal a:hover { color: #40a629; border-color: #a0d394; } @media (max-width: 1023px) { .rs-footer__bottom { align-items: flex-start; flex-direction: column; } .rs-footer__main { grid-template-columns: 1fr; gap: 30px; } .rs-footer__legal { justify-content: flex-start; text-align: left; } } @media (max-width: 767px) { .rs-footer__shell { width: min(100% - 28px, 560px); } .rs-footer__button { width: 100%; } .rs-footer__main { padding: 28px 0; } .rs-footer__sections { grid-template-columns: repeat(auto-fit, minmax(138px, 1fr)); gap: 26px 20px; } .rs-footer__section h3 { font-size: 14px; } .rs-footer__section a, .rs-footer__info-links a { font-size: 13px; } .rs-footer__contact-card { padding: 16px; } } /* ROLSISTEM consolidated page styles: extracted from content PHP pages. */ /* Source: /about/dileram/index.php; Scope: .rs-scope-about-dileram; blocks: 1 */ .rs-scope-about-dileram .rs-about-page { --rs-red:#e30613; --rs-green:#1f8b4c; --rs-ink:#1d2d35; --rs-muted:#5c6971; --rs-line:#dde5e8; --rs-soft:#f2f7f5; color:#26343c; font-size:16px; line-height:1.55; } .rs-scope-about-dileram .rs-about-page * { box-sizing:border-box; } .rs-scope-about-dileram .rs-about-page img { display:block; max-width:100%; height:auto; } .rs-scope-about-dileram .rs-about-hero, .rs-scope-about-dileram .rs-section, .rs-scope-about-dileram .rs-cta, .rs-scope-about-dileram .rs-form-shell { max-width:1000px; margin:0 auto 34px; } .rs-scope-about-dileram .rs-about-hero { display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:24px; align-items:center; padding:26px; border:1px solid #d9e7e2; border-left:5px solid var(--rs-red); border-radius:8px; background:var(--rs-soft); } .rs-scope-about-dileram .rs-kicker { margin:0 0 10px; color:var(--rs-green); font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:0; } .rs-scope-about-dileram .rs-title { margin:0 0 14px; color:var(--rs-ink); font-size:32px; line-height:1.16; letter-spacing:0; } .rs-scope-about-dileram .rs-lead { margin:0 0 20px; color:var(--rs-muted); font-size:17px; line-height:1.55; } .rs-scope-about-dileram .rs-actions { display:flex; flex-wrap:wrap; gap:10px; } .rs-scope-about-dileram .rs-btn { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:12px 18px; border:1px solid var(--rs-red); border-radius:6px; font-weight:700; text-decoration:none; line-height:1.2; } .rs-scope-about-dileram .rs-btn--primary, .rs-scope-about-dileram .rs-about-page a.rs-btn--primary:visited { background:var(--rs-red); color:#fff !important; border-color:var(--rs-red); } .rs-scope-about-dileram .rs-btn--secondary, .rs-scope-about-dileram .rs-about-page a.rs-btn--secondary:visited { background:#fff; color:var(--rs-green) !important; border-color:var(--rs-green); } .rs-scope-about-dileram .rs-btn:hover { opacity:.86; text-decoration:none; } .rs-scope-about-dileram .rs-hero-media { min-height:300px; overflow:hidden; border-radius:8px; background:#d9dde4; } .rs-scope-about-dileram .rs-hero-media img { width:100%; height:100%; min-height:300px; object-fit:cover; } .rs-scope-about-dileram .rs-section h2, .rs-scope-about-dileram .rs-cta h2, .rs-scope-about-dileram .rs-form-shell h2 { margin:0 0 12px; color:var(--rs-ink); font-size:26px; line-height:1.25; letter-spacing:0; } .rs-scope-about-dileram .rs-section > p, .rs-scope-about-dileram .rs-form-shell > p { margin:0 0 18px; color:var(--rs-muted); } .rs-scope-about-dileram .rs-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; } .rs-scope-about-dileram .rs-grid--3 { grid-template-columns:repeat(3,minmax(0,1fr)); } .rs-scope-about-dileram .rs-card, .rs-scope-about-dileram .rs-fact { padding:18px; border:1px solid var(--rs-line); border-radius:8px; background:#fff; } .rs-scope-about-dileram .rs-fact { border-top:3px solid var(--rs-green); } .rs-scope-about-dileram .rs-card strong, .rs-scope-about-dileram .rs-fact strong { display:block; margin-bottom:7px; color:var(--rs-ink); font-size:17px; line-height:1.25; } .rs-scope-about-dileram .rs-fact strong { color:var(--rs-green); } .rs-scope-about-dileram .rs-card p, .rs-scope-about-dileram .rs-fact p { margin:0; color:var(--rs-muted); line-height:1.5; } .rs-scope-about-dileram .rs-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; counter-reset:steps; } .rs-scope-about-dileram .rs-step { padding:16px; border:1px solid var(--rs-line); border-radius:8px; background:#fff; } .rs-scope-about-dileram .rs-step:before { counter-increment:steps; content:counter(steps); display:flex; align-items:center; justify-content:center; width:34px; height:34px; margin-bottom:10px; border-radius:50%; background:var(--rs-green); color:#fff; font-weight:700; } .rs-scope-about-dileram .rs-step strong { display:block; margin-bottom:4px; color:var(--rs-ink); } .rs-scope-about-dileram .rs-step p { margin:0; color:var(--rs-muted); } .rs-scope-about-dileram .rs-form-shell { padding:22px; border:1px solid #cfe3da; border-radius:8px; background:#f7fbf9; } .rs-scope-about-dileram .rs-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .rs-scope-about-dileram .rs-field { display:flex; flex-direction:column; gap:6px; } .rs-scope-about-dileram .rs-field--wide { grid-column:1 / -1; } .rs-scope-about-dileram .rs-field label { color:var(--rs-ink); font-weight:700; } .rs-scope-about-dileram .rs-field input, .rs-scope-about-dileram .rs-field textarea { width:100%; min-height:44px; padding:10px 12px; border:1px solid var(--rs-line); border-radius:6px; font:inherit; } .rs-scope-about-dileram .rs-field textarea { min-height:120px; resize:vertical; } .rs-scope-about-dileram .rs-check { margin:14px 0; color:var(--rs-muted); } .rs-scope-about-dileram .rs-submit { min-height:44px; padding:12px 18px; border:0; border-radius:6px; background:var(--rs-red); color:#fff; font-weight:700; cursor:pointer; } @media (max-width:760px) {.rs-scope-about-dileram .rs-about-hero { grid-template-columns:1fr; padding:20px; } .rs-scope-about-dileram .rs-title { font-size:26px; } .rs-scope-about-dileram .rs-grid, .rs-scope-about-dileram .rs-grid--3, .rs-scope-about-dileram .rs-steps, .rs-scope-about-dileram .rs-form-grid { grid-template-columns:1fr; } .rs-scope-about-dileram .rs-hero-media, .rs-scope-about-dileram .rs-hero-media img { min-height:220px; }} /* Source: /about/index.php; Scope: .rs-scope-about; blocks: 1 */ .rs-scope-about .rs-about-page { --rs-red:#e30613; --rs-green:#168449; --rs-dark:#11171a; --rs-ink:#18262d; --rs-muted:#62717a; --rs-line:#dbe4e8; --rs-paper:#f4f7f8; --rs-gold:#c99a3b; max-width:100%; overflow:visible; background:#fff; color:var(--rs-ink); font-size:16px; line-height:1.55; } .rs-scope-about .rs-about-page * { box-sizing:border-box; } .rs-scope-about .rs-about-page img { display:block; max-width:100%; height:auto; } .rs-scope-about .rs-about-page a { color:inherit; } .rs-scope-about .rs-about-page a:hover { text-decoration:none; } .rs-scope-about .rs-wrap { max-width:100%; margin:0; padding:0; } .rs-scope-about .rs-hero { overflow:hidden; margin:0 0 38px; color:var(--rs-ink); background:#fff; border:1px solid var(--rs-line); border-radius:8px; box-shadow:0 12px 26px rgba(17,23,26,.07); } .rs-scope-about .rs-hero__inner { display:grid; grid-template-columns:minmax(0,1fr) minmax(275px,.78fr); gap:0; min-height:0; padding:0; align-items:stretch; } .rs-scope-about .rs-hero__copy { display:flex; flex-direction:column; justify-content:space-between; min-width:0; padding:28px; background:linear-gradient(180deg,#fff 0%,#f7fbf9 100%); color:var(--rs-ink); border-right:1px solid var(--rs-line); border-radius:8px 0 0 8px; } .rs-scope-about .rs-kicker { margin:0 0 14px; color:var(--rs-green); font-size:12px; font-weight:900; text-transform:uppercase; letter-spacing:0; } .rs-scope-about .rs-hero-title { max-width:560px; margin:0 0 18px; color:var(--rs-ink); font-size:38px; line-height:1.08; font-weight:900; letter-spacing:0; } .rs-scope-about .rs-lead { max-width:540px; margin:0 0 22px; color:#3d4d55; font-size:17px; line-height:1.6; } .rs-scope-about .rs-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:4px; } .rs-scope-about .rs-btn { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:12px 16px; border:1px solid transparent; border-radius:6px; font-weight:800; text-decoration:none; line-height:1.2; } .rs-scope-about .rs-btn--primary, .rs-scope-about .rs-about-page a.rs-btn--primary:visited { background:var(--rs-red); color:#fff !important; border-color:var(--rs-red); } .rs-scope-about .rs-btn--light, .rs-scope-about .rs-about-page a.rs-btn--light:visited { background:#fff; color:#17242b !important; border-color:#fff; } .rs-scope-about .rs-btn--outline, .rs-scope-about .rs-about-page a.rs-btn--outline:visited { background:#fff; color:var(--rs-ink) !important; border-color:#c6d4da; } .rs-scope-about .rs-btn:hover { opacity:.88; } .rs-scope-about .rs-hero-proof { display:grid; grid-template-columns:1fr; gap:8px; margin-top:24px; } .rs-scope-about .rs-proof { display:grid; grid-template-columns:84px minmax(0,1fr); gap:10px; align-items:center; min-height:0; padding:10px 12px; border:1px solid #dce7e2; border-radius:8px; background:#fff; } .rs-scope-about .rs-proof strong { display:block; margin:0; color:var(--rs-ink); font-size:17px; line-height:1.15; } .rs-scope-about .rs-proof span { display:block; color:#52636b; font-size:13px; line-height:1.38; } .rs-scope-about .rs-hero__media { position:relative; min-height:360px; overflow:hidden; border-radius:0 8px 8px 0; background:#e9eef1; } .rs-scope-about .rs-hero__media img { width:100%; height:100%; min-height:360px; object-fit:cover; } .rs-scope-about .rs-media-note { position:absolute; right:14px; bottom:14px; max-width:270px; padding:12px 14px; border-radius:8px; background:rgba(255,255,255,.94); color:#25343b; font-size:14px; line-height:1.35; box-shadow:0 10px 24px rgba(17,23,26,.16); } .rs-scope-about .rs-media-note strong { display:block; color:var(--rs-green); font-size:13px; text-transform:uppercase; letter-spacing:0; } .rs-scope-about .rs-statement { margin:0 0 38px; padding:0; } .rs-scope-about .rs-statement__inner { max-width:100%; margin:0; display:grid; grid-template-columns:150px minmax(0,1fr); gap:20px; align-items:start; padding:32px 0; border-top:1px solid var(--rs-line); border-bottom:1px solid var(--rs-line); } .rs-scope-about .rs-section-label { margin:0; color:var(--rs-green); font-size:13px; font-weight:900; text-transform:uppercase; letter-spacing:0; } .rs-scope-about .rs-statement h2, .rs-scope-about .rs-section h2, .rs-scope-about .rs-cta h2 { margin:0; color:var(--rs-ink); font-size:30px; line-height:1.16; letter-spacing:0; } .rs-scope-about .rs-statement h2 { font-size:34px; line-height:1.12; } .rs-scope-about .rs-statement p { margin:16px 0 0; color:#33434b; font-size:17px; line-height:1.55; } .rs-scope-about .rs-section { max-width:100%; margin:0 0 40px; padding:0; } .rs-scope-about .rs-section__head { display:grid; grid-template-columns:150px minmax(0,1fr); gap:20px; align-items:start; margin-bottom:18px; } .rs-scope-about .rs-section__head p { margin:0; color:var(--rs-muted); font-size:16px; line-height:1.55; } .rs-scope-about .rs-trust-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; border:0; border-radius:0; overflow:visible; background:transparent; } .rs-scope-about .rs-trust-item { min-height:0; padding:20px; border:1px solid var(--rs-line); border-radius:8px; background:#fff; } .rs-scope-about .rs-trust-item:last-child { border-right:1px solid var(--rs-line); } .rs-scope-about .rs-trust-item b { display:block; margin-bottom:12px; color:var(--rs-red); font-size:34px; line-height:1; letter-spacing:0; } .rs-scope-about .rs-trust-item strong { display:block; margin-bottom:8px; color:var(--rs-ink); font-size:18px; line-height:1.22; } .rs-scope-about .rs-trust-item span { color:var(--rs-muted); line-height:1.48; } .rs-scope-about .rs-split { display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); gap:16px; align-items:stretch; } .rs-scope-about .rs-panel { padding:22px; border:1px solid var(--rs-line); border-radius:8px; background:#fff; } .rs-scope-about .rs-panel--dark { background:#f7fbf9; color:var(--rs-ink); border-color:#cfe8da; border-left:5px solid var(--rs-green); } .rs-scope-about .rs-panel--dark h2, .rs-scope-about .rs-panel--dark strong { color:var(--rs-ink); } .rs-scope-about .rs-panel--dark p, .rs-scope-about .rs-panel--dark li { color:#52636b; } .rs-scope-about .rs-panel p { margin:14px 0 0; color:var(--rs-muted); } .rs-scope-about .rs-panel ul { margin:18px 0 0; padding:0; list-style:none; display:grid; gap:10px; } .rs-scope-about .rs-panel li { position:relative; padding-left:22px; color:var(--rs-muted); } .rs-scope-about .rs-panel li:before { content:""; position:absolute; left:0; top:.72em; width:8px; height:8px; border-radius:50%; background:var(--rs-green); } .rs-scope-about .rs-certificate-card { display:grid; grid-template-columns:1fr; gap:20px; align-items:start; } .rs-scope-about .rs-certificate-image { position:relative; display:block; overflow:hidden; border:1px solid #edf1f3; border-radius:8px; background:#fff; cursor:zoom-in; text-decoration:none; } .rs-scope-about .rs-certificate-image img { width:100%; max-height:330px; object-fit:contain; } .rs-scope-about .rs-certificate-image__hint { position:absolute; right:12px; bottom:12px; padding:7px 10px; border-radius:6px; background:rgba(17,23,26,.86); color:#fff; font-size:13px; font-weight:800; line-height:1.2; } .rs-scope-about .rs-badge { display:inline-flex; align-items:center; min-height:34px; margin-top:18px; padding:7px 11px; border-radius:6px; background:#ecf8f1; color:var(--rs-green); font-weight:800; line-height:1.2; } .rs-scope-about .rs-showroom { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr); gap:22px; align-items:stretch; } .rs-scope-about .rs-showroom__image { min-height:360px; overflow:hidden; border-radius:8px; background:#e5ecef; } .rs-scope-about .rs-showroom__image img { width:100%; height:100%; min-height:360px; object-fit:cover; } .rs-scope-about .rs-check-list { display:grid; gap:12px; margin-top:18px; } .rs-scope-about .rs-check { padding:14px 16px; border-left:4px solid var(--rs-green); background:#f6faf8; border-radius:0 8px 8px 0; } .rs-scope-about .rs-check strong { display:block; color:var(--rs-ink); } .rs-scope-about .rs-check span { display:block; margin-top:3px; color:var(--rs-muted); } .rs-scope-about .rs-process { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; counter-reset:rs-process; } .rs-scope-about .rs-process-item { position:relative; min-height:205px; padding:20px; border:1px solid var(--rs-line); border-radius:8px; background:#fff; } .rs-scope-about .rs-process-item:before { counter-increment:rs-process; content:"0" counter(rs-process); display:block; margin-bottom:24px; color:var(--rs-red); font-size:34px; line-height:1; font-weight:900; } .rs-scope-about .rs-process-item strong { display:block; margin-bottom:9px; color:var(--rs-ink); font-size:19px; line-height:1.22; } .rs-scope-about .rs-process-item p { margin:0; color:var(--rs-muted); line-height:1.5; } .rs-scope-about .rs-audience { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; } .rs-scope-about .rs-audience-item { min-height:190px; padding:22px; border:1px solid var(--rs-line); border-radius:8px; background:#fff; } .rs-scope-about .rs-audience-item strong { display:block; margin-bottom:9px; color:var(--rs-ink); font-size:20px; line-height:1.22; } .rs-scope-about .rs-audience-item p { margin:0; color:var(--rs-muted); } .rs-scope-about .rs-directions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .rs-scope-about .rs-direction { display:flex; min-height:305px; flex-direction:column; overflow:hidden; border:1px solid var(--rs-line); border-radius:8px; background:#fff; text-decoration:none; } .rs-scope-about .rs-direction img { width:100%; height:145px; object-fit:cover; background:#e9eef1; } .rs-scope-about .rs-direction-visual { position:relative; height:145px; overflow:hidden; background:#eef4f2; } .rs-scope-about .rs-direction-visual--calc { background:linear-gradient(135deg,#edf6f2 0%,#fff 62%,#f3f6f8 100%); } .rs-scope-about .rs-direction-visual--calc:before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(22,132,73,.1) 1px,transparent 1px),linear-gradient(180deg,rgba(22,132,73,.1) 1px,transparent 1px); background-size:26px 26px; } .rs-scope-about .rs-calc-sheet { position:absolute; left:22px; top:22px; width:118px; height:94px; border:1px solid #d7e2e6; border-radius:8px; background:#fff; box-shadow:0 12px 28px rgba(17,23,26,.12); } .rs-scope-about .rs-calc-sheet:before { content:""; position:absolute; left:16px; top:18px; width:54px; height:34px; border:2px solid var(--rs-green); border-radius:5px; } .rs-scope-about .rs-calc-sheet:after { content:""; position:absolute; left:16px; right:16px; bottom:18px; height:8px; border-radius:4px; background:#dce7e4; box-shadow:0 -16px 0 #eef3f2; } .rs-scope-about .rs-calc-device { position:absolute; right:24px; top:32px; width:76px; height:92px; padding:10px; border-radius:12px; background:#12191d; box-shadow:0 12px 24px rgba(17,23,26,.22); } .rs-scope-about .rs-calc-device b { display:flex; align-items:center; justify-content:center; height:26px; margin-bottom:10px; border-radius:6px; background:#ecf8f1; color:var(--rs-green); font-size:18px; line-height:1; } .rs-scope-about .rs-calc-device i { display:block; float:left; width:14px; height:12px; margin:3px; border-radius:3px; background:#dfe7eb; } .rs-scope-about .rs-calc-ruler { position:absolute; left:86px; bottom:24px; width:126px; height:12px; border-radius:8px; background:var(--rs-red); transform:rotate(-8deg); box-shadow:0 10px 18px rgba(227,6,19,.2); } .rs-scope-about .rs-calc-ruler:before { content:""; position:absolute; inset:3px 8px; background:repeating-linear-gradient(90deg,#fff 0,#fff 2px,transparent 2px,transparent 12px); opacity:.85; } .rs-scope-about .rs-direction__body { display:flex; flex:1; flex-direction:column; padding:18px; } .rs-scope-about .rs-direction strong { display:block; margin-bottom:8px; color:var(--rs-ink); font-size:19px; line-height:1.2; } .rs-scope-about .rs-direction p { margin:0; color:var(--rs-muted); line-height:1.48; } .rs-scope-about .rs-direction span { margin-top:auto; padding-top:16px; color:var(--rs-red); font-weight:800; } .rs-scope-about .rs-review { max-width:100%; margin:0 0 40px; padding:0; } .rs-scope-about .rs-review iframe { width:100%; height:520px; border:1px solid #e6e6e6; border-radius:8px; box-sizing:border-box; } .rs-scope-about .rs-cta { max-width:100%; margin:0 0 10px; padding:0 0 10px; } .rs-scope-about .rs-cta__inner { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:22px; align-items:center; padding:30px; border-radius:8px; background:#eef8f3; border:1px solid #cfe8da; } .rs-scope-about .rs-cta p { margin:10px 0 0; color:var(--rs-muted); font-size:17px; } .rs-scope-about .rs-cert-lightbox { position:fixed; inset:0; z-index:10000; display:none; align-items:center; justify-content:center; padding:28px; background:rgba(17,23,26,.86); } .rs-scope-about .rs-cert-lightbox.is-open { display:flex; } .rs-scope-about .rs-cert-lightbox__inner { position:relative; max-width:min(100%,1100px); max-height:92vh; } .rs-scope-about .rs-cert-lightbox img { display:block; width:auto; max-width:100%; max-height:92vh; border-radius:8px; background:#fff; box-shadow:0 20px 70px rgba(0,0,0,.35); } .rs-scope-about .rs-cert-lightbox__close { position:absolute; right:10px; top:10px; display:flex; align-items:center; justify-content:center; width:42px; height:42px; border:0; border-radius:50%; background:rgba(17,23,26,.88); color:#fff; font-size:30px; line-height:1; cursor:pointer; } @media (max-width:980px) {.rs-scope-about .rs-hero__inner { grid-template-columns:1fr; min-height:0; padding:0; } .rs-scope-about .rs-hero__copy { border-right:0; border-bottom:1px solid var(--rs-line); border-radius:8px 8px 0 0; } .rs-scope-about .rs-hero__media { border-radius:0 0 8px 8px; } .rs-scope-about .rs-hero-title { font-size:36px; } .rs-scope-about .rs-hero__media, .rs-scope-about .rs-hero__media img { min-height:320px; } .rs-scope-about .rs-statement__inner, .rs-scope-about .rs-section__head, .rs-scope-about .rs-split, .rs-scope-about .rs-showroom, .rs-scope-about .rs-certificate-card { grid-template-columns:1fr; } .rs-scope-about .rs-trust-grid, .rs-scope-about .rs-process, .rs-scope-about .rs-directions { grid-template-columns:repeat(2,minmax(0,1fr)); }} @media (max-width:640px) {.rs-scope-about .rs-about-page { font-size:15px; } .rs-scope-about .rs-wrap, .rs-scope-about .rs-section, .rs-scope-about .rs-review, .rs-scope-about .rs-cta, .rs-scope-about .rs-statement { padding-left:12px; padding-right:12px; } .rs-scope-about .rs-hero { margin-bottom:32px; border-radius:8px; } .rs-scope-about .rs-hero__inner { padding:0; } .rs-scope-about .rs-hero__copy { padding:22px 18px; } .rs-scope-about .rs-hero-title { font-size:30px; line-height:1.1; } .rs-scope-about .rs-lead { font-size:16px; } .rs-scope-about .rs-actions { display:grid; grid-template-columns:1fr; } .rs-scope-about .rs-btn { width:100%; } .rs-scope-about .rs-hero-proof, .rs-scope-about .rs-trust-grid, .rs-scope-about .rs-process, .rs-scope-about .rs-audience, .rs-scope-about .rs-directions { grid-template-columns:1fr; } .rs-scope-about .rs-hero__media, .rs-scope-about .rs-hero__media img { min-height:250px; } .rs-scope-about .rs-media-note { left:12px; right:12px; max-width:none; } .rs-scope-about .rs-statement h2, .rs-scope-about .rs-section h2, .rs-scope-about .rs-cta h2 { font-size:28px; } .rs-scope-about .rs-statement p { font-size:17px; } .rs-scope-about .rs-panel { padding:20px; } .rs-scope-about .rs-certificate-image__hint { position:static; display:block; border-radius:0; text-align:center; } .rs-scope-about .rs-trust-item { min-height:0; border-right:0; border-bottom:1px solid var(--rs-line); } .rs-scope-about .rs-trust-item:last-child { border-bottom:0; } .rs-scope-about .rs-showroom__image, .rs-scope-about .rs-showroom__image img { min-height:250px; } .rs-scope-about .rs-direction { min-height:0; } .rs-scope-about .rs-review iframe { height:430px; } .rs-scope-about .rs-cta__inner { grid-template-columns:1fr; padding:22px; }} /* Source: /about/sotrudnichestvo/index.php; Scope: .rs-scope-about-sotrudnichestvo; blocks: 1 */ .rs-scope-about-sotrudnichestvo .rs-about-page { --rs-red:#e30613; --rs-green:#1f8b4c; --rs-ink:#1d2d35; --rs-muted:#5c6971; --rs-line:#dde5e8; --rs-soft:#f2f7f5; color:#26343c; font-size:16px; line-height:1.55; } .rs-scope-about-sotrudnichestvo .rs-about-page * { box-sizing:border-box; } .rs-scope-about-sotrudnichestvo .rs-about-page img { display:block; max-width:100%; height:auto; } .rs-scope-about-sotrudnichestvo .rs-about-hero, .rs-scope-about-sotrudnichestvo .rs-section, .rs-scope-about-sotrudnichestvo .rs-cta, .rs-scope-about-sotrudnichestvo .rs-final-form { max-width:1000px; margin:0 auto 34px; } .rs-scope-about-sotrudnichestvo .rs-about-hero { display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:24px; align-items:center; padding:26px; border:1px solid #d9e7e2; border-left:5px solid var(--rs-red); border-radius:8px; background:var(--rs-soft); } .rs-scope-about-sotrudnichestvo .rs-kicker { margin:0 0 10px; color:var(--rs-green); font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:0; } .rs-scope-about-sotrudnichestvo .rs-title { margin:0 0 14px; color:var(--rs-ink); font-size:32px; line-height:1.16; letter-spacing:0; } .rs-scope-about-sotrudnichestvo .rs-lead { margin:0 0 20px; color:var(--rs-muted); font-size:17px; line-height:1.55; } .rs-scope-about-sotrudnichestvo .rs-actions { display:flex; flex-wrap:wrap; gap:10px; } .rs-scope-about-sotrudnichestvo .rs-btn { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:12px 18px; border:1px solid var(--rs-red); border-radius:6px; font-weight:700; text-decoration:none; line-height:1.2; } .rs-scope-about-sotrudnichestvo .rs-btn--primary, .rs-scope-about-sotrudnichestvo .rs-about-page a.rs-btn--primary:visited { background:var(--rs-red); color:#fff !important; border-color:var(--rs-red); } .rs-scope-about-sotrudnichestvo .rs-btn--secondary, .rs-scope-about-sotrudnichestvo .rs-about-page a.rs-btn--secondary:visited { background:#fff; color:var(--rs-green) !important; border-color:var(--rs-green); } .rs-scope-about-sotrudnichestvo .rs-btn:hover { opacity:.86; text-decoration:none; } .rs-scope-about-sotrudnichestvo .rs-hero-media { min-height:300px; overflow:hidden; border-radius:8px; background:#d9dde4; } .rs-scope-about-sotrudnichestvo .rs-hero-media img { width:100%; height:100%; min-height:300px; object-fit:cover; } .rs-scope-about-sotrudnichestvo .rs-section h2, .rs-scope-about-sotrudnichestvo .rs-cta h2 { margin:0 0 12px; color:var(--rs-ink); font-size:26px; line-height:1.25; letter-spacing:0; } .rs-scope-about-sotrudnichestvo .rs-section > p { margin:0 0 18px; color:var(--rs-muted); } .rs-scope-about-sotrudnichestvo .rs-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; } .rs-scope-about-sotrudnichestvo .rs-grid--3 { grid-template-columns:repeat(3,minmax(0,1fr)); } .rs-scope-about-sotrudnichestvo .rs-card, .rs-scope-about-sotrudnichestvo .rs-fact { padding:18px; border:1px solid var(--rs-line); border-radius:8px; background:#fff; } .rs-scope-about-sotrudnichestvo .rs-fact { border-top:3px solid var(--rs-green); } .rs-scope-about-sotrudnichestvo .rs-card strong, .rs-scope-about-sotrudnichestvo .rs-fact strong { display:block; margin-bottom:7px; color:var(--rs-ink); font-size:17px; line-height:1.25; } .rs-scope-about-sotrudnichestvo .rs-fact strong { color:var(--rs-green); } .rs-scope-about-sotrudnichestvo .rs-card p, .rs-scope-about-sotrudnichestvo .rs-fact p { margin:0; color:var(--rs-muted); line-height:1.5; } .rs-scope-about-sotrudnichestvo .rs-flow { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; counter-reset:flow; } .rs-scope-about-sotrudnichestvo .rs-flow-item { padding:16px; border:1px solid var(--rs-line); border-radius:8px; background:#fff; } .rs-scope-about-sotrudnichestvo .rs-flow-item:before { counter-increment:flow; content:counter(flow); display:flex; align-items:center; justify-content:center; width:34px; height:34px; margin-bottom:10px; border-radius:50%; background:var(--rs-green); color:#fff; font-weight:700; } .rs-scope-about-sotrudnichestvo .rs-flow-item strong { display:block; margin-bottom:4px; color:var(--rs-ink); } .rs-scope-about-sotrudnichestvo .rs-flow-item p { margin:0; color:var(--rs-muted); } .rs-scope-about-sotrudnichestvo .rs-cta { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:18px; align-items:center; padding:22px; border:1px solid #cfe3da; border-radius:8px; background:#f7fbf9; } .rs-scope-about-sotrudnichestvo .rs-cta p { margin:0; color:var(--rs-muted); } .rs-scope-about-sotrudnichestvo .rs-final-form { margin-top:28px; } .rs-scope-about-sotrudnichestvo .rs-final-form .form__top h3 { margin:0 0 8px; } @media (max-width:760px) {.rs-scope-about-sotrudnichestvo .rs-about-hero, .rs-scope-about-sotrudnichestvo .rs-cta { grid-template-columns:1fr; padding:20px; } .rs-scope-about-sotrudnichestvo .rs-title { font-size:26px; } .rs-scope-about-sotrudnichestvo .rs-grid, .rs-scope-about-sotrudnichestvo .rs-grid--3, .rs-scope-about-sotrudnichestvo .rs-flow { grid-template-columns:1fr; } .rs-scope-about-sotrudnichestvo .rs-hero-media, .rs-scope-about-sotrudnichestvo .rs-hero-media img { min-height:220px; }} /* Source: /about/vakansii/index.php; Scope: .rs-scope-about-vakansii; blocks: 1 */ .rs-scope-about-vakansii .rs-about-page { --rs-red:#e30613; --rs-green:#1f8b4c; --rs-ink:#1d2d35; --rs-muted:#5c6971; --rs-line:#dde5e8; --rs-soft:#f2f7f5; color:#26343c; font-size:16px; line-height:1.55; } .rs-scope-about-vakansii .rs-about-page * { box-sizing:border-box; } .rs-scope-about-vakansii .rs-about-page img { display:block; max-width:100%; height:auto; } .rs-scope-about-vakansii .rs-about-hero, .rs-scope-about-vakansii .rs-section, .rs-scope-about-vakansii .rs-final-form { max-width:1000px; margin:0 auto 34px; } .rs-scope-about-vakansii .rs-about-hero { display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:24px; align-items:center; padding:26px; border:1px solid #d9e7e2; border-left:5px solid var(--rs-red); border-radius:8px; background:var(--rs-soft); } .rs-scope-about-vakansii .rs-kicker { margin:0 0 10px; color:var(--rs-green); font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:0; } .rs-scope-about-vakansii .rs-title { margin:0 0 14px; color:var(--rs-ink); font-size:32px; line-height:1.16; letter-spacing:0; } .rs-scope-about-vakansii .rs-lead { margin:0 0 20px; color:var(--rs-muted); font-size:17px; line-height:1.55; } .rs-scope-about-vakansii .rs-actions { display:flex; flex-wrap:wrap; gap:10px; } .rs-scope-about-vakansii .rs-btn { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:12px 18px; border:1px solid var(--rs-red); border-radius:6px; font-weight:700; text-decoration:none; line-height:1.2; } .rs-scope-about-vakansii .rs-btn--primary, .rs-scope-about-vakansii .rs-about-page a.rs-btn--primary:visited { background:var(--rs-red); color:#fff !important; border-color:var(--rs-red); } .rs-scope-about-vakansii .rs-btn--secondary, .rs-scope-about-vakansii .rs-about-page a.rs-btn--secondary:visited { background:#fff; color:var(--rs-green) !important; border-color:var(--rs-green); } .rs-scope-about-vakansii .rs-btn:hover { opacity:.86; text-decoration:none; } .rs-scope-about-vakansii .rs-hero-media { min-height:300px; overflow:hidden; border-radius:8px; background:#d9dde4; } .rs-scope-about-vakansii .rs-hero-media img { width:100%; height:100%; min-height:300px; object-fit:cover; } .rs-scope-about-vakansii .rs-section h2 { margin:0 0 12px; color:var(--rs-ink); font-size:26px; line-height:1.25; letter-spacing:0; } .rs-scope-about-vakansii .rs-section > p { margin:0 0 18px; color:var(--rs-muted); } .rs-scope-about-vakansii .rs-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; } .rs-scope-about-vakansii .rs-card, .rs-scope-about-vakansii .rs-job { padding:18px; border:1px solid var(--rs-line); border-radius:8px; background:#fff; } .rs-scope-about-vakansii .rs-card strong, .rs-scope-about-vakansii .rs-job h3 { display:block; margin:0 0 8px; color:var(--rs-ink); font-size:18px; line-height:1.25; } .rs-scope-about-vakansii .rs-card p { margin:0; color:var(--rs-muted); line-height:1.5; } .rs-scope-about-vakansii .rs-job { display:flex; flex-direction:column; gap:12px; } .rs-scope-about-vakansii .rs-job ul { margin:0; padding-left:20px; color:var(--rs-muted); } .rs-scope-about-vakansii .rs-job li { margin:0 0 6px; } .rs-scope-about-vakansii .rs-tagline { display:flex; flex-wrap:wrap; gap:8px; margin-top:auto; } .rs-scope-about-vakansii .rs-tag { display:inline-flex; padding:6px 10px; border-radius:999px; background:var(--rs-soft); color:var(--rs-green); font-size:13px; font-weight:700; } .rs-scope-about-vakansii .rs-note { padding:16px; border-left:4px solid var(--rs-green); border-radius:8px; background:var(--rs-soft); color:var(--rs-muted); } .rs-scope-about-vakansii .rs-final-form { margin-top:28px; } .rs-scope-about-vakansii .rs-final-form .form__top h3 { margin:0 0 8px; } @media (max-width:760px) {.rs-scope-about-vakansii .rs-about-hero { grid-template-columns:1fr; padding:20px; } .rs-scope-about-vakansii .rs-title { font-size:26px; } .rs-scope-about-vakansii .rs-grid { grid-template-columns:1fr; } .rs-scope-about-vakansii .rs-hero-media, .rs-scope-about-vakansii .rs-hero-media img { min-height:220px; }} /* Source: /contacts/index.php; Scope: .rs-scope-contacts; blocks: 1 */ .rs-scope-contacts .contacts-redesign { margin-bottom: 34px; } .rs-scope-contacts .contacts-redesign * { box-sizing: border-box; } .rs-scope-contacts .contacts-redesign__grid { display: flex; flex-wrap: wrap; gap: 18px; margin: 0 0 34px; } .rs-scope-contacts .contacts-redesign__grid--offices { gap: 22px; } .rs-scope-contacts .contacts-redesign__card { flex: 1 1 320px; min-width: 260px; padding: 22px 24px; border: 1px solid #dfe8ef; border-radius: 6px; background: #fff; box-shadow: 0 6px 18px rgba(14, 47, 86, .06); } .rs-scope-contacts .contacts-redesign__office { flex-basis: 420px; min-width: 280px; padding: 24px; border-top: 4px solid #36a6c8; } .rs-scope-contacts .contacts-redesign__eyebrow { margin-bottom: 10px; color: #6f8294; font-size: 12px; line-height: 1.4; text-transform: uppercase; } .rs-scope-contacts .contacts-redesign__office .contacts-redesign__eyebrow { margin-bottom: 8px; color: #5f8fa0; } .rs-scope-contacts .contacts-redesign__value { margin-bottom: 14px; color: #0e2f56; font-size: 24px; font-weight: 700; line-height: 1.25; } .rs-scope-contacts .contacts-redesign__value a { color: #0e2f56; text-decoration: none; } .rs-scope-contacts .contacts-redesign__office h3 { margin: 0 0 14px; color: #0e2f56; font-size: 22px; line-height: 1.25; } .rs-scope-contacts .contacts-redesign__actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 18px; } .rs-scope-contacts .contacts-redesign__contact > .contacts-redesign__actions { margin-top: 0; } .rs-scope-contacts .contacts-redesign__button { display: inline-block; padding: 10px 17px; border: 1px solid #c7d7e3; border-radius: 4px; color: #1c7895; font-weight: 700; text-align: center; text-decoration: none; } .rs-scope-contacts .contacts-redesign__button--primary, .rs-scope-contacts .contacts-redesign__button--primary:link, .rs-scope-contacts .contacts-redesign__button--primary:visited, .rs-scope-contacts .contacts-redesign__button--primary:hover, .rs-scope-contacts .contacts-redesign__button--primary:focus, .rs-scope-contacts .contacts-redesign__button--primary:active { padding: 11px 18px; border-color: #f2552c; background: #f2552c; color: #fff !important; } .rs-scope-contacts .contacts-redesign__note { color: #6f8294; } .rs-scope-contacts .contacts-redesign__warehouse { margin: 0 0 34px; padding: 22px 24px; border: 1px solid #e6d8c7; border-left: 4px solid #f2552c; border-radius: 6px; background: #fffaf5; } .rs-scope-contacts .contacts-redesign__warehouse p:last-child { margin-bottom: 0; } .rs-scope-contacts .contacts-redesign__map-space { margin-bottom: 26px; } .rs-scope-contacts .contacts-redesign__requisites { max-width: 520px; margin: 0 0 34px; padding: 20px 22px; border: 1px solid #dfe8ef; border-radius: 6px; background: #f8fbfd; } @media (max-width: 620px) {.rs-scope-contacts .contacts-redesign__grid { gap: 18px; } .rs-scope-contacts .contacts-redesign__card, .rs-scope-contacts .contacts-redesign__office { min-width: 0; padding: 20px; } .rs-scope-contacts .contacts-redesign__value { font-size: 21px; } .rs-scope-contacts .contacts-redesign__button { width: 100%; } .rs-scope-contacts .contacts-redesign__note { width: 100%; }} /* Source: /index.php; Scope: .rs-scope-home; blocks: 1 */ .rs-scope-home .home-wow { --home-red: #e43d22; --home-red-dark: #c42f17; --home-green: #1f7a4d; --home-blue: #257fa7; --home-amber: #f3b33e; --home-ink: #1d2b32; --home-muted: #5b6970; --home-line: #dce6e9; --home-soft: #f5f8f8; --home-deep: #17242b; color: var(--home-ink); font-family: inherit; font-size: 16px; line-height: 1.55; background: #fff; } .rs-scope-home .home-wow * { box-sizing: border-box; } .rs-scope-home .home-wow img { display: block; max-width: 100%; height: auto; } .rs-scope-home .home-wow h1, .rs-scope-home .home-wow h2, .rs-scope-home .home-wow h3 { margin-top: 0; color: inherit; line-height: 1.18; letter-spacing: 0; } .rs-scope-home .home-wow p { margin-top: 0; } .rs-scope-home .home-container { width: min(1180px, calc(100% - 40px)); margin: 0 auto; } .rs-scope-home .home-hero { position: relative; min-height: clamp(520px, 58vh, 640px); display: flex; align-items: center; overflow: hidden; background-image: url('/upload/images/home-main-current/alutech-garage-trend-hero.webp'); background-position: center; background-size: cover; color: #fff; isolation: isolate; } .rs-scope-home .home-hero:before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(12, 25, 32, .92) 0%, rgba(12, 25, 32, .76) 38%, rgba(12, 25, 32, .46) 64%, rgba(12, 25, 32, .16) 100%), linear-gradient(0deg, rgba(12, 25, 32, .18), rgba(12, 25, 32, 0)); } .rs-scope-home .home-hero__inner { position: relative; z-index: 1; width: min(1140px, calc(100% - 40px)); margin: 0 auto; padding: 64px 0 56px; } .rs-scope-home .home-eyebrow { display: inline-flex; align-items: center; justify-self: start; min-height: 34px; margin: 0 0 16px; padding: 7px 12px; border: 1px solid rgba(255, 255, 255, .45); background: rgba(255, 255, 255, .1); color: #fff; font-size: 13px; font-weight: 700; line-height: 1.25; text-transform: uppercase; } .rs-scope-home .home-offer { display: inline-flex; align-items: center; justify-self: start; gap: 10px; margin: 0 0 18px; color: #fff; font-weight: 800; line-height: 1.2; } .rs-scope-home .home-offer strong { display: inline-flex; align-items: center; min-height: 34px; padding: 7px 10px; border-radius: 6px; background: var(--home-red); color: #fff; white-space: nowrap; } .rs-scope-home .home-offer span { color: rgba(255, 255, 255, .86); } .rs-scope-home .home-hero h1 { max-width: 720px; margin: 0 0 16px; color: #fff; font-size: clamp(38px, 4.4vw, 58px); text-shadow: 0 16px 36px rgba(0, 0, 0, .28); } .rs-scope-home .home-hero__lead { max-width: 620px; margin: 0 0 24px; color: rgba(255, 255, 255, .88); font-size: clamp(17px, 2vw, 21px); line-height: 1.5; } .rs-scope-home .home-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; } .rs-scope-home .home-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 13px 18px; border: 1px solid var(--home-red); border-radius: 6px; font-weight: 800; line-height: 1.2; text-align: center; text-decoration: none; } .rs-scope-home .home-btn--primary { background: var(--home-red); color: #fff; } .rs-scope-home .home-btn--ghost { border-color: rgba(255, 255, 255, .68); background: rgba(255, 255, 255, .12); color: #fff; } .rs-scope-home .home-btn--light { border-color: var(--home-green); background: #fff; color: var(--home-green); } .rs-scope-home .home-wow a.home-btn--primary, .rs-scope-home .home-wow a.home-btn--primary:visited, .rs-scope-home .home-wow a.home-btn--ghost, .rs-scope-home .home-wow a.home-btn--ghost:visited { color: #fff !important; } .rs-scope-home .home-wow a.home-btn--light, .rs-scope-home .home-wow a.home-btn--light:visited { color: var(--home-green) !important; } .rs-scope-home .home-btn:hover { opacity: .9; text-decoration: none; } .rs-scope-home .home-route { position: relative; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0; width: 100%; margin-top: 30px; padding: 16px 18px 15px; border: 1px solid rgba(255, 255, 255, .22); border-radius: 8px; background: linear-gradient(180deg, rgba(255, 255, 255, .10), rgba(255, 255, 255, 0) 38%), linear-gradient(135deg, rgba(10, 22, 30, .82), rgba(14, 34, 43, .58)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), inset 0 28px 70px rgba(255, 255, 255, .04), 0 20px 54px rgba(0, 0, 0, .20); backdrop-filter: blur(10px); isolation: isolate; overflow: hidden; } .rs-scope-home .home-route:before { content: ""; position: absolute; left: calc(8.333% + 15px); right: calc(8.333% + 15px); top: 38px; z-index: 1; height: 3px; border-radius: 999px; background: linear-gradient(90deg, var(--home-red) 0%, #df6b2f 20%, var(--home-amber) 43%, #aebb4f 63%, #2ea879 82%, var(--home-green) 100%); box-shadow: 0 0 18px rgba(242, 177, 62, .22); } .rs-scope-home .home-route:after { content: ""; position: absolute; inset: 0; z-index: 0; background: radial-gradient(ellipse at 50% 0%, rgba(255, 255, 255, .14), transparent 48%), linear-gradient(90deg, rgba(228, 61, 34, .10), transparent 28%, transparent 68%, rgba(47, 128, 85, .12)); pointer-events: none; } .rs-scope-home .home-route__step { --route-accent: var(--home-red); --route-glow: rgba(228, 61, 34, .30); position: relative; z-index: 2; min-width: 0; padding: 0 8px; color: rgba(233, 241, 244, .72); font-size: 12px; font-weight: 700; line-height: 1.25; text-align: center; } .rs-scope-home .home-route__step:nth-child(2) { --route-accent: #df6b2f; --route-glow: rgba(223, 107, 47, .28); } .rs-scope-home .home-route__step:nth-child(3) { --route-accent: var(--home-amber); --route-glow: rgba(242, 177, 62, .30); } .rs-scope-home .home-route__step:nth-child(4) { --route-accent: #aebb4f; --route-glow: rgba(174, 187, 79, .28); } .rs-scope-home .home-route__step:nth-child(5) { --route-accent: #2ea879; --route-glow: rgba(46, 168, 121, .28); } .rs-scope-home .home-route__step:nth-child(6) { --route-accent: var(--home-green); --route-glow: rgba(47, 128, 85, .34); } .rs-scope-home .home-route__step b { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin: 0 auto 9px; border: 1px solid var(--route-accent); border-radius: 50%; background: linear-gradient(180deg, rgba(36, 51, 59, .98), rgba(11, 22, 29, .97)); color: #fff; font-size: 13px; line-height: 1; text-shadow: 0 1px 8px rgba(255, 255, 255, .28); box-shadow: 0 0 0 4px rgba(255, 255, 255, .035), 0 0 22px var(--route-glow), inset 0 1px 0 rgba(255, 255, 255, .20); } .rs-scope-home .home-route__step b:after { content: ""; position: absolute; inset: 6px; border: 1px solid rgba(255, 255, 255, .08); border-radius: inherit; } .rs-scope-home .home-route__step span { display: block; color: #fff; font-size: 14px; font-weight: 900; line-height: 1.15; white-space: nowrap; } .rs-scope-home .home-hero__panel { padding: 20px; border: 1px solid rgba(255, 255, 255, .72); border-radius: 8px; background: rgba(255, 255, 255, .94); color: var(--home-ink); box-shadow: 0 24px 60px rgba(0, 0, 0, .22); } .rs-scope-home .home-panel__kicker { display: inline-flex; margin-bottom: 12px; color: var(--home-red); font-size: 13px; font-weight: 800; letter-spacing: 0; text-transform: uppercase; } .rs-scope-home .home-panel__title { display: block; margin: 0 0 10px; color: var(--home-ink); font-size: 23px; font-weight: 900; line-height: 1.2; } .rs-scope-home .home-panel__text { margin: 0 0 16px; color: var(--home-muted); line-height: 1.45; } .rs-scope-home .home-panel__list { display: grid; gap: 8px; margin: 0 0 18px; padding: 0; list-style: none; } .rs-scope-home .home-panel__list li { position: relative; padding-left: 22px; color: #2d3d44; line-height: 1.35; } .rs-scope-home .home-panel__list li:before { content: ""; position: absolute; left: 0; top: .58em; width: 8px; height: 8px; border-radius: 50%; background: var(--home-amber); } .rs-scope-home .home-panel__meta { display: block; margin-top: 12px; color: #6c7a80; font-size: 13px; line-height: 1.35; } .rs-scope-home .home-hero__panel .home-btn { width: 100%; } @media (min-width: 769px) {.rs-scope-home .home-wow { margin-top: 0; } .rs-scope-home .home-hero__inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, 340px); column-gap: clamp(34px, 5vw, 76px); align-items: center; padding: 62px 0 56px; } .rs-scope-home .home-eyebrow, .rs-scope-home .home-offer, .rs-scope-home .home-hero h1, .rs-scope-home .home-hero__lead, .rs-scope-home .home-hero > .home-hero__inner > .home-actions { grid-column: 1; } .rs-scope-home .home-route { grid-column: 1 / -1; } .rs-scope-home .home-hero__panel { grid-column: 2; grid-row: 1 / span 5; align-self: center; }} .rs-scope-home .home-section { padding: 54px 0; } .rs-scope-home .home-section--soft { background: var(--home-soft); } .rs-scope-home .home-section--dark { background: var(--home-deep); color: #fff; } .rs-scope-home .home-head { display: grid; grid-template-columns: minmax(0, .85fr) minmax(280px, .55fr); gap: 26px; align-items: end; margin-bottom: 24px; } .rs-scope-home .home-head h2 { margin: 0; color: inherit; font-size: clamp(28px, 3vw, 42px); } .rs-scope-home .home-head p { margin: 0; color: var(--home-muted); font-size: 17px; } .rs-scope-home .home-section--dark .home-head p { color: rgba(255, 255, 255, .78); } @media (max-width: 1100px) {.rs-scope-home .home-route { display: none; }} .rs-scope-home .home-trust { position: relative; z-index: 3; margin-top: -1px; padding: 22px 0 24px; border-bottom: 1px solid rgba(207, 220, 224, .72); background: linear-gradient(180deg, rgba(248, 252, 252, .98) 0%, rgba(239, 247, 246, .98) 48%, rgba(250, 252, 252, .99) 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .94), inset 0 20px 36px rgba(255, 255, 255, .72), 0 -24px 66px rgba(10, 23, 31, .22), 0 20px 48px rgba(29, 43, 50, .07); } .rs-scope-home .home-trust:before { content: ""; position: absolute; left: 0; right: 0; top: -28px; height: 28px; background: linear-gradient(180deg, rgba(248, 252, 252, 0), rgba(248, 252, 252, .88)); pointer-events: none; } .rs-scope-home .home-trust__inner { position: relative; display: grid; width: min(1140px, calc(100% - 40px)); margin: 0 auto; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; overflow: hidden; border: 1px solid rgba(191, 210, 214, .56); border-radius: 8px; background: linear-gradient(180deg, rgba(255, 255, 255, .76), rgba(247, 251, 251, .64)), linear-gradient(90deg, rgba(228, 61, 34, .04), transparent 28%, transparent 70%, rgba(31, 122, 77, .06)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .86), 0 18px 42px rgba(23, 36, 43, .075); } .rs-scope-home .home-trust__inner:before { content: ""; position: absolute; inset: 0 0 auto; z-index: 1; height: 3px; background: linear-gradient(90deg, var(--home-red), var(--home-amber) 48%, var(--home-green)); opacity: .82; } .rs-scope-home .home-trust__item { position: relative; min-width: 0; min-height: 138px; padding: 24px 22px 22px; } .rs-scope-home .home-trust__item + .home-trust__item:before { content: ""; position: absolute; left: 0; top: 24px; bottom: 22px; width: 1px; background: linear-gradient(180deg, transparent, rgba(143, 164, 169, .34), transparent); } .rs-scope-home .home-trust__marker { display: block; min-height: 30px; margin: 0 0 11px; color: #176342; font-size: clamp(20px, 1.35vw, 24px); font-weight: 900; line-height: 1.08; letter-spacing: 0; text-transform: none; } .rs-scope-home .home-trust__title { display: block; margin-bottom: 6px; color: var(--home-ink); font-size: 16px; font-weight: 900; line-height: 1.18; } .rs-scope-home .home-trust__item:nth-child(4) .home-trust__title { font-size: 15px; white-space: nowrap; } .rs-scope-home .home-trust__desc { display: block; color: var(--home-muted); font-size: 13px; line-height: 1.42; } @media (max-width: 1180px) {.rs-scope-home .home-trust__inner { grid-template-columns: repeat(6, minmax(0, 1fr)); } .rs-scope-home .home-trust__item { grid-column: span 2; } .rs-scope-home .home-trust__item:nth-child(4):before { display: none; } .rs-scope-home .home-trust__item:nth-child(n+4) { grid-column: span 3; border-top: 1px solid rgba(143, 164, 169, .22); } .rs-scope-home .home-trust__item:nth-child(5):before { display: block; }} .rs-scope-home .home-grid { display: grid; gap: 16px; } .rs-scope-home .home-grid--solutions { grid-template-columns: repeat(3, minmax(0, 1fr)); } .rs-scope-home .home-solution { overflow: hidden; border: 1px solid var(--home-line); border-radius: 8px; background: #fff; color: inherit; text-decoration: none; } .rs-scope-home .home-wow a.home-solution, .rs-scope-home .home-wow a.home-solution:visited { color: inherit !important; } .rs-scope-home .home-solution:hover { border-color: #b9d8c9; text-decoration: none; } .rs-scope-home .home-solution__media { aspect-ratio: 16 / 10; overflow: hidden; background: var(--home-soft); } .rs-scope-home .home-solution__media img { width: 100%; height: 100%; object-fit: cover; } .rs-scope-home .home-solution__body { padding: 17px; } .rs-scope-home .home-solution__tag { display: inline-flex; margin-bottom: 9px; color: var(--home-blue); font-size: 13px; font-weight: 800; text-transform: uppercase; } .rs-scope-home .home-solution h3 { margin: 0 0 8px; color: var(--home-ink); font-size: 21px; } .rs-scope-home .home-solution p { margin: 0 0 14px; color: var(--home-muted); } .rs-scope-home .home-card-link { color: var(--home-green); font-weight: 800; } .rs-scope-home .home-split { display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); gap: 28px; align-items: center; } .rs-scope-home .home-split__media { overflow: hidden; border-radius: 8px; background: #fff; } .rs-scope-home .home-split__media img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; } .rs-scope-home .home-split h2 { margin: 0 0 14px; color: var(--home-ink); font-size: clamp(28px, 3vw, 40px); } .rs-scope-home .home-split p { color: var(--home-muted); font-size: 17px; } .rs-scope-home .home-checks { display: grid; gap: 10px; margin: 18px 0 0; padding: 0; list-style: none; } .rs-scope-home .home-checks li { padding: 12px 14px; border-left: 4px solid var(--home-green); background: #fff; color: var(--home-ink); line-height: 1.45; } .rs-scope-home .home-grid--scenario { grid-template-columns: repeat(3, minmax(0, 1fr)); } .rs-scope-home .home-scenario { overflow: hidden; border: 1px solid rgba(255, 255, 255, .18); border-radius: 8px; background: rgba(255, 255, 255, .06); } .rs-scope-home .home-scenario img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; } .rs-scope-home .home-scenario__body { padding: 18px; } .rs-scope-home .home-scenario h3 { margin: 0 0 9px; color: #fff; font-size: 22px; } .rs-scope-home .home-scenario p { margin: 0 0 14px; color: rgba(255, 255, 255, .76); } .rs-scope-home .home-scenario ul { margin: 0; padding-left: 18px; color: rgba(255, 255, 255, .82); } .rs-scope-home .home-scenario li { margin: 6px 0; } .rs-scope-home .home-calc { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 24px; align-items: center; padding: 26px; border: 1px solid var(--home-line); border-radius: 8px; background: #fff; } .rs-scope-home .home-calc h2 { margin: 0 0 12px; color: var(--home-ink); font-size: clamp(26px, 3vw, 38px); } .rs-scope-home .home-calc p { margin-bottom: 16px; color: var(--home-muted); font-size: 17px; } .rs-scope-home .home-calc__facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 0 0 18px; } .rs-scope-home .home-calc__fact { padding: 12px; border: 1px solid var(--home-line); background: var(--home-soft); } .rs-scope-home .home-calc__fact strong { display: block; color: var(--home-blue); line-height: 1.2; } .rs-scope-home .home-calc__fact span { display: block; margin-top: 5px; color: var(--home-muted); font-size: 13px; line-height: 1.35; } .rs-scope-home .home-calc__media { overflow: hidden; border-radius: 8px; background: var(--home-soft); } .rs-scope-home .home-calc__media img { width: 100%; aspect-ratio: 4 / 3; object-fit: contain; } .rs-scope-home .home-process { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; counter-reset: home-step; } .rs-scope-home .home-step { min-height: 170px; padding: 18px; border: 1px solid var(--home-line); border-radius: 8px; background: #fff; } .rs-scope-home .home-step:before { counter-increment: home-step; content: counter(home-step); display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; margin-bottom: 14px; border-radius: 50%; background: var(--home-blue); color: #fff; font-weight: 800; } .rs-scope-home .home-step strong { display: block; margin-bottom: 7px; color: var(--home-ink); font-size: 18px; line-height: 1.25; } .rs-scope-home .home-step p { margin: 0; color: var(--home-muted); } .rs-scope-home .home-section--reviews { background: linear-gradient(180deg, #fff 0%, #f3f8f8 100%); } .rs-scope-home .home-reviews { display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, 560px); gap: 40px; align-items: stretch; } .rs-scope-home .home-reviews__copy { position: relative; display: flex; min-height: 720px; flex-direction: column; justify-content: center; overflow: hidden; padding: 30px; border: 1px solid rgba(255, 255, 255, .15); border-radius: 8px; background: linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, 0) 34%), linear-gradient(135deg, #17242b 0%, #21343c 58%, #18262d 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 24px 60px rgba(23, 36, 43, .14); } .rs-scope-home .home-reviews__copy:before { content: ""; position: absolute; inset: 0 0 auto; height: 3px; background: linear-gradient(90deg, var(--home-red), var(--home-amber) 52%, var(--home-green)); } .rs-scope-home .home-reviews__copy:after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(228, 61, 34, .10), transparent 32%, transparent 70%, rgba(31, 122, 77, .12)); pointer-events: none; } .rs-scope-home .home-reviews__copy > * { position: relative; z-index: 1; } .rs-scope-home .home-reviews__kicker { display: inline-flex; margin-bottom: 12px; color: #f28d79; font-size: 13px; font-weight: 900; line-height: 1.25; text-transform: uppercase; } .rs-scope-home .home-reviews h2 { max-width: 620px; margin: 0 0 16px; color: #fff; font-size: clamp(30px, 3.2vw, 44px); text-align: left; } .rs-scope-home .home-reviews__lead { max-width: 560px; margin: 0; color: rgba(255, 255, 255, .76); font-size: 18px; line-height: 1.55; } .rs-scope-home .home-reviews__facts { display: grid; margin: 24px 0; border-top: 1px solid rgba(255, 255, 255, .14); border-bottom: 1px solid rgba(255, 255, 255, .14); } .rs-scope-home .home-reviews__fact { display: grid; grid-template-columns: 132px minmax(0, 1fr); gap: 18px; min-width: 0; padding: 13px 0; } .rs-scope-home .home-reviews__fact + .home-reviews__fact { border-top: 1px solid rgba(255, 255, 255, .10); } .rs-scope-home .home-reviews__fact strong { display: block; color: #fff; font-size: 18px; line-height: 1.2; } .rs-scope-home .home-reviews__fact span { display: block; color: rgba(255, 255, 255, .66); font-size: 14px; line-height: 1.42; } .rs-scope-home .home-reviews__note { max-width: 470px; margin: 0 0 24px; color: rgba(255, 255, 255, .58); font-size: 13px; line-height: 1.45; } .rs-scope-home .home-reviews__cta { display: grid; margin: 22px 0 28px; gap: 12px; justify-items: start; } .rs-scope-home .home-reviews__cta span { max-width: 420px; color: rgba(255, 255, 255, .68); font-size: 14px; line-height: 1.45; } .rs-scope-home .home-reviews__widget { position: relative; justify-self: end; width: 100%; max-width: 560px; height: 720px; overflow: hidden; border-radius: 8px; background: #fff; box-shadow: 0 24px 60px rgba(23, 36, 43, .14), 0 0 0 1px rgba(207, 220, 224, .62); } .rs-scope-home .home-reviews__widget iframe { display: block; width: 100%; height: 100%; border: 1px solid #e6e6e6; border-radius: 8px; box-sizing: border-box; background: #fff; } .rs-scope-home .home-final { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 22px; align-items: center; padding: 28px; border-radius: 8px; background: var(--home-deep); color: #fff; } .rs-scope-home .home-final h2 { margin: 0 0 9px; color: #fff; font-size: clamp(26px, 3vw, 38px); } .rs-scope-home .home-final p { margin: 0; color: rgba(255, 255, 255, .78); font-size: 17px; } .rs-scope-home .home-links { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 24px; } .rs-scope-home .home-link { padding: 14px; border: 1px solid rgba(255, 255, 255, .16); border-radius: 8px; color: #fff; text-decoration: none; } .rs-scope-home .home-wow a.home-link, .rs-scope-home .home-wow a.home-link:visited { color: #fff !important; } .rs-scope-home .home-link:hover { border-color: rgba(255, 255, 255, .42); text-decoration: none; } .rs-scope-home .home-link span { display: block; margin-top: 5px; color: rgba(255, 255, 255, .68); font-size: 13px; line-height: 1.35; } @media (max-width: 980px) {.rs-scope-home .home-hero__inner { display: block; } .rs-scope-home .home-route { display: none; } .rs-scope-home .home-hero__panel { max-width: 460px; margin-top: 24px; } .rs-scope-home .home-trust__inner, .rs-scope-home .home-grid--solutions, .rs-scope-home .home-grid--scenario, .rs-scope-home .home-process, .rs-scope-home .home-links { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-home .home-trust__item, .rs-scope-home .home-trust__item:nth-child(n+4) { grid-column: auto; } .rs-scope-home .home-trust__item:nth-child(4):before { display: block; } .rs-scope-home .home-trust__item:nth-child(odd):before { display: none; } .rs-scope-home .home-trust__item:nth-child(n+3) { border-top: 1px solid rgba(143, 164, 169, .22); } .rs-scope-home .home-head, .rs-scope-home .home-split, .rs-scope-home .home-calc, .rs-scope-home .home-reviews, .rs-scope-home .home-final { grid-template-columns: 1fr; } .rs-scope-home .home-calc__media { max-width: 420px; } .rs-scope-home .home-reviews__copy { min-height: auto; } .rs-scope-home .home-reviews__widget { justify-self: start; max-width: 560px; height: 760px; }} @media (max-width: 620px) {.rs-scope-home .home-container, .rs-scope-home .home-hero__inner { width: min(100% - 28px, 1180px); } .rs-scope-home .home-hero { min-height: auto; background-position: 42% center; } .rs-scope-home .home-hero:before { background: linear-gradient(90deg, rgba(12, 25, 32, .94), rgba(12, 25, 32, .72)); } .rs-scope-home .home-hero__inner { padding: 32px 0 28px; } .rs-scope-home .home-eyebrow { margin-bottom: 12px; padding: 8px 10px; font-size: 11px; } .rs-scope-home .home-offer { display: grid; gap: 6px; margin-bottom: 14px; } .rs-scope-home .home-offer strong { width: max-content; min-height: 30px; padding: 6px 9px; } .rs-scope-home .home-hero h1 { margin-bottom: 12px; font-size: 32px; } .rs-scope-home .home-hero__lead { margin-bottom: 16px; font-size: 15px; line-height: 1.42; } .rs-scope-home .home-actions { gap: 8px; } .rs-scope-home .home-btn { min-height: 42px; padding: 10px 12px; font-size: 14px; } .rs-scope-home .home-hero__panel { margin-top: 18px; padding: 16px; } .rs-scope-home .home-panel__title { margin-bottom: 0; font-size: 20px; } .rs-scope-home .home-panel__text, .rs-scope-home .home-panel__meta, .rs-scope-home .home-hero__panel .home-btn { display: none; } .rs-scope-home .home-panel__list { margin: 12px 0 0; gap: 6px; } .rs-scope-home .home-panel__list li:nth-child(3) { display: none; } .rs-scope-home .home-trust__inner, .rs-scope-home .home-grid--solutions, .rs-scope-home .home-grid--scenario, .rs-scope-home .home-process, .rs-scope-home .home-links, .rs-scope-home .home-calc__facts { grid-template-columns: 1fr; } .rs-scope-home .home-section { padding: 38px 0; } .rs-scope-home .home-actions, .rs-scope-home .home-final .home-actions { width: 100%; } .rs-scope-home .home-btn { width: 100%; } .rs-scope-home .home-calc, .rs-scope-home .home-final { padding: 20px; } .rs-scope-home .home-trust { padding: 14px 0 16px; } .rs-scope-home .home-trust__inner { width: min(100% - 28px, 1180px); } .rs-scope-home .home-trust__item:before { display: none !important; } .rs-scope-home .home-trust__item + .home-trust__item { border-top: 1px solid rgba(143, 164, 169, .22); } .rs-scope-home .home-trust__item { min-height: 0; padding: 16px; } .rs-scope-home .home-trust__marker { min-height: 0; margin-bottom: 7px; font-size: 22px; } .rs-scope-home .home-reviews { gap: 24px; } .rs-scope-home .home-reviews__copy { padding: 22px; } .rs-scope-home .home-reviews__facts { margin: 18px 0; } .rs-scope-home .home-reviews__fact { grid-template-columns: 1fr; gap: 5px; padding: 13px 0; } .rs-scope-home .home-reviews__widget { height: 620px; }} /* Homepage refinement: clearer tasks, stronger proof and one visual system. */ .rs-scope-home .home-wow h2, .rs-scope-home .home-wow h3 { text-wrap: balance; } .rs-scope-home .home-wow p { text-wrap: pretty; } .rs-scope-home .home-section { padding: 76px 0; } .rs-scope-home .home-head { grid-template-columns: minmax(0, 1fr) minmax(320px, .62fr); gap: 42px; margin-bottom: 32px; } .rs-scope-home .home-head p { max-width: 560px; line-height: 1.6; } .rs-scope-home .home-hero .home-action-link { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; padding: 11px 4px; color: rgba(255, 255, 255, .72); font-size: 14px; font-weight: 700; line-height: 1.2; text-decoration: none; } .rs-scope-home .home-hero .home-action-link:after { content: "→"; transition: transform .2s ease; } .rs-scope-home .home-hero .home-action-link:hover { color: #fff; text-decoration: none; } .rs-scope-home .home-hero .home-action-link:hover:after { transform: translateX(4px); } .rs-scope-home .home-wow a.home-action-link, .rs-scope-home .home-wow a.home-action-link:visited { color: rgba(255, 255, 255, .72) !important; } .rs-scope-home .home-grid--solutions, .rs-scope-home .home-grid--scenario { gap: 20px; } .rs-scope-home .home-solution { display: flex; min-height: 100%; flex-direction: column; border-radius: 14px; box-shadow: 0 10px 30px rgba(23, 36, 43, .055); transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease; } .rs-scope-home .home-solution:hover { border-color: #9bc9b2; transform: translateY(-4px); box-shadow: 0 20px 46px rgba(23, 36, 43, .12); } .rs-scope-home .home-solution:focus-visible, .rs-scope-home .home-scenario:focus-visible { outline: 3px solid rgba(228, 61, 34, .42); outline-offset: 3px; } .rs-scope-home .home-solution__media { aspect-ratio: 16 / 9; } .rs-scope-home .home-solution__media img { transition: transform .45s ease, filter .45s ease; } .rs-scope-home .home-solution:hover .home-solution__media img { transform: scale(1.035); filter: saturate(1.04); } .rs-scope-home .home-solution__body { display: flex; flex: 1; flex-direction: column; padding: 22px; } .rs-scope-home .home-solution__tag { width: max-content; max-width: 100%; margin-bottom: 12px; padding: 5px 9px; border-radius: 999px; background: #edf7f2; color: #24684c; font-size: 12px; line-height: 1.2; } .rs-scope-home .home-solution h3 { margin-bottom: 10px; font-size: 23px; } .rs-scope-home .home-solution p { flex: 1; margin-bottom: 18px; font-size: 15px; line-height: 1.58; } .rs-scope-home .home-card-link, .rs-scope-home .home-scenario__link { display: inline-flex; align-items: center; gap: 9px; font-weight: 900; } .rs-scope-home .home-card-link:after, .rs-scope-home .home-scenario__link:after { content: "→"; transition: transform .2s ease; } .rs-scope-home .home-solution:hover .home-card-link:after, .rs-scope-home .home-scenario:hover .home-scenario__link:after { transform: translateX(4px); } .rs-scope-home .home-help { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 24px; padding: 20px 22px; border: 1px solid #cfe2da; border-left: 4px solid var(--home-green); border-radius: 12px; background: linear-gradient(90deg, #f1f8f5, #fbfdfc); } .rs-scope-home .home-help div { display: grid; gap: 3px; } .rs-scope-home .home-help strong { color: var(--home-ink); font-size: 18px; } .rs-scope-home .home-help span { color: var(--home-muted); } .rs-scope-home .home-help .home-btn { flex: 0 0 auto; } .rs-scope-home .home-split { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 52px; } .rs-scope-home .home-split__media { position: relative; border-radius: 16px; box-shadow: 0 22px 54px rgba(23, 36, 43, .13); } .rs-scope-home .home-split__media:after { content: ""; position: absolute; inset: 45% 0 0; background: linear-gradient(180deg, transparent, rgba(13, 29, 35, .82)); pointer-events: none; } .rs-scope-home .home-split__media img { aspect-ratio: 4 / 3.15; } .rs-scope-home .home-split__caption { position: absolute; z-index: 1; right: 24px; bottom: 22px; left: 24px; display: grid; gap: 3px; color: #fff; } .rs-scope-home .home-split__caption strong { font-size: 18px; line-height: 1.3; } .rs-scope-home .home-split__caption span { color: rgba(255, 255, 255, .76); font-size: 13px; } .rs-scope-home .home-split__content > p { max-width: 660px; margin-bottom: 20px; line-height: 1.62; } .rs-scope-home .home-checks { gap: 9px; margin-top: 0; } .rs-scope-home .home-checks li { display: grid; grid-template-columns: minmax(130px, .32fr) minmax(0, 1fr); gap: 18px; padding: 14px 16px; border-left-width: 3px; border-radius: 0 9px 9px 0; box-shadow: 0 7px 20px rgba(23, 36, 43, .04); } .rs-scope-home .home-checks strong { line-height: 1.35; } .rs-scope-home .home-checks span { color: var(--home-muted); } .rs-scope-home .home-split__actions { display: flex; align-items: center; gap: 16px; margin-top: 20px; } .rs-scope-home .home-split__actions > span { color: var(--home-muted); font-size: 13px; } .rs-scope-home .home-scenario { display: flex; min-height: 100%; flex-direction: column; overflow: hidden; border-radius: 14px; color: #fff; text-decoration: none; box-shadow: 0 18px 44px rgba(0, 0, 0, .13); transition: transform .24s ease, border-color .24s ease, background .24s ease; } .rs-scope-home .home-wow a.home-scenario, .rs-scope-home .home-wow a.home-scenario:visited { color: #fff !important; } .rs-scope-home .home-scenario:hover { border-color: rgba(255, 255, 255, .38); background: rgba(255, 255, 255, .09); color: #fff; text-decoration: none; transform: translateY(-4px); } .rs-scope-home .home-scenario img { aspect-ratio: 16 / 9; transition: transform .45s ease, filter .45s ease; } .rs-scope-home .home-scenario:hover img { transform: scale(1.035); filter: saturate(1.04); } .rs-scope-home .home-scenario__body { display: flex; flex: 1; flex-direction: column; padding: 22px; } .rs-scope-home .home-scenario__tag { display: inline-flex; width: max-content; max-width: 100%; margin-bottom: 11px; color: #9fd9bd; font-size: 12px; font-weight: 900; line-height: 1.3; text-transform: uppercase; } .rs-scope-home .home-scenario h3 { font-size: 23px; } .rs-scope-home .home-scenario p { flex: 1; color: rgba(255, 255, 255, .79); line-height: 1.55; } .rs-scope-home .home-scenario__features { display: flex; flex-wrap: wrap; gap: 7px; margin: 2px 0 20px; } .rs-scope-home .home-scenario__features span { padding: 6px 9px; border: 1px solid rgba(255, 255, 255, .16); border-radius: 999px; background: rgba(255, 255, 255, .06); color: rgba(255, 255, 255, .82); font-size: 12px; line-height: 1.2; } .rs-scope-home .home-scenario__link { color: #bce8d2; } .rs-scope-home .home-calc { grid-template-columns: minmax(0, 1fr) minmax(340px, 400px); gap: 44px; padding: 36px; border-radius: 16px; box-shadow: 0 22px 52px rgba(23, 36, 43, .08); } .rs-scope-home .home-calc > div:first-child { padding: 4px 0; } .rs-scope-home .home-calc p { max-width: 690px; margin-bottom: 22px; line-height: 1.62; } .rs-scope-home .home-calc__facts { gap: 12px; margin-bottom: 22px; } .rs-scope-home .home-calc__fact { min-height: 86px; padding: 14px; border-color: #d8e8e1; border-radius: 10px; background: #f2f8f5; } .rs-scope-home .home-calc__fact strong { color: var(--home-green); font-size: 13px; letter-spacing: .05em; } .rs-scope-home .home-calc__fact span { margin-top: 8px; color: #405159; font-size: 14px; font-weight: 700; } .rs-scope-home .home-calc__note { display: block; margin-top: 13px; color: #6a797f; font-size: 13px; line-height: 1.45; } .rs-scope-home .home-calc__media { position: relative; min-height: 100%; border-radius: 14px; background: var(--home-deep); } .rs-scope-home .home-calc__media:after { content: ""; position: absolute; inset: 38% 0 0; background: linear-gradient(180deg, transparent, rgba(13, 29, 35, .88)); pointer-events: none; } .rs-scope-home .home-calc__media img { height: 100%; min-height: 360px; aspect-ratio: auto; object-fit: cover; } .rs-scope-home .home-calc__media-note { position: absolute; z-index: 1; right: 22px; bottom: 20px; left: 22px; display: grid; gap: 4px; color: #fff; } .rs-scope-home .home-calc__media-note strong { font-size: 18px; } .rs-scope-home .home-calc__media-note span { color: rgba(255, 255, 255, .76); font-size: 13px; line-height: 1.4; } .rs-scope-home .home-process { position: relative; gap: 18px; } .rs-scope-home .home-process:before { content: ""; position: absolute; top: 41px; right: 6%; left: 6%; height: 2px; background: linear-gradient(90deg, var(--home-red), var(--home-amber), var(--home-green)); opacity: .42; } .rs-scope-home .home-step { position: relative; min-height: 188px; padding: 22px; border-radius: 14px; box-shadow: 0 12px 32px rgba(23, 36, 43, .06); } .rs-scope-home .home-step:after { content: ""; position: absolute; inset: 0 0 auto; height: 3px; border-radius: 14px 14px 0 0; background: linear-gradient(90deg, var(--home-red), var(--home-amber), var(--home-green)); opacity: .7; } .rs-scope-home .home-step:before { position: relative; z-index: 1; width: 42px; height: 42px; margin-bottom: 18px; border: 5px solid #fff; background: var(--home-green); box-shadow: 0 0 0 1px #b9d9ca; } .rs-scope-home .home-step strong { font-size: 19px; } .rs-scope-home .home-step p { line-height: 1.52; } .rs-scope-home .home-section--reviews { background: linear-gradient(180deg, #fff 0%, #f0f6f5 100%); } .rs-scope-home .home-reviews { grid-template-columns: minmax(330px, .76fr) minmax(520px, 1.24fr); gap: 24px; } .rs-scope-home .home-reviews__copy { min-height: 640px; padding: 34px 32px; border-radius: 16px; } .rs-scope-home .home-reviews__kicker { color: #ff9e8b; letter-spacing: .035em; } .rs-scope-home .home-reviews h2 { font-size: clamp(30px, 3vw, 42px); } .rs-scope-home .home-reviews__lead { color: rgba(255, 255, 255, .82); font-size: 17px; } .rs-scope-home .home-reviews__facts { margin: 24px 0 20px; } .rs-scope-home .home-reviews__fact { grid-template-columns: 138px minmax(0, 1fr); gap: 16px; } .rs-scope-home .home-reviews__fact span { color: rgba(255, 255, 255, .76); } .rs-scope-home .home-reviews__cta { margin: 2px 0 18px; } .rs-scope-home .home-reviews__cta span { color: rgba(255, 255, 255, .76); } .rs-scope-home .home-reviews__note { margin: 0; color: rgba(255, 255, 255, .64); } .rs-scope-home .home-reviews__widget { max-width: none; min-height: 640px; height: auto; border-radius: 16px; } .rs-scope-home .home-reviews__widget iframe { border-radius: 16px; } @media (max-width: 1100px) { .rs-scope-home .home-reviews { grid-template-columns: minmax(300px, .82fr) minmax(440px, 1.18fr); } .rs-scope-home .home-reviews h2 { font-size: 34px; } .rs-scope-home .home-reviews__fact { grid-template-columns: 1fr; gap: 4px; } } @media (max-width: 980px) { .rs-scope-home .home-section { padding: 62px 0; } .rs-scope-home .home-head, .rs-scope-home .home-split, .rs-scope-home .home-calc, .rs-scope-home .home-reviews { grid-template-columns: 1fr; } .rs-scope-home .home-head { gap: 12px; } .rs-scope-home .home-split { gap: 34px; } .rs-scope-home .home-calc { gap: 30px; } .rs-scope-home .home-calc__media { width: 100%; max-width: none; } .rs-scope-home .home-calc__media img { min-height: 320px; } .rs-scope-home .home-reviews__copy { min-height: auto; } .rs-scope-home .home-reviews__widget { justify-self: stretch; width: 100%; max-width: none; height: 680px; } } @media (max-width: 620px) { .rs-scope-home .home-section { padding: 48px 0; } .rs-scope-home .home-head { margin-bottom: 24px; } .rs-scope-home .home-head h2, .rs-scope-home .home-split h2, .rs-scope-home .home-calc h2 { font-size: 30px; } .rs-scope-home .home-head p, .rs-scope-home .home-split p, .rs-scope-home .home-calc p { font-size: 16px; } .rs-scope-home .home-solution__body, .rs-scope-home .home-scenario__body { padding: 20px; } .rs-scope-home .home-solution h3, .rs-scope-home .home-scenario h3 { font-size: 22px; } .rs-scope-home .home-help { align-items: stretch; flex-direction: column; padding: 18px; } .rs-scope-home .home-help .home-btn { width: 100%; } .rs-scope-home .home-hero .home-action-link { width: 100%; min-height: 42px; } .rs-scope-home .home-split__caption { right: 18px; bottom: 16px; left: 18px; } .rs-scope-home .home-checks li { grid-template-columns: 1fr; gap: 5px; } .rs-scope-home .home-split__actions { align-items: stretch; flex-direction: column; } .rs-scope-home .home-scenario__features { margin-bottom: 18px; } .rs-scope-home .home-calc { padding: 22px; } .rs-scope-home .home-calc__media img { min-height: 250px; } .rs-scope-home .home-calc__media-note { right: 18px; bottom: 16px; left: 18px; } .rs-scope-home .home-process { gap: 14px; } .rs-scope-home .home-process:before { top: 32px; right: auto; bottom: 32px; left: 36px; width: 2px; height: auto; } .rs-scope-home .home-step { min-height: 0; padding: 20px 18px 20px 68px; } .rs-scope-home .home-step:before { position: absolute; top: 18px; left: 16px; width: 40px; height: 40px; margin: 0; } .rs-scope-home .home-reviews__copy { padding: 24px 22px; } .rs-scope-home .home-reviews h2 { font-size: 31px; } .rs-scope-home .home-reviews__widget { min-height: 0; height: 600px; } } /* Source: /privacy-policy/index.php; Scope: .rs-scope-privacy-policy; blocks: 1 */ .rs-scope-privacy-policy .privacy-doc { --privacy-ink: #1f2a32; --privacy-muted: #61717c; --privacy-line: #dfe8ec; --privacy-soft: #f6f9fa; --privacy-red: #e43d22; --privacy-green: #1f7a4d; color: var(--privacy-ink); font-family: inherit; font-size: 16px; line-height: 1.62; } .rs-scope-privacy-policy .privacy-doc * { box-sizing: border-box; } .rs-scope-privacy-policy .privacy-doc ul, .rs-scope-privacy-policy .privacy-doc ol { margin: 0; padding-left: 0; list-style: none; } .rs-scope-privacy-policy .privacy-doc li { margin: 0; padding-left: 0; color: inherit; font-size: inherit; position: static; } .rs-scope-privacy-policy .privacy-doc li::before, .rs-scope-privacy-policy .privacy-doc li::after { content: none !important; display: none !important; background: none !important; } .rs-scope-privacy-policy .privacy-doc__wrap { width: min(1080px, calc(100% - 40px)); margin: 0 auto; padding: 24px 0 56px; } .rs-scope-privacy-policy .privacy-doc__lead { display: grid; gap: 18px; margin: 0 0 28px; padding: 24px; border-left: 4px solid var(--privacy-red); background: var(--privacy-soft); } .rs-scope-privacy-policy .privacy-doc__lead p, .rs-scope-privacy-policy .privacy-doc p { margin: 0 0 12px; } .rs-scope-privacy-policy .privacy-doc__meta { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; color: var(--privacy-muted); font-size: 14px; } .rs-scope-privacy-policy .privacy-doc__meta li { padding: 6px 10px; border: 1px solid var(--privacy-line); background: #fff; } .rs-scope-privacy-policy .privacy-doc h2 { margin: 34px 0 14px; color: var(--privacy-ink); font-size: clamp(24px, 2.5vw, 32px); line-height: 1.2; letter-spacing: 0; } .rs-scope-privacy-policy .privacy-doc h3 { margin: 22px 0 10px; color: var(--privacy-ink); font-size: 20px; line-height: 1.25; letter-spacing: 0; } .rs-scope-privacy-policy .privacy-doc a { color: var(--privacy-red); text-decoration: underline; text-underline-offset: 3px; } .rs-scope-privacy-policy .privacy-doc__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; } .rs-scope-privacy-policy .privacy-doc__box { min-width: 0; padding: 18px; border: 1px solid var(--privacy-line); background: #fff; } .rs-scope-privacy-policy .privacy-doc__box strong { display: block; margin-bottom: 6px; } .rs-scope-privacy-policy .privacy-doc__list { display: grid; gap: 8px; margin: 0; padding-left: 0; list-style: none; } .rs-scope-privacy-policy .privacy-doc__list li { position: relative; margin: 0; padding-left: 18px; } .rs-scope-privacy-policy .privacy-doc__list li::before { content: "" !important; display: block !important; position: absolute; left: 0; top: .72em; width: 7px; height: 7px; border-radius: 50%; background: var(--privacy-green) !important; } .rs-scope-privacy-policy .privacy-doc__table-wrap { overflow-x: auto; margin: 16px 0 8px; border: 1px solid var(--privacy-line); } .rs-scope-privacy-policy .privacy-doc table { width: 100%; min-width: 760px; border-collapse: collapse; background: #fff; } .rs-scope-privacy-policy .privacy-doc th, .rs-scope-privacy-policy .privacy-doc td { padding: 14px; border-bottom: 1px solid var(--privacy-line); text-align: left; vertical-align: top; } .rs-scope-privacy-policy .privacy-doc th { background: var(--privacy-soft); color: #27343c; font-weight: 700; } .rs-scope-privacy-policy .privacy-doc tr:last-child td { border-bottom: 0; } .rs-scope-privacy-policy .privacy-doc__note { margin-top: 18px; padding: 16px 18px; border-left: 4px solid var(--privacy-green); background: var(--privacy-soft); } @media (max-width: 760px) {.rs-scope-privacy-policy .privacy-doc__wrap { width: min(100% - 24px, 1080px); padding-top: 16px; } .rs-scope-privacy-policy .privacy-doc__lead { padding: 18px; } .rs-scope-privacy-policy .privacy-doc__grid { grid-template-columns: 1fr; } .rs-scope-privacy-policy .privacy-doc th, .rs-scope-privacy-policy .privacy-doc td { padding: 12px; }} /* Source: /remont/index.php; Scope: .rs-scope-remont; blocks: 1 */ .rs-scope-remont .svc-page { --svc-red: #e30613; --svc-green: #1d7b4c; --svc-blue: #2e7fa4; --svc-ink: #1f2f37; --svc-text: #31424a; --svc-muted: #5e6d74; --svc-line: #dce6ea; --svc-soft: #f4f8f7; --svc-warm: #fff7e8; width: 100%; max-width: 1140px; margin: 0 auto; color: var(--svc-text); font-family: inherit; font-size: 16px; line-height: 1.55; overflow-wrap: break-word; } .rs-scope-remont .svc-page * { box-sizing: border-box; } .rs-scope-remont .svc-page img { display: block; max-width: 100%; height: auto; } .rs-scope-remont .svc-page h1, .rs-scope-remont .svc-page h2, .rs-scope-remont .svc-page h3 { margin: 0; color: var(--svc-ink); line-height: 1.2; letter-spacing: 0; } .rs-scope-remont .svc-page p { margin: 0; } .rs-scope-remont .svc-page a { text-decoration: none; } .rs-scope-remont .svc-page .call_phone_1 { display: inline-flex; align-items: center; } .rs-scope-remont .svc-page .call_phone_1 a, .rs-scope-remont .svc-page .call_phone_1 a:visited { color: inherit !important; text-decoration: none; } .rs-scope-remont .svc-page .call_phone_1 a:hover { text-decoration: none; } .rs-scope-remont .svc-section, .rs-scope-remont .svc-hero, .rs-scope-remont .svc-request, .rs-scope-remont .svc-alert, .rs-scope-remont .svc-cta { margin: 0 0 34px; } .rs-scope-remont .svc-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(460px, .95fr); gap: 28px; align-items: stretch; padding: 28px; border: 1px solid var(--svc-line); border-left: 5px solid var(--svc-red); border-radius: 8px; background: #fff; } .rs-scope-remont .svc-hero__copy { min-width: 0; display: flex; flex-direction: column; justify-content: center; } .rs-scope-remont .svc-eyebrow { margin: 0 0 9px; color: var(--svc-green); font-size: 13px; font-weight: 700; line-height: 1.35; text-transform: uppercase; } .rs-scope-remont .svc-hero h1 { margin: 0 0 12px; font-size: 42px; } .rs-scope-remont .svc-lead { color: var(--svc-muted); font-size: 18px; } .rs-scope-remont .svc-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; } .rs-scope-remont .svc-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 12px 18px; border: 1px solid var(--svc-red); border-radius: 6px; font-weight: 700; line-height: 1.2; text-align: center; } .rs-scope-remont .svc-btn--primary { background: var(--svc-red); color: #fff; } .rs-scope-remont .svc-btn--secondary { border-color: var(--svc-green); background: #fff; color: var(--svc-green); } .rs-scope-remont .svc-page a.svc-btn--primary, .rs-scope-remont .svc-page a.svc-btn--primary:visited { color: #fff !important; } .rs-scope-remont .svc-page a.svc-btn--secondary, .rs-scope-remont .svc-page a.svc-btn--secondary:visited { color: var(--svc-green) !important; } .rs-scope-remont .svc-page a.svc-btn:hover { opacity: .9; text-decoration: none; } .rs-scope-remont .svc-note { margin-top: 14px; color: var(--svc-muted); font-size: 14px; line-height: 1.45; } .rs-scope-remont .svc-hero__media { min-height: 370px; overflow: hidden; border-radius: 8px; background: var(--svc-soft); } .rs-scope-remont .svc-hero__media img { width: 100%; height: 100%; object-fit: cover; } .rs-scope-remont .svc-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-top: 22px; } .rs-scope-remont .svc-hero > .svc-facts { grid-column: 1 / -1; } .rs-scope-remont .svc-fact { padding: 14px; border: 1px solid var(--svc-line); border-radius: 8px; background: var(--svc-soft); } .rs-scope-remont .svc-fact strong { display: block; color: var(--svc-green); font-size: 18px; line-height: 1.15; } .rs-scope-remont .svc-fact span { display: block; margin-top: 6px; color: var(--svc-muted); font-size: 13px; line-height: 1.35; } .rs-scope-remont .svc-head { margin-bottom: 16px; } .rs-scope-remont .svc-head h2, .rs-scope-remont .svc-section > h2 { margin: 0 0 8px; font-size: 30px; } .rs-scope-remont .svc-head p { color: var(--svc-muted); } .rs-scope-remont .svc-alert { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 22px; align-items: center; padding: 22px 24px; border: 1px solid #f0d8aa; border-radius: 8px; background: var(--svc-warm); } .rs-scope-remont .svc-alert strong { display: block; margin-bottom: 6px; color: #8b4b00; font-size: 18px; } .rs-scope-remont .svc-alert p { color: #5f4a2a; } .rs-scope-remont .svc-alert__phone { white-space: nowrap; color: var(--svc-red); font-size: 20px; font-weight: 800; } .rs-scope-remont .svc-grid, .rs-scope-remont .svc-service-grid, .rs-scope-remont .svc-plan-grid, .rs-scope-remont .svc-step-grid, .rs-scope-remont .svc-faq, .rs-scope-remont .svc-link-grid { display: grid; gap: 16px; } .rs-scope-remont .svc-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .rs-scope-remont .svc-card, .rs-scope-remont .svc-service, .rs-scope-remont .svc-plan, .rs-scope-remont .svc-step, .rs-scope-remont .svc-faq details, .rs-scope-remont .svc-link { border: 1px solid var(--svc-line); border-radius: 8px; background: #fff; } .rs-scope-remont .svc-card { padding: 20px; border-top: 3px solid var(--svc-blue); } .rs-scope-remont .svc-card strong, .rs-scope-remont .svc-service strong, .rs-scope-remont .svc-plan strong, .rs-scope-remont .svc-step strong { display: block; margin-bottom: 7px; color: var(--svc-ink); font-size: 17px; line-height: 1.25; } .rs-scope-remont .svc-card p, .rs-scope-remont .svc-service p, .rs-scope-remont .svc-plan p, .rs-scope-remont .svc-step p { color: var(--svc-muted); } .rs-scope-remont .svc-service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-remont .svc-service { overflow: hidden; } .rs-scope-remont .svc-service__media { aspect-ratio: 16 / 8.4; background: var(--svc-soft); } .rs-scope-remont .svc-service__media img { width: 100%; height: 100%; object-fit: cover; } .rs-scope-remont .svc-service__body { padding: 20px; } .rs-scope-remont .svc-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 12px; } .rs-scope-remont .svc-tags span { padding: 5px 8px; border-radius: 6px; background: var(--svc-soft); color: var(--svc-muted); font-size: 12px; line-height: 1.2; } .rs-scope-remont .svc-plan-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-remont .svc-plan { padding: 22px; } .rs-scope-remont .svc-plan ul, .rs-scope-remont .svc-request ul { margin: 12px 0 0; padding-left: 18px; } .rs-scope-remont .svc-plan li, .rs-scope-remont .svc-request li { margin: 0 0 7px; color: var(--svc-muted); } .rs-scope-remont .svc-step-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); counter-reset: svc-step; } .rs-scope-remont .svc-step { position: relative; padding: 50px 15px 16px; } .rs-scope-remont .svc-step:before { counter-increment: svc-step; content: counter(svc-step); position: absolute; top: 15px; left: 15px; width: 26px; height: 26px; border-radius: 50%; background: var(--svc-green); color: #fff; font-size: 14px; font-weight: 800; line-height: 26px; text-align: center; } .rs-scope-remont .svc-request { display: grid; grid-template-columns: minmax(0, .95fr) minmax(420px, 1.05fr); gap: 28px; align-items: start; padding: 28px; border: 1px solid var(--svc-line); border-radius: 8px; background: var(--svc-soft); } .rs-scope-remont .svc-request h2 { margin-bottom: 10px; font-size: 30px; } .rs-scope-remont .svc-request__copy p { color: var(--svc-muted); } .rs-scope-remont .svc-request__form { min-width: 0; padding: 22px; border: 1px solid var(--svc-line); border-radius: 8px; background: #fff; } .rs-scope-remont .svc-request__form .calc__form, .rs-scope-remont .svc-request__form .calc__form_order { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } .rs-scope-remont .svc-request__form fieldset { min-width: 0; margin: 0 !important; padding: 0 !important; border: 0 !important; } .rs-scope-remont .svc-request__form .middle__field { display: block !important; width: 100% !important; margin: 0 0 12px !important; } .rs-scope-remont .svc-request__form .middle__lable { display: block !important; width: auto !important; margin: 0 0 6px !important; color: var(--svc-ink) !important; font-weight: 700 !important; line-height: 1.3 !important; text-align: left !important; } .rs-scope-remont .svc-request__form .middle__input, .rs-scope-remont .svc-request__form .middle__textarea { width: 100% !important; max-width: 100% !important; min-height: 42px; padding: 10px 12px !important; border: 1px solid #cbd8dd !important; border-radius: 6px !important; color: var(--svc-text) !important; font: inherit !important; } .rs-scope-remont .svc-request__form .middle__textarea { min-height: 110px; resize: vertical; } .rs-scope-remont .svc-request__form .calc__bottom { display: block !important; } .rs-scope-remont .svc-request__form .checkbox__item { margin: 8px 0 12px !important; color: var(--svc-muted); font-size: 13px; line-height: 1.35; } .rs-scope-remont .svc-request__form .bottom__submit { display: block !important; margin: 0 !important; text-align: left !important; } .rs-scope-remont .svc-request__form .bottom__submit p { margin: 0 0 10px !important; color: var(--svc-muted) !important; font-size: 13px !important; } .rs-scope-remont .svc-request__form .bottom__button, .rs-scope-remont .svc-request__form input[type="submit"] { display: inline-flex !important; align-items: center; justify-content: center; min-height: 44px !important; padding: 12px 20px !important; border: 1px solid var(--svc-red) !important; border-radius: 6px !important; background: var(--svc-red) !important; color: #fff !important; font-weight: 700 !important; line-height: 1.2 !important; cursor: pointer; } .rs-scope-remont .svc-faq details { padding: 0; } .rs-scope-remont .svc-faq summary { cursor: pointer; padding: 16px 18px; color: var(--svc-ink); font-weight: 700; } .rs-scope-remont .svc-faq details p { padding: 0 18px 16px; color: var(--svc-muted); } .rs-scope-remont .svc-cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 22px; align-items: center; padding: 24px; border: 1px solid var(--svc-line); border-radius: 8px; background: var(--svc-soft); } .rs-scope-remont .svc-cta h2 { margin-bottom: 8px; font-size: 28px; } .rs-scope-remont .svc-cta p { color: var(--svc-muted); } .rs-scope-remont .svc-link-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .rs-scope-remont .svc-link { display: block; padding: 15px; color: var(--svc-ink); font-weight: 700; } .rs-scope-remont .svc-page a.svc-link:visited { color: var(--svc-ink); } .rs-scope-remont .svc-page a.svc-link:hover { color: var(--svc-red); text-decoration: none; } @media (max-width: 900px) {.rs-scope-remont .svc-hero, .rs-scope-remont .svc-request, .rs-scope-remont .svc-cta, .rs-scope-remont .svc-alert { grid-template-columns: 1fr; } .rs-scope-remont .svc-hero__media { min-height: 260px; } .rs-scope-remont .svc-facts, .rs-scope-remont .svc-step-grid { grid-template-columns: minmax(0, 1fr); } .rs-scope-remont .svc-alert__phone { white-space: normal; }} @media (max-width: 640px) {.rs-scope-remont .svc-page { font-size: 15px; } .rs-scope-remont .svc-hero, .rs-scope-remont .svc-request, .rs-scope-remont .svc-cta, .rs-scope-remont .svc-alert { padding: 16px; } .rs-scope-remont .svc-hero h1 { font-size: 27px; } .rs-scope-remont .svc-head h2, .rs-scope-remont .svc-section > h2, .rs-scope-remont .svc-request h2 { font-size: 23px; } .rs-scope-remont .svc-grid, .rs-scope-remont .svc-service-grid, .rs-scope-remont .svc-plan-grid, .rs-scope-remont .svc-facts, .rs-scope-remont .svc-step-grid, .rs-scope-remont .svc-link-grid { grid-template-columns: 1fr; } .rs-scope-remont .svc-hero__media { min-height: 210px; order: -1; } .rs-scope-remont .svc-actions { flex-direction: column; } .rs-scope-remont .svc-btn { width: 100%; } .rs-scope-remont .svc-request__form { padding: 14px; }} /* Source: /rolstavni/antivandalnye/index.php; Scope: .rs-scope-rolstavni-antivandalnye; blocks: 1 */ .rs-scope-rolstavni-antivandalnye .roll-page { --rs-red: #e30613; --rs-ink: #1d2d35; --rs-muted: #5b6971; --rs-line: #dfe7ea; --rs-soft: #f4f8f6; --rs-soft-green: #edf7f2; --rs-green: #1f8b4c; --rs-blue: #2f8fb3; color: #26343c; font-family: inherit; font-size: 16px; line-height: 1.55; } .rs-scope-rolstavni-antivandalnye .roll-page * { box-sizing: border-box; } .rs-scope-rolstavni-antivandalnye .roll-page img { display: block; max-width: 100%; height: auto; } .rs-scope-rolstavni-antivandalnye .roll-page h2, .rs-scope-rolstavni-antivandalnye .roll-page h3, .rs-scope-rolstavni-antivandalnye .roll-page .roll-hero-title { color: var(--rs-ink); line-height: 1.2; letter-spacing: 0; } .rs-scope-rolstavni-antivandalnye .roll-page p { margin-top: 0; } .rs-scope-rolstavni-antivandalnye .roll-hero, .rs-scope-rolstavni-antivandalnye .roll-section, .rs-scope-rolstavni-antivandalnye .roll-cta { max-width: 847px; margin: 0 auto 34px; } .rs-scope-rolstavni-antivandalnye .roll-hero__media { overflow: hidden; border-radius: 8px; background: var(--rs-soft); } .rs-scope-rolstavni-antivandalnye .roll-hero__media img { width: 100%; height: 390px; object-fit: cover; object-position: center center; } .rs-scope-rolstavni-antivandalnye .roll-hero__body { padding-top: 22px; } .rs-scope-rolstavni-antivandalnye .roll-eyebrow { margin: 0 0 10px; color: var(--rs-green); font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0; } .rs-scope-rolstavni-antivandalnye .roll-hero-title { margin: 0 0 14px; font-size: 32px; } .rs-scope-rolstavni-antivandalnye .roll-lead { margin: 0 0 18px; color: var(--rs-muted); font-size: 17px; line-height: 1.55; } .rs-scope-rolstavni-antivandalnye .roll-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 8px; } .rs-scope-rolstavni-antivandalnye .roll-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 12px 18px; border: 1px solid var(--rs-red); border-radius: 6px; font-weight: 700; text-align: center; text-decoration: none; line-height: 1.2; transition: opacity .2s ease; } .rs-scope-rolstavni-antivandalnye .roll-btn--primary { background: var(--rs-red); border-color: var(--rs-red); color: #fff; } .rs-scope-rolstavni-antivandalnye .roll-page a.roll-btn--primary, .rs-scope-rolstavni-antivandalnye .roll-page a.roll-btn--primary:visited { color: #fff !important; } .rs-scope-rolstavni-antivandalnye .roll-btn--secondary { background: #fff; border-color: var(--rs-green); color: var(--rs-green); } .rs-scope-rolstavni-antivandalnye .roll-page a.roll-btn--secondary, .rs-scope-rolstavni-antivandalnye .roll-page a.roll-btn--secondary:visited { color: var(--rs-green) !important; } .rs-scope-rolstavni-antivandalnye .roll-page .roll-btn:hover { opacity: .86; text-decoration: none; } .rs-scope-rolstavni-antivandalnye .roll-note { margin: 14px 0 0; color: var(--rs-muted); font-size: 14px; line-height: 1.45; } .rs-scope-rolstavni-antivandalnye .roll-section-head { margin-bottom: 16px; } .rs-scope-rolstavni-antivandalnye .roll-section-head h2, .rs-scope-rolstavni-antivandalnye .roll-section h2 { margin: 0 0 8px; font-size: 26px; } .rs-scope-rolstavni-antivandalnye .roll-section-head p { margin: 0; color: var(--rs-muted); } .rs-scope-rolstavni-antivandalnye .roll-facts, .rs-scope-rolstavni-antivandalnye .roll-cards, .rs-scope-rolstavni-antivandalnye .roll-series, .rs-scope-rolstavni-antivandalnye .roll-profile-grid, .rs-scope-rolstavni-antivandalnye .roll-media-grid, .rs-scope-rolstavni-antivandalnye .roll-mounts, .rs-scope-rolstavni-antivandalnye .roll-options, .rs-scope-rolstavni-antivandalnye .roll-faq { display: grid; gap: 14px; } .rs-scope-rolstavni-antivandalnye .roll-facts { grid-template-columns: repeat(4, minmax(0, 1fr)); } .rs-scope-rolstavni-antivandalnye .roll-card, .rs-scope-rolstavni-antivandalnye .roll-fact, .rs-scope-rolstavni-antivandalnye .roll-series-card, .rs-scope-rolstavni-antivandalnye .roll-profile-card, .rs-scope-rolstavni-antivandalnye .roll-media-card, .rs-scope-rolstavni-antivandalnye .roll-mount, .rs-scope-rolstavni-antivandalnye .roll-option, .rs-scope-rolstavni-antivandalnye .roll-faq details { border: 1px solid var(--rs-line); border-radius: 8px; background: #fff; } .rs-scope-rolstavni-antivandalnye .roll-fact { padding: 16px; border-top: 3px solid var(--rs-green); } .rs-scope-rolstavni-antivandalnye .roll-fact strong, .rs-scope-rolstavni-antivandalnye .roll-card strong, .rs-scope-rolstavni-antivandalnye .roll-series-card strong, .rs-scope-rolstavni-antivandalnye .roll-profile-card strong, .rs-scope-rolstavni-antivandalnye .roll-media-card strong, .rs-scope-rolstavni-antivandalnye .roll-mount strong, .rs-scope-rolstavni-antivandalnye .roll-option strong { display: block; margin-bottom: 7px; color: var(--rs-ink); font-size: 17px; line-height: 1.25; } .rs-scope-rolstavni-antivandalnye .roll-fact strong { color: var(--rs-green); } .rs-scope-rolstavni-antivandalnye .roll-fact p, .rs-scope-rolstavni-antivandalnye .roll-card p, .rs-scope-rolstavni-antivandalnye .roll-series-card p, .rs-scope-rolstavni-antivandalnye .roll-profile-card p, .rs-scope-rolstavni-antivandalnye .roll-media-card p, .rs-scope-rolstavni-antivandalnye .roll-mount p, .rs-scope-rolstavni-antivandalnye .roll-option p { margin: 0; color: var(--rs-muted); line-height: 1.5; } .rs-scope-rolstavni-antivandalnye .roll-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-rolstavni-antivandalnye .roll-card { padding: 18px; } .rs-scope-rolstavni-antivandalnye .roll-card--accent { border-color: #cfe3da; background: #f7fbf9; } .rs-scope-rolstavni-antivandalnye .roll-band { padding: 20px; border: 1px solid #cfe3da; border-radius: 8px; background: #f7fbf9; } .rs-scope-rolstavni-antivandalnye .roll-band h2 { margin-bottom: 8px; } .rs-scope-rolstavni-antivandalnye .roll-band p { margin: 0; color: var(--rs-muted); } .rs-scope-rolstavni-antivandalnye .roll-series { grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); align-items: stretch; } .rs-scope-rolstavni-antivandalnye .roll-series-card { overflow: hidden; } .rs-scope-rolstavni-antivandalnye .roll-series-card img { width: 100%; height: 260px; object-fit: cover; background: var(--rs-soft); } .rs-scope-rolstavni-antivandalnye .roll-series-card__body { padding: 16px; } .rs-scope-rolstavni-antivandalnye .roll-spec-list { display: grid; gap: 8px; margin: 12px 0 0; padding: 0; list-style: none; } .rs-scope-rolstavni-antivandalnye .roll-spec-list li { color: var(--rs-muted); font-size: 14px; line-height: 1.4; } .rs-scope-rolstavni-antivandalnye .roll-spec-list b { color: var(--rs-ink); font-weight: 700; } .rs-scope-rolstavni-antivandalnye .roll-table-wrap { overflow-x: auto; border: 1px solid var(--rs-line); border-radius: 8px; background: #fff; } .rs-scope-rolstavni-antivandalnye .roll-table { width: 100%; min-width: 680px; border-collapse: collapse; } .rs-scope-rolstavni-antivandalnye .roll-table th, .rs-scope-rolstavni-antivandalnye .roll-table td { padding: 12px 13px; border-bottom: 1px solid var(--rs-line); text-align: left; vertical-align: top; } .rs-scope-rolstavni-antivandalnye .roll-table th { color: var(--rs-ink); background: var(--rs-soft); font-weight: 700; } .rs-scope-rolstavni-antivandalnye .roll-table td { color: var(--rs-muted); } .rs-scope-rolstavni-antivandalnye .roll-table tr:last-child td { border-bottom: 0; } .rs-scope-rolstavni-antivandalnye .roll-profile-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-rolstavni-antivandalnye .roll-profile-card { overflow: hidden; } .rs-scope-rolstavni-antivandalnye .roll-profile-card img { width: 100%; height: 210px; object-fit: cover; background: #121820; } .rs-scope-rolstavni-antivandalnye .roll-profile-card--contain img { object-fit: contain; padding: 12px; background: #f6f8f9; } .rs-scope-rolstavni-antivandalnye .roll-profile-card__body { padding: 16px; } .rs-scope-rolstavni-antivandalnye .roll-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; } .rs-scope-rolstavni-antivandalnye .roll-tag { display: inline-flex; align-items: center; min-height: 30px; padding: 5px 9px; border: 1px solid #cfe3da; border-radius: 6px; background: #fff; color: var(--rs-green); font-size: 13px; font-weight: 700; line-height: 1.2; } .rs-scope-rolstavni-antivandalnye .roll-media-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .rs-scope-rolstavni-antivandalnye .roll-media-card { overflow: hidden; } .rs-scope-rolstavni-antivandalnye .roll-media-card img { width: 100%; height: 160px; object-fit: cover; background: var(--rs-soft); } .rs-scope-rolstavni-antivandalnye .roll-media-card--contain img { object-fit: contain; padding: 12px; } .rs-scope-rolstavni-antivandalnye .roll-media-card__body { padding: 15px; } .rs-scope-rolstavni-antivandalnye .roll-image-strip { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px; align-items: stretch; } .rs-scope-rolstavni-antivandalnye .roll-image-strip__image { overflow: hidden; border: 1px solid var(--rs-line); border-radius: 8px; background: var(--rs-soft); } .rs-scope-rolstavni-antivandalnye .roll-image-strip__image img { width: 100%; height: 100%; min-height: 270px; object-fit: cover; } .rs-scope-rolstavni-antivandalnye .roll-color-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 12px 0 0; padding: 0; list-style: none; } .rs-scope-rolstavni-antivandalnye .roll-color-list li { display: flex; align-items: center; gap: 8px; min-width: 0; color: var(--rs-muted); font-size: 13px; line-height: 1.3; } .rs-scope-rolstavni-antivandalnye .roll-swatch { flex: 0 0 auto; width: 20px; height: 20px; border: 1px solid #b7c2c7; border-radius: 50%; } .rs-scope-rolstavni-antivandalnye .roll-mounts { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-rolstavni-antivandalnye .roll-mount { overflow: hidden; } .rs-scope-rolstavni-antivandalnye .roll-mount img { width: 100%; height: 230px; object-fit: cover; background: var(--rs-soft); } .rs-scope-rolstavni-antivandalnye .roll-mount__body { padding: 16px; } .rs-scope-rolstavni-antivandalnye .roll-options { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-rolstavni-antivandalnye .roll-option { overflow: hidden; } .rs-scope-rolstavni-antivandalnye .roll-option img { width: 100%; height: 220px; object-fit: cover; background: var(--rs-soft); } .rs-scope-rolstavni-antivandalnye .roll-option--contain img { object-fit: contain; padding: 12px; } .rs-scope-rolstavni-antivandalnye .roll-option__body { padding: 16px; } .rs-scope-rolstavni-antivandalnye .roll-checklist { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; } .rs-scope-rolstavni-antivandalnye .roll-checklist li { padding: 15px 16px; border-left: 4px solid var(--rs-green); border-radius: 8px; background: var(--rs-soft); color: var(--rs-muted); line-height: 1.45; } .rs-scope-rolstavni-antivandalnye .roll-checklist strong { display: block; margin-bottom: 5px; color: var(--rs-ink); } .rs-scope-rolstavni-antivandalnye .roll-sale { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: center; padding: 22px; border: 1px solid #cfe3da; border-radius: 8px; background: #f7fbf9; } .rs-scope-rolstavni-antivandalnye .roll-page .roll-sale h2 { margin: 0 0 8px; color: var(--rs-ink); font-size: 24px; } .rs-scope-rolstavni-antivandalnye .roll-page .roll-sale p { margin: 0; color: var(--rs-muted); } .rs-scope-rolstavni-antivandalnye .roll-links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; } .rs-scope-rolstavni-antivandalnye .roll-link { display: inline-flex; padding: 9px 12px; border: 1px solid #cfe3da; border-radius: 6px; background: #fff; color: var(--rs-green); text-decoration: none; line-height: 1.25; } .rs-scope-rolstavni-antivandalnye .roll-page a.roll-link, .rs-scope-rolstavni-antivandalnye .roll-page a.roll-link:visited { color: var(--rs-green) !important; } .rs-scope-rolstavni-antivandalnye .roll-faq { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-rolstavni-antivandalnye .roll-faq details { padding: 16px; } .rs-scope-rolstavni-antivandalnye .roll-faq summary { cursor: pointer; color: var(--rs-ink); font-weight: 700; line-height: 1.35; } .rs-scope-rolstavni-antivandalnye .roll-faq p { margin: 10px 0 0; color: var(--rs-muted); line-height: 1.5; } .rs-scope-rolstavni-antivandalnye .roll-small { margin: 12px 0 0; color: var(--rs-muted); font-size: 14px; line-height: 1.45; } @media (max-width: 920px) {.rs-scope-rolstavni-antivandalnye .roll-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-rolstavni-antivandalnye .roll-series, .rs-scope-rolstavni-antivandalnye .roll-profile-grid, .rs-scope-rolstavni-antivandalnye .roll-cards, .rs-scope-rolstavni-antivandalnye .roll-media-grid, .rs-scope-rolstavni-antivandalnye .roll-mounts, .rs-scope-rolstavni-antivandalnye .roll-options, .rs-scope-rolstavni-antivandalnye .roll-faq, .rs-scope-rolstavni-antivandalnye .roll-image-strip, .rs-scope-rolstavni-antivandalnye .roll-checklist { grid-template-columns: 1fr; } .rs-scope-rolstavni-antivandalnye .roll-sale { grid-template-columns: 1fr; }} @media (max-width: 560px) {.rs-scope-rolstavni-antivandalnye .roll-hero, .rs-scope-rolstavni-antivandalnye .roll-section, .rs-scope-rolstavni-antivandalnye .roll-cta { margin-bottom: 24px; } .rs-scope-rolstavni-antivandalnye .roll-hero__media img { height: 230px; object-position: center center; } .rs-scope-rolstavni-antivandalnye .roll-hero__body { padding-top: 16px; } .rs-scope-rolstavni-antivandalnye .roll-hero-title { font-size: 25px; } .rs-scope-rolstavni-antivandalnye .roll-lead { font-size: 15px; } .rs-scope-rolstavni-antivandalnye .roll-section-head h2, .rs-scope-rolstavni-antivandalnye .roll-section h2 { font-size: 22px; } .rs-scope-rolstavni-antivandalnye .roll-facts, .rs-scope-rolstavni-antivandalnye .roll-color-list { grid-template-columns: 1fr; } .rs-scope-rolstavni-antivandalnye .roll-actions, .rs-scope-rolstavni-antivandalnye .roll-sale .roll-actions { width: 100%; } .rs-scope-rolstavni-antivandalnye .roll-btn { width: 100%; } .rs-scope-rolstavni-antivandalnye .roll-series-card img, .rs-scope-rolstavni-antivandalnye .roll-profile-card img, .rs-scope-rolstavni-antivandalnye .roll-image-strip__image img, .rs-scope-rolstavni-antivandalnye .roll-media-card img, .rs-scope-rolstavni-antivandalnye .roll-mount img, .rs-scope-rolstavni-antivandalnye .roll-option img { min-height: 190px; height: 190px; } .rs-scope-rolstavni-antivandalnye .roll-table { min-width: 620px; }} .rs-scope-rolstavni-antivandalnye .alutech-calc-section { margin: 0 0 32px; padding: 26px; border: 1px solid rgba(20, 41, 58, 0.12); border-radius: 8px; background: #fff; box-shadow: 0 18px 48px rgba(20, 41, 58, 0.08); } .rs-scope-rolstavni-antivandalnye .alutech-calc-section__head { max-width: 860px; margin: 0 0 20px; } .rs-scope-rolstavni-antivandalnye .alutech-calc-section__eyebrow { display: block; margin: 0 0 7px; color: #1f6f8b; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0; } .rs-scope-rolstavni-antivandalnye .alutech-calc-section h2 { margin: 0 0 10px; color: #14293a; font-size: 34px; line-height: 1.15; } .rs-scope-rolstavni-antivandalnye .alutech-calc-section p { margin: 0; color: #516273; font-size: 16px; line-height: 1.6; } .rs-scope-rolstavni-antivandalnye .alutech-calc-section__frame { overflow: hidden; min-height: 360px; border: 1px solid rgba(20, 41, 58, 0.1); border-radius: 8px; background: #f7fafc; } .rs-scope-rolstavni-antivandalnye .alutech-calc-section #alutech-calc { min-height: 360px; } .rs-scope-rolstavni-antivandalnye .alutech-calc-section iframe { display: block; width: 100%; } @media (max-width: 640px) {.rs-scope-rolstavni-antivandalnye .alutech-calc-section { margin-bottom: 24px; padding: 16px; } .rs-scope-rolstavni-antivandalnye .alutech-calc-section h2 { font-size: 24px; } .rs-scope-rolstavni-antivandalnye .alutech-calc-section__frame, .rs-scope-rolstavni-antivandalnye .alutech-calc-section #alutech-calc { min-height: 420px; }} /* Source: /rolstavni/index.php; Scope: .rs-scope-rolstavni; blocks: 1 */ .rs-scope-rolstavni .roll-page { --rs-red: #e43d22; --rs-red-dark: #c92d18; --rs-ink: #1f2d34; --rs-muted: #5d6b72; --rs-line: #dfe7e4; --rs-soft: #f5f8f7; --rs-green: #16734d; --rs-blue: #2f8caf; color: #26343c; font-family: inherit; font-size: 16px; line-height: 1.55; } .rs-scope-rolstavni .roll-page * { box-sizing: border-box; } .rs-scope-rolstavni .roll-page img { display: block; max-width: 100%; height: auto; } .rs-scope-rolstavni .roll-page h2, .rs-scope-rolstavni .roll-page h3, .rs-scope-rolstavni .roll-hero-title { color: var(--rs-ink); line-height: 1.22; letter-spacing: 0; } .rs-scope-rolstavni .roll-hero, .rs-scope-rolstavni .roll-section, .rs-scope-rolstavni .roll-cta { max-width: 847px; margin: 0 auto 34px; } .rs-scope-rolstavni .roll-hero { overflow: hidden; border: 1px solid var(--rs-line); border-radius: 8px; background: #fff; } .rs-scope-rolstavni .roll-hero__media { width: 100%; aspect-ratio: 16 / 7; min-height: 300px; background: var(--rs-soft); } .rs-scope-rolstavni .roll-hero__media img { width: 100%; height: 100%; object-fit: cover; } .rs-scope-rolstavni .roll-hero__body { padding: 26px; } .rs-scope-rolstavni .roll-eyebrow { margin: 0 0 10px; color: var(--rs-green); font-size: 13px; font-weight: 700; text-transform: uppercase; } .rs-scope-rolstavni .roll-hero-title { margin: 0 0 14px; font-size: 32px; } .rs-scope-rolstavni .roll-lead { max-width: 760px; margin: 0 0 18px; color: var(--rs-muted); font-size: 17px; } .rs-scope-rolstavni .roll-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 6px; } .rs-scope-rolstavni .roll-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 12px 18px; border: 1px solid var(--rs-red); border-radius: 6px; font-weight: 700; line-height: 1.2; text-align: center; text-decoration: none; transition: opacity .2s ease, background-color .2s ease; } .rs-scope-rolstavni .roll-btn--primary { background: var(--rs-red); border-color: var(--rs-red); color: #fff; } .rs-scope-rolstavni .roll-page a.roll-btn--primary, .rs-scope-rolstavni .roll-page a.roll-btn--primary:visited { color: #fff !important; } .rs-scope-rolstavni .roll-btn--primary:hover { background: var(--rs-red-dark); } .rs-scope-rolstavni .roll-btn--secondary { background: #fff; border-color: var(--rs-green); color: var(--rs-green); } .rs-scope-rolstavni .roll-page a.roll-btn--secondary, .rs-scope-rolstavni .roll-page a.roll-btn--secondary:visited { color: var(--rs-green) !important; } .rs-scope-rolstavni .roll-page .roll-btn:hover { opacity: .9; text-decoration: none; } .rs-scope-rolstavni .roll-note { margin: 14px 0 0; color: var(--rs-muted); font-size: 14px; } .rs-scope-rolstavni .roll-section-head { margin-bottom: 16px; } .rs-scope-rolstavni .roll-section-head h2, .rs-scope-rolstavni .roll-section h2 { margin: 0 0 8px; font-size: 26px; } .rs-scope-rolstavni .roll-section-head p { margin: 0; color: var(--rs-muted); } .rs-scope-rolstavni .roll-facts, .rs-scope-rolstavni .roll-cards, .rs-scope-rolstavni .roll-visuals, .rs-scope-rolstavni .roll-mounts, .rs-scope-rolstavni .roll-options, .rs-scope-rolstavni .roll-faq, .rs-scope-rolstavni .roll-process, .rs-scope-rolstavni .roll-links { display: grid; gap: 14px; } .rs-scope-rolstavni .roll-facts { grid-template-columns: repeat(4, minmax(0, 1fr)); } .rs-scope-rolstavni .roll-fact, .rs-scope-rolstavni .roll-card, .rs-scope-rolstavni .roll-visual, .rs-scope-rolstavni .roll-mount, .rs-scope-rolstavni .roll-option, .rs-scope-rolstavni .roll-faq details, .rs-scope-rolstavni .roll-process__item { border: 1px solid var(--rs-line); border-radius: 8px; background: #fff; } .rs-scope-rolstavni .roll-fact { padding: 15px; border-top: 3px solid var(--rs-green); } .rs-scope-rolstavni .roll-fact strong, .rs-scope-rolstavni .roll-card strong, .rs-scope-rolstavni .roll-visual strong, .rs-scope-rolstavni .roll-mount strong, .rs-scope-rolstavni .roll-option strong, .rs-scope-rolstavni .roll-process__item strong { display: block; margin-bottom: 7px; color: var(--rs-ink); font-size: 17px; line-height: 1.25; } .rs-scope-rolstavni .roll-fact strong { color: var(--rs-green); } .rs-scope-rolstavni .roll-fact p, .rs-scope-rolstavni .roll-card p, .rs-scope-rolstavni .roll-visual p, .rs-scope-rolstavni .roll-mount p, .rs-scope-rolstavni .roll-option p, .rs-scope-rolstavni .roll-process__item p { margin: 0; color: var(--rs-muted); line-height: 1.5; } .rs-scope-rolstavni .roll-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-rolstavni .roll-card { padding: 18px; } .rs-scope-rolstavni .roll-visuals { grid-template-columns: repeat(3, minmax(0, 1fr)); } .rs-scope-rolstavni .roll-visual, .rs-scope-rolstavni .roll-mount, .rs-scope-rolstavni .roll-option { overflow: hidden; } .rs-scope-rolstavni .roll-visual img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; background: var(--rs-soft); } .rs-scope-rolstavni .roll-visual--contain img, .rs-scope-rolstavni .roll-mount img, .rs-scope-rolstavni .roll-option img { width: 100%; aspect-ratio: 4 / 3; object-fit: contain; background: var(--rs-soft); } .rs-scope-rolstavni .roll-visual__body, .rs-scope-rolstavni .roll-mount__body, .rs-scope-rolstavni .roll-option__body { padding: 15px; } .rs-scope-rolstavni .roll-series { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } .rs-scope-rolstavni .roll-series__item { overflow: hidden; border: 1px solid var(--rs-line); border-radius: 8px; background: #fff; } .rs-scope-rolstavni .roll-series__item img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; background: var(--rs-soft); } .rs-scope-rolstavni .roll-series__body { padding: 16px; } .rs-scope-rolstavni .roll-series__body h3 { margin: 0 0 10px; font-size: 20px; } .rs-scope-rolstavni .roll-spec-list { display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; } .rs-scope-rolstavni .roll-spec-list li { padding-left: 14px; border-left: 3px solid #b9d9cc; color: var(--rs-muted); line-height: 1.45; } .rs-scope-rolstavni .roll-table-wrap { overflow-x: auto; border: 1px solid var(--rs-line); border-radius: 8px; background: #fff; } .rs-scope-rolstavni .roll-table { width: 100%; min-width: 680px; border-collapse: collapse; color: var(--rs-ink); } .rs-scope-rolstavni .roll-table th, .rs-scope-rolstavni .roll-table td { padding: 13px 14px; border-bottom: 1px solid var(--rs-line); text-align: left; vertical-align: top; } .rs-scope-rolstavni .roll-table th { background: #f3f7f5; color: var(--rs-green); font-weight: 700; } .rs-scope-rolstavni .roll-table tr:last-child td { border-bottom: 0; } .rs-scope-rolstavni .roll-split { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 16px; align-items: stretch; } .rs-scope-rolstavni .roll-split__media { overflow: hidden; border: 1px solid var(--rs-line); border-radius: 8px; background: #fff; } .rs-scope-rolstavni .roll-split__media img { width: 100%; height: 100%; min-height: 280px; object-fit: cover; } .rs-scope-rolstavni .roll-split__content { padding: 20px; border: 1px solid var(--rs-line); border-radius: 8px; background: #fff; } .rs-scope-rolstavni .roll-split__content h3 { margin: 0 0 10px; font-size: 21px; } .rs-scope-rolstavni .roll-split__content p { margin: 0 0 14px; color: var(--rs-muted); } .rs-scope-rolstavni .roll-tags { display: flex; flex-wrap: wrap; gap: 8px; } .rs-scope-rolstavni .roll-tag { display: inline-flex; padding: 7px 10px; border: 1px solid #c9ded5; border-radius: 999px; background: #f7fbf9; color: var(--rs-green); font-size: 14px; font-weight: 700; } .rs-scope-rolstavni .roll-mounts { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-rolstavni .roll-options { grid-template-columns: repeat(3, minmax(0, 1fr)); } .rs-scope-rolstavni .roll-option--text { padding: 16px; } .rs-scope-rolstavni .roll-option--image .roll-option__body { min-height: 132px; } .rs-scope-rolstavni .roll-process { grid-template-columns: repeat(4, minmax(0, 1fr)); counter-reset: roll-step; } .rs-scope-rolstavni .roll-process__item { position: relative; padding: 18px 16px 16px; } .rs-scope-rolstavni .roll-process__item::before { counter-increment: roll-step; content: counter(roll-step); display: inline-flex; width: 28px; height: 28px; align-items: center; justify-content: center; margin-bottom: 12px; border-radius: 50%; background: #e8f4ef; color: var(--rs-green); font-weight: 700; } .rs-scope-rolstavni .roll-sale { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: center; padding: 22px; border: 1px solid #cfe3da; border-radius: 8px; background: #f7fbf9; } .rs-scope-rolstavni .roll-sale h2 { margin: 0 0 8px; font-size: 24px; } .rs-scope-rolstavni .roll-sale p { margin: 0; color: var(--rs-muted); } .rs-scope-rolstavni .roll-faq { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-rolstavni .roll-faq details { padding: 16px; } .rs-scope-rolstavni .roll-faq summary { cursor: pointer; color: var(--rs-ink); font-weight: 700; line-height: 1.35; } .rs-scope-rolstavni .roll-faq p { margin: 10px 0 0; color: var(--rs-muted); } .rs-scope-rolstavni .roll-links { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-rolstavni .roll-link { display: block; padding: 12px 14px; border: 1px solid #cfe3da; border-radius: 6px; background: #fff; color: var(--rs-green); font-weight: 700; text-decoration: none; } .rs-scope-rolstavni .roll-page a.roll-link, .rs-scope-rolstavni .roll-page a.roll-link:visited { color: var(--rs-green) !important; } .rs-scope-rolstavni .roll-link:hover { text-decoration: none; background: #f7fbf9; } @media (max-width: 920px) {.rs-scope-rolstavni .roll-facts, .rs-scope-rolstavni .roll-series, .rs-scope-rolstavni .roll-options, .rs-scope-rolstavni .roll-process { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-rolstavni .roll-visuals { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-rolstavni .roll-sale, .rs-scope-rolstavni .roll-split { grid-template-columns: 1fr; }} @media (max-width: 560px) {.rs-scope-rolstavni .roll-hero, .rs-scope-rolstavni .roll-section, .rs-scope-rolstavni .roll-cta { margin-bottom: 24px; } .rs-scope-rolstavni .roll-hero__media { aspect-ratio: 4 / 3; min-height: 230px; } .rs-scope-rolstavni .roll-table-wrap { overflow: visible; border: 0; background: transparent; } .rs-scope-rolstavni .roll-table { display: block; min-width: 0; width: 100%; } .rs-scope-rolstavni .roll-table thead { display: none; } .rs-scope-rolstavni .roll-table tbody, .rs-scope-rolstavni .roll-table tr, .rs-scope-rolstavni .roll-table td { display: block; width: 100%; } .rs-scope-rolstavni .roll-table tr { overflow: hidden; margin-bottom: 10px; border: 1px solid var(--rs-line); border-radius: 8px; background: #fff; } .rs-scope-rolstavni .roll-table td { padding: 12px 14px; border-bottom: 1px solid var(--rs-line); } .rs-scope-rolstavni .roll-table td::before { display: block; margin-bottom: 5px; color: var(--rs-green); font-size: 11px; font-weight: 700; line-height: 1.25; text-transform: uppercase; letter-spacing: .04em; } .rs-scope-rolstavni .roll-table td:nth-child(1)::before { content: "Техническое название"; } .rs-scope-rolstavni .roll-table td:nth-child(2)::before { content: "Что означает для выбора"; } .rs-scope-rolstavni .roll-table td:nth-child(3)::before { content: "Где уместно"; } .rs-scope-rolstavni .roll-hero__body { padding: 16px; } .rs-scope-rolstavni .roll-hero-title { font-size: 25px; } .rs-scope-rolstavni .roll-lead { font-size: 15px; } .rs-scope-rolstavni .roll-section-head h2, .rs-scope-rolstavni .roll-section h2 { font-size: 23px; } .rs-scope-rolstavni .roll-facts, .rs-scope-rolstavni .roll-cards, .rs-scope-rolstavni .roll-visuals, .rs-scope-rolstavni .roll-series, .rs-scope-rolstavni .roll-mounts, .rs-scope-rolstavni .roll-options, .rs-scope-rolstavni .roll-faq, .rs-scope-rolstavni .roll-process, .rs-scope-rolstavni .roll-links { grid-template-columns: 1fr; } .rs-scope-rolstavni .roll-actions { width: 100%; } .rs-scope-rolstavni .roll-btn { width: 100%; } .rs-scope-rolstavni .roll-split__media img { min-height: 220px; }} .rs-scope-rolstavni .alutech-calc-section { margin: 0 0 32px; padding: 26px; border: 1px solid rgba(20, 41, 58, 0.12); border-radius: 8px; background: #fff; box-shadow: 0 18px 48px rgba(20, 41, 58, 0.08); } .rs-scope-rolstavni .alutech-calc-section__head { max-width: 860px; margin: 0 0 20px; } .rs-scope-rolstavni .alutech-calc-section__eyebrow { display: block; margin: 0 0 7px; color: #1f6f8b; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0; } .rs-scope-rolstavni .alutech-calc-section h2 { margin: 0 0 10px; color: #14293a; font-size: 34px; line-height: 1.15; } .rs-scope-rolstavni .alutech-calc-section p { margin: 0; color: #516273; font-size: 16px; line-height: 1.6; } .rs-scope-rolstavni .alutech-calc-section__frame { overflow: hidden; min-height: 360px; border: 1px solid rgba(20, 41, 58, 0.1); border-radius: 8px; background: #f7fafc; } .rs-scope-rolstavni .alutech-calc-section #alutech-calc { min-height: 360px; } .rs-scope-rolstavni .alutech-calc-section iframe { display: block; width: 100%; } @media (max-width: 640px) {.rs-scope-rolstavni .alutech-calc-section { margin-bottom: 24px; padding: 16px; } .rs-scope-rolstavni .alutech-calc-section h2 { font-size: 24px; } .rs-scope-rolstavni .alutech-calc-section__frame, .rs-scope-rolstavni .alutech-calc-section #alutech-calc { min-height: 420px; }} /* Source: /rolstavni/na-balkon/index.php; Scope: .rs-scope-rolstavni-na-balkon; blocks: 1 */ .rs-scope-rolstavni-na-balkon .roll-page { --rs-red: #e30613; --rs-ink: #1d2d35; --rs-muted: #5b6971; --rs-line: #dfe7ea; --rs-soft: #f4f8f6; --rs-soft-blue: #eef7fb; --rs-green: #1f8b4c; --rs-blue: #2f8fb3; color: #26343c; font-family: inherit; font-size: 16px; line-height: 1.55; overflow-wrap: break-word; } .rs-scope-rolstavni-na-balkon .roll-page * { box-sizing: border-box; } .rs-scope-rolstavni-na-balkon .roll-page img { display: block; max-width: 100%; height: auto; } .rs-scope-rolstavni-na-balkon .roll-page h2, .rs-scope-rolstavni-na-balkon .roll-page h3, .rs-scope-rolstavni-na-balkon .roll-page .roll-hero-title { color: var(--rs-ink); line-height: 1.2; letter-spacing: 0; } .rs-scope-rolstavni-na-balkon .roll-page p { margin-top: 0; } .rs-scope-rolstavni-na-balkon .roll-hero, .rs-scope-rolstavni-na-balkon .roll-section, .rs-scope-rolstavni-na-balkon .roll-cta { max-width: 847px; margin: 0 auto 34px; } .rs-scope-rolstavni-na-balkon .roll-hero { overflow: hidden; border: 1px solid #d9e7e2; border-radius: 8px; background: #fff; } .rs-scope-rolstavni-na-balkon .roll-hero__media { overflow: hidden; background: var(--rs-soft); } .rs-scope-rolstavni-na-balkon .roll-hero__media img { width: 100%; height: 315px; object-fit: cover; object-position: center center; } .rs-scope-rolstavni-na-balkon .roll-hero__body { padding: 26px; border-top: 4px solid var(--rs-red); } .rs-scope-rolstavni-na-balkon .roll-eyebrow { margin: 0 0 10px; color: var(--rs-green); font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0; } .rs-scope-rolstavni-na-balkon .roll-hero-title { margin: 0 0 14px; font-size: 32px; } .rs-scope-rolstavni-na-balkon .roll-lead { margin: 0 0 18px; color: var(--rs-muted); font-size: 17px; line-height: 1.55; } .rs-scope-rolstavni-na-balkon .roll-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 8px; } .rs-scope-rolstavni-na-balkon .roll-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 12px 18px; border: 1px solid var(--rs-red); border-radius: 6px; font-weight: 700; text-align: center; text-decoration: none; line-height: 1.2; transition: opacity .2s ease; } .rs-scope-rolstavni-na-balkon .roll-btn--primary { background: var(--rs-red); border-color: var(--rs-red); color: #fff; } .rs-scope-rolstavni-na-balkon .roll-page a.roll-btn--primary, .rs-scope-rolstavni-na-balkon .roll-page a.roll-btn--primary:visited { color: #fff !important; } .rs-scope-rolstavni-na-balkon .roll-btn--secondary { background: #fff; border-color: var(--rs-green); color: var(--rs-green); } .rs-scope-rolstavni-na-balkon .roll-page a.roll-btn--secondary, .rs-scope-rolstavni-na-balkon .roll-page a.roll-btn--secondary:visited { color: var(--rs-green) !important; } .rs-scope-rolstavni-na-balkon .roll-page .roll-btn:hover { opacity: .86; text-decoration: none; } .rs-scope-rolstavni-na-balkon .roll-note { margin: 14px 0 0; color: var(--rs-muted); font-size: 14px; line-height: 1.45; } .rs-scope-rolstavni-na-balkon .roll-section-head { margin-bottom: 16px; } .rs-scope-rolstavni-na-balkon .roll-section-head h2, .rs-scope-rolstavni-na-balkon .roll-section h2 { margin: 0 0 8px; font-size: 26px; } .rs-scope-rolstavni-na-balkon .roll-section-head p { margin: 0; color: var(--rs-muted); line-height: 1.55; } .rs-scope-rolstavni-na-balkon .roll-facts, .rs-scope-rolstavni-na-balkon .roll-cards, .rs-scope-rolstavni-na-balkon .roll-series, .rs-scope-rolstavni-na-balkon .roll-profile-grid, .rs-scope-rolstavni-na-balkon .roll-media-grid, .rs-scope-rolstavni-na-balkon .roll-mounts, .rs-scope-rolstavni-na-balkon .roll-options, .rs-scope-rolstavni-na-balkon .roll-faq { display: grid; gap: 14px; } .rs-scope-rolstavni-na-balkon .roll-facts { grid-template-columns: repeat(4, minmax(0, 1fr)); } .rs-scope-rolstavni-na-balkon .roll-card, .rs-scope-rolstavni-na-balkon .roll-fact, .rs-scope-rolstavni-na-balkon .roll-series-card, .rs-scope-rolstavni-na-balkon .roll-profile-card, .rs-scope-rolstavni-na-balkon .roll-media-card, .rs-scope-rolstavni-na-balkon .roll-mount, .rs-scope-rolstavni-na-balkon .roll-option, .rs-scope-rolstavni-na-balkon .roll-faq details { border: 1px solid var(--rs-line); border-radius: 8px; background: #fff; } .rs-scope-rolstavni-na-balkon .roll-fact { padding: 16px; border-top: 3px solid var(--rs-green); } .rs-scope-rolstavni-na-balkon .roll-fact strong, .rs-scope-rolstavni-na-balkon .roll-card strong, .rs-scope-rolstavni-na-balkon .roll-series-card strong, .rs-scope-rolstavni-na-balkon .roll-profile-card strong, .rs-scope-rolstavni-na-balkon .roll-media-card strong, .rs-scope-rolstavni-na-balkon .roll-mount strong, .rs-scope-rolstavni-na-balkon .roll-option strong { display: block; margin-bottom: 7px; color: var(--rs-ink); font-size: 17px; line-height: 1.25; } .rs-scope-rolstavni-na-balkon .roll-fact strong { color: var(--rs-green); } .rs-scope-rolstavni-na-balkon .roll-fact p, .rs-scope-rolstavni-na-balkon .roll-card p, .rs-scope-rolstavni-na-balkon .roll-series-card p, .rs-scope-rolstavni-na-balkon .roll-profile-card p, .rs-scope-rolstavni-na-balkon .roll-media-card p, .rs-scope-rolstavni-na-balkon .roll-mount p, .rs-scope-rolstavni-na-balkon .roll-option p { margin: 0; color: var(--rs-muted); line-height: 1.5; } .rs-scope-rolstavni-na-balkon .roll-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-rolstavni-na-balkon .roll-card { padding: 18px; } .rs-scope-rolstavni-na-balkon .roll-card--accent { border-color: #cfe3da; background: #f7fbf9; } .rs-scope-rolstavni-na-balkon .roll-series { grid-template-columns: repeat(3, minmax(0, 1fr)); } .rs-scope-rolstavni-na-balkon .roll-series-card { overflow: hidden; } .rs-scope-rolstavni-na-balkon .roll-series-card img { width: 100%; height: 150px; object-fit: cover; background: var(--rs-soft); } .rs-scope-rolstavni-na-balkon .roll-series-card__body { padding: 16px; } .rs-scope-rolstavni-na-balkon .roll-spec-list { display: grid; gap: 8px; margin: 12px 0 0; padding: 0; list-style: none; } .rs-scope-rolstavni-na-balkon .roll-spec-list li { color: var(--rs-muted); font-size: 14px; line-height: 1.4; } .rs-scope-rolstavni-na-balkon .roll-spec-list b { color: var(--rs-ink); font-weight: 700; } .rs-scope-rolstavni-na-balkon .roll-table-wrap { overflow-x: auto; border: 1px solid var(--rs-line); border-radius: 8px; background: #fff; } .rs-scope-rolstavni-na-balkon .roll-table { width: 100%; min-width: 720px; border-collapse: collapse; } .rs-scope-rolstavni-na-balkon .roll-table th, .rs-scope-rolstavni-na-balkon .roll-table td { padding: 12px 13px; border-bottom: 1px solid var(--rs-line); text-align: left; vertical-align: top; } .rs-scope-rolstavni-na-balkon .roll-table th { color: var(--rs-ink); background: var(--rs-soft); font-weight: 700; } .rs-scope-rolstavni-na-balkon .roll-table td { color: var(--rs-muted); } .rs-scope-rolstavni-na-balkon .roll-table tr:last-child td { border-bottom: 0; } .rs-scope-rolstavni-na-balkon .roll-profile-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .rs-scope-rolstavni-na-balkon .roll-profile-card { overflow: hidden; } .rs-scope-rolstavni-na-balkon .roll-profile-card img { width: 100%; height: 150px; object-fit: contain; padding: 12px; background: #f6f8f9; } .rs-scope-rolstavni-na-balkon .roll-profile-card__body { padding: 16px; } .rs-scope-rolstavni-na-balkon .roll-tags, .rs-scope-rolstavni-na-balkon .roll-color-list { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; } .rs-scope-rolstavni-na-balkon .roll-tag { display: inline-flex; align-items: center; min-height: 30px; padding: 5px 9px; border: 1px solid #cfe3da; border-radius: 6px; background: #fff; color: var(--rs-green); font-size: 13px; font-weight: 700; line-height: 1.2; } .rs-scope-rolstavni-na-balkon .roll-color { display: inline-flex; align-items: center; gap: 7px; min-height: 30px; padding: 5px 9px; border: 1px solid var(--rs-line); border-radius: 6px; background: #fff; color: var(--rs-muted); font-size: 13px; line-height: 1.2; } .rs-scope-rolstavni-na-balkon .roll-swatch { flex: 0 0 auto; width: 18px; height: 18px; border: 1px solid #b7c2c7; border-radius: 50%; } .rs-scope-rolstavni-na-balkon .roll-band { padding: 20px; border: 1px solid #cfe3da; border-radius: 8px; background: #f7fbf9; } .rs-scope-rolstavni-na-balkon .roll-band h2 { margin-bottom: 8px; } .rs-scope-rolstavni-na-balkon .roll-band p { margin: 0; color: var(--rs-muted); } .rs-scope-rolstavni-na-balkon .roll-image-strip { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 14px; align-items: stretch; } .rs-scope-rolstavni-na-balkon .roll-image-strip__image { overflow: hidden; border: 1px solid var(--rs-line); border-radius: 8px; background: var(--rs-soft); } .rs-scope-rolstavni-na-balkon .roll-image-strip__image img { width: 100%; height: 100%; min-height: 260px; object-fit: cover; } .rs-scope-rolstavni-na-balkon .roll-mounts { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-rolstavni-na-balkon .roll-mount { overflow: hidden; } .rs-scope-rolstavni-na-balkon .roll-mount img { width: 100%; height: 210px; object-fit: cover; background: var(--rs-soft); } .rs-scope-rolstavni-na-balkon .roll-mount--contain img { object-fit: contain; padding: 10px; } .rs-scope-rolstavni-na-balkon .roll-mount__body { padding: 16px; } .rs-scope-rolstavni-na-balkon .roll-options { grid-template-columns: repeat(3, minmax(0, 1fr)); } .rs-scope-rolstavni-na-balkon .roll-option { overflow: hidden; } .rs-scope-rolstavni-na-balkon .roll-option img { width: 100%; height: 170px; object-fit: cover; background: var(--rs-soft); } .rs-scope-rolstavni-na-balkon .roll-option--contain img { object-fit: contain; padding: 12px; } .rs-scope-rolstavni-na-balkon .roll-option__body { padding: 16px; } .rs-scope-rolstavni-na-balkon .roll-media-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .rs-scope-rolstavni-na-balkon .roll-media-card { overflow: hidden; } .rs-scope-rolstavni-na-balkon .roll-media-card img { width: 100%; height: 170px; object-fit: cover; background: var(--rs-soft); } .rs-scope-rolstavni-na-balkon .roll-media-card--contain img { object-fit: contain; padding: 12px; } .rs-scope-rolstavni-na-balkon .roll-media-card__body { padding: 16px; } .rs-scope-rolstavni-na-balkon .roll-checklist { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; } .rs-scope-rolstavni-na-balkon .roll-checklist li { padding: 15px 16px; border-left: 4px solid var(--rs-green); border-radius: 8px; background: var(--rs-soft); color: var(--rs-muted); line-height: 1.45; } .rs-scope-rolstavni-na-balkon .roll-checklist strong { display: block; margin-bottom: 5px; color: var(--rs-ink); } .rs-scope-rolstavni-na-balkon .roll-sale { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: center; padding: 22px; border: 1px solid #cfe3da; border-radius: 8px; background: #f7fbf9; } .rs-scope-rolstavni-na-balkon .roll-page .roll-sale h2 { margin: 0 0 8px; color: var(--rs-ink); font-size: 24px; } .rs-scope-rolstavni-na-balkon .roll-page .roll-sale p { margin: 0; color: var(--rs-muted); } .rs-scope-rolstavni-na-balkon .roll-links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; } .rs-scope-rolstavni-na-balkon .roll-link { display: inline-flex; padding: 9px 12px; border: 1px solid #cfe3da; border-radius: 6px; background: #fff; color: var(--rs-green); text-decoration: none; line-height: 1.25; } .rs-scope-rolstavni-na-balkon .roll-page a.roll-link, .rs-scope-rolstavni-na-balkon .roll-page a.roll-link:visited { color: var(--rs-green) !important; } .rs-scope-rolstavni-na-balkon .roll-faq { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-rolstavni-na-balkon .roll-faq details { padding: 16px; } .rs-scope-rolstavni-na-balkon .roll-faq summary { cursor: pointer; color: var(--rs-ink); font-weight: 700; line-height: 1.35; } .rs-scope-rolstavni-na-balkon .roll-faq p { margin: 10px 0 0; color: var(--rs-muted); line-height: 1.5; } .rs-scope-rolstavni-na-balkon .roll-small { margin: 12px 0 0; color: var(--rs-muted); font-size: 14px; line-height: 1.45; } @media (max-width: 920px) {.rs-scope-rolstavni-na-balkon .roll-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-rolstavni-na-balkon .roll-series, .rs-scope-rolstavni-na-balkon .roll-profile-grid, .rs-scope-rolstavni-na-balkon .roll-cards, .rs-scope-rolstavni-na-balkon .roll-media-grid, .rs-scope-rolstavni-na-balkon .roll-mounts, .rs-scope-rolstavni-na-balkon .roll-options, .rs-scope-rolstavni-na-balkon .roll-faq, .rs-scope-rolstavni-na-balkon .roll-image-strip, .rs-scope-rolstavni-na-balkon .roll-checklist { grid-template-columns: 1fr; } .rs-scope-rolstavni-na-balkon .roll-sale { grid-template-columns: 1fr; }} @media (max-width: 560px) {.rs-scope-rolstavni-na-balkon .roll-hero, .rs-scope-rolstavni-na-balkon .roll-section, .rs-scope-rolstavni-na-balkon .roll-cta { margin-bottom: 24px; } .rs-scope-rolstavni-na-balkon .roll-hero__media img { height: 220px; object-position: center center; } .rs-scope-rolstavni-na-balkon .roll-hero__body { padding: 16px; } .rs-scope-rolstavni-na-balkon .roll-hero-title { font-size: 25px; } .rs-scope-rolstavni-na-balkon .roll-lead { font-size: 15px; } .rs-scope-rolstavni-na-balkon .roll-section-head h2, .rs-scope-rolstavni-na-balkon .roll-section h2 { font-size: 22px; } .rs-scope-rolstavni-na-balkon .roll-facts { grid-template-columns: 1fr; } .rs-scope-rolstavni-na-balkon .roll-actions, .rs-scope-rolstavni-na-balkon .roll-sale .roll-actions { width: 100%; } .rs-scope-rolstavni-na-balkon .roll-btn { width: 100%; } .rs-scope-rolstavni-na-balkon .roll-series-card img, .rs-scope-rolstavni-na-balkon .roll-profile-card img, .rs-scope-rolstavni-na-balkon .roll-image-strip__image img, .rs-scope-rolstavni-na-balkon .roll-media-card img, .rs-scope-rolstavni-na-balkon .roll-mount img, .rs-scope-rolstavni-na-balkon .roll-option img { min-height: 190px; height: 190px; } .rs-scope-rolstavni-na-balkon .roll-table { min-width: 0; } .rs-scope-rolstavni-na-balkon .roll-table thead { display: none; } .rs-scope-rolstavni-na-balkon .roll-table, .rs-scope-rolstavni-na-balkon .roll-table tbody, .rs-scope-rolstavni-na-balkon .roll-table tr, .rs-scope-rolstavni-na-balkon .roll-table td { display: block; width: 100%; } .rs-scope-rolstavni-na-balkon .roll-table tr { padding: 8px 0; border-bottom: 1px solid var(--rs-line); } .rs-scope-rolstavni-na-balkon .roll-table tr:last-child { border-bottom: 0; } .rs-scope-rolstavni-na-balkon .roll-table td { padding: 8px 13px; border-bottom: 0; } .rs-scope-rolstavni-na-balkon .roll-table td:first-child { padding-top: 10px; background: var(--rs-soft); color: var(--rs-ink); font-weight: 700; } .rs-scope-rolstavni-na-balkon .roll-table td:nth-child(2)::before, .rs-scope-rolstavni-na-balkon .roll-table td:nth-child(3)::before, .rs-scope-rolstavni-na-balkon .roll-table td:nth-child(4)::before { display: block; margin-bottom: 2px; color: var(--rs-ink); font-weight: 700; } .rs-scope-rolstavni-na-balkon .roll-table td:nth-child(2)::before { content: "Prestige"; } .rs-scope-rolstavni-na-balkon .roll-table td:nth-child(3)::before { content: "Security"; } .rs-scope-rolstavni-na-balkon .roll-table td:nth-child(4)::before { content: "Trend"; }} .rs-scope-rolstavni-na-balkon .alutech-calc-section { margin: 0 0 32px; padding: 26px; border: 1px solid rgba(20, 41, 58, 0.12); border-radius: 8px; background: #fff; box-shadow: 0 18px 48px rgba(20, 41, 58, 0.08); } .rs-scope-rolstavni-na-balkon .alutech-calc-section__head { max-width: 860px; margin: 0 0 20px; } .rs-scope-rolstavni-na-balkon .alutech-calc-section__eyebrow { display: block; margin: 0 0 7px; color: #1f6f8b; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0; } .rs-scope-rolstavni-na-balkon .alutech-calc-section h2 { margin: 0 0 10px; color: #14293a; font-size: 34px; line-height: 1.15; } .rs-scope-rolstavni-na-balkon .alutech-calc-section p { margin: 0; color: #516273; font-size: 16px; line-height: 1.6; } .rs-scope-rolstavni-na-balkon .alutech-calc-section__frame { overflow: hidden; min-height: 360px; border: 1px solid rgba(20, 41, 58, 0.1); border-radius: 8px; background: #f7fafc; } .rs-scope-rolstavni-na-balkon .alutech-calc-section #alutech-calc { min-height: 360px; } .rs-scope-rolstavni-na-balkon .alutech-calc-section iframe { display: block; width: 100%; } @media (max-width: 640px) {.rs-scope-rolstavni-na-balkon .alutech-calc-section { margin-bottom: 24px; padding: 16px; } .rs-scope-rolstavni-na-balkon .alutech-calc-section h2 { font-size: 24px; } .rs-scope-rolstavni-na-balkon .alutech-calc-section__frame, .rs-scope-rolstavni-na-balkon .alutech-calc-section #alutech-calc { min-height: 420px; }} /* Source: /rolstavni/na-dveri/index.php; Scope: .rs-scope-rolstavni-na-dveri; blocks: 1 */ .rs-scope-rolstavni-na-dveri .roll-page { --rs-red: #e30613; --rs-ink: #1d2d35; --rs-muted: #5c6a72; --rs-line: #dfe7ea; --rs-soft: #f4f8f6; --rs-green: #1f8b4c; --rs-blue: #2f8fb3; color: #26343c; font-family: inherit; font-size: 16px; line-height: 1.55; } .rs-scope-rolstavni-na-dveri .roll-page * { box-sizing: border-box; } .rs-scope-rolstavni-na-dveri .roll-page img { display: block; max-width: 100%; height: auto; } .rs-scope-rolstavni-na-dveri .roll-page h2, .rs-scope-rolstavni-na-dveri .roll-page h3, .rs-scope-rolstavni-na-dveri .roll-page .roll-hero-title { color: var(--rs-ink); line-height: 1.2; letter-spacing: 0; } .rs-scope-rolstavni-na-dveri .roll-page p { margin-top: 0; } .rs-scope-rolstavni-na-dveri .roll-hero, .rs-scope-rolstavni-na-dveri .roll-section, .rs-scope-rolstavni-na-dveri .roll-cta { max-width: 847px; margin: 0 auto 34px; } .rs-scope-rolstavni-na-dveri .roll-hero { overflow: hidden; border: 1px solid #d9e7e2; border-radius: 8px; background: #fff; } .rs-scope-rolstavni-na-dveri .roll-hero__media { width: 100%; min-height: 360px; background: var(--rs-soft); } .rs-scope-rolstavni-na-dveri .roll-hero__media img { width: 100%; height: 360px; object-fit: cover; object-position: 62% center; } .rs-scope-rolstavni-na-dveri .roll-hero__body { padding: 26px; border-top: 4px solid var(--rs-red); } .rs-scope-rolstavni-na-dveri .roll-eyebrow { margin: 0 0 10px; color: var(--rs-green); font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0; } .rs-scope-rolstavni-na-dveri .roll-hero-title { margin: 0 0 14px; font-size: 32px; } .rs-scope-rolstavni-na-dveri .roll-lead { margin: 0 0 18px; color: var(--rs-muted); font-size: 17px; line-height: 1.55; } .rs-scope-rolstavni-na-dveri .roll-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 6px; } .rs-scope-rolstavni-na-dveri .roll-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 12px 18px; border: 1px solid var(--rs-red); border-radius: 6px; font-weight: 700; text-align: center; text-decoration: none; line-height: 1.2; transition: opacity .2s ease; } .rs-scope-rolstavni-na-dveri .roll-btn--primary { background: var(--rs-red); border-color: var(--rs-red); color: #fff; } .rs-scope-rolstavni-na-dveri .roll-page a.roll-btn--primary, .rs-scope-rolstavni-na-dveri .roll-page a.roll-btn--primary:visited { color: #fff !important; } .rs-scope-rolstavni-na-dveri .roll-btn--secondary { background: #fff; border-color: var(--rs-green); color: var(--rs-green); } .rs-scope-rolstavni-na-dveri .roll-page a.roll-btn--secondary, .rs-scope-rolstavni-na-dveri .roll-page a.roll-btn--secondary:visited { color: var(--rs-green) !important; } .rs-scope-rolstavni-na-dveri .roll-page .roll-btn:hover { opacity: .86; text-decoration: none; } .rs-scope-rolstavni-na-dveri .roll-note { margin: 14px 0 0; color: var(--rs-muted); font-size: 14px; line-height: 1.45; } .rs-scope-rolstavni-na-dveri .roll-section-head { margin-bottom: 16px; } .rs-scope-rolstavni-na-dveri .roll-section-head h2, .rs-scope-rolstavni-na-dveri .roll-section h2 { margin: 0 0 8px; font-size: 26px; } .rs-scope-rolstavni-na-dveri .roll-section-head p { margin: 0; color: var(--rs-muted); } .rs-scope-rolstavni-na-dveri .roll-facts, .rs-scope-rolstavni-na-dveri .roll-cards, .rs-scope-rolstavni-na-dveri .roll-series, .rs-scope-rolstavni-na-dveri .roll-configs, .rs-scope-rolstavni-na-dveri .roll-mounts, .rs-scope-rolstavni-na-dveri .roll-options, .rs-scope-rolstavni-na-dveri .roll-faq { display: grid; gap: 14px; } .rs-scope-rolstavni-na-dveri .roll-facts { grid-template-columns: repeat(4, minmax(0, 1fr)); } .rs-scope-rolstavni-na-dveri .roll-card, .rs-scope-rolstavni-na-dveri .roll-fact, .rs-scope-rolstavni-na-dveri .roll-series-card, .rs-scope-rolstavni-na-dveri .roll-config, .rs-scope-rolstavni-na-dveri .roll-mount, .rs-scope-rolstavni-na-dveri .roll-option, .rs-scope-rolstavni-na-dveri .roll-faq details { border: 1px solid var(--rs-line); border-radius: 8px; background: #fff; } .rs-scope-rolstavni-na-dveri .roll-fact { padding: 16px; border-top: 3px solid var(--rs-green); } .rs-scope-rolstavni-na-dveri .roll-fact strong, .rs-scope-rolstavni-na-dveri .roll-card strong, .rs-scope-rolstavni-na-dveri .roll-series-card strong, .rs-scope-rolstavni-na-dveri .roll-config strong, .rs-scope-rolstavni-na-dveri .roll-mount strong, .rs-scope-rolstavni-na-dveri .roll-option strong { display: block; margin-bottom: 7px; color: var(--rs-ink); font-size: 17px; line-height: 1.25; } .rs-scope-rolstavni-na-dveri .roll-fact strong { color: var(--rs-green); } .rs-scope-rolstavni-na-dveri .roll-fact p, .rs-scope-rolstavni-na-dveri .roll-card p, .rs-scope-rolstavni-na-dveri .roll-series-card p, .rs-scope-rolstavni-na-dveri .roll-config p, .rs-scope-rolstavni-na-dveri .roll-mount p, .rs-scope-rolstavni-na-dveri .roll-option p { margin: 0; color: var(--rs-muted); line-height: 1.5; } .rs-scope-rolstavni-na-dveri .roll-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-rolstavni-na-dveri .roll-card { padding: 18px; } .rs-scope-rolstavni-na-dveri .roll-card--accent { border-color: #cfe3da; background: #f7fbf9; } .rs-scope-rolstavni-na-dveri .roll-media-card { overflow: hidden; padding: 0; } .rs-scope-rolstavni-na-dveri .roll-media-card img { width: 100%; height: 230px; object-fit: cover; background: var(--rs-soft); } .rs-scope-rolstavni-na-dveri .roll-media-card__body { padding: 16px; } .rs-scope-rolstavni-na-dveri .roll-series { grid-template-columns: repeat(3, minmax(0, 1fr)); } .rs-scope-rolstavni-na-dveri .roll-series-card { overflow: hidden; } .rs-scope-rolstavni-na-dveri .roll-series-card img { width: 100%; height: 142px; object-fit: cover; background: var(--rs-soft); } .rs-scope-rolstavni-na-dveri .roll-series-card__body { padding: 16px; } .rs-scope-rolstavni-na-dveri .roll-spec-list { display: grid; gap: 8px; margin: 12px 0 0; padding: 0; list-style: none; } .rs-scope-rolstavni-na-dveri .roll-spec-list li { color: var(--rs-muted); font-size: 14px; line-height: 1.4; } .rs-scope-rolstavni-na-dveri .roll-spec-list b { color: var(--rs-ink); font-weight: 700; } .rs-scope-rolstavni-na-dveri .roll-configs { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-rolstavni-na-dveri .roll-config { padding: 18px; } .rs-scope-rolstavni-na-dveri .roll-config__meta { display: grid; gap: 8px; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--rs-line); color: var(--rs-muted); font-size: 14px; line-height: 1.4; } .rs-scope-rolstavni-na-dveri .roll-config__meta span { display: block; } .rs-scope-rolstavni-na-dveri .roll-tag-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; } .rs-scope-rolstavni-na-dveri .roll-tag { display: inline-flex; align-items: center; min-height: 30px; padding: 5px 9px; border: 1px solid #cfe3da; border-radius: 6px; background: #fff; color: var(--rs-green); font-size: 13px; font-weight: 700; line-height: 1.2; } .rs-scope-rolstavni-na-dveri .roll-band { padding: 20px; border: 1px solid #cfe3da; border-radius: 8px; background: #f7fbf9; } .rs-scope-rolstavni-na-dveri .roll-band h2 { margin-bottom: 8px; } .rs-scope-rolstavni-na-dveri .roll-band p { margin: 0; color: var(--rs-muted); } .rs-scope-rolstavni-na-dveri .roll-image-strip { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 14px; align-items: stretch; } .rs-scope-rolstavni-na-dveri .roll-image-strip__image { overflow: hidden; border: 1px solid var(--rs-line); border-radius: 8px; background: var(--rs-soft); } .rs-scope-rolstavni-na-dveri .roll-image-strip__image img { width: 100%; height: 100%; min-height: 260px; object-fit: cover; } .rs-scope-rolstavni-na-dveri .roll-mounts { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-rolstavni-na-dveri .roll-mount { overflow: hidden; } .rs-scope-rolstavni-na-dveri .roll-mount img { width: 100%; height: 190px; object-fit: cover; background: var(--rs-soft); } .rs-scope-rolstavni-na-dveri .roll-mount__body { padding: 16px; } .rs-scope-rolstavni-na-dveri .roll-options { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-rolstavni-na-dveri .roll-option { overflow: hidden; } .rs-scope-rolstavni-na-dveri .roll-option img { width: 100%; height: 190px; object-fit: cover; background: var(--rs-soft); } .rs-scope-rolstavni-na-dveri .roll-option--contain img { object-fit: contain; padding: 12px; } .rs-scope-rolstavni-na-dveri .roll-option__body { padding: 16px; } .rs-scope-rolstavni-na-dveri .roll-checklist { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; } .rs-scope-rolstavni-na-dveri .roll-checklist li { padding: 15px 16px; border-left: 4px solid var(--rs-green); border-radius: 8px; background: var(--rs-soft); color: var(--rs-muted); line-height: 1.45; } .rs-scope-rolstavni-na-dveri .roll-checklist strong { display: block; margin-bottom: 5px; color: var(--rs-ink); } .rs-scope-rolstavni-na-dveri .roll-sale { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: center; padding: 22px; border: 1px solid #cfe3da; border-radius: 8px; background: #f7fbf9; } .rs-scope-rolstavni-na-dveri .roll-page .roll-sale h2 { margin: 0 0 8px; color: var(--rs-ink); font-size: 24px; } .rs-scope-rolstavni-na-dveri .roll-page .roll-sale p { margin: 0; color: var(--rs-muted); } .rs-scope-rolstavni-na-dveri .roll-links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; } .rs-scope-rolstavni-na-dveri .roll-link { display: inline-flex; padding: 9px 12px; border: 1px solid #cfe3da; border-radius: 6px; background: #fff; color: var(--rs-green); text-decoration: none; line-height: 1.25; } .rs-scope-rolstavni-na-dveri .roll-page a.roll-link, .rs-scope-rolstavni-na-dveri .roll-page a.roll-link:visited { color: var(--rs-green) !important; } .rs-scope-rolstavni-na-dveri .roll-faq { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-rolstavni-na-dveri .roll-faq details { padding: 16px; } .rs-scope-rolstavni-na-dveri .roll-faq summary { cursor: pointer; color: var(--rs-ink); font-weight: 700; line-height: 1.35; } .rs-scope-rolstavni-na-dveri .roll-faq p { margin: 10px 0 0; color: var(--rs-muted); line-height: 1.5; } .rs-scope-rolstavni-na-dveri .roll-small { margin: 12px 0 0; color: var(--rs-muted); font-size: 14px; line-height: 1.45; } @media (max-width: 920px) {.rs-scope-rolstavni-na-dveri .roll-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-rolstavni-na-dveri .roll-series, .rs-scope-rolstavni-na-dveri .roll-cards, .rs-scope-rolstavni-na-dveri .roll-configs, .rs-scope-rolstavni-na-dveri .roll-mounts, .rs-scope-rolstavni-na-dveri .roll-options, .rs-scope-rolstavni-na-dveri .roll-faq, .rs-scope-rolstavni-na-dveri .roll-image-strip, .rs-scope-rolstavni-na-dveri .roll-checklist { grid-template-columns: 1fr; } .rs-scope-rolstavni-na-dveri .roll-sale { grid-template-columns: 1fr; }} @media (max-width: 560px) {.rs-scope-rolstavni-na-dveri .roll-hero, .rs-scope-rolstavni-na-dveri .roll-section, .rs-scope-rolstavni-na-dveri .roll-cta { margin-bottom: 24px; } .rs-scope-rolstavni-na-dveri .roll-hero__media { min-height: 230px; } .rs-scope-rolstavni-na-dveri .roll-hero__media img { height: 230px; object-position: 64% center; } .rs-scope-rolstavni-na-dveri .roll-hero__body { padding: 16px; } .rs-scope-rolstavni-na-dveri .roll-hero-title { font-size: 25px; } .rs-scope-rolstavni-na-dveri .roll-lead { font-size: 15px; } .rs-scope-rolstavni-na-dveri .roll-section-head h2, .rs-scope-rolstavni-na-dveri .roll-section h2 { font-size: 22px; } .rs-scope-rolstavni-na-dveri .roll-facts { grid-template-columns: 1fr; } .rs-scope-rolstavni-na-dveri .roll-actions, .rs-scope-rolstavni-na-dveri .roll-sale .roll-actions { width: 100%; } .rs-scope-rolstavni-na-dveri .roll-btn { width: 100%; } .rs-scope-rolstavni-na-dveri .roll-media-card img, .rs-scope-rolstavni-na-dveri .roll-image-strip__image img { min-height: 210px; height: 210px; } .rs-scope-rolstavni-na-dveri .roll-series-card img, .rs-scope-rolstavni-na-dveri .roll-mount img, .rs-scope-rolstavni-na-dveri .roll-option img { height: 180px; }} .rs-scope-rolstavni-na-dveri .alutech-calc-section { margin: 0 0 32px; padding: 26px; border: 1px solid rgba(20, 41, 58, 0.12); border-radius: 8px; background: #fff; box-shadow: 0 18px 48px rgba(20, 41, 58, 0.08); } .rs-scope-rolstavni-na-dveri .alutech-calc-section__head { max-width: 860px; margin: 0 0 20px; } .rs-scope-rolstavni-na-dveri .alutech-calc-section__eyebrow { display: block; margin: 0 0 7px; color: #1f6f8b; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0; } .rs-scope-rolstavni-na-dveri .alutech-calc-section h2 { margin: 0 0 10px; color: #14293a; font-size: 34px; line-height: 1.15; } .rs-scope-rolstavni-na-dveri .alutech-calc-section p { margin: 0; color: #516273; font-size: 16px; line-height: 1.6; } .rs-scope-rolstavni-na-dveri .alutech-calc-section__frame { overflow: hidden; min-height: 360px; border: 1px solid rgba(20, 41, 58, 0.1); border-radius: 8px; background: #f7fafc; } .rs-scope-rolstavni-na-dveri .alutech-calc-section #alutech-calc { min-height: 360px; } .rs-scope-rolstavni-na-dveri .alutech-calc-section iframe { display: block; width: 100%; } @media (max-width: 640px) {.rs-scope-rolstavni-na-dveri .alutech-calc-section { margin-bottom: 24px; padding: 16px; } .rs-scope-rolstavni-na-dveri .alutech-calc-section h2 { font-size: 24px; } .rs-scope-rolstavni-na-dveri .alutech-calc-section__frame, .rs-scope-rolstavni-na-dveri .alutech-calc-section #alutech-calc { min-height: 420px; }} /* Source: /rolstavni/na-okna/index.php; Scope: .rs-scope-rolstavni-na-okna; blocks: 1 */ .rs-scope-rolstavni-na-okna .roll-page { --rs-red: #e30613; --rs-ink: #1d2d35; --rs-muted: #5b6971; --rs-line: #dfe7ea; --rs-soft: #f4f8f6; --rs-soft-blue: #eef7fb; --rs-green: #1f8b4c; --rs-blue: #2f8fb3; color: #26343c; font-family: inherit; font-size: 16px; line-height: 1.55; } .rs-scope-rolstavni-na-okna .roll-page * { box-sizing: border-box; } .rs-scope-rolstavni-na-okna .roll-page img { display: block; max-width: 100%; height: auto; } .rs-scope-rolstavni-na-okna .roll-page h2, .rs-scope-rolstavni-na-okna .roll-page h3, .rs-scope-rolstavni-na-okna .roll-page .roll-hero-title { color: var(--rs-ink); line-height: 1.2; letter-spacing: 0; } .rs-scope-rolstavni-na-okna .roll-page p { margin-top: 0; } .rs-scope-rolstavni-na-okna .roll-hero, .rs-scope-rolstavni-na-okna .roll-section, .rs-scope-rolstavni-na-okna .roll-cta { max-width: 847px; margin: 0 auto 34px; } .rs-scope-rolstavni-na-okna .roll-hero { overflow: hidden; border: 1px solid #d9e7e2; border-radius: 8px; background: #fff; } .rs-scope-rolstavni-na-okna .roll-hero__media { overflow: hidden; background: var(--rs-soft); } .rs-scope-rolstavni-na-okna .roll-hero__media img { width: 100%; height: 390px; object-fit: cover; object-position: center center; } .rs-scope-rolstavni-na-okna .roll-hero__body { padding: 26px; border-top: 4px solid var(--rs-red); } .rs-scope-rolstavni-na-okna .roll-eyebrow { margin: 0 0 10px; color: var(--rs-green); font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0; } .rs-scope-rolstavni-na-okna .roll-hero-title { margin: 0 0 14px; font-size: 32px; } .rs-scope-rolstavni-na-okna .roll-lead { margin: 0 0 18px; color: var(--rs-muted); font-size: 17px; line-height: 1.55; } .rs-scope-rolstavni-na-okna .roll-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 8px; } .rs-scope-rolstavni-na-okna .roll-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 12px 18px; border: 1px solid var(--rs-red); border-radius: 6px; font-weight: 700; text-align: center; text-decoration: none; line-height: 1.2; transition: opacity .2s ease; } .rs-scope-rolstavni-na-okna .roll-btn--primary { background: var(--rs-red); border-color: var(--rs-red); color: #fff; } .rs-scope-rolstavni-na-okna .roll-page a.roll-btn--primary, .rs-scope-rolstavni-na-okna .roll-page a.roll-btn--primary:visited { color: #fff !important; } .rs-scope-rolstavni-na-okna .roll-btn--secondary { background: #fff; border-color: var(--rs-green); color: var(--rs-green); } .rs-scope-rolstavni-na-okna .roll-page a.roll-btn--secondary, .rs-scope-rolstavni-na-okna .roll-page a.roll-btn--secondary:visited { color: var(--rs-green) !important; } .rs-scope-rolstavni-na-okna .roll-page .roll-btn:hover { opacity: .86; text-decoration: none; } .rs-scope-rolstavni-na-okna .roll-note { margin: 14px 0 0; color: var(--rs-muted); font-size: 14px; line-height: 1.45; } .rs-scope-rolstavni-na-okna .roll-section-head { margin-bottom: 16px; } .rs-scope-rolstavni-na-okna .roll-section-head h2, .rs-scope-rolstavni-na-okna .roll-section h2 { margin: 0 0 8px; font-size: 26px; } .rs-scope-rolstavni-na-okna .roll-section-head p { margin: 0; color: var(--rs-muted); line-height: 1.55; } .rs-scope-rolstavni-na-okna .roll-facts, .rs-scope-rolstavni-na-okna .roll-cards, .rs-scope-rolstavni-na-okna .roll-series, .rs-scope-rolstavni-na-okna .roll-profile-grid, .rs-scope-rolstavni-na-okna .roll-media-grid, .rs-scope-rolstavni-na-okna .roll-mounts, .rs-scope-rolstavni-na-okna .roll-options, .rs-scope-rolstavni-na-okna .roll-faq { display: grid; gap: 14px; } .rs-scope-rolstavni-na-okna .roll-facts { grid-template-columns: repeat(4, minmax(0, 1fr)); } .rs-scope-rolstavni-na-okna .roll-card, .rs-scope-rolstavni-na-okna .roll-fact, .rs-scope-rolstavni-na-okna .roll-series-card, .rs-scope-rolstavni-na-okna .roll-profile-card, .rs-scope-rolstavni-na-okna .roll-media-card, .rs-scope-rolstavni-na-okna .roll-mount, .rs-scope-rolstavni-na-okna .roll-option, .rs-scope-rolstavni-na-okna .roll-faq details { border: 1px solid var(--rs-line); border-radius: 8px; background: #fff; } .rs-scope-rolstavni-na-okna .roll-fact { padding: 16px; border-top: 3px solid var(--rs-green); } .rs-scope-rolstavni-na-okna .roll-fact strong, .rs-scope-rolstavni-na-okna .roll-card strong, .rs-scope-rolstavni-na-okna .roll-series-card strong, .rs-scope-rolstavni-na-okna .roll-profile-card strong, .rs-scope-rolstavni-na-okna .roll-media-card strong, .rs-scope-rolstavni-na-okna .roll-mount strong, .rs-scope-rolstavni-na-okna .roll-option strong { display: block; margin-bottom: 7px; color: var(--rs-ink); font-size: 17px; line-height: 1.25; } .rs-scope-rolstavni-na-okna .roll-fact strong { color: var(--rs-green); } .rs-scope-rolstavni-na-okna .roll-fact p, .rs-scope-rolstavni-na-okna .roll-card p, .rs-scope-rolstavni-na-okna .roll-series-card p, .rs-scope-rolstavni-na-okna .roll-profile-card p, .rs-scope-rolstavni-na-okna .roll-media-card p, .rs-scope-rolstavni-na-okna .roll-mount p, .rs-scope-rolstavni-na-okna .roll-option p { margin: 0; color: var(--rs-muted); line-height: 1.5; } .rs-scope-rolstavni-na-okna .roll-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-rolstavni-na-okna .roll-card { padding: 18px; } .rs-scope-rolstavni-na-okna .roll-card--accent { border-color: #cfe3da; background: #f7fbf9; } .rs-scope-rolstavni-na-okna .roll-series { grid-template-columns: repeat(3, minmax(0, 1fr)); } .rs-scope-rolstavni-na-okna .roll-series-card { overflow: hidden; } .rs-scope-rolstavni-na-okna .roll-series-card img { width: 100%; height: 150px; object-fit: cover; background: var(--rs-soft); } .rs-scope-rolstavni-na-okna .roll-series-card__body { padding: 16px; } .rs-scope-rolstavni-na-okna .roll-spec-list { display: grid; gap: 8px; margin: 12px 0 0; padding: 0; list-style: none; } .rs-scope-rolstavni-na-okna .roll-spec-list li { color: var(--rs-muted); font-size: 14px; line-height: 1.4; } .rs-scope-rolstavni-na-okna .roll-spec-list b { color: var(--rs-ink); font-weight: 700; } .rs-scope-rolstavni-na-okna .roll-table-wrap { overflow-x: auto; border: 1px solid var(--rs-line); border-radius: 8px; background: #fff; } .rs-scope-rolstavni-na-okna .roll-table { width: 100%; min-width: 720px; border-collapse: collapse; } .rs-scope-rolstavni-na-okna .roll-table th, .rs-scope-rolstavni-na-okna .roll-table td { padding: 12px 13px; border-bottom: 1px solid var(--rs-line); text-align: left; vertical-align: top; } .rs-scope-rolstavni-na-okna .roll-table th { color: var(--rs-ink); background: var(--rs-soft); font-weight: 700; } .rs-scope-rolstavni-na-okna .roll-table td { color: var(--rs-muted); } .rs-scope-rolstavni-na-okna .roll-table tr:last-child td { border-bottom: 0; } .rs-scope-rolstavni-na-okna .roll-profile-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .rs-scope-rolstavni-na-okna .roll-profile-card { overflow: hidden; } .rs-scope-rolstavni-na-okna .roll-profile-card img { width: 100%; height: 155px; object-fit: contain; padding: 12px; background: #f6f8f9; } .rs-scope-rolstavni-na-okna .roll-profile-card__body { padding: 16px; } .rs-scope-rolstavni-na-okna .roll-tags, .rs-scope-rolstavni-na-okna .roll-color-list { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; } .rs-scope-rolstavni-na-okna .roll-tag { display: inline-flex; align-items: center; min-height: 30px; padding: 5px 9px; border: 1px solid #cfe3da; border-radius: 6px; background: #fff; color: var(--rs-green); font-size: 13px; font-weight: 700; line-height: 1.2; } .rs-scope-rolstavni-na-okna .roll-color { display: inline-flex; align-items: center; gap: 7px; min-height: 30px; padding: 5px 9px; border: 1px solid var(--rs-line); border-radius: 6px; background: #fff; color: var(--rs-muted); font-size: 13px; line-height: 1.2; } .rs-scope-rolstavni-na-okna .roll-swatch { flex: 0 0 auto; width: 18px; height: 18px; border: 1px solid #b7c2c7; border-radius: 50%; } .rs-scope-rolstavni-na-okna .roll-band { padding: 20px; border: 1px solid #cfe3da; border-radius: 8px; background: #f7fbf9; } .rs-scope-rolstavni-na-okna .roll-band h2 { margin-bottom: 8px; } .rs-scope-rolstavni-na-okna .roll-band p { margin: 0; color: var(--rs-muted); } .rs-scope-rolstavni-na-okna .roll-image-strip { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 14px; align-items: stretch; } .rs-scope-rolstavni-na-okna .roll-image-strip__image { overflow: hidden; border: 1px solid var(--rs-line); border-radius: 8px; background: var(--rs-soft); } .rs-scope-rolstavni-na-okna .roll-image-strip__image img { width: 100%; height: 100%; min-height: 260px; object-fit: cover; } .rs-scope-rolstavni-na-okna .roll-mounts { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-rolstavni-na-okna .roll-mount { overflow: hidden; } .rs-scope-rolstavni-na-okna .roll-mount img { width: 100%; height: 230px; object-fit: cover; background: var(--rs-soft); } .rs-scope-rolstavni-na-okna .roll-mount--contain img { object-fit: contain; padding: 10px; } .rs-scope-rolstavni-na-okna .roll-mount__body { padding: 16px; } .rs-scope-rolstavni-na-okna .roll-options { grid-template-columns: repeat(3, minmax(0, 1fr)); } .rs-scope-rolstavni-na-okna .roll-option { overflow: hidden; } .rs-scope-rolstavni-na-okna .roll-option img { width: 100%; height: 170px; object-fit: cover; background: var(--rs-soft); } .rs-scope-rolstavni-na-okna .roll-option--contain img { object-fit: contain; padding: 12px; } .rs-scope-rolstavni-na-okna .roll-option__body { padding: 16px; } .rs-scope-rolstavni-na-okna .roll-media-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .rs-scope-rolstavni-na-okna .roll-media-card { overflow: hidden; } .rs-scope-rolstavni-na-okna .roll-media-card img { width: 100%; height: 170px; object-fit: cover; background: var(--rs-soft); } .rs-scope-rolstavni-na-okna .roll-media-card--contain img { object-fit: contain; padding: 12px; } .rs-scope-rolstavni-na-okna .roll-media-card__body { padding: 16px; } .rs-scope-rolstavni-na-okna .roll-checklist { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; } .rs-scope-rolstavni-na-okna .roll-checklist li { padding: 15px 16px; border-left: 4px solid var(--rs-green); border-radius: 8px; background: var(--rs-soft); color: var(--rs-muted); line-height: 1.45; } .rs-scope-rolstavni-na-okna .roll-checklist strong { display: block; margin-bottom: 5px; color: var(--rs-ink); } .rs-scope-rolstavni-na-okna .roll-sale { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: center; padding: 22px; border: 1px solid #cfe3da; border-radius: 8px; background: #f7fbf9; } .rs-scope-rolstavni-na-okna .roll-page .roll-sale h2 { margin: 0 0 8px; color: var(--rs-ink); font-size: 24px; } .rs-scope-rolstavni-na-okna .roll-page .roll-sale p { margin: 0; color: var(--rs-muted); } .rs-scope-rolstavni-na-okna .roll-links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; } .rs-scope-rolstavni-na-okna .roll-link { display: inline-flex; padding: 9px 12px; border: 1px solid #cfe3da; border-radius: 6px; background: #fff; color: var(--rs-green); text-decoration: none; line-height: 1.25; } .rs-scope-rolstavni-na-okna .roll-page a.roll-link, .rs-scope-rolstavni-na-okna .roll-page a.roll-link:visited { color: var(--rs-green) !important; } .rs-scope-rolstavni-na-okna .roll-faq { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-rolstavni-na-okna .roll-faq details { padding: 16px; } .rs-scope-rolstavni-na-okna .roll-faq summary { cursor: pointer; color: var(--rs-ink); font-weight: 700; line-height: 1.35; } .rs-scope-rolstavni-na-okna .roll-faq p { margin: 10px 0 0; color: var(--rs-muted); line-height: 1.5; } .rs-scope-rolstavni-na-okna .roll-small { margin: 12px 0 0; color: var(--rs-muted); font-size: 14px; line-height: 1.45; } @media (max-width: 920px) {.rs-scope-rolstavni-na-okna .roll-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-rolstavni-na-okna .roll-series, .rs-scope-rolstavni-na-okna .roll-profile-grid, .rs-scope-rolstavni-na-okna .roll-cards, .rs-scope-rolstavni-na-okna .roll-media-grid, .rs-scope-rolstavni-na-okna .roll-mounts, .rs-scope-rolstavni-na-okna .roll-options, .rs-scope-rolstavni-na-okna .roll-faq, .rs-scope-rolstavni-na-okna .roll-image-strip, .rs-scope-rolstavni-na-okna .roll-checklist { grid-template-columns: 1fr; } .rs-scope-rolstavni-na-okna .roll-sale { grid-template-columns: 1fr; }} @media (max-width: 560px) {.rs-scope-rolstavni-na-okna .roll-hero, .rs-scope-rolstavni-na-okna .roll-section, .rs-scope-rolstavni-na-okna .roll-cta { margin-bottom: 24px; } .rs-scope-rolstavni-na-okna .roll-hero__media img { height: 230px; object-position: center center; } .rs-scope-rolstavni-na-okna .roll-hero__body { padding: 16px; } .rs-scope-rolstavni-na-okna .roll-hero-title { font-size: 25px; } .rs-scope-rolstavni-na-okna .roll-lead { font-size: 15px; } .rs-scope-rolstavni-na-okna .roll-section-head h2, .rs-scope-rolstavni-na-okna .roll-section h2 { font-size: 22px; } .rs-scope-rolstavni-na-okna .roll-facts { grid-template-columns: 1fr; } .rs-scope-rolstavni-na-okna .roll-actions, .rs-scope-rolstavni-na-okna .roll-sale .roll-actions { width: 100%; } .rs-scope-rolstavni-na-okna .roll-btn { width: 100%; } .rs-scope-rolstavni-na-okna .roll-series-card img, .rs-scope-rolstavni-na-okna .roll-profile-card img, .rs-scope-rolstavni-na-okna .roll-image-strip__image img, .rs-scope-rolstavni-na-okna .roll-media-card img, .rs-scope-rolstavni-na-okna .roll-mount img, .rs-scope-rolstavni-na-okna .roll-option img { min-height: 190px; height: 190px; } .rs-scope-rolstavni-na-okna .roll-table { min-width: 620px; }} .rs-scope-rolstavni-na-okna .alutech-calc-section { margin: 0 0 32px; padding: 26px; border: 1px solid rgba(20, 41, 58, 0.12); border-radius: 8px; background: #fff; box-shadow: 0 18px 48px rgba(20, 41, 58, 0.08); } .rs-scope-rolstavni-na-okna .alutech-calc-section__head { max-width: 860px; margin: 0 0 20px; } .rs-scope-rolstavni-na-okna .alutech-calc-section__eyebrow { display: block; margin: 0 0 7px; color: #1f6f8b; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0; } .rs-scope-rolstavni-na-okna .alutech-calc-section h2 { margin: 0 0 10px; color: #14293a; font-size: 34px; line-height: 1.15; } .rs-scope-rolstavni-na-okna .alutech-calc-section p { margin: 0; color: #516273; font-size: 16px; line-height: 1.6; } .rs-scope-rolstavni-na-okna .alutech-calc-section__frame { overflow: hidden; min-height: 360px; border: 1px solid rgba(20, 41, 58, 0.1); border-radius: 8px; background: #f7fafc; } .rs-scope-rolstavni-na-okna .alutech-calc-section #alutech-calc { min-height: 360px; } .rs-scope-rolstavni-na-okna .alutech-calc-section iframe { display: block; width: 100%; } @media (max-width: 640px) {.rs-scope-rolstavni-na-okna .alutech-calc-section { margin-bottom: 24px; padding: 16px; } .rs-scope-rolstavni-na-okna .alutech-calc-section h2 { font-size: 24px; } .rs-scope-rolstavni-na-okna .alutech-calc-section__frame, .rs-scope-rolstavni-na-okna .alutech-calc-section #alutech-calc { min-height: 420px; }} /* Source: /rolstavni/rolletnye-reshetki/index.php; Scope: .rs-scope-rolstavni-rolletnye-reshetki; blocks: 1 */ .rs-scope-rolstavni-rolletnye-reshetki .roll-page { --rs-red: #d71920; --rs-red-dark: #b8141b; --rs-green: #237a57; --rs-green-soft: #eaf5ef; --rs-ink: #1f2d34; --rs-text: #31434b; --rs-muted: #64747b; --rs-line: #dfe7e9; --rs-soft: #f6f8f9; --rs-warm: #fff7ee; max-width: 847px; margin: 0 auto; color: var(--rs-text); font-family: inherit; font-size: 16px; line-height: 1.56; } .rs-scope-rolstavni-rolletnye-reshetki .roll-page * { box-sizing: border-box; } .rs-scope-rolstavni-rolletnye-reshetki .roll-page img { display: block; max-width: 100%; height: auto; } .rs-scope-rolstavni-rolletnye-reshetki .roll-page ul, .rs-scope-rolstavni-rolletnye-reshetki .roll-page ol { margin: 0; padding-left: 0; list-style: none; } .rs-scope-rolstavni-rolletnye-reshetki .roll-page ul li, .rs-scope-rolstavni-rolletnye-reshetki .roll-page ol li { margin: 0; padding-left: 0; color: inherit; font-size: inherit; position: static; } .rs-scope-rolstavni-rolletnye-reshetki .roll-page ul li::before, .rs-scope-rolstavni-rolletnye-reshetki .roll-page ul li::after, .rs-scope-rolstavni-rolletnye-reshetki .roll-page ol li::before, .rs-scope-rolstavni-rolletnye-reshetki .roll-page ol li::after { content: none !important; display: none !important; background: none !important; } .rs-scope-rolstavni-rolletnye-reshetki .roll-page h2, .rs-scope-rolstavni-rolletnye-reshetki .roll-page h3, .rs-scope-rolstavni-rolletnye-reshetki .roll-hero-title { margin: 0; color: var(--rs-ink); line-height: 1.22; letter-spacing: 0; } .rs-scope-rolstavni-rolletnye-reshetki .roll-section, .rs-scope-rolstavni-rolletnye-reshetki .roll-cta, .rs-scope-rolstavni-rolletnye-reshetki .roll-hero { margin: 0 0 34px; } .rs-scope-rolstavni-rolletnye-reshetki .roll-eyebrow { margin: 0 0 10px; color: var(--rs-green); font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0; } .rs-scope-rolstavni-rolletnye-reshetki .roll-hero { overflow: hidden; border: 1px solid var(--rs-line); border-radius: 8px; background: #fff; } .rs-scope-rolstavni-rolletnye-reshetki .roll-hero__image { width: 100%; aspect-ratio: 21 / 8; min-height: 260px; background: #d8dde0; } .rs-scope-rolstavni-rolletnye-reshetki .roll-hero__image img { width: 100%; height: 100%; object-fit: cover; } .rs-scope-rolstavni-rolletnye-reshetki .roll-hero__body { padding: 24px; } .rs-scope-rolstavni-rolletnye-reshetki .roll-hero-title { max-width: 760px; margin-bottom: 14px; font-size: 32px; } .rs-scope-rolstavni-rolletnye-reshetki .roll-lead { max-width: 760px; margin: 0 0 18px; color: var(--rs-muted); font-size: 18px; line-height: 1.55; } .rs-scope-rolstavni-rolletnye-reshetki .roll-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 18px 0 0; } .rs-scope-rolstavni-rolletnye-reshetki .roll-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 12px 18px; border: 1px solid var(--rs-red); border-radius: 6px; font-weight: 700; line-height: 1.2; text-align: center; text-decoration: none; transition: background-color .2s ease, border-color .2s ease, color .2s ease; } .rs-scope-rolstavni-rolletnye-reshetki .roll-btn--primary { background: var(--rs-red); border-color: var(--rs-red); color: #fff; } .rs-scope-rolstavni-rolletnye-reshetki .roll-page a.roll-btn--primary, .rs-scope-rolstavni-rolletnye-reshetki .roll-page a.roll-btn--primary:visited { color: #fff !important; } .rs-scope-rolstavni-rolletnye-reshetki .roll-btn--primary:hover { background: var(--rs-red-dark); border-color: var(--rs-red-dark); text-decoration: none; } .rs-scope-rolstavni-rolletnye-reshetki .roll-btn--secondary { background: #fff; border-color: var(--rs-green); color: var(--rs-green); } .rs-scope-rolstavni-rolletnye-reshetki .roll-page a.roll-btn--secondary, .rs-scope-rolstavni-rolletnye-reshetki .roll-page a.roll-btn--secondary:visited { color: var(--rs-green) !important; } .rs-scope-rolstavni-rolletnye-reshetki .roll-btn--secondary:hover { background: var(--rs-green-soft); text-decoration: none; } .rs-scope-rolstavni-rolletnye-reshetki .roll-note { margin: 12px 0 0; color: var(--rs-muted); font-size: 14px; line-height: 1.45; } .rs-scope-rolstavni-rolletnye-reshetki .roll-badges { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 20px 0 0; padding: 0; list-style: none; } .rs-scope-rolstavni-rolletnye-reshetki .roll-badges li { min-width: 0; padding: 12px; border: 1px solid #cfe3d8; border-radius: 8px; background: var(--rs-green-soft); } .rs-scope-rolstavni-rolletnye-reshetki .roll-badges strong { display: block; margin-bottom: 2px; color: var(--rs-green); font-size: 15px; line-height: 1.25; } .rs-scope-rolstavni-rolletnye-reshetki .roll-badges span { display: block; color: var(--rs-muted); font-size: 13px; line-height: 1.35; } .rs-scope-rolstavni-rolletnye-reshetki .roll-section-head { margin-bottom: 16px; } .rs-scope-rolstavni-rolletnye-reshetki .roll-section-head h2 { margin-bottom: 8px; font-size: 26px; } .rs-scope-rolstavni-rolletnye-reshetki .roll-section-head p { max-width: 760px; margin: 0; color: var(--rs-muted); } .rs-scope-rolstavni-rolletnye-reshetki .roll-grid { display: grid; gap: 14px; } .rs-scope-rolstavni-rolletnye-reshetki .roll-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-rolstavni-rolletnye-reshetki .roll-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .rs-scope-rolstavni-rolletnye-reshetki .roll-card, .rs-scope-rolstavni-rolletnye-reshetki .roll-image-card, .rs-scope-rolstavni-rolletnye-reshetki .roll-profile, .rs-scope-rolstavni-rolletnye-reshetki .roll-faq details, .rs-scope-rolstavni-rolletnye-reshetki .roll-table-card { border: 1px solid var(--rs-line); border-radius: 8px; background: #fff; } .rs-scope-rolstavni-rolletnye-reshetki .roll-card { padding: 18px; } .rs-scope-rolstavni-rolletnye-reshetki .roll-card--accent { border-color: #cfe3d8; background: #fbfefd; } .rs-scope-rolstavni-rolletnye-reshetki .roll-card strong, .rs-scope-rolstavni-rolletnye-reshetki .roll-image-card strong, .rs-scope-rolstavni-rolletnye-reshetki .roll-profile h3, .rs-scope-rolstavni-rolletnye-reshetki .roll-table-card strong { display: block; margin: 0 0 8px; color: var(--rs-ink); font-size: 17px; line-height: 1.25; } .rs-scope-rolstavni-rolletnye-reshetki .roll-card p, .rs-scope-rolstavni-rolletnye-reshetki .roll-image-card p, .rs-scope-rolstavni-rolletnye-reshetki .roll-profile p, .rs-scope-rolstavni-rolletnye-reshetki .roll-table-card p { margin: 0; color: var(--rs-muted); line-height: 1.5; } .rs-scope-rolstavni-rolletnye-reshetki .roll-image-card { overflow: hidden; } .rs-scope-rolstavni-rolletnye-reshetki .roll-image-card__media { display: flex; align-items: center; justify-content: center; min-height: 192px; background: var(--rs-soft); } .rs-scope-rolstavni-rolletnye-reshetki .roll-image-card__media img { width: 100%; height: 100%; min-height: 192px; object-fit: cover; } .rs-scope-rolstavni-rolletnye-reshetki .roll-image-card__media--contain img { width: auto; height: auto; max-height: 205px; min-height: 0; object-fit: contain; padding: 16px; } .rs-scope-rolstavni-rolletnye-reshetki .roll-image-card__body { padding: 16px; } .rs-scope-rolstavni-rolletnye-reshetki .roll-spec { display: grid; gap: 8px; margin-top: 12px; padding: 0; list-style: none; } .rs-scope-rolstavni-rolletnye-reshetki .roll-spec li { display: grid; grid-template-columns: 115px minmax(0, 1fr); gap: 10px; align-items: start; color: var(--rs-muted); font-size: 14px; line-height: 1.42; } .rs-scope-rolstavni-rolletnye-reshetki .roll-spec b { color: var(--rs-ink); font-weight: 700; } .rs-scope-rolstavni-rolletnye-reshetki .roll-profile-list { display: grid; gap: 14px; } .rs-scope-rolstavni-rolletnye-reshetki .roll-profile { display: grid; grid-template-columns: minmax(0, 52%) minmax(260px, 1fr); overflow: hidden; padding: 0; } .rs-scope-rolstavni-rolletnye-reshetki .roll-profile__media { display: flex; align-items: center; justify-content: center; overflow: hidden; min-height: 300px; padding: 0; border-right: 1px solid var(--rs-line); background: #fff; } .rs-scope-rolstavni-rolletnye-reshetki .roll-profile__media img { width: 100%; height: 100%; min-height: 300px; max-width: none; max-height: none; object-fit: cover; object-position: center; } .rs-scope-rolstavni-rolletnye-reshetki .roll-profile__body { align-self: center; padding: 20px; } .rs-scope-rolstavni-rolletnye-reshetki .roll-kicker { display: inline-flex; margin-bottom: 9px; padding: 4px 8px; border-radius: 999px; background: var(--rs-green-soft); color: var(--rs-green); font-size: 12px; font-weight: 700; line-height: 1.2; } .rs-scope-rolstavni-rolletnye-reshetki .roll-colors { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 12px; } .rs-scope-rolstavni-rolletnye-reshetki .roll-color { display: inline-flex; align-items: center; gap: 6px; padding: 5px 8px; border: 1px solid var(--rs-line); border-radius: 999px; background: #fff; color: var(--rs-muted); font-size: 12px; line-height: 1.2; } .rs-scope-rolstavni-rolletnye-reshetki .roll-color::before { content: ""; width: 13px; height: 13px; flex: 0 0 13px; border: 1px solid #b7c0c4; border-radius: 50%; background: var(--chip, #fff); } .rs-scope-rolstavni-rolletnye-reshetki .roll-color--white { --chip: #fff; } .rs-scope-rolstavni-rolletnye-reshetki .roll-color--brown { --chip: #7b4a25; } .rs-scope-rolstavni-rolletnye-reshetki .roll-color--gray { --chip: #8a9298; } .rs-scope-rolstavni-rolletnye-reshetki .roll-color--beige { --chip: #d9c4a2; } .rs-scope-rolstavni-rolletnye-reshetki .roll-color--ruby { --chip: #a5162d; } .rs-scope-rolstavni-rolletnye-reshetki .roll-color--silver { --chip: #c9ced1; } .rs-scope-rolstavni-rolletnye-reshetki .roll-color--anthracite { --chip: #3b4247; } .rs-scope-rolstavni-rolletnye-reshetki .roll-color--darkbrown { --chip: #3e2a1e; } .rs-scope-rolstavni-rolletnye-reshetki .roll-color--moss { --chip: #4f6f3e; } .rs-scope-rolstavni-rolletnye-reshetki .roll-callout { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: center; padding: 22px; border: 1px solid #cfe3d8; border-radius: 8px; background: #f7fbf9; } .rs-scope-rolstavni-rolletnye-reshetki .roll-callout h2, .rs-scope-rolstavni-rolletnye-reshetki .roll-callout h3 { margin: 0 0 8px; color: var(--rs-ink); font-size: 24px; } .rs-scope-rolstavni-rolletnye-reshetki .roll-callout p { margin: 0; color: var(--rs-muted); } .rs-scope-rolstavni-rolletnye-reshetki .roll-table { display: grid; gap: 10px; } .rs-scope-rolstavni-rolletnye-reshetki .roll-table-card { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 16px; align-items: start; padding: 16px; } .rs-scope-rolstavni-rolletnye-reshetki .roll-table-card__media { overflow: hidden; border-radius: 6px; background: var(--rs-soft); } .rs-scope-rolstavni-rolletnye-reshetki .roll-table-card__media img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; } .rs-scope-rolstavni-rolletnye-reshetki .roll-mini-list { display: grid; gap: 8px; margin: 12px 0 0; padding: 0; list-style: none; } .rs-scope-rolstavni-rolletnye-reshetki .roll-mini-list li { padding-left: 12px; border-left: 3px solid var(--rs-green); color: var(--rs-muted); font-size: 14px; line-height: 1.45; } .rs-scope-rolstavni-rolletnye-reshetki .roll-steps { counter-reset: step; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; } .rs-scope-rolstavni-rolletnye-reshetki .roll-step { counter-increment: step; padding: 14px; border: 1px solid var(--rs-line); border-radius: 8px; background: #fff; } .rs-scope-rolstavni-rolletnye-reshetki .roll-step::before { content: counter(step); display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; margin-bottom: 10px; border-radius: 50%; background: var(--rs-green); color: #fff; font-weight: 700; } .rs-scope-rolstavni-rolletnye-reshetki .roll-step strong { display: block; margin-bottom: 5px; color: var(--rs-ink); line-height: 1.25; } .rs-scope-rolstavni-rolletnye-reshetki .roll-step span { display: block; color: var(--rs-muted); font-size: 14px; line-height: 1.4; } .rs-scope-rolstavni-rolletnye-reshetki .roll-faq { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .rs-scope-rolstavni-rolletnye-reshetki .roll-faq details { padding: 16px; } .rs-scope-rolstavni-rolletnye-reshetki .roll-faq summary { cursor: pointer; color: var(--rs-ink); font-weight: 700; line-height: 1.35; } .rs-scope-rolstavni-rolletnye-reshetki .roll-faq p { margin: 10px 0 0; color: var(--rs-muted); line-height: 1.5; } .rs-scope-rolstavni-rolletnye-reshetki .roll-links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; } .rs-scope-rolstavni-rolletnye-reshetki .roll-link { display: inline-flex; padding: 9px 12px; border: 1px solid #cfe3d8; border-radius: 6px; background: #fff; color: var(--rs-green); text-decoration: none; } .rs-scope-rolstavni-rolletnye-reshetki .roll-page a.roll-link, .rs-scope-rolstavni-rolletnye-reshetki .roll-page a.roll-link:visited { color: var(--rs-green) !important; } .rs-scope-rolstavni-rolletnye-reshetki .roll-link:hover { background: var(--rs-green-soft); text-decoration: none; } @media (max-width: 760px) {.rs-scope-rolstavni-rolletnye-reshetki .roll-grid--2, .rs-scope-rolstavni-rolletnye-reshetki .roll-grid--3, .rs-scope-rolstavni-rolletnye-reshetki .roll-faq, .rs-scope-rolstavni-rolletnye-reshetki .roll-badges, .rs-scope-rolstavni-rolletnye-reshetki .roll-steps { grid-template-columns: 1fr; } .rs-scope-rolstavni-rolletnye-reshetki .roll-table-card, .rs-scope-rolstavni-rolletnye-reshetki .roll-callout, .rs-scope-rolstavni-rolletnye-reshetki .roll-profile { grid-template-columns: 1fr; } .rs-scope-rolstavni-rolletnye-reshetki .roll-profile__media { min-height: 260px; border-right: 0; border-bottom: 1px solid var(--rs-line); } .rs-scope-rolstavni-rolletnye-reshetki .roll-profile__media img { min-height: 260px; } .rs-scope-rolstavni-rolletnye-reshetki .roll-table-card__media img { aspect-ratio: 16 / 9; }} @media (max-width: 560px) {.rs-scope-rolstavni-rolletnye-reshetki .roll-page { font-size: 15px; } .rs-scope-rolstavni-rolletnye-reshetki .roll-section, .rs-scope-rolstavni-rolletnye-reshetki .roll-cta, .rs-scope-rolstavni-rolletnye-reshetki .roll-hero { margin-bottom: 26px; } .rs-scope-rolstavni-rolletnye-reshetki .roll-hero__image { min-height: 210px; aspect-ratio: 16 / 9; } .rs-scope-rolstavni-rolletnye-reshetki .roll-hero__body, .rs-scope-rolstavni-rolletnye-reshetki .roll-callout, .rs-scope-rolstavni-rolletnye-reshetki .roll-card, .rs-scope-rolstavni-rolletnye-reshetki .roll-table-card { padding: 16px; } .rs-scope-rolstavni-rolletnye-reshetki .roll-hero-title { font-size: 25px; } .rs-scope-rolstavni-rolletnye-reshetki .roll-section-head h2 { font-size: 22px; } .rs-scope-rolstavni-rolletnye-reshetki .roll-profile__media, .rs-scope-rolstavni-rolletnye-reshetki .roll-profile__media img { min-height: 230px; } .rs-scope-rolstavni-rolletnye-reshetki .roll-actions, .rs-scope-rolstavni-rolletnye-reshetki .roll-btn { width: 100%; } .rs-scope-rolstavni-rolletnye-reshetki .roll-spec li { grid-template-columns: 1fr; gap: 2px; }} .rs-scope-rolstavni-rolletnye-reshetki .alutech-calc-section { margin: 0 0 32px; padding: 26px; border: 1px solid rgba(20, 41, 58, 0.12); border-radius: 8px; background: #fff; box-shadow: 0 18px 48px rgba(20, 41, 58, 0.08); } .rs-scope-rolstavni-rolletnye-reshetki .alutech-calc-section__head { max-width: 860px; margin: 0 0 20px; } .rs-scope-rolstavni-rolletnye-reshetki .alutech-calc-section__eyebrow { display: block; margin: 0 0 7px; color: #1f6f8b; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0; } .rs-scope-rolstavni-rolletnye-reshetki .alutech-calc-section h2 { margin: 0 0 10px; color: #14293a; font-size: 34px; line-height: 1.15; } .rs-scope-rolstavni-rolletnye-reshetki .alutech-calc-section p { margin: 0; color: #516273; font-size: 16px; line-height: 1.6; } .rs-scope-rolstavni-rolletnye-reshetki .alutech-calc-section__frame { overflow: hidden; min-height: 360px; border: 1px solid rgba(20, 41, 58, 0.1); border-radius: 8px; background: #f7fafc; } .rs-scope-rolstavni-rolletnye-reshetki .alutech-calc-section #alutech-calc { min-height: 360px; } .rs-scope-rolstavni-rolletnye-reshetki .alutech-calc-section iframe { display: block; width: 100%; } @media (max-width: 640px) {.rs-scope-rolstavni-rolletnye-reshetki .alutech-calc-section { margin-bottom: 24px; padding: 16px; } .rs-scope-rolstavni-rolletnye-reshetki .alutech-calc-section h2 { font-size: 24px; } .rs-scope-rolstavni-rolletnye-reshetki .alutech-calc-section__frame, .rs-scope-rolstavni-rolletnye-reshetki .alutech-calc-section #alutech-calc { min-height: 420px; }} /* Source: /rolstavni/santehnicheskie/index.php; Scope: .rs-scope-rolstavni-santehnicheskie; blocks: 1 */ .rs-scope-rolstavni-santehnicheskie .san-page { --san-red: #e30613; --san-green: #1f7a4a; --san-green-soft: #edf7f2; --san-ink: #1f2d34; --san-muted: #5d6b72; --san-line: #dce6e2; --san-soft: #f5f8f7; --san-warm: #fff7ea; color: #26343c; font-family: inherit; font-size: 16px; line-height: 1.55; } .rs-scope-rolstavni-santehnicheskie .san-page * { box-sizing: border-box; } .rs-scope-rolstavni-santehnicheskie .san-page img { display: block; max-width: 100%; height: auto; } .rs-scope-rolstavni-santehnicheskie .san-page p, .rs-scope-rolstavni-santehnicheskie .san-page ul, .rs-scope-rolstavni-santehnicheskie .san-page ol { margin-top: 0; } .rs-scope-rolstavni-santehnicheskie .san-page h2, .rs-scope-rolstavni-santehnicheskie .san-page h3, .rs-scope-rolstavni-santehnicheskie .san-title { color: var(--san-ink); line-height: 1.22; letter-spacing: 0; } .rs-scope-rolstavni-santehnicheskie .san-hero, .rs-scope-rolstavni-santehnicheskie .san-section, .rs-scope-rolstavni-santehnicheskie .san-cta { width: 100%; max-width: 847px; margin: 0 auto 34px; } .rs-scope-rolstavni-santehnicheskie .san-hero { overflow: hidden; border: 1px solid var(--san-line); border-radius: 8px; background: #fff; } .rs-scope-rolstavni-santehnicheskie .san-hero__media { width: 100%; aspect-ratio: 16 / 8.2; min-height: 330px; background: var(--san-soft); } .rs-scope-rolstavni-santehnicheskie .san-hero__media img { width: 100%; height: 100%; object-fit: cover; } .rs-scope-rolstavni-santehnicheskie .san-hero__body { padding: 26px; } .rs-scope-rolstavni-santehnicheskie .san-eyebrow { margin: 0 0 10px !important; color: var(--san-green) !important; font-size: 13px; font-weight: 700; line-height: 1.35 !important; text-transform: uppercase; } .rs-scope-rolstavni-santehnicheskie .san-title { margin: 0 0 14px; font-size: 34px; line-height: 1.15; } .rs-scope-rolstavni-santehnicheskie .san-lead { max-width: 780px; margin: 0 0 18px !important; color: var(--san-muted); font-size: 17px; line-height: 1.55 !important; } .rs-scope-rolstavni-santehnicheskie .san-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; } .rs-scope-rolstavni-santehnicheskie .san-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 12px 18px; border: 1px solid var(--san-red); border-radius: 6px; font-weight: 700; line-height: 1.2; text-align: center; text-decoration: none; } .rs-scope-rolstavni-santehnicheskie .san-btn--primary, .rs-scope-rolstavni-santehnicheskie .san-page a.san-btn--primary, .rs-scope-rolstavni-santehnicheskie .san-page a.san-btn--primary:visited { color: #fff !important; background: var(--san-red); border-color: var(--san-red); } .rs-scope-rolstavni-santehnicheskie .san-btn--secondary, .rs-scope-rolstavni-santehnicheskie .san-page a.san-btn--secondary, .rs-scope-rolstavni-santehnicheskie .san-page a.san-btn--secondary:visited { color: var(--san-green) !important; background: #fff; border-color: var(--san-green); } .rs-scope-rolstavni-santehnicheskie .san-page .san-btn:hover { opacity: .88; text-decoration: none; } .rs-scope-rolstavni-santehnicheskie .san-tags { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 20px; } .rs-scope-rolstavni-santehnicheskie .san-tag { padding: 11px 12px; border: 1px solid #cfe3da; border-radius: 8px; background: var(--san-green-soft); color: var(--san-ink); font-size: 14px; line-height: 1.35; } .rs-scope-rolstavni-santehnicheskie .san-tag strong { display: block; margin-bottom: 3px; color: var(--san-green); font-size: 15px; } .rs-scope-rolstavni-santehnicheskie .san-section-head { margin-bottom: 16px; } .rs-scope-rolstavni-santehnicheskie .san-section-head h2, .rs-scope-rolstavni-santehnicheskie .san-section h2 { margin: 0 0 8px; font-size: 27px; line-height: 1.24; } .rs-scope-rolstavni-santehnicheskie .san-section-head p { max-width: 760px; margin: 0 !important; color: var(--san-muted); line-height: 1.55 !important; } .rs-scope-rolstavni-santehnicheskie .san-grid { display: grid; gap: 14px; } .rs-scope-rolstavni-santehnicheskie .san-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-rolstavni-santehnicheskie .san-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .rs-scope-rolstavni-santehnicheskie .san-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .rs-scope-rolstavni-santehnicheskie .san-card, .rs-scope-rolstavni-santehnicheskie .san-figure, .rs-scope-rolstavni-santehnicheskie .san-faq details, .rs-scope-rolstavni-santehnicheskie .san-note-box { border: 1px solid var(--san-line); border-radius: 8px; background: #fff; } .rs-scope-rolstavni-santehnicheskie .san-card { padding: 18px; } .rs-scope-rolstavni-santehnicheskie .san-card--accent { border-top: 3px solid var(--san-green); } .rs-scope-rolstavni-santehnicheskie .san-card h3, .rs-scope-rolstavni-santehnicheskie .san-figure h3 { margin: 0 0 8px; font-size: 18px; line-height: 1.25; } .rs-scope-rolstavni-santehnicheskie .san-card p, .rs-scope-rolstavni-santehnicheskie .san-figure p, .rs-scope-rolstavni-santehnicheskie .san-card li { color: var(--san-muted); line-height: 1.5; } .rs-scope-rolstavni-santehnicheskie .san-card p:last-child, .rs-scope-rolstavni-santehnicheskie .san-figure p:last-child, .rs-scope-rolstavni-santehnicheskie .san-card ul:last-child { margin-bottom: 0; } .rs-scope-rolstavni-santehnicheskie .san-card ul { margin-bottom: 0; padding-left: 18px; } .rs-scope-rolstavni-santehnicheskie .san-figure { overflow: hidden; } .rs-scope-rolstavni-santehnicheskie .san-figure img { width: 100%; height: 176px; object-fit: cover; background: var(--san-soft); } .rs-scope-rolstavni-santehnicheskie .san-figure--wide img { height: 214px; } .rs-scope-rolstavni-santehnicheskie .san-figure--contain img { padding: 14px; object-fit: contain; } .rs-scope-rolstavni-santehnicheskie .san-figure__body { padding: 16px; } .rs-scope-rolstavni-santehnicheskie .san-spec { display: grid; grid-template-columns: 235px minmax(0, 1fr); gap: 14px; align-items: center; padding: 18px; border: 1px solid var(--san-line); border-radius: 8px; background: #fff; } .rs-scope-rolstavni-santehnicheskie .san-spec img { width: 100%; max-height: 170px; object-fit: contain; background: var(--san-soft); border-radius: 6px; } .rs-scope-rolstavni-santehnicheskie .san-list { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; } .rs-scope-rolstavni-santehnicheskie .san-list li { padding: 11px 12px; border-left: 3px solid var(--san-green); border-radius: 6px; background: var(--san-soft); color: var(--san-muted); } .rs-scope-rolstavni-santehnicheskie .san-list strong { color: var(--san-ink); } .rs-scope-rolstavni-santehnicheskie .san-note-box { padding: 18px; background: var(--san-warm); } .rs-scope-rolstavni-santehnicheskie .san-note-box strong { display: block; margin-bottom: 6px; color: var(--san-ink); } .rs-scope-rolstavni-santehnicheskie .san-product { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 14px; align-items: center; padding: 14px; border: 1px solid var(--san-line); border-radius: 8px; background: #fff; } .rs-scope-rolstavni-santehnicheskie .san-product img { width: 150px; height: 150px; object-fit: contain; background: var(--san-soft); border-radius: 6px; } .rs-scope-rolstavni-santehnicheskie .san-product h3 { margin: 0 0 6px; font-size: 17px; line-height: 1.25; } .rs-scope-rolstavni-santehnicheskie .san-product p { margin: 0 !important; color: var(--san-muted); font-size: 14px; line-height: 1.45 !important; } .rs-scope-rolstavni-santehnicheskie .san-process { counter-reset: san-step; } .rs-scope-rolstavni-santehnicheskie .san-process .san-card { position: relative; padding-left: 54px; } .rs-scope-rolstavni-santehnicheskie .san-process .san-card::before { counter-increment: san-step; content: counter(san-step); position: absolute; top: 18px; left: 18px; display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; background: var(--san-green); color: #fff; font-weight: 700; line-height: 1; } .rs-scope-rolstavni-santehnicheskie .san-mini { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 12px; align-items: center; } .rs-scope-rolstavni-santehnicheskie .san-mini img { width: 56px; height: 56px; object-fit: contain; } .rs-scope-rolstavni-santehnicheskie .san-faq { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .rs-scope-rolstavni-santehnicheskie .san-faq details { padding: 16px; } .rs-scope-rolstavni-santehnicheskie .san-faq summary { cursor: pointer; color: var(--san-ink); font-weight: 700; line-height: 1.35; } .rs-scope-rolstavni-santehnicheskie .san-faq p { margin: 10px 0 0 !important; color: var(--san-muted); line-height: 1.5 !important; } .rs-scope-rolstavni-santehnicheskie .san-cta-box { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: center; padding: 22px; border: 1px solid #cfe3da; border-radius: 8px; background: #f7fbf9; } .rs-scope-rolstavni-santehnicheskie .san-cta-box h2 { margin: 0 0 8px; font-size: 24px; } .rs-scope-rolstavni-santehnicheskie .san-cta-box p { margin: 0 !important; color: var(--san-muted); line-height: 1.5 !important; } .rs-scope-rolstavni-santehnicheskie .san-links { display: flex; flex-wrap: wrap; gap: 10px; } .rs-scope-rolstavni-santehnicheskie .san-link, .rs-scope-rolstavni-santehnicheskie .san-page a.san-link, .rs-scope-rolstavni-santehnicheskie .san-page a.san-link:visited { display: inline-flex; padding: 9px 12px; border: 1px solid #cfe3da; border-radius: 6px; color: var(--san-green) !important; background: #fff; line-height: 1.25; text-decoration: none; } .rs-scope-rolstavni-santehnicheskie .san-page a.san-link:hover { text-decoration: none; border-color: var(--san-green); } @media (max-width: 920px) {.rs-scope-rolstavni-santehnicheskie .san-tags, .rs-scope-rolstavni-santehnicheskie .san-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-rolstavni-santehnicheskie .san-grid--3, .rs-scope-rolstavni-santehnicheskie .san-grid--2, .rs-scope-rolstavni-santehnicheskie .san-faq { grid-template-columns: 1fr; } .rs-scope-rolstavni-santehnicheskie .san-spec, .rs-scope-rolstavni-santehnicheskie .san-cta-box { grid-template-columns: 1fr; } .rs-scope-rolstavni-santehnicheskie .san-spec img { max-height: 240px; }} @media (max-width: 560px) {.rs-scope-rolstavni-santehnicheskie .san-hero, .rs-scope-rolstavni-santehnicheskie .san-section, .rs-scope-rolstavni-santehnicheskie .san-cta { margin-bottom: 24px; } .rs-scope-rolstavni-santehnicheskie .san-hero__media { aspect-ratio: 4 / 3; min-height: 240px; } .rs-scope-rolstavni-santehnicheskie .san-hero__body { padding: 18px; } .rs-scope-rolstavni-santehnicheskie .san-title { font-size: 26px; } .rs-scope-rolstavni-santehnicheskie .san-lead { font-size: 15px; } .rs-scope-rolstavni-santehnicheskie .san-tags, .rs-scope-rolstavni-santehnicheskie .san-grid--4 { grid-template-columns: 1fr; } .rs-scope-rolstavni-santehnicheskie .san-actions, .rs-scope-rolstavni-santehnicheskie .san-btn { width: 100%; } .rs-scope-rolstavni-santehnicheskie .san-product { grid-template-columns: 1fr; } .rs-scope-rolstavni-santehnicheskie .san-product img { width: 100%; height: 180px; } .rs-scope-rolstavni-santehnicheskie .san-figure img { height: 190px; }} .rs-scope-rolstavni-santehnicheskie .alutech-calc-section { margin: 0 0 32px; padding: 26px; border: 1px solid rgba(20, 41, 58, 0.12); border-radius: 8px; background: #fff; box-shadow: 0 18px 48px rgba(20, 41, 58, 0.08); } .rs-scope-rolstavni-santehnicheskie .alutech-calc-section__head { max-width: 860px; margin: 0 0 20px; } .rs-scope-rolstavni-santehnicheskie .alutech-calc-section__eyebrow { display: block; margin: 0 0 7px; color: #1f6f8b; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0; } .rs-scope-rolstavni-santehnicheskie .alutech-calc-section h2 { margin: 0 0 10px; color: #14293a; font-size: 34px; line-height: 1.15; } .rs-scope-rolstavni-santehnicheskie .alutech-calc-section p { margin: 0; color: #516273; font-size: 16px; line-height: 1.6; } .rs-scope-rolstavni-santehnicheskie .alutech-calc-section__frame { overflow: hidden; min-height: 360px; border: 1px solid rgba(20, 41, 58, 0.1); border-radius: 8px; background: #f7fafc; } .rs-scope-rolstavni-santehnicheskie .alutech-calc-section #alutech-calc { min-height: 360px; } .rs-scope-rolstavni-santehnicheskie .alutech-calc-section iframe { display: block; width: 100%; } @media (max-width: 640px) {.rs-scope-rolstavni-santehnicheskie .alutech-calc-section { margin-bottom: 24px; padding: 16px; } .rs-scope-rolstavni-santehnicheskie .alutech-calc-section h2 { font-size: 24px; } .rs-scope-rolstavni-santehnicheskie .alutech-calc-section__frame, .rs-scope-rolstavni-santehnicheskie .alutech-calc-section #alutech-calc { min-height: 420px; }} /* Source: /rolstavni/vneshnyaya-solncezashchita/index.php; Scope: .rs-scope-rolstavni-vneshnyaya-solncezashchita; blocks: 1 */ .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-page { --rs-red: #e30613; --rs-ink: #1d2d35; --rs-muted: #5b6971; --rs-line: #dfe7ea; --rs-soft: #f4f8f6; --rs-soft-green: #edf7f2; --rs-green: #1f8b4c; --rs-blue: #2f8fb3; color: #26343c; font-family: inherit; font-size: 16px; line-height: 1.55; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-page * { box-sizing: border-box; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-page img { display: block; max-width: 100%; height: auto; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-page h2, .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-page h3, .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-page .roll-hero-title { color: var(--rs-ink); line-height: 1.2; letter-spacing: 0; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-page p { margin-top: 0; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-hero, .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-section, .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-cta { max-width: 847px; margin: 0 auto 34px; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-hero__media { overflow: hidden; border-radius: 8px; background: var(--rs-soft); } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-hero__media img { width: 100%; height: 390px; object-fit: cover; object-position: center center; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-hero__body { padding-top: 22px; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-eyebrow { margin: 0 0 10px; color: var(--rs-green); font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-hero-title { margin: 0 0 14px; font-size: 32px; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-lead { margin: 0 0 18px; color: var(--rs-muted); font-size: 17px; line-height: 1.55; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 8px; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 12px 18px; border: 1px solid var(--rs-red); border-radius: 6px; font-weight: 700; text-align: center; text-decoration: none; line-height: 1.2; transition: opacity .2s ease; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-btn--primary { background: var(--rs-red); border-color: var(--rs-red); color: #fff; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-page a.roll-btn--primary, .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-page a.roll-btn--primary:visited { color: #fff !important; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-btn--secondary { background: #fff; border-color: var(--rs-green); color: var(--rs-green); } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-page a.roll-btn--secondary, .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-page a.roll-btn--secondary:visited { color: var(--rs-green) !important; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-page .roll-btn:hover { opacity: .86; text-decoration: none; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-note { margin: 14px 0 0; color: var(--rs-muted); font-size: 14px; line-height: 1.45; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-section-head { margin-bottom: 16px; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-section-head h2, .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-section h2 { margin: 0 0 8px; font-size: 26px; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-section-head p { margin: 0; color: var(--rs-muted); } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-facts, .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-cards, .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-media-grid, .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-system-grid, .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-fabric-grid, .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-projects, .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-faq { display: grid; gap: 14px; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-facts { grid-template-columns: repeat(4, minmax(0, 1fr)); } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-card, .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-fact, .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-media-card, .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-system-card, .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-fabric-card, .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-project-card, .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-faq details { border: 1px solid var(--rs-line); border-radius: 8px; background: #fff; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-fact { padding: 16px; border-top: 3px solid var(--rs-green); } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-fact strong, .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-card strong, .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-media-card strong, .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-system-card strong, .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-fabric-card strong, .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-project-card strong { display: block; margin-bottom: 7px; color: var(--rs-ink); font-size: 17px; line-height: 1.25; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-fact strong { color: var(--rs-green); } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-fact p, .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-card p, .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-media-card p, .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-system-card p, .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-fabric-card p, .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-project-card p { margin: 0; color: var(--rs-muted); line-height: 1.5; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-card { padding: 18px; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-card--accent { border-color: #cfe3da; background: #f7fbf9; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-wide-card { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 16px; align-items: stretch; padding: 0; overflow: hidden; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-wide-card__body { padding: 20px; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-wide-card__image { min-height: 260px; background: var(--rs-soft); } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-wide-card__image img { width: 100%; height: 100%; min-height: 260px; object-fit: cover; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-system-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-system-card { overflow: hidden; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-system-card img { width: 100%; height: 230px; object-fit: cover; background: var(--rs-soft); } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-system-card__body { padding: 16px; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-table-wrap { overflow-x: auto; border: 1px solid var(--rs-line); border-radius: 8px; background: #fff; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-table { width: 100%; min-width: 680px; border-collapse: collapse; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-table th, .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-table td { padding: 12px 13px; border-bottom: 1px solid var(--rs-line); text-align: left; vertical-align: top; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-table th { color: var(--rs-ink); background: var(--rs-soft); font-weight: 700; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-table td { color: var(--rs-muted); } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-table tr:last-child td { border-bottom: 0; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-media-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-media-card { overflow: hidden; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-media-card img { width: 100%; height: 160px; object-fit: cover; background: var(--rs-soft); } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-media-card--contain img { object-fit: contain; padding: 12px; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-media-card__body { padding: 15px; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-fabric-grid { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-fabric-card { overflow: hidden; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-fabric-card img { width: 100%; height: 250px; object-fit: cover; background: var(--rs-soft); } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-fabric-card--contain img { object-fit: contain; padding: 12px; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-fabric-card__body { padding: 16px; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-color-list, .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-checklist { display: grid; gap: 10px; margin: 12px 0 0; padding: 0; list-style: none; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-color-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-color-list li { display: flex; align-items: center; gap: 8px; min-width: 0; color: var(--rs-muted); font-size: 14px; line-height: 1.35; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-swatch { flex: 0 0 auto; width: 20px; height: 20px; border: 1px solid #b7c2c7; border-radius: 50%; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-projects { grid-template-columns: repeat(4, minmax(0, 1fr)); } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-project-card { overflow: hidden; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-project-card img { width: 100%; height: 150px; object-fit: cover; background: var(--rs-soft); } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-project-card__body { padding: 13px; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-checklist { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-checklist li { padding: 15px 16px; border-left: 4px solid var(--rs-green); border-radius: 8px; background: var(--rs-soft); color: var(--rs-muted); line-height: 1.45; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-checklist strong { display: block; margin-bottom: 5px; color: var(--rs-ink); } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-sale { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: center; padding: 22px; border: 1px solid #cfe3da; border-radius: 8px; background: #f7fbf9; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-page .roll-sale h2 { margin: 0 0 8px; color: var(--rs-ink); font-size: 24px; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-page .roll-sale p { margin: 0; color: var(--rs-muted); } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-link { display: inline-flex; padding: 9px 12px; border: 1px solid #cfe3da; border-radius: 6px; background: #fff; color: var(--rs-green); text-decoration: none; line-height: 1.25; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-page a.roll-link, .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-page a.roll-link:visited { color: var(--rs-green) !important; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-faq { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-faq details { padding: 16px; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-faq summary { cursor: pointer; color: var(--rs-ink); font-weight: 700; line-height: 1.35; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-faq p { margin: 10px 0 0; color: var(--rs-muted); line-height: 1.5; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-small { margin: 12px 0 0; color: var(--rs-muted); font-size: 14px; line-height: 1.45; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-alutech-widget { margin: 18px 0; padding: 0; border: 1px solid var(--rs-line); border-radius: 8px; background: #fff; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-alutech-widget__mount { width: 100%; min-height: 380px; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-alutech-widget--large .roll-alutech-widget__mount { min-height: 520px; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-alutech-widget noscript { display: block; padding: 18px; color: var(--rs-muted); } @media (max-width: 920px) {.rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-wide-card, .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-system-grid, .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-fabric-grid, .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-cards, .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-media-grid, .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-projects, .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-faq, .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-checklist { grid-template-columns: 1fr; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-sale { grid-template-columns: 1fr; }} @media (max-width: 560px) {.rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-hero, .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-section, .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-cta { margin-bottom: 24px; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-hero__media img { height: 230px; object-position: center center; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-hero__body { padding-top: 16px; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-hero-title { font-size: 25px; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-lead { font-size: 15px; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-section-head h2, .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-section h2 { font-size: 22px; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-facts, .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-color-list { grid-template-columns: 1fr; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-actions, .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-sale .roll-actions { width: 100%; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-btn { width: 100%; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-alutech-widget__mount { min-height: 320px; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-alutech-widget--large .roll-alutech-widget__mount { min-height: 420px; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-wide-card__image, .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-wide-card__image img, .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-system-card img, .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-fabric-card img, .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-media-card img, .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-project-card img { min-height: 190px; height: 190px; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-table-wrap { overflow-x: visible; border: 0; background: transparent; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-table { display: block; min-width: 0; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-table thead { display: none; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-table tbody, .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-table tr, .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-table td { display: block; width: 100%; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-table tr { margin-bottom: 10px; border: 1px solid var(--rs-line); border-radius: 8px; background: #fff; overflow: hidden; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-table td { position: relative; min-height: 44px; padding: 10px 12px 10px 132px; border-bottom: 1px solid var(--rs-line); } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-table td:last-child { border-bottom: 0; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .roll-table td::before { content: attr(data-label); position: absolute; top: 10px; left: 12px; width: 104px; color: var(--rs-ink); font-weight: 700; }} .rs-scope-rolstavni-vneshnyaya-solncezashchita .alutech-calc-section { margin: 0 0 32px; padding: 26px; border: 1px solid rgba(20, 41, 58, 0.12); border-radius: 8px; background: #fff; box-shadow: 0 18px 48px rgba(20, 41, 58, 0.08); } .rs-scope-rolstavni-vneshnyaya-solncezashchita .alutech-calc-section__head { max-width: 860px; margin: 0 0 20px; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .alutech-calc-section__eyebrow { display: block; margin: 0 0 7px; color: #1f6f8b; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .alutech-calc-section h2 { margin: 0 0 10px; color: #14293a; font-size: 34px; line-height: 1.15; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .alutech-calc-section p { margin: 0; color: #516273; font-size: 16px; line-height: 1.6; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .alutech-calc-section__frame { overflow: hidden; min-height: 360px; border: 1px solid rgba(20, 41, 58, 0.1); border-radius: 8px; background: #f7fafc; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .alutech-calc-section #alutech-calc { min-height: 360px; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .alutech-calc-section iframe { display: block; width: 100%; } @media (max-width: 640px) {.rs-scope-rolstavni-vneshnyaya-solncezashchita .alutech-calc-section { margin-bottom: 24px; padding: 16px; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .alutech-calc-section h2 { font-size: 24px; } .rs-scope-rolstavni-vneshnyaya-solncezashchita .alutech-calc-section__frame, .rs-scope-rolstavni-vneshnyaya-solncezashchita .alutech-calc-section #alutech-calc { min-height: 420px; }} /* Source: /rolstavni/vzlomostoykie/index.php; Scope: .rs-scope-rolstavni-vzlomostoykie; blocks: 1 */ .rs-scope-rolstavni-vzlomostoykie .p5-page { --p5-red: #e30613; --p5-ink: #1d2d35; --p5-muted: #5d6a71; --p5-line: #dde7e5; --p5-soft: #f5f8f7; --p5-soft-green: #edf7f2; --p5-green: #1f8b4c; --p5-steel: #687985; color: #26343c; font-family: inherit; font-size: 16px; line-height: 1.56; } .rs-scope-rolstavni-vzlomostoykie .p5-page * { box-sizing: border-box; } .rs-scope-rolstavni-vzlomostoykie .p5-page img { display: block; max-width: 100%; height: auto; } .rs-scope-rolstavni-vzlomostoykie .p5-page h2, .rs-scope-rolstavni-vzlomostoykie .p5-page h3, .rs-scope-rolstavni-vzlomostoykie .p5-page .p5-hero-title { color: var(--p5-ink); line-height: 1.18; letter-spacing: 0; } .rs-scope-rolstavni-vzlomostoykie .p5-page p { margin-top: 0; } .rs-scope-rolstavni-vzlomostoykie .p5-hero, .rs-scope-rolstavni-vzlomostoykie .p5-section, .rs-scope-rolstavni-vzlomostoykie .p5-cta { max-width: 847px; margin: 0 auto 34px; } .rs-scope-rolstavni-vzlomostoykie .p5-hero__media { overflow: hidden; border: 1px solid var(--p5-line); border-radius: 8px; background: var(--p5-soft); } .rs-scope-rolstavni-vzlomostoykie .p5-hero__media img { width: 100%; height: 410px; object-fit: cover; object-position: center center; } .rs-scope-rolstavni-vzlomostoykie .p5-hero__body { padding-top: 22px; } .rs-scope-rolstavni-vzlomostoykie .p5-eyebrow { margin: 0 0 10px; color: var(--p5-green); font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0; } .rs-scope-rolstavni-vzlomostoykie .p5-hero-title { margin: 0 0 14px; font-size: 32px; } .rs-scope-rolstavni-vzlomostoykie .p5-lead { margin: 0 0 18px; color: var(--p5-muted); font-size: 17px; line-height: 1.56; } .rs-scope-rolstavni-vzlomostoykie .p5-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 10px; } .rs-scope-rolstavni-vzlomostoykie .p5-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 12px 18px; border: 1px solid var(--p5-red); border-radius: 6px; font-weight: 700; text-align: center; text-decoration: none; line-height: 1.2; transition: opacity .2s ease; } .rs-scope-rolstavni-vzlomostoykie .p5-btn--primary { background: var(--p5-red); border-color: var(--p5-red); color: #fff; } .rs-scope-rolstavni-vzlomostoykie .p5-page a.p5-btn--primary, .rs-scope-rolstavni-vzlomostoykie .p5-page a.p5-btn--primary:visited { color: #fff !important; } .rs-scope-rolstavni-vzlomostoykie .p5-btn--secondary { background: #fff; border-color: var(--p5-green); color: var(--p5-green); } .rs-scope-rolstavni-vzlomostoykie .p5-page a.p5-btn--secondary, .rs-scope-rolstavni-vzlomostoykie .p5-page a.p5-btn--secondary:visited { color: var(--p5-green) !important; } .rs-scope-rolstavni-vzlomostoykie .p5-page .p5-btn:hover { opacity: .86; text-decoration: none; } .rs-scope-rolstavni-vzlomostoykie .p5-note { margin: 14px 0 0; color: var(--p5-muted); font-size: 14px; line-height: 1.45; } .rs-scope-rolstavni-vzlomostoykie .p5-section-head { margin-bottom: 16px; } .rs-scope-rolstavni-vzlomostoykie .p5-section-head h2, .rs-scope-rolstavni-vzlomostoykie .p5-section h2 { margin: 0 0 8px; font-size: 26px; } .rs-scope-rolstavni-vzlomostoykie .p5-section-head p { margin: 0; color: var(--p5-muted); } .rs-scope-rolstavni-vzlomostoykie .p5-facts, .rs-scope-rolstavni-vzlomostoykie .p5-cards, .rs-scope-rolstavni-vzlomostoykie .p5-spec-grid, .rs-scope-rolstavni-vzlomostoykie .p5-tech-grid, .rs-scope-rolstavni-vzlomostoykie .p5-media-grid, .rs-scope-rolstavni-vzlomostoykie .p5-steps, .rs-scope-rolstavni-vzlomostoykie .p5-faq { display: grid; gap: 14px; } .rs-scope-rolstavni-vzlomostoykie .p5-facts { grid-template-columns: repeat(4, minmax(0, 1fr)); } .rs-scope-rolstavni-vzlomostoykie .p5-fact, .rs-scope-rolstavni-vzlomostoykie .p5-card, .rs-scope-rolstavni-vzlomostoykie .p5-spec, .rs-scope-rolstavni-vzlomostoykie .p5-tech, .rs-scope-rolstavni-vzlomostoykie .p5-media, .rs-scope-rolstavni-vzlomostoykie .p5-step, .rs-scope-rolstavni-vzlomostoykie .p5-faq details { border: 1px solid var(--p5-line); border-radius: 8px; background: #fff; } .rs-scope-rolstavni-vzlomostoykie .p5-fact { padding: 16px; border-top: 3px solid var(--p5-green); } .rs-scope-rolstavni-vzlomostoykie .p5-fact strong, .rs-scope-rolstavni-vzlomostoykie .p5-card strong, .rs-scope-rolstavni-vzlomostoykie .p5-spec strong, .rs-scope-rolstavni-vzlomostoykie .p5-tech strong, .rs-scope-rolstavni-vzlomostoykie .p5-media strong, .rs-scope-rolstavni-vzlomostoykie .p5-step strong { display: block; margin-bottom: 7px; color: var(--p5-ink); font-size: 17px; line-height: 1.25; } .rs-scope-rolstavni-vzlomostoykie .p5-fact strong { color: var(--p5-green); } .rs-scope-rolstavni-vzlomostoykie .p5-fact p, .rs-scope-rolstavni-vzlomostoykie .p5-card p, .rs-scope-rolstavni-vzlomostoykie .p5-spec p, .rs-scope-rolstavni-vzlomostoykie .p5-tech p, .rs-scope-rolstavni-vzlomostoykie .p5-media p, .rs-scope-rolstavni-vzlomostoykie .p5-step p { margin: 0; color: var(--p5-muted); line-height: 1.5; } .rs-scope-rolstavni-vzlomostoykie .p5-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-rolstavni-vzlomostoykie .p5-card { padding: 18px; } .rs-scope-rolstavni-vzlomostoykie .p5-card--accent { border-color: #cfe3da; background: #f7fbf9; } .rs-scope-rolstavni-vzlomostoykie .p5-band { padding: 20px; border: 1px solid #cfe3da; border-radius: 8px; background: #f7fbf9; } .rs-scope-rolstavni-vzlomostoykie .p5-band h2 { margin-bottom: 8px; } .rs-scope-rolstavni-vzlomostoykie .p5-band p { margin: 0; color: var(--p5-muted); } .rs-scope-rolstavni-vzlomostoykie .p5-spec-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: stretch; } .rs-scope-rolstavni-vzlomostoykie .p5-spec { overflow: hidden; } .rs-scope-rolstavni-vzlomostoykie .p5-spec img { width: 100%; height: 245px; object-fit: cover; background: var(--p5-soft); } .rs-scope-rolstavni-vzlomostoykie .p5-spec__body { padding: 16px; } .rs-scope-rolstavni-vzlomostoykie .p5-table-wrap { overflow-x: auto; border: 1px solid var(--p5-line); border-radius: 8px; background: #fff; } .rs-scope-rolstavni-vzlomostoykie .p5-table { width: 100%; min-width: 660px; border-collapse: collapse; } .rs-scope-rolstavni-vzlomostoykie .p5-table th, .rs-scope-rolstavni-vzlomostoykie .p5-table td { padding: 12px 13px; border-bottom: 1px solid var(--p5-line); text-align: left; vertical-align: top; } .rs-scope-rolstavni-vzlomostoykie .p5-table th { color: var(--p5-ink); background: var(--p5-soft); font-weight: 700; } .rs-scope-rolstavni-vzlomostoykie .p5-table td { color: var(--p5-muted); } .rs-scope-rolstavni-vzlomostoykie .p5-table tr:last-child td { border-bottom: 0; } .rs-scope-rolstavni-vzlomostoykie .p5-tech-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-rolstavni-vzlomostoykie .p5-tech { overflow: hidden; } .rs-scope-rolstavni-vzlomostoykie .p5-tech img { width: 100%; height: 220px; object-fit: contain; padding: 12px; background: #f4f6f7; } .rs-scope-rolstavni-vzlomostoykie .p5-tech__body { padding: 16px; } .rs-scope-rolstavni-vzlomostoykie .p5-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; } .rs-scope-rolstavni-vzlomostoykie .p5-tag { display: inline-flex; align-items: center; min-height: 30px; padding: 5px 9px; border: 1px solid #cfe3da; border-radius: 6px; background: #fff; color: var(--p5-green); font-size: 13px; font-weight: 700; line-height: 1.2; } .rs-scope-rolstavni-vzlomostoykie .p5-image-strip { display: grid; grid-template-columns: minmax(0, 1.06fr) minmax(0, .94fr); gap: 14px; align-items: stretch; } .rs-scope-rolstavni-vzlomostoykie .p5-image-strip__image { overflow: hidden; border: 1px solid var(--p5-line); border-radius: 8px; background: var(--p5-soft); } .rs-scope-rolstavni-vzlomostoykie .p5-image-strip__image img { width: 100%; height: 100%; min-height: 285px; object-fit: cover; } .rs-scope-rolstavni-vzlomostoykie .p5-color-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 12px 0 0; padding: 0; list-style: none; } .rs-scope-rolstavni-vzlomostoykie .p5-color-list li { display: flex; align-items: center; gap: 8px; min-width: 0; color: var(--p5-muted); font-size: 14px; line-height: 1.3; } .rs-scope-rolstavni-vzlomostoykie .p5-swatch { flex: 0 0 auto; width: 20px; height: 20px; border: 1px solid #b7c2c7; border-radius: 50%; } .rs-scope-rolstavni-vzlomostoykie .p5-media-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .rs-scope-rolstavni-vzlomostoykie .p5-media { overflow: hidden; } .rs-scope-rolstavni-vzlomostoykie .p5-media img { width: 100%; height: 165px; object-fit: cover; background: var(--p5-soft); } .rs-scope-rolstavni-vzlomostoykie .p5-media__body { padding: 15px; } .rs-scope-rolstavni-vzlomostoykie .p5-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-rolstavni-vzlomostoykie .p5-step { padding: 16px; border-left: 4px solid var(--p5-green); } .rs-scope-rolstavni-vzlomostoykie .p5-sale { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: center; padding: 22px; border: 1px solid #cfe3da; border-radius: 8px; background: #f7fbf9; } .rs-scope-rolstavni-vzlomostoykie .p5-page .p5-sale h2 { margin: 0 0 8px; color: var(--p5-ink); font-size: 24px; } .rs-scope-rolstavni-vzlomostoykie .p5-page .p5-sale p { margin: 0; color: var(--p5-muted); } .rs-scope-rolstavni-vzlomostoykie .p5-links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; } .rs-scope-rolstavni-vzlomostoykie .p5-link { display: inline-flex; padding: 9px 12px; border: 1px solid #cfe3da; border-radius: 6px; background: #fff; color: var(--p5-green); text-decoration: none; line-height: 1.25; } .rs-scope-rolstavni-vzlomostoykie .p5-page a.p5-link, .rs-scope-rolstavni-vzlomostoykie .p5-page a.p5-link:visited { color: var(--p5-green) !important; } .rs-scope-rolstavni-vzlomostoykie .p5-faq { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-rolstavni-vzlomostoykie .p5-faq details { padding: 16px; } .rs-scope-rolstavni-vzlomostoykie .p5-faq summary { cursor: pointer; color: var(--p5-ink); font-weight: 700; line-height: 1.35; } .rs-scope-rolstavni-vzlomostoykie .p5-faq p { margin: 10px 0 0; color: var(--p5-muted); line-height: 1.5; } .rs-scope-rolstavni-vzlomostoykie .p5-small { margin: 12px 0 0; color: var(--p5-muted); font-size: 14px; line-height: 1.45; } @media (max-width: 920px) {.rs-scope-rolstavni-vzlomostoykie .p5-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-rolstavni-vzlomostoykie .p5-cards, .rs-scope-rolstavni-vzlomostoykie .p5-spec-grid, .rs-scope-rolstavni-vzlomostoykie .p5-tech-grid, .rs-scope-rolstavni-vzlomostoykie .p5-image-strip, .rs-scope-rolstavni-vzlomostoykie .p5-media-grid, .rs-scope-rolstavni-vzlomostoykie .p5-steps, .rs-scope-rolstavni-vzlomostoykie .p5-faq { grid-template-columns: 1fr; } .rs-scope-rolstavni-vzlomostoykie .p5-sale { grid-template-columns: 1fr; }} @media (max-width: 560px) {.rs-scope-rolstavni-vzlomostoykie .p5-hero, .rs-scope-rolstavni-vzlomostoykie .p5-section, .rs-scope-rolstavni-vzlomostoykie .p5-cta { margin-bottom: 24px; } .rs-scope-rolstavni-vzlomostoykie .p5-hero__media img { height: 235px; } .rs-scope-rolstavni-vzlomostoykie .p5-hero__body { padding-top: 16px; } .rs-scope-rolstavni-vzlomostoykie .p5-hero-title { font-size: 25px; } .rs-scope-rolstavni-vzlomostoykie .p5-lead { font-size: 15px; } .rs-scope-rolstavni-vzlomostoykie .p5-section-head h2, .rs-scope-rolstavni-vzlomostoykie .p5-section h2 { font-size: 22px; } .rs-scope-rolstavni-vzlomostoykie .p5-facts, .rs-scope-rolstavni-vzlomostoykie .p5-color-list { grid-template-columns: 1fr; } .rs-scope-rolstavni-vzlomostoykie .p5-actions, .rs-scope-rolstavni-vzlomostoykie .p5-sale .p5-actions { width: 100%; } .rs-scope-rolstavni-vzlomostoykie .p5-btn { width: 100%; } .rs-scope-rolstavni-vzlomostoykie .p5-spec img, .rs-scope-rolstavni-vzlomostoykie .p5-image-strip__image img, .rs-scope-rolstavni-vzlomostoykie .p5-media img { min-height: 190px; height: 190px; } .rs-scope-rolstavni-vzlomostoykie .p5-tech img { height: 205px; } .rs-scope-rolstavni-vzlomostoykie .p5-table { min-width: 620px; }} .rs-scope-rolstavni-vzlomostoykie .alutech-calc-section { margin: 0 0 32px; padding: 26px; border: 1px solid rgba(20, 41, 58, 0.12); border-radius: 8px; background: #fff; box-shadow: 0 18px 48px rgba(20, 41, 58, 0.08); } .rs-scope-rolstavni-vzlomostoykie .alutech-calc-section__head { max-width: 860px; margin: 0 0 20px; } .rs-scope-rolstavni-vzlomostoykie .alutech-calc-section__eyebrow { display: block; margin: 0 0 7px; color: #1f6f8b; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0; } .rs-scope-rolstavni-vzlomostoykie .alutech-calc-section h2 { margin: 0 0 10px; color: #14293a; font-size: 34px; line-height: 1.15; } .rs-scope-rolstavni-vzlomostoykie .alutech-calc-section p { margin: 0; color: #516273; font-size: 16px; line-height: 1.6; } .rs-scope-rolstavni-vzlomostoykie .alutech-calc-section__frame { overflow: hidden; min-height: 360px; border: 1px solid rgba(20, 41, 58, 0.1); border-radius: 8px; background: #f7fafc; } .rs-scope-rolstavni-vzlomostoykie .alutech-calc-section #alutech-calc { min-height: 360px; } .rs-scope-rolstavni-vzlomostoykie .alutech-calc-section iframe { display: block; width: 100%; } @media (max-width: 640px) {.rs-scope-rolstavni-vzlomostoykie .alutech-calc-section { margin-bottom: 24px; padding: 16px; } .rs-scope-rolstavni-vzlomostoykie .alutech-calc-section h2 { font-size: 24px; } .rs-scope-rolstavni-vzlomostoykie .alutech-calc-section__frame, .rs-scope-rolstavni-vzlomostoykie .alutech-calc-section #alutech-calc { min-height: 420px; }} /* Source: /vorota/bokovye-dveri/index.php; Scope: .rs-scope-vorota-bokovye-dveri; blocks: 1 */ .rs-scope-vorota-bokovye-dveri .rs-gate-page { --rs-red: #e30613; --rs-ink: #1f3038; --rs-text: #31424b; --rs-muted: #667780; --rs-line: #dbe5e3; --rs-soft: #f4f8f6; --rs-green: #27834f; --rs-green-soft: #eaf5ef; max-width: 847px; margin: 0 auto; color: var(--rs-text); font-family: inherit; font-size: 16px; line-height: 1.55; } .rs-scope-vorota-bokovye-dveri .rs-gate-page * { box-sizing: border-box; } .rs-scope-vorota-bokovye-dveri .rs-gate-page img { display: block; max-width: 100%; height: auto; } .rs-scope-vorota-bokovye-dveri .rs-gate-page h2, .rs-scope-vorota-bokovye-dveri .rs-gate-page h3 { margin: 0; color: var(--rs-ink); line-height: 1.22; letter-spacing: 0; } .rs-scope-vorota-bokovye-dveri .rs-gate-page p { margin: 0; } .rs-scope-vorota-bokovye-dveri .rs-section, .rs-scope-vorota-bokovye-dveri .rs-hero, .rs-scope-vorota-bokovye-dveri .rs-cta { margin: 0 0 30px; } .rs-scope-vorota-bokovye-dveri .rs-hero { display: grid; grid-template-columns: 1fr; gap: 22px; align-items: stretch; padding: 22px; border: 1px solid var(--rs-line); border-left: 5px solid var(--rs-red); border-radius: 8px; background: linear-gradient(0deg, #fff, var(--rs-soft)); } .rs-scope-vorota-bokovye-dveri .rs-hero__copy { min-width: 0; display: flex; flex-direction: column; justify-content: center; } .rs-scope-vorota-bokovye-dveri .rs-eyebrow { margin-bottom: 9px; color: var(--rs-green); font-size: 13px; font-weight: 700; text-transform: uppercase; } .rs-scope-vorota-bokovye-dveri .rs-hero h2 { margin-bottom: 12px; font-size: 30px; } .rs-scope-vorota-bokovye-dveri .rs-lead { margin-bottom: 18px; color: var(--rs-muted); font-size: 17px; } .rs-scope-vorota-bokovye-dveri .rs-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; } .rs-scope-vorota-bokovye-dveri .rs-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 12px 18px; border-radius: 6px; border: 1px solid var(--rs-red); font-weight: 700; line-height: 1.2; text-align: center; text-decoration: none; } .rs-scope-vorota-bokovye-dveri .rs-btn--primary, .rs-scope-vorota-bokovye-dveri .rs-gate-page a.rs-btn--primary:visited { background: var(--rs-red); color: #fff !important; } .rs-scope-vorota-bokovye-dveri .rs-btn--secondary, .rs-scope-vorota-bokovye-dveri .rs-gate-page a.rs-btn--secondary:visited { border-color: var(--rs-green); background: #fff; color: var(--rs-green) !important; } .rs-scope-vorota-bokovye-dveri .rs-gate-page .rs-btn:hover { opacity: .88; text-decoration: none; } .rs-scope-vorota-bokovye-dveri .rs-note { margin-top: 13px; color: var(--rs-muted); font-size: 14px; } .rs-scope-vorota-bokovye-dveri .rs-hero__media { aspect-ratio: 16 / 9; max-width: 100%; width: 100%; order: -1; overflow: hidden; border-radius: 8px; background: #e7ecef; } .rs-scope-vorota-bokovye-dveri .rs-hero__media img { width: 100%; height: 100%; min-height: 285px; object-fit: cover; } .rs-scope-vorota-bokovye-dveri .rs-section-head { margin-bottom: 15px; } .rs-scope-vorota-bokovye-dveri .rs-section-head h2 { margin-bottom: 7px; font-size: 25px; } .rs-scope-vorota-bokovye-dveri .rs-section-head p { color: var(--rs-muted); } .rs-scope-vorota-bokovye-dveri .rs-grid { display: grid; gap: 14px; } .rs-scope-vorota-bokovye-dveri .rs-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-vorota-bokovye-dveri .rs-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .rs-scope-vorota-bokovye-dveri .rs-card, .rs-scope-vorota-bokovye-dveri .rs-fact, .rs-scope-vorota-bokovye-dveri .rs-media-card, .rs-scope-vorota-bokovye-dveri .rs-compare__row, .rs-scope-vorota-bokovye-dveri .rs-faq details { border: 1px solid var(--rs-line); border-radius: 8px; background: #fff; } .rs-scope-vorota-bokovye-dveri .rs-fact { padding: 17px; border-top: 3px solid var(--rs-green); } .rs-scope-vorota-bokovye-dveri .rs-card { padding: 18px; } .rs-scope-vorota-bokovye-dveri .rs-card h3, .rs-scope-vorota-bokovye-dveri .rs-fact h3, .rs-scope-vorota-bokovye-dveri .rs-media-card h3 { margin-bottom: 7px; font-size: 17px; } .rs-scope-vorota-bokovye-dveri .rs-fact h3 { color: var(--rs-green); } .rs-scope-vorota-bokovye-dveri .rs-card p, .rs-scope-vorota-bokovye-dveri .rs-fact p, .rs-scope-vorota-bokovye-dveri .rs-media-card p, .rs-scope-vorota-bokovye-dveri .rs-list li, .rs-scope-vorota-bokovye-dveri .rs-compare__row p { color: var(--rs-muted); } .rs-scope-vorota-bokovye-dveri .rs-compare { display: grid; gap: 10px; } .rs-scope-vorota-bokovye-dveri .rs-compare__row { display: grid; grid-template-columns: 145px minmax(0, 1fr) minmax(0, 1fr); gap: 14px; padding: 16px; } .rs-scope-vorota-bokovye-dveri .rs-compare__row--head { border-color: #cfe2d8; background: var(--rs-green-soft); color: var(--rs-ink); font-weight: 700; } .rs-scope-vorota-bokovye-dveri .rs-compare__row strong { display: block; color: var(--rs-ink); } .rs-scope-vorota-bokovye-dveri .rs-compare__row p { margin-top: 4px; } .rs-scope-vorota-bokovye-dveri .rs-media-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .rs-scope-vorota-bokovye-dveri .rs-media-card { overflow: hidden; } .rs-scope-vorota-bokovye-dveri .rs-media-card img { width: 100%; height: 210px; object-fit: cover; background: var(--rs-soft); } .rs-scope-vorota-bokovye-dveri .rs-media-card__body { padding: 15px; } .rs-scope-vorota-bokovye-dveri .rs-list { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; } .rs-scope-vorota-bokovye-dveri .rs-list li { position: relative; padding-left: 18px; } .rs-scope-vorota-bokovye-dveri .rs-list li::before { content: ""; position: absolute; left: 0; top: .68em; width: 7px; height: 7px; border-radius: 50%; background: var(--rs-green); } .rs-scope-vorota-bokovye-dveri .rs-mini { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; } .rs-scope-vorota-bokovye-dveri .rs-swatch { min-height: 58px; padding: 9px; border: 1px solid var(--rs-line); border-radius: 8px; background: #fff; color: var(--rs-ink); font-size: 12px; line-height: 1.25; } .rs-scope-vorota-bokovye-dveri .rs-swatch::before { content: ""; display: block; height: 18px; margin-bottom: 7px; border-radius: 4px; border: 1px solid rgba(0,0,0,.12); background: var(--swatch, #fff); } .rs-scope-vorota-bokovye-dveri .rs-cta-box { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: center; padding: 20px; border: 1px solid #cfe2d8; border-radius: 8px; background: #f7fbf9; } .rs-scope-vorota-bokovye-dveri .rs-cta-box h2 { margin-bottom: 7px; font-size: 24px; } .rs-scope-vorota-bokovye-dveri .rs-cta-box p { color: var(--rs-muted); } .rs-scope-vorota-bokovye-dveri .rs-links { display: flex; flex-wrap: wrap; gap: 10px; } .rs-scope-vorota-bokovye-dveri .rs-link, .rs-scope-vorota-bokovye-dveri .rs-gate-page a.rs-link:visited { display: inline-flex; padding: 9px 12px; border: 1px solid #cfe2d8; border-radius: 6px; background: #fff; color: var(--rs-green) !important; text-decoration: none; } .rs-scope-vorota-bokovye-dveri .rs-faq { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .rs-scope-vorota-bokovye-dveri .rs-faq details { padding: 15px; } .rs-scope-vorota-bokovye-dveri .rs-faq summary { cursor: pointer; color: var(--rs-ink); font-weight: 700; line-height: 1.35; } .rs-scope-vorota-bokovye-dveri .rs-faq p { margin-top: 10px; color: var(--rs-muted); } @media (max-width: 760px) {.rs-scope-vorota-bokovye-dveri .rs-hero, .rs-scope-vorota-bokovye-dveri .rs-cta-box { grid-template-columns: 1fr; } .rs-scope-vorota-bokovye-dveri .rs-hero__media img { min-height: 230px; } .rs-scope-vorota-bokovye-dveri .rs-grid--3, .rs-scope-vorota-bokovye-dveri .rs-media-grid, .rs-scope-vorota-bokovye-dveri .rs-faq { grid-template-columns: 1fr; } .rs-scope-vorota-bokovye-dveri .rs-compare__row, .rs-scope-vorota-bokovye-dveri .rs-compare__row--head { grid-template-columns: 1fr; gap: 8px; } .rs-scope-vorota-bokovye-dveri .rs-compare__row--head { display: none; }} @media (max-width: 560px) {.rs-scope-vorota-bokovye-dveri .rs-gate-page { font-size: 15px; } .rs-scope-vorota-bokovye-dveri .rs-section, .rs-scope-vorota-bokovye-dveri .rs-hero, .rs-scope-vorota-bokovye-dveri .rs-cta { margin-bottom: 24px; } .rs-scope-vorota-bokovye-dveri .rs-hero { padding: 16px; gap: 16px; } .rs-scope-vorota-bokovye-dveri .rs-hero h2 { font-size: 25px; } .rs-scope-vorota-bokovye-dveri .rs-lead { font-size: 15px; } .rs-scope-vorota-bokovye-dveri .rs-grid--2, .rs-scope-vorota-bokovye-dveri .rs-mini { grid-template-columns: 1fr; } .rs-scope-vorota-bokovye-dveri .rs-actions, .rs-scope-vorota-bokovye-dveri .rs-btn { width: 100%; } .rs-scope-vorota-bokovye-dveri .rs-media-card img { height: 190px; }} .rs-scope-vorota-bokovye-dveri .alutech-calc-section { margin: 0 0 32px; padding: 26px; border: 1px solid rgba(20, 41, 58, 0.12); border-radius: 8px; background: #fff; box-shadow: 0 18px 48px rgba(20, 41, 58, 0.08); } .rs-scope-vorota-bokovye-dveri .alutech-calc-section__head { max-width: 860px; margin: 0 0 20px; } .rs-scope-vorota-bokovye-dveri .alutech-calc-section__eyebrow { display: block; margin: 0 0 7px; color: #1f6f8b; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0; } .rs-scope-vorota-bokovye-dveri .alutech-calc-section h2 { margin: 0 0 10px; color: #14293a; font-size: 34px; line-height: 1.15; } .rs-scope-vorota-bokovye-dveri .alutech-calc-section p { margin: 0; color: #516273; font-size: 16px; line-height: 1.6; } .rs-scope-vorota-bokovye-dveri .alutech-calc-section__frame { overflow: hidden; min-height: 360px; border: 1px solid rgba(20, 41, 58, 0.1); border-radius: 8px; background: #f7fafc; } .rs-scope-vorota-bokovye-dveri .alutech-calc-section #alutech-calc { min-height: 360px; } .rs-scope-vorota-bokovye-dveri .alutech-calc-section iframe { display: block; width: 100%; } @media (max-width: 640px) {.rs-scope-vorota-bokovye-dveri .alutech-calc-section { margin-bottom: 24px; padding: 16px; } .rs-scope-vorota-bokovye-dveri .alutech-calc-section h2 { font-size: 24px; } .rs-scope-vorota-bokovye-dveri .alutech-calc-section__frame, .rs-scope-vorota-bokovye-dveri .alutech-calc-section #alutech-calc { min-height: 420px; }} /* Source: /vorota/dlya-dachi/index.php; Scope: .rs-scope-vorota-dlya-dachi; blocks: 1 */ .rs-scope-vorota-dlya-dachi .dacha-page { --rs-red: #e30613; --rs-ink: #1e2d35; --rs-text: #31424a; --rs-muted: #5f6d75; --rs-line: #dce7ea; --rs-soft: #f4f8f7; --rs-soft-green: #edf7f1; --rs-green: #1f8b4c; --rs-blue: #2e7fa6; --rs-warm: #8b6a3d; max-width: 847px; margin: 0 auto; color: var(--rs-text); font-family: inherit; font-size: 16px; line-height: 1.55; overflow-wrap: break-word; word-break: normal; } .rs-scope-vorota-dlya-dachi .dacha-page * { box-sizing: border-box; } .rs-scope-vorota-dlya-dachi .dacha-page img { display: block; max-width: 100%; height: auto; } .rs-scope-vorota-dlya-dachi .dacha-page h2, .rs-scope-vorota-dlya-dachi .dacha-page h3, .rs-scope-vorota-dlya-dachi .dacha-page h4 { margin: 0; color: var(--rs-ink); line-height: 1.2; letter-spacing: 0; } .rs-scope-vorota-dlya-dachi .dacha-page p { margin: 0; } .rs-scope-vorota-dlya-dachi .dacha-page a { text-decoration: none; } .rs-scope-vorota-dlya-dachi .dch-section, .rs-scope-vorota-dlya-dachi .dch-cta, .rs-scope-vorota-dlya-dachi .dch-hero { margin: 0 0 32px; } .rs-scope-vorota-dlya-dachi .dch-hero { display: grid; grid-template-columns: 1fr; gap: 20px; align-items: stretch; padding: 22px; border: 1px solid #d7e5e0; border-left: 5px solid var(--rs-red); border-radius: 8px; background: var(--rs-soft); } .rs-scope-vorota-dlya-dachi .dch-hero__body { display: flex; min-width: 0; flex-direction: column; justify-content: center; } .rs-scope-vorota-dlya-dachi .dch-eyebrow { margin: 0 0 9px; color: var(--rs-green); font-size: 13px; font-weight: 700; line-height: 1.35; text-transform: uppercase; } .rs-scope-vorota-dlya-dachi .dch-hero__title { margin: 0 0 12px; font-size: 30px; } .rs-scope-vorota-dlya-dachi .dch-lead { color: var(--rs-muted); font-size: 17px; } .rs-scope-vorota-dlya-dachi .dch-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; } .rs-scope-vorota-dlya-dachi .dch-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; min-width: 176px; padding: 12px 18px; border: 1px solid var(--rs-red); border-radius: 6px; font-weight: 700; line-height: 1.2; text-align: center; } .rs-scope-vorota-dlya-dachi .dch-btn--primary, .rs-scope-vorota-dlya-dachi .dacha-page a.dch-btn--primary:visited { background: var(--rs-red); border-color: var(--rs-red); color: #fff !important; } .rs-scope-vorota-dlya-dachi .dch-btn--secondary, .rs-scope-vorota-dlya-dachi .dacha-page a.dch-btn--secondary:visited { background: #fff; border-color: var(--rs-green); color: var(--rs-green) !important; } .rs-scope-vorota-dlya-dachi .dacha-page .dch-btn:hover { opacity: .88; text-decoration: none; } .rs-scope-vorota-dlya-dachi .dch-note { margin-top: 13px; color: var(--rs-muted); font-size: 14px; line-height: 1.45; } .rs-scope-vorota-dlya-dachi .dch-hero__media { aspect-ratio: 16 / 9; max-width: 100%; width: 100%; order: -1; min-height: 322px; overflow: hidden; border-radius: 8px; background: #dfe8e9; } .rs-scope-vorota-dlya-dachi .dch-hero__media img { width: 100%; height: 100%; min-height: 322px; object-fit: cover; } .rs-scope-vorota-dlya-dachi .dch-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; } .rs-scope-vorota-dlya-dachi .dch-stat { min-height: 92px; padding: 14px; border: 1px solid #cfe3da; border-radius: 8px; background: var(--rs-soft-green); } .rs-scope-vorota-dlya-dachi .dch-stat b { display: block; margin-bottom: 4px; color: var(--rs-green); font-size: 20px; line-height: 1.1; } .rs-scope-vorota-dlya-dachi .dch-stat span { display: block; color: var(--rs-muted); font-size: 13px; line-height: 1.35; } .rs-scope-vorota-dlya-dachi .dch-head { margin-bottom: 16px; } .rs-scope-vorota-dlya-dachi .dch-head h2 { margin-bottom: 8px; font-size: 25px; } .rs-scope-vorota-dlya-dachi .dch-head p { max-width: 720px; color: var(--rs-muted); } .rs-scope-vorota-dlya-dachi .dch-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .rs-scope-vorota-dlya-dachi .dch-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); } .rs-scope-vorota-dlya-dachi .dch-card, .rs-scope-vorota-dlya-dachi .dch-type, .rs-scope-vorota-dlya-dachi .dch-series, .rs-scope-vorota-dlya-dachi .dch-option, .rs-scope-vorota-dlya-dachi .dch-step, .rs-scope-vorota-dlya-dachi .dch-faq details, .rs-scope-vorota-dlya-dachi .dch-visual, .rs-scope-vorota-dlya-dachi .dch-table, .rs-scope-vorota-dlya-dachi .dch-info, .rs-scope-vorota-dlya-dachi .dch-operation { border: 1px solid var(--rs-line); border-radius: 8px; background: #fff; } .rs-scope-vorota-dlya-dachi .dch-card, .rs-scope-vorota-dlya-dachi .dch-option, .rs-scope-vorota-dlya-dachi .dch-operation { padding: 17px; } .rs-scope-vorota-dlya-dachi .dch-card { border-top: 3px solid var(--rs-green); } .rs-scope-vorota-dlya-dachi .dch-card strong, .rs-scope-vorota-dlya-dachi .dch-option strong, .rs-scope-vorota-dlya-dachi .dch-operation strong, .rs-scope-vorota-dlya-dachi .dch-step strong { display: block; margin-bottom: 7px; color: var(--rs-ink); font-size: 17px; line-height: 1.25; } .rs-scope-vorota-dlya-dachi .dch-card p, .rs-scope-vorota-dlya-dachi .dch-option p, .rs-scope-vorota-dlya-dachi .dch-operation p, .rs-scope-vorota-dlya-dachi .dch-step p, .rs-scope-vorota-dlya-dachi .dch-faq p, .rs-scope-vorota-dlya-dachi .dch-series p, .rs-scope-vorota-dlya-dachi .dch-type p, .rs-scope-vorota-dlya-dachi .dch-visual p { color: var(--rs-muted); } .rs-scope-vorota-dlya-dachi .dch-types { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .rs-scope-vorota-dlya-dachi .dch-type { overflow: hidden; } .rs-scope-vorota-dlya-dachi .dch-type img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; background: var(--rs-soft); } .rs-scope-vorota-dlya-dachi .dch-type__body { padding: 17px; } .rs-scope-vorota-dlya-dachi .dch-type h3 { margin-bottom: 8px; font-size: 20px; } .rs-scope-vorota-dlya-dachi .dch-list { margin: 12px 0 0; padding: 0; list-style: none; } .rs-scope-vorota-dlya-dachi .dch-list li { position: relative; padding-left: 18px; color: var(--rs-muted); font-size: 14px; line-height: 1.45; } .rs-scope-vorota-dlya-dachi .dch-list li + li { margin-top: 7px; } .rs-scope-vorota-dlya-dachi .dch-list li::before { content: ""; position: absolute; left: 0; top: .62em; width: 7px; height: 7px; border-radius: 50%; background: var(--rs-green); } .rs-scope-vorota-dlya-dachi .dch-table { overflow: hidden; } .rs-scope-vorota-dlya-dachi .dch-row { display: grid; grid-template-columns: 142px repeat(2, minmax(0, 1fr)); min-width: 0; border-bottom: 1px solid var(--rs-line); } .rs-scope-vorota-dlya-dachi .dch-row:last-child { border-bottom: 0; } .rs-scope-vorota-dlya-dachi .dch-cell { min-width: 0; padding: 13px; border-right: 1px solid var(--rs-line); color: var(--rs-muted); font-size: 14px; line-height: 1.45; } .rs-scope-vorota-dlya-dachi .dch-cell:last-child { border-right: 0; } .rs-scope-vorota-dlya-dachi .dch-cell--head { color: var(--rs-ink); font-weight: 700; } .rs-scope-vorota-dlya-dachi .dch-cell--label { background: var(--rs-soft); color: var(--rs-ink); font-weight: 700; } .rs-scope-vorota-dlya-dachi .dch-mobile-col { display: none; } .rs-scope-vorota-dlya-dachi .dch-cta-box { display: grid; grid-template-columns: minmax(0, 1fr) 314px; gap: 16px; align-items: center; padding: 20px; border: 1px solid #cfe3da; border-radius: 8px; background: #f7fbf9; } .rs-scope-vorota-dlya-dachi .dch-cta-box h2 { margin-bottom: 7px; font-size: 23px; } .rs-scope-vorota-dlya-dachi .dch-cta-box p { color: var(--rs-muted); } .rs-scope-vorota-dlya-dachi .dch-cta-actions { display: grid; gap: 10px; } .rs-scope-vorota-dlya-dachi .dch-cta-actions .dch-actions { display: grid; grid-template-columns: 1fr; gap: 10px; width: 100%; margin: 0; } .rs-scope-vorota-dlya-dachi .dch-cta-actions .dch-btn, .rs-scope-vorota-dlya-dachi .dch-cta-actions .dch-link { width: 100%; min-width: 0; min-height: 44px; } .rs-scope-vorota-dlya-dachi .dch-mini-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 15px; } .rs-scope-vorota-dlya-dachi .dch-mini-step { padding: 12px; border: 1px solid #d9e7e2; border-radius: 8px; background: #fff; color: var(--rs-muted); font-size: 14px; line-height: 1.4; } .rs-scope-vorota-dlya-dachi .dch-mini-step b { display: block; margin-bottom: 4px; color: var(--rs-green); } .rs-scope-vorota-dlya-dachi .dch-series-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .rs-scope-vorota-dlya-dachi .dch-series { overflow: hidden; border-top: 4px solid var(--rs-green); } .rs-scope-vorota-dlya-dachi .dch-series--blue { border-top-color: var(--rs-blue); } .rs-scope-vorota-dlya-dachi .dch-series--warm { border-top-color: var(--rs-warm); } .rs-scope-vorota-dlya-dachi .dch-series__body { padding: 17px; } .rs-scope-vorota-dlya-dachi .dch-series h3 { margin-bottom: 8px; font-size: 20px; } .rs-scope-vorota-dlya-dachi .dch-badge { display: inline-flex; margin-bottom: 10px; padding: 5px 9px; border-radius: 999px; background: #eaf7ef; color: var(--rs-green); font-size: 12px; font-weight: 700; line-height: 1; text-transform: uppercase; } .rs-scope-vorota-dlya-dachi .dch-series--blue .dch-badge { background: #edf5fa; color: var(--rs-blue); } .rs-scope-vorota-dlya-dachi .dch-series--warm .dch-badge { background: #f7f1e9; color: var(--rs-warm); } .rs-scope-vorota-dlya-dachi .dch-info { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px; align-items: center; margin-top: 14px; padding: 16px; background: #f8fbfa; } .rs-scope-vorota-dlya-dachi .dch-info strong { display: block; margin-bottom: 5px; color: var(--rs-ink); } .rs-scope-vorota-dlya-dachi .dch-info p { color: var(--rs-muted); } .rs-scope-vorota-dlya-dachi .dch-info__mark { display: inline-flex; align-items: center; max-width: 100%; padding: 9px 12px; border: 1px solid #cfe3da; border-radius: 8px; background: #fff; color: var(--rs-green); font-size: 14px; font-weight: 700; line-height: 1.35; text-align: center; } .rs-scope-vorota-dlya-dachi .dch-design { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 16px; align-items: center; } .rs-scope-vorota-dlya-dachi .dch-design__media { overflow: hidden; border-radius: 8px; background: var(--rs-soft); } .rs-scope-vorota-dlya-dachi .dch-design__media img { width: 100%; min-height: 290px; object-fit: cover; } .rs-scope-vorota-dlya-dachi .dch-design__body { padding: 18px; border: 1px solid var(--rs-line); border-radius: 8px; background: #fff; } .rs-scope-vorota-dlya-dachi .dch-design__body h3 { margin-bottom: 8px; font-size: 20px; } .rs-scope-vorota-dlya-dachi .dch-design__body p { color: var(--rs-muted); } .rs-scope-vorota-dlya-dachi .dch-swatches { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; margin-top: 14px; } .rs-scope-vorota-dlya-dachi .dch-swatch { display: grid; gap: 5px; min-width: 0; color: var(--rs-muted); font-size: 12px; line-height: 1.25; } .rs-scope-vorota-dlya-dachi .dch-swatch i { display: block; height: 30px; border: 1px solid rgba(0,0,0,.1); border-radius: 6px; } .rs-scope-vorota-dlya-dachi .dch-visuals { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 14px; } .rs-scope-vorota-dlya-dachi .dch-visual { overflow: hidden; } .rs-scope-vorota-dlya-dachi .dch-visual img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; background: var(--rs-soft); } .rs-scope-vorota-dlya-dachi .dch-visual__body { padding: 15px; } .rs-scope-vorota-dlya-dachi .dch-visual h3 { margin-bottom: 7px; font-size: 17px; } .rs-scope-vorota-dlya-dachi .dch-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } .rs-scope-vorota-dlya-dachi .dch-option small { display: block; margin-bottom: 8px; color: var(--rs-green); font-size: 12px; font-weight: 700; line-height: 1.25; text-transform: uppercase; } .rs-scope-vorota-dlya-dachi .dch-process { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; counter-reset: dchSteps; } .rs-scope-vorota-dlya-dachi .dch-step { position: relative; min-height: 122px; padding: 16px 16px 16px 54px; } .rs-scope-vorota-dlya-dachi .dch-step::before { counter-increment: dchSteps; content: counter(dchSteps); position: absolute; top: 16px; left: 16px; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--rs-green); color: #fff; font-weight: 700; } .rs-scope-vorota-dlya-dachi .dch-step h3 { margin-bottom: 6px; font-size: 17px; } .rs-scope-vorota-dlya-dachi .dch-links { display: flex; flex-wrap: wrap; gap: 9px; } .rs-scope-vorota-dlya-dachi .dch-link { display: inline-flex; align-items: center; min-height: 38px; padding: 8px 12px; border: 1px solid #cfe3da; border-radius: 6px; background: #fff; color: var(--rs-green); line-height: 1.2; } .rs-scope-vorota-dlya-dachi .dacha-page a.dch-link, .rs-scope-vorota-dlya-dachi .dacha-page a.dch-link:visited { color: var(--rs-green) !important; } .rs-scope-vorota-dlya-dachi .dch-link:hover { border-color: var(--rs-green); text-decoration: none; } .rs-scope-vorota-dlya-dachi .dch-faq { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .rs-scope-vorota-dlya-dachi .dch-faq details { padding: 15px; } .rs-scope-vorota-dlya-dachi .dch-faq summary { cursor: pointer; color: var(--rs-ink); font-weight: 700; line-height: 1.35; } .rs-scope-vorota-dlya-dachi .dch-faq p { margin-top: 10px; } @media (max-width: 900px) {.rs-scope-vorota-dlya-dachi .dacha-page { max-width: 100%; } .rs-scope-vorota-dlya-dachi .dch-hero, .rs-scope-vorota-dlya-dachi .dch-cta-box, .rs-scope-vorota-dlya-dachi .dch-info, .rs-scope-vorota-dlya-dachi .dch-design { grid-template-columns: 1fr; } .rs-scope-vorota-dlya-dachi .dch-hero__media, .rs-scope-vorota-dlya-dachi .dch-hero__media img { min-height: 260px; } .rs-scope-vorota-dlya-dachi .dch-stats, .rs-scope-vorota-dlya-dachi .dch-grid--three, .rs-scope-vorota-dlya-dachi .dch-options, .rs-scope-vorota-dlya-dachi .dch-visuals { grid-template-columns: repeat(2, minmax(0, 1fr)); }} @media (max-width: 620px) {.rs-scope-vorota-dlya-dachi .dacha-page { font-size: 15px; } .rs-scope-vorota-dlya-dachi .dch-section, .rs-scope-vorota-dlya-dachi .dch-cta, .rs-scope-vorota-dlya-dachi .dch-hero { margin-bottom: 24px; } .rs-scope-vorota-dlya-dachi .dch-hero { padding: 16px; gap: 16px; } .rs-scope-vorota-dlya-dachi .dch-hero__title { font-size: 24px; } .rs-scope-vorota-dlya-dachi .dch-lead { font-size: 15px; } .rs-scope-vorota-dlya-dachi .dch-hero__media, .rs-scope-vorota-dlya-dachi .dch-hero__media img { min-height: 210px; } .rs-scope-vorota-dlya-dachi .dch-stats, .rs-scope-vorota-dlya-dachi .dch-grid, .rs-scope-vorota-dlya-dachi .dch-grid--three, .rs-scope-vorota-dlya-dachi .dch-types, .rs-scope-vorota-dlya-dachi .dch-series-grid, .rs-scope-vorota-dlya-dachi .dch-options, .rs-scope-vorota-dlya-dachi .dch-process, .rs-scope-vorota-dlya-dachi .dch-visuals, .rs-scope-vorota-dlya-dachi .dch-faq, .rs-scope-vorota-dlya-dachi .dch-mini-steps { grid-template-columns: 1fr; } .rs-scope-vorota-dlya-dachi .dch-head h2 { font-size: 22px; } .rs-scope-vorota-dlya-dachi .dch-row:first-child { display: none; } .rs-scope-vorota-dlya-dachi .dch-row { grid-template-columns: 1fr; } .rs-scope-vorota-dlya-dachi .dch-cell { border-right: 0; border-bottom: 1px solid var(--rs-line); } .rs-scope-vorota-dlya-dachi .dch-cell:last-child { border-bottom: 0; } .rs-scope-vorota-dlya-dachi .dch-mobile-col { display: block; margin-bottom: 4px; color: var(--rs-ink); font-weight: 700; } .rs-scope-vorota-dlya-dachi .dch-actions { width: 100%; } .rs-scope-vorota-dlya-dachi .dch-btn { width: 100%; min-width: 0; } .rs-scope-vorota-dlya-dachi .dch-cta-box, .rs-scope-vorota-dlya-dachi .dch-design__body { padding: 16px; } .rs-scope-vorota-dlya-dachi .dch-design__media img { min-height: 210px; } .rs-scope-vorota-dlya-dachi .dch-swatches { grid-template-columns: repeat(2, minmax(0, 1fr)); }} .rs-scope-vorota-dlya-dachi .alutech-calc-section { margin: 0 0 32px; padding: 26px; border: 1px solid rgba(20, 41, 58, 0.12); border-radius: 8px; background: #fff; box-shadow: 0 18px 48px rgba(20, 41, 58, 0.08); } .rs-scope-vorota-dlya-dachi .alutech-calc-section__head { max-width: 860px; margin: 0 0 20px; } .rs-scope-vorota-dlya-dachi .alutech-calc-section__eyebrow { display: block; margin: 0 0 7px; color: #1f6f8b; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0; } .rs-scope-vorota-dlya-dachi .alutech-calc-section h2 { margin: 0 0 10px; color: #14293a; font-size: 34px; line-height: 1.15; } .rs-scope-vorota-dlya-dachi .alutech-calc-section p { margin: 0; color: #516273; font-size: 16px; line-height: 1.6; } .rs-scope-vorota-dlya-dachi .alutech-calc-section__frame { overflow: hidden; min-height: 360px; border: 1px solid rgba(20, 41, 58, 0.1); border-radius: 8px; background: #f7fafc; } .rs-scope-vorota-dlya-dachi .alutech-calc-section #alutech-calc { min-height: 360px; } .rs-scope-vorota-dlya-dachi .alutech-calc-section iframe { display: block; width: 100%; } @media (max-width: 640px) {.rs-scope-vorota-dlya-dachi .alutech-calc-section { margin-bottom: 24px; padding: 16px; } .rs-scope-vorota-dlya-dachi .alutech-calc-section h2 { font-size: 24px; } .rs-scope-vorota-dlya-dachi .alutech-calc-section__frame, .rs-scope-vorota-dlya-dachi .alutech-calc-section #alutech-calc { min-height: 420px; }} /* Source: /vorota/garazhnye/index.php; Scope: .rs-scope-vorota-garazhnye; blocks: 1 */ .rs-scope-vorota-garazhnye .garage-page { --rs-red: #e30613; --rs-ink: #1e2d35; --rs-text: #31424a; --rs-muted: #5f6d75; --rs-line: #dce7ea; --rs-soft: #f4f8f7; --rs-soft-green: #edf7f1; --rs-green: #1f8b4c; --rs-blue: #2e7fa6; max-width: 847px; margin: 0 auto; color: var(--rs-text); font-family: inherit; font-size: 16px; line-height: 1.55; overflow-wrap: break-word; word-break: normal; } .rs-scope-vorota-garazhnye .garage-page * { box-sizing: border-box; } .rs-scope-vorota-garazhnye .garage-page img { display: block; max-width: 100%; height: auto; } .rs-scope-vorota-garazhnye .garage-page h2, .rs-scope-vorota-garazhnye .garage-page h3, .rs-scope-vorota-garazhnye .garage-page h4 { margin: 0; color: var(--rs-ink); line-height: 1.2; letter-spacing: 0; } .rs-scope-vorota-garazhnye .garage-page p { margin: 0; } .rs-scope-vorota-garazhnye .garage-page a { text-decoration: none; } .rs-scope-vorota-garazhnye .grg-section, .rs-scope-vorota-garazhnye .grg-cta, .rs-scope-vorota-garazhnye .grg-hero { margin: 0 0 32px; } .rs-scope-vorota-garazhnye .grg-hero { display: grid; grid-template-columns: 1fr; gap: 20px; align-items: stretch; padding: 22px; border: 1px solid #d7e5e0; border-left: 5px solid var(--rs-red); border-radius: 8px; background: var(--rs-soft); } .rs-scope-vorota-garazhnye .grg-hero__body { display: flex; min-width: 0; flex-direction: column; justify-content: center; } .rs-scope-vorota-garazhnye .grg-eyebrow { margin: 0 0 9px; color: var(--rs-green); font-size: 13px; font-weight: 700; line-height: 1.35; text-transform: uppercase; } .rs-scope-vorota-garazhnye .grg-hero__title { margin: 0 0 12px; font-size: 30px; } .rs-scope-vorota-garazhnye .grg-lead { color: var(--rs-muted); font-size: 17px; } .rs-scope-vorota-garazhnye .grg-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; } .rs-scope-vorota-garazhnye .grg-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; min-width: 176px; padding: 12px 18px; border: 1px solid var(--rs-red); border-radius: 6px; font-weight: 700; line-height: 1.2; text-align: center; } .rs-scope-vorota-garazhnye .grg-btn--primary, .rs-scope-vorota-garazhnye .garage-page a.grg-btn--primary:visited { background: var(--rs-red); border-color: var(--rs-red); color: #fff !important; } .rs-scope-vorota-garazhnye .grg-btn--secondary, .rs-scope-vorota-garazhnye .garage-page a.grg-btn--secondary:visited { background: #fff; border-color: var(--rs-green); color: var(--rs-green) !important; } .rs-scope-vorota-garazhnye .garage-page .grg-btn:hover { opacity: .88; text-decoration: none; } .rs-scope-vorota-garazhnye .grg-note { margin-top: 13px; color: var(--rs-muted); font-size: 14px; line-height: 1.45; } .rs-scope-vorota-garazhnye .grg-hero__media { aspect-ratio: 16 / 9; max-width: 100%; width: 100%; order: -1; min-height: 326px; overflow: hidden; border-radius: 8px; background: #dfe8e9; } .rs-scope-vorota-garazhnye .grg-hero__media img { width: 100%; height: 100%; min-height: 326px; object-fit: cover; } .rs-scope-vorota-garazhnye .grg-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; } .rs-scope-vorota-garazhnye .grg-stat { min-height: 88px; padding: 14px; border: 1px solid #cfe3da; border-radius: 8px; background: var(--rs-soft-green); } .rs-scope-vorota-garazhnye .grg-stat b { display: block; margin-bottom: 4px; color: var(--rs-green); font-size: 20px; line-height: 1.1; } .rs-scope-vorota-garazhnye .grg-stat span { display: block; color: var(--rs-muted); font-size: 13px; line-height: 1.35; } .rs-scope-vorota-garazhnye .grg-head { margin-bottom: 16px; } .rs-scope-vorota-garazhnye .grg-head h2 { margin-bottom: 8px; font-size: 25px; } .rs-scope-vorota-garazhnye .grg-head p { max-width: 720px; color: var(--rs-muted); } .rs-scope-vorota-garazhnye .grg-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .rs-scope-vorota-garazhnye .grg-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); } .rs-scope-vorota-garazhnye .grg-card, .rs-scope-vorota-garazhnye .grg-type, .rs-scope-vorota-garazhnye .grg-series, .rs-scope-vorota-garazhnye .grg-option, .rs-scope-vorota-garazhnye .grg-step, .rs-scope-vorota-garazhnye .grg-faq details, .rs-scope-vorota-garazhnye .grg-visual, .rs-scope-vorota-garazhnye .grg-compare { border: 1px solid var(--rs-line); border-radius: 8px; background: #fff; } .rs-scope-vorota-garazhnye .grg-card { padding: 17px; border-top: 3px solid var(--rs-green); } .rs-scope-vorota-garazhnye .grg-card strong, .rs-scope-vorota-garazhnye .grg-option strong, .rs-scope-vorota-garazhnye .grg-step strong { display: block; margin-bottom: 7px; color: var(--rs-ink); font-size: 17px; line-height: 1.25; } .rs-scope-vorota-garazhnye .grg-card p, .rs-scope-vorota-garazhnye .grg-option p, .rs-scope-vorota-garazhnye .grg-step p, .rs-scope-vorota-garazhnye .grg-faq p, .rs-scope-vorota-garazhnye .grg-series p, .rs-scope-vorota-garazhnye .grg-type p, .rs-scope-vorota-garazhnye .grg-visual p { color: var(--rs-muted); } .rs-scope-vorota-garazhnye .grg-types { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .rs-scope-vorota-garazhnye .grg-type { overflow: hidden; } .rs-scope-vorota-garazhnye .grg-type img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; background: var(--rs-soft); } .rs-scope-vorota-garazhnye .grg-type__body { padding: 17px; } .rs-scope-vorota-garazhnye .grg-type h3 { margin-bottom: 8px; font-size: 20px; } .rs-scope-vorota-garazhnye .grg-list { margin: 12px 0 0; padding: 0; list-style: none; } .rs-scope-vorota-garazhnye .grg-list li { position: relative; padding-left: 18px; color: var(--rs-muted); font-size: 14px; line-height: 1.45; } .rs-scope-vorota-garazhnye .grg-list li + li { margin-top: 7px; } .rs-scope-vorota-garazhnye .grg-list li::before { content: ""; position: absolute; left: 0; top: .62em; width: 7px; height: 7px; border-radius: 50%; background: var(--rs-green); } .rs-scope-vorota-garazhnye .grg-compare { overflow: hidden; } .rs-scope-vorota-garazhnye .grg-row { display: grid; grid-template-columns: 156px repeat(2, minmax(0, 1fr)); min-width: 0; border-bottom: 1px solid var(--rs-line); } .rs-scope-vorota-garazhnye .grg-row:last-child { border-bottom: 0; } .rs-scope-vorota-garazhnye .grg-cell { min-width: 0; padding: 13px; border-right: 1px solid var(--rs-line); color: var(--rs-muted); font-size: 14px; line-height: 1.45; } .rs-scope-vorota-garazhnye .grg-cell:last-child { border-right: 0; } .rs-scope-vorota-garazhnye .grg-cell--head { color: var(--rs-ink); font-weight: 700; } .rs-scope-vorota-garazhnye .grg-cell--label { background: var(--rs-soft); color: var(--rs-ink); font-weight: 700; } .rs-scope-vorota-garazhnye .grg-mobile-col { display: none; } .rs-scope-vorota-garazhnye .grg-series-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .rs-scope-vorota-garazhnye .grg-series { overflow: hidden; border-top: 4px solid var(--rs-green); } .rs-scope-vorota-garazhnye .grg-series--trend { border-top-color: var(--rs-blue); } .rs-scope-vorota-garazhnye .grg-series img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; background: var(--rs-soft); } .rs-scope-vorota-garazhnye .grg-series__body { padding: 17px; } .rs-scope-vorota-garazhnye .grg-series h3 { margin-bottom: 8px; font-size: 20px; } .rs-scope-vorota-garazhnye .grg-badge { display: inline-flex; margin-bottom: 10px; padding: 5px 9px; border-radius: 999px; background: #eaf7ef; color: var(--rs-green); font-size: 12px; font-weight: 700; line-height: 1; text-transform: uppercase; } .rs-scope-vorota-garazhnye .grg-series--trend .grg-badge { background: #edf5fa; color: var(--rs-blue); } .rs-scope-vorota-garazhnye .grg-info { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px; align-items: center; margin-top: 14px; padding: 16px; border: 1px solid #cfe3da; border-radius: 8px; background: #f8fbfa; } .rs-scope-vorota-garazhnye .grg-info strong { display: block; margin-bottom: 5px; color: var(--rs-ink); } .rs-scope-vorota-garazhnye .grg-info p { color: var(--rs-muted); } .rs-scope-vorota-garazhnye .grg-info__mark { display: inline-flex; align-items: center; max-width: 100%; padding: 9px 12px; border: 1px solid #cfe3da; border-radius: 8px; background: #fff; color: var(--rs-green); font-size: 14px; font-weight: 700; line-height: 1.35; text-align: center; } .rs-scope-vorota-garazhnye .grg-visuals { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } .rs-scope-vorota-garazhnye .grg-visual { overflow: hidden; } .rs-scope-vorota-garazhnye .grg-visual img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; background: var(--rs-soft); } .rs-scope-vorota-garazhnye .grg-visual__body { padding: 15px; } .rs-scope-vorota-garazhnye .grg-visual h3 { margin-bottom: 7px; font-size: 17px; } .rs-scope-vorota-garazhnye .grg-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } .rs-scope-vorota-garazhnye .grg-option { padding: 16px; } .rs-scope-vorota-garazhnye .grg-option small { display: block; margin-bottom: 8px; color: var(--rs-green); font-size: 12px; font-weight: 700; line-height: 1.25; text-transform: uppercase; } .rs-scope-vorota-garazhnye .grg-process { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; counter-reset: grgSteps; } .rs-scope-vorota-garazhnye .grg-step { position: relative; min-height: 122px; padding: 16px 16px 16px 54px; } .rs-scope-vorota-garazhnye .grg-step::before { counter-increment: grgSteps; content: counter(grgSteps); position: absolute; top: 16px; left: 16px; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--rs-green); color: #fff; font-weight: 700; } .rs-scope-vorota-garazhnye .grg-step h3 { margin-bottom: 6px; font-size: 17px; } .rs-scope-vorota-garazhnye .grg-cta-box { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 16px; align-items: center; padding: 20px; border: 1px solid #cfe3da; border-radius: 8px; background: #f7fbf9; } .rs-scope-vorota-garazhnye .grg-cta-box h2 { margin-bottom: 7px; font-size: 23px; } .rs-scope-vorota-garazhnye .grg-cta-box p { color: var(--rs-muted); } .rs-scope-vorota-garazhnye .grg-cta-actions { display: grid; gap: 10px; } .rs-scope-vorota-garazhnye .grg-cta-actions .grg-actions { display: grid; grid-template-columns: 1fr; gap: 10px; width: 100%; margin: 0; } .rs-scope-vorota-garazhnye .grg-cta-actions .grg-btn, .rs-scope-vorota-garazhnye .grg-cta-actions .grg-link { width: 100%; min-width: 0; min-height: 44px; } .rs-scope-vorota-garazhnye .grg-links { display: flex; flex-wrap: wrap; gap: 9px; } .rs-scope-vorota-garazhnye .grg-link { display: inline-flex; align-items: center; min-height: 38px; padding: 8px 12px; border: 1px solid #cfe3da; border-radius: 6px; background: #fff; color: var(--rs-green); line-height: 1.2; } .rs-scope-vorota-garazhnye .garage-page a.grg-link, .rs-scope-vorota-garazhnye .garage-page a.grg-link:visited { color: var(--rs-green) !important; } .rs-scope-vorota-garazhnye .grg-link:hover { border-color: var(--rs-green); text-decoration: none; } .rs-scope-vorota-garazhnye .grg-faq { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .rs-scope-vorota-garazhnye .grg-faq details { padding: 15px; } .rs-scope-vorota-garazhnye .grg-faq summary { cursor: pointer; color: var(--rs-ink); font-weight: 700; line-height: 1.35; } .rs-scope-vorota-garazhnye .grg-faq p { margin-top: 10px; } @media (max-width: 900px) {.rs-scope-vorota-garazhnye .garage-page { max-width: 100%; } .rs-scope-vorota-garazhnye .grg-hero { grid-template-columns: 1fr; } .rs-scope-vorota-garazhnye .grg-hero__media, .rs-scope-vorota-garazhnye .grg-hero__media img { min-height: 260px; } .rs-scope-vorota-garazhnye .grg-stats, .rs-scope-vorota-garazhnye .grg-grid--three, .rs-scope-vorota-garazhnye .grg-options, .rs-scope-vorota-garazhnye .grg-visuals { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-vorota-garazhnye .grg-cta-box, .rs-scope-vorota-garazhnye .grg-info { grid-template-columns: 1fr; }} @media (max-width: 620px) {.rs-scope-vorota-garazhnye .garage-page { font-size: 15px; } .rs-scope-vorota-garazhnye .grg-section, .rs-scope-vorota-garazhnye .grg-cta, .rs-scope-vorota-garazhnye .grg-hero { margin-bottom: 24px; } .rs-scope-vorota-garazhnye .grg-hero { padding: 16px; gap: 16px; } .rs-scope-vorota-garazhnye .grg-hero__title { font-size: 24px; } .rs-scope-vorota-garazhnye .grg-lead { font-size: 15px; } .rs-scope-vorota-garazhnye .grg-hero__media, .rs-scope-vorota-garazhnye .grg-hero__media img { min-height: 210px; } .rs-scope-vorota-garazhnye .grg-stats, .rs-scope-vorota-garazhnye .grg-grid, .rs-scope-vorota-garazhnye .grg-grid--three, .rs-scope-vorota-garazhnye .grg-types, .rs-scope-vorota-garazhnye .grg-series-grid, .rs-scope-vorota-garazhnye .grg-options, .rs-scope-vorota-garazhnye .grg-process, .rs-scope-vorota-garazhnye .grg-visuals, .rs-scope-vorota-garazhnye .grg-faq { grid-template-columns: 1fr; } .rs-scope-vorota-garazhnye .grg-head h2 { font-size: 22px; } .rs-scope-vorota-garazhnye .grg-row:first-child { display: none; } .rs-scope-vorota-garazhnye .grg-row { grid-template-columns: 1fr; } .rs-scope-vorota-garazhnye .grg-cell { border-right: 0; border-bottom: 1px solid var(--rs-line); } .rs-scope-vorota-garazhnye .grg-cell:last-child { border-bottom: 0; } .rs-scope-vorota-garazhnye .grg-mobile-col { display: block; margin-bottom: 4px; color: var(--rs-ink); font-weight: 700; } .rs-scope-vorota-garazhnye .grg-actions { width: 100%; } .rs-scope-vorota-garazhnye .grg-btn { width: 100%; min-width: 0; } .rs-scope-vorota-garazhnye .grg-cta-box { padding: 16px; }} .rs-scope-vorota-garazhnye .alutech-calc-section { margin: 0 0 32px; padding: 26px; border: 1px solid rgba(20, 41, 58, 0.12); border-radius: 8px; background: #fff; box-shadow: 0 18px 48px rgba(20, 41, 58, 0.08); } .rs-scope-vorota-garazhnye .alutech-calc-section__head { max-width: 860px; margin: 0 0 20px; } .rs-scope-vorota-garazhnye .alutech-calc-section__eyebrow { display: block; margin: 0 0 7px; color: #1f6f8b; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0; } .rs-scope-vorota-garazhnye .alutech-calc-section h2 { margin: 0 0 10px; color: #14293a; font-size: 34px; line-height: 1.15; } .rs-scope-vorota-garazhnye .alutech-calc-section p { margin: 0; color: #516273; font-size: 16px; line-height: 1.6; } .rs-scope-vorota-garazhnye .alutech-calc-section__frame { overflow: hidden; min-height: 360px; border: 1px solid rgba(20, 41, 58, 0.1); border-radius: 8px; background: #f7fafc; } .rs-scope-vorota-garazhnye .alutech-calc-section #alutech-calc { min-height: 360px; } .rs-scope-vorota-garazhnye .alutech-calc-section iframe { display: block; width: 100%; } @media (max-width: 640px) {.rs-scope-vorota-garazhnye .alutech-calc-section { margin-bottom: 24px; padding: 16px; } .rs-scope-vorota-garazhnye .alutech-calc-section h2 { font-size: 24px; } .rs-scope-vorota-garazhnye .alutech-calc-section__frame, .rs-scope-vorota-garazhnye .alutech-calc-section #alutech-calc { min-height: 420px; }} /* Source: /vorota/index.php; Scope: .rs-scope-vorota; blocks: 1 */ .rs-scope-vorota .vg-page { --vg-red: #e30613; --vg-green: #1f7a4d; --vg-ink: #1f2f37; --vg-muted: #5e6c73; --vg-line: #dce5e8; --vg-soft: #f4f7f8; --vg-soft-green: #eef7f2; --vg-warm: #fff7e8; color: #26343c; font-family: inherit; font-size: 16px; line-height: 1.55; } .rs-scope-vorota .vg-page * { box-sizing: border-box; } .rs-scope-vorota .vg-page img { display: block; max-width: 100%; height: auto; } .rs-scope-vorota .vg-page h2, .rs-scope-vorota .vg-page h3 { margin-top: 0; color: var(--vg-ink); line-height: 1.22; letter-spacing: 0; } .rs-scope-vorota .vg-page p { margin-top: 0; } .rs-scope-vorota .vg-hero, .rs-scope-vorota .vg-section, .rs-scope-vorota .vg-cta { width: 100%; max-width: 847px; margin: 0 auto 34px; } .rs-scope-vorota .vg-hero { overflow: hidden; border: 1px solid var(--vg-line); border-radius: 8px; background: #fff; } .rs-scope-vorota .vg-hero__media { aspect-ratio: 16 / 7; overflow: hidden; background: var(--vg-soft); } .rs-scope-vorota .vg-hero__media img { width: 100%; height: 100%; object-fit: cover; } .rs-scope-vorota .vg-hero__body { padding: 26px 24px 24px; } .rs-scope-vorota .vg-eyebrow { margin: 0 0 10px !important; color: var(--vg-green) !important; font-size: 13px; font-weight: 700; line-height: 1.35 !important; text-transform: uppercase; letter-spacing: 0; } .rs-scope-vorota .vg-title { margin: 0 0 14px; color: var(--vg-ink); font-size: 34px; line-height: 1.15; letter-spacing: 0; } .rs-scope-vorota .vg-lead { max-width: 720px; margin: 0 0 18px; color: var(--vg-muted); font-size: 17px; line-height: 1.58; } .rs-scope-vorota .vg-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0 0; } .rs-scope-vorota .vg-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 12px 18px; border: 1px solid var(--vg-red); border-radius: 6px; font-weight: 700; line-height: 1.2; text-align: center; text-decoration: none; } .rs-scope-vorota .vg-btn--primary { background: var(--vg-red); color: #fff; } .rs-scope-vorota .vg-btn--secondary { background: #fff; border-color: var(--vg-green); color: var(--vg-green); } .rs-scope-vorota .vg-page a.vg-btn--primary, .rs-scope-vorota .vg-page a.vg-btn--primary:visited { color: #fff !important; } .rs-scope-vorota .vg-page a.vg-btn--secondary, .rs-scope-vorota .vg-page a.vg-btn--secondary:visited { color: var(--vg-green) !important; } .rs-scope-vorota .vg-page a.vg-btn:hover { opacity: .88; text-decoration: none; } .rs-scope-vorota .vg-note { margin: 14px 0 0; color: var(--vg-muted); font-size: 14px; line-height: 1.45; } .rs-scope-vorota .vg-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 22px; } .rs-scope-vorota .vg-metric { padding: 14px; border: 1px solid var(--vg-line); border-radius: 8px; background: var(--vg-soft); } .rs-scope-vorota .vg-metric strong { display: block; color: var(--vg-green); font-size: 18px; line-height: 1.15; } .rs-scope-vorota .vg-metric span { display: block; margin-top: 6px; color: var(--vg-muted); font-size: 13px; line-height: 1.35; } .rs-scope-vorota .vg-section-head { margin-bottom: 16px; } .rs-scope-vorota .vg-section-head h2, .rs-scope-vorota .vg-section > h2 { margin: 0 0 8px; font-size: 27px; } .rs-scope-vorota .vg-section-head p { margin: 0; color: var(--vg-muted); } .rs-scope-vorota .vg-quick, .rs-scope-vorota .vg-type-grid, .rs-scope-vorota .vg-choice-grid, .rs-scope-vorota .vg-series-grid, .rs-scope-vorota .vg-photo-grid, .rs-scope-vorota .vg-option-grid, .rs-scope-vorota .vg-step-grid, .rs-scope-vorota .vg-faq, .rs-scope-vorota .vg-links { display: grid; gap: 14px; } .rs-scope-vorota .vg-quick { grid-template-columns: repeat(4, minmax(0, 1fr)); } .rs-scope-vorota .vg-quick__item, .rs-scope-vorota .vg-type-card, .rs-scope-vorota .vg-choice, .rs-scope-vorota .vg-series-card, .rs-scope-vorota .vg-photo-card, .rs-scope-vorota .vg-option-card, .rs-scope-vorota .vg-step, .rs-scope-vorota .vg-faq details, .rs-scope-vorota .vg-link-card { border: 1px solid var(--vg-line); border-radius: 8px; background: #fff; } .rs-scope-vorota .vg-quick__item { padding: 16px; border-top: 3px solid var(--vg-green); } .rs-scope-vorota .vg-quick__item strong, .rs-scope-vorota .vg-choice strong, .rs-scope-vorota .vg-series-card h3, .rs-scope-vorota .vg-photo-card strong, .rs-scope-vorota .vg-option-card strong, .rs-scope-vorota .vg-step strong { display: block; margin-bottom: 7px; color: var(--vg-ink); font-size: 17px; line-height: 1.25; } .rs-scope-vorota .vg-quick__item strong { color: var(--vg-green); } .rs-scope-vorota .vg-quick__item p, .rs-scope-vorota .vg-choice p, .rs-scope-vorota .vg-series-card p, .rs-scope-vorota .vg-photo-card p, .rs-scope-vorota .vg-option-card p, .rs-scope-vorota .vg-step p, .rs-scope-vorota .vg-link-card p { margin: 0; color: var(--vg-muted); line-height: 1.5; } .rs-scope-vorota .vg-type-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-vorota .vg-type-card { overflow: hidden; text-decoration: none; color: inherit; } .rs-scope-vorota .vg-page a.vg-type-card, .rs-scope-vorota .vg-page a.vg-type-card:visited { color: inherit !important; } .rs-scope-vorota .vg-type-card:hover { border-color: #b9d9c8; text-decoration: none; } .rs-scope-vorota .vg-type-card__media { aspect-ratio: 16 / 9; overflow: hidden; background: var(--vg-soft); } .rs-scope-vorota .vg-type-card__media img { width: 100%; height: 100%; object-fit: cover; } .rs-scope-vorota .vg-type-card__body { padding: 17px; } .rs-scope-vorota .vg-type-card h3 { margin: 0 0 8px; font-size: 20px; } .rs-scope-vorota .vg-type-card p { margin: 0 0 12px; color: var(--vg-muted); } .rs-scope-vorota .vg-type-card ul, .rs-scope-vorota .vg-series-card ul, .rs-scope-vorota .vg-check-list { margin: 0; padding-left: 18px; color: var(--vg-muted); } .rs-scope-vorota .vg-type-card li, .rs-scope-vorota .vg-series-card li, .rs-scope-vorota .vg-check-list li { margin: 5px 0; line-height: 1.45; } .rs-scope-vorota .vg-card-link { display: inline-block; margin-top: 12px; color: var(--vg-green); font-weight: 700; } .rs-scope-vorota .vg-choice-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .rs-scope-vorota .vg-choice { padding: 18px; background: var(--vg-soft); } .rs-scope-vorota .vg-choice strong { color: var(--vg-green); } .rs-scope-vorota .vg-series-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-vorota .vg-series-card { padding: 18px; } .rs-scope-vorota .vg-series-card h3 { margin: 0 0 10px; font-size: 20px; } .rs-scope-vorota .vg-tags { display: flex; flex-wrap: wrap; gap: 7px; margin: 0 0 12px; } .rs-scope-vorota .vg-tag { display: inline-flex; align-items: center; min-height: 28px; padding: 5px 9px; border: 1px solid #cfe2d8; border-radius: 999px; background: var(--vg-soft-green); color: var(--vg-green); font-size: 13px; font-weight: 700; line-height: 1.25; } .rs-scope-vorota .vg-photo-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .rs-scope-vorota .vg-photo-card { overflow: hidden; } .rs-scope-vorota .vg-photo-card__media { aspect-ratio: 4 / 3; overflow: hidden; background: var(--vg-soft); } .rs-scope-vorota .vg-photo-card__media--contain img { object-fit: contain; padding: 12px; } .rs-scope-vorota .vg-photo-card__media img { width: 100%; height: 100%; object-fit: cover; } .rs-scope-vorota .vg-photo-card__body { padding: 14px; } .rs-scope-vorota .vg-option-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-vorota .vg-option-card { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 14px; align-items: center; padding: 14px; } .rs-scope-vorota .vg-option-card__media { aspect-ratio: 1 / 1; overflow: hidden; border-radius: 8px; background: var(--vg-soft); } .rs-scope-vorota .vg-option-card__media img { width: 100%; height: 100%; object-fit: contain; padding: 10px; } .rs-scope-vorota .vg-band { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 18px; align-items: center; padding: 22px; border: 1px solid var(--vg-line); border-radius: 8px; background: var(--vg-soft-green); } .rs-scope-vorota .vg-band h2 { margin: 0 0 10px; font-size: 24px; } .rs-scope-vorota .vg-band p { margin: 0 0 14px; color: var(--vg-muted); } .rs-scope-vorota .vg-band__media { overflow: hidden; border-radius: 8px; background: #fff; } .rs-scope-vorota .vg-band__media img { width: 100%; height: auto; } .rs-scope-vorota .vg-step-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-vorota .vg-step { padding: 18px; border-left: 4px solid var(--vg-green); background: var(--vg-soft); } .rs-scope-vorota .vg-schemes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 14px; } .rs-scope-vorota .vg-scheme { overflow: hidden; border: 1px solid var(--vg-line); border-radius: 8px; background: #fff; } .rs-scope-vorota .vg-scheme img { width: 100%; aspect-ratio: 4 / 3; object-fit: contain; padding: 8px; background: var(--vg-soft); } .rs-scope-vorota .vg-scheme strong { display: block; padding: 10px 12px 12px; color: var(--vg-ink); font-size: 14px; line-height: 1.3; } .rs-scope-vorota .vg-cta-panel { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: center; padding: 22px; border: 1px solid #cfe2d8; border-radius: 8px; background: #f7fbf9; } .rs-scope-vorota .vg-cta-panel h2 { margin: 0 0 8px; font-size: 24px; } .rs-scope-vorota .vg-cta-panel p { margin: 0; color: var(--vg-muted); } .rs-scope-vorota .vg-faq { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-vorota .vg-faq details { padding: 16px; } .rs-scope-vorota .vg-faq summary { cursor: pointer; color: var(--vg-ink); font-weight: 700; line-height: 1.35; } .rs-scope-vorota .vg-faq p { margin: 10px 0 0; color: var(--vg-muted); } .rs-scope-vorota .vg-links { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-vorota .vg-link-card { display: block; padding: 16px; text-decoration: none; } .rs-scope-vorota .vg-page a.vg-link-card, .rs-scope-vorota .vg-page a.vg-link-card:visited { color: inherit !important; } .rs-scope-vorota .vg-link-card strong { display: block; margin-bottom: 6px; color: var(--vg-green); font-size: 16px; } .rs-scope-vorota .vg-link-card:hover { border-color: #b9d9c8; text-decoration: none; } @media (max-width: 920px) {.rs-scope-vorota .vg-metrics, .rs-scope-vorota .vg-quick, .rs-scope-vorota .vg-choice-grid, .rs-scope-vorota .vg-photo-grid, .rs-scope-vorota .vg-schemes { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-vorota .vg-type-grid, .rs-scope-vorota .vg-series-grid, .rs-scope-vorota .vg-option-grid, .rs-scope-vorota .vg-step-grid, .rs-scope-vorota .vg-faq, .rs-scope-vorota .vg-links, .rs-scope-vorota .vg-band, .rs-scope-vorota .vg-cta-panel { grid-template-columns: 1fr; } .rs-scope-vorota .vg-cta-panel .vg-actions { justify-content: flex-start; }} @media (max-width: 560px) {.rs-scope-vorota .vg-hero, .rs-scope-vorota .vg-section, .rs-scope-vorota .vg-cta { margin-bottom: 26px; } .rs-scope-vorota .vg-hero__media { aspect-ratio: 4 / 3; } .rs-scope-vorota .vg-hero__body { padding: 18px 16px 20px; } .rs-scope-vorota .vg-title { font-size: 27px; } .rs-scope-vorota .vg-lead { font-size: 15px; } .rs-scope-vorota .vg-section-head h2, .rs-scope-vorota .vg-section > h2 { font-size: 23px; } .rs-scope-vorota .vg-metrics, .rs-scope-vorota .vg-quick, .rs-scope-vorota .vg-choice-grid, .rs-scope-vorota .vg-photo-grid, .rs-scope-vorota .vg-schemes { grid-template-columns: 1fr; } .rs-scope-vorota .vg-option-card { grid-template-columns: 86px minmax(0, 1fr); } .rs-scope-vorota .vg-actions, .rs-scope-vorota .vg-cta-panel .vg-actions { width: 100%; } .rs-scope-vorota .vg-btn { width: 100%; }} .rs-scope-vorota .alutech-calc-section { margin: 0 0 32px; padding: 26px; border: 1px solid rgba(20, 41, 58, 0.12); border-radius: 8px; background: #fff; box-shadow: 0 18px 48px rgba(20, 41, 58, 0.08); } .rs-scope-vorota .alutech-calc-section__head { max-width: 860px; margin: 0 0 20px; } .rs-scope-vorota .alutech-calc-section__eyebrow { display: block; margin: 0 0 7px; color: #1f6f8b; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0; } .rs-scope-vorota .alutech-calc-section h2 { margin: 0 0 10px; color: #14293a; font-size: 34px; line-height: 1.15; } .rs-scope-vorota .alutech-calc-section p { margin: 0; color: #516273; font-size: 16px; line-height: 1.6; } .rs-scope-vorota .alutech-calc-section__frame { overflow: hidden; min-height: 360px; border: 1px solid rgba(20, 41, 58, 0.1); border-radius: 8px; background: #f7fafc; } .rs-scope-vorota .alutech-calc-section #alutech-calc { min-height: 360px; } .rs-scope-vorota .alutech-calc-section iframe { display: block; width: 100%; } @media (max-width: 640px) {.rs-scope-vorota .alutech-calc-section { margin-bottom: 24px; padding: 16px; } .rs-scope-vorota .alutech-calc-section h2 { font-size: 24px; } .rs-scope-vorota .alutech-calc-section__frame, .rs-scope-vorota .alutech-calc-section #alutech-calc { min-height: 420px; }} /* Source: /vorota/kalitki/index.php; Scope: .rs-scope-vorota-kalitki; blocks: 1 */ .rs-scope-vorota-kalitki .rs-gate-page { --rs-red: #e30613; --rs-ink: #1f3038; --rs-text: #31424b; --rs-muted: #667780; --rs-line: #dbe5e3; --rs-soft: #f4f8f6; --rs-green: #27834f; --rs-green-soft: #eaf5ef; max-width: 847px; margin: 0 auto; color: var(--rs-text); font-family: inherit; font-size: 16px; line-height: 1.55; } .rs-scope-vorota-kalitki .rs-gate-page * { box-sizing: border-box; } .rs-scope-vorota-kalitki .rs-gate-page img { display: block; max-width: 100%; height: auto; } .rs-scope-vorota-kalitki .rs-gate-page h2, .rs-scope-vorota-kalitki .rs-gate-page h3 { margin: 0; color: var(--rs-ink); line-height: 1.22; letter-spacing: 0; } .rs-scope-vorota-kalitki .rs-gate-page p { margin: 0; } .rs-scope-vorota-kalitki .rs-section, .rs-scope-vorota-kalitki .rs-hero, .rs-scope-vorota-kalitki .rs-cta { margin: 0 0 30px; } .rs-scope-vorota-kalitki .rs-hero { display: grid; grid-template-columns: 1fr; gap: 22px; align-items: stretch; padding: 22px; border: 1px solid var(--rs-line); border-left: 5px solid var(--rs-red); border-radius: 8px; background: linear-gradient(0deg, #fff, var(--rs-soft)); } .rs-scope-vorota-kalitki .rs-hero__copy { min-width: 0; display: flex; flex-direction: column; justify-content: center; } .rs-scope-vorota-kalitki .rs-eyebrow { margin-bottom: 9px; color: var(--rs-green); font-size: 13px; font-weight: 700; text-transform: uppercase; } .rs-scope-vorota-kalitki .rs-hero h2 { margin-bottom: 12px; font-size: 30px; } .rs-scope-vorota-kalitki .rs-lead { margin-bottom: 18px; color: var(--rs-muted); font-size: 17px; } .rs-scope-vorota-kalitki .rs-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; } .rs-scope-vorota-kalitki .rs-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 12px 18px; border-radius: 6px; border: 1px solid var(--rs-red); font-weight: 700; line-height: 1.2; text-align: center; text-decoration: none; } .rs-scope-vorota-kalitki .rs-btn--primary, .rs-scope-vorota-kalitki .rs-gate-page a.rs-btn--primary:visited { background: var(--rs-red); color: #fff !important; } .rs-scope-vorota-kalitki .rs-btn--secondary, .rs-scope-vorota-kalitki .rs-gate-page a.rs-btn--secondary:visited { border-color: var(--rs-green); background: #fff; color: var(--rs-green) !important; } .rs-scope-vorota-kalitki .rs-gate-page .rs-btn:hover { opacity: .88; text-decoration: none; } .rs-scope-vorota-kalitki .rs-note { margin-top: 13px; color: var(--rs-muted); font-size: 14px; } .rs-scope-vorota-kalitki .rs-hero__media { aspect-ratio: 16 / 9; max-width: 100%; width: 100%; order: -1; overflow: hidden; border-radius: 8px; background: #e7ecef; } .rs-scope-vorota-kalitki .rs-hero__media img { width: 100%; height: 100%; min-height: 285px; object-fit: cover; } .rs-scope-vorota-kalitki .rs-section-head { margin-bottom: 15px; } .rs-scope-vorota-kalitki .rs-section-head h2 { margin-bottom: 7px; font-size: 25px; } .rs-scope-vorota-kalitki .rs-section-head p { color: var(--rs-muted); } .rs-scope-vorota-kalitki .rs-grid { display: grid; gap: 14px; } .rs-scope-vorota-kalitki .rs-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-vorota-kalitki .rs-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .rs-scope-vorota-kalitki .rs-card, .rs-scope-vorota-kalitki .rs-fact, .rs-scope-vorota-kalitki .rs-media-card, .rs-scope-vorota-kalitki .rs-compare__row, .rs-scope-vorota-kalitki .rs-faq details { border: 1px solid var(--rs-line); border-radius: 8px; background: #fff; } .rs-scope-vorota-kalitki .rs-fact { padding: 17px; border-top: 3px solid var(--rs-green); } .rs-scope-vorota-kalitki .rs-card { padding: 18px; } .rs-scope-vorota-kalitki .rs-card h3, .rs-scope-vorota-kalitki .rs-fact h3, .rs-scope-vorota-kalitki .rs-media-card h3 { margin-bottom: 7px; font-size: 17px; } .rs-scope-vorota-kalitki .rs-fact h3 { color: var(--rs-green); } .rs-scope-vorota-kalitki .rs-card p, .rs-scope-vorota-kalitki .rs-fact p, .rs-scope-vorota-kalitki .rs-media-card p, .rs-scope-vorota-kalitki .rs-list li, .rs-scope-vorota-kalitki .rs-compare__row p { color: var(--rs-muted); } .rs-scope-vorota-kalitki .rs-compare { display: grid; gap: 10px; } .rs-scope-vorota-kalitki .rs-compare__row { display: grid; grid-template-columns: 145px minmax(0, 1fr) minmax(0, 1fr); gap: 14px; padding: 16px; } .rs-scope-vorota-kalitki .rs-compare__row--head { border-color: #cfe2d8; background: var(--rs-green-soft); color: var(--rs-ink); font-weight: 700; } .rs-scope-vorota-kalitki .rs-compare__row strong { display: block; color: var(--rs-ink); } .rs-scope-vorota-kalitki .rs-compare__row p { margin-top: 4px; } .rs-scope-vorota-kalitki .rs-media-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .rs-scope-vorota-kalitki .rs-media-card { overflow: hidden; } .rs-scope-vorota-kalitki .rs-media-card img { width: 100%; height: 210px; object-fit: cover; background: var(--rs-soft); } .rs-scope-vorota-kalitki .rs-media-card__body { padding: 15px; } .rs-scope-vorota-kalitki .rs-list { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; } .rs-scope-vorota-kalitki .rs-list li { position: relative; padding-left: 18px; } .rs-scope-vorota-kalitki .rs-list li::before { content: ""; position: absolute; left: 0; top: .68em; width: 7px; height: 7px; border-radius: 50%; background: var(--rs-green); } .rs-scope-vorota-kalitki .rs-mini { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; } .rs-scope-vorota-kalitki .rs-swatch { min-height: 58px; padding: 9px; border: 1px solid var(--rs-line); border-radius: 8px; background: #fff; color: var(--rs-ink); font-size: 12px; line-height: 1.25; } .rs-scope-vorota-kalitki .rs-swatch::before { content: ""; display: block; height: 18px; margin-bottom: 7px; border-radius: 4px; border: 1px solid rgba(0,0,0,.12); background: var(--swatch, #fff); } .rs-scope-vorota-kalitki .rs-cta-box { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: center; padding: 20px; border: 1px solid #cfe2d8; border-radius: 8px; background: #f7fbf9; } .rs-scope-vorota-kalitki .rs-cta-box h2 { margin-bottom: 7px; font-size: 24px; } .rs-scope-vorota-kalitki .rs-cta-box p { color: var(--rs-muted); } .rs-scope-vorota-kalitki .rs-links { display: flex; flex-wrap: wrap; gap: 10px; } .rs-scope-vorota-kalitki .rs-link, .rs-scope-vorota-kalitki .rs-gate-page a.rs-link:visited { display: inline-flex; padding: 9px 12px; border: 1px solid #cfe2d8; border-radius: 6px; background: #fff; color: var(--rs-green) !important; text-decoration: none; } .rs-scope-vorota-kalitki .rs-faq { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .rs-scope-vorota-kalitki .rs-faq details { padding: 15px; } .rs-scope-vorota-kalitki .rs-faq summary { cursor: pointer; color: var(--rs-ink); font-weight: 700; line-height: 1.35; } .rs-scope-vorota-kalitki .rs-faq p { margin-top: 10px; color: var(--rs-muted); } @media (max-width: 760px) {.rs-scope-vorota-kalitki .rs-hero, .rs-scope-vorota-kalitki .rs-cta-box { grid-template-columns: 1fr; } .rs-scope-vorota-kalitki .rs-hero__media img { min-height: 230px; } .rs-scope-vorota-kalitki .rs-grid--3, .rs-scope-vorota-kalitki .rs-media-grid, .rs-scope-vorota-kalitki .rs-faq { grid-template-columns: 1fr; } .rs-scope-vorota-kalitki .rs-compare__row, .rs-scope-vorota-kalitki .rs-compare__row--head { grid-template-columns: 1fr; gap: 8px; } .rs-scope-vorota-kalitki .rs-compare__row--head { display: none; }} @media (max-width: 560px) {.rs-scope-vorota-kalitki .rs-gate-page { font-size: 15px; } .rs-scope-vorota-kalitki .rs-section, .rs-scope-vorota-kalitki .rs-hero, .rs-scope-vorota-kalitki .rs-cta { margin-bottom: 24px; } .rs-scope-vorota-kalitki .rs-hero { padding: 16px; gap: 16px; } .rs-scope-vorota-kalitki .rs-hero h2 { font-size: 25px; } .rs-scope-vorota-kalitki .rs-lead { font-size: 15px; } .rs-scope-vorota-kalitki .rs-grid--2, .rs-scope-vorota-kalitki .rs-mini { grid-template-columns: 1fr; } .rs-scope-vorota-kalitki .rs-actions, .rs-scope-vorota-kalitki .rs-btn { width: 100%; } .rs-scope-vorota-kalitki .rs-media-card img { height: 190px; }} .rs-scope-vorota-kalitki .alutech-calc-section { margin: 0 0 32px; padding: 26px; border: 1px solid rgba(20, 41, 58, 0.12); border-radius: 8px; background: #fff; box-shadow: 0 18px 48px rgba(20, 41, 58, 0.08); } .rs-scope-vorota-kalitki .alutech-calc-section__head { max-width: 860px; margin: 0 0 20px; } .rs-scope-vorota-kalitki .alutech-calc-section__eyebrow { display: block; margin: 0 0 7px; color: #1f6f8b; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0; } .rs-scope-vorota-kalitki .alutech-calc-section h2 { margin: 0 0 10px; color: #14293a; font-size: 34px; line-height: 1.15; } .rs-scope-vorota-kalitki .alutech-calc-section p { margin: 0; color: #516273; font-size: 16px; line-height: 1.6; } .rs-scope-vorota-kalitki .alutech-calc-section__frame { overflow: hidden; min-height: 360px; border: 1px solid rgba(20, 41, 58, 0.1); border-radius: 8px; background: #f7fafc; } .rs-scope-vorota-kalitki .alutech-calc-section #alutech-calc { min-height: 360px; } .rs-scope-vorota-kalitki .alutech-calc-section iframe { display: block; width: 100%; } @media (max-width: 640px) {.rs-scope-vorota-kalitki .alutech-calc-section { margin-bottom: 24px; padding: 16px; } .rs-scope-vorota-kalitki .alutech-calc-section h2 { font-size: 24px; } .rs-scope-vorota-kalitki .alutech-calc-section__frame, .rs-scope-vorota-kalitki .alutech-calc-section #alutech-calc { min-height: 420px; }} /* Source: /vorota/otkatnye/index.php; Scope: .rs-scope-vorota-otkatnye; blocks: 1 */ .rs-scope-vorota-otkatnye .gate-page { --gate-ink: #1d2d35; --gate-text: #273840; --gate-muted: #63727a; --gate-line: #dbe5e8; --gate-soft: #f4f8f6; --gate-soft-2: #f8fafb; --gate-green: #1f8b4c; --gate-red: #e30613; --gate-red-dark: #ba0610; max-width: 847px; margin: 0 auto; color: var(--gate-text); font-size: 16px; line-height: 1.58; } .rs-scope-vorota-otkatnye .gate-page * { box-sizing: border-box; min-width: 0; } .rs-scope-vorota-otkatnye .gate-page img { display: block; width: 100%; max-width: 100%; height: auto; } .rs-scope-vorota-otkatnye .gate-page h1, .rs-scope-vorota-otkatnye .gate-page h2, .rs-scope-vorota-otkatnye .gate-page h3, .rs-scope-vorota-otkatnye .gate-page .gate-hero-title { color: var(--gate-ink); line-height: 1.2; letter-spacing: 0; overflow-wrap: break-word; } .rs-scope-vorota-otkatnye .gate-page h2, .rs-scope-vorota-otkatnye .gate-page .gate-hero-title { margin: 0 0 14px; font-size: 30px; } .rs-scope-vorota-otkatnye .gate-page h3 { margin: 0 0 8px; font-size: 19px; } .rs-scope-vorota-otkatnye .gate-page p { margin: 0 0 14px; } .rs-scope-vorota-otkatnye .gate-page a { color: var(--gate-green); } .rs-scope-vorota-otkatnye .gate-section { margin: 46px 0; } .rs-scope-vorota-otkatnye .gate-section-head { margin-bottom: 18px; } .rs-scope-vorota-otkatnye .gate-section-head p { max-width: 760px; color: var(--gate-muted); } .rs-scope-vorota-otkatnye .gate-eyebrow { margin: 0 0 10px; color: var(--gate-green); font-size: 13px; font-weight: 700; text-transform: uppercase; } .rs-scope-vorota-otkatnye .gate-hero { margin: 0 0 34px; } .rs-scope-vorota-otkatnye .gate-hero__media { margin-bottom: 22px; } .rs-scope-vorota-otkatnye .gate-hero__media img { aspect-ratio: 16 / 9; min-height: 360px; border-radius: 8px; object-fit: cover; object-position: center; } .rs-scope-vorota-otkatnye .gate-hero__lead { max-width: 780px; font-size: 19px; color: var(--gate-muted); } .rs-scope-vorota-otkatnye .gate-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px; } .rs-scope-vorota-otkatnye .gate-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 12px 18px; border-radius: 6px; font-weight: 700; text-align: center; text-decoration: none; transition: background .2s ease, color .2s ease, border-color .2s ease; } .rs-scope-vorota-otkatnye .gate-btn:hover { text-decoration: none; } .rs-scope-vorota-otkatnye .gate-btn--primary, .rs-scope-vorota-otkatnye .gate-page .gate-btn--primary { border: 1px solid var(--gate-red); background: var(--gate-red); color: #fff; } .rs-scope-vorota-otkatnye .gate-btn--primary:hover { background: var(--gate-red-dark); border-color: var(--gate-red-dark); } .rs-scope-vorota-otkatnye .gate-btn--secondary, .rs-scope-vorota-otkatnye .gate-page .gate-btn--secondary { border: 1px solid var(--gate-green); background: #fff; color: var(--gate-green); } .rs-scope-vorota-otkatnye .gate-btn--secondary:hover { background: #edf7f1; } .rs-scope-vorota-otkatnye .gate-note { margin-top: 14px; padding: 12px 14px; border-left: 4px solid var(--gate-green); border-radius: 0 8px 8px 0; background: var(--gate-soft); color: #4f626b; } .rs-scope-vorota-otkatnye .gate-grid, .rs-scope-vorota-otkatnye .gate-facts, .rs-scope-vorota-otkatnye .gate-options, .rs-scope-vorota-otkatnye .gate-steps, .rs-scope-vorota-otkatnye .gate-choice { display: grid; gap: 16px; } .rs-scope-vorota-otkatnye .gate-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .rs-scope-vorota-otkatnye .gate-facts, .rs-scope-vorota-otkatnye .gate-options, .rs-scope-vorota-otkatnye .gate-choice { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-vorota-otkatnye .gate-steps { grid-template-columns: repeat(4, minmax(0, 1fr)); } .rs-scope-vorota-otkatnye .gate-card, .rs-scope-vorota-otkatnye .gate-fact, .rs-scope-vorota-otkatnye .gate-option, .rs-scope-vorota-otkatnye .gate-cta, .rs-scope-vorota-otkatnye .gate-price { border: 1px solid var(--gate-line); border-radius: 8px; background: #fff; } .rs-scope-vorota-otkatnye .gate-card, .rs-scope-vorota-otkatnye .gate-fact, .rs-scope-vorota-otkatnye .gate-cta, .rs-scope-vorota-otkatnye .gate-price { padding: 18px; } .rs-scope-vorota-otkatnye .gate-card { color: inherit; text-decoration: none; } .rs-scope-vorota-otkatnye a.gate-card:hover { border-color: #b8d3c4; text-decoration: none; } .rs-scope-vorota-otkatnye .gate-card__label, .rs-scope-vorota-otkatnye .gate-option__label, .rs-scope-vorota-otkatnye .gate-step__num { display: inline-block; margin-bottom: 9px; color: var(--gate-green); font-size: 13px; font-weight: 700; text-transform: uppercase; } .rs-scope-vorota-otkatnye .gate-fact { border-top: 3px solid var(--gate-green); } .rs-scope-vorota-otkatnye .gate-fact strong { display: block; margin-bottom: 7px; color: var(--gate-green); font-size: 26px; line-height: 1.1; } .rs-scope-vorota-otkatnye .gate-scenario img, .rs-scope-vorota-otkatnye .gate-option img, .rs-scope-vorota-otkatnye .gate-media img { border-radius: 8px; object-fit: cover; } .rs-scope-vorota-otkatnye .gate-scenario img { aspect-ratio: 16 / 11; min-height: 168px; margin-bottom: 14px; } .rs-scope-vorota-otkatnye .gate-option { overflow: hidden; } .rs-scope-vorota-otkatnye .gate-option img { aspect-ratio: 16 / 10; min-height: 230px; } .rs-scope-vorota-otkatnye .gate-option__body { padding: 16px; } .rs-scope-vorota-otkatnye .gate-media--wide { margin: 20px 0 18px; } .rs-scope-vorota-otkatnye .gate-media--wide img { aspect-ratio: 16 / 6; min-height: 270px; } .rs-scope-vorota-otkatnye .gate-media--diagram { margin: 20px 0 18px; padding: 16px; border: 1px solid var(--gate-line); border-radius: 8px; background: var(--gate-soft-2); } .rs-scope-vorota-otkatnye .gate-media--diagram img { max-height: 560px; object-fit: contain; } .rs-scope-vorota-otkatnye .gate-list { margin: 0; padding-left: 20px; } .rs-scope-vorota-otkatnye .gate-list li { margin-bottom: 8px; } .rs-scope-vorota-otkatnye .gate-list--columns { columns: 2; column-gap: 30px; } .rs-scope-vorota-otkatnye .gate-list--columns li { break-inside: avoid; } .rs-scope-vorota-otkatnye .gate-price { background: var(--gate-soft-2); } .rs-scope-vorota-otkatnye .gate-price__rows { display: grid; gap: 10px; margin-top: 14px; } .rs-scope-vorota-otkatnye .gate-price__row { display: grid; grid-template-columns: minmax(160px, .7fr) minmax(0, 1fr); gap: 12px; padding: 12px 0; border-top: 1px solid var(--gate-line); } .rs-scope-vorota-otkatnye .gate-price__row strong { color: var(--gate-ink); } .rs-scope-vorota-otkatnye .gate-compare { overflow-x: auto; border: 1px solid var(--gate-line); border-radius: 8px; background: #fff; } .rs-scope-vorota-otkatnye .gate-compare table { width: 100%; min-width: 660px; border-collapse: collapse; } .rs-scope-vorota-otkatnye .gate-compare th, .rs-scope-vorota-otkatnye .gate-compare td { padding: 14px; border-bottom: 1px solid var(--gate-line); text-align: left; vertical-align: top; } .rs-scope-vorota-otkatnye .gate-compare th { background: var(--gate-soft-2); color: var(--gate-ink); } .rs-scope-vorota-otkatnye .gate-compare tr:last-child td { border-bottom: 0; } .rs-scope-vorota-otkatnye .gate-swatches { display: flex; flex-wrap: wrap; gap: 9px; margin: 14px 0 0; } .rs-scope-vorota-otkatnye .gate-swatch { width: 34px; height: 34px; border: 1px solid #c9d2d6; border-radius: 8px; box-shadow: inset 0 0 0 2px rgba(255,255,255,.45); } .rs-scope-vorota-otkatnye .gate-swatch--1015 { background: #e6d2a1; } .rs-scope-vorota-otkatnye .gate-swatch--3004 { background: #75151e; } .rs-scope-vorota-otkatnye .gate-swatch--6005 { background: #114232; } .rs-scope-vorota-otkatnye .gate-swatch--7016 { background: #383e42; } .rs-scope-vorota-otkatnye .gate-swatch--8017 { background: #44251b; } .rs-scope-vorota-otkatnye .gate-swatch--9005 { background: #111; } .rs-scope-vorota-otkatnye .gate-swatch--9006 { background: #a7a9a7; } .rs-scope-vorota-otkatnye .gate-swatch--9016 { background: #f2f2ef; } .rs-scope-vorota-otkatnye .gate-cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; align-items: center; background: var(--gate-soft); } .rs-scope-vorota-otkatnye .gate-cta h2 { margin-bottom: 8px; } .rs-scope-vorota-otkatnye .gate-cta p { margin-bottom: 0; } .rs-scope-vorota-otkatnye .gate-faq details { padding: 16px 0; border-bottom: 1px solid var(--gate-line); } .rs-scope-vorota-otkatnye .gate-faq details:first-child { border-top: 1px solid var(--gate-line); } .rs-scope-vorota-otkatnye .gate-faq summary { cursor: pointer; color: var(--gate-ink); font-weight: 700; } .rs-scope-vorota-otkatnye .gate-faq p { margin-top: 10px; color: var(--gate-muted); } .rs-scope-vorota-otkatnye .gate-final-form { margin-top: 34px; } @media (max-width: 980px) {.rs-scope-vorota-otkatnye .gate-grid, .rs-scope-vorota-otkatnye .gate-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-vorota-otkatnye .gate-cta { grid-template-columns: 1fr; } .rs-scope-vorota-otkatnye .gate-hero__media img { min-height: 300px; }} @media (max-width: 620px) {.rs-scope-vorota-otkatnye .gate-page { font-size: 15px; } .rs-scope-vorota-otkatnye .gate-page h2, .rs-scope-vorota-otkatnye .gate-page .gate-hero-title { font-size: 25px; } .rs-scope-vorota-otkatnye .gate-page h3 { font-size: 18px; } .rs-scope-vorota-otkatnye .gate-section { margin: 36px 0; } .rs-scope-vorota-otkatnye .gate-hero__media img { min-height: 210px; aspect-ratio: 16 / 10; } .rs-scope-vorota-otkatnye .gate-hero__lead { font-size: 17px; } .rs-scope-vorota-otkatnye .gate-grid, .rs-scope-vorota-otkatnye .gate-facts, .rs-scope-vorota-otkatnye .gate-options, .rs-scope-vorota-otkatnye .gate-steps, .rs-scope-vorota-otkatnye .gate-choice { grid-template-columns: 1fr; } .rs-scope-vorota-otkatnye .gate-list--columns { columns: 1; } .rs-scope-vorota-otkatnye .gate-price__row { grid-template-columns: 1fr; } .rs-scope-vorota-otkatnye .gate-btn { width: 100%; } .rs-scope-vorota-otkatnye .gate-media--wide img { min-height: 210px; aspect-ratio: 16 / 9; } .rs-scope-vorota-otkatnye .gate-media--diagram { padding: 10px; }} .rs-scope-vorota-otkatnye .alutech-calc-section { margin: 0 0 32px; padding: 26px; border: 1px solid rgba(20, 41, 58, 0.12); border-radius: 8px; background: #fff; box-shadow: 0 18px 48px rgba(20, 41, 58, 0.08); } .rs-scope-vorota-otkatnye .alutech-calc-section__head { max-width: 860px; margin: 0 0 20px; } .rs-scope-vorota-otkatnye .alutech-calc-section__eyebrow { display: block; margin: 0 0 7px; color: #1f6f8b; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0; } .rs-scope-vorota-otkatnye .alutech-calc-section h2 { margin: 0 0 10px; color: #14293a; font-size: 34px; line-height: 1.15; } .rs-scope-vorota-otkatnye .alutech-calc-section p { margin: 0; color: #516273; font-size: 16px; line-height: 1.6; } .rs-scope-vorota-otkatnye .alutech-calc-section__frame { overflow: hidden; min-height: 360px; border: 1px solid rgba(20, 41, 58, 0.1); border-radius: 8px; background: #f7fafc; } .rs-scope-vorota-otkatnye .alutech-calc-section #alutech-calc { min-height: 360px; } .rs-scope-vorota-otkatnye .alutech-calc-section iframe { display: block; width: 100%; } @media (max-width: 640px) {.rs-scope-vorota-otkatnye .alutech-calc-section { margin-bottom: 24px; padding: 16px; } .rs-scope-vorota-otkatnye .alutech-calc-section h2 { font-size: 24px; } .rs-scope-vorota-otkatnye .alutech-calc-section__frame, .rs-scope-vorota-otkatnye .alutech-calc-section #alutech-calc { min-height: 420px; }} /* Source: /vorota/panoramnye/index.php; Scope: .rs-scope-vorota-panoramnye; blocks: 1 */ .rs-scope-vorota-panoramnye .pan-page { --rs-red: #e30613; --rs-ink: #1e2d35; --rs-text: #31424a; --rs-muted: #5d6d74; --rs-line: #dce6ea; --rs-soft: #f3f7f6; --rs-soft-green: #edf7f1; --rs-green: #1f8b4c; --rs-blue: #2f83a6; max-width: 847px; margin: 0 auto; color: var(--rs-text); font-family: inherit; font-size: 16px; line-height: 1.55; overflow-wrap: break-word; } .rs-scope-vorota-panoramnye .pan-page * { box-sizing: border-box; } .rs-scope-vorota-panoramnye .pan-page img { display: block; max-width: 100%; height: auto; } .rs-scope-vorota-panoramnye .pan-page h2, .rs-scope-vorota-panoramnye .pan-page h3, .rs-scope-vorota-panoramnye .pan-page h4 { margin: 0; color: var(--rs-ink); line-height: 1.2; letter-spacing: 0; } .rs-scope-vorota-panoramnye .pan-page p { margin: 0; } .rs-scope-vorota-panoramnye .pan-page a { text-decoration: none; } .rs-scope-vorota-panoramnye .pan-section, .rs-scope-vorota-panoramnye .pan-cta, .rs-scope-vorota-panoramnye .pan-hero { margin: 0 0 32px; } .rs-scope-vorota-panoramnye .pan-hero { display: grid; grid-template-columns: 1fr; gap: 20px; align-items: stretch; padding: 22px; border: 1px solid #d7e5e0; border-left: 5px solid var(--rs-red); border-radius: 8px; background: var(--rs-soft); } .rs-scope-vorota-panoramnye .pan-hero__body { min-width: 0; display: flex; flex-direction: column; justify-content: center; } .rs-scope-vorota-panoramnye .pan-eyebrow { margin: 0 0 9px; color: var(--rs-green); font-size: 13px; font-weight: 700; text-transform: uppercase; } .rs-scope-vorota-panoramnye .pan-hero__title { margin: 0 0 12px; font-size: 30px; } .rs-scope-vorota-panoramnye .pan-lead { color: var(--rs-muted); font-size: 17px; } .rs-scope-vorota-panoramnye .pan-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; } .rs-scope-vorota-panoramnye .pan-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; min-width: 178px; padding: 12px 18px; border: 1px solid var(--rs-red); border-radius: 6px; font-weight: 700; line-height: 1.2; text-align: center; } .rs-scope-vorota-panoramnye .pan-btn--primary, .rs-scope-vorota-panoramnye .pan-page a.pan-btn--primary:visited { background: var(--rs-red); border-color: var(--rs-red); color: #fff !important; } .rs-scope-vorota-panoramnye .pan-btn--secondary, .rs-scope-vorota-panoramnye .pan-page a.pan-btn--secondary:visited { background: #fff; border-color: var(--rs-green); color: var(--rs-green) !important; } .rs-scope-vorota-panoramnye .pan-page .pan-btn:hover { opacity: .88; text-decoration: none; } .rs-scope-vorota-panoramnye .pan-note { margin-top: 13px; color: var(--rs-muted); font-size: 14px; line-height: 1.45; } .rs-scope-vorota-panoramnye .pan-hero__media { aspect-ratio: 16 / 9; max-width: 100%; width: 100%; order: -1; min-height: 300px; overflow: hidden; border-radius: 8px; background: #dfe7ea; } .rs-scope-vorota-panoramnye .pan-hero__media img { width: 100%; height: 100%; min-height: 300px; object-fit: cover; } .rs-scope-vorota-panoramnye .pan-head { margin-bottom: 16px; } .rs-scope-vorota-panoramnye .pan-head h2 { margin-bottom: 8px; font-size: 25px; } .rs-scope-vorota-panoramnye .pan-head p { color: var(--rs-muted); } .rs-scope-vorota-panoramnye .pan-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .rs-scope-vorota-panoramnye .pan-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); } .rs-scope-vorota-panoramnye .pan-card, .rs-scope-vorota-panoramnye .pan-series, .rs-scope-vorota-panoramnye .pan-option, .rs-scope-vorota-panoramnye .pan-faq details, .rs-scope-vorota-panoramnye .pan-step, .rs-scope-vorota-panoramnye .pan-panel { border: 1px solid var(--rs-line); border-radius: 8px; background: #fff; } .rs-scope-vorota-panoramnye .pan-card { padding: 17px; } .rs-scope-vorota-panoramnye .pan-card--accent { border-top: 3px solid var(--rs-green); } .rs-scope-vorota-panoramnye .pan-card strong, .rs-scope-vorota-panoramnye .pan-panel h3 { display: block; margin-bottom: 7px; color: var(--rs-ink); font-size: 17px; line-height: 1.25; } .rs-scope-vorota-panoramnye .pan-card p, .rs-scope-vorota-panoramnye .pan-series p, .rs-scope-vorota-panoramnye .pan-option p, .rs-scope-vorota-panoramnye .pan-panel p, .rs-scope-vorota-panoramnye .pan-step p, .rs-scope-vorota-panoramnye .pan-faq p { color: var(--rs-muted); } .rs-scope-vorota-panoramnye .pan-card img, .rs-scope-vorota-panoramnye .pan-option img { width: 100%; aspect-ratio: 16 / 10; margin-bottom: 13px; border-radius: 6px; object-fit: cover; background: var(--rs-soft); } .rs-scope-vorota-panoramnye .pan-specs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; } .rs-scope-vorota-panoramnye .pan-spec { padding: 14px; border: 1px solid #cfe3da; border-radius: 8px; background: var(--rs-soft-green); } .rs-scope-vorota-panoramnye .pan-spec b { display: block; margin-bottom: 4px; color: var(--rs-green); font-size: 20px; line-height: 1.1; } .rs-scope-vorota-panoramnye .pan-spec span { display: block; color: var(--rs-muted); font-size: 13px; line-height: 1.35; } .rs-scope-vorota-panoramnye .pan-series-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .rs-scope-vorota-panoramnye .pan-series { overflow: hidden; } .rs-scope-vorota-panoramnye .pan-series img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; background: var(--rs-soft); } .rs-scope-vorota-panoramnye .pan-series__body { padding: 16px; } .rs-scope-vorota-panoramnye .pan-series h3 { margin-bottom: 8px; font-size: 19px; } .rs-scope-vorota-panoramnye .pan-list { margin: 12px 0 0; padding: 0; list-style: none; } .rs-scope-vorota-panoramnye .pan-list li { position: relative; padding-left: 18px; color: var(--rs-muted); font-size: 14px; line-height: 1.45; } .rs-scope-vorota-panoramnye .pan-list li + li { margin-top: 7px; } .rs-scope-vorota-panoramnye .pan-list li::before { content: ""; position: absolute; left: 0; top: .62em; width: 7px; height: 7px; border-radius: 50%; background: var(--rs-green); } .rs-scope-vorota-panoramnye .pan-table-wrap { overflow-x: auto; border: 1px solid var(--rs-line); border-radius: 8px; background: #fff; } .rs-scope-vorota-panoramnye .pan-table { width: 100%; min-width: 680px; border-collapse: collapse; font-size: 14px; } .rs-scope-vorota-panoramnye .pan-table th, .rs-scope-vorota-panoramnye .pan-table td { padding: 12px; border-bottom: 1px solid var(--rs-line); text-align: left; vertical-align: top; } .rs-scope-vorota-panoramnye .pan-table th { color: var(--rs-ink); background: var(--rs-soft); font-weight: 700; } .rs-scope-vorota-panoramnye .pan-table tr:last-child td { border-bottom: 0; } .rs-scope-vorota-panoramnye .pan-table td { color: var(--rs-muted); } .rs-scope-vorota-panoramnye .pan-table b { color: var(--rs-ink); } .rs-scope-vorota-panoramnye .pan-panel { padding: 17px; } .rs-scope-vorota-panoramnye .pan-chip-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; } .rs-scope-vorota-panoramnye .pan-chip { display: inline-flex; align-items: center; min-height: 30px; padding: 6px 10px; border: 1px solid #cfe3da; border-radius: 999px; background: #fff; color: var(--rs-muted); font-size: 13px; line-height: 1.2; } .rs-scope-vorota-panoramnye .pan-swatches { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-top: 14px; } .rs-scope-vorota-panoramnye .pan-swatch { display: flex; align-items: center; gap: 9px; min-width: 0; color: var(--rs-muted); font-size: 14px; } .rs-scope-vorota-panoramnye .pan-swatch i { flex: 0 0 22px; width: 22px; height: 22px; border: 1px solid rgba(30, 45, 53, .2); border-radius: 50%; } .rs-scope-vorota-panoramnye .pan-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } .rs-scope-vorota-panoramnye .pan-option { overflow: hidden; } .rs-scope-vorota-panoramnye .pan-option img { margin: 0; border-radius: 0; aspect-ratio: 4 / 3; } .rs-scope-vorota-panoramnye .pan-option__body { padding: 15px; } .rs-scope-vorota-panoramnye .pan-option h3 { margin-bottom: 7px; font-size: 17px; } .rs-scope-vorota-panoramnye .pan-process { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; counter-reset: steps; } .rs-scope-vorota-panoramnye .pan-step { position: relative; padding: 16px 16px 16px 54px; } .rs-scope-vorota-panoramnye .pan-step::before { counter-increment: steps; content: counter(steps); position: absolute; left: 16px; top: 16px; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--rs-green); color: #fff; font-weight: 700; } .rs-scope-vorota-panoramnye .pan-step h3 { margin-bottom: 6px; font-size: 17px; } .rs-scope-vorota-panoramnye .pan-cta-box { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; align-items: center; padding: 20px; border: 1px solid #cfe3da; border-radius: 8px; background: #f7fbf9; } .rs-scope-vorota-panoramnye .pan-cta-box h2 { margin-bottom: 7px; font-size: 23px; } .rs-scope-vorota-panoramnye .pan-cta-box p { color: var(--rs-muted); } .rs-scope-vorota-panoramnye .pan-faq { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .rs-scope-vorota-panoramnye .pan-faq details { padding: 15px; } .rs-scope-vorota-panoramnye .pan-faq summary { cursor: pointer; color: var(--rs-ink); font-weight: 700; line-height: 1.35; } .rs-scope-vorota-panoramnye .pan-faq p { margin-top: 10px; } .rs-scope-vorota-panoramnye .pan-links { display: flex; flex-wrap: wrap; gap: 9px; } .rs-scope-vorota-panoramnye .pan-link { display: inline-flex; align-items: center; min-height: 38px; padding: 8px 12px; border: 1px solid #cfe3da; border-radius: 6px; background: #fff; color: var(--rs-green); line-height: 1.2; } .rs-scope-vorota-panoramnye .pan-page a.pan-link, .rs-scope-vorota-panoramnye .pan-page a.pan-link:visited { color: var(--rs-green) !important; } .rs-scope-vorota-panoramnye .pan-link:hover { text-decoration: none; border-color: var(--rs-green); } @media (max-width: 900px) {.rs-scope-vorota-panoramnye .pan-page { max-width: 100%; } .rs-scope-vorota-panoramnye .pan-hero { grid-template-columns: 1fr; } .rs-scope-vorota-panoramnye .pan-hero__media { aspect-ratio: 16 / 9; max-width: 100%; width: 100%; order: -1; min-height: 260px; } .rs-scope-vorota-panoramnye .pan-hero__media img { min-height: 260px; } .rs-scope-vorota-panoramnye .pan-grid--three, .rs-scope-vorota-panoramnye .pan-options, .rs-scope-vorota-panoramnye .pan-specs { grid-template-columns: repeat(2, minmax(0, 1fr)); }} @media (max-width: 620px) {.rs-scope-vorota-panoramnye .pan-page { font-size: 15px; } .rs-scope-vorota-panoramnye .pan-section, .rs-scope-vorota-panoramnye .pan-cta, .rs-scope-vorota-panoramnye .pan-hero { margin-bottom: 24px; } .rs-scope-vorota-panoramnye .pan-hero { padding: 16px; gap: 16px; } .rs-scope-vorota-panoramnye .pan-hero__title { font-size: 24px; } .rs-scope-vorota-panoramnye .pan-lead { font-size: 15px; } .rs-scope-vorota-panoramnye .pan-hero__media, .rs-scope-vorota-panoramnye .pan-hero__media img { min-height: 210px; } .rs-scope-vorota-panoramnye .pan-grid, .rs-scope-vorota-panoramnye .pan-grid--three, .rs-scope-vorota-panoramnye .pan-series-grid, .rs-scope-vorota-panoramnye .pan-options, .rs-scope-vorota-panoramnye .pan-process, .rs-scope-vorota-panoramnye .pan-faq, .rs-scope-vorota-panoramnye .pan-specs, .rs-scope-vorota-panoramnye .pan-swatches, .rs-scope-vorota-panoramnye .pan-cta-box { grid-template-columns: 1fr; } .rs-scope-vorota-panoramnye .pan-head h2 { font-size: 22px; } .rs-scope-vorota-panoramnye .pan-actions { width: 100%; } .rs-scope-vorota-panoramnye .pan-btn { width: 100%; min-width: 0; } .rs-scope-vorota-panoramnye .pan-cta-box { padding: 16px; } .rs-scope-vorota-panoramnye .pan-card, .rs-scope-vorota-panoramnye .pan-panel { padding: 15px; } .rs-scope-vorota-panoramnye .pan-table-wrap { overflow: visible; border: 0; background: transparent; } .rs-scope-vorota-panoramnye .pan-table { min-width: 0; border-collapse: separate; border-spacing: 0 10px; font-size: 14px; } .rs-scope-vorota-panoramnye .pan-table thead { display: none; } .rs-scope-vorota-panoramnye .pan-table, .rs-scope-vorota-panoramnye .pan-table tbody, .rs-scope-vorota-panoramnye .pan-table tr, .rs-scope-vorota-panoramnye .pan-table td { display: block; width: 100%; } .rs-scope-vorota-panoramnye .pan-table tr { padding: 14px; border: 1px solid var(--rs-line); border-radius: 8px; background: #fff; } .rs-scope-vorota-panoramnye .pan-table td { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 10px; padding: 6px 0; border-bottom: 0; } .rs-scope-vorota-panoramnye .pan-table td::before { content: attr(data-label); color: var(--rs-ink); font-weight: 700; }} .rs-scope-vorota-panoramnye .alutech-calc-section { margin: 0 0 32px; padding: 26px; border: 1px solid rgba(20, 41, 58, 0.12); border-radius: 8px; background: #fff; box-shadow: 0 18px 48px rgba(20, 41, 58, 0.08); } .rs-scope-vorota-panoramnye .alutech-calc-section__head { max-width: 860px; margin: 0 0 20px; } .rs-scope-vorota-panoramnye .alutech-calc-section__eyebrow { display: block; margin: 0 0 7px; color: #1f6f8b; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0; } .rs-scope-vorota-panoramnye .alutech-calc-section h2 { margin: 0 0 10px; color: #14293a; font-size: 34px; line-height: 1.15; } .rs-scope-vorota-panoramnye .alutech-calc-section p { margin: 0; color: #516273; font-size: 16px; line-height: 1.6; } .rs-scope-vorota-panoramnye .alutech-calc-section__frame { overflow: hidden; min-height: 360px; border: 1px solid rgba(20, 41, 58, 0.1); border-radius: 8px; background: #f7fafc; } .rs-scope-vorota-panoramnye .alutech-calc-section #alutech-calc { min-height: 360px; } .rs-scope-vorota-panoramnye .alutech-calc-section iframe { display: block; width: 100%; } @media (max-width: 640px) {.rs-scope-vorota-panoramnye .alutech-calc-section { margin-bottom: 24px; padding: 16px; } .rs-scope-vorota-panoramnye .alutech-calc-section h2 { font-size: 24px; } .rs-scope-vorota-panoramnye .alutech-calc-section__frame, .rs-scope-vorota-panoramnye .alutech-calc-section #alutech-calc { min-height: 420px; }} /* Source: /vorota/promyshlennye/index.php; Scope: .rs-scope-vorota-promyshlennye; blocks: 1 */ .rs-scope-vorota-promyshlennye .industrial-page { --rs-red: #e30613; --rs-ink: #1e2d35; --rs-text: #31424a; --rs-muted: #5d6d74; --rs-line: #dce6ea; --rs-soft: #f3f7f6; --rs-soft-green: #edf7f1; --rs-green: #1f8b4c; --rs-blue: #2f83a6; max-width: 847px; margin: 0 auto; color: var(--rs-text); font-family: inherit; font-size: 16px; line-height: 1.55; overflow-wrap: break-word; word-break: normal; } .rs-scope-vorota-promyshlennye .industrial-page * { box-sizing: border-box; } .rs-scope-vorota-promyshlennye .industrial-page img { display: block; max-width: 100%; height: auto; } .rs-scope-vorota-promyshlennye .industrial-page h2, .rs-scope-vorota-promyshlennye .industrial-page h3, .rs-scope-vorota-promyshlennye .industrial-page h4 { margin: 0; color: var(--rs-ink); line-height: 1.2; letter-spacing: 0; } .rs-scope-vorota-promyshlennye .industrial-page p { margin: 0; } .rs-scope-vorota-promyshlennye .industrial-page a { text-decoration: none; } .rs-scope-vorota-promyshlennye .ind-section, .rs-scope-vorota-promyshlennye .ind-cta, .rs-scope-vorota-promyshlennye .ind-hero { margin: 0 0 32px; } .rs-scope-vorota-promyshlennye .ind-hero { display: grid; grid-template-columns: 1fr; gap: 20px; align-items: stretch; padding: 22px; border: 1px solid #d7e5e0; border-left: 5px solid var(--rs-red); border-radius: 8px; background: var(--rs-soft); } .rs-scope-vorota-promyshlennye .ind-hero__body { min-width: 0; display: flex; flex-direction: column; justify-content: center; } .rs-scope-vorota-promyshlennye .ind-eyebrow { margin: 0 0 9px; color: var(--rs-green); font-size: 13px; font-weight: 700; text-transform: uppercase; } .rs-scope-vorota-promyshlennye .ind-hero__title { margin: 0 0 12px; font-size: 30px; } .rs-scope-vorota-promyshlennye .ind-lead { color: var(--rs-muted); font-size: 17px; } .rs-scope-vorota-promyshlennye .ind-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; } .rs-scope-vorota-promyshlennye .ind-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; min-width: 178px; padding: 12px 18px; border: 1px solid var(--rs-red); border-radius: 6px; font-weight: 700; line-height: 1.2; text-align: center; } .rs-scope-vorota-promyshlennye .ind-btn--primary, .rs-scope-vorota-promyshlennye .industrial-page a.ind-btn--primary:visited { background: var(--rs-red); border-color: var(--rs-red); color: #fff !important; } .rs-scope-vorota-promyshlennye .ind-btn--secondary, .rs-scope-vorota-promyshlennye .industrial-page a.ind-btn--secondary:visited { background: #fff; border-color: var(--rs-green); color: var(--rs-green) !important; } .rs-scope-vorota-promyshlennye .industrial-page .ind-btn:hover { opacity: .88; text-decoration: none; } .rs-scope-vorota-promyshlennye .ind-note { margin-top: 13px; color: var(--rs-muted); font-size: 14px; line-height: 1.45; } .rs-scope-vorota-promyshlennye .ind-hero__media { aspect-ratio: 16 / 9; max-width: 100%; width: 100%; order: -1; min-height: 310px; overflow: hidden; border-radius: 8px; background: #dfe7ea; } .rs-scope-vorota-promyshlennye .ind-hero__media img { width: 100%; height: 100%; min-height: 310px; object-fit: cover; } .rs-scope-vorota-promyshlennye .ind-head { margin-bottom: 16px; } .rs-scope-vorota-promyshlennye .ind-head h2 { margin-bottom: 8px; font-size: 25px; } .rs-scope-vorota-promyshlennye .ind-head p { color: var(--rs-muted); } .rs-scope-vorota-promyshlennye .ind-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .rs-scope-vorota-promyshlennye .ind-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); } .rs-scope-vorota-promyshlennye .ind-card, .rs-scope-vorota-promyshlennye .ind-series, .rs-scope-vorota-promyshlennye .ind-option, .rs-scope-vorota-promyshlennye .ind-faq details, .rs-scope-vorota-promyshlennye .ind-step, .rs-scope-vorota-promyshlennye .ind-color-panel { border: 1px solid var(--rs-line); border-radius: 8px; background: #fff; } .rs-scope-vorota-promyshlennye .ind-card { padding: 17px; } .rs-scope-vorota-promyshlennye .ind-card--accent { border-top: 3px solid var(--rs-green); } .rs-scope-vorota-promyshlennye .ind-card strong { display: block; margin-bottom: 7px; color: var(--rs-ink); font-size: 17px; line-height: 1.25; } .rs-scope-vorota-promyshlennye .ind-card p, .rs-scope-vorota-promyshlennye .ind-series p, .rs-scope-vorota-promyshlennye .ind-option p, .rs-scope-vorota-promyshlennye .ind-step p, .rs-scope-vorota-promyshlennye .ind-faq p { color: var(--rs-muted); } .rs-scope-vorota-promyshlennye .ind-card img, .rs-scope-vorota-promyshlennye .ind-option img { width: 100%; aspect-ratio: 16 / 10; margin-bottom: 13px; border-radius: 6px; object-fit: cover; background: var(--rs-soft); } .rs-scope-vorota-promyshlennye .ind-series-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } .rs-scope-vorota-promyshlennye .ind-series { overflow: hidden; } .rs-scope-vorota-promyshlennye .ind-series img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; background: var(--rs-soft); } .rs-scope-vorota-promyshlennye .ind-series__body { padding: 16px; } .rs-scope-vorota-promyshlennye .ind-series h3 { margin-bottom: 8px; font-size: 19px; } .rs-scope-vorota-promyshlennye .ind-list { margin: 12px 0 0; padding: 0; list-style: none; } .rs-scope-vorota-promyshlennye .ind-list li { position: relative; padding-left: 18px; color: var(--rs-muted); font-size: 14px; line-height: 1.45; } .rs-scope-vorota-promyshlennye .ind-list li + li { margin-top: 7px; } .rs-scope-vorota-promyshlennye .ind-list li::before { content: ""; position: absolute; left: 0; top: .62em; width: 7px; height: 7px; border-radius: 50%; background: var(--rs-green); } .rs-scope-vorota-promyshlennye .ind-specs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; } .rs-scope-vorota-promyshlennye .ind-spec { padding: 14px; border: 1px solid #cfe3da; border-radius: 8px; background: var(--rs-soft-green); } .rs-scope-vorota-promyshlennye .ind-spec b { display: block; margin-bottom: 4px; color: var(--rs-green); font-size: 20px; line-height: 1.1; } .rs-scope-vorota-promyshlennye .ind-spec span { display: block; color: var(--rs-muted); font-size: 13px; line-height: 1.35; } .rs-scope-vorota-promyshlennye .ind-scenarios { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; } .rs-scope-vorota-promyshlennye .ind-scenario { overflow: hidden; border: 1px solid var(--rs-line); border-radius: 8px; background: #fff; } .rs-scope-vorota-promyshlennye .ind-scenario img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; background: var(--rs-soft); } .rs-scope-vorota-promyshlennye .ind-scenario__body { padding: 16px; } .rs-scope-vorota-promyshlennye .ind-scenario h3 { margin-bottom: 8px; font-size: 19px; } .rs-scope-vorota-promyshlennye .ind-chip-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; } .rs-scope-vorota-promyshlennye .ind-chip { display: inline-flex; align-items: center; min-height: 30px; padding: 6px 10px; border: 1px solid #cfe3da; border-radius: 999px; background: #fff; color: var(--rs-muted); font-size: 13px; line-height: 1.2; } .rs-scope-vorota-promyshlennye .ind-color-panel { padding: 17px; } .rs-scope-vorota-promyshlennye .ind-color-panel h3 { margin-bottom: 8px; font-size: 18px; } .rs-scope-vorota-promyshlennye .ind-swatches { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-top: 14px; } .rs-scope-vorota-promyshlennye .ind-swatch { display: flex; align-items: center; gap: 9px; min-width: 0; color: var(--rs-muted); font-size: 14px; } .rs-scope-vorota-promyshlennye .ind-swatch i { flex: 0 0 22px; width: 22px; height: 22px; border: 1px solid rgba(30, 45, 53, .2); border-radius: 50%; } .rs-scope-vorota-promyshlennye .ind-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } .rs-scope-vorota-promyshlennye .ind-option { overflow: hidden; } .rs-scope-vorota-promyshlennye .ind-option img { margin: 0; border-radius: 0; aspect-ratio: 4 / 3; } .rs-scope-vorota-promyshlennye .ind-option__body { padding: 15px; } .rs-scope-vorota-promyshlennye .ind-option h3 { margin-bottom: 7px; font-size: 17px; } .rs-scope-vorota-promyshlennye .ind-process { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; counter-reset: steps; } .rs-scope-vorota-promyshlennye .ind-step { position: relative; padding: 16px 16px 16px 54px; } .rs-scope-vorota-promyshlennye .ind-step::before { counter-increment: steps; content: counter(steps); position: absolute; left: 16px; top: 16px; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--rs-green); color: #fff; font-weight: 700; } .rs-scope-vorota-promyshlennye .ind-step h3 { margin-bottom: 6px; font-size: 17px; } .rs-scope-vorota-promyshlennye .ind-cta-box { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; align-items: center; padding: 20px; border: 1px solid #cfe3da; border-radius: 8px; background: #f7fbf9; } .rs-scope-vorota-promyshlennye .ind-cta-box h2 { margin-bottom: 7px; font-size: 23px; } .rs-scope-vorota-promyshlennye .ind-cta-box p { color: var(--rs-muted); } .rs-scope-vorota-promyshlennye .ind-faq { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .rs-scope-vorota-promyshlennye .ind-faq details { padding: 15px; } .rs-scope-vorota-promyshlennye .ind-faq summary { cursor: pointer; color: var(--rs-ink); font-weight: 700; line-height: 1.35; } .rs-scope-vorota-promyshlennye .ind-faq p { margin-top: 10px; } .rs-scope-vorota-promyshlennye .ind-links { display: flex; flex-wrap: wrap; gap: 9px; } .rs-scope-vorota-promyshlennye .ind-link { display: inline-flex; align-items: center; min-height: 38px; padding: 8px 12px; border: 1px solid #cfe3da; border-radius: 6px; background: #fff; color: var(--rs-green); line-height: 1.2; } .rs-scope-vorota-promyshlennye .industrial-page a.ind-link, .rs-scope-vorota-promyshlennye .industrial-page a.ind-link:visited { color: var(--rs-green) !important; } .rs-scope-vorota-promyshlennye .ind-link:hover { text-decoration: none; border-color: var(--rs-green); } @media (max-width: 900px) {.rs-scope-vorota-promyshlennye .industrial-page { max-width: 100%; } .rs-scope-vorota-promyshlennye .ind-hero { grid-template-columns: 1fr; } .rs-scope-vorota-promyshlennye .ind-hero__media { aspect-ratio: 16 / 9; max-width: 100%; width: 100%; order: -1; min-height: 260px; } .rs-scope-vorota-promyshlennye .ind-hero__media img { min-height: 260px; } .rs-scope-vorota-promyshlennye .ind-series-grid, .rs-scope-vorota-promyshlennye .ind-grid--three, .rs-scope-vorota-promyshlennye .ind-options, .rs-scope-vorota-promyshlennye .ind-specs { grid-template-columns: repeat(2, minmax(0, 1fr)); }} @media (max-width: 620px) {.rs-scope-vorota-promyshlennye .industrial-page { font-size: 15px; } .rs-scope-vorota-promyshlennye .ind-section, .rs-scope-vorota-promyshlennye .ind-cta, .rs-scope-vorota-promyshlennye .ind-hero { margin-bottom: 24px; } .rs-scope-vorota-promyshlennye .ind-hero { padding: 16px; gap: 16px; } .rs-scope-vorota-promyshlennye .ind-hero__title { font-size: 24px; } .rs-scope-vorota-promyshlennye .ind-lead { font-size: 15px; } .rs-scope-vorota-promyshlennye .ind-hero__media, .rs-scope-vorota-promyshlennye .ind-hero__media img { min-height: 210px; } .rs-scope-vorota-promyshlennye .ind-grid, .rs-scope-vorota-promyshlennye .ind-grid--three, .rs-scope-vorota-promyshlennye .ind-series-grid, .rs-scope-vorota-promyshlennye .ind-scenarios, .rs-scope-vorota-promyshlennye .ind-options, .rs-scope-vorota-promyshlennye .ind-process, .rs-scope-vorota-promyshlennye .ind-faq, .rs-scope-vorota-promyshlennye .ind-specs, .rs-scope-vorota-promyshlennye .ind-swatches, .rs-scope-vorota-promyshlennye .ind-cta-box { grid-template-columns: 1fr; } .rs-scope-vorota-promyshlennye .ind-head h2 { font-size: 22px; } .rs-scope-vorota-promyshlennye .ind-actions { width: 100%; } .rs-scope-vorota-promyshlennye .ind-btn { width: 100%; min-width: 0; } .rs-scope-vorota-promyshlennye .ind-cta-box { padding: 16px; } .rs-scope-vorota-promyshlennye .ind-card, .rs-scope-vorota-promyshlennye .ind-color-panel { padding: 15px; }} .rs-scope-vorota-promyshlennye .alutech-calc-section { margin: 0 0 32px; padding: 26px; border: 1px solid rgba(20, 41, 58, 0.12); border-radius: 8px; background: #fff; box-shadow: 0 18px 48px rgba(20, 41, 58, 0.08); } .rs-scope-vorota-promyshlennye .alutech-calc-section__head { max-width: 860px; margin: 0 0 20px; } .rs-scope-vorota-promyshlennye .alutech-calc-section__eyebrow { display: block; margin: 0 0 7px; color: #1f6f8b; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0; } .rs-scope-vorota-promyshlennye .alutech-calc-section h2 { margin: 0 0 10px; color: #14293a; font-size: 34px; line-height: 1.15; } .rs-scope-vorota-promyshlennye .alutech-calc-section p { margin: 0; color: #516273; font-size: 16px; line-height: 1.6; } .rs-scope-vorota-promyshlennye .alutech-calc-section__frame { overflow: hidden; min-height: 360px; border: 1px solid rgba(20, 41, 58, 0.1); border-radius: 8px; background: #f7fafc; } .rs-scope-vorota-promyshlennye .alutech-calc-section #alutech-calc { min-height: 360px; } .rs-scope-vorota-promyshlennye .alutech-calc-section iframe { display: block; width: 100%; } @media (max-width: 640px) {.rs-scope-vorota-promyshlennye .alutech-calc-section { margin-bottom: 24px; padding: 16px; } .rs-scope-vorota-promyshlennye .alutech-calc-section h2 { font-size: 24px; } .rs-scope-vorota-promyshlennye .alutech-calc-section__frame, .rs-scope-vorota-promyshlennye .alutech-calc-section #alutech-calc { min-height: 420px; }} /* Source: /vorota/protivopozharnye/index.php; Scope: .rs-scope-vorota-protivopozharnye; blocks: 1 */ .rs-scope-vorota-protivopozharnye .fire-page { --rs-red: #e30613; --rs-ink: #1e2d35; --rs-text: #31424a; --rs-muted: #5c6b73; --rs-line: #dce6ea; --rs-soft: #f4f8f7; --rs-soft-green: #edf7f1; --rs-green: #1f8b4c; --rs-blue: #2d7f9f; max-width: 847px; margin: 0 auto; color: var(--rs-text); font-family: inherit; font-size: 16px; line-height: 1.55; overflow-wrap: break-word; word-break: normal; } .rs-scope-vorota-protivopozharnye .fire-page * { box-sizing: border-box; } .rs-scope-vorota-protivopozharnye .fire-page img { display: block; max-width: 100%; height: auto; } .rs-scope-vorota-protivopozharnye .fire-page h2, .rs-scope-vorota-protivopozharnye .fire-page h3, .rs-scope-vorota-protivopozharnye .fire-page h4 { margin: 0; color: var(--rs-ink); line-height: 1.2; letter-spacing: 0; } .rs-scope-vorota-protivopozharnye .fire-page p { margin: 0; } .rs-scope-vorota-protivopozharnye .fire-page a { text-decoration: none; } .rs-scope-vorota-protivopozharnye .fire-section, .rs-scope-vorota-protivopozharnye .fire-cta, .rs-scope-vorota-protivopozharnye .fire-hero { margin: 0 0 32px; } .rs-scope-vorota-protivopozharnye .fire-hero { display: grid; grid-template-columns: 1fr; gap: 20px; align-items: stretch; padding: 22px; border: 1px solid #d6e5df; border-left: 5px solid var(--rs-red); border-radius: 8px; background: var(--rs-soft); } .rs-scope-vorota-protivopozharnye .fire-hero__body { min-width: 0; display: flex; flex-direction: column; justify-content: center; } .rs-scope-vorota-protivopozharnye .fire-eyebrow { margin: 0 0 9px; color: var(--rs-green); font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0; } .rs-scope-vorota-protivopozharnye .fire-hero__title { margin: 0 0 12px; font-size: 30px; } .rs-scope-vorota-protivopozharnye .fire-lead { color: var(--rs-muted); font-size: 17px; } .rs-scope-vorota-protivopozharnye .fire-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; } .rs-scope-vorota-protivopozharnye .fire-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; min-width: 178px; padding: 12px 18px; border: 1px solid var(--rs-red); border-radius: 6px; font-weight: 700; line-height: 1.2; text-align: center; } .rs-scope-vorota-protivopozharnye .fire-btn--primary, .rs-scope-vorota-protivopozharnye .fire-page a.fire-btn--primary:visited { background: var(--rs-red); border-color: var(--rs-red); color: #fff !important; } .rs-scope-vorota-protivopozharnye .fire-btn--secondary, .rs-scope-vorota-protivopozharnye .fire-page a.fire-btn--secondary:visited { background: #fff; border-color: var(--rs-green); color: var(--rs-green) !important; } .rs-scope-vorota-protivopozharnye .fire-page .fire-btn:hover { opacity: .88; text-decoration: none; } .rs-scope-vorota-protivopozharnye .fire-note { margin-top: 13px; color: var(--rs-muted); font-size: 14px; line-height: 1.45; } .rs-scope-vorota-protivopozharnye .fire-hero__media { aspect-ratio: 16 / 9; max-width: 100%; width: 100%; order: -1; min-height: 300px; overflow: hidden; border-radius: 8px; background: #dfe7ea; } .rs-scope-vorota-protivopozharnye .fire-hero__media img { width: 100%; height: 100%; min-height: 300px; object-fit: cover; } .rs-scope-vorota-protivopozharnye .fire-head { margin-bottom: 16px; } .rs-scope-vorota-protivopozharnye .fire-head h2 { margin-bottom: 8px; font-size: 25px; } .rs-scope-vorota-protivopozharnye .fire-head p { color: var(--rs-muted); } .rs-scope-vorota-protivopozharnye .fire-specs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; } .rs-scope-vorota-protivopozharnye .fire-spec { padding: 14px; border: 1px solid #cfe3da; border-radius: 8px; background: var(--rs-soft-green); } .rs-scope-vorota-protivopozharnye .fire-spec b { display: block; margin-bottom: 4px; color: var(--rs-green); font-size: 20px; line-height: 1.1; } .rs-scope-vorota-protivopozharnye .fire-spec span { display: block; color: var(--rs-muted); font-size: 13px; line-height: 1.35; } .rs-scope-vorota-protivopozharnye .fire-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .rs-scope-vorota-protivopozharnye .fire-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); } .rs-scope-vorota-protivopozharnye .fire-card, .rs-scope-vorota-protivopozharnye .fire-panel, .rs-scope-vorota-protivopozharnye .fire-table, .rs-scope-vorota-protivopozharnye .fire-step, .rs-scope-vorota-protivopozharnye .fire-faq details { border: 1px solid var(--rs-line); border-radius: 8px; background: #fff; } .rs-scope-vorota-protivopozharnye .fire-card { padding: 17px; } .rs-scope-vorota-protivopozharnye .fire-card--accent { border-top: 3px solid var(--rs-green); } .rs-scope-vorota-protivopozharnye .fire-card strong { display: block; margin-bottom: 7px; color: var(--rs-ink); font-size: 17px; line-height: 1.25; } .rs-scope-vorota-protivopozharnye .fire-card p, .rs-scope-vorota-protivopozharnye .fire-panel p, .rs-scope-vorota-protivopozharnye .fire-step p, .rs-scope-vorota-protivopozharnye .fire-faq p { color: var(--rs-muted); } .rs-scope-vorota-protivopozharnye .fire-card img, .rs-scope-vorota-protivopozharnye .fire-panel img { width: 100%; aspect-ratio: 16 / 10; margin-bottom: 13px; border-radius: 6px; object-fit: cover; background: var(--rs-soft); } .rs-scope-vorota-protivopozharnye .fire-alert { padding: 16px 17px; border: 1px solid #f0d3d6; border-left: 4px solid var(--rs-red); border-radius: 8px; background: #fff8f8; } .rs-scope-vorota-protivopozharnye .fire-alert strong { display: block; margin-bottom: 5px; color: var(--rs-ink); font-size: 17px; } .rs-scope-vorota-protivopozharnye .fire-alert p { color: var(--rs-muted); } .rs-scope-vorota-protivopozharnye .fire-feature { display: grid; grid-template-columns: 265px minmax(0, 1fr); gap: 16px; align-items: stretch; } .rs-scope-vorota-protivopozharnye .fire-feature__media, .rs-scope-vorota-protivopozharnye .fire-feature__body { border: 1px solid var(--rs-line); border-radius: 8px; background: #fff; } .rs-scope-vorota-protivopozharnye .fire-feature__media { display: flex; align-items: center; justify-content: center; padding: 18px; min-height: 260px; overflow: hidden; } .rs-scope-vorota-protivopozharnye .fire-feature__media img { max-height: 260px; object-fit: contain; } .rs-scope-vorota-protivopozharnye .fire-feature__body { padding: 17px; } .rs-scope-vorota-protivopozharnye .fire-list { margin: 12px 0 0; padding: 0; list-style: none; } .rs-scope-vorota-protivopozharnye .fire-list li { position: relative; padding-left: 18px; color: var(--rs-muted); font-size: 14px; line-height: 1.45; } .rs-scope-vorota-protivopozharnye .fire-list li + li { margin-top: 8px; } .rs-scope-vorota-protivopozharnye .fire-list li::before { content: ""; position: absolute; left: 0; top: .62em; width: 7px; height: 7px; border-radius: 50%; background: var(--rs-green); } .rs-scope-vorota-protivopozharnye .fire-panel { padding: 17px; } .rs-scope-vorota-protivopozharnye .fire-panel h3 { margin-bottom: 8px; font-size: 18px; } .rs-scope-vorota-protivopozharnye .fire-chip-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; } .rs-scope-vorota-protivopozharnye .fire-chip { display: inline-flex; align-items: center; min-height: 30px; padding: 6px 10px; border: 1px solid #cfe3da; border-radius: 999px; background: #fff; color: var(--rs-muted); font-size: 13px; line-height: 1.2; } .rs-scope-vorota-protivopozharnye .fire-swatches { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-top: 14px; } .rs-scope-vorota-protivopozharnye .fire-swatch { display: flex; align-items: center; gap: 9px; min-width: 0; color: var(--rs-muted); font-size: 14px; } .rs-scope-vorota-protivopozharnye .fire-swatch i { flex: 0 0 22px; width: 22px; height: 22px; border: 1px solid rgba(30, 45, 53, .2); border-radius: 50%; } .rs-scope-vorota-protivopozharnye .fire-table { overflow: hidden; } .rs-scope-vorota-protivopozharnye .fire-row { display: grid; grid-template-columns: 190px minmax(0, 1fr); gap: 12px; padding: 14px 16px; } .rs-scope-vorota-protivopozharnye .fire-row + .fire-row { border-top: 1px solid var(--rs-line); } .rs-scope-vorota-protivopozharnye .fire-row b { color: var(--rs-ink); line-height: 1.25; } .rs-scope-vorota-protivopozharnye .fire-row span { color: var(--rs-muted); font-size: 14px; line-height: 1.45; } .rs-scope-vorota-protivopozharnye .fire-process { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; counter-reset: steps; } .rs-scope-vorota-protivopozharnye .fire-step { position: relative; padding: 16px 16px 16px 54px; } .rs-scope-vorota-protivopozharnye .fire-step::before { counter-increment: steps; content: counter(steps); position: absolute; left: 16px; top: 16px; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--rs-green); color: #fff; font-weight: 700; } .rs-scope-vorota-protivopozharnye .fire-step h3 { margin-bottom: 6px; font-size: 17px; } .rs-scope-vorota-protivopozharnye .fire-cta-box { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; align-items: center; padding: 20px; border: 1px solid #cfe3da; border-radius: 8px; background: #f7fbf9; } .rs-scope-vorota-protivopozharnye .fire-cta-box h2 { margin-bottom: 7px; font-size: 23px; } .rs-scope-vorota-protivopozharnye .fire-cta-box p { color: var(--rs-muted); } .rs-scope-vorota-protivopozharnye .fire-faq { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .rs-scope-vorota-protivopozharnye .fire-faq details { padding: 15px; } .rs-scope-vorota-protivopozharnye .fire-faq summary { cursor: pointer; color: var(--rs-ink); font-weight: 700; line-height: 1.35; } .rs-scope-vorota-protivopozharnye .fire-faq p { margin-top: 10px; } .rs-scope-vorota-protivopozharnye .fire-links { display: flex; flex-wrap: wrap; gap: 9px; } .rs-scope-vorota-protivopozharnye .fire-link { display: inline-flex; align-items: center; min-height: 38px; padding: 8px 12px; border: 1px solid #cfe3da; border-radius: 6px; background: #fff; color: var(--rs-green); line-height: 1.2; } .rs-scope-vorota-protivopozharnye .fire-page a.fire-link, .rs-scope-vorota-protivopozharnye .fire-page a.fire-link:visited { color: var(--rs-green) !important; } .rs-scope-vorota-protivopozharnye .fire-link:hover { text-decoration: none; border-color: var(--rs-green); } @media (max-width: 900px) {.rs-scope-vorota-protivopozharnye .fire-page { max-width: 100%; } .rs-scope-vorota-protivopozharnye .fire-hero, .rs-scope-vorota-protivopozharnye .fire-feature { grid-template-columns: 1fr; } .rs-scope-vorota-protivopozharnye .fire-hero__media { aspect-ratio: 16 / 9; max-width: 100%; width: 100%; order: -1; min-height: 250px; } .rs-scope-vorota-protivopozharnye .fire-hero__media img { min-height: 250px; } .rs-scope-vorota-protivopozharnye .fire-specs, .rs-scope-vorota-protivopozharnye .fire-grid--three { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-vorota-protivopozharnye .fire-feature__media { min-height: 220px; }} @media (max-width: 620px) {.rs-scope-vorota-protivopozharnye .fire-page { font-size: 15px; } .rs-scope-vorota-protivopozharnye .fire-section, .rs-scope-vorota-protivopozharnye .fire-cta, .rs-scope-vorota-protivopozharnye .fire-hero { margin-bottom: 24px; } .rs-scope-vorota-protivopozharnye .fire-hero { padding: 16px; gap: 16px; } .rs-scope-vorota-protivopozharnye .fire-hero__title { font-size: 24px; } .rs-scope-vorota-protivopozharnye .fire-lead { font-size: 15px; } .rs-scope-vorota-protivopozharnye .fire-hero__media, .rs-scope-vorota-protivopozharnye .fire-hero__media img { min-height: 210px; } .rs-scope-vorota-protivopozharnye .fire-grid, .rs-scope-vorota-protivopozharnye .fire-grid--three, .rs-scope-vorota-protivopozharnye .fire-specs, .rs-scope-vorota-protivopozharnye .fire-process, .rs-scope-vorota-protivopozharnye .fire-faq, .rs-scope-vorota-protivopozharnye .fire-swatches, .rs-scope-vorota-protivopozharnye .fire-cta-box { grid-template-columns: 1fr; } .rs-scope-vorota-protivopozharnye .fire-row { grid-template-columns: 1fr; gap: 6px; } .rs-scope-vorota-protivopozharnye .fire-head h2 { font-size: 22px; } .rs-scope-vorota-protivopozharnye .fire-actions { width: 100%; } .rs-scope-vorota-protivopozharnye .fire-btn { width: 100%; min-width: 0; } .rs-scope-vorota-protivopozharnye .fire-cta-box, .rs-scope-vorota-protivopozharnye .fire-card, .rs-scope-vorota-protivopozharnye .fire-panel, .rs-scope-vorota-protivopozharnye .fire-feature__body { padding: 15px; }} /* Source: /vorota/raspashnye/index.php; Scope: .rs-scope-vorota-raspashnye; blocks: 1 */ .rs-scope-vorota-raspashnye .gate-page { --gate-ink: #1d2d35; --gate-text: #293942; --gate-muted: #60727c; --gate-line: #dbe5e8; --gate-soft: #f4f8f7; --gate-soft-green: #eef7f2; --gate-red: #e30613; --gate-green: #1f8b4c; max-width: 847px; margin: 0 auto; color: var(--gate-text); font-size: 16px; line-height: 1.58; } .rs-scope-vorota-raspashnye .gate-page * { box-sizing: border-box; } .rs-scope-vorota-raspashnye .gate-page img { display: block; width: 100%; max-width: 100%; height: auto; } .rs-scope-vorota-raspashnye .gate-page h2, .rs-scope-vorota-raspashnye .gate-page h3, .rs-scope-vorota-raspashnye .gate-page .gate-hero-title { margin: 0; color: var(--gate-ink); line-height: 1.18; letter-spacing: 0; } .rs-scope-vorota-raspashnye .gate-page h2 { font-size: 30px; } .rs-scope-vorota-raspashnye .gate-page h3 { font-size: 20px; } .rs-scope-vorota-raspashnye .gate-page p { margin: 0; } .rs-scope-vorota-raspashnye .gate-page a { color: var(--gate-green); text-decoration-thickness: 1px; text-underline-offset: 3px; } .rs-scope-vorota-raspashnye .gate-section { margin: 48px 0; } .rs-scope-vorota-raspashnye .gate-section-head { margin-bottom: 20px; } .rs-scope-vorota-raspashnye .gate-section-head p { max-width: 760px; margin-top: 10px; color: var(--gate-muted); font-size: 17px; } .rs-scope-vorota-raspashnye .gate-hero { overflow: hidden; border: 1px solid #d6e6e0; border-radius: 8px; background: var(--gate-soft); } .rs-scope-vorota-raspashnye .gate-hero__media img { aspect-ratio: 16 / 8.6; object-fit: cover; } .rs-scope-vorota-raspashnye .gate-hero__body { padding: 26px; } .rs-scope-vorota-raspashnye .gate-kicker { margin-bottom: 10px; color: var(--gate-green); font-size: 13px; font-weight: 700; text-transform: uppercase; } .rs-scope-vorota-raspashnye .gate-hero-title { max-width: 720px; font-size: 38px; font-weight: 700; } .rs-scope-vorota-raspashnye .gate-hero__lead { max-width: 720px; margin-top: 16px; color: var(--gate-muted); font-size: 19px; } .rs-scope-vorota-raspashnye .gate-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; } .rs-scope-vorota-raspashnye .gate-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 12px 18px; border-radius: 6px; font-weight: 700; text-align: center; text-decoration: none; transition: opacity .2s ease, border-color .2s ease; } .rs-scope-vorota-raspashnye .gate-btn:hover { opacity: .88; text-decoration: none; } .rs-scope-vorota-raspashnye .gate-btn--primary, .rs-scope-vorota-raspashnye .gate-page .gate-btn--primary { border: 1px solid var(--gate-red); background: var(--gate-red); color: #fff; } .rs-scope-vorota-raspashnye .gate-btn--secondary, .rs-scope-vorota-raspashnye .gate-page .gate-btn--secondary { border: 1px solid var(--gate-green); background: #fff; color: var(--gate-green); } .rs-scope-vorota-raspashnye .gate-hero__note { margin-top: 16px; padding-top: 14px; border-top: 1px solid rgba(31, 139, 76, .18); color: #596b74; font-size: 14px; } .rs-scope-vorota-raspashnye .gate-proof { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 22px; } .rs-scope-vorota-raspashnye .gate-proof__item { padding: 14px; border: 1px solid #dbe8e3; border-radius: 8px; background: #fff; } .rs-scope-vorota-raspashnye .gate-proof__item strong { display: block; margin-bottom: 4px; color: var(--gate-green); font-size: 24px; line-height: 1.1; } .rs-scope-vorota-raspashnye .gate-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } .rs-scope-vorota-raspashnye .gate-grid--two, .rs-scope-vorota-raspashnye .gate-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .rs-scope-vorota-raspashnye .gate-card, .rs-scope-vorota-raspashnye .gate-option, .rs-scope-vorota-raspashnye .gate-cta, .rs-scope-vorota-raspashnye .gate-calc, .rs-scope-vorota-raspashnye .gate-table-wrap, .rs-scope-vorota-raspashnye .gate-media-panel { border: 1px solid var(--gate-line); border-radius: 8px; background: #fff; } .rs-scope-vorota-raspashnye .gate-card, .rs-scope-vorota-raspashnye .gate-cta, .rs-scope-vorota-raspashnye .gate-calc { padding: 18px; } .rs-scope-vorota-raspashnye .gate-card h3, .rs-scope-vorota-raspashnye .gate-option h3 { margin-bottom: 9px; } .rs-scope-vorota-raspashnye .gate-card p, .rs-scope-vorota-raspashnye .gate-option p { color: var(--gate-muted); } .rs-scope-vorota-raspashnye .gate-card__label { display: block; margin-bottom: 9px; color: var(--gate-green); font-size: 13px; font-weight: 700; text-transform: uppercase; } .rs-scope-vorota-raspashnye .gate-card--accent { border-color: #cfe3da; background: var(--gate-soft-green); } .rs-scope-vorota-raspashnye .gate-checklist { margin: 12px 0 0; padding-left: 20px; } .rs-scope-vorota-raspashnye .gate-checklist li { margin-bottom: 7px; } .rs-scope-vorota-raspashnye .gate-compare-note { margin-top: 10px; color: var(--gate-muted); font-size: 14px; } .rs-scope-vorota-raspashnye .gate-table-wrap { overflow-x: auto; } .rs-scope-vorota-raspashnye .gate-table { width: 100%; min-width: 660px; border-collapse: collapse; } .rs-scope-vorota-raspashnye .gate-table th, .rs-scope-vorota-raspashnye .gate-table td { padding: 14px; border-bottom: 1px solid var(--gate-line); text-align: left; vertical-align: top; } .rs-scope-vorota-raspashnye .gate-table th { background: #f4f7f8; color: var(--gate-ink); font-weight: 700; } .rs-scope-vorota-raspashnye .gate-table tr:last-child td { border-bottom: 0; } .rs-scope-vorota-raspashnye .gate-media-panel { overflow: hidden; } .rs-scope-vorota-raspashnye .gate-media-panel img { aspect-ratio: 16 / 7.4; object-fit: cover; } .rs-scope-vorota-raspashnye .gate-media-panel__body { padding: 16px 18px 18px; } .rs-scope-vorota-raspashnye .gate-media-panel__body p { color: var(--gate-muted); } .rs-scope-vorota-raspashnye .gate-option { overflow: hidden; } .rs-scope-vorota-raspashnye .gate-option img { aspect-ratio: 16 / 11; object-fit: cover; } .rs-scope-vorota-raspashnye .gate-option__body { padding: 16px; } .rs-scope-vorota-raspashnye .gate-colors { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; } .rs-scope-vorota-raspashnye .gate-color { display: inline-flex; align-items: center; gap: 8px; min-height: 34px; color: #40515a; font-size: 14px; } .rs-scope-vorota-raspashnye .gate-swatch { width: 24px; height: 24px; border: 1px solid rgba(0, 0, 0, .16); border-radius: 50%; flex: 0 0 auto; } .rs-scope-vorota-raspashnye .gate-swatch--anthracite { background: #3f474b; } .rs-scope-vorota-raspashnye .gate-swatch--ads { background: #2f3638; } .rs-scope-vorota-raspashnye .gate-swatch--brown { background: #4c3327; } .rs-scope-vorota-raspashnye .gate-swatch--silver { background: #b7bbbc; } .rs-scope-vorota-raspashnye .gate-swatch--white { background: #f4f3ed; } .rs-scope-vorota-raspashnye .gate-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; } .rs-scope-vorota-raspashnye .gate-step { position: relative; padding: 16px; border: 1px solid var(--gate-line); border-radius: 8px; background: #fff; } .rs-scope-vorota-raspashnye .gate-step strong { display: block; margin-bottom: 8px; color: var(--gate-green); font-size: 22px; line-height: 1; } .rs-scope-vorota-raspashnye .gate-cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: center; border-color: #cfe3da; background: var(--gate-soft-green); } .rs-scope-vorota-raspashnye .gate-cta h2 { font-size: 26px; } .rs-scope-vorota-raspashnye .gate-cta p { margin-top: 8px; color: var(--gate-muted); } .rs-scope-vorota-raspashnye .gate-calc { background: #f8fafb; } .rs-scope-vorota-raspashnye .gate-calc h2 { font-size: 27px; } .rs-scope-vorota-raspashnye .gate-calc p { max-width: 720px; margin-top: 10px; color: var(--gate-muted); } .rs-scope-vorota-raspashnye .gate-faq details { padding: 16px 0; border-bottom: 1px solid var(--gate-line); } .rs-scope-vorota-raspashnye .gate-faq details:first-of-type { border-top: 1px solid var(--gate-line); } .rs-scope-vorota-raspashnye .gate-faq summary { cursor: pointer; color: var(--gate-ink); font-weight: 700; } .rs-scope-vorota-raspashnye .gate-faq details p { margin-top: 10px; color: var(--gate-muted); } .rs-scope-vorota-raspashnye .gate-related a.gate-card { display: block; color: var(--gate-text); text-decoration: none; } .rs-scope-vorota-raspashnye .gate-related a.gate-card:hover h3 { color: var(--gate-green); } .rs-scope-vorota-raspashnye .gate-final-form { margin-top: 38px; } @media (max-width: 860px) {.rs-scope-vorota-raspashnye .gate-page { max-width: 100%; } .rs-scope-vorota-raspashnye .gate-proof, .rs-scope-vorota-raspashnye .gate-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }} @media (max-width: 640px) {.rs-scope-vorota-raspashnye .gate-section { margin: 38px 0; } .rs-scope-vorota-raspashnye .gate-page h2 { font-size: 24px; } .rs-scope-vorota-raspashnye .gate-page h3 { font-size: 19px; } .rs-scope-vorota-raspashnye .gate-hero__body { padding: 18px; } .rs-scope-vorota-raspashnye .gate-hero-title { font-size: 30px; } .rs-scope-vorota-raspashnye .gate-hero__lead { font-size: 17px; } .rs-scope-vorota-raspashnye .gate-hero__media img, .rs-scope-vorota-raspashnye .gate-media-panel img { aspect-ratio: 16 / 10.5; } .rs-scope-vorota-raspashnye .gate-proof, .rs-scope-vorota-raspashnye .gate-grid, .rs-scope-vorota-raspashnye .gate-grid--two, .rs-scope-vorota-raspashnye .gate-options, .rs-scope-vorota-raspashnye .gate-steps, .rs-scope-vorota-raspashnye .gate-cta { grid-template-columns: 1fr; } .rs-scope-vorota-raspashnye .gate-actions, .rs-scope-vorota-raspashnye .gate-cta { align-items: stretch; } .rs-scope-vorota-raspashnye .gate-btn { width: 100%; } .rs-scope-vorota-raspashnye .gate-card, .rs-scope-vorota-raspashnye .gate-cta, .rs-scope-vorota-raspashnye .gate-calc { padding: 16px; } .rs-scope-vorota-raspashnye .gate-table { min-width: 620px; } .rs-scope-vorota-raspashnye .gate-table-wrap { overflow-x: visible; } .rs-scope-vorota-raspashnye .gate-table, .rs-scope-vorota-raspashnye .gate-table thead, .rs-scope-vorota-raspashnye .gate-table tbody, .rs-scope-vorota-raspashnye .gate-table tr, .rs-scope-vorota-raspashnye .gate-table th, .rs-scope-vorota-raspashnye .gate-table td { display: block; } .rs-scope-vorota-raspashnye .gate-table { min-width: 0; } .rs-scope-vorota-raspashnye .gate-table thead { display: none; } .rs-scope-vorota-raspashnye .gate-table tr { padding: 12px 0; border-bottom: 1px solid var(--gate-line); } .rs-scope-vorota-raspashnye .gate-table tr:last-child { border-bottom: 0; } .rs-scope-vorota-raspashnye .gate-table td { padding: 8px 14px; border-bottom: 0; } .rs-scope-vorota-raspashnye .gate-table td::before { content: attr(data-label); display: block; margin-bottom: 3px; color: var(--gate-green); font-size: 12px; font-weight: 700; text-transform: uppercase; }} .rs-scope-vorota-raspashnye .alutech-calc-section { margin: 0 0 32px; padding: 26px; border: 1px solid rgba(20, 41, 58, 0.12); border-radius: 8px; background: #fff; box-shadow: 0 18px 48px rgba(20, 41, 58, 0.08); } .rs-scope-vorota-raspashnye .alutech-calc-section__head { max-width: 860px; margin: 0 0 20px; } .rs-scope-vorota-raspashnye .alutech-calc-section__eyebrow { display: block; margin: 0 0 7px; color: #1f6f8b; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0; } .rs-scope-vorota-raspashnye .alutech-calc-section h2 { margin: 0 0 10px; color: #14293a; font-size: 34px; line-height: 1.15; } .rs-scope-vorota-raspashnye .alutech-calc-section p { margin: 0; color: #516273; font-size: 16px; line-height: 1.6; } .rs-scope-vorota-raspashnye .alutech-calc-section__frame { overflow: hidden; min-height: 360px; border: 1px solid rgba(20, 41, 58, 0.1); border-radius: 8px; background: #f7fafc; } .rs-scope-vorota-raspashnye .alutech-calc-section #alutech-calc { min-height: 360px; } .rs-scope-vorota-raspashnye .alutech-calc-section iframe { display: block; width: 100%; } @media (max-width: 640px) {.rs-scope-vorota-raspashnye .alutech-calc-section { margin-bottom: 24px; padding: 16px; } .rs-scope-vorota-raspashnye .alutech-calc-section h2 { font-size: 24px; } .rs-scope-vorota-raspashnye .alutech-calc-section__frame, .rs-scope-vorota-raspashnye .alutech-calc-section #alutech-calc { min-height: 420px; }} /* Source: /vorota/rulonnye/index.php; Scope: .rs-scope-vorota-rulonnye; blocks: 1 */ .rs-scope-vorota-rulonnye .rolling-page { --rolling-ink: #1d2d35; --rolling-text: #2c3c44; --rolling-muted: #60717a; --rolling-line: #dbe5e8; --rolling-soft: #f4f8f7; --rolling-soft-2: #f8faf9; --rolling-green: #1f8b4c; --rolling-red: #e30613; --rolling-red-dark: #b90710; max-width: 847px; margin: 0 auto; color: var(--rolling-text); font-size: 16px; line-height: 1.58; } .rs-scope-vorota-rulonnye .rolling-page * { box-sizing: border-box; min-width: 0; } .rs-scope-vorota-rulonnye .rolling-page img { display: block; width: 100%; max-width: 100%; height: auto; } .rs-scope-vorota-rulonnye .rolling-page h2, .rs-scope-vorota-rulonnye .rolling-page h3, .rs-scope-vorota-rulonnye .rolling-page .rolling-hero-title { margin: 0; color: var(--rolling-ink); line-height: 1.18; letter-spacing: 0; overflow-wrap: break-word; } .rs-scope-vorota-rulonnye .rolling-page h2, .rs-scope-vorota-rulonnye .rolling-page .rolling-hero-title { font-size: 30px; } .rs-scope-vorota-rulonnye .rolling-page h3 { font-size: 19px; } .rs-scope-vorota-rulonnye .rolling-page p { margin: 0; } .rs-scope-vorota-rulonnye .rolling-page a { color: var(--rolling-green); text-underline-offset: 3px; } .rs-scope-vorota-rulonnye .rolling-section { margin: 46px 0; } .rs-scope-vorota-rulonnye .rolling-section-head { margin-bottom: 18px; } .rs-scope-vorota-rulonnye .rolling-section-head p { max-width: 760px; margin-top: 10px; color: var(--rolling-muted); font-size: 17px; } .rs-scope-vorota-rulonnye .rolling-eyebrow, .rs-scope-vorota-rulonnye .rolling-label { color: var(--rolling-green); font-size: 13px; font-weight: 700; line-height: 1.3; text-transform: uppercase; } .rs-scope-vorota-rulonnye .rolling-hero { margin: 0 0 34px; } .rs-scope-vorota-rulonnye .rolling-hero__media { margin-bottom: 22px; overflow: hidden; border-radius: 8px; background: var(--rolling-soft); } .rs-scope-vorota-rulonnye .rolling-hero__media img { aspect-ratio: 16 / 9; min-height: 360px; object-fit: cover; object-position: center; } .rs-scope-vorota-rulonnye .rolling-hero-title { max-width: 780px; margin-top: 8px; font-size: 38px; } .rs-scope-vorota-rulonnye .rolling-hero__lead { max-width: 790px; margin-top: 16px; color: var(--rolling-muted); font-size: 19px; } .rs-scope-vorota-rulonnye .rolling-hero__tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; } .rs-scope-vorota-rulonnye .rolling-tag { display: inline-flex; align-items: center; min-height: 32px; padding: 7px 10px; border: 1px solid #cfe3da; border-radius: 6px; background: var(--rolling-soft-2); color: #355148; font-size: 14px; font-weight: 700; } .rs-scope-vorota-rulonnye .rolling-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; } .rs-scope-vorota-rulonnye .rolling-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 12px 18px; border-radius: 6px; font-weight: 700; line-height: 1.2; text-align: center; text-decoration: none; transition: background .2s ease, border-color .2s ease, opacity .2s ease; } .rs-scope-vorota-rulonnye .rolling-btn:hover { text-decoration: none; } .rs-scope-vorota-rulonnye .rolling-btn--primary, .rs-scope-vorota-rulonnye .rolling-page .rolling-btn--primary, .rs-scope-vorota-rulonnye .rolling-page a.rolling-btn--primary:visited { border: 1px solid var(--rolling-red); background: var(--rolling-red); color: #fff; } .rs-scope-vorota-rulonnye .rolling-btn--primary:hover { border-color: var(--rolling-red-dark); background: var(--rolling-red-dark); } .rs-scope-vorota-rulonnye .rolling-btn--secondary, .rs-scope-vorota-rulonnye .rolling-page .rolling-btn--secondary, .rs-scope-vorota-rulonnye .rolling-page a.rolling-btn--secondary:visited { border: 1px solid var(--rolling-green); background: #fff; color: var(--rolling-green); } .rs-scope-vorota-rulonnye .rolling-btn--secondary:hover { background: #eef7f2; } .rs-scope-vorota-rulonnye .rolling-note { margin-top: 14px; padding: 12px 14px; border-left: 4px solid var(--rolling-green); border-radius: 0 8px 8px 0; background: var(--rolling-soft); color: #52666f; font-size: 14px; } .rs-scope-vorota-rulonnye .rolling-grid, .rs-scope-vorota-rulonnye .rolling-facts, .rs-scope-vorota-rulonnye .rolling-options, .rs-scope-vorota-rulonnye .rolling-steps, .rs-scope-vorota-rulonnye .rolling-scenarios, .rs-scope-vorota-rulonnye .rolling-mini-grid { display: grid; gap: 14px; } .rs-scope-vorota-rulonnye .rolling-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .rs-scope-vorota-rulonnye .rolling-facts, .rs-scope-vorota-rulonnye .rolling-options, .rs-scope-vorota-rulonnye .rolling-scenarios, .rs-scope-vorota-rulonnye .rolling-mini-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-vorota-rulonnye .rolling-steps { grid-template-columns: repeat(4, minmax(0, 1fr)); } .rs-scope-vorota-rulonnye .rolling-card, .rs-scope-vorota-rulonnye .rolling-fact, .rs-scope-vorota-rulonnye .rolling-panel, .rs-scope-vorota-rulonnye .rolling-option, .rs-scope-vorota-rulonnye .rolling-cta, .rs-scope-vorota-rulonnye .rolling-table-wrap, .rs-scope-vorota-rulonnye .rolling-step, .rs-scope-vorota-rulonnye .rolling-faq details { border: 1px solid var(--rolling-line); border-radius: 8px; background: #fff; } .rs-scope-vorota-rulonnye .rolling-card, .rs-scope-vorota-rulonnye .rolling-fact, .rs-scope-vorota-rulonnye .rolling-panel, .rs-scope-vorota-rulonnye .rolling-option, .rs-scope-vorota-rulonnye .rolling-cta, .rs-scope-vorota-rulonnye .rolling-step, .rs-scope-vorota-rulonnye .rolling-faq details { padding: 18px; } .rs-scope-vorota-rulonnye .rolling-fact { border-top: 3px solid var(--rolling-green); } .rs-scope-vorota-rulonnye .rolling-fact strong { display: block; margin-bottom: 7px; color: var(--rolling-green); font-size: 24px; line-height: 1.1; } .rs-scope-vorota-rulonnye .rolling-card h3, .rs-scope-vorota-rulonnye .rolling-panel h3, .rs-scope-vorota-rulonnye .rolling-option h3, .rs-scope-vorota-rulonnye .rolling-step h3 { margin-bottom: 8px; } .rs-scope-vorota-rulonnye .rolling-card p, .rs-scope-vorota-rulonnye .rolling-panel p, .rs-scope-vorota-rulonnye .rolling-option p, .rs-scope-vorota-rulonnye .rolling-step p { color: var(--rolling-muted); } .rs-scope-vorota-rulonnye .rolling-card .rolling-label, .rs-scope-vorota-rulonnye .rolling-option .rolling-label { display: inline-block; margin-bottom: 9px; } .rs-scope-vorota-rulonnye .rolling-card--soft, .rs-scope-vorota-rulonnye .rolling-panel--soft { border-color: #cfe3da; background: var(--rolling-soft); } .rs-scope-vorota-rulonnye .rolling-series { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-bottom: 16px; } .rs-scope-vorota-rulonnye .rolling-series-card { overflow: hidden; border: 1px solid var(--rolling-line); border-radius: 8px; background: #fff; } .rs-scope-vorota-rulonnye .rolling-series-card img { aspect-ratio: 16 / 9; object-fit: cover; background: var(--rolling-soft); } .rs-scope-vorota-rulonnye .rolling-series-card__body { padding: 16px; } .rs-scope-vorota-rulonnye .rolling-series-card__body h3 { margin-bottom: 8px; } .rs-scope-vorota-rulonnye .rolling-series-card__body p { color: var(--rolling-muted); } .rs-scope-vorota-rulonnye .rolling-list { margin: 12px 0 0; padding-left: 20px; color: var(--rolling-muted); } .rs-scope-vorota-rulonnye .rolling-list li { margin-bottom: 7px; } .rs-scope-vorota-rulonnye .rolling-table-wrap { overflow-x: auto; } .rs-scope-vorota-rulonnye .rolling-table { width: 100%; min-width: 690px; border-collapse: collapse; } .rs-scope-vorota-rulonnye .rolling-table th, .rs-scope-vorota-rulonnye .rolling-table td { padding: 13px 14px; border-bottom: 1px solid var(--rolling-line); text-align: left; vertical-align: top; } .rs-scope-vorota-rulonnye .rolling-table th { background: var(--rolling-soft); color: var(--rolling-ink); font-weight: 700; } .rs-scope-vorota-rulonnye .rolling-table tr:last-child td { border-bottom: 0; } .rs-scope-vorota-rulonnye .rolling-compare-title { display: block; color: var(--rolling-ink); font-weight: 700; } .rs-scope-vorota-rulonnye .rolling-compare-note { display: block; margin-top: 4px; color: var(--rolling-muted); font-size: 14px; } .rs-scope-vorota-rulonnye .rolling-media-row { display: grid; grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); gap: 16px; align-items: stretch; } .rs-scope-vorota-rulonnye .rolling-profile-card { overflow: hidden; border: 1px solid var(--rolling-line); border-radius: 8px; background: #fff; } .rs-scope-vorota-rulonnye .rolling-profile-card img { aspect-ratio: 1 / .88; object-fit: contain; background: var(--rolling-soft); } .rs-scope-vorota-rulonnye .rolling-profile-card__body { padding: 16px; } .rs-scope-vorota-rulonnye .rolling-profile-card__body p { margin-top: 6px; color: var(--rolling-muted); } .rs-scope-vorota-rulonnye .rolling-swatches { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 14px; } .rs-scope-vorota-rulonnye .rolling-swatch { display: flex; align-items: center; gap: 8px; min-height: 40px; padding: 8px; border: 1px solid var(--rolling-line); border-radius: 8px; background: #fff; color: #40525a; font-size: 14px; } .rs-scope-vorota-rulonnye .rolling-swatch i { display: block; width: 22px; height: 22px; flex: 0 0 22px; border: 1px solid rgba(0, 0, 0, .16); border-radius: 50%; } .rs-scope-vorota-rulonnye .rolling-mounts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .rs-scope-vorota-rulonnye .rolling-mount { overflow: hidden; border: 1px solid var(--rolling-line); border-radius: 8px; background: #fff; } .rs-scope-vorota-rulonnye .rolling-mount img { aspect-ratio: 16 / 10; object-fit: cover; background: var(--rolling-soft); } .rs-scope-vorota-rulonnye .rolling-mount__body { padding: 16px; } .rs-scope-vorota-rulonnye .rolling-mount h3 { margin-bottom: 7px; } .rs-scope-vorota-rulonnye .rolling-mount p { color: var(--rolling-muted); } .rs-scope-vorota-rulonnye .rolling-option { overflow: hidden; padding: 0; } .rs-scope-vorota-rulonnye .rolling-option img { aspect-ratio: 4 / 3; object-fit: cover; background: var(--rolling-soft); } .rs-scope-vorota-rulonnye .rolling-option__body { padding: 16px; } .rs-scope-vorota-rulonnye .rolling-automation { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; } .rs-scope-vorota-rulonnye .rolling-automation__item { padding: 18px; border: 1px solid var(--rolling-line); border-radius: 8px; background: #fff; } .rs-scope-vorota-rulonnye .rolling-automation__item strong { display: block; margin-bottom: 8px; color: var(--rolling-ink); font-size: 18px; } .rs-scope-vorota-rulonnye .rolling-automation__item p { color: var(--rolling-muted); } .rs-scope-vorota-rulonnye .rolling-automation__item img { aspect-ratio: 16 / 9; margin-bottom: 12px; border-radius: 8px; object-fit: cover; background: var(--rolling-soft); } .rs-scope-vorota-rulonnye .rolling-step__num { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; margin-bottom: 11px; border-radius: 50%; background: var(--rolling-soft); color: var(--rolling-green); font-weight: 700; } .rs-scope-vorota-rulonnye .rolling-cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: center; border-color: #cfe3da; background: var(--rolling-soft); } .rs-scope-vorota-rulonnye .rolling-cta h2 { margin-bottom: 8px; } .rs-scope-vorota-rulonnye .rolling-cta p { color: var(--rolling-muted); } .rs-scope-vorota-rulonnye .rolling-faq { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .rs-scope-vorota-rulonnye .rolling-faq summary { cursor: pointer; color: var(--rolling-ink); font-weight: 700; line-height: 1.35; } .rs-scope-vorota-rulonnye .rolling-faq p { margin-top: 10px; color: var(--rolling-muted); } .rs-scope-vorota-rulonnye .rolling-links { display: flex; flex-wrap: wrap; gap: 10px; } .rs-scope-vorota-rulonnye .rolling-link { display: inline-flex; align-items: center; min-height: 40px; padding: 9px 12px; border: 1px solid #cfe3da; border-radius: 6px; background: #fff; color: var(--rolling-green); font-weight: 700; text-decoration: none; } .rs-scope-vorota-rulonnye .rolling-page a.rolling-link:visited { color: var(--rolling-green); } .rs-scope-vorota-rulonnye .rolling-link:hover { background: #eef7f2; text-decoration: none; } @media (max-width: 920px) {.rs-scope-vorota-rulonnye .rolling-grid, .rs-scope-vorota-rulonnye .rolling-facts, .rs-scope-vorota-rulonnye .rolling-options, .rs-scope-vorota-rulonnye .rolling-scenarios, .rs-scope-vorota-rulonnye .rolling-mini-grid, .rs-scope-vorota-rulonnye .rolling-series, .rs-scope-vorota-rulonnye .rolling-mounts, .rs-scope-vorota-rulonnye .rolling-media-row, .rs-scope-vorota-rulonnye .rolling-automation, .rs-scope-vorota-rulonnye .rolling-faq, .rs-scope-vorota-rulonnye .rolling-cta { grid-template-columns: 1fr; } .rs-scope-vorota-rulonnye .rolling-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-vorota-rulonnye .rolling-cta .rolling-actions { margin-top: 0; }} @media (max-width: 560px) {.rs-scope-vorota-rulonnye .rolling-page { font-size: 15px; line-height: 1.55; } .rs-scope-vorota-rulonnye .rolling-section { margin: 34px 0; } .rs-scope-vorota-rulonnye .rolling-page h2, .rs-scope-vorota-rulonnye .rolling-page .rolling-hero-title { font-size: 25px; } .rs-scope-vorota-rulonnye .rolling-hero-title { font-size: 28px; } .rs-scope-vorota-rulonnye .rolling-hero__lead, .rs-scope-vorota-rulonnye .rolling-section-head p { font-size: 16px; } .rs-scope-vorota-rulonnye .rolling-hero__media img { min-height: 230px; } .rs-scope-vorota-rulonnye .rolling-swatches, .rs-scope-vorota-rulonnye .rolling-steps { grid-template-columns: 1fr; } .rs-scope-vorota-rulonnye .rolling-actions, .rs-scope-vorota-rulonnye .rolling-btn { width: 100%; } .rs-scope-vorota-rulonnye .rolling-btn { padding-left: 14px; padding-right: 14px; }} .rs-scope-vorota-rulonnye .alutech-calc-section { margin: 0 0 32px; padding: 26px; border: 1px solid rgba(20, 41, 58, 0.12); border-radius: 8px; background: #fff; box-shadow: 0 18px 48px rgba(20, 41, 58, 0.08); } .rs-scope-vorota-rulonnye .alutech-calc-section__head { max-width: 860px; margin: 0 0 20px; } .rs-scope-vorota-rulonnye .alutech-calc-section__eyebrow { display: block; margin: 0 0 7px; color: #1f6f8b; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0; } .rs-scope-vorota-rulonnye .alutech-calc-section h2 { margin: 0 0 10px; color: #14293a; font-size: 34px; line-height: 1.15; } .rs-scope-vorota-rulonnye .alutech-calc-section p { margin: 0; color: #516273; font-size: 16px; line-height: 1.6; } .rs-scope-vorota-rulonnye .alutech-calc-section__frame { overflow: hidden; min-height: 360px; border: 1px solid rgba(20, 41, 58, 0.1); border-radius: 8px; background: #f7fafc; } .rs-scope-vorota-rulonnye .alutech-calc-section #alutech-calc { min-height: 360px; } .rs-scope-vorota-rulonnye .alutech-calc-section iframe { display: block; width: 100%; } @media (max-width: 640px) {.rs-scope-vorota-rulonnye .alutech-calc-section { margin-bottom: 24px; padding: 16px; } .rs-scope-vorota-rulonnye .alutech-calc-section h2 { font-size: 24px; } .rs-scope-vorota-rulonnye .alutech-calc-section__frame, .rs-scope-vorota-rulonnye .alutech-calc-section #alutech-calc { min-height: 420px; }} /* Source: /vorota/sektsionnye/index.php; Scope: .rs-scope-vorota-sektsionnye; blocks: 1 */ .rs-scope-vorota-sektsionnye .sg-page { --sg-red: #e30613; --sg-green: #20734a; --sg-ink: #1f2e34; --sg-muted: #5d6b72; --sg-line: #dbe5e8; --sg-soft: #f4f7f8; --sg-soft-green: #edf7f2; --sg-warm: #fff8ec; color: #26343c; font-family: inherit; font-size: 16px; line-height: 1.55; } .rs-scope-vorota-sektsionnye .sg-page * { box-sizing: border-box; } .rs-scope-vorota-sektsionnye .sg-page img { display: block; max-width: 100%; height: auto; } .rs-scope-vorota-sektsionnye .sg-page h2, .rs-scope-vorota-sektsionnye .sg-page h3 { color: var(--sg-ink); line-height: 1.22; letter-spacing: 0; } .rs-scope-vorota-sektsionnye .sg-page p { margin-top: 0; } .rs-scope-vorota-sektsionnye .sg-section, .rs-scope-vorota-sektsionnye .sg-hero, .rs-scope-vorota-sektsionnye .sg-cta { width: 100%; max-width: 100%; margin: 0 auto 34px; } .rs-scope-vorota-sektsionnye .sg-hero { overflow: hidden; border: 1px solid var(--sg-line); border-radius: 8px; background: #fff; } .rs-scope-vorota-sektsionnye .sg-hero__media { aspect-ratio: 14 / 9; overflow: hidden; background: var(--sg-soft); } .rs-scope-vorota-sektsionnye .sg-hero__media img { width: 100%; height: 100%; object-fit: cover; } .rs-scope-vorota-sektsionnye .sg-hero__body { padding: 26px 24px 24px; } .rs-scope-vorota-sektsionnye .sg-eyebrow { margin: 0 0 10px !important; color: var(--sg-green) !important; font-size: 13px; font-weight: 700; line-height: 1.35 !important; text-transform: uppercase; } .rs-scope-vorota-sektsionnye .sg-title { margin: 0 0 14px; color: var(--sg-ink); font-size: 34px; line-height: 1.15; letter-spacing: 0; } .rs-scope-vorota-sektsionnye .sg-lead { max-width: 760px; margin: 0 0 18px !important; color: var(--sg-muted) !important; font-size: 17px; line-height: 1.55 !important; } .rs-scope-vorota-sektsionnye .sg-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; } .rs-scope-vorota-sektsionnye .sg-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 12px 18px; border: 1px solid var(--sg-red); border-radius: 6px; font-weight: 700; line-height: 1.2; text-align: center; text-decoration: none; } .rs-scope-vorota-sektsionnye .sg-btn--primary { background: var(--sg-red); color: #fff; } .rs-scope-vorota-sektsionnye .sg-page a.sg-btn--primary, .rs-scope-vorota-sektsionnye .sg-page a.sg-btn--primary:visited { color: #fff !important; } .rs-scope-vorota-sektsionnye .sg-btn--secondary { border-color: var(--sg-green); background: #fff; color: var(--sg-green); } .rs-scope-vorota-sektsionnye .sg-page a.sg-btn--secondary, .rs-scope-vorota-sektsionnye .sg-page a.sg-btn--secondary:visited { color: var(--sg-green) !important; } .rs-scope-vorota-sektsionnye .sg-page .sg-btn:hover { opacity: .88; text-decoration: none; } .rs-scope-vorota-sektsionnye .sg-note { margin: 12px 0 0 !important; color: var(--sg-muted) !important; font-size: 14px; line-height: 1.45 !important; } .rs-scope-vorota-sektsionnye .sg-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 20px 0 0; } .rs-scope-vorota-sektsionnye .sg-metric { min-height: 92px; padding: 14px; border: 1px solid #cfe3da; border-radius: 8px; background: var(--sg-soft-green); } .rs-scope-vorota-sektsionnye .sg-metric strong { display: block; margin-bottom: 5px; color: var(--sg-green); font-size: 22px; line-height: 1.1; } .rs-scope-vorota-sektsionnye .sg-metric span { display: block; color: var(--sg-muted); font-size: 13px; line-height: 1.35; } .rs-scope-vorota-sektsionnye .sg-head { display: block; margin-bottom: 16px; } .rs-scope-vorota-sektsionnye .sg-head h2, .rs-scope-vorota-sektsionnye .sg-section h2 { margin: 0 0 8px; font-size: 26px; } .rs-scope-vorota-sektsionnye .sg-head p { max-width: 735px; margin: 0; color: var(--sg-muted); } .rs-scope-vorota-sektsionnye .sg-grid { display: grid; gap: 14px; } .rs-scope-vorota-sektsionnye .sg-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .rs-scope-vorota-sektsionnye .sg-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-vorota-sektsionnye .sg-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .rs-scope-vorota-sektsionnye .sg-card, .rs-scope-vorota-sektsionnye .sg-panel, .rs-scope-vorota-sektsionnye .sg-photo-card, .rs-scope-vorota-sektsionnye .sg-faq details, .rs-scope-vorota-sektsionnye .sg-table-wrap, .rs-scope-vorota-sektsionnye .sg-band { border: 1px solid var(--sg-line); border-radius: 8px; background: #fff; } .rs-scope-vorota-sektsionnye .sg-card { padding: 18px; } .rs-scope-vorota-sektsionnye .sg-card--green { border-top: 4px solid var(--sg-green); } .rs-scope-vorota-sektsionnye .sg-card--warm { background: var(--sg-warm); border-color: #f0dfbd; } .rs-scope-vorota-sektsionnye .sg-card strong, .rs-scope-vorota-sektsionnye .sg-card h3, .rs-scope-vorota-sektsionnye .sg-photo-card strong, .rs-scope-vorota-sektsionnye .sg-panel strong { display: block; margin: 0 0 8px; color: var(--sg-ink); font-size: 17px; line-height: 1.25; } .rs-scope-vorota-sektsionnye .sg-card p, .rs-scope-vorota-sektsionnye .sg-photo-card p, .rs-scope-vorota-sektsionnye .sg-panel p { margin: 0; color: var(--sg-muted); line-height: 1.5; } .rs-scope-vorota-sektsionnye .sg-list { margin: 0; padding: 0; list-style: none; } .rs-scope-vorota-sektsionnye .sg-list li { position: relative; margin: 0 0 10px; padding-left: 17px; color: var(--sg-muted); line-height: 1.5; } .rs-scope-vorota-sektsionnye .sg-list li:last-child { margin-bottom: 0; } .rs-scope-vorota-sektsionnye .sg-list li:before { content: ""; position: absolute; top: .72em; left: 0; width: 7px; height: 7px; border-radius: 50%; background: var(--sg-green); } .rs-scope-vorota-sektsionnye .sg-series { overflow: hidden; } .rs-scope-vorota-sektsionnye .sg-series__image { display: flex; align-items: center; justify-content: center; min-height: 190px; padding: 12px; background: var(--sg-soft); } .rs-scope-vorota-sektsionnye .sg-series__image img { width: 100%; max-height: 210px; object-fit: contain; } .rs-scope-vorota-sektsionnye .sg-series__body { padding: 18px; } .rs-scope-vorota-sektsionnye .sg-badge { display: inline-flex; margin-bottom: 10px; padding: 5px 9px; border-radius: 6px; background: var(--sg-soft-green); color: var(--sg-green); font-size: 13px; font-weight: 700; line-height: 1.1; } .rs-scope-vorota-sektsionnye .sg-table-wrap { overflow-x: auto; margin-top: 14px; } .rs-scope-vorota-sektsionnye .sg-table { width: 100%; min-width: 680px; border-collapse: collapse; } .rs-scope-vorota-sektsionnye .sg-table th, .rs-scope-vorota-sektsionnye .sg-table td { padding: 12px; border-bottom: 1px solid var(--sg-line); text-align: left; vertical-align: top; } .rs-scope-vorota-sektsionnye .sg-table th { color: var(--sg-ink); font-weight: 700; background: var(--sg-soft); } .rs-scope-vorota-sektsionnye .sg-table td { color: var(--sg-muted); } .rs-scope-vorota-sektsionnye .sg-table tr:last-child th, .rs-scope-vorota-sektsionnye .sg-table tr:last-child td { border-bottom: 0; } .rs-scope-vorota-sektsionnye .sg-panel { overflow: hidden; } .rs-scope-vorota-sektsionnye .sg-panel__image { display: flex; align-items: center; justify-content: center; height: 150px; padding: 10px; background: var(--sg-soft); } .rs-scope-vorota-sektsionnye .sg-panel__image img { max-height: 130px; object-fit: contain; } .rs-scope-vorota-sektsionnye .sg-panel__body { padding: 14px; } .rs-scope-vorota-sektsionnye .sg-band { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; padding: 18px; background: #f8fbfa; } .rs-scope-vorota-sektsionnye .sg-band--media { grid-template-columns: minmax(0, 1.1fr) minmax(260px, .9fr); align-items: center; } .rs-scope-vorota-sektsionnye .sg-band img { width: 100%; border-radius: 6px; object-fit: cover; } .rs-scope-vorota-sektsionnye .sg-photo-card { overflow: hidden; } .rs-scope-vorota-sektsionnye .sg-photo-card__image { height: 190px; background: var(--sg-soft); } .rs-scope-vorota-sektsionnye .sg-photo-card__image img { width: 100%; height: 100%; object-fit: cover; } .rs-scope-vorota-sektsionnye .sg-photo-card__image--contain img { object-fit: contain; padding: 12px; } .rs-scope-vorota-sektsionnye .sg-photo-card__body { padding: 16px; } .rs-scope-vorota-sektsionnye .sg-colors { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin-top: 14px; } .rs-scope-vorota-sektsionnye .sg-color { min-height: 82px; padding: 10px; border: 1px solid var(--sg-line); border-radius: 8px; background: #fff; } .rs-scope-vorota-sektsionnye .sg-color i { display: block; width: 100%; height: 28px; margin-bottom: 8px; border: 1px solid rgba(0,0,0,.12); border-radius: 5px; } .rs-scope-vorota-sektsionnye .sg-color span { display: block; color: var(--sg-muted); font-size: 12px; line-height: 1.3; } .rs-scope-vorota-sektsionnye .sg-step { counter-reset: sgStep; } .rs-scope-vorota-sektsionnye .sg-step .sg-card { counter-increment: sgStep; position: relative; padding-top: 56px; } .rs-scope-vorota-sektsionnye .sg-step .sg-card:before { content: counter(sgStep); position: absolute; top: 18px; left: 18px; display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background: var(--sg-red); color: #fff; font-weight: 700; } .rs-scope-vorota-sektsionnye .sg-faq { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .rs-scope-vorota-sektsionnye .sg-faq details { padding: 16px; } .rs-scope-vorota-sektsionnye .sg-faq summary { cursor: pointer; color: var(--sg-ink); font-weight: 700; line-height: 1.35; } .rs-scope-vorota-sektsionnye .sg-faq p { margin: 10px 0 0; color: var(--sg-muted); } .rs-scope-vorota-sektsionnye .sg-links { display: flex; flex-wrap: wrap; gap: 10px; } .rs-scope-vorota-sektsionnye .sg-link { display: inline-flex; align-items: center; min-height: 40px; padding: 9px 12px; border: 1px solid #cfe3da; border-radius: 6px; background: #fff; color: var(--sg-green); font-weight: 700; line-height: 1.25; text-decoration: none; } .rs-scope-vorota-sektsionnye .sg-page a.sg-link, .rs-scope-vorota-sektsionnye .sg-page a.sg-link:visited { color: var(--sg-green) !important; } .rs-scope-vorota-sektsionnye .sg-cta-box { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 300px); gap: 18px; align-items: center; padding: 22px; border: 1px solid #cfe3da; border-radius: 8px; background: var(--sg-soft-green); } .rs-scope-vorota-sektsionnye .sg-cta-box h2 { margin: 0 0 8px; font-size: 24px; } .rs-scope-vorota-sektsionnye .sg-cta-box p { margin: 0; color: var(--sg-muted); } .rs-scope-vorota-sektsionnye .sg-cta-box .sg-actions { display: grid; grid-template-columns: 1fr; margin: 0; } @media (max-width: 920px) {.rs-scope-vorota-sektsionnye .sg-metrics, .rs-scope-vorota-sektsionnye .sg-grid--4, .rs-scope-vorota-sektsionnye .sg-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-vorota-sektsionnye .sg-band--media, .rs-scope-vorota-sektsionnye .sg-cta-box { grid-template-columns: 1fr; } .rs-scope-vorota-sektsionnye .sg-colors { grid-template-columns: repeat(3, minmax(0, 1fr)); }} @media (max-width: 560px) {.rs-scope-vorota-sektsionnye .sg-section, .rs-scope-vorota-sektsionnye .sg-hero, .rs-scope-vorota-sektsionnye .sg-cta { margin-bottom: 26px; } .rs-scope-vorota-sektsionnye .sg-hero__media { aspect-ratio: 4 / 3; } .rs-scope-vorota-sektsionnye .sg-hero__body { padding: 20px 18px; } .rs-scope-vorota-sektsionnye .sg-title { font-size: 25px; } .rs-scope-vorota-sektsionnye .sg-lead { font-size: 15px; } .rs-scope-vorota-sektsionnye .sg-head h2, .rs-scope-vorota-sektsionnye .sg-section h2 { font-size: 23px; } .rs-scope-vorota-sektsionnye .sg-metrics, .rs-scope-vorota-sektsionnye .sg-grid--2, .rs-scope-vorota-sektsionnye .sg-grid--3, .rs-scope-vorota-sektsionnye .sg-grid--4, .rs-scope-vorota-sektsionnye .sg-faq, .rs-scope-vorota-sektsionnye .sg-colors { grid-template-columns: 1fr; } .rs-scope-vorota-sektsionnye .sg-actions, .rs-scope-vorota-sektsionnye .sg-btn { width: 100%; } .rs-scope-vorota-sektsionnye .sg-photo-card__image { height: 175px; } .rs-scope-vorota-sektsionnye .sg-table-wrap { overflow-x: visible; } .rs-scope-vorota-sektsionnye .sg-table, .rs-scope-vorota-sektsionnye .sg-table tbody, .rs-scope-vorota-sektsionnye .sg-table tr, .rs-scope-vorota-sektsionnye .sg-table th, .rs-scope-vorota-sektsionnye .sg-table td { display: block; width: 100%; min-width: 0; } .rs-scope-vorota-sektsionnye .sg-table tr:first-child { display: none; } .rs-scope-vorota-sektsionnye .sg-table tr { padding: 12px; border-bottom: 1px solid var(--sg-line); } .rs-scope-vorota-sektsionnye .sg-table tr:last-child { border-bottom: 0; } .rs-scope-vorota-sektsionnye .sg-table th, .rs-scope-vorota-sektsionnye .sg-table td { padding: 0; border-bottom: 0; } .rs-scope-vorota-sektsionnye .sg-table td:first-child { margin-bottom: 8px; color: var(--sg-ink); font-weight: 700; } .rs-scope-vorota-sektsionnye .sg-table td:nth-child(2), .rs-scope-vorota-sektsionnye .sg-table td:nth-child(3) { display: grid; grid-template-columns: 82px minmax(0, 1fr); gap: 10px; padding-top: 7px; } .rs-scope-vorota-sektsionnye .sg-table td:nth-child(2):before { content: "Prestige"; color: var(--sg-green); font-weight: 700; } .rs-scope-vorota-sektsionnye .sg-table td:nth-child(3):before { content: "Trend"; color: var(--sg-green); font-weight: 700; }} .rs-scope-vorota-sektsionnye .alutech-calc-section { margin: 0 0 32px; padding: 26px; border: 1px solid rgba(20, 41, 58, 0.12); border-radius: 8px; background: #fff; box-shadow: 0 18px 48px rgba(20, 41, 58, 0.08); } .rs-scope-vorota-sektsionnye .alutech-calc-section__head { max-width: 860px; margin: 0 0 20px; } .rs-scope-vorota-sektsionnye .alutech-calc-section__eyebrow { display: block; margin: 0 0 7px; color: #1f6f8b; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0; } .rs-scope-vorota-sektsionnye .alutech-calc-section h2 { margin: 0 0 10px; color: #14293a; font-size: 34px; line-height: 1.15; } .rs-scope-vorota-sektsionnye .alutech-calc-section p { margin: 0; color: #516273; font-size: 16px; line-height: 1.6; } .rs-scope-vorota-sektsionnye .alutech-calc-section__frame { overflow: hidden; min-height: 360px; border: 1px solid rgba(20, 41, 58, 0.1); border-radius: 8px; background: #f7fafc; } .rs-scope-vorota-sektsionnye .alutech-calc-section #alutech-calc { min-height: 360px; } .rs-scope-vorota-sektsionnye .alutech-calc-section iframe { display: block; width: 100%; } @media (max-width: 640px) {.rs-scope-vorota-sektsionnye .alutech-calc-section { margin-bottom: 24px; padding: 16px; } .rs-scope-vorota-sektsionnye .alutech-calc-section h2 { font-size: 24px; } .rs-scope-vorota-sektsionnye .alutech-calc-section__frame, .rs-scope-vorota-sektsionnye .alutech-calc-section #alutech-calc { min-height: 420px; }} /* Source: /vorota/skorostnye/index.php; Scope: .rs-scope-vorota-skorostnye; blocks: 1 */ .rs-scope-vorota-skorostnye .speed-page { --rs-red: #e30613; --rs-ink: #1e2d35; --rs-text: #31424a; --rs-muted: #5d6d74; --rs-line: #dce6ea; --rs-soft: #f3f7f6; --rs-soft-green: #edf7f1; --rs-green: #1f8b4c; --rs-blue: #2f83a6; max-width: 847px; margin: 0 auto; color: var(--rs-text); font-family: inherit; font-size: 16px; line-height: 1.55; overflow-wrap: break-word; } .rs-scope-vorota-skorostnye .speed-page * { box-sizing: border-box; } .rs-scope-vorota-skorostnye .speed-page img { display: block; max-width: 100%; height: auto; } .rs-scope-vorota-skorostnye .speed-page h2, .rs-scope-vorota-skorostnye .speed-page h3, .rs-scope-vorota-skorostnye .speed-page h4 { margin: 0; color: var(--rs-ink); line-height: 1.2; letter-spacing: 0; } .rs-scope-vorota-skorostnye .speed-page p { margin: 0; } .rs-scope-vorota-skorostnye .speed-page a { text-decoration: none; } .rs-scope-vorota-skorostnye .speed-section, .rs-scope-vorota-skorostnye .speed-cta, .rs-scope-vorota-skorostnye .speed-hero { margin: 0 0 32px; } .rs-scope-vorota-skorostnye .speed-hero { display: grid; grid-template-columns: 1fr; gap: 20px; align-items: stretch; padding: 22px; border: 1px solid #d7e5e0; border-left: 5px solid var(--rs-red); border-radius: 8px; background: var(--rs-soft); } .rs-scope-vorota-skorostnye .speed-hero__body { min-width: 0; display: flex; flex-direction: column; justify-content: center; } .rs-scope-vorota-skorostnye .speed-eyebrow { margin: 0 0 9px; color: var(--rs-green); font-size: 13px; font-weight: 700; text-transform: uppercase; } .rs-scope-vorota-skorostnye .speed-hero__title { margin: 0 0 12px; font-size: 30px; } .rs-scope-vorota-skorostnye .speed-lead { color: var(--rs-muted); font-size: 17px; } .rs-scope-vorota-skorostnye .speed-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; } .rs-scope-vorota-skorostnye .speed-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; min-width: 178px; padding: 12px 18px; border: 1px solid var(--rs-red); border-radius: 6px; font-weight: 700; line-height: 1.2; text-align: center; } .rs-scope-vorota-skorostnye .speed-btn--primary, .rs-scope-vorota-skorostnye .speed-page a.speed-btn--primary:visited { background: var(--rs-red); border-color: var(--rs-red); color: #fff !important; } .rs-scope-vorota-skorostnye .speed-btn--secondary, .rs-scope-vorota-skorostnye .speed-page a.speed-btn--secondary:visited { background: #fff; border-color: var(--rs-green); color: var(--rs-green) !important; } .rs-scope-vorota-skorostnye .speed-page .speed-btn:hover { opacity: .88; text-decoration: none; } .rs-scope-vorota-skorostnye .speed-note { margin-top: 13px; color: var(--rs-muted); font-size: 14px; line-height: 1.45; } .rs-scope-vorota-skorostnye .speed-hero__media { aspect-ratio: 16 / 9; max-width: 100%; width: 100%; order: -1; min-height: 310px; overflow: hidden; border-radius: 8px; background: #dfe7ea; } .rs-scope-vorota-skorostnye .speed-hero__media img { width: 100%; height: 100%; min-height: 310px; object-fit: cover; } .rs-scope-vorota-skorostnye .speed-head { margin-bottom: 16px; } .rs-scope-vorota-skorostnye .speed-head h2 { margin-bottom: 8px; font-size: 25px; } .rs-scope-vorota-skorostnye .speed-head p { color: var(--rs-muted); } .rs-scope-vorota-skorostnye .speed-specs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; } .rs-scope-vorota-skorostnye .speed-spec { padding: 14px; border: 1px solid #cfe3da; border-radius: 8px; background: var(--rs-soft-green); } .rs-scope-vorota-skorostnye .speed-spec b { display: block; margin-bottom: 4px; color: var(--rs-green); font-size: 20px; line-height: 1.1; } .rs-scope-vorota-skorostnye .speed-spec span { display: block; color: var(--rs-muted); font-size: 13px; line-height: 1.35; } .rs-scope-vorota-skorostnye .speed-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .rs-scope-vorota-skorostnye .speed-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); } .rs-scope-vorota-skorostnye .speed-card, .rs-scope-vorota-skorostnye .speed-series, .rs-scope-vorota-skorostnye .speed-option, .rs-scope-vorota-skorostnye .speed-faq details, .rs-scope-vorota-skorostnye .speed-step, .rs-scope-vorota-skorostnye .speed-panel, .rs-scope-vorota-skorostnye .speed-scenario { border: 1px solid var(--rs-line); border-radius: 8px; background: #fff; } .rs-scope-vorota-skorostnye .speed-card { padding: 17px; } .rs-scope-vorota-skorostnye .speed-card--accent { border-top: 3px solid var(--rs-green); } .rs-scope-vorota-skorostnye .speed-card strong, .rs-scope-vorota-skorostnye .speed-panel h3 { display: block; margin-bottom: 7px; color: var(--rs-ink); font-size: 17px; line-height: 1.25; } .rs-scope-vorota-skorostnye .speed-card p, .rs-scope-vorota-skorostnye .speed-series p, .rs-scope-vorota-skorostnye .speed-option p, .rs-scope-vorota-skorostnye .speed-panel p, .rs-scope-vorota-skorostnye .speed-step p, .rs-scope-vorota-skorostnye .speed-faq p, .rs-scope-vorota-skorostnye .speed-scenario p { color: var(--rs-muted); } .rs-scope-vorota-skorostnye .speed-card img, .rs-scope-vorota-skorostnye .speed-option img, .rs-scope-vorota-skorostnye .speed-scenario img { width: 100%; aspect-ratio: 16 / 10; margin-bottom: 13px; border-radius: 6px; object-fit: cover; background: var(--rs-soft); } .rs-scope-vorota-skorostnye .speed-series-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .rs-scope-vorota-skorostnye .speed-series { overflow: hidden; } .rs-scope-vorota-skorostnye .speed-series img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; background: var(--rs-soft); } .rs-scope-vorota-skorostnye .speed-series__body { padding: 16px; } .rs-scope-vorota-skorostnye .speed-series h3 { margin-bottom: 8px; font-size: 19px; } .rs-scope-vorota-skorostnye .speed-list { margin: 12px 0 0; padding: 0; list-style: none; } .rs-scope-vorota-skorostnye .speed-list li { position: relative; padding-left: 18px; color: var(--rs-muted); font-size: 14px; line-height: 1.45; } .rs-scope-vorota-skorostnye .speed-list li + li { margin-top: 7px; } .rs-scope-vorota-skorostnye .speed-list li::before { content: ""; position: absolute; left: 0; top: .62em; width: 7px; height: 7px; border-radius: 50%; background: var(--rs-green); } .rs-scope-vorota-skorostnye .speed-table-wrap { overflow-x: auto; border: 1px solid var(--rs-line); border-radius: 8px; background: #fff; } .rs-scope-vorota-skorostnye .speed-table { width: 100%; min-width: 690px; border-collapse: collapse; font-size: 14px; } .rs-scope-vorota-skorostnye .speed-table th, .rs-scope-vorota-skorostnye .speed-table td { padding: 12px; border-bottom: 1px solid var(--rs-line); text-align: left; vertical-align: top; } .rs-scope-vorota-skorostnye .speed-table th { color: var(--rs-ink); background: var(--rs-soft); font-weight: 700; } .rs-scope-vorota-skorostnye .speed-table tr:last-child td { border-bottom: 0; } .rs-scope-vorota-skorostnye .speed-table td { color: var(--rs-muted); } .rs-scope-vorota-skorostnye .speed-table b { color: var(--rs-ink); } .rs-scope-vorota-skorostnye .speed-chip-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; } .rs-scope-vorota-skorostnye .speed-chip { display: inline-flex; align-items: center; min-height: 30px; padding: 6px 10px; border: 1px solid #cfe3da; border-radius: 999px; background: #fff; color: var(--rs-muted); font-size: 13px; line-height: 1.2; } .rs-scope-vorota-skorostnye .speed-scenarios, .rs-scope-vorota-skorostnye .speed-options, .rs-scope-vorota-skorostnye .speed-process { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .rs-scope-vorota-skorostnye .speed-scenario { overflow: hidden; } .rs-scope-vorota-skorostnye .speed-scenario img { margin: 0; border-radius: 0; } .rs-scope-vorota-skorostnye .speed-scenario__body { padding: 16px; } .rs-scope-vorota-skorostnye .speed-scenario h3 { margin-bottom: 8px; font-size: 18px; } .rs-scope-vorota-skorostnye .speed-panel { padding: 17px; } .rs-scope-vorota-skorostnye .speed-swatches { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-top: 14px; } .rs-scope-vorota-skorostnye .speed-swatch { display: flex; align-items: center; gap: 9px; min-width: 0; color: var(--rs-muted); font-size: 14px; } .rs-scope-vorota-skorostnye .speed-swatch i { flex: 0 0 22px; width: 22px; height: 22px; border: 1px solid rgba(30, 45, 53, .2); border-radius: 50%; } .rs-scope-vorota-skorostnye .speed-option { padding: 15px; } .rs-scope-vorota-skorostnye .speed-option h3 { margin-bottom: 7px; font-size: 17px; } .rs-scope-vorota-skorostnye .speed-process { counter-reset: steps; } .rs-scope-vorota-skorostnye .speed-step { position: relative; padding: 16px 16px 16px 54px; } .rs-scope-vorota-skorostnye .speed-step::before { counter-increment: steps; content: counter(steps); position: absolute; left: 16px; top: 16px; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--rs-green); color: #fff; font-weight: 700; } .rs-scope-vorota-skorostnye .speed-step h3 { margin-bottom: 6px; font-size: 17px; } .rs-scope-vorota-skorostnye .speed-cta-box { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; align-items: center; padding: 20px; border: 1px solid #cfe3da; border-radius: 8px; background: #f7fbf9; } .rs-scope-vorota-skorostnye .speed-cta-box h2 { margin-bottom: 7px; font-size: 23px; } .rs-scope-vorota-skorostnye .speed-cta-box p { color: var(--rs-muted); } .rs-scope-vorota-skorostnye .speed-faq { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .rs-scope-vorota-skorostnye .speed-faq details { padding: 15px; } .rs-scope-vorota-skorostnye .speed-faq summary { cursor: pointer; color: var(--rs-ink); font-weight: 700; line-height: 1.35; } .rs-scope-vorota-skorostnye .speed-faq p { margin-top: 10px; } .rs-scope-vorota-skorostnye .speed-links { display: flex; flex-wrap: wrap; gap: 9px; } .rs-scope-vorota-skorostnye .speed-link { display: inline-flex; align-items: center; min-height: 38px; padding: 8px 12px; border: 1px solid #cfe3da; border-radius: 6px; background: #fff; color: var(--rs-green); line-height: 1.2; } .rs-scope-vorota-skorostnye .speed-page a.speed-link, .rs-scope-vorota-skorostnye .speed-page a.speed-link:visited { color: var(--rs-green) !important; } .rs-scope-vorota-skorostnye .speed-link:hover { text-decoration: none; border-color: var(--rs-green); } @media (max-width: 900px) {.rs-scope-vorota-skorostnye .speed-page { max-width: 100%; } .rs-scope-vorota-skorostnye .speed-hero { grid-template-columns: 1fr; } .rs-scope-vorota-skorostnye .speed-hero__media { aspect-ratio: 16 / 9; max-width: 100%; width: 100%; order: -1; min-height: 260px; } .rs-scope-vorota-skorostnye .speed-hero__media img { min-height: 260px; } .rs-scope-vorota-skorostnye .speed-grid--three, .rs-scope-vorota-skorostnye .speed-specs { grid-template-columns: repeat(2, minmax(0, 1fr)); }} @media (max-width: 620px) {.rs-scope-vorota-skorostnye .speed-page { font-size: 15px; } .rs-scope-vorota-skorostnye .speed-section, .rs-scope-vorota-skorostnye .speed-cta, .rs-scope-vorota-skorostnye .speed-hero { margin-bottom: 24px; } .rs-scope-vorota-skorostnye .speed-hero { padding: 16px; gap: 16px; } .rs-scope-vorota-skorostnye .speed-hero__title { font-size: 24px; } .rs-scope-vorota-skorostnye .speed-lead { font-size: 15px; } .rs-scope-vorota-skorostnye .speed-hero__media, .rs-scope-vorota-skorostnye .speed-hero__media img { min-height: 210px; } .rs-scope-vorota-skorostnye .speed-grid, .rs-scope-vorota-skorostnye .speed-grid--three, .rs-scope-vorota-skorostnye .speed-series-grid, .rs-scope-vorota-skorostnye .speed-scenarios, .rs-scope-vorota-skorostnye .speed-options, .rs-scope-vorota-skorostnye .speed-process, .rs-scope-vorota-skorostnye .speed-faq, .rs-scope-vorota-skorostnye .speed-specs, .rs-scope-vorota-skorostnye .speed-swatches, .rs-scope-vorota-skorostnye .speed-cta-box { grid-template-columns: 1fr; } .rs-scope-vorota-skorostnye .speed-head h2 { font-size: 22px; } .rs-scope-vorota-skorostnye .speed-actions { width: 100%; } .rs-scope-vorota-skorostnye .speed-btn { width: 100%; min-width: 0; } .rs-scope-vorota-skorostnye .speed-cta-box { padding: 16px; } .rs-scope-vorota-skorostnye .speed-card, .rs-scope-vorota-skorostnye .speed-panel { padding: 15px; } .rs-scope-vorota-skorostnye .speed-table-wrap { overflow: visible; border: 0; background: transparent; } .rs-scope-vorota-skorostnye .speed-table { min-width: 0; border-collapse: separate; border-spacing: 0 10px; font-size: 14px; } .rs-scope-vorota-skorostnye .speed-table thead { display: none; } .rs-scope-vorota-skorostnye .speed-table, .rs-scope-vorota-skorostnye .speed-table tbody, .rs-scope-vorota-skorostnye .speed-table tr, .rs-scope-vorota-skorostnye .speed-table td { display: block; width: 100%; } .rs-scope-vorota-skorostnye .speed-table tr { padding: 14px; border: 1px solid var(--rs-line); border-radius: 8px; background: #fff; } .rs-scope-vorota-skorostnye .speed-table td { display: grid; grid-template-columns: 106px minmax(0, 1fr); gap: 10px; padding: 6px 0; border-bottom: 0; } .rs-scope-vorota-skorostnye .speed-table td::before { content: attr(data-label); color: var(--rs-ink); font-weight: 700; }} /* Source: /vorota/zabory/index.php; Scope: .rs-scope-vorota-zabory; blocks: 1 */ .rs-scope-vorota-zabory .rs-gate-page { --rs-red: #e30613; --rs-ink: #1f3038; --rs-text: #31424b; --rs-muted: #667780; --rs-line: #dbe5e3; --rs-soft: #f4f8f6; --rs-green: #27834f; --rs-green-soft: #eaf5ef; max-width: 847px; margin: 0 auto; color: var(--rs-text); font-family: inherit; font-size: 16px; line-height: 1.55; } .rs-scope-vorota-zabory .rs-gate-page * { box-sizing: border-box; } .rs-scope-vorota-zabory .rs-gate-page img { display: block; max-width: 100%; height: auto; } .rs-scope-vorota-zabory .rs-gate-page h2, .rs-scope-vorota-zabory .rs-gate-page h3 { margin: 0; color: var(--rs-ink); line-height: 1.22; letter-spacing: 0; } .rs-scope-vorota-zabory .rs-gate-page p { margin: 0; } .rs-scope-vorota-zabory .rs-section, .rs-scope-vorota-zabory .rs-hero, .rs-scope-vorota-zabory .rs-cta { margin: 0 0 30px; } .rs-scope-vorota-zabory .rs-hero { display: grid; grid-template-columns: 1fr; gap: 22px; align-items: stretch; padding: 22px; border: 1px solid var(--rs-line); border-left: 5px solid var(--rs-red); border-radius: 8px; background: linear-gradient(0deg, #fff, var(--rs-soft)); } .rs-scope-vorota-zabory .rs-hero__copy { min-width: 0; display: flex; flex-direction: column; justify-content: center; } .rs-scope-vorota-zabory .rs-eyebrow { margin-bottom: 9px; color: var(--rs-green); font-size: 13px; font-weight: 700; text-transform: uppercase; } .rs-scope-vorota-zabory .rs-hero h2 { margin-bottom: 12px; font-size: 30px; } .rs-scope-vorota-zabory .rs-lead { margin-bottom: 18px; color: var(--rs-muted); font-size: 17px; } .rs-scope-vorota-zabory .rs-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; } .rs-scope-vorota-zabory .rs-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 12px 18px; border-radius: 6px; border: 1px solid var(--rs-red); font-weight: 700; line-height: 1.2; text-align: center; text-decoration: none; } .rs-scope-vorota-zabory .rs-btn--primary, .rs-scope-vorota-zabory .rs-gate-page a.rs-btn--primary:visited { background: var(--rs-red); color: #fff !important; } .rs-scope-vorota-zabory .rs-btn--secondary, .rs-scope-vorota-zabory .rs-gate-page a.rs-btn--secondary:visited { border-color: var(--rs-green); background: #fff; color: var(--rs-green) !important; } .rs-scope-vorota-zabory .rs-gate-page .rs-btn:hover { opacity: .88; text-decoration: none; } .rs-scope-vorota-zabory .rs-note { margin-top: 13px; color: var(--rs-muted); font-size: 14px; } .rs-scope-vorota-zabory .rs-hero__media { aspect-ratio: 16 / 9; max-width: 100%; width: 100%; order: -1; overflow: hidden; border-radius: 8px; background: #e7ecef; } .rs-scope-vorota-zabory .rs-hero__media img { width: 100%; height: 100%; min-height: 285px; object-fit: cover; } .rs-scope-vorota-zabory .rs-section-head { margin-bottom: 15px; } .rs-scope-vorota-zabory .rs-section-head h2 { margin-bottom: 7px; font-size: 25px; } .rs-scope-vorota-zabory .rs-section-head p { color: var(--rs-muted); } .rs-scope-vorota-zabory .rs-grid { display: grid; gap: 14px; } .rs-scope-vorota-zabory .rs-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-vorota-zabory .rs-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .rs-scope-vorota-zabory .rs-card, .rs-scope-vorota-zabory .rs-fact, .rs-scope-vorota-zabory .rs-media-card, .rs-scope-vorota-zabory .rs-compare__row, .rs-scope-vorota-zabory .rs-faq details { border: 1px solid var(--rs-line); border-radius: 8px; background: #fff; } .rs-scope-vorota-zabory .rs-fact { padding: 17px; border-top: 3px solid var(--rs-green); } .rs-scope-vorota-zabory .rs-card { padding: 18px; } .rs-scope-vorota-zabory .rs-card h3, .rs-scope-vorota-zabory .rs-fact h3, .rs-scope-vorota-zabory .rs-media-card h3 { margin-bottom: 7px; font-size: 17px; } .rs-scope-vorota-zabory .rs-fact h3 { color: var(--rs-green); } .rs-scope-vorota-zabory .rs-card p, .rs-scope-vorota-zabory .rs-fact p, .rs-scope-vorota-zabory .rs-media-card p, .rs-scope-vorota-zabory .rs-list li, .rs-scope-vorota-zabory .rs-compare__row p { color: var(--rs-muted); } .rs-scope-vorota-zabory .rs-compare { display: grid; gap: 10px; } .rs-scope-vorota-zabory .rs-compare__row { display: grid; grid-template-columns: 145px minmax(0, 1fr) minmax(0, 1fr); gap: 14px; padding: 16px; } .rs-scope-vorota-zabory .rs-compare__row--head { border-color: #cfe2d8; background: var(--rs-green-soft); color: var(--rs-ink); font-weight: 700; } .rs-scope-vorota-zabory .rs-compare__row strong { display: block; color: var(--rs-ink); } .rs-scope-vorota-zabory .rs-compare__row p { margin-top: 4px; } .rs-scope-vorota-zabory .rs-media-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .rs-scope-vorota-zabory .rs-media-card { overflow: hidden; } .rs-scope-vorota-zabory .rs-media-card img { width: 100%; height: 210px; object-fit: cover; background: var(--rs-soft); } .rs-scope-vorota-zabory .rs-media-card__body { padding: 15px; } .rs-scope-vorota-zabory .rs-list { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; } .rs-scope-vorota-zabory .rs-list li { position: relative; padding-left: 18px; } .rs-scope-vorota-zabory .rs-list li::before { content: ""; position: absolute; left: 0; top: .68em; width: 7px; height: 7px; border-radius: 50%; background: var(--rs-green); } .rs-scope-vorota-zabory .rs-mini { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; } .rs-scope-vorota-zabory .rs-swatch { min-height: 58px; padding: 9px; border: 1px solid var(--rs-line); border-radius: 8px; background: #fff; color: var(--rs-ink); font-size: 12px; line-height: 1.25; } .rs-scope-vorota-zabory .rs-swatch::before { content: ""; display: block; height: 18px; margin-bottom: 7px; border-radius: 4px; border: 1px solid rgba(0,0,0,.12); background: var(--swatch, #fff); } .rs-scope-vorota-zabory .rs-cta-box { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: center; padding: 20px; border: 1px solid #cfe2d8; border-radius: 8px; background: #f7fbf9; } .rs-scope-vorota-zabory .rs-cta-box h2 { margin-bottom: 7px; font-size: 24px; } .rs-scope-vorota-zabory .rs-cta-box p { color: var(--rs-muted); } .rs-scope-vorota-zabory .rs-links { display: flex; flex-wrap: wrap; gap: 10px; } .rs-scope-vorota-zabory .rs-link, .rs-scope-vorota-zabory .rs-gate-page a.rs-link:visited { display: inline-flex; padding: 9px 12px; border: 1px solid #cfe2d8; border-radius: 6px; background: #fff; color: var(--rs-green) !important; text-decoration: none; } .rs-scope-vorota-zabory .rs-faq { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .rs-scope-vorota-zabory .rs-faq details { padding: 15px; } .rs-scope-vorota-zabory .rs-faq summary { cursor: pointer; color: var(--rs-ink); font-weight: 700; line-height: 1.35; } .rs-scope-vorota-zabory .rs-faq p { margin-top: 10px; color: var(--rs-muted); } @media (max-width: 760px) {.rs-scope-vorota-zabory .rs-hero, .rs-scope-vorota-zabory .rs-cta-box { grid-template-columns: 1fr; } .rs-scope-vorota-zabory .rs-hero__media img { min-height: 230px; } .rs-scope-vorota-zabory .rs-grid--3, .rs-scope-vorota-zabory .rs-media-grid, .rs-scope-vorota-zabory .rs-faq { grid-template-columns: 1fr; } .rs-scope-vorota-zabory .rs-compare__row, .rs-scope-vorota-zabory .rs-compare__row--head { grid-template-columns: 1fr; gap: 8px; } .rs-scope-vorota-zabory .rs-compare__row--head { display: none; }} @media (max-width: 560px) {.rs-scope-vorota-zabory .rs-gate-page { font-size: 15px; } .rs-scope-vorota-zabory .rs-section, .rs-scope-vorota-zabory .rs-hero, .rs-scope-vorota-zabory .rs-cta { margin-bottom: 24px; } .rs-scope-vorota-zabory .rs-hero { padding: 16px; gap: 16px; } .rs-scope-vorota-zabory .rs-hero h2 { font-size: 25px; } .rs-scope-vorota-zabory .rs-lead { font-size: 15px; } .rs-scope-vorota-zabory .rs-grid--2, .rs-scope-vorota-zabory .rs-mini { grid-template-columns: 1fr; } .rs-scope-vorota-zabory .rs-actions, .rs-scope-vorota-zabory .rs-btn { width: 100%; } .rs-scope-vorota-zabory .rs-media-card img { height: 190px; }} .rs-scope-vorota-zabory .alutech-calc-section { margin: 0 0 32px; padding: 26px; border: 1px solid rgba(20, 41, 58, 0.12); border-radius: 8px; background: #fff; box-shadow: 0 18px 48px rgba(20, 41, 58, 0.08); } .rs-scope-vorota-zabory .alutech-calc-section__head { max-width: 860px; margin: 0 0 20px; } .rs-scope-vorota-zabory .alutech-calc-section__eyebrow { display: block; margin: 0 0 7px; color: #1f6f8b; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0; } .rs-scope-vorota-zabory .alutech-calc-section h2 { margin: 0 0 10px; color: #14293a; font-size: 34px; line-height: 1.15; } .rs-scope-vorota-zabory .alutech-calc-section p { margin: 0; color: #516273; font-size: 16px; line-height: 1.6; } .rs-scope-vorota-zabory .alutech-calc-section__frame { overflow: hidden; min-height: 360px; border: 1px solid rgba(20, 41, 58, 0.1); border-radius: 8px; background: #f7fafc; } .rs-scope-vorota-zabory .alutech-calc-section #alutech-calc { min-height: 360px; } .rs-scope-vorota-zabory .alutech-calc-section iframe { display: block; width: 100%; } @media (max-width: 640px) {.rs-scope-vorota-zabory .alutech-calc-section { margin-bottom: 24px; padding: 16px; } .rs-scope-vorota-zabory .alutech-calc-section h2 { font-size: 24px; } .rs-scope-vorota-zabory .alutech-calc-section__frame, .rs-scope-vorota-zabory .alutech-calc-section #alutech-calc { min-height: 420px; }} /* ROLSISTEM product layout refresh: full-width hero and immediate facts. */ .rs-product-page { --rs-product-hero-bg: #13262e; --rs-product-fact-bg: #eaf5f0; --rs-product-fact-line: #c9dfd6; --rs-product-fact-accent: #1f6d53; } .rs-product-page .rs-product-hero { position: relative !important; isolation: isolate; display: block !important; grid-template-columns: none !important; width: 100% !important; max-width: none !important; min-height: 460px; margin: 0 !important; padding: 0 !important; overflow: hidden; border: 0 !important; border-radius: 8px; background: var(--rs-product-hero-bg) !important; box-shadow: 0 18px 46px rgba(20, 41, 58, .13); } .inner__content.full_size .rs-product-page .rs-product-hero { display: block !important; grid-template-columns: none !important; gap: 0 !important; align-items: initial !important; } .rs-product-page .rs-product-hero::after { position: absolute; z-index: 1; inset: 0; content: ""; background: linear-gradient(90deg, rgba(12, 29, 36, .97) 0%, rgba(12, 29, 36, .91) 43%, rgba(12, 29, 36, .55) 68%, rgba(12, 29, 36, .12) 100%); pointer-events: none; } .rs-product-page .rs-product-hero .rs-product-hero__media { position: absolute !important; z-index: 0; inset: 0 !important; width: 100% !important; height: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden; border: 0 !important; border-radius: 0 !important; aspect-ratio: auto !important; background: var(--rs-product-hero-bg) !important; } .rs-product-page .rs-product-hero .rs-product-hero__media img { display: block; width: 100% !important; height: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border-radius: 0 !important; object-fit: cover !important; object-position: center center; filter: saturate(.92) contrast(1.04); } .rs-product-page .rs-product-hero .rs-product-hero__body { position: relative !important; z-index: 2; display: flex !important; flex-direction: column; justify-content: center; width: 64% !important; max-width: 700px !important; min-height: 460px; margin: 0 !important; padding: 38px 42px !important; color: #fff !important; background: transparent !important; } .rs-product-page .rs-product-hero .rs-product-hero__body h2 { max-width: 680px; margin-top: 0; color: #fff !important; font-size: 34px !important; line-height: 1.17 !important; letter-spacing: 0 !important; text-wrap: balance; } .rs-product-page .rs-product-hero .rs-product-hero__body p { color: rgba(255, 255, 255, .88) !important; } .rs-product-page .rs-product-hero .rs-product-hero__body [class*="eyebrow"], .rs-product-page .rs-product-hero .rs-product-hero__body [class*="kicker"] { color: #a9dfc8 !important; letter-spacing: 0 !important; } .rs-product-page .rs-product-hero .rs-product-hero__body [class*="lead"] { max-width: 660px; color: rgba(255, 255, 255, .9) !important; font-size: 17px !important; } .rs-product-page .rs-product-hero .rs-product-hero__body [class*="note"] { padding: 10px 12px !important; border: 0 !important; border-left: 3px solid #6fc29e !important; border-radius: 0 6px 6px 0 !important; background: rgba(8, 23, 29, .34) !important; color: rgba(255, 255, 255, .73) !important; } .rs-product-page .rs-product-hero .rs-product-hero__body [class*="actions"] { display: flex !important; flex-wrap: wrap; gap: 10px; } .rs-product-page .rs-product-hero .rs-product-hero__body a[class*="btn"] { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; } .rs-product-page .rs-product-hero .rs-product-hero__body a[class*="btn--primary"] { border-color: #df1f2d !important; background: #df1f2d !important; color: #fff !important; } .rs-product-page .rs-product-hero .rs-product-hero__body a[class*="btn--secondary"] { border-color: rgba(255, 255, 255, .76) !important; background: rgba(11, 27, 34, .22) !important; color: #fff !important; } .rs-product-page .rs-product-hero .rs-product-hero__body [class*="tags"] span { border-color: rgba(255, 255, 255, .32) !important; background: rgba(255, 255, 255, .12) !important; color: #fff !important; } .rs-product-page .rs-product-facts-section { width: 100% !important; max-width: none !important; margin: 14px 0 34px !important; padding: 0 !important; } .rs-product-page .rs-product-facts { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 12px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } .rs-product-page .rs-product-facts > * { display: block !important; min-width: 0; min-height: 124px; margin: 0 !important; padding: 18px !important; border: 1px solid var(--rs-product-fact-line) !important; border-radius: 8px !important; background: var(--rs-product-fact-bg) !important; box-shadow: none !important; } .rs-product-page .rs-product-facts > * strong, .rs-product-page .rs-product-facts > * b, .rs-product-page .rs-product-facts > * h3 { display: block; margin: 0 0 7px !important; color: var(--rs-product-fact-accent) !important; font-size: 19px !important; font-weight: 700; line-height: 1.2 !important; letter-spacing: 0 !important; } .rs-product-page .rs-product-facts > * p, .rs-product-page .rs-product-facts > * span { display: block; margin: 0 !important; color: #43565e !important; font-size: 14px !important; line-height: 1.45 !important; } /* Larger product imagery where the former sidebar-era layout left thumbnails too small. */ .rs-scope-vorota .vg-option-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .rs-scope-vorota .vg-option-card { grid-template-columns: 190px minmax(0, 1fr) !important; gap: 0 !important; align-items: stretch !important; padding: 0 !important; overflow: hidden; } .rs-scope-vorota .vg-option-card__media { width: 100%; min-height: 165px; border-radius: 0 !important; aspect-ratio: auto !important; } .rs-scope-vorota .vg-option-card__media img { width: 100% !important; height: 100% !important; padding: 0 !important; object-fit: cover !important; } .rs-scope-vorota .vg-option-card > div:last-child { align-self: center; padding: 18px 16px; } .rs-scope-rolstavni-rolletnye-reshetki .roll-table-card { grid-template-columns: 280px minmax(0, 1fr) !important; gap: 0 !important; align-items: stretch !important; padding: 0 !important; overflow: hidden; } .rs-scope-rolstavni-rolletnye-reshetki .roll-table-card__media { border-radius: 0 !important; } .rs-scope-rolstavni-rolletnye-reshetki .roll-table-card__media img { width: 100% !important; height: 100% !important; min-height: 220px; aspect-ratio: auto !important; object-fit: cover !important; } .rs-scope-rolstavni-rolletnye-reshetki .roll-table-card > div:last-child { align-self: center; padding: 20px; } .rs-scope-rolstavni-santehnicheskie .san-product { grid-template-columns: 220px minmax(0, 1fr) !important; gap: 0 !important; align-items: stretch !important; padding: 0 !important; overflow: hidden; } .rs-scope-rolstavni-santehnicheskie .san-product img { width: 220px !important; height: 220px !important; border-radius: 0 !important; object-fit: contain !important; } .rs-scope-rolstavni-santehnicheskie .san-product > div { align-self: center; padding: 18px; } @media (max-width: 900px) { .rs-product-page .rs-product-hero .rs-product-hero__body { width: 74% !important; } .rs-product-page .rs-product-facts { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .rs-scope-vorota .vg-option-grid { grid-template-columns: 1fr !important; } } @media (max-width: 760px) { .rs-product-page .rs-product-hero { min-height: 0; } .rs-product-page .rs-product-hero::after { background: linear-gradient(180deg, rgba(11, 26, 33, .08) 0%, rgba(11, 26, 33, .34) 24%, rgba(11, 26, 33, .91) 44%, rgba(11, 26, 33, .98) 100%); } .rs-product-page .rs-product-hero .rs-product-hero__body { justify-content: flex-end; width: 100% !important; max-width: none !important; min-height: 650px; padding: 175px 22px 28px !important; } .rs-product-page .rs-product-hero .rs-product-hero__body h2 { font-size: 28px !important; line-height: 1.18 !important; } .rs-product-page .rs-product-hero .rs-product-hero__body [class*="lead"] { font-size: 16px !important; } .rs-product-page .rs-product-hero .rs-product-hero__body [class*="actions"] { display: grid !important; grid-template-columns: 1fr; width: 100% !important; } .rs-product-page .rs-product-hero .rs-product-hero__body a[class*="btn"] { width: 100% !important; } .rs-product-page .rs-product-facts > * { min-height: 112px; } .rs-scope-vorota .vg-option-card { grid-template-columns: 160px minmax(0, 1fr) !important; } .rs-scope-rolstavni-rolletnye-reshetki .roll-table-card { grid-template-columns: 1fr !important; } .rs-scope-rolstavni-rolletnye-reshetki .roll-table-card__media img { height: auto !important; min-height: 0; aspect-ratio: 16 / 9 !important; } .rs-scope-rolstavni-santehnicheskie .san-product { grid-template-columns: 1fr !important; } .rs-scope-rolstavni-santehnicheskie .san-product img { width: 100% !important; height: 240px !important; } } @media (max-width: 560px) { .rs-product-page .rs-product-hero { border-radius: 0; } .rs-product-page .rs-product-hero .rs-product-hero__body { min-height: 640px; padding: 160px 18px 24px !important; } .rs-product-page .rs-product-hero .rs-product-hero__body h2 { font-size: 27px !important; } .rs-product-page .rs-product-facts-section { margin-top: 12px !important; margin-bottom: 26px !important; padding: 0 14px !important; } .rs-product-page .rs-product-facts { grid-template-columns: 1fr !important; gap: 9px !important; } .rs-product-page .rs-product-facts > * { min-height: 0; padding: 15px 16px !important; } .rs-scope-vorota .vg-option-card { grid-template-columns: 1fr !important; } .rs-scope-vorota .vg-option-card__media { min-height: 0; aspect-ratio: 16 / 9 !important; } } /* ROLSISTEM: shlagbaumy + peregruzochnaya tehnika, 2026-07-10 */ .inner__content.full_size .rsnp-page { width: 100%; max-width: 1180px; margin-right: auto; margin-left: auto; } .rsnp-page, .rsnp-page * { box-sizing: border-box; } .rsnp-page { --rsnp-text: #24323a; --rsnp-muted: #607079; --rsnp-line: #dfe7ea; --rsnp-soft: #f4f7f7; --rsnp-green: #388c2b; --rsnp-green-soft: #edf6ea; --rsnp-red: #d82c2c; color: var(--rsnp-text); font-size: 16px; line-height: 1.62; overflow: hidden; } .rsnp-page img { display: block; max-width: 100%; } .rsnp-page p, .rsnp-page ul, .rsnp-page ol, .rsnp-page h2, .rsnp-page h3, .rsnp-page h4 { margin-top: 0; } .rsnp-page p { margin-bottom: 16px; color: var(--rsnp-muted); font-size: 16px; line-height: 1.62; } .rsnp-page h2, .rsnp-page h3, .rsnp-page h4 { color: var(--rsnp-text); font-family: 'SFUIText-Heavy', Arial, sans-serif; font-weight: 700; } .rsnp-page h2 { margin-bottom: 14px; font-size: clamp(28px, 3vw, 38px); line-height: 1.16; } .rsnp-page h3 { margin-bottom: 10px; font-size: 22px; line-height: 1.28; } .rsnp-page h4 { margin-bottom: 8px; font-size: 18px; line-height: 1.32; } .rsnp-page a { color: var(--rsnp-green); } .rsnp-page ul, .rsnp-page ol { padding: 0; } .rsnp-page ul li, .rsnp-page ol li { margin: 0; padding: 0; } .rsnp-page ul li:before, .rsnp-page ul li:after, .rsnp-page ol li:before, .rsnp-page ol li:after { content: none; } .rsnp-hero, .rsnp-section, .rsnp-cta { width: 100%; max-width: 1180px; margin-right: auto; margin-left: auto; } .rsnp-hero { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(380px, .98fr); min-height: 500px; margin-bottom: 42px; overflow: hidden; border: 1px solid var(--rsnp-line); border-radius: 8px; background: var(--rsnp-soft); } .rsnp-hero__body { display: flex; flex-direction: column; justify-content: center; min-width: 0; padding: 48px 46px; } .rsnp-hero__media { min-width: 0; min-height: 500px; background: #e8edef; } .rsnp-hero__media img { width: 100%; height: 100%; object-fit: cover; } .rsnp-hero__media--contain { padding: 34px; background: #ffffff; } .rsnp-hero__media--contain img { object-fit: contain; } .rsnp-kicker { margin-bottom: 14px !important; color: var(--rsnp-green) !important; font-size: 13px !important; font-weight: 700; letter-spacing: .08em; line-height: 1.35 !important; text-transform: uppercase; } .rsnp-hero__title { margin-bottom: 18px !important; font-size: clamp(34px, 4vw, 50px) !important; line-height: 1.06 !important; } .rsnp-hero__lead { max-width: 700px; margin-bottom: 24px !important; color: #44545d !important; font-size: 18px !important; line-height: 1.55 !important; } .rsnp-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: stretch; } .rsnp-btn { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; padding: 11px 22px; border: 1px solid transparent; border-radius: 6px; font-size: 15px; font-weight: 700; line-height: 1.3; text-align: center; text-decoration: none !important; transition: background .18s ease, border-color .18s ease, color .18s ease; } .rsnp-btn--primary { border-color: var(--rsnp-red); background: var(--rsnp-red); color: #ffffff !important; } .rsnp-btn--primary:hover, .rsnp-btn--primary:focus { border-color: #bd2020; background: #bd2020; } .rsnp-btn--secondary { border-color: #b9c5ca; background: #ffffff; color: var(--rsnp-text) !important; } .rsnp-btn--secondary:hover, .rsnp-btn--secondary:focus { border-color: var(--rsnp-green); color: var(--rsnp-green) !important; } .rsnp-hero__note { margin: 18px 0 0 !important; color: #6c7b83 !important; font-size: 13px !important; line-height: 1.5 !important; } .rsnp-section { margin-bottom: 58px; } .rsnp-section--soft { padding: 38px; border-radius: 8px; background: var(--rsnp-soft); } .rsnp-section-head { max-width: 820px; margin-bottom: 26px; } .rsnp-section-head p:last-child, .rsnp-card p:last-child, .rsnp-copy p:last-child, .rsnp-panel p:last-child { margin-bottom: 0; } .rsnp-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 58px; } .rsnp-metric { min-width: 0; padding: 20px; border: 1px solid var(--rsnp-line); border-radius: 8px; background: #ffffff; } .rsnp-metric strong { display: block; margin-bottom: 5px; color: var(--rsnp-text); font-family: 'SFUIText-Heavy', Arial, sans-serif; font-size: 20px; line-height: 1.25; } .rsnp-metric span { display: block; color: var(--rsnp-muted); font-size: 14px; line-height: 1.45; } .rsnp-grid { display: grid; gap: 18px; } .rsnp-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rsnp-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .rsnp-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .rsnp-card { min-width: 0; overflow: hidden; border: 1px solid var(--rsnp-line); border-radius: 8px; background: #ffffff; } .rsnp-card__media { height: 220px; overflow: hidden; background: #eef2f3; } .rsnp-card__media img { width: 100%; height: 100%; object-fit: cover; } .rsnp-card__media--contain { padding: 18px; background: #ffffff; } .rsnp-card__media--contain img { object-fit: contain; } .rsnp-card__body { padding: 22px; } .rsnp-card__eyebrow { display: block; margin-bottom: 8px; color: var(--rsnp-green); font-size: 12px; font-weight: 700; letter-spacing: .06em; line-height: 1.35; text-transform: uppercase; } .rsnp-card__link { display: inline-flex; margin-top: 4px; font-weight: 700; text-decoration: none !important; } .rsnp-card__link:after { content: "→"; margin-left: 7px; } .rsnp-checks { display: grid; gap: 9px; margin: 16px 0 0 !important; list-style: none !important; } .rsnp-checks li { position: relative; padding-left: 20px !important; color: var(--rsnp-muted); font-size: 14px; line-height: 1.5; } .rsnp-checks li:before { content: "" !important; position: absolute; top: .63em; left: 1px; width: 7px; height: 7px; display: block !important; border-radius: 50%; background: var(--rsnp-green); } .rsnp-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, .88fr); gap: 34px; align-items: center; } .rsnp-split--reverse { grid-template-columns: minmax(360px, .88fr) minmax(0, 1fr); } .rsnp-split__media { overflow: hidden; border-radius: 8px; background: #edf1f2; } .rsnp-split__media img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; } .rsnp-split__media--contain { padding: 28px; border: 1px solid var(--rsnp-line); background: #ffffff; } .rsnp-split__media--contain img { object-fit: contain; } .rsnp-tag-row { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 18px; } .rsnp-tag { display: inline-flex; align-items: center; min-height: 32px; padding: 6px 11px; border: 1px solid #cfe2c9; border-radius: 6px; background: var(--rsnp-green-soft); color: #2d6f24; font-size: 13px; font-weight: 700; line-height: 1.3; } .rsnp-table-wrap { width: 100%; overflow-x: auto; border: 1px solid var(--rsnp-line); border-radius: 8px; background: #ffffff; -webkit-overflow-scrolling: touch; } .rsnp-table { width: 100%; min-width: 800px; margin: 0 !important; border: 0 !important; border-collapse: collapse; table-layout: fixed; } .rsnp-table th, .rsnp-table td, .full_size .rsnp-table th, .full_size .rsnp-table td { padding: 15px 16px !important; border: 0 !important; border-right: 1px solid var(--rsnp-line) !important; border-bottom: 1px solid var(--rsnp-line) !important; color: var(--rsnp-text); font-size: 14px; line-height: 1.45; text-align: left; vertical-align: top; } .rsnp-table tr:last-child td { border-bottom: 0 !important; } .rsnp-table th:last-child, .rsnp-table td:last-child { border-right: 0 !important; } .rsnp-table thead th { background: #edf5eb; font-weight: 700; } .rsnp-table tbody th { width: 22%; background: #f8fafb; font-weight: 700; } .rsnp-table-note { margin: 11px 0 0 !important; color: #718088 !important; font-size: 13px !important; } .rsnp-process { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; counter-reset: rsnp-step; } .rsnp-process__item { position: relative; min-width: 0; padding: 20px; border: 1px solid var(--rsnp-line); border-radius: 8px; background: #ffffff; counter-increment: rsnp-step; } .rsnp-process__item:before { content: counter(rsnp-step, decimal-leading-zero); display: block; margin-bottom: 12px; color: var(--rsnp-green); font-family: 'SFUIText-Heavy', Arial, sans-serif; font-size: 24px; font-weight: 700; line-height: 1; } .rsnp-process__item strong { display: block; margin-bottom: 6px; color: var(--rsnp-text); font-size: 16px; line-height: 1.35; } .rsnp-process__item span { display: block; color: var(--rsnp-muted); font-size: 13px; line-height: 1.45; } .rsnp-panel { padding: 26px; border-left: 4px solid var(--rsnp-green); border-radius: 0 8px 8px 0; background: var(--rsnp-green-soft); } .rsnp-panel--neutral { border-left-color: #93a4ac; background: #f4f7f8; } .rsnp-feature-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; overflow: hidden; border: 1px solid var(--rsnp-line); border-radius: 8px; background: var(--rsnp-line); } .rsnp-feature { min-width: 0; padding: 23px; background: #ffffff; } .rsnp-feature strong { display: block; margin-bottom: 6px; color: var(--rsnp-text); font-size: 17px; line-height: 1.35; } .rsnp-feature span { display: block; color: var(--rsnp-muted); font-size: 14px; line-height: 1.5; } .rsnp-station { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; } .rsnp-station__item { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid var(--rsnp-line); border-radius: 8px; background: #ffffff; color: var(--rsnp-text) !important; text-decoration: none !important; } .rsnp-station__item img { width: 100%; height: 138px; object-fit: cover; } .rsnp-station__body { display: flex; flex: 1; flex-direction: column; padding: 16px; } .rsnp-station__number { display: block; margin-bottom: 7px; color: var(--rsnp-green); font-size: 12px; font-weight: 700; letter-spacing: .06em; } .rsnp-station__body strong { display: block; margin-bottom: 6px; font-size: 15px; line-height: 1.35; } .rsnp-station__body span:last-child { color: var(--rsnp-muted); font-size: 13px; line-height: 1.45; } .rsnp-gallery { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 12px; } .rsnp-gallery__item { min-width: 0; overflow: hidden; border-radius: 8px; background: #edf1f2; } .rsnp-gallery__item img { width: 100%; height: 260px; object-fit: cover; } .rsnp-gallery__item:first-child img { height: 100%; min-height: 260px; } .rsnp-gallery__caption { padding: 12px 14px; color: var(--rsnp-muted); font-size: 13px; line-height: 1.4; } .rsnp-cta { margin-bottom: 58px; } .rsnp-cta__panel { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 28px; align-items: center; padding: 34px 38px; border: 1px solid #d5e5d1; border-radius: 8px; background: var(--rsnp-green-soft); } .rsnp-cta__panel h2 { margin-bottom: 8px; font-size: 30px; } .rsnp-faq { border-top: 1px solid var(--rsnp-line); } .rsnp-faq details { border-bottom: 1px solid var(--rsnp-line); background: #ffffff; } .rsnp-faq summary { position: relative; padding: 20px 44px 20px 0; color: var(--rsnp-text); font-weight: 700; line-height: 1.4; cursor: pointer; list-style: none; } .rsnp-faq summary::-webkit-details-marker { display: none; } .rsnp-faq summary:after { content: "+"; position: absolute; top: 17px; right: 0; color: var(--rsnp-green); font-size: 26px; font-weight: 400; line-height: 1; } .rsnp-faq details[open] summary:after { content: "−"; } .rsnp-faq details p { max-width: 880px; margin: -4px 0 20px; } .rsnp-related { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } .rsnp-related a { min-width: 0; padding: 18px; border: 1px solid var(--rsnp-line); border-radius: 8px; background: #ffffff; color: var(--rsnp-text) !important; text-decoration: none !important; } .rsnp-related strong { display: block; margin-bottom: 5px; line-height: 1.35; } .rsnp-related span { display: block; color: var(--rsnp-muted); font-size: 13px; line-height: 1.45; } .rs-mega--loading .rs-mega__columns { grid-template-columns: minmax(0, 1fr); } @media (max-width: 1180px) { .rsnp-hero, .rsnp-section, .rsnp-cta, .rsnp-metrics { width: calc(100% - 32px); } .rs-products-nav__list { gap: 22px; } } @media (max-width: 980px) { .rsnp-hero { grid-template-columns: 1fr; min-height: 0; } .rsnp-hero__body { order: 2; padding: 34px 30px; } .rsnp-hero__media { min-height: 0; aspect-ratio: 16 / 8.5; } .rsnp-hero__media--contain { padding: 22px; } .rsnp-metrics, .rsnp-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rsnp-grid--3, .rsnp-related { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rsnp-split, .rsnp-split--reverse { grid-template-columns: 1fr; } .rsnp-split--reverse .rsnp-split__media { order: 2; } .rsnp-process { grid-template-columns: repeat(3, minmax(0, 1fr)); } .rsnp-station { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rsnp-gallery { grid-template-columns: 1fr 1fr; } .rsnp-gallery__item:first-child { grid-column: 1 / -1; } .rsnp-cta__panel { grid-template-columns: 1fr; } .rs-mobile-catalog { max-width: 100%; overflow-x: hidden; } .rs-mobile-catalog__links a { overflow-wrap: anywhere; } } @media (max-width: 640px) { .rsnp-page { font-size: 15px; } .rsnp-hero, .rsnp-section, .rsnp-cta, .rsnp-metrics { width: calc(100% - 24px); } .rsnp-hero { margin-bottom: 32px; } .rsnp-hero__media { aspect-ratio: 4 / 3; } .rsnp-hero__body { padding: 27px 20px; } .rsnp-hero__title { font-size: 31px !important; line-height: 1.1 !important; } .rsnp-hero__lead { font-size: 16px !important; } .rsnp-actions, .rsnp-btn { width: 100%; } .rsnp-section { margin-bottom: 42px; } .rsnp-section--soft { padding: 24px 18px; } .rsnp-metrics, .rsnp-grid--2, .rsnp-grid--3, .rsnp-grid--4, .rsnp-feature-list, .rsnp-process, .rsnp-station, .rsnp-related, .rsnp-gallery { grid-template-columns: 1fr; } .rsnp-metrics { margin-bottom: 42px; } .rsnp-metric { padding: 16px; } .rsnp-card__media { height: auto; aspect-ratio: 16 / 10; } .rsnp-card__body { padding: 18px; } .rsnp-split { gap: 22px; } .rsnp-split__media img { aspect-ratio: 4 / 3; } .rsnp-table { min-width: 720px; } .rsnp-table th, .rsnp-table td, .full_size .rsnp-table th, .full_size .rsnp-table td { padding: 12px !important; font-size: 13px; } .rsnp-gallery__item:first-child { grid-column: auto; } .rsnp-gallery__item img, .rsnp-gallery__item:first-child img { height: auto; min-height: 0; aspect-ratio: 4 / 3; } .rsnp-cta__panel { padding: 25px 20px; } .rsnp-cta__panel h2 { font-size: 26px; } .rsnp-mobile-table-hint { display: block; } .rs-footer__sections { grid-template-columns: 1fr 1fr; } } @media (max-width: 390px) { .rsnp-hero__title { font-size: 28px !important; } .rsnp-page h2 { font-size: 27px; } .rs-mobile-catalog__links { grid-template-columns: 1fr; } .rs-footer__sections { grid-template-columns: 1fr; } } /* Rulonnye sales refresh 2026-07-10. Scoped to the product page only. */ .rolling-v2, .rolling-v2 * { box-sizing: border-box; } .rolling-v2 { --rolling-v2-ink: #132d3a; --rolling-v2-ink-2: #24444f; --rolling-v2-muted: #62747b; --rolling-v2-green: #18845d; --rolling-v2-green-dark: #0d6446; --rolling-v2-green-soft: #eaf5f0; --rolling-v2-red: #ed1b2f; --rolling-v2-border: #dce7e2; --rolling-v2-soft: #f4f8f6; --rolling-v2-white: #ffffff; color: var(--rolling-v2-ink); overflow: clip; } .rolling-v2__page { width: min(1180px, calc(100% - 40px)); margin: 0 auto; } .rolling-v2 h2, .rolling-v2 h3, .rolling-v2 p, .rolling-v2 ul, .rolling-v2 ol { margin-top: 0; } .rolling-v2 h2 { margin-bottom: 18px; color: var(--rolling-v2-ink); font-size: clamp(32px, 3.45vw, 48px); line-height: 1.06; letter-spacing: -0.035em; font-weight: 850; font-family: "Exo2.0-ExtraBold", Arial, sans-serif; } .rolling-v2 h3 { color: var(--rolling-v2-ink); font-weight: 800; font-family: "Exo2.0-ExtraBold", Arial, sans-serif; } .rolling-v2 p { color: var(--rolling-v2-muted); font-size: 17px; line-height: 1.58; } .rolling-v2-eyebrow { margin-bottom: 14px !important; color: var(--rolling-v2-green) !important; font-size: 12px !important; line-height: 1.35 !important; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; } .rolling-v2-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(420px, 0.92fr); min-height: 560px; margin: 18px 0 38px; border-radius: 28px; overflow: hidden; background: linear-gradient(135deg, #102c39 0%, #173d48 100%); box-shadow: 0 22px 60px rgba(17, 48, 60, 0.16); } .rolling-v2-hero__body { display: flex; flex-direction: column; justify-content: center; padding: 54px 54px 48px; } .rolling-v2-hero .rolling-v2-eyebrow { color: #74d8af !important; } .rolling-v2-hero h2 { max-width: 650px; margin-bottom: 22px; color: #fff; font-size: clamp(35px, 2.9vw, 46px); } .rolling-v2-hero .rolling-v2-actions { margin-bottom: 22px; } .rolling-v2-hero__lead { max-width: 690px; margin-bottom: 24px !important; color: rgba(255, 255, 255, 0.83) !important; font-size: 18px !important; line-height: 1.54 !important; } .rolling-v2-hero__benefits { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 28px; } .rolling-v2-hero__benefits span { display: inline-flex; align-items: center; min-height: 34px; padding: 7px 11px; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 999px; color: #fff; background: rgba(255, 255, 255, 0.08); font-size: 13px; line-height: 1.3; font-weight: 700; } .rolling-v2-hero__benefits span::before { width: 6px; height: 6px; margin-right: 8px; border-radius: 50%; background: #69d4a7; content: ""; } .rolling-v2-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; } .rolling-v2-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 13px 22px; border: 1px solid transparent; border-radius: 10px; font-size: 15px; line-height: 1.2; font-weight: 800; text-align: center; text-decoration: none !important; transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease; } .rolling-v2-btn:hover { transform: translateY(-2px); } .rolling-v2-btn--primary { color: #fff !important; background: var(--rolling-v2-red); box-shadow: 0 12px 26px rgba(237, 27, 47, 0.22); } .rolling-v2-btn--primary:hover { background: #d61023; box-shadow: 0 14px 32px rgba(237, 27, 47, 0.3); } .rolling-v2-btn--secondary { border-color: rgba(255, 255, 255, 0.42); color: #fff !important; background: transparent; } .rolling-v2-process .rolling-v2-btn--secondary { border-color: var(--rolling-v2-green); color: var(--rolling-v2-green-dark) !important; background: #fff; } .rolling-v2-btn--light { border-color: rgba(255, 255, 255, 0.38); color: #fff !important; background: rgba(255, 255, 255, 0.08); } .rolling-v2-hero__note { max-width: 640px; margin: 18px 0 0 !important; color: rgba(255, 255, 255, 0.62) !important; font-size: 13px !important; line-height: 1.45 !important; } .rolling-v2-hero__media { position: relative; min-width: 0; min-height: 100%; overflow: hidden; } .rolling-v2-hero__media::after { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(16, 44, 57, 0.24) 0%, rgba(16, 44, 57, 0) 40%), linear-gradient(0deg, rgba(10, 28, 36, 0.72) 0%, rgba(10, 28, 36, 0) 38%); pointer-events: none; content: ""; } .rolling-v2-hero__media img { display: block; width: 100%; height: 100%; min-height: 560px; object-fit: cover; object-position: 55% center; } .rolling-v2-hero__caption { position: absolute; z-index: 1; right: 28px; bottom: 26px; left: 28px; color: #fff; } .rolling-v2-hero__caption strong, .rolling-v2-hero__caption span { display: block; } .rolling-v2-hero__caption strong { margin-bottom: 5px; font-size: 18px; } .rolling-v2-hero__caption span { color: rgba(255, 255, 255, 0.76); font-size: 13px; line-height: 1.4; } .rolling-v2-trust { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; margin: 28px 0 20px; border: 1px solid var(--rolling-v2-border); border-radius: 18px; overflow: hidden; background: var(--rolling-v2-border); } .rolling-v2-trust__item { display: flex; gap: 13px; min-height: 136px; padding: 24px 20px; background: #fff; } .rolling-v2-trust__number { flex: 0 0 auto; padding-top: 2px; color: var(--rolling-v2-green); font-size: 12px; font-weight: 900; } .rolling-v2-trust__item strong { display: block; margin-bottom: 8px; color: var(--rolling-v2-ink); font-size: 15px; line-height: 1.3; } .rolling-v2-trust__item p { margin: 0; font-size: 14px; line-height: 1.45; } .rolling-v2-nav { display: flex; gap: 8px; margin: 20px 0 74px; padding: 9px; border: 1px solid var(--rolling-v2-border); border-radius: 14px; overflow-x: auto; background: #fff; scrollbar-width: thin; } .rolling-v2-nav a { flex: 0 0 auto; padding: 10px 14px; border-radius: 9px; color: var(--rolling-v2-ink-2) !important; font-size: 13px; line-height: 1.2; font-weight: 750; text-decoration: none !important; } .rolling-v2-nav a:hover { color: var(--rolling-v2-green-dark) !important; background: var(--rolling-v2-green-soft); } .rolling-v2-section { margin: 0 0 92px; scroll-margin-top: 150px; } .rolling-v2-heading { max-width: 800px; margin-bottom: 34px; } .rolling-v2-heading > p:last-child { margin-bottom: 0; } .rolling-v2-heading--split { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.8fr); gap: 48px; align-items: end; max-width: none; } .rolling-v2-heading--split h2 { margin-bottom: 0; } .rolling-v2-heading--split > p { margin-bottom: 3px; } .rolling-v2-scenarios { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; } .rolling-v2-scenario { position: relative; min-height: 238px; padding: 27px 24px 24px; border: 1px solid var(--rolling-v2-border); border-radius: 18px; background: #fff; transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; } .rolling-v2-scenario:hover { transform: translateY(-4px); border-color: #bcd8cb; box-shadow: 0 16px 34px rgba(21, 64, 73, 0.09); } .rolling-v2-scenario > span { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; margin-bottom: 26px; border-radius: 50%; color: var(--rolling-v2-green-dark); background: var(--rolling-v2-green-soft); font-size: 12px; font-weight: 900; } .rolling-v2-scenario h3 { margin-bottom: 12px; font-size: 19px; line-height: 1.22; } .rolling-v2-scenario p { margin-bottom: 0; font-size: 14px; line-height: 1.52; } .rolling-v2-honest-note { display: flex; gap: 30px; align-items: center; justify-content: space-between; margin-top: 18px; padding: 22px 24px; border-left: 4px solid var(--rolling-v2-green); border-radius: 0 14px 14px 0; background: var(--rolling-v2-soft); } .rolling-v2-honest-note strong { display: block; margin-bottom: 5px; color: var(--rolling-v2-ink); } .rolling-v2-honest-note p { margin-bottom: 0; font-size: 14px; } .rolling-v2-honest-note a, .rolling-v2-text-link { flex: 0 0 auto; color: var(--rolling-v2-green-dark) !important; font-size: 14px; font-weight: 850; text-decoration: none !important; } .rolling-v2-honest-note a::after, .rolling-v2-text-link::after { margin-left: 8px; content: "→"; } .rolling-v2-series { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .rolling-v2-series-card { overflow: hidden; border: 1px solid var(--rolling-v2-border); border-radius: 22px; background: #fff; box-shadow: 0 14px 34px rgba(25, 58, 66, 0.07); } .rolling-v2-series-card__media { position: relative; overflow: hidden; aspect-ratio: 31 / 18; } .rolling-v2-series-card__media::after { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(9, 31, 39, 0.58), rgba(9, 31, 39, 0) 50%); content: ""; } .rolling-v2-series-card__media img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.45s ease; } .rolling-v2-series-card:hover .rolling-v2-series-card__media img { transform: scale(1.025); } .rolling-v2-series-card__media span { position: absolute; z-index: 1; right: 20px; bottom: 18px; left: 20px; color: #fff; font-size: 12px; font-weight: 850; letter-spacing: 0.08em; text-transform: uppercase; } .rolling-v2-series-card__body { padding: 28px 28px 30px; } .rolling-v2-series-card__body h3 { margin-bottom: 10px; font-size: 30px; } .rolling-v2-series-card__body > p { margin-bottom: 18px; font-size: 15px; } .rolling-v2-series-card__body ul { display: grid; gap: 9px; margin: 0 0 22px; padding: 0; list-style: none; } .rolling-v2-series-card__body li { position: relative; padding-left: 22px; color: var(--rolling-v2-ink-2); font-size: 14px; line-height: 1.45; } .rolling-v2-series-card__body li::before { position: absolute; top: 0.56em; left: 0; width: 8px; height: 8px; border: 2px solid var(--rolling-v2-green); border-radius: 50%; content: ""; } .rolling-v2-compare { margin-top: 20px; overflow: hidden; border: 1px solid var(--rolling-v2-border); border-radius: 18px; background: #fff; } .rolling-v2-compare > div { display: grid; grid-template-columns: 0.58fr 1.21fr 1.21fr; gap: 0; border-top: 1px solid var(--rolling-v2-border); } .rolling-v2-compare > div:first-child { border-top: 0; } .rolling-v2-compare > div > * { margin: 0; padding: 17px 20px; border-left: 1px solid var(--rolling-v2-border); } .rolling-v2-compare > div > *:first-child { border-left: 0; } .rolling-v2-compare span { color: var(--rolling-v2-ink); background: var(--rolling-v2-soft); font-size: 13px; font-weight: 850; } .rolling-v2-compare p { font-size: 14px; line-height: 1.48; } .rolling-v2-compare__head { color: #fff; background: var(--rolling-v2-ink); } .rolling-v2-compare__head > * { border-left-color: rgba(255, 255, 255, 0.13) !important; color: #fff !important; background: transparent !important; font-size: 14px; } .rolling-v2-section--soft { padding: 52px; border-radius: 26px; background: var(--rolling-v2-soft); } .rolling-v2-tabs { display: inline-flex; gap: 8px; margin-bottom: 18px; padding: 6px; border: 1px solid var(--rolling-v2-border); border-radius: 13px; background: #fff; } .rolling-v2-tabs button { min-height: 42px; padding: 10px 18px; border: 0; border-radius: 9px; color: var(--rolling-v2-ink-2); background: transparent; font: inherit; font-size: 14px; font-weight: 800; cursor: pointer; } .rolling-v2-tabs button[aria-selected="true"] { color: #fff; background: var(--rolling-v2-green-dark); } .rolling-v2-panel { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); min-height: 430px; overflow: hidden; border: 1px solid var(--rolling-v2-border); border-radius: 20px; background: #fff; } .rolling-v2-panel[hidden] { display: none; } .rolling-v2-panel__media { min-height: 100%; overflow: hidden; background: #e8eeeb; } .rolling-v2-panel__media img { display: block; width: 100%; height: 100%; object-fit: cover; } .rolling-v2-panel__media--profile { display: flex; align-items: center; justify-content: center; padding: 42px; background: linear-gradient(145deg, #fff, #e9f0ec); } .rolling-v2-panel__media--profile img { width: min(280px, 100%); height: auto; object-fit: contain; filter: drop-shadow(0 20px 22px rgba(24, 52, 60, 0.14)); } .rolling-v2-panel__content { padding: 42px; } .rolling-v2-panel__content h3 { margin-bottom: 14px; font-size: 27px; } .rolling-v2-panel__content > p { margin-bottom: 22px; font-size: 15px; } .rolling-v2-checks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px 18px; margin: 0 0 25px; padding: 0; list-style: none; } .rolling-v2-checks li { position: relative; padding-left: 23px; color: var(--rolling-v2-ink-2); font-size: 14px; line-height: 1.4; } .rolling-v2-checks li::before { position: absolute; top: 0.14em; left: 0; color: var(--rolling-v2-green); font-weight: 900; content: "✓"; } .rolling-v2-colors { display: flex; flex-wrap: wrap; gap: 13px; } .rolling-v2-colors span { display: inline-flex; flex-direction: column; gap: 6px; color: var(--rolling-v2-muted); font-size: 11px; } .rolling-v2-colors span::before { width: 52px; height: 32px; border: 2px solid #fff; border-radius: 7px; outline: 1px solid #d6dfda; background: var(--swatch); box-shadow: 0 5px 12px rgba(20, 43, 51, 0.1); content: ""; } .rolling-v2-colors__wood::before { background-color: var(--swatch); background-image: linear-gradient(25deg, transparent 35%, rgba(255, 255, 255, 0.18) 36%, transparent 38%, rgba(35, 12, 3, 0.12) 41%, transparent 44%); } .rolling-v2-mini-list { display: grid; gap: 12px; } .rolling-v2-mini-list > div { padding: 16px 18px; border: 1px solid var(--rolling-v2-border); border-radius: 12px; background: var(--rolling-v2-soft); } .rolling-v2-mini-list strong { display: block; margin-bottom: 4px; color: var(--rolling-v2-ink); } .rolling-v2-mini-list p { margin-bottom: 0; font-size: 13px; line-height: 1.45; } .rolling-v2-panel--safety { display: block; min-height: 0; padding: 20px; } .rolling-v2-safety-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; } .rolling-v2-safety-grid article { overflow: hidden; border: 1px solid var(--rolling-v2-border); border-radius: 14px; background: #fff; } .rolling-v2-safety-grid img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; background: #edf1ef; } .rolling-v2-safety-grid article div { padding: 17px; } .rolling-v2-safety-grid strong { display: block; margin-bottom: 7px; color: var(--rolling-v2-ink); font-size: 15px; } .rolling-v2-safety-grid p { margin-bottom: 0; font-size: 13px; line-height: 1.45; } .rolling-v2-mount-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; } .rolling-v2-mount-grid article { overflow: hidden; border: 1px solid var(--rolling-v2-border); border-radius: 17px; background: #fff; } .rolling-v2-mount-grid img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; background: #f1f3f2; } .rolling-v2-mount-grid article > div { position: relative; min-height: 178px; padding: 22px 20px 20px; } .rolling-v2-mount-grid span { position: absolute; top: 22px; right: 18px; color: #9db3aa; font-size: 11px; font-weight: 900; } .rolling-v2-mount-grid h3 { margin-bottom: 10px; padding-right: 28px; font-size: 19px; } .rolling-v2-mount-grid p { margin-bottom: 0; font-size: 13px; line-height: 1.5; } .rolling-v2-mount-note { margin: 18px 0 0 !important; padding: 18px 20px; border-radius: 12px; color: var(--rolling-v2-muted) !important; background: var(--rolling-v2-soft); font-size: 14px !important; } .rolling-v2-mount-note strong { color: var(--rolling-v2-ink); } .rolling-v2-process { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; } .rolling-v2-process__factors, .rolling-v2-process__steps { padding: 42px; border-radius: 23px; } .rolling-v2-process__factors { color: #fff; background: linear-gradient(145deg, #112f3a, #1e4c50); } .rolling-v2-process__factors h2, .rolling-v2-process__factors p { color: #fff; } .rolling-v2-process__factors > p:not(.rolling-v2-eyebrow) { color: rgba(255, 255, 255, 0.72); } .rolling-v2-process__steps { border: 1px solid var(--rolling-v2-border); background: var(--rolling-v2-soft); } .rolling-v2-process h2 { font-size: 34px; } .rolling-v2-factor-list { display: grid; gap: 1px; margin-top: 30px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 13px; background: rgba(255, 255, 255, 0.14); } .rolling-v2-factor-list > div { display: grid; grid-template-columns: 34px 1fr; gap: 11px; padding: 16px; background: rgba(255, 255, 255, 0.06); } .rolling-v2-factor-list span { color: #68d2a5; font-size: 11px; font-weight: 900; } .rolling-v2-factor-list p { margin: 0; color: rgba(255, 255, 255, 0.72) !important; font-size: 13px; line-height: 1.45; } .rolling-v2-factor-list strong { display: block; margin-bottom: 3px; color: #fff; } .rolling-v2-process__steps ol { display: grid; gap: 13px; margin: 28px 0 27px; padding: 0; list-style: none; } .rolling-v2-process__steps li { display: grid; grid-template-columns: 42px 1fr; gap: 14px; align-items: start; } .rolling-v2-process__steps li > span { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; color: var(--rolling-v2-green-dark); background: #fff; box-shadow: 0 7px 18px rgba(23, 64, 68, 0.09); font-size: 13px; font-weight: 900; } .rolling-v2-process__steps strong { display: block; margin-bottom: 3px; color: var(--rolling-v2-ink); } .rolling-v2-process__steps p { margin: 0; font-size: 13px; line-height: 1.45; } .rolling-v2-proof__grid { display: grid; grid-template-columns: 0.7fr 1.3fr; gap: 18px; } .rolling-v2-proof-card { position: relative; min-width: 0; overflow: hidden; border: 1px solid var(--rolling-v2-border); border-radius: 22px; background: #fff; } .rolling-v2-proof-card img { display: block; width: 100%; height: 100%; object-fit: cover; } .rolling-v2-proof-card--certificate { display: block; aspect-ratio: 1 / 1; } .rolling-v2-proof-card--certificate img { object-fit: contain; } .rolling-v2-proof-card--certificate::after { position: absolute; inset: auto 0 0; height: 44%; background: linear-gradient(0deg, rgba(10, 30, 39, 0.86), rgba(10, 30, 39, 0)); pointer-events: none; content: ""; } .rolling-v2-proof-card--certificate > span { position: absolute; z-index: 1; right: 22px; bottom: 22px; left: 22px; color: #fff; } .rolling-v2-proof-card--certificate strong, .rolling-v2-proof-card--certificate small { display: block; } .rolling-v2-proof-card--certificate small { margin-top: 4px; color: rgba(255, 255, 255, 0.68); } .rolling-v2-proof-card--showroom { display: grid; grid-template-rows: minmax(280px, 1fr) auto; } .rolling-v2-proof-card--showroom img { aspect-ratio: 16 / 9; } .rolling-v2-proof-card--showroom > div { padding: 25px 28px 28px; } .rolling-v2-proof-card--showroom strong { display: block; margin-bottom: 8px; color: var(--rolling-v2-ink); font-size: 22px; } .rolling-v2-proof-card--showroom p { margin-bottom: 12px; font-size: 14px; } .rolling-v2-proof-card--showroom a { color: var(--rolling-v2-green-dark) !important; font-size: 14px; font-weight: 850; text-decoration: none !important; } .rolling-v2-faq { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; align-items: start; } .rolling-v2-faq details { overflow: hidden; border: 1px solid var(--rolling-v2-border); border-radius: 13px; background: #fff; } .rolling-v2-faq summary { position: relative; padding: 20px 54px 20px 20px; color: var(--rolling-v2-ink); font-size: 15px; line-height: 1.35; font-weight: 800; list-style: none; cursor: pointer; } .rolling-v2-faq summary::-webkit-details-marker { display: none; } .rolling-v2-faq summary::after { position: absolute; top: 50%; right: 19px; width: 24px; height: 24px; margin-top: -12px; border-radius: 50%; color: var(--rolling-v2-green-dark); background: var(--rolling-v2-green-soft); font-size: 18px; line-height: 22px; font-weight: 500; text-align: center; content: "+"; } .rolling-v2-faq details[open] summary::after { content: "−"; } .rolling-v2-faq details[open] summary { color: var(--rolling-v2-green-dark); } .rolling-v2-faq details p { margin: 0; padding: 0 20px 20px; font-size: 14px; line-height: 1.55; } .rolling-v2-related { display: flex; flex-wrap: wrap; gap: 9px; align-items: center; margin: -38px 0 30px; padding: 20px; border: 1px solid var(--rolling-v2-border); border-radius: 15px; background: #fff; } .rolling-v2-related strong { margin-right: 5px; color: var(--rolling-v2-ink); font-size: 13px; } .rolling-v2-related a { padding: 8px 11px; border-radius: 8px; color: var(--rolling-v2-green-dark) !important; background: var(--rolling-v2-green-soft); font-size: 12px; line-height: 1.2; font-weight: 750; text-decoration: none !important; } .rolling-v2-final { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 45px; align-items: center; margin-bottom: 48px; padding: 46px 48px; border-radius: 24px; background: linear-gradient(135deg, #102d3a 0%, #184953 100%); box-shadow: 0 20px 48px rgba(19, 52, 62, 0.16); } .rolling-v2-final h2, .rolling-v2-final p { color: #fff; } .rolling-v2-final h2 { max-width: 760px; margin-bottom: 13px; font-size: 36px; } .rolling-v2-final > div > p:last-child { max-width: 760px; margin-bottom: 0; color: rgba(255, 255, 255, 0.7); font-size: 15px; } .rolling-v2-mobile-bar { display: none; } @media (max-width: 1100px) { .rolling-v2-hero { grid-template-columns: minmax(0, 1fr) minmax(360px, 0.8fr); } .rolling-v2-hero__body { padding: 44px 38px; } .rolling-v2-trust { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rolling-v2-scenarios, .rolling-v2-mount-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rolling-v2-safety-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rolling-v2-final { grid-template-columns: 1fr; gap: 26px; } } @media (max-width: 820px) { .rolling-v2 { overflow: visible; } .rolling-v2__page { width: min(100% - 24px, 720px); } .rolling-v2 h2 { font-size: 32px; } .rolling-v2 p { font-size: 16px; } .rolling-v2-hero { grid-template-columns: 1fr; min-height: 0; margin-top: 10px; border-radius: 21px; } .rolling-v2-hero__body { padding: 34px 28px 30px; } .rolling-v2-hero h2 { font-size: 35px; } .rolling-v2-hero__media, .rolling-v2-hero__media img { min-height: 0; } .rolling-v2-hero__media { height: 340px; } .rolling-v2-hero__media img { object-position: 55% center; } .rolling-v2-nav { margin-bottom: 58px; } .rolling-v2-section { margin-bottom: 68px; scroll-margin-top: 115px; } .rolling-v2-heading--split, .rolling-v2-process, .rolling-v2-proof__grid { grid-template-columns: 1fr; } .rolling-v2-heading--split { gap: 15px; align-items: start; } .rolling-v2-series { grid-template-columns: 1fr; } .rolling-v2-panel { grid-template-columns: 1fr; } .rolling-v2-panel__media { min-height: 280px; max-height: 330px; } .rolling-v2-panel__media--profile { min-height: 300px; } .rolling-v2-proof-card--certificate { max-width: 470px; } } @media (max-width: 620px) { .rolling-v2__page { width: calc(100% - 20px); } .rolling-v2 h2 { font-size: 29px; line-height: 1.1; } .rolling-v2-eyebrow { font-size: 11px !important; } .rolling-v2-hero { margin-bottom: 24px; } .rolling-v2-hero__body { padding: 28px 20px 24px; } .rolling-v2-hero h2 { margin-bottom: 16px; font-size: 30px; } .rolling-v2-hero__lead { margin-bottom: 18px !important; font-size: 15px !important; } .rolling-v2-hero__benefits { gap: 7px; margin-bottom: 20px; } .rolling-v2-hero__benefits span { min-height: 30px; padding: 6px 9px; font-size: 11px; } .rolling-v2-actions, .rolling-v2-btn { width: 100%; } .rolling-v2-hero__note { margin-top: 14px !important; } .rolling-v2-hero__media { height: 245px; } .rolling-v2-hero__caption { right: 18px; bottom: 17px; left: 18px; } .rolling-v2-hero__caption span { display: none; } .rolling-v2-trust { grid-template-columns: 1fr; margin-top: 20px; } .rolling-v2-trust__item { min-height: 0; padding: 18px; } .rolling-v2-nav { margin: 16px 0 46px; padding: 6px; } .rolling-v2-nav a { padding: 9px 11px; font-size: 12px; } .rolling-v2-section { margin-bottom: 54px; } .rolling-v2-heading { margin-bottom: 24px; } .rolling-v2-scenarios { grid-template-columns: 1fr; } .rolling-v2-scenario { min-height: 0; padding: 21px 18px; } .rolling-v2-scenario > span { margin-bottom: 17px; } .rolling-v2-honest-note { display: block; padding: 18px; } .rolling-v2-honest-note a { display: inline-block; margin-top: 13px; } .rolling-v2-series-card__body { padding: 22px 20px 24px; } .rolling-v2-compare__head { display: none !important; } .rolling-v2-compare > div { grid-template-columns: 1fr; padding: 17px; } .rolling-v2-compare > div > * { padding: 0; border: 0; } .rolling-v2-compare > div > span { margin-bottom: 12px; background: transparent; font-size: 14px; } .rolling-v2-compare > div > p { position: relative; padding-left: 86px; } .rolling-v2-compare > div > p + p { margin-top: 10px; } .rolling-v2-compare > div > p::before { position: absolute; top: 0; left: 0; width: 74px; color: var(--rolling-v2-green-dark); font-size: 11px; font-weight: 900; text-transform: uppercase; } .rolling-v2-compare > div > p:first-of-type::before { content: "Prestige"; } .rolling-v2-compare > div > p:last-of-type::before { content: "Trend"; } .rolling-v2-section--soft { width: auto; padding: 25px 14px; border-radius: 19px; } .rolling-v2-section--soft .rolling-v2-heading { padding: 0 5px; } .rolling-v2-tabs { display: flex; width: 100%; overflow-x: auto; scrollbar-width: none; } .rolling-v2-tabs::-webkit-scrollbar, .rolling-v2-mount-grid::-webkit-scrollbar { display: none; } .rolling-v2-tabs button { flex: 0 0 auto; padding: 9px 13px; font-size: 12px; } .rolling-v2-panel { min-height: 0; } .rolling-v2-panel__media { min-height: 0; height: 220px; } .rolling-v2-panel__media--profile { height: 240px; min-height: 0; padding: 26px; } .rolling-v2-panel__content { padding: 23px 18px; } .rolling-v2-panel__content h3 { font-size: 22px; } .rolling-v2-checks { grid-template-columns: 1fr; } .rolling-v2-colors span::before { width: 43px; height: 28px; } .rolling-v2-panel--safety { padding: 10px; } .rolling-v2-safety-grid { grid-template-columns: 1fr 1fr; gap: 8px; } .rolling-v2-safety-grid article div { padding: 13px; } .rolling-v2-safety-grid strong { font-size: 13px; } .rolling-v2-safety-grid p { font-size: 11px; } .rolling-v2-mount-grid { display: flex; gap: 12px; margin-right: -10px; padding-right: 10px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: thin; } .rolling-v2-mount-grid article { flex: 0 0 min(82vw, 300px); scroll-snap-align: start; } .rolling-v2-mount-grid article > div { min-height: 160px; } .rolling-v2-process__factors, .rolling-v2-process__steps { padding: 28px 20px; } .rolling-v2-process h2 { font-size: 28px; } .rolling-v2-process__steps .rolling-v2-actions { gap: 9px; } .rolling-v2-proof-card--certificate { max-width: none; } .rolling-v2-proof-card--showroom { grid-template-rows: auto auto; } .rolling-v2-proof-card--showroom img { height: auto; } .rolling-v2-proof-card--showroom > div { padding: 21px 19px 23px; } .rolling-v2-faq { grid-template-columns: 1fr; } .rolling-v2-faq summary { padding: 17px 48px 17px 17px; font-size: 14px; } .rolling-v2-related { margin-top: -18px; padding: 15px; } .rolling-v2-related strong { width: 100%; margin-bottom: 3px; } .rolling-v2-final { margin-bottom: 86px; padding: 29px 20px; border-radius: 19px; } .rolling-v2-final h2 { font-size: 28px; } .rolling-v2-mobile-bar { position: fixed; z-index: 190; right: 0; bottom: 0; left: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px max(10px, env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left)); border-top: 1px solid rgba(21, 54, 63, 0.13); background: rgba(255, 255, 255, 0.96); box-shadow: 0 -10px 30px rgba(17, 46, 56, 0.14); backdrop-filter: blur(12px); transition: transform 0.2s ease, opacity 0.2s ease; } .rolling-v2-mobile-bar.is-hidden { opacity: 0; pointer-events: none; transform: translateY(120%); } .rolling-v2-mobile-bar a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 9px 10px; border: 1px solid var(--rolling-v2-green); border-radius: 9px; color: var(--rolling-v2-green-dark) !important; background: #fff; font-size: 12px; font-weight: 850; text-align: center; text-decoration: none !important; } .rolling-v2-mobile-bar a:first-child { border-color: var(--rolling-v2-red); color: #fff !important; background: var(--rolling-v2-red); } } @media (prefers-reduced-motion: reduce) { .rolling-v2 * { scroll-behavior: auto !important; transition: none !important; } } /* ROLSISTEM: automation section, 2026-07-11 */ .rsauto-page { --rsauto-green: #2f8f55; --rsauto-green-soft: #edf7f1; --rsauto-red: #d9272e; --rsauto-ink: #24323a; --rsauto-muted: #607079; --rsauto-line: #dfe7ea; padding-bottom: 12px; } .rsauto-page [id] { scroll-margin-top: 160px; } .rsauto-page code { padding: 1px 5px; border-radius: 4px; background: #eef2f3; color: #33454e; font: 600 .92em/1.35 Consolas, monospace; } .rsauto-hero .rsnp-hero__media { position: relative; padding: clamp(30px, 4vw, 58px); background: #f5f8f6; } .rsauto-hero { min-height: 530px; border-top: 4px solid var(--rsauto-green); box-shadow: 0 18px 42px rgba(32, 52, 61, .08); } .rsauto-hero .rsnp-hero__body { padding-top: 54px; padding-bottom: 54px; } .rsauto-hero .rsnp-hero__media img { filter: none; transform: none; } .rsauto-page img[src$="/rdc-smart.png"] { position: absolute; inset: -12%; width: 124%; height: 124%; max-width: none; object-fit: contain; } .rsauto-page .rsnp-process__item:before { content: counter(rsnp-step); } .rsauto-direction-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; } .rsauto-direction { min-width: 0; display: grid; grid-template-columns: minmax(180px, .8fr) minmax(0, 1.2fr); overflow: hidden; border: 1px solid var(--rsauto-line); border-radius: 8px; background: #fff; color: var(--rsauto-ink) !important; text-decoration: none !important; transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; } .rsauto-direction:hover, .rsauto-direction:focus { border-color: #b9d4c4; box-shadow: 0 14px 34px rgba(32, 52, 61, .09); transform: translateY(-2px); } .rsauto-direction--wide { grid-column: 1 / -1; } .rsauto-direction__media { min-height: 220px; display: block; padding: 22px; background: #f5f7f7; } .rsauto-direction__media img { width: 100%; height: 100%; object-fit: contain; } .rsauto-direction__body { min-width: 0; display: flex; flex-direction: column; justify-content: center; padding: 26px; } .rsauto-direction__body > strong { margin: 5px 0 9px; color: var(--rsauto-ink); font-family: 'SFUIText-Heavy', Arial, sans-serif; font-size: 23px; line-height: 1.2; } .rsauto-direction__body > span:not(.rsauto-eyebrow):not(.rsauto-link) { color: var(--rsauto-muted); font-size: 14px; line-height: 1.5; } .rsauto-eyebrow { color: var(--rsauto-green); font-size: 12px; font-weight: 700; letter-spacing: .06em; line-height: 1.35; text-transform: uppercase; } .rsauto-link { margin-top: 15px; color: var(--rsauto-green); font-size: 14px; font-weight: 700; } .rsauto-link:after { content: " →"; } .rsauto-brand-section .rsnp-panel { border-top: 3px solid #bfd8c8; } .rsauto-smart { width: 100%; max-width: 1180px; display: grid; grid-template-columns: minmax(300px, .8fr) minmax(0, 1.2fr); gap: 0; margin: 0 auto 58px; overflow: hidden; border: 1px solid #cfe2d6; border-radius: 8px; background: var(--rsauto-green-soft); } .rsauto-smart__media { min-height: 360px; padding: 34px; background: #fff; } .rsauto-smart__media img { width: 100%; height: 100%; object-fit: contain; } .rsauto-smart__body { display: flex; flex-direction: column; justify-content: center; padding: 42px; } .rsauto-smart__badge, .rsauto-badge { align-self: flex-start; display: inline-flex; align-items: center; min-height: 28px; margin: 0 0 14px !important; padding: 5px 10px; border: 1px solid #9fc7ad; border-radius: 5px; background: #fff; color: #287348 !important; font-size: 12px !important; font-weight: 700; letter-spacing: .04em; line-height: 1.25 !important; text-transform: uppercase; } .rsauto-smart__notice, .rsauto-notice { padding: 14px 16px; border-left: 3px solid var(--rsauto-green); background: #fff; color: #33464f !important; font-size: 14px !important; line-height: 1.5 !important; } .rsauto-quicknav { width: 100%; max-width: 1180px; display: flex; flex-wrap: wrap; gap: 8px; margin: 0 auto 38px; padding: 12px; border: 1px solid var(--rsauto-line); border-radius: 8px; background: #fff; } .rsauto-quicknav a { min-height: 38px; display: inline-flex; align-items: center; padding: 7px 12px; border: 1px solid #d8e2e5; border-radius: 6px; background: #f7f9f9; color: #33464f !important; font-size: 13px; font-weight: 700; line-height: 1.25; text-decoration: none !important; } .rsauto-quicknav a:hover, .rsauto-quicknav a:focus { border-color: #a9cdb6; background: #eff7f2; color: #287348 !important; } .rsauto-model-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; } .rsauto-model { min-width: 0; display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--rsauto-line); border-radius: 8px; background: #fff; } .rsauto-model-grid > .rsauto-model { display: grid; grid-template-columns: minmax(260px, .72fr) minmax(0, 1.55fr); } .rsauto-model-grid > .rsauto-model > .rsauto-model__media { height: auto; min-height: 360px; padding: 32px; border-right: 1px solid #edf1f2; border-bottom: 0; } .rsauto-model-grid > .rsauto-model > .rsauto-model__body { padding: 28px 30px; } .rsauto-model-grid .rsauto-specs { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 28px; } .rsauto-model-grid .rsauto-model__action { width: 100%; max-width: 260px; } .rsauto-model--smart { border-color: #a9cdb6; box-shadow: inset 0 3px 0 #58a970; } .rsauto-model__media { position: relative; height: 238px; padding: 22px; border-bottom: 1px solid #edf1f2; background: #f7f9f9; } .rsauto-model__media img { width: 100%; height: 100%; object-fit: contain; } .rsauto-model__media .rsauto-badge { position: absolute; top: 12px; left: 12px; margin: 0 !important; } .rsauto-model__body { min-width: 0; flex: 1 1 auto; display: flex; flex-direction: column; padding: 22px; } .rsauto-model__brand { margin-bottom: 5px; color: var(--rsauto-green); font-size: 12px; font-weight: 700; letter-spacing: .05em; line-height: 1.35; text-transform: uppercase; } .rsauto-model h3 { overflow-wrap: anywhere; } .rsauto-model__sku { margin: -4px 0 14px !important; color: #6c7a82 !important; font-size: 13px !important; line-height: 1.4 !important; } .rsauto-specs { display: grid; gap: 0; margin: 2px 0 16px; } .rsauto-specs > div { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 10px; padding: 8px 0; border-bottom: 1px solid #edf1f2; } .rsauto-specs dt, .rsauto-specs dd { margin: 0; font-size: 13px; line-height: 1.35; } .rsauto-specs dt { color: #68777f; } .rsauto-specs dd { color: #2f4048; font-weight: 700; text-align: right; overflow-wrap: anywhere; } .rsauto-model__feature, .rsauto-model__limit { margin: 0 0 10px !important; padding-left: 12px; border-left: 2px solid #bfd8c8; color: #516169 !important; font-size: 13px !important; line-height: 1.48 !important; } .rsauto-model__limit { border-left-color: #d9c8a6; } .rsauto-model__smart-note { margin: 4px 0 14px !important; padding: 12px; border: 1px solid #cfe2d6; border-radius: 6px; background: var(--rsauto-green-soft); color: #33464f !important; font-size: 12px !important; line-height: 1.45 !important; } .rsauto-model__action { min-height: 42px; display: inline-flex; align-items: center; justify-content: center; margin-top: auto; padding: 9px 14px; border: 1px solid #b8c7cc; border-radius: 6px; color: #2f4048 !important; font-size: 13px; font-weight: 700; line-height: 1.25; text-align: center; text-decoration: none !important; } .rsauto-model__action:hover, .rsauto-model__action:focus { border-color: var(--rsauto-green); color: var(--rsauto-green) !important; } .rsauto-table-wrap { overflow-x: auto; overscroll-behavior-inline: contain; -webkit-overflow-scrolling: touch; } .rsauto-table-wrap .rsnp-table { min-width: 860px; } .rsauto-table-wrap .rsnp-table th, .rsauto-table-wrap .rsnp-table td { vertical-align: top; font-size: 13px; line-height: 1.4; } .rsauto-group + .rsauto-group { margin-top: 44px; } .rsauto-group__head { max-width: 820px; margin-bottom: 20px; } .rsauto-group__head h3 { margin-bottom: 6px; font-size: 27px; } .rsauto-accessory-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; } .rsauto-conflict { margin-top: 12px; padding: 12px; border: 1px solid #e7d8bb; border-radius: 6px; background: #fffaf0; color: #5d5140; font-size: 12px; line-height: 1.45; } .rsauto-card-count { color: var(--rsauto-green) !important; font-weight: 700; } @media (max-width: 1180px) { .rs-html-avtomatika, .rs-html-avtomatika body.rs-body-avtomatika { min-width: 0; } .rs-html-avtomatika .inner__content.full_size, .rs-html-avtomatika .titel__inner { width: 100%; min-width: 0; } .rs-html-avtomatika .titel__inner { padding-right: 16px; padding-left: 16px; } .rsauto-smart, .rsauto-quicknav { width: calc(100% - 32px); } .rs-products-nav__list { gap: 10px; } } @media (max-width: 1024px) and (min-width: 981px) { .rs-products-nav__link { padding-right: 7px; padding-left: 7px; font-size: 13px; } } @media (max-width: 980px) { .rsauto-direction-grid, .rsauto-accessory-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rsauto-direction--wide { grid-column: auto; } .rsauto-direction { grid-template-columns: 1fr; } .rsauto-direction__media { min-height: 210px; } .rsauto-smart { grid-template-columns: 1fr; } .rsauto-smart__media { min-height: 300px; } .rs-mega--automation .rs-mega__columns { grid-template-columns: 1fr; } } @media (max-width: 760px) { .rsauto-model-grid > .rsauto-model { grid-template-columns: minmax(0, 1fr); } .rsauto-model-grid > .rsauto-model > .rsauto-model__media { height: 250px; min-height: 250px; padding: 22px; border-right: 0; border-bottom: 1px solid #edf1f2; } .rsauto-model-grid > .rsauto-model > .rsauto-model__body { padding: 22px; } .rsauto-model-grid .rsauto-specs { grid-template-columns: minmax(0, 1fr); } .rsauto-model-grid .rsauto-model__action { max-width: none; } } @media (max-width: 640px) { .rsauto-direction-grid, .rsauto-model-grid, .rsauto-accessory-grid { grid-template-columns: 1fr; } .rsauto-direction__body, .rsauto-model__body, .rsauto-smart__body { padding: 20px; } .rsauto-direction__media, .rsauto-model__media { height: 220px; min-height: 220px; padding: 18px; } .rsauto-smart, .rsauto-quicknav { width: calc(100% - 24px); } .rsauto-smart__media { min-height: 250px; padding: 24px; } .rsauto-hero { min-height: 0; box-shadow: 0 12px 28px rgba(32, 52, 61, .07); } .rsauto-hero .rsnp-hero__body { padding-top: 30px; padding-bottom: 30px; } .rsauto-hero .rsnp-hero__media { padding: 24px; } .rsauto-quicknav { flex-wrap: nowrap; overflow-x: auto; } .rsauto-quicknav a { flex: 0 0 auto; } .rsauto-specs > div { grid-template-columns: 1fr; gap: 3px; } .rsauto-specs dd { text-align: left; } .rsauto-group__head h3 { font-size: 24px; } } /* Contacts wow redesign 2026-07-10. Scoped to /contacts/. */ .rs-scope-contacts .contacts-wow { --cw-navy: #0e2f56; --cw-navy-deep: #09233f; --cw-cyan: #0b6f8a; --cw-orange: #c9431f; --cw-orange-dark: #aa3516; --cw-green: #1d7548; --cw-ink: #172b3a; --cw-muted: #516273; --cw-line: #d7e2e9; --cw-soft: #f3f7f9; --cw-warm: #fff7f2; margin: 0 0 52px; color: var(--cw-ink); font-size: 16px; line-height: 1.55; } .rs-scope-contacts .contacts-wow, .rs-scope-contacts .contacts-wow * { box-sizing: border-box; } .rs-scope-contacts .contacts-wow h2, .rs-scope-contacts .contacts-wow h3, .rs-scope-contacts .contacts-wow p, .rs-scope-contacts .contacts-wow figure, .rs-scope-contacts .contacts-wow dl, .rs-scope-contacts .contacts-wow dd { margin-top: 0; } .rs-scope-contacts .contacts-wow h2, .rs-scope-contacts .contacts-wow h3 { color: var(--cw-navy); font-family: 'Exo2.0-ExtraBold', sans-serif; font-weight: 700; letter-spacing: 0; text-align: left; text-transform: none; } .rs-scope-contacts .contacts-wow h2 { margin-bottom: 12px; font-size: clamp(28px, 3vw, 38px); line-height: 1.14; } .rs-scope-contacts .contacts-wow h3 { margin-bottom: 14px; font-size: clamp(22px, 2.2vw, 28px); line-height: 1.2; } .rs-scope-contacts .contacts-wow p { margin-bottom: 12px; color: var(--cw-muted); font-size: inherit; } .rs-scope-contacts .contacts-wow address { color: inherit; font-style: normal; } .rs-scope-contacts .contacts-wow ul, .rs-scope-contacts .contacts-wow ol { width: auto; margin: 0; padding: 0; list-style: none; } .rs-scope-contacts .contacts-wow button, .rs-scope-contacts .contacts-wow input, .rs-scope-contacts .contacts-wow textarea { font-family: inherit; } .rs-scope-contacts .contacts-wow img { display: block; max-width: 100%; height: auto; } .rs-scope-contacts :focus { outline: 3px solid var(--cw-cyan); outline-offset: 3px; } @supports selector(:focus-visible) { .rs-scope-contacts :focus:not(:focus-visible) { outline: none; } .rs-scope-contacts :focus-visible { outline: 3px solid var(--cw-cyan); outline-offset: 3px; } } .rs-scope-contacts .contacts-wow__visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; border: 0 !important; } .rs-scope-contacts .contacts-wow__kicker { margin: 0 0 9px !important; color: var(--cw-cyan) !important; font-size: 13px !important; font-weight: 800; letter-spacing: .08em; line-height: 1.3; text-transform: uppercase; } .rs-scope-contacts .contacts-wow__hero { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr); min-height: 470px; margin: 0 0 30px; overflow: hidden; border: 1px solid #cfdde6; border-radius: 16px; background: radial-gradient(circle at 6% 10%, rgba(11, 111, 138, .10), transparent 33%), linear-gradient(135deg, #f8fbfc 0%, #eef5f7 100%); box-shadow: 0 18px 48px rgba(14, 47, 86, .10); } .rs-scope-contacts .contacts-wow__hero-copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(30px, 5vw, 58px); } .rs-scope-contacts .contacts-wow__hero h2 { max-width: 610px; margin-bottom: 16px; font-size: clamp(34px, 4.1vw, 52px); line-height: 1.06; } .rs-scope-contacts .contacts-wow__lead { max-width: 650px; margin-bottom: 24px !important; color: #405466 !important; font-size: clamp(17px, 1.8vw, 20px) !important; line-height: 1.55; } .rs-scope-contacts .contacts-wow__actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; } .rs-scope-contacts .contacts-wow__button, .rs-scope-contacts a.contacts-wow__button, .rs-scope-contacts button.contacts-wow__button { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 12px 18px; border: 1px solid #afc3d0; border-radius: 7px; background: #fff; color: var(--cw-cyan) !important; cursor: pointer; font-size: 15px; font-weight: 800; letter-spacing: 0; line-height: 1.2; text-align: center; text-decoration: none; text-transform: none; transition: border-color .2s ease, background-color .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease; } .rs-scope-contacts .contacts-wow__button--primary, .rs-scope-contacts a.contacts-wow__button--primary, .rs-scope-contacts button.contacts-wow__button--primary, .rs-scope-contacts .contacts-wow__button--primary:link, .rs-scope-contacts .contacts-wow__button--primary:visited { border-color: var(--cw-orange); background: var(--cw-orange); color: #fff !important; } .rs-scope-contacts .contacts-wow__button--light, .rs-scope-contacts a.contacts-wow__button--light { border-color: rgba(14, 47, 86, .24); background: rgba(255, 255, 255, .84); color: var(--cw-navy) !important; } @media (hover: hover) { .rs-scope-contacts .contacts-wow__button:hover, .rs-scope-contacts .contacts-wow__icon-button:hover { border-color: var(--cw-cyan); background: #eef8fa; color: var(--cw-navy) !important; text-decoration: none; transform: translateY(-1px); } .rs-scope-contacts .contacts-wow__button--primary:hover, .rs-scope-contacts a.contacts-wow__button--primary:hover, .rs-scope-contacts button.contacts-wow__button--primary:hover { border-color: var(--cw-orange-dark); background: var(--cw-orange-dark); color: #fff !important; box-shadow: 0 8px 20px rgba(170, 53, 22, .20); } } .rs-scope-contacts .contacts-wow__hero-facts { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; margin-top: 30px !important; padding-top: 22px !important; border-top: 1px solid rgba(14, 47, 86, .14); } .rs-scope-contacts .contacts-wow__hero-facts li { display: grid; grid-template-columns: auto 1fr; gap: 8px; align-items: center; } .rs-scope-contacts .contacts-wow__hero-facts strong { color: var(--cw-navy); font-family: 'Exo2.0-ExtraBold', sans-serif; font-size: 26px; line-height: 1; } .rs-scope-contacts .contacts-wow__hero-facts span { color: var(--cw-muted); font-size: 12px; line-height: 1.25; } .rs-scope-contacts .contacts-wow__hero-visual { position: relative; min-width: 0; min-height: 470px; margin: 0; overflow: hidden; background: var(--cw-navy); } .rs-scope-contacts .contacts-wow__hero-media, .rs-scope-contacts .contacts-wow__hero-media img { width: 100%; height: 100%; min-height: 470px; } .rs-scope-contacts .contacts-wow__hero-media img { object-fit: cover; object-position: center; } .rs-scope-contacts .contacts-wow__hero-media::after { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 38%, rgba(9, 35, 63, .90) 100%); content: ""; pointer-events: none; } .rs-scope-contacts .contacts-wow__shutter { position: absolute; z-index: 2; inset: 0; background: repeating-linear-gradient( 180deg, #193f61 0, #193f61 34px, #315775 35px, #0b2946 38px ); box-shadow: inset 0 -8px 20px rgba(0, 0, 0, .25); pointer-events: none; animation: contacts-shutter-open 2.46s cubic-bezier(.62, .05, .28, .98) .18s both; } @keyframes contacts-shutter-open { from { transform: translateY(0); } to { transform: translateY(-104%); } } .rs-scope-contacts .contacts-wow__hero-visual figcaption { position: absolute; z-index: 3; right: 28px; bottom: 28px; left: 28px; display: flex; flex-direction: column; gap: 3px; color: #fff; } .rs-scope-contacts .contacts-wow__hero-visual figcaption strong { font-size: 19px; line-height: 1.3; } .rs-scope-contacts .contacts-wow__hero-visual figcaption span { color: rgba(255, 255, 255, .82); font-size: 13px; } .rs-scope-contacts .contacts-wow__router { margin: 0 0 26px; padding: clamp(24px, 3.5vw, 38px); border: 1px solid var(--cw-line); border-radius: 14px; background: var(--cw-soft); } .rs-scope-contacts .contacts-wow__section-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 440px); gap: 30px; align-items: end; margin-bottom: 24px; } .rs-scope-contacts .contacts-wow__section-heading--compact { margin-bottom: 20px; } .rs-scope-contacts .contacts-wow__section-heading h2 { margin-bottom: 0; } .rs-scope-contacts .contacts-wow__section-heading > p { margin: 0; line-height: 1.55; } .rs-scope-contacts .contacts-wow__intent-list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 9px; } .rs-scope-contacts .contacts-wow__intent { display: flex; min-width: 0; min-height: 104px; flex-direction: column; justify-content: space-between; padding: 15px; border: 1px solid #cbd9e2; border-radius: 9px; background: #fff; color: var(--cw-navy); cursor: pointer; font-size: 14px; font-weight: 400; letter-spacing: 0; line-height: 1.25; text-align: left; text-transform: none; transition: border-color .2s ease, background-color .2s ease, color .2s ease, transform .2s ease; } .rs-scope-contacts .contacts-wow__intent span { color: var(--cw-cyan); font-size: 12px; font-weight: 800; } .rs-scope-contacts .contacts-wow__intent strong { font-size: 15px; line-height: 1.25; } .rs-scope-contacts .contacts-wow__intent[aria-pressed="true"] { border-color: var(--cw-navy); background: var(--cw-navy); color: #fff; box-shadow: 0 10px 24px rgba(14, 47, 86, .16); transform: translateY(-2px); } .rs-scope-contacts .contacts-wow__intent[aria-pressed="true"] span { color: #72c7d8; } .rs-scope-contacts .contacts-wow__intent-results { margin-top: 14px; } .rs-scope-contacts .contacts-wow__intent-panel { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 22px; align-items: center; min-height: 124px; padding: 22px; border: 1px solid #cbd9e2; border-left: 4px solid var(--cw-cyan); border-radius: 9px; background: #fff; } .rs-scope-contacts .contacts-wow__intent-panel[hidden] { display: none; } .rs-scope-contacts .contacts-wow__intent-panel > div:first-child > strong { display: block; margin-bottom: 5px; color: var(--cw-navy); font-size: 19px; } .rs-scope-contacts .contacts-wow__intent-panel p { max-width: 720px; margin: 0; } .rs-scope-contacts .contacts-wow__quick { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 0 0 48px; } .rs-scope-contacts .contacts-wow__quick-card { position: relative; display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 12px; align-items: start; min-width: 0; min-height: 156px; padding: 20px; border: 1px solid var(--cw-line); border-radius: 11px; background: #fff; box-shadow: 0 8px 24px rgba(14, 47, 86, .06); } .rs-scope-contacts .contacts-wow__quick-card--accent { border-color: #efd0c5; background: var(--cw-warm); } .rs-scope-contacts .contacts-wow__quick-icon { display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; border-radius: 50%; background: #e8f5f7; color: var(--cw-cyan); font-size: 19px; font-weight: 800; } .rs-scope-contacts .contacts-wow__quick-card > div { min-width: 0; } .rs-scope-contacts .contacts-wow__quick-card > div > span, .rs-scope-contacts .contacts-wow__quick-card small { display: block; color: var(--cw-muted); font-size: 12px; line-height: 1.4; } .rs-scope-contacts .contacts-wow__quick-card strong { display: block; margin: 4px 0 5px; color: var(--cw-navy); font-size: 18px; line-height: 1.25; } .rs-scope-contacts .contacts-wow__quick-card strong a, .rs-scope-contacts .contacts-wow__quick-card strong a:visited { color: var(--cw-navy); text-decoration: none; } .rs-scope-contacts .contacts-wow__icon-button { grid-column: 2; justify-self: start; min-height: 36px; margin-top: 3px; padding: 7px 11px; border: 1px solid #b9cbd6; border-radius: 6px; background: #fff; color: var(--cw-cyan) !important; cursor: pointer; font-size: 12px; font-weight: 800; letter-spacing: 0; line-height: 1.25; text-decoration: none; text-transform: none; } .rs-scope-contacts .contacts-wow__icon-button.is-copied::after, .rs-scope-contacts .contacts-wow__button.is-copied::after { margin-left: 7px; color: var(--cw-green); content: "✓"; } .rs-scope-contacts .contacts-wow__status.is-open, .rs-scope-contacts [data-location-status].is-open { color: var(--cw-green); } .rs-scope-contacts .contacts-wow__status.is-soon, .rs-scope-contacts [data-location-status].is-soon { color: #8a5a00; } .rs-scope-contacts .contacts-wow__status.is-closed, .rs-scope-contacts [data-location-status].is-closed { color: #8a3b32; } .rs-scope-contacts .contacts-wow__section { margin: 0 0 52px; scroll-margin-top: 150px; } .rs-scope-contacts .contacts-wow__office-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-bottom: 14px; } .rs-scope-contacts .contacts-wow__office-tabs [role="tab"] { display: flex; min-height: 78px; flex-direction: column; justify-content: center; padding: 14px 18px; border: 1px solid var(--cw-line); border-radius: 9px; background: #f7fafb; color: var(--cw-navy); cursor: pointer; font-size: 14px; letter-spacing: 0; line-height: 1.25; text-align: left; text-transform: none; transition: border-color .2s ease, background-color .2s ease, color .2s ease; } .rs-scope-contacts .contacts-wow__office-tabs [role="tab"] span { margin-bottom: 3px; color: var(--cw-muted); font-size: 11px; font-weight: 700; text-transform: uppercase; } .rs-scope-contacts .contacts-wow__office-tabs [role="tab"] strong { font-size: 18px; } .rs-scope-contacts .contacts-wow__office-tabs [role="tab"][aria-selected="true"] { border-color: var(--cw-cyan); background: #eaf5f7; box-shadow: inset 0 -3px 0 var(--cw-cyan); } .rs-scope-contacts .contacts-wow__office-stage { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr); gap: 16px; align-items: stretch; } .rs-scope-contacts .contacts-wow__office-panels, .rs-scope-contacts .contacts-wow__office { min-width: 0; } .rs-scope-contacts .contacts-wow__office { min-height: 100%; padding: clamp(22px, 3vw, 32px); border: 1px solid var(--cw-line); border-top: 4px solid var(--cw-cyan); border-radius: 11px; background: #fff; box-shadow: 0 12px 30px rgba(14, 47, 86, .08); } .rs-scope-contacts .contacts-wow__office[hidden] { display: none; } .rs-scope-contacts .contacts-wow__office-topline { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; justify-content: space-between; margin-bottom: 12px; } .rs-scope-contacts .contacts-wow__badge, .rs-scope-contacts .contacts-wow__status, .rs-scope-contacts .contacts-wow__warning { display: inline-flex; align-items: center; min-height: 28px; padding: 5px 9px; border-radius: 999px; font-size: 11px; font-weight: 800; line-height: 1.25; } .rs-scope-contacts .contacts-wow__badge { background: #e8f5f7; color: var(--cw-cyan); } .rs-scope-contacts .contacts-wow__status { background: #f3f6f7; color: var(--cw-muted); } .rs-scope-contacts .contacts-wow__details { margin: 18px 0 24px; border-top: 1px solid var(--cw-line); } .rs-scope-contacts .contacts-wow__details > div { display: grid; grid-template-columns: 105px minmax(0, 1fr); gap: 16px; padding: 14px 0; border-bottom: 1px solid var(--cw-line); } .rs-scope-contacts .contacts-wow__details dt { color: var(--cw-muted); font-size: 12px; font-weight: 800; text-transform: uppercase; } .rs-scope-contacts .contacts-wow__details dd { margin: 0; color: var(--cw-ink); font-size: 14px; line-height: 1.55; } .rs-scope-contacts .contacts-wow__map { display: flex; min-width: 0; flex-direction: column; padding: 22px; border-radius: 11px; background: var(--cw-navy-deep); color: #fff; box-shadow: 0 12px 30px rgba(9, 35, 63, .16); } .rs-scope-contacts .contacts-wow__map-copy > span { color: #8ec9d5; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; } .rs-scope-contacts .contacts-wow__map h3 { margin: 4px 0 3px; color: #fff; font-size: 22px; } .rs-scope-contacts .contacts-wow__map-copy p { margin-bottom: 14px; color: rgba(255, 255, 255, .72); font-size: 13px; } .rs-scope-contacts .contacts-wow__map-canvas { position: relative; min-height: 300px; margin-bottom: 14px; overflow: hidden; border: 1px solid rgba(255, 255, 255, .15); border-radius: 9px; background: radial-gradient(circle at 72% 36%, rgba(86, 177, 195, .25), transparent 24%), linear-gradient(145deg, #143d5f, #0b2946); } .rs-scope-contacts .contacts-wow__map-pattern { position: absolute; inset: 0; opacity: .85; background: linear-gradient(32deg, transparent 47%, rgba(139, 203, 215, .24) 48%, rgba(139, 203, 215, .24) 50%, transparent 51%), linear-gradient(-21deg, transparent 44%, rgba(255, 255, 255, .11) 45%, rgba(255, 255, 255, .11) 47%, transparent 48%); background-size: 160px 120px, 130px 150px; } .rs-scope-contacts .contacts-wow__map-pattern::before { position: absolute; top: 33%; right: 16%; width: 32px; height: 32px; border: 6px solid var(--cw-orange); border-radius: 50% 50% 50% 0; background: #fff; content: ""; transform: rotate(-45deg); box-shadow: 0 8px 18px rgba(0, 0, 0, .28); } .rs-scope-contacts .contacts-wow__map-pattern span { position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #74c3d2; box-shadow: 0 0 0 5px rgba(116, 195, 210, .15); } .rs-scope-contacts .contacts-wow__map-pattern span:nth-child(1) { top: 22%; left: 18%; } .rs-scope-contacts .contacts-wow__map-pattern span:nth-child(2) { top: 64%; left: 36%; } .rs-scope-contacts .contacts-wow__map-pattern span:nth-child(3) { right: 20%; bottom: 18%; } .rs-scope-contacts .contacts-wow__map-prompt { position: relative; z-index: 2; display: flex; min-height: 300px; flex-direction: column; align-items: center; justify-content: center; padding: 28px; text-align: center; } .rs-scope-contacts .contacts-wow__map-prompt strong { margin-bottom: 5px; color: #fff; font-size: 18px; } .rs-scope-contacts .contacts-wow__map-prompt p { max-width: 300px; margin-bottom: 16px; color: rgba(255, 255, 255, .72); font-size: 13px; } .rs-scope-contacts .contacts-wow__map-canvas.is-loaded .contacts-wow__map-pattern, .rs-scope-contacts .contacts-wow__map-canvas.is-loaded .contacts-wow__map-prompt { display: none; } .rs-scope-contacts .contacts-wow__map-frame { position: absolute; inset: 0; display: block; width: 100%; height: 100%; border: 0; background: #fff; } .rs-scope-contacts .contacts-wow__map-route, .rs-scope-contacts .contacts-wow__map-route:visited { display: flex; gap: 8px; align-items: center; justify-content: space-between; margin-top: auto; color: #fff; font-size: 13px; font-weight: 800; text-decoration: none; } .rs-scope-contacts .contacts-wow__warehouse { margin: 0 0 52px; padding: clamp(24px, 3.5vw, 38px); scroll-margin-top: 150px; border: 1px solid #efd7cc; border-left: 5px solid var(--cw-orange); border-radius: 14px; background: var(--cw-warm); } .rs-scope-contacts .contacts-wow__warehouse-head { display: flex; gap: 20px; align-items: center; justify-content: space-between; margin-bottom: 22px; } .rs-scope-contacts .contacts-wow__warehouse-head h2 { margin-bottom: 0; } .rs-scope-contacts .contacts-wow__warning { background: #f6ded4; color: #7e2f1c; } .rs-scope-contacts .contacts-wow__warehouse-grid { display: grid; grid-template-columns: minmax(300px, .82fr) minmax(0, 1.18fr); gap: 30px; align-items: start; } .rs-scope-contacts .contacts-wow__warehouse-address { padding: 22px; border: 1px solid #ecd8ce; border-radius: 9px; background: #fff; } .rs-scope-contacts .contacts-wow__warehouse-address > span { color: var(--cw-muted); font-size: 11px; font-weight: 800; text-transform: uppercase; } .rs-scope-contacts .contacts-wow__warehouse-address address { margin: 5px 0 14px; color: var(--cw-navy); font-size: 19px; font-weight: 800; line-height: 1.35; } .rs-scope-contacts .contacts-wow__warehouse-address p { font-size: 14px; } .rs-scope-contacts .contacts-wow__steps { display: grid; gap: 10px; } .rs-scope-contacts .contacts-wow__steps li { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 14px; align-items: start; padding: 14px 16px; border: 1px solid #ecd8ce; border-radius: 9px; background: rgba(255, 255, 255, .76); } .rs-scope-contacts .contacts-wow__steps li > span { display: inline-flex; width: 38px; height: 38px; align-items: center; justify-content: center; border-radius: 50%; background: var(--cw-navy); color: #fff; font-size: 15px; font-weight: 800; } .rs-scope-contacts .contacts-wow__steps strong { display: block; margin-bottom: 2px; color: var(--cw-navy); } .rs-scope-contacts .contacts-wow__steps p { margin: 0; font-size: 13px; } .rs-scope-contacts .contacts-wow__requisites { display: grid; grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr); gap: 30px; align-items: center; margin: 0 0 52px; padding: clamp(24px, 3.5vw, 38px); border: 1px solid var(--cw-line); border-radius: 14px; background: var(--cw-soft); } .rs-scope-contacts .contacts-wow__requisites > div:first-child p:last-child { max-width: 360px; margin-bottom: 0; } .rs-scope-contacts .contacts-wow__requisites-card { padding: 22px; border: 1px solid var(--cw-line); border-radius: 9px; background: #fff; box-shadow: 0 10px 24px rgba(14, 47, 86, .06); } .rs-scope-contacts .contacts-wow__requisites-card dl { margin-bottom: 18px; } .rs-scope-contacts .contacts-wow__requisites-card dl > div { display: grid; grid-template-columns: 145px minmax(0, 1fr); gap: 14px; padding: 9px 0; border-bottom: 1px solid #e5edf1; } .rs-scope-contacts .contacts-wow__requisites-card dl > div:last-child { border-bottom: 0; } .rs-scope-contacts .contacts-wow__requisites-card dt { color: var(--cw-muted); font-size: 12px; font-weight: 800; } .rs-scope-contacts .contacts-wow__requisites-card dd { margin: 0; color: var(--cw-ink); font-size: 14px; } .rs-scope-contacts .contacts-wow__director { display: grid; grid-template-columns: minmax(280px, .68fr) minmax(0, 1.32fr); margin: 0; overflow: hidden; scroll-margin-top: 150px; border: 1px solid var(--cw-line); border-radius: 14px; background: #fff; box-shadow: 0 16px 38px rgba(14, 47, 86, .09); } .rs-scope-contacts .contacts-wow__director-intro { padding: clamp(26px, 3.5vw, 40px); border: 0; background: radial-gradient(circle at 18% 12%, rgba(66, 166, 188, .24), transparent 36%), var(--cw-navy-deep); color: #fff; } .rs-scope-contacts .contacts-wow__director-intro .contacts-wow__kicker { color: #8ad0dc !important; } .rs-scope-contacts .contacts-wow__director-intro h2 { color: #fff; } .rs-scope-contacts .contacts-wow__director-intro p { color: rgba(255, 255, 255, .78); } .rs-scope-contacts .contacts-wow__director-note { margin-top: 24px !important; padding-top: 18px; border-top: 1px solid rgba(255, 255, 255, .18); color: #fff !important; font-size: 13px !important; } .rs-scope-contacts .contacts-wow__director-form { min-width: 0; padding: 0; background: #f4f7f8; } .rs-scope-contacts .contacts-wow__director-form, .rs-scope-contacts .contacts-wow__director-form *, .rs-scope-contacts .contacts-wow__director-form form, .rs-scope-contacts .contacts-wow__director-form .calc { box-sizing: border-box; } .rs-scope-contacts .contacts-wow__director-form form, .rs-scope-contacts .contacts-wow__director-form .calc, .rs-scope-contacts .contacts-wow__director-form .calc__middle, .rs-scope-contacts .contacts-wow__director-form .calc__bottom { width: 100%; max-width: none; } .rs-scope-contacts .contacts-wow__director-form .calc__middle, .rs-scope-contacts .contacts-wow__director-form .calc__bottom, .rs-scope-contacts .contacts-wow__director-form .feedback-boss__res { padding: 26px 30px; } .rs-scope-contacts .contacts-wow__director-form .calc__bottom { padding-top: 0; } .rs-scope-contacts .contacts-wow__director-form .middle__field { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 14px; align-items: start; width: 100%; max-width: 720px; margin-bottom: 15px; } .rs-scope-contacts .contacts-wow__director-form .middle__lable { width: auto; margin: 0; padding-top: 13px; color: var(--cw-ink); font-size: 14px; } .rs-scope-contacts .contacts-wow__director-form .middle__input, .rs-scope-contacts .contacts-wow__director-form .middle__textarea { display: block; width: 100%; max-width: 100%; min-width: 0; min-height: 50px; height: auto; padding: 12px 14px; border: 1px solid #aebdca; border-radius: 7px; background: #fff; color: var(--cw-ink); font: inherit; line-height: 1.4; text-transform: none; } .rs-scope-contacts .contacts-wow__director-form .middle__textarea { min-height: 132px; resize: vertical; } .rs-scope-contacts .contacts-wow__director-form .contacts-wow__director-field--hidden, .rs-scope-contacts .contacts-wow__director-form input.middle__input[name="form_email_140"] { display: none !important; } .rs-scope-contacts .contacts-wow__director-form .middle__input:focus, .rs-scope-contacts .contacts-wow__director-form .middle__textarea:focus { border-color: var(--cw-cyan); } .rs-scope-contacts .contacts-wow__director-form .starrequired { color: #b42318; } .rs-scope-contacts .contacts-wow__director-form .checkbox__item input[type="checkbox"] { position: absolute; display: block; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; } .rs-scope-contacts .contacts-wow__director-form .checkbox__item label { display: inline-flex; align-items: flex-start; cursor: pointer; } .rs-scope-contacts .contacts-wow__director-form .checkbox__item .field__label { margin-left: 28px; color: var(--cw-muted); line-height: 1.45; } .rs-scope-contacts .contacts-wow__director-form .checkbox__item .field__label::before, .rs-scope-contacts .contacts-wow__director-form .checkbox__item input:checked + .field__label::before { top: 1px; left: -28px; width: 18px; height: 18px; } .rs-scope-contacts .contacts-wow__director-form .checkbox__item input:focus-visible + .field__label::before { outline: 3px solid var(--cw-cyan); outline-offset: 3px; } .rs-scope-contacts .contacts-wow__director-form .field__label a { color: var(--cw-cyan); text-decoration: underline; text-underline-offset: 2px; } .rs-scope-contacts .contacts-wow__director-form .bottom__submit { display: flex; width: 100%; max-width: 720px; gap: 20px; align-items: center; } .rs-scope-contacts .contacts-wow__director-form .bottom__button { width: auto; min-width: 190px; min-height: 48px; height: auto; padding: 13px 20px; border-radius: 7px; background: var(--cw-orange); color: #fff; font-size: 14px; letter-spacing: 0; line-height: 1.3; text-transform: none; } @media (hover: hover) { .rs-scope-contacts .contacts-wow__director-form .bottom__button:hover { background: var(--cw-orange-dark); } } .rs-scope-contacts .contacts-wow__mobile-actions { display: none; } .rs-scope-contacts .contacts-wow__copy-field { position: fixed; top: -1000px; left: -1000px; width: 1px; height: 1px; opacity: .01; } @media (max-width: 980px) { .rs-scope-contacts .contacts-wow__hero { grid-template-columns: minmax(0, 1fr) minmax(300px, .8fr); } .rs-scope-contacts .contacts-wow__hero-facts { grid-template-columns: 1fr; gap: 8px; } .rs-scope-contacts .contacts-wow__intent-list { grid-template-columns: repeat(3, minmax(0, 1fr)); } .rs-scope-contacts .contacts-wow__office-stage { grid-template-columns: 1fr; } .rs-scope-contacts .contacts-wow__map-canvas { min-height: 330px; } .rs-scope-contacts .contacts-wow__quick { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-contacts .contacts-wow__quick-card--accent { grid-column: 1 / -1; } } @media (max-width: 760px) { .rs-scope-contacts .contacts-wow { margin-bottom: 86px; font-size: 15px; } .rs-scope-contacts .contacts-wow__hero { grid-template-columns: 1fr; min-height: 0; border-radius: 12px; } .rs-scope-contacts .contacts-wow__hero-copy { padding: 26px 22px 28px; } .rs-scope-contacts .contacts-wow__hero h2 { font-size: 34px; } .rs-scope-contacts .contacts-wow__hero-facts { grid-template-columns: minmax(0, 1fr); } .rs-scope-contacts .contacts-wow__hero-facts li { display: block; } .rs-scope-contacts .contacts-wow__hero-facts strong, .rs-scope-contacts .contacts-wow__hero-facts span { display: block; } .rs-scope-contacts .contacts-wow__hero-facts span { margin-top: 4px; } .rs-scope-contacts .contacts-wow__hero-visual, .rs-scope-contacts .contacts-wow__hero-media, .rs-scope-contacts .contacts-wow__hero-media img { min-height: 300px; } .rs-scope-contacts .contacts-wow__router, .rs-scope-contacts .contacts-wow__warehouse, .rs-scope-contacts .contacts-wow__requisites { padding: 22px; border-radius: 11px; } .rs-scope-contacts .contacts-wow__section-heading { grid-template-columns: 1fr; gap: 8px; } .rs-scope-contacts .contacts-wow__intent-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-scope-contacts .contacts-wow__intent { min-height: 92px; } .rs-scope-contacts .contacts-wow__intent:last-child { grid-column: 1 / -1; } .rs-scope-contacts .contacts-wow__intent-panel { grid-template-columns: 1fr; } .rs-scope-contacts .contacts-wow__quick { grid-template-columns: 1fr; margin-bottom: 42px; } .rs-scope-contacts .contacts-wow__quick-card--accent { grid-column: auto; } .rs-scope-contacts .contacts-wow__office-tabs [role="tab"] { min-height: 72px; padding: 12px; } .rs-scope-contacts .contacts-wow__office-tabs [role="tab"] strong { font-size: 16px; } .rs-scope-contacts .contacts-wow__office { padding: 22px; } .rs-scope-contacts .contacts-wow__office-topline { align-items: flex-start; flex-direction: column; } .rs-scope-contacts .contacts-wow__warehouse-head { align-items: flex-start; flex-direction: column; } .rs-scope-contacts .contacts-wow__warehouse-grid, .rs-scope-contacts .contacts-wow__requisites, .rs-scope-contacts .contacts-wow__director { grid-template-columns: 1fr; } .rs-scope-contacts .contacts-wow__director-intro { padding: 26px 22px; } .rs-scope-contacts .contacts-wow__director-form .calc__middle, .rs-scope-contacts .contacts-wow__director-form .calc__bottom, .rs-scope-contacts .contacts-wow__director-form .feedback-boss__res { padding: 22px; } .rs-scope-contacts .contacts-wow__director-form .middle__field { display: block; width: 100%; max-width: none; margin-bottom: 16px; } .rs-scope-contacts .contacts-wow__director-form .middle__lable { display: block; width: auto; margin: 0 0 8px; padding: 0; } .rs-scope-contacts .contacts-wow__director-form .bottom__submit { width: 100%; flex-direction: column; align-items: stretch; } .rs-scope-contacts .contacts-wow__director-form .bottom__submit p { margin: 0; } .rs-scope-contacts .contacts-wow__director-form .bottom__button { width: 100%; min-width: 0; } .rs-scope-contacts .contacts-wow__mobile-actions { position: fixed; z-index: 80; right: 10px; bottom: 10px; left: 10px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 7px; border: 1px solid rgba(255, 255, 255, .22); border-radius: 13px; background: rgba(9, 35, 63, .96); box-shadow: 0 12px 34px rgba(9, 35, 63, .28); backdrop-filter: blur(10px); } .rs-scope-contacts .contacts-wow__mobile-actions a, .rs-scope-contacts .contacts-wow__mobile-actions a:visited { display: flex; min-height: 52px; flex-direction: column; gap: 2px; align-items: center; justify-content: center; border-radius: 8px; color: #fff; font-size: 11px; font-weight: 800; line-height: 1.2; text-decoration: none; } .rs-scope-contacts .contacts-wow__mobile-actions a + a { border-left: 1px solid rgba(255, 255, 255, .14); } .rs-scope-contacts .contacts-wow__mobile-actions span { color: #8ad0dc; font-size: 17px; } } @media (max-width: 480px) { .rs-scope-contacts .contacts-wow__hero h2 { font-size: 30px; } .rs-scope-contacts .contacts-wow__actions { align-items: stretch; flex-direction: column; } .rs-scope-contacts .contacts-wow__button, .rs-scope-contacts a.contacts-wow__button, .rs-scope-contacts button.contacts-wow__button { width: 100%; } .rs-scope-contacts .contacts-wow__hero-facts { gap: 8px; } .rs-scope-contacts .contacts-wow__intent { min-height: 88px; padding: 13px; } .rs-scope-contacts .contacts-wow__intent strong { font-size: 13px; } .rs-scope-contacts .contacts-wow__office-tabs { gap: 7px; } .rs-scope-contacts .contacts-wow__office-tabs [role="tab"] span { font-size: 9px; } .rs-scope-contacts .contacts-wow__office-tabs [role="tab"] strong { font-size: 14px; } .rs-scope-contacts .contacts-wow__details > div, .rs-scope-contacts .contacts-wow__requisites-card dl > div { grid-template-columns: 1fr; gap: 5px; } .rs-scope-contacts .contacts-wow__map, .rs-scope-contacts .contacts-wow__warehouse-address, .rs-scope-contacts .contacts-wow__requisites-card { padding: 18px; } .rs-scope-contacts .contacts-wow__map-canvas, .rs-scope-contacts .contacts-wow__map-prompt { min-height: 280px; } } @media (prefers-reduced-motion: reduce) { .rs-scope-contacts .contacts-wow *, .rs-scope-contacts .contacts-wow *::before, .rs-scope-contacts .contacts-wow *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; } .rs-scope-contacts .contacts-wow__shutter { display: none; } } /* End */ /* /local/templates/rols_adaptive/css/owl.carousel.min.css?16218695693351 */ /* /local/templates/rols_adaptive/css/owl.theme.default.min.css?16218695691013 */ /* /local/templates/rols_adaptive/css/fblock.css?178370840321772 */ /* /local/templates/rols_adaptive/css/touchTouch.css?16218695692352 */ /* /bitrix/components/bitrix/form.result.new/error.css?1621869597163 */ /* /local/templates/rols_adaptive/styles.css?1781862445378 */ /* /local/templates/rols_adaptive/template_styles.css?1783792239685089 */