/* NEW SEO VEHICLE HUB PAGE 02/04/2026 */
#seovehiclemainhub {display:grid; margin:0 auto; padding:0; line-height:1.5; max-width:1920px; width:100%; box-sizing:border-box;}
#seovehiclemainhub * {box-sizing:border-box;}
#seovehiclemainhub .slide-in-right {-webkit-animation:slide-in-right .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-right .5s cubic-bezier(.25,.46,.45,.94) both}
#seovehiclemainhub .slide-in-bottom {-webkit-animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) both}
@-webkit-keyframes slide-in-right{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes slide-in-right{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}
@-webkit-keyframes slide-in-bottom{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-in-bottom{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}
@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
#seovehiclemainhub .kenburns-bottom {-webkit-animation:kenburns-bottom 6s ease-in-out both;animation:kenburns-bottom 6s ease-in-out both}
@-webkit-keyframes kenburns-bottom{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);-webkit-transform-origin:50% 84%;transform-origin:50% 84%}100%{-webkit-transform:scale(1.25) translateY(15px);transform:scale(1.25) translateY(15px);-webkit-transform-origin:bottom;transform-origin:bottom}}@keyframes kenburns-bottom{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);-webkit-transform-origin:50% 84%;transform-origin:50% 84%}100%{-webkit-transform:scale(1.25) translateY(15px);transform:scale(1.25) translateY(15px);-webkit-transform-origin:bottom;transform-origin:bottom}}
#seovehiclemainhub h1 {line-height:1.1;}
#seovehiclemainhub h2, #seovehiclemainhub h3 {line-height:1.2;}
#seovehiclemainhub .txtcenter {text-align:center;}
#seovehiclemainhub .dealercolor {color:var(--dealer-color) !important;}
#seovehiclemainhub .contentsection {padding:2rem;}
#seovehiclemainhub .vehicleimg {width:100%; max-width:800px; aspect-ratio:15 / 7;  overflow:hidden; position:relative;}
#seovehiclemainhub .vehicleimg img {display:block; object-fit:cover; object-position:center; width:100%; height:100%;}
/* MAIN SECTION */
#seovehiclemainhub .mainsection {display:flex; flex-direction:column; align-items:center; text-align:center; grid-gap:4rem; padding:6rem .5rem 0;}
#seovehiclemainhub .mainsection .maintitle {color:var(--white-color);}
#seovehiclemainhub .mainsection .maintitle h1 {margin:0; font-weight:700; font-size:3rem; color:var(--white-color);}
#seovehiclemainhub .mainsection .maintitle h2 {margin:0; font-weight:500; font-size:1.75rem; color:var(--white-color);}
#seovehiclemainhub .mainsection {background:url(https://cdn.auto-dash.com/dygen/seo/images/mainvehiclehub/VMH_mainbg.webp) no-repeat center top/contain #fff;}
/* INFO SECTION */
#seovehiclemainhub .infosection {display:flex; flex-direction:column; text-align:center; grid-gap:3rem; padding:2rem;}
#seovehiclemainhub .infosection .infocontent {display:flex; flex-direction:row; flex-wrap:wrap; grid-gap:3rem; margin:2rem 0; justify-content:center; align-items:center;}
#seovehiclemainhub .infosection .infocontent .contentsection {padding:2rem; flex:1;}
#seovehiclemainhub .infosection .infocontent .listcontent {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:start; grid-gap:2rem; width:100%; max-width:800px;}
#seovehiclemainhub .infosection .infocontent .listcontent ul {text-align:left; padding:0 0 0 1.25rem; margin:0; max-width:350px;}
#seovehiclemainhub .infosection .infocontent .listcontent ul li {margin:0 0 1rem;}
/* VEHICLE SECTION */
#seovehiclemainhub .modelsection {margin:0 0 2rem;}
#seovehiclemainhub .vehiclesection {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; grid-gap:2rem; width:100%; align-items:start; padding:0 2rem;}
#seovehiclemainhub .vehiclesection .staticvehicle {display:flex; flex-direction:column; justify-content:center; padding:4rem 0 0; max-width:500px; text-align:left; padding-top:6rem;}
#seovehiclemainhub .vehiclesection .staticvehicle .buttons {margin:0;}
#seovehiclemainhub .vehiclesection .vehiclecontent {display:flex; flex-direction:column; justify-content:center; background:var(--white-color); border-radius:25px; box-shadow:0 4px 20px rgba(0,0,0,0.1); overflow:hidden; max-width:500px; padding-top:2rem;}
#seovehiclemainhub .vehiclesection .vehicleimg {max-width:560px;}
#seovehiclemainhub .vehiclesection .staticvehicle h2, #seovehiclemainhub .vehiclesection .vehiclecontent h2 {margin-top:0;}
#seovehiclemainhub .vehiclesection .arrow-btn {background:none; border:none; font-size:20px; cursor:pointer; margin:1rem 0; transition:all ease-in-out .2s; -moz-transition:all ease-in-out .2s; -webkit-transition:all ease-in-out .2s}
#seovehiclemainhub .vehiclesection .arrow-btn:hover {transform:scale(1.15);-moz-transform:scale(1.15);-webkit-transform:scale(1.15);}
#seovehiclemainhub .vehiclesection .arrow-btn:disabled, #seovehiclemainhub .vehiclesection .arrow-btn[aria-disabled="true"] {opacity:0.35; cursor:not-allowed; pointer-events:none; transform:none;}
#seovehiclemainhub .vehiclesection .arrow-btn:disabled:hover {transform:none;}
#seovehiclemainhub .vehiclesection .vehiclecontainer {position:relative;text-align:center;}
#seovehiclemainhub .vehiclesection .vehicleslide {display:none; flex-direction:column; align-items:center; opacity:0; transform:translateY(30px); transition:opacity 0.3s ease, transform 0.3s ease;}
#seovehiclemainhub .vehiclesection .vehicleslide.active {display:flex; opacity:1; transform:translateY(0); animation:slideUp 0.4s ease;}
#seovehiclemainhub .vehiclesection ul.vehiclefeatures {padding:1rem;margin:0;list-style:disc;text-align:left;}
#seovehiclemainhub .vehiclesection ul.vehiclefeatures li {margin-bottom:0.5rem;}
@keyframes slideUp {from {opacity:0; transform:translateY(30px);} to {opacity:1; transform:translateY(0);}}
/* PANEL SECTION */
#seovehiclemainhub .panelsection {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; margin:2rem auto; padding:2rem;}
#seovehiclemainhub .panelsection .contentsection {display:flex; flex-direction:column; justify-content:center; text-align:left; flex:1;}
#seovehiclemainhub .panelsection img {max-width:720px;}
/* FAQ SECTION */
#seovehiclemainhub .faqsection {display:flex; flex-direction:column; justify-content:center; align-items:start; padding:2rem; margin:2rem 0 0; background:var(--black-color); color:var(--white-color);}
#seovehiclemainhub .faqsection .contentsection {width:100%;}
#seovehiclemainhub .faqsection .contentsection h2 {margin:0 0 3rem;}
#seovehiclemainhub .faqsection details {margin:0 0 2rem; padding:0 0 2rem; border-bottom:1px solid var(--ltgray-color);}
#seovehiclemainhub .faqsection details summary {display:flex; flex-direction:row; justify-content:space-between; align-items:center; font-size:1.5rem; font-weight:700;}
#seovehiclemainhub .faqsection details summary span {}
#seovehiclemainhub .faqsection details[open] summary span:first-of-type {}
#seovehiclemainhub .faqsection details[open] summary span:last-of-type {transform:rotate(90deg);}
#seovehiclemainhub .faqsection details .faqcontent {padding:1rem 2rem;}
#seovehiclemainhub .faqsection details p {}
/* BUTTONS */
#seovehiclemainhub .buttons {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; grid-gap:2rem; margin:2rem 0;}
#seovehiclemainhub .buttons a {background:var(--dealer-color); color:var(--white-color);flex:1; min-width:260px; max-width:480px; font-size:1.5rem; text-decoration:none; text-align:center; padding:1rem; transition:all ease-in-out .2s; -moz-transition:all ease-in-out .2s; -webkit-transition:all ease-in-out .2s;}
#seovehiclemainhub .buttons a:hover {background:var(--dealer2-color); color:var(--white-color);}
/* DISCLAIMER */
#seovehiclemainhub .disclaimer {font-size:1rem;}
/* RESPONSIVE */
@media only screen and (min-width:1263px) {#seovehiclemainhub .infosection .infocontent .listcontent {margin-left:1rem; padding-left:4rem; border-left:2px solid var(--black-color);}}
@media only screen and (min-width:768px) {#seovehiclemainhub .infosection .infocontent .contentsection, #seovehiclemainhub .panelsection.intpanel .contentsection {text-align:right;}#seovehiclemainhub .infosection .infocontent .contentsection {min-width:320px;}#seovehiclemainhub .faqsection {padding:2rem 4rem;}#seovehiclemainhub .contentsection {padding:4rem;}#seovehiclemainhub .panelsection.extpanel .contentsection, #seovehiclemainhub .panelsection.intpanel .panelimg {order:2;}#seovehiclemainhub .panelsection.extpanel .panelimg, #seovehiclemainhub .panelsection.intpanel .contentsection {order:1;}#seovehiclemainhub .panelsection.extpanel .buttons {justify-content:start;}#seovehiclemainhub .panelsection.intpanel .buttons {justify-content:end;}}