.shop-header{text-align:center;margin-bottom:var(--spacing-8)}.shop-header h2{color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4)}.shop-header .subtitle{color:var(--text-secondary);font-size:var(--font-size-lg);max-width:600px;margin:0 auto}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-8)}.product-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;position:relative}.product-image{width:100%;height:200px;overflow:hidden;border-radius:12px 12px 0 0}.product-image img{width:100%;height:100%;object-fit:cover;display:block}.product-content{padding:var(--spacing-6)}.product-card:not(:has(.product-image)){padding:var(--spacing-6)}.product-card:not(:has(.product-image)) .product-content{padding:0}.product-header{margin-bottom:var(--spacing-4)}.product-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-2)}.product-price{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--primary-color);margin-bottom:var(--spacing-3)}.product-price .currency{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.product-description{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6;margin-bottom:var(--spacing-5)}.product-actions{display:flex;align-items:center;gap:var(--spacing-3)}.quantity-control{display:flex;align-items:center;gap:var(--spacing-2);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:var(--spacing-1)}.quantity-btn{width:32px;height:32px;border:none;background:var(--bg-primary);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);color:var(--text-primary);transition:all .2s ease}.quantity-btn:hover:not(:disabled){background:var(--primary-light);color:var(--primary-color)}.quantity-btn:disabled{opacity:.5;cursor:not-allowed}.quantity-display{width:60px;text-align:center;font-weight:var(--font-weight-medium);color:var(--text-primary);display:flex;align-items:center;justify-content:center}.add-to-cart-btn{flex:1;padding:var(--spacing-3) var(--spacing-4);background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2)}.add-to-cart-btn:hover{background:var(--primary-hover)}.add-to-cart-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.cart-sidebar{position:fixed;top:0;right:0;width:400px;height:100vh;background:var(--bg-primary);border-left:1px solid var(--border-color);z-index:1000;transform:translate(100%);transition:transform .3s ease;display:flex;flex-direction:column}.cart-sidebar.visible{transform:translate(0)}.cart-header{padding:var(--spacing-6);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.cart-header h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.cart-items{flex:1;overflow-y:auto;padding:var(--spacing-4)}.cart-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);border:1px solid var(--border-light);border-radius:8px;margin-bottom:var(--spacing-3);background:var(--bg-secondary)}.cart-item-info{flex:1}.cart-item-name{font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-1)}.cart-item-price{color:var(--text-secondary);font-size:var(--font-size-sm)}.cart-item-quantity{display:flex;align-items:center;gap:var(--spacing-2)}.cart-quantity-control{display:flex;align-items:center;gap:var(--spacing-1);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:var(--spacing-1)}.cart-quantity-btn{width:24px;height:24px;border:none;background:transparent;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);color:var(--text-primary);transition:all .2s ease}.cart-quantity-btn:hover:not(:disabled){background:var(--primary-light);color:var(--primary-color)}.cart-quantity-display{width:40px;text-align:center;font-size:var(--font-size-sm);color:var(--text-primary);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-medium)}.remove-item-btn{padding:var(--spacing-1);background:var(--error-light);color:var(--error-color);border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.remove-item-btn:hover{background:var(--error-color);color:#fff}.cart-empty{text-align:center;padding:var(--spacing-8) var(--spacing-4);color:var(--text-secondary)}.cart-empty-icon{font-size:3rem;margin-bottom:var(--spacing-4)}.cart-total{padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--border-color);background:var(--bg-secondary)}.total-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.total-amount{color:var(--primary-color)}.cart-actions{padding:var(--spacing-4) var(--spacing-6);display:flex;gap:var(--spacing-3)}.cart-actions .btn{flex:1}.cart-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999;opacity:0;transition:opacity .3s ease}.cart-overlay.visible{opacity:1}.view-cart-btn{position:fixed;bottom:var(--spacing-6);right:var(--spacing-6);width:60px;height:60px;background:#fff;color:var(--primary-color);border:2px solid var(--primary-color);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;transition:all .2s ease;z-index:1000;pointer-events:auto}.view-cart-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}.cart-icon{font-size:var(--font-size-xl)}.cart-count{position:absolute;top:-8px;right:-8px;background:var(--error-color);color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}@media (max-width: 768px){.products-grid{grid-template-columns:1fr;gap:var(--spacing-4)}.cart-sidebar{width:100vw}.cart-header .btn-ghost{font-size:var(--font-size-lg);padding:var(--spacing-1);width:32px;height:32px;display:flex;align-items:center;justify-content:center}.product-actions{flex-direction:column;gap:var(--spacing-3)}.quantity-control{align-self:center}}@media (max-width: 480px){.shop-header h2{font-size:var(--font-size-2xl)}.product-card,.cart-header{padding:var(--spacing-4)}.cart-actions{padding:var(--spacing-3) var(--spacing-4);flex-direction:column}}.loading-container{text-align:center;padding:var(--spacing-12) var(--spacing-4);color:var(--text-secondary)}.loading-container .spinner.large{width:40px;height:40px;margin:0 auto var(--spacing-4)}.error-state{text-align:center;padding:var(--spacing-12) var(--spacing-4)}.error-icon{font-size:3rem;margin-bottom:var(--spacing-4)}.error-state h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-4)}.error-state p{color:var(--text-secondary);margin-bottom:var(--spacing-6)}.hidden{display:none!important}.btn-ghost{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-2);border-radius:6px;font-size:var(--font-size-xl);transition:all .2s ease}.btn-ghost:hover{background:var(--bg-secondary);color:var(--text-primary)}.product-image.clickable{position:relative;cursor:pointer;transition:transform .2s ease}.product-image.clickable:hover{transform:translateY(-2px)}.product-image .image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.product-image.clickable:hover .image-overlay{opacity:1}.view-images-text{color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-shadow:0 1px 2px rgba(0,0,0,.5)}.image-modal-container{max-width:90vw;max-height:90vh;width:800px;display:flex;flex-direction:column}.image-modal-body{padding:0;flex:1;display:flex;flex-direction:column;min-height:0}.image-carousel{flex:1;position:relative;overflow:hidden;min-height:400px;display:flex;align-items:center;justify-content:center}.carousel-item{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s ease;display:flex;align-items:center;justify-content:center}.carousel-item.active{opacity:1}.carousel-item img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.image-indicators{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--border-color)}.indicator{width:12px;height:12px;border-radius:50%;border:none;background:var(--border-color);cursor:pointer;transition:all .2s ease}.indicator:hover{background:var(--text-secondary)}.indicator.active{background:var(--primary-color)}@media (max-width: 768px){.image-modal-container{max-width:95vw;max-height:95vh;width:auto}.image-carousel{min-height:300px}.image-indicators{padding:var(--spacing-4);gap:var(--spacing-3)}.indicator{width:16px;height:16px;min-width:16px;min-height:16px;touch-action:manipulation}}@media (max-width: 480px){.image-modal-container{max-width:98vw;max-height:98vh}.image-carousel{min-height:250px}.image-indicators{padding:var(--spacing-4);gap:var(--spacing-4)}.indicator{width:20px;height:20px;min-width:20px;min-height:20px;touch-action:manipulation}}