/* ✅ บังคับตัดบรรทัด + กันข้อความล้นกรอบ */
#section-hero .hero-wrap,
#section-overview .hero-wrap,
#section-hero .hero-title,
#section-overview .hero-title,
#section-hero .hero-lead,
#section-overview .hero-lead,
#section-hero .hero-card,
#section-overview .hero-card,
#section-hero .hero-card p,
#section-overview .hero-card p,
#section-hero .hero-card h3,
#section-overview .hero-card h3,
#section-hero .hero-kicker,
#section-overview .hero-kicker,
#section-hero .lang-inline,
#section-overview .lang-inline{
  white-space: normal !important;     /* ให้ขึ้นบรรทัดได้ */
  overflow-wrap: anywhere;            /* คำยาวๆ ตัดได้ */
  word-break: break-word;             /* กันล้น */
  max-width: 100%;
}

/* ✅ Kicker ให้พับบรรทัดได้ */
#section-hero .hero-kicker,
#section-overview .hero-kicker{
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
}

/* ✅ ถ้าอยากให้ย่อหน้าอ่านง่าย: จำกัดความกว้างและจัดกึ่งกลาง */
#section-hero .hero-lead,
#section-overview .hero-lead{
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.7;
}

#section-hero .hero-card,
#section-overview .hero-card{
  height: 100%;
  padding: 28px;
  border-radius: 18px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

#section-hero .hero-card .icon,
#section-overview .hero-card .icon{
  flex: 0 0 52px;
  width: 52px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(255,255,255,.08);
  font-size: 1.25rem;
  line-height: 1;
}

#section-hero .hero-card h3,
#section-overview .hero-card h3{
  margin-bottom: 12px;
  line-height: 1.35;
}

#section-hero .hero-card p,
#section-overview .hero-card p{
  margin-bottom: 0;
  line-height: 1.75;
}

    /* small helpers */
    .lang-only { display:none; }
    .lang-only.show { display:block; }
    .lang-inline { display:none; }
    .lang-inline.show { display:inline; }
    .badge-soft { border:1px solid rgba(255,255,255,.15); background:rgba(255,255,255,.06); }
    .card-soft { background: rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.08); }
    .anchor-offset { scroll-margin-top: 110px; }
    .mini-muted { opacity:.85; }
    .team-email a{ text-decoration:none; }
    .team-email a:hover{ text-decoration:underline; }
    
    /* สำหรับรูปภาพในส่วนสินค้า */
    .product-image {
      width: 100%;
      height: 200px;
      object-fit: cover;
      border-radius: 8px;
      margin-bottom: 15px;
    }
    
    /* สำหรับปุ่มอ่านเพิ่มเติม */
    .read-more-btn {
      background: rgba(255,255,255,0.1);
      border: 1px solid rgba(255,255,255,0.2);
      color: #fff;
      padding: 8px 15px;
      border-radius: 5px;
      cursor: pointer;
      transition: all 0.3s ease;
      margin-top: 10px;
      display: inline-block;
    }
    
    .read-more-btn:hover {
      background: rgba(255,255,255,0.2);
    }
    
    /* สำหรับข้อมูลเพิ่มเติม */
    .product-details {
      display: none;
      margin-top: 15px;
      padding-top: 15px;
      border-top: 1px solid rgba(255,255,255,0.1);
    }
    
    .product-details.show {
      display: block;
    }

    /* Navbar Icon Styling */
    #mainmenu .menu-item i {
      margin-right: 8px;
      font-size: 0.9em; /* Make icons slightly smaller than text */
    }

    .btn-main i {
      margin-right: 5px;
    }

    #menu-btn {
      cursor: pointer;
      font-size: 1.5rem; /* Make hamburger icon bigger */
      color: #fff;
    }
      /* ทำให้โลโก้เท่ากัน สวยเนียน */
  .logo-item{
    height: 70px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding: 10px 18px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.06);
    border-radius: 14px;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }
  .logo-item img{
    max-height: 42px;
    max-width: 160px;
    width: auto;
    height: auto;
    object-fit: contain;
    opacity: .9;
    transition: .2s ease;
  }
  .logo-item:hover img{
    filter: none;
    opacity: 1;
    transform: scale(1.03);
  }
  .swiper-slide{
    background-color: #fff;
  }