/* ============================================================
   ToyBin Loop — desktop experience (min-width: 921px)
   The desktop keeps the existing styles.css look; this file
   only refines the new loop components at desktop widths and
   guarantees the mobile chrome never leaks upward.
   ============================================================ */

@media (min-width: 921px) {
  /* Mobile chrome stays off */
  .lp-tabbar { display: none !important; }

  /* Stat strip spreads out on wide screens */
  .lp-statstrip { padding: 22px 26px; gap: 26px; }
  .lp-statcells { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }

  /* Progress + hunt rows get hover affordance */
  .lp-progress-row:hover, .lp-hunt-row:hover {
    border-color: var(--primary);
    box-shadow: var(--shadow);
  }

  /* Spec table sits comfortably beside the item image */
  .lp-spec-table { max-width: 560px; }

  /* Your-copy panel keeps a sane width in wide layouts */
  .lp-your-copy { max-width: 640px; }

  /* Loop section heads align with existing desktop rhythm */
  .lp-block-head h2 { font-size: 1.35rem; }
}