:root{--black:#000000;--white:#ffffff;--off-white:#f8f8f8;--light-gray:#e6e6e6;--medium-gray:#888888;--dark-gray:#333333;--pink:#ffb6c1;--pink-light:#ffd1d9;--pink-dark:#ff8da1;--transition:all 0.3s ease;--shadow-light:0 2px 10px rgba(0,0,0,0.05);--shadow-medium:0 5px 20px rgba(0,0,0,0.1);--shadow-heavy:0 15px 30px rgba(0,0,0,0.15);--border-radius:8px;--border-radius-large:12px}.products-hero{background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.3)),url(https://images.unsplash.com/photo-1522338242992-e1a54906a8da?ixlib=rb-4.0.3) 50% /cover no-repeat;height:50vh;display:flex;align-items:center;justify-content:center;text-align:center;color:white;padding:0 5%;margin-top:80px;cursor:pointer}.products-hero .hero-content h1{font-family:Cormorant Garamond,serif;font-size:3.5rem;margin-bottom:1rem;text-shadow:0 2px 10px rgba(0,0,0,.2);color:white}.products-hero .hero-content p{font-size:1.2rem;max-width:600px;margin:0 auto;text-shadow:0 1px 3px rgba(0,0,0,.2);color:white}.filters-container{max-width:1400px;margin:0 auto;padding:2rem 5% 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;cursor:pointer}.collection-filter{display:flex;gap:.5rem;flex-wrap:wrap}.filter-btn{padding:.6rem 1.2rem;background:white;border:1px solid var(--light-gray);border-radius:30px;font-size:.9rem;cursor:pointer;transition:var(--transition);font-family:Montserrat,sans-serif;color:var(--dark-gray)}.filter-btn.active,.filter-btn:hover{background:var(--pink);color:white;border-color:var(--pink)}.search-box{position:relative;width:300px}.search-box input{width:100%;padding:.6rem 1rem .6rem 40px;border:1px solid var(--light-gray);border-radius:30px;font-size:.9rem;font-family:Montserrat,sans-serif;transition:var(--transition)}.search-box input:focus{outline:none;border-color:var(--pink);box-shadow:0 0 0 3px rgba(255,182,193,.2)}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--medium-gray);font-size:1rem}.products-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2.5rem;padding:5rem 5%;max-width:1400px;margin:0 auto;cursor:pointer}.product-card{background:white;border-radius:var(--border-radius-large);overflow:hidden;box-shadow:var(--shadow-light);transition:transform .3s ease,box-shadow .3s ease;position:relative}.product-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-heavy)}.product-image-container{height:280px;width:100%;overflow:hidden;position:relative}.product-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.product-info{padding:1.5rem}.product-title{font-family:Cormorant Garamond,serif;font-size:1.6rem;margin-bottom:.5rem;color:var(--dark-gray);font-weight:500}.product-collection{font-size:.9rem;color:var(--pink-dark);margin-bottom:.8rem;text-transform:uppercase;letter-spacing:1px;font-weight:500}.product-description{color:var(--medium-gray);margin-bottom:1.2rem;font-size:.95rem;line-height:1.6;height:60px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.product-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--light-gray);padding-top:1.2rem;margin-top:1rem}.product-price{font-family:Cormorant Garamond,serif;font-size:1.4rem;font-weight:600;color:var(--dark-gray)}.add-to-cart-btn{background:var(--pink);color:white;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:1.2rem;font-weight:700}.add-to-cart-btn:hover{background:var(--pink-dark);transform:scale(1.05)}.add-to-cart-btn:active{transform:scale(.95)}.loading{font-size:1.2rem}.loading,.no-products{grid-column:1/-1;text-align:center;padding:3rem;color:var(--medium-gray)}.no-products h3{font-family:Cormorant Garamond,serif;font-size:1.8rem;margin-bottom:1rem;color:var(--dark-gray)}.no-products p{font-size:1rem;margin-bottom:0}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin:0 auto}@keyframes spin{to{transform:rotate(1turn)}}.add-to-cart-btn.adding{background-color:#ff8da1;cursor:not-allowed}@media (max-width:1200px){.products-container{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}}@media (max-width:768px){.products-hero{height:40vh;margin-top:70px}.products-hero .hero-content h1{font-size:2.5rem}.products-hero .hero-content p{font-size:1rem}.filters-container{flex-direction:column;align-items:stretch;padding:2rem 5% 0}.search-box{width:100%}.collection-filter{justify-content:center;margin-bottom:1rem}.products-container{padding:3rem 5%;grid-template-columns:1fr;gap:2rem}.product-card{max-width:400px;margin:0 auto}}@media (max-width:480px){.products-hero .hero-content h1{font-size:2rem}.filter-btn{padding:.5rem 1rem;font-size:.8rem}.product-info{padding:1rem}.product-title{font-size:1.4rem}.product-price{font-size:1.2rem}.add-to-cart-btn{width:36px;height:36px;font-size:1rem}}.fade-in{opacity:0;transform:translateY(20px);animation:fadeIn .8s ease forwards}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.add-to-cart-btn:focus,.filter-btn:focus,.search-box input:focus{outline:2px solid var(--pink);outline-offset:2px}@media (prefers-contrast:high){.filter-btn,.product-card{border:2px solid var(--black)}}@media (prefers-reduced-motion:reduce){.add-to-cart-btn,.product-card,.product-image{transition:none!important}.product-card:hover{transform:none}}