.grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin-bottom:48px;}
.product-card{border-radius:16px;padding:14px;border:1px solid rgba(255,255,255,0.08);backdrop-filter:blur(8px);cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;}
.product-card:hover{transform:scale(1.03);box-shadow:0 20px 40px rgba(0,0,0,0.3);}
.product-image img{width:100%;border-radius:10px;object-fit:cover;}
.action{padding:10px 12px;border-radius:10px;color:#fff;text-align:center;font-weight:600;transition:all .2s;}
.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.9);display:none;align-items:center;justify-content:center;z-index:9999;}
.modal{position:relative;display:flex;align-items:center;justify-content:center;max-width:900px;width:100%;}
.modal img{width:auto;max-width:90vw;max-height:90vh;border-radius:12px;animation:zoomIn .5s ease;}
.close-btn{position:absolute;top:20px;right:20px;background:rgba(255,255,255,0.2);border:none;border-radius:50%;width:50px;height:50px;color:#fff;font-size:18px;cursor:pointer;transition:background .3s;}
.close-btn:hover{background:rgba(255,255,255,0.4);}
@keyframes zoomIn{from{transform:scale(0.8);opacity:0;}to{transform:scale(1);opacity:1;}}