/* ============================================================
   Спільний футер — підключається на КОЖНІЙ сторінці сайту.
   Правити тільки тут, щоб футер не розповзався між сторінками.
   ============================================================ */
.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}
.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{font-size:12px;color:rgba(255,248,241,0.62);text-decoration:underline;text-underline-offset:3px;transition:color 0.2s}
.footer-agency:hover{color:#fff8f1}

@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}
}