.plp-head{padding-block:var(--s-9) var(--s-6)}.plp-head__count{font-size:var(--t-nano-size);letter-spacing:var(--t-nano-caps-ls);color:var(--text-secondary);margin-bottom:var(--s-3)}.plp-head__title{font-size:var(--t-h2-size);line-height:var(--t-h2-lh);letter-spacing:var(--t-h2-caps-ls);margin-bottom:var(--s-6)}.plp-head__controls{display:flex;flex-wrap:wrap;gap:var(--s-2)}.chip{appearance:none;border:1px solid var(--border-subtle);background:var(--surface);color:var(--text-primary);font:inherit;font-size:var(--t-nano-size);font-weight:700;letter-spacing:var(--t-nano-caps-ls);padding:var(--s-3) var(--s-5);border-radius:999px;cursor:pointer;transition:background var(--mo-transition-quick),border-color var(--mo-transition-quick),color var(--mo-transition-quick)}.chip:hover{border-color:var(--border-strong)}.chip--active{background:var(--c-obsidian);border-color:var(--c-obsidian);color:var(--c-white)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--grid-gutter) var(--grid-gutter);padding-bottom:var(--s-10)}.card{position:relative}.card__media{position:relative;aspect-ratio:3 / 4;overflow:hidden;background:var(--surface-sunken);border-radius:2px}.card__image{position:absolute;inset:0;will-change:transform;transition:transform var(--mo-slow) var(--mo-ease-entrance)}.card:hover .card__image{transform:scale(1.04)}.card__image--alt{opacity:0;transition:opacity var(--mo-base) var(--mo-ease-standard),transform var(--mo-slow) var(--mo-ease-entrance)}.card:hover .card__image--alt{opacity:1}.card__badge{position:absolute;top:var(--s-3);left:var(--s-3);z-index:2;padding:var(--s-1) var(--s-3);background:var(--c-white);color:var(--c-obsidian);font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;border-radius:2px}.card__quick{position:absolute;left:var(--s-3);right:var(--s-3);bottom:var(--s-3);z-index:2;display:flex;justify-content:center;align-items:center;min-height:44px;background:var(--o-light-dark);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--c-obsidian);font-size:var(--t-nano-size);font-weight:700;letter-spacing:var(--t-nano-caps-ls);text-transform:uppercase;border:none;border-radius:2px;cursor:pointer;opacity:0;transform:translateY(var(--mo-rise-sm));transition:opacity var(--mo-transition-base),transform var(--mo-transition-base)}.card:hover .card__quick,.card:focus-within .card__quick{opacity:1;transform:translateY(0)}.card__info{padding-top:var(--s-4)}.card__name{font-size:var(--t-p-m-size);line-height:var(--t-p-m-lh);letter-spacing:var(--t-p-m-ls);font-weight:700;margin-bottom:var(--s-1)}.card__price{font-size:var(--t-p-s-size);color:var(--text-secondary);margin-bottom:var(--s-3)}.card__swatches{display:flex;gap:var(--s-2)}.card__swatch{width:16px;height:16px;border-radius:50%;border:1px solid var(--border-subtle);cursor:pointer;padding:0;transition:transform var(--mo-quick) var(--mo-ease-spring),box-shadow var(--mo-transition-quick)}.card__swatch:hover,.card__swatch[aria-pressed=true]{transform:scale(1.25);box-shadow:0 0 0 1px var(--c-white),0 0 0 2px var(--c-obsidian)}.plp-foot{padding-block:var(--s-8) var(--s-10);color:var(--text-secondary);border-top:1px solid var(--border-subtle)}@media(max-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.grid{grid-template-columns:repeat(2,1fr)}.card__quick{opacity:1;transform:none}}