.hero .content-wrapper {
  display: flex;
  gap: var(--gap-md);
}

.hero__content {
  max-width: unset;
  width: unset;
  {#flex: 0 1 58rem;#}
}

.hero__image {
  flex: 1;
}

.product__glance {
  display: flex;
  gap: var(--gap-md);
}

@media (max-width: 599px) {
  .product__glance {
    flex-direction: column;
  }
}

.product__glance-content {
  flex: 0 1 35%;
}

.product__glance-image {
  flex: 0 1 65%;
}

.product__glance-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

.product__slide {
  aspect-ratio: 16/9;
  width: 100%;
}

.product__slide iframe {
  aspect-ratio: 16/9;
  width: 100%;
  height: auto;
}

.product__slide img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}


.product__tabs-nav {
  display: flex;
  justify-content: center;
  gap: 1rem;
}

@media (max-width: 599px) {
  .product__tabs-nav {
    flex-direction: column;
  }
}

.product__tabs-nav .button--primary.active {
  background-color: var(--black);
  color: var(--white);
}

.product__tab-content {
  display: none;
}

.product__tab-content.active {
  display: block;
}

.spec {
  display: flex;
  gap: var(--gap);
}

.spec-title .spec {
  flex: 1;
}

.accordions {
  display: grid;
  gap: 2rem;
}

.accordion-item,
.spec-item {
  border-bottom: 1px solid var(--medium-gray);
}

.accordion-title {
  cursor: pointer;
  margin: 0;
  padding: 2rem 0;
  display: flex;
  gap: 2rem;
  align-items: center;
  text-transform: capitalize;
}

.no-accordion .accordion-title {
  cursor: unset;
}

.accordion-item .accordion-title svg {
  transition: all .2s ease;
  transform: rotate(90deg);
}

.accordion-item.is-active .accordion-title svg {
  transform: rotate(-90deg);
}

.accordion-details {
  display: none;
  padding-bottom: 2rem;
}
.accordion-item:not(.no-accordion).is-active .accordion-details {
  display: block;
}



.social-sharing__wrapper {
  position: relative;
}

@media (max-width: 767px) {
  .social-sharing__wrapper,
  .social-sharing__wrapper .button {
    width: 100%;
  }
}

.social-sharing {
  display: none;
  position: absolute;
  z-index: 2;
  top: calc(100% + 1rem);

  background-color: var(--white);
  border: 1px solid var(--medium-gray);
  color: var(--black);
  padding: 1.2rem 3rem;
  border-radius: .4rem;
}

.social-sharing.active {
  display: block;
}

.social-sharing.social-links a {
  color: var(--black);
}



@media print {
  .product__tab-content,
  .accordion-item .accordion-details {
    display: block !important;
  }

  header.header,
  footer.footer,
  .no-print {
    display: none !important;
  }
}



.product__glance .modal__container {
  background: #fff;
  padding: 2rem;
  max-width: 60rem;
}