<style>

.hero {
  background:
    linear-gradient(135deg, rgba(13,110,253,0.15), rgba(32,201,151,0.15)),
    url('../img/banner_massage_chair.jpg') center/cover no-repeat;
  border-radius:1rem;
  color:#212529;
  background-color:#0d6efd22; /* ✅ fallback ฟ้าอ่อน */
}

/* ✅ กรณีหน้าจอเล็ก ให้แสดงพื้นหลังสีฟ้าแน่นอน */
@media (max-width: 767.98px) {
  .hero {
    background:
      linear-gradient(135deg, rgba(13,110,253,0.35), rgba(32,201,151,0.25)),
      url('../img/banner_massage_chair.jpg') center/cover no-repeat,
      #e6f0ff; /* ฟ้าอ่อนรองพื้น */
    background-blend-mode: overlay;
  }
}

  /* รูปหน้าร้าน + Kayajit */
  .storefront-img{max-height:180px;object-fit:cover}
  .logo-small{max-height:60px;width:auto}
  .kayajit-logo{max-height:26px;width:auto}
  .kayajit-text{font-size:.9rem}
  .kayajit-wrap{margin-top:2px;margin-bottom:4px;}

  /* ===== เส้นคั่นใต้ปุ่ม (ใหม่) ===== */
   .section-divider {
     border:0;
     border-top:1px solid rgba(0,0,0,.15); /* ให้เหมือน hr */
     margin:20px 0;                        /* ระยะห่างเท่า hr */
     width:100%;
   }

  /* ===== สัญลักษณ์บอกว่าปุ่มคลิกได้ (ใหม่) ===== */
  #btnNearest.cta-nearby .cta-indicator{
    display:inline-flex;align-items:center;gap:.4rem;
    font-size:.95rem;font-weight:600;opacity:.9;
  }
  #btnNearest.cta-nearby .cta-indicator i{
    animation:tap-wiggle 1.2s ease-in-out infinite;
  }
  @keyframes tap-wiggle{
    0%,100%{transform:translateY(-1px) scale(1);}
    50%{transform:translateY(0) scale(1.08);}
  }
  /* โฟกัสด้วยคีย์บอร์ดให้เห็นชัด (ใหม่) */
  #btnNearest.cta-nearby:focus-visible{
    outline:3px solid rgba(255,255,255,.75);
    outline-offset:3px;
  }
</style>