/* Nixrad catalog page, based on the supplied visual example. */
html:is(.route-product-catalog, .route-product-category),
html:is(.route-product-catalog, .route-product-category) body {
  background: #fff !important;
  color: #14243b !important;
}


html:is(.route-product-catalog, .route-product-category) .site-wrapper,
html:is(.route-product-catalog, .route-product-category) .container,
html:is(.route-product-catalog, .route-product-category) #content,
html:is(.route-product-catalog, .route-product-category) .main-products,
html:is(.route-product-catalog, .route-product-category) .product-layout {
  background: #fff !important;
}

html:is(.route-product-catalog, .route-product-category) .site-wrapper,
html:is(.route-product-catalog, .route-product-category) .grid-rows,
html:is(.route-product-catalog, .route-product-category) .grid-row,
html:is(.route-product-catalog, .route-product-category) .grid-cols,
html:is(.route-product-catalog, .route-product-category) .grid-col,
html:is(.route-product-catalog, .route-product-category) .grid-items,
html:is(.route-product-catalog, .route-product-category) .module,
html:is(.route-product-catalog, .route-product-category) .side-column,
html:is(.route-product-catalog, .route-product-category) #column-left,
html:is(.route-product-catalog, .route-product-category) .column-left {
  background-color: #fff !important;
  background-image: none !important;
}

html:is(.route-product-catalog, .route-product-category) .grid-row::before,
html:is(.route-product-catalog, .route-product-category) .grid-row::after,
html:is(.route-product-catalog, .route-product-category) .grid-col::before,
html:is(.route-product-catalog, .route-product-category) .grid-col::after {
  background: #fff !important;
}

html:is(.route-product-catalog, .route-product-category) .product-grid .product-layout,
html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb,
html:is(.route-product-catalog, .route-product-category) #column-left .module,
html:is(.route-product-catalog, .route-product-category) #column-left .side-column {
  filter: none !important;
}

html:is(.route-product-catalog, .route-product-category) .breadcrumb {
  width: min(100%, 1600px) !important;
  margin: 0 auto !important;
  padding: 18px 32px !important;
  border: 0 !important;
  background: transparent !important;
}

html:is(.route-product-catalog, .route-product-category) > body > .container,
html:is(.route-product-catalog, .route-product-category) .site-wrapper > .container {
  width: min(100%, 1600px) !important;
  max-width: 1600px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 32px 48px !important;
}

html:is(.route-product-catalog, .route-product-category) > body > .container > .row,
html:is(.route-product-catalog, .route-product-category) .site-wrapper > .container > .row {
  display: grid !important;
  grid-template-columns: 220px minmax(0, 1fr) !important;
  gap: 24px !important;
  margin: 0 !important;
}

html:is(.route-product-catalog, .route-product-category) #column-left,
html:is(.route-product-catalog, .route-product-category) .column-left,
html:is(.route-product-catalog, .route-product-category) #content {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  padding: 0 !important;
}

html:is(.route-product-catalog, .route-product-category) #content > h1.title,
html:is(.route-product-catalog, .route-product-category) #content > .title.page-title {
  margin: 0 0 22px !important;
  padding: 0 !important;
  color: #14243b !important;
  font-size: 34px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

html:is(.route-product-catalog, .route-product-category) #content > h1.title::after,
html:is(.route-product-catalog, .route-product-category) #content > .title.page-title::after {
  content: "" !important;
  display: block !important;
  width: 50px !important;
  height: 2px !important;
  margin-top: 12px !important;
  background: #c59b45 !important;
}

html:is(.route-product-catalog, .route-product-category) #column-left .module,
html:is(.route-product-catalog, .route-product-category) #column-left .side-column {
  height: fit-content !important;
  margin: 0 !important;
  padding: 18px !important;
  border: 1px solid #e6ebf2 !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: none !important;
}

html:is(.route-product-catalog, .route-product-category) #column-left .module-title,
html:is(.route-product-catalog, .route-product-category) #column-left .title {
  display: inline-block !important;
  margin: 0 0 25px !important;
  padding: 0 0 10px !important;
  border: 0 !important;
  border-bottom: 2px solid #c59b45 !important;
  color: #14243b !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
}

html:is(.route-product-catalog, .route-product-category) #column-left .module-title::after,
html:is(.route-product-catalog, .route-product-category) #column-left .title::after {
  display: none !important;
}

html:is(.route-product-catalog, .route-product-category) #column-left .module-item,
html:is(.route-product-catalog, .route-product-category) #column-left .filter-item,
html:is(.route-product-catalog, .route-product-category) #column-left .panel,
html:is(.route-product-catalog, .route-product-category) #column-left .module-body {
  border-color: #edf1f5 !important;
  background: transparent !important;
}

html:is(.route-product-catalog, .route-product-category) #column-left .module-item > h3,
html:is(.route-product-catalog, .route-product-category) #column-left .filter-item .module-title,
html:is(.route-product-catalog, .route-product-category) #column-left .filter-group-title,
html:is(.route-product-catalog, .route-product-category) #column-left .panel-heading,
html:is(.route-product-catalog, .route-product-category) #column-left legend {
  margin: 24px 0 14px !important;
  color: #4f8db3 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
}

html:is(.route-product-catalog, .route-product-category) #column-left input[type="text"],
html:is(.route-product-catalog, .route-product-category) #column-left input[type="number"] {
  height: 38px !important;
  border: 1px solid #ddd !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

html:is(.route-product-catalog, .route-product-category) #column-left input[type="range"] {
  accent-color: #711867 !important;
}

html:is(.route-product-catalog, .route-product-category) .products-filter {
  margin: 0 0 26px !important;
  padding: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  border: 1px solid #e6ebf2 !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: none !important;
}

html:is(.route-product-catalog, .route-product-category) .products-filter .grid-list,
html:is(.route-product-catalog, .route-product-category) .products-filter .select-group {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

html:is(.route-product-catalog, .route-product-category) .products-filter .view-btn {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  border: 1px solid #dbe3ec !important;
  border-radius: 9px !important;
  background: #fff !important;
  color: #14243b !important;
  font-size: 18px !important;
  box-shadow: none !important;
}

html:is(.route-product-catalog, .route-product-category) .products-filter .view-btn.active,
html:is(.route-product-catalog, .route-product-category) .products-filter .view-btn:hover {
  border-color: #711867 !important;
  background: #711867 !important;
  color: #fff !important;
}

html:is(.route-product-catalog, .route-product-category) .products-filter .compare-btn {
  height: 42px !important;
  padding: 0 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  color: #14243b !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

html:is(.route-product-catalog, .route-product-category) .products-filter .input-group {
  width: auto !important;
  margin: 0 !important;
}

html:is(.route-product-catalog, .route-product-category) .products-filter .input-group-addon,
html:is(.route-product-catalog, .route-product-category) .products-filter select.form-control {
  height: 42px !important;
  border: 1px solid #dbe3ec !important;
  background: #fff !important;
  color: #14243b !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

html:is(.route-product-catalog, .route-product-category) .products-filter .input-group-addon {
  border-right: 0 !important;
  border-radius: 7px 0 0 7px !important;
}

html:is(.route-product-catalog, .route-product-category) .products-filter select.form-control {
  min-width: 128px !important;
  border-radius: 0 7px 7px 0 !important;
}

html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb {
  position: relative !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  border: 1px solid #e6ebf2 !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: none !important;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}

html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb:hover {
  transform: translateY(-5px) !important;
  border-color: #711867 !important;
  box-shadow: none !important;
}

html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb .image {
  position: relative !important;
  height: 230px !important;
  margin: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #fff !important;
}

html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb .product-img,
html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb .product-img > div {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb .product-img img {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  transition: opacity .35s ease, transform .35s ease !important;
}

html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb .product-img img.img-second {
  opacity: 0 !important;
  transform: scale(1.08) !important;
}

html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb .product-labels {
  top: 14px !important;
  right: 14px !important;
  left: auto !important;
  bottom: auto !important;
  width: auto !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 6px !important;
  z-index: 5 !important;
  pointer-events: none !important;
}

html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb .product-label {
  position: static !important;
  display: inline-flex !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  max-width: 120px !important;
  padding: 7px 12px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #4f8db3 !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  transform: none !important;
  clip-path: none !important;
  box-shadow: none !important;
}

html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb .product-label b {
  display: inline !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
  font: inherit !important;
  line-height: inherit !important;
  transform: none !important;
  white-space: nowrap !important;
}

html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb .product-label-diagonal,
html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb .product-label-133 {
  background: #22a65a !important;
}

html:is(.route-product-catalog, .route-product-category) .product-grid .quickview-button {
  display: none !important;
}

html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb .caption {
  position: static !important;
}

html:is(.route-product-catalog, .route-product-category) .product-grid .buttons-wrapper {
  position: absolute !important;
  top: 176px !important;
  left: 14px !important;
  right: 14px !important;
  bottom: auto !important;
  z-index: 12 !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(14px) !important;
  transition: opacity .22s ease, visibility .22s ease, transform .22s ease !important;
}

html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb:hover .buttons-wrapper {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}

html:is(.route-product-catalog, .route-product-category) .product-grid .button-group {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  width: 100% !important;
  padding: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

html:is(.route-product-catalog, .route-product-category) .product-grid .cart-group,
html:is(.route-product-catalog, .route-product-category) .product-grid .wish-group {
  display: block !important;
  width: 100% !important;
}

html:is(.route-product-catalog, .route-product-category) .product-grid .stepper,
html:is(.route-product-catalog, .route-product-category) .product-grid .btn-wishlist {
  display: none !important;
}

html:is(.route-product-catalog, .route-product-category) .product-grid .btn-cart,
html:is(.route-product-catalog, .route-product-category) .product-grid .btn-compare {
  display: block !important;
  width: 100% !important;
  height: 36px !important;
  min-width: 0 !important;
  padding: 0 8px !important;
  border: 0 !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 36px !important;
  text-align: center !important;
  text-transform: none !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, .12) !important;
}

html:is(.route-product-catalog, .route-product-category) .product-grid .btn-cart::before,
html:is(.route-product-catalog, .route-product-category) .product-grid .btn-compare::before {
  display: none !important;
  content: none !important;
}

html:is(.route-product-catalog, .route-product-category) .product-grid .btn-cart .btn-text,
html:is(.route-product-catalog, .route-product-category) .product-grid .btn-compare .btn-text {
  display: inline-block !important;
  padding: 0 !important;
  color: inherit !important;
  font: inherit !important;
  line-height: inherit !important;
}

html:is(.route-product-catalog, .route-product-category) .product-grid .btn-cart {
  background: #711867 !important;
  color: #fff !important;
}

html:is(.route-product-catalog, .route-product-category) .product-grid .btn-compare {
  background: #fff !important;
  color: #14243b !important;
}

html:is(.route-product-catalog, .route-product-category) .product-grid .btn-cart:hover {
  background: #5f1258 !important;
  color: #fff !important;
}

html:is(.route-product-catalog, .route-product-category) .product-grid .btn-compare:hover {
  background: #fff !important;
  color: #711867 !important;
}

html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb .extra-group {
  order: 4 !important;
  margin: 16px 0 0 !important;
  padding: 0 !important;
  position: static !important;
  width: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb .extra-group > div {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  width: 100% !important;
}

html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb .extra-group .btn-extra {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #666 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-align: left !important;
  box-shadow: none !important;
}

html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb .extra-group .btn-extra:hover {
  color: #711867 !important;
}

html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb .caption {
  padding: 18px !important;
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
}

html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb .stats {
  display: none !important;
}

html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb .stats .stats-label,
html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb .stat-1 {
  display: none !important;
}

html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb .name {
  order: 2 !important;
  min-height: 44px !important;
  margin: 0 !important;
}

html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb .name a {
  display: -webkit-box !important;
  overflow: hidden !important;
  color: #123052 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.45 !important;
  text-transform: uppercase !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb .description,
html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb .rating {
  display: none !important;
}

html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb .price {
  order: 3 !important;
  margin: 16px 0 0 !important;
  padding-top: 16px !important;
  border-top: 1px solid #edf1f5 !important;
  color: #111827 !important;
  font-size: 21px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}

/* Katalog PC: kırmızı yeni + üstü çizili eski */
html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .product-thumb .price .price-new {
  color: var(--sf-accent, #e7040f) !important;
  font-weight: 900 !important;
}

html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .product-thumb .price .price-old {
  display: inline !important;
  color: #94a3b8 !important;
  text-decoration: line-through !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

@media (max-width: 900px) {
  /* Katalog mobil: sadece kırmızı yeni fiyat */
  html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .product-thumb .price .price-old {
    display: none !important;
  }
}

html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb .price-tax {
  display: none !important;
}

html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb:hover .caption {
  transform: none !important;
}

html:is(.route-product-catalog, .route-product-category) .pagination-results {
  margin-top: 26px !important;
}

html:is(.route-product-catalog, .route-product-category) .main-products.product-list {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
  margin: 0 !important;
}

html:is(.route-product-catalog, .route-product-category) .main-products.product-grid.product-list .product-layout,
html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-layout {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb {
  display: grid !important;
  grid-template-columns: 220px minmax(0, 1fr) !important;
  min-height: 220px !important;
  overflow: hidden !important;
  position: relative !important;
  border: 1px solid #e6ebf2 !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .04) !important;
  transform: none !important;
}

html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb:hover {
  border-color: #711867 !important;
  box-shadow: 0 14px 30px rgba(113, 24, 103, .10) !important;
  transform: none !important;
}

html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .image {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  width: 220px !important;
  height: 220px !important;
  min-height: 220px !important;
  margin: 0 !important;
  float: none !important;
  background: #f8fafc !important;
  border-right: 1px solid #eef2f7 !important;
}

html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .product-img,
html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .product-img > div {
  width: 100% !important;
  height: 100% !important;
}

html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .product-img img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
}

html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .caption {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  padding: 22px 380px 12px 24px !important;
  position: static !important;
}

html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .stats,
html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .rating,
html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .price-tax,
html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .product-labels,
html:is(.route-product-catalog, .route-product-category) .main-products.product-list .quickview-button {
  display: none !important;
}

html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .name {
  order: 1 !important;
  min-height: 0 !important;
  margin: 0 !important;
}

html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .name a {
  display: block !important;
  color: #123052 !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
  -webkit-line-clamp: initial !important;
}

html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .description {
  order: 2 !important;
  display: block !important;
  max-width: 760px !important;
  margin: 10px 0 0 !important;
  color: #64748b !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .price {
  order: 3 !important;
  margin: 14px 0 0 !important;
  padding-top: 14px !important;
  border-top: 1px solid #edf1f5 !important;
  color: #111827 !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .buttons-wrapper {
  position: absolute !important;
  top: 50% !important;
  right: 24px !important;
  left: auto !important;
  bottom: auto !important;
  width: 340px !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(-50%) !important;
  z-index: 8 !important;
}

html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .button-group {
  display: grid !important;
  align-items: center !important;
  grid-template-columns: minmax(108px, 1fr) minmax(108px, 1fr) 42px !important;
  gap: 9px !important;
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  background: transparent !important;
}

html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .cart-group,
html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .wish-group {
  display: contents !important;
  flex: none !important;
  min-width: 0 !important;
}

html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .stepper,
html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .btn-wishlist .btn-text {
  display: none !important;
}

html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .btn-cart,
html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .btn-compare,
html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .btn-wishlist {
  display: block !important;
  width: 100% !important;
  height: 38px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 38px !important;
  text-align: center !important;
  text-transform: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  box-shadow: none !important;
}

html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .btn-cart {
  grid-column: 1 !important;
  order: 1 !important;
}

html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .btn-compare {
  grid-column: 2 !important;
  order: 2 !important;
}

html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .btn-wishlist {
  grid-column: 3 !important;
  order: 3 !important;
  min-width: 42px !important;
  padding: 0 !important;
  font-size: 0 !important;
}

html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .btn-wishlist:before {
  content: "\f004" !important;
  display: inline-block !important;
  color: inherit !important;
  font-family: FontAwesome !important;
  font-size: 16px !important;
  line-height: 38px !important;
}

html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .btn-cart {
  background: #711867 !important;
  color: #fff !important;
}

html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .btn-compare {
  background: #f8fafc !important;
  color: #14243b !important;
  border: 1px solid #dbe3ec !important;
}

html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .btn-wishlist {
  background: #fff !important;
  color: #711867 !important;
  border: 1px solid #ead7e8 !important;
}

html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .btn-wishlist:hover {
  background: #711867 !important;
  color: #fff !important;
}

html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .extra-group {
  position: absolute !important;
  top: calc(50% + 48px) !important;
  right: 24px !important;
  left: auto !important;
  bottom: auto !important;
  width: 340px !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  z-index: 8 !important;
}

html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .extra-group > div {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 20px !important;
  width: 100% !important;
}

html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .extra-group .btn-extra {
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #666 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .extra-group .btn-extra:hover {
  color: #711867 !important;
}

/* Mobile product image crop guard */
@media (max-width: 767px) {
  html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb .image,
  html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .image {
    background: #fff !important;
    overflow: hidden !important;
  }

  html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb .product-img,
  html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb .product-img > div,
  html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .product-img,
  html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .product-img > div {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
  }

  html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb .product-img img,
  html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb .product-img img.img-first,
  html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb .product-img img.img-second,
  html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .product-img img,
  html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .product-img img.img-first,
  html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .product-img img.img-second {
    position: static !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    padding: 7px !important;
    box-sizing: border-box !important;
    transform: none !important;
  }
}

@media (max-width: 1280px) {
  html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb {
    grid-template-columns: 220px minmax(0, 1fr) !important;
  }

  html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .image {
    width: 220px !important;
  }

  html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .buttons-wrapper {
    position: static !important;
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: auto !important;
    transform: none !important;
    align-self: start !important;
    padding: 0 22px 14px 26px !important;
  }

  html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .caption {
    padding-right: 22px !important;
  }

  html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .extra-group {
    position: static !important;
    grid-column: 2 !important;
    grid-row: 3 !important;
    width: auto !important;
    padding: 0 22px 22px 26px !important;
  }

  html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .extra-group > div {
    justify-content: flex-start !important;
  }
}

@media (max-width: 900px) {
  html:is(.route-product-catalog, .route-product-category) .breadcrumb,
  html:is(.route-product-catalog, .route-product-category) > body > .container,
  html:is(.route-product-catalog, .route-product-category) .site-wrapper > .container {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    box-sizing: border-box !important;
  }

  html:is(.route-product-catalog, .route-product-category) > body > .container > .row,
  html:is(.route-product-catalog, .route-product-category) .site-wrapper > .container > .row {
    grid-template-columns: 1fr !important;
  }

  html:is(.route-product-catalog, .route-product-category) .products-filter {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  html:is(.route-product-catalog, .route-product-category) .main-products.product-grid .product-layout,
  html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-layout,
  html:is(.route-product-catalog, .route-product-category) .main-products .product-layout {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
  }

  html:is(.route-product-catalog, .route-product-category) .main-products.product-list,
  html:is(.route-product-catalog, .route-product-category) .main-products {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  html:is(.route-product-catalog, .route-product-category) .main-products.product-list {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb .image {
    aspect-ratio: 3 / 4 !important;
    height: auto !important;
    min-height: 0 !important;
    background: #fff !important;
    overflow: hidden !important;
  }

  html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb .product-img,
  html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb .product-img > div {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb .product-img img,
  html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb .product-img img.img-first,
  html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb .product-img img.img-second {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    transform: none !important;
  }

  html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb .caption {
    padding: 10px 11px 11px !important;
  }

  html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb .name {
    min-height: 36px !important;
  }

  html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb .name a {
    font-size: 12px !important;
    line-height: 1.28 !important;
  }

  html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb .price {
    margin-top: 10px !important;
    padding-top: 10px !important;
    font-size: 17px !important;
  }

  html:is(.route-product-catalog, .route-product-category) .product-grid .buttons-wrapper {
    display: none !important;
  }

  html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb {
    display: grid !important;
    grid-template-columns: 126px minmax(0, 1fr) !important;
    min-height: 0 !important;
    height: auto !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }

  html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .image {
    grid-column: 1 !important;
    grid-row: 1 / span 3 !important;
    width: 126px !important;
    height: 162px !important;
    min-height: 162px !important;
    border-right: 1px solid #eef2f7 !important;
    background: #fff !important;
    overflow: hidden !important;
  }

  html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .product-img,
  html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .product-img > div {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    transform: none !important;
  }

  html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .product-img img,
  html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .product-img img.img-first,
  html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .product-img img.img-second {
    position: static !important;
    display: block !important;
    object-fit: contain !important;
    object-position: center center !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    transform: none !important;
  }

  html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .product-img img.img-second {
    display: none !important;
  }

  html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .caption {
    grid-column: 2 !important;
    grid-row: 1 !important;
    padding: 12px 10px 6px !important;
  }

  html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .name {
    order: 1 !important;
    margin: 0 !important;
    min-height: 0 !important;
  }

  html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .name a {
    display: block !important;
    font-size: 10.5px !important;
    line-height: 1.18 !important;
    overflow: hidden !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    max-height: 38px !important;
    -webkit-line-clamp: unset !important;
  }

  html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .description,
  html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .product-labels {
    display: none !important;
  }

  html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .price {
    order: 2 !important;
    margin-top: 7px !important;
    padding-top: 7px !important;
    font-size: 16px !important;
  }

  html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .buttons-wrapper {
    display: block !important;
    position: static !important;
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: auto !important;
    padding: 0 10px 7px !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .button-group {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 40px !important;
    gap: 7px !important;
  }

  html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .btn-cart {
    grid-column: 1 !important;
    height: 36px !important;
    line-height: 36px !important;
    font-size: 12px !important;
    padding: 0 10px !important;
    text-overflow: clip !important;
  }

  html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .btn-cart .btn-text {
    display: inline-block !important;
    max-width: none !important;
  }

  html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .btn-wishlist {
    grid-column: 2 !important;
    height: 36px !important;
    min-width: 38px !important;
    line-height: 36px !important;
  }

  html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .btn-wishlist:before {
    line-height: 36px !important;
  }

  html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .extra-group {
    position: static !important;
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    width: auto !important;
    padding: 0 10px 10px !important;
  }

  html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .extra-group > div {
    justify-content: center !important;
    gap: 14px !important;
  }

  html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .extra-group .btn-extra {
    font-size: 12px !important;
  }
}

/* Homepage Journal product modules = same cards as Tüm Ürünler / kategori. */
html.route-common-home [class*="module-products-"].module-products .product-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 26px !important;
  margin: 0 !important;
}

html.route-common-home [class*="module-products-"].module-products .product-grid .product-layout {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

html.route-common-home [class*="module-products-"].module-products .product-grid .product-thumb {
  position: relative !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  border: 1px solid #e6ebf2 !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: none !important;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}

html.route-common-home [class*="module-products-"].module-products .product-grid .product-thumb:hover {
  transform: translateY(-5px) !important;
  border-color: #711867 !important;
  box-shadow: none !important;
}

html.route-common-home [class*="module-products-"].module-products .product-grid .product-thumb .image {
  position: relative !important;
  height: 280px !important;
  min-height: 280px !important;
  margin: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #fff !important;
}

html.route-common-home [class*="module-products-"].module-products .product-grid .product-thumb .product-img,
html.route-common-home [class*="module-products-"].module-products .product-grid .product-thumb .product-img > div {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html.route-common-home [class*="module-products-"].module-products .product-grid .product-thumb .product-img img {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  transition: opacity .35s ease, transform .35s ease !important;
}

html.route-common-home [class*="module-products-"].module-products .product-grid .product-thumb .product-img {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

html.route-common-home [class*="module-products-"].module-products .product-grid .product-thumb .product-img > div {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  transform: none !important;
}

html.route-common-home [class*="module-products-"].module-products .product-grid .product-thumb:hover .product-img > div {
  transform: none !important;
}

html.route-common-home [class*="module-products-"].module-products .product-grid .product-thumb .product-img img.img-first,
html.route-common-home [class*="module-products-"].module-products .product-grid .product-thumb .product-img img.img-second {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  box-sizing: border-box !important;
  transition: opacity .35s ease, transform .35s ease, visibility .35s ease !important;
}

html.route-common-home [class*="module-products-"].module-products .product-grid .product-thumb .product-img img.img-second {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: scale(1.08) !important;
}

html.route-common-home [class*="module-products-"].module-products .product-grid .product-thumb:hover .product-img:has(img.img-second) img.img-first {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: scale(.95) !important;
}

html.route-common-home [class*="module-products-"].module-products .product-grid .product-thumb:hover .product-img:has(img.img-second) img.img-second {
  opacity: 1 !important;
  visibility: visible !important;
  transform: scale(1) !important;
}

html.route-common-home [class*="module-products-"].module-products .product-grid .product-thumb .product-labels {
  top: 14px !important;
  right: 14px !important;
  left: auto !important;
  bottom: auto !important;
  width: auto !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 6px !important;
  z-index: 5 !important;
  pointer-events: none !important;
}

html.route-common-home [class*="module-products-"].module-products .product-grid .product-thumb .product-label {
  position: static !important;
  display: inline-flex !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  max-width: 120px !important;
  padding: 7px 12px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #4f8db3 !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  transform: none !important;
  clip-path: none !important;
  box-shadow: none !important;
}

html.route-common-home [class*="module-products-"].module-products .product-grid .quickview-button {
  display: none !important;
}

html.route-common-home [class*="module-products-"].module-products .product-grid .buttons-wrapper {
  position: absolute !important;
  top: 224px !important;
  left: 14px !important;
  right: 14px !important;
  bottom: auto !important;
  z-index: 12 !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(14px) !important;
  transition: opacity .22s ease, visibility .22s ease, transform .22s ease !important;
}

html.route-common-home [class*="module-products-"].module-products .product-grid .product-thumb:hover .buttons-wrapper {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}

html.route-common-home [class*="module-products-"].module-products .product-grid .button-group {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  width: 100% !important;
  padding: 0 !important;
  background: transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

html.route-common-home [class*="module-products-"].module-products .product-grid .stepper,
html.route-common-home [class*="module-products-"].module-products .product-grid .btn-wishlist {
  display: none !important;
}

html.route-common-home [class*="module-products-"].module-products .product-grid .btn-cart,
html.route-common-home [class*="module-products-"].module-products .product-grid .btn-compare {
  display: block !important;
  width: 100% !important;
  height: 36px !important;
  min-width: 0 !important;
  padding: 0 8px !important;
  border: 0 !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 36px !important;
  text-align: center !important;
  text-transform: none !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, .12) !important;
}

html.route-common-home [class*="module-products-"].module-products .product-grid .btn-cart::before,
html.route-common-home [class*="module-products-"].module-products .product-grid .btn-compare::before {
  display: none !important;
  content: none !important;
}

html.route-common-home [class*="module-products-"].module-products .product-grid .btn-cart {
  background: #711867 !important;
  color: #fff !important;
}

html.route-common-home [class*="module-products-"].module-products .product-grid .btn-compare {
  background: #fff !important;
  color: #14243b !important;
}

html.route-common-home [class*="module-products-"].module-products .product-grid .btn-cart:hover {
  background: #5f1258 !important;
  color: #fff !important;
}

html.route-common-home [class*="module-products-"].module-products .product-grid .btn-compare:hover {
  background: #fff !important;
  color: #711867 !important;
}

html.route-common-home [class*="module-products-"].module-products .product-grid .product-thumb .extra-group {
  display: block !important;
  order: 4 !important;
  margin: 16px 0 0 !important;
  padding: 0 !important;
  position: static !important;
  width: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

html.route-common-home [class*="module-products-"].module-products .product-grid .product-thumb .extra-group > div {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  width: 100% !important;
}

html.route-common-home [class*="module-products-"].module-products .product-grid .product-thumb .extra-group .btn-extra {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #666 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-align: left !important;
  box-shadow: none !important;
}

html.route-common-home [class*="module-products-"].module-products .product-grid .product-thumb .extra-group .btn-extra:hover {
  color: #711867 !important;
  background: transparent !important;
}

html.route-common-home [class*="module-products-"].module-products .product-grid .product-thumb .caption {
  position: static !important;
  padding: 18px !important;
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
}

html.route-common-home [class*="module-products-"].module-products .product-grid .product-thumb .stats,
html.route-common-home [class*="module-products-"].module-products .product-grid .product-thumb .rating,
html.route-common-home [class*="module-products-"].module-products .product-grid .product-thumb .description {
  display: none !important;
}

html.route-common-home [class*="module-products-"].module-products .product-grid .product-thumb .name {
  order: 2 !important;
  min-height: 44px !important;
  margin: 0 !important;
}

html.route-common-home [class*="module-products-"].module-products .product-grid .product-thumb .name a {
  display: -webkit-box !important;
  overflow: hidden !important;
  color: #123052 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.45 !important;
  text-transform: uppercase !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

html.route-common-home [class*="module-products-"].module-products .product-grid .product-thumb .price {
  order: 3 !important;
  margin: 16px 0 0 !important;
  padding-top: 16px !important;
  border-top: 1px solid #edf1f5 !important;
  color: #111827 !important;
  font-size: 21px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}

html.route-common-home [class*="module-products-"].module-products .product-grid .product-thumb .price-tax {
  display: none !important;
}

@media (max-width: 1200px) {
  html.route-common-home [class*="module-products-"].module-products .product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }
}

@media (max-width: 900px) {
  html.route-common-home [class*="module-products-"].module-products .product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  html.route-common-home [class*="module-products-"].module-products .product-grid .product-thumb .image {
    height: 185px !important;
  }

  html.route-common-home [class*="module-products-"].module-products .product-grid .buttons-wrapper {
    display: none !important;
  }

  html.route-common-home [class*="module-products-"].module-products .product-grid .product-thumb .name a {
    font-size: 12px !important;
  }

  html.route-common-home [class*="module-products-"].module-products .product-grid .product-thumb .price {
    font-size: 17px !important;
  }
}

/* Beat Journal per-module inline CSS (module-products-309 etc.). */
html.route-common-home [class*="module-products-"].module-products .product-grid .product-layout {
  padding: 0 !important;
  width: auto !important;
}

html.route-common-home [class*="module-products-"].module-products .product-grid .product-thumb .product-img {
  border-width: 0 !important;
}

html.route-common-home [class*="module-products-"].module-products .product-grid .product-thumb .product-labels {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

html.route-common-home [class*="module-products-"].module-products .product-grid .quickview-button,
html.route-common-home [class*="module-products-"].module-products .product-grid .btn-quickview {
  display: none !important;
}

html.route-common-home [class*="module-products-"].module-products .product-grid .btn-cart,
html.route-common-home [class*="module-products-"].module-products .product-grid .btn-compare {
  width: 100% !important;
  height: 36px !important;
  min-width: 0 !important;
}

html.route-common-home [class*="module-products-"].module-products .product-grid .btn-cart .btn-text,
html.route-common-home [class*="module-products-"].module-products .product-grid .btn-compare .btn-text {
  display: inline-block !important;
}

html.route-common-home [class*="module-products-"].module-products .product-grid .btn-wishlist,
html.route-common-home [class*="module-products-"].module-products .product-grid .stepper {
  display: none !important;
}

html.route-common-home [class*="module-products-"].module-products .product-grid .product-thumb .rating,
html.route-common-home [class*="module-products-"].module-products .product-grid .product-thumb .description {
  display: none !important;
}

/* Category pages use the same product cards while preserving the right category sidebar. */
html.route-product-category > body > .container > .row,
html.route-product-category .site-wrapper > .container > .row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 290px !important;
  gap: 28px !important;
  align-items: start !important;
}

html.route-product-category #content {
  grid-column: 1 / 2 !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
}

html.route-product-category #column-right {
  display: block !important;
  grid-column: 2 / 3 !important;
  grid-row: 1 !important;
  align-self: start !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  padding: 0 !important;
}

html.route-product-category #column-right .nx-category-sidebar {
  position: sticky !important;
  top: 12px !important;
  max-height: calc(100vh - 36px) !important;
  overflow: auto !important;
}

html.route-product-category .main-products.product-grid {
  grid-template-columns: repeat(auto-fill, minmax(235px, 1fr)) !important;
}

@media (max-width: 1024px) {
  html.route-product-category > body > .container > .row,
  html.route-product-category .site-wrapper > .container > .row {
    grid-template-columns: 1fr !important;
  }

  html.route-product-category #content,
  html.route-product-category #column-right {
    grid-column: 1 !important;
  }

}

@media (max-width: 900px) {
  html.route-product-category .breadcrumb + .container {
    margin-top: -48px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  html.route-product-category #content {
    padding-top: 0 !important;
  }

  html.route-product-category .breadcrumb {
    margin-top: 8px !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    overflow: visible !important;
  }

  html.route-product-category .breadcrumb::before,
  html.route-product-category .breadcrumb::after,
  html.route-product-category .breadcrumb > li::before,
  html.route-product-category .breadcrumb > li::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
  }

  html.route-product-category .mobile-search-group,
  html.route-product-category .mobile-search-wrapper,
  html.route-product-category .mobile-search-wrapper #search,
  html.route-product-category .mobile-search-wrapper .search-input,
  html.route-product-category .mobile-search-wrapper .input-group,
  html.route-product-category .mobile-search-wrapper input,
  html.route-product-category .breadcrumb,
  html.route-product-category .breadcrumb + .container,
  html.route-product-category .breadcrumb + .container > .row,
  html.route-product-category #content {
    border-left: 0 !important;
    box-shadow: none !important;
  }

  html.route-product-category .mobile-search-group::before,
  html.route-product-category .mobile-search-group::after,
  html.route-product-category .mobile-search-wrapper::before,
  html.route-product-category .mobile-search-wrapper::after,
  html.route-product-category .site-wrapper::before,
  html.route-product-category .site-wrapper::after,
  html.mobile-header-active.route-product-category .site-wrapper::before,
  html.mobile-header-active.route-product-category .site-wrapper::after,
  html.ios.mobile-header-active.route-product-category:not(.popup) .site-wrapper::before,
  html.ios.mobile-header-active.route-product-category:not(.popup) .site-wrapper::after,
  html.mobile-overlay.route-product-category .site-wrapper::before,
  html.mobile-overlay.route-product-category .site-wrapper::after,
  html.route-product-category .breadcrumb + .container::before,
  html.route-product-category .breadcrumb + .container::after,
  html.route-product-category .breadcrumb + .container > .row::before,
  html.route-product-category .breadcrumb + .container > .row::after,
  html.route-product-category #content::before,
  html.route-product-category #content::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    background: transparent !important;
    opacity: 0 !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
  }

  html.route-product-category #content > h1.title,
  html.route-product-category #content > .title.page-title {
    margin: 6px 0 12px !important;
    font-size: 31px !important;
    line-height: 1.05 !important;
  }

  html.route-product-category #content > .category-description,
  html.route-product-category #content > .category-description:empty {
    position: static !important;
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  html.route-product-category #content > .category-description::before,
  html.route-product-category #content > .category-description::after {
    content: none !important;
    display: none !important;
  }

  html.route-product-category #content > h1.title + .category-description + #content-top,
  html.route-product-category #content > .title.page-title + .category-description + #content-top {
    margin-top: 0 !important;
  }

  html.route-product-category #content-top,
  html.route-product-category #content-top .module,
  html.route-product-category #content-top .module-body,
  html.route-product-category #content-top .module-item,
  html.route-product-category #content-top .block-body,
  html.route-product-category #content-top .block-wrapper {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  html.route-product-category #content-top .block-description {
    margin: 0 0 18px !important;
    padding: 0 !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
    color: #3b4b61 !important;
    column-count: 1 !important;
    column-gap: 0 !important;
    column-rule: 0 !important;
  }

  html.route-product-category .main-products,
  html.route-product-category .main-products.product-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
    margin: 0 !important;
  }

  html.route-product-category .main-products.product-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  html.route-product-category .main-products .product-layout {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
  }
}

/* Mobile filter drawer polish. */
@media (max-width: 900px) {
  html:is(.route-product-catalog, .route-product-category) .mobile-filter-container {
    width: min(92vw, 390px) !important;
    background: #fff !important;
    box-shadow: 24px 0 48px rgba(15, 23, 42, .28) !important;
  }

  html:is(.route-product-catalog, .route-product-category) .mobile-filter-container .mobile-wrapper-header {
    min-height: 56px !important;
    padding: 0 14px !important;
    background: #711867 !important;
    color: #fff !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
  }

  html:is(.route-product-catalog, .route-product-category) .mobile-filter-container .mobile-wrapper-header > span,
  html:is(.route-product-catalog, .route-product-category) .mobile-filter-container .mobile-wrapper-header .module-title,
  html:is(.route-product-catalog, .route-product-category) .mobile-filter-container .mobile-wrapper-header .title {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: #fff !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
  }

  html:is(.route-product-catalog, .route-product-category) .mobile-filter-container .mobile-wrapper-header .reset-filter {
    margin-left: auto !important;
    height: 30px !important;
    padding: 0 10px !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: rgba(255, 255, 255, .14) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
  }

  html:is(.route-product-catalog, .route-product-category) .mobile-filter-container .x {
    color: #fff !important;
    font-size: 24px !important;
  }

  html:is(.route-product-catalog, .route-product-category) .mobile-filter-wrapper {
    padding: 18px 16px 28px !important;
    background: #fff !important;
  }

  html:is(.route-product-catalog, .route-product-category) .mobile-filter-wrapper .module-filter,
  html:is(.route-product-catalog, .route-product-category) .mobile-filter-wrapper .nx-category-sidebar {
    margin: 0 0 14px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  html:is(.route-product-catalog, .route-product-category) .mobile-filter-wrapper .module-item,
  html:is(.route-product-catalog, .route-product-category) .mobile-filter-wrapper .panel {
    margin: 0 !important;
    padding: 16px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #e5edf5 !important;
    background: transparent !important;
  }

  html:is(.route-product-catalog, .route-product-category) .mobile-filter-wrapper .filter-group-title,
  html:is(.route-product-catalog, .route-product-category) .mobile-filter-wrapper .panel-title a,
  html:is(.route-product-catalog, .route-product-category) .mobile-filter-wrapper .nx-category-sidebar__title,
  html:is(.route-product-catalog, .route-product-category) .mobile-filter-wrapper .nx-category-sidebar__group summary {
    color: #123052 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
  }

  html:is(.route-product-catalog, .route-product-category) .mobile-filter-wrapper .extra-controls {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto !important;
    gap: 8px !important;
    align-items: center !important;
  }

  html:is(.route-product-catalog, .route-product-category) .mobile-filter-wrapper input[type="text"],
  html:is(.route-product-catalog, .route-product-category) .mobile-filter-wrapper input[type="number"] {
    height: 38px !important;
    border: 1px solid #dbe4ef !important;
    border-radius: 7px !important;
    text-align: center !important;
  }

  html:is(.route-product-catalog, .route-product-category) .mobile-filter-wrapper .nx-category-sidebar {
    margin-top: 18px !important;
    padding-top: 18px !important;
    border-top: 2px solid #eef3f8 !important;
  }

  html:is(.route-product-catalog, .route-product-category) .mobile-filter-wrapper .nx-category-sidebar__title {
    margin: 0 0 14px !important;
    padding: 0 0 10px !important;
    border-bottom: 2px solid #b98a2d !important;
    font-size: 18px !important;
  }

  html:is(.route-product-catalog, .route-product-category) .mobile-filter-wrapper .nx-category-sidebar__main,
  html:is(.route-product-catalog, .route-product-category) .mobile-filter-wrapper .nx-category-sidebar__group {
    padding: 12px 0 !important;
    border-bottom: 1px solid #e5edf5 !important;
  }

  html:is(.route-product-catalog, .route-product-category) .mobile-filter-wrapper .nx-category-sidebar__group a {
    display: block !important;
    margin: 8px 0 0 16px !important;
    color: #4d5f74 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
  }
}

/* Right category/filter column polish. */
html:is(.route-product-catalog, .route-product-category) #column-right {
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
}

html:is(.route-product-catalog, .route-product-category) #column-right .nx-category-sidebar,
html:is(.route-product-catalog, .route-product-category) #column-right .module {
  margin: 0 !important;
  padding: 20px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .06) !important;
}

html:is(.route-product-catalog, .route-product-category) #column-right .nx-category-sidebar {
  max-height: none !important;
  overflow: visible !important;
}

html:is(.route-product-catalog, .route-product-category) #column-right .nx-category-sidebar__body {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}

html:is(.route-product-catalog, .route-product-category) #column-right .nx-category-sidebar__title,
html:is(.route-product-catalog, .route-product-category) #column-right .module-title,
html:is(.route-product-catalog, .route-product-category) #column-right .title {
  display: block !important;
  margin: 0 0 18px !important;
  padding: 0 0 12px !important;
  color: #14243b !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
  border-bottom: 2px solid #b98a2d !important;
}

html:is(.route-product-catalog, .route-product-category) #column-right .nx-category-sidebar__title::after,
html:is(.route-product-catalog, .route-product-category) #column-right .module-title::after,
html:is(.route-product-catalog, .route-product-category) #column-right .title::after {
  display: none !important;
}

html:is(.route-product-catalog, .route-product-category) #column-right .nx-category-sidebar__main {
  min-height: 38px !important;
  padding-bottom: 12px !important;
  font-size: 14px !important;
}

html:is(.route-product-catalog, .route-product-category) #column-right .nx-category-sidebar__group {
  padding: 12px 0 !important;
}

html:is(.route-product-catalog, .route-product-category) #column-right .nx-category-sidebar__group a {
  margin: 8px 0 0 15px !important;
  padding: 5px 0 !important;
  font-size: 13px !important;
}

html:is(.route-product-catalog, .route-product-category) #column-right .module-body,
html:is(.route-product-catalog, .route-product-category) #column-right .module-item,
html:is(.route-product-catalog, .route-product-category) #column-right .filter-item {
  background: transparent !important;
  border-color: #edf1f5 !important;
}

html:is(.route-product-catalog, .route-product-category) #column-right .module-filter,
html:is(.route-product-catalog, .route-product-category) #column-right .module-filter .module-body {
  overflow: visible !important;
}

html:is(.route-product-catalog, .route-product-category) #column-right .module-filter {
  position: static !important;
  clear: both !important;
}

html:is(.route-product-catalog, .route-product-category) #column-right .filter-group-title,
html:is(.route-product-catalog, .route-product-category) #column-right .panel-heading,
html:is(.route-product-catalog, .route-product-category) #column-right legend {
  margin: 18px 0 12px !important;
  color: #4f8db3 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

html:is(.route-product-catalog, .route-product-category) #column-right input[type="text"],
html:is(.route-product-catalog, .route-product-category) #column-right input[type="number"] {
  height: 36px !important;
  border: 1px solid #d9e1ec !important;
  border-radius: 6px !important;
  background: #fff !important;
}

/* Keep hover image visible when a product has no dedicated second image. */
html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb:hover .product-img img.img-first {
  opacity: 1 !important;
  transform: none !important;
}

/* Grid hover buttons: keep a transparent gap between buttons. */
html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb:hover .buttons-wrapper {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

html:is(.route-product-catalog, .route-product-category) .product-grid .button-group {
  gap: 10px !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

html:is(.route-product-catalog, .route-product-category) .product-grid .cart-group,
html:is(.route-product-catalog, .route-product-category) .product-grid .wish-group {
  background: transparent !important;
}


html:is(.route-product-catalog, .route-product-category) .product-grid .btn-cart,
html:is(.route-product-catalog, .route-product-category) .product-grid .btn-compare {
  border-radius: 8px !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, .12) !important;
}

/* Final desktop grid polish: image fills the card frame, hover buttons stay clean. */
@media (min-width: 901px) {
  html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb .image {
    height: 280px !important;
    min-height: 280px !important;
    background: #f8fafc !important;
  }

  html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb .product-img,
  html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb .product-img > div {
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
  }

  html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb .product-img img,
  html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb .product-img img.img-first,
  html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb .product-img img.img-second {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  html:is(.route-product-catalog, .route-product-category) .product-grid .buttons-wrapper {
    display: block !important;
    top: 224px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(12px) !important;
  }

  html:is(.route-product-catalog, .route-product-category) .product-grid .product-thumb:hover .buttons-wrapper {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
  }

  html:is(.route-product-catalog, .route-product-category) .product-grid .button-group {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    background: transparent !important;
    background-color: transparent !important;
  }
}

/* Account login page (catalog-example; register uses nixrad-custom-migrated.css only). */
html.route-account-login body {
  background: #f6f8fb !important;
}

html.route-account-login .breadcrumb {
  max-width: 1180px !important;
  margin: 18px auto 0 !important;
  padding: 0 18px !important;
}

html.route-account-login #account-login {
  max-width: 1180px !important;
  padding: 28px 18px 58px !important;
}

html.route-account-login #content {
  width: 100% !important;
}

html.route-account-login #account-login > .row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 300px !important;
  gap: 24px !important;
  margin: 0 !important;
  align-items: start !important;
}

html.route-account-login #account-login > .row > #content {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
}

/* Login + forgotten: shared account sidebar (#column-right). */
html:is(.route-account-login, .route-account-forgotten) #column-right {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

html:is(.route-account-login, .route-account-forgotten) #column-right .module,
html:is(.route-account-login, .route-account-forgotten) #column-right .side-module,
html:is(.route-account-login, .route-account-forgotten) #column-right .box,
html:is(.route-account-login, .route-account-forgotten) #column-right .accordion-menu {
  margin: 0 !important;
  padding: 18px !important;
  border: 1px solid #e1e8f2 !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 18px 38px rgba(15, 23, 42, .07) !important;
  overflow: hidden !important;
}

html:is(.route-account-login, .route-account-forgotten) #column-right .list-group {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html:is(.route-account-login, .route-account-forgotten) #column-right .module-title,
html:is(.route-account-login, .route-account-forgotten) #column-right .title,
html:is(.route-account-login, .route-account-forgotten) #column-right h3 {
  margin: 0 0 16px !important;
  padding: 0 0 13px !important;
  border-bottom: 2px solid #b98a2d !important;
  color: #14243b !important;
  font-size: 19px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
}

html:is(.route-account-login, .route-account-forgotten) #column-right .accordion-menu .module-title {
  color: transparent !important;
  font-size: 0 !important;
}

html:is(.route-account-login, .route-account-forgotten) #column-right .accordion-menu .module-title::before {
  content: "HESAP MENÜSÜ" !important;
  display: inline-block !important;
  color: #14243b !important;
  font-size: 19px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

html:is(.route-account-login, .route-account-forgotten) #column-right .accordion-menu .j-menu {
  display: flex !important;
  flex-direction: column !important;
  gap: 9px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  list-style: none !important;
}

html:is(.route-account-login, .route-account-forgotten) #column-right .accordion-menu .j-menu > li {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

html:is(.route-account-login, .route-account-forgotten) #column-right a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 44px !important;
  padding: 11px 13px !important;
  border: 1px solid #e8edf5 !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, #fff, #f8fafc) !important;
  color: #273a55 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, .035) !important;
  transition: color .18s ease, border-color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease !important;
}

html:is(.route-account-login, .route-account-forgotten) #column-right .accordion-menu a::before {
  content: "" !important;
  display: block !important;
  width: 7px !important;
  height: 7px !important;
  margin-right: 10px !important;
  border-radius: 50% !important;
  background: #b98a2d !important;
  flex: 0 0 auto !important;
}

html:is(.route-account-login, .route-account-forgotten) #column-right .accordion-menu a .links-text {
  min-width: 0 !important;
  flex: 1 1 auto !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

html:is(.route-account-login, .route-account-forgotten) #column-right a:hover {
  transform: translateX(4px) !important;
  border-color: rgba(113, 24, 103, .32) !important;
  background: #fff !important;
  color: #711867 !important;
  box-shadow: 0 12px 24px rgba(113, 24, 103, .09) !important;
}

html:is(.route-account-login, .route-account-forgotten) #column-right .accordion-menu a:hover::before {
  background: #711867 !important;
}

html:is(.route-account-login, .route-account-forgotten) #column-right .accordion-menu .count-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 20px !important;
  height: 20px !important;
  margin-left: 8px !important;
  border-radius: 999px !important;
  background: #711867 !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

html:is(.route-account-login, .route-account-forgotten) #column-right .accordion-menu .accordion-menu-item-5,
html:is(.route-account-login, .route-account-forgotten) #column-right .accordion-menu .accordion-menu-item-6,
html:is(.route-account-login, .route-account-forgotten) #column-right .accordion-menu .accordion-menu-item-7,
html:is(.route-account-login, .route-account-forgotten) #column-right .accordion-menu .accordion-menu-item-9,
html:is(.route-account-login, .route-account-forgotten) #column-right .accordion-menu .accordion-menu-item-11 {
  display: none !important;
}

html.route-account-login #content > .page-title {
  margin: 0 0 24px !important;
  color: #14243b !important;
  font-size: 34px !important;
  font-weight: 900 !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

html.route-account-login #content > .page-title::after {
  content: "" !important;
  display: block !important;
  width: 54px !important;
  height: 2px !important;
  margin-top: 12px !important;
  background: #b98a2d !important;
}

html.route-account-login .login-box {
  display: grid !important;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1fr) !important;
  gap: 24px !important;
  margin: 0 !important;
  align-items: stretch !important;
}

html.route-account-login .login-box > [class*="col-"] {
  width: auto !important;
  float: none !important;
  padding: 0 !important;
}

html.route-account-login .well {
  height: 100% !important;
  margin: 0 !important;
  padding: 28px !important;
  border: 1px solid #e1e8f2 !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, .07) !important;
}

html.route-account-login .login-box > [class*="col-"]:first-child .well {
  position: relative !important;
  overflow: hidden !important;
  color: #fff !important;
  background: linear-gradient(135deg, #14243b 0%, #711867 100%) !important;
  border-color: transparent !important;
}

html.route-account-login .login-box > [class*="col-"]:first-child .well::after {
  content: "" !important;
  position: absolute !important;
  right: -70px !important;
  bottom: -90px !important;
  width: 220px !important;
  height: 220px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, .12) !important;
}

html.route-account-login .well .title {
  margin: 0 0 16px !important;
  padding: 0 0 12px !important;
  border: 0 !important;
  border-bottom: 2px solid #b98a2d !important;
  color: #14243b !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

html.route-account-login .login-box > [class*="col-"]:first-child .well .title,
html.route-account-login .login-box > [class*="col-"]:first-child .well p,
html.route-account-login .login-box > [class*="col-"]:first-child .well strong {
  position: relative !important;
  z-index: 1 !important;
  color: #fff !important;
}

html.route-account-login .well p {
  color: #5d6b80 !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}

html.route-account-login .form-horizontal .form-group {
  margin: 0 0 16px !important;
}

html.route-account-login .control-label {
  display: block !important;
  width: 100% !important;
  float: none !important;
  margin: 0 0 7px !important;
  padding: 0 !important;
  color: #14243b !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-align: left !important;
}

html.route-account-login .form-horizontal .col-sm-10,
html.route-account-login .form-horizontal .col-sm-2 {
  width: 100% !important;
  float: none !important;
  padding: 0 !important;
}

html.route-account-login .form-control {
  height: 46px !important;
  border: 1px solid #d7e1ee !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #14243b !important;
  font-size: 14px !important;
  box-shadow: none !important;
}

html.route-account-login .form-control:focus {
  border-color: #711867 !important;
  box-shadow: 0 0 0 3px rgba(113, 24, 103, .12) !important;
}

html.route-account-login .buttons {
  margin-top: 18px !important;
}

html.route-account-login .buttons .pull-right {
  float: none !important;
  display: flex !important;
  justify-content: flex-end !important;
}

html.route-account-login .btn-primary {
  min-height: 44px !important;
  padding: 0 24px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #711867 !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 44px !important;
  box-shadow: 0 12px 24px rgba(113, 24, 103, .18) !important;
}

html.route-account-login .btn-primary:hover {
  background: #5f1258 !important;
}

html.route-account-login .login-box > [class*="col-"]:first-child .btn-primary {
  background: #fff !important;
  color: #711867 !important;
}

html.route-account-login .login-form a {
  display: inline-block !important;
  margin-top: 8px !important;
  padding: 9px 14px !important;
  border-radius: 999px !important;
  background: #711867 !important;
  color: #fff !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

html.route-account-login .login-form a:hover {
  background: #5f1258 !important;
  color: #fff !important;
}

@media (max-width: 900px) {
  html.route-account-login .login-box {
    grid-template-columns: 1fr !important;
  }

  html.route-account-login #account-login {
    padding: 18px 14px 40px !important;
  }

  html.route-account-login #account-login > .row {
    grid-template-columns: 1fr !important;
  }

  html:is(.route-account-login, .route-account-forgotten) #column-right {
    order: 2 !important;
  }

  html.route-account-login #content > .page-title {
    font-size: 26px !important;
  }

  html.route-account-login .well {
    padding: 20px !important;
    border-radius: 14px !important;
  }
}

html.route-account-forgotten,
html.route-account-forgotten body {
  background: #f6f8fb !important;
  color: #14243b !important;
}

html.route-account-forgotten .breadcrumb {
  width: min(100%, 1040px) !important;
  margin: 0 auto !important;
  padding: 18px 24px !important;
  border: 0 !important;
  background: transparent !important;
}

html.route-account-forgotten #account-forgotten {
  width: min(100%, 1040px) !important;
  max-width: 1040px !important;
  padding: 0 24px 56px !important;
}

html.route-account-forgotten #account-forgotten > .row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 300px !important;
  gap: 24px !important;
  margin: 0 !important;
  align-items: start !important;
}

html.route-account-forgotten #account-forgotten #content {
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 34px !important;
  border: 1px solid #e3e9f1 !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 18px 42px rgba(20, 36, 59, 0.08) !important;
}

html.route-account-forgotten #content > .page-title,
html.route-account-forgotten #content > h1 {
  margin: 0 0 10px !important;
  color: #14243b !important;
  font-size: 30px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

html.route-account-forgotten #content > .page-title::after,
html.route-account-forgotten #content > h1::after {
  content: "" !important;
  display: block !important;
  width: 52px !important;
  height: 2px !important;
  margin-top: 12px !important;
  background: #c59b45 !important;
}

html.route-account-forgotten #content > p {
  margin: 0 0 26px !important;
  color: #5d6b7c !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}

html.route-account-forgotten form.form-horizontal {
  margin: 0 !important;
  padding: 26px !important;
  border: 1px solid #e8edf4 !important;
  border-radius: 10px !important;
  background: #fbfcfe !important;
}

html.route-account-forgotten fieldset {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

html.route-account-forgotten legend {
  width: 100% !important;
  margin: 0 0 18px !important;
  padding: 0 0 12px !important;
  border: 0 !important;
  border-bottom: 2px solid #c59b45 !important;
  color: #14243b !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
}

html.route-account-forgotten .form-horizontal .form-group {
  display: grid !important;
  grid-template-columns: 150px minmax(0, 1fr) !important;
  gap: 12px 18px !important;
  align-items: start !important;
  margin: 0 0 18px !important;
}

html.route-account-forgotten .form-horizontal .form-group::before,
html.route-account-forgotten .form-horizontal .form-group::after {
  display: none !important;
}

html.route-account-forgotten .control-label {
  float: none !important;
  width: auto !important;
  padding: 11px 0 0 !important;
  color: #2c3f58 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  text-align: left !important;
}

html.route-account-forgotten .form-horizontal .col-sm-10,
html.route-account-forgotten .form-horizontal .col-sm-2 {
  float: none !important;
  width: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
}

html.route-account-forgotten .form-control {
  width: 100% !important;
  height: 44px !important;
  border: 1px solid #d7e0ea !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #14243b !important;
  font-size: 14px !important;
  box-shadow: none !important;
  transition: border-color .15s ease, box-shadow .15s ease !important;
}

html.route-account-forgotten .form-control:focus {
  border-color: #711867 !important;
  box-shadow: 0 0 0 3px rgba(113, 24, 103, 0.1) !important;
}

html.route-account-forgotten .alert-danger {
  max-width: 1040px !important;
  margin: 0 auto 18px !important;
  border: 1px solid #f0c7c2 !important;
  border-radius: 8px !important;
  background: #fff2f0 !important;
  color: #9f2f25 !important;
}

html.route-account-forgotten .buttons {
  display: flex !important;
  gap: 12px !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin: 22px 0 0 !important;
  padding: 0 !important;
}

html.route-account-forgotten .buttons::before,
html.route-account-forgotten .buttons::after {
  display: none !important;
}

html.route-account-forgotten .buttons .pull-left,
html.route-account-forgotten .buttons .pull-right {
  float: none !important;
}

html.route-account-forgotten .btn-default,
html.route-account-forgotten .btn-primary {
  min-height: 44px !important;
  padding: 0 22px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 44px !important;
  box-shadow: none !important;
}

html.route-account-forgotten .btn-default {
  border: 1px solid #d7e0ea !important;
  background: #fff !important;
  color: #14243b !important;
}

html.route-account-forgotten .btn-default:hover {
  border-color: #c59b45 !important;
  color: #14243b !important;
}

html.route-account-forgotten .btn-primary {
  border: 0 !important;
  background: #711867 !important;
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(113, 24, 103, 0.18) !important;
}

html.route-account-forgotten .btn-primary:hover {
  background: #5d1455 !important;
}

@media (max-width: 767px) {
  html.route-account-forgotten #account-forgotten {
    padding: 0 14px 34px !important;
  }

  html.route-account-forgotten #account-forgotten #content {
    padding: 22px 16px !important;
    border-radius: 10px !important;
  }

  html.route-account-forgotten #content > .page-title,
  html.route-account-forgotten #content > h1 {
    font-size: 24px !important;
  }

  html.route-account-forgotten form.form-horizontal {
    padding: 18px !important;
  }

  html.route-account-forgotten .form-horizontal .form-group {
    display: block !important;
  }

  html.route-account-forgotten .control-label {
    display: block !important;
    padding: 0 0 7px !important;
  }

  html.route-account-forgotten .buttons {
    display: block !important;
  }

  html.route-account-forgotten .buttons .pull-left,
  html.route-account-forgotten .buttons .pull-right,
  html.route-account-forgotten .btn-default,
  html.route-account-forgotten .btn-primary {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
  }

  html.route-account-forgotten .buttons .pull-right {
    margin-top: 12px !important;
  }
}

@media (max-width: 900px) {
  html.route-account-forgotten #account-forgotten > .row {
    grid-template-columns: 1fr !important;
  }
}

/* Nixrad account menu language overrides */
html[lang^="en"]:is(.route-account-login, .route-account-forgotten) #column-right .accordion-menu .module-title::before {
  content: "ACCOUNT MENU" !important;
}

html[lang^="de"]:is(.route-account-login, .route-account-forgotten) #column-right .accordion-menu .module-title::before {
  content: "KONTOMENÜ" !important;
}

/* Nixrad desktop search results */
@media (min-width: 901px) {
  html.route-product-search #product-search #content {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }

  html.route-product-search .search-criteria-title {
    display: none !important;
  }

  html.route-product-search #product-search .search-form {
    position: relative !important;
    margin: 8px 0 18px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    width: min(100%, 760px) !important;
    max-width: 760px !important;
  }

  html.route-product-search #product-search .search-form .inputs {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  html.route-product-search #product-search .search-form select,
  html.route-product-search #product-search .search-form .checkbox {
    display: none !important;
  }

  html.route-product-search #product-search #input-search {
    display: block !important;
    width: 100% !important;
    max-width: 760px !important;
    height: 54px !important;
    padding: 0 76px 0 18px !important;
    border: 1px solid #e3e9f2 !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #123052 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    box-shadow: 0 12px 30px rgba(16, 24, 40, .06) !important;
  }

  html.route-product-search #product-search #input-search:focus {
    border-color: #711867 !important;
    box-shadow: 0 0 0 3px rgba(113, 24, 103, .12) !important;
  }

  html.route-product-search #product-search .search-form > .buttons {
    position: absolute !important;
    z-index: 2 !important;
    width: 58px !important;
    height: 54px !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html.route-product-search #product-search .search-form > .buttons .pull-right {
    float: none !important;
    width: 58px !important;
    height: 54px !important;
  }

  html.route-product-search #button-search {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    width: 58px !important;
    height: 54px !important;
    min-width: 58px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 10px 10px 0 !important;
    background: #711867 !important;
    color: #fff !important;
    font-size: 0 !important;
    box-shadow: none !important;
  }

  html.route-product-search #button-search::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 24px !important;
    height: 24px !important;
    background: #fff !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M16 16l5 5'/%3E%3C/svg%3E") center / contain no-repeat !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M16 16l5 5'/%3E%3C/svg%3E") center / contain no-repeat !important;
    transform: translate(-50%, -50%) !important;
  }

  html.route-product-search #button-search span {
    display: none !important;
  }

  html.route-product-search .search-products-title {
    margin: 4px 0 18px !important;
    font-size: 22px !important;
    line-height: 1.25 !important;
  }

  html.route-product-search .products-filter {
    margin: 0 0 22px !important;
    padding: 12px 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    border: 1px solid #e6ebf2 !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  html.route-product-search .products-filter .grid-list,
  html.route-product-search .products-filter .select-group {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 0 !important;
  }

  html.route-product-search .products-filter .compare-btn {
    display: none !important;
  }

  html.route-product-search .products-filter .view-btn {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    border: 1px solid #dbe3ec !important;
    border-radius: 9px !important;
    background: #fff !important;
    color: #14243b !important;
    box-shadow: none !important;
  }

  html.route-product-search .products-filter .view-btn.active,
  html.route-product-search .products-filter .view-btn:hover {
    border-color: #711867 !important;
    background: #711867 !important;
    color: #fff !important;
  }

  html.route-product-search .products-filter .input-group {
    width: auto !important;
    margin: 0 !important;
  }

  html.route-product-search .products-filter .input-group-addon {
    display: none !important;
  }

  html.route-product-search .products-filter .sort-by select {
    width: 230px !important;
  }

  html.route-product-search .products-filter .per-page select {
    width: 82px !important;
    text-align-last: center !important;
  }

  html.route-product-search .products-filter select.form-control {
    height: 42px !important;
    border: 1px solid #dbe3ec !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #14243b !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
  }

  html.route-product-search .main-products-wrapper {
    display: block !important;
    width: 100% !important;
  }

  html.route-product-search .pagination-results {
    clear: both !important;
    display: block !important;
    width: 100% !important;
    margin: 24px 0 0 !important;
    padding-top: 18px !important;
    border-top: 1px solid #edf1f5 !important;
  }

  html.route-product-search .pagination-results > div {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    text-align: center !important;
  }
}

html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .product-grid .btn-compare::before,
html.route-product-search .product-grid .btn-compare::before {
  content: "" !important;
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  margin: 9px auto !important;
  background: #14243b !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 1l4 4-4 4'/%3E%3Cpath d='M3 11V9a4 4 0 0 1 4-4h14'/%3E%3Cpath d='M7 23l-4-4 4-4'/%3E%3Cpath d='M21 13v2a4 4 0 0 1-4 4H3'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 1l4 4-4 4'/%3E%3Cpath d='M3 11V9a4 4 0 0 1 4-4h14'/%3E%3Cpath d='M7 23l-4-4 4-4'/%3E%3Cpath d='M21 13v2a4 4 0 0 1-4 4H3'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .product-grid .btn-compare .btn-text,
html.route-product-search .product-grid .btn-compare .btn-text {
  display: none !important;
}

/* Listing parity: search, category, special and manufacturer grids follow catalog cards. */
html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products.product-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(235px, 1fr)) !important;
  justify-content: start !important;
  gap: 24px !important;
  margin: 0 !important;
}

html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products.product-grid::before,
html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products.product-grid::after {
  display: none !important;
  content: none !important;
}

html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products.product-grid .product-layout {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .product-grid .product-thumb {
  position: relative !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  border: 1px solid #e6ebf2 !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: none !important;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}

html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .product-grid .product-thumb:hover {
  transform: translateY(-5px) !important;
  border-color: #711867 !important;
  box-shadow: none !important;
}

html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .product-grid .product-thumb .image {
  position: relative !important;
  height: 230px !important;
  min-height: 230px !important;
  margin: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #fff !important;
}

html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .product-grid .product-thumb .product-img,
html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .product-grid .product-thumb .product-img > div {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  overflow: hidden !important;
}

html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .product-grid .product-thumb .product-img img,
html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .product-grid .product-thumb .product-img img.img-first,
html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .product-grid .product-thumb .product-img img.img-second {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: auto !important;
  object-fit: cover !important;
  object-position: center center !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  transition: opacity .35s ease, transform .35s ease !important;
}

html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .product-grid .product-thumb .product-img img.img-second {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: scale(1.08) !important;
}

html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .product-grid .product-thumb:hover .product-img img.img-first {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .product-grid .product-thumb:hover .product-img:has(img.img-second) img.img-first {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: scale(.95) !important;
}

html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .product-grid .product-thumb:hover .product-img:has(img.img-second) img.img-second {
  opacity: 1 !important;
  visibility: visible !important;
  transform: scale(1) !important;
}

@media (min-width: 901px) {
  html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .product-grid .product-thumb .image {
    height: 280px !important;
    min-height: 280px !important;
    background: #f8fafc !important;
  }

  html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .product-grid .buttons-wrapper {
    display: block !important;
    top: 224px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(12px) !important;
  }

  html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .product-grid .product-thumb:hover .buttons-wrapper {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
  }
}

@media (max-width: 900px) {
  html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products.product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .product-grid .product-thumb .image {
    aspect-ratio: 3 / 4 !important;
    height: auto !important;
    min-height: 0 !important;
  }

  html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .product-grid .product-thumb .product-img img,
  html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-manufacturer-info, .route-product-special) .product-grid .product-thumb .product-img img.img-first,
  html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-manufacturer-info, .route-product-special) .product-grid .product-thumb .product-img img.img-second {
    object-fit: contain !important;
  }
}

html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products.product-list .product-thumb .product-img,
html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products.product-list .product-thumb .product-img > div {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  overflow: hidden !important;
}

html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products.product-list .product-thumb .product-img img,
html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products.product-list .product-thumb .product-img img.img-first,
html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products.product-list .product-thumb .product-img img.img-second {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  transition: opacity .35s ease, transform .35s ease !important;
}

html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products.product-list .product-thumb .product-img img.img-second {
  opacity: 0 !important;
  transform: scale(1.03) !important;
}

html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products.product-list .product-thumb:hover .product-img img.img-first {
  opacity: 1 !important;
  transform: none !important;
}

html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products.product-list .product-thumb:hover .product-img:has(img.img-second) img.img-first {
  opacity: 0 !important;
  transform: scale(.98) !important;
}

html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products.product-list .product-thumb:hover .product-img:has(img.img-second) img.img-second {
  opacity: 1 !important;
  transform: scale(1) !important;
}

html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .product-grid .btn-compare::before {
  content: "" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  margin: 9px auto !important;
  background: #14243b !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 1l4 4-4 4'/%3E%3Cpath d='M3 11V9a4 4 0 0 1 4-4h14'/%3E%3Cpath d='M7 23l-4-4 4-4'/%3E%3Cpath d='M21 13v2a4 4 0 0 1-4 4H3'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 1l4 4-4 4'/%3E%3Cpath d='M3 11V9a4 4 0 0 1 4-4h14'/%3E%3Cpath d='M7 23l-4-4 4-4'/%3E%3Cpath d='M21 13v2a4 4 0 0 1-4 4H3'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .product-grid .btn-compare .btn-text {
  display: none !important;
}

@media (max-width: 767px) {
  html:is(.route-product-catalog, .route-product-category) .main-products.product-grid:not(.product-list) .product-thumb .product-img,
  html:is(.route-product-catalog, .route-product-category) .main-products.product-grid:not(.product-list) .product-thumb .product-img > div,
  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products.product-grid:not(.product-list) .product-thumb .product-img,
  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products.product-grid:not(.product-list) .product-thumb .product-img > div {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
  }

  html:is(.route-product-catalog, .route-product-category) .main-products.product-grid:not(.product-list) .product-thumb .product-img img,
  html:is(.route-product-catalog, .route-product-category) .main-products.product-grid:not(.product-list) .product-thumb .product-img img.img-first,
  html:is(.route-product-catalog, .route-product-category) .main-products.product-grid:not(.product-list) .product-thumb .product-img img.img-second,
  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products.product-grid:not(.product-list) .product-thumb .product-img img,
  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products.product-grid:not(.product-list) .product-thumb .product-img img.img-first,
  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products.product-grid:not(.product-list) .product-thumb .product-img img.img-second {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  html:is(.route-product-catalog, .route-product-category) .main-products.product-grid:not(.product-list) .product-thumb .product-img img.img-second,
  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products.product-grid:not(.product-list) .product-thumb .product-img img.img-second {
    opacity: 0 !important;
    transform: none !important;
  }
}

/* Product category hover restore. */
@media (hover: hover) and (pointer: fine) {
  html.route-product-category .product-grid .product-thumb:hover,
  html.route-product-catalog .product-grid .product-thumb:hover {
    transform: translateY(-5px) !important;
    border-color: #711867 !important;
    box-shadow: 0 14px 28px rgba(15, 23, 42, .12) !important;
  }

  html.route-product-category .product-grid .product-thumb:hover .buttons-wrapper,
  html.route-product-catalog .product-grid .product-thumb:hover .buttons-wrapper {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
  }

  html.route-product-category .product-grid .product-thumb:hover .product-img img.img-first,
  html.route-product-catalog .product-grid .product-thumb:hover .product-img img.img-first {
    opacity: 1 !important;
    transform: none !important;
  }
}

/* Restore visible compare label on white hover button. */
html:is(.route-product-catalog, .route-product-category) .product-grid .btn-compare .btn-text {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  color: #14243b !important;
  font-size: 0 !important;
  line-height: 36px !important;
}

html:is(.route-product-catalog, .route-product-category) .product-grid .btn-compare .btn-text::after {
  content: "Karşılaştır" !important;
  display: inline-block !important;
  color: #14243b !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 36px !important;
}

/* Restore compare icon on the white hover button. */
html:is(.route-product-catalog, .route-product-category) .product-grid .btn-compare::before {
  content: "\f0ec" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  color: #14243b !important;
  font-family: FontAwesome !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: normal !important;
  line-height: 36px !important;
}

html:is(.route-product-catalog, .route-product-category) .product-grid .btn-compare .btn-text {
  display: none !important;
}

/* Nixrad mobile product listing parity for search, special and manufacturer pages */
@media (max-width: 900px) {
  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .breadcrumb,
  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) > body > .container,
  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .site-wrapper > .container {
    width: calc(100vw - 36px) !important;
    margin-left: 18px !important;
    margin-right: 18px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) > body > .container > .row,
  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .site-wrapper > .container > .row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    margin: 0 !important;
  }

  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) #content,
  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products,
  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .product-layout {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    float: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .products-filter {
    margin: 0 0 18px !important;
    padding: 14px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
    border: 1px solid #e6ebf2 !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products,
  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products.product-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
    margin: 0 !important;
  }

  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products.product-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products .product-layout {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
  }

  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .product-grid .product-thumb {
    position: relative !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    border: 1px solid #e6ebf2 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .product-grid .product-thumb .image {
    aspect-ratio: 3 / 4 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    background: #fff !important;
    overflow: hidden !important;
  }

  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .product-grid .product-thumb .product-img,
  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .product-grid .product-thumb .product-img > div {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .product-grid .product-thumb .product-img img,
  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .product-grid .product-thumb .product-img img.img-first,
  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .product-grid .product-thumb .product-img img.img-second {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    transform: none !important;
  }

  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .product-grid .product-thumb .caption {
    position: static !important;
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    padding: 10px 11px 11px !important;
  }

  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .product-grid .product-thumb .stats,
  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .product-grid .product-thumb .rating,
  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .product-grid .product-thumb .description,
  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .product-grid .product-thumb .price-tax,
  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .product-grid .product-thumb .product-labels,
  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .product-grid .quickview-button,
  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .product-grid .buttons-wrapper {
    display: none !important;
  }

  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .product-grid .product-thumb .name {
    min-height: 36px !important;
    margin: 0 !important;
  }

  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .product-grid .product-thumb .name a {
    display: -webkit-box !important;
    overflow: hidden !important;
    color: #123052 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1.28 !important;
    text-transform: uppercase !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .product-grid .product-thumb .price {
    margin: 10px 0 0 !important;
    padding-top: 10px !important;
    border-top: 1px solid #edf1f5 !important;
    color: #111827 !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
  }

  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products.product-list .product-thumb {
    display: grid !important;
    grid-template-columns: 126px minmax(0, 1fr) !important;
    min-height: 0 !important;
    height: auto !important;
    border: 1px solid #e6ebf2 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products.product-list .product-thumb .image {
    grid-column: 1 !important;
    grid-row: 1 / span 3 !important;
    width: 126px !important;
    height: 162px !important;
    min-height: 162px !important;
    border-right: 1px solid #eef2f7 !important;
    background: #fff !important;
    overflow: hidden !important;
  }

  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products.product-list .product-thumb .product-img,
  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products.product-list .product-thumb .product-img > div {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    transform: none !important;
  }

  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products.product-list .product-thumb .product-img img,
  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products.product-list .product-thumb .product-img img.img-first,
  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products.product-list .product-thumb .product-img img.img-second {
    position: static !important;
    display: block !important;
    object-fit: contain !important;
    object-position: center center !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    transform: none !important;
  }

  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products.product-list .product-thumb .product-img img.img-second {
    display: none !important;
  }

  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products.product-list .product-thumb .caption {
    grid-column: 2 !important;
    grid-row: 1 !important;
    padding: 12px 10px 6px !important;
  }

  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products.product-list .product-thumb .name a {
    display: block !important;
    max-height: 38px !important;
    overflow: hidden !important;
    color: #123052 !important;
    font-size: 10.5px !important;
    font-weight: 900 !important;
    line-height: 1.18 !important;
    text-transform: uppercase !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products.product-list .product-thumb .price {
    margin-top: 7px !important;
    padding-top: 7px !important;
    font-size: 16px !important;
  }

  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products.product-list .product-thumb .buttons-wrapper {
    display: block !important;
    position: static !important;
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: auto !important;
    padding: 0 10px 7px !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products.product-list .product-thumb .button-group {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 40px !important;
    gap: 7px !important;
    width: 100% !important;
    padding: 0 !important;
    background: transparent !important;
  }

  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products.product-list .product-thumb .btn-cart {
    grid-column: 1 !important;
    height: 36px !important;
    padding: 0 10px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: #711867 !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 36px !important;
    text-align: center !important;
  }

  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products.product-list .product-thumb .btn-compare {
    display: none !important;
  }

  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products.product-list .product-thumb .btn-wishlist {
    grid-column: 2 !important;
    width: 40px !important;
    min-width: 40px !important;
    height: 36px !important;
    padding: 0 !important;
    border: 1px solid #ead7e8 !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #711867 !important;
    font-size: 0 !important;
    line-height: 36px !important;
  }

  html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products.product-list .product-thumb .btn-wishlist:before {
    content: "\f004" !important;
    display: inline-block !important;
    font-family: FontAwesome !important;
    font-size: 16px !important;
    line-height: 36px !important;
  }
}

html.route-product-search .product-grid .buttons-wrapper {
  position: absolute !important;
  top: 224px !important;
  left: 14px !important;
  right: 14px !important;
  bottom: auto !important;
  z-index: 12 !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(12px) !important;
  transition: opacity .22s ease, visibility .22s ease, transform .22s ease !important;
}

html.route-product-search .product-grid .product-thumb:hover .buttons-wrapper {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}

html.route-product-search .product-grid .button-group {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  width: 100% !important;
  padding: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

html.route-product-search .product-grid .cart-group,
html.route-product-search .product-grid .wish-group {
  display: block !important;
  width: 100% !important;
  background: transparent !important;
}

html.route-product-search .product-grid .stepper,
html.route-product-search .product-grid .btn-wishlist {
  display: none !important;
}

html.route-product-search .product-grid .btn-cart,
html.route-product-search .product-grid .btn-compare {
  display: block !important;
  width: 100% !important;
  height: 36px !important;
  min-width: 0 !important;
  padding: 0 8px !important;
  border: 0 !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 36px !important;
  text-align: center !important;
  text-transform: none !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, .12) !important;
}

html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .product-grid .btn-compare {
  position: relative !important;
  font-size: 0 !important;
}

html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .product-grid .btn-compare::after,
html.route-product-search .product-grid .btn-compare::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  background: #14243b !important;
  transform: translate(-50%, -50%) !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 1l4 4-4 4'/%3E%3Cpath d='M3 11V9a4 4 0 0 1 4-4h14'/%3E%3Cpath d='M7 23l-4-4 4-4'/%3E%3Cpath d='M21 13v2a4 4 0 0 1-4 4H3'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 1l4 4-4 4'/%3E%3Cpath d='M3 11V9a4 4 0 0 1 4-4h14'/%3E%3Cpath d='M7 23l-4-4 4-4'/%3E%3Cpath d='M21 13v2a4 4 0 0 1-4 4H3'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

html.route-product-search .product-grid .btn-cart {
  background: #711867 !important;
  color: #fff !important;
}

html.route-product-search .product-grid .btn-compare {
  background: #fff !important;
  color: #14243b !important;
}

html.route-product-search .product-grid .btn-cart::before,
html.route-product-search .product-grid .btn-compare::before {
  display: none !important;
  content: none !important;
}

html.route-product-search .product-grid .btn-compare::before {
  content: "" !important;
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  margin: 9px auto !important;
  background: #14243b !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 1l4 4-4 4'/%3E%3Cpath d='M3 11V9a4 4 0 0 1 4-4h14'/%3E%3Cpath d='M7 23l-4-4 4-4'/%3E%3Cpath d='M21 13v2a4 4 0 0 1-4 4H3'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 1l4 4-4 4'/%3E%3Cpath d='M3 11V9a4 4 0 0 1 4-4h14'/%3E%3Cpath d='M7 23l-4-4 4-4'/%3E%3Cpath d='M21 13v2a4 4 0 0 1-4 4H3'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

html.route-product-search .product-grid .btn-cart .btn-text,
html.route-product-search .product-grid .btn-compare .btn-text {
  display: inline-block !important;
  padding: 0 !important;
  color: inherit !important;
  font: inherit !important;
  line-height: inherit !important;
}

html.route-product-search .product-grid .btn-compare .btn-text {
  font-size: 0 !important;
}

html.route-product-search .product-grid .btn-compare .btn-text::after {
  content: "Karşılaştır" !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products.product-list .product-thumb .btn-compare,
html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .btn-compare {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
}

html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products.product-list .product-thumb .btn-compare::before,
html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .btn-compare::before {
  content: "" !important;
  position: static !important;
  inset: auto !important;
  display: block !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  background: #14243b !important;
  color: transparent !important;
  font-size: 0 !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 1l4 4-4 4'/%3E%3Cpath d='M3 11V9a4 4 0 0 1 4-4h14'/%3E%3Cpath d='M7 23l-4-4 4-4'/%3E%3Cpath d='M21 13v2a4 4 0 0 1-4 4H3'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 1l4 4-4 4'/%3E%3Cpath d='M3 11V9a4 4 0 0 1 4-4h14'/%3E%3Cpath d='M7 23l-4-4 4-4'/%3E%3Cpath d='M21 13v2a4 4 0 0 1-4 4H3'/%3E%3C/svg%3E") center / contain no-repeat !important;
  transform: none !important;
  line-height: 1 !important;
}

html:is(.route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products.product-list .product-thumb .btn-compare .btn-text,
html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .btn-compare .btn-text {
  display: none !important;
}

@media (max-width: 900px) {
  html.route-product-search .product-grid .buttons-wrapper {
    display: none !important;
  }
}

/* Mobile catalog cards: compare button must not occupy space. */
@media (max-width: 900px) {
  html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .product-img img,
  html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .product-img img.img-first,
  html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .product-img img.img-second {
    object-fit: contain !important;
    object-position: center center !important;
  }

  html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .btn-compare {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  html:is(.route-product-catalog, .route-product-category) .main-products.product-list .product-thumb .btn-wishlist {
    grid-column: 2 !important;
  }
}

/* Compact mobile search results header */
@media (max-width: 900px) {
  html.route-product-search .mobile-filter-trigger {
    display: none !important;
  }

  html.route-product-search .page-title {
    margin: 22px 0 14px !important;
    font-size: 34px !important;
    line-height: 1.04 !important;
  }

  html.route-product-search .search-criteria-title {
    display: none !important;
  }

  html.route-product-search #product-search .search-form {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 52px !important;
    align-items: stretch !important;
    min-height: 52px !important;
    max-height: 52px !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  html.route-product-search #product-search .search-form .inputs {
    display: block !important;
    grid-column: 1 !important;
    margin: 0 !important;
    min-width: 0 !important;
  }

  html.route-product-search #product-search .search-form select,
  html.route-product-search #product-search .search-form .checkbox {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
  }

  html.route-product-search #product-search #input-search {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    padding: 0 16px !important;
    border: 1px solid #e3e9f2 !important;
    border-right: 0 !important;
    border-radius: 10px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    background: #fff !important;
    color: #123052 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 52px !important;
    box-shadow: 0 10px 28px rgba(16, 24, 40, .06) !important;
    box-sizing: border-box !important;
  }

  html.route-product-search #product-search #input-search:focus {
    border-color: #711867 !important;
    box-shadow: 0 0 0 3px rgba(113, 24, 103, .12) !important;
  }

  html.route-product-search #product-search .search-form > .buttons {
    position: static !important;
    grid-column: 2 !important;
    align-self: stretch !important;
    z-index: 2 !important;
    width: 52px !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: stretch !important;
  }

  html.route-product-search #product-search .search-form > .buttons .pull-right {
    float: none !important;
    width: 52px !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    display: flex !important;
    align-items: stretch !important;
  }

  html.route-product-search #button-search {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    width: 52px !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    min-width: 52px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 10px 10px 0 !important;
    background: #711867 !important;
    color: #fff !important;
    font-size: 0 !important;
    box-shadow: none !important;
  }

  html.route-product-search #button-search::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 24px !important;
    height: 24px !important;
    background: #fff !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M16 16l5 5'/%3E%3C/svg%3E") center / contain no-repeat !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M16 16l5 5'/%3E%3C/svg%3E") center / contain no-repeat !important;
    transform: translate(-50%, -50%) !important;
  }

  html.route-product-search #button-search span {
    display: none !important;
  }

  html.route-product-search .search-products-title {
    margin: 4px 0 14px !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
  }

  html.route-product-search .products-filter {
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
    gap: 9px !important;
    margin: 0 0 14px !important;
    padding: 10px 11px !important;
    border-radius: 12px !important;
  }

  html.route-product-search .products-filter .grid-list {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  html.route-product-search .products-filter .compare-btn {
    display: none !important;
  }

  html.route-product-search .products-filter .select-group {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 5px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  html.route-product-search .products-filter .sort-by,
  html.route-product-search .products-filter .per-page {
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  html.route-product-search .products-filter .sort-by {
    flex: 1 1 auto !important;
    width: auto !important;
    overflow: hidden !important;
  }

  html.route-product-search .products-filter .per-page {
    flex: 0 0 76px !important;
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
  }

  html.route-product-search .products-filter .input-group-addon {
    display: none !important;
  }

  html.route-product-search .products-filter select {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 42px !important;
    border: 1px solid #dfe7f1 !important;
    border-radius: 8px !important;
    background-color: #fff !important;
    color: #123052 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    box-shadow: inset 0 0 0 1px rgba(223, 231, 241, .35) !important;
    box-sizing: border-box !important;
  }

  html.route-product-search .products-filter .sort-by select {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html.route-product-search .products-filter .per-page select {
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
    padding-left: 8px !important;
    padding-right: 22px !important;
    text-align: center !important;
    text-align-last: center !important;
    border-left-color: #d1dbe8 !important;
    border-right-color: #d1dbe8 !important;
  }

  html.route-product-search .main-products-wrapper {
    display: block !important;
    width: 100% !important;
    overflow: visible !important;
  }

  html.route-product-search .pagination-results {
    clear: both !important;
    display: block !important;
    width: 100% !important;
    margin: 18px 0 0 !important;
    padding-top: 14px !important;
    border-top: 1px solid #edf1f5 !important;
    text-align: center !important;
  }

  html.route-product-search .pagination-results > div {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    text-align: center !important;
  }
}

/* Desktop-only hover image swap (second image when present; keep first image otherwise). */
@media (hover: hover) and (pointer: fine) and (min-width: 901px) {
  html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products .product-thumb .product-img img.img-first,
  html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products .product-thumb .product-img img.img-second {
    transition: opacity .18s ease !important;
    backface-visibility: hidden !important;
  }

  html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products .product-thumb .product-img.has-second-image img.img-second,
  html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products .product-thumb .product-img:has(img.img-second) img.img-second {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products .product-thumb:hover .product-img img.img-first {
    opacity: 1 !important;
    visibility: visible !important;
  }

  html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products .product-thumb:hover .product-img.has-second-image img.img-first,
  html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products .product-thumb:hover .product-img:has(img.img-second) img.img-first {
    opacity: 0 !important;
    visibility: hidden !important;
  }

  html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products .product-thumb:hover .product-img.has-second-image img.img-second,
  html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .main-products .product-thumb:hover .product-img:has(img.img-second) img.img-second {
    opacity: 1 !important;
    visibility: visible !important;
  }
}

/* PC catalog list: keep existing image box, only remove contain side gaps. */
@media (min-width: 901px) {
  html.route-product-catalog .main-products.product-list .product-thumb .product-img img,
  html.route-product-catalog .main-products.product-list .product-thumb .product-img img.img-first,
  html.route-product-catalog .main-products.product-list .product-thumb .product-img img.img-second {
    object-fit: cover !important;
    object-position: center center !important;
  }
}

/* PC category list: match product/catalog list image behavior. */
@media (min-width: 901px) {
  html.route-product-category .main-products.product-list .product-thumb .product-img img,
  html.route-product-category .main-products.product-list .product-thumb .product-img img.img-first,
  html.route-product-category .main-products.product-list .product-thumb .product-img img.img-second {
    object-fit: cover !important;
    object-position: center center !important;
  }
}

/* Mobile search list: same image behavior as mobile catalog list. */
@media (max-width: 900px) {
  html.route-product-search .main-products.product-list .product-thumb,
  html.route-product-search .main-products.product-grid .product-layout.product-list .product-thumb {
    display: grid !important;
    grid-template-columns: 126px minmax(0, 1fr) !important;
    min-height: 0 !important;
    height: auto !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }

  html.route-product-search .main-products.product-list .product-thumb .image,
  html.route-product-search .main-products.product-grid .product-layout.product-list .product-thumb .image {
    grid-column: 1 !important;
    grid-row: 1 / span 3 !important;
    width: 126px !important;
    height: 162px !important;
    min-height: 162px !important;
    margin: 0 !important;
    float: none !important;
    border-right: 1px solid #eef2f7 !important;
    background: #fff !important;
    overflow: hidden !important;
  }

  html.route-product-search .main-products.product-list .product-thumb .product-img,
  html.route-product-search .main-products.product-list .product-thumb .product-img > div,
  html.route-product-search .main-products.product-grid .product-layout.product-list .product-thumb .product-img,
  html.route-product-search .main-products.product-grid .product-layout.product-list .product-thumb .product-img > div {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    transform: none !important;
  }

  html.route-product-search .main-products.product-list .product-thumb .product-img img,
  html.route-product-search .main-products.product-list .product-thumb .product-img img.img-first,
  html.route-product-search .main-products.product-list .product-thumb .product-img img.img-second,
  html.route-product-search .main-products.product-grid .product-layout.product-list .product-thumb .product-img img,
  html.route-product-search .main-products.product-grid .product-layout.product-list .product-thumb .product-img img.img-first,
  html.route-product-search .main-products.product-grid .product-layout.product-list .product-thumb .product-img img.img-second {
    position: static !important;
    inset: auto !important;
    display: block !important;
    object-fit: contain !important;
    object-position: center center !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    transform: none !important;
  }

  html.route-product-search .main-products.product-list .product-thumb .product-img img.img-second,
  html.route-product-search .main-products.product-grid .product-layout.product-list .product-thumb .product-img img.img-second {
    display: none !important;
  }
}

/* ── İndirim oranı rozeti (%12 indirim) — katalog listeleri ── */
html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .product-thumb .image {
  position: relative !important;
}

html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .nixrad-corner-discount {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 12;
  pointer-events: none;
}

html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .nixrad-corner-discount__text {
  position: relative;
  display: block;
  padding: 8px 14px 10px 20px;
  background: #fff;
  color: var(--sf-accent, #e7040f);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.15;
  white-space: nowrap;
  border-radius: 0 0 0 20px;
  box-shadow: -4px 4px 16px rgba(15, 23, 42, 0.1);
}

html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .nixrad-corner-discount::before {
  content: "";
  position: absolute;
  left: -13px;
  top: 0;
  width: 14px;
  height: 14px;
  background: radial-gradient(circle at 0 100%, transparent 13px, #fff 13.5px);
}

html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .nixrad-corner-discount::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -13px;
  width: 14px;
  height: 14px;
  background: radial-gradient(circle at 0 0, transparent 13px, #fff 13.5px);
}

/* Journal eski -12% etiketini gizle — köşe rozeti kullanılıyor */
html:is(.route-product-catalog, .route-product-category, .route-product-search, .route-product-special, .route-product-manufacturer-info) .product-thumb .product-label.nixrad-label--hidden {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}