/* ============================================================
   FOOTER
   ============================================================ */
.footer { background: var(--footer-bg); color: var(--text); margin-top: 49px; padding: 40px 0 0; }
.footer a:hover { color: var(--brand-blue); }
.footer__cols {
    display: grid; grid-template-columns: 166fr 221fr 231fr 279fr 215fr 160fr;
    gap: 0; padding: 0 28px;
}
.footer__h {
    margin: 0 0 13.9px; font-size: 15px; font-weight: 700; color: var(--text);
    text-transform: uppercase; letter-spacing: .01em; line-height: 1.2;
}
.footer__list li { margin-bottom: 0; }
.footer__list a, .footer__text {
    display: block; font-size: 12px; text-transform: uppercase; letter-spacing: .01em; line-height: 1.5;
}
.footer__strong { font-weight: 700; text-transform: uppercase; font-size: 12px; line-height: 1.5; margin: 12px 0 2.6px; }
.footer__strong--gap { margin-top: 21px; }
.footer__phone { font-size: 12px; line-height: 1.5; }
.footer__hours p { margin: 0 0 4.1px; font-size: 12px; line-height: 1.5; text-transform: uppercase; }
.footer__social { display: flex; gap: 14px; margin-top: 6px; }
.footer__social svg { width: 23px; height: 23px; }
.footer__social a[aria-label="Facebook"] svg { fill: #1877F2; }
.footer__social a[aria-label="Instagram"] svg { fill: #E4405F; }
.footer__social a:hover { opacity: .75; }
.footer__brand img { width: 143px; height: auto; }
.footer .mt-24 { margin-top: 14.4px; }

.footer__bottomrow {
    display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0;
    padding: 32px 28px 40px; align-items: start;
}
.footer__bottomrow .footer__h { margin-bottom: 17.9px; }

.newsletter { display: flex; align-items: center; max-width: 380px; position: relative; }
.newsletter input {
    width: 100%; height: 38px; padding: 0 150px 0 22px; border: 0; border-radius: 19px;
    background: #e9e9e9; color: var(--text); font-size: 14.5px; outline: none;
}
.newsletter input::placeholder { color: #9d9d9d; }
.newsletter button {
    position: absolute; right: 0; top: 0; height: 38px; padding: 0 30px; border-radius: 19px;
    background: var(--dark); color: #fff; font-size: 13px; font-weight: 700;
    letter-spacing: .06em; text-transform: uppercase;
}
.newsletter button:hover { background: var(--brand-blue); }
.pay img { width: 218px; height: auto; }
.certs img { width: 352px; height: auto; }

.footer__legal { background: var(--brand-navy); color: #fff; }
.footer__legal .container {
    min-height: 45px; display: flex; align-items: center;
    font-size: 12.5px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase;
}

.wa {
    position: fixed; right: 26px; bottom: 26px; z-index: 200;
    width: 55px; height: 55px; border-radius: 50%;
    display: grid; place-items: center; background: var(--green);
    box-shadow: 0 4px 14px rgba(0,0,0,.22); transition: transform .18s;
}
.wa:hover { transform: scale(1.07); }
.wa svg { width: 33px; height: 33px; fill: #fff; }

/* ============================================================
   COOKIE BANNER
   ============================================================ */
.cookie-banner {
    position: fixed; bottom: 0; left: 0; right: 0; z-index: 300;
    background: #fff; border-top: 1px solid var(--line);
    box-shadow: 0 -4px 20px rgba(0, 0, 0, .1);
    padding: 20px 0;
}
.cookie-banner[hidden] { display: none; }
.cookie-banner__inner {
    display: flex; align-items: center; gap: 24px;
}
.cookie-banner__text {
    flex: 1; font-size: 13px; line-height: 1.6; color: var(--text);
}
.cookie-banner__text a {
    color: var(--ink); text-decoration: underline;
}
.cookie-banner__text a:hover { color: var(--brand-blue); }
.cookie-banner__actions {
    display: flex; gap: 10px; flex-shrink: 0;
}
.cookie-banner__accept { white-space: nowrap; }
.cookie-banner__reject { white-space: nowrap; }

@media (max-width: 767px) {
    .cookie-banner__inner { flex-direction: column; gap: 16px; }
    .cookie-banner__actions { width: 100%; }
    .cookie-banner__actions .btn { flex: 1; }
}
