/* ==========================================================================
   Digithic: tampilan modern (bersih & lega)

   Lapisan ini dimuat SETELAH public.css dan hanya mengatur tampilan. Tidak ada
   logika, data, atau Pixel yang bergantung pada file ini, jadi aman dilepas
   kapan saja: hapus enqueue 'ir-modern' dan tampilan kembali seperti semula.

   Semua aturan dibatasi di dalam wadah plugin (.ir-checkout, .ir-member-area,
   .ir-product-list, .ir-gate, .ir-auth-wrap) supaya tidak mengubah tema.
   Warna utama tetap mengikuti setelan Accent Color (--ir-primary).
   ========================================================================== */

:root {
  --irm-font: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --irm-ink: #0f172a;
  --irm-ink-2: #475569;
  --irm-ink-3: #94a3b8;
  --irm-line: #e2e8f0;
  --irm-line-2: #f1f5f9;
  --irm-soft: #f8fafc;
  --irm-card: #ffffff;
  --irm-r: 16px;
  --irm-r-sm: 12px;
  --irm-r-xs: 8px;
  --irm-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 6px 24px rgba(15, 23, 42, .06);
  --irm-shadow-hover: 0 2px 4px rgba(15, 23, 42, .05), 0 14px 36px rgba(15, 23, 42, .10);
  --irm-ring: 0 0 0 4px color-mix(in srgb, var(--ir-primary, #1E7A6E) 18%, transparent);
  --irm-tint: color-mix(in srgb, var(--ir-primary, #1E7A6E) 8%, #fff);
}

/* --------------------------------------------------------------------------
   Dasar: font, warna teks, judul. Judul di dalam plugin tidak lagi ikut font
   serif besar dari tema.
   -------------------------------------------------------------------------- */
.ir-checkout, .ir-member-area, .ir-product-list, .ir-gate, .ir-auth-wrap {
  font-family: var(--irm-font) !important;
  color: var(--irm-ink);
  -webkit-font-smoothing: antialiased;
  line-height: 1.6;
}
.ir-checkout *, .ir-member-area *, .ir-product-list *, .ir-gate *, .ir-auth-wrap * {
  font-family: inherit !important;
  box-sizing: border-box;
}
.ir-checkout :is(h1,h2,h3,h4,h5),
.ir-member-area :is(h1,h2,h3,h4,h5),
.ir-product-list :is(h1,h2,h3,h4,h5),
.ir-gate :is(h1,h2,h3,h4,h5),
.ir-auth-wrap :is(h1,h2,h3,h4,h5) {
  font-family: var(--irm-font) !important;
  color: var(--irm-ink);
  font-weight: 700;
  letter-spacing: -0.015em;
  line-height: 1.3;
}

/* --------------------------------------------------------------------------
   Tombol
   -------------------------------------------------------------------------- */
:is(.ir-checkout, .ir-member-area, .ir-gate, .ir-auth-wrap) .ir-btn {
  border-radius: var(--irm-r-sm);
  font-weight: 600;
  letter-spacing: -0.005em;
  transition: background .15s, box-shadow .15s, transform .15s, border-color .15s, color .15s;
}
:is(.ir-checkout, .ir-member-area, .ir-gate, .ir-auth-wrap) .ir-btn--primary {
  min-height: 52px;
  font-size: 16px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .08), 0 6px 18px color-mix(in srgb, var(--ir-primary, #1E7A6E) 28%, transparent);
}
:is(.ir-checkout, .ir-member-area, .ir-gate, .ir-auth-wrap) .ir-btn--primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(15, 23, 42, .08), 0 10px 24px color-mix(in srgb, var(--ir-primary, #1E7A6E) 34%, transparent);
}
:is(.ir-checkout, .ir-member-area, .ir-gate, .ir-auth-wrap) .ir-btn--primary:active { transform: translateY(0); }
:is(.ir-checkout, .ir-member-area, .ir-gate, .ir-auth-wrap) .ir-btn--secondary {
  background: #fff;
  border: 1px solid var(--irm-line);
  color: var(--irm-ink);
}
:is(.ir-checkout, .ir-member-area, .ir-gate, .ir-auth-wrap) .ir-btn--secondary:hover {
  background: var(--irm-soft);
  border-color: var(--irm-ink-3);
  color: var(--irm-ink);
}

/* --------------------------------------------------------------------------
   Katalog produk [ir_checkout]
   -------------------------------------------------------------------------- */
.ir-product-list { max-width: 1080px; margin-inline: auto; }

.ir-cat-filter { gap: 8px !important; margin-bottom: 24px !important; flex-wrap: wrap; }
.ir-cat-filter .ir-cat-btn {
  border: 1px solid var(--irm-line) !important;
  background: #fff !important;
  color: var(--irm-ink-2) !important;
  border-radius: 999px !important;
  padding: 8px 16px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  transition: all .15s;
}
.ir-cat-filter .ir-cat-btn:hover { border-color: var(--irm-ink-3) !important; color: var(--irm-ink) !important; }
.ir-cat-filter .ir-cat-btn.active,
.ir-cat-filter .ir-cat-btn--active {
  background: var(--irm-ink) !important;
  border-color: var(--irm-ink) !important;
  color: #fff !important;
}

.ir-product-grid {
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)) !important;
  gap: 20px !important;
}
.ir-product-card {
  background: var(--irm-card) !important;
  border: 1px solid var(--irm-line) !important;
  border-radius: var(--irm-r) !important;
  box-shadow: var(--irm-shadow) !important;
  padding: 0 !important;
  overflow: hidden;
  display: flex !important;
  flex-direction: column;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.ir-product-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--irm-shadow-hover) !important;
  border-color: var(--irm-line) !important;
}
.ir-product-card .ir-product-card__img,
.ir-product-card > img:first-child {
  width: 100% !important;
  margin: 0 !important;
  border-radius: 0 !important;
  aspect-ratio: 16 / 10;
  object-fit: cover !important;
  display: block;
}
.ir-product-card .ir-product-card__img img { width: 100%; height: 100%; object-fit: cover; border-radius: 0 !important; margin: 0 !important; display: block; }
.ir-product-card > :not(.ir-product-card__img):not(img) { margin-left: 20px; margin-right: 20px; }
.ir-product-card .ir-product-card__name {
  margin-top: 18px;
  font-size: 16.5px !important;
  font-weight: 700 !important;
  line-height: 1.35;
  color: var(--irm-ink) !important;
  letter-spacing: -0.01em;
}
.ir-product-card .ir-product-card__type {
  font-size: 12px !important;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--irm-ink-3) !important;
  margin-top: 4px !important;
  margin-bottom: 12px !important;
}
.ir-product-card .ir-product-card__price {
  font-size: 22px !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em;
  color: var(--irm-ink) !important;
}
.ir-product-card .ir-product-card__badges { margin-bottom: 4px; }
.ir-product-card .ir-product-card__cta {
  margin-top: auto !important;
  margin-bottom: 20px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  border-radius: var(--irm-r-sm);
  background: var(--irm-tint);
  color: var(--ir-primary, #1E7A6E) !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  transition: background .15s, color .15s;
}
.ir-product-card:hover .ir-product-card__cta { background: var(--ir-primary, #1E7A6E); color: #fff !important; }
.ir-product-card .ir-stock-badge { margin-bottom: 16px; border-radius: var(--irm-r-xs) !important; }

/* Badge kecil */
.ir-new-badge, .ir-sold-badge, .ir-stock-badge {
  border-radius: 999px !important;
  font-weight: 700 !important;
  letter-spacing: .01em;
}
.ir-sold-badge {
  background: var(--irm-line-2) !important;
  color: var(--irm-ink-2) !important;
  border: 0 !important;
}

/* Paginasi */
.ir-pagination { gap: 6px; margin-top: 28px; }
.ir-pagination .ir-page-btn {
  min-width: 38px; height: 38px;
  border-radius: 10px !important;
  border: 1px solid var(--irm-line) !important;
  background: #fff !important;
  color: var(--irm-ink-2) !important;
  font-weight: 600;
}
.ir-pagination .ir-page-btn.active,
.ir-pagination .ir-page-btn--active { background: var(--irm-ink) !important; color: #fff !important; border-color: var(--irm-ink) !important; }

/* --------------------------------------------------------------------------
   Checkout satu produk
   -------------------------------------------------------------------------- */
.ir-checkout { max-width: 580px !important; margin-inline: auto; }

.ir-checkout__product {
  background: var(--irm-card) !important;
  border: 1px solid var(--irm-line) !important;
  border-radius: 20px !important;
  box-shadow: var(--irm-shadow) !important;
  padding: 24px !important;
  margin-bottom: 28px !important;
}
.ir-checkout__product > img:first-child {
  border-radius: 14px !important;
  margin-bottom: 20px !important;
}
.ir-checkout__product h3 {
  font-size: 22px !important;
  margin: 0 0 6px !important;
}
.ir-checkout__product .ir-product-desc { color: var(--irm-ink-2) !important; font-size: 15px !important; }
.ir-checkout__product .ir-checkout__price {
  font-size: 36px !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em;
  color: var(--irm-ink) !important;
}

/* Hitung mundur: kotak gelap dengan angka kuning menyala, di atas wadah
   bernuansa oranye. Sengaja kontras supaya langsung menarik perhatian. */
:root { --irm-timer-bg: #0f172a; --irm-timer-num: #fbbf24; }
.ir-flipclock { margin-top: 18px !important; padding: 18px 16px 16px !important; background: #fff7ed !important; border: 1px solid #fed7aa !important; border-radius: var(--irm-r-sm) !important; }
.ir-flipclock__title { font-size: 14px !important; font-weight: 800 !important; color: #c2410c !important; margin: 0 0 12px !important; }
.ir-flipclock__grid { gap: 8px !important; }
.ir-flipclock__block {
  background: var(--irm-timer-bg) !important;
  border: 0 !important;
  border-radius: var(--irm-r-sm) !important;
  box-shadow: 0 6px 16px rgba(15, 23, 42, .25), inset 0 -2px 0 rgba(255, 255, 255, .06) !important;
  padding: 12px 6px 9px !important;
  min-width: 66px;
}
.ir-flipclock .ir-fc-num {
  background: none !important;
  box-shadow: none !important;
  color: var(--irm-timer-num) !important;
  font-size: 30px !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em;
  font-variant-numeric: tabular-nums;
  line-height: 1.05 !important;
  padding: 0 !important;
}
.ir-flipclock .ir-fc-label { color: #94a3b8 !important; font-size: 10px !important; font-weight: 700 !important; letter-spacing: .1em; margin-top: 4px !important; }
.ir-flipclock--ended .ir-flipclock__block { background: #e2e8f0 !important; box-shadow: none !important; }
.ir-flipclock--ended .ir-fc-num { color: #94a3b8 !important; }

/* Timer di kartu katalog: kotak digital mini */
.ir-product-card .ir-timer {
  display: flex !important;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px !important;
  padding: 10px 12px !important;
  background: var(--irm-timer-bg) !important;
  border: 0 !important;
  border-radius: var(--irm-r-sm) !important;
  color: #fff !important;
  font-size: 15px !important;
}
.ir-product-card .ir-timer-txt { display: inline-flex; gap: 5px; }
.ir-product-card .ir-tm {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  min-width: 40px;
  padding: 4px 6px 3px;
  border-radius: 8px;
  background: rgba(255, 255, 255, .08);
}
.ir-product-card .ir-tm b { font-size: 16px; font-weight: 800; line-height: 1.1; color: var(--irm-timer-num); font-variant-numeric: tabular-nums; }
.ir-product-card .ir-tm i { font-style: normal; font-size: 9px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #94a3b8; }
.ir-product-card .ir-timer--ended { background: var(--irm-line-2) !important; color: var(--irm-ink-3) !important; }
.ir-product-card .ir-stock-badge { margin-bottom: 12px !important; }

/* Form */
.ir-checkout__form { gap: 18px !important; }
.ir-checkout .ir-field { gap: 7px !important; }
.ir-checkout .ir-field > label,
.ir-auth-wrap .ir-field > label {
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: var(--irm-ink) !important;
}
:is(.ir-checkout, .ir-auth-wrap, .ir-member-area) .ir-field :is(input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="number"], select, textarea),
.ir-checkout #ir-coupon {
  min-height: 48px;
  padding: 12px 14px !important;
  border: 1px solid var(--irm-line) !important;
  border-radius: var(--irm-r-sm) !important;
  background: #fff !important;
  font-size: 15px !important;
  color: var(--irm-ink) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .03);
  transition: border-color .15s, box-shadow .15s;
}
:is(.ir-checkout, .ir-auth-wrap, .ir-member-area) .ir-field :is(input, select, textarea):focus,
.ir-checkout #ir-coupon:focus {
  outline: none !important;
  border-color: var(--ir-primary, #1E7A6E) !important;
  box-shadow: var(--irm-ring) !important;
}
:is(.ir-checkout, .ir-auth-wrap) .ir-field input::placeholder { color: var(--irm-ink-3); }
.ir-checkout .ir-field small,
.ir-checkout .ir-field .description { color: var(--irm-ink-3) !important; font-size: 12.5px !important; }

.ir-checkout .ir-coupon-wrap > div:first-of-type,
.ir-checkout .ir-coupon-row { gap: 8px !important; }
.ir-checkout #ir-apply-coupon,
.ir-checkout #ir-remove-coupon { min-height: 48px; padding: 0 20px !important; }

.ir-checkout__user-info {
  background: var(--irm-tint) !important;
  border: 1px solid color-mix(in srgb, var(--ir-primary, #1E7A6E) 20%, #fff) !important;
  border-radius: var(--irm-r-sm) !important;
}
.ir-checkout__login-hint { color: var(--irm-ink-2) !important; font-size: 14px !important; }

/* Metode pembayaran: tiap pilihan jadi kartu yang bisa diklik */
.ir-checkout .ir-payment-methods { gap: 8px !important; }
.ir-checkout .ir-payment-group-label {
  font-size: 11.5px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  color: var(--irm-ink-3) !important;
  margin: 10px 0 2px !important;
}
.ir-checkout label.ir-radio {
  margin: 0 !important;
  padding: 14px 16px !important;
  border: 1px solid var(--irm-line);
  border-radius: var(--irm-r-sm);
  background: #fff;
  gap: 12px !important;
  font-weight: 600;
  color: var(--irm-ink);
  transition: border-color .15s, background .15s, box-shadow .15s;
}
.ir-checkout label.ir-radio:hover { border-color: var(--irm-ink-3); }
.ir-checkout label.ir-radio:has(input:checked) {
  border-color: var(--ir-primary, #1E7A6E);
  background: var(--irm-tint);
  box-shadow: 0 0 0 1px var(--ir-primary, #1E7A6E) inset;
}
.ir-checkout label.ir-radio input[type="radio"] {
  accent-color: var(--ir-primary, #1E7A6E);
  width: 18px; height: 18px; margin: 0;
}

.ir-checkout .ir-unique-note {
  background: var(--irm-soft) !important;
  border: 1px dashed var(--irm-line) !important;
  border-radius: var(--irm-r-sm) !important;
  color: var(--irm-ink-2) !important;
  font-size: 13.5px !important;
}
.ir-checkout .ir-price-summary {
  background: var(--irm-soft) !important;
  border: 1px solid var(--irm-line);
  border-radius: var(--irm-r-sm) !important;
  padding: 14px 16px !important;
}

/* Kotak order bump */
.ir-checkout .ir-bump-box { border-radius: var(--irm-r) !important; }

/* --------------------------------------------------------------------------
   Gerbang artikel premium (paywall / lock)
   -------------------------------------------------------------------------- */
.ir-gate__box, .ir-gate:not(.ir-gate--paywall) {
  background: var(--irm-card) !important;
  border: 1px solid var(--irm-line) !important;
  border-radius: 20px !important;
  box-shadow: var(--irm-shadow-hover) !important;
  padding: 32px 28px !important;
}
.ir-gate__icon {
  width: 56px; height: 56px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 16px;
  background: var(--irm-tint);
  font-size: 26px !important;
  margin: 0 auto 14px !important;
}
.ir-gate :is(h3, .ir-gate__title) { font-size: 21px !important; }
.ir-gate :is(p, .ir-gate__sub) { color: var(--irm-ink-2) !important; }
.ir-gate .ir-gate__cta {
  min-height: 50px;
  padding: 0 28px !important;
  border-radius: var(--irm-r-sm) !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center; justify-content: center;
  box-shadow: 0 6px 18px color-mix(in srgb, var(--ir-primary, #1E7A6E) 28%, transparent);
}
.ir-gate .ir-gate__cta--secondary { box-shadow: none; min-height: 0; color: var(--irm-ink-2) !important; }

/* --------------------------------------------------------------------------
   Login & daftar
   -------------------------------------------------------------------------- */
.ir-auth-box {
  border: 1px solid var(--irm-line) !important;
  border-radius: 20px !important;
  box-shadow: var(--irm-shadow-hover) !important;
  padding: 32px !important;
}
.ir-auth-tabs { border-bottom: 1px solid var(--irm-line) !important; }
.ir-auth-tab { font-weight: 600 !important; }

/* --------------------------------------------------------------------------
   Member area
   -------------------------------------------------------------------------- */
.ir-member-area { max-width: 780px !important; margin-inline: auto; }
.ir-member-area > h2:first-child, .ir-member-area > h1:first-child { font-size: 28px !important; margin: 0 0 24px !important; }

.ir-member-area .ir-section { margin-bottom: 36px !important; }
.ir-member-area .ir-section > :is(h2, h3) {
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: .08em !important;
  color: var(--irm-ink-3) !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 0 14px !important;
}

.ir-member-area :is(.ir-order-card, .ir-access-card) {
  background: var(--irm-card) !important;
  border: 1px solid var(--irm-line) !important;
  border-radius: var(--irm-r) !important;
  box-shadow: var(--irm-shadow) !important;
  padding: 22px 24px !important;
  margin-bottom: 14px !important;
}
.ir-member-area .ir-access-card h4,
.ir-member-area .ir-access-card > :is(h3, h4):first-child {
  font-size: 18px !important;
  margin: 0 0 4px !important;
}
.ir-member-area .ir-access-meta { color: var(--irm-ink-3) !important; font-size: 13px !important; }
.ir-member-area .ir-order-card__info { color: var(--irm-ink-2); font-size: 14.5px !important; line-height: 1.6; }

/* Kotak transfer di pesanan tertunda */
.ir-member-area .ir-order-card [style*="#fffbf0"],
.ir-member-area .ir-order-card [style*="#fff8e1"],
.ir-member-area .ir-order-card [style*="#fffdf5"] {
  border-radius: var(--irm-r-sm) !important;
}

/* Daftar artikel */
.ir-member-area .ir-article-list { gap: 8px; }
.ir-member-area .ir-article-list__item {
  border: 1px solid var(--irm-line) !important;
  background: var(--irm-soft) !important;
  border-radius: var(--irm-r-sm) !important;
  padding: 12px 14px !important;
  transition: border-color .15s, background .15s;
}
.ir-member-area .ir-article-list__item:hover { background: #fff !important; border-color: var(--ir-primary, #1E7A6E) !important; }

/* Badge status */
.ir-member-area .ir-badge { border-radius: 999px !important; padding: 3px 10px !important; font-size: 12px !important; font-weight: 700 !important; }

/* Input salin link referral */
.ir-member-area .ir-ref-copyable input,
.ir-member-area input[readonly] {
  border: 1px solid var(--irm-line) !important;
  border-radius: var(--irm-r-sm) !important;
  background: var(--irm-soft) !important;
  min-height: 44px;
  padding: 0 12px !important;
  color: var(--irm-ink-2) !important;
}
.ir-member-area details, .ir-member-area .ir-article-links-panel {
  border-radius: var(--irm-r-sm) !important;
}

/* --------------------------------------------------------------------------
   Layar kecil
   -------------------------------------------------------------------------- */
@media (max-width: 600px) {
  .ir-checkout__product { padding: 18px !important; border-radius: 16px !important; }
  .ir-checkout__product .ir-checkout__price { font-size: 30px !important; }
  .ir-flipclock__block { min-width: 0; flex: 1; }
  .ir-flipclock .ir-fc-num { font-size: 24px !important; }
  .ir-product-grid { grid-template-columns: 1fr !important; }
  .ir-member-area :is(.ir-order-card, .ir-access-card) { padding: 18px !important; }
  .ir-gate__box, .ir-gate:not(.ir-gate--paywall) { padding: 26px 20px !important; }
}

/* --------------------------------------------------------------------------
   Urutan isi kartu katalog: harga, lalu timer, slot, jumlah terbeli, baru
   tombol Pilih. Info pendorong dibaca dulu sebelum tombol. Diatur lewat
   urutan tampilan (order) saja, markup dan logikanya tidak berubah.
   -------------------------------------------------------------------------- */
.ir-product-card .ir-product-card__meta   { order: 1; margin-top: auto; margin-bottom: 12px; display: flex; flex-direction: column; gap: 8px; }
.ir-product-card .ir-product-card__badges { order: 2; margin-top: 0; margin-bottom: 14px; }
.ir-product-card .ir-product-card__cta    { order: 3; }
.ir-product-card:has(.ir-product-card__meta) .ir-product-card__cta { margin-top: 0 !important; }
.ir-product-card:has(.ir-product-card__meta:empty) .ir-product-card__badges { margin-top: auto; }
.ir-product-card .ir-product-card__meta .ir-timer { order: -1; margin: 0 !important; }
.ir-product-card .ir-product-card__meta .ir-stock-badge { margin: 0 !important; }
.ir-product-card .ir-product-card__meta:empty { display: none; }

/* Harga setelah timer habis: info harga naik + jumlah terbeli */
.ir-after-box {
  margin: 10px 0;
  padding: 12px 14px;
  border-radius: 12px;
  background: #fff7ed;
  border: 1px solid #fed7aa;
  color: #9a3412;
  font-size: 13.5px;
  line-height: 1.55;
}
.ir-after-box strong { color: #7c2d12; }
.ir-after-box--ended { background: #f8fafc; border-color: #e2e8f0; color: #475569; }
.ir-after-box--ended strong { color: #0f172a; }
.ir-after-note {
  font-size: 12px;
  line-height: 1.4;
  color: #9a3412;
  background: #fff7ed;
  border: 1px solid #fed7aa;
  border-radius: 8px;
  padding: 6px 9px;
}
.ir-after-note strong { color: #7c2d12; }
.ir-sold-line {
  margin: 8px 0;
  padding: 8px 12px;
  border-radius: 10px;
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
  color: #166534;
  font-size: 13px;
}

/* Kartu katalog Digithic: timer, info harga naik, slot, dan jumlah terbeli
   langsung di dalam kartu (tanpa wadah meta), dibuat selebar kartu. */
.ir-product-card > .ir-timer { align-self: flex-start; box-sizing: border-box; margin-bottom: 8px !important; }
.ir-product-card > .ir-after-note { align-self: stretch; margin-bottom: 10px; }
.ir-product-card > .ir-stock-badge,
.ir-product-card > .ir-sold-badge { margin-bottom: 10px !important; }

/* NEW dan jumlah terbeli sejajar dalam satu baris, ukurannya selebar isi. */
.ir-product-card > .ir-card-pills { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-bottom: 12px; }
.ir-product-card > .ir-card-pills > .ir-new-badge,
.ir-product-card > .ir-card-pills > .ir-sold-badge { display: inline-flex !important; width: auto !important; margin: 0 !important; }
.ir-product-card > .ir-stock-badge { align-self: flex-start; }