/* NEW SEO VEHICLE HUB PAGE 02/10/2026 */
#seovehiclecompare {display:grid; margin:0 auto; padding:0; line-height:1.5; max-width:1920px; width:100%; box-sizing:border-box;}
#seovehiclecompare * {box-sizing:border-box;}
#seovehiclecompare .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}
@-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}}
#seovehiclecompare h1 {line-height:1.1;}
#seovehiclecompare h2, #seovehiclecompare h3 {line-height:1.2;}
#seovehiclecompare .txtcenter {text-align:center;}
#seovehiclecompare .contentsection {padding:2rem;}
#seovehiclecompare .dealercolor {color:var(--dealer-color) !important;}
#seovehiclecompare .vehicleimg {width:100%; max-width:800px; aspect-ratio:16 / 9; display:inline-block;  overflow:hidden; position:relative;}
#seovehiclecompare .vehicleimg img {display:block; object-fit:cover; object-position:center; width:100%; height:auto;}
/* MAIN SECTION */
#seovehiclecompare .mainsection {display:flex; flex-direction:column; justify-content:center; padding:2rem 2rem 0; margin:4rem auto 0;}
#seovehiclecompare .mainsection .maintitle {text-align:center;}
#seovehiclecompare .mainsection .maintitle h1 {margin:0 0 1rem;}
#seovehiclecompare .mainsection .maintitle p {margin:0;}
#seovehiclecompare .mainsection .buttons {}
/* VEHICLE SECTION */
#seovehiclecompare .vehiclesection {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:start; gap:2rem; width:100%; padding:2rem;}
#seovehiclecompare .vehiclesection .vehiclebox {display:flex; flex:1; flex-direction:column; justify-content:center; align-items:center; max-width:650px; min-width:350px; text-align:left;}
#seovehiclecompare .vehiclesection .vehiclebox .vehiclecontent {display:flex; flex-direction:column; justify-content:start; align-items:start;}
#seovehiclecompare .vehiclesection .vehiclebox .vehicletitle {display:flex; flex-direction:column; align-items:start; margin:1rem 0 2rem;}
#seovehiclecompare .vehiclesection .vehiclebox .vehicletitle .specyearmake {font-size:70%; font-weight:500;}
#seovehiclecompare .vehiclesection .vehiclebox .vehicletitle .specmodel {font-weight:700;}
#seovehiclecompare .vehiclesection .vehiclebox ul.vehiclefeatures {padding:0;margin:0;list-style:none;text-align:left;}
#seovehiclecompare .vehiclesection .vehiclebox ul.vehiclefeatures li {margin-bottom:0.75rem;}
/* INFO SECTION */
#seovehiclecompare .infosection {display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; padding:2rem; background:url(https://cdn.auto-dash.com/dygen/seo/images/vehiclecomparison/VCOMP_Infobg.webp) no-repeat center bottom/cover; margin:4rem auto;}
#seovehiclecompare .infosection .contentsection, #seovehiclecompare .infosection .contentsection h2, #seovehiclecompare .infosection .contentsection p {color:var(--white-color) !important;}
#seovehiclecompare .infosection .vehicleimg {}
/* FEATURE SECTION */
#seovehiclecompare .featuresection {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-content:start; gap:2rem; padding:2rem;}
#seovehiclecompare .featuresection .featurebox {flex:1; display:flex; flex-direction:column; justify-content:start; align-items:center; text-align:center; min-width:215px;}
#seovehiclecompare .featuresection .featurebox img {max-width:215px; transition:all ease-in-out .3s; -moz-transition:all ease-in-out .3s; -webkit-transition:all ease-in-out .3s;}
#seovehiclecompare .featuresection .featurebox img:hover {transform:rotate(360deg) scale(1.05); -webkit-transform:rotate(360deg) scale(1.05);}
#seovehiclecompare .featuresection .featurebox h2 {margin:2rem 0 1rem; font-weight:500;}
#seovehiclecompare .featuresection .featurebox p {margin:0;}
/* PANEL SECTION */
#seovehiclecompare .panelsection {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:stretch; gap:2rem; margin:2rem auto; padding:2rem;}
#seovehiclecompare .panelsection .panelimg {max-width:850px;}
#seovehiclecompare .panelsection .panelcontent {flex:1;}
#seovehiclecompare .panelsection .contentsection {display:flex; flex-direction:column; justify-content:center; align-items:center; flex:1;}
#seovehiclecompare .panelsection .contentsection.panelbg {justify-content:center; align-items:start; flex:1; background:url(https://cdn.auto-dash.com/dygen/seo/images/vehiclecomparison/VCOMP_Panelbg.webp) no-repeat center/cover; color:var(--white-color) !important;}
#seovehiclecompare .panelsection .contentsection.panelbg h2, #seovehiclecompare .panelsection .contentsection.panelbg p {color:var(--white-color) !important;}
/* BOTTOM SECTION */
#seovehiclecompare .bottomsection {display:flex; flex-direction:column; position:relative; padding:4rem 2rem; justify-content:center; align-items:center; text-align:center;}
#seovehiclecompare .bottomsection::before {content:""; position:absolute; inset:0; background:rgba(0, 0, 0, 0.65); z-index:1;}
#seovehiclecompare .bottomsection .contentsection {z-index:2;}
#seovehiclecompare .bottomsection .contentsection, #seovehiclecompare .bottomsection .contentsection h2, #seovehiclecompare .infosebottomsectionction .contentsection p {color:var(--white-color) !important;}
/* BUTTONS */
#seovehiclecompare .buttons {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; gap:2rem; margin:2rem 0;}
#seovehiclecompare .buttons a {background:var(--dealer-color); color:var(--white-color); flex:1; min-width:260px; max-width:460px; font-size:1.5rem; text-decoration:none; text-align:center; padding:1rem; transition:all ease-in-out .2s; -webkit-transition:all ease-in-out .2s;}
#seovehiclecompare .buttons a:hover {background:var(--dealer2-color); color:var(--white-color);}
#seovehiclecompare .buttons.secondary a {background:transparent; color:var(--white-color); border:2px solid var(--white-color);}
#seovehiclecompare .buttons.secondary a:hover {background:var(--white-color); color:var(--black-color); border:2px solid var(--white-color);}
/* DISCLAIMER */
#seovehiclecompare .disclaimer {font-size:1rem;}
/* RESPONSIVE */
@media only screen and (min-width:981px) {#seovehiclecompare .panelsection .panelcontent .vehicleimg {position:relative; left:30%; top:10%;}}
@media only screen and (min-width:768px) {
#seovehiclecompare .featuresection {gap:4rem;}
#seovehiclecompare .featuresection, #seovehiclecompare .infosection, #seovehiclecompare .panelsection, #seovehiclecompare .contentsection {padding:2rem 4rem;}
#seovehiclecompare .panelsection .panelcontent {text-align:right;}
#seovehiclecompare .panelsection .contentsection .buttons {justify-content:start;}
#seovehiclecompare .bottomsection {padding:8rem 4rem;}
}
@media only screen and (min-width:521px) {#seovehiclecompare .panelsection .panelcontent, #seovehiclecompare .panelsection .contentsection {min-width:320px;}}