
.StarWars {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 勿用 overflow:hidden：會破壞 ScrollTrigger pin（行動裝置尤其明顯）。
     橫向仍可收斂，垂直需 visible 讓 pin-spacer 與捲動高度正確計算。 */
  overflow-x: hidden;
  overflow-y: visible;
  width: 100%;
  min-height: 100%;
  color: #c7c7c7;
  background-color: #000;
}
/* 舊版無 :has 時仍依賴上方 overflow-y:visible；保留作為與 pin 區塊並存時的明確註記 */
.StarWars:has(.ip),
.StarWars:has(.supportStand) {
  overflow-x: hidden;
  overflow-y: visible;
}
.StarWars .title--main, .StarWars .title--main-normal {
  position: relative;
  color: #fff;
  text-shadow: #fff 1px 0 10px;
  letter-spacing: 4px;
  padding-bottom: 30px;
  text-align: center;
}
.StarWars .title--main::after, .StarWars .title--main-normal::after {
  position: absolute;
  bottom: 5%;
  left: 50%;
  transform: translateX(-50%);
  content: '';
  width: 100%;
  height: 5px;
  background: url("https://storage-asset.msi.com/global/picture/image/feature/vga/NVIDIA/rtx-5080-16g-the-mandalorian-and-grogu-edition-oc/title-line.png") no-repeat;
  background-size: contain;
}
@media (min-width: 996px) {
  .StarWars .title--main::after, .StarWars .title--main-normal::after {
    width: 50%;
  }
}

.StarWars p {
  color: #c7c7c7
}
/* .StarWars::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: url("https://storage-asset.msi.com/global/picture/image/feature/vga/NVIDIA/rtx-5080-16g-the-mandalorian-and-grogu-edition-oc/StarWars-bg.jpg") no-repeat center center/cover ;
  background-attachment: fixed;
  will-change: opacity;
}
@supports (background-image: url(data:image/webp;base64,UklGRiQAAABXRUJQVlA4IBgAAAAwAQCdASoBAAEAAwA0JaQAA3AA/vuUAAA=)) {
  .StarWars::before {
    background: url("https://storage-asset.msi.com/global/picture/image/feature/vga/NVIDIA/rtx-5080-16g-the-mandalorian-and-grogu-edition-oc/StarWars-bg.webp") no-repeat center center/cover;
    background-attachment: fixed;
  }
} */

.StarWars .text--center {
  text-align: center;
}
/* .StarWars .pd-block {
  background-color: transparent;
} */
.StarWars section .msi__container {
  position: relative;
  z-index: 2;
}
@media (min-width: 996px) {
  /* .StarWars {
    background: url("https://storage-asset.msi.com/global/picture/image/feature/vga/NVIDIA/rtx-5080-16g-the-mandalorian-and-grogu-edition-oc/StarWars-bg.jpg") no-repeat center center/cover;
    background-attachment: fixed;
  }
  @supports (background-image: url(data:image/webp;base64,UklGRiQAAABXRUJQVlA4IBgAAAAwAQCdASoBAAEAAwA0JaQAA3AA/vuUAAA=)) {
    .StarWars {
      background: url("https://storage-asset.msi.com/global/picture/image/feature/vga/NVIDIA/rtx-5080-16g-the-mandalorian-and-grogu-edition-oc/StarWars-bg.webp") no-repeat center center/cover;
      background-attachment: fixed;
    }
  } */
  /* .StarWars::before {
    display: none;
  } */
}
