/* ===== Базовое ===== */
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Segoe UI',Arial,sans-serif;color:#1d1d1d;line-height:1.6;background:#fff;font-size:16px}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
a{color:#0f2a52;text-decoration:none}
a:hover{text-decoration:underline}
h1{font-size:34px;line-height:1.2;margin-bottom:18px;font-weight:700}
h2{font-size:28px;margin-bottom:18px;font-weight:700;color:#0f2a52}
h3{font-size:20px;margin-bottom:10px}
section{padding:50px 0}
.section-lead{max-width:900px;margin-bottom:26px;color:#444}
img{max-width:100%;height:auto;display:block}

/* ===== Кнопки ===== */
.btn{display:inline-block;padding:12px 26px;border-radius:6px;font-weight:600;cursor:pointer;border:2px solid transparent;transition:.2s;text-align:center}
.btn:hover{text-decoration:none;opacity:.92}
.btn--accent{background:#8a1f24;color:#fff;border-color:#8a1f24}
.btn--ghost{background:transparent;color:#0f2a52;border-color:#0f2a52}
.btn--small{padding:7px 16px;background:#0f2a52;color:#fff;font-size:14px}

/* ===== Topbar ===== */
.topbar{background:#0f2a52;color:#fff;padding:12px 0;font-size:14px}
.topbar__inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.topbar a{color:#fff}
.logo-name{font-size:22px;font-weight:800;display:block;letter-spacing:1px}
.logo-sub{font-size:12px;opacity:.8}
.topbar__contacts{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.topbar__phone{font-size:19px;font-weight:700}
.topbar__address{opacity:.85}

/* ===== Меню ===== */
.header{background:#fff;border-bottom:1px solid #e6e6e6;position:sticky;top:0;z-index:50;box-shadow:0 2px 6px rgba(0,0,0,.05)}
.nav{display:flex;align-items:center}
.nav__toggle{display:none;background:none;border:none;font-size:26px;cursor:pointer}
.menu{list-style:none;display:flex;flex-wrap:wrap}
.menu__item{position:relative}
.menu__item>a{display:block;padding:16px 18px;font-weight:600;color:#1d1d1d}
.menu__item>a:hover{color:#8a1f24;text-decoration:none}
.submenu{list-style:none;position:absolute;top:100%;left:0;background:#fff;min-width:260px;box-shadow:0 8px 24px rgba(0,0,0,.12);border-radius:0 0 6px 6px;display:none;z-index:60}
.menu__item--has-sub:hover .submenu{display:block}
.submenu li a{display:block;padding:11px 18px;border-bottom:1px solid #f0f0f0}
.submenu li a:hover{background:#f6f6f6;color:#8a1f24;text-decoration:none}

/* ===== Hero ===== */
.hero{background:linear-gradient(180deg,#f4f7fb,#fff);padding:60px 0}
.hero__inner{display:flex;gap:40px;align-items:center;flex-wrap:wrap}
.hero__text{flex:1 1 460px}
.hero__lead{font-size:18px;margin-bottom:18px;color:#333}
.hero__bullets{list-style:none;margin-bottom:24px}
.hero__bullets li{padding:6px 0 6px 28px;position:relative}
.hero__bullets li:before{content:"✔";position:absolute;left:0;color:#8a1f24;font-weight:700}
.hero__btns{display:flex;gap:14px;flex-wrap:wrap}
.hero__img{flex:1 1 360px}
.hero__img img{border-radius:10px;width:100%;object-fit:cover}

/* ===== Каталог ===== */
.catalog__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{border:1px solid #e6e6e6;border-radius:8px;overflow:hidden;transition:.2s;background:#fff}
.card:hover{box-shadow:0 8px 22px rgba(0,0,0,.12);transform:translateY(-3px)}
.card a{display:block;padding-bottom:18px}
.card__img img{width:100%;height:300px;object-fit:cover}
.card__title{padding:14px 16px 4px;font-size:17px;color:#1d1d1d}
.card__art{padding:0 16px;color:#888;font-size:13px}
.card__price{padding:6px 16px 12px;font-size:20px;font-weight:700;color:#8a1f24}
.card .btn--small{margin:0 16px}
.catalog__more{text-align:center;margin-top:30px}

/* ===== Преимущества ===== */
.advantages{background:#f4f7fb}
.advantages__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.adv{background:#fff;padding:24px;border-radius:8px;border-top:3px solid #8a1f24}

/* ===== Материалы ===== */
.materials__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.mat{border:1px solid #e6e6e6;border-radius:8px;padding:16px;text-align:center}
.mat__img img{width:100%;height:120px;object-fit:cover;border-radius:6px;margin-bottom:12px}
.materials__more,.materials__grid+p{text-align:center;margin-top:26px}

/* ===== Этапы ===== */
.steps{background:#0f2a52;color:#fff}
.steps h2{color:#fff}
.steps__list{list-style:none;max-width:900px}
.steps__list li{padding:14px 0 14px 56px;position:relative;border-bottom:1px solid rgba(255,255,255,.15)}
.steps__list li span{position:absolute;left:0;top:12px;width:38px;height:38px;background:#8a1f24;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}

/* ===== SEO текст ===== */
.seo-text p{margin-bottom:16px}
.seo-text h3{margin-top:26px;color:#0f2a52}
.spisok{margin:0 0 16px 22px}
.spisok li{margin-bottom:6px}

/* ===== CTA ===== */
.cta{background:#8a1f24;color:#fff;text-align:center}
.cta h2{color:#fff}
.cta p{max-width:760px;margin:0 auto 20px}
.cta__form{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:12px}
.cta__form input{padding:13px 18px;border:none;border-radius:6px;min-width:260px;font-size:16px}
.cta__note{font-size:13px;opacity:.85}

/* ===== Footer ===== */
.footer{background:#13182a;color:#cfd6e4;padding-top:46px}
.footer__cols{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding-bottom:30px}
.footer a{color:#cfd6e4}
.footer a:hover{color:#fff}
.footer h3{color:#fff;margin-bottom:14px;font-size:17px}
.footer__col ul{list-style:none}
.footer__col li{margin-bottom:8px}
.footer__logo{font-size:22px;font-weight:800;color:#fff;margin-bottom:14px}
.footer__phone a{font-size:22px;font-weight:700;color:#fff}
.footer__copy{border-top:1px solid rgba(255,255,255,.1);padding:18px 0;font-size:14px;text-align:center}

/* ===== Внутренние страницы ===== */
.page{padding:46px 0}
.page h1{margin-bottom:20px}
.page h2{margin:30px 0 14px}
.page h3{margin:22px 0 10px;color:#0f2a52}
.page p{margin-bottom:15px}
.page ul,.page ol{margin:0 0 16px 22px}
.page li{margin-bottom:7px}
.breadcrumbs{font-size:14px;color:#888;padding:14px 0 0}
.breadcrumbs a{color:#888}
.table{width:100%;border-collapse:collapse;margin:0 0 20px}
.table th,.table td{border:1px solid #e2e2e2;padding:11px 14px;text-align:left}
.table th{background:#f4f7fb}
.table tr:nth-child(even) td{background:#fafafa}
.note{background:#f4f7fb;border-left:4px solid #8a1f24;padding:16px 20px;margin:0 0 18px;border-radius:0 6px 6px 0}
.review{background:#fff;border:1px solid #e6e6e6;border-radius:8px;padding:18px 20px;margin-bottom:16px}
.review__author{font-weight:700;color:#0f2a52;margin-bottom:6px}
.cols-2{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.contacts-block p{margin-bottom:8px}

/* ===== Адаптив ===== */
@media(max-width:980px){
  .catalog__grid,.advantages__grid,.materials__grid,.footer__cols{grid-template-columns:repeat(2,1fr)}
  h1{font-size:27px}h2{font-size:23px}
}
@media(max-width:680px){
  .nav__toggle{display:block;padding:12px 0}
  .menu{display:none;flex-direction:column;width:100%}
  .menu--open{display:flex}
  .menu__item>a{padding:12px 4px}
  .submenu{position:static;box-shadow:none;display:block;min-width:auto;padding-left:14px}
  .catalog__grid,.advantages__grid,.materials__grid,.footer__cols{grid-template-columns:1fr}
  .card__img img{height:340px}
}