.akb-transport {
    padding-top: 34px;
    color: #17243a;
}
.akb-transport__heading {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto 28px;
}
body .wrapper .akb-transport__heading h1 {
    margin: 0 0 23px;
    color: #17243a;
    font-size: 28px;
    font-weight: 800;
    line-height: 1.2;
    text-align: left;
    text-transform: none;
}
.akb-transport__types {
    display: flex;
    gap: 8px;
    border-bottom: 1px solid #cbd4e2;
}
.akb-transport__types a {
    display: inline-flex;
    align-items: center;
    min-height: 45px;
    border-bottom: 3px solid transparent;
    padding: 10px 18px;
    color: #66748c;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
}
.akb-transport__types a:hover { color: #c8111b; }
.akb-transport__types a[aria-current] { border-color: #d10b0f; color: #17243a; }
.akb-transport__sidebar { min-width: 0; }
.akb-transport__filters { border-top: 1px solid #dce3ec; }
.akb-transport__filters summary {
    padding: 16px 0;
    color: #17243a;
    font-size: 20px;
    font-weight: 800;
    cursor: pointer;
    list-style: none;
}
.akb-transport__filters summary::-webkit-details-marker { display: none; }
.akb-transport__filters summary::after { content: '⌄'; float: right; color: #7d8ba2; }
.akb-transport__filters[open] summary::after { transform: rotate(180deg); }
.akb-transport__filter-body { padding: 0 0 22px; }
.akb-transport__filter-title,
body .wrapper .akb-transport__choices legend {
    display: block;
    margin: 0 0 10px;
    color: #24334e;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3;
    text-align: left;
    text-transform: none;
}
.akb-transport__range,
.akb-transport__choices { margin: 0 0 22px; }
.akb-transport__range-values { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.akb-transport__range-values input {
    width: 100%;
    min-width: 0;
    height: 37px;
    border: 1px solid #c7d0de;
    border-radius: 4px;
    background: #fff;
    padding: 0 8px;
    color: #283854;
    font: inherit;
    font-size: 14px;
}
.akb-transport__range-track { position: relative; height: 31px; margin: 4px 2px 0; }
.akb-transport__range-track::before,
.akb-transport__range-track::after { content: ''; position: absolute; top: 14px; height: 3px; border-radius: 2px; }
.akb-transport__range-track::before { right: 0; left: 0; background: #d3dbe7; }
.akb-transport__range-track::after { right: calc(100% - var(--right, 100%)); left: var(--left, 0%); background: #d10b0f; }
.akb-transport__range-track input[type='range'] {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 31px;
    margin: 0;
    appearance: none;
    background: transparent;
    pointer-events: none;
}
.akb-transport__range-track input[type='range']::-webkit-slider-thumb {
    width: 19px;
    height: 19px;
    border: 3px solid #d10b0f;
    border-radius: 50%;
    appearance: none;
    background: #fff;
    cursor: pointer;
    pointer-events: auto;
}
.akb-transport__range-track input[type='range']::-moz-range-thumb {
    width: 13px;
    height: 13px;
    border: 3px solid #d10b0f;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    pointer-events: auto;
}
.akb-transport__choices { min-width: 0; border: 0; padding: 0; }
.akb-transport__choices[hidden] { display: none; }
.akb-transport__choices > div { display: flex; flex-direction: column; gap: 10px; }
.akb-transport__choices label { display: flex; align-items: flex-start; gap: 9px; color: #4b5a72; font-size: 14px; line-height: 1.3; }
.akb-transport__choices label[hidden] { display: none; }
.akb-transport__choices input[type='checkbox'] { flex: none; width: 17px; height: 17px; margin: 0; accent-color: #d10b0f; }
.akb-transport__brand-search {
    width: 100%;
    height: 38px;
    margin: 0 0 13px;
    border: 1px solid #c7d0de;
    border-radius: 4px;
    background: #fff;
    padding: 0 10px;
    color: #24334e;
    font: inherit;
    font-size: 14px;
}
.akb-transport__reset { border: 0; background: transparent; padding: 0; color: #b40a14; font: inherit; font-size: 14px; text-decoration: underline; }
.akb-transport__toolbar { display: flex; align-items: end; justify-content: space-between; gap: 14px; margin-bottom: 17px; }
.akb-transport__search { flex: 1; max-width: 460px; }
.akb-transport__search input {
    display: block;
    width: 100%;
    height: 44px;
    border: 1px solid #bcc6d7;
    border-radius: 4px;
    background: #fff;
    padding: 0 14px;
    color: #17243a;
    font: inherit;
    font-size: 15px;
}
.akb-transport__sort { display: flex; align-items: center; gap: 8px; color: #66748c; font-size: 14px; white-space: nowrap; }
.akb-transport__sort select { height: 44px; border: 1px solid #bcc6d7; border-radius: 4px; background: #fff; padding: 0 9px; color: #17243a; font: inherit; }
.akb-transport__status { min-height: 23px; margin: 0 0 16px; color: #66748c; font-size: 14px; }
.akb-transport__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 15px; align-items: stretch; }
.akb-transport__skeleton { position: relative; min-height: 335px; border: 1px solid #e0e5ed; border-radius: 8px; background: #fff; }
.akb-transport__skeleton::before { content: ''; position: absolute; top: 14px; right: 14px; left: 14px; height: 175px; background: #f1f3f7; }
.akb-transport__skeleton::after { content: ''; position: absolute; top: 208px; left: 14px; width: 65%; height: 14px; background: #e9edf3; }
.akb-transport__card { position: relative; display: flex; min-width: 0; flex-direction: column; border: 1px solid #e0e5ed; border-radius: 8px; background: #fff; padding: 14px; }
.akb-transport__card:hover { border-color: #aebbd1; }
.akb-transport__card-image { display: grid; place-items: center; width: 100%; min-height: 175px; margin-bottom: 13px; }
.akb-transport__card-image img { display: block; width: 100%; max-width: 230px; height: 175px; object-fit: contain; }
.akb-transport__card-title { display: -webkit-box; min-height: 58px; margin-bottom: 11px; overflow: hidden; color: #17243a; font-size: 15px; font-weight: 700; line-height: 1.3; text-decoration: none; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.akb-transport__card-title:hover { color: #c8111b; }
.akb-transport__card-specs { margin: 0 0 15px; color: #66748c; font-size: 13px; line-height: 1.4; }
.akb-transport__card-bottom { margin-top: auto; }
.akb-transport__card-price { margin: 0 0 5px; color: #17243a; font-size: 22px; font-weight: 800; line-height: 1.15; }
.akb-transport__card-regular { min-height: 19px; margin: 0 0 11px; color: #7b8799; font-size: 12px; }
.akb-transport__card-button { display: block; width: 100%; min-height: 41px; border-radius: 5px; background: #d10b0f; padding: 11px 12px; color: #fff; font-size: 14px; font-weight: 700; text-align: center; text-decoration: none; }
.akb-transport__card-button:hover { background: #b4080d; color: #fff; }
.akb-transport__more { display: block; margin: 25px auto 0; border: 1px solid #d10b0f; border-radius: 4px; background: #fff; padding: 10px 23px; color: #b4080d; font: inherit; font-size: 14px; font-weight: 700; }
.akb-transport__more[hidden] { display: none; }
.akb-transport__expert { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 42px; border-top: 1px solid #e0e5ed; padding-top: 25px; }
.akb-transport__expert p { margin: 0; color: #17243a; font-size: 18px; font-weight: 700; }
.akb-transport__expert a { border-radius: 5px; background: #d10b0f; padding: 12px 16px; color: #fff; font-size: 14px; font-weight: 700; text-decoration: none; }
.akb-transport__expert a:hover { background: #b4080d; color: #fff; }
.akb-transport__sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
@media (max-width: 1200px) {
    .akb-transport__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
    .akb-transport__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
    .akb-transport { padding-top: 23px; }
    body .wrapper .akb-transport__heading h1 { font-size: 24px; }
    .akb-transport__heading { margin-bottom: 18px; }
    .akb-transport__types { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; }
    .akb-transport__types a { justify-content: center; padding: 10px 3px; font-size: 12px; text-align: center; white-space: normal; }
    .akb-transport .akb-picker__shell { display: flex; flex-direction: column; gap: 17px; }
    .akb-transport .akb-picker__sidebar, .akb-transport .akb-picker__body { width: 100%; order: initial; }
    .akb-transport__filters { border-bottom: 1px solid #dce3ec; }
    .akb-transport__toolbar { flex-direction: column; align-items: stretch; }
    .akb-transport__search { max-width: none; }
    .akb-transport__sort { justify-content: space-between; }
    .akb-transport__sort select { max-width: 65%; }
    .akb-transport__expert { align-items: stretch; flex-direction: column; }
}
@media (max-width: 440px) {
    .akb-transport__grid { gap: 9px; }
    .akb-transport__card { padding: 10px; }
    .akb-transport__skeleton { min-height: 280px; }
    .akb-transport__skeleton::before { top: 10px; right: 10px; left: 10px; height: 118px; }
    .akb-transport__skeleton::after { top: 148px; left: 10px; }
    .akb-transport__card-image, .akb-transport__card-image img { min-height: 118px; height: 118px; }
    .akb-transport__card-title { min-height: 67px; font-size: 13px; line-height: 1.3; -webkit-line-clamp: 4; }
    .akb-transport__card-specs { font-size: 12px; }
    .akb-transport__card-price { font-size: 18px; }
    .akb-transport__card-button { font-size: 13px; }
}