@charset "utf-8";

.showcase-container { width: 100%; background: rgb(248, 248, 248); }

.theme-showcase .showcase-wrapper { display: flex; width: 100%; }

.theme-showcase .showcase-branding { cursor: pointer; position: relative; line-height: 0; }

.theme-showcase .showcase-branding img { object-fit: cover; object-position: center top; }

.theme-showcase .showcase-content { display: flex; flex-direction: column; flex-grow: 1; overflow: hidden; }

.theme-showcase .showcase-products { height: 100%; overflow: hidden; }

.theme-showcase .showcase-carousel { scroll-behavior: smooth; height: 100%; display: flex; gap: 12px; padding: 30px 0px 5px; overflow-x: auto; }

.theme-showcase .showcase-carousel::-webkit-scrollbar { display: none; }

.theme-showcase .product-card { cursor: pointer; min-width: 220px; max-width: 300px; background: rgb(255, 255, 255); box-shadow: rgba(38, 38, 38, 0.1) 0px 2px 8px 2px; padding-bottom: 20px; }

.theme-showcase .product-card-inner { display: flex; flex-direction: column; justify-content: center; gap: 20px; padding: 8px; }

.theme-showcase .product-image-container { display: flex; align-items: center; justify-content: center; }

.theme-showcase .product-image { width: 200px; height: 200px; object-fit: contain; }

.theme-showcase .product-details { display: flex; flex-direction: column; gap: 8px; }

.theme-showcase .product-name { font-size: 14px; font-weight: 400; line-height: 20px; font-family: Lato, sans-serif; color: rgb(38, 38, 38); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: calc(40px); overflow: hidden; }

.theme-showcase .product-rating { display: flex; align-items: center; gap: 10px; }

.theme-showcase .star-rating { display: flex; align-items: center; gap: 1px; }

.theme-showcase .star { color: rgb(213, 126, 7); font-size: 15px; margin-right: 1px; }

.theme-showcase .star-empty { color: rgb(224, 224, 224); }

.theme-showcase .star-half::after { content: "★"; position: absolute; left: 0px; top: 0px; width: 50%; overflow: hidden; color: rgb(255, 193, 7); }

.theme-showcase .rating-count { font-size: 12px; font-weight: 400; line-height: 16px; font-family: Lato, sans-serif; color: rgb(38, 38, 38); }

.theme-showcase .current-price { font-size: 20px; font-weight: 700; line-height: 30px; font-family: Lato, sans-serif; color: rgb(38, 38, 38); }

.theme-showcase .current-price.current-price--total--red { margin-right: 0.25rem; color: rgb(197, 0, 3); }

.theme-showcase .sponsored-label { font-size: 12px; line-height: 18px; font-weight: 400; font-family: Lato, sans-serif; color: rgb(80, 80, 80); text-align: right; }

.theme-showcase .showcase-button { position: absolute; right: 0px; left: 0px; bottom: 16px; margin: 0px auto; border: none; height: 36px; width: max-content; text-decoration: unset; font-weight: 700; font-size: 14px; font-family: Lato, sans-serif; line-height: normal; padding: 10px 16px; border-radius: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; display: flex; align-items: center; justify-content: center; background-color: rgb(38, 38, 38); opacity: 0.9; color: rgb(255, 255, 255); }

.theme-showcase .showcase-button:hover, .theme-showcase .showcase-button:active, .theme-showcase .showcase-button:focus, .theme-showcase .showcase-button:focus-visible { text-decoration: underline; }

.theme-showcase .showcase-button:focus, .theme-showcase .showcase-button:focus-visible { outline-offset: 2px; outline: rgb(0, 127, 252) solid 2px; border-radius: 2px; }

.theme-showcase .showcase-button:hover { background-color: rgb(80, 80, 80); }

.theme-showcase .showcase-button:active, .theme-showcase .showcase-button:focus, .theme-showcase .showcase-button:focus-visible { background-color: rgb(80, 80, 80); opacity: 0.8; }

@media (min-width: 2560px) {
  .theme-showcase .showcase-branding img { height: 433px; width: 310px; }
  .theme-showcase .showcase-carousel { gap: 13px; padding: 24px 24px 4px; }
  .theme-showcase .product-card { min-width: 302px; padding-bottom: 0px; }
  .theme-showcase .product-price { display: flex; align-items: center; }
  .theme-showcase .sponsored-label { padding-right: 24px; padding-bottom: 24px; }
}

@media (min-width: 1280px) and (max-width: 2559px) {
  .theme-showcase .showcase-products :nth-child(5) { display: none; }
  .theme-showcase .showcase-branding img { height: 451px; width: 310px; }
  .theme-showcase .showcase-carousel { gap: 10px; padding: 24px 24px 16px; }
  .theme-showcase .product-card { flex: 1 1 0px; min-width: 22%; }
  .theme-showcase .product-price { display: flex; align-items: center; }
  .theme-showcase .sponsored-label { padding-right: 24px; padding-bottom: 24px; }
}

@media (min-width: 851px) and (max-width: 1279px) {
  .theme-showcase .product-image { width: 142px; height: 142px; }
}

@media (min-width: 768px) and (max-width: 850px) {
  .theme-showcase .product-image { width: 120px; height: 120px; }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .theme-showcase .showcase-branding img { height: 443px; width: calc(-0.587084px + 23.4834vw); }
  .theme-showcase .showcase-carousel { gap: 7px; padding: 24px 24px 16px; }
  .theme-showcase .product-card { flex: 1 1 0px; min-width: 29%; }
  .theme-showcase .sponsored-label { padding-right: 24px; padding-bottom: 24px; }
}

@media (max-width: 767px) {
  .theme-showcase .showcase-wrapper { height: 100%; flex-direction: column; }
  .theme-showcase .showcase-branding img { height: 100%; width: 100%; }
  .theme-showcase .showcase-carousel { align-items: stretch; gap: 7px; padding: 16px; }
  .theme-showcase .showcase-content { width: 100%; }
  .theme-showcase .showcase-button { display: none; }
  .theme-showcase .product-card { min-width: 40%; border-radius: 2px; flex: 1 1 0%; }
  .theme-showcase .product-image { width: 142px; height: 142px; }
  .theme-showcase .product-name { font-size: 14px; line-height: 20px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; min-height: calc(60px); }
  .theme-showcase .rating-count { font-size: 12px; line-height: 16px; }
  .theme-showcase .carousel-indicators { display: none; justify-content: center; gap: 8px; margin-top: auto; margin-bottom: 10px; }
  .theme-showcase .sponsored-label { font-size: 12px; line-height: 18px; padding-right: 16px; padding-bottom: 16px; }
}

@media (max-width: 465px) {
  .theme-showcase .product-image { width: 100px; height: 100px; }
}

@media (max-width: 355px) {
  .theme-showcase .nl-tag--product--availability-dark { padding: 1px 4px 2px; }
  .theme-showcase .product-card { min-width: 130px; }
}