/* _content/VisitAzer.ServerUi/Components/Common/CurrencySelector.razor.rz.scp.css */
/* Integrated Language & Currency selector in the site header using standard SelectMenu */
.currency-selector-integrated[b-lyymw8a23c] {
    display: inline-flex;
    align-items: center;
    font-family: Montserrat, Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #1b1e21;
    gap: 7px;
    height: 44px;
    padding: 0 4px;
    user-select: none;
}

.currency-selector-integrated .lang-label[b-lyymw8a23c] {
    color: #1b1e21;
    cursor: default;
}

.currency-selector-integrated .divider[b-lyymw8a23c] {
    color: #cbd5e1;
    font-weight: 400;
}

.currency-selector-integrated .select-wrapper[b-lyymw8a23c] {
    position: relative;
    display: inline-flex;
    align-items: center;
}

/* Styled overrides for SelectMenu inside the header */
.currency-selector-integrated[b-lyymw8a23c]  .select-menu {
    display: inline-block;
}

.currency-selector-integrated[b-lyymw8a23c]  .select-menu__trigger {
    border: 0;
    min-height: auto;
    height: 44px;
    padding: 0 16px 0 4px;
    background: transparent;
    color: #1b1e21;
    font-family: Montserrat, Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.currency-selector-integrated[b-lyymw8a23c]  .select-menu__value {
    color: #1b1e21;
}

.currency-selector-integrated[b-lyymw8a23c]  .select-menu__chevron {
    border-right-color: #1b1e21;
    border-bottom-color: #1b1e21;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    margin-top: -3px;
    right: 2px;
}

.currency-selector-integrated[b-lyymw8a23c]  .select-menu__panel {
    width: 80px;
    left: auto;
    right: -10px;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(15, 48, 103, 0.12);
}

.currency-selector-integrated[b-lyymw8a23c]  .select-menu__option {
    min-height: 36px;
    padding: 0 12px;
    font-size: 13px;
    text-align: center;
    border-bottom: 1px solid #f1f5f9;
}

@media (max-width: 900px) {
    .currency-selector-integrated[b-lyymw8a23c] {
        font-size: 13px;
        height: 42px;
        gap: 6px;
    }
    
    .currency-selector-integrated[b-lyymw8a23c]  .select-menu__trigger {
        font-size: 13px;
        height: 42px;
        padding-right: 14px;
    }
    
    .currency-selector-integrated[b-lyymw8a23c]  .select-menu__chevron {
        right: 1px;
    }
}

@media (max-width: 640px) {
    .currency-selector-integrated[b-lyymw8a23c] {
        font-size: 12px;
        height: 38px;
        gap: 4px;
        margin-right: 0;
    }
    
    .currency-selector-integrated[b-lyymw8a23c]  .select-menu__trigger {
        font-size: 12px;
        height: 38px;
        padding-right: 12px;
    }
    
    .currency-selector-integrated[b-lyymw8a23c]  .select-menu__chevron {
        right: 0;
    }
}
/* _content/VisitAzer.ServerUi/Components/Common/DatePicker.razor.rz.scp.css */
/* ── DatePicker – matches SelectMenu design system ── */

.date-picker[b-a53jye9zlu] {
  position: relative;
  width: 100%;
}

/* ── Trigger (underline style, like SelectMenu) ── */
.date-picker__trigger[b-a53jye9zlu] {
  position: relative;
  width: 100%;
  min-height: 36px;
  padding: 0 28px 0 8px;
  border: 0;
  border-bottom: 1px solid #8b8b8b;
  border-radius: 0;
  background: transparent;
  color: #8a8a8a;
  font: 500 13px Montserrat, Arial, sans-serif;
  text-align: left;
  cursor: pointer;
  outline: none;
}

.date-picker__trigger:hover[b-a53jye9zlu] {
  border-bottom-color: #0f3067;
}

.date-picker__value[b-a53jye9zlu] {
  color: #4f5763;
}

.date-picker__placeholder[b-a53jye9zlu] {
  color: #9b9b9b;
}

.date-picker__chevron[b-a53jye9zlu] {
  position: absolute;
  top: 14px;
  right: 8px;
  width: 9px;
  height: 9px;
  border-right: 1.5px solid #6f7784;
  border-bottom: 1.5px solid #6f7784;
  transform: rotate(45deg);
  pointer-events: none;
}

/* ── Calendar panel (matches SelectMenu panel) ── */
.date-picker__panel[b-a53jye9zlu] {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 20;
  min-width: 260px;
  width: max-content;
  border: 1px solid #d8dde4;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 18px 30px rgba(15, 48, 103, 0.12);
  padding: 12px 14px 14px;
  user-select: none;
}

/* ── Panel header ── */
.date-picker__panel-head[b-a53jye9zlu] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  margin-bottom: 10px;
  min-height: 28px;
}

.date-picker__selects[b-a53jye9zlu] {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 1;
  justify-content: center;
}

/* Clickable month/year labels that switch views */
.date-picker__switch[b-a53jye9zlu] {
  border: 0;
  border-radius: 6px;
  padding: 3px 8px;
  background: transparent;
  color: #0f3067;
  font: 700 13px Montserrat, Arial, sans-serif;
  cursor: pointer;
  transition: background 0.12s ease;
}

.date-picker__switch:hover[b-a53jye9zlu] {
  background: #eef4ff;
}

.date-picker__switch--active[b-a53jye9zlu] {
  background: #eef4ff;
}

.date-picker__range-label[b-a53jye9zlu] {
  flex: 1;
  text-align: center;
  color: #0f3067;
  font-size: 13px;
  font-weight: 700;
  font-family: Montserrat, Arial, sans-serif;
}

/* ── Nav arrows ── */
.date-picker__nav[b-a53jye9zlu] {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #6f7784;
  font-size: 20px;
  font-weight: 700;
  cursor: pointer;
  line-height: 1;
  font-family: Montserrat, Arial, sans-serif;
  transition: background 0.15s ease, color 0.15s ease;
}

.date-picker__nav:hover[b-a53jye9zlu] {
  background: #eef4ff;
  color: #0f3067;
}

/* ── Day-of-week header row ── */
.date-picker__days-head[b-a53jye9zlu] {
  display: grid;
  grid-template-columns: repeat(7, 34px);
  gap: 2px;
  margin-bottom: 2px;
}

.date-picker__days-head span[b-a53jye9zlu] {
  font-size: 11px;
  font-weight: 700;
  color: #8a8a8a;
  text-align: center;
  height: 28px;
  line-height: 28px;
  font-family: Montserrat, Arial, sans-serif;
}

/* ── Days grid ── */
.date-picker__days-body[b-a53jye9zlu] {
  display: grid;
  grid-template-columns: repeat(7, 34px);
  gap: 2px;
}

.date-picker__day[b-a53jye9zlu] {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #4f5763;
  font-size: 12px;
  font-weight: 500;
  font-family: Montserrat, Arial, sans-serif;
  cursor: pointer;
  transition: background 0.12s ease, color 0.12s ease;
}

.date-picker__day:hover:not(.date-picker__day--empty):not([disabled])[b-a53jye9zlu] {
  background: #f3f7ff;
  color: #0f3067;
}

.date-picker__day--empty[b-a53jye9zlu] {
  cursor: default;
}

.date-picker__day[disabled][b-a53jye9zlu] {
  color: #c8cdd4;
  cursor: default;
}

.date-picker__day--today[b-a53jye9zlu] {
  font-weight: 700;
  color: #0f3067;
  box-shadow: inset 0 0 0 1.5px #0f3067;
}

.date-picker__day--active[b-a53jye9zlu] {
  background: #0f3067 !important;
  color: #ffffff !important;
  font-weight: 700;
}

.date-picker__day--muted[b-a53jye9zlu] {
  color: #c8cdd4;
}

/* ── Panel footer: clear button ── */
.date-picker__panel-foot[b-a53jye9zlu] {
  margin-top: 10px;
  padding-top: 8px;
  border-top: 1px solid #edf1f5;
  text-align: right;
}

.date-picker__clear[b-a53jye9zlu] {
  border: 0;
  background: transparent;
  color: #6f7784;
  font-size: 12px;
  font-weight: 600;
  font-family: Montserrat, Arial, sans-serif;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 6px;
  transition: background 0.15s ease, color 0.15s ease;
}

.date-picker__clear:hover[b-a53jye9zlu] {
  background: #f3f7ff;
  color: #0f3067;
}

/* ── Months grid (3 columns × 4 rows) ── */
.date-picker__months-grid[b-a53jye9zlu] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  padding: 4px 0;
}

.date-picker__month-btn[b-a53jye9zlu] {
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #4f5763;
  font: 500 12px Montserrat, Arial, sans-serif;
  cursor: pointer;
  transition: background 0.12s ease, color 0.12s ease;
}

.date-picker__month-btn:hover[b-a53jye9zlu] {
  background: #f3f7ff;
  color: #0f3067;
}

.date-picker__month-btn--active[b-a53jye9zlu] {
  background: #0f3067;
  color: #ffffff;
  font-weight: 700;
}

.date-picker__month-btn--active:hover[b-a53jye9zlu] {
  background: #0d2a5c;
  color: #ffffff;
}

.date-picker__month-btn--today[b-a53jye9zlu] {
  box-shadow: inset 0 0 0 1.5px #0f3067;
  font-weight: 700;
}

.date-picker__month-btn--today.date-picker__month-btn--active[b-a53jye9zlu] {
  box-shadow: none;
}

/* ── Years grid (3 columns × 4 rows = 12 years) ── */
.date-picker__years-grid[b-a53jye9zlu] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  padding: 4px 0;
  max-height: 220px;
  overflow-y: auto;
}

.date-picker__year-btn[b-a53jye9zlu] {
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #4f5763;
  font: 500 12px Montserrat, Arial, sans-serif;
  cursor: pointer;
  transition: background 0.12s ease, color 0.12s ease;
}

.date-picker__year-btn:hover[b-a53jye9zlu] {
  background: #f3f7ff;
  color: #0f3067;
}

.date-picker__year-btn--active[b-a53jye9zlu] {
  background: #0f3067;
  color: #ffffff;
  font-weight: 700;
}

.date-picker__year-btn--active:hover[b-a53jye9zlu] {
  background: #0d2a5c;
  color: #ffffff;
}

.date-picker__year-btn--today[b-a53jye9zlu] {
  box-shadow: inset 0 0 0 1.5px #0f3067;
  font-weight: 700;
}

.date-picker__year-btn--today.date-picker__year-btn--active[b-a53jye9zlu] {
  box-shadow: none;
}
/* _content/VisitAzer.ServerUi/Components/Common/InternalTeamChat.razor.rz.scp.css */
.team-chat-host[b-41xjb48968] {
    position: fixed;
    right: 46px;
    bottom: 30px;
    z-index: 1100;
    font-family: Montserrat, Arial, sans-serif;
}

.team-chat-launcher[b-41xjb48968] {
    display: grid;
    width: 108px;
    height: 108px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    place-items: center;
}

.team-chat-launcher img[b-41xjb48968] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.team-chat-dialog[b-41xjb48968] {
    position: absolute;
    right: 78px;
    bottom: 88px;
    display: grid;
    width: min(430px, calc(100vw - 32px));
    height: min(674px, calc(100vh - 112px));
    grid-template-rows: auto 1fr auto;
    overflow: hidden;
    border: 1px solid rgba(15, 48, 103, 0.08);
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 18px 48px rgba(8, 21, 56, 0.18);
}

.team-chat-header[b-41xjb48968] {
    display: flex;
    min-height: 82px;
    align-items: center;
    justify-content: space-between;
    padding: 0 18px;
    border-bottom: 1px solid #ececf0;
}

.team-chat-header h2[b-41xjb48968] {
    margin: 0;
    color: #1a1d25;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0;
}

.team-chat-status[b-41xjb48968] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #7d828c;
}

.team-chat-status span[b-41xjb48968] {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #21d36b;
}

.team-chat-status strong[b-41xjb48968] {
    font-size: 10px;
    font-weight: 500;
}

.team-chat-body[b-41xjb48968] {
    min-height: 0;
    padding: 42px 18px 18px;
    overflow-y: auto;
    background: #ffffff;
}

.team-message[b-41xjb48968] {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 14px;
    align-items: start;
    margin-bottom: 18px;
}

.team-message--mine[b-41xjb48968] {
    grid-template-columns: minmax(0, 1fr);
    justify-items: end;
}

.team-message-avatar[b-41xjb48968] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    object-fit: cover;
}

.team-message-content[b-41xjb48968] {
    max-width: 318px;
}

.team-message--mine .team-message-content[b-41xjb48968] {
    display: grid;
    justify-items: end;
}

.team-message-bubble[b-41xjb48968] {
    padding: 17px 18px;
    border-radius: 0 16px 16px 16px;
    background: #f4f1f3;
    color: #252833;
}

.team-message--mine .team-message-bubble[b-41xjb48968] {
    border-radius: 16px 0 16px 16px;
    background: #113b7c;
    color: #ffffff;
}

.team-message-bubble strong[b-41xjb48968] {
    display: block;
    margin-bottom: 7px;
    font-size: 13px;
    font-weight: 700;
}

.team-message-bubble p[b-41xjb48968] {
    margin: 0;
    font-size: 13px;
    line-height: 1.45;
}

.team-message time[b-41xjb48968] {
    display: block;
    margin-top: 10px;
    color: #858892;
    font-size: 11px;
}

.team-chat-composer[b-41xjb48968] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 28px 38px;
    gap: 8px;
    align-items: center;
    margin: 0 16px 18px;
    padding: 0 8px 0 16px;
    min-height: 76px;
    border-radius: 10px;
    background: #f4f1f3;
}

.team-chat-composer input[b-41xjb48968] {
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #232736;
    font-size: 14px;
}

.team-chat-composer input[b-41xjb48968]::placeholder {
    color: #8d929f;
}

.team-chat-attach[b-41xjb48968],
.team-chat-send[b-41xjb48968] {
    display: grid;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    place-items: center;
}

.team-chat-attach[b-41xjb48968] {
    width: 28px;
    height: 38px;
}

.team-chat-send[b-41xjb48968] {
    width: 34px;
    height: 34px;
}

.team-chat-attach img[b-41xjb48968],
.team-chat-send img[b-41xjb48968] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media (max-width: 720px) {
    .team-chat-host[b-41xjb48968] {
        right: 18px;
        bottom: 18px;
    }

    .team-chat-launcher[b-41xjb48968] {
        width: 88px;
        height: 88px;
    }

    .team-chat-dialog[b-41xjb48968] {
        right: -2px;
        bottom: 80px;
        height: min(620px, calc(100vh - 112px));
    }
}

@media (max-width: 420px) {
    .team-chat-host[b-41xjb48968] {
        right: 12px;
        left: 12px;
        bottom: 14px;
    }

    .team-chat-launcher[b-41xjb48968] {
        margin-left: auto;
    }

    .team-chat-dialog[b-41xjb48968] {
        right: 0;
        left: 0;
        width: 100%;
    }
}
/* _content/VisitAzer.ServerUi/Components/Common/MultiSelectMenu.razor.rz.scp.css */
.multi-select-menu[b-yhpinyrqi3] {
  position: relative;
  width: 100%;
}

.multi-select-menu__trigger[b-yhpinyrqi3] {
  width: 100%;
  min-height: 36px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 4px 34px 4px 8px;
  border: 0;
  border-bottom: 1px solid #8b8b8b;
  border-radius: 0;
  background: transparent;
  color: #8a8a8a;
  font: 500 13px Montserrat, Arial, sans-serif;
  cursor: pointer;
  text-align: left;
}

.multi-select-menu__trigger:focus[b-yhpinyrqi3] {
  border-bottom-color: #0f3067;
  outline: none;
}

.multi-select-menu__chips[b-yhpinyrqi3] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
}

.multi-select-menu__placeholder[b-yhpinyrqi3] {
  color: #9b9b9b;
  font-size: 13px;
}

.multi-select-menu__chip[b-yhpinyrqi3] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 6px 2px 10px;
  border-radius: 12px;
  background: #eef4ff;
  color: #0f3067;
  font-size: 11px;
  font-weight: 600;
}

.multi-select-menu__chip-remove[b-yhpinyrqi3] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #c8d6f0;
  color: #0f3067;
  font-size: 12px;
  line-height: 1;
  cursor: pointer;
}

.multi-select-menu__chip-remove:hover[b-yhpinyrqi3] {
  background: #a0b4d8;
}

.multi-select-menu__chevron[b-yhpinyrqi3] {
  position: absolute;
  right: 8px;
  top: 50%;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  border-right: 1.5px solid #6f7784;
  border-bottom: 1.5px solid #6f7784;
  transform: rotate(45deg);
  pointer-events: none;
}

.multi-select-menu__panel[b-yhpinyrqi3] {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 100;
  min-width: 100%;
  max-height: 220px;
  overflow-y: auto;
  border: 1px solid #edf0f4;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 8px 24px rgba(15, 48, 103, 0.1);
  padding: 6px 0;
}

.multi-select-menu__option[b-yhpinyrqi3] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 500;
  color: #1f2d3d;
  cursor: pointer;
  transition: background 0.12s ease;
}

.multi-select-menu__option:hover[b-yhpinyrqi3] {
  background: #f3f7ff;
}

.multi-select-menu__option--active[b-yhpinyrqi3] {
  background: #eef4ff;
  color: #0f3067;
  font-weight: 700;
}

.multi-select-menu__option input[type="checkbox"][b-yhpinyrqi3] {
  width: 15px;
  height: 15px;
  accent-color: #0f3067;
  cursor: pointer;
}
/* _content/VisitAzer.ServerUi/Components/Common/SelectMenu.razor.rz.scp.css */
.select-menu[b-nbs7obxdhu] {
  position: relative;
}

.select-menu__trigger[b-nbs7obxdhu] {
  position: relative;
  width: 100%;
  min-height: 36px;
  padding: 0 28px 0 8px;
  border: 0;
  border-bottom: 1px solid #8b8b8b;
  background: transparent;
  color: #8a8a8a;
  font: 500 13px Montserrat, Arial, sans-serif;
  text-align: left;
  cursor: pointer;
}

.select-menu__value[b-nbs7obxdhu] {
  color: #4f5763;
}

.select-menu__placeholder[b-nbs7obxdhu] {
  color: #9b9b9b;
}

.select-menu__chevron[b-nbs7obxdhu] {
  position: absolute;
  top: 14px;
  right: 8px;
  width: 9px;
  height: 9px;
  border-right: 1.5px solid #6f7784;
  border-bottom: 1.5px solid #6f7784;
  transform: rotate(45deg);
}

.select-menu__panel[b-nbs7obxdhu] {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 20;
  width: 100%;
  max-height: 220px;
  overflow-y: auto;
  border: 1px solid #d8dde4;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 18px 30px rgba(15, 48, 103, 0.12);
}

.select-menu__option[b-nbs7obxdhu] {
  width: 100%;
  min-height: 42px;
  padding: 0 14px;
  border: 0;
  border-bottom: 1px solid #edf1f5;
  background: #ffffff;
  color: #4f5763;
  font: 500 13px Montserrat, Arial, sans-serif;
  text-align: left;
  cursor: pointer;
}

.select-menu__option:last-child[b-nbs7obxdhu] {
  border-bottom: 0;
}

.select-menu__option:hover[b-nbs7obxdhu],
.select-menu__option--active[b-nbs7obxdhu] {
  background: #eef4ff;
  color: #0f3067;
  font-weight: 700;
}

.select-menu__search[b-nbs7obxdhu] { padding: 8px; border-bottom: 1px solid #edf1f5; }
.select-menu__search input[b-nbs7obxdhu] { width: 100%; height: 36px; padding: 0 12px; border: 1px solid #d8dde4; border-radius: 8px; font: 500 13px Montserrat, Arial, sans-serif; outline: none; }
.select-menu__search input:focus[b-nbs7obxdhu] { border-color: #0f3067; }
/* _content/VisitAzer.ServerUi/Components/Layout/MainLayout.razor.rz.scp.css */

#blazor-error-ui[b-d1wyy8chci] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-d1wyy8chci] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/VisitAzer.ServerUi/Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-fcwjjurh6n],
.components-reconnect-repeated-attempt-visible[b-fcwjjurh6n],
.components-reconnect-failed-visible[b-fcwjjurh6n],
.components-pause-visible[b-fcwjjurh6n],
.components-resume-failed-visible[b-fcwjjurh6n],
.components-rejoining-animation[b-fcwjjurh6n] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-fcwjjurh6n],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-fcwjjurh6n],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-fcwjjurh6n],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-fcwjjurh6n],
#components-reconnect-modal.components-reconnect-retrying[b-fcwjjurh6n],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-fcwjjurh6n],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-fcwjjurh6n],
#components-reconnect-modal.components-reconnect-failed[b-fcwjjurh6n],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-fcwjjurh6n] {
    display: block;
}


#components-reconnect-modal[b-fcwjjurh6n] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-fcwjjurh6n 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-fcwjjurh6n 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-fcwjjurh6n 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-fcwjjurh6n]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-fcwjjurh6n 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-fcwjjurh6n {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-fcwjjurh6n {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-fcwjjurh6n {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-fcwjjurh6n] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-fcwjjurh6n] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-fcwjjurh6n] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-fcwjjurh6n] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-fcwjjurh6n] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-fcwjjurh6n] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-fcwjjurh6n] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-fcwjjurh6n 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-fcwjjurh6n] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-fcwjjurh6n {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* _content/VisitAzer.ServerUi/Components/Layout/SiteFooter.razor.rz.scp.css */
.site-footer-landing[b-zvkq978nhx] {
  position: relative;
  width: 100%;
  height: 256px;
  padding: 44px 0 8px;
  background: #05073c;
  color: #ffffff;
  overflow: hidden;
  isolation: isolate;
}

.site-footer-landing__map[b-zvkq978nhx] {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image:
    url("../common/vector-map.webp"),
    url("../common/vector-map.webp");
  background-repeat: no-repeat;
  background-position:
    center top,
    center top;
  background-size:
    100% 100%,
    100% 100%;
  opacity: 1;
  filter: brightness(0) invert(1);
  pointer-events: none;
}

.site-footer-landing__content[b-zvkq978nhx],
.site-footer-landing__bottom[b-zvkq978nhx] {
  position: relative;
  z-index: 1;
}

.site-footer-landing__content[b-zvkq978nhx] {
  max-width: 1068px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 190px 190px 250px 210px;
  gap: 58px;
  align-items: start;
}

.site-footer-landing__logo[b-zvkq978nhx] {
  width: 122px;
  height: 77px;
  display: block;
  overflow: hidden;
}

.site-footer-landing__logo img[b-zvkq978nhx] {
  width: 181px;
  height: 125px;
  display: block;
  max-width: none;
  object-fit: contain;
  filter: brightness(0) invert(1);
  transform: translate(-29px, -24px);
}

.site-footer-landing__brand p[b-zvkq978nhx] {
  width: 190px;
  margin: 10px 0 0;
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
}

.site-footer-landing__links h3[b-zvkq978nhx],
.site-footer-landing__contact h3[b-zvkq978nhx],
.site-footer-landing__social h3[b-zvkq978nhx] {
  margin: 8px 0 16px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}

.site-footer-landing__links[b-zvkq978nhx],
.site-footer-landing__contact[b-zvkq978nhx] {
  display: flex;
  flex-direction: column;
}

.site-footer-landing__links a[b-zvkq978nhx],
.site-footer-landing__contact a[b-zvkq978nhx] {
  margin-bottom: 9px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
}

.site-footer-landing__icons[b-zvkq978nhx] {
  display: flex;
  align-items: center;
  gap: 17px;
}

.site-footer-landing__icons span[b-zvkq978nhx] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
}

.site-footer-landing__bottom[b-zvkq978nhx] {
  margin-top: 30px;
  text-align: center;
  color: #ffffff;
  font-size: 11px;
  font-weight: 400;
  line-height: 1;
}

@media (max-width: 1180px) {
  .site-footer-landing[b-zvkq978nhx] {
    height: auto;
    min-height: 256px;
  }

  .site-footer-landing__content[b-zvkq978nhx] {
    max-width: 820px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 34px 58px;
    padding: 0 24px;
  }
}

@media (max-width: 640px) {
  .site-footer-landing[b-zvkq978nhx] {
    padding-top: 36px;
  }

  .site-footer-landing__map[b-zvkq978nhx] {
    background-size: 900px auto;
  }

  .site-footer-landing__content[b-zvkq978nhx] {
    grid-template-columns: 1fr;
    gap: 28px;
    padding: 0 28px;
  }

  .site-footer-landing__bottom[b-zvkq978nhx] {
    padding: 0 24px;
    line-height: 1.5;
  }
}

/* _content/VisitAzer.ServerUi/Components/Layout/SiteHeader.razor.rz.scp.css */
.site-header[b-hcu1a6rv3k] {
  width: 100%;
  height: 100px;
  background: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
}

.site-header--connected[b-hcu1a6rv3k] {
  height: 88px;
  background: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.site-header__frame[b-hcu1a6rv3k] {
  position: relative;
  width: min(100% - 64px, 1263px);
  height: 77px;
  margin: 0 auto;
  top: 11px;
}

.site-header--connected .site-header__frame[b-hcu1a6rv3k] {
  top: 5px;
}

.site-header__logo[b-hcu1a6rv3k] {
  position: absolute;
  left: 0;
  top: 18px;
  height: 44px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  text-decoration: none;
  width: auto;
  max-width: 260px;
}

.logo-title[b-hcu1a6rv3k] {
  font-family: Montserrat, Arial, sans-serif;
  font-size: 14px;
  font-weight: 750;
  color: #111111;
  line-height: 1.2;
  letter-spacing: -0.2px;
}

.logo-subtitle[b-hcu1a6rv3k] {
  font-family: Montserrat, Arial, sans-serif;
  font-size: 11px;
  font-weight: 500;
  color: #7f8c8d;
  line-height: 1.2;
  margin-top: 1px;
  letter-spacing: 0.2px;
}

.site-header__menu[b-hcu1a6rv3k] {
  position: absolute;
  left: 477px;
  top: 28px;
  width: 308px;
  height: 30px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.site-header__menu--connected[b-hcu1a6rv3k] {
  left: 421px;
  width: 421px;
}

.site-header__link[b-hcu1a6rv3k] {
  position: relative;
  height: 19px;
  display: inline-flex;
  align-items: center;
  color: #111111;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  text-decoration: none;
  white-space: nowrap;
}

.site-header__link--active[b-hcu1a6rv3k] {
  color: #0f3067;
  font-weight: 700;
}

.site-header__link--active[b-hcu1a6rv3k]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -6px;
  height: 3.5px;
  background: #0f3067;
  border-radius: 2px;
}

.site-header__actions[b-hcu1a6rv3k] {
  position: absolute;
  right: 0;
  top: 18px;
  height: 44px;
  display: flex;
  align-items: center;
  gap: 16px;
}

.site-header__login[b-hcu1a6rv3k],
.site-header__favorite[b-hcu1a6rv3k] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  font-family: Montserrat, Arial, sans-serif;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}

.site-header__login[b-hcu1a6rv3k] {
  height: 44px;
  width: auto;
  padding: 0 26px;
  border-radius: 22px;
  background: #0f3067;
  color: #ffffff;
  font-size: 14px;
  text-transform: lowercase;
  transition: background-color 0.15s ease;
}

.site-header__login:hover[b-hcu1a6rv3k] {
  background: #11486f;
}

.site-header__favorite[b-hcu1a6rv3k] {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #fafafa;
  color: #111111;
  font-size: 16px;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.site-header__favorite:hover[b-hcu1a6rv3k] {
  background: #f0f2f5;
  color: #0f3067;
}

.site-header__avatar[b-hcu1a6rv3k] {
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  overflow: hidden;
  border-radius: 50%;
  background: #8ee0ef;
  cursor: pointer;
  transition: transform 0.15s ease;
}

.site-header__avatar:hover[b-hcu1a6rv3k] {
  transform: scale(1.05);
}

.site-header__avatar img[b-hcu1a6rv3k] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.site-header__account-menu[b-hcu1a6rv3k] {
  position: absolute;
  top: 72px;
  right: -6px;
  z-index: 30;
  width: 220px;
  overflow: visible;
  border: 1px solid #d9dee7;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.15);
}

.site-header__account-menu[b-hcu1a6rv3k]::before {
  position: absolute;
  top: -8px;
  right: 20px;
  left: auto;
  width: 14px;
  height: 14px;
  background: #f5f7fb;
  content: "";
  transform: rotate(45deg);
  border-top: 1px solid #d9dee7;
  border-left: 1px solid #d9dee7;
  z-index: 1;
}

.site-header__account-title[b-hcu1a6rv3k] {
  position: relative;
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 18px;
  border-radius: 12px 12px 0 0;
  background: #f5f7fb;
  color: #858c8d;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.site-header__account-menu a[b-hcu1a6rv3k],
.site-header__account-menu form button[b-hcu1a6rv3k] {
  display: flex;
  align-items: center;
  width: 100%;
  height: 44px;
  gap: 10px;
  padding: 0 18px;
  border: 0;
  background: #ffffff;
  color: #46504b;
  font-family: Montserrat, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}

.site-header__account-menu a:hover[b-hcu1a6rv3k],
.site-header__account-menu form button:hover[b-hcu1a6rv3k] {
  background: #f8fafc;
  color: #0f3067;
}

.site-header__account-menu a:first-of-type[b-hcu1a6rv3k] {
  margin-top: 8px;
}

.site-header__account-menu form[b-hcu1a6rv3k] {
  margin: 8px 0 0;
  padding: 8px 0;
  border-top: 1px solid #edf0f4;
}

.site-header__account-menu form button[b-hcu1a6rv3k] {
  color: #b91c1c;
}

.site-header__account-menu span[b-hcu1a6rv3k] {
  display: grid;
  width: 20px;
  height: 20px;
  place-items: center;
  flex: 0 0 auto;
}

.site-header__account-menu svg[b-hcu1a6rv3k] {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

@media (max-width: 1320px) {
  .site-header__frame[b-hcu1a6rv3k] {
    width: calc(100% - 64px);
  }

  .site-header__menu[b-hcu1a6rv3k] {
    left: 50%;
    transform: translateX(-50%);
  }

  .site-header__menu--connected[b-hcu1a6rv3k] {
    width: 390px;
  }
}

@media (max-width: 900px) {
  .site-header[b-hcu1a6rv3k] {
    height: auto;
  }

  .site-header__frame[b-hcu1a6rv3k] {
    position: relative;
    top: 0;
    width: 100%;
    height: auto;
    min-height: 100px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px 18px;
    padding: 11px 18px 12px;
  }

  .site-header__logo[b-hcu1a6rv3k],
  .site-header__menu[b-hcu1a6rv3k],
  .site-header__actions[b-hcu1a6rv3k] {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    transform: none;
  }

  .site-header__logo[b-hcu1a6rv3k] {
    position: relative;
    top: auto;
    transform: none;
    flex: 0 0 auto;
    max-width: 200px;
  }

  .logo-title[b-hcu1a6rv3k] {
    font-size: 13.5px;
  }

  .logo-subtitle[b-hcu1a6rv3k] {
    font-size: 10.5px;
  }

  .site-header__actions[b-hcu1a6rv3k] {
    height: auto;
    margin-left: auto;
  }

  .site-header__login[b-hcu1a6rv3k],
  .site-header__favorite[b-hcu1a6rv3k] {
    height: 38px;
  }

  .site-header__login[b-hcu1a6rv3k] {
    width: auto;
    padding: 0 18px;
    border-radius: 19px;
    font-size: 13px;
  }

  .site-header__favorite[b-hcu1a6rv3k] {
    width: 38px;
    border-radius: 50%;
  }

  .site-header__avatar[b-hcu1a6rv3k] {
    width: 38px;
    height: 38px;
  }

  .site-header__account-menu[b-hcu1a6rv3k] {
    top: 58px;
    right: 0;
  }

  .site-header__menu[b-hcu1a6rv3k] {
    order: 3;
    width: min(421px, 100%);
    height: 30px;
    margin: 0 auto;
  }

  .site-header__link[b-hcu1a6rv3k] {
    font-size: 14px;
  }

  .site-header__link--active[b-hcu1a6rv3k]::after {
    width: 100%;
  }
}

@media (max-width: 640px) {
  .site-header__frame[b-hcu1a6rv3k] {
    min-height: 124px;
    gap: 4px 10px;
    padding-top: 7px;
    padding-bottom: 7px;
  }

  .site-header__logo[b-hcu1a6rv3k] {
    flex: 0 0 auto;
    width: auto;
    height: auto;
    max-width: 180px;
  }

  .logo-title[b-hcu1a6rv3k] {
    font-size: 13px;
  }

  .logo-subtitle[b-hcu1a6rv3k] {
    font-size: 10px;
  }

  .site-header__actions[b-hcu1a6rv3k] {
    align-self: flex-start;
    margin-top: 18px;
    gap: 8px;
  }

  .site-header__login[b-hcu1a6rv3k],
  .site-header__favorite[b-hcu1a6rv3k] {
    height: 34px;
  }

  .site-header__login[b-hcu1a6rv3k] {
    width: auto;
    padding: 0 14px;
    border-radius: 17px;
    font-size: 12px;
  }

  .site-header__favorite[b-hcu1a6rv3k] {
    width: 34px;
    border-radius: 50%;
    font-size: 14px;
  }

  .site-header__avatar[b-hcu1a6rv3k] {
    width: 34px;
    height: 34px;
  }

  .site-header__account-menu[b-hcu1a6rv3k] {
    top: 50px;
    right: 0;
    width: min(220px, calc(100vw - 28px));
  }

  .site-header__account-title[b-hcu1a6rv3k] {
    height: 52px;
    padding: 0 20px;
    font-size: 17px;
  }

  .site-header__account-menu a[b-hcu1a6rv3k],
  .site-header__account-menu form button[b-hcu1a6rv3k] {
    height: 52px;
    gap: 12px;
    padding: 0 20px;
    font-size: 16px;
    letter-spacing: 1px;
  }

  .site-header__account-menu form[b-hcu1a6rv3k] {
    padding-bottom: 16px;
  }

  .site-header__menu[b-hcu1a6rv3k] {
    width: 100%;
    justify-content: center;
    gap: clamp(18px, 6vw, 34px);
  }
}

@media (max-width: 420px) {
  .site-header__logo[b-hcu1a6rv3k] {
    max-width: 140px;
  }

  .logo-title[b-hcu1a6rv3k] {
    font-size: 11.5px;
  }

  .logo-subtitle[b-hcu1a6rv3k] {
    font-size: 9px;
  }

  .site-header__login[b-hcu1a6rv3k] {
    width: 104px;
    padding: 0 10px;
    text-align: center;
    white-space: normal;
    line-height: 1.15;
  }

  .site-header__menu[b-hcu1a6rv3k] {
    gap: 18px;
  }

  .site-header__link[b-hcu1a6rv3k] {
    font-size: 12px;
  }
}
/* _content/VisitAzer.ServerUi/Components/Pages/About.razor.rz.scp.css */
.about-page[b-x2x24osg42] {
  min-height: 100dvh;
  background: #ffffff;
  color: #1f1f1f;
  font-family: Montserrat, Arial, sans-serif;
}

.about-hero[b-x2x24osg42] {
  position: relative;
  height: 375px;
  overflow: hidden;
}

.about-hero img[b-x2x24osg42] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 42%;
}

.about-hero__overlay[b-x2x24osg42] {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(5, 28, 55, 0.68), rgba(5, 28, 55, 0.18));
}

.about-hero__content[b-x2x24osg42] {
  position: absolute;
  left: max(120px, calc((100% - 1560px) / 2));
  bottom: 42px;
  width: min(980px, calc(100% - 240px));
  color: #ffffff;
}

.about-hero__content h1[b-x2x24osg42] {
  margin: 0 0 18px;
  color: #ffffff;
  font-size: 28px;
  font-weight: 700;
}

.about-hero__content p[b-x2x24osg42] {
  max-width: 990px;
  margin: 0;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.55;
}

.about-shell[b-x2x24osg42],
.about-story[b-x2x24osg42] {
  width: min(calc(100% - 240px), 1560px);
  margin: 0 auto;
}

.about-story[b-x2x24osg42] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 432px;
  gap: 76px;
  align-items: center;
  padding: 76px 0 78px;
}

.about-story h2[b-x2x24osg42],
.about-section-heading h2[b-x2x24osg42] {
  margin: 0;
  color: #202020;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.2;
}

.about-story p[b-x2x24osg42] {
  max-width: 650px;
  margin: 28px 0 0;
  color: #6f7784;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.75;
}

.about-story__image[b-x2x24osg42] {
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 22px 44px rgba(25, 58, 105, 0.16);
}

.about-story__image img[b-x2x24osg42] {
  width: 100%;
  height: 307px;
  object-fit: cover;
}

.about-mission[b-x2x24osg42] {
  padding: 48px 0 68px;
  background: #f8f8f8;
}

.about-section-heading p[b-x2x24osg42] {
  margin: 14px 0 0;
  color: #6f7784;
  font-size: 13px;
}

.about-mission-grid[b-x2x24osg42] {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(320px, 1fr);
  gap: 45px;
  align-items: center;
  margin-top: 18px;
}

.about-value-card[b-x2x24osg42] {
  min-height: 264px;
  padding: 47px 37px 34px;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 18px 36px rgba(25, 58, 105, 0.08);
}

.about-value-card > span[b-x2x24osg42],
.about-why-grid article > span[b-x2x24osg42] {
  width: 47px;
  height: 47px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  background: #f2f6fb;
  color: #0f3067;
  font-size: 24px;
  font-weight: 800;
}

.about-value-card h3[b-x2x24osg42] {
  margin: 28px 0 18px;
  color: #202020;
  font-size: 17px;
  font-weight: 800;
}

.about-value-card p[b-x2x24osg42] {
  max-width: 545px;
  margin: 0;
  color: #46515f;
  font-size: 13px;
  line-height: 1.7;
}

.about-value-card div[b-x2x24osg42] {
  display: flex;
  gap: 10px;
  margin-top: 36px;
}

.about-value-card i[b-x2x24osg42] {
  width: 28px;
  height: 3px;
  border-radius: 999px;
  background: #c8d5e4;
}

.about-value-card i:first-child[b-x2x24osg42] {
  width: 76px;
  background: #0f3067;
}

.about-value-card--blue[b-x2x24osg42] {
  min-height: 223px;
  padding: 42px 36px;
  background: #173b78;
  color: #ffffff;
  box-shadow: 0 18px 36px rgba(15, 48, 103, 0.18);
}

.about-value-card--blue > span[b-x2x24osg42] {
  background: transparent;
  color: #ffffff;
  font-size: 34px;
}

.about-value-card--blue h3[b-x2x24osg42],
.about-value-card--blue p[b-x2x24osg42] {
  color: #ffffff;
}

.about-value-card--blue h3[b-x2x24osg42] {
  margin-top: 34px;
}

.about-why[b-x2x24osg42] {
  padding: 72px 0 52px;
  background: #ffffff;
}

.about-why-grid[b-x2x24osg42] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 82px;
  margin-top: 50px;
}

.about-why-grid article[b-x2x24osg42] {
  min-height: 340px;
  padding: 29px 29px 28px;
  border: 1px solid #eff2f6;
  border-radius: 8px;
  background: #ffffff;
}

.about-why-grid article > span[b-x2x24osg42] {
  width: 48px;
  height: 48px;
  margin-bottom: 30px;
  color: #00819a;
  font-size: 22px;
}

.about-why-grid h3[b-x2x24osg42] {
  margin: 0 0 21px;
  color: #202020;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.18;
}

.about-why-grid p[b-x2x24osg42] {
  margin: 0;
  color: #6f7784;
  font-size: 13px;
  line-height: 1.65;
}

@media (max-width: 1180px) {
  .about-shell[b-x2x24osg42],
  .about-story[b-x2x24osg42] {
    width: calc(100% - 48px);
  }

  .about-hero__content[b-x2x24osg42] {
    left: 24px;
    width: calc(100% - 48px);
  }
}

@media (max-width: 980px) {
  .about-story[b-x2x24osg42],
  .about-mission-grid[b-x2x24osg42],
  .about-why-grid[b-x2x24osg42] {
    grid-template-columns: 1fr;
  }

  .about-story[b-x2x24osg42] {
    gap: 38px;
  }

  .about-story__image[b-x2x24osg42] {
    max-width: 520px;
  }

  .about-why-grid[b-x2x24osg42] {
    gap: 24px;
    justify-content: stretch;
  }
}

@media (max-width: 640px) {
  .about-shell[b-x2x24osg42],
  .about-story[b-x2x24osg42] {
    width: calc(100% - 36px);
  }

  .about-hero[b-x2x24osg42] {
    height: 330px;
  }

  .about-hero__content[b-x2x24osg42] {
    left: 18px;
    bottom: 30px;
    width: calc(100% - 36px);
  }

  .about-hero__content p[b-x2x24osg42] {
    font-size: 13px;
  }

  .about-story[b-x2x24osg42] {
    padding: 46px 0 52px;
  }

  .about-story h2[b-x2x24osg42],
  .about-section-heading h2[b-x2x24osg42] {
    font-size: 23px;
  }

  .about-value-card[b-x2x24osg42],
  .about-value-card--blue[b-x2x24osg42] {
    padding: 30px 22px;
  }
}
/* _content/VisitAzer.ServerUi/Components/Pages/Blog.razor.rz.scp.css */
.blog-page[b-u8ibe5vybe] {
  min-height: 100vh;
  background: #ffffff;
}

.blog-page__main[b-u8ibe5vybe] {
  width: 100%;
  padding: 0 0 76px;
}

.blog-hero[b-u8ibe5vybe] {
  margin-top: 2px;
  overflow: hidden;
}

.blog-hero__image[b-u8ibe5vybe] {
  width: 100%;
  height: 458px;
  display: block;
  object-fit: cover;
  object-position: center 35%;
}

.blog-filters[b-u8ibe5vybe] {
  width: min(1560px, calc(100% - 120px));
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  padding: 42px 20px 36px;
  flex-wrap: wrap;
}

.blog-filters__chip[b-u8ibe5vybe] {
  min-width: 70px;
  height: 36px;
  padding: 0 22px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #161616;
  font-family: Montserrat, Arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
}

.blog-filters__chip--active[b-u8ibe5vybe] {
  background: #0f3067;
  color: #ffffff;
  font-weight: 700;
}

.blog-grid[b-u8ibe5vybe] {
  width: min(1560px, calc(100% - 120px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 34px 26px;
}

.blog-empty-state[b-u8ibe5vybe] {
  grid-column: 1 / -1;
  padding: 54px 24px;
  border: 1px solid #e8edf5;
  border-radius: 8px;
  text-align: center;
}

.blog-empty-state h2[b-u8ibe5vybe] {
  margin: 0 0 10px;
  color: #0f3067;
  font-size: 24px;
  font-weight: 800;
}

.blog-empty-state p[b-u8ibe5vybe] {
  margin: 0;
  color: #6f6f6f;
  font-size: 15px;
}

.blog-post-card[b-u8ibe5vybe] {
  display: block;
  overflow: hidden;
  border-radius: 6px;
  background: #ffffff;
  box-shadow: 0 10px 30px rgba(21, 33, 56, 0.08);
  color: inherit;
  text-decoration: none;
  transition: transform 160ms ease, box-shadow 160ms ease;
}

.blog-post-card:hover[b-u8ibe5vybe] {
  transform: translateY(-3px);
  box-shadow: 0 14px 34px rgba(21, 33, 56, 0.12);
  color: inherit;
  text-decoration: none;
}

.blog-post-card__image[b-u8ibe5vybe] {
  width: 100%;
  height: 194px;
  display: block;
  object-fit: cover;
}

.blog-post-card__body[b-u8ibe5vybe] {
  padding: 16px 18px 22px;
}

.blog-post-card__category[b-u8ibe5vybe] {
  display: inline-block;
  margin-bottom: 10px;
  color: #9b9b9b;
  font-size: 11px;
  font-weight: 400;
  line-height: 1;
}

.blog-post-card__body h2[b-u8ibe5vybe] {
  margin: 0 0 12px;
  color: #0f0f0f;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.25;
}

.blog-post-card__body p[b-u8ibe5vybe] {
  margin: 0;
  color: #6f6f6f;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
}

@media (max-width: 1100px) {
  .blog-hero__image[b-u8ibe5vybe] {
    height: 380px;
    object-position: center 40%;
  }

  .blog-filters[b-u8ibe5vybe],
  .blog-grid[b-u8ibe5vybe] {
    width: min(1560px, calc(100% - 48px));
  }

  .blog-grid[b-u8ibe5vybe] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .blog-hero__image[b-u8ibe5vybe] {
    height: 300px;
    object-position: center;
  }

  .blog-filters[b-u8ibe5vybe] {
    width: min(1560px, calc(100% - 36px));
    gap: 14px;
    padding: 30px 12px 28px;
  }

  .blog-grid[b-u8ibe5vybe] {
    width: min(1560px, calc(100% - 36px));
  }

  .blog-filters__chip[b-u8ibe5vybe] {
    min-width: 58px;
    height: 34px;
    padding: 0 18px;
    font-size: 15px;
  }

  .blog-grid[b-u8ibe5vybe] {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .blog-post-card__image[b-u8ibe5vybe] {
    height: 220px;
  }

  .blog-post-card__body h2[b-u8ibe5vybe] {
    font-size: 20px;
  }
}

@media (max-width: 640px) {
  .blog-page__main[b-u8ibe5vybe] {
    padding-bottom: 58px;
  }

  .blog-hero__image[b-u8ibe5vybe] {
    height: 220px;
    object-position: center;
  }

  .blog-filters[b-u8ibe5vybe],
  .blog-grid[b-u8ibe5vybe] {
    width: min(1560px, calc(100% - 36px));
  }
}
/* _content/VisitAzer.ServerUi/Components/Pages/BlogDetail.razor.rz.scp.css */
.blog-detail-page[b-i1ycg9g5yw] {
  min-height: 100vh;
  background: #ffffff;
}

.blog-detail-page__main[b-i1ycg9g5yw] {
  width: 100%;
  background: #ffffff;
}

.blog-detail-hero[b-i1ycg9g5yw] {
  width: 100%;
  overflow: hidden;
  background: #f5f6f8;
}

.blog-detail-hero img[b-i1ycg9g5yw] {
  display: block;
  width: 100%;
  height: 445px;
  object-fit: cover;
  object-position: center 42%;
}

.blog-not-found[b-i1ycg9g5yw] {
  width: min(100%, 1160px);
  min-height: 420px;
  margin: 0 auto;
  padding: 80px 78px;
}

.blog-not-found h1[b-i1ycg9g5yw] {
  margin: 0 0 18px;
  color: #0f3067;
  font-size: 34px;
}

.blog-not-found a[b-i1ycg9g5yw] {
  color: #0f3067;
  font-weight: 700;
  text-decoration: none;
}

.blog-food-panel[b-i1ycg9g5yw] {
  width: min(100%, 1160px);
  margin: 0 auto;
  padding: 36px 78px 44px;
  color: #151515;
  font-family: Montserrat, Arial, sans-serif;
}

.blog-food-panel__category[b-i1ycg9g5yw] {
  margin: 0 0 22px;
  color: #8d8d8d;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
}

.blog-food-panel h1[b-i1ycg9g5yw] {
  margin: 0 0 28px;
  color: #111111;
  font-size: 31px;
  font-weight: 800;
  line-height: 1.18;
  letter-spacing: 0;
}

.blog-food-panel__content[b-i1ycg9g5yw] {
  max-width: 1014px;
}

.blog-food-panel__content p[b-i1ycg9g5yw] {
  margin: 0 0 15px;
  color: #6d6d6d;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.82;
  letter-spacing: 0;
}

.blog-food-panel time[b-i1ycg9g5yw] {
  display: block;
  margin-top: 30px;
  color: #242424;
  font-size: 14px;
  font-weight: 400;
}

@media (max-width: 1100px) {
  .blog-detail-hero img[b-i1ycg9g5yw] {
    height: 390px;
  }

  .blog-food-panel[b-i1ycg9g5yw] {
    padding: 34px 48px 44px;
  }
}

@media (max-width: 768px) {
  .blog-detail-hero img[b-i1ycg9g5yw] {
    height: 300px;
    object-position: center;
  }

  .blog-food-panel[b-i1ycg9g5yw] {
    padding: 28px 28px 38px;
  }

  .blog-food-panel h1[b-i1ycg9g5yw] {
    font-size: 26px;
  }

  .blog-food-panel__content p[b-i1ycg9g5yw] {
    font-size: 15px;
    line-height: 1.75;
  }
}

@media (max-width: 520px) {
  .blog-detail-hero img[b-i1ycg9g5yw] {
    height: 230px;
  }

  .blog-food-panel[b-i1ycg9g5yw] {
    padding: 24px 20px 34px;
  }

  .blog-food-panel h1[b-i1ycg9g5yw] {
    font-size: 23px;
  }
}
/* _content/VisitAzer.ServerUi/Components/Pages/BookingVoucher.razor.rz.scp.css */
/* BookingVoucher Styles */
.voucher-container[b-reip57h3mu] {
    max-width: 1000px;
    margin: 40px auto;
    padding: 0 20px;
    font-family: 'Inter', sans-serif;
}

.voucher-actions[b-reip57h3mu] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
}

.actions-right[b-reip57h3mu] {
    display: flex;
    gap: 12px;
}

.btn-primary[b-reip57h3mu] {
    background-color: #11486F;
    color: white;
    border: none;
    border-radius: 8px;
    padding: 10px 20px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: background-color 0.2s;
}

.btn-primary:hover[b-reip57h3mu] {
    background-color: #123754;
}

.btn-outline[b-reip57h3mu] {
    background-color: white;
    color: #11486F;
    border: 1px solid #11486F;
    border-radius: 8px;
    padding: 10px 20px;
    font-weight: 600;
    cursor: pointer;
}

/* Card layout */
.voucher-card[b-reip57h3mu] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
    padding: 40px;
    color: #333;
}

.voucher-header[b-reip57h3mu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #f0f4f8;
    padding-bottom: 24px;
    margin-bottom: 32px;
}

.logo-area .voucher-logo[b-reip57h3mu] {
    height: 48px;
}

.title-area[b-reip57h3mu] {
    text-align: center;
}

.title-area h2[b-reip57h3mu] {
    font-size: 20px;
    font-weight: 700;
    color: #11486F;
    margin: 0 0 4px 0;
}

.arabic-subtitle[b-reip57h3mu] {
    font-size: 14px;
    color: #0ea5e9;
    margin: 0;
}

.ref-area[b-reip57h3mu] {
    text-align: right;
    display: flex;
    flex-direction: column;
}

.ref-label[b-reip57h3mu] {
    font-size: 12px;
    color: #64748b;
    margin-bottom: 4px;
}

.ref-value[b-reip57h3mu] {
    font-size: 18px;
    font-weight: 700;
    color: #11486F;
}

/* Sections */
.section-title[b-reip57h3mu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #e2e8f0;
    padding-bottom: 8px;
    margin-bottom: 20px;
}

.section-title h3[b-reip57h3mu] {
    font-size: 16px;
    font-weight: 700;
    color: #11486F;
    margin: 0;
}

.arabic-title[b-reip57h3mu] {
    font-size: 14px;
    color: #0ea5e9;
}

/* Passenger Info */
.passenger-section[b-reip57h3mu] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 40px;
}

.passenger-details[b-reip57h3mu] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.info-row[b-reip57h3mu] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.info-icon[b-reip57h3mu] {
    width: 40px;
    height: 40px;
    background: #f0f4f8;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #11486F;
}

.info-content[b-reip57h3mu] {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.info-label[b-reip57h3mu] {
    font-size: 12px;
    color: #64748b;
}

.info-val[b-reip57h3mu] {
    font-size: 15px;
    font-weight: 600;
    color: #1e293b;
}

.qr-code-area[b-reip57h3mu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #ffffff;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
}

.qr-image[b-reip57h3mu] {
    width: 140px;
    height: 140px;
    margin-bottom: 12px;
}

.qr-hint[b-reip57h3mu] {
    font-size: 11px;
    color: #64748b;
}

.qr-hint-ar[b-reip57h3mu] {
    font-size: 11px;
    color: #64748b;
}

/* Two columns */
.details-grid[b-reip57h3mu] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin-bottom: 40px;
}

.info-box[b-reip57h3mu] {
    background: #f8fafc;
    border-radius: 12px;
    padding: 24px;
}

.box-header[b-reip57h3mu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.box-title-wrap[b-reip57h3mu] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #11486F;
}

.box-title-wrap h4[b-reip57h3mu] {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
}

.detail-row[b-reip57h3mu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}

.detail-row:last-child[b-reip57h3mu] {
}

.d-label[b-reip57h3mu] {
    display: flex;
    flex-direction: column;
    font-size: 13px;
    color: #1e293b;
    font-weight: 500;
}

.d-label small[b-reip57h3mu] {
    font-size: 11px;
    color: #94a3b8;
    margin-top: 2px;
}

.d-value[b-reip57h3mu] {
    font-size: 14px;
    color: #1e293b;
    text-align: right;
}

.fw-600[b-reip57h3mu] {
    font-weight: 600;
}

.divider[b-reip57h3mu] {
    height: 1px;
    background: #cbd5e1;
    margin: 20px 0;
}

.total-row[b-reip57h3mu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 16px;
    padding-top: 8px;
}

.t-label[b-reip57h3mu] {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 600;
    color: #11486F;
}

.t-label small[b-reip57h3mu] {
    font-size: 11px;
    color: #94a3b8;
    margin-top: 2px;
    font-weight: normal;
}

.t-value[b-reip57h3mu] {
    font-size: 24px;
    font-weight: 800;
    color: #11486F;
}

/* Pills */
.pill-blue[b-reip57h3mu] {
    background: #3b82f6;
    color: white;
    padding: 4px 12px;
    border-radius: 100px;
    font-size: 13px;
    font-weight: 600;
}

.pill-green[b-reip57h3mu] {
    background: #22c55e;
    color: white;
    padding: 4px 12px;
    border-radius: 100px;
    font-size: 13px;
    font-weight: 600;
}

.pill-orange[b-reip57h3mu] {
    background: #ffedd5;
    color: #c2410c;
    padding: 4px 12px;
    border-radius: 100px;
    font-size: 13px;
    font-weight: 600;
}

/* Footer */
.voucher-footer[b-reip57h3mu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 2px solid #f0f4f8;
    padding-top: 24px;
}

.footer-item[b-reip57h3mu] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #64748b;
    font-size: 13px;
}

.footer-contact[b-reip57h3mu] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.contact-label[b-reip57h3mu] {
    font-size: 12px;
    color: #64748b;
}

.contact-phone[b-reip57h3mu] {
    font-size: 16px;
    font-weight: 700;
    color: #11486F;
}

/* Print Styles */
@media print {
    @page {
        margin: 0;
        size: auto;
    }
    
    body[b-reip57h3mu] {
        background: white !important;
        margin: 0;
        padding: 0;
    }
    
    /* Hide EVERYTHING else in the app except the voucher */
    header[b-reip57h3mu], footer[b-reip57h3mu], nav[b-reip57h3mu], .site-header[b-reip57h3mu], .site-footer[b-reip57h3mu] {
        display: none !important;
    }
    
    #app[b-reip57h3mu], .page[b-reip57h3mu] {
        display: block !important;
        background: white !important;
    }

    .no-print[b-reip57h3mu] {
        display: none !important;
    }
    
    .voucher-container[b-reip57h3mu] {
        margin: 0;
        padding: 20px;
        max-width: none;
    }
    
    .voucher-card[b-reip57h3mu] {
        box-shadow: none;
        padding: 0;
        border: none;
    }
    
    /* Force background colors on print */
    .info-box[b-reip57h3mu], .info-icon[b-reip57h3mu] {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
    
    .pill-blue[b-reip57h3mu], .pill-green[b-reip57h3mu], .pill-orange[b-reip57h3mu] {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
}
/* _content/VisitAzer.ServerUi/Components/Pages/CustomRequestDetail.razor.rz.scp.css */
.custom-req-detail-page[b-r1ekggrz80] {
    min-height: 100vh;
    background: #ffffff;
    color: #0f1724;
    font-family: Montserrat, Arial, sans-serif;
}

.custom-req-detail-main[b-r1ekggrz80] {
    width: min(100% - 96px, 1024px);
    min-height: 780px;
    margin: 0 auto;
    padding: 48px 0 52px;
}

.custom-req-detail-loading[b-r1ekggrz80],
.custom-req-detail-empty[b-r1ekggrz80] {
    text-align: center;
    padding: 80px 20px;
    color: #647082;
    font-size: 14px;
}

.custom-req-detail-empty h1[b-r1ekggrz80] {
    color: #0f3067;
    font-size: 28px;
    margin: 0 0 12px;
}

.custom-req-detail-empty a[b-r1ekggrz80] {
    color: #0f3067;
    font-weight: 600;
    text-decoration: underline;
}

/* Top bar: breadcrumb + actions */
.custom-req-detail-topbar[b-r1ekggrz80] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.custom-req-detail-breadcrumb[b-r1ekggrz80] {
    display: flex;
    gap: 8px;
    align-items: center;
    font-size: 12px;
    font-weight: 500;
    color: #647082;
}

.custom-req-detail-breadcrumb a[b-r1ekggrz80] {
    color: #0f3067;
    text-decoration: none;
    font-weight: 600;
}

.custom-req-detail-breadcrumb a:hover[b-r1ekggrz80] {
    text-decoration: underline;
}

.custom-req-detail-topbar-actions[b-r1ekggrz80] {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}

/* Header */
.custom-req-detail-header[b-r1ekggrz80] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 28px;
}

.custom-req-detail-header h1[b-r1ekggrz80] {
    margin: 0 0 6px;
    color: #0f3067;
    font-size: 32px;
    font-weight: 800;
    line-height: 1.1;
}

.custom-req-detail-header p[b-r1ekggrz80] {
    margin: 0;
    color: #647082;
    font-size: 13px;
    font-weight: 500;
}

.custom-req-status-badge[b-r1ekggrz80] {
    display: inline-flex;
    align-items: center;
    height: 26px;
    padding: 0 16px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
    flex-shrink: 0;
}

.custom-req-status-badge--draft[b-r1ekggrz80] { background: #e7eefc; color: #0f3067; }
.custom-req-status-badge--submitted[b-r1ekggrz80] { background: #fff3e0; color: #b76e00; }
.custom-req-status-badge--contacted[b-r1ekggrz80] { background: #e3f2fd; color: #0d47a1; }
.custom-req-status-badge--confirmed[b-r1ekggrz80] { background: #e8f5e9; color: #2e7d32; }
.custom-req-status-badge--cancelled[b-r1ekggrz80] { background: #fbe9e7; color: #c62828; }

/* Two-column layout */
.custom-req-detail-columns[b-r1ekggrz80] {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 36px;
    align-items: start;
}

.custom-req-detail-left[b-r1ekggrz80] {
    min-width: 0;
}

.custom-req-detail-right[b-r1ekggrz80] {
    position: sticky;
    top: 24px;
}

@media (max-width: 768px) {
    .custom-req-detail-columns[b-r1ekggrz80] {
        grid-template-columns: 1fr;
    }

    .custom-req-detail-right[b-r1ekggrz80] {
        position: static;
        order: -1;
    }
}

/* Sections */
.custom-req-section[b-r1ekggrz80] {
    margin-bottom: 32px;
    padding-bottom: 24px;
    border-bottom: 1px solid #eaeef4;
}

.custom-req-section:last-child[b-r1ekggrz80] {
    border-bottom: none;
}

.custom-req-section--card[b-r1ekggrz80] {
    background: #f8faff;
    border: 1px solid #dbe3ef;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 0;
}

.custom-req-section--card:last-child[b-r1ekggrz80] {
    border-bottom: 1px solid #dbe3ef;
}

.custom-req-section h2[b-r1ekggrz80] {
    margin: 0 0 16px;
    color: #0f3067;
    font-size: 16px;
    font-weight: 700;
}

.custom-req-muted[b-r1ekggrz80] {
    color: #647082;
    font-size: 13px;
    margin: 0;
}

/* Info grid */
.custom-req-info-grid[b-r1ekggrz80] {
    display: grid;
    grid-template-columns: minmax(100px, auto) 1fr;
    gap: 10px 24px;
    font-size: 13px;
    line-height: 1.5;
}

.custom-req-info-grid > span[b-r1ekggrz80] {
    color: #647082;
    font-weight: 500;
}

.custom-req-info-grid > strong[b-r1ekggrz80] {
    color: #0f1724;
    font-weight: 600;
}

/* Timeline */
.custom-req-timeline[b-r1ekggrz80] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.custom-req-timeline-step[b-r1ekggrz80] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 12px 0;
    border-left: 2px solid #d9e2f3;
    margin-left: 9px;
    padding-left: 20px;
    position: relative;
}

.custom-req-timeline-step:first-child[b-r1ekggrz80] {
    padding-top: 0;
}

.custom-req-timeline-step:last-child[b-r1ekggrz80] {
    border-left-color: transparent;
}

.custom-req-timeline-marker[b-r1ekggrz80] {
    position: absolute;
    left: -10px;
    top: 12px;
    font-size: 14px;
    color: #a8b0bd;
}

.custom-req-timeline-step:first-child .custom-req-timeline-marker[b-r1ekggrz80] {
    top: 0;
}

.custom-req-timeline-step.is-past .custom-req-timeline-marker[b-r1ekggrz80],
.custom-req-timeline-step.is-active .custom-req-timeline-marker[b-r1ekggrz80] {
    color: #0f3067;
}

.custom-req-timeline-step strong[b-r1ekggrz80] {
    display: block;
    font-size: 13px;
    color: #0f3067;
    font-weight: 700;
}

.custom-req-timeline-desc[b-r1ekggrz80] {
    display: block;
    font-size: 11px;
    color: #647082;
    margin-top: 2px;
}

.custom-req-timeline-timestamp[b-r1ekggrz80] {
    display: block;
    font-size: 10px;
    color: #a8b0bd;
    margin-top: 2px;
}

/* Period cards */
.custom-req-periods-summary[b-r1ekggrz80] {
    display: flex;
    gap: 8px;
    align-items: center;
    font-size: 13px;
    margin-bottom: 14px;
    color: #0f3067;
}

.custom-req-periods-summary span[b-r1ekggrz80] {
    color: #647082;
    font-weight: 500;
}

.custom-req-period-card[b-r1ekggrz80] {
    padding: 14px 16px;
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    margin-bottom: 10px;
    background: #f8faff;
}

.custom-req-period-card-head[b-r1ekggrz80] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
}

.custom-req-period-card-head strong[b-r1ekggrz80] {
    font-size: 14px;
    color: #0f3067;
}

.custom-req-period-nights[b-r1ekggrz80] {
    font-size: 11px;
    font-weight: 700;
    color: #647082;
}

.custom-req-period-card-body[b-r1ekggrz80] {
    font-size: 12px;
    color: #0f1724;
}

.custom-req-period-notes[b-r1ekggrz80] {
    margin-top: 8px;
    padding: 8px 10px;
    background: #f0f4fe;
    border-radius: 6px;
    font-size: 12px;
    color: #203047;
    line-height: 1.4;
}

/* Tags */
.custom-req-tags[b-r1ekggrz80] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}

.custom-req-tag[b-r1ekggrz80] {
    display: inline-flex;
    align-items: center;
    height: 26px;
    padding: 0 14px;
    border-radius: 999px;
    background: #e7eefc;
    color: #0f3067;
    font-size: 11px;
    font-weight: 700;
}

.custom-req-special[b-r1ekggrz80] {
    padding: 12px 16px;
    background: #f8faff;
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    font-size: 13px;
    color: #0f1724;
    line-height: 1.5;
}

.custom-req-special p[b-r1ekggrz80] {
    margin: 0;
}

/* Action buttons */
.custom-req-btn[b-r1ekggrz80] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 38px;
    padding: 0 24px;
    border: none;
    border-radius: 9px;
    font-family: Montserrat, Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.custom-req-btn-edit[b-r1ekggrz80] {
    background: #0f3067;
    color: #ffffff;
}

.custom-req-btn-edit:hover[b-r1ekggrz80] {
    background: #1a4280;
}

.custom-req-btn-cancel[b-r1ekggrz80] {
    background: #fbe9e7;
    color: #c62828;
}

.custom-req-btn-cancel:hover[b-r1ekggrz80] {
    background: #ffccbc;
}

.custom-req-btn-save[b-r1ekggrz80] {
    background: #2e7d32;
    color: #ffffff;
}

.custom-req-btn-save:hover[b-r1ekggrz80] {
    background: #388e3c;
}

.custom-req-btn-close[b-r1ekggrz80] {
    background: #e7eefc;
    color: #0f3067;
}

.custom-req-btn-close:hover[b-r1ekggrz80] {
    background: #d4dff0;
}

.custom-req-btn-danger[b-r1ekggrz80] {
    background: #c62828;
    color: #ffffff;
}

.custom-req-btn-danger:hover[b-r1ekggrz80] {
    background: #d32f2f;
}

.custom-req-btn:disabled[b-r1ekggrz80] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Confirmation dialog */
.custom-req-confirm-overlay[b-r1ekggrz80] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.custom-req-confirm-box[b-r1ekggrz80] {
    background: #ffffff;
    border-radius: 12px;
    padding: 32px;
    max-width: 420px;
    width: 90%;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.15);
}

.custom-req-confirm-box h3[b-r1ekggrz80] {
    margin: 0 0 8px;
    color: #0f3067;
    font-size: 18px;
    font-weight: 800;
}

.custom-req-confirm-box p[b-r1ekggrz80] {
    margin: 0 0 24px;
    color: #647082;
    font-size: 13px;
    line-height: 1.5;
}

.custom-req-confirm-actions[b-r1ekggrz80] {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

/* Editing form */
.custom-req-edit-grid[b-r1ekggrz80] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px 20px;
    margin-bottom: 20px;
}

.custom-req-field[b-r1ekggrz80] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.custom-req-field.full-width[b-r1ekggrz80] {
    grid-column: 1 / -1;
}

.custom-req-field label[b-r1ekggrz80] {
    font-size: 11px;
    font-weight: 700;
    color: #0f3067;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.custom-req-field input[b-r1ekggrz80],
.custom-req-field select[b-r1ekggrz80],
.custom-req-field textarea[b-r1ekggrz80] {
    padding: 10px 12px;
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    font-family: Montserrat, Arial, sans-serif;
    font-size: 13px;
    color: #0f1724;
    background: #ffffff;
    outline: none;
    transition: border-color 0.15s;
}

.custom-req-field input:focus[b-r1ekggrz80],
.custom-req-field select:focus[b-r1ekggrz80],
.custom-req-field textarea:focus[b-r1ekggrz80] {
    border-color: #0f3067;
}

.custom-req-field textarea[b-r1ekggrz80] {
    min-height: 80px;
    resize: vertical;
}

.custom-req-edit-actions[b-r1ekggrz80] {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

/* Success/error messages */
.custom-req-message[b-r1ekggrz80] {
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 20px;
}

.custom-req-message-success[b-r1ekggrz80] {
    background: #e8f5e9;
    color: #2e7d32;
}

.custom-req-message-error[b-r1ekggrz80] {
    background: #fbe9e7;
    color: #c62828;
}
/* _content/VisitAzer.ServerUi/Components/Pages/CustomTripRequest.razor.rz.scp.css */
.custom-request-page[b-azh3gp75tt] {
  width: 100%;
  min-height: 100vh;
  overflow-x: hidden;
  background: #ffffff;
  color: #111111;
}

.custom-request-page__main[b-azh3gp75tt] {
  padding: 44px clamp(24px, 6vw, 88px) 82px;
}

.custom-request-page button[b-azh3gp75tt],
.custom-request-page input[b-azh3gp75tt],
.custom-request-page select[b-azh3gp75tt],
.custom-request-page textarea[b-azh3gp75tt] {
  max-width: 100%;
}

.journey-heading[b-azh3gp75tt] {
  text-align: center;
}

.journey-heading h1[b-azh3gp75tt] {
  margin: 0;
  color: #111111;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.2;
}

.journey-message[b-azh3gp75tt] {
  width: min(520px, 100%);
  margin: 18px auto 0;
  padding: 12px 16px;
  border-radius: 12px;
  background: #eef8f1;
  color: #136c35;
  font-size: 13px;
  font-weight: 700;
}

.journey-steps[b-azh3gp75tt] {
  width: min(430px, 100%);
  margin: 33px auto 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
}

.journey-step[b-azh3gp75tt] {
  position: relative;
  display: grid;
  justify-items: center;
  gap: 8px;
  color: #777777;
  font-size: 12px;
  font-weight: 600;
}

.journey-step[b-azh3gp75tt]::before {
  content: "";
  position: absolute;
  top: 15px;
  left: calc(-50% + 18px);
  width: calc(100% - 36px);
  border-top: 2px dashed #d9d9d9;
}

.journey-step:first-child[b-azh3gp75tt]::before {
  display: none;
}

.journey-step span[b-azh3gp75tt] {
  position: relative;
  z-index: 1;
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #e6e6e6;
  color: #111111;
  font-size: 12px;
  font-weight: 800;
}

.journey-step--active[b-azh3gp75tt] {
  color: #ff851b;
}

.journey-step--active span[b-azh3gp75tt] {
  background: #ff851b;
}

.journey-step--done[b-azh3gp75tt] {
  color: #0f3067;
}

.journey-step--done span[b-azh3gp75tt] {
  background: #0f3067;
  color: #ffffff;
}

.journey-step--active[b-azh3gp75tt]::before,
.journey-step--done[b-azh3gp75tt]::before {
  border-color: #ffb06b;
}

.custom-request-hero[b-azh3gp75tt] {
  position: relative;
  width: min(1267px, 100%);
  height: 458px;
  margin: 62px auto 0;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 18px 36px rgba(15, 48, 103, 0.18);
}

.custom-request-hero img[b-azh3gp75tt] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.custom-request-hero[b-azh3gp75tt]::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(9, 18, 30, 0.04) 0%, rgba(7, 13, 24, 0.62) 100%);
}

.custom-request-hero div[b-azh3gp75tt] {
  position: absolute;
  left: 38px;
  bottom: 46px;
  z-index: 1;
  width: min(720px, calc(100% - 76px));
  color: #ffffff;
}

.custom-request-hero h2[b-azh3gp75tt] {
  margin: 0 0 12px;
  font-size: 27px;
  font-weight: 800;
}

.custom-request-hero p[b-azh3gp75tt] {
  width: min(650px, 100%);
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.55;
}

.custom-request-layout[b-azh3gp75tt] {
  width: min(1267px, 100%);
  margin: 30px auto 0;
  display: grid;
  grid-template-columns: minmax(0, 740px) minmax(360px, 1fr);
  gap: 56px;
  align-items: start;
}

.custom-request-tabs[b-azh3gp75tt] {
  height: 3px;
  margin: 0 0 52px;
  border-top: 1px solid #d8d8d8;
}

.custom-request-tabs__active[b-azh3gp75tt] {
  display: block;
  width: 170px;
  height: 3px;
  margin-top: -2px;
  background: #0f3067;
}

.request-card[b-azh3gp75tt] {
  width: 100%;
  padding: 30px 43px 44px 56px;
  border: 1px solid #edf0f4;
  border-radius: 0 0 14px 14px;
  background: #ffffff;
  box-shadow: 0 14px 32px rgba(15, 48, 103, 0.05);
}

.request-validation[b-azh3gp75tt] {
  margin: 0 0 22px;
  color: #b42318;
  font-size: 13px;
  font-weight: 600;
}

.request-section-title[b-azh3gp75tt] {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 30px;
}

.request-section-title:not(:first-of-type)[b-azh3gp75tt] {
  margin-top: 30px;
}

.request-section-title span[b-azh3gp75tt] {
  width: 25px;
  height: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  background: #0f3067;
  color: #ffffff;
  font-size: 10px;
  font-weight: 800;
}

.request-section-title h3[b-azh3gp75tt] {
  margin: 0;
  color: #0f3067;
  font-size: 15px;
  font-weight: 800;
}

.request-grid[b-azh3gp75tt] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 26px 52px;
}

.request-field[b-azh3gp75tt] {
  display: grid;
  gap: 12px;
}

.request-field span[b-azh3gp75tt],
.budget-field span[b-azh3gp75tt],
.requirements-group legend[b-azh3gp75tt] {
  color: #777777;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0;
}

.request-field input[b-azh3gp75tt],
.request-field select[b-azh3gp75tt],
.request-field textarea[b-azh3gp75tt],
.budget-field select[b-azh3gp75tt],
.request-field[b-azh3gp75tt]  input,
.request-field[b-azh3gp75tt]  select,
.request-field[b-azh3gp75tt]  textarea,
.budget-field[b-azh3gp75tt]  select {
  width: 100%;
  min-height: 36px;
  padding: 0 8px;
  border: 0 !important;
  border-bottom: 1px solid #8b8b8b !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #8a8a8a;
  font: 500 13px Montserrat, Arial, sans-serif;
  outline: none !important;
}

.request-field select[b-azh3gp75tt],
.budget-field select[b-azh3gp75tt],
.request-field[b-azh3gp75tt]  select,
.budget-field[b-azh3gp75tt]  select {
  appearance: none;
  padding-right: 34px;
  background-image:
    linear-gradient(45deg, transparent 50%, #6f7784 50%),
    linear-gradient(135deg, #6f7784 50%, transparent 50%) !important;
  background-position:
    calc(100% - 16px) 16px,
    calc(100% - 10px) 16px !important;
  background-size: 6px 6px, 6px 6px !important;
  background-repeat: no-repeat !important;
  cursor: pointer;
}

.request-field select:focus[b-azh3gp75tt],
.budget-field select:focus[b-azh3gp75tt],
.request-field[b-azh3gp75tt]  select:focus,
.budget-field[b-azh3gp75tt]  select:focus {
  border-bottom-color: #0f3067 !important;
  color: #0f3067;
}

.request-field select option[b-azh3gp75tt],
.budget-field select option[b-azh3gp75tt],
.request-field[b-azh3gp75tt]  select option,
.budget-field[b-azh3gp75tt]  select option {
  background: #ffffff;
  color: #1f2d3d;
  font-family: Montserrat, Arial, sans-serif;
  font-size: 13px;
  font-weight: 500;
  min-height: 34px;
}

.request-field select option:checked[b-azh3gp75tt],
.budget-field select option:checked[b-azh3gp75tt],
.request-field[b-azh3gp75tt]  select option:checked,
.budget-field[b-azh3gp75tt]  select option:checked {
  background: #eef4ff;
  color: #0f3067;
  font-weight: 700;
}

.request-field textarea[b-azh3gp75tt],
.request-field[b-azh3gp75tt]  textarea {
  min-height: 47px;
  padding-top: 12px;
  resize: vertical;
}

.request-field [b-azh3gp75tt]::placeholder {
  color: #9b9b9b;
}

.request-field--wide[b-azh3gp75tt] {
  margin-top: 30px;
}

.request-field .validation-message[b-azh3gp75tt] {
  color: #b42318;
  font-size: 11px;
  font-weight: 600;
}

.interest-grid[b-azh3gp75tt] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.interest-option[b-azh3gp75tt] {
  height: 77px;
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 7px;
  border: 1px solid #d3d8df;
  border-radius: 3px;
  background: #ffffff;
  color: #343a40;
  cursor: pointer;
  position: relative;
}

.interest-option input[type="checkbox"][b-azh3gp75tt] {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 15px;
  height: 15px;
  accent-color: #0f3067;
  cursor: pointer;
}

.interest-option--active[b-azh3gp75tt] {
  border-color: #0f3067;
  background: #f3f7ff;
  color: #0f3067;
}

.interest-option span[b-azh3gp75tt] {
  font-size: 21px;
  line-height: 1;
  margin-top: 6px;
}

.interest-option strong[b-azh3gp75tt] {
  font-size: 11px;
  font-weight: 600;
}

.budget-field[b-azh3gp75tt] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 190px;
  gap: 24px;
  align-items: end;
}

.budget-field select[b-azh3gp75tt] {
  color: #0f3067;
  font-weight: 800;
  text-align: right;
}

.requirements-group[b-azh3gp75tt] {
  margin: 28px 0 0;
  padding: 0;
  border: 0;
}

.requirements-group legend[b-azh3gp75tt] {
  margin-bottom: 17px;
}

.requirements-group label[b-azh3gp75tt] {
  min-height: 37px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 9px 10px 0;
  padding: 0 16px;
  border: 1px solid #d8dde4;
  border-radius: 9px;
  color: #777777;
  font-size: 11px;
  font-weight: 500;
}

.requirements-group input[b-azh3gp75tt] {
  width: 13px;
  height: 13px;
}

.requirements-group[b-azh3gp75tt]  input {
  width: 13px;
  height: 13px;
  border: 1px solid #aeb6c2;
  box-shadow: none;
  accent-color: #0f3067;
}

.request-actions[b-azh3gp75tt] {
  display: flex;
  justify-content: flex-end;
  margin-top: 32px;
}

.request-actions--split[b-azh3gp75tt] {
  justify-content: space-between;
}

.request-next[b-azh3gp75tt],
.request-back[b-azh3gp75tt] {
  min-width: 112px;
  height: 61px;
  border: 0;
  border-radius: 14px;
  font-family: Montserrat, Arial, sans-serif;
  font-size: 11px;
  font-weight: 600;
}

.request-next[b-azh3gp75tt] {
  background: #0f3067;
  color: #ffffff;
}

.request-next:disabled[b-azh3gp75tt] {
  opacity: 0.68;
}

.request-back[b-azh3gp75tt] {
  background: #eef3fb;
  color: #0f3067;
}

.request-success[b-azh3gp75tt] {
  margin: 28px 0 0;
  padding: 13px 16px;
  border-radius: 10px;
  background: #eef8f1;
  color: #136c35;
  font-size: 13px;
  font-weight: 700;
}

.request-guest-message[b-azh3gp75tt] {
  margin-top: 32px;
  padding: 24px 28px;
  border-radius: 12px;
  background: #fdf8f0;
  border: 1px solid #f0d9a8;
  text-align: center;
}

.request-guest-message p[b-azh3gp75tt] {
  margin: 0 0 16px;
  color: #6b5a3e;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
}

.request-guest-actions[b-azh3gp75tt] {
  display: flex;
  justify-content: center;
  gap: 12px;
}

.request-guest-actions .request-next[b-azh3gp75tt] {
  background: #ff851b;
}

.request-guest-actions .request-back[b-azh3gp75tt] {
  background: #ffffff;
  border: 1px solid #d3d8df;
}

.request-benefits[b-azh3gp75tt] {
  margin-top: 0;
  min-height: 392px;
  display: grid;
  align-content: center;
  gap: 30px;
  padding: 36px 38px;
  border-radius: 28px;
  background: #eef4ff;
}

.request-benefits article[b-azh3gp75tt] {
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 20px;
  align-items: start;
}

.request-benefits article + article[b-azh3gp75tt] {
  margin-top: 0;
}

.request-benefits span[b-azh3gp75tt] {
  width: 56px;
  height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(15, 48, 103, 0.06);
}

.request-benefits img[b-azh3gp75tt] {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.request-benefits h3[b-azh3gp75tt] {
  margin: 2px 0 8px;
  color: #0f3067;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}

.request-benefits p[b-azh3gp75tt] {
  margin: 0;
  color: #4d5965;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.35;
}

@media (max-width: 1200px) {
  .custom-request-page__main[b-azh3gp75tt] {
    padding-left: 42px;
    padding-right: 42px;
  }
}

@media (max-width: 1000px) {
  .custom-request-layout[b-azh3gp75tt] {
    grid-template-columns: 1fr;
  }

  .request-benefits[b-azh3gp75tt] {
    margin-top: 0;
    min-height: auto;
    padding: 34px 28px;
    gap: 28px;
  }

  .request-benefits article[b-azh3gp75tt] {
    grid-template-columns: 56px 1fr;
    gap: 18px;
  }

  .request-benefits span[b-azh3gp75tt] {
    width: 56px;
    height: 56px;
    border-radius: 16px;
  }

  .request-benefits h3[b-azh3gp75tt] {
    font-size: 19px;
  }

  .request-benefits p[b-azh3gp75tt] {
    font-size: 15px;
  }
}

@media (max-width: 760px) {
  .custom-request-page__main[b-azh3gp75tt] {
    padding: 34px 18px 60px;
  }

  .journey-heading h1[b-azh3gp75tt] {
    font-size: 22px;
  }

  .journey-steps[b-azh3gp75tt] {
    margin-top: 24px;
  }

  .journey-step[b-azh3gp75tt] {
    gap: 7px;
    font-size: 10px;
  }

  .journey-step span[b-azh3gp75tt] {
    width: 27px;
    height: 27px;
    font-size: 10px;
  }

  .journey-step[b-azh3gp75tt]::before {
    top: 13px;
    left: calc(-50% + 15px);
    width: calc(100% - 30px);
  }

  .custom-request-hero[b-azh3gp75tt] {
    height: 290px;
    margin-top: 42px;
  }

  .custom-request-hero div[b-azh3gp75tt] {
    left: 22px;
    bottom: 24px;
    width: calc(100% - 44px);
  }

  .custom-request-hero h2[b-azh3gp75tt] {
    font-size: 21px;
  }

  .custom-request-hero p[b-azh3gp75tt] {
    font-size: 12px;
  }

  .request-card[b-azh3gp75tt] {
    padding: 30px 18px 24px;
  }

  .request-section-title[b-azh3gp75tt] {
    align-items: flex-start;
    gap: 10px;
  }

  .request-section-title h3[b-azh3gp75tt] {
    padding-top: 5px;
    font-size: 15px;
    line-height: 1.25;
  }

  .request-grid[b-azh3gp75tt],
  .interest-grid[b-azh3gp75tt],
  .budget-field[b-azh3gp75tt] {
    grid-template-columns: 1fr;
  }

  .interest-grid[b-azh3gp75tt] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .request-actions[b-azh3gp75tt],
  .request-actions--split[b-azh3gp75tt] {
    flex-direction: column;
    gap: 12px;
  }

  .request-next[b-azh3gp75tt],
  .request-back[b-azh3gp75tt] {
    width: 100%;
  }

  .requirements-group label[b-azh3gp75tt] {
    width: 100%;
    margin-right: 0;
  }
}

@media (max-width: 520px) {
  .custom-request-page__main[b-azh3gp75tt] {
    padding: 28px 14px 48px;
  }

  .journey-steps[b-azh3gp75tt] {
    width: 100%;
  }

  .journey-step strong[b-azh3gp75tt] {
    max-width: 70px;
    min-height: 24px;
    line-height: 1.2;
  }

  .custom-request-hero[b-azh3gp75tt] {
    height: 250px;
  }

  .custom-request-hero div[b-azh3gp75tt] {
    left: 16px;
    bottom: 18px;
    width: calc(100% - 32px);
  }

  .custom-request-hero h2[b-azh3gp75tt] {
    font-size: 18px;
  }

  .custom-request-tabs__active[b-azh3gp75tt] {
    width: 112px;
  }

  .request-card[b-azh3gp75tt] {
    border-radius: 12px;
    box-shadow: 0 10px 24px rgba(15, 48, 103, 0.05);
  }

  .request-field input[b-azh3gp75tt],
  .request-field select[b-azh3gp75tt],
  .request-field textarea[b-azh3gp75tt],
  .budget-field select[b-azh3gp75tt] {
    font-size: 13px;
  }

  .interest-grid[b-azh3gp75tt] {
    gap: 10px;
  }

  .interest-option[b-azh3gp75tt] {
    height: 70px;
  }
}

@media (max-width: 380px) {
  .journey-step[b-azh3gp75tt] {
    font-size: 9px;
  }

  .journey-step strong[b-azh3gp75tt] {
    max-width: 58px;
  }
}
/* _content/VisitAzer.ServerUi/Components/Pages/Favorites.razor.rz.scp.css */
.my-favorites-page[b-oahia9wcpd] {
  min-height: 100vh;
  background: #ffffff;
  color: #0f1724;
  font-family: Montserrat, Arial, sans-serif;
}

.my-favorites-main[b-oahia9wcpd] {
  width: min(100% - 96px, 1228px);
  min-height: 825px;
  margin: 0 auto;
  padding: 58px 0 96px;
}

.my-favorites-heading[b-oahia9wcpd] {
  margin-bottom: 56px;
}

.my-favorites-heading h1[b-oahia9wcpd] {
  margin: 0 0 17px;
  color: #0f3067;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: 0;
}

.my-favorites-heading p[b-oahia9wcpd] {
  width: min(100%, 800px);
  margin: 0;
  color: #5f6b7a;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.65;
}

.my-favorites-grid[b-oahia9wcpd] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 327px));
  justify-content: space-between;
  gap: 30px 58px;
}

.my-favorites-empty[b-oahia9wcpd] {
  grid-column: 1 / -1;
  margin: 0;
  padding: 28px;
  border: 1px solid #edf1f6;
  border-radius: 6px;
  background: #ffffff;
  color: #5f6b7a;
  font-size: 14px;
  font-weight: 600;
  box-shadow: 0 16px 32px rgba(15, 48, 103, 0.05);
}

.my-favorites-card[b-oahia9wcpd] {
  overflow: hidden;
  border: 1px solid #edf1f6;
  border-radius: 4px;
  background: #ffffff;
  box-shadow: 0 16px 32px rgba(15, 48, 103, 0.08);
}

.my-favorites-media[b-oahia9wcpd] {
  position: relative;
  height: 232px;
  overflow: hidden;
}

.my-favorites-media img[b-oahia9wcpd] {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.my-favorites-media > span[b-oahia9wcpd] {
  position: absolute;
  top: 13px;
  left: 13px;
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 0 11px;
  border-radius: 999px;
  color: #0f3067;
  font-size: 10px;
  font-weight: 800;
}

.my-favorites-media > span[b-oahia9wcpd]::before {
  width: 12px;
  height: 12px;
  margin-right: 3px;
  background: currentColor;
  clip-path: path("M6 2a2 2 0 0 0-2 2v.2A2.8 2.8 0 0 0 1.5 7c0 2 1.9 3.5 4.5 5 2.6-1.5 4.5-3 4.5-5A2.8 2.8 0 0 0 8 4.2V4a2 2 0 0 0-2-2Z");
  content: "";
}

.my-favorites-media .is-open[b-oahia9wcpd] {
  background: #f4d85d;
}

.my-favorites-media .is-low[b-oahia9wcpd] {
  background: #ffd5dd;
  color: #9a1022;
}

.my-favorites-media button[b-oahia9wcpd] {
  position: absolute;
  top: 11px;
  right: 11px;
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: #ffffff;
  color: #d71920;
  font-family: Montserrat, Arial, sans-serif;
  font-size: 21px;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 8px 20px rgba(15, 48, 103, 0.1);
}

.my-favorites-body[b-oahia9wcpd] {
  padding: 27px 28px 28px;
}

.my-favorites-title-row[b-oahia9wcpd] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.my-favorites-title-row h2[b-oahia9wcpd] {
  margin: 0;
  color: #0f3067;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.15;
}

.my-favorites-title-row strong[b-oahia9wcpd] {
  color: #ff851b;
  font-size: 18px;
  font-weight: 800;
  white-space: nowrap;
}

.my-favorites-title-row strong[b-oahia9wcpd]::after {
  display: block;
  margin-top: 1px;
  color: #8b93a0;
  font-size: 6px;
  font-weight: 700;
  text-align: right;
  content: "PER PERSON";
}

.my-favorites-meta[b-oahia9wcpd] {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 8px;
  color: #4b5565;
  font-size: 10px;
  font-weight: 500;
}

.my-favorites-meta svg[b-oahia9wcpd] {
  width: 11px;
  height: 11px;
  fill: currentColor;
}

.my-favorites-actions[b-oahia9wcpd] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 38px;
  gap: 14px;
  margin-top: 31px;
}

.my-favorites-actions a[b-oahia9wcpd] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  border-radius: 12px;
  background: #0f3067;
  color: #ffffff;
  font-size: 10px;
  font-weight: 800;
  text-decoration: none;
}

.my-favorites-actions button[b-oahia9wcpd] {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  align-self: center;
  border: 1px solid #d7dfeb;
  border-radius: 50%;
  background: #ffffff;
  color: #0f3067;
  cursor: pointer;
}

.my-favorites-actions svg[b-oahia9wcpd] {
  width: 17px;
  height: 17px;
  fill: currentColor;
}

@media (max-width: 1120px) {
  .my-favorites-main[b-oahia9wcpd] {
    width: min(100% - 44px, 900px);
  }

  .my-favorites-grid[b-oahia9wcpd] {
    grid-template-columns: repeat(2, minmax(0, 327px));
    justify-content: center;
  }
}

@media (max-width: 720px) {
  .my-favorites-main[b-oahia9wcpd] {
    width: min(100% - 28px, 520px);
    padding-top: 40px;
  }

  .my-favorites-heading[b-oahia9wcpd] {
    margin-bottom: 34px;
  }

  .my-favorites-heading h1[b-oahia9wcpd] {
    font-size: 32px;
  }

  .my-favorites-grid[b-oahia9wcpd] {
    grid-template-columns: minmax(0, 327px);
    gap: 24px;
  }
}
/* _content/VisitAzer.ServerUi/Components/Pages/GroupJoiningDetail.razor.rz.scp.css */
.group-detail-page[b-opd2pig1qp] {
    min-height: 100vh;
    background: #ffffff;
    color: #0f1724;
    font-family: Montserrat, Arial, sans-serif;
}

.group-detail-main[b-opd2pig1qp] {
    width: min(100% - 96px, 1024px);
    min-height: 780px;
    margin: 0 auto;
    padding: 48px 0 52px;
}

.group-detail-loading[b-opd2pig1qp],
.group-detail-empty[b-opd2pig1qp] {
    text-align: center;
    padding: 80px 20px;
    color: #647082;
    font-size: 14px;
}

.group-detail-empty h1[b-opd2pig1qp] {
    color: #0f3067;
    font-size: 28px;
    margin: 0 0 12px;
}

.group-detail-empty a[b-opd2pig1qp] {
    color: #0f3067;
    font-weight: 600;
    text-decoration: underline;
}

/* Top bar: breadcrumb + actions */
.group-detail-topbar[b-opd2pig1qp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.group-detail-breadcrumb[b-opd2pig1qp] {
    display: flex;
    gap: 8px;
    align-items: center;
    font-size: 12px;
    font-weight: 500;
    color: #647082;
}

.group-detail-breadcrumb a[b-opd2pig1qp] {
    color: #0f3067;
    text-decoration: none;
    font-weight: 600;
}

.group-detail-breadcrumb a:hover[b-opd2pig1qp] {
    text-decoration: underline;
}

.group-detail-topbar-actions[b-opd2pig1qp] {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}

/* Header */
.group-detail-header[b-opd2pig1qp] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 28px;
}

.group-detail-header h1[b-opd2pig1qp] {
    margin: 0 0 6px;
    color: #0f3067;
    font-size: 32px;
    font-weight: 800;
    line-height: 1.1;
}

.group-detail-header p[b-opd2pig1qp] {
    margin: 0;
    color: #647082;
    font-size: 13px;
    font-weight: 500;
}

.group-detail-status-badge[b-opd2pig1qp] {
    display: inline-flex;
    align-items: center;
    height: 26px;
    padding: 0 16px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
    flex-shrink: 0;
}

.group-detail-status-badge--draft[b-opd2pig1qp] { background: #e7eefc; color: #0f3067; }
.group-detail-status-badge--submitted[b-opd2pig1qp] { background: #fff3e0; color: #b76e00; }
.group-detail-status-badge--contacted[b-opd2pig1qp] { background: #e3f2fd; color: #0d47a1; }
.group-detail-status-badge--confirmed[b-opd2pig1qp] { background: #e8f5e9; color: #2e7d32; }
.group-detail-status-badge--cancelled[b-opd2pig1qp] { background: #fbe9e7; color: #c62828; }

/* Two-column layout */
.group-detail-columns[b-opd2pig1qp] {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 36px;
    align-items: start;
}

.group-detail-left[b-opd2pig1qp] {
    min-width: 0;
}

.group-detail-right[b-opd2pig1qp] {
    position: sticky;
    top: 24px;
}

@media (max-width: 768px) {
    .group-detail-columns[b-opd2pig1qp] {
        grid-template-columns: 1fr;
    }

    .group-detail-right[b-opd2pig1qp] {
        position: static;
        order: -1;
    }
}

/* Sections */
.group-detail-section[b-opd2pig1qp] {
    margin-bottom: 32px;
    padding-bottom: 24px;
    border-bottom: 1px solid #eaeef4;
}

.group-detail-section:last-child[b-opd2pig1qp] {
    border-bottom: none;
}

.group-detail-section--card[b-opd2pig1qp] {
    background: #f8faff;
    border: 1px solid #dbe3ef;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 0;
}

.group-detail-section--card:last-child[b-opd2pig1qp] {
    border-bottom: 1px solid #dbe3ef;
}

.group-detail-section h2[b-opd2pig1qp] {
    margin: 0 0 16px;
    color: #0f3067;
    font-size: 16px;
    font-weight: 700;
}

.group-detail-muted[b-opd2pig1qp] {
    color: #647082;
    font-size: 13px;
    margin: 0;
}

/* Info grid */
.group-detail-info-grid[b-opd2pig1qp] {
    display: grid;
    grid-template-columns: minmax(100px, auto) 1fr;
    gap: 10px 24px;
    font-size: 13px;
    line-height: 1.5;
}

.group-detail-info-grid > span[b-opd2pig1qp] {
    color: #647082;
    font-weight: 500;
}

.group-detail-info-grid > strong[b-opd2pig1qp] {
    color: #0f1724;
    font-weight: 600;
}

/* Timeline */
.group-detail-timeline[b-opd2pig1qp] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.group-detail-timeline-step[b-opd2pig1qp] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 12px 0;
    border-left: 2px solid #d9e2f3;
    margin-left: 9px;
    padding-left: 20px;
    position: relative;
}

.group-detail-timeline-step:first-child[b-opd2pig1qp] {
    padding-top: 0;
}

.group-detail-timeline-step:last-child[b-opd2pig1qp] {
    border-left-color: transparent;
}

.group-detail-timeline-marker[b-opd2pig1qp] {
    position: absolute;
    left: -10px;
    top: 12px;
    font-size: 14px;
    color: #a8b0bd;
}

.group-detail-timeline-step:first-child .group-detail-timeline-marker[b-opd2pig1qp] {
    top: 0;
}

.group-detail-timeline-step.is-past .group-detail-timeline-marker[b-opd2pig1qp],
.group-detail-timeline-step.is-active .group-detail-timeline-marker[b-opd2pig1qp] {
    color: #0f3067;
}

.group-detail-timeline-step strong[b-opd2pig1qp] {
    display: block;
    font-size: 13px;
    color: #0f3067;
    font-weight: 700;
}

.group-detail-timeline-desc[b-opd2pig1qp] {
    display: block;
    font-size: 11px;
    color: #647082;
    margin-top: 2px;
}

.group-detail-timeline-timestamp[b-opd2pig1qp] {
    display: block;
    font-size: 10px;
    color: #a8b0bd;
    margin-top: 2px;
}

/* Guest cards */
.group-detail-guest-card[b-opd2pig1qp] {
    padding: 10px 14px;
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    margin-bottom: 8px;
    background: #f8faff;
    font-size: 13px;
    color: #0f1724;
}

/* Action buttons */
.group-detail-btn[b-opd2pig1qp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 38px;
    padding: 0 24px;
    border: none;
    border-radius: 9px;
    font-family: Montserrat, Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.group-detail-btn-edit[b-opd2pig1qp] {
    background: #0f3067;
    color: #ffffff;
}

.group-detail-btn-edit:hover[b-opd2pig1qp] {
    background: #1a4280;
}

.group-detail-btn-cancel[b-opd2pig1qp] {
    background: #fbe9e7;
    color: #c62828;
}

.group-detail-btn-cancel:hover[b-opd2pig1qp] {
    background: #ffccbc;
}

.group-detail-btn-close[b-opd2pig1qp] {
    background: #e7eefc;
    color: #0f3067;
}

.group-detail-btn-close:hover[b-opd2pig1qp] {
    background: #d4dff0;
}

.group-detail-btn-danger[b-opd2pig1qp] {
    background: #c62828;
    color: #ffffff;
}

.group-detail-btn-danger:hover[b-opd2pig1qp] {
    background: #d32f2f;
}

.group-detail-btn:disabled[b-opd2pig1qp] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Confirmation dialog */
.group-detail-confirm-overlay[b-opd2pig1qp] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.group-detail-confirm-box[b-opd2pig1qp] {
    background: #ffffff;
    border-radius: 12px;
    padding: 32px;
    max-width: 420px;
    width: 90%;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.15);
}

.group-detail-confirm-box h3[b-opd2pig1qp] {
    margin: 0 0 8px;
    color: #0f3067;
    font-size: 18px;
    font-weight: 800;
}

.group-detail-confirm-box p[b-opd2pig1qp] {
    margin: 0 0 24px;
    color: #647082;
    font-size: 13px;
    line-height: 1.5;
}

.group-detail-confirm-actions[b-opd2pig1qp] {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

/* Success/error messages */
.group-detail-message[b-opd2pig1qp] {
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 20px;
}

.group-detail-message-success[b-opd2pig1qp] {
    background: #e8f5e9;
    color: #2e7d32;
}

.group-detail-message-error[b-opd2pig1qp] {
    background: #fbe9e7;
    color: #c62828;
}
/* _content/VisitAzer.ServerUi/Components/Pages/Login.razor.rz.scp.css */
.login-toast[b-1qox9l2s6a] {
  position: fixed;
  top: 16px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
  min-width: min(92vw, 420px);
  padding: 14px 18px;
  border-radius: 14px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
}

.login-toast--error[b-1qox9l2s6a] {
  background: #fff1f1;
  color: #9f1f1f;
  border: 1px solid #f0b5b5;
}

.login-page[b-1qox9l2s6a] {
  min-height: 100dvh;
  background: #ffffff;
}

.login-shell[b-1qox9l2s6a] {
  width: 100%;
  min-height: 100dvh;
}

.login-layout[b-1qox9l2s6a] {
  display: grid;
  grid-template-columns: minmax(520px, min(54vw, 792px)) minmax(420px, 1fr);
  min-height: 100dvh;
  background: #ffffff;
}

.login-visual[b-1qox9l2s6a] {
  position: relative;
  min-height: 0;
  min-height: 100dvh;
  overflow: hidden;
  background: #d9e0e5;
}

.login-visual__image[b-1qox9l2s6a] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  image-rendering: auto;
}

.login-visual__overlay[b-1qox9l2s6a] {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: clamp(28px, 4vw, 48px) clamp(28px, 6vw, 80px) clamp(34px, 6vw, 58px);
}

.login-visual__brand[b-1qox9l2s6a] {
  width: 128px;
  height: 78px;
  overflow: hidden;
}

.login-visual__brand img[b-1qox9l2s6a] {
  width: 181px;
  height: 125px;
  max-width: none;
  object-fit: contain;
  transform: translate(-27px, -22px);
}

.login-visual__language[b-1qox9l2s6a] {
  position: absolute;
  top: clamp(30px, 4vw, 48px);
  right: clamp(26px, 4vw, 42px);
  width: 64px;
  height: 42px;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.95);
  color: #181818;
  font-family: Montserrat, Arial, sans-serif;
  font-size: 17px;
  font-weight: 600;
  cursor: pointer;
}

.login-visual__content[b-1qox9l2s6a] {
  margin-top: auto;
  max-width: 520px;
  color: #ffffff;
}

.login-visual__content h1[b-1qox9l2s6a] {
  margin: 0 0 12px;
  font-size: clamp(34px, 3vw, 56px);
  font-weight: 700;
  line-height: 1.05;
}

.login-visual__content p[b-1qox9l2s6a] {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;
}

.login-panel[b-1qox9l2s6a] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100dvh;
  padding: clamp(42px, 7vw, 58px) clamp(40px, 7vw, 88px) 24px;
  overflow: hidden;
}

.login-panel__map[b-1qox9l2s6a] {
  position: absolute;
  inset: 0;
  background: url("../common/vector-map.webp") center 18px / min(92%, 560px) auto no-repeat;
  opacity: 0.045;
  pointer-events: none;
}

.login-panel > *[b-1qox9l2s6a] {
  position: relative;
  z-index: 1;
}

.login-panel__back[b-1qox9l2s6a] {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  width: min(100%, 346px);
  margin-bottom: clamp(58px, 10vh, 96px);
  color: #111111;
  text-decoration: none;
}

.login-panel__back span[b-1qox9l2s6a] {
  font-size: 28px;
  line-height: 1;
}

.login-panel__back strong[b-1qox9l2s6a] {
  font-size: clamp(20px, 1.8vw, 22px);
  font-weight: 700;
  line-height: 1.1;
}

.login-form[b-1qox9l2s6a] {
  width: min(100%, 346px);
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.login-form__field[b-1qox9l2s6a] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.login-form__field span[b-1qox9l2s6a],
.login-form__password-head span[b-1qox9l2s6a] {
  color: #222222;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
}

.login-form__field input[b-1qox9l2s6a] {
  width: 100%;
  height: 50px;
  border: 0;
  border-radius: 14px;
  background: #f7f7f7;
  padding: 0 18px;
  color: #2a2a2a;
  font-family: Montserrat, Arial, sans-serif;
  font-size: 13px;
}

.login-form__field input[b-1qox9l2s6a]::placeholder {
  color: #b0b0b0;
}

.login-form__password-head[b-1qox9l2s6a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 4px;
}

.login-form__password-head a[b-1qox9l2s6a] {
  color: #18396f;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
}

.login-form__submit[b-1qox9l2s6a] {
  width: 100%;
  height: 50px;
  margin-top: 8px;
  border: 0;
  border-radius: 12px;
  background: #173b78;
  color: #ffffff;
  font-family: Montserrat, Arial, sans-serif;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: lowercase;
  cursor: pointer;
}

.login-divider[b-1qox9l2s6a] {
  width: min(100%, 318px);
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 18px 0 14px;
}

.login-divider span[b-1qox9l2s6a] {
  flex: 1;
  height: 1px;
  background: #d8d8d8;
}

.login-divider strong[b-1qox9l2s6a] {
  color: #b2b2b2;
  font-size: 11px;
  font-weight: 500;
}

.login-socials[b-1qox9l2s6a] {
  width: min(100%, 346px);
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.login-socials__button[b-1qox9l2s6a] {
  width: 100%;
  height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border: 1px solid #cfcfcf;
  border-radius: 12px;
  background: #ffffff;
  color: #111111;
  font-family: Montserrat, Arial, sans-serif;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
}

.login-socials__button img[b-1qox9l2s6a] {
  width: 19px;
  height: 19px;
  object-fit: contain;
}

.login-panel__footer[b-1qox9l2s6a] {
  width: min(100%, 346px);
  margin-top: auto;
  padding-top: 18px;
  text-align: center;
  color: #202020;
  font-size: 14px;
  font-weight: 400;
}

.login-panel__member[b-1qox9l2s6a] {
  width: min(100%, 346px);
  margin-top: 14px;
  text-align: center;
  color: #1f1f1f;
  font-size: 14px;
  font-weight: 400;
}

.login-panel__member a[b-1qox9l2s6a] {
  color: #173b78;
  font-weight: 700;
  text-decoration: none;
}

@media (max-width: 1200px) {
  .login-shell[b-1qox9l2s6a] {
    height: auto;
  }

  .login-layout[b-1qox9l2s6a] {
    grid-template-columns: 1fr;
    height: auto;
  }

  .login-visual[b-1qox9l2s6a] {
    min-height: 560px;
  }

  .login-panel[b-1qox9l2s6a] {
    padding: 42px 34px 30px;
  }

  .login-panel__back[b-1qox9l2s6a] {
    margin-bottom: 54px;
  }
}

@media (max-height: 900px) and (min-width: 1201px) {
  .login-visual__content h1[b-1qox9l2s6a] {
    font-size: 40px;
  }

  .login-visual__content p[b-1qox9l2s6a] {
    max-width: 440px;
  }

  .login-panel__back[b-1qox9l2s6a] {
    margin-bottom: 48px;
  }
}

@media (max-height: 760px) and (min-width: 1201px) {
  .login-shell[b-1qox9l2s6a] {
    min-height: 100dvh;
  }

  .login-visual__overlay[b-1qox9l2s6a] {
    padding: 16px 20px 20px;
  }

  .login-panel[b-1qox9l2s6a] {
    padding: 20px 30px 18px;
  }

  .login-visual__content h1[b-1qox9l2s6a] {
    font-size: 28px;
  }

  .login-visual__content p[b-1qox9l2s6a] {
    font-size: 13px;
  }

  .login-panel__back strong[b-1qox9l2s6a] {
    font-size: 24px;
  }

  .login-form__field input[b-1qox9l2s6a],
  .login-form__submit[b-1qox9l2s6a],
  .login-socials__button[b-1qox9l2s6a] {
    height: 50px;
  }

  .login-form__submit[b-1qox9l2s6a] {
    font-size: 15px;
  }

  .login-divider[b-1qox9l2s6a] {
    margin: 14px 0 10px;
  }

  .login-socials[b-1qox9l2s6a] {
    gap: 10px;
  }

  .login-panel__member[b-1qox9l2s6a] {
    margin-top: 10px;
  }

  .login-panel__footer[b-1qox9l2s6a] {
    padding-top: 14px;
  }
}

@media (max-width: 700px) {
  .login-layout[b-1qox9l2s6a] {
    min-height: auto;
  }

  .login-visual[b-1qox9l2s6a] {
    min-height: 480px;
  }

  .login-visual__overlay[b-1qox9l2s6a] {
    padding: 20px 20px 26px;
  }

  .login-visual__language[b-1qox9l2s6a] {
    top: 22px;
    right: 20px;
  }

  .login-visual__content h1[b-1qox9l2s6a] {
    font-size: 34px;
  }

  .login-visual__content p[b-1qox9l2s6a] {
    font-size: 14px;
  }

  .login-panel[b-1qox9l2s6a] {
    padding: 28px 18px 24px;
  }

  .login-panel__back[b-1qox9l2s6a] {
    gap: 12px;
    margin-bottom: 32px;
  }

  .login-panel__back span[b-1qox9l2s6a] {
    font-size: 24px;
  }

  .login-form__field input[b-1qox9l2s6a],
  .login-form__submit[b-1qox9l2s6a],
  .login-socials__button[b-1qox9l2s6a] {
    height: 50px;
  }

  .login-form__submit[b-1qox9l2s6a] {
    font-size: 15px;
  }
}

/* _content/VisitAzer.ServerUi/Components/Pages/MyBookings.razor.rz.scp.css */
.my-bookings-page[b-2yfp109tge] {
  min-height: 100vh;
  background: #ffffff;
  color: #0f1724;
  font-family: Montserrat, Arial, sans-serif;
}

.my-bookings-main[b-2yfp109tge] {
  width: min(100% - 96px, 1270px);
  min-height: 780px;
  margin: 0 auto;
  padding: 58px 0 52px;
}

.my-bookings-heading h1[b-2yfp109tge] {
  margin: 0 0 16px;
  color: #0f3067;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: 0;
}

.my-bookings-heading p[b-2yfp109tge] {
  width: min(100%, 520px);
  margin: 0 0 20px;
  color: #647082;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.6;
}

.my-bookings-filters[b-2yfp109tge] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 38px;
}

.my-bookings-filters button[b-2yfp109tge] {
  min-width: 61px;
  height: 31px;
  padding: 0 22px;
  border: 0;
  border-radius: 9px;
  background: #e7eefc;
  color: #203047;
  font-family: Montserrat, Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
}

.my-bookings-filters .is-active[b-2yfp109tge] {
  background: #0f3067;
  color: #ffffff;
}

.my-bookings-active h2[b-2yfp109tge] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 34px;
  color: #073f35;
  font-size: 20px;
  font-weight: 800;
}

.my-bookings-active h2 span[b-2yfp109tge] {
  display: grid;
  width: 19px;
  height: 19px;
  place-items: center;
  color: #073f35;
}

.my-bookings-active svg[b-2yfp109tge],
.my-bookings-inquiry-card svg[b-2yfp109tge] {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.my-bookings-inquiry-card[b-2yfp109tge] {
  display: grid;
  grid-template-columns: minmax(260px, 330px) minmax(0, 1fr);
  gap: 70px;
  align-items: center;
  min-height: 250px;
  padding: 27px 28px 28px;
  border: 1px solid #dbe3ef;
  border-radius: 3px;
  background: #ffffff;
  box-shadow: 0 16px 32px rgba(15, 48, 103, 0.05);
}

.my-bookings-inquiry-copy > span[b-2yfp109tge] {
  display: inline-flex;
  align-items: center;
  height: 21px;
  padding: 0 11px;
  border-radius: 999px;
  background: #0f3067;
  color: #ffffff;
  font-size: 9px;
  font-weight: 800;
}

.my-bookings-inquiry-copy h3[b-2yfp109tge] {
  margin: 22px 0 10px;
  color: #073f35;
  font-size: 30px;
  font-weight: 800;
  line-height: 1.05;
}

.my-bookings-inquiry-copy p[b-2yfp109tge] {
  width: min(100%, 245px);
  margin: 0;
  color: #637081;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.45;
}

.my-bookings-progress-wrap[b-2yfp109tge] {
  align-self: center;
  padding-top: 18px;
}

.my-bookings-progress-wrap > strong[b-2yfp109tge] {
  display: block;
  margin: 0 4px 5px 0;
  color: #0f3067;
  font-size: 9px;
  font-weight: 800;
  text-align: right;
}

.my-bookings-progress[b-2yfp109tge] {
  position: relative;
  height: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: #d9e2f3;
}

.my-bookings-progress i[b-2yfp109tge] {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #0f3067;
}

.my-bookings-progress-wrap ol[b-2yfp109tge] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  padding: 0;
  margin: 12px 0 0;
  list-style: none;
}

.my-bookings-progress-wrap li[b-2yfp109tge] {
  display: grid;
  justify-items: center;
  gap: 5px;
  color: #a8b0bd;
  font-size: 8px;
  font-weight: 700;
}

.my-bookings-progress-wrap li span[b-2yfp109tge] {
  display: grid;
  width: 18px;
  height: 18px;
  place-items: center;
  color: currentColor;
}

.my-bookings-progress-wrap li.is-done[b-2yfp109tge],
.my-bookings-progress-wrap li.is-current[b-2yfp109tge] {
  color: #0f3067;
}

.my-bookings-cards[b-2yfp109tge] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
  gap: 30px;
  width: 100%;
  margin-top: 0;
}

.my-bookings-empty[b-2yfp109tge] {
  grid-column: 1 / -1;
  margin: 0;
  padding: 28px 30px;
  border: 1px solid #dbe3ef;
  border-radius: 10px;
  background: #f8fbff;
  color: #637081;
  font-size: 13px;
  font-weight: 600;
}

.my-bookings-trip-card[b-2yfp109tge] {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #edf1f6;
  border-radius: 11px;
  background: #ffffff;
  box-shadow: 0 14px 32px rgba(15, 48, 103, 0.07);
}

.my-bookings-trip-media[b-2yfp109tge] {
  position: relative;
  height: 225px;
  overflow: hidden;
}

.my-bookings-trip-media img[b-2yfp109tge] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.my-bookings-trip-media span[b-2yfp109tge] {
  position: absolute;
  left: 14px;
  top: 13px;
  display: inline-flex;
  align-items: center;
  height: 20px;
  padding: 0 10px;
  border-radius: 999px;
  color: #ffffff;
  font-size: 9px;
  font-weight: 800;
}

.my-bookings-trip-media .confirmed[b-2yfp109tge] {
  background: #0f3067;
}

.my-bookings-trip-media .submitted[b-2yfp109tge],
.my-bookings-trip-media .contacted[b-2yfp109tge],
.my-bookings-trip-media .draft[b-2yfp109tge] {
  background: #85770d;
}

.my-bookings-trip-body[b-2yfp109tge] {
  padding: 30px 31px 32px;
}

.my-bookings-trip-body h3[b-2yfp109tge] {
  margin: 0 0 7px;
  color: #0f3067;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.15;
}

.my-bookings-trip-type[b-2yfp109tge] {
  display: inline-block;
  margin-bottom: 14px;
  padding: 3px 10px;
  border-radius: 999px;
  background: #eef4ff;
  color: #0f3067;
  font-size: 9px;
  font-weight: 700;
}

.my-bookings-trip-body time[b-2yfp109tge] {
  display: block;
  margin-bottom: 22px;
  color: #ff851b;
  font-size: 12px;
  font-weight: 700;
}

.my-bookings-trip-body p[b-2yfp109tge] {
  width: min(100%, 250px);
  margin: 0 0 24px;
  color: #637081;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.55;
}

.my-bookings-trip-body a[b-2yfp109tge] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 120px;
  height: 37px;
  padding: 0 16px;
  border-radius: 999px;
  background: #0f3067;
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
  transition: opacity 0.2s;
}

.my-bookings-trip-body a:hover[b-2yfp109tge] {
  opacity: 0.9;
}

.my-bookings-trip-body a.btn-voucher[b-2yfp109tge] {
  background: #11486F;
}

.my-bookings-trip-body a.btn-pay[b-2yfp109tge] {
  background: #22c55e;
  min-width: 80px;
}

    .my-bookings-heading-row[b-2yfp109tge] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}

.my-bookings-refresh[b-2yfp109tge] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  height: 31px;
  padding: 0 16px;
  border: 0;
  border-radius: 9px;
  background: #e7eefc;
  color: #203047;
  font-family: Montserrat, Arial, sans-serif;
  font-size: 10px;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.15s;
}

.my-bookings-refresh:hover[b-2yfp109tge] {
  background: #d1ddf2;
}

.my-bookings-refresh:disabled[b-2yfp109tge] {
  opacity: 0.6;
  cursor: not-allowed;
}

.my-bookings-inquiry-badge[b-2yfp109tge] {
  display: inline-flex;
  align-items: center;
  height: 21px;
  padding: 0 11px;
  border-radius: 999px;
  background: #0f3067;
  color: #ffffff;
  font-size: 9px;
  font-weight: 800;
}

.my-bookings-inquiry-empty[b-2yfp109tge] {
  padding: 32px 28px;
  border: 1px solid #dbe3ef;
  border-radius: 3px;
  background: #f8fbff;
}

.my-bookings-inquiry-empty p[b-2yfp109tge] {
  margin: 0;
  color: #637081;
  font-size: 13px;
  font-weight: 600;
}

.my-bookings-inquiry-empty a[b-2yfp109tge] {
  color: #0f3067;
  font-weight: 700;
}

.my-bookings-trip-media .is-cancelled[b-2yfp109tge] {
  background: #8c8c8c;
}

@media (max-width: 980px) {
  .my-bookings-main[b-2yfp109tge] {
    width: min(100% - 44px, 760px);
    padding-top: 40px;
  }

  .my-bookings-cards[b-2yfp109tge] {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
  }
}

@media (max-width: 680px) {
  .my-bookings-main[b-2yfp109tge] {
    width: min(100% - 28px, 520px);
  }

  .my-bookings-heading h1[b-2yfp109tge] {
    font-size: 31px;
  }

  .my-bookings-cards[b-2yfp109tge] {
    grid-template-columns: 1fr;
  }

  .my-bookings-trip-media[b-2yfp109tge] {
    height: 190px;
  }
}
/* _content/VisitAzer.ServerUi/Components/Pages/MyProfile.razor.rz.scp.css */
.my-profile-page[b-l1fjaa54he] {
  min-height: 100vh;
  background: #ffffff;
  color: #0e1726;
  font-family: Montserrat, Arial, sans-serif;
}

.my-profile-main[b-l1fjaa54he] {
  width: min(100% - 96px, 1090px);
  min-height: 805px;
  margin: 0 auto;
  padding: 48px 0 58px;
}

.my-profile-main > h1[b-l1fjaa54he] {
  margin: 0 0 26px;
  color: #0f3067;
  font-size: 36px;
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: 0;
}

.my-profile-message[b-l1fjaa54he],
.my-profile-password-message[b-l1fjaa54he] {
  margin-bottom: 14px;
  padding: 12px 14px;
  border-radius: 6px;
  background: #eef5ff;
  color: #0f3067;
  font-size: 12px;
  font-weight: 700;
}

.my-profile-identity[b-l1fjaa54he] {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 126px;
  gap: 22px;
  padding: 20px 24px;
  margin-bottom: 36px;
  overflow: hidden;
  border: 1px solid #edf1f6;
  border-radius: 3px;
  background: #ffffff;
  box-shadow: 0 12px 25px rgba(15, 48, 103, 0.06);
}

.my-profile-identity[b-l1fjaa54he]::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 74px;
  height: 74px;
  border-radius: 0 0 0 74px;
  background: #edf4f6;
  content: "";
}

.my-profile-avatar[b-l1fjaa54he] {
  position: relative;
  flex: 0 0 auto;
}

.my-profile-avatar img[b-l1fjaa54he] {
  display: block;
  width: 92px;
  height: 92px;
  padding: 5px;
  border: 3px solid #0f6f83;
  border-radius: 50%;
  background: #ffffff;
  object-fit: cover;
}

.my-profile-avatar span[b-l1fjaa54he] {
  position: absolute;
  right: 0;
  bottom: 4px;
  width: 18px;
  height: 18px;
  border: 3px solid #ffffff;
  border-radius: 50%;
  background: #173c7f;
}

.my-profile-identity h2[b-l1fjaa54he] {
  margin: 0 0 7px;
  color: #16202f;
  font-size: 24px;
  font-weight: 800;
}

.my-profile-identity p[b-l1fjaa54he] {
  margin: 0;
  color: #7b8492;
  font-size: 12px;
  font-weight: 500;
}

.my-profile-content[b-l1fjaa54he] {
  display: grid;
  grid-template-columns: minmax(0, 760px) 250px;
  gap: 30px;
  align-items: start;
}

.my-profile-left[b-l1fjaa54he] {
  display: grid;
  gap: 38px;
}

.my-profile-card[b-l1fjaa54he] {
  border: 1px solid #edf1f6;
  border-radius: 3px;
  background: #ffffff;
  box-shadow: 0 12px 25px rgba(15, 48, 103, 0.05);
}

.my-profile-personal[b-l1fjaa54he] {
  padding: 22px 22px 32px;
}

.my-profile-card h2[b-l1fjaa54he] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 24px;
  color: #15243a;
  font-size: 14px;
  font-weight: 800;
}

.my-profile-card h2 span[b-l1fjaa54he] {
  display: inline-grid;
  width: 16px;
  height: 16px;
  place-items: center;
  color: #0f6f83;
}

.my-profile-card svg[b-l1fjaa54he] {
  width: 15px;
  height: 15px;
  fill: currentColor;
}

.my-profile-form-grid[b-l1fjaa54he] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 20px;
}

.my-profile-field[b-l1fjaa54he] {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.my-profile-field span[b-l1fjaa54he] {
  color: #596474;
  font-size: 10px;
  font-weight: 500;
}

.my-profile-field input[b-l1fjaa54he],
.my-profile-phone input[b-l1fjaa54he],
.my-profile-password-form input[b-l1fjaa54he] {
  width: 100%;
  height: 39px;
  border: 0;
  border-radius: 4px;
  outline: none;
  background: #f0f2f5;
  color: #3d4653;
  font-family: Montserrat, Arial, sans-serif;
  font-size: 11px;
  font-weight: 500;
}

.my-profile-field input[b-l1fjaa54he] {
  padding: 0 14px;
}

.my-profile-field input[b-l1fjaa54he]::placeholder,
.my-profile-password-form input[b-l1fjaa54he]::placeholder {
  color: #8d95a1;
}

.my-profile-phone[b-l1fjaa54he] {
  display: grid;
  grid-template-columns: 57px minmax(0, 1fr);
  gap: 8px;
}

.my-profile-phone input[b-l1fjaa54he] {
  padding: 0 10px;
}

.my-profile-phone .my-profile-prefix[b-l1fjaa54he] {
  text-align: center;
}

.my-profile-save[b-l1fjaa54he] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 104px;
  height: 34px;
  padding: 0 18px;
  border: 0;
  border-radius: 4px;
  background: #0f3067;
  color: #ffffff;
  font-family: Montserrat, Arial, sans-serif;
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
}

.my-profile-personal > .my-profile-save[b-l1fjaa54he] {
  float: right;
  margin-top: 22px;
}

.my-profile-personal[b-l1fjaa54he]::after {
  display: table;
  clear: both;
  content: "";
}

.my-profile-logout[b-l1fjaa54he] {
  margin: 0;
}

.my-profile-logout button[b-l1fjaa54he] {
  display: grid;
  grid-template-columns: 27px minmax(0, 1fr);
  width: 100%;
  min-height: 78px;
  padding: 17px 20px;
  border: 1px solid #ffd8d8;
  border-radius: 3px;
  background: #fff5f3;
  color: #202938;
  font-family: Montserrat, Arial, sans-serif;
  text-align: left;
  cursor: pointer;
}

.my-profile-logout span[b-l1fjaa54he] {
  display: grid;
  grid-row: span 2;
  width: 25px;
  height: 25px;
  place-items: center;
  border-radius: 50%;
  background: #ffe1de;
  color: #ef4b43;
}

.my-profile-logout svg[b-l1fjaa54he] {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.my-profile-logout strong[b-l1fjaa54he] {
  align-self: end;
  font-size: 14px;
  font-weight: 800;
}

.my-profile-logout small[b-l1fjaa54he] {
  margin-top: 4px;
  color: #6f7784;
  font-size: 10px;
  line-height: 1.35;
}

.my-profile-security[b-l1fjaa54he] {
  padding: 18px 18px 20px;
}

.my-profile-security h2[b-l1fjaa54he] {
  margin-bottom: 18px;
}

.my-profile-security-toggle[b-l1fjaa54he] {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr) auto;
  align-items: center;
  width: 100%;
  height: 38px;
  gap: 8px;
  padding: 0 10px;
  border: 0;
  border-radius: 4px;
  background: #f0f2f5;
  color: #263345;
  font-family: Montserrat, Arial, sans-serif;
  font-size: 10px;
  font-weight: 500;
  text-align: left;
  cursor: pointer;
}

.my-profile-security-toggle svg[b-l1fjaa54he] {
  color: #5d6877;
  fill: currentColor;
}

.my-profile-chevron[b-l1fjaa54he] {
  color: #7b8492;
  font-size: 13px;
  line-height: 1;
}

.my-profile-password-form[b-l1fjaa54he] {
  display: grid;
  gap: 12px;
  margin-top: 20px;
}

.my-profile-password-form input[b-l1fjaa54he] {
  padding: 0 12px;
}

.my-profile-password-form .my-profile-save[b-l1fjaa54he] {
  justify-self: end;
  margin-top: 2px;
}

.my-profile-validation[b-l1fjaa54he] {
  margin: 0 0 12px;
  padding-left: 18px;
  color: #b42318;
  font-size: 11px;
  font-weight: 600;
}

@media (max-width: 980px) {
  .my-profile-main[b-l1fjaa54he] {
    width: min(100% - 44px, 760px);
    min-height: auto;
  }

  .my-profile-content[b-l1fjaa54he] {
    grid-template-columns: 1fr;
  }

  .my-profile-security[b-l1fjaa54he] {
    width: min(100%, 360px);
  }
}

@media (max-width: 640px) {
  .my-profile-main[b-l1fjaa54he] {
    width: min(100% - 28px, 520px);
    padding-top: 34px;
  }

  .my-profile-main > h1[b-l1fjaa54he] {
    font-size: 30px;
  }

  .my-profile-identity[b-l1fjaa54he] {
    align-items: flex-start;
    flex-direction: column;
  }

  .my-profile-form-grid[b-l1fjaa54he],
  .my-profile-phone[b-l1fjaa54he] {
    grid-template-columns: 1fr;
  }

  .my-profile-personal > .my-profile-save[b-l1fjaa54he] {
    float: none;
    width: 100%;
  }

  .my-profile-logout button[b-l1fjaa54he] {
    grid-template-columns: 24px minmax(0, 1fr);
    padding: 16px;
  }
}
/* _content/VisitAzer.ServerUi/Components/Pages/SignUp.razor.rz.scp.css */
.signup-toast[b-ukjdkmwyyf] {
  position: fixed;
  top: 16px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
  min-width: min(92vw, 460px);
  padding: 14px 18px;
  border-radius: 14px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
}

.signup-toast--error[b-ukjdkmwyyf] {
  background: #fff1f1;
  color: #9f1f1f;
  border: 1px solid #f0b5b5;
}

.signup-page[b-ukjdkmwyyf] {
  min-height: 100dvh;
  background: #ffffff;
}

.signup-shell[b-ukjdkmwyyf] {
  width: 100%;
  min-height: 100dvh;
}

.signup-layout[b-ukjdkmwyyf] {
  display: grid;
  grid-template-columns: minmax(520px, min(54vw, 792px)) minmax(420px, 1fr);
  min-height: 100dvh;
  background: #ffffff;
}

.signup-visual[b-ukjdkmwyyf] {
  position: relative;
  min-height: 0;
  min-height: 100dvh;
  overflow: hidden;
  background: #d9e0e5;
}

.signup-visual__image[b-ukjdkmwyyf] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  image-rendering: auto;
}

.signup-visual__overlay[b-ukjdkmwyyf] {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: clamp(28px, 4vw, 48px) clamp(28px, 6vw, 80px) clamp(34px, 6vw, 58px);
}

.signup-visual__brand[b-ukjdkmwyyf] {
  width: 128px;
  height: 78px;
  overflow: hidden;
}

.signup-visual__brand img[b-ukjdkmwyyf] {
  width: 181px;
  height: 125px;
  max-width: none;
  object-fit: contain;
  transform: translate(-27px, -22px);
}

.signup-visual__language[b-ukjdkmwyyf] {
  position: absolute;
  top: clamp(30px, 4vw, 48px);
  right: clamp(26px, 4vw, 42px);
  width: 64px;
  height: 42px;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.95);
  color: #181818;
  font-family: Montserrat, Arial, sans-serif;
  font-size: 17px;
  font-weight: 600;
  cursor: pointer;
}

.signup-visual__content[b-ukjdkmwyyf] {
  margin-top: auto;
  max-width: 500px;
  color: #ffffff;
}

.signup-visual__content h1[b-ukjdkmwyyf] {
  margin: 0 0 12px;
  font-size: clamp(34px, 3vw, 56px);
  font-weight: 700;
  line-height: 1.05;
}

.signup-visual__content p[b-ukjdkmwyyf] {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;
}

.signup-panel[b-ukjdkmwyyf] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100dvh;
  padding: clamp(30px, 5vw, 48px) clamp(40px, 7vw, 88px) 22px;
  overflow: hidden auto;
}

.signup-panel__map[b-ukjdkmwyyf] {
  position: absolute;
  inset: 0;
  background: url("../common/vector-map.webp") center 18px / min(92%, 560px) auto no-repeat;
  opacity: 0.045;
  pointer-events: none;
}

.signup-panel > *[b-ukjdkmwyyf] {
  position: relative;
  z-index: 1;
}

.signup-panel__back[b-ukjdkmwyyf] {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  width: min(100%, 430px);
  margin-bottom: 24px;
  color: #111111;
  text-decoration: none;
}

.signup-panel__back span[b-ukjdkmwyyf] {
  font-size: 28px;
  line-height: 1;
}

.signup-panel__back strong[b-ukjdkmwyyf] {
  font-size: clamp(20px, 1.8vw, 22px);
  font-weight: 700;
  line-height: 1.1;
}

.signup-form[b-ukjdkmwyyf] {
  width: min(100%, 430px);
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.signup-form__grid[b-ukjdkmwyyf] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.signup-form__field[b-ukjdkmwyyf] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.signup-form__field span[b-ukjdkmwyyf] {
  color: #222222;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
}

.signup-form__field > input[b-ukjdkmwyyf],
.signup-form__input input[b-ukjdkmwyyf],
.signup-form__input select[b-ukjdkmwyyf] {
  width: 100%;
  height: 48px;
  border: 0;
  outline: none;
  background: transparent;
  color: #2a2a2a;
  font-family: Montserrat, Arial, sans-serif;
  font-size: 13px;
}

.signup-form__field > input[b-ukjdkmwyyf] {
  border-radius: 14px;
  background: #f7f7f7;
  padding: 0 18px;
}

.signup-form__field > input[b-ukjdkmwyyf]::placeholder,
.signup-form__input input[b-ukjdkmwyyf]::placeholder {
  color: #b0b0b0;
}

/* SelectMenu overrides */
[b-ukjdkmwyyf] .select-menu {
  width: 100%;
}
[b-ukjdkmwyyf] .select-menu__trigger {
  border: none;
  min-height: 48px;
  padding: 0;
  font-size: 13px;
  color: #2a2a2a;
  display: flex;
  align-items: center;
}
[b-ukjdkmwyyf] .select-menu__value {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
[b-ukjdkmwyyf] .select-menu__option {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
[b-ukjdkmwyyf] .select-menu__chevron {
  right: 0;
  top: 18px;
  border-color: #111111;
}

.signup-form__input[b-ukjdkmwyyf] {
  width: 100%;
  min-height: 48px;
  display: flex;
  align-items: center;
  border-radius: 14px;
  background: #f7f7f7;
  padding: 0 18px;
}

.signup-form__input--phone[b-ukjdkmwyyf] {
  gap: 8px;
  padding-left: 12px;
}

.phone-country-selector[b-ukjdkmwyyf] {
  display: flex;
  align-items: center;
  position: relative;
}

.phone-country-selector[b-ukjdkmwyyf]  .select-menu {
  width: 105px;
}

.phone-country-selector[b-ukjdkmwyyf]  .select-menu__trigger {
  padding-right: 16px;
  min-height: 48px;
}

.phone-divider[b-ukjdkmwyyf] {
  width: 1px;
  height: 22px;
  background: #dcdcdc;
  margin: 0 4px;
}

.signup-form__input--select[b-ukjdkmwyyf] {
  padding-right: 18px;
}

.signup-form__submit[b-ukjdkmwyyf] {
  width: 100%;
  height: 50px;
  margin-top: 8px;
  border: 0;
  border-radius: 12px;
  background: #173b78;
  color: #ffffff;
  font-family: Montserrat, Arial, sans-serif;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: lowercase;
  cursor: pointer;
}

.signup-panel__member[b-ukjdkmwyyf] {
  width: min(100%, 430px);
  margin-top: 12px;
  text-align: center;
  color: #1f1f1f;
  font-size: 14px;
  font-weight: 400;
}

.signup-panel__member a[b-ukjdkmwyyf] {
  color: #173b78;
  font-weight: 700;
  text-decoration: none;
}

.signup-panel__footer[b-ukjdkmwyyf] {
  width: min(100%, 430px);
  margin-top: auto;
  padding-top: 16px;
  text-align: center;
  color: #202020;
  font-size: 14px;
  font-weight: 400;
}

@media (max-width: 1200px) {
  .signup-shell[b-ukjdkmwyyf] {
    height: auto;
  }

  .signup-layout[b-ukjdkmwyyf] {
    grid-template-columns: 1fr;
    height: auto;
  }

  .signup-visual[b-ukjdkmwyyf] {
    min-height: 560px;
  }

  .signup-panel[b-ukjdkmwyyf] {
    padding: 42px 34px 30px;
  }

  .signup-panel__back[b-ukjdkmwyyf] {
    margin-bottom: 48px;
  }
}

@media (max-width: 700px) {
  .signup-layout[b-ukjdkmwyyf] {
    height: auto;
  }

  .signup-visual[b-ukjdkmwyyf] {
    min-height: 480px;
  }

  .signup-visual__overlay[b-ukjdkmwyyf] {
    padding: 20px 20px 26px;
  }

  .signup-visual__language[b-ukjdkmwyyf] {
    top: 22px;
    right: 20px;
  }

  .signup-visual__content h1[b-ukjdkmwyyf] {
    font-size: 34px;
  }

  .signup-visual__content p[b-ukjdkmwyyf] {
    font-size: 14px;
  }

  .signup-panel[b-ukjdkmwyyf] {
    padding: 28px 18px 24px;
  }

  .signup-panel__back[b-ukjdkmwyyf] {
    gap: 12px;
    margin-bottom: 28px;
  }

  .signup-panel__back span[b-ukjdkmwyyf] {
    font-size: 24px;
  }

  .signup-form__grid[b-ukjdkmwyyf] {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .signup-form__field > input[b-ukjdkmwyyf],
  .signup-form__input[b-ukjdkmwyyf],
  .signup-form__submit[b-ukjdkmwyyf] {
    min-height: 50px;
    height: 50px;
  }

  .signup-form__submit[b-ukjdkmwyyf] {
    font-size: 15px;
  }
}

@media (max-height: 900px) and (min-width: 1201px) {
  .signup-visual__content h1[b-ukjdkmwyyf] {
    font-size: 40px;
  }

  .signup-visual__content p[b-ukjdkmwyyf] {
    max-width: 440px;
  }

  .signup-panel__back[b-ukjdkmwyyf] {
    margin-bottom: 20px;
  }
}

@media (max-height: 760px) and (min-width: 1201px) {
  .signup-shell[b-ukjdkmwyyf] {
    height: calc(100dvh - 16px);
  }

  .signup-visual__overlay[b-ukjdkmwyyf] {
    padding: 16px 20px 20px;
  }

  .signup-panel[b-ukjdkmwyyf] {
    padding: 20px 22px 18px;
  }

  .signup-visual__content h1[b-ukjdkmwyyf] {
    font-size: 28px;
  }

  .signup-visual__content p[b-ukjdkmwyyf] {
    font-size: 13px;
  }

  .signup-panel__back strong[b-ukjdkmwyyf] {
    font-size: 24px;
  }

  .signup-form[b-ukjdkmwyyf] {
    gap: 10px;
  }

  .signup-form__grid[b-ukjdkmwyyf] {
    gap: 10px;
  }

  .signup-form__field[b-ukjdkmwyyf] {
    gap: 8px;
  }

  .signup-form__field span[b-ukjdkmwyyf] {
    font-size: 14px;
  }

  .signup-form__field > input[b-ukjdkmwyyf],
  .signup-form__input[b-ukjdkmwyyf],
  .signup-form__submit[b-ukjdkmwyyf] {
    min-height: 48px;
    height: 48px;
  }

  .signup-form__submit[b-ukjdkmwyyf] {
    font-size: 15px;
    margin-top: 6px;
  }

  .signup-panel__member[b-ukjdkmwyyf] {
    margin-top: 8px;
  }

  .signup-panel__footer[b-ukjdkmwyyf] {
    padding-top: 12px;
    font-size: 12px;
  }
}

/* _content/VisitAzer.ServerUi/Components/Pages/TripDetailBooking.razor.rz.scp.css */
.trip-detail-page[b-z1nkuezop4] {
  width: 100%;
  min-height: 100vh;
  overflow-x: hidden;
  background: transparent;
  color: #111111;
  display: flex;
  flex-direction: column;
}

.booking-page[b-z1nkuezop4] {
  width: 100%;
  min-height: 100vh;
  padding: 40px 0 120px;
  background: transparent;
}

.trip-detail-main[b-z1nkuezop4] {
  padding: 0 clamp(24px, 6vw, 88px) 82px;
  flex: 1;
}

.trip-detail-not-found[b-z1nkuezop4] {
  text-align: center;
  padding: 80px 24px;
}

.trip-detail-not-found h1[b-z1nkuezop4] {
  margin: 0 0 16px;
  color: #0f3067;
  font-size: 28px;
  font-weight: 800;
}

.trip-detail-not-found p[b-z1nkuezop4] {
  margin: 0 0 32px;
  color: #6f7784;
  font-size: 15px;
}

.trip-detail-hero[b-z1nkuezop4] {
  position: relative;
  height: 552px;
  overflow: hidden;
}

.trip-detail-hero img[b-z1nkuezop4] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.trip-detail-hero[b-z1nkuezop4]::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(9, 18, 30, 0.04) 0%, rgba(7, 13, 24, 0.62) 100%);
}

.trip-detail-hero div[b-z1nkuezop4] {
  position: absolute;
  left: clamp(28px, 6vw, 88px);
  right: clamp(24px, 6vw, 88px);
  bottom: 72px;
  z-index: 1;
  color: #ffffff;
}

.trip-detail-hero span[b-z1nkuezop4] {
  color: #ff851b;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 7px;
}

.trip-detail-hero h1[b-z1nkuezop4] {
  margin: 26px 0 26px;
  color: #ffffff;
  font-size: clamp(58px, 7vw, 86px);
  font-weight: 400;
  line-height: 0.95;
}

.trip-detail-hero p[b-z1nkuezop4] {
  margin: 0;
  font-size: 14px;
  font-weight: 700;
}

.trip-detail-layout[b-z1nkuezop4] {
  width: min(1160px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 760px) 300px;
  gap: 80px;
  align-items: start;
}

.trip-detail-layout--form[b-z1nkuezop4] {
  margin-top: 0;
}

.custom-request-tabs[b-z1nkuezop4] {
  height: 3px;
  margin: 0 0 52px;
  border-top: 1px solid #d8d8d8;
}

.custom-request-tabs__active[b-z1nkuezop4] {
  display: block;
  width: 170px;
  height: 3px;
  margin-top: -2px;
  background: #0f3067;
}

.request-card[b-z1nkuezop4] {
  width: 100%;
  padding: 30px 43px 44px 56px;
  border: 1px solid #edf0f4;
  border-radius: 0 0 14px 14px;
  background: #ffffff;
  box-shadow: 0 14px 32px rgba(15, 48, 103, 0.05);
}

.request-validation[b-z1nkuezop4] {
  margin: 0 0 22px;
  color: #b42318;
  font-size: 13px;
  font-weight: 600;
}

.request-section-title[b-z1nkuezop4] {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 30px;
}

.request-section-title:not(:first-of-type)[b-z1nkuezop4] {
  margin-top: 30px;
}

.request-section-title span[b-z1nkuezop4] {
  width: 25px;
  height: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  background: #0f3067;
  color: #ffffff;
  font-size: 10px;
  font-weight: 800;
}

.request-section-title h3[b-z1nkuezop4] {
  margin: 0;
  color: #0f3067;
  font-size: 15px;
  font-weight: 800;
}

.request-grid[b-z1nkuezop4] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 26px 52px;
}

.request-field[b-z1nkuezop4] {
  display: grid;
  gap: 12px;
}

.request-field--date[b-z1nkuezop4] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.request-field span[b-z1nkuezop4] {
  color: #777777;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0;
}

.request-field[b-z1nkuezop4]  input,
.request-field[b-z1nkuezop4]  select,
.request-field[b-z1nkuezop4]  textarea {
  width: 100%;
  min-height: 36px;
  padding: 0 8px;
  border: 0 !important;
  border-bottom: 1px solid #8b8b8b !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #8a8a8a;
  font: 500 13px Montserrat, Arial, sans-serif;
  outline: none !important;
}

/* ── Date input ── */
.request-field--date[b-z1nkuezop4]  input {
  width: 100%;
  height: 42px;
  padding: 8px 12px !important;
  border: 1px solid #d0d0d0 !important;
  border-radius: 8px !important;
  background: #fff !important;
  font: 500 14px Montserrat, Arial, sans-serif !important;
  color: #1f2d3d;
  outline: none !important;
  box-shadow: none !important;
  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.request-field--date[b-z1nkuezop4]  input:focus {
  border-color: #4a90e2 !important;
  box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.15) !important;
}

.request-field--date[b-z1nkuezop4]  input:hover {
  border-color: #999 !important;
}

.request-field select[b-z1nkuezop4],
.request-field[b-z1nkuezop4]  select {
  appearance: none;
  padding-right: 34px;
  background-image:
    linear-gradient(45deg, transparent 50%, #6f7784 50%),
    linear-gradient(135deg, #6f7784 50%, transparent 50%) !important;
  background-position:
    calc(100% - 16px) 16px,
    calc(100% - 10px) 16px !important;
  background-size: 6px 6px, 6px 6px !important;
  background-repeat: no-repeat !important;
  cursor: pointer;
}

.request-field .validation-message[b-z1nkuezop4] {
  color: #b42318;
  font-size: 11px;
  font-weight: 600;
}

.request-actions[b-z1nkuezop4] {
  display: flex;
  justify-content: flex-end;
  margin-top: 32px;
}

.request-actions--split[b-z1nkuezop4] {
  justify-content: space-between;
}

.request-next[b-z1nkuezop4],
.request-back[b-z1nkuezop4] {
  min-width: 112px;
  height: 61px;
  border: 0;
  border-radius: 14px;
  font-family: Montserrat, Arial, sans-serif;
  font-size: 11px;
  font-weight: 600;
}

.request-next[b-z1nkuezop4] {
  background: #0f3067;
  color: #ffffff;
}

.request-next:disabled[b-z1nkuezop4] {
  opacity: 0.68;
}

.request-back[b-z1nkuezop4] {
  background: #eef3fb;
  color: #0f3067;
}

.group-personal-form[b-z1nkuezop4] {
  min-width: 0;
  display: grid;
  gap: 40px;
}

.guest-card .request-section-title--orange span[b-z1nkuezop4] {
  background: #ff851b;
}

.guest-card .request-section-title--orange h3[b-z1nkuezop4] {
  color: #111111;
}

.booking-summary[b-z1nkuezop4] {
  position: sticky;
  top: 24px;
  margin-top: 42px;
  padding: 30px 30px 28px;
  border: 1px solid #edf0f4;
  border-radius: 15px;
  background: #ffffff;
  box-shadow: 0 24px 48px rgba(15, 48, 103, 0.09);
}

.booking-summary p[b-z1nkuezop4] {
  margin: 0 0 28px;
  color: #6f7784;
  font-size: 13px;
  line-height: 1.5;
}

.booking-summary strong[b-z1nkuezop4] {
  color: #0f3067;
  font-weight: 800;
}

.booking-summary label[b-z1nkuezop4] {
  display: grid;
  gap: 11px;
  margin-bottom: 23px;
}

.booking-summary label span[b-z1nkuezop4] {
  color: #0f3067;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.2px;
}

.booking-summary input[b-z1nkuezop4],
.booking-summary select[b-z1nkuezop4] {
  height: 50px;
  border: 0;
  border-radius: 0;
  background: #f6f8fd;
  padding: 0 16px;
  color: #657084;
  font: 600 13px Montserrat, Arial, sans-serif;
}

.booking-summary > div:not(.detail-title):not(.booking-summary__info):not(.booking-summary__departures)[b-z1nkuezop4] {
  display: flex;
  justify-content: space-between;
  margin: 20px 0 24px;
  color: #303846;
  font-size: 14px;
}

.booking-summary article[b-z1nkuezop4] {
  padding: 18px 16px;
  border-radius: 3px;
  background: #fff7e8;
  color: #303846;
  font-size: 10px;
  line-height: 1.45;
}

.request-success[b-z1nkuezop4] {
  margin: 0 0 22px;
  padding: 13px 16px;
  border-radius: 10px;
  background: #eef8f1;
  color: #136c35;
  font-size: 13px;
  font-weight: 700;
}

.request-guest-message[b-z1nkuezop4] {
  margin-top: 32px;
  padding: 24px 28px;
  border-radius: 12px;
  background: #fdf8f0;
  border: 1px solid #f0d9a8;
  text-align: center;
}

.request-guest-message p[b-z1nkuezop4] {
  margin: 0 0 16px;
  color: #6b5a3e;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
}

.request-guest-actions[b-z1nkuezop4] {
  display: flex;
  justify-content: center;
  gap: 12px;
}

.request-guest-actions .request-next[b-z1nkuezop4] {
  background: #ff851b;
}

.request-guest-actions .request-back[b-z1nkuezop4] {
  background: #ffffff;
  border: 1px solid #d3d8df;
}

.booking-summary__departures[b-z1nkuezop4] {
  margin: 0 0 18px;
}

.booking-summary__departures h3[b-z1nkuezop4] {
  margin: 0 0 12px;
  color: #0f3067;
  font-size: 12px;
  font-weight: 700;
}

.departure-card[b-z1nkuezop4] {
  width: 100%;
  display: block;
  padding: 12px 14px;
  margin-bottom: 8px;
  border: 1px solid #edf0f4;
  border-radius: 8px;
  background: #ffffff;
  cursor: pointer;
  text-align: left;
  transition: border-color 0.15s, box-shadow 0.15s;
}

.departure-card:hover[b-z1nkuezop4] {
  border-color: #b78a1e;
}

.departure-card--selected[b-z1nkuezop4] {
  border-color: #0f3067;
  box-shadow: 0 0 0 2px rgba(15, 48, 103, 0.18);
}

.departure-card__dates[b-z1nkuezop4] {
  margin-bottom: 6px;
}

.departure-card__dates span[b-z1nkuezop4] {
  color: #3d4654;
  font-size: 12px;
  font-weight: 600;
}

.departure-card__meta[b-z1nkuezop4] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.departure-card__meta strong[b-z1nkuezop4] {
  color: #ff851b;
  font-size: 14px;
  font-weight: 800;
}

.departure-card__meta em[b-z1nkuezop4] {
  color: #9aa1ad;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
}

/* Responsive */
@media (max-width: 1200px) {
  .trip-detail-main[b-z1nkuezop4] { padding-left: 42px; padding-right: 42px; }
  .trip-detail-layout[b-z1nkuezop4] { gap: 42px; grid-template-columns: minmax(0, 1fr) 280px; }
}

@media (max-width: 1000px) {
  .trip-detail-layout[b-z1nkuezop4] { grid-template-columns: 1fr; }
  .booking-summary[b-z1nkuezop4] { position: static; margin-top: 0; order: -1; }
  .trip-detail-layout[b-z1nkuezop4] { gap: 34px; }
}

@media (max-width: 760px) {
  .trip-detail-main[b-z1nkuezop4] { padding: 0 18px 60px; }
  .trip-detail-hero[b-z1nkuezop4] { height: 420px; }
  .trip-detail-hero div[b-z1nkuezop4] { bottom: 42px; }
  .trip-detail-hero span[b-z1nkuezop4] { display: block; max-width: 310px; font-size: 10px; letter-spacing: 4px; line-height: 1.7; }
  .trip-detail-hero h1[b-z1nkuezop4] { font-size: 52px; }
  .trip-detail-hero p[b-z1nkuezop4] { max-width: 300px; font-size: 11px; line-height: 1.7; }
  .trip-detail-layout[b-z1nkuezop4] { gap: 26px; }
  .booking-summary[b-z1nkuezop4] { padding: 24px 20px; }
  .request-card[b-z1nkuezop4] { padding: 30px 18px 24px; }
  .request-grid[b-z1nkuezop4] { grid-template-columns: 1fr; }
  .request-actions[b-z1nkuezop4], .request-actions--split[b-z1nkuezop4] { flex-direction: column; gap: 12px; }
  .request-next[b-z1nkuezop4], .request-back[b-z1nkuezop4] { width: 100%; }
}

@media (max-width: 520px) {
  .trip-detail-main[b-z1nkuezop4] { padding: 0 14px 48px; }
  .trip-detail-hero[b-z1nkuezop4] { height: 360px; }
  .trip-detail-hero h1[b-z1nkuezop4] { margin: 16px 0 18px; font-size: 40px; }
}

@media (max-width: 380px) {
  .trip-detail-hero h1[b-z1nkuezop4] { font-size: 36px; }
}
/* _content/VisitAzer.ServerUi/Components/Pages/TripDetailItinerary.razor.rz.scp.css */
.trip-detail-page[b-417ho5azne] {
  width: 100%;
  min-height: 100vh;
  overflow-x: hidden;
  background: #ffffff;
  color: #111111;
  display: flex;
  flex-direction: column;
}

.trip-detail-main[b-417ho5azne] {
  padding: 0 clamp(24px, 6vw, 88px) 82px;
  flex: 1;
}

.trip-detail-not-found[b-417ho5azne] {
  text-align: center;
  padding: 80px 24px;
}

.trip-detail-not-found h1[b-417ho5azne] {
  margin: 0 0 16px;
  color: #0f3067;
  font-size: 28px;
  font-weight: 800;
}

.trip-detail-not-found p[b-417ho5azne] {
  margin: 0 0 32px;
  color: #6f7784;
  font-size: 15px;
}

.trip-detail-hero[b-417ho5azne] {
  position: relative;
  height: 552px;
  overflow: hidden;
}

.trip-detail-hero img[b-417ho5azne] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.trip-detail-hero[b-417ho5azne]::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(9, 18, 30, 0.04) 0%, rgba(7, 13, 24, 0.62) 100%);
}

.trip-detail-hero div[b-417ho5azne] {
  position: absolute;
  left: clamp(28px, 6vw, 88px);
  right: clamp(24px, 6vw, 88px);
  bottom: 72px;
  z-index: 1;
  color: #ffffff;
}

.trip-detail-hero span[b-417ho5azne] {
  color: #ff851b;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 7px;
}

.trip-detail-hero h1[b-417ho5azne] {
  margin: 26px 0 26px;
  color: #ffffff;
  font-size: clamp(58px, 7vw, 86px);
  font-weight: 400;
  line-height: 0.95;
}

.trip-detail-hero p[b-417ho5azne] {
  margin: 0;
  font-size: 14px;
  font-weight: 700;
}

.trip-detail-layout[b-417ho5azne] {
  width: min(1160px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 760px) 300px;
  gap: 80px;
  align-items: start;
}

.trip-detail-layout--view[b-417ho5azne] {
  margin-top: 32px;
  margin-bottom: 48px;
}

.custom-request-tabs[b-417ho5azne] {
  height: 3px;
  margin: 0 0 52px;
  border-top: 1px solid #d8d8d8;
}

.custom-request-tabs__active[b-417ho5azne] {
  display: block;
  width: 170px;
  height: 3px;
  margin-top: -2px;
  background: #0f3067;
}

.detail-title[b-417ho5azne] {
  display: flex;
  align-items: center;
  gap: 18px;
  margin: 27px 0 30px;
}

.detail-title span[b-417ho5azne] {
  width: 3px;
  height: 24px;
  background: #b78a1e;
}

.detail-title h2[b-417ho5azne] {
  margin: 0;
  color: #0f3067;
  font-size: 15px;
  font-weight: 800;
}

.journey-experience[b-417ho5azne] {
  color: #202833;
}

.journey-experience > p[b-417ho5azne],
.itinerary p[b-417ho5azne] {
  margin: 0 0 32px;
  color: #3f4651;
  font-size: 14px;
  line-height: 1.8;
}

.journey-experience h3[b-417ho5azne] {
  margin: 0 0 23px;
  color: #0f3067;
  font-size: 13px;
  font-weight: 500;
}

.itinerary[b-417ho5azne] {
  border-left: 1px solid #f0c44c;
  margin-left: 12px;
}

.itinerary article[b-417ho5azne] {
  position: relative;
  padding: 0 0 42px 48px;
}

.itinerary article > span[b-417ho5azne] {
  position: absolute;
  left: -11px;
  top: 0;
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #0f3067;
  color: #f0c44c;
  font-size: 8px;
}

.itinerary strong[b-417ho5azne] {
  color: #b78a1e;
  font-size: 14px;
  font-weight: 500;
}

.itinerary h4[b-417ho5azne] {
  margin: 21px 0 18px;
  color: #202833;
  font-size: 15px;
  font-weight: 500;
}

.itinerary img[b-417ho5azne] {
  width: 100%;
  height: 196px;
  border-radius: 7px;
  object-fit: cover;
}

.included-panel[b-417ho5azne] {
  margin: 5px 0 42px 14px;
  padding: 48px 48px 38px;
  border-radius: 8px;
  background: #e8f0ff;
}

.included-panel h3[b-417ho5azne] {
  margin-bottom: 32px;
}

.included-panel > div[b-417ho5azne] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 26px 54px;
}

.included-panel strong[b-417ho5azne] {
  color: #0f3067;
  font-size: 14px;
  font-weight: 700;
}

.included-panel p[b-417ho5azne] {
  margin: 7px 0 0;
  color: #5f6c7d;
  font-size: 12px;
  line-height: 1.4;
}

.request-actions[b-417ho5azne] {
  display: flex;
  justify-content: flex-end;
  margin-top: 32px;
}

.request-actions--split[b-417ho5azne] {
  justify-content: space-between;
}

.request-next[b-417ho5azne],
.request-back[b-417ho5azne] {
  min-width: 112px;
  height: 61px;
  border: 0;
  border-radius: 14px;
  font-family: Montserrat, Arial, sans-serif;
  font-size: 11px;
  font-weight: 600;
}

.request-next[b-417ho5azne] {
  background: #0f3067;
  color: #ffffff;
}

.request-next:disabled[b-417ho5azne] {
  opacity: 0.68;
}

.request-back[b-417ho5azne] {
  background: #eef3fb;
  color: #0f3067;
}

.booking-summary--view .detail-title[b-417ho5azne] {
  justify-content: flex-start;
  margin: 8px 0 18px;
}

.booking-summary--view .detail-title h2[b-417ho5azne] {
  font-size: 18px;
}

.booking-summary__info[b-417ho5azne] {
  display: grid;
  gap: 0;
  margin-bottom: 24px;
}

.booking-summary__info div[b-417ho5azne] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(110px, 1.35fr);
  gap: 18px;
  align-items: center;
  padding: 14px 0;
  border-bottom: 1px solid #edf0f4;
}

.booking-summary__info div:first-child[b-417ho5azne] {
  padding-top: 4px;
}

.booking-summary__info span[b-417ho5azne] {
  color: #6f7784;
  font-size: 12px;
  font-weight: 600;
}

.booking-summary__info strong[b-417ho5azne] {
  color: #0f3067;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.45;
  text-align: right;
  word-break: normal;
  overflow-wrap: normal;
}

.booking-summary__book-btn[b-417ho5azne] {
  width: 100%;
  margin-top: 24px;
}

.booking-summary[b-417ho5azne] {
  position: sticky;
  top: 24px;
  margin-top: 42px;
  padding: 30px 30px 28px;
  border: 1px solid #edf0f4;
  border-radius: 15px;
  background: #ffffff;
  box-shadow: 0 24px 48px rgba(15, 48, 103, 0.09);
}

.booking-summary p[b-417ho5azne] {
  margin: 0 0 28px;
  color: #6f7784;
  font-size: 13px;
  line-height: 1.5;
}

.booking-summary strong[b-417ho5azne] {
  color: #0f3067;
  font-weight: 800;
}

.booking-summary article[b-417ho5azne] {
  padding: 18px 16px;
  border-radius: 3px;
  background: #fff7e8;
  color: #303846;
  font-size: 10px;
  line-height: 1.45;
}

.booking-summary__departures[b-417ho5azne] {
  margin: 0 0 18px;
}

.booking-summary__departures h3[b-417ho5azne] {
  margin: 0 0 12px;
  color: #0f3067;
  font-size: 12px;
  font-weight: 700;
}

.departure-card[b-417ho5azne] {
  width: 100%;
  display: block;
  padding: 12px 14px;
  margin-bottom: 8px;
  border: 1px solid #edf0f4;
  border-radius: 8px;
  background: #ffffff;
  cursor: pointer;
  text-align: left;
  transition: border-color 0.15s, box-shadow 0.15s;
}

.departure-card:hover[b-417ho5azne] {
  border-color: #b78a1e;
}

.departure-card--selected[b-417ho5azne] {
  border-color: #0f3067;
  box-shadow: 0 0 0 2px rgba(15, 48, 103, 0.18);
}

.departure-card__dates[b-417ho5azne] {
  margin-bottom: 6px;
}

.departure-card__dates span[b-417ho5azne] {
  color: #3d4654;
  font-size: 12px;
  font-weight: 600;
}

.departure-card__meta[b-417ho5azne] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.departure-card__meta strong[b-417ho5azne] {
  color: #ff851b;
  font-size: 14px;
  font-weight: 800;
}

.departure-card__meta em[b-417ho5azne] {
  color: #9aa1ad;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
}

/* Mobile responsive */
@media (max-width: 1200px) {
  .trip-detail-main[b-417ho5azne] {
    padding-left: 42px;
    padding-right: 42px;
  }

  .trip-detail-layout[b-417ho5azne] {
    gap: 42px;
    grid-template-columns: minmax(0, 1fr) 280px;
  }
}

@media (max-width: 1000px) {
  .trip-detail-layout[b-417ho5azne] {
    grid-template-columns: 1fr;
  }

  .booking-summary[b-417ho5azne] {
    position: static;
    margin-top: 0;
    order: -1;
  }

  .trip-detail-layout[b-417ho5azne] {
    gap: 34px;
  }
}

@media (max-width: 760px) {
  .trip-detail-main[b-417ho5azne] {
    padding: 0 18px 60px;
  }

  .trip-detail-hero[b-417ho5azne] {
    height: 420px;
  }

  .trip-detail-hero div[b-417ho5azne] {
    bottom: 42px;
  }

  .trip-detail-hero span[b-417ho5azne] {
    display: block;
    max-width: 310px;
    font-size: 10px;
    letter-spacing: 4px;
    line-height: 1.7;
  }

  .trip-detail-hero h1[b-417ho5azne] {
    font-size: 52px;
  }

  .trip-detail-hero p[b-417ho5azne] {
    max-width: 300px;
    font-size: 11px;
    line-height: 1.7;
  }

  .trip-detail-layout[b-417ho5azne] {
    gap: 26px;
  }

  .itinerary[b-417ho5azne] {
    margin-left: 8px;
  }

  .itinerary article[b-417ho5azne] {
    padding-left: 30px;
  }

  .itinerary img[b-417ho5azne] {
    height: 170px;
  }

  .included-panel[b-417ho5azne] {
    padding: 28px 22px;
    margin-left: 0;
  }

  .booking-summary[b-417ho5azne] {
    padding: 24px 20px;
  }
}

@media (max-width: 520px) {
  .trip-detail-main[b-417ho5azne] {
    padding: 0 14px 48px;
  }

  .custom-request-tabs__active[b-417ho5azne] {
    width: 112px;
  }

  .included-panel[b-417ho5azne] {
    padding: 24px 18px;
  }

  .trip-detail-hero[b-417ho5azne] {
    height: 360px;
  }

  .trip-detail-hero h1[b-417ho5azne] {
    margin: 16px 0 18px;
    font-size: 40px;
  }

  .journey-experience > p[b-417ho5azne],
  .itinerary p[b-417ho5azne] {
    font-size: 13px;
    line-height: 1.65;
  }
}

@media (max-width: 380px) {
  .trip-detail-hero h1[b-417ho5azne] {
    font-size: 36px;
  }
}
/* _content/VisitAzer.ServerUi/Components/Pages/TripGroupPackages.razor.rz.scp.css */
.group-packages-page[b-qra9sfuyxv] {
  width: 100%;
  min-height: 100vh;
  overflow-x: hidden;
  background: #ffffff;
  color: #111111;
  display: flex;
  flex-direction: column;
}

.group-packages-page__main[b-qra9sfuyxv] {
  padding: 44px clamp(24px, 6vw, 88px) 82px;
  flex: 1;
}

.group-packages-page button[b-qra9sfuyxv],
.group-packages-page input[b-qra9sfuyxv],
.group-packages-page select[b-qra9sfuyxv],
.group-packages-page textarea[b-qra9sfuyxv] {
  max-width: 100%;
}

.group-hero[b-qra9sfuyxv] {
  position: relative;
  width: min(1040px, 100%);
  height: 312px;
  margin: 54px auto 0;
  overflow: hidden;
  border-radius: 13px;
  box-shadow: 0 18px 38px rgba(15, 48, 103, 0.16);
}

.group-hero img[b-qra9sfuyxv] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.group-hero[b-qra9sfuyxv]::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(8, 12, 22, 0.04) 0%, rgba(8, 13, 25, 0.68) 100%);
}

.group-hero div[b-qra9sfuyxv] {
  position: absolute;
  left: 31px;
  bottom: 31px;
  z-index: 1;
  width: min(650px, calc(100% - 62px));
  color: #ffffff;
}

.group-hero h2[b-qra9sfuyxv] {
  margin: 0 0 10px;
  font-size: 22px;
  font-weight: 800;
}

.group-hero p[b-qra9sfuyxv] {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.45;
}

.packages-block[b-qra9sfuyxv],
.journey-calendar[b-qra9sfuyxv],
.private-journey-banner[b-qra9sfuyxv] {
  width: min(1040px, 100%);
  margin: 38px auto 0;
}

.packages-block > span[b-qra9sfuyxv] {
  color: #ff851b;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1.8px;
}

.packages-block h2[b-qra9sfuyxv] {
  margin: 6px 0 28px;
  color: #151719;
  font-size: 28px;
  font-weight: 800;
}

.group-package-grid[b-qra9sfuyxv] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 31px;
}

@keyframes fadeSlideIn-b-qra9sfuyxv {
  from {
    opacity: 0;
    transform: translateY(15px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.group-package-card[b-qra9sfuyxv] {
  min-width: 0;
  overflow: hidden;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 15px 34px rgba(15, 48, 103, 0.11);
  animation: fadeSlideIn-b-qra9sfuyxv 0.4s ease forwards;
}

.group-package-card__media[b-qra9sfuyxv] {
  position: relative;
  height: 170px;
}

.group-package-card__media img[b-qra9sfuyxv] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.group-package-card__media em[b-qra9sfuyxv] {
  position: absolute;
  left: 10px;
  top: 9px;
  min-width: 92px;
  height: 23px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: #0f3067;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
}

.group-package-card__media button[b-qra9sfuyxv] {
  position: absolute;
  right: 12px;
  top: 12px;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 50%;
  background: #ffffff;
  color: #0f3067;
  font-size: 17px;
}

.group-package-card__body[b-qra9sfuyxv] {
  padding: 20px 18px 18px;
}

.group-package-card__body > div:first-child[b-qra9sfuyxv] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.group-package-card h3[b-qra9sfuyxv] {
  margin: 0;
  color: #0f3067;
  font-size: 17px;
  font-weight: 800;
}

.group-package-card strong[b-qra9sfuyxv] {
  color: #ff851b;
  font-size: 15px;
  font-weight: 800;
}

.group-package-card p[b-qra9sfuyxv] {
  margin: 9px 0 18px;
  color: #6c7280;
  font-size: 11px;
  font-weight: 600;
}

.group-package-card small[b-qra9sfuyxv] {
  float: right;
  color: #9aa1ad;
  font-size: 7px;
}

.group-package-card__actions[b-qra9sfuyxv] {
  display: grid;
  grid-template-columns: 1fr 34px;
  gap: 10px;
}

.group-package-card__actions button:first-child[b-qra9sfuyxv] {
  height: 36px;
  border: 0;
  border-radius: 13px;
  background: #0f3067;
  color: #ffffff;
  font-size: 11px;
  font-weight: 800;
}

.group-package-card__actions button:last-child[b-qra9sfuyxv] {
  height: 34px;
  border: 1px solid #d5dce8;
  border-radius: 50%;
  background: #ffffff;
  color: #0f3067;
}

.group-package-card__departures[b-qra9sfuyxv] {
  margin: 4px 0 18px;
  padding: 0;
  list-style: none;
}

.group-package-card__departures li[b-qra9sfuyxv] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 0;
  border-bottom: 1px solid #edf0f4;
}

.group-package-card__departures li:last-child[b-qra9sfuyxv] {
  border-bottom: 0;
}

.group-package-card__departures small[b-qra9sfuyxv] {
  flex: 1;
  color: #3d4654;
  font-size: 11px;
  font-weight: 600;
}

.group-package-card__departures strong[b-qra9sfuyxv] {
  color: #ff851b;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.group-package-card__departures em[b-qra9sfuyxv] {
  min-width: 60px;
  text-align: right;
  color: #9aa1ad;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
}

.package-arrows[b-qra9sfuyxv] {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin-top: 34px;
}

.package-arrows button[b-qra9sfuyxv] {
  width: 44px;
  height: 44px;
  border: 1px solid #d7dce5;
  border-radius: 50%;
  background: #ffffff;
  color: #111111;
  font-size: 18px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.package-arrows button:disabled[b-qra9sfuyxv] {
  color: #d7dce5;
  cursor: not-allowed;
  background: #fbfcfe;
}

.journey-calendar[b-qra9sfuyxv] {
  padding: 42px 34px 37px;
  border: 1px solid #d9dee8;
  border-radius: 9px;
  background: #ffffff;
}

.journey-calendar__head[b-qra9sfuyxv] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 30px;
}

.journey-calendar h2[b-qra9sfuyxv] {
  margin: 0;
  color: #0f3067;
  font-size: 26px;
  font-weight: 800;
}

.journey-calendar p[b-qra9sfuyxv] {
  margin: 7px 0 0;
  color: #6f7784;
  font-size: 11px;
  font-weight: 600;
}

.journey-calendar__controls[b-qra9sfuyxv] {
  display: inline-grid;
  grid-template-columns: 34px minmax(130px, auto) 34px;
  align-items: center;
  min-height: 42px;
  border-radius: 999px;
  background: #ffffff;
  box-shadow: 0 8px 20px rgba(15, 48, 103, 0.05);
}

.journey-calendar__controls button[b-qra9sfuyxv] {
  width: 34px;
  height: 34px;
  border: 0;
  background: #ffffff;
  color: #0f1724;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}

.journey-calendar__controls strong[b-qra9sfuyxv] {
  color: #0f1724;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
}

.calendar-grid[b-qra9sfuyxv] {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  border: 1px solid #eef1f5;
  border-radius: 5px;
  overflow: hidden;
}

.calendar-weekday[b-qra9sfuyxv] {
  min-height: 34px !important;
  padding: 11px 8px !important;
  background: #fbfcfe;
  color: #a3aab6 !important;
  font-size: 9px !important;
  font-weight: 700;
  text-align: center;
}

.calendar-grid > div[b-qra9sfuyxv] {
  min-height: 72px;
  padding: 14px 11px;
  border-right: 1px solid #edf0f4;
  border-bottom: 1px solid #edf0f4;
  color: #3d4654;
  font-size: 11px;
}

.calendar-grid > div:nth-child(7n)[b-qra9sfuyxv] {
  border-right: 0;
}

.calendar-day[b-qra9sfuyxv] {
  background: #ffffff;
}

.calendar-day--outside[b-qra9sfuyxv] {
  color: #aab2bf !important;
  background: #fbfcfe;
}


.calendar-day--range[b-qra9sfuyxv] {
  background: #d3dbe5;
}

.calendar-grid strong[b-qra9sfuyxv] {
  display: block;
  margin-top: 7px;
  padding: 7px 8px;
  border-radius: 4px;
  color: #ffffff;
  font-size: 8.5px;
  font-weight: 700;
  line-height: 1.25;
  box-shadow: 0 2px 4px rgba(0,0,0,0.15);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.private-journey-banner[b-qra9sfuyxv] {
  min-height: 186px;
  display: grid;
  place-items: center;
  padding: 34px 24px;
  background: linear-gradient(135deg, #0f3067, #143d7e 55%, #08275e);
  color: #ffffff;
  text-align: center;
}

.private-journey-banner h2[b-qra9sfuyxv] {
  margin: 0;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.12;
}

.private-journey-banner p[b-qra9sfuyxv] {
  width: min(520px, 100%);
  margin: 19px auto 0;
  color: rgba(255, 255, 255, 0.74);
  font-size: 12px;
  line-height: 1.5;
}

.private-journey-banner button[b-qra9sfuyxv] {
  width: 188px;
  height: 38px;
  margin-top: 24px;
  border: 0;
  border-radius: 999px;
  background: #ff851b;
  color: #111111;
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
}


@media (max-width: 1200px) {
  .group-packages-page__main[b-qra9sfuyxv] {
    padding-left: 42px;
    padding-right: 42px;
  }
}

@media (max-width: 1000px) {
  .group-package-grid[b-qra9sfuyxv] {
    grid-template-columns: 1fr;
  }

  .group-package-grid[b-qra9sfuyxv] {
    width: min(660px, 100%);
    margin: 0 auto;
  }
}

@media (max-width: 760px) {
  .group-packages-page__main[b-qra9sfuyxv] {
    padding: 34px 18px 60px;
  }

  .group-hero[b-qra9sfuyxv] {
    height: clamp(230px, 62vw, 300px);
    margin-top: 38px;
    border-radius: 12px;
  }

  .group-hero div[b-qra9sfuyxv] {
    left: 18px;
    bottom: 20px;
    width: calc(100% - 36px);
  }

  .group-hero h2[b-qra9sfuyxv] {
    font-size: 18px;
  }

  .group-hero p[b-qra9sfuyxv] {
    font-size: 11px;
  }

  .group-package-grid[b-qra9sfuyxv] {
    grid-template-columns: 1fr;
  }

  .journey-calendar[b-qra9sfuyxv] {
    padding: 28px 18px;
    border-radius: 8px;
  }

  .journey-calendar__head[b-qra9sfuyxv] {
    flex-direction: column;
  }

  .calendar-grid[b-qra9sfuyxv] {
    min-width: 680px;
  }

  .journey-calendar[b-qra9sfuyxv] {
    overflow-x: auto;
  }
}

@media (max-width: 520px) {
  .group-packages-page__main[b-qra9sfuyxv] {
    padding: 28px 14px 48px;
  }

  .group-package-card__media[b-qra9sfuyxv] {
    height: 190px;
  }

  .journey-calendar h2[b-qra9sfuyxv],
  .private-journey-banner h2[b-qra9sfuyxv] {
    font-size: 22px;
  }

  .private-journey-banner[b-qra9sfuyxv] {
    padding: 30px 18px;
  }
}

@media (max-width: 380px) {
  .group-package-card__body > div:first-child[b-qra9sfuyxv] {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
  }
}
/* _content/VisitAzer.ServerUi/Components/Pages/Trips.razor.rz.scp.css */
.trips-page[b-36qes4wnx7] {
  width: 100%;
  min-height: 100vh;
  overflow-x: hidden;
  background: transparent;
  color: #111111;
  display: flex;
  flex-direction: column;
}

.trips-page__main[b-36qes4wnx7] {
  padding: 44px clamp(24px, 6vw, 88px) 82px;
  flex: 1;
}

.trips-page button[b-36qes4wnx7],
.trips-page input[b-36qes4wnx7],
.trips-page select[b-36qes4wnx7],
.trips-page textarea[b-36qes4wnx7] {
  max-width: 100%;
}

.journey-heading[b-36qes4wnx7] {
  text-align: center;
}

.journey-heading h1[b-36qes4wnx7] {
  margin: 0;
  color: #111111;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.2;
}

.trip-type-grid[b-36qes4wnx7] {
  width: min(1100px, 100%);
  margin: 68px auto 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 26px;
}

.trip-type-card[b-36qes4wnx7] {
  position: relative;
  height: 273px;
  overflow: hidden;
  border: 0;
  border-radius: 20px;
  background: #dfe8ef;
  box-shadow: none;
  cursor: pointer;
}

.trip-type-card img[b-36qes4wnx7] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 180ms ease;
}

.trip-type-card:hover img[b-36qes4wnx7] {
  transform: scale(1.025);
}

.trip-type-card span[b-36qes4wnx7] {
  position: absolute;
  top: 22px;
  left: 22px;
  min-width: 176px;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
  border-radius: 17px;
  background: #ffffff;
  color: #111111;
  font-size: 15px;
  font-weight: 800;
}

@media (max-width: 1200px) {
  .trips-page__main[b-36qes4wnx7] {
    padding-left: 42px;
    padding-right: 42px;
  }
}

@media (max-width: 760px) {
  .trips-page__main[b-36qes4wnx7] {
    padding: 34px 18px 60px;
  }

  .journey-heading h1[b-36qes4wnx7] {
    font-size: 22px;
  }

  .trip-type-grid[b-36qes4wnx7] {
    grid-template-columns: 1fr;
    margin-top: 44px;
  }

  .trip-type-card[b-36qes4wnx7] {
    height: clamp(210px, 57vw, 280px);
    border-radius: 16px;
  }

  .trip-type-card span[b-36qes4wnx7] {
    left: 16px;
    top: 16px;
    min-width: 150px;
    height: 42px;
    padding: 0 18px;
    font-size: 13px;
  }
}

@media (max-width: 520px) {
  .trips-page__main[b-36qes4wnx7] {
    padding: 28px 14px 48px;
  }
}