@font-face{font-family:'NiveaBrandRegular';src:url('../NIVEABrandTypeWeb-Regular.woff2') format('woff2');font-style:normal}@font-face{font-family:'NiveaBrandBold';src:url('../NIVEABrandTypeWeb-Bold.woff2') format('woff2');font-style:normal}:root{--app-background-color:#f5f5f5;--background-color:#fff;--text-color:#999;--border-color:#d6dcec;--main-color:#0032a0;--secondary-color:#0f60ff;--alternate-color:#000;--font-default:'NiveaBrandRegular',system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;--font-alternate:'NiveaBrandBold',system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body,html{width:100%;height:100%;margin:0;padding:0}.scrollbar{overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth}.scrollbar::-webkit-scrollbar{width:5px}.scrollbar::-webkit-scrollbar-track{background:var(--background-color)}.scrollbar::-webkit-scrollbar-thumb{background-color:var(--secondary-color,var(--main-color));border-radius:6px}.scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--main-color)}@-moz-document url-prefix(){.scrollbar{scrollbar-color:var(--secondary-color) var(--background-color);scrollbar-width:thin}}#app-ctnr{height:100%;width:100%;overflow:hidden;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:stretch;background-color:var(--app-background-color);color:var(--text-color);font-family:var(--font-default)}#close{position:absolute;z-index:100;top:10px;right:10px;width:20px;height:20px;padding:0;cursor:pointer}#close svg{width:20px;height:20px;fill:var(--secondary-color)}#close:focus svg,#close:hover svg{fill:var(--main-color)}@media (min-width:450px){#close{right:auto;left:20px}}@media (max-width:449px){#close{top:10px;right:10px}}.product{width:100%;flex:0 0 25%;min-height:200px;overflow:hidden;background:var(--background-color);display:flex;flex-flow:column nowrap;justify-content:center;align-items:center}.product-slider{flex:0 0 60%;width:100%;display:flex;grid-area:slider;overflow:hidden}.product-slider .ctnr{width:80%;margin:0 auto}.product-slider .pdt{display:flex;justify-content:center;align-items:center}.product-slider .pdt img{max-width:100%;max-height:100%}.product-slider .slide-btn .picto{width:20px;height:20px;filter:invert(26%) sepia(56%) saturate(4370%) hue-rotate(217deg) brightness(99%) contrast(105%)}.product-slider .slide-btn.left,.product-slider .slide-btn.right{padding:0 10px}.product-slider .slide-btn:focus .picto,.product-slider .slide-btn:hover .picto{filter:invert(13%) sepia(37%) saturate(7480%) hue-rotate(219deg) brightness(97%) contrast(105%)}@media (min-width:450px){.product-slider .slide-btn .picto{width:20px;height:20px}.product-slider .slide-btn.left,.product-slider .slide-btn.right{padding:0 20px}}.ratings{width:auto;grid-area:ratings;justify-content:flex-start}.ratings .stars{font-size:1em}.ratings .count{font-size:.75em;margin-top:3px}@media (min-width:450px){.ratings{justify-content:center;padding:1px 0}.ratings .stars{font-size:1.5em}.ratings .count{font-size:1em;margin-top:5px}}.title{flex:0 0 40%;grid-area:title;display:flex;justify-content:center;align-items:center;padding:0 20px;font-family:var(--font-alternate);font-size:1em;text-align:center;text-transform:uppercase;color:var(--main-color)}@media (min-width:450px){.title{padding:2px;justify-content:center;text-align:center;font-size:1.125em}}.description{grid-area:description;color:var(--main-color)}@media (min-width:450px){.description{padding:0 20px 5px;text-align:center}}@media (max-width:449px){.description{display:none}}#tabs{width:100%;display:flex;flex-flow:row nowrap;justify-content:space-evenly;align-items:center;padding:15px 0}#tabs button{padding:0 2px;border:0;cursor:pointer;font-size:inherit;color:var(--main-color);background:0 0}#tabs button .label{display:block;cursor:pointer;text-transform:uppercase;font-family:var(--font-alternate);font-size:.9em}#tabs button:focus,#tabs button:hover{color:var(--secondary-color)}#tabs button[aria-selected=true]{color:var(--secondary-color);border-bottom:2px solid var(--secondary-color)}@media (min-width:450px){#tabs{padding:20px}}.store-ctnr{flex:1 1 auto;overflow:hidden}.online-ctnr{overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;width:100%;height:100%}.online-ctnr::-webkit-scrollbar{width:5px}.online-ctnr::-webkit-scrollbar-track{background:var(--background-color)}.online-ctnr::-webkit-scrollbar-thumb{background-color:var(--secondary-color,var(--main-color));border-radius:6px}.online-ctnr::-webkit-scrollbar-thumb:hover{background-color:var(--main-color)}@-moz-document url-prefix(){.online-ctnr{scrollbar-color:var(--secondary-color) var(--background-color);scrollbar-width:thin}}@media (min-width:450px){.online-ctnr{width:calc(100% - 20px);margin:0 10px}}#online-stores{width:100%;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:flex-start;gap:5px}#online-stores .row{flex:1 1 100%;height:80px;display:flex;flex-flow:column wrap;justify-content:center;align-items:center;padding:10px 15px;background:var(--background-color,#fff)}#online-stores .img-ctnr{max-width:100px;height:100%;display:flex;justify-content:center;align-items:center}#online-stores .img-ctnr img{max-width:100%;max-height:100%}#online-stores .price{height:50%;padding:10px 0;font-size:.75em;color:var(--main-color)}#online-stores .price span:after{content:' '}#online-stores .btn{padding:7px 25px;border-radius:30px;border:1px solid var(--secondary-color,var(--main-color));color:var(--background-color);background:var(--secondary-color,var(--main-color));font-family:var(--font-alternate);font-size:.6em;text-decoration:none;text-transform:uppercase}#online-stores .btn:focus,#online-stores .btn:hover{color:var(--secondary-color,var(--main-color));background:var(--background-color)}#online-stores.showall .row:nth-child(n+5){display:flex}#online-stores .error{flex:1 1 100%;border:1px solid var(--border-color)}@media (max-width:449px){#online-stores .row{flex:1 1 100%}}.offline-ctnr{width:100%;height:100%;display:flex;flex-flow:column nowrap;position:relative}.location-bar{width:100%;height:42px;padding:0 20px;margin-top:20px;display:flex;flex:none;position:absolute;left:0;top:0;z-index:30}.location-bar #search{flex:1 1 auto;position:relative;border-radius:30px;border:1px solid #fff;border:1px solid var(--background-color);background:var(--background-color);font-family:var(--font-default);font-size:.75em}.location-bar #search .locate{position:absolute;top:10px;right:12px;width:28px;height:20px;padding-left:8px;border-left:1px solid var(--border-color)}.location-bar #search svg{fill:var(--main-color)}.location-bar #search #search-input{padding:0 45px 0 20px;border:0;width:100%;height:40px;font-family:var(--font-default);background:0 0;color:var(--main-color)}.location-bar #search #_autocomplete{border-color:var(--secondary-color,var(--main-color));color:var(--main-color)}.location-bar #search #_autocomplete li{padding:10px;border-color:var(--secondary-color,var(--main-color))}.location-bar #search #_autocomplete li.selected{background:var(--secondary-color,var(--main-color))}.location-bar #search ::placeholder{color:var(--text-color)}.map{flex:0 0 250px;width:100%;height:250px}.map .mapboxgl-map{font-family:var(--font-default)}.map #map-messages{font-size:.75em;top:70px}.map .map-store-marker-content{font-family:var(--font-alternate)}.map .map-store-marker-content.selected{width:35px;height:45px}#offline-stores{overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;width:100%;flex:1 1 auto;padding:0 20px;background:var(--background-color)}#offline-stores::-webkit-scrollbar{width:5px}#offline-stores::-webkit-scrollbar-track{background:var(--background-color)}#offline-stores::-webkit-scrollbar-thumb{background-color:var(--secondary-color,var(--main-color));border-radius:6px}#offline-stores::-webkit-scrollbar-thumb:hover{background-color:var(--main-color)}@-moz-document url-prefix(){#offline-stores{scrollbar-color:var(--secondary-color) var(--background-color);scrollbar-width:thin}}#offline-stores .closest-dist{font-size:.75em;padding:10px 0;color:var(--main-color)}#offline-stores .row{display:grid;grid-template-areas:"logo name    name" "logo address address" "logo hours   hours";grid-template-rows:1fr min-content auto;grid-template-columns:24% 1fr 32%;grid-column-gap:10px;padding:15px 0;border-bottom:1px solid var(--border-color)}#offline-stores .row .logo{grid-area:logo;width:100%;height:100%;max-height:60px;display:flex;justify-content:center;align-items:center}#offline-stores .row .logo img{max-width:100%;max-height:100%}#offline-stores .row .name{grid-area:name;color:var(--main-color);font-family:var(--font-alternate);font-size:1.1em}#offline-stores .row .address{grid-area:address;font-size:.75em;color:var(--main-color)}#offline-stores .row .address span{line-height:1.5em}#offline-stores .row .dist:after{content:' · '}#offline-stores .row .zip:after{content:'   '}#offline-stores .row .opening-hours{grid-area:hours;font-size:.75em;color:var(--main-color)}#offline-stores .row .opening-hours .hr-title{font-weight:400;line-height:1.5em}#offline-stores .row .opening-hours .hr-title .icon-time{display:none}#offline-stores .row.active{color:var(--alternate-color);background:var(--border-color)}.offline-footer,.online-footer{width:100%;height:40px;margin-top:10px;display:flex;justify-content:center;align-items:center;border-top:1px solid var(--border-color)}.offline-footer a,.online-footer a{display:inline-flex;justify-content:center;align-items:center;padding:5px;color:var(--secondary-color);text-transform:uppercase;text-decoration:none;font-family:var(--font-alternate);font-size:.8em}.offline-footer a span,.online-footer a span{order:2}.offline-footer a svg,.online-footer a svg{order:1;width:14px;height:14px;margin:0;transform:rotate(270deg);fill:var(--secondary-color)}.offline-footer a:focus,.offline-footer a:hover,.online-footer a:focus,.online-footer a:hover{color:var(--main-color)}.offline-footer a:focus svg,.offline-footer a:hover svg,.online-footer a:focus svg,.online-footer a:hover svg{fill:var(--main-color)}.offline-footer a.open svg,.online-footer a.open svg{margin-right:5px;transform:rotate(180deg)}@media (min-width:450px){.offline-footer{width:50%;order:4}}.error{text-align:center;padding:50px;background:var(--background-color)}footer{display:flex;justify-content:center;align-items:center}footer .termsofuse{color:var(--secondary-color,var(--main-color))}footer .termsofuse:focus,footer .termsofuse:hover{text-decoration:underline}