@media (min-width: 1280px) {
    #app .s-products-list-vertical-cards {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.s-product-card-entry:hover {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    transform: scale(1.0);
    transition: 0.3s ease-in-out 10ms;
}

.s-product-card-content-sub {
  display: inline-flex;
}
#app .s-products-list-vertical-cards {
  gap:3rem 2rem;
}

.s-product-card-fit-height .s-product-card-image
Specificity: (0,2,0)
 {
    height: 15rem;
    max-height: 20rem;
}

.s-product-card-fit-height .s-product-card-image {
    height: 11rem;
    max-height: 20rem;
}
.s-product-card-entry .s-product-card-content-subtitle {
    font-size: 0.5rem;
}

/* Category page header */
section.page-header.relative.rounded.bg-cover {
    background-attachment: fixed;
    background-size: contain;
    background-repeat: no-repeat;
}

@media (min-width: 1024px) {
    .s-block {
        margin-top: 1rem;
    }
}

.s-block.s-block--marquee {
    margin-top: 0rem !important;
}


















.s-product-card-entry:hover {
  --border-angle: 0deg;
  border-radius: 16px;
  /* box-shadow: 0px 2px 4px hsl(0 0% 0% / 25%); */
  animation: border-angle-rotate 2s infinite linear;
  border: 0.2rem solid transparent;


  &.s-product-card-vertical:hover {
    background: linear-gradient(white, white) padding-box,
      conic-gradient(from var(--border-angle),
        oklch(100% 100% 0deg),
        oklch(100% 100% 45deg),
        oklch(100% 100% 90deg),
        oklch(100% 100% 135deg),
        oklch(100% 100% 180deg),
        oklch(100% 100% 225deg),
        oklch(100% 100% 270deg),
        oklch(100% 100% 315deg),
        oklch(100% 100% 360deg)) border-box;
  }
}

@keyframes border-angle-rotate {
  from {
    --border-angle: 0deg;
  }

  to {
    --border-angle: 360deg;
  }
}


/** boilerplate **/


@property --border-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

/* Promotion Banner */

.s-block--promotion-banner > div {
    height: 50vh;
}



/********** Footer **********/

/* @media (min-width: 640px) {
    .store-footer {
        margin: 4rem 14rem 0rem 14rem;
        border-radius: 1rem;
    }
}

@media (min-width: 1024px) {
    .store-footer__inner {
        padding: 4rem;
    }
} */

.footer-is-light .store-footer {
    background-color: transparent!important;
}
.footer-is-light .store-footer .store-footer__inner {
    background-color: transparent!important
}
.footer-items-wrapper {
    display: flex;
    background-color: #fff;
    padding: 2rem;
    border-radius: 1rem;
}

@media (min-width: 1024px) {
    .store-footer__inner {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}

@media (min-width: 640px) {
    .store-footer {
        margin-top: 1rem;
    }
}




/* Apply only on mobile and tablets */
@media (max-width: 1024px) {
  /* For <img> tags inside salla-slider */
  salla-slider img {
    width: 100%;
    height: 100%;
    object-fit: contain;     /* show full image without cropping */
  }

  /* For background images inside slides */
  salla-slider .slide {
    background-size: contain;   /* no cropping */
    background-position: center;
    background-repeat: no-repeat;
    background-color: #000;     /* optional letterbox color */
  }

  /* Stabilize layout on smaller screens */
  salla-slider .slide {
    aspect-ratio: 16 / 9;       /* adjust ratio if needed */
    display: grid;
    place-items: center;
  }
}









/* Fix Vertical Products listing on Mobile devices */
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
#app .s-products-list-vertical-cards {
    gap: 1rem;
}
#app .s-products-list-vertical-cards {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
}
  section.s-block.s-block--boxed.without-padding.s-block--default-home-slider {
    margin-top: 0px;
}
  .swiper-backface-hidden .swiper-slide {
    height: auto;
    width: 100%;
}
  .s-product-card-fit-height.s-product-card-vertical .s-product-card-image {
    flex: 1 1 0%;
}
}