/* ========================================================================== 
   Footer
   ========================================================================== */
.site-footer{background:#0A0F2B;color:#fff;font-size:clamp(.85rem,1vw,.95rem);line-height:1.5;padding:clamp(30px,5vw,40px) 4%;min-height:280px;}
.site-footer a{color:#fff;text-decoration:none;}
.site-footer a:hover{color:#ffd700;}
.footer-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:clamp(20px,3vw,40px);margin-bottom:clamp(20px,3vw,30px);}
.brand{flex:1 1 clamp(200px,20%,260px);}
.brand-name{font-size:clamp(1.4rem,2vw,1.6rem);margin:0 0 8px;}
.brand-intro{margin:0;}
.brand-row{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px;}
.socials{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:8px;}
.social{width:40px;height:40px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid #fff;color:#fff;line-height:1;text-decoration:none;transition:transform .2s ease,background-color .2s ease;}
.social svg{width:20px;height:20px;fill:currentColor;display:block;}
.social:hover{transform:translateY(-2px);}
.social:focus-visible{outline:2px solid #ffd700;outline-offset:2px;transform:translateY(-1px);}
.contacts{flex:1 1 clamp(180px,18%,220px);}
.footer-title{font-weight:600;margin-bottom:12px;}
.newsletter{flex:1 1 clamp(220px,24%,280px);}
.nl-form{display:flex;flex-direction:column;gap:8px;}
.nl-form input[type=email],.nl-form input[type=text]{padding:12px;border-radius:8px;border:1px solid #ccc;width:100%;font-size:1rem;box-sizing:border-box;}
.nl-form button{padding:.7rem 1.5rem;background:#8A0089;font-size:1.25rem;color:#fff;border:none;border-radius:8px;cursor:pointer;}
.nl-form button:hover{background:#70006F;}
.footer-bottom{border-top:1px solid rgba(255,255,255,.2);padding-top:16px;margin-top:16px;text-align:center;opacity:.85;}
@media(max-width:1023px){.footer-top{flex-direction:column;gap:24px}.brand,.contacts,.newsletter{flex:1 1 100%;}}