.product-title{display:inline-block}h1 .product-title{background:inherit;-webkit-background-clip:text;background-clip:text}.product-intro{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(20rem,100%),1fr));gap:2rem;align-items:start;margin-bottom:1rem}.product-hero{display:block;width:100%;border-radius:.5rem}.product-details{animation:product-fade-in .4s .2s both}@keyframes product-fade-in{0%{opacity:0;transform:translateY(.5rem)}}::view-transition-group(*){animation-duration:.4s;animation-timing-function:cubic-bezier(.2,0,0,1)}@media(prefers-reduced-motion:reduce){.product-details,::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none}}.product-meta{opacity:.75}.product-price{font-size:1.5rem}.product-price s,.product-price small{font-size:1rem;opacity:.7}.product-out{text-decoration:line-through}.product-specs{display:grid;grid-template-columns:max-content 1fr;margin:0;border:var(--border-width) solid var(--border);border-radius:var(--radius);overflow:hidden}.product-specs dt,.product-specs dd{margin:0;padding:.5rem 1rem;border-bottom:var(--border-width) solid var(--border)}.product-specs dt{font-weight:700;color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent);border-right:var(--border-width) solid var(--border)}.product-specs dd:nth-of-type(2n){background:color-mix(in srgb,var(--color) 5%,transparent)}.product-specs dt:last-of-type,.product-specs dd:last-of-type{border-bottom:none}.product-review footer{font-size:.875rem;opacity:.75}.product-back{display:flex;justify-content:flex-start}.product-card{scroll-margin-top:6rem}.product-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;align-items:start}@media(max-width:768px){.product-columns{grid-template-columns:minmax(0,1fr)}}html{scroll-behavior:auto}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(17rem,100%),1fr));gap:1.25rem;margin-top:2rem}.product-card{position:relative;display:flex;flex-direction:column;margin:0;padding:0;overflow:hidden;border-radius:.5rem;transition:transform .2s,box-shadow .2s}.product-card:hover,.product-card:focus-within{transform:translateY(-3px);box-shadow:0 0 0 1px var(--primary),0 .75rem 2rem #07080c66}.product-media{position:relative;background:#fff}.product-media img{display:block;width:100%;height:auto;aspect-ratio:2 / 1;object-fit:cover}.product-badge{position:absolute;right:.75rem;bottom:.75rem;display:inline-flex;align-items:center;padding:.35rem .65rem;line-height:1;border-radius:999px;background:var(--primary);color:var(--primary-inverse);font-size:.9rem;box-shadow:0 .25rem .75rem #07080c4d}.product-body{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.25rem 1.25rem}.product-body>*{margin:0}.product-body h3{font-size:1.1rem}.product-card-meta{display:flex;gap:.5rem;line-height:1;justify-content:space-between;align-items:center;font-size:.85rem}.product-chip{color:var(--primary);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.product-link{color:var(--heading);text-decoration:none}.product-link:after{content:"";position:absolute;inset:0}.product-card:hover .product-link{color:var(--primary-hover)}.product-desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:var(--muted);font-size:.9rem}.product-hero{background:#fff;box-shadow:0 .75rem 2rem #07080c59}.product-price b{color:var(--primary)}.product-price small{display:inline-block;vertical-align:middle;padding:.2rem .4rem;line-height:1;border-radius:var(--radius);background:var(--success-bg);color:var(--success);opacity:1}@media(prefers-reduced-motion:reduce){.product-card{transition:none}.product-card:hover,.product-card:focus-within{transform:none}}.product-filter{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.5rem;margin-top:1.5rem}.product-filter a{display:inline-flex;align-items:center;gap:.4rem;height:2.2rem;padding:0 .9rem;border:var(--border-width) solid var(--input-border);border-radius:999px;background:var(--input-bg);color:var(--color);font-size:.9rem;text-decoration:none;text-transform:capitalize;transition:border-color .2s,background .2s,color .2s}.product-filter a:hover{border-color:var(--primary);color:var(--heading)}.product-filter a[aria-current=page]{border-color:var(--primary);background:var(--primary);color:var(--primary-inverse)}.product-filter small{min-width:1.4rem;padding:.1rem .35rem;border-radius:999px;background:#00000040;font-size:.75rem;line-height:1.2;text-align:center}