/* SP: Trang Liên hệ & hỗ trợ - chỉnh riêng tại đây, không ảnh hưởng trang khác. */
.contactSupportPage{
  min-height: calc(100dvh - var(--app-header-height, 126px) - var(--app-bottom-nav-height, 82px));
  padding: 30px 8px 0;
  background:#fff;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  overflow:hidden;
}

.contactSupportCard{
  width:100%;
  border:1px solid #e2e2e2;
  border-radius:26px;
  background:#fff;
  box-shadow:0 4px 14px rgba(0,0,0,.05);
  padding:28px 26px 24px;
}

.contactSupportTitle{
  /* SP chỉnh cỡ chữ tiêu đề trong card */
  margin:0 0 28px;
  font-size:20px;
  line-height:1.15;
  font-weight:588;
  color:#050505;
}

.contactSupportText{
  /* SP chỉnh cỡ chữ nội dung hỗ trợ */
  margin:0;
  font-size:16px;
  line-height:1.48;
  font-weight:588;
  color:#050505;
}

.contactSupportText--gap{
  margin-top:28px;
}

.contactSupportPhone{
  /* SP chỉnh cỡ chữ số điện thoại */
  display:block;
  margin:28px 0 0;
  padding:0;
  border:0;
  background:transparent;
  color:#ff2f7d;
  font:inherit;
  font-size:18px;
  line-height:1.25;
  font-weight:588;
  text-align:left;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}

.contactSupportBack{
  /* SP chỉnh nút trở về */
  width:calc(100% - 16px);
  margin:12px auto 0;
  min-height:40px;
  border:1px solid #e0e0e0;
  border-radius:999px;
  background:#fff;
  color:#111;
  font-size:16px;
  line-height:1.2;
  font-weight:588;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}

.contactSupportFooter.hcmSiteFooter{
  margin:14px -8px 0;
  padding:20px 16px 0;
  border-top:1px solid #e8e8e8;
}

.contactSupportFooter .hcmSiteFooter__socials{
  margin:18px 0 20px;
}

@media (min-width: 430px){
  .contactSupportPage{padding-left:14px;padding-right:14px;}
  .contactSupportFooter.hcmSiteFooter{margin-left:-14px;margin-right:-14px;}
}

@media (max-width: 380px){
  .contactSupportPage{padding-top:18px;}
  .contactSupportCard{padding:24px 22px 20px;border-radius:24px;}
  .contactSupportTitle{margin-bottom:22px;font-size:19px;}
  .contactSupportText{font-size:15.5px;line-height:1.42;}
  .contactSupportText--gap{margin-top:22px;}
  .contactSupportPhone{margin-top:22px;font-size:17px;}
  .contactSupportFooter.hcmSiteFooter{padding-top:16px;}
  .contactSupportFooter .hcmSiteFooter__socials{margin:14px 0 16px;}
}