html { scroll-behavior: smooth; scroll-padding-top: 110px; }
[data-hero-photo] { object-position: center; }
[data-hero-actions] > a { width: 250px; max-width: 100%; height: 56px; min-height: 56px; padding-block: 0; box-sizing: border-box; }
#faq .faq-icon { position: relative; display: block; flex: 0 0 36px; width: 36px; height: 36px; border: 1px solid #24242426; border-radius: 50%; color: #a6794e; transition: transform .3s; }
#faq .faq-icon::before, #faq .faq-icon::after { content: ''; position: absolute; top: 50%; left: 50%; width: 14px; height: 2px; border-radius: 1px; background: currentColor; transform: translate(-50%, -50%); }
#faq .faq-icon::after { transform: translate(-50%, -50%) rotate(90deg); }
body > header > div[class] { padding: 8px 8px 8px 32px; }
body > header > div > a:last-child { align-self: stretch; justify-content: center; }
html:not(.motion-ready) .scroll-reveal { opacity: 1; transform: none; }
#review-viewport { touch-action: pan-y; }
#review-dots { flex-wrap: wrap; }
#review-track > div { align-items: flex-start; }
#faq button[aria-expanded="true"] > span { transform: rotate(45deg); }
#faq [id^="faq-answer-"] { transition-property: grid-template-rows, visibility; transition-duration: .3s, 0s; }
#faq [id^="faq-answer-"][aria-hidden="true"] { visibility: hidden; transition-delay: 0s, .3s; }
#faq [id^="faq-answer-"][aria-hidden="false"] { visibility: visible; transition-delay: 0s, 0s; }
@media (max-width: 767px) {
  #reviews button[aria-label="Предыдущий отзыв"], #reviews button[aria-label="Следующий отзыв"] { display: none; }
}
@media (max-width: 450px) {
  body > header > div[class] { padding-left: 26px; gap: 10px; }
  header > div > a:last-child { padding-inline: 18px; font-size: 10px; }
}
@media (max-width: 359px) {
  body > header > div[class] { gap: 8px; }
  body > header > div > a:first-child > span > span:first-child > span:first-child { font-size: 22px; }
  body > header > div > a:first-child > span > span:first-child > span:last-child { font-size: 9px; }
  body > header > div > a:last-child { padding-inline: 12px; font-size: 9px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; transition-delay: 0s !important; }
}
