.beauty-beat-details-breadcrumbs {
  padding: 1.5em 0 0;
}
@media (max-width: 767px) {
  .beauty-beat-details-breadcrumbs {
    padding: 0.625em 0 0;
  }
}

.beauty-beat-details-body__container {
  display: flex;
  gap: 1.5em;
  max-width: calc(1200px + 8.705%);
  padding: 0 4.3525%;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .beauty-beat-details-body__container {
    flex-direction: column;
    padding: 0;
    margin: 0;
  }
}

.beauty-beat-details-main {
  width: calc(100% - 25.5em);
  padding: 2em 0 1.875em;
}
@media (max-width: 1024px) {
  .beauty-beat-details-main {
    width: 100%;
    padding: 1em 2em 1.875em;
  }
}
@media (max-width: 767px) {
  .beauty-beat-details-main {
    padding: 0.875em 1em 0;
  }
}
.beauty-beat-details-main__hero {
  aspect-ratio: 7.92/3.8;
  object-fit: cover;
  object-position: center;
  border-radius: 0.75em;
  overflow: hidden;
}
@media (max-width: 767px) {
  .beauty-beat-details-main__hero {
    aspect-ratio: 1.785;
  }
}
.beauty-beat-details-main__content {
  padding: 1.6875em 0 1.875em;
  display: flex;
  flex-direction: column;
  gap: 1.5em;
}
@media (max-width: 1024px) {
  .beauty-beat-details-main__content {
    padding: 2.5em 0 1.875em;
  }
}
@media (max-width: 767px) {
  .beauty-beat-details-main__content {
    padding: 1.6875em 0 1.375em;
    gap: 1.1875em;
  }
}
.beauty-beat-details-main__title {
  font-weight: 600;
  color: #004D47;
}
@media (max-width: 767px) {
  .beauty-beat-details-main__title {
    font-size: 1.25em;
    line-height: 1.46;
  }
}
.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: 1289px) {
  .beauty-beat-details-aside {
    top: 6.0875em;
  }
}
@media (max-width: 1024px) {
  .beauty-beat-details-aside {
    position: relative;
    top: 0;
    max-width: 100%;
    padding: 2em 0;
    background-color: #FAF7EE;
  }
}
@media (max-width: 767px) {
  .beauty-beat-details-aside {
    padding: 2em 0 2.375em;
  }
}
.beauty-beat-details-aside__subscribe {
  border-radius: 0.75em;
  padding: 1.875em 1.5em 2em;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media (min-width: 1025px) {
  .beauty-beat-details-aside__subscribe {
    position: relative;
    background-color: #D0E0C9;
  }
}
@media (max-width: 1024px) {
  .beauty-beat-details-aside__subscribe {
    padding: 0 2em;
  }
}
@media (max-width: 767px) {
  .beauty-beat-details-aside__subscribe {
    padding: 0 1em;
  }
}
.beauty-beat-details-aside__subscribe-form {
  display: flex;
  flex-direction: column;
  gap: 0.75em;
}
@media (max-width: 767px) {
  .beauty-beat-details-aside__subscribe-form {
    gap: 1em;
  }
}
.beauty-beat-details-aside__subscribe-title {
  color: #004D47;
}
@media (min-width: 1025px) {
  .beauty-beat-details-aside__subscribe-title {
    text-align: center;
  }
}
@media (max-width: 1024px) {
  .beauty-beat-details-aside__subscribe-title {
    width: 77.75%;
    font-size: 1.75em;
  }
}
@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;
}
@media (min-width: 1025px) {
  .beauty-beat-details-aside__subscribe-description {
    text-align: center;
  }
}
@media (max-width: 1024px) {
  .beauty-beat-details-aside__subscribe-description {
    width: 77.75%;
    font-size: 1.125em;
  }
}
@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%;
}
@media (max-width: 1024px) {
  .beauty-beat-details-aside__subscribe-form {
    width: 77.75%;
  }
}
@media (max-width: 767px) {
  .beauty-beat-details-aside__subscribe-form {
    margin: 1em 0 0 33.25%;
    width: 66.75%;
  }
}
.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 {
    left: 2%;
    bottom: -3em;
    width: calc(26% - 3em);
    margin: 0 0 0 0.5556%;
  }
}
@media (max-width: 767px) {
  .beauty-beat-details-aside__subscribe-img {
    left: 17.75%;
    bottom: -2.2em;
    width: 6.625em;
    transform: translateX(-50%);
  }
}

.beauty-beat-details-comments {
  padding: 2em 0 0;
  border-top: 1px solid #E9E2D2;
}
@media (max-width: 1024px) {
  .beauty-beat-details-comments {
    padding: 2.5em 0 0;
  }
}
@media (max-width: 767px) {
  .beauty-beat-details-comments {
    padding: 1.5em 0 0;
  }
}
.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;
}
@media (max-width: 767px) {
  .beauty-beat-details-comments__submit-comment-disclaimer {
    margin: 1em 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.75em;
    margin: 1em 0 0;
  }
}
.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) {
  .beauty-beat-details-comments__submit-comment-buttons {
    margin: 1em 0 0;
  }
}
@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: 1024px) {
  .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 14.5%;
  }
}
@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;
}
@media (max-width: 767px) {
  .beauty-beat-details-comments__content-top {
    display: flex;
    flex-direction: column;
    gap: 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 7.75em;
    margin: 0 0 0 calc(100% - 7.75em);
  }
}