/* Homepage Uued tooted — desktop marquee + arrows; mobile 6-at-a-time paging */
@media (min-width: 992px) {
  body#index .ps-newproducts .hl-new-marquee {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 28px, #000 calc(100% - 28px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 28px, #000 calc(100% - 28px), transparent 100%);
  }

  body#index .ps-newproducts .hl-new-marquee__track,
  body#index .ps-newproducts .products.hl-new-marquee__track,
  body#index .ps-newproducts .products.hl-category-products.hl-new-marquee__track {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    grid-template-columns: none !important;
    grid-auto-flow: column !important;
    gap: var(--hl-new-gap, 12px) !important;
    width: max-content !important;
    max-width: none !important;
    margin: 0 !important;
    will-change: transform;
    animation: none !important;
  }

  /* Beat product-card width:100% !important */
  body#index .ps-newproducts .hl-new-marquee__track > .product-miniature,
  body#index .ps-newproducts .hl-new-marquee__track > article.product-miniature,
  body#index .ps-newproducts .hl-new-marquee__track > article.product-miniature.hl-pc {
    flex: 0 0 var(--hl-new-card-w, 210px) !important;
    width: var(--hl-new-card-w, 210px) !important;
    max-width: var(--hl-new-card-w, 210px) !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
  }

  body#index .ps-newproducts .product-miniature.is-hl-new-page-hide {
    display: flex !important;
  }

  body#index .ps-newproducts .hl-new-marquee__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0;
    border: 1px solid #dfe3e8;
    border-radius: 50%;
    background: #fff;
    color: #18191a;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(20, 30, 40, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.92;
    transition: background 0.15s ease, border-color 0.15s ease, opacity 0.15s ease;
  }
  body#index .ps-newproducts .hl-new-marquee__btn:hover,
  body#index .ps-newproducts .hl-new-marquee__btn:focus-visible {
    background: #fff;
    border-color: var(--hl-red, #d71920);
    color: var(--hl-red, #d71920);
    opacity: 1;
    outline: none;
  }
  body#index .ps-newproducts .hl-new-marquee__btn--prev { left: 6px; }
  body#index .ps-newproducts .hl-new-marquee__btn--next { right: 6px; }
  body#index .ps-newproducts .hl-new-marquee__btn span {
    display: block;
    margin-top: -2px;
  }
}

@media (max-width: 991.98px) {
  body#index .ps-newproducts .hl-new-marquee {
    overflow: visible !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }
  body#index .ps-newproducts .hl-new-marquee__track,
  body#index .ps-newproducts .products.hl-new-marquee__track {
    display: grid !important;
    width: 100% !important;
    max-width: 100% !important;
    animation: none !important;
    transform: none !important;
    will-change: auto !important;
  }
  body#index .ps-newproducts .hl-new-marquee__btn { display: none !important; }

  body#index .ps-newproducts .products.hl-new-paging {
    transition: opacity 0.18s ease;
  }
  body#index .ps-newproducts .products.hl-new-paging.is-hl-new-fading {
    opacity: 0.15;
  }
  body#index .ps-newproducts .products .product-miniature.is-hl-new-page-hide,
  body#index .hl-home-shell__products .ps-newproducts .products > article.product-miniature.is-hl-new-page-hide {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body#index .ps-newproducts .hl-new-marquee {
    -webkit-mask-image: none;
    mask-image: none;
  }
  body#index .ps-newproducts .products.hl-new-paging {
    transition: none;
  }
}