.rayou-footer {
  --footer-accent: #f6ab00;
  background: #1f1f1f;
  color: #c7c7c7;
  font-family: "Century Gothic", Arial, "Microsoft YaHei", sans-serif;
  font-size: clamp(16px, 1.055vw, 20px);
  line-height: 1.85;
}
.rayou-footer *, .rayou-float-tools * { box-sizing: border-box; }
.rayou-footer-grid {
  width: calc(100% - 140px);
  max-width: 1760px;
  margin: 0 auto;
  padding: 86px 0 68px;
  display: grid;
  grid-template-columns: 1.32fr 1.35fr minmax(140px, .48fr) 1fr;
  gap: clamp(28px, 3.4vw, 66px);
}
.rayou-footer-grid > * { min-width: 0; }
.rayou-footer a { color: inherit; text-decoration: none; transition: color .2s ease; }
.rayou-footer a:hover, .rayou-footer a:focus-visible { color: var(--footer-accent); }
.rayou-footer-logo { display: inline-block; margin: 0 0 30px; }
.rayou-footer-logo img { display: block; width: 220px; max-width: 100%; height: 62px; object-fit: contain; object-position: left center; }
.rayou-footer-description { margin: 0 0 34px; font-size: inherit; line-height: 1.85; color: inherit; }
.rayou-footer h2 { margin: 0 0 30px; color: #fff; font: 700 clamp(20px, 1.38vw, 26px)/1.35 Arial, "Microsoft YaHei", sans-serif; text-transform: uppercase; white-space: nowrap; }
.rayou-footer h2::after { content: ""; display: block; width: 40px; height: 1px; margin-top: 28px; background: var(--footer-accent); }
.rayou-footer ul { margin: 0; padding: 0; list-style: none; }
.rayou-footer-links li { margin: 0 0 18px; }
.rayou-footer-links li:last-child { margin-bottom: 0; }
.rayou-footer-links a { display: inline-block; font-size: inherit; line-height: 1.6; }
.rayou-footer-contact li { display: flex; gap: 10px; align-items: flex-start; margin-bottom: 20px; color: #fff; }
.rayou-footer-contact i { flex: 0 0 23px; width: 23px; margin-top: 6px; font-size: 25px; line-height: 1; }
.rayou-footer-contact a, .rayou-footer-contact span { min-width: 0; overflow-wrap: anywhere; }
.rayou-footer-qr { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 26px; }
.rayou-footer-qr figure { margin: 0; text-align: center; }
.rayou-footer-qr img { display: block; width: 88px; height: 88px; padding: 3px; background: #fff; border-radius: 3px; object-fit: contain; }
.rayou-footer-qr figcaption { font-size: 13px; line-height: 1.5; margin-top: 6px; }
.rayou-footer .rayou-footer-whatsapp { display: inline-flex; width: 48px; height: 48px; align-items: center; justify-content: center; border-radius: 50%; background: var(--footer-accent); color: #fff; font-size: 28px; }
.rayou-footer .rayou-footer-whatsapp:hover { background: #e59600; color: #fff; }
.rayou-footer-bottom { border-top: 1px solid #434343; padding: 30px 70px; text-align: center; font-size: 19px; line-height: 1.6; }
.rayou-footer-bottom p { margin: 0; color: inherit; font-size: inherit; text-wrap: balance; }
.rayou-float-tools { position: fixed; right: 12px; bottom: 150px; z-index: 10000; display: flex; flex-direction: column; gap: 10px; }
.rayou-float-tools a, .rayou-float-tools button { display: flex; width: 48px; height: 48px; padding: 0; align-items: center; justify-content: center; border: 0; border-radius: 6px; background: #f6ab00; color: #fff; font-size: 29px; line-height: 1; text-decoration: none; cursor: pointer; transition: background .2s ease; }
.rayou-float-tools a:hover, .rayou-float-tools button:hover { background: #e59600; color: #fff; }
.rayou-float-tools svg, .rayou-footer-whatsapp svg { display: block; width: 30px; height: 30px; }
.rayou-float-tools a:focus-visible, .rayou-float-tools button:focus-visible, .rayou-footer a:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
body.rayou-has-footer #scrollUp { display: none !important; }
#inquiry-form { scroll-margin-top: 130px; }
@media (max-width: 1200px) {
  .rayou-footer-grid { width: calc(100% - 80px); grid-template-columns: 1fr 1.1fr .55fr 1fr; gap: 30px; padding: 64px 0 54px; }
  .rayou-footer { font-size: 16px; }
  .rayou-footer h2 { font-size: 20px; }
  .rayou-footer-logo img { width: 180px; }
}
@media (max-width: 991px) {
  .rayou-footer-grid { grid-template-columns: 1fr 1fr; gap: 42px; }
  .rayou-footer h2 { font-size: 22px; }
  .rayou-footer-bottom { padding: 24px 40px; font-size: 15px; }
}
@media (max-width: 600px) {
  .rayou-footer-grid { width: calc(100% - 44px); grid-template-columns: 1fr; gap: 36px; padding: 46px 0 40px; }
  .rayou-footer-description { margin-bottom: 22px; }
  .rayou-footer-logo { margin-bottom: 20px; }
  .rayou-footer h2 { margin-bottom: 24px; font-size: 21px; }
  .rayou-footer h2::after { margin-top: 18px; }
  .rayou-footer-links li { margin-bottom: 14px; }
  .rayou-footer-bottom { padding: 24px 64px 82px 22px; font-size: 14px; }
  .rayou-float-tools { right: 8px; bottom: 80px; gap: 8px; }
  .rayou-float-tools a, .rayou-float-tools button { width: 42px; height: 42px; font-size: 25px; }
  #inquiry-form { scroll-margin-top: 85px; }
}
@media (prefers-reduced-motion: reduce) { .rayou-footer a, .rayou-float-tools a, .rayou-float-tools button { transition: none; } }