.books-banner {
  background: #E9E9E9;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  margin: 60px auto;
  position: relative;
  overflow: visible !important;
  max-width: 1161px !important;
  width: 100% !important;
}

.books-banner .container {
  max-width: 100% !important;
  padding: 5px !important;
  position: relative;
  z-index: 2;
}

/* === ОСНОВНОЙ КОНТЕЙНЕР С ФЛЕКСБОКСОМ === */
.books-banner-content {
  display: flex;
  align-items: center;
  gap: 11%;
  padding: -40px 60px !important;
  justify-content: flex-start;
  position: relative;
  z-index: 3;
}

/* === КОНТЕЙНЕР ОБЛОЖКИ === */
.book-cover-container {
  flex: 0 0 auto;
  position: relative;
  z-index: 4;
  margin-top: -40px;
  padding-left: 40px;
  padding-right: 60px;
}

.book-cover-img {
  object-fit: contain;
  width: 224.43px;
  height: 346.91px;
  border-radius: 10px;
  z-index: 6;
  display: block;
}
.book-cover-container::after {
  content: "";
  position: absolute;
  width: 234.43px;
  height: 351.91px;
  background: url('https://yausheva.ru/assets/img/banners/ryadomstravmoi.png  ') no-repeat center/contain;
  left: 66px;
  margin-left: 0;
  background-size: contain;
  top: 0;
  z-index: 3;
  border-radius: 10px;
}
/* === ТЕКСТОВЫЙ КОНТЕНТ === */
.books-text-content {
  width: auto;
  max-width:540px;
  margin-left: 0!important;
  line-height:0.98!important;
}

.books-small-title {
  font-family: 'Gilroy', sans-serif;
  font-weight: 600;
  color: #C29E86;
  line-height:1!important;
}

.books-main-title {
  font-family: 'Gilroy', sans-serif;
  font-weight: 600;
  font-size: 34px;
  color: #4E5154;
  margin-bottom: 15px;
}

.books-short-desc {
  font-family: 'Gilroy', sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #4E5154;
  margin-bottom: 20px;
  max-width: 540px;
}

.books-long-desc {
  font-family: 'Gilroy', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #4E5154;
}

.books-btn {
  position: relative;
  display: inline-block;
  padding: 21px 54px;
  font-size: 16px;
  border-radius: 27px;
  background: #C5936F;
  color: #fff;
  transition: all 0.3s ease;
  font-family: 'Gilroy', sans-serif;
  font-weight: 600;
  top:65px;
  line-height:1.1!important;
}

.books-btn:hover {
  background: #b5835f;
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(197, 147, 111, 0.3);
}


/* === АДАПТИВНОСТЬ === */

@media (max-width: 1024px) {
  .books-banner {
    margin: 50px auto !important;
    max-width: 950px !important;
    border-radius: 45px !important;
  }

  .books-banner-content {
    padding: -30px 40px !important;
  }

  .book-cover-container {
    margin-top: -35px !important;
    padding-left: 30px !important;
  }

  .book-cover-img {
    width: 200px !important;
    height: 309px !important;
  }

  .book-cover-container::after {
    width: 210px !important;
    height: 314px !important;
  }

  .books-main-title {
    font-size: 30px !important;
  }

  .books-short-desc {
    font-size: 15px !important;
    max-width: 500px !important;
  }

  .books-long-desc {
    max-width: 500px !important;
  }

  .books-btn {
    top: 12px !important;
    padding: 14px 40px !important;
  }
}

@media (max-width: 768px) {
  .books-banner {
    margin: 45px auto !important;
    max-width: 720px !important;
    border-radius: 35px !important;
  }

  .books-banner-content {
  }

  .book-cover-container {
    margin-top: -30px !important;
    padding-left: 25px !important;
  }

  .book-cover-img {
    width: 175px !important;
    height: 270px !important;
  }

  .book-cover-container::after {
    width: 185px !important;
    height: 275px !important;
    left: 55px !important;
  }
.books-main-title {
  margin-bottom: 0px;
}

.books-short-desc {
  font-family: 'Gilroy', sans-serif;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 0px;
  max-width: 540px;
}
  .books-text-content {
    max-width: 420px !important;
  }

  .books-main-title {
    font-size: 28px !important;
  }

  .books-short-desc {
    font-size: 14px !important;
  }

  .books-long-desc {
    font-size: 13px !important;
    max-width: 400px !important;
  }

  .books-btn {
    top: 10px !important;
    padding: 13px 35px !important;
    font-size: 15px !important;
  }
}

@media (max-width: 576px) {
  .books-banner {
    margin: 45px auto !important;
    max-width: 510px !important;
    border-radius: 30px !important;
  }

  .book-cover-container {
    margin-top: -25px !important;
    padding-left: 20px !important;
  }

  .book-cover-img {
    width: 150px !important;
    height: 232px !important;
  }

  .book-cover-container::after {
    width: 160px !important;
    height: 237px !important;
    left: 45px !important;
  }

  .books-text-content {
    max-width: 90% !important;
  margin: 0 auto !important;
  }

  .books-main-title {
    font-size: 30px !important;

  }
  .books-long-desc {
    font-size: 12px !important;
    max-width: 320px !important;
  }

  .books-btn {
    top: 8px !important;
    padding: 15px 25px !important;
    font-size: 14px !important;
  }
}

@media (max-width: 420px) {
  .books-banner {
    padding-bottom: 30px !important;}

  .books-banner-content {
    padding: -15px 15px !important;
  }

  .book-cover-container {
    margin-top: -20px !important;
        margin-right: 1px;
        right: 5px;
  }

  .book-cover-img {
    width: 130px !important;
    height: 201px !important;

  }

  .book-cover-container::after {
    width: 140px !important;
    height: 206px !important;
    left: 35px !important;
  }
  .books-text-content {
    max-width: 260px !important;
  }

  .books-main-title {
    font-size: 26px !important;
  }

  .books-short-desc {
    max-width: 250px !important;
  }

  .books-btn {
    box-sizing: border-box!important;
    padding: 15px 25px !important;
    font-size: 13px !important;
     top:0px!important;
  }
}