av-card-swatches,.av-card-swatch-region{display:block;margin:8px 0 12px}.av-card-swatches{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.av-card-swatch{position:relative;flex:0 0 14px;width:14px;height:32px;padding:0;border:0;background:transparent;color:inherit;display:flex;align-items:center;justify-content:center}.av-card-swatch::before{content:'';position:absolute;inset:0 -3px}.av-card-swatch>img,.av-card-swatch>span{width:14px;height:14px;display:block;border-radius:50%;border:1px solid var(--line);object-fit:cover}.av-card-swatch[aria-pressed=true]>img,.av-card-swatch[aria-pressed=true]>span,.av-card-swatch.is-selected>img,.av-card-swatch.is-selected>span{outline:1px solid var(--ink);outline-offset:2px}.av-card-swatch>.av-swatch-unconfigured{background:transparent;border-style:dashed}
.card-image>.av-swatch-preview{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .25s ease}.card-image>.av-swatch-preview.is-visible{opacity:1}@media(hover:hover) and (pointer:fine){.card-image:hover>.av-swatch-preview{opacity:0}}@media(max-width:749px){.av-card-swatch{height:44px}}

.av-card-swatch>.av-swatch-neutral{background:var(--muted)}
.product-grid>.product-card{display:grid;grid-template-rows:subgrid;grid-row:span 7;row-gap:0;align-content:start}
.product-grid>.product-card>.card-image{grid-row:1;align-self:start}
.product-grid>.product-card>.card-info{display:grid;grid-row:2 / span 6;grid-template-rows:subgrid;row-gap:0;min-width:0}
.product-grid>.product-card>.card-info>.eyebrow{grid-row:1}
.product-grid>.product-card>.card-info>h3{grid-row:2}
.product-grid>.product-card>.card-info>av-card-swatches,.product-grid>.product-card>.card-info>.av-card-swatch-region{grid-row:3}
.product-grid>.product-card>.card-info>.card-specs{grid-row:4}
.product-grid>.product-card>.card-info>[data-card-price]{grid-row:5}
.product-grid>.product-card>.card-info>[data-card-availability]{grid-row:6}

.product-grid:has(>.product-card){row-gap:0}.product-grid>.product-card{margin-bottom:calc(var(--space)*6)}@media(max-width:749px){.product-grid>.product-card{margin-bottom:calc(var(--space)*4)}}