*{scrollbar-width:thin;scrollbar-color:#004080 #f9f9f9;box-sizing:border-box}body{font-family:"Segoe UI This",Arial,sans-serif;margin:0;color:#333;background:linear-gradient(rgb(255 255 255 / .92),rgb(255 255 255 / .92)),url(images/vody-belgique-texture.jpg) repeat;background-size:cover;background-attachment:fixed;line-height:1.6}h3{text-shadow:.125rem .125rem .25rem rgb(0 64 128 / .2)}h1,h2,h3{font-family:"Segoe UI This",Arial,sans-serif;font-weight:700}em,i{font-style:italic}header h1,.contact h2,.product h3{font-weight:700}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(1.875rem)}100%{opacity:1;transform:translateY(0)}}header h1{color:#002d5c;animation:fadeSlideIn 1s ease-out;font-weight:700;font-size:2.5rem;text-shadow:.0625rem .0625rem .1875rem rgb(0 0 0 / .2);letter-spacing:.0625rem;margin:0}header a:hover h1{text-shadow:0 0 .75rem rgb(0 128 255 / .7),0 0 1.5rem rgb(0 128 255 / .5),0 0 2.25rem rgb(0 128 255 / .3)}.header-link{display:flex;align-items:center;justify-content:center;text-decoration:none;color:inherit;gap:1rem;flex-wrap:wrap;width:100%}.logo-vody{max-width:10rem}.logo-vody img{width:100%;height:auto;display:block}::-webkit-scrollbar{width:.625rem;background-color:#f9f9f9}::-webkit-scrollbar-thumb{background-color:#004080;border-radius:.3125rem}::-webkit-scrollbar-thumb:hover{background-color:#06c}@font-face{font-family:"Segoe UI This";src:url(../fonts/segoeuithis.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"Segoe UI This";src:url(../fonts/segoeuithibd.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:"Segoe UI This";src:url(../fonts/segoeuithisi.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:"Segoe UI This";src:url(../fonts/segoeuithisz.ttf) format("truetype");font-weight:700;font-style:italic}header{padding:1.2rem;font-size:1.8rem;font-weight:700;letter-spacing:.0625rem;display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}main{max-width:75rem;margin:2rem auto;padding:0 1rem}.products{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.product{background:#fff;border-radius:.75rem;box-shadow:0 .25rem .9375rem rgb(0 0 0 / .1);overflow:hidden;cursor:pointer;transition:transform 0.3s,box-shadow 0.3s;width:17.5rem;text-align:center}.product:hover{transform:translateY(-.5rem);box-shadow:0 .5rem 1.5625rem rgb(0 0 0 / .15)}.product img{width:100%;height:auto;max-height:21.875rem;object-fit:contain;background:#fff;padding:.625rem}.product h3{min-height:5.8rem;margin:0;padding:.7rem;background:linear-gradient(90deg,#004080,#0080ff);color:#fff;font-size:1.1rem;letter-spacing:.03125rem;line-height:1.2}.product h3 br{display:block;margin-top:.25rem}.product h3 span{display:block;font-size:.85em;font-weight:400;color:#e0e0e0;margin-top:.25rem}.product:hover h3 span{color:#ffe066;transition:color 0.3s,text-decoration 0.3s}.ingredients{display:none;text-align:left;background:#fff;border-top:.0625rem solid #ddd;margin-top:.5rem;padding:.8rem 1rem;border-radius:.375rem;box-shadow:0 .125rem .5rem rgb(0 0 0 / .05);font-size:.95rem;line-height:1.5;max-height:280px;overflow-y:auto;padding-right:6px}.ingredients strong{display:inline-block;margin-bottom:.4rem;font-size:1rem;color:#004080}.ingredients hr{border:none;border-top:.0625rem solid #ddd;margin:.5rem 0}.contact-note{font-size:1.1rem;color:#004080;font-weight:700;text-align:center;margin-bottom:1rem}.rgpd-banner a{color:#ffe066;text-decoration:none}.rgpd-banner a:hover{color:#ffeca2;text-decoration:underline}.product.active .ingredients{display:block;background:#fff;border-top:.0625rem solid #ddd;margin-top:.3125rem}.contact{background:#fff;padding:1.5rem;margin-top:3rem;border-radius:.75rem;box-shadow:0 .25rem .9375rem rgb(0 0 0 / .1);max-width:37.5rem;margin-left:auto;margin-right:auto}.contact h2{margin-top:0;color:#004080;font-size:1.5rem;border-bottom:.125rem solid #0080ff;padding-bottom:.5rem}.contact label{display:block;margin-top:1rem;font-weight:700;font-size:1.1rem}.contact input,.contact textarea{width:100%;padding:.7rem;margin-top:.3rem;border:.0625rem solid #ccc;border-radius:.375rem;font-size:1rem;transition:border 0.3s,box-shadow 0.3s}.contact input:focus,.contact textarea:focus{border-color:#004080;box-shadow:0 0 .5rem rgb(0 64 128 / .15);outline:none}.contact textarea{min-height:9.375rem;resize:vertical}.contact button{margin-top:1.2rem;padding:.6rem 1.2rem;cursor:pointer;font-size:1.1rem}.contact button,.product h3{background:#004080;color:#fff;border:none;border-radius:.25rem;font-weight:700;transition:background 0.3s}.contact button:hover,.product h3:hover{background:#06c;transform:translateY(-.0625rem);box-shadow:0 .25rem .75rem rgb(0 64 128 / .2)}.section-divider{border:none;height:.25rem;background:linear-gradient(to right,#004080,#0080ff,#004080);width:90%;max-width:75rem;margin:4rem auto 2rem auto;border-radius:.375rem;box-shadow:0 0 .625rem rgb(0 64 128 / .2)}footer{background:#002d5c;color:#fff;text-align:center;padding:1rem;font-size:.9rem}footer a{color:#f9f9f9;text-decoration:underline}.rgpd-banner{background:#004080;color:#fff;padding:2rem;font-size:1.1rem;line-height:1.6;max-width:56.25rem;margin:2rem auto;border-radius:.625rem;box-shadow:0 .25rem 1.25rem rgb(0 0 0 / .1)}@media (max-width:62.5rem){.rgpd-banner{margin-left:1rem;margin-right:1rem}}.rgpd-banner ul{list-style-type:disc;padding-left:2rem;margin:1rem 0 0 0}.rgpd-banner li{margin-bottom:.5rem}@media (max-width:48rem){.product{width:90%}.contact{padding:1rem}.rgpd-banner{font-size:1rem;padding:1rem}}.h2{text-align:center;margin:2rem 0}.h2 h2{font-size:2.2rem;font-weight:700;color:#004080;text-shadow:.125rem .125rem .25rem rgb(0 64 128 / .2);background:linear-gradient(90deg,#004080,#0080ff);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;display:inline-block}