/** Shopify CDN: Minification failed

Line 7:0 Unexpected "<"
Line 98:0 Unexpected "<"

**/
<style>
/* ====== PRODUCTS (cards) ====== */
.featured-collection-with-media__products{column-gap:25px!important;row-gap:25px!important}
.featured-collection-with-media__products .product-item{
  background:#fff;border:1px solid #00000014;border-radius:18px;
  padding:16px;box-shadow:0 8px 24px #0000001a;
  display:flex;flex-direction:column;color:#111;
}
.featured-collection-with-media__products .product-item .media,
.featured-collection-with-media__products .product-item .product-item__media{
  background:#f2f2f2;border-radius:14px;overflow:hidden
}
.featured-collection-with-media__products .product-item img{
  border-radius:14px;width:100%;display:block
}
.featured-collection-with-media__products .product-item__vendor{color:#9a9a9a}
.featured-collection-with-media__products .product-item__title,
.featured-collection-with-media__products .product-item__title a{color:#111;font-weight:500}
.featured-collection-with-media__products .price{font-weight:700}
.featured-collection-with-media__products [class*="stock"]{
  color:var(--color-products-stock-good);
  font-weight:500;
   &[data-in-stock="false"] {
    color: var(--color-products-stock-bad);
  }
}
.featured-collection-with-media__products .product-item__actions,
.featured-collection-with-media__products .product-item__button{margin-top:auto}
.featured-collection-with-media__products [class*="rating"],
.featured-collection-with-media__products [class*="spr-"]{display:none!important}

/* якщо тема дає відступи через holder */
.featured-collection-with-media__products .product-item-holder,
.featured-collection-with-media__products .product-item-holder > *{padding:0!important}

@media(hover:hover){
  .featured-collection-with-media__products .product-item:hover{
    box-shadow:0 12px 34px #00000024;transform:translateY(-10px) !important;transition: all .3s ease-in-out;
  }
}

/* ====== MOBILE tweaks ====== */
@media(max-width:768px){
  .featured-collection-with-media__products .product-item{
    padding:12px;
    margin:0 10px 0 0!important; /* відступ між комірками на мобільному */
  }
  .featured-collection-with-media__products .product-item .media,
  .featured-collection-with-media__products .product-item .product-item__media{
    padding:0!important;
  }
  .featured-collection-with-media__products .product-item img{
    height:180px;object-fit:contain
  }
  .featured-collection-with-media__products .product-item__vendor{font-size:12px}
  .featured-collection-with-media__products .product-item__title{
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
    overflow:hidden;font-size:14px;line-height:1.25
  }
  .featured-collection-with-media__products .price{font-size:16px}
  .featured-collection-with-media__products [class*="stock"]{font-size:13px}
}

/* ====== LEFT MEDIA (image/video) rounding + align height ====== */
.featured-collection-with-media__inner{display:flex;align-items:stretch}
.featured-collection-with-media__media-block{
  border-radius:24px;overflow:hidden;
  height:auto!important;display:flex
}
.featured-collection-with-media__media-block > *{flex:1}

/* щоб оверлей і лінка не ламали радіус */
.featured-collection-with-media__media-block .featured-collection-with-media__overlay,
.featured-collection-with-media__media-block .featured-collection-with-media__media-link,
.featured-collection-with-media__media-block .featured-collection-with-media__video-wrapper,
.featured-collection-with-media__media-block .featured-collection-with-media__video,
.featured-collection-with-media__media-block .featured-collection-with-media__image,
.featured-collection-with-media__media-block .featured-collection-with-media__image--mobile{
  border-radius:inherit
}

/* щоб медіа заповнювало блок по висоті */
.featured-collection-with-media__media-block img,
.featured-collection-with-media__media-block video{
  width:100%;height:100%;object-fit:cover
}

/* на мобільному секція стає колонкою — не тягнемо по висоті */
@media(max-width:860px){
  .featured-collection-with-media__inner{flex-direction:column}
}
</style>