.product-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-5);gap:var(--space-5)}.product-grid-empty{grid-column:1/-1;text-align:center;padding:var(--space-16) var(--space-6);color:var(--color-text-tertiary)}.product-grid-empty-icon{font-size:48px;margin-bottom:var(--space-4);opacity:.5}.product-grid-empty-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.product-grid-empty-sub{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.product-grid-loading{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-5);gap:var(--space-5)}.product-grid-skeleton{background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xs);display:flex;flex-direction:column}.product-grid-skeleton-image{width:100%;padding-top:100%}.product-grid-skeleton-info{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.product-grid-skeleton-price{height:20px;width:40%}.product-grid-skeleton-title{height:14px;width:80%}.product-grid-skeleton-meta{height:12px;width:50%;margin-top:var(--space-2)}@media (max-width:1199px){.product-grid,.product-grid-loading{grid-template-columns:repeat(3,1fr)}}@media (max-width:767px){.product-grid,.product-grid-loading{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}}.product-grid-horizontal{display:flex;gap:var(--space-5);overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;padding:var(--space-1);margin:calc(var(--space-1) * -1);scrollbar-width:none;-ms-overflow-style:none}.product-grid-horizontal::-webkit-scrollbar{display:none}.product-grid-horizontal>div{flex-shrink:0;width:calc((100% - (11 * var(--space-5))) / 12);min-width:200px}@media (max-width:1199px){.product-grid-horizontal>div{width:calc((100% - (8 * var(--space-5))) / 9)}}@media (max-width:767px){.product-grid-horizontal>div{width:calc((100% - (3 * var(--space-5))) / 4);min-width:160px}}.product-grid-loading-horizontal{display:flex;gap:var(--space-5);overflow-x:auto;padding:var(--space-1);margin:calc(var(--space-1) * -1);scrollbar-width:none;-ms-overflow-style:none}.product-grid-loading-horizontal::-webkit-scrollbar{display:none}