@import url(../../components/common/nl-owl-carousel.css);
@import url(../../components/common/nl-shop-product.css);
@import url(./hero-rotate.css);
@import url(./mini-hero.css);
@import url(./social-media-gallery.css);
@import url(../../components/common/app-works-with.css);
@import url(../../components/common/users-comments.css);
@import url(../../components/common/retail-logos.css);

@media screen and (min-width: 0px) {
  .shop-block { margin-top: var(--section-padding); }
  .shop-block .wrapper-top { text-align: center; }
  .shop-block .wrapper-top .text { margin-top: var(--margin-m); }

  .shop-card { margin-top: var(--margin-xm); border-radius: var(--border-radius); overflow: hidden; }
  .shop-card .owl-carousel .owl-dots { display: none; }
  .shop-card .btn-player { height: auto; margin-top: var(--margin-m); }
  .shop-card .btn-player .btn-name { font-weight: 700; }
  .shop-card .btn-player .open-video-circle { margin-left: var(--margin-xs); width: 18px; height: 18px; border-radius: 50%; background-color: #FFF; }
  .shop-card .btn-player .right-triangle { transform: translate(-1px, 0px); border-left: 6px solid var(--color-peppercorn); border-top: 4px solid transparent; border-bottom: 4px solid transparent; }
  .shop-card .slider-item { height: 100%; position: relative;; }
  .shop-card .slider-item .divimg { width: 100%; height: 100%; overflow: hidden; aspect-ratio: 5/4; }
  .shop-card .slider-item .divimg picture img { height: 100%; object-fit: cover; }
  .shop-card .slider-item .content { display: flex; flex-direction: column; justify-content: flex-end; text-align: center; color: #fff; position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding-bottom: 20px; z-index: 1; background: linear-gradient(0deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,.4) 20%, rgba(0,0,0,0) 60%); }
}

@media screen and (min-width: 768px) {
  .shop-card .owl-carousel .owl-dots { display: flex; left: 40px; right: auto; }
  .shop-card .btn-player { justify-content: flex-start; }
  .shop-card .slider-item { grid-template-rows: 1fr; grid-template-columns: 1fr 1fr; }
  .shop-card .slider-item .divimg { aspect-ratio: 2/1; }
  .shop-card .slider-item .content { padding: 0 0 0 40px; justify-content: center; text-align: left; background: linear-gradient(90deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,.4) 8%, rgba(0,0,0,0) 30%); }
}

@media screen and (min-width: 1024px) {
}

@media screen and (min-width: 1025px) {
  .shop-card .slider-container .nl-slider { display: none; }
}

@media screen and (min-width: 1280px) {
  .shop-card .slider-item .divimg { aspect-ratio: 72/25; }
  .shop-card .slider-container .nl-slider { display: block; }
  .shop-card .slider-container .nl-slider .slideBtn { top: auto; bottom: 28px; }
  .shop-card .slider-container .nl-slider .prevBtn { left: 50px; }
  .shop-card .slider-container .nl-slider .nextBtn { left: 128px; right: auto; }
  .shop-card .owl-carousel .owl-dots { left: 82px; }
  .shop-card .slider-item { grid-template-columns: clamp(420px, 30vw, 520px) 1fr; }
  .shop-card .slider-item .content { padding: 0 0 0 50px; }
}

@media screen and (min-width: 1600px) {
  .shop-card .slider-item .divimg { aspect-ratio: 72/25; }
  .shop-card .slider-container .nl-slider .nextBtn { left: 154px; }
  .shop-card .owl-carousel .owl-dots { left: 90px; }
}