/* Autanet homepage hero */

.homepage-hero {
    position: relative;
    min-height: 482px;
    overflow: hidden;
    background: #111b24;
    color: #fff;
}

.homepage-hero__picture,
.homepage-hero__picture img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.homepage-hero__picture img {
    object-fit: cover;
    object-position: center center;
}

.homepage-hero__overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(4, 13, 21, .84) 0%, rgba(4, 13, 21, .48) 42%, rgba(4, 13, 21, .10) 72%, rgba(4, 13, 21, .04) 100%),
        linear-gradient(0deg, rgba(4, 13, 21, .72) 0%, rgba(4, 13, 21, 0) 48%);
}

.homepage-hero__container {
    position: relative;
    z-index: 2;
    width: min(1180px, calc(100% - 40px));
    min-height: 482px;
    margin: 0 auto;
    padding: 38px 0 30px;
    box-sizing: border-box;
}

.homepage-hero__title {
    max-width: 760px;
    margin: 0;
    color: #fff;
    font-size: clamp(30px, 3vw, 44px);
    font-weight: 700;
    line-height: 1.12;
}

.homepage-hero__subtitle {
    margin: 8px 0 0;
    color: rgba(255, 255, 255, .92);
    font-size: 18px;
    line-height: 1.4;
}

.homepage-hero__categories {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 8px;
    max-width: 880px;
    margin-top: 26px;
}

.homepage-hero__category {
    min-width: 0;
    min-height: 42px;
    padding: 9px 10px;
    border: 1px solid rgba(255, 255, 255, .48);
    border-radius: 5px;
    background: rgba(9, 21, 31, .52);
    color: #fff;
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    cursor: pointer;
    backdrop-filter: blur(2px);
}

.homepage-hero__category:hover {
    background: rgba(255, 255, 255, .14);
}

.homepage-hero__category.is-active {
    border-color: #fff;
    background: #fff;
    color: #15222c;
}

.homepage-hero__form {
    max-width: 880px;
    margin-top: 12px;
}

.homepage-hero__fields {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.homepage-hero__field {
    min-width: 0;
}

.homepage-hero__field--half {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.homepage-hero select,
.homepage-hero__submit {
    width: 100%;
    height: 48px;
    box-sizing: border-box;
    border-radius: 5px;
    font: inherit;
    font-size: 15px;
}

.homepage-hero select {
    padding: 0 38px 0 14px;
    border: 1px solid #d9dee2;
    background: #fff;
    color: #1c252c;
}

.homepage-hero select:disabled {
    color: #7a838a;
    background: #f1f3f4;
}

.homepage-hero__submit {
    border: 0;
    padding: 0 18px;
    background: #e50046;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
}

.homepage-hero__submit:hover {
    filter: brightness(.94);
}

.homepage-hero__advanced {
    display: inline-block;
    margin-top: 12px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.homepage-hero__advanced:hover {
    color: #fff;
}

.homepage-hero__other {
    display: none;
    max-width: 880px;
    margin-top: 8px;
    padding: 10px;
    border-radius: 5px;
    background: rgba(7, 18, 27, .72);
}

.homepage-hero__other.is-open {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.homepage-hero__other button {
    padding: 7px 10px;
    border: 1px solid rgba(255, 255, 255, .35);
    border-radius: 4px;
    background: rgba(255, 255, 255, .08);
    color: #fff;
    font: inherit;
    font-size: 13px;
    cursor: pointer;
}

.homepage-hero__other button:hover {
    background: rgba(255, 255, 255, .16);
}

/* Statistiky jsou součástí hero, nikoli samostatný blok pod fotografií. */
.homepage-hero__stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    margin-top: 24px;
    max-width: 880px;
    border-radius: 6px;
    overflow: hidden;
    background: rgba(255, 255, 255, .18);
}

.homepage-hero__stat {
    padding: 11px 8px 10px;
    background: rgba(8, 20, 29, .62);
    text-align: center;
    backdrop-filter: blur(2px);
}

.homepage-hero__stat-value {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
}

.homepage-hero__stat-label {
    margin-top: 2px;
    color: rgba(255, 255, 255, .76);
    font-size: 12px;
    line-height: 1.25;
}

@media (max-width: 900px) {
    .homepage-hero__categories {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .homepage-hero {
        min-height: 0;
    }

    .homepage-hero__picture,
    .homepage-hero__picture img {
        height: auto;
        min-height: 0;
    }

    .homepage-hero__picture {
        bottom: auto;
    }

    .homepage-hero__picture img {
        position: relative;
        display: block;
        aspect-ratio: 780 / 1000;
        object-fit: cover;
        object-position: center center;
    }

    .homepage-hero__picture::after {
        content: "";
        position: absolute;
        inset: 0;
        background:
            linear-gradient(180deg, rgba(4, 13, 21, .18) 0%, rgba(4, 13, 21, .05) 42%, rgba(4, 13, 21, .72) 78%, #08121b 100%),
            linear-gradient(90deg, rgba(4, 13, 21, .55) 0%, rgba(4, 13, 21, .10) 78%);
    }

    .homepage-hero__overlay {
        background: linear-gradient(180deg, transparent 0%, transparent 58%, #08121b 92%, #08121b 100%);
    }

    .homepage-hero__container {
        width: calc(100% - 28px);
        min-height: 0;
        padding: 28px 0 22px;
    }

    .homepage-hero__title {
        max-width: 330px;
        font-size: 30px;
        line-height: 1.12;
    }

    .homepage-hero__subtitle {
        max-width: 310px;
        margin-top: 6px;
        font-size: 15px;
    }

    .homepage-hero__categories {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px;
        margin-top: 250px;
        max-width: none;
    }

    .homepage-hero__category {
        min-height: 40px;
        font-size: 13px;
    }

    .homepage-hero__form {
        max-width: none;
    }

    .homepage-hero__fields {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .homepage-hero__field--half {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .homepage-hero select,
    .homepage-hero__submit {
        height: 46px;
    }

    .homepage-hero__advanced {
        margin-top: 10px;
    }

    .homepage-hero__stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-width: none;
        margin-top: 20px;
    }

    .homepage-hero__stat {
        padding: 10px 5px;
    }

    .homepage-hero__stat-value {
        font-size: 18px;
    }
}

/* Homepage hero full viewport width */
.homepage-hero {
    width: 100vw;
    max-width: none;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

/* Desktop podle schvaleneho navrhu */
@media (min-width:901px){
.homepage-hero{min-height:720px;overflow:hidden}
.homepage-hero__container{width:calc(100% - 40px);max-width:1140px;margin:0 auto;min-height:720px;padding:52px 0 34px}
.homepage-hero__title{margin:0;font-size:52px;line-height:1.12;font-weight:600}
.homepage-hero__subtitle{margin:4px 0 0;font-size:48px;line-height:1.15;font-weight:300}
.homepage-hero__subtitle:after{content:"";display:block;width:52px;height:4px;margin-top:14px;background:#168bd2;border-radius:2px}
.homepage-hero__categories{width:590px;max-width:590px;margin-top:28px;grid-template-columns:repeat(6,90px);gap:7px}
.homepage-hero__category{display:flex;width:90px;height:108px;padding:14px 5px 12px;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:0;border-radius:4px;background:#34383d;color:#fff}
.homepage-hero__category img{display:block;width:44px;height:37px;object-fit:contain;filter:brightness(0) invert(1)}
.homepage-hero__category.is-active{border:0;background:#1072bd;color:#fff}
.homepage-hero__category:hover{background:#1072bd;color:#fff}
.homepage-hero__category.is-active img{filter:brightness(0) invert(1)}
.homepage-hero__category span{display:block}

.homepage-hero__form{width:100%;max-width:none;margin-top:22px;padding:17px 24px;background:#fff;border-radius:7px;box-shadow:0 8px 24px rgba(0,0,0,.16)}
.homepage-hero__fields{display:grid;grid-template-columns:0.9fr 0.9fr 1.2fr;gap:0;align-items:start}
.homepage-hero__column{min-width:0}
.homepage-hero__column--vehicle{display:grid;grid-template-columns:1fr;grid-template-rows:61px 61px;row-gap:11px;align-content:start}
.homepage-hero__column--range{display:grid;grid-template-columns:1fr;grid-template-rows:18px 38px 18px 38px;row-gap:5px;align-content:start}
.homepage-hero__label{display:block;margin:0 0 5px;color:#333;font-size:15px;font-weight:600;line-height:18px}
.homepage-hero__form select{width:100%;height:38px;margin:0;padding:0 12px;border:1px solid #d5d9dd;border-radius:5px;background:#fff;color:#333;font-size:14px}
.homepage-hero__column--action{display:grid;grid-template-rows:54px 32px;gap:7px;align-content:start;padding-top:23px}
.homepage-hero__submit{width:100%;height:54px;margin:0;border:0;border-radius:5px;background:#1072bd;color:#fff;font-size:18px;font-weight:400}
.homepage-hero__column--action .homepage-hero__field{display:flex;align-items:center;justify-content:center;margin:0}
.homepage-hero__advanced{margin:0;color:#1072bd;font-size:15px;font-weight:600;text-decoration:none}
.homepage-hero__advanced:after{content:" →";margin-left:5px}

.homepage-hero__stats{display:grid;width:100%;max-width:none;grid-template-columns:repeat(4,1fr);margin-top:28px;background:transparent;border:0;border-radius:0}
.homepage-hero__stat{position:relative;padding:8px 28px;text-align:left;border:0}
.homepage-hero__stat:first-child{padding-left:0}
.homepage-hero__stat:not(:last-child):after{content:"";position:absolute;right:0;top:5px;width:1px;height:48px;background:rgba(255,255,255,.28)}
.homepage-hero__stat-value{font-size:25px;line-height:1.1;font-weight:700;color:#fff}
.homepage-hero__stat-label{margin-top:5px;font-size:14px;line-height:1.25;color:rgba(255,255,255,.82)}
}

@media (min-width:901px){.homepage-hero__column--vehicle{padding-right:24px}.homepage-hero__column--range{padding:0 24px;border-left:1px solid #d9dde1}.homepage-hero__column--action{padding-left:24px;border-left:1px solid #d9dde1}}

@media (min-width:901px){.homepage-hero__advanced:hover,.homepage-hero__advanced:focus{color:#1072bd;text-decoration:none}}

@media (min-width:901px){.homepage-hero__submit{width:86%;justify-self:center}}
@media (min-width:901px){.homepage-hero__category:last-child img{width:38px;height:32px}}
@media (min-width:901px){.homepage-hero__form select{appearance:none;-webkit-appearance:none;padding-right:36px}}
.homepage-hero__form select{background-position:right 18px center}
.homepage-hero__form select{background-image:linear-gradient(45deg,transparent 50%,#333 50%),linear-gradient(135deg,#333 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
@media (min-width:901px){.homepage-hero__category{font-weight:400}}
@media (min-width:901px){.homepage-hero__column--action{align-self:stretch}}
@media (min-width:901px){.homepage-hero__picture{transform:translateY(-220px)}}
@media (max-width:600px){.homepage-hero__picture img{aspect-ratio:780/620;object-fit:cover;object-position:center center}.homepage-hero__container{width:calc(100% - 28px);padding:24px 0 22px}.homepage-hero__title{max-width:360px;font-size:34px;line-height:1.08;font-weight:600}.homepage-hero__subtitle{max-width:340px;margin-top:4px;font-size:26px;line-height:1.15;font-weight:300}.homepage-hero__subtitle:after{margin-top:10px}.homepage-hero__categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:145px}.homepage-hero__category{min-height:72px;font-size:13px}.homepage-hero__form{margin-top:12px}}
EOF ; echo "WinSCP: this is end-of-file:$?"
@media (max-width:600px){.homepage-hero__picture img{aspect-ratio:780/620;object-fit:cover;object-position:center center}.homepage-hero__container{width:calc(100% - 28px);padding:24px 0 22px}.homepage-hero__title{max-width:360px;font-size:34px;line-height:1.08;font-weight:600}.homepage-hero__subtitle{max-width:340px;margin-top:4px;font-size:26px;line-height:1.15;font-weight:300}.homepage-hero__subtitle:after{margin-top:10px}.homepage-hero__categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:145px}.homepage-hero__category{min-height:72px;font-size:13px}.homepage-hero__form{margin-top:12px}}
@media (max-width:600px){.homepage-hero__categories{margin-top:45px}}
@media (max-width:600px){.homepage-hero__form{margin-top:16px;padding:18px 14px 16px;background:#fff;border-radius:8px;color:#20252b;box-sizing:border-box}.homepage-hero__form .homepage-hero__label{color:#20252b}.homepage-hero__form select{background-color:#fff;color:#20252b}}
@media (max-width:600px){.homepage-hero__form{padding:14px 14px 14px}.homepage-hero__fields{gap:6px}.homepage-hero__field{margin:0}.homepage-hero__label{font-size:14px;line-height:1.2;margin-bottom:5px}.homepage-hero__form select{height:46px;font-size:15px;padding-top:0;padding-bottom:0}.homepage-hero__column--vehicle,.homepage-hero__column--range{gap:6px}.homepage-hero__submit{height:50px;margin-top:8px;background:#168bd2!important;font-size:17px}.homepage-hero__advanced{margin-top:9px}}
@media (max-width:600px){.homepage-hero__fields{display:grid;grid-template-columns:1fr;gap:10px}.homepage-hero__column--vehicle,.homepage-hero__column--range{display:grid;grid-template-columns:1fr;grid-template-rows:none;row-gap:6px}.homepage-hero__column--action{display:grid;grid-template-rows:auto auto;gap:8px;padding-top:0}.homepage-hero__form select{height:44px}.homepage-hero__submit{height:48px;margin:2px 0 0}.homepage-hero__column--action .homepage-hero__field{display:flex}.homepage-hero__advanced{display:block;margin:0;text-align:center;font-size:14px}}
@media (max-width:600px){.homepage-hero__form{padding:12px 14px 12px}.homepage-hero__fields{gap:6px}.homepage-hero__column--vehicle{display:grid;grid-template-columns:1fr;row-gap:4px}.homepage-hero__column--range{display:grid;grid-template-columns:1fr 1fr;gap:10px}.homepage-hero__label{font-size:13px;line-height:16px;margin:0 0 2px}.homepage-hero__form select{height:40px!important;min-height:40px!important;font-size:14px}.homepage-hero__column--action{gap:5px}.homepage-hero__submit{height:44px!important;min-height:44px!important;margin:3px 0 0;font-size:16px}.homepage-hero__advanced{font-size:13px}}
@media (max-width:600px){.homepage-hero__column--range{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 40px;column-gap:10px;row-gap:2px}.homepage-hero__column--range .homepage-hero__label:nth-of-type(1){grid-column:1;grid-row:1}.homepage-hero__column--range select:nth-of-type(1){grid-column:1;grid-row:2}.homepage-hero__column--range .homepage-hero__label:nth-of-type(2){grid-column:2;grid-row:1}.homepage-hero__column--range select:nth-of-type(2){grid-column:2;grid-row:2}}
@media (max-width:600px){.homepage-hero__categories{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin-top:45px}.homepage-hero__category{min-width:0;min-height:62px;padding:5px 2px;font-size:10px;line-height:1.1}.homepage-hero__category img{max-width:38px;max-height:30px}}
@media (max-width:600px){.homepage-hero__category{background:#34383d!important;color:#fff!important}.homepage-hero__category.is-active,.homepage-hero__category[aria-pressed="true"]{background:#1072bd!important;color:#fff!important}.homepage-hero__category img{width:auto!important;height:auto!important;max-width:30px!important;max-height:26px!important;filter:brightness(0) invert(1)!important}}
@media (max-width:600px){.homepage-hero__category{border:0!important}.homepage-hero__category img{margin-bottom:8px!important}}
@media (max-width:600px){.homepage-hero__form select{-webkit-appearance:none!important;appearance:none!important}.homepage-hero__column--action .homepage-hero__field{display:flex!important;justify-content:center!important}.homepage-hero__advanced{display:block!important;margin:2px 0 0!important;text-align:center!important;color:#1072bd!important;font-size:14px!important;font-weight:600!important;text-decoration:none!important}}
@media (max-width:600px){.homepage-hero__label{font-weight:600!important}.homepage-hero__column--action{margin-top:10px!important}}
@media (max-width:600px){.homepage-hero__advanced{margin-top:8px!important}.homepage-hero__advanced:after{content:" →"!important;margin-left:5px!important}}
@media (max-width:600px){.homepage-hero__title{font-size:31px!important}}
@media (max-width:600px){.homepage-hero__categories{margin-top:90px!important}}
@media (min-width:901px){.homepage-hero__form{padding-top:29px;padding-bottom:29px}}
.saved-vehicles-home[hidden] + .tips{padding-top:24px}
.homepage-hero__stat-label-mobile{display:none}@media (max-width:600px){.homepage-hero__stat-label-desktop{display:none}.homepage-hero__stat-label-mobile{display:inline}}
@media (min-width:901px){.homepage-hero__stat{display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center}.homepage-hero__stat-icon{grid-column:1;grid-row:1/3;width:24px;height:24px;object-fit:contain;justify-self:center}.homepage-hero__stat-value{grid-column:2;grid-row:1}.homepage-hero__stat-label{grid-column:2;grid-row:2;margin-top:4px}}@media (max-width:900px){.homepage-hero__stat-icon{display:none}}
@media (min-width:901px){.homepage-hero__stat{grid-template-columns:34px auto;column-gap:16px;justify-content:center;padding-left:20px;padding-right:20px}.homepage-hero__stat:first-child{padding-left:20px}.homepage-hero__stat-icon{width:34px;height:34px}.homepage-hero__stat-value{font-weight:600}}
@media (min-width:901px){.homepage-hero__stat-value{font-size:24px;font-weight:500}}
html,body{overflow-x:hidden}
@media (min-width:901px){.homepage-hero__column--range{grid-template-rows:18px 38px 18px 38px;row-gap:5px}.homepage-hero__column--range .homepage-hero__label:nth-of-type(2){transform:translateY(6px)}.homepage-hero__column--range select:nth-of-type(2){transform:translateY(6px)}}
@media (max-width:600px){.homepage-hero__stats{background:transparent!important;border-radius:0!important;overflow:visible}.homepage-hero__stat{display:grid;grid-template-columns:26px auto;grid-template-rows:auto auto;column-gap:9px;justify-content:center;align-items:center;background:transparent!important;backdrop-filter:none!important;text-align:left}.homepage-hero__stat-icon{display:block!important;grid-column:1;grid-row:1/3;width:22px;height:22px;object-fit:contain;justify-self:center}.homepage-hero__stat-value{grid-column:2;grid-row:1;font-size:20px!important;font-weight:500!important;line-height:1.1}.homepage-hero__stat-label{grid-column:2;grid-row:2;margin-top:3px;font-size:12px;line-height:1.2}}
@media (max-width:600px){.homepage-hero__stats{row-gap:0}.homepage-hero__stat{padding:6px 5px}.homepage-hero__stat-value{font-size:19px!important}.homepage-hero__submit{font-weight:500!important}}
@media (max-width:600px){.homepage-hero__submit{font-weight:700!important}.homepage-hero__stat{grid-template-columns:26px 145px;justify-content:center}}
@media (max-width:600px){.homepage-hero__stat{transform:translateX(32px)}}
@media (max-width:600px){.homepage-hero__column--vehicle .homepage-hero__label:nth-of-type(2){margin-top:5px!important}.homepage-hero__column--range{margin-top:5px!important}}
@media (max-width:600px){.homepage-hero__overlay{background:linear-gradient(90deg,rgba(4,13,21,.68) 0%,rgba(4,13,21,.30) 48%,rgba(4,13,21,.04) 100%),linear-gradient(180deg,transparent 0%,transparent 52%,rgba(8,18,27,.45) 72%,#08121b 94%,#08121b 100%)}}
@media (min-width:901px){.homepage-hero__overlay{background:linear-gradient(90deg,rgba(4,13,21,.98) 0%,rgba(4,13,21,.78) 18%,rgba(4,13,21,.45) 42%,rgba(4,13,21,.12) 70%,rgba(4,13,21,.03) 100%),linear-gradient(0deg,#08121b 0%,rgba(8,18,27,.92) 8%,rgba(8,18,27,.55) 22%,rgba(8,18,27,.16) 40%,rgba(8,18,27,0) 58%)}}
@media (max-width:600px){.homepage-hero__picture img{object-position:58% center!important}}
@media (max-width:600px){.homepage-hero__picture img{transform:translateX(48px)!important}}
@media (min-width:901px){.homepage-hero__overlay:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#08121b 0%,rgba(8,18,27,1) 22%,rgba(8,18,27,.94) 36%,rgba(8,18,27,.72) 50%,rgba(8,18,27,.42) 63%,rgba(8,18,27,.16) 75%,transparent 88%)}}
@media (min-width:901px){.homepage-hero__title-line2{letter-spacing:3px}}