:root{--purple:#57318a;--deep:#3e1d66;--mint:#30ac8a;--cream:#f8f4ea;--ink:#332844;--muted:#756d7c;--white:#fff;--border:#e8dfed}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);font-family:Almarai,Arial,sans-serif;color:var(--ink);overflow-x:hidden}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 64px));margin:auto}.announcement{height:34px;background:var(--deep);color:#fff;display:flex;align-items:center;justify-content:center;gap:20px;font-size:10px;letter-spacing:.1px}.announcement .spark{color:#66d7ba}.header{position:sticky;top:0;z-index:20;background:rgba(248,244,234,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(87,49,138,.09)}.nav{height:83px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:flex;flex-direction:column;line-height:1;min-width:130px;color:var(--purple)}.logo-ar{font-weight:800;font-size:37px;letter-spacing:-3px;position:relative}.logo-mark{font-size:14px;color:var(--mint);vertical-align:top;margin-right:5px;letter-spacing:0}.logo small,.footer-brand small{font:700 9px 'DM Sans',sans-serif;letter-spacing:4px;margin-top:5px;margin-right:12px}.nav-links{display:flex;align-items:center;gap:27px}.nav-links a{font-size:12px;font-weight:700;transition:color .2s}.nav-links a:hover{color:var(--mint)}.nav-actions{display:flex;align-items:center;gap:14px}.lang-btn{background:transparent;border:0;color:var(--purple);font:700 12px 'DM Sans',sans-serif;padding:10px}.nav-cta{background:var(--purple);color:white;border-radius:100px;padding:15px 21px;font-size:11px;font-weight:700}.menu-btn{display:none;background:none;border:0;width:34px;padding:6px}.menu-btn span{display:block;height:2px;background:var(--purple);margin:5px 0}.hero{background:#f5f0e7;position:relative;min-height:680px;overflow:hidden}.hero-pattern{position:absolute;inset:0;opacity:.22;background-image:repeating-radial-gradient(ellipse at 93% 50%,transparent 0 17px,#d8c9dc 18px 19px,transparent 20px 35px);mask-image:linear-gradient(90deg,transparent 20%,black)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:660px;position:relative;gap:40px}.hero-copy{padding:70px 0 60px;position:relative;z-index:2}.eyebrow,.section-label{color:var(--purple);font-weight:800;font-size:11px;letter-spacing:.3px;display:flex;align-items:center;gap:10px}.dot{width:8px;height:8px;background:var(--mint);border-radius:50%}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(49px,5.6vw,82px);letter-spacing:-3.8px;line-height:1.37;color:var(--purple);margin:24px 0}h1 em,h2 em{font-style:normal;color:var(--mint)}.hero-copy>p{max-width:500px;font-size:15px;line-height:2.4;color:#6d6470}.hero-buttons{display:flex;gap:13px;margin-top:32px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:17px 24px;border-radius:50px;font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 12px 30px #3e1d6620}.button.primary{background:var(--purple);color:white}.button.primary span{font-size:19px}.button.secondary{border:1px solid #c9b9d8;color:var(--purple)}.hero-bottom{display:flex;align-items:center;gap:16px;margin-top:65px;font:700 10px 'DM Sans',sans-serif;letter-spacing:2px;color:#9b8e9d}.hero-bottom .line{height:1px;width:60px;background:var(--mint)}.hero-art{height:540px;position:relative;display:grid;place-items:center}.art-orbit{position:absolute;border:1px solid #d7c6dd;border-radius:50%;width:530px;height:530px}.orbit-two{width:460px;height:460px}.art-disc{width:405px;height:405px;border-radius:50%;background:#d4b793;box-shadow:0 40px 70px #49245d21;display:grid;place-items:center;position:relative;transform:rotate(-10deg)}.plate{width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,#faf6ea 0 56%,#e6d5b7 57% 66%,#f8e9d0 67% 72%,#dfc29c 73%);box-shadow:inset 0 0 22px #9e795d55,0 8px 20px #0002;position:relative}.food{position:absolute}.rice{width:170px;height:145px;border-radius:45%;top:92px;left:90px;background:radial-gradient(ellipse at 15% 20%,#fff 0 2px,transparent 3px),radial-gradient(ellipse at 70% 40%,#eee5d1 0 3px,transparent 4px),radial-gradient(ellipse at 40% 70%,#fff 0 3px,transparent 4px),#f5efdc;box-shadow:inset 0 0 16px #bdb49a}.chicken{width:75px;height:57px;border-radius:35% 40% 45% 40%;background:radial-gradient(circle at 35% 35%,#e78e42 0 12%,#b85b22 50%,#63381f 85%);box-shadow:inset -6px -5px 8px #4b2c1d88,0 5px 5px #0002}.chicken.one{top:47px;left:137px;transform:rotate(30deg)}.chicken.two{top:177px;left:40px;transform:rotate(-40deg)}.chicken.three{top:220px;left:220px;transform:rotate(18deg)}.green{width:90px;height:19px;background:#5d893b;border-radius:90%;transform:rotate(25deg)}.green.one{top:84px;left:42px}.green.two{top:241px;left:128px;transform:rotate(-45deg)}.tomato{width:37px;height:37px;background:#d4482f;border-radius:50%;top:128px;left:235px;box-shadow:inset -5px -4px 7px #7f2b20}.floating-tag{position:absolute;right:-10px;bottom:72px;background:white;padding:21px 25px;border-radius:16px;box-shadow:0 14px 35px #44236a24;display:flex;align-items:center;gap:15px;color:var(--purple);font-size:15px;line-height:1.7;transform:rotate(4deg)}.floating-tag>span:first-child{color:var(--mint);font-size:33px}.art-caption{position:absolute;bottom:5px;left:15px;font:700 10px 'DM Sans',sans-serif;letter-spacing:2px;color:var(--purple)}.art-caption span{color:var(--mint)}.hero-side{position:absolute;bottom:32px;left:32px;color:#9b8e9d;font:700 11px 'DM Sans',sans-serif}.marquee{height:70px;background:var(--purple);color:#fff;display:flex;align-items:center;overflow:hidden;white-space:nowrap}.marquee>div{font:700 15px 'DM Sans',Almarai,sans-serif;letter-spacing:2px;word-spacing:25px;min-width:max-content;animation:drift 26s linear infinite}.marquee span{color:#69d3b4;margin:0 18px}@keyframes drift{to{transform:translateX(25%)}}.section{padding:120px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.about-visual{position:relative}.about-frame{height:490px;background:#e8dfec;border-radius:160px 160px 18px 18px;display:grid;place-items:center;overflow:hidden;position:relative}.about-frame:before{content:'';position:absolute;inset:35px;border:1px solid #c6b4d3;border-radius:150px 150px 15px 15px}.box-graphic{position:relative;width:240px;transform:rotate(-7deg);filter:drop-shadow(18px 22px 17px #2b104f40)}.box-top{height:65px;background:#6b439b;clip-path:polygon(0 100%,18% 0,82% 0,100% 100%)}.box-face{height:270px;background:linear-gradient(130deg,#683b9a,#4c217a);display:flex;flex-direction:column;align-items:center;justify-content:space-around;color:#f5ecdc;border-radius:4px}.box-face strong{font-size:63px;letter-spacing:-6px}.box-face small{font:700 12px 'DM Sans',sans-serif;letter-spacing:4px}.box-tagline{font-size:10px;color:#7ce1c0}.box-ornament{color:#77d8bc;letter-spacing:20px}.visual-note{position:absolute;bottom:-26px;left:0;font:700 10px 'DM Sans',sans-serif;letter-spacing:2px;color:#91809a}.about-text h2,.section-head h2,.packages h2,.faq h2,.contact h2{font-size:clamp(39px,4.4vw,62px);letter-spacing:-2px;line-height:1.55;color:var(--purple);margin:20px 0}.about-text p,.section-head p,.faq-grid>div>p{font-size:14px;line-height:2.4;color:#665e6a;max-width:500px}.about-text .muted{color:#948b96}.text-link{display:inline-flex;gap:35px;border-bottom:2px solid var(--mint);padding:14px 0;color:var(--purple);font-weight:800;font-size:13px;margin-top:20px}.text-link span{font-size:20px}.experience{background:white}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:35px}.section-head p{max-width:400px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{background:#f9f6f0;border-radius:20px;padding:38px 30px;min-height:290px;position:relative;transition:transform .2s}.feature:hover{transform:translateY(-5px)}.feature-icon{font-size:43px;color:var(--mint)}.feature>span{position:absolute;top:38px;left:30px;font:700 12px 'DM Sans',sans-serif;color:#b9a8c7}.feature h3{color:var(--purple);font-size:20px;margin:27px 0 12px}.feature p{font-size:12px;line-height:2.3;color:#756d7c}.meal-gallery{display:grid;grid-template-columns:1.65fr 1fr;gap:20px;height:430px}.gallery-main{border-radius:22px;overflow:hidden;position:relative;background:#ddd}.gallery-main img{height:100%;width:100%;object-fit:cover;object-position:center}.gallery-overlay{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,#26133ed9);padding:65px 35px 25px;color:#fff;display:flex;flex-direction:column;gap:8px}.gallery-overlay span{font-size:11px}.gallery-overlay strong{font-size:22px}.gallery-side{display:grid;grid-template-rows:1fr 1fr;gap:20px}.gallery-quote,.gallery-note{border-radius:22px;padding:26px 35px;display:flex;flex-direction:column;justify-content:space-between}.gallery-quote{background:var(--purple);color:white}.gallery-quote>span{color:#7ee2c3;font-size:30px}.gallery-quote strong{font-size:29px;line-height:1.45}.gallery-quote small{font:700 10px 'DM Sans',sans-serif;letter-spacing:3px}.gallery-note{background:#d7f0e4;color:var(--purple)}.gallery-note>span{font:700 10px 'DM Sans',sans-serif;letter-spacing:3px}.gallery-note p{font-size:20px;font-weight:800;line-height:1.6;margin:0}.packages{background:var(--purple);color:white;overflow:hidden}.packages-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.section-label.light{color:#9ce6ce}.packages h2,.contact h2{color:white}.packages h2 em,.contact h2 em{color:#8de0c1}.packages p{line-height:2.3;font-size:14px;color:#e0d5ec;max-width:490px;margin-bottom:30px}.button.cream{background:var(--cream);color:var(--purple)}.package-art{height:370px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;border:1px solid #ffffff40;border-radius:220px 220px 18px 18px}.package-ring{position:absolute;width:310px;height:310px;border:1px solid #ffffff38;border-radius:50%}.package-art strong{font-size:105px;letter-spacing:-11px;line-height:1.4}.package-art small{font:700 14px 'DM Sans',sans-serif;letter-spacing:8px}.package-star{position:absolute;top:34px;color:#8de0c1;font-size:28px}.package-foot{position:absolute;bottom:25px;font:700 10px 'DM Sans',sans-serif;letter-spacing:2px;color:#8de0c1}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.faq-list details{border-bottom:1px solid #d9cddd;padding:24px 0}.faq-list summary{cursor:pointer;list-style:none;font-size:16px;font-weight:800;color:var(--purple);display:flex;align-items:center;justify-content:space-between;gap:20px}.faq-list summary:after{content:'+';font:400 30px 'DM Sans',sans-serif;color:var(--mint)}.faq-list details[open] summary:after{content:'−'}.faq-list details p{color:#746b7b;font-size:13px;line-height:2.2;margin:15px 0 0}.contact{background:var(--deep);padding:105px 0;text-align:center;position:relative;overflow:hidden}.contact:before,.contact:after{content:'';position:absolute;border:1px solid #ffffff1f;border-radius:50%;width:500px;height:500px;top:-150px}.contact:before{right:-230px}.contact:after{left:-230px}.contact-inner{position:relative;z-index:1;display:flex;align-items:center;flex-direction:column}.contact-star{font-size:45px;color:#87dfbd;margin-bottom:15px}.contact h2{margin:12px 0}.contact p{color:#ddd0e9;line-height:2.1;font-size:14px;margin-bottom:30px}footer{background:#f4efe7;padding-top:60px}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px;padding-bottom:60px}.footer-brand{display:flex;flex-direction:column;align-items:flex-start;color:var(--purple)}.footer-brand p{font-size:12px;color:#796e7c;margin:24px 0 0}.footer-links{display:flex;flex-direction:column;gap:18px;font-size:12px;font-weight:700;color:var(--purple)}.footer-social{display:flex;flex-direction:column;gap:17px;font-size:12px;color:var(--purple)}.footer-social span{color:#928698;font-size:10px}.footer-social a{font:700 15px 'DM Sans',sans-serif}.footer-bottom{border-top:1px solid #ded4df;display:flex;justify-content:space-between;padding:24px 0;color:#958b98;font-size:11px}.footer-bottom>span:first-child{font-family:'DM Sans',sans-serif}body[dir=ltr] .hero-bottom,body[dir=ltr] .art-caption,body[dir=ltr] .visual-note{direction:ltr}body[dir=ltr] h1,body[dir=ltr] h2{letter-spacing:-2px}body[dir=ltr] .logo-ar{letter-spacing:-3px}body[dir=ltr] .floating-tag{right:auto;left:-10px}body[dir=ltr] .hero-pattern{transform:scaleX(-1)}@media(max-width:1050px){.nav-links{gap:13px}.nav-links a{font-size:10px}.hero-grid{gap:10px}.art-disc{width:350px;height:350px}.plate{transform:scale(.88)}.about-grid,.faq-grid{gap:50px}.package-art strong{font-size:85px}}@media(max-width:780px){.container{width:min(100% - 36px,600px)}.announcement{font-size:8px;gap:10px}.nav{height:69px}.logo-ar{font-size:30px}.nav-cta{display:none}.menu-btn{display:block}.nav-links{display:none;position:absolute;top:69px;left:0;right:0;background:var(--cream);padding:22px 24px 28px;box-shadow:0 15px 25px #0001;flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links a{font-size:14px;padding:13px;border-bottom:1px solid #e8dfed}.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{padding:65px 0 10px}.hero-copy>p{font-size:13px}.hero-bottom{margin-top:34px}.hero-art{height:430px}.art-orbit{width:380px;height:380px}.orbit-two{width:330px;height:330px}.art-disc{width:300px;height:300px}.plate{transform:scale(.76)}.floating-tag{right:0;bottom:45px;font-size:12px;padding:13px}.art-caption{bottom:15px}.hero-side{display:none}.section{padding:75px 0}.about-grid,.packages-grid,.faq-grid{grid-template-columns:1fr;gap:55px}.about-frame{height:400px}.section-head{display:block}.section-head p{max-width:100%}.features{grid-template-columns:1fr}.feature{min-height:210px}.meal-gallery{grid-template-columns:1fr;height:auto}.gallery-main{height:350px}.gallery-side{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.gallery-quote,.gallery-note{min-height:200px;padding:20px}.gallery-quote strong{font-size:22px}.gallery-note p{font-size:16px}.package-art{height:300px}.package-art strong{font-size:76px}.footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{font-size:10px}}@media(max-width:420px){h1{font-size:47px}.hero-art{height:365px}.art-orbit{width:330px;height:330px}.orbit-two{width:285px;height:285px}.art-disc{width:260px;height:260px}.plate{transform:scale(.67)}.hero-buttons{gap:8px}.button{padding:14px 16px;font-size:10px;gap:12px}.gallery-main{height:270px}.gallery-side{grid-template-columns:1fr;grid-template-rows:190px 190px}.about-frame{height:350px}.box-graphic{transform:scale(.8) rotate(-7deg)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee>div{animation:none}*{transition:none!important}}

/* Instagram-sourced brand visuals supplied by the user */
.gallery-main img{width:100%;height:100%;object-fit:cover;object-position:center}.gallery-side .gallery-photo{min-height:180px;overflow:hidden;border-radius:12px}.gallery-side .gallery-photo img{width:100%;height:100%;object-fit:cover;display:block}

/* MAUZON v3 - editorial photography refresh */
.hero-photo{position:relative;min-height:520px;overflow:hidden;border-radius:240px 240px 30px 30px;background:radial-gradient(circle at 45% 40%,#d5bce3,#684093 75%);box-shadow:0 30px 70px #270e4433;isolation:isolate}
.hero-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.08)}
.hero-photo:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#210c3888);pointer-events:none}
.photo-badge{position:absolute;top:10%;right:4%;z-index:2;display:flex;gap:10px;align-items:center;background:#f9f2e8;color:#57318a;border-radius:100px;padding:15px 23px;transform:rotate(7deg);box-shadow:0 10px 28px #0002;font-size:20px;line-height:1.3}
.photo-badge span{font-size:32px;color:#30ac8a}.photo-credit{position:absolute;bottom:20px;left:24px;color:white;z-index:2;font:600 11px 'DM Sans',sans-serif;letter-spacing:2px}
.steps-strip{background:#f7f1e6;padding:19px 0;border-bottom:1px solid #e7ddec}.steps-inner{display:flex;justify-content:center;align-items:center;gap:clamp(12px,4vw,65px);color:#57318a;font-size:13px}.steps-inner span{white-space:nowrap}.steps-inner b{margin-inline-start:7px}.steps-inner>span:nth-child(even){color:#30ac8a}
.modern-gallery .gallery-main,.modern-gallery .gallery-photo{background:#e5d6e8;overflow:hidden}.modern-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.modern-gallery img:hover{transform:scale(1.035)}
@media(max-width:800px){.hero-photo{min-height:370px;border-radius:190px 190px 24px 24px}.photo-badge{font-size:15px;padding:10px 16px}.steps-inner{gap:10px;font-size:10px;flex-wrap:wrap}.steps-inner b{margin-inline-start:3px}}
@media(prefers-reduced-motion:reduce){.modern-gallery img{transition:none}}

/* V4 customer journey */
.plan-discovery{background:#fff}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.journey-grid article{background:var(--cream);border:1px solid var(--border);border-radius:22px;padding:32px;min-height:210px}.journey-grid article span{font-weight:800;color:var(--mint);font-size:27px}.journey-grid article h3{color:var(--purple);font-size:20px}.journey-grid article p{color:var(--muted);font-size:14px;line-height:2}.live-plans{background:#f4ecfa}.api-plan-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.plan-placeholder,.plan-card{padding:30px;background:white;border:1px solid var(--border);border-radius:22px}.plan-placeholder strong{color:var(--purple)}.plan-placeholder p,.plan-card p{color:var(--muted);line-height:1.9}.plan-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px}.plan-card h3{color:var(--purple)}.plan-card a{display:inline-block;background:var(--purple);color:#fff;padding:10px 18px;border-radius:30px;margin-top:12px}.image-disclaimer{font-size:11px;color:#766d7a}@media(max-width:760px){.journey-grid{grid-template-columns:1fr}.journey-grid article{min-height:auto;padding:24px}}


/* Fix old gallery styles affecting live menu */

#meals .meal-gallery.mauzon-meals-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-auto-rows: auto !important;
  gap: 24px !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

#meals .mauzon-meal-card {
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  background: #fff !important;
  border: 1px solid #eee7f3 !important;
  border-radius: 22px !important;
  overflow: hidden !important;
}

#meals .mauzon-meal-card img {
  display: block !important;
  width: 100% !important;
  height: 220px !important;
  min-height: 220px !important;
  object-fit: cover !important;
  opacity: 1 !important;
  visibility: visible !important;
}

#meals .mauzon-meal-card h3,
#meals .mauzon-meal-card p {
  display: block !important;
  position: static !important;
  opacity: 1 !important;
  visibility: visible !important;
}

@media (max-width: 900px) {
  #meals .meal-gallery.mauzon-meals-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 600px) {
  #meals .meal-gallery.mauzon-meals-grid {
    grid-template-columns: 1fr !important;
  }
}


/* MAUZON MENU FILTERS */

#meals .mauzon-menu-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 28px 0 30px;
}

#meals .mauzon-category-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

#meals .mauzon-filter-btn {
  border: 1px solid #d9c9e7;
  background: #fff;
  color: #57318a;
  padding: 12px 20px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 800;
  transition: .2s ease;
}

#meals .mauzon-filter-btn:hover,
#meals .mauzon-filter-btn.active {
  background: #57318a;
  color: #fff;
  border-color: #57318a;
}

#meals .mauzon-day-select {
  border: 1px solid #d9c9e7;
  border-radius: 50px;
  background: white;
  color: #57318a;
  padding: 12px 20px;
  font: 700 13px Almarai, sans-serif;
  min-width: 180px;
}

#meals .mauzon-results-count {
  color: #756d7c;
  font-size: 12px;
  margin: 0 0 20px;
}

#meals .mauzon-empty {
  padding: 45px 20px;
  text-align: center;
  color: #756d7c;
  background: #fff;
  border-radius: 20px;
}

@media (max-width: 600px) {
  #meals .mauzon-menu-filters {
    flex-direction: column;
    align-items: stretch;
  }

  #meals .mauzon-category-buttons {
    gap: 8px;
  }

  #meals .mauzon-filter-btn {
    padding: 10px 14px;
    font-size: 11px;
  }

  #meals .mauzon-day-select {
    width: 100%;
  }
}


/* MAUZON - Live Techrar Plans */

#api-plan-list {
  margin-top: 30px;
}

.mauzon-plan-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 30px;
}

.mauzon-plan-tab {
  padding: 12px 20px;
  border: 1px solid #e5deee;
  border-radius: 30px;
  background: #fff;
  color: #57318a;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
  transition: all .2s ease;
}

.mauzon-plan-tab:hover,
.mauzon-plan-tab.active {
  background: #57318a;
  color: #fff;
  border-color: #57318a;
}

.mauzon-plan-heading {
  margin-bottom: 22px;
}

.mauzon-plan-heading h3 {
  font-size: clamp(24px, 3vw, 34px);
  color: #57318a;
  margin: 0 0 8px;
}

.mauzon-plan-heading p {
  color: #777;
  margin: 0;
}

.mauzon-plans-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.mauzon-plan-card {
  overflow: hidden;
  background: #fff;
  border: 1px solid #eee8f3;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(48, 27, 75, .06);
  transition: transform .2s ease, box-shadow .2s ease;
}

.mauzon-plan-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 35px rgba(48, 27, 75, .12);
}

.mauzon-plan-image {
  display: block;
  width: 100%;
  height: 210px;
  object-fit: cover;
  background: #f8f4ea;
}

.mauzon-plan-body {
  padding: 22px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}

.mauzon-plan-duration {
  display: inline-block;
  background: #e8f7f1;
  color: #168568;
  padding: 7px 13px;
  border-radius: 30px;
  font-size: 13px;
  font-weight: 700;
}

.mauzon-plan-description {
  color: #51495c;
  font-size: 15px;
  line-height: 1.9;
  min-height: 65px;
  margin: 0;
}

.mauzon-plan-price-label {
  color: #777;
  font-size: 13px;
}

.mauzon-plan-price {
  color: #57318a;
  font-size: 26px;
  font-weight: 800;
}

@media (max-width: 900px) {
  .mauzon-plans-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .mauzon-plans-grid {
    grid-template-columns: 1fr;
  }

  .mauzon-plan-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 8px;
  }

  .mauzon-plan-tab {
    flex: 0 0 auto;
  }

  .mauzon-plan-image {
    height: 220px;
  }
}


/* MAUZON PLANS - Layout Fix */

#live-plans #api-plan-list {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 35px;
}

#live-plans .mauzon-plan-tabs {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  gap: 12px !important;
  margin: 0 0 35px !important;
}

#live-plans .mauzon-plan-tab {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 110px !important;
  height: 46px !important;
  min-height: 0 !important;
  padding: 10px 20px !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 30px !important;
  white-space: nowrap !important;
  writing-mode: horizontal-tb !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
}

#live-plans .mauzon-plan-heading {
  display: block !important;
  width: 100% !important;
  margin-bottom: 25px !important;
}

#live-plans .mauzon-plans-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;
  width: 100% !important;
}

#live-plans .mauzon-plan-card {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 20px !important;
  background: #fff !important;
}

#live-plans .mauzon-plan-image {
  display: block !important;
  width: 100% !important;
  height: 230px !important;
  object-fit: cover !important;
}

#live-plans .mauzon-plan-body {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  width: 100% !important;
  padding: 24px !important;
  gap: 12px !important;
}

#live-plans .mauzon-plan-description {
  width: 100% !important;
  min-height: 65px !important;
  overflow-wrap: anywhere !important;
  line-height: 1.9 !important;
}

#live-plans .mauzon-plan-price {
  display: block !important;
  width: 100% !important;
  font-size: 25px !important;
  line-height: 1.5 !important;
  white-space: normal !important;
}

@media (max-width: 900px) {
  #live-plans .mauzon-plans-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 600px) {
  #live-plans .mauzon-plans-grid {
    grid-template-columns: 1fr !important;
  }

  #live-plans .mauzon-plan-tabs {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
  }
}


/* MAUZON - Premium App Download Section */

.mzn-download {
  position: relative;
  padding: 90px 0;
  background: #241638;
  color: #fff;
  overflow: hidden;
}

.mzn-download-layout {
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  gap: 90px;
  align-items: center;
}

.mzn-download-visual {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 540px;
  isolation: isolate;
}

.mzn-visual-circle {
  position: absolute;
  width: 430px;
  height: 430px;
  border-radius: 50%;
  background: #30ac8a;
  opacity: .18;
  filter: blur(65px);
  z-index: -1;
}

.mzn-phone {
  width: 270px;
  height: 520px;
  padding: 11px;
  background: #100c19;
  border: 3px solid #5e4b7b;
  border-radius: 42px;
  box-shadow: 0 30px 75px rgba(0,0,0,.35);
  transform: rotate(-5deg);
}

.mzn-phone-screen {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 55px 16px 18px;
  border-radius: 30px;
  background: #faf8f4;
  color: #392552;
  overflow: hidden;
  text-align: right;
}

.mzn-phone-top {
  position: absolute;
  top: 12px;
  left: 50%;
  transform: translateX(-50%);
  width: 75px;
  height: 19px;
  border-radius: 20px;
  background: #100c19;
}

.mzn-phone-brand {
  text-align: center;
  font-size: 13px;
  letter-spacing: 4px;
  font-weight: 900;
  color: #57318a;
}

.mzn-phone-title {
  margin-top: 28px;
  font-size: 22px;
  font-weight: 800;
}

.mzn-phone-subtitle {
  font-size: 12px;
  margin: 8px 0 25px;
  color: #80778a;
}

.mzn-phone-plan {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 12px;
  margin-bottom: 12px;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 4px 14px rgba(0,0,0,.06);
  font-size: 13px;
}

.mzn-phone-plan strong {
  color: #30ac8a;
  font-size: 12px;
}

.mzn-phone-bottom {
  margin-top: 28px;
  padding: 13px;
  background: #57318a;
  color: #fff;
  text-align: center;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 800;
}

.mzn-download-content {
  min-width: 0;
  text-align: start;
}

.mzn-download-eyebrow {
  display: inline-block;
  color: #69d8b6;
  font-weight: 800;
  letter-spacing: 1px;
  margin-bottom: 18px;
}

.mzn-download-content h2 {
  color: #fff;
  font-size: clamp(38px, 5vw, 65px);
  line-height: 1.3;
  margin: 0 0 20px;
}

.mzn-download-content h2 em {
  color: #69d8b6;
  font-style: normal;
}

.mzn-download-description {
  color: #ddd5e8;
  font-size: 17px;
  line-height: 2;
  max-width: 590px;
  margin: 0 0 30px;
}

.mzn-download-features {
  display: grid;
  gap: 18px;
  margin-bottom: 34px;
}

.mzn-download-features > div {
  display: flex;
  align-items: center;
  gap: 14px;
  color: #f4effa;
  font-size: 16px;
  font-weight: 600;
}

.mzn-feature-icon {
  display: inline-flex;
  width: 35px;
  height: 35px;
  flex: 0 0 35px;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(48,172,138,.2);
  color: #69d8b6;
  font-weight: 900;
}

.mzn-download-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 20px;
}

.mzn-store-btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-width: 175px;
  padding: 12px 19px;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 14px;
  background: #fff;
  color: #241638 !important;
  text-decoration: none;
  transition: transform .2s ease;
}

.mzn-store-btn:hover {
  transform: translateY(-3px);
}

.mzn-store-symbol {
  font-size: 25px;
}

.mzn-store-btn span:last-child {
  display: flex;
  flex-direction: column;
  gap: 2px;
  text-align: left;
  direction: ltr;
}

.mzn-store-btn small {
  font-size: 10px;
}

.mzn-store-btn strong {
  font-size: 18px;
}

.mzn-download-subscribe {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 15px 28px;
  border-radius: 14px;
  background: #30ac8a;
  color: #fff !important;
  font-weight: 800;
  text-decoration: none;
}

@media (max-width: 850px) {
  .mzn-download {
    padding: 60px 0;
  }

  .mzn-download-layout {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .mzn-download-content {
    order: 1;
    text-align: center;
  }

  .mzn-download-visual {
    order: 2;
    min-height: 480px;
  }

  .mzn-phone {
    transform: rotate(-3deg) scale(.88);
  }

  .mzn-download-description {
    margin-left: auto;
    margin-right: auto;
  }

  .mzn-download-features > div,
  .mzn-download-buttons {
    justify-content: center;
  }
}

@media (max-width: 480px) {
  .mzn-download-buttons {
    flex-direction: column;
    align-items: stretch;
  }

  .mzn-store-btn {
    justify-content: center;
  }
}


