.lq-scroll-section {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  overflow: visible;
  background-color: var(--lq-scroll-section-bg, transparent);
  padding-top: var(--lq-scroll-section-pt, 0);
  padding-right: var(--lq-scroll-section-pr, 0);
  padding-bottom: var(--lq-scroll-section-pb, 0);
  padding-left: var(--lq-scroll-section-pl, 0);
  margin-top: var(--lq-scroll-section-mt, 0);
  margin-bottom: var(--lq-scroll-section-mb, 0);
}

.lq-scroll-section *,
.lq-scroll-section *::before,
.lq-scroll-section *::after {
  box-sizing: border-box;
}

.lq-scroll-section--full-width-bg,
.lq-scroll-section--full-width-content,
.lq-scroll-section--full-width-no-padding {
  width: calc(100vw - var(--lq-scrollbar-width, 0px));
  max-width: calc(100vw - var(--lq-scrollbar-width, 0px));
  margin-left: calc((100% - (100vw - var(--lq-scrollbar-width, 0px))) / 2);
  margin-right: calc((100% - (100vw - var(--lq-scrollbar-width, 0px))) / 2);
}

/* WPBakery stretch rows are already viewport-wide; avoid 100vw double-breakout scroll. */
.vc_row[data-vc-stretch-content="true"] .lq-scroll-section--full-width-bg,
.vc_row[data-vc-stretch-content="true"] .lq-scroll-section--full-width-content,
.vc_row[data-vc-stretch-content="true"] .lq-scroll-section--full-width-no-padding,
.vc_row[data-vc-full-width="true"] .lq-scroll-section--full-width-bg,
.vc_row[data-vc-full-width="true"] .lq-scroll-section--full-width-content,
.vc_row[data-vc-full-width="true"] .lq-scroll-section--full-width-no-padding {
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.lq-scroll-section--full-width-no-padding {
  padding-left: 0;
  padding-right: 0;
}

.lq-scroll-section__inner {
  box-sizing: border-box;
  width: var(--lq-scroll-inner-width, 100%);
  max-width: var(--lq-scroll-inner-max-width, 100%);
  min-width: 0;
  margin-top: var(--lq-scroll-inner-margin-top, 0);
  margin-bottom: var(--lq-scroll-inner-margin-bottom, 0);
  margin-left: auto;
  margin-right: auto;
  padding-top: var(--lq-scroll-inner-padding-top, 0);
  padding-right: var(--lq-scroll-inner-padding-right, 0);
  padding-bottom: var(--lq-scroll-inner-padding-bottom, 0);
  padding-left: var(--lq-scroll-inner-padding-left, 0);
  overflow: var(--lq-scroll-inner-overflow, visible);
}

.lq-scroll-section--inner-align-left .lq-scroll-section__inner {
  margin-left: 0;
  margin-right: auto;
}

.lq-scroll-section--inner-align-center .lq-scroll-section__inner {
  margin-left: auto;
  margin-right: auto;
}

.lq-scroll-section--inner-align-right .lq-scroll-section__inner {
  margin-left: auto;
  margin-right: 0;
}

.lq-scroll-section--inner-width-full .lq-scroll-section__inner {
  width: 100%;
  max-width: none;
}

.lq-scroll-section--inner-width-boxed .lq-scroll-section__inner {
  width: 100%;
}

.lq-scroll-section--inner-width-custom .lq-scroll-section__inner {
  width: var(--lq-scroll-inner-width, auto);
}

.lq-scroll-section--full-width-bg .lq-scroll-section__inner {
  width: 100%;
  max-width: var(--lq-scroll-inner-max-width, var(--lq-scroll-section-inner-max-width, 1200px));
  margin-left: auto;
  margin-right: auto;
}

.lq-scroll-section--full-width-content .lq-scroll-section__inner,
.lq-scroll-section--full-width-no-padding .lq-scroll-section__inner {
  width: 100%;
  max-width: none;
}

.lq-scroll-section--full-width-no-padding .lq-scroll-section__inner {
  padding-left: 0;
  padding-right: 0;
}

.lq-scroll-section__columns {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  display: grid;
  gap: var(--lq-scroll-section-column-gap, 30px);
  overflow: visible;
}

.lq-scroll-section--cols-1 .lq-scroll-section__columns {
  grid-template-columns: 1fr;
}

.lq-scroll-section--cols-2 .lq-scroll-section__columns {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.lq-scroll-section--cols-3 .lq-scroll-section__columns {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.lq-scroll-section--cols-4 .lq-scroll-section__columns {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.lq-scroll-column {
  box-sizing: border-box;
  min-width: var(--lq-scroll-column-wrapper-min-width, 0);
  width: var(--lq-scroll-column-wrapper-width, auto);
  max-width: var(--lq-scroll-column-wrapper-max-width, 100%);
  position: relative;
  top: var(--lq-scroll-column-offset-top, auto);
  right: var(--lq-scroll-column-offset-right, auto);
  bottom: var(--lq-scroll-column-offset-bottom, auto);
  left: var(--lq-scroll-column-offset-left, auto);
  display: flex;
  flex-direction: column;
  min-height: var(--lq-scroll-column-min-height, auto);
  margin-top: var(--lq-scroll-column-wrapper-margin-top, 0);
  margin-right: var(--lq-scroll-column-wrapper-margin-right, 0);
  margin-bottom: var(--lq-scroll-column-wrapper-margin-bottom, 0);
  margin-left: var(--lq-scroll-column-wrapper-margin-left, 0);
  padding-top: var(--lq-scroll-column-wrapper-padding-top, var(--lq-scroll-column-pt, 0));
  padding-right: var(--lq-scroll-column-wrapper-padding-right, var(--lq-scroll-column-pr, 0));
  padding-bottom: var(--lq-scroll-column-wrapper-padding-bottom, var(--lq-scroll-column-pb, 0));
  padding-left: var(--lq-scroll-column-wrapper-padding-left, var(--lq-scroll-column-pl, 0));
  overflow: var(--lq-scroll-column-wrapper-overflow, visible);
  justify-content: var(--lq-scroll-column-align-vertical, flex-start);
  align-items: var(--lq-scroll-column-align-horizontal, flex-start);
  background-color: var(--lq-scroll-column-bg, transparent);
  background-image: var(--lq-scroll-column-bg-image, none);
  background-size: var(--lq-scroll-column-bg-size, cover);
  background-position: var(--lq-scroll-column-bg-position, center center);
  background-repeat: var(--lq-scroll-column-bg-repeat, no-repeat);
}

.lq-scroll-column--has-z-index,
.lq-scroll-column--has-wrapper-z-index {
  position: relative;
  z-index: var(--lq-scroll-column-wrapper-z-index, var(--lq-scroll-column-z-index));
}

.lq-scroll-column__inner {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  width: var(--lq-scroll-column-inner-width, 100%);
  max-width: var(--lq-scroll-column-inner-max-width, 100%);
  min-width: var(--lq-scroll-column-inner-min-width, 0);
  min-height: 0;
  margin-top: var(--lq-scroll-column-inner-margin-top, 0);
  margin-right: var(--lq-scroll-column-inner-margin-right, 0);
  margin-bottom: var(--lq-scroll-column-inner-margin-bottom, 0);
  margin-left: var(--lq-scroll-column-inner-margin-left, 0);
  padding-top: var(--lq-scroll-column-inner-padding-top, 0);
  padding-right: var(--lq-scroll-column-inner-padding-right, 0);
  padding-bottom: var(--lq-scroll-column-inner-padding-bottom, 0);
  padding-left: var(--lq-scroll-column-inner-padding-left, 0);
  overflow: var(--lq-scroll-column-inner-overflow, visible);
  justify-content: inherit;
  align-items: inherit;
}

.lq-scroll-column__inner > * {
  max-width: 100%;
}

@media (max-width: 767px) {
  .lq-scroll-section__columns {
    grid-template-columns: 1fr !important;
  }
}

/* Tablet ignore-effects: reset column offsets and AOS only (768–991px). */
@media (min-width: 768px) and (max-width: 991px) {
  .lq-scroll-section--ignore-effects-tablet .lq-scroll-column,
  .lq-scroll-section--normalize-tablet .lq-scroll-column {
    --lq-scroll-column-offset-top: 0;
    --lq-scroll-column-offset-right: 0;
    --lq-scroll-column-offset-bottom: 0;
    --lq-scroll-column-offset-left: 0;
    --lq-scroll-column-tablet-offset-top: 0;
    --lq-scroll-column-tablet-offset-right: 0;
    --lq-scroll-column-tablet-offset-bottom: 0;
    --lq-scroll-column-tablet-offset-left: 0;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
  }

  .lq-scroll-section--ignore-effects-tablet .lq-scroll-column--has-z-index,
  .lq-scroll-section--normalize-tablet .lq-scroll-column--has-z-index {
    z-index: auto;
  }

  .lq-scroll-section--ignore-effects-tablet[data-aos],
  .lq-scroll-section--normalize-tablet[data-aos],
  .lq-scroll-section--ignore-effects-tablet [data-aos],
  .lq-scroll-section--normalize-tablet [data-aos] {
    transform: none !important;
    opacity: 1 !important;
    transition: none !important;
    animation: none !important;
  }
}

/* Mobile ignore-effects: reset column offsets and AOS only (≤767px). */
@media (max-width: 767px) {
  .lq-scroll-section--ignore-effects-mobile .lq-scroll-column,
  .lq-scroll-section--normalize-mobile .lq-scroll-column {
    --lq-scroll-column-offset-top: 0;
    --lq-scroll-column-offset-right: 0;
    --lq-scroll-column-offset-bottom: 0;
    --lq-scroll-column-offset-left: 0;
    --lq-scroll-column-tablet-offset-top: 0;
    --lq-scroll-column-tablet-offset-right: 0;
    --lq-scroll-column-tablet-offset-bottom: 0;
    --lq-scroll-column-tablet-offset-left: 0;
    --lq-scroll-column-mobile-offset-top: 0;
    --lq-scroll-column-mobile-offset-right: 0;
    --lq-scroll-column-mobile-offset-bottom: 0;
    --lq-scroll-column-mobile-offset-left: 0;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
  }

  .lq-scroll-section--ignore-effects-mobile .lq-scroll-column--has-z-index,
  .lq-scroll-section--normalize-mobile .lq-scroll-column--has-z-index {
    z-index: auto;
  }

  .lq-scroll-section--ignore-effects-mobile[data-aos],
  .lq-scroll-section--normalize-mobile[data-aos],
  .lq-scroll-section--ignore-effects-mobile [data-aos],
  .lq-scroll-section--normalize-mobile [data-aos] {
    transform: none !important;
    opacity: 1 !important;
    transition: none !important;
    animation: none !important;
  }
}

.lq-scroll-section:not([data-aos]) .lq-scroll-column:not([data-aos]) {
  opacity: 1;
  transform: none;
}

/* Manual tablet/mobile layout overrides. */
@media (min-width: 768px) and (max-width: 991px) {
  .lq-scroll-section {
    background-color: var(--lq-scroll-tablet-section-bg, var(--lq-scroll-section-bg, transparent));
    margin-top: var(--lq-scroll-tablet-margin-top, var(--lq-scroll-section-mt, 0)) !important;
    margin-bottom: var(--lq-scroll-tablet-margin-bottom, var(--lq-scroll-section-mb, 0)) !important;
    padding-top: var(--lq-scroll-tablet-padding-top, var(--lq-scroll-section-pt, 0)) !important;
    padding-right: var(--lq-scroll-tablet-padding-right, var(--lq-scroll-section-pr, 0)) !important;
    padding-bottom: var(--lq-scroll-tablet-padding-bottom, var(--lq-scroll-section-pb, 0)) !important;
    padding-left: var(--lq-scroll-tablet-padding-left, var(--lq-scroll-section-pl, 0)) !important;
  }

  .lq-scroll-section--tablet-width-default {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .lq-scroll-section--tablet-width-full-width-bg,
  .lq-scroll-section--tablet-width-full-width-content,
  .lq-scroll-section--tablet-width-full-width-no-padding {
    width: calc(100vw - var(--lq-scrollbar-width, 0px));
    max-width: calc(100vw - var(--lq-scrollbar-width, 0px));
    margin-left: calc((100% - (100vw - var(--lq-scrollbar-width, 0px))) / 2);
    margin-right: calc((100% - (100vw - var(--lq-scrollbar-width, 0px))) / 2);
  }

  .vc_row[data-vc-stretch-content="true"] .lq-scroll-section--tablet-width-full-width-bg,
  .vc_row[data-vc-stretch-content="true"] .lq-scroll-section--tablet-width-full-width-content,
  .vc_row[data-vc-stretch-content="true"] .lq-scroll-section--tablet-width-full-width-no-padding,
  .vc_row[data-vc-full-width="true"] .lq-scroll-section--tablet-width-full-width-bg,
  .vc_row[data-vc-full-width="true"] .lq-scroll-section--tablet-width-full-width-content,
  .vc_row[data-vc-full-width="true"] .lq-scroll-section--tablet-width-full-width-no-padding {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .lq-scroll-section--tablet-width-full-width-no-padding {
    padding-left: 0;
    padding-right: 0;
  }

  .lq-scroll-section--full-width-bg .lq-scroll-section__inner,
  .lq-scroll-section--tablet-width-full-width-bg .lq-scroll-section__inner {
    width: 100%;
    max-width: var(
      --lq-scroll-tablet-section-inner-max-width,
      var(--lq-scroll-inner-max-width, var(--lq-scroll-section-inner-max-width, 1200px))
    );
    margin-left: auto;
    margin-right: auto;
  }

  .lq-scroll-section--full-width-content .lq-scroll-section__inner,
  .lq-scroll-section--full-width-no-padding .lq-scroll-section__inner,
  .lq-scroll-section--tablet-width-full-width-content .lq-scroll-section__inner,
  .lq-scroll-section--tablet-width-full-width-no-padding .lq-scroll-section__inner {
    width: 100%;
    max-width: none;
  }

  .lq-scroll-section--full-width-no-padding .lq-scroll-section__inner,
  .lq-scroll-section--tablet-width-full-width-no-padding .lq-scroll-section__inner {
    padding-left: 0;
    padding-right: 0;
  }

  .lq-scroll-section .lq-scroll-section__inner {
    width: var(--lq-scroll-tablet-inner-width, var(--lq-scroll-inner-width, 100%));
    max-width: var(--lq-scroll-tablet-inner-max-width, var(--lq-scroll-inner-max-width, 100%));
    margin-top: var(--lq-scroll-tablet-inner-margin-top, var(--lq-scroll-inner-margin-top, 0));
    margin-bottom: var(--lq-scroll-tablet-inner-margin-bottom, var(--lq-scroll-inner-margin-bottom, 0));
    padding-top: var(--lq-scroll-tablet-inner-padding-top, var(--lq-scroll-inner-padding-top, 0));
    padding-right: var(--lq-scroll-tablet-inner-padding-right, var(--lq-scroll-inner-padding-right, 0));
    padding-bottom: var(--lq-scroll-tablet-inner-padding-bottom, var(--lq-scroll-inner-padding-bottom, 0));
    padding-left: var(--lq-scroll-tablet-inner-padding-left, var(--lq-scroll-inner-padding-left, 0));
    overflow: var(--lq-scroll-tablet-inner-overflow, var(--lq-scroll-inner-overflow, visible));
  }

  .lq-scroll-section--tablet-inner-align-left .lq-scroll-section__inner {
    margin-left: 0;
    margin-right: auto;
  }

  .lq-scroll-section--tablet-inner-align-center .lq-scroll-section__inner {
    margin-left: auto;
    margin-right: auto;
  }

  .lq-scroll-section--tablet-inner-align-right .lq-scroll-section__inner {
    margin-left: auto;
    margin-right: 0;
  }

  .lq-scroll-section--tablet-inner-width-full .lq-scroll-section__inner {
    width: 100%;
    max-width: none;
  }

  .lq-scroll-section--tablet-inner-width-boxed .lq-scroll-section__inner {
    width: 100%;
  }

  .lq-scroll-section--tablet-inner-width-custom .lq-scroll-section__inner {
    width: var(--lq-scroll-tablet-inner-width, var(--lq-scroll-inner-width, auto));
  }

  .lq-scroll-section .lq-scroll-section__columns {
    gap: var(--lq-scroll-tablet-column-gap, var(--lq-scroll-section-column-gap, 30px)) !important;
  }

  /* Deprecated UI attr tablet_column_padding. Kept for backward compatibility with existing shortcodes. */
  .lq-scroll-section .lq-scroll-column {
    padding: var(--lq-scroll-tablet-column-padding) !important;
  }

  /* Stacked columns: section tablet column gap controls row-gap only (not column wrapper margin). */
  .lq-scroll-section--tablet-columns-stack .lq-scroll-section__columns {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: var(--lq-scroll-tablet-column-gap, var(--lq-scroll-section-column-gap, 30px)) !important;
  }

  .lq-scroll-section--tablet-columns-stack .lq-scroll-column {
    width: 100% !important;
    max-width: 100% !important;
  }

  .lq-scroll-section--tablet-columns-stack .lq-scroll-column:last-child {
    margin-bottom: 0 !important;
  }

  .lq-scroll-section--tablet-columns-keep.lq-scroll-section--cols-1 .lq-scroll-section__columns {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .lq-scroll-section--tablet-columns-keep.lq-scroll-section--cols-2 .lq-scroll-section__columns {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .lq-scroll-section--tablet-columns-keep.lq-scroll-section--cols-3 .lq-scroll-section__columns {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .lq-scroll-section--tablet-columns-keep.lq-scroll-section--cols-4 .lq-scroll-section__columns {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  .lq-scroll-section {
    background-color: var(
      --lq-scroll-mobile-section-bg,
      var(--lq-scroll-tablet-section-bg, var(--lq-scroll-section-bg, transparent))
    );
    margin-top: var(
      --lq-scroll-mobile-margin-top,
      var(--lq-scroll-tablet-margin-top, var(--lq-scroll-section-mt, 0))
    ) !important;
    margin-bottom: var(
      --lq-scroll-mobile-margin-bottom,
      var(--lq-scroll-tablet-margin-bottom, var(--lq-scroll-section-mb, 0))
    ) !important;
    padding-top: var(
      --lq-scroll-mobile-padding-top,
      var(--lq-scroll-tablet-padding-top, var(--lq-scroll-section-pt, 0))
    ) !important;
    padding-right: var(
      --lq-scroll-mobile-padding-right,
      var(--lq-scroll-tablet-padding-right, var(--lq-scroll-section-pr, 0))
    ) !important;
    padding-bottom: var(
      --lq-scroll-mobile-padding-bottom,
      var(--lq-scroll-tablet-padding-bottom, var(--lq-scroll-section-pb, 0))
    ) !important;
    padding-left: var(
      --lq-scroll-mobile-padding-left,
      var(--lq-scroll-tablet-padding-left, var(--lq-scroll-section-pl, 0))
    ) !important;
  }

  .lq-scroll-section--mobile-width-default {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .lq-scroll-section--mobile-width-full-width-bg,
  .lq-scroll-section--mobile-width-full-width-content,
  .lq-scroll-section--mobile-width-full-width-no-padding {
    width: calc(100vw - var(--lq-scrollbar-width, 0px));
    max-width: calc(100vw - var(--lq-scrollbar-width, 0px));
    margin-left: calc((100% - (100vw - var(--lq-scrollbar-width, 0px))) / 2);
    margin-right: calc((100% - (100vw - var(--lq-scrollbar-width, 0px))) / 2);
  }

  .vc_row[data-vc-stretch-content="true"] .lq-scroll-section--mobile-width-full-width-bg,
  .vc_row[data-vc-stretch-content="true"] .lq-scroll-section--mobile-width-full-width-content,
  .vc_row[data-vc-stretch-content="true"] .lq-scroll-section--mobile-width-full-width-no-padding,
  .vc_row[data-vc-full-width="true"] .lq-scroll-section--mobile-width-full-width-bg,
  .vc_row[data-vc-full-width="true"] .lq-scroll-section--mobile-width-full-width-content,
  .vc_row[data-vc-full-width="true"] .lq-scroll-section--mobile-width-full-width-no-padding {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .lq-scroll-section--mobile-width-full-width-no-padding {
    padding-left: 0;
    padding-right: 0;
  }

  .lq-scroll-section--full-width-bg .lq-scroll-section__inner,
  .lq-scroll-section--mobile-width-full-width-bg .lq-scroll-section__inner {
    width: 100%;
    max-width: var(
      --lq-scroll-mobile-section-inner-max-width,
      var(
        --lq-scroll-tablet-section-inner-max-width,
        var(--lq-scroll-inner-max-width, var(--lq-scroll-section-inner-max-width, 1200px))
      )
    );
    margin-left: auto;
    margin-right: auto;
  }

  .lq-scroll-section--full-width-content .lq-scroll-section__inner,
  .lq-scroll-section--full-width-no-padding .lq-scroll-section__inner,
  .lq-scroll-section--mobile-width-full-width-content .lq-scroll-section__inner,
  .lq-scroll-section--mobile-width-full-width-no-padding .lq-scroll-section__inner {
    width: 100%;
    max-width: none;
  }

  .lq-scroll-section--full-width-no-padding .lq-scroll-section__inner,
  .lq-scroll-section--mobile-width-full-width-no-padding .lq-scroll-section__inner {
    padding-left: 0;
    padding-right: 0;
  }

  .lq-scroll-section .lq-scroll-section__inner {
    width: var(--lq-scroll-mobile-inner-width, var(--lq-scroll-tablet-inner-width, var(--lq-scroll-inner-width, 100%)));
    max-width: var(--lq-scroll-mobile-inner-max-width, var(--lq-scroll-tablet-inner-max-width, var(--lq-scroll-inner-max-width, 100%)));
    margin-top: var(--lq-scroll-mobile-inner-margin-top, var(--lq-scroll-tablet-inner-margin-top, var(--lq-scroll-inner-margin-top, 0)));
    margin-bottom: var(--lq-scroll-mobile-inner-margin-bottom, var(--lq-scroll-tablet-inner-margin-bottom, var(--lq-scroll-inner-margin-bottom, 0)));
    padding-top: var(--lq-scroll-mobile-inner-padding-top, var(--lq-scroll-tablet-inner-padding-top, var(--lq-scroll-inner-padding-top, 0)));
    padding-right: var(--lq-scroll-mobile-inner-padding-right, var(--lq-scroll-tablet-inner-padding-right, var(--lq-scroll-inner-padding-right, 0)));
    padding-bottom: var(--lq-scroll-mobile-inner-padding-bottom, var(--lq-scroll-tablet-inner-padding-bottom, var(--lq-scroll-inner-padding-bottom, 0)));
    padding-left: var(--lq-scroll-mobile-inner-padding-left, var(--lq-scroll-tablet-inner-padding-left, var(--lq-scroll-inner-padding-left, 0)));
    overflow: var(--lq-scroll-mobile-inner-overflow, var(--lq-scroll-tablet-inner-overflow, var(--lq-scroll-inner-overflow, visible)));
  }

  .lq-scroll-section--mobile-inner-align-left .lq-scroll-section__inner {
    margin-left: 0;
    margin-right: auto;
  }

  .lq-scroll-section--mobile-inner-align-center .lq-scroll-section__inner {
    margin-left: auto;
    margin-right: auto;
  }

  .lq-scroll-section--mobile-inner-align-right .lq-scroll-section__inner {
    margin-left: auto;
    margin-right: 0;
  }

  .lq-scroll-section--mobile-inner-width-full .lq-scroll-section__inner {
    width: 100%;
    max-width: none;
  }

  .lq-scroll-section--mobile-inner-width-boxed .lq-scroll-section__inner {
    width: 100%;
  }

  .lq-scroll-section--mobile-inner-width-custom .lq-scroll-section__inner {
    width: var(--lq-scroll-mobile-inner-width, var(--lq-scroll-inner-width, auto));
  }

  .lq-scroll-section .lq-scroll-section__columns {
    gap: var(--lq-scroll-mobile-column-gap, var(--lq-scroll-section-column-gap, 30px)) !important;
  }

  /* Deprecated UI attr mobile_column_padding. Kept for backward compatibility with existing shortcodes. */
  .lq-scroll-section .lq-scroll-column {
    padding: var(--lq-scroll-mobile-column-padding) !important;
  }

  /* Stacked columns: section mobile column gap controls row-gap only (not column wrapper margin). */
  .lq-scroll-section--mobile-columns-stack .lq-scroll-section__columns {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: var(--lq-scroll-mobile-column-gap, var(--lq-scroll-section-column-gap, 30px)) !important;
  }

  .lq-scroll-section--mobile-columns-stack .lq-scroll-column {
    width: 100% !important;
    max-width: 100% !important;
  }

  .lq-scroll-section--mobile-columns-stack .lq-scroll-column:last-child {
    margin-bottom: 0 !important;
  }

  .lq-scroll-section--mobile-columns-keep.lq-scroll-section--cols-1 .lq-scroll-section__columns {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .lq-scroll-section--mobile-columns-keep.lq-scroll-section--cols-2 .lq-scroll-section__columns {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .lq-scroll-section--mobile-columns-keep.lq-scroll-section--cols-3 .lq-scroll-section__columns {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .lq-scroll-section--mobile-columns-keep.lq-scroll-section--cols-4 .lq-scroll-section__columns {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}