/* GI Site Footer */

/* CTA band */
.gi-cta-band { background: #000000; color: #ffffff; }
.gi-cta-band__inner { max-width: 1280px; margin: 0 auto; padding: 76px 32px; display: flex; flex-wrap: wrap; gap: 32px; align-items: center; justify-content: space-between; }
.gi-cta-band__heading { font-family: 'Barlow Condensed', sans-serif; font-weight: 600; font-size: 42px; line-height: 1.05; letter-spacing: .01em; text-transform: uppercase; margin: 0; }
.gi-cta-band__text { margin-top: 12px; font-size: 16px; color: rgba(255,255,255,.65); }
.gi-cta-band__buttons { display: flex; flex-wrap: wrap; gap: 14px; }
.gi-cta-btn { display: inline-block; font-weight: 500; font-size: 12.5px; letter-spacing: .14em; text-transform: uppercase; padding: 17px 34px; text-decoration: none; transition: opacity .2s ease, border-color .2s ease; }
.gi-cta-btn--solid { background: #ffffff; color: #000000; }
.gi-cta-btn--solid:hover { opacity: .75; }
.gi-cta-btn--outline { border: 1px solid rgba(255,255,255,.4); color: #ffffff; }
.gi-cta-btn--outline:hover { border-color: #ffffff; }

/* Footer */
.gi-footer { background: #ffffff; color: #555555; padding: 84px 32px 32px; border-top: 1px solid #e6e6e6; }
.gi-footer__inner { max-width: 1280px; margin: 0 auto; display: grid; grid-template-columns: 1.25fr 1fr 1fr 1.15fr; gap: 54px; }

.gi-footer-col--about { min-width: 0; }
.gi-footer__logo { height: 56px !important; width: auto !important; max-width: 100%; display: block; }
.gi-footer__blurb { margin-top: 22px; font-size: 15px; line-height: 1.75; max-width: 300px; color: #555555; }
.gi-footer__socials { display: flex; margin-top: 24px; gap: 12px; }
.gi-footer__social { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; border: 1px solid #d8d8d8; color: #000000; text-decoration: none; transition: background-color .2s ease, color .2s ease; }
.gi-footer__social:hover { background: #000000; color: #ffffff; }

.gi-footer-col__heading { font-size: 11.5px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: #000000; margin: 0; }
.gi-footer-list { list-style: none; margin: 20px 0 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.gi-footer-list a { font-size: 15px; color: #555555; text-decoration: none; transition: color .2s ease; }
.gi-footer-list a:hover { color: #000000; }

.gi-footer-offices { display: flex; flex-direction: column; gap: 22px; margin-top: 20px; }
.gi-footer-office__label { font-size: 11.5px; letter-spacing: .16em; text-transform: uppercase; color: #999999; }
.gi-footer-office__address { margin-top: 6px; color: #555555; font-size: 15px; }
.gi-footer-office__phone { display: inline-block; margin-top: 6px; color: #000000; font-size: 15px; text-decoration: none; transition: opacity .2s ease; }
.gi-footer-office__phone:hover { opacity: .6; }

.gi-footer-bottom { max-width: 1280px; margin: 60px auto 0; border-top: 1px solid #e6e6e6; padding-top: 24px; display: flex; flex-wrap: wrap; gap: 16px; justify-content: space-between; font-size: 12.5px; color: #999999; }
.gi-footer-bottom__alibaba { color: #999999; text-decoration: none; transition: color .2s ease; }
.gi-footer-bottom__alibaba:hover { color: #000000; }

@media (max-width: 900px) {
	.gi-cta-band__inner { padding: 56px 32px; flex-direction: column; align-items: flex-start; gap: 24px; }
	.gi-cta-band__heading { font-size: 32px; }
	.gi-footer { padding: 56px 32px 32px; }
	.gi-footer__inner { grid-template-columns: repeat(2, 1fr); gap: 40px; }
}

@media (max-width: 600px) {
	.gi-cta-band__inner { padding: 48px 20px; }
	.gi-cta-band__heading { font-size: 26px; }
	.gi-footer { padding: 48px 20px 24px; }
	.gi-footer__inner { grid-template-columns: 1fr; gap: 32px; }
	.gi-footer-bottom { justify-content: center; text-align: center; }
}

/* Fixed WhatsApp button */
.gi-whatsapp-float { position: fixed; right: 26px; bottom: 26px; z-index: 90; width: 54px; height: 54px; background: #000000; color: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; text-decoration: none; transition: transform .25s ease; }
.gi-whatsapp-float:hover { transform: translateY(-3px); }
.gi-whatsapp-float svg { width: 26px; height: 26px; }