/* === Hero title: smaller, lighter, more professional === */
section h1,
header + section h1,
main > section:first-of-type h1,
[class*="hero"] h1 {
  font-size: clamp(1.5rem, 3.5vw, 2.4rem) !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
}

section h1 span,
[class*="hero"] h1 span {
  font-weight: 600 !important;
}

/* Tighten hero subtitle as well */
section h1 + p,
[class*="hero"] h1 + p {
  font-size: 0.95rem !important;
  line-height: 1.55 !important;
  opacity: 0.85 !important;
}

/* === Hide small notification dots/badges on filter tabs === */
[role="tab"] .badge,
[role="tab"] [class*="badge"],
[role="tab"] [class*="dot"],
button[role="tab"] > span > span:last-child:not(:only-child),
.inline-flex > button > span[class*="rounded-full"]:not([class*="px-"]),
[class*="tabs"] button [class*="rounded-full"][class*="bg-"]:not([class*="px-"]):not([class*="py-"]),
[class*="Tabs"] button [class*="rounded-full"][class*="bg-"]:not([class*="px-"]):not([class*="py-"]) {
  display: none !important;
}

/* Sokchad promo countdown — HIDDEN completely (per user request) */

div.absolute.inset-x-3.bottom-3.rounded-2xl.backdrop-blur-sm,
div.absolute.inset-x-4.bottom-4.rounded-2xl.backdrop-blur-sm {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* All text white */
div.absolute.inset-x-3.bottom-3.rounded-2xl.backdrop-blur-sm,
div.absolute.inset-x-3.bottom-3.rounded-2xl.backdrop-blur-sm *,
div.absolute.inset-x-4.bottom-4.rounded-2xl.backdrop-blur-sm,
div.absolute.inset-x-4.bottom-4.rounded-2xl.backdrop-blur-sm * {
  color: #ffffff !important;
}

/* HIDE the header row (Featured Premium Service / Limited Offer / Products pill) */
div.absolute.inset-x-3.bottom-3.rounded-2xl.backdrop-blur-sm > .mb-3,
div.absolute.inset-x-4.bottom-4.rounded-2xl.backdrop-blur-sm > .mb-3 {
  display: none !important;
}

/* Compact countdown grid — tight horizontal row */
div.absolute.inset-x-3.bottom-3.rounded-2xl.backdrop-blur-sm .grid,
div.absolute.inset-x-4.bottom-4.rounded-2xl.backdrop-blur-sm .grid {
  gap: 0.15rem !important;
  margin: 0 !important;
}

div.absolute.inset-x-3.bottom-3.rounded-2xl.backdrop-blur-sm .grid > div,
div.absolute.inset-x-4.bottom-4.rounded-2xl.backdrop-blur-sm .grid > div {
  background: rgba(0, 0, 0, 0.25) !important;
  border-radius: 0.18rem !important;
  padding: 0 0.05rem !important;
  min-height: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.15rem !important;
  flex-direction: row !important;
}

/* Ultra-tiny digits */
div.absolute.inset-x-3.bottom-3.rounded-2xl.backdrop-blur-sm .grid > div > div:first-child,
div.absolute.inset-x-4.bottom-4.rounded-2xl.backdrop-blur-sm .grid > div > div:first-child {
  font-size: 0.55rem !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  margin: 0 !important;
}

/* Ultra-tiny labels — inline, single-letter when possible */
div.absolute.inset-x-3.bottom-3.rounded-2xl.backdrop-blur-sm .grid > div > div:last-child,
div.absolute.inset-x-4.bottom-4.rounded-2xl.backdrop-blur-sm .grid > div > div:last-child {
  font-size: 0.4rem !important;
  letter-spacing: 0 !important;
  opacity: 0.8 !important;
  line-height: 1 !important;
  margin: 0 !important;
  text-transform: lowercase !important;
}