*{padding:0;margin:0}a{color:var(---font-color-secondary);text-decoration:none}nav{display:flex;flex-direction:row;justify-content:space-around;padding:30px 20px;align-items:center;background:transparent;height:8svh;position:-webkit-sticky;position:sticky;top:0;background-color:var(---background-color-primary);z-index:2}nav,nav .logo{transition:all .4s}nav .logo{font-size:2.4rem;color:var(---first-color);font-family:var(---first-family);cursor:pointer;font-weight:500}nav .logo:hover{color:var(---second-color);text-shadow:0 2px 8px hsla(0,0%,39%,.28);scale:1.1}nav .menu{display:flex;flex-direction:row;gap:3vw}nav .menu div{cursor:pointer;font-weight:400;letter-spacing:1.2px;font-family:var(---third-family);font-size:1.1rem;transition:all .4s;overflow:hidden;color:var(---fifth-color)}nav .menu div:hover{scale:1.1;letter-spacing:2px}nav .menu div a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:.1em;background-color:var(---first-color);transition:opacity .3s,transform .3s;opacity:1;transform:translate3d(-100%,0,0)}nav .menu div a:focus:after,nav .menu div a:hover:after{opacity:1;transform:translateZ(0)}nav .cart{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:40px}nav .cart span{cursor:pointer;font-size:2rem;color:var(---third-color);transition:all .4s;position:relative}nav .menu .selected{color:var(---second-color)}.hamburger{position:relative;display:none}.hamburger,.hamburger:after,.hamburger:before{height:3.2px;width:40px;background-color:var(---fifth-color);cursor:pointer}.hamburger:after,.hamburger:before{content:"";position:absolute}.hamburger:after{bottom:-10px}.hamburger:before{top:-10px}.hamburger-navbar{position:fixed;top:0;right:0;height:100%;width:max(200px,30vw);display:flex;flex-direction:column;gap:30px;background-color:var(---second-color);z-index:2;overflow:hidden;transition:all .4s}.hamburger-navbar .exit{margin-top:20px;margin-left:auto;margin-right:10px;height:40px;width:40px;display:flex;justify-content:center;align-items:center;cursor:pointer}.hamburger-navbar .exit div{width:30px;height:2px;position:relative}.hamburger-navbar .exit div:after,.hamburger-navbar .exit div:before{width:30px;height:2px;background-color:var(---background-color-primary);cursor:pointer;content:"";position:absolute}.hamburger-navbar .exit div:after{transform:rotate(45deg)}.hamburger-navbar .exit div:before{transform:rotate(-45deg)}.hamburger-menu{display:flex;gap:20px;flex-direction:column}.hamburger-menu div{display:flex;justify-content:center}.hamburger-menu div a{font-size:1.5rem;color:var(---font-color-primary);font-family:var(---third-family);position:relative;overflow:hidden}.hamburger-menu div a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:.1em;background-color:var(---background-color-primary);transition:opacity .3s,transform .3s;opacity:1;transform:translate3d(-100%,0,0)}.hamburger-menu div a:focus:after,.hamburger-menu div a:hover:after{opacity:1;transform:translateZ(0)}.hidenavbar{transform:translateX(max(200px,30vw))}.hamburger-div{height:40px;width:40px;cursor:pointer}.cart-display,.hamburger-div{display:flex;justify-content:center;align-items:center}.cart-display{position:relative;transition:all .4s}.cart-display:hover{scale:1.2}.total-items{position:absolute;top:-8px;right:-8px;color:var(---font-color-primary);background-color:var(---fifth-color);height:20px;width:20px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1rem;font-family:var(---second-family);cursor:default}nav.sticky{padding:10px 20px;box-shadow:0 4px 12px rgba(0,0,0,.1)}nav .choose-lang div{font-size:1.4rem;font-family:var(---third-family);color:var(---third-color);cursor:pointer;transition:all .4s}nav .choose-lang div:hover{scale:1.2}.hero{padding:0 10vw;height:84svh;display:flex;flex-direction:row}.hero .leftside{flex:0 0 50%;max-width:50%;display:flex;flex-direction:column;justify-content:center;gap:20px}.hero .leftside .text{font-size:3rem;font-weight:800;letter-spacing:2px;color:var(---fifth-color);font-family:var(---first-family)}.hero .leftside .desc{color:grey;font-family:var(---second-family);font-size:1.1rem}.hero .leftside .buttoncontainer{gap:20px;display:flex}.hero .leftside button{width:200px;height:50px;border-radius:20px;border:none;font-family:var(---second-family);background-color:var(---first-color);color:var(---font-color-primary);font-size:1.3rem;cursor:pointer;letter-spacing:1px;box-shadow:0 5px 15px rgba(0,0,0,.35);transition:all .4s}.hero .leftside button:hover{background-color:var(---second-color);scale:1.2;letter-spacing:2px}.hero .rightside{flex:0 0 50%;max-width:50%;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative;height:100%}.hero .rightside div{width:40vw;height:40vw;position:absolute;top:auto;right:0}.hero .rightside img{height:100%;width:100%}.hero .rightside .rotate{animation:rotate 40s linear infinite}.hero .rightside .float{animation:float 5s infinite}.pizza-container{animation:pizza-slide;animation-duration:20s;animation-iteration-count:infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(40px)}to{transform:translateY(0)}}.section{margin:100px 0}.section-title{display:flex;justify-content:center;align-items:center;font-size:3rem;color:var(---first-color);font-family:var(---third-family);gap:10px;letter-spacing:2px;margin-bottom:50px}.section-title hr{border:0;background-color:var(---first-color);height:3px;border-radius:10px;width:50px}.service-cards{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:50px;padding:0 5vw}.service-cards .card{box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border-radius:20px;transition:all .7s;cursor:pointer;flex:1 1;min-width:300px}.service-cards .card:hover{background-color:var(---first-color);scale:1.1;box-shadow:0 5px 15px rgba(0,0,0,.35)}.service-cards .card:hover .card-desc,.service-cards .card:hover .card-title,.service-cards .card:hover span{color:var(---font-color-primary)}.service-cards .card span{font-size:4rem;font-weight:600;color:var(---first-color)}.service-cards .card .card-title{font-size:2rem;font-family:var(---third-family);font-weight:500;letter-spacing:1px;color:var(---first-color);text-align:center}.service-cards .card .card-desc{font-size:1.3rem;font-family:var(---fourth-family);text-align:center;color:grey}@media (max-width:1200px){.card{flex-grow:1;flex-shrink:1;flex-basis:calc(33.333% - 10px)}}@media (max-width:900px){.card{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 10px)}}@media (max-width:600px){.card{flex:1 1 100%}}.background{width:100%;height:300px}.background img{width:100%;height:100%}.food-loop-section{background-color:var(---third-color);padding:60px 0}.section-title.food-loop-title{background:var(---third-color);margin-bottom:30px;letter-spacing:4px}.change-background-waves .foot-loop{background-color:var(---third-color);display:flex;justify-content:center;align-items:center;height:300px;flex-direction:column;gap:40px}.loop-container{height:160px;width:100%;width:min(1200px,90%);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.loop-container .item{height:100%;width:160px;background-color:var(---background-color-primary);border-radius:20px;display:flex;justify-content:center;align-items:center;position:absolute}.loop-container .item img{width:100px;height:100px;object-fit:cover;border-radius:30px}.loop-container .item.left{left:max(calc(160px * 8),100%);animation-name:scroll-left;animation-duration:30s;animation-iteration-count:infinite;animation-timing-function:linear}.loop-container .item.right{right:max(calc(160px * 8),100%);animation-name:scroll-right;animation-duration:30s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes scroll-left{to{left:-160px}}@keyframes scroll-right{to{right:-160px}}.item.item1{animation-delay:calc(30s / 8 * (8 - 1) * -1)}.item.item2{animation-delay:calc(30s / 8 * (8 - 2) * -1)}.item.item3{animation-delay:calc(30s / 8 * (8 - 3) * -1)}.item.item4{animation-delay:calc(30s / 8 * (8 - 4) * -1)}.item.item5{animation-delay:calc(30s / 8 * (8 - 5) * -1)}.item.item6{animation-delay:calc(30s / 8 * (8 - 6) * -1)}.item.item7{animation-delay:calc(30s / 8 * (8 - 7) * -1)}.item.item8{animation-delay:calc(30s / 8 * (8 - 8) * -1)}.about-section{background-color:var(---third-color);display:flex;flex-direction:row;padding:100px 50px}.blob-container{flex:1 1;width:30%;display:flex;justify-content:center;align-items:center;position:relative}.blob-container img{position:absolute;margin:auto;width:420px;height:420px;object-fit:contain;animation:float 5s infinite}.blob-container svg{width:60%;color:var(---font-color-primary)}.details-container{flex:1 1;width:70%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;z-index:1}.details-container .title{color:var(---font-color-primary);font-family:var(---first-family);font-size:2.5rem;font-weight:600}.details-container .description{font-size:1.4rem;color:#d6d3d3;font-family:var(---third-family);text-align:start}.details-container .numbers{display:flex;flex-direction:row;width:100%;margin-top:20px}.details-container .numbers .experience-container{display:flex;flex-direction:row;align-items:center;flex:1 1;gap:20px}.details-container .numbers .experience-container hr{border:0;border-radius:20px;background-color:var(---first-color);height:50px;width:8px}.details-container .numbers .experience-container .experience{font-size:3rem;color:var(---first-color);font-family:var(---first-family)}.details-container .numbers .experience-container .years{display:flex;flex-direction:column;color:var(---font-color-primary);font-size:1.4rem;font-family:var(---first-family)}.details-container .numbers .experience-container .years span{font-weight:800;letter-spacing:2px}.contact-section img{width:100%;transform:scaleY(-1) scaleX(-1);margin-bottom:100px}.contact-section .contact-us-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:60px 50px;gap:50px;position:relative}.contact-us-container .tomato{top:-80px;left:0}.contact-us-container .lettuce,.contact-us-container .tomato{position:absolute;width:240px;height:240px;object-fit:contain;transform:scaleX(-1);z-index:-1;margin-bottom:0!important}.contact-us-container .lettuce{top:-140px;right:50px}.contact-section .contact-us-title-desc{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.contact-section .desc{text-align:center;width:600px;color:grey;font-family:var(---first-family)}.contact-us-form-map{display:flex;flex-wrap:wrap;width:70vw;flex-direction:row;gap:40px}.contact-us-form-map .form,.contact-us-form-map .map{flex:1 1}.contact-us-container .form{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.contact-us-container .form input:not(input[type=button]),.contact-us-container .form textarea{border:1px solid var(---fifth-color);border-radius:10px;font-size:1.2rem;font-family:var(---third-family);resize:none;height:40px;width:90%;transition:all .4s;padding:5px}.contact-us-container .form input:not(input[type=button]):focus,.contact-us-container .form input:not(input[type=button]):hover,.contact-us-container .form textarea:focus,.contact-us-container .form textarea:hover{scale:1.05}.contact-us-container .form input:not(input[type=button]):focus,.contact-us-container .form textarea:focus{outline:none;box-shadow:0 1px 4px #bc380882,0 0 0 3px #b9791a;border-color:var(---second-color)}.contact-us-container .form textarea{height:120px}.contact-us-container .form input[type=button]{width:calc(90% + 12px);border:0;height:60px;border-radius:20px;font-size:1.5rem;color:var(---font-color-primary);background-color:var(---first-color);cursor:pointer;font-family:var(---first-family);transition:all .4s}.contact-us-container .form input[type=button]:hover{scale:1.1;box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgba(0,0,0,.09);background-color:var(---second-color);letter-spacing:2px}.contact-us-container .form input[type=button]:active{background-color:var(---third-color)}.contact-us-container .map iframe{width:100%;transition:all .4s;height:100%}.contact-us-container .map iframe:hover{scale:1.1}.container{margin:20px 40px;background-color:hsla(0,10%,94%,.662);display:flex;border-radius:20px;flex-direction:row;padding:30px;gap:50px}.container .side{flex:1 1}.container .left-side{display:flex;flex-direction:column;gap:30px}.container .left-side .details{display:flex;flex-direction:column;gap:6px}.container .side .title{font-family:var(---third-family);font-size:1.3rem;font-weight:400}.container .left-side .details .detail-container{background-color:var(---background-color-primary);padding:20px;display:flex;flex-direction:column;gap:20px}.container .left-side .details .detail-container .detail{display:flex;gap:8px;flex-direction:column;align-items:flex-start!important}.container .left-side .details .detail-container .detail .little-title{font-size:1.1rem;font-weight:300;font-family:var(---second-family)}.container .left-side .details .detail-container .detail input[type=text]{width:60%;height:26px;padding:4px 8px;font-size:1.1rem;font-family:var(---third-family);border-radius:5px;border:1px solid gray;transition:all .4s}.container .left-side .details .detail-container .detail input[type=datetime-local]{width:60%;height:26px;padding:4px 8px;font-size:1.1rem;font-family:var(---second-family);font-weight:300;border-radius:5px;border:1px solid gray;transition:all .4s}.container .left-side .details .detail-container .detail input[type=text]:focus{scale:1.05;outline:none;border-color:var(---second-color)}.container .left-side .details .detail-container .detail .input-error{border:2px solid red!important}.container .error{padding:0;font-size:1rem;font-family:var(---second-family);font-weight:400}.container .left-side .payement-details .detail-container{flex-direction:row}.container .left-side .payement-details .detail-container .radio-container{flex-direction:row;flex:1 1;justify-content:center;display:flex;gap:10px;font-size:1.1rem;font-family:var(---third-family);cursor:pointer}.container .left-side .payement-details .detail-container .radio-container input{position:absolute;opacity:0;cursor:pointer}.container .left-side .payement-details .detail-container .radio-container .checkmark{position:relative;height:20px;width:20px;background-color:#eee;border-radius:50%}.container .left-side .payement-details .detail-container .radio-container .checkmark:after{top:6px;content:"";position:absolute;display:none;left:6px;width:8px;height:8px;border-radius:50%;background:#fff}.container .left-side .payement-details .detail-container .radio-container:hover input~.checkmark{background-color:#ccc}.container .left-side .payement-details .detail-container .radio-container input:checked~.checkmark{background-color:var(---second-color)}.container .left-side .payement-details .detail-container .radio-container input:checked~.checkmark:after{display:block}.container .right-side{gap:6px;display:flex;flex-direction:column}.container .right-side .detail-container{background-color:var(---background-color-primary);height:100%;padding:20px;display:flex;flex-direction:column;overflow:auto}.container .right-side .detail-container .cart-items{flex:1 1;overflow:auto;background-color:#f4f4f4;margin-bottom:20px;display:flex;flex-direction:column;justify-content:space-around;align-items:center;cursor:default;transition:all .4s}.container .right-side .detail-container .cart-items .svg{display:flex;flex-direction:column;justify-content:center;align-items:center;color:grey;font-family:var(---second-family);font-size:1.2rem;height:140px}.container .right-side .detail-container .cart-items p{text-align:center}.container .right-side .detail-container .cart-items .svg span{font-size:4rem;font-weight:300}.container .right-side .detail-container .cart-items .items-container{display:flex;flex-direction:column;gap:20px;justify-content:space-between;width:100%;height:100%}.container .right-side .detail-container .cart-items .items-container .items{margin:20px;overflow:auto}.container .right-side .detail-container .cart-items .items-container .total{font-family:var(---first-family);font-size:1.5rem;font-weight:600;margin:0 30px;display:flex;justify-content:space-between;flex-direction:row}.container .right-side .detail-container .cart-items .items-container .items .item{display:flex;flex-direction:column;border-bottom:1px solid #e6e4e4}.container .right-side .detail-container .cart-items .items-container .items .item .title{font-size:1.1rem;padding:0 10px;font-family:var(---second-family);word-break:break-all}.container .right-side .detail-container .cart-items .items-container .items .item .price-add{display:flex;flex-direction:row;justify-content:space-between;padding:0 10px;align-items:center;margin-top:5px;margin-bottom:6px}.container .right-side .detail-container .cart-items .items-container .items .item .price-add .price{font-family:var(---second-family);font-size:1.1rem}.container .right-side .detail-container .cart-items .items-container .items .item .price-add .add-minus{display:flex;flex-direction:row;gap:10px}.container .right-side .detail-container .cart-items .items-container .items .item .price-add .add-minus div{height:24px;width:24px;display:flex;justify-content:center;align-items:center;background-color:#d1d1d1;font-size:1.2rem;font-family:var(---first-family);font-weight:300;cursor:pointer;transition:all .4s}.container .right-side .detail-container .cart-items .items-container .items .item .price-add .add-minus div:hover{background-color:grey;scale:1.1}.container .right-side .detail-container .bottom-part{display:flex;flex-direction:column}.container .right-side .detail-container .bottom-part hr{border-width:1px;border-color:hsla(0,6%,93%,.749);margin:10px 0}.container .right-side .detail-container .bottom-part .fees{display:flex;flex-direction:column;gap:4px}.container .right-side .detail-container .bottom-part .fees .little-title{font-size:1.4rem;font-family:var(---third-family);color:#979595}.container .right-side .detail-container .bottom-part .fees .fee{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:0 20px 3px}.container .right-side .detail-container .bottom-part .fees .fee .little-title{font-size:1.2rem}.container .right-side .detail-container .bottom-part .fees .fee .price{font-size:1.2rem;color:#3d3b3b;font-family:var(---third-family)}.container .right-side .detail-container .bottom-part .total{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:10px}.container .right-side .detail-container .bottom-part .total div{font-size:1.5rem;font-family:var(---third-family)}.container .right-side .detail-container .bottom-part .confirm-button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px}.container .right-side .detail-container .bottom-part .confirm-button button{height:50px;width:320px;border:0;background-color:var(---background-color-secondary);border-radius:10px;color:var(---font-color-primary);font-size:1.2rem;font-family:var(---third-family);cursor:pointer;transition:all .4s;display:flex;justify-content:center;align-items:center}.container .right-side .detail-container .bottom-part .confirm-button button:hover{scale:1.05}.container .right-side .detail-container .bottom-part .confirm-button button:active{scale:1.1}.container .right-side .detail-container .bottom-part .confirm-button button span{font-size:2.3rem}.next-back-container{display:none;flex-direction:row;justify-content:center;gap:50px;height:100%!important;margin:20px 40px}.next-back-container button{flex:1 1;height:60px;border:0;font-family:var(---third-family);font-size:1.3rem;transition:all .4s;border-radius:14px;font-weight:500;cursor:pointer}.next-back-container button:hover{scale:1.05}.next-back-container button:active{box-shadow:inset 0 30px 60px -12px rgba(50,50,93,.25),inset 0 18px 36px -18px rgba(0,0,0,.3)}.next-back-container button.back{border:2px solid var(---second-color);background-color:var(---background-color-primary);color:var(---second-color)}.next-back-container button.back:hover{background-color:hsla(0,5%,92%,.741)}.next-back-container button.next{border:2px solid #fff;background-color:var(---second-color);color:var(---font-color-primary)}.next-back-container button.next:hover{background-color:var(---third-color)}.confirmation-popup{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;transition:all .4s;z-index:3;background-color:rgba(80,80,80,.629);scale:0;opacity:0}.confirmation-popup.showConfirmationPopup{scale:1;opacity:1}.confirmation-popup .popContent{width:500px;height:200px;max-width:90vw;background-color:var(---background-color-primary);display:flex;justify-content:space-evenly;flex-direction:column;align-items:center;border-radius:20px}.confirmation-popup .popContent .title{font-size:2rem;font-family:var(---third-family)}.confirmation-popup .popContent .buttons{display:flex;flex-direction:row;gap:20px}.confirmation-popup .popContent .buttons button{width:200px;height:44px;font-size:1.3rem;font-family:var(---third-family);border:0;border-radius:12px;transition:all .4s;cursor:pointer}.confirmation-popup .popContent .buttons button:hover{scale:1.1}.confirmation-popup .popContent .buttons button:active{letter-spacing:1px;scale:1.15}.confirmation-popup .popContent .buttons .cancel{border:1px solid #000;background-color:var(---background-color-primary);color:var(---font-color-secondary)}.confirmation-popup .popContent .buttons .order{border:1px solid #fff;background-color:var(---background-color-secondary);color:var(---font-color-primary)}.confirmation-popup .popContent .buttons .cancel:hover{background-color:hsla(0,0%,80%,.61)}.confirmation-popup .popContent .buttons .order:hover{background-color:rgba(83,83,83,.889)}.done-container{display:flex;width:100%;height:70vh;align-items:center;gap:10px;flex-direction:column}.done-container .title{font-size:2.4rem;font-family:var(---third-family);letter-spacing:2px;color:var(---third-color);margin-top:50px;margin-bottom:30px}.done-container .sub-title{font-size:1.3rem;font-family:var(---first-family);color:gray}.done-container .id{margin-top:20px;font-size:1.4rem;font-family:var(---second-family)}.done-container .order-id{font-size:1.4rem;letter-spacing:1px;font-family:var(---third-family);color:var(---first-color)}.done-container div{text-align:center}.Foodpopup{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;justify-content:center;align-items:center;scale:0;opacity:0;transition:all .4s;z-index:3}.Foodpopup.showFoodPopup{scale:1;opacity:1}.Foodpopup.showFoodPopup .popContent{scale:1}.Foodpopup .popContent{border-radius:1vw;box-shadow:0 3px 8px rgba(0,0,0,.24);transition:all .8s;scale:0;width:90%;height:90%;background-color:#eee;display:flex;flex-direction:column}.Foodpopup .popContent .close,.Foodpopup .popContent .done{display:flex;justify-content:flex-end}.Foodpopup .popContent .done{height:62px;width:100%}.Foodpopup .popContent .close span{margin-top:10px;margin-right:10px;height:50px;width:50px;display:flex;justify-content:center;align-items:center;font-size:2.5rem;border-radius:50%;transition:all .4s;cursor:pointer;border:1px solid #a8a8a8}.Foodpopup .popContent .close span:hover{scale:1.1;background-color:#e8e8e8}.Foodpopup .popContent .close span:active{background-color:#d8d8d8}.Foodpopup .popContent .done{margin-top:auto}.Foodpopup .popContent .done button{width:160px;height:50px;border:0;color:var(---font-color-primary);background-color:var(---first-color);font-size:1.5rem;font-family:var(---third-family);border-radius:20px;transition:all .4s;margin:20px;cursor:pointer;box-shadow:0 10px 36px 0 rgba(0,0,0,.16),0 0 0 1px rgba(0,0,0,.06)}.Foodpopup .popContent .done button:hover{scale:1.1}.Foodpopup .popContent .done button:active{letter-spacing:2px;scale:1.05}.Foodpopup .popContent .foodContent{height:100%;overflow:auto;display:flex;flex-direction:column;padding:0 50px}.Foodpopup .popContent .foodContent .food{display:flex;flex-direction:row;justify-content:center;gap:40px;margin:0 30px}.Foodpopup .popContent .foodContent .food img{min-width:30%;width:30%;margin-left:40px;border-radius:50px;max-height:40vh;object-fit:contain}.Foodpopup .popContent .foodContent .food .details{display:flex;flex-direction:column}.Foodpopup .popContent .foodContent .food .details .title{font-family:var(---second-family);color:var(---first-color);font-size:3rem;font-weight:500;letter-spacing:2px;margin-top:20px}.Foodpopup .popContent .foodContent .food .details .description{font-size:1.1rem;font-family:var(---first-family);color:grey;word-break:break-all;margin-top:10px}.Foodpopup .popContent .foodContent .food .details .price{display:flex;justify-content:flex-end;font-size:2rem;font-family:var(---third-family);color:var(---third-color);margin-top:10px}.Foodpopup .popContent .foodContent hr{margin:20px 0;border:0;background-color:var(---fourth-color);height:px;flex-shrink:0;width:100%}.Foodpopup .popContent .foodContent .ingredients{display:flex;flex-direction:column}.Foodpopup .popContent .foodContent .ingredients .title{color:var(---third-color);font-size:3rem;font-weight:500;font-family:var(---second-family)}.Foodpopup .popContent .foodContent .ingredients table{align-self:center;border-spacing:0;border-collapse:collapse}.Foodpopup .popContent .foodContent .ingredients table th{color:var(---second-color);font-size:2rem;text-align:center;width:20%;font-family:var(---third-family);font-weight:500;padding-bottom:10px;border:1px solid #ddd}.Foodpopup .popContent .foodContent .ingredients table td{font-size:1.6rem;font-family:var(---first-family);text-align:center;padding:5px;border:1px solid #ddd}.select-td{display:flex;justify-content:center}.custom-select{position:relative;width:60%;font-family:Arial;align-self:center}.select-selected{background-color:var(---first-color)}.select-selected:after{position:absolute;content:"";top:14px;right:10px;width:0;height:0;border:6px solid transparent;border-top-color:#fff}.select-selected.select-arrow-active:after{border-color:transparent transparent #fff;top:7px}.select-items div,.select-selected{color:#fff;padding:8px 16px;border:1px solid transparent;border-bottom-color:rgba(0,0,0,.1);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-items{position:absolute;background-color:var(---first-color);top:100%;left:0;right:0;z-index:99}.select-hide{display:none}.same-as-selected,.select-items div:hover{background-color:rgba(0,0,0,.1)}.input-td{display:grid}.custom-input{justify-self:center;flex-direction:row;padding:0 10px;background-color:var(---background-color-primary);border-radius:20px;height:40px}.custom-input,.custom-input span{display:flex;align-items:center;justify-content:center}.custom-input span{cursor:pointer;border-radius:50%;transition:all .4s;height:30px;width:30px}.custom-input span:hover{background-color:#e1e1e1}.custom-input span:active{background-color:#bab8b8}.custom-input .number{border:0;background-color:transparent;width:40px;justify-content:center;height:80%;font-size:1.3rem;font-family:var(---third-family)}.custom-input .number,.name{display:flex;align-items:center}.name{flex-direction:row;gap:5px}.name .title{color:var(---third-color);font-size:2rem;font-family:var(---third-family);letter-spacing:1px}.name .food-name{font-size:1.6rem;font-family:var(---second-family);display:flex;justify-content:center;align-items:center}.last-details{display:flex;flex-direction:column;gap:10px}.addtocartContainer{display:flex;flex-direction:row;overflow:visible;height:60px;justify-content:flex-end}.addtocartContainer .error{display:flex;justify-content:center;align-items:center;height:50px}.add-to-cart,.addtocartContainer .error{font-size:1.4rem;font-family:var(---third-family)}.add-to-cart{cursor:pointer;flex:1 0!important;letter-spacing:1px;border:0;background-color:var(---first-color);min-width:260px;max-height:50px;min-height:60px;color:var(---font-color-primary);transition:all .4s;position:relative;border-radius:10px;margin-left:30px;flex:0 1!important}.add-to-cart:hover{scale:1.1;background-color:var(---second-color)}.add-to-cart:active{background-color:var(---third-color)}.add-to-cart.notAllowed{cursor:not-allowed}@keyframes react-loading-skeleton{to{transform:translateX(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color));transform:translateX(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}.check-order-container{display:flex;flex-direction:column;align-items:center;padding:20px;max-width:600px;margin:100px auto;background-color:var(---background-color-primary);border:1px solid var(---third-color);border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);font-family:var(---second-family)}.check-order-container h1{margin-bottom:20px;font-size:clamp(1.4rem,1.4rem + 1vw,2rem);color:var(---first-color);font-family:var(---third-family);text-align:center}.check-order-container .search-container{display:flex;margin-bottom:20px;width:100%;max-width:500px}.check-order-container .search-container input{flex:1 1;padding:12px;font-size:1rem;border:1px solid var(---second-color);border-radius:4px;font-family:var(---second-family)}.check-order-container .search-container button{padding:12px 20px;font-size:1rem;border:none;border-radius:4px;background-color:var(---first-color);color:var(---background-color-primary);cursor:pointer;margin-left:10px;font-family:var(---fourth-family)}.check-order-container .search-container button:hover{background-color:var(---second-color)}.check-order-container .error-message{color:var(---second-color);font-family:var(---second-family);margin-bottom:20px}.check-order-container .order-details{border:1px solid var(---fourth-color);border-radius:8px;padding:20px;width:calc(100% - 40px);max-width:500px;background-color:var(---background-color-primary);box-shadow:0 4px 8px rgba(0,0,0,.1);font-family:var(---second-family);margin:20px}.check-order-container .order-details h2{margin-top:0;font-size:1.5rem;color:var(---first-color);font-family:var(---third-family)}.check-order-container .order-details p{margin:8px 0}.skeleton-container{display:flex;flex-direction:column;width:100%;max-width:500px;margin-top:20px}.skeleton-container>*{margin-bottom:15px}.skeleton-container .react-loading-skeleton{width:100%}@media (max-width:768px){.check-order-container .search-container{flex-direction:column}.check-order-container .search-container button{margin-left:0;margin-top:10px}}@media (max-width:700px){.check-order-container{margin:100px 30px}}@media (max-width:480px){.check-order-container h1{font-size:1.5rem}.check-order-container .search-container button,.check-order-container .search-container input{font-size:.9rem}.check-order-container .order-details h2{font-size:1.2rem}}footer{background-color:var(---fifth-color);margin-top:100px}.curved-edge{--c:70px;height:80px;aspect-ratio:1;width:100%;-webkit-mask:radial-gradient(60% var(--c) at bottom,#0000 calc(100% - 2px),#000);mask:radial-gradient(60% var(--c) at bottom,#0000 calc(100% - 2px),#000);background:#fff}.footer-content{display:flex;flex-direction:row;color:var(---font-color-primary);padding:50px;flex-wrap:wrap;gap:40px}.footer-section{flex:1 1;display:flex;flex-direction:column;gap:10px;justify-content:space-between;height:100%}.footer-section .title{display:flex;flex-direction:row;font-family:var(---fourth-family);font-size:2rem;font-weight:600;gap:10px;align-items:center}.footer-section .title hr{border:0;background-color:var(---background-color-primary);height:2px;width:40px;border-radius:20px}.footer-section .menu{display:flex;flex-direction:column;gap:15px;margin-left:5px}.footer-section .desc,.footer-section .menu a,.footer-section .menu div{color:var(---font-color-primary);cursor:pointer;font-family:var(---third-family);font-size:1.2rem}.footer-section .menu div{gap:10px;display:flex;align-items:center}.facebook:hover{border-color:#3b5998;background-color:#3b5998!important}.facebook:hover,.youtube:hover{color:var(---font-color-primary)!important}.youtube:hover{background-color:#b00!important;border-color:#b00}.instagram:hover{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);color:var(---font-color-primary)!important;border-color:transparent}.social-media{display:flex;align-items:center;flex-direction:row;gap:10px}.social-media div{border-radius:50%;border:1px solid #fff;height:40px;width:40px;display:flex;justify-content:center;align-items:center;transition:all .4s}.social-media div i{color:var(---font-color-primary)}.footer-section.newsletter .email input{width:90%;border:3px solid var(---third-color);transition:all .4s;font-family:var(---second-family);font-size:1.2rem;height:30px;border-radius:5px;padding:6px}.footer-section.newsletter .email input:focus{outline:none;border-color:var(---first-color);scale:1.05}.footer-section.newsletter .subscribe input{width:160px;cursor:pointer;height:40px;background-color:var(---first-color);font-family:var(---first-family);font-size:1.3rem;font-weight:600;border-radius:16px;transition:all .4s;border:0;color:var(---font-color-primary)}.footer-section.newsletter .subscribe input:hover{scale:1.1;background-color:var(---second-color);letter-spacing:1px}.footer-section.newsletter .subscribe input:active{background-color:var(---third-color);letter-spacing:2px}.footer-section .menu a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:.1em;background-color:var(---first-color);transition:opacity .3s,transform .3s;opacity:1;transform:translate3d(-100%,0,0)}.footer-section .menu a:focus:after,.footer-section .menu a:hover:after{opacity:1;transform:translateZ(0)}.footer-section .menu a{position:relative;overflow:hidden}.copyright{display:flex;flex-direction:column;gap:10px}.copyright hr{border:0;background-color:var(---background-color-primary);height:2px;width:100%}.copyright .text{text-align:center;padding:15px 0;color:var(---font-color-primary);font-family:var(---second-family);font-size:1.2rem;font-weight:300}.copyright .text a{color:var(---font-color-primary);text-decoration:underline;transition:all .4s;text-underline-offset:3px}.copyright .text a:hover{letter-spacing:1px}@media screen and (max-width:1000px){.section-title{margin-bottom:20px}.contact-us-container .tomato{top:-140px;left:-60px}.contact-us-container .lettuce{top:-160px;right:0}.details-container .description{font-size:1.2rem}.hero{padding:0 0 0 50px}.search-filter{display:none}.resultContainer{max-width:none}.resultContainer .result{width:clamp(220px,30vw,280px)}.filter{display:flex}.Foodpopup .popContent .foodContent .ingredients .title{font-size:2.5rem;margin-bottom:10px;margin-top:15px}.Foodpopup .popContent .foodContent .food img{width:50%}.Foodpopup .popContent .foodContent .ingredients table td .custom-select{font-size:1rem}.container .left-side .details .detail-container .detail input[type=text]{width:calc(100% - 18px)}}@media screen and (max-width:850px){.container .left-side .details .detail-container .detail input[type=text]{width:60%}.next-back-container{display:flex}.hidden{display:none!important}.container .right-side .detail-container .bottom-part .confirm-button button{display:none}}@media screen and (max-width:600px){.contact-section .desc{width:90vw}.section-title{font-size:2.4rem}.contact-us-container .lettuce,.contact-us-container .tomato{width:120px;top:-120px;height:120px}.contact-us-container .lettuce{right:-50px}.loop-container .item{width:120px}.loop-container .item.left{left:max(calc(120px * 8),100%)}.loop-container .item.right{right:max(calc(120px * 8),100%)}.wave-png{width:34vw}.hero{flex-direction:column-reverse;justify-content:center;align-items:center;padding:0}.hero div{flex:0 0!important}.hero .leftside .text a,.hero .leftside .text p{text-align:center;font-size:2.4rem}.hero .leftside .desc{text-align:center}.hero .leftside .buttoncontainer{display:flex;justify-content:center}.hero .rightside{width:30vh;min-height:30vh;z-index:1;max-width:none}.hero .leftside{max-width:none;padding:0 30px}.hero .rightside div{height:100%;width:100%;overflow:hidden}.hero .rightside img{z-index:1}.hero{gap:20px}.resultContainer .searchInput input{font-size:1.2rem}.resultContainer .searchInput span{font-size:2rem!important}.resultContainer .searchInput button{font-size:1.1rem}.Foodpopup .popContent .foodContent .food img{width:70%;margin:0}.Foodpopup .popContent .foodContent .food{justify-content:space-between}.name .title{font-size:1.5rem}.name .food-name{font-size:1.2rem}.custom-input{height:30px}.Foodpopup .popContent .foodContent .ingredients .title{font-size:2rem}.Foodpopup .popContent .foodContent .food{flex-direction:column;align-items:center;gap:15px}.container .left-side .details .detail-container .detail input[type=text]{width:calc(100% - 18px)}.container{margin:20px 10px}.confirmation-popup .popContent .buttons{width:calc(100% - 20px);margin:10px;gap:10px}.confirmation-popup .popContent .buttons button{flex:1 1;width:none}}@media screen and (max-width:500px){.details-container .description{gap:-10px}.about-section{gap:50px}.details-container .title{font-size:1.8rem}.details-container .description{font-size:1.1rem}.details-container .numbers .experience-container .years{font-size:1.2rem}.details-container .numbers .experience-container .experience{font-size:2rem}nav .logo{font-size:1.8rem}nav .cart span{font-size:2rem}.resultContainer .popular-container label{font-size:1rem}nav .cart{gap:20px}nav .cart span{font-size:1.8rem}.Foodpopup .popContent .foodContent{padding:0 10px}.Foodpopup .popContent .foodContent .food{margin:0 10px}.next-back-container{gap:10px}}@media screen and (max-width:400px){.resultContainer .searchInput span{margin:0 8px}.contact-section .desc{font-size:1rem}.section-title{font-size:1.8rem}.resultContainer .searchInput button{margin:0 6px}.Foodpopup .popContent .foodContent .ingredients table th{font-size:1.2rem}.Foodpopup .popContent .foodContent .ingredients table td{font-size:1rem}.Foodpopup .popContent .foodContent .ingredients .title{font-size:1.5rem}.select-selected:after{right:6px}.confirmation-popup .popContent .title{font-size:1.5rem}}@media screen and (max-width:1000px){.section-title{margin-bottom:20px}.contact-us-container .tomato{top:-140px;left:-60px}.contact-us-container .lettuce{top:-160px;right:0}.details-container .description{font-size:1.2rem}.hero{padding:0 0 0 50px}.search-filter{display:none}.resultContainer{max-width:none}.resultContainer .result{width:clamp(260px,30vw,360px)}.filter{display:flex}.Foodpopup .popContent .foodContent .ingredients .title{font-size:2.5rem;margin-bottom:10px;margin-top:15px}.Foodpopup .popContent .foodContent .food img{width:50%}.Foodpopup .popContent .foodContent .ingredients table td .custom-select{font-size:1rem}}@media screen and (max-width:500px){.details-container .description{gap:-10px}.about-section{gap:50px}.details-container .title{font-size:1.8rem}.details-container .description{font-size:1.1rem}.details-container .numbers .experience-container .years{font-size:1.2rem}.details-container .numbers .experience-container .experience{font-size:2rem}nav .logo{font-size:1.8rem}nav .cart span{font-size:2rem}.resultContainer .popular-container label{font-size:1rem}nav .cart{gap:20px}nav .cart span{font-size:1.8rem}.Foodpopup .popContent .foodContent{padding:0 10px}.Foodpopup .popContent .foodContent .food{margin:0 10px}}.toast{font-family:var(---first-family);font-size:17px}@media screen and (max-width:1100px){.resultContainer .result{width:clamp(220px,30vw,280px)}}@media screen and (max-width:1000px){.section-title{margin-bottom:20px}.contact-us-container .tomato{top:-140px;left:-60px}.contact-us-container .lettuce{top:-160px;right:0}.details-container .description{font-size:1.2rem}.hero{padding:0 0 0 50px}.search-filter{display:none}.resultContainer{max-width:none}.resultContainer .result{width:clamp(220px,30vw,280px)}.filter{display:flex}.Foodpopup .popContent .foodContent .ingredients .title{font-size:2.5rem;margin-bottom:10px;margin-top:15px}.Foodpopup .popContent .foodContent .food img{width:50%}.Foodpopup .popContent .foodContent .ingredients table td .custom-select{font-size:1rem}}@media screen and (max-width:800px){nav .menu{display:none}.hamburger{display:block}.Foodpopup .popContent .foodContent .food .details .title,nav .cart span{font-size:2rem}.Foodpopup .popContent .foodContent .food .details .price{font-size:1.6rem}}@media screen and (max-width:700px){.contact-us-form-map{flex-direction:column}.contact-us-form-map .map{min-height:300px;flex-shrink:0}.contact-us-form-map .map iframe:hover{scale:1.02}.details-container .numbers{flex-direction:column}.details-container .numbers div{align-items:center;justify-content:center}.details-container{width:100%}#SearchContainer{padding:50px 10px;max-width:none}.Foodpopup .popContent .foodContent .ingredients table td,.Foodpopup .popContent .foodContent .ingredients table th{font-size:1.4rem}}@media screen and (max-width:500px){.details-container .description{gap:-10px}.about-section{gap:50px}.details-container .title{font-size:1.8rem}.details-container .description{font-size:1.1rem}.details-container .numbers .experience-container .years{font-size:1.2rem}.details-container .numbers .experience-container .experience{font-size:2rem}nav .logo{font-size:1.8rem}nav .cart span{font-size:2rem}.resultContainer .popular-container label{font-size:1rem}nav .cart{gap:20px}nav .cart span{font-size:1.8rem}nav .choose-lang a{font-size:1.2rem}.Foodpopup .popContent .foodContent{padding:0 10px}.Foodpopup .popContent .foodContent .food{margin:0 10px}}@media screen and (max-width:400px){.resultContainer .searchInput span{margin:0 8px}.contact-section .desc{font-size:1rem}.section-title{font-size:1.8rem}.resultContainer .searchInput button{margin:0 6px}.Foodpopup .popContent .foodContent .ingredients table th{font-size:1.2rem}.Foodpopup .popContent .foodContent .ingredients table td{font-size:1rem}.Foodpopup .popContent .foodContent .ingredients .title{font-size:1.5rem}.select-selected:after{right:6px}}#SearchContainer{padding:50px;display:flex;flex-direction:row;justify-content:space-around;height:100%;max-width:calc(100% - 110px)}.search-filter{max-width:20vw;display:flex;flex-direction:column;flex-shrink:0;padding-right:20px}.search-filter .filter-container{display:flex;flex-direction:column;margin-bottom:50px}.search-filter .filter-container .title{font-family:var(---third-family);font-size:3.2rem;font-weight:500;color:var(---second-color);letter-spacing:2px;width:100%;margin-bottom:10px}.search-filter .filter-container .price{padding:0 20px}.search-filter .filter-container .price .little-title{font-size:2rem;font-family:var(---second-family);margin:10px 0}.search-filter .filter-container .price .min-max{display:flex;flex-direction:column;gap:10px;padding:0 10px}.search-filter .filter-container .price .min-max div{display:flex;flex-direction:column;gap:6px;font-size:1.4rem;color:grey;font-family:var(---second-family)}.search-filter .filter-container .price .min-max div input{height:20px;width:80%;align-self:center;padding:4px 8px;font-family:var(---third-family);font-size:1rem;border:0;border:.1rem solid var(---fifth-color);border-radius:8px;transition:all .4s}.search-filter .filter-container .price .min-max div input:focus{outline:none;scale:1.1}.search-filter .filter-container .price .categories,.search-filter .filter-container .price .sorts{display:flex;flex-direction:column;gap:5px;padding:0 10px}.radio-container{position:relative;cursor:pointer;display:flex;flex-direction:row;align-items:center;gap:6px;font-family:var(---third-family);font-size:1.3rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:grey}.radio-container input{position:absolute;opacity:0;cursor:pointer}.radio-container .checkmark{position:relative;height:20px;width:20px;background-color:#eee;border-radius:50%}.radio-container .checkmark:after{top:6px;content:"";position:absolute;display:none;left:6px;width:8px;height:8px;border-radius:50%;background:#fff}.radio-container:hover input~.checkmark{background-color:#ccc}.radio-container input:checked~.checkmark{background-color:var(---second-color)}.radio-container input:checked~.checkmark:after{display:block}.checkbox-container{position:relative;cursor:pointer;display:flex;flex-direction:row;align-items:center;gap:6px;font-family:var(---third-family);font-size:1.3rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:grey}.checkbox-container input{position:absolute;opacity:0;cursor:pointer}.checkbox-container .checkmark{position:relative;height:25px;width:25px;background-color:#eee;border-radius:5px}.checkbox-container .checkmark:after{content:"";position:absolute;display:none;left:9px;top:5px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}.checkbox-container:hover input~.checkmark{background-color:#ccc}.checkbox-container input:checked~.checkmark{background-color:var(---second-color)}.checkbox-container input:checked~.checkmark:after{display:block}.filter-container .save{display:flex;justify-content:flex-end;margin-top:10px}.filter-container .save button{width:120px;cursor:pointer;height:40px;color:var(---font-color-primary);background-color:var(---second-color);font-family:var(---third-family);font-size:1.5rem;transition:all .4s;border-radius:20px;border:0}.filter-container .save button:hover{scale:1.1}.filter-container .save button:active{letter-spacing:1px;background-color:var(---third-color)}.pagination{flex-direction:row;padding:5px 0;gap:15px}.pagination,.pagination .icon span{display:flex;justify-content:center;align-items:center}.pagination .icon span{font-size:2.4rem;font-weight:500;border-radius:50%;transition:all .4s;color:var(---second-color);text-align:center;cursor:pointer}.pagination .icon span:hover{background-color:#eaeaea}.pagination .icon span:active{background-color:#d6d4d4}.pagination .page{font-size:1.6rem;font-family:var(---third-family);color:var(---font-color-primary);background-color:var(---second-color);transition:all .4s;width:34px;height:34px;display:flex;justify-content:center;align-items:center;border-radius:50%}.resultContainer{display:flex;flex-direction:column;gap:25px;width:100%}.resultContainer .searchInput{display:flex;height:60px;border:.2rem solid var(---first-color);border-radius:25px;background-color:#f5f5f5;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}.resultContainer .searchInput span{align-self:center;margin:0 16px;font-size:2rem;color:grey}.resultContainer .searchInput input{border:0;background-color:transparent;font-size:1.5rem;font-family:var(---second-family);width:100%;color:#545454}.resultContainer .searchInput input:focus{outline:none}.resultContainer .searchInput button{margin:0 16px;height:80%;width:150px;align-self:center;border:0;font-size:1.3rem;font-family:var(---third-family);color:#f5f5f5;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);background-color:var(---first-color);border-radius:10px;cursor:pointer;transition:all .4s}.resultContainer .searchInput button:hover{scale:1.1}.resultContainer .searchInput button:active{box-shadow:inset 0 30px 60px -12px rgba(50,50,93,.25),inset 0 18px 36px -18px rgba(0,0,0,.3),0 7px 29px 0 hsla(240,5%,41%,.2);letter-spacing:1px}.resultContainer .popular-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center}.resultContainer .popular-container input{display:none}.resultContainer .popular-container label{padding:10px;border:1px solid var(---first-color);border-radius:10px;background-color:var(---background-color-primary);color:var(---font-color-primary);color:var(---first-color);font-weight:400;font-size:1.3rem;transition:all .4s;cursor:pointer;font-family:var(---third-family)}.resultContainer .popular-container label.checked,.resultContainer .popular-container label:hover{background-color:var(---first-color);color:var(---font-color-primary)}.resultContainer .popular-container label:hover{scale:1.1}.resultContainer .popular-container label:active{box-shadow:inset 0 5px 15px rgba(0,0,0,.35)}.resultContainer .popular-container label.selected{background-color:var(---first-color);color:var(---font-color-primary)}.resultContainer .result .name-price{display:flex;flex-direction:column;justify-content:space-between;padding:0 30px;font-size:1.4rem;font-family:var(---third-family);font-weight:400;flex-wrap:wrap}.resultContainer .result .name-price .name{word-break:break-all}.resultContainer .result .name-price .price{color:var(---first-color);align-self:flex-end;justify-self:flex-end;margin-left:auto}.resultContainer .result .description{padding:0 30px;color:grey;font-family:var(---third-family)}.resultContainer .result .buttons{display:flex;flex-direction:column;justify-content:space-between;padding:0 30px;flex-wrap:wrap;margin:auto 0 10px;align-items:center;gap:10px}.resultContainer .result .buttons .ingredients{height:100%;align-self:center;font-size:1.3rem;font-family:var(---third-family);color:grey;text-decoration:underline;cursor:pointer;transition:all .4s;flex:1 1;text-align:center}.resultContainer .result .buttons .order{font-size:1.4rem;cursor:pointer;flex:1 0!important;letter-spacing:1px;border:0;background-color:var(---first-color);font-family:var(---third-family);min-width:160px;min-height:40px;color:var(---font-color-primary);transition:all .4s;position:relative;border-radius:10px}.resultContainer .result .buttons .order .count{position:absolute;right:-10px;top:-10px;width:26px;height:26px;border-radius:50%;background-color:var(---third-color);display:none;justify-content:center;align-items:center;font-family:var(---third-family);font-weight:500;font-size:.9rem}.resultContainer .result .buttons .ingredients:hover,.resultContainer .result .buttons .order:hover{scale:1.1}.resultContainer .result .buttons .order:hover{background-color:var(---second-color)}.resultContainer .result .buttons .order:active{letter-spacing:3px;background-color:var(---third-color)}.results{width:100%;display:flex;gap:auto;justify-content:center;gap:20px;flex-wrap:wrap}.resultContainer .result{display:flex;flex-direction:column;gap:10px;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);border-radius:40px;overflow:hidden;border:.01rem solid var(---second-color);width:280px;margin-bottom:20px}.resultContainer .result.loading{height:350px}.resultContainer .result img{width:100%;height:200px;object-fit:contain}.filter{display:flex;justify-content:center;align-items:center;display:none}.filter span{margin:0 20px 0 0!important;cursor:pointer;font-size:2.3rem!important;border-radius:50%;transition:all .4s;padding:3px}.filter span:hover{scale:1.2;background-color:#e5e4e4}.no-result{display:flex;flex-direction:column;gap:20px;justify-content:center;font-family:var(---third-family);font-size:1.2rem;color:#7a7a7a;align-items:center;text-align:center;margin-top:40px}.no-result img{width:min(250px,70%)}#menu{overflow:visible}.wave-png{position:absolute;right:0;top:0;z-index:-1;height:100vh}#show-toast-btn{padding:10px 20px;font-size:16px;cursor:pointer}.toast{visibility:hidden;min-width:250px;margin-left:-125px;background-color:#333;font-family:var(---third-family);color:#fff;text-align:center;border-radius:2px;padding:16px;position:fixed;z-index:100;left:50%;bottom:30px;font-weight:500;font-size:20px;opacity:0;transition:opacity .5s ease,bottom .5s ease}.toast.show{visibility:visible;opacity:1;bottom:50px}.error{color:red;font-size:.8rem;font-family:var(--font-family-secondary);padding-left:20px}.gotop{position:fixed;bottom:40px;right:40px;height:60px;width:60px;border-radius:50%;background:var(---second-color);display:flex;justify-content:center;align-items:center;z-index:2;color:var(---font-color-primary);scale:0;transition:all .4s;opacity:0;transform:translateY(200px);cursor:pointer}.gotop.showGoTop:hover{scale:1.1!important;background-color:var(---fourth-color)}.gotop span{font-size:2.6rem}.gotop.showGoTop{transform:translateY(0);scale:1;opacity:1}@media screen and (max-width:1300px){.footer-section .title{font-size:1.8rem;flex-direction:column;justify-content:baseline;align-items:flex-start;gap:4px}.footer-section .title hr{width:90%;margin-left:4px}}@media screen and (max-width:1200px){.contact-us-form-map{width:90vw}.blob-container svg{width:50vw}.details-container .numbers{flex-direction:column;gap:20px}.search-filter{max-width:30vw}}@media screen and (max-width:1100px){.resultContainer .result{width:clamp(220px,30vw,280px)}nav .menu{gap:20px}nav .menu div{font-size:1rem}}@media screen and (max-width:1000px){nav .logo{font-size:2rem}.section-title{margin-bottom:20px}.contact-us-container .tomato{top:-140px;left:-60px}.contact-us-container .lettuce{top:-160px;right:0}.details-container .description{font-size:1.2rem}.hero{padding:0 0 0 50px}.search-filter{display:none}#SearchContainer{padding:50px 10px;max-width:none;width:calc(100% - 20px)}.resultContainer{max-width:none}.resultContainer .result{width:clamp(220px,30vw,280px)}.filter{display:flex}.Foodpopup .popContent .foodContent .ingredients .title{font-size:2.5rem;margin-bottom:10px;margin-top:15px}.Foodpopup .popContent .foodContent .food img{width:50%}.Foodpopup .popContent .foodContent .ingredients table td .custom-select{font-size:1rem}}@media screen and (max-width:950px){.hamburger{display:block}nav .menu{display:none}}@media screen and (max-width:830px){.footer-section .title{font-size:1.5rem}.contact-us-container .lettuce,.contact-us-container .tomato{width:160px;height:160px}.about-section{flex-direction:column;justify-content:center;align-items:center}.blob-container{width:70vw}.details-container{align-items:center}.details-container .description,.details-container .title{text-align:center}.details-container .numbers{flex-direction:row;gap:10px}.custom-select{width:60%;width:100%}}@media screen and (max-width:800px){.Foodpopup .popContent .foodContent .food .details .title,nav .cart span{font-size:2rem}.Foodpopup .popContent .foodContent .food .details .price{font-size:1.6rem}}@media screen and (max-width:700px){.contact-us-form-map{flex-direction:column}.contact-us-form-map .map{min-height:300px;flex-shrink:0}.contact-us-form-map .map iframe:hover{scale:1.02}.details-container .numbers{flex-direction:column}.details-container .numbers div{align-items:center;justify-content:center}.details-container{width:100%}#SearchContainer{padding:50px 10px;max-width:none}.Foodpopup .popContent .foodContent .ingredients table td,.Foodpopup .popContent .foodContent .ingredients table th{font-size:1.4rem}.blob-container img{width:clamp(240px,240px + 2.5vw,300px);height:clamp(240px,240px + 2.5vw,300px)}}@media screen and (max-width:600px){.contact-section .desc{width:90vw}.section-title{font-size:2.4rem}.contact-us-container .lettuce,.contact-us-container .tomato{width:120px;top:-120px;height:120px}.contact-us-container .lettuce{right:-50px}.loop-container .item{width:120px}.loop-container .item.left{left:max(calc(120px * 8),100%)}.loop-container .item.right{right:max(calc(120px * 8),100%)}.wave-png{width:34vw}.hero{flex-direction:column-reverse;justify-content:center;align-items:center;padding:0}.hero div{flex:0 0!important}.hero .leftside .text a,.hero .leftside .text p{text-align:center;font-size:2.4rem}.hero .leftside .desc{text-align:center}.hero .leftside .buttoncontainer{display:flex;justify-content:center}.hero .rightside{width:30vh;min-height:30vh;z-index:1;max-width:none}.hero .leftside{max-width:none;padding:0 30px}.hero .rightside div{height:100%;width:100%;overflow:hidden}.hero .rightside img{z-index:1}.hero{gap:20px}.resultContainer .searchInput input{font-size:1.2rem}.resultContainer .searchInput span{font-size:2rem!important}.resultContainer .searchInput button{font-size:1.1rem}.Foodpopup .popContent .foodContent .food img{width:70%;margin:0}.Foodpopup .popContent .foodContent .food{justify-content:space-between}.name .title{font-size:1.5rem}.name .food-name{font-size:1.2rem}.custom-input{height:30px}.Foodpopup .popContent .foodContent .ingredients .title{font-size:2rem}.Foodpopup .popContent .foodContent .food{flex-direction:column;align-items:center;gap:15px}}@media screen and (max-width:500px){.details-container .description{gap:-10px}.about-section{gap:50px}.details-container .title{font-size:1.8rem}.details-container .description{font-size:1.1rem}.details-container .numbers .experience-container .years{font-size:1.2rem}.details-container .numbers .experience-container .experience{font-size:2rem}nav .logo{font-size:1.8rem}nav .cart span{font-size:2rem}.resultContainer .popular-container label{font-size:1rem}nav .cart{gap:20px}nav .cart span{font-size:1.8rem}.Foodpopup .popContent .foodContent{padding:0 10px}.Foodpopup .popContent .foodContent .food{margin:0 10px}.hero .leftside .buttoncontainer{flex-direction:column;align-items:center}}@media screen and (max-width:480px){.resultContainer .result{width:80%}.section-title{text-align:center}}@media screen and (max-width:400px){.copyright .text{font-size:1rem}.footer-content{padding:10px;margin-bottom:20px}.footer-section .desc,.footer-section .menu a,.footer-section .menu div{font-size:1rem}.resultContainer .searchInput span{margin:0 8px}.contact-section .desc{font-size:1rem}.section-title{font-size:1.8rem}.resultContainer .searchInput button{margin:0 6px}.Foodpopup .popContent .foodContent .ingredients table th{font-size:1.2rem}.Foodpopup .popContent .foodContent .ingredients table td{font-size:1rem}.Foodpopup .popContent .foodContent .ingredients .title{font-size:1.5rem}.select-selected:after{right:6px}.service-cards .card{min-width:90vw}nav{padding:10px}}@media screen and (max-width:350px){nav .cart span,nav .logo{font-size:1.4rem}.total-items{width:15px;height:15px;font-size:.7rem}nav .choose-lang div{font-size:1.4rem}.hamburger-div{width:30px;height:30px}.hamburger:after,.hamburger:before{width:30px}nav .cart{gap:10px}}@media screen and (max-width:300px){.hero .leftside{padding:0}.hero .rightside{overflow-x:hidden}.footer-section .menu div{font-size:.9rem}}