.aktb{ --aktb-gold: #bba664;
--aktb-gold-dark: #a38f55;
--aktb-gold-soft: #f4f0e6;
--aktb-ink: #1c1c1c;
--aktb-muted: #5b5b5b;
--aktb-line: #e4e0d4;
--aktb-bg: #f5f5f3;
max-width: 960px;
margin: 0 auto;
color: var(--aktb-ink);
font-size: 15px;
line-height: 1.5;
}
.aktb *,
.aktb *::before,
.aktb *::after{ box-sizing: border-box; } .aktb [hidden]{ display: none !important; } .aktb .screen-reader-text{
position: absolute !important;
width: 1px; height: 1px;
margin: -1px; padding: 0;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
border: 0;
}
.aktb-testbar{
margin: 0 0 16px;
padding: 10px 14px;
border: 1px solid var(--aktb-gold);
border-radius: 8px;
background: var(--aktb-gold-soft);
color: #6d5c14;
font-size: 13px;
font-weight: 600;
} .aktb-steps{
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 0 0 22px;
padding: 0;
list-style: none;
counter-reset: none;
}
.aktb-step{
display: flex;
align-items: center;
gap: 9px;
flex: 1 1 150px;
margin: 0;
padding: 10px 14px;
border: 1px solid var(--aktb-line);
border-radius: 8px;
background: #fff;
color: var(--aktb-muted);
font-size: 13px;
font-weight: 600;
letter-spacing: .04em;
text-transform: uppercase;
}
.aktb-step span{
display: grid;
place-items: center;
width: 25px;
height: 25px;
border-radius: 50%;
background: #ddd;
color: #fff;
font-size: 13px;
}
.aktb-step.is-done{ border-color: var(--aktb-gold); background: var(--aktb-gold-soft); color: var(--aktb-ink); }
.aktb-step.is-done span{ background: var(--aktb-gold); color: #fff; }
.aktb-step.is-current{ border-color: var(--aktb-ink); background: var(--aktb-ink); color: #fff; }
.aktb-step.is-current span{ background: var(--aktb-gold); color: var(--aktb-ink); } .aktb-panel{
padding: 24px;
border: 1px solid var(--aktb-line);
border-radius: 12px;
background: var(--aktb-bg);
}
.aktb-panel__title{
margin: 0 0 6px;
font-size: 22px;
line-height: 1.25;
color: var(--aktb-ink);
}
.aktb-note{ margin: 0 0 18px; color: var(--aktb-muted); font-size: 14px; }
.aktb-alert{
margin: 0 0 16px;
padding: 12px 15px;
border: 1px solid #e6b0b0;
border-left: 4px solid #c0392b;
border-radius: 6px;
background: #fdf3f2;
color: #8f2c20;
font-size: 14px;
} .aktb-warn{
margin: 0 0 16px;
padding: 12px 15px;
border: 1px solid #e8d7a0;
border-left: 4px solid var(--aktb-gold-dark);
border-radius: 6px;
background: #fdf6e3;
color: #6d5c14;
font-size: 14px;
text-align: left;
}
.aktb-warn p{ margin: 0 0 10px; }
.aktb-warn .aktb-btn{ margin: 0; } .aktb-timer{
display: inline-flex;
align-items: center;
gap: 6px;
margin: 0 0 16px;
padding: 7px 14px;
border: 1px solid var(--aktb-gold);
border-radius: 100px;
background: var(--aktb-gold-soft);
color: #6d5c14;
font-family: 'Montserrat', arial, sans-serif;
font-size: 12.5px;
font-weight: 700;
letter-spacing: .01em;
}
.aktb-timer.is-low{ border-color: #c0392b; background: #fdf3f2; color: #8f2c20; } .aktb-panel--flat{
padding: 0;
background: transparent;
border: 0;
} .aktb-panel--flat.is-compact{ margin-bottom: 22px; }
.aktb-panel--flat.is-compact .aktb-formhead{ display: none; }
.aktb-panel--flat.is-compact .aktb-searchcard{ padding: 22px 26px; }
.aktb-formhead{
margin: 0 0 18px;
}
.aktb-formhead__title{
margin: 0 0 6px;
font-size: 26px;
line-height: 1.25;
color: var(--aktb-ink);
}
.aktb-formhead__subtitle{
margin: 0;
color: var(--aktb-muted);
font-size: 14px;
}
.aktb-searchcard{
padding: 30px;
background: #fff;
border: 1px solid #cacaca;
box-shadow: 0 0 10px rgba(0,0,0,.25);
font-family: 'Montserrat', arial, sans-serif;
} .aktb-trip{
display: flex;
flex-wrap: wrap;
gap: 8px 32px;
margin: 0 0 20px;
}
.aktb-trip__opt{
display: flex;
align-items: center;
gap: 8px;
color: var(--aktb-muted);
font-size: 13.5px;
font-weight: 700;
cursor: pointer;
}
.aktb-trip__opt input{
width: 15px;
height: 15px;
margin: 0;
accent-color: var(--aktb-gold);
cursor: pointer;
}
.aktb-searchbar{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
align-items: end;
gap: 20px;
}
.aktb-req{ margin-left: 2px; color: var(--aktb-gold-dark); } .aktb-searchcard .aktb-field{ margin: 0; }
.aktb-searchcard .aktb-field label{
display: block;
margin-bottom: 6px;
font-size: 13.5px;
font-weight: 700;
letter-spacing: 0;
text-transform: none;
color: var(--aktb-muted);
}
.aktb-searchcard .aktb-field input,
.aktb-searchcard .aktb-field select{
width: 100%;
max-width: 100%;
height: 42px;
padding: 0 10px 0 32px;
border: none;
border-bottom: 3px solid rgba(0,0,0,.15);
border-radius: 0;
background-color: transparent;
background-repeat: no-repeat;
background-position: 4px 50%;
background-size: 16px;
color: var(--aktb-muted);
font-family: inherit;
font-size: 13px;
line-height: 1.4;
transition: border-color .15s ease;
}
.aktb-searchcard .aktb-field select{
appearance: none;
-webkit-appearance: none;
background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16' fill='none' stroke='%235b5b5b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"),
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16' fill='none' stroke='%235b5b5b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 5.5-8 12-8 12s-8-6.5-8-12a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E");
background-position: right 4px center, 4px 50%;
background-size: 14px, 16px;
padding-right: 24px;
}
.aktb-field--depart input,
.aktb-field--return input{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16' fill='none' stroke='%235b5b5b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E");
}
.aktb-searchcard .aktb-field input:focus,
.aktb-searchcard .aktb-field select:focus{
outline: none;
border-bottom-color: var(--aktb-gold);
}
.aktb-searchcard .aktb-field .is-invalid{ border-bottom-color: #c0392b; }
.aktb-field--guests{ position: relative; }
.aktb-guests__toggle{
display: flex;
align-items: center;
justify-content: space-between;
gap: 6px;
width: 100%;
height: 42px;
padding: 0 4px 0 32px;
border: none;
border-bottom: 3px solid rgba(0,0,0,.15);
background-color: transparent;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16' fill='none' stroke='%235b5b5b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H7a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='10' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: 4px 50%;
background-size: 16px;
color: var(--aktb-muted);
font-family: inherit;
font-size: 13px;
text-align: left;
cursor: pointer;
transition: border-color .15s ease;
}
.aktb-guests__toggle:hover,
.aktb-guests__toggle:focus,
.aktb-guests__toggle[aria-expanded="true"]{ border-bottom-color: var(--aktb-gold); background-color: transparent; color: var(--aktb-muted); }
.aktb-guests__summary{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.aktb-guests__chev{ flex: 0 0 auto; color: var(--aktb-muted); transition: transform .15s ease; }
.aktb-guests__toggle[aria-expanded="true"] .aktb-guests__chev{ transform: rotate(180deg); }
.aktb-guests__panel{
position: absolute;
top: calc(100% + 10px);
right: 0;
left: auto;
z-index: 20;
width: min(300px, 100%);
margin: 0;
padding: 16px 18px;
background: #fff;
border: 1px solid #dcdcdc;
box-shadow: 0 4px 18px rgba(0,0,0,.18);
font-family: 'Montserrat', arial, sans-serif;
}
.aktb-guests__done{
display: block;
width: 100%;
margin-top: 8px;
padding: 10px;
border: 0;
background: var(--aktb-gold);
color: #fff;
font-family: inherit;
font-size: 15px;
font-weight: 700;
cursor: pointer;
}
.aktb-guests__done:hover,
.aktb-guests__done:focus{ background: var(--aktb-gold-dark); color: #fff; } .aktb-searchbar__submit{
height: 42px;
align-self: end;
border: 0;
background: var(--aktb-gold);
color: #0a0a0a;
font-family: 'Montserrat', arial, sans-serif;
font-size: 14px;
font-weight: 700;
cursor: pointer;
transition: background-color .15s ease;
}
.aktb-searchbar__submit:hover,
.aktb-searchbar__submit:focus{ background: var(--aktb-gold-dark); color: #fff; } .aktb-grid{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
gap: 14px;
margin-bottom: 18px;
}
.aktb-field{ margin: 0; }
.aktb-field label{
display: block;
margin-bottom: 5px;
font-size: 12px;
font-weight: 700;
letter-spacing: .07em;
text-transform: uppercase;
color: var(--aktb-ink);
}
.aktb-field input,
.aktb-field select{
width: 100%;
max-width: 100%;
padding: 10px 12px;
border: 1px solid var(--aktb-line);
border-radius: 8px;
background: #fff;
color: var(--aktb-ink);
font-size: 15px;
line-height: 1.4;
} .aktb-field select{
appearance: none;
-webkit-appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16' fill='none' stroke='%235b5b5b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 16px;
padding-right: 32px;
}
.aktb-field input:focus,
.aktb-field select:focus{
border-color: var(--aktb-gold);
outline: 2px solid var(--aktb-gold-soft);
}
.aktb-field .is-invalid{ border-color: #c0392b; background: #fdf3f2; } .aktb-phone{
position: relative;
display: flex;
align-items: stretch;
border: 1px solid var(--aktb-line);
border-radius: 8px;
background: #fff;
transition: border-color .15s ease, box-shadow .15s ease;
}
.aktb-phone:focus-within{
border-color: var(--aktb-gold);
box-shadow: 0 0 0 2px var(--aktb-gold-soft);
} .aktb-phone__trigger{
display: flex;
align-items: center;
gap: 6px;
flex: 0 0 auto;
padding: 0 10px !important;
border: 0 !important;
border-right: 1px solid var(--aktb-line) !important;
border-radius: 0 !important;
background: transparent !important;
color: var(--aktb-ink);
font-family: inherit;
font-size: 14px;
font-weight: 700;
line-height: 1 !important;
white-space: nowrap;
cursor: pointer;
}
.aktb-phone__trigger:hover,
.aktb-phone__trigger:focus{
background: transparent !important;
color: var(--aktb-ink) !important;
}
.aktb-phone__flag{ font-size: 17px; line-height: 1; }
.aktb-phone__chev{ display: flex; color: var(--aktb-muted); transition: transform .15s ease; }
.aktb-phone__trigger[aria-expanded="true"] .aktb-phone__chev{ transform: rotate(180deg); } .aktb-phone input{
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
}
.aktb-phone__number{
flex: 1 1 auto;
min-width: 0;
padding: 10px 12px;
}
.aktb-phone__number:focus{
outline: none !important;
}
.aktb-phone__panel{
position: absolute;
top: calc(100% + 8px);
left: 0;
right: 0;
z-index: 20;
background: #fff;
border: 1px solid #dcdcdc;
border-radius: 8px;
box-shadow: 0 4px 18px rgba(0,0,0,.18);
overflow: hidden;
}
.aktb-phone__search{
display: block;
width: 100%;
padding: 10px 12px;
border: 0 !important;
border-bottom: 1px solid var(--aktb-line) !important;
border-radius: 0 !important;
font-size: 14px;
}
.aktb-phone__search:focus{ outline: none !important; }
.aktb-phone__list{ max-height: 220px; overflow-y: auto; }
.aktb-phone__option{
display: flex;
align-items: center;
gap: 9px;
width: 100% !important;
padding: 9px 12px !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
color: var(--aktb-ink);
font-family: inherit;
font-size: 13.5px;
line-height: 1.3 !important;
text-align: left;
cursor: pointer;
}
.aktb-phone__option:hover,
.aktb-phone__option:focus{
background: var(--aktb-gold-soft) !important;
color: var(--aktb-ink) !important;
}
.aktb-phone__optflag{ flex: 0 0 auto; font-size: 16px; }
.aktb-phone__optname{ flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.aktb-phone__optdial{ flex: 0 0 auto; color: var(--aktb-muted); font-weight: 600; }
.aktb-phone__empty{ margin: 0; padding: 14px 12px; color: var(--aktb-muted); font-size: 13.5px; text-align: center; } .aktb-country{ position: relative; }
.aktb-country__trigger{
display: flex;
align-items: center;
gap: 8px;
width: 100% !important;
padding: 10px 12px !important;
border: 1px solid var(--aktb-line) !important;
border-radius: 8px !important;
background: #fff !important;
color: var(--aktb-ink);
font-family: inherit;
font-size: 15px;
line-height: 1.4 !important;
text-align: left;
cursor: pointer;
}
.aktb-country__trigger:hover,
.aktb-country__trigger:focus{
background: #fff !important;
color: var(--aktb-ink) !important;
}
.aktb-country__trigger:focus,
.aktb-country__trigger[aria-expanded="true"]{
border-color: var(--aktb-gold) !important;
outline: 2px solid var(--aktb-gold-soft);
}
.aktb-country__flag{ flex: 0 0 auto; font-size: 17px; line-height: 1; }
.aktb-country__name{ flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.aktb-country__chev{ display: flex; flex: 0 0 auto; color: var(--aktb-muted); transition: transform .15s ease; }
.aktb-country__trigger[aria-expanded="true"] .aktb-country__chev{ transform: rotate(180deg); }
.aktb-country__panel{
position: absolute;
top: calc(100% + 6px);
left: 0;
right: 0;
z-index: 20;
background: #fff;
border: 1px solid #dcdcdc;
border-radius: 8px;
box-shadow: 0 4px 18px rgba(0,0,0,.18);
overflow: hidden;
}
.aktb-country__search{
display: block;
width: 100%;
padding: 10px 12px;
border: 0 !important;
border-bottom: 1px solid var(--aktb-line) !important;
border-radius: 0 !important;
font-size: 14px;
}
.aktb-country__search:focus{ outline: none !important; }
.aktb-country__list{ max-height: 220px; overflow-y: auto; }
.aktb-country__option{
display: flex;
align-items: center;
gap: 9px;
width: 100% !important;
padding: 9px 12px !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
color: var(--aktb-ink);
font-family: inherit;
font-size: 13.5px;
line-height: 1.3 !important;
text-align: left;
cursor: pointer;
}
.aktb-country__option:hover,
.aktb-country__option:focus{
background: var(--aktb-gold-soft) !important;
color: var(--aktb-ink) !important;
}
.aktb-country__optflag{ flex: 0 0 auto; font-size: 16px; }
.aktb-country__optname{ flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.aktb-country__empty{ margin: 0; padding: 14px 12px; color: var(--aktb-muted); font-size: 13.5px; text-align: center; } .aktb-pax{
margin: 0 0 20px;
padding: 14px 16px;
border: 1px solid var(--aktb-line);
border-radius: 10px;
background: #fff;
}
.aktb-pax legend{
padding: 0 6px;
font-size: 12px;
font-weight: 700;
letter-spacing: .07em;
text-transform: uppercase;
}
.aktb-counter{
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
padding: 9px 0;
border-bottom: 1px solid var(--aktb-line);
}
.aktb-counter:last-child{ border-bottom: 0; }
.aktb-counter__text{ display: flex; flex-direction: column; }
.aktb-counter__label{ font-weight: 600; }
.aktb-counter__hint{ font-size: 12.5px; color: var(--aktb-muted); }
.aktb-counter__ctrl{ display: flex; align-items: center; gap: 6px; } .aktb-counter__btn{
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
width: 28px !important;
height: 28px !important;
min-width: 0 !important;
padding: 0 !important;
margin: 0;
border: 0 !important;
border-radius: 0;
background: var(--aktb-muted);
color: #fff;
font-size: 15px;
line-height: 1 !important;
cursor: pointer;
} .aktb-counter__btn--up{ background: var(--aktb-gold); }
.aktb-counter__btn--down{ background: var(--aktb-muted); }
.aktb-counter__btn:hover,
.aktb-counter__btn:focus{ opacity: .85; color: #fff; }
.aktb-counter__btn--up:hover,
.aktb-counter__btn--up:focus{ background: var(--aktb-gold); }
.aktb-counter__btn--down:hover,
.aktb-counter__btn--down:focus{ background: var(--aktb-muted); }
.aktb-counter__value{ min-width: 26px; text-align: center; font-weight: 700; } .aktb-btn{
display: inline-flex;
align-items: center;
justify-content: center;
gap: 7px;
padding: 11px 22px;
border: 1px solid transparent;
border-radius: 8px;
font-size: 15px;
font-weight: 600;
line-height: 1.2;
text-decoration: none;
cursor: pointer;
transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}
.aktb-btn--primary{ background: var(--aktb-ink); border-color: var(--aktb-ink); color: #fff; }
.aktb-btn--primary:hover,
.aktb-btn--primary:focus{ background: var(--aktb-gold); border-color: var(--aktb-gold); color: var(--aktb-ink); }
.aktb-btn--ghost{ background: #fff; border-color: var(--aktb-line); color: var(--aktb-ink); }
.aktb-btn--ghost:hover,
.aktb-btn--ghost:focus{ background: #fff; border-color: var(--aktb-ink); color: var(--aktb-ink); }
.aktb-btn--lg{ width: 100%; padding: 14px 22px; font-size: 16px; }
.aktb-btn:disabled{ opacity: .55; cursor: not-allowed; }
.aktb-actions{ display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.aktb-actions .aktb-btn{ flex: 1 1 160px; } .aktb-leg{ margin-bottom: 22px; }
.aktb-leg__title{
margin: 0 0 10px;
font-size: 13px;
font-weight: 700;
letter-spacing: .09em;
text-transform: uppercase;
color: var(--aktb-ink);
} .aktb-timetable{
border: 1px solid #dcdcdc;
background: #fff;
box-shadow: 0 0 10px rgba(0,0,0,.08);
font-family: 'Montserrat', arial, sans-serif;
}
.aktb-timetable__row{
display: grid;
grid-template-columns: 28px repeat(4, 1fr) auto;
align-items: center;
gap: 10px;
}
.aktb-timetable__row--head{
padding: 12px 16px;
background: #f7f6f3;
border-bottom: 1px solid #e2e2e2;
}
.aktb-timetable__cell{
display: flex;
align-items: center;
gap: 6px;
color: var(--aktb-muted);
font-size: 11.5px;
font-weight: 700;
letter-spacing: .04em;
text-transform: uppercase;
}
.aktb-timetable__cellicon{ display: flex; color: var(--aktb-gold-dark); }
.aktb-timetable__cell--stop{ justify-self: end; }
.aktb-timetable__body{ display: flex; flex-direction: column; }
.aktb-trainrow{ border-bottom: 1px solid #ececec; }
.aktb-trainrow:last-child{ border-bottom: 0; }
.aktb-trainrow__summary{
display: grid;
grid-template-columns: 28px repeat(4, 1fr) auto;
align-items: center;
gap: 10px;
width: 100%;
padding: 13px 16px;
border: 0;
background: transparent;
color: var(--aktb-ink);
font-family: inherit;
font-size: 14px;
text-align: left;
cursor: pointer;
transition: background-color .15s ease;
}
.aktb-trainrow__summary:hover,
.aktb-trainrow__summary:focus{ background: #fafaf8; color: var(--aktb-ink); }
.aktb-trainrow.is-open .aktb-trainrow__summary{ background: #f0f0ee; }
.aktb-trainrow__chev{ display: flex; color: var(--aktb-muted); transition: transform .15s ease; }
.aktb-trainrow.is-open .aktb-trainrow__chev{ transform: rotate(-90deg); }
.aktb-trainrow__cell{ font-weight: 700; }
.aktb-trainrow__cell--time{ font-size: 15px; }
.aktb-trainrow__cell--stop{ justify-self: end; font-weight: 600; color: var(--aktb-muted); text-transform: none; }
.aktb-trainrow__panel{ padding: 0 16px 18px 44px; } .aktb-classtabs{ display: flex; gap: 2px; margin-bottom: 0; }
.aktb-classtabs__tab{
display: flex;
align-items: center;
gap: 7px;
padding: 10px 16px;
border: 0;
border-top: 3px solid transparent;
background: #ececea;
color: var(--aktb-muted);
font-family: inherit;
font-size: 12.5px;
font-weight: 700;
letter-spacing: .03em;
text-transform: uppercase;
cursor: pointer;
transition: background-color .15s ease, color .15s ease;
}
.aktb-classtabs__tab:hover,
.aktb-classtabs__tab:focus{ background: #ececea; color: var(--aktb-muted); }
.aktb-classtabs__tab.is-active{ background: #fff; border-top-color: var(--aktb-gold); color: var(--aktb-ink); box-shadow: 0 -1px 0 #fff; }
.aktb-classtabs__tab.is-active:hover,
.aktb-classtabs__tab.is-active:focus{ background: #fff; color: var(--aktb-ink); }
.aktb-classtabs__tab.is-picked{ background: #dedede; }
.aktb-classtabs__tab.is-picked.is-active{ background: #fff; }
.aktb-classtabs__icon{ display: flex; }
.aktb-tariff{ border: 1px solid #dcdcdc; border-top: 0; background: #fff; }
.aktb-tariff__head{
margin: 0;
padding: 10px 16px;
border-bottom: 1px solid #ececec;
color: var(--aktb-muted);
font-size: 11.5px;
font-weight: 700;
letter-spacing: .06em;
text-transform: uppercase;
}
.aktb-tariff__row{
display: flex;
align-items: center;
gap: 12px;
padding: 12px 16px;
cursor: pointer;
transition: background-color .15s ease;
}
.aktb-tariff__row:hover{ background: #faf9f4; }
.aktb-tariff__row.is-picked{ background: #dff2df; }
.aktb-tariff__info{ display: flex; align-items: center; gap: 8px; flex: 1 1 auto; color: var(--aktb-ink); font-size: 13.5px; font-weight: 600; }
.aktb-tariff__infoicon{ display: flex; color: var(--aktb-gold-dark); }
.aktb-tariff__price{ font-weight: 700; font-size: 14.5px; white-space: nowrap; }
.aktb-tariff__row input[type="radio"]{ width: 18px; height: 18px; margin: 0; accent-color: #2e8b3d; cursor: pointer; } .aktb-cart{
position: sticky;
bottom: 0;
z-index: 40;
display: flex;
flex-direction: column-reverse;
margin-top: 20px;
font-family: 'Montserrat', arial, sans-serif;
box-shadow: 0 -4px 16px rgba(0,0,0,.12);
}
.aktb-cart__toggle{
display: flex;
align-items: center;
gap: 10px;
width: 100%;
padding: 13px 18px;
border: 0;
background: var(--aktb-gold);
color: #0a0a0a;
font-family: inherit;
font-size: 14px;
font-weight: 700;
cursor: pointer;
}
.aktb-cart__toggle:hover,
.aktb-cart__toggle:focus{ background: var(--aktb-gold); color: #0a0a0a; }
.aktb-cart__toggleicon{ display: flex; }
.aktb-cart__toggletext{ flex: 1 1 auto; text-align: left; }
.aktb-cart__chev{ display: flex; transition: transform .15s ease; }
.aktb-cart.is-open .aktb-cart__chev{ transform: rotate(180deg); }
.aktb-cart__panel{ background: #fff; border: 1px solid #dcdcdc; border-bottom: 0; }
.aktb-cart__body{ padding: 18px 20px 4px; }
.aktb-cart__section{ margin-bottom: 16px; }
.aktb-cart__label{ margin: 0 0 8px; font-size: 11.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--aktb-muted); }
.aktb-cart__route{ display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.aktb-cart__stop{ padding: 7px 12px; background: #f0f0ee; font-size: 13px; font-weight: 700; color: var(--aktb-ink); }
.aktb-cart__routeline{ flex: 1 1 auto; height: 2px; min-width: 20px; background: repeating-linear-gradient(90deg, var(--aktb-gold) 0 6px, transparent 6px 10px); }
.aktb-cart__meta{ margin: 0 0 4px; font-size: 13px; color: var(--aktb-ink); }
.aktb-cart__meta strong{ font-weight: 700; }
.aktb-cart__pricelabel{ margin: 10px 0 8px; font-size: 12px; font-weight: 700; color: var(--aktb-muted); }
.aktb-cart__pax{ display: flex; flex-wrap: wrap; gap: 18px; }
.aktb-cart__paxitem{ display: flex; align-items: center; gap: 6px; }
.aktb-cart__paxicon{ display: flex; color: var(--aktb-muted); }
.aktb-cart__paxlabel{ font-size: 13px; font-weight: 700; }
.aktb-cart__paxprice{ font-size: 12px; color: var(--aktb-muted); }
.aktb-cart__total{
display: flex;
align-items: center;
justify-content: space-between;
padding: 13px 20px;
background: #2e8b3d;
color: #fff;
}
.aktb-cart__totaltext{ font-size: 13px; font-weight: 600; }
.aktb-cart__totalvalue{ font-size: 16px; font-weight: 700; } .aktb-paxcard{
margin: 0 0 18px;
padding: 16px 18px;
border: 1px solid var(--aktb-line);
border-radius: 10px;
background: #fff;
}
.aktb-paxcard legend{
padding: 0 8px;
font-size: 13px;
font-weight: 700;
letter-spacing: .06em;
text-transform: uppercase;
color: var(--aktb-gold-dark);
}
.aktb-grid--contact{ margin-bottom: 22px; } .aktb-summary{
margin: 4px 0 0;
padding: 14px 16px;
border: 1px solid var(--aktb-line);
border-left: 4px solid var(--aktb-gold);
border-radius: 8px;
background: #fff;
}
.aktb-summary__row{
display: flex;
flex-wrap: wrap;
align-items: baseline;
justify-content: space-between;
gap: 10px;
padding: 7px 0;
border-bottom: 1px solid var(--aktb-line);
font-size: 14px;
}
.aktb-summary__row:last-of-type{ border-bottom: 0; }
.aktb-summary__price{ font-weight: 700; white-space: nowrap; }
.aktb-summary__total{
display: flex;
flex-wrap: wrap;
align-items: baseline;
justify-content: space-between;
gap: 10px;
margin-top: 10px;
padding-top: 11px;
border-top: 2px solid var(--aktb-ink);
font-size: 17px;
} .aktb-done{ text-align: center; margin-bottom: 20px; }
.aktb-done .aktb-actions{ max-width: 360px; margin: 4px auto 18px; }
.aktb-done__tick{
display: grid;
place-items: center;
width: 54px;
height: 54px;
margin: 0 auto 12px;
border-radius: 50%;
background: var(--aktb-gold);
color: var(--aktb-ink);
font-size: 27px;
font-weight: 700;
}
.aktb-done__pnr{
margin: 10px 0 2px;
font-size: 12px;
font-weight: 700;
letter-spacing: .09em;
text-transform: uppercase;
color: var(--aktb-muted);
}
.aktb-done__code{
margin: 0;
font-size: 30px;
font-weight: 700;
letter-spacing: .07em;
color: var(--aktb-ink);
}
.aktb-done__tick--warn{ background: #e8756a; color: #fff; } .aktb-payresult{ padding: 36px 0 60px; }
.aktb-payresult .aktb-note{ max-width: 480px; margin-left: auto; margin-right: auto; text-align: center; }
.aktb-payresult .aktb-warn{ max-width: 480px; margin-left: auto; margin-right: auto; text-align: left; }
.aktb-payresult__summary{ max-width: 480px; margin: 0 auto 24px; }
.aktb-payresult .aktb-actions{ justify-content: center; }
.aktb-payresult__error{ margin: 14px 0 0; text-align: center; color: #8f2c20; font-size: 13.5px; } .aktb-ticket{
margin: 0 0 24px;
border: 1px solid #dcdcdc;
background: #fff;
text-align: left;
}
.aktb-ticket__bar{
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 4px 22px;
padding: 14px 18px;
background: var(--aktb-gold);
color: #2a2410;
}
.aktb-ticket__icon{ display: flex; color: #2a2410; }
.aktb-ticket__col{ display: flex; flex-direction: column; gap: 2px; }
.aktb-ticket__label{ font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; opacity: .75; }
.aktb-ticket__value{ font-size: 14px; font-weight: 700; }
.aktb-ticket__price{
display: flex;
align-items: center;
gap: 8px;
margin-left: auto;
padding: 10px 18px;
background: #1a7f37;
color: #fff;
font-size: 16px;
font-weight: 700;
}
.aktb-ticket__pricelabel{ font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; opacity: .85; }
.aktb-traveldir{ padding: 18px 18px 6px; text-align: center; }
.aktb-traveldir__row{ display: flex; align-items: center; justify-content: center; gap: 16px; font-size: 15px; color: var(--aktb-ink); font-weight: 600; }
.aktb-traveldir__arrow{ display: flex; color: var(--aktb-muted); }
.aktb-traveldir__caption{ margin: 6px 0 0; font-size: 12.5px; color: var(--aktb-muted); }
.aktb-seatinfo{ padding: 16px 18px 22px; border-top: 1px solid #ececec; }
.aktb-seatinfo__title{ margin: 0 0 4px; font-size: 15px; text-align: center; text-transform: uppercase; letter-spacing: .04em; }
.aktb-seatinfo__coach{ margin: 0 0 12px; text-align: center; font-size: 13px; color: var(--aktb-muted); }
.aktb-seatchips{ display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-bottom: 18px; }
.aktb-seatchip{
display: inline-flex;
align-items: center;
gap: 6px;
padding: 6px 12px;
border-radius: 100px;
background: #e6f4ea;
color: #1a7f37;
font-size: 13px;
font-weight: 700;
}
.aktb-seatchip__icon{ display: flex; } .aktb-trainstrip{ margin-bottom: 4px; overflow-x: auto; }
.aktb-trainstrip__row{ display: flex; justify-content: center; gap: 3px; padding: 4px; min-width: min-content; }
.aktb-trainstrip__coach{
flex: 0 0 auto;
width: 40px;
height: 26px;
color: #cfcfcf;
cursor: default;
}
.aktb-trainstrip__coach.is-disabled{ opacity: .6; }
.aktb-trainstrip__coach.is-current{ color: var(--aktb-gold); opacity: 1; } .aktb-loading{
display: flex;
align-items: center;
justify-content: center;
gap: 11px;
margin-top: 16px;
padding: 14px;
border: 1px solid var(--aktb-line);
border-radius: 8px;
background: #fff;
font-size: 14px;
font-weight: 600;
}
.aktb-spinner{
width: 19px;
height: 19px;
border: 2px solid var(--aktb-line);
border-top-color: var(--aktb-gold);
border-radius: 50%;
animation: aktb-spin .8s linear infinite;
}
@keyframes aktb-spin{ to{ transform: rotate(360deg); } } .aktb-details{ position: relative; }
.aktb-details.is-locked input,
.aktb-details.is-locked select,
.aktb-details.is-locked textarea{ opacity: .55; }
.aktb-formlock{
position: absolute;
inset: 0;
z-index: 5;
display: flex;
align-items: center;
justify-content: center;
gap: 11px;
background: rgba(255,255,255,.88);
font-size: 15px;
font-weight: 700;
color: var(--aktb-ink);
}
.aktb-formlock .aktb-spinner{ width: 22px; height: 22px; }
@media (prefers-reduced-motion: reduce){
.aktb-spinner{ animation-duration: 2.4s; }
.aktb-btn, .aktb-tariff__row{ transition: none; }
}
@media (max-width: 600px){
.aktb-panel{ padding: 16px 14px; }
.aktb-panel__title{ font-size: 19px; }
.aktb-step{ flex: 1 1 100%; }
.aktb-grid{ grid-template-columns: 1fr; }
.aktb-actions .aktb-btn{ flex: 1 1 100%; }
.aktb-done__code{ font-size: 25px; }
.aktb-formhead__title{ font-size: 21px; }
.aktb-searchcard{ padding: 18px 16px; }
.aktb-searchbar{ grid-template-columns: 1fr; }
.aktb-guests__panel{ left: 0; right: 0; width: auto; } .aktb-timetable__row,
.aktb-trainrow__summary{
display: flex;
flex-wrap: wrap;
row-gap: 4px;
padding: 12px;
}
.aktb-timetable__row--head .aktb-timetable__cellicon + span{ display: none; }
.aktb-timetable__cell,
.aktb-trainrow__cell{ flex: 1 1 45%; }
.aktb-timetable__cell--chev,
.aktb-trainrow__chev{ flex: 0 0 20px; }
.aktb-timetable__cell--stop,
.aktb-trainrow__cell--stop{ flex: 1 1 100%; justify-self: auto; text-align: right; }
.aktb-trainrow__panel{ padding: 0 12px 16px 32px; }
.aktb-classtabs__tab{ flex: 1 1 50%; justify-content: center; padding: 10px 8px; }
.aktb-cart__pax{ gap: 12px 18px; }
.aktb-ticket__bar{ justify-content: center; text-align: center; }
.aktb-ticket__price{ margin-left: 0; flex: 1 1 100%; justify-content: center; }
.aktb-trainstrip__coach{ width: 32px; height: 22px; }
}