/* Premium page specific styles - included via home.css */
/* ============================================
   Premium Page — Mobile Fixes
   ============================================ */

/* Plan tabs — scrollable on mobile */
@media (max-width: 600px) {
  /* Sticky tabs bar */
  div[style*="position:sticky"][style*="top:68px"] {
    top: 56px !important; /* mobile topbar height */
  }

  /* Tabs — smaller, scrollable */
  .plan-tab {
    padding: 10px 16px !important;
    font-size: 0.8rem !important;
    white-space: nowrap;
  }

  /* Category plan cards — single column */
  div[style*="grid-template-columns:repeat(auto-fill,minmax(300px,1fr))"] {
    grid-template-columns: 1fr !important;
  }

  /* Active subscriptions — stack */
  div[style*="display:flex"][style*="flex-wrap:wrap"] {
    flex-direction: column;
  }

  /* Bundle section */
  div[style*="padding:40px"] {
    padding: 24px 16px !important;
  }

  /* Bundle price — smaller */
  div[style*="font-size:2.2rem"] {
    font-size: 1.8rem !important;
  }

  /* Subscribe button — full width */
  .subscribe-btn {
    width: 100% !important;
    justify-content: center;
  }

  /* FAQ details */
  details > summary {
    font-size: 0.85rem !important;
    padding: 12px 14px !important;
  }
}