/* ===== Home: stats + quick icons in ONE card — customer add-on (separate file) =====
   The stats card (5,000+ / 1M+ / 50K+ / 98%) and the quick-icon row (ส่งฟรี / เทรนด์ดี /
   มอลล์ / ถูกชัวร์ / โฮม) are joined into a single card, with slightly smaller spacing,
   so the product sections below move up the screen. Works on the home page and the
   products page. If no quick icons are set, the stats card looks exactly as before.
   Remove the <link> line in index.html to undo. */

/* top half: stats */
.home-stats-row:has(+ .home-cat-tabs:not(:empty)) {
  margin-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding-bottom: 12px;
  clip-path: inset(-30px -30px 0 -30px);   /* no shadow line where the halves meet */
}

/* bottom half: quick icons */
.home-stats-row + .home-cat-tabs:not(:empty) {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: 1px solid var(--purple-100, #EDE9FE);
  padding: 12px 14px 14px;
  clip-path: inset(0 -30px -30px -30px);
}

/* a little more compact icons */
.home-stats-row + .home-cat-tabs .home-cat-tab { gap: 6px; }
.home-stats-row + .home-cat-tabs .home-cat-tab-ico { width: 48px; height: 48px; font-size: 21px; }
.home-stats-row + .home-cat-tabs .home-cat-tab span { font-size: 10.5px; }

.home-cat-tabs:empty { display: none; }