/* Local finish pass: component geometry and states only. */
.media > .lv-media-note, .lv-inline-picture > .lv-media-note {
  position: absolute;
  inset: auto .75rem .75rem auto;
  width: auto;
  height: auto;
  max-width: calc(100% - 1.5rem);
  padding: .35rem .6rem;
  background: var(--color-primary);
  color: var(--color-neutral-100);
  font-family: var(--font-family-base);
  font-size: .65rem;
  line-height: 1.3;
  z-index: 2;
  pointer-events: none;
}
.media > .lv-inline-picture { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
.lv-inline-picture > img { display: block; width: 100%; height: 100%; object-fit: cover; }
/* The source .media > * rule otherwise stretches the video control over the hero. */
#Banner-louvano-hero .banner-media > .hero-video-toggle {
  inset: auto auto .75rem .75rem;
  width: 2.5rem;
  height: 2.5rem;
  max-width: 2.5rem;
  z-index: 6;
}
#Banner-louvano-hero .hero-video-toggle[hidden] { display: none; }
#Banner-louvano-hero .hero-video-toggle svg { position: static; width: .875rem; height: .875rem; }
.header-icons, cart-drawer, cart-notification, predictive-search { display: none !important; }
.footer a[hidden] { display: none !important; }
.planner-media { margin-top: var(--stacked-component-sm); }
.planner-step, #outline { scroll-margin-top: 7rem; }
.planner-card-image { margin: 1rem 0 1.25rem; }
header-drawer .header-icon-menu { display: flex; position: relative; width: 44px; height: 44px; align-items: center; justify-content: center; cursor: pointer; }
header-drawer .header-icon-menu > span { position: relative; display: block; width: 24px; height: 24px; }
.planner-media .media { aspect-ratio: 2.3256; }
@media (max-width: 749px) {
  #Banner-louvano-hero .banner-media > .hero-video-toggle {
    inset: auto auto .5rem .5rem;
    width: 2.125rem;
    height: 2.125rem;
  }
  .planner-media .media { aspect-ratio: 1.5; }
}