/* Bổ sung cho giao diện theo mẫu: phần web thật có mà mẫu không có (menu tất cả danh mục,
   thông tin pháp lý chân trang, ảnh sản phẩm nền trắng, link thay cho nút). Nạp SAU ngx.css. */
.ngx .category-nav a { text-decoration: none; }
.ngx .category-nav a[aria-current="page"] { color: var(--orange); }
.ngx .mobile-quickbar a { text-decoration: none; }
.ngx .all-cats { background: #fff; border-top: 1px solid var(--line); box-shadow: 0 18px 40px rgba(12, 35, 64, .12); position: absolute; left: 0; right: 0; z-index: 60; }
.ngx .category-nav { position: relative; }
.ngx .all-cats__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; padding-top: 14px; padding-bottom: 16px; }
.ngx .all-cats__grid a { display: flex; gap: 10px; align-items: center; padding: 10px 12px; border: 1px solid var(--line); border-radius: 12px; text-decoration: none; }
.ngx .all-cats__grid a:hover { border-color: var(--orange); }
.ngx .all-cats__grid svg { width: 22px; height: 22px; flex: none; }
.ngx .all-cats__grid span { display: grid; }
.ngx .all-cats__grid small { color: var(--muted); font-size: .74rem; }
.ngx .footer-legal { border-top: 1px solid rgba(255,255,255,.12); margin-top: 18px; padding-top: 14px; padding-bottom: 18px; font-size: .76rem; color: #9fb0c6; }
.ngx .footer-legal p { margin: 2px 0; }
.ngx .footer-legal a { color: #cfe0f2; }
.ngx .search--suggest { position: relative; overflow: visible; }
.ngx-home .side-deal a { text-decoration: none; }
.ngx-home .category-grid a { text-decoration: none; color: inherit; }
.ngx-home .product-card h3 a, .ngx-home .flash-product h3 a, .ngx-home .home-news__card { color: inherit; text-decoration: none; }
.ngx-home .product-card__image { display: block; }
.ngx-home .flash-product__image { display: flex; }
.ngx-home a.flash-buy { display: inline-flex; justify-content: center; align-items: center; text-decoration: none; }
.ngx-home .trust-row small a { color: inherit; }
@media (max-width: 1000px) { .ngx .all-cats__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) {
  .ngx .all-cats { position: fixed; top: auto; bottom: 64px; max-height: 70vh; overflow-y: auto; border-radius: 18px 18px 0 0; }
}
/* Ảnh sản phẩm thật có nền trắng (ảnh mẫu trong suốt): đổi khung ảnh sang nền trắng cho liền,
   bỏ khung trắng bo góc mà styles.css cũ đặt cho ảnh hero. */
.ngx-home .product-card__image, .ngx-home .flash-product__image { background: #fff; }
.ngx-home .hero-card__visual { padding: 0; }
.ngx-home .hero-card__visual img { background: none; border-radius: 0; padding: 0; max-height: none; }
.ngx-home .gift { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
/* styles.css cũ đổi tiêu đề mục thành cột trên điện thoại — giữ một hàng như mẫu */
.ngx-home .section-heading { flex-direction: row; text-align: left; gap: 12px; }
.ngx-home .category-section, .ngx-home .products-section { text-align: left; }
.ngx-home .service-steps a { color: #fff; text-decoration: none; background: var(--orange); border-radius: 11px; padding: 13px; font-size: .75rem; font-weight: 700; }
.ngx-home .service-steps a b { color: #fff; margin-right: 4px; }
/* Dải dịch vụ tận nhà trên trang chủ — một hàng, thấp, không tranh chỗ với sản phẩm */
.ngx-home .svc-strip { display: flex; align-items: center; gap: 16px; margin-top: 26px; background: #fff; border: 1px solid var(--line); border-radius: 17px; padding: 12px 14px; }
.ngx-home .svc-strip__title { display: flex; align-items: center; gap: 10px; text-decoration: none; color: var(--ink); flex: none; }
.ngx-home .svc-strip__title small { display: block; font-size: .64rem; font-weight: 700; letter-spacing: .14em; color: var(--orange-2); }
.ngx-home .svc-strip__title b { font-size: .92rem; }
.ngx-home .svc-strip__links { display: flex; gap: 8px; overflow-x: auto; flex: 1; scrollbar-width: none; }
.ngx-home .svc-strip__links::-webkit-scrollbar { display: none; }
.ngx-home .svc-strip__links a { flex: none; padding: 8px 12px; border-radius: 999px; background: #f4f6f9; font-size: .76rem; font-weight: 600; text-decoration: none; color: var(--navy); white-space: nowrap; }
.ngx-home .svc-strip__links a:hover { background: var(--cream); color: var(--orange); }
.ngx-home .svc-strip__cta { flex: none; padding: 10px 16px; border-radius: 11px; background: var(--orange); color: #fff; font-weight: 700; font-size: .8rem; text-decoration: none; }
@media (max-width: 760px) {
  .ngx-home .svc-strip { order: 6; flex-wrap: wrap; gap: 10px; margin: 18px 0 0; border-radius: 14px; }
  .ngx-home .svc-strip__links { order: 3; flex-basis: 100%; }
  .ngx-home .svc-strip__cta { margin-left: auto; padding: 8px 12px; }
}
/* Khối chọn nhanh dịch vụ tận nhà (trang chủ) */
.ngx-home .svc-home { margin-top: 28px; background: #fff; border: 1px solid var(--line); border-radius: 19px; padding: 18px 20px; }
.ngx-home .svc-home__head { display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; margin-bottom: 14px; }
.ngx-home .svc-home__head h2 { font-size: 1.3rem; margin: 4px 0 0; letter-spacing: -.03em; }
.ngx-home .svc-home__head span { font-size: .7rem; font-weight: 700; letter-spacing: .16em; color: var(--orange-2); }
.ngx-home .svc-home__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.ngx-home .svc-home__col { display: grid; gap: 7px; align-content: start; }
.ngx-home .svc-home__col h3 { display: flex; align-items: center; gap: 8px; margin: 0 0 2px; font-size: .92rem; }
.ngx-home .svc-home__col h3 svg { width: 22px; height: 22px; fill: none; stroke: var(--orange); stroke-width: 1.8; }
.ngx-home .svc-home__pick { display: grid; grid-template-columns: 1fr auto 30px; gap: 8px; align-items: center; min-height: 46px; padding: 6px 6px 6px 12px; border: 1px solid var(--line); border-radius: 11px; text-decoration: none; color: var(--ink); font-size: .82rem; font-weight: 600; }
.ngx-home .svc-home__pick:hover { border-color: var(--orange); background: #fff8f3; }
.ngx-home .svc-home__pick b { color: var(--orange); font-size: .8rem; white-space: nowrap; }
.ngx-home .svc-home__pick i { font-style: normal; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 8px; background: var(--orange); color: #fff; font-weight: 800; }
.ngx-home .svc-home__note { margin: 12px 0 0; font-size: .76rem; color: var(--muted); }
@media (max-width: 1000px) { .ngx-home .svc-home__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 760px) {
  .ngx-home .svc-home { order: 6; margin: 18px 0 0; padding: 14px 12px; border-radius: 14px; }
  .ngx-home .svc-home__grid { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 10px; scrollbar-width: none; }
  .ngx-home .svc-home__grid::-webkit-scrollbar { display: none; }
  .ngx-home .svc-home__col { flex: 0 0 82%; scroll-snap-align: start; }
  .ngx-home .svc-home__head h2 { font-size: 1.1rem; }
}