header{background-color:var(--color-bg-transparant);backdrop-filter:blur(10px);box-shadow:var(--shadow-primary);height:60px;position:fixed;width:100%;z-index:999;display:flex;justify-content:space-between;background-color:var(--color-header)}header.top{opacity:.6}header .header-branding{display:flex}header .header-branding .header-logo{height:60px;margin:0 5px;padding:0;display:flex;justify-content:center;align-items:center}header .header-branding .header-logo-text{height:50px;margin:5px;padding:0;display:flex;justify-content:center;align-items:center}header .header-btns{display:flex;flex-direction:row-reverse;padding:5px}header .header-btns button{width:50px;height:50px;background:no-repeat center center/70%;border:none;background-color:transparent;float:right;filter:invert(var(--filter-invert));cursor:pointer;transition:transform .5s}header .header-btns button#toggle-header-menu{background-image:url(/assets/media/icons/icon-menu.svg)}header .header-btns button#toggle-header-menu.open{background-image:url(/assets/media/icons/icon-menu-open.svg);background-size:100%}header .header-btns button#toggle-dark-mode{background-image:url(/assets/media/icons/icon-moon.svg);background-size:60%}header .header-btns button#toggle-dark-mode.dark{background-image:url(/assets/media/icons/icon-sun.svg)}header .header-btns button:hover{transform:scale(1.1)}header .header-btns #header-notifications{width:50px;position:relative;height:50px}header .header-btns #header-notifications i.alert{background:no-repeat url(/assets/media/icons/icon-notification.svg) center center/55%;width:100%;height:100%;cursor:pointer;transition:transform .5s}header .header-btns #header-notifications i.alert:hover{transform:scale(1.1)}header .header-btns #header-notifications .counter-badge{position:absolute;display:flex;align-items:center;justify-content:center;top:0;right:0;pointer-events:none;width:27px;height:27px;font-weight:700;text-align:center;background-color:var(--color-bg-light-transparant);border-radius:100%;border:var(--border-primary)}header .header-btns #header-notifications .dropdown{margin:0;display:flex;flex-direction:column;position:absolute;width:270px;top:calc(100% + 5px);right:-25px;list-style:none;padding:0;background-color:var(--color-bg-light-transparant);border-radius:0 0 10px 10px;overflow:hidden;box-shadow:var(--shadow-primary);z-index:2}header .header-btns #header-notifications .dropdown a{display:flex;flex-direction:column;font-size:1rem;text-decoration:none;padding:10px;cursor:pointer;border-bottom:var(--border-primary);position:relative}header .header-btns #header-notifications .dropdown a p{margin:0}header .header-btns #header-notifications .dropdown a p.score{display:flex;align-items:center;gap:10px;flex-wrap:wrap}header .header-btns #header-notifications .dropdown a p.title{font-weight:600;display:flex;align-items:center;gap:5px;flex-wrap:wrap}header .header-btns #header-notifications .dropdown a .time{position:absolute;top:10px;right:10px}header .header-btns #header-notifications .dropdown a:last-of-type{border-bottom:none}header .header-btns #header-notifications .dropdown a.unread{background-color:var(--color-blue-transparant)}header .header-btns #header-notifications .dropdown a:hover{background-color:var(--color-brand-transparant)}header .header-btns #header-notifications .dropdown a.watch-all{flex-direction:row;gap:5px;font-weight:600}header .header-btns #language{position:relative;filter:none;float:right}header .header-btns #language #toggle-language{display:flex;width:50px;height:50px;justify-content:center;align-items:center;gap:0;font-weight:600;flex-direction:column;font-size:.9rem;transition:transform .5s;cursor:pointer}header .header-btns #language #toggle-language:hover{transform:scale(1.1)}header .header-btns #language figure{padding:0;margin:0;width:100%;height:40%;flex-grow:0}header .header-btns #language .dropdown{margin:0;display:flex;flex-direction:column;position:absolute;top:calc(100% + 5px);left:50%;transform:translate(-50%);list-style:none;padding:0;background-color:var(--color-bg-light-transparant);border-radius:0 0 10px 10px;overflow:hidden;box-shadow:var(--shadow-primary);z-index:2}header .header-btns #language .dropdown.open{display:flex}header .header-btns #language .dropdown li{display:flex;font-size:1rem;gap:10px;padding:10px;cursor:pointer}header .header-btns #language .dropdown li:hover{background-color:var(--color-brand-transparant)}header .header-btns #language .dropdown li figure{width:2rem}#aside-container{position:fixed;right:0;top:60px;width:0;z-index:999;transition:width .5s;overflow:hidden;height:calc(100vh - 60px)}#aside-container.open{width:calc(var(--width-header-menu) + 5px);max-width:100%}#aside-container #header-menu{background-color:var(--color-bg-transparant);backdrop-filter:blur(10px);box-shadow:var(--shadow-primary);position:absolute;right:0;top:0;width:var(--width-header-menu);max-width:100%;height:100%;transform:translate(100%);transition:transform .5s,opacity .5s;opacity:0;z-index:999;display:flex;flex-direction:column;background:var(--bg-sidebar)}#aside-container #header-menu.open{opacity:1;transform:translate(0)}#aside-container #header-menu .branding{display:flex;height:100px}#aside-container #header-menu .branding figure{margin:0;padding:0}#aside-container #header-menu .branding figure.menu-logo{width:120px;margin-left:20px}#aside-container #header-menu .branding figure.menu-logo-text{padding:20px;display:flex;justify-content:flex-start}#aside-container #header-menu .branding figure.menu-logo-textimg{margin-right:auto}#aside-container #header-menu .branding figure img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}#aside-container #header-menu .item{width:100%;display:flex;align-items:center;padding:10px;box-sizing:border-box;text-decoration:none;color:var(--color-text-primary);justify-content:flex-start;background-color:transparent;border:none;cursor:pointer;gap:10px}#aside-container #header-menu .item:hover{box-shadow:inset var(--shadow-primary-hover);background-color:var(--color-brand-transparant);transition:0s}#aside-container #header-menu .item.active{background-color:var(--color-header-menu-item-selected)}#aside-container #header-menu .item.info{margin-top:50px}#aside-container #header-menu .item i{width:30px;height:30px;display:block}#aside-container #header-menu .item span{font-weight:600}#aside-container #header-menu .subs-menu{padding-left:30px}#aside-container #header-menu .subs-menu a{border-radius:15px 0 0 15px}#aside-container #header-menu nav.account{margin-bottom:50px;border-bottom:var(--border-secondary);border-top:var(--border-secondary)}#aside-container #header-menu nav.account .account-btn{padding:20px 10px}#aside-container #header-menu nav.account .account-btn div p{margin:0}#aside-container #header-menu nav.account .account-btn div p:first-child{font-weight:600}#aside-container #header-menu nav.shared-bar{border-bottom:var(--border-secondary)}#aside-container #header-menu nav.bottom-bar{margin-top:auto;border-top:var(--border-secondary)}#aside-container #header-menu nav.bottom-bar .logout-btn i{background-image:url(/assets/media/icons/icon-logout.svg)}#aside-container #header-menu nav.bottom-bar .loading{margin:0 auto}.pick-score-component{padding:0;margin:0!important}.pick-score-component p{display:flex;align-items:center;justify-content:flex-start;gap:5px}.pick-score-component i.icon{filter:invert(0)}.pick-score-component i.star{background-image:url(/assets/media/icons/icon-star.svg)}.pick-score-component i.star-closed{background-image:url(/assets/media/icons/icon-star-closed.svg)}footer{width:100%;padding:50px 10px 20px;box-sizing:border-box;background-color:var(--color-footer);box-shadow:var(--shadow-primary)}footer h3{text-align:center;margin:0}footer a{text-decoration:underline;transition:all .5s ease;display:inline-block}footer a:hover{opacity:.7;transform:translateY(-1px);-webkit-text-decoration:dashed;text-decoration:dashed}footer .socials{width:100%;padding:20px;box-sizing:border-box}footer .socials nav{display:flex;justify-content:center;gap:20px;margin-top:10px}footer .socials nav a{width:40px;height:40px;display:block;background:no-repeat center center/contain;box-shadow:var(--shadow-primary)}footer .socials nav a:hover{transform:scale(1.2);box-shadow:var(--shadow-primary-hover)}footer .socials nav a.facebook{background-image:url(/assets/media/icons/icon-socials-fb.svg);border-radius:100%}footer .socials nav a.instagram{background-image:url(/assets/media/icons/icon-socials-ig.svg);border-radius:10px}footer .socials nav a.yt{background-image:url(/assets/media/icons/icon-socials-yt.svg);border-radius:100%}footer .links{width:100%;padding:20px;box-sizing:border-box;display:flex;justify-content:space-evenly;flex-wrap:wrap;gap:20px}footer .links h3{text-align:left}footer .links ul{list-style:none;padding:0}footer .links ul li{width:100%;padding:5px 5px 5px 10px;box-sizing:border-box}footer .links ul li:first-child{padding-left:0}footer .links ul li.sub{padding-left:20px}footer .copyright{margin:0;text-align:right}footer .copyright .tm{font-size:1.5em}.main-page{position:relative}.main-page:after{content:"";background:var(--image-bg) no-repeat top center/cover;left:0;top:0;filter:none;opacity:1;width:100%;height:100vh;position:absolute;background-attachment:fixed;z-index:-1;border-radius:0 0 20px 20px}.main-page .zoek-section{height:calc(100vh - 60px);padding-top:10vh}.main-page .zoek-section h1{padding-top:15px;color:#fff;text-align:center;text-shadow:0 0 10px black,0 0 3px black}.main-page .zoek-section .center{margin:10px auto}.main-page .zoek-section .transition-btn{transition:width 1s,background-color 1s}.main-page .zoek-section .current-location{margin:10px auto;padding:.5em 2em;width:390px;max-width:80%;height:auto;animation:puls 10s infinite alternate}.main-page .zoek-section .current-location i{flex-shrink:0;width:2.5em;height:2.5em}.main-page .zoek-section .current-location span{font-size:1.2rem;white-space:normal}.main-page .zoek-section .current-location.geolocating i{animation:turn 1s infinite}.main-page .zoek-section .search-form{transition:width 1s,height 1s,background-color 1s;display:flex}.main-page .zoek-section .search-form .header{display:flex;width:100%;justify-content:center}.main-page .zoek-section .search-form .input-group{width:1px;transition:width 1s,all 1s}.main-page .zoek-section .search-form.show-search-form{margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;width:90%;height:unset;max-width:650px;background-color:var(--color-bg-transparant);border:var(--border-secondary);border-radius:calc(2rem + 5px);box-shadow:var(--shadow-primary)}.main-page .zoek-section .search-form.show-search-form .input-group{width:calc(100% - 5.5rem - 10px);display:flex}.main-page .zoek-section .search-form.show-search-form .input-group i{display:block;width:2rem;height:2rem;margin:1rem}.main-page .zoek-section .search-form.show-search-form .input-group input{min-height:4rem;border:none;background-color:transparent;font-size:1.25rem;width:calc(100% - 4rem);cursor:auto;padding:0 5px}.main-page .zoek-section .search-form.show-search-form .input-group input:focus{outline:none}.main-page .zoek-section .search-form.show-search-form button:hover{background-color:var(--color-brand-transparant)}.main-page .zoek-section .search-form.show-search-form .reset-btn{width:1.5rem;height:1.5rem;margin:1.25rem 5px;padding:0;border-radius:100%;border:var(--border-primary);background-color:transparent;box-shadow:var(--shadow-primary)}.main-page .zoek-section .search-form.show-search-form .reset-btn i{width:calc(1.5rem - 2px);height:calc(1.5rem - 2px)}.main-page .zoek-section .search-form.show-search-form .reset-btn:hover{transform:scale(1.3)}.main-page .zoek-section .search-form.show-search-form .locate-btn{min-height:4rem;width:4rem;border:none;padding:0;background-color:transparent;border-top-right-radius:calc(2rem + 5px);cursor:pointer}.main-page .zoek-section .search-form.show-search-form .locate-btn i{width:2rem;height:2rem;transition:transform .5s}.main-page .zoek-section .search-form.show-search-form .locate-btn span{display:none}.main-page .zoek-section .search-form.show-search-form .locate-btn:hover i{transform:scale(1.5)!important}.main-page .zoek-section .search-form.show-search-form .locate-btn.geolocating{background-color:var(--color-brand)}.main-page .zoek-section .search-form.show-search-form .locate-btn.geolocating i{animation:turn 1s infinite}.main-page .zoek-section .search-form.show-search-form .search-btn{background-color:var(--color-brand);width:100%;margin:5px;min-height:4rem;border-radius:2rem;border:var(--border-secondary);cursor:pointer;transition:.5s;font-size:1.25rem;font-weight:600}.main-page .zoek-section .search-form.show-search-form .search-btn i,.main-page .zoek-section .search-form.show-search-form .search-btn span{font-size:1.25rem}.main-page .zoek-section .search-form.show-search-form .search-btn:hover i,.main-page .zoek-section .search-form.show-search-form .search-btn:hover span{font-size:1.55rem}.main-page .zoek-section .search-form.show-search-form .location-results{list-style:none;padding:0;margin:0;width:100%;border-radius:0 0 calc(2rem + 5px) calc(2rem + 5px);overflow:hidden;border-top:var(--border-secondary)}.main-page .zoek-section .search-form.show-search-form .location-results li{padding:10px 20px 10px 24px;display:flex;justify-content:start;align-items:center;width:100%;gap:24px;cursor:pointer}.main-page .zoek-section .search-form.show-search-form .location-results li span{font-size:1rem}.main-page .zoek-section .search-form.show-search-form .location-results li:hover{background-color:var(--color-brand-transparant)}.main-page .zoek-section .search-form.show-search-form .location-results .attribution{margin:0;width:100%;text-align:right;padding:0 2rem 0 0}.main-page .icons nav{display:flex;flex-wrap:wrap;padding:0 15px;gap:20px;justify-content:space-evenly;max-width:1200px;margin:50px auto 0}.main-page .icons nav article{list-style:none;text-decoration:none;max-width:200px;min-width:120px;flex:1 1 30%;text-align:center;transition:.5s;border-radius:15px;padding:0 10px;box-sizing:border-box;margin:0 auto;font-size:1rem}.main-page .icons nav article img{filter:invert(var(--filter-invert));width:80%;max-width:200px;display:block;margin:10px auto;aspect-ratio:1}.main-page .icons nav article p{width:100%}.main-page .icons nav article:hover{transform:scale(1.05);box-shadow:var(--shadow-light)}.main-page .problem{width:90%;max-width:800px;margin:50px auto;padding:10px 20px;line-height:1.6}.main-page .seller{width:90%;max-width:1000px;margin:50px auto;background-color:var(--color-surface);box-shadow:var(--shadow-primary);border-radius:20px;padding:10px 20px}.main-page .seller .sub{text-align:center}.main-page .seller .cards{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0;justify-content:center}.main-page .seller .cards article{display:flex;align-items:center;flex-direction:column;flex:1 1 30%;min-width:200px;max-width:300px;background-color:var(--color-surface);border-radius:10px}.main-page .seller .cards article figure{width:100%;margin:0;padding:0;min-width:200px}.main-page .seller .cards article figure img{border-radius:10px}.main-page .seller .cards article .content{flex:1 1 50%;margin:0;padding:10px}.main-page .seller .cards article .content h3{text-align:center;margin:10px 0}.main-page .seller .cards article .content p{margin:0;width:100%}.main-page .seller .btns{width:100%;display:flex;align-items:center;flex-direction:column;gap:10px}.main-page .seller .btns .btn{width:80%}.main-page .info{margin:20px auto;padding:10px;box-sizing:border-box}.main-page .info h3{margin:0 0 15px;width:100%}.main-page .info article{display:flex;align-items:stretch;justify-content:center;min-height:260px;margin:0;transition:transform .5s;border-radius:5px;overflow:hidden;text-align:center}.main-page .info article:hover{transform:scale(1.01)}.main-page .info article figure,.main-page .info article div{width:50%;max-width:600px;box-sizing:border-box}.main-page .info article figure{padding:0;margin:0;aspect-ratio:2;background:no-repeat center center/cover}.main-page .info article div{display:flex;flex-flow:column wrap;justify-content:center;padding:10px}.main-page .info article p{margin:0}.main-page .info article:nth-of-type(1) figure{background-image:url(/assets/media/bgs/info1.jpg)}.main-page .info article:nth-of-type(2) figure{background-image:url(/assets/media/bgs/info2.jpg)}.main-page .info article:nth-of-type(3) figure{background-image:url(/assets/media/bgs/info3.jpg)}.main-page .tags{perspective:1000px;padding:60px 0;overflow:hidden}.main-page .tags .list{display:flex;justify-content:center;align-items:center;transform-style:preserve-3d;height:300px;position:relative;animation:rotate-coverflow 25s linear infinite}.main-page .tags .list ul{list-style:none;padding:0;margin:0;display:contents}.main-page .tags .list ul li{position:absolute;width:200px;height:170px;background:var(--color-bg-transparant);border-radius:12px;overflow:hidden}.main-page .tags .list ul li figure{width:100%;height:133px}.main-page .tags .list ul li h3{position:absolute;bottom:0;width:100%;margin:0;padding:10px;text-align:center}.main-page .center{margin:10px auto 50px}.main-page .faq{padding:0 0 50px}.main-page .faq details{width:90%;margin:10px auto;max-width:600px;background-color:var(--color-surface);border-radius:10px;box-shadow:var(--shadow-secondary)}.main-page .faq details[open] summary{border-radius:10px 10px 0 0}.main-page .faq details summary{border-radius:10px;padding:20px;text-align:center;background-color:var(--color-surface);box-shadow:var(--shadow-primary);cursor:pointer;font-size:1.2rem;font-weight:600}.main-page .faq details summary:hover{background-color:var(--color-surface-hover)}.main-page .faq details .details{padding:10px}.main-page .faq details .details.text{padding:20px;line-height:1.6}.main-page .faq details .details.text li{margin:10px 0}.main-page .faq .btn{width:90%;margin:10px auto;max-width:600px}.main-page .bg2{background:no-repeat url(/assets/media/bgs/bg2.jpg) center center/cover;background-attachment:fixed;height:calc(100vh - 435px);z-index:-2;position:relative}@keyframes rotate-coverflow{0%{transform:rotateY(360deg) rotateX(-5deg) rotate(0)}50%{transform:rotateY(180deg) rotateX(0) rotate(-5deg)}to{transform:rotateY(0) rotateX(-5deg) rotate(0)}}@media(width<430px){.main-page .icons nav{flex-direction:column;justify-content:center}}.contact-page{padding:100px 0 50px}.contact-page .success h2,.contact-page .faqs h2{margin-top:5px;margin-bottom:5px}.contact-page .success p,.contact-page .faqs p{margin-top:10px}.contact-page .faqs{margin-bottom:20px}.contact-page .form h2{margin-top:5px}.contact-page .form{background-color:var(--color-surface);padding:10px 20px;border-radius:20px;box-shadow:var(--shadow-primary)}.not-found-page{position:relative}.not-found-page section{padding-top:10px;width:80%;max-width:600px;margin:0 auto}.not-found-page section figure{width:100%;max-width:400px;margin:0 auto;padding:0}.not-found-page section .btns{padding-top:10px;display:flex;flex-direction:column;align-items:center;gap:10px}.pickup-page{padding-top:100px;padding-bottom:50px}.pickup-page h1{text-align:center;margin-bottom:0}.pickup-page .min-order-time{text-align:center;margin-top:0}.pickup-page section{width:90%;max-width:600px;margin:0 auto}.pickup-page section .verkoper-header{text-align:center}.pickup-page section details{background-color:var(--color-surface);margin:10px 0;box-shadow:var(--shadow-primary);border-radius:10px;overflow:hidden}.pickup-page section details summary{padding:10px 0;text-align:center;border-radius:10px;cursor:pointer}.pickup-page section details summary:hover{box-shadow:var(--shadow-primary-hover);background-color:var(--color-bg-transparant)}.pickup-page #bevestig-form{width:90%;max-width:500px;margin:10px auto 0;display:flex;flex-direction:column;gap:15px}.pickup-page #bevestig-form label{font-weight:700;text-align:center;font-size:1.2rem}.pickup-page #bevestig-form #change-month{display:flex;justify-content:space-between;align-items:center;background-color:var(--color-surface);border-radius:10px;padding:5px}.pickup-page #bevestig-form #change-month input[type=button]{width:40px;height:40px;border-radius:50%;border:none;background-color:var(--color-brand);cursor:pointer;font-weight:700}.pickup-page #bevestig-form #change-month input[type=button]:hover{background-color:var(--color-brand-transparant)}.pickup-page #bevestig-form #change-month p{margin:0;font-weight:700;text-transform:capitalize}.pickup-page #bevestig-form #date-picker{width:100%;border-collapse:separate;border-spacing:5px}.pickup-page #bevestig-form #date-picker th{text-transform:uppercase;font-size:.8rem;color:var(--color-text-secondary)}.pickup-page #bevestig-form #date-picker td{text-align:center;padding:10px 5px;background-color:var(--color-surface);border-radius:5px;font-weight:700;transition:transform .2s,background-color .2s}.pickup-page #bevestig-form #date-picker td.not-this-month{opacity:.5;font-weight:400}.pickup-page #bevestig-form #date-picker td.open-day{background-color:var(--color-green-transparant)}.pickup-page #bevestig-form #date-picker td.still-open:hover{cursor:pointer;background-color:var(--color-brand);transform:scale(1.1)}.pickup-page #bevestig-form #date-picker td.open-day.passed{background-color:var(--color-red-transparant)}.pickup-page #bevestig-form #date-picker td.passed{background-color:var(--color-grey-transparant)}.pickup-page #bevestig-form #date-picker td.today{background-color:var(--color-grey);box-shadow:0 0 15px var(--color-grey)}.pickup-page #bevestig-form #date-picker td.today.open-day{background-color:var(--color-red);box-shadow:0 0 15px red}.pickup-page #bevestig-form #date-picker td.today.still-open{background-color:#0f0;box-shadow:0 0 15px #0f0}.pickup-page #bevestig-form #date-picker td.selected-day.open-day{background-color:var(--color-brand);box-shadow:var(--shadow-primary)}.pickup-page #bevestig-form .pickup-day{text-align:center;margin:0;font-weight:600}.pickup-page #bevestig-form #time-picker{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}.pickup-page #bevestig-form #time-picker li{padding:15px 20px;background-color:var(--color-surface);border-radius:10px;box-shadow:var(--shadow-primary);cursor:pointer;transition:.3s}.pickup-page #bevestig-form #time-picker li:hover,.pickup-page #bevestig-form #time-picker li.selected{background-color:var(--color-brand);transform:translateY(-3px)}@media(width<=500px){.pickup-page #bevestig-form{width:95%}.pickup-page #bevestig-form #date-picker td{padding:15px 5px}}.openings-uren-component .opening-hours{display:flex;flex-wrap:wrap}.openings-uren-component .opening-hours .min-order-time{text-align:center;width:100%}.openings-uren-component .opening-hours p{margin:0}.openings-uren-component .opening-hours table{width:100%;flex:1 1 50%;min-width:min(230px,100%)}.openings-uren-component .opening-hours table tr:nth-of-type(2n){background-color:var(--color-bg-transparant)}.openings-uren-component .opening-hours table tr td{text-align:center;padding:5px}.map-container{position:relative}.map-container .map-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.map-container .map{width:100%;height:300px;border:none;display:block;transition:"opacity 0.3s ease-in"}.bevestigen-page .company-info h2{margin-bottom:0;text-align:left}.bevestigen-page table{width:100%}.bevestigen-page table p{margin:0}.bevestigen-page table td:nth-of-type(1){width:50px}.bevestigen-page table td:nth-of-type(2){width:90%}.bevestigen-page table td:nth-of-type(4){max-width:120px}.bevestigen-page table figure{padding:0;margin:0;width:50px;height:50px}.bevestigen-page table .cart-info,.bevestigen-page table .cart-price{display:flex;flex-direction:column;height:100%}.bevestigen-page table .cart-price{text-align:right;padding-left:5px}.bevestigen-page table .cart-count{min-width:40px}.bevestigen-page .total{display:flex;justify-content:space-between;width:90%;margin:20px auto}.bevestigen-page .btns{display:flex;flex-direction:column;gap:30px}.bevestigen-page .btns .logout-first .btn{width:100%}.bevestigen-page .btns .guest-warning{margin:5px 0 0}.product-table-component table{width:100%}.product-table-component table p{margin:0}.product-table-component table td:nth-of-type(1){width:50px}.product-table-component table td:nth-of-type(2){width:90%}.product-table-component table td:nth-of-type(4){max-width:120px}.product-table-component table figure{padding:0;margin:0;width:50px;height:50px}.product-table-component table .cart-info,.product-table-component table .cart-price{display:flex;flex-direction:column;height:100%}.product-table-component table .cart-price{text-align:right;padding-left:5px}.product-table-component table .cart-count{min-width:40px}.product-table-component .total{display:flex;justify-content:space-between;width:90%;margin:20px auto}.details-page{padding-top:100px;padding-bottom:50px}.details-page .form{background-color:var(--color-surface);padding:10px 20px;border-radius:20px;box-shadow:var(--shadow-primary)}.terms-page{padding:100px 0 50px}.terms-page section{width:90%;max-width:800px;margin:0 auto;line-height:150%;background-color:var(--color-surface);padding:10px 20px;border-radius:20px;box-shadow:var(--shadow-primary)}.terms-page section h2{line-height:110%;text-align:left}.terms-page section p{font-size:1.1rem;line-height:1.6}.terms-page section li{margin:10px 0}.terms-page section.skeleton p,.terms-page section.skeleton h2{background:linear-gradient(45deg,var(--color-text-primary) 0%,var(--color-text-primary) 35%,transparent 49%,var(--color-text-primary) 64%,var(--color-text-primary) 100%);background-size:300% 100%;animation:skeleton 2.5s infinite ease-in-out;display:inline-block;height:1em;opacity:var(--opacity-skeleton);border-radius:1em;width:100%}.terms-page section.skeleton h2{width:70%}.terms-page section.skeleton li p{margin:0}.privacy-page{padding:100px 0 50px}.privacy-page section{width:90%;max-width:800px;margin:0 auto;line-height:150%;background-color:var(--color-surface);padding:10px 20px;border-radius:20px;box-shadow:var(--shadow-primary)}.privacy-page section h2{line-height:110%;text-align:left}.privacy-page section p{font-size:1.1rem;line-height:1.6}.privacy-page section li{margin:10px 0}.privacy-page section.skeleton p,.privacy-page section.skeleton h2{background:linear-gradient(45deg,var(--color-text-primary) 0%,var(--color-text-primary) 35%,transparent 49%,var(--color-text-primary) 64%,var(--color-text-primary) 100%);background-size:300% 100%;animation:skeleton 2.5s infinite ease-in-out;display:inline-block;height:1em;opacity:var(--opacity-skeleton);border-radius:1em;width:100%}.privacy-page section.skeleton h2{width:70%}.privacy-page section.skeleton li p{margin:0}.bevestigen-page{padding-top:100px;padding-bottom:50px}.bevestigen-page h1{margin-bottom:0}.bevestigen-page h3{margin-bottom:0;text-align:left}.bevestigen-page figure{position:relative;margin:0;padding:0;height:200px}.bevestigen-page figure img{position:absolute;display:block;height:200px}.bevestigen-page figure .confetti{pointer-events:none;height:500px;max-height:unset;top:-150px}.bevestigen-page .info{margin:0}.bevestigen-page section{width:90%;max-width:600px;margin:0 auto}.bevestigen-page .company-info p{margin-top:0}.track-order-page{padding:100px 0 50px}.track-order-page .form{background-color:var(--color-surface);padding:10px 20px;border-radius:20px;box-shadow:var(--shadow-primary)}.customer-order-page{padding-bottom:50px;padding-top:100px}.customer-order-page .title{margin-bottom:0}.customer-order-page .id{margin-top:0;margin-bottom:0}.customer-order-page .popup{padding:10px}.customer-order-page .popup .form{padding-bottom:20px}.customer-order-page .popup .flex{gap:10px;flex-wrap:wrap}.customer-order-page .popup .flex .btn{flex:1 1 45%}.customer-order-page section{width:90%;max-width:600px;margin:0 auto}.customer-order-page section .not-bold{font-weight:500}.customer-order-page section .created{margin-top:0;text-align:center}.customer-order-page section .seller{display:flex;align-items:center;gap:5px;margin-top:0;margin-bottom:0}.customer-order-page section .address{margin:5px 0}.customer-order-page section .status{margin-bottom:0}.customer-order-page section .updated{margin-top:0}.customer-order-page section .product-table-component{max-width:400px;margin:0 auto}.customer-order-page section .btns{width:80%;margin:0 auto 20px;display:flex;flex-direction:column}.customer-order-page section .btns .btn.cta{margin-bottom:15px}.customer-order-page section form{margin-bottom:20px;padding:20px;border-radius:10px;background-color:var(--color-surface)}.customer-order-page section form h3{text-align:center;margin-top:0}.customer-order-page section form textarea{margin:15px 0}.customer-order-page section form .info{margin-top:0}.customer-order-page section form .btns{margin-top:10px}.customer-order-page section form .btns .btn{margin:5px 0}.customer-order-page section .order-cancelled{padding:20px;border:thin solid var(--color-red);border-radius:10px;background-color:var(--color-red-transparant);box-shadow:var(--shadow-primary)}.customer-order-page section .order-cancelled h3{margin:0}.customer-order-page section .order-cancelled p{margin:10px 0 0}.customer-order-page section .order-cancelled .text{background-color:var(--color-surface);padding:20px;border-radius:10px}.customer-order-page .skeleton .loader{background:linear-gradient(45deg,var(--color-text-primary) 0%,var(--color-text-primary) 35%,var(--color-skeleton) 49%,var(--color-text-primary) 64%,var(--color-text-primary) 100%);background-size:300% 100%;animation:skeleton 2.5s infinite ease-in-out;display:inline-block;font-size:inherit;height:1em;opacity:var(--opacity-skeleton);border-radius:1em;max-width:100%}.customer-order-page .skeleton .id .loader{width:270px;margin:0 auto}.customer-order-page .skeleton .created,.customer-order-page .skeleton .status,.customer-order-page .skeleton .updated{display:flex;align-items:center;gap:5px}.customer-order-page .skeleton .created{justify-content:center}.customer-order-page .skeleton .created .loader,.customer-order-page .skeleton .updated .loader,.customer-order-page .skeleton .status .loader{width:170px}.customer-order-page .skeleton .pickup .loader{width:300px;max-width:90%}.popup-component{position:fixed;inset:0;background-color:#00000080;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:999}.popup-component .popup{position:relative;padding:10px;border-radius:10px;background-color:var(--color-bg-primary);max-height:90vh;max-width:90vw;width:-moz-fit-content;width:fit-content;overflow-y:auto}.popup-component h3{margin-top:0;text-align:center}.popup-component .close-btn{margin:-10px -10px 0 auto}.popup-component .close-btn:hover{transform:none}.status-steps-component{display:flex}.status-steps-component i.icon{width:60%;height:60%}.status-steps-component .canceld{width:25%;margin-bottom:3rem}.status-steps-component .canceld .step-item{position:relative;z-index:2;width:71.66%;margin-left:auto;margin-right:10px;display:flex;flex-direction:column;align-items:center;transition:color .3s}.status-steps-component .canceld .step-item.active .step-circle{background:var(--color-red);border-color:var(--color-red)}.status-steps-component .canceld .step-item .step-circle{width:100%;aspect-ratio:1;border-radius:50%;background:var(--color-bg-secondary);border:2px solid var(--color-light-grey);display:flex;align-items:center;justify-content:center;font-weight:700;transition:all .3s}.status-steps-component .canceld .step-item .step-label{position:absolute;top:100%;margin-top:8px;font-size:.8rem;font-weight:500;text-align:center}.status-steps-component .line-steps{width:75%;display:flex;justify-content:space-between;position:relative;margin-bottom:3rem;padding:0 10px}.status-steps-component .line-steps .step-line{position:absolute;top:50%;left:40px;right:40px;height:2px;background:var(--color-grey);z-index:1}.status-steps-component .line-steps .step-line .line-progress{height:100%;background:var(--color-brand);transition:width .3s ease}.status-steps-component .line-steps .step-item{position:relative;z-index:2;width:25%;display:flex;flex-direction:column;align-items:center;transition:color .3s}.status-steps-component .line-steps .step-item.active .step-circle{background:var(--color-brand);border-color:var(--color-brand)}.status-steps-component .line-steps .step-item .step-circle{width:100%;aspect-ratio:1;border-radius:50%;background:var(--color-bg-secondary);border:2px solid var(--color-light-grey);display:flex;align-items:center;justify-content:center;font-weight:700;transition:all .3s}.status-steps-component .line-steps .step-item .step-label{position:absolute;top:100%;margin-top:8px;font-size:.8rem;font-weight:500;text-align:center}.nearby-page{padding-top:110px;padding-bottom:50px}.nearby-page h1{margin-top:0;margin-bottom:0}.nearby-page .locatie{margin-top:0;margin-bottom:10px;display:flex;align-items:center;justify-content:center}.nearby-page .search-map{position:sticky;top:60px;z-index:3;box-shadow:var(--shadow-primary);border:var(--border-primary);opacity:.95}.nearby-page .filter .search-name{background-color:var(--color-bg-primary);padding:10px;width:90%;max-width:300px;margin:0 auto;border:var(--border-secondary);border-radius:25px;box-shadow:var(--shadow-primary);display:flex;align-items:center;gap:5px}.nearby-page .filter .search-name i{height:25px;width:25px}.nearby-page .filter .search-name input{background-color:transparent;border:none;width:100%;font-size:1rem}.nearby-page .filter .search-name input:focus{outline:none}.nearby-page .filter .tags{width:100%;margin:0 auto}.nearby-page .filter .tags ul{list-style:none;padding:10px 10px 15px;margin:0;display:flex;gap:12px;overflow-x:auto;justify-content:safe center}.nearby-page .filter .tags li{padding:6px 16px;background-color:var(--color-surface);backdrop-filter:blur(4px);border:var(--border-secondary);border-radius:30px;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 2px 8px #0000000a;cursor:pointer;flex-shrink:0;transition:all .2s ease-in-out}.nearby-page .filter .tags li:hover{transform:translateY(-2px);background-color:var(--color-surface-hover);box-shadow:var(--shadow-primary)}.nearby-page .filter .tags li.selected{background-color:var(--color-brand);color:#fff;border-color:transparent;box-shadow:0 4px 12px #e69c244d}.nearby-page .filter .tags li.selected p{font-weight:700}.nearby-page .filter .tags li.selected figure{border-color:#fff6}.nearby-page .filter .tags li figure{width:28px;height:28px;margin:0;padding:0;border-radius:50%;overflow:hidden;border:1px solid rgba(0,0,0,.05);display:flex;align-items:center;justify-content:center}.nearby-page .filter .tags li figure img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.nearby-page .filter .tags li p{margin:0;font-size:14px;font-weight:500;text-align:center;white-space:nowrap}.nearby-page .empty{margin:0 auto;width:90%}.nearby-page .empty figure{max-width:min(400px,70%);aspect-ratio:618/513;padding:0;margin:0 auto}.nearby-page .empty h2{margin:5px 0}.nearby-page .empty p{text-align:center;margin:0}.nearby-page .sellers{list-style:none;padding:clamp(10px,1.5vw,20px);display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(160px,20%,250px),1fr));gap:clamp(10px,1.5vw,20px);max-width:1000px;margin:0 auto}.nearby-page .sellers.is-loading .seller{background:linear-gradient(45deg,transparent 0%,transparent 35%,var(--color-text-secondary) 49%,transparent 64%,transparent 100%);background-size:300% 100%;animation:skeleton 2.5s infinite ease-in-out;opacity:.5}.nearby-page .sellers.is-loading .seller figure img{opacity:.6}.nearby-page .sellers .seller{position:relative;border-radius:10px;min-width:160px;display:flex;flex-flow:column;box-shadow:var(--shadow-primary);cursor:pointer}.nearby-page .sellers .seller:hover{box-shadow:var(--shadow-primary-hover);background-color:var(--color-bg-transparant)}.nearby-page .sellers .seller:hover figure img{transform:scale(1.1);z-index:-1}.nearby-page .sellers .seller .distance{position:absolute;left:0;top:0;padding:5px;margin:0;background-color:var(--color-bg-light-transparant);border-radius:5px 0;z-index:2}.nearby-page .sellers .seller figure{aspect-ratio:1;padding:0;margin:0;border-radius:5px 5px 0 0;overflow:hidden;width:100%;align-self:start}.nearby-page .sellers .seller figure img{transition:.5s}.nearby-page .sellers .seller .info{padding:5px;display:flex;flex-flow:column;justify-content:space-between;width:100%;flex-grow:2;align-self:stretch}.nearby-page .sellers .seller .info .score-component{--star-width: 1.1rem}.nearby-page .sellers .seller .info h3{text-align:center;width:100%;margin:0;justify-self:start;overflow-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:clamp(1.25rem,3.5vw,1.4rem)}.nearby-page .sellers .seller .info p{width:100%;overflow-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.nearby-page .sellers .seller .info .address{margin-bottom:0}.nearby-page .sellers .seller.skeleton{background:linear-gradient(45deg,transparent 0%,transparent 35%,var(--color-skeleton) 49%,transparent 64%,transparent 100%);background-size:600% 100%;animation:skeleton 2.5s infinite ease-in-out}.nearby-page .sellers .seller.skeleton .distance span{width:55px;display:block;background-color:var(--color-text-primary);height:1em;border-radius:1em;opacity:var(--opacity-skeleton)}.nearby-page .sellers .seller.skeleton figure{background-color:var(--color-text-primary);opacity:var(--opacity-skeleton)}.nearby-page .sellers .seller.skeleton h3 span{margin-top:5px;width:80%;display:inline-block;background-color:var(--color-text-primary);height:1.4em;border-radius:1.4em;opacity:var(--opacity-skeleton)}.nearby-page .sellers .seller.skeleton .tags span{width:100%;display:inline-block;background-color:var(--color-text-primary);height:1em;border-radius:1em;opacity:var(--opacity-skeleton)}.nearby-page .sellers .seller.skeleton .tags span:nth-child(2){width:85%}.nearby-page .sellers .seller.skeleton .address span{width:100%;display:inline-block;background-color:var(--color-text-primary);height:1em;border-radius:1em;opacity:var(--opacity-skeleton)}.nearby-page .sellers .seller.skeleton .address span:nth-child(2){width:60%}.score-component{--star-width: 1rem;display:flex;width:100%;justify-content:space-between;align-items:center;font-size:var(--star-width)}.score-component p{margin:0;flex-grow:0}.score-component .stars{position:relative;width:calc(var(--star-width) * 5);height:var(--star-width);flex-grow:0}.score-component .stars div{position:absolute;height:100%;display:flex;overflow:hidden;font-size:inherit}.score-component .stars div span{font-size:inherit;height:var(--star-width);aspect-ratio:1;background:no-repeat center center/contain;display:inline-block;filter:drop-shadow(0 0 1px yellow)}.score-component .stars div span.star-closed{background-image:url(/assets/media/icons/icon-star-closed.svg)}.score-component .stars div span.star-open{background-image:url(/assets/media/icons/icon-star.svg)}.score-component.skeleton .count,.score-component.skeleton .score{width:30px;background-color:var(--color-text-primary);height:1em;border-radius:1em;opacity:var(--opacity-skeleton)}.score-component.skeleton .stars-closed{animation:width-smooth 2s linear infinite}@keyframes width-smooth{0%{width:0}to{width:100%}}.farm-shop-page{display:flex;justify-content:center;padding-bottom:50px}.farm-shop-page .back-btn{z-index:3}.farm-shop-page .shop{flex-grow:2;max-width:1000px;padding-top:10px}.farm-shop-page .shop .open-mandje{position:sticky;top:calc(100% - 100px);display:none;z-index:10;justify-content:center}.farm-shop-page .shop .open-mandje button{background:var(--color-brand);height:50px;width:280px;max-width:90%;cursor:pointer}.farm-shop-page .shop .open-mandje button:hover{transform:scale(1.05);background:var(--color-brand-transparant)}.farm-shop-page .shop .open-mandje button i{background-image:url(/assets/media/icons/icon-shoppingcart.svg);height:1.5em;width:1.5em}.farm-shop-page .shop .boer-info{width:90%;margin:45px auto 20px}.farm-shop-page .shop .boer-info .profile-pic{max-height:300px;overflow:hidden;display:flex;align-items:center;margin:0;border-radius:10px;position:relative}.farm-shop-page .shop .boer-info .profile-pic.skeleton{background:linear-gradient(45deg,var(--color-surface) 0%,var(--color-surface) 35%,var(--color-text-primary) 49%,var(--color-surface) 64%,var(--color-surface) 100%);background-size:300% 100%;animation:skeleton 2.5s infinite ease-in-out;background-color:var(--color-text-primary);opacity:var(--opacity-skeleton);height:300px}.farm-shop-page .shop .boer-info .profile-pic.skeleton h3 span{width:150px;display:block;background-color:var(--color-text-primary);font-size:inherit;height:1em;border-radius:1em;opacity:var(--opacity-skeleton)}.farm-shop-page .shop .boer-info .profile-pic img{width:100%}.farm-shop-page .shop .boer-info .profile-pic h3{position:absolute;bottom:0;margin:0;padding:10px;left:50%;transform:translate(-50%);background-color:var(--color-bg-light-transparant);border-radius:10px 10px 0 0}.farm-shop-page .shop .boer-info .description{white-space:pre-line;padding:20px;margin:0}.farm-shop-page .shop .boer-info .img-wrapper{border-radius:10px;box-shadow:var(--shadow-primary);background-color:var(--color-surface);margin:0 auto 10px}.farm-shop-page .shop .boer-info .score{display:flex;justify-content:center;margin:10px auto}.farm-shop-page .shop .boer-info .score a{text-decoration:none}.farm-shop-page .shop .boer-info .score a:hover{transform:scale(1.05)}.farm-shop-page .shop .boer-info .score .score-component{width:unset;gap:10px;--star-width: clamp(1.6rem, 7vw, 2rem)}.farm-shop-page .shop .boer-info .payments{background-color:var(--color-surface);padding:10px;border-radius:10px}.farm-shop-page .shop .boer-info .payments p{margin:0}.farm-shop-page .shop .boer-info .payments div{display:flex;flex-wrap:wrap}.farm-shop-page .shop .boer-info .payments div .payment{position:relative;display:flex;justify-content:center;align-items:center;width:4.4rem;height:3.3rem;padding:3px;margin:5px;border-radius:5px;background-color:var(--color-bg-primary)}.farm-shop-page .shop .boer-info .payments div .payment:hover .tooltip,.farm-shop-page .shop .boer-info .payments div .payment:active .tooltip{display:block}.farm-shop-page .shop .boer-info .payments div .payment.skeleton{background:linear-gradient(45deg,var(--color-bg-primary) 0%,var(--color-bg-primary) 35%,var(--color-skeleton) 49%,var(--color-bg-primary) 64%,var(--color-bg-primary) 100%);background-size:400% 100%;animation:skeleton 2.5s infinite ease-in-out}.farm-shop-page .shop .boer-info .payments div .payment .tooltip{display:none;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background-color:#000;color:#fff;border-radius:5px;padding:10px;margin-left:-20%}.farm-shop-page .shop .boer-info .payments div .payment .tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-25%);margin-left:-5px;border-width:10px;border-style:solid;border-color:black transparent transparent}.farm-shop-page .shop .boer-info details{background-color:var(--color-surface);margin:10px 0;box-shadow:var(--shadow-primary);border-radius:10px;overflow:hidden}.farm-shop-page .shop .boer-info details summary{padding:10px 0;text-align:center;border-radius:10px;cursor:pointer}.farm-shop-page .shop .boer-info details summary:hover{box-shadow:var(--shadow-primary-hover);background-color:var(--color-bg-transparant)}.farm-shop-page .shop .boer-info details summary .skeleton{background:linear-gradient(45deg,var(--color-text-secondary) 0%,var(--color-text-secondary) 35%,var(--color-text-primary) 49%,var(--color-text-secondary) 64%,var(--color-text-secondary) 100%);background-size:300% 100%;animation:skeleton 2.5s infinite ease-in-out;font-size:inherit;display:inline-block;height:1em;border-radius:1em;width:50%;opacity:var(--opacity-skeleton)}.farm-shop-page .shop .categories{list-style:none;padding:10px 10px 20px;margin:10px 0;display:flex;flex-wrap:wrap;width:100%;gap:10px;justify-content:center}.farm-shop-page .shop .categories .category{text-decoration:none;width:120px;background-color:var(--color-bg-primary);border-radius:10px;overflow:hidden;flex:0 0 120px;box-shadow:var(--shadow-primary);cursor:pointer;transition:.5s}.farm-shop-page .shop .categories .category:hover{transform:scale(1.1)}.farm-shop-page .shop .categories .category figure{width:100%;padding:0;margin:0;aspect-ratio:200/133}.farm-shop-page .shop .categories .category p{margin:0;text-align:center}.farm-shop-page .shop .categories .category.skeleton{background:linear-gradient(45deg,var(--color-bg-primary) 0%,var(--color-bg-primary) 35%,var(--color-skeleton) 49%,var(--color-bg-primary) 64%,var(--color-bg-primary) 100%);background-size:400% 100%;animation:skeleton 2.5s infinite ease-in-out}.farm-shop-page .shop .categories .category.skeleton figure{height:67px;background-color:var(--color-text-secondary);opacity:var(--opacity-skeleton)}.farm-shop-page .shop .categories .category.skeleton p span{font-size:inherit;width:70%;display:block;background-color:var(--color-text-primary);height:1em;margin:5px auto;border-radius:1em;opacity:var(--opacity-skeleton)}.farm-shop-page .shop .products{list-style:none;padding:0;width:90%;margin:0 auto}.farm-shop-page .shop .products .category{text-align:center}.farm-shop-page .shop .products .product{background-color:var(--color-surface);display:flex;position:relative;border-radius:10px;box-shadow:var(--shadow-primary);margin:0 0 10px}.farm-shop-page .shop .products .product .organic-tag{position:absolute;left:-5px;top:-5px;margin:0;padding:3px;font-size:.8rem;font-weight:700;border:thin solid var(--color-green);border-radius:10px;background-color:var(--color-bg-transparant);display:flex;align-items:center;color:var(--color-text-primary)}.farm-shop-page .shop .products .product .organic-tag i{display:inline-block;background:no-repeat url(/assets/media/icons/icon-leaf-green.svg) center center/contain;width:1.2em;height:1.2em}.farm-shop-page .shop .products .product figure{padding:0;margin:0;height:150px;width:50%;max-width:150px;border-radius:10px 0 0 10px;overflow:hidden}.farm-shop-page .shop .products .product .info{padding:10px;display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;width:calc(100% - 150px)}.farm-shop-page .shop .products .product .info h3{margin:0}.farm-shop-page .shop .products .product .info .name,.farm-shop-page .shop .products .product .info .quantity{justify-self:flex-start}.farm-shop-page .shop .products .product .info .description{margin:0}.farm-shop-page .shop .products .product .info .price{justify-self:flex-end}.farm-shop-page .shop .products .product .btns{position:absolute;right:0;bottom:0}.farm-shop-page .shop .products .product .btns .edit-to-cart{display:flex;justify-content:center;align-items:center;gap:5px;border-radius:10px;border:var(--border-secondary)}.farm-shop-page .shop .products .product .btns .edit-to-cart span{font-weight:700}.farm-shop-page .shop .products .product .btns .edit-to-cart .btn{width:35px;height:30px;padding:5px;border-radius:0 10px 10px 0;background:transparent;box-shadow:none;border:none;border-left:var(--border-secondary)}.farm-shop-page .shop .products .product .btns .edit-to-cart .btn.min{border-radius:10px 0 0 10px;border-right:var(--border-secondary);border-left:none}.farm-shop-page .shop .products .product .btns .edit-to-cart .btn:hover{background:var(--color-brand-transparant)}.farm-shop-page .shop .products .product .btns .add-to-cart{aspect-ratio:1;padding:5px;width:40px;position:relative;background-color:var(--color-bg-transparant)}.farm-shop-page .shop .products .product .btns .add-to-cart.selected{background-color:var(--color-brand)}.farm-shop-page .shop .products .product .btns .add-to-cart i{width:100%;height:100%;background-image:url(/assets/media/icons/icon-shoppingcart.svg)}.farm-shop-page .shop .products .product .btns .add-to-cart .count{position:absolute;z-index:2;top:-15px;right:-15px;width:30px;line-height:30px;height:30px;margin:0;background-color:var(--color-bg-primary);border-radius:100%;box-shadow:var(--shadow-primary)}.farm-shop-page .shop .products .product.skeleton{background:linear-gradient(45deg,var(--color-surface) 0%,var(--color-surface) 35%,var(--color-skeleton) 49%,var(--color-surface) 64%,var(--color-surface) 100%);background-size:300% 100%;animation:skeleton 2.5s infinite ease-in-out}.farm-shop-page .shop .products .product.skeleton figure{background-color:var(--color-text-secondary);opacity:var(--opacity-skeleton)}.farm-shop-page .shop .products .product.skeleton .info span{width:80%;display:block;font-size:inherit;height:1em;background-color:var(--color-text-primary);opacity:var(--opacity-skeleton);border-radius:1em}.farm-shop-page .shop .products .product.skeleton .name span{width:50%}.farm-shop-page .shop .products .product.skeleton .quantity span{width:30%}.farm-shop-page .shop .products .product.skeleton .price span{width:25%}.farm-shop-page .shop .products .product.skeleton .btns{opacity:var(--opacity-skeleton)}.farm-shop-page .cart{width:50%;max-width:600px;position:relative;padding:10px}.farm-shop-page .cart .back-btn{display:none}.farm-shop-page .cart .floating{position:sticky;top:100px;width:100%;max-width:400px;margin:0 auto}.farm-shop-page .cart .floating h3{text-align:center}.farm-shop-page .cart .floating h3 span{font-size:1em}.farm-shop-page .cart .floating table{width:100%}.farm-shop-page .cart .floating table p{margin:0}.farm-shop-page .cart .floating table td:nth-of-type(1){width:50px}.farm-shop-page .cart .floating table td:nth-of-type(2){width:90%}.farm-shop-page .cart .floating table td:nth-of-type(3){max-width:90px}.farm-shop-page .cart .floating table td:nth-of-type(4){max-width:120px}.farm-shop-page .cart .floating table figure{padding:0;margin:0;width:50px;height:50px}.farm-shop-page .cart .floating table .cart-info,.farm-shop-page .cart .floating table .cart-price{display:flex;flex-direction:column;height:100%}.farm-shop-page .cart .floating table .cart-price{text-align:right;padding-left:5px}.farm-shop-page .cart .floating table .cart-count{display:flex;align-items:center;justify-content:space-between;gap:3px}.farm-shop-page .cart .floating table .cart-count button{width:1.3rem;height:2rem;font-size:1.2rem;border:none;background-color:var(--color-surface);border-radius:5px;box-shadow:var(--shadow-secondary)}.farm-shop-page .cart .floating table .cart-count button:hover{background-color:var(--color-bg-primary);box-shadow:var(--shadow-primary-hover)}.farm-shop-page .cart .floating .empty p{text-align:center}.farm-shop-page .cart .floating .checkout{background-color:var(--color-brand);padding:10px 20px;width:80%;margin:0 auto}.farm-shop-page .cart .floating .checkout:hover{background-color:var(--color-brand-transparant)}.farm-shop-page .cart .floating .checkout i{background-image:url(/assets/media/icons/icon-full-basket.svg);height:1.4em;width:1.9em}@media(width<=380px){.farm-shop-page .products li{flex-wrap:wrap}.farm-shop-page .products li figure{width:100%;max-width:200px;height:unset;aspect-ratio:1;margin:0 auto;border-radius:10px 10px 0 0}.farm-shop-page .products li figure img{width:100%}.farm-shop-page .products li .btns .add-to-cart .count{right:-5px}}@media(width<=750px){.farm-shop-page{align-items:stretch}.farm-shop-page .shop.hidden{display:none}.farm-shop-page .shop .boer-info{margin-top:0}.farm-shop-page .shop .spacer{padding-bottom:100px}.farm-shop-page .shop .open-mandje{display:flex}.farm-shop-page .cart{width:100%}.farm-shop-page .cart.hidden{display:none}.farm-shop-page .cart .back-btn{top:5px;display:flex}.farm-shop-page .cart .floating{position:static;margin-top:100px}.farm-shop-page .cart figure{width:100%;max-width:200px;height:unset;aspect-ratio:1;margin:0 auto;border-radius:10px 10px 0 0}.farm-shop-page .cart figure img{width:100%}.farm-shop-page .cart .btns .add-to-cart .count{right:-5px}}.farm-reviews-page{padding-top:100px;padding-bottom:50px}.farm-reviews-page h1{margin-bottom:0}.farm-reviews-page h2{margin-top:5px;display:flex;align-items:center;justify-content:center;gap:5px}.farm-reviews-page h2.skeleton span{display:inline-block;font-size:inherit;height:1em;background-color:var(--color-text-primary);opacity:var(--opacity-skeleton);border-radius:1em;width:200px}.farm-reviews-page .score{min-width:300px;max-width:400px;width:90%;margin:0 auto;background-color:var(--color-surface);padding:10px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:var(--shadow-primary)}.farm-reviews-page .score .points{font-size:4rem;margin:0}.farm-reviews-page .score .info .score-component{--star-width: 2rem}.farm-reviews-page .score .info .score-component span{filter:none}.farm-reviews-page .score .info .count{margin:10px 0 0}.farm-reviews-page .score.skeleton{background:linear-gradient(45deg,transparent 0%,transparent 35%,var(--color-skeleton) 49%,transparent 64%,transparent 100%);background-size:300% 100%;animation:skeleton 2.5s infinite ease-in-out}.farm-reviews-page .score.skeleton span.loader{display:inline-block;font-size:inherit;height:1em;background-color:var(--color-text-primary);opacity:var(--opacity-skeleton);border-radius:1em;width:100%}.farm-reviews-page .score.skeleton .points{width:100px;height:77px;display:flex;align-items:center}.farm-reviews-page .score.skeleton .count{display:flex;gap:5px}.farm-reviews-page .score.skeleton .count .loader{width:30px}.farm-reviews-page .filter{display:flex;flex-wrap:wrap;list-style:none;justify-content:center;padding:10px}.farm-reviews-page .filter li{display:flex;align-items:center;background-color:var(--color-surface);margin:5px;padding:5px 10px;border-radius:10px;cursor:pointer}.farm-reviews-page .filter li.active{background-color:var(--color-bg-primary);border:medium solid;border-color:var(--color-brand)}.farm-reviews-page .filter li i{width:1.6rem;height:1.6rem;background:no-repeat url(/assets/media/icons/icon-star-closed.svg) center center/contain;display:inline-block}.farm-reviews-page .filter li .spacer{width:0;height:1.6rem;display:inline-block}.farm-reviews-page .reviews{list-style:none;padding:0;width:95%;max-width:500px;margin:0 auto}.farm-reviews-page .reviews .review{padding:10px;border-radius:10px;box-shadow:var(--shadow-primary);background-color:var(--color-surface);margin:15px 0}.farm-reviews-page .reviews .review .header{display:flex;gap:10px;align-items:center;justify-content:space-between}.farm-reviews-page .reviews .review .header .stars i{width:1.5rem;height:1.5rem}.farm-reviews-page .reviews .review .header .order,.farm-reviews-page .reviews .review .header .date{margin:0}.farm-reviews-page .reviews .review .comment{background-color:var(--color-surface);padding:20px;border-radius:10px;margin-bottom:0}.farm-reviews-page .reviews .review .footer{margin-top:10px}.farm-reviews-page .reviews .review .footer .username{margin:0;font-weight:700}.farm-reviews-page .reviews .review.skeleton{background:linear-gradient(45deg,transparent 0%,transparent 35%,var(--color-skeleton) 49%,transparent 64%,transparent 100%);background-size:300% 100%;animation:skeleton 2.5s infinite ease-in-out}.farm-reviews-page .reviews .review.skeleton span.loader{display:inline-block;font-size:inherit;height:1em;background-color:var(--color-text-primary);opacity:var(--opacity-skeleton);border-radius:1em;width:100%}.farm-reviews-page .reviews .review.skeleton .order{width:100px}.farm-reviews-page .reviews .review.skeleton .date{width:40px}.farm-reviews-page .reviews .review.skeleton .username{display:flex;gap:5px;align-items:center;width:40%}.write-review-component{padding:0;margin:0 auto;display:flex;gap:5px;justify-content:center}.write-review-component i.icon{filter:invert(0);height:45px;width:45px}.write-review-component i.star{background-image:url(/assets/media/icons/icon-star.svg);opacity:.9}.write-review-component i.star-closed{background-image:url(/assets/media/icons/icon-star-closed.svg);opacity:1;cursor:pointer}.write-review-component i:hover{transform:scale(1.2)}.login-page{padding:100px 0 50px}.login-page h2{margin-bottom:0}.login-page .form{background-color:var(--color-surface);padding:10px 20px;border-radius:20px;box-shadow:var(--shadow-primary)}.login-page .form h2{margin-top:5px}.login-page .register{margin-top:0;text-align:center}.password-component{position:relative;width:100%}.password-component button{display:none;position:absolute;right:5px;top:50%;transform:translateY(-50%);border:none;background-color:transparent;cursor:pointer}.password-component button i{background:no-repeat center center/contain}.password-component button i.open{background-image:url(/assets/media/icons/icon-eye-open.svg)}.password-component button i.closed{background-image:url(/assets/media/icons/icon-eye-closed.svg)}.password-component:hover button,.password-component:focus-within button{display:flex}.switch-role-component h1{padding-top:15px;margin-bottom:5px}.switch-role-component nav{height:2rem;display:flex;justify-content:center;margin-bottom:20px}.switch-role-component nav .tabs{display:flex;justify-content:center;border:var(--border-primary);border-radius:20px;overflow:hidden}.switch-role-component nav .active{background:var(--color-brand)}.switch-role-component nav button{border:none;padding:10px 20px;cursor:pointer;border-radius:0}.switch-role-component nav button:hover{background:var(--color-brand-transparant);transform:none}.switch-role-component nav button i{background:no-repeat center center/contain}.switch-role-component nav .klant i{background-image:url(/assets/media/icons/icon-account.svg)}.switch-role-component nav .verkoper i{background-image:url(/assets/media/icons/icon-seller.svg);background-size:80%}.register-page{padding:100px 0 50px}.register-page h2{margin-bottom:0}.register-page .register-info{overflow:auto}.register-page .register{margin-top:0;text-align:center}.register-page .form{background-color:var(--color-surface);padding:10px 20px;border-radius:20px;box-shadow:var(--shadow-primary)}.register-page .password-component .good{border-color:var(--color-green);box-shadow:1px 1px 6px var(--color-green)}.register-page .password-component .bad{border-color:var(--color-red);box-shadow:1px 1px 6px var(--color-red)}.register-seller .btns{display:flex;margin-top:15px}.register-seller .btns .prev{margin-right:auto}.register-seller .btns .next{margin-left:auto}.component-combobox{position:relative}.component-combobox ul{position:absolute;width:100%;list-style:none;margin:0;padding:0;background-color:var(--color-bg-light-transparant);border-radius:0 0 10px 10px;overflow:hidden;z-index:2;box-shadow:var(--shadow-primary)}.component-combobox ul li{padding:5px;cursor:pointer}.component-combobox ul li:hover{background-color:var(--color-brand-transparant)}.address-component label[for=street-name]{margin-top:15px!important}.address-component .btn{margin:15px auto 0;width:90%}.input-img-component .resolution{margin:0}.input-img-component figure{padding:0;margin:0}.input-img-component .square-img,.input-img-component .banner-img{border:var(--border-secondary);overflow:hidden}.input-img-component .square-img img,.input-img-component .banner-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.input-img-component .square-img{aspect-ratio:1}.input-img-component .banner-img{aspect-ratio:3/1}.address-component label:first-of-type{margin-top:15px}.address-component .input-details{margin-top:25px}.address-component .input-details .checkbox{display:flex;align-items:center}.address-component .input-details .checkbox input{width:20px;height:20px}.address-component .input-details .checkbox label{margin:0}.address-component .input-details label[for=search-location]{display:inline-block;width:100%;margin-top:10px}.address-component .input-details .search-locations{box-shadow:var(--shadow-primary);border:var(--border-primary);border-radius:5px}.address-component .input-details .search-locations input{box-shadow:none;border:none;border-bottom:var(--border-primary)}.address-component .input-details .search-locations ul{list-style:none;padding:0;margin:0;width:100%}.address-component .input-details .search-locations ul li{padding:10px 20px 10px 5px;display:flex;justify-content:start;align-items:center;width:100%;gap:5px;cursor:pointer}.address-component .input-details .search-locations ul li span{font-size:1rem}.address-component .input-details .search-locations ul li:hover{background-color:var(--color-brand-transparant)}.address-component .input-details .search-locations ul .attribution{margin:0;width:100%;text-align:right}.payments .payment{display:flex;margin:10px 0;cursor:initial}.pickup-component .day{display:flex;flex-wrap:wrap;padding:5px;gap:5px;margin:10px 0;border-radius:5px;border:var(--border-subtle)}.pickup-component .day.active{border:var(--border-primary)}.pickup-component .day label{width:unset;margin:0;padding-top:4px;align-self:flex-start}.pickup-component .day input[type=checkbox]{flex:0 0 20px;width:20px;height:20px}.pickup-component .day .time-picker{width:200px;flex:0 0 auto;margin-left:auto}.pickup-component .day .time{display:flex;padding:5px;margin:5px 0;border-radius:5px;align-items:center;gap:5px;border:var(--border-secondary)}.pickup-component .day .time input[type=time]{padding:10px 5px;text-align:center;flex:0 0 auto;max-width:120px;min-width:70px;width:30%}.pickup-component .day .time button{align-self:stretch;width:25px;flex:1 0 25px;padding:0;border:var(--border-primary);border-radius:5px}.pickup-component .day .time button.add{border-color:var(--color-green);background-color:var(--color-green-transparant)}.pickup-component .day .time button.remove{border-color:var(--color-red);background-color:var(--color-red-transparant)}.step-component{display:flex;justify-content:space-between;position:relative;margin-bottom:2rem;padding:0 10px}.step-component .step-line{position:absolute;top:20px;left:40px;right:40px;height:2px;background:var(--color-grey);z-index:1}.step-component .step-line .line-progress{height:100%;background:var(--color-brand);transition:width .3s ease}.step-component .step-item{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;transition:color .3s}.step-component .step-item.active .step-circle{background:var(--color-brand);border-color:var(--color-brand)}.step-component .step-item .step-circle{width:40px;height:40px;border-radius:50%;background:var(--color-light-grey);border:2px solid var(--color-light-grey);display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:8px;transition:all .3s}.step-component .step-item .step-label{font-size:.8rem;font-weight:500}.verify-email-page{padding:100px 0 50px}.verify-email-page .info{margin-bottom:0}.verify-email-page .content{font-weight:600;text-align:center}.verify-email-page .expiry-note{text-align:center}.verify-email-page section{width:90%;margin:0 auto;max-width:600px}.verify-email-page .no-email{text-align:center}.verify-email-page .btn{margin:0 auto 10px}.verify-email-page .btn:disabled{opacity:.3}.verify-email-page .load-bar{width:90%;max-width:400px;height:10px;background-color:var(--color-secondary);margin:0 auto;box-shadow:var(--shadow-primary);border-radius:10px;overflow:hidden}.verify-email-page .load-bar .bar{background-color:var(--color-green);height:100%}.verify-email-page .countdown{text-align:center}.activate-page{padding:100px 0 50px}.activate-page section{width:90%;margin:0 auto;max-width:600px}.activate-page .loading-container{text-align:center}.forgot-password-page{padding:100px 0 50px}.forgot-password-page h2{margin-bottom:0}.forgot-password-page .form{background-color:var(--color-surface);padding:10px 20px;border-radius:20px;box-shadow:var(--shadow-primary)}.forgot-password-page .form h2{margin-top:5px}.forgot-password-page .form h3{text-align:center}.forgot-password-page .subtitle{text-align:center;width:95%;max-width:450px;margin:0 auto 15px}.forgot-password-page .btn:disabled{opacity:.3}.forgot-password-page .load-bar{width:90%;max-width:400px;height:10px;background-color:var(--color-secondary);margin:10px auto 0;box-shadow:var(--shadow-primary);border-radius:10px;overflow:hidden}.forgot-password-page .load-bar .bar{background-color:var(--color-green);height:100%}.forgot-password-page .countdown{text-align:center;margin:10px 0 0}.reset-password-page{padding:100px 0 50px}.reset-password-page h2{margin-bottom:0}.reset-password-page .form{background-color:var(--color-surface);padding:10px 20px;border-radius:20px;box-shadow:var(--shadow-primary)}.reset-password-page .form .good{border-color:var(--color-green);box-shadow:1px 1px 6px var(--color-green)}.reset-password-page .form .bad{border-color:var(--color-red);box-shadow:1px 1px 6px var(--color-red)}.reset-password-page .subtitle{text-align:center;width:95%;max-width:450px;margin:0 auto 15px}.delete-email-page{padding:100px 10px 50px}.delete-email-page h2{margin-bottom:0}.delete-email-page .lead{margin-top:5px;text-align:center}.delete-email-page .privacy-notice-box{width:90%;max-width:600px;padding:10px;margin:50px auto}.delete-email-page .privacy-notice-box li{display:flex;align-items:center;gap:5px;margin:5px}.delete-email-page .btn{margin:20px auto 0}.delete-email-page .text-muted{text-align:center;margin-top:10px}.delete-email-page .deleted section{width:90%;margin:0 auto;max-width:600px}.delete-email-page .deleted .loading-container{text-align:center}.delete-email-page .deleted p{text-align:center;max-width:90%;margin:0 auto}.faqs-page{padding:100px 0 50px}.faqs-page details{width:90%;margin:10px auto;max-width:600px;background-color:var(--color-surface);border-radius:10px;box-shadow:var(--shadow-secondary)}.faqs-page details summary{border-radius:10px;padding:20px;text-align:center;background-color:var(--color-surface);box-shadow:var(--shadow-primary);cursor:pointer;font-size:1.2rem;font-weight:600}.faqs-page details summary:hover{background-color:var(--color-surface-hover)}.faqs-page details .details{padding:10px}.faqs-page details .details.text{padding:20px;line-height:1.6}.faqs-page details .details.text li{margin:10px 0}.faqs-page .skeleton details{background:linear-gradient(45deg,var(--color-surface) 0%,var(--color-surface) 35%,transparent 49%,var(--color-surface) 64%,var(--color-surface) 100%);background-size:300% 100%;animation:skeleton 2.5s infinite ease-in-out}.faqs-page .skeleton details span{display:inline-block;height:1em;opacity:var(--opacity-skeleton);border-radius:1em;background-color:var(--color-text-primary);width:70%}.faqs-page details[open]>summary{border-radius:10px 10px 0 0}.about-page{padding:100px 0 50px}.about-page section{width:90%;max-width:800px;margin:0 auto;line-height:150%;background-color:var(--color-surface);padding:10px 20px;border-radius:20px;box-shadow:var(--shadow-primary)}.about-page section h2{line-height:110%;margin-bottom:10px}.about-page section p{font-size:1.1rem;line-height:1.6}.about-page section li{margin:10px 0}.about-page section .cards{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.about-page section .cards article{display:flex;align-items:center;flex-direction:column;flex:1 1 30%;min-width:200px;background-color:var(--color-surface);border-radius:10px}.about-page section .cards article figure{width:100%;margin:0;padding:0;min-width:200px;aspect-ratio:1}.about-page section .cards article figure img{border-radius:10px}.about-page section .cards article .content{flex:1 1 50%;margin:0;padding:10px}.about-page section .cards article .content h3{text-align:center;margin:10px 0}.about-page section .cards article .content p{margin:0;width:100%;line-height:150%}.about-page section .icons{display:flex;flex-wrap:wrap;padding:0 15px;gap:20px;justify-content:space-evenly;max-width:1200px;margin:50px auto 0}.about-page section .icons article{list-style:none;text-decoration:none;max-width:200px;min-width:120px;flex:1 1 30%;text-align:center;transition:.5s;border-radius:15px;padding:0 10px;box-sizing:border-box;margin:0 auto;font-size:1rem}.about-page section .icons article img{filter:invert(var(--filter-invert));width:80%;max-width:200px;display:block;margin:10px auto;aspect-ratio:1}.about-page section .icons article p{width:100%;line-height:150%}.about-page section .btn{width:80%;margin:20px auto}.about-page section.skeleton p,.about-page section.skeleton h2{background:linear-gradient(45deg,var(--color-text-primary) 0%,var(--color-text-primary) 35%,transparent 49%,var(--color-text-primary) 64%,var(--color-text-primary) 100%);background-size:300% 100%;animation:skeleton 2.5s infinite ease-in-out;display:inline-block;height:1em;opacity:var(--opacity-skeleton);border-radius:1em;width:100%}.about-page section.skeleton h2{width:70%}.about-page section.skeleton li p{margin:0}.info-page{padding:100px 0 50px}.info-page section{width:90%;max-width:600px;margin:0 auto;background-color:var(--color-surface);padding:10px 20px;border-radius:20px;box-shadow:var(--shadow-primary)}.info-page section nav{width:90%;margin:0 auto}.info-page section nav .btn{margin-top:40px}.info-page section nav p{margin-top:5px;text-align:center}.info-seller-page{padding:100px 0 50px}.info-seller-page section{width:90%;max-width:800px;margin:0 auto;line-height:150%;background-color:var(--color-surface);padding:10px 20px;border-radius:20px;box-shadow:var(--shadow-primary)}.info-seller-page section h2{line-height:110%;margin-bottom:10px}.info-seller-page section p{font-size:1.1rem}.info-seller-page section li{margin:10px 0}.info-seller-page section .btn{width:80%;margin:0 auto}.info-seller-page section .cards{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.info-seller-page section .cards article{display:flex;align-items:center;flex-direction:column;flex:1 1 30%;min-width:200px;background-color:var(--color-surface);border-radius:10px}.info-seller-page section .cards article figure{width:100%;margin:0;padding:0;min-width:200px;aspect-ratio:1}.info-seller-page section .cards article figure img{border-radius:10px}.info-seller-page section .cards article .content{flex:1 1 50%;margin:0;padding:10px}.info-seller-page section .cards article .content h3{text-align:center;margin:10px 0}.info-seller-page section .cards article .content p{margin:0;width:100%}.info-seller-page section .footer{text-align:center}:root{--color-brand: hsl(40deg 100% 30%);--color-brand-text: hsl(40deg 100% 60%);--color-brand-transparant: hsl(40deg 100% 30% / 50%);--color-green: #0f0;--color-green-transparant: #0f03;--color-green-semitransparant: #0f0a;--color-red: #f00;--color-red-transparant: #f003;--color-grey: #888;--color-grey-transparant: #8887;--color-light-grey: #555;--color-blue: #00f;--color-blue-transparant: rgb(0 119 255 / 20%);--color-yellow: #ff0;--color-msg-error-border: rgb(255 0 0);--color-msg-error-bg: rgb(255 0 0 / 15%);--color-msg-notification-border: rgb(0 166 255);--color-msg-notification-bg: rgb(0 166 255 / 15%);--color-msg-success-border: rgb(0 255 0);--color-msg-success-bg: rgb(0 255 0 / 15%);--image-bg: url(/assets/media/bgs/bgBig-dark.jpg);--image-bg-small: url(/assets/media/bgs/bgSmall-dark.jpg);--width-header-menu: 270px;--bg-primary: linear-gradient(#031e4e4d, #665a104d);--bg-sidebar: linear-gradient(#031e4e70, #40380975);--color-tag-slider-shadow: #2d2805;--color-footer: #665a104d;--color-header: #031e4e70;--color-bg-primary: black;--color-bg-transparant: rgb(0 0 0 / 60%);--color-bg-light-transparant: rgb(0 0 0 / 90%);--color-bg-secondary: #222;--color-header-menu-item-selected: var(--color-brand);--color-surface: rgb(255 255 255 / 10%);--color-surface-hover: rgb(255 255 255 / 15%);--color-surface-secondary: rgb(255 255 255 / 5%);--color-skeleton: rgb(255 255 255 / 10%);--color-skeleton-secondary: rgb(255 255 255 / 20%);--color-text-primary: #eee;--color-text-high-contrast: #fff;--color-text-secondary: #aaa;--color-text-green: #0f0;--color-status-ordered: #ff0;--color-status-confirmed: #ff8c00;--color-status-picked-up: #0f0;--color-status-cancelled: #f00;--shadow-primary: 0 1px 6px #aaa;--shadow-primary-hover: 0 1px 10px #aaa;--shadow-secondary: 0 1px 6px rgb(0 0 0 / 50%);--border-primary: thin solid white;--border-secondary: thin solid #808080;--border-subtle: thin solid #333;--filter-invert: 100%;--opacity-banner-image: 1;--opacity-skeleton: .3;--font-size-s: .875rem;--padding-m: clamp(5px, 2vw, 20px);--padding-s: clamp(2px, 1vw, 10px);--bg-btn: linear-gradient(var(--color-header), var(--color-footer))}.light{--color-brand: hsl(40deg 100% 60%);--color-brand-text: hsl(40deg 100% 30%);--color-brand-transparant: hsl(40deg 100% 60% / 50%);--color-light-grey: #aaa;--color-red-transparant: rgb(255 0 0 / 50%);--image-bg: url(/assets/media/bgs/bgBig.jpg);--image-bg-small: url(/assets/media/bgs/bgSmall.jpg);--bg-primary: linear-gradient(#84beff4d, #ffe5464d);--bg-sidebar: linear-gradient(#c3dfff70, #ffef8f70);--color-bg-primary: white;--color-bg-transparant: rgb(255 255 255 / 60%);--color-bg-light-transparant: rgb(255 255 255 / 90%);--color-bg-secondary: #ddd;--color-header-menu-item-selected: var(--color-brand);--color-surface: rgb(255 255 255 / 40%);--color-surface-secondary: rgb(0 0 0 / 3%);--color-skeleton: rgb(0 0 0 / 10%);--color-skeleton-secondary: rgb(0 0 0 / 20%);--color-footer: #ffe5464d;--color-tag-slider-shadow: #ffe646;--color-header: #c3dfff70;--color-text-primary: #222;--color-text-high-contrast: #000;--color-text-secondary: #555;--color-text-green: #050;--shadow-primary: 0 1px 6px #555;--shadow-primary-hover: 0 1px 10px #555;--shadow-secondary: 0 1px 6px rgb(0 0 0 / 50%);--shadow-light: 0 1px 25px rgb(85 85 85 / 20%);--border-primary: thin solid black;--border-subtle: thin solid #ccc;--filter-invert: 0%;--opacity-banner-image: 1;--bg-btn: linear-gradient(var(--color-header), var(--color-footer))}html,body,#root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100%;margin:0;padding:0;width:100%}html{font-size:16px}body{font-size:1rem;color:var(--color-text-primary);background-color:var(--color-bg-primary)}#root{overflow-y:auto}*{font-size:inherit;color:var(--color-text-primary);box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}h1{text-align:center;font-size:clamp(1.75rem,5vw,2.5rem);margin:.7em 0}h2{text-align:center;font-size:clamp(1.5rem,4vw,2rem);margin:.65em 0}h3{font-size:clamp(1.25rem,3.5vw,1.6rem);margin:.6em 0}h4{font-size:clamp(1.1rem,2.5vw,1.4rem);margin:.55em 0}h5{font-size:clamp(1.05rem,1.8vw,1.2rem);margin:.5em 0}h6{font-size:clamp(1rem,1.5vw,1.1rem);margin:.45em 0}textarea{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}figure{display:flex;place-content:center center}figure img{max-width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}label:after{content:":"}.small-text{color:var(--color-text-secondary);font-size:var(--font-size-s)}.small-text a{color:var(--color-text-secondary)}.flex{display:flex}.error{margin:5px 0;text-align:center;color:red;width:100%}.loading{margin:20px auto;width:100px;height:100px;background:no-repeat url(/assets/media/spinners/load.svg) center center/contain}.loading.small{width:50px;height:50px}.top-msg{background-color:var(--color-bg-transparant);backdrop-filter:blur(10px);position:fixed;top:60px;left:50%;transform:translate(-50%);opacity:1;transition:opacity 1s,visibility 1s,transform 1s;min-height:50px;visibility:visible;box-shadow:var(--shadow-primary);z-index:998;border-radius:10px;width:-moz-max-content;width:max-content;max-width:90vw;border:var(--border-secondary)}.top-msg.error-msg .content{border-color:var(--color-msg-error-border);background-color:var(--color-msg-error-bg)}.top-msg.success-msg .content{border-color:var(--color-msg-success-border);background-color:var(--color-msg-success-bg)}.top-msg.notification-msg .content{border-color:var(--color-msg-notification-border);background-color:var(--color-msg-notification-bg)}.top-msg.hide{opacity:0;transform:translate(-50%) translateY(-100%);visibility:hidden;pointer-events:none}.top-msg .content{border-radius:10px;text-align:center;display:flex;align-items:center;justify-content:center;gap:20px;padding:10px 10px 10px 20px;border:var(--border-secondary);border-left:7px solid red;font-weight:700}.top-msg .content .close{background-color:transparent;border:none;height:2rem;cursor:pointer}.top-msg .content .close:hover{transform:scale(1.5)}.top-msg .content .close i{height:1.5rem;width:1.5rem}.top-msg2{background-color:var(--color-bg-transparant);box-shadow:var(--shadow-primary);position:fixed;top:60px;text-align:center;width:100%;min-height:50px;padding:10px;font-weight:600;opacity:1;transition:opacity 1s,visibility 1s,transform 1s;z-index:998;transform:translateY(0);visibility:visible;display:flex;align-items:center;justify-content:space-evenly;backdrop-filter:blur(10px);color:#fff}.top-msg2 i.icon{filter:invert(1)}.top-msg2.error-msg{background-color:var(--color-msg-error)}.top-msg2.success-msg{background-color:var(--color-msg-success)}.top-msg2.notification-msg{background-color:var(--color-msg-notification)}.top-msg2.hide{opacity:0;transform:translateY(-100%);visibility:hidden;pointer-events:none}.main-wrapper{display:flex;flex-direction:column;min-height:100vh;transition:padding-top 1s}main{flex:1 0 auto;min-height:100%;padding-top:60px;box-sizing:border-box;background:var(--bg-primary);position:relative}main a,main .link{transition:all .5s ease;display:inline-block;font-weight:600;text-decoration:underline;color:var(--color-brand-text)}main a:hover,main .link:hover{opacity:.7;transform:translate(-1px,-1px);text-decoration:none}main:before{background:var(--image-bg-small) no-repeat top center;background-size:cover;content:"";filter:blur(20px);height:100%;left:0;opacity:.2;position:fixed;top:0;width:100%;z-index:-1}main .form{display:flex;flex-direction:column;width:95%;max-width:450px;margin:0 auto}main .form input:focus,main .form textarea:focus{box-shadow:0 0 10px var(--color-brand);border-color:var(--color-brand);outline:none}main .form p{text-align:center}main .form label{margin:15px 0 5px;width:100%;cursor:pointer;display:block}main .form label:first-of-type{margin-top:0}main .form input,main .form select,main .form textarea{font-size:1rem;box-shadow:var(--shadow-primary);border:var(--border-primary);color:var(--color-text-primary);background-color:var(--color-bg-primary);padding:10px 20px;border-radius:5px;cursor:pointer;width:100%}main .form input[type=text],main .form input[type=password],main .form textarea{cursor:text}main .form .forgot-password{text-align:right;margin-top:5px}main .form input[type=submit],main .form button[type=submit]{width:90%;margin:15px auto 0}main .form .flex-line{display:flex;align-content:center;cursor:initial;margin-top:15px}main .form .flex-line label,main .form .flex-line input{margin:0}main .form .input-details{font-size:1rem;box-shadow:var(--shadow-primary);border:var(--border-primary);color:var(--color-text-primary);background-color:var(--color-bg-primary);padding:10px 20px;border-radius:5px;width:100%}main .form .input-details summary{cursor:pointer}main .form .input-details[open] summary{border-bottom:var(--border-primary);padding-bottom:10px}main .form .input-details .input-line{display:flex;align-content:center;padding:5px 0;cursor:initial}main .form .input-details .input-line:nth-child(odd){background-color:var(--color-surface)}main .form .input-details .input-line label,main .form .input-details .input-line input{margin:0}main .form .input-info{margin:5px 0 0}main .form .disclaimer{display:flex;align-items:center;gap:0;margin:15px 0}main .form .disclaimer input{width:20px;height:20px}main .form .disclaimer label{padding-left:25px;font-size:var(--font-size-s);margin:0}main .form .disclaimer label:after{content:none}main .form .disclaimer p{margin:0}main .form .disclaimer .modal{position:fixed;width:100%;left:0;top:0;z-index:5;padding-top:70px;box-shadow:var(--shadow-primary);background-color:var(--color-bg-primary);height:100%}main .form .disclaimer .modal .close{margin:0 10px 10px auto}main .form .disclaimer .modal .modal-content{overflow-y:auto;height:calc(100% - 60px);box-shadow:var(--shadow-primary);border:var(--border-primary);border-radius:20px;margin:10px}main .form .disclaimer .modal .modal-content main{padding-top:10px;padding-bottom:50px}main .form .disclaimer .modal .modal-content main p{text-align:left}main .form input[type=file]{color:transparent}main .form .hidden{opacity:0;height:1em;width:0;margin:0;padding:0}button{display:flex;justify-content:center;align-items:center;transition:.5s;gap:5px}button i,.btn i,i.icon{background:no-repeat center center/contain;display:inline-block;width:1.2em;height:1.2em;flex-shrink:0;filter:invert(var(--filter-invert))}button i.icon-logo,.btn i.icon-logo,i.icon.icon-logo{background-image:url(/assets/media/logo/logo.webp);filter:invert(0)}button i.icon-up-line,.btn i.icon-up-line,i.icon.icon-up-line{background-image:url(/assets/media/icons/icon-up-line.svg);filter:invert(0)}button i.icon-order,.btn i.icon-order,i.icon.icon-order{background-image:url(/assets/media/icons/icon-full-basket.svg)}button i.icon-account,.btn i.icon-account,i.icon.icon-account{background-image:url(/assets/media/icons/icon-account.svg)}button i.icon-seller,.btn i.icon-seller,i.icon.icon-seller{background-image:url(/assets/media/icons/icon-seller.svg)}button i.icon-home,.btn i.icon-home,i.icon.icon-home{background-image:url(/assets/media/icons/icon-home.svg)}button i.icon-notification,.btn i.icon-notification,i.icon.icon-notification{background-image:url(/assets/media/icons/icon-notification.svg)}button i.icon-track,.btn i.icon-track,i.icon.icon-track{background-image:url(/assets/media/icons/icon-track.svg)}button i.icon-link,.btn i.icon-link,i.icon.icon-link{background-image:url(/assets/media/icons/icon-link.svg)}button i.icon-back,.btn i.icon-back,i.icon.icon-back{background-image:url(/assets/media/icons/icon-back.svg)}button i.icon-download,.btn i.icon-download,i.icon.icon-download{background-image:url(/assets/media/icons/icon-download.svg)}button i.icon-shield,.btn i.icon-shield,i.icon.icon-shield{background-image:url(/assets/media/icons/icon-shield.svg)}button i.icon-info,.btn i.icon-info,i.icon.icon-info{background-image:url(/assets/media/icons/icon-info.svg)}button i.icon-faqs,.btn i.icon-faqs,i.icon.icon-faqs{background-image:url(/assets/media/icons/icon-faqs.svg)}button i.icon-contact,.btn i.icon-contact,i.icon.icon-contact{background-image:url(/assets/media/icons/icon-contact.svg)}button i.icon-next,.btn i.icon-next,i.icon.icon-next{background-image:url(/assets/media/icons/icon-next.svg)}button i.icon-x,.btn i.icon-x,i.icon.icon-x{background-image:url(/assets/media/icons/icon-x.svg)}button i.icon-harvest,.btn i.icon-harvest,i.icon.icon-harvest{background-image:url(/assets/media/icons/icon-harvest.svg)}button i.icon-add,.btn i.icon-add,i.icon.icon-add{background-image:url(/assets/media/icons/icon-add.svg)}button i.icon-min,.btn i.icon-min,i.icon.icon-min{background-image:url(/assets/media/icons/icon-min.svg)}button i.icon-heart,.btn i.icon-heart,i.icon.icon-heart{background-image:url(/assets/media/icons/icon-heart.svg)}button i.icon-check,.btn i.icon-check,i.icon.icon-check{background-image:url(/assets/media/icons/icon-check.svg)}button i.icon-bolt,.btn i.icon-bolt,i.icon.icon-bolt{background-image:url(/assets/media/icons/icon-bolt.svg)}button i.icon-guest,.btn i.icon-guest,i.icon.icon-guest{background-image:url(/assets/media/icons/icon-guest.svg)}button i.icon-reload,.btn i.icon-reload,i.icon.icon-reload{background-image:url(/assets/media/icons/icon-reload.svg)}button i.icon-terms,.btn i.icon-terms,i.icon.icon-terms{background-image:url(/assets/media/icons/icon-terms.svg)}button i.icon-settings,.btn i.icon-settings,i.icon.icon-settings{background-image:url(/assets/media/icons/icon-settings.svg)}button i.icon-login,.btn i.icon-login,i.icon.icon-login{background-image:url(/assets/media/icons/icon-login.svg)}button i.icon-logout,.btn i.icon-logout,i.icon.icon-logout{background-image:url(/assets/media/icons/icon-logout.svg)}button i.icon-register,.btn i.icon-register,i.icon.icon-register{background-image:url(/assets/media/icons/icon-register.svg)}button i.icon-edit,.btn i.icon-edit,i.icon.icon-edit{background-image:url(/assets/media/icons/icon-edit.svg)}button i.icon-edit-pwd,.btn i.icon-edit-pwd,i.icon.icon-edit-pwd{background-image:url(/assets/media/icons/icon-edit-pwd.svg)}button i.icon-edit-account,.btn i.icon-edit-account,i.icon.icon-edit-account{background-image:url(/assets/media/icons/icon-edit-account.svg)}button i.icon-delete,.btn i.icon-delete,i.icon.icon-delete{background-image:url(/assets/media/icons/icon-delete.svg)}button i.icon-time,.btn i.icon-time,i.icon.icon-time{background-image:url(/assets/media/icons/icon-time.svg)}button i.icon-filter,.btn i.icon-filter,i.icon.icon-filter{background-image:url(/assets/media/icons/icon-filter.svg);height:1.6em;width:1.6em}button i.icon-delete-red,.btn i.icon-delete-red,i.icon.icon-delete-red{background-image:url(/assets/media/icons/icon-delete-red.svg);filter:invert(0)}button i.icon-location,.btn i.icon-location,i.icon.icon-location{background-image:url(/assets/media/icons/icon-location.svg)}button i.icon-locate,.btn i.icon-locate,i.icon.icon-locate{background-image:url(/assets/media/icons/icon-locate.svg)}button i.icon-search,.btn i.icon-search,i.icon.icon-search{background-image:url(/assets/media/icons/icon-search.svg)}button i.icon-search-name,.btn i.icon-search-name,i.icon.icon-search-name{background-image:url(/assets/media/icons/icon-search-name.svg)}button i.icon-product,.btn i.icon-product,i.icon.icon-product{background-image:url(/assets/media/icons/icon-product.svg)}button i.icon-collect,.btn i.icon-collect,i.icon.icon-collect{background-image:url(/assets/media/icons/icon-collect.svg)}button i.icon-statistics,.btn i.icon-statistics,i.icon.icon-statistics{background-image:url(/assets/media/icons/icon-statistics.svg)}button i.icon-ban,.btn i.icon-ban,i.icon.icon-ban{background-image:url(/assets/media/icons/icon-ban.svg)}button i.icon-star,.btn i.icon-star,i.icon.icon-star{background-image:url(/assets/media/icons/icon-star-closed-black.svg)}button i.icon-error,.btn i.icon-error,i.icon.icon-error{background-image:url(/assets/media/icons/icon-error.svg);filter:none;width:2rem;height:2rem}button i.icon-next,.btn i.icon-next,i.icon.icon-next{background-image:url(/assets/media/icons/icon-next.svg);height:1.1em;width:1.1em}button i.icon-back,.btn i.icon-back,i.icon.icon-back{background-image:url(/assets/media/icons/icon-back.svg);height:1.1em;width:1.1em}.btn{text-decoration:none;padding:.75em 1.5em;border:var(--border-secondary);border-radius:10px;font-weight:600;box-shadow:var(--shadow-primary);display:flex;justify-content:center;align-items:center;transition:.5s all;gap:5px;cursor:pointer;background:var(--bg-btn);color:var(--color-text-primary)}.btn:hover{transform:scale(1.05);text-decoration:none;box-shadow:var(--shadow-primary-hover)}.btn.small{padding:.5em 1em}.btn.red{border-color:var(--color-red);background:var(--color-red-transparant);box-shadow:1px 0 6px var(--color-red)}.btn.cta{padding:1em 2em;background:var(--color-brand)}.btn.cta:hover{background:var(--color-brand-transparant)}.btn i{width:1.5em;height:1.5em}.back-btn{position:absolute;top:65px;left:5px}.back-btn i{background-image:url(/assets/media/icons/icon-back.svg);height:1.1em;width:1.1em}@font-face{font-family:id;src:url(/assets/fonts/FiraCode-SemiBold.ttf) format("truetype")}.id{font-family:id,monospace;font-weight:600}@font-face{font-family:tm;src:url(/assets/fonts/pricedown%20bl.ttf) format("truetype");font-weight:400;font-style:normal}.tm{font-family:tm,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#ffbb34;-webkit-text-stroke:.032em black;text-shadow:none;font-size:1.1em}@keyframes disapear{0%{opacity:1;visibility:visible}99%{opacity:1}to{opacity:0;visibility:hidden;display:none}}@keyframes skeleton{0%{background-position:0%}to{background-position:100%}}.loading-page{display:flex;justify-content:center;align-items:center}.loading-page .loading-content{width:90%;max-width:500px}.loading-page h3:after{content:".";animation:dots 1s steps(5,end) infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%{content:"..."}80%,to{content:""}}@keyframes turn{0%{transform:rotate(0) scale(1.5)}to{transform:rotate(180deg) scale(1)}}@keyframes puls{0%{transform:scale(1)}to{transform:scale(1.2)}}@keyframes new-order-flash{0%{box-shadow:0 0 1px var(--color-brand);background-color:var(--color-brand-transparant)}20%{box-shadow:0 0 15px var(--color-brand)}to{box-shadow:var(--shadow-primary);background-color:transparent}}.stats-component{padding:10px;gap:10px;display:flex;justify-content:center;flex-wrap:wrap;max-width:min(90%,800px);margin:10px auto}.stats-component a{padding:10px;min-width:120px;max-width:150px;width:30%;flex:1 1 100px;text-align:center;box-sizing:border-box;border-radius:10px;box-shadow:var(--shadow-primary);text-decoration:none;cursor:pointer;background:var(--bg-btn)}.stats-component a.skeleton{background:linear-gradient(45deg,var(--color-bg-secondary) 0%,var(--color-bg-secondary) 35%,var(--color-bg-primary) 49%,var(--color-bg-secondary) 64%,var(--color-bg-secondary) 100%);background-size:450% 100%;animation:skeleton 2.5s infinite ease-in-out}.stats-component a.skeleton h3{height:1em}.stats-component a img{width:50%;aspect-ratio:1;filter:invert(var(--filter-invert))}.stats-component a p{margin:0}.stats-component a:hover{transform:scale(1.1);box-shadow:var(--shadow-primary-hover);text-decoration:none}.stats-component a.cta{background:var(--color-brand);box-shadow:var(--shadow-primary)}.date-picker-component{position:relative;min-width:10px}.date-picker-component .display-label{display:flex;align-items:center;justify-content:space-between;background:var(--color-bg-primary);border:1px solid var(--border-subtle);padding:10px 15px;border-radius:12px;font-size:.9rem;cursor:pointer;transition:.2s;box-shadow:var(--shadow-primary);position:relative}.date-picker-component .display-label:hover{border-color:var(--color-brand)}.date-picker-component .display-label .close-btn{color:var(--color-red);font-size:1em;transform:scale(1.4);margin-right:-10px}.date-picker-component .display-label button{background:none;border:none;color:var(--color-text-secondary);font-size:14px;cursor:pointer;padding:0 5px}.date-picker-component .display-label button:hover{color:var(--color-red)}.date-picker-component .calendar-dropdown{position:absolute;top:110%;z-index:1000;background:var(--color-bg-primary);border:1px solid var(--border-subtle);border-radius:16px;padding:15px;box-shadow:var(--shadow-primary);width:280px}.date-picker-component .calendar-dropdown .calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-weight:700}.date-picker-component .calendar-dropdown .calendar-header button{background:var(--color-surface);border:none;border-radius:6px;padding:5px 10px;cursor:pointer}.date-picker-component .calendar-dropdown .calendar-table{width:100%}.date-picker-component .calendar-dropdown .calendar-table th{font-size:.7rem;opacity:.5;padding-bottom:8px}.date-picker-component .calendar-dropdown .calendar-table td{text-align:center;padding:8px 0;cursor:pointer;border-radius:8px}.date-picker-component .calendar-dropdown .calendar-table td:hover:not(.not-this-month){background:var(--color-surface)}.date-picker-component .calendar-dropdown .calendar-table td.not-this-month{opacity:.2}.date-picker-component .calendar-dropdown .calendar-table td.today{color:var(--color-brand);font-weight:700}.date-picker-component .calendar-dropdown .calendar-table td.selected{background:var(--color-brand);color:#fff}.order-filters-component .filters{max-width:min(900px,95%);margin:0 auto 10px;padding:var(--padding-s);border-radius:10px;background-color:var(--color-surface)}.order-filters-component .filters summary{background-color:var(--color-surface-hover);text-align:center;padding:10px 0;border-radius:10px;display:flex;justify-content:center;align-items:center;gap:10px;cursor:pointer}.order-filters-component .filters summary:hover{background-color:var(--color-surface)}.order-filters-component .filters-container{text-align:center;display:flex;justify-content:center;flex-wrap:wrap;gap:10px;padding:10px}.order-filters-component .filters-container .filter-group{display:flex;align-items:center;padding:5px 10px;border-radius:20px;background-color:var(--color-bg-transparant)}.order-filters-component .filters-container .filter-group:hover{background-color:var(--color-brand-transparant)}.order-filters-component .filters-container .filter-group.selected{background-color:var(--color-brand)}.order-filters-component .filters-container .filter-group .label i{height:.7em;width:.7em}.order-filters-component .filters-container .filter-group .flex-row{display:flex;padding:5px;gap:5px;justify-content:center;align-items:center}
