.main-content #homepagebrandset.brands img,
#homepagetilesset.sections .section-row .section-item {
  transition: all 0.4s ease;
}

#homepagetilesset.sections .section-row .section-item img {cursor: pointer;}

#homepagetilesset.sections .section-row .section-item:hover {
	transform: translateY(-10px) scale(1.03);
  box-shadow: 0 24px 60px rgba(0,0,0,0.3);
  z-index: 10;
}

.main-content #homepagebrandset.brands img:hover  {
	transform: translateY(-5px) scale(1.03);
  box-shadow: 0 12px 20px rgba(0,0,0,0.3);
  z-index: 10;
}


#homepageset.search-container .search-wrapper #branch-options {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px; 
}

#homepageset.search-container .search-wrapper #branchselect {
  width: 100%; 
  max-width: 300px; 
}

#homepageset.search-container .search-wrapper label {
	margin-bottom: 0px;
}

#homepageset.search-container .search-wrapper #filters select[multiple] {
    height: 150px; /* Show multiple options */
}
#homepageset.search-container .search-wrapper #filters select[multiple] option:checked {
    background: #ccc; /* Highlight selected options */
}

#homepageset.search-container .search-wrapper #branch-options select#branchselect.branchselctor {
	background: initial;
	padding-top: 2px;
  padding-bottom: 2px;
  height: fit-content;
}

#homepageset.search-container .search-wrapper #branch-options select[multiple] option {
	padding-top: 2px !important;
  padding-bottom: 5px !important;
}

#homepageset.search-container .search-wrapper #branch-options select[multiple] option:checked {
    background-color: #000000 !important;
    color: #ffffff !important;
    padding-top: 2px !important;
  	padding-bottom: 5px !important;
}


#homepageset.search-container .search-wrapper #filters {margin-bottom: 20px;}

#homepageset.search-container .search-wrapper #filters [data-status="inactive"] {margin-bottom 0px;}
#homepageset.search-container .search-wrapper #branch-options, #homepageset.search-container .search-wrapper #price-options {margin-bottom: 20px;}



#homepageset.search-container .search-wrapper #filters #stock.tag.hidden  {display:none; }
/* #90: the .hidden class is opted into PER ID here - without this rule the Motability tag
   shows on page load, which defaults to the Used tab (it is a New-cars-only filter).
   new-cars/used-cars click then fade it in/out with an inline style, as they do for #stock. */
#homepageset.search-container .search-wrapper #filters #motability.tag.hidden  {display:none; }
#homepageset.search-container .search-wrapper #filters #stock.tag { /*padding-top: 11px !important; padding-bottom: 8px !important; */}

.layout-googlerev {padding-top: 30px; padding-bottom: -30px;}
#googlerev {display:none; }

.inhibitwidth {max-width: 1800px !important;}

.centered-wrapper-inner { max-width: 1800px !important; margin-right: auto; margin-left: auto;}

#homepageset.search-container {
    width: 100%;
    height: auto;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    padding: 0 10px;
    margin-top: -30px;
    background: linear-gradient(135deg, #d3d3d3 50%, #f5f5f5 50%);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-size: cover;
    background-position: center;
    gap: 20px;
}



#homepageset .search-wrapper {
    margin: 10px 0;
    width: 100%;
    padding: 15px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    max-width: 95%;
    margin-top: 30px !important;
}

#homepageset .tab-wrapper {display: flex;justify-content: space-between;margin-bottom: 20px;border: 1px solid #000000;border-radius: 10px;overflow: hidden;}

#homepageset .tab:hover { background-color: #e0e0e0 !important;}

#homepageset .tab.active {background-color: #000 !important;  color: #ffffff !important;}

#homepageset .tab {flex: 1;padding: 12px;cursor: pointer;text-align: center;font-weight: bold;background-color: #ffffff;color: #4a4a4a;transition: all 0.3s ease;}

#homepageset .make-model-wrapper {display: flex;gap: 12px;margin-bottom: 20px;}

#homepageset select {flex: 1;padding: 12px;padding-right: 12px;border: 1px solid #4a4a4a;border-radius: 10px;font-size: 16px;background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6" fill="none"><path d="M0 0H10L5 6L0 0Z" fill="%234a4a4a"/></svg>') no-repeat right 12px center / 12px 8px white;padding-right: 40px;appearance: none;}

#homepageset #price-options, #homepageset #finance-options, #homepageset #branch-options {display: none;flex-direction: wrap;gap: 12px;margin: 15px 0;}



#homepageset #search {background-color: #000000;color: #ffffff;}


#homepagetilesset.sections .section-row .section-item button:hover,
#homepageset #search:hover {background-color: #303030;}

#homepageset #clear {background-color: #ffffff;color: #4a4a4a;border: 1px solid #4a4a4a;text-shadow: revert;}

#homepageset #clear:hover {background-color: #f0f0f0 !important;}

#homepageset button {text-transform: initial; width: 100%;padding: 12px;border: none;border-radius: 10px;font-size: 0.95em;cursor: pointer;transition: background-color 0.3s ease, color 0.3s ease;}

#homepageset .welcome {
    margin: 10px 0;
    width: 65%;
    padding: 35px;
    padding-top: 0px;
}

#homepageset.search-container h1#searchheader {font-family: Fabriga Medium; text-align: center;color: #333333;font-size: 1.6em;padding-top: 0px;padding-bottom: 15px;}

#homepageset .welcome h2 {font-size: 1.7em;text-align: center; color: #333333;}

#homepageset .welcome p {font-size: 1.4em;text-align: center;}

#homepageset .welcome div {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    max-width: 100%;
    box-sizing: border-box;
}

#homepageset .welcome div img {
    width: 100%;
    height: auto;
    object-fit: contain;
    flex: 0 1 25%;
    max-width: 25%;
    min-width: 125px;
}

#homepageset .sections {display: flex;flex-direction: column;padding: 20px;gap: 20px;}

#homepageset .section-row {display: flex;justify-content: space-between;flex-wrap: nowrap;width: 100%;}

#homepageset .section-item {position: relative;width: calc(33.333% - 20px);margin: 10px;text-align: center;padding: 20px;border-radius: 20px;background-color: #e9e9e8;box-shadow: 0 4px 8px rgba(0,0,0,0.1);overflow: hidden;min-height: 300px;}

#homepageset .section-item h3 {
margin: 0;font-size: 24px;font-weight: bold;color: #000000;position: absolute;top: 20px;left: 20px;text-align: left;z-index: 2;}

#homepageset .section-item img { width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;border-radius: 20px;z-index: 0;}

#homepageset .section-item button {background-color: black;color: white;border: none;border-radius: 50px;padding: 15px 20px;font-size: 16px;cursor: pointer;transition: background-color 0.3s ease;position: absolute;bottom: 20px;left: 20px;right: 20px;width: auto;max-width: 200px;margin: 0 auto;z-index: 2;}

#homepageset .tag:hover {background-color: #d3d3d3;}


#homepageset.search-container .search-wrapper #filters #branch.tag.selected,
#homepageset.search-container .search-wrapper #filters #stock.tag.selected,
#homepageset.search-container .search-wrapper #filters #nearlynew.tag.selected,
#homepageset.search-container .search-wrapper #filters #motability.tag.selected,
#homepageset.search-container .search-wrapper #filters #electric.tag.selected,
#homepageset.search-container .search-wrapper #filters #finance.tag.selected,
#homepageset.search-container .search-wrapper #filters #price.tag.selected {background-color: #000000; color: #ffffff;}

#homepageset .tag {line-height: 1.3em; cursor: pointer;display: inline-block;padding: 7px 7px;margin: 5px;background-color: #e0e0e0;border: 1px solid #4a4a4a;border-radius: 7px;color: #4a4a4a;font-size: 14px;transition: all 0.3;padding-top: 10px;}

#homepagebrandset.brands {display: flex;flex-direction: row;background-color: #f5f5f5;justify-content: center;gap: 0px;}
	
#homepagebrandset.brands img {cursor:pointer;width: 100%;height: 100px !important;object-fit: contain;border: 1px solid #ddd;padding: 10px;background-color: white;border-radius: 0px;}



#homepageset.search-container .search-wrapper #filters #filtertags {font-size: .875em;}



#homepageset.search-container .search-wrapper button#search { margin-top: 0; }

#homepageset #price-options, #homepageset #branch-options {display: flex; gap: 12px; margin-bottom: 0px; flex-direction: row; flex-wrap: wrap;}

[data-status="inactive"] { margin-bottom:20px;}
[data-status="new-cars"] { margin-bottom:20px;}
[data-status="active"] { margin-bottom:0px;}
[data-status="active-f"] { margin-bottom:20px;}

#homepageset.search-container .search-wrapper #price-options #price-panel,
#homepageset.search-container .search-wrapper #branch-options #branch-panel
 { /*font-size: 0.65em; margin-top: -8px; text-align: center; width: 100%;*/}

@media only screen and (max-width: 1050px) {
    #homepageset.search-container {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    #homepageset .search-wrapper {
        width: 100%;
        margin: 10px 0;
    }
    #homepageset .welcome {
        width: 100%;
        margin: 10px 0;
    }
}

@media only screen and (min-width: 150px) and (max-width: 767px) and (orientation: portrait) {
    /* search box */
    #homepageset.search-container {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    #homepageset .search-wrapper {
        width: 100%;
        margin: 10px 0;
    }
    #homepageset .welcome {
        width: 100%;
        padding: 5px;
        margin: 10px 0;
    }
    #homepageset.search-container .search-wrapper .make-model-wrapper select, #homepageset #price-options select, #homepageset #branch-options select {font-size:0.75em;}
    #homepageset.search-container .search-wrapper #filtertags,.main-content label {font-size: 0.8em;}
    #homepageset .tag {font-size: 0.75em;padding: 2px 10px;margin: 2px;line-height: inherit;}
    /* Welcome section */
    #homepageset .welcome div {
        display: grid;
        grid-template-columns: repeat(2, minmax(125px, 1fr));
        gap: 10px;
        padding: 10px;
        justify-content: center;
        max-width: 100%;
        box-sizing: border-box;
    }
    #homepageset .welcome div img {
        width: 100%;
        height: auto;
        object-fit: contain;
        max-width: none;
        min-width: 0;
    }
    /* brands */
    #homepagebrandset.brands {display: grid;grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));gap: 0px;padding: 10px 20px;background-color: #f5f5f5;justify-content: center;}

}

@media only screen and (min-width: 150px) and (max-width: 812px) and (orientation: portrait) {
    /* brands */
    #homepagebrandset.brands {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
        gap: 0px;
        padding: 10px 20px;
        background-color: #f5f5f5;
        justify-content: center;
    }
    
		#homepageset .make-model-wrapper {
			flex-direction: column;
		} 
		#homepageset .search-wrapper .make-model-wrapper label {
			display:none;
		}
		
		#homepageset .search-wrapper #filters {
			display:flex;
			flex-direction: column;
			gap: 5px;
		}
    
    
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    /* search box */
    #homepageset.search-container .search-wrapper {width: 100%;}
    #homepageset .welcome {padding-left: 5px;padding-right: 5px;}
    #homepageset.search-container .search-wrapper .make-model-wrapper select, #homepageset #price-options select, #homepageset #branch-options select {font-size:0.75em;}
    #homepageset .tag {font-size: 0.75em;padding: 2px 10px;margin: 2px;line-height: inherit;padding-top: 4px;}
    .centered-wrapper-inner {font: inherit;max-width: unset !important;}
    /* Welcome section */
    .main-content #homepageset.search-container .welcome p {font-size: 1.1em;}
}

@media only screen and (min-width: 820px) and (max-width: 1180px) and (orientation: portrait) {
    /* search box */
    #homepageset.search-container .search-wrapper {width: 100%;}
    #homepageset .welcome {padding-left: 5px;padding-right: 5px;}
    #homepageset.search-container .search-wrapper .make-model-wrapper select, #homepageset #price-options select, #homepageset #branch-options select {font-size:0.85em;}
    #homepageset .tag {font-size: 0.80em;}
    .centered-wrapper-inner {font: inherit;max-width: unset !important;}
    /* Welcome section */
    .main-content #homepageset.search-container .welcome p {font-size: 1.1em;}
    #homepageset .search-wrapper  {max-width: 95%;}
}

@media only screen and (min-width: 810px) and (max-width: 1080px) and (orientation: portrait) {
    #homepageset.search-container .search-wrapper .make-model-wrapper select, #homepageset #price-options select, #homepageset #branch-options select {font-size: 0.75em;padding-left: 10px; padding-right: 34px; }
}

@media only screen and (min-width: 390px) and (max-width: 844px) and (orientation: portrait) {
    /* search box */
    #homepageset.search-container .search-wrapper .make-model-wrapper select, #homepageset #price-options select, #homepageset #branch-options select {font-size:0.65em;padding-left: 5px;padding-right: 34px;}
}

@media only screen and (min-width: 375px) and (max-width: 812px) and (orientation: landscape) {
    /* search box */
    #homepageset.search-container .search-wrapper {width: 100%;}
    #homepageset .welcome {padding-left: 5px;padding-right: 5px;}
    #homepageset.search-container .search-wrapper .make-model-wrapper select, #homepageset #price-options select, #homepageset #branch-options select{font-size:0.85em;}
    #homepageset .tag {font-size: 0.80em;}
    .centered-wrapper-inner {font: inherit;max-width: unset !important;}
    /* Welcome section */
    .main-content #homepageset.search-container .welcome p {font-size: 1.1em;}
}

@media only screen and (min-width: 834px) and (max-width: 1194px) and (orientation: landscape) {
.page .content-wrapper .main-content .centered-wrapper.ce_rsce_tao_centered_wrapper_start, .tao-fullwidth .page .content-wrapper .main-content .centered-wrapper-inner {max-width: unset !important;}
}

@media only screen and (min-width: 900px) and (max-width: 1440px) and (orientation: landscape) {
.page .content-wrapper .main-content .centered-wrapper.ce_rsce_tao_centered_wrapper_start, .tao-fullwidth .page .content-wrapper .main-content .centered-wrapper-inner {max-width: unset !important;}
}

@media only screen and (min-width: 1195px) and (max-width: 1365px) and (orientation: landscape) {
.page .content-wrapper .main-content .centered-wrapper.ce_rsce_tao_centered_wrapper_start, .tao-fullwidth .page .content-wrapper .main-content .centered-wrapper-inner {max-width: unset !important;}
}

@media only screen and (min-width: 1530px) and (max-width: 1700px) and (orientation: landscape) {
.page .content-wrapper .main-content .centered-wrapper.ce_rsce_tao_centered_wrapper_start, .tao-fullwidth .page .content-wrapper .main-content .centered-wrapper-inner {max-width: unset !important;}
}

@media only screen and (min-width: 360px) and (max-width: 760px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 4){
    /* search box */
    #homepageset.search-container .search-wrapper {width: 100%;}
    #homepageset .welcome {padding-left: 5px;padding-right: 5px;}
    #homepageset.search-container .search-wrapper .make-model-wrapper select, #homepageset #price-options select, #homepageset #branch-options select {font-size:0.75em;}
    #homepageset .tag {font-size: 0.80em;}
    .centered-wrapper-inner {font: inherit;max-width: unset !important;}
    /* Welcome section */
    .main-content #homepageset.search-container .welcome p {font-size: 1.1em;}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
    /* search box */
    #homepageset .make-model-wrapper {display: flex;}
    #homepageset.search-container .search-wrapper .make-model-wrapper label#mdllbl {margin-top:10px;}
    #homepageset .tag {display: block;padding: 6px 10px; margin: 10px;}
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
    /* search box */
    #homepageset.search-container div.search-wrapper {width: 100%;}
    #homepageset.search-container {flex-direction: column; align-items: center; gap: 20px;}
    #homepageset .search-wrapper {width: 100%; margin: 10px 0;}
    #homepageset .welcome {width: 100%; padding: 5px; margin: 10px 0;}
    #homepageset.search-container .search-wrapper .make-model-wrapper select, #homepageset #price-options select, #homepageset #branch-options select {font-size:0.75em;}
    #homepageset.search-container .search-wrapper #filtertags,.main-content label {font-size: 0.8em;}
    #homepageset .tag {font-size: 0.75em;padding: 2px 10px;margin: 2px;}
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
    /* search box */
    #homepageset.search-container div.search-wrapper {width: 100%;}
    #homepageset.search-container {flex-direction: column; align-items: center; gap: 20px;}
    #homepageset .search-wrapper {width: 100%; margin: 10px 0;}
    #homepageset .welcome {width: 100%; padding: 5px; margin: 10px 0;}
    #homepageset.search-container .search-wrapper .make-model-wrapper select, #homepageset #price-options select, #homepageset #branch-options select {font-size:0.75em;}
    #homepageset.search-container .search-wrapper #filtertags,.main-content label {font-size: 0.8em;}
    #homepageset .tag {font-size: 0.75em;padding: 2px 10px;margin: 2px;}
}

@media only screen and (min-width: 1200px) and (max-width: 1920px) and (orientation: landscape) {}

@media only screen and (min-width: 1280px) {}

@media only screen and (min-width: 1921px) and (max-width: 2560px) and (orientation: landscape) {}

@media only screen and (min-width: 600px) and (max-width: 1280px) and (orientation: landscape) {}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.page .content-wrapper .main-content .centered-wrapper.ce_rsce_tao_centered_wrapper_start, .tao-fullwidth .page .content-wrapper .main-content .centered-wrapper-inner {font: inherit;max-width: unset !important;}
}

@media only screen and (min-width: 360px) and (max-width: 740px) and (orientation: landscape) {}

@media only screen and (min-width: 360px) and (max-width: 640px) and (orientation: landscape) {}

@media only screen and (min-width: 320px) and (max-width: 480px) and (orientation: landscape) {}

@media only screen and (min-width: 414px) and (max-width: 736px) and (orientation: landscape) {}

@media only screen and (min-width: 414px) and (max-device-width: 896px) and (orientation: landscape) {
.page .content-wrapper .main-content .centered-wrapper.ce_rsce_tao_centered_wrapper_start, .tao-fullwidth .page .content-wrapper .main-content .centered-wrapper-inner {max-width: unset !important;}
}

@media only screen and (min-width: 375px) and (max-width: 667px) and (orientation: landscape) {
.page .content-wrapper .main-content .centered-wrapper.ce_rsce_tao_centered_wrapper_start, .tao-fullwidth .page .content-wrapper .main-content .centered-wrapper-inner {max-width: unset !important;}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {}

@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {}

@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape) {}

@media only screen and (min-width: 980px) and (max-width: 1280px) and (orientation: portrait) {}

@media only screen and (min-width: 900px) and (max-width: 1440px) and (orientation: portrait) {}

@media only screen and (min-width: 829px) and (max-width: 1180px) and (orientation: portrait) {
    #homepageset .search-wrapper {width: 100%;}
}

@media only screen and (min-width: 640px) {}

@media only screen and (min-width: 360px) and (max-width: 640px) and (orientation: portrait) {}

 /* IE11 */
@media all and (forced-colors: none) {}