.lt-wrapper {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 15px;
}

/* === HERO === */
.lt-hero {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 40px;
  margin-bottom: 50px;
}

.lt-hero-left img {
  width: 100%;
  border-radius: 8px;
}

.hero-main h1 {
  font-size: 38px;
  line-height: 1.2;
  margin-top: 10px;
}

.lt-hero-right article {
  margin-bottom: 18px;
}

.lt-hero-right h3 {
  font-size: 18px;
  line-height: 1.3;
}

/* === GRID 3 === */
.lt-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin: 60px 0;
}

.lt-grid img {
  width: 100%;
  border-radius: 8px;
}

/* === HOROSCOP === */
.lt-horoscop {
  margin: 60px 0;
}

.block-title {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  border-bottom: 2px solid #ddd;
  padding-bottom: 10px;
}

.lt-horoscop-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

/* === LATEST === */
.lt-latest {
  margin: 60px 0;
}

.lt-latest-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

/* === WIDE STORY === */
.lt-wide {
  background: #000;
  color: #fff;
  padding: 50px;
  border-radius: 10px;
  margin: 80px 0;
}

.lt-wide h2 {
  font-size: 34px;
  margin-bottom: 15px;
}

/* === REALITY === */
.lt-reality {
  margin: 60px 0 100px;
}

.lt-reality-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.lt-reality-grid img {
  width: 100%;
  border-radius: 6px;
}

/* === RESPONSIVE === */
@media (max-width: 991px) {
  .lt-hero,
  .lt-grid,
  .lt-horoscop-grid,
  .lt-latest-grid,
  .lt-reality-grid {
    grid-template-columns: 1fr;
  }

  .lt-wide {
    padding: 30px;
  }

  .hero-main h1 {
    font-size: 28px;
  }
}