*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{-ms-text-size-adjust:100%;text-size-adjust:100%}a{outline:none;-webkit-tap-highlight-color:transparent;color:currentColor}img,svg{max-width:100%;vertical-align:middle}ol,ul{list-style:disc;margin-top:20px;padding-left:20px}li+li{margin-top:10px}img{font-size:.75rem}abbr{text-decoration:none}:root{--regular: system-ui, sans-serif;--black: hsl(0,0%,15%);--white: hsl(0,0%,96%);--off-white: hsl(0,0%,60%);--light-white: hsl(0,0%,95%);--super-light-white: hsl(0,0%,90%);--grey: hsl(120,1%,20%);--light-yellow: hsl(48, 51%, 90%);--light-yellow-2: hsl(48, 51%, 85%);--yellow: hsl(48,51%,56%);--dark-yellow: hsl(48,51%,16%);--dark-yellow-2: hsl(48, 51%, 80%);--gutter: 40px;--max-width: 1280px}html{font-family:var(--regular);font-size:1rem;background:var(--light-yellow)}body{color:var(--black)}header,main,footer{--padding: calc(var(--gutter) *2) var(--gutter);padding:var(--padding)}@media only screen and (max-width: 800px){header,main,footer{--padding: var(--gutter)}}header>div,main>div,footer>div{margin:0 auto;max-width:var(--max-width)}h1{font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:1.1rem}header{--header-grid: auto / 1fr auto;--header-grid-area: 1 / 1 / 2 / 3;--header-gap: 30px;--header-text-align: right;--tel-place-self: end;color:var(--white);background:var(--grey)}@media only screen and (max-width: 800px){header{--header-grid: repeat(3,auto) / auto;--header-grid-area: unset;--header-gap: 20px;--header-text-align: center;--tel-place-self: center}}header>div{display:grid;grid:var(--header-grid);gap:var(--header-gap)}header>div a{place-self:start center;width:100%}header>div a svg{width:100%;max-width:500px}.lang{grid-area:var(--header-grid-area);text-align:right;font-size:.8rem;color:var(--light-white)}.lang a{margin:0 10px;text-decoration:none}.lang a:last-of-type{margin-right:0}.lang a:hover{color:var(--white)}.lang .current{opacity:.5}aside{place-self:var(--tel-place-self);font-size:.9rem}.tel{text-align:center;margin-top:10px}.tel a{text-decoration:none;text-align:center}.tel span:first-of-type{display:inline-block;margin-bottom:5px;border-radius:20px;padding:10px 15px 11px;color:var(--dark-yellow);text-decoration:none;background:var(--yellow);transition:transform 250ms, background 250ms}.tel span:first-of-type:hover{transform:scale(1.02);color:var(--black);background:var(--white)}.tel span:last-of-type{font-size:.7rem}.social{padding:var(--gutter);text-align:right;background:var(--light-yellow-2)}.social>div{margin:0 auto;max-width:var(--max-width)}.social p{font-size:.8rem}.footer-social{margin-bottom:30px}.footer-social a{text-decoration:none}.footer-social a:hover svg path{fill:var(--white)}.footer-social a:first-of-type{margin-right:20px}.footer-social svg path{fill:var(--dark-yellow);transition:fill 250ms}.slide{--slide-grid: auto / repeat(4, calc(25vw - 8px));--overflow: hidden;overflow:var(--overflow);overflow-x:scroll;padding:0 15px;-ms-overflow-style:none;scrollbar-width:none;display:grid;grid:var(--slide-grid);justify-content:start;background:var(--dark-yellow-2)}@media only screen and (max-width: 800px){.slide{--slide-grid: auto auto / repeat(4, 90vw);--overflow: unset;scroll-snap-type:x mandatory}}.slide::-webkit-scrollbar{display:none}.slide img{width:100%;height:auto;display:block;border:solid transparent;border-width:30px 15px;scroll-snap-align:center}main{--col: 2}@media only screen and (max-width: 800px){main{--col: 1}}main h1 span{display:block;margin-top:5px;font-weight:normal;font-size:.9rem}main h2{margin-top:20px}main p{margin-top:20px;line-height:1.5rem}main .col{margin:20px 0 40px;column-count:var(--col);column-gap:calc(var(--gutter) *2)}main .col p:first-of-type{margin-top:0}main .col img{max-width:300px;height:auto}nav{--product-grid: auto / repeat(3, 1fr);display:grid;grid:var(--product-grid);gap:30px;place-items:start center;margin-top:calc(var(--gutter) *2)}@media only screen and (max-width: 800px){nav{--product-grid: repeat(3, auto) / 1fr}}nav a{display:block;width:100%;border-radius:6px;padding:20px;text-decoration:none;background:var(--dark-yellow-2);transition:background 250ms, box-shadow 250ms, transform 250ms}nav a:hover{transform:scale(1.01);color:var(--white);background:var(--dark-yellow);box-shadow:0 4px 8px 2px var(--light-white)}nav a>span{display:block;margin-top:20px;text-align:center;font-size:.8rem;text-decoration:underline}nav a svg{width:10px;margin-left:5px}nav h3 span{display:block;margin-top:5px;font-weight:normal;font-size:.8rem}nav img{margin-top:20px;display:block;width:100%;border-radius:2px;height:auto}footer{--footer-grid: auto / repeat(3, max-content);--footer-content-width: 50%;--footer-legal-grid: auto / 1fr 1fr;--footer-place-logo-self: end;--company-padding: 5px 0;background:var(--yellow)}@media only screen and (max-width: 800px){footer{--footer-grid: repeat(3, auto) / 1fr;--footer-content-width: initial;--footer-legal-grid: repeat(2, auto) / 1fr;--footer-place-logo-self: end start;--footer-legal-display: block}}footer h4,footer strong{display:block;margin-bottom:20px}footer h4 strong{display:initial}footer p,footer span{font-size:.85rem;line-height:1.4rem}.company-infos{display:grid;grid:var(--footer-grid);gap:60px;margin:var(--gutter) 0}.company-infos a{text-decoration:none}.company-infos span{display:block;padding:var(--company-padding)}.company-legal-infos{display:grid;grid:var(--footer-legal-grid);gap:30px}.company-legal-infos p{place-self:end start}.company-legal-infos span{display:var(--footer-legal-display);margin-right:20px;font-size:.75rem;color:var(--dark-yellow)}.company-legal-infos svg{place-self:var(--footer-place-logo-self);width:100%;max-width:250px}h4 span{margin-top:20px;width:var(--footer-content-width);display:block;font-weight:normal}