/* 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.1 — stable compact wholesale listings
   IMPORTANT: flex rows, not masonry/float/grid. Prevents holes.
   ========================================================= */

/* E-Man Catalog LIVE — compact, stable 4-column flow */
@media (min-width:1200px){
  .eman-ux .eman-filter-col{width:20%!important}
  .eman-ux .eman-results-col{width:80%!important}
  .eman-ux #eman-products{display:flex!important;flex-wrap:wrap!important;align-items:stretch!important;margin-left:-6px!important;margin-right:-6px!important}
  .eman-ux #eman-products>.eman-product-wrap{float:none!important;width:25%!important;flex:0 0 25%!important;max-width:25%!important;padding-left:6px!important;padding-right:6px!important;display:flex!important}
}
.eman-ux #eman-products>.eman-product-wrap>.eman-product-card{width:100%!important;display:flex!important;flex-direction:column!important;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;flex:1 1 auto!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,.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,.eman-ux .eman-product-card .button-group button{min-height:38px!important}

/* Native Journal catalog / New products / All products — same B2B visual language */
#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 .main-products.product-grid{display:flex!important;flex-wrap:wrap!important;align-items:stretch!important;gap:0!important;margin-left:-6px!important;margin-right:-6px!important}
#product-category .main-products.product-grid>.product-layout{float:none!important;width:25%!important;flex:0 0 25%!important;max-width:25%!important;margin:0!important;padding:0 6px 12px!important;display:flex!important;position:relative!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important}
#product-category .main-products.product-grid .product-thumb{width:100%!important;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{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 .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:145px!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 .btn-cart{background:#1686b5!important;border-color:#1686b5!important;color:#fff!important;min-height:36px!important}
#product-category .main-products.product-grid .btn-cart *{color:#fff!important}
@media(max-width:1199px) and (min-width:768px){#product-category .main-products.product-grid>.product-layout{width:33.333%!important;flex-basis:33.333%!important;max-width:33.333%!important}}
@media(max-width:767px){#product-category .main-products.product-grid>.product-layout{width:50%!important;flex-basis:50%!important;max-width:50%!important;padding:0 4px 8px!important}#product-category .main-products.product-grid{margin-left:-4px!important;margin-right:-4px!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}}


/* =========================================================
   E-MAN v3.5.2 — Latest / All Products filter panel polish
   Visual-only. Keeps existing filter behaviour intact.
   ========================================================= */

/* Outer filter column/panel: remove the old dark block */
body.route-product-catalog #column-left,
body[class*="product-catalog"] #column-left,
body.eman-product-page #column-left {
    background: transparent !important;
}

/* Journal filter module / filter container */
body.route-product-catalog #column-left .module-filter,
body.route-product-catalog #column-left .filter,
body.route-product-catalog #column-left [class*="filter"],
body[class*="product-catalog"] #column-left .module-filter,
body[class*="product-catalog"] #column-left .filter,
body[class*="product-catalog"] #column-left [class*="filter"] {
    background: #ffffff !important;
    color: #0b3557 !important;
    border-color: #d7e3ec !important;
    box-shadow: none !important;
}

/* Main filter card — catches the custom Latest Products filter wrapper too */
body.route-product-catalog #column-left > div,
body[class*="product-catalog"] #column-left > div {
    background: #ffffff !important;
    border: 1px solid #d7e3ec !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

/* Headings / accordion rows */
body.route-product-catalog #column-left h2,
body.route-product-catalog #column-left h3,
body.route-product-catalog #column-left h4,
body.route-product-catalog #column-left .panel-heading,
body.route-product-catalog #column-left .module-title,
body.route-product-catalog #column-left [class*="title"],
body[class*="product-catalog"] #column-left h2,
body[class*="product-catalog"] #column-left h3,
body[class*="product-catalog"] #column-left h4,
body[class*="product-catalog"] #column-left .panel-heading,
body[class*="product-catalog"] #column-left .module-title {
    background: #ffffff !important;
    color: #0b3557 !important;
    border-color: #d7e3ec !important;
}

/* Labels, values and links */
body.route-product-catalog #column-left label,
body.route-product-catalog #column-left span,
body.route-product-catalog #column-left a,
body.route-product-catalog #column-left .control-label,
body[class*="product-catalog"] #column-left label,
body[class*="product-catalog"] #column-left span,
body[class*="product-catalog"] #column-left a {
    color: #36566f !important;
}

/* Inputs */
body.route-product-catalog #column-left input[type="text"],
body.route-product-catalog #column-left input[type="number"],
body.route-product-catalog #column-left select,
body[class*="product-catalog"] #column-left input[type="text"],
body[class*="product-catalog"] #column-left input[type="number"],
body[class*="product-catalog"] #column-left select {
    background: #ffffff !important;
    color: #173a55 !important;
    border: 1px solid #cbdce8 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
}

/* Separators between filter groups */
body.route-product-catalog #column-left .panel,
body.route-product-catalog #column-left .list-group-item,
body.route-product-catalog #column-left [class*="filter-group"],
body[class*="product-catalog"] #column-left .panel,
body[class*="product-catalog"] #column-left .list-group-item,
body[class*="product-catalog"] #column-left [class*="filter-group"] {
    background: #ffffff !important;
    border-color: #e3ebf1 !important;
}

/* Accent / active states */
body.route-product-catalog #column-left input[type="checkbox"],
body[class*="product-catalog"] #column-left input[type="checkbox"] {
    accent-color: #1688b8;
}

body.route-product-catalog #column-left a:hover,
body[class*="product-catalog"] #column-left a:hover {
    color: #087eae !important;
}


/* =========================================================
   E-MAN v3.5.3 — REAL Latest/All filter DOM override
   Targets the exact Journal elements exposed in DevTools.
   ========================================================= */

.grid-item.grid-module-column-left-1-1,
.grid-item[class*="grid-module-column-left"] {
    background: transparent !important;
    background-color: transparent !important;
}

.desktop-filter-wrapper[data-eman-filter-shell="1"] {
    background: transparent !important;
    background-color: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
}

.desktop-filter-wrapper[data-eman-filter-shell="1"] > #filter.module-filter,
.desktop-filter-wrapper[data-eman-filter-shell="1"] .module-filter[data-eman-filter-card="1"],
#filter.module-filter[data-eman-filter-card="1"] {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #123b5a !important;
    border: 1px solid #d7e3ec !important;
    border-radius: 10px !important;
    box-shadow: 0 2px 10px rgba(18, 59, 90, .05) !important;
    overflow: hidden !important;
}

#filter.module-filter[data-eman-filter-card="1"] .module-title,
#filter.module-filter[data-eman-filter-card="1"] h3,
#filter.module-filter[data-eman-filter-card="1"] .filter-title-text {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #0b3557 !important;
    border-color: #e1eaf0 !important;
}

#filter.module-filter[data-eman-filter-card="1"] .module-body,
#filter.module-filter[data-eman-filter-card="1"] .panel-group,
#filter.module-filter[data-eman-filter-card="1"] .panel,
#filter.module-filter[data-eman-filter-card="1"] .panel-heading,
#filter.module-filter[data-eman-filter-card="1"] .panel-body,
#filter.module-filter[data-eman-filter-card="1"] .list-group,
#filter.module-filter[data-eman-filter-card="1"] .list-group-item {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #36566f !important;
    border-color: #e3ebf1 !important;
    box-shadow: none !important;
}

#filter.module-filter[data-eman-filter-card="1"] label,
#filter.module-filter[data-eman-filter-card="1"] span,
#filter.module-filter[data-eman-filter-card="1"] a,
#filter.module-filter[data-eman-filter-card="1"] .control-label {
    color: #36566f !important;
}

#filter.module-filter[data-eman-filter-card="1"] input[type="text"],
#filter.module-filter[data-eman-filter-card="1"] input[type="number"],
#filter.module-filter[data-eman-filter-card="1"] select {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #173a55 !important;
    border: 1px solid #cbdce8 !important;
    box-shadow: none !important;
}

#filter.module-filter[data-eman-filter-card="1"] input[type="checkbox"] {
    accent-color: #1688b8 !important;
}


/* =========================================================
   E-MAN v3.5.4 — Catalog card quantity stepper fix
   Exact DOM from DevTools:
   .product-thumb .buttons-wrapper .cart-group .stepper
   ========================================================= */

body.product-category .main-products .product-thumb .cart-group .stepper,
body.route-product-catalog .main-products .product-thumb .cart-group .stepper,
body[class*="product-catalog"] .main-products .product-thumb .cart-group .stepper {
    display: flex !important;
    flex: 0 0 86px !important;
    width: 86px !important;
    min-width: 86px !important;
    max-width: 86px !important;
    height: 36px !important;
    min-height: 36px !important;
    align-items: stretch !important;
    overflow: hidden !important;
    border: 1px solid #cbdce8 !important;
    border-radius: 6px !important;
    background: #fff !important;
    box-sizing: border-box !important;
}

body.product-category .main-products .product-thumb .cart-group .stepper input,
body.route-product-catalog .main-products .product-thumb .cart-group .stepper input,
body[class*="product-catalog"] .main-products .product-thumb .cart-group .stepper input {
    order: 2 !important;
    flex: 1 1 auto !important;
    width: 34px !important;
    min-width: 0 !important;
    height: 34px !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center !important;
    color: #173a55 !important;
    background: #fff !important;
    border: 0 !important;
    border-left: 1px solid #dbe6ee !important;
    border-right: 1px solid #dbe6ee !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.product-category .main-products .product-thumb .cart-group .stepper > a,
body.product-category .main-products .product-thumb .cart-group .stepper > button,
body.product-category .main-products .product-thumb .cart-group .stepper .stepper-btn,
body.route-product-catalog .main-products .product-thumb .cart-group .stepper > a,
body.route-product-catalog .main-products .product-thumb .cart-group .stepper > button,
body.route-product-catalog .main-products .product-thumb .cart-group .stepper .stepper-btn,
body[class*="product-catalog"] .main-products .product-thumb .cart-group .stepper > a,
body[class*="product-catalog"] .main-products .product-thumb .cart-group .stepper > button,
body[class*="product-catalog"] .main-products .product-thumb .cart-group .stepper .stepper-btn {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 25px !important;
    width: 25px !important;
    min-width: 25px !important;
    height: 34px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #0b5f8d !important;
    background: #f3f8fb !important;
    border: 0 !important;
    border-radius: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    line-height: 34px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-indent: 0 !important;
}

/* Journal often renders minus/plus as the first and last controls */
body.product-category .main-products .product-thumb .cart-group .stepper > :first-child,
body.route-product-catalog .main-products .product-thumb .cart-group .stepper > :first-child,
body[class*="product-catalog"] .main-products .product-thumb .cart-group .stepper > :first-child {
    order: 1 !important;
}

body.product-category .main-products .product-thumb .cart-group .stepper > :last-child,
body.route-product-catalog .main-products .product-thumb .cart-group .stepper > :last-child,
body[class*="product-catalog"] .main-products .product-thumb .cart-group .stepper > :last-child {
    order: 3 !important;
}

/* Make icon glyphs visible even if inherited Journal rules fade them */
body.product-category .main-products .product-thumb .cart-group .stepper i,
body.product-category .main-products .product-thumb .cart-group .stepper svg,
body.route-product-catalog .main-products .product-thumb .cart-group .stepper i,
body.route-product-catalog .main-products .product-thumb .cart-group .stepper svg,
body[class*="product-catalog"] .main-products .product-thumb .cart-group .stepper i,
body[class*="product-catalog"] .main-products .product-thumb .cart-group .stepper svg {
    color: #0b5f8d !important;
    fill: #0b5f8d !important;
    opacity: 1 !important;
    visibility: visible !important;
}