.ab-mango-hub,
.ab-mango-hub *{
box-sizing:border-box;
}
.ab-mango-hub{
–navy:#101820;
–navy2:#182839;
–gold:#c9a45c;
–mango:#fff5df;
–mango2:#fffaf0;
–soft:#f7f5ef;
–line:#ebe1cb;
–text:#252b31;
–muted:#697178;
background:#fff;
color:var(–text);
overflow:hidden;
}
.ab-mango-wrap{
width:min(1120px,calc(100% – 40px));
margin:auto;
}
/* HERO */
.ab-mango-hero{
padding:86px 0 76px;
background:
radial-gradient(
circle at 85% 20%,
rgba(229,165,63,.23),
transparent 34%
),
radial-gradient(
circle at 72% 72%,
rgba(201,164,92,.12),
transparent 32%
),
linear-gradient(
135deg,
#111923,
#192838 58%,
#10171f
);
color:#fff;
}
.ab-mango-kicker{
display:inline-block;
margin-bottom:15px;
color:#f1cc88;
font-size:13px;
font-weight:800;
letter-spacing:1.7px;
}
.ab-mango-hero h1{
max-width:900px;
margin:0;
font-size:clamp(38px,7vw,68px);
line-height:1.03;
letter-spacing:-1.7px;
}
.ab-mango-hero p{
max-width:760px;
margin:23px 0 0;
color:#dbe0e5;
font-size:18px;
line-height:1.75;
}
.ab-mango-actions{
display:flex;
flex-wrap:wrap;
gap:12px;
margin-top:30px;
}
.ab-mango-btn{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:48px;
padding:0 22px;
border-radius:8px;
font-size:14px;
font-weight:800;
text-decoration:none;
}
.ab-mango-btn–gold{
background:var(–gold);
color:#111820;
}
.ab-mango-btn–ghost{
border:1px solid rgba(255,255,255,.3);
color:#fff;
}
/* GENERAL */
.ab-mango-section{
padding:70px 0;
}
.ab-mango-section–soft{
background:var(–soft);
}
.ab-mango-section–warm{
background:var(–mango2);
}
.ab-mango-eyebrow{
margin-bottom:9px;
color:#9a6b22;
font-size:12px;
font-weight:800;
letter-spacing:1.5px;
text-transform:uppercase;
}
.ab-mango-section h2{
max-width:850px;
margin:0 0 18px;
color:var(–navy);
font-size:clamp(28px,5vw,42px);
line-height:1.15;
}
.ab-mango-section > .ab-mango-wrap > p{
max-width:850px;
margin:0 0 18px;
color:var(–muted);
font-size:17px;
line-height:1.8;
}
/* CARDS */
.ab-mango-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:18px;
margin-top:32px;
}
.ab-mango-card{
display:flex;
flex-direction:column;
min-height:100%;
padding:28px;
border:1px solid var(–line);
border-radius:15px;
background:#fff;
text-decoration:none;
transition:
transform .2s ease,
border-color .2s ease,
box-shadow .2s ease;
}
.ab-mango-card:hover{
transform:translateY(-3px);
border-color:#ddc391;
box-shadow:0 10px 30px rgba(16,24,32,.07);
}
.ab-mango-card__tag{
display:inline-block;
align-self:flex-start;
margin-bottom:14px;
padding:6px 9px;
border-radius:999px;
background:#fff4dd;
color:#95691f;
font-size:11px;
font-weight:800;
letter-spacing:.8px;
text-transform:uppercase;
}
.ab-mango-card h3{
margin:0 0 10px;
color:var(–navy);
font-size:24px;
line-height:1.25;
}
.ab-mango-card p{
margin:0;
color:var(–muted);
font-size:15px;
line-height:1.65;
}
.ab-mango-card__link{
margin-top:auto;
padding-top:18px;
color:#82632e;
font-size:14px;
font-weight:800;
}
/* STYLE */
.ab-mango-styles{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:18px;
margin-top:30px;
}
.ab-mango-style{
padding:26px;
border:1px solid var(–line);
border-radius:14px;
background:#fff;
}
.ab-mango-style span{
display:block;
margin-bottom:9px;
color:#95691f;
font-size:12px;
font-weight:800;
letter-spacing:1.2px;
text-transform:uppercase;
}
.ab-mango-style h3{
margin:0 0 10px;
color:var(–navy);
font-size:21px;
}
.ab-mango-style p{
margin:0;
color:var(–muted);
font-size:15px;
line-height:1.65;
}
/* TABLE */
.ab-mango-table-wrap{
margin-top:28px;
overflow-x:auto;
}
.ab-mango-table{
width:100%;
min-width:650px;
border-collapse:collapse;
background:#fff;
}
.ab-mango-table th,
.ab-mango-table td{
padding:16px 17px;
border-bottom:1px solid var(–line);
text-align:left;
}
.ab-mango-table th{
background:var(–navy2);
color:#fff;
font-size:14px;
}
.ab-mango-table td{
color:#5f6870;
font-size:15px;
}
/* COMPARISON */
.ab-mango-comparison{
display:block;
max-width:780px;
margin-top:30px;
padding:26px;
border:1px solid var(–line);
border-radius:14px;
background:#fff;
text-decoration:none;
}
.ab-mango-comparison strong{
display:block;
margin-bottom:8px;
color:var(–navy);
font-size:20px;
}
.ab-mango-comparison span{
color:var(–muted);
font-size:15px;
line-height:1.65;
}
/* FAQ */
.ab-mango-faq{
max-width:880px;
margin-top:26px;
}
.ab-mango-faq details{
padding:18px 0;
border-top:1px solid var(–line);
}
.ab-mango-faq details:last-child{
border-bottom:1px solid var(–line);
}
.ab-mango-faq summary{
cursor:pointer;
color:var(–navy);
font-size:17px;
font-weight:800;
}
.ab-mango-faq p{
margin:12px 0 0;
color:var(–muted);
font-size:15px;
line-height:1.7;
}
/* CTA */
.ab-mango-cta{
padding:64px 0;
background:var(–navy);
color:#fff;
}
.ab-mango-cta h2{
max-width:800px;
margin:0;
color:#fff;
font-size:clamp(28px,5vw,42px);
}
.ab-mango-cta p{
max-width:720px;
margin:12px 0 0;
color:#cfd5db;
font-size:16px;
line-height:1.7;
}
/* MOBILE */
@media(max-width:760px){
.ab-mango-wrap{
width:min(100% – 28px,1120px);
}
.ab-mango-hero{
padding:62px 0 56px;
}
.ab-mango-section{
padding:52px 0;
}
.ab-mango-grid{
display:flex;
overflow-x:auto;
gap:14px;
scroll-snap-type:x mandatory;
padding-bottom:9px;
}
.ab-mango-card{
min-width:82%;
scroll-snap-align:start;
}
.ab-mango-styles{
grid-template-columns:1fr;
}
.ab-mango-btn{
width:100%;
}
}
ALIBARBAR INGOT 9000 FLAVOUR GUIDE
ALIBARBAR Mango Flavours
Explore the mango-led flavours currently listed in the
ALIBARBAR INGOT 9000 range. Compare Mango Magic with
Passionfruit Mango Lime and see how their flavour
directions differ.
Which ALIBARBAR Flavours Include Mango?
Mango Magic and Passionfruit Mango Lime are two clearly
mango-led options within the current INGOT 9000 flavour range.
Mango Magic keeps the profile more directly mango-focused,
while Passionfruit Mango Lime combines mango with
passionfruit and lime for a more layered tropical profile.
Two Different Mango Directions
Mango First
Mango Magic
The more straightforward option when comparing a
mango-led flavour profile.
Tropical Blend
Passionfruit Mango Lime
Combines mango with passionfruit and lime for a more
layered tropical fruit direction.
Mango Magic vs Passionfruit Mango Lime
| Feature | Mango Magic | Passionfruit Mango Lime |
|---|---|---|
| Main direction | Mango | Mango + passionfruit |
| Additional direction | More direct mango style | Lime |
| Overall style | Mango-led fruit | Tropical multi-fruit |
| Useful comparison group | Fruit flavours | Tropical flavours |
Compare Mango Magic and Passionfruit Mango Lime
A dedicated comparison page already covers the main
differences between these two mango-led INGOT 9000 options.
Mango Magic vs Passionfruit Mango Lime
Compare a direct mango-led profile with a broader
passionfruit, mango and lime combination.
Explore More Fruit and Tropical Flavours
Both mango options fit naturally within the wider fruit and
tropical flavour group in the INGOT 9000 range.
ALIBARBAR Mango Flavours FAQ
Which ALIBARBAR INGOT 9000 flavours are mango-led?
Mango Magic and Passionfruit Mango Lime are the two
mango-led options grouped in this guide.
What is the difference between Mango Magic and Passionfruit Mango Lime?
Mango Magic keeps a more direct mango-led direction,
while Passionfruit Mango Lime combines mango with
passionfruit and lime.
Which one has the simpler mango profile?
Mango Magic is the more directly mango-focused option
in this comparison.
Which one is the broader tropical blend?
Passionfruit Mango Lime combines three fruit directions,
making it the more layered tropical combination.
Where can I view every ALIBARBAR flavour?
Visit the
complete ALIBARBAR flavour hub
to browse all 30 currently listed INGOT 9000 flavours.
Explore All ALIBARBAR INGOT 9000 Flavours
Compare mango with fruit, berry, cooling, candy and other
flavour styles across the full current INGOT 9000 range.
Explore More ALIBARBAR Flavour Resources
This page focuses on one ALIBARBAR flavour family. For broader navigation,
use the main ALIBARBAR Flavours Hub.
For the complete INGOT 9000 reference list, see the
INGOT 9000 Flavour Guide.
If you want to compare flavour styles rather than one specific family, use the
Best Flavours by Style guide.