/* Add custom CSS styles below */ 
/* Add custom CSS styles below */ 
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@700&display=swap');

@font-face{
  font-family:"Handicrafts";
  src:url("https://res.cloudinary.com/dor1yhckk/raw/upload/v1782192761/TheYearofHandicrafts-Regular_xyycnt.otf") format("opentype");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:"Handicrafts";
  src:url("https://res.cloudinary.com/dor1yhckk/raw/upload/v1782192484/TheYearofHandicrafts-Medium_zpgerl.otf") format("opentype");
  font-weight:500;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:"Handicrafts";
  src:url("https://res.cloudinary.com/dor1yhckk/raw/upload/v1782192467/TheYearofHandicrafts-SemiBold_tu1t3j.otf") format("opentype");
  font-weight:600 900;
  font-style:normal;
  font-display:swap;

}

body,
button,
input,
textarea,
select,
h1,h2,h3,h4,h5,h6,
p,span,a,li,div{
  font-family:"Handicrafts", sans-serif;
}




html,
body{
  background:#000 !important;
  overflow-x:hidden;
}

body{
  opacity:0;
  animation:manamShowBody .82s cubic-bezier(.25,.7,.35,1) .18s forwards;
}

body,
button,
input,
textarea,
select,
h1,h2,h3,h4,h5,h6,
p,span,a,li,div{
  font-family:"Handicrafts", sans-serif;
}

@keyframes manamShowBody{
  to{
    opacity:1;
  }
}

.manam-clean-details{
  position:relative;
  overflow:hidden;
  overflow-anchor:none;
  padding:26px 16px 54px;
  background:linear-gradient(180deg,#000000 0%,#000000 14%,#07111F 42%,#030812 100%);
  color:#fff;
  font-family:inherit;
  direction:rtl;
}

.manam-clean-stars{
  position:absolute;
  inset:0;
  opacity:.54;
  pointer-events:none;
  background-image:
    radial-gradient(circle at 12% 18%, rgba(255,255,255,.75) .6px, transparent 1.2px),
    radial-gradient(circle at 82% 14%, rgba(174,226,255,.45) .7px, transparent 1.3px),
    radial-gradient(circle at 63% 28%, rgba(255,255,255,.45) .5px, transparent 1px),
    radial-gradient(circle at 22% 44%, rgba(255,255,255,.65) .7px, transparent 1.3px),
    radial-gradient(circle at 91% 52%, rgba(174,226,255,.32) .6px, transparent 1.1px),
    radial-gradient(circle at 48% 62%, rgba(255,255,255,.5) .5px, transparent 1px),
    radial-gradient(circle at 16% 76%, rgba(174,226,255,.4) .7px, transparent 1.3px),
    radial-gradient(circle at 73% 82%, rgba(255,255,255,.65) .6px, transparent 1.2px),
    radial-gradient(circle at 37% 91%, rgba(255,255,255,.45) .5px, transparent 1px),
    radial-gradient(circle at 58% 12%, rgba(174,226,255,.38) .6px, transparent 1.2px),
    radial-gradient(circle at 7% 58%, rgba(255,255,255,.4) .5px, transparent 1px),
    radial-gradient(circle at 96% 88%, rgba(255,255,255,.5) .6px, transparent 1.2px),
    radial-gradient(circle at 31% 13%, rgba(255,255,255,.42) .5px, transparent 1px),
    radial-gradient(circle at 44% 22%, rgba(174,226,255,.34) .55px, transparent 1.1px),
    radial-gradient(circle at 69% 46%, rgba(255,255,255,.48) .55px, transparent 1.1px),
    radial-gradient(circle at 29% 68%, rgba(174,226,255,.36) .6px, transparent 1.2px),
    radial-gradient(circle at 84% 72%, rgba(255,255,255,.5) .5px, transparent 1px),
    radial-gradient(circle at 52% 88%, rgba(174,226,255,.32) .55px, transparent 1.1px);
  animation:manamStarsGlow 5.4s ease-in-out infinite;
}

.manam-clean-stars::before,
.manam-clean-stars::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
}

.manam-clean-stars::before{
  background-image:
    radial-gradient(circle at 18% 9%, rgba(255,255,255,.9) .75px, transparent 1.45px),
    radial-gradient(circle at 36% 31%, rgba(174,226,255,.62) .7px, transparent 1.35px),
    radial-gradient(circle at 78% 27%, rgba(255,255,255,.82) .65px, transparent 1.25px),
    radial-gradient(circle at 92% 39%, rgba(174,226,255,.56) .62px, transparent 1.2px),
    radial-gradient(circle at 11% 61%, rgba(255,255,255,.75) .6px, transparent 1.2px),
    radial-gradient(circle at 42% 73%, rgba(255,255,255,.82) .7px, transparent 1.35px),
    radial-gradient(circle at 67% 67%, rgba(174,226,255,.55) .62px, transparent 1.2px),
    radial-gradient(circle at 88% 93%, rgba(255,255,255,.72) .58px, transparent 1.15px);
  opacity:.36;
  animation:manamStarsTwinkleA 7.2s ease-in-out infinite;
}

.manam-clean-stars::after{
  background-image:
    radial-gradient(circle at 25% 26%, rgba(255,255,255,.72) .55px, transparent 1.1px),
    radial-gradient(circle at 54% 8%, rgba(174,226,255,.52) .58px, transparent 1.15px),
    radial-gradient(circle at 76% 11%, rgba(255,255,255,.85) .7px, transparent 1.35px),
    radial-gradient(circle at 6% 35%, rgba(174,226,255,.48) .55px, transparent 1.1px),
    radial-gradient(circle at 57% 51%, rgba(255,255,255,.72) .62px, transparent 1.2px),
    radial-gradient(circle at 33% 86%, rgba(174,226,255,.52) .58px, transparent 1.15px),
    radial-gradient(circle at 79% 79%, rgba(255,255,255,.78) .64px, transparent 1.22px),
    radial-gradient(circle at 96% 63%, rgba(255,255,255,.62) .55px, transparent 1.1px);
  opacity:.26;
  animation:manamStarsTwinkleB 9.6s ease-in-out infinite;
}

@keyframes manamStarsGlow{
  0%,100%{opacity:.42;}
  34%{opacity:.62;}
  61%{opacity:.36;}
  82%{opacity:.72;}
}

@keyframes manamStarsTwinkleA{
  0%,100%{opacity:.18;}
  17%{opacity:.58;}
  31%{opacity:.24;}
  49%{opacity:.72;}
  73%{opacity:.3;}
  88%{opacity:.66;}
}

@keyframes manamStarsTwinkleB{
  0%,100%{opacity:.46;}
  14%{opacity:.16;}
  29%{opacity:.62;}
  53%{opacity:.22;}
  70%{opacity:.68;}
  91%{opacity:.28;}
}

.manam-clean-moon{
  position:absolute;
  top:16px;
  left:24px;
  width:54px;
  height:54px;
  border-radius:50%;
  background:
    radial-gradient(circle at 34% 32%, rgba(255,255,255,.96), rgba(238,246,255,.72) 44%, rgba(174,226,255,.32) 72%);
  opacity:.64;
  box-shadow:
    0 0 18px rgba(255,255,255,.16),
    0 0 42px rgba(174,226,255,.10);
}

.manam-clean-moon::before{
  content:"";
  position:absolute;
  inset:9px 17px 13px 12px;
  z-index:1;
  border-radius:50%;
  background:
    radial-gradient(circle at 42% 34%, rgba(7,17,31,.16) 0 1.7px, transparent 2px),
    radial-gradient(circle at 66% 61%, rgba(7,17,31,.12) 0 1.3px, transparent 1.8px);
  opacity:.45;
}

.manam-clean-moon::after{
  content:"";
  position:absolute;
  top:-4px;
  left:17px;
  z-index:2;
  width:56px;
  height:56px;
  border-radius:50%;
  background:#000000;
  box-shadow:-8px 0 18px rgba(0,0,0,.18);
}

.manam-clean-wrap{
  position:relative;
  z-index:2;
  max-width:760px;
  margin:42px auto 0;
}

.manam-accordion{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  align-items:start;
  overflow-anchor:none;
}

.manam-accordion-item{
  display:contents;
}

.manam-accordion-item::before{
  display:none;
}

.manam-accordion-item.active{
  display:contents;
}

.manam-accordion-btn{
  position:relative;
  z-index:2;
  width:100%;
  height:62px;
  min-height:62px;
  padding:10px 18px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:20px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.026));
  color:#fff;
  font-family:inherit;
  font-size:1rem;
  font-weight:900;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  cursor:pointer;
  text-align:right;
  overflow:hidden;
  transition:border-color .22s ease, box-shadow .22s ease, background .22s ease;
}

.manam-accordion-btn::before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:inherit;
  pointer-events:none;
  background:
    radial-gradient(circle at 88% 12%,rgba(174,226,255,.075),transparent 28%),
    linear-gradient(90deg,rgba(174,226,255,.045),transparent 34%);
  opacity:.55;
}

.manam-accordion-item.active .manam-accordion-btn{
  border-color:rgba(174,226,255,.14);
  box-shadow:0 0 22px rgba(174,226,255,.055),0 18px 48px rgba(0,0,0,.22);
  background:
    linear-gradient(180deg,rgba(255,255,255,.058),rgba(255,255,255,.034));
}

.manam-accordion-item:nth-child(1) .manam-accordion-btn{
  grid-column:1;
  grid-row:1;
}

.manam-accordion-item:nth-child(2) .manam-accordion-btn{
  grid-column:1;
  grid-row:2;
}

.manam-accordion-item:nth-child(3) .manam-accordion-btn{
  grid-column:1;
  grid-row:3;
}

.manam-accordion-item:nth-child(4) .manam-accordion-btn{
  grid-column:1;
  grid-row:4;
}

.manam-accordion-label{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:0;
  min-width:0;
}

.manam-accordion-number{
  display:none;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  border:1px solid rgba(174,226,255,.16);
  border-radius:12px;
  background:rgba(174,226,255,.07);
  color:#AEE2FF;
  font-size:.72rem;
  font-weight:900;
  line-height:1;
  flex-shrink:0;
}

.manam-accordion-title{
  display:block;
  color:#fff;
  font-size:1.08rem;
  font-weight:900;
  line-height:1.22;
}

.manam-accordion-icon{
  position:relative;
  z-index:2;
  width:34px;
  height:34px;
  border-radius:50%;
  background:rgba(255,255,255,.07);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  transition:transform .28s ease, background .28s ease, color .28s ease;
}

.manam-accordion-item.active .manam-accordion-icon{
  transform:rotate(180deg);
  background:#fff;
  color:#07111F;
}

.manam-accordion-panel{
  display:none;
  grid-column:1/-1;
  grid-row:5;
  position:relative;
  z-index:2;
  height:auto;
  overflow:visible;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transition:none;
  margin-top:2px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:20px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.026));
  box-shadow:0 18px 48px rgba(0,0,0,.22);
}

.manam-accordion-item.active .manam-accordion-panel{
  display:block;
  height:auto;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transition:none;
  animation:manamAccordionFade .72s cubic-bezier(.22,.61,.36,1) both;
}

.manam-accordion-item:nth-child(3) .manam-accordion-panel{
  width:min(94vw,900px);
  justify-self:center;
  margin-inline:auto;
  padding:30px 22px;
  border-color:rgba(174,226,255,.12);
  box-sizing:border-box;
}

.manam-accordion-inner{
  padding:4px 22px 24px;
  opacity:1;
  filter:none;
  transform:none;
  transition:none;
}

.manam-accordion-item:nth-child(3) .manam-accordion-inner{
  min-height:590px;
  padding:34px 34px 42px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.manam-accordion-item.active .manam-accordion-inner{
  opacity:1;
  filter:none;
  transform:none;
}

@keyframes manamAccordionFade{
  from{
    opacity:0;
  }
  to{
    opacity:1;
  }
}

/* سلايدر الفيديو */

.manam-video-slider{
  position:relative;
  width:100%;
  max-width:285px;
  margin:0 auto;
}

.manam-video-track{
  display:flex;
  gap:10px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}

.manam-video-track::-webkit-scrollbar{
  display:none;
}

.manam-video-card{
  position:relative;
  flex:0 0 100%;
  aspect-ratio:1/1;
  border-radius:22px;
  overflow:hidden;
  scroll-snap-align:center;
  background:#05070d;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 10px 24px rgba(0,0,0,.28);
}

.manam-video-card video{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.manam-video-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.56));
}

.manam-video-label{
  position:absolute;
  right:14px;
  left:14px;
  bottom:12px;
  z-index:2;
  color:#fff;
  font-size:.82rem;
  font-weight:900;
  line-height:1.45;
  text-align:right;
  text-shadow:0 2px 12px rgba(0,0,0,.55);
}

.manam-video-arrow{
  position:absolute;
  top:50%;
  left:-10px;
  transform:translateY(-50%);
  width:36px;
  height:36px;
  border:none;
  border-radius:50%;
  background:#ffffff;
  color:#07111F;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.3rem;
  font-weight:900;
  z-index:4;
  cursor:pointer;
  box-shadow:0 8px 22px rgba(0,0,0,.22);
}

.manam-video-dots{
  display:flex;
  justify-content:center;
  gap:6px;
  margin-top:12px;
}

.manam-video-dots span{
  width:6px;
  height:6px;
  border-radius:50%;
  background:rgba(255,255,255,.24);
  transition:.25s ease;
}

.manam-video-dots span.active{
  width:18px;
  border-radius:20px;
  background:#ffffff;
}

/* المكونات */

.ingredients-text{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.ingredients-text p{
  margin:0;
  padding:0 4px;
  border:0;
  border-radius:0;
  background:transparent;
  color:#D9E7F4;
  font-size:.92rem;
  line-height:1.9;
  text-align:center;
}

.ingredients-text p:last-child{
  padding-bottom:0;
}

.ingredients-text strong{
  display:block;
  margin-bottom:8px;
  color:#AEE2FF;
  font-size:1rem;
  font-weight:900;
  text-align:center;
  text-shadow:0 0 12px rgba(174,226,255,.18);
}

.ingredients-text span{
  display:block;
  color:#D6E1EE;
  text-align:center;
  line-height:1.95;
}

.ingredients-text small{
  display:block;
  margin-top:2px;
  text-align:center;
  color:rgba(184,199,217,.62);
  font-size:.75rem;
  font-weight:700;
}

/* الجدول */

.manam-floating-table{
  width:100%;
  max-width:760px;
  margin:10px auto 16px;
  background:rgba(255,255,255,0.03);
  border-radius:20px;
  overflow:hidden;
  border:1px solid rgba(174,226,255,0.10);
  backdrop-filter:blur(10px);
  box-shadow:0 16px 38px rgba(0,0,0,0.48),0 0 24px rgba(174,226,255,.045);
  animation:manamTableFloat 5.8s ease-in-out infinite;
}

.manam-floating-table table{
  width:100%;
  border-collapse:collapse;
  table-layout:fixed;
}

.manam-floating-table thead th{
  padding:20px 10px;
  font-size:1.08rem;
  font-weight:900;
  color:#ffffff;
  border-bottom:1px solid rgba(255,255,255,0.08);
}

.glow-text{
  color:#AEE2FF;
  text-shadow:
    0 0 14px rgba(174,226,255,.80),
    0 0 28px rgba(174,226,255,.35);
}

.manam-floating-table tbody td{
  padding:15px 10px;
  border-bottom:1px solid rgba(255,255,255,0.05);
  vertical-align:middle;
}

.feature-text{
  width:52%;
  text-align:right;
  padding-right:20px !important;
  color:#E2E8F0;
  font-size:.96rem;
  line-height:1.52;
  font-weight:800;
}

.col-manam{
  width:24%;
  background:rgba(174,226,255,0.12);
  text-align:center;
  vertical-align:middle;
}

.col-others{
  width:24%;
  text-align:center;
  vertical-align:middle;
}

.status-box{
  width:28px;
  height:28px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto;
}

.status-box svg{
  width:15px;
  height:15px;
  fill:#ffffff;
}

@keyframes manamTableFloat{
  0%,100%{
    transform:translateY(3px);
  }
  50%{
    transform:translateY(-8px);
  }
}

.check-green{
  background-color:#22c55e;
  box-shadow:
    0 0 10px rgba(34,197,94,0.35),
    0 0 22px rgba(34,197,94,0.16);
}

.cross-red{
  background-color:#ef4444;
  box-shadow:
    0 0 10px rgba(239,68,68,0.35),
    0 0 22px rgba(239,68,68,0.15);
}

/* الجوال */

@media(max-width:480px){
  .manam-clean-details{
    padding:24px 14px 44px;
  }

  .manam-clean-wrap{
    margin-top:34px;
  }

  .manam-accordion{
    grid-template-columns:1fr;
  }

  .manam-accordion-item:nth-child(1) .manam-accordion-btn{
    grid-column:1;
    grid-row:1;
  }

  .manam-accordion-item:nth-child(2) .manam-accordion-btn{
    grid-column:1;
    grid-row:2;
  }

  .manam-accordion-item:nth-child(3) .manam-accordion-btn{
    grid-column:1;
    grid-row:3;
  }

  .manam-accordion-item:nth-child(4) .manam-accordion-btn{
    grid-column:1;
    grid-row:4;
  }

  .manam-accordion-panel{
    grid-column:1;
    grid-row:5;
  }

  .manam-accordion-item:nth-child(3) .manam-accordion-panel{
    width:100%;
    max-width:100%;
    padding:14px 8px 18px;
  }

  .manam-accordion-btn{
    height:62px;
    min-height:62px;
    padding:10px 14px;
    gap:10px;
  }

  .manam-accordion-label{
    gap:0;
  }

  .manam-accordion-number{
    width:32px;
    height:32px;
    border-radius:10px;
    font-size:.68rem;
  }

  .manam-accordion-title{
    font-size:1rem;
    line-height:1.2;
  }

  .manam-accordion-inner{
    padding:2px 14px 18px;
  }

  .manam-accordion-item:nth-child(3) .manam-accordion-inner{
    min-height:auto;
    padding:16px 6px 24px;
  }

  .manam-floating-table{
    max-width:100%;
    margin:8px auto 12px;
    animation:manamTableFloatMobile 6.8s ease-in-out infinite;
  }

  @keyframes manamTableFloatMobile{
    0%,100%{
      transform:translateY(2px);
    }
    50%{
      transform:translateY(-4px);
    }
  }

  .feature-text{
    font-size:.84rem;
    padding-right:10px !important;
  }

  .manam-floating-table thead th{
    font-size:.96rem;
    padding:16px 6px;
  }

  .manam-floating-table tbody td{
    padding:13px 6px;
  }

  .status-box{
    width:24px;
    height:24px;
  }

  .status-box svg{
    width:14px;
    height:14px;
  }
}

/* إصلاح تفاصيل المنتج */

.manam-product-details{
  display:flex !important;
  flex-direction:column !important;
  gap:20px !important;
}

.manam-product-details p{
  margin:0 !important;
  color:#D9E7F4 !important;
  font-size:.92rem !important;
  line-height:2.05 !important;
  text-align:center !important;
}

.manam-box-title{
  display:block !important;
  margin-top:6px !important;
  margin-bottom:2px !important;
  text-align:center !important;
  color:#8FD8FF !important;
  font-size:.66rem !important;
  font-weight:700 !important;
  letter-spacing:.4px !important;
  text-shadow:0 0 10px rgba(143,216,255,.12) !important;
}

/* إصلاح ليش جسمك يحتاج مَنام */

.why-body-text{
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
}

.why-body-text p{
  margin:0 !important;
  padding:0 4px 14px !important;
  border:0 !important;
  border-bottom:1px solid rgba(174,226,255,.10) !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#D9E7F4 !important;
  font-size:.94rem !important;
  line-height:2 !important;
}

.why-body-text p:last-child{
  padding-bottom:0 !important;
  border-bottom:0 !important;
}

.why-body-text strong{
  display:block !important;
  margin-bottom:8px !important;
  color:#AEE2FF !important;
  font-weight:900 !important;
  text-shadow:0 0 12px rgba(174,226,255,.18) !important;
}


.manam-sfda-note{

  display:flex;
  align-items:center;
  justify-content:center;

  gap:10px;

  margin-top:14px;
  margin-bottom:10px;
}

.manam-sfda-note img{

  width:50px;
  height:50px;

  object-fit:contain;

  opacity:.95;
}

.manam-sfda-line{

  width:1px;
  height:14px;

  background:
    rgba(255,255,255,.16);
}

.manam-sfda-note span{

  color:#C8D7E8;

  font-size:1.10rem;
  font-weight:600;

  letter-spacing:.2px;
}


.sleep-products-slider{
  position:relative;
  isolation:isolate;
  padding:34px 0 16px;
  background:#000;
  font-family:inherit;
  overflow:hidden;
  --cards-start:.46s;
}

.sleep-products-slider::before{
  content:"";
  position:absolute;
  inset:8px 0 auto;
  z-index:-1;
  height:160px;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent,rgba(174,226,255,.035),transparent),
    radial-gradient(circle at 50% 0%, rgba(174,226,255,.045), transparent 55%);
  opacity:.32;
}

.sleep-products-intro{
  position:relative;
  z-index:2;
  max-width:680px;
  margin:0 auto 24px;
  padding:0 20px;
  text-align:center;
}

.sleep-products-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  margin-bottom:12px;
  padding:6px 13px;
  border:1px solid rgba(174,226,255,.16);
  border-radius:999px;
  background:rgba(174,226,255,.07);
  color:#AEE2FF;
  font-size:.72rem;
  font-weight:900;
  line-height:1;
  white-space:nowrap;
}

.sleep-products-intro h2{
  margin:0;
  color:#fff;
  font-size:clamp(1.28rem,4.8vw,2.05rem);
  font-weight:900;
  line-height:1.45;
}

.sleep-products-intro h2 strong{
  color:inherit;
  font-weight:900;
  text-shadow:none;
}

.sleep-products-intro p{
  margin:10px 0 0;
  color:#B8C7D9;
  font-size:.96rem;
  font-weight:700;
  line-height:1.9;
}

.sleep-products-slider.manam-products-armed .sleep-products-kicker,
.sleep-products-slider.manam-products-armed .sleep-products-intro h2,
.sleep-products-slider.manam-products-armed .sleep-products-intro p{
  opacity:0;
  filter:blur(2.5px);
  transform:translateY(-4px);
}

.sleep-products-slider.manam-products-armed .sleep-products-intro h2{
  transform:translateY(-6px);
}

.sleep-products-slider.manam-products-visible .sleep-products-kicker{
  animation:sleepIntroFade .56s cubic-bezier(.25,.7,.35,1) forwards;
}

.sleep-products-slider.manam-products-visible .sleep-products-intro h2{
  animation:sleepIntroTitleIn .74s cubic-bezier(.25,.7,.35,1) .04s forwards;
}

.sleep-products-slider.manam-products-visible .sleep-products-intro p{
  animation:sleepIntroFade .82s cubic-bezier(.25,.7,.35,1) .22s forwards;
}

.sleep-products-track{
  display:flex;
  gap:14px;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
  padding:0 16px 4px;
  scrollbar-width:none;
}

.sleep-products-track::-webkit-scrollbar{
  display:none;
}

.sleep-card-v2{
  flex:0 0 82%;
  max-width:320px;
  height:520px;
  min-height:520px;
  max-height:520px;
  scroll-snap-align:center;
  padding:14px;
  border-radius:22px;
  background:linear-gradient(180deg,#101010,#050505);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 18px 45px rgba(0,0,0,.55);
  color:#fff;
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  --card-delay:0s;
  transform-origin:center bottom;
}

.sleep-card-v2:nth-child(2){
  --card-delay:.08s;
}

.sleep-card-v2:nth-child(3){
  --card-delay:.24s;
}

.sleep-card-v2:not(.sleep-flip-card)::before,
.sleep-flip-front::before,
.sleep-flip-back::before{
  content:"";
  position:absolute;
  inset:1px;
  z-index:1;
  border-radius:inherit;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 22%, rgba(174,226,255,.045), transparent 32%),
    linear-gradient(180deg,rgba(255,255,255,.025),transparent 44%);
  opacity:0;
}

.sleep-card-v2:not(.sleep-flip-card) > *,
.sleep-flip-front > *,
.sleep-flip-back > *{
  position:relative;
  z-index:2;
}

.sleep-card-v2__content{
  display:flex;
  flex-direction:column;
  flex:1;
  min-height:0;
}

.sleep-card-v2__badge,
.sleep-card-v2__discount{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:0;
  background:transparent;
  border:none;
  border-radius:0;
  box-shadow:none;
  font-size:11px;
  font-weight:800;
  margin-bottom:12px;
}

.sleep-card-v2__badge{
  color:#AEE2FF;
}

.sleep-card-v2__badge p{
  margin:0;
}

.sleep-card-v2__discount{
  color:#FFD54A;
}

.sleep-card-v2__discount--strong{
  color:#AEE2FF;
}

.sleep-card-v2__badge-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  width:40px;
  height:40px;
  flex-shrink:0;
}

.sleep-card-v2__badge-icon::before{
  content:"❄";
  display:none;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  border-radius:50%;
  color:#AEE2FF;
  font-size:1.22rem;
  font-weight:900;
  background:rgba(174,226,255,.10);
  border:1px solid rgba(174,226,255,.16);
}

html:not(.manam-lordicons-ready) .sleep-card-v2__badge-icon::before{
  display:flex;
}

html:not(.manam-lordicons-ready) .sleep-card-v2__badge-icon lord-icon{
  display:none !important;
}

.sleep-card-v2__image{
  height:190px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:14px;
  transform-origin:center bottom;
}

.sleep-card-v2__image img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.46));
}

.sleep-card-v2__content h3{
  margin:0 0 7px;
  font-size:1.2rem;
  font-weight:900;
  color:#fff;
}

.sleep-card-v2__details{
  margin:0 0 14px;
  color:rgba(255,255,255,.72);
  font-size:.82rem;
  line-height:1.7;
  min-height:44px;
}

.sleep-card-v2__price{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  margin-top:auto;
  margin-bottom:16px;
}

.sleep-card-v2__reviews{
  display:flex;
  align-items:center;
  gap:4px;
  margin-bottom:8px;
  direction:ltr;
}

.sleep-card-v2__stars{
  color:#FFD54A;
  font-size:.82rem;
  letter-spacing:1px;
}

.sleep-card-v2__reviews-count{
  color:rgba(255,255,255,.65);
  font-size:.72rem;
}

.sleep-card-v2__sale{
  display:flex;
  align-items:flex-end;
  gap:8px;
}

.sleep-card-v2__old-price{
  color:rgba(255,255,255,.45);
  font-size:.95rem;
  text-decoration:line-through;
  text-decoration-thickness:2px;
  margin-bottom:2px;
}

.sleep-card-v2__price strong{
  font-size:1.45rem;
  line-height:1;
  font-weight:900;
  display:block;
}

.sleep-card-v2__price > span{
  color:rgba(255,255,255,.65);
  font-size:.8rem;
  margin-top:4px;
}

.sleep-card-v2__actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:16px;
}

.sleep-products-slider.manam-products-armed{
  opacity:.72;
}

.sleep-products-slider.manam-products-visible{
  animation:sleepSectionArrive .92s cubic-bezier(.25,.7,.35,1) both;
}

.sleep-products-slider.manam-products-armed .sleep-card-v2{
  opacity:0;
  filter:blur(3px);
  transform:scale(.996);
}

.sleep-products-slider.manam-products-visible .sleep-card-v2{
  animation:sleepCardFadeBuild 1.12s cubic-bezier(.25,.7,.35,1) calc(var(--cards-start) + var(--card-delay)) forwards;
}

.sleep-products-slider.manam-products-visible .sleep-card-v2:not(.sleep-flip-card)::before,
.sleep-products-slider.manam-products-visible .sleep-flip-front::before,
.sleep-products-slider.manam-products-visible .sleep-flip-back::before{
  animation:sleepCardAtmosphere 1.05s ease calc(var(--cards-start) + var(--card-delay) + .16s) forwards;
}

.sleep-products-slider.manam-products-armed .sleep-card-v2__badge,
.sleep-products-slider.manam-products-armed .sleep-card-v2__discount{
  opacity:0;
  filter:blur(2.5px);
}

.sleep-products-slider.manam-products-visible .sleep-card-v2__badge,
.sleep-products-slider.manam-products-visible .sleep-card-v2__discount{
  animation:sleepDetailFadeIn .88s cubic-bezier(.25,.7,.35,1) calc(var(--cards-start) + var(--card-delay) + .48s) forwards;
}

.sleep-products-slider.manam-products-armed .sleep-card-v2__image{
  opacity:0;
  filter:blur(4.5px) saturate(.94);
  transform:translateX(-16px) scale(.992);
}

.sleep-products-slider.manam-products-visible .sleep-card-v2__image{
  animation:sleepLuxurySlideIn 1.28s cubic-bezier(.25,.7,.35,1) calc(var(--cards-start) + var(--card-delay) + .08s) forwards;
}

.sleep-products-slider.manam-products-armed .sleep-card-v2__content h3{
  opacity:0;
  filter:blur(4px);
  transform:translateX(-14px);
}

.sleep-products-slider.manam-products-visible .sleep-card-v2__content h3{
  animation:sleepLuxurySlideIn 1.18s cubic-bezier(.25,.7,.35,1) calc(var(--cards-start) + var(--card-delay) + .16s) forwards;
}

.sleep-products-slider.manam-products-armed .sleep-card-v2__details{
  opacity:0;
  filter:blur(2.5px);
}

.sleep-products-slider.manam-products-visible .sleep-card-v2__details{
  animation:sleepDetailFadeIn .86s ease calc(var(--cards-start) + var(--card-delay) + .42s) forwards;
}

.sleep-products-slider.manam-products-armed .sleep-card-v2__price,
.sleep-products-slider.manam-products-armed .sleep-card-v2__actions{
  opacity:0;
  filter:blur(3px);
}

.sleep-products-slider.manam-products-visible .sleep-card-v2__price{
  animation:sleepDetailFadeIn .86s ease calc(var(--cards-start) + var(--card-delay) + .56s) forwards;
}

.sleep-products-slider.manam-products-visible .sleep-card-v2__actions{
  animation:sleepDetailFadeIn .9s ease calc(var(--cards-start) + var(--card-delay) + .68s) forwards;
}

.sleep-card-v2__cart,
.sleep-card-v2__buy{
  min-height:44px;
  border-radius:13px;
  font-size:.86rem;
  font-weight:800;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  cursor:pointer;
  transition:.25s ease;
  font-family:inherit;
}

.sleep-card-v2__cart{
  background:#AEE2FF;
  color:#020617;
  border:none;
}

.sleep-card-v2__buy{
  background:rgba(255,255,255,.05);
  color:#fff;
  border:1px solid rgba(255,255,255,.14);
}

.sleep-card-v2__cart:hover,
.sleep-card-v2__buy:hover{
  transform:translateY(-2px);
}

.sleep-card-v2__cart:disabled,
.sleep-card-v2__buy:disabled{
  opacity:.75;
  cursor:not-allowed;
  transform:none;
}

/* Flip card */

.sleep-flip-card{
  perspective:1200px;
  padding:0;
  background:transparent;
  border:none;
  box-shadow:none;
  overflow:visible;
  cursor:pointer;
  transform:none;
}

.sleep-flip-inner{
  position:relative;
  display:grid;
  width:100%;
  height:100%;
  transform-style:preserve-3d;
  transition:transform .72s cubic-bezier(.22,.8,.22,1);
}

.sleep-flip-card.active .sleep-flip-inner{
  transform:rotateY(180deg);
}

.sleep-flip-front,
.sleep-flip-back{
  grid-area:1 / 1;
  position:relative;
  width:100%;
  min-height:100%;
  backface-visibility:hidden !important;
  -webkit-backface-visibility:hidden !important;
  transform-style:preserve-3d;
  border-radius:22px;
}

.sleep-flip-front{
  transform:rotateY(0deg);
  z-index:2;
  height:100%;
  padding:14px;
  background:linear-gradient(180deg,#101010,#050505);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 18px 45px rgba(0,0,0,.55);
  overflow:hidden;
  display:flex;
  flex-direction:column;
}

.sleep-flip-front .sleep-card-v2__image{
  height:170px;
  margin-bottom:12px;
}

.sleep-flip-front .sleep-card-v2__details{
  margin-bottom:10px;
  line-height:1.62;
}

.sleep-flip-front .sleep-card-v2__reviews{
  margin-bottom:6px;
}

.sleep-flip-front .sleep-card-v2__price{
  margin-bottom:12px;
}

.sleep-flip-front .sleep-card-v2__actions{
  margin-top:12px;
}

.sleep-flip-back{
  position:absolute;
  inset:0;
  min-height:0;
  max-height:100%;
  transform:rotateY(180deg);
  z-index:1;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:24px 20px;
  background:
    radial-gradient(circle at 20% 15%, rgba(174,226,255,.14), transparent 30%),
    radial-gradient(circle at 82% 22%, rgba(247,215,122,.09), transparent 25%),
    linear-gradient(180deg,#07111F 0%,#030812 100%);
  border:1px solid rgba(247,215,122,.55);
  box-shadow:
    0 0 14px rgba(247,215,122,.24),
    0 0 34px rgba(247,215,122,.12);
  text-align:center;
}

.sleep-flip-card.active .sleep-flip-front{
  z-index:1;
}

.sleep-flip-card.active .sleep-flip-back{
  z-index:2;
}

.sleep-flip-stars{
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    radial-gradient(circle at 12% 14%, rgba(255,255,255,.95) .7px, transparent 1.3px),
    radial-gradient(circle at 28% 22%, rgba(174,226,255,.75) .6px, transparent 1.2px),
    radial-gradient(circle at 44% 10%, rgba(255,255,255,.85) .5px, transparent 1px),
    radial-gradient(circle at 61% 26%, rgba(255,255,255,.72) .7px, transparent 1.3px),
    radial-gradient(circle at 77% 16%, rgba(174,226,255,.7) .6px, transparent 1.2px),
    radial-gradient(circle at 89% 30%, rgba(255,255,255,.85) .5px, transparent 1px),
    radial-gradient(circle at 19% 38%, rgba(255,255,255,.72) .6px, transparent 1.2px),
    radial-gradient(circle at 67% 42%, rgba(174,226,255,.8) .7px, transparent 1.3px);
  opacity:.34;
  animation:sleepFlipStars 2.8s infinite alternate;
}

@keyframes sleepFlipStars{
  0%{opacity:.18;}
  35%{opacity:.58;}
  65%{opacity:.26;}
  100%{opacity:.48;}
}

@keyframes sleepSectionArrive{
  from{
    opacity:.72;
  }

  to{
    opacity:1;
  }
}

@keyframes sleepIntroTitleIn{
  0%{
    opacity:0;
    filter:blur(2.5px);
    transform:translateY(-6px);
  }

  100%{
    opacity:1;
    filter:blur(0);
    transform:translateY(0);
  }
}

@keyframes sleepIntroFade{
  0%{
    opacity:0;
    filter:blur(2.5px);
    transform:translateY(-4px);
  }

  100%{
    opacity:1;
    filter:blur(0);
    transform:translateY(0);
  }
}

@keyframes sleepCardFadeBuild{
  0%{
    opacity:0;
    filter:blur(3px);
    transform:scale(.996);
  }

  100%{
    opacity:1;
    filter:blur(0);
    transform:scale(1);
  }
}

@keyframes sleepCardAtmosphere{
  from{
    opacity:0;
  }

  to{
    opacity:1;
  }
}

@keyframes sleepLuxurySlideIn{
  0%{
    opacity:0;
    filter:blur(4.5px) saturate(.94);
    transform:translateX(-16px) scale(.992);
  }

  72%{
    opacity:.94;
    filter:blur(1px) saturate(1.01);
    transform:translateX(-1px) scale(1);
  }

  100%{
    opacity:1;
    filter:blur(0) saturate(1);
    transform:translateX(0) scale(1);
  }
}

@keyframes sleepDetailMistIn{
  0%{
    opacity:0;
    filter:blur(3px);
    transform:translateY(5px);
  }

  100%{
    opacity:1;
    filter:blur(0);
    transform:translateY(0);
  }
}

@keyframes sleepDetailFadeIn{
  0%{
    opacity:0;
    filter:blur(2.5px);
  }

  100%{
    opacity:1;
    filter:blur(0);
  }
}

.sleep-flip-moon{
  position:relative;
  z-index:2;
  width:32px;
  height:32px;
  margin:0 auto 6px;
  color:#F7D77A;
  filter:drop-shadow(0 0 16px rgba(247,215,122,.36));
  direction:ltr;
}

.sleep-flip-moon svg{
  display:block;
  width:100%;
  height:100%;
}

.sleep-flip-back h4{
  position:relative;
  z-index:2;
  margin:0 0 12px;
  color:#F7D77A;
  font-size:1.15rem;
  font-weight:900;
  text-shadow:
    0 0 10px rgba(247,215,122,.42),
    0 0 22px rgba(247,215,122,.18);
}

.sleep-flip-back h4,
.sleep-flip-back p,
.sleep-flip-badges,
.sleep-flip-note{
  opacity:0;
  filter:blur(8px);
  transform:translateY(12px);
}

.sleep-flip-card.active .sleep-flip-back h4{
  animation:sleepDetailMistIn 1.05s cubic-bezier(.16,1,.3,1) .34s forwards;
}

.sleep-flip-card.active .sleep-flip-back p{
  animation:sleepDetailMistIn 1.12s cubic-bezier(.16,1,.3,1) .52s forwards;
}

.sleep-flip-card.active .sleep-flip-badges,
.sleep-flip-card.active .sleep-flip-note{
  animation:sleepDetailMistIn 1.08s cubic-bezier(.16,1,.3,1) .78s forwards;
}

.sleep-flip-back p{
  position:relative;
  z-index:2;
  color:#DCE8F5;
  font-size:.82rem;
  line-height:1.9;
  margin:0 0 10px;
}

.sleep-flip-back strong{
  color:#AEE2FF;
  font-weight:900;
}

.sleep-flip-badges{
  position:relative;
  z-index:2;
  display:flex;
  gap:8px;
  justify-content:center;
  flex-wrap:wrap;
  margin-top:8px;
}

.sleep-flip-badges span{
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(247,215,122,.25);
  color:#F7D77A;
  font-size:.68rem;
  font-weight:800;
}

.sleep-flip-note{
  position:relative;
  z-index:2;
  margin-top:12px;
  color:rgba(255,255,255,.55);
  font-size:.68rem;
}

@media(min-width:768px){
  .sleep-products-track{
    justify-content:center;
  }

  .sleep-card-v2{
    flex-basis:320px;
  }
}

@media(max-width:480px){
  .sleep-card-v2{
    flex:0 0 82%;
    height:505px;
    min-height:505px;
    max-height:505px;
  }

  .sleep-card-v2__image{
    height:180px;
  }

  .sleep-flip-front .sleep-card-v2__image{
    height:160px;
  }
}

@media(prefers-reduced-motion:reduce){
  .sleep-products-slider::before,
  .sleep-card-v2,
  .sleep-card-v2__badge,
  .sleep-card-v2__discount,
  .sleep-card-v2__image,
  .sleep-card-v2__content h3,
  .sleep-card-v2__details,
  .sleep-card-v2__price,
  .sleep-card-v2__actions,
  .sleep-card-v2:not(.sleep-flip-card)::before,
  .sleep-flip-front::before,
  .sleep-flip-back::before,
  .sleep-flip-stars,
  .sleep-flip-back h4,
  .sleep-flip-back p,
  .sleep-flip-badges,
  .sleep-flip-note,
  .manam-benefit{
    animation:none !important;
  }

  .sleep-card-v2,
  .sleep-card-v2__badge,
  .sleep-card-v2__discount,
  .sleep-card-v2__image,
  .sleep-card-v2__content h3,
  .sleep-card-v2__details,
  .sleep-card-v2__price,
  .sleep-card-v2__actions,
  .sleep-flip-card.active .sleep-flip-back h4,
  .sleep-flip-card.active .sleep-flip-back p,
  .sleep-flip-card.active .sleep-flip-badges,
  .sleep-flip-card.active .sleep-flip-note,
  .manam-benefit{
    opacity:1;
    filter:none;
    clip-path:none;
    transform:none;
  }
}
.manam-reviews-section{
  padding:42px 16px 52px;
  background:linear-gradient(180deg,#00030F 0%,#07111F 55%,#030812 100%);
  color:#fff;
  overflow:hidden;
  font-family:inherit;
  direction:rtl;
}

.manam-reviews-head{
  text-align:center;
  margin-bottom:24px;
}

.manam-review-stars{
  color:#FFD45A;
  letter-spacing:2px;
  text-shadow:0 0 14px rgba(255,212,90,.28);
  font-size:1.15rem;
}

.manam-reviews-head h2{
  margin:10px 0 8px;
  font-size:1.65rem;
  font-weight:900;
  color:#fff;
}

.manam-reviews-head p{
  margin:0;
  color:#B8C7D9;
  font-size:.92rem;
}

.manam-audio-reviews,
.manam-written-reviews{
  display:flex;
  gap:14px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  padding:4px 2px 8px;
}

.manam-audio-reviews::-webkit-scrollbar,
.manam-written-reviews::-webkit-scrollbar{
  display:none;
}

.manam-written-reviews{
  margin-top:0;
  padding-top:0;
}

.manam-audio-review-card,
.manam-written-card{
  flex:0 0 82%;
  max-width:330px;
  scroll-snap-align:center;
  border-radius:24px;
  padding:18px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(174,226,255,.10);
  box-shadow:0 14px 34px rgba(0,0,0,.32);
}

.manam-audio-info{
  text-align:right;
  margin-bottom:14px;
}

.manam-audio-info strong{
  display:block;
  color:#fff;
  font-size:1rem;
  font-weight:900;
  margin-bottom:4px;
}

.manam-audio-info span{
  color:#B8C7D9;
  font-size:.82rem;
}

.manam-custom-audio{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px;
  border-radius:18px;
  background:rgba(174,226,255,.07);
  border:1px solid rgba(174,226,255,.14);
}

.manam-custom-play{
  width:42px;
  height:42px;
  border-radius:50%;
  border:none;
  background:#AEE2FF;
  color:#06111F;
  font-size:1rem;
  font-weight:900;
  font-family:Arial,"Segoe UI Symbol","Noto Sans Symbols",sans-serif;
  line-height:1;
  -webkit-font-smoothing:antialiased;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  cursor:pointer;
}

.manam-custom-progress{
  flex:1;
  height:6px;
  border-radius:99px;
  background:rgba(255,255,255,.13);
  overflow:hidden;
}

.manam-custom-progress span{
  display:block;
  width:0%;
  height:100%;
  background:#FFD45A;
  border-radius:99px;
  transition:width .15s linear;
}

.manam-custom-time{
  color:#B8C7D9;
  font-size:.75rem;
  min-width:42px;
  text-align:left;
}

.manam-card-stars{
  color:#FFD45A;
  letter-spacing:2px;
  text-shadow:0 0 14px rgba(255,212,90,.28);
  font-size:.95rem;
  margin-bottom:14px;
}

.manam-reviewer{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-bottom:16px;
}

.manam-reviewer strong{
  color:#fff;
  font-size:.92rem;
  font-weight:900;
}

.manam-reviewer span{
  padding:6px 10px;
  border-radius:999px;
  background:rgba(174,226,255,.10);
  color:#AEE2FF;
  font-size:.75rem;
  font-weight:700;
  white-space:nowrap;
}

.manam-written-card p{
  margin:0;
  color:#E7EEF7;
  font-size:.94rem;
  line-height:1.9;
}

@media(min-width:768px){
  .manam-audio-review-card,
  .manam-written-card{
    flex-basis:330px;
  }
}

.manam-founder-story{
  padding:34px 16px;
  background:linear-gradient(180deg,#030812 0%,#000000 28%,#000000 100%);
  font-family:inherit;
}

.manam-story-card{
  max-width:420px;
  height:460px;
  margin:0 auto;
  perspective:1200px;
  cursor:pointer;
}

.manam-story-inner{
  width:100%;
  height:100%;
  display:grid;
  transform-style:preserve-3d;
  transition:transform .75s cubic-bezier(.22,.8,.22,1);
}

.manam-story-card.active .manam-story-inner{
  transform:rotateY(180deg);
}

.manam-story-front,
.manam-story-back{
  grid-area:1 / 1;
  width:100%;
  height:100%;
  border-radius:28px;
  overflow:hidden;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  box-shadow:0 22px 55px rgba(0,0,0,.48);
}

.manam-story-front{
  position:relative;
  background:#07111F;
}

.manam-story-front img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.manam-story-front::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    180deg,
    rgba(0,0,0,.05) 0%,
    rgba(0,0,0,.18) 45%,
    rgba(0,0,0,.82) 100%
  );
}

.manam-story-front-overlay{
  position:absolute;
  z-index:2;
  left:20px;
  right:20px;
  bottom:24px;
  text-align:center;
}

.manam-story-front-overlay span{
  display:inline-block;
  padding:7px 14px;
  border-radius:999px;
  background:rgba(174,226,255,.10);
  border:1px solid rgba(174,226,255,.18);
  color:#AEE2FF;
  font-size:.82rem;
  font-weight:800;
  margin-bottom:10px;
}

.manam-story-front-overlay h3{
  margin:0 0 8px;
  color:#fff;
  font-size:1.9rem;
  font-weight:900;
}

.manam-story-front-overlay p{
  margin:0;
  color:#DCE6F2;
  font-size:.95rem;
}

.manam-story-back{
  transform:rotateY(180deg);
  background:#0B0A07;
  padding:14px;
}

.manam-paper{
  height:100%;
  border-radius:22px;
  padding:22px 18px 16px;
  background:
    radial-gradient(circle at 20% 10%, rgba(255,255,255,.45), transparent 22%),
    linear-gradient(180deg,#F5EBD4 0%, #EADBBE 100%);
  color:#2B2116;
  box-shadow:
    inset 0 0 45px rgba(90,55,20,.12),
    inset 0 0 0 1px rgba(117,82,35,.16);
  display:flex;
  flex-direction:column;
  position:relative;
  overflow:hidden;
}

.manam-paper::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(120,80,30,.08) 0 1px, transparent 1px),
    radial-gradient(circle at 80% 20%, rgba(120,80,30,.10), transparent 24%),
    radial-gradient(circle at 10% 90%, rgba(120,80,30,.08), transparent 28%);
  opacity:.55;
}

.manam-paper h3{
  position:relative;
  z-index:1;
  margin:0;
  text-align:center;
  color:#7A5525;
  font-size:1.45rem;
  font-weight:900;
}

.manam-paper-line{
  position:relative;
  z-index:1;
  width:86px;
  height:2px;
  margin:12px auto 14px;
  background:#B9975B;
  border-radius:99px;
}

.manam-paper-scroll{
  position:relative;
  z-index:1;
  flex:1;
  overflow-y:auto;
  padding:0 2px 0 10px;
  scrollbar-width:thin;
}

.manam-paper-scroll p{
  margin:0 0 12px;
  color:#2B2116;
  font-size:.9rem;
  line-height:2.05;
}

.manam-signature{
  margin-top:18px;
  padding-top:12px;
  border-top:1px solid rgba(122,85,37,.22);
  color:#7A5525;
}

.manam-signature strong,
.manam-signature span{
  display:block;
}

.manam-signature span{
  font-size:.78rem;
  margin-top:4px;
  color:#6B573E;
}

.manam-paper small{
  position:relative;
  z-index:1;
  display:block;
  margin-top:12px;
  text-align:center;
  color:rgba(43,33,22,.58);
  font-size:.72rem;
}

@media(max-width:480px){
  .manam-story-card{
    height:455px;
  }

  .manam-story-front-overlay h3{
    font-size:1.65rem;
  }

  .manam-paper-scroll p{
    font-size:.86rem;
  }
}


.manam-story-front{
  transform:rotateY(0deg);
  opacity:1;
  visibility:visible;
}

.manam-story-back{
  transform:rotateY(180deg);
  opacity:1;
  visibility:visible;
}

.manam-story-card.active .manam-story-front{
  opacity:0 !important;
  visibility:hidden !important;
  transition:opacity .08s ease, visibility 0s linear .08s;
}

.manam-story-card.active .manam-story-back{
  opacity:1 !important;
  visibility:visible !important;
}


#manam-password-gate{
  position:fixed;
  inset:0;
  z-index:9999999;
  background:#000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  direction:rtl;
  font-family:inherit;
}

.manam-gate-box{
  width:100%;
  max-width:360px;
  padding:28px 22px;
  border-radius:26px;
  background:
    radial-gradient(circle at 50% 0%, rgba(174,226,255,.12), transparent 36%),
    linear-gradient(180deg,#07111F 0%,#020814 100%);
  border:1px solid rgba(174,226,255,.14);
  text-align:center;
  box-shadow:0 20px 60px rgba(0,0,0,.55);
}

.manam-gate-box h2{
  color:#fff;
  margin:0 0 10px;
  font-size:1.5rem;
  font-weight:900;
}

.manam-gate-box p{
  color:#B8C7D9;
  margin:0 0 18px;
  font-size:.9rem;
}

.manam-gate-box input{
  width:100%;
  height:48px;
  border-radius:14px;
  border:1px solid rgba(174,226,255,.18);
  background:rgba(255,255,255,.06);
  color:#fff;
  text-align:center;
  font-size:1rem;
  outline:none;
  margin-bottom:12px;
}

.manam-gate-box button{
  width:100%;
  height:48px;
  border-radius:999px;
  border:none;
  background:#AEE2FF;
  color:#06111F;
  font-weight:900;
  font-family:inherit;
}

.manam-gate-error{
  display:none;
  color:#ff8b8b;
  font-size:.82rem;
  margin-top:12px;
}

/* Sleep Timeline */
.manam-sleep-timeline{
  position:relative;
  width:100%;
  overflow:hidden;
  box-sizing:border-box;
  padding:64px 18px 86px;
  color:#F7F8FB;
  direction:rtl;
  font-family:inherit;
  background:linear-gradient(180deg,#030812 0%,#07111F 44%,#030812 100%);
}

.manam-sleep-timeline::after{
  content:"";
  position:absolute;
  z-index:1;
  top:14%;
  left:auto;
  right:-190px;
  width:150px;
  height:1px;
  border-radius:999px;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(90deg, rgba(255,247,204,.62) 0%, rgba(255,229,142,.46) 18%, rgba(247,215,122,.14) 58%, transparent 100%);
  box-shadow:0 0 10px rgba(247,215,122,.24),0 0 20px rgba(247,215,122,.10);
  transform:translate3d(0,0,0) rotate(-22deg);
}

.manam-timeline-stars{
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  opacity:.74;
  background-image:
    radial-gradient(circle at 6% 14%, rgba(255,255,255,.86) 0 .62px, transparent 1.25px),
    radial-gradient(circle at 17% 6%, rgba(190,220,255,.58) 0 .52px, transparent 1.15px),
    radial-gradient(circle at 29% 33%, rgba(255,255,255,.48) 0 .45px, transparent 1.05px),
    radial-gradient(circle at 36% 4%, rgba(255,255,255,.72) 0 .60px, transparent 1.20px),
    radial-gradient(circle at 41% 18%, rgba(190,220,255,.52) 0 .50px, transparent 1.10px),
    radial-gradient(circle at 53% 43%, rgba(255,255,255,.76) 0 .62px, transparent 1.20px),
    radial-gradient(circle at 61% 16%, rgba(190,220,255,.64) 0 .58px, transparent 1.25px),
    radial-gradient(circle at 73% 7%, rgba(255,255,255,.54) 0 .50px, transparent 1.10px),
    radial-gradient(circle at 88% 27%, rgba(255,255,255,.78) 0 .64px, transparent 1.28px),
    radial-gradient(circle at 96% 55%, rgba(190,220,255,.56) 0 .50px, transparent 1.12px),
    radial-gradient(circle at 5% 47%, rgba(255,255,255,.44) 0 .44px, transparent 1.05px),
    radial-gradient(circle at 11% 72%, rgba(190,220,255,.62) 0 .56px, transparent 1.20px),
    radial-gradient(circle at 26% 58%, rgba(255,255,255,.66) 0 .54px, transparent 1.15px),
    radial-gradient(circle at 44% 86%, rgba(255,255,255,.52) 0 .48px, transparent 1.10px),
    radial-gradient(circle at 57% 67%, rgba(190,220,255,.42) 0 .42px, transparent 1.00px),
    radial-gradient(circle at 69% 92%, rgba(255,255,255,.68) 0 .58px, transparent 1.18px),
    radial-gradient(circle at 83% 76%, rgba(190,220,255,.46) 0 .46px, transparent 1.05px),
    radial-gradient(circle at 94% 88%, rgba(255,255,255,.60) 0 .54px, transparent 1.15px);
  animation:manamTimelineStarsA 9.5s ease-in-out infinite;
}

.manam-timeline-stars::before,
.manam-timeline-stars::after{
  content:"";
  position:absolute;
  inset:0;
  background-repeat:no-repeat;
  mix-blend-mode:screen;
}

.manam-timeline-stars::before{
  opacity:.44;
  background-image:
    radial-gradient(circle at 9% 34%, rgba(255,255,255,.38) 0 .40px, transparent .98px),
    radial-gradient(circle at 21% 22%, rgba(190,220,255,.44) 0 .44px, transparent 1.05px),
    radial-gradient(circle at 33% 49%, rgba(255,255,255,.54) 0 .50px, transparent 1.10px),
    radial-gradient(circle at 48% 27%, rgba(190,220,255,.40) 0 .42px, transparent 1.00px),
    radial-gradient(circle at 64% 53%, rgba(255,255,255,.46) 0 .44px, transparent 1.05px),
    radial-gradient(circle at 79% 39%, rgba(190,220,255,.36) 0 .40px, transparent .98px),
    radial-gradient(circle at 91% 12%, rgba(255,255,255,.52) 0 .48px, transparent 1.10px),
    radial-gradient(circle at 87% 63%, rgba(255,255,255,.34) 0 .38px, transparent .95px);
  animation:manamTimelineStarsB 13.2s ease-in-out infinite;
}

.manam-timeline-stars::after{
  opacity:.30;
  background-image:
    radial-gradient(circle at 4% 88%, rgba(190,220,255,.40) 0 .38px, transparent .95px),
    radial-gradient(circle at 16% 93%, rgba(255,255,255,.32) 0 .36px, transparent .90px),
    radial-gradient(circle at 31% 81%, rgba(255,255,255,.44) 0 .42px, transparent 1.00px),
    radial-gradient(circle at 52% 36%, rgba(255,255,255,.34) 0 .36px, transparent .90px),
    radial-gradient(circle at 67% 10%, rgba(190,220,255,.38) 0 .38px, transparent .95px),
    radial-gradient(circle at 76% 94%, rgba(255,255,255,.30) 0 .34px, transparent .88px),
    radial-gradient(circle at 85% 84%, rgba(255,255,255,.42) 0 .40px, transparent .98px),
    radial-gradient(circle at 97% 72%, rgba(190,220,255,.34) 0 .36px, transparent .90px);
  animation:manamTimelineStarsC 15.8s ease-in-out infinite;
}

.manam-timeline-wrap{
  position:relative;
  z-index:2;
  width:100%;
  max-width:760px;
  margin:0 auto;
  box-sizing:border-box;
}

.manam-timeline-head{
  max-width:620px;
  margin:0 0 38px auto;
  text-align:right;
}

.manam-timeline-head span{
  display:none;
}

.manam-timeline-head h2{
  margin:0;
  color:#fff;
  font-size:clamp(1.08rem,3.4vw,1.36rem);
  font-weight:900;
  line-height:1.48;
  letter-spacing:0;
  text-shadow:0 0 28px rgba(174,226,255,.16);
}

.manam-timeline-list{
  position:relative;
  max-width:640px;
  margin:0 auto;
  padding:0 0 2px;
  box-sizing:border-box;
}

.manam-timeline-list::before{
  content:"";
  position:absolute;
  top:13px;
  bottom:58px;
  right:27px;
  width:3px;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(174,226,255,.62) 52%, rgba(247,215,122,.46));
  box-shadow:0 0 18px rgba(174,226,255,.18);
  transform-origin:top;
}

.manam-timeline-list::after{
  content:"";
  position:absolute;
  top:6px;
  right:21px;
  width:15px;
  height:15px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 18px rgba(255,255,255,.48),0 0 34px rgba(174,226,255,.20);
}

.manam-timeline-item{
  position:relative;
  display:grid;
  grid-template-columns:56px minmax(0,1fr);
  gap:18px;
  align-items:start;
  min-height:122px;
  padding:0 0 40px;
  box-sizing:border-box;
}

.manam-timeline-item:last-child{
  min-height:0;
  padding-bottom:0;
}

.manam-timeline-point{
  position:relative;
  z-index:2;
  width:15px;
  height:15px;
  margin:6px auto 0;
  border:0;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 16px rgba(255,255,255,.42),0 0 26px rgba(174,226,255,.18);
}

.manam-timeline-content{
  position:relative;
  min-height:0;
  padding:0;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  text-align:right;
}

.manam-timeline-content strong{
  display:block;
  margin:0 0 8px;
  color:#fff;
  font-size:clamp(1.08rem,3.4vw,1.36rem);
  font-weight:900;
  line-height:1.38;
  letter-spacing:0;
  text-shadow:0 0 18px rgba(174,226,255,.16);
}

.manam-timeline-content p{
  max-width:430px;
  margin:0;
  color:rgba(229,238,249,.80);
  font-size:.96rem;
  font-weight:650;
  line-height:1.85;
}

.manam-sleep-timeline.manam-timeline-armed .manam-timeline-head,
.manam-sleep-timeline.manam-timeline-armed .manam-timeline-item{
  opacity:0;
  filter:blur(5px);
  transform:translateY(18px);
}

.manam-sleep-timeline.manam-timeline-armed .manam-timeline-list::before{
  transform:scaleY(0);
}

.manam-sleep-timeline.manam-timeline-armed .manam-timeline-list::after,
.manam-sleep-timeline.manam-timeline-armed .manam-timeline-point{
  opacity:0;
  transform:scale(.64);
}

.manam-sleep-timeline.manam-timeline-visible .manam-timeline-head{
  animation:manamTimelineSoftIntro 1.85s cubic-bezier(.22,.72,.25,1) forwards;
}

.manam-sleep-timeline.manam-timeline-visible .manam-timeline-list::before{
  animation:manamTimelineLineGrow 4.1s cubic-bezier(.18,.72,.2,1) .35s forwards;
}

.manam-sleep-timeline.manam-timeline-visible .manam-timeline-list::after{
  animation:manamTimelinePointIn 1.45s cubic-bezier(.22,.72,.25,1) .42s forwards;
}

.manam-sleep-timeline.manam-timeline-visible .manam-timeline-item{
  animation:manamTimelineSoftIntro 1.75s cubic-bezier(.22,.72,.25,1) forwards;
}

.manam-sleep-timeline.manam-timeline-visible .manam-timeline-item:nth-child(1){
  animation-delay:.95s;
}

.manam-sleep-timeline.manam-timeline-visible .manam-timeline-item:nth-child(2){
  animation-delay:1.78s;
}

.manam-sleep-timeline.manam-timeline-visible .manam-timeline-item:nth-child(3){
  animation-delay:2.62s;
}

.manam-sleep-timeline.manam-timeline-visible .manam-timeline-item:nth-child(4){
  animation-delay:3.46s;
}

.manam-sleep-timeline.manam-timeline-visible .manam-timeline-point{
  animation:manamTimelinePointIn 1.35s cubic-bezier(.22,.72,.25,1) forwards, manamTimelinePointGlow 3.6s ease-in-out 1.35s infinite;
}

.manam-sleep-timeline.manam-timeline-visible .manam-timeline-item:nth-child(1) .manam-timeline-point{
  animation-delay:.95s,2.30s;
}

.manam-sleep-timeline.manam-timeline-visible .manam-timeline-item:nth-child(2) .manam-timeline-point{
  animation-delay:1.78s,3.13s;
}

.manam-sleep-timeline.manam-timeline-visible .manam-timeline-item:nth-child(3) .manam-timeline-point{
  animation-delay:2.62s,3.97s;
}

.manam-sleep-timeline.manam-timeline-visible .manam-timeline-item:nth-child(4) .manam-timeline-point{
  animation-delay:3.46s,4.81s;
}

.manam-sleep-timeline.manam-timeline-visible::after{
  animation:manamTimelineMeteor 2.8s ease-out 4.75s forwards;
}

@keyframes manamTimelineStarsA{
  0%,100%{opacity:.56;}
  31%{opacity:.76;}
  58%{opacity:.50;}
  83%{opacity:.70;}
}

@keyframes manamTimelineStarsB{
  0%,100%{opacity:.24;}
  23%{opacity:.50;}
  47%{opacity:.30;}
  76%{opacity:.56;}
}

@keyframes manamTimelineStarsC{
  0%,100%{opacity:.18;}
  38%{opacity:.44;}
  64%{opacity:.24;}
  91%{opacity:.50;}
}

@keyframes manamTimelineSoftIntro{
  from{
    opacity:0;
    filter:blur(5px);
    transform:translateY(18px);
  }
  to{
    opacity:1;
    filter:blur(0);
    transform:translateY(0);
  }
}

@keyframes manamTimelineLineGrow{
  from{
    opacity:.45;
    transform:scaleY(0);
  }
  to{
    opacity:1;
    transform:scaleY(1);
  }
}

@keyframes manamTimelinePointIn{
  from{
    opacity:0;
    transform:scale(.64);
  }
  to{
    opacity:1;
    transform:scale(1);
  }
}

@keyframes manamTimelinePointGlow{
  0%,100%{
    box-shadow:0 0 14px rgba(255,255,255,.32),0 0 24px rgba(174,226,255,.14);
  }
  50%{
    box-shadow:0 0 22px rgba(255,255,255,.56),0 0 38px rgba(174,226,255,.24),0 0 48px rgba(247,215,122,.10);
  }
}

@keyframes manamTimelineMeteor{
  0%{
    opacity:0;
    transform:translate3d(0,0,0) rotate(-22deg);
  }
  12%{
    opacity:.62;
  }
  62%{
    opacity:.58;
  }
  82%{
    opacity:.18;
  }
  100%{
    opacity:0;
    transform:translate3d(-132vw,210px,0) rotate(-22deg);
  }
}

@media(max-width:720px){
  .manam-sleep-timeline{
    padding:56px 16px 76px;
  }

  .manam-timeline-wrap{
    max-width:100%;
  }

  .manam-timeline-head{
    margin-bottom:36px;
  }

  .manam-timeline-head h2{
    font-size:1.22rem;
    line-height:1.38;
  }

  .manam-timeline-list::before{
    right:22px;
    width:2px;
    top:14px;
    bottom:46px;
  }

  .manam-timeline-list::after{
    right:16px;
    top:7px;
    width:14px;
    height:14px;
  }

  .manam-timeline-item{
    grid-template-columns:46px minmax(0,1fr);
    gap:14px;
    min-height:116px;
    padding-bottom:36px;
  }

  .manam-timeline-point{
    width:13px;
    height:13px;
    margin-top:7px;
  }

  .manam-timeline-content strong{
    font-size:1.22rem;
  }

  .manam-timeline-content p{
    max-width:100%;
    font-size:.90rem;
    line-height:1.78;
  }

  .manam-sleep-timeline::after{
    width:118px;
  }
}

@media(max-width:420px){
  .manam-sleep-timeline{
    padding:50px 14px 72px;
  }

  .manam-timeline-head h2{
    font-size:1.10rem;
  }

  .manam-timeline-item{
    min-height:120px;
  }

  .manam-timeline-list::before{
    bottom:50px;
  }

  .manam-timeline-content strong{
    font-size:1.10rem;
  }

  .manam-timeline-content p{
    font-size:.84rem;
  }
}

/* Dream Guarantee */
.manam-dream-guarantee{
  width:100%;
  margin:0;
  padding:0 18px;
  box-sizing:border-box;
  background:linear-gradient(180deg,#030812 0%,#040811 42%,#00030F 100%);
}

.manam-dream-inner{
  position:relative;
  width:100%;
  max-width:760px;
  margin:0 auto;
  padding:18px 18px 20px;
  border:1px solid rgba(174,226,255,.08);
  border-radius:24px;
  overflow:hidden;
  box-sizing:border-box;
  background:
    radial-gradient(circle at 18% 20%, rgba(174,226,255,.14), transparent 28%),
    radial-gradient(circle at 84% 22%, rgba(247,215,122,.08), transparent 24%),
    linear-gradient(180deg,rgba(9,20,38,.92) 0%,rgba(3,8,18,.96) 100%);
  box-shadow:inset 0 0 26px rgba(174,226,255,.025);
}

.manam-dream-inner::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.34;
  pointer-events:none;
  background-image:
    radial-gradient(circle at 12% 14%, rgba(255,255,255,.95) .7px, transparent 1.3px),
    radial-gradient(circle at 28% 22%, rgba(174,226,255,.75) .6px, transparent 1.2px),
    radial-gradient(circle at 44% 10%, rgba(255,255,255,.85) .5px, transparent 1px),
    radial-gradient(circle at 61% 26%, rgba(255,255,255,.72) .7px, transparent 1.3px),
    radial-gradient(circle at 77% 16%, rgba(174,226,255,.7) .6px, transparent 1.2px),
    radial-gradient(circle at 89% 30%, rgba(255,255,255,.85) .5px, transparent 1px),
    radial-gradient(circle at 19% 38%, rgba(255,255,255,.72) .6px, transparent 1.2px),
    radial-gradient(circle at 67% 42%, rgba(174,226,255,.8) .7px, transparent 1.3px);
  animation:dreamStarsBlinkA 2.8s infinite alternate;
}

@keyframes dreamStarsBlinkA{
  0%{opacity:.18;}
  25%{opacity:.48;}
  50%{opacity:.22;}
  75%{opacity:.64;}
  100%{opacity:.30;}
}

.manam-dream-head{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}

.manam-dream-head h3{
  margin:0;
  color:#F7D77A;
  font-size:1.08rem;
  font-weight:900;
  letter-spacing:.2px;
  text-shadow:
    0 0 10px rgba(247,215,122,.42),
    0 0 22px rgba(247,215,122,.18);
}

.manam-real-moon{
  position:relative;
  flex-shrink:0;
  width:32px;
  height:32px;
  border-radius:50%;
  background:
    radial-gradient(circle at 35% 32%,#ffffff 0%,#f1f1e7 28%,#c8c6b8 62%,#8d8a7b 100%);
  box-shadow:
    0 0 14px rgba(255,255,255,.42),
    inset -5px -6px 8px rgba(0,0,0,.22),
    inset 4px 4px 8px rgba(255,255,255,.38);
}

.manam-real-moon::before{
  content:"";
  position:absolute;
  inset:7px 9px auto auto;
  width:4px;
  height:4px;
  border-radius:50%;
  background:rgba(120,116,100,.35);
  box-shadow:
    -10px 7px 0 rgba(120,116,100,.22),
    -2px 13px 0 rgba(120,116,100,.18),
    7px 10px 0 rgba(120,116,100,.20);
}

.manam-dream-line{
  position:relative;
  z-index:2;
  width:44px;
  height:1px;
  margin:10px auto 12px;
  background:linear-gradient(90deg,transparent,rgba(247,215,122,.8),transparent);
}

.manam-dream-inner p{
  position:relative;
  z-index:2;
  margin:0;
  color:#D9E7F4;
  font-size:.82rem;
  font-weight:500;
  line-height:1.9;
  text-align:center;
}

@media(max-width:480px){
  .manam-dream-guarantee{
    padding:0 14px;
  }

  .manam-dream-inner{
    padding:16px 14px 18px;
  }

  .manam-dream-head h3{
    font-size:1rem;
  }

  .manam-real-moon{
    width:30px;
    height:30px;
  }

  .manam-dream-inner p{
    font-size:.78rem;
  }
}

/* Formula Interactive Video */
.manam-formula-cinema{
  position:relative;
  isolation:isolate;
  overflow:visible;
  direction:rtl;
  margin:0;
  color:#fff;
  background:#000;
  font-family:inherit;
}

.manam-formula-cinema::before{
  content:none;
}

.manam-formula-step{
  position:sticky;
  top:0;
  height:min(100svh, 133.333vw);
  min-height:0;
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  padding:clamp(44px,9vh,90px) clamp(24px,7vw,90px) clamp(42px,8vh,84px);
  overflow:hidden;
  background:#020610;
  opacity:1;
  filter:blur(0);
  border-radius:var(--formula-radius,0);
  transform:translate3d(0,var(--formula-cover-y,0),0) scale(var(--formula-cover-scale,1));
  transform-origin:center top;
  will-change:transform,opacity,filter,border-radius;
  transition:
    opacity .95s cubic-bezier(.25,.7,.35,1),
    filter .95s ease,
    border-radius .95s cubic-bezier(.25,.7,.35,1);
}

.manam-formula-step + .manam-formula-step{
  margin-top:-18vh;
  border-top:1px solid rgba(255,255,255,.08);
  box-shadow:0 -46px 110px rgba(0,0,0,.74);
}

.manam-formula-step:nth-child(1){
  z-index:1;
}

.manam-formula-step:nth-child(2){
  z-index:2;
}

.manam-formula-step:nth-child(3){
  z-index:3;
}

.manam-formula-cinema.manam-formula-armed .manam-formula-step{
  opacity:.42;
  filter:blur(6px);
}

.manam-formula-cinema.manam-formula-armed .manam-formula-step.is-active,
.manam-formula-cinema.manam-formula-armed .manam-formula-step.manam-formula-step-visible{
  opacity:1;
  filter:blur(0);
}

.manam-formula-cinema.manam-formula-armed .manam-formula-step.manam-formula-step-visible .manam-formula-video-stack video{
  animation:manamFormulaPanelVideoIn 1.15s cubic-bezier(.25,.7,.35,1) both;
}

.manam-formula-video-stack{
  position:absolute;
  inset:0;
  z-index:0;
  background:
    url("https://cdn.files.salla.network/homepage/672257934/86537c1b-d288-4290-8fa9-47cbec0510d3_507x900.webp") center/cover no-repeat,
    #020610;
}

.manam-formula-video-stack video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  opacity:1;
  transform:scale(1.04);
  filter:saturate(.96) contrast(1.04);
}

.manam-formula-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 30%, rgba(174,226,255,.10), transparent 30%),
    linear-gradient(90deg,rgba(0,0,0,.80),rgba(0,0,0,.32) 48%,rgba(0,0,0,.72)),
    linear-gradient(180deg,rgba(0,0,0,.56),rgba(0,0,0,.14) 43%,rgba(0,0,0,.78));
}

.manam-formula-grain{
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  opacity:.28;
  background-image:
    radial-gradient(circle at 12% 18%, rgba(255,255,255,.62) .55px, transparent 1.1px),
    radial-gradient(circle at 38% 12%, rgba(174,226,255,.45) .5px, transparent 1px),
    radial-gradient(circle at 72% 24%, rgba(255,255,255,.5) .55px, transparent 1.1px),
    radial-gradient(circle at 91% 42%, rgba(174,226,255,.38) .6px, transparent 1.2px),
    radial-gradient(circle at 21% 64%, rgba(255,255,255,.48) .5px, transparent 1px),
    radial-gradient(circle at 56% 82%, rgba(255,255,255,.54) .6px, transparent 1.2px),
    radial-gradient(circle at 84% 78%, rgba(174,226,255,.42) .55px, transparent 1.1px);
  animation:manamFormulaStars 8s ease-in-out infinite;
}

.manam-formula-panel{
  position:relative;
  z-index:3;
  width:min(680px,92vw);
  max-width:680px;
  text-shadow:0 18px 42px rgba(0,0,0,.64);
  opacity:0;
  filter:blur(6px);
  transform:translate3d(0,14px,0);
  transition:
    opacity .86s cubic-bezier(.25,.7,.35,1),
    filter .86s ease,
    transform .86s cubic-bezier(.25,.7,.35,1);
}

.manam-formula-step.manam-formula-text-visible .manam-formula-panel{
  opacity:1;
  filter:blur(0);
  transform:translate3d(0,0,0);
}

.manam-formula-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-bottom:14px;
  color:#AEE2FF;
  font-size:clamp(.78rem,2vw,1rem);
  font-weight:700;
  line-height:1;
}

.manam-formula-panel h2{
  margin:0 0 16px;
  color:#fff;
  font-size:clamp(.95rem,3.15vw,2.32rem);
  font-weight:800;
  line-height:1.02;
  letter-spacing:0;
}

.manam-formula-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:18px;
}

.manam-formula-tags span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:7px 12px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  color:#F1F7FF;
  background:rgba(255,255,255,.10);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  font-size:clamp(.75rem,2vw,.96rem);
  font-weight:700;
  line-height:1;
  white-space:nowrap;
}

.manam-formula-panel p{
  margin:0;
  max-width:620px;
  color:rgba(236,246,255,.82);
  font-size:clamp(1rem,3.2vw,1.52rem);
  font-weight:500;
  line-height:1.9;
}

.manam-formula-progress{
  display:none;
}

.manam-formula-progress span{
  display:none;
}

@keyframes manamFormulaStars{
  0%,100%{opacity:.38;}
  45%{opacity:.64;}
  72%{opacity:.46;}
}

@keyframes manamFormulaPanelVideoIn{
  from{
    transform:scale(1.08);
    filter:saturate(.86) contrast(1.02) blur(3px);
  }

  to{
    transform:scale(1.04);
    filter:saturate(.96) contrast(1.04) blur(0);
  }
}

@media(max-width:760px){
  .manam-formula-step{
    height:min(92svh, 133.333vw);
    min-height:0;
    padding:42px 18px 68px;
  }

  .manam-formula-overlay{
    background:
      radial-gradient(circle at 50% 35%, rgba(174,226,255,.09), transparent 33%),
      linear-gradient(180deg,rgba(0,0,0,.42),rgba(0,0,0,.18) 38%,rgba(0,0,0,.84)),
      linear-gradient(90deg,rgba(0,0,0,.80),rgba(0,0,0,.36),rgba(0,0,0,.64));
  }

  .manam-formula-panel{
    width:100%;
  }

  .manam-formula-panel h2{
    font-size:clamp(.9rem,5.1vw,1.6rem);
  }

  .manam-formula-tags{
    gap:6px;
  }

  .manam-formula-tags span{
    min-height:30px;
    padding:6px 9px;
  }
}

/* Benefits Icons */
.manam-benefits{
  direction:rtl;
  background:#000;
  padding:8px 8px 16px;
  font-family:inherit;
}

/* Seamless Section Flow */
.sleep-products-slider,
.manam-formula-cinema,
.manam-benefits,
.manam-clean-details,
.manam-sleep-timeline,
.manam-dream-guarantee,
.manam-reviews-section,
.manam-founder-story{
  margin:0;
  border-top:0;
  border-bottom:0;
}

.sleep-products-slider,
.manam-formula-cinema,
.manam-benefits,
.manam-clean-details,
.manam-sleep-timeline,
.manam-dream-guarantee,
.manam-reviews-section,
.manam-founder-story{
  margin-top:-1px;
}

.manam-benefits-grid{
  max-width:1000px;
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.manam-benefit{
  flex:1;
  position:relative;
  padding:0 12px;
  text-align:center;
}

.manam-benefit:not(:last-child)::after{
  content:"";
  position:absolute;
  top:50%;
  left:0;
  width:1px;
  height:38px;
  background:rgba(145,210,255,.28);
  transform:translateY(-50%);
}

.manam-benefit lord-icon{
  display:block;
  width:45px !important;
  height:45px !important;
  margin:0 auto 8px;
}

.manam-benefit::before{
  display:none;
  align-items:center;
  justify-content:center;
  width:45px;
  height:45px;
  margin:0 auto 8px;
  border-radius:50%;
  color:#AEE2FF;
  font-family:Arial,"Segoe UI Symbol","Noto Sans Symbols",sans-serif;
  font-size:1.35rem;
  font-weight:900;
  background:rgba(174,226,255,.10);
  border:1px solid rgba(174,226,255,.14);
  box-shadow:0 0 18px rgba(174,226,255,.06);
}

.manam-benefit:nth-child(1)::before{
  content:"◷";
}

.manam-benefit:nth-child(2)::before{
  content:"☾";
}

.manam-benefit:nth-child(3)::before{
  content:"☀";
}

html:not(.manam-lordicons-ready) .manam-benefit::before{
  display:flex;
}

html:not(.manam-lordicons-ready) .manam-benefit lord-icon{
  display:none !important;
}

.manam-benefit h3{
  margin:0;
  color:#fff;
  font-size:12px;
  font-weight:800;
  line-height:1.4;
  white-space:nowrap;
}

@media(max-width:640px){
  .manam-benefit{
    padding:0 8px;
  }

  .manam-benefit lord-icon{
    width:38px !important;
    height:38px !important;
  }

  .manam-benefit::before{
    width:38px;
    height:38px;
    font-size:1.15rem;
  }

  .manam-benefit h3{
    font-size:10.5px;
  }
}




/* Discount Popup */
.manam-popup-wrap{
  position:fixed !important;
  inset:0 !important;
  z-index:999999999 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:18px;
  background:
    radial-gradient(circle at 50% 35%, rgba(174,226,255,.12), transparent 34%),
    rgba(0,0,0,.72) !important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  direction:rtl;
  font-family:inherit;
  overflow:hidden;
}

.manam-popup{
  position:relative;
  z-index:5;
  width:min(90vw,350px);
  padding:26px 18px 18px;
  border-radius:26px;
  border:1px solid rgba(174,226,255,.18);
  background:
    radial-gradient(circle at 50% -10%, rgba(174,226,255,.20), transparent 42%),
    radial-gradient(circle at 88% 18%, rgba(247,215,122,.12), transparent 30%),
    linear-gradient(180deg,rgba(11,25,46,.96) 0%,rgba(4,10,20,.98) 100%);
  color:#fff;
  text-align:center;
  box-shadow:0 22px 70px rgba(0,0,0,.62), inset 0 1px 0 rgba(255,255,255,.08);
  animation:manamPop .62s cubic-bezier(.22,.8,.22,1) both;
  overflow:hidden;
}

.manam-popup::before{
  content:"";
  position:absolute;
  top:16px;
  right:18px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#F7D77A;
  box-shadow:
    34px 18px 0 -3px rgba(255,255,255,.72),
    78px 4px 0 -4px rgba(174,226,255,.62),
    -44px 26px 0 -4px rgba(255,255,255,.58),
    0 0 18px rgba(247,215,122,.35);
  opacity:.72;
}

.manam-close{
  position:absolute;
  z-index:3;
  top:12px;
  left:12px;
  width:34px;
  height:34px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:50%;
  background:rgba(255,255,255,.07);
  color:rgba(255,255,255,.82);
  font-size:23px;
  line-height:1;
  cursor:pointer;
}



.manam-popup h2{
  position:relative;
  z-index:2;
  margin:0;
  font-size:clamp(1.2rem,3vw,1.50rem);
  font-weight:900;
  line-height:1.35;
}

.manam-popup p{
  position:relative;
  z-index:2;
  margin:10px auto 18px;
  max-width:280px;
  color:rgba(234,244,255,.76);
  font-size:.92rem;
  font-weight:500;
  line-height:1.85;
}

.manam-coupon{
  position:relative;
  z-index:2;
  margin-bottom:12px;
  padding:15px 14px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:18px;
  background:rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 14px 28px rgba(0,0,0,.18);
  color:#fff;
  font-size:1.05rem;
  font-weight:900;
}

.manam-copy-btn{
  position:relative;
  z-index:2;
  width:100%;
  min-height:48px;
  padding:13px 16px;
  border:0;
  border-radius:16px;
  background:linear-gradient(180deg,#BDEBFF 0%,#8FD8FF 100%);
  color:#061126;
  font-family:inherit;
  font-size:.98rem;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 14px 30px rgba(143,216,255,.22);
}

.manam-copy-msg{
  position:relative;
  z-index:2;
  display:none;
  margin-top:11px;
  color:#AEE2FF;
  font-size:.78rem;
  font-weight:700;
}

.manam-popup-foot{
  position:relative;
  z-index:2;
  margin-top:9px;
  color:rgba(255,255,255,.42);
  font-size:.68rem;
  font-weight:500;
}

@keyframes manamPop{
  from{opacity:0;transform:scale(.88) translateY(25px);}
  to{opacity:1;transform:scale(1) translateY(0);}
}

/* Simple hero video */
.manam-hero-simple{
  position:relative;
  width:100%;
  height:auto;
  min-height:0;
  aspect-ratio:2/3;
  margin:0;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.58)),
    url("https://cdn.files.salla.network/homepage/672257934/86537c1b-d288-4290-8fa9-47cbec0510d3_507x900.webp") center/cover no-repeat,
    #000;
  direction:rtl;
  isolation:isolate;
  color:#fff;
  opacity:1;
  filter:none;
  transition:opacity .95s cubic-bezier(.25,.7,.35,1), filter .95s cubic-bezier(.25,.7,.35,1);
  will-change:opacity,filter;
}

.manam-hero-simple.manam-hero-exiting{
  opacity:0;
  filter:blur(7px);
  pointer-events:none;
}

.manam-hero-simple__video{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  aspect-ratio:2/3;
  object-fit:cover;
  object-position:center center;
  background:#000;
  opacity:1;
}

.manam-hero-simple.is-video-fallback .manam-hero-simple__video{
  display:none;
}

.manam-hero-simple__shade{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(0,0,0,.32),rgba(0,0,0,.10) 45%,rgba(0,0,0,.62)),
    radial-gradient(circle at 50% 38%, rgba(255,255,255,.05), transparent 34%);
}

.manam-hero-simple__intro,
.manam-hero-simple__final{
  position:absolute;
  z-index:2;
  text-shadow:0 14px 34px rgba(0,0,0,.52);
}

.manam-hero-simple__intro{
  top:9%;
  left:0;
  right:0;
  width:min(88vw,660px);
  margin:0 auto;
  animation:manamHeroFade .9s ease both;
  text-align:center;
}

.manam-hero-simple__intro span{
  display:block;
  max-width:660px;
  margin:0;
  color:rgba(255,255,255,.96);
  font-size:clamp(1.54rem,4.8vw,2.5rem);
  font-weight:900;
  line-height:1.34;
}

.manam-hero-simple__intro h1{
  display:none;
}

.manam-hero-simple__intro p{
  display:none;
}

.manam-hero-simple__final{
  inset:0;
  opacity:0;
  pointer-events:none;
  animation:manamHeroFade 1.1s ease 2s forwards;
}

.manam-hero-simple__lines{
  position:absolute;
  right:clamp(18px,6vw,88px);
  left:clamp(18px,6vw,88px);
  bottom:20.5%;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  gap:6ch;
  color:#fff;
  font-size:clamp(1.04rem,3.5vw,2.6rem);
  font-weight:500;
  line-height:1.08;
  text-align:center;
  white-space:nowrap;
  letter-spacing:0;
}

.manam-hero-simple__logos{
  position:absolute;
  left:clamp(18px,5vw,72px);
  right:clamp(18px,5vw,72px);
  bottom:34%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}

.manam-hero-simple__logos img{
  display:block;
  max-width:min(32vw,170px);
  max-height:60px;
  object-fit:contain;
  filter:drop-shadow(0 12px 22px rgba(0,0,0,.44));
}

.manam-hero-simple__logos img:first-child{
  order:2;
}

.manam-hero-simple__logos img:last-child{
  order:1;
}

.manam-hero-simple__cta{
  position:absolute;
  left:50%;
  bottom:10.5%;
  z-index:3;
  min-width:min(72vw,270px);
  padding:14px 19px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:999px;
  color:#fff;
  background:rgba(255,255,255,.11);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 18px 38px rgba(0,0,0,.30);
  opacity:0;
  transform:translate3d(-50%,12px,0);
  text-align:center;
  text-decoration:none;
  font-size:.92rem;
  font-weight:800;
  animation:manamHeroCta .95s ease 2.15s forwards;
}

@keyframes manamHeroFade{
  from{opacity:0;transform:translate3d(0,16px,0);}
  to{opacity:1;transform:translate3d(0,0,0);}
}

@keyframes manamHeroCta{
  from{opacity:0;transform:translate3d(-50%,12px,0);}
  to{opacity:1;transform:translate3d(-50%,0,0);}
}

@media(max-width:640px){
  .manam-hero-simple{
    height:auto;
    min-height:0;
    aspect-ratio:2/3;
  }

  .manam-hero-simple__intro{
    top:8%;
    left:0;
    right:0;
    width:calc(100% - 32px);
    margin:0 auto;
  }

  .manam-hero-simple__lines{
    right:16px;
    left:16px;
    bottom:20%;
    gap:clamp(1.4ch,4vw,6ch);
    font-size:clamp(.72rem,4.05vw,1.12rem);
  }

  .manam-hero-simple__logos{
    left:18px;
    right:18px;
    bottom:33%;
    gap:14px;
  }

  .manam-hero-simple__logos img{
    max-width:min(21vw,90px);
    max-height:44px;
  }
}

/* Native Salla hero overlay */
.manam-native-hero-host{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate;
  direction:rtl;
  color:#fff;
  background:
    linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.58)),
    url("https://cdn.files.salla.network/homepage/672257934/86537c1b-d288-4290-8fa9-47cbec0510d3_507x900.webp") center/cover no-repeat,
    #000 !important;
}

.manam-native-hero-host .saji-hero-video__placeholder[src*="s-empty"]{
  opacity:0;
}

.manam-native-hero-host .hero-video-saji-lood,
.manam-native-hero-host video{
  background:#000;
}

.manam-native-hero-overlay{
  position:absolute;
  inset:0;
  z-index:6;
  pointer-events:none;
  direction:rtl;
  color:#fff;
  text-shadow:0 14px 34px rgba(0,0,0,.52);
  transition:opacity .95s cubic-bezier(.25,.7,.35,1), filter .95s cubic-bezier(.25,.7,.35,1);
}

.manam-native-hero-host.manam-native-hero-exiting .manam-native-hero-overlay{
  opacity:0;
  filter:blur(7px);
}

.manam-native-hero-overlay__intro,
.manam-native-hero-overlay__final{
  position:absolute;
  z-index:2;
}

.manam-native-hero-overlay__intro{
  top:40%;
  left:0;
  right:0;
  width:min(88vw,660px);
  margin:0 auto;
  animation:manamHeroFade .9s ease both;
  text-align:center;
}

.manam-native-hero-overlay__intro span{
  display:block;
  max-width:660px;
  margin:0;
  color:rgba(255,255,255,.96);
  font-size:clamp(1.28rem,4vw,2.05rem);
  font-weight:900;
  line-height:1.34;
}

.manam-native-hero-overlay__final{
  inset:0;
  opacity:0;
  animation:manamHeroFade 1.1s ease 2s forwards;
}

.manam-native-hero-overlay__lines{
  position:absolute;
  right:clamp(18px,6vw,88px);
  left:clamp(18px,6vw,88px);
  bottom:20.5%;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  gap:6ch;
  color:#fff;
  font-size:clamp(1.04rem,3.5vw,2.6rem);
  font-weight:500;
  line-height:1.08;
  text-align:center;
  white-space:nowrap;
  letter-spacing:0;
}

.manam-native-hero-overlay__logos{
  position:absolute;
  left:clamp(18px,5vw,72px);
  right:clamp(18px,5vw,72px);
  bottom:34%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}

.manam-native-hero-overlay__logos img{
  display:block;
  max-width:min(32vw,170px);
  max-height:60px;
  object-fit:contain;
  filter:drop-shadow(0 12px 22px rgba(0,0,0,.44));
}

.manam-native-hero-overlay__logos img:first-child{
  order:2;
}

.manam-native-hero-overlay__logos img:last-child{
  order:1;
}

.manam-native-hero-overlay__cta{
  position:absolute;
  left:50%;
  bottom:10.5%;
  z-index:3;
  min-width:min(72vw,270px);
  padding:14px 19px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:999px;
  color:#fff;
  background:rgba(255,255,255,.11);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 18px 38px rgba(0,0,0,.30);
  opacity:0;
  transform:translate3d(-50%,12px,0);
  text-align:center;
  text-decoration:none;
  font-size:.92rem;
  font-weight:800;
  pointer-events:auto;
  animation:manamHeroCta .95s ease 2.15s forwards;
}

@media(max-width:640px){
  .manam-native-hero-overlay__intro{
    top:15%;
    left:0;
    right:0;
    width:calc(100% - 32px);
    margin:0 auto;
  }

  .manam-native-hero-overlay__lines{
    right:16px;
    left:16px;
    bottom:20%;
    gap:clamp(1.4ch,4vw,6ch);
    font-size:clamp(.72rem,4.05vw,1.12rem);
  }

  .manam-native-hero-overlay__logos{
    left:18px;
    right:18px;
    bottom:33%;
    gap:14px;
  }

  .manam-native-hero-overlay__logos img{
    max-width:min(21vw,90px);
    max-height:44px;
  }
}

    html,body{margin:0;min-height:100%;background:#000;}
    *{box-sizing:border-box;}



.manam-chatbase-section{
  width:100%;
  padding:34px 14px 42px;
  box-sizing:border-box;
  background:
    radial-gradient(circle at 50% 0%, rgba(174,226,255,.10), transparent 34%),
    linear-gradient(180deg, #050B16 0%, #02050B 100%);
  font-family:inherit;
}

.manam-chatbase-content{
  max-width:560px;
  margin:0 auto 20px;
  text-align:center;
  color:#fff;
}

.manam-chatbase-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-bottom:10px;
  padding:7px 14px;
  border:1px solid rgba(174,226,255,.22);
  border-radius:999px;
  background:rgba(174,226,255,.07);
  color:#AEE2FF;
  font-size:13px;
  font-weight:600;
}

.manam-chatbase-content h2{
  margin:0 0 10px;
  font-size:clamp(28px, 6vw, 42px);
  line-height:1.25;
  font-weight:700;
  color:#fff;
  letter-spacing:0;
}

.manam-chatbase-content p{
  max-width:430px;
  margin:0 auto;
  font-size:15px;
  line-height:1.8;
  font-weight:400;
  color:rgba(255,255,255,.68);
}

.manam-chatbase-box{
  width:100%;
  max-width:520px;
  height:650px;
  margin:0 auto;
  overflow:hidden;
  border-radius:26px;
  border:1px solid rgba(174,226,255,.16);
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025)),
    #070D18;
  box-shadow:
    0 22px 70px rgba(0,0,0,.42),
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 0 34px rgba(174,226,255,.08);
  box-sizing:border-box;
}

.manam-chatbase-iframe{
  width:100%;
  height:100%;
  border:0;
  display:block;
  background:#070D18;
}

@media(max-width:480px){
  .manam-chatbase-section{
    padding:28px 10px 36px;
  }

  .manam-chatbase-content{
    margin-bottom:16px;
  }

  .manam-chatbase-content h2{
    font-size:30px;
  }

  .manam-chatbase-content p{
    font-size:14px;
  }

  .manam-chatbase-box{
    height:620px;
    border-radius:22px;
  }
}

/* Store Soft Reveal Layer */
html.manam-reveal-ready .manam-soft-reveal{
  opacity:0;
  filter:blur(5px);
  transform:translate3d(0,18px,0);
  transition:
    opacity 1.05s cubic-bezier(.25,.7,.35,1),
    filter 1.05s ease,
    transform 1.05s cubic-bezier(.25,.7,.35,1);
  transition-delay:var(--manam-reveal-delay,0ms);
  will-change:opacity,filter,transform;
}

html.manam-reveal-ready .manam-soft-reveal.manam-soft-visible{
  opacity:1;
  filter:blur(0);
  transform:translate3d(0,0,0);
}

@media(prefers-reduced-motion:reduce){
  html.manam-reveal-ready .manam-soft-reveal{
    opacity:1;
    filter:none;
    transform:none;
    transition:none;
  }
}


.manam-floating-cart{
  position:fixed;
  right:14px;
  bottom:max(16px, calc(env(safe-area-inset-bottom) + 12px));
  z-index:80;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:8px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate3d(0,14px,0);
  transition:
    opacity .72s cubic-bezier(.25,.7,.35,1),
    visibility .72s,
    transform .72s cubic-bezier(.25,.7,.35,1);
  font-family:inherit;
}

.manam-floating-cart.is-visible{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translate3d(0,0,0);
}

.manam-floating-cart__options{
  display:grid;
  gap:7px;
  width:170px;
  padding:8px;
  border:1px solid rgba(174,226,255,.16);
  border-radius:18px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.035)),
    rgba(5,11,22,.92);
  box-shadow:
    0 18px 44px rgba(0,0,0,.34),
    0 0 24px rgba(174,226,255,.08);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  opacity:0;
  transform:translate3d(0,8px,0) scale(.98);
  visibility:hidden;
  pointer-events:none;
  transition:
    opacity .32s ease,
    visibility .32s,
    transform .32s cubic-bezier(.25,.7,.35,1);
}

.manam-floating-cart.is-open .manam-floating-cart__options{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translate3d(0,0,0) scale(1);
}

.manam-floating-cart__option,
.manam-floating-cart__main{
  border:0;
  font-family:inherit;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}

.manam-floating-cart__option{
  width:100%;
  min-height:38px;
  padding:9px 11px;
  border-radius:13px;
  color:#fff;
  background:rgba(255,255,255,.07);
  font-size:13px;
  font-weight:700;
  text-align:right;
  transition:background .22s ease, transform .22s ease;
}

.manam-floating-cart__option:hover{
  background:rgba(174,226,255,.13);
  transform:translate3d(-2px,0,0);
}

.manam-floating-cart__main{
  min-width:134px;
  min-height:44px;
  padding:0 16px;
  border:1px solid rgba(174,226,255,.22);
  border-radius:999px;
  color:#06111F;
  background:linear-gradient(135deg,#AEE2FF 0%,#F3FBFF 100%);
  box-shadow:
    0 14px 34px rgba(0,0,0,.32),
    0 0 24px rgba(174,226,255,.16);
  font-size:14px;
  font-weight:800;
  animation:manamFloatingCartShake 7s ease-in-out infinite;
}

.manam-floating-cart.is-checkout .manam-floating-cart__main{
  min-width:148px;
  color:#06111F;
  background:
    linear-gradient(135deg,#F7D77A 0%,#FFF7D1 44%,#AEE2FF 100%);
  box-shadow:
    0 16px 38px rgba(0,0,0,.38),
    0 0 30px rgba(247,215,122,.22),
    0 0 24px rgba(174,226,255,.14);
  animation:manamFloatingCheckoutShake 7s ease-in-out infinite;
}

.manam-floating-cart__main[disabled],
.manam-floating-cart__option[disabled]{
  cursor:wait;
  opacity:.78;
}

@keyframes manamFloatingCartShake{
  0%,88%,100%{transform:translate3d(0,0,0) rotate(0deg);}
  90%{transform:translate3d(2px,0,0) rotate(-1.4deg);}
  92%{transform:translate3d(3px,0,0) rotate(1.4deg);}
  94%{transform:translate3d(-2px,0,0) rotate(-.9deg);}
  96%{transform:translate3d(1px,0,0) rotate(.7deg);}
}

@keyframes manamFloatingCheckoutShake{
  0%,84%,100%{transform:translate3d(0,0,0) rotate(0deg) scale(1);}
  87%{transform:translate3d(-4px,0,0) rotate(-2.2deg) scale(1.018);}
  90%{transform:translate3d(5px,0,0) rotate(2.2deg) scale(1.028);}
  93%{transform:translate3d(-4px,0,0) rotate(-1.3deg) scale(1.014);}
  96%{transform:translate3d(2px,0,0) rotate(.9deg) scale(1);}
}

@media(max-width:480px){
  .manam-floating-cart{
    right:10px;
    bottom:max(12px, calc(env(safe-area-inset-bottom) + 10px));
  }

  .manam-floating-cart__main{
    min-width:124px;
    min-height:42px;
    padding:0 14px;
    font-size:13px;
  }

  .manam-floating-cart.is-checkout .manam-floating-cart__main{
    min-width:138px;
  }

  .manam-floating-cart__options{
    width:158px;
  }
}

@media(prefers-reduced-motion:reduce){
  .manam-floating-cart,
  .manam-floating-cart__options,
  .manam-floating-cart__main,
  .manam-floating-cart__option{
    animation:none;
    transition:none;
  }
}