/**
 * Metagame Frontend Styles
 */

.metagame-products {
    margin-bottom: var(--mr-spacing-2xl, 3rem);
}

.metagame-title {
    margin-bottom: var(--mr-spacing-lg, 1.5rem);
    color: var(--mr-deep-purple, #3C0C42);
    font-family: var(--mr-font-primary, 'Cormorant Garamond', Georgia, serif);
    font-weight: 500;
    padding-left: var(--mr-spacing-md, 1rem);
    border-left: 3px solid var(--metagame-accent, var(--mr-gold-accent, #C9A227));
}

.metagame-products .product-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: var(--mr-spacing-md, 1rem);
}

.metagame-products .no-products {
    text-align: center;
    padding: var(--mr-spacing-xl, 2rem);
    color: var(--mr-medium-gray, #7B7B7B);
    background: var(--mr-soft-white, #FDFEFE);
    border-radius: var(--mr-radius-frame, 2px);
    border: 1px solid rgba(201, 162, 39, 0.12);
    box-shadow: var(--mr-shadow-sm, 0 1px 3px rgba(45, 20, 50, 0.06));
}

/* Format accents — thin rail only (museum discipline) */
.metagame-products.format-standard {
    --metagame-accent: rgba(200, 184, 214, 0.95);
}

.metagame-products.format-modern {
    --metagame-accent: #5A8AA8;
}

.metagame-products.format-pioneer {
    --metagame-accent: #A87070;
}

.metagame-products.format-commander {
    --metagame-accent: #5A9A72;
}

.metagame-products.format-pauper {
    --metagame-accent: var(--mr-bronze, #501f10);
}

.metagame-products.format-legacy {
    --metagame-accent: var(--mr-gold-accent, #C9A227);
}

@media (max-width: 768px) {
    .metagame-products .product-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--mr-spacing-sm, 0.5rem);
    }
}

@media (prefers-reduced-motion: reduce) {
    .metagame-products .product-grid {
        scroll-behavior: auto;
    }
}