:root{--primary-color:#183957;--secondary-color:#6db8ff;--thirdly-color:#c3def4;--thirdly-colorlight:#c3def43d}.heronouveau{background-color:#fff;flex-direction:column;gap:1.5rem;width:100%;min-height:100vh;padding:1rem;display:flex}.heronouveaugauche{background-image:url(/drinkgrootenentreprise.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:1rem;flex-direction:column;justify-content:space-between;width:100%;min-height:55vh;padding:1.8rem;display:flex}.heronouveaugauche h1{color:#fff;width:100%;font-family:inter,sans-serif;font-size:2.2rem;font-weight:700;line-height:1.2}.heronouveaugauche h1 .secondary span{color:var(--primary-color)}.wave-title span{opacity:0;display:inline-block;transform:translateY(100%)}.wave-title.animate span{animation:1s forwards waveIn;animation-delay:calc(var(--i)*50ms)}@keyframes waveIn{0%{opacity:0;transform:translateY(100%)}60%{transform:translateY(-10%)}to{opacity:1;transform:translateY(0)}}.mask{padding-bottom:5px;position:relative;overflow:hidden}.mask:after{content:"";background:#fff3;width:100%;height:3px;position:absolute;bottom:0;left:0}.heronouveaugauche p{color:#fff;font-size:1.05rem;line-height:1.5}.heronouveaudroite{flex-direction:column;gap:1.5rem;width:100%;display:flex}.heronouveau1,.heronouveau2{background-color:var(--thirdly-colorlight);border-radius:1rem;align-items:flex-start;width:100%;min-height:320px;padding:1.8rem;display:flex;position:relative}.heronouveau1:after,.heronouveau2:after{content:"";filter:saturate(1.2);opacity:.9;border-radius:42% 58% 70% 30%/40% 40% 60% 60%;width:7.5rem;height:7.5rem;position:absolute;top:80%;right:.5rem}.heronouveau1:after{background:url(/futs.webp) 50%/cover no-repeat}.heronouveau2:after{background:url(/pompe.webp) 50%/cover no-repeat}.boutonarrow{background-color:var(--primary-color);color:#fff;border:.3rem solid #fff;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:2rem;transition:all .4s;display:flex;position:absolute;bottom:-.8rem;right:1rem}.boutonarrow:hover{background-color:var(--secondary-color);cursor:pointer}.infotextnouveau{z-index:1;flex-direction:column;gap:.9rem;width:100%;padding-bottom:2rem;display:flex}.infotextnouveau h4{color:var(--secondary-color);text-align:center;background-color:#fff;border-radius:.8rem;width:fit-content;padding:.4rem .8rem;font-size:.75rem;font-weight:700}.infotextnouveau h3{color:var(--primary-color);font-size:1.3rem;font-weight:700}.infotextnouveau p{font-size:1rem;line-height:1.5}.boutonplus{color:#000;border-bottom:1px solid #0000;gap:.5rem;font-size:.85rem;text-decoration:none;display:inline-flex;position:absolute;bottom:1rem;left:1rem}.boutonplus:hover{border-bottom:1px solid #000}.flechebtn{transition:transform .25s}.boutonplus:hover .flechebtn{transform:translate(.25rem,-.25rem)}.produitssection{grid-template-columns:repeat(2,1fr);gap:.5rem;width:100%;padding-bottom:2rem;display:grid}.produitcard{color:var(--primary-color);text-align:center;cursor:pointer;border-radius:1rem;width:100%;padding:.8rem;transition:all .25s}.produitcard h5{margin:0;font-size:.95rem}@media (min-width:900px){.heronouveau{flex-direction:row;justify-content:center;align-items:center;height:100vh}.heronouveaugauche,.heronouveaudroite{justify-content:space-between;width:48%;height:100%}.heronouveaugauche h1{width:80%;font-size:4rem}.heronouveau1,.heronouveau2{height:48%;min-height:auto}.infotextnouveau{width:70%;padding-right:0}.produitssection{width:80%}.heronouveau1:after,.heronouveau2:after{content:"";filter:saturate(1.2);opacity:.9;border-radius:42% 58% 70% 30%/40% 40% 60% 60%;width:15rem;height:15rem;position:absolute;top:50%;right:.5rem}}
.shop-section{background:#fff;width:100%;padding-top:5rem;padding-bottom:8rem}.shop-hero{color:#fff;text-align:center;background:url(/magasin.webp) 50%/cover no-repeat fixed;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;height:40vh;padding:0 1.5rem;display:flex;position:relative}.shop-hero-overlay{background:linear-gradient(#000000a6,#0000004d);position:absolute;inset:0}.shop-hero h1{color:#fff;max-width:18ch;font-size:clamp(2rem,6vw,3.5rem);font-weight:800;line-height:1.1;position:relative}.shop-hero p{opacity:.9;color:#fff;max-width:45ch;position:relative}.shop-container{flex-direction:column;gap:3rem;max-width:1400px;margin:auto;padding:4rem 1.5rem 0;display:flex}.shop-text{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#000;border-radius:1.5rem;width:100%;padding:2.2rem;animation:.8s forwards fadeUp}.shop-text h2{background:var(--thirdly-colorlight);color:var(--primary-color);text-align:center;border-radius:999px;width:60%;padding:10px 22px;font-size:14px;font-weight:700;display:inline-block}.shop-text p{color:#000;margin-bottom:1rem;line-height:1.7}.shop-text strong{color:var(--primary-color);font-weight:700}.shop-btn{background:var(--primary-color);color:#fff;border:1px solid var(--primary-color);text-align:center;border-radius:1.5rem;width:100%;margin-top:1.5rem;padding:.9rem 2rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-block}.shop-btn:hover{color:var(--primary-color);background-color:#fff}.shop-photos{flex-wrap:wrap;gap:1rem;width:100%;display:flex}.shop-photo{opacity:0;background-position:50%;background-size:cover;border-radius:1.6rem;flex:calc(50% - .5rem);height:180px;animation:.8s forwards photoIn;transform:scale(.95)}.shop-photo.img3{flex:100%}.shop-photo.img1{background-image:url(/magasin2.webp);animation-delay:.1s}.shop-photo.img2{background-image:url(/pompe.webp);animation-delay:.25s}.shop-photo.img3{background-image:url(/magasin.webp);animation-delay:.4s}@keyframes fadeUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes photoIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media (min-width:900px){.shop-btn{width:45%}.shop-container{flex-direction:row;align-items:center}.shop-text{flex:1.1}.shop-photos{flex:.9}.shop-photo{height:240px}.shop-text h2{width:25%}}.glass{background:#ffffffd9;border:1px solid #00000014;flex-direction:column;gap:1rem;display:flex}
