.lm-card{position:relative;display:flex;flex-direction:column;isolation:isolate;border-radius:var(--lm-radius-card);background:var(--lm-color-bg);border:var(--lm-border-width) solid var(--lm-color-border);box-shadow:var(--lm-shadow-sm);transition:transform var(--lm-dur-base) var(--lm-ease-out),border-color var(--lm-dur-base)}.lm-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;box-shadow:var(--lm-shadow-lg);opacity:0;transition:opacity var(--lm-dur-base) var(--lm-ease-out);pointer-events:none}.lm-card:hover:after,.lm-card:focus-within:after{opacity:1}.lm-card:hover{border-color:color-mix(in srgb,var(--lm-color-fg) 22%,var(--lm-color-border))}.lm-card--raised{box-shadow:var(--lm-shadow-md)}.lm-card--plain{border-color:transparent;box-shadow:none}.lm-card--plain:hover{border-color:transparent}.lm-card--lift:hover,.lm-card--lift:focus-within{transform:translateY(-4px)}.lm-card__media-wrap{position:relative;border-radius:calc(var(--lm-radius-card) - var(--lm-border-width));overflow:hidden;background:var(--lm-color-bg-alt)}.lm-card--standard .lm-card__media-wrap{border-radius:calc(var(--lm-radius-card) - var(--lm-border-width)) calc(var(--lm-radius-card) - var(--lm-border-width)) 0 0;border-bottom:1px solid var(--lm-color-border)}.lm-card__media{display:block}.lm-card__img{width:100%;height:100%;object-fit:cover;transition:transform var(--lm-dur-slow) var(--lm-ease-out),opacity var(--lm-dur-base)}.lm-card:hover .lm-card__img--primary{transform:scale(1.04)}.lm-media--swap .lm-card__img--secondary{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:scale(1.02)}.lm-media--swap:hover .lm-card__img--primary{opacity:0}.lm-media--swap:hover .lm-card__img--secondary{opacity:1;transform:scale(1)}.lm-card__actions{position:absolute;top:var(--lm-space-3);right:var(--lm-space-3);display:flex;flex-direction:column;gap:6px;z-index:3}.lm-card__action{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--lm-radius-pill);background:color-mix(in srgb,var(--lm-color-bg) 92%,transparent);border:1px solid var(--lm-color-border);color:var(--lm-color-fg);box-shadow:var(--lm-shadow-sm);opacity:0;transform:translateY(-6px);transition:opacity var(--lm-dur-base),transform var(--lm-dur-base) var(--lm-ease-out),background var(--lm-dur-base),color var(--lm-dur-base),border-color var(--lm-dur-base)}.lm-card:hover .lm-card__action,.lm-card:focus-within .lm-card__action{opacity:1;transform:none}.lm-card__action:hover{background:var(--lm-color-primary);border-color:var(--lm-color-primary);color:var(--lm-color-on-primary)}.lm-card__action[aria-pressed=true]{color:var(--lm-color-accent)}.lm-card__action[aria-pressed=true] .lm-icon{fill:currentColor}@media(hover:none){.lm-card__action{opacity:1;transform:none}}.lm-card__quickadd{position:absolute;left:var(--lm-space-3);right:var(--lm-space-3);bottom:var(--lm-space-3);z-index:3;opacity:0;transform:translateY(8px);transition:opacity var(--lm-dur-base),transform var(--lm-dur-base) var(--lm-ease-out)}.lm-card:hover .lm-card__quickadd,.lm-card:focus-within .lm-card__quickadd{opacity:1;transform:none}.lm-card__quickadd .lm-btn{min-height:44px;background:var(--lm-color-accent);color:var(--lm-color-on-accent);border-color:transparent;box-shadow:var(--lm-shadow-md)}.lm-card__quickadd .lm-btn:hover{background:color-mix(in srgb,var(--lm-color-accent) 88%,#1A1714);box-shadow:var(--lm-shadow-lg)}.lm-card__quickadd .lm-btn:after{content:none}@media(hover:none){.lm-card__quickadd{opacity:1;transform:none;position:static;margin-top:var(--lm-space-2)}}.lm-card__body{display:flex;flex-direction:column;gap:7px;padding:var(--lm-space-4) var(--lm-space-4) var(--lm-space-5)}.lm-card--plain .lm-card__body{padding-inline:2px}.lm-card--standard .lm-card__body{background:var(--lm-color-bg-alt);border-radius:0 0 calc(var(--lm-radius-card) - var(--lm-border-width)) calc(var(--lm-radius-card) - var(--lm-border-width))}.lm-card__vendor{margin:0;font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;color:var(--lm-color-fg-muted);font-weight:600}.lm-card__title{font-family:var(--lm-font-heading);font-size:1.0625rem;font-weight:var(--lm-font-heading-weight, 600);line-height:var(--lm-leading-snug);letter-spacing:-.011em;margin:0}.lm-card__link{color:var(--lm-color-fg);transition:color var(--lm-dur-fast)}.lm-card__link:hover{color:var(--lm-color-primary)}.lm-card__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--lm-space-2);margin-top:auto;padding-top:4px}.lm-card__delivery{display:inline-flex;align-items:center;gap:4px;color:var(--lm-color-fg-muted);white-space:nowrap}.lm-card__delivery .lm-icon{color:var(--lm-color-success)}.lm-product-grid{display:grid;gap:var(--lm-grid-gap);grid-template-columns:repeat(var(--lm-cols, 4),1fr)}@media(max-width:989px){.lm-product-grid{grid-template-columns:repeat(var(--lm-cols-tablet, 3),1fr)}}@media(max-width:749px){.lm-product-grid{grid-template-columns:repeat(var(--lm-cols-mobile, 2),minmax(0,1fr));gap:var(--lm-space-4)}}@media(max-width:519px){.lm-product-grid{grid-template-columns:1fr;gap:var(--lm-space-6)}.lm-card__body{padding-inline:var(--lm-space-3)}.lm-card__footer{align-items:flex-end}.lm-card__delivery{white-space:normal;text-align:right}}.lm-product-grid.lm-product-grid--list{grid-template-columns:1fr;gap:var(--lm-space-4)}.lm-card--list{flex-direction:row;align-items:stretch;gap:var(--lm-space-4);padding:var(--lm-space-3)}.lm-card--list .lm-card__media-wrap{flex:0 0 160px;width:160px;align-self:flex-start;border-radius:var(--lm-radius-md);border-bottom:0}.lm-card--list .lm-card__body{flex:1 1 auto;min-width:0;padding:var(--lm-space-2) var(--lm-space-2) var(--lm-space-2) 0;background:transparent;border-radius:0}.lm-card--list .lm-card__title{font-size:1.125rem}.lm-card--list .lm-card__quickadd{position:static;opacity:1;transform:none;margin-top:var(--lm-space-3)}.lm-card--list .lm-card__body .lm-card__quickadd{align-self:flex-start;margin-top:auto}.lm-card--list .lm-card__quickadd .lm-btn{width:auto}@media(max-width:519px){.lm-card--list .lm-card__media-wrap{flex-basis:112px;width:112px}.lm-card--list .lm-card__body{padding-inline:0}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/component-card.css.map */