/* Reference-site footer geometry, with Innawei identity and contact details. */
.footer-cta{display:grid;grid-template-columns:1fr 1fr}
.footer-cta>div{padding:43px clamp(40px,7.7vw,160px);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:20px}
.footer-cta h2{font-size:clamp(24px,1.875vw,36px);font-weight:500;line-height:1.5;margin:0;max-width:560px}
.footer-cta .button{background:transparent;gap:12px;min-width:130px}
.footer-cta-dealer{background:#17813f;color:#fff}
.footer-cta-dealer .button{border:2px solid #fff;color:#fff}
.footer-cta-dealer .button:hover{background:#fff;color:#17813f}
.footer-cta-contact{background:#fff;color:#333}
.footer-cta-contact .button{border-color:#17813f;color:#17813f}
.footer-cta-contact .button:hover{background:#17813f;color:#fff}
.reference-footer{padding:0;background:#111;color:#999;font-size:16px}
.reference-footer .footer-brandbar{padding:36px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #333}
.reference-footer .brand{background:transparent;padding:0;border-radius:0;gap:8px;position:static;transform:none}
.reference-footer .brand img{width:45px;height:45px;max-width:none;filter:none;object-fit:contain;border-radius:2px}
.reference-footer .brand-wordmark{font-size:22px;color:#fff}
.reference-footer .brand-wordmark small{font-size:11px;letter-spacing:5px;color:#999}
.footer-contact-icons{display:flex;gap:13px}
.footer-contact-icons a{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;background:#1e1e1e;color:#999;font-size:13px;font-weight:500;transition:background .2s,color .2s}
.footer-contact-icons .icon{width:18px;height:18px}
.reference-footer .footer-contact-icons a:hover{background:#17813f;color:#fff}
.reference-footer .footer-content{padding:33px 0;border-bottom:1px solid #333}
.footer-columns{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr) minmax(0,1fr);gap:clamp(40px,5.2vw,100px);align-items:start}
.footer-inquiry{min-width:0}
.footer-inquiry h2{font-size:16px;line-height:1.5;color:#fff;font-weight:400;margin:0 0 10px}
.compact-inquiry .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.compact-inquiry .field{display:block;position:relative;min-width:0}
.compact-inquiry .field.wide{grid-column:1/-1}
.compact-inquiry .field>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.compact-inquiry .field input,.compact-inquiry .field select{height:40px;padding:0 16px;font-size:14px;border:0;border-radius:5px;background:#fff;color:#666}
.compact-inquiry .field textarea{height:80px;min-height:80px;padding:10px 16px;font-size:14px;border:0;border-radius:5px;line-height:1.4;color:#666}
.compact-inquiry input::placeholder,.compact-inquiry textarea::placeholder{color:#666;opacity:1}
.compact-inquiry input:focus-visible,.compact-inquiry select:focus-visible,.compact-inquiry textarea:focus-visible{outline:3px solid #8dcc9f;outline-offset:2px}
.compact-inquiry .form-privacy{font-size:12px;line-height:1.5;margin:10px 0;color:#999}
.compact-inquiry .form-privacy a{text-decoration:underline;text-underline-offset:2px}
.compact-inquiry .button{height:45px;min-height:45px;border:2px solid #fff;border-radius:5px;background:transparent;color:#fff;width:100%;padding:8px 20px;font-size:16px;gap:10px}
.compact-inquiry .button:hover{background:#17813f;border-color:#17813f}
.compact-inquiry .form-note{font-size:12px;line-height:1.5;color:#999;margin:10px 0 0}
.compact-inquiry .form-result{font-size:14px;line-height:1.5;color:#fff;background:#1e3525;padding:12px;margin-top:12px}
.compact-inquiry .form-result[hidden]{display:none}
.footer-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 24px;font-weight:700;line-height:1.5;align-content:start}
.footer-contacts{font-size:16px;line-height:1.35;min-width:0}
.footer-contacts>p{margin:0 0 17px;overflow-wrap:anywhere}
.footer-contacts>p>span,.footer-offices>span{color:#888;margin-right:6px}
.footer-contacts small{display:block;color:#888;font-size:12px;margin-top:5px}
.footer-contacts .footer-phone>span{display:block;margin-bottom:3px}
.footer-contacts .footer-phone>a{font-size:24px;font-weight:700;line-height:1.2}
.footer-offices{display:flex;gap:6px}
.footer-offices>div{min-width:0}
.footer-offices p{margin:0 0 17px}
.footer-offices p:last-child{margin-bottom:0}
.footer-offices strong{font-weight:400}
.reference-footer .business-links{display:flex;flex-wrap:wrap;gap:7px 16px;color:#888;font-size:12px;line-height:1.6;margin-top:24px}
.reference-footer .business-links span{margin:0}
.reference-footer .business-links a{color:inherit}
.reference-footer .footer-bottom{border:0;padding:17px 0 23px;margin:0 auto;display:flex;flex-direction:row;justify-content:space-between;gap:20px;color:#888;font-size:12px;line-height:1.6}
.reference-footer .footer-bottom nav{display:flex;gap:20px;flex-wrap:wrap}
.reference-footer a:hover{color:#9ad6ae}
@media(min-width:1581px){
  .footer-cta>div{padding-top:65px;padding-bottom:65px}
  .reference-footer .footer-brandbar{padding:55px 0}
  .reference-footer .footer-content{padding:50px 0}
  .footer-inquiry h2,.footer-navigation,.footer-contacts{font-size:18px}
}
@media(max-width:1024px){
  .footer-cta>div{padding:43px 40px}
  .footer-columns{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px 60px}
  .footer-contacts{grid-column:1/-1;width:65%;max-width:650px}
  .footer-navigation{column-gap:25px}
}
@media(max-width:767px){
  .footer-cta{grid-template-columns:1fr}
  .footer-cta>div{padding:35px 5%;gap:24px}
  .footer-cta h2{font-size:24px;max-width:560px}
  .reference-footer .footer-brandbar{padding:28px 0}
  .reference-footer .footer-content{padding:32px 0}
  .footer-columns{grid-template-columns:1fr;gap:32px}
  .footer-contacts{width:100%;max-width:none;grid-column:auto}
  .footer-navigation{gap:18px 24px}
  .compact-inquiry .field input,.compact-inquiry .field select,.compact-inquiry .field textarea{font-size:16px}
  .reference-footer .business-links{margin-top:30px;gap:8px}
  .reference-footer .business-links span{width:100%}
  .reference-footer .footer-bottom{flex-direction:column;padding:24px 0;gap:12px}
}
@media(max-width:420px){
  .footer-contact-icons{gap:8px}
  .footer-contact-icons a{width:38px;height:38px}
  .reference-footer .brand img{width:36px;height:36px}
  .reference-footer .brand-wordmark{font-size:19px}
  .compact-inquiry .field input,.compact-inquiry .field select,.compact-inquiry .field textarea{padding-left:12px;padding-right:12px}
}