/*
Theme Name: Mango Clone Theme
Theme URI:  https://example.com/mango-clone
Author:     ChatGPT (generated)
Description: A lightweight starter theme styled like Mango.com. Requires Elementor & WooCommerce for full functionality.
Version:    1.0
License:    GNU General Public License v2 or later
Text Domain: mango-clone
*/
/* Basic theme CSS - extend in style.css or via child styles */
body { font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; color: #222; background:#fff; margin:0; padding:0; }
.mc-container { max-width:1200px; margin:0 auto; padding:20px; }
.mc-hero { background:#000 url('assets/hero-placeholder.jpg') center/cover no-repeat; color:#fff; padding:80px 20px; text-align:center; }
.mc-hero h1{ font-size:44px; margin:0 0 12px; letter-spacing: -1px; }
.mc-categories{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:32px 0; }
.mc-cat{ overflow:hidden; border-radius:8px; }
.mc-cat img{ width:100%; height:220px; object-fit:cover; display:block; }
.mc-products{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.mc-product{ text-align:left; }
.mc-footer{ background:#f7f7f7; padding:30px 20px; margin-top:40px; font-size:14px; }