/* Uvolox modern product card (collection grids) */
.mcard{--mcard-radius:28px;--mcard-ink:#151515;--mcard-muted:#7b7b7b;position:relative;display:flex;flex-direction:column;height:100%;padding:12px;background:#fff;border-radius:var(--mcard-radius);box-shadow:0 2px 6px rgba(0,0,0,.04),0 22px 44px -22px rgba(0,0,0,.22);font-family:'Poppins',var(--font-body-family),sans-serif;color:var(--mcard-ink);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease}
.mcard__media{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:calc(var(--mcard-radius) - 8px);background:linear-gradient(180deg,#f6f6f6 0%,#e8e9eb 100%)}
.mcard__img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:10%;transition:opacity .45s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.mcard__img--secondary{opacity:0}
.mcard__badge{position:absolute;top:14px;left:14px;z-index:3;padding:7px 15px;border-radius:999px;font-size:12.5px;font-weight:500;line-height:1.1;letter-spacing:.01em;color:#fff;background:#4cb050;text-transform:capitalize}
.mcard__badge--sale{background:#e5484d}
.mcard__badge--soldout{background:#151515}
.mcard__wish{position:absolute;top:12px;right:12px;z-index:3}
.mcard__body{display:flex;flex:1;flex-direction:column;padding:22px 14px 10px}
.mcard__title,.mcard .mcard__title{margin:0;font-family:'Poppins',var(--font-body-family),sans-serif!important;font-size:19px;font-weight:600;line-height:1.3;letter-spacing:-.01em;color:var(--mcard-ink)}
.mcard__link{color:inherit;text-decoration:none}
.mcard__link::after{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--mcard-radius)}
.mcard__link:focus-visible{outline:none}
.mcard__link:focus-visible::after{outline:2px solid var(--mcard-ink);outline-offset:3px}
.mcard__desc{margin:8px 0 0;font-size:14px;line-height:1.6;color:var(--mcard-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mcard__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:22px}
.mcard__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;font-size:19px;font-weight:600;line-height:1.2;white-space:nowrap}
.mcard__price s{font-size:13px;font-weight:400;color:#a3a3a3}
.mcard__price small{font-size:12px;font-weight:400;color:var(--mcard-muted)}
.mcard__form{position:relative;z-index:2}
.mcard__form form{margin:0}
.mcard__btn{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 24px;border:0;border-radius:999px;background:#1f1f1f;color:#fff;font:500 14.5px/1 'Poppins',var(--font-body-family),sans-serif;text-transform:capitalize;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .2s ease,transform .2s ease}
.mcard__btn:hover{background:#000;transform:translateY(-1px)}
.mcard__btn:focus-visible{outline:2px solid #1f1f1f;outline-offset:3px}
.mcard__btn[disabled],.mcard__btn[aria-disabled='true']{background:#e4e4e4;color:#8a8a8a;cursor:not-allowed;transform:none}
.mcard__btn.loading>span{visibility:hidden}
.mcard__btn .loading-overlay__spinner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.mcard__btn .loading-overlay__spinner.hidden{display:none}
.mcard__btn .spinner{width:18px;height:18px}
.mcard__btn .spinner .path{stroke:#fff}
.mcard--soldout .mcard__img{opacity:.55}
.mcard__wish .swym-button{display:flex!important;align-items:center;justify-content:center;width:40px;height:40px;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:#fff!important;color:#e5484d!important;font-size:17px!important;line-height:1!important;box-shadow:0 6px 16px rgba(0,0,0,.14);cursor:pointer;transition:transform .2s ease}
.mcard__wish .swym-button:hover{transform:scale(1.08)}
.mcard__wish .swym-button::before,.mcard__wish .swym-button::after{margin:0!important;color:#e5484d!important}
@media (hover:hover){.mcard:hover{transform:translateY(-4px);box-shadow:0 4px 10px rgba(0,0,0,.05),0 30px 54px -24px rgba(0,0,0,.3)}.mcard:hover .mcard__media:not(.mcard__media--alt) .mcard__img--primary{transform:scale(1.05)}.mcard:hover .mcard__media--alt .mcard__img--primary{opacity:0}.mcard:hover .mcard__media--alt .mcard__img--secondary{opacity:1}}
@media screen and (max-width:749px){.mcard{--mcard-radius:20px;padding:8px}.mcard__img{padding:8%}.mcard__badge{top:10px;left:10px;padding:5px 10px;font-size:10.5px}.mcard__wish{top:8px;right:8px}.mcard__wish .swym-button{width:34px;height:34px;font-size:14px!important}.mcard__body{padding:14px 6px 6px}.mcard__title,.mcard .mcard__title{font-size:14.5px}.mcard__desc{margin-top:4px;font-size:12px;line-height:1.5}.mcard__foot{flex-direction:column;align-items:stretch;gap:10px;padding-top:14px}.mcard__price{font-size:15.5px}.mcard__btn{width:100%;min-height:40px;padding:0 12px;font-size:12.5px}}