@font-face{font-family:Afrodotz;src:url(../fonts/Afrodotz-Regular.otf) format("opentype");font-display:swap}@font-face{font-family:Brooklyn;src:url(../fonts/Brooklyn-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Fekrah;src:url(../fonts/arfonts-fekrah-regular.ttf) format("truetype");font-display:swap}:root{--blue:#0052CC;--navy:#001A4D;--orange:#FF9500;--pink:#E91E63;--pink-soft:#FFD6E0;--pink-bg:#FFF0F5;--green:#7BA845;--beige:#F5E6D3;--cream:#FFF8F0;--ink:#0B1020}*{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--cream);color:var(--ink);font-family:Brooklyn,Segoe UI,system-ui,sans-serif;overflow-x:hidden}body{min-height:100vh}a{color:inherit}.display-en{font-family:Afrodotz,Brooklyn,serif;font-weight:400}.display-ar{font-family:Fekrah,sans-serif;direction:rtl}.hub-page{background:radial-gradient(1200px 600px at 10% -10%,var(--pink-soft) 0%,transparent 60%),radial-gradient(1000px 500px at 110% 10%,#DCE9FF 0%,transparent 60%),var(--cream);min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:22px 40px;position:relative;z-index:10}.logo{text-decoration:none;display:flex;align-items:center}.logo-img{height:44px;width:auto}.topbar-right{display:flex;gap:14px;align-items:center}.lang-toggle{background:#fff;border:2px solid var(--ink);border-radius:999px;padding:8px 16px;font-weight:700;font-size:13px;cursor:pointer;box-shadow:3px 3px 0 var(--ink);transition:transform .15s;font-family:inherit}.lang-toggle:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.loyalty-chip{display:flex;align-items:center;gap:10px;background:var(--ink);color:#fff;border-radius:999px;padding:8px 16px;font-size:12px;font-weight:500;text-decoration:none}.loyalty-chip .dot{width:8px;height:8px;border-radius:50%;background:#4cd964;flex-shrink:0}.loyalty-title{display:block;font-weight:700;font-size:12px}.loyalty-sub{display:block;font-size:10px;opacity:.65;margin-top:1px}.hero{text-align:center;padding:30px 20px 50px;position:relative}.wave{display:inline-block;font-family:Brooklyn,sans-serif;font-weight:600;font-size:clamp(15px,1.6vw,17px);background:#fff;border:2px solid var(--ink);border-radius:999px;padding:10px 22px;box-shadow:4px 4px 0 var(--pink);margin-bottom:28px}.wave .mascot-mini{width:28px;height:28px;vertical-align:-8px;margin-right:8px;animation:wiggle 2.2s ease-in-out infinite}@keyframes wiggle{0%,to{transform:rotate(-6deg)}50%{transform:rotate(8deg)}}.h1{font-family:Afrodotz,Brooklyn,serif;font-weight:400;font-size:clamp(56px,9vw,120px);line-height:.88;color:var(--ink)}.h1 em{font-style:normal;color:var(--blue)}.h1 .pill{display:inline-block;background:var(--orange);color:#fff;padding:0 20px;border-radius:999px;transform:rotate(-2deg);box-shadow:6px 6px 0 var(--ink)}.subhead{margin-top:18px;font-size:17px;color:#485070;max-width:560px;margin-left:auto;margin-right:auto}.hub{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:1200px;margin:40px auto 60px;padding:0 24px}@media(max-width:780px){.hub{grid-template-columns:1fr}}.tile{position:relative;border-radius:32px;overflow:hidden;padding:36px;min-height:320px;border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);text-decoration:none;color:inherit;display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s;cursor:pointer}.tile:hover{transform:translate(-4px,-4px);box-shadow:14px 14px 0 var(--ink)}.tile:hover .tile-mascot{transform:rotate(-6deg) scale(1.05)}.tile:hover .tile-arrow{transform:translate(8px,-8px)}.tile-kicker{font-family:Brooklyn,sans-serif;font-weight:700;font-size:12px;letter-spacing:2px;text-transform:uppercase;opacity:.7}.tile-title{font-family:Afrodotz,Brooklyn,serif;font-weight:400;font-size:64px;line-height:.9;margin-top:10px}.tile-desc{font-size:15px;margin-top:10px;max-width:80%;opacity:.85}.tile-arrow{position:absolute;top:28px;right:28px;width:52px;height:52px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;transition:transform .25s;font-size:22px}.tile-mascot{position:absolute;right:-10px;bottom:-20px;width:42%;max-width:260px;height:auto;transition:transform .3s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(4px 4px 0 rgba(0,0,0,.15));pointer-events:none}.tile-menu{background:radial-gradient(circle at 80% 100%,rgba(255,255,255,.35),transparent 55%),linear-gradient(140deg,#ff9500,#ff6b00);color:#2a0e00}.tile-menu .tile-arrow{background:#2a0e00}.tile-location{background:radial-gradient(circle at 20% 100%,rgba(255,255,255,.4),transparent 55%),linear-gradient(140deg,#ffd6e0,#ff9fb8);color:#5a0a25}.tile-location .tile-arrow{background:#5a0a25}.tile-shop{background:radial-gradient(circle at 80% 0%,rgba(255,255,255,.25),transparent 55%),linear-gradient(140deg,#4a84ff,#0052cc);color:#fff}.tile-shop .tile-arrow{background:#001a4d}.tile-presto{background:linear-gradient(140deg,#1a1a2e,#0b1020);color:#fff}.tile-presto .tile-arrow{background:var(--orange);color:#2a0e00}.tile-presto .badge{display:inline-block;margin-top:10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);padding:4px 10px;border-radius:999px;font-size:11px;letter-spacing:1px;text-transform:uppercase}.tile-mascot-presto{width:50%;max-width:280px;bottom:-10px;right:-10px}.blob{position:absolute;z-index:0;pointer-events:none;opacity:.6}.blob-1{top:80px;left:-80px;width:220px;height:220px;background:var(--pink-soft);border-radius:48% 52% 60% 40%/55% 45%}.blob-2{top:220px;right:-100px;width:280px;height:280px;background:#cde3ff;border-radius:62% 38% 55% 45%/50% 60% 40% 50%}.strip{max-width:1200px;margin:10px auto 80px;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:780px){.strip{grid-template-columns:1fr}}.strip-card{background:#fff;border:2px solid var(--ink);border-radius:24px;padding:22px 24px;display:flex;align-items:center;gap:16px;box-shadow:4px 4px 0 var(--ink)}.strip-card h4{font-family:Afrodotz,Brooklyn,serif;font-weight:400;font-size:22px;margin-bottom:2px}.strip-card p{font-size:14px;color:#485070}.strip-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;flex-shrink:0;font-size:22px}.strip-icon.hours{background:var(--pink-soft)}.strip-icon.phone{background:#dce9ff}.marquee{overflow:hidden;border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);background:var(--orange);color:#2a0e00;transform:rotate(-2deg);margin:40px -30px}.marquee-track{display:flex;gap:40px;padding:14px 0;font-family:Afrodotz,Brooklyn,serif;font-weight:400;font-size:26px;animation:scroll 18s linear infinite;white-space:nowrap}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-track span{display:inline-flex;align-items:center;gap:40px}.marquee-track span:after{content:"✦";color:var(--blue)}.foot{background:var(--ink);color:#e6e8f0;padding:60px 24px 40px;margin-top:40px}.foot-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}@media(max-width:780px){.foot-grid{grid-template-columns:1fr}}.foot-logo{display:flex;align-items:center}.foot h5{font-family:Brooklyn,sans-serif;font-weight:600;font-size:13px;letter-spacing:2px;text-transform:uppercase;margin-bottom:14px;color:#a5adc4}.foot a{color:#e6e8f0;text-decoration:none;display:block;padding:4px 0;font-size:14px}.foot a:hover{color:var(--orange)}.fine{max-width:1200px;margin:40px auto 0;padding-top:20px;border-top:1px solid #2A2F45;font-size:12px;color:#8b93ad;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}.menu-page{background:var(--cream);min-height:100vh}.nav{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;position:sticky;top:0;background:#fff8f0eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;border-bottom:2px solid var(--ink)}.back{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--ink);text-decoration:none;font-size:14px;background:#fff;border:2px solid var(--ink);border-radius:999px;padding:8px 14px;box-shadow:3px 3px 0 var(--ink)}.logo-sm{font-family:Afrodotz,Brooklyn,serif;font-weight:400;font-size:34px;color:var(--blue);text-decoration:none}.logo-sm span{color:var(--pink)}.nav-right{display:flex;gap:10px;align-items:center}.icon-btn{width:40px;height:40px;border-radius:50%;border:2px solid var(--ink);background:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:3px 3px 0 var(--ink);font-size:16px;font-family:inherit}.m-hero{position:relative;padding:60px 32px 30px;text-align:center;overflow:hidden;background:radial-gradient(600px 300px at 20% 0%,var(--pink-soft),transparent 60%),radial-gradient(600px 300px at 80% 100%,#FFE3C2,transparent 60%)}.m-hero .kicker{display:inline-block;font-family:Brooklyn,sans-serif;font-weight:600;background:#fff;border:2px solid var(--ink);border-radius:999px;padding:6px 16px;box-shadow:3px 3px 0 var(--blue);font-size:14px;margin-bottom:16px}.m-hero h1{font-family:Afrodotz,Brooklyn,serif;font-weight:400;font-size:clamp(64px,11vw,140px);line-height:.88;color:var(--ink)}.m-hero h1 em{font-style:normal;color:var(--pink)}.m-hero h1 .underline{display:inline-block;position:relative}.m-hero h1 .underline:after{content:"";position:absolute;left:-4px;right:-4px;bottom:8px;height:14px;background:var(--orange);z-index:-1;border-radius:8px;transform:rotate(-1deg)}.m-hero p{margin-top:16px;font-size:17px;color:#485070;max-width:560px;margin-left:auto;margin-right:auto}.m-hero .mascot{position:absolute;right:30px;bottom:-10px;width:170px;animation:bob 4s ease-in-out infinite;transform-origin:bottom}@keyframes bob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(4deg)}}@media(max-width:760px){.m-hero .mascot{width:110px;right:10px;opacity:.9}}.cats{display:flex;gap:12px;overflow-x:auto;padding:24px 32px;scrollbar-width:none}.cats::-webkit-scrollbar{display:none}.chip{flex-shrink:0;padding:12px 20px;border-radius:999px;border:2px solid var(--ink);background:#fff;font-weight:700;font-size:14px;cursor:pointer;box-shadow:3px 3px 0 var(--ink);transition:all .15s;display:flex;align-items:center;gap:8px;font-family:inherit}.chip:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.chip.active{background:var(--ink);color:#fff}.chip-emoji{font-size:18px}.search-wrap{padding:0 32px 20px;max-width:720px;margin:0 auto}.search{display:flex;align-items:center;gap:10px;background:#fff;border:2px solid var(--ink);border-radius:999px;padding:14px 22px;box-shadow:4px 4px 0 var(--ink)}.search input{flex:1;border:0;outline:0;font-size:15px;background:transparent;font-family:inherit}.search input::placeholder{color:#9aa3be;font-style:italic}.grid-wrap{padding:30px 32px 80px;max-width:1240px;margin:auto}.section-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px;gap:16px;flex-wrap:wrap}.section-header h2{font-family:Afrodotz,Brooklyn,serif;font-weight:400;font-size:52px;line-height:1}.section-header h2 .dot{color:var(--orange)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:22px}.card{position:relative;background:#fff;border:2.5px solid var(--ink);border-radius:24px;padding:22px;transition:transform .2s,box-shadow .2s;box-shadow:5px 5px 0 var(--ink);cursor:pointer;display:flex;flex-direction:column;gap:12px;overflow:hidden}.card:hover{transform:translate(-3px,-3px) rotate(-.6deg);box-shadow:10px 10px 0 var(--ink)}.card:nth-child(3n){background:var(--pink-bg)}.card:nth-child(5n){background:#fff4df}.card:nth-child(7n){background:#eef4ff}.card-illus{aspect-ratio:1/1;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--pink-soft),#FFE3C2);border:2px solid var(--ink);font-size:72px;position:relative;overflow:hidden}.card:nth-child(3n) .card-illus{background:linear-gradient(135deg,#ffe3c2,#ffd6e0)}.card:nth-child(5n) .card-illus{background:linear-gradient(135deg,#dce9ff,#ffd6e0)}.card:nth-child(7n) .card-illus{background:linear-gradient(135deg,#c5e8b7,#ffe3c2)}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.card-name{font-family:Afrodotz,Brooklyn,serif;font-weight:400;font-size:26px;line-height:1.05}.card-name .ar{display:block;font-family:Fekrah,sans-serif;font-weight:400;font-size:18px;color:var(--blue);margin-top:6px;direction:rtl}.price{flex-shrink:0;font-family:Afrodotz,Brooklyn,serif;font-weight:400;font-size:24px;color:var(--pink)}.price span{font-size:12px;font-weight:700;color:#6a7290;margin-left:2px;font-family:Brooklyn,sans-serif}.card-desc{font-size:13.5px;color:#485070;line-height:1.45}.card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.tag{font-size:11px;padding:4px 10px;border-radius:999px;background:var(--ink);color:#fff;font-weight:700;letter-spacing:.5px}.tag.new{background:var(--orange);color:#2a0e00}.tag.hot{background:var(--pink);color:#fff}.tag.veg{background:#5a9a2f}.bottom{padding:60px 32px 80px;text-align:center;position:relative;background:radial-gradient(500px 260px at 50% 100%,var(--pink-soft),transparent 60%)}.bottom h3{font-family:Afrodotz,Brooklyn,serif;font-weight:400;font-size:clamp(40px,6vw,64px)}.bottom .btn-row{margin-top:24px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:10px;background:var(--orange);color:#2a0e00;text-decoration:none;padding:14px 28px;border-radius:999px;border:2.5px solid var(--ink);box-shadow:5px 5px 0 var(--ink);font-weight:700;font-size:15px;transition:all .15s;font-family:inherit}.btn:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink)}.btn.ghost{background:#fff}.m-footer{padding:30px;text-align:center;color:#6a7290;font-size:13px;border-top:2px solid var(--ink);background:#fff}.m-footer a{color:var(--blue);font-weight:700;text-decoration:none}.rtl,.rtl .back{direction:rtl}.rtl .topbar-right{flex-direction:row-reverse}.rtl .tile-arrow{right:auto;left:28px}.rtl .tile-mascot,.rtl .tile-mascot-presto{right:auto;left:-10px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px;color:#6a7290}.loading-spinner{width:40px;height:40px;border:3px solid var(--pink-soft);border-top:3px solid var(--pink);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.shop-card{gap:16px}.card-img-wrap{position:relative;aspect-ratio:4/3;border-radius:16px;overflow:hidden;border:2px solid var(--ink);background:var(--beige)}.card-product-img{width:100%;height:100%;object-fit:cover}.card-illus-fallback{width:100%;height:100%;display:grid;place-items:center;font-size:64px;background:linear-gradient(135deg,var(--pink-soft),#FFE3C2)}.product-badge{position:absolute;top:10px;right:10px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;border:2px solid var(--ink)}.product-badge.new{background:var(--orange);color:#2a0e00}.product-badge.top{background:var(--pink);color:#fff}.shop-btn{padding:10px 20px;font-size:13px;margin-top:auto;text-align:center;justify-content:center}