@charset "UTF-8";
.teaser-section{position:relative;width:100vw;height:100lvh}
.teaser-section.shs-slider::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(0deg,#0C0C0C00 5%,rgba(11,33,38,0) 18%,rgba(11,33,38,0) 100%);pointer-events:none;z-index:1}
.teaser-section.shs-slider .bg-img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:0}
.teaser-section.shs-slider .shs-copy{z-index:2;height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:15lvh 10vw 10lvh}
.teaser-section.shs-slider .shs-copy img{width:45lvw;height:auto}
.teaser-section.shs-slider .shs-copy .masthead-cta{display:flex;flex-direction:column;align-items:flex-start;height:100%}
.teaser-section.shs-slider .shs-copy .pricing-cta{align-items:flex-start;text-align:left;padding-inline:0}
.teaser-section.shs-slider .shs-copy .shs-pricing .shs-price{align-items:flex-start}
.teaser-section.shs-slider .shs-copy .shs-pricing .shs-price>:first-child,.teaser-section.shs-slider .shs-copy .shs-pricing .shs-price>:last-child{text-align:left}
.teaser-section.shs-slider .shs-copy .landing-cta{align-self:flex-start;padding-inline:0.25em}
.teaser-section.shs-slider .shs-copy .landing-cta>.fill-btn{background-color:rgba(0,0,0,0.3) !important}
@media (max-width:1024px){.teaser-section.shs-slider .shs-copy{padding:15lvh 0 8lvh;align-items:center}.teaser-section.shs-slider .shs-copy .landing-cta>.fill-btn{background-color:rgba(0,0,0,0.3) !important}.teaser-section.shs-slider .shs-copy .masthead-cta{align-items:center}.teaser-section.shs-slider .shs-copy .landing-cta{align-self:center}.teaser-section.shs-slider .shs-copy img{width:45lvw}}
@media (max-width:767px){.teaser-section.shs-slider .shs-copy{padding:23lvh 0}.teaser-section.shs-slider .shs-copy img{width:75lvw}}
.teaser-section.shs-slider .shs-copy .pricing-cta{padding-inline:1rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin-top:-1.25rem;gap:2rem}
@media (max-width:1024px){.teaser-section.shs-slider .shs-copy .pricing-cta{align-items:center;margin:0;gap:1.5rem}}
.teaser-section.shs-slider .shs-copy .shs-pricing{width:100%}
.teaser-section.shs-slider .shs-copy .shs-pricing .shs-price{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;width:fit-content;line-height:1;color:white}
.teaser-section.shs-slider .shs-copy .shs-pricing .shs-price span{font-size:1.5rem;color:white;padding-inline:0.25em;font-weight:600;text-transform:uppercase;z-index:5;font-family:"Source Han Sans TW Normal",sans-serif;text-shadow:0 0 10px rgba(0,0,0,0.4),0 0 20px rgba(0,0,0,0.4),0 0 40px rgba(0,0,0,0.4),0 0 60px rgba(0,0,0,0.4)}
@supports (-webkit-hyphens:none){.teaser-section.shs-slider .shs-copy .shs-pricing .shs-price span{text-shadow:0 0 10px rgba(0,0,0,0.3),0 0 20px rgba(0,0,0,0.22),0 0 40px rgba(0,0,0,0.16),0 0 60px rgba(0,0,0,0.12)}}
@media (max-width:1024px){.teaser-section.shs-slider .shs-copy .shs-pricing .shs-price span{font-size:0.9rem}}
.teaser-section.shs-slider .shs-copy .shs-pricing .shs-price .price-shs{font-size:5.75rem;line-height:0.9;font-weight:600;letter-spacing:0;margin:0;color:white;font-family:"Source Han Sans TW Normal",sans-serif;text-shadow:0 0 10px rgba(0,0,0,0.4),0 0 20px rgba(0,0,0,0.4),0 0 40px rgba(0,0,0,0.4),0 0 60px rgba(0,0,0,0.4)}
@supports (-webkit-hyphens:none){.teaser-section.shs-slider .shs-copy .shs-pricing .shs-price .price-shs{text-shadow:0 0 10px rgba(0,0,0,0.3),0 0 20px rgba(0,0,0,0.22),0 0 40px rgba(0,0,0,0.16),0 0 60px rgba(0,0,0,0.12)}}
@media (max-width:1024px){.teaser-section.shs-slider .shs-copy .shs-pricing .shs-price .price-shs{font-size:3rem}}
@media (max-width:1024px){.teaser-section.shs-slider .shs-copy .shs-pricing .shs-price{flex-direction:column;gap:0.5rem;padding:0 1.2rem}}
@media (max-width:767px){.teaser-section.shs-slider .shs-copy .shs-pricing .shs-price{gap:0.1rem}}
.model-cta-section{background:linear-gradient(180deg,#0D1F29 0%,#19567A 100%);display:flex;align-items:center;overflow:hidden;position:relative}
.model-cta-section>div{width:100%;display:flex}
@media (max-width:767px){.model-cta-section>div{width:100%}}
.model-cta-section .buttons-container{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;margin-bottom:0.8rem;min-width:275px}
@media (max-width:1024px){.model-cta-section .buttons-container{grid-template-columns:repeat(1,1fr)}}
.model-cta-section .buttons-container .fill-btn{width:100%;height:100%}
@media (max-width:767px){.model-cta-section .buttons-container .fill-btn{width:100% !important}}
.model-cta-section .left{overflow:hidden}
.model-cta-section .left img{width:100%;height:100%;object-fit:cover}
.model-cta-section .right{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:360px;padding:0 30px;text-align:center}
@media (min-width:969px){.model-cta-section .right{max-height:280px}}
.model-cta-section .right h2{font-size:2rem}
@media (min-width:1025px){.model-cta-section .right h2{width:58%}}
@media (max-width:969px){.model-cta-section .right h2{font-size:2rem}}
@media (max-width:969px){.model-cta-section{flex-direction:column}}
.model-cta-section .price-list{display:flex;flex-direction:column;position:relative;min-width:275px;z-index:99}
.model-cta-section .price-list>span{padding:10px 30px;color:#fff}
.model-cta-section .price-list .dropdown{opacity:0;pointer-events:none;transition:0.3s;position:relative;z-index:99}
.model-cta-section .price-list .dropdown .close-btn{position:absolute;padding:10px;cursor:pointer;background:url(../themes/demo/assets/images/icons/x-icon.svg) center center no-repeat;background-size:contain;top:1rem;right:1rem;width:35px;height:35px}
.model-cta-section .price-list .dropdown.active{opacity:1;pointer-events:all}
.model-cta-section .price-list .dropdown h4{line-height:1;margin-bottom:1rem;text-align:left}
.model-cta-section .price-list .dropdown .backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.471);z-index:0}
.model-cta-section .price-list .dropdown .content{position:fixed;top:0;left:0;right:0;bottom:0;margin:auto;z-index:100;z-index:2;background:linear-gradient(#0b2126,#0c242a);height:fit-content;max-width:660px;padding:3rem;border-radius:1rem;gap:1rem}
.model-cta-section .price-list .dropdown .content h4{text-align:center}
@media (max-width:565px){.model-cta-section .price-list .dropdown .content{max-height:70lvh;overflow:scroll;width:95%}}
.model-cta-section .price-list .dropdown .inner{margin-bottom:1.4rem;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1rem}
.model-cta-section .price-list .dropdown .inner a{width:calc((100% / 2) - (1rem / 2))}
@media (max-width:565px){.model-cta-section .price-list .dropdown .inner a{width:100%}}
.bold-section .bold-title{font-family:"Source Sans 3",sans-serif !important;font-weight:800}
.technology-section{position:relative;width:100vw;min-height:100vh;overflow:hidden}
.technology-section .bg-img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:0}
.technology-section .technology-content{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;min-height:88vh;padding:5rem}
@media (max-width:1024px){.technology-section .technology-content{flex-direction:column;min-height:auto;padding:4rem 2rem;gap:0rem}}
.technology-section .left-text{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-start}
@media (max-width:1024px){.technology-section .left-text{justify-content:center}}
.technology-section .left-text h2{font-size:clamp(2rem,4vw,4.5rem);font-weight:800;line-height:1.1;color:#fff;text-transform:uppercase;letter-spacing:0.02em;font-family:"Source Sans 3",sans-serif}
@media (max-width:1024px){.technology-section .left-text h2{text-align:left}.technology-section .left-text h2 br{display:none}}
.technology-section .right-text{flex:0 0 auto;max-width:450px;display:flex;align-items:center;justify-content:flex-end;padding-left:0}
@media (min-width:1025px) and (max-width:1400px){.technology-section .right-text{padding-left:10rem}}
@media (max-width:1024px){.technology-section .right-text{justify-content:center;max-width:600px}}
.technology-section .right-text p{font-size:clamp(1rem,1.5vw,1.3125rem);line-height:1.35;color:#fff;font-weight:300;font-family:"Source Sans 3",sans-serif}
@media (min-width:769px) and (max-width:1024px){.technology-section .right-text p{text-align:left}}
@media (max-width:375px){.technology-section .right-text p{line-height:1.35;font-size:clamp(13px,3vw,18px)}}
.model-switcher-section{position:relative;width:100vw;height:1080px;overflow:hidden;background:transparent}
@media (max-width:1024px){.model-switcher-section{height:auto}}
.model-switcher-section .model-masthead{position:absolute;top:12rem;left:50%;transform:translateX(-50%);width:auto;height:auto;z-index:5}
@media (min-width:768px) and (max-width:1024px){.model-switcher-section .model-masthead{top:5rem}}
@media (min-width:376px) and (max-width:767px){.model-switcher-section .model-masthead{top:12rem}}
@media (max-width:375px){.model-switcher-section .model-masthead{top:5rem}}
.model-switcher-section .model-masthead .masthead-image{position:relative;width:auto;height:auto;opacity:0;visibility:hidden;transition:opacity 0.6s ease,visibility 0.6s ease}
.model-switcher-section .model-masthead .masthead-image.active{opacity:1;visibility:visible}
.model-switcher-section .model-masthead .masthead-image .masthead-img{width:auto;height:auto;display:block}
.model-switcher-section .model-nav{position:absolute;top:8rem;left:50%;transform:translateX(-50%);z-index:10;display:flex;gap:1rem;padding:0.5rem}
@media (min-width:768px) and (max-width:1024px){.model-switcher-section .model-nav{top:1rem}}
@media (min-width:376px) and (max-width:767px){.model-switcher-section .model-nav{top:5rem;gap:0.5rem;padding:0.4rem}}
@media (max-width:375px){.model-switcher-section .model-nav{top:1rem}}
.model-switcher-section .model-nav .model-tab{padding:1.3rem 3rem;background:rgba(0,0,0,0.2);border:none;color:rgba(255,255,255,0.6);font-size:1.1rem;font-weight:400;cursor:pointer;transition:all 0.3s ease;border-radius:15px;font-family:"Source Sans 3",sans-serif;text-transform:uppercase;letter-spacing:0.05em}
@media (min-width:376px) and (max-width:767px){.model-switcher-section .model-nav .model-tab{padding:1rem 3rem;font-size:0.9rem}}
@media (max-width:375px){.model-switcher-section .model-nav .model-tab{padding:0.8rem 2rem;font-size:0.8rem}}
.model-switcher-section .model-nav .model-tab:hover{color:rgba(255,255,255,0.9)}
.model-switcher-section .model-nav .model-tab.active{background:#fff;color:#19567A}
.model-switcher-section .model-display{position:relative;width:100%;height:100%;min-height:100vh}
.model-switcher-section .model-background{position:absolute;width:100%;height:100%;min-height:100vh;opacity:0;visibility:hidden;transition:opacity 0.6s ease,visibility 0.6s ease}
.model-switcher-section .model-background.active{opacity:1;visibility:visible}
.model-switcher-section .model-background .bg-img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:bottom;z-index:0}
@media (max-width:1024px){.model-switcher-section .model-background .bg-img{object-position:center}}
.model-switcher-section .model-background .model-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:50%;max-width:600px}
@media (max-width:1024px){.model-switcher-section .model-background .model-logo{width:60%;top:45%}}
@media (max-width:767px){.model-switcher-section .model-background .model-logo{width:70%;top:40%}}
.model-switcher-section .model-background .model-logo img{width:100%;height:auto}
.model-switcher-section .model-background .model-features{position:absolute;bottom:4rem;left:50%;transform:translateX(-50%);z-index:3;display:flex;gap:6rem;justify-content:center;align-items:flex-start;width:100%;max-width:1600px;padding:0 2rem}
@media (min-width:768px) and (max-width:1024px){.model-switcher-section .model-background .model-features{gap:2rem;bottom:6rem}}
@media (min-width:376px) and (max-width:767px){.model-switcher-section .model-background .model-features{flex-direction:column;gap:1rem;bottom:4rem;align-items:center}}
@media (max-width:375px){.model-switcher-section .model-background .model-features{flex-direction:column;gap:0.5rem;bottom:3rem;align-items:center}}
.model-switcher-section .model-background .model-features .feature-item{display:flex;align-items:center;text-align:center;gap:2rem;flex:1;max-width:500px}
@media (max-width:767px){.model-switcher-section .model-background .model-features .feature-item{max-width:320px}}
.model-switcher-section .model-background .model-features .feature-item .feature-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
@media (max-width:767px){.model-switcher-section .model-background .model-features .feature-item .feature-icon{width:60px;height:60px}}
.model-switcher-section .model-background .model-features .feature-item .feature-icon img{width:100%;height:100%;object-fit:contain}
.model-switcher-section .model-background .model-features .feature-item p{color:#fff;font-size:1.5rem;line-height:1.5;font-weight:600;font-family:"Source Sans 3",sans-serif;text-align:left}
@media (max-width:767px){.model-switcher-section .model-background .model-features .feature-item p{font-size:1.2rem;text-align:left;margin:1rem 0}}
@media (min-width:376px) and (max-width:767px){[data-model="omoda"].active .model-features{bottom:10rem !important}}
.shs-section{background:linear-gradient(180deg,#0b2126 30%,#19567A 70%);padding:100px 170px;gap:60px;display:flex;flex-direction:column;position:relative}
@media (max-width:767px){.shs-section{padding:50px 20px}}
.shs-section .shs-content-wrapper{position:relative;width:100%}
.shs-section .shs-model-content{opacity:0;visibility:hidden;position:absolute;width:100%;transition:opacity 0.5s ease,visibility 0.5s ease;pointer-events:none}
.shs-section .shs-model-content.active{opacity:1;visibility:visible;position:relative;pointer-events:all}
.shs-section .shs-header-title{display:flex;align-items:start;gap:20px;padding-bottom:2rem}
.shs-section .shs-header-title img{margin-top:0.6rem;width:22%}
@media (min-width:1025px) and (max-width:1280px){.shs-section .shs-header-title{flex-direction:column}}
@media (min-width:768px) and (max-width:1024px){.shs-section .shs-header-title{flex-direction:column}.shs-section .shs-header-title img{width:80%}}
@media (max-width:767px){.shs-section .shs-header-title{flex-direction:column;align-items:center}.shs-section .shs-header-title img{width:80%}}
.shs-section .shs-header-title .shs-text{display:flex;flex-direction:column;justify-content:space-between;gap:1rem}
.shs-section .shs-header-title .shs-text h2{margin-bottom:0;font-family:"Source Han Sans TW Bold",sans-serif !important;font-weight:800}
@media (max-width:767px){.shs-section .shs-header-title .shs-text h2{font-size:25px}}
.shs-section .shs-header-title .shs-text p{margin-bottom:0}
.shs-section .shs-items-container{display:grid;gap:30px;align-items:self-start;justify-content:start;grid-template-columns:repeat(3,minmax(0,1fr))}
@media screen and (max-width:1200px){.shs-section .shs-items-container{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media screen and (max-width:1023px){.shs-section .shs-items-container{grid-template-columns:repeat(1,minmax(0,1fr))}}
.shs-section .shs-items-container .shs-item{display:flex;flex-direction:column;align-items:center;height:100%;width:100%}
.shs-section .shs-items-container .shs-item img{width:100%;height:auto}
.shs-section .shs-items-container .shs-item .shs-text{display:flex;flex-direction:column;gap:5px;padding:20px 40px;background:linear-gradient(180deg,rgba(40,117,137,0) 0%,#287589 100%);border-radius:0 0 10px 10px;height:100%;width:100%}
.shs-section .shs-items-container .shs-item .shs-text h5,.shs-section .shs-items-container .shs-item .shs-text p{text-align:center}
.shs-section .shs-items-container .shs-item .shs-text h5{font-size:clamp(18px,4vw,22px);font-family:"Source Sans 3",sans-serif;font-weight:700;color:white}
.shs-section .shs-items-container .shs-item .shs-text p{font-size:clamp(16px,2vw,18px);font-family:"Source Sans 3",sans-serif;font-weight:300;color:white}
.shs-section .shs-items-container .shs-item .shs-text ul{list-style:disc;margin-left:1em}
.shs-section .shs-items-container .shs-item .shs-text ul li{font-size:clamp(16px,2vw,18px);font-family:"Source Sans 3",sans-serif;font-weight:300;color:white}
.accessories-packages-features{background:#19567A;padding:0px 170px 60px}
@media (max-width:565px){.accessories-packages-features{padding:0px 20px 50px}}
@media (min-width:566px) and (max-width:1240px){.accessories-packages-features{padding:0px 65px 50px}}
.accessories-packages-features .model-feature-content{display:none}
.accessories-packages-features .model-feature-content.active{display:block}
.accessories-packages-features .main-title h1{font-size:clamp(48px,2.208vw,2.208vw);font-family:"Source Sans 3",sans-serif;font-weight:700;width:fit-content;margin:auto;height:fit-content;letter-spacing:0;padding-bottom:clamp(70px,3.375vw,3.375vw);text-align:center}
@media (max-width:767px){.accessories-packages-features .main-title h1{font-size:clamp(38px,2.208vw,2.208vw)}}
.accessories-packages-features .selection-tabs-container{width:100%;display:flex;justify-content:center;border-bottom:1px solid white;position:relative}
.accessories-packages-features .selection-tabs-container .active-tab-border{position:absolute;bottom:-2px;height:5px;background-color:#0085BA;z-index:100;width:0;left:50%;transform:translateX(-50%)}
.accessories-packages-features .selection-tabs-container .selection-tabs{width:100%;display:flex;justify-content:center;height:100%;gap:5%;z-index:50}
@media (max-width:1240px){.accessories-packages-features .selection-tabs-container .selection-tabs{width:90%;flex-direction:row;scroll-behavior:smooth;gap:2em}}
@media (max-width:767px){.accessories-packages-features .selection-tabs-container .selection-tabs{width:auto;min-width:100%;gap:1em;padding:0 2rem}}
.accessories-packages-features .selection-tabs-container .selection-tabs button{background:none;color:inherit;border:none;padding:10px 0;font:inherit;cursor:pointer;outline:inherit;display:flex;justify-content:space-between;align-items:center;font-weight:300;color:white;font-size:clamp(20px,1.5vw,24px);font-family:"Source Sans 3",sans-serif !important;text-align:start;gap:3%;white-space:nowrap}
.accessories-packages-features .selection-tabs-container .selection-tabs button.active{font-weight:700}
.accessories-packages-features .selection-tabs-container .selection-tabs button:hover span path{fill:#287589}
@media (max-width:1240px){.accessories-packages-features .selection-tabs-container .selection-tabs button{font-size:clamp(18px,1.5vw,20px);align-items:center}}
@media (max-width:767px){.accessories-packages-features [data-model="omoda"].active .selection-tabs-container button{font-size:clamp(0.8rem,1.5vw,1.25rem);white-space:normal}}
.accessories-packages-features .accessories-container{margin-top:3%}
.accessories-packages-features .accessories-container .feature-card{display:flex;flex-direction:column;overflow:hidden}
.accessories-packages-features .accessories-container .feature-card .feature-image{width:100%;position:relative;overflow:hidden}
.accessories-packages-features .accessories-container .feature-card .feature-image img{width:100%;height:auto;object-fit:cover;display:block}
.accessories-packages-features .accessories-container .feature-card .feature-content{display:flex;gap:60px;padding:60px 50px;color:white}
@media (max-width:1024px){.accessories-packages-features .accessories-container .feature-card .feature-content{flex-direction:column;gap:30px;padding:40px 30px}}
@media (max-width:767px){.accessories-packages-features .accessories-container .feature-card .feature-content{padding:30px 20px;gap:20px}}
.accessories-packages-features .accessories-container .feature-card .feature-content .feature-title{flex:0 0 45%}
@media (max-width:1024px){.accessories-packages-features .accessories-container .feature-card .feature-content .feature-title{flex:none}}
.accessories-packages-features .accessories-container .feature-card .feature-content .feature-title h2{font-size:clamp(1.5625rem,2vw,1.875rem);font-weight:700;font-family:"Source Sans 3",sans-serif;color:white;margin:0;line-height:1.3}
.accessories-packages-features .accessories-container .feature-card .feature-content .feature-description{flex:1}
.accessories-packages-features .accessories-container .feature-card .feature-content .feature-description p{font-size:clamp(1rem,1.2vw,1.25rem);font-family:"Source Sans 3",sans-serif;font-weight:300;color:white;margin:0;line-height:1.35}
.accessories-packages-features .accessories-container .feature-card .feature-content .feature-description ul{list-style:none;padding:0;margin:0}
.accessories-packages-features .accessories-container .feature-card .feature-content .feature-description ul li{font-size:clamp(1rem,1.2vw,1.5rem);font-family:"Source Sans 3",sans-serif;font-weight:300;color:white;padding-left:0;position:static}
.accessories-packages-features .accessories-container .feature-card .feature-content .feature-description ul li::before{content:"•";position:absolute;left:0;color:white;font-size:1.5em;line-height:1}
.accessories-packages-features .accessories-container .feature-card .feature-content .feature-description ul li:last-child{margin-bottom:0}
@media (max-width:767px){.accessories-packages-features .accessories-container .feature-card .feature-content .feature-description ul li{margin-bottom:0}}
.accessories-packages-features .packages-container{margin-top:3%}
.accessories-packages-features .packages-container .feature-card{display:flex;flex-direction:column;overflow:hidden}
.accessories-packages-features .packages-container .feature-card .feature-image{width:100%;position:relative;overflow:hidden}
.accessories-packages-features .packages-container .feature-card .feature-image img{width:100%;height:auto;object-fit:cover;display:block}
.accessories-packages-features .packages-container .feature-card .feature-content{display:flex;gap:60px;padding:60px 50px;color:white}
@media (max-width:1024px){.accessories-packages-features .packages-container .feature-card .feature-content{flex-direction:column;gap:30px;padding:40px 30px}}
@media (max-width:767px){.accessories-packages-features .packages-container .feature-card .feature-content{padding:30px 20px;gap:20px}}
.accessories-packages-features .packages-container .feature-card .feature-content .feature-title{flex:0 0 45%}
@media (max-width:1024px){.accessories-packages-features .packages-container .feature-card .feature-content .feature-title{flex:none}}
.accessories-packages-features .packages-container .feature-card .feature-content .feature-title h2{font-size:clamp(1.5625rem,2vw,1.75rem);font-weight:700;font-family:"Source Sans 3",sans-serif;color:white;margin:0;line-height:1.3}
.accessories-packages-features .packages-container .feature-card .feature-content .feature-description{flex:1}
.accessories-packages-features .packages-container .feature-card .feature-content .feature-description p{font-size:clamp(1rem,1.2vw,1.25rem);font-family:"Source Sans 3",sans-serif;font-weight:300;color:white;line-height:1.35}
.accessories-packages-features .packages-container .feature-card .feature-content .feature-description ul{list-style:none;padding:0;margin:0}
.accessories-packages-features .packages-container .feature-card .feature-content .feature-description ul li{font-size:clamp(1rem,1.2vw,1.25rem);font-family:"Source Sans 3",sans-serif;font-weight:300;color:white;margin-bottom:15px;padding-left:25px;position:relative}
.accessories-packages-features .packages-container .feature-card .feature-content .feature-description ul li::before{content:"•";position:absolute;left:0;color:white;font-size:1.5em;line-height:1}
.accessories-packages-features .packages-container .feature-card .feature-content .feature-description ul li:last-child{margin-bottom:0}
.accessories-packages-features .packages-container.driving-modes{padding:0;overflow:hidden}
.accessories-packages-features .packages-container.driving-modes .feature-image{width:100%;position:relative;overflow:hidden}
.accessories-packages-features .packages-container.driving-modes .feature-image img{width:100%;height:auto;object-fit:cover;display:block}
.accessories-packages-features .packages-container.driving-modes .driving-modes-header{padding:60px 50px 0}
@media (max-width:1024px){.accessories-packages-features .packages-container.driving-modes .driving-modes-header{padding:40px 30px 0}}
@media (max-width:767px){.accessories-packages-features .packages-container.driving-modes .driving-modes-header{padding:30px 20px 0}}
.accessories-packages-features .packages-container.driving-modes .driving-modes-grid{padding:0 50px 60px}
@media (max-width:1024px){.accessories-packages-features .packages-container.driving-modes .driving-modes-grid{padding:0 30px 40px}}
@media (max-width:767px){.accessories-packages-features .packages-container.driving-modes .driving-modes-grid{padding:0 20px 30px}}
.accessories-packages-features .packages-container.driving-modes .driving-modes-header{text-align:center;margin-bottom:50px}
@media (max-width:767px){.accessories-packages-features .packages-container.driving-modes .driving-modes-header{margin-bottom:30px}}
.accessories-packages-features .packages-container.driving-modes .driving-modes-header h2{font-size:clamp(1.5625rem,2vw,1.875rem);font-weight:700;font-family:"Source Sans 3",sans-serif;color:white;margin:0;line-height:1.3}
.accessories-packages-features .packages-container.driving-modes .driving-modes-grid{display:grid;grid-template-columns:repeat(6,1fr);align-items:center}
@media (max-width:1024px){.accessories-packages-features .packages-container.driving-modes .driving-modes-grid{grid-template-columns:repeat(3,1fr);gap:30px}}
@media (max-width:767px){.accessories-packages-features .packages-container.driving-modes .driving-modes-grid{grid-template-columns:repeat(2,1fr);gap:20px}}
.accessories-packages-features .packages-container.driving-modes .driving-modes-grid .mode-item{display:flex;align-items:center;justify-content:center;gap:15px}
@media (max-width:1024px){.accessories-packages-features .packages-container.driving-modes .driving-modes-grid .mode-item{gap:10px}}
@media (max-width:767px){.accessories-packages-features .packages-container.driving-modes .driving-modes-grid .mode-item{gap:5px;justify-content:flex-start}}
.accessories-packages-features .packages-container.driving-modes .driving-modes-grid .mode-item .mode-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center}
@media (max-width:767px){.accessories-packages-features .packages-container.driving-modes .driving-modes-grid .mode-item .mode-icon{width:50px;height:50px}}
.accessories-packages-features .packages-container.driving-modes .driving-modes-grid .mode-item .mode-icon img{width:70%;height:100%;object-fit:contain;filter:brightness(0) invert(1)}
.accessories-packages-features .packages-container.driving-modes .driving-modes-grid .mode-item p{font-size:clamp(1rem,1.5vw,1.375rem);font-family:"Source Sans 3",sans-serif;font-weight:400;color:white;white-space:nowrap;margin:0;text-align:center}
@media (max-width:767px){.accessories-packages-features .packages-container.driving-modes .driving-modes-grid .mode-item p{text-align:left}}
.accessories-popup-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none}
.accessories-popup-modal.active{display:flex;align-items:center;justify-content:center}
.accessories-popup-modal .popup-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5)}
.accessories-popup-modal .popup-content{position:relative;background:linear-gradient(to left,#1f6779,#287589);border-radius:10px;max-width:1024px;width:90%;min-height:40vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,0.5);-webkit-overflow-scrolling:touch}
@media (max-width:1024px){.accessories-popup-modal .popup-content{max-width:95%;max-height:80vh;overflow-y:auto}}
.accessories-popup-modal .popup-header{display:flex;align-items:center;justify-content:center;padding:0 40px;padding-top:40px;gap:60px}
@media (max-width:768px){.accessories-popup-modal .popup-header{padding:56px 20px 15px 20px;gap:0}}
.accessories-popup-modal .popup-header .popup-nav-container{display:flex;align-items:center;justify-content:space-between;width:60%}
@media (max-width:564px){.accessories-popup-modal .popup-header .popup-nav-container{width:95%}}
@media (min-width:565px) and (max-width:1024px){.accessories-popup-modal .popup-header .popup-nav-container{width:60%}}
.accessories-popup-modal .popup-header h2{font-family:"Source Sans 3",sans-serif;font-size:2.5rem;font-weight:600;margin:0;color:white;text-align:center}
@media (max-width:768px){.accessories-popup-modal .popup-header h2{font-size:1.2rem}}
@media (min-width:768px) and (max-width:1024px){.accessories-popup-modal .popup-header h2{font-size:1.5rem}}
.accessories-popup-modal .popup-body{display:flex;flex:1;gap:0}
@media (max-width:1024px){.accessories-popup-modal .popup-body{flex-direction:column;flex:none;min-height:0}}
.accessories-popup-modal .popup-close{position:absolute;top:20px;right:20px;z-index:10;background:url(../themes/demo/assets/images/icons/x-icon.svg) center center no-repeat;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease}
.accessories-popup-modal .popup-nav{background:transparent;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease}
@media (max-width:768px){.accessories-popup-modal .popup-nav{width:40px;height:40px}}
.accessories-popup-modal .popup-image-container{flex:0 0 35%;display:flex;align-items:start;justify-content:flex-end;padding:40px 0 40px 40px}
@media (max-width:767px){.accessories-popup-modal .popup-image-container{padding:20px;flex:none;height:40vh;max-height:100%;padding-bottom:0}.accessories-popup-modal .popup-image-container img{object-fit:contain !important}}
@media (min-width:768px) and (max-width:1024px){.accessories-popup-modal .popup-image-container{justify-content:center;padding:40px;padding-bottom:20px}.accessories-popup-modal .popup-image-container img{width:70% !important;max-width:100%;height:100%;max-height:100%;object-fit:contain;border-radius:10px}}
.accessories-popup-modal .popup-image-container img{width:100%;max-width:100%;height:100%;max-height:100%;object-fit:cover;border-radius:10px}
.accessories-popup-modal .popup-details{flex:1;padding:40px;display:flex;flex-direction:column;justify-content:space-between;color:white}
@media (max-width:767px){.accessories-popup-modal .popup-details{padding:20px;flex:none}}
@media (min-width:768px) and (max-width:1024px){.accessories-popup-modal .popup-details{padding-top:0px}}
.accessories-popup-modal .popup-details .popup-actions{display:flex;justify-content:space-between;gap:1rem;width:85%}
.accessories-popup-modal .popup-details .popup-actions>div{flex:0 0 calc(50% - 0.5rem);width:calc(50% - 0.5rem)}
.accessories-popup-modal .popup-details .popup-actions .fill-btn{width:100% !important;display:block !important;padding:15px;letter-spacing:0 !important}
@media (max-width:1024px){.accessories-popup-modal .popup-details .popup-actions{flex-direction:column;gap:0.8rem;width:100%}.accessories-popup-modal .popup-details .popup-actions>div{flex:none;width:100%}}
.accessories-popup-modal .popup-info{display:flex;flex-direction:column}
.accessories-popup-modal .popup-info .popup-features ul{list-style:none;padding:0;margin:0}
.accessories-popup-modal .popup-info .popup-features ul li{font-family:"Source Sans 3",sans-serif;font-weight:300;font-size:20px;margin-bottom:0.1rem;position:relative;padding-left:0.5rem}
.accessories-popup-modal .popup-info .popup-features ul li::before{content:"•";font-weight:bold;font-size:0.8em;position:absolute;left:-10px}
@media (max-width:768px){.accessories-popup-modal .popup-info .popup-features ul li{font-size:1rem}}
.accessories-popup-modal .popup-info .popup-price{font-size:2.5rem;font-weight:600;font-family:"Source Sans 3",sans-serif}
@media (max-width:1024px){.accessories-popup-modal .popup-info .popup-price{font-size:2rem;margin-bottom:1.5rem}}
.accessories-popup-modal .popup-info .popup-btn{padding:12px 24px;border:none;border-radius:8px;font-family:"Source Sans 3",sans-serif;font-weight:600;font-size:1rem;cursor:pointer;transition:all 0.3s ease;text-transform:uppercase;letter-spacing:0.5px}
.accessories-popup-modal .popup-info .popup-btn.popup-btn-primary{background:transparent;color:white;border:2px solid white}
.accessories-popup-modal .popup-info .popup-btn.popup-btn-primary:hover{background:white;color:#1f6779}
.accessories-popup-modal .popup-info .popup-btn.popup-btn-secondary{background:#4ade80;color:#0b2126}
.accessories-popup-modal .popup-info .popup-btn.popup-btn-secondary:hover{background:#22c55e;transform:translateY(-2px)}
@media (max-width:768px){.accessories-popup-modal .popup-info .popup-btn{padding:10px 20px;font-size:0.9rem}}
.video-section{position:relative;background:#19567A;overflow:hidden;min-height:auto;transition:min-height 0.6s cubic-bezier(0.4,0,0.2,1)}
@media (max-width:768px){.video-section{padding:0}}
.video-section .video-wrapper{width:100%;margin:0 auto}
@media (max-width:1024px){.video-section .video-wrapper{padding:0 60px}}
@media (max-width:768px){.video-section .video-wrapper{padding:0px}}
.video-section .video-container{position:relative;line-height:0;overflow:hidden;transition:all 0.6s cubic-bezier(0.4,0,0.2,1);width:100%;height:auto;border-radius:10px}
@media (max-width:768px){.video-section .video-container{border-radius:0}}
.video-section .video-container video{display:block;width:100%;height:auto;object-fit:cover;transition:all 0.6s cubic-bezier(0.4,0,0.2,1)}
.video-section .sound-container{position:absolute;bottom:5%;left:5%;width:fit-content;margin-bottom:0;display:flex;cursor:pointer;z-index:10;transition:all 0.3s ease}
.video-section .sound-container:hover{transform:scale(1.1)}
@media (max-width:768px){.video-section .sound-container{bottom:4%;left:4%}}
.video-section .full-screen{position:absolute;bottom:5%;right:5%;width:fit-content;margin-bottom:0;display:flex;cursor:pointer;z-index:10;transition:all 0.3s ease}
.video-section .full-screen:hover{transform:scale(1.1)}
@media (max-width:768px){.video-section .full-screen{bottom:4%;right:4%}}