.breadcrumb-section{background:var(--primary-light);padding:0.8rem 0;border-bottom:1px solid var(--border-light);margin-top:0}
.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;font-size:0.9rem;color:var(--text-soft)}
.breadcrumb a{color:var(--primary);text-decoration:none;font-weight:500}
.breadcrumb span:last-child{color:var(--text-dark);font-weight:500}
.breadcrumb svg{width:14px;height:14px;vertical-align:middle;fill:currentColor}

.product-card{position:relative;overflow:hidden;background:var(--secondary);border-radius:24px;border:1px solid var(--border-light);padding:1rem 1rem 1.5rem;transition:transform 0.2s,box-shadow 0.2s;display:flex;flex-direction:column}
.product-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,0.08)}
.product-img{position:relative;display:block;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:18px;background-color:#eef2f6}
.product-img img{width:100%;height:100%;object-fit:cover}
.wishlist-icon{position:absolute;top:12px;right:12px;background:white;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,0.15);cursor:pointer;z-index:2;transition:0.2s;border:none}
.wishlist-icon svg{width:20px;height:20px;fill:#ccc;transition:fill 0.2s}
.wishlist-icon.active svg{fill:#e74c3c}
.product-details{margin-top:12px;display:flex;flex-direction:column;gap:6px}
.product-title{font-size:1rem;font-weight:800;margin:0;cursor:pointer}
.product-spec-grid{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:0.75rem;color:var(--text-soft);margin:4px 0}
.product-spec-grid span{background:var(--primary-light);padding:2px 8px;border-radius:30px;display:inline-flex;align-items:center;gap:4px}
.price-block{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin:6px 0}
.current-price{font-size:1.3rem;font-weight:800;color:var(--accent)}
.old-price{font-size:0.8rem;text-decoration:line-through;color:var(--text-soft)}
.discount-badge{background:#27ae60;color:white;border-radius:20px;padding:2px 8px;font-size:0.7rem}
.product-actions{display:flex;gap:8px;margin-top:auto;flex-wrap:wrap}
.action-icon-btn{flex:1;background:var(--primary-light);border:none;border-radius:40px;padding:8px 4px;font-size:0.7rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:0.2s;color:var(--text-dark)}
.action-icon-btn svg{width:16px;height:16px;fill:currentColor}
.action-icon-btn:hover{background:var(--primary);color:white}
.action-icon-btn.compare-active{background:var(--accent);color:white}
.pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:2.5rem;padding:0.5rem 0}
.page-prev,.page-next,.page-num,.page-dots{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 8px;border-radius:40px;font-size:0.9rem;font-weight:500;color:var(--text-dark);background:transparent;border:1px solid var(--border-light);transition:all 0.2s ease;cursor:pointer;text-decoration:none}
.page-prev,.page-next{padding:0 12px}
.page-prev svg,.page-next svg{stroke:var(--text-soft);transition:stroke 0.2s}
.page-num:hover,.page-prev:hover,.page-next:hover{background-color:var(--primary-light);border-color:var(--primary);color:var(--primary)}
.page-prev:hover svg,.page-next:hover svg{stroke:var(--primary)}
.page-num.active{background-color:var(--primary);border-color:var(--primary);color:white;pointer-events:none}
.page-dots{border:none;background:transparent;cursor:default;pointer-events:none;color:var(--text-soft)}
.no-results{text-align:center;padding:3rem}
.product-listing-section{padding:3rem 0;background:var(--secondary)}
.product-listing-container{width:100%}
.product-results{width:100%}
.product-grid{display:grid;grid-template-columns:repeat(4, minmax(280px, 1fr));gap:1.5rem;margin-bottom:2rem}
@media (max-width: 1200px) {
    .product-grid{grid-template-columns:repeat(3, minmax(280px, 1fr));}
}
@media (max-width: 992px) {
    .product-grid{grid-template-columns:repeat(2, minmax(280px, 1fr));}
}
@media (max-width: 768px) {
    .product-grid{grid-template-columns:1fr;gap:1rem;}
    .pagination{gap:6px;margin-top:1.8rem}
    .page-prev,.page-next,.page-num,.page-dots{min-width:36px;height:36px;font-size:0.85rem;padding:0 6px}
}
@media (max-width: 600px) {
    .product-card{width:100%;max-width:100%;margin:0 auto;box-sizing:border-box}
    .product-spec-grid span{font-size:0.7rem}
    .action-icon-btn{font-size:0.65rem;padding:6px 2px}
}