/* The product silhouette carries the display; there is no image tile or frame. */
.product-card{background:transparent;border:0;box-shadow:none}
.product-image{aspect-ratio:1.16;background:transparent;border:0;overflow:visible;isolation:isolate}
.product-image>a{position:relative;display:flex;align-items:center;justify-content:center;background:transparent}
.product-image img{display:block;width:100%;height:100%;object-fit:contain;padding:8px 5px 12px;mix-blend-mode:multiply;transform:translateY(0);transition:transform 240ms cubic-bezier(.2,.7,.3,1)}
.product-card:hover .product-image img{transform:none}
.product-info{position:relative;padding-top:18px}
.product-tag{background:transparent;padding-left:0;top:0;left:0}
.favorite-button{z-index:2;background:transparent}
.product-image>a:focus-visible{outline:2px solid var(--blue);outline-offset:5px}
.product-detail-image{aspect-ratio:1.1;background:transparent;border:0;box-shadow:none;isolation:isolate;overflow:visible}
.product-detail-image img{padding:12px 10px 24px;object-fit:contain;mix-blend-mode:multiply}
.product-detail-image .product-tag{top:10px;left:0}
.category-tile>div,.category-tile img{background:transparent;border:0;box-shadow:none}
.category-tile img{padding:0 4px 8px;mix-blend-mode:multiply}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .product-card .product-image>a:hover img,.product-card:focus-within .product-image img{transform:translateY(-7px) scale(1.04)}
}
@media(max-width:760px){
  .product-image{aspect-ratio:1.06}
  .product-image img{padding:8px 0 10px}
  .product-info{padding-top:12px}
  .product-detail-image{aspect-ratio:1.12;max-height:none}
  .product-detail-image img{padding:10px 0 20px}
}
@media(prefers-reduced-motion:reduce){
  .product-image img,.category-tile img{transition:none!important;transform:none!important}
}