@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);.recomendation-raptor-wrapper .js-recomendation-raptor-wrapper {
  position: relative; }
  .recomendation-raptor-wrapper .js-recomendation-raptor-wrapper .raptor-contols-recommendation {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 49%;
    z-index: 20;
    -ms-flex-pack: justify;
        justify-content: space-between;
    width: 100%;
    max-width: 98%;
    margin: 0;
    pointer-events: none; }
    .recomendation-raptor-wrapper .js-recomendation-raptor-wrapper .raptor-contols-recommendation a {
      pointer-events: auto; }

.experience-commerce_layouts-raptorCarouselHome .carousel {
  padding: 0 !important;
  margin-bottom: 28px !important; }

.experience-commerce_layouts-raptorCarouselHome .product-tile-pd .name-headline {
  padding-top: 2px !important; }

.experience-commerce_layouts-raptorCarouselHome .product-tile-pd .animate-gallery {
  animation-name: none !important; }

@media (max-width: 991.98px) {
  .experience-commerce_layouts-raptorCarouselHome .product-tile-pd .hidden-counter {
    position: relative; }
    .experience-commerce_layouts-raptorCarouselHome .product-tile-pd .hidden-counter .hidden-counter-value {
      position: absolute;
      left: -9px; } }
    @media (max-width: 991.98px) and (max-width: 376px) {
      .experience-commerce_layouts-raptorCarouselHome .product-tile-pd .hidden-counter .hidden-counter-value {
        left: -2px; } }

.carousel-control-prev,
.carousel-control-next {
  top: 0 !important; }

.raptor-carousel-container {
  position: relative;
  margin-top: 60px; }
  .raptor-carousel-container .js-raptor-carousel-container {
    position: relative; }
  .raptor-carousel-container .carousel-inner.row {
    margin-left: -11px; }
    @media (max-width: 543.98px) {
      .raptor-carousel-container .carousel-inner.row {
        margin-left: -16px; } }

.raptor-carousel-title {
  position: relative;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-top: 0; }

.double-arrow {
  background-color: #fff;
  height: 40px;
  width: 40px;
  position: relative; }

.carousel-controls-block.raptor {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 49%;
  z-index: 20;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  margin: 0;
  pointer-events: none; }
  .carousel-controls-block.raptor .double-arrow {
    pointer-events: auto; }

.double-arrow-prev {
  background-color: #fff;
  margin-left: 16px; }
  .double-arrow-prev::before {
    content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQgMTRMNi4xMDc0NCAxNEwxMiA4TDYuMTA3NDQgMkw0IDJMOS44OTI1NiA4TDQgMTRaIiBmaWxsPSIjMEYxMDE4Ii8+Cjwvc3ZnPgo=");
    width: 16px;
    height: 16px;
    transform: scale(-1);
    position: absolute;
    color: #000;
    top: 12px;
    left: 11px; }
  .double-arrow-prev:hover::before {
    scale: 1.1; }

.double-arrow-next {
  background-color: #fff; }
  .double-arrow-next::before {
    display: block;
    content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQgMTRMNi4xMDc0NCAxNEwxMiA4TDYuMTA3NDQgMkw0IDJMOS44OTI1NiA4TDQgMTRaIiBmaWxsPSIjMEYxMDE4Ii8+Cjwvc3ZnPgo=");
    width: 16px;
    height: 16px;
    transform: scale(1);
    position: absolute;
    color: #000;
    top: 12px;
    right: 11px; }
  .double-arrow-next:hover::before {
    scale: 1.1; }

.carousel-title {
  font-family: Inter, sans-serif;
  color: #0f1018;
  font-size: 20px;
  letter-spacing: 0.5px;
  line-height: 25px;
  margin-top: 0;
  text-transform: none;
  border: none; }
  @media (max-width: 360px) {
    .carousel-title {
      font-size: 18px; } }
  .carousel-title.title-card {
    font-size: 32px;
    font-weight: 500;
    font-family: Inter, sans-serif;
    letter-spacing: 0.03;
    text-transform: initial; }
    @media (max-width: 768.98px) {
      .carousel-title.title-card {
        font-size: 24px; } }

.button-carousel {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 14px 83px !important;
  font-size: 16px;
  font-family: HummelPlate-Bold, sans-serif;
  background-color: #0f1018 !important;
  font-weight: 400;
  border-radius: 0; }
  .button-carousel__mob {
    width: 100%;
    margin-top: 3rem; }
  .button-carousel__standard {
    width: 100%; }
    @media (max-width: 991.98px) {
      .button-carousel__standard {
        width: calc(100% + 24px);
        margin-left: -11.5px; } }

.skeleton-card .row:first-of-type {
  margin-left: -8px; }

.skeleton-card .skeleton {
  border-radius: 0;
  position: relative;
  overflow: hidden; }

.skeleton-card .skeleton-image {
  background: #ebebea;
  width: 100%;
  height: 200px; }
  .skeleton-card .skeleton-image::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0) 100%);
    animation: vertical-shimmer 2s infinite; }

.skeleton-card .skeleton-thumbnails {
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem; }
  .skeleton-card .skeleton-thumbnails .skeleton-thumbnail {
    height: 50px;
    width: 40px; }

.skeleton-card .skeleton-text {
  width: 100%;
  height: 15px;
  margin: 5px 0;
  background: #ebebea; }
  .skeleton-card .skeleton-text.narrow {
    width: 40%; }
  .skeleton-card .skeleton-text.medium {
    width: 60%; }

@keyframes vertical-shimmer {
  0% {
    transform: translateY(100%); }
  100% {
    transform: translateY(-100%); } }