.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); })();
Sparkling Water – Original (12-Pack)
270.00 EGP
Crisp, clean, and naturally fizzy. F2O Original is refreshment in its purest form — nothing added, nothing missed.
Pure and simple. F2O Original is lightly carbonated for a clean, crisp experience — no added flavors, just pure refreshment in every sip. Perfect for any occasion and every lifestyle.
