/* Jaworski equipment categories: graphite header and warm machinery display. */
body.index-page #promo-cards .category-card-v4 {
  height: 250px !important;
  position: relative !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, #20272c 0, #20272c 72px, #eae5dc 72px, #f5f2ec 100%) !important;
  border: 1px solid #c9c3b9 !important;
  border-radius: 18px !important;
  box-shadow: 0 9px 22px rgba(22,29,33,.1) !important;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}
body.index-page #promo-cards .category-card-v4::before {
  content: "" !important; display: block !important;
  position: absolute !important; inset: 72px 0 42px !important;
  background: linear-gradient(rgba(89,80,65,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(89,80,65,.045) 1px, transparent 1px) !important;
  background-size: 22px 22px !important;
  opacity: 1 !important; transform: none !important; pointer-events: none !important;
}
body.index-page #promo-cards .category-card-v4::after {
  content: "" !important; display: block !important;
  position: absolute !important; top: 70px !important; left: 18px !important;
  right: auto !important; bottom: auto !important; width: 34px !important; height: 4px !important;
  background: #b85c38 !important; opacity: 1 !important; transform: none !important;
  z-index: 3 !important; pointer-events: none !important;
}
body.index-page #promo-cards .category-card-v4 .category-content {
  position: relative !important; z-index: 2 !important; width: 100% !important;
  height: 100% !important; padding: 20px 18px !important; background: transparent !important;
}
body.index-page #promo-cards .category-card-v4 .category-content h4 {
  color: #fff !important; margin: 0 !important; font-size: 20px !important;
  line-height: 1.2 !important; font-weight: 700 !important; letter-spacing: -.025em !important;
}
body.index-page #promo-cards .category-card-v4 .category-image {
  position: absolute !important; inset: 80px 5px 43px !important;
  width: auto !important; height: auto !important; padding: 0 !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  background: transparent !important; z-index: 1 !important;
}
body.index-page #promo-cards .category-card-v4 .category-image img,
body.index-page #promo-cards .category-card-v4:hover .category-image img {
  width: 94% !important; height: 100% !important; max-width: 94% !important; max-height: 100% !important;
  object-fit: contain !important; object-position: center !important;
  filter: drop-shadow(0 7px 4px rgba(33,29,22,.2)) !important;
  opacity: 1 !important; visibility: visible !important; transform: none !important;
}
body.index-page #promo-cards .category-card-v4 .card-link {
  position: absolute !important; left: 18px !important; right: 14px !important; bottom: 13px !important;
  display: flex !important; align-items: center !important; justify-content: space-between !important;
  width: auto !important; margin: 0 !important; padding: 0 !important;
  color: #20272c !important; background: transparent !important;
  font-size: 12px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .08em !important;
}
body.index-page #promo-cards .category-card-v4 .card-link i {
  display: flex !important; align-items: center !important; justify-content: center !important;
  width: 29px !important; height: 29px !important; border-radius: 50% !important;
  background: #b85c38 !important; color: #fff !important; font-size: 15px !important;
}
body.index-page #promo-cards .category-card-v4:hover {
  transform: translateY(-3px) !important; border-color: #b85c38 !important;
  box-shadow: 0 13px 26px rgba(22,29,33,.15) !important;
}
@media (max-width: 575.98px) {
  body.index-page #promo-cards .category-card-v4 { height: 228px !important; }
  body.index-page #promo-cards .category-card-v4 .category-content { padding: 20px 14px !important; }
  body.index-page #promo-cards .category-card-v4 .category-content h4 { font-size: 18px !important; }
  body.index-page #promo-cards .category-card-v4 .card-link { left: 14px !important; }
}
@media (prefers-reduced-motion: reduce) {
  body.index-page #promo-cards .category-card-v4 { transition: none !important; }
  body.index-page #promo-cards .category-card-v4:hover { transform: none !important; }
}