.shop-page{background-color:var(--color-white);min-height:100vh;color:var(--color-black)}.shop-container{max-width:1400px;margin:0 auto;padding:10px 5%}.shop-header{text-align:center;margin-bottom:var(--spacing-md)}.shop-header h1{margin:0 0 var(--spacing-md)0;background:linear-gradient(120deg,var(--color-black),var(--color-black-alpha-80));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:700}.shop-header p{color:var(--color-black-alpha-70);margin:0;font-size:18px}.shop-controls{margin-bottom:var(--spacing-md)}.search-form{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);max-width:600px;margin-left:auto;margin-right:auto;display:flex}.search-input{border:1px solid var(--color-black-alpha-20);border-radius:var(--radius-lg);background-color:var(--color-white);color:var(--color-black);transition:border-color var(--transition-fast);outline:none;flex:1;padding:14px 20px;font-size:16px}.search-input:focus{border-color:var(--color-primary)}.search-input::placeholder{color:var(--color-black-alpha-40)}.search-button{padding:14px var(--spacing-xl);background-color:var(--color-primary);color:var(--color-white);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);border:none;font-size:16px;font-weight:600}.search-button:hover{box-shadow:var(--shadow-primary);transform:translateY(-1px)}.category-filters{gap:var(--spacing-md);padding:var(--spacing-sm);flex-wrap:wrap;justify-content:center;display:flex}.category-button{padding:var(--spacing-md)28px;background-color:var(--color-white);border:2px solid var(--color-black-alpha-10);border-radius:var(--radius-lg);color:var(--color-black-alpha-70);cursor:pointer;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.category-button:before{content:"";background:linear-gradient(120deg,var(--color-primary-light),#ff33661a);opacity:0;transition:opacity var(--transition-medium);z-index:0;position:absolute;inset:0}.category-button:hover:before{opacity:1}.category-button:hover{box-shadow:var(--shadow-md);border-color:#3366ff4d;transform:translateY(-2px)}.category-button span{z-index:1;position:relative}.category-button.active{background:var(--color-primary);color:var(--color-white);border-color:#0000;transform:translateY(-2px);box-shadow:0 6px 20px #36f6}.category-button.active:before{opacity:0}.category-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.category-button:disabled:hover{border-color:var(--color-black-alpha-10);box-shadow:none}.products-grid{gap:var(--spacing-xl);margin-top:var(--spacing-2xl);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.product-card{background-color:var(--color-white);border:1px solid var(--color-black-alpha-10);border-radius:var(--radius-xl);transition:all var(--transition-medium);color:inherit;box-shadow:var(--shadow-sm);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-lg);border-color:#3366ff4d;transform:translateY(-4px)}.product-image{background-color:var(--color-gray-100);justify-content:center;align-items:center;width:100%;height:250px;display:flex;position:relative;overflow:hidden}.product-image img{object-fit:cover;width:100%;height:100%}.placeholder-image{background:linear-gradient(135deg,var(--color-primary-light),#ff336614);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.placeholder-image span{color:var(--color-black-alpha-40);font-size:14px}.product-badges{gap:var(--spacing-md);align-items:center;display:flex}.featured-badge{color:#fff;z-index:10;background-color:#f36;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;position:absolute;top:12px;right:12px}.product-info{padding:var(--spacing-lg);text-align:left;flex-direction:column;flex:1;display:flex}.product-info h3{margin:0 0 var(--spacing-sm)0;color:var(--color-black);font-size:20px;font-weight:600}.product-description{color:var(--color-black-alpha-70);margin:0 0 var(--spacing-md)0;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.product-footer{padding-top:var(--spacing-md);border-top:1px solid var(--color-black-alpha-10);justify-content:space-between;align-items:center;display:flex}.product-price{color:var(--color-primary);font-size:24px;font-weight:700}.stock-badge{padding:6px var(--spacing-md);border-radius:var(--radius-md);font-size:12px;font-weight:600}.stock-badge.in-stock{background-color:var(--color-success-light);color:#16a34a}.error-message{text-align:center;background-color:var(--color-danger-light);border:1px solid var(--color-danger-border);border-radius:var(--radius-xl);color:var(--color-danger-hover);padding:10px}.no-products{text-align:center;color:var(--color-black-alpha-60);padding:80px 20px;font-size:18px}@media (max-width:1024px){.products-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.shop-header h1{font-size:36px}.shop-header p{font-size:16px}.search-form{margin-bottom:var(--spacing-lg);flex-direction:column}.category-filters{gap:var(--spacing-sm);padding:4px}.category-button{padding:10px 20px;font-size:14px}.products-grid{grid-template-columns:1fr;gap:10px}.product-image{height:200px}}