.hero-section { 
  margin-top: calc(var(--header-height) - var(--header-gap)); 
  background-color: var(--color-primary);
  padding: var(--section-padding-y) 0;
}
.hero-section .custom-hero-slider { position: relative; width: 100vw; margin-left: calc(50% - 50vw); min-height: var(--hero-min-height); height: auto; overflow-x: hidden; overflow-y: visible; --hero-card-width: 95vw; }
.custom-hero-slider .swiper { position: relative; width: 100%; height: 100%; overflow: hidden; }
.custom-hero-slider .swiper-slide { position: relative; width: 100%; height: 100%; display: flex; align-items: flex-start; justify-content: center; overflow: hidden; }
.custom-hero-slider .slide-content.split { position: relative; width: 100%; height: 100%; display: block; }
.custom-hero-slider .split-container { height: 100%; width: var(--hero-card-width); margin: 0 auto; display: flex; align-items: center; justify-content: space-between; background-color: var(--color-white); border-radius: var(--card-radius); overflow: hidden; box-shadow: var(--card-shadow); }
.custom-hero-slider .split-media { flex: 0 0 50%; max-width: 50%; height: 100%; display: flex; align-items: center; justify-content: center; }
.custom-hero-slider .split-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.custom-hero-slider .split-text { flex: 0 0 50%; max-width: 50%; display: flex; align-items: center; }
.custom-hero-slider .split-text .slide-text-container { width: 100%; max-width: var(--container-sm); margin-left: auto; margin-right: auto; padding: 0 var(--spacing-2xl); text-align: center; }
.custom-hero-slider .slide-logo-container { margin-bottom: var(--spacing-lg); display: flex; align-items: center; justify-content: center; }
.custom-hero-slider .slide-logo-container img { width: 180px; height: auto; object-fit: contain; opacity: 0.9; border-radius: 25%; display: block; margin: 0 auto; }
.custom-hero-slider .slide-description { font-family: var(--font-primary); color: var(--hero-text-color); font-size: var(--font-size-3xl); font-weight: 600; line-height: 1.2; margin-bottom: var(--spacing-xl); }
.custom-hero-slider .btn { display: inline-block; padding: var(--button-padding-y) var(--button-padding-x); font-size: var(--button-font-size); font-weight: var(--button-font-weight); border-radius: var(--button-radius); text-decoration: none; margin-top: var(--spacing-md); cursor: pointer; }
.custom-hero-slider .btn-primary { background-color: var(--color-secondary); color: var(--color-white); border: 2px solid var(--color-secondary); }
.custom-hero-slider .btn-primary:hover { background-color: var(--color-primary-light); border-color: var(--color-primary-light); color: var(--color-white); }
.custom-hero-slider .slide-secondary-content { margin-top: var(--spacing-md); font-size: var(--font-size-base); color: var(--hero-text-color); }
.custom-hero-slider .swiper-button-next, .custom-hero-slider .swiper-button-prev { color: var(--color-white); background-color: var(--color-secondary); width: var(--social-icon-size); height: var(--social-icon-size); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; z-index: 30; top: 50%; transform: translateY(-50%); }
.hero-section .custom-hero-slider .swiper-button-prev { left: calc(50% - var(--hero-card-width) / 2 + var(--spacing-5xl)); }
.hero-section .custom-hero-slider .swiper-button-next { right: calc(50% - var(--hero-card-width) / 2 + var(--spacing-5xl)); }
.custom-hero-slider .swiper-button-next:after, .custom-hero-slider .swiper-button-prev:after { font-size: var(--font-size-lg); }
.custom-hero-slider .swiper-horizontal>.swiper-pagination-bullets, .custom-hero-slider .swiper-pagination-bullets.swiper-pagination-horizontal, .custom-hero-slider .swiper-pagination { position: absolute; left: 50%; transform: none; bottom: var(--spacing-3xl); width: calc(var(--hero-card-width) / 2); text-align: center; z-index: 25; }
.custom-hero-slider .swiper-pagination-bullet { width: auto; height: auto; background: transparent; opacity: 1; margin: 0 var(--spacing-md); cursor: pointer; }
.custom-hero-slider .swiper-pagination-bullet::after { content: "\f1b0"; display: inline-block; font-family: "Font Awesome 6 Free", "Font Awesome 5 Free"; font-weight: 900; font-size: var(--font-size-xl); line-height: 1; color: var(--color-text-muted); }
.custom-hero-slider .swiper-pagination-bullet-active::after { color: var(--color-primary); transform: scale(1.08); }

@media (max-width: 1080px) {
  .hero-section { margin-top: var(--spacing-3xl); }
  .hero-section .custom-hero-slider { --hero-card-width: 94vw; height: auto; min-height: 0; }
  .custom-hero-slider .split-container { flex-direction: column; align-items: stretch; justify-content: flex-start; height: auto; }
  .custom-hero-slider .split-media { flex: 0 0 auto; max-width: 100%; width: 100%; height: var(--hero-image-height-mobile); }
  .custom-hero-slider .split-media img { width: 100%; height: 100%; object-fit: cover; }
  .custom-hero-slider .split-text { flex: 0 0 auto; max-width: 100%; width: 100%; }
  .custom-hero-slider .split-text .slide-text-container { max-width: 92vw; padding: var(--spacing-2xl) var(--spacing-2xl) var(--spacing-2xl); }

  .hero-section .custom-hero-slider .swiper-button-prev,
  .hero-section .custom-hero-slider .swiper-button-next { top: calc(var(--hero-image-height-mobile) / 2); transform: translateY(-50%); }
  .hero-section .custom-hero-slider .swiper-button-prev { top: calc(var(--hero-image-height-mobile) / 2); transform: translateY(-50%); }
  .hero-section .custom-hero-slider .swiper-button-prev { left: calc(50% - var(--hero-card-width) / 2 + var(--spacing-lg)); }
  .hero-section .custom-hero-slider .swiper-button-next { right: calc(50% - var(--hero-card-width) / 2 + var(--spacing-lg)); }
  .custom-hero-slider .swiper-button-next,
  .custom-hero-slider .swiper-button-prev { width: var(--social-icon-size-sm); height: var(--social-icon-size-sm); }

  .custom-hero-slider .swiper-horizontal>.swiper-pagination-bullets,
  .custom-hero-slider .swiper-pagination-bullets.swiper-pagination-horizontal,
  .custom-hero-slider .swiper-pagination { display: none !important; }
  .custom-hero-slider .slide-logo-container { display: none; }
}