/* Mindsutra Android Apps page-specific stylesheet
   Path: /assets1/products/css-new/all-moble-app.css */

body.mst-aa-page{
  margin:0;
  background:#fffaf4;
  color:#30261c;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
.mst-aa-skip{
  position:fixed;left:12px;top:-80px;z-index:2147483647;
  padding:10px 14px;border-radius:10px;background:#302015;color:#fff;
}
.mst-aa-skip:focus{top:12px}

#mst-android-catalog,
#mst-android-catalog *{box-sizing:border-box}

#mst-android-catalog{
  --aa-surface:#fffdf9;
  --aa-soft:#fff5e5;
  --aa-text:#30261c;
  --aa-muted:#786653;
  --aa-line:#ead8bd;
  --aa-line-strong:#d5ad70;
  --aa-gold:#b8731c;
  --aa-gold-dark:#76440f;
  --aa-shadow:0 18px 44px rgba(86,52,20,.10);
  --aa-shadow-soft:0 9px 24px rgba(86,52,20,.07);
  --aa-max:1180px;
  color:var(--aa-text);
  line-height:1.58;
  overflow:hidden;
}
#mst-android-catalog a{color:inherit}
#mst-android-catalog .aa-container{
  width:min(var(--aa-max),calc(100% - 32px));
  margin-inline:auto;
}

/* HERO */
#mst-android-catalog .aa-hero{
  padding:54px 0 42px;
  background:
    radial-gradient(circle at 88% 12%,rgba(219,157,67,.20),transparent 29%),
    linear-gradient(180deg,#fffdf9,#fff4e4);
  border-bottom:1px solid var(--aa-line);
}
#mst-android-catalog .aa-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.16fr) minmax(300px,.84fr);
  gap:34px;
  align-items:center;
}
#mst-android-catalog .aa-eyebrow,
#mst-android-catalog .aa-kicker{
  display:inline-flex;
  align-items:center;
  color:var(--aa-gold-dark);
  font-size:.78rem;
  font-weight:850;
  letter-spacing:.045em;
  text-transform:uppercase;
}
#mst-android-catalog .aa-eyebrow{
  padding:8px 12px;
  border:1px solid #e5c896;
  border-radius:999px;
  background:rgba(255,253,248,.86);
}
#mst-android-catalog h1{
  max-width:780px;
  margin:16px 0 14px;
  color:#3d2413;
  font-size:clamp(2.15rem,5vw,4.1rem);
  line-height:1.04;
  letter-spacing:-.04em;
}
#mst-android-catalog h1 span{color:var(--aa-gold)}
#mst-android-catalog .aa-lead{
  max-width:760px;
  margin:0;
  color:#66513e;
  font-size:clamp(1rem,1.6vw,1.12rem);
}
#mst-android-catalog .aa-hero-points{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:20px;
}
#mst-android-catalog .aa-hero-point{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:37px;
  padding:8px 13px;
  border:1px solid var(--aa-line);
  border-radius:999px;
  background:rgba(255,255,255,.78);
  color:#67451f;
  font-size:.87rem;
  font-weight:760;
}
#mst-android-catalog .aa-hero-point::before{
  content:"";
  width:8px;height:8px;border-radius:50%;
  background:linear-gradient(180deg,#dda94d,#9c5d13);
}
#mst-android-catalog .aa-hero-actions{margin-top:23px}
#mst-android-catalog .aa-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px 17px;
  border:1px solid var(--aa-line-strong);
  border-radius:12px;
  background:#fffaf1;
  color:#70420f;
  text-decoration:none;
  font-size:.9rem;
  font-weight:850;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
#mst-android-catalog .aa-btn:hover{
  border-color:#bc8130;
  background:#fff0d9;
  box-shadow:0 7px 17px rgba(122,71,15,.09);
}
#mst-android-catalog .aa-btn--primary{
  color:#fff;
  border-color:#875014;
  background:linear-gradient(180deg,#c98932,#855012);
  box-shadow:0 10px 22px rgba(128,76,17,.18);
}
#mst-android-catalog .aa-btn--primary:hover{
  color:#fff;
  background:linear-gradient(180deg,#b97827,#72430f);
}

/* SINGLE COMPACT APP SECTION */
#mst-android-catalog .aa-app-section{
  padding:62px 0 70px;
}
#mst-android-catalog .aa-section-head{
  max-width:760px;
  margin:0 auto 23px;
  text-align:center;
}
#mst-android-catalog .aa-section-head h2{
  margin:5px 0 0;
  color:#4b2b15;
  font-size:clamp(1.75rem,3.4vw,2.75rem);
  line-height:1.12;
}
#mst-android-catalog .aa-tabs-shell{
  overflow:hidden;
  border:1px solid var(--aa-line);
  border-radius:24px;
  background:var(--aa-surface);
  box-shadow:var(--aa-shadow);
}
#mst-android-catalog .aa-tabs{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding:13px;
  border-bottom:1px solid var(--aa-line);
  background:linear-gradient(180deg,#fffaf1,#fff5e7);
  scrollbar-width:thin;
}
#mst-android-catalog .aa-tab{
  flex:1 0 auto;
  min-width:150px;
  min-height:44px;
  padding:9px 14px;
  border:1px solid #e4cfaf;
  border-radius:12px;
  background:#fffdf9;
  color:#6a4826;
  cursor:pointer;
  font:inherit;
  font-size:.88rem;
  font-weight:850;
  white-space:nowrap;
}
#mst-android-catalog .aa-tab:hover{
  border-color:#c9954c;
  background:#fff0d8;
}
#mst-android-catalog .aa-tab[aria-selected="true"]{
  border-color:#a96818;
  background:linear-gradient(180deg,#ffe9c5,#ffdca1);
  color:#653a0c;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.55);
}
#mst-android-catalog .aa-panel[hidden]{display:none}
#mst-android-catalog .aa-panel{
  padding:24px;
}
#mst-android-catalog .aa-product{
  display:grid;
  grid-template-columns:245px minmax(0,1fr);
  gap:25px;
  align-items:stretch;
}
#mst-android-catalog .aa-product-visual{
  position:relative;
  min-height:275px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid #e4cfad;
  border-radius:20px;
  background:
    radial-gradient(circle at 78% 15%,rgba(255,255,255,.84),transparent 26%),
    linear-gradient(155deg,#ffe7bd,#fff7eb 58%,#efd0a2);
}
#mst-android-catalog .aa-product-visual img{
  position:relative;
  z-index:2;
  width:min(88%,205px);
  max-height:230px;
  object-fit:contain;
  filter:drop-shadow(0 15px 24px rgba(57,31,10,.16));
}
#mst-android-catalog .aa-product-fallback{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  text-align:center;
}
#mst-android-catalog .aa-product-fallback span{
  width:88px;height:88px;
  display:grid;place-items:center;
  border-radius:27px;
  background:linear-gradient(145deg,#bc7925,#75430f);
  color:#fff;
  font-size:1.5rem;
  font-weight:950;
  box-shadow:0 15px 28px rgba(90,48,9,.18);
}
#mst-android-catalog .aa-product-visual img:not([hidden]) + .aa-product-fallback{opacity:.08}
#mst-android-catalog .aa-product-main{
  min-width:0;
  display:flex;
  flex-direction:column;
}
#mst-android-catalog .aa-product-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
}
#mst-android-catalog .aa-category{
  display:inline-flex;
  padding:6px 10px;
  border:1px solid #dfbd87;
  border-radius:999px;
  background:#fff8ed;
  color:#704411;
  font-size:.74rem;
  font-weight:850;
  letter-spacing:.035em;
  text-transform:uppercase;
}
#mst-android-catalog .aa-product-main h3{
  margin:8px 0 5px;
  color:#472812;
  font-size:clamp(1.45rem,2.5vw,2rem);
  line-height:1.15;
}
#mst-android-catalog .aa-tagline{
  margin:0;
  color:#8a5a24;
  font-weight:780;
}
#mst-android-catalog .aa-description{
  margin:11px 0 0;
  color:var(--aa-muted);
}
#mst-android-catalog .aa-detail-link{
  flex:0 0 auto;
  display:inline-flex;
  min-height:40px;
  align-items:center;
  padding:8px 12px;
  border:1px solid var(--aa-line);
  border-radius:11px;
  background:#fff9ef;
  color:#73440f;
  text-decoration:none;
  font-size:.84rem;
  font-weight:830;
}
#mst-android-catalog .aa-editions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:17px;
}
#mst-android-catalog .aa-edition{
  min-width:0;
  padding:15px;
  border:1px solid var(--aa-line);
  border-radius:16px;
  background:linear-gradient(180deg,#fffefa,#fff9f0);
}
#mst-android-catalog .aa-edition:first-child:last-child{
  grid-column:1/-1;
}
#mst-android-catalog .aa-edition-top{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:start;
}
#mst-android-catalog .aa-edition-label{
  color:#8a5517;
  font-size:.73rem;
  font-weight:900;
  letter-spacing:.045em;
  text-transform:uppercase;
}
#mst-android-catalog .aa-edition h4{
  margin:3px 0 0;
  color:#442712;
  font-size:1.08rem;
}
#mst-android-catalog .aa-status{
  flex:0 0 auto;
  padding:5px 8px;
  border:1px solid #c8dfbc;
  border-radius:999px;
  background:#edf7e8;
  color:#386124;
  font-size:.7rem;
  font-weight:900;
}
#mst-android-catalog .aa-info-grid{
  display:grid;
  grid-template-columns:1.25fr 1fr .72fr .72fr;
  gap:9px;
  margin-top:13px;
}
#mst-android-catalog .aa-info{
  min-width:0;
  padding:10px;
  border:1px solid #eee0cc;
  border-radius:12px;
  background:#fff;
}
#mst-android-catalog .aa-info small{
  display:block;
  color:#90775d;
  font-size:.68rem;
  font-weight:850;
  text-transform:uppercase;
}
#mst-android-catalog .aa-info strong{
  display:block;
  margin-top:2px;
  color:#4c3420;
  font-size:.81rem;
  line-height:1.35;
  overflow-wrap:anywhere;
}
#mst-android-catalog .aa-info--price{
  background:#fff4e3;
  border-color:#e7cfaa;
}
#mst-android-catalog .aa-info--price strong{
  color:#6d3f0e;
  font-size:1rem;
}
#mst-android-catalog .aa-bottom-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:end;
  margin-top:13px;
}
#mst-android-catalog .aa-feature-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px 14px;
  list-style:none;
  margin:0;
  padding:0;
}
#mst-android-catalog .aa-feature-list li{
  position:relative;
  padding-left:18px;
  color:#69543f;
  font-size:.81rem;
}
#mst-android-catalog .aa-feature-list li::before{
  content:"✓";
  position:absolute;
  left:0;
  color:#a76317;
  font-weight:950;
}
#mst-android-catalog .aa-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}
#mst-android-catalog .aa-actions .aa-btn{
  min-height:39px;
  padding:8px 13px;
  font-size:.82rem;
}

@media (max-width:980px){
  #mst-android-catalog .aa-product{grid-template-columns:215px minmax(0,1fr)}
  #mst-android-catalog .aa-info-grid{grid-template-columns:1fr 1fr}
  #mst-android-catalog .aa-bottom-row{grid-template-columns:1fr}
  #mst-android-catalog .aa-actions{justify-content:flex-start}
}
@media (max-width:800px){
  #mst-android-catalog .aa-hero-grid{grid-template-columns:1fr}
    #mst-android-catalog .aa-product{grid-template-columns:1fr}
  #mst-android-catalog .aa-product-visual{min-height:220px}
  #mst-android-catalog .aa-product-head{display:block}
  #mst-android-catalog .aa-detail-link{margin-top:13px}
}
@media (max-width:590px){
  #mst-android-catalog .aa-container{width:min(var(--aa-max),calc(100% - 18px))}
  #mst-android-catalog .aa-hero{padding:40px 0 32px}
  #mst-android-catalog .aa-app-section{padding:45px 0 52px}
  #mst-android-catalog .aa-panel{padding:14px}
  #mst-android-catalog .aa-tab{min-width:142px}
  #mst-android-catalog .aa-editions{grid-template-columns:1fr}
  #mst-android-catalog .aa-info-grid,
  #mst-android-catalog .aa-feature-list{grid-template-columns:1fr}
  #mst-android-catalog .aa-actions{
    display:grid;
    grid-template-columns:1fr;
  }
  #mst-android-catalog .aa-actions .aa-btn{width:100%}
}
@media (prefers-reduced-motion:reduce){
  #mst-android-catalog *,
  #mst-android-catalog *::before,
  #mst-android-catalog *::after{transition:none!important}
}

  
/* TEXT-ONLY CENTERED HERO */
#mst-android-catalog .aa-hero{
  padding:58px 0 46px;
}
#mst-android-catalog .aa-hero-grid{
  display:block;
  max-width:920px;
  margin-inline:auto;
  text-align:center;
}
#mst-android-catalog .aa-eyebrow{
  justify-content:center;
}
#mst-android-catalog h1,
#mst-android-catalog .aa-lead{
  margin-inline:auto;
}
#mst-android-catalog .aa-hero-points{
  justify-content:center;
}
#mst-android-catalog .aa-hero-actions{
  display:flex;
  justify-content:center;
}

/* Standalone testing page helpers. These do not affect production. */
.test-shell{
  padding:10px 16px;
  background:#302015;
  color:#fff;
  text-align:center;
  font-weight:800;
}
.test-nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px max(16px,calc((100% - 1180px)/2));
  background:#fffdf9;
  border-bottom:1px solid #ead8bd;
}
.test-brand{
  font-weight:950;
  color:#75430f;
}
.test-nav a{
  color:#67451f;
  text-decoration:none;
  font-weight:800;
}
.test-footer{
  padding:28px 16px;
  text-align:center;
  background:#352112;
  color:#f2e3ce;
}

/* =========================================================
   FINAL PROFESSIONAL PRODUCT IMAGE SHOWCASE
   Clean, restrained, product-led and responsive.
   ========================================================= */

#mst-android-catalog #aa-panel-vedic{
  --show-accent:#b87920;
  --show-soft:rgba(184,121,32,.15);
  --show-faint:rgba(184,121,32,.065);
}
#mst-android-catalog #aa-panel-lal-kitab{
  --show-accent:#ad5749;
  --show-soft:rgba(173,87,73,.14);
  --show-faint:rgba(173,87,73,.06);
}
#mst-android-catalog #aa-panel-remedies{
  --show-accent:#648a59;
  --show-soft:rgba(100,138,89,.14);
  --show-faint:rgba(100,138,89,.06);
}
#mst-android-catalog #aa-panel-numerology{
  --show-accent:#8063a1;
  --show-soft:rgba(128,99,161,.14);
  --show-faint:rgba(128,99,161,.06);
}
#mst-android-catalog #aa-panel-kp{
  --show-accent:#52769d;
  --show-soft:rgba(82,118,157,.14);
  --show-faint:rgba(82,118,157,.06);
}

#mst-android-catalog .aa-panel{
  background:linear-gradient(180deg,#fffefb 0%,#fffaf4 100%);
}

#mst-android-catalog .aa-product{
  grid-template-columns:292px minmax(0,1fr);
  gap:30px;
  align-items:center;
}

#mst-android-catalog .aa-product-visual{
  isolation:isolate;
  min-height:318px;
  padding:48px 22px 24px;
  overflow:hidden;
  border:1px solid rgba(126,91,49,.18);
  border-top:3px solid var(--show-accent,#b87920);
  border-radius:24px;
  background:
    radial-gradient(circle at 50% 43%,rgba(255,255,255,.98) 0 27%,transparent 64%),
    linear-gradient(145deg,var(--show-faint,rgba(184,121,32,.065)),rgba(255,255,255,.97) 50%,#fff8ee 100%);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.80),
    0 17px 36px rgba(67,43,21,.10);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}

#mst-android-catalog .aa-product-visual::before{
  content:"ANDROID APP";
  position:absolute;
  z-index:5;
  top:14px;
  left:15px;
  min-height:25px;
  display:inline-flex;
  align-items:center;
  padding:4px 9px;
  border:1px solid var(--show-soft,rgba(184,121,32,.15));
  border-radius:999px;
  background:rgba(255,255,255,.90);
  color:#5f4528;
  box-shadow:0 5px 13px rgba(53,34,17,.055);
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.085em;
}

#mst-android-catalog .aa-product-visual::after{
  content:"";
  position:absolute;
  z-index:0;
  left:50%;
  top:52%;
  width:228px;
  height:228px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle,
    rgba(255,255,255,.98) 0 39%,
    var(--show-soft,rgba(184,121,32,.15)) 62%,
    transparent 75%);
  opacity:.76;
}

#mst-android-catalog .aa-product-visual img{
  position:relative;
  z-index:3;
  width:min(92%,268px);
  max-height:268px;
  object-fit:contain;
  transform:none;
  filter:
    drop-shadow(0 19px 17px rgba(43,28,15,.18))
    drop-shadow(0 5px 5px rgba(43,28,15,.075));
  transition:transform .2s ease,filter .2s ease;
}

#mst-android-catalog .aa-product-visual .aa-product-fallback::after{
  content:"";
  position:absolute;
  z-index:1;
  left:50%;
  bottom:17px;
  width:59%;
  height:16px;
  transform:translateX(-50%);
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(43,28,15,.18),transparent 70%);
  filter:blur(5px);
}

#mst-android-catalog .aa-product-visual img:not([hidden]) + .aa-product-fallback{
  opacity:0;
}

#mst-android-catalog .aa-product-fallback{
  z-index:2;
}

#mst-android-catalog .aa-product-fallback span{
  background:linear-gradient(145deg,var(--show-accent,#b87920),#5f3c18);
  box-shadow:0 14px 27px var(--show-soft,rgba(184,121,32,.15));
}

@media (hover:hover){
  #mst-android-catalog .aa-product-visual:hover{
    transform:translateY(-2px);
    border-color:rgba(126,91,49,.25);
    border-top-color:var(--show-accent,#b87920);
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.84),
      0 21px 41px rgba(67,43,21,.125);
  }

  #mst-android-catalog .aa-product-visual:hover img{
    transform:scale(1.016);
    filter:
      drop-shadow(0 22px 19px rgba(43,28,15,.20))
      drop-shadow(0 6px 6px rgba(43,28,15,.085));
  }
}

@media (max-width:980px){
  #mst-android-catalog .aa-product{
    grid-template-columns:250px minmax(0,1fr);
    gap:23px;
  }

  #mst-android-catalog .aa-product-visual{
    min-height:290px;
    padding:45px 17px 21px;
  }

  #mst-android-catalog .aa-product-visual::after{
    width:205px;
    height:205px;
  }

  #mst-android-catalog .aa-product-visual img{
    width:min(91%,238px);
    max-height:238px;
  }
}

@media (max-width:800px){
  #mst-android-catalog .aa-product{
    grid-template-columns:1fr;
    gap:20px;
  }

  #mst-android-catalog .aa-product-visual{
    width:min(100%,450px);
    min-height:276px;
    margin-inline:auto;
  }

  #mst-android-catalog .aa-product-visual img{
    width:min(82%,232px);
    max-height:230px;
  }
}

@media (max-width:590px){
  #mst-android-catalog .aa-panel{
    padding:13px;
  }

  #mst-android-catalog .aa-product{
    gap:16px;
  }

  #mst-android-catalog .aa-product-visual{
    min-height:242px;
    padding:42px 14px 17px;
    border-radius:19px;
  }

  #mst-android-catalog .aa-product-visual::before{
    top:11px;
    left:11px;
    min-height:23px;
    padding:3px 8px;
    font-size:.58rem;
  }

  #mst-android-catalog .aa-product-visual::after{
    width:171px;
    height:171px;
  }

  #mst-android-catalog .aa-product-visual img{
    width:min(82%,210px);
    max-height:201px;
  }
}

@media (max-width:390px){
  #mst-android-catalog .aa-product-visual{
    min-height:226px;
  }

  #mst-android-catalog .aa-product-visual::after{
    width:158px;
    height:158px;
  }

  #mst-android-catalog .aa-product-visual img{
    width:min(84%,194px);
    max-height:187px;
  }
}

@media (prefers-reduced-motion:reduce){
  #mst-android-catalog .aa-product-visual,
  #mst-android-catalog .aa-product-visual img{
    transition:none!important;
  }
}
