@import url("https://fonts.cdnfonts.com/css/aileron");
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,600;0,700;1,600&display=swap");

.page-template-template-hotels,
.page-template-template-hotels .pgz-hotels-page,
.page-template-template-hotels .pgz-hotels-page * {
  font-family: var(--pgz-font-aileron);
}

.page-template-template-hotels .pgz-hotels-page a {
  color: inherit;
  text-decoration: none;
}

.page-template-template-hotels .pgz-hotels-page ul,
.page-template-template-hotels .pgz-hotels-page ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

.page-template-template-hotels .pgz-hotels-page button:not(.pgz-hotels-results__load-btn):not(.pgz-hotels-results__load-icon):not(.pgz-hotels-results__filters-btn) {
  border: none;
  cursor: pointer;
  font-family: inherit;
}

.page-template-template-hotels .entry-header,
.page-template-template-hotels .entry-title,
.page-template-template-hotels .page-header,
.page-template-template-hotels .page-title,
.page-template-template-hotels .elementor-page-title {
  display: none !important;
}

/* Full-width page — remove WordPress / Hello theme side gutters */
body.page-template-template-hotels,
body.page-template-template-hotels-php {
  overflow-x: hidden;
}

.page-template-template-hotels .entry-content,
.page-template-template-hotels .wp-block-group,
.page-template-template-hotels .site-main,
.page-template-template-hotels main#main,
.page-template-template-hotels #content,
.page-template-template-hotels #primary,
.page-template-template-hotels-php .entry-content,
.page-template-template-hotels-php .wp-block-group,
.page-template-template-hotels-php .site-main,
.page-template-template-hotels-php main#main,
.page-template-template-hotels-php #content,
.page-template-template-hotels-php #primary {
  padding: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}

.page-template-template-hotels .pgz-hotels-page,
.page-template-template-hotels-php .pgz-hotels-page {
  width: 100%;
  max-width: 100%;
  padding: 0 !important;
  margin: 0;
}

.page-template-template-hotels .pgz-hotels-results__filters-btn {
  display: inline-flex;
  align-items: center;
  gap: var(--pgz-gap-8);
  padding: var(--pgz-padding-8) var(--pgz-gap-14);
  border: 1px solid var(--pgz-color-cream);
  border-radius: var(--pgz-radius-10);
  background-color: var(--pgz-color-white);
  font-family: inherit;
  font-size: var(--pgz-text-base-sm);
  font-weight: var(--pgz-weight-semibold);
  line-height: var(--pgz-leading-140);
  color: var(--pgz-color-black);
  cursor: pointer;
  pointer-events: auto;
}


.page-template-template-hotels {

  --pgz-color-white: #ffffff;
  --pgz-color-off-white: #fbfbfb;
  --pgz-color-cream: #f3f0ea;
  --pgz-color-white-70: #d9d9d9;
  --pgz-color-text-gray: #8b877e;
  --pgz-color-primary: #e1ad41;
  --pgz-color-black: #100d0c;
  --pgz-color-pure-black: #000000;
  --pgz-color-navy: #0f263c;
  --pgz-color-supportive-2: #091f34;
  --pgz-color-supportive-3: #1d3954;
  --pgz-color-badge-lowest-bg: rgba(255, 221, 141, 0.2);
  --pgz-color-favorite-bg: rgba(255, 255, 255, 0.2);
  --pgz-color-favorite-glass: rgba(255, 255, 255, 0.32);
  --pgz-color-favorite-glass-border: rgba(255, 255, 255, 0.5);
  --pgz-backdrop-blur-favorite: blur(3px);

  --pgz-font-aileron: "Aileron", "Segoe UI", system-ui, sans-serif;
  --pgz-font-plus-jakarta: "Plus Jakarta Sans", sans-serif;
  --pgz-font-sf-pro: -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif;

  --pgz-weight-regular: 400;
  --pgz-weight-semibold: 600;
  --pgz-weight-bold: 700;

  --pgz-text-xs: 0.625rem;
  --pgz-text-sm: 0.75rem;
  --pgz-text-base-sm: 0.875rem;
  --pgz-text-base: 1rem;
  --pgz-text-md: 1.065rem;
  --pgz-text-lg: 1.125rem;
  --pgz-text-xl: 1.25rem;
  --pgz-text-2xl: 1.5rem;

  --pgz-leading-130: 1.3;
  --pgz-leading-138: 1.38;
  --pgz-leading-140: 1.4;
  --pgz-leading-150: 1.5;
  --pgz-leading-164: 1.64;

  --pgz-gap-2: 0.125rem;
  --pgz-gap-4: 0.25rem;
  --pgz-gap-6: 0.375rem;
  --pgz-gap-8: 0.5rem;
  --pgz-gap-10: 0.625rem;
  --pgz-gap-12: 0.75rem;
  --pgz-gap-14: 0.875rem;
  --pgz-gap-16: 1rem;
  --pgz-gap-18: 1.125rem;
  --pgz-gap-22: 1.375rem;
  --pgz-gap-24: 1.5rem;
  --pgz-gap-30: 1.875rem;
  --pgz-gap-32: 2rem;
  --pgz-gap-34: 2.125rem;
  --pgz-gap-108: 6.75rem;

  --pgz-padding-8: 0.5rem;
  --pgz-padding-10: 0.625rem;
  --pgz-padding-20: 1.25rem;
  --pgz-padding-24: 1.5rem;
  --pgz-padding-badge: 0.125rem 0.375rem;
  --pgz-padding-chip: 0.5rem 1.304375rem;
  --pgz-padding-tab: 0.625rem 1rem;
  --pgz-padding-18-24: 1.125rem 1.5rem;
  --pgz-padding-page-x: 5rem;

  --pgz-radius-8: 0.5rem;
  --pgz-radius-10: 0.625rem;
  --pgz-radius-12: 0.75rem;
  --pgz-radius-14: 0.875rem;
  --pgz-radius-18: 1.125rem;
  --pgz-radius-19: 1.1834375rem;
  --pgz-radius-20: 1.25rem;
  --pgz-radius-30: 1.875rem;
  --pgz-radius-40: 2.5rem;
  --pgz-radius-41: 2.5625rem;
  --pgz-radius-46: 2.875rem;
  --pgz-radius-100: 6.25rem;
  --pgz-radius-full: 9999px;

  --pgz-shadow-card: 0 0.75rem 2.25rem 0 rgba(31, 36, 46, 0.06);
  --pgz-backdrop-blur: blur(0.25rem);

  --pgz-sidebar-width: 17.0625rem;
  --pgz-content-width: 61.5625rem;
  --pgz-sort-tabs-width: 33.5625rem;
  --pgz-hotel-card-img-w: 17.375rem;
  --pgz-hotel-card-img-h: 28.75rem;
  --pgz-inner-max: 80rem; 
  --pgz-layout-gap: var(--pgz-gap-32);
  --pgz-max-width-page: 90rem;
  --pgz-nav-pill-bg: rgba(222, 230, 255, 0.1);
  --pgz-nav-pills-width: 33.8125rem;
  --pgz-nav-height: 3.75rem;
  --pgz-search-field-w: 12rem;
  --pgz-search-field-h: 3.25rem;
  --pgz-search-field-radius: 0.649rem;
  --pgz-search-submit-w: 12.25rem;
  --pgz-search-field-gap: 1.189875rem;
  --pgz-search-icon-size: 1rem;
  --pgz-padding-search-bar: 1.125rem 5rem 2.5rem;
  --pgz-padding-header-x: 1.25rem 5rem;
  --pgz-padding-footer: 4.9375rem 5rem;
  --pgz-gap-138: 8.625rem;
  --pgz-section-padding-y: 6.25rem;
}


.page-template-template-hotels .pgz-cars-page *,
.page-template-template-hotels .pgz-hotels-page *,
.page-template-template-hotels .pgz-cars-page *::before,
.page-template-template-hotels .pgz-hotels-page *::before,
.page-template-template-hotels .pgz-cars-page *::after,
.page-template-template-hotels .pgz-hotels-page *::after {

  box-sizing: border-box;
}


.page-template-template-hotels .pgz-cars-page,
.page-template-template-hotels .pgz-hotels-page {

  margin: 0;
  font-family: var(--pgz-font-aileron);
  font-size: var(--pgz-text-base);
  color: var(--pgz-color-black);
  background-color: var(--pgz-color-white);
  -webkit-font-smoothing: antialiased;
}


.page-template-template-hotels .pgz-hotels-page {

  background-color: var(--pgz-color-white);
}



.page-template-template-hotels .pgz-hotel-search,
.page-template-template-hotels-php .pgz-hotel-search {

  width: 100vw;
  margin-left: calc(-50vw + 50%);
  padding-top: 15.625rem;
  padding-left: 0;
  padding-right: 0;
  background-color: var(--pgz-color-supportive-2);
  box-sizing: border-box;
}


.page-template-template-hotels .pgz-hotel-search__inner {

  max-width: var(--pgz-inner-max);
  margin: 0 auto;
  padding: 0 0 2.5rem;
  box-sizing: border-box;
}


.page-template-template-hotels .pgz-hotel-search__top {

  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}


.page-template-template-hotels .pgz-hotel-search__refresh {

  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: var(--pgz-gap-10);
  min-width: 6.5625rem;
  height: 2.8125rem;
  padding: 0.59375rem 0.75rem 0.65625rem;
  border: none;
  border-radius: var(--pgz-radius-30);
  background-color: var(--pgz-color-navy);
  font-family: inherit;
  font-size: var(--pgz-text-base-sm);
  font-weight: var(--pgz-weight-regular);
  line-height: var(--pgz-leading-140);
  color: var(--pgz-color-white-70);
  cursor: pointer;
}


.page-template-template-hotels .pgz-hotel-search__refresh-icon {

  width: 1.125rem;
  height: 1.125rem;
  flex-shrink: 0;
}


.page-template-template-hotels .pgz-hotel-search__divider {

  margin: var(--pgz-gap-18) 0;
  border: none;
  border-top: 1px solid var(--pgz-color-supportive-3);
}


.page-template-template-hotels .pgz-hotel-search__fields {

  display: flex;
  flex-flow: row nowrap;
  align-items: flex-end;
  justify-content: flex-start;
  gap: var(--pgz-gap-24);
}


.page-template-template-hotels .pgz-hotel-search__field {

  display: flex;
  flex-direction: column;
  gap: var(--pgz-search-field-gap);
  width: var(--pgz-search-field-w);
  flex-shrink: 0;
}


.page-template-template-hotels .pgz-hotel-search__field--location {

  position: relative;
}


.page-template-template-hotels button.pgz-hotel-search__control--picker {

  width: 100%;
  margin: 0;
  border: none;
  cursor: pointer;
  font-family: inherit;
}


.page-template-template-hotels .pgz-hotel-search__placeholder.is-selected {

  color: var(--pgz-color-white);
  font-weight: var(--pgz-weight-semibold);
}


.page-template-template-hotels .pgz-hotel-search__location-popover {

  position: absolute;
  top: calc(100% + var(--pgz-gap-8));
  left: 0;
  z-index: 50;
  display: flex;
  flex-direction: column;
  gap: var(--pgz-gap-10);
  width: min(18.75rem, calc(100vw - 2rem));
  padding: var(--pgz-gap-12);
  border-radius: var(--pgz-radius-12);
  background-color: var(--pgz-color-white);
  box-shadow: var(--pgz-shadow-card);
}


.page-template-template-hotels .pgz-hotel-search__location-popover[hidden] {

  display: none;
}


.page-template-template-hotels .pgz-hotel-search__location-map {

  width: 100%;
  height: 11.25rem;
  border-radius: var(--pgz-radius-10);
  overflow: hidden;
  background-color: var(--pgz-color-cream);
}


.page-template-template-hotels .pgz-hotel-search__location-map .leaflet-container {

  width: 100%;
  height: 100%;
  font-family: var(--pgz-font-aileron);
}


.page-template-template-hotels .pgz-hotel-search__location-hint {

  margin: 0;
  font-size: var(--pgz-text-sm);
  font-weight: var(--pgz-weight-regular);
  line-height: var(--pgz-leading-140);
  color: var(--pgz-color-text-gray);
}


.page-template-template-hotels .pgz-hotel-search__location-apply {

  align-self: stretch;
  padding: var(--pgz-gap-10) var(--pgz-gap-14);
  border: none;
  border-radius: var(--pgz-radius-10);
  background-color: var(--pgz-color-primary);
  font-family: inherit;
  font-size: var(--pgz-text-base-sm);
  font-weight: var(--pgz-weight-semibold);
  line-height: var(--pgz-leading-140);
  color: var(--pgz-color-black);
  cursor: pointer;
}


.page-template-template-hotels .pgz-hotel-search__location-apply:disabled {

  opacity: 0.45;
  cursor: not-allowed;
}


.page-template-template-hotels .pgz-hotel-search__field--date {

  position: relative;
}


.page-template-template-hotels .pgz-hotel-search__date-popover {

  position: absolute;
  top: calc(100% + var(--pgz-gap-8));
  left: 0;
  z-index: 50;
  display: flex;
  flex-direction: column;
  gap: var(--pgz-gap-10);
  width: min(17.5rem, calc(100vw - 2rem));
  padding: var(--pgz-gap-12);
  border-radius: var(--pgz-radius-12);
  background-color: var(--pgz-color-white);
  box-shadow: var(--pgz-shadow-card);
}


.page-template-template-hotels .pgz-hotel-search__date-popover[hidden] {

  display: none;
}


.page-template-template-hotels .pgz-hotel-search__date-head {

  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--pgz-gap-8);
}


.page-template-template-hotels .pgz-hotel-search__date-title {

  font-size: var(--pgz-text-base-sm);
  font-weight: var(--pgz-weight-semibold);
  line-height: var(--pgz-leading-140);
  color: var(--pgz-color-black);
}


.page-template-template-hotels .pgz-hotel-search__date-nav {

  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: 1px solid var(--pgz-color-cream);
  border-radius: var(--pgz-radius-8);
  background-color: var(--pgz-color-off-white);
  font-size: var(--pgz-text-lg);
  line-height: 1;
  color: var(--pgz-color-black);
  cursor: pointer;
}


.page-template-template-hotels .pgz-hotel-search__date-weekdays,
.page-template-template-hotels .pgz-hotel-search__date-grid {

  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: var(--pgz-gap-4);
}


.page-template-template-hotels .pgz-hotel-search__date-weekdays span {

  font-size: var(--pgz-text-xs);
  font-weight: var(--pgz-weight-semibold);
  line-height: var(--pgz-leading-140);
  text-align: center;
  color: var(--pgz-color-text-gray);
}


.page-template-template-hotels .pgz-hotel-search__date-day {

  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 2rem;
  padding: 0;
  border: none;
  border-radius: var(--pgz-radius-8);
  background: none;
  font-family: inherit;
  font-size: var(--pgz-text-sm);
  font-weight: var(--pgz-weight-regular);
  line-height: 1;
  color: var(--pgz-color-black);
  cursor: pointer;
}


.page-template-template-hotels .pgz-hotel-search__date-day:hover:not(:disabled) {

  background-color: var(--pgz-color-off-white);
}


.page-template-template-hotels .pgz-hotel-search__date-day.is-selected {

  background-color: var(--pgz-color-primary);
  font-weight: var(--pgz-weight-semibold);
  color: var(--pgz-color-black);
}


.page-template-template-hotels .pgz-hotel-search__date-day:disabled {

  color: var(--pgz-color-white-70);
  cursor: not-allowed;
}


.page-template-template-hotels .pgz-hotel-search__date-day.is-empty {

  visibility: hidden;
  pointer-events: none;
}


.page-template-template-hotels .pgz-hotel-search__field--submit {

  width: var(--pgz-search-submit-w);
  flex-shrink: 0;
  gap: 0;
  justify-content: flex-end;
}


.page-template-template-hotels .pgz-hotel-search__field--submit .pgz-hotel-search__label--hidden {

  display: none;
}


.page-template-template-hotels .pgz-hotel-search__label {

  font-size: var(--pgz-text-lg);
  font-weight: var(--pgz-weight-semibold);
  line-height: var(--pgz-leading-164);
  color: var(--pgz-color-white-70);
}


.page-template-template-hotels .pgz-hotel-search__label--hidden {

  visibility: hidden;
  height: 0;
  margin: 0;
  overflow: hidden;
}


.page-template-template-hotels .pgz-hotel-search__control {

  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: var(--pgz-search-field-h);
  padding: 0 0.75rem;
  background-color: var(--pgz-color-navy);
  border-radius: var(--pgz-search-field-radius);
  box-sizing: border-box;
}


.page-template-template-hotels .pgz-hotel-search__control--picker {

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


.page-template-template-hotels .pgz-hotel-search__value {

  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--pgz-gap-8);
  max-width: 100%;
  height: 100%;
}


.page-template-template-hotels .pgz-hotel-search__placeholder {

  font-size: var(--pgz-text-lg);
  font-weight: var(--pgz-weight-regular);
  line-height: 1;
  color: var(--pgz-color-white-70);
  white-space: nowrap;
}


.page-template-template-hotels .pgz-hotel-search__control--picker .pgz-hotel-search__field-icon {

  display: block;
  flex-shrink: 0;
  width: var(--pgz-search-icon-size);
  height: var(--pgz-search-icon-size);
  object-fit: contain;
}


.page-template-template-hotels .pgz-hotel-search__stepper {

  justify-content: space-between;
  gap: var(--pgz-gap-8);
  padding: 0.5rem 0.75rem;
}


.page-template-template-hotels .pgz-hotel-search__step-btn {

  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.0625rem;
  height: 2.0625rem;
  padding: 0;
  border: none;
  border-radius: var(--pgz-radius-8);
  background-color: var(--pgz-color-supportive-2);
  font-size: var(--pgz-text-xl);
  font-weight: var(--pgz-weight-regular);
  line-height: 1;
  color: var(--pgz-color-white-70);
  cursor: pointer;
}


.page-template-template-hotels .pgz-hotel-search__step-value {

  min-width: 2ch;
  font-size: var(--pgz-text-lg);
  font-weight: var(--pgz-weight-regular);
  line-height: var(--pgz-leading-164);
  text-align: center;
  color: var(--pgz-color-white-70);
}


.page-template-template-hotels .pgz-hotel-search__submit {

  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.4326875rem;
  width: 100%;
  height: var(--pgz-search-field-h);
  padding: 0 1.08175rem;
  border: none;
  border-radius: var(--pgz-search-field-radius);
  background-color: var(--pgz-color-primary);
  font-family: inherit;
  font-size: var(--pgz-text-lg);
  font-weight: var(--pgz-weight-bold);
  line-height: var(--pgz-leading-164);
  color: var(--pgz-color-supportive-2);
  cursor: pointer;
  box-sizing: border-box;
}


.page-template-template-hotels .pgz-hotel-search__submit svg {

  width: 1.3125rem;
  height: 1.3125rem;
  flex-shrink: 0;
}


.page-template-template-hotels .pgz-hotels-main {

  width: 100%;
  background-color: var(--pgz-color-white);
}



.page-template-template-hotels .pgz-hotels-page__layout {

  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: var(--pgz-gap-22);
  width: 100%;
  max-width: var(--pgz-inner-max);
  margin: 0 auto;
  padding: var(--pgz-section-padding-y) 0;
  box-sizing: border-box;
}



.page-template-template-hotels .pgz-hotels-filters {

  flex: 0 0 var(--pgz-sidebar-width);
  width: var(--pgz-sidebar-width);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--pgz-gap-24);
  padding: var(--pgz-padding-20);
  background-color: var(--pgz-color-white);
  border-radius: var(--pgz-radius-19);
  box-shadow: var(--pgz-shadow-card);
}


.page-template-template-hotels .pgz-hotels-filters__head {

  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 14.5625rem;
}


.page-template-template-hotels .pgz-hotels-filters__title {

  margin: 0;
  font-size: var(--pgz-text-md);
  font-weight: var(--pgz-weight-bold);
  line-height: 1.656875rem;
  color: var(--pgz-color-black);
}


.page-template-template-hotels .pgz-hotels-filters__reset {

  padding: 0;
  border: none;
  background: none;
  font-family: inherit;
  font-size: 0.8284025rem;
  font-weight: var(--pgz-weight-semibold);
  line-height: 1.183125rem;
  color: var(--pgz-color-primary);
  cursor: pointer;
}


.page-template-template-hotels .pgz-hotels-filters__form {

  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--pgz-gap-24);
  width: 14.5625rem;
  margin: 0;
  padding: 0;
  border: none;
}


.page-template-template-hotels .pgz-hotels-filters__section {

  margin: 0;
  padding: 0;
  border: none;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.71005925rem;
}


.page-template-template-hotels .pgz-hotels-filters__section-title {

  margin: 0 0 0.71005925rem;
  padding: 0;
  font-size: var(--pgz-text-base);
  font-weight: var(--pgz-weight-semibold);
  line-height: var(--pgz-leading-140);
  color: var(--pgz-color-black);
}


.page-template-template-hotels .pgz-hotels-filters__list {

  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.47337275rem;
}


.page-template-template-hotels .pgz-hotels-filters__item {

  margin: 0;
}


.page-template-template-hotels .pgz-hotels-filters__radio-label,
.page-template-template-hotels .pgz-hotels-filters__check-label {

  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.71005925rem;
  cursor: pointer;
}


.page-template-template-hotels .pgz-hotels-filters__radio,
.page-template-template-hotels .pgz-hotels-filters__check,
.page-template-template-hotels .pgz-hotels-filters__chip-input {

  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}


.page-template-template-hotels .pgz-hotels-filters__radio-ui,
.page-template-template-hotels .pgz-hotels-filters__check-ui {

  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  border: 1px solid var(--pgz-color-black);
  border-radius: 0.591716625rem;
  background-color: var(--pgz-color-white);
}


.page-template-template-hotels .pgz-hotels-filters__check-ui {

  border-radius: var(--pgz-radius-8);
}


.page-template-template-hotels .pgz-hotels-filters__radio:checked + .pgz-hotels-filters__radio-ui,
.page-template-template-hotels .pgz-hotels-filters__check:checked + .pgz-hotels-filters__check-ui {

  background-color: var(--pgz-color-black);
  box-shadow: inset 0 0 0 3px var(--pgz-color-white);
}


.page-template-template-hotels .pgz-hotels-filters__label-text {

  font-size: var(--pgz-text-base-sm);
  font-weight: var(--pgz-weight-regular);
  line-height: var(--pgz-leading-150);
  color: var(--pgz-color-text-gray);
}


.page-template-template-hotels .pgz-hotels-filters__range-wrap {

  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--pgz-gap-10);
  width: 100%;
}


.page-template-template-hotels .pgz-hotels-filters__range-label {

  font-size: var(--pgz-text-base-sm);
  font-weight: var(--pgz-weight-regular);
  line-height: var(--pgz-leading-150);
  color: var(--pgz-color-text-gray);
  flex-shrink: 0;
}


.page-template-template-hotels .pgz-hotels-filters__range-track {

  flex: 1 1 auto;
  min-width: 0;
  height: 0.25rem;
  background-color: var(--pgz-color-off-white);
  border-radius: var(--pgz-radius-full);
  position: relative;
}


.page-template-template-hotels .pgz-hotels-filters__range {

  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 0.25rem;
  margin: 0;
  appearance: none;
  background: transparent;
  cursor: pointer;
}


.page-template-template-hotels .pgz-hotels-filters__range::-webkit-slider-runnable-track {

  height: 0.25rem;
  background: linear-gradient(
    to right,
    var(--pgz-color-navy) 0%,
    var(--pgz-color-navy) var(--pgz-range-pct, 50%),
    var(--pgz-color-off-white) var(--pgz-range-pct, 50%),
    var(--pgz-color-off-white) 100%
  );
  border-radius: var(--pgz-radius-full);
}


.page-template-template-hotels .pgz-hotels-filters__range::-moz-range-track {

  height: 0.25rem;
  background: var(--pgz-color-off-white);
  border-radius: var(--pgz-radius-full);
}


.page-template-template-hotels .pgz-hotels-filters__range::-webkit-slider-thumb {

  appearance: none;
  width: 0;
  height: 0;
}


.page-template-template-hotels .pgz-hotels-filters__range::-moz-range-thumb {

  width: 0;
  height: 0;
  border: none;
}


.page-template-template-hotels .pgz-hotels-filters__chips {

  position: relative;
  width: 100%;
  height: 5.125rem;
}


.page-template-template-hotels .pgz-hotels-filters__chip {

  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: var(--pgz-padding-chip);
  border: 1px solid var(--pgz-color-cream);
  border-radius: var(--pgz-radius-8);
  background-color: var(--pgz-color-white);
  cursor: pointer;
}


.page-template-template-hotels .pgz-hotels-filters__chip:nth-child(1) {

  left: 0;
  top: 0;
  width: 7.0625rem;
}


.page-template-template-hotels .pgz-hotels-filters__chip:nth-child(2) {

  left: 7.4375rem;
  top: 0;
  width: 7.125rem;
}


.page-template-template-hotels .pgz-hotels-filters__chip:nth-child(3) {

  left: 0;
  top: 2.875rem;
  width: 7.125rem;
}


.page-template-template-hotels .pgz-hotels-filters__chip:nth-child(4) {

  left: 7.4375rem;
  top: 2.875rem;
  width: 7.125rem;
}


.page-template-template-hotels .pgz-hotels-filters__chip-text {

  font-size: var(--pgz-text-base-sm);
  font-weight: var(--pgz-weight-regular);
  line-height: var(--pgz-leading-150);
  color: var(--pgz-color-text-gray);
  text-align: center;
}


.page-template-template-hotels .pgz-hotels-filters__chip:has(.pgz-hotels-filters__chip-input:checked) {

  background-color: var(--pgz-color-navy);
  border-color: var(--pgz-color-navy);
}


.page-template-template-hotels .pgz-hotels-filters__chip-input:checked + .pgz-hotels-filters__chip-text {

  color: var(--pgz-color-white);
}



.page-template-template-hotels .pgz-hotels-results {

  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  max-width: var(--pgz-content-width);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--pgz-gap-34);
}


.page-template-template-hotels .pgz-hotels-results__toolbar {

  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
  justify-content: space-between;
  gap: 9.8125rem;
}


.page-template-template-hotels .pgz-hotels-results__heading-row {

  display: flex;
  flex-direction: column;
  gap: var(--pgz-gap-4);
  width: 18.1875rem;
}



.page-template-template-hotels .pgz-hotel-search__mobile-badge,
.page-template-template-hotels .pgz-hotel-search__label--mobile,
.page-template-template-hotels-php .pgz-hotel-search__mobile-badge,
.page-template-template-hotels-php .pgz-hotel-search__label--mobile,
.page-template-template-hotels .pgz-hotels-results__mobile-bar,
.page-template-template-hotels-php .pgz-hotels-results__mobile-bar,
.page-template-template-hotels .pgz-hotels-filters-backdrop,
.page-template-template-hotels-php .pgz-hotels-filters-backdrop,
.page-template-template-hotels .pgz-hotels-filters__close,
.page-template-template-hotels-php .pgz-hotels-filters__close,
.page-template-template-hotels .pgz-hotel-card__rating--media {

  display: none;
}


.page-template-template-hotels .pgz-hotel-search__fields-duo {

  display: contents;
}


.page-template-template-hotels .pgz-hotels-results__heading {

  margin: 0;
  font-size: var(--pgz-text-2xl);
  font-weight: var(--pgz-weight-bold);
  line-height: var(--pgz-leading-150);
  color: var(--pgz-color-black);
}


.page-template-template-hotels .pgz-hotels-results__subheading {

  margin: 0;
  font-size: var(--pgz-text-base);
  font-weight: var(--pgz-weight-regular);
  line-height: var(--pgz-leading-140);
  color: var(--pgz-color-text-gray);
}



.page-template-template-hotels .pgz-hotels-sort {

  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--pgz-gap-10);
  padding: var(--pgz-padding-8);
  width: var(--pgz-sort-tabs-width);
  max-width: 100%;
  min-height: 3.75rem;
  background-color: var(--pgz-color-off-white);
  border-radius: var(--pgz-radius-10);
}


.page-template-template-hotels .pgz-hotels-sort__tab {

  margin: 0;
  cursor: pointer;
}


.page-template-template-hotels .pgz-hotels-sort__input {

  position: absolute;
  opacity: 0;
  pointer-events: none;
}


.page-template-template-hotels .pgz-hotels-sort__label {

  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--pgz-gap-6);
  padding: var(--pgz-padding-10);
  border-radius: var(--pgz-radius-10);
  font-size: var(--pgz-text-base-sm);
  font-weight: var(--pgz-weight-regular);
  line-height: var(--pgz-leading-164);
  color: var(--pgz-color-text-gray);
  white-space: nowrap;
}


.page-template-template-hotels .pgz-hotels-sort__icon {

  display: block;
  width: 0.875rem;
  height: 0.875rem;
  flex-shrink: 0;
  object-fit: contain;
}


.page-template-template-hotels .pgz-hotels-sort__tab:nth-child(2) .pgz-hotels-sort__icon,
.page-template-template-hotels .pgz-hotels-sort__tab:nth-child(3) .pgz-hotels-sort__icon {

  width: 1.25rem;
  height: 1.25rem;
}


.page-template-template-hotels .pgz-hotels-sort__note {

  font-size: var(--pgz-text-sm);
  font-style: italic;
  font-weight: var(--pgz-weight-regular);
  line-height: var(--pgz-leading-140);
}


.page-template-template-hotels .pgz-hotels-sort__input:checked + .pgz-hotels-sort__label {

  font-weight: var(--pgz-weight-semibold);
}


.page-template-template-hotels .pgz-hotels-sort__tab:nth-child(1) .pgz-hotels-sort__input:checked + .pgz-hotels-sort__label {

  background-color: var(--pgz-color-off-white);
  color: var(--pgz-color-text-gray);
  font-weight: var(--pgz-weight-regular);
}


.page-template-template-hotels .pgz-hotels-sort__tab:nth-child(2) .pgz-hotels-sort__input:checked + .pgz-hotels-sort__label {

  background-color: var(--pgz-color-supportive-2);
  color: var(--pgz-color-white);
}


.page-template-template-hotels .pgz-hotels-sort__tab:nth-child(3) .pgz-hotels-sort__input:checked + .pgz-hotels-sort__label {

  background-color: var(--pgz-color-white);
  color: var(--pgz-color-text-gray);
  font-weight: var(--pgz-weight-regular);
  line-height: var(--pgz-leading-130);
}


.page-template-template-hotels .pgz-hotels-results__disclaimer {

  align-self: stretch;
  margin: 0;
  font-size: var(--pgz-text-base);
  font-weight: var(--pgz-weight-regular);
  line-height: var(--pgz-leading-140);
  color: var(--pgz-color-text-gray);
}


.page-template-template-hotels .pgz-hotels-results__cards {

  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--pgz-gap-32);
  width: 100%;
}



.page-template-template-hotels .pgz-hotel-card {

  width: 100%;
  background-color: var(--pgz-color-white);
  border-radius: var(--pgz-radius-30);
  box-shadow: var(--pgz-shadow-card);
}


.page-template-template-hotels .pgz-hotel-card__inner {

  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: var(--pgz-gap-24);
  padding: var(--pgz-gap-34);
}


.page-template-template-hotels .pgz-hotel-card__media {

  position: relative;
  flex: 0 0 var(--pgz-hotel-card-img-w);
  width: var(--pgz-hotel-card-img-w);
  height: var(--pgz-hotel-card-img-h);
  border-radius: var(--pgz-radius-14);
  overflow: hidden;
}



.page-template-template-hotels .pgz-hotel-card--media-20 .pgz-hotel-card__media {

  border-radius: var(--pgz-radius-20);
}


.page-template-template-hotels .pgz-hotel-card--media-20 .pgz-hotel-card__amenity:first-child {

  min-width: 10.875rem;
}


.page-template-template-hotels .pgz-hotel-card__img {

  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.page-template-template-hotels .pgz-hotel-card__favorite {

  position: absolute;
  top: var(--pgz-gap-24);
  right: var(--pgz-gap-24);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  border: 1px solid var(--pgz-color-favorite-glass-border);
  border-radius: var(--pgz-radius-full);
  background-color: var(--pgz-color-favorite-glass);
  backdrop-filter: var(--pgz-backdrop-blur-favorite);
  -webkit-backdrop-filter: var(--pgz-backdrop-blur-favorite);
  box-shadow: 0 0.125rem 0.5rem rgba(16, 13, 12, 0.12);
  color: var(--pgz-color-white);
  cursor: pointer;
}


.page-template-template-hotels .pgz-hotel-card__favorite-icon {

  display: block;
  width: 1.125rem;
  height: 1.125rem;
  filter: none;
}


.page-template-template-hotels .pgz-hotel-card__body {

  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--pgz-gap-24);
}


.page-template-template-hotels .pgz-hotel-card__header {

  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 38.4375rem;
  max-width: 100%;
}


.page-template-template-hotels .pgz-hotel-card__title-block {

  display: flex;
  flex-direction: column;
  gap: var(--pgz-gap-2);
  width: 14.625rem;
}


.page-template-template-hotels .pgz-hotel-card__name {

  margin: 0;
  font-size: var(--pgz-text-lg);
  font-weight: var(--pgz-weight-bold);
  line-height: 1.656875rem;
  color: var(--pgz-color-black);
}


.page-template-template-hotels .pgz-hotel-card__location {

  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--pgz-gap-4);
  margin: 0;
  font-size: var(--pgz-text-base);
  font-weight: var(--pgz-weight-regular);
  line-height: var(--pgz-leading-150);
  color: var(--pgz-color-text-gray);
}


.page-template-template-hotels .pgz-hotel-card__pin {

  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}


.page-template-template-hotels .pgz-hotel-card__rating {

  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: var(--pgz-gap-8);
  height: 3rem;
  padding: var(--pgz-gap-14) var(--pgz-padding-24);
  background-color: var(--pgz-color-off-white);
  border-radius: var(--pgz-radius-46);
}


.page-template-template-hotels .pgz-hotel-card__star {

  width: 1rem;
  height: 1rem;
  color: var(--pgz-color-primary);
}


.page-template-template-hotels .pgz-hotel-card__rating-value {

  font-size: var(--pgz-text-base);
  font-weight: var(--pgz-weight-bold);
  line-height: var(--pgz-leading-140);
  color: var(--pgz-color-black);
}


.page-template-template-hotels .pgz-hotel-card__reviews {

  font-size: var(--pgz-text-base-sm);
  font-weight: var(--pgz-weight-regular);
  line-height: var(--pgz-leading-140);
  color: var(--pgz-color-text-gray);
}


.page-template-template-hotels .pgz-hotel-card__divider,
.page-template-template-hotels .pgz-hotel-card__provider-divider {

  margin: 0;
  border: none;
  border-top: 1px solid var(--pgz-color-cream);
  width: 100%;
}


.page-template-template-hotels .pgz-hotel-card__amenities {

  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--pgz-gap-10);
  margin: 0;
  padding: 0;
  list-style: none;
  width: 38.4375rem;
  max-width: 100%;
}


.page-template-template-hotels .pgz-hotel-card__amenity {

  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--pgz-gap-8);
  height: 2.25rem;
  padding: var(--pgz-padding-8) var(--pgz-gap-14);
  background-color: var(--pgz-color-off-white);
  border-radius: var(--pgz-radius-40);
  font-size: var(--pgz-text-base);
  font-weight: var(--pgz-weight-regular);
  line-height: var(--pgz-leading-150);
  color: var(--pgz-color-text-gray);
  white-space: nowrap;
}


.page-template-template-hotels .pgz-hotel-card__amenity-icon {

  display: block;
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  object-fit: contain;
}


.page-template-template-hotels .pgz-hotel-card__amenity-note {

  margin: 0;
  font-family: var(--pgz-font-plus-jakarta);
  font-size: var(--pgz-text-sm);
  font-style: italic;
  font-weight: var(--pgz-weight-semibold);
  line-height: var(--pgz-leading-140);
  color: var(--pgz-color-primary);
}


.page-template-template-hotels .pgz-hotel-card__providers {

  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--pgz-gap-8);
  width: 38.4375rem;
  max-width: 100%;
}


.page-template-template-hotels .pgz-hotel-card__provider {

  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  padding: var(--pgz-padding-8) 0;
}


.page-template-template-hotels .pgz-hotel-card__provider-meta {

  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--pgz-gap-8);
  min-height: 1.75rem;
}


.page-template-template-hotels .pgz-hotel-card__provider-name {

  font-size: var(--pgz-text-base);
  font-weight: var(--pgz-weight-regular);
  line-height: var(--pgz-leading-150);
  color: var(--pgz-color-text-gray);
}


.page-template-template-hotels .pgz-hotel-card__provider--lowest .pgz-hotel-card__provider-name {

  font-weight: var(--pgz-weight-bold);
  color: var(--pgz-color-black);
}


.page-template-template-hotels .pgz-hotel-card__badge {

  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--pgz-padding-badge);
  border-radius: var(--pgz-radius-full);
  background-color: var(--pgz-color-badge-lowest-bg);
  font-family: var(--pgz-font-sf-pro);
  font-size: var(--pgz-text-xs);
  font-weight: 590;
  line-height: 0.9375rem;
  color: var(--pgz-color-primary);
}


.page-template-template-hotels .pgz-hotel-card__provider-action {

  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: var(--pgz-gap-108);
  min-width: 19.0625rem;
}


.page-template-template-hotels .pgz-hotel-card__price {

  font-size: var(--pgz-text-base-sm);
  font-weight: var(--pgz-weight-semibold);
  line-height: var(--pgz-leading-150);
  color: var(--pgz-color-text-gray);
}


.page-template-template-hotels .pgz-hotel-card__cta {

  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--pgz-gap-8);
  text-decoration: none;
  color: var(--pgz-color-black);
}


.page-template-template-hotels .pgz-hotel-card__cta span {

  font-size: var(--pgz-text-base-sm);
  font-weight: var(--pgz-weight-semibold);
  line-height: var(--pgz-leading-150);
}


.page-template-template-hotels .pgz-hotel-card__cta-icon {

  display: block;
  flex-shrink: 0;
  width: 1.75rem;
  height: 1.75rem;
  object-fit: contain;
}


.page-template-template-hotels .pgz-hotel-card__disclaimer {

  align-self: stretch;
  margin: 0;
  font-family: var(--pgz-font-plus-jakarta);
  font-size: var(--pgz-text-sm);
  font-style: italic;
  font-weight: var(--pgz-weight-semibold);
  line-height: var(--pgz-leading-140);
  text-align: right;
  color: var(--pgz-color-primary);
}


.page-template-template-hotels .pgz-hotel-card__compare {

  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: var(--pgz-gap-4);
  width: 38.4375rem;
  max-width: 100%;
  padding: 0;
  border: none;
  background: none;
  font-family: inherit;
  font-size: var(--pgz-text-base);
  font-weight: var(--pgz-weight-regular);
  line-height: var(--pgz-leading-140);
  color: var(--pgz-color-black);
  cursor: pointer;
}


.page-template-template-hotels .pgz-hotel-card__compare svg {

  width: 1rem;
  height: 1rem;
}



.page-template-template-hotels .pgz-site-footer {

  width: 100%;
  background-color: var(--pgz-color-supportive-2);
}


.page-template-template-hotels .pgz-site-footer__inner {

  max-width: var(--pgz-inner-max);
  margin: 0 auto;
  padding: 4.9375rem 0;
}


.page-template-template-hotels .pgz-site-footer__top {

  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 9.375rem;
}


.page-template-template-hotels .pgz-site-footer__brand {

  display: flex;
  flex-direction: column;
  gap: var(--pgz-gap-16);
  max-width: 32rem;
  flex-shrink: 0;
}


.page-template-template-hotels .pgz-site-footer__logo {

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 8.1875rem;
  text-decoration: none;
}


.page-template-template-hotels .pgz-site-footer__logo-mark {

  display: block;
  width: 8.1875rem;
  height: auto;
}


.page-template-template-hotels .pgz-site-footer__logo-wordmark {

  display: block;
  width: 8.1875rem;
  height: auto;
  margin-top: 0.25rem;
}


.page-template-template-hotels .pgz-site-footer__tagline {

  margin: 0;
  font-size: var(--pgz-text-base);
  font-weight: var(--pgz-weight-regular);
  line-height: var(--pgz-leading-150);
  color: var(--pgz-color-white-70);
}


.page-template-template-hotels .pgz-site-footer__note {

  margin: 0;
  font-family: var(--pgz-font-plus-jakarta);
  font-size: var(--pgz-text-sm);
  font-weight: var(--pgz-weight-semibold);
  line-height: var(--pgz-leading-140);
  color: var(--pgz-color-primary);
}


.page-template-template-hotels .pgz-site-footer__columns {

  display: flex;
  flex-direction: row;
  flex: 1 1 auto;
  justify-content: flex-end;
  gap: var(--pgz-gap-138);
}


.page-template-template-hotels .pgz-site-footer__col {

  display: flex;
  flex-direction: column;
  gap: var(--pgz-gap-10);
  min-width: 7.5rem;
}


.page-template-template-hotels .pgz-site-footer__heading {

  margin: 0;
  font-size: var(--pgz-text-lg);
  font-weight: var(--pgz-weight-semibold);
  line-height: var(--pgz-leading-138);
  color: var(--pgz-color-white);
}


.page-template-template-hotels .pgz-site-footer__links {

  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--pgz-gap-10);
}


.page-template-template-hotels .pgz-site-footer__links a {

  font-size: var(--pgz-text-base);
  font-weight: var(--pgz-weight-regular);
  line-height: var(--pgz-leading-138);
  color: var(--pgz-color-white-70);
  text-decoration: none;
}


.page-template-template-hotels .pgz-site-footer__divider {

  margin: var(--pgz-gap-138) 0 var(--pgz-gap-24);
  border: none;
  border-top: 1px solid var(--pgz-color-supportive-3);
}


.page-template-template-hotels .pgz-site-footer__bottom {

  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--pgz-gap-16);
}


.page-template-template-hotels .pgz-site-footer__copy,
.page-template-template-hotels .pgz-site-footer__legal {

  margin: 0;
  font-size: var(--pgz-text-base-sm);
  font-weight: var(--pgz-weight-regular);
  line-height: var(--pgz-leading-140);
  color: var(--pgz-color-white-70);
}



.page-template-template-hotels .pgz-hotels-results__load-more {

  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  align-self: center;
  flex-shrink: 0;
  gap: var(--pgz-gap-10);
  width: auto;
  padding-top: 3.125rem;
}


.page-template-template-hotels .pgz-hotels-page button.pgz-hotels-results__load-btn {

  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 12.875rem;
  height: 3.75rem;
  padding: 0 1.89375rem;
  border: 0.1183125rem solid var(--pgz-color-supportive-2);
  border-radius: var(--pgz-radius-30);
  background-color: var(--pgz-color-white);
  font-family: var(--pgz-font-aileron);
  font-size: var(--pgz-text-lg);
  font-weight: var(--pgz-weight-bold);
  line-height: 1;
  white-space: nowrap;
  color: var(--pgz-color-supportive-2);
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}


.page-template-template-hotels .pgz-hotels-page button.pgz-hotels-results__load-icon {

  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 3.75rem;
  height: 3.75rem;
  padding: 0;
  border: none;
  border-radius: var(--pgz-radius-100);
  background-color: var(--pgz-color-primary);
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}


.page-template-template-hotels .pgz-hotels-results__load-arrow {

  display: block;
  width: 1.25rem;
  height: 1.25rem;
  object-fit: contain;
  pointer-events: none;
}


@media (max-width: 1023px) {

  .page-template-template-hotels .pgz-hotel-search,
.page-template-template-hotels-php .pgz-hotel-search {

    padding-top: 6.25rem;
  }


  .page-template-template-hotels .pgz-hotel-search__inner,
.page-template-template-hotels-php .pgz-hotel-search__inner {

    padding-top: 2.5rem;
  }
}


@media (max-width: 1279px) {

  .page-template-template-hotels .pgz-hotel-search__inner {

    padding: 2.5rem 0 var(--pgz-gap-32);
  }


  .page-template-template-hotels .pgz-hotel-search__fields {

    flex-wrap: wrap;
  }


  .page-template-template-hotels .pgz-site-footer__inner {

    padding-top: var(--pgz-gap-32);
    padding-bottom: var(--pgz-gap-32);
  }


  .page-template-template-hotels .pgz-site-footer__top {

    flex-direction: column;
    gap: var(--pgz-gap-32);
  }


  .page-template-template-hotels .pgz-site-footer__columns {

    justify-content: flex-start;
    flex-wrap: wrap;
    gap: var(--pgz-gap-32);
  }


  .page-template-template-hotels .pgz-hotels-page__layout {

    padding: var(--pgz-gap-32) 0;
    gap: var(--pgz-gap-24);
  }


  .page-template-template-hotels .pgz-hotels-results__toolbar {

    flex-direction: column;
    align-items: flex-start;
    gap: var(--pgz-gap-24);
  }


  .page-template-template-hotels .pgz-hotel-card__header,
.page-template-template-hotels .pgz-hotel-card__amenities,
.page-template-template-hotels .pgz-hotel-card__providers,
.page-template-template-hotels .pgz-hotel-card__compare {

    width: 100%;
  }

}


@media (max-width: 1023px) {

  .page-template-template-hotels .pgz-hotel-search__field,
.page-template-template-hotels .pgz-hotel-search__field--submit {

    width: 100%;
    max-width: 100%;
  }


  .page-template-template-hotels .pgz-hotels-page__layout {

    flex-direction: column;
  }


  .page-template-template-hotels .pgz-hotels-filters {

    width: 100%;
    max-width: var(--pgz-sidebar-width);
  }


  .page-template-template-hotels .pgz-hotels-results {

    max-width: none;
  }


  .page-template-template-hotels .pgz-hotels-sort {

    width: 100%;
    overflow-x: auto;
  }


  .page-template-template-hotels .pgz-hotel-card__inner {

    flex-direction: column;
  }


  .page-template-template-hotels .pgz-hotel-card__media {

    width: 100%;
    height: 15rem;
  }


  .page-template-template-hotels .pgz-hotel-card__provider-action {

    gap: var(--pgz-gap-24);
    min-width: 0;
  }

}



@media (max-width: 767px) {

  .page-template-template-hotels .pgz-hotel-search,
.page-template-template-hotels-php .pgz-hotel-search {

    padding-top: 7rem;
  }


  .page-template-template-hotels .pgz-hotel-search__inner,
.page-template-template-hotels-php .pgz-hotel-search__inner {

    padding: 7.5rem var(--pgz-gap-16) var(--pgz-gap-24);
  }


  .page-template-template-hotels .pgz-hotel-search__mobile-badge {

    display: inline-flex;
    align-items: center;
    gap: var(--pgz-gap-8);
    margin-bottom: var(--pgz-gap-16);
    padding: var(--pgz-padding-8) var(--pgz-gap-14);
    border-radius: var(--pgz-radius-30);
    background-color: var(--pgz-color-white);
    font-size: var(--pgz-text-base-sm);
    font-weight: var(--pgz-weight-semibold);
    line-height: var(--pgz-leading-140);
    color: var(--pgz-color-supportive-2);
  }


  .page-template-template-hotels .pgz-hotel-search__mobile-badge-icon {

    width: 1.125rem;
    height: 1.125rem;
    flex-shrink: 0;
  }


  .page-template-template-hotels .pgz-hotel-search__top,
.page-template-template-hotels .pgz-hotel-search__divider {

    display: none;
  }


  .page-template-template-hotels .pgz-hotel-search__label--desktop {

    display: none;
  }


  .page-template-template-hotels .pgz-hotel-search__label--mobile {

    display: block;
  }


  .page-template-template-hotels .pgz-hotel-search__fields {

    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: var(--pgz-gap-16);
  }


  .page-template-template-hotels .pgz-hotel-search__field,
.page-template-template-hotels .pgz-hotel-search__field--submit {

    width: 100%;
    max-width: none;
  }


  .page-template-template-hotels .pgz-hotel-search__fields-duo {

    display: flex;
    flex-direction: row;
    gap: var(--pgz-gap-12);
    width: 100%;
  }


  .page-template-template-hotels .pgz-hotel-search__fields-duo .pgz-hotel-search__field {

    flex: 1 1 0;
    min-width: 0;
  }


  .page-template-template-hotels .pgz-hotel-search__control--picker {

    justify-content: space-between;
  }


  .page-template-template-hotels .pgz-hotel-search__value {

    width: 100%;
    justify-content: space-between;
  }


  .page-template-template-hotels .pgz-hotel-search__field--submit {

    margin-top: var(--pgz-gap-4);
  }


  .page-template-template-hotels .pgz-hotel-search__submit {

    width: 100%;
    height: 3.25rem;
  }


  .page-template-template-hotels .pgz-hotels-main {

    background-color: var(--pgz-color-off-white);
  }


  .page-template-template-hotels .pgz-hotels-page__layout {

    flex-direction: column;
    padding: var(--pgz-gap-24) var(--pgz-gap-16);
    gap: 0;
  }


  .page-template-template-hotels .pgz-hotels-filters-backdrop,
.page-template-template-hotels-php .pgz-hotels-filters-backdrop {

    display: none;
    position: fixed;
    inset: 0;
    z-index: 200;
    background-color: rgba(16, 13, 12, 0.45);
  }


  .page-template-template-hotels div.pgz-hotels-page.is-filters-open .pgz-hotels-filters-backdrop,
.page-template-template-hotels-php div.pgz-hotels-page.is-filters-open .pgz-hotels-filters-backdrop {

    display: block;
  }


  .page-template-template-hotels .pgz-hotels-filters,
.page-template-template-hotels-php .pgz-hotels-filters {

    position: fixed;
    top: 0;
    left: 0;
    z-index: 210;
    width: min(17.5rem, 88vw);
    max-width: none;
    height: 100%;
    max-height: 100dvh;
    margin: 0;
    padding: var(--pgz-padding-20);
    border-radius: 0;
    overflow-y: auto;
    transform: translateX(-100%);
    transition: transform 0.25s ease;
    visibility: visible;
  }


  .page-template-template-hotels div.pgz-hotels-page.is-filters-open .pgz-hotels-filters,
.page-template-template-hotels-php div.pgz-hotels-page.is-filters-open .pgz-hotels-filters {

    transform: translateX(0);
  }


  .page-template-template-hotels .pgz-hotels-filters__close {

    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: none;
    background: none;
    color: var(--pgz-color-black);
    cursor: pointer;
  }


  .page-template-template-hotels .pgz-hotels-filters__close svg {

    width: 1.25rem;
    height: 1.25rem;
  }


  .page-template-template-hotels .pgz-hotels-filters__head {

    width: 100%;
    gap: var(--pgz-gap-8);
  }


  .page-template-template-hotels .pgz-hotels-filters__reset {

    margin-left: auto;
  }


  .page-template-template-hotels .pgz-hotels-results {

    align-items: stretch;
    gap: var(--pgz-gap-16);
    max-width: none;
  }


  .page-template-template-hotels .pgz-hotels-results__toolbar {

    flex-direction: column;
    align-items: stretch;
    gap: var(--pgz-gap-12);
  }


  .page-template-template-hotels .pgz-hotels-results__heading-row {

    flex-direction: row;
    align-items: baseline;
    justify-content: space-between;
    width: 100%;
  }


  .page-template-template-hotels .pgz-hotels-results__heading {

    font-size: var(--pgz-text-xl);
  }


  .page-template-template-hotels .pgz-hotels-results__subheading {

    font-size: var(--pgz-text-base-sm);
    font-weight: var(--pgz-weight-semibold);
    color: var(--pgz-color-primary);
  }


  .page-template-template-hotels .pgz-hotels-results__mobile-bar,
.page-template-template-hotels-php .pgz-hotels-results__mobile-bar {

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: var(--pgz-gap-12);
    width: 100%;
    
    box-sizing: border-box;
  }


  .page-template-template-hotels .pgz-hotels-results__filters-btn {

    display: inline-flex;
    align-items: center;
    gap: var(--pgz-gap-8);
    padding: var(--pgz-padding-8) var(--pgz-gap-14);
    border: 1px solid var(--pgz-color-cream);
    border-radius: var(--pgz-radius-10);
    background-color: var(--pgz-color-white);
    font-family: inherit;
    font-size: var(--pgz-text-base-sm);
    font-weight: var(--pgz-weight-semibold);
    line-height: var(--pgz-leading-140);
    color: var(--pgz-color-black);
    cursor: pointer;
  }


  .page-template-template-hotels .pgz-hotels-results__filters-btn svg {

    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
  }


  .page-template-template-hotels .pgz-hotels-sort--desktop {

    display: none;
  }


  .page-template-template-hotels .pgz-hotels-sort-mobile,
.page-template-template-hotels-php .pgz-hotels-sort-mobile {

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: var(--pgz-gap-8);
    flex-shrink: 0;
  }


  .page-template-template-hotels .pgz-hotels-sort-mobile__tab,
.page-template-template-hotels-php .pgz-hotels-sort-mobile__tab {

    margin: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
  }


  .page-template-template-hotels .pgz-hotels-sort-mobile__input {

    position: absolute;
    opacity: 0;
    pointer-events: none;
  }


  .page-template-template-hotels .pgz-hotels-sort-mobile__btn,
.page-template-template-hotels-php .pgz-hotels-sort-mobile__btn {

    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    padding: var(--pgz-padding-8);
    box-sizing: border-box;
    border-radius: var(--pgz-radius-10);
    background-color: var(--pgz-color-white);
    border: 1px solid var(--pgz-color-cream);
    color: var(--pgz-color-navy);
  }


  .page-template-template-hotels .pgz-hotels-sort-mobile__btn svg,
.page-template-template-hotels-php .pgz-hotels-sort-mobile__btn svg,
.page-template-template-hotels .pgz-hotels-sort-mobile__btn img,
.page-template-template-hotels-php .pgz-hotels-sort-mobile__btn img {

    display: block;
    width: 1.125rem;
    height: 1.125rem;
    object-fit: contain;
  }


  .page-template-template-hotels .pgz-hotels-sort-mobile__btn svg,
.page-template-template-hotels-php .pgz-hotels-sort-mobile__btn svg {

    color: var(--pgz-color-navy);
    fill: currentColor;
  }


  .page-template-template-hotels .pgz-hotels-sort-mobile__btn img,
.page-template-template-hotels-php .pgz-hotels-sort-mobile__btn img {

    filter: brightness(0) saturate(100%);
    opacity: 0.85;
  }


  .page-template-template-hotels .pgz-hotels-sort-mobile__input:checked + .pgz-hotels-sort-mobile__btn,
.page-template-template-hotels-php .pgz-hotels-sort-mobile__input:checked + .pgz-hotels-sort-mobile__btn {

    background-color: var(--pgz-color-supportive-2);
    border-color: var(--pgz-color-supportive-2);
    color: var(--pgz-color-white);
  }


  .page-template-template-hotels .pgz-hotels-sort-mobile__input:checked + .pgz-hotels-sort-mobile__btn svg,
.page-template-template-hotels-php .pgz-hotels-sort-mobile__input:checked + .pgz-hotels-sort-mobile__btn svg {

    color: var(--pgz-color-white);
    fill: currentColor;
  }


  .page-template-template-hotels .pgz-hotels-sort-mobile__input:checked + .pgz-hotels-sort-mobile__btn img,
.page-template-template-hotels-php .pgz-hotels-sort-mobile__input:checked + .pgz-hotels-sort-mobile__btn img {

    filter: brightness(0) invert(1);
    opacity: 1;
  }


  .page-template-template-hotels .pgz-hotels-results__disclaimer {

    font-size: var(--pgz-text-sm);
    text-align: left;
  }


  .page-template-template-hotels .pgz-hotels-results__cards {

    gap: var(--pgz-gap-24);
  }


  .page-template-template-hotels .pgz-hotel-card {

    border-radius: var(--pgz-radius-20);
  }


  .page-template-template-hotels .pgz-hotel-card__inner {

    flex-direction: column;
    padding: var(--pgz-gap-16);
    gap: var(--pgz-gap-16);
  }


  .page-template-template-hotels .pgz-hotel-card__media {

    width: 100%;
    height: 12.5rem;
    flex: none;
    border-radius: var(--pgz-radius-14);
  }


  .page-template-template-hotels .pgz-hotel-card--media-20 .pgz-hotel-card__media {

    border-radius: var(--pgz-radius-14);
  }


  .page-template-template-hotels .pgz-hotel-card__favorite {

    top: var(--pgz-gap-12);
    right: var(--pgz-gap-12);
  }


  .page-template-template-hotels .pgz-hotel-card__rating--media {

    display: flex;
    position: absolute;
    right: var(--pgz-gap-12);
    bottom: var(--pgz-gap-12);
    left: auto;
    height: auto;
    padding: var(--pgz-gap-8) var(--pgz-gap-12);
    border-radius: var(--pgz-radius-46);
    background-color: rgba(255, 255, 255, 0.92);
  }


  .page-template-template-hotels .pgz-hotel-card__header {

    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    gap: var(--pgz-gap-8);
  }


  .page-template-template-hotels .pgz-hotel-card__header .pgz-hotel-card__rating {

    display: none;
  }


  .page-template-template-hotels .pgz-hotel-card__title-block {

    max-width: calc(100% - 2.5rem);
  }


  .page-template-template-hotels .pgz-hotel-card__divider {

    display: none;
  }


  .page-template-template-hotels .pgz-hotel-card__amenities {

    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--pgz-gap-10);
    width: 100%;
  }


  .page-template-template-hotels .pgz-hotel-card__amenity {

    justify-content: flex-start;
    width: 100%;
    min-width: 0;
  }


  .page-template-template-hotels .pgz-hotel-card--media-20 .pgz-hotel-card__amenity:first-child {

    min-width: 0;
  }


  .page-template-template-hotels .pgz-hotel-card__amenity-note,
.page-template-template-hotels .pgz-hotel-card__providers,
.page-template-template-hotels .pgz-hotel-card__compare {

    width: 100%;
    max-width: none;
    text-align: left;
  }


  .page-template-template-hotels .pgz-hotel-card__disclaimer {

    width: 100%;
    max-width: none;
    text-align: right;
  }


  .page-template-template-hotels .pgz-hotel-card__provider,
.page-template-template-hotels-php .pgz-hotel-card__provider {

    flex-direction: column;
    align-items: stretch;
    gap: var(--pgz-gap-10);
    padding: var(--pgz-padding-18-24);
    border: 1px solid var(--pgz-color-cream);
    border-radius: var(--pgz-radius-12);
    background-color: var(--pgz-color-white);
    box-sizing: border-box;
  }


  .page-template-template-hotels .pgz-hotel-card__provider--lowest,
.page-template-template-hotels-php .pgz-hotel-card__provider--lowest {

    border-color: var(--pgz-color-black);
  }


  .page-template-template-hotels .pgz-hotel-card__provider-divider,
.page-template-template-hotels-php .pgz-hotel-card__provider-divider {

    display: none;
  }


  .page-template-template-hotels .pgz-hotel-card__provider-meta,
.page-template-template-hotels-php .pgz-hotel-card__provider-meta {

    width: 100%;
  }


  .page-template-template-hotels .pgz-hotel-card__provider-action,
.page-template-template-hotels-php .pgz-hotel-card__provider-action {

    justify-content: space-between;
    width: 100%;
    min-width: 0;
    gap: var(--pgz-gap-12);
  }


  .page-template-template-hotels .pgz-hotel-card__cta,
.page-template-template-hotels-php .pgz-hotel-card__cta {

    padding: var(--pgz-padding-8);
    box-sizing: border-box;
  }


  .page-template-template-hotels .pgz-hotel-card__cta span {

    display: none;
  }


  .page-template-template-hotels .pgz-hotel-card__cta-icon {

    width: 1.75rem;
    height: 1.75rem;
  }


  .page-template-template-hotels .pgz-hotels-results__load-more {

    width: 100%;
    justify-content: center;
  }


  .page-template-template-hotels .pgz-hotels-page button.pgz-hotels-results__load-btn {

    flex: 1 1 auto;
  }


  .page-template-template-hotels .pgz-site-footer {

    display: none;
  }


  body.page-template-template-hotels.pgz-filters-open,
body.page-template-template-hotels-php.pgz-filters-open {

    overflow: hidden;
  }

}