.product-card { min-height: 305px; }
.product-card::before { content: 'Hình ảnh sản phẩm'; height: 100px; display: grid; place-items: center; border: 1px dashed #a9c0d1; background: #f3f9fc; color: #7893a8; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.product-card.has-image::before { display: none; }
.product-card.has-image { min-height: 405px; }
.product-card .product-photo { width: 100%; height: auto; aspect-ratio: 4 / 3; display: block; object-fit: contain; object-position: center; background: #f5f8fa; }
.product-type { margin-top: 16px; }
.product-card h3 { margin-top: 9px; }
@media (max-width: 700px) { .product-card { min-height: 270px; } }
.product-panel.active { display: block; border: 1px solid #cfe0eb; }
.product-filter-bar { display: flex; flex-wrap: wrap; gap: 8px; padding: 18px; border-bottom: 1px solid #cfe0eb; background: #f7fbfd; }
.product-filter-bar button { padding: 8px 11px; border: 1px solid #c8dbe7; background: #fff; color: #54718b; font: 700 10px 'Be Vietnam Pro'; cursor: pointer; }
.product-filter-bar button.active, .product-filter-bar button:hover { border-color: var(--yellow); background: var(--yellow); color: var(--deep); }
.home-product-grid { display: grid; grid-template-columns: repeat(3, 1fr); }
.home-product-grid .product-card { border-bottom: 1px solid #cfe0eb; }
.home-product-grid .product-card:nth-child(3n) { border-right: 0; }
.home-product-note { margin: 0; padding: 12px 18px; color: #58758e; font-size: 12px; }
@media (max-width: 700px) { .home-product-grid { grid-template-columns: 1fr; } .home-product-grid .product-card { border-right: 0; } .product-filter-bar { overflow-x: auto; flex-wrap: nowrap; } .product-filter-bar button { flex: 0 0 auto; } }