/* ==================================================
   NX INNER GRID / ROW UTILITIES
================================================== */

/* Pembungkus 2 Kolom / Grid (Otomatis Flex Row + Align Center) */
.nx-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: clamp(1.5rem, 1rem + 2vw, 3rem) !important; /* Mobile: 24px -> Desktop: 48px */
}

/* Kolom Anak (Desktop 50% / Mobile 100%) */
.nx-col-6 {
  width: 100% !important;
}

@media (min-width: 1024px) {
  .nx-col-6 {
    width: calc(50% - (clamp(1.5rem, 1rem + 2vw, 3rem) / 2)) !important;
  }
}

/* Kolom Asimetris Fokus Gambar (Desktop 60% / Mobile 100%) */
.nx-col-7 {
  width: 100% !important;
}

@media (min-width: 1024px) {
  .nx-col-7 {
    width: calc(60% - (clamp(1.5rem, 1rem + 2vw, 3rem) * 0.4)) !important;
  }
}

/* Kolom Asimetris Fokus Teks (Desktop 40% / Mobile 100%) */
.nx-col-5 {
  width: 100% !important;
}

@media (min-width: 1024px) {
  .nx-col-5 {
    width: calc(40% - (clamp(1.5rem, 1rem + 2vw, 3rem) * 0.6)) !important;
  }
}