section{padding:64px 0}.heroBanner{padding:128px 0;background:url('/app/themes/mbtheme/inc/images/homepage/herobannerbg.webp');background-position:center center;background-size:cover;position:relative;&:after{content:'';background:linear-gradient(90deg,rgba(13,36,99,0.90) 0%,rgba(13,36,99,0.70) 50%,rgba(13,36,99,0.00) 100%);position:absolute;top:0;left:0;width:100%;height:100%;display:block;z-index:0}& .container{& article{position:relative;z-index:1;max-width:576px;& .spanTag{border-radius:50px;padding:4px 12px;background:var(--span-tag-bg);border:var(--span-tag-border);font-size:12px;font-weight:600;line-height:16px;display:flex;width:fit-content;margin-bottom:16px;color:var(--white-font-1)}& h1{font-size:60px;font-weight:800;line-height:60px;letter-spacing:-1.5px;max-width:455px;color:var(--white-font-1);& span{color:var(--secondary-color)}}& p{font-size:18px;line-height:29.25px;font-weight:400;color:var(--white-font-2);margin-top:16px;margin-bottom:0}& .ctaButtons{margin-top:32px;display:flex;flex-wrap:wrap;grid-template-columns:1fr 1fr;column-gap:12px;& .ctaButtonOne{padding:12px 32px;color:var(--white-font-1);background:var(--primary-color);font-weight:600;font-size:14px;line-height:20px;text-align:center;display:flex;flex-wrap:wrap;align-items:center;column-gap:16px;border-radius:12px;width:fit-content;& .ctaSVG{width:16px;height:16px}&:hover{background:var(--primary-color-hover)}}& .ctaButtonTwo{padding:12px 32px;border-radius:12px;background:var(--tertiary-color);border:1px solid var(--border-color-2);font-size:14px;font-weight:600;line-height:20px;display:flex;width:fit-content;align-items:center;color:var(--white-font-1);&:hover{background:var(--tertiary-color-hover)}}}}}}& .uspBarHome{background:#fff;padding:20px 0;box-shadow:0 1px 2px 0 rgba(0,0,0,0.05);& .uspItem{display:grid;grid-template-columns:40px 1fr;width:100%;flex-wrap:wrap;column-gap:12px;font-size:14px;& svg{width:40px;height:40px}& .uspContent{& strong{color:var(--font-color-dark);font-weight:600;font-size:14px;line-height:20px;display:block}& span{font-size:12px;display:block;line-height:16px;font-weight:400;color:var(--font-color)}}}}.shopPerCategorie{& .container{& h2{font-size:24px;font-weight:700;line-height:32px;color:var(--font-color-dark)}& .gridFour{margin-top:32px;column-gap:16px;& .productCategorie{padding:24px;background:var(--white-bg-1);border-radius:16px;border:1px solid var(--border-color-1);transition:var(--transition);box-shadow:none;& svg{width:56px;height:56px;display:block;margin-bottom:12px}& h3{font-size:14px;line-height:20px;font-weight:600;color:var(--font-color-dark);margin-bottom:4px}& p{font-size:12px;font-weight:400;line-height:16px;color:var(--font-color);margin-bottom:12px}& a{font-size:12px;color:var(--primary-color);font-weight:600;line-height:16px;&:hover{color:var(--primary-color-hover)}}&:hover{box-shadow:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1)}}}}}.populaireProducten{background:var(--background-alt-3);& .sectionDescription{display:flex;width:100%;justify-content:space-between;align-items:center;margin-bottom:32px;& .sectionContent{& h2{font-size:24px;font-weight:700;line-height:32px;color:var(--font-color-dark);margin-bottom:4px}& p{margin:0;font-size:14px;color:var(--font-color);line-height:20px}}}& .bekijkMeer{font-size:14px;font-weight:600;line-height:20px;color:var(--primary-color);&:hover{color:var(--primary-color-hover)}}& .gridFour{column-gap:16px;& .productCard{background:var(--white-bg-1);border-radius:16px;border:1px solid var(--border-color-1);overflow:hidden;box-shadow:none;transition:var(--transition);& figure{& img{width:100%;height:240px;object-fit:cover;object-position:center center}}& .productContent{padding:16px;position:relative;& .productBrand{font-size:12px;color:var(--font-color);font-weight:500;letter-spacing:0.3px;text-transform:uppercase}& h3{font-size:14px;font-weight:600;line-height:17.5px;color:var(--font-color-dark);margin-bottom:8px;& a{color:var(--font-color-dark);&:hover{color:var(--primary-color-hover)}}}& .productRating{display:flex;align-items:center;flex-wrap:wrap;column-gap:4px;& .ratingSvg{width:14px;height:14px;display:inline-flex}& .productRated{font-size:12px;font-weight:400;line-height:16px;color:var(--font-color)}}& .productPrice{margin-top:16px;margin-bottom:0;display:flex;flex-wrap:wrap;column-gap:8px;align-items:center;& .amount{order:1;font-size:18px;color:var(--font-color-dark);line-height:28px;font-weight:700}& del{order:2;font-size:14px;line-height:20px;font-weight:400;& .amount{color:var(--font-color);font-size:14px;line-height:20px;font-style:normal;font-weight:400}}}& .addToCart{width:36px;height:36px;border-radius:12px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;background:var(--primary-color);position:absolute;right:16px;bottom:16px;& .addToCartSvg{width:16px;height:16px}&:hover{background:var(--primary-color-hover)}}}&:hover{box-shadow:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1)}}}}.shopContent{& .container{& .regularContent{max-width:900px;margin:0 auto;& h2{font-size:28px;line-height:34px;font-weight:700;margin-bottom:24px;margin-top:36px;&:nth-of-type(1){margin-top:0}& .blueSpan{color:var(--primary-color)}}& p{color:var(--font-color);font-size:16px;line-height:26px;font-weight:400;margin-bottom:16px;& strong{color:var(--font-color-dark);font-weight:600}& a{color:var(--primary-color);&:hover{color:var(--primary-color-hover)}}&:nth-last-of-type(1){margin-bottom:0}}}}}.homeFaq{background:rgba(234,240,246,0.40);& .container{max-width:768px;margin:0 auto;& h2{font-size:30px;font-weight:700;line-height:36px;color:var(--font-color-dark);margin-bottom:8px;text-align:center}& p{color:var(--font-color);text-align:center;font-size:16px;line-height:24px;font-weight:400}}}@media (max-width:768px){section{padding:48px 0}.heroBanner{padding:72px 0;& .container article{& h1{font-size:36px;line-height:40px;letter-spacing:-0.5px}& p{font-size:16px;line-height:26px}& .ctaButtons{gap:12px;& .ctaButtonOne,& .ctaButtonTwo{padding:12px 24px}}}}.uspBarHome .gridFour{grid-template-columns:1fr 1fr;gap:16px}.shopPerCategorie .container .gridFour{column-gap:12px}.populaireProducten{& .sectionDescription{flex-direction:column;align-items:flex-start;gap:8px}& .gridFour{column-gap:12px}}.homeFaq .container h2{font-size:24px;line-height:32px}}@media (max-width:480px){section{padding:40px 0}.heroBanner{padding:56px 0;&:after{background:linear-gradient(180deg,rgba(13,36,99,0.85) 0%,rgba(13,36,99,0.75) 100%)}& .container article{max-width:100%;& h1{font-size:28px;line-height:34px;max-width:100%}& p{font-size:15px;line-height:24px}& .ctaButtons{flex-direction:column;& .ctaButtonOne,& .ctaButtonTwo{width:100%;justify-content:center}}}}.uspBarHome .gridFour{grid-template-columns:1fr}.populaireProducten .gridFour .productCard figure img{height:180px}.homeFaq .container h2{font-size:22px;line-height:28px}.shopContent .container .regularContent h2{font-size:22px;line-height:28px}}