.loading-indicator{display:none;text-align:center;padding:20px;background:#f8f9fa;border-radius:8px;margin:20px 0}.loading-indicator::before{content:'';display:inline-block;width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-right:10px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.product-loading{opacity:0;transform:translateY(20px);transition:opacity 0.3s ease,transform 0.3s ease}.product-loaded{opacity:1;transform:translateY(0)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:20px 0}@media (max-width:768px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}}.product-card img{width:100%;height:auto;object-fit:cover;transition:opacity 0.3s ease}.product-card img[loading="lazy"]{opacity:0}.product-card img.loaded{opacity:1}.product-card .image-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;aspect-ratio:1;border-radius:8px}@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.load-error{text-align:center;padding:20px;background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;color:#c53030;margin:20px 0}.product-card{will-change:transform;contain:layout style paint}@media (prefers-reduced-motion:reduce){.product-loading,.product-loaded,.loading-indicator::before{animation:none;transition:none}}.product-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1);transition:transform 0.2s ease,box-shadow 0.2s ease}.infinite-scroll-loading{display:flex;justify-content:center;align-items:center;padding:20px;color:#666}.infinite-scroll-loading::before{content:'';width:16px;height:16px;border:2px solid #e0e0e0;border-top:2px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-right:8px}@media (max-width:480px){.product-grid{grid-template-columns:repeat(2,1fr);gap:10px}}@media (min-width:1200px){.product-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.product-card img{max-width:100%;height:auto}.product-grid{grid-template-columns:repeat(2,1fr)}}.product-grid .grid__item:nth-child(-n+4){display:block}.product-grid .grid__item:nth-child(n+5){display:none}@media (min-width:768px){.product-grid .grid__item:nth-child(n+5){display:block}}.product-card[data-intersection-observer]{opacity:0;transform:translateY(20px)}.product-card[data-intersection-observer].visible{opacity:1;transform:translateY(0);transition:opacity 0.6s ease,transform 0.6s ease}@media (max-width:768px){.product-card img{loading:lazy}}.product-card:first-child img{fetchpriority:high}@media (max-width:768px) and (max-height:600px){.product-grid{grid-template-columns:repeat(2,1fr);gap:8px}.product-card{font-size:0.9em}}