.contact-page-wrap{padding:36px 0 20px}
.contact-page{display:grid;grid-template-columns:360px minmax(0,1fr);gap:28px;align-items:start}
.contact-info{background:#fff;border:1px solid var(--color-line);border-radius:14px;padding:28px 26px}
.contact-info h2{font-size:22px;color:var(--color-ink)}
.contact-info>p{margin:12px 0 18px;color:var(--color-muted);line-height:1.8}
.contact-info li{padding:12px 0 12px 28px;border-top:1px dashed var(--color-line);background-position:left 16px;background-size:18px;background-repeat:no-repeat;line-height:1.7}
.contact-info li:nth-child(1){background-image:var(--svg-phone)}
.contact-info li:nth-child(2){background-image:var(--svg-whatsapp)}
.contact-info li:nth-child(3){background-image:var(--svg-wechat)}
.contact-info li:nth-child(4){background-image:var(--svg-email)}
.contact-info li:nth-child(5){background-image:var(--svg-location)}
.contact-info strong{display:block;color:var(--color-ink)}
.contact-info a{color:var(--color-main)}
.contact-info img{display:block;width:120px;height:120px;margin-top:18px;padding:8px;background:#fff;border:1px solid var(--color-line);border-radius:8px;object-fit:contain}
.contact-form-box{background:#fff;border:1px solid var(--color-line);border-radius:14px;padding:32px 34px}
.contact-form-box h2{margin-bottom:8px;font-size:22px;color:var(--color-ink)}
.contact-form-box>p{margin-bottom:22px;color:var(--color-muted)}
.feedback-form{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}
.feedback-form label{display:block;margin-bottom:8px;color:var(--color-ink)}
.feedback-form .is-full{grid-column:1/-1}
.feedback-form input,.feedback-form textarea{width:100%;border:1px solid var(--color-line);border-radius:8px;background:#fafaf7;font-size:14px;font-family:inherit;color:#333}
.feedback-form input{height:46px;padding:0 14px}
.feedback-form textarea{min-height:140px;padding:12px 14px;resize:vertical}
.feedback-form button{height:46px;padding:0 28px;border-radius:8px;background:var(--color-main);color:#fff;font-size:16px;cursor:pointer;transition:background .3s}
.feedback-form button:hover{background:var(--color-main-hover)}
.feedback-form button:disabled{opacity:.65;cursor:wait}
@media (max-width:1024px){
  .contact-page{grid-template-columns:1fr}
}
@media (max-width:768px){
  .contact-page-wrap{padding:22px 0 10px}
  .contact-form-box{padding:24px 18px}
  .feedback-form{grid-template-columns:1fr}
}