*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-VariableFont-CiIa1Ne8.ttf)}@font-face{font-family:Tajawal;src:url(/assets/Tajawal-Regular-BF6-vjr0.ttf)}:root{--body-font: "Montserrat";--color-base-100: oklch(97.788% .004 56.375);--color-base-200: oklch(93.982% .007 61.449);--color-base-300: oklch(91.586% .006 53.44);--color-base-content: oklch(23.574% .066 313.189);--color-primary: oklch(85% .138 181.071);--color-primary-content: oklch(43% .078 188.216);--color-secondary: oklch(89% .061 343.231);--color-secondary-content: oklch(45% .187 3.815);--color-accent: oklch(90% .076 70.697);--color-accent-content: oklch(47% .157 37.304);--color-neutral: oklch(27% .006 286.033);--color-neutral-content: oklch(92% .004 286.32);--color-info: oklch(68% .169 237.323);--color-info-content: oklch(29% .066 243.157);--color-success: oklch(69% .17 162.48);--color-success-content: oklch(26% .051 172.552);--color-warning: oklch(79% .184 86.047);--color-warning-content: oklch(28% .066 53.813);--color-error: oklch(64% .246 16.439);--color-error-content: oklch(27% .105 12.094);--radius-selector: 1rem;--radius-field: 2rem;--radius-box: 1rem;--size-selector: .25rem;--size-field: .25rem;--border: 2px;--depth: 1;--noise: 0;--banner-image: url(/assets/fresh_juice-BobLAQP8.jpg)}body{background-color:var(--color-base-200);color:var(--color-base-content);font-family:var(--body-font)}h1,h2,h3,h4,h5,h6{font-weight:500}.container{width:100%;max-width:800px;margin-inline:auto}.logo{padding:16px;display:flex;align-items:center;justify-content:center;width:150px;margin-inline:auto;margin-bottom:10px}.logo img{width:100%}.banner{width:100%;height:30vh;border-radius:4px;overflow:hidden;background:linear-gradient(0deg,#000000b5,#0000001f);position:relative;display:flex;align-items:flex-end;justify-content:center;z-index:0}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#000000b5,#0000001f);z-index:1}.banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--banner-image) no-repeat center center/cover;z-index:-1;transition:background .4s ease}.banner .text{color:#f1f1f1;padding:40px;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;gap:10px;position:relative;z-index:1}.menu-title{font-size:2.5rem;font-weight:400}.en-font{font-family:Montserrat}.ar-font{font-family:Tajawal}span.tag{display:inline-flex;gap:10px;align-items:center;justify-content:center;padding:4px 16px;font-weight:600;font-size:14px;border-radius:2px;background-color:var(--color-warning);color:var(--color-warning-content);font-weight:400}.language-toggle{font-family:Montserrat}.buttons{padding:10px;border-radius:4px;background-color:var(--color-base-100);display:flex;align-items:center;justify-content:center;width:fit-content;align-self:center;min-height:64px;gap:10px;margin:20px auto;border:2px solid var(--color-base-300);max-width:800px;flex-wrap:wrap}.buttons button{padding:15px 25px;border-radius:2px;text-align:center;font-size:16px;min-width:133px;outline:none;border:none;background:transparent;font-weight:500;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:10px;flex-wrap:nowrap;font-family:var(--body-font)}.buttons button.active,.buttons button.active:hover{background-color:var(--color-neutral);color:var(--color-neutral-content)}.buttons button:hover,.categories button:hover{background-color:#0000001c}.categories button.active,.categories button.active:hover{border:none;background-color:var(--color-neutral);color:var(--color-neutral-content)}.categories{max-width:800px;margin-inline:auto;padding:16px;background:var(--color-base-100);overflow-x:auto}.categories button{padding:15px 25px;border-radius:2px;text-align:center;font-size:16px;min-width:133px;outline:none;border:none;background:transparent;font-weight:500;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:10px;flex-wrap:nowrap;font-family:var(--body-font);border:1px solid var(--color-primary)}.cat-container{display:flex;width:fit-content;align-items:center;justify-content:center;gap:16px}.items{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:800px;margin:20px auto}.item{display:flex;align-items:center;justify-content:space-between;border:2px solid var(--color-base-300);background-color:var(--color-base-100);color:var(--color-base-content);padding:24px;gap:20px;border-radius:8px}.item .text{max-width:180px}.item h3{font-size:1.2rem}.item h3.name{margin-bottom:4px}.item h3.price{font-size:2rem;white-space:nowrap}.item h3 span{font-size:.4em}.item .text{flex-grow:1}.item span.tag{background-color:var(--color-warning);color:var(--color-warning-content);font-weight:400;gap:0px;width:fit-content;justify-content:flex-start;padding:4px 8px}footer{padding-bottom:30px;padding-top:10px;background-color:var(--color-neutral);margin-top:40px}footer .container{max-width:800px;width:100%;margin-inline:auto;display:flex;align-items:flex-start;justify-content:space-between;color:var(--color-neutral-content);flex-wrap:wrap}footer .left,footer .center,footer .right,footer .last{flex-basis:48%;padding:24px;color:var(--color-neutral-content)}footer .left img{margin-bottom:10px}.footer-para{display:flex;gap:8px;margin-top:16px}footer .right h3{margin-bottom:16px}footer .last .icons{display:flex;align-items:center;justify-content:flex-start;gap:16px}.footer-para a{color:var(--color-neutral-content);text-decoration:none;font-size:1rem}.location .icon{width:60px;height:100%}.footer-para a:active{color:var(--color-warning)}footer .last .icons a{display:inline-block;text-decoration:none;font-size:10px;color:var(--color-neutral-content)}@media (max-width: 685px){.items{grid-template-columns:1fr}footer .left,footer .center,footer .right,footer .last{flex-basis:100%}.overlay{background:linear-gradient(0deg,#000,#0003)}}@media (max-width: 800px){body{padding-right:16px;padding-left:16px}}@media (max-width: 420px){.item .text{max-width:130px}.item h3.name{font-size:1.5rem}.item .tag{font-size:.7rem;white-space:nowrap}.item .tag .icon{width:18px;height:100%}.item .price{white-space:nowrap}}.popup{width:100%;height:100dvh;position:fixed;top:0;right:0;bottom:0;left:0;padding:16px;z-index:10;background-color:var(--color-base-200);color:var(--color-base-content);display:flex;align-items:center;justify-content:center;flex-direction:column}