/* Product-led inquiry sections. Scoped so the homepage stays unchanged. */
.sticky-line span { max-width: none; }
.salesPanel {
  margin: 28px 0 36px;
  padding: clamp(22px, 4vw, 34px);
  border: 1px solid rgba(214, 177, 94, .38);
  border-radius: 18px;
  background: linear-gradient(130deg, rgba(214, 177, 94, .10), rgba(18, 23, 34, .7));
}
.salesEyebrow, .content .salesEyebrow {
  display: block;
  margin: 0 0 10px;
  color: var(--gold);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .03em;
}
.salesHeading, .content h2.salesHeading {
  margin: 0 0 16px;
  color: #fff;
  font: 700 clamp(22px, 3.5vw, 29px)/1.5 "IBM Plex Sans Thai", sans-serif;
}
.salesPanel p, .content .salesPanel p { margin: 0 0 18px; line-height: 1.75; }
.salesPoints, .content .salesPoints {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  padding: 0;
  margin: 22px 0;
  list-style: none;
}
.salesPoint, .content .salesPoint {
  min-width: 0;
  margin: 0;
  padding: 16px 0 0;
  border-top: 1px solid rgba(214, 177, 94, .35);
  color: rgba(233, 237, 245, .84);
  font-size: 15px;
  line-height: 1.7;
}
.salesPoint b, .salesPoint strong { display: block; margin-bottom: 6px; color: #fff; font-size: 17px; }
.content .salesPoint h3 { margin: 0 0 6px; color: #fff; font-size: 17px; line-height: 1.6; }
.content .salesPoint p { margin: 0; font-size: 15px; line-height: 1.7; }
.salesActions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 22px 0 10px; }
.salesActions .btn { justify-content: center; min-height: 48px; white-space: normal; text-align: center; }
.salesActions .btn.primary, .content .salesActions .btn.primary {
  background: linear-gradient(135deg, #d6b15e, #f1d38a);
  border-color: transparent;
  color: #121722;
  font-weight: 700;
}
.salesActions a:focus-visible, .salesCollections a:focus-visible { outline: 3px solid #f1d38a; outline-offset: 4px; }
.salesHint, .content p.salesHint, .content .salesPanel p.salesHint {
  margin: 10px 0 0;
  color: rgba(233, 237, 245, .72);
  font-size: 14px;
  line-height: 1.65;
}
.salesCollections { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 22px 0; }
.salesCollections a { display: block; overflow: hidden; border: 1px solid rgba(255,255,255,.14); border-radius: 12px; }
.salesCollections img { display: block; width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.salesCollections b, .salesCollections span { display: block; padding: 0 14px; }
.salesCollections b { padding-top: 12px; color: #fff; }
.salesCollections span { padding-top: 4px; padding-bottom: 14px; font-size: 14px; color: var(--gold); }
@media (max-width: 640px) {
  .salesPoints, .content .salesPoints { grid-template-columns: 1fr; gap: 12px; }
  .salesActions { align-items: stretch; flex-direction: column; }
  .salesCollections { grid-template-columns: 1fr; }
  .salesCollections a { display: grid; grid-template-columns: 100px minmax(0, 1fr); }
  .salesCollections img { grid-row: span 2; height: 100%; aspect-ratio: 1; }
  .salesCollections span { padding-top: 0; }
}