/* Natural wrapping for this site's existing layout. */
h1.textable, h2.textable, h3.textable, h4.textable {
  text-wrap: balance;
}
p.textable {
  text-wrap: pretty;
  overflow-wrap: break-word;
}
.layout-hero-ready {
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  box-sizing: border-box;
  height: auto !important;
  min-height: 810px;
  padding: 50px 0 80px !important;
  position: relative;
}
.layout-hero-ready > .zero-grid,
.layout-hero-ready > .linetop { display: none !important; }
.layout-hero-ready > .layout-hero-flow,
.layout-hero-ready > .layout-hero-flow > .zero-layer-axis {
  display: contents !important;
}
.layout-hero-ready .layout-hero-flow .zero-layer-frame {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  margin: 0 0 0 max(24px, calc((100vw - 1200px) / 2)) !important;
  flex-shrink: 0;
  z-index: 1;
}
.layout-hero-ready > .layout-hero-absolute {
  position: absolute !important;
  inset: 0 !important;
}
.layout-hero-title { order: 1; }
.layout-hero-price { order: 2; }
.layout-hero-badges { order: 3; }
.layout-hero-action { order: 4; }
body.screen-xs .layout-hero-ready {
  min-height: 0;
  padding: 410px 0 48px !important;
}
body.screen-xs .layout-hero-ready .layout-hero-flow .zero-layer-frame {
  width: min(430px, calc(100% - 48px)) !important;
  margin: 0 auto !important;
}
body.screen-xs .layout-hero-action { order: 3; }
body.screen-xs .layout-hero-badges { order: 4; }
@media (max-width: 359px) {
  body.screen-xs .widget-text h2.textable { font-size: 32px !important; line-height: 1.15 !important; }
  body.screen-xs .layout-hero-ready .layout-hero-flow .zero-layer-frame {
    width: calc(100% - 32px) !important;
  }
}
