.option-selected {
    color: black;
    font-weight: bold;
    opacity: 1;
    text-align: center;
    background: #f2f2f2;
    border-radius: 10px;

}

h1 {
    word-break: keep-all;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
  }

.strip-series.text-overflow {
    height: 41px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    padding-top: 9px;
}

.text-overflow {
    text-overflow: ellipsis;
    overflow: hidden;
}

.chevron-begining {
    position: relative;
    top: 1px;
}

#downloads {
  width:  100%;
  text-align: left;
  max-width: 600px;
}

.download-btn {
    margin-bottom: 10px;
    padding: 10px 20px;
    display: flex;
    border-radius: 50px;
    background: #d6dbed;
    justify-content: space-between;
    align-items: center;
  }

  .download-btn p {
    padding: 0;
    margin: 0;
  }

  .download-btn button {
    background: #0047ba;
    color: white;
    padding: 7px 21px;
    border: none;
    border-radius: 50px;
  }


  #product-cat-slider {
    overflow-y: hidden;
    overflow-x: scroll;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
    transition:ease-in-out 0.2s;
  }

  /* ===== Scrollbar CSS ===== */
  /* Firefox */
  #product-cat-slider {
    scrollbar-width: auto;
    scrollbar-color: #787878 #ffffff;
  }

  /* Chrome, Edge, and Safari */
  #product-cat-slider::-webkit-scrollbar {
    width: 16px;
  }

  #product-cat-slider::-webkit-scrollbar-track {
    background: #ffffff;
  }

  #product-cat-slider::-webkit-scrollbar-thumb {
    background-color: #cbcbcb;
    border-radius: 10px;
    border: 3px solid #ffffff;
  }

  #product-cat-slider2 {
    overflow-y: hidden;
    overflow-x: scroll;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
    transition:ease-in-out 0.2s;
  }

  /* ===== Scrollbar CSS ===== */
  /* Firefox */
  #product-cat-slider2 {
    scrollbar-width: auto;
    scrollbar-color: #787878 #ffffff;
  }

  /* Chrome, Edge, and Safari */
  #product-cat-slider2::-webkit-scrollbar {
    width: 16px;
  }

  #product-cat-slider2::-webkit-scrollbar-track {
    background: #ffffff;
  }

  #product-cat-slider2::-webkit-scrollbar-thumb {
    background-color: #cbcbcb;
    border-radius: 10px;
    border: 3px solid #ffffff;
  }

/* Hide scrollbar while allowing scrolling */
.product-image-sidebar {
  overflow-y: scroll;
  overflow-x: hidden;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
  transition:ease-in-out 0.2s;
}



.product-image-sidebar::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.product-image-sidebar::-webkit-scrollbar-thumb {
  background-color: transparent;
}

.product-image-sidebar::-webkit-scrollbar-track {
  background-color: transparent;
}

.product-image-sidebar img{
  cursor: pointer;
}

.product-image-sidebar .w-dyn-item:hover{
 filter: brightness(0.9);
 transition: ease-in-out 0.2s;
}


.spec-content h4 {text-transform: capitalize;letter-spacing: 0;}

.summary p {
    padding-bottom: 10px;
}


.home-slide {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.home-slide.active {
  opacity: 1;
}

.hidden-nav {
  top: -100px!important;
}

nav#blizz-nav {position: relative;top: 0px;transition: 0.2s ease-in-out;}

.container.is-nav.white-nav.scroll-nav-active {
  border-bottom: 1px solid;
}

.main-dark-nav{
  background-color: black !important;
}

.customer-box.active {
  display: block;
}

li.customer-dropdown-item a {
  color: white;
  text-decoration: none;
}

ul.customer-dropdown-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

li.customer-dropdown-item {
  padding: 15px 0 15px 15px;
  font-size: 16px;
  border-bottom: 1px solid #747474;
  cursor: pointer;
  transition: .2s ease-in-out;
  border-bottom-left-radius: 15px;
}

li.customer-dropdown-item:hover {
  background: #2d2d2d !important;
}

.customer-box {z-index: 99;border-bottom-left-radius: 15px;
padding: 0 !important;}


.coming-soon, .product-coming-soon {
  background: black;
  padding: 8px 12px;
  color: white;
  font-weight: 600;
  font-size: 16px;
}

.coming-soon {
  position: absolute;
  left: 0;
  top: 0;
}

.standard-list li {
  color: black;
}

#multi-site-nav {
  transition: .3s ease-in-out;
  position: relative;
}

.banner-hidden {
  margin-top: -60px;
}

ul.standard-list li {
  text-align: left;
}

.product-select-dropdown {
  padding: 1em;
  background: #d6dbed;
  width: 100%;
  border-radius: 50px;
  font-size: 17px;
  border-right: 16px solid transparent;
}

#blizz-model-viewer {
  display: none;
}

@media screen and (max-width: 991px) {

#blizz-model-viewer {
    display: none !important;
  }
}


#product-cat-slider {
  overflow-y: hidden;
  overflow-x: scroll;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
  transition:ease-in-out 0.2s;
}

#product-cat-slider {
  scrollbar-width: auto;
  scrollbar-color: #787878 #ffffff;
}

#product-cat-slider::-webkit-scrollbar {
  width: 16px;
}

#product-cat-slider::-webkit-scrollbar-track {
  background: #ffffff;
}

#product-cat-slider::-webkit-scrollbar-thumb {
  background-color: #cbcbcb;
  border-radius: 10px;
  border: 3px solid #ffffff;
}

#product-cat-slider2 {
  overflow-y: hidden;
  overflow-x: scroll;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
  transition:ease-in-out 0.2s;
}

#product-cat-slider2 {
  scrollbar-width: auto;
  scrollbar-color: #787878 #ffffff;
}

#product-cat-slider2::-webkit-scrollbar {
  width: 16px;
}

#product-cat-slider2::-webkit-scrollbar-track {
  background: #ffffff;
}

#product-cat-slider2::-webkit-scrollbar-thumb {
  background-color: #cbcbcb;
  border-radius: 10px;
  border: 3px solid #ffffff;
}

/* Hide scrollbar while allowing scrolling */
.product-image-sidebar {
overflow-y: scroll;
overflow-x: hidden;
overflow: auto;
scrollbar-width: thin;
scrollbar-color: transparent transparent;
transition:ease-in-out 0.2s;
}

.product-image-sidebar::-webkit-scrollbar {
width: 0;
height: 0;
}

.product-image-sidebar::-webkit-scrollbar-thumb {
background-color: transparent;
}

.product-image-sidebar::-webkit-scrollbar-track {
background-color: transparent;
}

.product-image-sidebar img{
cursor: pointer;
}

.product-image-sidebar .w-dyn-item:hover{
filter: brightness(0.9);
transition: ease-in-out 0.2s;
}

/* 搜索 */
.search-container {
  background: #dddddd;
  width: 250px;
  position: relative;
  border-radius: 25px;
}

.search-input {
  width: 100%;
  padding: 10px;
  outline: none;
}

.search-input::placeholder {
  color: #aaa;
}

.search-results {
  border-radius: 10px;
  position: absolute;
  width: 300px;
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #ccc;
  border-top: none;
  border-radius: 0 0 5px 5px;
  background-color: #fff;
  display: none;
}

.search-result-item {
  padding: 10px;
  cursor: pointer;
}

.search-result-item:hover {
  background-color: #f0f0f0;
}

.result-name {
  font-size: 1em;
}

.search-result-subtitle {
  font-size: 0.8em;
  padding-top: 5px;
}

.search-result-item {
  display: flex;
}

img.result-image {
  margin-right: 20px;
  width: 60px;
}

.result-price {
  font-size: .8em;
  padding-top: 5px;
  color: #101010;
}

.no-results {
  padding: 15px;
  font-size: 0.9em;
}

a.search-result-item {
  text-decoration: none;
  color: inherit;
}

.js-center {
  justify-self: center;
}

.as-center{
  align-self: center;
  justify-self: auto;
}
/* 分页 */
.mall-page {
  margin-top: 20px;
  text-align: center;
}
.mall-page .pagination{
  display: inline-flex;
}
.mall-page .pagination li a{
  display: block;
  padding: 5px 10px;
  margin: 0 5px;
  color: #000;
  border: 1px solid #000;
}
.mall-page .pagination li.active a{
  color: #007bff;
  border: 1px solid #007bff;
}
