@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Jomhuria&display=swap";.auth-form{margin-top:1rem}.auth-form__label{display:block;font-size:1.2rem;margin-bottom:1rem}.auth-form__input{display:block;width:100%;font-size:1rem;padding:.5rem;margin-bottom:2rem;border:none;border-radius:.25rem;background-color:#919191;color:#000}.auth-form__link:link,.auth-form__link:visited{text-decoration:none;display:inline-block;color:inherit;border-bottom:1px solid currentColor;transition:color .25s,transform .25s ease}.auth-form__link:hover,.auth-form__link:active{color:var(--color-primary-light);transform:translateY(-2px)}.auth-form__btn{display:block;border:none;padding:.5rem 2rem;width:90%;margin-inline:auto;margin-block:2rem;font-size:1.2rem;background-color:var(--color-primary);border-radius:.5rem;cursor:pointer;transition:background .25s ease-in-out}@media only screen and (min-width: 50em){.auth-form__btn{max-width:30%;margin-left:auto}.auth-form__btn:hover{background-color:var(--color-primary-light)}}.header-logo{max-width:10rem;transform:translateY(-.75rem)}.header-logo--top{animation:fadeIn 1.5s forwards}.header-logo--bottom{margin-top:-.5rem;transform:translate(-200%);animation:slideIn 1.5s forwards}.header-logo img{display:block;width:100%}@media only screen and (max-width: 21.25em){.header-logo{max-width:8rem}}@media only screen and (min-width: 75em){.header-logo{max-width:12.5rem}}@keyframes fadeIn{0%{opacity:.25;transform:translate(-10%,-25%)}90%{opacity:1;transform:translate(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-200%)}80%{opacity:1;transform:translate(10%)}to{transform:translate(0)}}.main-nav__list{display:none}.main-nav__link{color:inherit;transition:color .25s ease-in-out}.main-nav__link:hover,.main-nav__link--active{color:var(--color-primary-light)}.main-nav__auth{color:var(--color-secondary);display:block;padding:.5rem 1.5rem;border:1px solid currentColor;background-color:transparent;font:inherit;border-radius:1rem;cursor:pointer;transition:background .35s,color .35s ease-in-out}.main-nav__auth:hover,.main-nav__auth--active{background-color:var(--color-secondary);color:var(--color-dark);padding:.5rem 1.5rem;border:1px solid var(--color-secondary);border-radius:1rem}@media only screen and (min-width: 50em){.main-nav__list{display:flex;justify-content:space-around;align-items:center;font-size:1.2rem;gap:2.5rem}}@media only screen and (min-width: 75em){.main-nav{width:100%}.main-nav__list{font-size:1.3rem;gap:.5rem}}@media only screen and (min-width: 93.75em){.main-nav{margin:2rem;font-size:1.6rem}}@media only screen and (min-width: 100em){.main-nav{width:50%;gap:3rem}}.hamburger{border:none;background-color:transparent;cursor:pointer}.hamburger *{height:2px;width:2rem;background-color:var(--color-primary);transition:transform .25s,background .25s,opacity .25s ease}.hamburger--top{margin-bottom:.5rem}.hamburger--bottom{margin-top:.5rem}.hamburger--active .hamburger--top{transform:translateY(.6rem) rotate(-45deg)}.hamburger--active .hamburger--middle{transform:scaleX(0);opacity:0}.hamburger--active .hamburger--bottom{transform:translateY(-.6rem) rotate(45deg)}@media only screen and (min-width: 50em){.hamburger{display:none}}.order{position:relative;background-color:var(--color-secondary);font-size:1rem;padding:.5rem .75rem;width:7rem;border-radius:.5rem;color:var(--color-dark);transition:background .25s ease-in-out}.order-badge{position:absolute;background-color:var(--color-background);border:2px solid var(--color-secondary);border-radius:50%;top:-40%;right:.5rem;padding:.25rem;color:var(--color-primary);font-size:.75rem;height:1.65rem;width:1.65rem;display:flex;justify-content:center;align-items:center;transition:border-color .25s ease-in-out}@media only screen and (min-width: 50em){.order:hover{background-color:var(--color-secondary-light)}.order:hover>.order-badge{border-color:var(--color-secondary-light)}}.animate-bump{animation:bump .25s ease}@keyframes bump{0%{scale:1;transform:translateY(0)}50%{scale:1.035;transform:translateY(-.25rem)}80%{scale:1;transform:translateY(0)}90%{transform:translateY(-.15rem)}10%{transform:translateY(0)}}.backdrop{position:fixed;top:0;left:0;right:0;bottom:0;height:100%;width:100%;background-color:#00000002;backdrop-filter:blur(.25rem);overflow-y:auto}@media only screen and (min-width: 50em){.backdrop{display:none}}.mobile-nav{position:relative;width:clamp(30%,18.75rem,90%);background-color:var(--color-primary);font-size:1rem;margin-inline:auto;margin-bottom:1rem;padding-top:10rem;border-radius:0 0 .5rem .5rem;z-index:10;box-shadow:2px 0 1.25rem #00000040}.mobile-nav__btn--logout{font-size:1.2rem;border:none;background-color:var(--color-secondary);display:block;width:100%;padding-block:1rem;border-radius:.5rem;border-bottom:1px solid rgb(53,53,53);color:var(--color-dark);letter-spacing:3px;cursor:pointer}.mobile-nav h2{color:var(--color-background);font-size:1.2rem;margin-bottom:1rem;padding-inline:.5rem}.mobile-nav a:link,.mobile-nav a:visited{text-decoration:none;font-size:1.2rem;color:var(--color-dark);margin-inline:auto;display:block;text-align:center;padding-block:1rem;border-radius:.5rem;user-select:none;border-bottom:1px solid rgb(53,53,53);letter-spacing:3px}.mobile-nav ul{list-style:none}.mobile-nav .auth a{background-color:#ba3a3abe}@media only screen and (min-width: 42.5em){.mobile-nav{padding-top:7rem}}@media only screen and (min-width: 50em){.mobile-nav{display:none}}.header{width:100%;background:var(--color-background);margin-inline:auto;position:fixed;top:0;left:0;z-index:200}.header-content{display:flex;position:relative;justify-content:space-between;align-items:center;padding:1rem;gap:.5rem;z-index:20}.header-actions{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:2rem}.header-border-bottom{width:100%;height:4px;background-color:var(--color-background);border-top:1px solid var(--color-secondary);border-bottom:1px solid var(--color-secondary)}@media only screen and (min-width: 30em){.header-actions{flex-direction:row-reverse;align-items:center}}@media only screen and (min-width: 42.5em){.header-content{padding-block:.5rem}}@media only screen and (min-width: 75em){.header-content{max-width:clamp(60%,37.5em,100%);margin-inline:auto}}.footer{display:flex;justify-content:center;margin-inline:auto;padding-block:.5rem;gap:.25rem}.footer a:link,.footer a:visited{color:inherit;transition:color .25s ease}.footer a:hover,.footer a:active{color:var(--color-primary-light)}.modal-backdrop{position:fixed;top:0;left:0;height:100%;width:100%;background-color:#00000093;backdrop-filter:blur(.25rem);display:flex;align-items:center;justify-content:center;z-index:300}.modal{position:relative;width:clamp(20%,43.75rem,90%);height:min-content;background-color:var(--color-primary);margin:auto;padding:1.5rem .5rem 1rem;border-radius:1rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:2rem;box-shadow:5px 0 4rem #00000040;z-index:305}.modal-title{color:var(--color-dark);letter-spacing:2px}.modal-text{color:var(--color-dark);padding-inline:2rem;font-size:1.2rem}.modal-button{background-color:var(--color-primary);color:var(--color-dark);font-size:1.2rem;border-radius:.5rem;padding:.25rem 3rem;border:none;background-color:var(--color-secondary);box-shadow:.75rem 0 1.5rem #00000026;cursor:pointer}.modal-button--cancel{background-color:transparent;font-size:1.2rem;padding:.25rem 1.25rem;border:1px solid var(--color-dark);color:var(--color-dark);border-radius:.5rem;box-shadow:.75rem 0 1rem #00000026;cursor:pointer;margin-right:.5rem}.modal-button--confirm{background-color:var(--color-secondary);font-size:1.2rem;padding:.25rem 1.25rem;border:1px solid var(--color-secondary);color:var(--color-dark);border-radius:.5rem;box-shadow:.75rem 0 1rem #00000026;cursor:pointer}.modal__actions{display:flex;justify-content:center;align-items:center;gap:.5rem}.menu__heading{text-align:center}.menu__sub-heading{font-size:1.4rem;margin-top:2rem;margin-bottom:1rem;color:var(--color-secondary)}.menu__list-item{background-color:var(--color-grey-dark);padding:.5rem;border-radius:.25rem;margin-bottom:1rem;transition:transform .25s ease}.menu__list-item:hover{transform:scale(1.01) translateY(-.15rem)}.menu__list-item--heading{font-size:1.2rem;font-weight:400}.menu__list-item--price{font-size:1.2rem;color:var(--color-grey-light)}.menu__link{display:flex;justify-content:space-between;align-items:center;color:inherit}@media only screen and (min-width: 50em){.menu__list{display:flex;justify-content:flex-start;gap:1rem;flex-wrap:wrap}.menu__list-item{width:10rem;border-radius:1rem;text-align:center}.menu__link{display:flex;flex-direction:column;justify-content:space-between;gap:1rem}}.order-input{height:2rem;display:flex;align-items:center;justify-content:center}.order-input__quantity{width:2rem;height:2rem;border:none;background-color:#e7e7e7;color:var(--color-dark);display:flex;justify-content:center;align-items:center}.order-input__btn{display:inline;width:2rem;height:2rem;border:none;background-color:var(--color-secondary);color:#e7e7e7;font-size:1rem;cursor:pointer}.order-input__btn--minus{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.order-input__btn--add{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.menu-item__heading{text-align:center;margin-bottom:2rem}.menu-item__description{margin-bottom:2rem}.menu-item__link{margin-top:2rem;background-color:var(--color-primary);color:#000;padding:.25rem 1rem;border-radius:.25rem}.menu-item__price{color:var(--color-secondary);font-size:1.4rem;margin-bottom:2rem}.menu-item__form-actions{display:flex;flex-direction:column-reverse;justify-content:center;gap:1rem;margin:2rem}.menu-item__form-back{color:var(--color-primary);padding:.5rem 1rem;border:1px solid var(--color-primary);border-radius:.5rem;text-align:center;transition:background .25s,color .25s ease-in-out}.menu-item__form-back:hover{color:var(--color-dark);background-color:var(--color-primary-light)}.menu-item__form-order-btn{color:var(--color-dark);background-color:var(--color-secondary);border:1px solid var(--color-secondary);padding:.5rem 1rem;border-radius:.5rem;font-size:inherit;cursor:pointer;transition:background .25s ease-in-out}.menu-item__form-order-btn:hover{background-color:var(--color-secondary-light)}.menu-item__form-order-btn:disabled{cursor:not-allowed}@media only screen and (min-width: 42.5em){.menu-item__form-actions{flex-direction:row;gap:2rem}}.order-form{height:2rem;display:flex;align-items:center;justify-content:center}.order-form__item-qty{width:2rem;height:2rem;border:none;background-color:#fff;color:var(--color-dark);display:flex;justify-content:center;align-items:center}.order-form__btn{display:inline;width:2rem;height:2rem;border:none;background-color:var(--color-secondary);color:#fff;font-size:1rem;cursor:pointer}.order-form__btn--minus{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.order-form__btn--add{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.order-confirm__heading{text-align:center;margin-bottom:2rem}.order-confirm__item{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-secondary);padding-block:1rem}.order-confirm__item-title{margin-bottom:.5rem}.order-confirm__price{color:#bbb9b9}.order-confirm-total{margin-top:1rem}.order-confirm__link--back:link,.order-confirm__link--back:visited{font-size:1rem;background-color:transparent;border-radius:.5rem;color:var(--color-primary);border:1px solid currentColor;padding:.5rem 1rem;text-align:center;transition:background .25s,color .25s ease-in-out}.order-confirm__link--checkout{font-size:1rem;background-color:var(--color-secondary);border:1px solid var(--color-secondary);color:var(--color-dark);padding:.5rem 1rem;text-align:center;letter-spacing:1px;border-radius:.5rem;transition:background .25s ease-in-out}.order-confirm__empty-cart{font-size:1.2rem;text-align:center;margin-top:3rem;margin-bottom:5rem;color:var(--color-secondary)}.order-confirm__actions{display:flex;flex-direction:column-reverse;width:80%;margin:2rem auto;gap:1rem}@media only screen and (min-width: 42.5em){.order-confirm__actions{flex-direction:row;justify-content:center;align-items:center;gap:2rem}}@media only screen and (min-width: 50em){.order-confirm__link--back:hover{background-color:var(--color-primary-light);color:var(--color-dark)}.order-confirm__link--checkout:hover{background-color:var(--color-secondary-light)}}.error{margin-inline:auto;padding-block:4rem;text-align:center}.error h2{color:var(--color-error);font-size:1.4rem;margin-bottom:2rem}.error p{color:#bbb}.total__free-delivery{text-align:center;margin-bottom:1.5rem}.total__container{background-color:var(--color-grey-dark);padding:.25rem;border-radius:.5rem}.total__content{display:flex;justify-content:space-between;align-items:center;margin-block:.5rem}.total__free{text-decoration:line-through;color:var(--color-secondary)}.checkout__heading{text-align:center;margin-bottom:3rem}.checkout__label{display:inline-block;font-size:1.2rem}.checkout__input{display:block;width:100%;font-size:1rem;padding:.5rem;margin-bottom:2rem;border:none;border-radius:.25rem;background-color:#919191;color:#000;margin-top:.5rem}.checkout__order-method{display:flex;justify-content:center;align-content:center;gap:1.5rem;margin-bottom:1.5rem}.checkout__checkbox{position:relative;cursor:pointer;display:block;align-self:center}.checkout__actions{display:flex;justify-content:center;align-items:center;gap:2rem;margin-block:2rem}.checkout__actions--back{color:var(--color-primary);flex:1;padding:.5rem;border:1px solid var(--color-primary);border-radius:.5rem;text-align:center;transition:background .25s,color .25s ease-in-out}.checkout__actions--submit{background-color:var(--color-secondary);border:1px solid var(--color-secondary);border-radius:.5rem;font-size:inherit;padding:.5rem;flex:1;transition:background .25s ease-in-out}@media only screen and (max-width: 21.5em){.checkout__order-method{gap:.75rem}}@media only screen and (min-width: 50em){.checkout__actions--back:hover{color:var(--color-dark);background-color:var(--color-primary-light)}.checkout__actions--submit{cursor:pointer}.checkout__actions--submit:hover{background-color:var(--color-secondary-light)}}.review-item{background-color:#313131;margin-block:2rem;border-radius:1rem;padding:1rem;display:block;color:inherit;transition:transform .25s ease;cursor:default}.review-item:hover{transform:scale(1.02) translateY(-.25rem)}.review-item__heading{font-size:1.3rem;color:var(--color-primary-light)}.review-item__username{font-weight:700;display:block;margin-block:1rem}.review-item__rating{font-size:1.45rem;color:var(--color-dark);background:linear-gradient(to bottom right,#f37610,#c21500);padding:.25rem;height:4rem;width:4rem;border-radius:50px;display:flex;align-items:center;justify-content:center}.review-item__date{color:var(--color-grey-light)}.review-item__container{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}@media only screen and (min-width: 50em){.review-item{cursor:pointer}}.reviews-list__actions{display:flex;justify-content:space-between;gap:1rem}.reviews-list__link{background-color:var(--color-primary);color:var(--color-dark);font-size:1rem;padding:.5rem 1.5rem;border-radius:.5rem;transition:background .25s ease-in-out}.reviews-list__no-content{text-align:center;margin-top:3rem}.reviews-list__select{display:flex;justify-content:center;min-width:10rem}.reviews-list__select-box{padding-left:.5rem;width:100%;color:var(--color-primary);background-color:var(--color-background);border:1px solid var(--color-primary);border-radius:.5rem;font-size:1rem}.reviews-list__select--hidden{display:none}@media only screen and (min-width: 50em){.reviews-list__link:hover{background-color:var(--color-primary-light)}.reviews-list__select-box{cursor:pointer}}.review-detail__header{display:flex;justify-content:space-between;align-items:center}.review-detail__userName{font-size:1.2rem;margin-bottom:1rem}.review-detail__date{color:var(--color-grey-light)}.review-detail__rating{font-size:1.45rem;color:var(--color-dark);background:linear-gradient(to bottom right,#f37610,#c21500);padding:.25rem;height:4rem;width:4rem;border-radius:50px;display:flex;align-items:center;justify-content:center}.review-detail__description{background-color:var(--color-grey-dark);font-size:1.2rem;padding:1rem .5rem;border-radius:.5rem;margin-top:2rem;margin-bottom:2rem}.review-detail__actions{display:block}.review-detail__actions{display:flex;justify-content:space-around;flex-wrap:wrap;align-items:center;gap:1rem}.review-detail__back{color:var(--color-primary);border:1px solid var(--color-primary);padding:.5rem 1rem;border-radius:.5rem;margin-bottom:1rem;width:15rem;text-align:center;transition:background .25s,color .25s ease-in-out}.review-detail__edit{color:var(--color-dark);border:1px solid var(--color-primary);background-color:var(--color-primary);text-align:center;padding:.5rem 1rem;border-radius:.5rem;margin-bottom:1rem;width:15rem;transition:background .25s ease-in-out}.review-detail__delete{font-size:inherit;color:var(--color-dark);border:1px solid var(--color-secondary);background-color:var(--color-secondary);text-align:center;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;margin-bottom:1rem;width:15rem;transition:background .25s ease-in-out}@media only screen and (min-width: 50em){.review-detail__back{width:12rem}.review-detail__back:hover{background-color:var(--color-primary-light);color:var(--color-dark)}.review-detail__edit{width:12rem;margin-inline:0}.review-detail__edit:hover{background-color:var(--color-primary-light)}.review-detail__delete{width:12rem;margin-inline:0}.review-detail__delete:hover{background-color:var(--color-secondary-light)}}.review-form__heading{margin-bottom:3rem;text-align:center}.review-form__label{display:block;font-size:1.2rem;margin-bottom:.5rem}.review-form__input{display:block;width:100%;font-size:1rem;padding:.5rem;margin-bottom:2rem;border:none;border-radius:.25rem;background-color:#919191;color:#000}.review-form__input.input-error{background-color:var(--color-error-background)}.review-form__input--rating{display:inline-block;font-size:1rem;padding:.5rem;margin-bottom:2rem;border:none;border-radius:.25rem;background-color:#919191;color:#000;text-align:center}.review-form__input--rating.input-error{background-color:var(--color-error-background)}.review-form__actions{display:flex;justify-content:center;gap:2rem}.review-form__actions-btn--cancel{color:var(--color-primary);flex:1;padding:.5rem 1rem;border:1px solid var(--color-primary);border-radius:.5rem;text-align:center;transition:background .25s,color .25s ease-in-out}.review-form__actions-btn--submit{background-color:var(--color-primary);border:1px solid var(--color-primary);color:var(--color-dark);border-radius:.5rem;font-size:inherit;padding:.5rem 1rem;flex:1;transition:background .25s ease-in-out;cursor:pointer}@media only screen and (min-width: 50em){.review-form__actions-btn--cancel:hover{background-color:var(--color-primary-light);color:var(--color-dark)}.review-form__actions-btn--submit:hover{background-color:var(--color-primary-light)}}.form-error{margin-top:-2rem;margin-bottom:1rem;color:var(--color-error)}:root{--color-primary: #9c7b26;--color-primary-light: #c29421;--color-secondary: #ba3a3a;--color-secondary-light: #da4949;--color-dark: #1e1e1e;--color-background: #1e1e1e;--color-grey-dark: #2c2c2c;--color-grey-lightest: #bbb;--color-grey-light: #918f8b;--color-error: #8f1212;--color-error-background: #d36262}*,*:before,*:after{margin:0;padding:0;box-sizing:inherit}html{box-sizing:border-box}body{background-color:var(--color-background);color:var(--color-primary);font-family:Inter,sans-serif;line-height:1.2;overflow-x:hidden}body::-webkit-scrollbar{background-color:#272727;width:.75rem}body::-webkit-scrollbar-thumb{background-color:var(--color-primary);border-radius:.25rem}h1{font-family:Inter,sans-serif;font-size:2rem;font-weight:400;letter-spacing:3px;text-align:center;margin-bottom:3rem}a:link,a:visited{text-decoration:none}ul{list-style:none}textarea{font-family:inherit}main{background:var(--color-background);min-height:calc(100vh - 2.5rem);width:clamp(60%,37.5rem,100%);margin-inline:auto;padding:10rem .75rem .75rem}.noSelect{-webkit-tap-highlight-color:transparent}@media only screen and (max-width: 21.5em){html{font-size:85%}}@media only screen and (min-width: 42.5em){main{padding-top:7.5rem}}@media only screen and (min-width: 75em){main{padding-top:10rem}form{max-width:32.5em;margin-inline:auto}section{max-width:50em;margin-inline:auto}}