/* Mumbai Beauties — modern header (single file used site-wide) */
.mb-header,.mb-header *{box-sizing:border-box}
.mb-header{position:fixed;top:0;left:0;right:0;z-index:1080;background:rgba(20,12,12,.92);backdrop-filter:saturate(140%) blur(14px);-webkit-backdrop-filter:saturate(140%) blur(14px);border-bottom:1px solid rgba(238,202,150,.25);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;transition:transform .4s cubic-bezier(.22,1,.36,1),background .25s ease,box-shadow .25s ease,border-color .25s ease;will-change:transform}
.mb-header.is-hidden{transform:translateY(-110%)}
.mb-header.is-scrolled{background:rgba(15,8,8,.96);box-shadow:0 6px 22px rgba(0,0,0,.45);border-bottom-color:rgba(238,202,150,.4)}
body{padding-top:var(--mb-header-h,74px) !important}
@media (max-width:480px){body{padding-top:var(--mb-header-h,64px) !important}}
.mb-header__inner{max-width:1280px;margin:0 auto;padding:14px 26px;display:flex;align-items:center;gap:24px}
.mb-logo{display:flex;align-items:center;gap:12px;text-decoration:none;margin-right:auto;line-height:1}
.mb-logo img{display:none}
.mb-logo__t{display:flex;flex-direction:column;line-height:1.05}
.mb-logo__crest{position:relative;width:44px;height:44px;flex-shrink:0;border-radius:50%;background:radial-gradient(circle at 30% 28%,#f8e1c0 0%,#f8e1c0 25%,#eeca96 65%,#6b4a26 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(238,202,150,.45),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(0,0,0,.25);transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .3s ease}
.mb-logo__crest::before{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid rgba(248,225,192,.5);pointer-events:none;transition:inset .3s ease,border-color .3s ease}
.mb-logo__crest::after{content:"";position:absolute;inset:3px;border-radius:50%;border:1px solid rgba(255,235,200,.35);pointer-events:none}
.mb-logo__crest-m{font-family:"Playfair Display",Georgia,"Times New Roman",serif;font-style:italic;font-weight:700;font-size:24px;color:#1a0e0e;text-shadow:0 1px 0 rgba(255,235,200,.4);line-height:1;letter-spacing:-1px;z-index:1}
.mb-logo__crest-spark{position:absolute;top:4px;right:6px;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 8px #fff,0 0 14px rgba(248,225,192,.9);animation:mbCrestSpark 2.6s ease-in-out infinite;z-index:2}
@keyframes mbCrestSpark{0%,100%{transform:scale(.6);opacity:.4}50%{transform:scale(1.2);opacity:1}}
.mb-logo:hover .mb-logo__crest{transform:rotate(-8deg) scale(1.06);box-shadow:0 8px 22px rgba(238,202,150,.65),inset 0 1px 0 rgba(255,255,255,.6),inset 0 -1px 0 rgba(0,0,0,.3)}
.mb-logo:hover .mb-logo__crest::before{inset:-6px;border-color:#f8e1c0}
.mb-logo__t b{font-family:"Playfair Display",Georgia,"Times New Roman",serif;background:linear-gradient(135deg,#f8e1c0 0%,#eeca96 50%,#f8e1c0 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#eeca96;font-size:24px;letter-spacing:.5px;font-weight:700}
.mb-logo__t i{font-style:normal;color:#d4b285;font-size:10px;letter-spacing:3px;text-transform:uppercase;margin-top:5px;opacity:.85}
.mb-nav{display:flex;align-items:center;gap:2px;list-style:none;padding:0;margin:0}
.mb-nav a{color:#e9d9b5;text-decoration:none;font-size:13px;font-weight:500;letter-spacing:.6px;padding:9px 14px;border-radius:8px;position:relative;text-transform:uppercase;transition:color .25s ease}
.mb-nav a::after{content:"";position:absolute;left:50%;bottom:3px;width:0;height:2px;background:linear-gradient(90deg,#eeca96,#f8e1c0);border-radius:2px;transition:width .3s ease,left .3s ease}
.mb-nav a:hover,.mb-nav a.is-active{color:#f8e1c0}
.mb-nav a:hover::after,.mb-nav a.is-active::after{width:calc(100% - 24px);left:12px}
.mb-cta{display:flex;align-items:center;gap:10px;margin-left:8px}
.mb-cta a{display:inline-flex;align-items:center;gap:7px;text-decoration:none;font-weight:600;font-size:13px;padding:9px 16px;border-radius:999px;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;letter-spacing:.3px}
.mb-cta .mb-call{background:linear-gradient(135deg,#f8e1c0 0%,#eeca96 100%);color:#1a0e0e;box-shadow:0 4px 14px rgba(238,202,150,.35)}
.mb-cta .mb-wa{background:linear-gradient(135deg,#25d366 0%,#128c7e 100%);color:#fff;box-shadow:0 4px 14px rgba(18,140,126,.35)}
.mb-cta a:hover{transform:translateY(-2px);filter:brightness(1.08)}
.mb-cta .mb-call:hover{box-shadow:0 6px 18px rgba(238,202,150,.5)}
.mb-cta .mb-wa:hover{box-shadow:0 6px 18px rgba(18,140,126,.5)}
.mb-cta svg{width:15px;height:15px}
.mb-burger{display:none;position:relative;width:48px;height:48px;padding:0;border:1px solid rgba(238,202,150,.45);border-radius:14px;background:linear-gradient(135deg,rgba(248,225,192,.16) 0%,rgba(238,202,150,.04) 100%);cursor:pointer;overflow:hidden;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,border-color .3s;box-shadow:0 2px 12px rgba(238,202,150,.18),inset 0 1px 0 rgba(248,225,192,.18)}
.mb-burger::before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:conic-gradient(from 0deg,transparent 0%,rgba(248,225,192,.5) 25%,transparent 50%,rgba(248,225,192,.3) 75%,transparent 100%);opacity:0;transition:opacity .35s;animation:mbBurgerSpin 4s linear infinite;animation-play-state:paused;z-index:0}
.mb-burger::after{content:"";position:absolute;inset:1px;border-radius:13px;background:linear-gradient(135deg,#1a0e0e 0%,#0e0707 100%);z-index:1}
.mb-burger:hover{transform:translateY(-2px);border-color:#f8e1c0;box-shadow:0 8px 24px rgba(238,202,150,.45),inset 0 1px 0 rgba(248,225,192,.3)}
.mb-burger:hover::before{opacity:1;animation-play-state:running}
.mb-burger:active{transform:translateY(0)}
@keyframes mbBurgerSpin{to{transform:rotate(360deg)}}
.mb-burger__lines{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;z-index:2;pointer-events:none}
.mb-burger__lines span{display:block;height:2px;background:linear-gradient(90deg,#eeca96,#f8e1c0,#eeca96);border-radius:2px;transition:transform .4s cubic-bezier(.65,.05,.36,1.6),opacity .25s ease,width .3s ease;box-shadow:0 0 8px rgba(248,225,192,.4);transform-origin:center}
.mb-burger__lines span:nth-child(1){width:22px}
.mb-burger__lines span:nth-child(2){width:14px;margin-left:8px}
.mb-burger__lines span:nth-child(3){width:22px}
.mb-burger:hover .mb-burger__lines span:nth-child(2){width:22px;margin-left:0}
.mb-burger.is-active .mb-burger__lines span:nth-child(1){transform:translateY(7px) rotate(45deg);width:24px}
.mb-burger.is-active .mb-burger__lines span:nth-child(2){opacity:0;transform:translateX(-24px)}
.mb-burger.is-active .mb-burger__lines span:nth-child(3){transform:translateY(-7px) rotate(-45deg);width:24px}
.mb-burger.is-active{border-color:#f8e1c0;box-shadow:0 0 0 2px rgba(248,225,192,.25),0 8px 24px rgba(238,202,150,.4)}
.mb-burger__dot{position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle,#f8e1c0 0%,#eeca96 70%);box-shadow:0 0 8px #f8e1c0;z-index:3;animation:mbBurgerPulse 2s ease-in-out infinite}
@keyframes mbBurgerPulse{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.4);opacity:.5}}
.mb-burger.is-active .mb-burger__dot{opacity:0}
.mb-drawer{position:fixed;top:0;right:0;bottom:0;width:340px;max-width:88%;background:radial-gradient(120% 60% at 100% 0%,rgba(238,202,150,.18) 0%,transparent 55%),linear-gradient(180deg,#1a0f0f 0%,#0e0707 100%);transform:translateX(105%);transition:transform .4s cubic-bezier(.22,1,.36,1);z-index:1090;display:flex;flex-direction:column;overflow-y:auto;box-shadow:-12px 0 40px rgba(0,0,0,.55);border-left:1px solid rgba(238,202,150,.22)}
.mb-drawer.is-open{transform:translateX(0)}
.mb-drawer__head{display:flex;align-items:center;gap:12px;padding:22px 70px 20px 22px;border-bottom:1px solid rgba(238,202,150,.15);position:relative}
.mb-drawer__brand{display:flex;flex-direction:column;line-height:1.05;min-width:0;overflow:hidden;flex:1 1 auto}
.mb-drawer__brand b{font-family:"Playfair Display",Georgia,serif;background:linear-gradient(135deg,#f8e1c0 0%,#eeca96 50%,#f8e1c0 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#eeca96;font-size:19px;letter-spacing:.4px;font-weight:700}
.mb-drawer__brand i{font-style:normal;color:#d4b285;font-size:9px;letter-spacing:2.4px;text-transform:uppercase;margin-top:4px;opacity:.85}
.mb-drawer__crest{width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#f8e1c0,#eeca96 60%,#6b4a26);display:flex;align-items:center;justify-content:center;color:#1a0e0e;font-family:"Playfair Display",Georgia,serif;font-weight:700;font-size:18px;box-shadow:0 4px 14px rgba(238,202,150,.4),inset 0 1px 0 rgba(255,255,255,.4)}
.mb-drawer__nav{display:flex;flex-direction:column;padding:16px 14px;gap:4px}
.mb-drawer__nav a{display:flex;align-items:center;gap:14px;color:#e9d9b5;text-decoration:none;padding:13px 14px;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.7px;border-radius:12px;border:1px solid transparent;position:relative;transition:background .25s ease,color .2s ease,border-color .25s ease,transform .2s ease;opacity:0;transform:translateX(20px);animation:mbSlideIn .45s cubic-bezier(.22,1,.36,1) forwards}
.mb-drawer.is-open .mb-drawer__nav a{animation-delay:calc(.08s + var(--i,0) * .055s)}
.mb-drawer__nav a .mb-d-ic{width:34px;height:34px;border-radius:10px;background:rgba(238,202,150,.08);border:1px solid rgba(238,202,150,.18);display:flex;align-items:center;justify-content:center;color:#f8e1c0;flex-shrink:0;transition:background .25s ease,border-color .25s ease}
.mb-drawer__nav a .mb-d-ic svg{width:16px;height:16px}
.mb-drawer__nav a .mb-d-ch{margin-left:auto;color:#6b4a26;transition:transform .25s ease,color .25s ease}
.mb-drawer__nav a:hover,.mb-drawer__nav a.is-active{background:linear-gradient(90deg,rgba(238,202,150,.14) 0%,rgba(238,202,150,.04) 100%);border-color:rgba(238,202,150,.3);color:#f8e1c0}
.mb-drawer__nav a:hover .mb-d-ic,.mb-drawer__nav a.is-active .mb-d-ic{background:linear-gradient(135deg,#f8e1c0,#eeca96);border-color:transparent;color:#1a0e0e}
.mb-drawer__nav a:hover .mb-d-ch,.mb-drawer__nav a.is-active .mb-d-ch{color:#f8e1c0;transform:translateX(4px)}
@keyframes mbSlideIn{to{opacity:1;transform:translateX(0)}}
.mb-drawer__cta{margin-top:auto;padding:18px 18px 14px;border-top:1px solid rgba(238,202,150,.15);background:linear-gradient(180deg,transparent,rgba(0,0,0,.3))}
.mb-drawer__cta-row{display:flex;gap:10px}
.mb-drawer__cta a{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;padding:13px 10px;border-radius:12px;font-weight:600;font-size:13px;letter-spacing:.5px;text-transform:uppercase;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.mb-drawer__cta a svg{width:15px;height:15px}
.mb-drawer__cta a.mb-call{background:linear-gradient(135deg,#f8e1c0 0%,#eeca96 100%);color:#1a0e0e;box-shadow:0 6px 18px rgba(238,202,150,.35)}
.mb-drawer__cta a.mb-wa{background:linear-gradient(135deg,#25d366 0%,#128c7e 100%);color:#fff;box-shadow:0 6px 18px rgba(18,140,126,.35)}
.mb-drawer__cta a:hover{transform:translateY(-2px);filter:brightness(1.08)}
.mb-drawer__phone{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;color:#d4b285;font-size:12px;letter-spacing:.6px}
.mb-drawer__phone b{color:#f8e1c0;font-weight:600;letter-spacing:.4px}
.mb-drawer__x{position:absolute;top:16px;right:16px;z-index:5;background:linear-gradient(135deg,#f8e1c0 0%,#eeca96 60%,#b8842c 100%);border:2px solid rgba(255,255,255,.4);color:#1a0a05;width:42px;height:42px;border-radius:50%;font-size:0;line-height:0;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 8px 22px rgba(238,202,150,.45),0 0 0 4px rgba(238,202,150,.12);transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .25s ease,background .2s ease}
.mb-drawer__x svg{width:18px;height:18px;stroke-width:2.6}
.mb-drawer__x:hover{transform:rotate(90deg) scale(1.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 12px 28px rgba(238,202,150,.65),0 0 0 6px rgba(238,202,150,.18)}
.mb-drawer__x:focus-visible{outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 0 0 4px rgba(248,225,192,.6)}
.mb-overlay{position:fixed;inset:0;background:rgba(10,5,5,.7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .35s;z-index:1085}
.mb-overlay.is-open{opacity:1;pointer-events:auto}
body.mb-no-scroll{overflow:hidden}
@media (max-width:1100px){.mb-nav a{padding:9px 10px;font-size:12.5px}}
@media (max-width:991px){.mb-nav,.mb-cta{display:none}.mb-burger{display:inline-flex}.mb-logo__t b{font-size:20px}.mb-logo__t i{font-size:9px;letter-spacing:2.4px}}
@media (max-width:480px){.mb-header__inner{padding:10px 14px;gap:14px}.mb-logo{gap:9px}.mb-logo__t i{display:none}.mb-logo__t b{font-size:18px}.mb-logo__crest{width:38px;height:38px}.mb-logo__crest-m{font-size:20px}}

/* Welcome ribbon — modern marquee, champagne BG unchanged */
.dev1{position:relative !important;margin:0 !important;padding:16px 0 !important;background:linear-gradient(180deg,#f5dabc 0%,#eeca96 50%,#d4b285 100%) !important;background-color:#eeca96 !important;color:#2a1a0e !important;font-family:"Playfair Display",Georgia,"Times New Roman",serif !important;font-size:18px !important;font-weight:700 !important;letter-spacing:3.5px !important;text-align:left !important;text-transform:uppercase !important;text-shadow:0 1px 0 rgba(255,255,255,.55) !important;box-shadow:0 6px 22px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(107,74,38,.28) !important;border-top:1px solid rgba(255,255,255,.5) !important;border-bottom:1px solid rgba(107,74,38,.3) !important;overflow:hidden;white-space:nowrap}
.dev1::before,.dev1::after{display:none !important}
.dev1-track{display:inline-flex;align-items:center;animation:dev1Scroll 38s linear infinite;will-change:transform}
.dev1:hover .dev1-track{animation-play-state:paused}
.dev1-item{flex-shrink:0;padding:0 26px}
.dev1-item--accent{color:#6b4a26}
.dev1-sep{flex-shrink:0;color:#6b4a26;font-size:13px;opacity:.65;letter-spacing:2px}
@keyframes dev1Scroll{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-50%,0,0)}}
@media (max-width:767px){.dev1{font-size:14px !important;letter-spacing:2.5px !important;padding:13px 0 !important}.dev1-item{padding:0 18px}.dev1-track{animation-duration:28s}.dev1-sep{font-size:11px}}

/* ================ Mumbai Escorts Service — premium content section ================ */
.sect-slider-sccont{padding:70px 20px !important;position:relative}
.sect-slider-sccont::before,.sect-slider-sccont::after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:min(60%,640px);height:1px;background:linear-gradient(90deg,transparent,rgba(238,202,150,.55),transparent)}
.sect-slider-sccont::before{top:0}
.sect-slider-sccont::after{bottom:0}

.escort-experience-heading{margin-bottom:38px !important;position:relative;text-align:center}
.escort-experience-heading h1{font-family:"Playfair Display",Georgia,"Times New Roman",serif !important;font-size:clamp(26px,4.4vw,44px) !important;font-weight:700 !important;background:linear-gradient(135deg,#f8e1c0 0%,#eeca96 50%,#d4b285 100%) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;color:#eeca96 !important;letter-spacing:2.5px !important;text-transform:uppercase !important;margin:0 0 14px 0 !important;line-height:1.2 !important;text-align:center !important;text-shadow:0 0 30px rgba(238,202,150,.15)}
.escort-experience-heading h1 strong{font-weight:inherit !important;color:inherit !important;background:inherit !important;-webkit-text-fill-color:transparent !important}
.escort-experience-heading::after{content:"✦  ❖  ✦";display:block;text-align:center;color:#eeca96;font-size:13px;letter-spacing:10px;opacity:.7;margin-top:6px}

.escort-experience-abut-section{max-width:920px !important;margin:0 auto !important;text-align:center}
.escort-experience-abut-section p{color:#f0e2c5 !important;font-size:15.5px !important;line-height:1.85 !important;margin:0 0 18px 0 !important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important;text-align:center !important}
.escort-experience-abut-section strong{color:#eeca96 !important;font-weight:600}
.escort-experience-abut-section a{color:#eeca96 !important;text-decoration:none !important;position:relative;transition:color .25s ease;border-bottom:1px solid rgba(238,202,150,.35)}
.escort-experience-abut-section a:hover{color:#f8e1c0 !important;border-bottom-color:#f8e1c0}
.escort-experience-abut-section a strong{color:inherit !important}

.escort-experience-abut-section h2{font-family:"Playfair Display",Georgia,serif !important;font-size:clamp(19px,2.4vw,26px) !important;font-weight:700 !important;color:#eeca96 !important;text-transform:uppercase !important;letter-spacing:2.5px !important;margin:38px auto 24px auto !important;padding:22px 36px !important;text-align:center !important;display:inline-block;position:relative;background:linear-gradient(90deg,transparent 0%,rgba(238,202,150,.07) 50%,transparent 100%) !important;border-top:1px solid rgba(238,202,150,.4) !important;border-bottom:1px solid rgba(238,202,150,.4) !important}
.escort-experience-abut-section h2::before,.escort-experience-abut-section h2::after{content:"✦";display:inline-block;margin:0 14px;color:#eeca96;font-size:14px;opacity:.75;vertical-align:middle}
.escort-experience-abut-section h2 strong{color:inherit !important;font-weight:inherit !important}

/* === Old WhatsApp button hidden in this section (kept in HTML for SEO) === */
.sect-slider-sccont .image-container{display:none !important}

@media (max-width:767px){
  .sect-slider-sccont{padding:50px 16px !important}
  .escort-experience-heading h1{letter-spacing:1.5px !important}
  .escort-experience-heading::after{letter-spacing:6px;font-size:11px}
  .escort-experience-abut-section p{font-size:14.5px !important;line-height:1.8 !important;text-align:left !important}
  .escort-experience-abut-section h2{padding:18px 22px !important;letter-spacing:1.8px !important}
  .escort-experience-abut-section h2::before,.escort-experience-abut-section h2::after{margin:0 8px}
  .image-container a{padding:14px 22px !important;gap:10px !important}
  .image-container .mobile-number{font-size:15px !important}
  .image-container .mobile-number::before{font-size:11px;letter-spacing:.8px}
}

/* === Animated heading shimmer === */
.escort-experience-heading h1{background-size:200% 200% !important;animation:msHeadShimmer 7s ease-in-out infinite !important}
@keyframes msHeadShimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

/* === Floating sparkles in section === */
.sect-slider-sccont{overflow:hidden}
.ms-bg-sparkles{position:absolute;inset:0;pointer-events:none;z-index:0}
.ms-bg-sparkles>i{position:absolute;width:4px;height:4px;border-radius:50%;background:#eeca96;box-shadow:0 0 10px #eeca96,0 0 20px rgba(238,202,150,.5);opacity:0;animation:msSparkleRise 9s linear infinite}
.ms-bg-sparkles>i:nth-child(1){left:8%;animation-delay:0s}
.ms-bg-sparkles>i:nth-child(2){left:22%;animation-delay:1.6s;width:3px;height:3px}
.ms-bg-sparkles>i:nth-child(3){left:38%;animation-delay:3.2s}
.ms-bg-sparkles>i:nth-child(4){left:55%;animation-delay:4.8s;width:5px;height:5px}
.ms-bg-sparkles>i:nth-child(5){left:72%;animation-delay:6.4s}
.ms-bg-sparkles>i:nth-child(6){left:88%;animation-delay:8s;width:3px;height:3px}
@keyframes msSparkleRise{0%{bottom:-20px;opacity:0;transform:translateX(0) scale(.3)}10%,90%{opacity:.6}50%{transform:translateX(30px) scale(1)}100%{bottom:110%;opacity:0;transform:translateX(0) scale(.3)}}
.sect-slider-sccont>div{position:relative;z-index:1}

/* === Stats row === */
.ms-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:820px;margin:0 auto 36px auto;opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1)}
.ms-stats.is-in{opacity:1;transform:translateY(0)}
.ms-stat{position:relative;text-align:center;padding:22px 12px 18px;border:1px solid rgba(238,202,150,.25);border-radius:16px;background:linear-gradient(135deg,rgba(238,202,150,.07) 0%,rgba(238,202,150,.02) 100%);transition:transform .3s ease,border-color .3s ease,background .3s ease,box-shadow .3s ease;overflow:hidden}
.ms-stat::before{content:"";position:absolute;top:-1px;left:50%;transform:translateX(-50%);width:50%;height:1px;background:linear-gradient(90deg,transparent,#eeca96,transparent);opacity:.6}
.ms-stat:hover{transform:translateY(-4px);border-color:rgba(238,202,150,.55);background:linear-gradient(135deg,rgba(238,202,150,.14) 0%,rgba(238,202,150,.04) 100%);box-shadow:0 12px 28px rgba(0,0,0,.3),0 0 0 1px rgba(238,202,150,.15)}
.ms-stat__num{display:inline-block;font-family:"Playfair Display",Georgia,serif;font-size:42px;font-weight:700;background:linear-gradient(135deg,#f8e1c0,#eeca96);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1;letter-spacing:-1px}
.ms-stat__suf{display:inline-block;color:#eeca96;font-size:24px;font-weight:700;margin-left:2px;font-family:"Playfair Display",Georgia,serif}
.ms-stat__lbl{margin-top:8px;color:#f0e2c5;font-size:11px;letter-spacing:1.6px;text-transform:uppercase;font-weight:500;opacity:.85;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}

/* === Service tags === */
.ms-tags{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;max-width:920px;margin:24px auto 30px auto}
.ms-tag{padding:8px 18px;border-radius:999px;border:1px solid rgba(238,202,150,.35);background:linear-gradient(135deg,rgba(238,202,150,.08) 0%,rgba(238,202,150,.02) 100%);color:#f8e1c0;font-size:12.5px;letter-spacing:1.3px;text-transform:uppercase;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;transition:transform .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease;opacity:0;transform:translateY(10px) scale(.92);cursor:default}
.ms-tags.is-in .ms-tag{animation:msTagIn .55s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--i,0) * .07s)}
.ms-tag:hover{transform:translateY(-3px);border-color:#eeca96;background:linear-gradient(135deg,rgba(238,202,150,.2) 0%,rgba(238,202,150,.06) 100%);box-shadow:0 8px 20px rgba(238,202,150,.18)}
@keyframes msTagIn{to{opacity:1;transform:translateY(0) scale(1)}}

/* === Trust badges === */
.ms-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:820px;margin:30px auto;opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.ms-trust.is-in{opacity:1;transform:translateY(0)}
.ms-trust__item{display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:14px;border:1px solid rgba(238,202,150,.22);background:linear-gradient(135deg,rgba(238,202,150,.05) 0%,rgba(0,0,0,.18) 100%);text-align:left;transition:transform .25s ease,border-color .25s ease}
.ms-trust__item:hover{transform:translateY(-3px);border-color:rgba(238,202,150,.5)}
.ms-trust__ico{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#f8e1c0 0%,#eeca96 60%,#d4b285 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 14px rgba(238,202,150,.3),inset 0 1px 0 rgba(255,255,255,.4)}
.ms-trust__ico svg{width:20px;height:20px;color:#4a0e0e}
.ms-trust__item b{display:block;color:#eeca96;font-size:13.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.ms-trust__item i{display:block;color:#f0e2c5;font-style:normal;font-size:12px;opacity:.75;margin-top:3px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}

/* Mobile tweaks for new elements */
@media (max-width:767px){
  .ms-stats{grid-template-columns:repeat(2,1fr);gap:10px;max-width:420px}
  .ms-stat{padding:16px 8px 14px}
  .ms-stat__num{font-size:32px}
  .ms-stat__suf{font-size:18px}
  .ms-stat__lbl{font-size:10px;letter-spacing:1.2px}
  .ms-trust{grid-template-columns:1fr;gap:10px;max-width:380px}
  .ms-trust__item{padding:14px 16px}
  .ms-tag{font-size:11.5px;padding:7px 14px;letter-spacing:1px}
}

/* === 2-column layout: existing content left, featured companions right === */
.ms-grid{display:grid;grid-template-columns:1fr 360px;gap:40px;align-items:start;max-width:1140px;margin:0 auto;text-align:left}
.ms-grid .escort-experience-abut-section{text-align:left !important;max-width:100% !important;margin:0 !important}
.ms-grid .escort-experience-abut-section p{text-align:left !important}
.ms-grid .escort-experience-abut-section h2{margin:36px 0 22px 0 !important;display:inline-flex;align-items:center}
.ms-grid .ms-tags{justify-content:flex-start;margin-left:0;margin-right:0;max-width:100%}
.ms-grid .ms-stats{max-width:100%}
.ms-grid .ms-trust{max-width:100%}

/* === Featured Companions card (right side) === */
.ms-feat{position:sticky;top:100px;padding:26px 22px;border-radius:18px;border:1px solid rgba(238,202,150,.22);background:linear-gradient(135deg,rgba(238,202,150,.08) 0%,rgba(0,0,0,.32) 100%);box-shadow:0 24px 56px rgba(0,0,0,.5),inset 0 1px 0 rgba(238,202,150,.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1)}
.ms-feat.is-in{opacity:1;transform:translateY(0)}
.ms-feat__head{text-align:center;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid rgba(238,202,150,.22);position:relative}
.ms-feat__crown{font-size:22px;color:#eeca96;line-height:1;margin-bottom:6px;text-shadow:0 0 16px rgba(238,202,150,.6)}
.ms-feat__title{font-family:"Playfair Display",Georgia,serif;font-size:21px;font-weight:700;background:linear-gradient(135deg,#f8e1c0,#eeca96,#d4b285);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:1px;line-height:1.2}
.ms-feat__sub{margin-top:4px;font-size:10.5px;color:#f0e2c5;opacity:.7;letter-spacing:1.6px;text-transform:uppercase;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.ms-feat__list{display:flex;flex-direction:column;gap:10px}
.ms-feat__profile{display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:14px;border:1px solid rgba(238,202,150,.15);background:rgba(0,0,0,.25);transition:all .3s ease;cursor:pointer;text-decoration:none}
.ms-feat__profile:hover{border-color:rgba(238,202,150,.55);background:rgba(238,202,150,.07);transform:translateX(4px)}
.ms-feat__avatar{position:relative;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#f8e1c0 0%,#eeca96 50%,#d4b285 100%);display:flex;align-items:center;justify-content:center;font-family:"Playfair Display",Georgia,serif;font-weight:700;font-size:21px;color:#4a0e0e;flex-shrink:0;box-shadow:0 4px 14px rgba(238,202,150,.35),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(0,0,0,.15)}
.ms-feat__avatar::after{content:"";position:absolute;bottom:1px;right:1px;width:11px;height:11px;border-radius:50%;background:#25d366;border:2px solid #2a1a0e;box-shadow:0 0 6px rgba(37,211,102,.7);animation:msFeatPulse 2s ease-in-out infinite}
@keyframes msFeatPulse{0%,100%{box-shadow:0 0 6px rgba(37,211,102,.7),0 0 0 0 rgba(37,211,102,.5)}50%{box-shadow:0 0 6px rgba(37,211,102,.7),0 0 0 5px rgba(37,211,102,0)}}
.ms-feat__info{flex:1;min-width:0}
.ms-feat__info b{display:block;color:#f8e1c0;font-size:15px;font-weight:700;letter-spacing:.3px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.ms-feat__info i{display:block;color:#d4b285;font-style:normal;font-size:11.5px;margin-top:3px;letter-spacing:.4px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.ms-feat__badge{font-size:12px;color:#eeca96;font-weight:700;letter-spacing:.4px;flex-shrink:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.ms-feat__cta{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;padding:13px 18px;border-radius:12px;background:linear-gradient(135deg,#f8e1c0 0%,#eeca96 50%,#d4b285 100%);color:#2a1a0e !important;font-weight:700;font-size:12.5px;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none !important;transition:transform .25s ease,box-shadow .25s ease;border:0 !important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important;box-shadow:0 6px 18px rgba(238,202,150,.32)}
.ms-feat__cta:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(238,202,150,.55);color:#2a1a0e !important}
.ms-feat__arrow{display:inline-block;transition:transform .25s ease}
.ms-feat__cta:hover .ms-feat__arrow{transform:translateX(5px)}

@media (max-width:991px){
  .ms-grid{grid-template-columns:1fr;gap:30px}
  .ms-feat{position:static;max-width:480px;margin:0 auto;width:100%}
  .ms-grid .escort-experience-abut-section{text-align:center !important}
  .ms-grid .escort-experience-abut-section p{text-align:center !important}
  .ms-grid .escort-experience-abut-section h2{display:inline-block}
  .ms-grid .ms-tags{justify-content:center}
}
@media (max-width:767px){
  .ms-grid .escort-experience-abut-section p{text-align:left !important}
  .ms-feat{padding:20px 18px}
  .ms-feat__title{font-size:19px}
}

/* ============== Mumbai Escorts Category — premium redesign ============== */
.cont-p{position:relative;padding:80px 20px;background:linear-gradient(180deg,#15100a 0%,#080503 50%,#15100a 100%);overflow:hidden}
.cont-p::before,.cont-p::after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:min(60%,700px);height:1px;background:linear-gradient(90deg,transparent,rgba(238,202,150,.55),transparent)}
.cont-p::before{top:0}
.cont-p::after{bottom:0}
.cont-p>.container{max-width:1280px !important;margin:0 auto;position:relative;z-index:1;width:auto !important;padding:0 !important}
.cont-p .row{margin:0 !important}
.cont-p .row>*{padding:0 !important}

.cont-p .category>h2{font-family:"Playfair Display",Georgia,serif !important;font-size:clamp(26px,4.4vw,44px) !important;font-weight:700 !important;background:linear-gradient(135deg,#f8e1c0,#eeca96,#d4b285) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;color:#eeca96 !important;text-transform:uppercase !important;letter-spacing:2.5px !important;text-align:center !important;margin:0 0 14px 0 !important;line-height:1.25 !important;background-size:200% 200% !important;animation:msHeadShimmer 8s ease-in-out infinite !important;text-shadow:none !important}
.cont-p .category>h2::after{content:"✦  ❖  ✦";display:block;text-align:center;color:#eeca96;font-size:13px;letter-spacing:10px;opacity:.7;margin-top:14px;-webkit-text-fill-color:#eeca96;background:none;-webkit-background-clip:initial;background-clip:initial;animation:none}
.cont-p .category>p{color:#f0e2c5 !important;font-size:15px !important;line-height:1.85 !important;max-width:920px !important;margin:18px auto !important;text-align:center !important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important}
.cont-p .category>p strong{color:#eeca96 !important;font-weight:600}
.cont-p .category>p a{color:#eeca96 !important;text-decoration:none !important;border-bottom:1px solid rgba(238,202,150,.4);transition:color .25s ease,border-color .25s ease}
.cont-p .category>p a:hover{color:#f8e1c0 !important;border-bottom-color:#f8e1c0}
.cont-p .category>p a strong{color:inherit !important}

/* === Wrapper width forces — applied at every viewport, override Bootstrap === */
.cont-p>.container{width:100% !important;max-width:1280px !important;padding:0 !important;margin:0 auto !important}
.cont-p .row{width:100% !important;margin:0 !important}
.cont-p .row>.category{width:100% !important;padding:0 !important;float:none !important}
.cont-p .escorst_categories{width:100% !important;box-sizing:border-box !important}
.cont-p .CatLi{width:auto !important;max-width:100% !important;min-width:0 !important;padding:0 !important;margin:0 !important;float:none !important;display:block !important;box-sizing:border-box !important}
.cont-p .CatLi>a{display:block !important;width:100% !important;height:100%}
.cont-p .CatLi .panel,.cont-p .CatLi .panel-default{width:100% !important;height:100% !important;display:block !important}

/* === Grid: 2 cols with minmax(0,1fr) so tracks stay equal even with long content === */
.escorst_categories{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:42px !important;padding:0 !important;list-style:none}
.escorst_categories::before,.escorst_categories::after{display:none !important}

.CatLi{width:100% !important;padding:0 !important;margin:0 !important;float:none !important;display:block !important}
.CatLi a{display:block;text-decoration:none !important;color:inherit !important;position:relative}

/* Reset wrapping panels */
.CatLi .panel,.CatLi .panel-default{margin:0 !important;border:0 !important;background:transparent !important;box-shadow:none !important;border-radius:0 !important;padding:0 !important}

/* === Horizontal info card === */
.CatLi .panel-body{padding:22px 22px 22px 22px !important;margin:0 !important;background:linear-gradient(135deg,#2a1a0e 0%,#1a0606 100%) !important;position:relative !important;width:100% !important;border-radius:18px !important;overflow:hidden !important;border:1px solid rgba(238,202,150,.28) !important;box-shadow:0 14px 32px rgba(0,0,0,.5);transition:transform .4s cubic-bezier(.22,1,.36,1),border-color .35s ease,box-shadow .4s ease;display:flex !important;flex-direction:row !important;align-items:center !important;gap:20px !important;line-height:normal}

/* Diagonal stripe accent at bottom-left */
.CatLi .panel-body::before{content:"";position:absolute;bottom:14px;left:-20px;width:90px;height:5px;background:linear-gradient(90deg,#eeca96,#d4b285);transform:rotate(-45deg);transform-origin:left center;border-radius:3px;z-index:0;opacity:.85;box-shadow:0 0 14px rgba(238,202,150,.35)}

.CatLi a:hover .panel-body{transform:translateY(-5px);border-color:rgba(238,202,150,.7);box-shadow:0 24px 52px rgba(0,0,0,.6),0 0 0 1px rgba(238,202,150,.25)}

/* === Circular avatar on the left === */
.CatLi img,.CatLi .new_gal_img,.CatLi img.img-responsive{width:118px !important;height:118px !important;border-radius:50% !important;flex-shrink:0 !important;border:3px solid #eeca96 !important;object-fit:cover !important;display:block !important;position:relative !important;inset:auto !important;margin:0 !important;padding:0 !important;align-self:center !important;box-shadow:0 8px 22px rgba(238,202,150,.3),inset 0 0 0 2px rgba(0,0,0,.4) !important;transition:transform .5s cubic-bezier(.22,1,.36,1),border-color .35s ease;z-index:2}
.CatLi a:hover img{transform:scale(1.05) rotate(-3deg);border-color:#f8e1c0}

/* === Right content stack === */
.cat-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;text-align:left;z-index:1;position:relative}

/* Title with gold accent line */
.catTitle{position:relative !important;display:block !important;padding:0 0 10px 0 !important;margin:0 !important;background:transparent !important;color:#f8e1c0 !important;font-family:"Playfair Display",Georgia,serif !important;font-size:17px !important;font-weight:700 !important;letter-spacing:1.5px !important;text-transform:uppercase !important;text-align:left !important;line-height:1.2 !important;border:0 !important;font-style:normal !important;text-shadow:none !important}
.catTitle::before{content:"";position:absolute;bottom:0;left:0;display:block;width:30px;height:2px;background:linear-gradient(90deg,#f8e1c0,#eeca96);border-radius:2px;margin:0;transition:width .35s ease;box-shadow:0 0 8px rgba(238,202,150,.5)}
.CatLi a:hover .catTitle::before{width:60px}

/* Description */
.cat-desc{color:#d4b285;font-size:12.5px;line-height:1.55;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;letter-spacing:.2px}

/* Numbered ribbon — top-right */
.cat-num{position:absolute;top:14px;right:14px;padding:4px 10px;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(238,202,150,.4);color:#eeca96;font-family:"Playfair Display",Georgia,serif;font-weight:700;font-size:11px;letter-spacing:1.4px;border-radius:7px;z-index:5;transition:transform .3s ease,background .3s ease,border-color .3s ease}
.CatLi a:hover .cat-num{background:linear-gradient(135deg,#eeca96,#d4b285);color:#2a1a0e;border-color:#f8e1c0}

/* Tag chip — sits inline at top of content area */
.cat-tag{display:inline-block;align-self:flex-start;padding:3px 9px;background:linear-gradient(135deg,#b91c1c 0%,#7f1d1d 100%);color:#fff;font-size:9.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;border-radius:4px;box-shadow:0 4px 10px rgba(0,0,0,.45);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;margin-bottom:2px;width:auto;align-self:flex-start}
.cat-tag.is-premium{background:linear-gradient(135deg,#eeca96 0%,#d4b285 100%);color:#2a1a0e}
.cat-tag.is-popular{background:linear-gradient(135deg,#7c3aed 0%,#4c1d95 100%)}
.cat-tag.is-verified{background:linear-gradient(135deg,#16a34a 0%,#14532d 100%)}
.cat-tag.is-exclusive{background:linear-gradient(135deg,#0ea5e9 0%,#0c4a6e 100%)}
.cat-tag.is-featured{background:linear-gradient(135deg,#f59e0b 0%,#92400e 100%)}
.cat-tag.is-toprated{background:linear-gradient(135deg,#14b8a6 0%,#134e4a 100%)}
.cat-tag.is-new{background:linear-gradient(135deg,#06b6d4 0%,#155e75 100%)}

/* Meta row: ★ rating · count Profiles with colored dots */
.cat-meta{padding:0 !important;margin:2px 0 !important;display:flex !important;align-items:center !important;justify-content:flex-start !important;gap:14px;color:#f8e1c0 !important;font-size:12px !important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important;letter-spacing:.3px;line-height:1.2;background:none !important;font-weight:600}
.cat-meta__rating,.cat-meta__count{display:inline-flex;align-items:center;gap:6px}
.cat-meta__rating::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,#f8e1c0,#eeca96);box-shadow:0 0 6px rgba(238,202,150,.55)}
.cat-meta__count::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,#d4b285,#a08660)}
.cat-meta__sep{display:none !important}

/* Highlight bar at the bottom of content */
.cat-highlight{display:inline-flex;align-self:flex-start;align-items:center;background:linear-gradient(90deg,rgba(238,202,150,.16) 0%,rgba(238,202,150,.04) 100%);border-left:3px solid #eeca96;padding:8px 14px;color:#f8e1c0;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;border-radius:0 8px 8px 0;margin-top:6px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;transition:background .25s ease,border-color .25s ease}
.CatLi a:hover .cat-highlight{background:linear-gradient(90deg,rgba(238,202,150,.28) 0%,rgba(238,202,150,.08) 100%);border-left-color:#f8e1c0}

/* Hide elements not used in this layout */
.cat-status,.cat-cta{display:none !important}

/* === Responsive breakpoints === */

/* Default desktop padding — give the section more breathing room from edges */
.cont-p{padding:80px 32px !important}

/* Large tablet 992–1199px: 2 cols, slightly compressed */
@media (max-width:1199px) and (min-width:992px){
  .cont-p{padding:75px 28px !important}
  .escorst_categories{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:18px}
  .CatLi .panel-body{padding:18px !important;gap:16px !important}
  .CatLi img{width:104px !important;height:104px !important}
  .catTitle{font-size:15.5px !important;letter-spacing:1.3px !important}
  .cat-desc{font-size:12px}
  .cat-meta{font-size:11.5px !important}
  .cat-highlight{font-size:10.5px;padding:7px 12px}
}

/* Tablet 768–991px: 2 cols, VERTICAL stack inside each card (portrait mini-card) */
@media (max-width:991px) and (min-width:768px){
  .cont-p{padding:70px 22px !important}
  .cont-p>.container{max-width:100% !important;width:100% !important;padding:0 !important}
  .cont-p .row{margin:0 !important;width:100% !important}
  .cont-p .category{width:100% !important}
  .cont-p .category>h2{letter-spacing:1.6px !important}

  /* Grid + equal heights */
  .escorst_categories{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:14px !important;max-width:none !important;width:100% !important;margin:38px 0 0 0 !important;align-items:stretch !important}
  .CatLi{display:flex !important;width:100% !important}
  .CatLi>a{display:flex !important;flex-direction:column !important;width:100% !important;height:100%}
  .CatLi .panel,.CatLi .panel-default{flex:1 !important;display:flex !important;flex-direction:column !important;width:100% !important}

  .CatLi .panel-body{flex:1 !important;flex-direction:column !important;align-items:center !important;justify-content:flex-start !important;text-align:center !important;padding:22px 16px 18px 16px !important;gap:12px !important;width:100% !important;min-width:0 !important;height:auto}
  .CatLi img{width:96px !important;height:96px !important;align-self:center !important;border-width:2.5px !important;flex-shrink:0}
  .cat-content{align-items:center !important;text-align:center;width:100% !important;min-width:0 !important;flex:initial;display:flex !important;flex-direction:column !important;gap:8px !important}

  /* Title — center alignment line, allow word-break */
  .catTitle{font-size:13.5px !important;text-align:center !important;letter-spacing:1.1px !important;padding-bottom:9px !important;line-height:1.25 !important;word-break:keep-all;max-width:100%}
  .catTitle::before{left:50% !important;transform:translateX(-50%) !important;width:28px;bottom:0}
  .CatLi a:hover .catTitle::before{width:48px}

  /* Description: clamp to 3 lines so cards stay equal height */
  .cat-desc{text-align:center !important;font-size:10.5px !important;line-height:1.5 !important;padding:0 !important;max-width:100% !important;margin:0 auto !important;display:-webkit-box !important;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden !important;letter-spacing:.1px !important;text-transform:none !important;color:#d4b285 !important;font-weight:400 !important}

  /* Stats: force single line */
  .cat-meta{justify-content:center !important;font-size:10px !important;gap:10px !important;flex-wrap:nowrap !important;white-space:nowrap !important;max-width:100%}
  .cat-meta__rating,.cat-meta__count{white-space:nowrap}
  .cat-meta__rating::before,.cat-meta__count::before{width:6px;height:6px}

  .cat-tag{align-self:center !important;font-size:8.5px;padding:2px 7px}
  .cat-highlight{align-self:center !important;text-align:center;border-left:0 !important;border:1px solid rgba(238,202,150,.3) !important;border-radius:8px;padding:6px 10px;font-size:9px;letter-spacing:.5px;margin-top:auto !important;white-space:nowrap}
  .cat-num{top:9px;right:9px;font-size:9px;padding:2px 7px}
  .CatLi .panel-body::before{width:50px;height:3px;bottom:9px;left:-10px}
}

/* Phone ≤767px: 1 col, VERTICAL STACK (avatar on top, centered) */
@media (max-width:767px){
  .cont-p{padding:60px 20px !important}
  .cont-p>.container{max-width:100% !important;width:100% !important;padding:0 !important}
  .cont-p .row{margin:0 !important;width:100% !important}
  .cont-p .category{width:100% !important}
  .cont-p .category>h2{letter-spacing:1.5px !important}
  .cont-p .category>h2::after{letter-spacing:6px;font-size:11px}
  .escorst_categories{grid-template-columns:1fr !important;gap:14px !important;max-width:560px !important;width:100% !important;margin:36px auto 0 auto !important;padding:0 !important}
  .CatLi{max-width:none !important;margin:0 !important}
  .CatLi .panel-body{flex-direction:column !important;align-items:center !important;text-align:center;padding:24px 22px 20px 22px !important;gap:16px !important;width:100% !important}
  .CatLi img{width:124px !important;height:124px !important;align-self:center !important;border-width:3px !important}
  .cat-content{align-items:center !important;text-align:center;width:100%}
  .catTitle{font-size:15.5px !important;text-align:center !important;padding-bottom:12px !important;letter-spacing:1.3px !important}
  .catTitle::before{left:50% !important;transform:translateX(-50%);bottom:0;width:34px}
  .cat-desc{text-align:center !important;font-size:12px;line-height:1.55;padding:0 6px;max-width:460px;margin:0 auto}
  .cat-meta{justify-content:center !important;font-size:11.5px !important;gap:16px;flex-wrap:wrap}
  .cat-meta__rating::before,.cat-meta__count::before{width:7px;height:7px}
  .cat-tag{align-self:center !important;font-size:8.5px;padding:2px 7px}
  .cat-highlight{align-self:center !important;text-align:center;border-left:0 !important;border:1px solid rgba(238,202,150,.3) !important;border-radius:10px;padding:8px 14px;font-size:10px;letter-spacing:.7px}
  .cat-num{top:12px;right:12px;font-size:9.5px;padding:3px 8px}
  .CatLi .panel-body::before{width:65px;height:4px;bottom:12px;left:-13px}
}

/* Small phone ≤480px */
@media (max-width:480px){
  .cont-p{padding:50px 16px !important}
  .cont-p .category>h2{letter-spacing:1.2px !important}
  .cont-p .category>h2::after{letter-spacing:5px;font-size:10.5px}
  .escorst_categories{gap:13px}
  .CatLi .panel-body{padding:20px 14px 16px 14px !important;gap:13px !important}
  .CatLi img{width:108px !important;height:108px !important;border-width:2px !important}
  .catTitle{font-size:14px !important;padding-bottom:10px !important;letter-spacing:1.1px !important}
  .catTitle::before{width:30px}
  .cat-desc{font-size:11.5px;padding:0 2px}
  .cat-meta{font-size:10.5px !important;gap:12px}
  .cat-meta__rating::before,.cat-meta__count::before{width:7px;height:7px}
  .cat-tag{font-size:8.5px;padding:2px 7px}
  .cat-highlight{font-size:9.5px;padding:7px 12px;letter-spacing:.5px}
  .cat-num{font-size:9px;padding:3px 7px;top:10px;right:10px}
  .CatLi .panel-body::before{width:55px;height:4px;bottom:10px;left:-10px}
}

/* ============== NEW: Full-width "Build Your Self Esteem" trust section ============== */
/* === Light cream theme — modern attractive look === */
.mb-trust-sec{position:relative;padding:90px 20px;background:linear-gradient(180deg,#fdf9ef 0%,#fffbef 30%,#fbeed1 100%);overflow:hidden}
.mb-trust-sec::before,.mb-trust-sec::after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:min(60%,700px);height:1px;background:linear-gradient(90deg,transparent,rgba(200,150,26,.5),transparent)}
.mb-trust-sec::before{top:0}
.mb-trust-sec::after{bottom:0}
.mb-trust-sec__bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(900px 500px at 0% 0%,rgba(238,202,150,.35),transparent 60%),radial-gradient(900px 500px at 100% 100%,rgba(238,202,150,.3),transparent 60%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.5),transparent 70%)}
.mb-trust-sec__inner{max-width:1140px;margin:0 auto;position:relative;z-index:1;text-align:center}

.mb-trust-sec h2{font-family:"Playfair Display",Georgia,serif !important;font-size:clamp(26px,4.4vw,44px) !important;font-weight:700 !important;background:linear-gradient(135deg,#c8961a 0%,#8b6420 45%,#c8961a 100%) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;text-transform:uppercase !important;letter-spacing:2.5px !important;padding:0 !important;border:0 !important;background-size:200% 200% !important;animation:msHeadShimmer 8s ease-in-out infinite !important;display:block !important;margin:0 auto !important;line-height:1.25 !important;max-width:920px;text-shadow:0 2px 30px rgba(200,150,26,.18)}
.mb-trust-sec h2 strong{color:inherit !important;font-weight:inherit !important;background:inherit !important;-webkit-text-fill-color:transparent !important}
.mb-trust-sec h2::before,.mb-trust-sec h2::after{display:none !important}
.mb-trust-sec__orn{color:#c8961a;font-size:13px;letter-spacing:10px;opacity:.7;margin:14px 0 40px 0}

.mb-trust-sec p{color:#3a2814 !important;font-size:16px !important;line-height:1.85 !important;max-width:820px !important;margin:0 auto 24px auto !important;text-align:center !important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important}
.mb-trust-sec p strong{color:#a87a14 !important;font-weight:700}
.mb-trust-sec p a{color:#c8961a !important;text-decoration:none !important;border-bottom:1px solid rgba(200,150,26,.4);transition:color .25s ease,border-color .25s ease}
.mb-trust-sec p a:hover{color:#8b6420 !important;border-bottom-color:#8b6420}
.mb-trust-sec p a strong{color:inherit !important}

/* Elegant quote-styled license paragraph */
.mb-trust-sec__quote{position:relative;padding:42px 64px !important;font-style:italic;color:#2a1a0e !important;font-size:17px !important;border-top:1px solid rgba(200,150,26,.4) !important;border-bottom:1px solid rgba(200,150,26,.4) !important;margin:0 auto 50px auto !important;max-width:880px !important;line-height:1.85 !important;background:linear-gradient(180deg,#ffffff 0%,#fef9ed 100%) !important;border-radius:18px !important;border-left:1px solid rgba(200,150,26,.4) !important;border-right:1px solid rgba(200,150,26,.4) !important;box-shadow:0 14px 36px rgba(200,150,26,.12),inset 0 1px 0 rgba(255,255,255,.8)}
.mb-trust-sec__quote::before{content:"“";position:absolute;top:8px;left:24px;font-family:"Playfair Display",Georgia,serif;font-size:90px;line-height:1;color:#eeca96;font-style:normal;opacity:.85}
.mb-trust-sec__quote::after{content:"”";position:absolute;bottom:-12px;right:24px;font-family:"Playfair Display",Georgia,serif;font-size:90px;line-height:1;color:#eeca96;font-style:normal;opacity:.85}

/* Bigger, vertical trust badges — elegant white cards */
.mb-trust-sec .ms-trust{margin:0 auto 50px auto !important;max-width:1000px !important;grid-template-columns:repeat(3,1fr) !important;gap:20px !important;display:grid !important;opacity:1 !important;transform:none !important}
.mb-trust-sec .ms-trust__item{padding:32px 22px !important;flex-direction:column !important;text-align:center !important;gap:14px !important;align-items:center !important;background:linear-gradient(180deg,#ffffff 0%,#fef9ed 100%) !important;border:1px solid rgba(200,150,26,.28) !important;border-radius:16px !important;box-shadow:0 8px 26px rgba(200,150,26,.12),inset 0 1px 0 rgba(255,255,255,.8);position:relative;overflow:hidden;transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .3s ease,box-shadow .35s ease}
.mb-trust-sec .ms-trust__item::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#f8e1c0,#c8961a,#f8e1c0);opacity:0;transition:opacity .35s ease}
.mb-trust-sec .ms-trust__item:hover{transform:translateY(-6px) !important;border-color:#c8961a !important;box-shadow:0 22px 56px rgba(200,150,26,.28),inset 0 1px 0 rgba(255,255,255,.95)}
.mb-trust-sec .ms-trust__item:hover::before{opacity:1}
.mb-trust-sec .ms-trust__ico{width:64px !important;height:64px !important;background:radial-gradient(circle at 30% 28%,#fef0d2 0%,#f8e1c0 22%,#eeca96 55%,#c8961a 100%) !important;box-shadow:0 10px 26px rgba(200,150,26,.45),inset 0 1px 0 rgba(255,255,255,.6),inset 0 -2px 4px rgba(122,90,16,.25),0 0 0 4px #ffffff,0 0 0 5px rgba(200,150,26,.25) !important}
.mb-trust-sec .ms-trust__ico svg{width:26px !important;height:26px !important;color:#2a1a0e !important}
.mb-trust-sec .ms-trust__item b{font-size:14px !important;letter-spacing:1.5px !important;color:#2a1a0e !important}
.mb-trust-sec .ms-trust__item i{font-size:13px !important;margin-top:4px !important;color:#5a4a35 !important;opacity:.85}

/* Closing paragraph */
.mb-trust-sec__closing{font-size:15px !important;color:#5a4a35 !important;font-style:normal !important;padding:0 50px !important;letter-spacing:.3px}
.mb-trust-sec__closing::before{content:"✦";margin-right:14px;color:#c8961a;opacity:.8;font-size:14px}
.mb-trust-sec__closing::after{content:"✦";margin-left:14px;color:#c8961a;opacity:.8;font-size:14px}

@media (max-width:767px){
  .mb-trust-sec__quote{padding:32px 32px !important;font-size:15px !important}
  .mb-trust-sec__quote::before,.mb-trust-sec__quote::after{font-size:60px}
}

@media (max-width:991px){
  .mb-trust-sec{padding:70px 20px}
  .mb-trust-sec .ms-trust{grid-template-columns:1fr !important;max-width:480px !important}
}
@media (max-width:767px){
  .mb-trust-sec{padding:60px 16px}
  .mb-trust-sec h2{letter-spacing:1.5px !important}
  .mb-trust-sec__orn{letter-spacing:6px;font-size:11px;margin:12px 0 30px 0}
  .mb-trust-sec__quote{padding:28px 24px !important;font-size:15px !important;margin-bottom:60px !important}
  .mb-trust-sec__quote::before,.mb-trust-sec__quote::after{font-size:50px}
  .mb-trust-sec__closing{padding:0 16px !important;font-size:14px !important}
}

/* === Modern espresso theme override (replaces old maroon body bg) === */
body{background:#15110d !important}
.sect-slider-sccont{background:linear-gradient(180deg,#1f1812 0%,#0e0a07 50%,#1f1812 100%) !important;position:relative}
.sect-slider-sccont::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(238,202,150,.4),transparent)}
.sect-slider-sccont::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(238,202,150,.3),transparent)}

/* ============== NEW: Exclusive Offers section ============== */
.mb-offers{position:relative;padding:80px 24px;background:linear-gradient(180deg,#fdf9ef 0%,#fffbef 50%,#fbeed1 100%);overflow:hidden}
.mb-offers::before,.mb-offers::after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:min(60%,700px);height:1px;background:linear-gradient(90deg,transparent,rgba(200,150,26,.45),transparent)}
.mb-offers::before{top:0}
.mb-offers::after{bottom:0}
.mb-offers__inner{max-width:1280px;margin:0 auto;position:relative;z-index:1}

/* Heading */
.mb-offers__head{text-align:center;margin-bottom:48px}
.mb-offers__kicker{display:inline-block;padding:7px 20px;border:1px solid rgba(200,150,26,.5);border-radius:999px;color:#a87a14;font-size:11px;letter-spacing:3px;text-transform:uppercase;font-weight:700;margin-bottom:18px;background:rgba(238,202,150,.16);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.mb-offers__heading{font-family:"Playfair Display",Georgia,serif;font-size:clamp(26px,4vw,40px);font-weight:700;background:linear-gradient(135deg,#c8961a 0%,#8b6420 45%,#c8961a 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:1.5px;line-height:1.25;margin:0 0 12px 0;text-transform:uppercase;background-size:200% 200%;animation:msHeadShimmer 7s ease-in-out infinite}
.mb-offers__sub{color:#6b5640;font-size:14px;letter-spacing:.4px;margin:0 auto;max-width:720px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;line-height:1.55}

/* Cards grid */
.mb-offers__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}

/* Single offer card */
.mb-offers__card{position:relative;padding:24px 22px 22px 22px;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,var(--c1,#fde0e0) 0%,var(--c2,#fbb1b1) 100%);min-height:230px;display:flex;flex-direction:column;align-items:flex-start;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease;cursor:pointer;text-decoration:none !important;box-shadow:0 8px 22px rgba(122,90,16,.12),inset 0 1px 0 rgba(255,255,255,.4)}
.mb-offers__card:hover{transform:translateY(-6px);box-shadow:0 22px 50px rgba(122,90,16,.22),inset 0 1px 0 rgba(255,255,255,.5)}

/* Polka-dot pattern overlay top-right */
.mb-offers__card::before{content:"";position:absolute;top:-8px;right:-8px;width:140px;height:140px;background-image:radial-gradient(circle,rgba(255,255,255,.4) 1.5px,transparent 1.6px);background-size:10px 10px;opacity:.6;pointer-events:none;z-index:0}

/* Pill */
.mb-offers__pill{display:inline-flex;align-items:center;background:rgba(0,0,0,.18);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:5px 13px;border-radius:999px;font-size:10.5px;letter-spacing:.6px;color:#1a0e0e;font-weight:700;margin-bottom:14px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;text-transform:uppercase;position:relative;z-index:1}

/* Title */
.mb-offers__card-title{font-family:"Playfair Display",Georgia,serif;font-size:17px;font-weight:700;color:#1a0e0e;margin:0 0 10px 0;line-height:1.3;letter-spacing:.2px;position:relative;z-index:1}

/* Validity */
.mb-offers__valid{color:rgba(26,14,14,.65);font-size:12px;font-weight:500;margin:0 0 14px 0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;letter-spacing:.2px;position:relative;z-index:1}

/* Coupon code chip */
.mb-offers__code{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding:8px 14px;background:rgba(255,255,255,.85);border:1px dashed rgba(26,14,14,.32);border-radius:8px;font-size:11.5px;font-weight:800;letter-spacing:1.4px;color:#1a0e0e;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;position:relative;z-index:1;transition:background .25s ease,border-color .25s ease;text-transform:uppercase}
.mb-offers__card:hover .mb-offers__code{background:#fff;border-color:#1a0e0e}
.mb-offers__code svg{width:13px;height:13px;color:#1a0e0e}

/* Decorative emoji icon */
.mb-offers__decor{position:absolute;bottom:14px;right:16px;font-size:54px;line-height:1;opacity:.85;transform:rotate(-12deg);transition:transform .4s cubic-bezier(.22,1,.36,1);pointer-events:none;z-index:0;filter:drop-shadow(0 4px 8px rgba(0,0,0,.18))}
.mb-offers__card:hover .mb-offers__decor{transform:rotate(0deg) scale(1.1)}

/* Responsive */
@media (max-width:1099px){.mb-offers__grid{grid-template-columns:repeat(2,1fr);gap:16px}}
@media (max-width:599px){.mb-offers__grid{grid-template-columns:1fr;gap:14px;max-width:420px;margin:0 auto}}
@media (max-width:767px){
  .mb-offers{padding:60px 20px}
  .mb-offers__head{margin-bottom:36px}
  .mb-offers__card{min-height:210px;padding:20px 18px 18px 18px}
  .mb-offers__card-title{font-size:16px}
  .mb-offers__decor{font-size:46px}
}

/* ============== NEW: How to Book section (light/white theme) ============== */
.mb-howto{position:relative;padding:90px 24px;background:linear-gradient(180deg,#fbf8f2 0%,#ffffff 50%,#fbf8f2 100%);overflow:hidden}
.mb-howto::before,.mb-howto::after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:min(60%,700px);height:1px;background:linear-gradient(90deg,transparent,rgba(200,150,26,.45),transparent)}
.mb-howto::before{top:0}
.mb-howto::after{bottom:0}
.mb-howto__bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(700px 400px at 15% 30%,rgba(238,202,150,.18),transparent 60%),radial-gradient(700px 400px at 85% 70%,rgba(238,202,150,.14),transparent 60%)}
.mb-howto__inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}

/* Heading */
.mb-howto__head{text-align:center;margin-bottom:60px}
.mb-howto__kicker{display:inline-block;padding:7px 20px;border:1px solid rgba(200,150,26,.5);border-radius:999px;color:#a87a14;font-size:11px;letter-spacing:3px;text-transform:uppercase;font-weight:700;margin-bottom:18px;background:rgba(238,202,150,.16);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.mb-howto__title{font-family:"Playfair Display",Georgia,serif;font-size:clamp(26px,4vw,40px);font-weight:700;background:linear-gradient(135deg,#c8961a 0%,#8b6420 45%,#c8961a 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:1.5px;line-height:1.25;margin:0 0 12px 0;background-size:200% 200%;animation:msHeadShimmer 7s ease-in-out infinite}
.mb-howto__sub{color:#6b5640;font-size:14px;letter-spacing:.4px;margin:0 0 14px 0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.mb-howto__orn{color:#c8961a;font-size:13px;letter-spacing:10px;opacity:.65}

/* 2-column body */
.mb-howto__body{display:grid;grid-template-columns:auto 1fr;gap:60px;align-items:center;max-width:1100px;margin:0 auto}

/* === CSS-drawn phone mockup === */
.mb-howto__phone{position:relative;width:280px;height:560px;background:linear-gradient(180deg,#0a0303 0%,#1a0606 100%);border-radius:42px;padding:14px;border:2px solid rgba(238,202,150,.25);box-shadow:0 30px 70px rgba(0,0,0,.6),inset 0 0 0 1px rgba(0,0,0,.5),0 0 0 8px #1a0606,0 0 0 9px rgba(238,202,150,.15);flex-shrink:0;justify-self:center}
.mb-howto__phone-notch{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:100px;height:22px;background:#0a0303;border-radius:0 0 16px 16px;z-index:3}
.mb-howto__phone-notch::before{content:"";position:absolute;top:7px;left:18px;width:6px;height:6px;border-radius:50%;background:#1a0606;border:1px solid rgba(238,202,150,.2)}
.mb-howto__phone-notch::after{content:"";position:absolute;top:9px;right:24px;width:30px;height:3px;border-radius:2px;background:rgba(238,202,150,.15)}
.mb-howto__phone-screen{width:100%;height:100%;background:linear-gradient(180deg,#fef9ed 0%,#f7e9cc 100%);border-radius:30px;padding:42px 12px 12px 12px;display:flex;flex-direction:column;gap:9px;overflow:hidden;position:relative}

/* App content — light cream theme */
.mb-howto__app-header{display:flex;align-items:center;gap:8px;padding:5px 6px 9px 6px;border-bottom:1px solid rgba(200,150,26,.25)}
.mb-howto__app-logo{width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#f8e1c0,#eeca96 60%,#c8961a);color:#2a1a0e;font-family:"Playfair Display",Georgia,serif;font-weight:700;font-size:13px;font-style:italic;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 3px 8px rgba(200,150,26,.35)}
.mb-howto__app-header>span:last-child{font-family:"Playfair Display",Georgia,serif;font-weight:700;font-size:12px;color:#2a1a0e;letter-spacing:.4px;background:none;-webkit-text-fill-color:initial}
.mb-howto__app-search{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid rgba(200,150,26,.3);border-radius:10px;padding:7px 10px;color:#2a1a0e;font-size:10px;font-weight:500;font-family:-apple-system,sans-serif;letter-spacing:.3px;box-shadow:0 1px 3px rgba(122,90,16,.08)}
.mb-howto__app-search::before{content:"📍";font-size:11px}
.mb-howto__app-tabs{display:flex;gap:5px;flex-wrap:nowrap;overflow:hidden}
.mb-howto__app-tabs span{flex-shrink:0;padding:4px 9px;background:#fff;border:1px solid rgba(200,150,26,.3);border-radius:999px;color:#6b5640;font-size:8.5px;letter-spacing:.4px;text-transform:uppercase;font-weight:700;font-family:-apple-system,sans-serif}
.mb-howto__app-tabs span.is-active{background:linear-gradient(135deg,#f8e1c0,#c8961a);color:#2a1a0e;border-color:transparent;box-shadow:0 3px 8px rgba(200,150,26,.3)}

/* Profile cards inside phone — realistic mini-thumbnails */
.mb-howto__app-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:1px}
.mb-howto__app-card{aspect-ratio:3/4;background:#fff;border:1px solid rgba(200,150,26,.25);border-radius:10px;position:relative;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 6px rgba(122,90,16,.08)}
.mb-howto__app-card-photo{flex:1;display:block;width:100%;object-fit:cover;border-radius:9px 9px 0 0;background:linear-gradient(135deg,var(--c1,#e7c89d) 0%,var(--c2,#b88955) 100%);min-height:0}
.mb-howto__app-card-online{position:absolute;top:5px;right:5px;width:7px;height:7px;border-radius:50%;background:#22c55e;border:1.5px solid #fff;box-shadow:0 0 4px rgba(34,197,94,.7);z-index:2;animation:appOnlinePulse 1.8s ease-in-out infinite}
@keyframes appOnlinePulse{0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,.5),0 0 4px rgba(34,197,94,.7)}50%{box-shadow:0 0 0 4px rgba(34,197,94,0),0 0 4px rgba(34,197,94,.7)}}
.mb-howto__app-card-info{display:flex;align-items:center;justify-content:space-between;padding:5px 7px;background:#fff;gap:4px}
.mb-howto__app-card-name{font-family:-apple-system,sans-serif;font-size:9px;font-weight:700;color:#2a1a0e;letter-spacing:.2px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mb-howto__app-card-rate{font-family:-apple-system,sans-serif;font-size:8.5px;font-weight:700;color:#c8961a;letter-spacing:.1px;flex-shrink:0;white-space:nowrap}

.mb-howto__app-cta{margin-top:auto;background:linear-gradient(135deg,#f8e1c0 0%,#eeca96 50%,#c8961a 100%);color:#2a1a0e;padding:11px;border-radius:12px;text-align:center;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:1.2px;font-family:-apple-system,sans-serif;box-shadow:0 5px 14px rgba(200,150,26,.4),inset 0 1px 0 rgba(255,255,255,.5)}

/* Steps stack — modern light theme with floating badges + connector line */
.mb-howto__steps{display:flex;flex-direction:column;gap:18px;position:relative;padding-left:8px}

/* Vertical connector line behind the badges */
.mb-howto__steps::before{content:"";position:absolute;top:30px;bottom:30px;left:31px;width:2px;background:repeating-linear-gradient(to bottom,rgba(200,150,26,.4) 0,rgba(200,150,26,.4) 4px,transparent 4px,transparent 9px);z-index:0}

.mb-howto__step{display:flex;align-items:flex-start;gap:22px;padding:20px 24px 20px 30px;background:linear-gradient(135deg,#ffffff 0%,#fef9ed 100%);border:1px solid rgba(200,150,26,.2);border-radius:16px;transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .3s ease,box-shadow .35s ease;opacity:0;transform:translateX(20px);animation:mbHowtoStepIn .55s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--i,0) * .08s);box-shadow:0 6px 18px rgba(122,90,16,.06),0 1px 0 rgba(255,255,255,.8) inset;position:relative;z-index:1}
@keyframes mbHowtoStepIn{to{opacity:1;transform:translateX(0)}}
.mb-howto__step::before{content:"";position:absolute;top:0;bottom:0;right:0;width:4px;background:linear-gradient(180deg,#f8e1c0,#c8961a);border-radius:0 16px 16px 0;opacity:0;transition:opacity .35s ease}
.mb-howto__step:hover{transform:translateX(6px) translateY(-3px);border-color:rgba(200,150,26,.5);box-shadow:0 22px 48px rgba(200,150,26,.22),0 1px 0 rgba(255,255,255,.9) inset}
.mb-howto__step:hover::before{opacity:1}
.mb-howto__step:hover .mb-howto__step-num{transform:scale(1.05) rotate(-6deg);box-shadow:0 14px 30px rgba(200,150,26,.55),inset 0 1px 0 rgba(255,255,255,.7)}

/* Floating circular number badge */
.mb-howto__step-num{width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 30% 28%,#fef0d2 0%,#f8e1c0 22%,#eeca96 55%,#c8961a 100%);color:#2a1a0e;font-family:"Playfair Display",Georgia,serif;font-weight:700;font-size:20px;font-style:italic;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 10px 24px rgba(200,150,26,.45),inset 0 1px 0 rgba(255,255,255,.6),inset 0 -2px 4px rgba(122,90,16,.25),0 0 0 4px #ffffff,0 0 0 5px rgba(200,150,26,.25);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease;position:relative;z-index:2;letter-spacing:-.5px}

.mb-howto__step-content{flex:1;min-width:0;padding-top:4px}
.mb-howto__step-content h3{color:#2a1a0e;font-family:"Playfair Display",Georgia,serif;font-size:16.5px;margin:0 0 6px 0;font-weight:700;letter-spacing:.3px;line-height:1.3}
.mb-howto__step-content h3 b{color:#c8961a;font-weight:700;background:linear-gradient(135deg,#c8961a,#8b6420);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-right:3px}
.mb-howto__step-content p{color:#5a4a35;font-size:13.5px;line-height:1.65;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.mb-howto__step-content p b{color:#a87a14;font-weight:700;border-bottom:1px dashed rgba(200,150,26,.35)}
.mb-howto__sub{max-width:780px;margin-left:auto;margin-right:auto;line-height:1.55}

/* Tablet 768-991 */
@media (max-width:991px) and (min-width:768px){
  .mb-howto__steps::before{left:27px}
  .mb-howto__step{padding:18px 22px 18px 26px;gap:18px}
  .mb-howto__step-num{width:48px;height:48px;font-size:18px}
}
/* Phone */
@media (max-width:767px){
  .mb-howto__steps{padding-left:4px;gap:14px}
  .mb-howto__steps::before{left:23px;top:24px;bottom:24px}
  .mb-howto__step{padding:16px 18px 16px 20px;gap:14px;border-radius:14px}
  .mb-howto__step-num{width:44px;height:44px;font-size:17px;box-shadow:0 8px 18px rgba(200,150,26,.4),inset 0 1px 0 rgba(255,255,255,.6),0 0 0 3px #fff,0 0 0 4px rgba(200,150,26,.22)}
  .mb-howto__step-content{padding-top:2px}
  .mb-howto__step-content h3{font-size:14.5px}
  .mb-howto__step-content p{font-size:12.5px;line-height:1.6}
}
@media (max-width:480px){
  .mb-howto__steps::before{display:none}
  .mb-howto__steps{padding-left:0}
  .mb-howto__step{padding:14px 16px;gap:12px;border-radius:12px}
  .mb-howto__step-num{width:40px;height:40px;font-size:15px}
  .mb-howto__step-content h3{font-size:13.5px;letter-spacing:.2px}
  .mb-howto__step-content p{font-size:12px}
}

@media (max-width:991px){
  .mb-howto{padding:70px 24px}
  .mb-howto__body{grid-template-columns:1fr;justify-items:center;gap:50px;max-width:560px}
  .mb-howto__phone{width:260px;height:520px}
  .mb-howto__steps{width:100%}
}
@media (max-width:480px){
  .mb-howto{padding:55px 16px}
  .mb-howto__head{margin-bottom:40px}
  .mb-howto__phone{width:230px;height:460px;padding:12px}
  .mb-howto__phone-screen{padding:38px 12px 12px}
  .mb-howto__step{padding:16px 18px;gap:14px}
  .mb-howto__step-num{width:42px;height:42px;font-size:16px}
  .mb-howto__step-content h3{font-size:15px}
  .mb-howto__step-content p{font-size:12.5px}
}

/* ================== NEW: Premium Experience section ================== */
.mb-exp{position:relative;padding:80px 20px;background:linear-gradient(180deg,#251c14 0%,#15110b 50%,#251c14 100%);overflow:hidden}
.mb-exp::before,.mb-exp::after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:min(60%,700px);height:1px;background:linear-gradient(90deg,transparent,rgba(238,202,150,.55),transparent)}
.mb-exp::before{top:0}
.mb-exp::after{bottom:0}
.mb-exp__bg{position:absolute;inset:0;pointer-events:none;opacity:.4;background:radial-gradient(800px 400px at 20% 30%,rgba(238,202,150,.06),transparent 60%),radial-gradient(700px 350px at 80% 70%,rgba(238,202,150,.05),transparent 60%)}
.mb-exp__inner{max-width:1140px;margin:0 auto;position:relative;z-index:1}

/* Heading */
.mb-exp__head{text-align:center;margin-bottom:80px}
.mb-exp__kicker{display:inline-block;padding:7px 20px;border:1px solid rgba(238,202,150,.4);border-radius:999px;color:#eeca96;font-size:11px;letter-spacing:3px;text-transform:uppercase;font-weight:600;margin-bottom:20px;background:rgba(238,202,150,.06);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.mb-exp__title{font-family:"Playfair Display",Georgia,serif;font-size:clamp(26px,4vw,42px);font-weight:700;background:linear-gradient(135deg,#f8e1c0 0%,#eeca96 50%,#d4b285 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:1.5px;line-height:1.25;margin:0 0 14px 0;background-size:200% 200%;animation:msHeadShimmer 7s ease-in-out infinite}
.mb-exp__orn{color:#eeca96;font-size:13px;letter-spacing:10px;opacity:.7}

/* 3-step process */
.mb-exp__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:60px;position:relative}
.mb-exp__steps::before{content:"";position:absolute;top:48px;left:18%;right:18%;height:1px;background:linear-gradient(90deg,transparent,rgba(238,202,150,.4),transparent);z-index:0}
.mb-exp__step{position:relative;padding:46px 22px 28px;border-radius:18px;border:1px solid rgba(238,202,150,.25);background:linear-gradient(135deg,rgba(238,202,150,.07) 0%,rgba(0,0,0,.32) 100%);text-align:center;z-index:1;transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .3s ease,box-shadow .35s ease;opacity:0;transform:translateY(28px)}
.mb-exp__step.is-in{opacity:1;transform:translateY(0)}
.mb-exp__step:hover{transform:translateY(-6px);border-color:rgba(238,202,150,.6);box-shadow:0 24px 56px rgba(0,0,0,.5),0 0 0 1px rgba(238,202,150,.2)}
.mb-exp__step-num{position:absolute;top:-22px;left:50%;transform:translateX(-50%);width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#f8e1c0 0%,#eeca96 55%,#d4b285 100%);color:#2a1a0e;display:flex;align-items:center;justify-content:center;font-family:"Playfair Display",Georgia,serif;font-size:21px;font-weight:700;box-shadow:0 8px 20px rgba(238,202,150,.4),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(0,0,0,.15);z-index:2}
.mb-exp__step-ico{margin:18px auto 18px;width:64px;height:64px;border-radius:18px;background:rgba(238,202,150,.1);border:1px solid rgba(238,202,150,.22);display:flex;align-items:center;justify-content:center;color:#eeca96;transition:transform .3s ease,background .3s ease,border-color .3s ease}
.mb-exp__step:hover .mb-exp__step-ico{transform:scale(1.1) rotate(-4deg);background:rgba(238,202,150,.18);border-color:rgba(238,202,150,.5)}
.mb-exp__step-ico svg{width:28px;height:28px}
.mb-exp__step h3{font-family:"Playfair Display",Georgia,serif;font-size:21px;font-weight:700;color:#f8e1c0;margin:0 0 12px 0;letter-spacing:.6px}
.mb-exp__step p{color:#d4b285;font-size:14px;line-height:1.7;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}

/* Feature cards */
.mb-exp__features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:50px}
.mb-exp__feat{padding:24px 18px;border-radius:14px;border:1px solid rgba(238,202,150,.18);background:rgba(0,0,0,.22);text-align:center;transition:all .35s cubic-bezier(.22,1,.36,1);opacity:0;transform:translateY(20px)}
.mb-exp__feat.is-in{opacity:1;transform:translateY(0)}
.mb-exp__feat:hover{border-color:rgba(238,202,150,.55);background:rgba(238,202,150,.06);transform:translateY(-4px);box-shadow:0 14px 32px rgba(0,0,0,.35)}
.mb-exp__feat-ico{width:48px;height:48px;margin:0 auto 14px;border-radius:50%;background:linear-gradient(135deg,#f8e1c0 0%,#eeca96 60%,#d4b285 100%);display:flex;align-items:center;justify-content:center;color:#4a0e0e;box-shadow:0 6px 16px rgba(238,202,150,.35),inset 0 1px 0 rgba(255,255,255,.5)}
.mb-exp__feat-ico svg{width:22px;height:22px}
.mb-exp__feat h4{color:#eeca96;font-size:13.5px;font-weight:700;margin:0 0 6px 0;letter-spacing:.6px;text-transform:uppercase;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.mb-exp__feat p{color:#d4b285;font-size:12.5px;line-height:1.6;margin:0;opacity:.85;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}

/* Bottom CTA */
.mb-exp__cta{display:inline-flex;align-items:center;justify-content:center;gap:14px;margin:0 auto;padding:18px 32px;border-radius:999px;background:linear-gradient(135deg,#f8e1c0 0%,#eeca96 50%,#d4b285 100%);color:#2a1a0e !important;font-weight:700;font-size:14px;letter-spacing:1.2px;text-transform:uppercase;text-decoration:none !important;box-shadow:0 14px 36px rgba(238,202,150,.42),inset 0 1px 0 rgba(255,255,255,.5);transition:transform .3s ease,box-shadow .3s ease;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important}
.mb-exp__cta:hover{transform:translateY(-3px);box-shadow:0 20px 48px rgba(238,202,150,.6),inset 0 1px 0 rgba(255,255,255,.6);color:#2a1a0e !important}
.mb-exp__cta-wrap{text-align:center}
.mb-exp__cta-ico{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:rgba(74,14,14,.18);color:#2a1a0e}
.mb-exp__cta-ico svg{width:16px;height:16px}
.mb-exp__cta-num{padding-left:14px;border-left:1px solid rgba(42,26,14,.3);letter-spacing:.5px;font-size:13.5px}

/* Responsive */
@media (max-width:991px){
  .mb-exp{padding:70px 20px}
  .mb-exp__head{margin-bottom:60px}
  .mb-exp__steps{grid-template-columns:1fr;gap:36px}
  .mb-exp__steps::before{display:none}
  .mb-exp__features{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:767px){
  .mb-exp{padding:60px 16px}
  .mb-exp__head{margin-bottom:50px}
  .mb-exp__cta{flex-wrap:wrap;gap:10px;padding:16px 24px;font-size:13px}
  .mb-exp__cta-num{padding-left:0;border:0;width:100%;text-align:center;font-size:14px}
}
@media (max-width:480px){
  .mb-exp__features{grid-template-columns:1fr}
  .mb-exp__step{padding:42px 18px 24px}
}