.site-footer{background:var(--kp-navy-deep);color:#d8e1ea;padding:70px 0 26px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px}.footer-grid h2{font-size:20px;color:#fff;font-weight:600}.footer-grid h3{font-size:14px;color:var(--kp-gold);letter-spacing:.08em}.footer-grid p{font-size:15px;color:#c7d1dc}.footer-grid a{display:block;font-size:15px;color:#d8e1ea;margin:8px 0;overflow-wrap:anywhere}.footer-grid a:hover{color:#fff}.footer-bottom{margin-top:44px;padding-top:22px;border-top:1px solid #395169;color:#aab8c6;font-size:14px}
.footer-address{margin-top:22px;max-width:320px;color:#e4ebf2;font-size:15px;line-height:1.8;overflow-wrap:anywhere}
.footer-address strong{color:#edc57b;font-weight:600}
.footer-grid h2{font-size:23px}
.footer-grid h3{font-size:15px}
.footer-grid p,.footer-grid a,.footer-address{font-size:16px;line-height:1.8}
.footer-address{max-width:390px}
.kp-social-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
.kp-social-links a,.kp-social-links summary{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:6px 11px;border:1px solid currentColor;border-radius:2px;font-size:14px;line-height:1.3;text-decoration:none;cursor:pointer}
.kp-social-links summary{list-style:none}
.kp-social-links summary::-webkit-details-marker{display:none}
.kp-wechat{position:relative}
.kp-wechat__details{position:absolute;bottom:calc(100% + 8px);left:0;z-index:12;min-width:200px;max-width:min(280px,80vw);padding:14px;background:#fff;color:var(--kp-text);border:1px solid var(--kp-border);box-shadow:0 12px 28px rgba(6,24,43,.18);overflow-wrap:anywhere}
.kp-wechat__details img{max-width:180px;height:auto;margin-top:10px}
.site-footer .kp-social-links{margin-top:20px}
.site-footer .kp-social-links a,.site-footer .kp-social-links summary{display:inline-flex;margin:0;color:#f1f4f8;border-color:#8ba0b3}
.site-footer .kp-social-links a:hover,.site-footer .kp-social-links summary:hover{border-color:var(--kp-gold);color:#fff}
/* Keep company introduction and contact details balanced without dropping content. */
.site-footer{padding:48px 0 22px}
.site-footer .footer-grid{grid-template-columns:minmax(0,2fr) minmax(120px,.8fr) minmax(130px,.9fr) minmax(220px,1.25fr);gap:clamp(22px,3vw,42px);align-items:start}
.site-footer .footer-grid h2,.site-footer .footer-grid h3{margin:0 0 14px}
.site-footer .footer-grid p{margin:0 0 12px;max-width:48ch;font-size:14px;line-height:1.65}
.site-footer .footer-grid p[lang=th]{font-size:14px;line-height:1.7}
.site-footer .footer-grid a{font-size:14px;line-height:1.5;margin:0 0 12px}
.site-footer .footer-address{display:grid;gap:4px;max-width:none;margin-top:20px;padding-top:16px;border-top:1px solid #395169;font-size:13px;line-height:1.6;font-style:normal}
.site-footer .footer-address strong{font-size:12px;letter-spacing:.06em}
.site-footer .footer-bottom{margin-top:27px;padding-top:16px;font-size:13px;line-height:1.5}
@media(max-width:900px){.site-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.site-footer{padding-top:40px}.site-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.site-footer .footer-grid>div:first-child{grid-column:1/-1}}
.site-footer .footer-grid{grid-template-areas:"brand explore company contact" "brand showroom showroom contact";grid-template-rows:auto auto;row-gap:18px}
.site-footer .footer-brand{grid-area:brand}
.site-footer .footer-explore{grid-area:explore}
.site-footer .footer-company{grid-area:company}
.site-footer .footer-contact{grid-area:contact}
.site-footer .footer-address{grid-area:showroom;align-self:start;margin:0;padding-top:15px;max-width:420px}
@media(max-width:900px){.site-footer .footer-grid{grid-template-areas:"brand brand" "explore company" "showroom contact";grid-template-rows:auto;row-gap:24px}}
@media(max-width:600px){.site-footer .footer-grid{grid-template-areas:"brand brand" "explore company" "contact contact" "showroom showroom"}}
@media(max-width:390px){.site-footer .footer-grid{grid-template-columns:1fr;grid-template-areas:"brand" "explore" "company" "contact" "showroom"}}