/* =============================================================================
   index.html — mobile-only (max-width: 767px) tweaks for homepage landing fold:
   hero copy, photo showcase, Tap Into the Map card, sponsor block, score-here CTA, pathway cards, section vertical rhythm.
   Donation bar: base.css. Navbar ≤767px: responsive.css (after 820px rules).
   Loaded only from index.html after index-inline.css (wins cascade).
   ============================================================================= */

/* Poziomy marquee (jak stripMoveRight w hero.css) — nazwa lokalna na wypadek kolejności ładowania arkuszy */
@keyframes bpm-fn-index-strip-move-right {
  0% {
    transform: translate3d(calc(-1 * var(--strip-distance, 50%)), 0, 0);
  }

  100% {
    transform: translate3d(0, 0, 0);
  }
}

@media (max-width: 767px) {
  /* --- Landing hero — tighter fold, title ~12% smaller than prior mobile clamps --- */
  section.bpm-fn-landing.page-section.page-section--hero {
    min-height: 0 !important;
    padding: 10px 0 10px !important;
    overflow-x: clip !important;
  }

  section.bpm-fn-landing.page-section.page-section--hero::before {
    inset: 8px !important;
    border-radius: 18px !important;
  }

  .bpm-fn-wrap.page-inner {
    max-width: 100% !important;
    overflow-x: clip !important;
  }

  .bpm-fn-top {
    gap: 10px !important;
    row-gap: 8px !important;
  }

  .bpm-fn-intro {
    padding: 10px 14px 2px !important;
  }

  .bpm-fn-intro .page-h1-rule {
    margin-top: 6px !important;
  }

  section.bpm-fn-landing .bpm-fn-heading {
    font-size: clamp(34px, 8.5vw, 52px) !important;
    font-weight: 700 !important;
    line-height: 1.05 !important;
    letter-spacing: 0.02em !important;
  }

  .bpm-fn-intro-actions {
    margin-top: 10px !important;
  }

  section.bpm-fn-landing .bpm-donation-cta,
  section.bpm-fn-landing .bpm-donation-cta--vision {
    min-height: 52px !important;
    padding: 9px 16px !important;
    gap: 12px !important;
  }

  section.bpm-fn-landing .bpm-donation-main {
    font-size: var(--type-body-sm-font-size) !important;
    letter-spacing: var(--type-h5-letter-spacing) !important;
  }

  section.bpm-fn-landing .bpm-donation-tagline {
    font-size: var(--type-body-sm-font-size) !important;
  }

  /* --- Hero photo showcase — jeden strip na mobile (drugi .photo-strip--down ukryty) --- */
  section.bpm-fn-landing .hero-showcase,
  section.bpm-fn-landing .bpm-fn-top > .hero-showcase,
  .bpm-fn-landing .hero-showcase,
  .bpm-fn-landing .bpm-fn-top > .hero-showcase {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
    align-content: start !important;
  }

  section.bpm-fn-landing .hero-showcase .photo-strip--down,
  section.bpm-fn-landing .bpm-fn-top > .hero-showcase .photo-strip--down,
  .bpm-fn-landing .hero-showcase .photo-strip--down,
  .bpm-fn-landing .bpm-fn-top > .hero-showcase .photo-strip--down,
  section.bpm-fn-landing .bpm-fn-top > .hero-showcase .photo-strip:nth-child(2) {
    display: none !important;
  }

  section.bpm-fn-landing .hero-showcase .photo-strip:not(.photo-strip--down),
  section.bpm-fn-landing .bpm-fn-top > .hero-showcase .photo-strip:not(.photo-strip--down) {
    height: 120px !important;
    min-height: 0 !important;
    max-height: 120px !important;
    overflow: hidden !important;
    touch-action: pan-x !important;
    min-width: 100% !important;
    border-radius: 12px !important;
  }

  section.bpm-fn-landing .hero-showcase .photo-strip-track,
  section.bpm-fn-landing .bpm-fn-top > .hero-showcase .photo-strip-track {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 8px !important;
    padding: 6px 8px !important;
    width: max-content !important;
    min-width: min-content !important;
    max-height: none !important;
    overflow: visible !important;
    animation-name: bpm-fn-index-strip-move-right !important;
    animation-duration: 26s !important;
    animation-timing-function: linear !important;
    animation-iteration-count: infinite !important;
    animation-play-state: running !important;
    will-change: transform !important;
  }

  section.bpm-fn-landing .hero-showcase .photo-strip:hover .photo-strip-track,
  section.bpm-fn-landing .bpm-fn-top > .hero-showcase .photo-strip:hover .photo-strip-track {
    animation-play-state: paused !important;
  }

  section.bpm-fn-landing .hero-showcase .photo-item,
  section.bpm-fn-landing .bpm-fn-top > .hero-showcase .photo-item {
    flex: 0 0 clamp(176px, 58vw, 260px) !important;
    width: clamp(176px, 58vw, 260px) !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 108px !important;
    margin: 0 !important;
    align-self: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    background: rgba(6, 5, 4, 0.42);
  }

  section.bpm-fn-landing .hero-showcase .photo-item img,
  section.bpm-fn-landing .bpm-fn-top > .hero-showcase .photo-item img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  /* --- Tap Into the Map card + JS tally (#tap-map-card-final, #bpm-visible-map-tally) --- */
  #tap-map-card-final {
    width: calc(100% - 24px) !important;
    max-width: none !important;
    margin-left: 12px !important;
    margin-right: 12px !important;
    padding: 12px 14px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }

  #tap-map-card-final .bpm-fn-map-main {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    flex: none !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    width: 100% !important;
    justify-items: center !important;
    place-items: center !important;
  }

  #tap-map-card-final .bpm-fn-map-copy {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
  }

  #tap-map-card-final .bpm-fn-kicker {
    margin-bottom: 4px !important;
    font-size: 0.62rem !important;
    letter-spacing: 0.26em !important;
    text-align: center !important;
  }

  #tap-map-card-final .bpm-fn-map-title {
    max-width: 100% !important;
    font-size: clamp(1.32rem, 5.2vw, 1.82rem) !important;
    line-height: 1.06 !important;
    text-align: center !important;
  }

  #tap-map-card-final .bpm-fn-map-lede {
    margin-top: 6px !important;
    max-width: 100% !important;
    font-size: 0.8rem !important;
    line-height: 1.42 !important;
    text-align: center !important;
  }

  #tap-map-card-final .page-h2-rule {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #tap-map-card-final .hm-intro-cta-solid {
    min-height: 42px !important;
    margin-top: 8px !important;
    padding: 0 14px !important;
    font-size: 11px !important;
    align-self: center !important;
  }

  #tap-map-card-final .bpm-fn-map-image-frame {
    height: 112px !important;
    min-height: 112px !important;
    max-height: 112px !important;
    overflow: hidden !important;
    width: 100% !important;
    max-width: min(100%, 300px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  #tap-map-card-final .bpm-fn-map-img,
  #tap-map-card-final .bpm-fn-map-img--pulse {
    width: auto !important;
    max-width: 100% !important;
    max-height: 104px !important;
    height: auto !important;
    object-fit: contain !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #bpm-visible-map-tally {
    margin-top: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    align-self: stretch !important;
  }

  #bpm-visible-map-tally > div {
    height: 50px !important;
    min-height: 50px !important;
    padding: 4px 4px !important;
    gap: 3px !important;
  }

  #bpm-visible-map-tally strong {
    font-size: 0.98rem !important;
  }

  #bpm-visible-map-tally span {
    font-size: 0.54rem !important;
    letter-spacing: 0.12em !important;
    line-height: 1.1 !important;
  }

  /* --- Sponsor „Visible Position” — wyśrodkowana zawartość w .bpm-sponsor-inner.page-inner --- */
  .bpm-sponsor-inner.page-inner .bpm-sponsor-head {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .bpm-sponsor-inner.page-inner .bpm-sponsor-card summary {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    text-align: center !important;
  }

  .bpm-sponsor-inner.page-inner .bpm-sponsor-copy {
    text-align: center !important;
  }

  .bpm-sponsor-inner.page-inner .bpm-sponsor-tags {
    justify-content: center !important;
  }

  .bpm-sponsor-inner.page-inner .bpm-sponsor-panel {
    text-align: center !important;
  }

  .bpm-sponsor-inner.page-inner .bpm-sponsor-panel a {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /*
   * „Choose Your Position / Become a Team Player” (#score-here)
   * Na ≤980px .score-here-action ma grid-column: 2 — przy karcie 1 kolumna tworzy implicit drugą kolumnę
   * (wąski copy + pusta lewa strona). Flex + reset grid-column = jedna kolumna treści.
   */
  .score-here-section--strong {
    padding: 10px 12px 16px !important;
  }

  .score-here-section--strong .score-here-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    min-height: 0 !important;
    padding: 15px 14px 13px !important;
  }

  .score-here-section--strong .score-here-icon {
    align-self: center !important;
    flex-shrink: 0 !important;
  }

  .score-here-section--strong .score-here-copy {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    text-align: center !important;
  }

  .score-here-section--strong .score-here-title {
    max-width: none !important;
    font-size: clamp(1.28rem, 5.2vw, 1.68rem) !important;
    line-height: 1.22 !important;
    text-wrap: balance !important;
  }

  .score-here-section--strong .score-here-text,
  .score-here-section--strong .score-here-note {
    max-width: none !important;
  }

  .score-here-section--strong .score-here-text {
    font-size: 0.9rem !important;
    line-height: 1.52 !important;
    margin-top: 6px !important;
  }

  .score-here-section--strong .score-here-note {
    margin-top: 8px !important;
    font-size: 0.84rem !important;
    line-height: 1.45 !important;
  }

  .score-here-section--strong .score-here-copy .page-h2-rule,
  .score-here-section--strong .score-here-copy .page-h2-rule--align-start {
    margin: 6px auto 8px !important;
  }

  .score-here-section--strong .score-here-action {
    grid-column: auto !important;
    width: 100% !important;
    justify-self: stretch !important;
    margin-top: 2px !important;
  }

  .score-here-section--strong .score-here-button.hm-intro-cta-solid {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 48px !important;
    box-sizing: border-box !important;
    justify-content: center !important;
  }

  .score-here-section--strong .score-here-visual {
    grid-column: auto !important;
    align-self: center !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 56px !important;
    height: 48px !important;
    margin: 4px auto 0 !important;
    flex-shrink: 0 !important;
  }

  .score-here-section--strong .score-here-line,
  .score-here-section--strong .score-here-node--small {
    display: none !important;
  }

  .score-here-section--strong .score-here-visual .score-here-node--main {
    position: relative !important;
    inset: auto !important;
    left: auto !important;
    top: auto !important;
    width: 44px !important;
    height: 44px !important;
    font-size: 0.98rem !important;
    margin: 0 !important;
  }

  /* --- Index: rytm pionowy sekcji (mobile) — mniejsze przerwy między blokami --- */
  .hm-story-section.page-section {
    padding: 24px 0 36px !important;
  }

  .hm-story-section::before {
    top: 18px !important;
  }

  .court-choice-section.page-section {
    padding: 28px 14px 24px !important;
  }

  .court-choice-section::before {
    inset: 10px !important;
    border-radius: 20px !important;
  }

  .court-choice-head {
    margin-bottom: 16px !important;
  }

  /* Court choice — 5. karta wyśrodkowana (2+2+1) */
  section.court-choice-section .court-choice-card:nth-child(5) {
    grid-column: 1 / -1 !important;
    width: min(100%, calc(50% - 4px)) !important;
    justify-self: center !important;
    margin-inline: auto !important;
  }

  /* Sense of the Day — wyśrodkowana zawartość feature */
  section.sense-day-section .sense-day-feature-content {
    align-items: center !important;
    text-align: center !important;
  }

  section.sense-day-section .sense-day-feature-content .sense-day-feature-kicker {
    text-align: center !important;
  }

  section.sense-day-section .sense-day-feature-content h3,
  section.sense-day-section .sense-day-feature-content > p {
    margin-inline: auto !important;
    text-align: center !important;
  }

  section.sense-day-section .sense-day-actions-grid {
    text-align: center !important;
    justify-items: center !important;
  }

  section.sense-day-section .sense-day-actions-grid > div {
    text-align: center !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  section.sense-day-section .sense-day-actions-grid span,
  section.sense-day-section .sense-day-actions-grid .sense-day-step-icon,
  section.sense-day-section .sense-day-actions-grid strong,
  section.sense-day-section .sense-day-actions-grid p {
    margin-inline: auto !important;
    text-align: center !important;
  }

  section.sense-day-section .sense-day-feature-cta {
    justify-content: center !important;
  }

  section.sense-day-section.page-section {
    padding: 24px 0 30px !important;
  }

  section.sense-day-section::before {
    inset: 10px !important;
    border-radius: 20px !important;
  }

  .contact-hub-section.page-section {
    padding-block: clamp(18px, 3.2vh, 28px) !important;
  }

  .contact-hub-inner {
    gap: 10px !important;
  }

  .contact-hub-left-media {
    min-height: 168px !important;
  }

  .contact-hub-left-media img {
    min-height: 168px !important;
    max-height: min(400px, 46vh) !important;
  }

  .contact-callout {
    margin-top: 6px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 4px !important;
  }

  .contact-callout-line--intro {
    display: inline-flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 0 6px !important;
  }

  .contact-callout-line--phone {
    display: block !important;
  }

  .contact-callout-line--phone a {
    white-space: nowrap !important;
  }

  .bpm-motion-contact {
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
  }

  .bpm-motion-contact-sep {
    display: none !important;
  }

  .bpm-motion-contact-label,
  .bpm-motion-contact a {
    display: block !important;
    white-space: nowrap !important;
  }

  .bpm-motion-section.page-section {
    padding: 18px 14px 24px !important;
  }

  .bpm-motion-section::before {
    inset: 10px !important;
    border-radius: 18px !important;
  }

  .bpm-motion-copy .bpm-motion-read-more.adv-btn.adv-btn--ghost {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .bpm-sponsor-positions.bpm-sponsor-positions--strong {
    padding: 24px 14px 16px !important;
  }

  .bpm-sponsor-positions--strong::before {
    inset: 9px !important;
    border-radius: 18px !important;
  }

  /* --- Pathway cards — shared min-height, centered arrow, text clear of arrow --- */
  section.bpm-fn-landing .bpm-fn-pathways {
    width: calc(100% - 24px) !important;
    margin: 10px 12px 0 !important;
    gap: 10px !important;
  }

  section.bpm-fn-landing .bpm-fn-card {
    display: grid !important;
    grid-template-columns: 50px minmax(0, 1fr) !important;
    align-items: center !important;
    align-content: center !important;
    gap: 12px 10px !important;
    min-height: 156px !important;
    padding: 13px 54px 13px 12px !important;
    box-sizing: border-box !important;
  }

  section.bpm-fn-landing .bpm-fn-card:hover {
    transform: translateY(-2px) !important;
  }

  section.bpm-fn-landing .bpm-fn-icon,
  section.bpm-fn-landing .bpm-fn-icon--numeric {
    width: 50px !important;
    height: 50px !important;
    font-size: 1.25rem !important;
    align-self: center !important;
  }

  section.bpm-fn-landing .bpm-fn-icon--numeric {
    font-size: 0.74rem !important;
  }

  section.bpm-fn-landing .bpm-fn-card-body {
    min-width: 0 !important;
  }

  section.bpm-fn-landing .bpm-fn-card-body small {
    font-size: 0.5rem !important;
    letter-spacing: 0.16em !important;
    margin-bottom: 3px !important;
  }

  section.bpm-fn-landing .bpm-fn-card-body h3 {
    font-size: 1.04rem !important;
    line-height: 1.1 !important;
  }

  section.bpm-fn-landing .bpm-fn-card-body p {
    font-size: 0.78rem !important;
    line-height: 1.36 !important;
    margin-top: 4px !important;
  }

  section.bpm-fn-landing .bpm-fn-card-media {
    display: none !important;
  }

  section.bpm-fn-landing .bpm-fn-arrow {
    right: 11px !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    width: 40px !important;
    height: 40px !important;
    font-size: 1.15rem !important;
  }
}

/* 430×932 i podobne telefony (portrait) — zdjęcia w hero-showcase +50% */
@media (max-width: 480px) and (min-height: 800px) and (orientation: portrait) {
  section.bpm-fn-landing .hero-showcase .photo-strip:not(.photo-strip--down),
  section.bpm-fn-landing .bpm-fn-top > .hero-showcase .photo-strip:not(.photo-strip--down) {
    height: 180px !important;
    max-height: 180px !important;
  }

  section.bpm-fn-landing .hero-showcase .photo-strip-track,
  section.bpm-fn-landing .bpm-fn-top > .hero-showcase .photo-strip-track {
    gap: 12px !important;
    padding: 9px 12px !important;
  }

  section.bpm-fn-landing .hero-showcase .photo-item,
  section.bpm-fn-landing .bpm-fn-top > .hero-showcase .photo-item {
    flex: 0 0 clamp(264px, 87vw, 390px) !important;
    width: clamp(264px, 87vw, 390px) !important;
    max-height: 162px !important;
  }
}

/* 375×667 i krótsze telefony (portrait) — hero-showcase ×2 (+100%) */
@media (max-width: 480px) and (max-height: 740px) and (orientation: portrait) {
  section.bpm-fn-landing .hero-showcase .photo-strip:not(.photo-strip--down),
  section.bpm-fn-landing .bpm-fn-top > .hero-showcase .photo-strip:not(.photo-strip--down) {
    height: 240px !important;
    max-height: 240px !important;
  }

  section.bpm-fn-landing .hero-showcase .photo-strip-track,
  section.bpm-fn-landing .bpm-fn-top > .hero-showcase .photo-strip-track {
    gap: 16px !important;
    padding: 12px 16px !important;
  }

  section.bpm-fn-landing .hero-showcase .photo-item,
  section.bpm-fn-landing .bpm-fn-top > .hero-showcase .photo-item {
    flex: 0 0 clamp(352px, 116vw, 520px) !important;
    width: clamp(352px, 116vw, 520px) !important;
    max-height: 216px !important;
  }
}

/* 320×568 i wąskie telefony — 5. karta court-choice na pełną szerokość siatki */
@media (max-width: 380px) and (orientation: portrait) {
  section.court-choice-section .court-choice-card:nth-child(5) {
    width: 100% !important;
    max-width: none !important;
    justify-self: stretch !important;
    margin-inline: 0 !important;
  }
}

@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
  section.bpm-fn-landing .hero-showcase .photo-strip-track,
  section.bpm-fn-landing .bpm-fn-top > .hero-showcase .photo-strip-track {
    animation: none !important;
    transform: none !important;
  }
}

/* Hero showcase — pełne zdjęcia bez cropu (mobile/tablet; desktop FHD używa cover poniżej) */
@media (max-width: 1024px) {
  section.bpm-fn-landing .hero-showcase .photo-item,
  section.bpm-fn-landing .bpm-fn-top > .hero-showcase .photo-item,
  .bpm-fn-landing .hero-showcase .photo-item {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  section.bpm-fn-landing .hero-showcase .photo-item img,
  section.bpm-fn-landing .bpm-fn-top > .hero-showcase .photo-item img,
  .bpm-fn-landing .hero-showcase .photo-item img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center !important;
  }
}

/* Niski desktop (<1280px szer.) — bez nachodzenia; od 1280×650 → pionowe pasy w design-system */
@media (min-width: 1025px) and (max-width: 1279px) and (max-height: 860px) {
  section.bpm-fn-landing .bpm-fn-top {
    grid-template-columns: minmax(0, 0.58fr) minmax(380px, 0.42fr) !important;
    column-gap: 20px !important;
    overflow: hidden !important;
    align-items: start !important;
  }

  section.bpm-fn-landing .bpm-fn-top > .bpm-fn-map-card {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    box-sizing: border-box !important;
  }

  section.bpm-fn-landing .hero-showcase,
  section.bpm-fn-landing .bpm-fn-top > .hero-showcase,
  .bpm-fn-landing .hero-showcase,
  .bpm-fn-landing .bpm-fn-top > .hero-showcase {
    width: 100% !important;
    max-width: 100% !important;
    height: min(520px, calc(100svh - 220px)) !important;
    max-height: min(520px, calc(100svh - 220px)) !important;
    min-height: 400px !important;
    overflow: hidden !important;
    contain: layout paint !important;
  }

  section.bpm-fn-landing .hero-showcase .photo-strip,
  section.bpm-fn-landing .bpm-fn-top > .hero-showcase .photo-strip {
    overflow: hidden !important;
    contain: strict !important;
  }

  section.bpm-fn-landing .hero-showcase .photo-strip-track,
  section.bpm-fn-landing .bpm-fn-top > .hero-showcase .photo-strip-track {
    gap: 14px !important;
    padding: 10px !important;
  }

  section.bpm-fn-landing .hero-showcase .photo-item,
  section.bpm-fn-landing .bpm-fn-top > .hero-showcase .photo-item {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 16 / 9 !important;
    margin-bottom: 14px !important;
  }
}

/* Desktop hero strip (1280×650+) — layout; kafelki w design-system */
@media (min-width: 1280px) and (min-height: 650px) {
  section.bpm-fn-landing .bpm-fn-top {
    grid-template-columns: minmax(0, 0.58fr) minmax(560px, 0.52fr) !important;
    column-gap: 28px !important;
  }

  section.bpm-fn-landing .hero-showcase,
  section.bpm-fn-landing .bpm-fn-top > .hero-showcase,
  .bpm-fn-landing .hero-showcase,
  .bpm-fn-landing .bpm-fn-top > .hero-showcase {
    width: 100% !important;
    max-width: none !important;
    height: min(560px, calc(100svh - 220px)) !important;
    max-height: min(560px, calc(100svh - 220px)) !important;
    min-height: 480px !important;
    padding-right: 0 !important;
    gap: 14px !important;
    overflow: hidden !important;
  }

  section.bpm-fn-landing .hero-showcase .photo-strip,
  section.bpm-fn-landing .bpm-fn-top > .hero-showcase .photo-strip {
    border-radius: 18px !important;
  }

  section.bpm-fn-landing .hero-showcase .photo-strip-track,
  section.bpm-fn-landing .bpm-fn-top > .hero-showcase .photo-strip-track {
    gap: 16px !important;
    padding: 0 !important;
  }

  /* pionowe pasy — index-design-system.css (ładuje się później) */
}