:root{--brand-peach:#ebd1c1;--brand-green:#2d5a50;--bg-soft:#fcf8f5;--text-dark:#1a1a1a;--text-muted:#666;--font-main:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-soft);color:var(--text-dark);line-height:1.6;overflow-x:hidden}h1,h2,h3{text-transform:uppercase;letter-spacing:.1em;color:var(--brand-green);font-weight:400}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 20px}.nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#fcf8f5e6;justify-content:center;align-items:center;padding:2rem 0;display:flex;position:sticky;top:0}.logo{letter-spacing:.3em;color:var(--brand-green);font-size:2.5rem;font-weight:300}.product-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:40px;padding:40px 0;display:grid}.product-card{background:#fff;border-radius:8px;transition:transform .3s;overflow:hidden;box-shadow:0 4px 20px #00000008}.product-card:hover{transform:translateY(-5px)}.product-image{aspect-ratio:3/4;object-fit:cover;width:100%}.product-info{padding:20px}.product-name{margin-bottom:8px;font-size:1.1rem}.product-price{color:var(--brand-green);font-weight:600}.btn{cursor:pointer;text-transform:uppercase;letter-spacing:.1em;border:none;border-radius:30px;padding:12px 24px;font-family:inherit;font-size:.9rem;transition:all .3s;display:inline-block}.btn-primary{background-color:var(--brand-green);color:#fff}.btn-primary:hover{background-color:#244840}.btn-outline{border:1px solid var(--brand-green);color:var(--brand-green);background-color:#0000}.cart-toggle{background-color:var(--brand-green);color:#fff;cursor:pointer;z-index:200;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 10px 30px #2d5a504d}.form-group{margin-bottom:20px}.form-group label{text-transform:uppercase;margin-bottom:8px;font-size:.8rem;display:block}.form-group input{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;width:100%;padding:12px}.carousel-btn{cursor:pointer;z-index:10;opacity:0;color:#2d5a50;background:#fffc;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:opacity .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.product-card:hover .carousel-btn{opacity:1}.carousel-btn.left{left:10px}.carousel-btn.right{right:10px}.carousel-dots{z-index:10;gap:6px;display:flex;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.dot{background:#ffffff80;border-radius:50%;width:6px;height:6px;transition:all .3s}.dot.active{background:#fff;border-radius:4px;width:12px}.cart-drawer{z-index:300;background:#fff;flex-direction:column;width:100%;max-width:400px;padding:30px;transition:right .4s cubic-bezier(.165,.84,.44,1);display:flex;position:fixed;top:0;bottom:0;right:-100%;box-shadow:-10px 0 30px #0000001a}.cart-drawer.show{right:0}.filter-pill{color:#666;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #ebd1c1;border-radius:50px;padding:10px 24px;font-family:inherit;font-size:.85rem;transition:all .3s}.filter-pill.active{color:#fff;background:#2d5a50;border-color:#2d5a50;box-shadow:0 4px 15px #2d5a5033}.filter-pill:hover:not(.active){color:#2d5a50;border-color:#2d5a50}.img-container{position:relative;overflow:hidden}.product-image{aspect-ratio:3/4;object-fit:cover;width:100%;transition:transform .6s cubic-bezier(.165,.84,.44,1)}.product-card:hover .product-image{transform:scale(1.08)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.8s forwards fadeIn}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#f8f8f8 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite loading}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#ebd1c1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#2d5a50}
