@font-face {
  font-family: 'PlusJakartaSans';
  font-weight: 100 900;
  src: url(../fonts/Plus_Jakarta_Sans/PlusJakartaSans-VariableFont_wght.ttf);
}

*, *::before, *::after {
    margin: 0; padding: 0;
    box-sizing: border-box;
}
html {scroll-behavior: smooth;font-size: 16px;}

:root {
    --dark: #000000;
    --white: #ffffff;
    --background: #FAFAFA;
    --green: #3D923A;
    --red: #B13A3A;
    --accent: #E0F9F7;
    --accent-secondary: #EEF1FB;
    --banner-bg: #E0F9F7;
    --primary: #2563eb;
    --secondary: #1e40af;

    --font-main: 'PlusJakartaSans', sans-serif;
    --container-width: 1600px;
    --card-b_radius: 20px;
    --transition: 0.3s;
}

body {
    font-family: var(--font-main), sans-serif;
    line-height: 1.6;
    color: var(--dark); background-color: var(--background);
    -webkit-font-smoothing: antialiased;
}
img {max-width: 100%; display: block;}
ul, ol {list-style: none;}
a {text-decoration: none; color: inherit; transition: all 0.3s ease;}
button, input, select, textarea {font-family: inherit; outline: none;}

.container {
    max-width: var(--container-width);
    width: 95%;
    margin: 0 auto;
}
.section-padding {margin: 120px 0;}
.padding-heading{padding-top: 50px;}
.btn {
    font-family: var(--font-main);
    display: inline-block;
    padding: 15px 30px;
    border-radius: 10px;
    font-size: 16px; font-weight: 500;
    cursor: pointer; background: var(--primary);
    transition: var(--transition);
}
.btn-cards {
    display: inline-block;
    padding: 6px 16px;
    border-radius: 5px;
    font-family: var(--font-main);
    font-weight: 700; font-size: 16px;
    line-height: 140%; display: flex;gap: 6px;align-items: center;
}
.btn-outline {
    display: inline-flex;
    padding: 15px 30px;
    border: 1px solid var(--primary);
    color: var(--primary);
    border-radius: var(--card-b_radius);
    font-weight: 500;
    transition: var(--transition);
}
.btn-primary:hover,.btn-cards:hover {
    background: var(--secondary);
    transform: translateY(-2px);
}
h1, h2, h3, h4 {font-family: var(--font-main), sans-serif;font-weight: 700;line-height: 1.2;}
p {color: var(--dark); font-size: 16px;}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}
.section-title,.plain-text,.card-title,.card-text{font-family: var(--font-main);color: var(--dark);}
.plain-text,.card-text{font-size: 16px;font-weight: 400;}
.section-title{
    font-weight: 800;
    font-size: 44px;
    line-height: 120%;
}
.plain-text{line-height: 140%;}
.card-text{line-height: 120%;}
.card-title{
    font-weight: 700;
    font-size: 24px;
    line-height: 97%;
}
.section-cta-button{display: flex;gap: 50px;align-items: center;justify-content: space-between;padding-bottom: 48px;}
.section-cta-button .section-cta-button-title{
    font-weight: 800;
    font-size: 44px;
    color: var(--dark);
}
.section-cta-button .section-cta-button-link{
    font-weight: 400;
    font-size: 24px;
    color: var(--primary); transition: 0.3s;
    display: flex;gap: 12px;align-items: center;
}
.section-cta-button-link img{width: auto;height: 23px;object-fit: contain;}
.section-cta-button-link .aut-hm-dsp-link-icon {transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.section-cta-button-link:hover {color: var(--secondary); transform: translateX(6px);}

/* =========================================
   preloader
   ========================================= */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--background);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    transition: opacity 0.5s ease, visibility 0.5s ease;
}
.loader-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.spinner {
    width: 50px;
    height: 50px;
    border: 3px solid rgba(37, 99, 235, 0.1);
    border-top: 3px solid var(--primary);
    border-radius: 50%;
    animation: spin 1s linear infinite;
}
.loader-text {
    font-family: var(--font-main);
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--primary);
    font-size: 14px;
    animation: pulse 1.5s ease-in-out infinite;
}
@keyframes spin {0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}
@keyframes pulse {0%, 100% { opacity: 1; } 50% { opacity: 0.5; }}
#preloader.loaded {opacity: 0; visibility: hidden;}

/* =========================================
   tap to top
   ========================================= */
#tap-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    background-color: var(--primary);
    color: var(--white);
    border: none;
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 998;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all var(--transition) ease-in-out;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
}
#tap-to-top:hover {
    background-color: var(--secondary);
    transform: translateY(-5px);
    box-shadow: 0 6px 16px rgba(37, 99, 235, 0.4);
}
#tap-to-top.show {opacity: 1; visibility: visible; transform: translateY(0);}

/* ---------------------------------------------
   Language Selector
--------------------------------------------- */
.lang-menu {
    position: relative;
    display: inline-block;
    font-family: var(--font-main);
}
.selected-language {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    transition: var(--transition);
    padding: 5px 10px;
    border-radius: 5px;
}
.lang-circle {
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: var(--dark);
    font-family: var(--font-main);
}
.selected-language::after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 6px;
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L5 5L9 1" stroke="%23000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-size: cover;
    transition: transform 0.3s ease;
}
.lang-submenu {
    position: absolute;
    top: 100%;
    right: 0;
    border-radius: 8px;
    background: var(--white);
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    padding: 10px 0;
    min-width: 60px;
    display: none;
    z-index: 100;
    transition: var(--transition);
}
.selected-language.active::after {transform: rotate(180deg);}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.lang-submenu ul { list-style: none; }
.lang-submenu li { padding: 5px 15px; transition: var(--transition); }
.lang-submenu li a:hover { color: var(--primary); }
.lang-submenu a {
    font-weight: 500;
    font-size: 16px;
    color: var(--dark);
    display: block;
}

/* =========================================
        site pagination
   ========================================= */
.aut-pg-wrapper {
    display: flex; justify-content: center;
    align-items: center; gap: 16px;
}
.aut-pg-numbers {display: flex;align-items: center; gap: 10px;}

.aut-pg-btn, .aut-pg-link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px; height: 44px;
    border-radius: 20px;
    font-size: 16px; font-weight: 600;
    color: var(--dark);
    background: var(--white);
    border: 1px solid #E5E7EB;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.aut-pg-btn svg {width: 20px; height: 20px; transition: transform 0.3s ease;}

.aut-pg-link:hover, .aut-pg-btn:hover:not(.disabled) {
    border-color: var(--primary); color: var(--primary);
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.1);
    transform: translateY(-2px);
}

.aut-pg-prev:hover:not(.disabled) svg { transform: translateX(-2px); }
.aut-pg-next:hover:not(.disabled) svg { transform: translateX(2px); }

.aut-pg-link.active {background: var(--primary); color: var(--white); border-color: var(--primary);}

.aut-pg-btn.disabled {
    opacity: 0.4; cursor: not-allowed;
    background: #F9FAFB; border-color: #E5E7EB;
}
.aut-pg-dots {
    color: #6B7280;
    font-weight: 600; font-size: 18px;
    padding: 0 4px; letter-spacing: 2px;
}

/* =========================================
    Header
   ========================================= */
.ah-hd-header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    transition: background-color 0.3s, padding 0.3s, box-shadow 0.3s;
    background: transparent;
    padding: 43px 0;
}
.ah-hd-header.sticky {
    background: var(--white);
    padding: 20px 0;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}
.ah-hd-header__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ah-hd-header__logo img {
    height: 48px; width: auto;
    transition: var(--transition);
}

.ah-hd-menu{display: flex;gap: 30px;align-items: center;}
.ah-hd-header__nav {flex: 1; display: flex; justify-content: center;}
.ah-hd-header__menu {display: flex; gap: 30px;}
.ah-hd-header__item a {
    color: var(--dark);
    transition: color 0.3s;
    font-weight: 400;
    font-size: 16px;
    font-family: var(--font-main);
    line-height: 140%;
}
.ah-hd-header__item a:hover {color: var(--primary);}
.ah-hd-tw-l {display: flex; align-items: center; gap: 24px;}

.ah-hd-header__btn {
    padding: 10px 12px;
    background: var(--primary);
    color: var(--white);
    border-radius: 10px;
    transition: var(--transition);
    border: none;
    font-weight: 700;
    font-size: 16px;
    font-family: var(--font-main);
    line-height: 140%;
}
.ah-hd-header__btn-hide{display: none;}
.ah-hd-header__btn:hover {
    background: var(--secondary);
    transform: translateY(-2px);
}
.ah-hd-header__burger {
    display: none;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
    margin-left: 20px;
}
.ah-hd-header__burger span {
    display: block;
    height: 3px;
    width: 25px;
    background: var(--dark);
    border-radius: 2px;
    transition: all 0.3s;
}

/* -------------------------------------------
        header banner
   ------------------------------------------ */
.aut-st-header-container{background: var(--banner-bg);}
.aut-st-header-container {
    position: relative;
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    background: var(--banner-bg);
    overflow: hidden;
}
.aut-st-hd-content-wrapper {position: relative; z-index: 10;}
.aut-st-hd-info {
    display: flex;flex-direction: column;
    max-width: 600px; gap: 32px;
}
.aut-st-title {
    color: var(--dark);
    font-family: var(--font-main);
    font-weight: 700;
    font-size: 56px;
    line-height: 120%;
}
.aut-st-desc {
    max-width: 450px;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: var(--dark);
}
.aut-st-actions {display: flex; gap: 12px;}
.aut-st-actions .btn-primary {
    color: var(--white);
    border: none;
    font-weight: 700;
}
.aut-st-actions .btn-outline {
    background: var(--white);
    color: var(--primary); font-weight: 700;
    border: 1px solid #2563EB;
    border-radius: 10px;
}
.aut-st-actions .btn-outline:hover {transform: translateY(-2px);}

/* ----- index banner right section ------ */
.aut-st-hd-elements {
    position: absolute;
    width: 100%; height: 100%;
    z-index: 5;
    pointer-events: none;
}
.aut-st-circles-wrapper {
    position: absolute;
    bottom: 20%;
    right: 0;
    transform: translate(40%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    transform-origin: center;
}
.bg-cont{
	width: 100%;
	height: 100%;
	display:grid;
	grid-template-columns: 5fr 7fr;
	gap: 24px;
	align-items: center;
}
.aut-st-circle {
    position: absolute;
    border-radius: 50%;
}
.aut-st-circle-white {
    width: 1685px;
    height: 1685px;
    border: 115px solid #ffffff;
}
.aut-st-circle-blue {
    width: 1223px;
    height: 1223px;
    background-color: #4AA3E8;
}
.aut-st-car-img {
	width: 100%;
	height: 870px;
	object-fit:cover;
	object-position: left;
    z-index: 10;
    opacity: 0;
    animation: carDriveIn 1.2s cubic-bezier(0.2, 0.8, 0.2, 1) 0.3s forwards;
}

@keyframes carDriveIn {
    0% { opacity: 0; margin-right: -250px; }
    100% { opacity: 1; margin-right: 0; }
}

/* =========================================
   index page cards category
   ========================================= */
.aut-hm-cat-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 24px;
}
.aut-hm-cat-card {
    background-color: var(--white);
    border-radius: 20px;
    padding: 68px 53px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    text-align: center;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}
.aut-hm-cat-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(37, 99, 235, 0.1);
}
.aut-hm-cat-icon {
    height: 70px;
    width: auto;
    object-fit: contain;
    transition: transform 0.3s ease;
}
.aut-hm-cat-card:hover .aut-hm-cat-icon {
    transform: scale(1.1);
}
.aut-hm-cat-title {
    font-family: var(--font-main);
    color: var(--dark);
    font-weight: 700;
    font-size: 24px;
}
.aut-hm-cat-action {
    background-color: var(--primary);
    box-shadow: 0 4px 15px rgba(37, 99, 235, 0.2);
}
.aut-hm-cat-action:hover {
    background-color: var(--secondary);
    box-shadow: 0 10px 25px rgba(37, 99, 235, 0.3);
}
.aut-hm-cat-action-text {
    font-family: var(--font-main);
    font-weight: 700;
    font-size: 24px;
    line-height: 1.3;
    color: var(--white);
    position: relative;
    z-index: 2;
}
.aut-hm-cat-arrow-bg {
    position: absolute;
    width: 90%;
    height: auto;
    color: rgba(255, 255, 255, 0.1);
    z-index: 1;
    transition: transform 0.4s ease;
}
.aut-hm-cat-action:hover .aut-hm-cat-arrow-bg {transform: translate(10px, -10px);}

/* =========================================
    disponible cars index page
   ========================================= */

.aut-hm-dsp-link-all:hover {color: var(--secondary); text-decoration: underline;}
.aut-hm-dsp-link-icon {width: 14px; height: 14px;}
.aut-hm-dsp-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px;}
.aut-hm-dsp-card {
    background: var(--white);
    border-radius: 20px;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
}
.aut-hm-dsp-card:hover {transform: translateY(-6px); box-shadow: 0 12px 25px rgba(0, 0, 0, 0.02);}
.aut-hm-dsp-card-img-wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 16/10;
    overflow: hidden;
}
.aut-hm-dsp-card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}
.aut-hm-dsp-card:hover .aut-hm-dsp-card-img {transform: scale(1.05);}
.aut-hm-dsp-badges {
    position: absolute;
    top: 14px; left: 14px;
    display: flex; gap: 4px;
    z-index: 2; flex-wrap: wrap;
}
.aut-hm-dsp-badge {
    padding: 5px 10px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 400;
    color: var(--white);
}

.aut-hm-dsp-badge-blue { background-color: #3B82F6;}
.aut-hm-dsp-badge-green { background-color: #3D923A;}
.aut-hm-dsp-badge-red {background-color: #B13A3A;}

.aut-hm-dsp-card-content {
    padding: 24px 32px;
    display: flex;
    flex-direction: column;
    flex: 1;
}
.aut-hm-dsp-card-title {
    font-size: 24px;
    font-weight: 700;
    color: var(--dark);
    margin-bottom: 24px;
    line-height: 1.3;
    color: var(--dark);
}
.aut-hm-dsp-card-specs {
    display: flex; gap: 20px;
    justify-content: space-between;
    align-items: center;
    padding: 24px 0;
    border-top: 1px solid #F3F4F6;
    border-bottom: 1px solid #F3F4F6;
    margin-bottom: 20px;
}
.aut-hm-dsp-card-specs li {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    font-weight: 400;
    font-size: 16px;
    color: var(--dark);
}
.aut-hm-dsp-spec-icon {width: 24px; height: 24px;}
.aut-hm-dsp-card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
}
.aut-hm-dsp-card-price {font-size: 24px; font-weight: 700; color: var(--dark);}
.aut-hm-dsp-card-btn {
    background-color: var(--primary);
    color: var(--white);
    padding: 6px 16px;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: none;
    cursor: pointer;
    transition: var(--transition);
}
.aut-hm-dsp-card-btn:hover {background-color: var(--secondary);}
.aut-hm-dsp-btn-icon {width: 12px; height: 13px;}

/* =========================================
   index page services cards
   ========================================= */
.aut-hm-dsp-grid-serices {
    display: grid; gap: 24px;
    grid-template-columns: 1fr 1fr;
}
.aut-hm-dsp-srv-card-left {
    display: grid; gap: 24px;
    grid-template-columns: repeat(2, 1fr);
}
.aut-hm-dsp-srv-card-right {
    display: grid; gap: 24px;
    grid-template-columns: repeat(2, 1fr);
}
.aut-hm-srv-card, .aut-hm-srv-card-2 {
    position: relative;
    background: var(--white);
    border-radius: 20px;
    padding: 32px;
    display: block;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
    min-height: 240px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.aut-hm-dsp-srv-card-left .aut-hm-srv-card{background-color: #E0F9F7;}
.aut-hm-srv-card:hover, .aut-hm-srv-card-2:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px rgba(37, 99, 235, 0.1);
}
.aut-hm-srv-card h1, .aut-hm-srv-card-2 h1 {
    font-size: 24px;
    font-weight: 700;
    color: var(--dark);
    margin: 0;
    position: relative;
    z-index: 10;
}
.aut-hm-srv-card .aut-hm-srv-arrow-wrapper{width: 250px; height: 250px;bottom: -50px;}
.aut-hm-srv-arrow-wrapper {
    position: absolute;
    bottom: -30px; left: -30px;
    width: 166px; height: 166px;
    border: 2px solid var(--primary);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    transition: transform 0.3s ease;
}

.aut-hm-srv-card:hover .aut-hm-srv-arrow-wrapper,
.aut-hm-srv-card-2:hover .aut-hm-srv-arrow-wrapper {transform: scale(1.05);}
.aut-hm-srv-card .aut-hm-srv-arrow{width: 100px;height: 100px;}
.aut-hm-srv-arrow {width: 60px;height: 60px;}

.aut-hm-srv-main-img {
    position: absolute;
    bottom: 0; right: 0%;
    width: 100%; height: auto;
    max-height: 222px;
    object-fit: contain;
    object-position: bottom right;
    z-index: 2;
    transition: transform 0.4s ease;
}

.aut-hm-srv-card:hover .aut-hm-srv-main-img,
.aut-hm-srv-card-2:hover .aut-hm-srv-main-img {transform: scale(1.05);}

/* =========================================
        index page why us
   ========================================= */
.aut-hm-why-us-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    background-color: #F4F7FF;
    border-radius: 20px;
    overflow: hidden;
}
.aut-hm-why-us-image-col {
    position: relative;
    width: 100%; height: 100%;
    min-height: 400px;
}
.aut-hm-why-us-img {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    object-fit: cover;
}
.aut-hm-why-us-content-col {
    padding: 120px 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.aut-hm-why-us-title {margin-bottom: 32px;}
.aut-hm-why-us-desc {margin-bottom: 50px;}

.aut-hm-why-us-list {
    list-style: none; padding: 0;
    margin: 0 0 55px 0;
    display: flex; gap: 16px;
    flex-direction: column;
}
.aut-hm-why-us-list li {
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 15px;
    font-weight: 500;
    color: var(--dark);
    cursor: pointer;
    opacity: 0;
    transform: translateX(0);
    transition: transform 0.3s ease;
    animation: listFadeInUp 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}
.aut-hm-why-us-list li:hover {transform: translateX(8px);}
.aut-hm-why-us-list li:hover .aut-hm-why-us-check-circle {
    background-color: var(--primary);
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2);
}
.aut-hm-why-us-list li:hover .aut-hm-why-us-check-circle img {filter: brightness(0) invert(1);}
.aut-hm-why-us-check-circle img {transition: filter 0.3s ease;}
.aut-hm-why-us-check-circle {
    background-color: var(--white);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--primary);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}
.aut-hm-why-us-check-circle img {width: 10px; height: 10px;margin: 9px;}

.aut-hm-why-us-list li:nth-child(1) { animation-delay: 0.1s; }
.aut-hm-why-us-list li:nth-child(2) { animation-delay: 0.3s; }
.aut-hm-why-us-list li:nth-child(3) { animation-delay: 0.5s; }
.aut-hm-why-us-list li:nth-child(4) { animation-delay: 0.7s; }

.aut-hm-why-us-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px; color: var(--white);
    width: fit-content;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.aut-hm-why-us-btn-icon {width: 12px; height: 13px; transition: transform 0.3s ease;}
.aut-hm-why-us-btn:hover {
    background-color: var(--secondary);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(37, 99, 235, 0.2);
}
.aut-hm-why-us-btn:hover .aut-hm-why-us-btn-icon {transform: translate(3px, -3px);}

@keyframes listFadeInUp {
    0% {opacity: 0; transform: translateY(20px);}
    100% {opacity: 1; transform: translateY(0);}
}

/* =========================================
   home page reviews
   ========================================= */
.aut-hm-rw-slider-wrapper {
    display: flex;
    align-items: center;
    gap: 40px; margin-top: 15px;
}
.aut-hm-rw-slider-window {overflow: hidden; flex: 1;}
.aut-hm-rw-track {
    display: flex;
    gap: 30px;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    --track-gap: 30px;
}
.aut-hm-rw-card {
    flex: 0 0 calc((100% - (2 * var(--track-gap))) / 3);
    display: flex; gap: 20px;
    align-items: flex-start;
}
.aut-hm-rw-avatar {
    width: 112px; height: 112px;
    border-radius: 15px;
    object-fit: cover;
    flex-shrink: 0;
}
.aut-hm-rw-content {
    display: flex;gap: 10px;
    flex-direction: column;
}
.aut-hm-rw-nav {
    border-radius: 100px;
    border: 1px solid var(--primary);
    background: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    flex-shrink: 0; padding: 10px 30px;
    transition: all 0.3s ease;
}
.aut-hm-rw-nav img {
    width: 11px; height: 11px;
    transition: filter 0.3s ease;
}
.aut-hm-rw-nav:hover {background: var(--primary);}
.aut-hm-rw-nav:hover img {filter: brightness(0) invert(1);}
.aut-hm-rw-nav.disabled {
    opacity: 0.3;
    cursor: not-allowed;
    background: var(--white);
}
.aut-hm-rw-nav.disabled img {filter: none;}

/* =========================================
   index page promo
   ========================================= */
.aut-hm-promo-grid {
    display: grid; gap: 24px;
    grid-template-columns: repeat(2, 1fr);
}
.aut-hm-promo-card {
    padding: 80px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.aut-hm-promo-bg-blue {background-color: #EEF1FB;}
.aut-hm-promo-bg-mint {background-color: #E0F9F7;}

.aut-hm-promo-card:hover {transform: translateY(-4px); box-shadow: 0 12px 30px rgba(0, 0, 0, 0.04);}

.aut-hm-promo-title {margin-bottom: 32px;}
.aut-hm-promo-desc {margin-bottom: 32px; max-width: 480px;}

.aut-hm-promo-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px; color: var(--white);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    margin-top: auto;
}
.aut-hm-promo-btn-icon {
    width: 12px; height: 13px;
    transition: transform 0.3s ease;
}
.aut-hm-promo-btn:hover {
    background-color: var(--secondary);
    box-shadow: 0 8px 20px rgba(37, 99, 235, 0.2);
}
.aut-hm-promo-btn:hover .aut-hm-promo-btn-icon {transform: translate(3px, -3px);}

/* =========================================
    website footer
   ========================================= */
.aut-hm-ft-section {background-color: #3F5FA6;border-radius: 100px 100px 0px 0px;}
.aut-hm-ft-wrapper {padding: 100px 30px;}
.aut-hm-ft-grid {display: grid; gap: 40px; grid-template-columns: 1fr 1fr 1fr 1fr;}

.aut-hm-ft-logo img{
    width: auto; height: 90px;
    margin-bottom: 28px;
    object-fit: contain;
}
.aut-hm-ft-desc {color: var(--white); margin-bottom: 28px;}
.aut-hm-ft-socials {display: flex; gap: 12px; flex-wrap: wrap;}

.aut-hm-ft-social-link {
    width: 36px;
    height: 36px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--white);
    transition: all 0.3s ease;
}
.aut-hm-ft-social-link img {width: 24px;height: 24px; margin: 8px; transition: filter 0.3s ease;}
.aut-hm-ft-social-link:hover {background: var(--white); transform: translateY(-3px);}
.aut-hm-ft-social-link:hover img {filter: brightness(0) saturate(100%) invert(38%) sepia(17%) saturate(2171%) hue-rotate(185deg) brightness(95%) contrast(89%);}
.aut-hm-ft-title {margin-bottom: 28px; color: var(--white);}

.aut-hm-ft-menu {display: flex; flex-direction: column; gap: 16px;}
.aut-hm-ft-menu li a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
    font-weight: 400;
    font-size: 16px;
    color: var(--white);
}
.aut-hm-ft-menu li a img {width: 9px; height: 9px;transition: transform 0.3s ease;}
.aut-hm-ft-menu li a:hover {color: var(--accent);}
.aut-hm-ft-menu li a:hover img {transform: translateX(4px); opacity: 1;}

.aut-hm-ft-contact-list {
    display: flex; gap: 18px;
    flex-direction: column;
}
.aut-hm-ft-contact-list li {
    display: flex; gap: 10px;
    align-items: flex-start;
    font-weight: 400;
    font-size: 16px;
    color: var(--white);
}
.aut-hm-ft-contact-list li a {
    transition: color 0.3s ease;
    font-weight: 400;
    font-size: 16px;
    color: var(--white);
}
.aut-hm-ft-contact-list li a:hover {color: var(--accent);}
.aut-hm-ft-contact-icon {width: 18px; height: 18px; margin-top: 2px;}

.aut-hm-ft-bottom {
    padding: 25px 0;
    background-color: #3F5FA6;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.footer-copyright-container{
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap; gap: 10px;
}
.aut-hm-ft-copyright, .aut-hm-ft-developer {
    font-size: 13px; margin: 0;
    color: var(--white);
}
.aut-hm-ft-developer a {
    color: var(--banner-bg);
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
}
.aut-hm-ft-developer a:hover {color: #E2FAF5; text-decoration: underline;}
.aut-hm-ft-legal-links{color: #ffffff;font-size: 14px;}
.footer-copyright-left-elements{display: flex;gap: 10px;}
/* =========================================
    cars page
   ========================================= */
.aut-cars-pg-heading {padding: 200px 0 60px 0;}
.aut-cars-pg-header-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.aut-cars-pg-title {margin: 0;}
.aut-cars-pg-controls {display: flex; align-items: center; gap: 24px;}
.aut-cars-pg-count {font-size: 16px; font-weight: 700; color: var(--dark);}
.aut-cars-pg-sort-wrapper {position: relative; display: inline-block;}
.aut-cars-pg-sort-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent;
    border: 1px solid var(--primary);
    border-radius: 20px;
    padding: 10px 50px 10px 20px;
    font-size: 16px;
    color: var(--dark);
    cursor: pointer;
    font-family: inherit;
    outline: none;
    transition: all 0.3s ease;
}
.car-pg-dsp-card-title{line-height: 2.3;}
.aut-cars-pg-sort-icon {
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%) rotate(0deg);
    width: 12px;
    height: 12px;
    color: var(--primary);
    pointer-events: none;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.aut-cars-pg-sort-select:focus + .aut-cars-pg-sort-icon {transform: translateY(-50%) rotate(180deg);}
.car-pg-dsp-card-content{padding: 10px 30px 30px 30px;}
.dzmb-car-sng-subtitle{font-size: 18px;line-height: 1.5;}

.cars-pg-overlay {
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(17, 24, 39, 0.6);
    z-index: 998;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}
.cars-pg-overlay.active {
    opacity: 1;
    visibility: visible;
}

.cars-pg-blocs {display: grid; grid-template-columns: 300px 1fr; gap: 24px;margin-bottom: 120px;}
.car-pg-content-right {display: flex; flex-direction: column;}
.car-pg-cars-list {display: grid; gap: 24px; grid-template-columns: repeat(3, 1fr);}

.cars-pg-mobile-triggers {display: none;}

.cars-pg-sidebar {
    background: var(--white);
    border-radius: 20px;
    width: 100%;height: fit-content;
    display: flex;
    flex-direction: column;
}
.cars-pg-sidebar-header {
    display: none;
}
.cars-pg-sidebar-body {
    padding: 30px;
}
.cars-pg-sidebar-footer {
    padding: 0 30px 30px 30px;
}
.cars-pg-filter-title {
    font-size: 24px; font-weight: 800;
    color: var(--dark); margin-bottom: 28px;
}
.cars-pg-form {display: flex; flex-direction: column; gap: 20px;}
.cars-pg-group {display: flex; flex-direction: column;}
.cars-pg-label {
    font-size: 12px;
    font-weight: 500;
    color: var(--dark);
    margin-bottom: 6px;
    margin-left: 16px;
}
.cars-pg-input {
    width: 100%; height: 42px;
    padding: 0 14px;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    font-size: 14px;
    font-family: inherit;
    color: var(--dark);
    background-color: var(--white);
    transition: all 0.3s ease;
    outline: none;
}
.cars-pg-input::placeholder {color: #9CA3AF;}
.cars-pg-input:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}
.cars-pg-input[type="number"]::-webkit-inner-spin-button, .cars-pg-input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0;}
.cars-pg-range-grid {
    display: grid; gap: 12px;
    grid-template-columns: 1fr 1fr;
}
.cars-pg-select-wrapper {position: relative; width: 100%;}
.cars-pg-select {
    width: 100%;
    height: 42px;
    appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    padding: 0 35px 0 14px;
    font-size: 14px;
    font-family: inherit;
    color: var(--dark);
    cursor: pointer;
    outline: none;
    transition: all 0.3s ease;
}
.cars-pg-select:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}
.cars-pg-select:disabled {
    background-color: #F9FAFB;
    color: #9CA3AF;
    cursor: not-allowed;
}
.cars-pg-select-icon {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%) rotate(0deg);
    width: 13px;
    height: 13px;
    color: var(--primary);
    pointer-events: none;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.cars-pg-select:focus + .cars-pg-select-icon {transform: translateY(-50%) rotate(180deg);}
.cars-pg-actions {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 10px;
}
.cars-pg-btn {
    width: 100%;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border: none;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.cars-pg-btn-light {background-color: #F0F4FF; color: var(--dark);}
.cars-pg-btn-light:hover {background-color: #E0E7FF;}
.cars-pg-btn-primary {
    background-color: var(--primary);
    color: var(--white);
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15);
}
.cars-pg-btn-primary:hover {
    background-color: var(--secondary);
    transform: translateY(-2px);
}
.cars-pg-btn-icon {
    width: 13px; height: 13px;
    transition: transform 0.3s ease;
}
.cars-pg-btn-primary:hover .cars-pg-btn-icon {transform: translate(3px, -3px);}

/* =========================================
   car single page
   ========================================= */
.car-sng-section{padding-top: 80px;}
.car-sng-title {margin-bottom: 50px;}

.car-sng-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 380px;
    gap: 24px; align-items: start;
}
.car-sng-main {display: flex; flex-direction: column; gap: 50px;}

.car-sng-gallery-img {
    width: 100%; height: 100%;
    object-fit: cover;
}
/* --- car gallery --- */
.car-sng-gallery-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px; width: 100%;
}
.car-sng-gallery-main {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 10;
    border-radius: 20px;
    overflow: hidden;
    background-color: #F3F4F6;
}
.car-sng-gallery-img {
    width: 100%; height: 100%;
    object-fit: cover;
    transition: opacity 0.3s ease;
}
.car-sng-gal-btn, .car-sng-lb-nav{
    position: absolute;
    top: 50%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 30px;
    border-radius: 20px;
    border: 1px solid var(--white);
    transform: translateY(-50%);
    transition: all 0.3s ease;
}
.car-sng-gal-btn {background: rgba(0, 0, 0, 0.3); z-index: 10;}
.car-sng-lb-nav {background: rgba(255, 255, 255, 0.1); z-index: 10001;}

.car-sng-gal-btn:hover {background: rgba(0, 0, 0, 0.6);}
.car-sng-gal-btn svg { width: 20px; height: 20px; }
.car-sng-gal-prev { left: 20px; }
.car-sng-gal-next { right: 20px; }

.car-sng-lightbox {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.95);
    z-index: 10000; display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0; visibility: hidden;
    transition: opacity 0.3s ease;
}
.car-sng-lightbox.active {opacity: 1; visibility: visible;}

.car-sng-lb-header {
    position: absolute;
    top: 0; left: 0;
    width: 100%; display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px;
    z-index: 10001;
}
.car-sng-lb-counter {color: var(--white); font-size: 16px; font-weight: 600; letter-spacing: 2px;}
.car-sng-lb-close {
    background: transparent;
    border: none; color: var(--white);
    cursor: pointer; padding: 10px;
    display: flex; justify-content: center;
    align-items: center;
    transition: transform 0.3s ease;
}
.car-sng-lb-close:hover {transform: scale(1.1);}
.car-sng-lb-close svg {width: 32px; height: 32px;}
.car-sng-lb-nav:hover { background: rgba(255, 255, 255, 0.2); }
.car-sng-lb-nav svg { width: 24px; height: 24px; }
.car-sng-lb-prev { left: 24px;}
.car-sng-lb-next { right: 24px;}

.car-sng-lb-img-wrapper {
    width: 100%; height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 80px 0;
}
.car-sng-lb-img {
    max-width: 95vw; max-height: 85vh;
    object-fit: contain;
    transition: opacity 0.2s ease;
}
.dezmembre-total-cars{font-weight: 700; font-size: 20px;}

/* Highlights */
.car-sng-highlights {display: grid; grid-template-columns: repeat(6, 1fr); gap: 24px;}
.car-sng-hl-card {
    background: var(--white);
    border-radius: 20px;
    padding: 30px;
    display: flex; gap: 10px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-width: 0;
    overflow: hidden;
}
.car-sng-hl-card img{width: 40px;height: 40px;object-fit: contain;flex-shrink: 0}
.car-sng-hl-label {
    font-weight: 400; font-size: 14px;
    color: #717171;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
.car-sng-hl-value {
    font-weight: 700; font-size: 16px;
    color: var(--dark);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
.car-sng-block-title {margin-bottom: 28px;}
.car-sng-facility-title{margin: 30px 0 28px 0;}
.car-sng-desc-text p{
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: var(--dark);
    margin-bottom: 16px;
}
.car-sng-desc-text p:last-child { margin-bottom: 0; }

.car-sng-fac-grid {
    display: grid; gap: 50px;
    grid-template-columns: repeat(4, 1fr);
}
.car-sng-fac-subtitle {margin-bottom: 20px;}
.car-sng-fac-list {
    list-style: none;
    padding: 0; margin: 0;
    display: flex; gap: 10px;
    flex-direction: column;
}
.car-sng-fac-list li {
    display: flex;
    align-items: center;
    gap: 16px; cursor: pointer;
    transition: 0.3s;
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    color: var(--dark);
}
.car-sng-fac-list li:hover{margin-left: 10px;}
.car-sng-fac-list li img {
    object-fit: contain; padding: 9px;
    border-radius: 50%;
    background: var(--white);
}

.car-pg-cars-list {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(3, 1fr);
}
.car-pg-dsp-card {
    background: var(--white);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
    border: 1px solid #F3F4F6;
    display: flex;
    flex-direction: column;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
}
.car-pg-dsp-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.08);
}
.car-pg-dsp-card-img-wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 10;
    overflow: hidden;
}
.car-pg-dsp-card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}
.car-pg-dsp-card:hover .car-pg-dsp-card-img {
    transform: scale(1.05);
}
.car-pg-dsp-badges {
    position: absolute;
    top: 12px;
    left: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    z-index: 2;
}
.car-pg-dsp-badge {
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 700;
    color: var(--white);
}
.car-pg-dsp-badge-blue {
    background-color: var(--primary);
}
.car-pg-dsp-badge-green {
    background-color: #10B981;
}
.car-pg-dsp-card-content {
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.car-pg-dsp-card-title {
    font-size: 18px;
    font-weight: 800;
    color: var(--dark);
    text-decoration: none;
    margin-bottom: 16px;
    line-height: 1.3;
    display: block;
}
.car-pg-dsp-card-title:hover {
    color: var(--primary);
}
.car-pg-dsp-card-specs {
    list-style: none;
    padding: 16px 0;
    margin: 0 0 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #F3F4F6;
    border-bottom: 1px solid #F3F4F6;
}
.car-pg-dsp-card-specs li {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    flex: 1;
}
.car-pg-dsp-spec-icon {
    width: 22px;
    height: 22px;
    opacity: 0.7;
}
.car-pg-dsp-card-specs span {
    font-size: 12px;
    font-weight: 500;
    color: var(--dark);
    text-align: center;
}
.car-pg-dsp-card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
}
.car-pg-dsp-card-price {
    font-size: 20px;
    font-weight: 800;
    color: var(--dark);
}
.car-pg-dsp-btn-cards {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background-color: var(--primary);
    color: var(--white);
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: background-color 0.3s ease;
}
.car-pg-dsp-btn-cards:hover {
    background-color: var(--secondary);
}
.car-pg-dsp-btn-icon {
    width: 14px;
    height: 14px;
    transition: transform 0.3s ease;
}
.car-pg-dsp-btn-cards:hover .car-pg-dsp-btn-icon {
    transform: translateX(3px) translateY(-3px);
}

/* --- SIDEBAR --- */
.car-sng-sticky-wrapper {
    position: sticky;
    top: 24px; display: flex;
    flex-direction: column;
    gap: 24px;
}
.car-sng-price-box {background: var(--white); border-radius: 20px; padding: 30px;}
.car-sng-price-label {
    font-weight: 400; font-size: 16px;
    line-height: 140%; color: var(--dark);
    display: block; margin-bottom: 28px;
}
.car-sng-price-row {
    display: flex; align-items: baseline;
    gap: 12px; margin-bottom: 28px;
}
.car-sng-price-old {
    font-weight: 400;
    font-size: 16px;
    color: #717171;
    text-decoration: line-through;
}
.car-sng-price-new {
    font-weight: 800;
    font-size: 44px;
    color: var(--dark);
}
.car-sng-btn-contact {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px; width: 100%; height: 50px;
    background: var(--primary);
    color: var(--white);
    border-radius: 10px;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
}
.car-sng-btn-contact:hover {
    background: var(--secondary);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(37, 99, 235, 0.1);
}
.car-sng-btn-contact svg {
    width: 18px; height: 18px;
    transition: transform 0.3s ease;
}
.car-sng-btn-contact:hover svg { transform: translate(2px, -2px); }

.car-sng-specs-box {
    background: var(--white);
    border-radius: 20px;
    padding: 24px 30px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
}
.car-sng-specs-list {
    list-style: none;
    padding: 0; margin: 0;
}
.car-sng-specs-list li {
    display: flex; gap: 20px;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #CECECE;
}
.car-sng-specs-list li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.car-sng-specs-list li:first-child { padding-top: 0; }

.car-sng-spec-left {
    display: flex; align-items: center;
    gap: 8px; font-size: 16px; color: #373737;
}
.car-sng-spec-right {
    font-size: 16px; font-weight: 600;
    color: var(--dark); text-align: right;
}
.car-sng-spec-left img {width: 18px; height: 18px;object-fit: contain;}
.car-sng-gal-counter {
    position: absolute;
    bottom: 16px;
    right: 16px;
    background: rgba(0, 0, 0, 0.6);
    color: var(--white);
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
    z-index: 10;
}
.car-sng-gal-counter svg { width: 14px; height: 14px; opacity: 0.8; }
.car-sng-gallery-thumbs {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    padding-bottom: 8px;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.car-sng-gallery-thumbs::-webkit-scrollbar {display: none;}
.car-sng-thumb {
    width: 90px;
    height: 65px;
    min-width: 90px;
    border-radius: 12px;
    object-fit: cover;
    cursor: pointer;
    opacity: 0.5;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}
.car-sng-thumb:hover {opacity: 0.8;}
.car-sng-thumb.active {opacity: 1; border-color: var(--primary);}

/* =========================================
        Page services
   ========================================= */
.srv-pg-section{padding-top: 50px;}
.srv-pg-main-title {margin-bottom: 50px;}
.srv-pg-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}
.srv-pg-card {
    background: var(--white);
    border-radius: 20px;
    padding: 30px 40px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border: 1px solid #F3F4F6;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease;
    cursor: pointer;
}
.srv-pg-card:hover {transform: translateY(-6px);}
.srv-pg-icon-wrapper {margin-bottom: 28px;}
.srv-pg-icon-wrapper img {
    width: 100px;height: 100px;
    object-fit: contain;
}
.srv-pg-card-title { color: var(--dark); margin-bottom: 16px; font-weight: 700; font-size: 24px; color: var(--dark);}
.srv-pg-card-desc {font-weight: 400;font-size: 16px; color: var(--dark); margin-bottom: 28px; flex-grow: 1;}
.srv-pg-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--primary);
    padding: 8px 16px;
    border-radius: 5px;
    font-weight: 700; font-size: 16px;
    transition: 0.3s;
    margin-top: auto;
    color: var(--white);
}
.srv-pg-btn img {width: 14px; height: 14px; transition: transform 0.3s ease;}
.srv-pg-card:hover .srv-pg-btn {background: var(--secondary);}
.srv-pg-card:hover .srv-pg-btn img {transform: translate(2px, -2px);}

/* =========================================
        Auto comnda
   ========================================= */
.aut-cmd-hero{padding-top: 100px;}
.aut-cmd-hero-layout {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 50px;
    align-items: center;
}
.aut-cmd-title {margin-bottom: 24px;}
.aut-cmd-desc {
    font-size: 15px;
    line-height: 1.6;
    color: #4B5563;
    margin-bottom: 30px;
}
.aut-cmd-desc p {margin-bottom: 16px;}
.aut-cmd-hero-features {
    list-style: none;
    padding: 0; margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 12px 24px;
}
.aut-cmd-hero-features li {
    display: flex;
    align-items: center;
    gap: 8px; font-size: 16px;
    font-weight: 600;
    color: var(--dark);
}
.aut-cmd-hero-features li img {
    width: 24px; height: 24px;
    color: var(--primary);
}
.aut-cmd-hero-visual {
    display: flex;gap: 24px;
    position: relative;
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
.aut-cmd-hero-img {
    width: 85%;
    border-radius: 20px;
    object-fit: cover;
    z-index: 2;
}
.aut-cmd-hero-shape {
    width: 30%;
    background-color: var(--primary);
    border-radius: 20px; z-index: 1;
}
.aut-cmd-section-title {margin-bottom: 40px;font-size: 26px;}
.aut-cmd-proc-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
.aut-cmd-step {display: flex; align-items: center; gap: 24px;}
.aut-cmd-step-num {
    min-width: 80px;
    background-color: var(--primary);
    color: var(--white);
    border-radius: 10px;
    display: flex; padding: 14px 29px;
    justify-content: center;
    align-items: center;
    font-size: 36px;
    font-weight: 800;
}
.aut-cmd-step-info h3 {margin-bottom: 16px;}
.aut-cmd-step-info p {font-size: 16px;color: var(--dark); line-height: 1.5;}
.aut-cmd-details-layout {display: grid; grid-template-columns: 1fr 1fr; gap: 60px;}
.aut-cmd-lists-wrapper {display: flex; flex-direction: column;  gap: 40px;}

.aut-cmd-list-block h2 {
    font-size: 26px;
    font-weight: 800;
    color: var(--dark);
    margin-bottom: 20px;
}
.aut-cmd-check-list {
    list-style: none;
    padding: 0; margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 12px 20px;
}
.aut-cmd-check-list li {
    font-size: 16px;
    color: var(--dark);
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 calc(50% - 20px);
}
.aut-cmd-check-list li svg {
    width: 30px; height: 30px; border-radius: 50%;
    color: var(--primary); padding: 9px;
    flex-shrink: 0;background: var(--white);
}
.aut-cmd-benefits-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}
.aut-cmd-benefit-card {
    background: var(--white);
    padding: 32px; border-radius: 20px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.02);
}
.aut-cmd-benefit-card img {
    width: 40px; height: 40px;
    color: var(--primary);
    margin-bottom: 16px;
}
.aut-cmd-benefit-card h3 {
    font-size: 24px; font-weight: 700;
    color: var(--dark);
    margin-bottom: 8px;
}
.aut-cmd-benefit-card p {
    font-size: 16px;
    color: var(--dark);
    line-height: 1.5;
}
.aut-cmd-cta{border-radius: 20px;}
.aut-cmd-cta-layout {display: grid; grid-template-columns: 1fr 1fr;}
.aut-cmd-cta-box {border-radius: 20px 0 0 20px; background: #EEF1FB;  padding: 80px 70px;}
.aut-cmd-cta-box h2 {
    font-size: 32px;
    font-weight: 800;
    color: var(--dark);
    margin-bottom: 16px;
    line-height: 1.2;
}
.aut-cmd-cta-box p {font-size: 16px; color: var(--dark); margin-bottom: 30px;}
.aut-cmd-form-box {
    background: var(--white);
    border-radius: 0 20px 20px 0;
    padding: 80px 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.aut-cmd-form-box h2 {
    font-size: 28px;
    font-weight: 800;
    color: var(--dark);
    margin-bottom: 24px;
}
.aut-cmd-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 24px;
}
.aut-cmd-input {
    width: 100%;
    height: 48px;
    padding: 0 16px;
    border: 1px solid #BEBEBE;
    color: var(--dark);
    border-radius: 10px;
    font-size: 16px;
    font-family: inherit;
    outline: none;
    transition: all 0.3s ease;
}
.aut-cmd-input:focus {border-color: var(--primary);}
.aut-cmd-textarea {
    height: auto;
    padding: 16px;
    resize: none;
    grid-column: span 2;
}
.aut-cmd-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--primary);
    color: var(--white);
    padding: 14px 28px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    width: fit-content;
}
.aut-cmd-btn:hover {
    background: var(--secondary);
    transform: translateY(-2px);
}
.aut-cmd-btn svg {
    width: 16px; height: 16px;
    transition: transform 0.3s ease;
}
.aut-cmd-btn:hover svg {
    transform: translate(3px, -3px);
}
.aut-cmd-hp-group {
    position: absolute;
    left: -9999px;
    opacity: 0;
    pointer-events: none;
}
.aut-cmd-terms-group {margin-bottom: 24px;}
.aut-cmd-terms-label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
}
.aut-cmd-hidden-cb {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0; width: 0;
}
.aut-cmd-custom-cb {
    width: 20px;
    height: 20px;
    min-width: 20px;
    border: 2px solid #E5E7EB;
    border-radius: 6px;
    background-color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.2s ease;
    margin-top: 2px;
}
.aut-cmd-custom-cb svg {
    width: 12px;
    height: 12px;
    color: var(--white);
    opacity: 0;
    transform: scale(0.5);
    transition: all 0.2s ease;
}
.aut-cmd-hidden-cb:checked ~ .aut-cmd-custom-cb {
    background-color: var(--primary);
    border-color: var(--primary);
}
.aut-cmd-hidden-cb:checked ~ .aut-cmd-custom-cb svg { opacity: 1; transform: scale(1);}
.aut-cmd-hidden-cb:invalid:focus ~ .aut-cmd-custom-cb {
    border-color: #EF4444;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
}
.aut-cmd-terms-text {font-size: 14px; color: #4B5563; line-height: 1.5;}
.aut-cmd-terms-text a {
    color: var(--primary);
    text-decoration: none;
    font-weight: 600;
}
.aut-cmd-terms-text a:hover {text-decoration: underline;}
.aut-cmd-form-msg {
    margin-top: 16px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    display: none;
}
.aut-cmd-form-msg.error { color: #EF4444; display: block; }
.aut-cmd-form-msg.success { color: #10B981; display: block; }

[x-cloak] { display: none !important; }

.ah-page-notify {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%) translateY(-120px);
    z-index: 9999;
    min-width: 320px;
    max-width: 90vw;
    padding: 16px 24px 16px 20px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 14px;
    box-shadow: 0 8px 32px rgba(0,0,0,.18);
    font-size: 15px;
    font-weight: 600;
    font-family: var(--font-main);
    cursor: pointer;
    transition: transform 0.4s cubic-bezier(.22,1,.36,1), opacity 0.4s ease;
    opacity: 0;
    pointer-events: none;
}
.ah-page-notify.ah-page-notify--visible {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
    pointer-events: auto;
}
.ah-page-notify--success {
    background: #fff;
    border-left: 5px solid var(--green);
    color: #064e3b;
}
.ah-page-notify--error {
    background: #fff;
    border-left: 5px solid var(--red);
    color: #7f1d1d;
}
.ah-page-notify__icon {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
}
.ah-page-notify__close {
    margin-left: auto;
    flex-shrink: 0;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    color: inherit;
    opacity: .5;
    line-height: 1;
    font-size: 18px;
}
.ah-page-notify__close:hover { opacity: 1; }

/* =========================================
        About Us
   ========================================= */
.abt-pg-desc {margin: 48px 0;}
.abt-pg-desc p {margin-bottom: 16px;}
.abt-pg-desc p:last-child {margin-bottom: 0;}
.abt-pg-top-layout {
    display: grid; grid-template-columns: 1fr 1fr;
    gap: 160px; margin-bottom: 120px;
}
.abt-pg-visual {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    gap: 16px; margin-top: 30px;
}
.abt-pg-blue-shape {
    background-color: var(--primary);
    border-radius: 20px;
    width: 100%; height: 100%;
    min-height: 200px;
}
.abt-pg-img {
    width: 100%; height: 100%;
    object-fit: cover;
    border-radius: 20px;
    min-height: 300px;
}
.abt-pg-stats-grid {
    display: grid; gap: 24px;
    grid-template-columns: repeat(2, 1fr);
}
.abt-pg-stat-card {
    background: var(--white);
    border-radius: 20px; padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.abt-pg-stat-num {
    font-weight: 700; font-size: 24px;
    color: var(--primary);margin-bottom: 8px;
}
.abt-pg-stat-text {font-size: 14px; font-weight: 400; color: var(--dark);}
.abt-pg-bottom-layout {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 150px; align-items: start;
}
.abt-pg-desc-ofer{margin-top: 48px;}
.abt-pg-services-grid {
    display: grid; gap: 24px;
    grid-template-columns: repeat(4, 1fr);
}
.abt-pg-srv-item {
    background: var(--white);
    border-radius: 10px;cursor: pointer;
    display: flex;align-items: center;
    gap: 16px; transition: 0.3s;
}
.abt-pg-srv-item:hover {transform: translateY(-3px);}
.abt-pg-srv-icon {
    padding: 14px;
    background: var(--primary);
    border-radius: 10px; flex-shrink: 0;
    display: flex; justify-content: center;
    align-items: center; color: var(--white);
}
.abt-pg-srv-icon img {width: 32px; height: 32px;object-fit: cover;}
.abt-pg-srv-item span {font-size: 14px; color: var(--dark); margin-right: 10px;}

/* =========================================
        Contact page
   ========================================= */
.cnt-pg-top-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px; margin-bottom: 120px;
    align-items: stretch;
}
.cnt-pg-title {margin-bottom: 20px;}
.cnt-pg-desc {margin-bottom: 40px;}
.cnt-pg-info-list {
    display: flex; flex-direction: column;
    gap: 24px; margin-bottom: 40px;
}
.cnt-pg-info-item {display: flex; align-items: flex-start; gap: 16px;}
.cnt-pg-icon {
    width: 44px; height: 44px; min-width: 44px;
    background: var(--accent-secondary); border-radius: 12px;
    display: flex; justify-content: center; align-items: center;
    overflow: hidden;
}
.cnt-pg-icon img{width: 25px; height: 25px;}
.cnt-pg-text { display: flex; flex-direction: column; gap: 4px; }
.cnt-pg-text span { font-size: 14px; color: #6B7280; }
.cnt-pg-text strong { font-size: 16px; font-weight: 700; color: var(--dark); }
.cnt-pg-text a { color: var(--dark); transition: 0.3s; }
.cnt-pg-text a:hover { color: var(--primary); }

.cnt-pg-socials-wrapper h3 {
    font-size: 18px; font-weight: 700;
    color: var(--dark); margin-bottom: 16px;
}
.cnt-pg-social-icons {display: flex;flex-wrap: wrap;gap: 12px;}
.cnt-pg-social-icons a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px; height: 44px;
    background: var(--primary);
    border-radius: 10px;
    transition: all 0.3s ease;
}
.cnt-pg-social-icons a:hover {border-color: var(--primary);transform: translateY(-3px);}
.cnt-pg-social-icons img {width: 22px; height: 22px;}
.cnt-pg-map-col {width: 100%;height: 100%;min-height: 400px;}
.cnt-pg-map-wrapper {
    width: 100%; height: 100%;
    border-radius: 20px; overflow: hidden;
    background: #E5E7EB;
}
.cnt-pg-form-container {
    display: grid; grid-template-columns: 1fr 1fr;
    background: var(--white); border-radius: 20px;
    overflow: hidden;
}
.cnt-pg-image-col {
    position: relative;
    width: 100%; height: 100%;
    min-height: 400px;
}
.cnt-pg-cover-img {width: 100%; height: 100%;object-fit: cover; }
.cnt-pg-img-overlay {
    position: absolute;
    bottom: 0; left: 0; right: 0;
    padding: 40px 30px 30px 30px;
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    color: var(--white);
}
.cnt-pg-img-overlay h3 {font-size: 35px; font-weight: 700; margin-bottom: 8px;}
.cnt-pg-img-overlay p {font-size: 16px; opacity: 0.9; color: var(--white);}
.cnt-pg-form-col {
    padding: 50px 40px;display: flex;
    flex-direction: column;justify-content: center;
}
.cnt-pg-form-col h2 {font-size: 28px; font-weight: 800; color: var(--dark); margin-bottom: 12px;}
.cnt-pg-form-col p {font-size: 14px; color: #4B5563; margin-bottom: 30px;}
.cnt-pg-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;margin-bottom: 24px;
}
.cnt-pg-full-width { grid-column: span 2;}
.cnt-pg-input {
    width: 100%; height: 50px; padding: 0 16px;
    border: 1px solid #E5E7EB; border-radius: 12px;
    font-size: 14px; font-family: inherit; outline: none;
    background-color: #FAFAFA; transition: all 0.3s ease;
}
.cnt-pg-input:focus { background-color: var(--white); border-color: var(--primary); box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1); }
.cnt-pg-textarea { height: auto; padding: 16px; resize: none; }
.cnt-pg-btn {
    display: inline-flex; justify-content: center; align-items: center; gap: 10px;
    width: 100%; height: 54px; background: var(--primary); color: var(--white);
    border-radius: 12px; font-size: 16px; font-weight: 700;
    border: none; cursor: pointer; transition: all 0.3s ease;
}
.cnt-pg-btn:hover { background: var(--secondary); box-shadow: 0 8px 20px rgba(37, 99, 235, 0.2); }
.cnt-pg-btn svg { width: 18px; height: 18px; transition: transform 0.3s ease; }
.cnt-pg-btn:hover svg { transform: translate(3px, -3px);}

.cnt-pg-hp-group { position: absolute; left: -9999px; opacity: 0; pointer-events: none; }
.cnt-pg-terms-group { margin-bottom: 24px; }
.cnt-pg-terms-label { display: flex; align-items: flex-start; gap: 10px; cursor: pointer; }
.cnt-pg-hidden-cb { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.cnt-pg-custom-cb { width: 20px; height: 20px; min-width: 20px; border: 2px solid #E5E7EB; border-radius: 6px; background-color: var(--white); display: flex; justify-content: center; align-items: center; transition: all 0.2s ease; margin-top: 2px; }
.cnt-pg-custom-cb svg { width: 12px; height: 12px; color: var(--white); opacity: 0; transform: scale(0.5); transition: all 0.2s ease; }
.cnt-pg-hidden-cb:checked ~ .cnt-pg-custom-cb { background-color: var(--primary); border-color: var(--primary); }
.cnt-pg-hidden-cb:checked ~ .cnt-pg-custom-cb svg { opacity: 1; transform: scale(1); }
.cnt-pg-hidden-cb:invalid:focus ~ .cnt-pg-custom-cb { border-color: #EF4444; box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1); }
.cnt-pg-terms-text { font-size: 13px; color: #4B5563; line-height: 1.5; }
.cnt-pg-terms-text a { color: var(--primary); font-weight: 600; text-decoration: none; }
.cnt-pg-form-msg { margin-top: 16px; font-size: 14px; font-weight: 600; text-align: center; display: none; }
.cnt-pg-form-msg.error { color: #EF4444; display: block; }
.cnt-pg-form-msg.success { color: #10B981; display: block; }

/* =========================================
            Terms & Conditions
   ========================================= */
.tms-pg-header, .pp-pg-header {
    margin-bottom: 50px;padding-bottom: 30px;
    border-bottom: 1px solid #F3F4F6;
}
.tms-pg-main-title, .pp-pg-main-title {margin-bottom: 10px;}
.tms-pg-update,.pp-pg-update {font-size: 14px; color: var(--dark);}
.tms-pg-layout, .pp-pg-layout {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 30px; align-items: start;
}
.tms-pg-sidebar, .pp-pg-sidebar  {position: sticky; top: 100px;}
.tms-pg-nav ul, .pp-pg-nav ul {
    list-style: none;
    padding: 0; margin: 0;
    display: flex; gap: 12px;
    flex-direction: column;
}
.tms-pg-nav a, .pp-pg-nav a {
    text-decoration: none;
    font-size: 16px; font-weight: 500;
    color: #6B7280;
    transition: all 0.3s ease;
    display: block; padding: 8px 0;
}
.tms-pg-nav a:hover, .tms-pg-nav a.active,
.pp-pg-nav a:hover, .pp-pg-nav a.active {color: var(--primary); padding-left: 10px; border-left: 2px solid var(--primary);}
.tms-pg-content {max-width: 850px;}
.tms-pg-block, .pp-pg-block {margin-bottom: 60px;}
.tms-pg-block h2, .pp-pg-block h2 {
    font-size: 24px; font-weight: 800;
    color: var(--dark);margin-bottom: 20px;
}
.tms-pg-block p, .pp-pg-block p, .tms-pg-list li {
    font-size: 16px;line-height: 1.8;
    color: #4B5563;margin-bottom: 16px;
}
.tms-pg-list, .pp-pg-list {margin-bottom: 20px; padding-left: 20px;}
.tms-pg-list li, .pp-pg-list li {margin-bottom: 10px; position: relative;}
.pp-pg-list li {font-size: 16px; line-height: 1.8; color: #4B5563;}
.tms-pg-list li::before, .pp-pg-list li::before {
    content: "";
    position: absolute;
    left: -20px; top: 12px;
    width: 6px; height: 6px;
    background-color: var(--primary);
    border-radius: 50%;
}
.pp-pg-list li::before {left: -25px;}
.pp-pg-list li strong {color: var(--dark);}
.tms-pg-contact-box, .pp-pg-contact-box {
    background-color: #F9FAFB;
    padding: 30px; border-radius: 20px;
    border: 1px solid #F3F4F6;
}
.tms-pg-contact-box h3, .pp-pg-contact-box h3 {
    font-size: 20px; font-weight: 700;
    margin-bottom: 10px; color: var(--dark);
}
.tms-pg-contact-box p {margin-bottom: 0; font-size: 15px;}

/* =========================================
    404, 500, maintenance page
   ========================================= */
.err-pg-section, .svr-pg-section {
    display: flex; justify-content: center;
    align-items: center; min-height: 70vh;text-align: center;
}
.err-pg-layout,.svr-pg-layout {
    display: flex; flex-direction: column;
    align-items: center; justify-content: center;
    max-width: 600px;  margin: 0 auto;
}
.err-pg-number,.svr-pg-number {
    font-size: 160px;  font-weight: 900;
    color: var(--dark); display: flex;
    align-items: center;justify-content: center;
    gap: 16px; line-height: 1;
    margin-bottom: 24px; letter-spacing: -4px;
}
.err-pg-icon-wrapper,.svr-pg-icon-wrapper {
    display: inline-flex; justify-content: center;
    align-items: center;
    width: 130px; height: 130px;
    background: #F0F4FF;
    border-radius: 50%; color: var(--primary);
    box-shadow: inset 0 0 0 8px rgba(37, 99, 235, 0.1);
}
.svr-pg-icon-wrapper {background: #FEF2F2; color: #EF4444; box-shadow: inset 0 0 0 8px rgba(239, 68, 68, 0.1);}
.err-pg-icon-wrapper svg, .svr-pg-icon-wrapper svg {
    width: 64px; height: 64px;
    animation: car-bounce 2s infinite ease-in-out;
}

@keyframes car-bounce {
    0%, 100% {transform: translateY(0);}
    50% {transform: translateY(-8px);}
}
.svr-pg-icon-wrapper svg {animation: none;}

.svr-pg-icon-large {
    width: 160px; height: 160px;
    background-color: #F0F4FF; color: var(--primary);
    box-shadow: inset 0 0 0 8px rgba(37, 99, 235, 0.1);
    margin-bottom: 30px;
}
.svr-pg-icon-large svg {width: 80px; height: 80px;}

@keyframes spin-slow {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@keyframes wrench-shake {
    0%, 100% { transform: rotate(0deg); }
    25% { transform: rotate(15deg); }
    75% { transform: rotate(-15deg); }
}
.svr-pg-gear {animation: spin-slow 8s linear infinite;}
.svr-pg-wrench {animation: wrench-shake 3s ease-in-out infinite;}

.err-pg-text h2, .svr-pg-text h2 {
    font-size: 32px; font-weight: 800;
    color: var(--dark); margin-bottom: 16px;
    letter-spacing: -0.5px;
}
.err-pg-text p, .svr-pg-text p {
    font-size: 16px; line-height: 1.6;
    color: #6B7280; margin-bottom: 40px;
}
.err-pg-actions, .svr-pg-actions {
    display: flex; gap: 16px;
    flex-wrap: wrap; justify-content: center;
}
.err-pg-btn, .svr-pg-btn {
    display: inline-flex; align-items: center;
    justify-content: center; gap: 10px; height: 54px;
    padding: 0 28px;border-radius: 12px; font-size: 15px;
    font-weight: 700; text-decoration: none;
    transition: all 0.3s ease;
}
.err-pg-btn svg, .svr-pg-btn svg { width: 20px; height: 20px;}
.err-pg-btn-primary, .svr-pg-btn-primary {
    background-color: var(--primary);
    color: var(--white);
    border: 2px solid var(--primary);
}
.err-pg-btn-primary:hover, .svr-pg-btn-primary:hover  {
    background-color: var(--secondary);
    border-color: var(--secondary);
    box-shadow: 0 8px 20px rgba(37, 99, 235, 0.2);
}
.err-pg-btn-secondary, .svr-pg-btn-secondary {
    background-color: var(--white);
    color: var(--dark);
    border: 2px solid #E5E7EB;
}
.err-pg-btn-secondary:hover, .svr-pg-btn-secondary:hover {
    border-color: var(--dark);
    background-color: #F9FAFB;
}
.svr-pg-contact-info span {display: block; font-size: 14px; font-weight: 600; color: var(--dark); margin-bottom: 16px;}

/* =========================================
   Media responsives
   ========================================= */

@media screen and (max-width: 1424px) {
    .aut-hm-dsp-card-specs{margin-bottom: 0;}
    .aut-hm-dsp-card-specs li{font-size: 15px;}
    .aut-hm-dsp-card-title{font-size: 22px;}
	.aut-st-car-img{height:600px}
}

@media screen and (max-width: 1393px) {
.car-sng-highlights {display: flex; flex-wrap: wrap;}
.car-sng-hl-card{padding: 30px 50px;}
}

@media screen and (max-width: 1368px) {
   .aut-hm-dsp-card-content{padding: 24px 30px;}
   .aut-hm-dsp-card-specs li{font-size: 14px;}
   .aut-hm-dsp-card-title{font-size: 20px;}
   .aut-hm-dsp-card-footer{margin-top: 20px;}
   .aut-hm-dsp-card-price{font-size: 20px;}
}

@media screen and (max-width: 1368px){
    .abt-pg-bottom-layout{gap: 100px;}
}

@media screen and (max-width: 1296px) {
    .aut-hm-dsp-card-specs li{font-size: 12px;}
}
@media screen and (max-width: 1368px) {
  .aut-hm-dsp-card-title {font-size: 18px;}
}

@media screen and (max-width: 1200px) {
    .ah-hd-header__container{gap: 30px;}
    .ah-hd-menu{gap: 15px;}
    .ah-hd-header__menu{gap: 15px;flex-wrap: wrap;line-height: 0;}
    .aut-hm-dsp-grid {grid-template-columns: repeat(3, 1fr); gap: 20px;}
    .aut-hm-cat-card {padding: 30px 10px;}
    .aut-hm-cat-title, .aut-hm-cat-action-text {font-size: 20px;}
	
	.aut-st-header-container{align-items: normal;}
	.aut-st-hd-content-wrapper{margin-top: 180px}
	.bg-cont{align-items:end; grid-template-columns: 3fr 9fr;}

    .aut-hm-why-us-content-col {padding: 50px 40px;}
    .aut-hm-why-us-title {font-size: 32px;}
    .aut-hm-ft-col-brand{padding-right: 70px;}

    .abt-pg-services-grid {grid-template-columns: repeat(3, 1fr);}

    .car-pg-dsp-card-specs span{font-size: 10px;}
    .car-pg-dsp-card-title{font-size: 14px;}

    .car-pg-dsp-badge{font-size: 10px;padding: 5px 5px;}
    .car-sng-highlights {display: grid !important; grid-template-columns: repeat(3, 1fr); }
    .car-sng-fac-grid { grid-template-columns: repeat(3, 1fr);gap: 30px; }
    .srv-pg-grid {grid-template-columns: repeat(3, 1fr); gap: 20px;}

    .aut-cmd-details-layout { gap: 30px; }
}

@media screen and (max-width: 1080px) {
    .aut-hm-ft-col-brand{min-width: 210px;}
    .car-pg-dsp-card-price{font-size: 16px;}
    .car-pg-dsp-list{gap: 15px;}
    .car-pg-dsp-btn-cards{font-size: 12px;}
}

@media screen and (max-width: 1024px) {
    .aut-hm-rw-card {flex: 0 0 calc((100% - var(--track-gap)) / 2);}

    .aut-hm-promo-card {padding: 40px 30px;}
    .aut-hm-promo-title {font-size: 28px;}

    .aut-hm-ft-wrapper {padding: 50px 40px;}
    .aut-hm-ft-grid {grid-template-columns: 1fr 1fr; gap: 50px 30px;}
    .aut-hm-ft-col-brand {padding-right: 0;}
    .car-sng-layout {display: flex; flex-direction: column; gap: 24px;}
    .car-sng-block-title,.car-sng-title,.car-sng-facility-title{font-size: 30px;}
    .car-sng-fac-subtitle{font-size: 20px;}
	
	.aut-st-circles-wrapper{transform:scale(0.8);}

    .car-sng-main, .car-sng-sidebar, .car-sng-sticky-wrapper {display: contents;}
    .car-sng-price-box {order: 1; margin-top: 0; width: 100%;}
    .car-sng-gallery {order: 2;}
    .car-sng-highlights {order: 3;}
    .car-sng-desc-block {order: 4;}
    .car-sng-specs-box {order: 5;width: 100%;}
    .car-sng-fac-block {order: 6;}

    .car-sng-price-label{margin-bottom: 0;}
    .car-sng-price-row{justify-content: end;}

    .car-sng-highlights {display: flex !important; flex-wrap: wrap;}

    .cnt-pg-top-layout {grid-template-columns: 1fr; gap: 40px; margin-bottom: 50px;}
    .cnt-pg-map-col {min-height: 350px;}
    .cnt-pg-form-container {grid-template-columns: 1fr;}
    .cnt-pg-image-col {min-height: 250px;}

}

@media screen and (max-width: 992px) {
    .container{width: 95%;}
    .ah-hd-header__menu {
        position: fixed;
        top: 75px; left: -100%;
        flex-direction: column;
        width: 100%;
        background: var(--white);
        gap: 20px; padding: 20px 20px 40px 20px;
        transition: left 0.3s ease-in-out;
    }
    .ah-hd-header.sticky .ah-hd-header__menu {background: var(--white); border-top: 1px solid rgba(0, 0, 0, 0.1);}
    .ah-hd-header.sticky .ah-hd-header__burger span {background: var(--dark);}
    .ah-hd-header__menu.active {left: 0;}
    .ah-hd-header__burger {display: flex;}
     .ah-hd-header__nav {flex: none;}
    .ah-hd-header__burger {display: flex; z-index: 1001;}
    .ah-hd-header__burger span {transform-origin: center; transition: transform 0.3s ease-in-out, opacity 0.2s ease-in-out;}
    .ah-hd-header__burger.active span:nth-child(1) {transform: translateY(8px) rotate(45deg);}
    .ah-hd-header__burger.active span:nth-child(2) {opacity: 0;}
    .ah-hd-header__burger.active span:nth-child(3) {transform: translateY(-8px) rotate(-45deg); }
    .ah-hd-header__item a{transition: 0.3s;}
    .ah-hd-header__item a:hover{margin-left: 5px;}
    .ah-hd-header{padding: 20px 0;}
    .ah-hd-header.sticky .ah-hd-header__item a{color: var(--dark);}
    .ah-hd-header.sticky .ah-hd-header__item a:hover{color: var(--primary);}

    .section-cta-button .section-cta-button-title{font-size: 40px;}
    .aut-hm-dsp-grid {grid-template-columns: repeat(2, 1fr);}
    .aut-hm-dsp-main-title {font-size: 28px;}

    .aut-hm-cat-grid {grid-template-columns: repeat(3, 1fr); gap: 15px;}
    .aut-hm-cat-card {padding: 40px 20px;}
    .aut-hm-cat-arrow-bg{width: 65%;}

    .aut-hm-dsp-grid-serices {grid-template-columns: 1fr;}

    .aut-hm-why-us-wrapper {grid-template-columns: 1fr;}
    .aut-hm-why-us-image-col {min-height: 350px;}

    .aut-hm-rw-text{font-size: 14px;}
    .aut-hm-rw-name{font-size: 20px;}

    .aut-hm-ft-section{border-radius: 0;}
    .aut-hm-ft-wrapper {padding: 100px 40px;}

    .aut-cars-pg-title {font-size: 25px;}
    .car-sng-hl-card{min-width: 180px;}

    .tms-pg-layout, .pp-pg-layout {grid-template-columns: 1fr;}
    .tms-pg-sidebar, .pp-pg-sidebar  {display: none;}
    .tms-pg-main-title, .pp-pg-main-title {font-size: 32px;}

    .abt-pg-title { font-size: 28px;}
    .abt-pg-top-layout {grid-template-columns: 1fr; gap: 40px; margin-bottom: 50px;}
    .abt-pg-visual {margin-bottom: 20px;}
    .abt-pg-bottom-layout {grid-template-columns: 1fr; gap: 30px;}
    .abt-pg-offer-text {max-width: 600px;}
    .abt-pg-services-grid {grid-template-columns: repeat(2, 1fr);}

    .aut-cars-pg-sort-wrapper {display: none;}
    .aut-cars-pg-count {display: none;}
    .cars-pg-blocs {grid-template-columns: 1fr;}

    .cars-pg-mobile-triggers {
        display: flex;
        gap: 12px;
        margin-bottom: 24px;
        width: 100%;
    }
    .cars-pg-mobile-sort-wrapper {
        flex: 1;
        position: relative;
    }
    .cars-pg-mobile-sort-select {
        position: absolute;
        top: 0; left: 0; width: 100%; height: 100%;
        opacity: 0; cursor: pointer; z-index: 2;
    }
    .cars-pg-mobile-btn {
        flex: 1;
        height: 48px;
        border-radius: 12px;
        border: 1px solid #E5E7EB;
        background: var(--white);
        font-weight: 600;
        font-size: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        color: var(--dark);
        cursor: pointer;
        position: relative;
        z-index: 1;
    }
    .cars-pg-mobile-btn svg{width: 20px;height: 20px;}
    .cars-pg-sidebar {
        position: fixed;
        bottom: -100%;
        left: 0;right: 0;
        width: 95%;
        height: 98vh;
        background: var(--white);
        z-index: 999;
        border-radius: 24px 24px 0 0;
        transition: bottom 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        padding: 0; margin: 0 auto;
        box-shadow: 0 -4px 20px rgba(0,0,0,0.1);
    }
    .cars-pg-sidebar.active {bottom: 0;}
    .cars-pg-sidebar-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px 24px;
        border-bottom: 1px solid #F3F4F6;
    }
    .cars-pg-filter-title {
        margin-bottom: 0;
        font-size: 20px;
    }
    .cars-pg-close-btn {
        background: #F3F4F6;
        border: none;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--dark);
        cursor: pointer;
    }
    .cars-pg-close-btn svg {
        width: 20px; height: 20px;
    }
    .cars-pg-sidebar-body {
        padding: 24px;
        overflow-y: auto;
        flex: 1;
    }
    .cars-pg-sidebar-footer {
        padding: 16px 24px;
        border-top: 1px solid #F3F4F6;
        background: var(--white);
    }

    .car-pg-cars-list {grid-template-columns: repeat(4, 1fr);}
    .car-pg-dsp-card-title {font-size: 16px;margin-bottom: 12px;}
    .car-pg-dsp-card-price {font-size: 18px;}
    .car-pg-dsp-card-content {padding: 16px;}
    .car-pg-dsp-card-specs {padding: 12px 0; margin-bottom: 16px;}

    .car-sng-title { font-size: 28px; }
    .car-sng-section {padding-top: 0;}

    .srv-pg-grid {grid-template-columns: repeat(2, 1fr);}
    .srv-pg-main-title {font-size: 32px; margin-bottom: 30px;}

    .aut-cmd-hero-layout {grid-template-columns: 1fr; gap: 40px;}
    .aut-cmd-hero-visual {justify-content: flex-start;}
    .aut-cmd-hero-img { width: 90%; }
    .aut-cmd-hero-shape { width: 40%; right: auto; left: 65%; }
    .aut-cmd-proc-grid {grid-template-columns: repeat(2, 1fr); }
    .aut-cmd-details-layout {grid-template-columns: 1fr; gap: 50px;}
    .aut-cmd-check-list li {flex: 0 0 calc(33.33% - 20px);}
    .aut-cmd-cta-layout {grid-template-columns: 1fr;}

    .aut-cmd-cta-box{border-radius: 20px 20px 0 0;}
    .aut-cmd-form-box{border-radius: 0 0 20px 20px;}
}

@media (max-width: 900px) {
    .car-pg-cars-list {grid-template-columns: repeat(3, 1fr);}

}

@media (max-width: 890px) {
    .section-cta-button .section-cta-button-title{font-size: 35px;}
    .section-cta-button .section-cta-button-link{font-size: 20px;}
	.bg-cont{grid-template-columns: 2fr 10fr;}
	.aut-st-circles-wrapper{transform:scale(0.6);}

}

@media (max-width: 780px) {
    .section-cta-button{gap: 20px;}
    .aut-hm-rw-card {flex: 0 0 calc((200% - var(--track-gap)) / 3);}
    .dezmembre-total-cars{font-size: 16px;}
    .card-title{font-size: 20px;}
    .section-title{font-size: 35px;}
    .aut-cmd-hero{padding-top: 50px;}
}

@media (max-width: 768px) {
    #tap-to-top {bottom: 20px; right: 20px; width: 45px; height: 45px;}
    @keyframes carDriveInMobile {0% { opacity: 0; transform: translateX(50px); } 100% { opacity: 1; transform: translateX(0); }}
    .section-cta-button .section-cta-button-title{font-size: 30px;}

    .aut-hm-rw-slider-wrapper {gap: 15px;}

    .aut-hm-promo-grid {grid-template-columns: 1fr; gap: 20px;}
    .aut-hm-promo-card {padding: 35px 25px;}
    .aut-hm-promo-desc {max-width: 100%; margin-bottom: 30px;}
    .tms-pg-main-title {font-size: 25px;}

    .err-pg-number, .svr-pg-number {font-size: 120px; gap: 10px; }
    .err-pg-icon-wrapper, .svr-pg-icon-wrapper {width: 100px; height: 100px;}
    .err-pg-icon-wrapper svg, .svr-pg-icon-wrapper svg {width: 48px; height: 48px; }
    .svr-pg-icon-large { width: 130px; height: 130px; }
    .svr-pg-icon-large svg { width: 64px; height: 64px; }
    .err-pg-text h2, .svr-pg-text h2 {font-size: 26px; }
    .srv-pg-icon-wrapper img{width: 70px;height: 70px;}
    .srv-pg-icon-wrapper{margin-bottom: 15px;}
    .srv-pg-card-title{font-size: 20px;}
    .srv-pg-card-desc, .srv-pg-btn{font-size: 14px;}
    .aut-cars-pg-heading {padding: 150px 0 30px 0;}

    .car-sng-lb-nav {display: none;}
    .car-sng-lb-img {max-width: 100vw; max-height: 100vh;}
    .car-sng-lb-header {background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);}

    .aut-cmd-form-box, .aut-cmd-cta-box{padding: 50px;}
}

@media (max-width: 684px){
    .section-cta-button .section-cta-button-link{font-size: 16px;}
    .section-cta-button .section-cta-button-title{font-size: 25px;}
    .section-cta-button-link img{height: 18px;}
    .car-pg-cars-list {grid-template-columns: repeat(2, 1fr);}
	.bg-cont{grid-template-columns: 1fr 11fr;}
}

@media screen and (max-width: 650px) {
    .aut-cars-pg-header-wrapper {flex-direction: column; align-items: flex-start; gap: 16px;}
    .aut-cars-pg-title {font-size: 24px; }
    .aut-cars-pg-controls {width: 100%;justify-content: space-between; gap: 10px;}
    .aut-cars-pg-count {font-size: 14px;}
    .aut-cars-pg-sort-select {font-size: 13px; padding: 8px 35px 8px 12px;}
	.aut-st-title{font-size:36px;}
	.aut-st-car-img{height: 300px;}
	.aut-st-circles-wrapper{bottom:0; transform:scale(0.4);}
	.aut-st-hd-content-wrapper{margin-top:120px;}
	.aut-st-actions .btn{line-height: 18px;}

    .car-sng-hl-card img{width: 30px;height: 30px;}
    .car-sng-hl-label,.car-sng-hl-value{font-size: 12px;}
    .car-sng-highlights{gap: 10px;}
    .car-sng-fac-grid {grid-template-columns: repeat(2, 1fr);}
    .car-sng-gal-next {right: 5px;}
    .car-sng-gal-prev {left: 5px;}
    .car-sng-gal-btn svg {width: 12px; height: 12px;}
    .car-sng-gal-btn, .car-sng-lb-nav{padding: 10px 15px;}
	.ah-hd-header__logo img{height: 35px;}
	.aut-hm-ft-menu li a,.aut-hm-ft-contact-list li a, .aut-hm-ft-contact-list li,.aut-hm-ft-desc{font-size: 14px;}

}

@media screen and (max-width: 576px) {
    .aut-hm-dsp-header {gap: 10px;}
    .section-cta-button .section-cta-button-title {font-size: 20px;}

    .aut-cars-pg-heading {padding: 140px 0 40px 0;}
    .cars-pg-mobile-btn {width: 100%;}

    .aut-hm-dsp-main-title {font-size: 24px;}
    .aut-hm-dsp-grid {grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .aut-hm-dsp-card-content {padding: 12px;}
    .aut-hm-dsp-card-title {font-size: 13px; margin-bottom: 12px;}
    .aut-hm-dsp-card-specs {padding: 10px 0; margin-bottom: 12px; gap: 4px; justify-content: space-around;}
    .aut-hm-dsp-card-specs li {font-size: 9px; gap: 4px; text-align: center;}
    .aut-hm-dsp-spec-icon {width: 14px; height: 14px;}
    .aut-hm-dsp-card-footer {gap: 6px; }
    .aut-hm-dsp-card-price {font-size: 13px;}
    .aut-hm-dsp-card-btn {padding: 5px 8px; font-size: 11px; gap: 4px;}
    .aut-hm-dsp-btn-icon {width: 8px; height: 8px;}
    .aut-hm-dsp-badge {padding: 3px 6px; border-radius: 6px; font-size: 9px;}

    .aut-hm-cat-grid {grid-template-columns: repeat(2, 1fr); gap: 10px;}
    .aut-hm-cat-card {padding: 25px 10px; border-radius: 12px;}
    .aut-hm-cat-icon {height: 50px;}
    .aut-hm-cat-title, .aut-hm-cat-action-text {font-size: 16px;}

    .aut-hm-dsp-srv-card-left, .aut-hm-dsp-srv-card-right {grid-template-columns: repeat(2, 1fr); gap: 12px;}
    .aut-hm-dsp-srv-card-left {padding: 16px;}
    .aut-hm-srv-card, .aut-hm-srv-card-2 {padding: 15px; min-height: 180px; border-radius: 16px;}
    .aut-hm-srv-card h1, .aut-hm-srv-card-2 h1 {font-size: 14px; }
    .aut-hm-srv-arrow-wrapper {
        width: 100px; height: 100px;
        bottom: -20px; left: -20px;
    }
    .aut-hm-srv-arrow {width: 18px; height: 18px; transform: translate(10px, -10px);}

    .aut-hm-why-us-image-col {min-height: 250px;}
    .aut-hm-why-us-content-col {padding: 40px 20px;}
    .aut-hm-why-us-title {font-size: 28px;}
    .aut-hm-why-us-desc {font-size: 15px;}
    .aut-hm-why-us-list li {font-size: 14px; align-items: flex-start;}
    .aut-hm-why-us-check-circle {margin-top: 2px;}

     .aut-hm-rw-card {
        flex: 0 0 calc((100% - var(--track-gap)) / 2);
        flex-direction: column; gap: 12px;
        align-items: center; text-align: center;
    }

    .aut-hm-rw-track {--track-gap: 12px; gap: 12px;}
    .aut-hm-rw-avatar {width: 60px; height: 60px; border-radius: 20px;}
    .aut-hm-rw-name {font-size: 15px;}
    .aut-hm-rw-text {font-size: 12px;}
    .aut-hm-rw-slider-wrapper {position: relative; padding-bottom: 60px; gap: 0;}
    .aut-hm-rw-slider-window {width: 100%;}
    .aut-hm-rw-nav {position: absolute; bottom: 0;}

    .aut-hm-rw-prev { left: calc(40% - 50px); }
    .aut-hm-rw-next { right: calc(40% - 50px); }

    .aut-hm-promo-title {font-size: 24px; margin-bottom: 15px;}
    .aut-hm-promo-desc {font-size: 14px;}
    .aut-hm-promo-btn {width: 100%; justify-content: center;}

    .footer-copyright-container {flex-direction: column;text-align: center;justify-content: center;}
    .aut-hm-ft-wrapper {padding: 80px 20px;}
    .aut-hm-ft-grid {grid-template-columns: 1fr;gap: 40px;}
    .aut-hm-ft-logo {font-size: 28px; margin-bottom: 15px;}
    .aut-hm-ft-title {margin-bottom: 20px;}
    .aut-hm-ft-socials{gap: 20px;}

    .aut-pg-wrapper {gap: 12px; width: 100%; max-width: 340px; margin: 20px auto 0;}
    .aut-pg-numbers {gap: 8px;}
    .aut-pg-btn, .aut-pg-link {width: 38px; height: 38px; font-size: 14px;}
    .aut-pg-btn svg {width: 18px; height: 18px;}
    .aut-pg-hide-mobile {display: none !important;}
    .car-sng-hl-card {padding: 30px;min-width: 150px;}

    .tms-pg-header, .pp-pg-header {margin-bottom: 30px;}
    .tms-pg-block h2, .pp-pg-block h2 {font-size: 20px;}
    .tms-pg-block p, .tms-pg-list li, .pp-pg-block p, .pp-pg-list li{font-size: 15px; line-height: 1.7;}
    .tms-pg-block, .pp-pg-block {margin-bottom: 40px;}

    .cnt-pg-title { font-size: 32px; }
    .cnt-pg-form-col {padding: 32px 20px;}
    .cnt-pg-form-grid {grid-template-columns: 1fr;}
    .cnt-pg-full-width {grid-column: span 1;}
    .cnt-pg-map-col {min-height: 300px;}

    .abt-pg-title {font-size: 26px; margin-bottom: 16px;}
    .abt-pg-visual {grid-template-columns: 1fr;}
    .abt-pg-blue-shape {display: none;}
    .abt-pg-img {min-height: 220px;}
    .abt-pg-stats-grid {grid-template-columns: repeat(2, 1fr); gap: 12px;}
    .abt-pg-stat-card {padding: 16px;border-radius: 16px;}
    .abt-pg-stat-num { font-size: 24px; }
    .abt-pg-stat-text { font-size: 12px; }
    .abt-pg-services-grid {grid-template-columns: 1fr; gap: 12px;}
    .abt-pg-srv-item {padding: 12px 16px;}

    .err-pg-number, .svr-pg-number {font-size: 100px; margin-bottom: 16px; }
    .err-pg-icon-wrapper, .svr-pg-icon-wrapper {width: 80px; height: 80px; }
    .err-pg-icon-wrapper svg, .svr-pg-icon-wrapper svg {width: 40px; height: 40px; }
    .svr-pg-icon-large { width: 110px; height: 110px; margin-bottom: 24px; }
    .svr-pg-icon-large svg { width: 50px; height: 50px; }
    .err-pg-text h2, .svr-pg-text h2 {font-size: 24px; margin-bottom: 12px; }
    .err-pg-text p, .svr-pg-text p {font-size: 15px; margin-bottom: 30px; }
    .err-pg-actions, .svr-pg-actions {flex-direction: column; width: 100%; gap: 12px; }
    .err-pg-btn, .svr-pg-btn {width: 100%;}

    .srv-pg-icon-wrapper {width: 50px;height: 50px; margin-bottom: 16px;}

    .car-pg-cars-list {grid-template-columns: repeat(2, 1fr); gap: 12px;}
    .car-pg-dsp-card {border-radius: 12px;}
    .car-pg-dsp-card-content {padding: 12px;}
    .car-pg-dsp-card-title {font-size: 13px; margin-bottom: 10px;}
    .car-pg-dsp-card-specs {padding: 10px 0; margin-bottom: 12px;}
    .car-pg-dsp-spec-icon {width: 16px; height: 16px; }
    .car-pg-dsp-card-specs span {font-size: 10px;}
    .car-pg-dsp-card-price {font-size: 15px; }
    .car-pg-dsp-btn-cards {padding: 6px 10px;font-size: 11px; border-radius: 6px;}
    .car-pg-dsp-btn-icon {width: 11px; height: 11px;}
    .car-pg-dsp-badges {top: 8px; left: 8px;}
    .car-pg-dsp-badge {padding: 3px 6px; font-size: 9px; border-radius: 4px; }

    .car-sng-highlights { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .car-sng-fac-grid { grid-template-columns: 1fr; gap: 24px; }
    .car-sng-price-box, .car-sng-specs-box {padding: 24px 20px; border-radius: 16px; }
    .car-sng-price-new { font-size: 32px; }
    .car-sng-btn-contact { height: 46px; }
    .car-sng-gallery-main {border-radius: 16px; }
    .car-sng-thumb {width: 70px; height: 50px; min-width: 70px; border-radius: 8px;}

    .srv-pg-grid {grid-template-columns: 1fr; gap: 16px;}
    .srv-pg-main-title {font-size: 28px; margin-bottom: 24px;}
    .srv-pg-card {padding: 24px 20px;}
    .srv-pg-card-title {font-size: 17px; margin-bottom: 8px;}
    .srv-pg-card:active {
        transform: scale(0.98);
        transition: transform 0.1s ease, box-shadow 0.1s ease;
    }
    @media (hover: none) {
        .srv-pg-card:hover {transform: none;}
        .srv-pg-card:hover .srv-pg-btn {background: var(--primary);}
        .srv-pg-card:hover .srv-pg-btn svg {transform: none;}
    }

    .aut-cmd-title { font-size: 32px; }
    .aut-cmd-section-title { font-size: 26px; margin-bottom: 30px;}
    .aut-cmd-hero-features { flex-direction: column; gap: 10px; }
    .aut-cmd-proc-grid {grid-template-columns: 1fr; gap: 20px;}
    .aut-cmd-check-list li {flex: 0 0 100%; }
    .aut-cmd-benefits-grid {grid-template-columns: 1fr; }
    .aut-cmd-cta-box {padding: 40px 24px;}
    .aut-cmd-cta-box h2 { font-size: 26px; }
    .aut-cmd-form-grid {grid-template-columns: 1fr;}
    .aut-cmd-textarea {grid-column: span 1;}
    .aut-cmd-btn { width: 100%; justify-content: center; }
	.footer-copyright-left-elements{display: block;}
	.aut-hm-ft-logo img{height: 50px;}
}

@media screen and (max-width: 520px) {
    .ah-hd-header__btn {display: none;}
	.ah-hd-header__btn-hide{display: inline;}
    .car-sng-hl-card {padding: 20px 30px;}
    .car-sng-hl-card {min-width: 130px;}
    .car-sng-fac-grid {grid-template-columns: 1fr;}
    .srv-pg-icon-wrapper img {width: 50px; height: 50px;}
    .cars-pg-mobile-btn svg {width: 14px; height: 14px;}
    .cars-pg-mobile-btn{font-size: 13px;}
    .cars-pg-mobile-btn{height: 40px;}
    .aut-cmd-form-box, .aut-cmd-cta-box{padding: 35px;}
}

@media screen and (max-width: 430px) {
    .car-sng-hl-card {min-width: 0;}
}

@media screen and (max-width: 390px) {
    .car-sng-hl-card {padding: 20px;}
}

@media screen and (max-width: 380px) {
    .ah-hd-header__container {gap: 20px;}
    .aut-hm-cat-grid {grid-template-columns: 1fr;}
    .aut-hm-cat-card {flex-direction: row; justify-content: flex-start; padding: 20px 25px; text-align: left; }
    .aut-hm-cat-action {justify-content: center; text-align: center; }
    .car-pg-cars-list {grid-template-columns: 1fr;}
    .car-pg-cars-list {grid-template-columns: 1fr;}
    .car-pg-dsp-card {border-radius: 16px;}
    .car-pg-dsp-card-content {padding: 16px;}
    .car-pg-dsp-card-title {font-size: 16px; margin-bottom: 16px;}
    .car-pg-dsp-card-specs {padding: 16px 0; margin-bottom: 16px;}
    .car-pg-dsp-spec-icon {width: 20px; height: 20px;}
    .car-pg-dsp-card-specs span {font-size: 12px;}
    .car-pg-dsp-card-price {font-size: 20px;}
    .car-pg-dsp-btn-cards {padding: 8px 16px; font-size: 13px; border-radius: 8px; }
    .car-pg-dsp-btn-icon {width: 14px; height: 14px; }
    .car-pg-dsp-badges {top: 12px; left: 12px; }
    .car-pg-dsp-badge {padding: 4px 8px;font-size: 11px;border-radius: 6px;}
	 .aut-hm-dsp-grid {grid-template-columns: 1fr;}
}