.phuib_layouttwentyeighty {
  position: relative;
  display: block;
  width: 100%;
  padding: var(--general-padding);
  box-sizing: border-box;
}


.phuib_layouttwentyeighty .layout-container {
  display: flex;
  width: 100%;
  gap: var(--grid-gutter-width);
}

.phuib_layouttwentyeighty .layout-row {
  display: grid;
  width: 100%;
  grid-template-columns: calc(var(--left-width, 20%) - (var(--grid-gutter-width) / 2)) calc(
      var(--right-width, 80%) - (var(--grid-gutter-width) / 2)
    );
  gap: var(--grid-gutter-width);
}

/* ===== RESPONSIVE MEDIA QUERIES ===== */
@media screen and (max-width: 1024px) {
  .phuib_layouttwentyeighty .layout-row {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 768px) {
  .phuib_layouttwentyeighty .layout-row {
    grid-template-columns: 1fr;
  }
}