.brand-list-page .page-content{padding:3em 0}.brand-list-page .page-content .brand-info{padding:0 1.27em;position:relative;overflow:hidden}.brand-list-page .page-content .brand-info .container{padding:0}.brand-list-page .page-content .brand-info .brand-name{position:relative;z-index:2}.brand-list-page .page-content .brand-info .brand-name h1{font-family:var(--fontFamilyHeading);font-size:2.3em;margin-bottom:0;line-height:1.5em}.brand-list-page .page-content .brand-info .brand-image{position:absolute;left:0;top:0;width:100%;height:100%;background-position:top center;background-size:cover;z-index:1}.brand-list-page .page-content .brand-info .brand-image img{overflow:hidden;border-radius:calc(var(--generalBorderRadius) * .6)}.brand-list-page .page-content .brand-info .brand-description{position:relative;z-index:2;line-height:1.4;margin:1em 0 0;display:inline-flex;max-width:600px;width:auto}.brand-list-page .page-content .brand-info #breadcrumb{position:relative;z-index:2}.brand-list-page .page-content .brand-info .container{height:100%}.brand-list-page .page-content .brand-info .inner-container{display:flex;flex-direction:column;height:100%}.brand-list-page .page-content .brand-list .brand-list-item{margin-bottom:2em}.brand-list-page .page-content .brand-list .brand-list-item a{color:var(--generalTextColor)}.brand-list-page .page-content .brand-list .brand-list-item .brand-logo{height:100%;display:flex;align-items:center;justify-content:center;padding:1.4em;border-radius:var(--generalBorderRadius);border:1px solid var(--boxBorderColor);overflow:hidden}.brand-list-page .page-content .brand-list .brand-list-item .brand-logo img{max-height:100px;width:auto;max-width:100%;transition:transform .7s;transform:scale(1)}.brand-list-page .page-content .brand-list .brand-list-item .brand-info{display:flex;justify-content:space-between;align-items:center;padding:1em 1em 0}.brand-list-page .page-content .brand-list .brand-list-item .brand-info .products{font-size:90%;opacity:.5}.brand-list-page .page-content .brand-list .brand-list-item:hover .brand-name{color:var(--generalPrimaryColor)}.brand-list-page .page-content .brand-list .brand-list-item:hover .brand-logo{border-color:var(--generalPrimaryColor)}.brand-list-page .page-content .brand-list .brand-list-item:hover .brand-logo img{transform:scale(1.1)}
        .brand-info.top {
        height: 25vh
        }

        .brand-info .page-title {
        color: #000000
        }

        .brand-info.top {
        background-color: #ffffff
        }

        .brand-info.top .pageinfo-image {
        opacity: 50%
        }