.products-grid-modern{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:768px){.products-grid-modern{grid-template-columns:repeat(3,1fr);gap:1.25rem}}@media(min-width:1200px){.products-grid-modern{grid-template-columns:repeat(4,1fr);gap:1.5rem}}.product-card-modern{position:relative;background:#fff;border-radius:12px;overflow:hidden;transition:all .3s ease;border:1px solid #f0f0f0}.product-card-modern:hover{box-shadow:0 12px 40px rgba(0,0,0,.1);transform:translateY(-4px)}.product-card-image-wrapper{position:relative;aspect-ratio:3/4;overflow:hidden;background:#f8f8f8}.product-card-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.product-card-modern:hover .product-card-image-wrapper img{transform:scale(1.05)}.product-badge-modern{position:absolute;top:.5rem;left:.5rem;padding:.25rem .5rem;font-size:.65rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;border-radius:999px;background:#1a1a1a;color:#fff;z-index:5}@media(min-width:768px){.product-badge-modern{top:.75rem;left:.75rem;padding:.35rem .75rem;font-size:.7rem}}.product-badge-sale{background:#c62828}.product-badge-soldout{background:#9e9e9e}.product-badge-preorder{background:#f57c00}.product-wishlist-btn{position:absolute;top:.5rem;right:.5rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff;border:0;border-radius:50%;color:#888;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:5}@media(min-width:768px){.product-wishlist-btn{width:36px;height:36px;top:.75rem;right:.75rem;opacity:0}.product-card-modern:hover .product-wishlist-btn{opacity:1}}.product-wishlist-btn:hover,.product-wishlist-btn.active{color:#c62828}.product-quick-view{position:absolute;bottom:0;left:0;right:0;padding:.6rem;background:rgba(26,26,26,.9);color:#fff;font-size:.75rem;font-weight:500;text-align:center;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;opacity:0;transform:translateY(100%);transition:all .3s ease;display:none}@media(min-width:768px){.product-quick-view{display:block}.product-card-modern:hover .product-quick-view{opacity:1;transform:translateY(0)}}.product-card-info{padding:.75rem;text-align:center}@media(min-width:768px){.product-card-info{padding:1rem}}.product-card-name{font-size:.85rem;font-weight:600;color:#1a1a1a;text-decoration:none;display:block;margin-bottom:.35rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:768px){.product-card-name{font-size:.95rem;margin-bottom:.5rem;white-space:normal}}.product-card-name:hover{color:#c9a86c}.product-card-price{display:flex;align-items:center;justify-content:center;gap:.35rem;margin-bottom:.35rem}@media(min-width:768px){.product-card-price{gap:.5rem;margin-bottom:.5rem}}.price-current{font-size:.9rem;font-weight:600;color:#1a1a1a}@media(min-width:768px){.price-current{font-size:1rem}}.price-original{font-size:.75rem;color:#888;text-decoration:line-through}@media(min-width:768px){.price-original{font-size:.85rem}}.stock-indicator{display:inline-block;font-size:.65rem;font-weight:500;padding:.2rem .4rem;border-radius:4px}@media(min-width:768px){.stock-indicator{font-size:.75rem;padding:.25rem .5rem}}.stock-in{background:rgba(46,125,50,.1);color:#2e7d32}.stock-low{background:rgba(245,124,0,.1);color:#f57c00}.stock-out{background:rgba(198,40,40,.1);color:#c62828}.pagination-modern{display:flex;justify-content:flex-start;margin-top:3rem;padding:0 1rem;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.pagination-modern::-webkit-scrollbar{display:none}@media(min-width:768px){.pagination-modern{justify-content:center;margin-top:4rem;overflow-x:visible}}.pagination-modern .pagination{display:flex;flex-wrap:nowrap;gap:.5rem;margin:0 auto;padding:.5rem 0;align-items:center}@media(min-width:768px){.pagination-modern .pagination{flex-wrap:wrap;gap:.75rem}}.pagination-modern .page-item{display:inline-flex;align-items:center;justify-content:center}.pagination-modern .page-item .page-link{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%!important;background:transparent!important;border:1px solid transparent!important;color:#767676;font-size:.9rem;font-weight:500;letter-spacing:normal;transition:all .25s cubic-bezier(.25,.46,.45,.94);text-decoration:none;cursor:pointer;padding:0;box-shadow:none}.pagination-modern .page-item:not(.active):not(.disabled) .page-link:hover{background:#f4f4f4!important;color:#1a1a1a;border-color:#f4f4f4!important}.pagination-modern .page-item.active .page-link{background:#1a1a1a!important;color:#fff!important;border-color:#1a1a1a!important;box-shadow:0 4px 12px rgba(0,0,0,.12);font-weight:600}.pagination-modern .page-item.disabled .page-link{color:#d1d1d1;cursor:not-allowed;pointer-events:none}.pagination-modern .page-item.disabled:not(:first-child):not(:last-child) .page-link{color:#767676;border-color:transparent!important;background:transparent!important}.skeleton-card{height:280px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:12px}@media(min-width:768px){.skeleton-card{height:360px}}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.empty-state{text-align:center;padding:3rem 1.5rem;grid-column:1/-1}.empty-state svg{width:60px;height:60px;color:#ddd;margin-bottom:1rem}.empty-state h4{font-weight:600;margin-bottom:.5rem;font-size:1.1rem}.empty-state p{color:#888;margin-bottom:1rem;font-size:.9rem}