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

/* ===== LAYOUT CONTAINER ===== */
.phuib_layoutsixtyfourtyfourtysixty .layout-container {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: var(--grid-gutter-width);
}

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


.phuib_layoutsixtyfourtyfourtysixty .column-left60 {
  flex: 0 0 calc(60% - (var(--grid-gutter-width) / 2));
}

.phuib_layoutsixtyfourtyfourtysixty .column-right40 {
  flex: 0 0 calc(40% - (var(--grid-gutter-width) / 2));
}

.phuib_layoutsixtyfourtyfourtysixty .column-left40 {
  flex: 0 0 calc(40% - (var(--grid-gutter-width) / 2));
}

.phuib_layoutsixtyfourtyfourtysixty .column-right60 {
  flex: 0 0 calc(60% - (var(--grid-gutter-width) / 2));
}

/* ===== RESPONSIVE MEDIA QUERIES ===== */
/* Desktop styles (min-width: 1025px) - base styles apply */

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

}

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

  .phuib_layoutsixtyfourtyfourtysixty .layout-row {
    flex-direction: column;
  }

  .phuib_layoutsixtyfourtyfourtysixty .column-left60,
  .phuib_layoutsixtyfourtyfourtysixty .column-right40,
  .phuib_layoutsixtyfourtyfourtysixty .column-left40,
  .phuib_layoutsixtyfourtyfourtysixty .column-right60 {
    flex: 0 0 100%;
  }
}