@media (max-width: 959.98px) {
  .hero-banner__content {
    padding: 0;
  }
}

.hero-banner__content .col-6,
.hero-banner__content .col-lg-6 {
    width: 100%;
    background: rgba(255,255,255,.7);
    padding: calc(var(--grid-gutter) * .5);
}

@media (min-width: 960px) {
  .hero-banner__content .col-6,
  .hero-banner__content .col-lg-6 {
    width: auto;
    max-width: 600px;
    padding: 30px 40px;
    margin-right: calc(var(--grid-gutter)* 0.5);
    margin-left: calc(var(--grid-gutter)* 0.5);
  }
  .hero-banner--dense .col-6,
  .hero-banner--dense .col-lg-6 {
      padding: 15px 40px;
  }
}

.hero-banner .wem-headline,
.hero-banner .wem-subheadline {
  margin: 0;
}




.product-detail__top {
  margin-bottom: calc(var(--grid-gutter) * 3);
}


.product-detail__slider {
  overflow-x: clip;
  position: relative;
}

.product-detail__slider .product-detail__discount {
  align-items: center;
  background: var(--tertiary);
  border-radius: 2px;
  color: #fff;
  display: flex;
  font-size: 20px;
  font-weight: 600;
  justify-content: center;
  padding: 2px 5px;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 60px;
  z-index: 2;
}  


@media (max-width: 991px) {
  .product-detail__slider {
    margin-top: calc(var(--grid-gutter) * 2);
  }
}


.product-detail__slider img {
  display: block;
  max-height: 510px;
  margin: auto;
  object-fit: contain;
  background: #fff;
}



.product-detail__slider .tns-outer {
  position: relative;
}


.product-detail__slider .tns-outer .tns-controls>button {
  top: calc(50%);
  margin-top: -5px;
  text-indent: -9999px;   
  white-space: nowrap; 
  width: 48px;
  height: 48px;
  padding: 0;
  border: none;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><g clip-path="url(%23clip0_188_6979)"><path d="M0 2C0 0.895432 0.895431 0 2 0H48V48H2C0.895432 48 0 47.1046 0 46V2Z" fill="white"/><path d="M13.9997 25.9996L29.1797 25.9996L22.5797 32.5796C22.2031 32.9562 21.9915 33.467 21.9915 33.9996C21.9915 34.5322 22.2031 35.043 22.5797 35.4196C22.9563 35.7962 23.4671 36.0078 23.9997 36.0078C24.5323 36.0078 25.0431 35.7962 25.4197 35.4196L35.4197 25.4196C35.6018 25.2294 35.7445 25.0051 35.8397 24.7596C36.0398 24.2727 36.0398 23.7266 35.8397 23.2396C35.7445 22.9941 35.6018 22.7698 35.4197 22.5796L25.4197 12.5796C25.2338 12.3922 25.0126 12.2434 24.7689 12.1418C24.5251 12.0403 24.2637 11.988 23.9997 11.988C23.7357 11.988 23.4743 12.0403 23.2306 12.1418C22.9868 12.2434 22.7656 12.3922 22.5797 12.5796C22.3923 12.7656 22.2435 12.9868 22.1419 13.2305C22.0404 13.4742 21.9881 13.7356 21.9881 13.9996C21.9881 14.2637 22.0404 14.5251 22.1419 14.7688C22.2435 15.0125 22.3923 15.2337 22.5797 15.4196L29.1797 21.9996L13.9997 21.9996C13.4693 21.9996 12.9606 22.2103 12.5855 22.5854C12.2104 22.9605 11.9997 23.4692 11.9997 23.9996C11.9997 24.5301 12.2104 25.0388 12.5855 25.4138C12.9606 25.7889 13.4693 25.9996 13.9997 25.9996Z" fill="%23333333"/></g><defs><clipPath id="clip0_188_6979"><rect width="48" height="48" fill="white"/></clipPath></defs></svg>') right center no-repeat;
  background-size: cover;
  opacity: .3;
  transition: opacity .5s;
}

.product-detail__slider .tns-outer + .tns-outer .tns-controls>button {
  width: 24px;
  height: 24px;
  top: 50%;
}

.product-detail__slider .tns-outer .tns-controls>button:hover {
  opacity: 1;
}

.product-detail__slider .tns-outer .tns-controls>button:disabled {
  display: none;
}

.product-detail__slider .tns-outer .tns-controls>button[data-controls=prev] {
  left: 0;
  transform: scaleX(-1) translateY(-50%);
}

.product-detail__slider .tns-outer .tns-controls>button[data-controls=next] {
  right: 0;
  transform: translateY(-50%);
}

.product-detail__slider-main {
  background: var(--bg-grey-light);
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.product-detail__slider-thumbs .tns-item img {
  width: 100% !important;
  height: 100px;
  object-fit: cover;
}

.product-detail__slider-thumbs .tns-nav-active {
  position: relative;
}

.product-detail__slider-thumbs .tns-nav-active::before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  right: 20px;
  top: 0;
  bottom: 0;
  background: rgba(0,0,0,.7);
  z-index: 1;
}



.product-detail__icons {
  margin-top: 10px;
  min-width: 300px;
  display: flex;
  gap: 20px;
  margin-bottom: 10px;
}

@media (min-width: 480px) {
  .product-detail__icons {
    min-width: 0;
    flex-direction: column;
  }
}

.product-detail__icons .product-icon {
  font-size: 20px;
  
}

 .product-detail__icons .product-icon .icon {
    font-size: 30px;
    color: var(--primary);
 }

 .product-detail__icons .product-icon span {
    display: block;
    font-size: 12px;
    color: var(--text-grey-medium);
 }

 .product-detail__text {
  font-size: 14px;
 }

 .product-detail__text .product-detail__text-headline {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: 20px;
 }

 .product-detail__text .product-detail__text-headline h1 {
  margin-bottom: 0;
 }

 .product-detail__text .product-detail__text-headline a {
  margin-left: auto;
  display: block;
  display: flex;
  width: 48px;
  height: 48px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M7 10C6.80222 10 6.60888 10.0586 6.44443 10.1685C6.27998 10.2784 6.15181 10.4346 6.07612 10.6173C6.00043 10.8 5.98063 11.0011 6.01921 11.1951C6.0578 11.3891 6.15304 11.5673 6.29289 11.7071C6.43275 11.847 6.61093 11.9422 6.80491 11.9808C6.99889 12.0194 7.19996 11.9996 7.38268 11.9239C7.56541 11.8482 7.72159 11.72 7.83147 11.5556C7.94135 11.3911 8 11.1978 8 11C8 10.7348 7.89464 10.4804 7.70711 10.2929C7.51957 10.1054 7.26522 10 7 10ZM19 6H18V3C18 2.73478 17.8946 2.48043 17.7071 2.29289C17.5196 2.10536 17.2652 2 17 2H7C6.73478 2 6.48043 2.10536 6.29289 2.29289C6.10536 2.48043 6 2.73478 6 3V6H5C4.20435 6 3.44129 6.31607 2.87868 6.87868C2.31607 7.44129 2 8.20435 2 9V15C2 15.7956 2.31607 16.5587 2.87868 17.1213C3.44129 17.6839 4.20435 18 5 18H6V21C6 21.2652 6.10536 21.5196 6.29289 21.7071C6.48043 21.8946 6.73478 22 7 22H17C17.2652 22 17.5196 21.8946 17.7071 21.7071C17.8946 21.5196 18 21.2652 18 21V18H19C19.7956 18 20.5587 17.6839 21.1213 17.1213C21.6839 16.5587 22 15.7956 22 15V9C22 8.20435 21.6839 7.44129 21.1213 6.87868C20.5587 6.31607 19.7956 6 19 6ZM8 4H16V6H8V4ZM16 20H8V16H16V20ZM20 15C20 15.2652 19.8946 15.5196 19.7071 15.7071C19.5196 15.8946 19.2652 16 19 16H18V15C18 14.7348 17.8946 14.4804 17.7071 14.2929C17.5196 14.1054 17.2652 14 17 14H7C6.73478 14 6.48043 14.1054 6.29289 14.2929C6.10536 14.4804 6 14.7348 6 15V16H5C4.73478 16 4.48043 15.8946 4.29289 15.7071C4.10536 15.5196 4 15.2652 4 15V9C4 8.73478 4.10536 8.48043 4.29289 8.29289C4.48043 8.10536 4.73478 8 5 8H19C19.2652 8 19.5196 8.10536 19.7071 8.29289C19.8946 8.48043 20 8.73478 20 9V15Z" fill="%23787575"/></svg>') no-repeat center center;
 }

 .product-detail__text h2 {
  font-size: 14px;
  font-weight: 700;
  color: var(--text-grey-medium);
  line-height: 25px;
  text-transform: uppercase;
  margin: 0 0 5px;
 }

 .product-detail__key-facts {
  font-size: 16px;
  padding: 0 0 20px;
  border-bottom: 1px solid var(--border-grey-light);
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
 }

 .product-detail__table {
  padding: 20px 0;
 }

 .product-detail__table table {
  border-collapse: collapse;
  border: none;
  width: 100%;
 }

 .product-detail__table table {
  border-collapse: collapse;
  border: none;
  width: 100%;
 } 

.product-detail__table th,
.product-detail__table td {
  border: none;
  text-align: left;
  padding: 3px 6px;
 }
 

  .product-detail__table th {
    width: 38%;
  }

.product-detail__table td {
  min-width: 50%;
 }

 .product-detail__table tr:nth-child(even) {
  background-color: var(--bg-grey-light);
 }

 .product-detail__condition {
  padding: 0 0 40px;
 }

 .product-detail__condition-list {
  display: flex;
  gap: 20px;
  align-items: center;
 }

 .product-detail__condition-list {
  font-weight: 700;
  margin: 0 0 10px;
 }

 .product-detail__condition-list p {
  margin: 0;
  min-width: 60px;
 }

 .product-detail__condition-list ul {
  display: flex;
  gap: 4px;
  list-style: none;
  margin: 0;
  padding: 0;
 }

 .product-detail__condition-list ul li {
  width: 12px;
  display: flex;
  height: 12px;
  border-radius: 2px;
  text-indent: -99px;
  overflow: hidden;
  background: var(--border-grey-medium);
 }

 .product-detail__condition-list ul li.checked {
  background: var(--tertiary);
 }

 .product-detail__checkout-prices {
  border-top: 1px solid var(--border-grey-light);
  border-bottom: 1px solid var(--border-grey-light);
  padding: 20px 0;
  display: flex;
  justify-content: space-between;
  gap: 20px;
 }

 .product-detail__checkout-prices p {
  margin: 0;
 }

 .product-detail__checkout-price h2 {
  position: relative;
 }

 .product-detail__checkout-price h2 .product-detail__discount {
  position: absolute;
  background: var(--tertiary);
  right: 0;
  top: 0;
  border-radius: 2px;
  color: #fff;
  display: flex;
  padding: 2px 5px;
 }

 .product-detail__checkout-price span {
  font-size: 14px;
 }

 .product-detail__checkout-price-old {
  color: var(--text-grey-medium);
  text-decoration: line-through;
  display: block;
  font-size: 14px;x
}  

 .product-detail__checkout-info {
  padding: 10px 0 0;
  font-size: 12px;
  color: var(--text-grey-medium);
  display: flex;
  gap: 20px;
 }

 .product-detail__checkout-info p:last-of-type {
  margin-left: auto;
  text-align: right;
 }


.product-detail__description {
  margin-bottom: calc(var(--grid-gutter) * 3);
}

.product-detail__card .button {
  margin-top: 20px;
}

.product-detail__backlink {
  margin-bottom: calc(var(--grid-gutter) * 3);
}

.product-detail__related {
  margin-bottom: calc(var(--grid-gutter)* 3);
}

.product-detail__related .tns-controls>button[data-controls=prev],
.product-detail__related .tns-controls>button[data-controls=next] {
    background-color: rgba(255,255,255,.3);
    padding: 0;
}

.product-detail__related .tns-controls>button[data-controls=prev]:hover,
.product-detail__related .tns-controls>button[data-controls=next]:hover {
    background-color: rgba(255,255,255);
}

@media(max-width: 1680px) {
  .product-detail__related .tns-controls>button[data-controls=next] {
    right: 0;
  }

  .product-detail__related .tns-controls>button[data-controls=prev] {
      left: 0;
  }
}





.product-detail__inquiry {
  background: var(--bg-grey-light);
  padding: calc(var(--grid-gutter) * 1.5) 0;
  /* margin-bottom: calc(var(--grid-gutter) * 3); */
}

.product-detail__inquiry form input[type=text],
.product-detail__inquiry form input[type=email],
.product-detail__inquiry form input[type=password],
.product-detail__inquiry form input[type=tel],
.product-detail__inquiry form input[type=number],
.product-detail__inquiry form input[type=file],
.product-detail__inquiry form select,
.product-detail__inquiry form textarea {
  border-color: #fff;
}

@media(min-width: 1140px) {
  .product-detail__inquiry h2 + p {
    font-size: var(--lead-text);
  }
} 

.product-detail__inquiry ol {
    counter-reset: item;
    list-style-type: none;
    padding: 0;
    margin: var(--grid-gutter) 0;
}

.product-detail__inquiry ol li {
    position: relative;
    display: block;
    padding-left: 52px;
    margin: 0 0 20px;
}

.product-detail__inquiry ol li {
    position: relative;
    display: block;
    padding-left: 52px;
    margin: 0 0 20px;
}


.product-detail__inquiry ol li::before {
    content: counter(item) "  "; 
    counter-increment: item;
    position: absolute;
    left: 0;
    width: 32px;
    height: 32px;
    font-size: var(--h3-font-size);
    font-weight: 600;
    text-align: center;
    background: white;
}


.product-detail__inquiry--list img {
  mix-blend-mode: multiply;
}

@media (min-width: 992px) {
  .product-detail__inquiry--list {
    margin-top: 60px;
  }
  .product-detail__inquiry--list img {
    margin: -120px 0 0;
  }
}



@media (min-width: 1440px) {
  .product-detail__inquiry--list {
    margin-top: 120px;
  }
  .product-detail__inquiry--list img {
    margin: -200px 0 0 80px;
  }
}