/* Rosaifa 4.14.5 — compact centered mobile hero and premium mobile footer. */

@media (max-width: 760px) {
  /* Hero: balanced, centered copy with less space below the image. */
  .rf-front-page .rf-hero-slider-section { padding: 8px 0 18px; }
  .rf-front-page .rf-hero-slider { gap: 9px; }
  .rf-front-page .rf-hero-slider-viewport {
    transition: height .28s ease;
    will-change: height;
  }
  .rf-front-page .rf-hero-slider-track { align-items: flex-start; }
  .rf-front-page .rf-hero-slide { align-self: flex-start; }
  .rf-front-page .rf-hero-slide-card { align-content: start; }
  .rf-front-page .rf-hero-slide-media { border-radius: 22px; }
  .rf-front-page .rf-hero-slide-media img { aspect-ratio: 1.16 / 1; }
  .rf-front-page .rf-hero-slide-content {
    align-content: start;
    justify-items: center;
    max-width: 100%;
    padding: 18px 16px 5px;
    text-align: center;
  }
  .rf-front-page .rf-hero-slide-content .rf-eyebrow {
    font-size: 10px;
    letter-spacing: .17em;
  }
  .rf-front-page .rf-hero-slide-content .rf-display {
    font-size: clamp(34px, 9.4vw, 40px) !important;
    line-height: .98 !important;
    max-width: 13ch;
    text-wrap: balance;
  }
  .rf-front-page .rf-hero-slide-content p {
    font-size: 14px;
    line-height: 1.5;
    max-width: 34ch;
  }
  .rf-front-page .rf-hero-slider-dots { gap: 8px; padding: 5px 0 1px; }
  .rf-front-page .rf-hero-dot { height: 9px; width: 9px; }
  .rf-front-page .rf-hero-dot.is-active { width: 28px; }

  /* Footer: compact dark-luxury treatment and clearer hierarchy. */
  .rf-site-footer {
    --rf-footer-bg: #241814;
    --rf-footer-surface: #30201a;
    --rf-footer-ink: #fff8f2;
    --rf-footer-muted: #cdbeb5;
    --rf-footer-line: rgba(255, 244, 235, .14);
    --rf-footer-copper: #cf8b68;
    --rf-footer-copper-deep: #e4a17d;
    background:
      radial-gradient(circle at 85% 4%, rgba(185, 105, 70, .17), transparent 34%),
      linear-gradient(155deg, #2a1b16 0%, #1d1411 100%);
    border-top-color: rgba(228, 161, 125, .28);
    color: var(--rf-footer-ink);
    padding-bottom: max(94px, calc(84px + env(safe-area-inset-bottom))) !important;
  }
  .rf-site-footer::before {
    background: linear-gradient(90deg, transparent, rgba(228, 161, 125, .72), transparent);
    left: 12%;
    right: 12%;
  }
  .rf-site-footer > .rf-container { padding-inline: 20px; }
  .rf-footer-signature {
    border-bottom-color: var(--rf-footer-line);
    gap: 18px !important;
    padding: 30px 0 24px !important;
    text-align: center;
  }
  .rf-footer-signature-copy { display: grid; justify-items: center; }
  .rf-footer-wordmark-image { max-width: min(64vw, 248px) !important; }
  .rf-footer-wordmark-image .custom-logo,
  .rf-footer-wordmark-image .rf-fallback-logo img {
    max-height: 68px !important;
    width: min(64vw, 242px) !important;
  }
  .rf-footer-signature-copy > p {
    color: var(--rf-footer-muted) !important;
    font-size: 13px !important;
    line-height: 1.52;
    margin-top: 11px !important;
    max-width: 33ch;
  }
  .rf-footer-proof {
    display: grid !important;
    gap: 7px 12px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 16px !important;
    width: 100%;
  }
  .rf-footer-proof a {
    color: #f3e5dc;
    font-size: 10px !important;
    justify-content: center;
    line-height: 1.35;
  }
  .rf-footer-proof a::before { background: var(--rf-footer-copper); flex: 0 0 auto; }
  .rf-footer-install-wrap { max-width: 100%; }
  .rf-install-app {
    background: rgba(255, 255, 255, .075);
    border-color: rgba(255, 244, 235, .17);
    border-radius: 18px;
    box-shadow: 0 16px 38px rgba(0, 0, 0, .16);
    color: var(--rf-footer-ink);
    min-height: 66px !important;
    padding: 10px 12px !important;
    text-align: left;
  }
  .rf-install-app:hover { background: rgba(255, 255, 255, .11); border-color: rgba(228, 161, 125, .46); }
  .rf-install-app-icon { background: #b86e4e; color: #fff; height: 42px; width: 42px; }
  .rf-install-app-copy small { color: #bfaea4; }
  .rf-install-app-copy strong { color: #fff8f2; }
  .rf-install-app-arrow { color: var(--rf-footer-copper-deep); }
  .rf-install-help { color: var(--rf-footer-muted); }
  .rf-site-footer .rf-footer-grid { padding-top: 22px !important; }
  .rf-site-footer .rf-footer-brand {
    display: grid;
    justify-items: center;
    margin-bottom: 17px !important;
    padding-bottom: 17px;
    text-align: center;
  }
  .rf-footer-kicker { color: var(--rf-footer-copper-deep); margin-bottom: 7px; }
  .rf-site-footer .rf-footer-brand p {
    color: var(--rf-footer-muted);
    font-size: 13px;
    line-height: 1.55;
    max-width: 34ch;
  }
  .rf-site-footer .rf-social-links { justify-content: center; margin-top: 13px; }
  .rf-site-footer .rf-social-links a {
    background: rgba(255, 255, 255, .07);
    border-color: var(--rf-footer-line);
    color: #f3e5dc;
  }
  .rf-site-footer .rf-footer-disclosure,
  .rf-site-footer .rf-footer-disclosure:last-of-type { border-color: var(--rf-footer-line); }
  .rf-site-footer .rf-footer-disclosure > summary {
    color: var(--rf-footer-ink);
    min-height: 50px !important;
  }
  .rf-site-footer .rf-footer-disclosure > summary h3 { color: var(--rf-footer-ink); }
  .rf-site-footer .rf-footer-disclosure > summary::after { color: var(--rf-footer-copper-deep); }
  .rf-site-footer .rf-footer-menu a,
  .rf-site-footer .rf-footer-contact-mini a { color: var(--rf-footer-muted); }
  .rf-site-footer .rf-footer-menu a:hover,
  .rf-site-footer .rf-footer-contact-mini a:hover { color: #fff; }
  .rf-site-footer .rf-footer-bottom {
    border-top-color: var(--rf-footer-line);
    color: #a99990;
    justify-content: center;
    margin-top: 24px !important;
    padding-top: 17px;
    text-align: center;
  }
}

@media (max-width: 380px) {
  .rf-footer-proof { grid-template-columns: 1fr; }
  .rf-footer-proof a { justify-content: flex-start; }
  .rf-front-page .rf-hero-slide-content { padding-inline: 10px; }
}

@media (prefers-reduced-motion: reduce) {
  .rf-front-page .rf-hero-slider-viewport { transition: none; }
}
