/* redesign.css */
.logo>div{display:flex;flex-direction:column}

/* Language pills */
.langlist{max-width:800px;margin:28px auto 0}
.li{border:1px solid var(--gold-15)!important;border-radius:var(--rc)!important;margin-bottom:12px!important;background:var(--card)!important;backdrop-filter:blur(12px);overflow:hidden;transition:all .4s var(--e)}
.li:hover{border-color:var(--gold-30)!important}
.li.open{border-color:var(--gold-30)!important;box-shadow:0 0 24px var(--gold-05)}
.li__btn{display:flex!important;align-items:center!important;gap:14px!important;width:100%;padding:16px 20px!important;background:none;border:none;color:var(--t);font-size:.9rem;font-weight:600;text-align:left;transition:.3s;cursor:pointer}
.li__btn:hover{color:var(--gold)}
.li__l{display:flex!important;align-items:center!important;gap:14px!important;flex:1}
.li__tag{padding:5px 14px;border-radius:20px;font-size:.6rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;background:var(--gold-10);border:1px solid var(--gold-20);color:var(--gold);white-space:nowrap;min-width:80px;text-align:center}
.li.open .li__tag{background:var(--gold);color:#0d0608;border-color:var(--gold)}
.li__name{display:flex;flex-direction:column;gap:1px}
.li__name span:first-child{font-family:var(--fh);font-size:.88rem;color:var(--t)}
.li__name span:last-child{font-size:.72rem;color:var(--tg);font-weight:400}
.li__flag{display:none!important}
.li__ar{color:var(--gold);transition:transform .4s var(--e);flex-shrink:0;width:28px;height:28px;border-radius:50%;border:1px solid var(--gold-15);display:flex;align-items:center;justify-content:center;font-size:.8rem}
.li.open .li__ar{transform:rotate(45deg);background:var(--gold-10);border-color:var(--gold-30)}
.li__body{max-height:0;overflow:hidden;transition:max-height .5s var(--e)}
.li.open .li__body{max-height:500px}
.li__ct{padding:0 20px 20px!important;color:var(--td);font-size:.85rem;line-height:1.88;font-weight:300}
.li__ct p{margin-bottom:6px}

/* lgrid 3-col with glow */
.lgrid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:16px!important;margin-top:28px}
@media(max-width:900px){.lgrid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:520px){.lgrid{grid-template-columns:1fr!important}}
.loc{border:1px solid var(--gold-20)!important;box-shadow:0 0 18px var(--gold-05)!important;transition:all .4s var(--e)!important}
.loc:hover{border-color:var(--gold)!important;transform:translateY(-4px)!important;box-shadow:0 0 32px var(--gold-15),0 12px 32px rgba(0,0,0,.3)!important}

/* Footer premium */
.ft{background:linear-gradient(180deg,rgba(15,7,10,1),rgba(8,3,5,1))!important;border-top:1px solid var(--gold-20)!important;position:relative}
.ft::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:400px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.fth{font-size:.72rem!important;letter-spacing:2.5px!important;text-transform:uppercase;position:relative;padding-bottom:10px}
.fth::after{content:'';position:absolute;bottom:0;left:0;width:28px;height:1.5px;background:linear-gradient(90deg,var(--gold),transparent)}
.ft-locs{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.ft-locs a{display:inline-flex;align-items:center;gap:3px;padding:5px 14px;border-radius:20px;font-size:.7rem;background:var(--gold-05);border:1px solid var(--gold-10);color:var(--td);text-decoration:none;transition:all .3s var(--e);white-space:nowrap}
.ft-locs a:hover{background:var(--gold-10);border-color:var(--gold-30);color:var(--gold);box-shadow:0 0 14px var(--gold-10);transform:translateY(-2px)}
.lch a,.lch span{display:inline-block!important;padding:4px 12px!important;border-radius:20px!important;font-size:.65rem!important;background:var(--gold-05)!important;border:1px solid var(--gold-10)!important;color:var(--td)!important;text-decoration:none;transition:all .3s;cursor:pointer}
.lch a:hover,.lch span:hover{background:var(--gold-10)!important;border-color:var(--gold-30)!important;color:var(--gold)!important}

/* Services horizontal scroll */
.svc-scroll-wrap{position:relative;margin-top:32px}
.svc-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 20px 16px;cursor:grab}
.svc-track:active{cursor:grabbing}
.svc-track::-webkit-scrollbar{display:none}
.svc-track .svc{scroll-snap-align:center;flex-shrink:0;width:300px;min-width:280px;opacity:1!important;transform:none!important}
@media(max-width:480px){.svc-track .svc{width:260px;min-width:240px}}
.svc-dots{display:flex;justify-content:center;gap:8px;margin-top:16px}
.svc-dots .dot{width:8px;height:8px;border-radius:50%;border:1px solid var(--gold-30);background:transparent;cursor:pointer;padding:0;transition:all .3s}
.svc-dots .dot.on{background:var(--gold);border-color:var(--gold);box-shadow:0 0 10px var(--gold-20);width:24px;border-radius:4px}

/* Globe grid */
.globe-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:32px;max-width:700px;margin-left:auto;margin-right:auto}
@media(max-width:520px){.globe-grid{grid-template-columns:1fr;max-width:400px}}
.globe-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 16px 22px;border-radius:var(--rc);background:var(--card);backdrop-filter:blur(12px);border:1px solid var(--gold-15);transition:all .4s var(--e);text-decoration:none;color:inherit}
.globe-card:hover{border-color:var(--gold-30);transform:translateY(-4px);box-shadow:0 0 28px var(--gold-10),0 8px 32px rgba(0,0,0,.25)}
.globe-card__icon{width:48px;height:48px;border-radius:50%;background:var(--gold-10);border:1px solid var(--gold-20);display:flex;align-items:center;justify-content:center;margin-bottom:14px;font-size:1.3rem}
.globe-card:hover .globe-card__icon{background:var(--gold-15);border-color:var(--gold-30);box-shadow:0 0 16px var(--gold-10)}
.globe-card__name{font-family:var(--fh);font-size:1rem;color:var(--t);margin-bottom:6px;font-weight:700}
.globe-card__desc{color:var(--td);font-size:.76rem;font-weight:300;line-height:1.6;margin-bottom:14px}
.globe-card__link{color:var(--gold);font-size:.72rem;font-weight:700;letter-spacing:2px;text-transform:uppercase}

/* Steps — circles with "Step" label */
.steps-wrap{margin-top:40px}
.steps-nav{display:flex;align-items:center;justify-content:center;gap:0;position:relative;margin-bottom:32px}
.steps-nav::before{content:"";position:absolute;top:50%;left:15%;right:15%;height:2px;background:linear-gradient(90deg,transparent,var(--gold-15),var(--gold-20),var(--gold-15),transparent);transform:translateY(-50%);z-index:0}
.step-circle{width:60px;height:60px;border-radius:50%;background:var(--card);border:2px solid var(--gold-20);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--fh);font-size:1.1rem;color:var(--gold);font-weight:700;cursor:pointer;transition:all .5s var(--e);position:relative;z-index:1;flex-shrink:0;line-height:1}
.sc-label{font-size:.4rem;letter-spacing:2px;text-transform:uppercase;font-family:var(--fb);font-weight:600;opacity:.7;display:block;margin-bottom:1px}
.step-circle:hover{border-color:var(--gold);box-shadow:0 0 20px var(--gold-15);transform:scale(1.1)}
.step-circle.active{background:linear-gradient(135deg,var(--gold),var(--gold-lt));color:#0d0608;border-color:var(--gold);box-shadow:0 0 28px var(--gold-30);transform:scale(1.12)}
.step-circle.active .sc-label{opacity:1}
.step-line{flex:1;height:2px;background:var(--gold-15);max-width:120px;transition:background .5s}
.step-line.done{background:linear-gradient(90deg,var(--gold-30),var(--gold-20))}
.step-content{position:relative;min-height:180px}
.step-panel{opacity:0;position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px;transition:opacity .5s var(--e),transform .5s var(--e);transform:translateY(16px);pointer-events:none}
.step-panel.active{opacity:1;transform:translateY(0);pointer-events:auto;position:relative}
.step-panel .step__ic{font-size:2.4rem;margin-bottom:12px}
.step-panel h3{font-size:1rem;margin-bottom:8px;color:var(--t)}
.step-panel p{color:var(--td);font-size:.88rem;font-weight:300;line-height:1.78;max-width:440px}
@media(max-width:520px){.step-circle{width:48px;height:48px;font-size:.9rem}.step-line{max-width:40px}.sc-label{font-size:.35rem}}

/* Booking form */
.booking-form{max-width:600px;margin:36px auto 0;padding:32px;border-radius:var(--rc);background:var(--card);backdrop-filter:blur(14px);border:1px solid var(--gold-15);box-shadow:0 0 30px var(--gold-05)}
.booking-form h3{font-family:var(--fh);font-size:1.1rem;color:var(--gold);margin-bottom:18px;text-align:center}
.bf-row{margin-bottom:16px}
.bf-row label{display:block;font-size:.78rem;color:var(--td);margin-bottom:6px;font-weight:500}
.bf-row input,.bf-row textarea{width:100%;padding:12px 16px;border-radius:var(--rc);background:rgba(13,6,8,.6);border:1px solid var(--gold-15);color:var(--t);font-family:var(--fb);font-size:.88rem;transition:all .3s;outline:none}
.bf-row input:focus,.bf-row textarea:focus{border-color:var(--gold);box-shadow:0 0 16px var(--gold-10)}
.bf-row input::placeholder,.bf-row textarea::placeholder{color:var(--tg)}
.bf-submit{width:100%;padding:14px;border:none;border-radius:var(--rc);background:linear-gradient(135deg,var(--gold),var(--gold-lt));color:#0d0608;font-family:var(--fb);font-size:.92rem;font-weight:700;cursor:pointer;transition:all .35s;margin-top:6px}
.bf-submit:hover{transform:translateY(-2px);box-shadow:0 8px 28px var(--gold-30)}
.bf-msg{text-align:center;padding:12px;margin-top:12px;border-radius:var(--rc);font-size:.85rem;display:none}
.bf-msg.success{display:block;background:rgba(37,211,102,.1);border:1px solid rgba(37,211,102,.3);color:#25D366}
.bf-msg.error{display:block;background:rgba(220,50,50,.1);border:1px solid rgba(220,50,50,.3);color:#e05555}


/* Review count spans — inherit parent styling */
.rv-count,.rv-rating{font:inherit;color:inherit}

/* === Premium SVG Animations === */
@keyframes asvgSpin{to{transform:rotate(360deg)}}
@keyframes asvgSpinR{to{transform:rotate(-360deg)}}
@keyframes asvgFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes asvgPulse{0%,100%{opacity:.4}50%{opacity:.9}}
@keyframes asvgGlow{0%,100%{r:3;opacity:.6}50%{r:6;opacity:1}}
@keyframes asvgFlicker{0%{transform:scaleX(1) scaleY(1)}100%{transform:scaleX(.94) scaleY(1.06)}}
@keyframes asvgBell{0%,100%{transform:rotate(0)}25%{transform:rotate(2deg)}75%{transform:rotate(-2deg)}}
@keyframes asvgRay{0%,100%{opacity:0}50%{opacity:.35}}
@keyframes asvgGem{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
@keyframes asvgRing{0%{r:0;opacity:.6;stroke-width:2}100%{opacity:0;stroke-width:.3}}
.ritual__img svg,.guru__img svg{width:100%;height:100%;object-fit:contain;display:block}
.guru__img{display:flex;align-items:center;justify-content:center;overflow:hidden}
.ritual__img{display:flex;align-items:center;justify-content:center;overflow:hidden}

/* FAQ mobile improvements */
@media(max-width:600px){
.fq{font-size:.92rem;font-family:var(--fb);font-weight:500;line-height:1.5}
.fa__in{font-size:.88rem;line-height:1.9}
}

/* SVG image alignment fixes */
.guru__img svg{display:block;width:100%;height:100%;object-fit:contain}
.ritual__img svg{display:block;width:100%;height:100%;object-fit:cover}
.ritual__img{overflow:hidden;position:relative}
@media(max-width:600px){
.guru__img{max-width:320px;margin:0 auto}
.ritual{width:240px;min-width:240px}
.ritual__img{height:160px}
}

/* Image alignment fixes for mobile */
@media(max-width:600px){
.guru__img{max-height:400px;aspect-ratio:3/4}
.guru__img svg{max-height:100%;width:auto;margin:0 auto}
.ritual__img{height:160px}
.ritual__img svg{max-height:100%;width:auto}
.ritual{width:240px;min-width:240px}
.svc-track{gap:14px;padding:0 16px}
}

/* Safety padding for content between sections */
main > h2, main > p, main > h3 {
  padding: 0 20px;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
main > h2 {
  font-family: var(--fh);
  font-size: 1.5rem;
  color: var(--gold);
  margin-top: 2rem;
  margin-bottom: 0.8rem;
}
main > p {
  color: var(--td);
  line-height: 1.85;
  margin-bottom: 1rem;
}

/* Enhanced content section design */
.sec .page-content h2{color:var(--gold);font-family:var(--fh);font-size:clamp(1.3rem,3vw,1.9rem);margin:40px 0 16px;padding-bottom:12px;border-bottom:1px solid var(--gold-15)}
.sec .page-content h2:first-child{margin-top:0}
.sec .page-content p{color:var(--td);font-size:clamp(.92rem,1.8vw,1.02rem);line-height:1.85;margin-bottom:18px;font-weight:300}
.sec .page-content p:last-child{margin-bottom:0}
