.section-vrac-recipe .swiper{overflow:visible}.section-vrac-recipe .swiper-wrapper{display:flex;align-items:stretch}.section-vrac-recipe .swiper-slide{max-width:374px;background-color:#fff;height:unset;border-radius:8px}.section-vrac-recipe .swiper-slide:not(:last-child){margin-right:20px}.recipe__description{font-size:16px;font-style:normal;font-weight:400;line-height:150%}.recipe__details p{font-size:16px;font-style:normal;font-weight:600;line-height:150%}.recipe__image,.video-section__video-iframe{padding-top:70%;height:auto;position:relative;overflow:hidden;border-radius:8px 8px 0 0}.video-section__video-play{position:absolute;bottom:16px;padding:12px 24px;left:16px;z-index:1;font-size:16px;border-radius:4px;font-style:normal;font-weight:700;color:#fff;line-height:150%;text-transform:uppercase;background-color:#6dd0a0}.recipe__image img,.video-section__video-iframe video,.video-section__video-iframe img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.recipe__content *{margin-bottom:0}.recipe__content{padding:24px;display:flex;flex-direction:column;gap:10px}vrac-recipe .swiper-button-next,vrac-recipe .swiper-button-prev,vrac-recipe .swiper-pagination{position:relative;top:unset!important;left:unset!important;right:unset!important;bottom:unset!important;width:unset!important;text-align:unset!important}.recipe__title{width:fit-content;margin:auto}.recipe__title h3{width:fit-content;margin:auto auto 48px;text-align:center;position:relative;z-index:1}.recipe__title svg{position:absolute;top:50%;transform:translateY(-50%) rotate(10deg);left:110%;z-index:-1}vrac-recipe .swiper-pagination-bullet{background-color:#000;width:14px!important;height:4px!important;margin:0 4px;border-radius:0}vrac-recipe .swiper-button-next:after,vrac-recipe .swiper-button-prev:after{content:unset}vrac-recipe .swiper-button-next,vrac-recipe .swiper-button-prev{height:48px!important;width:48px!important;padding:12px;margin-top:0;border-radius:50%;border:1px solid #ccc}.swiper-navigations{display:flex;align-items:center;margin-top:48px;justify-content:space-between}.swiper-buttons__container{display:flex;gap:15px}.modal--video{position:fixed;top:0;right:0;bottom:0;left:0;display:none;z-index:32333;background:#0000006a;justify-content:center;align-items:center}.modal--video.opened{animation:fade-in .3s ease-in-out;display:flex}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media only screen and (max-width:768px){.swiper-navigations{display:none}.recipe__title h3{margin-bottom:32px}.recipe__title{position:relative;padding:0 15px;margin-inline:auto;margin-top:10px}.recipe__title svg{position:absolute;top:50%;transform:translateY(-50%) rotate(50deg);right:-60px;left:inherit}.section-vrac-recipe .swiper-slide{max-width:262px}.recipe__content{padding:16px}}.modal-video__container{position:relative;width:90%;z-index:400000;max-width:857px;max-height:80vh;background-color:transparent!important;overflow:visible;border-radius:8px;display:flex;align-items:center;justify-content:center}.modal-video__container-container{position:relative;width:100%;display:flex;align-items:center;justify-content:center}.modal-video__video-wrapper{position:relative;width:min(90vw,857px,80vh * .5625);aspect-ratio:.5625;border-radius:8px;overflow:hidden}.modal-video__video-wrapper video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.modal-video__video-wrapper svg{position:absolute;top:16px;right:16px;z-index:2;background-color:#fff;border-radius:50%;padding:10px;height:40px;width:50px;cursor:pointer;background-color:transparent!important;fill:#fff}.modal-video__video-wrapper svg path{fill:#fff}.modal-open{overflow:hidden}.how_it_works .recipe__image{padding-top:120%;border-radius:0!important}.how_it_works .recipe__content{padding:12px!important}.how_it_works .recipe__content h4{font-size:18px!important}.how_it_works .recipe__content p{font-size:16px!important}@media only screen and (min-width:1100px){.how_it_works .swiper-wrapper{display:flex;justify-content:center}}@media only screen and (max-width:989px){.how_it_works .recipe__content{padding:12px!important}.how_it_works .recipe__content h4{font-size:16px!important}.how_it_works .recipe__content p{font-size:14px!important}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/w-vrac-recipe.css.map */