/* 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 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:2.5px solid #650F7B!important;background:#650F7B!important;color:#FFF700!important;font-weight:600!important;box-shadow:0 6px 14px rgba(101,15,123,.35)!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 */
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

/* 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}
  .amts{flex-wrap:wrap}
  .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{filter: brightness(0.92)}
.hv7:hover{transform: scale(1.15)}
.hv8:hover{filter: brightness(1.1); color: #ffffff}
.hv9:hover{border-color: #FFF700; color: #FFF700}
.hv10:hover{filter: brightness(0.94); color: #650F7B}
.hv11:hover{color: #FFF700}
.hv12:hover{filter: brightness(1.08); color: #ffffff}
.hv13:hover{transform: translateY(-3px); box-shadow: 0 14px 30px rgba(0,0,0,0.45)}
.hv14:hover{background: rgba(255,255,255,0.35); transform: translateX(4px)}
.hv15:hover{filter: brightness(1.1)}
.hv16:hover{opacity: 0.85}
.hv17:hover{transform: rotate(0deg) scale(1.05); box-shadow: 0 16px 34px rgba(0,0,0,0.4)}
.hv18:hover{filter: brightness(1.15); color: #FFF700}
.hv19:hover{background: #f6ecfa}
.hv20:hover{color: #C81358; background: #fbeef3}
.hv21:hover{filter: brightness(1.15); transform: translateY(-1px)}
.hv22:hover{transform: translateY(-2px); box-shadow: 0 6px 14px rgba(101,15,123,0.18)}
.hv23:hover{filter: brightness(1.18); transform: translateY(-2px); box-shadow: 0 12px 28px rgba(101,15,123,0.55)}
.fc1:focus,.fc1:focus-within{border-bottom: 1.5px solid #C81358}
.fc2:focus,.fc2:focus-within{box-shadow: 0 0 0 2px rgba(101,15,123,0.25)}
.fc3:focus,.fc3:focus-within{border-color: #650F7B}