/* Molten-only responsive fixes. Loaded exclusively on molten.ph after page CSS. */
@media (max-width: 720px) {
  .topbar .row {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 7px;
    padding: 8px 10px;
    min-width: 0;
    max-width: 100%;
  }
  .topbar .catToggle { flex: 0 0 36px; width: 36px; height: 36px; }
  .topbar .brand { display: flex; flex: 1 1 auto; min-width: 0; max-width: 170px; overflow: hidden; }
  .topbar .brand .logo { width: 100%; max-width: 100%; height: 42px; object-fit: contain; object-position: left center; }
  .topbar .actions { display: flex; flex: 0 0 auto; align-items: center; margin-left: auto; gap: 6px; }
  .topbar .actions .pill.blue { padding: 7px 8px; font-size: 11px; white-space: nowrap; }
  .topbar .actions .cartWrap { display: inline-flex; visibility: visible; flex: 0 0 38px; width: 38px; height: 38px; }
  .topbar .actions .cartIcon { display: block; }
  .rsCatOverlay { inset: 60px 0 0; }
  .rsCatDrawer { top: 60px; height: calc(100vh - 60px); height: calc(100dvh - 60px); }
}
@media (max-width: 560px) {
  body .rsh-grid, body .rsp-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  body .rsh-card, body .rsp-card { min-width: 0; }
  body .rsh-pad, body .rsp-body { padding: 10px; }
  body .rsh-title2 { font-size: 13px; line-height: 1.3; min-height: 34px; overflow-wrap: anywhere; }
  body .rsh-muted { font-size: 11px; line-height: 1.35; min-height: 0; }
  body .rsh-priceRow { align-items: flex-start; flex-wrap: wrap; gap: 5px; }
  body .rsh-price { font-size: 15px; }
  body .rsh-stock, body .rsp-stock { font-size: 10px; }
  body .rsh-viewBtn { padding: 10px 6px; font-size: 11px; }
  body .rsp-body { gap: 9px; }
  body .rsp-name { font-size: 14px; overflow-wrap: anywhere; }
  body .rsp-desc2 { font-size: 11px; line-height: 1.35; min-height: 0; }
  body .rsp-tag { padding: 5px 7px; font-size: 10px; }
  body .rsp-price { font-size: 16px; }
  body .rsp-bottom { flex-wrap: wrap; gap: 7px; }
  body .rsp-cardActions { grid-template-columns: 1fr; gap: 6px; }
  body .rsp-cardBtn { height: 36px; font-size: 10px; letter-spacing: 0; }
}
@media (max-width: 360px) {
  .topbar .row { gap: 5px; padding-inline: 8px; }
  .topbar .actions { gap: 5px; }
  .topbar .actions .pill.blue { padding: 7px 6px; font-size: 10px; }
  body .rsh-grid, body .rsp-grid { gap: 8px; }
  body .rsh-pad, body .rsp-body { padding: 8px; }
}