/* ============================================================
   Спільний футер — підключається на КОЖНІЙ сторінці сайту.
   Правити тільки тут, щоб футер не розповзався між сторінками.
   ============================================================ */
.footer{background-image:linear-gradient(180deg,#4d0512 0%,#360009 100%);padding:0 40px;position:relative}
.footer-band{height:28px;background-image:url('assets/band-rushnyk-cream.svg');background-repeat:repeat-x;background-position:center;opacity:0.7;margin:0 -40px}
.footer-inner{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr 1.2fr 1fr;gap:56px;padding:72px 0 64px}
.footer-logo{display:block;margin-bottom:20px}
.footer-logo-img{height:74px;width:auto}
.footer-desc{font-size:14px;color:rgba(255,248,241,0.72);line-height:1.75;max-width:280px}
.footer-col{display:flex;flex-direction:column;gap:12px}
.footer-col-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.14em;color:#e0b64a;margin-bottom:6px}
.footer-link{font-size:14px;color:rgba(255,248,241,0.82);transition:color 0.2s}
.footer-link:hover{color:#fff8f1}
.footer-contact{font-size:14px;color:rgba(255,248,241,0.82);line-height:1.6}
/* На внутрішніх сторінках немає глобального скидання для <a> — телефон і пошта ставали синіми */
.footer-contact a{color:inherit}

.footer-contact strong{display:block;font-size:16px;font-weight:600;color:#fff8f1;letter-spacing:0.01em}
.footer-contact a{transition:opacity 0.2s}
.footer-contact a:hover{opacity:0.75}
.footer-contact-note{font-size:12px;color:rgba(255,248,241,0.62);margin-top:2px}
.footer-social{display:flex;gap:10px;margin-top:4px}
.footer-social a{width:38px;height:38px;border:1px solid rgba(255,248,241,0.28);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;letter-spacing:0.06em;color:rgba(255,248,241,0.82);transition:background 0.2s,color 0.2s,border-color 0.2s}
.footer-social a:hover{background:#fff8f1;color:#42000e;border-color:#fff8f1}
.footer-bottom{max-width:1440px;margin:0 auto;border-top:1px solid rgba(255,248,241,0.14);padding:24px 0;display:flex;justify-content:space-between;align-items:center;gap:16px}
.footer-copy{font-size:12px;color:rgba(255,248,241,0.62);text-transform:uppercase;letter-spacing:0.08em}
.footer-agency{display:inline-flex;align-items:center;gap:10px;font-size:12px;color:rgba(255,248,241,0.62);text-decoration:none;letter-spacing:0.04em;opacity:.75;transition:opacity 0.25s}
.footer-agency:hover{opacity:1}
.footer-agency img{width:72px;height:auto;display:block}

@media(max-width:1024px){
  .footer-inner{grid-template-columns:1fr 1fr;gap:40px}
}
@media(max-width:768px){
  .footer{padding:0 20px}
  .footer-band{margin:0 -20px}
  .footer-inner{grid-template-columns:1fr;gap:32px;padding:48px 0 40px}
  .footer-bottom{flex-direction:column;gap:10px;text-align:center}
}

/* Плаваюча кнопка заявки — з'являється після прокрутки, ховається біля форми */
.float-cta{position:fixed;right:24px;bottom:24px;z-index:400;text-decoration:none;
  display:inline-flex;align-items:center;gap:10px;
  background:#66091e;color:#fff8f1;font-size:15px;font-weight:600;
  padding:14px 22px;border-radius:999px;
  box-shadow:0 10px 30px rgba(66,0,14,0.28);
  opacity:0;transform:translateY(12px);pointer-events:none;
  transition:opacity 0.28s ease,transform 0.28s ease,box-shadow 0.2s ease}
.float-cta.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}
.float-cta:hover{box-shadow:0 14px 36px rgba(66,0,14,0.36)}
.float-cta-icon{width:19px;height:19px;flex:none}
@media(max-width:768px){
  .float-cta{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));padding:13px 18px;font-size:14px}
}
@media(prefers-reduced-motion:reduce){
  .float-cta{transition:opacity 0.2s ease}
  .float-cta:not(.is-visible){transform:none}
}