.pgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}@media(min-width:768px){.pgrid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.pgrid{grid-template-columns:repeat(6,1fr)}}.card{background:var(--cream);padding:12px;display:flex;flex-direction:column;position:relative}@media(min-width:640px){.card{padding:16px}}.card__ph{position:relative;aspect-ratio:4 / 5;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center}.card__link{display:block;width:100%;height:100%}.card__ph .img{width:100%;height:100%}.badge{position:absolute;top:8px;left:8px;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px 8px;font-size:9px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;color:#000}.badge--k{background:#000;color:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}.card__qa{position:absolute;bottom:8px;left:8px;right:8px;background:#000;color:#fff;font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;padding:10px;display:flex;align-items:center;justify-content:center;gap:6px;opacity:0;transform:translateY(4px);transition:.2s;border:0;cursor:pointer;font-family:inherit;text-decoration:none}.card:hover .card__qa,.card__qa:focus-visible{opacity:1;transform:none}.card__qa:focus-visible,.card__qam:focus-visible,.card__ql:focus-visible,.card__name a:focus-visible{outline:2px solid #000;outline-offset:2px}.card__qa:focus-visible{outline-color:#fff;outline-offset:-4px}.card__qa:disabled,.card__qam:disabled,.card__ql:disabled{cursor:default;opacity:.5}.card:hover .card__qa:disabled{opacity:.5}.card__tx{padding-top:12px;flex:1;display:flex;flex-direction:column}.card__v{font-size:10px;letter-spacing:.14em;text-transform:uppercase;opacity:.6;margin-bottom:2px}.card__name{font-size:13px;font-weight:500;line-height:1.25;margin:0}.card__name a{color:inherit;text-decoration:none}.card__row{margin-top:4px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px}.card__meta{font-size:11px;color:var(--label-dim)}.pr__was{opacity:.6;margin-right:6px}.pr__now--sale{color:var(--red)}.card__qam{display:none;margin-top:12px;width:100%;border:1px solid rgba(0,0,0,.15);background:none;color:inherit;padding:8px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;cursor:pointer;font-family:inherit;text-align:center;text-decoration:none;transition:.15s}.card__qam:hover{background:#000;color:#fff}@media(max-width:1023px){.card__qam{display:block}.card__qa{display:none}}.card--list{background:#fff;padding:16px;flex-direction:row;gap:16px;transition:.15s}@media(min-width:640px){.card--list{padding:20px}}.card--list:hover{background:var(--cream)}.card__thumb{width:92px;height:92px;background:var(--sand);flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.card__thumb .img{width:100%;height:100%;background:transparent}.card__thumb img{object-fit:contain;mix-blend-mode:multiply}.card__body{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.card__lb{font-size:10px;letter-spacing:.16em;text-transform:uppercase;opacity:.6}.card--list .card__name{margin-top:4px}.card--list .card__pr{font-size:13px;margin-top:4px}.card__ql{margin-top:12px;background:none;border:0;color:inherit;font:500 11px Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px;cursor:pointer;padding:0}.card__ql:hover{opacity:.6}.toasts{position:fixed;bottom:16px;right:16px;left:16px;z-index:100;display:flex;flex-direction:column;gap:8px;pointer-events:none}@media(min-width:640px){.toasts{left:auto}}.toast{pointer-events:auto;background:#000;color:#fff;font-size:13px;padding:12px 16px;box-shadow:0 10px 40px #0000004d;display:flex;align-items:center;gap:12px;animation:toast-in .25s ease-out}.toast i{width:6px;height:6px;background:#fff;border-radius:50%;flex-shrink:0;animation:toast-pulse 2s infinite}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes toast-pulse{50%{opacity:.5}}@media(prefers-reduced-motion:reduce){.toast,.toast i,.card__qa{animation:none;transition:none}}@media(min-width:768px){.pgrid.pgrid--4{grid-template-columns:repeat(4,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/cards.css.map */