{
“@context”:”https://schema.org/”,
“@type”:”Product”,
“name”:”Gamdias Aura GC1 Elite Fixed RGB Tempered Glass White Mid Tower Case Combo with 650W 80 Plus Bronze Power Supply”,
“brand”:{“@type”:”Brand”,”name”:”GAMDIAS”},
“sku”:”GC1-ELITE-WH”,
“mpn”:”GC1-ELITE-WH”,
“gtin13″:”848475010212”,
“description”:”GAMDIAS AURA GC1 ELITE WH mid tower PC case bundle in Snowy White with a mesh front panel, panoramic tool-free tempered glass side panel, four pre-installed 120mm fixed RGB fans (3 front + 1 rear), PSU shroud, magnetic dust filter, and support for ATX, Micro-ATX and Mini-ITX motherboards, 340mm GPUs, 160mm CPU coolers and 160mm power supplies. Bundled with a 650W 80 Plus Bronze power supply.”,
“offers”:{
“@type”:”Offer”,
“url”:”https://alfrensia.com/”,
“priceCurrency”:”EGP”,
“price”:”3150.00″,
“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; }

/* Feature visualization — flat neutral technical panel */
#alf-root-container .alf-viz {
position: relative;
width: 100%;
max-width: 1000px;
margin: 0 auto;
aspect-ratio: 16/6;
border-radius: 20px;
overflow: hidden;
background:
linear-gradient(135deg, #1a1d23 0%, #101318 55%, #050608 100%);
border: 1px solid rgba(160,164,170,0.18);
}
#alf-root-container .alf-viz::before {
content: “”;
position: absolute; inset: 0;
background:
repeating-linear-gradient(0deg, rgba(200,204,210,0.04) 0 1px, transparent 1px 26px),
repeating-linear-gradient(90deg, rgba(200,204,210,0.04) 0 1px, transparent 1px 26px);
pointer-events: none;
}
#alf-root-container .alf-viz::after {
content: “”;
position: absolute;
right: -10%; top: -20%;
width: 55%; height: 140%;
background:
linear-gradient(180deg,
rgba(200,204,210,0.10) 0%,
rgba(200,204,210,0.03) 55%,
rgba(0,0,0,0) 100%);
transform: skewX(-14deg);
pointer-events: none;
}
#alf-root-container .alf-viz .alf-viz-label {
position: absolute;
left: 32px; top: 28px;
color: #c8ccd2;
font-size: 0.72rem;
font-weight: 800;
letter-spacing: 3px;
text-transform: uppercase;
z-index: 2;
}
#alf-root-container .alf-viz .alf-viz-title {
position: absolute;
left: 32px; top: 56px;
color: #f1f5f9;
font-size: clamp(1rem,1.6vw,1.15rem);
font-weight: 800;
letter-spacing: -0.4px;
z-index: 2;
}
#alf-root-container .alf-viz .alf-viz-chips {
position: absolute;
left: 32px; bottom: 26px;
display: flex; flex-wrap: wrap; gap: 8px;
z-index: 2;
}
#alf-root-container .alf-viz .alf-viz-chips span {
background: rgba(255,255,255,0.06);
border: 1px solid rgba(255,255,255,0.14);
color: #e5e7eb;
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; }
#alf-root-container .alf-viz { aspect-ratio: 4/3; }
#alf-root-container .alf-viz .alf-viz-chips span { font-size: 0.68rem; padding: 5px 11px; }
}
@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); });
})();