@media (min-width: 769px) {
  .is-carousel {
    position: relative;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .is-carousel .carousel-track {
    display: flex;
    flex-wrap: nowrap;
    gap: 16px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: 4px 0;
    width: 100%;
  }
  .is-carousel .carousel-track::-webkit-scrollbar { display: none; }

  .is-carousel .product {
    flex: 0 0 calc((100% - 3 * 16px) / 4);
    scroll-snap-align: start;
    margin: 0 !important;
  }

  /* === Šipky === */
  .is-carousel .carousel-arrow {
    position: absolute;
    top: 38%;
    transform: translateY(-50%);
    width: 42px; height: 42px;
    border: none; border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 12px rgba(0,0,0,.18);
    cursor: pointer; z-index: 5;
    display: flex; align-items: center; justify-content: center;
    transition: opacity .2s, box-shadow .2s;
  }
  .is-carousel .carousel-arrow:hover { box-shadow: 0 2px 16px rgba(0,0,0,.28); }
  .is-carousel .carousel-prev { left: -8px; }
  .is-carousel .carousel-next { right: -8px; }

  .is-carousel .carousel-arrow span {
    width: 10px; height: 10px; display: block;
    border-top: 2px solid #333; border-right: 2px solid #333;
  }
  .is-carousel .carousel-prev span { transform: rotate(-135deg); margin-left: 4px; }
  .is-carousel .carousel-next span { transform: rotate(45deg);  margin-right: 4px; }

  .is-carousel .carousel-arrow.is-disabled { opacity: 0; pointer-events: none; }
}