.ugly-product-card{position:relative;display:flex;flex-direction:column;width:100%;min-width:0;color:var(--ugly-card-text,#202020);font-family:inherit;text-align:left}
.ugly-product-card .ugly-card-media{position:relative;aspect-ratio:1/1;background:var(--ugly-card-image-bg,#f5f5f5);overflow:hidden}
.ugly-product-card .ugly-card-image-link{display:flex;width:100%;height:100%;padding:8px;align-items:center;justify-content:center}
.ugly-product-card .ugly-card-image,.ugly-product-card .ugly-card-image-link img{display:block;width:100%;height:100%;object-fit:contain;margin:0;mix-blend-mode:multiply}
.ugly-product-card .ugly-card-badge,.ugly-product-card .ugly-card-stock{position:absolute;top:8px;left:8px;z-index:2;max-width:calc(100% - 16px);padding:3px 5px;background:var(--ugly-card-accent,#ed1c24);color:#fff;font-size:10px;line-height:1.2;font-weight:700;border-radius:2px}
.ugly-product-card .ugly-card-stock{top:auto;bottom:8px;background:#202020}
.ugly-product-card .ugly-card-info{padding:10px 0 0;display:flex;flex-direction:column;gap:3px}
.ugly-product-card .ugly-card-title{color:var(--ugly-card-text,#202020);font-size:var(--ugly-card-title-size,15px);font-weight:700;line-height:1.25;text-decoration:none}
.ugly-product-card .ugly-card-price{font-size:14px;line-height:1.4;color:var(--ugly-card-text,#202020)}
.ugly-product-card .ugly-card-price del{opacity:.65}.ugly-product-card .ugly-card-price ins{text-decoration:none;color:var(--ugly-card-accent,#ed1c24)}
.ugly-product-card .ugly-card-rating{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--ugly-card-accent,#ed1c24)}
.ugly-product-card .star-rating{margin:0;color:var(--ugly-card-accent,#ed1c24);font-size:12px}.ugly-product-card .ugly-card-rating-count{color:var(--ugly-card-text,#202020)}
.ugly-product-card .ugly-card-quick{position:absolute;bottom:8px;left:8px;right:8px;opacity:0;transition:opacity .2s ease}.ugly-product-card:hover .ugly-card-quick,.ugly-product-card:focus-within .ugly-card-quick{opacity:1}
.ugly-product-card .ugly-card-quick .quick-view{display:block;width:100%;padding:10px;background:#202020;color:#fff;text-align:center;font-size:12px;font-weight:700;text-decoration:none}
.ugly-product-card a:focus-visible{outline:2px solid var(--ugly-card-accent,#ed1c24);outline-offset:2px}
@media (hover:none){.ugly-product-card .ugly-card-quick{position:static;opacity:1}.ugly-product-card .ugly-card-quick .quick-view{min-height:40px}}
@media (prefers-reduced-motion:reduce){.ugly-product-card .ugly-card-quick{transition:none}}