/*
Mera Diagnostic House
Health Packages page
Requires: mdh-global.css
*/
@media(max-width:1100px){
  .mdh-packages .mdh-pkg-card.featured{
    transform:none;
  }

  .mdh-packages .mdh-pkg-card.featured:hover{
    transform:translateY(-5px);
  }
}

@media(max-width:767px){
  .mdh-packages .mdh-pkg-chips{
    gap:.5rem;
  }

  .mdh-packages .mdh-pkg-chip{
    font-size:.8rem;
    padding:.58rem .68rem;
  }

  .mdh-packages .mdh-pkg-cta{
    border-radius:20px;
  }
}

.mdh-packages{
  overflow:hidden;
  color:var(--mdh-text);
}

.mdh-packages section,
.mdh-packages header{
  width:100%;
  max-width:none;
  margin:0;
}



.mdh-pkg-note{
  margin:1rem 0 0;
  text-align:center;
  color:#7a8c96;
  font-size:.78rem;
}

/* Hero */
.mdh-pkg-hero{
  padding:clamp(3.8rem,7vw,6.8rem) 0;
  background:
    radial-gradient(circle at 82% 16%,rgba(0,167,230,.12),transparent 28%),
    radial-gradient(circle at 10% 82%,rgba(52,152,153,.12),transparent 26%),
    linear-gradient(135deg,#fff,#f4fbfc 55%,#eef8fb);
}

.mdh-pkg-hero-grid{
  display:grid;
  grid-template-columns:1.02fr .98fr;
  gap:clamp(2rem,6vw,5rem);
  align-items:center;
}

.mdh-pkg-hero h1{
  margin:0;
  font-size:clamp(2.55rem,5.5vw,3.5rem);
  line-height:.99;
      font-weight: bold;
    letter-spacing: 1px;
}

.mdh-pkg-hero h1 span{
  color:var(--mdh-primary);
}

.mdh-pkg-hero p{
  max-width:720px;
  margin:1.35rem 0 0;
  color:var(--mdh-muted);
  font-size:clamp(1rem,1.5vw,1.15rem);
  line-height:1.78;
}

.mdh-pkg-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.8rem;
  margin-top:1.6rem;
}

.mdh-pkg-chips{
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
  margin-top:1.5rem;
}

.mdh-pkg-chip{
  padding:.65rem .78rem;
  border:1px solid rgba(52,152,153,.18);
  border-radius:999px;
  background:rgba(255,255,255,.88);
  color:var(--mdh-primary-dark);
  font-size:.86rem;
  font-weight:750;
  box-shadow:0 6px 20px rgba(11,92,125,.06);
}

.mdh-pkg-visual{
  padding:1.2rem;
  border:1px solid rgba(52,152,153,.14);
  border-radius:28px;
  background:linear-gradient(145deg,#fff,#eff9fb);
  box-shadow:var(--mdh-shadow-md);
}

.mdh-pkg-visual-card{
  padding:1.4rem;
  border:1px solid var(--mdh-border);
  border-radius:20px;
  background:#fff;
}

.mdh-pkg-visual-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:.9rem 0;
  border-bottom:1px solid #edf2f4;
}

.mdh-pkg-visual-row:last-child{
  border-bottom:0;
}

.mdh-pkg-visual-row strong{
  font-size:1rem;
  line-height:1.3;
  overflow-wrap:anywhere;
}

.mdh-pkg-visual-row span{
  color:var(--mdh-muted);
  font-size:.88rem;
}

/* Intro */
.mdh-pkg-two{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(2rem,6vw,5rem);
  align-items:center;
}

.mdh-pkg-copy{
  color:var(--mdh-muted);
  line-height:1.8;
	padding-top: 10px;
}

.mdh-pkg-copy p{
  margin:0 0 1rem;
}

.mdh-pkg-info-box{
  padding:2rem;
  border:1px solid var(--mdh-border);
  border-radius:var(--mdh-radius-lg);
  background:#fff;
  box-shadow:var(--mdh-shadow-md);
}

.mdh-pkg-info-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
  margin-top:1.4rem;
}

.mdh-pkg-info-item{
  padding:1rem;
  border-radius:16px;
  background:var(--mdh-soft);
}

.mdh-pkg-info-item strong{
  display:block;
  margin-bottom:.3rem;
  color:var(--mdh-primary-dark);
}

.mdh-pkg-info-item span{
  color:var(--mdh-muted);
  font-size:.9rem;
  line-height:1.5;
}

/* Package cards */
.mdh-pkg-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1rem;
  margin-top:2rem;
  align-items:stretch;
}

.mdh-pkg-card{
  position:relative;
  display:flex;
  flex-direction:column;
  height:100%;
  padding:1.35rem;
  border:1px solid var(--mdh-border);
  border-radius:22px;
  background:#fff;
  box-shadow:var(--mdh-shadow-sm);
  transition:transform .22s ease,box-shadow .22s ease;
}

.mdh-pkg-card:hover{
  transform:translateY(-5px);
  box-shadow:var(--mdh-shadow-md);
}

.mdh-pkg-card.featured{
  border:2px solid var(--mdh-primary);
  box-shadow:0 18px 45px rgba(52,152,153,.14);
}

.mdh-pkg-badge{
      position: absolute;
    top: -18px;
    left: 50%;
    padding: .35rem .75rem;
    border-radius: 999px;
    background: var(--mdh-primary);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    transform: translateX(-50%);
}

.mdh-pkg-card-head{
  padding-bottom:1rem;
  border-bottom:1px solid #edf2f4;
}

.mdh-pkg-card-head .small{
  color:var(--mdh-primary);
  font-size:.75rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.mdh-pkg-card h3{
  margin:.4rem 0 .3rem;
  font-size:1.25rem;
  line-height:1.25;
  overflow-wrap:anywhere;
}

.mdh-pkg-price{
  margin-top:.6rem;
  color:var(--mdh-primary-dark);
  font-size:1.85rem;
  font-weight:900;
}

.mdh-pkg-list{
  display:grid;
  gap:.62rem;
  flex:1;
  margin:1rem 0;
  padding:0;
  list-style:none;
}

.mdh-pkg-list li{
  display:flex;
  gap:.55rem;
  color:var(--mdh-muted);
  font-size:.9rem;
  line-height:1.45;
}

.mdh-pkg-list li::before{
  content:"✓";
  display:grid;
  place-items:center;
  width:18px;
  height:18px;
  flex:0 0 auto;
  margin-top:.1rem;
  border-radius:999px;
  background:rgba(39,174,96,.12);
  color:#27ae60;
  font-size:.72rem;
  font-weight:900;
}

.mdh-pkg-card > .mdh-btn,
.mdh-pkg-card .mdh-btn{
  width:100%;
  justify-content:center;
}

/* Comparison */
.mdh-pkg-compare-wrap{
  margin-top:2rem;
  border:1px solid var(--mdh-border);
  border-radius:20px;
  background:#fff;
  box-shadow:var(--mdh-shadow-sm);
}

.mdh-pkg-compare{
  width:100%;
  min-width:820px;
  margin:0;
  border-collapse:collapse;
  background:transparent;
}

.mdh-pkg-compare th,
.mdh-pkg-compare td{
  padding:1rem;
  border:0;
  border-bottom:1px solid #edf2f4;
  text-align:center;
  font-size:.9rem;
  line-height:1.45;
  vertical-align:middle;
}

.mdh-pkg-compare th:first-child,
.mdh-pkg-compare td:first-child{
  text-align:left;
  font-weight:700;
}

.mdh-pkg-compare thead th{
  background:#f6fbfc;
  color:var(--mdh-primary-dark);
}

.mdh-pkg-yes{
  color:#27ae60;
  font-weight:900;
}

.mdh-pkg-no{
  color:#b5c0c5;
}

.mdh-pkg-compare tr:last-child td{
  border-bottom:0;
}

/* Choosing a package */
.mdh-pkg-grid3{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
  margin-top:2rem;
}

.mdh-pkg-card2{
  padding:1.45rem;
  border:1px solid var(--mdh-border);
  border-radius:18px;
  background:#fff;
  box-shadow:var(--mdh-shadow-sm);
}

.mdh-pkg-card2 h3{
  margin:.3rem 0 .6rem;
  line-height:1.3;
  overflow-wrap:anywhere;
	    font-size: 1.2rem;
    font-weight: 700;
    padding-top: 5px;
}

.mdh-pkg-card2 p{
  margin:0;
  color:var(--mdh-muted);
  line-height:1.7;
}

.mdh-pkg-icon{
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
	font-weight: bold;
  border-radius:13px;
  background:var(--mdh-soft);
  color:var(--mdh-primary-dark);
  font-size:1.25rem;
}

/* Home collection */
.mdh-pkg-collection{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:clamp(2rem,6vw,5rem);
  align-items:center;
}

.mdh-pkg-collection img{
  display:block;
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  border-radius:var(--mdh-radius-lg);
  box-shadow:var(--mdh-shadow-md);
}

.mdh-pkg-points{
  display:grid;
  gap:.75rem;
  margin-top:1.2rem;
}

.mdh-pkg-point{
  display:flex;
  gap:.7rem;
  color:var(--mdh-muted);
  line-height:1.65;
}

.mdh-pkg-point::before{
  content:"✓";
  display:grid;
  place-items:center;
  width:25px;
  height:25px;
  flex:0 0 auto;
  border-radius:999px;
  background:rgba(39,174,96,.12);
  color:#27ae60;
  font-size:.78rem;
  font-weight:900;
}

/* FAQ */
.mdh-pkg-faqs{
  width:min(900px,100%);
  margin:2rem auto 0;
  display:grid;
  gap:.8rem;
}

.mdh-pkg-faq{
  overflow:hidden;
  border:1px solid var(--mdh-border);
  border-radius:16px;
  background:#fff;
}

.mdh-pkg-faq button{
  width:100%;
  display:flex;
  justify-content:space-between;
  gap:1rem;
  padding:1.15rem 1.2rem;
  border:0;
  background:transparent;
  color:var(--mdh-text);
  font:inherit;
align-items: center;
  font-weight:800;
  text-align:left;
	    white-space: normal;
}

.mdh-pkg-faq button span:last-child{
/*   color:var(--mdh-primary); */
  font-size:1.4rem;

}

.mdh-pkg-faq-a{
  display:none;
  padding:0 1.2rem 1.2rem;
  color:var(--mdh-muted);
  line-height:1.72;
}

.mdh-pkg-faq-a.is-open{
  display:block;
}

/* CTA */
.mdh-pkg-cta{
  padding:clamp(2rem,5vw,3.5rem);
  border-radius:28px;
  background:linear-gradient(135deg,var(--mdh-primary-dark),var(--mdh-primary));
  color:#fff;
  box-shadow:0 20px 50px rgba(11,92,125,.18);
}

.mdh-pkg-cta-grid{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:2rem;
}

.mdh-pkg-cta h2{
  margin:0;
  color:#fff;
  font-size:clamp(2rem,4vw,3rem);
  line-height:1.08;
	    font-weight: 700;
    letter-spacing: 1px;
}

.mdh-pkg-cta p{
  max-width:720px;
  margin:.8rem 0 0;
  color:rgba(255,255,255,.84);
  line-height:1.7;
}

.mdh-pkg-cta .mdh-btn-primary{
  background:#fff;
  border-color:#fff;
  color:var(--mdh-primary-dark)!important;
}

.mdh-pkg-cta .mdh-btn-outline{
  background:transparent;
  border-color:rgba(255,255,255,.4);
  color:#fff!important;
}

/* Reveal hook scoped to Health Packages */
.mdh-packages [data-mdh-reveal]{
  opacity:0;
  transform:translateY(24px);
  transition:opacity .7s ease,transform .7s ease;
}

.mdh-packages [data-mdh-reveal].mdh-is-visible{
  opacity:1;
  transform:none;
}

@media(max-width:1100px){
  .mdh-pkg-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:991px){
  .mdh-pkg-hero-grid,
  .mdh-pkg-two,
  .mdh-pkg-collection{
    grid-template-columns:1fr;
  }

  .mdh-pkg-grid3{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .mdh-pkg-cta-grid{
    display:block;
  }

  .mdh-pkg-cta .mdh-pkg-actions{
    margin-top:1.3rem;
  }
}

@media(max-width:767px){
  .mdh-pkg-hero{
    padding-top:3rem;
    padding-bottom:3.5rem;
  }

  .mdh-pkg-hero h1{
    font-size:clamp(2.25rem,11vw,3.2rem);
    line-height:1.03;
  }

  .mdh-pkg-card{
    padding:1.15rem;
  }

  .mdh-pkg-visual{
    padding:.8rem;
  }

  .mdh-pkg-visual-card{
    padding:1rem;
  }

  .mdh-pkg-compare-wrap{
    border-radius:14px;
  }

  .mdh-pkg-compare th,
  .mdh-pkg-compare td{
    padding:.8rem .7rem;
  }
}

@media(max-width:640px){
  .mdh-pkg-actions .mdh-btn{
    width:100%;
  }

  .mdh-pkg-grid,
  .mdh-pkg-grid3,
  .mdh-pkg-info-grid{
    grid-template-columns:1fr;
  }
}

@media(prefers-reduced-motion:reduce){
  .mdh-packages [data-mdh-reveal]{
    opacity:1;
    transform:none;
    transition:none;
  }
}
/* =========================================================
   Consistency refinements
   ========================================================= */

.mdh-packages .mdh-center{
  text-align:center;
}

.mdh-packages .mdh-center-inline{
  display:flex;
  justify-content:center;
}

.mdh-packages .mdh-section-tight-top{
  padding-top:0;
}

.mdh-packages .mdh-section-lead{
  max-width:780px;
}

.mdh-packages .mdh-section-title.mdh-center,
.mdh-packages .mdh-section-lead{
  margin-left:auto;
  margin-right:auto;
}

.mdh-packages .mdh-pkg-card .mdh-btn{
  margin-top:auto;
}

.mdh-packages .mdh-pkg-card.featured{
  transform:translateY(-3px);
}

.mdh-packages .mdh-pkg-card.featured:hover{
  transform:translateY(-7px);
}





/* Desktop */
.custom-scrollbar-track {
  display: none;
}

@media (max-width: 767px) {

  .table-container {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;

    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .table-container::-webkit-scrollbar {
    display: none;
  }

  .mdh-pkg-compare {
    min-width: 720px;
  }

  .custom-scrollbar-track {
    display: block;
    position: relative;
    width: 100%;
    height: 8px;
    margin-top: 12px;
    background: #ececec;
    border-radius: 999px;
  }

  .custom-scrollbar-thumb {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    min-width: 40px;
    background: #b5b5b5;
    border-radius: 999px;
    cursor: grab;
    touch-action: none;
  }

  .custom-scrollbar-thumb:active {
    cursor: grabbing;
  }
}