/* Keep the main-page selector stable inside third-party CMS themes. */
/* Override the legacy #CmContent * content-box reset only for layout controls. */
#CmContent .CmMSeBox,
#CmContent .CmMSeBox :is(.CmVehicleLookupRow,.CmBoxMP_rn,.CmBoxMP_vn,.CmSrchCont,.CmVNBntCont,.CmVinNumWrap,.CmRegBntCont,.CmRegNumWrap,.CmSrchBntCont,.CmSrchBntWr,.CmVNGo,.CmRegNumGo,.CmSrchGo,.CmVNIcCon,.CmRNIcCon,.CmSrchIcCon,.CmVNField,.CmRegNumField,.CmSrchInp,.CmRegNumCous),
#CmContent .CmModSelectorRoot[data-template="mainpage"],
#CmContent .CmModSelectorRoot[data-template="mainpage"] :is(.CmMSelectTableSeTD,.CmMselBoxWrap,.CmBoxBraGar,.CmMSelectBox,.CmMobGarlock,.CmMSelectBut,.CmSelAddGarBlock,.CmSelAddGarage,.CmSelGarSvgBlock,.CmSelMyGarOpen){box-sizing:border-box!important;}
.CmMSeBox,
.CmMSeBox .CmModSelectorRoot[data-template="mainpage"],
.CmMSeBox .CmVehicleLookupRow,
.CmMSeBox .CmBoxMP_rn,
.CmMSeBox .CmBoxMP_vn,
.CmMSeBox .CmSrchCont{box-sizing:border-box!important; min-width:0!important; max-width:100%!important;}
.CmMSeBox{container:cm-main-selector / inline-size;}

.CmModSelectorRoot[data-template="mainpage"],
.CmModSelectorRoot[data-template="mainpage"] .CmMSelectTableSeTD,
.CmModSelectorRoot[data-template="mainpage"] .CmMselBoxWrap,
.CmModSelectorRoot[data-template="mainpage"] .CmBoxBraGar,
.CmModSelectorRoot[data-template="mainpage"] .CmMSelectBox,
.CmModSelectorRoot[data-template="mainpage"] .CmMobGarlock,
.CmModSelectorRoot[data-template="mainpage"] .CmMSelectBut,
.CmModSelectorRoot[data-template="mainpage"] .CmSelAddGarBlock,
.CmModSelectorRoot[data-template="mainpage"] .CmSelAddGarage,
.CmModSelectorRoot[data-template="mainpage"] .CmSelGarSvgBlock,
.CmModSelectorRoot[data-template="mainpage"] .CmSelMyGarOpen{box-sizing:border-box!important; min-width:0!important; max-width:100%!important;}
.CmModSelectorRoot[data-template="mainpage"]{width:100%;}
.CmModSelectorRoot[data-template="mainpage"] .CmBoxBraGar{display:flex; flex-flow:row nowrap; align-items:flex-start; gap:0 7px;}
.CmModSelectorRoot[data-template="mainpage"] .CmBoxBraGar > .CmMSelectBox{flex:1 1 145px; width:auto;}
.CmModSelectorRoot[data-template="mainpage"] .CmBoxBraGar > .CmMobGarlock{flex:1 1 185px; width:auto; margin:0 0 10px; align-self:stretch;}
.CmModSelectorRoot[data-template="mainpage"] .CmMobGarlock:not(.has-garage-ui){display:none;}
.CmModSelectorRoot[data-template="mainpage"] .CmMSelectBut{width:100%; height:43px!important; min-height:43px!important; max-height:43px!important; margin:0!important; padding:0 14px!important; line-height:1.2!important;}
.CmModSelectorRoot[data-template="mainpage"] .CmSelManufNameBl,
.CmModSelectorRoot[data-template="mainpage"] .CmSelModNameBl,
.CmModSelectorRoot[data-template="mainpage"] .CmSelTypeNameBl{min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.CmModSelectorRoot[data-template="mainpage"] .CmBrSvgCont{flex:0 0 15px;}
.CmModSelectorRoot[data-template="mainpage"] .CmSelAddGarBlock{width:100%; height:43px!important; min-height:43px!important; max-height:43px!important; margin:0!important; padding:0!important;}
.CmModSelectorRoot[data-template="mainpage"] .CmSelAddGarage{flex:1 1 0; width:auto; height:43px!important; margin:0!important; padding:0 8px!important; font-size:14px; line-height:1.2!important; white-space:normal; overflow-wrap:anywhere;}
.CmModSelectorRoot[data-template="mainpage"] .CmSelGarSvgBlock{flex:0 0 42px; width:42px; min-width:42px!important; height:43px!important; min-height:43px!important; max-height:43px!important; margin:0!important; padding:0!important;}
.CmModSelectorRoot[data-template="mainpage"] .CmSelMyGarOpen{height:43px!important; min-height:43px!important; max-height:43px!important; margin:0!important; padding:0 8px!important;}

/* Use the available panel width rather than the outer browser width. */
.CmMSeBox .CmVehicleLookupRow{display:flex; flex-wrap:wrap; gap:6px; width:100%; margin:0 0 4px!important; padding:0!important;}
.CmMSeBox .CmVehicleLookupRow > .CmBoxMP_rn{flex:1.25 1 180px;}
.CmMSeBox .CmVehicleLookupRow > .CmBoxMP_vn{flex:1 1 145px;}
.CmMSeBox .CmVehicleLookupRow > .CmBoxMP_rn,
.CmMSeBox .CmVehicleLookupRow > .CmBoxMP_vn{float:none!important; width:auto!important; margin:0!important; padding:0!important; border:0!important;}

.CmMSeBox .CmVNBntCont,
.CmMSeBox .CmRegBntCont,
.CmMSeBox .CmSrchBntCont,
.CmMSeBox .CmVNBntCont .CmVinNumWrap,
.CmMSeBox .CmRegBntCont .CmRegNumWrap,
.CmMSeBox .CmSrchBntCont .CmSrchBntWr{box-sizing:border-box!important; display:flex!important; align-items:stretch!important; width:100%!important; min-width:0!important; max-width:100%!important; height:43px!important; min-height:43px!important; max-height:43px!important; margin:0!important; padding:0!important; border:0!important; zoom:1!important; gap:0!important;}
.CmMSeBox .CmVNBntCont .CmVinNumWrap,
.CmMSeBox .CmRegBntCont .CmRegNumWrap,
.CmMSeBox .CmSrchBntCont .CmSrchBntWr{position:relative;}
.CmMSeBox .CmVNGo,
.CmMSeBox .CmRegNumGo,
.CmMSeBox .CmSrchGo{box-sizing:border-box!important; display:flex!important; position:static!important; flex:0 0 43px!important; width:43px!important; min-width:43px!important; max-width:43px!important; height:43px!important; margin:0!important; padding:0!important; transform:none!important; opacity:1!important;}
.CmMSeBox .CmVNGo > span,
.CmMSeBox .CmRegNumGo > span{display:flex; width:100%; margin:0!important; padding:0!important;}
.CmMSeBox .CmVNIcCon,
.CmMSeBox .CmRNIcCon,
.CmMSeBox .CmSrchIcCon{box-sizing:border-box!important; display:flex!important; align-items:center!important; justify-content:center!important; flex:0 0 43px!important; width:43px!important; min-width:43px!important; max-width:43px!important; height:43px!important; margin:0!important; padding:0!important; border:1px solid #ccc!important; border-right:0!important;}
.CmMSeBox .CmVNIcCon svg,
.CmMSeBox .CmRNIcCon svg,
.CmMSeBox .CmSrchIcCon svg{box-sizing:border-box!important; display:block; flex:0 0 28px!important; width:28px!important; min-width:28px!important; max-width:28px!important; height:28px!important; min-height:28px!important; max-height:28px!important; margin:0!important; padding:0!important;}
.CmMSeBox input.CmVNField,
.CmMSeBox input.CmRegNumField,
.CmMSeBox input.CmSrchInp{box-sizing:border-box!important; display:block!important; flex:1 1 0!important; width:0!important; min-width:0!important; max-width:100%!important; height:43px!important; min-height:43px!important; max-height:43px!important; margin:0!important; padding:0 8px!important; border:1px solid #ccc!important; line-height:normal!important; font-family:var(--cm-text-family,Arial,sans-serif)!important; border-radius:0!important; text-indent:0!important; box-shadow:none!important;}
.CmMSeBox .CmRegBntCont .CmRegNumCous{box-sizing:border-box!important; width:43px!important; height:43px!important; line-height:43px!important; top:0!important; left:0!important; margin:0!important; padding:0!important;}
.CmMSeBox .CmVNBntAF,
.CmMSeBox .CmRNBntAF{display:none!important;}

@container cm-main-selector (max-width:340px){
    .CmModSelectorRoot[data-template="mainpage"] .CmBoxBraGar{flex-direction:column;}
    .CmModSelectorRoot[data-template="mainpage"] .CmBoxBraGar > .CmMSelectBox,
    .CmModSelectorRoot[data-template="mainpage"] .CmBoxBraGar > .CmMobGarlock{flex:0 0 auto; width:100%;}
    .CmVehicleLookupRow > .CmBoxMP_rn,
    .CmVehicleLookupRow > .CmBoxMP_vn{flex-basis:100%!important;}
}