/* AMRITA Ayurvedic Healing Center — shared styles */
@font-face{font-family:'Arkhip';src:url('../fonts/arkhip-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Montserrat';src:url('../fonts/montserrat-light.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:'Montserrat';src:url('../fonts/montserrat-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Montserrat';src:url('../fonts/montserrat-medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Montserrat';src:url('../fonts/montserrat-semibold.woff2') format('woff2');font-weight:600;font-display:swap}

html,body{margin:0;padding:0;background:#650F7B}
body{font-family:'Montserrat',sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}
a{color:#fff;text-decoration:none;transition:color .18s ease}
a:hover{color:#FFF700}
img{max-width:100%}
input::placeholder,textarea::placeholder{color:rgba(255,255,255,.75);font-family:'Montserrat',sans-serif}
button{font-family:inherit}
:focus-visible{outline:2px solid #FFF700;outline-offset:2px}

/* Header: solid purple at top, translucent strip once scrolled */
.site-header.scrolled{background-color:transparent!important;background-image:url('../img/banners/menu-top-scroll.webp')!important}
#burger{-webkit-tap-highlight-color:transparent}

/* Mobile header: hide the book button (moved into the menu) so cart + burger fit at 360px */
@media (max-width:960px){
  .site-header .hdr-book{display:none!important}
  .site-header>div{gap:12px!important}
}
.menu-book{margin-top:6px}

/* Mobile menu */
.mobile-menu{display:none!important}
.mobile-menu.open{display:flex!important}
body.menu-open{overflow:hidden}

/* Lightbox (certificates) */
.lightbox{display:none!important}
.lightbox.open{display:flex!important}

/* Services */
.svc-desc{display:none}
.svc-desc.on{display:block}
.svc-buy{display:none!important}
.svc-item.on .svc-buy{display:block!important}
.svc-item.on .svc-label{color:#FFF700!important}

/* Articles accordion */
.art-body{display:none}
.art.open .art-body{display:block}
.art.open .art-pill{background:linear-gradient(90deg,#7d1699,#650F7B)!important}
.art.open .art-title{color:#fff!important}
.art.open .art-chev{background:#FFF700!important;transform:rotate(180deg)!important}

/* Music player */
.pc .pc-ico-pause{display:none}
.pc.playing .pc-ico-pause{display:block}
.pc.playing .pc-ico-play{display:none}
.pc-missing{display:none}
.pc.missing .pc-missing{display:block}
.pc-scrub{touch-action:none}

/* Music song list */
.song.on{background:rgba(255,255,255,.45)!important}
.song.on .song-dot{background:#FFF700!important;box-shadow:0 0 10px rgba(255,247,0,.7)!important}
.song.on .song-title{color:#650F7B!important}

/* Donate */
.amt.on{border:2px solid #9A18B8!important;background:linear-gradient(135deg,#B01FA8 0%,#650F7B 100%)!important;color:#FFF700!important;font-weight:700!important;box-shadow:0 10px 22px rgba(101,15,123,0.4)!important;transform:scale(1.03)!important}
.amt.on .amt-heart{fill:#F0649E!important;stroke:#F0649E!important;transform:scale(1.2)!important}
.amt.on .amt-check{display:flex!important}
.freq.on{color:#FFF700!important;background:#650F7B!important;box-shadow:0 4px 12px rgba(101,15,123,0.3)!important}
.don-btn.ready{opacity:1!important}
.don-check svg{display:none}
.don-check.on{border-color:#650F7B!important}
.don-check.on svg{display:block}

/* Mobile refinements the prototype's own media queries did not cover */
@media (max-width:960px){
  .art-pill{padding:18px 20px!important;gap:14px!important}
  .art-title{font-size:18px!important;letter-spacing:.04em!important}
  .art-pill>span:first-child,.art-chev{width:40px!important;height:40px!important;font-size:15px!important}
  .art-body{padding:28px 20px!important}
  #song-panel h2{white-space:normal!important;font-size:24px!important}
}

/* Contact */
.topic-chip.on{border-color:#9A18B8!important;background:linear-gradient(90deg,#B01FA8,#650F7B)!important;color:#FFF700!important}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

/* Store & Product: EN/RU edition switching */
.store-card .ed-ru,.prod .ed-ru{display:none!important}
.store-card.ru .ed-ru,.prod.ru .ed-ru{display:block!important}
.store-card.ru .ed-en,.prod.ru .ed-en{display:none!important}
.ed-flag{filter:saturate(1.35)}
.ed-flag.on{filter:none;outline:3px solid #FFF700;outline-offset:2px;transform:scale(1.08)!important}

/* Product reviews */
.rev-panel{display:none;width:100%;box-sizing:border-box}
.rev-panel.open{display:block}
.c-icon{display:flex}

/* Orders & Thank You */
.ord-hidden{display:none}
.ord-hidden.on{display:block}
.ord-step.done .ord-dot{background:#FFF700!important;border-color:#9A18B8!important}
.ord-step.done .ord-lbl{color:#650F7B!important}
.ord-step.line-done .ord-line{background:#9A18B8!important}
.ord-phys{display:none!important}
.ord-phys.on{display:flex!important}
@media (max-width:720px){
  #lookup-form{flex-direction:column!important}
  #ord-row{flex-direction:column!important;gap:12px!important}
  #ord-row>div{text-align:left!important}
  #ord-card{padding:28px 20px!important}
}

/* Cart page */
.cart-empty,.cart-wrap,.cart-paid{display:none!important}
.cart-empty.on{display:block!important}
.cart-wrap.on{display:flex!important}
.cart-paid.on{display:block!important}

/* Donate: PayPal buttons appear after the visitor confirms */
#paypal-donate{display:none}
#paypal-donate.on{display:block}
.don-err{color:#C81358;font-size:13px;margin-top:10px;text-align:center}

/* Mobile menu extras */
.mobile-menu .mm-book{background:#9A18B8;color:#FFF700;border-radius:999px;padding:12px 26px;font-size:15px;box-shadow:0 2px 8px rgba(0,0,0,.3)}

/* ---- Mobile refinements (the design's breakpoint is 960px) ---- */
@media (max-width:960px){
  .site-header .nhb-btn{display:none!important}          /* the book button lives in the mobile menu instead */
  .site-header>div{gap:14px!important}
  #hero-sec{padding-top:88px;box-sizing:border-box}
  #about-sec,#music-sec{box-shadow:inset 0 0 0 100vmax rgba(60,8,75,.42)}  /* darkens the photo so the text stays readable */
  #about-sec h2,#music-sec h2{font-size:42px!important}
  #about-sec a,#music-sec a{margin-top:30px!important}
  #svc-title{margin:30px auto 40px!important}
  .art-pill{padding:16px 18px!important;gap:12px!important;border-radius:40px!important}
  .art-title{font-size:16px!important;letter-spacing:.04em!important}
  .art-pill>span:first-child,.art-chev{width:38px!important;height:38px!important;font-size:14px!important}
  .art-chev svg{width:18px;height:18px}
  .art-body{padding:26px 20px!important;border-radius:22px!important}
  #song-panel h2{white-space:normal!important;font-size:24px!important}
  #song-panel>div:first-child{gap:14px!important}
  #song-panel>div:first-child>span{flex-basis:40px!important}
  #donate-card{padding:36px 20px 40px!important}
  .amt{flex:1 1 40%!important;padding:13px 0!important}
  #cs-subscribe{width:100%;max-width:360px}
  #cs-email{width:auto!important;flex:1;min-width:0}
  #cart-summary{position:static!important;width:100%!important;max-width:none!important;box-sizing:border-box}
  #cart-wrap>div:first-child{width:100%;box-sizing:border-box;padding:6px 18px!important}
  #cart-items>div{flex-wrap:wrap;gap:12px!important}
  #legal-title{font-size:36px!important}
}
@media (max-width:420px){
  .site-header{padding:0 10px!important}
  .site-header img[alt="En"],.site-header img[alt="Ru"],.site-header img[alt="Es"]{width:22px!important;height:22px!important}
  #hero-title{font-size:22px!important}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* hover / focus states from the design */
.hv1:hover{transform: scale(1.15); opacity: 1}
.hv2:hover{filter: brightness(1.12)}
.hv3:hover{filter: brightness(0.94)}
.hv4:hover{filter: brightness(1.06)}
.hv5:hover{transform: scale(1.2)}
.hv6:hover{transform: translateY(-2px); filter: brightness(1.05); color: #650F7B}
.hv7:hover{filter: brightness(0.92)}
.hv8:hover{transform: scale(1.15)}
.hv9:hover{filter: brightness(1.1); color: #ffffff}
.hv10:hover{border-color: #FFF700; color: #FFF700}
.hv11:hover{color: #FFF700}
.hv12:hover{filter: brightness(1.1); transform: translateY(-1px); color: #ffffff}
.hv13:hover{filter: brightness(1.15); transform: translateY(-1px); color: #FFF700}
.hv14:hover{transform: translateY(-3px); box-shadow: 0 14px 30px rgba(0,0,0,0.45), inset 0 0 0 1px rgba(255,255,255,0.7)}
.hv15:hover{background: rgba(255,255,255,0.35); transform: translateX(4px)}
.hv16:hover{transform: scale(1.06)}
.hv17:hover{background: rgba(154,24,184,0.1)}
.hv18:hover{transform: translate(-50%, -50%) scale(1.18)}
.hv19:hover{transform: rotate(0deg) scale(1.05); box-shadow: 0 16px 34px rgba(0,0,0,0.4)}
.hv20:hover{transform: scale(1.1) rotate(90deg)}
.hv21:hover{transform: translateY(-8px); box-shadow: 0 22px 44px rgba(101,15,123,0.25)}
.hv22:hover{transform: scale(1.05) rotate(-1.5deg)}
.hv23:hover{transform: scale(1.18)}
.hv24:hover{filter: brightness(1.2); transform: translateY(-1px); color: #FFF700}
.hv25:hover{filter: brightness(1.15); color: #FFF700}
.hv26:hover{background: #f6ecfa}
.hv27:hover{color: #C81358; background: #fbeef3}
.hv28:hover{background: rgba(255,255,255,0.12)}
.hv29:hover{transform: translateY(-2px) scale(1.15)}
.hv30:hover{transform: translateY(-2px); box-shadow: 0 14px 30px rgba(101,15,123,0.55)}
.hv31:hover{transform: translateY(-3px); box-shadow: 0 14px 28px rgba(101,15,123,0.16)}
.hv32:hover{transform: translateY(-2px); box-shadow: 0 8px 18px rgba(101,15,123,0.22)}
.hv33:hover{filter: brightness(1.18); transform: translateY(-2px); box-shadow: 0 12px 28px rgba(101,15,123,0.55)}
.hv34:hover{color: #650F7B}
.hv35:hover{filter: brightness(1.2); color: #FFF700}
.hv36:hover{background: #650F7B; color: #FFF700}
.fc1:focus,.fc1:focus-within{border-color: #9A18B8; box-shadow: 0 0 0 3px rgba(154,24,184,0.18); background: rgba(255,255,255,0.9)}
.fc2:focus,.fc2:focus-within{border-color: #650F7B}