/* Start:/css/30let.css?17933468056439*/
.mdh{--ink:#2E3234;--deep:#17191A;--red:#CE141B;--gray:#CACAC7;--soft:#F3F2EF;--mid:#6c7072;--line:#dcdbd6;--max:1920px;--pad:100px}
.mdh *{box-sizing:border-box;margin:0;padding:0}
.mdh{scroll-behavior:smooth;font-family:"Cera Pro",sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;line-height:1.5}
.mdh img{display:block;max-width:100%}
.mdh button{font-family:inherit;cursor:pointer;color:inherit}
.mdh a{color:inherit}
.mdh .c{font-family:"Cera Pro",sans-serif;letter-spacing:.07em;text-transform:uppercase;font-weight:700}
.mdh .wrap{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.mdh .rule{width:32px;height:3px;background:var(--red);margin-bottom:16px}
.mdh .eb{font-size:12px;color:var(--mid);margin-bottom:12px}
.mdh .h2{font-size:clamp(30px,4.6vw,56px);line-height:1;letter-spacing:-.015em;font-weight:700;max-width:16ch}
.mdh .lead{font-size:clamp(16px,1.4vw,19px);color:#4b4f51;max-width:56ch;margin-top:18px}
.mdh section{padding:clamp(70px,10vw,130px) 0}
.mdh #portfolio{padding-bottom:0}
.mdh .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}
.mdh .reveal.in{opacity:1;transform:none}
.mdh .btn{display:inline-flex;align-items:center;gap:8px;border:none;background:var(--ink);color:#fff;padding:15px 24px;font-size:15px;font-weight:700;text-decoration:none;transition:background .2s}
.mdh .btn:hover{background:#000}
.mdh .btn.red{background:var(--red)}
.mdh .btn.red:hover{background:#a90f15}
.mdh .btn.line{background:transparent;border:1px solid currentColor}
.mdh h2,.mdh h3{font-weight:700}
.mdh .hero{position:relative;min-height:calc(100vh - 150px);min-height:calc(100svh - 150px);display:flex;align-items:flex-end;color:#fff;overflow:hidden;padding:0}
.mdh .hero .bg{position:absolute;inset:0;background-position:center;background-size:cover;transform:scale(1.08);animation:mdh-zoom 14s ease-out forwards}
@keyframes mdh-zoom{to{transform:scale(1)}}
.mdh .hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(23,25,26,.35) 0%,rgba(23,25,26,.15) 35%,rgba(23,25,26,.88) 100%)}
.mdh .hero .wrap{position:relative;z-index:2;width:100%;padding-bottom:clamp(40px,7vw,80px)}
.mdh .hero .years{font-family:"Cera Pro";font-weight:300;font-size:clamp(18px,2vw,24px);letter-spacing:.12em;color:var(--gray)}
.mdh .hero .seo{font-family:"Cera Pro";font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:#CACAC7;font-weight:400;margin:0 0 6px;max-width:none;line-height:1.3}
.mdh .hero .ttl{font-size:clamp(44px,8.2vw,118px);line-height:.92;letter-spacing:-.025em;margin:14px 0 22px;max-width:12ch;font-weight:700}
.mdh .hero p{font-size:clamp(16px,1.5vw,20px);max-width:48ch;color:#e4e4e1}
.mdh .hero .row{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.mdh .hero .btn.line{color:#fff}
.mdh .big30{position:absolute;right:var(--pad);bottom:clamp(30px,6vw,70px);z-index:2;font-family:"Cera Pro";font-weight:700;font-size:clamp(120px,22vw,320px);line-height:.8;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.55)}
.mdh .nums{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);margin-top:56px}
.mdh .num{padding:26px 18px 0 0;border-right:1px solid var(--line);margin-right:18px}
.mdh .num:last-child{border:none}
.mdh .num b{font-family:"Cera Pro";font-size:clamp(44px,5vw,72px);line-height:1;display:block}
.mdh .num span{font-size:14px;color:var(--mid);display:block;margin-top:6px;max-width:18ch}
.mdh .bur{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:44px}
.mdh .bc{border-top:3px solid var(--ink);padding-top:20px}
.mdh .bc .bt{font-size:12px;color:var(--red)}
.mdh .bc h3{font-size:clamp(22px,2.2vw,28px);margin:8px 0}
.mdh .bc p{color:#55595b}
.mdh .bc img{width:100%;aspect-ratio:4/3;object-fit:cover;margin-top:18px;display:block}
@media (prefers-reduced-motion:reduce){
.mdh .reveal{opacity:1;transform:none;transition:none}
.mdh{scroll-behavior:auto}
}
@media(max-width:900px){
.mdh .nums{grid-template-columns:repeat(2,1fr)}
.mdh .num{border:none;margin:0;padding-right:10px}
}
@media(max-width:800px){.mdh .bur{grid-template-columns:1fr}}
@media(max-width:768px){.mdh{--pad:80px}}
@media(max-width:760px){.mdh .big30{top:40px;bottom:auto;font-size:130px}}
@media(max-width:600px){.mdh .num b{font-size:38px}.mdh .big30{font-size:100px;top:24px}}
@media(max-width:480px){.mdh{--pad:20px}}

/* --- from hybrid mock assets/index.html --- */
.mdh #about .abt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(30px,5vw,90px);align-items:start}
.mdh #about .abt-tx{padding-top:clamp(40px,3.6vw,52px)}
.mdh #about .abt .h2{margin-bottom:0}
.mdh #about .abt-tx .lead{max-width:none;margin-top:0}
.mdh #about .abt-tx .lead+.lead{margin-top:16px!important}
.mdh .fnd2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,4vw,60px);align-items:stretch;margin-top:40px}
.mdh .fnd2 .fph{margin:0;position:relative;min-height:420px;background:#F4F1EA;overflow:hidden}
.mdh .fnd2 .fph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:42% 30%}
.mdh .fnd2 .ftx{display:flex;flex-direction:column}
.mdh .fnd2 .fname{font-size:24px;font-weight:500;text-transform:uppercase;letter-spacing:.02em;color:#4C4A44;line-height:1.15}
.mdh .fnd2 .frole{font-size:14px;color:#868683;margin-top:6px}
.mdh .fnd2 .fl{font-size:16px;line-height:1.55;color:#4C4A44;text-align:justify;margin:22px 0 0}
.mdh .fnd2 .fq{margin:26px 0 0;background:#F4F1EA;padding:26px 30px;border-left:3px solid var(--red)}
.mdh .fnd2 .fq p{margin:0;font-size:clamp(22px,2vw,28px);line-height:1.2;font-weight:500;text-transform:uppercase;color:#4C4A44}
.mdh .fnd2 .fq p:before{content:"«"}
.mdh .fnd2 .fq p:after{content:"»"}
.mdh .fnd2 .fq cite{display:block;margin-top:10px;font-style:normal;font-size:13px;color:#868683}
.mdh .fnd2 .fsig{margin-top:auto;padding-top:22px;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:#4C4A44}
.mdh .lead,.mdh .vcap,.mdh .bc p{text-align:justify;text-align-last:left;hyphens:auto;-webkit-hyphens:auto}
/* Isolate history page from homepage benefits.css globals */
.mdh h2,.mdh .h2,.mdh h3{text-transform:none}
.mdh{background:#fff}
@media(max-width:900px){
.mdh #about .abt{grid-template-columns:1fr;gap:20px}
.mdh #about .abt-tx{padding-top:0}
.mdh .fnd2{grid-template-columns:1fr}
.mdh .fnd2 .fph{min-height:0;aspect-ratio:3/2}
}

/* End */


/* Start:/local/templates/mrdoors2025/components/bitrix/breadcrumb/standart/style.css?1781019200916*/
.breadcrumb_block {
    max-width: 1920px;
    margin: 110px auto 40px;
    padding: 0px 100px;
}
.breadcrumb_item_list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.breadcrumb_item {
    display: flex;
    align-items: center;
    gap: 3px;
}
.breadcrumb_item span, .breadcrumb_item a {
    font-family: Cera Pro;
    font-weight: 400;
    font-style: Regular;
    font-size: 14px;
    leading-trim: CAP_HEIGHT;
    line-height: 100%;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #3D3C37;
}
.semicolon_breadcrumb {
    height: 10px;
}
@media screen and (max-width: 768px) {
    .breadcrumb_block {
        padding: 0px 80px;
        margin: 120px auto 30px;
    }
}
@media screen and (max-width: 480px) {
    .breadcrumb_block {
        padding: 0px 20px;
        margin: 90px auto 20px;
    }
}
/* End */


/* Start:/local/templates/mrdoors2025/components/bitrix/news.list/30let_timeline/style.css?17933468053503*/
.mdh .tl{background:var(--deep);color:#fff;padding-top:clamp(70px,9vw,110px)}
.mdh .tl .lead{color:#b9bbb8}
.mdh .rail{position:relative;top:auto;z-index:30;background:rgba(23,25,26,.96);border-bottom:1px solid #2c3032;margin-top:40px}
.mdh .rail .wrap{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding-top:16px;padding-bottom:14px}
.mdh .rail .wrap::-webkit-scrollbar{display:none}
.mdh .rail button{flex:none;border:none;background:none;color:#7c8082;font-family:"Cera Pro";font-weight:700;font-size:17px;padding:6px 10px;position:relative;letter-spacing:.03em}
.mdh .rail button:hover{color:#fff}
.mdh .rail button.on{color:#fff}
.mdh .rail button.on:after{content:"";position:absolute;left:10px;right:10px;bottom:-14px;height:3px;background:var(--red)}
.mdh .rail button.key{color:#b9bcbd}
.mdh .tl .rail button.th{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 3px 8px;font-size:15px}
.mdh .tl .rail button.th i{display:block;width:72px;height:72px;background:#2a2c2d center/cover no-repeat;filter:grayscale(1) brightness(.5);transition:filter .3s,transform .3s}
.mdh .tl .rail button.th.ct i{background-size:70%;background-color:#F3F2EF}
.mdh .tl .rail button.th:hover i{filter:grayscale(.3) brightness(.85)}
.mdh .tl .rail button.th.on i{filter:none;transform:translateY(-3px)}
.mdh .tl .rail button.th.key span{color:#c9cbc8}
.mdh .tl .rail button.th.on span{color:#fff}
.mdh .tl .rail button.th.on:after{left:3px;right:3px;bottom:0}
.mdh .prog{position:absolute;left:0;bottom:-1px;height:1px;background:var(--gray);width:0}
.mdh .stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:clamp(28px,5vw,80px);align-items:center;padding:clamp(34px,4vw,52px) 0 clamp(56px,7vw,90px)}
.mdh .stage>div:first-child{order:2}
.mdh .stage figure{position:relative;overflow:hidden;background:#222;aspect-ratio:1/1;margin:0;width:100%;max-width:400px;justify-self:end;box-shadow:0 24px 50px rgba(0,0,0,.35)}
.mdh .stage figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mdh .stage figure.contain img{object-fit:contain;background:#F3F2EF;padding:18%}
.mdh .stage figcaption{font-size:12px;color:#7c8082;margin-top:8px;min-height:1.2em}
.mdh .stage .yr{font-family:"Cera Pro";font-weight:700;font-size:clamp(72px,9vw,128px);line-height:.85;color:#fff}
.mdh .stage .yr.key{color:var(--red)}
.mdh .stage h3{font-size:clamp(24px,2.6vw,34px);line-height:1.08;margin:18px 0 14px}
.mdh .stage p{color:#b9bbb8;font-size:16px;max-width:46ch;text-align:justify}
.mdh .stage .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}
.mdh .stage .tags span{font-family:"Cera Pro";font-size:11px;letter-spacing:.06em;text-transform:uppercase;border:1px solid #44494b;padding:5px 9px;color:#cfd0cd}
.mdh .ctl{display:flex;align-items:center;gap:14px;margin-top:30px}
.mdh .ctl button{width:48px;height:48px;border:1px solid #44494b;background:none;color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center}
.mdh .ctl button:hover{border-color:#fff}
.mdh .ctl .cnt{font-family:"Cera Pro";font-size:13px;color:#7c8082;letter-spacing:.06em}
.mdh .fade2{animation:mdh-f2 .45s ease}
@keyframes mdh-f2{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:900px){
.mdh .stage{grid-template-columns:1fr}
.mdh .stage>div:first-child{order:0}
.mdh .stage figure{max-width:280px;justify-self:start}
.mdh .stage .yr{font-size:72px}
.mdh .tl .rail button.th i{width:56px;height:56px}
}

/* End */


/* Start:/local/templates/mrdoors2025/components/bitrix/news.list/30let_products/style.css?17933468052237*/
.mdh .tabs{display:flex;gap:4px;flex-wrap:wrap;margin-top:40px;border-bottom:1px solid var(--line)}
.mdh .tabs button{border:none;background:none;padding:14px 16px;font-size:15px;font-weight:700;color:var(--mid);position:relative}
.mdh .tabs button.on{color:var(--ink)}
.mdh .tabs button.on:after{content:"";position:absolute;left:16px;right:16px;bottom:-1px;height:3px;background:var(--red)}
.mdh .pane{display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(24px,4vw,56px);margin-top:36px;align-items:center}
.mdh .pane h3{font-size:clamp(24px,2.6vw,34px);line-height:1.1}
.mdh .pane p{color:#55595b;margin-top:14px}
.mdh .pane .since{font-family:"Cera Pro";font-size:13px;color:var(--red);font-weight:700;letter-spacing:.07em}
.mdh .fade{animation:mdh-fd .5s ease}
@keyframes mdh-fd{from{opacity:0;transform:translateY(8px)}}
.mdh .cmp{position:relative;aspect-ratio:3/2;overflow:hidden;user-select:none;touch-action:pan-y;background:#ddd}
.mdh .cmp .side{position:absolute;inset:0}
.mdh .cmp .new{background-position:center;background-size:cover}
.mdh .cmp .old{clip-path:inset(0 50% 0 0);background-size:cover;background-position:center;filter:sepia(.35)}
.mdh .cmp .lab{position:absolute;bottom:18px;font-family:"Cera Pro";font-weight:700;font-size:clamp(22px,2.6vw,34px);color:#fff;z-index:3;text-shadow:0 2px 20px rgba(0,0,0,.4)}
.mdh .cmp .l{left:20px;top:18px;bottom:auto}
.mdh .cmp .r{right:20px;top:18px;bottom:auto}
.mdh .cmp .hand{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;z-index:4;transform:translateX(-1px)}
.mdh .cmp .hand:after{content:"‹ ›";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:#fff;color:var(--ink);line-height: 48px;text-align: center;text-indent: 4px;font-size:22px;font-weight:700;letter-spacing:4px;box-shadow:0 4px 20px rgba(0,0,0,.25)}
.mdh .cmp input{position:absolute;inset:0;width:100%;height:100%;opacity:0;z-index:5;cursor:ew-resize;margin:0}
.mdh .ocap{font-size:12px;color:var(--mid);margin-top:8px}
@media(max-width:900px){
.mdh .pane{grid-template-columns:1fr}
.mdh .tabs{flex-wrap:nowrap;overflow-x:auto}
.mdh .tabs button{flex:none}
}
@media(max-width:700px){.mdh .cmp{aspect-ratio:4/3}}

/* End */


/* Start:/local/templates/mrdoors2025/components/bitrix/news.list/30let_factory/style.css?17933468052007*/
.mdh .prod{background:var(--ink);color:#fff}
.mdh .prod .lead{color:#c3c4c1}
.mdh .pgrid{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(30px,5vw,70px);margin-top:46px;align-items:start}
.mdh .sites{list-style:none;border-top:1px solid #4a4f51}
.mdh .sites li button{width:100%;text-align:left;border:none;background:none;padding:18px 0;border-bottom:1px solid #4a4f51;display:grid;grid-template-columns:70px 1fr auto;gap:14px;align-items:baseline}
.mdh .sites li button .y{font-family:"Cera Pro";font-weight:700;font-size:20px;color:#8d9193}
.mdh .sites li button .n{font-size:17px;font-weight:700}
.mdh .sites li button .a{font-family:"Cera Pro";font-size:15px;color:#8d9193}
.mdh .sites li button.on .y,.mdh .sites li button.on .a{color:#fff}
.mdh .sites li button.on .n:before{content:"";display:inline-block;width:8px;height:8px;background:var(--red);margin-right:10px;vertical-align:middle}
.mdh .sview h3{margin-top:4px;font-size:clamp(26px,2.6vw,34px)}
.mdh .sview p{color:#c3c4c1;margin-top:8px;max-width:52ch;font-size:17px}
.mdh .pfacts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#4a4f51;margin-top:60px}
.mdh .pfacts div{background:var(--ink);padding:24px 18px 4px 0}
.mdh .pfacts b{font-family:"Cera Pro";font-size:clamp(36px,4vw,56px);display:block;line-height:1}
.mdh .pfacts span{color:#c3c4c1;font-size:14px}
.mdh .vid{margin:40px 0 50px;display:grid;grid-template-columns:minmax(0,720px) minmax(0,320px);gap:40px;align-items:end}
.mdh .vid video,.mdh .vid iframe{width:100%;aspect-ratio:16/9;display:block;background:#000;border:0}
.mdh .vcap{font-size:13px;color:#b9bbb8;margin-top:0;text-align:justify}
.mdh .vcap a{color:#fff;text-decoration:underline}
@media(max-width:900px){.mdh .vid{grid-template-columns:1fr;gap:14px}.mdh .vcap{margin-top:0}}
.mdh .fade{animation:mdh-fd .5s ease}
@keyframes mdh-fd{from{opacity:0;transform:translateY(8px)}}
@media(max-width:900px){
.mdh .pgrid{grid-template-columns:1fr}
.mdh .pfacts{grid-template-columns:1fr}
}

/* End */


/* Start:/local/templates/mrdoors2025/components/bitrix/news.list/30let_awards/style.css?1793346805283*/
.mdh .awl{margin-top:36px;border-top:1px solid #ddd}
.mdh .awl div{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid #ddd;align-items:baseline}
.mdh .awl b{font-family:"Cera Pro";font-size:26px;line-height:1}
.mdh .awl span{font-size:17px}

/* End */


/* Start:/local/templates/mrdoors2025/components/bitrix/news.list/30let_logos/style.css?17933468051080*/
.mdh .brand{background:var(--soft)}
.mdh .brl{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px;position:relative}
.mdh .bst{background:#fff;padding:22px;display:flex;flex-direction:column;gap:12px}
.mdh .bst .bn{font-family:"Cera Pro";font-weight:700;font-size:44px;line-height:1;color:var(--gray)}
.mdh .bst .bk{font-size:12px;color:var(--mid)}
.mdh .bst.now{background:var(--deep);color:#fff}
.mdh .bst.now .bn{color:var(--red)}
.mdh .bst.now .bk{color:var(--gray)}
.mdh .bst .lg{min-height:150px;display:flex;align-items:center;justify-content:center;background:#202325;padding:20px}
.mdh .bst .lg img{width:75%;max-width:260px}
.mdh .bst .lg.w{background:var(--soft)}
.mdh .bst ul{list-style:none;border-top:1px solid var(--line)}
.mdh .bst li{font-size:14px;color:#55595b;padding:9px 0;border-bottom:1px solid var(--line);line-height:1.4}
.mdh .bst.now ul{border-color:#33383a}
.mdh .bst.now li{color:#c3c4c1;border-color:#33383a}
.mdh .bim{width:100%;aspect-ratio:16/9;object-fit:cover}
@media(max-width:900px){.mdh .brl{grid-template-columns:1fr}}

/* End */


/* Start:/local/templates/mrdoors2025/components/bitrix/news.list/30let_portfolio/style.css?17933468051316*/
.mdh .pff{display:flex;gap:8px;flex-wrap:wrap;margin-top:36px}
.mdh .pff button{border:1px solid var(--line);background:#fff;padding:10px 16px;font-size:14px;font-weight:700;color:var(--mid)}
.mdh .pff button.on{background:var(--ink);border-color:var(--ink);color:#fff}
.mdh .pfg{display:grid;grid-template-columns:repeat(3,1fr);gap:24px 20px;margin-top:26px}
.mdh .pc{text-decoration:none;display:block}
.mdh .pc .im{overflow:hidden;aspect-ratio:3/2;background:var(--soft)}
.mdh .pc img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.mdh .pc:hover img{transform:scale(1.05)}
.mdh .pc .tg{font-family:"Cera Pro";font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--red);font-weight:700;margin-top:14px}
.mdh .pc h3{font-size:18px;line-height:1.25;margin-top:6px}
.mdh .pc .go{font-size:13px;color:var(--mid);margin-top:8px;display:inline-block;border-bottom:1px solid var(--line)}
.mdh .pc:hover .go{color:var(--ink);border-color:var(--ink)}
.mdh .pfm{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px}
.mdh .pfm .btn.line{color:var(--ink)}
.mdh .fade{animation:mdh-fd .5s ease}
@keyframes mdh-fd{from{opacity:0;transform:translateY(8px)}}
@media(max-width:900px){.mdh .pfg{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.mdh .pfg{grid-template-columns:1fr}}

/* End */


/* Start:/local/templates/mrdoors2025/components/bitrix/news.list/benefits/style.css?17930910037607*/
/* =========================================
   Глобальные сбросы и базовые стили
   ========================================= */
* {
  box-sizing: border-box;
}

body {
  margin: 0;
  background: #f5f5f5;
  color: #2e3234;
  font-family: "Cera Pro", sans-serif;
  font-size: 16px;
}

button {
  font: inherit;
  cursor: pointer;
  border-radius: 0;
  border: 0;
  background: transparent;
}

button:focus-visible,
a:focus-visible {
  outline: 2px solid #ce141b;
  outline-offset: 4px;
}

img {
  display: block;
  max-width: 100%;
}

h2, h3, p {
  margin: 0;
}

h2 {
  font-size: 36px;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
}

/* =========================================
   Контейнеры и обертки
   ========================================= */
.page-container {
  max-width: 1920px;
  margin-inline: auto;
  padding-inline: 100px;
}

.benefits-slot {
  padding-block: 80px;
}

/* =========================================
   Блок .md-block (с поддержкой @container)
   ========================================= */
.md-block {
  font-family: "Cera Pro", sans-serif;
  color: #2e3234;
  min-width: 0;
  container-type: inline-size; /* Ключевое свойство для работы @container */
}

/* =========================================
   Заголовок секции и действия (навигация)
   ========================================= */
.md-section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 28px;
  margin-bottom: 30px;
}

.md-section-head h2 {
  line-height: 1.1;
}

.md-benefits-head {
  align-items: center;
}

/* =========================================
   Заголовки (исправлено и дополнено)
   ========================================= */

/* Основной заголовок секции (h2) */
.md-block h2 {
  font-size: 36px;
  font-weight: 500;
  line-height: 1.1;
  text-transform: uppercase;
  margin: 0;
}

/* Заголовки карточек (h3) */
.md-block h3 {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.15;
  margin: 0 0 16px;
}

/* Уточнения для шапки секции преимуществ */
.md-section-head h2 {
  line-height: 1.1;
}

.md-benefits-head h2 {
  max-width: 740px;
}

/* Уточнение для заголовка внутри карточки */
.md-story-copy h3 {
  font-size: 22px;
  line-height: 1.2;
  margin: 0 0 16px;
}

/* =========================================
   Адаптивность заголовков
   ========================================= */
@media (max-width: 1100px) {
  .md-block h2 {
    font-size: 32px;
  }
}

@media (max-width: 750px) {
  .md-block h2 {
    font-size: 27px;
  }
  
  .md-story h3 {
    font-size: 24px;
  }
  
  .md-kicker {
    font-size: 10px;
  }
}

@media (max-width: 650px) {
  .md-block h2 {
    font-size: 26px;
  }
}

.md-benefits-head h2 {
  max-width: 740px;
}

.md-heading-actions {
  display: flex;
  align-items: center;
  gap: 25px;
  flex-shrink: 0;
}

/* Навигация карусели */
.md-carousel-nav {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  color: #2e3234;
}

.md-carousel-count {
  min-width: 90px;
  text-align: right;
  font-size: 13px;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.06em;
  margin-right: 12px;
  color: #666c6e;
}

.md-carousel-nav button {
  width: 46px;
  height: 46px;
  border: 1px solid #cacac7;
  color: inherit;
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}

.md-carousel-nav svg {
  width: 23px;
  height: 23px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.4;
  stroke-linecap: square;
  stroke-linejoin: miter;
}

.md-carousel-nav button:hover:not(:disabled) {
  background: #2e3234;
  border-color: #2e3234;
  color: #fff;
}

.md-carousel-nav button:disabled {
  opacity: 0.25;
  cursor: default;
}

.md-carousel-nav button:focus-visible {
  outline: 2px solid #ce141b;
  outline-offset: 3px;
}

/* =========================================
   Карусель (Rail) и карточки (Story)
   ========================================= */
.md-rail {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
  scrollbar-color: #a0a2a1 transparent;
  padding-bottom: 12px;
  overscroll-behavior-x: contain;
  scroll-behavior: smooth;
}

.md-rail > * {
  flex: 0 0 26%;
  scroll-snap-align: start;
  min-width: 0;
}

.md-rail:focus-visible {
  outline: 1px solid #ce141b;
  outline-offset: 5px;
}

/* Улучшения для свайпа (drag-to-scroll) */
.md-swipe-rail {
  scrollbar-width: none;
  padding-bottom: 0;
  cursor: grab;
  touch-action: pan-x pan-y pinch-zoom;
}

.md-swipe-rail::-webkit-scrollbar {
  display: none;
}

.md-swipe-rail.is-dragging {
  cursor: grabbing;
  scroll-snap-type: none;
  scroll-behavior: auto;
  user-select: none;
}

.md-swipe-rail img {
  -webkit-user-drag: none;
  user-select: none;
}

/* Карточка истории */
.md-story {
  background: #fff;
  overflow: hidden;
}

.md-story > img {
  width: 100%;
  height: 175px;
  object-fit: cover;
}

.md-story-copy {
  padding: 22px;
}

.md-story-copy h3 {
  margin: 0 0 16px;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 500;
}

.md-story-copy p {
  color: #62686b;
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
}

.md-story-copy a {
  border-bottom: 1px solid #a3a5a5;
  color: inherit;
  text-decoration: none;
}

.md-story-copy a:hover {
  color: #ce141b;
  border-color: #ce141b;
}

/* Подзаголовок (кикер) */
.md-kicker {
  display: block;
  font-size: 10px;
  line-height: 1.3;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: #666c6e;
  margin-bottom: 14px;
}

/* =========================================
   Контейнерные запросы (@container)
   ========================================= */
@container (max-width: 1050px) {
  .md-benefits-head {
    flex-wrap: wrap;
  }
  
  .md-heading-actions {
    width: 100%;
    justify-content: space-between;
  }
  
  .md-carousel-count {
    text-align: left;
  }
}

@container (max-width: 700px) {
  .md-rail > * {
    flex-basis: 84%;
  }
}

/* =========================================
   Адаптивность (Media Queries)
   ========================================= */
@media (max-width: 1100px) {
  .page-container {
    padding-inline: 40px;
  }
  
  .benefits-slot {
    padding-block: 70px 46px;
  }
}

@media (max-width: 1000px) {
  .page-container {
    padding-inline: 40px;
  }
}

@media (max-width: 750px) {
  .page-container {
    padding-inline: 20px;
  }

  .benefits-slot {
    padding-block: 50px;
  }

  .md-section-head {
    gap: 16px;
    margin-bottom: 24px;
  }

  h2 {
    font-size: 27px;
  }

  .md-rail > * {
    flex-basis: 84%;
  }

  .md-story > img {
    height: 215px;
  }

  .md-story-copy {
    padding: 24px;
  }

  .md-story h3 {
    font-size: 24px;
  }

  .md-kicker {
    font-size: 10px;
  }
}

@media (max-width: 650px) {
  .page-container {
    padding-inline: 20px;
  }

  .benefits-slot {
    padding-top: 46px;
    padding-bottom: 20px;
  }

  h2 {
    font-size: 26px;
  }
}

/* =========================================
   Доступность (Reduced Motion)
   ========================================= */
@media (prefers-reduced-motion: reduce) {
  .md-rail {
    scroll-behavior: auto;
  }
  
  .md-carousel-nav button {
    transition: none;
  }
}
/* End */


/* Start:/local/components/cmd_u/forms/templates/page_form/style.css?17930910039322*/
.consultation {position: relative;overflow: hidden;background-repeat: no-repeat, no-repeat;background-size: cover;background-position: center;margin-top: 80px;}@media (max-width: 480px) {.consultation {margin-top: 60px;}}.consultation::before {content: "";position: absolute;left: -173px;bottom: -340px;width: 1037px;height: 1037px;border-radius: 1037px;background: radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 0.7) 10%, rgba(0, 0, 0, 0) 100%);pointer-events: none;}div.consultation__wrapper {position: relative;display: flex;align-items: center;justify-content: space-between;gap: 40px;color: #fff;z-index: 1;padding-top: 80px;padding-bottom: 80px;}.consultation__title {color: #F5F5F5;font-size: 36px;font-style: normal;font-weight: 500;line-height: 39px;text-transform: uppercase;max-width: 520px;}.consultation__subtitle {color: #F5F5F5;font-size: 16px;font-style: normal;font-weight: 400;line-height: 20px;max-width: 259px;}.list_files {display: flex;flex-direction: column;gap: 10px;}.list_file {display: flex;align-items: center;gap: 5px;}.list_file img {width: 54px;height: 54px;}.list_file_name {font-weight: 500;font-style: Medium;font-size: 24px;line-height: 100%;letter-spacing: 0%;text-decoration: underline;text-decoration-style: solid;text-decoration-thickness: 0%;text-decoration-skip-ink: auto;color: #FFFFFF;}.consultation__content {display: flex;flex-direction: column;gap: 40px;}.consultation__form {background: #4C4A44;padding: 40px;display: flex;flex-direction: column;gap: 40px;max-width: 480px;width: 100%;}.form_title {font-weight: 700;font-style: Bold;font-size: 16px;line-height: 100%;text-transform: uppercase;color: #F5F5F5;}.consultation__inputs {display: flex;flex-direction: column;gap: 28px;}.div_input {width: 100%;position: relative;}.div_input input {width: 100%;}.required-icon {right: 0px;top: 0px;position: absolute;font-size: 20px;color: #D11B1D;}.consultation__form input[type=text], .consultation__form input[type=tel], .consultation__form input[type=email] {background: transparent;border: none;border-bottom: 1px solid #BABABA;padding-bottom: 16px;font-size: 16px;font-style: normal;font-weight: 250;line-height: 100%;}.consultation__form input::placeholder, .consultation__form textarea::placeholder {color: #BABABA;}.consultation__checkbox-input[type=checkbox] {-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 20px;height: 20px;border: 1px solid #F4F1EA;position: relative;border-radius: 0;flex-shrink: 0;cursor: pointer;}.consultation__checkbox-input[type=checkbox]:checked::after {content: "";position: absolute;left: 50%;top: 50%;width: 5px;height: 10px;border: solid #F4F1EA;border-width: 0 2px 2px 0;transform: translate(-50%, -65%) rotate(45deg);}.consultation__checkbox {display: flex;align-items: center;gap: 13px;color: #F4F1EA;font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;}.consultation__checkbox a {color: #F4F1EA;font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;text-decoration-line: underline;text-decoration-style: solid;text-decoration-skip-ink: auto;text-decoration-thickness: auto;text-underline-offset: auto;text-underline-position: from-font;text-decoration: underline;}.consultation__form button {position: relative;display: flex;padding: 20px 24px;justify-content: center;align-items: center;gap: 10px;align-self: stretch;background: #F5F5F5;color: #111;text-align: center;font-size: 16px;font-style: normal;font-weight: 400;line-height: 100%;text-transform: uppercase;}.consultation__form button:hover {text-decoration: underline;text-underline-offset: 4px;}.form_textarea {background: transparent;border: none;border-bottom: 1px solid #BABABA;padding-bottom: 16px;color: #BABABA;font-size: 16px;font-style: normal;font-weight: 250;line-height: 100%;outline: none;resize: none;height: 50px;}.checkboxes_new {display: flex;flex-direction: column;gap: 10px;}.checkbox_item_input[type=checkbox] {-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 20px;height: 20px;border: 1px solid #F4F1EA;position: relative;border-radius: 0;flex-shrink: 0;cursor: pointer;}.checkbox_item_input[type=checkbox]:checked::after {content: "";position: absolute;left: 50%;top: 50%;width: 5px;height: 10px;border: solid #F4F1EA;border-width: 0 2px 2px 0;transform: translate(-50%, -65%) rotate(45deg);}.checkbox_item {display: flex;align-items: center;gap: 13px;color: #F4F1EA;font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;}.checkbox_item span a {color: #F4F1EA;font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;text-decoration-line: underline;text-decoration-style: solid;text-decoration-skip-ink: auto;text-decoration-thickness: auto;text-underline-offset: auto;text-underline-position: from-font;text-decoration: underline;}@media (min-width: 1441px) {.consultation__form {max-width: 600px;width: 100%;}}@media (max-width: 860px) {.consultation__wrapper {flex-direction: column;}.consultation__wrapper {align-items: start;}.consultation__form {max-width: 100%;width: 100%;}}@media screen and (max-width: 768px) {.list_file_name {font-size: 20px;}.consultation__title {font-size: 24px;}}@media screen and (max-width: 480px) {.list_file img {width: 36px;height: 36px;}.list_file_name {font-size: 14px;}}@media (max-width: 360px) {.consultation__form button {font-size: 16px;}}

/* =========================================
   Обертка формы консультации
   ========================================= */
.consult-form {
  padding: 32px;
  background: #fff;
  color: #2e3234;
}

/* =========================================
   Основная структура формы (.md-form)
   ========================================= */
.md-form {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* Сетка для имени и телефона (2 колонки) */
.md-field-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

/* Стили лейблов (кроме чекбоксов) */
.md-form label:not(.md-consent) {
  display: flex;
  flex-direction: column;
  gap: 7px;
  font-size: 13px;
}

/* Поля ввода и текстовые области */
.md-form input:not([type=checkbox]),
.md-form textarea {
  border: 1px solid #cacac7;
  border-radius: 0;
  background: #fff;
  color: #2e3234;
  font: inherit;
  font-size: 14px;
  width: 100%;
  padding: 0 12px;
  height: 44px;
  resize: vertical;
  transition: border-color 0.2s;
}

.md-form input:not([type=checkbox]):focus,
.md-form textarea:focus {
  border-color: #2e3234;
  outline: none;
}

.md-form textarea {
  min-height: 65px;
  height: auto;
  padding: 12px;
}

/* =========================================
   Чекбоксы согласия (.md-consent)
   ========================================= */
.md-consent {
  display: flex;
  gap: 10px;
  font-size: 11px;
  line-height: 1.35;
  color: #666c6e;
  cursor: pointer;
}

.md-consent input[type="checkbox"] {
  flex: 0 0 auto;
  width: 15px;
  height: 15px;
  accent-color: #2e3234;
  margin: 1px 0;
  cursor: pointer;
}

.md-consent a {
  color: inherit;
  text-decoration: underline;
}

.md-consent a:hover {
  color: #ce141b;
}

/* =========================================
   Дополнительные элементы формы
   ========================================= */
.md-optional {
  color: #777;
  font-size: 11px;
  font-weight: 400;
  display: inline;
}

.md-submit {
  font-family: inherit;
  font-size: 14px;
  padding: 14px 20px;
  border: 1px solid #2e3234;
  border-radius: 0;
  text-align: center;
  cursor: pointer;
  text-transform: uppercase;
  background: #2e3234;
  color: #fff;
  font-weight: 500;
  transition: background 0.2s, color 0.2s;
  margin-top: 8px;
}

.md-submit:hover {
  background: #464b4d;
  border-color: #464b4d;
}

.md-form-note {
  font-size: 11px !important;
  line-height: 1.3;
  color: #666c6e;
  margin: 0;
}

.md-form-result {
  font-size: 14px;
  line-height: 1.4;
  padding: 16px;
  background: #f5f5f5;
  border-left: 2px solid #ce141b;
  color: #2e3234;
  margin: 0;
}

/* =========================================
   Состояние фокуса (доступность)
   ========================================= */
.md-form :focus-visible {
  outline: 2px solid #ce141b;
  outline-offset: 3px;
}

.consultation__wrapper.consult-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 100px;
  align-items: start;
}

/* =========================================
   Адаптивность (Мобильные устройства)
   ========================================= */
@media (max-width: 750px) {
  .consult-form {
    padding: 24px;
  }
  
  .md-field-row {
    grid-template-columns: 1fr; /* На мобильном имя и телефон друг под другом */
  }
}
@media (max-width: 1100px) {
    .consultation__wrapper.consult-layout {
        gap: 45px;
    }
    .consult-layout h2 {
        font-size: 30px;
    }
    div.consultation__wrapper {
      padding: 65px 40px;
    }
}
@media (max-width: 750px) {
    .consultation__wrapper.consult-layout {
        grid-template-columns: 1fr;
        gap: 28px;
    }
    div.consultation__wrapper {
      padding: 40px 20px;
    }
    .consultation__content {
      gap: 18px;
    }
}
/* End */
/* /css/30let.css?17933468056439 */
/* /local/templates/mrdoors2025/components/bitrix/breadcrumb/standart/style.css?1781019200916 */
/* /local/templates/mrdoors2025/components/bitrix/news.list/30let_timeline/style.css?17933468053503 */
/* /local/templates/mrdoors2025/components/bitrix/news.list/30let_products/style.css?17933468052237 */
/* /local/templates/mrdoors2025/components/bitrix/news.list/30let_factory/style.css?17933468052007 */
/* /local/templates/mrdoors2025/components/bitrix/news.list/30let_awards/style.css?1793346805283 */
/* /local/templates/mrdoors2025/components/bitrix/news.list/30let_logos/style.css?17933468051080 */
/* /local/templates/mrdoors2025/components/bitrix/news.list/30let_portfolio/style.css?17933468051316 */
/* /local/templates/mrdoors2025/components/bitrix/news.list/benefits/style.css?17930910037607 */
/* /local/components/cmd_u/forms/templates/page_form/style.css?17930910039322 */