.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-8)}.product-card{background-color:var(--color-white);border-radius:var(--radius-md);border:1px solid rgba(198,161,91,.22);overflow:hidden;display:flex;flex-direction:column;transition:all var(--transition-smooth);position:relative;box-shadow:var(--shadow-subtle)}.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-elevated);border-color:var(--color-gold-antique)}.product-card-image-wrapper{position:relative;aspect-ratio:4 / 3;overflow:hidden;background-color:#f2ede2}.product-card-img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.product-card:hover .product-card-img{transform:scale(1.06)}.product-card-badges{position:absolute;top:var(--space-3);left:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);z-index:2}.product-card-wishlist-btn{position:absolute;top:var(--space-3);right:var(--space-3);width:36px;height:36px;border-radius:var(--radius-full);background-color:#ffffffe6;color:var(--color-forest-dark);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);z-index:2;box-shadow:0 2px 8px #0000001a}.product-card-wishlist-btn:hover,.product-card-wishlist-btn.active{background-color:var(--color-danger-bg);color:var(--color-danger);transform:scale(1.1)}.product-card-body{padding:var(--space-5);display:flex;flex-direction:column;flex:1}.product-card-category{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-gold-antique);font-weight:600;margin-bottom:var(--space-1)}.product-card-title{font-size:var(--text-lg);font-family:var(--font-serif);color:var(--color-forest-dark);margin-bottom:var(--space-2);line-height:1.3}.product-card-title a:hover{color:var(--color-gold-antique)}.product-card-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5;margin-bottom:var(--space-4);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.variant-pills{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.variant-pill{padding:.3rem .65rem;font-size:var(--text-xs);border:1px solid rgba(198,161,91,.3);border-radius:var(--radius-sm);background-color:var(--color-ivory-warm);color:var(--color-forest-dark);cursor:pointer;transition:all var(--transition-fast)}.variant-pill:hover,.variant-pill.active{background-color:var(--color-forest-deep);color:var(--color-gold-highlight);border-color:var(--color-forest-deep)}.product-card-pricing{margin-top:auto;display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-4)}.price-current{font-size:var(--text-xl);font-family:var(--font-price);font-weight:700;color:var(--color-forest-dark)}.price-compare{font-size:var(--text-sm);font-family:var(--font-price);color:var(--color-text-light);text-decoration:line-through}.product-card-footer{display:grid;grid-template-columns:1fr auto;gap:var(--space-2)}.qty-control{display:inline-flex;align-items:center;border:1px solid rgba(198,161,91,.35);border-radius:var(--radius-sm);background-color:var(--color-white);overflow:hidden}.qty-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--color-forest-dark);font-size:var(--text-md);font-weight:600;background-color:var(--color-ivory-warm);transition:background-color var(--transition-fast)}.qty-btn:hover{background-color:#c6a15b33}.qty-input{width:44px;height:36px;text-align:center;border:none;font-weight:600;font-size:var(--text-sm);color:var(--color-forest-dark)}.qty-input::-webkit-outer-spin-button,.qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.rating-stars{display:inline-flex;align-items:center;gap:2px;color:var(--color-gold-antique);font-size:14px}.rating-count{font-size:var(--text-xs);color:var(--color-text-muted);margin-left:var(--space-2)}.skeleton{background:linear-gradient(90deg,#ece7da 25%,#f6f2e8,#ece7da 75%);background-size:200% 100%;animation:skeletonPulse 1.5s infinite;border-radius:var(--radius-sm)}@keyframes skeletonPulse{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{height:380px;border-radius:var(--radius-md)}.empty-state{text-align:center;padding:var(--space-16) var(--space-6);max-width:500px;margin:0 auto}.empty-state-icon{width:64px;height:64px;margin:0 auto var(--space-4) auto;color:var(--color-gold-antique);opacity:.7}.empty-state-title{font-size:var(--text-2xl);font-family:var(--font-serif);color:var(--color-forest-dark);margin-bottom:var(--space-2)}.empty-state-desc{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-6)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#08251ba6;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4);opacity:0;visibility:hidden;transition:all var(--transition-fast)}.modal-overlay.open{opacity:1;visibility:visible}.modal-container{background-color:var(--color-white);border-radius:var(--radius-md);border:1px solid var(--color-gold-antique);box-shadow:var(--shadow-modal);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;padding:var(--space-8);transform:translateY(20px);transition:transform var(--transition-smooth)}.modal-overlay.open .modal-container{transform:translateY(0)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid rgba(198,161,91,.2)}.modal-title{font-family:var(--font-serif);font-size:var(--text-2xl);color:var(--color-forest-dark)}.modal-close{font-size:1.5rem;color:var(--color-text-muted)}.product-tabs-wrapper{position:relative;width:100%;margin-bottom:var(--space-6)}.product-tabs-nav{display:flex;gap:var(--space-6);border-bottom:1px solid rgba(198,161,91,.25);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding-bottom:2px}.product-tabs-nav::-webkit-scrollbar{display:none}.tab-btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;flex-shrink:0;padding:.65rem .5rem;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;scroll-snap-align:start;transition:all var(--transition-fast);min-height:44px}.tab-btn:hover{color:var(--color-forest-dark)}.tab-btn.active{color:var(--color-forest-dark);font-weight:600;border-bottom-color:var(--color-gold-antique)}.tab-content{line-height:1.8;color:var(--color-text-charcoal);font-size:var(--text-base);overflow-wrap:break-word;word-break:break-word}.product-actions-group{display:flex;gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap}.product-actions-btns{display:flex;flex:1;gap:var(--space-3);min-width:260px}