/* E-Man Front Final Polish v3.4.1 - exact live Journal fixes */

/* PRODUCT PAGE QUANTITY: exact DOM = button, text input, hidden input, button */
html body.eman-product-page #product-product .button-group-page .stepper-group .stepper {
  display:flex!important; flex-flow:row nowrap!important; align-items:center!important; justify-content:flex-start!important;
  width:112px!important; min-width:112px!important; max-width:112px!important; height:46px!important; min-height:46px!important;
  padding:0!important; margin:0!important; border:1px solid #cbd9e2!important; border-radius:8px!important;
  background:#fff!important; overflow:hidden!important; box-sizing:border-box!important;
}
html body.eman-product-page #product-product .button-group-page .stepper-group .stepper input[type="hidden"] { display:none!important; }
html body.eman-product-page #product-product .button-group-page .stepper-group .stepper > button {
  position:static!important; inset:auto!important; transform:none!important; float:none!important; flex:0 0 34px!important;
  display:flex!important; align-items:center!important; justify-content:center!important; width:34px!important; min-width:34px!important;
  height:44px!important; min-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-size:0!important; line-height:1!important; opacity:1!important; box-shadow:none!important;
}
html body.eman-product-page #product-product .button-group-page .stepper-group .stepper > button:first-of-type { order:1!important; border-right:1px solid #d8e3e9!important; }
html body.eman-product-page #product-product .button-group-page .stepper-group .stepper > input[type="text"] {
  order:2!important; position:static!important; float:none!important; flex:0 0 42px!important; display:block!important;
  width:42px!important; min-width:42px!important; max-width:42px!important; height:44px!important; min-height:44px!important;
  margin:0!important; padding:0!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; line-height:44px!important; opacity:1!important; box-shadow:none!important;
}
html body.eman-product-page #product-product .button-group-page .stepper-group .stepper > button:last-of-type { order:3!important; border-left:1px solid #d8e3e9!important; }
html body.eman-product-page #product-product .button-group-page .stepper-group .stepper > button::before {
  position:static!important; inset:auto!important; transform:none!important; display:block!important; margin:0!important; padding:0!important;
  width:auto!important; height:auto!important; font-family:Arial,sans-serif!important; font-size:20px!important; font-weight:800!important;
  line-height:1!important; color:#0b2e4d!important; -webkit-text-fill-color:#0b2e4d!important; opacity:1!important;
}
html body.eman-product-page #product-product .button-group-page .stepper-group .stepper > button:first-of-type::before { content:"−"!important; }
html body.eman-product-page #product-product .button-group-page .stepper-group .stepper > button:last-of-type::before { content:"+"!important; }
html body.eman-product-page #product-product .button-group-page .stepper-group .stepper > button:hover { background:#dcebf2!important; }

/* BUY NOW / extra product action: readable instead of washed-out */
html body.eman-product-page #product-product .button-group-page .extra-group .btn-extra,
html body.eman-product-page #product-product .button-group-page .btn-extra {
  min-height:40px!important; border:1px solid #b8cedb!important; border-radius:8px!important; background:#f3f8fb!important;
  background-image:none!important; color:#174c6d!important; -webkit-text-fill-color:#174c6d!important; opacity:1!important;
  font-weight:800!important; box-shadow:none!important; filter:none!important;
}
html body.eman-product-page #product-product .button-group-page .btn-extra .btn-text { color:#174c6d!important; -webkit-text-fill-color:#174c6d!important; opacity:1!important; }
html body.eman-product-page #product-product .button-group-page .btn-extra:hover { background:#e5f0f6!important; border-color:#8db4c8!important; color:#0b3550!important; }

/* RELATED / SAME BRAND: broad but product-page-only hard override for the live carousel */
html body.eman-product-page #product-product .eman-below-product .product-layout,
html body.eman-product-page #product-product .eman-products-module .product-layout { background:transparent!important; background-image:none!important; color:#17364e!important; }
html body.eman-product-page #product-product .eman-below-product .product-thumb,
html body.eman-product-page #product-product .eman-below-product .side-product,
html body.eman-product-page #product-product .eman-products-module .product-thumb,
html body.eman-product-page #product-product .eman-products-module .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; filter:none!important;
}
html body.eman-product-page #product-product .eman-below-product .product-thumb > *,
html body.eman-product-page #product-product .eman-products-module .product-thumb > *,
html body.eman-product-page #product-product .eman-below-product .side-product > *,
html body.eman-product-page #product-product .eman-products-module .side-product > * { background-color:#fff!important; background-image:none!important; }
html body.eman-product-page #product-product .eman-below-product .image,
html body.eman-product-page #product-product .eman-below-product .image-group,
html body.eman-product-page #product-product .eman-below-product .product-img,
html body.eman-product-page #product-product .eman-products-module .image,
html body.eman-product-page #product-product .eman-products-module .image-group,
html body.eman-product-page #product-product .eman-products-module .product-img { background:#f8fafb!important; }
html body.eman-product-page #product-product .eman-below-product .name,
html body.eman-product-page #product-product .eman-below-product .name a,
html body.eman-product-page #product-product .eman-products-module .name,
html body.eman-product-page #product-product .eman-products-module .name a {
  color:#17364e!important; -webkit-text-fill-color:#17364e!important; opacity:1!important; text-shadow:none!important; font-weight:800!important;
}
html body.eman-product-page #product-product .eman-below-product .price,
html body.eman-product-page #product-product .eman-below-product .price *,
html body.eman-product-page #product-product .eman-products-module .price,
html body.eman-product-page #product-product .eman-products-module .price * {
  color:#0b2e4d!important; -webkit-text-fill-color:#0b2e4d!important; background:transparent!important; opacity:1!important; text-shadow:none!important; font-weight:900!important;
}
html body.eman-product-page #product-product .eman-below-product .buttons-wrapper,
html body.eman-product-page #product-product .eman-below-product .button-group,
html body.eman-product-page #product-product .eman-below-product .cart-group,
html body.eman-product-page #product-product .eman-below-product .wish-group,
html body.eman-product-page #product-product .eman-products-module .buttons-wrapper,
html body.eman-product-page #product-product .eman-products-module .button-group,
html body.eman-product-page #product-product .eman-products-module .cart-group,
html body.eman-product-page #product-product .eman-products-module .wish-group { background:#fff!important; background-image:none!important; }
html body.eman-product-page #product-product .eman-below-product .btn-cart,
html body.eman-product-page #product-product .eman-products-module .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; opacity:1!important; filter:none!important; box-shadow:none!important;
}
html body.eman-product-page #product-product .eman-below-product .btn-cart *,
html body.eman-product-page #product-product .eman-products-module .btn-cart * { color:#fff!important; -webkit-text-fill-color:#fff!important; opacity:1!important; }
html body.eman-product-page #product-product .eman-below-product .btn-wishlist,
html body.eman-product-page #product-product .eman-products-module .btn-wishlist {
  border:1px solid #d7e2e8!important; background:#fff!important; background-color:#fff!important; color:#60798a!important; -webkit-text-fill-color:#60798a!important; opacity:1!important;
}

/* v3.4.2 — remove Journal carousel edge fade/shadow only in related/same-brand products */
html body.eman-product-page #product-product .eman-products-module .swiper-container::before,
html body.eman-product-page #product-product .eman-products-module .swiper-container::after,
html body.eman-product-page #product-product .eman-products-module .swiper::before,
html body.eman-product-page #product-product .eman-products-module .swiper::after,
html body.eman-product-page #product-product .eman-products-module .owl-stage-outer::before,
html body.eman-product-page #product-product .eman-products-module .owl-stage-outer::after,
html body.eman-product-page #product-product .eman-products-module .module-body::before,
html body.eman-product-page #product-product .eman-products-module .module-body::after,
html body.eman-product-page #product-product .eman-products-module .tab-content::before,
html body.eman-product-page #product-product .eman-products-module .tab-content::after {
  content:none!important;
  display:none!important;
  background:none!important;
  background-image:none!important;
  box-shadow:none!important;
  opacity:0!important;
}
html body.eman-product-page #product-product .eman-products-module .swiper-container,
html body.eman-product-page #product-product .eman-products-module .swiper,
html body.eman-product-page #product-product .eman-products-module .owl-stage-outer,
html body.eman-product-page #product-product .eman-products-module .module-body,
html body.eman-product-page #product-product .eman-products-module .tab-content {
  -webkit-mask-image:none!important;
  mask-image:none!important;
  box-shadow:none!important;
}

/* v3.4.3 — kill the actual Journal edge treatment / partial dark slides */
html body.eman-product-page #product-product .eman-products-module .module-body,
html body.eman-product-page #product-product .eman-products-module .tab-content,
html body.eman-product-page #product-product .eman-products-module .tab-pane,
html body.eman-product-page #product-product .eman-products-module .swiper-container,
html body.eman-product-page #product-product .eman-products-module .swiper {
  overflow:hidden!important;
  background:#fff!important;
  background-image:none!important;
}
html body.eman-product-page #product-product .eman-products-module .swiper-wrapper,
html body.eman-product-page #product-product .eman-products-module .swiper-slide,
html body.eman-product-page #product-product .eman-products-module .swiper-slide-duplicate,
html body.eman-product-page #product-product .eman-products-module .product-layout {
  background:#fff!important;
  background-color:#fff!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
}
html body.eman-product-page #product-product .eman-products-module .swiper-slide::before,
html body.eman-product-page #product-product .eman-products-module .swiper-slide::after,
html body.eman-product-page #product-product .eman-products-module .swiper-slide-duplicate::before,
html body.eman-product-page #product-product .eman-products-module .swiper-slide-duplicate::after,
html body.eman-product-page #product-product .eman-products-module .product-layout::before,
html body.eman-product-page #product-product .eman-products-module .product-layout::after {
  content:none!important;
  display:none!important;
  background:none!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
}

/* v3.4.4 — exact live DOM fix from Firefox DevTools.
   The dark edge is generated by pseudo-elements on .side-products.auto-grid itself. */
html body #product-product [class*="module-side-products-"] .side-products.auto-grid::before,
html body #product-product [class*="module-side-products-"] .side-products.auto-grid::after,
html body #product-product [class*="module-side-products-"] .side-products::before,
html body #product-product [class*="module-side-products-"] .side-products::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 0 !important;
}
html body #product-product [class*="module-side-products-"] .side-products.auto-grid {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
}

/* v3.4.5 — exact DOM from 2026-09-24 DevTools screenshot.
   Journal's black edge/fade is on .auto-grid-items pseudo-elements. */
html body #product-product .side-products.auto-grid .auto-grid-items::before,
html body #product-product .side-products.auto-grid .auto-grid-items::after,
html body #product-product .side-products .auto-grid-items::before,
html body #product-product .side-products .auto-grid-items::after {
  content: none !important;
  display: none !important;
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 0 !important;
}
html body #product-product .side-products.auto-grid .auto-grid-items {
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
}


/* =========================================================
   v3.5.0 — Unified B2B catalogue listings
   1) Compact E-Man Catalog LIVE cards
   2) Journal product/catalog uses the same clean visual language
   ========================================================= */

/* --- E-Man Catalog LIVE: denser wholesale grid --- */
@media (min-width: 1200px) {
  .eman-ux .eman-results-col { width: 80%; }
  .eman-ux .eman-filter-col { width: 20%; }
  .eman-ux #eman-products .eman-product-wrap {
    width: 25% !important;
  }
}
.eman-ux .eman-product-card { margin-bottom: 12px !important; }
.eman-ux .eman-product-card .image {
  height: 205px !important;
  padding: 8px !important;
}
.eman-ux .eman-product-card .image img {
  max-height: 188px !important;
  width: auto !important;
}
.eman-ux .eman-product-card .caption {
  padding: 9px 10px !important;
  min-height: 132px !important;
}
.eman-ux .eman-product-card h4 {
  font-size: 12px !important;
  line-height: 1.28 !important;
  margin: 4px 0 6px !important;
  min-height: 46px !important;
}
.eman-ux .eman-brand { font-size: 10px !important; }
.eman-ux .eman-model { font-size: 10px !important; }
.eman-ux .eman-product-card .price {
  font-size: 15px !important;
  margin-top: 7px !important;
}
.eman-ux .eman-product-card .button-group { min-height: 38px !important; }
.eman-ux .eman-product-card .button-group button { min-height: 38px !important; }

/* --- Native Journal catalogue / New products / All products --- */
#product-category {
  max-width: 1180px !important;
  padding-top: 18px !important;
  padding-bottom: 40px !important;
}
#product-category .page-title {
  color: #082f52 !important;
  font-size: 30px !important;
  font-weight: 800 !important;
  margin: 0 0 14px !important;
}
#product-category .products-filter {
  background: #fff !important;
  border: 1px solid #dce5eb !important;
  border-radius: 6px !important;
  padding: 9px 11px !important;
  margin-bottom: 12px !important;
  box-shadow: none !important;
}
#product-category .products-filter .form-control,
#product-category .products-filter .input-group-addon,
#product-category .products-filter .view-btn,
#product-category .products-filter .compare-btn {
  border-color: #d5e0e7 !important;
  background: #fff !important;
  color: #173b59 !important;
}

/* turn Journal grid into the same compact wholesale card grid */
#product-category .main-products.product-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
#product-category .main-products.product-grid > .product-layout {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
#product-category .main-products.product-grid .product-thumb {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  background: #fff !important;
  border: 1px solid #dce5eb !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  box-shadow: none !important;
  color: #173b59 !important;
}
#product-category .main-products.product-grid .product-thumb:hover {
  border-color: #b8cfdd !important;
  box-shadow: 0 5px 16px rgba(16, 58, 87, .08) !important;
}
#product-category .main-products.product-grid .image-group,
#product-category .main-products.product-grid .image,
#product-category .main-products.product-grid .product-img,
#product-category .main-products.product-grid .product-img > div {
  background: #fff !important;
}
#product-category .main-products.product-grid .image {
  height: 205px !important;
  min-height: 205px !important;
  padding: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#product-category .main-products.product-grid .product-img,
#product-category .main-products.product-grid .product-img > div {
  height: 100% !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#product-category .main-products.product-grid .image img {
  max-height: 188px !important;
  max-width: 100% !important;
  width: auto !important;
  object-fit: contain !important;
}
#product-category .main-products.product-grid .caption {
  flex: 1 1 auto !important;
  min-height: 150px !important;
  padding: 9px 10px !important;
  background: #fff !important;
  color: #173b59 !important;
  display: flex !important;
  flex-direction: column !important;
}
#product-category .main-products.product-grid .name {
  min-height: 44px !important;
  margin: 0 0 5px !important;
  font-size: 12px !important;
  line-height: 1.28 !important;
  font-weight: 700 !important;
}
#product-category .main-products.product-grid .name a { color: #082f52 !important; }
#product-category .main-products.product-grid .description,
#product-category .main-products.product-grid .rating,
#product-category .main-products.product-grid .stats { display: none !important; }
#product-category .main-products.product-grid .price {
  margin: 4px 0 8px !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  color: #173b59 !important;
}
#product-category .main-products.product-grid .buttons-wrapper {
  margin-top: auto !important;
}
#product-category .main-products.product-grid .cart-group {
  display: flex !important;
  gap: 6px !important;
  align-items: stretch !important;
}
#product-category .main-products.product-grid .stepper {
  flex: 0 0 58px !important;
  min-width: 58px !important;
  height: 36px !important;
}
#product-category .main-products.product-grid .stepper button { display: none !important; }
#product-category .main-products.product-grid .stepper input {
  height: 36px !important;
  text-align: center !important;
  border: 1px solid #d5e0e7 !important;
  border-radius: 5px !important;
  background: #fff !important;
  color: #173b59 !important;
}
#product-category .main-products.product-grid .btn-cart {
  flex: 1 1 auto !important;
  height: 36px !important;
  min-height: 36px !important;
  border-radius: 5px !important;
  background: #1686b5 !important;
  border-color: #1686b5 !important;
  color: #fff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#product-category .main-products.product-grid .btn-cart:hover {
  background: #0f719c !important;
  border-color: #0f719c !important;
}
#product-category .main-products.product-grid .wish-group { margin-top: 5px !important; }
#product-category .main-products.product-grid .btn-wishlist,
#product-category .main-products.product-grid .btn-compare {
  background: #fff !important;
  color: #47708b !important;
  border-color: #d5e0e7 !important;
}

/* Journal filter column: remove old dark block look */
#product-category > .row > [class*="col-sm-3"]:first-child,
#product-category .side-column,
#product-category .column-left {
  background: transparent !important;
  color: #173b59 !important;
}
#product-category .side-column .module,
#product-category .column-left .module,
#product-category .module-filter {
  background: #fff !important;
  border: 1px solid #dce5eb !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  color: #173b59 !important;
}
#product-category .side-column .module-title,
#product-category .column-left .module-title,
#product-category .module-filter .module-title {
  background: #f7f9fa !important;
  color: #173b59 !important;
  border-bottom: 1px solid #e2e8ec !important;
}

@media (max-width: 1199px) {
  #product-category .main-products.product-grid { grid-template-columns: repeat(3, minmax(0,1fr)) !important; }
}
@media (max-width: 767px) {
  #product-category .main-products.product-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 8px !important; }
  #product-category .main-products.product-grid .image { height: 165px !important; min-height: 165px !important; }
  #product-category .main-products.product-grid .image img { max-height: 150px !important; }
  #product-category .main-products.product-grid .caption { padding: 8px !important; min-height: 140px !important; }
}