main{height:calc(100% - var(--l-top-size));overflow:hidden;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr}#progress{grid-area:1/1/2/2}#steps-wrapper{grid-area:2/1/3/2}#shopping-bag-wrapper{grid-area:1/2/3/3}#steps-wrapper{padding:10px}#progress{padding:15px 0 50px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}#progress-counter{display:flex;align-items:start;justify-content:center;gap:50px;position:relative}#progress-counter::before{content:'';width:100%;top:calc(50% - 2.5px);height:5px;background-color:var(--c-primary-400);position:absolute;z-index:0}#progress-counter div{z-index:auto;width:40px;position:relative;height:40px;border-radius:50%;border:5px solid var(--c-primary-400);background-color:var(--c-white);display:flex;justify-content:center}#progress-counter div p{position:absolute;text-align:center;top:40px;font-size:12px;text-wrap:nowrap}#progress[data-index-number="1"] #progress-counter div:nth-child(1){background-color:var(--c-primary-400)}#progress[data-index-number="2"] #progress-counter div:nth-child(1){background-color:var(--c-primary-400)}#progress[data-index-number="2"] #progress-counter div:nth-child(2){background-color:var(--c-primary-400)}#progress[data-index-number="3"] #progress-counter div:nth-child(1){background-color:var(--c-primary-400)}#progress[data-index-number="3"] #progress-counter div:nth-child(2){background-color:var(--c-primary-400)}#progress[data-index-number="3"] #progress-counter div:nth-child(3){background-color:var(--c-primary-400)}#progress[data-index-number="1"] #progress-counter div:nth-child(1){background-color:var(--c-primary-400)}#progress[data-index-number="1"]+#steps-wrapper article:nth-of-type(1){display:flex}#progress[data-index-number="2"]+#steps-wrapper article:nth-of-type(2){display:flex}#progress[data-index-number="2"]+#steps-wrapper+#shopping-bag-wrapper{display:flex}#progress[data-index-number="3"]+#steps-wrapper article:nth-of-type(3){display:flex}article{height:100%}article#menu{padding:0!important}#shopping-bag-wrapper,article{display:none}h1{font-weight:700}#data{justify-content:center;align-items:center}#data div{display:flex;flex-direction:column}#data div div{margin:5px 0}#comment-input,input{width:100%;max-width:300px;padding:5px 7px;border:1px solid var(--c-primary-900);border-radius:5px}#comment-input::placeholder,input::placeholder{color:var(--c-secondary-800)}#comment-input{resize:none}label span{color:var(--c-secondary-800)}.next-step-button,.previous-step-button{padding:5px 10px;color:var(--c-white);border-radius:5px;margin-top:20px;border:none!important;cursor:pointer}.next-step-button{background-color:var(--c-primary-400)}.previous-step-button{background-color:var(--c-secondary-600)}#menu-scroller{margin:0 auto}#menu-scroller b,#menu-scroller p{font-size:12px!important}#shopping-bag-wrapper{height:calc(100vh - var(--l-top-size));max-height:calc(100vh - var(--l-top-size));position:relative}#shopping-bag-opener{display:none;justify-content:center;align-items:center;width:36px;height:36px;border-radius:50%;aspect-ratio:1;background-color:rgba(0,0,0,.3);margin:15px;z-index:2;position:absolute;right:100%}@media only screen and (max-width:950px){#shopping-bag-wrapper{position:absolute;right:0}#shopping-bag-opener{display:flex}#shopping-bag{display:none!important}#shopping-bag-wrapper.opened #shopping-bag{display:flex!important}#shopping-bag-wrapper.opened::after{position:absolute;content:'';width:100vw;right:0;top:0;height:100%;background-color:rgba(0,0,0,.4)}}#shopping-bag{position:relative;background-color:var(--c-secondary-400);flex-direction:column;border-left:3px solid var(--c-beige-700);z-index:2;display:flex;overflow:hidden;width:250px}#shopping-bag-title{background-color:var(--c-white);text-align:center;width:100%;padding:10px 0;font-size:18px;font-weight:700}#shopping-bag-content{flex:1 1 auto;display:flex;flex-direction:column;gap:8px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--c-primary-700);scrollbar-gutter:stable}#shopping-bag-content::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f5f5f5}#shopping-bag-content::-webkit-scrollbar{width:5px;background-color:var(--c-white)}#shopping-bag-content::-webkit-scrollbar-thumb{background-color:var(--c-primary-700)}.day-divider{width:100%;background-color:var(--c-primary-400);color:var(--c-white);display:flex;align-items:center;justify-content:space-between;padding:2px 7px}.day-divider p{font-weight:700;font-size:13px}.order-row{width:calc(100% - 20px);margin:0 auto;box-shadow:2px 2px 2px var(--c-black-transparent);border-radius:5px;background-color:var(--c-white);display:grid;grid-template-columns:1fr auto 25px;grid-template-rows:1fr;align-items:center;justify-content:center;padding:3px 5px}.order-row button{border-radius:50%;background-color:var(--c-white);overflow:hidden;width:25px;height:25px;display:flex;justify-content:center;align-items:center;margin-left:5px}.order-row button img{width:23px;height:23px;aspect-ratio:1}#shopping-bag-sum{border-top:3px solid var(--c-beige-700);border-bottom:3px solid var(--c-beige-700);background-color:var(--c-white);display:flex;justify-content:space-between;padding:10px 20px}#shopping-bag-buttons{display:flex;justify-content:center;align-items:center;gap:10px;padding:10px}#shopping-bag-buttons button{margin:0}.menu-day-item{grid-template-columns:auto auto 30px!important}.menu-day-item :nth-child(1){grid-area:1/1/2/2}.menu-day-item :nth-child(2){grid-area:2/1/3/2}.menu-day-item :nth-child(3){grid-area:1/2/3/3;text-align:right}.menu-day-item :nth-child(4){grid-area:1/3/3/4}.add-to-order-button{border-radius:5px;border:2px solid var(--c-primary-400);background-color:var(--c-white);display:flex;justify-content:center;align-items:center;padding:2px;aspect-ratio:1;transition:all ease-in-out .1s}.add-to-order-button:hover{border:2px solid var(--c-primary-500);transform:scale(1.05)}.add-to-order-button img{width:18px;height:18px;aspect-ratio:1;overflow:hidden;transition:all ease-in-out .2s}.add-to-order-button:active img{transform:rotateY(360deg)}.price-text{margin-left:auto}.price-text::after{content:'Ft';font-size:inherit}#check-wrapper{display:flex;flex-wrap:wrap;width:100%;max-width:1400px;max-height:100%;gap:10px}#data-check{flex:1 1 200px;padding:15px 25px;background-color:var(--c-secondary-400);border-radius:5px;height:130px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--c-primary-700);scrollbar-gutter:stable}#data-check::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f5f5f5}#data-check::-webkit-scrollbar{width:5px;background-color:var(--c-white)}#data-check::-webkit-scrollbar-thumb{background-color:var(--c-primary-700)}#data-check p{max-width:50ch;margin:3px;font-size:13px;line-height:1.1}#shopping-bag-content-check{flex:1 0 300px;background-color:var(--c-secondary-400);border-radius:5px;display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto;overflow:hidden}#shopping-bag-content-check-content{overflow-x:hidden;overflow-y:auto;max-height:30vh;display:flex;flex-direction:column;gap:5px;padding:10px 25px;scrollbar-width:thin;scrollbar-color:var(--c-primary-700);scrollbar-gutter:stable}#shopping-bag-content-check-content::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f5f5f5}#shopping-bag-content-check-content::-webkit-scrollbar{width:5px;background-color:var(--c-white)}#shopping-bag-content-check-content::-webkit-scrollbar-thumb{background-color:var(--c-primary-700)}#check-buttons{flex:0 0 100%;display:flex;justify-content:center;align-items:center;gap:8px}#check-buttons input[type=text]{display:none;user-select:none;pointer-events:none}#check-buttons button #check-buttons input{margin:0}#check-sum{background-color:var(--c-secondary-500);width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px}#successful-wrapper{display:flex;align-items:center;justify-content:center}#successful-wrapper div{padding:25px;max-width:100%;border-radius:10px;background-color:var(--c-secondary-400);text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center}#successful-wrapper a{color:var(--c-primary-400)}