/* Summer */

/* .bg-special {
background-color: #5c70614a;
width: max-content;
padding: 5rem;
/* === Summer Dusk / Ultraviolet Season Colours === */

/* Ultra-light dusk-lavender – section directly under banner */
.bg-season {
background-color: #edeef3;   /* soft, desaturated lavender-grey */
}

/* Mid-lavender – background behind vehicle cards */
.bg-season-02 {
background-color: #b6bac9;   /* cool mid lavender */
}

/* Dusk purple-grey – deeper supporting tone */
.bg-season-03 {
background-color: #A3A9D1;   /* muted dusk purple, not pink */
}

.bg-season-04 {
background-color: #d1d4e0;
}

/* Accent violet – chips, highlight blocks, optional features */
.bg-features {
background-color: #5f617c;   /* rich blue-violet, leans ultraviolet */
}

/* Brand pill – deep indigo/violet taken from car shadows */
.v_brand {
padding: 0.1em 0.5em;
margin-bottom: 20px;
border-radius: 9999px;
color: #fff;
background-color: #5f617c;   /* deep indigo-violet */
text-transform: uppercase;
display: flex; /* Enables flexbox layout */
justify-content: center; /* Center aligning the brand name */
align-items: center; /* Centers items vertically */
width: 100%; /* Ensures the h6 tag takes full width */
position: relative; /* Sets a relative positioning context */
}

.icons {
position: absolute; /* Absolute positioning to move icons */
right: 0; /* Aligns icons to the right */
top: 50%; /* Center vertically */
transform: translateY(-50%); /* Fine-tune vertical centering */
}

.icons i {
padding-right: 10px; /* Right padding for the last icon */
}

.prices-box {
border: none !important;
}

.bg-features,
.bg-features i,
.bg-features h6,
.bg-features h3 {
color: #ffffff !important;
}


        .calculator-cta { background:#ebebeb; }
        .bannertesla { height:80vh; }
        .bannertesla .bg-black-05 { height:100%; display:flex; justify-content:center; align-items:center; }
        .bg-season { background: #b6bac9; }
        .border-radius-10 { overflow:hidden; border-radius:1em; }
        .border-radius-10 img { width: 100%; height: auto; display: block; border-top-left-radius:1em; border-top-right-radius:1em; transition: opacity 1s ease-in-out; }
        .calculator-cta p { font-size:24px; max-width:800px; margin:0 auto 20px;}
        .lpi ul {  padding:0 18px; } 
        .lpi ul li { line-height:1.9; }
        .why-grid { display:grid; grid-template-columns:repeat(4, 1fr); gap:20px; text-align:center; }
        .why-item { background-color: rgba(255, 255, 255, 0.85); padding:30px 20px; border-radius:16px; border:1px solid rgba(0, 0, 0, 0.06); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease, box-shadow 0.3s ease; }
        .why-item:hover { transform: translateY(-6px); box-shadow:0 10px 25px rgba(0, 0, 0, 0.18); }
        .why-item img { max-width:60px; }
        .why-item h3 { font-size:1.3em; font-weight:500; margin-top:20px; }
        .ev-savings { background: linear-gradient(135deg, hsl(0 0% 10%) 0%, #2d2d2d 100%); color: #fff; }
        .ev-savings h2 { color:#fff; }

        @media (max-width:992px) {
            .why-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        @media (max-width: 767px) {
            .why-grid {
                grid-template-columns: 1fr;
            }
        }