/* Mary & Blake Website 2.0 — V85
   Potter hub destination-card repair.
   The V77 legacy #choose-your-path link rule collapsed the V82 cards.
   Rebuild as real image + content cards with explicit grid rows.
   Scope: public Harry Potter hub (page 35920) only.
   No changes to book/movie content cards, NerdClan, app or ads. */
body.mb2-site.page-id-35920 #mb2-main .mb2v82-hub-doors {
  display:block;
  width:100%;
  margin:24px 0 52px;
}
body.mb2-site.page-id-35920 #mb2-main .mb2v82-hub-doors .mb2v82-section-intro {
  margin-bottom:23px;
}
body.mb2-site.page-id-35920 #mb2-main .mb2v82-hub-doors .mb2v82-section-intro p {
  max-width:680px;
}
body.mb2-site.page-id-35920 #mb2-main .mb2v82-hub-doors > .mb2v82-doors-grid {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-rows:1fr;
  align-items:stretch;
  gap:18px!important;
  width:100%;
  min-width:0;
}
/* Overrides any old link/inline-button styles explicitly.
   A card must never shrink to a 44px CTA strip. */
body.mb2-site.page-id-35920 #mb2-main .mb2v82-hub-doors .mb2v82-doors-grid > a.mb2v82-card {
  display:grid!important;
  grid-template-rows:218px minmax(0,1fr);
  align-content:stretch;
  width:100%!important;
  height:auto!important;
  min-height:382px!important;
  max-width:100%!important;
  padding:0!important;
  margin:0!important;
  position:relative!important;
  align-items:stretch!important;
  box-sizing:border-box!important;
  overflow:hidden;
  border:1px solid #365361!important;
  border-radius:12px!important;
  background:#13222a!important;
  color:#eff7fa!important;
  text-decoration:none!important;
  box-shadow:0 9px 28px rgba(0,0,0,.13);
}
body.mb2-site.page-id-35920 #mb2-main .mb2v82-hub-doors .mb2v82-card-image {
  position:relative!important;
  inset:auto!important;
  width:100%;
  height:218px!important;
  grid-column:1;
  grid-row:1;
  overflow:hidden;
  display:block;
  background:#1e323b;
}
body.mb2-site.page-id-35920 #mb2-main .mb2v82-hub-doors .mb2v82-card-image img {
  display:block;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center 42%;
  filter:saturate(.9) brightness(.91);
}
body.mb2-site.page-id-35920 #mb2-main .mb2v82-hub-doors .mb2v82-door-hbo .mb2v82-card-image img {
  object-position:center 37%;
}
body.mb2-site.page-id-35920 #mb2-main .mb2v82-hub-doors .mb2v82-door-books .mb2v82-card-image img {
  object-position:center 45%;
}
body.mb2-site.page-id-35920 #mb2-main .mb2v82-hub-doors .mb2v82-door-podcast .mb2v82-card-image img {
  object-position:center 40%;
}
body.mb2-site.page-id-35920 #mb2-main .mb2v82-hub-doors .mb2v82-card-shade {
  display:none!important;
}
body.mb2-site.page-id-35920 #mb2-main .mb2v82-hub-doors .mb2v82-card-content {
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start;
  align-items:flex-start!important;
  gap:6px!important;
  position:relative!important;
  inset:auto!important;
  bottom:auto!important;
  grid-row:2;
  grid-column:1;
  padding:22px 25px 21px!important;
  box-sizing:border-box;
  min-width:0;
  background:#13232c;
  color:#f4f8fa!important;
  text-shadow:none!important;
}
body.mb2-site.page-id-35920 #mb2-main .mb2v82-hub-doors .mb2v82-card-content small {
  display:block!important;
  font:900 12px/1.45 Lato,Arial,sans-serif!important;
  letter-spacing:1.3px;
  color:#a4deec!important;
  text-transform:uppercase;
}
body.mb2-site.page-id-35920 #mb2-main .mb2v82-hub-doors .mb2v82-card-content strong {
  display:block!important;
  font:900 clamp(23px,2.4vw,31px)/1.17 Lato,Arial,sans-serif!important;
  letter-spacing:-.5px;
  color:#fff!important;
}
body.mb2-site.page-id-35920 #mb2-main .mb2v82-hub-doors .mb2v82-card-content > span {
  display:block!important;
  font:600 15px/1.5 Lato,Arial,sans-serif!important;
  color:#d6e3e8!important;
}
body.mb2-site.page-id-35920 #mb2-main .mb2v82-hub-doors .mb2v82-card-content em {
  display:inline-flex!important;
  align-items:center!important;
  gap:12px;
  margin-top:auto!important;
  padding-top:14px;
  min-height:36px;
  font:900 15px/1.35 Lato,Arial,sans-serif!important;
  color:#a4e4f2!important;
  font-style:normal!important;
}
body.mb2-site.page-id-35920 #mb2-main .mb2v82-hub-doors .mb2v82-doors-grid > a.mb2v82-card:hover {
  transform:translateY(-2px);
  border-color:#8dd3e4!important;
  background:#1b313c!important;
}
body.mb2-site.page-id-35920 #mb2-main .mb2v82-hub-doors .mb2v82-doors-grid > a.mb2v82-card:focus-visible {
  outline:3px solid #b0eaf5;
  outline-offset:3px;
}
/* The second HBO section stays distinct, but cannot inherit the old
   inline-CTA height restriction either. */
body.mb2-site.page-id-35920 #mb2-main .mb2v82-happening .mb2v82-hbo-grid > a.mb2v82-card {
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  width:100%;
  min-height:295px!important;
  height:auto;
  padding:0!important;
  position:relative;
}
body.mb2-site.page-id-35920 #mb2-main .mb2v82-happening .mb2v82-card-content {
  z-index:3;
}
@media(max-width:800px) {
  body.mb2-site.page-id-35920 #mb2-main .mb2v82-hub-doors > .mb2v82-doors-grid {
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  body.mb2-site.page-id-35920 #mb2-main .mb2v82-hub-doors .mb2v82-doors-grid > a.mb2v82-card {
    grid-template-rows:205px minmax(0,1fr);
    min-height:350px!important;
  }
  body.mb2-site.page-id-35920 #mb2-main .mb2v82-hub-doors .mb2v82-card-image {
    height:205px!important;
  }
  body.mb2-site.page-id-35920 #mb2-main .mb2v82-hub-doors .mb2v82-card-content {
    padding:19px 21px 19px!important;
  }
  body.mb2-site.page-id-35920 #mb2-main .mb2v82-hub-doors .mb2v82-card-content strong {
    font-size:26px!important;
  }
}
@media(max-width:440px) {
  body.mb2-site.page-id-35920 #mb2-main .mb2v82-hub-doors .mb2v82-doors-grid > a.mb2v82-card {
    grid-template-rows:182px minmax(0,1fr);
    min-height:333px!important;
  }
  body.mb2-site.page-id-35920 #mb2-main .mb2v82-hub-doors .mb2v82-card-image {
    height:182px!important;
  }
  body.mb2-site.page-id-35920 #mb2-main .mb2v82-hub-doors .mb2v82-card-content strong {
    font-size:24px!important;
  }
  body.mb2-site.page-id-35920 #mb2-main .mb2v82-happening .mb2v82-hbo-grid > a.mb2v82-card {
    min-height:290px!important;
  }
}
@media(prefers-reduced-motion:reduce) {
  body.mb2-site.page-id-35920 #mb2-main .mb2v82-hub-doors .mb2v82-doors-grid > a.mb2v82-card {
    transition:none!important;
    transform:none!important;
  }
}