.siu88-home #main {
  padding-top: 0;
}

.siu88-home .page-title-default,
.siu88-home .page-title,
.siu88-home .entry-header,
.siu88-home .page-header {
  display: none;
}

.siu88-wrap {
  max-width: var(--siu88-container);
  width: 100%;
  margin: 0 auto;
  padding: 0 16px 116px;
}

.siu88-hero .ux-slider,
.siu88-hero .slider {
  background: var(--siu88-hero);
}

.siu88-hero .banner,
.siu88-hero .ux-banner {
  opacity: 1 !important;
  visibility: visible !important;
}

.siu88-hero .banner-layers {
  background: transparent;
}

.siu88-hero .section-content,
.siu88-hero .row,
.siu88-hero .col,
.siu88-hero .col-inner {
  padding: 0 !important;
  margin: 0 !important;
}

.siu88-hero .slider-wrapper,
.siu88-hero .slider,
.siu88-hero .flickity-viewport {
  min-height: 396px;
}

.siu88-hero .banner,
.siu88-hero .ux-banner {
  padding-top: 0 !important;
  height: 396px;
  min-height: 396px;
}

.siu88-hero .banner-inner,
.siu88-hero .banner-bg {
  position: absolute !important;
  inset: 0 !important;
  width: 100%;
  height: 100%;
}

.siu88-hero .banner-bg img,
.siu88-hero img.bg {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.siu88-hero .flickity-page-dots,
.siu88-hero .slider-nav-dots,
.siu88-hero .nav-dots {
  bottom: 18px;
}

.siu88-hero .flickity-page-dots .dot,
.siu88-hero .nav-dot {
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: var(--siu88-dot);
  opacity: 1;
  border-radius: 100%;
}

.siu88-hero .flickity-page-dots .dot.is-selected,
.siu88-hero .nav-dot.current {
  width: 16px;
  height: 16px;
  background: linear-gradient(180deg, #fff, #7d7d7d);
}

.siu88-home .section.siu88-main-section {
  padding-top: 28px;
  padding-bottom: 0;
  background: transparent;
}

/* Long-form homepage copy: see siu88-editorial.css (.siu88-home-intro) */

/* Fallback: UX Builder rows in main section without .siu88-wrap (avoid 1250 vs 1124 lệch) */
.siu88-home .siu88-main-section > .section-content > .row:not(:has(.siu88-wrap)) {
  max-width: var(--siu88-container);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
}

.siu88-home .siu88-main-section > .section-content > .row:not(:has(.siu88-wrap)) > .col {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 24px;
}

.siu88-home .siu88-main-section > .section-content > .row:not(:has(.siu88-wrap)) > .col > .col-inner {
  text-align: left;
}