.oner-card{display:block;position:relative;}
.oner-card a{text-decoration:none;color:inherit;display:block;}
.oner-card__media{position:relative;overflow:hidden;background:#f4f4f4;aspect-ratio:3/4;}
.oner-card__media-link{display:block;width:100%;height:100%;position:relative;}
.oner-card__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:opacity .4s ease, transform .5s ease;}
.oner-card__img--secondary{opacity:0;}
.oner-card:has(.oner-card__img--secondary):hover .oner-card__img--primary{opacity:0;}
.oner-card:has(.oner-card__img--secondary):hover .oner-card__img--secondary{opacity:1;transform:scale(1.02);}

.oner-card__icon{position:absolute;width:32px;height:32px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;padding:0;z-index:2;background:transparent;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45));transition:transform .15s ease;}
.oner-card__icon svg{width:20px;height:20px;}
.oner-card__icon:hover{transform:scale(1.1);}
.oner-card__icon--heart{top:10px;right:10px;}
.oner-card__icon--heart.is-active svg{fill:#fff;}

.oner-card__badge{position:absolute;bottom:12px;left:12px;background:#fff;color:#111;font-size:11px;font-weight:600;letter-spacing:.05em;padding:6px 14px;border-radius:999px;text-transform:uppercase;z-index:2;}
.oner-card__badge--sale{background:#111;color:#fff;}

.oner-card__info{padding:12px 10px 0;text-align:left;}
.oner-card__title{font-size:15px;font-weight:500;margin:0 0 4px;line-height:1.35;color:#111;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.oner-card__variant{display:block;font-size:13px;color:#8a8a8a;margin-bottom:4px;}
.oner-card__price,.oner-card__price .price,.oner-card__price .price__regular,.oner-card__price .price__sale{font-size:14px;color:#8a8a8a;justify-content:flex-start;text-align:left;}

.product-grid-container{padding:0;margin:0;}
.product-grid-container .collection.page-width,
.product-grid-container .collection{padding:0 !important;margin:0 !important;max-width:100% !important;}
.product-grid-container #product-grid,
.product-grid-container .product-grid{column-gap:2px;row-gap:28px;margin:0 !important;padding:0 !important;width:100%;list-style:none;}
.product-grid-container .grid__item{padding:0 !important;margin:0 !important;max-width:none;}

@media (max-width:749px){
  .oner-card__icon{width:28px;height:28px;}
  .oner-card__icon svg{width:18px;height:18px;}
  .oner-card__title{font-size:13px;}
  .oner-card__variant,.oner-card__price{font-size:12px;}
  .oner-card__badge{font-size:10px;padding:5px 10px;}
  .oner-card__info{padding:10px 8px 0;}
}