@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Playfair+Display:wght@700&display=swap";
@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Sora:wght@400;500;600;700;800&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.flex{display:flex}.grid{display:grid}.table{display:table}.border{border-style:var(--tw-border-style);border-width:1px}.underline{text-decoration-line:underline}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}*{box-sizing:border-box}:root{--mango-yellow-50:#fffdf4;--mango-yellow-100:#fff1be;--mango-yellow-200:#ffe07b;--mango-yellow-400:#f1bc22;--mango-yellow-500:#e2ae17;--mango-green-50:#edf8f2;--mango-green-100:#d0ebdb;--mango-green-300:#74b489;--mango-green-500:#2f7f5e;--mango-green-700:#1f5f45;--brand-primary:var(--mango-yellow-500);--brand-primary-strong:#c99710;--brand-accent:var(--mango-yellow-500);--brand-accent-soft:var(--mango-yellow-100);--brand-surface:#fff;--brand-surface-soft:#fff;--brand-border:#f0e1ae;--brand-text:#202020;--brand-heading:#d9a211}body{color:var(--brand-text);background:#fff;margin:0;padding:0;font-family:Inter,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--brand-heading)}button,.btn-primary,.checkout-btn,.continue-shopping-btn{background:linear-gradient(180deg,#ffd35d 0%,var(--mango-yellow-500)100%);color:#121212;border-color:#cf9a0f}img{max-width:100%}@media (max-width:768px){body{padding-bottom:calc(132px + env(safe-area-inset-bottom))}}.cta-section{background:linear-gradient(180deg,var(--mango-yellow-50),#fff);padding:80px 20px}@media (max-width:768px){.cta-section{padding:50px 15px}}@media (max-width:480px){.cta-section{padding:40px 12px}}.font-playfair{font-family:Playfair Display,serif}.cta-box{background:linear-gradient(140deg,var(--mango-green-500)0%,var(--mango-green-700)100%);color:#fff;text-align:center;border-radius:28px;max-width:1000px;margin:auto;padding:60px 30px}.cta-box h2{margin-bottom:16px;font-size:42px}.cta-box p{opacity:.9;margin-bottom:32px;font-size:18px}.cta-buttons{justify-content:center;gap:20px;display:flex}@media (max-width:768px){.cta-box{border-radius:20px;padding:40px 20px}.cta-box h2{margin-bottom:12px;font-size:28px}.cta-box p{margin-bottom:24px;font-size:14px}.cta-buttons{flex-direction:column;gap:12px}}@media (max-width:480px){.cta-box{padding:30px 15px}.cta-box h2{font-size:22px}.cta-box p{font-size:13px}}.btn-primary{color:#342700;background:linear-gradient(#ffd66b 0%,#e9ad14 100%);border:1px solid #d79f11;border-radius:12px;padding:14px 32px;font-weight:700;text-decoration:none;transition:all .2s;box-shadow:0 8px 18px #c38e0e3d}.btn-primary:hover{background:linear-gradient(#ffdd7f 0%,#efb625 100%);transform:translateY(-1px)}.btn-primary:focus-visible{outline-offset:2px;outline:3px solid #e9ad1459}.btn-outline{color:#fff;border:1px solid #fffc;border-radius:12px;padding:14px 32px;font-weight:700;text-decoration:none;transition:all .2s}.btn-outline:hover{background:#ffffff24;transform:translateY(-1px)}.btn-outline:focus-visible{outline-offset:2px;outline:3px solid #ffffff59}@media (max-width:768px){.btn-primary,.btn-outline{padding:12px 24px;font-size:14px}}@media (max-width:480px){.btn-primary,.btn-outline{padding:10px 18px;font-size:13px}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
.z-home{color:#1f1f1f;background:#fff}.z-hero{background:#1a1a1a;justify-content:center;align-items:center;min-height:360px;padding:28px 16px;display:flex;position:relative;overflow:hidden}.z-hero-bg-image{object-fit:contain;object-position:center;background:#161616;width:100%;height:100%;position:absolute;inset:0}.z-hero-overlay{pointer-events:none;background:linear-gradient(#00000040,#0000008c);position:absolute;inset:0}.z-hero-content{z-index:1;pointer-events:auto;text-align:center;color:#fff;width:min(920px,100%);position:relative}.z-hero-content h1{margin:0 0 10px;font-size:clamp(2rem,4.5vw,3.4rem);font-weight:800}.z-hero-content p{opacity:.95;margin:0 0 22px;font-size:1.05rem}.z-search{background:#fff;border-radius:12px;gap:10px;max-width:760px;margin:0 auto;padding:8px;display:flex;position:relative}.z-search input{border:none;outline:none;flex:1;padding:10px 12px;font-size:15px}.z-search button{background:var(--brand-primary);color:#fff;border:none;border-radius:10px;padding:10px 18px;font-weight:700}.z-search-suggestions{z-index:5;background:#fff;border:1px solid #e9dece;border-radius:12px;max-height:240px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 24px #29180b24}.z-search-suggestion-item{color:#2a1e12;text-align:left;background:#fff;border:none;border-bottom:1px solid #f1e6d7;width:100%;padding:12px;font-size:14px}.z-search-suggestion-item:last-child{border-bottom:none}.z-search-empty{color:#6d5b49;text-align:left;margin:0;padding:12px;font-size:13px}.z-hero-tags{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}.z-hero-tags span{background:#ffffff24;border:1px solid #ffffff40;border-radius:999px;padding:7px 12px;font-size:13px}.z-section{width:min(1200px,100%);margin:0 auto;padding:42px 18px}.z-section-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.z-section-head h2{margin:0;font-size:1.65rem}.z-section-head a{color:var(--brand-primary);font-weight:700;text-decoration:none}.z-category-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;display:grid}.z-category-card{color:#222;background:#fff;border:1px solid #f0f0f0;border-radius:14px;text-decoration:none;overflow:hidden}.z-category-card img{object-fit:contain;object-position:center;background:#f8f5f0;width:100%;height:92px;display:block}.z-category-card span{padding:10px;font-size:13px;font-weight:600;display:block}.z-items-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;display:grid}.z-item-card{background:#fff;border:1px solid #efefef;border-radius:14px;padding:14px}.z-item-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.z-item-top strong{font-size:1rem}.z-item-top span{color:var(--brand-primary);font-weight:800}.z-item-card p{color:#666;margin:8px 0 14px;font-size:14px}.z-item-bottom{justify-content:space-between;align-items:center;display:flex}.z-item-bottom span{color:#777;font-size:13px}.z-item-bottom button{border:1px solid var(--brand-primary);color:var(--brand-primary);background:#fff;border-radius:8px;padding:6px 16px;font-weight:700}.z-how{background:linear-gradient(180deg,var(--mango-yellow-50),var(--mango-green-50));border-radius:18px;margin-bottom:34px}.z-how-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;display:grid}.z-how-grid div{background:#fff;border:1px solid #efefef;border-radius:12px;padding:14px}.z-how-grid strong{margin-bottom:6px;display:block}.z-how-grid p{color:#666;margin:0;font-size:14px}@media (max-width:768px){.z-search{flex-direction:column}.z-how-grid{grid-template-columns:1fr}}
.mango-home{color:#121212;background:#fff;padding-bottom:34px;font-family:Sora,sans-serif}.mango-home__container{width:min(1220px,100%);margin:0 auto;padding-left:18px;padding-right:18px}.mango-home__hero{z-index:1;padding:24px 0 10px;position:relative;overflow:hidden}.mango-home__hero-bg{background-color:#0000;background-image:linear-gradient(#00000029 0%,#00000047 100%),url("/home page background.jpg");background-position:bottom;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.mango-home__hero-content{z-index:1;padding-top:12px;padding-bottom:20px;position:relative}.mango-home__campaign{letter-spacing:.04em;text-transform:uppercase;color:#121212;background:#ffffff73;border:1px solid #ba20208c;border-radius:999px;margin:0;padding:7px 14px 7px 30px;font-size:12px;font-weight:700;line-height:1.4;display:inline-block;position:relative}.mango-home__campaign:before{content:"";background:#df1f1f;border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite mango-live-blink;position:absolute;top:50%;left:12px;transform:translateY(-50%);box-shadow:0 0 #df1f1fa6}.mango-home__hero h1{color:#121212;overflow-wrap:anywhere;max-width:760px;margin:16px 0 8px;font-family:DM Serif Display,serif;font-size:clamp(1.6rem,4.2vw,2.6rem);line-height:1.05}.mango-home__subtext{color:#121212;max-width:740px;margin:0;font-size:1rem;line-height:1.5}.mango-home__hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:760px;margin-top:20px;display:grid}.mango-home__hero-metrics article{-webkit-backdrop-filter:none;backdrop-filter:none;background:#ffffffb3;border:1px solid #15330f24;border-radius:12px;padding:12px}.mango-home__hero-metrics strong{color:#121212;font-size:1.15rem;display:block}.mango-home__hero-metrics span{color:#121212;font-size:12px}@keyframes mango-live-blink{0%,to{opacity:1;box-shadow:0 0 #df1f1f99}50%{opacity:.4;box-shadow:0 0 0 6px #df1f1f00}}.mango-home__item-links{flex-wrap:wrap;gap:10px;display:flex}.mango-home__item-chip{color:#121212;background:#f4fbf7;border:1px solid #d5e7d9;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700;text-decoration:none}.mango-home__item-chip:hover{background:#e9f6ef;border-color:#121212}.mango-home__container+.mango-home__container{margin-top:28px}.mango-home__section-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.mango-home__section-header h2{margin:0;font-family:DM Serif Display,serif;font-size:clamp(1.4rem,3vw,2.1rem)}.mango-home__section-header a{color:#121212;font-weight:700;text-decoration:none}.mango-home__category-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.mango-home__category-card{color:inherit;background:#fff;border:1px solid #e8efd7;border-radius:14px;text-decoration:none;overflow:hidden}.mango-home__category-card img{object-fit:contain;object-position:center;background:#f7faf9;width:100%;height:240px;padding:8px;display:block}.mango-home__category-card h3{margin:0;padding:10px;font-size:14px}.mango-home__message{color:#121212;margin:0 0 12px;font-size:14px}.mango-home__message--error{color:#b2311a}.mango-home__product-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}.mango-home__product-card{background:#fff;border:1px solid #e5ecd2;border-radius:14px;overflow:hidden}.mango-home__product-card img{object-fit:cover;object-position:center;background:#fff;width:100%;height:auto;display:block}.mango-home__product-content{padding:12px}.mango-home__product-content h3{margin:0;font-size:15px}.mango-home__product-content p{color:#121212;margin:6px 0 10px;font-size:12px}.mango-home__weights{flex-wrap:wrap;gap:8px;display:flex}.mango-home__weights button{border:1px solid var(--mango-yellow-200);background:linear-gradient(180deg,var(--mango-yellow-50)0%,#fff4cf 100%);color:#5a4305;cursor:pointer;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:700}.mango-home__weights button.active{background:linear-gradient(180deg,#ffce52 0%,var(--mango-yellow-500)100%);color:#2e2400;border-color:#e7a900}.mango-home__weights button:focus-visible{outline:2px solid var(--mango-yellow-500);outline-offset:2px}.mango-home__product-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;display:flex}.mango-home__product-footer strong{color:#121212}.mango-home__product-footer button{color:#121212;cursor:pointer;background:linear-gradient(#f6fbe9 0%,#e8f3d1 100%);border:1px solid #2f6622;border-radius:10px;padding:7px 12px;font-weight:700;transition:all .2s}.mango-home__product-footer button:hover{color:#3b2b00;background:linear-gradient(#fff2c9 0%,#ffe08a 100%);border-color:#d09b13;transform:translateY(-1px)}.mango-home__info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.mango-home__info-tile{color:inherit;background:#fff;border:1px solid #dbe9df;border-radius:12px;grid-template-columns:58px 1fr;align-items:center;gap:10px;padding:10px;text-decoration:none;display:grid}.mango-home__info-tile img{object-fit:contain;background:#f5faf7;border-radius:10px;width:58px;height:58px}.mango-home__info-tile h3{margin:0;font-size:14px}.mango-home__info-tile p{color:#121212;margin:2px 0 0;font-size:12px}.mango-home__cta{color:#fff;text-align:center;background:linear-gradient(135deg,#3f7f2f 0%,#2f6622 55%,#5f9738 100%);border-radius:20px;margin-top:28px;padding-top:34px;padding-bottom:34px}.mango-home__franchise{background:linear-gradient(160deg,#ffd86333 0%,#fff8e1e6 48%,#8dbc5429 100%),#fffdf5;border:1px solid #dfb341;border-radius:18px;padding:20px}.mango-home__franchise h2{color:#3f2a00;margin:0;font-family:DM Serif Display,serif;font-size:clamp(1.35rem,3vw,2rem)}.mango-home__franchise>p{color:#5e4b1f;margin:10px 0 0;line-height:1.65}.mango-home__franchise-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-top:14px;display:grid}.mango-home__franchise-grid article{color:#4f3f1a;background:#ffffffd6;border:1px solid #a379002e;border-radius:12px;padding:12px;font-size:13px;line-height:1.55}.mango-home__franchise-branches{color:#3f2f0a;border-top:1px dashed #a3790066;margin-top:12px;padding-top:12px}.mango-home__cta h2{margin:0;font-family:DM Serif Display,serif;font-size:clamp(1.6rem,3vw,2.4rem)}.mango-home__cta p{max-width:760px;margin:10px auto 0;line-height:1.7}.mango-home__cta div{justify-content:center;gap:10px;margin-top:16px;display:flex}.mango-home__cta a{color:#342700;background:linear-gradient(#ffd66b 0%,#e9ad14 100%);border:1px solid #d79f11;border-radius:12px;padding:11px 16px;font-weight:700;text-decoration:none;transition:all .2s;box-shadow:0 8px 18px #c38e0e3d}.mango-home__cta a.secondary{color:#121212;box-shadow:none;background:#ffffff1f;border:1px solid #fffc}.mango-home__cta a.secondary:hover,.mango-home__cta a.secondary:focus-visible{color:#1c1600;background:linear-gradient(#ffe287 0%,#efbe2f 100%);border-color:#efbe2f}.mango-home__cta a:hover{transform:translateY(-1px)}@media (max-width:900px){.mango-home__hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.mango-home__info-grid{grid-template-columns:1fr}}@media (max-width:640px){.mango-home__hero{padding-top:10px;padding-bottom:6px}.mango-home__container{padding-left:12px;padding-right:12px}.mango-home__hero-content{padding-top:8px;padding-bottom:12px}.mango-home__campaign{padding:6px 10px;font-size:10px}.mango-home__hero h1{margin:10px 0 6px;font-size:clamp(1.25rem,6.5vw,1.9rem);line-height:1.1}.mango-home__subtext{font-size:.86rem;line-height:1.45}.mango-home__hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.mango-home__hero-metrics article{padding:10px}.mango-home__hero-metrics strong{font-size:1.05rem}.mango-home__hero-metrics span{font-size:11px}.mango-home__container+.mango-home__container{margin-top:22px}.mango-home__section-header{flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:10px}.mango-home__section-header--category,.mango-home__section-header--bestsellers{flex-direction:row;justify-content:space-between;align-items:center;gap:10px}.mango-home__section-header--category h2,.mango-home__section-header--category a,.mango-home__section-header--bestsellers h2,.mango-home__section-header--bestsellers a{white-space:nowrap}.mango-home__section-header--category h2,.mango-home__section-header--bestsellers h2{font-size:clamp(1.45rem,6vw,1.75rem)}.mango-home__category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mango-home__category-card img{height:240px}.mango-home__product-grid{grid-template-columns:1fr}.mango-home__cta{border-radius:14px;margin-top:22px;padding-top:22px;padding-bottom:22px}.mango-home__cta div{flex-direction:column}}