/* E-Man Front Custom v3.4.0 — final product page polish */

/* Product page quantity stepper: explicit, visible minus / quantity / plus */
html body#product-product .product-info .button-group-page .stepper,
html body.eman-product-page .product-info .button-group-page .stepper {
  display: grid !important;
  grid-template-columns: 38px 44px 38px !important;
  align-items: stretch !important;
  flex: 0 0 120px !important;
  width: 120px !important;
  min-width: 120px !important;
  min-height: 46px !important;
  height: 46px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid #cbd9e2 !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: none !important;
}
html body#product-product .product-info .button-group-page .stepper button,
html body.eman-product-page .product-info .button-group-page .stepper button {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  min-width: 38px !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #eef4f7 !important;
  color: #0b2e4d !important;
  -webkit-text-fill-color: #0b2e4d !important;
  font-family: Arial, sans-serif !important;
  font-size: 0 !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  opacity: 1 !important;
  box-shadow: none !important;
  cursor: pointer !important;
}
html body#product-product .product-info .button-group-page .stepper button:first-of-type,
html body.eman-product-page .product-info .button-group-page .stepper button:first-of-type { border-right: 1px solid #d9e3e9 !important; }
html body#product-product .product-info .button-group-page .stepper button:last-of-type,
html body.eman-product-page .product-info .button-group-page .stepper button:last-of-type { border-left: 1px solid #d9e3e9 !important; }
html body#product-product .product-info .button-group-page .stepper button::before,
html body.eman-product-page .product-info .button-group-page .stepper button::before {
  position: static !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  color: #0b2e4d !important;
  -webkit-text-fill-color: #0b2e4d !important;
  font-family: Arial, sans-serif !important;
  font-size: 21px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  opacity: 1 !important;
}
html body#product-product .product-info .button-group-page .stepper button:first-of-type::before,
html body.eman-product-page .product-info .button-group-page .stepper button:first-of-type::before { content: "−" !important; }
html body#product-product .product-info .button-group-page .stepper button:last-of-type::before,
html body.eman-product-page .product-info .button-group-page .stepper button:last-of-type::before { content: "+" !important; }
html body#product-product .product-info .button-group-page .stepper button:hover,
html body.eman-product-page .product-info .button-group-page .stepper button:hover {
  background: #dcebf2 !important;
  color: #086b9b !important;
  -webkit-text-fill-color: #086b9b !important;
}
html body#product-product .product-info .button-group-page .stepper input,
html body.eman-product-page .product-info .button-group-page .stepper input {
  display: block !important;
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 4px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #0b2e4d !important;
  -webkit-text-fill-color: #0b2e4d !important;
  text-align: center !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  opacity: 1 !important;
  box-shadow: none !important;
}

/* Related / same-brand products: final light-card override loaded after Journal scheme CSS */
html body#product-product [class*="module-products"],
html body#product-product [class*="module-side-products"] { color: #17364e !important; }

html body#product-product [class*="module-products"] .product-thumb,
html body#product-product [class*="module-side-products"] .side-product {
  border: 1px solid #d7e3e9 !important;
  border-radius: 9px !important;
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  color: #17364e !important;
  box-shadow: none !important;
  opacity: 1 !important;
  overflow: hidden !important;
}
html body#product-product [class*="module-products"] .product-thumb:hover,
html body#product-product [class*="module-side-products"] .side-product:hover {
  border-color: #a9c8d8 !important;
  background: #fff !important;
  box-shadow: 0 6px 16px rgba(8,43,69,.08) !important;
}
html body#product-product [class*="module-products"] .product-thumb *,
html body#product-product [class*="module-side-products"] .side-product * { text-shadow: none !important; }

html body#product-product [class*="module-products"] .image,
html body#product-product [class*="module-products"] .image-group,
html body#product-product [class*="module-products"] .product-img,
html body#product-product [class*="module-side-products"] .image {
  background: #f8fafb !important;
  background-color: #f8fafb !important;
  background-image: none !important;
}
html body#product-product [class*="module-products"] .caption,
html body#product-product [class*="module-products"] .buttons-wrapper,
html body#product-product [class*="module-products"] .button-group,
html body#product-product [class*="module-products"] .cart-group,
html body#product-product [class*="module-products"] .wish-group,
html body#product-product [class*="module-side-products"] .caption,
html body#product-product [class*="module-side-products"] .button-group,
html body#product-product [class*="module-side-products"] .cart-group,
html body#product-product [class*="module-side-products"] .wish-group {
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  color: #17364e !important;
}
html body#product-product [class*="module-products"] .name,
html body#product-product [class*="module-products"] .name a,
html body#product-product [class*="module-side-products"] .name,
html body#product-product [class*="module-side-products"] .name a {
  color: #17364e !important;
  -webkit-text-fill-color: #17364e !important;
  opacity: 1 !important;
  font-weight: 750 !important;
}
html body#product-product [class*="module-products"] .price,
html body#product-product [class*="module-products"] .price *,
html body#product-product [class*="module-side-products"] .price,
html body#product-product [class*="module-side-products"] .price * {
  color: #0b2e4d !important;
  -webkit-text-fill-color: #0b2e4d !important;
  background: transparent !important;
  opacity: 1 !important;
  font-weight: 900 !important;
}
html body#product-product [class*="module-products"] .btn-cart,
html body#product-product [class*="module-side-products"] .btn-cart {
  border: 1px solid #167fae !important;
  border-radius: 7px !important;
  background: #167fae !important;
  background-color: #167fae !important;
  background-image: none !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: none !important;
  opacity: 1 !important;
}
html body#product-product [class*="module-products"] .btn-cart *,
html body#product-product [class*="module-side-products"] .btn-cart * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
}
html body#product-product [class*="module-products"] .btn-cart:hover,
html body#product-product [class*="module-side-products"] .btn-cart:hover {
  border-color: #0f6994 !important;
  background: #0f6994 !important;
  background-color: #0f6994 !important;
}
html body#product-product [class*="module-products"] .btn-wishlist,
html body#product-product [class*="module-products"] .btn-compare,
html body#product-product [class*="module-side-products"] .btn-wishlist,
html body#product-product [class*="module-side-products"] .btn-compare {
  background: #fff !important;
  background-color: #fff !important;
  color: #60798a !important;
  -webkit-text-fill-color: #60798a !important;
  box-shadow: none !important;
}