/* "Need help?" band, footer, WhatsApp button. */

.help-band { position: relative; display: grid; place-items: center; min-height: 14rem; overflow: hidden; background: var(--yms-ink); }
.help-band__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.help-band__content { position: relative; max-width: calc(38.75rem + 2 * var(--yms-gutter)); padding: 2rem var(--yms-gutter); text-align: center; color: var(--yms-white); }
.help-band__title { color: var(--yms-white); text-transform: uppercase; letter-spacing: 0.02em; font-size: clamp(1.75rem, 1.4rem + 1vw, 2.125rem); font-weight: 800; line-height: 1.05; margin-bottom: 0.75rem; }
.help-band__content p { margin-bottom: 1.2rem; font-size: 0.9375rem; line-height: 1.55; }
.help-band .button { padding: 0.75rem 1.875rem; border-radius: 8px; font-size: 0.9375rem; font-weight: 600; }

.site-footer { background: var(--yms-ink); color: rgba(255, 255, 255, 0.75); padding-top: 3rem; }
.site-footer a { color: inherit; }
.site-footer a:hover { color: var(--yms-white); }
.site-footer__grid { display: grid; grid-template-columns: 1fr; gap: 2.5rem; }
.site-footer__heading { color: var(--yms-white); font-size: 1.125rem; font-weight: 400; letter-spacing: 0.04em; margin-bottom: 1.1rem; }
.site-footer__links { margin: 0; padding: 0; list-style: none; display: grid; gap: 0.6rem; }
.site-footer__links a { text-decoration: none; font-size: 0.875rem; }
.site-footer__links a:hover { text-decoration: underline; }

.site-footer__brand { display: grid; margin: 0 0 1.75rem; color: var(--yms-white); font-size: clamp(1.3rem, 1.1rem + 0.7vw, 1.625rem); line-height: 1.25; letter-spacing: 0.02em; }
.site-footer__store-list { display: grid; gap: 2rem 2.5rem; }
.store-card { font-size: 0.8125rem; line-height: 1.55; }
.store-card p { margin: 0 0 0.9rem; }
.store-card__city { color: rgba(255, 255, 255, 0.6); font-size: 0.8125rem; font-weight: 400; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 0.6rem; }
.store-card__contact a[href^="tel"] { text-decoration: underline; }
.store-card__contact a[href^="mailto"] { text-decoration: none; }
.store-card__social { display: flex; gap: 0.75rem; }
.social { display: grid; place-items: center; width: 1.375rem; height: 1.375rem; }
.social .icon { width: 1.375rem; height: 1.375rem; }
.site-footer .social--whatsapp, .site-footer .social--whatsapp:hover { color: var(--yms-whatsapp); }
.site-footer .social--instagram, .site-footer .social--instagram:hover { color: var(--yms-instagram); }
.site-footer .social--facebook, .site-footer .social--facebook:hover { color: var(--yms-facebook); }
.site-footer .social:hover { opacity: 0.8; }

.site-footer__bottom { display: grid; justify-items: center; gap: 1.5rem; margin-top: 2.5rem; padding-block: 1.5rem 2rem; border-top: 1px solid rgba(255, 255, 255, 0.08); }
.site-footer__logo img { width: 100px; }
.site-footer__copyright { margin: 0; font-size: 0.75rem; letter-spacing: 0.05em; }

@media (min-width: 750px) {
  .site-footer__grid { grid-template-columns: 1fr 2fr; }
  .site-footer__stores { text-align: right; }
  .site-footer__store-list { grid-template-columns: 1fr 1fr; }
  .site-footer__bottom { grid-template-columns: auto 1fr auto; justify-items: start; }
  .site-footer__copyright { justify-self: center; grid-column: 2; }
}

.whatsapp-float {
  position: fixed; right: 1.5rem; bottom: 1.5rem; z-index: 90;
  display: grid; place-items: center; width: 3.5rem; height: 3.5rem;
  border: 3px solid var(--yms-white); border-radius: 50%;
  background: #1f9d4c; color: var(--yms-white);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
}
.whatsapp-float:hover { background: #18843f; color: var(--yms-white); }
.whatsapp-float .icon { width: 1.9rem; height: 1.9rem; }
@media (max-width: 749px) { .whatsapp-float { right: 1rem; bottom: 1rem; width: 3.1rem; height: 3.1rem; } }