/* NUCLEAR OPTION - ABSOLUTE GRID FORCING */

/* Target the exact grid div */
.hero-section .container > div,
.hero-section .container > .grid,
section.hero-section > div > div {
  display: grid !important;
  grid-template-columns: 2fr 1fr !important;
  grid-template-rows: auto !important;
  gap: 2rem !important;
  align-items: start !important;
}

/* Kill any flexbox on grid container */
.hero-section .grid,
.hero-section [class*="grid"] {
  display: grid !important;
  flex: none !important;
  flex-direction: unset !important;
  flex-wrap: unset !important;
}

/* Force first child to grid column 1 */
.hero-section .container > div > *:nth-child(1),
.hero-section .grid > *:nth-child(1) {
  grid-column: 1 / 2 !important;
  grid-row: 1 !important;
}

/* Force second child to grid column 2 */
.hero-section .container > div > *:nth-child(2),
.hero-section .grid > *:nth-child(2) {
  grid-column: 2 / 3 !important;
  grid-row: 1 !important;
}

/* Make sidebar stack vertically */
.hero-section .container > div > *:nth-child(2),
.hero-section .grid > *:nth-child(2) {
  display: flex !important;
  flex-direction: column !important;
  gap: 1.5rem !important;
}

/* Stack the cards inside sidebar */
.hero-section .space-y-6,
.hero-section [class*="space-y"] {
  display: flex !important;
  flex-direction: column !important;
  gap: 1.5rem !important;
  width: 100% !important;
}

.hero-section .space-y-6 > *,
.hero-section [class*="space-y"] > * {
  width: 100% !important;
  margin: 0 !important;
}

/* Prevent cards from going inline */
.hero-section .hero-stacked-card {
  display: flex !important;
  flex-direction: row !important;
  width: 100% !important;
  flex-shrink: 0 !important;
}

/* Mobile */
@media (max-width: 767px) {
  .hero-section .container > div,
  .hero-section .grid {
    grid-template-columns: 1fr !important;
  }

  .hero-section .container > div > *:nth-child(1),
  .hero-section .container > div > *:nth-child(2) {
    grid-column: 1 / -1 !important;
  }
}