*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif}body{background:#f7f7f7}.product-grid{display:grid;grid-template-columns:1fr;gap:24px;padding:24px 16px;max-width:1320px;margin:0 auto}@media (min-width:768px){.product-grid{grid-template-columns:repeat(2,1fr);padding:32px 24px}}@media (min-width:1200px){.product-grid{grid-template-columns:repeat(4,1fr);padding:40px 32px}}.product-card{border:1px solid #e0e0e0;background:#fff;cursor:pointer;padding:20px 16px 24px;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.12)}.product-card img{display:block;width:80%;height:160px;margin:0 auto 16px;object-fit:contain}.info{text-align:center}.name{display:block;font-weight:600;margin-bottom:6px}.code{font-size:13px;color:#777}.popup-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;z-index:999;padding:24px}.popup-overlay.active{display:flex}.popup-content{background:#fff;width:90vw;max-width:600px;padding:24px 20px 28px;position:relative;text-align:center;height:auto;max-height:90vh;overflow-y:auto}.popup-content img{max-width:100%;height:auto;max-height:320px;object-fit:contain;margin-bottom:16px}.close-btn{position:absolute;top:10px;right:12px;font-size:26px;background:none;border:none;cursor:pointer}.order-btn{margin-top:20px;padding:14px 20px;background:#25D366;color:#fff;border:none;font-size:15px;font-weight:600;cursor:pointer;width:100%}.order-btn:hover{opacity:0.9}.product-search{max-width:420px;margin:0 auto 24px}.product-search input{width:100%;padding:12px 14px;border:1px solid #ccc;font-size:15px}.product-search input:focus{outline:none;border-color:#333}