.pela-card{box-sizing:border-box;position:relative;display:flex;flex-direction:column;height:100%;min-width:0;padding:var(--pela-card-desktop-padding,16px);border:1px solid var(--pela-card-border,#d2d2d2);border-radius:8px;background:#fff;color:#4c4c4c;font-family:Poppins,sans-serif;font-size:var(--pela-card-desktop-text,16px);line-height:1.3}
.pela-card:hover,.pela-card:focus-within{border-color:#b9cdd2}
.pela-card__image-wrap{position:relative;aspect-ratio:1/1;width:100%;overflow:hidden;background:#fff}
.pela-card__image-link{display:block;width:100%;height:100%}
.pela-card__image{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.pela-card__badge{position:absolute;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:48px;height:48px;border-radius:50%;padding:4px;background:var(--pela-card-badge-bg,#282b4a);color:var(--pela-card-badge-fg,#fff);font:500 14px/1.1 Poppins,sans-serif;text-align:center;pointer-events:none}
.pela-card__title{margin:16px 0 8px;font:700 var(--pela-card-desktop-text,16px)/1.3 Poppins,sans-serif;color:#4c4c4c;overflow-wrap:anywhere}
.pela-card__title a{color:inherit;text-decoration:none}
.pela-card:hover .pela-card__title a,.pela-card__title a:focus-visible{color:var(--pela-card-hover,#637f5a);text-decoration:underline;text-underline-offset:2px}
.pela-card a:focus-visible,.pela-card button:focus-visible{outline:2px solid #405960;outline-offset:2px}
.pela-card__price{color:#4c4c4c;font:500 var(--pela-card-desktop-text,16px)/1.3 Poppins,sans-serif}
.pela-card__price del{opacity:.7;font-size:14px}.pela-card__price ins{background:none;text-decoration:none}
.pela-card__rating{display:flex;align-items:center;gap:6px;margin-top:8px;color:#4c4c4c;font-size:14px}
.pela-card__rating .star-rating{margin:0;color:#4c4c4c}
.pela-card__purchase{margin-top:auto;padding-top:16px}
.pela-card__purchase a.button,.pela-card__purchase button{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:44px;margin:0;padding:9px 8px;border:2px solid var(--pela-card-action-fg,#432f2e);border-radius:3px;background:var(--pela-card-action-bg,#fff);color:var(--pela-card-action-fg,#432f2e);font:700 14px/1.2 Poppins,sans-serif;text-align:center;text-transform:none;letter-spacing:0;white-space:normal}
.pela-card__purchase a.button:hover,.pela-card__purchase a.button:focus-visible{background:var(--pela-card-action-fg,#432f2e);color:var(--pela-card-action-bg,#fff)}
.pela-card__quick{position:absolute;right:0;bottom:0;z-index:3;opacity:0;pointer-events:none;transition:opacity .15s ease}
.pela-card:hover .pela-card__quick,.pela-card:focus-within .pela-card__quick{opacity:1;pointer-events:auto}
.pela-card__quick a.quick-view{display:block;padding:8px 10px;border:1px solid #282b4a;border-radius:3px;background:#282b4a;color:#fff;font:700 14px/1.2 Poppins,sans-serif;text-decoration:none;text-align:center}
.pela-card__quick a.quick-view:hover,.pela-card__quick a.quick-view:focus-visible{background:#161931;color:#fff}
/* The slot runs its normal outer sale hook. Hide only that duplicate sale bubble when our card is present; keep other native badges. */
.product-small>.col-inner:has(>.pela-card)>.badge-container .badge:has(.on-sale){display:none}
/* Keep existing detail/quick-view sale conditions and position; only align the real sale badge's appearance. */
.single-product .badge-container .badge-inner.on-sale,.product-quick-view-container .badge-container .badge-inner.on-sale{background:var(--pela-card-badge-bg,#282b4a);color:var(--pela-card-badge-fg,#fff);font-family:Poppins,sans-serif;font-weight:500}
@media(max-width:767px){.pela-card{padding:var(--pela-card-mobile-padding,8px);font-size:var(--pela-card-mobile-text,16px)}.pela-card__title{margin:12px 0 6px;font-size:var(--pela-card-mobile-text,16px)}.pela-card__price{font-size:var(--pela-card-mobile-text,16px)}.pela-card__purchase{padding-top:12px}.pela-card__purchase a.button,.pela-card__purchase button{min-height:34px;padding:6px;font-size:14px}}
@media(hover:none){.pela-card__quick{opacity:1;pointer-events:auto}}
@media(prefers-reduced-motion:reduce){.pela-card__quick{transition:none}}