body {
    font-family: 'Kanit', sans-serif;
    background-color: #f8f9fa;
}

.logo-small {
    max-width: 100px;
    height: auto;
}

.company-logo {
    max-width: 120px;
    height: auto;
    margin-top: 5px;
    margin-bottom: 0px;
}

.card {
    transition: transform 0.3s, box-shadow 0.3s;
    display: flex;
    flex-direction: column;
}
.h5 {
    margin-top: 0px;
    font-size: 1rem;
    font-weight: 300;
}

.hover-scale:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 16px rgba(0,0,0,0.2);
}

.loading-spinner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}
.location-text {
    white-space: pre-line;
    font-size: 1rem;
    line-height: 0.7; /* ลดความสูงบรรทัด */
}
.storefront-img {
    width: 60%;           /* ให้กว้างเต็ม container */
    height: 120px;         /* กำหนดความสูงคงที่ เช่น 200px */
    object-fit: cover;     /* ครอบตัดให้เต็มพื้นที่ โดยไม่ยืดผิดสัดส่วน */
    border-radius: 8px;    /* ขอบมน (ตามที่มี rounded ใน class) */
    background-color: #f0f0f0; /* ใส่สีพื้นหลังกรณีรูปโปร่งใส */
}
.map-btn i {
    font-size: 16px;       /* ขนาด icon*/
}

.map-btn {
    font-size: 14px;       /* ขนาดข้อความ */
    font-weight: 500;      /* เพิ่มความหนาข้อความ */
    padding: 5px 5px;     /* ปรับ padding  */
}
/* ปุ่ม CTA “ค้นหาสาขาใกล้คุณ” — ใหญ่ ชัด สวย */
/* ปุ่ม CTA ใหญ่ ชัด สวย */
#btnNearest.cta-nearby{
  -webkit-appearance:none; appearance:none;
  display:inline-flex; align-items:center; justify-content:center;
  width:100%;
  min-height:78px;
  padding:20px 30px;
  border:0 !important; border-radius:20px;
  background:linear-gradient(135deg,#22c55e,#16a34a) !important;
  color:#fff !important;
  font-weight:700; font-size:1.45rem; line-height:1.2;
  box-shadow:0 14px 28px rgba(22,163,74,.35);
  text-shadow:0 1px 0 rgba(0,0,0,.08);
  transition:transform .08s ease, box-shadow .2s ease, filter .2s ease;
  cursor:pointer;
}
#btnNearest.cta-nearby i{ font-size:1.25em; margin-right:.6rem; transform:translateY(-1px); }
#btnNearest.cta-nearby:hover{ transform:translateY(-1px); filter:brightness(1.05); box-shadow:0 18px 36px rgba(22,163,74,.42); }
#btnNearest.cta-nearby:active{ transform:translateY(0); box-shadow:0 10px 20px rgba(22,163,74,.30); }
#btnNearest.cta-nearby:focus-visible{ outline:3px solid rgba(34,197,94,.45); outline-offset:2px; }