:root{--paper:#faf7f1;--cream:#f0e8dc;--brown:#51341f;--ink:#352619;--muted:#827363;--line:#e6ddcf;--accent:#a4784f;--serif:Georgia,'Times New Roman',serif;--font:'Noto Sans Arabic',Tahoma,sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:115px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.8}html[lang=en]{--font:'DM Sans',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button{color:inherit}img{display:block;max-width:100%}button{border:0}button:disabled{opacity:.3;cursor:default}.skip-link{position:fixed;inset-block-start:-90px;inset-inline-start:20px;background:var(--brown);color:white;padding:14px;z-index:99}.skip-link:focus{inset-block-start:10px}.site-header{background:rgba(250,247,241,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(14px)}.header-inner{max-width:1320px;margin:auto;padding:17px 44px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:14px}.logo-crop{display:block;width:59px;height:59px;border-radius:50%;overflow:hidden;mix-blend-mode:multiply}.logo-crop img,.hero-seal img,.image-seal img{height:100%;width:100%;object-fit:cover;max-width:none}.wordmark{display:flex;flex-direction:column;direction:ltr;line-height:1.45}.wordmark strong{font-family:var(--serif);font-size:25px;font-weight:500;letter-spacing:2px}.wordmark small{font-family:Arial,sans-serif;font-size:8px;letter-spacing:2px;color:var(--muted)}.header-end{display:flex;align-items:center;gap:32px}.since{font:italic 14px var(--serif);color:var(--muted)}.language{border:1px solid var(--line);border-radius:30px;background:transparent;padding:8px 17px;min-height:42px;display:flex;align-items:center;gap:9px;font-size:12px}.language:hover{background:var(--cream)}.page{max-width:1320px;margin:auto;padding:34px 44px 0}.intro{display:grid;grid-template-columns:1fr 1.12fr;background:var(--cream);position:relative;overflow:hidden;min-height:345px;border-radius:5px}.intro-copy{padding:36px 42px;align-self:center}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1px;color:var(--accent)}.eyebrow[lang=en]{font-family:'DM Sans',Arial,sans-serif;letter-spacing:2px}h1,h2,h3,p{margin:0}h1{font-size:43px;line-height:1.65;letter-spacing:-1.6px;font-weight:500;margin:11px 0 8px}h1 em{font-style:normal;color:#966b42}.intro-copy p{color:var(--muted);font-size:12px;line-height:2}.menu-link{display:inline-flex;gap:27px;align-items:center;font-size:12px;margin-top:21px;border-bottom:1px solid #b5a088;padding-bottom:5px}.menu-link span:last-child{font-size:22px;transition:transform .3s}.menu-link:hover span:last-child{transform:translateY(3px)}.intro-photo{position:relative;overflow:hidden;background:#dfe8e9;min-height:340px}.intro-photo>img{height:100%;width:100%;object-fit:cover;transform:scale(1.08);animation:heroEnter 1.4s ease-out both}.photo-caption{position:absolute;bottom:0;inset-inline:0;padding:18px 25px;background:linear-gradient(transparent,rgba(36,30,23,.35));display:flex;justify-content:space-between;align-items:end;color:white}.photo-caption>span:first-child{font:9px 'DM Sans',Arial,sans-serif;letter-spacing:3px;padding-bottom:8px}.hero-seal{width:70px;height:70px;background:#fff;border-radius:50%;padding:4px;box-shadow:0 3px 12px #35261920;overflow:hidden;transform:rotate(-12deg)}.hero-seal img{border-radius:50%}.intro-number{position:absolute;top:19px;inset-inline-end:20px;color:var(--brown);font:9px 'DM Sans',Arial,sans-serif;letter-spacing:2px}.menu-section{padding-top:44px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.section-heading h2{font-weight:500;font-size:31px;line-height:1.6;margin-top:3px}.section-heading p{font-size:11px;color:var(--muted);line-height:2}.menu-layout{display:grid;grid-template-columns:185px minmax(0,1fr);gap:34px;align-items:start}.category-panel{position:sticky;top:115px;max-height:calc(100vh - 140px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding-inline-end:8px}.category-label{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;padding:0 13px 15px;border-bottom:1px solid var(--line);margin-bottom:10px}#categories{display:flex;flex-direction:column;gap:4px}.category{display:flex;gap:10px;align-items:center;justify-content:space-between;text-align:start;width:100%;background:transparent;border-radius:4px;padding:10px 13px;color:var(--muted);font-size:11px;min-height:43px;transition:color .2s,background .2s,transform .2s}.category .category-count{font:9px 'DM Sans',Arial,sans-serif;opacity:.65}.category:hover{background:var(--cream);color:var(--brown)}.category[aria-current=true]{background:var(--brown);color:#fcf8f0}.products-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 15px;padding:0 0 13px;border-bottom:1px solid var(--line)}.products-heading h3{font-size:18px;font-weight:500}.products-heading>span{font-size:10px;color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px 19px}.product-card{text-align:start;background:transparent;padding:0;min-width:0;width:100%;animation:cardEnter .55s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0)*45ms)}.product-image{position:relative;display:block;aspect-ratio:1.25;overflow:hidden;border-radius:4px;background:#e7eded}.product-image>.product-photo{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1);transform:scale(1.04)}.product-card:hover .product-photo{transform:scale(1.12)}.image-seal{position:absolute;width:46px;height:46px;bottom:12px;inset-inline-end:12px;overflow:hidden;border-radius:50%;background:#fff;box-shadow:0 2px 7px #30201020;padding:3px;transform:rotate(-10deg)}.image-seal img{border-radius:50%}.product-card-content{display:block;padding:13px 1px 0}.product-title{display:block;font-size:12px;font-weight:500;line-height:1.9}.product-subtitle{font:10px 'DM Sans',Arial,sans-serif;display:block;color:var(--muted);line-height:1.7;margin-top:2px}.product-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.price{font:500 15px 'DM Sans',Arial,sans-serif;color:var(--brown);display:inline-flex;gap:5px;align-items:baseline}.price small{font:9px var(--font);color:var(--muted)}.from{font:9px var(--font);color:var(--muted)}.card-arrow{font-family:Arial,sans-serif;font-size:18px;width:29px;height:29px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;transition:background .25s,color .25s}.product-card:hover .card-arrow{background:var(--brown);color:white}.illustrative{position:absolute;bottom:9px;inset-inline-start:9px;border-radius:3px;background:#faf7f1e8;color:#76634e;font-size:8px;padding:2px 6px}.currency-note{font-size:10px;color:var(--muted);text-align:center;margin:35px 0 12px}footer{border-top:1px solid var(--line);margin-top:45px;padding:28px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}footer p,footer a{font-size:11px;color:var(--muted)}.footer-wordmark{font:18px var(--serif);letter-spacing:2px;display:flex;flex-direction:column;gap:7px}.footer-wordmark span{font:7px Arial,sans-serif;letter-spacing:3px}dialog{padding:0;border:none;background:var(--paper);color:var(--ink);border-radius:10px;width:min(850px,calc(100% - 32px));max-height:90dvh;overflow:auto;box-shadow:0 30px 120px #21130966}dialog[open]{display:grid;grid-template-columns:1.15fr 1fr;animation:dialogEnter .35s ease both}dialog::backdrop{background:#22180ec9;backdrop-filter:blur(7px)}.close-dialog{position:absolute;inset-inline-end:15px;top:15px;z-index:2;width:40px;height:40px;border-radius:50%;background:var(--paper);font:25px Arial;box-shadow:0 2px 15px #0001}.detail-photo{position:relative;overflow:hidden;min-height:420px;background:#e8efef}.detail-photo>#detail-image{width:100%;height:100%;object-fit:cover}.detail-photo .image-seal{width:63px;height:63px;bottom:22px;inset-inline-end:22px}.detail-body{padding:65px 30px 25px;display:flex;flex-direction:column;justify-content:center}.detail-body h2{font-size:25px;line-height:1.7;margin:8px 0 22px;font-weight:500}#detail-price .price{font-size:23px}#detail-price .price small{font-size:11px}.size-prices{display:flex;gap:18px;flex-wrap:wrap}.size-price{display:flex;flex-direction:column;gap:6px;background:var(--cream);padding:12px 17px;border-radius:4px}.size-price>span:first-child{font-size:11px;color:var(--muted)}.detail-note{font-size:11px;color:var(--muted);margin-top:22px}.detail-navigation{margin-top:30px;border-top:1px solid var(--line);padding-top:18px;display:flex;align-items:center;justify-content:space-between}.detail-navigation button{background:transparent;font-size:12px;padding:8px}.detail-navigation span{font:11px 'DM Sans',Arial,sans-serif;color:var(--muted)}.options{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.options span{font-size:10px;border:1px solid var(--line);padding:4px 12px;border-radius:20px}.noscript{text-align:center;padding:40px}html[lang=en] h1{font-family:var(--serif);line-height:1.2;font-size:49px;letter-spacing:-1px;margin:17px 0}html[lang=en] .product-title{font-size:14px}html[lang=en] .product-subtitle{font-family:'Noto Sans Arabic',Tahoma,sans-serif}html[lang=en] .category{font-size:12px}html[lang=en] .section-heading h2{font-family:var(--serif);font-size:39px}html[lang=en] .card-arrow{transform:rotate(180deg)}
@keyframes cardEnter{from{opacity:0;transform:translateY(19px)}to{opacity:1;transform:translateY(0)}}@keyframes heroEnter{from{opacity:0;transform:scale(1.18)}to{opacity:1;transform:scale(1.08)}}@keyframes dialogEnter{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}
@media(min-width:1450px){.intro{min-height:390px}.intro-copy{padding:45px 55px}h1{font-size:47px}}
@media(max-width:1000px){.header-inner{padding:15px 26px}.page{padding:25px 26px 0}.intro-copy{padding:27px}.intro{min-height:300px}.intro-photo{min-height:300px}h1{font-size:33px}.menu-layout{grid-template-columns:155px minmax(0,1fr);gap:23px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.since{display:none}html[lang=en] h1{font-size:37px}}
@media(max-width:650px){html{scroll-padding-top:151px}.header-inner{padding:11px 19px;gap:12px}.logo-crop{width:45px;height:45px}.brand{gap:9px}.wordmark strong{font-size:19px;letter-spacing:1.5px}.wordmark small{font-size:6px;letter-spacing:1.3px}.language{padding:6px 13px;font-size:10px;min-height:37px}.page{padding:18px 17px 0}.intro{grid-template-columns:1fr 1fr;min-height:245px}.intro-copy{padding:24px 17px}.intro-copy .eyebrow{font-size:8px;letter-spacing:0}h1{font-size:25px;letter-spacing:-.9px;margin:9px 0;line-height:1.65}.intro-copy p{font-size:9px;line-height:2}.menu-link{font-size:9px;gap:16px;margin-top:15px}.intro-photo{min-height:245px}.intro-photo>img{object-position:50% 50%}.intro-number{font-size:6px;letter-spacing:1px;top:12px;inset-inline-end:11px}.photo-caption{padding:15px 11px}.photo-caption>span:first-child{display:none}.photo-caption{justify-content:end}.hero-seal{width:47px;height:47px}.menu-section{padding-top:29px}.section-heading{margin-bottom:18px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.5px}.section-heading h2{font-size:25px}.section-heading p{font-size:9px}.menu-layout{display:block}.category-panel{position:sticky;top:68px;z-index:9;margin:0 -17px 21px;padding:10px 17px;background:rgba(250,247,241,.97);border-block:1px solid var(--line);max-height:none;overflow:visible;backdrop-filter:blur(12px)}.category-label{display:none}#categories{flex-direction:row;overflow-x:auto;gap:7px;scrollbar-width:none;padding:2px 1px}#categories::-webkit-scrollbar{display:none}.category{white-space:nowrap;width:auto;border:1px solid var(--line);padding:7px 14px;font-size:10px;min-height:38px;border-radius:25px}.category-count{display:none}.products-heading{padding-bottom:10px;margin-bottom:15px}.products-heading h3{font-size:17px}.products-heading>span{font-size:9px}.product-grid{gap:23px 13px}.product-image{aspect-ratio:1.07}.product-title{font-size:11px}.product-subtitle{font-size:9px}.image-seal{width:35px;height:35px;padding:2px;bottom:8px;inset-inline-end:8px}.illustrative{font-size:7px;bottom:7px;inset-inline-start:6px;padding:1px 4px}.product-card-content{padding-top:10px}.product-bottom{margin-top:8px}.price{font-size:14px;gap:3px}.price small{font-size:8px}.card-arrow{width:25px;height:25px;font-size:16px}.currency-note{font-size:8px;margin-top:28px}footer{margin-top:30px;padding:24px 0;flex-wrap:wrap;gap:18px}footer p{font-size:9px}footer a{font-size:9px}.footer-wordmark{font-size:15px}dialog[open]{display:block;width:calc(100% - 28px);max-height:92dvh}.detail-photo{min-height:0;aspect-ratio:1.3}.detail-body{padding:24px}.detail-body h2{font-size:23px;margin:7px 0 15px}.detail-photo .image-seal{width:50px;height:50px}.detail-navigation{margin-top:20px}.detail-note{margin-top:15px}html[lang=en] h1{font-size:30px;line-height:1.1;letter-spacing:-.7px;margin:12px 0}html[lang=en] .intro-copy{padding:20px 15px}html[lang=en] .category{font-size:11px}html[lang=en] .section-heading h2{font-size:31px}html[lang=en] .product-title{font-size:12px}html[lang=en] .product-subtitle{font-size:9px}}
.product-image::after,.detail-photo::after{content:'VITA CAFE  ·  COFFEE & DESSERT';position:absolute;bottom:0;left:0;right:0;height:28px;display:flex;align-items:center;justify-content:center;background:#f0e8dc;color:#8d7256;font:7px 'DM Sans',Arial,sans-serif;letter-spacing:1.7px;direction:ltr}.detail-photo::after{height:37px;font-size:8px}.image-seal{z-index:2;bottom:17px}.illustrative{z-index:3;bottom:31px}.detail-photo .illustrative{bottom:42px}.photo-caption{background:#51341f;color:#f8f0e3;height:44px;padding-top:0;padding-bottom:10px}.hero-seal{flex-shrink:0}.detail-navigation>span{direction:ltr}
@media(max-width:650px){.intro{grid-template-columns:1.1fr 1fr}.intro-copy{padding:21px 15px}h1{font-size:22px;letter-spacing:-.8px}.intro-photo{min-height:245px}.photo-caption{height:30px;padding-bottom:7px}.product-image::after{height:23px;font-size:5px;letter-spacing:1px}.image-seal{bottom:13px}.illustrative{bottom:26px}.detail-photo .illustrative{bottom:42px}html[lang=en] h1{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}