/* CLASH Jewelry — category listing grid.
   Loaded only on category.cfm via pageStyles. */

.cat-title{font-size:32px;font-weight:800;letter-spacing:-.01em;margin:10px 0 6px;}
.cat-count{font-size:14px;color:var(--muted);margin:0 0 8px;}

.catgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:28px;padding:28px 0 64px;}

.pcard{display:block;color:inherit;}
.pcard__imgwrap{aspect-ratio:1/1;background:#fff;border:1.5px solid var(--line);border-radius:14px;overflow:hidden;padding:10%;transition:.2s;position:relative;}
.pcard:hover .pcard__imgwrap{border-color:var(--orange);box-shadow:0 0 0 3px var(--orange-soft);}
.pcard__imgwrap img{width:100%;height:100%;object-fit:contain;transition:transform .4s cubic-bezier(.2,.7,.3,1);}
.pcard:hover .pcard__imgwrap img{transform:scale(1.05);}
.pcard__name{font-size:16px;font-weight:600;letter-spacing:-.01em;margin:14px 0 0;line-height:1.3;}
.pcard:hover .pcard__name{color:var(--orange-deep);}
.pcard__price{font-size:15px;font-weight:700;color:var(--ink-2);margin-top:4px;}

.wishbtn{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:50%;background:#fff;border:1.5px solid var(--line);display:grid;place-items:center;z-index:2;transition:.15s;}
.wishbtn svg{width:18px;height:18px;stroke:var(--ink-2);fill:none;stroke-width:1.8;transition:.15s;}
.wishbtn:hover{border-color:var(--orange);}
.wishbtn.is-active svg{fill:var(--orange);stroke:var(--orange-deep);}

@media (max-width:560px){
  .catgrid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:18px;}
}