.elementor-164 .elementor-element.elementor-element-3288bf6{--spacer-size:165px;}/* Start custom CSS for html, class: .elementor-element-8dbf6e4 *//* 🌟 $100K 3D Spatial Canvas Architecture 🌟 */
.elementor-164 .elementor-element.elementor-element-8dbf6e4 .luxury-3d-hero-section {
  position: relative;
  width: 100%;
  min-height: 95vh;
  background: #ffffff !important; /* शुद्ध एप्पल वाइट */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 120px 24px 80px 24px;
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  overflow: hidden;
  /* 3D गहराई का मुख्य आधार */
  perspective: 1200px; 
}

/* 3D ग्रिड नेटवर्क ओवरले */
.elementor-164 .elementor-element.elementor-element-8dbf6e4 .hero-3d-spatial-grid {
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background-image: linear-gradient(#f1f5f9 1.5px, transparent 1px), linear-gradient(90deg, #f1f5f9 1.5px, transparent 1px);
  background-size: 60px 60px;
  opacity: 0.8;
  z-index: 1;
  transform: rotateX(10deg); /* ग्रिड को हल्का झुकाव देना */
}

/* सॉफ्ट लक्ज़री ब्रांडेड लाइट्स */
.elementor-164 .elementor-element.elementor-element-8dbf6e4 .hero-3d-blur-blue {
  position: absolute; top: -15%; left: -5%; width: 45vw; height: 45vw;
  background: radial-gradient(circle, rgba(12,76,180,0.12) 0%, rgba(255,255,255,0) 70%);
  z-index: 2; filter: blur(60px); opacity: 0.6; transition: all 0.8s ease;
}
.elementor-164 .elementor-element.elementor-element-8dbf6e4 .hero-3d-blur-orange {
  position: absolute; bottom: -15%; right: -5%; width: 45vw; height: 45vw;
  background: radial-gradient(circle, rgba(230,92,0,0.08) 0%, rgba(255,255,255,0) 70%);
  z-index: 2; filter: blur(60px); opacity: 0.5; transition: all 0.8s ease;
}

.elementor-164 .elementor-element.elementor-element-8dbf6e4 .hero-3d-main-wrapper {
  position: relative; z-index: 5; max-width: 1140px; width: 100%;
  margin: 0 auto; display: flex; gap: 60px; align-items: center;
}

.hero-3d-content-left { flex: 1.2; text-align: left; }

.hero-3d-verified-tag {
  display: inline-flex; align-items: center; gap: 8px; background: #ffffff;
  border: 1px solid #e2e8f0; padding: 6px 16px; border-radius: 50px;
  font-size: 11px; font-weight: bold; color: #475569; letter-spacing: 1.2px; margin-bottom: 30px;
}
.live-flash-beacon { color: #e65c00; animation: beaconFlash 2s infinite; }
@keyframes beaconFlash { 50% { opacity: 0.3; } }

.hero-3d-giant-title {
  color: #0f172a !important; font-size: clamp(36px, 5.5vw, 64px);
  font-weight: 900; line-height: 1.05; letter-spacing: -2px; margin: 0 0 25px 0; text-transform: uppercase;
}
.hero-3d-dynamic-text { position: relative; display: inline-block; color: #e65c00 !important; transition: color 0.4s ease, text-shadow 0.4s; }

.hero-3d-description-text { color: #475569; font-size: 16px; line-height: 1.6; max-width: 550px; margin: 0 0 40px 0; transition: opacity 0.25s; }

/* कैटेगरी नोड्स */
.hero-3d-interactive-nodes { display: flex; flex-direction: column; gap: 12px; margin-bottom: 40px; max-width: 420px; }
.node-3d-pill {
  background: #ffffff; border: 1px solid #e2e8f0; padding: 14px 20px; border-radius: 16px; font-size: 12px; font-weight: bold; color: #475569; cursor: pointer; transition: all 0.3s ease; display: flex; gap: 10px; align-items: center;
}
.node-3d-pill span { font-family: monospace; opacity: 0.4; }
.node-3d-pill.active-3d-node {
  border-color: #0c4cb4 !important; color: #0c4cb4 !important; transform: translateX(8px); box-shadow: 0 10px 25px rgba(12, 76, 180, 0.05);
}

/* बटन रो */
.hero-3d-cta-row { display: flex; gap: 15px; }
.btn-3d-orange-solid { background: #e65c00 !important; color: #ffffff !important; text-decoration: none; font-weight: bold; font-size: 12px; font-family: monospace; padding: 20px 36px; border-radius: 50px; box-shadow: 0 10px 25px rgba(230, 92, 0, 0.25); transition: all 0.3s; }
.btn-3d-orange-solid:hover { transform: translateY(-2px); box-shadow: 0 15px 35px rgba(230, 92, 0, 0.4); }
.btn-3d-blue-outline { background: #ffffff !important; color: #0c4cb4 !important; border: 1px solid #0c4cb4 !important; text-decoration: none; font-weight: bold; font-size: 12px; font-family: monospace; padding: 20px 36px; border-radius: 50px; transition: all 0.3s; }
.btn-3d-blue-outline:hover { background: #f0f6ff !important; transform: translateY(-2px); }

/* 🌟 राइट साइड: 3D स्पेशल प्रोडक्ट कार्ड इंटरफ़ेस (The Ultimate Depth) 🌟 */
.hero-3d-visual-right {
  flex: 0.9; width: 100%; max-width: 450px;
  /* 3D तत्वों को सुरक्षित रखने का नियम */
  transform-style: preserve-3d; 
}

.luxury-3d-spatial-card {
  background: #ffffff !important; border: 1px solid #e2e8f0; border-radius: 28px; padding: 30px; box-sizing: border-box; position: relative; box-shadow: 0 30px 70px rgba(0,0,0,0.04);
  /* 3D को एक्टिवेट रखने का नियम */
  transform-style: preserve-3d;
  transform: rotateX(0deg) rotateY(0deg);
  transition: transform 0.1s ease-out, box-shadow 0.3s;
}

/* कार्ड हवर होने पर बड़ा शैडो */
.luxury-3d-spatial-card:hover {
  box-shadow: 0 45px 90px rgba(12, 76, 180, 0.08);
}

.score-pill-3d { position: absolute; top: 20px; left: 20px; background: #0c4cb4 !important; color: #ffffff !important; font-family: monospace; font-size: 11px; font-weight: bold; padding: 6px 14px; border-radius: 8px; transform: translateZ(40px); /* हवा में ऊपर उठा हुआ */ }

.spatial-image-canvas {
  background: #f8fafc; border-radius: 20px; border: 1px solid #f1f5f9; height: 230px; display: flex; align-items: center; justify-content: center; padding: 20px; margin-bottom: 25px; transform: translateZ(30px); /* हवा में उठा हुआ कैनवास */
}
.spatial-actual-img { max-width: 100%; max-height: 100%; object-fit: contain; filter: drop-shadow(0 15px 25px rgba(0,0,0,0.03)); }

.spatial-meta-row { font-size: 10px; font-weight: bold; font-family: monospace; letter-spacing: 0.5px; margin-bottom: 8px; transform: translateZ(25px); }
.txt-blue-3d { color: #0c4cb4 !important; } .txt-orange-3d { color: #e65c00 !important; }

.spatial-card-title { color: #1e293b !important; font-size: 18px; font-weight: bold; margin: 0 0 15px 0; line-height: 1.3; transform: translateZ(35px); }

.spatial-specs-box { display: flex; flex-direction: column; gap: 8px; margin-bottom: 25px; background: #f8fafc; padding: 15px; border-radius: 12px; border: 1px solid #f1f5f9; transform: translateZ(20px); }
.spec-3d-line { font-size: 12px; color: #475569; }
.spec-3d-line span { font-weight: bold; color: #1e293b; display: inline-block; width: 65px; }

.spatial-footer-row { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #f1f5f9; padding-top: 18px; transform: translateZ(30px); }
.spatial-price-lbl { font-size: 22px; font-weight: 900; color: #1e293b; font-family: monospace; }
.btn-spatial-amazon-secure { background: #e65c00 !important; color: white !important; text-decoration: none; font-size: 11px; font-weight: bold; font-family: monospace; padding: 14px 24px; border-radius: 30px; box-shadow: 0 4px 10px rgba(230, 92, 0, 0.15); }

/* 📱 मोबाइल रिस्पॉन्सिव */
@media (max-width: 900px) {
  .elementor-164 .elementor-element.elementor-element-8dbf6e4 .hero-3d-main-wrapper { flex-direction: column; gap: 40px; text-align: center; }
  .hero-3d-content-left { display: flex; flex-direction: column; align-items: center; }
  .hero-3d-interactive-nodes { width: 100%; }
  .node-3d-pill.active-3d-node { transform: scale(1.02); }
  .hero-3d-visual-right { max-width: 100%; transform: none !important; }
  .luxury-3d-spatial-card { transform: none !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ebc4849 *//* मुख्य सफ़ेद लक्ज़री बैकग्राउंड थीम */
.elementor-164 .elementor-element.elementor-element-ebc4849 .bbm-grail-hero-section {
  position: relative;
  width: 100%;
  min-height: 88vh;
  background: #ffffff !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 80px 24px;
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  overflow: hidden;
}

/* माइक्रो-ग्रिड ओवरले */
.elementor-164 .elementor-element.elementor-element-ebc4849 .grail-bg-grid {
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background-image: linear-gradient(#f8fafc 1.5px, transparent 1px), linear-gradient(90deg, #f8fafc 1.5px, transparent 1px);
  background-size: 50px 50px;
  opacity: 0.8;
  z-index: 1;
}

/* लोगो से मैच करती एम्बिएंट ऑरा लाइट्स */
.elementor-164 .elementor-element.elementor-element-ebc4849 .grail-aura-blue {
  position: absolute; top: -10%; left: -5%; width: 45vw; height: 45vw;
  background: radial-gradient(circle, rgba(12,76,180,0.05) 0%, rgba(255,255,255,0) 70%);
  z-index: 2; filter: blur(50px);
}
.elementor-164 .elementor-element.elementor-element-ebc4849 .grail-aura-orange {
  position: absolute; bottom: -10%; right: -5%; width: 45vw; height: 45vw;
  background: radial-gradient(circle, rgba(230,92,0,0.03) 0%, rgba(255,255,255,0) 70%);
  z-index: 2; filter: blur(50px);
}

.elementor-164 .elementor-element.elementor-element-ebc4849 .grail-main-container {
  position: relative; z-index: 5; max-width: 1140px; width: 100%;
  margin: 0 auto; display: flex; gap: 60px; align-items: center;
}

.elementor-164 .elementor-element.elementor-element-ebc4849 .grail-content-left { flex: 1.2; text-align: left; }
.elementor-164 .elementor-element.elementor-element-ebc4849 .grail-verified-badge {
  display: inline-flex; align-items: center; gap: 8px; background: #ffffff;
  border: 1px solid #e2e8f0; padding: 6px 14px; border-radius: 30px;
  font-size: 11px; font-weight: bold; color: #475569; letter-spacing: 1px; margin-bottom: 25px;
}
.elementor-164 .elementor-element.elementor-element-ebc4849 .live-flash-dot { color: #e65c00; animation: flashBeacon 2s infinite; }
@keyframes flashBeacon { 50% { opacity: 0.3; } }

.elementor-164 .elementor-element.elementor-element-ebc4849 .grail-giant-title {
  color: #0f172a !important; font-size: clamp(36px, 5.5vw, 62px);
  font-weight: 900; line-height: 1.05; letter-spacing: -2px; margin: 0 0 20px 0; text-transform: uppercase;
}
.elementor-164 .elementor-element.elementor-element-ebc4849 .gradient-text-brand { color: #0c4cb4 !important; }

.elementor-164 .elementor-element.elementor-element-ebc4849 .grail-description-text { color: #475569; font-size: 16px; line-height: 1.6; max-width: 550px; margin: 0 0 35px 0; }

.elementor-164 .elementor-element.elementor-element-ebc4849 .grail-trust-matrix { display: flex; align-items: center; gap: 20px; margin-bottom: 40px; background: #f8fafc; padding: 15px 25px; border-radius: 16px; border: 1px solid #e2e8f0; width: max-content; }
.elementor-164 .elementor-element.elementor-element-ebc4849 .matrix-node { display: flex; flex-direction: column; }
.elementor-164 .elementor-element.elementor-element-ebc4849 .matrix-num { font-size: 20px; font-weight: 900; color: #0f172a; font-family: monospace; }
.elementor-164 .elementor-element.elementor-element-ebc4849 .matrix-lbl { font-size: 10px; color: #64748b; font-weight: bold; }
.elementor-164 .elementor-element.elementor-element-ebc4849 .matrix-divider { width: 1px; height: 25px; background: #cbd5e1; }

.elementor-164 .elementor-element.elementor-element-ebc4849 .grail-action-row { display: flex; gap: 15px; }
.elementor-164 .elementor-element.elementor-element-ebc4849 .btn-grail-primary {
  background: #e65c00 !important; color: #ffffff !important; border: none; font-weight: bold; font-size: 12px; font-family: monospace; padding: 18px 32px; border-radius: 40px; cursor: pointer; box-shadow: 0 8px 20px rgba(230, 92, 0, 0.2); transition: all 0.3s ease;
}
.elementor-164 .elementor-element.elementor-element-ebc4849 .btn-grail-primary:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(230, 92, 0, 0.35); }
.elementor-164 .elementor-element.elementor-element-ebc4849 .arrow-vector { transition: transform 0.2s; display: inline-block; }
.elementor-164 .elementor-element.elementor-element-ebc4849 .btn-grail-primary:hover .arrow-vector { transform: translateX(4px); }

.elementor-164 .elementor-element.elementor-element-ebc4849 .btn-grail-secondary {
  background: #ffffff !important; color: #0c4cb4 !important; border: 1px solid #0c4cb4 !important; font-weight: bold; font-size: 12px; font-family: monospace; padding: 18px 28px; border-radius: 40px; cursor: pointer; transition: all 0.3s ease;
}

.elementor-164 .elementor-element.elementor-element-ebc4849 .grail-visual-right { flex: 0.9; width: 100%; max-width: 440px; }
.elementor-164 .elementor-element.elementor-element-ebc4849 .futuristic-product-card {
  background: #ffffff !important; border: 1px solid #e2e8f0; border-radius: 24px; padding: 25px; box-sizing: border-box; position: relative; box-shadow: 0 25px 50px rgba(12, 76, 180, 0.05); transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

/* स्मूथ फेड-इन-आउट इफेक्ट क्लास */
.elementor-164 .elementor-element.elementor-element-ebc4849 .card-fade-animation {
  opacity: 0.1 !important;
  transform: scale(0.98) !important;
}

.elementor-164 .elementor-element.elementor-element-ebc4849 .score-pill-floating { position: absolute; top: 15px; left: 15px; background: #0c4cb4 !important; color: #ffffff !important; font-family: monospace; font-size: 11px; font-weight: bold; padding: 5px 12px; border-radius: 8px; z-index: 6; }

.elementor-164 .elementor-element.elementor-element-ebc4849 .product-image-canvas {
  background: #f8fafc; border-radius: 16px; border: 1px solid #f1f5f9; height: 210px; display: flex; align-items: center; justify-content: center; padding: 15px; margin-bottom: 20px; position: relative; overflow: hidden; transition: all 0.3s;
}
.elementor-164 .elementor-element.elementor-element-ebc4849 .product-image-canvas.blueprint-active {
  background: #0f172a; border-color: #38bdf8;
}
.elementor-164 .elementor-element.elementor-element-ebc4849 .actual-product-img { max-width: 100%; max-height: 100%; object-fit: contain; transition: filter 0.3s; border-radius: 10px; }
.elementor-164 .elementor-element.elementor-element-ebc4849 .product-image-canvas.blueprint-active .actual-product-img {
  filter: invert(1) sepia(1) saturate(5) hue-rotate(175deg);
}

.elementor-164 .elementor-element.elementor-element-ebc4849 .product-meta-specs-row { font-size: 10px; font-weight: bold; font-family: monospace; letter-spacing: 0.5px; margin-bottom: 6px; text-align: left; }
.elementor-164 .elementor-element.elementor-element-ebc4849 .txt-blue-brand { color: #0c4cb4 !important; } .elementor-164 .elementor-element.elementor-element-ebc4849 .txt-orange-brand { color: #e65c00 !important; }
.elementor-164 .elementor-element.elementor-element-ebc4849 .product-card-title { color: #1e293b !important; font-size: 16px; font-weight: bold; margin: 0 0 15px 0; line-height: 1.3; text-align: left; height: 42px; overflow: hidden; }

.elementor-164 .elementor-element.elementor-element-ebc4849 .blueprint-specs-box { display: flex; flex-direction: column; gap: 6px; margin-bottom: 20px; background: #f8fafc; padding: 12px; border-radius: 10px; border: 1px solid #f1f5f9; min-height: 80px; }
.elementor-164 .elementor-element.elementor-element-ebc4849 .spec-line { font-size: 12px; color: #475569; text-align: left; }
.elementor-164 .elementor-element.elementor-element-ebc4849 .spec-line span { font-weight: bold; color: #1e293b; display: inline-block; width: 65px; }

.elementor-164 .elementor-element.elementor-element-ebc4849 .product-card-footer-row { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #f1f5f9; padding-top: 15px; }
.elementor-164 .elementor-element.elementor-element-ebc4849 .product-price-label { font-size: 20px; font-weight: 900; color: #1e293b; font-family: monospace; }
.elementor-164 .elementor-element.elementor-element-ebc4849 .btn-product-amazon-buy { background: #e65c00 !important; color: white !important; text-decoration: none; font-size: 11px; font-weight: bold; font-family: monospace; padding: 12px 20px; border-radius: 30px; }

@media (max-width: 900px) { .elementor-164 .elementor-element.elementor-element-ebc4849 .grail-main-container { flex-direction: column; text-align: center; gap: 40px; } .elementor-164 .elementor-element.elementor-element-ebc4849 .grail-content-left { display: flex; flex-direction: column; align-items: center; } .elementor-164 .elementor-element.elementor-element-ebc4849 .grail-trust-matrix { margin: 0 auto 30px auto; } .elementor-164 .elementor-element.elementor-element-ebc4849 .grail-action-row { width: 100%; justify-content: center; } .elementor-164 .elementor-element.elementor-element-ebc4849 .grail-visual-right { max-width: 100%; } }
@media (max-width: 480px) { .elementor-164 .elementor-element.elementor-element-ebc4849 .grail-action-row { flex-direction: column; gap: 10px; } .elementor-164 .elementor-element.elementor-element-ebc4849 .btn-grail-primary, .elementor-164 .elementor-element.elementor-element-ebc4849 .btn-grail-secondary { width: 100%; } }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5f57525 *//* मुख्य लेआउट कंटेनर */
.custom-orbit-wrapper {
  position: relative;
  width: 100%;
  max-width: 580px; 
  aspect-ratio: 1 / 1; 
  margin: 40px auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  box-sizing: border-box;
}

.main-product-card {
  width: 52%; 
  max-width: 320px;
  background: #ffffff;
  border-radius: 20px;
  padding: 4%;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
  border: 1px solid #eaeaea;
  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  box-sizing: border-box;
  z-index: 10;
  transition: opacity 0.2s ease-in-out;
}

.badge-row { display: flex; justify-content: space-between; font-size: clamp(9px, 1.5vw, 11px); font-weight: bold; color: #666; margin-bottom: 8%; }
.image-box { position: relative; background: #f7f7f7; border-radius: 12px; padding: 5%; }
.image-box img { width: 100%; height: auto; border-radius: 8px; display: block; object-fit: contain; }
.price-badge { position: absolute; bottom: 8%; left: 8%; background: rgba(255, 255, 255, 0.9); padding: 2% 5%; border-radius: 20px; font-weight: bold; font-size: clamp(10px, 1.8vw, 13px); color: #111; box-shadow: 0 2px 8px rgba(0,0,0,0.05); }
.product-details h3 { margin: 8% 0 3% 0; font-size: clamp(13px, 2.2vw, 18px); color: #111; line-height: 1.2; }
.product-details p { margin: 0; font-size: clamp(10px, 1.7vw, 13px); color: #777; line-height: 1.3; }
.footer-tags { display: flex; gap: 8px; margin-top: 8%; font-size: clamp(9px, 1.5vw, 11px); color: #888; border-top: 1px solid #f0f0f0; padding-top: 6%; }
.action-buttons { display: flex; gap: 8px; margin-top: 8%; }
.action-buttons button { flex: 1; padding: 8px 4px; border: none; border-radius: 8px; font-size: clamp(9px, 1.5vw, 12px); font-weight: bold; cursor: pointer; white-space: nowrap; }
.btn-compare { background: #f0f0f0; color: #333; }
.btn-view { background: #d4ff00; color: #000; transition: transform 0.2s; }
.btn-view:hover { transform: scale(1.04); }

.floating-orbit-items { position: absolute; width: 100%; height: 100%; list-style: none; margin: 0; padding: 0; top: 0; left: 0; animation: main-orbit 35s linear infinite; }
.custom-orbit-wrapper:hover .floating-orbit-items, .custom-orbit-wrapper:hover .floating-orbit-items img { animation-play-state: paused; }
.floating-orbit-items li { position: absolute; width: 12%; min-width: 45px; max-width: 65px; aspect-ratio: 1 / 1; border-radius: 50%; overflow: hidden; background: #fff; border: 1px solid #e0e0e0; box-shadow: 0 5px 15px rgba(0,0,0,0.06); transition: transform 0.2s ease; z-index: 12; }
.floating-orbit-items li:hover { transform: scale(1.15); border-color: #d4ff00; }
.floating-orbit-items img { width: 100%; height: 100%; object-fit: cover; animation: counter-orbit 35s linear infinite; }

.orb-1 { top: calc(50% - 44% * 1); left: 50%; transform: translate(-50%, -50%); }
.orb-2 { top: calc(50% - 44% * 0.623); left: calc(50% + 44% * 0.781); transform: translate(-50%, -50%); }
.orb-3 { top: calc(50% + 44% * 0.222); left: calc(50% + 44% * 0.974); transform: translate(-50%, -50%); }
.orb-4 { top: calc(50% + 44% * 0.900); left: calc(50% + 44% * 0.433); transform: translate(-50%, -50%); }
.orb-5 { top: calc(50% + 44% * 0.900); left: calc(50% - 44% * 0.433); transform: translate(-50%, -50%); }
.orb-6 { top: calc(50% + 44% * 0.222); left: calc(50% - 44% * 0.974); transform: translate(-50%, -50%); }
.orb-7 { top: calc(50% - 44% * 0.623); left: calc(50% - 44% * 0.781); transform: translate(-50%, -50%); }

@keyframes main-orbit { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes counter-orbit { from { transform: rotate(0deg); } to { transform: rotate(-360deg); } }

/* 🌟 राइट साइड ड्रावर (Side Drawer Layout) 🌟 */
.side-drawer {
  position: fixed;
  top: 0;
  right: -100%; 
  width: 100%;
  max-width: 480px; 
  height: 100vh;
  background: #ffffff !important; 
  z-index: 999999 !important; 
  display: flex;
  flex-direction: column;
  box-shadow: -10px 0 40px rgba(0,0,0,0.06);
  transition: right 0.4s cubic-bezier(0.25, 1, 0.5, 1); 
  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  color: #111111 !important;
  box-sizing: border-box;
  border-left: 1px solid #eaeaea;
  -webkit-text-size-adjust: 100%; /* ज़ूम होने पर टेक्स्ट साइज खराब होने से रोकेगा */
}
.side-drawer.open { right: 0; }

.drawer-header { 
  display: flex; 
  justify-content: space-between; 
  align-items: center; 
  padding: 15px 20px; 
  border-bottom: 1px solid #f0f0f0 !important; 
  font-size: 12px; 
  color: #555555 !important; 
  font-weight: bold;
  min-height: 70px;
  box-sizing: border-box;
}
.dot-icon { color: #d4ff00; margin-right: 5px; }
.drawer-nav-right { 
  display: flex; 
  gap: 10px;
  align-items: center;
}

.icon-btn { 
  background: #ffffff !important; 
  border: 1px solid #eaeaea !important; 
  color: #111111 !important; 
  width: 38px; 
  height: 38px; 
  border-radius: 50%; 
  cursor: pointer; 
  display: flex; 
  align-items: center; 
  justify-content: center;
  font-size: 14px;
  box-sizing: border-box;
}

/* ✕ क्लोज बटन - टच करने में सबसे आसान */
.close-btn { 
  background: #d4ff00 !important; 
  color: #000000 !important; 
  border: none !important; 
  font-weight: bold;
  font-size: 16px;
  box-shadow: 0 2px 6px rgba(212,255,0,0.2);
}

.drawer-content { flex: 1; overflow-y: auto; padding: 20px; }
.preview-box { position: relative; background: #f9f9f9 !important; border-radius: 20px; padding: 15px; text-align: center; border: 1px solid #eaeaea; }
.score-badge { position: absolute; top: 15px; left: 15px; background: #ffffff !important; border: 1px solid #eaeaea !important; color: #111 !important; padding: 5px 12px; border-radius: 20px; font-size: 11px; font-weight: bold; }
.main-preview-img { width: 100%; height: auto; border-radius: 16px; margin: 20px 0; object-fit: contain; max-height: 350px; }

.drawer-footer { padding: 20px; border-top: 1px solid #f0f0f0 !important; display: flex; gap: 15px; background: #ffffff !important; }
.footer-btn-compare { flex: 1; background: #f5f5f5 !important; border: 1px solid #eaeaea !important; color: #111111 !important; padding: 15px; border-radius: 30px; cursor: pointer; font-weight: bold; }
.footer-btn-amazon { flex: 2; background: #d4ff00 !important; color: black !important; text-decoration: none; text-align: center; padding: 15px; border-radius: 30px; font-weight: bold; display: flex; align-items: center; justify-content: center; }

.drawer-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,0.3); 
  z-index: 999998 !important;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.drawer-overlay.active { opacity: 1; pointer-events: auto; }

/* 📱 मोबाइल रिस्पॉन्सिव सुधार */
@media (max-width: 480px) {
  .side-drawer { max-width: 100%; } 
  .custom-orbit-wrapper { max-width: 95vw; margin: 20px auto; }
  .main-product-card { width: 50%; border-radius: 14px; }
  .product-details p, .footer-tags, .btn-compare { display: none; }
  .action-buttons { margin-top: 5%; }
  .btn-view { width: 100%; padding: 8px; }
  
  /* मोबाइल पर फालतू आइकन बटन्स को छुपाना ताकि सिर्फ X साफ दिखे */
  .drawer-header .icon-btn:not(.close-btn) {
    display: none !important;
  }
  
  .drawer-header {
    padding: 10px 15px;
    min-height: 60px;
  }
  
  /* X (Close) बटन मोबाइल पर थोड़ा बड़ा और एकदम कोने में सेट */
  .close-btn {
    width: 44px;
    height: 44px;
    font-size: 18px;
  }

  .orb-1 { top: calc(50% - 42% * 1); left: 50%; }
  .orb-2 { top: calc(50% - 42% * 0.623); left: calc(50% + 42% * 0.781); }
  .orb-3 { top: calc(50% + 42% * 0.222); left: calc(50% + 42% * 0.974); }
  .orb-4 { top: calc(50% + 42% * 0.900); left: calc(50% + 42% * 0.433); }
  .orb-5 { top: calc(50% + 42% * 0.900); left: calc(50% - 42% * 0.433); }
  .orb-6 { top: calc(50% + 42% * 0.222); left: calc(50% - 42% * 0.974); }
  .orb-7 { top: calc(50% - 42% * 0.623); left: calc(50% - 42% * 0.781); }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-44e3cb4 */.compare-matrix-section {
  background: transparent;
  padding: 40px 15px;
  box-sizing: border-box;
  width: 100%;
}
.compare-top-header { text-align: center; margin-bottom: 40px; }
.rigor-badge { display: inline-block; border: 1px solid #333333; padding: 5px 12px; border-radius: 20px; font-size: 10px; font-family: monospace; color: #888888; letter-spacing: 1.5px; margin-bottom: 15px; }
.matrix-main-title { font-size: clamp(26px, 4vw, 44px); font-weight: 900; line-height: 1.1; letter-spacing: -1px; margin: 0 0 15px 0; color: #ffffff !important; text-transform: uppercase; }
.matrix-sub-title { font-size: 12px; color: #666666; max-width: 600px; margin: 0 auto; line-height: 1.4; }
.matrix-table-container { max-width: 1140px; margin: 0 auto; overflow-x: auto; border-radius: 24px; background: #09090b; border: 1px solid #1c1c1f; }
.compare-pax-table { width: 100%; border-collapse: collapse; text-align: left; min-width: 900px; table-layout: fixed; }
.compare-pax-table th, .compare-pax-table td { padding: 20px; border-bottom: 1px solid #141417; vertical-align: top; box-sizing: border-box; }
.compare-pax-table th:first-child, .compare-pax-table td:first-child { width: 22%; }
.compare-pax-table th:not(:first-child), .compare-pax-table td:not(:first-child) { width: 26%; }
.compare-pax-table th.sticky-metric-col, .compare-pax-table td.sticky-metric-col { background: #09090b; border-right: 1px solid #141417; }
.metric-label-title { font-size: 11px; font-weight: bold; color: #444446; letter-spacing: 1px; }
.metric-label-sub { font-size: 14px; font-weight: bold; color: #ffffff; margin-top: 4px; }
.row-metric-name { font-size: 13px; font-weight: bold; color: #888888; padding-top: 25px !important; }
.prod-card-top { position: relative; background: #111111; border: 1px solid #1f1f1f; border-radius: 16px; padding: 15px; text-align: left; }
.remove-prod-x { position: absolute; top: 12px; right: 12px; color: #555; font-size: 12px; cursor: pointer; z-index: 5; }
.remove-prod-x:hover { color: #ff3b30; }
.prod-img-wrap { background: #1c1c1e; border-radius: 12px; padding: 10px; text-align: center; margin-bottom: 12px; height: 110px; display: flex; align-items: center; justify-content: center; }
.prod-img-wrap img { max-width: 100%; max-height: 100%; object-fit: contain; }
.prod-meta-cat { font-size: 9px; font-weight: bold; font-family: monospace; letter-spacing: 1px; margin-bottom: 4px; }
.color-Tech { color: #3a86ff; }
.color-Fitness { color: #ff007f; }
.color-Home { color: #ffbe0b; }
.color-Kitchen { color: #bc6c25; }
.color-Travel { color: #06d6a0; }
.color-Beauty { color: #a2d2ff; }
.prod-meta-title { font-size: 13px; font-weight: 700; margin: 0 0 4px 0; color: #ffffff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.prod-meta-price { font-size: 12px; font-family: monospace; color: #888888; margin-bottom: 12px; }
.prod-card-actions { display: flex; gap: 6px; }
.btn-matrix-swap { flex: 1; background: #222222; border: 1px solid #333333; color: #ffffff; font-family: monospace; font-size: 10px; font-weight: bold; border-radius: 8px; cursor: pointer; padding: 8px 0; }
.btn-matrix-amazon { flex: 1; background: #d4ff00; color: #000000; text-decoration: none; text-align: center; font-family: monospace; font-size: 10px; font-weight: bold; border-radius: 8px; padding: 8px 0; }
.prod-card-blank-add { background: rgba(255,255,255,0.01); border: 1px dashed #27272a; border-radius: 16px; height: 232px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.prod-card-blank-add:hover { background: rgba(212,255,0,0.02); border-color: #d4ff00; }
.blank-add-inner { text-align: center; color: #444446; }
.prod-card-blank-add:hover .blank-add-inner { color: #d4ff00; }
.plus-icon { font-size: 28px; display: block; margin-bottom: 4px; }
.add-txt { font-size: 12px; font-weight: bold; }
.compare-pax-table tbody td { font-size: 13px; color: #cccccc !important; line-height: 1.5; background: #09090b; }
.score-green { color: #d4ff00 !important; font-family: monospace; font-weight: bold; font-size: 14px; }
.txt-strength { color: #ffffff !important; }
.txt-tradeoff { color: #71717a !important; }
.empty-cell-dash { color: #333336 !important; font-size: 16px; }
.specs-cell-box { font-size: 12px; color: #888888; line-height: 1.8; }
.specs-cell-box div { margin-bottom: 4px; }
.specs-cell-box span { color: #444446; font-weight: bold; display: inline-block; width: 85px; }

/* 🏢 पॉप-अप लिस्ट की डार्क ग्रे प्रीमियम थीम 🏢 */
.matrix-select-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.95);
  width: 90%;
  max-width: 650px;
  background: #16161a !important; /* प्रीमियम चारकोल ग्रे */
  border: 1px solid #27272a;
  border-radius: 24px;
  z-index: 999999999 !important;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  padding: 25px;
  box-shadow: 0 30px 60px rgba(0,0,0,0.6);
  box-sizing: border-box;
}
.matrix-select-modal.active { opacity: 1; pointer-events: auto; transform: translate(-50%, -50%) scale(1); }
.modal-header-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #222; }
.modal-header-row h3 { color: #ffffff !important; margin: 0; font-size: 16px; }
.modal-close-x { background: transparent; border: none; color: #666; font-size: 18px; cursor: pointer; }
.matrix-products-grid { display: flex; flex-direction: column; gap: 10px; max-height: 440px; overflow-y: auto; }
.modal-grid-item { display: flex; align-items: center; background: #1c1c21; border: 1px solid #2d2d34; padding: 12px 18px; border-radius: 14px; cursor: pointer; gap: 15px; }
.modal-grid-item:hover { border-color: #d4ff00; background: #22222a; }
.modal-grid-item img { width: 48px; height: 48px; object-fit: contain; background: #2d2d34; border-radius: 10px; padding: 4px; }
.item-info-mid { flex: 1; text-align: left; }
.item-info-mid h4 { color: #ffffff !important; margin: 0 0 4px 0; font-size: 14px; }
.item-meta-sub { font-size: 11px; color: #a1a1aa; }
.item-select-btn { color: #a1a1aa; font-size: 12px; font-weight: bold; background: transparent; border: none; cursor: pointer; font-family: monospace; }
.modal-grid-item:hover .item-select-btn { color: #d4ff00; }
.modal-grid-item.already-selected { opacity: 0.2; cursor: not-allowed; }
.matrix-modal-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.5); backdrop-filter: blur(4px); z-index: 999999998 !important; opacity: 0; pointer-events: none; transition: opacity 0.3s; }
.matrix-modal-overlay.active { opacity: 1; pointer-events: auto; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d34bb7d */```css
/* 🌟 लोगो के हिसाब से साफ़ सफ़ेद बैकग्राउंड थीम 🌟 */
.elementor-164 .elementor-element.elementor-element-d34bb7d .product-wall-section {
  background: #ffffff !important;
  padding: 60px 20px;
  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
}
.elementor-164 .elementor-element.elementor-element-d34bb7d .product-wall-header { text-align: center; margin-bottom: 40px; }

/* ब्रांड ब्लू कलर हेडर्स */
.elementor-164 .elementor-element.elementor-element-d34bb7d .wall-main-title { 
  color: #0c4cb4 !important; /* लोगो का रॉयल ब्लू */
  font-size: clamp(30px, 5vw, 52px); 
  font-weight: 900; 
  line-height: 1.05; 
  letter-spacing: -1.5px; 
  margin: 0 0 20px 0; 
  text-transform: uppercase; 
}
.elementor-164 .elementor-element.elementor-element-d34bb7d .wall-sub-title { color: #666666; font-size: 11px; font-family: monospace; letter-spacing: 1.5px; max-width: 600px; margin: 0 auto; line-height: 1.5; }

.elementor-164 .elementor-element.elementor-element-d34bb7d .wall-marquee-container { overflow: hidden; width: 100%; padding: 10px 0; position: relative; }
.elementor-164 .elementor-element.elementor-element-d34bb7d .wall-marquee-container:hover .row-one-track,
.elementor-164 .elementor-element.elementor-element-d34bb7d .wall-marquee-container:hover .row-two-track,
.elementor-164 .elementor-element.elementor-element-d34bb7d .wall-marquee-container:hover .row-three-track {
  animation-play-state: paused !important;
}

/* 🟢 ROW 1: राइट से लेफ्ट एनीमेशन ट्रैक */
.elementor-164 .elementor-element.elementor-element-d34bb7d .row-one-track {
  display: flex; width: max-content; gap: 20px;
  animation: marquee-one-r-to-l 25s linear infinite !important;
}
@keyframes marquee-one-r-to-l {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* 🔵 ROW 2: लेफ्ट से राइट एनीमेशन ट्रैक (उल्टी दिशा) */
.elementor-164 .elementor-element.elementor-element-d34bb7d .row-two-track {
  display: flex; width: max-content; gap: 20px;
  animation: marquee-two-l-to-r 25s linear infinite !important;
}
@keyframes marquee-two-l-to-r {
  0% { transform: translateX(-50%); }
  100% { transform: translateX(0); }
}

/* 🟣 ROW 3: दोबारा राइट से लेफ्ट एनीमेशन ट्रैक */
.elementor-164 .elementor-element.elementor-element-d34bb7d .row-three-track {
  display: flex; width: max-content; gap: 20px;
  animation: marquee-three-r-to-l 25s linear infinite !important;
}
@keyframes marquee-three-r-to-l {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* कार्ड्स का लुक - लाइट ग्रैडिएंट थीम */
.elementor-164 .elementor-element.elementor-element-d34bb7d .wall-card-item { 
  background: #ffffff !important; 
  border: 1px solid #e2e8f0 !important; 
  border-radius: 20px; 
  padding: 16px; 
  width: 250px; 
  box-sizing: border-box; 
  cursor: pointer; 
  transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s; 
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}
.elementor-164 .elementor-element.elementor-element-d34bb7d .wall-card-item:hover { 
  border-color: #0c4cb4 !important; /* हवर होने पर ब्रांड ब्लू बॉर्डर */
  transform: translateY(-4px); 
  box-shadow: 0 10px 15px -3px rgba(12, 76, 180, 0.1);
}

.elementor-164 .elementor-element.elementor-element-d34bb7d .wall-card-badge-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }

/* स्कोर बैज कलर्स - ब्रांड ऑरेंज और ब्लू */
.elementor-164 .elementor-element.elementor-element-d34bb7d .wall-score-badge { font-size: 10px; font-weight: bold; font-family: monospace; padding: 4px 8px; border-radius: 6px; color: #ffffff !important; }
.elementor-164 .elementor-element.elementor-element-d34bb7d .bg-orange { background: #e65c00 !important; } 
.elementor-164 .elementor-element.elementor-element-d34bb7d .bg-blue { background: #0c4cb4 !important; } 

.elementor-164 .elementor-element.elementor-element-d34bb7d .wall-heart-btn { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; color: #94a3b8 !important; width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; }
.elementor-164 .elementor-element.elementor-element-d34bb7d .wall-card-item:hover .wall-heart-btn { color: #ef4444 !important; background: #fef2f2 !important; }

/* इनर इमेज बॉक्स */
.elementor-164 .elementor-element.elementor-element-d34bb7d .wall-img-box { background: #f8fafc !important; border-radius: 12px; padding: 15px; height: 140px; display: flex; align-items: center; justify-content: center; margin-bottom: 15px; border: 1px solid #e2e8f0 !important; }
.elementor-164 .elementor-element.elementor-element-d34bb7d .wall-img-box img { max-width: 100%; max-height: 100%; object-fit: contain; pointer-events: none; }

.elementor-164 .elementor-element.elementor-element-d34bb7d .wall-card-info { display: flex; flex-direction: column; text-align: left; }
.elementor-164 .elementor-element.elementor-element-d34bb7d .wall-cat-tag { font-size: 9px; font-weight: bold; font-family: monospace; letter-spacing: 1px; margin-bottom: 6px; }

/* ब्रांड टेक्स्ट कलर्स */
.elementor-164 .elementor-element.elementor-element-d34bb7d .text-orange { color: #e65c00 !important; }
.elementor-164 .elementor-element.elementor-element-d34bb7d .text-blue { color: #0c4cb4 !important; }

.elementor-164 .elementor-element.elementor-element-d34bb7d .wall-item-title { color: #1e293b !important; font-size: 13px; font-weight: 700; margin: 0 0 6px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.elementor-164 .elementor-element.elementor-element-d34bb7d .wall-item-price { color: #0c4cb4 !important; font-family: monospace; font-size: 13px; font-weight: bold; }

/* राइट वाइट प्रीमियम पैनल ड्रावर */
.elementor-164 .elementor-element.elementor-element-d34bb7d .side-drawer { position: fixed; top: 0; right: -100%; width: 100%; max-width: 480px; height: 100vh; background: #ffffff !important; z-index: 9999999999 !important; display: flex; flex-direction: column; box-shadow: -10px 0 40px rgba(0,0,0,0.06); transition: right 0.4s cubic-bezier(0.25, 1, 0.5, 1); color: #111111 !important; box-sizing: border-box; border-left: 1px solid #eaeaea; }
.elementor-164 .elementor-element.elementor-element-d34bb7d .side-drawer.open { right: 0; }
.elementor-164 .elementor-element.elementor-element-d34bb7d .drawer-header { display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; border-bottom: 1px solid #f0f0f0 !important; font-size: 12px; color: #555555 !important; font-weight: bold; min-height: 70px; box-sizing: border-box; }
.elementor-164 .elementor-element.elementor-element-d34bb7d .dot-icon { color: #e65c00; margin-right: 5px; }
.elementor-164 .elementor-element.elementor-element-d34bb7d .drawer-nav-right { display: flex; gap: 10px; align-items: center; }
.elementor-164 .elementor-element.elementor-element-d34bb7d .icon-btn { background: #ffffff !important; border: 1px solid #eaeaea !important; color: #111111 !important; width: 38px; height: 38px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 14px; box-sizing: border-box; }
.elementor-164 .elementor-element.elementor-element-d34bb7d .close-btn { background: #e65c00 !important; color: #ffffff !important; border: none !important; font-weight: bold; font-size: 16px; box-shadow: 0 2px 6px rgba(230,92,0,0.2); }

.elementor-164 .elementor-element.elementor-element-d34bb7d .drawer-content { flex: 1; overflow-y: auto; padding: 20px; }
.elementor-164 .elementor-element.elementor-element-d34bb7d .preview-box { position: relative; background: #f9f9f9 !important; border-radius: 20px; padding: 15px; text-align: center; border: 1px solid #eaeaea; }
.elementor-164 .elementor-element.elementor-element-d34bb7d .score-badge { position: absolute; top: 15px; left: 15px; background: #ffffff !important; border: 1px solid #eaeaea !important; color: #0c4cb4 !important; padding: 5px 12px; border-radius: 20px; font-size: 11px; font-weight: bold; }
.elementor-164 .elementor-element.elementor-element-d34bb7d .main-preview-img { width: 100%; height: auto; border-radius: 16px; margin: 20px 0; object-fit: contain; max-height: 350px; }

.elementor-164 .elementor-element.elementor-element-d34bb7d .drawer-footer { padding: 20px; border-top: 1px solid #f0f0f0 !important; display: flex; gap: 15px; background: #ffffff !important; }
.elementor-164 .elementor-element.elementor-element-d34bb7d .footer-btn-compare { flex: 1; background: #f5f5f5 !important; border: 1px solid #eaeaea !important; color: #111111 !important; padding: 15px; border-radius: 30px; cursor: pointer; font-weight: bold; }
.elementor-164 .elementor-element.elementor-element-d34bb7d .footer-btn-amazon { flex: 2; background: #e65c00 !important; color: white !important; text-decoration: none; text-align: center; padding: 15px; border-radius: 30px; font-weight: bold; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(230,92,0,0.2); }

.elementor-164 .elementor-element.elementor-element-d34bb7d .drawer-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.15); backdrop-filter: blur(2px); z-index: 9999999998 !important; opacity: 0; pointer-events: none; transition: opacity 0.3s ease; }
.elementor-164 .elementor-element.elementor-element-d34bb7d .drawer-overlay.active { opacity: 1; pointer-events: auto; }

/* 📱 मोबाइल रिस्पॉन्सिव */
@media (max-width: 480px) {
  .elementor-164 .elementor-element.elementor-element-d34bb7d .side-drawer { max-width: 100%; } 
  .elementor-164 .elementor-element.elementor-element-d34bb7d .wall-card-item { width: 190px; padding: 12px; border-radius: 14px; }
  .elementor-164 .elementor-element.elementor-element-d34bb7d .wall-img-box { height: 110px; padding: 8px; }
  .elementor-164 .elementor-element.elementor-element-d34bb7d .wall-item-title { font-size: 11px; }
  .elementor-164 .elementor-element.elementor-element-d34bb7d .drawer-header .icon-btn:not(.close-btn) { display: none !important; }
  .elementor-164 .elementor-element.elementor-element-d34bb7d .drawer-header { padding: 10px 15px; min-height: 60px; }
  .elementor-164 .elementor-element.elementor-element-d34bb7d .close-btn { width: 44px; height: 44px; font-size: 18px; }
}/* End custom CSS */