@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Poppins:wght@400;500;600;700;800&display=swap";
:root{--hero-heading:64px;--section-heading:35px;--card-title:20px;--body:16px;--dark-grey:#2d2d2d;--light-grey:#faf9f6;--off-white:#fafafa;--white:#fff;--sage-green:#7bae7f;--dark-green:#3f6b52;--paragraph-grey:#4a4a4a;--cream-white:#f8f7f4}.products-hero{justify-content:center;align-items:left;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:#243f42;background-image:linear-gradient(#0000008c),none;background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex-direction:column;min-height:50vh;padding:56px 56px 34px;display:flex}.products-subhero{max-width:1200px;margin:0 auto}.products-hero h1{font-size:var(--hero-heading);color:var(--white);text-shadow:2px 2px 2px #00000080;margin-bottom:10px;font-family:Poppins,sans-serif}.products-hero p{color:var(--light-grey);text-shadow:2px 2px 2px #00000080;opacity:.5;margin-bottom:40px;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;line-height:1.7}.products-hero .search{width:100%;position:relative}.products-hero input{width:100%;color:var(--white);background:#ffffff1a;border:0;border-radius:999px;outline:none;padding:13px 15px;transition:background .2s;position:relative}.products-hero input:focus{background:#ffffff29}.products-hero .search-icon{color:var(--light-grey);opacity:.6;position:absolute;top:33%;right:-3%}.products{background-color:#f7f3ea;padding:40px 80px}.products .categories{gap:10px;display:flex}.products .inactive-category{background-color:var(--white);cursor:pointer;width:fit-content;color:var(--paragraph-grey);border:1px solid #0000001a;border-radius:999px;padding:5px 15px;font-family:Inter,sans-serif;font-weight:500;transition:all .4s;box-shadow:0 5px 20px #0000001a}.active-category{background-color:var(--dark-green);color:var(--cream-white);cursor:pointer;border:1px solid #0000001a;border-radius:999px;width:fit-content;padding:5px 15px;font-family:Inter,sans-serif;font-weight:500;transition:all .4s;box-shadow:0 5px 20px #0000001a}.products .inactive-category:hover{border:1px solid var(--dark-green);scale:1.08}.products .inactive-category:active{background-color:var(--dark-green);color:var(--cream-white)}.total-products{margin-top:25px}.total-products p{color:var(--paragraph-grey);opacity:.8;font-family:Inter,sans-serif;font-size:17px}.total-products span{margin-right:5px}.allProducts{grid-template-columns:repeat(4,1fr);align-items:center;gap:30px;width:100%;max-width:1240px;height:fit-content;margin:0 auto;padding:30px 0;display:grid}.product-card{background-color:#fff;border-radius:20px;flex-direction:column;justify-content:space-between;height:fit-content;padding:20px;display:flex;box-shadow:0 5px 20px #0000001a}.product-image{aspect-ratio:4/5;background-color:#f7f3ea;border-radius:12px;width:100%;position:relative;overflow:hidden}.product-image a{display:block;position:absolute;inset:0}.product-card-content{flex-direction:column;flex:1;display:flex}.product-card-img{object-fit:cover;object-position:center;transition:transform .3s}.product-image:hover .product-card-img{transform:scale(1.03)}.product-card h3{font-size:var(--card-title);color:var(--dark-grey);margin-top:10px;margin-bottom:5px;font-family:Poppins,sans-serif;font-weight:600;line-height:1}.product-card p{color:#4a4a4a;line-height:1.5}.product-card .price{font-weight:700}.product-card-content button{background-color:var(--sage-green);color:#fff;cursor:pointer;border:none;border-radius:50px;margin-top:10px;padding:8px 0;font-size:1rem;font-weight:600;transition:all .3s}.product-card button:hover{background-color:#4f7a5a;transform:translateY(3px)}.ratings{color:gold;gap:4px;margin:5px 0;display:flex}.error-state{flex-direction:column;justify-content:center;align-items:center;gap:15px;width:100%;max-width:1300px;height:fit-content;margin:auto;padding:80px 20px;display:flex}.error-state .error-icon{font-size:35px}.error-state h3{color:var(--dark-grey);font-family:Poppins,sans-serif;font-size:var(--card-title)}.error-state p{color:var(--paragraph-grey);font-family:Inter,sans-serif;font-size:var(--body);opacity:.7;line-height:1.3}.error-state .clearfilter-btn{text-transform:uppercase;color:var(--dark-grey);letter-spacing:.09em;border:1px solid #0000001a;border-radius:999px;margin-top:6px;padding:10px 25px;font-family:Poppins,sans-serif;font-weight:600;transition:all .4s;box-shadow:0 5px 20px #0000001a}.error-state .clearfilter-btn:hover{background-color:var(--dark-green);color:var(--cream-white)}.toast{color:var(--cream-white);opacity:0;background-color:#1a2e30;border-radius:999px;width:fit-content;padding:12px 24px;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;transition:opacity .3s,transform .3s;position:fixed;bottom:28px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 10px 30px #00000040}.show{opacity:1;transform:translate(-50%)translateY(0)}@media (max-width:820px){.products .categories{grid-template-columns:1fr 1fr 1fr;display:grid}.allProducts{grid-template-columns:1fr}.products{padding:48px 66px}}@media (max-width:576px){.products-hero{padding:56px 34px 34px}.products-hero h1{font-size:40px}.products-hero p{font-size:.8rem}.products-hero input{width:82%}.products-hero .search-icon{color:var(--light-grey);opacity:.6;position:absolute;top:33%;right:15%}.products{padding:30px 35px}.products .categories{grid-template-columns:1fr 1fr;display:grid}}