/* BAZAR Card Studio 2.4 — Full viewport home hero, fitted to the REAL v18 b9 slider.
   Scoped to the .bzh homepage; overlays and internal page headers are not touched. */
body.bcs2-hero-fullscreen-enabled {
  --bcs2-admin-space: 0px;
  --bcs2-normal-header-space: 78px;
  --bcs2-hero-footer-space: 80px;
}
/* Logged-in WP admin bar is outside the site's normal document flow. */
body.admin-bar.bcs2-hero-fullscreen-enabled { --bcs2-admin-space: 32px; }
body.bcs2-hero-fullscreen-enabled.bcs2-header-overlay-enabled { --bcs2-normal-header-space: 0px; }
@media (max-width: 980px) {
  body.bcs2-hero-fullscreen-enabled { --bcs2-normal-header-space: 70px; }
  body.bcs2-hero-fullscreen-enabled.bcs2-header-overlay-enabled { --bcs2-normal-header-space: 0px; }
}
@media (max-width: 782px) {
  body.admin-bar.bcs2-hero-fullscreen-enabled { --bcs2-admin-space: 46px; }
}
@media (max-width: 600px) {
  /* Below 600px WP's admin bar may be absolute instead of fixed; the
     reserved height still must be removed from the hero viewport budget. */
  body.admin-bar.bcs2-hero-fullscreen-enabled { --bcs2-admin-space: 46px; }
}
body.bcs2-hero-fullscreen-enabled .bzh .b9-hero,
body.bcs2-hero-fullscreen-enabled .bzh .b9-hero.b11-cinematic {
  --bcs2-hero-available: calc(100vh - var(--bcs2-admin-space) - var(--bcs2-normal-header-space));
  position: relative;
  width: 100%;
  height: var(--bcs2-hero-available) !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  overflow: hidden;
  box-sizing: border-box;
  isolation: isolate;
}
@supports (height:100svh) {
  body.bcs2-hero-fullscreen-enabled .bzh .b9-hero,
  body.bcs2-hero-fullscreen-enabled .bzh .b9-hero.b11-cinematic {
    --bcs2-hero-available: calc(100svh - var(--bcs2-admin-space) - var(--bcs2-normal-header-space));
  }
}
/* dvh tracks browser chrome expansion/collapse on phones without fixed px hacks. */
@supports (height:100dvh) {
  body.bcs2-hero-fullscreen-enabled .bzh .b9-hero,
  body.bcs2-hero-fullscreen-enabled .bzh .b9-hero.b11-cinematic {
    --bcs2-hero-available: calc(100dvh - var(--bcs2-admin-space) - var(--bcs2-normal-header-space));
  }
}
body.bcs2-hero-fullscreen-enabled .bzh .b9-hero .b9-slides,
body.bcs2-hero-fullscreen-enabled .bzh .b9-hero .b9-slide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  box-sizing: border-box;
}
body.bcs2-hero-fullscreen-enabled .bzh .b9-hero .b11-slide-picture,
body.bcs2-hero-fullscreen-enabled .bzh .b9-hero .b9-slide-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* Keep text away from the overlay navigation and the bottom slider controls. */
body.bcs2-hero-fullscreen-enabled .bzh .b9-hero .b9-slide-inner {
  position: relative;
  z-index: 2;
  height: 100%;
  min-height: 0 !important;
  max-height: 100%;
  box-sizing: border-box;
  padding-block-start: calc(clamp(70px, 12dvh, 118px) + env(safe-area-inset-top, 0px));
  padding-block-end: calc(var(--bcs2-hero-footer-space) + clamp(12px, 3dvh, 32px));
  display: flex;
  align-items: center;
}
body.bcs2-hero-fullscreen-enabled .bzh .b9-hero .b9-slide-content {
  max-height: 100%;
  min-height: 0;
  min-width: 0;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.4) transparent;
}
/* Footer controls stay within the bottom of the visual area (also on iOS). */
body.bcs2-hero-fullscreen-enabled .bzh .b9-hero .b9-hero-footer {
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  z-index: 4;
  box-sizing: border-box;
  height: calc(var(--bcs2-hero-footer-space) + env(safe-area-inset-bottom, 0px));
  padding-block-end: env(safe-area-inset-bottom, 0px);
}
body.bcs2-hero-fullscreen-enabled .bzh .b9-hero .b9-hero-footer-inner {
  min-height: var(--bcs2-hero-footer-space);
}
/* Avoid unreadably squeezed text in short laptop windows or landscape phones. */
@media (max-height: 660px) {
  body.bcs2-hero-fullscreen-enabled { --bcs2-hero-footer-space: 64px; }
  body.bcs2-hero-fullscreen-enabled .bzh .b9-hero .b9-slide-inner {
    padding-block-start: 78px;
    padding-block-end: 76px;
  }
  body.bcs2-hero-fullscreen-enabled .bzh .b9-hero .b9-slide-kicker { margin-bottom: 8px; }
  body.bcs2-hero-fullscreen-enabled .bzh .b9-hero .b9-slide-content :is(h1,h2) {
    font-size: clamp(25px, 4.2dvh, 45px);
    margin-block: 0 12px;
    line-height: 1.35;
  }
  body.bcs2-hero-fullscreen-enabled .bzh .b9-hero .b9-slide-actions { margin-block-start: 12px; }
  body.bcs2-hero-fullscreen-enabled .bzh .b9-hero .b9-hero-footer-inner { min-height:64px; }
}
@media (max-width: 760px) {
  body.bcs2-hero-fullscreen-enabled { --bcs2-hero-footer-space: 72px; }
  body.bcs2-hero-fullscreen-enabled .bzh .b9-hero .b9-slide-inner {
    padding-inline: clamp(17px, 5vw, 26px);
    padding-block-start: calc(clamp(85px, 12dvh, 112px) + env(safe-area-inset-top, 0px));
    padding-block-end: calc(84px + env(safe-area-inset-bottom, 0px));
  }
  body.bcs2-hero-fullscreen-enabled .bzh .b9-hero .b9-slide-content {
    width:100%; max-width:100%;
  }
  body.bcs2-hero-fullscreen-enabled .bzh .b9-hero .b9-hero-footer-inner { min-height:72px; }
}
@media (max-height: 480px) and (orientation: landscape) {
  body.bcs2-hero-fullscreen-enabled { --bcs2-hero-footer-space: 54px; }
  body.bcs2-hero-fullscreen-enabled .bzh .b9-hero .b9-slide-inner {
    padding-block-start: 56px;
    padding-block-end: 62px;
  }
  body.bcs2-hero-fullscreen-enabled .bzh .b9-hero .b9-hero-footer-inner {min-height:54px;}
}