*{box-sizing:border-box;margin:0;padding:0}body{color:#1f4d3a;background:#e8f3ee;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}.app-shell{width:100%;min-height:100vh;padding:24px clamp(20px,10vw,180px)}.hero{justify-content:center;align-items:center;gap:14px;margin-bottom:36px;display:flex}.hero img{object-fit:contain;width:64px;height:64px}.hero h2{color:#00a854;font-size:2.1rem}.categories{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;margin-bottom:32px;display:flex}.categories button{color:#15543a;cursor:pointer;background:#b8e3d3;border:none;border-radius:999px;padding:10px 16px;font-weight:600;transition:all .3s}.categories button:hover{color:#f2faf6;background:#00bc73;transform:translateY(-2px)}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.singleCard{background:#dff1e8;border:1px solid #b7d8c2;border-radius:16px;flex-direction:column;gap:8px;width:100%;min-width:0;padding:10px;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 4px 12px #00a85414}.singleCard:hover{transform:translateY(-4px);box-shadow:0 8px 18px #00a85429}.thumbnail{aspect-ratio:1;object-fit:contain;background:#cfe9dc;border-radius:12px;width:100%;padding:6px}.brand{color:#1fa76c;font-size:.78rem;font-weight:700}.productName{color:#184b37;overflow-wrap:break-word;font-size:.95rem;font-weight:700}.description{color:#48685a;overflow-wrap:break-word;font-size:.8rem;line-height:1.4}.rating{color:#096;font-size:.85rem;font-weight:700}.price{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.totalPrice{color:#729685;font-size:.8rem;text-decoration:line-through}.discount{color:#eef9f3;background:#00bc73;border-radius:6px;padding:3px 6px;font-size:.7rem;font-weight:700}.priceAfterDiscount{color:#008f5c;font-size:.95rem;font-weight:700}.cartBtn{color:#eef9f3;cursor:pointer;background:linear-gradient(135deg,#00a854,#00bc73);border:none;border-radius:10px;margin-top:auto;padding:9px;font-weight:700;transition:all .3s;box-shadow:0 4px 10px #00a85433}.cartBtn:hover{background:linear-gradient(135deg,#008f5c,#02d1cb);transform:translateY(-3px)scale(1.02);box-shadow:0 8px 18px #00a85459}.cartBtn:active{transform:scale(.97)}@media (width<=1200px){.app-shell{padding-left:70px;padding-right:70px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=850px){.app-shell{padding-left:28px;padding-right:28px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h2{font-size:1.8rem}.hero img{width:54px;height:54px}}@media (width<=650px){.app-shell{padding-left:16px;padding-right:16px}.categories{flex-direction:column;gap:8px;margin-bottom:24px;display:flex;position:relative}.categories:before{content:"Categories";color:#eef9f3;text-align:center;cursor:pointer;background:#00a854;border-radius:12px;padding:12px;font-weight:700;display:block}.categories button{border-radius:12px;width:100%;display:none}.categories:hover button,.categories:active button{display:block}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.singleCard{padding:8px}.productName{font-size:.88rem}.description{font-size:.75rem}}@media (width<=500px){.app-shell{padding-left:12px;padding-right:12px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.thumbnail{padding:4px}.hero{gap:10px}.hero img{width:46px;height:46px}.hero h2{font-size:1.5rem}.categories button{padding:8px 14px;font-size:.8rem}.cartBtn{padding:8px;font-size:.78rem}}