html{scroll-behavior:smooth}
.mixx-main-container {max-width:1260px;}
.mixx-intro,.mixx-featured-products{text-align:center;margin:30px auto;padding:0 40px}
.mixx-logo{width:200px;margin:auto}
.mixx-shop-all-link{display:inline-block;margin:10px 0 20px}
.mixx-resonate-pro .mixx-resonate-pro-banner-mobile,.mixx-d3-anc .mixx-d3-anc-banner-mobile,.mixx-colour-chroma .mixx-colour-chroma-banner-mobile,.mixx-earbud-fit .mixx-earbud-fit-img-mobile{display:none}
.mixx-resonate-pro .mixx-resonate-pro-banner,.mixx-d3-anc .mixx-d3-anc-banner,.mixx-colour-chroma .mixx-colour-chroma-banner,.mixx-earbud-fit .mixx-earbud-fit-img{display:block}
.mixx-resonate-pro,.mixx-d3-anc,.mixx-colour-chroma{position:relative}
.mixx-resonate-pro-content,.mixx-d3-anc-content{position:absolute;top:50%;left:140px;transform:translateY(-50%)}
.mixx-colour-chroma-content{position:absolute;left:50%;top:0;transform:translatex(-50%)}
.mixx-resonate-pro-logo,.mixx-d3-anc-logo,.mixx-colour-chroma-logo{width:160px;margin:auto}
.mixx-resonate-pro-content,.mixx-d3-anc-content{text-align:center;margin:auto;color:#FFF}
.mixx-colour-chroma-content{text-align:center;margin:auto;color:#231F20}
.mixx-colour-chroma{margin:30px auto}
.mixx-btn{display:inline-block;padding:10px 20px;cursor:pointer;background-color:#ebedee;color:#333;text-decoration:none;border-radius:5px;font-size:16px;font-weight:600;transition:background-color .3s ease,color .3s ease}
.mixx-product-categories{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;padding:0 50px}
.mixx-product-categories .mixx-product-category{position:relative;text-align:center}
.mixx-prod-category-content{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);text-align:center;color:#FFF}
.mixx-resonate-pro-description,.mixx-resonate-pro-title,.mixx-prod-category-content p,.mixx-d3-anc-title,.mixx-d3-anc-description{color:#FFF}
.slide-up,.banner-content-slide-in-left,.slide-in-left,.animate-on-scroll{opacity:0;transition:opacity .7s cubic-bezier(0.4,0,0.2,1),transform .7s cubic-bezier(0.4,0,0.2,1);will-change:opacity,transform}
.slide-up.visible,.banner-content-slide-in-left.visible,.slide-in-left.visible,.animate-on-scroll.visible{opacity:1}
.slide-up{transform:translateY(40px)}
.slide-up.visible{transform:translateY(0)}
.banner-content-slide-in-left{transform:translate(-40px,-50%)}
.banner-content-slide-in-left.visible{transform:translate(0,-50%)}
.slide-in-left{transform:translateX(-60%)}
.slide-in-left.visible{transform:translateX(-50%)}
.animate-on-scroll{transform:translateY(40px)}
.animate-on-scroll.visible{transform:translateY(0)}
.mixx-intro-title{font-size:20px;font-weight:600}
.mixx-intro-description{font-size:18px;letter-spacing:2px;line-height:25px;max-width:900px;margin:10px auto}
.mixx-resonate-pro-description,.mixx-d3-anc-description,.mixx-colour-chroma-description{font-size:24px;font-weight:400;line-height:1.5;margin-bottom:15px}
.mixx-resonate-pro-title,.mixx-d3-anc-title,.mixx-colour-chroma-title{font-size:60px;font-weight:600;line-height:60px}
.mixx-prod-category-content p{font-size:28px;font-weight:600;line-height:1.2;margin:10px 0}
@media (max-width: 768px) {
.mixx-intro,.mixx-product-categories,.mixx-featured-products{padding:0 20px}
.mixx-logo{width:150px}
.mixx-resonate-pro-content,.mixx-d3-anc-content{left:20px;bottom:0;transform:none;text-align:left;height:fit-content}
.mixx-resonate-pro .mixx-resonate-pro-banner,.mixx-d3-anc .mixx-d3-anc-banner,.mixx-colour-chroma .mixx-colour-chroma-banner,.mixx-earbud-fit .mixx-earbud-fit-img{display:none}
.mixx-resonate-pro .mixx-resonate-pro-banner-mobile,.mixx-d3-anc .mixx-d3-anc-banner-mobile,.mixx-colour-chroma .mixx-colour-chroma-banner-mobile,.mixx-earbud-fit .mixx-earbud-fit-img-mobile{display:block;width:100%;height:auto}
.mixx-resonate-pro-logo,.mixx-d3-anc-logo{width:100px;margin:unset}
.mixx-colour-chroma-logo{width:100px}
.mixx-resonate-pro-description,.mixx-d3-anc-description,.mixx-colour-chroma-description{font-size:18px;font-weight:400;line-height:1.5;margin-bottom:15px}
.mixx-resonate-pro-title,.mixx-d3-anc-title,.mixx-colour-chroma-title{font-size:42px;font-weight:600;line-height:60px}
.banner-content-slide-in-left{opacity:1;transform:translateX(-20px)}
.banner-content-slide-in-left.visible{opacity:1;transform:translateX(0)}
}