/* Дизайн-пакет по аудиту 2026-10-14: фото вместо иконок, меньше шаблонных приёмов,
   крупнее и контрастнее текст, видимые подписи полей. Подключается последним на всех страницах, кроме каталога. */
:root{--mut:#4a525c}
body.home{--rule:rgba(26,26,26,.16)}

/* ---------- фото-коллаж в первом экране ---------- */
@media(min-width:881px){.hero.has-photos .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}}
.hero-photos{display:grid;grid-template-columns:1.35fr 1fr;grid-template-rows:1fr 1fr;gap:10px;height:clamp(300px,30vw,400px);position:relative;z-index:1}
.hero-photos figure{margin:0;position:relative;overflow:hidden;border-radius:8px;background:#fff;box-shadow:0 1px 0 rgba(26,26,26,.08)}
.hero-photos .hp-big{grid-row:1 / span 2}
.hero-photos img{width:100%;height:100%;object-fit:cover;object-position:50% 65%;display:block}
.hero-photos .pack img{object-fit:contain;padding:8% 8% 16%}
.hero-photos figcaption{position:absolute;left:10px;bottom:10px;font-family:Manrope,Inter,sans-serif;font-size:13px;font-weight:700;
  color:#fff;background:rgba(26,26,26,.78);padding:5px 9px;border-radius:4px;line-height:1.2}
.hero-photos .pack figcaption{background:#1a1a1a}
@media(max-width:880px){
  .hero-photos{height:auto;grid-template-columns:1fr 1fr;grid-template-rows:auto auto}
  .hero-photos .hp-big{grid-row:auto;grid-column:1 / -1;aspect-ratio:16/10}
  .hero-photos .hp-sm{aspect-ratio:4/3}
  .hero-photos figcaption{font-size:12px;left:8px;bottom:8px}
  .hero.has-photos .hero-photos,.lum-hero .hero-photos{margin-top:30px}
}

/* ---------- LUMINARC: hero с товаром ---------- */
body.page .lum-hero{background:#303088;color:#fff;padding:64px 0 60px}
.lum-hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:center}
.lum-hero .eyebrow{color:var(--gold)!important}
.lum-hero h1.page{color:#fff;max-width:none}
.lum-hero .lead{color:rgba(255,255,255,.88)!important;max-width:44ch}
.lum-hero .cta-line{display:flex;flex-wrap:wrap;gap:12px}
.lum-hero .btn.ghost{border-color:#fff;color:#fff}
.lum-hero .btn.ghost:hover{background:#fff;color:#303088}
.lum-hero .hero-photos .pack figcaption{background:#303088}
@media(max-width:880px){body.page .lum-hero{padding:44px 0}.lum-hero .wrap{grid-template-columns:1fr}}

/* ---------- статичная полоса фактов вместо бегущей строки ---------- */
.facts-row{background:#1a1a1a;color:#fff}
.facts-row .wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.facts-row .wrap > div{padding:20px 22px 18px;border-left:1px solid rgba(255,255,255,.14)}
.facts-row .wrap > div:first-child{border-left:0;padding-left:0}
.facts-row b{display:block;font-family:Manrope,Inter,sans-serif;font-weight:800;font-size:clamp(20px,2vw,26px);letter-spacing:-.02em;color:var(--gold);line-height:1.1}
.facts-row span{display:block;margin-top:4px;font-size:14.5px;color:rgba(255,255,255,.78);line-height:1.35}
@media(max-width:880px){.facts-row .wrap{grid-template-columns:1fr 1fr}.facts-row .wrap > div{padding:16px 14px}.facts-row .wrap > div:nth-child(odd){border-left:0;padding-left:0}.facts-row .wrap > div:nth-child(n+3){border-top:1px solid rgba(255,255,255,.14)}}

/* ---------- список брендов: без нумерации, на opt - фото товара ---------- */
.brow{grid-template-columns:84px minmax(0,1.3fr) minmax(0,1.5fr) auto 36px}
.brow .g.ph{width:84px;height:68px;background:#fff;border:1px solid var(--rule);border-radius:6px;overflow:hidden}
.brow .g.ph img{width:100%;height:100%;object-fit:cover}
.brow .g.ph img[src*="/lum-"],.brow .g.ph img[src*="/muge-set"]{object-fit:contain;padding:4px}
.brow:hover .g.ph{border-color:#1a1a1a}
@media(max-width:1080px){.brow{grid-template-columns:72px minmax(0,1fr) minmax(0,1.3fr) auto 28px}}
@media(max-width:880px){
  .brow{grid-template-columns:minmax(0,1fr) 72px}
  .brow .name{grid-column:1;grid-row:1}
  .brow .d{grid-column:1;grid-row:2}
  .brow .g,.brow .g.ph{grid-column:2;grid-row:1 / span 2;width:72px;height:64px}
}

/* ---------- текст: крупнее и контрастнее ---------- */
body.home .h-sub,body.page .lead{color:#2b2b2b}
.step p,body.page .card p,.qa p,body.home .qa p,.terms-list,body.page .terms-list{font-size:16.5px;line-height:1.55;color:#2b2b2b}
.brow .d{font-size:16px;color:#2b2b2b}
.card.pic .tx p,body.page .card.pic .tx p{font-size:16px}
.manifest p{color:#1f1f1f}
.mails a span,.ledger .l{font-size:15px;color:#4d4d44}
body.page .muted,.muted{color:#55554b}
.ledger .note,.ledger .v small,.ledger .lt,.step .n,.brow .n{color:#5f5f55}
.contact .legal{color:#55554b}
.step h3,body.page .card h3,.qa h3,body.home .qa h3{font-size:20px;letter-spacing:-.02em}
.photo .cap p{font-size:15.5px}
/* ссылки: подчёркивание вместо бледно-жёлтого при наведении */
a:hover{color:inherit;text-decoration:underline;text-underline-offset:3px}
.btn:hover,.brow:hover,a.card:hover,.card.vac:hover,.mails a:hover,.brand:hover,.nav-phone:hover,.gallery a.item:hover,.hero-art a:hover{text-decoration:none}
.menu a:hover,.submenu a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:5px}
footer.site a:hover{color:#fff}

/* карточки: номера только у шагов */
body.page .card:not(.pic):not(.vac) h3::before{content:none}
body.page .card .ic.num{display:block;font-family:Manrope,Inter,sans-serif;font-size:13px;font-weight:700;letter-spacing:.12em;color:#5f5f55;margin-bottom:10px}
/* ровно 4 карточки - одна строка, без «сироты» 3+1 */
@media(min-width:1000px){.cards:has(> :nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:620px) and (max-width:999px){.cards:has(> :nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- формы: видимые подписи полей ---------- */
.form .fl{display:block}
.form .fl-t{display:block;font-family:Manrope,Inter,sans-serif;font-size:14px;font-weight:700;color:#1a1a1a;margin-bottom:6px}
body.home .form .fl + .fl{margin-top:18px}
body.home .form .fl-t{margin-bottom:0}
body.home .form .fl input,body.home .form .fl textarea{padding-top:8px}
.form input::placeholder,.form textarea::placeholder{color:#8a8a80}

/* цены в таблицах - ровные цифры */
.art-table .qc,.ledger .v,.facts-row b{font-variant-numeric:tabular-nums}