/* Final homepage controls: keep secondary products visible and clarify the configurator CTA. */
body#index #stavim-home-carousel .oc-more-products-wrap .oc-more-products-buttons {
  display: flex !important;
}

body#index #stavim-home-carousel .oc-more-products-trigger {
  cursor: default !important;
  pointer-events: none !important;
  transform: none !important;
  transition: none !important;
}

body#index #stavim-home-carousel .oc-more-products-trigger:hover,
body#index #stavim-home-carousel .oc-more-products-trigger:focus-visible,
body#index #stavim-home-carousel .oc-more-products-trigger:active {
  transform: none !important;
  box-shadow: none !important;
}

body#index #stavim-home-carousel > .container > .d-flex.justify-content-between > a[href="/konfigurator"],
body#index #stavim-home-carousel > .d-block.d-md-none a[href="/konfigurator"],
body#index #stavim-home-carousel > .d-block.d-md-none .oc-mobile-hero-eshop {
  border: 1px solid #f58220 !important;
  background: rgba(42, 47, 51, .68) !important;
  color: #ff6a00 !important;
  font-weight: 800 !important;
  box-shadow: none !important;
  transition: background-color .22s ease, color .22s ease, transform .22s ease, box-shadow .22s ease !important;
}

body#index #stavim-home-carousel > .container > .d-flex.justify-content-between > a[href="/konfigurator"]:hover,
body#index #stavim-home-carousel > .container > .d-flex.justify-content-between > a[href="/konfigurator"]:focus-visible,
body#index #stavim-home-carousel > .d-block.d-md-none a[href="/konfigurator"]:hover,
body#index #stavim-home-carousel > .d-block.d-md-none a[href="/konfigurator"]:focus-visible,
body#index #stavim-home-carousel > .d-block.d-md-none a[href="/konfigurator"]:active,
body#index #stavim-home-carousel > .d-block.d-md-none .oc-mobile-hero-eshop:hover,
body#index #stavim-home-carousel > .d-block.d-md-none .oc-mobile-hero-eshop:focus-visible,
body#index #stavim-home-carousel > .d-block.d-md-none .oc-mobile-hero-eshop:active {
  background: #ff6a00 !important;
  color: #fff !important;
}

/* Keep the permanently expanded secondary links inside the mobile hero. */
@media (max-width: 767.98px) {
  body#index #stavim-home-carousel,
  body#index #stavim-home-carousel .carousel-item {
    height: 540px !important;
    min-height: 540px !important;
  }

  body#index #stavim-home-carousel > .d-block.d-md-none .oc-mobile-hero-eshop {
    display: block !important;
  }

  body#index #stavim-home-carousel > .d-block.d-md-none .oc-more-products-buttons {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px !important;
  }

  body#index #stavim-home-carousel > .d-block.d-md-none .oc-more-products-buttons > a {
    display: flex !important;
    min-width: 0;
    align-items: center;
    justify-content: center;
    padding: 11px 8px !important;
    text-align: center;
  }
}

@media (min-width: 768px) {
  body#index #stavim-home-carousel .oc-mobile-hero-eshop {
    display: none !important;
  }
}

/* Narrow phones: keep the complete panel visibly inside the 485 px hero. */
@media (max-width: 375.98px) {
  body#index #stavim-home-carousel > .d-block.d-md-none > div {
    padding: 14px !important;
  }

  body#index #stavim-home-carousel > .d-block.d-md-none > div > h1 {
    margin-bottom: 6px !important;
    font-size: 26px !important;
    line-height: 1.1 !important;
  }

  body#index #stavim-home-carousel > .d-block.d-md-none > div > p {
    margin-bottom: 10px !important;
  }

  body#index #stavim-home-carousel > .d-block.d-md-none a[href="/content/category/18-okna"],
  body#index #stavim-home-carousel > .d-block.d-md-none a[href="/content/category/19-dvere"],
  body#index #stavim-home-carousel > .d-block.d-md-none a[href="/content/category/21-vrata"],
  body#index #stavim-home-carousel > .d-block.d-md-none a[href="/content/category/20-stineni"] {
    height: 64px !important;
    min-height: 64px !important;
  }

  body#index #stavim-home-carousel > .d-block.d-md-none .oc-more-products-wrap {
    margin-top: 7px !important;
  }

  body#index #stavim-home-carousel > .d-block.d-md-none .oc-more-products-trigger {
    margin-top: 0 !important;
    padding: 8px 9px !important;
  }

  body#index #stavim-home-carousel > .d-block.d-md-none .oc-more-products-buttons {
    margin-top: 6px !important;
    gap: 6px !important;
  }

  body#index #stavim-home-carousel > .d-block.d-md-none .oc-more-products-buttons > a {
    padding: 9px 5px !important;
  }

  body#index #stavim-home-carousel > .d-block.d-md-none a[href="/konfigurator"] {
    margin-top: 7px !important;
    padding: 10px !important;
  }
}