footer { padding: 42px 0 25px; }
footer .footer-grid { grid-template-columns: 145px minmax(190px, .8fr) minmax(310px, 1.35fr) auto; gap: 28px; align-items: start; }
footer .footer-intro { margin: 3px 0 0; max-width: 255px; font-size: 11px; line-height: 1.7; }
footer .footer-addresses { display: grid; gap: 12px; }
.footer-addresses address { display: grid; gap: 8px; margin: 0; font-style: normal; }
.footer-addresses address > div { display: grid; grid-template-columns: 47px 1fr; gap: 10px; align-items: start; }
.footer-addresses address strong, .footer-gstin > span, .footer-social > span { color: var(--orange-2); font: 10px/1.4 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.footer-addresses address span { color: #c4d0cb; font-size: 10px; line-height: 1.55; }
.footer-gstin { display: flex; align-items: baseline; gap: 14px; padding-top: 11px; border-top: 1px solid rgba(255,255,255,.18); }
.footer-gstin strong { color: #fff8e9; font: 600 clamp(16px, 1.45vw, 21px)/1 var(--mono); letter-spacing: .045em; }
footer .footer-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding-top: 1px; }
.footer-social { display: flex; align-items: center; gap: 6px; white-space: nowrap; }
.footer-social > span { margin-right: 4px; }
.social-button { display: inline-grid; place-items: center; width: 29px; height: 29px; padding: 0; border: 1px solid rgba(255,255,255,.34); border-radius: 50%; background: transparent; color: #f5f7f3; font: 700 10px/1 var(--sans); text-transform: uppercase; }
.social-button:last-child { font-size: 9px; }
.footer-top-link { color: var(--orange-2); font: 10px var(--mono); letter-spacing: .06em; text-transform: uppercase; }
footer .footer-actions small { font-size: 8px; text-align: left; white-space: nowrap; }
@media (max-width: 980px) { footer .footer-grid { grid-template-columns: 145px 1fr 1.3fr; } footer .footer-actions { grid-column: 2 / -1; flex-direction: row; align-items: center; flex-wrap: wrap; } }
@media (max-width: 660px) { footer .footer-grid { grid-template-columns: 1fr; gap: 20px; } footer .footer-intro { max-width: 360px; } footer .footer-actions { grid-column: auto; align-items: flex-start; flex-direction: column; gap: 11px; } }