.products-grid-section{background:var(--background);min-height:100vh;padding:6rem 1.5rem}.products-grid-section__inner{max-width:1200px;margin:0 auto}.products-grid-section__head{flex-direction:column;gap:.75rem;margin-bottom:2.5rem;display:flex}.products-grid-section__filters{flex-wrap:wrap;gap:.5rem;margin-bottom:2.5rem;display:flex}.filter-btn{background:var(--surface);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:100px;padding:.5rem 1.1rem;font-size:.85rem;font-weight:600;transition:background .2s,border-color .2s,color .2s}.filter-btn:hover{color:var(--foreground);border-color:#ffffff26}.filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.products-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.25rem;display:grid}.product-card__expand-btn{z-index:2;color:#fff;cursor:pointer;opacity:0;-webkit-tap-highlight-color:transparent;background:#0a0a0aa6;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-family:inherit;transition:opacity .2s,background .2s;display:flex;position:absolute;top:.6rem;right:.6rem}.product-card:hover .product-card__expand-btn,.product-card:focus-within .product-card__expand-btn{opacity:1}@media (hover:none){.product-card__expand-btn{opacity:1}}.product-card__img-wrap--clickable{cursor:pointer}.product-card__name--link{cursor:pointer;transition:color .2s}.product-card__name--link:hover{color:var(--primary-light)}.product-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;transition:border-color .25s,transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.product-card:hover{border-color:#cc00004d;transform:translateY(-4px);box-shadow:0 16px 48px #0006}.product-card__img-wrap{background:#f4f4f4;justify-content:center;align-items:center;width:100%;height:180px;display:flex;overflow:hidden}.product-card__img{object-fit:contain;width:100%;height:100%;padding:10px;transition:transform .35s}.product-card:hover .product-card__img{transform:scale(1.06)}.product-card__body{flex-direction:column;flex:1;gap:.4rem;padding:1.1rem;display:flex}.product-card__category{letter-spacing:.1em;text-transform:uppercase;color:var(--primary);font-size:.7rem;font-weight:700}.product-card__name{color:var(--foreground);font-size:.95rem;font-weight:700;line-height:1.3}.product-card__desc{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.78rem;line-height:1.5;display:-webkit-box;overflow:hidden}.product-card__btn{background:var(--primary);color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.65rem;padding:.65rem;font-size:.85rem;font-weight:600;transition:background .2s;display:flex}.product-card__btn:hover{background:var(--primary-dark)}.product-card__actions{gap:.5rem;margin-top:.65rem;display:flex}.product-card__btn-pedir{color:#fff;-webkit-tap-highlight-color:transparent;white-space:nowrap;background:#25d366;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.65rem .4rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:background .2s;display:flex}.product-card__btn-pedir:hover,.product-card__btn-pedir:active{background:#1ebe5d}.product-card__btn-agregar{background:var(--surface);border:1px solid var(--border);color:var(--foreground);cursor:pointer;-webkit-tap-highlight-color:transparent;white-space:nowrap;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.65rem .4rem;font-family:inherit;font-size:.8rem;font-weight:600;transition:border-color .2s,background .2s;display:flex}.product-card__btn-agregar:hover,.product-card__btn-agregar:active{border-color:var(--primary);background:#cc000014}.product-card__btn-agregar.added{border-color:var(--primary);color:var(--primary)}.products-grid__empty{text-align:center;color:var(--muted);grid-column:1/-1;padding:3rem 0;font-size:1rem}@media (max-width:900px){.products-grid-section{padding:5rem 1.25rem}.products-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.product-card__img-wrap{height:170px}}@media (max-width:480px){.products-grid-section{padding:4rem 1rem}.products-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.product-card__img-wrap{height:140px}}
