/* MDIX custom fixes — mdix-gym-harmoni (design-QA). Linked last in <head>. */

/* --- C/B: touch targets ---------------------------------------------- */
/* Primary header controls → >=44px tap area (WCAG 2.5.8 target). */
.tf-top-bar a.search-btn,
header a.search-btn,
header a[href="#canvnasMegamenu"],
.mobile-button a {
  min-width: 44px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Card "Selengkapnya"/read-more CTA → >=24px tall. */
a.tf-btn-default {
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* Footer link columns + bottom bar → >=24px tall tap targets. */
.footer a.link,
.footer a.menu-item.link,
.footer-bottom a.link {
  min-height: 24px;
  display: inline-flex;
  align-items: center;
}

/* A: hide unfinished partner-logo strip (6 grey placeholder boxes, no real
   brands) on about-us — avoids showing placeholder content to buyers. */
.section-brand {
  display: none;
}

/* Logo link → >=24px tall tap target. */
.logo-header a {
  min-height: 24px;
  display: inline-flex;
  align-items: center;
}

/* Swiper pagination bullets: 24px tap area with a small centred dot. */
.swiper-pagination-bullet {
  width: 24px !important;
  height: 24px !important;
  background: transparent !important;
  opacity: 1 !important;
  position: relative;
  margin: 0 2px !important;
}
.swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 10px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #111111;
  opacity: 0.3;
}
.swiper-pagination-bullet-active::before {
  opacity: 1;
}