/* MAL-TP Market page — extra styles (main styles live in style.css) */

/* Market hero variant */
.market-hero {
  background:
    radial-gradient(ellipse 70% 60% at 70% -20%, oklch(70% 0.16 145 / 0.12), transparent),
    radial-gradient(ellipse 60% 50% at 20% 120%, oklch(68% 0.19 200 / 0.1), transparent);
}

/* Consignment form card */
#mal-tp-consignment-form .form-feedback { margin-top: var(--sp-4); }
#cm-phone { text-align: left; }

/* Category tiles — slightly tighter grid on market page */
.market-cats { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
.market-cat .cat-icon { transition: transform var(--transition); }
.market-cat:hover .cat-icon { transform: scale(1.15); }

/* Trust badges on market page */
.trust-badge { width: 100%; justify-content: flex-start; margin-bottom: var(--sp-3); }

/* Light-mode tweaks for market extras */
@media (prefers-color-scheme: light) {
  .market-cat { background-color: oklch(97% 0.01 250); }
}