@font-face{font-family:OCProductCondensed;src:url('NeueHelvetica57Condensed.woff2') format('woff2');font-display:swap}
.oc-card{position:relative;display:flex;flex-direction:column;width:100%;height:100%;color:var(--oc-card-fg,#111);font-family:OCProductCondensed,Arial,sans-serif;background:#fff}
.oc-card__media{position:relative;display:block;width:100%;aspect-ratio:4/5;overflow:hidden;background:#f2f2f0}
.oc-card__image-link{display:block;width:100%;height:100%}.oc-card__image{display:block;width:100%;height:100%;object-fit:cover}.oc-card__image--second{position:absolute;inset:0;opacity:0;transition:opacity .2s ease}.oc-card__media:hover .oc-card__image--second,.oc-card__media:focus-within .oc-card__image--second{opacity:1}
.oc-card__badge,.oc-card__stock{position:absolute;z-index:2;top:12px;left:12px;max-width:calc(100% - 24px);padding:5px 8px;background:var(--oc-card-badge,#fff);color:#111;font-size:14px;line-height:1.2;font-weight:600}.oc-card__stock{top:auto;bottom:12px}
.oc-card__info{display:flex;justify-content:space-between;gap:12px;padding:14px 16px 18px;line-height:1.4}.oc-card__title{font-size:var(--oc-card-title-size,16px);font-weight:600;color:inherit;text-decoration:none;overflow-wrap:anywhere}.oc-card__secondary{text-align:right;flex-shrink:0}.oc-card__price{font-size:16px;line-height:1.4}.oc-card__price del{font-size:14px;color:#666}.oc-card__price ins{color:#111;text-decoration:none}.oc-card__rating{font-size:14px;margin-top:4px}.oc-card__quick{position:absolute;z-index:3;right:12px;bottom:12px;padding:9px 12px;background:#111!important;color:#fff!important;border:1px solid #111;font-size:14px;line-height:1.2;opacity:0;transition:opacity .15s ease}.oc-card:hover .oc-card__quick,.oc-card:focus-within .oc-card__quick{opacity:1}.oc-card__quick:focus-visible{outline:3px solid #d76b21;outline-offset:3px}
.product-small:has(.oc-card)>.col-inner>.badge-container{display:none}.oc-card a:focus-visible{outline:2px solid #111;outline-offset:2px}
@media(max-width:767px){.oc-card__info{padding:12px 12px 16px}.oc-card__quick{opacity:1}}
@media(prefers-reduced-motion:reduce){.oc-card__image--second,.oc-card__quick{transition:none}}
.oc-card__purchase.button{align-self:flex-start;margin:0 16px 16px;padding:8px 12px;min-height:0;background:#111!important;color:#fff!important;border:1px solid #111;line-height:1.3;font-size:14px;text-decoration:none}.oc-card__purchase.button:hover,.oc-card__purchase.button:focus{background:#333!important;color:#fff!important}
