.ygo-ticker { --speed: 20s; --gap: 40px; --bg: rgba(20, 20, 20, 0.356); /* changed from transparent to dark transparent */ --fg: #fff; --bar-h: 36px; position: relative; overflow: hidden; background: var(--bg); color: var(--fg); height: var(--bar-h); line-height: var(--bar-h); width: 100%; font-weight: 700; -webkit-font-smoothing: antialiased; } .ygo-ticker__container { display: flex; width: max-content; position: relative; } .ygo-ticker__track { display: flex; width: max-content; gap: var(--gap); flex-shrink: 0; } .ygo-ticker__content { display: inline-flex; align-items: center; white-space: nowrap; flex-shrink: 0; } .ygo-ticker__content i { opacity: 0.35; font-style: normal; padding: 0 12px; } .ygo-ticker { direction: ltr; } .ygo-ticker .ygo-ar { display: none !important; } .ygo-ticker .ygo-en { display: inline-flex !important; } .ygo-ticker__container { width: fit-content; display: flex; } html:lang(ar) .ygo-ticker { direction: rtl; } html:lang(ar) .ygo-ticker .ygo-ar { display: inline-flex !important; } html:lang(ar) .ygo-ticker .ygo-en { display: none !important; } @media (max-width: 600px) { .ygo-ticker { --bar-h: 32px; font-size: 13px; display: flex; align-items: center; justify-content: center; height: var(--bar-h); padding: 0 15px; overflow: hidden; } .ygo-ticker__container { display: flex; align-items: center; justify-content: center; width: 100% !important; } .ygo-ticker__track { display: flex; align-items: center; justify-content: center; width: 100% !important; } /* Hide all content by default on mobile */ .ygo-ticker__content { display: none !important; text-align: center; width: 100%; justify-content: center; } /* Show only content with ticker-mobile class on mobile - English pages */ .ygo-ticker .ygo-en.ticker-mobile { display: inline-flex !important; } /* Hide Arabic content on English pages */ .ygo-ticker .ygo-ar.ticker-mobile { display: none !important; } /* Hide all content without ticker-mobile class on mobile - override language rules */ .ygo-ticker__content:not(.ticker-mobile) { display: none !important; } /* Override language-specific rules on mobile */ .ygo-ticker .ygo-ar:not(.ticker-mobile) { display: none !important; } .ygo-ticker .ygo-en:not(.ticker-mobile) { display: none !important; } .ygo-ticker__content.active { display: inline-flex !important; } } /* Additional mobile overrides for Arabic language */ @media (max-width: 600px) { html:lang(ar) .ygo-ticker .ygo-ar:not(.ticker-mobile) { display: none !important; } html:lang(ar) .ygo-ticker .ygo-en:not(.ticker-mobile) { display: none !important; } /* Show only Arabic content with ticker-mobile class on Arabic pages */ html:lang(ar) .ygo-ticker .ygo-ar.ticker-mobile { display: inline-flex !important; } /* Hide English content on Arabic pages */ html:lang(ar) .ygo-ticker .ygo-en.ticker-mobile { display: none !important; } } /* Tablet view - show 3 items */ @media (min-width: 601px) and (max-width: 1024px) { .ygo-ticker { --bar-h: 36px; font-size: 14px; } .ygo-ticker__container { width: 100% !important; justify-content: center; padding: 0 20px; } .ygo-ticker__track { width: 100% !important; justify-content: center; gap: 30px; } .ygo-ticker__content { flex: 0 0 calc(33.333% - 20px); justify-content: center; text-align: center; } /* Hide all content initially, JavaScript will show the right ones */ .ygo-ticker__content { display: none !important; } .ygo-ticker__content.tablet-active { display: inline-flex !important; } } /* Desktop view - show multiple items */ @media (min-width: 1025px) { .ygo-ticker { --bar-h: 40px; font-size: 15px; } .ygo-ticker__container { width: 100% !important; justify-content: center; padding: 0 40px; } .ygo-ticker__track { width: 100% !important; justify-content: center; gap: 40px; } .ygo-ticker__content { flex: 0 0 auto; justify-content: center; text-align: center; } /* Show all content for current language */ .ygo-ticker__content.desktop-active { display: inline-flex !important; } } (function() { function initTicker() { try { var root = document.querySelector('.ygo-ticker'); if (!root) return; var isAr = document.documentElement.lang && document.documentElement.lang.toLowerCase().startsWith('ar'); if (!isAr) { isAr = location.pathname.split('/').includes('ar'); } var isMobile = window.innerWidth 600 && window.innerWidth 1024; root.style.direction = isAr ? 'rtl' : 'ltr'; // Clear all active classes first document.querySelectorAll('.ygo-ticker__content').forEach(el => { el.classList.remove('active', 'tablet-active', 'desktop-active'); el.style.display = 'none'; }); if (isMobile) { // Mobile: Show only content with ticker-mobile class based on language var content = isAr ? root.querySelector('.ygo-ar.ticker-mobile') : root.querySelector('.ygo-en.ticker-mobile'); if (content) { content.classList.add('active'); } } else if (isTablet) { // Tablet: Show 3 items for current language var currentLangItems = isAr ? root.querySelectorAll('.ygo-ar') : root.querySelectorAll('.ygo-en'); currentLangItems.forEach(function(el, index) { if (index < 3) { // Show only first 3 items el.classList.add('tablet-active'); } }); } else if (isDesktop) { // Desktop: Show all items for current language var currentLangItems = isAr ? root.querySelectorAll('.ygo-ar') : root.querySelectorAll('.ygo-en'); currentLangItems.forEach(function(el) { el.classList.add('desktop-active'); }); } var speed = root.getAttribute('data-speed'); if (speed) root.style.setProperty('--speed', speed); var gap = root.getAttribute('data-gap'); if (gap) root.style.setProperty('--gap', gap + 'px'); } catch(e) { console.error('Ticker initialization error:', e); } } initTicker(); window.addEventListener('resize', initTicker); })();

Original

Citrus Mint

Peach Jasmine

Triple Apple

Mixed Flavors F2O – 12 Pack
Redefining Sparkling Water
We set out to create a beverage that’s light, clean, and full of life. With zero sugar, zero calories, and guilt free, F2O is perfect for anyone seeking a healthier lifestyle without sacrificing flavor or fun.
Proudly Made. Responsibly Bottled.
Zero Sugar, Zero Calories
Naturally Flavored
Vegan & Gluten-Free
Eco-Conscious Packaging
F2O Sparkling Water
Find F2O at your favorite stores and discover the perfect refreshment for every moment
Want to Stock F2O?
Join our growing network of retailers and bring the refreshing taste of F2O to your customers.














