/* Layout safety for Hostinger/Zyro mirror on narrower viewports */
html { overflow-x: clip; }
body { overflow-x: clip; }

/*
 * Testimonials block (#ai-Hu9bl-): bring the two review cards closer
 * together toward the middle (Zyro pinned them to the far left/right).
 * Use grid-column !important — inline --grid-column vars otherwise win.
 */
@media (min-width: 900px) {
  #ai-Hu9bl- .layout-element:has(#ai-BHp3rr) { grid-column: 4 / 9 !important; }
  #ai-Hu9bl- .layout-element:has(#ai-ANZZ6v) { grid-column: 4 / 8 !important; }
  #ai-Hu9bl- .layout-element:has(#ai-TBnH_T) { grid-column: 5 / 7 !important; }
  #ai-Hu9bl- .layout-element:has(#ai-x1uuTV) { grid-column: 4 / 7 !important; }

  #ai-Hu9bl- .layout-element:has(#ai-4E4JBL) { grid-column: 9 / 14 !important; }
  #ai-Hu9bl- .layout-element:has(#ai-rNpwO2) { grid-column: 10 / 13 !important; }
  #ai-Hu9bl- .layout-element:has(#ai-lXeWHC) { grid-column: 11 / 12 !important; }
  #ai-Hu9bl- .layout-element:has(#ai-TEN0jY) { grid-column: 10 / 13 !important; }

  #ai-Hu9bl- .layout-element:has(#ai-BHp3rr),
  #ai-Hu9bl- .layout-element:has(#ai-ANZZ6v),
  #ai-Hu9bl- .layout-element:has(#ai-TBnH_T),
  #ai-Hu9bl- .layout-element:has(#ai-x1uuTV),
  #ai-Hu9bl- .layout-element:has(#ai-4E4JBL),
  #ai-Hu9bl- .layout-element:has(#ai-rNpwO2),
  #ai-Hu9bl- .layout-element:has(#ai-lXeWHC),
  #ai-Hu9bl- .layout-element:has(#ai-TEN0jY) {
    position: relative;
    left: 48px;
  }
}