/* ===== Slider Tầm nhìn / Không gian sống ===== */
.ls-section{
  --ls-card:#ffffff;
  --ls-text:#222;
  --ls-gold:#9c7a3c;
  --ls-line:#ddd5c7;
  padding:30px 0 40px;
  overflow:hidden;
  color:var(--ls-text);
}

/* Slide kế tiếp tràn ra mép phải, cắt phần bên trái */
.ls-section .ls-swiper{overflow:visible;clip-path:inset(0 -100vw 0 0)}

/* ===== Item: ảnh trái + nội dung phải ===== */
.ls-item{height:100%}
.ls-item__img{height:100%;min-height:350px;overflow:hidden}
.ls-item__img img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform 1.2s ease;
}
.swiper-slide-active .ls-item__img img{transform:scale(1.04)}

.ls-item__body{
  background:var(--ls-card);
  height:100%;
  padding:56px 36px 44px;
}
.ls-item__title{
  font-family:var(--font-sagire);
  font-size:clamp(28px,3vw,42px);
  font-weight:400;
  line-height:1.15;
  text-transform:uppercase;
  letter-spacing:.5px;
  margin:0;
}
.ls-item__text{font-size:15px;line-height:1.6;margin:0;max-width:360px}

/* Chữ trượt lên khi slide active */
.ls-item__title,.ls-item__text{
  opacity:0;transform:translateY(20px);
  transition:opacity .6s ease .2s,transform .6s ease .2s;
}
.swiper-slide-active .ls-item__title,
.swiper-slide-active .ls-item__text{opacity:1;transform:none}
.swiper-slide-active .ls-item__text{transition-delay:.35s}

/* Slide không active: chỉ thấy ảnh */
.ls-section .swiper-slide:not(.swiper-slide-active) .ls-item__body{background:transparent}

/* ===== Điều hướng ===== */
.ls-progress{
  position:relative !important;
  width:100%;max-width:280px;height:2px !important;
  background:var(--ls-line);
  margin:0 auto;
  top:auto !important;left:auto !important;
}
.ls-progress .swiper-pagination-progressbar-fill{background:var(--ls-gold)}

.ls-nav{display:flex;gap:18px}
.ls-nav button{
  border:0;background:none;padding:4px;
  color:var(--ls-gold);line-height:0;cursor:pointer;
  transition:opacity .2s,transform .2s;
}
.ls-nav button:hover{transform:scale(1.15);background:none}
.ls-nav button.swiper-button-disabled{opacity:.35;cursor:default;transform:none}

/* ===== Mobile ===== */
@media (max-width:767.98px){
  .ls-item__img{min-height:240px}
  .ls-item__body{padding:28px 22px 30px}
  .ls-item__title{margin-bottom:16px}
  .ls-section .swiper-slide:not(.swiper-slide-active) .ls-item__body{background:var(--ls-card)}
}