.products-section{padding:2rem 0}
.products-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:1rem;margin-top:1rem}
.product-card{background:#0f1117;border:1px solid #1c1f2b;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:transform .18s ease, border-color .2s}
.product-card:hover{transform:translateY(-3px);border-color:#2a2f43}
.product-media{width:100%;height:220px;object-fit:cover}
.product-body{padding:.8rem;display:flex;flex-direction:column;gap:.5rem}
.product-title{font-weight:700}
.product-price{color:#aab2ce}
.product-actions{align-items:center}
.product-actions select{background:#11131a;color:var(--text);border:1px solid #272a33;border-radius:10px;padding:.6rem}
.product-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem}
@media (max-width:680px){.product-actions{grid-template-columns:1fr;}}
@media (max-width: 1080px){.products-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width: 780px){.products-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 520px){.products-grid{grid-template-columns:1fr}}

/* Lightbox */
.lightbox{position:fixed;inset:0;display:none;z-index:100}
.lightbox.open{display:block}
.lightbox-overlay{position:absolute;inset:0;background:rgba(0,0,0,.7)}
.lightbox-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;max-width:92vw;max-height:88vh}
.lightbox-content img{max-width:92vw;max-height:80vh;border-radius:12px;border:1px solid #1c1f2b;box-shadow:var(--shadow)}
.lightbox-content figcaption{margin-top:.5rem;text-align:center;color:#cdd3e8}
.lightbox-close{position:absolute;top:-12px;right:-12px;background:#0f1117;border:1px solid #1c1f2b;border-radius:999px;width:36px;height:36px;display:grid;place-items:center}