@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap');

.mdb-section{
  --mdb-card-bg:#fdfbf9;
  --mdb-card-border:#dde0e3;
  --mdb-card-shadow:0 8px 32px rgba(0,28,56,0.06);
  --mdb-card-radius:3px;

  --mdb-title-color:#001c38;
  --mdb-subtitle-color:#7d8892;

  --mdb-tab-color:#7d8892;
  --mdb-tab-hover-color:#0a131a;
  --mdb-tab-active-color:#001c38;
  --mdb-tab-active-border:#0083ce;
  --mdb-tab-divider:#dde0e3;

  --mdb-row-bg:#fdfbf9;
  --mdb-row-bg-hover:#e6f1fb;
  --mdb-row-border:#dde0e3;
  --mdb-row-border-hover:#0083ce;
  --mdb-row-radius:3px;

  --mdb-name-color:#001c38;
  --mdb-meta-color:#7d8892;
  --mdb-price-color:#001c38;
  --mdb-price-note-color:#7d8892;
  --mdb-strike-color:#7d8892;

  --mdb-accent:#0083ce;
  --mdb-accent-hover:#55aee8;

  --mdb-pkg-bg:#e0eef9;
  --mdb-pkg-border:#0083ce;

  --mdb-tag-bg:#0083ce;
  --mdb-tag-color:#fdfbf9;

  --mdb-banner-bg:#e0eef9;
  --mdb-banner-border:#0083ce;
  --mdb-banner-title-color:#001c38;
  --mdb-banner-sub-color:#404f5d;
  --mdb-banner-btn-color:#0083ce;
  --mdb-banner-btn-hover-bg:#0083ce;
  --mdb-banner-btn-hover-color:#fdfbf9;

  --mdb-card-max-width:560px;

  font-family:"DM Sans",ui-sans-serif,system-ui,sans-serif;
}
.mdb-section *,
.mdb-section *::before,
.mdb-section *::after{box-sizing:border-box;}

.mdb-widget{
  max-width:var(--mdb-card-max-width);
  margin:0 auto;
  background:var(--mdb-card-bg);
  border:1px solid var(--mdb-card-border);
  border-radius:var(--mdb-card-radius);
  box-shadow:var(--mdb-card-shadow);
  overflow:hidden;
}

/* Header */
.mdb-header{
  display:flex;align-items:center;justify-content:space-between;
  padding:1.5rem 2rem 1.1rem;
  gap:1rem;
}
.mdb-title{
  font-family:"Poppins",sans-serif;
  font-size:1.35rem;font-weight:500;
  color:var(--mdb-title-color);
}
.mdb-subtitle{
  font-size:0.75rem;
  color:var(--mdb-subtitle-color);
  letter-spacing:0.04em;
}

/* Tabs */
.mdb-tabs{
  display:flex;
  border-bottom:1px solid var(--mdb-tab-divider);
  padding:0 2rem;
}
.mdb-tab{
  flex:1;background:none;border:none;
  padding:0.85rem 0.4rem;
  font-size:0.78rem;font-weight:600;letter-spacing:0.04em;
  color:var(--mdb-tab-color);cursor:pointer;
  border-bottom:2px solid transparent;
  margin-bottom:-1px;
  transition:color 0.2s,border-color 0.2s;
  font-family:"DM Sans",ui-sans-serif,system-ui,sans-serif;
  text-align:center;
}
.mdb-tab.mdb-active{color:var(--mdb-tab-active-color);border-bottom-color:var(--mdb-tab-active-border);}
.mdb-tab:not(.mdb-active):hover{color:var(--mdb-tab-hover-color);}

/* Body & panels */
.mdb-body{padding:1.5rem 2rem;}
.mdb-panel{display:none;flex-direction:column;gap:0.75rem;}
.mdb-panel.mdb-active{display:flex;}

/* Row (regular session) */
.mdb-row{
  display:flex;align-items:center;justify-content:space-between;
  padding:1rem 1.2rem;
  background:var(--mdb-row-bg);
  border:1.5px solid var(--mdb-row-border);
  border-radius:var(--mdb-row-radius);
  transition:border-color 0.2s,background 0.2s;
  cursor:pointer;
  gap:1rem;
}
.mdb-row:hover{border-color:var(--mdb-row-border-hover);background:var(--mdb-row-bg-hover);}
.mdb-row.mdb-row--reference{cursor:default;}
.mdb-row.mdb-row--reference:hover{border-color:var(--mdb-row-border);background:var(--mdb-row-bg);}

.mdb-name{font-family:"Poppins",sans-serif;font-size:1rem;font-weight:500;color:var(--mdb-name-color);}
.mdb-meta{font-size:0.78rem;color:var(--mdb-meta-color);margin-top:0.1rem;}
.mdb-price{
  font-family:"Poppins",sans-serif;
  font-size:1.15rem;font-weight:600;
  color:var(--mdb-price-color);
}
.mdb-price--strike{
  color:var(--mdb-strike-color);
  text-decoration:line-through;
  font-size:0.95rem;
}
.mdb-price-note{font-size:0.7rem;color:var(--mdb-price-note-color);text-align:right;margin-top:0.1rem;}
.mdb-book{
  display:inline-flex;align-items:center;gap:0.4rem;
  font-size:0.75rem;color:var(--mdb-accent);
  margin-left:1rem;
  white-space:nowrap;
  text-decoration:none;
  transition:color 0.2s;
}
.mdb-book:hover{color:var(--mdb-accent-hover);}
.mdb-book svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2;}

.mdb-row-right{display:flex;align-items:center;}
.mdb-row-prices{text-align:right;}

/* Highlighted package row */
.mdb-pkg{
  background:var(--mdb-pkg-bg);
  border:1.5px solid var(--mdb-pkg-border);
  border-radius:var(--mdb-row-radius);
  padding:1.2rem 1.4rem;
  display:flex;align-items:center;justify-content:space-between;
  gap:1rem;
}
.mdb-tag{
  display:inline-flex;align-items:center;
  font-size:0.65rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;
  background:var(--mdb-tag-bg);color:var(--mdb-tag-color);
  padding:0.2rem 0.55rem;border-radius:2px;margin-top:0.3rem;
}
.mdb-saving{font-size:0.78rem;color:var(--mdb-accent);font-weight:500;margin-top:0.15rem;}

/* Footer banner */
.mdb-footer{padding:0 2rem 1.5rem;}
.mdb-banner{
  display:flex;align-items:center;gap:1rem;
  background:var(--mdb-banner-bg);
  padding:1.1rem 1.4rem;
  border-radius:var(--mdb-row-radius);
  border-left:3px solid var(--mdb-banner-border);
}
.mdb-banner-icon{flex-shrink:0;display:inline-flex;color:var(--mdb-accent);}
.mdb-banner-icon svg,
.mdb-banner-icon i{width:22px;height:22px;font-size:22px;}
.mdb-banner-icon svg [stroke]:not([stroke="none"]):not([stroke="transparent"]),
.mdb-banner-icon svg[stroke]:not([stroke="none"]):not([stroke="transparent"]){stroke:currentColor;}
.mdb-banner-icon svg [fill]:not([fill="none"]):not([fill="transparent"]),
.mdb-banner-icon svg[fill]:not([fill="none"]):not([fill="transparent"]){fill:currentColor;}
.mdb-banner-body{flex:1;}
.mdb-banner-title{
  font-family:"Poppins",sans-serif;
  font-size:0.95rem;font-weight:600;
  color:var(--mdb-banner-title-color);
  margin-bottom:0.1rem;
}
.mdb-banner-sub{font-size:0.8rem;color:var(--mdb-banner-sub-color);}
.mdb-banner-btn{
  display:inline-flex;align-items:center;gap:0.4rem;
  font-size:0.72rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;
  color:var(--mdb-banner-btn-color);
  white-space:nowrap;
  border:1px solid var(--mdb-banner-btn-color);
  padding:0.4rem 0.9rem;border-radius:2px;
  transition:background 0.2s,color 0.2s;
  text-decoration:none;
}
.mdb-banner-btn svg{width:10px;height:10px;stroke:currentColor;fill:none;stroke-width:2.5;}
.mdb-banner-btn:hover{
  background:var(--mdb-banner-btn-hover-bg);
  color:var(--mdb-banner-btn-hover-color);
}

/* Reveal */
.mdb-reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease;}
.mdb-reveal.mdb-visible{opacity:1;transform:translateY(0);}

@media (max-width:540px){
  .mdb-header,.mdb-tabs,.mdb-body,.mdb-footer{padding-left:1.25rem;padding-right:1.25rem;}
  .mdb-pkg,.mdb-row{flex-wrap:wrap;}
}
@media (prefers-reduced-motion:reduce){
  .mdb-section *{transition:none !important;animation:none !important;}
  .mdb-reveal{opacity:1;transform:none;}
}