/* -------------------------
   ROW 1 — image left, content right
-------------------------- */

h1{
  padding-bottom: 25px;
}


.botox-row {
    display: grid;
    grid-template-columns: 1.5fr 1.5fr;
    gap: var(--spacing-lg);
}

.botox-image__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
    border-radius: 2px;
}

.botox-text {
    gap: var(--spacing-sm);
    padding: 0 var(--spacing-lg) 0 0;
}

/* -------------------------
   ROW 2 & 3 — two columns
-------------------------- */
.botox-row-two {
    display: grid;
    grid-template-columns: 1.5fr 1.5fr;
    gap: var(--spacing-lg);
    align-items: start;
}

/* -------------------------
   RESPONSIVE
-------------------------- */
@media (max-width: 900px) {
    .botox-row,
    .botox-row-two {
        grid-template-columns: 1fr;
		gap: var(--spacing-sm);
    }

    .botox-image {
        padding: 0;
    }

    .botox-text {
        padding: 0;
    }
}