.productCardRow{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--radius-lg);background:var(--container);width:100%;transition:background .2s;display:flex;position:relative}.productCardRow:hover{background:color-mix(in srgb,var(--container)85%,var(--surface))}.productCardRow:hover .rowImage img{transform:scale(1.05)}.productCardRow:hover .rowLinkBtn{opacity:1}.productCardRow.outOfStock{opacity:.6}.productCardRow.outOfStock .rowImage img{filter:grayscale(.5)}.productCardRow.compact{padding:var(--spacing-xs)var(--spacing-sm);gap:var(--spacing-sm)}.productCardRow.compact .rowImage{aspect-ratio:1;border-radius:var(--radius-md);width:4em}.productCardRow.compact .rowName{font-size:var(--font-sm)}.productCardRow.compact .rowPrice .currentPrice{font-size:var(--font-md)}.productCardRow.compact .rowActions .addToCartBtn,.productCardRow.compact .rowActions .removeBtn{--surfaceSize:2em;font-size:1em}.productCardRow.orderItemMode{background:var(--container);border-radius:var(--radius-md);padding:var(--spacing-sm);gap:var(--spacing-sm)}.productCardRow.orderItemMode .rowImage{aspect-ratio:1;border-radius:var(--radius-sm);width:5em}.productCardRow.orderItemMode .rowName{font-size:var(--font-lg)}.productCardRow.orderItemMode:hover{background:color-mix(in srgb,var(--surface)80%,var(--container))}.productCardRow .rowImage{aspect-ratio:1/1.05;border-radius:var(--radius-md);background:var(--surface);flex-shrink:0;width:6em;text-decoration:none;display:block;overflow:hidden}.productCardRow .rowImage img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.productCardRow .rowImage .imageSkeleton{border-radius:inherit;width:100%;height:100%}.productCardRow .rowImage .imagePlaceholder{width:100%;height:100%;color:var(--text);opacity:.2;justify-content:center;align-items:center;display:flex}.productCardRow .rowContent{flex-direction:column;flex:1;gap:.15em;min-width:0;display:flex}.productCardRow .rowBadges{flex-wrap:wrap;gap:.25em;display:flex}.productCardRow .rowBadges .badge{border-radius:var(--radius-pill);padding:.15em .5em;font-size:.75em;font-weight:400;line-height:1.4}.productCardRow .rowBadges .badge.badgeNew{background-color:var(--primary);color:var(--background)}.productCardRow .rowBadges .badge.badgeCategory{background-color:color-mix(in srgb,var(--text)10%,transparent);color:var(--text)}.productCardRow .rowBadges .badge.badgeCategoryExtra{background-color:color-mix(in srgb,var(--text)6%,transparent);color:color-mix(in srgb,var(--text)60%,transparent)}.productCardRow .rowBadges .badge.badgeDiscount{background-color:var(--accent);color:var(--background)}.productCardRow .rowBadges .badge.badgeOutOfStock{background-color:color-mix(in srgb,var(--text)10%,transparent);color:var(--text)}.productCardRow .rowBadges .badge.skeleton{color:#0000}.productCardRow .rowName{font-size:var(--font-md);color:var(--text);white-space:nowrap;text-overflow:ellipsis;border-radius:var(--radius-sm);font-weight:400;line-height:140%;text-decoration:none;transition:color .2s;overflow:hidden}.productCardRow .rowName:hover{color:var(--primary)}.productCardRow .rowName.skeleton{color:#0000;display:inline-block}.productCardRow .rowVariantName{font-size:var(--font-xs);color:color-mix(in srgb,var(--text)45%,transparent);font-weight:300}.productCardRow .rowDesc{color:color-mix(in srgb,var(--text)55%,transparent);-webkit-line-clamp:1;text-overflow:ellipsis;border-radius:var(--radius-sm);-webkit-box-orient:vertical;margin:0;font-size:.8em;line-height:1.4;display:-webkit-box;overflow:hidden}.productCardRow .rowDesc.skeleton{color:#0000}.productCardRow .rowVariantOptions{flex-wrap:wrap;gap:.3em;display:flex}.productCardRow .rowVariantOptions .optionPill{border-radius:var(--radius-pill);background:var(--surface);color:color-mix(in srgb,var(--text)65%,transparent);padding:.2em .5em;font-size:.75em;font-weight:300}.productCardRow .rowBottom{align-items:center;gap:var(--spacing-sm);display:flex}.productCardRow .rowPrice{align-items:baseline;gap:.5em;display:flex}.productCardRow .rowPrice .oldPrice{color:color-mix(in srgb,var(--text)40%,transparent);font-size:.8em;text-decoration:line-through}.productCardRow .rowPrice .currentPrice{font-size:var(--font-md);color:var(--text);border-radius:var(--radius-sm);font-weight:400}.productCardRow .rowPrice .currentPrice.skeleton{color:#0000;display:inline-block}.productCardRow .rowQtyBadge{font-size:var(--font-xs);color:color-mix(in srgb,var(--text)45%,transparent);border-radius:var(--radius-pill);background:var(--surface);padding:.1em .5em;font-weight:300}.productCardRow .rowRating{align-items:center;font-size:.9em;display:flex}.productCardRow .rowActions{align-items:center;gap:var(--spacing-sm);flex-shrink:0;display:flex}.productCardRow .rowActions .addToCartBtn{--surfaceSize:2.4em;font-size:1.1em}.productCardRow .rowActions .removeBtn{--surfaceSize:2.2em;color:color-mix(in srgb,var(--text)50%,transparent);font-size:1em}.productCardRow .rowActions .removeBtn:hover{color:var(--error)}.productCardRow .rowLinkBtn{--surfaceSize:2.2em;opacity:.4;flex-shrink:0;font-size:1em;transition:opacity .2s}
