/* =========================================================
   INDEX-HOME CSS SECTION 00 : STRICT COMPONENT BOUNDARY
   Every original homepage selector is scoped under .mst-home.
   It cannot style the navigation or footer components.
   ========================================================= */
.mst-home, .mst-home * { box-sizing: border-box; }
.mst-home { display:block; width:100%; min-width:0; }
.mst-home{
  --ms-bg: #0b1220;
  --ms-card: #0f1930;
  --ms-text: #0d1320;
  --ms-muted: #6b778c;
  --ms-primary: #2b6cff;
  --ms-primary-2: #1f51c6;
  --ms-border: rgba(15, 25, 48, 0.12);
}

.mst-home{
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--ms-text);
  background: #fff;
}

/* Topbar */




/* Header */











/* Sections */
.mst-home .section-pad{ padding: 28px 0; }
.mst-home .section-title{ font-weight:900; margin:0; }
.mst-home .section-subtitle{ color: var(--ms-muted); }

/* Hero */
.mst-home .hero{ position:relative; }
.mst-home .hero-slide{
  min-height: 520px;
  background-size: cover;
  background-position: center;
  position: relative;
}
.mst-home .hero-overlay{
  position:absolute; inset:0;
  background: radial-gradient(1000px 520px at 20% 30%, rgba(255,275,0.90), transparent 65%),
              linear-gradient(90deg, rgba(247,122,8,.92), rgba(255,170,0,.95));

}
.mst-home .hero-content{ position:relative; z-index:2; padding: 70px 0; }
.mst-home .text-white-75{ color: rgba(255,255,255,.75) !important; }
.mst-home .pill{
  display:inline-flex; gap:.5rem; align-items:center;
  background: rgba(255,255,255,.12);
  color:#fff;
  border:1px solid rgba(255,255,255,.18);
  padding:.45rem .75rem;
  border-radius:999px;
  font-weight:700;
  margin-bottom:.75rem;
}
.mst-home .hero-mini{
  display:flex; gap:.75rem; flex-wrap:wrap;
}
.mst-home .mini-card{
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.18);
  border-radius:16px;
  padding:.75rem .9rem;
  color:#fff;
  min-width: 160px;
}
.mst-home .mini-num{ font-weight:900; }
.mst-home .mini-text{ font-size:.85rem; color: rgba(255,255,255,.75); }

.mst-home .hero-panel{
  background: linear-gradient(30deg, #F0DF20, #fff 50%, #F0DF20);
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 20px;
  padding: 16px;
  height : 430px;
  width : 480px;
}











/* Category cards */
.mst-home .cat-card{
  display:block;
  padding: 16px;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  background: #fff;
  text-decoration:none;
  height: 100%;
  transition: transform .15s ease, box-shadow .15s ease;
}
.mst-home .cat-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 40px rgba(0,0,0,.08);
}
.mst-home .cat-ic{
  width:46px; height:46px; border-radius:16px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(43,108,255,.10);
  color: var(--ms-primary);
  font-size: 1.2rem;
  margin-bottom: 10px;
}
.mst-home .cat-title{ font-weight:900; color:#1b2a4a; }
.mst-home .cat-text{ color: var(--ms-muted); margin-top: 2px; }

/* Horizontal scroll row */
.mst-home .hscroll{
  display:flex;
  gap: 12px;
  overflow-x: auto;
  padding: 6px 2px 10px;
  scroll-snap-type: x mandatory;
}
.mst-home .hscroll::-webkit-scrollbar{ height:10px; }
.mst-home .hscroll::-webkit-scrollbar-thumb{ background: rgba(0,0,0,.15); border-radius:999px; }

.mst-home .p-card{
  scroll-snap-align: start;
  display:block;
  min-width: 260px;
  max-width: 260px;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  background:#fff;
  overflow:hidden;
  text-decoration:none;
  transition: transform .15s ease, box-shadow .15s ease;
}
.mst-home .p-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 40px rgba(0,0,0,.08);
}
.mst-home .p-card img{
  width:100%;
  height: 165px;
  object-fit: cover;
  background: #f2f4f8;
}
.mst-home .p-body{ padding: 12px; }
.mst-home .p-kicker{ color: var(--ms-muted); font-weight:700; font-size:.85rem; }
.mst-home .p-title{ font-weight:900; color:#1b2a4a; margin-top: 2px; }
.mst-home .p-meta{ color: var(--ms-muted); font-size:.9rem; }

/* Info cards */
.mst-home .info-card{
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  background: #fff;
  padding: 16px;
  height: 100%;
}
.mst-home .info-title{ font-weight:900; color:#1b2a4a; }
.mst-home .info-text{ color: var(--ms-muted); margin: .35rem 0 .8rem; }

/* Trust strip */




/* Footer */












/* Small helpers */
.mst-home .link-arrow{ font-weight:800; text-decoration:none; color: var(--ms-primary); }
.mst-home .link-arrow:hover{ text-decoration:underline; }

@media (max-width: 991px){
  .mst-home .hero-content{ padding: 52px 0; }
  .mst-home .hero-slide{ min-height: 520px; }
}
/* =========================
   products.css (NO JS)
   Responsive + buttons one-line
========================= */

.mst-home{
  --bg: #ffffff;
  --text: #0f172a;      /* slate-900 */
  --muted: #475569;     /* slate-600 */
  --card: #ffffff;
  --border: #e2e8f0;    /* slate-200 */
  --hover: #f1f5f9;     /* slate-100 */
  --shadow: 0 12px 24px rgba(2,6,23,.08);
  --btnDark: #0f172a;
  --btnDarkText: #ffffff;
  --radius-xl: 24px;
  --radius-2xl: 28px;
}

@media (prefers-color-scheme: dark){
  .mst-home{
    --bg: #020617;      /* near slate-950 */
    --text: #e2e8f0;
    --muted: #cbd5e1;
    --card: #020617;
    --border: #1f2937;
    --hover: #0b1220;
    --shadow: 0 12px 24px rgba(0,0,0,.35);
    --btnDark: #ffffff;
    --btnDarkText: #0f172a;
  }
}

/* Optional manual dark mode (use <body class="theme-dark">) */
.mst-home{
  --bg: #020617;
  --text: #e2e8f0;
  --muted: #cbd5e1;
  --card: #020617;
  --border: #1f2937;
  --hover: #0b1220;
  --shadow: 0 12px 24px rgba(0,0,0,.35);
  --btnDark: #ffffff;
  --btnDarkText: #0f172a;
}

.mst-home .products{
  background: var(--bg);
  color: var(--text);
}

.mst-home .products__wrap{
  max-width: 80rem;            /* ~ max-w-7xl */
  margin: 0 auto;
  padding: 1rem 1rem;          /* py-16 px-4 */
}

.mst-home .products__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap: 1rem;
}



.mst-home .products__sub{
  margin: .5rem 0 0;
  color: var(--muted);
  font-size: 1rem;
}

.mst-home .products__viewAll{
  display:none;                /* hidden on mobile */
  padding: .55rem 1rem;
  border-radius: 16px;
  border: 1px solid var(--border);
  color: var(--text);
  text-decoration: none;
  transition: background .2s ease, border-color .2s ease;
  white-space: nowrap;
}

.mst-home .products__viewAll:hover{
  background: var(--hover);
}

.mst-home .products__grid{
  margin-top: 2rem;
  display:grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;                /* gap-5 */
}

/* sm: 2 cols */
@media (min-width: 640px){
  .mst-home .products__viewAll{ display:inline-flex; align-items:center; justify-content:center; }
  .mst-home .products__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* lg: 3 cols */
@media (min-width: 1024px){
  .mst-home .products__grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

.mst-home .productCard{
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: var(--radius-2xl);
  padding: 1.25rem;            /* p-5 */
  transition: box-shadow .2s ease, transform .2s ease, background .2s ease;
}

.mst-home .productCard:hover{
  box-shadow: var(--shadow);
  transform: translateY(-2px);
}

.mst-home .productCard__top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: .75rem;
}

.mst-home .productCard__meta{ min-width: 0; }

.mst-home .productCard__name{
  margin: 0;
  font-size: 1.125rem;         /* text-lg */
  font-weight: 600;
  letter-spacing: -0.01em;
}

.mst-home .productCard__desc{
  margin: .25rem 0 0;
  font-size: .9rem;
  color: var(--muted);
}

/* Image space (replaces color badge) */
.mst-home .productCard__thumb{
  width: 80px;
  height: 90px;
  border-radius: 10px;          /* rounded-2xl feel */
  border: 1px solid var(--border);
  background:
    linear-gradient(135deg, rgba(148,163,184,.35), rgba(148,163,184,.15));
  overflow:hidden;
  flex: 0 0 auto;
}

.mst-home .productCard__thumb img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}



.mst-home .productCard__actions{
  margin-top: 1.1rem;
  display:flex;
  gap: .5rem;

  /* FORCE ONE LINE */
  flex-wrap: nowrap;
  align-items: center;
}

/* Buttons */
.mst-home .btnnew{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: .55rem .95rem;
  border-radius: 5px;         /* rounded-2xl feel */
  text-decoration: none;
  font-size: .95rem;
  line-height: 1;
  border: 1px solid var(--border);
  color: var(--text);
  background: transparent;
  transition: background .2s ease, opacity .2s ease, border-color .2s ease;

  /* keep one line text */
  white-space: nowrap;

  /* allow shrinking so all 3 fit on one row */
  min-width: 0;
  flex: 0 1 auto;
}

.mst-home .btnnew--outline:hover{
  background: var(--hover);
}

.mst-home .btnnew--primary{
  background: #145849;
  color: var(--btnDarkText);
  border-color: transparent;
}

.mst-home .btnnew--primary:hover{
  opacity: .80;
}

.mst-home .btnnew--grow{
  flex: 1 1 auto;              /* Buy takes remaining space */
}

/* Small phones: slightly tighter buttons but still one-line */
@media (max-width: 380px){

  .mst-home .productCard{ padding: 1.05rem; }
}

/* Optional reveal animation without JS (your HTML already has is-visible) */
.mst-home .reveal{
  opacity: 1;
  transform: none;
}
/*** Arrow button hyper link start ***/
.mst-home .ctaArrow{
    --shift-distance: calc(4*.0625rem);
    font-weight: 400;
    font-size: var(--copy-regular-size);
    color: var(--link-color);
    z-index: 1;
    border-radius: 2em;
    padding-right: 2.5rem;
    line-height: 2rem;
    text-decoration: none;
    transition: color .15s ease-in-out,transform .3s;
    display: inline-block;
    position: relative;
    transform: translate(0)
}
.mst-home .ctaArrow:before{
    content: "";
    z-index: -1;
    background-color: #ffe01b;
    background-image: url(/assets1/img/hero/arrow.png);
    background-position: calc(100% - .4375rem) calc(100% - .4375rem);
    background-repeat: no-repeat;
    background-size: 1.125rem;
    border-radius: 1rem;
    height: 2rem;
    transition: left .3s cubic-bezier(.34,1.2,.64,1),right .3s,background-position .3s;
    display: block;
    position: absolute;
    bottom: 0;
    left: calc(100% - 2rem);
    right: 0
}
.mst-home .ctaArrow:hover:before{
    background-position-x: calc(100% - (var(--shift-distance)*3.5));
    height: 100%;
    transition: right .3s,background-position .3s;
    animation: .3s ease-in-out fakebounce;
    left: -1rem
}
/*** Arrow button hyper link End ***/

 /*msrRep: Premium Reports Slider (CSS-only)*/
  .mst-home .msrRep{
   --rep-border: rgba(0,0,0,.10);
   --rep-card: #ffffff;
   --rep-soft: #f6f7fb;
   --rep-text: #0f172a;
   --rep-muted: rgba(15,23,42,.68);
   --rep-accent: #f6c85f; /* gold */
   --rep-accent2: #66c7ff; /* cyan */
   padding: clamp(22px, 3.2vw, 42px) 16px;
 }
 .mst-home .msrRep__wrap{ max-width: 1200px; margin: 0 auto; }

 /* Header */
 .mst-home .msrRep__kicker{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-bottom: 10px; }
 .mst-home .msrRep__pill{
   font-size: 12px; font-weight: 800;
   padding: 6px 10px; border-radius: 999px;
   border: 1px solid var(--rep-border);
   background: linear-gradient(135deg, rgba(246,200,95,.20), rgba(102,199,255,.12));
 }



 .mst-home .msrRep__titleRow{ display:flex; justify-content:space-between; align-items:flex-end; gap: 14px; flex-wrap:wrap; }
 .mst-home .msrRep__title{ margin:0; font-size: clamp(20px, 2.1vw, 30px); line-height: 1.15; color: var(--rep-text); }

 .mst-home .msrRep__desc{ margin: 10px 0 0; color: var(--rep-muted); max-width: 75ch; }

 /* Layout */
 .mst-home .msrRep__grid{
   display:grid;
   grid-template-columns: 360px 1fr;
   gap: 14px;
   margin-top: 14px;
 }
 @media (max-width: 980px){ .mst-home .msrRep__grid{ grid-template-columns: 1fr; } }

 /* Buttons */
 .mst-home .msrRep__btn{
   display:inline-flex; align-items:center; justify-content:center;
   gap: 8px;
   padding: 10px 14px;
   border-radius: 14px;
   border: 1px solid var(--rep-border);
   background: #fff;
   color: var(--rep-text);
   font-weight: 800;
   text-decoration:none;
   white-space: nowrap;
   transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
 }
 .mst-home .msrRep__btn:hover{ transform: translateY(-1px); box-shadow: 0 10px 24px rgba(15,23,42,.10); border-color: rgba(0,0,0,.18); }
 .mst-home .msrRep__btn--primary{
   background: linear-gradient(135deg, rgba(246,200,95,.95), rgba(102,199,255,.55));
   border-color: rgba(246,200,95,.65);
 }
 .mst-home .msrRep__btn--ghost{ background: #fff; }

 /* Left showcase */
 .mst-home .msrRep__left{
   border: 1px solid var(--rep-border);
   background: var(--rep-soft);
   border-radius: 18px;
   padding: 14px;
 }
 .mst-home .msrRep__show{
   border-radius: 16px;
   border: 1px solid rgba(0,0,0,.10);
   background: #fff;
   padding: 14px;
   box-shadow: 0 14px 36px rgba(15,23,42,.06);
 }
 .mst-home .msrRep__showTop{ display:flex; align-items:center; gap: 12px; }
 .mst-home .msrRep__logo{
   width: 44px; height: 44px;
   border-radius: 14px;
   display:grid; place-items:center;
   font-weight: 900;
   background: #0b1220;
   color: var(--rep-accent);
 }
 .mst-home .msrRep__showTitle{ font-weight: 900; color: var(--rep-text); }
 .mst-home .msrRep__showMeta{ color: var(--rep-muted); font-size: 13px; margin-top: 2px; }

 /* Premium Janma Patrika image space */
 .mst-home .msrRep__showImg{
   height: 150px;
   border-radius: 16px;
   overflow: hidden;
   border: 1px solid rgba(0,0,0,.10);
   background: linear-gradient(135deg, rgba(246,200,95,.22), rgba(102,199,255,.16));
   margin: 12px 0;
 }
 .mst-home .msrRep__showImg img{
   width:100%; height:100%;
   object-fit: cover;
   display:block;
 }

 .mst-home .msrRep__checks{ margin:0; padding:0; list-style:none; display:grid; gap: 9px; }
 .mst-home .msrRep__checks li{ display:flex; gap: 10px; align-items:flex-start; color: rgba(15,23,42,.88); font-size: 14px; }
 .mst-home .msrRep__tick{
   width: 22px; height: 22px;
   border-radius: 8px;
   display:grid; place-items:center;
   background: rgba(246,200,95,.25);
   border: 1px solid rgba(246,200,95,.55);
   color: #8a5a00;
   flex: 0 0 auto;
 }


 /* Right slider box */
 .mst-home .msrRep__right{
   border: 1px solid var(--rep-border);
   background: #fff;
   border-radius: 18px;
   padding: 12px;
   box-shadow: 0 16px 44px rgba(15,23,42,.08);
   position: relative;
   overflow: hidden;
 }

 /* radios hidden but usable by labels */
 .mst-home .msrRep__r{
   position: absolute;
   opacity: 0;
   width: 1px; height: 1px;
   pointer-events: none;
 }

 /* top row */
 .mst-home .msrRep__top{
   display:flex;
   justify-content: space-between;
   align-items: center;
   gap: 12px;
   padding: 6px 6px 10px;
 }
 .mst-home .msrRep__hint{ color: var(--rep-muted); font-size: 13px; }
 .mst-home .msrRep__dots{ display:flex; gap: 8px; align-items:center; }
 .mst-home .msrRep__dot{
   width: 10px; height: 10px;
   border-radius: 999px;
   border: 1px solid rgba(15,23,42,.25);
   background: rgba(15,23,42,.10);
   cursor: pointer;
   transition: transform .12s ease, background .12s ease, border-color .12s ease, box-shadow .12s ease;
 }
 .mst-home .msrRep__dot:hover{ transform: translateY(-1px); }

 /* active dot */
 .mst-home #msrRep1:checked ~ .msrRep__top .msrRep__dot[for="msrRep1"],
.mst-home #msrRep2:checked ~ .msrRep__top .msrRep__dot[for="msrRep2"],
.mst-home #msrRep3:checked ~ .msrRep__top .msrRep__dot[for="msrRep3"],
.mst-home #msrRep4:checked ~ .msrRep__top .msrRep__dot[for="msrRep4"],
.mst-home #msrRep5:checked ~ .msrRep__top .msrRep__dot[for="msrRep5"],
.mst-home #msrRep6:checked ~ .msrRep__top .msrRep__dot[for="msrRep6"],
.mst-home #msrRep7:checked ~ .msrRep__top .msrRep__dot[for="msrRep7"]{
   background: var(--rep-accent);
   border-color: rgba(246,200,95,.95);
   box-shadow: 0 0 0 4px rgba(246,200,95,.22);
 }

 /* viewport */
 .mst-home .msrRep__viewport{
   border-radius: 16px;
   overflow: hidden;
   border: 1px solid rgba(0,0,0,.10);
   background: #fff;
   outline: none;
   position: relative;
 }
 .mst-home .msrRep__viewport:focus{ box-shadow: 0 0 0 4px rgba(246,200,95,.22); }

 /* TRACK (auto slide ON) */
 .mst-home .msrRep__track{
   display:flex;
   width: 700%;             /* 7 slides */
   animation: repAuto 28s infinite;
   animation-fill-mode: both; /* important for negative delay jump */
   will-change: transform;
 }

 /* pause when user hovers/focuses (so buttons are easy to click) */
 .mst-home .msrRep__viewport:hover .msrRep__track,
.mst-home .msrRep__viewport:focus-within .msrRep__track{
   animation-play-state: paused;
 }

 /* jump animation timeline when user selects slide (auto continues after jump) */
 .mst-home #msrRep1:checked ~ .msrRep__viewport .msrRep__track{ animation-delay: 0s; }
 .mst-home #msrRep2:checked ~ .msrRep__viewport .msrRep__track{ animation-delay: -4s; }
 .mst-home #msrRep3:checked ~ .msrRep__viewport .msrRep__track{ animation-delay: -8s; }
 .mst-home #msrRep4:checked ~ .msrRep__viewport .msrRep__track{ animation-delay: -12s; }
 .mst-home #msrRep5:checked ~ .msrRep__viewport .msrRep__track{ animation-delay: -16s; }
 .mst-home #msrRep6:checked ~ .msrRep__viewport .msrRep__track{ animation-delay: -20s; }
 .mst-home #msrRep7:checked ~ .msrRep__viewport .msrRep__track{ animation-delay: -24s; }

 /* each card = 1 slide visible */
 .mst-home .msrRep__card{
   width: calc(100% / 7);
   display:flex;
   flex-direction: column;
   min-height: 360px;
 }

 /* media */
 .mst-home .msrRep__media{
   height: 155px;
   position: relative;
   background: linear-gradient(135deg, rgba(246,200,95,.20), rgba(102,199,255,.14));
   border-bottom: 1px solid rgba(0,0,0,.08);
 }
 .mst-home .msrRep__media img{ width:100%; height:100%; object-fit: cover; display:block; }
 .mst-home .msrRep__badge{
   position:absolute;
   left: 12px; top: 12px;
   font-size: 12px;
   font-weight: 900;
   padding: 6px 10px;
   border-radius: 999px;
   background: linear-gradient(135deg, rgba(246,200,95,.95), rgba(102,199,255,.55));
   border: 1px solid rgba(246,200,95,.75);
 }

 /* content */
 .mst-home .msrRep__content{ padding: 14px; display:flex; flex-direction: column; gap: 10px; flex: 1; }
 .mst-home .msrRep__row{ display:flex; gap: 10px; align-items:center; }
 .mst-home .msrRep__thumb{
   width: 44px; height: 44px;
   border-radius: 14px;
   overflow:hidden;
   border: 1px solid rgba(0,0,0,.10);
   background: #f3f4f6;
   flex: 0 0 auto;
 }
 .mst-home .msrRep__thumb img{ width:100%; height:100%; object-fit: cover; display:block; }
 .mst-home .msrRep__h3{ margin:0; font-size: 18px; line-height: 1.15; font-weight: 900; color: var(--rep-text); }
 .mst-home .msrRep__mini{ margin:4px 0 0; color: var(--rep-muted); font-size: 13px; }
 .mst-home .msrRep__list{ margin:0; padding-left: 18px; color: rgba(15,23,42,.86); font-size: 13.5px; display:grid; gap: 6px; }
 .mst-home .msrRep__actions{ margin-top: auto; display:flex; gap: 10px; flex-wrap: wrap; }

 /* Next/Prev icons */
 .mst-home .msrRep__nav{ position:absolute; inset: 58px 10px auto 10px; pointer-events: none; }
 .mst-home .msrRep__navBtn{
   pointer-events: auto;
   position:absolute;
   top: 55%;
   transform: translateY(-50%);
   width: 42px; height: 42px;
   border-radius: 14px;
   display:grid; place-items:center;
   border: 1px solid rgba(0,0,0,.12);
   background: rgba(255,255,255,.85);
   color: #0f172a;
   font-size: 26px;
   font-weight: 900;
   cursor: pointer;
   user-select: none;
   box-shadow: 0 10px 24px rgba(15,23,42,.12);
   transition: transform .12s ease, background .12s ease;
 }
 .mst-home .msrRep__navBtn:hover{ transform: translateY(-50%) scale(1.04); background: #fff; }
 .mst-home .msrRep__navBtn--prev{ left: 8px; }
 .mst-home .msrRep__navBtn--next{ right: 8px; }

 /* show proper nav pair by slide */
 .mst-home .msrRep__nav--s1,
.mst-home .msrRep__nav--s2,
.mst-home .msrRep__nav--s3,
.mst-home .msrRep__nav--s4,
.mst-home .msrRep__nav--s5,
.mst-home .msrRep__nav--s6,
.mst-home .msrRep__nav--s7{ display:none; }
 .mst-home #msrRep1:checked ~ .msrRep__viewport .msrRep__nav .msrRep__nav--s1{ display:block; }
 .mst-home #msrRep2:checked ~ .msrRep__viewport .msrRep__nav .msrRep__nav--s2{ display:block; }
 .mst-home #msrRep3:checked ~ .msrRep__viewport .msrRep__nav .msrRep__nav--s3{ display:block; }
 .mst-home #msrRep4:checked ~ .msrRep__viewport .msrRep__nav .msrRep__nav--s4{ display:block; }
 .mst-home #msrRep5:checked ~ .msrRep__viewport .msrRep__nav .msrRep__nav--s5{ display:block; }
 .mst-home #msrRep6:checked ~ .msrRep__viewport .msrRep__nav .msrRep__nav--s6{ display:block; }
 .mst-home #msrRep7:checked ~ .msrRep__viewport .msrRep__nav .msrRep__nav--s7{ display:block; }

 /* footer */
 .mst-home .msrRep__footer{
   margin-top: 10px;
   display:flex;
   justify-content: space-between;
   align-items:center;
   gap: 10px;
   flex-wrap: wrap;
   padding: 10px 6px 2px;
   border-top: 1px solid rgba(0,0,0,.08);
 }
 .mst-home .msrRep__steps{ display:flex; gap: 10px; flex-wrap: wrap; color: rgba(15,23,42,.78); font-size: 13px; }
 .mst-home .msrRep__steps b{
   display:inline-grid; place-items:center;
   width: 22px; height: 22px;
   border-radius: 8px;
   background: rgba(246,200,95,.22);
   border: 1px solid rgba(246,200,95,.45);
   margin-right: 6px;
 }

 /* auto slide keyframes (7 slides) */
 @keyframes repAuto{
   0%, 10%   { transform: translateX(0%); }
   14%, 24%  { transform: translateX(-14.2857%); }
   28%, 38%  { transform: translateX(-28.5714%); }
   42%, 52%  { transform: translateX(-42.8571%); }
   56%, 66%  { transform: translateX(-57.1428%); }
   70%, 80%  { transform: translateX(-71.4285%); }
   84%, 94%  { transform: translateX(-85.7142%); }
   100%      { transform: translateX(0%); }
 }

 /* reduced motion */
 @media (prefers-reduced-motion: reduce){
   .mst-home .msrRep__track{ animation: none !important; }
   .mst-home .msrRep__btn,
.mst-home .msrRep__dot,
.mst-home .msrRep__navBtn{ transition: none !important; }
 }
/* =========================================================
   MINDSUTRA PREMIUM WARM-GOLD THEME
   Color-only refinement based on the approved inner-page family.
   Layout, content, spacing, links and behavior remain unchanged.
========================================================= */
.mst-home{
  --ms-text:#30261c;
  --ms-muted:#756654;
  --ms-primary:#b97822;
  --ms-primary-2:#805016;
  --ms-border:rgba(137,88,28,.16);

  --bg:#fffaf3;
  --text:#30261c;
  --muted:#756654;
  --card:#fffdf8;
  --border:#eadbc5;
  --hover:#fff3df;
  --shadow:0 18px 42px rgba(91,60,24,.09);
  --btnDark:#805016;
  --btnDarkText:#ffffff;
}

/* Keep the public website consistent regardless of the visitor's OS theme. */
@media (prefers-color-scheme:dark){
  .mst-home{
    --bg:#fffaf3;
    --text:#30261c;
    --muted:#756654;
    --card:#fffdf8;
    --border:#eadbc5;
    --hover:#fff3df;
    --shadow:0 18px 42px rgba(91,60,24,.09);
    --btnDark:#805016;
    --btnDarkText:#ffffff;
  }
}

.mst-home{
  color:var(--ms-text);
  background:
    radial-gradient(circle at 5% 0%,rgba(185,120,34,.075),transparent 25%),
    radial-gradient(circle at 97% 8%,rgba(223,167,82,.09),transparent 22%),
    linear-gradient(180deg,#fffdf9 0%,#fff8ef 50%,#fffaf4 100%);
}

/* Top utility bar */




/* Global headings, copy and links */
.mst-home .section-title,
.mst-home .info-title,
.mst-home .cat-title,
.mst-home .p-title{color:#714719;}
.mst-home .section-subtitle,
.mst-home .cat-text,
.mst-home .p-kicker,
.mst-home .p-meta,
.mst-home .info-text,
.mst-home .products__sub{color:#756654;}
.mst-home .link-arrow{color:#a9691d;}
.mst-home .link-arrow:hover{color:#74450f;}

/* Bootstrap buttons aligned with the warm-gold inner pages */
.mst-home .btn-primary{
  --bs-btn-color:#fff;
  --bs-btn-bg:#b97822;
  --bs-btn-border-color:#a96b1d;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#805016;
  --bs-btn-hover-border-color:#74450f;
  --bs-btn-active-bg:#6d400e;
  --bs-btn-active-border-color:#6d400e;
  --bs-btn-disabled-bg:#b97822;
  --bs-btn-disabled-border-color:#a96b1d;
  color:#fff;
  background:linear-gradient(180deg,#c98a31,#8a5516);
  border-color:#935b18;
  box-shadow:0 14px 28px rgba(154,94,24,.23);
}
.mst-home .btn-primary:hover,
.mst-home .btn-primary:focus{
  color:#fff;
  background:linear-gradient(180deg,#b97926,#74450f);
  border-color:#74450f;
  box-shadow:0 16px 30px rgba(116,69,15,.26);
}
.mst-home .btn-outline-primary{
  --bs-btn-color:#9b611a;
  --bs-btn-border-color:#ddc398;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#a9691d;
  --bs-btn-hover-border-color:#a9691d;
  --bs-btn-active-bg:#805016;
  --bs-btn-active-border-color:#805016;
  color:#9b611a;
  border-color:#ddc398;
  background:#fffdf8;
}
.mst-home .btn-outline-primary:hover,
.mst-home .btn-outline-primary:focus{
  color:#fff;
  background:#a9691d;
  border-color:#a9691d;
}
.mst-home .btn-outline-secondary{
  color:#6c5b49;
  border-color:#dfd1be;
  background:#fffdf8;
}
.mst-home .btn-outline-secondary:hover,
.mst-home .btn-outline-secondary:focus{
  color:#805016;
  border-color:#d5b77f;
  background:#fff3df;
}

/* Hero: rich espresso-bronze backdrop with restrained golden light */
.mst-home .hero-slide{background-color:#593512;}
.mst-home .hero-overlay{
  background:
    radial-gradient(920px 520px at 17% 18%,rgba(235,181,91,.34),transparent 58%),
    radial-gradient(720px 430px at 90% 8%,rgba(204,130,40,.30),transparent 62%),
    linear-gradient(112deg,rgba(48,29,13,.985) 0%,rgba(104,61,18,.965) 51%,rgba(145,87,25,.95) 100%);
}
.mst-home .hero .pill,
.mst-home .hero .mini-card{
  background:rgba(255,250,242,.11);
  border-color:rgba(247,218,171,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09);
}
.mst-home .hero .pill{color:#fff7e9;}
.mst-home .hero .mini-text,
.mst-home .hero .text-white-75{color:rgba(255,247,235,.82) !important;}
.mst-home .hero .btn-outline-light{
  color:#fff9ef;
  border-color:rgba(255,239,211,.68);
  background:rgba(255,250,242,.07);
}
.mst-home .hero .btn-outline-light:hover,
.mst-home .hero .btn-outline-light:focus{
  color:#5d370f;
  border-color:#fff4df;
  background:#fff4df;
}
.mst-home .hero-panel{
  background:
    radial-gradient(circle at 20% 8%,rgba(214,153,65,.20),transparent 35%),
    linear-gradient(145deg,#fffdf8 0%,#fff7e9 58%,#f5e6cf 100%);
  border-color:rgba(255,244,226,.42);
  box-shadow:0 24px 54px rgba(45,27,11,.30);
}


.mst-home .carousel-indicators [data-mst-slide-to]{background-color:#e9c789;}
.mst-home .carousel-indicators .active{background-color:#fff7e8;}

/* Cards and content surfaces */
.mst-home .cat-card,
.mst-home .p-card,
.mst-home .info-card,
.mst-home .productCard,
.mst-home .msrRep__show,
.mst-home .msrRep__right{
  background:linear-gradient(180deg,#fffdf9,#fff8ee);
  border-color:#eadbc5;
  box-shadow:0 10px 26px rgba(91,60,24,.05);
}
.mst-home .cat-card:hover,
.mst-home .p-card:hover,
.mst-home .info-card:hover,
.mst-home .productCard:hover{
  border-color:#d8bd90;
  box-shadow:0 20px 44px rgba(122,75,19,.11);
}
.mst-home .cat-ic{
  color:#a9691d;
  background:linear-gradient(180deg,#fff3df,#f8e6c7);
  border:1px solid #ecd3aa;
}
.mst-home .p-card img{background:#f8f1e7;}
.mst-home .hscroll::-webkit-scrollbar-thumb{background:#d1b78e;}

/* Tabs */
.mst-home .ms-tabs .nav-link{
  color:#9b611a;
  border:1px solid transparent;
}
.mst-home .ms-tabs .nav-link:hover{
  color:#74450f;
  background:#fff3df;
  border-color:#ecd3aa;
}
.mst-home .ms-tabs .nav-link.active{
  color:#fff;
  background:linear-gradient(180deg,#c98a31,#8a5516);
  box-shadow:0 12px 24px rgba(154,94,24,.20);
}

/* Product catalogue */
.mst-home .products{
  color:#30261c;
  background:linear-gradient(180deg,rgba(255,253,249,.74),rgba(255,248,239,.94));
}
.mst-home .products__viewAll{
  color:#9b611a;
  border-color:#e1c9a2;
  background:#fffdf8;
}
.mst-home .products__viewAll:hover{
  color:#74450f;
  background:#fff3df;
  border-color:#d4b47d;
}
.mst-home .productCard__thumb{
  border-color:#eadbc5;
  background:linear-gradient(135deg,#fff2dd,#f7e6cb);
}
.mst-home .btnnew{
  color:#604f3d;
  border-color:#dfd1be;
  background:#fffdf8;
}
.mst-home .btnnew--outline:hover{
  color:#74450f;
  background:#fff3df;
  border-color:#d4b47d;
}
.mst-home .btnnew--primary{
  color:#fff;
  background:linear-gradient(180deg,#c98a31,#8a5516);
  border-color:#935b18;
  box-shadow:0 10px 20px rgba(154,94,24,.19);
}
.mst-home .btnnew--primary:hover{
  opacity:1;
  background:linear-gradient(180deg,#b97926,#74450f);
}

/* Arrow CTA */
.mst-home .ctaArrow{color:#74450f;}
.mst-home .ctaArrow:before{background-color:#dfaa52;}

/* Premium report showcase */
.mst-home .msrRep{
  --rep-border:#eadbc5;
  --rep-card:#fffdf8;
  --rep-soft:#fff5e7;
  --rep-text:#30261c;
  --rep-muted:#756654;
  --rep-accent:#c58a34;
  --rep-accent2:#8a5516;
  background:
    radial-gradient(circle at 0% 10%,rgba(185,120,34,.065),transparent 23%),
    linear-gradient(180deg,#fffdf9,#fff8ef);
}
.mst-home .msrRep__pill{
  color:#74450f;
  border-color:#e4cfad;
  background:linear-gradient(135deg,rgba(211,150,61,.19),rgba(145,87,25,.10));
}

.mst-home .msrRep__btn{
  color:#805016;
  border-color:#dfc9a6;
  background:#fffdf8;
}
.mst-home .msrRep__btn:hover{
  border-color:#d3b27a;
  box-shadow:0 12px 26px rgba(122,75,19,.11);
}
.mst-home .msrRep__btn--primary{
  color:#fff;
  background:linear-gradient(180deg,#c98a31,#8a5516);
  border-color:#935b18;
  box-shadow:0 10px 22px rgba(154,94,24,.20);
}
.mst-home .msrRep__btn--ghost{background:#fffdf8;}
.mst-home .msrRep__left{
  border-color:#eadbc5;
  background:linear-gradient(180deg,#fff7eb,#f9ecda);
}
.mst-home .msrRep__logo{
  color:#ffe3ad;
  background:linear-gradient(180deg,#9f621b,#65400f);
}
.mst-home .msrRep__showImg,
.mst-home .msrRep__media{
  background:linear-gradient(135deg,rgba(211,150,61,.20),rgba(145,87,25,.12));
}
.mst-home .msrRep__tick{
  color:#75470e;
  background:rgba(197,138,52,.18);
  border-color:rgba(185,120,34,.42);
}
.mst-home .msrRep__badge{
  color:#fff;
  background:linear-gradient(135deg,#cc913a,#855117);
  border-color:rgba(185,120,34,.78);
}
.mst-home .msrRep__dot{border-color:#cdb793;background:#eadbc5;}
.mst-home #msrRep1:checked ~ .msrRep__top .msrRep__dot[for="msrRep1"],
.mst-home #msrRep2:checked ~ .msrRep__top .msrRep__dot[for="msrRep2"],
.mst-home #msrRep3:checked ~ .msrRep__top .msrRep__dot[for="msrRep3"],
.mst-home #msrRep4:checked ~ .msrRep__top .msrRep__dot[for="msrRep4"],
.mst-home #msrRep5:checked ~ .msrRep__top .msrRep__dot[for="msrRep5"],
.mst-home #msrRep6:checked ~ .msrRep__top .msrRep__dot[for="msrRep6"],
.mst-home #msrRep7:checked ~ .msrRep__top .msrRep__dot[for="msrRep7"]{
  background:#a9691d;
  border-color:#a9691d;
  box-shadow:0 0 0 4px rgba(185,120,34,.15);
}
.mst-home .msrRep__viewport:focus{box-shadow:0 0 0 4px rgba(185,120,34,.15);}
.mst-home .msrRep__navBtn{
  color:#74450f;
  border-color:#dfc9a6;
  background:rgba(255,253,248,.94);
  box-shadow:0 10px 24px rgba(122,75,19,.13);
}
.mst-home .msrRep__steps b{
  color:#74450f;
  background:rgba(197,138,52,.17);
  border-color:rgba(185,120,34,.40);
}

/* Trust strip and footer */












/* Search modal */




/* =========================================================
   FINAL PREMIUM HOMEPAGE REFINEMENT
   Scope: header slider readability + premium reports sizing.
   Visible content, layout order, links and functionality unchanged.
========================================================= */

/* Header slider: light champagne canvas for the existing dark text */
.mst-home .hero-slide{
  min-height:520px;
  color:#30261c;
  background-color:#fff8ec;
  border-bottom:1px solid #e7d5b8;
}
.mst-home .hero-overlay{
  background:
    radial-gradient(920px 500px at 12% 8%,rgba(201,138,49,.18),transparent 58%),
    radial-gradient(760px 430px at 91% 4%,rgba(232,188,117,.22),transparent 61%),
    linear-gradient(112deg,rgba(255,253,248,.985) 0%,rgba(255,247,233,.975) 53%,rgba(246,228,198,.95) 100%);
}
.mst-home .hero h1,
.mst-home .hero .display-5{
  color:#352719;
  text-shadow:none;
}
.mst-home .hero .pill{
  color:#74450f;
  background:linear-gradient(180deg,rgba(255,253,248,.96),rgba(255,242,219,.94));
  border-color:#dfc49a;
  box-shadow:0 8px 20px rgba(122,75,19,.08), inset 0 1px 0 rgba(255,255,255,.92);
}
.mst-home .hero .mini-card{
  color:#352719;
  background:rgba(255,253,248,.90);
  border-color:#e1ccab;
  box-shadow:0 10px 24px rgba(91,60,24,.08), inset 0 1px 0 rgba(255,255,255,.94);
}
.mst-home .hero .mini-num{color:#4b341d;}
.mst-home .hero .mini-text,
.mst-home .hero .text-white-75{
  color:#675541 !important;
}
.mst-home .hero .btn-outline-light{
  color:#74450f;
  border-color:#d6b77f;
  background:#fffdf8;
  box-shadow:0 10px 22px rgba(91,60,24,.07);
}
.mst-home .hero .btn-outline-light:hover,
.mst-home .hero .btn-outline-light:focus{
  color:#fff;
  border-color:#8a5516;
  background:linear-gradient(180deg,#ba7a27,#805016);
}
.mst-home .hero-panel{
  width:100%;
  max-width:480px;
  background:
    radial-gradient(circle at 18% 8%,rgba(211,150,61,.16),transparent 34%),
    linear-gradient(145deg,#fffefb 0%,#fff7e9 60%,#f4e2c5 100%);
  border-color:#dfc9a7;
  box-shadow:0 24px 54px rgba(91,60,24,.16);
}
.mst-home .hero-panel img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.mst-home .carousel-indicators [data-mst-slide-to]{
  width:10px;
  height:10px;
  border-radius:999px;
  background-color:#b98a4d;
  opacity:.48;
}
.mst-home .carousel-indicators .active{
  width:30px;
  background-color:#805016;
  opacity:1;
}
.mst-home .carousel-control-prev,
.mst-home .carousel-control-next{
  width:5.5%;
  opacity:1;
}
.mst-home .carousel-control-prev-icon,
.mst-home .carousel-control-next-icon{
  width:42px;
  height:42px;
  padding:10px;
  border-radius:50%;
  background-color:rgba(128,80,22,.92);
  background-size:52% 52%;
  box-shadow:0 10px 24px rgba(91,60,24,.20);
}
.mst-home .carousel-control-prev:focus .carousel-control-prev-icon,
.mst-home .carousel-control-next:focus .carousel-control-next-icon{
  box-shadow:0 0 0 4px rgba(185,120,34,.22),0 10px 24px rgba(91,60,24,.20);
}

/* Premium Horoscope / Janma Patrika: same visual scale as primary sections */
.mst-home .msrRep{
  padding:clamp(48px,5vw,70px) 16px;
  border-top:1px solid #eadbc5;
  border-bottom:1px solid #eadbc5;
  background:
    radial-gradient(circle at 2% 8%,rgba(185,120,34,.08),transparent 24%),
    radial-gradient(circle at 98% 0%,rgba(223,167,82,.10),transparent 22%),
    linear-gradient(180deg,#fffdf9,#fff7ec);
}
.mst-home .msrRep__wrap{max-width:1320px;}
.mst-home .msrRep__head{margin-bottom:4px;}
.mst-home .msrRep__kicker{margin-bottom:14px;}
.mst-home .msrRep__pill{
  min-height:36px;
  padding:8px 13px;
  font-size:12px;
  letter-spacing:.035em;
}
.mst-home .msrRep__title{
  font-size:clamp(30px,3.15vw,44px);
  line-height:1.08;
  letter-spacing:-.025em;
  color:#714719;
}
.mst-home .msrRep__desc{
  max-width:86ch;
  margin-top:13px;
  color:#6f5e4b;
  font-size:15.5px;
  line-height:1.72;
}
.mst-home .msrRep__grid{
  grid-template-columns:minmax(390px,430px) minmax(0,1fr);
  gap:22px;
  margin-top:22px;
  align-items:stretch;
}
.mst-home .msrRep__left,
.mst-home .msrRep__right{
  padding:18px;
  border-radius:24px;
}
.mst-home .msrRep__show{
  height:100%;
  padding:18px;
  border-radius:20px;
}
.mst-home .msrRep__showTitle{font-size:18px;}
.mst-home .msrRep__showMeta{font-size:13.5px;}
.mst-home .msrRep__showImg{
  height:220px;
  margin:16px 0;
  border-radius:18px;
}
.mst-home .msrRep__checks{gap:10px;}
.mst-home .msrRep__checks li{
  color:#4f4031;
  font-size:14.5px;
  line-height:1.45;
}
.mst-home .msrRep__right{box-shadow:0 22px 52px rgba(91,60,24,.11);}
.mst-home .msrRep__top{padding:6px 8px 14px;}
.mst-home .msrRep__hint{font-size:13.5px;}
.mst-home .msrRep__viewport{border-radius:19px;}
.mst-home .msrRep__card{min-height:455px;}
.mst-home .msrRep__media{height:220px;}
.mst-home .msrRep__content{
  padding:18px;
  gap:12px;
}
.mst-home .msrRep__h3{font-size:21px;}
.mst-home .msrRep__mini{font-size:13.5px;}
.mst-home .msrRep__list{
  color:#514334;
  font-size:14px;
  line-height:1.45;
  gap:7px;
}
.mst-home .msrRep__btn{
  min-height:46px;
  padding:11px 16px;
}
.mst-home .msrRep__footer{
  margin-top:18px;
  padding:16px 6px 2px;
}
.mst-home .msrRep__steps{font-size:13.5px;color:#655441;}

@media (max-width:980px){
  .mst-home .msrRep__grid{grid-template-columns:1fr;}
  .mst-home .msrRep__showImg{height:clamp(220px,42vw,330px);}
}

@media (max-width:768px){
  .mst-home .hero-slide{min-height:540px;}
  .mst-home .hero-content{padding:54px 0 70px;}
  .mst-home .carousel-control-prev,
.mst-home .carousel-control-next{width:12%;}
  .mst-home .carousel-control-prev-icon,
.mst-home .carousel-control-next-icon{width:38px;height:38px;}
  .mst-home .msrRep{padding:42px 10px;}
  .mst-home .msrRep__title{font-size:clamp(28px,8vw,36px);}
  .mst-home .msrRep__left,
.mst-home .msrRep__right{padding:12px;border-radius:20px;}
  .mst-home .msrRep__show{padding:14px;}
  .mst-home .msrRep__showImg,
.mst-home .msrRep__media{height:195px;}
  .mst-home .msrRep__card{min-height:430px;}
  .mst-home .msrRep__content{padding:15px;}
}

@media (max-width:520px){
  .mst-home .hero .btn-lg{width:100%;}
  .mst-home .hero-mini{display:grid;grid-template-columns:1fr;}
  .mst-home .mini-card{min-width:0;}
  .mst-home .msrRep__actions .msrRep__btn,
.mst-home .msrRep__footer > .msrRep__btn{width:100%;}
}

/* Home-owned carousel display rules; independent of Bootstrap JavaScript. */
.mst-home .carousel-item { display:none; }
.mst-home .carousel-item.active { display:block; }

/* =========================================================
   INDEX-HOME CSS SECTION 16 : PREMIUM HERO SLIDER CONTROLS
   Replaces the plain slider dots with compact premium capsules.
   This late section intentionally overrides earlier indicator rules.
   ========================================================= */
.mst-home .hero .carousel-indicators{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-bottom:18px;
}
.mst-home .hero .carousel-indicators [data-mst-slide-to]{
  position:relative;
  width:24px;
  height:8px;
  margin:0;
  padding:0;
  border:1px solid rgba(255,244,222,.72);
  border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(222,180,111,.72));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 3px 9px rgba(50,28,8,.28);
  opacity:.68;
  transform:translateY(0);
  transition:width .25s ease, opacity .25s ease, transform .25s ease, box-shadow .25s ease, background .25s ease;
}
.mst-home .hero .carousel-indicators [data-mst-slide-to]::after{
  content:"";
  position:absolute;
  inset:2px 4px auto;
  height:2px;
  border-radius:999px;
  background:rgba(255,255,255,.74);
}
.mst-home .hero .carousel-indicators [data-mst-slide-to]:hover,
.mst-home .hero .carousel-indicators [data-mst-slide-to]:focus-visible{
  opacity:1;
  transform:translateY(-1px);
  outline:none;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,1),
    0 0 0 3px rgba(255,244,222,.20),
    0 5px 13px rgba(50,28,8,.32);
}
.mst-home .hero .carousel-indicators [data-mst-slide-to].active{
  width:46px;
  border-color:#ffe8b9;
  background:linear-gradient(180deg,#fff4d6 0%,#efbd63 48%,#a86618 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,1),
    0 0 0 2px rgba(255,233,189,.20),
    0 5px 15px rgba(76,39,5,.42);
  opacity:1;
}

@media (prefers-reduced-motion:reduce){
  .mst-home .hero .carousel-indicators [data-mst-slide-to]{transition:none;}
}


/* =========================================================
   INDEX EXACT UPDATE : REQUESTED CHANGES ONLY
   Scope: .mst-home only. No page width/spacing/global layout changes.
   ========================================================= */

/* Product cards now have only Buy + Details, so keep both buttons balanced. */
.mst-home .productCard__actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .5rem;
  align-items: stretch;
}

.mst-home .productCard__actions .btnnew,
.mst-home .productCard__actions .btnnew--grow {
  width: 100%;
  min-width: 0;
  flex: initial;
  text-align: center;
}

/* Premium styling only for the new Online Vedic Astrology Tools section. */
.mst-home .mst-online-vedic-tools .section-title {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
}

.mst-home .mst-online-tool-card {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 14px;
  align-items: flex-start;
  border-color: rgba(145, 88, 19, .16);
  box-shadow: 0 12px 30px rgba(57, 36, 12, .06);
}

.mst-home .mst-online-tool-card::after {
  content: "";
  position: absolute;
  right: -42px;
  bottom: -52px;
  width: 128px;
  height: 128px;
  border-radius: 999px;
  background: rgba(247, 122, 8, .08);
  pointer-events: none;
}

.mst-home .mst-online-tool-icon {
  position: relative;
  z-index: 1;
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  background: linear-gradient(180deg, #f59b2f, #9b5b14);
  color: #fff;
  font-size: 1.55rem;
  box-shadow: 0 10px 22px rgba(155, 91, 20, .20);
}

.mst-home .mst-online-tool-body {
  position: relative;
  z-index: 1;
}

.mst-home .mst-online-tool-body .info-text {
  line-height: 1.58;
}

@media (max-width: 575px) {
  .mst-home .mst-online-tool-card {
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 11px;
  }

  .mst-home .mst-online-tool-icon {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    font-size: 1.3rem;
  }

  .mst-home .mst-online-tool-body .btn {
    width: 100%;
  }
}


/* =========================================================
   INDEX FINAL POLISH : TOOL ICONS + VIEW PRODUCTS CTA + TOP BUTTON
   Scope: .mst-home and .mst-back-to-top only.
   ========================================================= */

.mst-home .mst-view-products-cta {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  padding: .58rem .92rem;
  border-radius: 999px;
  border: 1px solid rgba(247, 122, 8, .24);
  background: linear-gradient(180deg, #fffdf8, #fff2dc);
  box-shadow: 0 10px 24px rgba(80, 48, 12, .08);
  text-decoration: none;
}

.mst-home .mst-view-products-cta:hover {
  text-decoration: none;
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(80, 48, 12, .12);
}

.mst-home .mst-view-products-cta i {
  transition: transform .18s ease;
}

.mst-home .mst-view-products-cta:hover i {
  transform: translateX(2px);
}

.mst-home .mst-online-tool-icon svg {
  width: 42px;
  height: 42px;
}

.mst-home .mst-online-tool-icon .mst-svg-soft {
  fill: rgba(255,255,255,.20);
  stroke: rgba(255,255,255,.92);
  stroke-width: 2.2;
}

.mst-home .mst-online-tool-icon .mst-svg-line {
  fill: none;
  stroke: rgba(255,255,255,.96);
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.mst-home .mst-online-tool-icon .mst-svg-fill {
  fill: #fff7d6;
}

.mst-home .mst-online-tool-icon--panchang {
  background: linear-gradient(180deg, #f6a93d, #925414);
}

.mst-home .mst-online-tool-icon--muhurth {
  background: linear-gradient(180deg, #bd8a2b, #704714);
}

.mst-back-to-top {
  position: fixed;
  right: 18px;
  bottom: 22px;
  z-index: 1040;
  width: 46px;
  height: 46px;
  border: 0;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: linear-gradient(180deg, #f59b2f, #9b5b14);
  color: #fff;
  box-shadow: 0 12px 28px rgba(80, 48, 12, .22);
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: opacity .2s ease, visibility .2s ease, transform .2s ease;
}

.mst-back-to-top i {
  font-size: 1.6rem;
  line-height: 1;
}

.mst-back-to-top.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.mst-back-to-top:hover {
  transform: translateY(-2px);
}

@media (max-width: 575px) {
  .mst-back-to-top {
    right: 14px;
    bottom: 16px;
    width: 42px;
    height: 42px;
  }

  .mst-home .mst-view-products-cta {
    width: 100%;
    justify-content: center;
  }
}