*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Verdana,sans-serif}body{background-color:#edeff1;color:#232323}.products-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1.25rem;margin:6rem 4rem 3rem;padding:0 .625rem}.nav{display:flex;align-items:center;justify-content:space-between;position:fixed;z-index:100;width:100%;top:0;padding:.6rem 4rem;background-color:#fff;box-shadow:0 .125rem .5rem #0000000d}.nav-logo{font-size:1.8rem;font-weight:700;font-family:Segoe UI,sans-serif;color:#8e44ad}.nav-logo span{color:#e67e22}.cart-button{background-color:#fff;border:none;border-radius:.5rem;padding:.6rem;padding:.3rem;font-size:1.5rem;cursor:pointer;position:relative;transition:.2s ease}.cart-button:hover{filter:brightness(90%)}.cart-count{position:absolute;top:-.375rem;right:-.375rem;background-color:#e74c3c;color:#fff;border-radius:.75rem;padding:.125rem .5rem;font-size:.8rem;margin-left:.5rem}.cart-overlay{position:fixed;inset:0;background-color:#0000007a;-webkit-backdrop-filter:blur(.2rem);backdrop-filter:blur(.2rem);opacity:0;pointer-events:none;transition:opacity .3s;z-index:100}.cart-overlay.show{opacity:1;pointer-events:all}.cart-offcanvas{position:fixed;top:0;right:-36rem;width:36rem;max-width:90vw;height:100%;background:#fff;box-shadow:-.25rem 0 .75rem #2c3e5014;padding:2rem 4rem 2rem 2rem;z-index:200;transition:right .35s;display:flex;flex-direction:column}.cart-offcanvas h2,.cart-offcanvas hr{margin-bottom:1rem}.cart-offcanvas hr{border:solid 1px #e5e5e5}.cart-offcanvas h3{margin-top:1.25rem;text-align:right;font-size:1.5rem;color:#8e44ad}.cart-offcanvas.open{right:0}.cart-close{position:absolute;top:1rem;right:4rem;background:none;border:none;font-size:2rem;cursor:pointer;color:#999;transition:.3s ease}.cart-close:hover{color:#232323}.cart-item{position:relative;display:flex;align-items:center;justify-content:space-between;margin-bottom:.2rem;border:solid 1px #c9c9c9;border-radius:.3rem;padding:.8rem}.cart-remove-btn{position:absolute;right:.5rem;top:-.1rem;background:none;border:none;color:#999;font-size:2rem;font-weight:700;cursor:pointer;transition:.3s ease}.cart-remove-btn:hover{color:#c0392b}.product-card{background-color:#fff;border-radius:.625rem;transition:transform .2s ease;max-width:16rem;overflow:hidden;transition:all .3s ease}.product-card:hover{transform:translateY(-.25rem);box-shadow:0 .25rem .625rem #0000001f}.product-card img{width:100%;margin-bottom:.625rem}.product-card h3{font-size:1.1rem;margin-bottom:.375rem}.product-card p{font-size:.9rem;color:#777;margin-bottom:.75rem}.product-card h4{margin-bottom:.75rem;color:#8e44ad;font-size:1.1rem}.product-info{padding:0 1rem}.product-footer{margin-top:.75rem;display:flex;justify-content:space-between;align-items:center}.product-footer button{background-color:#2c3e50;color:#fff;border:none;border-radius:.375rem;padding:.625rem 1rem;margin-bottom:1.2rem;transition:.2s ease;cursor:pointer}.product-footer button:hover{background-color:#e67e22}