/* ============================================================
 * outdoor.css — ЕДИНАЯ дизайн-система «Наружная реклама» (.nr-*)
 * Эталон: /naruzhnaya-reklama. Общий источник для всех плоских
 * страниц наружки: naruzhnaya-reklama, vyveski-dlya-biznesa,
 * vyveska-na-fasad, tablichki-na-dver, signs, bukva, lightbox.
 * Префикс классов: .nr-*  (namespaced, не конфликтует с другими).
 * Заведено 2026-06-10 при унификации трёх дизайнов сайта.
 * ============================================================ */
.nr{font-family:var(--t-text-font);color:#fff}
.nr-hero{max-width:1100px;margin:0 auto;padding:64px 6% 24px}
.nr-tag{font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:18px}
.nr-hero h1{font-family:var(--t-heading-font);font-weight:800;font-size:clamp(32px,5vw,60px);line-height:1.08;letter-spacing:-.02em;margin:0 0 20px}
.nr-hero h1 em{font-style:normal;background:linear-gradient(90deg,#4dffb0,#b074ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.nr-hero p{font-size:clamp(16px,1.6vw,19px);line-height:1.6;color:rgba(255,255,255,.8);max-width:760px;margin:0 0 26px}
.nr-cta-btn{display:inline-block;background:#ff2d78;color:#fff;font-family:var(--t-text-font);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;padding:16px 38px;border-radius:6px;text-decoration:none;box-shadow:0 0 30px rgba(255,45,120,.4);transition:.3s}
.nr-cta-btn:hover{box-shadow:0 0 50px rgba(255,45,120,.7)}
.nr-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1100px;margin:8px auto 0;padding:0 6%}
.nr-trust div{background:#0f0f1a;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:22px 16px;text-align:center}
.nr-trust b{display:block;font-family:var(--t-heading-font);font-size:24px;color:#4dffb0}
.nr-trust span{font-size:12px;color:rgba(255,255,255,.55);letter-spacing:.04em}
.nr-sec{max-width:1100px;margin:0 auto;padding:56px 6%}
.nr-sec h2{font-family:var(--t-heading-font);font-weight:800;font-size:clamp(24px,3vw,38px);letter-spacing:-.02em;margin:0 0 28px}
.nr-sec h3{font-family:var(--t-heading-font);font-size:19px;font-weight:700;margin:0 0 10px}
.nr-sec p{font-size:clamp(15px,1.4vw,17px);line-height:1.7;color:rgba(255,255,255,.82)}
.nr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.nr-card{display:block;background:#0f0f1a;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:24px 22px;transition:.2s;text-decoration:none;color:#fff}
.nr-card:hover{border-color:rgba(176,116,255,.4);transform:translateY(-2px)}
.nr-card p{font-size:14.5px;color:rgba(255,255,255,.7);margin:0}
.nr-card .nr-more{display:inline-block;margin-top:12px;font-size:13px;font-weight:600;color:#4dffb0}
.nr-divider{border:none;border-top:1px solid rgba(255,255,255,.07);max-width:1100px;margin:0 auto}
.nr-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.nr-step{background:#0f0f1a;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:22px}
.nr-step .n{font-family:var(--t-heading-font);font-size:26px;font-weight:800;color:rgba(255,255,255,.12)}
.nr-seo p{margin-bottom:14px}
.nr-seo a{color:#4dffb0}
.nr-cta{max-width:1100px;margin:0 auto 56px;background:#0f0f1a;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:48px 40px;text-align:center}
.nr-cta h2{margin-bottom:12px}
.nr-cta p{max-width:560px;margin:0 auto 28px;color:rgba(255,255,255,.78)}
@media(max-width:860px){.nr-grid{grid-template-columns:1fr 1fr}.nr-trust{grid-template-columns:1fr 1fr}.nr-steps{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.nr-grid,.nr-steps,.nr-trust{grid-template-columns:1fr}}

/* hero-хелперы (для общего инклюда page-hero-outdoor.php) */
.nr-hero h2{font-family:var(--t-heading-font);font-weight:800;font-size:clamp(32px,5vw,60px);line-height:1.08;letter-spacing:-.02em;margin:0 0 20px}
.nr-hero h2 em{font-style:normal;background:linear-gradient(90deg,#4dffb0,#b074ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.nr-btns{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.nr-cta-ghost{display:inline-block;color:rgba(255,255,255,.78);font-family:var(--t-text-font);font-weight:600;font-size:13px;letter-spacing:.04em;text-decoration:none;padding:16px 6px;transition:color .2s}
.nr-cta-ghost:hover{color:#fff}
.nr-breadcrumb{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:20px}
.nr-breadcrumb a{color:rgba(255,255,255,.45);text-decoration:none;transition:color .2s}
.nr-breadcrumb a:hover{color:#4dffb0}
.nr-breadcrumb .sep{color:rgba(176,116,255,.5);margin:0 6px}
.nr-breadcrumb .cur{color:rgba(255,255,255,.7)}