/* Opt-in buyer proof and social links; loaded only on the five revised pages. */
.socialInspiration {
  margin: 30px 0;
  padding: clamp(20px, 3vw, 30px);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 18px;
  background: rgba(255,255,255,.025);
}
.socialInspiration h2, .content .socialInspiration h2 {
  margin: 0 0 12px;
  scroll-margin-top: 110px;
  font: 700 clamp(21px, 2.8vw, 27px)/1.5 "IBM Plex Sans Thai", sans-serif;
  color: #fff;
}
.socialInspiration p, .content .socialInspiration p { margin: 0 0 16px; font-size: 16px; line-height: 1.8; }
.socialPlatformLinks { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin: 18px 0; }
.socialPlatformLinks a {
  display: flex; flex-direction: column; justify-content: center; gap: 5px;
  min-height: 76px; padding: 14px 16px; border: 1px solid rgba(214,177,94,.28);
  border-radius: 12px; color: #f1d38a; text-decoration: none;
  background: rgba(11,13,16,.32); transition: background .15s ease, border-color .15s ease;
}
.socialPlatformLinks a:hover { background: rgba(214,177,94,.10); border-color: #d6b15e; }
.socialPlatformLinks a:focus-visible { outline: 3px solid #f1d38a; outline-offset: 4px; }
.socialPlatformLinks strong { font-size: 17px; }
.socialPlatformLinks span { color: rgba(233,237,245,.78); font-size: 14px; line-height: 1.6; }
.socialInspiration .inspirationNote, .content .socialInspiration .inspirationNote {
  margin: 0; color: rgba(233,237,245,.65); font-size: 13px; line-height: 1.7;
}
.inquiryFallback, .content p.inquiryFallback { color: var(--muted); font-size: 13px; line-height: 1.7; margin: 16px 0 0; }
@media (max-width: 600px) {
  .socialPlatformLinks { grid-template-columns: 1fr; }
  .socialPlatformLinks a { min-height: 64px; }
}