body{font-family:Poppins,sans-serif;background-color:#f8f9fa;color:#222;line-height:1.6;padding:20px}*{-webkit-tap-highlight-color:transparent}.header{width:100%;background-color:#fff;box-shadow:0 2px 6px #00000014;position:fixed;top:0;left:0;z-index:1000;padding:10px 14px;transition:transform .35s ease,opacity .35s ease}.header-inner{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;grid-template-areas:"logo cart" "search search";gap:4px;align-items:center}.logo-wrap{grid-area:logo}.search-wrap{grid-area:search}.cart-wrap{grid-area:cart}.logo{display:flex;align-items:center;text-decoration:none}.logo-txt{font-family:cursive;font-weight:700;font-size:1.6rem;color:#1e1e1e;letter-spacing:.5px;transition:color .3s ease}.logo:hover .logo-txt{color:#1e90ff}.search-bar{position:relative;width:100%}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;opacity:.7}.search-input{width:100%;padding:10px 12px 10px 40px;border:1px solid #ccc;border-radius:24px;font-size:15px;outline:none;transition:border .2s ease,box-shadow .2s ease}.search-input:focus{border-color:#1e90ff;box-shadow:0 0 6px #1e90ffb3;outline:none;transition:border-color .3s ease,box-shadow .3s ease}.cart-link{position:relative;display:inline-block}.cart-icon{width:28px;height:28px}.cart-count{position:absolute;top:-3px;right:-5px;background-color:red;color:#fff;font-size:10px;border-radius:50%;width:14px;height:14px;display:flex;align-items:center;justify-content:center}@media(min-width:500px){.header{padding:12px 20px}.header-inner{grid-template-columns:auto 1fr auto;grid-template-rows:auto;grid-template-areas:"logo search cart";gap:16px;align-items:center}.logo{font-size:1.8rem}.search-bar{max-width:369px;margin:0 auto}.search-input{font-size:16px;padding:12px 14px 12px 44px}.cart-icon{width:30px;height:30px}}.header.hide{transform:translateY(-100%);opacity:0;pointer-events:none}.header.show{transform:translateY(0);opacity:1;pointer-events:all}.footer{background-color:#111;color:#fff;text-align:center;padding:20px 0;margin-top:50px}.product-card{background:#fff;border:1px solid #ddd;border-radius:8px;padding:16px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.product-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px #0000001a}.product-card img{width:100%;border-radius:6px;margin-bottom:10px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background-color:#f8f9fa;color:#222;line-height:1.6}.container{width:90%;max-width:1200px;margin:auto;padding-top:var(--header-height)}.btn{background-color:#007bff;color:#fff;padding:10px 16px;border:none;border-radius:6px;cursor:pointer;transition:background .3s ease}.btn:hover{background-color:#0056b3}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:30px}:root{--header-height: 0px}