:root{--mango-gold:#D99A16;--mango-deep:#B77908;--mango-cream:#FFF7E8;--mango-white:#FFFCF6;--mango-charcoal:#191714;--mango-radius:18px;--mango-shadow:0 18px 40px -18px rgba(25,23,20,.35)}
body{background:var(--mango-white);color:var(--mango-charcoal);font-family:"Manrope",system-ui,sans-serif;line-height:1.6}
h1,h2,h3,.mango-heading{font-family:"Playfair Display",Georgia,serif;font-weight:800;color:var(--mango-charcoal);letter-spacing:-.01em}
h2,.mango-heading{font-size:clamp(28px,3.4vw,40px)}
a{color:var(--mango-deep)}a:hover{color:var(--mango-gold)}
.mango-container{max-width:1240px;margin:0 auto;padding:0 20px}
.mango-header{position:sticky;top:0;z-index:50;background:rgba(255,252,246,.92);backdrop-filter:blur(10px);border-bottom:1px solid rgba(217,154,22,.25)}
.mango-header .mango-container{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px}
.mango-nav ul{display:flex;gap:26px;list-style:none;margin:0;padding:0}
.mango-nav a{color:var(--mango-charcoal);font-weight:700;text-decoration:none}
.mango-nav a:hover{color:var(--mango-deep)}
.mango-menu-toggle{display:none;background:none;border:1px solid var(--mango-gold);border-radius:10px;padding:8px 12px}
.mango-btn,.button,.woocommerce a.button,.woocommerce button.button,.elementor-button{background:var(--mango-gold)!important;color:var(--mango-charcoal)!important;border:none;border-radius:999px!important;padding:12px 24px;font-weight:800;transition:background .2s,transform .2s}
.mango-btn:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.elementor-button:hover{background:var(--mango-deep)!important;color:var(--mango-white)!important;transform:translateY(-1px)}
.mango-btn--outline{background:transparent!important;border:2px solid var(--mango-gold);color:var(--mango-deep)!important}
.mango-hero{background:linear-gradient(120deg,rgba(25,23,20,.88),rgba(25,23,20,.55)),var(--mango-hero-image,none) center/cover;color:var(--mango-cream);padding:110px 0}
.mango-hero h1{color:var(--mango-cream);font-size:clamp(36px,5.5vw,64px)}
.mango-cuisine-pill{display:inline-flex;align-items:center;gap:8px;background:var(--mango-charcoal);color:var(--mango-gold);border:1px solid var(--mango-gold);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700;text-decoration:none}
.mango-cuisine-pill:hover{background:var(--mango-gold);color:var(--mango-charcoal)}
.mango-marquee{overflow:hidden;background:var(--mango-charcoal);color:var(--mango-gold);white-space:nowrap;padding:12px 0;font-weight:800;letter-spacing:.2em}
.mango-marquee__track{display:inline-block;animation:mango-marquee 28s linear infinite reverse}
@keyframes mango-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.mango-chef-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(217,154,22,.15);border:1px solid var(--mango-gold);color:var(--mango-gold);border-radius:12px;padding:8px 14px;font-weight:800}
.mango-halal-badge{display:inline-flex;align-items:center;gap:6px;background:#0F6B3E;color:#fff;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:800;line-height:1.4}
.mango-halal-badge .ar{font-family:"Noto Naskh Arabic",serif;font-size:15px}
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(3,1fr);gap:28px}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}
.woocommerce ul.products li.product{width:auto!important;margin:0!important;background:var(--mango-white);border:1px solid rgba(217,154,22,.25);border-radius:var(--mango-radius);overflow:hidden;box-shadow:var(--mango-shadow);display:flex;flex-direction:column;padding-bottom:18px!important;transition:transform .25s}
.woocommerce ul.products li.product:hover{transform:translateY(-4px)}
.woocommerce ul.products li.product img{aspect-ratio:4/3;object-fit:cover;margin:0 0 14px!important}
.woocommerce ul.products li.product .woocommerce-loop-product__title,.woocommerce ul.products li.product .price,.woocommerce ul.products li.product .mango-card-meta,.woocommerce ul.products li.product .button{margin-left:18px!important;margin-right:18px!important}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:"Playfair Display",serif;font-weight:800;font-size:20px}
.woocommerce ul.products li.product .price,.woocommerce div.product p.price{color:var(--mango-deep)!important;font-weight:800;font-size:18px}
.mango-card-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}
.mango-upsell{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;background:rgba(25,23,20,.6);padding:16px}
.mango-upsell.is-open{display:flex}
.mango-upsell__box{background:var(--mango-white);border-radius:22px;max-width:480px;width:100%;padding:30px;border-top:6px solid var(--mango-gold);box-shadow:var(--mango-shadow);text-align:center}
.mango-upsell__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:18px}
.mango-pickup-box{background:var(--mango-cream);border:1px solid var(--mango-gold);border-radius:var(--mango-radius);padding:20px}
.mango-footer{background:var(--mango-charcoal);color:var(--mango-cream);padding:60px 0 24px}
.mango-footer a{color:var(--mango-gold)}
.mango-footer h4{color:var(--mango-gold);font-family:"Playfair Display",serif}
body.mango-dark{--mango-white:#191714;--mango-charcoal:#FFF7E8;background:#191714;color:#FFF7E8}
@media(max-width:1024px){.woocommerce ul.products{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.mango-nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--mango-white);padding:20px}.mango-nav.is-open{display:block}.mango-nav ul{flex-direction:column;gap:14px}.mango-menu-toggle{display:block}.mango-hero{padding:70px 0}}
@media(max-width:560px){.woocommerce ul.products{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
