@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;650;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--orange:#ff6309;--orange-dark:#b63c00;--ink:#202222;--cream:#fffaf2;--muted:#62615e;--line:#e8e1d6;--max:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button,dialog{color:inherit}img{display:block;width:100%;height:100%;object-fit:cover}svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sprite{position:absolute;width:0;height:0;overflow:hidden}.wrap{max-width:var(--max);margin-inline:auto;padding-inline:30px}.skip{position:fixed;top:-70px;left:15px;background:#fff;padding:15px;z-index:100}.skip:focus{top:12px}:focus-visible{outline:3px solid #397aaf;outline-offset:5px}.header{background:var(--ink);color:#fff;position:sticky;top:0;z-index:30}.header-inner{height:85px;display:flex;align-items:center;gap:36px}.brand{display:flex;align-items:center;color:var(--orange);margin-right:auto;flex-shrink:0}.brand>span{font-size:22px;letter-spacing:-1px;font-weight:700;border-top:2px solid;padding-top:3px}.brand>svg{width:132px;height:65px;stroke:none;margin-left:4px}.desktop-nav{display:flex;gap:29px;font-size:14px;font-weight:500}.desktop-nav a{padding-block:20px}.desktop-nav a:hover{color:#ffa25e}.header-actions{display:flex;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:58px;padding:15px 27px;border:1px solid transparent;border-radius:10px;font-weight:700;font-size:17px;line-height:1.3;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00000016}.orange{background:var(--orange);color:#171818}.orange:hover{background:#ff7b2c}.charcoal{background:var(--ink);color:white}.charcoal:hover{background:#393b3b}.outline-dark{border-color:var(--orange);color:white;background:transparent}.outline-dark:hover{background:#ffffff0d}.small{font-size:14px;min-height:43px;padding:10px 16px;gap:9px;border-radius:8px}.small svg{width:20px;height:20px}.menu-toggle,.mobile-nav{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;max-width:1600px;margin:auto;min-height:490px;overflow:hidden}.hero-copy{padding:61px 20px 53px max(30px,calc((100vw - 1220px)/2));z-index:1;align-self:center}.eyebrow{text-transform:uppercase;letter-spacing:1.7px;font-weight:700;font-size:12px;color:var(--orange-dark);margin:0 0 15px}.eyebrow span{padding:0 7px}h1,h2,h3{font-family:Manrope,'Arial',sans-serif;letter-spacing:-2px}h1{font-size:clamp(48px,5.5vw,82px);line-height:1.02;margin:0;font-weight:800;letter-spacing:-4px}h2{font-weight:800;font-size:clamp(32px,3.5vw,48px);line-height:1.14;margin:0}.hero-sub{font-size:clamp(21px,2.2vw,30px);letter-spacing:-1px;margin:20px 0 29px}.hero-order>p{font-size:14px;margin:0 0 11px}.order-actions{display:flex;gap:13px;flex-wrap:wrap}.hero-visual{position:relative;background:#ff9a13;isolation:isolate;overflow:hidden;border-radius:100px 0 0 0}.hero-food{object-position:50% 50%;min-height:490px}.halal-stamp{position:absolute;right:25px;top:23px;width:99px;height:99px;background:#fff9e8;color:#314526;display:flex;flex-direction:column;align-items:center;justify-content:center;border:4px double #314526;outline:4px solid #fff9e8;border-radius:50%;transform:rotate(-13deg);box-shadow:0 4px 15px #0002}.halal-stamp:after{content:'';position:absolute;inset:4px;border:1px dashed #31452688;border-radius:50%}.crescent{font-size:32px;line-height:27px}.halal-stamp strong{font-size:21px;line-height:26px;font-weight:800}.stamp-dots{font-size:11px;letter-spacing:3px;line-height:16px}.photo-note{position:absolute;bottom:16px;right:22px;color:#fff;font-size:10px;letter-spacing:.3px;background:#24242490;padding:5px 9px;border-radius:4px}.offer{padding-top:52px;padding-bottom:58px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:26px}.section-heading .eyebrow{margin-bottom:9px}.heading-note{font-size:13px;max-width:210px;line-height:1.6;color:var(--muted);padding-bottom:4px}.orange-dot{color:var(--orange)}.food-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.food-card{background:#fffcf7;border:1px solid #eee7dc;border-radius:12px;overflow:hidden;text-align:left;padding:0;box-shadow:0 4px 12px #3f260706;transition:transform .25s,box-shadow .25s}.food-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #3f260712}.card-image{height:177px;overflow:hidden;background:#ecd9bf}.card-image img{transition:transform .45s;object-position:center 55%}.food-card:hover img{transform:scale(1.05)}.kapsalon img{object-position:20% 65%;width:160%;max-width:none}.card-label{display:flex;align-items:center;justify-content:space-between;padding:19px 18px;font-size:18px;font-weight:800;letter-spacing:-.6px}.card-label svg{color:var(--orange);width:23px}.welcome{background:#f6efe5}.welcome-inner{display:grid;grid-template-columns:1fr 1.05fr;gap:65px;align-items:center;padding-block:58px}.welcome-copy>p:not(.eyebrow),.inside-copy>p:not(.eyebrow){font-size:16px;line-height:1.8;color:var(--muted);max-width:440px;margin:20px 0}.text-link{display:inline-flex;gap:14px;align-items:center;font-weight:700;margin-top:7px;font-size:14px;border-bottom:1px solid #e7b38e;padding-bottom:7px}.text-link svg{color:var(--orange)}.text-link:hover{color:var(--orange-dark)}.facade{margin:0;height:345px;position:relative;border-radius:16px;overflow:hidden}.facade img{object-position:center 45%}.facade figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;gap:8px;align-items:center;color:white;background:linear-gradient(transparent,#000a);padding:35px 20px 18px;font-size:12px}.facade figcaption svg{width:17px;height:17px}.inside{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-block:75px}.inside-photo{height:365px;border-radius:16px 80px 16px 16px;overflow:hidden}.inside-copy h2{font-size:42px}.contact{background:var(--orange);padding:62px 0}.contact-inner{display:grid;grid-template-columns:1.25fr 1fr;gap:80px;align-items:center}.contact .eyebrow{color:#242424b0}.contact h2{font-size:40px;max-width:480px}.contact p:not(.eyebrow){font-size:15px;line-height:1.7;max-width:400px;margin:18px 0 25px}.cream{background:var(--cream);color:var(--ink);font-size:14px;min-height:49px;padding:12px 18px;gap:10px}.cream svg{width:20px}.contact-label{text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:1.8px;display:block;margin-bottom:10px}.contact-choice{display:flex;justify-content:space-between;align-items:center;width:100%;padding:22px 0;border:0;border-bottom:1px solid #2626264a;background:transparent;font-size:23px;font-weight:700;letter-spacing:-.7px}.contact-choice>span{display:flex;align-items:center;gap:17px}.contact-choice:hover{padding-left:7px}.contact-choice svg{width:25px;height:25px}.footer-inner{min-height:125px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}.footer-brand{color:var(--ink);font-size:20px;letter-spacing:-.6px}.footer-brand strong{color:var(--orange-dark)}.footer-brand span{display:block;font-size:10px;letter-spacing:1.7px;text-transform:uppercase;margin-top:3px}.back-top{padding:15px 0}.mobile-order{display:none}dialog{border:0;border-radius:18px;padding:40px;max-width:530px;width:calc(100% - 32px);background:var(--cream);box-shadow:0 25px 90px #0003}dialog::backdrop{background:#111b;backdrop-filter:blur(5px)}dialog h2{font-size:32px;letter-spacing:-1px;margin-right:12px}dialog p:not(.eyebrow){font-size:15px;line-height:1.7;color:var(--muted)}dialog .order-status,dialog .menu-note{padding:14px 16px;background:#f1e9dd;border-radius:8px;font-size:13px!important}dialog .button{font-size:14px;padding:13px 18px;min-height:48px}dialog .order-actions{margin-top:24px}.dialog-close{position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:30px;width:38px;height:38px}.dialog-close:hover{color:var(--orange-dark)}
.visit{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:15px 70px}.visit address{font-style:normal;color:var(--muted);font-size:17px;line-height:1.8;margin-top:25px}.visit address strong{color:var(--ink)}.visit address a{display:inline-block;margin-top:10px;color:var(--orange-dark);font-weight:700}.visit address a span{margin-left:10px}.hours{background:#f6efe5;border-radius:14px;padding:27px 32px}.hours h3{font-size:22px;letter-spacing:-.6px;margin:0 0 16px}.hours dl{margin:0}.hours dl>div{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #e5dace;font-size:14px}.hours dl>div:last-child{border:0}.hours dd{margin:0;font-weight:600}.phone-link{font-weight:700;text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.visit{grid-template-columns:1fr;gap:25px;padding-block:0 40px}.hours{padding:24px}.hours dl>div{font-size:13px}.visit address{font-size:16px;margin-top:18px}}
@media(min-width:1600px){.hero-copy{padding-left:160px}.hero{grid-template-columns:1fr 1.05fr}}
@media(max-width:1050px){.header-inner{gap:20px}.desktop-nav{gap:18px}.brand>span{font-size:17px}.brand>svg{width:102px}.small{padding:9px 12px}.hero-copy{padding-left:30px}h1{letter-spacing:-2.7px}.hero .button{padding:14px 20px;font-size:15px}.card-label{font-size:16px;padding:16px 13px}.heading-note{display:none}.welcome-inner,.inside,.contact-inner{gap:40px}.inside-copy h2{font-size:35px}}
@media(max-width:760px){html{scroll-padding-top:85px}.wrap{padding-inline:22px}.header-inner{height:72px;padding-inline:20px;gap:16px}.brand>span{font-size:17px}.brand>svg{width:106px;height:54px}.desktop-nav,.header-actions{display:none}.menu-toggle{display:flex;flex-direction:column;gap:6px;background:transparent;border:1px solid #ffffff30;border-radius:7px;padding:12px 10px;width:42px;height:40px;justify-content:center}.menu-toggle span{height:2px;width:20px;background:#fff}.mobile-nav:not([hidden]){display:flex;flex-direction:column;padding:6px 22px 18px;border-top:1px solid #fff2}.mobile-nav a{padding:12px 0;font-size:15px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:35px 22px 30px}.eyebrow{font-size:10px;letter-spacing:1.4px;margin-bottom:15px}h1{font-size:clamp(47px,10vw,70px);letter-spacing:-2.9px;line-height:1.04}.hero-sub{font-size:23px;margin:17px 0 25px}.hero-order>p{font-size:13px}.hero .button{flex:1;min-height:54px;max-width:245px;font-size:15px;padding:13px 16px;gap:10px}.order-actions{gap:10px}.hero-visual{height:310px;border-radius:65px 0 0 0;margin-left:22px}.hero-food{min-height:0;object-position:center 56%}.halal-stamp{width:81px;height:81px;top:18px;right:19px}.crescent{font-size:26px;line-height:23px}.halal-stamp strong{font-size:17px;line-height:22px}.stamp-dots{font-size:9px;line-height:12px}.photo-note{font-size:8px;bottom:10px;right:12px}.offer{padding-top:35px;padding-bottom:36px}h2{font-size:33px;letter-spacing:-1.6px}.section-heading{margin-bottom:20px}.food-grid{grid-template-columns:1fr 1fr;gap:13px}.card-image{height:155px}.card-label{font-size:15px;letter-spacing:-.5px;padding:15px 12px;gap:4px}.card-label svg{width:19px}.welcome-inner{grid-template-columns:1fr;padding-block:38px;gap:25px}.welcome-copy>p:not(.eyebrow),.inside-copy>p:not(.eyebrow){font-size:15px;margin:16px 0;line-height:1.75;max-width:none}.facade{height:300px;border-radius:12px}.inside{grid-template-columns:1fr;gap:27px;padding-block:40px}.inside-photo{height:290px;border-radius:12px 60px 12px 12px}.inside-copy h2{font-size:33px}.contact{padding-block:38px}.contact-inner{grid-template-columns:1fr;gap:35px}.contact h2{font-size:34px;max-width:330px}.contact-choice{font-size:22px;padding-block:18px}.footer-inner{align-items:start;flex-wrap:wrap;padding-block:28px;gap:18px}.footer-inner>p{order:3;width:100%;margin:0;font-size:11px}.back-top{padding:3px 0}.mobile-order{position:fixed;bottom:0;left:0;right:0;background:var(--cream);padding:10px 16px max(10px,env(safe-area-inset-bottom));display:flex;gap:10px;border-top:1px solid var(--line);z-index:25;box-shadow:0 -3px 20px #00000008}.mobile-order .button{flex:1;min-height:46px;font-size:14px;padding:10px;gap:10px;border-radius:8px}.mobile-order svg{width:20px;height:20px}body{padding-bottom:72px}dialog{padding:35px 25px}dialog h2{font-size:29px}}
@media(max-width:380px){.card-image{height:130px}.card-label{font-size:13px}.hero .button{font-size:13px;padding-inline:12px}.hero-visual{height:270px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
