.products-page.svelte-1cnu1em{padding:6rem 2rem;background:linear-gradient(135deg,#fff9e6,#fffdf2);min-height:80vh}.products-container.svelte-1cnu1em{max-width:1200px;margin:0 auto}.page-title.svelte-1cnu1em{text-align:center;font-size:2.5rem;margin-bottom:.5rem;color:#333;position:relative;display:inline-block;left:50%;transform:translate(-50%)}.page-title.svelte-1cnu1em:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:50px;height:3px;background:linear-gradient(45deg,#ffc107,#ff9800)}.page-subtitle.svelte-1cnu1em{text-align:center;font-size:1.2rem;margin-bottom:3rem;color:#666}.products-grid.svelte-1cnu1em{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2.5rem;margin-bottom:3rem}.product-card.svelte-1cnu1em{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 5px 15px #0000000d;transition:all .3s ease;transform:translateY(0)}.product-card.svelte-1cnu1em:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0000001a}.product-image.svelte-1cnu1em{position:relative;overflow:hidden;height:300px}.product-image.svelte-1cnu1em img:where(.svelte-1cnu1em){width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.product-card.svelte-1cnu1em:hover .product-image:where(.svelte-1cnu1em) img:where(.svelte-1cnu1em){transform:scale(1.05)}.product-overlay.svelte-1cnu1em{position:absolute;top:0;left:0;width:100%;height:100%;background:#0003;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.product-card.svelte-1cnu1em:hover .product-overlay:where(.svelte-1cnu1em){opacity:1}.view-product.svelte-1cnu1em{padding:.8rem 1.5rem;background:#fff;color:#333;border:none;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s ease;transform:translateY(20px);opacity:0}.product-card.svelte-1cnu1em:hover .view-product:where(.svelte-1cnu1em){transform:translateY(0);opacity:1}.view-product.svelte-1cnu1em:hover{background:#ffc107;color:#fff}.product-info.svelte-1cnu1em{padding:1.5rem}.product-info.svelte-1cnu1em h3:where(.svelte-1cnu1em){margin:0 0 .5rem;font-size:1.1rem}.product-price.svelte-1cnu1em{color:#ffc107;font-weight:600;margin-bottom:.8rem}.product-colors.svelte-1cnu1em{display:flex;gap:5px}.color-dot.svelte-1cnu1em{width:18px;height:18px;border-radius:50%;display:inline-block;cursor:pointer;border:1px solid rgba(0,0,0,.1);margin-right:6px;position:relative;box-shadow:0 1px 3px #0000001f;transition:transform .2s ease,box-shadow .2s ease}.color-dot.svelte-1cnu1em:hover{transform:scale(1.2);box-shadow:0 3px 6px #00000029}.color-dot.svelte-1cnu1em:hover:after{content:attr(title);position:absolute;bottom:125%;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:3px 8px;border-radius:4px;font-size:11px;white-space:nowrap;z-index:10;letter-spacing:.5px}@media (max-width: 768px){.products-grid.svelte-1cnu1em{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.product-image.svelte-1cnu1em{height:250px}}