/* V87 Fix Hero Distortion - ใช้รูปฮีโร่ใหม่แบบภาพงานจริง ไม่มีภาพซ้อน */
.v71-home-hero{
  background:#061a32 !important;
}
.v71-home-hero:before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  opacity:1 !important;
  background-image:
    linear-gradient(90deg,rgba(4,18,36,.90) 0%, rgba(4,18,36,.72) 34%, rgba(4,18,36,.28) 64%, rgba(4,18,36,.42) 100%),
    url('/assets/img/hero-clean-v87.jpg?v=87') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  filter:none !important;
}
.v71-home-hero:after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  opacity:.22 !important;
  background:
    radial-gradient(circle at 74% 20%,rgba(69,190,255,.16),transparent 24%),
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) !important;
  background-size:auto,42px 42px,42px 42px !important;
  pointer-events:none !important;
}
.v71-home-hero-inner{position:relative !important; z-index:2 !important;}
.v71-hero-copy{
  background:linear-gradient(180deg,rgba(7,28,52,.88),rgba(4,17,33,.84)) !important;
  backdrop-filter:blur(8px) !important;
}
.v71-right-card{
  background:rgba(255,255,255,.95) !important;
  backdrop-filter:blur(10px) !important;
}

/* Page hero / area hero ให้ใช้ภาพจริง ไม่ใช้ภาพ screenshot */
.v71-page-hero:before,
.v81-area-hero:before,
.a85-hero:before{
  background-image:
    linear-gradient(95deg,rgba(4,17,33,.92),rgba(4,17,33,.72),rgba(4,17,33,.32)),
    url('/assets/img/hero-clean-v87.jpg?v=87') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

/* ถ้าเดิมมี card ด้านขวาซ้อนลึกเกิน ให้จัดให้อ่านง่ายขึ้น */
.v71-right-card h2{color:#0a1e37 !important;}
.v71-right-card p,.v71-mini-list div{color:#415a73 !important;}

/* มือถือ */
@media(max-width:768px){
  .v71-home-hero:before{
    background-image:
      linear-gradient(180deg,rgba(4,18,36,.88) 0%, rgba(4,18,36,.70) 45%, rgba(4,18,36,.48) 100%),
      url('/assets/img/hero-clean-v87.jpg?v=87') !important;
    background-position:center center !important;
  }
}