Browse Our Range

Shop By Category

Explore our range of premium electronics and electrical products, all available on easy installment plans.

Mobile Phones Latest smartphones on easy monthly installments. Explore products Electric Scooters Eco-friendly scooters for everyday commuting. Explore products Refrigerators Energy-efficient refrigerators for every home. Explore products Air Conditioners Premium split ACs built for the summer heat. Explore products Room Coolers Powerful room coolers for fast, affordable relief. Explore products Fans Durable fans engineered for everyday reliability. Explore products Pedestal Fans High-airflow pedestal fans for larger rooms. Explore products Solar Systems Complete solar systems for uninterrupted power. Explore products Lithium Batteries Long-life lithium batteries for backup power. Explore products Solar Inverters Efficient inverters to power your solar setup. Explore products Deep Freezers Spacious deep freezers for bulk, worry-free storage. Explore products

/* ---------- Scoped design tokens ---------- */ .fajr-category-section{ --fcs-navy-deep:#071A33; --fcs-navy-dark:#041225; --fcs-gold:#D9A72A; --fcs-gold-bright:#F4C84A; --fcs-gold-soft:#E8C66A; --fcs-white:#FFFFFF; --fcs-bg:#F7F8FA; --fcs-ink:#0C2440; --fcs-muted:#5B6B80; --fcs-radius:14px; --fcs-card-w:300px; all:initial; display:block; box-sizing:border-box; background:var(--fcs-bg); padding:88px 0 96px; font-family:'Georgia','Iowan Old Style',serif; -webkit-font-smoothing:antialiased; position:relative; overflow-x:hidden; } .fajr-category-section, .fajr-category-section *{ box-sizing:border-box; } .fajr-category-section :where(a,button,span,div,img,svg,path,section,h2,p){ font-family:inherit; text-decoration:none !important; outline:none; } .fajr-category-section a{ color:inherit; text-decoration:none !important; border:0 !important; background:transparent; } .fajr-category-section a:visited, .fajr-category-section a:hover, .fajr-category-section a:active, .fajr-category-section a:focus{ text-decoration:none !important; color:inherit; } .fcs-container{ max-width:1280px; margin:0 auto; padding:0 32px; position:relative; } /* ---------- Heading row ---------- */ .fcs-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:44px; } .fcs-eyebrow{ display:inline-block; font-family:Arial,Helvetica,sans-serif; font-size:12.5px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--fcs-gold); margin-bottom:10px; } .fcs-title{ font-size:clamp(30px,3.2vw,42px); line-height:1.15; font-weight:700; color:var(--fcs-navy-deep); margin:0 0 12px; letter-spacing:.2px; } .fcs-sub{ font-family:Arial,Helvetica,sans-serif; font-size:15.5px; line-height:1.6; color:var(--fcs-muted); max-width:520px; margin:0; } .fcs-nav{ display:flex; gap:10px; flex-shrink:0; padding-bottom:6px; } .fcs-arrow{ all:unset; box-sizing:border-box; width:48px; height:48px; border-radius:50%; background:var(--fcs-white); border:1px solid rgba(7,26,51,.12); box-shadow:0 4px 14px rgba(7,26,51,.08); display:flex; align-items:center; justify-content:center; cursor:pointer; color:var(--fcs-navy-deep); transition:background .25s ease,color .25s ease,transform .2s ease,box-shadow .25s ease; } .fcs-arrow svg{ width:19px; height:19px; } .fcs-arrow:hover{ background:var(--fcs-navy-deep); color:var(--fcs-gold-bright); box-shadow:0 8px 20px rgba(7,26,51,.22); transform:translateY(-2px); } .fcs-arrow:active{ transform:translateY(0); } .fcs-arrow[disabled]{ opacity:.35; cursor:default; pointer-events:none; } /* ---------- Track / viewport ---------- */ .fcs-viewport{ overflow:hidden; margin:0 -8px; } .fcs-track{ display:flex; gap:24px; overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth; padding:8px 8px 18px; -ms-overflow-style:none; scrollbar-width:none; cursor:grab; } .fcs-track.fcs-dragging{ cursor:grabbing; scroll-snap-type:none; } .fcs-track::-webkit-scrollbar{ display:none; height:0; } /* ---------- Card ---------- */ .fcs-card{ flex:0 0 var(--fcs-card-w); scroll-snap-align:start; display:flex; flex-direction:column; background:var(--fcs-white); border-radius:var(--fcs-radius); overflow:hidden; border:1px solid rgba(7,26,51,.08); box-shadow:0 10px 26px rgba(7,26,51,.07); transition:transform .38s cubic-bezier(.22,.9,.32,1), box-shadow .38s cubic-bezier(.22,.9,.32,1), border-color .38s ease; } .fcs-card:hover{ transform:translateY(-6px); box-shadow:0 22px 40px rgba(7,26,51,.18); border-color:rgba(217,167,42,.45); } .fcs-media{ position:relative; display:block; width:100%; aspect-ratio:4/5; overflow:hidden; background:var(--fcs-navy-dark); } .fcs-media img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .7s cubic-bezier(.22,.9,.32,1); filter:saturate(1.02) contrast(1.02); } .fcs-card:hover .fcs-media img{ transform:scale(1.07); } .fcs-media-fade{ position:absolute; inset:0; background:linear-gradient(180deg,rgba(7,26,51,0) 38%,rgba(4,18,37,.72) 78%,rgba(4,18,37,.92) 100%); pointer-events:none; z-index:1; } .fcs-name{ position:absolute; left:20px; right:20px; bottom:16px; z-index:2; font-size:19px; font-weight:700; color:var(--fcs-white); letter-spacing:.2px; } .fcs-foot{ display:flex; align-items:center; justify-content:space-between; padding:16px 18px 18px; border-top:1px solid rgba(7,26,51,.06); } .fcs-foot-label{ font-family:Arial,Helvetica,sans-serif; font-size:14px; color:var(--fcs-muted); letter-spacing:.01em; } .fcs-foot-btn{ width:34px; height:34px; border-radius:50%; background:var(--fcs-bg); display:flex; align-items:center; justify-content:center; color:var(--fcs-navy-deep); transition:background .3s ease,color .3s ease,transform .3s ease; } .fcs-foot-btn svg{ width:16px; height:16px; } .fcs-card:hover .fcs-foot-btn{ background:var(--fcs-gold); color:var(--fcs-navy-deep); transform:translateX(3px); } /* ---------- Dots (mobile progress indicator) ---------- */ .fcs-dots{ display:none; justify-content:center; gap:7px; margin-top:6px; } .fcs-dots span{ width:6px; height:6px; border-radius:50%; background:rgba(7,26,51,.18); transition:background .3s ease, width .3s ease; } .fcs-dots span.is-active{ background:var(--fcs-gold); width:18px; border-radius:4px; } /* ---------- Responsive ---------- */ @media (max-width:1024px){ .fajr-category-section{ padding:72px 0 80px; } .fcs-container{ padding:0 24px; } .fcs-card{ --fcs-card-w:270px; } } @media (max-width:768px){ .fajr-category-section{ padding:60px 0 68px; } .fcs-head{ flex-direction:column; align-items:flex-start; gap:20px; } .fcs-nav{ align-self:flex-end; } .fcs-card{ --fcs-card-w:240px; } .fcs-track{ gap:18px; } } @media (max-width:480px){ .fcs-container{ padding:0 18px; } .fajr-category-section{ padding:52px 0 56px; } .fcs-title{ font-size:28px; } .fcs-sub{ font-size:14.5px; } .fcs-card{ --fcs-card-w:78vw; } .fcs-track{ gap:14px; scroll-snap-type:x proximity; } .fcs-dots{ display:flex; } .fcs-nav{ display:none; } } (function(){ var section = document.querySelectorAll('.fajr-category-section'); section.forEach(function(sec){ var track = sec.querySelector('.fcs-track'); var prev = sec.querySelector('.fcs-prev'); var next = sec.querySelector('.fcs-next'); var dotsEl = sec.querySelector('.fcs-dots'); var cards = Array.prototype.slice.call(sec.querySelectorAll('.fcs-card')); if(!track) return; /* Whole-card click navigation (in case any inner element intercepts) */ cards.forEach(function(card){ var url = card.getAttribute('data-href') || card.getAttribute('href'); card.addEventListener('click', function(e){ if(e.target.closest('a') !== card) return; }); card.setAttribute('href', url); }); /* Build dots */ if(dotsEl){ cards.forEach(function(_, i){ var d = document.createElement('span'); if(i === 0) d.classList.add('is-active'); dotsEl.appendChild(d); }); } function cardStep(){ var card = track.querySelector('.fcs-card'); if(!card) return 300; var style = window.getComputedStyle(track); var gap = parseFloat(style.columnGap || style.gap || '24') || 24; return card.getBoundingClientRect().width + gap; } function updateArrows(){ if(!prev || !next) return; var max = track.scrollWidth - track.clientWidth - 2; prev.disabled = track.scrollLeft = max; } function updateDots(){ if(!dotsEl) return; var step = cardStep(); var idx = Math.round(track.scrollLeft / step); var dots = dotsEl.children; for(var i=0;i<dots.length;i++){ dots[i].classList.toggle('is-active', i === idx); } } if(prev){ prev.addEventListener('click', function(){ track.scrollBy({ left: -cardStep(), behavior:'smooth' }); }); } if(next){ next.addEventListener('click', function(){ track.scrollBy({ left: cardStep(), behavior:'smooth' }); }); } track.addEventListener('scroll', function(){ updateArrows(); updateDots(); }, { passive:true }); /* Drag-to-scroll for desktop mouse users */ var isDown = false, startX, scrollStart; track.addEventListener('mousedown', function(e){ isDown = true; track.classList.add('fcs-dragging'); startX = e.pageX; scrollStart = track.scrollLeft; }); window.addEventListener('mouseup', function(){ isDown = false; track.classList.remove('fcs-dragging'); }); window.addEventListener('mousemove', function(e){ if(!isDown) return; e.preventDefault(); track.scrollLeft = scrollStart - (e.pageX - startX); }); updateArrows(); updateDots(); window.addEventListener('resize', function(){ updateArrows(); updateDots(); }); }); })();