.pgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}@media(max-width:1100px){.pgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:820px){.pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}.pc{position:relative;display:flex;flex-direction:column;min-width:0;background:#fff;border-radius:20px;padding:16px;box-shadow:0 1px 3px #0000000d,0 8px 22px #0000000d;transition:box-shadow .2s,transform .2s}.pc:hover{box-shadow:0 2px 6px #00000012,0 14px 32px #0000001a;transform:translateY(-3px)}.pc .brand{position:absolute;top:16px;left:16px;z-index:3;width:28px;height:28px;border-radius:8px;overflow:hidden;background:var(--o);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000029}.pc .brand img{width:100%;height:100%;object-fit:cover}.pc .tag{position:absolute;top:16px;right:16px;z-index:3;background:#fff;color:var(--o);font-size:10.5px;font-weight:700;padding:5px 11px;border-radius:999px;box-shadow:0 1px 2px #00000014,inset 0 1px #ffffffe6,0 4px 10px #00000012}.pc .tag.off{color:var(--light)}.pc .tag.low{color:#c25100;background:#fff1e8;box-shadow:none}.pc .im{display:block;aspect-ratio:1;padding:6px;overflow:hidden;margin-bottom:12px}.pc .im img{width:100%;height:100%;object-fit:contain;transition:transform .45s cubic-bezier(.2,.6,.2,1)}.pc:hover .im img{transform:scale(1.06)}.pc .nm{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14.5px;font-weight:700;color:var(--ink);line-height:1.35;min-height:calc(14.5px * 1.35 * 2)}.pc .nm:hover{color:var(--o)}.pc .d{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;color:var(--mut);line-height:1.45;margin-top:6px;min-height:34.8px}.pc .p{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;margin-top:11px;font-size:17px;font-weight:700;color:var(--ink);letter-spacing:-.2px}.pc .p .fr{font-size:.74em;font-weight:400;color:var(--mut)}.pc .p s{font-size:.72em;font-weight:400;color:var(--light)}.pc .p.off{font-size:14px;font-weight:400;color:var(--light)}.pc .bt{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:44px;margin-top:auto;padding:0 14px;border:0;border-radius:999px;font-size:13px;font-weight:700;background:#f3f3f5;color:var(--ink);box-shadow:0 1px 2px #00000012,inset 0 1px #fffffff2,0 4px 10px #0000000d;transition:background .18s,color .18s,box-shadow .18s,transform .12s}.pc .btw{margin-top:auto;padding-top:14px}.pc .bt:hover{background:#fff;box-shadow:0 2px 4px #00000017,inset 0 1px #fff,0 8px 18px #0000001a}.pc .bt:active{transform:translateY(1px);box-shadow:0 1px 2px #00000014,inset 0 2px 4px #00000012}.pc .bt-add:hover{background:var(--o);color:#fff}.pc .bt.ok{background:#1e9e5a;color:#fff}.pc .bt[disabled]{opacity:.6;pointer-events:none}.pc .bt .sp{width:13px;height:13px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:qaSpin .6s linear infinite}.pc .bt.dead{opacity:.5;pointer-events:none;background:#f3f3f5;box-shadow:none}@keyframes qaSpin{to{transform:rotate(360deg)}}@media(max-width:820px){.pc{padding:12px;border-radius:16px}.pc .brand,.pc .tag{top:12px}.pc .brand{left:12px;width:24px;height:24px}.pc .tag{right:12px;font-size:9.5px;padding:4px 9px}.pc .nm{font-size:13.5px;min-height:36.45px}.pc .d{display:none}.pc .p{font-size:15.5px}.pc .bt{min-height:42px;font-size:12.5px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/mi-card.css.map */