.ab-grape-hub,
.ab-grape-hub *{
box-sizing:border-box;
}
.ab-grape-hub{
–navy:#101820;
–navy2:#182839;
–gold:#c9a45c;
–purple:#f4f0fb;
–purple2:#faf8ff;
–soft:#f7f5ef;
–line:#e6e1ef;
–text:#252b31;
–muted:#697178;
background:#fff;
color:var(–text);
overflow:hidden;
}
.ab-grape-wrap{
width:min(1120px,calc(100% – 40px));
margin:auto;
}
/* ================= HERO ================= */
.ab-grape-hero{
padding:86px 0 76px;
background:
radial-gradient(
circle at 85% 20%,
rgba(135,100,180,.22),
transparent 34%
),
radial-gradient(
circle at 72% 72%,
rgba(201,164,92,.11),
transparent 32%
),
linear-gradient(
135deg,
#111923,
#192838 58%,
#10171f
);
color:#fff;
}
.ab-grape-kicker{
display:inline-block;
margin-bottom:15px;
color:#d4c2f1;
font-size:13px;
font-weight:800;
letter-spacing:1.7px;
}
.ab-grape-hero h1{
max-width:900px;
margin:0;
font-size:clamp(38px,7vw,68px);
line-height:1.03;
letter-spacing:-1.7px;
}
.ab-grape-hero p{
max-width:760px;
margin:23px 0 0;
color:#dbe0e5;
font-size:18px;
line-height:1.75;
}
.ab-grape-actions{
display:flex;
flex-wrap:wrap;
gap:12px;
margin-top:30px;
}
.ab-grape-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-grape-btn–gold{
background:var(–gold);
color:#111820;
}
.ab-grape-btn–ghost{
border:1px solid rgba(255,255,255,.3);
color:#fff;
}
/* ================= GENERAL ================= */
.ab-grape-section{
padding:70px 0;
}
.ab-grape-section–soft{
background:var(–soft);
}
.ab-grape-section–purple{
background:var(–purple2);
}
.ab-grape-eyebrow{
margin-bottom:9px;
color:#71558f;
font-size:12px;
font-weight:800;
letter-spacing:1.5px;
text-transform:uppercase;
}
.ab-grape-section h2{
max-width:850px;
margin:0 0 18px;
color:var(–navy);
font-size:clamp(28px,5vw,42px);
line-height:1.15;
}
.ab-grape-section > .ab-grape-wrap > p{
max-width:850px;
margin:0 0 18px;
color:var(–muted);
font-size:17px;
line-height:1.8;
}
/* ================= CARDS ================= */
.ab-grape-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:18px;
margin-top:32px;
}
.ab-grape-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-grape-card:hover{
transform:translateY(-3px);
border-color:#cdbde2;
box-shadow:0 10px 30px rgba(16,24,32,.07);
}
.ab-grape-card__tag{
display:inline-block;
align-self:flex-start;
margin-bottom:14px;
padding:6px 9px;
border-radius:999px;
background:#f2ecfb;
color:#70528f;
font-size:11px;
font-weight:800;
letter-spacing:.8px;
text-transform:uppercase;
}
.ab-grape-card h3{
margin:0 0 10px;
color:var(–navy);
font-size:24px;
line-height:1.25;
}
.ab-grape-card p{
margin:0;
color:var(–muted);
font-size:15px;
line-height:1.65;
}
.ab-grape-card__link{
margin-top:auto;
padding-top:18px;
color:#82632e;
font-size:14px;
font-weight:800;
}
/* ================= STYLE ================= */
.ab-grape-styles{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:18px;
margin-top:30px;
}
.ab-grape-style{
padding:26px;
border:1px solid var(–line);
border-radius:14px;
background:#fff;
}
.ab-grape-style span{
display:block;
margin-bottom:9px;
color:#70528f;
font-size:12px;
font-weight:800;
letter-spacing:1.2px;
text-transform:uppercase;
}
.ab-grape-style h3{
margin:0 0 10px;
color:var(–navy);
font-size:21px;
}
.ab-grape-style p{
margin:0;
color:var(–muted);
font-size:15px;
line-height:1.65;
}
/* ================= COMPARISON ================= */
.ab-grape-comparison{
display:block;
max-width:760px;
margin-top:30px;
padding:26px;
border:1px solid var(–line);
border-radius:14px;
background:#fff;
text-decoration:none;
}
.ab-grape-comparison strong{
display:block;
margin-bottom:8px;
color:var(–navy);
font-size:20px;
}
.ab-grape-comparison span{
color:var(–muted);
font-size:15px;
line-height:1.65;
}
/* ================= TABLE ================= */
.ab-grape-table-wrap{
margin-top:28px;
overflow-x:auto;
}
.ab-grape-table{
width:100%;
min-width:650px;
border-collapse:collapse;
background:#fff;
}
.ab-grape-table th,
.ab-grape-table td{
padding:16px 17px;
border-bottom:1px solid var(–line);
text-align:left;
}
.ab-grape-table th{
background:var(–navy2);
color:#fff;
font-size:14px;
}
.ab-grape-table td{
color:#5f6870;
font-size:15px;
}
.ab-grape-table a{
color:#805f29;
font-weight:700;
}
/* ================= FAQ ================= */
.ab-grape-faq{
max-width:880px;
margin-top:26px;
}
.ab-grape-faq details{
padding:18px 0;
border-top:1px solid var(–line);
}
.ab-grape-faq details:last-child{
border-bottom:1px solid var(–line);
}
.ab-grape-faq summary{
cursor:pointer;
color:var(–navy);
font-size:17px;
font-weight:800;
}
.ab-grape-faq p{
margin:12px 0 0;
color:var(–muted);
font-size:15px;
line-height:1.7;
}
/* ================= CTA ================= */
.ab-grape-cta{
padding:64px 0;
background:var(–navy);
color:#fff;
}
.ab-grape-cta h2{
max-width:800px;
margin:0;
color:#fff;
font-size:clamp(28px,5vw,42px);
}
.ab-grape-cta p{
max-width:720px;
margin:12px 0 0;
color:#cfd5db;
font-size:16px;
line-height:1.7;
}
/* ================= MOBILE ================= */
@media(max-width:760px){
.ab-grape-wrap{
width:min(100% – 28px,1120px);
}
.ab-grape-hero{
padding:62px 0 56px;
}
.ab-grape-section{
padding:52px 0;
}
.ab-grape-grid{
display:flex;
overflow-x:auto;
gap:14px;
scroll-snap-type:x mandatory;
padding-bottom:9px;
}
.ab-grape-card{
min-width:82%;
scroll-snap-align:start;
}
.ab-grape-styles{
grid-template-columns:1fr;
}
.ab-grape-btn{
width:100%;
}
}
ALIBARBAR INGOT 9000 FLAVOUR GUIDE
ALIBARBAR Grape Flavours
Explore the grape-led flavours currently listed in the
ALIBARBAR INGOT 9000 range. Compare Grape Ice with
Grape Grapefruit and see how their flavour directions differ.
Which ALIBARBAR Flavours Include Grape?
Two INGOT 9000 options are clearly grape-led in the current
range: Grape Ice and Grape Grapefruit.
Grape Ice combines grape with a cooling finish, while
Grape Grapefruit adds a citrus-led secondary direction.
Two Different Grape Directions
Cooling
Grape Ice
The more relevant comparison if you prefer grape with
an ice-style cooling finish.
Citrus Blend
Grape Grapefruit
A grape-led option with grapefruit adding a citrus
secondary direction.
Grape Ice vs Grape Grapefruit
| Feature | Grape Ice | Grape Grapefruit |
|---|---|---|
| Main direction | Grape | Grape |
| Secondary direction | Ice / cooling | Grapefruit |
| Overall style | Cooling grape | Grape + citrus |
| Useful comparison group | Ice & mint-style flavours | Fruit & citrus flavours |
Explore Cooling and Fruit Flavours
Grape Ice connects naturally with cooling-style flavours,
while Grape Grapefruit sits closer to fruit and citrus-led
combinations.
ALIBARBAR Grape Flavours FAQ
Which ALIBARBAR INGOT 9000 flavours are grape-led?
Grape Ice and Grape Grapefruit are the two grape-led
options grouped in this guide.
What is the difference between Grape Ice and Grape Grapefruit?
Grape Ice combines grape with a cooling finish, while
Grape Grapefruit pairs grape with grapefruit.
Which grape flavour has the cooling profile?
Grape Ice is the cooling-style option in this comparison.
Which grape flavour has a citrus direction?
Grape Grapefruit is the grape-and-citrus option because
grapefruit forms its secondary flavour direction.
Where can I see 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 grape with fruit, cooling, berry, 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.