/* MOON Bangladesh v2.0.1-rc11-p1 — intelligent motion and predictive collision prevention */
body.moon-cosmic-ready{
  background:#020812!important;
}
body.moon-cosmic-ready .moon-page-shell{
  position:relative;
  z-index:1;
  isolation:isolate;
  background:transparent!important;
}
body.moon-cosmic-ready .moon-header,
body.moon-cosmic-ready .moon-main,
body.moon-cosmic-ready .moon-footer,
body.moon-cosmic-ready .site-main,
body.moon-cosmic-ready .moon-home-content,
body.moon-cosmic-ready .moon-shop-main{
  position:relative;
  z-index:1;
}
body.moon-cosmic-ready .moon-main,
body.moon-cosmic-ready .site-main,
body.moon-cosmic-ready .moon-home-v6,
body.moon-cosmic-ready .moon-home-content,
body.moon-cosmic-ready .moon-shop-main,
body.moon-cosmic-ready.woocommerce-shop .site-main,
body.moon-cosmic-ready.tax-product_cat .site-main,
body.moon-cosmic-ready.tax-product_tag .site-main,
body.moon-cosmic-ready.single-product .moon-main,
body.moon-cosmic-ready.woocommerce-cart .moon-main,
body.moon-cosmic-ready.woocommerce-checkout .moon-main,
body.moon-cosmic-ready.woocommerce-account .moon-main{
  background:transparent!important;
}
.moon-cosmic-stage{
  position:fixed;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(circle at 14% 18%, rgba(13,58,104,.14), transparent 26%),
    radial-gradient(circle at 78% 22%, rgba(93,128,171,.09), transparent 25%),
    radial-gradient(circle at 84% 70%, rgba(12,47,84,.15), transparent 30%),
    linear-gradient(180deg, #020711 0%, #06111f 54%, #02070d 100%);
}
.moon-cosmic-backdrop,
.moon-cosmic-stars,
.moon-cosmic-haze,
.moon-cosmic-moon,
.moon-cosmic-moon-glow,
.moon-cosmic-crescent,
.moon-cosmic-cloud,
.moon-cosmic-meteor,
.moon-cosmic-lightning,
.moon-cosmic-floaters,
.moon-cosmic-floater{
  position:absolute;
  user-select:none;
  -webkit-user-drag:none;
}
.moon-cosmic-backdrop{inset:0;background:linear-gradient(180deg, rgba(1,6,12,.24), rgba(2,6,12,.08) 35%, rgba(1,4,8,.28));}
.moon-cosmic-stars{
  inset:-10%;
  background-image:
    radial-gradient(circle at 5% 7%, rgba(255,255,255,.92) 0 1px, transparent 1.5px),
    radial-gradient(circle at 18% 13%, rgba(156,205,255,.9) 0 .8px, transparent 1.2px),
    radial-gradient(circle at 33% 6%, rgba(255,255,255,.82) 0 1px, transparent 1.5px),
    radial-gradient(circle at 48% 18%, rgba(120,185,255,.88) 0 .9px, transparent 1.4px),
    radial-gradient(circle at 64% 10%, rgba(255,255,255,.78) 0 1px, transparent 1.4px),
    radial-gradient(circle at 76% 24%, rgba(120,185,255,.75) 0 .9px, transparent 1.4px),
    radial-gradient(circle at 88% 16%, rgba(255,255,255,.72) 0 1px, transparent 1.6px),
    radial-gradient(circle at 9% 34%, rgba(255,255,255,.84) 0 1px, transparent 1.5px),
    radial-gradient(circle at 28% 30%, rgba(171,215,255,.74) 0 .9px, transparent 1.4px),
    radial-gradient(circle at 41% 36%, rgba(255,255,255,.7) 0 1px, transparent 1.4px),
    radial-gradient(circle at 59% 44%, rgba(255,255,255,.75) 0 1px, transparent 1.5px),
    radial-gradient(circle at 72% 38%, rgba(128,192,255,.76) 0 .9px, transparent 1.4px),
    radial-gradient(circle at 91% 34%, rgba(255,255,255,.86) 0 1px, transparent 1.5px),
    radial-gradient(circle at 13% 57%, rgba(255,255,255,.7) 0 1px, transparent 1.5px),
    radial-gradient(circle at 25% 72%, rgba(127,192,255,.62) 0 .9px, transparent 1.4px),
    radial-gradient(circle at 39% 64%, rgba(255,255,255,.78) 0 1px, transparent 1.5px),
    radial-gradient(circle at 58% 76%, rgba(255,255,255,.7) 0 1px, transparent 1.5px),
    radial-gradient(circle at 68% 68%, rgba(151,211,255,.72) 0 .9px, transparent 1.4px),
    radial-gradient(circle at 83% 61%, rgba(255,255,255,.82) 0 1px, transparent 1.5px),
    radial-gradient(circle at 94% 74%, rgba(255,255,255,.68) 0 .9px, transparent 1.4px);
  opacity:.82;
}
.moon-cosmic-haze{
  border-radius:50%;
  filter:blur(26px);
  opacity:.45;
}
.moon-cosmic-haze--one{
  width:48vw;height:48vw;left:-8vw;top:38vh;
  background:radial-gradient(circle, rgba(32,86,146,.28), rgba(10,26,44,.08) 55%, transparent 72%);
}
.moon-cosmic-haze--two{
  width:42vw;height:42vw;right:-10vw;top:12vh;
  background:radial-gradient(circle, rgba(59,104,171,.2), rgba(8,22,36,.07) 56%, transparent 72%);
}
.moon-cosmic-moon{
  width:min(32vw, 460px);
  right:7vw;
  top:9vh;
  opacity:.68;
  filter:drop-shadow(0 0 42px rgba(183,220,255,.22));
  animation: moonPulseOrbit 60s ease-in-out infinite;
  transform-origin:center center;
  z-index:4;
}
.moon-cosmic-moon-glow{
  width:min(46vw, 680px);
  height:min(46vw, 680px);
  right:-2vw;
  top:1vh;
  border-radius:50%;
  background:radial-gradient(circle, rgba(172,214,255,.19) 0, rgba(122,183,242,.11) 33%, rgba(59,96,140,.06) 54%, transparent 70%);
  filter:blur(18px);
  opacity:.72;
  animation: moonGlow 60s ease-in-out infinite;
}
.moon-cosmic-crescent{
  width:min(18vw, 240px);
  left:-2.5vw;
  bottom:18vh;
  opacity:.14;
  transform:rotate(-12deg);
  filter:drop-shadow(0 0 22px rgba(185,221,255,.09));
  animation: crescentDrift 80s ease-in-out infinite;
}
.moon-cosmic-clouds{position:absolute;inset:0;z-index:2}
.moon-cosmic-cloud{
  max-width:none;
  opacity:.12;
  filter:blur(.2px) drop-shadow(0 0 16px rgba(255,255,255,.08));
  mix-blend-mode:screen;
}
.moon-cosmic-cloud--1{width:min(26vw,520px);top:14vh;animation: cloudDriftOne 82s linear infinite;animation-delay:-18s}
.moon-cosmic-cloud--2{width:min(30vw,620px);top:42vh;animation: cloudDriftTwo 108s linear infinite;animation-delay:-44s;opacity:.1}
.moon-cosmic-cloud--3{width:min(22vw,460px);top:66vh;animation: cloudDriftThree 90s linear infinite;animation-delay:-70s;opacity:.09}
.moon-cosmic-cloud--4{width:min(18vw,360px);top:24vh;animation: cloudDriftFour 120s linear infinite;animation-delay:-90s;opacity:.08}

.moon-cosmic-meteors{position:absolute;inset:0;z-index:3}
.moon-cosmic-meteor{
  max-width:none;
  opacity:.36;
  filter:drop-shadow(0 0 18px rgba(255,149,62,.14));
  mix-blend-mode:screen;
  will-change:transform,opacity;
  transform-origin:center center;
}
.moon-cosmic-meteor--1{width:min(12vw,220px);animation: meteorSweepOne 240s linear infinite;animation-delay:-38s;opacity:.22}
.moon-cosmic-meteor--2{width:min(10vw,190px);animation: meteorSweepTwo 360s linear infinite;animation-delay:-184s;opacity:.16}
.moon-cosmic-meteor--3{width:min(8vw,160px);animation: meteorSweepThree 480s linear infinite;animation-delay:-326s;opacity:.12}

.moon-cosmic-lightning-wrap{position:absolute;inset:0;z-index:1}
.moon-cosmic-lightning{
  max-width:none;
  opacity:0;
  filter:blur(.1px) drop-shadow(0 0 16px rgba(93,172,255,.28));
  mix-blend-mode:screen;
}
.moon-cosmic-lightning--1{width:min(28vw,380px);left:-2vw;top:20vh;animation: lightningPulseOne 18s linear infinite}
.moon-cosmic-lightning--2{width:min(22vw,320px);right:12vw;top:56vh;animation: lightningPulseTwo 24s linear infinite;animation-delay:-8s}
.moon-cosmic-lightning--3{width:min(24vw,340px);left:42vw;top:74vh;animation: lightningPulseThree 20s linear infinite;animation-delay:-4s}

.moon-cosmic-floaters{
  inset:0;
  z-index:2;
  overflow:hidden;
}
.moon-cosmic-floater{
  left:0;
  top:0;
  width:var(--asset-width, 240px);
  max-width:none;
  opacity:0;
  will-change:transform,opacity;
  transform-origin:center center;
  filter:drop-shadow(0 6px 20px rgba(0,0,0,.22));
  pointer-events:none;
}
.moon-cosmic-floater-media{
  position:relative;
  z-index:2;
  display:block;
  width:100%;
  height:auto;
  max-width:none;
  user-select:none;
  -webkit-user-drag:none;
}
.moon-cosmic-floater.type-plane .moon-cosmic-floater-media,
.moon-cosmic-floater.type-rocket .moon-cosmic-floater-media,
.moon-cosmic-floater.type-ufo .moon-cosmic-floater-media{
  mix-blend-mode:screen;
}
.moon-cosmic-floater.type-astronaut,
.moon-cosmic-floater.type-satellite,
.moon-cosmic-floater.type-station,
.moon-cosmic-floater.type-probe{
  filter:drop-shadow(0 6px 18px rgba(0,0,0,.28));
}
.moon-cosmic-floater.is-live.type-plane,
.moon-cosmic-floater.is-live.type-rocket,
.moon-cosmic-floater.is-live.type-ufo{
  animation:cosmicTraverseLinear var(--duration,24s) cubic-bezier(.28,.04,.72,.96) forwards;
}
.moon-cosmic-floater.is-live.motion-rocket-moon-landing{
  animation:cosmicMoonLanding var(--duration,30s) cubic-bezier(.2,.68,.32,1) forwards;
}
.moon-cosmic-floater.is-live.type-satellite,
.moon-cosmic-floater.is-live.type-probe,
.moon-cosmic-floater.is-live.type-station{
  animation:cosmicTraverseDrift var(--duration,32s) linear forwards;
}
.moon-cosmic-floater.is-live.type-astronaut{
  animation:cosmicTraverseFloat var(--duration,28s) linear forwards;
}

/* RC8: subtle real-life exhaust movement without animating the whole PNG. */
.moon-cosmic-exhaust{
  position:absolute;
  z-index:1;
  pointer-events:none;
  opacity:.72;
  filter:blur(3px) saturate(1.12);
  transform-origin:50% 0;
  animation:moonExhaustFlicker .34s ease-in-out infinite alternate;
}
.moon-cosmic-exhaust::before,
.moon-cosmic-exhaust::after{
  content:"";
  position:absolute;
  pointer-events:none;
}
.moon-cosmic-exhaust::before{
  inset:8% 28% auto;
  height:78%;
  border-radius:50%;
  background:linear-gradient(180deg,rgba(255,247,194,.82),rgba(255,172,52,.58) 34%,rgba(255,79,12,.28) 65%,transparent 100%);
  filter:blur(3px);
}
.moon-cosmic-exhaust::after{
  left:20%;right:20%;top:54%;height:78%;
  border-radius:50%;
  background:radial-gradient(ellipse at 50% 20%,rgba(170,190,210,.20),rgba(95,112,130,.09) 45%,transparent 72%);
  filter:blur(8px);
  animation:moonExhaustSmoke 1.9s ease-out infinite;
}
.moon-cosmic-floater.motion-rocket-up .moon-cosmic-exhaust{
  left:50%;top:77%;width:30%;height:58%;transform:translateX(-50%);
}
.moon-cosmic-floater.motion-rocket-diagonal-right .moon-cosmic-exhaust{
  left:-17%;top:63%;width:48%;height:30%;transform:rotate(48deg);
}
.moon-cosmic-floater.motion-rocket-moon-landing .moon-cosmic-exhaust{
  left:50%;top:77%;width:30%;height:58%;transform:translateX(-50%);
}
.moon-cosmic-floater.motion-rocket-moon-landing.asset-rocket-shuttle-diagonal .moon-cosmic-exhaust{
  left:-17%;top:63%;width:48%;height:30%;transform:rotate(48deg);
}

body.moon-cosmic-connection-lite .moon-cosmic-floaters,
body.moon-cosmic-motion-paused .moon-cosmic-floaters{
  display:none;
}
body.moon-cosmic-connection-lite .moon-cosmic-crescent,
body.moon-cosmic-connection-lite .moon-cosmic-meteor,
body.moon-cosmic-connection-lite .moon-cosmic-lightning{
  display:none!important;
}
body.moon-cosmic-connection-lite .moon-cosmic-cloud{animation:none!important;opacity:.07!important}
body.moon-cosmic-connection-lite .moon-cosmic-cloud--2,
body.moon-cosmic-connection-lite .moon-cosmic-cloud--3,
body.moon-cosmic-connection-lite .moon-cosmic-cloud--4{display:none!important}
body.moon-performance-lite .moon-cosmic-floaters,
body.moon-performance-lite .moon-cosmic-meteor,
body.moon-performance-lite .moon-cosmic-crescent,
body.moon-performance-lite .moon-cosmic-cloud--3,
body.moon-performance-lite .moon-cosmic-cloud--4{display:none!important}
body.moon-performance-lite .moon-cosmic-stars,
body.moon-performance-lite .moon-cosmic-haze{animation:none!important}
body.moon-cosmic-motion-paused .moon-cosmic-cloud,
body.moon-cosmic-motion-paused .moon-cosmic-meteor,
body.moon-cosmic-motion-paused .moon-cosmic-lightning{
  animation-play-state:paused!important;
}
body.moon-cosmic-ready .moon-header{
  background:rgba(3,10,19,.62)!important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(120,181,244,.12);
}
body.moon-cosmic-ready .moon-footer{
  background:linear-gradient(180deg, rgba(2,8,15,.52), rgba(1,5,10,.9))!important;
  backdrop-filter:blur(8px);
}

@keyframes moonPulseOrbit{
  0%,100%{opacity:.72;transform:translate3d(0,0,0) scale(1)}
  50%{opacity:.3;transform:translate3d(-1.1vw,1.4vh,0) scale(.975)}
}
@keyframes moonGlow{
  0%,100%{opacity:.75;transform:scale(1)}
  50%{opacity:.28;transform:scale(.95)}
}
@keyframes crescentDrift{
  0%,100%{transform:translate3d(0,0,0) rotate(-12deg)}
  50%{transform:translate3d(2.4vw,-1.5vh,0) rotate(-7deg)}
}
@keyframes cloudDriftOne{
  0%{transform:translate3d(-34vw,0,0)}
  100%{transform:translate3d(116vw,0,0)}
}
@keyframes cloudDriftTwo{
  0%{transform:translate3d(118vw,0,0)}
  100%{transform:translate3d(-38vw,0,0)}
}
@keyframes cloudDriftThree{
  0%{transform:translate3d(-26vw,0,0)}
  100%{transform:translate3d(118vw,0,0)}
}
@keyframes cloudDriftFour{
  0%{transform:translate3d(112vw,0,0)}
  100%{transform:translate3d(-28vw,0,0)}
}
@keyframes meteorSweepOne{
  0%,91%{transform:translate3d(112vw,14vh,0);opacity:0}
  92%{opacity:0}
  93%,96%{opacity:.22}
  98%,100%{transform:translate3d(-18vw,72vh,0);opacity:0}
}
@keyframes meteorSweepTwo{
  0%,94%{transform:translate3d(-18vw,10vh,0) scaleX(-1);opacity:0}
  95%{opacity:0}
  96%,97.5%{opacity:.16}
  99%,100%{transform:translate3d(112vw,56vh,0) scaleX(-1);opacity:0}
}
@keyframes meteorSweepThree{
  0%,95%{transform:translate3d(-16vw,82vh,0) scale(-1,-1);opacity:0}
  96%{opacity:0}
  97%,98%{opacity:.12}
  99.5%,100%{transform:translate3d(114vw,24vh,0) scale(-1,-1);opacity:0}
}
@keyframes lightningPulseOne{
  0%,12%,13%,14%,100%{opacity:0}
  12.3%,13.2%{opacity:.08}
}
@keyframes lightningPulseTwo{
  0%,46%,47%,48.5%,100%{opacity:0}
  46.3%,47.5%{opacity:.07}
}
@keyframes lightningPulseThree{
  0%,72%,73%,74.5%,100%{opacity:0}
  72.4%,73.4%{opacity:.06}
}
@keyframes cosmicTraverseLinear{
  0%{opacity:0;transform:translate3d(var(--x1), var(--y1), 0) rotate(var(--r1)) scale(var(--s1))}
  10%{opacity:var(--o, .65)}
  88%{opacity:var(--o, .65)}
  100%{opacity:0;transform:translate3d(var(--x2), var(--y2), 0) rotate(var(--r2)) scale(var(--s2))}
}
@keyframes cosmicMoonLanding{
  0%{opacity:0;transform:translate3d(var(--x1),var(--y1),0) rotate(var(--r1)) scale(var(--s1))}
  12%{opacity:var(--o,.46)}
  68%{opacity:var(--o,.46);transform:translate3d(var(--xm),var(--ym),0) rotate(var(--rm)) scale(var(--sm))}
  88%{opacity:.2}
  100%{opacity:0;transform:translate3d(var(--x2),var(--y2),0) rotate(var(--r2)) scale(var(--s2))}
}
@keyframes cosmicTraverseDrift{
  0%{opacity:0;transform:translate3d(var(--x1), var(--y1), 0) rotate(var(--r1)) scale(var(--s1))}
  10%{opacity:var(--o, .48)}
  52%{opacity:var(--o, .48);transform:translate3d(var(--xm), var(--ym), 0) rotate(var(--rm)) scale(var(--sm))}
  90%{opacity:var(--o, .48)}
  100%{opacity:0;transform:translate3d(var(--x2), var(--y2), 0) rotate(var(--r2)) scale(var(--s2))}
}
@keyframes cosmicTraverseFloat{
  0%{opacity:0;transform:translate3d(var(--x1), var(--y1), 0) rotate(var(--r1)) scale(var(--s1))}
  12%{opacity:var(--o, .42)}
  33%{transform:translate3d(var(--xa), var(--ya), 0) rotate(var(--ra)) scale(var(--sa))}
  66%{opacity:var(--o, .42);transform:translate3d(var(--xb), var(--yb), 0) rotate(var(--rb)) scale(var(--sb))}
  92%{opacity:var(--o, .42)}
  100%{opacity:0;transform:translate3d(var(--x2), var(--y2), 0) rotate(var(--r2)) scale(var(--s2))}
}

@keyframes moonExhaustFlicker{
  0%{opacity:.52;filter:blur(3.4px) saturate(1.02);scale:.92 1}
  45%{opacity:.78;filter:blur(2.5px) saturate(1.2);scale:1.04 1.08}
  100%{opacity:.62;filter:blur(3px) saturate(1.1);scale:.96 .92}
}
@keyframes moonExhaustSmoke{
  0%{opacity:.16;transform:translate3d(0,0,0) scale(.72)}
  55%{opacity:.10;transform:translate3d(3px,13px,0) scale(1.05)}
  100%{opacity:0;transform:translate3d(-4px,28px,0) scale(1.34)}
}

@media (max-width: 1024px){
  .moon-cosmic-moon{width:min(42vw,360px);right:-4vw;top:8vh}
  .moon-cosmic-moon-glow{width:min(62vw,520px);height:min(62vw,520px);right:-14vw;top:1vh}
  .moon-cosmic-crescent{width:min(22vw,180px);left:-5vw;bottom:22vh;opacity:.1}
  .moon-cosmic-cloud--1,.moon-cosmic-cloud--2{width:min(40vw,420px)}
  .moon-cosmic-cloud--3,.moon-cosmic-cloud--4{width:min(32vw,320px)}
  .moon-cosmic-meteor--1{width:min(16vw,180px)}
  .moon-cosmic-meteor--2{width:min(14vw,160px)}
  .moon-cosmic-meteor--3{width:min(12vw,140px)}
  .moon-cosmic-floater{width:var(--asset-width-tablet, var(--asset-width, 200px))}
}
@media (max-width: 767px){
  .moon-cosmic-moon{width:48vw;right:-10vw;top:10vh;opacity:.56}
  .moon-cosmic-moon-glow{width:68vw;height:68vw;right:-20vw;top:6vh}
  .moon-cosmic-crescent{display:none}
  .moon-cosmic-cloud--1{width:48vw;top:18vh}
  .moon-cosmic-cloud--2{width:52vw;top:48vh}
  .moon-cosmic-cloud--3{width:40vw;top:68vh}
  .moon-cosmic-cloud--4,.moon-cosmic-lightning--3{display:none}
  .moon-cosmic-lightning--1{width:32vw;top:18vh}
  .moon-cosmic-lightning--2{width:26vw;right:0;top:74vh}
  .moon-cosmic-meteor--1{width:18vw}
  .moon-cosmic-meteor--2{width:15vw}
  .moon-cosmic-meteor--3{display:none}
  .moon-cosmic-floater{width:var(--asset-width-mobile, var(--asset-width, 140px))}
}
@media (prefers-reduced-motion: reduce){
  .moon-cosmic-moon,
  .moon-cosmic-moon-glow,
  .moon-cosmic-crescent,
  .moon-cosmic-cloud,
  .moon-cosmic-meteor,
  .moon-cosmic-lightning{animation:none!important}
  .moon-cosmic-cloud--1,.moon-cosmic-cloud--2,.moon-cosmic-cloud--3,.moon-cosmic-cloud--4{transform:none!important}
  .moon-cosmic-meteor,.moon-cosmic-lightning,.moon-cosmic-floaters,.moon-cosmic-exhaust{display:none}
}
