Guides

.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

.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,

.ab-blueberry-hub, .ab-blueberry-hub *{ box-sizing:border-box; } .ab-blueberry-hub{ –navy:#101820; –navy2:#182839; –gold:#c9a45c; –blue:#eef3ff; –blue2:#f7f9ff; –soft:#f7f5ef; –line:#e3e7ef; –text:#252b31; –muted:#697178; background:#fff; color:var(–text); overflow:hidden; } .ab-blueberry-wrap{ width:min(1120px,calc(100% – 40px)); margin:auto; } /* ================= HERO ================= */ .ab-blueberry-hero{ padding:86px 0 76px; background: radial-gradient( circle at 85% 20%, rgba(109,128,211,.22), transparent 34% ), radial-gradient( circle at 72% 72%, rgba(201,164,92,.11), transparent 32% ), linear-gradient( 135deg,

.ab-strawberry-hub, .ab-strawberry-hub *{ box-sizing:border-box; } .ab-strawberry-hub{ –navy:#101820; –navy2:#182839; –gold:#c9a45c; –pink:#f4dddd; –pink2:#fff5f5; –soft:#f7f5ef; –line:#e6dfd2; –text:#252b31; –muted:#697178; background:#fff; color:var(–text); overflow:hidden; } .ab-strawberry-wrap{ width:min(1120px,calc(100% – 40px)); margin:auto; } /* ================= HERO ================= */ .ab-strawberry-hero{ padding:86px 0 76px; background: radial-gradient( circle at 85% 20%, rgba(233,139,151,.22), transparent 34% ), radial-gradient( circle at 72% 70%, rgba(201,164,92,.12), transparent 32% ), linear-gradient( 135deg,

.ab-sivsl, .ab-sivsl *{ box-sizing:border-box; } .ab-sivsl{ –navy:#101820; –gold:#c9a45c; –soft:#f7f5ef; –line:#e6dfd2; –text:#252b31; –muted:#687078; background:#fff; color:var(–text); overflow:hidden; } .ab-sivsl-wrap{ width:min(1120px,calc(100% – 40px)); margin:auto; } .ab-sivsl-hero{ padding:82px 0 72px; background: radial-gradient(circle at 86% 18%,rgba(201,164,92,.17),transparent 32%), linear-gradient(135deg,#111922,#19283a 58%,#10171f); color:#fff; } .ab-sivsl-kicker{ display:inline-block; margin-bottom:15px; color:#dfbd77; font-size:13px; font-weight:800; letter-spacing:1.6px; } .ab-sivsl-hero h1{ margin:0; max-width:900px; font-size:clamp(36px,6vw,62px); line-height:1.04; letter-spacing:-1.5px; } .ab-sivsl-hero p{ max-width:760px;

.ab-sivski, .ab-sivski *{ box-sizing:border-box; } .ab-sivski{ –navy:#101820; –gold:#c9a45c; –soft:#f7f5ef; –line:#e6dfd2; –text:#252b31; –muted:#687078; background:#fff; color:var(–text); overflow:hidden; } .ab-sivski-wrap{ width:min(1120px,calc(100% – 40px)); margin:auto; } .ab-sivski-hero{ padding:82px 0 72px; background: radial-gradient(circle at 86% 18%,rgba(201,164,92,.17),transparent 32%), linear-gradient(135deg,#111922,#19283a 58%,#10171f); color:#fff; } .ab-sivski-kicker{ display:inline-block; margin-bottom:15px; color:#dfbd77; font-size:13px; font-weight:800; letter-spacing:1.6px; } .ab-sivski-hero h1{ margin:0; max-width:900px; font-size:clamp(36px,6vw,62px); line-height:1.04; letter-spacing:-1.5px; } .ab-sivski-hero p{ max-width:760px;

.ab-sivs-sw, .ab-sivs-sw *{ box-sizing:border-box; } .ab-sivs-sw{ –navy:#101820; –navy2:#172536; –gold:#c9a45c; –soft:#f7f5ef; –line:#e6dfd2; –text:#252b31; –muted:#697178; background:#fff; color:var(–text); overflow:hidden; } .ab-sivs-wrap{ width:min(1120px,calc(100% – 40px)); margin:auto; } .ab-sivs-hero{ padding:82px 0 72px; background: radial-gradient(circle at 86% 18%,rgba(201,164,92,.17),transparent 32%), linear-gradient(135deg,#111922,#19283a 58%,#10171f); color:#fff; } .ab-sivs-kicker{ display:inline-block; margin-bottom:15px; color:#dfbd77; font-size:13px; font-weight:800; letter-spacing:1.6px; } .ab-sivs-hero h1{ margin:0; max-width:900px; font-size:clamp(36px,6vw,62px); line-height:1.04; letter-spacing:-1.5px; } .ab-sivs-hero p{

.ab-si-guide, .ab-si-guide *{ box-sizing:border-box; } .ab-si-guide{ –navy:#101820; –navy2:#172536; –gold:#c9a45c; –cream:#f7f3ea; –text:#252b31; –muted:#687078; –line:#e7e0d4; –soft:#f8f6f1; background:#fff; color:var(–text); overflow:hidden; } .ab-si-wrap{ width:min(1120px,calc(100% – 40px)); margin:auto; } .ab-si-hero{ background: radial-gradient(circle at 88% 16%,rgba(201,164,92,.18),transparent 30%), linear-gradient(135deg,#111a25,#18283a 58%,#111820); color:#fff; padding:86px 0 76px; } .ab-si-kicker{ display:inline-block; margin-bottom:16px; color:#e0bf7b; font-size:13px; font-weight:700; letter-spacing:1.7px; } .ab-si-hero h1{ margin:0; max-width:820px; font-size:clamp(38px,7vw,68px); line-height:1.02; letter-spacing:-1.7px; } .ab-si-hero

/* ========================================================= ALIBARBAR MODELS — BRAND MODEL HUB V2 ========================================================= */ .ab-models, .ab-models *{ box-sizing:border-box; } .ab-models{ –ink:#20211d; –text:#565950; –muted:#777a72; –gold:#a97a36; –gold2:#c49a57; –gold-soft:#f4ecdf; –cream:#faf8f3; –white:#fff; –border:#e5e1d8; color:var(–text); } /* HERO */ .ab-models__hero{ margin-bottom:52px; padding:46px 36px; border:1px solid var(–border); border-radius:24px; background: radial-gradient( circle at 87% 15%, rgba(169,122,54,.17), transparent 34% ), linear-gradient( 145deg, #fff, #f8f5ed ); }

COMPARISON GUIDE: This page compares two specific ALIBARBAR flavour profiles. For the complete flavour list, category browsing or broader recommendations, use the dedicated flavour resources linked below rather than treating this page as a complete range guide. ALIBARBAR Flavours Hub · Complete 30-Flavour Guide · Fruit Flavours · Grape Flavours Grape Ice and Grape Grapefruit