/* =========================================================
   FIXED CSS - Landing Báo Giá Thang Máy Tải Hàng
   Dùng với file UX Builder đã sửa.
   Dán vào: /wp-content/themes/flatsome-child/css/landing-bao-gia-thang-may-tai-hang.css
========================================================= */

:root{
  --mitsu-red:#d40000;
  --mitsu-red-dark:#a80000;
  --mitsu-black:#181818;
  --mitsu-text:#222;
  --mitsu-gray:#666;
  --mitsu-light:#f7f7f7;
  --mitsu-border:#e9e9e9;
  --mitsu-shadow:0 10px 28px rgba(0,0,0,.08);
  --mitsu-radius:14px;
}

.mitsu-lp,
.mitsu-lp *{box-sizing:border-box!important}

.mitsu-lp{
  color:var(--mitsu-text)!important;
  font-family:Roboto,Arial,sans-serif!important;
  line-height:1.55!important;
  overflow:hidden!important;
  background:#fff!important;
}

.mitsu-lp img{max-width:100%!important;height:auto;display:block}
.mitsu-lp a{text-decoration:none!important}

.mitsu-lp h1,
.mitsu-lp h2,
.mitsu-lp h3,
.mitsu-lp h4{
  font-family:Montserrat,Roboto,Arial,sans-serif!important;
  font-weight:900!important;
  line-height:1.15!important;
  letter-spacing:-.02em!important;
}

.mitsu-lp h2{
  font-size:clamp(25px,3vw,34px)!important;
  color:var(--mitsu-red)!important;
  text-align:center!important;
}

/* Fix Flatsome container */
.mitsu-lp .row{
  max-width:1180px!important;
}

.mitsu-lp .section-content{
  z-index:2!important;
}

/* Header */
.mitsu-lp .mitsu-header,
.mitsu-lp [data-label="Header"]{
  box-shadow:0 2px 12px rgba(0,0,0,.06)!important;
  position:relative!important;
  z-index:20!important;
}

.mitsu-lp .mitsu-header .row,
.mitsu-lp [data-label="Header"] .row{
  min-height:74px!important;
  align-items:center!important;
}

.mitsu-lp .mitsu-header .button,
.mitsu-lp [data-label="Header"] .button{
  background:var(--mitsu-red)!important;
  color:#fff!important;
  border-radius:999px!important;
  border-color:var(--mitsu-red)!important;
  font-weight:900!important;
}

/* Buttons */
.mitsu-lp .button,
.mitsu-lp .btn,
.mitsu-lp .lp-btn-red{
  border-radius:999px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.01em!important;
  transition:all .18s ease!important;
}

.mitsu-lp .button.alert,
.mitsu-lp .button.primary,
.mitsu-lp .lp-btn-red{
  background:var(--mitsu-red)!important;
  color:#fff!important;
  border-color:var(--mitsu-red)!important;
  box-shadow:0 10px 24px rgba(212,0,0,.25)!important;
}

.mitsu-lp .button.alert:hover,
.mitsu-lp .button.primary:hover,
.mitsu-lp .lp-btn-red:hover{
  background:var(--mitsu-red-dark)!important;
  border-color:var(--mitsu-red-dark)!important;
  transform:translateY(-2px)!important;
}

.mitsu-lp .button.white.is-outline,
.mitsu-lp .button.is-outline{
  border-width:2px!important;
  font-weight:900!important;
}

/* Hero */
.mitsu-lp .mitsu-hero{
  min-height:480px!important;
  height:auto!important;
  padding-top:60px!important;
  padding-bottom:60px!important;
}

.mitsu-lp .mitsu-hero .bg-fill,
.mitsu-lp .mitsu-hero .section-bg,
.mitsu-lp .mitsu-hero .bg{
  background-size:cover!important;
  background-position:center!important;
}

.mitsu-lp .mitsu-hero .row{
  min-height:auto!important;
  height:auto!important;
  align-items:center!important;
}

.mitsu-lp .lp-pill{
  display:inline-block!important;
  background:var(--mitsu-red)!important;
  color:#fff!important;
  padding:10px 20px!important;
  border-radius:999px!important;
  font-weight:900!important;
  font-size:14px!important;
  text-transform:uppercase!important;
  box-shadow:0 8px 20px rgba(212,0,0,.25)!important;
}

.mitsu-lp .hero-title{
  color:#fff!important;
  font-size:clamp(34px,4.7vw,52px)!important;
  font-weight:900!important;
  margin:0!important;
  text-shadow:0 3px 18px rgba(0,0,0,.25)!important;
}

.mitsu-lp .mitsu-hero p{
  color:#fff!important;
}

.mitsu-lp .mitsu-hero .text-box,
.mitsu-lp .mitsu-hero [style*="max-width:260px"]{
  max-width:260px!important;
  background:rgba(255,255,255,.95)!important;
  color:#333!important;
  padding:22px!important;
  border-radius:14px!important;
  box-shadow:0 15px 40px rgba(0,0,0,.22)!important;
  text-align:left!important;
}

.mitsu-lp .mitsu-hero [style*="max-width:260px"] h4,
.mitsu-lp .mitsu-hero .text-box h4{
  color:var(--mitsu-red)!important;
  font-size:16px!important;
}

.mitsu-lp .mitsu-hero [style*="max-width:260px"] p,
.mitsu-lp .mitsu-hero .text-box p{
  color:#333!important;
  font-size:14px!important;
}

/* Trust */
.mitsu-lp .mitsu-trust{
  box-shadow:0 5px 18px rgba(0,0,0,.06)!important;
}

.mitsu-lp .mitsu-trust .col-inner > div{
  padding:10px 4px!important;
}

.mitsu-lp .mitsu-trust [style*="font-size:38px"]{
  color:var(--mitsu-red)!important;
  font-family:Montserrat,Roboto,sans-serif!important;
  font-weight:900!important;
}

.mitsu-lp .mitsu-trust span{
  color:var(--mitsu-red)!important;
}

/* Section subtitle */
.mitsu-lp .mitsu-pricing p,
.mitsu-lp .mitsu-factors p,
.mitsu-lp .mitsu-products p,
.mitsu-lp .mitsu-form-section p{
  color:#555;
}

/* Pricing table */
.mitsu-lp .price-table{
  width:100%!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  overflow:hidden!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:0 8px 26px rgba(0,0,0,.10)!important;
}

.mitsu-lp .price-table th{
  background:var(--mitsu-red)!important;
  color:#fff!important;
  padding:15px 16px!important;
  text-align:center!important;
  font-weight:900!important;
  font-family:Montserrat,Roboto,sans-serif!important;
}

.mitsu-lp .price-table td{
  padding:15px 16px!important;
  text-align:center!important;
  border-bottom:1px solid #eee!important;
  font-weight:700!important;
  color:#222!important;
}

.mitsu-lp .price-table tr:last-child td{border-bottom:0!important}

.mitsu-lp .price-table td:last-child,
.mitsu-lp .price-table .price{
  color:var(--mitsu-red)!important;
  font-size:20px!important;
  font-weight:900!important;
  font-family:Montserrat,Roboto,sans-serif!important;
  white-space:nowrap!important;
}

.mitsu-lp .notice-box{
  background:#fff1f1!important;
  border:1px solid #ffd1d1!important;
  border-radius:12px!important;
  padding:18px 22px!important;
  color:#444!important;
  display:flex!important;
  gap:14px!important;
  align-items:flex-start!important;
}

.mitsu-lp .notice-box strong{color:var(--mitsu-red)!important}

.mitsu-lp .notice-icon{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  border:2px solid var(--mitsu-red)!important;
  color:var(--mitsu-red)!important;
  border-radius:999px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-weight:900!important;
}

/* Cards */
.mitsu-lp .lp-card,
.mitsu-lp .benefit-card,
.mitsu-lp .product-card{
  background:#fff!important;
  border:1px solid var(--mitsu-border)!important;
  border-radius:var(--mitsu-radius)!important;
  box-shadow:var(--mitsu-shadow)!important;
  transition:all .18s ease!important;
}

.mitsu-lp .lp-card:hover,
.mitsu-lp .product-card:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.12)!important;
}

.mitsu-lp .mitsu-pain-benefits .lp-card{
  padding:22px!important;
  min-height:125px!important;
}

.mitsu-lp .mitsu-pain-benefits .lp-card h4{
  color:var(--mitsu-red)!important;
  margin:8px 0!important;
  font-size:16px!important;
}

.mitsu-lp .mitsu-pain-benefits .lp-card p{
  font-size:14px!important;
  color:#555!important;
  margin:0!important;
}

.mitsu-lp .mitsu-pain-benefits .lp-card div:first-child{
  color:var(--mitsu-red)!important;
  font-size:36px!important;
  line-height:1!important;
}

/* Pain banner */
.mitsu-lp .mitsu-pain-benefits .banner h2,
.mitsu-lp .mitsu-pain-benefits .ux-banner h2,
.mitsu-lp .mitsu-pain-benefits .text-box h2{
  color:#fff!important;
  text-align:left!important;
  font-size:28px!important;
  margin-bottom:14px!important;
}

.mitsu-lp .mitsu-pain-benefits .banner ul,
.mitsu-lp .mitsu-pain-benefits .ux-banner ul,
.mitsu-lp .mitsu-pain-benefits .text-box ul{
  color:#fff!important;
  font-size:15px!important;
  line-height:1.8!important;
  margin:0!important;
}

/* Factors */
.mitsu-lp .mitsu-factors .col-inner > .ux-text > div,
.mitsu-lp .mitsu-factors .col-inner > div > div[style*="border:1px"]{
  border:1px solid #efb8b8!important;
  border-radius:10px!important;
  text-align:center!important;
  padding:22px 10px!important;
  min-height:145px!important;
  background:#fff!important;
  transition:all .18s ease!important;
}

.mitsu-lp .mitsu-factors .col-inner > .ux-text > div:hover,
.mitsu-lp .mitsu-factors .col-inner > div > div[style*="border:1px"]:hover{
  border-color:var(--mitsu-red)!important;
  box-shadow:0 10px 24px rgba(212,0,0,.10)!important;
}

.mitsu-lp .mitsu-factors h4{
  color:var(--mitsu-red)!important;
  font-size:14px!important;
  margin:8px 0!important;
  text-transform:uppercase!important;
}

.mitsu-lp .mitsu-factors [style*="font-size:36px"]{
  color:var(--mitsu-red)!important;
}

.mitsu-lp .mitsu-factors .row:last-child .col-inner > div,
.mitsu-lp .mitsu-factors div[style*="background:#d40000"]{
  background:var(--mitsu-red)!important;
  color:#fff!important;
  border-radius:10px!important;
  box-shadow:0 12px 28px rgba(212,0,0,.18)!important;
}

.mitsu-lp .mitsu-factors .lp-btn-red{
  background:#fff!important;
  color:var(--mitsu-red)!important;
  display:inline-flex!important;
  padding:13px 24px!important;
}

/* Products */
.mitsu-lp .product-card{
  padding:12px!important;
  text-align:center!important;
}

.mitsu-lp .product-card img{
  width:100%!important;
  height:150px!important;
  object-fit:cover!important;
  border-radius:10px!important;
  margin-bottom:12px!important;
}

.mitsu-lp .product-card h4{
  color:var(--mitsu-red)!important;
  font-size:15px!important;
  text-transform:uppercase!important;
  margin:8px 0!important;
  min-height:36px!important;
}

.mitsu-lp .product-card p{
  font-size:14px!important;
  color:#444!important;
}

/* Projects */
.mitsu-lp .mitsu-projects{
  background:radial-gradient(circle at center, rgba(255,255,255,.08), transparent 60%), var(--mitsu-red)!important;
}

.mitsu-lp .mitsu-projects h2,
.mitsu-lp .mitsu-projects p{
  color:#fff!important;
}

.mitsu-lp .project-card{
  text-align:center!important;
  color:#fff!important;
}

.mitsu-lp .project-card img{
  width:100%!important;
  height:125px!important;
  object-fit:cover!important;
  border:3px solid rgba(255,255,255,.5)!important;
  border-radius:10px!important;
}

.mitsu-lp .project-card h4{
  color:#fff!important;
  font-size:14px!important;
  text-transform:uppercase!important;
  margin-top:10px!important;
}

/* Form */
.mitsu-lp .mitsu-form-section h2{color:var(--mitsu-red)!important}

.mitsu-lp input,
.mitsu-lp textarea,
.mitsu-lp select,
.mitsu-lp .wpcf7 input,
.mitsu-lp .wpcf7 textarea,
.mitsu-lp .wpcf7 select{
  width:100%!important;
  border:1px solid #ddd!important;
  border-radius:8px!important;
  padding:14px 15px!important;
  font-size:15px!important;
  background:#fff!important;
  box-shadow:none!important;
  margin-bottom:12px!important;
}

.mitsu-lp .wpcf7-submit,
.mitsu-lp button[type="submit"],
.mitsu-lp input[type="submit"]{
  background:var(--mitsu-red)!important;
  color:#fff!important;
  border:0!important;
  border-radius:999px!important;
  padding:14px 24px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
  box-shadow:0 10px 24px rgba(212,0,0,.24)!important;
}

.mitsu-lp .mitsu-form-section span{
  color:var(--mitsu-red);
}

/* Footer */
.mitsu-lp .mitsu-footer{
  background:#191919!important;
  color:#fff!important;
}

.mitsu-lp .mitsu-footer h4,
.mitsu-lp .mitsu-footer p,
.mitsu-lp .mitsu-footer li,
.mitsu-lp .mitsu-footer div{
  color:#fff;
}

.mitsu-lp .mitsu-footer p,
.mitsu-lp .mitsu-footer li{
  color:#ddd!important;
}

.mitsu-lp .mitsu-footer ul{
  list-style:none!important;
  margin:0!important;
  padding:0!important;
}

.mitsu-lp .mitsu-footer li{margin:6px 0!important}

.mitsu-lp .mitsu-footer [style*="border-radius:50%"]{
  display:flex;
  align-items:center;
  justify-content:center;
}

/* Sticky */
.sticky-call{display:none}

/* Mobile */
@media(max-width:849px){
  .mitsu-lp h1{font-size:32px!important}
  .mitsu-lp h2{font-size:25px!important}

  .mitsu-lp .section,
  .mitsu-lp section{
    padding-top:34px!important;
    padding-bottom:34px!important;
  }

  .mitsu-lp .hide-sm{display:none!important}

  .mitsu-lp .button,
  .mitsu-lp .btn{
    width:100%!important;
    margin-bottom:10px!important;
    text-align:center!important;
  }

  .mitsu-lp .mitsu-hero,
  .mitsu-lp .mitsu-hero .row{
    min-height:auto!important;
  }

  .mitsu-lp .mitsu-hero [style*="max-width:260px"]{
    display:none!important;
  }

  .mitsu-lp .price-table{
    display:block!important;
    overflow-x:auto!important;
    white-space:nowrap!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .mitsu-lp .price-table th,
  .mitsu-lp .price-table td{
    padding:11px 10px!important;
    font-size:13px!important;
  }

  .mitsu-lp .price-table td:last-child,
  .mitsu-lp .price-table .price{
    font-size:15px!important;
  }

  .mitsu-lp .notice-box{
    padding:14px!important;
    font-size:14px!important;
  }

  .sticky-call{
    display:block!important;
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    bottom:12px!important;
    z-index:99999!important;
    background:var(--mitsu-red)!important;
    color:#fff!important;
    border-radius:999px!important;
    text-align:center!important;
    padding:14px 18px!important;
    font-weight:900!important;
    box-shadow:0 12px 34px rgba(212,0,0,.35)!important;
  }

  body{padding-bottom:70px!important}
}

@media(max-width:480px){
  .mitsu-lp .lp-pill{
    font-size:12px!important;
    padding:8px 14px!important;
  }

  .mitsu-lp .hero-title{
    font-size:29px!important;
  }
}
/* FIX khoảng cách dư giữa hero và section dưới */
.mitsu-lp .mitsu-hero .section-content{
  padding-bottom:0!important;
  margin-bottom:0!important;
}

.mitsu-lp .mitsu-hero .col-inner{
  padding-bottom:0!important;
}

.mitsu-lp .mitsu-hero .gap{
  height:12px!important;
}

/* ép section dưới dính lên */
.mitsu-lp .mitsu-trust{
  margin-top:0!important;
}
/* ===== HERO OVERLAY BÊN TRÁI ===== */

.mitsu-lp .mitsu-hero{
  position: relative !important;
  overflow: hidden !important;
}

/* lớp phủ */
.mitsu-lp .mitsu-hero::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 65%;
  height: 100%;
  z-index: 1;

  /* gradient đỏ mờ → trong suốt */
  background: linear-gradient(
    90deg,
    rgba(212, 0, 0, 0.85) 0%,
    rgba(212, 0, 0, 0.65) 30%,
    rgba(212, 0, 0, 0.35) 55%,
    rgba(212, 0, 0, 0.1) 75%,
    rgba(212, 0, 0, 0) 100%
  );
}

/* đảm bảo text nằm trên overlay */
.mitsu-lp .mitsu-hero .section-content{
  position: relative;
  z-index: 2;
}
/* =========================================================
   CONTACT FORM 7 - FORM BÁO GIÁ THANG MÁY TẢI HÀNG
   Dán vào file CSS landing hoặc child theme.
   Scope: .mitsu-lp .mitsu-cf7-form
========================================================= */

.mitsu-lp .mitsu-cf7-form{
  max-width:1120px;
  margin:0 auto;
  background:#fff;
  border:1px solid #f0d6d6;
  border-radius:22px;
  padding:30px;
  box-shadow:0 16px 45px rgba(0,0,0,.08);
}

.mitsu-lp .mitsu-form-head{
  text-align:center;
  max-width:760px;
  margin:0 auto 24px;
}

.mitsu-lp .mitsu-form-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#fff1f1;
  color:#d40000;
  border:1px solid #ffd1d1;
  border-radius:999px;
  padding:8px 16px;
  font-weight:900;
  font-size:13px;
  text-transform:uppercase;
  margin-bottom:12px;
}

.mitsu-lp .mitsu-form-head h3{
  color:#1a1a1a!important;
  font-size:30px!important;
  font-weight:900!important;
  margin:0 0 8px!important;
}

.mitsu-lp .mitsu-form-head p{
  color:#666!important;
  font-size:16px;
  margin:0;
}

.mitsu-lp .mitsu-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.mitsu-lp .mitsu-cf7-form label{
  display:block;
  margin:0;
  font-weight:700;
  color:#1a1a1a;
}

.mitsu-lp .mitsu-cf7-form label > span:first-child{
  display:block;
  margin-bottom:7px;
  font-size:14px;
  font-weight:800;
  color:#333;
}

.mitsu-lp .mitsu-cf7-form input,
.mitsu-lp .mitsu-cf7-form select,
.mitsu-lp .mitsu-cf7-form textarea{
  width:100%!important;
  height:auto!important;
  min-height:48px;
  border:1px solid #ddd!important;
  border-radius:12px!important;
  padding:13px 14px!important;
  background:#fff!important;
  color:#222!important;
  font-size:15px!important;
  font-weight:500;
  box-shadow:none!important;
  outline:none!important;
  transition:all .18s ease;
  margin:0!important;
}

.mitsu-lp .mitsu-cf7-form textarea{
  min-height:110px!important;
  resize:vertical;
}

.mitsu-lp .mitsu-cf7-form input:focus,
.mitsu-lp .mitsu-cf7-form select:focus,
.mitsu-lp .mitsu-cf7-form textarea:focus{
  border-color:#d40000!important;
  box-shadow:0 0 0 3px rgba(212,0,0,.12)!important;
}

.mitsu-lp .mitsu-form-full{
  margin-top:16px!important;
}

.mitsu-lp .mitsu-form-consent{
  margin:16px 0 0;
  color:#555;
  font-size:14px;
}

.mitsu-lp .mitsu-form-consent .wpcf7-list-item{
  margin:0!important;
}

.mitsu-lp .mitsu-form-consent input[type="checkbox"]{
  width:auto!important;
  min-height:auto!important;
  margin-right:8px!important;
}

.mitsu-lp .mitsu-form-submit{
  text-align:center;
  margin-top:22px;
}

.mitsu-lp .mitsu-cf7-form input[type="submit"],
.mitsu-lp .mitsu-cf7-form .wpcf7-submit{
  width:auto!important;
  min-width:260px;
  background:#d40000!important;
  color:#fff!important;
  border:0!important;
  border-radius:999px!important;
  padding:15px 30px!important;
  font-size:16px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  cursor:pointer;
  box-shadow:0 12px 28px rgba(212,0,0,.28)!important;
  transition:all .18s ease;
}

.mitsu-lp .mitsu-cf7-form input[type="submit"]:hover,
.mitsu-lp .mitsu-cf7-form .wpcf7-submit:hover{
  background:#a80000!important;
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(212,0,0,.36)!important;
}

.mitsu-lp .mitsu-form-submit p{
  margin:12px 0 0;
  color:#555!important;
  font-size:14px;
}

.mitsu-lp .mitsu-form-submit strong{
  color:#d40000;
  font-size:16px;
}

.mitsu-lp .mitsu-form-trust{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-top:22px;
}

.mitsu-lp .mitsu-form-trust div{
  background:#fff7f7;
  color:#333;
  border:1px solid #ffd7d7;
  border-radius:12px;
  padding:11px 12px;
  text-align:center;
  font-weight:800;
  font-size:14px;
}

.mitsu-lp .mitsu-cf7-form .wpcf7-not-valid-tip{
  color:#d40000!important;
  font-size:13px!important;
  margin-top:6px;
  font-weight:600;
}

.mitsu-lp .mitsu-cf7-form .wpcf7-response-output{
  margin:18px 0 0!important;
  padding:14px 16px!important;
  border-radius:12px!important;
  font-weight:700;
  text-align:center;
}

.mitsu-lp .mitsu-cf7-form .wpcf7-spinner{
  display:block;
  margin:12px auto 0;
}

@media(max-width:849px){
  .mitsu-lp .mitsu-cf7-form{
    padding:22px 16px;
    border-radius:18px;
  }

  .mitsu-lp .mitsu-form-grid{
    grid-template-columns:1fr;
    gap:13px;
  }

  .mitsu-lp .mitsu-form-head h3{
    font-size:24px!important;
  }

  .mitsu-lp .mitsu-cf7-form input[type="submit"],
  .mitsu-lp .mitsu-cf7-form .wpcf7-submit{
    width:100%!important;
    min-width:0;
  }

  .mitsu-lp .mitsu-form-trust{
    grid-template-columns:1fr;
  }
}
html{
  scroll-behavior:smooth;
}

#bao-gia{
  scroll-margin-top:110px;
}