/* Mobile hero badge + compliance grid (from the design's mobile export; its
   pga-logo-swap-style block used <=760px, scoped here to our <=600px mobile
   boundary — 601-1279 is the tablet/compact range with desktop treatments). */
@media (max-width:600px){
  .hero-in a[href*="/marketplace/"]{ padding:12px 16px !important; gap:10px !important; border-radius:8px !important; }
  .hero-in a[href*="/marketplace/"] svg{ width:24px !important; height:24px !important; }
  .hero-in a[href*="/marketplace/"] .font-medium{ font-size:15px !important; }
  .hero-in a[href*="/marketplace/"] .bg-gray-900{ font-size:12px !important; padding:3px 8px !important; }

  /* Compliance section: the scrolling badge rail becomes a static 2-column
     grid of the first 7 items; the click-to-detail panel is hidden (see
     complist() in patch-logo.js, which also neutralizes the items' clicks). */
  .sec6c-rail-wrap{ overflow:visible !important; max-height:none !important; -webkit-mask-image:none !important; mask-image:none !important; opacity:1 !important; pointer-events:auto !important; border-bottom:0 !important; cursor:default !important; padding:4px 0 !important; }
  .sec6c-ribbon{ border-top:0 !important; border-bottom:0 !important; background:transparent !important; }
  .sec6c-sub{ display:none !important; }
  .sec6c-detail{ display:none !important; }
  .sec6c-rail{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:12px !important; grid-auto-rows:1fr !important; width:100% !important; }
  .sec6c-rail .sec6c-item:nth-child(n+8){ display:none !important; }
  /* (Mobile card order now comes from the source order in HomeSecurity.astro —
     HIPAA, SOC 2, HITRUST, ISO 27001, GDPR, RBAC, E2E — same as desktop.) */
  .sec6c-item{ position:relative !important; display:flex !important; align-items:center !important; gap:12px !important; min-width:0 !important; width:auto !important; min-height:74px !important; border:1px solid #e9ebf1 !important; border-radius:8px !important; background:#fff !important; padding:15px !important; cursor:default !important; box-shadow:0 1px 2px rgba(20,26,40,.03) !important; transition:border-color .18s ease,box-shadow .18s ease !important; }
  .sec6c-item:hover,.sec6c-item.sec6c-active{ background:#fff !important; border-color:#dfe2ea !important; box-shadow:0 4px 14px rgba(20,26,40,.06) !important; }
  .sec6c-i-ic{ flex:0 0 auto !important; width:40px !important; height:40px !important; border-radius:11px !important; background:#f1f4fb !important; color:#1E3A8A !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; margin:0 !important; }
  .sec6c-i-ic svg{ width:19px !important; height:19px !important; display:block !important; }
  .sec6c-i-label{ white-space:normal !important; font-size:14.5px !important; font-weight:600 !important; line-height:1.22 !important; letter-spacing:-.01em !important; color:#141a28 !important; }
  .sec6c-i-tag{ position:absolute !important; left:67px !important; top:50% !important; margin-top:11px !important; font-size:9px !important; font-weight:700 !important; letter-spacing:.04em !important; text-transform:uppercase !important; color:#5b6373 !important; background:#f2f3f7 !important; border:1px solid #e8e9ef !important; padding:1px 7px !important; border-radius:999px !important; }
  .sec6c-item::after{ display:none !important; }
}