/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.highlight{margin:3rem 0;}.highlight__inner{border-radius:20px;padding:48px 16px;display:flex;flex-direction:column;align-items:flex-start;background:#FFF9F0;gap:1.5rem;}.highlight__image{width:fit-content;margin:0 auto;}.highlight__image img{display:block;}.highlight__pill{margin:0;display:block;padding:10px 20px;border:1px solid #677386;border-radius:40px;color:#677386;text-align:center;font-size:16px;font-weight:500;line-height:150%;width:fit-content;}.highlight__text{margin:1rem 0;display:flex;flex-direction:column;gap:1rem;}.highlight__text h2{color:#00678F;font-size:24px;font-weight:400;line-height:34px;margin:0;}.highlight__text p{color:#677386;font-size:16px;font-weight:600;line-height:150%;margin:0;}.highlight__cta a{background-color:#FF414D;border:1px solid #FF414D;border-radius:30px;transition:0.2s;padding:8px 20px;color:#FFF;text-decoration:none;text-align:center;width:fit-content;display:block;font-weight:600;line-height:24px;margin:0 auto;}.highlight__cta a:hover{color:#FFF;background-color:#00678F;border:1px solid #fff;}.highlight__link a{display:block;margin-top:1rem;color:#FF414D;text-align:center;font-size:16px;font-weight:700;line-height:24px;text-decoration-line:underline;}@media all and (min-width:600px){.highlight__inner{padding:48px 40px;}}@media all and (min-width:750px){.highlight{margin:5rem 0;}.highlight__inner{margin:0 2rem;}}@media all and (min-width:800px){.highlight__inner{display:grid;grid-template-columns:repeat(2,calc(50% - 1rem));align-items:center;gap:2rem;}.highlight__cta a{margin:0;}.highlight__link a{text-align:left;}}@media all and (min-width:1000px){.highlight__cta a{padding:16px 40px;}}@media all and (min-width:1100px){.highlight__text{margin:2rem 0;}.highlight__text h2{font-size:40px;font-weight:400;line-height:60px;}}@media all and (min-width:1250px){.highlight__inner{margin:0;}}
.homepage-hero{padding:0 1rem;margin-bottom:150px;}.homepage-hero__inner{position:relative;}.homepage-hero__image{overflow:hidden;width:fit-content;margin:0 auto;border-radius:30px;}.homepage-hero__image img{display:block;}.homepage-hero__wrapper{position:absolute;top:40px;right:0;left:0;bottom:0;max-width:350px;margin:0 auto;}.homepage-hero__content{width:220px;margin-left:auto;}.homepage-hero__text h1{color:#FFF;text-shadow:2px 2px 0px #00678F;font-size:21px;font-style:normal;font-weight:900;line-height:140%;text-transform:uppercase;font-family:"Albert Sans",sans-serif;}.homepage-hero__text h1 strong{font-weight:900;position:relative;display:inline-block;width:fit-content;z-index:1;}.homepage-hero__text h1 strong::before{content:" ";display:block;height:30px;position:absolute;background:#00B0E9;transform:rotate(-2deg) translateY(-50%);top:50%;left:-4px;border-radius:16px;z-index:-1;padding:2px;bottom:-4px;right:-10px;}.homepage-hero__pills{display:flex;flex-direction:column;gap:1rem;}.homepage-hero__packshot{max-width:270px;position:absolute;bottom:-85px;left:0;right:0;margin:0 auto;}.homepage-hero__image-desktop{display:none;}@media all and (min-width:500px){.homepage-hero__wrapper{top:0;max-width:none;margin:0;display:flex;align-items:center;justify-content:end;}.homepage-hero__text h1{font-size:23px;}.homepage-hero__content{width:235px;}.homepage-hero__image-desktop{display:block;}.homepage-hero__image-mobile{display:none;}}@media all and (min-width:550px){.homepage-hero__content{width:350px;}.homepage-hero__packshot{max-width:350px;}}@media all and (min-width:600px){.homepage-hero__text h1{font-size:30px;}}@media all and (min-width:750px){.homepage-hero__content{margin-right:auto;padding-left:2rem;margin-left:0;}.homepage-hero__content{width:initial;}.homepage-hero__packshot{margin:0 0 0 auto;}}@media all and (min-width:850px){.homepage-hero__pills{flex-direction:row;}}@media all and (min-width:1000px){.homepage-hero__text h1{font-size:35px;}}@media all and (min-width:1100px){.homepage-hero__content{margin-bottom:10rem;padding-left:0;}.homepage-hero__packshot{max-width:990px;width:100%;margin:0 auto;bottom:-135px;left:70px;}.homepage-hero__packshot img{display:block;max-width:500px;}}@media all and (min-width:1350px){.homepage-hero__packshot{bottom:-130px;left:-110px;}.homepage-hero__packshot img{max-width:550px;}}@media all and (min-width:1500px){.homepage-hero__text h1{font-size:42px;}.homepage-hero__text h1 strong::before{height:55px;}}@media all and (min-width:1700px){.homepage-hero__content{margin-left:-7rem;}.homepage-hero__text h1{font-size:48px;font-weight:900;}.homepage-hero__packshot{left:-290px;bottom:-75px;}}.homepage-hero-pill{border-radius:36px;background:var(--Primary,#00678F);box-shadow:0px 4px 16px 0px rgba(0,0,0,0.12);padding:10px 20px 10px 12px;display:flex;align-items:center;gap:0.5rem;width:fit-content;}.homepage-hero-pill__image{max-width:45px;}.homepage-hero-pill__image img{display:block;}.homepage-hero-pill__text p{margin:0;color:#fff;font-family:Poppins;font-size:12px;font-weight:500;line-height:120%;}@media all and (min-width:850px){.homepage-hero-pill{max-width:250px;padding:10px 26px 10px 12px;}.homepage-hero-pill__text p{font-size:16px;font-weight:700;}}
.product-teaser{display:flex;flex-direction:column;position:relative;text-decoration:none;border-radius:20px;background:#EEF4F6;padding:1rem 0;margin:2rem auto;align-items:center;gap:1.5rem;overflow:hidden;max-width:559px;width:100%;}.product-teaser::before{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background-position:bottom center;background-repeat:no-repeat;background-size:auto;background-image:url(/themes/custom/cicatryl2021/images/2024/product-teaser/default.svg);z-index:1;}.product-teaser--cream::before{background-image:url(/themes/custom/cicatryl2021/images/2024/product-teaser/cream.svg);}.product-teaser--cream::after{content:'';display:block;position:absolute;top:60px;left:-50px;width:124px;height:113px;background-repeat:no-repeat;background-size:contain;background-position:center;background-image:url(/themes/custom/cicatryl2021/images/2024/product-teaser/tex-cream.png);z-index:3;}.product-teaser__image,.product-teaser__inner,.product-teaser__require-age,.product-teaser__cta{position:relative;z-index:2;}.product-teaser__image{order:2;}.product-teaser__inner{order:3;display:flex;gap:1rem;}.product-teaser__description{flex:1;max-width:300px;}.product-teaser__picto{padding:0 13px;}.product-teaser__title{color:#fff;margin:0.5rem 0;}.product-teaser__description-text p{color:#fff;margin:0;}.product-teaser__require-age{order:1;background-color:#fff;width:fit-content;padding:5px 10px;border-radius:20px;}.product-teaser__require-age p{margin:0;}.product-teaser__cta{order:4;background-color:#FF414D;border:1px solid #FF414D;border-radius:30px;transition:0.2s;padding:8px 20px;color:#FFF;text-decoration:none;text-align:center;width:fit-content;display:block;font-weight:600;line-height:24px;}.product-teaser__cta:hover{color:#FFF;background-color:#00678F;border:1px solid #fff;}@media all and (min-width:500px){.product-teaser--cream::after{content:'';display:block;position:absolute;top:30px;left:1rem;width:124px;height:113px;background-repeat:no-repeat;background-size:contain;background-position:center;background-image:url(/themes/custom/cicatryl2021/images/2024/product-teaser/tex-cream.png);z-index:3;}.product-teaser__require-age{align-self:end;margin-right:1rem;}}@media all and (min-width:1000px){.product-teaser{padding:1.25rem 0 2rem;gap:1rem;margin:0 auto;}.product-teaser__cta{padding:16px 40px;transform:translateX(-0.5rem);}.view-product .view-content ul li:last-child .product-teaser__cta{transform:translateX(-1.5rem);}}
.push-2024{position:relative;width:fit-content;margin:0 auto;}.push-2024__image{width:fit-content;}.push-2024__image img{display:block;border-radius:20px;}.push-2024__content{position:absolute;bottom:1rem;left:1rem;right:1rem;border-radius:20px;background:#FFF9F0;padding:20px;display:flex;flex-direction:column;gap:1rem;align-items:center;max-width:370px;margin-right:auto;}.push-2024__text{width:100%;}.push-2024__text p{color:var(--Primary,#00678F);font-size:25.6px;font-weight:700;line-height:32px;margin:0;}.push-2024__link a{background-color:#FF414D;border:1px solid #FF414D;border-radius:30px;transition:0.2s;padding:16px 30px;color:#FFF;text-decoration:none;text-align:center;width:fit-content;display:block;gap:10px;font-weight:600;line-height:24px;font-size:14px;}.push-2024__link a:hover{color:#FFF;background-color:#00678F;border:1px solid #fff;}@media all and (min-width:1000px){.push-2024__content{bottom:5rem;left:3rem;right:3rem;align-items:flex-start;}}
.push-2024-wrapper{margin:2rem 0;}.push-2024-wrapper__inner{display:grid;gap:1.5rem;}@media screen and (min-width:750px){.push-2024-wrapper{margin:3rem 0;}.push-2024-wrapper__inner{padding:0 1rem;}}@media screen and (min-width:1000px){.push-2024-wrapper{margin:4rem 0;}.push-2024-wrapper__inner{grid-template-columns:calc(66.66% - 0.75rem) calc(33.33% - 0.75rem);align-items:center;}}@media screen and (min-width:1300px){.push-2024-wrapper{margin:6rem 0;}.push-2024-wrapper__inner{padding:0;gap:2rem;grid-template-columns:calc(70% - 1rem) calc(30% - 1rem);}}
.push-product{display:flex;flex-direction:column;position:relative;text-decoration:none;border-radius:20px;background:#EEF4F6;padding:2rem 1rem;margin:0 auto;align-items:center;gap:1.5rem;overflow:hidden;max-width:450px;width:100%;}.push-product::before{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:-14%;background-position:bottom center;background-repeat:no-repeat;background-size:auto;background-image:url(/themes/custom/cicatryl2021/images/2024/push/shape.svg);z-index:1;}.push-product__image,.push-product__inner,.push-product__cta{position:relative;z-index:2;}.push-product__image{transform:translateX(-30px);}.push-product__inner{display:flex;gap:1rem;align-items:center;}.push-product__inner::before{content:"";width:75px;height:53px;display:block;position:relative;background-position:center;background-repeat:no-repeat;background-image:url(/themes/custom/cicatryl2021/images/2024/push/sachets.svg);}.push-product__description{flex:1;max-width:300px;}.push-product__description p{color:#fff;margin:0.5rem 0;font-family:Poppins;font-size:22px;font-style:normal;font-weight:700;line-height:32px;}.push-product__cta a{background-color:#FF414D;border:1px solid #FF414D;border-radius:30px;transition:0.2s;padding:16px 30px;color:#FFF;text-decoration:none;text-align:center;width:fit-content;display:flex;align-items:center;gap:10px;font-weight:600;line-height:24px;font-size:14px;}.push-product__cta a::before{content:"";display:block;position:relative;width:15px;height:19px;background-position:center;background-repeat:no-repeat;background-image:url(/themes/custom/cicatryl2021/images/2024/push/pin.svg);}.push-product__cta a:hover{color:#FFF;background-color:#00678F;border:1px solid #fff;}@media all and (min-width:1000px){.push-product{padding:1.25rem 0 2rem;gap:1rem;height:100%;}.push-product__cta a{padding:16px 40px;}}@media all and (min-width:1300px){.push-product{padding:2.5rem 0;}.push-product::before{bottom:-5%;}}
.video-2024{margin:200px 0;padding:0;background:#FCF3E7;position:relative;}.video-2024::before,.video-2024::after{content:"";display:block;position:absolute;left:0;right:0;height:128px;background-repeat:no-repeat;}.video-2024::before{top:-128px;background-position:bottom center;background-image:url(/themes/custom/cicatryl2021/images/2024/video/shape-top.svg);}.video-2024::after{bottom:-128px;background-image:url(/themes/custom/cicatryl2021/images/2024/video/shape-bottom.svg);background-position:top center;}.video-2024__inner{display:flex;flex-direction:column;gap:1rem;}.video-2024__pill{margin:0 auto;display:block;padding:10px 20px;border:1px solid #677386;border-radius:40px;color:#677386;text-align:center;font-size:16px;font-weight:500;line-height:150%;width:fit-content;}.video-2024__text{max-width:850px;margin:0 auto;}.video-2024__text h2{color:#00678F;font-size:24px;font-weight:400;line-height:34px;margin:0;}.video-2024__media{position:relative;overflow:hidden;width:100%;margin:20px auto 0;padding-top:56.25%;border-radius:15px;}.video-2024 video,.video-2024 iframe{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background-color:#000;}@media all and (min-width:850px){.video-2024{padding:40px 0;}.video-2024__media{margin:40px auto;}}@media all and (min-width:1100px){.video-2024__text h2{font-size:40px;font-weight:400;line-height:60px;}}
