/* ===== RESET & BASE STYLES ===== */
.phuib_layoutfiftyfiftyfourgrid {
  position: relative;
  display: block;
  width: 100%;
  padding: var(--general-padding);
  box-sizing: border-box;
}


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

.phuib_layoutfiftyfiftyfourgrid .layout-row {
  display: grid;
  width: 100%;
  grid-template-columns: calc(50% - (var(--grid-gutter-width) / 2)) calc(
      50% - (var(--grid-gutter-width) / 2)
    );
  gap: var(--grid-gutter-width);
}


/* Right side grid container - 2x2 grid */
.phuib_layoutfiftyfiftyfourgrid .right-side-grid {
  display: grid;
  height: 100%;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: var(--grid-gutter-width);
}



.phuib_layoutfiftyfiftyfourgrid .right-side-grid {
  gap: var(--grid-gutter-width);
}

/* Tablet styles (max-width: 1024px) */
@media screen and (max-width: 1024px) {
  .phuib_layoutfiftyfiftyfourgrid .layout-container {
    gap: var(--grid-gutter-width);
  }

  .phuib_layoutfiftyfiftyfourgrid .layout-row {
    grid-template-columns: 1fr 1fr;
    gap: var(--grid-gutter-width);
  }


  .phuib_layoutfiftyfiftyfourgrid .right-side-grid {
    gap: var(--grid-gutter-width);
  }
}

/* Mobile styles (max-width: 768px) */
@media screen and (max-width: 768px) {
  .phuib_layoutfiftyfiftyfourgrid .layout-container {
    gap: var(--grid-gutter-width);
  }

  .phuib_layoutfiftyfiftyfourgrid .layout-row {
    grid-template-columns: 1fr;
    gap: var(--grid-gutter-width);
  }

  .phuib_layoutfiftyfiftyfourgrid .right-side-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto;
    gap: var(--grid-gutter-width);
  }
}