/* EnginesDIY product-page recommendation modules v1.0 */

html.route-product-product .module-products-345,
html.route-product-product .module-products-169 {
  max-width: 100% !important;
  overflow: hidden !important;
}

html.route-product-product .module-products-345 .module-body,
html.route-product-product .module-products-169 .module-body {
  width: min(calc(100% - 48px), 1420px) !important;
  max-width: 1420px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  overflow: hidden !important;
}

html.route-product-product .module-products-345 .tab-container,
html.route-product-product .module-products-345 .tab-content,
html.route-product-product .module-products-345 .tab-pane,
html.route-product-product .module-products-169 .tab-container,
html.route-product-product .module-products-169 .tab-content,
html.route-product-product .module-products-169 .tab-pane {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

html.route-product-product .module-products-345 .product-grid,
html.route-product-product .module-products-169 .product-grid {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html.route-product-product .module-products-345 .auto-grid-items,
html.route-product-product .module-products-169 .auto-grid-items {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 16px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html.route-product-product .module-products-345 .product-layout,
html.route-product-product .module-products-169 .product-layout {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
}

html.route-product-product .module-products-345 .product-layout:nth-child(n+6),
html.route-product-product .module-products-169 .product-layout:nth-child(n+6) {
  display: none !important;
}

/* Recently Viewed / Most Viewed: restore readable contrast and hover states. */
html.route-product-product .module-products-169 {
  color: #273640 !important;
  background: #f4f1ec !important;
  border-top: 1px solid #ddd5ca !important;
  border-bottom: 1px solid #ddd5ca !important;
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

html.route-product-product .module-products-169 .nav-tabs {
  max-width: 100% !important;
  margin-bottom: 18px !important;
  border-bottom: 1px solid #d4ccc1 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

html.route-product-product .module-products-169 .nav-tabs > li > a {
  color: #52616b !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 3px solid transparent !important;
  font-weight: 700 !important;
  opacity: 1 !important;
  transition: color .18s ease, background-color .18s ease, border-color .18s ease !important;
}

html.route-product-product .module-products-169 .nav-tabs > li.active > a,
html.route-product-product .module-products-169 .nav-tabs > li.active > a:focus {
  color: #1f2b34 !important;
  background: #ffffff !important;
  border-bottom-color: #bf642c !important;
}

html.route-product-product .module-products-169 .nav-tabs > li > a:hover {
  color: #a64f22 !important;
  background: #fff8f3 !important;
  border-bottom-color: #d99161 !important;
}

html.route-product-product .module-products-169 .product-thumb {
  color: #34444e !important;
  background: #ffffff !important;
  border: 1px solid #d9dfe3 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

html.route-product-product .module-products-169 .product-thumb:hover {
  background: #ffffff !important;
  border-color: #c66a32 !important;
  box-shadow: 0 10px 26px rgba(54, 42, 32, .12) !important;
  transform: translateY(-2px) !important;
}

html.route-product-product .module-products-169 .name a,
html.route-product-product .module-products-169 .description {
  color: #34444e !important;
  opacity: 1 !important;
}

html.route-product-product .module-products-169 .name a {
  font-weight: 700 !important;
}

html.route-product-product .module-products-169 .name a:hover {
  color: #b55724 !important;
}

html.route-product-product .module-products-169 .price-new {
  color: #172129 !important;
}

html.route-product-product .module-products-169 .price-old {
  color: #76838c !important;
}

html.route-product-product .module-products-169 .btn {
  color: #33444e !important;
}

html.route-product-product .module-products-169 .btn:hover {
  color: #ffffff !important;
  background: #bf642c !important;
}

@media (max-width: 1199px) {
  html.route-product-product .module-products-345 .auto-grid-items,
  html.route-product-product .module-products-169 .auto-grid-items {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  html.route-product-product .module-products-345 .product-layout:nth-child(n+4),
  html.route-product-product .module-products-169 .product-layout:nth-child(n+4) {
    display: none !important;
  }
}

@media (max-width: 767px) {
  html.route-product-product .module-products-345 .module-body,
  html.route-product-product .module-products-169 .module-body {
    width: calc(100% - 28px) !important;
  }

  html.route-product-product .module-products-345 .auto-grid-items,
  html.route-product-product .module-products-169 .auto-grid-items {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  html.route-product-product .module-products-345 .product-layout:nth-child(n+3),
  html.route-product-product .module-products-169 .product-layout:nth-child(n+3) {
    display: none !important;
  }

  html.route-product-product .module-products-169 {
    padding-top: 22px !important;
    padding-bottom: 22px !important;
  }
}

@media (max-width: 479px) {
  html.route-product-product .module-products-345 .auto-grid-items,
  html.route-product-product .module-products-169 .auto-grid-items {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html.route-product-product .module-products-345 .product-layout:nth-child(n+2),
  html.route-product-product .module-products-169 .product-layout:nth-child(n+2) {
    display: none !important;
  }
}