/* Add custom CSS styles below */
@media (min-width: 1024px) {
  .prestige-header .prestige-logo.logo.w-36 {
    width: 12rem !important;
  }
}

@media (max-width: 767px) {
  .product-single .main-content {
    display: flex !important;
    flex-direction: column !important;
  }
  .product-single salla-metadata.s-metadata-wrapper.hydrated {
    order: 2 !important;
  }
}

.product-single .s-metadata-row {
  justify-content: unset !important;
}

.product-single .s-metadata-box-header {
  color: #FF751F !important;
}

@media (min-width: 1024px) {
  #tab-description > div > p {
    justify-content: center !important;
    display: flex !important;
    align-items: center !important;
  }
  #tab-description > div > p > img {
    height: 650px !important;
    justify-content: center !important;
  }
}

.main-content > salla-metadata > div > div,
.s-metadata-row {
  justify-content: stretch !important;
}

.s-metadata-box-header {
  color: orange !important;
}

/* ---------------- Custom Video Banner ---------------- */
.prestige-video-banner {
  height: 55rem !important;
}
@media (max-width: 767px) {
  .prestige-video-banner {
    height: 15rem !important;
  }
}

/* ---------------- Logo Resize ---------------- */
.logo {
  width: 14rem !important;
}

/* ---------------- Hide Elements ---------------- */
#app > div.app-inner.flex.flex-col.min-h-full > div:nth-child(3) > h3 {
  display: none;
}

#app > div.app-inner.flex.flex-col.min-h-full > div:nth-child(3) > div {
  display: none;
}

/* ---------------- Page Container ---------------- */
.page-single .container {
  max-width: unset !important;
  padding: unset !important;
  margin: unset !important;
}