/* RetailCore site — mobile/responsive polish layered over the Stitch pages */
html, body { overflow-x: hidden; max-width: 100%; }
img { max-width: 100%; height: auto; }

/* neutralise fixed pixel widths that overflow small screens */
[class*="w-[800px]"], [class*="w-[600px]"] { width: 100% !important; max-width: 800px; }

/* keep wide containers padded on small screens so nothing touches the edge */
@media (max-width: 1023px) {
  .max-w-7xl, .max-w-6xl, .max-w-5xl, .max-w-4xl { padding-left: 20px; padding-right: 20px; }
}

/* mobile nav panel */
#rc-mnav {
  position: fixed; left: 0; right: 0; top: 80px; z-index: 60;
  display: none; flex-direction: column; gap: 2px;
  background: var(--rc-surface, #f8f9ff);
  border-bottom: 1px solid rgba(110,121,119,0.25);
  box-shadow: 0 12px 30px rgba(11,28,48,0.12);
  padding: 12px;
}
#rc-mnav.open { display: flex; }
#rc-mnav a {
  display: block; padding: 12px 16px; border-radius: 10px;
  font-family: Inter, sans-serif; font-weight: 600; font-size: 15px;
  color: #0b1c30; text-decoration: none;
}
#rc-mnav a:hover { background: #e5eeff; }
#rc-mnav a.cta { background: #005c55; color: #fff; text-align: center; margin-top: 4px; }
#rc-burger { display: none; }
@media (max-width: 1023px) { #rc-burger { display: inline-flex; } }
