/* =========================================================
   BC HOME HERO v21.2 — shell contract with promo inside hero
   ========================================================= */

:root {
  --bc-home-shell-max-v212: 1440px;
  --bc-home-promo-h-v212: var(--bc-home-promo-height, clamp(38px, 2.92vw, 42px));
}

/* Tablet + desktop: hero = body + promo footer */
@media (min-width: 641px) {
  #brxe-gdmvhf {
    --bc-home-header-offset-v212: 128px;
    --bc-home-shell-h-v212: calc(100svh - var(--bc-home-header-offset-v212));

    display: flex !important;
    flex-direction: column !important;

    height: var(--bc-home-shell-h-v212) !important;
    min-height: var(--bc-home-shell-h-v212) !important;
    max-height: var(--bc-home-shell-h-v212) !important;

    overflow: hidden !important;
  }

  #brxe-vvoiun {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;

    width: 100% !important;
    max-width: min(100%, var(--bc-home-shell-max-v212)) !important;
    margin-left: auto !important;
    margin-right: auto !important;

    overflow: hidden !important;
  }

  #brxe-cynvfs {
    flex: 0 0 var(--bc-home-promo-h-v212) !important;
    height: var(--bc-home-promo-h-v212) !important;
    min-height: var(--bc-home-promo-h-v212) !important;
    max-height: var(--bc-home-promo-h-v212) !important;
    width: 100% !important;
  }

  #brxe-cynvfs .bc-promo-bar,
  #brxe-cynvfs .bc-promo-inner {
    height: 100% !important;
    min-height: 100% !important;
  }
}

/* Desktop header height */
@media (min-width: 1200px) {
  #brxe-gdmvhf {
    --bc-home-header-offset-v212: 148px;
  }

  #brxe-vvoiun {
    max-width: var(--bc-home-shell-max-v212) !important;
  }
}

/* Small laptop / tablet landscape */
@media (min-width: 900px) and (max-width: 1199px) {
  #brxe-gdmvhf {
    --bc-home-header-offset-v212: 118px;
    --bc-home-promo-h-v212: 36px;
  }
}

/* Narrow tablets */
@media (min-width: 641px) and (max-width: 899px) {
  #brxe-gdmvhf {
    --bc-home-header-offset-v212: 104px;
    --bc-home-promo-h-v212: 34px;
  }
}

/* Two-column modes only: stretch image to hero body, not beyond */
@media (min-width: 900px), (min-width: 641px) and (orientation: landscape) {
  #brxe-vvoiun {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  #brxe-zuduxh {
    align-self: stretch !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
    display: flex !important;
  }

  #brxe-xiqidv,
  #brxe-zuduxh .bc-hero-image {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    display: block !important;
  }

  #brxe-zuduxh img {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: 50% 24% !important;
    display: block !important;
  }
}

/* Low viewport: compact vertical rhythm, but keep promo inside hero */
@media (min-width: 900px) and (max-height: 820px) {
  #brxe-gdmvhf {
    --bc-home-promo-h-v212: 38px;
    --bc-home-hero-left-width: clamp(500px, 41vw, 590px);
    --bc-home-hero-title-size: clamp(34px, 2.55vw, 39px);
    --bc-home-hero-subtitle-size: clamp(19px, 1.45vw, 23px);
    --bc-home-hero-gap-title: clamp(10px, 1vw, 14px);
    --bc-home-hero-gap-cta: clamp(16px, 1.45vw, 22px);
    --bc-home-hero-gap-helper: clamp(12px, 1vw, 16px);
    --bc-home-hero-gap-rating: clamp(12px, 1vw, 16px);
    --bc-home-hero-cta-height: clamp(46px, 3.3vw, 50px);
    --bc-home-hero-cta-arrow-size: clamp(28px, 2.1vw, 32px);
  }

  #brxe-okhmhv {
    padding-top: clamp(18px, 2.4vh, 28px) !important;
    padding-bottom: clamp(16px, 2.2vh, 26px) !important;
  }

  #brxe-okhmhv .bc-hero-title,
  #brxe-ufxhaj {
    line-height: 1.32 !important;
  }

  #brxe-okhmhv .bc-hero-tagline,
  #brxe-kjqkgy {
    line-height: 1.34 !important;
  }

  #brxe-ilxast {
    margin-bottom: var(--bc-home-hero-gap-rating) !important;
  }

  #brxe-okhmhv .bc-hero-rating,
  #brxe-qqhgzn {
    margin-bottom: 0 !important;
  }

  #brxe-zuduxh img {
    object-position: 50% 22% !important;
  }
}

/* Tall desktop/tablet: allow more elegant crop */
@media (min-width: 900px) and (min-height: 821px) {
  #brxe-zuduxh img {
    object-position: 50% 30% !important;
  }
}

/* Ultrawide: body stops growing forever, promo can remain full width */
@media (min-width: 1600px) {
  #brxe-vvoiun {
    max-width: var(--bc-home-shell-max-v212) !important;
  }
}

/* Phones: leave v21 mobile behavior mostly intact */
@media (max-width: 640px) {
  #brxe-gdmvhf {
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    display: block !important;
    overflow: visible !important;
  }
}

/* =========================================================
   BC HOME HERO v21.3 — micro tuning after visual review
   ========================================================= */

/* Phones: slightly shorter image so promo has a chance above sticky CTA */
@media (max-width: 640px) {
  #brxe-zuduxh {
    height: clamp(225px, 34svh, 310px) !important;
    max-height: clamp(225px, 34svh, 310px) !important;
  }

  #brxe-zuduxh img {
    object-position: 50% 30% !important;
  }

  #brxe-cynvfs .bc-promo-bar,
  #brxe-cynvfs .bc-promo-inner {
    height: 32px !important;
    min-height: 32px !important;
  }
}

/* Very narrow phones: save a bit more vertical space */
@media (max-width: 360px) and (max-height: 820px) {
  #brxe-zuduxh {
    height: clamp(205px, 31svh, 260px) !important;
    max-height: clamp(205px, 31svh, 260px) !important;
  }

  #brxe-okhmhv {
    padding-bottom: 12px !important;
  }
}

/* Narrow tablet / 768-ish compact view: promo a little higher, CTA block a touch lower */
@media (min-width: 641px) and (max-width: 899px) and (max-height: 650px) {
  #brxe-gdmvhf {
    --bc-home-header-offset-v212: 116px;
    --bc-home-promo-h-v212: 36px;
  }

  #brxe-okhmhv {
    padding-top: clamp(28px, 5vh, 40px) !important;
    padding-bottom: 16px !important;
  }

  #brxe-zuduxh img {
    object-position: 50% 20% !important;
  }
}

/* Desktop low-height: more breathing from menu, promo slightly lower, head lower */
@media (min-width: 1200px) and (max-height: 820px) {
  #brxe-gdmvhf {
    --bc-home-header-offset-v212: 134px;
    --bc-home-promo-h-v212: 38px;
  }

  #brxe-okhmhv {
    padding-top: clamp(28px, 4.5vh, 42px) !important;
  }

  #brxe-zuduxh img {
    object-position: 50% 18% !important;
  }
}

/* Wide / ultrawide: prevent huge right image column, give left column more dignity */
@media (min-width: 1600px) {
  #brxe-gdmvhf {
    --bc-home-header-offset-v212: 132px;
    --bc-home-shell-max-v212: 1680px;
    --bc-home-hero-left-width: clamp(620px, 31vw, 720px);
  }

  #brxe-vvoiun {
    width: min(100%, 1680px) !important;
    max-width: 1680px !important;
  }

  #brxe-okhmhv {
    width: var(--bc-home-hero-left-width) !important;
    max-width: var(--bc-home-hero-left-width) !important;
    flex: 0 0 var(--bc-home-hero-left-width) !important;
    padding-left: clamp(56px, 4vw, 86px) !important;
  }

  #brxe-zuduxh img {
    object-position: 50% 16% !important;
  }
}

/* Very wide screens: hard cap the working hero body */
@media (min-width: 2200px) {
  #brxe-vvoiun {
    width: min(100%, 1720px) !important;
    max-width: 1720px !important;
  }

  #brxe-gdmvhf {
    --bc-home-hero-left-width: clamp(660px, 29vw, 760px);
  }
}

/* =========================================================
   BC HOME HERO v21.4 — mobile crop + desktop/ultrawide tuning
   ========================================================= */

/* Mobile: krótszy obraz, ale kadr od góry — nie ucinać głowy */
@media (max-width: 640px) {
  #brxe-zuduxh {
    height: clamp(210px, 33svh, 300px) !important;
    max-height: clamp(210px, 33svh, 300px) !important;
  }

  #brxe-zuduxh img {
    object-position: 50% 0% !important;
  }
}

/* Bardzo niskie mobile: jeszcze ostrożniej z kadrem */
@media (max-width: 430px) and (max-height: 650px) {
  #brxe-zuduxh {
    height: clamp(195px, 31svh, 260px) !important;
    max-height: clamp(195px, 31svh, 260px) !important;
  }

  #brxe-zuduxh img {
    object-position: 50% 0% !important;
  }
}

/* Desktop 1200–1599: lekko większy oddech od menu, blok CTA niżej, pasek niżej */
@media (min-width: 1200px) and (max-width: 1599px) and (max-height: 850px) {
  #brxe-gdmvhf {
    --bc-home-header-offset-v212: 124px;
  }

  #brxe-okhmhv {
    padding-top: clamp(34px, 5vh, 48px) !important;
  }

  #brxe-zuduxh img {
    object-position: 50% 14% !important;
  }
}

/* Ultrawide: prawa kolumna nie może rosnąć jak billboard */
@media (min-width: 1600px) {
  #brxe-gdmvhf {
    --bc-home-shell-max-v212: 1520px;
    --bc-home-hero-left-width: clamp(600px, 34vw, 680px);
    --bc-home-header-offset-v212: 124px;
  }

  #brxe-vvoiun {
    width: min(100%, 1520px) !important;
    max-width: 1520px !important;
  }

  #brxe-okhmhv {
    width: var(--bc-home-hero-left-width) !important;
    max-width: var(--bc-home-hero-left-width) !important;
    flex: 0 0 var(--bc-home-hero-left-width) !important;
    padding-left: clamp(54px, 4vw, 82px) !important;
    padding-top: clamp(34px, 4.2vh, 52px) !important;
  }

  #brxe-zuduxh {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  #brxe-zuduxh img {
    object-position: 50% 10% !important;
  }
}

/* Bardzo szerokie ekrany: twardy limit */
@media (min-width: 2200px) {
  #brxe-vvoiun {
    width: min(100%, 1500px) !important;
    max-width: 1500px !important;
  }

  #brxe-gdmvhf {
    --bc-home-hero-left-width: clamp(620px, 31vw, 700px);
  }
}

/* =========================================================
   BC HOME HERO v21.5 — desktop spacing + ultrawide left column
   ========================================================= */

/* 1440-ish desktop: more air below menu and CTA block slightly lower */
@media (min-width: 1200px) and (max-width: 1599px) and (max-height: 900px) {
  #brxe-okhmhv {
    padding-top: clamp(42px, 5.6vh, 58px) !important;
  }

  /* większy oddech PO podtytule, ale bez rozpychania odstępu między buttonami */
  #brxe-nvibow {
    margin-top: clamp(26px, 2.4vw, 34px) !important;
    margin-bottom: clamp(10px, 1vw, 14px) !important;
  }

  #brxe-fzehna {
    margin-top: 0 !important;
    margin-bottom: clamp(22px, 2vw, 30px) !important;
  }

  #brxe-ilxast {
    margin-top: 0 !important;
  }

  #brxe-zuduxh img {
    object-position: 50% 16% !important;
  }
}

/* 1600+ / ultrawide: wider left column, CTA/content lower */
@media (min-width: 1600px) {
  #brxe-gdmvhf {
    --bc-home-shell-max-v212: 1640px;
    --bc-home-hero-left-width: clamp(740px, 34vw, 860px);
  }

  #brxe-vvoiun {
    width: min(100%, 1640px) !important;
    max-width: 1640px !important;
  }

  #brxe-okhmhv {
    width: var(--bc-home-hero-left-width) !important;
    max-width: var(--bc-home-hero-left-width) !important;
    flex: 0 0 var(--bc-home-hero-left-width) !important;
    padding-left: clamp(72px, 4.5vw, 110px) !important;
    padding-top: clamp(54px, 5.4vh, 78px) !important;
  }

  #brxe-okhmhv .bc-hero-title,
  #brxe-ufxhaj {
    font-size: clamp(34px, 2vw, 46px) !important;
    line-height: 1.34 !important;
  }

  #brxe-nvibow {
    margin-top: clamp(26px, 2vw, 38px) !important;
    margin-bottom: clamp(10px, 0.9vw, 14px) !important;
  }

  #brxe-fzehna {
    margin-top: 0 !important;
    margin-bottom: clamp(22px, 1.6vw, 32px) !important;
  }

  #brxe-ilxast {
    margin-top: 0 !important;
  }

  #brxe-zuduxh img {
    object-position: 50% 13% !important;
  }
}

/* Very wide: keep same visual logic, do not let the right column dominate */
@media (min-width: 2200px) {
  #brxe-vvoiun {
    width: min(100%, 1660px) !important;
    max-width: 1660px !important;
  }

  #brxe-gdmvhf {
    --bc-home-hero-left-width: clamp(780px, 32vw, 900px);
  }
}

/* =========================================================
   BC HOME HERO v21.6 — phone landscape safety
   ========================================================= */

/*
   Phone landscape has too little vertical space.
   Do not force full hero height here; allow natural scroll.
*/
@media (max-width: 950px) and (max-height: 500px) and (orientation: landscape) {
  #brxe-gdmvhf {
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    display: block !important;
  }

  #brxe-vvoiun {
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    align-items: center !important;
  }

  #brxe-okhmhv {
    padding-top: clamp(12px, 3svh, 20px) !important;
    padding-bottom: clamp(10px, 3svh, 18px) !important;
  }

  #brxe-okhmhv .bc-hero-title,
  #brxe-ufxhaj {
    font-size: clamp(24px, 5vw, 34px) !important;
    line-height: 1.18 !important;
    margin-bottom: 8px !important;
  }

  #brxe-okhmhv .bc-hero-tagline,
  #brxe-kjqkgy {
    font-size: clamp(12px, 2.4vw, 15px) !important;
    line-height: 1.3 !important;
    margin-bottom: 10px !important;
  }

  #brxe-okhmhv .bc-btn-primary,
  #brxe-okhmhv .bc-btn-outline {
    height: 34px !important;
  }

  #brxe-zuduxh {
    height: clamp(150px, 42svh, 220px) !important;
    max-height: clamp(150px, 42svh, 220px) !important;
    overflow: hidden !important;
  }

  #brxe-zuduxh img {
    object-position: 50% 0% !important;
  }

  #brxe-cynvfs,
  #brxe-cynvfs .bc-promo-bar,
  #brxe-cynvfs .bc-promo-inner {
    height: 30px !important;
    min-height: 30px !important;
  }
}

/* =========================================================
   BC HOME HERO v21.8 — promo dots + tablet portrait flow
   ========================================================= */

/* Promo ticker: wymuś pojedynczy separator, bez podwójnych kropek */
.bc-promo-dot {
  font-size: 0 !important;
  line-height: 0 !important;
  width: 6px !important;
  height: 6px !important;
  min-width: 6px !important;
  min-height: 6px !important;
  border-radius: 999px !important;
  display: inline-block !important;
  flex: 0 0 6px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  margin-left: clamp(18px, 2vw, 28px) !important;
  margin-right: clamp(18px, 2vw, 28px) !important;
  vertical-align: middle !important;
}

.bc-promo-dot::before,
.bc-promo-dot::after {
  content: none !important;
  display: none !important;
}

/* gdyby Bricks/JS wygenerował dwie kropki obok siebie */
.bc-promo-dot + .bc-promo-dot {
  display: none !important;
}

/* pierwsza i ostatnia kropka nie powinny wisieć na krawędziach marquee */
.bc-promo-marquee > .bc-promo-dot:first-child,
.bc-promo-marquee > .bc-promo-dot:last-child {
  display: none !important;
}


/* Tablet portrait:
   Nie trzymamy hero na sztywnej wysokości viewportu.
   Promo ma iść naturalnie pod zdjęciem, bez wielkiej pustej plamy.
*/
@media (min-width: 641px) and (max-width: 1024px) and (orientation: portrait) {
  #brxe-gdmvhf {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    display: block !important;
  }

  #brxe-vvoiun {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  #brxe-okhmhv {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    padding-bottom: clamp(18px, 3svh, 30px) !important;
  }

  #brxe-zuduxh {
    width: 100% !important;
    flex: 0 0 auto !important;
    height: clamp(330px, 46svh, 520px) !important;
    max-height: clamp(330px, 46svh, 520px) !important;
    overflow: hidden !important;
  }

  #brxe-xiqidv,
  #brxe-zuduxh .bc-hero-image {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
  }

  #brxe-zuduxh img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 50% 18% !important;
    display: block !important;
  }

  #brxe-cynvfs {
    height: var(--bc-home-promo-h-v212, 34px) !important;
    min-height: var(--bc-home-promo-h-v212, 34px) !important;
    max-height: var(--bc-home-promo-h-v212, 34px) !important;
  }

  #brxe-cynvfs .bc-promo-bar,
  #brxe-cynvfs .bc-promo-inner {
    height: 100% !important;
    min-height: 100% !important;
  }
}

/* Węższe tablety pionowo — trochę niższy obraz, żeby szybciej pojawił się ticker */
@media (min-width: 641px) and (max-width: 820px) and (orientation: portrait) {
  #brxe-zuduxh {
    height: clamp(300px, 42svh, 460px) !important;
    max-height: clamp(300px, 42svh, 460px) !important;
  }

  #brxe-zuduxh img {
    object-position: 50% 12% !important;
  }
}

/* =========================================================
   BC HOME HERO v21.9 — phone landscape two-column safety
   ========================================================= */

/*
   Phone landscape must stay two-column.
   Let the hero grow naturally instead of clipping content to viewport height.
*/
@media (max-width: 950px) and (max-height: 500px) and (orientation: landscape) {
  #brxe-gdmvhf {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    display: block !important;
  }

  #brxe-vvoiun {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
  }

  #brxe-okhmhv {
    width: 46% !important;
    max-width: 46% !important;
    flex: 0 0 46% !important;
    min-width: 0 !important;

    padding-top: clamp(10px, 2.6svh, 16px) !important;
    padding-bottom: clamp(8px, 2.4svh, 14px) !important;
    padding-left: clamp(18px, 4.4vw, 34px) !important;
    padding-right: clamp(14px, 3.2vw, 26px) !important;
  }

  #brxe-zuduxh {
    width: 54% !important;
    max-width: 54% !important;
    flex: 0 0 54% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: clamp(190px, 58svh, 290px) !important;
    max-height: none !important;
    overflow: hidden !important;
    align-self: stretch !important;
    display: flex !important;
  }

  #brxe-xiqidv,
  #brxe-zuduxh .bc-hero-image {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
  }

  #brxe-zuduxh img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 50% 10% !important;
    display: block !important;
  }

  #brxe-okhmhv .bc-hero-title,
  #brxe-ufxhaj {
    font-size: clamp(22px, 4.2vw, 31px) !important;
    line-height: 1.12 !important;
    margin-bottom: 6px !important;
  }

  #brxe-okhmhv .bc-hero-tagline,
  #brxe-kjqkgy {
    font-size: clamp(11px, 2vw, 14px) !important;
    line-height: 1.22 !important;
    margin-bottom: 8px !important;
  }

  #brxe-nvibow {
    margin-top: clamp(8px, 1.7svh, 12px) !important;
    margin-bottom: 6px !important;
  }

  #brxe-fzehna {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
  }

  #brxe-ilxast {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
  }

  #brxe-okhmhv .bc-hero-desc,
  #brxe-ilxast {
    font-size: clamp(10px, 1.8vw, 12px) !important;
    line-height: 1.25 !important;
  }

  #brxe-okhmhv .bc-btn-primary,
  #brxe-okhmhv .bc-btn-outline {
    min-height: 30px !important;
    height: 30px !important;
    padding: 4px 5px 4px 14px !important;
    gap: 10px !important;
    font-size: clamp(10px, 1.8vw, 12px) !important;
    line-height: 1 !important;
    letter-spacing: 0.5px !important;
    white-space: nowrap !important;
  }

  #brxe-okhmhv .bc-btn-circle {
    width: 22px !important;
    height: 22px !important;
  }

  #brxe-okhmhv .bc-star-icon {
    width: 16px !important;
  }

  #brxe-okhmhv .bc-hero-rating,
  #brxe-qqhgzn .bc-hero-rating {
    gap: 6px !important;
    align-items: center !important;
  }

  #brxe-okhmhv .bc-hero-rating span,
  #brxe-qqhgzn span {
    font-size: clamp(10px, 1.8vw, 12px) !important;
    line-height: 1.2 !important;
  }

  #brxe-cynvfs {
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    overflow: hidden !important;
  }

  #brxe-cynvfs .bc-promo-bar,
  #brxe-cynvfs .bc-promo-inner {
    height: 100% !important;
    min-height: 100% !important;
  }
}

/* =========================================================
   BC HOME HERO v22.9 — final mobile portrait refactor
   Scope: homepage phone portrait only. No BC Media / desktop changes.
   ========================================================= */

@media (max-width: 640px) and (orientation: portrait) {
  body.home #brxe-gdmvhf {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    display: block !important;
    padding: 0 !important;
    background: #F7F4EF !important;
  }

  body.home #brxe-vvoiun {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.home #brxe-okhmhv {
    display: contents !important;
  }

  body.home #brxe-ufxhaj {
    order: 1 !important;
    width: 100% !important;
    max-width: none !important;
    padding: clamp(18px, 5vw, 24px) 10px 0 !important;
    margin: 0 auto 7px !important;
    white-space: nowrap !important;
    text-align: center !important;
    font-size: clamp(24px, 6.45vw, 30px) !important;
    line-height: 1.12 !important;
    letter-spacing: -0.025em !important;
  }

  body.home #brxe-ufxhaj br {
    display: block !important;
  }

  body.home #brxe-kjqkgy {
    order: 2 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto 11px !important;
    padding: 0 8px !important;
    white-space: nowrap !important;
    text-align: center !important;
    font-size: clamp(12.5px, 3.35vw, 14.5px) !important;
    line-height: 1.22 !important;
    letter-spacing: 0.005em !important;
  }

  body.home #brxe-zuduxh {
    order: 3 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: clamp(265px, 36svh, 345px) !important;
    max-height: clamp(265px, 36svh, 345px) !important;
    flex: 0 0 auto !important;
    align-self: center !important;
    overflow: hidden !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    margin-bottom: clamp(18px, 5vw, 24px) !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: clamp(105px, 30vw, 155px) !important;
  }

  body.home #brxe-xiqidv,
  body.home #brxe-zuduxh .bc-hero-image {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
  }

  body.home #brxe-zuduxh img,
  body.home #brxe-xiqidv img.bc-media-image {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: 50% 14% !important;
    display: block !important;
    border-radius: 0 !important;
  }

  body.home #brxe-nvibow,
  body.home #brxe-fzehna,
  body.home #brxe-ilxast,
  body.home #brxe-qqhgzn {
    align-self: center !important;
    justify-self: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.home #brxe-nvibow,
  body.home #brxe-fzehna {
    display: flex !important;
    justify-content: center !important;
    width: min(62vw, 248px) !important;
    max-width: 248px !important;
    padding: 0 !important;
  }

  body.home #brxe-nvibow {
    order: 4 !important;
    margin-bottom: 7px !important;
  }

  body.home #brxe-fzehna {
    order: 5 !important;
    margin-bottom: 8px !important;
  }

  body.home #brxe-nvibow .bc-btn-primary,
  body.home #brxe-fzehna .bc-btn-outline {
    position: relative !important;
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 34px !important;
    min-height: 34px !important;
    padding-left: 32px !important;
    padding-right: 32px !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    border-radius: 999px !important;
  }

  body.home #brxe-nvibow .bc-btn-primary > span:first-child,
  body.home #brxe-fzehna .bc-btn-outline > span:first-child {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
  }

  body.home #brxe-nvibow .bc-btn-primary > span:first-child {
    font-size: 10.5px !important;
    line-height: 1 !important;
    letter-spacing: 0.075em !important;
  }

  body.home #brxe-fzehna .bc-btn-outline > span:first-child {
    font-size: 10px !important;
    line-height: 1 !important;
    letter-spacing: 0.045em !important;
  }

  body.home #brxe-nvibow .bc-btn-circle,
  body.home #brxe-fzehna .bc-btn-circle {
    position: absolute !important;
    right: 5px !important;
    top: 50% !important;
    width: 23px !important;
    height: 23px !important;
    transform: translateY(-50%) !important;
  }

  body.home #brxe-ilxast {
    order: 6 !important;
    display: block !important;
    width: min(68vw, 265px) !important;
    max-width: 265px !important;
    margin-bottom: 6px !important;
    padding: 0 !important;
    text-align: center !important;
    text-align-last: center !important;
    font-size: clamp(12.5px, 3.35vw, 14px) !important;
    line-height: 1.28 !important;
  }

  body.home #brxe-qqhgzn {
    order: 7 !important;
    display: flex !important;
    width: min(68vw, 265px) !important;
    max-width: 265px !important;
    margin-bottom: 10px !important;
    padding: 0 !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body.home #brxe-qqhgzn .bc-hero-rating {
    width: 100% !important;
    justify-content: center !important;
    gap: 7px !important;
    text-align: center !important;
  }

  body.home #brxe-qqhgzn .bc-star-icon {
    width: 16px !important;
    height: auto !important;
  }

  body.home #brxe-qqhgzn span {
    font-size: 12.5px !important;
    line-height: 1.2 !important;
  }

  body.home #brxe-cynvfs,
  body.home #brxe-cynvfs .bc-promo-bar,
  body.home #brxe-cynvfs .bc-promo-inner {
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
  }

  body.home #brxe-chatfb.bc-chat-float {
    position: fixed !important;
    right: 12px !important;
    bottom: 255px !important;
    z-index: 80 !important;
  }
}

@media (max-width: 370px) and (orientation: portrait) {
  body.home #brxe-ufxhaj {
    font-size: clamp(22px, 6.15vw, 27px) !important;
    padding-top: 16px !important;
  }

  body.home #brxe-kjqkgy {
    font-size: 11.6px !important;
  }

  body.home #brxe-zuduxh {
    height: clamp(245px, 34svh, 315px) !important;
    max-height: clamp(245px, 34svh, 315px) !important;
    border-bottom-left-radius: clamp(90px, 28vw, 135px) !important;
  }

  body.home #brxe-nvibow,
  body.home #brxe-fzehna {
    width: min(66vw, 240px) !important;
    max-width: 240px !important;
  }

  body.home #brxe-ilxast,
  body.home #brxe-qqhgzn {
    width: min(72vw, 255px) !important;
    max-width: 255px !important;
  }

  body.home #brxe-ilxast {
    font-size: 12px !important;
  }

  body.home #brxe-qqhgzn span {
    font-size: 12px !important;
  }

  body.home #brxe-chatfb.bc-chat-float {
    bottom: 245px !important;
  }
}

/* =========================================================
   BC HOME HERO v23.2 — final tablet portrait refactor
   Scope: homepage tablet portrait only. Phone mobile handled separately.
   ========================================================= */

@media (min-width: 641px) and (max-width: 1024px) and (orientation: portrait) {
  body.home #brxe-gdmvhf {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    display: block !important;
    padding: 0 !important;
    background: #F7F4EF !important;
  }

  body.home #brxe-vvoiun {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.home #brxe-okhmhv {
    display: contents !important;
  }

  body.home #brxe-ufxhaj {
    order: 1 !important;
    align-self: center !important;
    justify-self: center !important;
    box-sizing: border-box !important;
    width: min(92vw, 760px) !important;
    max-width: min(92vw, 760px) !important;
    margin: 0 auto 10px !important;
    padding: clamp(26px, 4vw, 42px) 0 0 !important;
    text-align: center !important;
    text-align-last: center !important;
    white-space: normal !important;
    font-size: clamp(36px, 5vw, 56px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.03em !important;
  }

  body.home #brxe-ufxhaj br {
    display: none !important;
  }

  body.home #brxe-kjqkgy {
    order: 2 !important;
    align-self: center !important;
    justify-self: center !important;
    box-sizing: border-box !important;
    width: min(92vw, 620px) !important;
    max-width: min(92vw, 620px) !important;
    margin: 0 auto clamp(18px, 3vw, 28px) !important;
    padding: 0 !important;
    text-align: center !important;
    text-align-last: center !important;
    white-space: nowrap !important;
    font-size: clamp(17px, 2.35vw, 22px) !important;
    line-height: 1.25 !important;
    letter-spacing: 0.005em !important;
  }

  body.home #brxe-zuduxh {
    order: 3 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: clamp(430px, 48svh, 620px) !important;
    max-height: clamp(430px, 48svh, 620px) !important;
    flex: 0 0 auto !important;
    align-self: center !important;
    overflow: hidden !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    margin-bottom: clamp(22px, 3.2vw, 34px) !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: clamp(160px, 26vw, 280px) !important;
  }

  body.home #brxe-xiqidv,
  body.home #brxe-zuduxh .bc-hero-image {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
  }

  body.home #brxe-zuduxh img,
  body.home #brxe-xiqidv img.bc-media-image {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: 50% 14% !important;
    display: block !important;
    border-radius: 0 !important;
  }

  body.home #brxe-nvibow,
  body.home #brxe-fzehna,
  body.home #brxe-ilxast,
  body.home #brxe-qqhgzn {
    align-self: center !important;
    justify-self: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.home #brxe-nvibow,
  body.home #brxe-fzehna {
    display: flex !important;
    justify-content: center !important;
    width: min(44vw, 360px) !important;
    max-width: 360px !important;
    padding: 0 !important;
  }

  body.home #brxe-nvibow {
    order: 4 !important;
    margin-bottom: 10px !important;
  }

  body.home #brxe-fzehna {
    order: 5 !important;
    margin-bottom: 12px !important;
  }

  body.home #brxe-nvibow .bc-btn-primary,
  body.home #brxe-fzehna .bc-btn-outline {
    position: relative !important;
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    padding-left: 42px !important;
    padding-right: 42px !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    border-radius: 999px !important;
  }

  body.home #brxe-nvibow .bc-btn-primary > span:first-child,
  body.home #brxe-fzehna .bc-btn-outline > span:first-child {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    font-size: clamp(11px, 1.45vw, 13px) !important;
    line-height: 1 !important;
  }

  body.home #brxe-nvibow .bc-btn-primary > span:first-child {
    letter-spacing: 0.075em !important;
  }

  body.home #brxe-fzehna .bc-btn-outline > span:first-child {
    letter-spacing: 0.045em !important;
  }

  body.home #brxe-nvibow .bc-btn-circle,
  body.home #brxe-fzehna .bc-btn-circle {
    position: absolute !important;
    right: 6px !important;
    top: 50% !important;
    width: 28px !important;
    height: 28px !important;
    transform: translateY(-50%) !important;
  }

  body.home #brxe-ilxast {
    order: 6 !important;
    display: block !important;
    width: min(52vw, 430px) !important;
    max-width: 430px !important;
    margin-bottom: 8px !important;
    padding: 0 !important;
    text-align: center !important;
    text-align-last: center !important;
    font-size: clamp(14px, 1.8vw, 17px) !important;
    line-height: 1.3 !important;
  }

  body.home #brxe-qqhgzn {
    order: 7 !important;
    display: flex !important;
    width: min(52vw, 430px) !important;
    max-width: 430px !important;
    margin-bottom: clamp(14px, 2.5vw, 24px) !important;
    padding: 0 !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body.home #brxe-qqhgzn .bc-hero-rating {
    width: 100% !important;
    justify-content: center !important;
    gap: 8px !important;
    text-align: center !important;
  }

  body.home #brxe-qqhgzn .bc-star-icon {
    width: 18px !important;
    height: auto !important;
  }

  body.home #brxe-qqhgzn span {
    font-size: clamp(13px, 1.7vw, 16px) !important;
    line-height: 1.2 !important;
  }
}

/* Smaller tablet portrait: iPad Mini / compact tablet tuning */
@media (min-width: 641px) and (max-width: 820px) and (orientation: portrait) {
  body.home #brxe-ufxhaj {
    width: min(92vw, 650px) !important;
    max-width: min(92vw, 650px) !important;
    padding-top: clamp(24px, 4vw, 34px) !important;
    margin-bottom: 9px !important;
    font-size: clamp(33px, 5.5vw, 46px) !important;
    line-height: 1.08 !important;
  }

  body.home #brxe-kjqkgy {
    width: min(92vw, 620px) !important;
    max-width: min(92vw, 620px) !important;
    font-size: clamp(16px, 2.45vw, 19px) !important;
    line-height: 1.25 !important;
    margin-bottom: clamp(16px, 2.8vw, 22px) !important;
  }

  body.home #brxe-zuduxh {
    height: clamp(335px, 41svh, 455px) !important;
    max-height: clamp(335px, 41svh, 455px) !important;
    margin-bottom: clamp(20px, 3.5vw, 28px) !important;
    border-bottom-left-radius: clamp(120px, 23vw, 200px) !important;
  }

  body.home #brxe-nvibow,
  body.home #brxe-fzehna {
    width: min(54vw, 340px) !important;
    max-width: 340px !important;
  }

  body.home #brxe-nvibow .bc-btn-primary,
  body.home #brxe-fzehna .bc-btn-outline {
    height: 40px !important;
    min-height: 40px !important;
  }

  body.home #brxe-ilxast {
    width: min(58vw, 390px) !important;
    max-width: 390px !important;
    font-size: clamp(14px, 2vw, 16px) !important;
    line-height: 1.28 !important;
  }

  body.home #brxe-qqhgzn {
    width: min(58vw, 390px) !important;
    max-width: 390px !important;
  }

  body.home #brxe-qqhgzn span {
    font-size: clamp(13px, 1.9vw, 15px) !important;
  }
}