/* Scoped CSS - BEYOND IMAGINATION EDITION (IMPERIAL VELVET) */
.crystal-orgone * { box-sizing: border-box; }.crystal-orgone {
--bg-deep: #120406; /* Pitch dark crimson shadow */
--bg-velvet: #3d0a14; /* Rich velvet red */
--bg-glass: rgba(26, 8, 11, 0.7); /* Frosted dark ruby glass */
--gold-pure: #d4af37; /* Buddha / Flake Gold */
--gold-glow: #f5d67a; /* Bright luminous gold */
--copper-accent: #c46d47; /* Orgone copper coil color */
--text-bright: #fcf8f2; /* Warm crisp white */
--text-dim: #d1b8bc; /* Muted rose/grey */
--radius: 16px;

font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
background: radial-gradient(circle at 50% 0%, var(--bg-velvet) 0%, var(--bg-deep) 80%);
color: var(--text-bright);
max-width: 1100px;
margin: 20px auto;
line-height: 1.6;
border-radius: 18px;
overflow: hidden;
box-shadow: 0 25px 60px rgba(0,0,0,0.95), 0 0 0 1px rgba(212, 175, 55, 0.15);
position: relative;
}

/* Glassmorphism utility */
.glass-panel {
background: var(--bg-glass);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
border: 1px solid rgba(245, 214, 122, 0.1);
box-shadow: 0 15px 35px rgba(0,0,0,0.6);
border-radius: var(--radius);
}

/* Animations */
@keyframes pulseOrgone {
0% { box-shadow: 0 0 0 0 rgba(196, 109, 71, 0.4); }
70% { box-shadow: 0 0 0 15px rgba(196, 109, 71, 0); }
100% { box-shadow: 0 0 0 0 rgba(196, 109, 71, 0); }
}
@keyframes shimmerTextOrgone {
0% { background-position: -200% center; }
100% { background-position: 200% center; }
}

/* HERO SECTION */
.co-hero {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
padding: 45px;
align-items: center;
position: relative;
z-index: 2;
}
.co-hero img {
width: 100%;
border-radius: var(--radius);
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8), 0 0 30px rgba(212, 175, 55, 0.15);
border: 1px solid rgba(212, 175, 55, 0.2);
position: relative;
z-index: 3;
}
.co-badge {
display: inline-block;
background: linear-gradient(90deg, rgba(196, 109, 71, 0.2), rgba(212, 175, 55, 0.2));
color: var(--gold-glow);
padding: 8px 18px;
border-radius: 30px;
font-size: 13px;
font-weight: 800;
margin-bottom: 18px;
border: 1px solid rgba(212, 175, 55, 0.3);
letter-spacing: 1px;
text-transform: uppercase;
}
.co-title {
font-size: 38px;
font-weight: 900;
margin: 0 0 15px 0;
line-height: 1.15;
background: linear-gradient(to right, #ffffff 20%, var(--gold-glow) 50%, #ffffff 80%);
background-size: 200% auto;
color: #fff;
background-clip: text;
text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: shimmerTextOrgone 6s linear infinite;
}
.co-lead { color: var(--text-dim); font-size: 16px; margin-bottom: 25px; }
.co-price-row { display: flex; align-items: center; gap: 15px; margin-bottom: 25px; }
.co-price { font-size: 28px; font-weight: 900; color: var(--gold-pure); }
.co-sku { font-size: 13px; color: var(--text-dim); text-transform: uppercase; letter-spacing: 1px;}
.co-btn {
background: linear-gradient(135deg, var(--copper-accent), #8a4325);
color: #ffffff;
padding: 16px 32px;
border-radius: 10px;
text-decoration: none;
font-weight: 800;
font-size: 16px;
display: inline-block;
transition: all 0.3s ease;
animation: pulseOrgone 2.5s infinite;
border: 1px solid var(--gold-glow);
}
.co-btn.ghost {
background: transparent;
color: var(--gold-glow);
border: 2px solid var(--gold-pure);
animation: none;
box-shadow: none;
}
.co-cta-group { display: flex; gap: 15px; flex-wrap: wrap; }

/* SECTIONS */
.co-section { padding: 50px 45px; border-top: 1px solid rgba(255,255,255,0.05); position: relative; z-index: 2;}
.co-section-title { color: var(--gold-glow); font-size: 28px; font-weight: 900; margin: 0 0 30px 0; text-align: center; letter-spacing: -0.5px;}

/* GRID CARDS */
.co-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.co-grid-4 { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; }
.co-card { padding: 25px; }
.co-card h3 { color: var(--gold-glow); margin: 0 0 12px 0; font-size: 19px; font-weight: 800; }
.co-card p { color: var(--text-dim); margin: 0; font-size: 15px; line-height: 1.7;}

/* ENERGY BARS */
.co-energy-wrap { margin-top: 20px; }
.co-energy-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; font-size: 14px; font-weight: 700; color: var(--text-bright); text-transform: uppercase; letter-spacing: 0.5px;}
.co-energy-bg { background: rgba(0,0,0,0.6); height: 10px; border-radius: 12px; overflow: hidden; margin-bottom: 20px; border: 1px solid rgba(255,255,255,0.05);}
.co-energy-fill {
/* 7 Chakra inspired gradient for the energy bar */
background: linear-gradient(90deg, #9b1e1e, var(--copper-accent), var(--gold-pure), #388a53, #38598a, #56388a);
height: 100%;
border-radius: 12px;
box-shadow: 0 0 12px rgba(212, 175, 55, 0.4);
}

/* CHAKRA & COMPARISON */
.co-chakra-icon { font-size: 32px; margin-bottom: 15px; display: block; filter: drop-shadow(0 0 8px rgba(212, 175, 55, 0.4));}
.co-table { width: 100%; border-collapse: collapse; overflow: hidden; }
.co-table th { background: rgba(0,0,0,0.5); padding: 18px; color: var(--gold-glow); text-align: left; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; font-size: 13px;}
.co-table td { padding: 18px; border-bottom: 1px solid rgba(255,255,255,0.05); color: var(--text-dim); }

/* COMPACT SUMMARY */
.co-summary { display: flex; align-items: center; gap: 25px; padding: 25px; border: 1px solid rgba(212, 175, 55, 0.2); }
.co-summary img { width: 110px; height: 110px; object-fit: cover; border-radius: 10px; border: 2px solid rgba(212, 175, 55, 0.3); }

/* MOBILE RESPONSIVE */
@media (max-width: 850px) {
.co-hero { grid-template-columns: 1fr; padding: 30px; text-align: center; }
.co-cta-group { justify-content: center; }
.co-grid-2 { grid-template-columns: 1fr; }
.co-section { padding: 40px 25px; }
.co-summary { flex-direction: column; text-align: center; }
}