/* AWD Product Engine v1 */

.awd-product-page {
  background: #080a0c;
  color: #f7f8fa;
}

.awd-product-notices {
  padding-top: 1rem;
}

.awd-product-hero {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 20% 45%, rgba(227,252,2,.1), transparent 28%),
    #080a0c;
}

.awd-product-hero__glow {
  position: absolute;
  width: 420px;
  height: 420px;
  top: 15%;
  left: 5%;
  border-radius: 50%;
  background: rgba(227,252,2,.08);
  filter: blur(110px);
}

.awd-product-hero__grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(320px, .9fr) minmax(420px, 1.1fr);
  align-items: center;
  gap: clamp(3rem, 8vw, 8rem);
  padding-block: clamp(4rem, 8vw, 7rem);
}

.awd-product-gallery__frame {
  padding: clamp(.8rem, 2vw, 1.4rem);
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 28px;
  background: rgba(255,255,255,.035);
  box-shadow: 0 35px 90px rgba(0,0,0,.45);
}

.awd-product-cover {
  width: 100%;
  display: block;
  border-radius: 20px;
}

.awd-product-cover--empty {
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  background: #11151a;
  color: #e3fc02;
  font-size: 5rem;
  font-weight: 950;
}

.awd-product-gallery__caption {
  display: block;
  margin-top: 1rem;
  color: #68717c;
  font-size: .7rem;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .12em;
}

.awd-product-summary h1 {
  margin: 1rem 0;
  color: #f7f8fa;
  font-size: clamp(2.7rem, 5.5vw, 5.8rem);
  line-height: .92;
  letter-spacing: -.055em;
}

.awd-product-rating-note {
  color: #8d96a3;
  font-size: .78rem;
  text-transform: uppercase;
  letter-spacing: .09em;
}

.awd-product-price {
  margin: 1.7rem 0;
  color: #e3fc02;
  font-size: clamp(1.8rem, 3vw, 2.6rem);
  font-weight: 900;
}

.awd-product-intro {
  max-width: 620px;
  color: #aeb6c1;
  line-height: 1.75;
}

.awd-product-purchase {
  margin-top: 2rem;
}

.awd-product-purchase form.cart {
  margin: 0 !important;
}

.awd-product-purchase .variations {
  margin-bottom: 1rem !important;
  color: #f7f8fa;
}

.awd-product-purchase select {
  width: 100%;
  min-height: 52px;
}

.awd-product-purchase .single_add_to_cart_button {
  min-height: 54px !important;
  padding-inline: 2rem !important;
}

.awd-product-trust {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .8rem 1.5rem;
  margin: 2rem 0 0;
  padding: 0;
  color: #8d96a3;
  font-size: .78rem;
  list-style: none;
}

.awd-product-trust li::before {
  content: "✓";
  margin-right: .5rem;
  color: #e3fc02;
}

.awd-product-stats {
  border-bottom: 1px solid rgba(255,255,255,.08);
  background: #0b0e11;
}

.awd-product-stats__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.awd-product-stats article {
  padding: 2.2rem;
  border-right: 1px solid rgba(255,255,255,.08);
  text-align: center;
}

.awd-product-stats article:last-child {
  border-right: 0;
}

.awd-product-stats strong,
.awd-product-stats span {
  display: block;
}

.awd-product-stats strong {
  color: #e3fc02;
  font-size: 2rem;
}

.awd-product-stats span {
  margin-top: .4rem;
  color: #8d96a3;
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .1em;
}

.awd-audio-section {
  padding-block: clamp(4rem, 8vw, 7rem);
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.awd-audio-section:nth-of-type(even) {
  background: #0b0e11;
}

.awd-audio-section__heading {
  display: grid;
  grid-template-columns: 1fr minmax(280px, 520px);
  gap: 2rem;
  margin-bottom: 2.5rem;
}

.awd-audio-section__heading h2 {
  margin: .8rem 0 0;
  color: #f7f8fa;
  font-size: clamp(2rem, 4vw, 4rem);
}

.awd-audio-section__heading p {
  color: #8d96a3;
  line-height: 1.7;
}

.awd-track-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .65rem;
}

.awd-track {
  min-width: 0;
  min-height: 66px;
  display: grid;
  grid-template-columns: 34px 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: .75rem;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  padding: .7rem 1rem;
  background: #11151a;
  color: #f7f8fa;
  text-align: left;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease;
}

.awd-track:hover,
.awd-track.is-playing {
  border-color: rgba(227,252,2,.42);
  background: #171c22;
}

.awd-track__number,
.awd-track__status {
  color: #68717c;
  font-size: .67rem;
  font-weight: 750;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.awd-track__play {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #e3fc02;
  color: #080a0c;
  font-size: .7rem;
}

.awd-track__title {
  overflow: hidden;
  font-size: .82rem;
  font-weight: 750;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.awd-product-about {
  padding-block: clamp(4rem, 9vw, 8rem);
  background: #080a0c;
}

.awd-product-about__grid {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: clamp(3rem, 8vw, 8rem);
}

.awd-product-about h2 {
  margin: 1rem 0 0;
  color: #f7f8fa;
  font-size: clamp(2.2rem, 5vw, 4.8rem);
}

.awd-product-description,
.awd-product-description p {
  color: #aeb6c1;
  line-height: 1.8;
}

.awd-product-benefits {
  padding-bottom: clamp(4rem, 8vw, 7rem);
  background: #080a0c;
}

.awd-product-benefits__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 24px;
  background: rgba(255,255,255,.09);
}

.awd-product-benefits article {
  padding: 2.5rem;
  background: #11151a;
}

.awd-product-benefits article > span {
  color: #e3fc02;
  font-size: .7rem;
  font-weight: 850;
}

.awd-product-benefits h3 {
  color: #f7f8fa;
}

.awd-product-benefits p {
  color: #8d96a3;
  line-height: 1.7;
}

.awd-audio-dock {
  position: fixed;
  z-index: 1200;
  right: 1rem;
  bottom: 1rem;
  left: 1rem;
  width: min(calc(100% - 2rem), 920px);
  min-height: 72px;
  display: grid;
  grid-template-columns: 48px 1fr auto 38px;
  align-items: center;
  gap: 1rem;
  margin-inline: auto;
  border: 1px solid rgba(227,252,2,.25);
  border-radius: 18px;
  padding: .75rem 1rem;
  background: rgba(12,15,18,.96);
  box-shadow: 0 20px 70px rgba(0,0,0,.55);
  backdrop-filter: blur(18px);
}

.awd-audio-dock[hidden] {
  display: none;
}

.awd-audio-dock__play {
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 50%;
  background: #e3fc02;
  color: #080a0c;
  cursor: pointer;
}

.awd-audio-dock__details {
  min-width: 0;
}

.awd-audio-dock__details strong {
  display: block;
  overflow: hidden;
  color: #f7f8fa;
  font-size: .8rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.awd-audio-dock__progress {
  height: 4px;
  margin-top: .65rem;
  overflow: hidden;
  border-radius: 99px;
  background: rgba(255,255,255,.12);
  cursor: pointer;
}

.awd-audio-dock__progress span {
  width: 0;
  height: 100%;
  display: block;
  background: #e3fc02;
}

.awd-audio-dock__time {
  color: #8d96a3;
  font-size: .7rem;
}

.awd-audio-dock__close {
  border: 0;
  background: transparent;
  color: #f7f8fa;
  font-size: 1.5rem;
  cursor: pointer;
}

@media (max-width: 850px) {
  .awd-product-hero__grid,
  .awd-product-about__grid {
    grid-template-columns: 1fr;
  }

  .awd-product-gallery {
    max-width: 580px;
    margin-inline: auto;
  }

  .awd-track-list {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
  .awd-product-stats__grid {
    grid-template-columns: 1fr 1fr;
  }

  .awd-product-stats article:nth-child(2) {
    border-right: 0;
  }

  .awd-product-stats article:nth-child(-n+2) {
    border-bottom: 1px solid rgba(255,255,255,.08);
  }

  .awd-product-trust,
  .awd-product-benefits__grid {
    grid-template-columns: 1fr;
  }

  .awd-audio-section__heading {
    grid-template-columns: 1fr;
  }

  .awd-track {
    grid-template-columns: 30px 38px minmax(0, 1fr);
  }

  .awd-track__status {
    display: none;
  }

  .awd-audio-dock {
    grid-template-columns: 44px 1fr 32px;
  }

  .awd-audio-dock__time {
    display: none;
  }
}