@layer components{.product-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem;width:100%}@media (min-width: 768px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1280px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.product-card{display:flex;flex-direction:column;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;overflow:hidden;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;height:100%}.product-card>a{cursor:pointer;text-decoration:none;color:inherit}.product-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;transform:translateY(-2px)}.product-card-image{position:relative;width:100%;height:16rem;overflow:hidden;background-color:#f3f4f6}.product-card-image img{width:100%;height:100%;object-fit:cover;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.product-card:hover .product-card-image img{transform:scale(1.05)}.product-card-content{display:flex;flex-direction:column;flex-grow:1;padding:1.5rem}.product-card-title{font-family:var(--font-brand);font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:.5rem;line-height:1.75rem}.product-card:hover .product-card-title{color:var(--color-primary)}.product-card-description{font-family:var(--font-body);color:#4b5563;margin-bottom:1rem;flex-grow:1;font-size:.875rem;line-height:1.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:1rem;border-top:1px solid rgb(229 231 235)}.product-card-price{font-family:var(--font-brand);font-size:1.5rem;font-weight:700;color:var(--color-primary)}.stock-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:.375rem;font-family:var(--font-brand);font-size:.875rem;font-weight:500}.stock-badge.in-stock{background-color:#d1fae5;color:#064e3b}.stock-badge.out-of-stock{background-color:#f3f4f6;color:#6b7280}.product-card-link{color:var(--color-primary);font-weight:500;font-size:.875rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.product-card:hover .product-card-link{text-decoration:underline}.shop-container{max-width:90rem;width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width: 640px){.shop-container{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 1024px){.shop-container{padding-left:2rem;padding-right:2rem}}.product-grid-empty{text-align:center;padding:3rem 1rem;color:#6b7280}.product-grid-empty-icon{width:4rem;height:4rem;margin:0 auto 1rem;color:#d1d5db}.product-grid-empty-message{font-size:1.125rem;font-weight:500}.product-pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:3rem}.product-pagination-button{padding:.5rem 1rem;background-color:#fff;color:#374151;border-radius:.375rem;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;border:1px solid rgb(229 231 235)}.product-pagination-button:hover{background-color:#f9fafb}.product-pagination-button.active{background-color:#e74c3c;color:#fff;border-color:#e74c3c}.product-pagination-button:disabled{opacity:.5;cursor:not-allowed}}