/**
 * Početna stranica — mobilni layout (≤1199px)
 * fullPage hibrid (kao mk); ovo ne sme da gasi sekcijsko skrolovanje (samo fp-responsive režim).
 */
@media screen and (max-width: 1199.98px) {
  :root {
    --bw-header-h: 5rem;
  }

  /* Header: čitljiv, bez „prozirnog“ preklapanja teksta */
  body.home-page .main-header {
    height: var(--bw-header-h) !important;
    background-color: rgba(255, 255, 255, 0.98) !important;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  }

  body.home-page.scroll-up .main-header,
  body.home-page.scroll-down .main-header {
    background-color: rgba(255, 255, 255, 0.98) !important;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }

  /* Samo kad fullPage sam ugasi snap (responsive) — inače ostaje 100vh po sekciji */
  body.home-page.fp-responsive #fullpage > .section {
    scroll-margin-top: var(--bw-header-h);
    min-height: 0 !important;
    height: auto !important;
  }

  body.home-page.fp-responsive #fullpage > .section .fp-overflow {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body.fp-enabled #bluewash .home-banner,
  body.fp-enabled #bluewash .home-banner-swiper {
    min-height: 100% !important;
    height: 100% !important;
  }

  /* Hero — puna širina ekrana */
  #bluewash.banner-sec,
  #bluewash .home-banner,
  #bluewash .home-banner-swiper,
  #bluewash .home-banner-swiper .swiper-wrapper,
  #bluewash .home-banner-swiper .swiper-slide {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-inline: 0 !important;
    left: auto !important;
    overflow: hidden;
  }

  #bluewash.banner-sec .home-banner,
  #bluewash .home-banner-swiper {
    min-height: calc(100dvh - var(--bw-header-h));
    height: calc(100dvh - var(--bw-header-h)) !important;
  }

  body.fp-enabled #bluewash.banner-sec .home-banner,
  body.fp-enabled #bluewash .home-banner-swiper {
    min-height: 100% !important;
    height: 100% !important;
  }

  /* Samo hero video/slajd — NE wordmark u .mouse_wheel */
  #bluewash .home-banner-swiper video,
  #bluewash .home-banner-swiper .swiper-slide img {
    width: 100% !important;
    max-width: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  #bluewash .mouse_wheel img.mouse_wheel__wordmark {
    width: auto !important;
    max-width: min(11.5rem, 82vw) !important;
    height: 1.25rem !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center center !important;
  }

  .home-banner-swiper .title-main {
    bottom: clamp(6.25rem, 24vw, 8.5rem) !important;
    font-size: clamp(1.65rem, 7.5vw, 2.5rem) !important;
    line-height: 1.08 !important;
    padding-inline: 1rem;
  }

  #bluewash .mouse_wheel {
    bottom: max(1rem, env(safe-area-inset-bottom, 0px));
    overflow: visible;
    z-index: 12;
    padding-bottom: 0.25rem;
  }

  #bluewash .mouse_wheel a.d-xl-none {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 0.5rem !important;
  }

  #bluewash .home-banner {
    overflow: visible;
  }

  /* Intro */
  .intro-sec1 .tw-intro-sec {
    padding: 0.75rem 0 1rem !important;
  }

  .intro-sec1 .tw-intro-sec .container {
    padding-inline: 1rem;
  }

  .intro-sec1 .tw-intro-sec .row_wrap > div.max-height-align {
    align-items: center !important;
  }

  .intro-sec1 .tw-intro-sec_intro_content {
    margin-top: 0 !important;
    padding-top: 0.5rem;
  }

  .intro-sec1 .tw-intro-sec_img {
    margin-bottom: 0.75rem;
  }

  .intro-sec1 .tw-intro-sec_img figure {
    padding-top: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto;
    max-width: 100%;
  }

  .intro-sec1 .tw-intro-sec_img figure img {
    position: static !important;
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: min(68vh, 540px) !important;
    object-fit: contain !important;
    object-position: center center !important;
  }

  /* Half-fluid: bez 100vw i praznih padding-top kutija */
  .half-fluid .h-100,
  .half-fluid .left-half,
  .half-fluid .right-half,
  .half-fluid [class*="col-xl-"].position-xl-absolute {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    inset: auto !important;
    margin: 0 !important;
    left: auto !important;
    right: auto !important;
  }

  .half-fluid .image,
  .half-fluid figure.image {
    width: 100% !important;
    max-width: 100% !important;
    left: auto !important;
    margin-left: 0 !important;
    margin-inline: 0 !important;
    padding: 0 !important;
    padding-top: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    display: block !important;
  }

  /* Slike puna širina kolone */
  .half-fluid .image img,
  .half-fluid figure.image img {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block;
    margin-inline: 0;
  }

  .half-fluid .container > .row {
    margin-inline: 0;
  }

  .half-fluid .content,
  .half-fluid .content.tw-pricing-sec_content,
  .half-fluid .content.tw-steps-sec_content,
  .half-fluid .tw-payment-methods-sec_content {
    margin-inline-start: 0 !important;
    max-width: 100% !important;
    padding: 0.65rem 0 0.85rem !important;
  }

  /* Slajderi — ista visina svih slajdova (4:3 kutija + cover) */
  .tw-pricing-sec .nw-swiper,
  .facility2-swiper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 0.35rem !important;
    overflow: hidden;
  }

  .tw-pricing-sec .nw-swiper .swiper-wrapper,
  .tw-pricing-sec .nw-swiper .swiper-slide,
  .facility2-swiper .swiper-wrapper,
  .facility2-swiper .swiper-slide {
    height: auto !important;
    min-height: 0 !important;
  }

  .tw-pricing-sec .nw-swiper .image.fadein-item,
  .tw-pricing-sec .nw-swiper figure.image,
  .facility2-swiper .image.fadein-item {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    padding-top: 0 !important;
    display: block !important;
    aspect-ratio: 4 / 3;
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
    overflow: hidden;
    border-radius: 0;
    left: auto !important;
    inset: auto !important;
  }

  .tw-pricing-sec .nw-swiper .image.fadein-item figure {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    padding-top: 0 !important;
    aspect-ratio: auto !important;
  }

  .tw-pricing-sec .nw-swiper .image.fadein-item img,
  .tw-pricing-sec .nw-swiper figure.image img,
  .facility2-swiper .image.fadein-item img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
  }

  .tw-pricing-sec .swiper-pagination-nw,
  .facility2-swiper .swiper-pagination-facility2 {
    position: relative !important;
    bottom: auto !important;
    margin-top: 0.5rem;
    margin-bottom: 0.25rem;
  }

  /* Qualität — tekstualni facility1 + strelice */
  .facility1-swiper {
    width: 100% !important;
    margin-bottom: 0.5rem !important;
  }

  .facility1-swiper .swiper-slide p {
    font-size: var(--bw-font-body) !important;
    line-height: var(--bw-paragraph-line, 1.617) !important;
    margin-bottom: 0;
  }

  .tw-steps-sec .tw-steps-sec_swiper_nav {
    display: flex !important;
    gap: 0.5rem;
    margin-top: 0.35rem;
    opacity: 1;
    visibility: visible;
  }

  .tw-steps-sec .sw-btn-arrow-prev,
  .tw-steps-sec .sw-btn-arrow-next {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  /* Plaćanje */
  .tw-payment-methods-sec .col-xl-6 .image.fadein-item {
    min-height: 0 !important;
    height: auto !important;
    padding: 0 0 0.5rem !important;
    display: block !important;
  }

  .tw-payment-methods-sec .col-xl-6 .image.fadein-item img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: min(48vh, 420px) !important;
    object-fit: contain !important;
    margin: 0 !important;
  }

  /* Flota */
  .image.tw-fleet-visual-wrap {
    min-height: 0 !important;
    padding: 0.5rem 0.75rem !important;
  }

  .image.tw-fleet-visual-wrap img.tw-fleet-visual-img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: min(52vh, 460px) !important;
    object-fit: contain !important;
  }

  /* Admin panel */
  .tw-arrangment-sec .col-xl-5 .image.fadein-item {
    min-height: 0 !important;
    height: auto !important;
    padding: 0.5rem 0.75rem !important;
  }

  .tw-arrangment-sec .col-xl-5 .image.fadein-item img {
    width: 100% !important;
    height: auto !important;
    max-height: min(52vh, 460px) !important;
    object-fit: contain !important;
  }

  /* App swiper — bez padding-top kutije i visine „najvišeg“ slajda */
  .tw-app-sec .mySwiper .tw-app-sec_img figure {
    padding-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .tw-app-sec .mySwiper .tw-app-sec_img figure,
  .tw-app-sec .mySwiper .tw-app-sec_img figure img {
    max-height: min(48vh, 400px) !important;
  }

  .tw-app-sec .col-lg-6.right-side {
    padding-bottom: 0.25rem;
  }

  /* Enterijer / VIP / Drive — bez prisilnog 100vh */
  .tw-drive-coffee-sec_inner,
  .tw-enterijer-sec_inner,
  .tw-vip-zone-sec_inner {
    min-height: 0 !important;
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }

  .tw-enterijer-sec .enterijer-swiper {
    width: 100% !important;
    margin-bottom: 0.25rem !important;
    height: auto !important;
    min-height: 0 !important;
  }

  .tw-enterijer-sec_slide-img {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin-bottom: 0 !important;
  }

  .tw-enterijer-sec_slide-img img {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: min(50vh, 420px) !important;
    object-fit: contain !important;
    object-position: center top !important;
    margin: 0 !important;
  }

  /* VIP — zadrži postojeći cover layout */
  .tw-vip-zone-sec_slide-img {
    width: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
    aspect-ratio: 3 / 4;
    overflow: hidden;
    padding: 0 !important;
    display: block !important;
  }

  .tw-vip-zone-sec_slide-img img {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
  }

  /* Ökologie */
  .tw-sustain-sec .sec-pd {
    min-height: 0 !important;
    padding-top: 1.25rem !important;
    padding-bottom: 1.5rem !important;
  }

  .tw-sustain-sec_img {
    margin-top: 0 !important;
    padding: 0 !important;
  }

  .tw-sustain-sec_img figure {
    padding-top: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin-bottom: 0 !important;
  }

  .tw-sustain-sec_img figure img,
  .tw-sustain-sec_img #sustain-ecology-visual {
    position: static !important;
    max-height: min(40vh, 340px) !important;
  }

  /* FAQ slika */
  .tw-faq-sec .image.fadein-item {
    min-height: 0 !important;
    padding: 0.5rem 0.75rem !important;
  }

  /* Footer (visina sekcije na fullPage scroll) */
  #fullpage .section.fp-auto-height#footer,
  #fullpage .section.fp-auto-height[data-anchor="footer"],
  #fullpage .section.fp-auto-height#footer .fp-overflow,
  #fullpage .section.fp-auto-height[data-anchor="footer"] .fp-overflow,
  #fullpage .section.fp-auto-height#footer footer.footer {
    background-color: var(--bw-footer-bg, #353b3f) !important;
    min-height: 0 !important;
    height: auto !important;
  }
}

@media screen and (max-width: 575.98px) {
  .half-fluid .image img,
  .half-fluid figure.image img {
    max-height: min(50vh, 400px) !important;
  }

  .intro-sec1 .tw-intro-sec_img figure img {
    max-height: min(60vh, 480px) !important;
  }

}