.elementor-1216 .elementor-element.elementor-element-4e1143b9{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1216 .elementor-element.elementor-element-737784c9 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-1216 .elementor-element.elementor-element-737784c9 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-1216 .elementor-element.elementor-element-737784c9 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1216 .elementor-element.elementor-element-737784c9 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-1216 .elementor-element.elementor-element-737784c9 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-1216 .elementor-element.elementor-element-737784c9 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-1216 .elementor-element.elementor-element-737784c9 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-1216 .elementor-element.elementor-element-737784c9 .elementor-field-type-html{padding-bottom:0px;}.elementor-1216 .elementor-element.elementor-element-737784c9 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-1216 .elementor-element.elementor-element-737784c9 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-1216 .elementor-element.elementor-element-737784c9 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-1216 .elementor-element.elementor-element-737784c9 .elementor-button[type="submit"]{color:#ffffff;}.elementor-1216 .elementor-element.elementor-element-737784c9 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-1216 .elementor-element.elementor-element-737784c9 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-1216 .elementor-element.elementor-element-737784c9 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-1216 .elementor-element.elementor-element-737784c9 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-1216 .elementor-element.elementor-element-737784c9 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-1216 .elementor-element.elementor-element-737784c9 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-1216 .elementor-element.elementor-element-737784c9{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-1216 .elementor-element.elementor-element-f9e1a46 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-1216 .elementor-element.elementor-element-f9e1a46 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-1216 .elementor-element.elementor-element-f9e1a46 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1216 .elementor-element.elementor-element-f9e1a46 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-1216 .elementor-element.elementor-element-f9e1a46 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-1216 .elementor-element.elementor-element-f9e1a46 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-1216 .elementor-element.elementor-element-f9e1a46 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-1216 .elementor-element.elementor-element-f9e1a46 .elementor-field-type-html{padding-bottom:0px;}.elementor-1216 .elementor-element.elementor-element-f9e1a46 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-1216 .elementor-element.elementor-element-f9e1a46 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-1216 .elementor-element.elementor-element-f9e1a46 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-1216 .elementor-element.elementor-element-f9e1a46 .elementor-button[type="submit"]{color:#ffffff;}.elementor-1216 .elementor-element.elementor-element-f9e1a46 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-1216 .elementor-element.elementor-element-f9e1a46 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-1216 .elementor-element.elementor-element-f9e1a46 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-1216 .elementor-element.elementor-element-f9e1a46 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-1216 .elementor-element.elementor-element-f9e1a46 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-1216 .elementor-element.elementor-element-f9e1a46 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-1216 .elementor-element.elementor-element-f9e1a46{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-1216 .elementor-element.elementor-element-5cdfdc9 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-1216 .elementor-element.elementor-element-5cdfdc9 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-1216 .elementor-element.elementor-element-5cdfdc9 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1216 .elementor-element.elementor-element-5cdfdc9 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-1216 .elementor-element.elementor-element-5cdfdc9 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-1216 .elementor-element.elementor-element-5cdfdc9 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-1216 .elementor-element.elementor-element-5cdfdc9 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-1216 .elementor-element.elementor-element-5cdfdc9 .elementor-field-type-html{padding-bottom:0px;}.elementor-1216 .elementor-element.elementor-element-5cdfdc9 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-1216 .elementor-element.elementor-element-5cdfdc9 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-1216 .elementor-element.elementor-element-5cdfdc9 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-1216 .elementor-element.elementor-element-5cdfdc9 .elementor-button[type="submit"]{color:#ffffff;}.elementor-1216 .elementor-element.elementor-element-5cdfdc9 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-1216 .elementor-element.elementor-element-5cdfdc9 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-1216 .elementor-element.elementor-element-5cdfdc9 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-1216 .elementor-element.elementor-element-5cdfdc9 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-1216 .elementor-element.elementor-element-5cdfdc9 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-1216 .elementor-element.elementor-element-5cdfdc9 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-1216 .elementor-element.elementor-element-5cdfdc9{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}:root{--page-title-display:none;}/* Start custom CSS *//* =========================================================
   TRÍ TÍN — TRANG CHI TIẾT SẢN PHẨM
   Dán vào: Giao diện → Tùy chỉnh → CSS bổ sung
   Tiền tố: tts-  (dùng chung cho cả 6 trang sản phẩm)
   Không có JS.
   ========================================================= */

.tts-hero,
.tts-muc,
.tts-dai{
  --tts-do: #E01A12;
  --tts-do-h: #B31410;
  --tts-muc: #14181F;
  --tts-xam: #6B7280;
  --tts-tieu-de: #3C4453;
  --tts-vien: #E3E9EE;
  --tts-nen: #F5F8FA;
  --tts-nen-dam: #EDF2F6;
}


/* ---------------------------------------------------------
   1 · HERO
   --------------------------------------------------------- */

.tts-bc{
  color: #6B7280;
  font-size: 13.5px;
}

.tts-bc p{ margin: 0; }

.tts-bc a{
  color: #6B7280;
  text-decoration: none;
}

.tts-bc a:hover{ color: #E01A12; }

.tts-cat .elementor-heading-title{
  
  font-size: 11.5px !important;
  
  font-weight: 700 !important;
  
  letter-spacing: .7px !important;
  
  text-transform: uppercase !important;
  
  color: #E01A12 !important;
  
  margin: 0 !important;
}

/* line-height 1.26 vẫn đủ chỗ cho dấu chồng vì cỡ chữ lớn.
   Dưới 1.2 là bắt đầu cụt (lỗi 4.15). */
.tts-h1 .elementor-heading-title{
  
  font-size: 36px !important;
  
  font-weight: 700 !important;
  
  line-height: 1.26 !important;
  
  letter-spacing: -.025em !important;
  
  color: #14181F !important;
  
  margin: 0 !important;
}

.tts-sapo{
  color: #6B7280;
  font-size: 16.5px;
}

.tts-sapo p{
  margin: 0;
  line-height: 1.75;
}

/* Danh sách cam kết — nằm ngang, dấu tick đỏ.
   Class gắn thẳng lên widget nên luật không với tới menu (lỗi 4.8). */
.tts-ck ul{
  list-style: none;
  margin: 6px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
}

.tts-ck li{
  position: relative;
  padding-left: 20px;
  font-size: 14px;
  color: #3C4453;
}

.tts-ck li::before{
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: #E01A12;
  font-weight: 700;
}

.tts-hero-anh img{
  display: block !important;
  width: 100% !important;
  aspect-ratio: 4 / 3 !important;
  object-fit: cover !important;
  border-radius: 12px !important;
}


/* ---------------------------------------------------------
   2 · DẢI FORM NỀN ĐEN
   --------------------------------------------------------- */

.tts-form-nhan .elementor-heading-title{
  
  color: #FFFFFF !important;
  
  font-size: 16px !important;
  
  font-weight: 700 !important;
  
  line-height: 1.4 !important;
  
  margin: 0 !important;
}

.tts-form-mo{
  color: #9AA3B0;
  font-size: 12.5px;
}

.tts-form-mo p{
  margin: 0;
  line-height: 1.5;
}

/* Widget Form của Elementor Pro trong dải đen.
   Class .tts-form đặt sẵn trong file JSON. */

.tts-dai .tts-form .elementor-field-group{
  margin-bottom: 0;
}

.tts-dai .tts-form .elementor-field-textual{
  background: #FFFFFF !important;
  border: 0 !important;
  border-radius: 9px !important;
  padding: 13px 15px !important;
  font-size: 14.5px !important;
  line-height: 1.5 !important;
  height: auto !important;
  min-height: 0 !important;
  color: #14181F !important;
  box-shadow: none !important;
}

.tts-dai .tts-form .elementor-field-textual::placeholder{
  color: #9AA0A6 !important;
  opacity: 1;
}

.tts-dai .tts-form .elementor-field-textual:focus{
  outline: 0 !important;
  box-shadow: 0 0 0 2px rgba(224, 26, 18, .35) !important;
}

.tts-dai .tts-form .elementor-button[type="submit"]{
  background: #E01A12 !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 13px 28px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #FFFFFF !important;
  white-space: nowrap;
  transition: background-color .2s ease;
}

.tts-dai .tts-form .elementor-button[type="submit"]:hover{
  background: #B31410 !important;
}

/* Nút nằm cùng hàng với ba ô nhập, không xuống dòng riêng */
@media (min-width: 768px){
  .tts-dai .tts-form .elementor-field-type-submit{
    width: auto !important;
    align-self: flex-end;
  }
}

/* Nền dải là màu mực đen nên chữ báo lỗi phải sáng mới đọc được */
.tts-dai .tts-form .elementor-message-danger,
.tts-dai .tts-form .elementor-field-group .elementor-error{
  color: #FF8A85 !important;
  font-size: 13px !important;
}

.tts-dai .tts-form .elementor-message-success{
  color: #FFFFFF !important;
  font-size: 15.5px !important;
}

@media (max-width: 767px){
  .tts-dai .tts-form .elementor-field-group{
    margin-bottom: 9px;
  }

  .tts-dai .tts-form .elementor-button[type="submit"]{
    width: 100% !important;
  }
}


/* ---------------------------------------------------------
   3 · TIÊU ĐỀ MỤC DÙNG CHUNG
   --------------------------------------------------------- */

.tts-h2 .elementor-heading-title{
  
  font-size: 28px !important;
  
  font-weight: 700 !important;
  
  line-height: 1.32 !important;
  
  letter-spacing: -.02em !important;
  
  color: #3C4453 !important;
  
  margin: 0 !important;
}

.tts-h2-nho .elementor-heading-title{
  
  font-size: 23px !important;
  
  font-weight: 700 !important;
  
  line-height: 1.35 !important;
  
  letter-spacing: -.02em !important;
  
  color: #3C4453 !important;
  
  margin: 0 !important;
}

.tts-dan{
  color: #6B7280;
  font-size: 16px;
  max-width: 760px;
  margin-bottom: 22px;
}

.tts-dan p{
  margin: 0;
  line-height: 1.78;
}


/* --- Phần chữ chung trong các mục --------------------- */
.tts-chu{
  color: #3F4854;
  font-size: 16px;
}

.tts-chu p{
  margin: 0 0 15px;
  line-height: 1.85;
}

.tts-chu p:last-child{ margin-bottom: 0; }

.tts-chu strong{
  color: #14181F;
  font-weight: 600;
}

.tts-chu ul{
  list-style: none;
  margin: 0 0 15px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.tts-chu ul:last-child{ margin-bottom: 0; }

.tts-chu li{
  position: relative;
  padding-left: 23px;
  line-height: 1.8;
}

.tts-chu li::before{
  content: "";
  position: absolute;
  left: 3px;
  top: .75em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #E01A12;
}


/* ---------------------------------------------------------
   4 · LƯỚI MẪU TEM
   Container Elementor mặc định width:100% nên các thẻ rơi mỗi
   cái một dòng (lỗi 4.7). flex-basis ép ba cột.
   --------------------------------------------------------- */

.tts-luoi{
  flex-wrap: wrap !important;
}

.tts-luoi > .tts-the{
  width: auto !important;
  flex: 1 1 calc(33.333% - 12px) !important;
  min-width: 0;
}

.tts-the{
  background: #FFFFFF;
  border: 1px solid #E3E9EE;
  border-radius: 12px;
  overflow: clip;          /* clip chứ không hidden — xem lỗi 4.2 */
  transition: border-color .25s ease, transform .25s ease;
}

.tts-the:hover{
  border-color: #E01A12;
  transform: translateY(-3px);
}

.tts-the .tts-the-anh img{
  display: block !important;
  width: 100% !important;
  aspect-ratio: 4 / 3 !important;
  object-fit: cover !important;
}

.tts-the .tts-the-ten .elementor-heading-title{
  
  font-size: 14.5px !important;
  
  font-weight: 600 !important;
  
  line-height: 1.5 !important;
  
  color: #14181F !important;
  
  margin: 0 !important;
  
  padding: 13px 15px 15px !important;
}

.tts-giua{
  align-items: center;
}

.tts-nut-vien .elementor-button{
  background: transparent;
  border: 1.5px solid #E01A12;
  color: #E01A12;
  border-radius: 999px;
  padding: 11px 26px;
  font-size: 14.5px;
  font-weight: 600;
  transition: background-color .2s ease, color .2s ease;
}

.tts-nut-vien .elementor-button:hover{
  background: #E01A12;
  color: #FFFFFF;
}


/* ---------------------------------------------------------
   5 · LƯỚI CHẤT LIỆU
   --------------------------------------------------------- */

.tts-luoi-cl{
  flex-wrap: wrap !important;
  align-items: stretch !important;
}

.tts-luoi-cl > .tts-cl-o{
  width: auto !important;
  flex: 1 1 calc(33.333% - 15px) !important;
  min-width: 0;
}

.tts-cl-o{
  background: #FFFFFF;
  border: 1px solid #E3E9EE;
  border-radius: 12px;
  overflow: clip;
}

.tts-cl-o .tts-cl-anh img{
  display: block !important;
  width: 100% !important;
  aspect-ratio: 3 / 2 !important;
  object-fit: cover !important;
}

.tts-cl-ten .elementor-heading-title{
  
  font-size: 17px !important;
  
  font-weight: 600 !important;
  
  line-height: 1.4 !important;
  
  color: #14181F !important;
  
  margin: 0 !important;
}

.tts-cl-chu{
  color: #3F4854;
  font-size: 14.5px;
}

.tts-cl-chu p{
  margin: 0;
  line-height: 1.75;
}

.tts-cl-chu ul{
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.tts-cl-chu li{
  position: relative;
  padding-left: 19px;
  font-size: 14px;
  line-height: 1.7;
}

.tts-cl-chu li::before{
  content: "";
  position: absolute;
  left: 3px;
  top: .72em;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #E01A12;
}

.tts-cl-chu strong{
  color: #14181F;
  font-weight: 600;
}


/* ---------------------------------------------------------
   6 · BẢNG GIÁ
   --------------------------------------------------------- */

.tts-bang table{
  width: 100%;
  border-collapse: collapse;
  background: #FFFFFF;
  border: 1px solid #E3E9EE;
  border-radius: 12px;
  overflow: clip;
  font-size: 15px;
}

.tts-bang th{
  background: #EDF2F6;
  text-align: left;
  padding: 13px 17px;
  font-weight: 600;
  font-size: 14px;
  color: #14181F;
  border-bottom: 1px solid #E3E9EE;
}

.tts-bang td{
  padding: 13px 17px;
  border-bottom: 1px solid #E3E9EE;
  color: #3C4453;
}

.tts-bang tr:last-child td{ border-bottom: 0; }

.tts-luu-y{
  color: #6B7280;
  font-size: 13.5px;
  margin-top: 14px;
}

.tts-luu-y p{
  margin: 0;
  line-height: 1.7;
}




/* ---------------------------------------------------------
   7 · SỐ LIỆU NHANH
   --------------------------------------------------------- */

.tts-so-o{
  background: #FFFFFF;
  border: 1px solid #E3E9EE;
  border-radius: 12px;
  align-items: center;
  text-align: center;
}

.tts-so-n .elementor-heading-title{
  
  font-size: 26px !important;
  
  font-weight: 700 !important;
  
  color: #E01A12 !important;
  
  line-height: 1.25 !important;
  
  letter-spacing: -.02em !important;
  
  margin: 0 !important;
}

.tts-so-l{
  color: #6B7280;
  font-size: 13.5px;
}

.tts-so-l p{
  margin: 0;
  line-height: 1.5;
}


/* ---------------------------------------------------------
   8 · QUY TRÌNH
   --------------------------------------------------------- */

.tts-luoi-buoc{
  flex-wrap: wrap !important;
  align-items: flex-start !important;
}

.tts-luoi-buoc > .tts-buoc-o{
  width: auto !important;
  flex: 1 1 calc(33.333% - 14px) !important;
  min-width: 0;
}

.tts-buoc-n .elementor-heading-title{
  
  width: 30px !important;
  
  height: 30px !important;
  
  border-radius: 50% !important;
  
  background: #E01A12 !important;
  
  color: #FFFFFF !important;
  
  font-size: 14px !important;
  
  font-weight: 700 !important;
  
  line-height: 30px !important;
  
  text-align: center !important;
  
  margin: 0 !important;
}

/* flex:none để số không bị co lại khi chữ dài */
.tts-buoc-o > .elementor-widget-heading{
  flex: 0 0 auto;
}

.tts-buoc-t{
  color: #3F4854;
  font-size: 15px;
}

.tts-buoc-t p{
  margin: 0;
  line-height: 1.65;
}


/* ---------------------------------------------------------
   9 · FAQ
   --------------------------------------------------------- */

.tts-faq{
  background: #FFFFFF;
  border: 1px solid #E3E9EE;
  border-radius: 12px;
}

.tts-faq-h .elementor-heading-title{
  
  font-size: 16px !important;
  
  font-weight: 600 !important;
  
  line-height: 1.45 !important;
  
  color: #14181F !important;
  
  margin: 0 !important;
}

.tts-faq-a{
  color: #6B7280;
  font-size: 14.5px;
}

.tts-faq-a p{
  margin: 0;
  line-height: 1.75;
}


/* ---------------------------------------------------------
   10 · CTA CUỐI
   --------------------------------------------------------- */

.tts-cta{
  background: #14181F;
  border-radius: 16px;
  align-items: center;
  text-align: center;
}

.tts-cta-h .elementor-heading-title{
  
  font-size: 26px !important;
  
  font-weight: 700 !important;
  
  line-height: 1.35 !important;
  
  color: #FFFFFF !important;
  
  margin: 0 !important;
}

.tts-cta-mo{
  color: #9AA3B0;
  font-size: 15.5px;
}

.tts-cta-mo p{
  margin: 0;
  line-height: 1.7;
}

.tts-cta-nut .elementor-button{
  background: #E01A12;
  border-radius: 999px;
  padding: 14px 32px;
  font-size: 15.5px;
  font-weight: 700;
  transition: background-color .2s ease;
}

.tts-cta-nut .elementor-button:hover{
  background: #B31410;
}

.tts-cta-dc{
  color: #9AA3B0;
  font-size: 14px;
}

.tts-cta-dc p{
  margin: 0;
  line-height: 1.8;
}

.tts-cta-dc strong{
  color: #FFFFFF;
  font-weight: 600;
}


/* ---------------------------------------------------------
   11 · GHI CHÚ TẠM
   Ô viền đỏ đứt đánh dấu chỗ đặt widget.
   Xoá khối này sau khi đã đặt xong form.
   --------------------------------------------------------- */

.tts-ghi-chu{
  border: 2px dashed #E01A12;
  border-radius: 8px;
  padding: 14px;
  color: #FFFFFF;
  font-size: 14px;
  text-align: center;
}

.tts-ghi-chu p{ margin: 0; }


/* ---------------------------------------------------------
   12 · MÁY TÍNH BẢNG
   --------------------------------------------------------- */

@media (max-width: 1024px){
  .tts-luoi > .tts-the,
  .tts-luoi-cl > .tts-cl-o,
  .tts-luoi-buoc > .tts-buoc-o{
    flex: 1 1 calc(50% - 11px) !important;
  }
}


/* ---------------------------------------------------------
   13 · ĐIỆN THOẠI
   Viết bằng CSS thay vì trông vào thiết lập đáp ứng của
   Elementor — thiết lập đó nằm trong JSON nhập vào, chưa
   chắc bám đúng.
   --------------------------------------------------------- */

@media (max-width: 767px){
  .tts-hero > .e-con-inner,
  .tts-muc > .e-con-inner{
    flex-direction: column !important;
  }

  .tts-hero > .e-con-inner > *,
  .tts-muc > .e-con-inner > *{
    width: 100% !important;
  }

  .tts-luoi > .tts-the,
  .tts-luoi-cl > .tts-cl-o,
  .tts-luoi-buoc > .tts-buoc-o{
    flex: 1 1 100% !important;
  }

  .tts-h1 .elementor-heading-title{
   font-size: 27px !important; }
  .tts-h2 .elementor-heading-title{
   font-size: 23px !important; }
  .tts-h2-nho .elementor-heading-title{
   font-size: 20px !important; }
  .tts-cta-h .elementor-heading-title{
   font-size: 22px !important; }

  /* Bảng giá cuộn ngang thay vì vỡ khung.
     overflow-x auto ở đây an toàn — bên trong không có dropdown. */
  .tts-bang{
    overflow-x: auto;
  }

  .tts-bang table{
    min-width: 520px;
  }

  /* Trên cảm ứng không có trạng thái rê — bỏ hiệu ứng trồi lên */
  .tts-the:hover{
    transform: none;
  }
}


/* ---------------------------------------------------------
   14 · TÔN TRỌNG THIẾT LẬP GIẢM CHUYỂN ĐỘNG
   --------------------------------------------------------- */

@media (prefers-reduced-motion: reduce){
  .tts-the,
  .tts-nut-vien .elementor-button,
  .tts-cta-nut .elementor-button{
    transition: none;
  }

  .tts-the:hover{
    transform: none;
  }
}


/* =========================================================
   16 · ÉP KHUNG VÀ ĐÈ LÊN THIẾT LẬP ELEMENTOR

   Elementor sinh CSS riêng cho từng widget với độ ưu tiên cao
   hơn luật viết tay. Vì vậy các luật màu chữ và cỡ chữ ở trên
   phải dùng !important mới ăn.

   Khối này lo phần khung: bảo đảm mọi mục nằm trong 1140px
   dù thiết lập trong JSON có bám hay không.
   ========================================================= */

.tts-hero > .tts-trong,
.tts-muc  > .tts-trong,
.tts-dai  > .tts-trong{
  max-width: 1140px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Hai mục viết dài — cột chữ hẹp hơn cho dễ đọc.
   Khoảng 75–85 ký tự một dòng là dễ bắt dòng nhất. */
.tts-muc > .tts-trong.tts-hep{
  max-width: 820px !important;
}


/* ---------------------------------------------------------
   17 · DẢI FORM — SỬA CHỮ BỊ KHUẤT
   Nhãn "Gửi quy cách" nằm trên nền đen nên phải ép màu trắng,
   và không cho container bóp chữ xuống dòng.
   --------------------------------------------------------- */

.tts-dai .tts-form-nhan .elementor-heading-title{
  color: #FFFFFF !important;
  white-space: nowrap;
}

.tts-dai .tts-form-mo,
.tts-dai .tts-form-mo p{
  color: #9AA3B0 !important;
}

/* flex:none giữ khối nhãn không co lại khi form bên cạnh giãn ra */
.tts-dai > .tts-trong > .e-con:first-child{
  flex: 0 0 auto !important;
  width: auto !important;
}

.tts-dai > .tts-trong > .e-con:last-child{
  flex: 1 1 auto !important;
}


/* ---------------------------------------------------------
   18 · ẢNH HERO — KHOÁ TỶ LỆ
   Ảnh gốc 1200×800 để nguyên sẽ cao quá nửa màn hình.
   --------------------------------------------------------- */

.tts-hero .tts-hero-anh,
.tts-hero .tts-hero-anh > div{
  line-height: 0;
}

.tts-hero .tts-hero-anh img{
  max-height: 420px !important;
}


/* ---------------------------------------------------------
   19 · SỐ LIỆU NHANH — ÉP MÀU ĐỎ
   --------------------------------------------------------- */

.tts-so-o .tts-so-n .elementor-heading-title{
  color: #E01A12 !important;
}

.tts-so-o .tts-so-l,
.tts-so-o .tts-so-l p{
  color: #6B7280 !important;
}


/* =========================================================
   15 · CHẶN LAN
   Đặt cuối file. Giữ mọi luật ::before ở trên không với tới
   menu header và footer — bài học từ lỗi 4.8.
   ========================================================= */

.menu-item::before,
.sub-menu li::before,
.elementor-nav-menu li::before,
.elementor-location-header li::before,
.elementor-location-footer li::before{
  content: none !important;
  display: none !important;
}

.menu-item,
.elementor-nav-menu li,
.elementor-location-header li,
.elementor-location-footer li{
  padding-left: 0 !important;
}/* End custom CSS */