.listing-card-wrapper{display:flex;flex-direction:column;background:white;border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .3s ease;overflow:hidden;height:100%}.listing-card-wrapper:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transform:translateY(-2px)}@media (max-width:767px){.listing-card-wrapper:hover{transform:translateY(-1px)}}.listing-card-link{display:flex;flex-direction:column;flex:1;text-decoration:none;color:inherit}.listing-card-image-container{position:relative;width:100%;background-color:#f9fafb;cursor:pointer;overflow:hidden}.listing-card-image{-o-object-fit:contain;object-fit:contain;transition:transform .3s ease}.listing-card-image-container:hover .listing-card-image{transform:scale(1.05)}@media (max-width:767px){.listing-card-image-container:hover .listing-card-image{transform:scale(1.02)}}.listing-card-badges{display:flex;flex-direction:row;gap:3px;padding:4px 8px 0;z-index:10}@media (min-width:768px){.listing-card-badges{gap:6px;padding:12px 16px 0 12px}}.listing-card-badge{font-size:9px;font-weight:600;padding:2px 4px;border-radius:3px;color:white;text-shadow:0 1px 2px rgba(0,0,0,.1)}@media (min-width:768px){.listing-card-badge{font-size:11px;padding:4px 8px;border-radius:4px}}.listing-card-badge.cheapest{background:linear-gradient(135deg,#10b981,#059669)}.listing-card-badge.original{background:linear-gradient(135deg,rgb(var(--accent-rgb)),rgb(var(--accent-dark-rgb)))}.listing-card-badge.analog{background:linear-gradient(135deg,#9dabc1,#637095)}.listing-card-content{display:flex;flex-direction:column;flex:1;padding:8px;gap:4px}@media (min-width:768px){.listing-card-content{padding:16px;gap:8px}}.listing-card-brand{font-size:12px;font-weight:600;color:rgb(var(--accent-dark-rgb));margin:0}@media (min-width:768px){.listing-card-brand{font-size:16px}}.listing-card-article-container{display:flex;gap:3px;align-items:baseline;flex-wrap:wrap}@media (min-width:768px){.listing-card-article-container{gap:6px}}.listing-card-article-label{font-size:10px;color:#9ca3af;font-weight:500}@media (min-width:768px){.listing-card-article-label{font-size:13px}}.listing-card-article-value{font-size:10px;color:#374151;font-weight:600;font-family:Monaco,Menlo,Ubuntu Mono,monospace;background:#f3f4f6;padding:1px 3px;border-radius:3px;letter-spacing:.5px}@media (min-width:768px){.listing-card-article-value{font-size:13px;padding:2px 6px;border-radius:4px}}.listing-card-name{font-size:11px;line-height:1.3;color:rgb(var(--foreground-rgb));margin:0;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (min-width:768px){.listing-card-name{font-size:14px;line-height:1.4}}.listing-card-price{font-size:14px;font-weight:700;color:rgb(var(--foreground-rgb));margin:2px 0 0}@media (min-width:768px){.listing-card-price{font-size:18px;margin-top:4px}}.listing-card-cart-section{padding:6px 8px;border-top:1px solid #f3f4f6;background:#fafafa}@media (min-width:768px){.listing-card-cart-section{padding:12px 16px}}.listing-card-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;cursor:zoom-out}.listing-card-overlay-image{-o-object-fit:contain;object-fit:contain;max-height:90vh;max-width:90vw}.listing-card-button{margin-top:.75rem;padding:.75rem 1rem;width:100%;border:none;border-radius:.5rem;font-weight:600;color:#fff;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:transform .12s cubic-bezier(.34,1.56,.64,1),background .3s ease;cursor:pointer;transform-origin:center}.listing-card-button.in-stock{background:rgb(var(--accent-dark-rgb))}.listing-card-button.on-order{background:rgb(var(--accent-rgb))}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.listing-card-button.pressed{animation:pop .4s cubic-bezier(.34,2.56,.34,.5),flash .4s ease}@keyframes flash{0%{filter:brightness(1)}50%{filter:brightness(1.15)}to{filter:brightness(1)}}.listing-card-cart-icon{width:1rem;height:1rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.listing-card-wrapper:first-child{--animation-order:1}.listing-card-wrapper:nth-child(2){--animation-order:2}.listing-card-wrapper:nth-child(3){--animation-order:3}.listing-card-wrapper:nth-child(4){--animation-order:4}.listing-card-wrapper:nth-child(5){--animation-order:5}.listing-card-wrapper:nth-child(6){--animation-order:6}.listing-card-wrapper:nth-child(7){--animation-order:7}.listing-card-wrapper:nth-child(8){--animation-order:8}.listing-card-wrapper:nth-child(9){--animation-order:9}.listing-card-wrapper:nth-child(10){--animation-order:10}.listing-card-wrapper:nth-child(11){--animation-order:11}.listing-card-wrapper:nth-child(12){--animation-order:12}.listing-card-wrapper:nth-child(13){--animation-order:13}.listing-card-wrapper:nth-child(14){--animation-order:14}.listing-card-wrapper:nth-child(15){--animation-order:15}.listing-card-wrapper:nth-child(16){--animation-order:16}.listing-card-wrapper:nth-child(17){--animation-order:17}.listing-card-wrapper:nth-child(18){--animation-order:18}.listing-card-wrapper:nth-child(19){--animation-order:19}.listing-card-wrapper:nth-child(20){--animation-order:20}.listing-card-wrapper:nth-child(21){--animation-order:21}.listing-card-wrapper:nth-child(22){--animation-order:22}.listing-card-wrapper:nth-child(23){--animation-order:23}.listing-card-wrapper:nth-child(24){--animation-order:24}.listing-card-wrapper:nth-child(25){--animation-order:25}.listing-card-wrapper:nth-child(26){--animation-order:26}.listing-card-wrapper:nth-child(27){--animation-order:27}.listing-card-wrapper:nth-child(28){--animation-order:28}.listing-card-wrapper:nth-child(29){--animation-order:29}.listing-card-wrapper:nth-child(30){--animation-order:30}.listing-card-wrapper:nth-child(31){--animation-order:31}.listing-card-wrapper:nth-child(32){--animation-order:32}