/* =====================================================
   CARMO NEW HOMEPAGE BRAND GRID
   ===================================================== */
.homepagebrandslist {
    margin: 10px 0 30px 0 !important;
    width: 100% !important;
    display: block !important;
    box-sizing: border-box !important;
    padding: 0 !important;
}

/* Align "CHOOSE A BRAND" decorative line with brand grid edges */
#extraSpace .box_heading {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

#extraSpace .box_heading header {
    margin: 0 0 20px !important;
    padding: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

#extraSpace .box_heading header:before {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
}

.homepageBrandsUl {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

.homepageBrandsLi {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
	position: relative !important;
	overflow: visible !important;
}

.homepageBrandsLi a {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 88px !important;
    padding: 10px 12px !important;
    background: #ffffff !important;
    border: 2px solid #e0e0e0 !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
	isolation: isolate !important;
	transform-origin: center center !important;
    text-decoration: none !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, background 0.2s ease !important;
}

.homepageBrandsLi:hover {
	z-index: 2 !important;
}

.homepageBrandsLi:hover a,
.homepageBrandsLi a:hover {
	border-color: #ff6600 !important;
	background: #fff7f1 !important;
	box-shadow: none !important;
	transform: scale(1.03) !important;
}

.homepageBrandsLi img {
    width: 100% !important;
    height: 58px !important;
    max-width: 100% !important;
    max-height: 58px !important;
    display: block !important;
    object-fit: contain !important;
    object-position: center !important;
    transform-origin: center center !important;
}

/* Wide wordmarks — tame down */
.homepageBrandsLi img[src*="arcticcat.svg"]      { transform: scale(0.92) !important; }
.homepageBrandsLi img[src*="ktm.svg"]            { transform: scale(0.88) !important; }
.homepageBrandsLi img[src*="bmwmoto.svg"]        { transform: scale(0.90) !important; }
.homepageBrandsLi img[src*="hondamoto.svg"]      { transform: scale(0.88) !important; }
.homepageBrandsLi img[src*="kawasaki.svg"]       { transform: scale(0.92) !important; }
.homepageBrandsLi img[src*="daelim.svg"]         { transform: scale(0.88) !important; }
.homepageBrandsLi img[src*="piaggio.svg"]        { transform: scale(0.90) !important; }
.homepageBrandsLi img[src*="mitsubishi.svg"]     { transform: scale(0.92) !important; }
.homepageBrandsLi img[src*="motoguzzi.svg"]      { transform: scale(0.95) !important; }

/* Square / portrait emblems — push up a little */
.homepageBrandsLi img[src*="harleydavidson.svg"] { transform: scale(1.14) !important; }
.homepageBrandsLi img[src*="cagiva.svg"]         { transform: scale(1.22) !important; }
.homepageBrandsLi img[src*="canam.svg"]          { transform: scale(1.62) !important; }
.homepageBrandsLi img[src*="polaris.svg"]        { transform: scale(1.18) !important; }
.homepageBrandsLi img[src*="seadoo.svg"]         { transform: scale(0.92) !important; }
.homepageBrandsLi img[src*="husqvarna.svg"]      { transform: scale(0.88) !important; }
.homepageBrandsLi img[src*="gilera.svg"]         { transform: scale(1.10) !important; }

/* Thin wide wordmarks — pull up */
.homepageBrandsLi img[src*="lancia.svg"]         { transform: scale(1.20) !important; }
.homepageBrandsLi img[src*="laverda.svg"]        { transform: scale(1.15) !important; }
.homepageBrandsLi img[src*="yamaha.svg"]         { transform: scale(1.10) !important; }
.homepageBrandsLi img[src*="buell.svg"]          { transform: scale(1.02) !important; }
.homepageBrandsLi img[src*="hyosung.svg"]        { transform: scale(1.10) !important; }
.homepageBrandsLi img[src*="kymco.svg"]          { transform: scale(1.28) !important; }

/* Square SVGs with logo content centered in canvas — safe boost */
.homepageBrandsLi img[src*="vanmoof.svg"]        { transform: scale(0.88) !important; }
.homepageBrandsLi img[src*="motomorini"]         { transform: scale(0.80) !important; }
.homepageBrandsLi img[src*="bombardier.svg"]     { transform: scale(1.15) !important; }

/* White artboards inside source assets should blend into the card */
.homepageBrandsLi img[src*="kymco.svg"],
.homepageBrandsLi img[src*="polaris.svg"],
.homepageBrandsLi img[src*="seadoo.svg"] {
	mix-blend-mode: multiply !important;
}

/* Dominant marks tamed down */
.homepageBrandsLi img[src*="fiat.svg"]           { transform: scale(0.78) !important; }
.homepageBrandsLi img[src*="aprilia.svg"]        { transform: scale(0.92) !important; }
.homepageBrandsLi img[src*="ducati.svg"]         { transform: scale(1.02) !important; }
.homepageBrandsLi img[src*="bimota.svg"]         { transform: scale(0.95) !important; }
.homepageBrandsLi img[src*="suzukimoto.svg"]     { transform: scale(0.95) !important; }
.homepageBrandsLi img[src*="suzukicar.svg"]      { transform: scale(0.95) !important; }
.homepageBrandsLi img[src*="triumph.svg"]        { transform: scale(0.95) !important; }

/* Legacy class hooks (fallback only) */
.homepageBrandsLi img.logo-outlier-canam         { transform: scale(1.62) !important; }
.homepageBrandsLi img.logo-outlier-motomorini    { transform: scale(0.80) !important; }

@media (max-width: 991px) {
    .homepageBrandsUl { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}

@media (max-width: 768px) {
    .homepageBrandsUl {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .homepageBrandsLi a {
        min-height: 78px !important;
        padding: 8px !important;
    }

    .homepageBrandsLi img {
        height: 48px !important;
        max-height: 48px !important;
    }
}

@media (max-width: 539px) {
    .homepageBrandsUl {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .homepageBrandsLi a {
        min-height: 72px !important;
        padding: 10px 8px !important;
    }

    .homepageBrandsLi img {
        height: 44px !important;
        max-height: 44px !important;
    }

    .homepageBrandsLi:hover a,
    .homepageBrandsLi a:hover {
        transform: none !important;
    }
}