/* Rental catalog: a full-height, readable glass surface with its own scroll area. */
body.rental-page > header {
  position: sticky;
  top: 0;
  z-index: 80;
}
.rental-page .rental-workspace { position: relative; isolation: isolate; min-height: calc(100dvh - 72px); }
.rental-page .rental-workspace::before {
  content: "";
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  z-index: 0;
  width: calc(var(--sidebar-width, 340px) + 24px);
  height: 100%;
  pointer-events: none;
  background: radial-gradient(circle at 35% 30%, rgba(81,140,224,.18), transparent 58%);
  filter: blur(28px);
}
.rental-page .rental-workspace.is-collapsed::before { width: 78px; opacity: .72; }
.rental-page .rental-sidebar {
  top: 84px;
  height: calc(100vh - 96px);
  height: calc(100dvh - 96px);
  min-height: 0;
  margin: 12px;
  isolation: isolate;
  border: 1px solid rgba(255,255,255,.84);
  border-radius: 22px;
  background:
    radial-gradient(ellipse 90% 35% at 8% 0%, rgba(141,194,255,.42), transparent 72%),
    radial-gradient(ellipse 120% 50% at 95% 100%, rgba(35,181,157,.24), transparent 72%),
    linear-gradient(145deg, rgba(255,255,255,.88), rgba(239,247,255,.70) 47%, rgba(255,255,255,.8));
  box-shadow: 0 20px 55px rgba(22,43,70,.16), inset 0 1px rgba(255,255,255,.98), inset 0 -1px rgba(255,255,255,.62), inset 0 0 30px rgba(255,255,255,.26);
  -webkit-backdrop-filter: blur(28px) saturate(170%);
  backdrop-filter: blur(28px) saturate(170%);
}
.rental-page .glass-sidebar::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  background: radial-gradient(290px circle at var(--glass-x, 15%) var(--glass-y, 12%), rgba(255,255,255,.5), transparent 74%);
}
.rental-page .glass-sidebar::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(127deg, transparent 4%, rgba(255,255,255,.34) 17%, transparent 28%, transparent 72%, rgba(255,255,255,.17) 88%, transparent 98%);
}
.rental-page .glass-sidebar > * { position: relative; z-index: 1; }
.rental-page .rental-sidebar-heading { border-radius: 21px 21px 0 0; }
.rental-page .rental-sidebar-footer { border-radius: 0 0 21px 21px; }
.rental-page .rental-availability-filter { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-top: 12px; }
.rental-page .rental-availability-filter button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 36px;
  padding: 7px 10px;
  border: 1px solid rgba(115,151,195,.28);
  border-radius: 10px;
  background: rgba(255,255,255,.28);
  color: #294362;
  font-size: .78rem;
  font-weight: 650;
  text-align: start;
}
.rental-page .rental-availability-filter button span { font-variant-numeric: tabular-nums; font-size: .73rem; }
.rental-page .rental-availability-filter button.is-active { background: rgba(55,118,226,.15); border-color: rgba(55,118,226,.42); color: #174995; box-shadow: inset 0 1px rgba(255,255,255,.35); }
.rental-page .rental-availability-filter button[data-availability="priced"].is-active { background: rgba(18,148,95,.15); border-color: rgba(18,148,95,.42); color: #0f704b; }
.rental-page .rental-filter-empty { padding: 28px 14px; color: var(--text-secondary); font-size: .875rem; line-height: 1.5; text-align: center; }
.rental-page .rental-filter-empty[hidden] { display: none; }
.rental-page .rental-sidebar-heading,
.rental-page .rental-filters,
.rental-page .rental-sidebar-footer {
  flex: none;
  background: rgba(255,255,255,.18);
  border-color: rgba(115,151,195,.24);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
.rental-page .rental-service-list {
  min-height: 0;
  padding: 10px 10px 16px;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: rgba(89,124,169,.55) transparent;
}
.rental-page .rental-service-list::-webkit-scrollbar { width: 9px; }
.rental-page .rental-service-list::-webkit-scrollbar-track { background: transparent; }
.rental-page .rental-service-list::-webkit-scrollbar-thumb { background: rgba(89,124,169,.45); border: 2px solid transparent; background-clip: padding-box; border-radius: 99px; }
.rental-page .rental-service-row { min-height: 58px; margin: 2px 0; }
.rental-page .rental-service-row:hover { transform: none; }
.rental-page .rental-workspace.is-collapsed .rental-sidebar { top: 80px; height: calc(100dvh - 88px); margin: 8px 4px; border-radius: 16px; }
.rental-page .rental-workspace.is-collapsed .rental-sidebar-heading { border-radius: 15px; }
.rental-page .sidebar-resizer { background: transparent; }
.rental-page .sidebar-resizer::after { width: 4px; left: 2px; height: 54px; background: #7794b8; box-shadow: 0 0 0 4px rgba(139,181,255,.1); }
.rental-page .sidebar-resizer:hover::after,
.rental-page .sidebar-resizer:focus-visible::after { background: #81b5ff; box-shadow: 0 0 0 4px rgba(139,181,255,.2); }
.rental-page .rental-sidebar-footer { padding: 14px 18px 16px; }
.rental-page .rental-selection { align-items: flex-start; line-height: 1.4; }
.rental-page .rental-selection span { white-space: normal; overflow-wrap: anywhere; }
.rental-page .rental-unavailable { line-height: 1.5; }

html[data-theme="dark"] .rental-page .glass-sidebar {
  background: linear-gradient(145deg, rgba(130,178,234,.12), rgba(130,178,234,.075));
  border-color: var(--glass-line);
  box-shadow: var(--glass-shadow);
  -webkit-backdrop-filter: blur(5px) saturate(115%);
  backdrop-filter: blur(5px) saturate(115%);
}
html[data-theme="dark"] .rental-page .glass-sidebar::before { background: radial-gradient(290px circle at var(--glass-x, 15%) var(--glass-y, 12%), rgba(181,214,255,.12), transparent 74%); }
html[data-theme="dark"] .rental-page .glass-sidebar::after { background: linear-gradient(127deg, transparent 4%, rgba(204,226,255,.065) 17%, transparent 28%, transparent 70%, rgba(181,214,255,.04) 87%, transparent 98%); }
html[data-theme="dark"] .rental-page .rental-sidebar-heading,
html[data-theme="dark"] .rental-page .rental-filters,
html[data-theme="dark"] .rental-page .rental-sidebar-footer {
  background: rgba(7,19,37,.17);
  border-color: rgba(201,223,255,.2);
}
html[data-theme="dark"] .rental-page .rental-availability-filter button { background: rgba(186,215,255,.06); border-color: rgba(186,215,255,.18); color: #c2d3e8; }
html[data-theme="dark"] .rental-page .rental-availability-filter button:hover { border-color: rgba(186,215,255,.42); }
html[data-theme="dark"] .rental-page .rental-availability-filter button.is-active { background: linear-gradient(130deg,rgba(109,169,255,.24),rgba(109,169,255,.1)); border-color: rgba(151,197,255,.54); color: #e2efff; }
html[data-theme="dark"] .rental-page .rental-availability-filter button[data-availability="priced"].is-active { background: linear-gradient(130deg,rgba(43,198,137,.22),rgba(43,198,137,.08)); border-color: rgba(91,223,170,.48); color: #bdf5db; }
html[data-theme="dark"] .rental-page .rental-sidebar-heading { box-shadow: inset 0 1px rgba(255,255,255,.13); }
html[data-theme="dark"] .rental-page .rental-sidebar-footer { box-shadow: 0 -12px 28px rgba(0,0,0,.1), inset 0 1px rgba(255,255,255,.08); }
html[data-theme="dark"] .rental-page :is(.country-picker summary,.rental-filters #service-search) {
  background: linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025)),rgba(28,43,67,.75);
  border-color: rgba(194,217,247,.23);
  box-shadow: inset 0 1px rgba(255,255,255,.07);
}
html[data-theme="dark"] .rental-page :is(.country-picker summary:hover,.rental-filters #service-search:focus-visible) { border-color: rgba(151,201,255,.58); }
html[data-theme="dark"] .rental-page .rental-service-row:hover,
html[data-theme="dark"] .rental-page .rental-service-row.is-selected {
  background: linear-gradient(115deg,rgba(188,219,255,.17),rgba(108,169,250,.075));
  border-color: rgba(177,210,255,.28);
  box-shadow: inset 0 1px rgba(255,255,255,.08), 0 4px 16px rgba(0,0,0,.08);
}
html[data-theme="dark"] .rental-page .rental-service-row.is-selected { box-shadow: inset 3px 0 #86b9ff, inset 0 1px rgba(255,255,255,.09); }
html[data-theme="dark"] .rental-page .rental-service-list { scrollbar-color: rgba(165,195,232,.52) transparent; }
html[data-theme="dark"] .rental-page .rental-service-list::-webkit-scrollbar-thumb { background-color: rgba(165,195,232,.5); }
html[data-theme="dark"] .rental-page .rental-sidebar .sidebar-toggle { background: linear-gradient(145deg,rgba(168,207,255,.18),rgba(168,207,255,.06)); border-color: rgba(168,207,255,.25); box-shadow: inset 0 1px rgba(255,255,255,.1); }
html[data-theme="dark"] .rental-page .sidebar-resizer,
html[data-theme="dark"] .rental-page .sidebar-resizer:hover,
html[data-theme="dark"] .rental-page .sidebar-resizer:focus-visible { background: transparent; }

@media (max-width:720px) {
  body.rental-page > header { position: relative; }
  .rental-page .rental-workspace::before { position: absolute; top: 0; width: 100%; height: 840px; }
  .rental-page .rental-workspace.is-collapsed::before { width: 100%; }
  .rental-page .rental-sidebar,
  .rental-page .rental-workspace.is-collapsed .rental-sidebar { position: relative; top: auto; height: auto; min-height: 0; margin: 12px; border-radius: 20px; }
  .rental-page .rental-service-list { max-height: 320px; scrollbar-gutter: auto; }
}
@media (prefers-reduced-transparency: reduce) {
  .rental-page .rental-workspace::before { display: none; }
  .rental-page .rental-sidebar,
  .rental-page .rental-sidebar-heading,
  .rental-page .rental-filters,
  .rental-page .rental-sidebar-footer { -webkit-backdrop-filter: none; backdrop-filter: none; }
  html[data-theme="dark"] .rental-page .glass-sidebar { background: #17263b; }
}

.catalog-pages{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px}.catalog-pages[hidden]{display:none}.catalog-pages button{border:1px solid var(--line);border-radius:8px;background:transparent;color:inherit;padding:6px 14px}.catalog-pages button:disabled{opacity:.4}