:root {
--aa-ink: #1f2939;
 --aa-ink-soft: #3b465b;
 --aa-muted: #78849a;
 --aa-line: #d2d8e1;
 --aa-line-strong: #c1c9d5;
 --aa-bg: #f3f5f8;
 --aa-panel: #ffffff;
 --aa-panel-soft: #edf1f6;
 --aa-blue: #4ba8f3;
 --aa-blue-dark: #2f95e5;
 --aa-red: #be101a;
 --aa-green: #178f59;
 --aa-orange-a: #e86120;
 --aa-orange-b: #f2911c;
 --aa-shadow: 0 8px 20px rgba(14, 24, 40, 0.08);
 --aa-sticky-rate-top: 0px;
 --aa-card-media-ratio: 4 / 3;
 --aa-section-bg-light: #ffffff;
 --aa-section-bg-soft: #f6f8fb;
}
.aa-car-media, .aa-car-card-collection .aa-car-media, .aa-offer-media {
min-height: 0 !important;
}
.aa-car-media img, .aa-car-card-collection .aa-car-media img, .aa-offer-media img {
width: 100%;
 height: auto !important;
 aspect-ratio: var(--aa-card-media-ratio) !important;
 object-fit: cover;
 object-position: center;
}
body.public-body {
margin: 0;
 padding: 0;
 font-family: var(--font-family-base, 'Outfit', 'Segoe UI', Arial, sans-serif);
 color: var(--aa-ink);
 background: var(--aa-bg);
 line-height: var(--line-height-base, 1.42);
}
body.public-body.home-body {
background: #ffffff !important;
}
.public-body *, .public-body *::before, .public-body *::after {
box-sizing: border-box;
}
.public-body a {
color: inherit;
 text-decoration: none;
}
.public-body img {
max-width: 100%;
 display: block;
}
.public-body h1, .public-body h2, .public-body h3, .public-body h4, .public-body h5, .public-body h6, .public-body p, .public-body ul {
margin: 0;
}
.public-body .container {
width: min(1336px, calc(100% - 32px));
 margin-inline: auto;
}
.home-body main {
padding-top: 0;
 background: #ffffff !important;
}
.home-body .aa-home-white-zone {
position: relative;
 background: #ffffff !important;
 background-image: none !important;
}
.home-body .aa-home-white-zone::before {
content: '';
 position: absolute;
 top: 0;
 bottom: 0;
 left: 50%;
 width: 100vw;
 transform: translateX(-50%);
 background: #ffffff;
 z-index: 0;
 pointer-events: none;
}
.home-body .aa-home-white-zone > * {
position: relative;
 z-index: 1;
}
.home-body .aa-home-page, .home-body .aa-home-hero, .home-body .aa-home-hero > .container {
background: #ffffff !important;
 background-image: none !important;
}
.public-body .aa-section {
padding: 44px 0;
}
.public-body .aa-section-soft {
background: var(--aa-section-bg-soft);
 border-top: 1px solid var(--aa-line);
 border-bottom: 1px solid var(--aa-line);
}
.home-body main > .aa-section {
background: var(--aa-section-bg-light);
}
.home-body main > .aa-section:nth-of-type(even) {
background: var(--aa-section-bg-soft);
}
.home-body main > .aa-section.aa-section-soft {
border-top: 0;
 border-bottom: 0;
}
.public-body .button-primary, .public-body .button-secondary {
min-height: 40px;
 border-radius: 7px;
 padding: 0 16px;
 font-size: 15px;
 font-weight: 400;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 border: 1px solid transparent;
 cursor: pointer;
 transition: all 0.18s ease;
}
.public-body .button-primary {
color: #fff;
 background: var(--aa-blue);
 border-color: var(--aa-blue);
}
.public-body .button-primary:hover {
background: var(--aa-blue-dark);
 border-color: var(--aa-blue-dark);
}
.public-body .button-secondary {
color: #263146;
 background: transparent;
 border-color: #8993a5;
}
.public-body .button-secondary:hover {
color: var(--aa-blue);
 border-color: var(--aa-blue);
}
.public-body .full-width {
width: 100%;
}
.public-body input, .public-body select, .public-body textarea {
width: 100%;
 min-height: 39px;
 border: 0;
 border-bottom: 1px solid #a8b1bf;
 background: transparent;
 font: inherit;
 font-size: 14px;
 color: var(--aa-ink);
 border-radius: 0;
 padding: 5px 0;
}
.public-body input:focus, .public-body select:focus, .public-body textarea:focus {
outline: none;
 border-color: #61708a;
}
.public-body textarea {
min-height: 90px;
 resize: vertical;
}
.public-body .flash {
border-bottom: 1px solid transparent;
}
.public-body .flash .container {
min-height: 40px;
 display: flex;
 align-items: center;
 font-size: 14px;
}
.public-body [hidden] {
display: none !important;
}
.aa-header {
position: sticky;
 top: 0;
 z-index: 200;
 box-shadow: none;
}
.aa-topbar {
background: #04070d;
 color: rgba(255, 255, 255, 0.9);
}
.aa-topbar-inner {
min-height: 34px;
 display: flex;
 align-items: center;
 justify-content: flex-end;
 gap: 16px;
 font-size: 13px;
 font-weight: 400;
}
.aa-topbar-inner strong {
font-weight: 600;
 color: #fff;
}
.aa-topbar-right {
white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 min-width: 0;
}
.aa-topbar-right {
flex: 0 1 auto;
 display: inline-flex;
 align-items: center;
 justify-content: flex-end;
 gap: 10px;
}
.aa-strip {
background: #f4f6f9;
 border-bottom: 1px solid #cfd5df;
}
.aa-strip-inner {
min-height: 40px;
 display: flex;
 align-items: center;
 justify-content: flex-start;
 gap: 16px;
}
.aa-main-nav {
display: flex;
 align-items: center;
 gap: 1px;
 flex-wrap: nowrap;
 margin-left: 0;
}
.aa-mobile-nav-wrap {
display: none;
 position: relative;
}
.aa-mobile-nav-toggle {
display: none;
}
.aa-mobile-nav-icon {
width: 18px;
 height: 14px;
 position: relative;
 display: inline-flex;
 flex-direction: column;
 justify-content: space-between;
}
.aa-mobile-nav-icon span {
width: 100%;
 height: 2px;
 border-radius: 999px;
 background: #21314a;
 transform-origin: center;
 transition: transform 0.22s ease, opacity 0.22s ease;
}
.aa-main-nav a {
font-size: 13px;
 line-height: 1.2;
 color: #273043;
 font-weight: 300;
 padding: 1px 7px;
 white-space: nowrap;
}
.aa-main-nav a.active, .aa-main-nav a:hover {
color: var(--aa-blue);
}
.aa-infline {
display: grid;
 justify-items: start;
 text-align: left;
 gap: 1px;
 margin-left: auto;
}
.aa-infline span {
color: #8893a7;
 font-size: 12px;
 font-weight: 300;
}
.aa-infline a {
color: #1f2839;
 font-size: 15px;
 line-height: 1;
 font-weight: 600;
}
.aa-infline small {
color: #98a2b3;
 font-size: 11px;
 font-weight: 300;
}
.aa-brandbar {
background: #fff;
 border-bottom: 1px solid #d5dbe4;
}
.aa-brandbar-inner {
min-height: 64px;
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 16px;
}
.aa-brand-logo {
width: 250px;
 height: auto;
}
.aa-rate-shell {
background: #ffffff;
 border-top: 1px solid #e2e7ee;
 border-bottom: 1px solid #ccd2dc;
}
.aa-rate-shell-inner {
min-height: 0;
 position: relative;
}
.home-body .aa-rate-shell:not(.aa-rate-shell-floating) {
background: transparent;
 border: 0;
}
.home-body .aa-rate-shell:not(.aa-rate-shell-floating) .aa-rate-shell-inner {
display: none;
}
.aa-rate-toggle {
width: 182px;
 height: 40px;
 border: 1px solid #d46b10;
 border-top: 0;
 border-radius: 0 0 14px 14px;
 margin-left: 16px;
 padding: 0 14px;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: 8px;
 background: linear-gradient(180deg, #ffa12f 0%, #f68d21 54%, #eb7612 100%);
 color: #fff;
 font-size: 13px;
 font-weight: 700;
 text-transform: uppercase;
 letter-spacing: 0.01em;
  box-shadow:
    0 9px 18px rgba(20, 29, 44, 0.22),
    0 2px 0 rgba(255, 255, 255, 0.2) inset;
 transition: transform 0.22s ease, filter 0.22s ease, box-shadow 0.22s ease;
}
.aa-rate-toggle:hover {
filter: brightness(1.04);
  box-shadow:
    0 12px 20px rgba(20, 29, 44, 0.26),
    0 2px 0 rgba(255, 255, 255, 0.24) inset;
 transform: translateY(-1px);
}
.aa-rate-toggle.is-open {
filter: saturate(1.04) brightness(0.98);
}
.aa-rate-toggle-icon {
width: 18px;
 height: 18px;
 border-radius: 999px;
 background: rgba(255, 255, 255, 0.22);
 display: inline-flex;
 align-items: center;
 justify-content: center;
 font-size: 11px;
 line-height: 1;
 font-weight: 700;
}
.aa-rate-toggle-home {
position: relative;
 z-index: 186;
}
.aa-rate-shell-floating {
position: sticky;
 top: var(--aa-sticky-rate-top);
 z-index: 185;
 margin-top: 0;
 margin-bottom: 0;
 width: 100vw;
 margin-left: calc(50% - 50vw);
 margin-right: calc(50% - 50vw);
 background: transparent;
 border: 0;
}
.aa-rate-shell-floating .aa-rate-shell-inner {
display: flex;
 align-items: center;
 min-height: 0;
 background: transparent;
}
.aa-rate-shell-floating .aa-rate-toggle {
width: 194px;
 height: 50px;
 margin-left: 20px;
 border-radius: 0 0 14px 14px;
}
.rate-panel-wrap {
background: #e9edf3;
 border-top: 1px solid #d1d8e2;
}
.rate-panel-wrap.is-collapsed {
display: none;
}
.home-body .aa-rate-shell-floating .rate-panel-wrap {
position: absolute;
 top: 100%;
 left: 0;
 right: 0;
 z-index: 184;
 display: block;
 border: 0;
 background: transparent;
 overflow: hidden;
 padding-top: 8px;
 max-height: 560px;
 opacity: 1;
 transform: translateY(0) scaleY(1);
 transform-origin: 120px 0;
  transition:
    max-height 0.34s cubic-bezier(0.2, 0.76, 0.2, 1),
    opacity 0.24s ease,
    transform 0.34s cubic-bezier(0.2, 0.76, 0.2, 1);
 pointer-events: auto;
}
.home-body .aa-rate-shell-floating .rate-panel-wrap.is-collapsed {
display: block;
 max-height: 0;
 opacity: 0;
 transform: translateY(-12px) scaleY(0.96);
 pointer-events: none;
}
.home-body .aa-rate-shell-floating .aa-rate-panel {
margin: 14px 0;
 border-radius: 10px;
 border-color: #c9d0dc;
 background: #fff;
 box-shadow: var(--aa-shadow);
}
.home-body .aa-rate-shell-floating .aa-rate-panel-head {
display: flex;
}
.home-body .aa-rate-shell-floating .aa-rate-panel-grid {
grid-template-columns: 220px repeat(3, minmax(0, 1fr));
 gap: 12px;
}
.home-body .aa-rate-shell-floating .aa-rate-segment {
align-content: start;
}
.aa-rate-panel {
margin: 14px 0;
 border: 1px solid #c9d0dc;
 border-radius: 10px;
 background: #fff;
 box-shadow: var(--aa-shadow);
 padding: 15px;
}
.aa-rate-panel-head {
display: flex;
 align-items: flex-end;
 justify-content: space-between;
 gap: 16px;
 margin-bottom: 14px;
}
.aa-rate-panel-head p {
color: var(--aa-blue);
 text-transform: uppercase;
 letter-spacing: 0.08em;
 font-size: 11px;
}
.aa-rate-panel-head h2 {
font-size: 24px;
 line-height: 1.08;
 color: #141f32;
 font-weight: 500;
}
.aa-rate-panel-head > span {
color: #4e5a70;
 font-size: 14px;
 max-width: 380px;
 text-align: right;
}
.aa-rate-panel-grid {
display: grid;
 grid-template-columns: 220px repeat(3, minmax(0, 1fr));
 gap: 12px;
}
.aa-rate-segment {
display: grid;
 align-content: start;
 gap: 8px;
}
.aa-rate-segment button {
min-height: 36px;
 border-radius: 7px;
 border: 1px solid #bfc8d5;
 background: #f6f8fb;
 color: #2f3a4f;
 font-size: 14px;
 cursor: pointer;
}
.aa-rate-segment button.is-active {
background: #1f2b3f;
 border-color: #1f2b3f;
 color: #fff;
}
.aa-rate-range {
display: grid;
 gap: 7px;
 border: 1px solid #d4dae4;
 border-radius: 9px;
 background: #f9fbfd;
 padding: 10px;
}
.aa-rate-range-head {
display: flex;
 justify-content: space-between;
 align-items: center;
 gap: 8px;
 color: #2b364a;
 font-size: 13px;
}
.aa-rate-range-head strong {
font-size: 16px;
 font-weight: 600;
}
.aa-rate-range-scale {
display: flex;
 justify-content: space-between;
 font-size: 11px;
 color: #8690a2;
}
.aa-rate-range input {
border: 0;
 min-height: 0;
 padding: 0;
}
.aa-rate-range input[type='range'] {
-webkit-appearance: none;
 appearance: none;
 width: 100%;
 height: 30px;
 background: transparent;
}
.aa-rate-range input[type='range']::-webkit-slider-runnable-track {
height: 5px;
 border-radius: 999px;
 background: #a7b0bf;
}
.aa-rate-range input[type='range']::-webkit-slider-thumb {
-webkit-appearance: none;
 appearance: none;
 width: 34px;
 height: 22px;
 border-radius: 10px;
 margin-top: -8px;
 border: 1px solid #a7b0be;
 background: linear-gradient(180deg, #fbfcfe 0%, #e4e8ef 100%);
 box-shadow: 0 3px 8px rgba(17, 25, 41, 0.28);
}
.aa-rate-range input[type='range']::-moz-range-track {
height: 5px;
 border: 0;
 border-radius: 999px;
 background: #a7b0bf;
}
.aa-rate-range input[type='range']::-moz-range-thumb {
width: 34px;
 height: 22px;
 border: 1px solid #a7b0be;
 border-radius: 10px;
 background: linear-gradient(180deg, #fbfcfe 0%, #e4e8ef 100%);
 box-shadow: 0 3px 8px rgba(17, 25, 41, 0.28);
}
.aa-rate-range input[type='range']:focus-visible {
outline: none;
}
.aa-home-page {
background: #ffffff;
}
.aa-home-hero {
padding: 0;
 background: #ffffff;
}
.aa-section-head-row {
margin-bottom: 12px;
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 12px;
}
.aa-section-head-row h2 {
font-size: 24px;
 line-height: 1.18;
 font-weight: 500;
 color: #162134;
}
.aa-section-head-row-action {
align-items: center;
}
.aa-section-head-row-action .button-secondary {
min-height: 48px;
 padding: 0 28px;
 border-radius: 10px;
 border-color: #94a0b3;
 font-size: 15px;
 color: #2b3648;
}
.aa-section-head-row-action .button-secondary:hover {
border-color: var(--aa-blue);
}
.aa-section-head-center {
flex-direction: column;
 text-align: center;
 margin-bottom: 18px;
}
.aa-section-head-center p {
color: #4f596d;
 font-size: 14px;
}
.aa-home-grid {
display: grid;
 grid-template-columns: minmax(0, 1fr) 292px;
 gap: 14px;
}
#najpopularniejsze-modele .aa-car-card {
--card-bg: #ffffff !important;
 background: #ffffff !important;
}
#najpopularniejsze-modele .aa-car-card .aa-car-media {
background: #ffffff !important;
}
.aa-card-grid {
display: grid;
 grid-template-columns: repeat(4, minmax(0, 1fr));
 gap: 14px;
}
.aa-card-grid-top {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.aa-home-grid > .aa-card-grid-top {
align-self: start;
 align-content: start;
 height: auto;
}
.aa-car-card, .aa-info-box, .aa-inline-form-box, .aa-offer-card, .aa-detail-gallery, .aa-detail-summary, .aa-filter-card, .aa-not-found-card {
border: 1px solid #c8cfda;
 border-radius: 10px;
 background: #fff;
 box-shadow: var(--aa-shadow);
}
.aa-car-card {
--card-bg: #ffffff;
 --card-text: #142030;
 --card-accent: #1f456b;
 --card-subtle: #5f6b80;
 background: #ffffff;
 overflow: hidden;
}
.aa-car-media {
display: block;
 min-height: 205px;
 background: var(--card-bg);
 padding: 9px 11px 8px;
}
.aa-car-media span {
color: var(--card-text);
 opacity: 0.78;
 font-size: 12px;
 text-transform: uppercase;
}
.aa-car-media h3 {
margin-top: 3px;
 font-size: 34px;
 line-height: 0.95;
 letter-spacing: -0.02em;
 color: var(--card-text);
}
.aa-car-media img {
width: 100%;
 height: 146px;
 object-fit: cover;
 border-radius: 8px;
 margin-top: 8px;
}
.aa-badge {
display: inline-block;
 margin: 0 12px 10px;
 padding: 3px 7px;
 border-radius: 5px;
 font-size: 9px;
 text-transform: uppercase;
 letter-spacing: 0.04em;
 font-weight: 600;
}
.public-body .aa-badge-red {
 border: 1px solid #f0c8cc;
 background: #fff0f2;
 color: #a33039;
}
.public-body .aa-badge-green {
 border: 1px solid #c8e8d7;
 background: #edf9f2;
 color: #1f7a4e;
}
.public-body .aa-badge-blue {
 border: 1px solid #c7def3;
 background: #edf5fc;
 color: #215f93;
}
.public-body .aa-badge-dark {
 border: 1px solid #ced5df;
 background: #eef1f6;
 color: #2f3f54;
}
.aa-inline-form label, .aa-filter-form label {
display: grid;
 gap: 3px;
 color: #2f394c;
 font-size: 14px;
 font-weight: 300;
}
.aa-checkline {
display: flex !important;
 align-items: center;
 gap: 8px;
 font-size: 12px !important;
 color: var(--panel-text) !important;
 opacity: 0.78;
}
.aa-checkline input {
width: 16px;
 height: 16px;
 min-height: 16px;
 border: 1px solid #9ca6b7;
}
.aa-empty {
border: 1px solid #c7ced9;
 border-radius: 10px;
 background: #fff;
 box-shadow: var(--aa-shadow);
 padding: 24px;
 display: grid;
 gap: 8px;
}
.aa-empty h3 {
font-size: 24px;
 color: #172236;
}
.aa-empty p {
color: #475267;
}
.aa-section-advisor {
background: transparent;
 border: 0;
}
.aa-advisor-grid {
display: flex;
 align-items: stretch;
 justify-content: center;
 gap: 24px;
 overflow-x: auto;
 padding: 8px 6px 28px;
 scrollbar-width: none;
}
.aa-advisor-grid::-webkit-scrollbar {
display: none;
}

.aa-car-copy {
padding: 10px 12px 12px;
}
.aa-car-copy > div {
display: flex;
 justify-content: space-between;
 align-items: center;
 gap: 8px;
 margin-bottom: 4px;
}
.aa-car-copy p {
color: var(--card-text);
 opacity: 0.78;
 font-size: 12px;
 text-transform: uppercase;
}
.aa-car-copy > div span {
color: #6f7888;
 background: #e8ecf2;
 font-size: 11px;
 padding: 2px 7px;
 border-radius: 2px;
}
.aa-car-copy h3 {
font-size: 31px;
 line-height: 0.95;
 letter-spacing: -0.02em;
 color: var(--card-text);
}
.aa-car-copy small {
display: block;
 margin-top: 8px;
 color: var(--card-text);
 opacity: 0.8;
 font-size: 13px;
}
.aa-car-copy strong {
display: block;
 margin-top: 3px;
 color: var(--card-accent);
 font-size: 28px;
 line-height: 1;
 letter-spacing: -0.02em;
}
.aa-car-card-collection {
border-color: #c8d0db;
 border-radius: 18px;
 box-shadow: 0 8px 18px rgba(16, 26, 42, 0.12);
 display: flex;
 flex-direction: column;
 padding: 16px;
 min-height: 100%;
 background: #fdfefe;
 transform: translateZ(0);
 transition: box-shadow 0.22s ease, border-color 0.22s ease;
 will-change: box-shadow;
}
.aa-car-card-collection:hover {
border-color: #b7c4d5;
 box-shadow: 0 12px 24px rgba(16, 26, 42, 0.16);
}
.aa-collection-model {
margin: 6px 0 0;
 color: #111a2b;
 font-size: clamp(30px, 2.1vw, 46px);
 line-height: 0.92;
 letter-spacing: -0.02em;
 overflow-wrap: anywhere;
}
.aa-car-card-collection .aa-car-media {
display: flex;
 align-items: stretch;
 justify-content: center;
 margin-top: 2px;
 min-height: 198px;
 padding: 0;
 overflow: hidden;
 border-radius: 14px;
 background: #ffffff;
}
.aa-car-card-collection .aa-car-media img {
height: 100%;
 width: 100%;
 margin: 0;
 border-radius: 0;
 object-fit: cover;
 object-position: center 58%;
 filter: none;
}
.aa-car-card-collection .aa-badge {
display: flex;
 align-items: center;
 justify-content: center;
 min-height: 38px;
 margin: 12px 0 0;
 width: 100%;
 border-radius: 8px;
 padding: 0 12px;
 font-size: 13px;
 font-weight: 700;
 line-height: 1;
 letter-spacing: 0.01em;
}
.aa-car-card-collection .aa-car-copy {
padding: 14px 2px 0;
}
.aa-car-card-collection .aa-collection-price-line {
margin-top: 0;
 color: #1d2738;
 opacity: 1;
 font-size: 13px;
 line-height: 1.2;
}
.aa-car-card-collection .aa-collection-rate {
margin: 5px 0 0;
 display: flex;
 align-items: flex-end;
 gap: 5px;
 color: #121c2d;
 text-transform: none;
 opacity: 1;
}
.aa-car-card-collection .aa-car-copy strong {
margin-top: 0;
 color: #111a2c;
 font-size: clamp(32px, 2.2vw, 42px);
 line-height: 0.9;
 letter-spacing: -0.03em;
}
.aa-car-card-collection .aa-collection-rate-unit {
color: #253043;
 font-size: clamp(14px, 0.95vw, 20px);
 line-height: 0.9;
 margin-bottom: 4px;
}
.aa-week-strip {
background: #f5f7fa;
 border-top: 1px solid #d4dae3;
 border-bottom: 1px solid #d4dae3;
 padding: 20px 0;
}
.aa-week-strip-inner {
display: grid;
 grid-template-columns: auto 1fr;
 gap: 12px;
 align-items: start;
}
.aa-week-strip-inner > span {
color: #2d3648;
 font-size: 18px;
}
.aa-week-strip-inner > div {
display: flex;
 flex-wrap: wrap;
 gap: 8px 14px;
}
.aa-week-strip-inner a {
color: var(--aa-blue);
 font-size: 14px;
}
.aa-compare-wrap {
border: 1px solid #cbd4e0;
 border-radius: 18px;
 overflow-x: auto;
 background: linear-gradient(180deg, #ffffff 0%, #f5f8fd 100%);
 box-shadow: 0 12px 24px rgba(16, 26, 42, 0.09);
 padding: 14px;
}
.aa-compare-table {
width: 100%;
 min-width: 940px;
 border-collapse: separate;
 border-spacing: 0 10px;
}
.aa-compare-table thead th {
border: none;
 padding: 0 8px 8px;
 text-align: center;
}
.aa-compare-feature-head {
text-align: left !important;
 color: #6a7689;
 font-size: 12px;
 font-weight: 700;
 letter-spacing: 0.08em;
 text-transform: uppercase;
 padding-left: 12px !important;
}
.aa-compare-col-head span {
display: inline-flex;
 align-items: center;
 justify-content: center;
 min-height: 40px;
 padding: 0 14px;
 border-radius: 999px;
 font-size: 13px;
 font-weight: 700;
 background: #e8eef6;
 color: #1f2a3e;
 white-space: nowrap;
}
.aa-compare-col-head.is-credit span {
background: #edf1f7;
 color: #4a5870;
}
.aa-compare-col-head.is-rent span {
background: #e8f3ff;
 color: #0d5fa8;
}
.aa-compare-col-head.is-lease span {
background: #e9f8f3;
 color: #15795f;
}
.aa-compare-col-head.is-highlight span {
background: linear-gradient(135deg, #1a3f73, var(--aa-blue));
 color: #fff;
 box-shadow: 0 8px 18px rgba(75, 168, 243, 0.32);
}
.aa-compare-table tbody th, .aa-compare-table tbody td {
border-top: 1px solid #dbe3ee;
 border-bottom: 1px solid #dbe3ee;
 padding: 12px 10px;
 text-align: center;
 background: #fff;
}
.aa-compare-table tbody th {
border-left: 1px solid #dbe3ee;
 border-radius: 12px 0 0 12px;
 text-align: left;
 color: #1a2436;
 font-size: 15px;
 font-weight: 600;
 line-height: 1.28;
 width: 40%;
 padding-left: 14px;
}
.aa-compare-table tbody td:last-child {
border-right: 1px solid #dbe3ee;
 border-radius: 0 12px 12px 0;
}
.aa-compare-table tbody td {
min-width: 124px;
}
.aa-compare-table tbody td.is-credit {
background: #f9fbff;
}
.aa-compare-table tbody td.is-rent {
background: linear-gradient(180deg, #fbfdff 0%, #f4f9ff 100%);
}
.aa-compare-table tbody td.is-lease {
background: linear-gradient(180deg, #fdfffe 0%, #f3fbf8 100%);
}
.aa-compare-table tbody td.is-highlight {
background: linear-gradient(180deg, #f0f7ff 0%, #e6f1ff 100%);
 border-top-color: #b8d5f3;
 border-bottom-color: #b8d5f3;
}
.aa-mark {
display: inline-flex;
 align-items: center;
 justify-content: center;
 min-width: 32px;
 min-height: 32px;
 border-radius: 999px;
 font-size: 19px;
 font-weight: 700;
}
.aa-mark.is-positive {
background: #dff5ec;
 color: #138165;
 border: 1px solid #bbe7d8;
}
.aa-mark.is-muted {
background: #edf2f8;
 color: #9aa6b8;
 border: 1px solid #dfe6f1;
}
.aa-mark.is-note {
border-radius: 8px;
 min-width: auto;
 min-height: 28px;
 padding: 0 10px;
 font-size: 14px;
 color: #263247;
 border: 1px solid #d7deea;
 background: #f2f5fa;
}
.aa-steps {
display: grid;
 grid-template-columns: repeat(4, minmax(0, 1fr));
 gap: 12px;
}
.aa-steps article {
text-align: center;
}
.aa-steps article span {
width: 50px;
 height: 50px;
 border-radius: 50%;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 background: #e2e6ec;
 color: #212a3a;
 font-size: 28px;
 font-weight: 500;
 margin-bottom: 8px;
}
.aa-steps article span.is-active {
background: #35445b;
 color: #fff;
}
.aa-steps article p {
color: #2f3849;
 font-size: 16px;
}
.aa-section-steps {
padding-top: 64px;
 padding-bottom: 68px;
 background: linear-gradient(180deg, #e8edf6 0%, #e2e8f2 100%);
 border-top: 1px solid #d2dbe8;
 border-bottom: 1px solid #d2dbe8;
}
.aa-section-steps .aa-section-head-center {
margin-bottom: 38px;
 gap: 10px;
}
.aa-section-steps .aa-section-head-center h2 {
font-size: clamp(38px, 2.8vw, 54px);
 color: #142238;
 letter-spacing: -0.02em;
}
.aa-section-steps .aa-section-head-center p {
color: #3d4c63;
 font-size: 18px;
 font-weight: 500;
 line-height: 1.45;
}
.aa-section-steps .aa-steps {
gap: 28px;
 align-items: stretch;
}
.aa-section-steps .aa-steps article {
position: relative;
 min-height: 204px;
 padding: 18px 16px 20px;
 border: 1px solid #c6d2e2;
 border-radius: 16px;
 background: #fdfefe;
 box-shadow: 0 10px 24px rgba(19, 35, 56, 0.08);
}
.aa-section-steps .aa-steps article:not(:last-child)::after {
content: '';
 position: absolute;
 top: 50%;
 right: -28px;
 width: 26px;
 height: 0;
 border-top: 2px solid rgba(146, 169, 196, 0.85);
 border-radius: 0;
 transform: translateY(-50%);
 pointer-events: none;
 opacity: 0.8;
 z-index: 2;
}
.aa-section-steps .aa-steps article:nth-child(even):not(:last-child)::after {
top: 50%;
 border-top: 2px solid rgba(146, 169, 196, 0.85);
 border-bottom: none;
 border-radius: 0;
 transform: translateY(-50%);
}
.aa-section-steps .aa-steps article span {
width: 62px;
 height: 62px;
 margin-bottom: 16px;
 position: relative;
 z-index: 2;
 background: #dbe5f2;
 color: #1e2b3d;
 border: 1px solid #c3d1e2;
 box-shadow: 0 5px 12px rgba(17, 31, 50, 0.1);
 font-size: 34px;
 font-weight: 700;
}
.aa-section-steps .aa-steps article span.is-active {
background: #243653;
 color: #ffffff;
 border-color: #243653;
}
.aa-section-steps .aa-steps article p {
max-width: 320px;
 margin-inline: auto;
 line-height: 1.45;
 color: #243248;
 font-size: 17px;
 font-weight: 500;
}
.aa-section-steps .aa-steps article p strong {
color: #14253e;
 font-weight: 700;
}
.aa-info-box {
padding: 14px;
}
.aa-section-knowledge {
padding-top: 62px;
 padding-bottom: 64px;
}
.aa-section-knowledge .aa-section-head-center {
margin-bottom: 24px;
}
.aa-section-knowledge .aa-section-head-center h2 {
font-size: clamp(32px, 2.2vw, 40px);
}
.aa-section-knowledge .aa-info-box {
padding: 20px 24px 22px;
 margin-bottom: 24px;
}
.aa-section-knowledge .aa-info-box h3 {
margin-bottom: 12px;
}
.aa-section-knowledge .aa-info-box p {
line-height: 1.6;
}
.aa-info-box h2, .aa-info-box h3 {
color: #162235;
 margin-bottom: 8px;
}
.aa-info-box h2 {
font-size: 24px;
 line-height: 1.15;
}
.aa-info-box h3 {
font-size: 18px;
 line-height: 1.22;
}
.aa-info-box p, .aa-info-box span, .aa-info-box li, .aa-info-box a {
color: #354056;
 font-size: 14px;
 line-height: 1.45;
}
.aa-info-box ul {
padding-left: 18px;
 display: grid;
 gap: 4px;
}
.aa-inline-form-box {
max-width: 980px;
 margin: 0 auto;
 padding: 16px;
}
.aa-section-contact-inline {
position: relative;
 overflow: hidden;
 padding-top: 62px;
 padding-bottom: 66px;
 background: linear-gradient(180deg, #d7deea 0%, #d1d9e5 100%);
}
.aa-section-contact-inline::before, .aa-section-contact-inline::after {
content: '';
 position: absolute;
 border-radius: 50%;
 pointer-events: none;
 z-index: 0;
}
.aa-section-contact-inline::before {
width: 360px;
 height: 360px;
 top: -140px;
 right: -110px;
 background: radial-gradient(circle, rgba(29, 111, 178, 0.17), rgba(29, 111, 178, 0));
}
.aa-section-contact-inline::after {
width: 300px;
 height: 300px;
 bottom: -140px;
 left: -90px;
 background: radial-gradient(circle, rgba(10, 102, 168, 0.15), rgba(10, 102, 168, 0));
}
.aa-section-contact-inline .aa-inline-form-box {
position: relative;
 z-index: 1;
 padding: 30px 34px 28px;
 border-radius: 22px;
 border: 1px solid #b8c8dd;
 background: linear-gradient(154deg, #ffffff 0%, #f7fafe 61%, #edf3fb 100%);
 box-shadow: 0 14px 30px rgba(16, 26, 42, 0.12);
}
.aa-section-contact-inline .aa-inline-form-box::before {
content: '';
 position: absolute;
 left: 24px;
 right: 24px;
 top: 0;
 height: 5px;
 border-radius: 0 0 999px 999px;
 background: linear-gradient(90deg, #173f73, #3699e9 55%, #69bef8);
}
.aa-section-contact-inline .aa-inline-form-box h2 {
margin-bottom: 8px;
 text-align: left;
 font-size: clamp(30px, 2.25vw, 42px);
 line-height: 1.12;
 font-weight: 500;
 letter-spacing: -0.016em;
 color: #142033;
}
.aa-section-contact-inline .aa-inline-form-box > p {
margin-bottom: 18px;
 text-align: left;
 color: #586983;
 font-size: 15px;
 line-height: 1.48;
}
.aa-section-contact-inline .aa-inline-form {
grid-template-columns: repeat(12, minmax(0, 1fr));
 gap: 12px 16px;
 align-items: start;
  grid-template-areas:
    'name name name name phone phone phone phone email email email email'
    'message message message message message message message message message message message message'
    'consent-email consent-email consent-email consent-email consent-email consent-email consent-phone consent-phone consent-phone consent-phone consent-phone consent-phone'
    '. . . . . . submit submit submit submit submit submit';
}
.aa-section-contact-inline .aa-inline-form label:not(.aa-checkline) {
gap: 7px;
 color: #55657d;
 font-size: 11px;
 font-weight: 600;
 letter-spacing: 0.035em;
 text-transform: uppercase;
}
.aa-section-contact-inline .aa-inline-form .aa-field-name {
grid-area: name;
}
.aa-section-contact-inline .aa-inline-form .aa-field-phone {
grid-area: phone;
}
.aa-section-contact-inline .aa-inline-form .aa-field-email {
grid-area: email;
}
.aa-section-contact-inline .aa-inline-form .aa-field-message {
grid-area: message;
 align-self: start;
}
.aa-section-contact-inline .aa-inline-form input:not([type='checkbox']), .aa-section-contact-inline .aa-inline-form textarea {
height: 44px;
 min-height: 44px;
 border: 1px solid #c5d4e6;
 background: #fff;
 border-radius: 12px;
 padding: 0 12px;
 color: #17253a;
 font-size: 13px;
 font-weight: 400;
 line-height: 1.35;
 transition: border-color 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease;
}
.aa-section-contact-inline .aa-inline-form textarea {
height: auto;
 min-height: 104px;
 padding: 10px 12px;
 resize: vertical;
}
.aa-section-contact-inline .aa-inline-form textarea::placeholder {
color: #8593a8;
 opacity: 0.86;
}
.aa-section-contact-inline .aa-inline-form input:not([type='checkbox']):focus, .aa-section-contact-inline .aa-inline-form textarea:focus {
border-color: #3a9fe9;
 box-shadow: 0 0 0 3px rgba(75, 168, 243, 0.22);
 background: #fbfdff;
}
.aa-section-contact-inline .aa-inline-form .aa-checkline {
min-height: 44px;
 align-items: center;
 gap: 10px;
 padding: 0 14px;
 border: 1px dashed #bfd0e5;
 border-radius: 12px;
 background: rgba(255, 255, 255, 0.62);
 color: #31415a !important;
 font-size: 13px !important;
 line-height: 1.4;
 opacity: 1;
 cursor: pointer;
}
.aa-section-contact-inline .aa-inline-form .aa-checkline-email {
grid-area: consent-email;
 align-self: start;
}
.aa-section-contact-inline .aa-inline-form .aa-checkline-phone {
grid-area: consent-phone;
 align-self: start;
}
.aa-section-contact-inline .aa-inline-form .aa-checkline input {
width: 18px;
 height: 18px;
 min-height: 18px;
 border: 2px solid #86a0bf;
 border-radius: 5px;
 background: #fff;
 appearance: none;
 -webkit-appearance: none;
 cursor: pointer;
 position: relative;
 flex: 0 0 auto;
 transition: border-color 0.2s ease, background-color 0.2s ease;
}
.aa-section-contact-inline .aa-inline-form .aa-checkline input:checked {
background: linear-gradient(140deg, #2f95e5, #4ba8f3);
 border-color: #3a9fe9;
}
.aa-section-contact-inline .aa-inline-form .aa-checkline input:checked::after {
content: '';
 position: absolute;
 left: 5px;
 top: 1px;
 width: 4px;
 height: 8px;
 border: solid #fff;
 border-width: 0 2px 2px 0;
 transform: rotate(45deg);
}
.aa-section-contact-inline .aa-inline-form .aa-checkline input:focus-visible {
outline: none;
 box-shadow: 0 0 0 3px rgba(75, 168, 243, 0.24);
}
.aa-section-contact-inline .aa-inline-form .aa-checkline span {
color: #31415a;
 font-size: 12px;
 font-weight: 400;
 letter-spacing: 0.005em;
}
.aa-section-contact-inline .aa-inline-form .aa-inline-submit {
grid-area: submit;
 min-height: 44px;
 border-radius: 14px;
 border: 0;
 background: linear-gradient(135deg, #2f95e5, #4ba8f3);
 box-shadow: 0 10px 22px rgba(55, 157, 233, 0.35);
 font-size: 15px;
 font-weight: 600;
 letter-spacing: 0;
 align-self: end;
}
.aa-section-contact-inline .aa-inline-form .aa-inline-submit:hover {
transform: translateY(-1px);
 filter: brightness(1.03);
}
.aa-inline-form-box h2 {
text-align: center;
 font-size: 25px;
 line-height: 1.2;
 color: #172236;
 margin-bottom: 8px;
}
.aa-inline-form-box > p {
text-align: center;
 color: #495469;
 margin-bottom: 10px;
}
.aa-inline-form {
display: grid;
 grid-template-columns: repeat(3, minmax(0, 1fr));
 gap: 10px;
 align-items: end;
}
.aa-inline-form .button-primary {
grid-column: 2;
}
.aa-directory {
display: grid;
 grid-template-columns: repeat(3, minmax(0, 1fr));
 gap: 16px;
 align-items: start;
}
.aa-directory article {
border: 1px solid #bcc8d8;
 border-radius: 14px;
 background: #fff;
 box-shadow: 0 10px 22px rgba(16, 26, 42, 0.08);
 padding: 18px 20px;
}
.aa-directory h2 {
font-family: inherit;
 font-size: clamp(31px, 2.05vw, 36px);
 line-height: 1.08;
 font-weight: 500;
 color: #172236;
 margin-bottom: 12px;
 letter-spacing: -0.012em;
}
.aa-directory details {
border-bottom: 1px solid #d2d8e1;
}
.aa-directory details:first-of-type {
margin-top: 0;
 padding-top: 0;
 border-top: 0;
}
.aa-directory summary {
list-style: none;
 min-height: 46px;
 display: flex;
 align-items: center;
 justify-content: space-between;
 cursor: pointer;
 color: #1e2636;
 font-family: inherit;
 font-size: 15px;
 font-weight: 500;
 line-height: 1.35;
 letter-spacing: 0;
 transition: color 0.22s ease;
}
.aa-directory summary::-webkit-details-marker {
display: none;
}
.aa-directory summary::after {
content: '▾';
 font-size: 18px;
 color: var(--aa-blue);
 transition: transform 0.26s ease, opacity 0.2s ease;
 transform-origin: center;
}
.aa-directory details[open] summary::after {
transform: rotate(180deg);
}
.aa-directory details[open] summary {
color: #172236;
}
.aa-directory details > div {
display: flex;
 flex-wrap: wrap;
 gap: 8px 14px;
 padding: 5px 0 10px;
 transform-origin: top center;
 will-change: height, opacity, transform;
}
.aa-directory details > div a {
color: var(--aa-blue);
 font-family: inherit;
 font-size: 14px;
 font-weight: 500;
 line-height: 1.42;
 transition: color 0.2s ease;
}
.aa-directory details > div a:hover {
color: #084f84;
 text-decoration: underline;
}
.aa-page-head {
background: #f6f7f9;
 border-bottom: 1px solid #d2d8e1;
}
.aa-page-head-inner {
min-height: 124px;
 padding: 18px 0;
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 14px;
}
.aa-page-head-inner p {
color: #5f6a7f;
 font-size: 13px;
 margin-bottom: 4px;
}
.aa-page-head-inner h1 {
font-size: 32px;
 line-height: 1.1;
 color: #162134;
 margin-bottom: 4px;
}
.aa-page-head-inner span {
color: #485469;
 font-size: 14px;
}
.public-body .aa-listing-page {
padding-top: 0;
}
.aa-listing-page .aa-page-head-inner {
min-height: 96px;
 padding: 12px 0;
}
.aa-listing-layout {
display: grid;
 grid-template-columns: 300px minmax(0, 1fr);
 gap: 14px;
}
.aa-filter-card {
padding: 12px;
 align-self: start;
 position: sticky;
 top: 162px;
}
.aa-filter-card h2 {
font-size: 20px;
 color: #172236;
 margin-bottom: 10px;
}
.aa-filter-form {
display: grid;
 gap: 10px;
}
.aa-filter-tabs {
margin-top: 12px;
 display: grid;
 gap: 5px;
}
.aa-filter-tabs a {
min-height: 34px;
 border: 1px solid #d3d9e2;
 border-radius: 8px;
 display: inline-flex;
 align-items: center;
 padding: 0 10px;
 color: #2a3448;
 font-size: 13px;
}
.aa-filter-tabs a.active, .aa-filter-tabs a:hover {
border-color: var(--aa-blue);
 color: var(--aa-blue);
}
.aa-results-grid {
display: grid;
 grid-template-columns: repeat(3, minmax(0, 1fr));
 gap: 14px;
}
.aa-offer-card {
overflow: hidden;
}
.aa-offer-media {
display: block;
 position: relative;
 background: linear-gradient(180deg, #f5f8fb 0%, #ecf1f6 56%, #fff 56%, #fff 100%);
 min-height: 200px;
 padding: 8px;
}
.aa-offer-media img {
width: 100%;
 height: 190px;
 border-radius: 8px;
 object-fit: cover;
}
.aa-offer-media .aa-badge {
position: absolute;
 top: 12px;
 left: 12px;
 margin: 0;
}
.aa-offer-copy {
padding: 10px 12px 12px;
}
.aa-offer-topline {
display: flex;
 align-items: center;
 justify-content: space-between;
 margin-bottom: 4px;
}
.aa-offer-topline p {
color: #646f82;
 text-transform: uppercase;
 font-size: 12px;
}
.aa-offer-topline span {
color: #6d778a;
 font-size: 11px;
 background: #e8ecf2;
 border-radius: 2px;
 padding: 2px 7px;
}
.aa-offer-copy h2 {
font-size: 26px;
 line-height: 1.05;
 margin-bottom: 4px;
}
.aa-offer-version {
color: #4f5a6f;
 font-size: 13px;
 min-height: 18px;
}
.aa-offer-meta {
margin-top: 8px;
 display: flex;
 flex-wrap: wrap;
 gap: 6px;
}
.aa-offer-meta span {
border: 1px solid #d5dce6;
 border-radius: 999px;
 padding: 2px 8px;
 color: #5d687c;
 font-size: 11px;
}
.aa-offer-prices {
margin-top: 10px;
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 8px;
}
.aa-offer-prices small {
display: block;
 color: #59657a;
 font-size: 11px;
}
.aa-offer-prices strong {
display: block;
 color: #111a2b;
 font-size: 23px;
 line-height: 1;
 margin-top: 2px;
}
.aa-offer-cta {
margin-top: 10px;
 min-height: 38px;
 border-radius: 8px;
 border: 1px solid var(--aa-blue);
 color: var(--aa-blue);
 display: inline-flex;
 align-items: center;
 justify-content: center;
 width: 100%;
 font-size: 14px;
}
.aa-offer-cta:hover {
background: var(--aa-blue);
 color: #fff;
}
.aa-detail-layout {
display: grid;
 grid-template-columns: minmax(0, 1fr) 340px;
 gap: 14px;
}
.aa-detail-gallery {
padding: 10px;
}
.aa-detail-main-image img {
width: 100%;
 height: 360px;
 object-fit: cover;
 border-radius: 8px;
}
.aa-detail-thumbs {
margin-top: 10px;
 display: grid;
 grid-template-columns: repeat(5, minmax(0, 1fr));
 gap: 8px;
}
.aa-detail-thumb {
border: 1px solid #d2d8e1;
 border-radius: 8px;
 overflow: hidden;
 padding: 0;
 background: #fff;
}
.aa-detail-thumb img {
width: 100%;
 height: 92px;
 object-fit: cover;
}
.aa-detail-thumb.is-active {
border-color: var(--aa-blue);
}
.aa-detail-summary {
padding: 12px;
}
.aa-summary-prices {
margin-top: 10px;
 display: grid;
 gap: 8px;
}
.aa-summary-prices > div {
border: 1px solid #d2d8e1;
 border-radius: 8px;
 padding: 8px;
}
.aa-summary-prices small {
display: block;
 color: #607087;
 font-size: 12px;
}
.aa-summary-prices strong {
display: block;
 color: #162134;
 font-size: 20px;
 margin-top: 2px;
}
.aa-detail-tags {
margin-top: 10px;
 display: flex;
 flex-wrap: wrap;
 gap: 6px;
}
.aa-detail-tags a {
border: 1px solid #d2d8e1;
 border-radius: 999px;
 padding: 3px 9px;
 font-size: 12px;
 color: #4d586e;
}
.aa-detail-summary .button-primary {
margin-top: 10px;
}
.aa-summary-list {
margin-top: 10px;
 padding: 0;
 list-style: none;
 display: grid;
 gap: 6px;
}
.aa-summary-list li {
border-bottom: 1px solid #e2e7ef;
 padding-bottom: 5px;
 display: flex;
 justify-content: space-between;
 gap: 8px;
 font-size: 13px;
}
.aa-summary-list span {
color: #617089;
}
.aa-summary-list strong {
color: #152032;
 text-align: right;
}
.aa-stock-id {
margin-top: 10px;
 color: #68758d;
 font-size: 12px;
}
.aa-spec-grid {
display: grid;
 grid-template-columns: repeat(5, minmax(0, 1fr));
 gap: 8px;
}
.aa-spec-grid > div {
border: 1px solid #c9d0dc;
 border-radius: 8px;
 background: #fff;
 box-shadow: var(--aa-shadow);
 padding: 10px;
}
.aa-spec-grid span {
display: block;
 color: #637088;
 font-size: 12px;
}
.aa-spec-grid strong {
display: block;
 color: #162134;
 font-size: 14px;
 margin-top: 4px;
}
.aa-not-found-page .aa-not-found-card {
max-width: 760px;
 margin: 0 auto;
 text-align: center;
 display: grid;
 gap: 9px;
}
.aa-not-found-page .aa-not-found-card p {
color: var(--aa-blue);
 text-transform: uppercase;
 letter-spacing: 0.08em;
 font-size: 11px;
}
.aa-not-found-page .aa-not-found-card h1 {
font-size: 42px;
 line-height: 1.05;
}
.aa-not-found-page .aa-not-found-card span {
color: #4b566b;
}
.aa-not-found-actions {
margin-top: 6px;
 display: inline-flex;
 align-items: center;
 gap: 8px;
 justify-self: center;
}
.aa-footer {
margin-top: 0;
 background: #10243e;
 border-top: 1px solid #2a4569;
 color: #e6eef9;
}
.aa-footer-main {
padding: 24px 0 18px;
}
.aa-footer-grid {
display: grid;
 grid-template-columns: repeat(3, minmax(0, 1fr));
 gap: 16px 24px;
 padding-bottom: 0;
}
.aa-footer-col {
display: grid;
 gap: 10px;
 align-content: start;
}
.aa-footer-col h4 {
margin: 0;
 color: #a9c3e0;
 font-size: 12px;
 font-weight: 600;
 letter-spacing: 0.05em;
 text-transform: uppercase;
}
.aa-footer-nav {
display: flex;
 flex-direction: column;
 gap: 8px;
}
.aa-footer-nav a {
color: #e7efff;
 font-size: 15px;
 line-height: 1.35;
 font-weight: 400;
 letter-spacing: 0.005em;
 transition: color 0.2s ease;
}
.aa-footer-nav a:hover {
color: #85c3fb;
}
.aa-footer-col p {
margin: 0;
 color: #9cb1cb;
 font-size: 14px;
 line-height: 1.45;
}
.aa-footer-phone {
color: #ffffff;
 font-size: 24px;
 line-height: 1;
 font-weight: 600;
 letter-spacing: 0;
}
.aa-footer-col small {
color: #9cb1cb;
 font-size: 13px;
}
.aa-footer-social-icons {
display: flex;
 align-items: center;
 gap: 10px;
 flex-wrap: wrap;
}
.aa-footer-social-icons a {
width: 40px;
 height: 40px;
 border-radius: 10px;
 border: 1px solid #395c83;
 background: rgba(255, 255, 255, 0.04);
 color: #d7e7ff;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.aa-footer-social-icons a:hover {
background: rgba(255, 255, 255, 0.09);
 border-color: #6489b4;
 color: #ffffff;
}
.aa-footer-social-icons svg {
width: 21px;
 height: 21px;
}
.aa-footer-bottom {
background: #0b1c33;
 border-top: 1px solid #29496e;
 padding: 12px 0;
}
.aa-footer-bottom-inner {
display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 10px;
}
.aa-footer-brand {
display: flex;
 align-items: center;
 gap: 14px;
}
.aa-footer-brand img {
width: 162px;
 height: auto;
}
.aa-footer-brand-logo {
width: 164px;
 max-width: 100%;
 background: transparent;
 border: 0;
 border-radius: 0;
 padding: 0;
 box-shadow: none;
 filter: none;
}
.aa-footer-brand p {
color: #d5e1f4;
 font-size: 14px;
}
.aa-sr-only {
position: absolute;
 width: 1px;
 height: 1px;
 padding: 0;
 margin: -1px;
 overflow: hidden;
 clip: rect(0, 0, 0, 0);
 white-space: nowrap;
 border: 0;
}
@media (max-width: 1335px) {
.public-body .container {
width: min(1336px, calc(100% - 20px));
}
.aa-home-grid, .aa-listing-layout, .aa-detail-layout {
grid-template-columns: 1fr;
}
.aa-card-grid, .aa-directory, .aa-results-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.aa-filter-card {
position: static;
}
.aa-spec-grid {
grid-template-columns: 1fr;
}
.aa-inline-form {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.aa-inline-form .button-primary {
grid-column: 1 / -1;
}
}
@media (max-width: 1011px) {
.aa-strip-inner {
min-height: 38px;
 justify-content: flex-start;
 gap: 10px;
 overflow-x: auto;
 scrollbar-width: none;
}
.aa-strip-inner::-webkit-scrollbar {
display: none;
}
.aa-main-nav a {
padding: 1px 6px;
}
.aa-brandbar-inner {
min-height: 58px;
}
.aa-brand-logo {
width: 220px;
}
.aa-rate-toggle-home {
z-index: 186;
}
.aa-rate-panel-grid, .home-body .aa-rate-shell-floating .aa-rate-panel-grid, .public-body:not(.home-body) .aa-rate-shell .aa-rate-panel-grid {
grid-template-columns: 1fr;
}
.aa-rate-panel-grid > * {
min-width: 0;
}
.home-body .aa-rate-shell-floating .aa-rate-toggle {
margin-left: 14px;
 width: 182px;
 height: 46px;
}
.home-body .aa-rate-shell-floating .rate-panel-wrap {
transform-origin: 96px 0;
}
.aa-rate-panel-head {
flex-direction: column;
 align-items: flex-start;
}
.aa-rate-panel-head > span {
max-width: none;
 text-align: left;
}
.aa-section-head-row-action .button-secondary {
min-height: 44px;
 padding: 0 20px;
 font-size: 14px;
}
.aa-section-steps, .aa-section-knowledge, .aa-section-contact-inline {
padding-top: 48px;
 padding-bottom: 52px;
}
.aa-section-steps .aa-section-head-center, .aa-section-knowledge .aa-section-head-center {
margin-bottom: 24px;
}
.aa-section-steps .aa-section-head-center h2, .aa-section-knowledge .aa-section-head-center h2 {
font-size: clamp(32px, 4.9vw, 40px);
}
.aa-section-steps .aa-section-head-center p {
font-size: 16px;
}
.aa-section-steps .aa-steps {
gap: 16px;
}
.aa-section-steps .aa-steps article {
min-height: 0;
 padding: 14px 12px 16px;
 border-radius: 14px;
}
.aa-section-steps .aa-steps article p {
max-width: none;
 font-size: 16px;
}
.aa-section-contact-inline .aa-inline-form-box {
max-width: none;
 padding: 22px 18px 18px;
}
.aa-section-contact-inline .aa-inline-form {
grid-template-columns: repeat(6, minmax(0, 1fr));
 gap: 12px;
    grid-template-areas:
      'name name phone phone email email'
      'message message message message message message'
      'consent-email consent-email consent-email consent-phone consent-phone consent-phone'
      '. . . submit submit submit';
}
.aa-section-contact-inline .aa-inline-form label:not(.aa-checkline) {
grid-column: 1 / -1;
}
.aa-section-contact-inline .aa-inline-form .aa-field-name {
grid-area: name;
}
.aa-section-contact-inline .aa-inline-form .aa-field-phone {
grid-area: phone;
}
.aa-section-contact-inline .aa-inline-form .aa-field-email {
grid-area: email;
}
.aa-section-contact-inline .aa-inline-form .aa-field-message {
grid-area: message;
}
.aa-section-contact-inline .aa-inline-form input:not([type='checkbox']), .aa-section-contact-inline .aa-inline-form textarea {
height: 42px;
 min-height: 42px;
 font-size: 13px;
}
.aa-section-contact-inline .aa-inline-form .aa-checkline {
min-height: 42px;
 padding: 0 10px;
 gap: 9px;
}
.aa-section-contact-inline .aa-inline-form .aa-checkline input {
width: 17px;
 height: 17px;
 min-height: 17px;
}
.aa-section-contact-inline .aa-inline-form .aa-checkline input:checked::after {
left: 5px;
 top: 1px;
 width: 4px;
 height: 7px;
}
.aa-section-contact-inline .aa-inline-form .aa-field-message textarea {
height: auto;
 min-height: 96px;
}
.aa-section-contact-inline .aa-inline-form .aa-checkline-email {
grid-area: consent-email;
}
.aa-section-contact-inline .aa-inline-form .aa-checkline-phone {
grid-area: consent-phone;
}
.aa-section-contact-inline .aa-inline-form .aa-inline-submit {
grid-area: submit;
}
.aa-directory h2 {
font-size: 30px;
}
.aa-directory summary {
font-size: 15px;
}
.aa-directory details > div a {
font-size: 13px;
}
.aa-card-grid, .aa-directory, .aa-results-grid, .aa-card-grid-top {
grid-template-columns: 1fr;
}
.aa-car-card-collection {
border-radius: 16px;
 padding: 14px;
}
.aa-collection-model {
margin: 4px 0 0;
 font-size: clamp(27px, 6.8vw, 34px);
}
.aa-car-card-collection .aa-car-media {
margin-top: 3px;
 min-height: 184px;
 padding: 0;
}
.aa-car-card-collection .aa-car-media img {
height: 100%;
}
.aa-car-card-collection .aa-badge {
min-height: 34px;
 margin-top: 8px;
 font-size: 12px;
}
.aa-car-card-collection .aa-car-copy {
padding: 11px 0 0;
}
.aa-car-card-collection .aa-collection-price-line {
font-size: 12px;
}
.aa-car-card-collection .aa-car-copy strong {
font-size: clamp(28px, 8.5vw, 34px);
}
.aa-car-card-collection .aa-collection-rate-unit {
font-size: clamp(13px, 3.6vw, 16px);
}
.aa-steps {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.aa-section-steps .aa-steps article::after {
display: none;
}
.aa-spec-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.aa-footer-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.aa-footer-col:last-child {
grid-column: 1 / -1;
}
.aa-footer-bottom-inner, .aa-footer-brand {
flex-direction: column;
 align-items: flex-start;
 justify-content: flex-start;
}
}
@media (max-width: 687px) {
.public-body .container {
width: calc(100% - 16px);
}
.aa-topbar-inner {
font-size: 10px;
 gap: 8px;
 justify-content: center;
}
.aa-topbar-right {
justify-content: center;
}
.aa-strip-inner {
min-height: 36px;
 gap: 8px;
 justify-content: flex-start;
}
.aa-infline {
display: none;
}
.aa-main-nav {
width: auto;
 overflow-x: auto;
 scrollbar-width: none;
}
.aa-main-nav::-webkit-scrollbar {
display: none;
}
.aa-main-nav a {
padding: 2px 6px;
 font-size: 12px;
}
.aa-brandbar-inner {
min-height: 50px;
}
.aa-brand-logo {
width: 184px;
}
.aa-footer-main {
padding: 22px 0 18px;
}
.aa-footer-grid {
grid-template-columns: 1fr;
 gap: 16px;
}
.aa-footer-col:last-child {
grid-column: auto;
}
.aa-footer-phone {
font-size: 22px;
}
.aa-footer-social-icons a {
width: 38px;
 height: 38px;
 border-radius: 10px;
}
.aa-footer-social-icons svg {
width: 19px;
 height: 19px;
}
.aa-footer-bottom {
padding: 12px 0;
}
.aa-footer-brand-logo {
width: 150px;
 padding: 0;
}
.aa-rate-toggle {
width: 154px;
 height: 36px;
 margin-left: 8px;
 font-size: 11px;
 gap: 6px;
 padding: 0 10px;
}
.aa-rate-toggle-home {
z-index: 186;
}
.aa-section-head-row-action .button-secondary {
min-height: 38px;
 padding: 0 14px;
 font-size: 13px;
}
.aa-section-steps, .aa-section-knowledge, .aa-section-contact-inline {
padding-top: 38px;
 padding-bottom: 40px;
}
.aa-section-steps .aa-section-head-center, .aa-section-knowledge .aa-section-head-center {
margin-bottom: 18px;
}
.aa-section-steps .aa-section-head-center h2, .aa-section-knowledge .aa-section-head-center h2 {
font-size: clamp(24px, 8.2vw, 30px);
}
.aa-section-steps .aa-section-head-center p {
font-size: 14px;
}
.aa-section-steps .aa-steps {
gap: 12px;
}
.aa-section-steps .aa-steps article {
min-height: 0;
 padding: 12px 10px 14px;
 border-radius: 12px;
}
.aa-section-steps .aa-steps article span {
width: 50px;
 height: 50px;
 margin-bottom: 12px;
 font-size: 28px;
}
.aa-section-steps .aa-steps article p {
font-size: 16px;
}
.aa-section-knowledge .aa-info-box {
padding: 14px;
 margin-bottom: 16px;
}
.aa-section-contact-inline .aa-inline-form-box {
padding: 16px 12px 14px;
}
.aa-section-contact-inline .aa-inline-form {
grid-template-columns: 1fr;
 gap: 12px;
    grid-template-areas:
      'name'
      'phone'
      'email'
      'message'
      'consent-email'
      'consent-phone'
      'submit';
}
.aa-section-contact-inline .aa-inline-form-box h2 {
font-size: clamp(22px, 7.4vw, 29px);
 margin-bottom: 12px;
}
.aa-section-contact-inline .aa-inline-form label:not(.aa-checkline) {
grid-column: 1;
 gap: 6px;
 font-size: 11px;
}
.aa-section-contact-inline .aa-inline-form .aa-field-name, .aa-section-contact-inline .aa-inline-form .aa-field-phone, .aa-section-contact-inline .aa-inline-form .aa-field-email, .aa-section-contact-inline .aa-inline-form .aa-field-message {
grid-column: 1;
}
.aa-section-contact-inline .aa-inline-form .aa-field-name {
grid-area: name;
}
.aa-section-contact-inline .aa-inline-form .aa-field-phone {
grid-area: phone;
}
.aa-section-contact-inline .aa-inline-form .aa-field-email {
grid-area: email;
}
.aa-section-contact-inline .aa-inline-form .aa-field-message {
grid-area: message;
}
.aa-section-contact-inline .aa-inline-form input:not([type='checkbox']), .aa-section-contact-inline .aa-inline-form textarea {
height: 40px;
 min-height: 40px;
 font-size: 13px;
}
.aa-section-contact-inline .aa-inline-form .aa-checkline {
grid-column: 1;
 min-height: 40px;
 padding: 0 10px;
 gap: 8px;
}
.aa-section-contact-inline .aa-inline-form .aa-checkline-email {
grid-area: consent-email;
}
.aa-section-contact-inline .aa-inline-form .aa-checkline-phone {
grid-area: consent-phone;
}
.aa-section-contact-inline .aa-inline-form .aa-checkline input {
width: 16px;
 height: 16px;
 min-height: 16px;
 border-radius: 4px;
}
.aa-section-contact-inline .aa-inline-form .aa-checkline input:checked::after {
left: 4px;
 top: 1px;
 width: 3px;
 height: 6px;
}
.aa-section-contact-inline .aa-inline-form .aa-field-message textarea {
height: auto;
 min-height: 88px;
}
.aa-section-contact-inline .aa-inline-form .aa-checkline {
font-size: 13px !important;
}
.aa-section-contact-inline .aa-inline-form .aa-checkline span {
font-size: 12px;
}
.aa-section-contact-inline .aa-inline-form .aa-inline-submit {
grid-area: submit;
 min-height: 42px;
 font-size: 15px;
}
.aa-directory h2 {
font-size: 26px;
}
.aa-directory summary {
min-height: 40px;
 padding: 0;
 font-size: 15px;
}
.aa-directory summary::after {
font-size: 16px;
}
.aa-directory details > div {
gap: 7px 12px;
 padding: 8px 0 10px;
}
.aa-directory details > div a {
font-size: 13px;
}
.aa-car-card-collection {
border-radius: 14px;
 padding: 12px;
}
.aa-collection-model {
margin: 3px 0 0;
 font-size: clamp(24px, 8.6vw, 32px);
}
.aa-car-card-collection .aa-car-media {
margin-top: 2px;
 min-height: 168px;
 padding: 0;
 border-radius: 10px;
}
.aa-car-card-collection .aa-car-media img {
height: 100%;
}
.aa-car-card-collection .aa-badge {
min-height: 32px;
 margin-top: 7px;
 font-size: 11px;
 border-radius: 8px;
}
.aa-car-card-collection .aa-car-copy {
padding: 10px 0 0;
}
.aa-car-card-collection .aa-collection-price-line {
font-size: 11px;
}
.aa-car-card-collection .aa-car-copy strong {
font-size: clamp(26px, 9.4vw, 32px);
}
.aa-car-card-collection .aa-collection-rate-unit {
font-size: clamp(12px, 4vw, 15px);
 margin-bottom: 3px;
}
.home-body .aa-rate-shell-floating {
margin-bottom: 10px;
}
.home-body .aa-rate-shell-floating .aa-rate-toggle {
margin-left: 8px;
 width: 156px;
 height: 38px;
 border-radius: 0 0 9px 9px;
}
.home-body .aa-rate-shell-floating .rate-panel-wrap {
padding-top: 6px;
 transform-origin: 86px 0;
}
.home-body .aa-rate-shell-floating .aa-rate-panel {
border-radius: 10px;
}
.aa-page-head-inner {
flex-direction: column;
 align-items: flex-start;
}
.aa-page-head-inner h1 {
font-size: 26px;
}
.aa-not-found-page .aa-not-found-card h1 {
font-size: 34px;
}
.aa-steps, .aa-spec-grid, .aa-inline-form {
grid-template-columns: 1fr;
}
.aa-inline-form .button-primary {
grid-column: 1;
}
.aa-week-strip-inner {
grid-template-columns: 1fr;
}
.aa-compare-wrap {
padding: 10px;
}
.aa-compare-table {
min-width: 700px;
}
.aa-not-found-actions {
flex-direction: column;
 width: 100%;
}
.aa-not-found-actions a {
width: 100%;
}
}
.public-body:not(.home-body) .aa-rate-shell {
position: relative;
 background: transparent;
 border: 0;
}
.public-body:not(.home-body) .aa-rate-shell .aa-rate-shell-inner {
display: flex;
 align-items: center;
 min-height: 0;
 background: transparent;
}
.public-body:not(.home-body) .aa-rate-shell .aa-rate-toggle {
position: relative;
 z-index: 186;
 width: 194px;
 height: 50px;
 margin-left: 20px;
 border-radius: 0 0 14px 14px;
}
.public-body:not(.home-body) .aa-rate-shell .rate-panel-wrap {
position: absolute;
 top: 100%;
 left: 0;
 right: 0;
 z-index: 184;
 display: block;
 border: 0;
 background: transparent;
 overflow: hidden;
 padding-top: 0;
 max-height: 560px;
 opacity: 1;
 transform: translateY(0) scaleY(1);
 transform-origin: 120px 0;
  transition:
    max-height 0.34s cubic-bezier(0.2, 0.76, 0.2, 1),
    opacity 0.24s ease,
    transform 0.34s cubic-bezier(0.2, 0.76, 0.2, 1);
 pointer-events: auto;
}
.public-body:not(.home-body) .aa-rate-shell .rate-panel-wrap.is-collapsed {
display: block;
 max-height: 0;
 opacity: 0;
 transform: translateY(-12px) scaleY(0.96);
 pointer-events: none;
}
.public-body:not(.home-body) .aa-rate-shell .aa-rate-panel {
margin: 6px 0 0;
 border-radius: 10px;
 border-color: #c9d0dc;
 background: #fff;
 box-shadow: var(--aa-shadow);
}
.aa-page-head-offer {
border-bottom: 1px solid #c7d0dd;
  background:
    radial-gradient(circle at 14% -20%, rgba(68, 143, 214, 0.17), rgba(68, 143, 214, 0)),
    radial-gradient(circle at 92% 120%, rgba(241, 151, 28, 0.2), rgba(241, 151, 28, 0)),
    linear-gradient(180deg, #f4f6f9 0%, #e9edf3 100%);
}
.aa-page-head-inner-offer {
min-height: 0;
 padding: 18px 0 20px;
 display: grid;
 grid-template-columns: minmax(0, 1fr) 320px;
 gap: 14px;
 align-items: start;
}
.aa-page-head-copy > p {
margin-bottom: 6px;
 color: #455267;
 font-size: 13px;
}
.aa-page-head-copy > h1 {
margin-bottom: 4px;
 color: #111b2c;
 font-size: clamp(28px, 3vw, 38px);
 line-height: 1.06;
 font-weight: 400;
}
.aa-page-head-copy > span {
display: block;
 margin-bottom: 8px;
 color: #3f4f67;
 font-size: 20px;
 font-weight: 200;
}
.aa-offer-id-inline {
color: #39485e;
 font-size: 13px;
 margin-bottom: 10px;
}
.aa-offer-id-inline strong {
font-weight: 600;
 color: #15233a;
}
.aa-cta-secondary {
min-height: 40px;
 border-radius: 9px;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 text-align: center;
 font-size: 13px;
 font-weight: 600;
 transition: transform 0.2s ease, filter 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
.aa-cta-secondary {
border: 1px solid #99abc3;
 background: rgba(255, 255, 255, 0.9);
 color: #25334a;
}
.aa-cta-secondary:hover {
background: #eaf1f9;
 border-color: #7f95b0;
}
.aa-section-head-row-offer {
align-items: flex-end;
 margin-bottom: 12px;
 border-bottom: 2px solid #162138;
 padding-bottom: 8px;
}
.aa-section-head-row-offer p {
color: #4e5d74;
 font-size: 13px;
 max-width: 58ch;
}
.aa-detail-layout {
grid-template-columns: minmax(0, 1fr) 300px;
 gap: 18px;
 align-items: start;
}
.aa-azja-gallery {
padding: 0;
}
.aa-azja-main-image {
position: relative;
 overflow: hidden;
 border: 1px solid #d2d8e3;
 border-radius: 10px;
 background: #ffffff;
}
.aa-azja-main-image-glow {
display: none;
}
.aa-azja-main-image img {
position: relative;
 z-index: 1;
 width: min(920px, 100%);
 height: min(460px, 54vw);
 max-height: 460px;
 object-fit: contain;
 margin: 0 auto;
 padding: 20px 30px 24px;
}
.aa-gallery-main-open {
display: block;
 width: 100%;
 border: 0;
 padding: 0;
 background: transparent;
 cursor: zoom-in;
}
.aa-gallery-main-open:focus-visible {
outline: 2px solid #0a66a8;
 outline-offset: -2px;
}
.aa-gallery-main-open img {
pointer-events: none;
}
.aa-gallery-nav, .aa-thumb-nav {
width: 34px;
 height: 34px;
 border-radius: 999px;
 border: 1px solid #bcc7d8;
 background: rgba(255, 255, 255, 0.94);
 color: #1d2d47;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 font-size: 24px;
 line-height: 1;
 cursor: pointer;
 transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}
.aa-gallery-nav:hover, .aa-thumb-nav:hover {
background: #ffffff;
 border-color: #90a2bd;
}
.aa-gallery-nav:disabled, .aa-thumb-nav:disabled {
opacity: 0.35;
 cursor: default;
 transform: none;
}
.aa-gallery-nav {
position: absolute;
 top: 50%;
 transform: translateY(-50%);
 z-index: 3;
}
.aa-gallery-nav.is-prev {
left: 10px;
}
.aa-gallery-nav.is-next {
right: 10px;
}
.aa-gallery-zoom-cta {
position: absolute;
 right: 10px;
 bottom: 10px;
 z-index: 3;
 min-height: 30px;
 border-radius: 999px;
 border: 1px solid #b8c4d5;
 background: rgba(255, 255, 255, 0.94);
 color: #1d2d47;
 font-size: 12px;
 font-weight: 600;
 padding: 0 12px;
 cursor: pointer;
}
.aa-gallery-counter {
position: absolute;
 left: 10px;
 bottom: 10px;
 z-index: 3;
 min-width: 54px;
 min-height: 30px;
 border-radius: 999px;
 border: 1px solid #b8c4d5;
 background: rgba(255, 255, 255, 0.94);
 color: #243652;
 font-size: 12px;
 font-weight: 600;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 padding: 0 10px;
}
.aa-detail-thumbs.aa-detail-thumbs-slider-wrap {
margin-top: 10px;
 display: grid;
 grid-template-columns: 34px minmax(0, 1fr) 34px;
 align-items: center;
 gap: 8px;
}
.aa-detail-thumbs.aa-detail-thumbs-slider-wrap.is-single-row {
grid-template-columns: minmax(0, 1fr);
}
.aa-detail-thumbs-track {
display: flex;
 gap: 8px;
 overflow-x: auto;
 scroll-behavior: smooth;
 scrollbar-width: thin;
 padding: 2px 2px 6px;
}
.aa-detail-thumbs-track::-webkit-scrollbar {
height: 8px;
}
.aa-detail-thumbs-track::-webkit-scrollbar-thumb {
background: #b6c1d1;
 border-radius: 999px;
}
.aa-azja-gallery .aa-detail-thumb {
flex: 0 0 142px;
 border: 1px solid #c9d3e0;
 border-radius: 10px;
 overflow: hidden;
 padding: 0;
 background: #fff;
}
.aa-azja-gallery .aa-detail-thumb img {
width: 100%;
 height: 84px;
 object-fit: cover;
}
.aa-gallery-lightbox {
position: fixed;
 inset: 0;
 z-index: 260;
 padding: 18px;
 display: flex;
 align-items: center;
 justify-content: center;
}
.aa-gallery-lightbox[hidden] {
display: none !important;
}
.aa-gallery-lightbox-backdrop {
position: absolute;
 inset: 0;
 border: 0;
 background: rgba(8, 15, 28, 0.78);
 cursor: zoom-out;
}
.aa-gallery-lightbox-dialog {
position: relative;
 width: min(1200px, 96vw);
 z-index: 1;
 border-radius: 14px;
 border: 1px solid #b8c5d9;
 background: #f4f7fb;
 padding: 16px 16px 64px;
 box-shadow: 0 20px 48px rgba(5, 10, 19, 0.35);
}
.aa-gallery-lightbox-stage {
min-height: min(74vh, 720px);
 display: flex;
 align-items: center;
 justify-content: center;
 background: #fff;
 border-radius: 10px;
 overflow: hidden;
}
.aa-gallery-lightbox-stage img {
max-width: 100%;
 max-height: min(72vh, 700px);
 object-fit: contain;
 transition: transform 0.16s ease;
 transform-origin: center center;
}
.aa-gallery-lightbox-close {
position: absolute;
 right: 10px;
 top: 10px;
 width: 34px;
 height: 34px;
 border-radius: 999px;
 border: 1px solid #b8c5d9;
 background: rgba(255, 255, 255, 0.94);
 color: #1c2b44;
 font-size: 20px;
 line-height: 1;
 cursor: pointer;
 z-index: 2;
}
.aa-gallery-lightbox-nav {
position: absolute;
 top: 50%;
 transform: translateY(-50%);
 width: 40px;
 height: 40px;
 border-radius: 999px;
 border: 1px solid #b8c5d9;
 background: rgba(255, 255, 255, 0.94);
 color: #1f2f4a;
 font-size: 28px;
 line-height: 1;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 cursor: pointer;
 z-index: 2;
}
.aa-gallery-lightbox-nav.is-prev {
left: 10px;
}
.aa-gallery-lightbox-nav.is-next {
right: 10px;
}
.aa-gallery-lightbox-tools {
position: absolute;
 left: 50%;
 bottom: 14px;
 transform: translateX(-50%);
 z-index: 2;
 display: inline-flex;
 align-items: center;
 gap: 8px;
 border-radius: 999px;
 border: 1px solid #b8c5d9;
 background: rgba(255, 255, 255, 0.94);
 padding: 6px 8px;
}
.aa-gallery-lightbox-tools button {
min-height: 30px;
 min-width: 30px;
 border-radius: 999px;
 border: 1px solid #b8c5d9;
 background: #fff;
 color: #22324d;
 font-size: 15px;
 font-weight: 600;
 padding: 0 10px;
 cursor: pointer;
}
.aa-gallery-lightbox-tools span {
min-width: 56px;
 text-align: center;
 color: #22324d;
 font-size: 13px;
 font-weight: 600;
}
.aa-detail-summary {
position: sticky;
 top: 122px;
 padding: 0;
 border-radius: 10px;
 border: 1px solid #cfd5df;
 box-shadow: 0 10px 18px rgba(18, 29, 45, 0.12);
 background: #fff;
 display: grid;
 gap: 0;
}
.aa-azja-summary-top {
padding: 10px 12px;
 border-bottom: 1px solid #dde2ea;
 background: linear-gradient(180deg, #ffffff 0%, #f5f7fa 100%);
}
.aa-azja-summary-car {
width: 100%;
 height: 110px;
 object-fit: contain;
 margin-bottom: 8px;
}
.aa-azja-summary-model h3 {
color: #121d31;
 font-size: 17px;
 line-height: 1.1;
 font-weight: 500;
}
.aa-azja-summary-model p {
margin-top: 2px;
 color: #3f4f65;
 font-size: 13px;
 font-weight: 300;
}
.aa-azja-mini-meta {
margin-top: 6px;
 display: grid;
 gap: 3px;
}
.aa-azja-mini-meta span {
color: #4e5c72;
 font-size: 11px;
}
.aa-azja-mini-meta strong {
color: #18253a;
 font-weight: 600;
}
.aa-azja-rate-box {
padding: 10px 12px 9px;
}
.aa-azja-rate-box p {
color: #3f4f67;
 font-size: 12px;
}
.aa-azja-rate-box strong {
display: block;
 margin-top: 3px;
 color: #0a66a8;
 font-size: 34px;
 line-height: 0.94;
 font-weight: 500;
}
.aa-summary-prices.aa-azja-price-grid {
margin-top: 0;
 gap: 0;
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 border-top: 1px solid #dde2ea;
 border-bottom: 1px solid #dde2ea;
}
.aa-azja-price-grid .aa-azja-price-item {
border-right: 1px solid #dde2ea;
 border-bottom: 1px solid #dde2ea;
 padding: 9px 10px 8px;
 border-radius: 0;
}
.aa-azja-price-grid .aa-azja-price-item:nth-child(2n) {
border-right: 0;
}
.aa-azja-price-grid .aa-azja-price-item:nth-last-child(-n + 2) {
border-bottom: 0;
}
.aa-azja-price-grid .aa-azja-price-item small {
color: #4d5b71;
 font-size: 11px;
 line-height: 1.2;
}
.aa-azja-price-grid .aa-azja-price-item strong {
display: block;
 margin-top: 3px;
 color: #131f33;
 font-size: 17px;
 line-height: 1.15;
 font-weight: 400;
}
.aa-azja-price-grid .aa-azja-price-item.is-old strong {
text-decoration: line-through;
 color: #636f82;
}
.aa-detail-actions {
display: grid;
 gap: 7px;
 padding: 10px 12px;
}
.aa-summary-list.aa-summary-list-azja {
margin-top: 0;
 padding: 0 12px 8px;
 gap: 0;
}
.aa-summary-list.aa-summary-list-azja li {
border-bottom: 1px solid #e1e6ee;
 padding: 7px 0;
 font-size: 12px;
}
.aa-summary-list.aa-summary-list-azja li:last-child {
border-bottom: 0;
}
.aa-summary-list.aa-summary-list-azja span {
color: #4f5e74;
}
.aa-summary-list.aa-summary-list-azja strong {
color: #15243b;
 font-weight: 500;
}
.aa-detail-tags {
margin-top: 0;
 padding: 0 12px 10px;
}
.aa-detail-tags a {
font-size: 11px;
 padding: 4px 9px;
}
.aa-stock-id {
margin-top: 0;
 border-top: 1px solid #e1e6ee;
 background: #f3f5f8;
 color: #2f3f57;
 font-size: 11px;
 text-align: center;
 padding: 8px 10px;
}
.aa-detail-page .aa-spec-grid {
grid-template-columns: 1fr;
 gap: 0;
}
.aa-detail-page .aa-spec-grid > div {
border: 0;
 border-bottom: 1px solid #d5dce7;
 border-radius: 0;
 box-shadow: none;
 background: transparent;
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 18px;
 padding: 11px 2px;
}
.aa-detail-page .aa-spec-grid > div:last-child {
border-bottom: 0;
}
.aa-detail-page .aa-spec-grid span {
color: #4d5c73;
 font-size: 14px;
}
.aa-detail-page .aa-spec-grid strong {
color: #19283f;
 font-size: 14px;
 text-align: right;
}
.aa-detail-page #parametry .aa-section-head-row, .aa-detail-page #wyposazenie .aa-section-head-row, .aa-detail-page #kontakt-oferta .aa-section-head-row {
border-bottom: 2px solid #162138;
 padding-bottom: 8px;
}
.aa-detail-page #kontakt-oferta.aa-section-contact-inline {
padding-top: 62px;
 padding-bottom: 66px;
 background: linear-gradient(180deg, #d7deea 0%, #d1d9e5 100%);
}
.aa-detail-page #kontakt-oferta .aa-inline-form-box {
max-width: 1160px;
 display: grid;
 grid-template-columns: minmax(0, 340px) minmax(0, 1fr);
 gap: 18px 24px;
 align-items: start;
 padding: 30px 34px 28px;
 border-radius: 22px;
}
.aa-detail-page #kontakt-oferta .aa-inline-form-box::before {
left: 24px;
 right: 24px;
 width: auto;
 border-radius: 0 0 999px 999px;
}
.aa-detail-page #kontakt-oferta .aa-inline-form {
grid-template-areas:
    'name name name name phone phone phone phone email email email email'
    'message message message message message message message message message message message message'
    'consent-email consent-email consent-email consent-email consent-email consent-email consent-phone consent-phone consent-phone consent-phone consent-phone consent-phone'
    '. . . . . . submit submit submit submit submit submit';
}
.aa-detail-page #wyposazenie .aa-spec-grid > div {
align-items: flex-start;
}
.aa-detail-page #wyposazenie .aa-equip-grid > div {
gap: 22px;
}
.aa-detail-page #wyposazenie .aa-equip-grid span {
width: 170px;
 min-width: 170px;
 padding-top: 2px;
}
.aa-detail-page #wyposazenie .aa-equip-values {
flex: 1;
}
.aa-detail-page #wyposazenie .aa-equip-values ul {
margin: 0;
 padding-left: 20px;
 display: grid;
 gap: 7px;
}
.aa-detail-page #wyposazenie .aa-equip-values li {
color: #19283f;
 font-size: 14px;
 line-height: 1.4;
}
.aa-detail-page #wyposazenie .aa-equip-values p {
margin: 0;
 color: #61728d;
 font-size: 14px;
 line-height: 1.4;
}
.aa-offer-benefits-grid {
display: grid;
 grid-template-columns: repeat(4, minmax(0, 1fr));
 gap: 12px;
}
.aa-offer-benefits-grid article {
border: 1px solid #c6d1e0;
 border-radius: 14px;
 background: #fff;
 box-shadow: var(--aa-shadow);
 padding: 14px;
}
.aa-offer-benefits-grid h3 {
color: #172840;
 font-size: 17px;
 line-height: 1.22;
 margin-bottom: 7px;
}
.aa-offer-benefits-grid p {
color: #495970;
 font-size: 14px;
 line-height: 1.48;
}
.aa-related-section .aa-section-head-row-action {
margin-bottom: 14px;
}
@media (max-width: 1335px) {
.aa-page-head-inner-offer {
grid-template-columns: 1fr;
}
.aa-detail-page #kontakt-oferta .aa-inline-form-box {
max-width: none;
 grid-template-columns: 1fr;
 gap: 16px;
}
.aa-detail-summary {
position: static;
}
.aa-detail-layout {
grid-template-columns: 1fr;
}
.aa-offer-benefits-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 1011px) {
.public-body:not(.home-body) .aa-rate-shell .aa-rate-toggle {
width: 182px;
 height: 46px;
 margin-left: 14px;
}
.public-body:not(.home-body) .aa-rate-shell .rate-panel-wrap {
transform-origin: 96px 0;
}
.aa-page-head-inner-offer {
padding: 14px 0 16px;
 gap: 14px;
}
.aa-azja-main-image img {
height: min(400px, 58vw);
 padding: 14px 14px 20px;
}
.aa-azja-gallery .aa-detail-thumb {
flex-basis: 120px;
}
.aa-azja-gallery .aa-detail-thumb img {
height: 72px;
}
.aa-detail-page .aa-spec-grid span, .aa-detail-page .aa-spec-grid strong {
font-size: 13px;
}
}
@media (max-width: 687px) {
.home-body .aa-rate-shell-floating .rate-panel-wrap, .public-body:not(.home-body) .aa-rate-shell .rate-panel-wrap {
max-height: 1200px;
}
.aa-detail-page .aa-azja-summary-top .aa-azja-summary-car {
display: none;
}
.public-body:not(.home-body) .aa-rate-shell .aa-rate-toggle {
width: 156px;
 height: 38px;
 margin-left: 8px;
 border-radius: 0 0 9px 9px;
 font-size: 11px;
}
.public-body:not(.home-body) .aa-rate-shell .rate-panel-wrap {
padding-top: 0;
 transform-origin: 86px 0;
}
.aa-page-head-copy > h1 {
font-size: 28px;
}
.aa-detail-page #kontakt-oferta .aa-inline-form-box {
padding: 16px 12px 14px;
}
.aa-azja-rate-box strong {
font-size: 30px;
}
.aa-gallery-nav {
width: 30px;
 height: 30px;
 font-size: 20px;
}
.aa-gallery-zoom-cta, .aa-gallery-counter {
min-height: 28px;
 font-size: 11px;
}
.aa-detail-thumbs.aa-detail-thumbs-slider-wrap {
grid-template-columns: minmax(0, 1fr);
}
.aa-thumb-nav {
display: none;
}
.aa-azja-gallery .aa-detail-thumb {
flex-basis: 96px;
}
.aa-azja-gallery .aa-detail-thumb img {
height: 62px;
}
.aa-gallery-lightbox-dialog {
padding: 12px 12px 58px;
}
.aa-gallery-lightbox-stage {
min-height: min(68vh, 520px);
}
.aa-gallery-lightbox-tools {
width: calc(100% - 24px);
 justify-content: center;
 gap: 6px;
}
.aa-gallery-lightbox-tools button {
padding: 0 8px;
}
.aa-azja-price-grid .aa-azja-price-item strong {
font-size: 15px;
}
.aa-detail-page .aa-spec-grid > div {
flex-direction: column;
 align-items: flex-start;
 gap: 4px;
}
.aa-detail-page .aa-spec-grid strong {
text-align: left;
}
.aa-detail-page #wyposazenie .aa-equip-grid span {
width: auto;
 min-width: 0;
 padding-top: 0;
}
.aa-detail-page #wyposazenie .aa-equip-values ul {
padding-left: 18px;
 gap: 6px;
}
.aa-offer-benefits-grid {
grid-template-columns: 1fr;
 gap: 10px;
}
.aa-section-head-row-offer p {
font-size: 13px;
}
.aa-advisor-grid {
display: grid;
 grid-template-columns: 1fr;
 gap: 12px;
 overflow: visible;
 padding: 0;
}
.aa-section-advisor .container {
width: min(380px, calc(100% - 20px));
}
.aa-detail-page .aa-related-section .aa-offer-media {
display: none;
}
.aa-detail-page .aa-related-section .aa-offer-copy {
padding-top: 12px;
}
.aa-detail-page #kontakt-oferta .aa-inline-form {
grid-template-columns: 1fr;
 gap: 12px;
    grid-template-areas:
      'name'
      'phone'
      'email'
      'message'
      'consent-email'
      'consent-phone'
      'submit';
}
.aa-detail-page #kontakt-oferta .aa-inline-form label:not(.aa-checkline) {
grid-column: 1;
 gap: 6px;
 font-size: 11px;
}
.aa-detail-page #kontakt-oferta .aa-inline-form .aa-field-name, .aa-detail-page #kontakt-oferta .aa-inline-form .aa-field-phone, .aa-detail-page #kontakt-oferta .aa-inline-form .aa-field-email, .aa-detail-page #kontakt-oferta .aa-inline-form .aa-field-message {
grid-column: 1;
}
.aa-detail-page #kontakt-oferta .aa-inline-form .aa-field-name {
grid-area: name;
}
.aa-detail-page #kontakt-oferta .aa-inline-form .aa-field-phone {
grid-area: phone;
}
.aa-detail-page #kontakt-oferta .aa-inline-form .aa-field-email {
grid-area: email;
}
.aa-detail-page #kontakt-oferta .aa-inline-form .aa-field-message {
grid-area: message;
}
.aa-detail-page #kontakt-oferta .aa-inline-form input:not([type='checkbox']), .aa-detail-page #kontakt-oferta .aa-inline-form textarea {
width: 100%;
 height: 40px;
 min-height: 40px;
 font-size: 13px;
}
.aa-detail-page #kontakt-oferta .aa-inline-form .aa-field-message textarea {
height: auto;
 min-height: 96px;
}
.aa-detail-page #kontakt-oferta .aa-inline-form .aa-checkline {
min-height: 40px;
 padding: 0 10px;
}
.aa-detail-page #kontakt-oferta .aa-inline-form .aa-checkline-email {
grid-area: consent-email;
}
.aa-detail-page #kontakt-oferta .aa-inline-form .aa-checkline-phone {
grid-area: consent-phone;
}
.aa-detail-page #kontakt-oferta .aa-inline-form .aa-inline-submit {
grid-area: submit;
 width: 100%;
}
}
@media (max-width: 560px) {
.aa-topbar {
display: none;
}
.aa-strip {
display: none;
}
.aa-brandbar-inner {
min-height: 58px;
}
.aa-mobile-nav-wrap {
display: flex;
 align-items: center;
 justify-content: flex-end;
 margin-left: auto;
}
.aa-mobile-nav-toggle {
width: 44px;
 min-height: 44px;
 height: 44px;
 border: 0;
 border-radius: 0;
 background: transparent;
 color: #1f2e46;
 padding: 0;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: 0;
 font-family: inherit;
 font-size: 0;
 font-weight: 600;
 letter-spacing: 0.01em;
 box-shadow: none;
}
.aa-mobile-nav-label {
display: none;
}
.aa-main-nav {
display: none;
}
.aa-main-nav-mobile {
display: none;
 position: absolute;
 top: calc(100% + 8px);
 right: 0;
 margin-top: 0;
 padding: 8px;
 border: 1px solid #c8d1de;
 border-radius: 14px;
 background: #fff;
 box-shadow: none;
 flex-direction: column;
 align-items: stretch;
 gap: 0;
 width: min(300px, calc(100vw - 16px));
 max-height: min(70vh, 420px);
 overflow: auto;
 z-index: 240;
}
.aa-mobile-nav-wrap.is-open .aa-main-nav-mobile {
display: flex;
}
.aa-mobile-nav-wrap.is-open .aa-mobile-nav-icon span:nth-child(1) {
transform: translateY(6px) rotate(45deg);
}
.aa-mobile-nav-wrap.is-open .aa-mobile-nav-icon span:nth-child(2) {
opacity: 0;
}
.aa-mobile-nav-wrap.is-open .aa-mobile-nav-icon span:nth-child(3) {
transform: translateY(-6px) rotate(-45deg);
}
.aa-main-nav-mobile a {
min-height: 44px;
 padding: 0 12px;
 display: inline-flex;
 align-items: center;
 border-bottom: 1px solid #e3e9f1;
 font-size: 16px;
 font-weight: 500;
}
.aa-main-nav-mobile a:last-child {
border-bottom: 0;
}
.home-body .aa-rate-shell-floating .rate-panel-wrap, .public-body:not(.home-body) .aa-rate-shell .rate-panel-wrap {
max-height: 1400px;
}
.aa-page-head-inner {
min-height: 0;
 padding: 14px 0;
 gap: 10px;
}
.aa-page-head-inner h1 {
font-size: 24px;
 line-height: 1.14;
}
.aa-listing-page .aa-page-head-inner .button-secondary {
width: 100%;
 min-height: 40px;
 justify-content: center;
}
.aa-offer-media {
min-height: 180px;
 padding: 7px;
}
.aa-offer-media img {
height: 165px;
}
.aa-offer-copy {
padding: 9px 10px 10px;
}
.aa-offer-copy h2 {
font-size: 22px;
}
.aa-offer-prices {
grid-template-columns: 1fr;
 gap: 6px;
}
.aa-offer-prices strong {
font-size: 21px;
}
.aa-offer-cta {
min-height: 40px;
}
.aa-page-head-copy > h1 {
font-size: 24px;
}
.aa-page-head-copy > span {
font-size: 16px;
}
.aa-summary-prices.aa-azja-price-grid {
grid-template-columns: 1fr;
}
.aa-azja-price-grid .aa-azja-price-item {
border-right: 0;
 border-bottom: 1px solid #dde2ea;
}
.aa-azja-price-grid .aa-azja-price-item:last-child {
border-bottom: 0;
}
.aa-detail-page #kontakt-oferta.aa-section-contact-inline {
padding-top: 40px;
 padding-bottom: 42px;
}
}
@media (max-width: 420px) {
.aa-brand-logo {
width: 168px;
}
.aa-rate-toggle, .public-body:not(.home-body) .aa-rate-shell .aa-rate-toggle {
width: 148px;
 height: 34px;
 font-size: 10px;
 padding: 0 8px;
}
.aa-offer-meta span {
font-size: 10px;
}
.aa-main-nav-mobile a {
font-size: 15px;
 padding: 0 12px;
}
.aa-gallery-nav {
display: none;
}
.aa-gallery-zoom-cta {
right: 8px;
 bottom: 8px;
 min-height: 26px;
 padding: 0 9px;
}
.aa-gallery-counter {
left: 8px;
 bottom: 8px;
 min-height: 26px;
 min-width: 48px;
 padding: 0 8px;
}
.aa-azja-rate-box strong {
font-size: 28px;
}
}