.product-grid-root{display:flex;flex-direction:column;gap:var(--space-5)}.pg-controls{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.pg-search{display:flex;align-items:center;gap:.6rem;width:100%;max-width:640px;padding:0 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);color:var(--muted);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.pg-search:focus-within{border-color:var(--violet);box-shadow:0 0 0 3px #8b5cf62e}.pg-search input{flex:1;min-width:0;background:transparent;border:none;color:var(--text);font-family:var(--font-body);font-size:.95rem;padding:.75rem 0}.pg-search input:focus{outline:none}.pg-sort select{appearance:none;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b8ba7' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right .85rem center / 16px;border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);font-family:var(--font-body);font-size:.9rem;padding:.75rem 2.4rem .75rem 1rem;cursor:pointer;min-height:48px}.pg-sort select:focus-visible{outline:none;border-color:var(--violet);box-shadow:0 0 0 3px #8b5cf62e}.pg-sort{margin-left:auto}.pg-filters{display:flex;flex-wrap:wrap;gap:var(--space-2);flex:1}.pg-chip{appearance:none;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--muted);font-family:var(--font-body);font-size:.85rem;font-weight:600;padding:.45rem .9rem;min-height:38px;border-radius:var(--r-pill);cursor:pointer;transition:color var(--dur-fast) var(--ease),border-color var(--dur) var(--ease)}.pg-chip:hover{color:var(--text);border-color:var(--glass-border-strong)}.pg-chip.is-active{color:#fff;background:var(--gradient);border-color:transparent}.pg-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:var(--space-5)}@media (max-width: 520px){.pg-grid{grid-template-columns:1fr}}.pg-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--glass-border);border-radius:var(--r-lg);overflow:hidden;transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.pg-card:hover{transform:translateY(-4px);border-color:var(--glass-border-strong);box-shadow:0 22px 50px #00000073}.pg-media{position:relative;display:block;aspect-ratio:16 / 10;overflow:hidden;background:var(--gradient)}.pg-media img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-slow) var(--ease)}.pg-card:hover .pg-media img{transform:scale(1.06)}.pg-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,20,31,0) 35%,rgba(20,20,31,.5) 66%,var(--surface) 100%);pointer-events:none}.pg-badge{position:absolute;top:.7rem;left:.7rem;z-index:1;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#fff;padding:.28rem .6rem;border-radius:var(--r-sm);background:#0b0b12b8;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(6px)}.pg-badge.is-sub{background:linear-gradient(120deg,#8b5cf6e6,#ec4899e6);border-color:transparent}.pg-thumb-fallback{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:1.6rem;color:#ffffffeb;background:radial-gradient(60% 80% at 30% 20%,rgba(255,255,255,.18),transparent 60%),var(--gradient)}.pg-body{display:flex;flex-direction:column;gap:var(--space-2);padding:0 var(--space-4) var(--space-4);margin-top:-1.8rem;position:relative;z-index:2;flex:1}.pg-tags{display:flex;flex-wrap:wrap;gap:.4rem}.pg-tag{font-size:.72rem;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);padding:.24rem .65rem;border-radius:var(--r-pill)}.pg-name-link{color:inherit;text-decoration:none}.pg-name{font-family:var(--font-display);font-weight:600;font-size:1.25rem;line-height:1.25;transition:color var(--dur-fast) var(--ease)}.pg-name-link:hover .pg-name,.pg-media:hover~.pg-body .pg-name{color:var(--violet)}.pg-foot{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-4)}.pg-price{display:flex;align-items:baseline;gap:.45rem;flex-wrap:wrap}.pg-amount{font-family:var(--font-mono);font-weight:700;font-size:1.5rem;color:var(--text)}.pg-period{font-size:.78rem;color:var(--muted)}.pg-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.pg-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;flex-shrink:0;color:var(--text);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50%;cursor:pointer;transition:color var(--dur-fast) var(--ease),border-color var(--dur) var(--ease),background var(--dur) var(--ease),transform var(--dur-fast) var(--ease)}.pg-icon:hover{border-color:var(--glass-border-strong);background:#ffffff14;transform:translateY(-2px)}.pg-view,.pg-cart.is-added{color:#fff;background:var(--gradient);border:0}.pg-empty,.pg-noresults{text-align:center;padding:var(--space-8) var(--space-4);color:var(--muted)}.pg-empty h3{color:var(--text);margin-bottom:var(--space-3)}.pg-skeleton{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:var(--space-5)}.pg-skel-card{height:340px;border-radius:var(--r-lg);background:linear-gradient(100deg,var(--surface) 30%,var(--surface-2) 50%,var(--surface) 70%);background-size:200% 100%;animation:pg-shimmer 1.4s linear infinite}@keyframes pg-shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.pg-skel-card{animation:none}.pg-media img,.pg-card{transition:none}}.pg-error{color:#fda4af;text-align:center}