{
“@context”:”https://schema.org/”,
“@type”:”Product”,
“name”:”Redragon M913 Impact Elite 16000 DPI PAW3335 16 Button 12 Side RGB Tri-Mode Wireless 1000mAh Black MMO Gaming Mouse”,
“brand”:{“@type”:”Brand”,”name”:”Redragon”},
“sku”:”M913″,
“mpn”:”M913″,
“description”:”Redragon M913 Impact Elite MMO gaming mouse with PixArt 3335 optical sensor, 16,000 DPI, 16 programmable buttons including 12 side buttons, 1ms / 1000Hz polling, 2.4GHz wireless and wired USB connectivity, RGB lighting, and 45-hour battery life (RGB off).”,
“offers”:{
“@type”:”Offer”,
“url”:”https://alfrensia.com/”,
“priceCurrency”:”EGP”,
“availability”:”https://schema.org/InStock”,
“itemCondition”:”https://schema.org/NewCondition”,
“warranty”:{“@type”:”WarrantyPromise”,”durationOfWarranty”:”P1Y”}
}
}

#alf-root-container * { box-sizing: border-box; }

#alf-root-container .alf-rev {
opacity: 0;
transform: translateY(26px);
transition: opacity 0.7s cubic-bezier(0.2,0.8,0.2,1),
transform 0.7s cubic-bezier(0.2,0.8,0.2,1);
}
#alf-root-container .alf-rev.is-visible { opacity: 1; transform: translateY(0); }
#alf-root-container .alf-rev-d1 { transition-delay: 0.08s; }
#alf-root-container .alf-rev-d2 { transition-delay: 0.16s; }

#alf-root-container .alf-scenario {
position: relative;
width: 100%;
display: flex;
align-items: center;
overflow: hidden;
}
#alf-root-container .alf-glass-content {
position: relative; z-index: 2;
margin: 0 8%;
padding: 50px 52px;
border-radius: 20px;
max-width: 620px;
}
#alf-root-container .alf-glass-content.dark {
backdrop-filter: blur(16px) saturate(160%);
-webkit-backdrop-filter: blur(16px) saturate(160%);
background: rgba(10,14,25,0.82);
color: #ffffff;
border-left: 8px solid #193498;
box-shadow: 0 24px 60px rgba(0,0,0,0.25);
}
#alf-root-container .alf-glass-content.light {
backdrop-filter: blur(16px) saturate(160%);
-webkit-backdrop-filter: blur(16px) saturate(160%);
background: rgba(255,255,255,0.92);
color: #0f172a;
border-right: 8px solid #193498;
box-shadow: 0 24px 60px rgba(15,23,42,0.14);
}
#alf-root-container .alf-glass-content h2 { margin: 0 0 14px; color: inherit; font-weight: 800; letter-spacing: -1px; font-size: clamp(1.6rem,3.4vw,2.2rem); }
#alf-root-container .alf-glass-content p { margin: 0; font-size: 1.04rem; line-height: 1.7; opacity: 0.95; }

#alf-root-container h1, #alf-root-container h2, #alf-root-container h3 { margin: 0; }
#alf-root-container p { margin: 0; }

#alf-root-container .alf-eyebrow {
display: inline-block;
font-size: 0.76rem;
font-weight: 700;
letter-spacing: 3px;
text-transform: uppercase;
color: #193498;
}
#alf-root-container .alf-eyebrow.on-dark { color: #8fc0ff; }

#alf-root-container .alf-surface {
position: relative;
overflow: hidden;
border-radius: 20px;
}

/* Feature visualization — abstract sensor + side-button grid, no fake product photo */
#alf-root-container .alf-viz {
position: relative;
width: 100%;
aspect-ratio: 16/7;
border-radius: 20px;
overflow: hidden;
background:
radial-gradient(120% 90% at 30% 25%, #1f2937 0%, #0a0f1a 65%, #050810 100%);
}
#alf-root-container .alf-viz .alf-viz-ring {
position: absolute;
left: 50%; top: 50%;
transform: translate(-50%, -50%);
width: 46%;
aspect-ratio: 1/1;
border-radius: 50%;
border: 2px solid rgba(143,192,255,0.35);
box-shadow:
0 0 0 22px rgba(143,192,255,0.06),
0 0 0 60px rgba(143,192,255,0.03),
inset 0 0 80px rgba(25,52,152,0.4);
}
#alf-root-container .alf-viz .alf-viz-core {
position: absolute;
left: 50%; top: 50%;
transform: translate(-50%, -50%);
width: 16%;
aspect-ratio: 1/1;
border-radius: 50%;
background: radial-gradient(circle at 40% 35%, #8fc0ff 0%, #193498 55%, #0a0f1a 100%);
box-shadow: 0 0 60px rgba(25,52,152,0.7);
}
#alf-root-container .alf-viz .alf-viz-sidegrid {
position: absolute;
left: 8%;
top: 50%;
transform: translateY(-50%);
display: grid;
grid-template-columns: repeat(2, 10px);
grid-template-rows: repeat(6, 10px);
gap: 10px;
}
#alf-root-container .alf-viz .alf-viz-sidegrid span {
width: 10px; height: 10px;
border-radius: 3px;
background: rgba(143,192,255,0.55);
box-shadow: 0 0 12px rgba(143,192,255,0.35);
}
#alf-root-container .alf-viz .alf-viz-label {
position: absolute;
left: 24px; top: 22px;
color: #8fc0ff;
font-size: 0.72rem;
font-weight: 800;
letter-spacing: 3px;
text-transform: uppercase;
}
#alf-root-container .alf-viz .alf-viz-chips {
position: absolute;
right: 24px; bottom: 22px;
display: flex; flex-wrap: wrap; gap: 8px;
}
#alf-root-container .alf-viz .alf-viz-chips span {
background: rgba(255,255,255,0.08);
border: 1px solid rgba(255,255,255,0.18);
color: #fff;
font-size: 0.72rem;
font-weight: 700;
padding: 6px 14px;
border-radius: 50px;
}

@media (max-width: 900px) {
#alf-root-container .alf-scenario { min-height: 0 !important; padding: 60px 0; }
#alf-root-container .alf-glass-content { margin: 0 5%; padding: 32px 26px; border-radius: 16px; }
#alf-root-container .alf-grid-3 { grid-template-columns: 1fr 1fr !important; }
#alf-root-container .alf-stack { grid-template-columns: 1fr !important; }
}
@media (max-width: 600px) {
#alf-root-container .alf-glass-content { margin: 0 4%; padding: 26px 20px; }
#alf-root-container .alf-title-main { font-size: 1.7rem !important; line-height: 1.2 !important; }
#alf-root-container .alf-stat-strip { flex-direction: column !important; gap: 10px !important; }
#alf-root-container .alf-grid-3 { grid-template-columns: 1fr !important; }
#alf-root-container .alf-table th, #alf-root-container .alf-table td { padding: 12px 14px !important; font-size: 0.82rem !important; }
}
@media (prefers-reduced-motion: reduce) {
#alf-root-container .alf-rev {
opacity: 1 !important; transform: none !important; transition: none !important;
}
}

(function(){
if (typeof window === ‘undefined’) return;
var root = document.getElementById(‘alf-root-container’);
if (!root) return;
var els = root.querySelectorAll(‘.alf-rev’);
if (!(‘IntersectionObserver’ in window)) {
els.forEach(function(el){ el.classList.add(‘is-visible’); });
return;
}
var io = new IntersectionObserver(function(entries){
entries.forEach(function(e){
if (e.isIntersecting) { e.target.classList.add(‘is-visible’); io.unobserve(e.target); }
});
}, { threshold: 0.12, rootMargin: ‘0px 0px -40px 0px’ });
els.forEach(function(el){ io.observe(el); });
})();