.u-section-1 .u-sheet-1 {
  min-height: 1238px;
}

.u-section-1 .u-shape-1 {
  width: 795px;
  height: 593px;
  background-image: none;
  margin: 0 0 0 auto;
}

.u-section-1 .u-layout-wrap-1 {
  width: 1090px;
  margin: -533px auto 60px 1px;
}

.u-section-1 .u-image-1 {
  min-height: 438px;
  background-image: url("images/GoogleGemini-GoogleChrome.jpg");
  background-position: 50% 50%;
}

.u-section-1 .u-container-layout-1 {
  padding-top: 50px;
}

.u-section-1 .u-layout-cell-2 {
  min-height: 484px;
}

.u-section-1 .u-container-layout-2 {
  padding: 30px 60px 30px 0;
}

.u-section-1 .u-text-1 {
  margin: 0 auto 0 0;
}

.u-section-1 .u-text-2 {
  margin: 20px 0 0;
}

.u-section-1 .u-btn-1 {
  margin-left: 0;
  margin-right: auto;
  margin-top: 20px;
  font-weight: 700;
}

.u-section-1 .u-layout-cell-3 {
  min-height: 208px;
}

.u-section-1 .u-container-layout-3 {
  padding: 0 20px 0 0;
}

.u-section-1 .u-text-3 {
  text-transform: uppercase;
  margin: 20px 0 0;
}

.u-section-1 .u-text-4 {
  margin: 20px 0 0;
}

.u-section-1 .u-image-2 {
  min-height: 714px;
  background-image: url("images/btJAPAN1.png");
  background-position: 50% 50%;
}

.u-section-1 .u-container-layout-4 {
  padding: 0;
}

@media (max-width: 1199px) {
  .u-section-1 .u-sheet-1 {
    min-height: 832px;
  }

  .u-section-1 .u-layout-wrap-1 {
    width: 880px;
    margin-left: 0;
  }

  .u-section-1 .u-image-1 {
    min-height: 355px;
  }

  .u-section-1 .u-layout-cell-2 {
    min-height: 398px;
  }

  .u-section-1 .u-layout-cell-3 {
    min-height: 175px;
  }

  .u-section-1 .u-image-2 {
    min-height: 578px;
  }
}

@media (max-width: 991px) {
  .u-section-1 .u-sheet-1 {
    min-height: 2131px;
  }

  .u-section-1 .u-shape-1 {
    width: 585px;
    height: 1166px;
  }

  .u-section-1 .u-layout-wrap-1 {
    width: 637px;
    margin-top: -1107px;
  }

  .u-section-1 .u-image-1 {
    min-height: 545px;
  }

  .u-section-1 .u-container-layout-1 {
    padding-top: 30px;
  }

  .u-section-1 .u-layout-cell-2 {
    min-height: 306px;
  }

  .u-section-1 .u-container-layout-2 {
    padding-right: 30px;
  }

  .u-section-1 .u-layout-cell-3 {
    min-height: 186px;
  }

  .u-section-1 .u-image-2 {
    min-height: 1014px;
  }
}

@media (max-width: 767px) {
  .u-section-1 .u-sheet-1 {
    min-height: 1851px;
  }

  .u-section-1 .u-shape-1 {
    width: 465px;
    height: 1165px;
  }

  .u-section-1 .u-layout-wrap-1 {
    width: 480px;
    margin-top: -1106px;
    margin-bottom: 45px;
  }

  .u-section-1 .u-image-1 {
    min-height: 457px;
  }

  .u-section-1 .u-layout-cell-2 {
    min-height: 290px;
  }

  .u-section-1 .u-container-layout-2 {
    padding-right: 10px;
  }

  .u-section-1 .u-layout-cell-3 {
    min-height: 171px;
  }

  .u-section-1 .u-container-layout-3 {
    padding-right: 10px;
  }

  .u-section-1 .u-image-2 {
    min-height: 850px;
  }
}

@media (max-width: 575px) {
  .u-section-1 .u-sheet-1 {
    min-height: 1249px;
  }

  .u-section-1 .u-shape-1 {
    width: 340px;
  }

  .u-section-1 .u-layout-wrap-1 {
    width: 340px;
  }

  .u-section-1 .u-image-1 {
    min-height: 324px;
  }

  .u-section-1 .u-layout-cell-2 {
    min-height: 100px;
  }

  .u-section-1 .u-layout-cell-3 {
    min-height: 153px;
  }

  .u-section-1 .u-image-2 {
    min-height: 602px;
  }
} .u-section-2 {
  background-image: none;
}

.u-section-2 .u-sheet-1 {
  min-height: 795px;
}

.u-section-2 .u-list-1 {
  margin: 60px 0 59px;
}

.u-section-2 .u-repeater-1 {
  grid-auto-columns: calc(33.3333% - 33.3333px);
  grid-template-columns: repeat(3, calc(33.3333% - 33.3333px));
  min-height: 674px;
  --gap: 50px;
}

.u-section-2 .u-list-item-1 {
  background-image: none;
}

.u-section-2 .u-container-layout-1 {
  padding: 45px 30px 30px;
}

@media (max-width: 991px) {
  .u-section-1 .u-shape-1 {
    display: none;
  }
  .u-section-1 .u-layout-wrap-1 {
    width: auto;
    margin: 0 auto 40px auto;
  }
  .u-section-1 .u-sheet-1 {
    min-height: auto;
  }
}

@media (max-width: 991px) {
  .packs-head {
    flex-direction: column;
    align-items: flex-start;
    gap: .5rem;
  }
  .pc-ctas {
    flex-direction: column;
  }
  .btn-cart,
  .btn-buy {
    width: 100%;
  }
  .u-section-7 .u-sheet-1 {
    min-height: auto;
  }
}

@media (max-width: 575px) {
  #sec-playlists { padding: 24px 0 44px; }
  .pl-bar-inner { padding: 12px; }
  .plb-title { font-size: 1.12rem; }
  .plb-progress { grid-template-columns: 42px 1fr 42px; gap: 8px; }
  .media-card { grid-template-columns: 72px 1fr auto; gap: 10px; }
  .mc-cover { width: 72px; height: 72px; }
}

.u-section-2 .u-text-1 {
  font-weight: 700;
  margin: 0;
}

.u-section-2 .u-text-2 {
  margin: 30px auto 0 0;
}

.u-section-2 .u-btn-1 {
  font-size: 0.875rem;
  letter-spacing: 1px;
  border-style: solid;
  text-transform: uppercase;
  margin: 30px auto 0 0;
  padding: 2px 0;
}

.u-section-2 .u-container-layout-2 {
  padding: 45px 30px 30px;
}

.u-section-2 .u-text-3 {
  font-weight: 700;
  margin: 0;
}

.u-section-2 .u-text-4 {
  margin: 30px auto 0 0;
}

.u-section-2 .u-btn-2 {
  font-size: 0.875rem;
  letter-spacing: 1px;
  border-style: solid;
  text-transform: uppercase;
  margin: 30px auto 0 0;
  padding: 2px 0;
}

.u-section-2 .u-container-layout-3 {
  padding: 45px 30px 30px;
}

.u-section-2 .u-text-5 {
  font-weight: 700;
  margin: 0;
}

.u-section-2 .u-text-6 {
  margin: 30px auto 0 0;
}

.u-section-2 .u-btn-3 {
  font-size: 0.875rem;
  letter-spacing: 1px;
  border-style: solid;
  text-transform: uppercase;
  margin: 30px auto 0 0;
  padding: 2px 0;
}

.u-section-2 .u-container-layout-4 {
  padding: 45px 30px 30px;
}

.u-section-2 .u-text-7 {
  font-weight: 700;
  margin: 0;
}

.u-section-2 .u-text-8 {
  margin: 30px auto 0 0;
}

.u-section-2 .u-btn-4 {
  font-size: 0.875rem;
  letter-spacing: 1px;
  border-style: solid;
  text-transform: uppercase;
  margin: 30px auto 0 0;
  padding: 2px 0;
}

.u-section-2 .u-container-layout-5 {
  padding: 45px 30px 30px;
}

.u-section-2 .u-text-9 {
  font-weight: 700;
  margin: 0;
}

.u-section-2 .u-text-10 {
  margin: 30px auto 0 0;
}

.u-section-2 .u-btn-5 {
  font-size: 0.875rem;
  letter-spacing: 1px;
  border-style: solid;
  text-transform: uppercase;
  margin: 30px auto 0 0;
  padding: 2px 0;
}

.u-section-2 .u-container-layout-6 {
  padding: 45px 30px 30px;
}

.u-section-2 .u-text-11 {
  font-weight: 700;
  margin: 0;
}

.u-section-2 .u-text-12 {
  margin: 30px auto 0 0;
}

.u-section-2 .u-btn-6 {
  font-size: 0.875rem;
  letter-spacing: 1px;
  border-style: solid;
  text-transform: uppercase;
  margin: 30px auto 0 0;
  padding: 2px 0;
}

@media (max-width: 1199px) {
  .u-section-2 .u-list-1 {
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-2 .u-repeater-1 {
    grid-auto-columns: calc(33.333333333333336% - 33.3333px);
    grid-template-columns: repeat(3, calc(33.333333333333336% - 33.3333px));
    min-height: 556px;
    grid-gap: 50px;
  }
}

@media (max-width: 991px) {
  .u-section-2 .u-repeater-1 {
    grid-auto-columns: calc(50% - 24.999975px);
    grid-template-columns: repeat(2, calc(50% - 24.999975px));
    min-height: 958px;
  }

  .u-section-2 .u-container-layout-1 {
    padding-top: 30px;
  }

  .u-section-2 .u-container-layout-2 {
    padding-top: 30px;
  }

  .u-section-2 .u-container-layout-3 {
    padding-top: 30px;
  }

  .u-section-2 .u-container-layout-4 {
    padding-top: 30px;
  }

  .u-section-2 .u-container-layout-5 {
    padding-top: 30px;
  }

  .u-section-2 .u-container-layout-6 {
    padding-top: 30px;
  }
}

@media (max-width: 767px) {
  .u-section-2 .u-repeater-1 {
    grid-auto-columns: calc(100% - 0px);
    grid-template-columns: 100%;
  }

  .u-section-2 .u-container-layout-1 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .u-section-2 .u-container-layout-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .u-section-2 .u-container-layout-3 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .u-section-2 .u-container-layout-4 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .u-section-2 .u-container-layout-5 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .u-section-2 .u-container-layout-6 {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 575px) {
  .u-section-2 .u-repeater-1 {
    grid-auto-columns: 100%;
  }
}.u-section-3 .u-sheet-1 {
  min-height: 700px;
}

.u-section-3 .u-shape-1 {
  width: 521px;
  height: 700px;
  margin: 0;
}

.u-section-3 .u-layout-wrap-1 {
  width: 1086px;
  margin: 60px auto 60px 54px;
}

.u-section-3 .u-image-1 {
  min-height: 610px;
  background-image: url("images/Gemini_Generated_Image_pajwawpajwawpajw.png");
  background-position: 50% 50%;
}

.u-section-3 .u-container-layout-1 {
  padding: 20px;
}

.u-section-3 .u-layout-cell-2 {
  min-height: 265px;
}

.u-section-3 .u-container-layout-2 {
  padding: 20px 60px;
}

.u-section-3 .u-text-1 {
  margin: 0;
}

.u-section-3 .u-text-2 {
  margin: 20px 0 0;
}

.u-section-3 .u-image-2 {
  min-height: 179px;
  background-image: url("images/GoogleGemini-GoogleChrome_3.jpg");
  background-position: 50% 50%;
}

.u-section-3 .u-container-layout-3 {
  padding: 20px;
}

.u-section-3 .u-image-3 {
  min-height: 166px;
  background-image: url("images/GoogleGemini-GoogleChrome_4.jpg");
  background-position: 50% 50%;
}

.u-section-3 .u-container-layout-4 {
  padding: 20px;
}

.u-section-3 .u-image-4 {
  min-height: 345px;
  background-image: url("images/GoogleGemini-GoogleChrome_2.jpg");
  background-position: 50% 50%;
}

.u-section-3 .u-container-layout-5 {
  padding: 20px;
}

@media (max-width: 1199px) {
  .u-section-3 .u-shape-1 {
    width: 430px;
    height: auto;
    margin: initial;
  }

  .u-section-3 .u-layout-wrap-1 {
    width: 895px;
    margin-left: 45px;
  }

  .u-section-3 .u-container-layout-2 {
    padding-left: 49px;
    padding-right: 49px;
  }
}

@media (max-width: 991px) {
  .u-section-3 .u-sheet-1 {
    min-height: 1109px;
  }

  .u-section-3 .u-shape-1 {
    height: 379px;
    margin-top: 0;
    margin-bottom: 0;
    width: auto;
    left: auto;
    bottom: auto;
    right: auto;
    top: auto;
  }

  .u-section-3 .u-layout-wrap-1 {
    width: 626px;
    margin-top: -319px;
    margin-bottom: 0;
    margin-left: 47px;
  }

  .u-section-3 .u-image-1 {
    min-height: 405px;
  }

  .u-section-3 .u-container-layout-1 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .u-section-3 .u-layout-cell-2 {
    min-height: 216px;
  }

  .u-section-3 .u-container-layout-2 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .u-section-3 .u-image-2 {
    min-height: 150px;
  }

  .u-section-3 .u-container-layout-3 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .u-section-3 .u-image-3 {
    min-height: 138px;
  }

  .u-section-3 .u-container-layout-4 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .u-section-3 .u-image-4 {
    min-height: 398px;
  }

  .u-section-3 .u-container-layout-5 {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (max-width: 767px) {
  .u-section-3 .u-sheet-1 {
    min-height: 907px;
  }

  .u-section-3 .u-shape-1 {
    height: 297px;
    width: auto;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-3 .u-layout-wrap-1 {
    width: 462px;
    margin-top: -237px;
    margin-left: 39px;
  }

  .u-section-3 .u-image-1 {
    min-height: 319px;
  }

  .u-section-3 .u-container-layout-1 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-3 .u-layout-cell-2 {
    min-height: 197px;
  }

  .u-section-3 .u-container-layout-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-3 .u-image-2 {
    min-height: 120px;
  }

  .u-section-3 .u-container-layout-3 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-3 .u-image-3 {
    min-height: 111px;
  }

  .u-section-3 .u-container-layout-4 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-3 .u-image-4 {
    min-height: 301px;
  }

  .u-section-3 .u-container-layout-5 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 575px) {
  .u-section-3 .u-sheet-1 {
    min-height: 820px;
  }

  .u-section-3 .u-shape-1 {
    height: 251px;
    width: auto;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-3 .u-layout-wrap-1 {
    width: 294px;
    margin-top: -191px;
    margin-left: 23px;
  }

  .u-section-3 .u-image-1 {
    min-height: 267px;
  }

  .u-section-3 .u-layout-cell-2 {
    min-height: 257px;
  }

  .u-section-3 .u-image-2 {
    min-height: 107px;
  }

  .u-section-3 .u-image-3 {
    min-height: 99px;
  }

  .u-section-3 .u-image-4 {
    min-height: 206px;
  }
} .u-section-4 {
  background-image: none;
}

.u-section-4 .u-sheet-1 {
  min-height: 702px;
}

.u-section-4 .u-layout-wrap-1 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.u-section-4 .u-layout-cell-1 {
  min-height: 294px;
}

.u-section-4 .u-container-layout-1 {
  padding: 30px;
}

.u-section-4 .u-icon-1 {
  height: 65px;
  width: 65px;
  background-image: none;
  margin: 0 auto 0 0;
  padding: 15px;
}

.u-section-4 .u-text-1 {
  margin: 30px 0 0;
}

.u-section-4 .u-text-2 {
  margin: 20px auto 0 0;
}

.u-section-4 .u-layout-cell-2 {
  min-height: 294px;
}

.u-section-4 .u-container-layout-2 {
  padding: 30px;
}

.u-section-4 .u-text-3 {
  margin: 0;
}

.u-section-4 .u-text-4 {
  margin: 20px auto 0 0;
}

.u-section-4 .u-btn-1 {
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 20px auto 0 0;
  padding: 0;
}

.u-section-4 .u-layout-cell-3 {
  min-height: 300px;
}

.u-section-4 .u-container-layout-3 {
  padding: 30px;
}

.u-section-4 .u-icon-2 {
  height: 65px;
  width: 65px;
  background-image: none;
  margin: 0 auto 0 0;
  padding: 15px;
}

.u-section-4 .u-text-5 {
  margin: 30px 0 0;
}

.u-section-4 .u-text-6 {
  margin: 20px auto 0 0;
}

.u-section-4 .u-layout-cell-4 {
  min-height: 302px;
}

.u-section-4 .u-container-layout-4 {
  padding: 30px;
}

.u-section-4 .u-text-7 {
  margin: 0;
}

.u-section-4 .u-text-8 {
  margin: 20px auto 0 0;
}

.u-section-4 .u-btn-2 {
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 20px auto 0 0;
  padding: 0;
}

.u-section-4 .u-layout-cell-5 {
  min-height: 302px;
}

.u-section-4 .u-container-layout-5 {
  padding: 30px;
}

.u-section-4 .u-icon-3 {
  height: 65px;
  width: 65px;
  background-image: none;
  margin: 0 auto 0 0;
  padding: 15px;
}

.u-section-4 .u-text-9 {
  margin: 20px 0 0;
}

.u-section-4 .u-text-10 {
  margin: 20px 0 0;
}

.u-section-4 .u-layout-cell-6 {
  min-height: 296px;
}

.u-section-4 .u-container-layout-6 {
  padding: 30px;
}

.u-section-4 .u-text-11 {
  margin: 0;
}

.u-section-4 .u-text-12 {
  margin: 20px auto 0 0;
}

.u-section-4 .u-btn-3 {
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 20px auto 0 0;
  padding: 0;
}

@media (max-width: 1199px) {
  .u-section-4 .u-sheet-1 {
    min-height: 596px;
  }

  .u-section-4 .u-layout-cell-1 {
    min-height: 242px;
  }

  .u-section-4 .u-layout-cell-2 {
    min-height: 242px;
  }

  .u-section-4 .u-layout-cell-3 {
    min-height: 247px;
  }

  .u-section-4 .u-layout-cell-4 {
    min-height: 249px;
  }

  .u-section-4 .u-layout-cell-5 {
    min-height: 249px;
  }

  .u-section-4 .u-layout-cell-6 {
    min-height: 244px;
  }
}

@media (max-width: 991px) {
  .u-section-4 .u-sheet-1 {
    min-height: 300px;
  }

  .u-section-4 .u-layout-cell-1 {
    min-height: 100px;
  }

  .u-section-4 .u-layout-cell-2 {
    min-height: 100px;
  }

  .u-section-4 .u-layout-cell-3 {
    min-height: 100px;
  }

  .u-section-4 .u-layout-cell-4 {
    min-height: 100px;
  }

  .u-section-4 .u-layout-cell-5 {
    min-height: 100px;
  }

  .u-section-4 .u-layout-cell-6 {
    min-height: 100px;
  }
}

@media (max-width: 767px) {
  .u-section-4 .u-sheet-1 {
    min-height: 500px;
  }

  .u-section-4 .u-container-layout-1 {
    padding-right: 10px;
    padding-left: 0;
  }

  .u-section-4 .u-container-layout-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .u-section-4 .u-container-layout-3 {
    padding-right: 10px;
    padding-left: 0;
  }

  .u-section-4 .u-container-layout-4 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .u-section-4 .u-container-layout-5 {
    padding-right: 10px;
    padding-left: 0;
  }

  .u-section-4 .u-container-layout-6 {
    padding-left: 20px;
    padding-right: 20px;
  }
} .u-section-5 {
  background-image: none;
}

.u-section-5 .u-sheet-1 {
  min-height: 691px;
}

.u-section-5 .u-text-1 {
  margin: 60px auto 0;
}

.u-section-5 .u-gallery-1 {
  height: 488px;
  width: 764px;
  margin: 30px auto 60px;
}

.u-section-5 .u-gallery-inner-1 {
  --gap: 0px;
}

.u-section-5 .u-gallery-item-1 {
  margin-right: 10px;
}

.u-section-5 .u-back-image-1 {
  width: 375px;
}

.u-section-5 .u-over-slide-1 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 20px;
}

.u-section-5 .u-gallery-item-2 {
  margin-right: 10px;
}

.u-section-5 .u-back-image-2 {
  width: 375px;
}

.u-section-5 .u-over-slide-2 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 20px;
}

.u-section-5 .u-gallery-item-3 {
  margin-right: 10px;
}

.u-section-5 .u-back-image-3 {
  width: 375px;
}

.u-section-5 .u-over-slide-3 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 20px;
}

.u-section-5 .u-gallery-nav-1 {
  position: absolute;
  left: 10px;
  width: 40px;
  height: 40px;
}

.u-section-5 .u-gallery-nav-2 {
  position: absolute;
  right: 10px;
  width: 40px;
  height: 40px;
}

@media (max-width: 991px) {
  .u-section-5 .u-gallery-1 {
    width: 720px;
  }
}

@media (max-width: 767px) {
  .u-section-5 .u-gallery-1 {
    width: 540px;
  }
}

@media (max-width: 575px) {
  .u-section-5 .u-gallery-1 {
    width: 340px;
  }
}.u-section-6 .u-sheet-1 {
  min-height: 737px;
}

.u-section-6 .u-text-1 {
  margin: 60px auto 0;
}

.u-section-6 .u-text-2 {
  width: 821px;
  margin: 22px auto 0;
}

.u-section-6 .u-list-1 {
  grid-template-rows: repeat(1, auto);
  width: 1037px;
  margin: 42px auto 60px;
}

.u-section-6 .u-repeater-1 {
  grid-auto-columns: 33.3333%;
  grid-template-columns: repeat(3, 33.3333%);
  min-height: 444px;
  --gap: 0px;
}

.u-section-6 .u-container-layout-1 {
  padding: 29px 30px 27px;
}

.u-section-6 .u-icon-1 {
  width: 161px;
  height: 161px;
  margin: 0 auto;
}

.u-section-6 .u-container-layout-2 {
  padding: 29px 30px 27px;
}

.u-section-6 .u-icon-2 {
  width: 161px;
  height: 161px;
  margin: 0 auto;
}

.u-section-6 .u-container-layout-3 {
  padding: 29px 30px 27px;
}

.u-section-6 .u-icon-3 {
  width: 161px;
  height: 161px;
  margin: 0 auto;
}

.u-section-6 .u-container-layout-4 {
  padding: 29px 30px 27px;
}

.u-section-6 .u-icon-4 {
  width: 161px;
  height: 161px;
  margin: 0 auto;
}

.u-section-6 .u-container-layout-5 {
  padding: 29px 30px 27px;
}

.u-section-6 .u-icon-5 {
  width: 161px;
  height: 161px;
  margin: 0 auto;
}

.u-section-6 .u-container-layout-6 {
  padding: 29px 30px 27px;
}

.u-section-6 .u-icon-6 {
  width: 161px;
  height: 161px;
  margin: 0 auto;
}

@media (max-width: 1199px) {
  .u-section-6 .u-list-1 {
    width: 940px;
  }

  .u-section-6 .u-repeater-1 {
    grid-auto-columns: 33.333333333333336%;
    grid-template-columns: repeat(3, 33.333333333333336%);
    min-height: 402px;
    grid-gap: 0px;
  }
}

@media (max-width: 991px) {
  .u-section-6 .u-text-2 {
    width: 720px;
  }

  .u-section-6 .u-list-1 {
    width: 720px;
  }

  .u-section-6 .u-repeater-1 {
    grid-auto-columns: 50%;
    grid-template-columns: repeat(2, 50%);
    min-height: 693px;
  }
}

@media (max-width: 767px) {
  .u-section-6 .u-text-2 {
    width: 540px;
  }

  .u-section-6 .u-list-1 {
    width: 540px;
  }

  .u-section-6 .u-repeater-1 {
    grid-auto-columns: 100%;
    grid-template-columns: 100%;
  }

  .u-section-6 .u-container-layout-1 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-6 .u-container-layout-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-6 .u-container-layout-3 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-6 .u-container-layout-4 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-6 .u-container-layout-5 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-6 .u-container-layout-6 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 575px) {
  .u-section-6 .u-text-2 {
    width: 340px;
  }

  .u-section-6 .u-list-1 {
    width: 340px;
  }
}.u-section-7 .u-sheet-1 {
  min-height: 672px;
}

.u-section-7 .u-text-1 {
  margin: 83px auto 0;
}

.u-section-7 .u-text-2 {
  font-size: 1.5rem;
  width: 624px;
  margin: 17px auto 0;
}

.u-section-7 .u-form-1 {
  height: 176px;
  width: 624px;
  margin: 46px auto 60px;
}

.u-section-7 .u-btn-1 {
  background-image: none;
  margin-right: auto;
  margin-left: auto;
  display: block;
  width: 100%;
  font-size: 1.125rem;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 2px;
  padding: 9px 0 11px;
}

@media (max-width: 767px) {
  .u-section-7 .u-text-2 {
    width: 540px;
  }

  .u-section-7 .u-form-1 {
    width: 540px;
  }
}

@media (max-width: 575px) {
  .u-section-7 .u-text-1 {
    margin-top: 60px;
  }

  .u-section-7 .u-text-2 {
    width: 340px;
  }

  .u-section-7 .u-form-1 {
    height: 287px;
    margin-top: 31px;
    margin-right: initial;
    margin-left: initial;
    width: auto;
  }
}



.cart-badge {
  position: absolute;
  top: 2px;
  right: 8px;
  background: #ff2d55;   /* color brand o rojo */
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  border-radius: 999px;
  padding: 2px 6px;
  line-height: 1;
}



/* Contenedor general */
#sec-playlists { padding: 32px 0 56px; }

/* PLAYER BAR full width */
.pl-bar{ border:1px solid #2a2b31; border-radius:18px; background: radial-gradient(140% 140% at 0% 0%, #20212a 0%, #15161b 60%); margin: 10px 0 18px; }
.pl-bar-inner{ display:grid; grid-template-columns: 112px 1fr; gap:16px; align-items:center; padding:16px; }
.plb-cover{ width:112px; height:112px; border-radius:12px; object-fit:cover; }
.plb-meta{ display:grid; gap:10px; }
.plb-title{ font-weight:900; font-size:1.25rem; letter-spacing:.2px; }
.plb-sub{ color:#aeb2bc; }
.plb-controls{ display:flex; gap:8px; align-items:center; }
.plb-btn{ border:1px solid #2a2a2f; background:#17181d; color:#f5f5f7; border-radius:999px; padding:8px 12px; min-width:44px; }
.plb-btn:hover{ border-color:#ff2d55; }
.plb-primary{ background:#ff2d55; border-color:#ff2d55; color:#fff; }
.plb-progress{ display:grid; grid-template-columns: 52px 1fr 52px; gap:10px; align-items:center; }
.plb-seek{ width:100%; accent-color:#ff2d55; height:4px; }
.plb-time{ color:#aeb2bc; font-variant-numeric: tabular-nums; }

/* TABS */
.pl-tabs{ display:flex; gap:8px; margin: 6px 0 12px; }
.pl-tab{
  border:1px solid #2d2e34; background:#191a20; color:#eaeaf0; padding:8px 14px; border-radius:999px; cursor:pointer;
}
.pl-tab.is-active, .pl-tab:hover{ border-color:#ff2d55; background:#ff2d55; color:#fff; }

/* LISTA unificada (ancha) */
.pl-lists{ }
.media-grid{
  list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns: repeat(2, minmax(280px, 1fr)); gap:14px;
}
@media (max-width: 900px){
  .pl-bar-inner{ grid-template-columns: 1fr; }
  .media-grid{ grid-template-columns: 1fr; }
}

/* Tarjetas grandes */
.media-card{
  display:grid; grid-template-columns: 96px 1fr auto; gap:14px; align-items:center;
  padding:12px 14px; border:1px solid #25262a; border-radius:16px;
  background: linear-gradient(180deg, #1a1b20, #141418);
  transition: transform .08s ease, border-color .15s ease, box-shadow .15s ease;
  cursor:pointer; user-select:none;
}
.media-card:hover{ border-color:#2f3037; transform: translateY(-1px); box-shadow: 0 0 0 2px rgba(255,45,85,.12); }
.media-card.is-active{ border-color:#ff2d55; box-shadow: 0 0 0 2px rgba(255,45,85,.35); }
.mc-cover{ width:96px; height:96px; object-fit:cover; border-radius:12px; }
.mc-body{ display:grid; gap:4px; }
.mc-title{ font-weight:800; font-size:1.05rem; }
.mc-sub{ opacity:.8; }
.mc-play{ border:1px solid #2a2a2f; background:#1a1b20; color:#f5f5f7; border-radius:12px; padding:.5rem .7rem; min-width:46px; }
.mc-play:hover{ border-color:#ff2d55; background:#ff2d55; color:#fff; }

.is-hidden{ display:none !important; }

/* Estado vacío */
.media-empty{ grid-column: 1/-1; }
.empty-card{ border:1px dashed #2d2e34; border-radius:16px; padding:16px; background:#17181d; }
.empty-title{ font-weight:800; margin-bottom:4px; color:#d7d7dc; }
.empty-sub{ color:#9ca0aa; font-size:.95rem; margin-bottom:10px; }
.empty-cta{ display:inline-block; padding:6px 10px; border-radius:999px; border:1px solid #2e2f36; text-decoration:none; color:#eaeaf0; }
.empty-cta:hover{ border-color:#ff2d55; color:#fff; background:#ff2d55; }



/* Packs showcase */
.packs-head{display:flex;gap:1rem;align-items:end;justify-content:space-between;margin-bottom:1.25rem;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:.5rem}
.packs-head h2{margin:0}
.packs-head-link{color:#9ad0ff;text-decoration:none}
.packs-head-link:hover{text-decoration:underline}

.packs-grid{
  --gap: 16px;
  display:grid; gap:var(--gap);
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  margin: 0; padding: 0; list-style: none;
}

.pack-card{
  background:#2a2a2a; border-radius:14px; overflow:hidden;
  display:flex; flex-direction:column; box-shadow:0 4px 16px rgba(0,0,0,.2);
  transition:transform .12s ease, box-shadow .12s ease;
}
.pack-card:hover{ transform: translateY(-2px); box-shadow:0 8px 24px rgba(0,0,0,.26); }

.pc-cover{width:100%; aspect-ratio:1/1; object-fit:cover; display:block;}
.pc-body{padding:12px}

.pc-title{font-size:1.05rem; margin:.25rem 0 .5rem;}
.pc-title a{color:#fff; text-decoration:none}
.pc-title a:hover{text-decoration:underline}

.pc-meta{display:flex; gap:.5rem; align-items:center; margin-bottom:.5rem;}
.pc-badge{font-size:.75rem; background:#ffd166; color:#222; border-radius:999px; padding:.15rem .5rem}
.pc-sub{font-size:.8rem; color:#bbb}

.pc-price{display:flex; align-items:baseline; gap:.5rem; margin:.35rem 0 .75rem}
.pc-price-now{font-weight:700}
.pc-price-old{text-decoration:line-through; opacity:.6}

.pc-ctas{display:flex; gap:.5rem}
.btn-cart,.btn-buy{
  flex:1; border:none; border-radius:10px; padding:.55rem .75rem; cursor:pointer;
  font-weight:600;
}
.btn-cart{background:#404040; color:#fff}
.btn-cart:hover{filter:brightness(1.1)}
.btn-buy{background:#8ecae6; color:#0f1b2a}
.btn-buy:hover{filter:brightness(1.05)}

.cart-badge{
  position:absolute; top:-4px; right:-8px; background:#ff4d6d; color:#fff; border-radius:999px;
  font-size:.72rem; padding:.1rem .4rem;
}