/*************************
*******Product Details CSS******
**************************/
.qty_value {
  text-align: center;
  height: 40px;
  display: flex;
  padding: 5px;
  align-items: center;
  border-radius: 2px;
  border: 1px solid #B6BFC1;
  background: #FFF;
}
.qty_value.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.qty_value span,
.qty_value input {
  width: 30px;
  border: none;
  font-family: Heebo;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.14px;
  padding: 0;
  margin: 0;
  cursor: pointer;
  text-align: center;
}

.productContainer {
  padding: 0 16px;
  max-width: 1600px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .productContainer {
    padding: 0 24px;
  }
}
@media screen and (min-width: 1024px) {
  .productContainer {
    padding: 0 32px;
  }
}
@media screen and (min-width: 1440px) {
  .productContainer {
    padding: 0 64px;
  }
}
.productContainer .productMain {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
  gap: 32px;
  flex-direction: column;
  margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
  .productContainer .productMain {
    flex-direction: row;
    margin-bottom: 120px;
  }
}
.productContainer .productMain .left {
  min-width: 320px;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .productContainer .productMain .left {
    max-width: 370px;
  }
}
@media screen and (min-width: 1440px) {
  .productContainer .productMain .left {
    max-width: 460px;
  }
}

.productContainer .productMain .left .price_qty {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.productContainer .productMain .left .price_qty .price {
  color: #e57b03;
  font-family: Heebo;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px;
}
.productContainer .productMain .left .price_qty .qty_value {
  max-width: 140px;
  width: 100%;
}
.productContainer .productMain .left .imageArea {
  display: flex;
  gap: 8px;
  flex-direction: column-reverse;
  overflow: hidden;
  margin: 0 auto;
  max-width: 480px;
}
@media screen and (min-width: 1024px) {
  .productContainer .productMain .left .imageArea {
    flex-direction: row;
    margin: 0 0 24px;
    max-height: 352px;
    max-width: auto;
  }
}
@media screen and (max-width: 767px) {
  .productContainer .productMain .left .imageArea .pdp-swiper-container {
    display: flex;
    align-items: center;
    padding: 0 5px;
  }
}
.productContainer .productMain .left .imageArea .pdp-swiper-mainImage {
  width: 100%;
  max-height: 100%;
  display: flex;
  justify-content: center;
}
.productContainer .productMain .left .imageArea img {
  max-width: 505px;
  width: 100%;
  object-fit: cover;
  background-color: #FFFFFF;
}
.productContainer .productMain .left button {
  display: flex;
  height: 40px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  width: 100%;
  color: #fff;
  text-align: center;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.16px;
  border-radius: 2px;
  background: #f39800;
}
.productContainer .productMain .left button i {
  width: 24px;
  height: 24px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"><path d="M1.5 3.89062C1.5 3.39707 1.89014 3 2.37507 3H4.03406C5.01487 3 5.85713 3.70879 6.03944 4.68848L7.38851 11.9062H18.243C18.6405 11.9062 18.9869 11.6354 19.089 11.2457L20.7808 4.84805C20.9047 4.37305 21.386 4.09102 21.8527 4.2209C22.3194 4.35078 22.5965 4.83691 22.4689 5.31191L20.7771 11.7096C20.4672 12.8748 19.428 13.6875 18.243 13.6875H7.72395L7.92084 14.7451C8.00106 15.1645 8.36203 15.4688 8.78133 15.4688H19.2931C19.7781 15.4688 20.1682 15.8658 20.1682 16.3594C20.1682 16.8529 19.7781 17.25 19.2931 17.25H8.78133C7.51977 17.25 6.43687 16.3371 6.20351 15.0791L4.32211 5.02246C4.29659 4.88145 4.17626 4.78125 4.03406 4.78125H2.37507C1.89014 4.78125 1.5 4.38418 1.5 3.89062ZM6.16705 20.2188C6.16705 19.9848 6.21232 19.7532 6.30027 19.5371C6.38823 19.321 6.51714 19.1246 6.67966 18.9592C6.84217 18.7938 7.03511 18.6626 7.24745 18.5731C7.45978 18.4836 7.68736 18.4375 7.9172 18.4375C8.14703 18.4375 8.37461 18.4836 8.58695 18.5731C8.79929 18.6626 8.99222 18.7938 9.15474 18.9592C9.31725 19.1246 9.44617 19.321 9.53412 19.5371C9.62207 19.7532 9.66734 19.9848 9.66734 20.2188C9.66734 20.4527 9.62207 20.6843 9.53412 20.9004C9.44617 21.1165 9.31725 21.3129 9.15474 21.4783C8.99222 21.6437 8.79929 21.7749 8.58695 21.8644C8.37461 21.9539 8.14703 22 7.9172 22C7.68736 22 7.45978 21.9539 7.24745 21.8644C7.03511 21.7749 6.84217 21.6437 6.67966 21.4783C6.51714 21.3129 6.38823 21.1165 6.30027 20.9004C6.21232 20.6843 6.16705 20.4527 6.16705 20.2188ZM18.4181 18.4375C18.8822 18.4375 19.3274 18.6252 19.6556 18.9592C19.9838 19.2933 20.1682 19.7463 20.1682 20.2188C20.1682 20.6912 19.9838 21.1442 19.6556 21.4783C19.3274 21.8123 18.8822 22 18.4181 22C17.9539 22 17.5087 21.8123 17.1805 21.4783C16.8523 21.1442 16.6679 20.6912 16.6679 20.2188C16.6679 19.7463 16.8523 19.2933 17.1805 18.9592C17.5087 18.6252 17.9539 18.4375 18.4181 18.4375ZM14.0427 3.89062V7.67949L14.8813 6.82598C15.2241 6.47715 15.7783 6.47715 16.1174 6.82598C16.4564 7.1748 16.4601 7.73887 16.1174 8.08398L13.7838 10.459C13.4411 10.8078 12.8869 10.8078 12.5478 10.459L10.2143 8.08398C9.87152 7.73516 9.87152 7.17109 10.2143 6.82598C10.557 6.48086 11.1112 6.47715 11.4503 6.82598L12.2889 7.67949V3.89062C12.2889 3.39707 12.679 3 13.164 3C13.6489 3 14.0391 3.39707 14.0391 3.89062H14.0427Z" fill="white"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
}
.productContainer .productMain .right {
  width: 100%;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .productContainer .productMain .right {
    max-width: 578px;
  }
}
@media screen and (min-width: 1200px) {
  .productContainer .productMain .right {
    max-width: 750px;
  }
}
@media screen and (min-width: 1440px) {
  .productContainer .productMain .right {
    max-width: 980px;
  }
}
.productContainer .productMain .right .lable {
  display: inline-flex;
  height: 24px;
  padding: 4px 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  border-radius: 2px;
  border: 1px solid #004280;
  background: #004280;
  color: #fff;
  margin-bottom: 16px;
  margin: 0;
  border: none;
}
.productContainer .productMain .right .lable span {
  font-family: Heebo;
  color: #fff !important;
  border: none !important;
  font-family: Heebo;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.42px;
}
.productContainer .productMain .right .lable span:first-child {
  font-weight: 700;
  line-height: 16px;
  text-transform: uppercase;
}
.productContainer .productMain .right .product_name {
  color: #434447;
  font-family: Heebo;
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 1.44px;
}
@media screen and (max-width: 767px) {
  .productContainer .productMain .right .product_name {
    font-size: 36px;
  }
}
.productContainer .productMain .right .product_description {
  color: #434447;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.16px;
}
.productContainer .productMain .right .product_lable {
  margin-top: 8px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.productContainer .productMain .right .product_lable:empty {
  display: none;
}
.productContainer .productMain .right .product_lable span {
  display: flex;
  height: 24px;
  padding: 4px 8px;
  justify-content: center;
  /* align-items: center; */
  gap: 10px;
  border-radius: 2px;
  border: 1px solid #737b7d;
  color: #737b7d;
  font-family: Heebo;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  text-transform: uppercase;
}
.productContainer .productMain .right .product_lable span.special {
  border-radius: 2px;
  border: 1px solid #004280;
  background: #004280;
  color: #fff;
}
.productContainer .productMain .right .discount-label span.special,
.productContainer .productMain .right .free-shipping-label span.special {
  border: 1px solid #f39800;
  background: #f39800;
  text-transform: none;
}

.productContainer .productMain .right .product_details {
  margin-top: 24px;
}
.productContainer .productMain .right .product_details p {
  color: #737b7d;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
  display: list-item;
}
.productContainer .productMain .right .product_details ul {
  padding-left: 26px;
}
.productContainer .productMain .right .product_details li {
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25;
  color: #737B7D;
}
.productContainer .productMain .right .product_details li::marker {
  font-size: 12px;
}
.productContainer .productMain .right .product_stock {
  display: flex;
  align-items: center;
  margin-top: 16px;
}
.productContainer .productMain .right .product_stock .stock_status {
  color: #434447;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.25;
  margin-right: 8px;
  display: flex;
}
.productContainer
  .productMain
  .right
  .product_stock
  .stock_status
  .stock-status-wrapper {
  display: inline-flex;
  margin-left: 5px;
  flex-wrap: wrap;
  line-height: 1.25;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .productContainer
    .productMain
    .right
    .product_stock
    .stock_status
    .stock-status-wrapper {
    position: relative;
  }
}
.productContainer
  .productMain
  .right
  .product_stock
  .stock_status
  .stock-status-wrapper
  .stockNumber {
  margin-right: 5px;
}
.productContainer
  .productMain
  .right
  .product_stock
  .stock_status
  .stock-status-wrapper
  .question_toggle {
  display: inline-block;
  margin-left: 8px;
}
.productContainer .productMain .right .product_stock .stock_status .stock-status-wrapper .question_toggle i.question {
  height: 20px;
}
@media screen and (max-width: 767px) {
  .productContainer
    .productMain
    .right
    .product_stock
    .stock_status
    .stock-status-wrapper
    .question_toggle {
    position: unset;
  }
  .productContainer
    .productMain
    .right
    .product_stock
    .stock_status
    .stock-status-wrapper
    .question_toggle
    i.question {
    position: relative;
  }
  .productContainer
    .productMain
    .right
    .product_stock
    .stock_status
    .stock-status-wrapper
    .question_toggle
    i.question:after {
    content: "";
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="4" viewBox="0 0 8 4" fill="none"><path d="M3.25259 0.336073C3.65038 -0.112025 4.34962 -0.112025 4.74741 0.336073L8 4L-3.98954e-06 4L3.25259 0.336073Z" fill="%23434447"/></svg>');
    position: absolute;
    top: 100%;
    bottom: 0;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    left: 8px;
    display: none;
  }
  .productContainer
    .productMain
    .right
    .product_stock
    .stock_status
    .stock-status-wrapper
    .question_toggle.show-message
    i.question:after {
    display: block;
  }
  .productContainer
    .productMain
    .right
    .product_stock
    .stock_status
    .stock-status-wrapper
    .question_toggle.show-message
    p {
    display: block;
  }
  .productContainer
    .productMain
    .right
    .product_stock
    .stock_status
    .stock-status-wrapper
    .question_toggle
    p {
    bottom: 0;
    top: calc(100% + 4px);
    right: 0;
    left: auto;
    height: fit-content;
    width: 100%;
    display: none;
  }
  .productContainer
    .productMain
    .right
    .product_stock
    .stock_status
    .stock-status-wrapper
    .question_toggle
    p
    i.triangle_icon {
    display: none;
  }
}
.productContainer .productMain .right .document_download {
  margin-top: 16px;
  color: #737b7d;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.productContainer .productMain .right .document_download a {
  text-decoration: none;
  color: #006EFF;
}
.productContainer .productMain .right .product_cetificate {
  margin-top: 16px;
}
.productContainer .productMain .right .product_cetificate img {
  width: 26px;
  margin-right: 12px;
}
.productContainer .productMain .right .product_specification {
  margin-top: 48px;
  position: relative;
}
.productContainer .productMain .right .product_specification.loading-section {
  min-height: 200px;
}
.productContainer
  .productMain
  .right
  .product_specification.loading-section:before {
  margin-left: 0;
  margin-top: 0;
}
.productContainer .productMain .right .product_specification .title {
  margin-bottom: 24px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .productContainer .productMain .right .product_specification .title {
    flex-direction: column;
    gap: 8px;
  }
}
.productContainer .productMain .right .product_specification .title h3 {
  color: #434447;
  font-family: Heebo;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .productContainer .productMain .right .product_specification .title h3 {
    font-size: 30px;
  }
}
.productContainer
  .productMain
  .right
  .product_specification
  .title
  .toggle_byn {
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.productContainer
  .productMain
  .right
  .product_specification
  .title
  .toggle_byn
  span {
  color: #006eff;
  cursor: pointer;
}
.productContainer
  .productMain
  .right
  .product_specification
  .specification_item {
  display: flex;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  border-radius: 2px;
  background: #f6f7f9;
  margin-bottom: 16px;
}
.productContainer
  .productMain
  .right
  .product_specification
  .specification_item
  .specification_title {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.productContainer
  .productMain
  .right
  .product_specification
  .specification_item
  .specification_title
  span {
  color: #004280;
  font-family: Heebo;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25;
}
@media screen and (max-width: 767px) {
  .productContainer
    .productMain
    .right
    .product_specification
    .specification_item
    .specification_title
    span {
    font-size: 20px;
  }
}
.productContainer
  .productMain
  .right
  .product_specification
  .specification_item
  .specification_loop {
  display: flex;
  padding: 0 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}
@media screen and (max-width: 767px) {
  .productContainer
    .productMain
    .right
    .product_specification
    .specification_item
    .specification_loop {
    padding: 0;
  }
}
.productContainer
  .productMain
  .right
  .product_specification
  .specification_item
  .specification_loop
  .item {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-bottom: 1px solid #CFD2D5;
}
.productContainer .productMain .right .product_specification .specification_item .specification_loop .item:first-child {
  border-top: 1px solid #CFD2D5;
}
@media screen and (max-width: 767px) {
  .productContainer
    .productMain
    .right
    .product_specification
    .specification_item
    .specification_loop
    .item {
    flex-direction: column;
  }
}
.productContainer
  .productMain
  .right
  .product_specification
  .specification_item
  .specification_loop
  .item
  span {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  color: #434447;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  line-height: 24px;
  letter-spacing: 0.16px;
  display: flex;
  padding: 8px 16px;
  align-self: stretch;
}
@media screen and (max-width: 767px) {
  .productContainer
    .productMain
    .right
    .product_specification
    .specification_item
    .specification_loop
    .item
    span {
    padding-left: 0;
  }
}
.productContainer .productMain .right .product_specification .specification_item .specification_loop .item span:first-child {
  max-width: 220px;
  font-weight: 500;
}
.productContainer
  .productMain
  .right
  .product_specification
  .specification_item
  .specification_loop
  .item
  span:last-child {
  color: #737b7d;
}
.productContainer .productMain .right .product_video {
  margin-top: 48px;
}
.productContainer .productMain .right .product_video h3 {
  color: var(--gray-scale-80-content-text-1st, #434447);
  font-family: Heebo;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px;
}
.productContainer .productMain .right .product_video video {
  width: 100%;
  margin-top: 24px;
}

.toggle_arrow {
  width: 16px;
  height: 16px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M7.99554 6.01852C8.1663 6.01852 8.31697 6.08381 8.44755 6.21941L12.2746 10.1318C12.385 10.2423 12.4453 10.3829 12.4453 10.5436C12.4453 10.8701 12.1892 11.1262 11.8627 11.1262C11.702 11.1262 11.5564 11.0609 11.4408 10.9504L7.99554 7.41975L4.55022 10.9504C4.43973 11.0609 4.28906 11.1262 4.12835 11.1262C3.80692 11.1262 3.55078 10.8701 3.55078 10.5436C3.55078 10.3779 3.60603 10.2423 3.71652 10.1318L7.54353 6.21941C7.66908 6.08381 7.82478 6.01852 7.99554 6.01852Z" fill="%23004280"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  cursor: pointer;
}
.toggle_arrow.closed {
  transform: rotate(180deg);
}

.prodct_relevant_section {
  padding: 64px;
  border-top: 1px solid var(--Gray-scale-50_Divider, #cfd2d5);
  background: var(--Gray-scale-30_BG-for-Content, #f6f7f9);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
}
@media screen and (max-width: 767px) {
  .prodct_relevant_section {
    padding: 40px 20px;
  }
}
.prodct_relevant_line {
  max-width: 1472px;
  margin: 0 auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}
.prodct_relevant_line h3 {
  color: var(--gray-scale-80-content-text-1st, #434447);
  font-family: Heebo;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px;
  margin: 0;
  border-left: 4px solid #f39800;
  padding-left: 12px;
}
@media screen and (max-width: 767px) {
  .prodct_relevant_line h3 {
    font-size: 30px;
    line-height: 42px;
  }
}
.prodct_relevant_line .buyWithContainer {
  display: flex;
  width: 100%;
  overflow: hidden;
}
.prodct_relevant_line .relevant_row {
  max-width: 1500px;
  margin: 0 auto;
  display: grid;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}
@media screen and (min-width: 991px) {
  .prodct_relevant_line .relevant_row {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (max-width: 990px) {
  .prodct_relevant_line .relevant_row {
    grid-column-gap: 0;
    display: flex;
  }
}
@media screen and (max-width: 767px) {
  .prodct_relevant_line .relevant_row {
    max-width: 100%;
  }
}
.prodct_relevant_line .relevant_row .relevant_item {
  display: flex;
  height: 236px;
  padding: 16px;
  align-items: flex-start;
  gap: 16px;
  background: #fff;
  position: relative;
}
@media screen and (min-width: 767px) {
  .prodct_relevant_line .relevant_row .relevant_item {
    grid-template-columns: 160px auto;
    grid-template-rows: 1fr;
  }
}
@media screen and (max-width: 767px) {
  .prodct_relevant_line .relevant_row .relevant_item {
    flex-direction: column;
    height: auto;
  }
}
.prodct_relevant_line .relevant_row .relevant_item .image_left {
  max-width: 160px;
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .prodct_relevant_line .relevant_row .relevant_item .image_left {
    max-width: initial;
  }
}
.prodct_relevant_line .relevant_row .relevant_item .image_left .product_lable {
  position: absolute;
  display: flex;
  height: 24px;
  padding: 4px 8px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 2px;
  border: 1px solid var(--Brand-Advantech-Brand-color_Primary, #004280);
  background: var(--Brand-Advantech-Brand-color_Primary, #004280);
  color: #fff;
}
.prodct_relevant_line .relevant_row .relevant_item .image_left img {
  max-width: 160px;
  flex-shrink: 0;
  aspect-ratio: 1;
  object-fit: contain;
  width: 100%;
}
@media screen and (max-width: 991px) {
  .prodct_relevant_line .relevant_row .relevant_item .image_left img {
    width: 160px;
  }
}
@media screen and (max-width: 767px) {
  .prodct_relevant_line .relevant_row .relevant_item .image_left img {
    width: 235px;
  }
}
.prodct_relevant_line .relevant_row .relevant_item .product_text_right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  flex: 1 0 0;
  width: 100%;
}
.prodct_relevant_line
  .relevant_row
  .relevant_item
  .product_text_right
  .product_name
  a {
  color: var(--gray-scale-90-title-subtitle, #0c0c0c);
  font-family: Heebo;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
  height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}
@media screen and (max-width: 767px) {
  .prodct_relevant_line
    .relevant_row
    .relevant_item
    .product_text_right
    .product_name
    a {
    font-size: 24px;
  }
}
.prodct_relevant_line
  .relevant_row
  .relevant_item
  .product_text_right
  .product_description {
  font-family: Heebo;
  font-style: normal;
  letter-spacing: 0.48px;
  color: #737b7d;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  height: 40px;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.prodct_relevant_line
  .relevant_row
  .relevant_item
  .product_text_right
  .product_description
  a {
  font-style: normal;
  letter-spacing: 0.48px;
  color: #737b7d;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  height: 40px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-decoration: none;
}
.prodct_relevant_line
  .relevant_row
  .relevant_item
  .product_text_right
  .product_lable {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 24px;
}
@media screen and (max-width: 767px) {
  .prodct_relevant_line
    .relevant_row
    .relevant_item
    .product_text_right
    .product_lable {
    flex-wrap: wrap;
  }
}
.prodct_relevant_line
  .relevant_row
  .relevant_item
  .product_text_right
  .product_lable
  span {
  display: flex;
  height: 24px;
  padding: 4px 8px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: var(--Gray-scale-60_Tag, #b6bfc1);
  font-family: Heebo;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  border-radius: 2px;
  border: 1px solid var(--Gray-scale-60_Tag, #b6bfc1);
}
.prodct_relevant_line
  .relevant_row
  .relevant_item
  .product_text_right
  .product_price {
  color: var(--Brand-IoTMart-Highlight, #e57b03);
  text-align: right;
  font-family: Heebo;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 120% */
  width: 100%;
}
.prodct_relevant_line .relevant_row .relevant_item .product_text_right button {
  display: flex;
  height: 40px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 2px;
  color: var(--Gray-scale-00_White_BG, #fff);
  text-align: center;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.16px;
  background: var(--Brand-IoTMart-Brand-color_primary, #f39800);
  border: none;
}

.pdp-addcart-fix {
  background: #FFF;
  box-shadow: 0px -5px 10px 0px rgba(0, 0, 0, 0.1);
  position: -webkit-sticky;
  position: sticky;
  width: 100%;
  bottom: 0;
  z-index: 2;
  padding: 20px 16px;
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .pdp-addcart-fix {
    padding: 20px 24px;
  }
}
@media screen and (min-width: 1024px) {
  .pdp-addcart-fix {
    padding: 20px 32px;
  }
}
@media screen and (min-width: 1440px) {
  .pdp-addcart-fix {
    padding: 20px 64px;
  }
}
@media screen and (min-width: 1440px) {
  .productContainer {
    padding: 20px 64px;
  }
}
.pdp-addcart-fix .addcart-container {
  max-width: 1472px;
  margin: 0 auto;
  display: flex;
  align-items: end;
  gap: 10px;
  flex-direction: column;
}
.pdp-addcart-fix .addcart-container.disable-add-cart {
  display: flex;
  flex-direction: column;
  justify-content: end;
  gap: 0;
  align-items: end;
}
.pdp-addcart-fix .addcart-container.disable-add-cart .shipToErrorMessage {
  display: block;
}
.pdp-addcart-fix .addcart-container > div {
  display: flex;
  gap: 24px;
}
@media only screen and (max-width: 767px) {
  .pdp-addcart-fix .addcart-container > div {
    gap: inherit;
    width: 100%;
    gap: 0;
    flex-direction: column;
    align-items: flex-start;
  }
}
body.deactive .pdp-addcart-fix .addcart-container {
  flex-direction: column;
  align-items: end;
  gap: 0;
}
/* body.numberlimited .pdp-addcart-fix .addcart-container {
  flex-direction: column;
  align-items: end;
  gap: 0;
} */
@media screen and (max-width: 767px) {
  .pdp-addcart-fix .addcart-container {
    gap: 0;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
}
.pdp-addcart-fix .fixed-left .fixed-left-conatiner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
}
@media screen and (max-width: 767px) {
  .pdp-addcart-fix .fixed-left .fixed-left-conatiner {
    gap: 4px;
    margin-bottom: 8px;
  }
}
.pdp-addcart-fix .fixed-left .fixed-left-conatiner .buy-together {
  color: #434447;
  font-family: Heebo;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.42px;
}
.pdp-addcart-fix .fixed-left .fixed-left-conatiner .together-group {
  color: #434447;
  font-family: Heebo;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  display: flex;
  gap: 8px;
}
@media screen and (max-width: 767px) {
  .pdp-addcart-fix .fixed-left .fixed-left-conatiner .together-group {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
  }
}
.pdp-addcart-fix .fixed-left .fixed-left-conatiner .together-group .number {
  color: #e57b03;
}
.pdp-addcart-fix .fixed-right {
  display: flex;
  gap: 24px;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .pdp-addcart-fix .fixed-right {
    flex-direction: column;
    gap: 16px;
    width: 100%;
  }
}
.pdp-addcart-fix .fixed-right .price_qty {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .pdp-addcart-fix .fixed-right .price_qty {
    justify-content: space-between;
    width: 100%;
  }
}
.pdp-addcart-fix .fixed-right .price_qty .price {
  color: #e57b03;
  text-align: right;
  font-family: Heebo;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  margin-right: 24px;
  display: flex;
  gap: 8px;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .pdp-addcart-fix .fixed-right .price_qty .price {
    font-size: 22px;
    line-height: 28px;
  }
}
.pdp-addcart-fix .fixed-right .simple_product,
.pdp-addcart-fix .fixed-right .config_product {
  border-radius: 2px;
  background: #F39800;
  border-color: #F39800;
  display: flex;
  height: 40px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: #fff;
  text-align: center;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.16px;
  min-width: fit-content;
}

.back-ordered-message {
  font-size: 12px;
  color: #004280;
}

.back-ordered-tooltip {
  padding: 3px;
  vertical-align: inherit;
}

.back-ordered-tooltip svg {
  width: 13px;
  height: 13px;
}

body.deactive .pdp-addcart-fix .fixed-right .simple_product,
body.deactive .pdp-addcart-fix .fixed-right .config_product {
  background: #fbe0b2;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .pdp-addcart-fix .fixed-right .simple_product,
  .pdp-addcart-fix .fixed-right .config_product {
    width: 100%;
  }
}

.pdpSwiper {
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 1024px) {
  .pdpSwiper {
    width: 58px;
    height: 200px;
  }
}
@media screen and (min-width: 1440px) {
  .pdpSwiper {
    width: 72px;
    height: 281px;
  }
}
.pdpSwiper .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  cursor: pointer;
  height: auto;
  box-sizing: border-box;
  border-radius: 2px;
  max-height: 42px;
}
@media screen and (min-width: 1024px) {
  .pdpSwiper .swiper-slide {
    width: 100% !important;
    margin-bottom: 10px;
  }
}
.pdpSwiper .swiper-slide.active {
  border: 1px solid #006EFF;
}
.pdpSwiper .swiper-slide img {
  display: block;
  max-height: 100%;
  object-fit: fill;
}
@media screen and (max-width: 767px) {
  .pdpSwiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.swiper-button-next {
  position: initial;
  border-radius: 2.024px;
  border: 1.012px solid #cfd2d5;
  display: flex;
  width: 24.286px;
  height: 24.286px;
  padding: 4.048px;
  align-items: flex-start;
  gap: 10.119px;
  margin: 0 auto;
  background-size: contain;
  margin-top: 5px;
  z-index: 0;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="17" viewBox="0 0 18 17" fill="none"><path d="M9 12.0206C8.82721 12.0206 8.67475 11.9545 8.54261 11.8173L4.67005 7.85831C4.55824 7.7465 4.49725 7.6042 4.49725 7.44158C4.49725 7.11124 4.75644 6.85205 5.08678 6.85205C5.24941 6.85205 5.39679 6.91812 5.51368 7.02992L9 10.6026L12.4863 7.02992C12.5981 6.91812 12.7506 6.85205 12.9132 6.85205C13.2385 6.85205 13.4977 7.11124 13.4977 7.44158C13.4977 7.60929 13.4418 7.7465 13.33 7.85831L9.45739 11.8173C9.33034 11.9545 9.1728 12.0206 9 12.0206Z" fill="%23004280"/></svg>');
}
@media screen and (max-width: 767px) {
  .swiper-button-next {
    transform: rotate(-90deg);
    z-index: 0;
  }
}
.swiper-button-next::after {
  content: "";
  display: none;
}
.swiper-button-next.swiper-button-disabled {
  border-radius: 2px;
  border: 1px solid #cfd2d5;
  background-color: #e8ecef;
  opacity: 1;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M7.99958 11.1253C7.82882 11.1253 7.67815 11.06 7.54757 10.9244L3.72056 7.012C3.61007 6.90151 3.5498 6.76088 3.5498 6.60017C3.5498 6.27372 3.80594 6.01758 4.13239 6.01758C4.29311 6.01758 4.43876 6.08287 4.55427 6.19336L7.99958 9.72405L11.4449 6.19336C11.5554 6.08287 11.7061 6.01758 11.8668 6.01758C12.1882 6.01758 12.4443 6.27372 12.4443 6.60017C12.4443 6.7659 12.3891 6.90151 12.2786 7.012L8.45159 10.9244C8.32603 11.06 8.17034 11.1253 7.99958 11.1253Z" fill="%23B6BFC1"/></svg>');
}

.swiper-button-prev {
  position: initial;
  border-radius: 2.024px;
  border: 1.012px solid #cfd2d5;
  display: flex;
  width: 24.286px;
  height: 24.286px;
  padding: 4.048px;
  align-items: flex-start;
  gap: 10.119px;
  margin: 0 auto;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="17" viewBox="0 0 18 17" fill="none"><path d="M8.9955 6.13789C9.16829 6.13789 9.32075 6.20396 9.45289 6.34117L13.3255 10.3001C13.4373 10.4119 13.4982 10.5542 13.4982 10.7169C13.4982 11.0472 13.2391 11.3064 12.9087 11.3064C12.7461 11.3064 12.5987 11.2403 12.4818 11.1285L8.9955 7.5558L5.50917 11.1285C5.39736 11.2403 5.2449 11.3064 5.08227 11.3064C4.75702 11.3064 4.49783 11.0472 4.49783 10.7169C4.49783 10.5492 4.55373 10.4119 4.66554 10.3001L8.5381 6.34117C8.66516 6.20396 8.8227 6.13789 8.9955 6.13789Z" fill="%23004280"/></svg>');
  background-size: contain;
  margin-bottom: 5px;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .swiper-button-prev {
    transform: rotate(-90deg);
    z-index: 0;
  }
}
.swiper-button-prev::after {
  content: "";
  display: none;
}
.swiper-button-prev.swiper-button-disabled {
  border-radius: 2px;
  border: 1px solid #cfd2d5;
  background-color: #e8ecef;
  opacity: 1;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M7.99554 6.01925C8.1663 6.01925 8.31697 6.08454 8.44755 6.22015L12.2746 10.1325C12.385 10.243 12.4453 10.3836 12.4453 10.5444C12.4453 10.8708 12.1892 11.127 11.8627 11.127C11.702 11.127 11.5564 11.0617 11.4408 10.9512L7.99554 7.42048L4.55022 10.9512C4.43973 11.0617 4.28906 11.127 4.12835 11.127C3.80692 11.127 3.55078 10.8708 3.55078 10.5444C3.55078 10.3786 3.60603 10.243 3.71652 10.1325L7.54353 6.22015C7.66908 6.08454 7.82478 6.01925 7.99554 6.01925Z" fill="%23B6BFC1"/></svg>');
}

.simple_related {
  margin-top: 48px;
}
.simple_related h3 {
  margin-bottom: 24px;
  font-size: 36px;
}
@media screen and (max-width: 767px) {
  .simple_related h3 {
    font-size: 30px;
  }
}
.simple_related .simple_related_container {
  border-top: 4px solid #f39800;
}
.simple_related .simple_related_container .related-item {
  display: flex;
  padding: 24px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  background: #fff;
  gap: 32px;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .simple_related .simple_related_container .related-item {
    flex-direction: column;
    gap: 16px;
  }
}
.simple_related .simple_related_container .related-item .related-image {
  color: #004280;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.48px;
  width: 183px;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .simple_related .simple_related_container .related-item .related-image {
    width: 100%;
  }
}
.simple_related .simple_related_container .related-item .related-image img {
  width: 100%;
}
.simple_related .simple_related_container .related-item .related-name-des {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 50%;
}
@media screen and (max-width: 767px) {
  .simple_related .simple_related_container .related-item .related-name-des {
    width: 100%;
  }
}
.simple_related
  .simple_related_container
  .related-item
  .related-name-des
  span:first-child {
  display: block;
  color: #4d4d4d;
  font-family: Heebo;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 8px;
}
.simple_related
  .simple_related_container
  .related-item
  .related-name-des
  span:last-child {
  color: #4d4d4d;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
  word-break: break-all;
}
.simple_related .simple_related_container .related-item .price-qty-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
.simple_related .simple_related_container .related-item .related-price {
  color: #e57b03;
  text-align: right;
  font-family: Heebo;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  display: flex;
  align-items: center;
  text-wrap: nowrap;
  gap: 8px;
}
.simple_related .simple_related_container .related-item .related-qty {
  display: flex;
  align-items: center;
  justify-content: end;
  width: 104px;
}
.simple_related
  .simple_related_container
  .related-item
  .related-qty
  .qty_value {
  width: 100%;
  max-width: 100%;
  margin: 0;
}

.opacity0 {
  opacity: 0;
}

.salse_label_show {
  color: #b6bfc1;
  font-family: Heebo;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  display: flex;
  height: 24px;
  padding: 4px 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 2px;
  border: 1px solid #b6bfc1;
  background: #fff;
}
.salse_label_show i {
  font-style: normal;
}

.shipToErrorMessage,
.maxNumberMessage {
  color: #B52F2F;
  text-align: right;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.16px;
  display: none;
}
@media screen and (max-width: 767px) {
  .shipToErrorMessage,
  .maxNumberMessage {
    text-align: left;
    width: 100%;
  }
}

body.deactive .shipToErrorMessage {
  display: block;
}

body.numberlimited .maxNumberMessage {
  display: block;
}

.modal_background,
.modal_background_pdp {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  z-index: 2;
  top: 0;
  left: 0;
}

#modal {
  position: fixed;
  max-width: 400px;
  width: 100%;
  left: 50%;
  top: 50%;
  z-index: 2;
  background: #fff;
  padding: 16px 24px;
  transform: translate(-50%, -50%);
}

#modal .title {
  display: flex;
  justify-content: space-between;
}

#modal .title h4 {
  font-family: Heebo;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.72px;
  margin: 0;
}

#modal .title .closed {
  border: none;
  background-color: #fff;
  width: 32px;
  height: 32px;
  padding: 0;
  margin: 0;
  background: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_26185_14051)"><path d="M9.51116 22.2468C9.07924 21.8149 9.08929 21.0816 9.51116 20.6597L14.4029 15.7579L9.51116 10.8662C9.08929 10.4443 9.07924 9.71106 9.51116 9.27914C9.94308 8.84722 10.6763 8.85726 11.0982 9.26909L16 14.1709L20.8917 9.27914C21.3136 8.85726 22.0469 8.84722 22.4788 9.27914C22.9107 9.71106 22.9007 10.4443 22.4788 10.8662L17.5871 15.7579L22.4788 20.6597C22.9007 21.0816 22.9107 21.8149 22.4788 22.2468C22.0469 22.6787 21.3136 22.6686 20.8917 22.2468L16 17.355L11.0982 22.2468C10.6763 22.6686 9.94308 22.6787 9.51116 22.2468Z" fill="%23434447"/></g><defs><clipPath id="clip0_26185_14051"><rect width="32" height="32" fill="white"/></clipPath></defs></svg>');
}

#modal p {
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
  margin-bottom: 32px;
}

#modal .modal_btn_are {
  display: flex;
  justify-content: center;
  gap: 10px;
}

#modal .modal_btn_are button {
  /*display: flex;*/
  /*height: 40px;*/
  /*padding: 12px 16px;*/
  /*justify-content: center;*/
  /*align-items: center;*/
  /*gap: 8px;*/
  /*border-radius: 2px;*/
  /*border: 1px solid #E57B03;*/
  /*background: none;*/
  /*font-family: Heebo;*/
  /*font-size: 16px;*/
  /*font-style: normal;*/
  /*font-weight: 500;*/
  /*line-height: 24px;*/
  /*letter-spacing: 0.16px;*/
  /*color: #E57B03;*/
}

.disabled-redirect {
  pointer-events: none;
}

.stockPosition {
  margin-left: 4px;
}

.configuration-options h3 {
  margin-top: 48px;
  color: #434447;
  font-family: Heebo;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px;
}
.configuration-options .configuration-main-message {
  display: flex;
  padding: 12px 16px;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  border-radius: 2px;
  border-left: 4px solid #003160;
  background: #dfebf7;
  margin-bottom: 8px;
}
.configuration-options .configuration-main-message p {
  margin: 0;
  color: #737b7d;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.48px;
}
.configuration-options .configuration-main-message span {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #737b7d;
}
/* Product Promotion Styles */
.product-promotion-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: none;
}

.product-promotion-list.has-promotions {
  display: block;
}

.promotion-item {
  background-color: #faf3e6;
  border-left: 4px solid #f39800;
  border-radius: 2px;
  padding: 12px 16px;
  margin-top: 16px;
  text-align: right;
}

.promotion-text {
  display: block;
  margin: 0;
  color: #e57b03;
  font-weight: 700;
  text-align: left;
}

.promotion-item .btn-learn-more,
.promotion-item .btn-view-details {
  color: #006eff;
  font-weight: normal;
  padding: 0;
  border: none;
  background: none;
  text-decoration: none;
  margin: 5px 0 0 0;
}

.promotion-item .btn-learn-more:hover {
  text-decoration: underline;
}

.promotion-item .btn-view-details:hover {
  text-decoration: none;
  color: rgba(var(--bs-link-hover-color-rgb), 1);
}

@media screen and (min-width: 992px) {
  .product-promotion-list.has-promotions {
    display: flex;
    flex-direction: column;
    align-items: baseline;
  }

  .promotion-item {
    text-align: left;
  }

  .promotion-text {
    display: inline-block;
  }

  .promotion-item .btn-learn-more,
  .promotion-item .btn-view-details {
    margin: 0 0 0 16px;
  }
}

/* modal promotion detail */
#modal-promotion-detail .modal-dialog {
  max-width: 720px;
}

#modal-promotion-detail .modal-title {
  font-size: 24px;
}

#modal-promotion-detail ul:not(.list-unstyled) {
  padding-left: 20px;
}

#modal-promotion-detail ul li::marker {
  font-size: 12px;
}

#modal-promotion-detail h6 {
  font-size: 16px;
  font-weight: 700;
  color: #004280;
  margin-bottom: 8px;
}

#modal-promotion-detail p {
  margin-bottom: 0;
}

#modal-promotion-detail img {
  max-width: 100%;
}

#modal-promotion-detail .modal-dialog .modal-content {
  max-height: 82%;
}

.modal-promotion-detail-image {
  margin-bottom: 16px;
}
/* End Product Promotion Styles */

.category-name-container {
  display: inline-flex;
  gap: 8px;
  margin: 16px 0 8px 0;
  color: #434447;
  font-family: Heebo;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  align-items: center;
}
.category-name-container .category-level {
  width: 32px;
  height: 32px;
  border: 2px solid #e57b03;
  border-radius: 50%;
  color: #e57b03;
  display: block;
  line-height: 32px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  flex: none;
}

.category-card-container .feature-card-container {
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 2px;
  width: 100%;
  gap: 8px;
  border-radius: 2px;
  background: #f6f7f9;
  margin-bottom: 8px;
}
.category-card-container .feature-card-container:last-child {
  margin-bottom: 0;
}
.category-card-container .feature-card-container .feature-name {
  color: #737b7d;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
}
.category-card-container .feature-card-container .feature-errors-message {
  color: #db3a3a;
  margin: 0;
  display: flex;
  gap: 5px;
}
.category-card-container .feature-card-container .feature-errors-message svg {
  flex-shrink: 0;
  width: 16px;
}
@media screen and (min-width: 768px) {
  .category-card-container .feature-card-container .feature-errors-message {
    font-size: 16px;
  }
  .category-card-container .feature-card-container .feature-errors-message svg {
    width: 19px;
  }
}
.category-card-container .feature-card-container section.feature {
  width: 100%;
}

.option-card-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  box-sizing: border-box;
  gap: 10px;
}
@media screen and (max-width: 1200px) {
  .option-card-container {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 1024px) {
  .option-card-container {
    grid-template-columns: 1fr;
  }
}
.option-card-container .option-card {
  display: flex;
  max-width: 264px;
  width: 100%;
  padding: 12px 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  border-radius: 2px;
  border: 1px solid #cfd2d5;
  background: #fff;
  cursor: pointer;
  min-height: 88px;
}
@media screen and (max-width: 1200px) {
  .option-card-container .option-card {
    max-width: 100%;
  }
}
.option-card-container .option-card.disabled {
  pointer-events: none;
}
.option-card-container .option-card.disabled .option-price-info {
  display: none;
}
.option-card-container .option-card.disabled .option-description,
.option-card-container .option-card.disabled .icon-container svg {
  opacity: 0.4;
}
.option-card-container .option-card.disabled .option-price-info,
.option-card-container .option-card.disabled .add-to-cart-qty-container {
  opacity: 0.4;
}
.option-card-container .option-card.selected {
  border-radius: 2px;
  border: 1px solid #e57b03;
  background: #fdeacc;
}
.option-card-container .option-card.selected .option-price-info {
  display: none;
}
.option-card-container .option-card .container {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: space-between;
  height: 100%;
}
.option-card-container .option-card .container .option-description {
  color: #434447;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
  margin: 0;
}
.option-card-container .option-card .container .option-price-info-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex-flow: wrap;
}
@media screen and (max-width: 767px) {
  .option-card-container .option-card .container .option-price-info-wrapper {
    justify-content: space-between;
  }
}
.option-card-container
  .option-card
  .container
  .option-price-info-wrapper
  .icon-container {
  line-height: 1;
  pointer-events: all;
}
.option-card-container
  .option-card
  .container
  .option-price-info-wrapper
  [data-configoptionprice="0"] {
  display: none;
}
.option-card-container
  .option-card
  .container
  .option-price-info-wrapper
  p.option-price-info {
  margin: 0;
  color: #004280;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.16px;
  white-space: nowrap;
}
.option-card-container
  .option-card
  .container
  .option-price-info-wrapper
  .add-to-cart-qty-container {
  border-radius: 1.778px;
  border: 1px solid #b6bfc1;
  background: #fff;
  display: flex;
  padding: 4px;
  align-items: center;
  gap: 8px;
  box-sizing: border-box;
  margin-left: auto;
}
.option-card-container
  .option-card
  .container
  .option-price-info-wrapper
  p.number {
  color: #434447;
  text-align: center;
  font-family: Heebo;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.14px;
  margin: 0;
}

.add-to-cart-ops-container.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.card-quick-tip {
  position: fixed;
  top: 0;
  left: 0;
  width: max-content;
  z-index: 7000;
  max-width: 90vw;
}
.card-quick-tip .triangle-container {
  justify-content: center;
  display: flex;
}
.card-quick-tip .triangle-container .triangle {
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top: 0;
  border-bottom: 8px solid #4d4d4d;
}
.card-quick-tip .quick-tip-text-container {
  border-radius: 2px;
  background: #434447;
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  position: relative;
  top: -1px;
  margin: 0;
}
.card-quick-tip .quick-tip-text-container p {
  color: #ffffff;
  font-family: Heebo;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.36px;
  margin: 0;
}

.pdp-addcart-fix.configurable-product {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pdp-addcart-fix.configurable-product .config-Assembly {
  max-width: 736px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 767px) {
  .pdp-addcart-fix.configurable-product .config-Assembly {
    margin-bottom: 10px;
  }
}
.pdp-addcart-fix.configurable-product
  .config-Assembly
  .config-Assembly-wrapper {
  color: #737b7d;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  height: 24px;
  letter-spacing: 0.16px;
  margin: 0;
  display: inline-flex;
  gap: 4px;
  vertical-align: -webkit-baseline-middle;
}
.pdp-addcart-fix.configurable-product
  .config-Assembly
  .config-Assembly-wrapper
  .assembl-fee {
  white-space: nowrap;
}
.pdp-addcart-fix.configurable-product
  .config-Assembly
  .config-Assembly-wrapper
  .assembly-message {
  position: absolute;
  width: 100%;
  bottom: 28px;
  margin: 2px;
  display: none;
  min-width: 80px;
  max-width: 400px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 2px;
  background: #434447;
  color: #fff;
  font-family: Heebo;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.36px;
  left: 142px;
}
@media screen and (max-width: 767px) {
  .pdp-addcart-fix.configurable-product
    .config-Assembly
    .config-Assembly-wrapper
    .assembly-message {
    left: 0;
  }
}
.pdp-addcart-fix.configurable-product
  .config-Assembly
  .config-Assembly-wrapper
  .assembly-message:after {
  content: "";
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-bottom: 0;
  border-top: 8px solid #4d4d4d;
  display: block;
  bottom: -8px;
  position: absolute;
  left: 100px;
}
.pdp-addcart-fix.configurable-product
  .config-Assembly
  .config-Assembly-wrapper
  i {
  cursor: pointer;
  line-height: 1;
}
.pdp-addcart-fix.configurable-product
  .config-Assembly
  .config-Assembly-wrapper.active
  .assembly-message {
  display: flex;
}

[data-categorylevel="3"] [data-productconfigname="None"] {
  display: none !important;
}

/* INFO: new product relevant section layout */
.prodct_relevant_section.new-layout {
  padding: 2rem 1rem;
}

.product_relevant_line-grid-view .buyWithContainer .relevant_row {
  flex-direction: column;
  grid-row-gap: 0.75rem;
}

.product_relevant_line-grid-view .buyWithContainer .relevant_row .relevant_item {
  padding: 0.75rem;
  width: 100%;
  margin-right: 0;
  flex-direction: row;
  gap: 0.25rem;
  height: fit-content;
  align-items: stretch;
}

.product_relevant_line-grid-view .buyWithContainer .relevant_row .relevant_item .image_left {
  max-width: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.product_relevant_line-grid-view .buyWithContainer .relevant_row .relevant_item .image_left > .product_lable {
  top: 12px;
  left: 12px;
}

.product_relevant_line-grid-view .buyWithContainer .relevant_row .relevant_item .image_left a {
  display: block;
}

.product_relevant_line-grid-view .buyWithContainer .relevant_row .relevant_item .image_left a > img {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .prodct_relevant_section.new-layout {
    padding: 2rem 1.5rem;
  }

  .product_relevant_line-grid-view .buyWithContainer {
    display: block;
    overflow: unset;
  }

  .product_relevant_line-grid-view .buyWithContainer .relevant_row {
    max-width: unset;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    display: grid;
    grid-column-gap: 0.75rem;
  }
}

@media screen and (min-width: 1024px) {
  .prodct_relevant_section.new-layout {
    padding: 2rem;
  }

  .product_relevant_line-grid-view .buyWithContainer .relevant_row {
    grid-column-gap: 0.75rem;
  }
}

@media screen and (min-width: 1200px) {
  .prodct_relevant_section.new-layout {
    padding: 3rem 2rem;
  }

  .product_relevant_line-grid-view .buyWithContainer .relevant_row {
    flex-direction: column;
    grid-row-gap: 1.5rem;
    grid-column-gap: 1.5rem;
  }

  .product_relevant_line-grid-view .buyWithContainer .relevant_row .relevant_item .image_left {
    max-width: 100px;
  }
}

@media screen and (min-width: 1600px) {
  .prodct_relevant_section.new-layout {
    padding: 3rem 4rem;
  }

  .product_relevant_line-grid-view .buyWithContainer .relevant_row .relevant_item {
    padding: 1rem;
  }

  .product_relevant_line-grid-view .buyWithContainer .relevant_row .relevant_item .image_left > .product_lable {
    top: 24px;
  }

  .product_relevant_line-grid-view .buyWithContainer .relevant_row .relevant_item .image_left {
    max-width: 160px;
  }
}
/*# sourceMappingURL=pdp.css.map */
/* === Video thumbnail play overlay override === */
/* Video thumbnail container */
.pdpSwiper .video-thumb {
  overflow: hidden;
  position: relative;
}

.video-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transform: scale(1.35); /* zoom to remove black bars */
}

/* Play button overlay */
.pdpSwiper .video-thumb .video-play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  background: #f6f7f9;
  border-radius: 50%;
  pointer-events: none;
}

/* Play triangle */
.pdpSwiper .video-thumb .video-play-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 56%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-left: 7px solid #003160;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}

/* CSS Styling for accessory Item quantity task - 43494 */

.simple_related 
.simple_related_container 
.related-item 
.related-name-des 
.related-item-qty span {
    color: #737B7D;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 3%;
    margin-top: 5px;
    margin-bottom: 5px;
}