/* РосМонолит — триколор (переделано из «Малины» по решению владельца 15.10.2026). Inter Tight + Mulish, скругления 14–28. */
:root{
  /* Триколор — цвета флага (решение владельца 15.10.2026): синий #0039A6 (H219, Pantone 286 C) + чистый красный #CC1D22 (H358, без ухода в оранжевый); 60 % белый, 30 % синий/тёмно-синий, 10 % красный */
  --bg:#F5F7FA;     /* H220 S2 B98 */
  --tint:#E9EDF7;   /* H222 S6 B97 */
  --line:#C5CEE0;   /* S12 B88 */
  --text:#2D3038;   /* S20 B22 — 12,3:1 */
  --muted:#606570;  /* 5,4:1 */
  --head:#151A26;   /* S45 B15 — 16,2:1 */
  --acc:#0039A6;    /* синий флага H219 S100 B65 — белый на нём 9,8:1 */
  --accd:#002873;   /* тёмно-синий — цены, 12,0:1 */
  --red:#CC1D22;    /* красный H358 S86 B80 — кнопки заказа, белый на нём 5,6:1 */
  --redd:#9E1017;   /* S90 B64 — наведение */
  --dark:#1A2133;   /* S50 B20 — подвал */
  --hi:#94B7F7;     /* синий на тёмном, 7,8:1 */
  --hir:#FA787E;    /* красный на тёмном, 6,7:1 */
  --r:24px; --r-s:14px;
  --fh:"Inter Tight",system-ui,sans-serif;
  --ft:"Mulish",system-ui,sans-serif;
  --shadow:0 18px 44px rgba(0,57,166,.14);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:#fff;color:var(--text);font:16px/1.6 var(--ft);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit;color:inherit}
.wrap{width:min(1220px,100% - 48px);margin-inline:auto}
.ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

.h2{font:800 clamp(30px,3.6vw,46px)/1.08 var(--fh);color:var(--head);letter-spacing:-.025em}
.h2--inv{color:#fff}
.h3{font:800 26px/1.15 var(--fh);color:var(--head);letter-spacing:-.015em}
.lead{font-size:17.5px;line-height:1.65;color:var(--text);max-width:640px}
.chip{display:inline-flex;align-items:center;gap:9px;background:var(--tint);color:var(--accd);border-radius:10px;padding:8px 14px;font:700 13.5px var(--ft)}
.chip i{width:8px;height:8px;border-radius:50%;background:var(--red)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:var(--r-s);padding:14px 24px;font:700 15px/1.2 var(--ft);cursor:pointer;transition:background .2s,color .2s;white-space:nowrap}
.btn .ic{width:18px;height:18px}
.btn--acc{background:var(--red);color:#fff}.btn--acc:hover{background:var(--redd)}
.btn--soft{background:var(--tint);color:var(--accd)}.btn--soft:hover{background:var(--acc);color:#fff}
.btn--white{background:#fff;color:var(--accd)}.btn--white:hover{background:var(--tint)}
.btn--sm{padding:9px 15px;font-size:13.5px;border-radius:10px}
.btn--block{width:100%}
.pill{border:0;border-radius:11px;background:#fff;color:var(--head);padding:10px 16px;font:700 14px var(--ft);cursor:pointer;transition:background .2s,color .2s}
.pill:hover{background:var(--tint)}.pill.on{background:var(--acc);color:#fff}

/* шапка */
.hdr{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.hdr__in{display:flex;align-items:center;gap:28px;height:76px}
.logo{display:flex;align-items:center;gap:11px;flex:none;color:var(--head)}
.logo__mark{width:42px;height:42px}
.logo__t{display:flex;flex-direction:column;line-height:1}
.logo__t b{font:900 23px/1 var(--fh);letter-spacing:.02em;color:var(--head)}.logo__t b i{font-style:normal;color:var(--acc)}
.logo__t small{font:600 12px/1 var(--ft);color:var(--muted);margin-top:5px}
.logo--inv .logo__t b{color:#fff}.logo--inv .logo__t b i{color:var(--hi)}
.hdr__nav{display:flex;gap:24px;margin-left:auto;font:700 14.5px var(--ft)}
.hdr__nav a:hover{color:var(--acc)}
.hdr__contact{display:flex;flex-direction:column;align-items:flex-end;line-height:1.25}
.hdr__phone{font:800 19px var(--fh);color:var(--head)}
.hdr__mail{font-size:13px;color:var(--muted)}.hdr__mail:hover{color:var(--acc)}
.hdr__call{display:none;width:44px;height:44px;border-radius:12px;background:var(--red);color:#fff;align-items:center;justify-content:center;margin-left:auto}

.sec{padding:92px 0}
.sec--tint{background:var(--bg)}
.sec--white{background:#fff}
.sec-h{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:34px}
.sec-h .lead{max-width:440px}

/* герой */
.hero{background:var(--bg);padding:56px 0 72px}
.hero__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.hero__title{font:800 clamp(42px,5.4vw,68px)/1.02 var(--fh);color:var(--head);letter-spacing:-.035em;margin:20px 0 18px}
.hero__title em{font-style:normal;color:var(--acc);display:block}
.hero__lead{font-size:18.5px;max-width:540px}
.hero__btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.btn--lg{padding:16px 28px;font-size:16px}
.hero__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:30px;max-width:560px}
.hero__facts div{background:#fff;border-radius:16px;padding:14px 16px}
.hero__facts b{display:block;font:800 19px var(--fh);color:var(--head)}
.hero__facts span{font-size:13.5px;color:var(--muted)}
.hero__pic{position:relative;height:520px}
.hero__pic img{width:100%;height:100%;object-fit:cover;border-radius:28px}
.hero__price{position:absolute;left:-28px;bottom:36px;background:#fff;border-radius:18px;padding:16px 22px;box-shadow:var(--shadow)}
.hero__price small{display:block;font:600 12.5px var(--ft);color:var(--muted)}
.hero__price b{font:800 30px var(--fh);color:var(--head)}

.input{width:100%;height:52px;border:1.5px solid var(--line);border-radius:var(--r-s);background:#fff;padding:0 16px;font-size:16px;color:var(--head);outline:none}
.input:focus{border-color:var(--acc)}
select.input{appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230039A6' stroke-width='2.2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center/18px;padding-right:42px}
.consent{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;line-height:1.4;color:var(--muted)}
.consent input{margin-top:2px;accent-color:var(--acc)}

/* быстрый расчёт */
.quick{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:stretch}
.quick__f{background:var(--bg);border-radius:var(--r);padding:32px;display:grid;gap:12px;align-content:start}
.quick__f p{margin-bottom:6px}
.quick__pic{position:relative;border-radius:var(--r);overflow:hidden;min-height:440px}
.quick__pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.plist{position:absolute;right:18px;bottom:18px;width:min(360px,100% - 36px);background:#fff;border-radius:18px;padding:20px 22px;box-shadow:var(--shadow)}
.plist b{display:block;font:800 18px var(--fh);color:var(--head);margin-bottom:8px}
.plist div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px dashed var(--line);font-size:15px}
.plist s{text-decoration:none;font-weight:800;color:var(--accd);white-space:nowrap}
.plist a{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-weight:700;color:var(--acc)}

/* цены */
.ptabs__nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.ppanel{display:none;background:#fff;border-radius:var(--r);padding:10px 26px}.ppanel.on{display:block}
.pt{width:100%;border-collapse:collapse}
.pt th{font:700 12.5px var(--ft);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:left;padding:14px 12px;border-bottom:2px solid var(--line)}
.pt td{padding:13px 12px;border-bottom:1px solid var(--line);font-size:15.5px;vertical-align:middle}
.pt tr:last-child td{border-bottom:0}
.pt td b{display:block;font:800 16.5px var(--fh);color:var(--head)}
.pt td span{font-size:13.5px;color:var(--muted)}
.pt td s{text-decoration:none;font:800 17px var(--fh);color:var(--accd);white-space:nowrap}
.pt td:last-child{text-align:right}

/* о компании */
.about{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center}
.about__t .lead{margin-top:14px}
.astats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px}
.astats div{background:var(--bg);border-radius:18px;padding:18px 20px}
.astats__ic{display:flex;width:44px;height:44px;border-radius:12px;background:var(--acc);color:#fff;align-items:center;justify-content:center;margin-bottom:12px}
.astats b{display:block;font:800 22px var(--fh);color:var(--head)}
.astats small{font-size:14px;color:var(--muted)}
.about__pic img{width:100%;height:560px;object-fit:cover;border-radius:28px}

/* мы предлагаем */
.offer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.acc{display:grid;gap:8px;margin-top:26px}
.acc__i{background:#fff;border-radius:16px}
.acc__i summary{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 22px;cursor:pointer;list-style:none;font:800 17px var(--fh);color:var(--head);text-transform:uppercase;letter-spacing:.01em}
.acc__i summary::-webkit-details-marker{display:none}
.acc__ic{color:var(--acc);transition:transform .2s}.acc__i[open] .acc__ic{transform:rotate(45deg)}
.acc__i p{padding:0 22px 20px;font-size:15.5px}
.offer__pic img{width:100%;height:520px;object-fit:cover;border-radius:28px}

/* продукция */
.prods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:30px}
.prod{background:var(--bg);border-radius:var(--r);padding:16px 16px 22px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.prod:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.prod img{border-radius:16px;aspect-ratio:1;object-fit:cover;margin-bottom:16px}
.prod h3{font:800 20px var(--fh);color:var(--head);margin:0 6px 4px}
.prod p{font-size:14.5px;margin:0 6px 14px;flex:1}
.prod span{display:flex;justify-content:space-between;align-items:center;margin:0 6px;color:var(--acc)}
.prod span b{font:800 17px var(--fh);color:var(--accd)}

/* шаги */
.steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:30px}
.steps li{background:#fff;border-radius:var(--r);padding:26px}
.steps span{display:flex;width:48px;height:48px;border-radius:14px;background:var(--acc);color:#fff;align-items:center;justify-content:center;font:800 20px var(--fh);margin-bottom:18px}
.steps h3{font:800 20px var(--fh);color:var(--head);margin-bottom:6px}
.steps p{font-size:15px}

/* лид-форма */
.leadb{background:var(--acc);color:#fff;padding:72px 0;border-bottom:8px solid var(--red)}
.leadb__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,480px);gap:48px;align-items:center}
.leadb__t p{font-size:17.5px;color:#D6E0F7;margin:14px 0 18px;max-width:520px}
.leadb__ph{font:800 34px var(--fh);color:#fff}
.leadb__f{display:grid;gap:10px}
.leadb__f .input{border-color:transparent}
.leadb__f .consent{color:#D6E0F7}
.f2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}

/* доставка */
.deliv{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:start}
.deliv .lead{margin-top:14px}
.zones{display:grid;gap:8px;margin-top:26px}
.zone{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:16px;align-items:center;background:var(--bg);border-radius:14px;padding:14px 18px}
.zone b{font:800 17px var(--fh);color:var(--head)}
.zone span{font-size:14.5px;color:var(--muted)}
.zone s{text-decoration:none;font:800 17px var(--fh);color:var(--accd);white-space:nowrap}
.deliv__pic{display:grid;gap:16px}
.deliv__pic img{width:100%;height:290px;object-fit:cover;border-radius:24px}

/* качество */
.quality{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center}
.quality .lead{margin:14px 0}
.quality .btn{margin-top:12px}
.quality__pic img{width:100%;height:460px;object-fit:cover;border-radius:28px}

/* калькулятор объёма */
.vol{background:var(--bg);border-radius:28px;padding:28px}
.vol__tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.vol__body{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px}
.vol__fields>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.vol__fields>div[hidden]{display:none}
.vol__fields label{display:grid;gap:6px;font:700 13px var(--ft);color:var(--muted)}
.vol__res{background:#fff;border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:6px}
.vol__res span{font:700 14px var(--ft);color:var(--muted)}
.vol__res b{font:800 44px var(--fh);color:var(--acc)}
.vol__res small{font-size:14px;margin-bottom:12px}.vol__res i{font-style:normal;font-weight:800;color:var(--head)}

/* гарантии */
.guar{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:48px;align-items:center}
.guar .lead{margin-top:14px}
.gcards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px}
.gcard{background:#fff;border-radius:18px;padding:20px}
.gcard>span{display:flex;width:36px;height:36px;border-radius:10px;background:var(--tint);color:var(--acc);align-items:center;justify-content:center;margin-bottom:12px}
.gcard h3{font:800 18px var(--fh);color:var(--head);margin-bottom:4px}
.gcard p{font-size:14.5px}
.guar__pic img{width:100%;height:540px;object-fit:cover;border-radius:28px}

/* контакты */
.cont__in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:stretch}
.cl{list-style:none;display:grid;gap:10px;margin:24px 0 22px}
.cl li{display:flex;gap:14px;align-items:flex-start;background:var(--bg);border-radius:16px;padding:14px 16px}
.cl .ic{width:40px;height:40px;padding:10px;border-radius:11px;background:#fff;color:var(--acc)}
.cl small{display:block;font-size:13px;color:var(--muted)}
.cl b,.cl a{font:700 16px var(--ft);color:var(--head);overflow-wrap:anywhere}
.cform{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.cform .consent{grid-column:1/-1}
.cont__map{width:100%;min-height:520px;height:100%;border:0;border-radius:28px}

/* подвал */
.ftr{background:var(--dark);color:#C3CAD9;padding:72px 0 28px;position:relative}
.ftr:before{content:"";position:absolute;left:0;right:0;top:0;height:12px;background:linear-gradient(180deg,#fff 0 33.3%,var(--acc) 33.3% 66.6%,var(--red) 66.6% 100%)}
.ftr__in{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.6fr);gap:48px}
.ftr__brand{display:flex;flex-direction:column;gap:8px;font-size:14.5px}
.ftr__brand p{margin:12px 0 8px;max-width:340px}
.ftr__phone{font:800 22px var(--fh);color:#fff}
.ftr__mail{color:var(--hi)}
.ftr__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.ftr__cols nav{display:flex;flex-direction:column;gap:9px;font-size:14.5px}
.ftr__cols b{font:800 14px var(--fh);color:#fff;margin-bottom:6px;text-transform:uppercase;letter-spacing:.06em}
.ftr__cols a:hover,.ftr__mail:hover{color:#fff}
.ftr__bottom{display:flex;justify-content:space-between;gap:24px;margin-top:44px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font-size:13px;color:#8F98AB}
.mcta{display:none}
.page-msg{padding:120px 0;min-height:52vh}
.page-msg .lead{margin:16px 0 28px}
.btns{display:flex;flex-wrap:wrap;gap:12px}
.btn--line{background:#fff;color:var(--head);box-shadow:inset 0 0 0 1.5px var(--line)}

@media (max-width:1100px){.hdr__nav{gap:16px;font-size:13.5px}.hdr__mail{display:none}.prods{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1024px){
  .hdr__nav,.hdr__cta{display:none}.hdr__contact{margin-left:auto}
  .sec{padding:72px 0}
  .hero__in,.quick,.about,.offer,.deliv,.quality,.guar,.cont__in,.leadb__in,.vol__body{grid-template-columns:minmax(0,1fr)}
  .hero__pic{height:420px}.hero__price{left:16px}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .about__pic img,.offer__pic img,.guar__pic img{height:380px}
  .sec-h{flex-direction:column;align-items:flex-start;gap:12px}
  .ftr__in{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  body{font-size:15.5px}
  .wrap{width:min(1220px,100% - 32px)}
  .hdr__in{height:64px;gap:12px}.hdr__contact{display:none}.hdr__call{display:flex}
  .logo__mark{width:36px;height:36px}.logo__t b{font-size:19px}
  .sec{padding:56px 0}.hero{padding:30px 0 48px}
  .f2,.cform{grid-template-columns:minmax(0,1fr)}
  .hero__btns .btn{flex:1 1 auto}.hero__facts{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero__facts div:last-child{grid-column:1/-1}
  .hero__pic{height:320px}.hero__price{position:absolute;left:12px;bottom:12px;padding:12px 16px}.hero__price b{font-size:22px}
  .quick__pic{min-height:0;display:flex;flex-direction:column}.quick__pic img{position:static;height:240px}.plist{position:static;width:auto;box-shadow:none;border-radius:0}
  .ppanel{padding:4px 12px;overflow-x:auto}
  .pt th:nth-child(2),.pt td:nth-child(2){display:none}
  .pt td:last-child .btn{padding:8px 10px}
  .astats,.gcards,.prods,.steps,.vol__fields>div{grid-template-columns:minmax(0,1fr)}
  .acc__i summary{font-size:15px;padding:16px 18px}
  .zone{grid-template-columns:minmax(0,1fr) auto}.zone b{grid-column:1/-1}
  .deliv__pic img{height:220px}
  .vol{padding:18px}.vol__res b{font-size:36px}
  .leadb{padding:56px 0}.leadb__ph{font-size:28px}
  .cont__map{min-height:360px}
  .ftr__cols{grid-template-columns:minmax(0,1fr)}.ftr__bottom{flex-direction:column}
  .ftr{padding-bottom:96px}
  .mcta{display:flex;position:fixed;left:16px;right:16px;bottom:14px;z-index:60;align-items:center;justify-content:center;gap:10px;height:54px;border-radius:16px;background:var(--red);color:#fff;font:800 17px var(--fh);box-shadow:0 10px 30px rgba(163,33,16,.35)}
}