/* Direction 3: Kinetic Cyber-GaN / Neo-Tech Glow */
/* Anker Prime, Cyberpunk Tactical, Glowing telemetry aesthetic */

body.theme-cyber {
  background-color: #06080D;
  color: #E6EDF3;
  background-image: 
    radial-gradient(ellipse at 50% -20%, rgba(0, 242, 254, 0.25) 0%, transparent 60%),
    radial-gradient(ellipse at 80% 60%, rgba(255, 138, 0, 0.15) 0%, transparent 50%),
    linear-gradient(rgba(0, 242, 254, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 242, 254, 0.04) 1px, transparent 1px);
  background-size: 100% 100%, 100% 100%, 60px 60px, 60px 60px;
}

.theme-cyber .site-header {
  background: rgba(6, 8, 13, 0.85);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(0, 242, 254, 0.2);
  box-shadow: 0 4px 20px rgba(0, 242, 254, 0.05);
}

.theme-cyber .brand-logo svg {
  color: #00F2FE;
  filter: drop-shadow(0 0 10px rgba(0, 242, 254, 0.6));
}

.theme-cyber .nav-link {
  color: #8B949E;
  font-family: var(--font-mono);
  letter-spacing: 0.04em;
}

.theme-cyber .nav-link:hover,
.theme-cyber .nav-link.active {
  color: #00F2FE;
  text-shadow: 0 0 8px rgba(0, 242, 254, 0.6);
}

.theme-cyber .nav-link::after {
  background: linear-gradient(90deg, #00F2FE, #FF8A00);
  box-shadow: 0 0 8px #00F2FE;
}

.theme-cyber .action-btn.primary {
  background: linear-gradient(135deg, #00F2FE 0%, #4FACFE 100%);
  color: #06080D;
  font-weight: 700;
  box-shadow: 0 0 20px rgba(0, 242, 254, 0.4);
}

.theme-cyber .action-btn.primary:hover {
  box-shadow: 0 0 30px rgba(0, 242, 254, 0.7);
  transform: translateY(-2px);
}

.theme-cyber .action-btn.secondary {
  background: rgba(0, 242, 254, 0.08);
  color: #00F2FE;
  border: 1px solid rgba(0, 242, 254, 0.4);
}

.theme-cyber .action-btn.secondary:hover {
  background: rgba(0, 242, 254, 0.15);
  box-shadow: 0 0 15px rgba(0, 242, 254, 0.3);
}

.theme-cyber .action-btn.icon-only {
  background: rgba(255, 255, 255, 0.04);
  color: #00F2FE;
  border: 1px solid rgba(0, 242, 254, 0.2);
}

.theme-cyber .action-btn.icon-only:hover {
  border-color: #00F2FE;
  box-shadow: 0 0 10px rgba(0, 242, 254, 0.4);
}

/* Hero Slider */
.theme-cyber .hero-slider-section {
  background: radial-gradient(circle at 65% 50%, rgba(0, 242, 254, 0.15) 0%, rgba(6, 8, 13, 0.95) 70%);
}

.theme-cyber .slide-tag {
  background: rgba(0, 242, 254, 0.1);
  color: #00F2FE;
  border: 1px solid rgba(0, 242, 254, 0.4);
  font-family: var(--font-mono);
  box-shadow: 0 0 12px rgba(0, 242, 254, 0.2);
}

.theme-cyber .slide-title {
  color: #FFFFFF;
  text-shadow: 0 0 25px rgba(0, 242, 254, 0.3);
}

.theme-cyber .slide-subtitle {
  color: #8B949E;
}

.theme-cyber .spec-chip {
  background: rgba(13, 17, 26, 0.8);
  border: 1px solid rgba(0, 242, 254, 0.2);
  position: relative;
}

.theme-cyber .spec-chip::after {
  content: '';
  position: absolute;
  top: -1px;
  right: -1px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #00F2FE;
  border-right: 1px solid #00F2FE;
}

.theme-cyber .spec-chip-label {
  color: #8B949E;
  font-family: var(--font-mono);
}

.theme-cyber .spec-chip-val {
  color: #00F2FE;
}

.theme-cyber .hotspot-pill {
  background: rgba(6, 8, 13, 0.9);
  border: 1px solid #FF8A00;
  color: #FF8A00;
  font-family: var(--font-mono);
  box-shadow: 0 0 15px rgba(255, 138, 0, 0.3);
}

.theme-cyber .hotspot-pill::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #FF8A00;
  box-shadow: 0 0 8px #FF8A00;
}

.theme-cyber .slider-arrow-btn {
  background: rgba(13, 17, 26, 0.8);
  color: #00F2FE;
  border: 1px solid rgba(0, 242, 254, 0.3);
}

.theme-cyber .slider-arrow-btn:hover {
  background: #00F2FE;
  color: #06080D;
  box-shadow: 0 0 15px #00F2FE;
}

.theme-cyber .slider-dot .dot-bar {
  background: rgba(255, 255, 255, 0.15);
}

.theme-cyber .slider-dot .dot-fill {
  background: #00F2FE;
  box-shadow: 0 0 8px #00F2FE;
}

.theme-cyber .slider-dot .dot-label {
  color: #8B949E;
}

.theme-cyber .slider-dot.active .dot-label {
  color: #00F2FE;
  text-shadow: 0 0 8px rgba(0, 242, 254, 0.5);
}

.theme-cyber .slider-telemetry {
  color: #00F2FE;
  text-shadow: 0 0 10px rgba(0, 242, 254, 0.5);
}

/* Section Header */
.theme-cyber .section-tag {
  color: #00F2FE;
  font-family: var(--font-mono);
}

.theme-cyber .section-title {
  color: #FFFFFF;
}

.theme-cyber .section-desc {
  color: #8B949E;
}

/* Filter Tabs */
.theme-cyber .tab-btn {
  background: rgba(13, 17, 26, 0.8);
  color: #8B949E;
  border: 1px solid rgba(255, 255, 255, 0.1);
  font-family: var(--font-mono);
}

.theme-cyber .tab-btn:hover {
  color: #00F2FE;
  border-color: rgba(0, 242, 254, 0.4);
}

.theme-cyber .tab-btn.active {
  background: rgba(0, 242, 254, 0.15);
  color: #00F2FE;
  border-color: #00F2FE;
  box-shadow: 0 0 15px rgba(0, 242, 254, 0.3);
}

/* Product Cards */
.theme-cyber .product-card {
  background: rgba(13, 17, 26, 0.85);
  border: 1px solid rgba(0, 242, 254, 0.15);
  position: relative;
}

.theme-cyber .product-card:hover {
  border-color: #00F2FE;
  transform: translateY(-6px);
  box-shadow: 0 0 30px rgba(0, 242, 254, 0.25);
}

.theme-cyber .card-img-wrap {
  background: radial-gradient(circle at 50% 50%, rgba(0, 242, 254, 0.1) 0%, rgba(13, 17, 26, 0) 70%);
}

.theme-cyber .card-badge {
  background: rgba(255, 138, 0, 0.15);
  color: #FF8A00;
  border: 1px solid rgba(255, 138, 0, 0.4);
  font-family: var(--font-mono);
  box-shadow: 0 0 10px rgba(255, 138, 0, 0.2);
}

.theme-cyber .card-category {
  color: #00F2FE;
  font-family: var(--font-mono);
}

.theme-cyber .card-title {
  color: #FFFFFF;
}

.theme-cyber .card-subtitle {
  color: #8B949E;
}

.theme-cyber .card-specs-row {
  background: rgba(6, 8, 13, 0.6);
  border: 1px solid rgba(0, 242, 254, 0.1);
}

.theme-cyber .card-spec-item span:first-child {
  color: #8B949E;
}

.theme-cyber .card-spec-item span:last-child {
  color: #00F2FE;
}

.theme-cyber .price-rial {
  color: #00F2FE;
}

.theme-cyber .price-usd {
  color: #8B949E;
}

.theme-cyber .card-btn {
  background: rgba(0, 242, 254, 0.1);
  color: #00F2FE;
  border: 1px solid rgba(0, 242, 254, 0.3);
}

.theme-cyber .card-btn:hover {
  background: #00F2FE;
  color: #06080D;
  box-shadow: 0 0 15px #00F2FE;
}

/* Feature Spotlight */
.theme-cyber .feature-box {
  background: rgba(13, 17, 26, 0.7);
  border: 1px solid rgba(0, 242, 254, 0.15);
}

.theme-cyber .feature-box:hover {
  border-color: #00F2FE;
  box-shadow: 0 0 20px rgba(0, 242, 254, 0.15);
}

.theme-cyber .feature-icon-wrap {
  background: rgba(0, 242, 254, 0.1);
  color: #00F2FE;
  border: 1px solid rgba(0, 242, 254, 0.3);
  box-shadow: 0 0 10px rgba(0, 242, 254, 0.2);
}

.theme-cyber .feature-box h3 {
  color: #FFFFFF;
}

.theme-cyber .feature-box p {
  color: #8B949E;
}

/* Warranty Box */
.theme-cyber .warranty-box {
  background: linear-gradient(135deg, rgba(13, 17, 26, 0.95) 0%, rgba(6, 8, 13, 0.95) 100%);
  border: 1px solid #00F2FE;
  box-shadow: 0 0 30px rgba(0, 242, 254, 0.2);
}

/* Quickview Modal */
.theme-cyber .quickview-card {
  background: #0D111A;
  border: 1px solid #00F2FE;
  color: #E6EDF3;
  box-shadow: 0 0 40px rgba(0, 242, 254, 0.3);
}

.theme-cyber .quickview-media {
  background: radial-gradient(circle at 50% 50%, rgba(0, 242, 254, 0.15) 0%, rgba(6, 8, 13, 0.5) 70%);
}

.theme-cyber .modal-close-btn {
  background: rgba(0, 242, 254, 0.1);
  color: #00F2FE;
  border: 1px solid rgba(0, 242, 254, 0.3);
}

.theme-cyber .modal-close-btn:hover {
  background: #00F2FE;
  color: #06080D;
}

/* Footer */
.theme-cyber .site-footer {
  background: #030407;
  border-color: rgba(0, 242, 254, 0.2);
}

.theme-cyber .footer-col h4 {
  color: #00F2FE;
}

.theme-cyber .footer-col a {
  color: #8B949E;
}

.theme-cyber .footer-col a:hover {
  color: #00F2FE;
}

.theme-cyber .footer-bottom {
  border-color: rgba(0, 242, 254, 0.1);
  color: #8B949E;
}
/* Innovation Lab Theme Styles */
.theme-cyber .innovation-section {
  border-top-color: rgba(0, 242, 254, 0.15);
}
.theme-cyber .sim-box {
  background: rgba(10, 25, 47, 0.6);
  border: 1px solid rgba(0, 242, 254, 0.25);
}
.theme-cyber .sim-icon-wrap {
  background: rgba(0, 242, 254, 0.15);
  color: #00F2FE;
  border: 1px solid rgba(0, 242, 254, 0.4);
}
.theme-cyber .sim-image-stage {
  background: radial-gradient(circle at 50% 50%, rgba(0, 242, 254, 0.15), transparent 70%), rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 242, 254, 0.2);
}
.theme-cyber .sim-telemetry-grid {
  background: rgba(0, 0, 0, 0.6);
  border: 1px solid rgba(0, 242, 254, 0.25);
}
.theme-cyber .sim-preset-btn {
  background: rgba(0, 242, 254, 0.1);
  color: #00F2FE;
  border-color: rgba(0, 242, 254, 0.3);
}
.theme-cyber .sim-preset-btn.active,
.theme-cyber .sim-preset-btn:hover {
  background: #00F2FE;
  color: #050B14;
}


/* Feature Box & Engineering */
.theme-cyber .feature-matrix-section {
  border-top-color: rgba(0, 242, 254, 0.15);
}
.theme-cyber .feature-box {
  background: rgba(10, 25, 47, 0.6);
  border: 1px solid rgba(0, 242, 254, 0.25);
  box-shadow: 0 4px 20px rgba(0, 242, 254, 0.05);
}
.theme-cyber .feature-box:hover {
  border-color: #00F2FE;
  box-shadow: 0 0 20px rgba(0, 242, 254, 0.25);
  transform: translateY(-3px);
}
.theme-cyber .feature-icon-wrap {
  background: rgba(0, 242, 254, 0.15);
  color: #00F2FE;
  border: 1px solid rgba(0, 242, 254, 0.4);
}

/* Factory HQ Cards */
.theme-cyber .factory-hq-section {
  border-top-color: rgba(0, 242, 254, 0.15);
}
.theme-cyber .factory-hq-card {
  background: rgba(10, 25, 47, 0.6);
  border: 1px solid rgba(0, 242, 254, 0.25);
}
.theme-cyber .hq-badge {
  background: rgba(0, 242, 254, 0.15);
  color: #00F2FE;
  border: 1px solid rgba(0, 242, 254, 0.4);
}
.theme-cyber .hq-badge .live-dot {
  background: #00F2FE;
  box-shadow: 0 0 8px #00F2FE;
}
.theme-cyber .hq-address-box {
  background: rgba(0, 242, 254, 0.05);
  border: 1px solid rgba(0, 242, 254, 0.2);
}
.theme-cyber .hq-address-icon {
  background: rgba(0, 242, 254, 0.15);
  color: #00F2FE;
}
.theme-cyber .hq-cap-item {
  background: rgba(0, 242, 254, 0.04);
  border: 1px solid rgba(0, 242, 254, 0.15);
}
.theme-cyber .hq-cap-val {
  color: #00F2FE;
}
.theme-cyber .hq-im-btn.whatsapp {
  background: rgba(37, 211, 102, 0.15);
  color: #25D366;
  border: 1px solid rgba(37, 211, 102, 0.4);
}
.theme-cyber .hq-im-btn.whatsapp:hover {
  background: #25D366;
  color: #000000;
  box-shadow: 0 0 15px rgba(37, 211, 102, 0.4);
}
.theme-cyber .hq-im-btn.wechat {
  background: rgba(7, 193, 96, 0.15);
  color: #07C160;
  border: 1px solid rgba(7, 193, 96, 0.4);
}
.theme-cyber .hq-im-btn.wechat:hover {
  background: #07C160;
  color: #000000;
  box-shadow: 0 0 15px rgba(7, 193, 96, 0.4);
}

/* Footer Mid Bar & Badges */
.theme-cyber .site-footer {
  border-top-color: rgba(0, 242, 254, 0.15);
}
.theme-cyber .footer-mid-bar {
  border-top-color: rgba(0, 242, 254, 0.15);
  border-bottom-color: rgba(0, 242, 254, 0.15);
}
.theme-cyber .footer-btn {
  background: rgba(10, 25, 47, 0.8);
  color: #E6EDF3;
  border-color: rgba(0, 242, 254, 0.25);
}
.theme-cyber .footer-btn:hover {
  border-color: #00F2FE;
  box-shadow: 0 0 12px rgba(0, 242, 254, 0.3);
}
.theme-cyber .footer-btn.whatsapp-btn {
  color: #25D366;
  border-color: rgba(37, 211, 102, 0.4);
}
.theme-cyber .footer-btn.whatsapp-btn:hover {
  background: #25D366;
  color: #000000;
}
.theme-cyber .footer-btn.wechat-btn {
  color: #07C160;
  border-color: rgba(7, 193, 96, 0.4);
}
.theme-cyber .footer-btn.wechat-btn:hover {
  background: #07C160;
  color: #000000;
}
.theme-cyber .footer-btn.instagram-btn {
  color: #FF2E93;
  border-color: rgba(255, 46, 147, 0.4);
}
.theme-cyber .footer-btn.instagram-btn:hover {
  background: #FF2E93;
  color: #000000;
}
.theme-cyber .footer-btn.youtube-btn {
  color: #FF3344;
  border-color: rgba(255, 51, 68, 0.4);
}
.theme-cyber .footer-btn.youtube-btn:hover {
  background: #FF3344;
  color: #000000;
}
.theme-cyber .license-badge {
  background: rgba(10, 25, 47, 0.8);
  border-color: rgba(0, 242, 254, 0.25);
  color: #00F2FE;
}
.theme-cyber .license-badge:hover {
  border-color: #00F2FE;
  box-shadow: 0 0 10px rgba(0, 242, 254, 0.4);
}