.u-section-1 .u-sheet-1 {min-height: 200px}
.u-section-1 .u-text-1 {margin: 25px auto 0}
.u-section-1 .u-text-2 {margin: 25px auto 0}
.u-section-1 .u-btn-1 {border-style: none; letter-spacing: 1px; font-weight: 700; text-transform: uppercase; background-image: none; margin: 40px auto 0 274px}
.u-section-1 .u-btn-2 {border-style: none; letter-spacing: 1px; font-weight: 700; text-transform: uppercase; background-image: none; margin: -46px 337px 60px auto} 

@media (max-width: 1199px){ .u-section-1 .u-btn-1 {margin-left: 74px}
.u-section-1 .u-btn-2 {margin-right: 137px} }

@media (max-width: 991px){ .u-section-1 .u-sheet-1 {min-height: 540px}
.u-section-1 .u-btn-1 {margin-left: 78px}
.u-section-1 .u-btn-2 {margin-right: 78px} }

@media (max-width: 767px){ .u-section-1 .u-btn-1 {margin-left: 0}
.u-section-1 .u-btn-2 {margin-right: 0} }

@media (max-width: 575px){ .u-section-1 .u-sheet-1 {min-height: 653px}
.u-section-1 .u-btn-1 {margin-top: 20px; margin-left: 52px}
.u-section-1 .u-btn-2 {margin-top: 20px; margin-right: auto; margin-bottom: 20px} }.u-section-2 .u-sheet-1 {min-height: 464px}
.u-section-2 .u-text-1 {font-family: Anton; font-size: 4rem; background-image: none; margin: 15px 0 0}
.u-section-2 .u-text-2 {margin: 10px 0 0}
.u-section-2 .u-list-1 {margin-top: 20px; margin-bottom: 10px; min-height: 338px; grid-template-columns: repeat(4, calc(25% - 8px)); grid-template-rows: auto; grid-gap: 10px 10px}
.u-section-2 .u-container-layout-1 {padding: 0}
.u-section-2 .u-image-1 {height: 209px; object-position: 50% 9.91%; margin: 0 auto 0 0}
.u-section-2 .u-text-3 {font-size: 1.875rem; font-weight: 400; margin: 20px 0 0}
.u-section-2 .u-text-4 {margin-left: 0; letter-spacing: 2px; text-transform: uppercase; font-weight: 300; font-size: 1rem; margin-right: 0; margin-top: 20px}
.u-section-2 .u-container-layout-2 {padding: 0}
.u-section-2 .u-image-2 {height: 209px; object-position: 50% 9.91%; margin: 0 auto 0 0}
.u-section-2 .u-text-5 {font-size: 1.875rem; font-weight: 400; margin: 20px 0 0}
.u-section-2 .u-text-6 {margin-left: 0; letter-spacing: 2px; text-transform: uppercase; font-weight: 300; font-size: 1rem; margin-right: 0; margin-top: 20px}
.u-section-2 .u-container-layout-3 {padding: 0}
.u-section-2 .u-image-3 {height: 209px; object-position: 50% 9.91%; margin: 0 auto 0 0}
.u-section-2 .u-text-7 {font-size: 1.875rem; font-weight: 400; margin: 20px 0 0}
.u-section-2 .u-text-8 {margin-left: 0; letter-spacing: 2px; text-transform: uppercase; font-weight: 300; font-size: 1rem; margin-right: 0; margin-top: 20px}
.u-section-2 .u-container-layout-4 {padding: 0}
.u-section-2 .u-image-4 {height: 209px; object-position: 50% 9.91%; margin: 0 auto 0 0}
.u-section-2 .u-text-9 {font-size: 1.875rem; font-weight: 400; margin: 20px 0 0}
.u-section-2 .u-text-10 {margin-left: 0; letter-spacing: 2px; text-transform: uppercase; font-weight: 300; font-size: 1rem; margin-right: 0; margin-top: 20px} 
.u-section-2 .u-btn-1 {border: 1px dotted; font-weight: 700; text-transform: uppercase; font-size: 0.875rem; margin: 20px auto 30px; padding: 10px}

@media (max-width: 1199px){ .u-section-2 .u-sheet-1 {min-height: 257px}
.u-section-2 .u-list-1 {min-height: 361px; grid-template-columns: repeat(5, calc(20% - 8px)); height: auto}
.u-section-2 .u-image-1 {height: NaNpx; margin-right: initial; margin-left: initial}
.u-section-2 .u-image-2 {height: NaNpx; margin-right: initial; margin-left: initial}
.u-section-2 .u-image-3 {height: NaNpx; margin-right: initial; margin-left: initial}
.u-section-2 .u-image-4 {height: NaNpx; margin-right: initial; margin-left: initial} }

@media (max-width: 991px){ .u-section-2 .u-sheet-1 {min-height: 533px}
.u-section-2 .u-list-1 {min-height: 1107px; grid-template-columns: repeat(2, calc(((100% - 720px) / 2)  + 355px))} }

@media (max-width: 767px){ .u-section-2 .u-list-1 {min-height: 526px; grid-template-columns: repeat(1, calc(100% - 0)); width: 358px; margin-left: auto; margin-right: auto}
.u-section-2 .u-image-2 {object-position: 50% 38.05%; margin-right: initial; margin-left: initial}
.u-section-2 .u-image-3 {object-position: 50% 48.6%; margin-right: initial; margin-left: initial}
.u-section-2 .u-image-4 {object-position: 50% 57.11%; margin-right: initial; margin-left: initial} }

@media (max-width: 575px){ .u-section-2 .u-text-1 {font-size: 1.5rem}
.u-section-2 .u-list-1 {grid-template-columns: 100%; width: 340px} }.u-section-3 .u-sheet-1 {min-height: 713px}
.u-section-3 .u-text-1 {font-family: Anton; font-size: 4.5rem; margin: 56px auto 0 0}
.u-section-3 .u-text-2 {margin: 34px auto 0 0}
.u-section-3 .u-list-1 {margin-top: 20px; margin-bottom: 60px; min-height: 438px; grid-template-columns: calc(25% - 8px) calc(25% - 8px) calc(25% - 8px) calc(25% - 8px); grid-template-rows: auto; grid-gap: 10px 10px}
.u-section-3 .u-container-layout-1 {padding: 0}
.u-section-3 .u-image-1 {height: 309px; object-position: 50% 9.91%; margin: 0 auto 0 0}
.u-section-3 .u-text-3 {font-size: 1.875rem; font-weight: 400; margin: 20px 0 0}
.u-section-3 .u-text-4 {margin-left: 0; letter-spacing: 2px; text-transform: uppercase; font-weight: 300; font-size: 1rem; margin-right: 0; margin-top: 20px}
.u-section-3 .u-container-layout-2 {padding: 0}
.u-section-3 .u-image-2 {height: 309px; object-position: 50% 9.91%; margin: 0 auto 0 0}
.u-section-3 .u-text-5 {font-size: 1.875rem; font-weight: 400; margin: 20px 0 0}
.u-section-3 .u-text-6 {margin-left: 0; letter-spacing: 2px; text-transform: uppercase; font-weight: 300; font-size: 1rem; margin-right: 0; margin-top: 20px}
.u-section-3 .u-container-layout-3 {padding: 0}
.u-section-3 .u-image-3 {height: 309px; object-position: 50% 9.91%; margin: 0 auto 0 0}
.u-section-3 .u-text-7 {font-size: 1.875rem; font-weight: 400; margin: 20px 0 0}
.u-section-3 .u-text-8 {margin-left: 0; letter-spacing: 2px; text-transform: uppercase; font-weight: 300; font-size: 1rem; margin-right: 0; margin-top: 20px}
.u-section-3 .u-container-layout-4 {padding: 0}
.u-section-3 .u-image-4 {height: 309px; object-position: 50% 9.91%; margin: 0 auto 0 0}
.u-section-3 .u-text-9 {font-size: 1.875rem; font-weight: 400; margin: 20px 0 0}
.u-section-3 .u-text-10 {margin-left: 0; letter-spacing: 2px; text-transform: uppercase; font-weight: 300; font-size: 1rem; margin-right: 0; margin-top: 20px} 

@media (max-width: 1199px){ .u-section-3 .u-sheet-1 {min-height: 636px}
.u-section-3 .u-list-1 {min-height: 361px; grid-template-columns: repeat(4, calc(25% - 8px)); height: auto}
.u-section-3 .u-image-1 {height: NaNpx; margin-right: initial; margin-left: initial}
.u-section-3 .u-image-2 {height: NaNpx; margin-right: initial; margin-left: initial}
.u-section-3 .u-image-3 {height: NaNpx; margin-right: initial; margin-left: initial}
.u-section-3 .u-image-4 {height: NaNpx; margin-right: initial; margin-left: initial} }

@media (max-width: 991px){ .u-section-3 .u-sheet-1 {min-height: 1233px}
.u-section-3 .u-list-1 {min-height: 1107px; grid-template-columns: repeat(2, calc(((100% - 720px) / 2)  + 355px))} }

@media (max-width: 767px){ .u-section-3 .u-list-1 {min-height: 1726px; grid-template-columns: repeat(1, calc(100% - 0)); width: 358px; margin-left: auto; margin-right: auto}
.u-section-3 .u-image-2 {object-position: 50% 38.05%; margin-right: initial; margin-left: initial}
.u-section-3 .u-image-3 {object-position: 50% 48.6%; margin-right: initial; margin-left: initial}
.u-section-3 .u-image-4 {object-position: 50% 57.11%; margin-right: initial; margin-left: initial} }

@media (max-width: 575px){ .u-section-3 .u-text-1 {font-size: 1.5rem}
.u-section-3 .u-list-1 {grid-template-columns: 100%; width: 340px} }.u-section-4 .u-sheet-1 {min-height: 454px}
.u-section-4 .u-list-1 {min-height: 315px; grid-template-columns: calc(33.3333% - 7px) calc(33.3333% - 7px) calc(33.3333% - 7px); grid-template-rows: auto; grid-gap: 10px 10px; margin: 60px auto 60px 0}
.u-section-4 .u-container-layout-1 {padding: 30px}
.u-section-4 .u-icon-1 {height: 64px; width: 64px; margin: 0 auto}
.u-section-4 .u-text-1 {margin: 30px 0 0}
.u-section-4 .u-text-2 {margin: 20px 20px 0 0}
.u-section-4 .u-container-layout-2 {padding: 30px}
.u-section-4 .u-icon-2 {height: 64px; width: 64px; margin: 0 auto}
.u-section-4 .u-text-3 {margin: 30px 0 0}
.u-section-4 .u-text-4 {margin: 20px 20px 0 0}
.u-section-4 .u-container-layout-3 {padding: 30px}
.u-section-4 .u-icon-3 {height: 64px; width: 64px; margin: 0 auto}
.u-section-4 .u-text-5 {margin: 30px 0 0}
.u-section-4 .u-text-6 {margin: 20px 20px 0 0} 

@media (max-width: 1199px){ .u-section-4 .u-list-1 {min-height: 259px; grid-template-columns: repeat(3, calc(33.333333333333336% - 7px)); height: auto; margin-right: initial; margin-left: initial} }

@media (max-width: 991px){ .u-section-4 .u-list-1 {min-height: 595px; grid-template-columns: repeat(2, calc(((100% - 720px) / 2)  + 355px)); margin-right: initial; margin-left: initial} }

@media (max-width: 767px){ .u-section-4 .u-list-1 {grid-template-columns: repeat(2, calc(((100% - 540px) / 2)  + 265px)); margin-right: initial; margin-left: initial}
.u-section-4 .u-container-layout-1 {padding-left: 10px; padding-right: 10px}
.u-section-4 .u-container-layout-2 {padding-left: 10px; padding-right: 10px}
.u-section-4 .u-container-layout-3 {padding-left: 10px; padding-right: 10px} }

@media (max-width: 575px){ .u-section-4 .u-list-1 {grid-template-columns: 100%; margin-right: initial; margin-left: initial} }

/* === MOBILE SCROLL STYLE + SPACING FIX + BORDER ON CONTAINER === */
@media (max-width: 767px) {
  .u-list-1 {
    display: flex !important;
    flex-direction: row;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    padding: 0 10px;
    min-height: unset !important;
    height: auto !important;
    margin-bottom: 20px !important;
  }

  .u-section-2 .u-list-1,
  .u-section-3 .u-list-1,
  .u-section-4 .u-list-1 {
    min-height: unset !important;
    height: auto !important;
  }

  .u-list-item {
    flex: 0 0 auto;
    scroll-snap-align: start;
    min-width: 80%;
    max-width: 85%;
    margin-right: 10px;
  }

  .u-list-1::-webkit-scrollbar {
    display: none;
  }

  .u-list-1 {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .u-container-layout-1,
  .u-container-layout-2,
  .u-container-layout-3,
  .u-container-layout-4 {
    border: 2px solid rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    padding: 10px;
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  }
}

/* Hide animated arrow on desktop */
@media screen and (min-width: 768px) {
  .arrow-hint {
    display: none !important;
  }
}

/* Cleaned scroll-hint */
.scroll-hint {
  display: none !important;
  visibility: hidden;
}


/* Enhanced mobile menu styles */
@media (max-width: 768px) {
  .mobile-menu-enhanced li {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e5e5e5;
  }
  .mobile-menu-enhanced li:last-child {
    border-bottom: none;
  }
  .mobile-menu-enhanced .icon {
    margin-right: 12px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .mobile-menu-enhanced .arrow {
    margin-left: auto;
    color: #999;
    font-size: 18px;
  }
}


/* Final mobile menu styles */
@media (max-width: 768px) {
  .mobile-menu-enhanced {
    background-color: #fff;
  }

  .mobile-menu-enhanced li {
    display: flex;
    align-items: center;
    padding: 14px 16px;
    border-bottom: 1px solid #555; /* delikatna szara linia */
    color: white;
  }

  .mobile-menu-enhanced li:last-child {
    border-bottom: none;
  }

  .mobile-menu-enhanced .icon {
    margin-right: 12px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .mobile-menu-enhanced a {
    color: white;
    text-decoration: none;
    width: 100%;
    display: flex;
    align-items: center;
  }

  .mobile-menu-enhanced .arrow {
    margin-left: auto;
    color: #aaa;
    font-size: 18px;
  }
}


/* Sticky mobile header */
@media (max-width: 768px) {
  .u-header {
    position: sticky;
    top: 0;
    z-index: 999;
    background-color: #fff; /* Można dopasować kolor do designu */
  }
}


@media (max-width: 768px) {
  .mobile-menu-enhanced {
    background-color: #000 !important;
  }

  .mobile-menu-enhanced li {
    background-color: #000 !important;
  }

  .mobile-menu-enhanced a {
    color: #fff !important;
    background-color: #000 !important;
  }

  .mobile-menu-enhanced .arrow {
    color: #aaa !important;
  }
}


@media (max-width: 768px) {
  .u-header {
    
  }
}

@media (max-width: 768px) {
  .u-header {
    border-bottom: 1px solid #ddd;
  }
}


/* Wyrównanie opisów pod kategoriami do lewej */
.u-text.u-text-default.u-text-2 {
  text-align: left !important;
}


@media (max-width: 768px) {
  .u-text.u-text-default.u-text-2 {
    text-align: left !important;
  }
}


@media (max-width: 768px) {
  .u-text.u-text-default.u-text-1 {
    text-align: center !important;
  }
}


@media (max-width: 768px) {
  .u-text.u-text-default.u-text-3 {
    text-align: center !important;
  }
}



.rent-btn {
  display: block;
  margin: 15px auto 0;
  background-color: #478ac9;
  color: #fff !important;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  border: none;
  border-radius: 6px;
  padding: 10px 25px;
  text-decoration: none;
  transition: background 0.3s ease;
  width: fit-content;
}

.rent-btn:hover {
  background-color: #2f6da8;
}


/* === PROZONE.RENT — przycisk ZAREZERWUJ (sekcja: Nowy sprzęt) === */

/* Wygląd i kolory */
.rent-btn {
  display: block;
  margin: 5px auto 10px;          /* centrowanie względem całego kafelka */
  padding: 10px 25px;
  background-color: #478ac9 !important;
  color: #fff !important;
  text-decoration: none !important;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: .8px;
  border: none;
  border-radius: 6px;
  transition: background .25s ease;
  width: max-content;            /* zapobiega rozciąganiu na pełną szerokość */
}

.rent-btn:hover {
  background-color: #2f6da8 !important;
  color: #fff !important;
}

/* Jeśli Nicepage wymusi inline'owe zachowanie linków,
   zabezpieczenie, by nasz przycisk nie przyjął stylu linka w treści */
.u-list-item .rent-btn,
.u-repeater-item .rent-btn {
  line-height: normal;
}

/* (Opcjonalnie) ujednolicenie wyrównania tytułu i ceny w kafelku
   — nie wpływa na inne sekcje, tylko na tekst wewnątrz kafelka */
.u-list-item .u-container-layout h4,
.u-list-item .u-container-layout h6 {
  text-align: center;
}

/* Responsywność — na bardzo małych ekranach delikatnie większy hit area */
@media (max-width: 480px) {
  .rent-btn {
    padding: 12px 26px;
  }
}