.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,2.4vw,40px) clamp(16px,2vw,32px)}@media(max-width:1023px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.grid-4{gap:28px 12px}.grid-4.scroller--mobile{display:flex}}.pcard{position:relative;display:flex;flex-direction:column}.pcard__media{position:relative;display:block;aspect-ratio:var(--card-ratio, 4 / 5);overflow:hidden;background:var(--color-bg-secondary);border-radius:var(--radius)}.pcard__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s var(--ease),transform .9s var(--ease)}.pcard__media img+img{opacity:0}.pcard:hover .pcard__media img:first-child{transform:scale(1.03)}.pcard:hover .pcard__media img+img{opacity:1;transform:scale(1.03)}.pcard__badges{position:absolute;top:12px;left:12px;z-index:2;display:flex;gap:6px;flex-wrap:wrap}.pcard{container-type:inline-size}.pcard__quick{position:absolute;z-index:3;left:12px;right:12px;top:calc(var(--card-h, 1.25) * 100cqw - 56px);transform:translateY(14px);opacity:0;pointer-events:none;transition:transform var(--t-med) var(--ease),opacity var(--t-med) var(--ease),background var(--t-fast),color var(--t-fast);background:var(--color-white);color:var(--color-text);border-color:transparent}.pcard__quick:hover{background:var(--color-brown);color:#fff}.pcard:hover .pcard__quick,.pcard:focus-within .pcard__quick{transform:none;opacity:1;pointer-events:auto}.pcard__body{padding-top:16px;display:flex;flex-direction:column;gap:6px;flex:1}.pcard__title{font-size:1rem;font-weight:650;line-height:1.25}.pcard__title a{text-decoration:none}.pcard__title a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.pcard__title sup{font-size:.6em}.pcard__benefit{font-size:.875rem;color:var(--color-text-secondary);line-height:1.4}.pcard__meta{display:flex;flex-direction:column;gap:6px;margin-top:4px}@media(hover:none),(max-width:767px){.pcard__quick{position:relative;top:auto;left:auto;right:auto;transform:none;opacity:1;pointer-events:auto;margin-top:12px;width:100%;background:transparent;color:var(--color-brown);border:1px solid var(--color-brown);min-height:44px;z-index:3}.pcard__media img+img{display:none}.pcard{justify-content:flex-start}.pcard__quick{order:5}}.pcard__quick.is-added{background:var(--color-brown);color:#fff}
/*# sourceMappingURL=/cdn/shop/t/46/assets/component-product-card.css.map */