.mg-card{position:relative;display:flex;flex-direction:column;height:100%;background:var(--surface);border:var(--border);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}@media(hover:hover)and (min-width:750px){.mg-card:hover{border-color:var(--blue-500);transform:translateY(-2px)}.mg-card:hover .mg-card__img--alt{opacity:1}.mg-card:hover .mg-card__img--main{opacity:0}}.mg-card__media{position:relative;display:block;aspect-ratio:1 / 1;background:#fafafa;overflow:hidden}.mg-card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:10%;transition:opacity .25s var(--ease-out)}.mg-card__img--alt{opacity:0}.mg-card__badges{position:absolute;top:var(--space-2);left:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1);z-index:2}.mg-card__wish{position:absolute;top:var(--space-2);right:var(--space-2);z-index:2;display:inline-flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);background:var(--surface);border:var(--border);border-radius:var(--radius-md);color:var(--slate-600);cursor:pointer;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.mg-card__wish:hover,.mg-card__wish[aria-pressed=true]{color:var(--red-600);border-color:var(--red-600)}.mg-card__wish svg{width:2rem;height:2rem}.mg-card__body{display:flex;flex-direction:column;flex:1;gap:var(--space-2);padding:var(--space-3)}.mg-card__rating{display:flex;align-items:center;gap:var(--space-1);font-size:var(--fs-small);color:var(--slate-600);min-height:2rem}.mg-stars{display:inline-flex;gap:1px;color:var(--star)}.mg-stars svg{width:1.5rem;height:1.5rem}.mg-stars__empty{color:var(--line)}.mg-card__reviews{font-variant-numeric:tabular-nums}.mg-card__title{margin:0;font-family:var(--font-body);font-size:var(--fs-h3);font-weight:600;line-height:1.35;min-height:2.7em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mg-card__title a{color:var(--ink);text-decoration:none}.mg-card__title a:hover{color:var(--blue-700)}.mg-card__price{margin-top:auto;padding-top:var(--space-1)}.mg-card__stock{min-height:1.8rem}.mg-card__cta{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;min-height:var(--tap);padding-inline:var(--space-3);background:var(--amber-600);border:1px solid var(--amber-600);border-radius:var(--radius-md);color:#fff;font-family:var(--font-body);font-size:1.8rem;font-weight:600;line-height:1;text-align:center;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),transform 80ms var(--ease-out)}.mg-card__cta:hover{background:var(--amber-700);border-color:var(--amber-700)}.mg-card__cta:active{transform:scale(.98)}.mg-card__cta[disabled]{background:var(--slate-400);border-color:var(--slate-400);cursor:not-allowed}.mg-card__cta svg{width:1.8rem;height:1.8rem}.mg-card__cta.is-loading .mg-card__cta-label,.mg-card__cta.is-done .mg-card__cta-label{opacity:0}.mg-card__cta-spinner{position:absolute;width:1.8rem;height:1.8rem;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;opacity:0;animation:mg-spin .6s linear infinite}.mg-card__cta.is-loading .mg-card__cta-spinner{opacity:1}.mg-card__cta-done{position:absolute;display:inline-flex;align-items:center;gap:var(--space-2);font-size:1.6rem;font-weight:600;opacity:0;transition:opacity var(--dur-fast) var(--ease-out)}.mg-card__cta.is-done .mg-card__cta-done{opacity:1}.mg-card__cta{position:relative}@keyframes mg-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.mg-card__cta-spinner{animation:none}}.mg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);list-style:none;margin:0;padding:0}@media screen and (min-width:640px){.mg-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}}@media screen and (min-width:1024px){.mg-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (min-width:1440px){.mg-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.mg-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}@media screen and (min-width:750px){.mg-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}}.mg-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(16rem,1fr);gap:var(--space-3);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:var(--space-3);list-style:none;margin:0}.mg-rail>*{scroll-snap-align:start}@media screen and (min-width:750px){.mg-rail{grid-auto-columns:minmax(22rem,1fr);gap:var(--space-4)}}.mg-skeleton{position:relative;background:var(--line);border-radius:var(--radius-sm);overflow:hidden}.mg-skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:mg-shimmer 1.4s infinite}@keyframes mg-shimmer{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.mg-skeleton:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/mg-card.css.map */