.beauty-beat-details-breadcrumbs {
  padding: 1.5em 0 0;
}

.beauty-beat-details-body__container {
  display: flex;
  gap: 1.5em;
}
@media (max-width: 1024px) {
  .beauty-beat-details-body__container {
    flex-direction: column;
  }
}

.beauty-beat-details-main {
  width: calc(100% - 25.5em);
  padding: 2em 0 1.875em;
}
@media (max-width: 1024px) {
  .beauty-beat-details-main {
    width: 100%;
  }
}
.beauty-beat-details-main__hero {
  aspect-ratio: 7.92/3.8;
  object-fit: cover;
  object-position: center;
  border-radius: 0.75em;
  overflow: hidden;
}
.beauty-beat-details-main__content {
  padding: 1.6875em 0 1.875em;
  display: flex;
  flex-direction: column;
  gap: 1.5em;
}
.beauty-beat-details-main__title {
  font-weight: 600;
  color: #004D47;
}
.beauty-beat-details-main__subtitle {
  color: #373A3F;
  font-size: 1.125em;
  font-weight: 700;
  line-height: 1.4;
}
.beauty-beat-details-main__description {
  color: #373A3F;
  font-size: 1.125em;
}

.beauty-beat-details-aside {
  max-width: 24em;
  position: sticky;
  height: max-content;
  padding: 2em 0 1.875em;
  top: 6.25em;
}
@media (max-width: 1279px) {
  .beauty-beat-details-aside {
    top: 6.0875em;
  }
}
@media (max-width: 1024px) {
  .beauty-beat-details-aside {
    position: relative;
    top: 0;
    max-width: 100%;
    padding: 0 0 1.875em;
  }
}
.beauty-beat-details-aside__subscribe {
  position: relative;
  background-color: #D0E0C9;
  border-radius: 0.75em;
  padding: 1.875em 1.5em 2em;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.beauty-beat-details-aside__subscribe-form {
  display: flex;
  flex-direction: column;
  gap: 0.75em;
}
.beauty-beat-details-aside__subscribe-title {
  color: #004D47;
  text-align: center;
}
@media (max-width: 1024px) {
  .beauty-beat-details-aside__subscribe-title {
    width: 76.5%;
  }
}
@media (max-width: 480px) and (orientation: portrait) {
  .beauty-beat-details-aside__subscribe-title {
    width: 100%;
  }
}
.beauty-beat-details-aside__subscribe-description {
  color: #373A3F;
  margin: 0.875em 0 0;
  text-align: center;
}
@media (max-width: 1024px) {
  .beauty-beat-details-aside__subscribe-description {
    width: 76.5%;
  }
}
@media (max-width: 480px) and (orientation: portrait) {
  .beauty-beat-details-aside__subscribe-description {
    width: 100%;
  }
}
.beauty-beat-details-aside__subscribe-form {
  margin: 2em 0 0 0;
  width: 76.5%;
}
.beauty-beat-details-aside__subscribe-img {
  width: 31.25%;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (max-width: 1024px) {
  .beauty-beat-details-aside__subscribe-img {
    width: 23.5%;
  }
}
@media (max-width: 480px) and (orientation: portrait) {
  .beauty-beat-details-aside__subscribe-img {
    width: 31.25%;
    max-width: 8em;
  }
}

.beauty-beat-details-comments {
  padding: 2em 0 0;
  border-top: 1px solid #E9E2D2;
}
.beauty-beat-details-comments__body {
  margin: 2em 0 0;
}
.beauty-beat-details-comments__count, .beauty-beat-details-comments__submit-comment-title {
  font-size: 1.125em;
  font-weight: 700;
  line-height: 1.4;
  color: #373A3F;
}
.beauty-beat-details-comments__submit-comment {
  margin: 2em 0 0;
}
.beauty-beat-details-comments__item:first-child + .beauty-beat-details-comments__submit-comment {
  padding: 0;
}
.beauty-beat-details-comments__submit-comment + .beauty-beat-details-comments__item {
  margin: 2em 0 0;
}
.beauty-beat-details-comments__submit-comment-disclaimer {
  color: #373A3F;
  margin: 0.625em 0 0;
}
.beauty-beat-details-comments__submit-comment-form {
  margin: 0.5em 0 0;
  display: flex;
  flex-direction: column;
}
.beauty-beat-details-comments__submit-comment-textarea {
  height: 6.75em;
}
.beauty-beat-details-comments__submit-comment-row {
  margin: 0.8125em 0 0;
}
@media (max-width: 767px) {
  .beauty-beat-details-comments__submit-comment-row {
    flex-direction: column;
    gap: 0.8125em;
  }
}
.beauty-beat-details-comments__submit-comment-buttons {
  margin: 2.1875em 0 0;
  align-self: flex-end;
  display: flex;
  gap: 0.6875em;
}
@media (max-width: 767px) and (orientation: portrait) {
  .beauty-beat-details-comments__submit-comment-buttons {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .beauty-beat-details-comments__submit-comment-btn {
    flex: 1;
  }
}
.beauty-beat-details-comments__item-group + .beauty-beat-details-comments__item-group,
.beauty-beat-details-comments__item-group .beauty-beat-details-comments__submit-comment {
  margin: 2em 0 0;
}
.beauty-beat-details-comments__item-group .beauty-beat-details-comments__item:not(:first-child),
.beauty-beat-details-comments__item-group .beauty-beat-details-comments__submit-comment {
  padding: 0 0 0 13%;
}
@media (max-width: 767px) {
  .beauty-beat-details-comments__item-group .beauty-beat-details-comments__submit-comment {
    padding: 0;
  }
}
.beauty-beat-details-comments__item {
  display: flex;
  align-items: flex-start;
  gap: 1em;
  flex-wrap: wrap;
}
.beauty-beat-details-comments__item + .beauty-beat-details-comments__item {
  margin: 2em 0 0;
}
.beauty-beat-details-comments__item_highlighted {
  background: red;
}
.beauty-beat-details-comments__content {
  flex: 1;
}
.beauty-beat-details-comments__content-top {
  margin: 0 0 0.5em;
}
.beauty-beat-details-comments__content-name {
  color: #191A1D;
  font-weight: 500;
}
.beauty-beat-details-comments__content-date {
  color: #7C8189;
}
.beauty-beat-details-comments__content-body {
  color: #373A3F;
  font-size: 1.125em;
}
.beauty-beat-details-comments__avatar-wrap {
  display: flex;
  justify-content: flex-end;
  flex-shrink: 0;
  min-width: 3.125em;
}
.beauty-beat-details-comments__avatar-img {
  width: 2.625em;
  height: 2.625em;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
}
.beauty-beat-details-comments__avatar-star-wrap {
  width: 1.25em;
  height: 1.25em;
  border-radius: 50%;
  background-color: #FFFFFF;
  box-shadow: 0 -0.125em 1.25em 0 rgba(0, 0, 0, 0.1);
  display: flex;
  position: relative;
}
.beauty-beat-details-comments__avatar-star-wrap + .beauty-beat-details-comments__avatar-img {
  margin-left: -0.75em;
}
.beauty-beat-details-comments__avatar-star-img {
  width: 0.75em;
  height: 0.75em;
  object-fit: contain;
  object-position: center;
  margin: auto;
}
.beauty-beat-details-comments__reply-btn {
  min-width: 7.75em;
}
@media (max-width: 767px) {
  .beauty-beat-details-comments__reply-btn {
    flex: 0 0 calc(100% - 4.125em);
    margin: 0 0 0 auto;
  }
}