/* Scoped to the outdoor advertising page; the approved homepage is unchanged. */
.start-site main{ --section-padding: 40px; }
.start-site main > section:not(.nr-hero){ padding-block: var(--section-padding); }
.start-site main  .nr-hero{ padding-bottom: var(--section-padding); }
.start-site .skip-link{ position: fixed; top: 8px; left: 16px; z-index: 10001; padding: 12px 20px; background: #fff; color: var(--red); transform: translateY(-150%); }
.start-site .skip-link:focus{ transform: translateY(0); }
.start-site :where(a, button, input, textarea, select, [tabindex]):focus-visible{ outline: 3px solid #276ac2; outline-offset: 4px; }
.start-site .page-breadcrumbs{ display: flex; flex-wrap: wrap; gap: 10px; font-size: 14px; color: #666; margin-bottom: 24px; }
.start-site .page-breadcrumbs a{ color: var(--red); text-decoration: none; }
.start-site .nr-hero__title{ font-size: clamp(36px, 4.5vw, 58px); }
.start-site .nr-hero__right{ text-align: left; align-items: flex-start; }
.start-site .nr-hero__buttons{ align-items: stretch; }
.start-site .nr-hero__banner-img{ max-height: none; }
.start-site .nr-types__grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
.start-site .nr-types__card{ min-height: 340px; cursor: default; }
.start-site .nr-types__card:hover{ background-image: var(--card-image) !important; background-color: transparent; }
.start-site .nr-types__card:hover::before{ opacity: 1; }
.start-site .nr-types__card::before{ background: linear-gradient(to top, rgba(0,0,0,.85), rgba(0,0,0,.1) 75%, transparent); }
.start-site .nr-types__card:hover .nr-types__card-desc{ display: none; }
.start-site .nr-types__card.is-open,.start-site .nr-types__card.is-open:hover{ background: var(--red); background-image: none !important; }
.start-site .nr-types__card.is-open::before{ opacity: 0; }
.start-site .nr-types__card.is-open .nr-types__card-desc{ display: block; }
.start-site .nr-types__toggle{ font: inherit; font-size: 14px; line-height: 1.4; color: #fff; background: transparent; border: 0; padding: 12px 0; min-height: 44px; text-decoration: underline; text-underline-offset: 4px; cursor: pointer; }
.start-site .nr-types__hint{ color: #666; }
.start-site .nr-shenders__grid,.start-site .nr-acrylic__grid,.start-site .nr-wrap__grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
.start-site .nr-calc__inner,.start-site .nr-wrap-calc__row{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.start-site .nr-letters__card{ grid-template-columns: minmax(0, 420px) minmax(0, 1fr); }
.start-site .nr-hero__top > *,.start-site .nr-types__card-inner,.start-site .nr-letters__card-body,.start-site .nr-shenders__card-body,.start-site .nr-acrylic__card-body,.start-site .nr-materials__tabs,.start-site .nr-materials__content,.start-site .nr-materials__desc,.start-site .nr-calc__form,.start-site .nr-calc__upload,.start-site .nr-calc__field > *,.start-site .nr-wrap__card-text,.start-site .nr-wrap-calc__field{ min-width: 0; }
.start-site .nr-letters__card-desc{ color: #d8d8d8; }
.start-site .nr-shenders__price-row{ gap: 12px; align-items: flex-start; }
.start-site .nr-shenders__price-value{ flex-shrink: 0; white-space: nowrap; }
.start-site .nr-shenders__card .btn,.start-site .nr-calc__btn{ color: #fff; }
.start-site .price-note,.start-site .quote-intro{ font-size: 15px; line-height: 1.6; color: #555; }
.start-site .price-note{ margin-top: 24px; }
.start-site .quote-intro{ max-width: 660px; text-align: center; margin: -20px auto 32px; }
.start-site .nr-materials__image{ min-height: 260px; }
.start-site .nr-materials__tabs{ flex-basis: 320px; }
.start-site .nr-materials__desc{ flex-basis: 260px; }
.start-site .nr-calc__size{ flex: 1; }
.start-site .nr-calc__input{ width: 100%; min-width: 0; }
.start-site .nr-calc__textarea{ resize: vertical; min-height: 180px; }
.start-site .nr-calc__select{ width: 100%; }
.start-site .nr-calc__field-label{ flex-basis: 130px; font-size: 18px; }
.start-site .nr-calc__upload-filename,.start-site .nr-wrap-calc__upload-filename{ overflow-wrap: anywhere; }
.start-site .nr-wrap__card{ cursor: default; }
.start-site .nr-wrap__card-desc{ display: block; }
.start-site .nr-wrap-calc__btn{ white-space: normal; }
.start-site .nr-wrap-calc__input{ font-family: inherit; }
.start-site .modal__description{ font-size: 15px; line-height: 1.6; margin-bottom: 20px; }
.start-site .modal__content{ max-height: calc(100dvh - 32px); overflow-y: auto; }
.start-site .modal{ transition: opacity var(--transition); }
.start-site .quote-summary{ background: var(--gray); padding: 14px 16px; margin-bottom: 20px; border-radius: 12px; font-size: 13px; }
.start-site .quote-summary[hidden]{ display: none; }
.start-site .quote-summary p{ white-space: pre-line; margin-top: 8px; line-height: 1.6; overflow-wrap: anywhere; }
.start-site .faq__question{ gap: 16px; }
.start-site .faq__item--active .faq__answer{ height: auto; }
.start-site .toast{ width: min(560px, calc(100vw - 32px)); }
.start-site .toast__inner{ white-space: normal; }
.start-site .nav__item:focus-within .mega-menu,.start-site .nav__item.is-open .mega-menu{ opacity: 1; visibility: visible; pointer-events: auto; }
.start-site .mega-menu{ left: 50%; transform: translate(-30%, 8px); min-width: 0; width: min(900px, calc(100vw - 60px)); }
.start-site .nav__item:hover .mega-menu,.start-site .nav__item:focus-within .mega-menu,.start-site .nav__item.is-open .mega-menu{ transform: translate(-30%, 0); }
.start-site .footer__content{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.start-site .footer__left,.start-site .footer__right{ min-width: 0; }
.start-site .footer__contacts{ flex-wrap: wrap; gap: 16px 24px; }
.start-site .footer__phone,.start-site .footer__email{ overflow-wrap: anywhere; }
.start-site .footer__map{ position: relative; background: var(--gray); }
.start-site .footer__map-link{ position: absolute; bottom: 16px; left: 50%; transform: translateX(-50%); background: #fff; color: var(--red); padding: 10px 16px; border-radius: 12px; text-decoration: none; white-space: nowrap; font-size: 14px; box-shadow: var(--shadow); }
@media (max-width: 1180px) {
  .start-site .nav,.start-site .header__btn{ display: none; }
  .start-site .burger{ display: flex; margin-left: auto; }
  .start-site .header__contact{ margin-left: auto; }
  .start-site .header__inner{ gap: 20px; }
}
@media (max-width: 1024px) {
  .start-site .nr-types__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .start-site .nr-shenders__grid,.start-site .nr-acrylic__grid,.start-site .nr-wrap__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .start-site .nr-calc__inner,.start-site .nr-wrap-calc__row,.start-site .footer__content{ grid-template-columns: minmax(0, 1fr); }
  .start-site .nr-letters__card{ grid-template-columns: minmax(0, 320px) minmax(0, 1fr); }
  .start-site .nr-hero__right{ max-width: 620px; }
  .start-site .nr-hero__buttons{ flex-direction: row; flex-wrap: wrap; align-items: center; }
  .start-site .nr-hero__buttons .btn{ min-width: 0; }
  .start-site .nr-materials__tabs,.start-site .nr-materials__desc{ flex-basis: auto; }
  .start-site .nr-materials__image{ flex: auto; }
}
@media (max-width: 768px) {
  .start-site main{ --section-padding: 24px; }
  .start-site .container{ padding-inline: 20px; }
  .start-site .nr-hero{ padding-top: 90px; }
  .start-site .nr-hero__title{ font-size: clamp(30px, 6.7vw, 46px); }
  .start-site .nr-hero__top{ gap: 20px; margin-bottom: 28px; }
  .start-site .nr-hero__subtitle{ font-size: 16px; }
  .start-site .nr-hero__buttons{ flex-direction: column; align-items: stretch; }
  .start-site .nr-hero__buttons .btn{ min-width: 0; }
  .start-site .nr-types__grid,.start-site .nr-shenders__grid,.start-site .nr-acrylic__grid,.start-site .nr-wrap__grid,.start-site .nr-letters__card{ grid-template-columns: minmax(0, 1fr); }
  .start-site .nr-types__card{ aspect-ratio: auto; min-height: 360px; }
  .start-site .nr-types__logo-card{ aspect-ratio: auto; min-height: 120px; }
  .start-site .nr-types__card-inner{ padding: 24px; }
  .start-site .nr-materials__tabs{ flex-basis: auto; }
  .start-site .nr-materials__image{ width: 100%; min-height: 240px; }
  .start-site .nr-calc__field-label{ flex-basis: auto; }
  .start-site .nr-calc__size{ flex-basis: auto; }
  .start-site .nr-wrap-calc__upload-area{ padding: 20px 16px; }
  .start-site .nr-wrap-calc__btn{ width: 100%; padding-inline: 12px; }
  .start-site .nr-wrap__card-content{ gap: 12px; }
  .start-site .nr-wrap__card-title br{ display: none; }
  .start-site .cta__form-wrap{ padding: 28px 24px; }
  .start-site .cta__title{ font-size: 32px; line-height: 1.1; margin-bottom: 12px; }
  .start-site .cta__subtitle{ font-size: 16px; line-height: 1.45; margin-bottom: 24px; }
  .start-site .footer__phone,.start-site .footer__email{ font-size: clamp(18px, 5vw, 24px); }
  .start-site .footer__services-list a{ align-items: flex-start; }
  .start-site .footer__services-list svg{ flex-shrink: 0; margin-top: 5px; }
  .start-site .faq__answer,.start-site .faq__item--active .faq__answer{ padding-inline: 20px; }
}
@media (max-width: 400px) {
  .start-site .container{ padding-inline: 16px; }
  .start-site .nr-hero__title{ font-size: 30px; }
  .start-site .nr-shenders__card-body,.start-site .nr-acrylic__card-body{ padding: 20px; }
  .start-site .nr-shenders__price-row{ flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
  html{ scroll-behavior: auto; }
  .start-site *,.start-site *::before,.start-site *::after{ animation: none !important; transition: none !important; }
}