.info-page { padding: 1.875rem 0 1.5rem; background: #fff; color: #131416; }.info-page .container { width: min(84.5rem, calc(100% - 5.5rem)); }.info-page__heading { margin-bottom: 1.75rem; }.info-page__heading h1 { margin: 0; font-size: 2.4375rem; line-height: 1.12; letter-spacing: -0.1rem; }.info-page__heading p { margin: 0.5rem 0 0; color: #777b82; font-size: 0.875rem; }
.company-hero { display: grid; min-height: 20.625rem; grid-template-columns: 2fr 26.25rem; gap: 1.875rem; padding: 1.25rem 1rem; overflow: hidden; border: 0.0625rem solid #e2e0dc; border-radius: 0.875rem; box-shadow: 0 0.3125rem 1rem rgba(0,0,0,.025); }.company-hero > div { display: flex; flex-direction: column; justify-content: space-between; padding-bottom: 10.25rem; }.company-hero h2 { margin: 0; font-size: 1.9375rem; line-height: 1.15; letter-spacing: -0.0625rem; }.company-hero p { max-width: 42.5rem; margin: 0; color: #757980; font-size: 0.75rem; line-height: 1.35; }.company-hero img { width: 100%; height: 18.125rem; align-self: start; border-radius: 0.625rem; object-fit: cover; object-position: 68% center; }.company-principles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.75rem; margin-top: 1.4375rem; }.company-principles article { position: relative; display: flex; min-height: 7.25rem; align-items: flex-start; gap: 0.75rem; padding: 1rem; border: 0.0625rem solid #e2e0dc; border-radius: 0.875rem; box-shadow: 0 0.3125rem 1rem rgba(0,0,0,.025); }.company-principles article:before { position: absolute; top: 1.0625rem; left: -0.0625rem; width: 0.25rem; height: 2.0625rem; border-radius: 0.1875rem; background: #ff5c0a; content: ''; }.company-principles i { display: grid; flex: 0 0 2.625rem; width: 2.625rem; height: 2.625rem; place-items: center; border-radius: 0.625rem; background: #fff0e9; }.company-principles i img { width: 1.4375rem; height: 1.4375rem; }.company-principles h2 { margin: 0.1875rem 0 0.5625rem; font-size: 0.875rem; }.company-principles p { margin: 0; color: #7c8087; font-size: 0.6875rem; }.company-note { min-height: 7.375rem; margin-top: 4.1875rem; padding: 1.25rem 1rem; border: 0.0625rem solid #e2e0dc; border-radius: 0.875rem; background: #fdfbf8; }.company-note h2 { margin: 0; font-size: 1.5rem; }.company-note p { margin: 1.0625rem 0 0; color: #777b81; font-size: 0.6875rem; }
.contact-notice { margin: -0.75rem 0 0.875rem; padding: 0.6875rem 0.8125rem; border-radius: 0.5rem; background: #e9f8ed; color: #13783a; font-size: 0.75rem; }.contact-card { display: grid; min-height: 0; height: 22.5rem; grid-template-columns: 1fr 1.05fr; gap: 1.875rem; padding: 1.25rem 1rem; border: 0.0625rem solid #e2e0dc; border-radius: 0.875rem; }.contact-card__data h2 { margin: 0.0625rem 0 0.5625rem; font-size: 1.875rem; }.contact-card__data > a:not(.button), .contact-card__data p { display: block; margin: 0 0 1.0625rem; color: #747880; font-size: 0.75rem; }.contact-card__data > a:not(.button):first-of-type { color: #15171a; font-size: 1rem; font-weight: 800; }.contact-card__data .button { width: 11.875rem; min-height: 2.75rem; margin-top: 0.625rem; border: 0; border-radius: 0.5rem; font-size: 0.75rem; }.contact-form { display: grid; height: 20rem; grid-template-rows: auto 2.625rem 2.625rem 5.375rem 2.75rem; gap: 0.9375rem; padding: 0.9375rem 0.8125rem; border: 0.0625rem solid #dfddd9; border-radius: 0.75rem; box-shadow: 0 0.4375rem 1.125rem rgba(0,0,0,.05); }.contact-form h2 { margin: 0; font-size: 1.125rem; }.contact-form input, .contact-form textarea { width: 100%; padding: 0 0.75rem; border: 0.0625rem solid #dedcd8; border-radius: 0.5rem; outline: none; color: #15171a; font: inherit; font-size: 0.75rem; }.contact-form textarea { padding-top: 0.75rem; resize: vertical; }.contact-form input:focus, .contact-form textarea:focus { border-color: #ff5c0a; box-shadow: 0 0 0 0.1875rem rgba(255,92,10,.1); }.contact-form .button { width: 10.625rem; min-height: 2.75rem; border: 0; border-radius: 0.5rem; font-size: 0.75rem; }.contacts-map { min-height: 10.625rem; margin-top: 1.5rem; padding: 1.125rem 1rem; border-radius: 0.875rem; background: #f8f7f4; }.contacts-map h2 { margin: 0; font-size: 1.4375rem; }.contacts-map p { max-width: 58.125rem; margin: 0.6875rem 0 1.1875rem; color: #777b82; font-size: 0.6875rem; }.contacts-map .button { min-height: 2.625rem; padding: 0 1.5625rem; border-color: #dedcd8; border-radius: 0.5rem; font-size: 0.75rem; }
.warranty-intro { position: relative; min-height: 9.375rem; padding: 1.4375rem 1rem; border-radius: 0.875rem; background: #fdfbf8; box-shadow: 0 0.375rem 1.125rem rgba(0,0,0,.025); }.warranty-intro > i { position: absolute; top: 0; left: 1rem; width: 5.75rem; height: 0.25rem; border-radius: 0.125rem; background: #ff5c0a; }.warranty-intro h2 { margin: 0; font-size: 1.625rem; }.warranty-intro p { max-width: 46.875rem; margin: 0.9375rem 0 0; color: #777b82; font-size: 0.75rem; }.warranty-steps { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 0.75rem; margin-top: 1.5625rem; }.warranty-steps article { display: flex; min-height: 7.1875rem; gap: 0.75rem; padding: 0.875rem; border: 0.0625rem solid #e2e0dc; border-radius: 0.875rem; box-shadow: 0 0.3125rem 1rem rgba(0,0,0,.025); }.warranty-steps i { display: grid; flex: 0 0 2.625rem; width: 2.625rem; height: 2.625rem; place-items: center; border-radius: 0.625rem; background: #fff0e9; color: #ff5c0a; font-size: 1.625rem; font-style: normal; }.warranty-steps h2 { margin: 0.125rem 0 0.5rem; font-size: 0.875rem; line-height: 1.15; }.warranty-steps p { margin: 0; color: #7d8087; font-size: 0.6875rem; }.warranty-faq { margin-top: 4.25rem; padding: 1.125rem 1rem; border: 0.0625rem solid #e2e0dc; border-radius: 0.875rem; background: #fdfbf8; }.warranty-faq h2 { margin: 0 0 0.5rem; font-size: 1.5rem; }.warranty-faq details { margin-top: 0.5rem; border-radius: 0.5rem; background: #fff; }.warranty-faq summary { display: flex; min-height: 3rem; align-items: center; justify-content: space-between; padding: 0 0.75rem; cursor: pointer; font-size: 0.6875rem; list-style: none; }.warranty-faq summary::-webkit-details-marker { display: none; }.warranty-faq summary b { color: #ff5c0a; font-size: 1.0625rem; }.warranty-faq p { margin: 0; padding: 0 0.75rem 0.75rem; color: #757980; font-size: 0.6875rem; }.warranty-faq details[open] summary b { transform: rotate(45deg); }
.warranty-steps i svg { width: 1.375rem; height: 1.375rem; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.footer-nav-group > button { display: contents; border: 0; background: transparent; color: inherit; font: inherit; cursor: default; }.footer-nav-group > button > span { display: block; margin: 0 0 0.625rem; font-size: 0.6875rem; font-weight: 700; }.footer-nav-group > button b { display: none; }.footer-nav-group > div > a { display: block; margin: 0 0 0.4375rem; color: #c6cbc7; font-size: 0.625rem; }.footer-nav-group > div > a:hover { color: #fff; }
@media (min-width: 768px) and (max-width: 1199px) { .info-page { padding: 1.9375rem 0 1.5rem; }.info-page .container { width: min(45rem, calc(100% - 3rem)); }.info-page__heading { margin-bottom: 2rem; }.company-page { padding-bottom: 1.75rem; }.company-page .info-page__heading, .contacts-page .info-page__heading { margin-bottom: 1.4375rem; }.company-hero { min-height: 0; height: 20.625rem; grid-template-columns: 1fr 20.625rem; gap: 1.25rem; }.company-hero > div { padding-bottom: 8.625rem; }.company-hero h2 { font-size: 1.8125rem; }.company-hero img { height: 18.125rem; }.company-principles { gap: 0.75rem; }.company-principles article { min-height: 7.1875rem; padding: 0.9375rem; }.company-principles h2 { font-size: 0.875rem; }.company-note { min-height: 0; height: 7.375rem; margin-top: 4.25rem; }.contact-card { min-height: 0; height: 22.5rem; grid-template-columns: 1fr 22.25rem; gap: 1.25rem; }.contact-form { height: 19.875rem; grid-template-rows: auto 2.625rem 2.625rem 5.375rem 2.75rem; }.contacts-map { min-height: 11.125rem; }.warranty-intro { min-height: 9.375rem; }.warranty-faq { margin-top: 4.25rem; } }
@media (max-width: 767px) { .info-page { padding: 2.0625rem 0 1.125rem; }.info-page .container { width: calc(100% - 2rem); }.info-page__heading { margin-bottom: 1.125rem; }.info-page__heading h1 { font-size: 1.875rem; letter-spacing: -0.08125rem; }.info-page__heading p { margin-top: 0.625rem; font-size: 0.6875rem; line-height: 1.4; }.company-hero { min-height: 31.25rem; grid-template-columns: 1fr; gap: 1.125rem; padding: 1.25rem 0.9375rem 1rem; }.company-hero > div { display: block; padding: 0; }.company-hero h2 { font-size: 1.5625rem; line-height: 1.25; letter-spacing: -0.0625rem; }.company-hero p { margin-top: 1.1875rem; font-size: 0.6875rem; line-height: 1.38; }.company-hero img { height: 14.375rem; border-radius: 0.625rem; object-position: 68% center; }.company-principles { grid-template-columns: 1fr; gap: 0.9375rem; margin-top: 1.5rem; }.company-principles article { min-height: 7.1875rem; padding: 0.875rem; }.company-principles h2 { font-size: 0.875rem; }.company-principles p { font-size: 0.6875rem; line-height: 1.35; }.company-note { min-height: 9.25rem; margin-top: 2.4375rem; padding: 1.0625rem 0.9375rem 0.625rem; }.company-note h2 { font-size: 1.375rem; line-height: 1.25; }.company-note p { margin-top: 0.625rem; font-size: 0.625rem; line-height: 1.35; }.company-page { padding-bottom: 1.5625rem; }.contacts-page { padding-bottom: 1.3125rem; }.contacts-page .info-page__heading { margin-bottom: 2.0625rem; }.contact-card { display: block; min-height: 0; height: auto; padding: 1.25rem 0.9375rem; }.contact-card__data h2 { font-size: 1.5625rem; }.contact-card__data > a:not(.button), .contact-card__data p { margin-bottom: 1.0625rem; font-size: 0.75rem; }.contact-card__data .button { width: 11.25rem; margin-top: 0.5rem; }.contact-form { height: auto; grid-template-rows: auto 2.625rem 2.625rem 5.375rem 2.75rem; gap: 0.3125rem; margin-top: 1.5rem; padding: 0.9375rem 0.8125rem 1.3125rem; }.contact-form h2 { font-size: 1.1875rem; }.contact-form .button { width: 100%; }.contacts-map { min-height: 13.375rem; margin-top: 1.5rem; padding: 1.125rem 1rem; }.contacts-map h2 { font-size: 1.375rem; }.contacts-map p { margin: 0.75rem 0 1.1875rem; font-size: 0.6875rem; line-height: 1.4; }.contacts-map .button { min-height: 2.625rem; padding: 0 1.125rem; }.warranty-page { padding-bottom: 1.5rem; }.warranty-intro { min-height: 8.125rem; padding: 0.9375rem 1rem; box-shadow: none; }.warranty-intro h2 { font-size: 1.375rem; line-height: 1.2; }.warranty-intro p { margin-top: 1rem; font-size: 0.6875rem; line-height: 1.35; }.warranty-steps { grid-template-columns: 1fr; gap: 0.875rem; margin-top: 1.5625rem; }.warranty-steps article { min-height: 7.25rem; padding: 0.9375rem; }.warranty-steps h2 { font-size: 0.875rem; }.warranty-steps p { line-height: 1.35; }.warranty-faq { min-height: 22.5rem; margin-top: 2.3125rem; padding: 1.0625rem 0.9375rem; }.warranty-faq h2 { font-size: 1.375rem; }.warranty-faq details { margin-top: 0.5rem; }.warranty-faq summary { min-height: 3rem; padding: 0 0.75rem; font-size: 0.6875rem; }.site-footer { padding-top: 2.3125rem; }.footer-grid { grid-template-columns: 1fr; gap: 1rem; }.footer-grid section:first-child, .footer-grid section:nth-child(5) { grid-column: auto; }.footer-grid section:first-child { margin-bottom: 0.3125rem; }.brand--footer img { width: 15rem; height: auto; }.footer-brand__description { max-width: 20.625rem; margin: 1rem 0 0.625rem !important; font-size: 0.625rem !important; }.socials { gap: 0.75rem; }.socials a { width: 1.875rem; height: 1.875rem; }.footer-nav-group { order: 2; }.footer-nav-group > button { display: flex; width: 100%; min-height: 3rem; align-items: center; justify-content: space-between; padding: 0 0.75rem; border: 0.0625rem solid #383a3b; border-radius: 0.4375rem; background: transparent; color: #fff; cursor: pointer; }.footer-nav-group > button > span { margin: 0; font-size: 0.75rem; }.footer-nav-group > button b { display: block; color: #ff5c0a; font-size: 1.125rem; font-weight: 400; }.footer-nav-group > div { display: none; padding: 0.625rem 0.75rem 0.125rem; }.footer-nav-group.is-open > div { display: block; }.footer-nav-group > div > a { font-size: 0.6875rem; }.footer-contacts { order: 3; margin-top: 0; }.footer-contacts h3 { margin: 0 0 0.625rem; font-size: 0.75rem; }.footer-contacts p, .footer-contacts a { font-size: 0.625rem !important; }.footer-bottom { padding: 1.6875rem 0 1.25rem; border: 0; font-size: 0.5625rem; } }

/* Final footer accordion and source social assets from the local 390 reference. */
@media (min-width: 768px) {
  .contact-form .button { transform: translateY(-2.5rem); }
  .contact-form .button:hover { transform: translateY(-2.5625rem); }
  .socials a.socials__vk,
  .socials a.socials__maps { width: 1.875rem; height: 1.875rem; }
  .socials a.socials__max { width: 3rem; height: 3rem; }
}
@media (max-width: 767px) {
  html { scrollbar-width: none; }
  html::-webkit-scrollbar,
  body::-webkit-scrollbar,
  .catalog-mega::-webkit-scrollbar { display: none; width: 0; height: 0; }
  .site-footer { min-height: 37.5rem; padding: 1.625rem 0 1.125rem; }
  .site-footer .container { width: calc(100% - 2rem); }
  .footer-grid { display: flex; height: auto; flex-direction: column; gap: 0.375rem; }
  .footer-grid section,
  .footer-grid section:first-child { width: 100%; min-height: 0; height: auto; overflow: visible; }
  .footer-grid section:first-child { min-height: 11.8125rem; margin: 0 0 0.4375rem; gap: 0; }
  .brand--footer { width: 15.625rem; height: 6.25rem; }
  .brand--footer img { width: 15.625rem; height: 6.25rem; object-fit: contain; object-position: left center; }
  .footer-grid .footer-brand__description { width: 20.625rem; max-width: 100%; height: auto; margin: 0.25rem 0 0.0625rem !important; font-size: 0.625rem !important; line-height: 0.9375rem; }
  .socials { width: auto; height: 3rem; align-items: center; gap: 0.5rem; }
  .socials a.socials__vk,
  .socials a.socials__maps { width: 1.875rem; height: 1.875rem; }
  .socials a.socials__max { width: 3rem; height: 3rem; }
  .footer-grid .footer-nav-group { display: block; flex: none; min-height: 3rem; height: auto; border: 0; border-radius: 0; overflow: visible; }
  .footer-nav-group > button { min-height: 3rem; padding: 0 0.8125rem; border: 0.0625rem solid #383a3b; border-radius: 0.5rem; }
  .footer-nav-group > button > span { font-size: 0.75rem; font-weight: 600; }
  .footer-nav-group > button b { font-size: 1.0625rem; line-height: 1; }
  .footer-nav-group > div { display: none; min-height: 9.125rem; margin-top: 0.375rem; padding: 0.625rem 0.875rem 1.125rem; border: 0.0625rem solid #383a3b; border-radius: 0.5rem; }
  .footer-nav-group.is-open { margin-bottom: 0.375rem; }
  .footer-nav-group.is-open > div { display: block; }
  .footer-nav-group > div > a { margin: 0 0 0.4375rem; color: #a9acb2; font-size: 0.625rem; line-height: 0.9375rem; }
  .footer-contacts { margin-top: 0.6875rem; gap: 0.375rem !important; }
  .footer-contacts h3 { height: 1.0625rem; margin: 0 0 0.125rem; font-size: 0.75rem; }
  .footer-contacts p,
  .footer-contacts a { min-height: 0.9375rem; margin: 0 !important; font-size: 0.625rem !important; line-height: 0.9375rem; }
  .footer-grid .footer-contacts > a.footer-contacts__callback { color: #ff5c0a; }
  .footer-bottom { margin-top: 2.3125rem; padding: 0 0 0.375rem; font-size: 0.5625rem; line-height: 0.875rem; }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .warranty-page { padding-bottom: 1.6875rem; }
}

/* Keep the contact submit action in its own grid row below the message. */
.contact-form {
  grid-template-rows: auto 2.625rem 2.625rem minmax(5.375rem, 1fr) 2.75rem;
  gap: 0.5rem;
}
@media (min-width: 768px) {
  .contact-form .button,
  .contact-form .button:hover { transform: none; }
}