option{width:100%;height:-moz-fit-content;height:fit-content;padding:calc(var(--padding)/4);font-size:var(--text-size);background-color:var(--white);border:1px solid var(--white2);border-radius:var(--bradius);font-weight:400;font-family:var(--font1)}option:focus{box-shadow:0 0 0 .1rem var(--second-color);outline:none;background-color:var(--white)!important}
.meal-card{background-color:var(--white);border:1px solid var(--gray1);border-radius:var(--bradius);flex-direction:column;min-height:100%;display:flex;overflow:hidden}.meal-card:hover{box-shadow:var(--box-shadow2);transform:translateY(-.15rem)}.meal-card-image-wrapper{background-color:var(--gray4);height:12rem;position:relative}.meal-card-image{object-fit:cover}.meal-card-category{background-color:var(--dark);color:var(--white);border-radius:var(--bradius);font-size:var(--fs-xs);padding:.25rem .55rem;position:absolute;top:.75rem;right:.75rem}.meal-card-body{padding:calc(var(--padding)/2);flex-direction:column;flex:1;gap:.7rem;display:flex}.meal-card-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.meal-card-heading h3{font-size:var(--fs-md);line-height:1.2}.meal-card-restaurant{color:var(--white2);font-size:var(--fs-sm);flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.25rem;display:flex}.meal-card-town{gap:.15rem;display:flex}.meal-card-town i,.meal-card-town{font-size:var(--fs-xs)!important;color:var(--white2)!important}.meal-card-restaurant i{color:var(--main-color);font-size:var(--fs-sm)}.meal-card-price{color:var(--main-color);white-space:nowrap;font-weight:800}.meal-card-description{color:var(--white2);font-size:var(--fs-sm)}.meal-card-complements{flex-wrap:wrap;gap:.35rem;display:flex}.meal-card-complements span{background-color:var(--gray3);border:1px solid var(--gray1);border-radius:var(--bradius);font-size:var(--fs-xs);padding:.2rem .5rem}.meal-card-link{color:var(--main-color);font-weight:700;font-size:var(--fs-sm);align-items:center;gap:.4rem;width:-moz-fit-content;width:fit-content;margin-top:auto;display:inline-flex}.meal-card-link:hover{gap:.7rem}@media screen and (max-width:768px){.meal-card-image-wrapper{height:11rem}.meal-card-heading{flex-direction:column;gap:.35rem}}@media screen and (max-width:520px){.meal-card-image-wrapper{height:8rem}.meal-card-body{padding:calc(var(--padding)/3);gap:.45rem}.meal-card-heading h3{font-size:var(--fs-base)}.meal-card-description,.meal-card-restaurant,.meal-card-link{font-size:var(--fs-xs)}.meal-card-price{font-size:var(--fs-sm)}.meal-card-category,.meal-card-complements span{font-size:calc(var(--fs-xs)/1.1)}}
.plats-view{flex-direction:column;gap:1.5rem;min-height:88dvh;padding:0;display:flex}.plats-view-header{padding:calc(var(--padding)*2)calc(var(--padding)*4);background-color:var(--dark);justify-content:space-between;align-items:flex-start;gap:1rem;display:flex;position:relative}.plat-view-hero{width:10%;height:10%}.plats-view-title h1{font-size:var(--fs-xl);color:var(--white);margin-bottom:.5rem;line-height:1.1}.plats-view-title p{color:var(--gray1);max-width:36rem}.plats-view-container{padding:calc(var(--padding)/1)calc(var(--padding)*4);flex-direction:column;gap:1rem;padding-top:0;display:flex}.plats-view-actions{justify-content:flex-end;gap:.5rem;display:flex;position:relative}.plats-view-filter-btn{display:none}.plats-view-map-btn{border:1px solid var(--gray1);background-color:var(--white);border-radius:var(--bradius);padding:calc(var(--padding)/3)calc(var(--padding)/2);cursor:pointer;white-space:nowrap;align-items:center;gap:.45rem;font-weight:700;display:inline-flex}.plats-view-map-btn:hover{background-color:var(--main-color);border-color:var(--main-color);color:var(--white)}.plats-view-toolbar{background-color:var(--white);border:1px solid var(--gray1);border-radius:var(--bradius);padding:calc(var(--padding)/2);flex-direction:column;gap:.85rem;display:flex}.plats-view-toolbar.mobile{display:none}.plats-view-filters{grid-template-columns:minmax(16rem,1fr) minmax(10rem,11rem);align-items:center;gap:.75rem;display:grid}.ville-input-container{position:relative}.ville-list{z-index:3;background-color:var(--white);border:1px solid var(--gray2);border-radius:var(--bradius);width:100%;padding:calc(var(--padding)/4);position:absolute;top:calc(100% + .5rem)}.ville-item{padding:calc(var(--padding)/4);cursor:pointer;border-radius:.5rem}.ville-item:hover{background-color:var(--gray3)}.ville-clear-btn{cursor:pointer;position:absolute;top:30%;right:.5rem}.plats-view-search{width:100%;position:relative}.plats-view-search .form-input{padding-right:2.75rem}.plats-view-search i{color:var(--main-color);position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.plats-view-specialities{gap:.45rem;display:flex;overflow-x:auto}.plats-view-speciality{border:1px solid var(--gray2);background-color:var(--gray4);color:var(--dark);border-radius:var(--bradius);cursor:pointer;font-size:var(--fs-sm);white-space:nowrap;scrollbar-width:none;padding:.3rem .65rem}.plats-view-specialities::-webkit-scrollbar{display:none}.plats-view-speciality.active,.plats-view-speciality:hover{background-color:var(--main-color);color:var(--white);border-color:var(--main-color)}.plats-view-grid,.plats-view-skeleton-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.meal-card-skeleton{background-color:var(--white);border:1px solid var(--gray1);border-radius:var(--bradius);padding:calc(var(--padding)/2);flex-direction:column;gap:.75rem;display:flex}.meal-card-skeleton .skeleton-loader-box{min-width:100%;min-height:11rem}.meal-card-skeleton .skeleton-loader-line{height:1rem}.meal-card-skeleton .skeleton-loader-line:last-child{width:60%}.plats-view-loader{padding:var(--padding);justify-content:center;display:flex}.plats-view-empty{border:1px solid var(--gray1);background-color:var(--white);border-radius:var(--bradius);text-align:center;min-height:18rem;color:var(--white2);padding:var(--padding);justify-content:center;align-items:center;display:flex}.plats-view-sentinel{height:1rem}@media (max-width:1200px){.plats-view-container,.plats-view-header{padding:calc(var(--padding)/1)calc(var(--padding)/2)}}@media screen and (max-width:900px){.plats-view{gap:0}.plats-view-header{flex-direction:column}.plats-view-grid,.plats-view-skeleton-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:1200px) and (min-width:901px){.plats-view-grid,.plats-view-skeleton-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (max-width:768px){.plats-view-actions{justify-content:flex-end;align-items:center}.plats-view-filter-btn{border:1px solid var(--gray1);background-color:var(--white);border-radius:var(--bradius);padding:calc(var(--padding)/3)calc(var(--padding)/2);cursor:pointer;white-space:nowrap;align-items:center;gap:.45rem;font-weight:700;display:inline-flex}.plats-view-filter-btn:hover,.plats-view-filter-btn.active{background-color:var(--main-color);color:var(--white);border-color:var(--main-color)}.plats-view-toolbar.desktop{display:none}.plats-view-toolbar.mobile{width:100%;box-shadow:none;border:none;border-radius:0;padding:0;display:flex}.plats-view-specialities{flex-wrap:wrap;overflow-x:visible}.plats-view-grid,.plats-view-skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plats-view-filters{grid-template-columns:1fr}}@media screen and (max-width:520px){.plats-view-title h1{font-size:var(--fs-xl)}.plats-view-search{width:100%}.plats-view-grid,.plats-view-skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}}
.off-canvas{z-index:9000;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}.off-canvas.active{pointer-events:auto}.off-canvas-overlay{opacity:0;background-color:rgba(0,0,0,.45);position:absolute;top:0;bottom:0;left:0;right:0}.off-canvas.active .off-canvas-overlay{opacity:1}.off-canvas-panel{background-color:var(--white);width:min(86vw,24rem);box-shadow:var(--box-shadow);flex-direction:column;display:flex;position:absolute;top:0;bottom:0}.off-canvas-panel.right{right:0;transform:translate(100%)}.off-canvas-panel.left{left:0;transform:translate(-100%)}.off-canvas.active .off-canvas-panel{transform:translate(0)}.off-canvas-header{padding:calc(var(--padding)/2);border-bottom:1px solid var(--gray1);justify-content:space-between;align-items:center;gap:1rem;display:flex}.off-canvas-close{cursor:pointer;color:var(--white2)}.off-canvas-close:hover{color:var(--main-color)}.off-canvas-body{padding:calc(var(--padding)/2);min-height:100dvh;overflow-y:auto}