/* =========================================================
   KATALOG MASZYN
   ========================================================= */

/* ---------------------------------------------------------
   GŁÓWNY KONTENER
   --------------------------------------------------------- */

.katalog-container {
  width: min(1200px, calc(100% - 40px));
  margin: 0 auto;
  padding: 60px 0 80px;
}

/* ---------------------------------------------------------
   NAGŁÓWEK KATALOGU
   --------------------------------------------------------- */

.katalog-header {
  margin-bottom: 40px;
}

.katalog-header h1 {
  margin: 0 0 10px;
}

.katalog-header p {
  margin: 0;
}

/* ---------------------------------------------------------
   UKŁAD: FILTRY LEWA / WYNIKI PRAWA
   --------------------------------------------------------- */

.katalog-container {
  display: grid;
  grid-template-columns: 270px minmax(0, 1fr);
  column-gap: 30px;
  align-items: start;
}

.katalog-header {
  grid-column: 1 / -1;
  width: 100%;
}

/* ---------------------------------------------------------
   PANEL FILTRÓW
   --------------------------------------------------------- */

.maszyny-filters {
  position: relative;
  grid-column: 1;
  grid-row: 2;
  display: flex;
  flex-direction: column;
  gap: 0;
  align-self: start;
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
  margin: 0;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  background: #f8f8f8;
}

/* ---------------------------------------------------------
   POJEDYNCZY FILTR
   --------------------------------------------------------- */

.filter-group {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin: 0 0 18px;
}

.filter-group label {
  font-size: 14px;
  font-weight: 600;
}

.filter-group input,
.filter-group select {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;

  padding-right: 42px !important;

  background-color: #fff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 13px center !important;
  background-size: 16px 16px !important;
  font-size: 15px;
}

/* ---------------------------------------------------------
   WYSZUKIWARKA + SORTOWANIE — GÓRA NAD WYNIKAMI
   --------------------------------------------------------- */

.maszyny-filters > .filter-group:first-child,
.maszyny-filters > .filter-group:nth-child(11) {
  position: absolute;
  z-index: 3;
  top: 0;
  margin: 0;
}

.maszyny-filters > .filter-group:first-child {
  left: calc(100% + 30px);
  width: min(685px, calc(100vw - 470px));
}

.maszyny-filters > .filter-group:nth-child(11) {
  left: calc(100% + 730px);
  width: 200px;
}

/* ---------------------------------------------------------
   FILTRY ZAKRESOWE
   --------------------------------------------------------- */

.filter-range-inputs {
  display: flex;
  align-items: center;
  gap: 8px;
}

.filter-range-inputs input {
  min-width: 0;
  flex: 1;
}

.filter-range-inputs span {
  white-space: nowrap;
  font-size: 14px;
}

/* ---------------------------------------------------------
   PRZYCISKI
   --------------------------------------------------------- */

.filter-buttons {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
  margin-top: 2px;
}

.filter-buttons button {
  min-height: 44px;
  padding: 10px 24px;
  border: 0;
  border-radius: 6px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 600;
}

.filter-buttons a {
  font-size: 14px;
  text-align: center;
}

/* ---------------------------------------------------------
   WYNIKI
   --------------------------------------------------------- */

.maszyny-results {
  position: relative;
  grid-column: 2;
  grid-row: 2;
  min-width: 0;
  padding-top: 58px;
}

.maszyny-results-count {
  margin: 0 0 25px;
  font-size: 15px;
}

/* ---------------------------------------------------------
   GRID MASZYN
   --------------------------------------------------------- */

.maszyny-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 25px;
}

/* ---------------------------------------------------------
   KARTA MASZYNY
   --------------------------------------------------------- */

.maszyna-card {
  overflow: hidden;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  background: #fff;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

.maszyna-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
}

/* ---------------------------------------------------------
   ZDJĘCIE KARTY
   --------------------------------------------------------- */

.maszyna-card-image {
  display: block;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: #f2f2f2;
}

.maszyna-card-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.25s ease;
}

.maszyna-card:hover .maszyna-card-image img {
  transform: scale(1.03);
}

/* ---------------------------------------------------------
   TREŚĆ KARTY
   --------------------------------------------------------- */

.maszyna-card-content {
  padding: 22px;
}

.maszyna-card-type {
  display: inline-block;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.maszyna-card h2 {
  margin: 0 0 15px;
  font-size: 21px;
  line-height: 1.25;
}

.maszyna-card h2 a {
  text-decoration: none;
}

.maszyna-card p {
  margin: 7px 0;
  font-size: 14px;
  line-height: 1.5;
}

/* ---------------------------------------------------------
   PRZYCISK KARTY
   --------------------------------------------------------- */

.maszyna-card-button {
  display: inline-block;
  margin-top: 15px;
  padding: 10px 18px;
  border-radius: 6px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
}

/* ---------------------------------------------------------
   BRAK WYNIKÓW
   --------------------------------------------------------- */

.maszyny-no-results {
  grid-column: 2;
  grid-row: 2;
  padding: 50px 20px;
  margin-top: 125px;
  text-align: center;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
}

.maszyny-no-results h2 {
  margin-top: 0;
}

/* ---------------------------------------------------------
   PAGINACJA
   --------------------------------------------------------- */

.maszyny-pagination {
  margin-top: 45px;
}

.maszyny-pagination ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.maszyny-pagination a,
.maszyny-pagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
  text-decoration: none;
}

/* =========================================================
   RESPONSYWNOŚĆ KATALOGU
   ========================================================= */

/* TABLET */

@media (max-width: 1100px) {
  .katalog-container {
    grid-template-columns: 240px minmax(0, 1fr);
    column-gap: 25px;
  }

  .maszyny-filters > .filter-group:first-child {
    left: calc(100% + 25px);
    width: min(485px, calc(100vw - 430px));
  }

  .maszyny-filters > .filter-group:nth-child(11) {
    left: calc(100% + 525px);
    width: 190px;
  }

  .maszyny-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* MAŁY TABLET */

@media (max-width: 800px) {
  .katalog-container {
    display: block;
  }

  .katalog-header {
    margin-bottom: 30px;
  }

  .maszyny-filters {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    padding: 24px;
    margin-bottom: 30px;
  }

  .maszyny-filters > .filter-group:first-child,
  .maszyny-filters > .filter-group:nth-child(11) {
    position: static;
    width: auto;
    margin: 0 0 18px;
  }

  .maszyny-filters > .filter-group:first-child {
    grid-column: 1 / -1;
  }

  .maszyny-filters > .filter-group:nth-child(11) {
    grid-column: 1 / -1;
  }

  .maszyny-results {
    padding-top: 0;
  }

  .maszyny-no-results {
    margin-top: 0;
  }
}

/* TELEFON */

@media (max-width: 600px) {
  .katalog-container {
    width: min(100% - 30px, 1200px);
    padding: 40px 0 60px;
  }

  .katalog-header {
    margin-bottom: 25px;
  }

  .maszyny-filters {
    grid-template-columns: 1fr;
    padding: 20px;
    gap: 0;
  }

  .maszyny-filters > .filter-group:first-child,
  .maszyny-filters > .filter-group:nth-child(11) {
    grid-column: auto;
    margin-bottom: 18px;
  }

  .filter-buttons {
    grid-column: auto;
    flex-direction: column;
    align-items: stretch;
  }

  .filter-buttons button,
  .filter-buttons a {
    width: 100%;
    text-align: center;
  }

  .maszyny-grid {
    grid-template-columns: 1fr;
  }

  .maszyny-results-count {
    margin-bottom: 20px;
  }
}

/* =========================================================
   SINGLE MASZYNA
   ========================================================= */

.single-maszyna {
  background: #fff;
}

.maszyna-single-container {
  width: min(1200px, calc(100% - 40px));
  margin: 0 auto;
  padding: 30px 0 90px;
}

/* =========================================================
   BREADCRUMBS
   ========================================================= */

.maszyna-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 35px;
  color: #777;
  font-size: 14px;
}

.maszyna-breadcrumbs a {
  color: #666;
  text-decoration: none;
}

.maszyna-breadcrumbs a:hover {
  text-decoration: underline;
}

.maszyna-breadcrumbs span:last-child {
  color: #222;
}

/* =========================================================
   GŁÓWNY BLOK MASZYNY
   GALERIA LEWA / SPECYFIKACJA PRAWA
   ========================================================= */

.maszyna-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(380px, 0.85fr);
  gap: 60px;
  align-items: start;
}

/* =========================================================
   GALERIA
   ========================================================= */

.maszyna-gallery {
  min-width: 0;
}

/* ---------------------------------------------------------
   GŁÓWNE ZDJĘCIE
   --------------------------------------------------------- */

.maszyna-main-image {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  background: #f4f4f4;
}

.maszyna-gallery-open {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: zoom-in;
}

.maszyna-main-image img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  transition:
    transform 0.35s ease,
    opacity 0.2s ease;
}

.maszyna-gallery-open:hover img {
  transform: scale(1.015);
}

/* ---------------------------------------------------------
   IKONA POWIĘKSZENIA
   --------------------------------------------------------- */

.maszyna-zoom-icon {
  position: absolute;
  right: 16px;
  bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.65);
  color: #fff;
  font-size: 26px;
  line-height: 1;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.maszyna-gallery-open:hover .maszyna-zoom-icon {
  opacity: 1;
}

/* ---------------------------------------------------------
   MINIATURY
   --------------------------------------------------------- */

.maszyna-gallery-thumbnails {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.maszyna-gallery-thumbnail {
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
  border: 2px solid transparent;
  border-radius: 7px;
  background: #f4f4f4;
  cursor: pointer;
  opacity: 0.7;
  transition:
    opacity 0.2s ease,
    border-color 0.2s ease;
}

.maszyna-gallery-thumbnail:hover {
  opacity: 1;
}

.maszyna-gallery-thumbnail.active {
  border-color: #111;
  opacity: 1;
}

.maszyna-gallery-thumbnail img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

/* ---------------------------------------------------------
   BRAK ZDJĘCIA
   --------------------------------------------------------- */

.maszyna-no-image {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 450px;
  border-radius: 10px;
  background: #f3f3f3;
  color: #777;
}

/* =========================================================
   PRAWA KOLUMNA — INFORMACJE
   ========================================================= */

.maszyna-summary {
  padding-top: 5px;
}

.maszyna-summary-type {
  display: inline-block;
  margin-bottom: 14px;
  padding: 6px 10px;
  border-radius: 4px;
  background: #f2f2f2;
  color: #555;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.maszyna-summary h1 {
  margin: 0;
  color: #111;
  font-size: clamp(32px, 4vw, 46px);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -0.025em;
}

.maszyna-summary-subtitle {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
  color: #666;
  font-size: 16px;
}

.maszyna-price {
  margin: 28px 0 28px;
  color: #111;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.1;
}

/* =========================================================
   SPECYFIKACJA W PRAWEJ KOLUMNIE
   ========================================================= */

.maszyna-summary-specification {
  border-top: 1px solid #e3e3e3;
}

.summary-spec-row {
  display: grid;
  grid-template-columns: minmax(140px, 1fr) minmax(130px, 1fr);
  gap: 20px;
  padding: 14px 0;
  border-bottom: 1px solid #e3e3e3;
}

.summary-spec-row span {
  color: #777;
  font-size: 14px;
}

.summary-spec-row strong {
  color: #111;
  font-size: 14px;
  font-weight: 600;
}

/* =========================================================
   CTA
   ========================================================= */

.maszyna-contact-button {
  display: block;
  width: 100%;
  margin-top: 25px;
  padding: 16px 24px;
  border-radius: 6px;
  background: #111;
  color: #fff !important;
  text-align: center;
  text-decoration: none !important;
  font-size: 15px;
  font-weight: 700;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}

.maszyna-contact-button:hover {
  opacity: 0.88;
  transform: translateY(-1px);
}

/* =========================================================
   OPIS
   ========================================================= */

.maszyna-description {
  max-width: 850px;
  margin-top: 90px;
}

.maszyna-description h2 {
  margin: 0 0 25px;
  color: #111;
  font-size: 30px;
  line-height: 1.2;
}

.maszyna-description-content {
  color: #444;
  font-size: 17px;
  line-height: 1.8;
}

.maszyna-description-content p {
  margin-top: 0;
  margin-bottom: 18px;
}

.maszyna-description-content img {
  max-width: 100%;
  height: auto;
}

/* =========================================================
   SEKCJA KONTAKTOWA
   ========================================================= */

.maszyna-contact {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  margin-top: 70px;
  padding: 40px;
  border-radius: 10px;
  background: #f5f5f5;
}

.maszyna-contact h2 {
  margin: 0 0 10px;
  color: #111;
  font-size: 28px;
  line-height: 1.2;
}

.maszyna-contact p {
  margin: 0;
  color: #666;
}

.maszyna-contact > div:last-child {
  min-width: 250px;
  color: #444;
  text-align: right;
}

.maszyna-contact > div:last-child strong {
  color: #111;
}

/* =========================================================
   PODOBNE MASZYNY
   ========================================================= */

.maszyna-related {
  margin-top: 90px;
}

.maszyna-related-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 28px;
}

.maszyna-related-header h2 {
  margin: 0;
  color: #111;
  font-size: 30px;
  line-height: 1.2;
}

.maszyna-related-header a {
  color: #333;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
}

.maszyna-related-header a:hover {
  text-decoration: underline;
}

.maszyna-related-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 25px;
}

.maszyna-related-card {
  overflow: hidden;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  background: #fff;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

.maszyna-related-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
}

.maszyna-related-image {
  display: block;
  overflow: hidden;
  background: #f4f4f4;
}

.maszyna-related-image img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  transition: transform 0.25s ease;
}

.maszyna-related-card:hover .maszyna-related-image img {
  transform: scale(1.03);
}

.maszyna-related-content {
  padding: 20px;
}

.maszyna-related-content h3 {
  margin: 0 0 15px;
  color: #111;
  font-size: 20px;
  line-height: 1.25;
}

.maszyna-related-content h3 a {
  color: inherit;
  text-decoration: none;
}

.maszyna-related-content p {
  margin: 8px 0;
  color: #666;
  font-size: 14px;
}

.maszyna-related-content .related-price {
  margin-top: 12px;
  color: #111;
  font-size: 18px;
  font-weight: 700;
}

.related-button {
  display: inline-block;
  margin-top: 12px;
  color: #111;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
}

.related-button:hover {
  text-decoration: underline;
}

/* =========================================================
   LIGHTBOX
   ========================================================= */

.maszyna-lightbox {
  position: fixed;
  z-index: 999999;
  inset: 0;
  display: none;
}

.maszyna-lightbox.is-open {
  display: block;
}

/* ---------------------------------------------------------
   TŁO
   --------------------------------------------------------- */

.maszyna-lightbox-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.92);
}

/* ---------------------------------------------------------
   KONTENER LIGHTBOXA
   --------------------------------------------------------- */

.maszyna-lightbox-content {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 70px;
}

/* ---------------------------------------------------------
   ZDJĘCIE
   --------------------------------------------------------- */

#maszyna-lightbox-image {
  display: block;
  max-width: 100%;
  max-height: 85vh;
  width: auto;
  height: auto;
  object-fit: contain;
}

/* ---------------------------------------------------------
   PRZYCISKI LIGHTBOX
   --------------------------------------------------------- */

.maszyna-lightbox-close,
.maszyna-lightbox-prev,
.maszyna-lightbox-next {
  position: absolute;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
  cursor: pointer;
  transition: background 0.2s ease;
}

.maszyna-lightbox-close:hover,
.maszyna-lightbox-prev:hover,
.maszyna-lightbox-next:hover {
  background: rgba(255, 255, 255, 0.3);
}

/* ---------------------------------------------------------
   ZAMKNIĘCIE
   --------------------------------------------------------- */

.maszyna-lightbox-close {
  top: 25px;
  right: 25px;
  font-size: 36px;
  line-height: 1;
}

/* ---------------------------------------------------------
   POPRZEDNIE
   --------------------------------------------------------- */

.maszyna-lightbox-prev {
  top: 50%;
  left: 25px;
  transform: translateY(-50%);
  font-size: 42px;
}

/* ---------------------------------------------------------
   NASTĘPNE
   --------------------------------------------------------- */

.maszyna-lightbox-next {
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  font-size: 42px;
}

/* ---------------------------------------------------------
   LICZNIK
   --------------------------------------------------------- */

.maszyna-lightbox-counter {
  position: absolute;
  bottom: 25px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  font-size: 14px;
}

/* ---------------------------------------------------------
   BLOKADA SCROLLA
   --------------------------------------------------------- */

body.maszyne-lightbox-open {
  overflow: hidden;
}

/* =========================================================
   RESPONSYWNOŚĆ SINGLE MASZYNA
   ========================================================= */

/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media (max-width: 1000px) {
  .maszyna-hero {
    grid-template-columns: 1fr;
    gap: 45px;
  }

  .maszyna-summary {
    max-width: 750px;
  }
}

/* ---------------------------------------------------------
   MAŁY TABLET
   --------------------------------------------------------- */

@media (max-width: 900px) {
  .maszyna-related-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* ---------------------------------------------------------
   TELEFON
   --------------------------------------------------------- */

@media (max-width: 600px) {
  .maszyna-single-container {
    width: min(100% - 30px, 1200px);
    padding-top: 20px;
    padding-bottom: 60px;
  }

  /* Breadcrumbs */

  .maszyna-breadcrumbs {
    margin-bottom: 22px;
    font-size: 12px;
  }

  /* Galeria */

  .maszyna-main-image img {
    aspect-ratio: 4 / 3;
  }

  .maszyna-gallery-thumbnails {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  /* Prawa kolumna */

  .maszyna-summary h1 {
    font-size: 32px;
  }

  .maszyna-summary-subtitle {
    font-size: 15px;
  }

  .maszyna-price {
    margin-top: 22px;
    margin-bottom: 22px;
    font-size: 28px;
  }

  /* Specyfikacja */

  .summary-spec-row {
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    padding: 13px 0;
  }

  .summary-spec-row span,
  .summary-spec-row strong {
    font-size: 13px;
  }

  /* Opis */

  .maszyna-description {
    margin-top: 60px;
  }

  .maszyna-description h2 {
    font-size: 26px;
  }

  .maszyna-description-content {
    font-size: 16px;
  }

  /* Kontakt */

  .maszyna-contact {
    flex-direction: column;
    align-items: stretch;
    margin-top: 55px;
    padding: 25px;
  }

  .maszyna-contact > div:last-child {
    min-width: 0;
    text-align: left;
  }

  /* Podobne */

  .maszyna-related {
    margin-top: 60px;
  }

  .maszyna-related-grid {
    grid-template-columns: 1fr;
  }

  .maszyna-related-header {
    align-items: flex-start;
    flex-direction: column;
  }

  /* Lightbox */

  .maszyna-lightbox-content {
    padding: 60px 15px;
  }

  #maszyna-lightbox-image {
    max-height: 75vh;
  }

  .maszyna-lightbox-close {
    top: 15px;
    right: 15px;
    width: 42px;
    height: 42px;
  }

  .maszyna-lightbox-prev {
    left: 10px;
    width: 42px;
    height: 42px;
  }

  .maszyna-lightbox-next {
    right: 10px;
    width: 42px;
    height: 42px;
  }
}

/* =========================================================
   SINGLE OSPRZĘT
   ========================================================= */

.single-osprzet {
  background: #202733;
}

.osprzet-single-container {
  width: min(1200px, calc(100% - 40px));
  margin: 0 auto;
  padding: 30px 0 90px;
}

/* =========================================================
   BREADCRUMBS
   ========================================================= */

.osprzet-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 35px;
  color: #777;
  font-size: 14px;
}

.osprzet-breadcrumbs a {
  color: #666;
  text-decoration: none;
}

.osprzet-breadcrumbs a:hover {
  text-decoration: underline;
}

.osprzet-breadcrumbs span:last-child {
  color: #222;
}

/* =========================================================
   HERO
   GALERIA LEWA / INFORMACJE PRAWA
   ========================================================= */

.osprzet-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(380px, 0.85fr);
  gap: 60px;
  align-items: start;
}

/* =========================================================
   GALERIA
   ========================================================= */

.osprzet-gallery {
  min-width: 0;
}

/* =========================================================
   GŁÓWNE ZDJĘCIE
   ========================================================= */

.osprzet-main-image {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  background: #f4f4f4;
}

.osprzet-gallery-open {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: zoom-in;
}

.osprzet-main-image img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.osprzet-gallery-open:hover img {
  transform: scale(1.015);
}

/* =========================================================
   IKONA POWIĘKSZENIA
   ========================================================= */

.osprzet-zoom-icon {
  position: absolute;
  right: 16px;
  bottom: 16px;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 42px;
  height: 42px;

  border-radius: 50%;

  background: rgba(0, 0, 0, 0.65);

  color: #fff;

  font-size: 26px;
  line-height: 1;

  opacity: 0;

  transition: opacity 0.2s ease;
}

.osprzet-gallery-open:hover .osprzet-zoom-icon {
  opacity: 1;
}

/* =========================================================
   MINIATURY
   ========================================================= */

.osprzet-gallery-thumbnails {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.osprzet-gallery-thumbnail {
  display: block;
  width: 100%;
  padding: 0;

  overflow: hidden;

  border: 2px solid transparent;
  border-radius: 7px;

  background: #f4f4f4;

  cursor: pointer;

  opacity: 0.7;

  transition:
    opacity 0.2s ease,
    border-color 0.2s ease;
}

.osprzet-gallery-thumbnail:hover {
  opacity: 1;
}

.osprzet-gallery-thumbnail.active {
  border-color: #111;
  opacity: 1;
}

.osprzet-gallery-thumbnail img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

/* =========================================================
   BRAK ZDJĘCIA
   ========================================================= */

.osprzet-no-image {
  display: flex;
  align-items: center;
  justify-content: center;

  min-height: 450px;

  border-radius: 10px;

  background: #f3f3f3;

  color: #777;
}

/* =========================================================
   PRAWA KOLUMNA
   ========================================================= */

.osprzet-summary {
  padding-top: 5px;
}

.osprzet-summary-type {
  display: inline-block;

  margin-bottom: 14px;
  padding: 6px 10px;

  border-radius: 4px;

  background: #f2f2f2;

  color: #555;

  font-size: 11px;
  font-weight: 700;

  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.osprzet-summary h1 {
  margin: 0;

  color: #111;

  font-size: clamp(32px, 4vw, 46px);
  line-height: 1.08;

  letter-spacing: -0.025em;
}

/* =========================================================
   CENA
   ========================================================= */

.osprzet-price {
  margin: 28px 0 30px;

  color: #111;

  font-size: 32px;
  font-weight: 700;

  line-height: 1.1;
}

/* =========================================================
   PRZYCISK
   ========================================================= */

.osprzet-contact-button {
  display: block;

  width: 100%;

  margin-top: 25px;
  padding: 16px 24px;

  border-radius: 6px;

  background: #111;

  color: #fff !important;

  text-align: center;
  text-decoration: none !important;

  font-size: 15px;
  font-weight: 700;

  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}

.osprzet-contact-button:hover {
  opacity: 0.88;
  transform: translateY(-1px);
}

/* =========================================================
   OPIS
   ========================================================= */

.osprzet-description {
  max-width: 850px;

  margin-top: 90px;
}

.osprzet-description h2 {
  margin: 0 0 25px;

  color: #111;

  font-size: 30px;
  line-height: 1.2;
}

.osprzet-description-content {
  color: #444;

  font-size: 17px;
  line-height: 1.8;
}

.osprzet-description-content p {
  margin-top: 0;
  margin-bottom: 18px;
}

.osprzet-description-content img {
  max-width: 100%;
  height: auto;
}

/* =========================================================
   KONTAKT
   ========================================================= */

.osprzet-contact {
  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 40px;

  margin-top: 70px;
  padding: 40px;

  border-radius: 10px;

  background: #f5f5f5;
}

.osprzet-contact h2 {
  margin: 0 0 10px;

  color: #111;

  font-size: 28px;
  line-height: 1.2;
}

.osprzet-contact p {
  margin: 0;

  color: #666;
}

.osprzet-contact > div:last-child {
  min-width: 250px;

  color: #444;

  text-align: right;
}

.osprzet-contact > div:last-child strong {
  color: #111;
}

/* =========================================================
   POZOSTAŁY OSPRZĘT
   ========================================================= */

.osprzet-related {
  margin-top: 90px;
}

.osprzet-related-header {
  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 20px;

  margin-bottom: 28px;
}

.osprzet-related-header h2 {
  margin: 0;

  color: #111;

  font-size: 30px;
  line-height: 1.2;
}

.osprzet-related-header a {
  color: #333;

  text-decoration: none;

  font-size: 14px;
  font-weight: 600;
}

.osprzet-related-header a:hover {
  text-decoration: underline;
}

.osprzet-related-grid {
  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 25px;
}

/* =========================================================
   KARTA OSPRZĘTU
   ========================================================= */

.osprzet-related-card {
  overflow: hidden;

  border: 1px solid #e5e5e5;
  border-radius: 10px;

  background: #fff;

  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

.osprzet-related-card:hover {
  transform: translateY(-3px);

  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
}

.osprzet-related-image {
  display: block;

  overflow: hidden;

  background: #f4f4f4;
}

.osprzet-related-image img {
  display: block;

  width: 100%;

  aspect-ratio: 4 / 3;

  object-fit: cover;

  transition: transform 0.25s ease;
}

.osprzet-related-card:hover .osprzet-related-image img {
  transform: scale(1.03);
}

.osprzet-related-content {
  padding: 20px;
}

.osprzet-related-content h3 {
  margin: 0 0 15px;

  color: #111;

  font-size: 20px;
  line-height: 1.25;
}

.osprzet-related-content h3 a {
  color: inherit;
  text-decoration: none;
}

.osprzet-related-button {
  display: inline-block;

  margin-top: 10px;

  color: #111;

  text-decoration: none;

  font-size: 14px;
  font-weight: 600;
}

.osprzet-related-button:hover {
  text-decoration: underline;
}

/* =========================================================
   LIGHTBOX
   ========================================================= */

/*
 * Domyślnie CAŁY lightbox jest ukryty.
 * Dzięki temu nie pojawi się ponownie
 * na dole strony.
 */

.osprzet-lightbox {
  position: fixed;

  z-index: 999999;

  inset: 0;

  display: none;
}

.osprzet-lightbox.is-open {
  display: block;
}

/* =========================================================
   TŁO LIGHTBOX
   ========================================================= */

.osprzet-lightbox-overlay {
  position: absolute;

  inset: 0;

  background: rgba(0, 0, 0, 0.92);
}

/* =========================================================
   KONTENER LIGHTBOX
   ========================================================= */

.osprzet-lightbox-content {
  position: relative;

  z-index: 2;

  display: flex;

  align-items: center;
  justify-content: center;

  width: 100%;
  height: 100%;

  padding: 70px;
}

/* =========================================================
   ZDJĘCIE LIGHTBOX
   ========================================================= */

#osprzet-lightbox-image {
  display: block;

  max-width: 100%;
  max-height: 85vh;

  width: auto;
  height: auto;

  object-fit: contain;
}

/* =========================================================
   PRZYCISKI LIGHTBOX
   ========================================================= */

.osprzet-lightbox-close,
.osprzet-lightbox-prev,
.osprzet-lightbox-next {
  position: absolute;

  z-index: 3;

  display: flex;

  align-items: center;
  justify-content: center;

  width: 50px;
  height: 50px;

  padding: 0;

  border: 0;
  border-radius: 50%;

  background: rgba(255, 255, 255, 0.15);

  color: #fff;

  cursor: pointer;

  transition: background 0.2s ease;
}

.osprzet-lightbox-close:hover,
.osprzet-lightbox-prev:hover,
.osprzet-lightbox-next:hover {
  background: rgba(255, 255, 255, 0.3);
}

/* =========================================================
   ZAMKNIĘCIE
   ========================================================= */

.osprzet-lightbox-close {
  top: 25px;
  right: 25px;

  font-size: 36px;
  line-height: 1;
}

/* =========================================================
   POPRZEDNIE
   ========================================================= */

.osprzet-lightbox-prev {
  top: 50%;
  left: 25px;

  transform: translateY(-50%);

  font-size: 42px;
}

/* =========================================================
   NASTĘPNE
   ========================================================= */

.osprzet-lightbox-next {
  top: 50%;
  right: 25px;

  transform: translateY(-50%);

  font-size: 42px;
}

/* =========================================================
   LICZNIK
   ========================================================= */

.osprzet-lightbox-counter {
  position: absolute;

  bottom: 25px;
  left: 50%;

  transform: translateX(-50%);

  color: #fff;

  font-size: 14px;
}

/* =========================================================
   BLOKADA SCROLLA
   ========================================================= */

body.osprzet-lightbox-open {
  overflow: hidden;
}

/* =========================================================
   RESPONSYWNOŚĆ
   ========================================================= */

@media (max-width: 1000px) {
  .osprzet-hero {
    grid-template-columns: 1fr;

    gap: 45px;
  }

  .osprzet-summary {
    max-width: 750px;
  }
}

@media (max-width: 900px) {
  .osprzet-related-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .osprzet-single-container {
    width: min(100% - 30px, 1200px);

    padding-top: 20px;
    padding-bottom: 60px;
  }

  /* Breadcrumbs */

  .osprzet-breadcrumbs {
    margin-bottom: 22px;

    font-size: 12px;
  }

  /* Galeria */

  .osprzet-gallery-thumbnails {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  /* Prawa kolumna */

  .osprzet-summary h1 {
    font-size: 32px;
  }

  .osprzet-price {
    margin-top: 22px;

    font-size: 28px;
  }

  /* Opis */

  .osprzet-description {
    margin-top: 60px;
  }

  .osprzet-description h2 {
    font-size: 26px;
  }

  .osprzet-description-content {
    font-size: 16px;
  }

  /* Kontakt */

  .osprzet-contact {
    flex-direction: column;

    align-items: stretch;

    margin-top: 55px;

    padding: 25px;
  }

  .osprzet-contact > div:last-child {
    min-width: 0;

    text-align: left;
  }

  /* Podobny osprzęt */

  .osprzet-related {
    margin-top: 60px;
  }

  .osprzet-related-grid {
    grid-template-columns: 1fr;
  }

  .osprzet-related-header {
    align-items: flex-start;

    flex-direction: column;
  }

  /* Lightbox */

  .osprzet-lightbox-content {
    padding: 60px 15px;
  }

  #osprzet-lightbox-image {
    max-height: 75vh;
  }

  .osprzet-lightbox-close {
    top: 15px;
    right: 15px;

    width: 42px;
    height: 42px;
  }

  .osprzet-lightbox-prev {
    left: 10px;

    width: 42px;
    height: 42px;
  }

  .osprzet-lightbox-next {
    right: 10px;

    width: 42px;
    height: 42px;
  }
}

/* =========================================================
   ARCHIVE OSPRZĘT
   ========================================================= */

.archive-osprzet {
  background: #fff;
}

.osprzet-archive-container {
  width: min(1200px, calc(100% - 40px));
  margin: 0 auto;
  padding: 70px 0 100px;
}

/* =========================================================
   NAGŁÓWEK
   ========================================================= */

.osprzet-archive-header {
  max-width: 750px;
  margin-bottom: 55px;
}

.osprzet-archive-label {
  margin-bottom: 12px;

  color: #666;

  font-size: 12px;
  font-weight: 700;

  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.osprzet-archive-header h1 {
  margin: 0 0 18px;

  color: #111;

  font-size: clamp(40px, 5vw, 58px);
  line-height: 1.05;

  letter-spacing: -0.03em;
}

.osprzet-archive-header p {
  max-width: 650px;

  margin: 0;

  color: #666;

  font-size: 17px;
  line-height: 1.7;
}

/* =========================================================
   INFORMACJA O WYNIKACH
   ========================================================= */

.osprzet-results-info {
  margin-bottom: 20px;

  color: #666;

  font-size: 14px;
}

.osprzet-results-info strong {
  color: #111;
}

/* =========================================================
   GRID
   ========================================================= */

.osprzet-archive-grid {
  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 28px;
}

/* =========================================================
   KARTA
   ========================================================= */

.osprzet-card {
  overflow: hidden;

  border: 1px solid #e5e5e5;
  border-radius: 10px;

  background: #fff;

  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

.osprzet-card:hover {
  transform: translateY(-4px);

  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.09);
}

/* =========================================================
   ZDJĘCIE
   ========================================================= */

.osprzet-card-image {
  display: block;

  overflow: hidden;

  background: #f4f4f4;
}

.osprzet-card-image img {
  display: block;

  width: 100%;

  aspect-ratio: 4 / 3;

  object-fit: cover;

  transition: transform 0.3s ease;
}

.osprzet-card:hover .osprzet-card-image img {
  transform: scale(1.035);
}

.osprzet-card-no-image {
  display: flex;

  align-items: center;
  justify-content: center;

  width: 100%;

  aspect-ratio: 4 / 3;

  background: #f3f3f3;

  color: #777;

  font-size: 14px;
}

/* =========================================================
   TREŚĆ KARTY
   ========================================================= */

.osprzet-card-content {
  padding: 22px;
}

.osprzet-card-content h2 {
  margin: 0 0 12px;

  color: #111;

  font-size: 21px;
  line-height: 1.25;
}

.osprzet-card-content h2 a {
  color: inherit;

  text-decoration: none;
}

/* =========================================================
   CENA
   ========================================================= */

.osprzet-card-price {
  margin-bottom: 15px;

  color: #111;

  font-size: 21px;
  font-weight: 700;
}

/* =========================================================
   OPIS
   ========================================================= */

.osprzet-card-description {
  min-height: 48px;

  margin-bottom: 20px;

  color: #666;

  font-size: 14px;
  line-height: 1.6;
}

/* =========================================================
   PRZYCISK
   ========================================================= */

.osprzet-card-button {
  display: inline-flex;

  align-items: center;

  gap: 8px;

  color: #111;

  text-decoration: none;

  font-size: 14px;
  font-weight: 700;
}

.osprzet-card-button span {
  transition: transform 0.2s ease;
}

.osprzet-card-button:hover {
  text-decoration: underline;
}

.osprzet-card-button:hover span {
  transform: translateX(4px);
}

/* =========================================================
   BRAK WYNIKÓW
   ========================================================= */

.osprzet-no-results {
  padding: 70px 30px;

  border-radius: 10px;

  background: #f5f5f5;

  text-align: center;
}

.osprzet-no-results h2 {
  margin: 0 0 10px;

  color: #111;

  font-size: 28px;
}

.osprzet-no-results p {
  margin: 0;

  color: #666;
}

/* =========================================================
   PAGINACJA
   ========================================================= */

.osprzet-pagination {
  margin-top: 55px;

  text-align: center;
}

.osprzet-pagination ul {
  display: flex;

  align-items: center;
  justify-content: center;

  gap: 8px;

  margin: 0;
  padding: 0;

  list-style: none;
}

.osprzet-pagination li {
  margin: 0;
  padding: 0;
}

.osprzet-pagination a,
.osprzet-pagination span {
  display: flex;

  align-items: center;
  justify-content: center;

  min-width: 42px;
  min-height: 42px;

  padding: 0 12px;

  border: 1px solid #ddd;
  border-radius: 5px;

  background: #fff;

  color: #222;

  text-decoration: none;

  font-size: 14px;
}

.osprzet-pagination a:hover {
  background: #f3f3f3;
}

.osprzet-pagination .current {
  border-color: #111;

  background: #111;

  color: #fff;
}

/* =========================================================
   RESPONSYWNOŚĆ
   ========================================================= */

@media (max-width: 900px) {
  .osprzet-archive-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .osprzet-archive-container {
    width: min(100% - 30px, 1200px);

    padding-top: 45px;
    padding-bottom: 70px;
  }

  .osprzet-archive-header {
    margin-bottom: 35px;
  }

  .osprzet-archive-header h1 {
    font-size: 40px;
  }

  .osprzet-archive-header p {
    font-size: 16px;
  }

  .osprzet-archive-grid {
    grid-template-columns: 1fr;

    gap: 20px;
  }

  .osprzet-card-content {
    padding: 20px;
  }

  .osprzet-pagination ul {
    flex-wrap: wrap;
  }
}

/* =========================================================
   WYSZUKIWARKA OSPRZĘTU
   ========================================================= */

.osprzet-search-form {
  max-width: 900px;
  margin: 0 0 45px;
}

.osprzet-search-wrapper {
  display: flex;
  gap: 10px;
}

.osprzet-search-wrapper input {
  flex: 1;

  min-width: 0;

  height: 52px;

  padding: 0 18px;

  border: 1px solid #d8d8d8;
  border-radius: 6px;

  background: #fff;

  color: #111;

  font-size: 16px;

  outline: none;

  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

.osprzet-search-wrapper input:focus {
  border-color: #111;

  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.06);
}

.osprzet-search-wrapper button {
  height: 52px;

  padding: 0 28px;

  border: 0;
  border-radius: 6px;

  background: #111;

  color: #fff;

  font-size: 15px;
  font-weight: 700;

  cursor: pointer;

  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}

.osprzet-search-wrapper button:hover {
  opacity: 0.88;

  transform: translateY(-1px);
}

.osprzet-search-reset {
  display: inline-block;

  margin-top: 12px;

  color: #555;

  font-size: 13px;

  text-decoration: underline;
}

/* =========================================================
   BRAK WYNIKÓW — PRZYCISK
   ========================================================= */

.osprzet-no-results-button {
  display: inline-block;

  margin-top: 20px;

  padding: 13px 20px;

  border-radius: 6px;

  background: #111;

  color: #fff !important;

  text-decoration: none !important;

  font-size: 14px;
  font-weight: 700;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {
  .osprzet-search-wrapper {
    flex-direction: column;
  }

  .osprzet-search-wrapper input,
  .osprzet-search-wrapper button {
    width: 100%;
  }
}

/* =========================================================
   KATALOG MASZYN — POPRAWKA LICZNIKA WYNIKÓW
   ========================================================= */

.maszyy-results-count,
.maszyny-results-count {
  position: static !important;
  display: block !important;
  clear: both !important;
  margin-top: 18px !important;
  margin-bottom: 24px !important;
  height: auto !important;
  line-height: 1.5 !important;
}

/* Jeżeli licznik znajduje się bezpośrednio pod toolbar'em */
.maszyny-results-toolbar + .maszyny-results-count {
  margin-top: 18px !important;
}

/* Nie pozwalaj toolbarowi nachodzić na następny element */
.maszyny-results-toolbar {
  position: relative !important;
  height: auto !important;
  min-height: 70px;
  margin-bottom: 0 !important;
}

/* Pole wyszukiwania i sortowanie */
.maszyny-search,
.maszyny-sort {
  position: relative !important;
  z-index: 2;
}

/* =========================================================
   NAJNOWSZE MASZYNY — STRONA GŁÓWNA
   ========================================================= */

.home-latest-machines {
  width: min(1140px, calc(100vw - 40px));
  margin: 60px auto;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.home-latest-machines-header {
  margin-bottom: 50px;
}

.home-latest-machines-header h2 {
  margin: 0 0 10px;
  padding: 0;

  font-size: 32px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;

  color: inherit !important;
}

.home-latest-machines-header p {
  margin: 0;
  padding: 0;

  font-size: 17px !important;
  line-height: 1.6 !important;

  color: inherit !important;
}

/* =========================================================
   GRID
   ========================================================= */

.home-maszyny-grid {
  display: grid !important;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 28px;

  width: 100%;
}

/* =========================================================
   KARTA
   ========================================================= */

.home-maszyna-card {
  display: flex !important;
  flex-direction: column !important;

  width: 100%;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden;

  border: 1px solid #e1e1e1;
  border-radius: 14px;

  background: #fff;

  box-sizing: border-box;

  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
}

/* =========================================================
   ZDJĘCIE
   ========================================================= */

.home-maszyna-card .maszyna-card-image {
  display: block;

  width: 100%;

  margin: 0;
  padding: 0;

  line-height: 0;

  text-decoration: none;
}

.home-maszyna-card .maszyna-card-image img {
  display: block;

  width: 100%;
  height: 240px;

  margin: 0;
  padding: 0;

  object-fit: cover;
}

/* =========================================================
   CONTENT
   ========================================================= */

.home-maszyna-card .maszyna-card-content {
  display: flex;
  flex-direction: column;

  flex: 1;

  padding: 24px !important;

  box-sizing: border-box;
}

/* =========================================================
   TYP MASZYNY
   ========================================================= */

.home-maszyna-card .maszyna-card-type {
  display: block;

  margin: 0 0 10px !important;
  padding: 0 !important;

  font-size: 14px !important;
  line-height: 1.3 !important;

  font-weight: 600 !important;

  text-transform: uppercase;

  letter-spacing: 0.04em;

  color: inherit !important;
}

/* =========================================================
   TYTUŁ MASZYNY
   ========================================================= */

.home-maszyna-card .maszyna-card-content h2 {
  margin: 0 0 22px !important;
  padding: 0 !important;

  font-size: 25px !important;
  line-height: 1.25 !important;

  font-weight: 700 !important;

  color: inherit !important;
}

.home-maszyna-card .maszyna-card-content h2 a {
  margin: 0;
  padding: 0;

  font-size: inherit !important;
  line-height: inherit !important;

  font-weight: inherit !important;

  color: inherit !important;

  text-decoration: none;
}

.home-maszyna-card .maszyna-card-content h2 a:hover {
  text-decoration: underline;
}

/* =========================================================
   PARAMETRY
   ========================================================= */

.home-maszyna-card .maszyna-card-content p {
  margin: 0 0 11px !important;
  padding: 0 !important;

  font-size: 16px !important;
  line-height: 1.45 !important;

  font-weight: 400 !important;

  color: inherit !important;
}

.home-maszyna-card .maszyna-card-content p strong {
  font-weight: 700 !important;
}

/* =========================================================
   CENA
   ========================================================= */

.home-maszyna-card .maszyna-card-content p.maszyna-card-price {
  margin-top: 8px !important;
  margin-bottom: 22px !important;

  font-size: 18px !important;
  line-height: 1.4 !important;

  font-weight: 700 !important;
}

/* =========================================================
   PRZYCISK
   ========================================================= */

.home-maszyna-card .maszyna-card-button {
  display: inline-block;

  align-self: flex-start;

  margin-top: auto;
  padding: 10px 18px;

  font-size: 16px !important;
  line-height: 1.4 !important;

  font-weight: 600 !important;

  text-decoration: none !important;

  color: inherit !important;

  border-radius: 6px;
}

.home-maszyna-card .maszyna-card-button:hover {
  text-decoration: underline !important;
}

/* =========================================================
   ZOBACZ WSZYSTKIE
   ========================================================= */

.home-latest-machines-button {
  display: flex;

  justify-content: center;

  margin-top: 35px;
}

.home-machines-link {
  display: inline-block;

  padding: 12px 24px;

  font-size: 16px !important;
  line-height: 1.4 !important;

  font-weight: 600 !important;

  text-decoration: none !important;

  border-radius: 6px;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {
  .home-maszyny-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {
  .home-latest-machines {
    margin: 40px auto;
  }

  .home-latest-machines-header h2 {
    font-size: 28px !important;
  }

  .home-maszyny-grid {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .home-maszyna-card .maszyna-card-image img {
    height: 230px;
  }

  .home-maszyna-card .maszyna-card-content {
    padding: 22px !important;
  }

  .home-maszyna-card .maszyna-card-content h2 {
    font-size: 23px !important;
  }
}

/* =========================================================
   STRZAŁKA W POLACH WYBORU
   ---------------------------------------------------------
   Dotyczy wyłącznie <select>. Pola tekstowe/liczbowe
   pozostają bez zmian.
   ========================================================= */

.filter-group select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  padding-right: 42px;

  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 13px center;
  background-size: 16px 16px;
  cursor: pointer;
}

.filter-group select:hover {
  border-color: #bdbdbd;
}

.filter-group select:focus {
  outline: none;
}

/* =========================================================
   NOWY UKŁAD KART MASZYN — PARAMETRY + CAŁA KARTA KLIKALNA
   ========================================================= */

/* Cała karta jest jednym linkiem */
.maszyna-card-link {
  display: block;
  width: 100%;
  height: 100%;
  color: inherit !important;
  text-decoration: none !important;
}

.maszyna-card-link:hover,
.maszyna-card-link:focus,
.maszyna-card-link:active {
  color: inherit !important;
  text-decoration: none !important;
}

/* Karta pozostaje wizualnie bez zmian kolorystycznych */
.maszyna-card-link .maszyna-card {
  height: 100%;
  box-sizing: border-box;
}

/* Stan hover przeniesiony na całe klikane pole */
.maszyna-card-link:hover .maszyna-card {
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
}

.maszyna-card-link:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 4px;
  border-radius: 10px;
}

/* Tytuł nie jest już osobnym linkiem */
.maszyna-card h2 {
  color: inherit;
}

/* Parametry z ikonami */
.maszyna-card-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 18px;
  margin: 4px 0 20px;
}

.maszyna-card-meta-item {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  font-size: 14px;
  line-height: 1.4;
  color: inherit;
}

.maszyna-meta-icon {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  display: block;
  fill: currentColor;
  opacity: 0.8;
}

/* Dolny pasek: cena + Szczegóły */
.maszyna-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-top: auto;
  padding-top: 18px;
  border-top: 1px solid rgba(127, 127, 127, 0.22);
}

.maszyna-card-price {
  margin: 0;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 700;
}

.maszyna-card-button {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.4;
}

/* =========================================================
   KARTA NA STRONIE GŁÓWNEJ
   ========================================================= */

.home-maszyna-card .maszyna-card-meta {
  margin-top: 2px;
  margin-bottom: 20px;
}

.home-maszyna-card .maszyna-card-meta-item {
  font-size: 16px !important;
}

.home-maszyna-card .maszyna-meta-icon {
  width: 20px;
  height: 20px;
}

.home-maszyna-card .maszyna-card-footer {
  margin-top: auto;
}

.home-maszyna-card .maszyna-card-price {
  font-size: 18px !important;
}

.home-maszyna-card .maszyna-card-button {
  margin: 0 !important;
  padding: 0 !important;
}

/* Na telefonie parametry układają się naturalnie w kolejne wiersze */
@media (max-width: 600px) {
  .maszyna-card-meta {
    gap: 10px 14px;
  }

  .maszyna-card-footer {
    align-items: flex-end;
  }

  .home-maszyna-card .maszyna-card-meta-item {
    font-size: 15px !important;
  }
}

/* =========================================================
   NAJNOWSZE MASZYNY — FINALNE DOPRACOWANIE
   ========================================================= */

/* ---------------------------------------------------------
   WYŚRODKOWANY NAGŁÓWEK
   --------------------------------------------------------- */

.home-latest-machines-header {
  text-align: center;
}

/* ---------------------------------------------------------
   ZDJĘCIA — BEZ SZAREGO PASA
   --------------------------------------------------------- */

.home-maszyna-card .maszyna-card-image {
  width: 100%;
  aspect-ratio: 4 / 3;
  height: auto;
  overflow: hidden;
  padding: 0;
  margin: 0;
  background: #f2f2f2;
  line-height: 0;
}

.home-maszyna-card .maszyna-card-image img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  object-fit: cover;
}

/* ---------------------------------------------------------
   TABLET / MOBILE
   --------------------------------------------------------- */

@media (max-width: 900px) {
  .home-maszyna-card .maszyna-card-image {
    aspect-ratio: 4 / 3;
  }

  .home-maszyna-card .maszyna-card-image img {
    height: 100%;
  }
}

@media (max-width: 600px) {
  .home-maszyna-card .maszyna-card-image {
    aspect-ratio: 4 / 3;
  }

  .home-maszyna-card .maszyna-card-image img {
    height: 100%;
  }
}

/* =========================================================
   MODERNIZACJA KATALOGU — CZERWONE AKCENTY
   Layout pozostaje bez zmian.
   ========================================================= */

:root {
  --katalog-red: #d71920;
  --katalog-red-dark: #b51218;
  --katalog-ink: #18202f;
  --katalog-muted: #667085;
  --katalog-border: #e6e8ec;
  --katalog-surface: #ffffff;
  --katalog-bg: #f6f7f9;
}

/* Tło i nagłówek */
.katalog-container {
  position: relative;
  padding-top: 68px;
  padding-bottom: 90px;
}

.katalog-header {
  position: relative;
  margin-bottom: 42px;
  padding-bottom: 24px;
}

.katalog-header h1 {
  color: var(--katalog-ink);
  font-weight: 750;
  letter-spacing: -0.025em;
}

.katalog-header p {
  color: var(--katalog-muted);
  font-size: 16px;
}

/* Panel filtrów */
.maszyny-filters {
  padding: 22px;
  border: 1px solid var(--katalog-border);
  border-radius: 16px;
  background: var(--katalog-surface);
  box-shadow: 0 8px 30px rgba(16, 24, 40, 0.06);
}

.filter-group label {
  color: var(--katalog-ink);
  font-size: 13px;
  font-weight: 700;
}

.filter-group input,
.filter-group select {
  min-height: 46px;
  border: 1px solid #d9dde5;
  border-radius: 9px;
  background: #fff;
  color: var(--katalog-ink);
  outline: none;
  transition:
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    background 0.18s ease;
}

.filter-group input::placeholder {
  color: #98a2b3;
}

.filter-group input:hover,
.filter-group select:hover {
  border-color: #c4c9d2;
}

.filter-group input:focus,
.filter-group select:focus {
  border-color: var(--katalog-red);
  box-shadow: 0 0 0 3px rgba(215, 25, 32, 0.1);
}

/* Wyszukiwanie i sortowanie */
.maszyny-filters > .filter-group:first-child label,
.maszyny-filters > .filter-group:nth-child(11) label {
  color: var(--katalog-ink);
}

.maszyny-results {
  padding-top: 58px;
}

.maszyny-results-count {
  color: var(--katalog-muted);
  font-size: 14px;
}

.maszyny-results-count strong {
  color: var(--katalog-ink);
}

/* Przyciski filtrów */
.filter-buttons button {
  border-radius: 9px;
  background: var(--katalog-red);
  color: #fff;
  box-shadow: 0 5px 14px rgba(215, 25, 32, 0.18);
  transition:
    background 0.18s ease,
    transform 0.18s ease,
    box-shadow 0.18s ease;
}

.filter-buttons button:hover {
  background: var(--katalog-red-dark);
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(215, 25, 32, 0.22);
}

.filter-buttons a {
  color: var(--katalog-muted);
  transition: color 0.18s ease;
}

.filter-buttons a:hover {
  color: var(--katalog-red);
}

/* Karty maszyn */
.maszyny-grid {
  gap: 24px;
}

.maszyna-card {
  position: relative;
  border: 1px solid var(--katalog-border);
  border-radius: 14px;
  background: var(--katalog-surface);
  box-shadow: 0 5px 18px rgba(16, 24, 40, 0.045);
  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease,
    border-color 0.22s ease;
}

.maszyna-card::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 22px;
  width: 42px;
  height: 3px;
  border-radius: 0 0 999px 999px;
  background: var(--katalog-red);
  opacity: 0;
  transition: opacity 0.22s ease;
}

.maszyna-card:hover {
  transform: translateY(-5px);
  border-color: #dfe2e8;
  box-shadow: 0 16px 35px rgba(16, 24, 40, 0.11);
}

.maszyna-card:hover::before {
  opacity: 1;
}

/* Zdjęcia */
.maszyna-card-image {
  background: #f1f3f5;
}

.maszyna-card-image img {
  transition: transform 0.35s ease;
}

.maszyna-card:hover .maszyna-card-image img {
  transform: scale(1.035);
}

/* Treść kart */
.maszyna-card-content {
  padding: 23px;
}

.maszyna-card-type {
  margin-bottom: 9px;
  color: var(--katalog-red);
  font-size: 11px;
  font-weight: 750;
  letter-spacing: 0.09em;
}

.maszyna-card h2 {
  color: var(--katalog-ink);
  font-size: 22px;
  letter-spacing: -0.015em;
}

.maszyna-card h2 a {
  color: inherit;
  transition: color 0.18s ease;
}

.maszyna-card h2 a:hover {
  color: var(--katalog-red);
}

.maszyna-card p {
  color: var(--katalog-muted);
}

/* Przycisk / link szczegółów */
.maszyna-card-button {
  margin-top: 16px;
  padding: 10px 16px;
  border-radius: 8px;
  background: var(--katalog-red);
  color: #fff !important;
  transition:
    background 0.18s ease,
    transform 0.18s ease;
}

.maszyna-card-button:hover {
  background: var(--katalog-red-dark);
  color: #fff !important;
  transform: translateY(-1px);
}

/* Brak wyników */
.maszyny-no-results {
  border-color: var(--katalog-border);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 8px 30px rgba(16, 24, 40, 0.05);
}

.maszyny-no-results h2 {
  color: var(--katalog-ink);
}

.maszyny-no-results p {
  color: var(--katalog-muted);
}

/* Paginacja */
.maszyny-pagination a,
.maszyny-pagination span {
  min-width: 42px;
  height: 42px;
  border-color: var(--katalog-border);
  border-radius: 8px;
  background: #fff;
  color: var(--katalog-ink);
  transition:
    border-color 0.18s ease,
    background 0.18s ease,
    color 0.18s ease,
    transform 0.18s ease;
}

.maszyny-pagination a:hover {
  border-color: var(--katalog-red);
  color: var(--katalog-red);
  transform: translateY(-1px);
}

.maszyny-pagination .current,
.maszyny-pagination span[aria-current="page"] {
  border-color: var(--katalog-red);
  background: var(--katalog-red);
  color: #fff;
}

/* Drobny czerwony akcent przy licznikach / elementach aktywnych */
.filter-range-inputs span {
  color: var(--katalog-muted);
}

/* Na telefonach zachowujemy ten sam layout, tylko zmniejszamy cienie */
@media (max-width: 600px) {
  .katalog-container {
    padding-top: 42px;
  }

  .katalog-header::after {
    margin-top: 14px;
  }

  .maszyny-filters {
    border-radius: 14px;
    box-shadow: 0 6px 22px rgba(16, 24, 40, 0.05);
  }

  .maszyna-card {
    border-radius: 13px;
  }
}

/* Czerwony akcent panelu filtrów */
.maszyny-filters {
  border: 2px solid rgba(215, 25, 32, 0.4);
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

.maszyny-filters:hover {
  border-color: rgba(215, 25, 32, 0.4);
}

/* =========================================================
   CUSTOM FOOTER — UTB HANDELSERWIS
   ========================================================= */

.utb-custom-footer {
  margin-top: 80px;
  background: #202733;
  color: #fff;
}

.utb-footer-inner {
  width: min(1200px, calc(100% - 40px));
  margin: 0 auto;
}

/* Główna część */
.utb-footer-main {
  display: grid;
  grid-template-columns: 1.7fr 1fr 1fr 1.3fr;
  gap: 50px;
  padding: 65px 0 55px;
}

/* Marka */
.utb-footer-logo {
  display: inline-block;
  margin-bottom: 18px;
  color: #d71920 !important;
  text-decoration: none !important;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -0.02em;
}

.utb-footer-logo span {
  color: #d71920 !important;
  font-weight: 500;
}

.utb-footer-brand p {
  max-width: 330px;
  margin: 0;
  color: rgba(255, 255, 255, 0.65);
  font-size: 14px;
  line-height: 1.7;
}

/* Kolumny */
.utb-footer-column h3 {
  position: relative;
  margin: 0 0 20px;
  padding-bottom: 12px;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
}

.utb-footer-column h3::after {
  content: "";
  display: block;
  width: 28px;
  height: 3px;
  margin-top: 11px;
  border-radius: 999px;
  background: #d71920;
}

.utb-footer-column ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.utb-footer-column li {
  margin: 0 0 10px;
}

.utb-footer-column a {
  color: rgba(255, 255, 255, 0.65);
  text-decoration: none;
  transition: color 0.18s ease;
}

.utb-footer-column a:hover {
  color: #fff;
}

.utb-footer-contact p {
  margin: 0 0 9px;
  color: rgba(255, 255, 255, 0.65);
  font-size: 14px;
}

.utb-footer-contact strong {
  color: #fff;
}

/* Dolny pasek */
.utb-footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  padding: 22px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.utb-footer-bottom p {
  margin: 0;
  color: rgba(255, 255, 255, 0.45);
  font-size: 13px;
}

.utb-footer-legal a {
  color: rgba(255, 255, 255, 0.55);
  font-size: 13px;
  text-decoration: none;
}

.utb-footer-legal a:hover {
  color: #fff;
}

/* Tablet */
@media (max-width: 900px) {
  .utb-footer-main {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 40px 35px;
  }
}

/* Telefon */
@media (max-width: 600px) {
  .utb-custom-footer {
    margin-top: 55px;
  }

  .utb-footer-inner {
    width: min(100% - 30px, 1200px);
  }

  .utb-footer-main {
    grid-template-columns: 1fr;
    gap: 32px;
    padding: 45px 0 40px;
  }

  .utb-footer-bottom {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
    padding: 20px 0;
  }
}

/* =========================================================
   UTB HANDELSERWIS — DARK INDUSTRIAL CATALOG
   Navy + Red
   ========================================================= */

/* =========================================================
   1. GŁÓWNE TŁO KATALOGU
   ========================================================= */

.katalog-container {
  color: #f5f7fa;
}

/* Tło całego obszaru katalogu */
body:has(.katalog-container),
body:has(.katalog-container) #inner-wrap,
body:has(.katalog-container) #primary,
body:has(.katalog-container) #main,
body:has(.katalog-container) .entry-content-wrap,
body:has(.katalog-container) .entry-content {
  background-color: #171d28 !important;
}

/* =========================================================
   2. NAGŁÓWEK KATALOGU
   ========================================================= */

.katalog-header h1 {
  color: #ffffff !important;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.katalog-header p {
  color: #b8c0cc !important;
}

/* Czerwony akcent pod nagłówkiem */
.katalog-header h1::after {
  content: "";
  display: block;
  width: 55px;
  height: 3px;
  margin-top: 16px;
  background: #d71920;
  border-radius: 2px;
}

/* =========================================================
   3. PANEL FILTRÓW
   ========================================================= */

.maszy ny-filters {
  background: #202733 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
}

/* poprawna reguła — bez spacji w nazwie klasy */
.maszyny-filters {
  background: #202733 !important;
  border: 1px solid rgba(215, 25, 32, 0.3) !important;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
}

/* Nagłówki / etykiety filtrów */
.filter-group label {
  color: #f5f7fa !important;
}

/* =========================================================
   4. POLA INPUT / SELECT
   ========================================================= */

.filter-group input,
.filter-group select {
  background-color: #2b3442 !important;
  color: #ffffff !important;

  border: 1px solid rgba(255, 255, 255, 0.12) !important;

  border-radius: 7px;

  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    background-color 0.2s ease;
}

/* Placeholder */
.filter-group input::placeholder {
  color: #b8c0cc !important;
  opacity: 1;
}

/* Hover */
.filter-group input:hover,
.filter-group select:hover {
  border-color: rgba(215, 25, 32, 0.55) !important;
}

/* Focus */
.filter-group input:focus,
.filter-group select:focus {
  border-color: #d71920 !important;

  box-shadow: 0 0 0 2px rgba(215, 25, 32, 0.15) !important;

  outline: none !important;
}

/* =========================================================
   5. STRZAŁKA SELECT
   ========================================================= */

.filter-group select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23D71920' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;

  background-repeat: no-repeat !important;
  background-position: right 13px center !important;
  background-size: 16px 16px !important;
}

/* =========================================================
   6. PRZYCISKI FILTRÓW
   ========================================================= */

.filter-buttons button {
  background: #d71920 !important;
  color: #ffffff !important;

  border: 1px solid #d71920 !important;

  border-radius: 7px;

  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

.filter-buttons button:hover {
  background: #b9141a !important;
  border-color: #b9141a !important;

  transform: translateY(-1px);

  box-shadow: 0 6px 18px rgba(215, 25, 32, 0.25);
}

/* Wyczyść filtry */
.filter-buttons a {
  color: #b8c0cc !important;
}

.filter-buttons a:hover {
  color: #ffffff !important;
}

/* =========================================================
   7. WYNIKI
   ========================================================= */

.maszyny-results-count {
  color: #b8c0cc !important;
}

/* Liczba wyników / mocniejszy tekst */
.maszyny-results-count strong {
  color: #ffffff !important;
}

/* =========================================================
   8. KARTY MASZYN
   ========================================================= */

.maszyna-card {
  background: #202733 !important;

  border: 1px solid rgba(255, 255, 255, 0.09) !important;

  border-radius: 12px;

  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.18);

  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease;
}

/* Hover karty */
.maszyna-card:hover {
  transform: translateY(-4px);

  border-color: rgba(215, 25, 32, 0.45) !important;

  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.28);
}

/* =========================================================
   9. ZDJĘCIA
   ========================================================= */

.maszyna-card-image {
  background: #2b3442 !important;
}

/* Delikatna separacja zdjęcia od treści */
.maszyna-card-image img {
  transition:
    transform 0.3s ease,
    filter 0.3s ease;
}

.maszyna-card:hover .maszyna-card-image img {
  transform: scale(1.035);
}

/* =========================================================
   10. TREŚĆ KART
   ========================================================= */

.maszyna-card-content {
  background: #202733 !important;
}

/* Typ maszyny */
.maszyna-card-type {
  color: #d71920 !important;

  font-weight: 700 !important;
}

/* Nazwa maszyny */
.maszyna-card h2,
.maszyna-card h2 a {
  color: #ffffff !important;
}

/* Hover nazwy */
.maszyna-card h2 a:hover {
  color: #d71920 !important;
}

/* Parametry */
.maszyna-card p {
  color: #b8c0cc !important;
}

/* Mocniejsze wartości */
.maszyna-card p strong {
  color: #f5f7fa !important;
}

/* =========================================================
   11. CENA
   ========================================================= */

.maszyna-card-price {
  color: #ffffff !important;
}

/* =========================================================
   12. LINK "SZCZEGÓŁY"
   ========================================================= */

.maszyna-card-button {
  color: #d71920 !important;

  transition:
    color 0.2s ease,
    transform 0.2s ease;
}

.maszyna-card-button:hover {
  color: #ffffff !important;

  transform: translateX(2px);
}

/* =========================================================
   13. BRAK WYNIKÓW
   ========================================================= */

.maszyny-no-results {
  background: #202733 !important;

  border: 1px solid rgba(255, 255, 255, 0.09) !important;

  color: #b8c0cc;
}

.maszyny-no-results h2 {
  color: #ffffff !important;
}

.maszyny-no-results p {
  color: #b8c0cc !important;
}

.maszyny-no-results a {
  display: inline-block;

  margin-top: 20px;
  padding: 11px 20px;

  border-radius: 7px;

  background: #d71920 !important;
  color: #ffffff !important;

  text-decoration: none !important;
  font-weight: 600;

  transition:
    background-color 0.2s ease,
    transform 0.2s ease;
}

.maszyny-no-results a:hover {
  background: #b9141a !important;
  transform: translateY(-1px);
}

/* =========================================================
   14. PAGINACJA
   ========================================================= */

.maszyny-pagination a,
.maszyny-pagination span {
  background: #202733 !important;

  border: 1px solid rgba(255, 255, 255, 0.1) !important;

  color: #b8c0cc !important;

  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease;
}

.maszyny-pagination a:hover {
  background: #2b3442 !important;

  border-color: #d71920 !important;

  color: #ffffff !important;
}

/* Aktualna strona */
.maszyny-pagination .current {
  background: #d71920 !important;

  border-color: #d71920 !important;

  color: #ffffff !important;
}

/* =========================================================
   15. SEPARATORY
   ========================================================= */

.filter-range-inputs span {
  color: #b8c0cc !important;
}

/* =========================================================
   16. LINKI KATALOGU
   ========================================================= */

.katalog-container a {
  transition:
    color 0.2s ease,
    opacity 0.2s ease;
}

/* =========================================================
   17. MOBILE
   ========================================================= */

@media (max-width: 800px) {
  .maszyny-filters {
    border-color: rgba(215, 25, 32, 0.3) !important;
  }
}

@media (max-width: 600px) {
  .katalog-container {
    width: min(100% - 30px, 1200px);
  }

  .katalog-header h1::after {
    margin-top: 13px;
  }
}

/* =========================================================
   UTB HANDELSERWIS — SINGLE MASZYNA
   DARK INDUSTRIAL DESIGN
   Navy + Red
   ========================================================= */

/* =========================================================
   1. GŁÓWNE TŁO
   ========================================================= */

.single-maszyna {
  background: #171d28 !important;
  color: #f5f7fa;
}

/* WordPress / Kadence — zabezpieczenie tła całej strony */
body:has(.single-maszyna),
body:has(.single-maszyna) #inner-wrap,
body:has(.single-maszyna) #primary,
body:has(.single-maszyna) #main,
body:has(.single-maszyna) .content-container,
body:has(.single-maszyna) .entry-content-wrap,
body:has(.single-maszyna) .entry-content {
  background-color: #171d28 !important;
}

/* =========================================================
   2. BREADCRUMBS
   ========================================================= */

.maszyna-breadcrumbs {
  color: #b8c0cc !important;
}

.maszyna-breadcrumbs a {
  color: #b8c0cc !important;
}

.maszyna-breadcrumbs a:hover {
  color: #d71920 !important;
}

.maszyna-breadcrumbs span:last-child {
  color: #ffffff !important;
}

/* =========================================================
   3. GŁÓWNE ZDJĘCIE
   ========================================================= */

.maszyna-main-image {
  background: #202733 !important;

  border: 1px solid rgba(255, 255, 255, 0.08);

  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.25);
}

/* =========================================================
   4. MINIATURY
   ========================================================= */

.maszyna-gallery-thumbnail {
  background: #202733 !important;

  border-color: transparent !important;
}

.maszyna-gallery-thumbnail:hover {
  border-color: rgba(215, 25, 32, 0.55) !important;
}

.maszyna-gallery-thumbnail.active {
  border-color: #d71920 !important;
}

/* Brak zdjęcia */
.maszyna-no-image {
  background: #202733 !important;
  color: #b8c0cc !important;

  border: 1px solid rgba(255, 255, 255, 0.08);
}

/* =========================================================
   5. TYP MASZYNY
   ========================================================= */

.maszyna-summary-type {
  background: rgba(215, 25, 32, 0.12) !important;

  border: 1px solid rgba(215, 25, 32, 0.3);

  color: #d71920 !important;

  border-radius: 5px;
}

/* =========================================================
   6. NAZWA MASZYNY
   ========================================================= */

.maszyna-summary h1 {
  color: #ffffff !important;
}

/* Podtytuł */
.maszyna-summary-subtitle {
  color: #b8c0cc !important;
}

/* =========================================================
   7. CENA
   ========================================================= */

.maszyna-price {
  color: #ffffff !important;
}

/* =========================================================
   8. SPECYFIKACJA
   ========================================================= */

.maszyna-summary-specification {
  border-top-color: rgba(255, 255, 255, 0.1) !important;
}

.summary-spec-row {
  border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

.summary-spec-row span {
  color: #b8c0cc !important;
}

.summary-spec-row strong {
  color: #ffffff !important;
}

/* =========================================================
   9. PRZYCISK KONTAKTU
   ========================================================= */

.maszyna-contact-button {
  background: #d71920 !important;

  border: 1px solid #d71920 !important;

  color: #ffffff !important;

  border-radius: 7px;

  box-shadow: 0 7px 20px rgba(215, 25, 32, 0.18);

  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

.maszyna-contact-button:hover {
  background: #b9141a !important;
  border-color: #b9141a !important;

  transform: translateY(-2px);

  box-shadow: 0 10px 25px rgba(215, 25, 32, 0.28);
}

/* =========================================================
   10. OPIS MASZYNY
   ========================================================= */

.maszyna-description h2 {
  color: #ffffff !important;
}

.maszyna-description-content {
  color: #b8c0cc !important;
}

.maszyna-description-content p {
  color: #b8c0cc !important;
}

/* Linki w opisie */
.maszyna-description-content a {
  color: #d71920 !important;
}

.maszyna-description-content a:hover {
  color: #ffffff !important;
}

/* =========================================================
   11. SEKCJA KONTAKTOWA
   ========================================================= */

.maszyna-contact {
  background: #202733 !important;

  border: 1px solid rgba(255, 255, 255, 0.08);

  border-left: 3px solid #d71920;

  border-radius: 10px;

  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
}

.maszyna-contact h2 {
  color: #ffffff !important;
}

.maszyna-contact p {
  color: #b8c0cc !important;
}

.maszyna-contact > div:last-child {
  color: #b8c0cc !important;
}

.maszyna-contact > div:last-child strong {
  color: #ffffff !important;
}

/* =========================================================
   12. PODOBNE MASZYNY
   ========================================================= */

.maszyna-related-header h2 {
  color: #ffffff !important;
}

.maszyna-related-header a {
  color: #d71920 !important;
}

.maszyna-related-header a:hover {
  color: #ffffff !important;
}

/* Grid kart */
.maszyna-related-card {
  background: #202733 !important;

  border: 1px solid rgba(255, 255, 255, 0.08) !important;

  border-radius: 10px;

  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.18);

  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease;
}

.maszyna-related-card:hover {
  transform: translateY(-4px);

  border-color: rgba(215, 25, 32, 0.45) !important;

  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.28);
}

/* Zdjęcie podobnej maszyny */
.maszyna-related-image {
  background: #2b3442 !important;
}

/* Treść */
.maszyna-related-content {
  background: #202733 !important;
}

.maszyna-related-content h3,
.maszyna-related-content h3 a {
  color: #ffffff !important;
}

.maszyna-related-content h3 a:hover {
  color: #d71920 !important;
}

.maszyna-related-content p {
  color: #b8c0cc !important;
}

/* Cena */
.maszyna-related-content .related-price {
  color: #ffffff !important;
}

/* Szczegóły */
.related-button {
  color: #d71920 !important;
}

.related-button:hover {
  color: #ffffff !important;
}

/* =========================================================
   13. DELIKATNE CZERWONE AKCENTY
   ========================================================= */

/* Podkreślenie nagłówków sekcji */

.maszyna-description h2::after,
.maszyna-related-header h2::after {
  content: "";
  display: block;

  width: 50px;
  height: 3px;

  margin-top: 14px;

  background: #d71920;

  border-radius: 2px;
}

/* =========================================================
   14. LIGHTBOX
   ========================================================= */

/* Sam lightbox zostawiamy bardzo ciemny */
.maszyna-lightbox-overlay {
  background: rgba(10, 14, 20, 0.95) !important;
}

/* Przyciski */
.maszyna-lightbox-close,
.maszyna-lightbox-prev,
.maszyna-lightbox-next {
  background: rgba(32, 39, 51, 0.85) !important;

  border: 1px solid rgba(255, 255, 255, 0.1);

  color: #ffffff !important;

  transition:
    background-color 0.2s ease,
    border-color 0.2s ease;
}

.maszyna-lightbox-close:hover,
.maszyna-lightbox-prev:hover,
.maszyna-lightbox-next:hover {
  background: #d71920 !important;
  border-color: #d71920 !important;
}

/* Licznik */
.maszyna-lightbox-counter {
  color: #b8c0cc !important;
}

/* =========================================================
   15. RESPONSYWNOŚĆ
   ========================================================= */

@media (max-width: 1000px) {
  .maszyna-summary {
    max-width: 750px;
  }
}

@media (max-width: 600px) {
  .maszyna-contact {
    border-left: 3px solid #d71920;
  }

  .maszyna-description h2::after,
  .maszyna-related-header h2::after {
    margin-top: 11px;
  }
}

/* =========================================================
   UTB HANDELSERWIS — GLOBALNA NAWIGACJA
   Navy + Red
   ========================================================= */

/* =========================================================
   1. GÓRNY PASEK
   ========================================================= */

#masthead,
#main-header,
.site-header-wrap,
.site-header-inner-wrap,
.site-header-upper-wrap,
.site-header-upper-inner-wrap {
  background-color: #202733 !important;
}

/* =========================================================
   2. GŁÓWNY WIERSZ MENU
   ========================================================= */

.site-main-header-wrap,
.site-main-header-inner-wrap {
  background-color: #202733 !important;
}

/* =========================================================
   3. LOGO / NAZWA STRONY
   ========================================================= */

.site-branding .site-title,
.site-branding a,
.site-branding .site-title-wrap {
  color: #d71920 !important;
}

/* Hover logo */
.site-branding a:hover .site-title {
  color: #d71920 !important;
}

/* =========================================================
   4. LINKI MENU
   ========================================================= */

#site-navigation .primary-menu-container > ul > li > a {
  color: #e5e7eb !important;

  transition:
    color 0.2s ease,
    background-color 0.2s ease;
}

/* Hover */
#site-navigation .primary-menu-container > ul > li > a:hover {
  color: #d71920 !important;
}

/* =========================================================
   5. AKTYWNA PODSTRONA
   ========================================================= */

/* Katalog / aktywna pozycja */
#site-navigation .primary-menu-container > ul > li.current-menu-item > a,
#site-navigation .primary-menu-container > ul > li.current_page_item > a,
#site-navigation .primary-menu-container > ul > li.current-menu-ancestor > a,
#site-navigation .primary-menu-container > ul > li.current_page_ancestor > a {
  color: #d71920 !important;
}

/* =========================================================
   6. AKTYWNA POZYCJA — DELIKATNE PODKREŚLENIE
   ========================================================= */

#site-navigation .primary-menu-container > ul > li.current-menu-item > a::after,
#site-navigation
  .primary-menu-container
  > ul
  > li.current_page_item
  > a::after {
  content: "";

  position: absolute;

  left: 20%;
  right: 20%;
  bottom: 5px;

  height: 2px;

  background: #d71920;

  border-radius: 2px;
}

/* =========================================================
   7. MENU NIEAKTYWNE
   ========================================================= */

#site-navigation .primary-menu-container > ul > li:not(.current-menu-item) > a {
  color: #e5e7eb !important;
}

/* =========================================================
   8. MOBILE — PRZYCISK MENU
   ========================================================= */

#mobile-header,
#mobile-header .site-header-inner-wrap,
#mobile-header .site-header-upper-wrap,
#mobile-header .site-header-upper-inner-wrap {
  background-color: #202733 !important;
}

#mobile-toggle {
  color: #ffffff !important;
}

#mobile-toggle .kadence-svg-icon {
  fill: #ffffff !important;
}

/* =========================================================
   9. MOBILE — WYSUWANE MENU
   ========================================================= */

#mobile-drawer .drawer-inner {
  background-color: #202733 !important;
}

#mobile-drawer .drawer-content {
  background-color: #202733 !important;
}

#mobile-site-navigation .menu-item a {
  color: #e5e7eb !important;
}

#mobile-site-navigation .menu-item a:hover {
  color: #d71920 !important;
}

#mobile-site-navigation .current-menu-item > a,
#mobile-site-navigation .current_page_item > a {
  color: #d71920 !important;
}

/* =========================================================
   10. PRZYCISK ZAMKNIĘCIA MOBILE MENU
   ========================================================= */

#mobile-drawer .menu-toggle-close {
  color: #ffffff !important;
}

#mobile-drawer .toggle-close-bar {
  background-color: #ffffff !important;
}

/* =========================================================
   11. DELIKATNA LINIA POD HEADEREM
   ========================================================= */

#masthead {
  border-bottom: 1px solid #202733;
}

/* =========================================================
   12. HEADER — HOVER / TRANSITIONS
   ========================================================= */

#site-navigation a,
#mobile-site-navigation a {
  transition:
    color 0.2s ease,
    background-color 0.2s ease,
    opacity 0.2s ease;
}

/* =========================================================
   NAPRAWA FILTRÓW KATALOGU — SELECT / INPUT
   ========================================================= */

/* Inputy nie powinny mieć strzałki */
.filter-group input {
  background-image: none !important;
  background-repeat: no-repeat !important;
  background-position: initial !important;
  background-size: auto !important;
}

/* Select zachowuje własną strzałkę */
.filter-group select {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;

  background-color: #2b3442 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23D71920' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 13px center !important;
  background-size: 16px 16px !important;

  color: #ffffff !important;
}

/* Opcje rozwijanego menu */
.filter-group select option {
  background-color: #2b3442 !important;
  color: #ffffff !important;
}

/* Zaznaczona opcja */
.filter-group select option:checked {
  background-color: #d71920 !important;
  color: #ffffff !important;
}

/* Pola liczbowe */
.filter-group input[type="number"] {
  color: #ffffff !important;
  background-color: #2b3442 !important;
}

/* Placeholder pól zakresowych */
.filter-group input[type="number"]::placeholder {
  color: #b8c0cc !important;
  opacity: 1 !important;
}

/* =========================================================
   UTB HANDELSERWIS — OSPRZĘT
   UJEDNOLICENIE Z KATALOGIEM MASZYN
   DARK INDUSTRIAL / NAVY + RED
   ========================================================= */

/* =========================================================
   1. WSPÓLNE TŁO STRON OSPRZĘTU
   ========================================================= */

.single-osprzet,
.archive-osprzet {
  background: #171d28 !important;
  color: #f5f7fa !important;
}

body:has(.single-osprzet),
body:has(.archive-osprzet),
body:has(.single-osprzet) #inner-wrap,
body:has(.archive-osprzet) #inner-wrap,
body:has(.single-osprzet) #primary,
body:has(.archive-osprzet) #primary,
body:has(.single-osprzet) #main,
body:has(.archive-osprzet) #main,
body:has(.single-osprzet) .content-container,
body:has(.archive-osprzet) .content-container,
body:has(.single-osprzet) .entry-content-wrap,
body:has(.archive-osprzet) .entry-content-wrap,
body:has(.single-osprzet) .entry-content,
body:has(.archive-osprzet) .entry-content {
  background-color: #171d28 !important;
}

/* =========================================================
   2. KONTENERY
   ========================================================= */

.osprzet-single-container,
.osprzet-archive-container {
  color: #f5f7fa;
}

/* =========================================================
   3. BREADCRUMBS
   ========================================================= */

.osprzet-breadcrumbs {
  color: #b8c0cc !important;
}

.osprzet-breadcrumbs a {
  color: #b8c0cc !important;
  text-decoration: none !important;
}

.osprzet-breadcrumbs a:hover {
  color: #d71920 !important;
}

.osprzet-breadcrumbs span:last-child {
  color: #ffffff !important;
}

/* =========================================================
   4. NAGŁÓWEK KATALOGU OSPRZĘTU
   ========================================================= */

.osprzet-archive-header {
  max-width: 800px;
}

.osprzet-archive-label {
  color: #d71920 !important;
  font-weight: 700;
  letter-spacing: 0.12em;
}

.osprzet-archive-header h1 {
  color: #ffffff !important;
  font-weight: 700;
  letter-spacing: -0.025em;
}

.osprzet-archive-header h1::after {
  content: "";
  display: block;
  width: 55px;
  height: 3px;
  margin-top: 16px;
  background: #d71920;
  border-radius: 2px;
}

.osprzet-archive-header p {
  color: #b8c0cc !important;
}

/* =========================================================
   5. WYSZUKIWARKA OSPRZĘTU
   ========================================================= */

.osprzet-search-form {
  max-width: 900px;
}

.osprzet-search-wrapper {
  gap: 10px;
}

.osprzet-search-wrapper input {
  height: 52px;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 7px;
  background: #2b3442 !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.osprzet-search-wrapper input::placeholder {
  color: #b8c0cc !important;
  opacity: 1;
}

.osprzet-search-wrapper input:hover {
  border-color: rgba(215, 25, 32, 0.55) !important;
}

.osprzet-search-wrapper input:focus {
  border-color: #d71920 !important;
  box-shadow: 0 0 0 2px rgba(215, 25, 32, 0.15) !important;
  outline: none !important;
}

.osprzet-search-wrapper button,
.osprzet-no-results-button {
  border: 1px solid #d71920 !important;
  border-radius: 7px;
  background: #d71920 !important;
  color: #ffffff !important;
  box-shadow: 0 7px 20px rgba(215, 25, 32, 0.18);
}

.osprzet-search-wrapper button:hover,
.osprzet-no-results-button:hover {
  background: #b9141a !important;
  border-color: #b9141a !important;
  opacity: 1;
  transform: translateY(-1px);
}

.osprzet-search-reset {
  color: #b8c0cc !important;
}

.osprzet-search-reset:hover {
  color: #ffffff !important;
}

/* =========================================================
   6. INFORMACJA O WYNIKACH
   ========================================================= */

.osprzet-results-info {
  color: #b8c0cc !important;
}

.osprzet-results-info strong {
  color: #ffffff !important;
}

/* =========================================================
   7. KARTY OSPRZĘTU — ARCHIWUM
   ========================================================= */

.osprzet-card {
  background: #202733 !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  border-radius: 12px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.18);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease;
}

.osprzet-card:hover {
  transform: translateY(-4px);
  border-color: rgba(215, 25, 32, 0.45) !important;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.28);
}

.osprzet-card-image,
.osprzet-card-no-image {
  background: #2b3442 !important;
}

.osprzet-card-content {
  background: #202733 !important;
}

.osprzet-card-content h2,
.osprzet-card-content h2 a {
  color: #ffffff !important;
}

.osprzet-card-content h2 a:hover {
  color: #d71920 !important;
}

.osprzet-card-price {
  color: #ffffff !important;
}

.osprzet-card-description {
  color: #b8c0cc !important;
}

.osprzet-card-button {
  color: #d71920 !important;
  transition:
    color 0.2s ease,
    transform 0.2s ease;
}

.osprzet-card-button:hover {
  color: #ffffff !important;
  text-decoration: none !important;
}

.osprzet-card-button:hover span {
  transform: translateX(4px);
}

/* =========================================================
   8. BRAK WYNIKÓW
   ========================================================= */

.osprzet-no-results {
  background: #202733 !important;
  border: 1px solid rgba(255, 255, 255, 0.09);
  color: #b8c0cc !important;
}

.osprzet-no-results h2 {
  color: #ffffff !important;
}

.osprzet-no-results p {
  color: #b8c0cc !important;
}

/* =========================================================
   9. PAGINACJA OSPRZĘTU
   ========================================================= */

.osprzet-pagination a,
.osprzet-pagination span {
  background: #202733 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 7px;
  color: #b8c0cc !important;
}

.osprzet-pagination a:hover {
  background: #2b3442 !important;
  border-color: #d71920 !important;
  color: #ffffff !important;
}

.osprzet-pagination .current {
  background: #d71920 !important;
  border-color: #d71920 !important;
  color: #ffffff !important;
}

/* =========================================================
   10. SINGLE OSPRZĘT — GALERIA
   ========================================================= */

.osprzet-main-image {
  background: #202733 !important;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.25);
}

.osprzet-gallery-thumbnail {
  background: #202733 !important;
  border-color: transparent !important;
}

.osprzet-gallery-thumbnail:hover {
  border-color: rgba(215, 25, 32, 0.55) !important;
}

.osprzet-gallery-thumbnail.active {
  border-color: #d71920 !important;
}

.osprzet-no-image {
  background: #202733 !important;
  color: #b8c0cc !important;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

/* =========================================================
   11. SINGLE OSPRZĘT — PRAWA KOLUMNA
   ========================================================= */

.osprzet-summary-type {
  background: rgba(215, 25, 32, 0.12) !important;
  border: 1px solid rgba(215, 25, 32, 0.3);
  color: #d71920 !important;
  border-radius: 5px;
}

.osprzet-summary h1 {
  color: #ffffff !important;
}

.osprzet-price {
  color: #ffffff !important;
}

/* =========================================================
   12. PRZYCISK KONTAKTU
   ========================================================= */

.osprzet-contact-button {
  background: #d71920 !important;
  border: 1px solid #d71920 !important;
  color: #ffffff !important;
  border-radius: 7px;
  box-shadow: 0 7px 20px rgba(215, 25, 32, 0.18);
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

.osprzet-contact-button:hover {
  background: #b9141a !important;
  border-color: #b9141a !important;
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(215, 25, 32, 0.28);
}

/* =========================================================
   13. OPIS
   ========================================================= */

.osprzet-description h2 {
  color: #ffffff !important;
}

.osprzet-description h2::after,
.osprzet-related-header h2::after {
  content: "";
  display: block;
  width: 50px;
  height: 3px;
  margin-top: 14px;
  background: #d71920;
  border-radius: 2px;
}

.osprzet-description-content,
.osprzet-description-content p {
  color: #b8c0cc !important;
}

.osprzet-description-content a {
  color: #d71920 !important;
}

.osprzet-description-content a:hover {
  color: #ffffff !important;
}

/* =========================================================
   14. SEKCJA KONTAKTOWA
   ========================================================= */

.osprzet-contact {
  background: #202733 !important;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-left: 3px solid #d71920;
  border-radius: 10px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
}

.osprzet-contact h2 {
  color: #ffffff !important;
}

.osprzet-contact p {
  color: #b8c0cc !important;
}

.osprzet-contact > div:last-child {
  color: #b8c0cc !important;
}

.osprzet-contact > div:last-child strong {
  color: #ffffff !important;
}

/* =========================================================
   15. POZOSTAŁY OSPRZĘT
   ========================================================= */

.osprzet-related-header h2 {
  color: #ffffff !important;
}

.osprzet-related-header a {
  color: #d71920 !important;
}

.osprzet-related-header a:hover {
  color: #ffffff !important;
}

.osprzet-related-card {
  background: #202733 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 10px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.18);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease;
}

.osprzet-related-card:hover {
  transform: translateY(-4px);
  border-color: rgba(215, 25, 32, 0.45) !important;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.28);
}

.osprzet-related-image {
  background: #2b3442 !important;
}

.osprzet-related-content {
  background: #202733 !important;
}

.osprzet-related-content h3,
.osprzet-related-content h3 a {
  color: #ffffff !important;
}

.osprzet-related-content h3 a:hover {
  color: #d71920 !important;
}

.osprzet-related-button {
  color: #d71920 !important;
}

.osprzet-related-button:hover {
  color: #ffffff !important;
  text-decoration: none !important;
}

/* =========================================================
   16. LIGHTBOX OSPRZĘTU
   ========================================================= */

.osprzet-lightbox-overlay {
  background: rgba(10, 14, 20, 0.95) !important;
}

.osprzet-lightbox-close,
.osprzet-lightbox-prev,
.osprzet-lightbox-next {
  background: rgba(32, 39, 51, 0.85) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
}

.osprzet-lightbox-close:hover,
.osprzet-lightbox-prev:hover,
.osprzet-lightbox-next:hover {
  background: #d71920 !important;
  border-color: #d71920 !important;
}

.osprzet-lightbox-counter {
  color: #b8c0cc !important;
}

/* =========================================================
   17. MOBILE
   ========================================================= */

@media (max-width: 600px) {
  .osprzet-archive-header h1 {
    font-size: 40px;
  }

  .osprzet-archive-header h1::after {
    margin-top: 13px;
  }

  .osprzet-search-wrapper {
    flex-direction: column;
  }

  .osprzet-search-wrapper input,
  .osprzet-search-wrapper button {
    width: 100%;
  }

  .osprzet-description h2::after,
  .osprzet-related-header h2::after {
    margin-top: 11px;
  }

  .osprzet-contact {
    border-left: 3px solid #d71920;
  }
}

/* =========================================================
   NAJNOWSZE MASZYNY — BRAK OFERTY
   ========================================================= */

/* Czerwony pasek pod nagłówkiem sekcji */
.home-latest-machines-header h2::after {
  content: "";
  display: block;
  width: 55px;
  height: 3px;
  margin: 16px auto 0;
  background: #d71920;
  border-radius: 2px;
}

/* Czytelny, wyśrodkowany komunikat przy pustym magazynie */
.home-latest-machines-empty {
  width: 100%;
  box-sizing: border-box;
  padding: 55px 30px;
  margin: 10px 0 0;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  background: rgba(32, 39, 51, 0.45);
}

.home-latest-machines-empty h3 {
  margin: 0 0 14px;
  font-size: 28px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  color: #f5f7fa !important;
}

.home-latest-machines-empty p {
  max-width: 720px;
  margin: 0 auto;
  font-size: 18px !important;
  line-height: 1.6 !important;
  color: #f5f7fa !important;
}

@media (max-width: 600px) {
  .home-latest-machines-header h2::after {
    margin-top: 14px;
  }

  .home-latest-machines-empty {
    padding: 40px 22px;
  }

  .home-latest-machines-empty h3 {
    font-size: 23px !important;
  }

  .home-latest-machines-empty p {
    font-size: 16px !important;
  }
}