/* PRODUCT CARDS */
.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(244px,1fr));gap:14px}
.pcard{display:flex;flex-direction:column;text-align:left;background:var(--surface);border:1px solid var(--line);
  border-radius:var(--r-lg);padding:13px;transition:border-color .14s,transform .14s}
.pcard:hover{border-color:var(--accent);transform:translateY(-2px)}
.art{height:126px;border-radius:12px;background:var(--surface2);border:1px solid var(--line);
  padding:11px;display:flex;flex-direction:column;gap:8px;overflow:hidden;margin-bottom:13px}
.art.tall{height:214px;padding:14px;gap:11px}
.art .dots{display:flex;gap:5px}
.art .dots i{width:8px;height:8px;border-radius:999px;background:var(--line2)}
.art .dots i:first-child{background:var(--accent)}
.art .b{height:10px;border-radius:6px;background:var(--line2)}
.art .b.acc{background:var(--accent);opacity:.9}
.art .b.soft{background:var(--accent-soft)}
.art .cols{display:grid;grid-template-columns:1fr 2fr;gap:9px;flex:1;min-height:0}
.art .pane{border-radius:9px;background:var(--surface);border:1px solid var(--line)}
.pcard h3{font-size:16.2px;margin:0 0 5px}
.pcard p{margin:0;color:var(--sub);font-size:12.8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;min-height:38px}
.pcard .foot{display:flex;align-items:baseline;justify-content:space-between;margin-top:13px;padding-top:11px;
  border-top:1px solid var(--line)}
.price{font-family:var(--fh);font-size:17.1px;font-weight:700}
.price small{font-family:var(--f);font-size:12px;font-weight:500;color:var(--sub);margin-left:5px}
.tags{display:flex;gap:6px;margin-bottom:11px;flex-wrap:wrap}