/* =============================================================
   FOOTER.CSS — Premium footer + newsletter
   ============================================================= */

.newsletter { background: var(--g-vibe); background-size: 200% 200%; animation: gradientShift 12s ease infinite; color: #fff; border-radius: var(--r-2xl); padding: var(--s-9) var(--s-7); text-align: center; position: relative; overflow: hidden; }
.newsletter h2 { color: #fff; }
.newsletter p { color: rgba(255,255,255,.85); max-width: 480px; margin-inline: auto; }
.newsletter form { display: flex; gap: 10px; max-width: 460px; margin: var(--s-5) auto 0; }
.newsletter .input { background: rgba(255,255,255,.15); border-color: rgba(255,255,255,.3); color: #fff; }
.newsletter .input::placeholder { color: rgba(255,255,255,.7); }

.footer { background: var(--c-ink); color: #c9c5d3; margin-top: var(--s-10); padding-top: var(--s-10); }
.footer a { color: #c9c5d3; transition: color var(--t-fast); }
.footer a:hover { color: #fff; }
.footer-grid { display: grid; grid-template-columns: 1.6fr repeat(4, 1fr); gap: var(--s-7); padding-bottom: var(--s-8); }
.footer .brand { color: #fff; margin-bottom: var(--s-4); }
.footer .brand b { -webkit-text-fill-color: transparent; }
.footer-col h5 { color: #fff; font-size: var(--fs-sm); text-transform: uppercase; letter-spacing: .08em; margin-bottom: var(--s-4); }
.footer-col a { display: block; padding: 6px 0; font-size: var(--fs-base); }
.footer-about p { color: #948fa3; max-width: 320px; margin-bottom: var(--s-5); }
.socials { display: flex; gap: 10px; }
.socials a { width: 40px; height: 40px; border-radius: 50%; background: rgba(255,255,255,.08); display: grid; place-items: center; }
.socials a:hover { background: var(--c-primary); transform: translateY(-3px); }
.socials svg { width: 18px; height: 18px; }
.app-badges { display: flex; gap: 10px; margin-top: var(--s-4); }
.app-badges .badge-box { border: 1px solid rgba(255,255,255,.2); border-radius: var(--r-sm); padding: 8px 14px; display: flex; align-items: center; gap: 8px; font-size: var(--fs-xs); }
.footer-bottom { border-top: 1px solid rgba(255,255,255,.1); padding: var(--s-5) 0; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--s-3); font-size: var(--fs-xs); color: #948fa3; }
.pay-icons { display: flex; gap: 8px; flex-wrap: wrap; }
.pay-icons span { background: rgba(255,255,255,.1); padding: 5px 10px; border-radius: var(--r-xs); font-size: 10px; font-weight: var(--fw-bold); letter-spacing: .04em; }

@media (max-width: 1024px){ .footer-grid { grid-template-columns: 1fr 1fr 1fr; } .footer-about { grid-column: 1 / -1; } }
@media (max-width: 600px){ .footer-grid { grid-template-columns: 1fr 1fr; } .newsletter form { flex-direction: column; } }