/* Melonix — watermelon and mint split storefront */
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@600;800&display=swap');
:root {
    --mx-font: "Nunito", "Helvetica Neue", sans-serif;
    --mx-pink: #ff4d6d;
    --mx-mint: #b8f2d0;
    --mx-cream: #fff6f3;
    --mx-ink: #3a1d24;
    --mx-max: 1100px;
}
body.melonix-theme { margin: 0; font-family: var(--mx-font); color: var(--mx-ink); background: var(--mx-cream); }
body.melonix-theme * { box-sizing: border-box; }
body.melonix-theme a { color: inherit; text-decoration: none; }
body.melonix-theme img { max-width: 100%; display: block; }
body.melonix-theme .container-wide { width: min(var(--mx-max), 100% - 32px); margin: 0 auto; }
body.melonix-theme .mx-header { display: grid; grid-template-columns: 260px 1fr; min-height: 150px; }
body.melonix-theme .mx-brand { background: var(--mx-mint); display: flex; align-items: center; justify-content: center; padding: 20px; }
body.melonix-theme .mx-wordmark { font-weight: 800; font-size: 34px; letter-spacing: -0.04em; color: var(--mx-ink); }
body.melonix-theme .mx-side { padding: 18px 22px; display: flex; flex-direction: column; justify-content: center; gap: 12px; }
body.melonix-theme .mx-tools { display: flex; justify-content: flex-end; align-items: center; gap: 12px; }
body.melonix-theme .mx-search input { border: 0; background: #fff; border-radius: 999px; padding: 8px 14px; font: inherit; width: 150px; }
body.melonix-theme .mx-cart { border: 0; background: var(--mx-pink); color: #fff; border-radius: 999px; padding: 8px 14px; font: inherit; font-weight: 800; cursor: pointer; }
body.melonix-theme .mx-nav { display: flex; gap: 8px; flex-wrap: wrap; }
body.melonix-theme .mx-nav a { background: #fff; border-radius: 999px; padding: 8px 14px; font-weight: 800; }
body.melonix-theme .mx-nav a.active { background: var(--mx-pink); color: #fff; }
body.melonix-theme .mx-announce { font-size: 14px; color: var(--mx-pink); font-weight: 800; }
body.melonix-theme .menu-toggle { display: none; background: none; border: 0; }
body.melonix-theme .mx-hero { width: min(var(--mx-max), 100% - 32px); margin: 28px auto 40px; display: grid; grid-template-columns: 280px 1fr; gap: 28px; align-items: center; }
body.melonix-theme .mx-orb { width: 260px; height: 260px; border-radius: 50%; background: var(--mx-pink); color: #fff; display: flex; align-items: center; justify-content: center; text-align: center; padding: 28px; font-weight: 800; font-size: 28px; line-height: 1.1; }
body.melonix-theme .mx-copy h1 { font-size: clamp(40px, 5vw, 60px); line-height: 1; margin: 0 0 10px; letter-spacing: -0.04em; }
body.melonix-theme .mx-btn { display: inline-flex; background: var(--mx-ink); color: var(--mx-mint); border-radius: 999px; padding: 12px 18px; font-weight: 800; margin-top: 8px; }
body.melonix-theme .collection-layout { display: block !important; width: 100%; }
body.melonix-theme .filter-panel { display: none !important; }
body.melonix-theme .product-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0,1fr)) !important; gap: 16px !important; width: 100%; }
body.melonix-theme .product-card { background: #fff; border-radius: 24px; overflow: hidden; }
body.melonix-theme .product-price { color: var(--mx-pink); font-weight: 800; }
body.melonix-theme .page-title-bar h1 { text-transform: none; letter-spacing: -0.03em; }
body.melonix-theme .mx-footer { background: #fff; padding: 36px 22px 16px; margin-top: 20px; }
body.melonix-theme .mx-footer-grid { max-width: var(--mx-max); margin: 0 auto; display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; }
body.melonix-theme .mx-footer-grid h4 { color: var(--mx-pink); margin: 0 0 10px; }
body.melonix-theme .mx-footer-grid a, body.melonix-theme .mx-footer-grid p { display: block; margin: 0 0 8px; font-size: 14px; }
body.melonix-theme .mx-footer-bottom { max-width: var(--mx-max); margin: 16px auto 0; padding-top: 12px; border-top: 1px solid #f3d5dc; font-size: 12px; text-align: center; }
body.melonix-theme .btn-shop, body.melonix-theme .add-to-cart-btn { background: var(--mx-pink) !important; border-radius: 999px !important; }
@media (max-width: 800px) {
    body.melonix-theme .mx-nav, body.melonix-theme .mx-search { display: none; }
    body.melonix-theme .menu-toggle { display: inline-flex; }
    body.melonix-theme .mx-header, body.melonix-theme .mx-hero, body.melonix-theme .mx-footer-grid { grid-template-columns: 1fr; }
    body.melonix-theme .mx-orb { margin: 0 auto; }
    body.melonix-theme .product-grid { grid-template-columns: 1fr 1fr !important; }
}