/* Store CSS - Additional styles loaded after critical inline CSS */
/* This file is kept minimal since critical styles are inlined in layout-header.php */

/* Smooth page transitions */
.container { animation: fadeIn 0.3s ease-out; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

/* Product card hover effects */
.product-card { will-change: transform; }

/* Better touch targets on mobile */
@media (max-width: 768px) {
    .input-field, .form-input { font-size: 16px !important; /* prevents iOS zoom */ }
    .product-card-name { font-size: 0.85rem; }
    .products-grid { gap: 10px; }
}

/* Print styles */
@media print {
    .store-header, .store-footer, .sticky-bar, .urgent-bar { display: none !important; }
}