/* Products CSS - Updated */
.products-section { padding:2rem 2rem 6rem; }
.products-toolbar { display:flex; justify-content:space-between; align-items:center; margin-bottom:2.5rem; gap:1.5rem; flex-wrap:wrap; }
.products-search { max-width:280px; flex-shrink:0; }
.products-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1.8rem; }

.product-card { background:var(--glass-bg); border:1px solid var(--glass-border); border-radius:20px; overflow:hidden; transition:all 0.4s; cursor:pointer; display:flex; flex-direction:column; }
.product-card:hover { transform:translateY(-8px); border-color:var(--gold); box-shadow:var(--shadow-gold); }
.product-image-wrap { height:180px; background:linear-gradient(135deg,var(--indigo),var(--royal-purple)); display:flex; align-items:center; justify-content:center; font-size:5rem; position:relative; overflow:hidden; }
.product-emoji-big { font-size:5rem; z-index:1; }
.product-image-wrap::after { content:''; position:absolute; inset:0; background:linear-gradient(to bottom,transparent 50%,rgba(2,2,10,0.4)); }
.product-category-badge { position:absolute; top:0.7rem; left:0.7rem; z-index:2; }
.product-planet-badge { position:absolute; top:0.7rem; right:0.7rem; z-index:2; }
.product-body { padding:1.2rem; flex:1; display:flex; flex-direction:column; gap:0.4rem; }
.product-name { font-family:var(--font-display); font-size:0.92rem; color:var(--white); line-height:1.3; }
.product-desc { font-size:0.85rem; color:var(--silver); line-height:1.5; }
.product-benefits { font-size:0.78rem; color:rgba(201,168,76,0.8); line-height:1.4; margin-top:0.2rem; }
.product-footer { display:flex; align-items:center; justify-content:space-between; padding:0 1.2rem 1.2rem; }
.product-price { font-family:var(--font-display); font-size:1.15rem; color:var(--gold); }
.product-buy-btn { padding:0.45rem 1rem; border-radius:20px; background:linear-gradient(135deg,var(--gold),var(--gold-light)); color:var(--black); font-family:var(--font-ui); font-size:0.78rem; font-weight:700; border:none; cursor:pointer; transition:all 0.3s; display:flex; align-items:center; gap:0.4rem; }
.product-buy-btn:hover { box-shadow:0 0 20px rgba(201,168,76,0.5); transform:translateY(-1px); }

/* Product Modal */
.product-modal { max-width:580px; max-height:90vh; overflow-y:auto; }
.product-modal-content { display:flex; flex-direction:column; gap:0.8rem; }
.product-modal-image { width:100%; height:180px; background:linear-gradient(135deg,var(--indigo),var(--royal-purple)); border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:6rem; }
.product-modal-name { font-family:var(--font-display); font-size:1.4rem; color:var(--white); }
.product-modal-price { font-family:var(--font-display); font-size:1.8rem; color:var(--gold); }
.product-modal-section { background:rgba(201,168,76,0.06); border-radius:10px; padding:0.8rem 1rem; font-size:0.88rem; color:var(--silver); line-height:1.6; border-left:2px solid var(--gold); }
.product-modal-section strong { color:var(--gold); }
.product-modal-desc { color:var(--silver); line-height:1.7; font-size:0.92rem; }
.product-modal-whatsapp { display:flex; gap:1rem; align-items:center; background:rgba(37,211,102,0.08); border:1px solid rgba(37,211,102,0.2); border-radius:12px; padding:1rem; }
.product-modal-whatsapp i { color:#25d366; font-size:2rem; }
.product-modal-whatsapp strong { display:block; font-family:var(--font-ui); color:#25d366; }
.product-modal-whatsapp span { font-size:0.85rem; color:var(--silver); }

.products-empty { text-align:center; padding:5rem 2rem; }
.products-empty .empty-icon { font-size:4rem; margin-bottom:1rem; }
.products-empty h3 { font-family:var(--font-display); color:var(--gold); font-size:1.5rem; margin-bottom:0.5rem; }
.products-empty p { color:var(--silver); }

@media (max-width:1200px){ .products-grid{grid-template-columns:repeat(3,1fr);} }
@media (max-width:900px){ .products-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:600px){ .products-grid{grid-template-columns:1fr;} .products-toolbar{flex-direction:column;align-items:stretch;} .products-search{max-width:100%;} }