.rlg-checkout {
padding: 18px 0 30px;
background: #fff;
}
.rlg-checkout * {
box-sizing: border-box;
}
.rlg-checkout__shell {
display: grid;
grid-template-columns: minmax(0, 1fr) 326px;
gap: 24px;
align-items: start;
border: 1px solid #e2e2e2;
border-top: 3px solid #004BA1;
padding: 18px 16px 20px;
}
.rlg-checkout__shell.is-step-1 {
grid-template-columns: 1fr;
}
.rlg-checkout__shell.is-step-1 .rlg-checkout__aside {
display: none;
}
.rlg-checkout__shell.is-step-2 {
grid-template-columns: 1fr;
}
.rlg-checkout__shell.is-step-2 .rlg-checkout__aside {
display: none;
}
.rlg-checkout__shell.is-step-3 {
grid-template-columns: minmax(0, 1fr) 390px;
}
.rlg-checkout__steps {
display: flex;
justify-content: space-between;
gap: 16px;
margin-bottom: 18px;
font-size: .84rem;
color: #787878;
}
.rlg-checkout__step {
display: inline-flex;
align-items: center;
gap: 8px;
border: 0;
background: transparent;
padding: 0;
color: inherit;
cursor: pointer;
}
.rlg-checkout__step-number {
width: 28px;
height: 28px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
background: #004BA1;
color: #fff;
font-weight: 700;
font-size: .82rem;
}
.rlg-checkout__step.is-active {
background: #f3f3f3;
padding: 12px 18px;
}
.rlg-checkout__step.is-complete .rlg-checkout__step-number {
background: #004BA1;
color: #004BA1;
border: 2px solid #004BA1;
font-size: 0;
}
.rlg-checkout__step.is-complete .rlg-checkout__step-number::before {
content: "\2713";
font-size: .9rem;
color: #fff;
line-height: 1;
}
.rlg-checkout__step.is-complete .rlg-checkout__step-number {
line-height: 1;
}
.rlg-checkout__step.is-complete .rlg-checkout__step-number,
.rlg-checkout__step.is-complete span:last-child {
font-weight: 600;
}
.rlg-checkout__step:not(.is-active):not(.is-complete) .rlg-checkout__step-number {
background: #004BA1;
color: #fff;
}
.rlg-checkout__notice,
.rlg-checkout__alert {
border: 1px solid #004ba17d;
color: #666;
padding: 14px 16px;
margin-bottom: 22px;
font-size: .88rem;
line-height: 1.5;
background: #fff;
}
.rlg-checkout__notice-row {
display: grid;
grid-template-columns: minmax(0, 1fr) 174px;
gap: 8px;
align-items: start;
margin-bottom: 28px;
}
.rlg-checkout__notice--step1 {
display: flex;
gap: 12px;
align-items: flex-start;
margin-bottom: 0;
min-height: 60px;
padding: 10px 14px;
font-size: .82rem;
line-height: 1.45;
}
.rlg-checkout__notice--step1 > div > div + div {
margin-top: 6px;
}
.rlg-checkout__notice-icon {
width: 16px;
height: 16px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
background: #004BA1;
color: #fff;
font-size: .7rem;
font-weight: 700;
flex: 0 0 auto;
margin-top: 2px;
}
.rlg-checkout__mini-total {
border: 1px solid #e6e6e6;
background: #fff;
overflow: hidden;
min-height: 72px;
}
.rlg-checkout__mini-total-row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px 12px 10px;
}
.rlg-checkout__mini-total-row span {
color: #666f7c;
font-size: .8rem;
}
.rlg-checkout__mini-total-row strong {
color: #004BA1;
font-size: .9rem;
font-weight: 700;
}
.rlg-checkout__mini-total-btn {
width: 100%;
min-height: 28px;
border: 0;
background: #004BA1;
color: #fff;
font-weight: 700;
font-size: .78rem;
cursor: pointer;
}
.rlg-checkout__notice strong {
display: inline-block;
margin-bottom: 4px;
color: #4d4d4d;
}
.rlg-checkout__notice[data-step-notice="3"] {
font-size: .82rem;
line-height: 1.55;
}
.rlg-checkout__notice[data-step-notice="3"] a {
color: #4f73c8;
text-decoration: none;
}
.rlg-checkout__notice--important {
display: flex;
gap: 12px;
align-items: flex-start;
padding: 12px 14px;
font-size: .76rem;
line-height: 1.45;
}
.rlg-checkout__notice-alert {
color: #004BA1;
font-size: .9rem;
line-height: 1;
margin-top: 2px;
flex: 0 0 auto;
}
.rlg-checkout__panel + .rlg-checkout__panel {
margin-top: 28px;
}
.rlg-checkout__panel[hidden] {
display: none !important;
}
.rlg-checkout__section-title {
margin: 0 0 18px;
font-size: 1rem;
color: #3e4a59;
font-weight: 700;
}
.rlg-checkout__section-title--spacious {
margin: 18px 0 24px;
font-size: .92rem;
line-height: 1.45;
}
.rlg-checkout__form > .rlg-checkout__section-title--spacious:first-child {
margin-top: 8px;
}
.rlg-checkout__form .rlg-checkout__section-title + .rlg-checkout__section-title {
margin-top: 40px;
}
.rlg-checkout__card {
border: 1px solid #e7e7e7;
background: #fff;
padding: 18px;
}
.rlg-checkout__tour {
display: grid;
grid-template-columns: 220px minmax(0, 1fr);
gap: 22px;
}
.rlg-checkout__tour-image img {
width: 100%;
height: 220px;
object-fit: cover;
display: block;
}
.rlg-checkout__tour-content {
padding: 26px 30px 20px;
}
.rlg-checkout__tour-head {
display: flex;
justify-content: space-between;
gap: 14px;
align-items: center;
margin-bottom: 12px;
}
.rlg-checkout__tour-head h3,
.rlg-checkout__order-name {
margin: 0;
font-size: 1.1rem;
color: #415161;
}
.rlg-checkout__tour-pax,
.rlg-checkout__order-pax {
color: #6d7784;
font-size: .9rem;
}
.rlg-checkout__tour-meta {
display: flex;
gap: 18px;
flex-wrap: wrap;
color: #6f7882;
font-size: .9rem;
margin-bottom: 12px;
}
.rlg-checkout__tour-price {
display: flex;
justify-content: space-between;
gap: 16px;
align-items: center;
flex-wrap: wrap;
color: #6f7882;
}
.rlg-checkout__tour-price strong,
.rlg-checkout__order-total strong,
.rlg-checkout__payment-amount strong {
color: #004BA1;
font-size: 1.2rem;
}
.rlg-checkout__form-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
margin-bottom: 14px;
}
.rlg-checkout__form-grid--pax {
grid-template-columns: 64px repeat(6, minmax(0, 1fr));
}
.rlg-checkout__pax-list {
display: grid;
gap: 12px;
margin-bottom: 28px;
}
.rlg-checkout__pax-row {
display: grid;
grid-template-columns: 58px repeat(7, minmax(0, 1fr));
gap: 8px;
align-items: end;
}
.rlg-checkout__field {
display: flex;
flex-direction: column;
gap: 6px;
}
.rlg-checkout__field label {
font-size: .74rem;
color: #304154;
font-weight: 400;
letter-spacing: .01em;
}
.rlg-checkout__field input,
.rlg-checkout__field select,
.rlg-checkout__field textarea {
width: 100%;
min-height: 44px;
padding: 10px 14px;
border: 1px solid #c9d3df;
border-radius: 8px;
background: #fff;
font-size: .85rem;
color: #223041;
box-shadow: 0 1px 2px rgba(17, 24, 39, 0.05);
transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}
.rlg-checkout__field input:focus,
.rlg-checkout__field select:focus,
.rlg-checkout__field textarea:focus {
outline: none;
border-color: #004ba1;
box-shadow: 0 0 0 3px rgba(0, 75, 161, 0.14);
}
.rlg-checkout__field textarea {
min-height: 140px;
padding-top: 14px;
padding-bottom: 14px;
resize: vertical;
line-height: 1.5;
}
.rlg-checkout__gender {
position: relative;
}
.rlg-checkout__gender-trigger {
width: 100%;
min-height: 44px;
border: 1px solid #c9d3df;
border-radius: 8px;
background: #fff;
padding: 10px 40px 10px 14px;
display: flex;
align-items: center;
justify-content: space-between;
color: #223041;
font-size: .85rem;
font-weight: 500;
cursor: pointer;
text-align: left;
position: relative;
box-shadow: 0 1px 2px rgba(17, 24, 39, 0.05);
transition: border-color .18s ease, box-shadow .18s ease;
}
.rlg-checkout__gender-value {
display: inline-flex;
align-items: center;
gap: 8px;
}
.rlg-checkout__gender.is-open .rlg-checkout__gender-trigger {
border-color: #004BA1;
box-shadow: 0 0 0 3px rgba(0, 75, 161, 0.14);
}
.rlg-checkout__gender-value.is-placeholder {
color: #7e8793;
}
.rlg-checkout__gender-arrow {
position: absolute;
right: 13px;
top: 50%;
width: 10px;
height: 10px;
border-right: 2px solid #5f6974;
border-bottom: 2px solid #5f6974;
transform: translateY(-65%) rotate(45deg);
transition: transform .18s ease;
}
.rlg-checkout__gender.is-open .rlg-checkout__gender-arrow {
transform: translateY(-25%) rotate(-135deg);
}
.rlg-checkout__gender-menu {
position: absolute;
top: calc(100% + 2px);
left: 0;
right: 0;
background: #fff;
border-radius: 0 0 10px 10px;
box-shadow: 0 10px 24px rgba(26, 33, 52, 0.18);
overflow: hidden;
z-index: 30;
}
.rlg-checkout__gender-option {
width: 100%;
border: 0;
background: #fff;
padding: 14px 12px;
display: flex;
align-items: center;
gap: 8px;
color: #3e4a59;
font-size: .82rem;
cursor: pointer;
text-align: left;
}
.rlg-checkout__gender-option + .rlg-checkout__gender-option {
border-top: 1px solid #f0f0f0;
}
.rlg-checkout__gender-option:hover {
background: #fff7f2;
}
.rlg-checkout__gender-icon {
font-size: 1.55rem;
line-height: 1;
}
.rlg-checkout__gender-icon--male {
color: #67c6ff;
}
.rlg-checkout__gender-icon--female {
color: #ff76ec;
}
.rlg-checkout__field input::placeholder,
.rlg-checkout__field textarea::placeholder {
color: #9aa3ad;
}
.rlg-checkout__field--wide {
grid-column: span 1;
}
.rlg-checkout__field--pax-label {
display: flex;
justify-content: flex-start;
flex-wrap: nowrap;
text-wrap: nowrap;
align-items: center;
font-size: var(--font-size);
font-family: var(--font-family);
min-height: 44px;
height: 44px;
align-self: end;
padding-top: 0;
transform: translateY(10px);
}
.rlg-checkout__field--pax-label label {
font-size: 1rem;
color: #68717d;
margin: 0;
line-height: 1;
white-space: nowrap;
}
.rlg-checkout__field--language {
max-width: 240px;
margin-bottom: 16px;
}
.rlg-checkout__field--language select {
min-height: 44px;
padding: 10px 42px 10px 14px;
border-radius: 8px;
border-color: #c9d3df;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-color: #fff;
background-image:
linear-gradient(45deg, transparent 50%, #004ba1 50%),
linear-gradient(135deg, #004ba1 50%, transparent 50%);
background-position:
calc(100% - 20px) calc(50% - 3px),
calc(100% - 14px) calc(50% - 3px);
background-size: 6px 6px, 6px 6px;
background-repeat: no-repeat;
color: #223041;
font-weight: 500;
box-shadow: 0 1px 2px rgba(17, 24, 39, 0.05);
}
.rlg-checkout__field--language select:focus {
outline: none;
border-color: #004ba1;
box-shadow: 0 0 0 3px rgba(0, 75, 161, 0.14);
}
.rlg-checkout__field--language select:invalid {
color: #7f8793;
}
.rlg-checkout__section-copy {
margin: 0 0 16px;
color: #66707c;
font-size: .75rem;
line-height: 1.5;
}
.rlg-checkout__language-note {
margin: -8px 0 18px;
color: #7f8793;
font-size: .68rem;
line-height: 1.45;
}
.rlg-checkout__terms {
display: flex;
align-items: flex-start;
gap: 10px;
font-size: .76rem;
color: #596270;
margin-top: 14px;
}
.rlg-checkout__terms input {
margin-top: 3px;
}
.rlg-checkout__terms-link {
border: 0;
background: transparent;
color: #004BA1;
padding: 0;
font: inherit;
text-decoration: underline;
cursor: pointer;
}
.rlg-checkout__payment-methods {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
margin-bottom: 22px;
}
.rlg-checkout__payment-option {
border: 1px solid #d6d9de;
min-height: 46px;
padding: 10px 14px;
display: flex;
align-items: center;
gap: 10px;
color: #2f3b4d;
cursor: pointer;
font-size: .86rem;
background: #fff;
border-radius: 4px;
}
.rlg-checkout__payment-option input {
position: absolute;
opacity: 0;
pointer-events: none;
}
.rlg-checkout__payment-option.is-selected,
.rlg-checkout__payment-option:has(input:checked) {
border-color: #ff9f61;
background: #fff4ed;
}
.rlg-checkout__payment-brand {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 38px;
height: 22px;
padding: 0 6px;
border: 1px solid #d7dde5;
border-radius: 3px;
background: #fff;
font-size: .68rem;
font-weight: 700;
letter-spacing: .02em;
color: #1d2e5d;
}
.rlg-checkout__payment-brand img {
display: block;
max-width: 52px;
max-height: 18px;
}
.rlg-checkout__payment-brand--izipay {
min-width: 58px;
padding: 0 8px;
}
.rlg-checkout__payment-brand--paypal {
color: #0070ba;
}
.rlg-checkout__payment-option-text {
flex: 1 1 auto;
}
.rlg-checkout__payment-option small {
margin-left: auto;
color: #6b7481;
}
.rlg-checkout__payment-radio {
width: 18px;
height: 18px;
border-radius: 50%;
border: 2px solid #c9c9c9;
background: #fff;
position: relative;
flex: 0 0 auto;
}
.rlg-checkout__payment-option.is-selected .rlg-checkout__payment-radio::after,
.rlg-checkout__payment-option:has(input:checked) .rlg-checkout__payment-radio::after {
content: "";
position: absolute;
inset: 3px;
border-radius: 50%;
background: #ff6a1a;
}
.rlg-checkout__payment-option.is-selected .rlg-checkout__payment-radio,
.rlg-checkout__payment-option:has(input:checked) .rlg-checkout__payment-radio {
border-color: #ff6a1a;
}
.rlg-checkout__payment-amount {
border: 1px solid #ecd3c2;
background: #fff1e8;
padding: 18px 22px;
display: flex;
justify-content: space-between;
align-items: flex-end;
gap: 12px;
margin-bottom: 24px;
min-height: 82px;
}
.rlg-checkout__payment-amount span,
.rlg-checkout__payment-amount small {
color: #6b7481;
}
.rlg-checkout__payment-amount strong {
font-size: 2rem;
line-height: 1;
color: #ff6a1a;
}
.rlg-checkout__payment-amount small {
font-size: .72rem;
text-transform: uppercase;
font-weight: 600;
text-align: right;
}
.rlg-checkout__payment-amount-total {
display: flex;
align-items: center;
min-height: 40px;
margin-left: auto;
}
.rlg-checkout__footer-actions {
display: flex;
justify-content: space-between;
align-items: center;
gap: 18px;
}
.rlg-checkout__footer-actions--payment {
justify-content: flex-end;
}
.rlg-checkout__back {
color: #6b7481;
text-decoration: none;
}
.rlg-checkout__back-btn {
border: 0;
background: transparent;
color: #6b7481;
padding: 0;
cursor: pointer;
font-size: .82rem;
}
.rlg-checkout__back-btn--inline {
display: block;
margin-left: auto;
margin-top: 12px;
}
.rlg-checkout__pay-btn,
.rlg-checkout__order-btn {
border: 0;
background: #004BA1;
color: #fff;
min-height: 42px;
padding: 10px 28px;
font-weight: 700;
cursor: pointer;
}
.rlg-checkout__pay-btn {
min-width: 170px;
min-height: 40px;
padding: 10px 24px;
background: #ff6a1a;
color: #fff;
}
.rlg-checkout__pay-btn.is-izipay {
background: #ff6a1a;
color: #fff;
min-width: 174px;
}
.rlg-checkout__pay-btn.is-paypal {
background: #ffc439;
color: #003087;
font-weight: 700;
}
.rlg-checkout__step-actions {
display: flex;
align-items: center;
gap: 16px;
}
.rlg-checkout__aside {
position: sticky;
top: 20px;
}
.rlg-checkout__order {
border: 1px solid #e2e2e2;
padding: 18px 18px 20px;
background: #fff;
}
.rlg-checkout__order h3 {
margin: 0 0 16px;
font-size: 1.15rem;
text-transform: uppercase;
color: #43505f;
font-weight: 700;
}
.rlg-checkout__order-dates {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 18px;
margin: 12px 0 14px;
padding: 14px 16px;
background: #f7f7f9;
border-radius: 6px;
}
.rlg-checkout__order-dates span {
display: block;
font-size: .8rem;
color: #6a7481;
margin-bottom: 4px;
}
.rlg-checkout__order-dates strong {
display: block;
color: #6b7481;
font-size: .9rem;
font-weight: 400;
line-height: 1.4;
}
.rlg-checkout__order-total {
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
padding-top: 14px;
border-top: 1px solid #e8e8e8;
margin-bottom: 18px;
}
.rlg-checkout__order-total span {
color: #6b7481;
font-size: .95rem;
}
.rlg-checkout__order-item + .rlg-checkout__order-item {
margin-top: 18px;
padding-top: 18px;
border-top: 1px solid #ececec;
}
.rlg-checkout__order-image {
margin-bottom: 12px;
border-radius: 6px;
overflow: hidden;
background: #f5f6f8;
}
.rlg-checkout__order-image img {
display: block;
width: 100%;
height: 128px;
object-fit: cover;
}
.rlg-checkout__order-name {
font-size: 1rem;
line-height: 1.35;
text-transform: none;
font-weight: 500;
color: #415161;
}
.rlg-checkout__order-pax {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: .95rem;
color: #6b7481;
white-space: nowrap;
}
.rlg-checkout__order-btn {
width: 100%;
min-height: 52px;
font-size: 1.15rem;
}
.rlg-checkout__order-total strong {
font-size: 1.95rem;
}
.rlg-checkout__order-head {
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
}
.rlg-checkout__order-pax-icon {
color: #66707c;
font-size: 1.1rem;
line-height: 1;
}
.rlg-checkout__summary-card {
border: 1px solid #e6e6e6;
background: #fff;
padding: 0;
}
.rlg-checkout__summary-grid {
border: 1px solid #ececec;
}
.rlg-checkout__summary-card .rlg-checkout__tour {
grid-template-columns: 300px minmax(0, 1fr) 250px;
padding: 0;
gap: 0;
align-items: stretch;
}
.rlg-checkout__tour-top {
display: flex;
justify-content: space-between;
gap: 14px;
align-items: flex-start;
margin-bottom: 16px;
}
.rlg-checkout__tour-title-wrap {
display: flex;
align-items: center;
gap: 10px;
}
.rlg-checkout__tour-calendar-btn {
border: 0;
background: transparent;
padding: 0;
line-height: 1;
cursor: pointer;
}
.rlg-checkout__tour-title-wrap h3 {
margin: 0;
font-size: 2rem;
color: #415161;
line-height: 1.2;
font-weight: 500;
}
.rlg-checkout__tour-calendar {
color: #004BA1;
font-size: 1.4rem;
display: inline-flex;
align-items: center;
justify-content: center;
}
.rlg-checkout__tour-calendar-btn {
position: relative;
}
.rlg-checkout__tour-calendar-btn::after {
content: ""; left: 50%;      }
.rlg-checkout__tour-remove {
border: 0;
background: transparent;
color: #ff4d3a;
font-size: 1.8rem;
line-height: 1;
padding: 0;
cursor: pointer;
position: absolute;
top: 22px;
right: 18px;
}
.rlg-checkout__tour-mini-meta {
display: flex;
gap: 22px;
flex-wrap: wrap;
color: #6f7882;
font-size: .78rem;
margin-bottom: 18px;
}
.rlg-checkout__tour-mini-meta span + span {
position: relative;
}
.rlg-checkout__meta-icon {
display: inline-flex;
align-items: center;
justify-content: center;
margin-right: 4px;
line-height: 1;
font-size: 1rem;
}
.rlg-checkout__meta-icon--pin,
.rlg-checkout__meta-icon--money {
color: #004BA1;
}
.rlg-checkout__meta-icon--pax,
.rlg-checkout__meta-icon--edit {
color: #6d7784;
}
.rlg-checkout__pax-trigger {
display: inline-flex;
align-items: center;
gap: 10px;
border: 0;
background: transparent;
color: inherit;
padding: 0;
cursor: pointer;
font-size: inherit;
}
.rlg-checkout__pax-trigger:hover {
color: #415161;
}
.rlg-checkout__tour-dates {
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
}
.rlg-checkout__tour-dates-trigger {
border: 0;
background: transparent;
padding: 0;
text-align: left;
cursor: pointer;
}
.rlg-checkout__tour-date-block {
min-width: 182px;
}
.rlg-checkout__tour-date-label {
display: block;
color: #606a78;
font-size: .78rem;
margin-bottom: 6px;
}
.rlg-checkout__tour-date-box {
background: #f4f5f8;
color: #66707c;
padding: 12px 12px;
font-size: .8rem;
line-height: 1.3;
min-height: auto;
}
.rlg-checkout__tour-date-arrow {
color: #6d7784;
font-size: 1.4rem;
margin-top: 18px;
}
.rlg-checkout__tour-side {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-end;
text-align: right;
padding: 26px 22px 18px 0;
position: relative;
}
.rlg-checkout__tour-unit-price {
color: #6f7882;
font-size: .74rem;
margin-bottom: 18px;
margin-top: 18px;
}
.rlg-checkout__tour-side-total span {
display: block;
color: #6f7882;
font-size: .78rem;
margin-bottom: 6px;
}
.rlg-checkout__tour-side-total strong {
color: #004BA1;
font-size: 1.15rem;
}
.rlg-checkout__summary-footer {
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
border: 1px solid #ececec;
border-top: 0;
padding: 14px 14px;
}
.rlg-checkout__summary-total span {
display: block;
color: #66707c;
text-transform: uppercase;
font-size: .78rem;
margin-bottom: 2px;
}
.rlg-checkout__summary-total strong {
color: #004BA1;
font-size: 1.1rem;
font-weight: 500;
}
.rlg-checkout__summary-btn {
border: 0;
background: #004BA1;
color: #fff;
min-height: 36px;
min-width: 152px;
padding: 10px 20px;
font-weight: 700;
font-size: .86rem;
cursor: pointer;
}
.rlg-checkout__continue-link {
display: block;
width: fit-content;
margin: 10px 0 0 auto;
color: #6b7481;
text-decoration: none;
font-size: .82rem;
}
.rlg-checkout__modal[hidden] {
display: none !important;
}
.rlg-checkout__modal {
position: fixed;
inset: 0;
z-index: 99999;
display: flex;
align-items: center;
justify-content: center;
}
.rlg-checkout__modal-backdrop {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.35);
}
.rlg-checkout__modal-card {
position: relative;
z-index: 1;
width: min(340px, calc(100vw - 32px));
background: #fff;
border-radius: 4px;
box-shadow: 0 18px 40px rgba(0, 0, 0, 0.25);
padding: 22px 22px 18px;
}
.rlg-checkout__modal-card--date {
width: min(390px, calc(100vw - 32px));
padding: 20px 20px 18px;
}
.rlg-checkout__modal--terms {
padding: 24px;
}
.rlg-checkout__modal-card--terms {
width: min(1180px, calc(100vw - 48px));
max-height: min(86vh, 920px);
padding: 28px 28px 24px;
border-radius: 6px;
}
.rlg-checkout__terms-close {
border: 1px solid #d7dce3;
background: #f3f4f6;
color: #3f434a;
font-size: 1rem;
line-height: 1.1;
padding: 10px 18px;
border-radius: 18px;
cursor: pointer;
}
.rlg-checkout__terms-actions {
display: flex;
justify-content: flex-end;
padding-top: 18px;
}
.rlg-checkout__terms-content {
max-height: calc(86vh - 52px);
overflow-y: auto;
padding-right: 18px;
color: #5d6067;
line-height: 1.75;
font-size: 1.08rem;
}
.rlg-checkout__terms-content h2 {
margin: 24px 0 28px;
font-size: 2.5rem;
line-height: 1.1;
color: #34363d;
font-weight: 800;
}
.rlg-checkout__terms-content h2 span {
color: #004BA1;
}
.rlg-checkout__terms-content h3 {
margin: 28px 0 10px;
font-size: 1.28rem;
color: #004BA1;
font-weight: 700;
}
.rlg-checkout__terms-content p {
margin: 0 0 16px;
}
.rlg-checkout__terms-content strong {
color: #30333a;
}
.rlg-checkout__terms-content::-webkit-scrollbar {
width: 10px;
}
.rlg-checkout__terms-content::-webkit-scrollbar-track {
background: #f5f1f0;
border-radius: 999px;
}
.rlg-checkout__terms-content::-webkit-scrollbar-thumb {
background: #004BA1;
border-radius: 999px;
}
.rlg-checkout__modal-head {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 22px;
}
.rlg-checkout__modal-head--secondary {
margin-top: 22px;
}
.rlg-checkout__modal-step {
width: 28px;
height: 28px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
background: #004BA1;
color: #fff;
font-weight: 700;
}
.rlg-checkout__modal-head h3 {
margin: 0;
font-size: 1.05rem;
color: #202733;
}
.rlg-checkout__modal-label {
font-size: 1rem;
font-weight: 700;
color: #202733;
margin-bottom: 10px;
}
.rlg-checkout__modal-row {
display: flex;
justify-content: space-between;
align-items: center;
gap: 16px;
margin-bottom: 22px;
}
.rlg-checkout__modal-name {
font-size: .78rem;
color: #202733;
}
.rlg-checkout__modal-stepper {
display: inline-flex;
align-items: center;
gap: 22px;
}
.rlg-checkout__modal-stepper-btn {
border: 0;
background: transparent;
color: #004BA1;
font-size: 2rem;
line-height: 1;
padding: 0;
cursor: pointer;
}
.rlg-checkout__modal-stepper-btn:disabled {
opacity: .45;
cursor: not-allowed;
}
.rlg-checkout__modal-stepper-value {
min-width: 18px;
text-align: center;
font-size: 1.1rem;
color: #202733;
}
.rlg-checkout__modal-continue {
width: 100%;
min-height: 54px;
border: 0;
background: #004BA1;
color: #fff;
font-weight: 700;
font-size: .95rem;
cursor: pointer;
}
.rlg-checkout__date-picker {
border: 1px solid #d7dbe2;
}
.rlg-checkout__date-picker-head {
display: grid;
grid-template-columns: 34px 1fr 34px;
align-items: center;
min-height: 48px;
border-bottom: 1px solid #d7dbe2;
background: #fff;
}
.rlg-checkout__date-picker-current {
display: flex;
justify-content: center;
align-items: center;
gap: 24px;
font-size: .86rem;
color: #394657;
}
.rlg-checkout__date-nav {
border: 0;
background: transparent;
color: #7f8996;
font-size: 1.6rem;
line-height: 1;
cursor: pointer;
}
.rlg-checkout__date-weekdays,
.rlg-checkout__date-grid {
display: grid;
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.rlg-checkout__date-weekdays span {
min-height: 28px;
display: flex;
align-items: center;
justify-content: center;
font-size: .76rem;
font-weight: 700;
color: #4c5563;
background: #efedf3;
border-right: 1px solid #ddd7e2;
}
.rlg-checkout__date-weekdays span:last-child {
border-right: 0;
}
.rlg-checkout__date-cell {
min-height: 40px;
border: 0;
border-right: 1px solid #ddd7e2;
border-bottom: 1px solid #ddd7e2;
background: #fff;
color: #222b38;
font-size: .9rem;
cursor: pointer;
}
.rlg-checkout__date-cell:nth-child(7n) {
border-right: 0;
}
.rlg-checkout__date-cell.is-empty {
background: #fff;
cursor: default;
}
.rlg-checkout__date-cell.is-selected {
background: #004BA1;
color: #fff;
font-weight: 700;
}
.rlg-checkout__date-cell.is-in-range:not(.is-selected):not(.is-range-end) {
background: #ffd2bc;
color: #222b38;
}
.rlg-checkout__date-cell.is-range-end {
background: #004BA1;
color: #ffffff;
font-weight: 700;
}
.rlg-checkout__izipay-root {
position: fixed;
left: -9999px;
top: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
pointer-events: auto;
}
#rlg-izipay-form[hidden] {
display: none !important;
}
.kr-popin-modal-background,
.kr-popin-modal,
.kr-popin-modal-display {
z-index: 2147483000 !important;
}
.kr-popin-modal .kr-popin-modal-container,
.kr-popin-modal .kr-popin-modal-wrapper {
z-index: 2147483001 !important;
}
.rlg-checkout .select2 {
width: 100% !important;
}
.rlg-checkout .select2-container--default .select2-selection--single {
min-height: 44px;
border: 1px solid #c9d3df;
border-radius: 8px;
background: #fff;
box-shadow: 0 1px 2px rgba(17, 24, 39, 0.05);
transition: border-color .18s ease, box-shadow .18s ease;
}
.rlg-checkout .select2-container .select2-selection--single .select2-selection__rendered {
min-height: 42px;
padding-left: 14px;
padding-right: 38px;
display: flex;
align-items: center;
line-height: 1.2;
color: #223041;
font-size: .85rem;
font-weight: 500;
}
.rlg-checkout .select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #9aa3ad;
}
.rlg-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 42px;
right: 8px;
width: 28px;
}
.rlg-checkout .select2-container--default.select2-container--focus .select2-selection--single,
.rlg-checkout .select2-container--default.select2-container--open .select2-selection--single {
border-color: #004ba1;
box-shadow: 0 0 0 3px rgba(0, 75, 161, 0.14);
}
.rlg-checkout .select2-dropdown {
border-color: #c9d3df;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 14px 30px rgba(17, 24, 39, 0.12);
}
.rlg-checkout .select2-search--dropdown {
padding: 6px;
}
.rlg-checkout .select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #c9d3df;
min-height: 38px;
border-radius: 8px;
padding: 8px 10px;
}
.rlg-checkout .select2-container--default .select2-results__option {
font-size: .82rem;
}
.rlg-checkout .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
background: #004BA1;
}
.rlg-checkout__country-option {
display: inline-flex;
align-items: center;
gap: 8px;
}
.rlg-checkout__country-flag {
width: 24px;
height: 18px;
object-fit: cover;
border-radius: 2px;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
flex: 0 0 auto;
}
.rlg-checkout__country-container .select2-selection--single {
min-height: 44px !important;
border: 1px solid #c9d3df !important;
border-radius: 8px !important;
background: #fff !important;
}
.rlg-checkout__country-container.select2-container--open .select2-selection--single,
.rlg-checkout__country-container.select2-container--focus .select2-selection--single {
border-color: #004BA1 !important;
box-shadow: 0 0 0 1px #004BA1 inset;
}
.rlg-checkout__country-container .select2-selection__rendered {
min-height: 42px;
display: flex !important;
align-items: center;
padding-left: 14px !important;
padding-right: 38px !important;
color: #223041 !important;
font-size: .85rem !important;
font-weight: 500 !important;
line-height: 1.2 !important;
}
.rlg-checkout__country-container .select2-selection__placeholder {
color: #7b8794 !important;
}
.rlg-checkout__country-container .select2-selection__arrow {
width: 28px !important;
height: 42px !important;
right: 8px !important;
}
.rlg-checkout__country-container .select2-selection__arrow b {
border-color: #a8b1bc transparent transparent transparent !important;
border-width: 5px 4px 0 4px !important;
margin-left: -4px !important;
margin-top: -2px !important;
}
.rlg-checkout__country-container.select2-container--open .select2-selection__arrow b {
border-color: transparent transparent #a8b1bc transparent !important;
border-width: 0 4px 5px 4px !important;
}
.rlg-checkout__country-dropdown {
border: 0 !important;
border-radius: 0 0 12px 12px !important;
overflow: hidden;
box-shadow: 0 14px 28px rgba(18, 32, 53, 0.16);
}
.rlg-checkout__country-dropdown .select2-search--dropdown {
display: none;
}
.rlg-checkout__country-dropdown .select2-results__options {
max-height: 280px !important;
padding: 6px 0;
}
.rlg-checkout__country-dropdown .select2-results__option {
padding: 12px 14px !important;
color: #27384a;
font-size: .86rem !important;
background: #fff;
}
.rlg-checkout__country-dropdown .select2-results__option--highlighted.select2-results__option--selectable,
.rlg-checkout__country-dropdown .select2-results__option--selected {
background: #fff7f2 !important;
color: #27384a !important;
}
.rlg-checkout__native-flag {
position: relative;
}
.rlg-checkout__native-flag-select {
position: absolute;
inset: 0;
opacity: 0;
pointer-events: none;
}
.rlg-checkout__native-flag-trigger {
width: 100%;
min-height: 44px;
border: 1px solid #c9d3df;
border-radius: 8px;
background: #fff;
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 10px 14px;
color: #223041;
font-size: .85rem;
text-align: left;
cursor: pointer;
}
.rlg-checkout__native-flag-trigger--inline {
cursor: text;
padding-top: 0;
padding-bottom: 0;
}
.rlg-checkout__native-flag.is-open .rlg-checkout__native-flag-trigger,
.rlg-checkout__native-flag-trigger:focus {
border-color: #004ba1;
box-shadow: 0 0 0 3px rgba(0, 75, 161, 0.14);
outline: none;
}
.rlg-checkout__native-flag-value.is-placeholder {
color: #8b99a7;
}
.rlg-checkout__native-flag-option,
.rlg-checkout__native-flag-item {
display: flex;
align-items: center;
gap: 8px;
}
.rlg-checkout__native-flag-image {
width: 24px;
height: 18px;
object-fit: cover;
border-radius: 2px;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
flex: 0 0 auto;
}
.rlg-checkout__native-flag-input {
flex: 1 1 auto;
min-width: 0;
min-height: 42px;
border: 0 !important;
background: transparent !important;
padding: 0 !important;
margin: 0 !important;
box-shadow: none !important;
border-radius: 0 !important;
color: #223041;
font-size: .85rem;
outline: none;
}
.rlg-checkout__native-flag-input::placeholder {
color: #8b99a7;
}
.rlg-checkout__native-flag-arrow {
width: 10px;
height: 10px;
border-right: 1.5px solid #66788f;
border-bottom: 1.5px solid #66788f;
transform: rotate(45deg);
flex: 0 0 auto;
margin-top: -4px;
}
.rlg-checkout__native-flag-menu {
position: absolute;
top: calc(100% + 6px);
left: 0;
right: 0;
z-index: 40;
border: 1px solid #c9d3df;
border-radius: 10px;
background: #fff;
box-shadow: 0 14px 30px rgba(17, 24, 39, 0.12);
overflow: hidden;
}
.rlg-checkout__native-flag--inline .rlg-checkout__native-flag-search {
display: none;
}
.rlg-checkout__native-flag-search {
width: calc(100% - 12px);
min-height: 38px;
margin: 6px;
border: 1px solid #c9d3df;
border-radius: 8px;
padding: 8px 10px;
}
.rlg-checkout__native-flag-options {
max-height: 280px;
overflow: auto;
padding: 6px 0;
}
.rlg-checkout__native-flag--inline .rlg-checkout__native-flag-options {
padding-top: 0;
}
.rlg-checkout__native-flag-item {
width: 100%;
border: 0;
background: #fff;
padding: 12px 14px;
color: #27384a;
font-size: 1rem;
text-align: left;
cursor: pointer;
}
.rlg-checkout__native-flag-item:hover,
.rlg-checkout__native-flag-item:focus {
background: #fff7f2;
outline: none;
}
@media (max-width: 991px) {
.rlg-checkout__shell {
grid-template-columns: 1fr;
}
.rlg-checkout__aside {
position: static;
}
.rlg-checkout__tour,
.rlg-checkout__summary-card .rlg-checkout__tour {
grid-template-columns: 1fr;
}
.rlg-checkout__form-grid,
.rlg-checkout__form-grid--pax,
.rlg-checkout__payment-methods,
.rlg-checkout__pax-row {
grid-template-columns: 1fr;
}
.rlg-checkout__field--pax-label {
padding-top: 0;
}
.rlg-checkout__notice-row {
grid-template-columns: 1fr;
}
.rlg-checkout__shell.is-step-1 {
grid-template-columns: 1fr;
}
}
@media (max-width: 767px) {
.rlg-checkout {
padding: 24px 0 36px;
}
.rlg-checkout__aside {
display: none !important;
}
.rlg-checkout__shell.is-step-3 {
grid-template-columns: 1fr;
}
.rlg-checkout__shell {
padding: 16px;
}
.rlg-checkout__steps,
.rlg-checkout__footer-actions,
.rlg-checkout__payment-amount,
.rlg-checkout__tour-head,
.rlg-checkout__tour-price,
.rlg-checkout__summary-footer {
flex-direction: column;
align-items: flex-start;
}
.rlg-checkout__steps {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
align-items: stretch;
gap: 8px;
overflow: hidden;
padding-bottom: 4px;
}
.rlg-checkout__step {
width: 100%;
min-width: 0;
gap: 6px;
white-space: nowrap;
font-size: .72rem;
align-self: stretch;
}
.rlg-checkout__step span:last-child {
display: block;
overflow: hidden;
text-overflow: ellipsis;
}
.rlg-checkout__step.is-active {
padding: 10px 8px;
}
.rlg-checkout__step-number {
width: 24px;
height: 24px;
font-size: .72rem;
flex: 0 0 24px;
}
.rlg-checkout__tour-side {
align-items: flex-start;
text-align: left;
}
.rlg-checkout__continue-link {
margin-left: 0;
}
.rlg-checkout__back-btn--inline {
margin-left: 0;
}
.rlg-checkout__summary-card {
border: 1px solid #e8ebf0;
border-radius: 0;
overflow: hidden;
background: #fff;
}
.rlg-checkout__summary-grid {
border: 0;
}
.rlg-checkout__summary-card .rlg-checkout__tour {
display: block;
position: relative;
}
.rlg-checkout__tour-image img {
height: 188px;
}
.rlg-checkout__tour-content {
padding: 14px 14px 8px;
}
.rlg-checkout__tour-top {
display: block;
margin-bottom: 10px;
}
.rlg-checkout__tour-title-wrap {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
width: 100%;
}
.rlg-checkout__tour-title-wrap h3 {
font-size: 1.05rem;
line-height: 1.3;
font-weight: 500;
}
.rlg-checkout__tour-calendar-btn {
flex: 0 0 auto;
}
.rlg-checkout__tour-mini-meta {
gap: 14px;
margin-bottom: 14px;
font-size: .8rem;
}
.rlg-checkout__tour-dates-trigger {
display: block;
width: 100%;
}
.rlg-checkout__tour-dates {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 12px;
align-items: start;
}
.rlg-checkout__tour-date-block {
min-width: 0;
}
.rlg-checkout__tour-date-box {
min-height: 56px;
padding: 10px 12px;
font-size: .76rem;
line-height: 1.35;
}
.rlg-checkout__tour-date-arrow {
display: none;
}
.rlg-checkout__tour-side {
padding: 0 14px 14px;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 8px 14px;
align-items: end;
text-align: left;
position: static;
}
.rlg-checkout__tour-remove {
top: 10px;
right: 10px;
bottom: auto;
font-size: 1.15rem;
width: 28px;
height: 28px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: #fff;
box-shadow: 0 4px 12px rgba(20, 34, 58, 0.12);
z-index: 2;
}
.rlg-checkout__tour-unit-price {
margin: 0;
font-size: .75rem;
line-height: 1.35;
}
.rlg-checkout__tour-side-total {
text-align: right;
}
.rlg-checkout__tour-side-total strong {
font-size: 1rem;
}
.rlg-checkout__summary-footer {
padding: 12px 14px 14px;
gap: 12px;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.rlg-checkout__summary-total {
width: 100%;
text-align: center;
}
.rlg-checkout__summary-btn {
width: 100%;
min-width: 0;
min-height: 44px;
font-size: .92rem;
border-radius: 3px;
}
.rlg-checkout__continue-link {
width: 100%;
margin: 0;
padding: 10px 14px 0;
text-align: center;
}
.rlg-checkout__payment-methods {
grid-template-columns: 1fr;
gap: 14px;
}
.rlg-checkout__payment-option {
min-height: 52px;
padding: 14px 14px;
font-size: .95rem;
border-radius: 6px;
}
.rlg-checkout__payment-option small {
margin-left: 0;
font-size: .9rem;
}
.rlg-checkout__payment-amount {
padding: 20px 18px;
border-radius: 6px;
align-items: flex-end;
text-align: right;
}
.rlg-checkout__payment-amount strong {
font-size: 2.1rem;
}
.rlg-checkout__payment-amount small {
width: 100%;
text-align: right;
font-size: .82rem;
}
.rlg-checkout__footer-actions--payment {
width: 100%;
}
.rlg-checkout__footer-actions--payment .rlg-checkout__pay-btn {
width: 100%;
min-width: 0;
min-height: 52px;
font-size: 1rem;
border-radius: 4px;
}
.rlg-checkout__modal--terms {
padding: 12px;
}
.rlg-checkout__modal-card--terms {
width: min(100vw - 24px, 100%);
max-height: 90vh;
padding: 22px 18px 18px;
}
.rlg-checkout__terms-content {
max-height: calc(90vh - 44px);
padding-right: 10px;
font-size: 1rem;
}
.rlg-checkout__terms-content h2 {
margin: 12px 0 20px;
font-size: 2rem;
}
}
.rlg-checkout {
--rlg-checkout-fs-xs: clamp(12px, 1vw, 13px);
--rlg-checkout-fs-sm: clamp(13px, 1.25vw, 15px);
--rlg-checkout-fs-md: clamp(15px, 1.55vw, 17px);
--rlg-checkout-fs-lg: clamp(18px, 2vw, 24px);
--rlg-checkout-fs-xl: clamp(26px, 3vw, 34px);
}
.rlg-checkout__steps,
.rlg-checkout__notice,
.rlg-checkout__alert,
.rlg-checkout__notice--step1,
.rlg-checkout__notice[data-step-notice="3"],
.rlg-checkout__terms,
.rlg-checkout__payment-option,
.rlg-checkout__back-btn,
.rlg-checkout__continue-link,
.rlg-checkout .select2-container .select2-selection--single .select2-selection__rendered,
.rlg-checkout .select2-container--default .select2-results__option,
.rlg-checkout__country-container .select2-selection__rendered,
.rlg-checkout__country-dropdown .select2-results__option {
font-size: var(--rlg-checkout-fs-sm);
}
.rlg-checkout__notice--important,
.rlg-checkout__mini-total-row span,
.rlg-checkout__field label,
.rlg-checkout__section-copy,
.rlg-checkout__language-note,
.rlg-checkout__payment-brand,
.rlg-checkout__payment-amount small,
.rlg-checkout__tour-mini-meta,
.rlg-checkout__tour-date-label,
.rlg-checkout__tour-unit-price,
.rlg-checkout__tour-side-total span,
.rlg-checkout__summary-total span,
.rlg-checkout__order-dates span {
font-size: var(--rlg-checkout-fs-xs);
}
.rlg-checkout__section-title,
.rlg-checkout__order h3,
.rlg-checkout__tour-price strong,
.rlg-checkout__summary-total strong,
.rlg-checkout__tour-side-total strong {
font-size: var(--rlg-checkout-fs-lg);
}
.rlg-checkout__payment-amount strong,
.rlg-checkout__order-total strong {
font-size: var(--rlg-checkout-fs-xl);
}
.rlg-checkout__tour-head h3,
.rlg-checkout__order-name,
.rlg-checkout__field--pax-label label,
.rlg-checkout__modal-head h3,
.rlg-checkout__modal-label,
.rlg-checkout__modal-stepper-value,
.rlg-checkout__order-btn,
.rlg-checkout__modal-continue {
font-size: var(--rlg-checkout-fs-md);
}
.rlg-checkout__tour-pax,
.rlg-checkout__order-pax,
.rlg-checkout__tour-meta,
.rlg-checkout__order-total span,
.rlg-checkout__order-dates strong,
.rlg-checkout__tour-date-box,
.rlg-checkout__mini-total-row strong,
.rlg-checkout__date-picker-current,
.rlg-checkout__modal-name {
font-size: var(--rlg-checkout-fs-sm);
}
.rlg-checkout__field input,
.rlg-checkout__field select,
.rlg-checkout__field textarea,
.rlg-checkout__gender-trigger {
min-height: 42px;
padding: 10px 12px;
font-size: var(--rlg-checkout-fs-sm);
}
.rlg-checkout__payment-option,
.rlg-checkout__pay-btn,
.rlg-checkout__order-btn,
.rlg-checkout__summary-btn {
min-height: 46px;
}
.rlg-checkout__pay-btn,
.rlg-checkout__summary-btn,
.rlg-checkout__mini-total-btn {
font-size: var(--rlg-checkout-fs-sm);
}
.rlg-checkout__date-weekdays span {
font-size: var(--rlg-checkout-fs-xs);
}
.rlg-checkout__date-cell {
min-height: 44px;
font-size: var(--rlg-checkout-fs-sm);
}
.rlg-checkout {
--rlg-checkout-accent: #29486a;
--rlg-checkout-accent-soft: #edf3f8;
--rlg-checkout-text: #324a63;
--rlg-checkout-muted: #6e7f92;
--rlg-checkout-border: #c9d7e5;
--rlg-checkout-warn: #ff9b4a;
--rlg-checkout-warn-soft: #fff8f2;
--rlg-checkout-title-size: clamp(18px, 1.8vw, 24px);
--rlg-checkout-title-line: 1.22;
}
.rlg-checkout__shell {
border: 1px solid #e4ebf2;
border-top: 1px solid #e4ebf2;
border-radius: 8px;
padding: 22px 18px 26px;
box-shadow: 0 10px 30px rgba(35, 57, 82, 0.05);
}
.rlg-checkout__steps {
gap: 18px;
margin-bottom: 24px;
font-size: 14px;
color: var(--rlg-checkout-muted);
}
.rlg-checkout__step {
gap: 10px;
font-weight: 600;
}
.rlg-checkout__step-number {
width: 30px;
height: 30px;
background: var(--rlg-checkout-accent);
font-size: 13px;
}
.rlg-checkout__step.is-active {
background: var(--rlg-checkout-accent-soft);
border-radius: 999px;
padding: 10px 16px;
color: var(--rlg-checkout-accent);
}
.rlg-checkout__step.is-complete .rlg-checkout__step-number,
.rlg-checkout__step:not(.is-active):not(.is-complete) .rlg-checkout__step-number {
background: var(--rlg-checkout-accent);
border-color: var(--rlg-checkout-accent);
}
.rlg-checkout__notice,
.rlg-checkout__alert {
border-color: #d7e2ec;
color: var(--rlg-checkout-text);
padding: 14px 18px;
margin-bottom: 24px;
font-size: 14px;
line-height: 1.55;
border-radius: 8px;
}
.rlg-checkout__notice strong {
color: #394f67;
}
.rlg-checkout__notice--important {
border-color: var(--rlg-checkout-warn);
background: var(--rlg-checkout-warn-soft);
gap: 14px;
padding: 12px 16px;
font-size: 15px;
line-height: 1.45;
}
.rlg-checkout__notice-alert {
color: #f27a24;
font-size: 22px;
margin-top: 1px;
}
.rlg-checkout__section-title {
margin: 0 0 18px;
font-size: var(--rlg-checkout-title-size);
line-height: var(--rlg-checkout-title-line);
color: #2e4767;
font-weight: 800;
letter-spacing: -.02em;
}
.rlg-checkout__section-title--spacious {
margin: 22px 0 26px;
font-size: clamp(15px, 1.4vw, 17px);
line-height: 1.45;
}
.rlg-checkout__form > .rlg-checkout__section-title--spacious:first-child {
margin-top: 10px;
}
.rlg-checkout__form .rlg-checkout__section-title + .rlg-checkout__section-title {
margin-top: 40px;
}
.rlg-checkout__form-grid,
.rlg-checkout__pax-list {
gap: 14px;
}
.rlg-checkout__pax-row {
gap: 10px;
}
.rlg-checkout__field {
gap: 8px;
}
.rlg-checkout__field label {
font-size: 14px;
color: var(--rlg-checkout-text);
font-weight: 400;
letter-spacing: 0;
}
.rlg-checkout__field input,
.rlg-checkout__field select,
.rlg-checkout__field textarea,
.rlg-checkout__gender-trigger {
min-height: 44px;
padding: 10px 14px;
border: 1px solid var(--rlg-checkout-border);
border-radius: 8px;
font-size: 15px;
color: #24384d;
box-shadow: none;
}
.rlg-checkout__field input::placeholder,
.rlg-checkout__field textarea::placeholder,
.rlg-checkout__gender-value.is-placeholder {
color: #8b99a7;
}
.rlg-checkout__field input:focus,
.rlg-checkout__field select:focus,
.rlg-checkout__field textarea:focus,
.rlg-checkout__gender.is-open .rlg-checkout__gender-trigger {
border-color: #9bb3c9;
box-shadow: 0 0 0 3px rgba(41, 72, 106, 0.10);
}
.rlg-checkout__field--pax-label {
min-height: 44px;
height: 44px;
transform: translateY(10px);
}
.rlg-checkout__field--pax-label label {
font-size: 15px;
color: #637588;
font-weight: 400;
}
.rlg-checkout__form label,
.rlg-checkout__form .rlg-checkout__field label,
.rlg-checkout__form .rlg-checkout__field--pax-label label {
font-weight: 400 !important;
}
.rlg-checkout__section-copy,
.rlg-checkout__language-note,
.rlg-checkout__terms,
.rlg-checkout__continue-link,
.rlg-checkout__back-btn,
.rlg-checkout__payment-option,
.rlg-checkout__notice[data-step-notice="3"] {
font-size: 14px;
color: var(--rlg-checkout-muted);
}
.rlg-checkout__terms {
gap: 12px;
margin-top: 18px;
line-height: 1.5;
}
.rlg-checkout__terms-link,
.rlg-checkout__notice[data-step-notice="3"] a,
.rlg-checkout__continue-link {
color: var(--rlg-checkout-accent);
}
.rlg-checkout__payment-option {
min-height: 48px;
border: 1px solid #d5dfea;
border-radius: 8px;
padding: 12px 14px;
color: var(--rlg-checkout-text);
}
.rlg-checkout__payment-option.is-selected,
.rlg-checkout__payment-option:has(input:checked) {
border-color: #f2b17b;
background: #fff8f2;
}
.rlg-checkout__payment-brand,
.rlg-checkout__payment-amount small,
.rlg-checkout__summary-total span {
font-size: 13px;
}
.rlg-checkout__payment-amount {
border: 1px solid #f0d7c5;
background: #fff8f2;
border-radius: 8px;
padding: 18px 20px;
}
.rlg-checkout__payment-amount strong {
color: var(--rlg-checkout-accent);
font-size: 32px;
}
.rlg-checkout__pay-btn,
.rlg-checkout__summary-btn,
.rlg-checkout__mini-total-btn,
.rlg-checkout__order-btn {
border-radius: 8px;
background: var(--rlg-checkout-accent);
font-size: 15px;
font-weight: 700;
}
.rlg-checkout__summary-btn,
.rlg-checkout__pay-btn {
min-height: 48px;
}
.rlg-checkout__mini-total {
border: 1px solid #dbe4ee;
border-radius: 8px;
}
.rlg-checkout__mini-total-row {
padding: 13px 14px 11px;
}
.rlg-checkout__mini-total-row strong {
color: var(--rlg-checkout-accent);
}
@media (max-width: 767px) {
.rlg-checkout__shell {
padding: 18px 14px;
}
.rlg-checkout__steps {
gap: 10px;
}
.rlg-checkout__step {
font-size: 12px;
white-space: normal;
line-height: 1.25;
}
.rlg-checkout__step.is-active {
padding: 10px 10px;
}
.rlg-checkout__tour-title-wrap h3 {
font-size: 16px;
}
.rlg-checkout__tour-mini-meta,
.rlg-checkout__tour-date-box,
.rlg-checkout__tour-unit-price,
.rlg-checkout__summary-total span,
.rlg-checkout__continue-link {
font-size: 13px;
}
.rlg-checkout__summary-btn,
.rlg-checkout__footer-actions--payment .rlg-checkout__pay-btn,
.rlg-checkout__modal-continue {
min-height: 48px;
font-size: 15px;
}
.rlg-checkout__payment-amount {
padding: 18px 16px;
}
.rlg-checkout__payment-amount strong,
.rlg-checkout__order-total strong {
font-size: 30px;
}
.rlg-checkout__date-cell {
min-height: 42px;
font-size: 13px;
}
}
[data-cart-items] {
display: grid;
gap: 22px;
}
.rlg-checkout__summary-grid {
border: 1px solid #e6ebf2;
background: #fff;
}
.rlg-checkout__summary-card .rlg-checkout__tour {
grid-template-columns: minmax(220px, 300px) minmax(0, 1fr) minmax(180px, 250px);
}
.rlg-checkout__tour-content {
padding: 22px 24px 20px;
}
.rlg-checkout__tour-top {
margin-bottom: 14px;
}
.rlg-checkout__tour-title-wrap {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: start;
gap: 10px;
width: auto;
padding-right: 8px;
}
.rlg-checkout__tour-title-wrap h3 {
min-width: 0;
margin: 0;
line-height: 1.35;
overflow-wrap: anywhere;
word-break: break-word;
}
.rlg-checkout__tour-calendar-btn {
align-self: start;
margin-top: 2px;
}
.rlg-checkout__tour-mini-meta {
gap: 16px 20px;
margin-bottom: 20px;
}
.rlg-checkout__tour-date-block {
min-width: 0;
}
.rlg-checkout__tour-date-box {
padding: 12px 14px;
}
.rlg-checkout__tour-side {
padding: 24px 22px 20px 12px;
}
.rlg-checkout__tour-remove {
top: 16px;
right: 16px;
}
@media (max-width: 991px) {
[data-cart-items] {
gap: 18px;
}
.rlg-checkout__summary-card .rlg-checkout__tour {
grid-template-columns: 1fr;
}
.rlg-checkout__tour-content {
padding: 18px 18px 14px;
}
.rlg-checkout__tour-side {
padding: 0 18px 18px;
}
}
@media (max-width: 767px) {
[data-cart-items] {
gap: 16px;
}
.rlg-checkout__summary-grid {
border-radius: 6px;
overflow: hidden;
}
.rlg-checkout__tour-title-wrap {
gap: 12px;
padding-right: 0;
}
.rlg-checkout__tour-title-wrap h3 {
font-size: 16px;
line-height: 1.35;
}
.rlg-checkout__tour-content {
padding: 16px 16px 12px;
}
.rlg-checkout__tour-mini-meta {
gap: 10px 14px;
margin-bottom: 16px;
}
.rlg-checkout__tour-date-box {
min-height: 60px;
padding: 12px;
}
.rlg-checkout__tour-side {
padding: 0 16px 16px;
}
}