:root{--black:#000;--white:#fff;--orange:#f47b20;--orange-deep:#d9640e;--cream:#fbf6ef;--roast:#3a2416;--ink-2:#555;--line:#e7e2db;--radius:14px;--nav-h:72px;--font-display:"Oswald","Arial Narrow",sans-serif;--font-body:"DM Sans","Segoe UI",sans-serif;--font-ar:"Cairo","Segoe UI",sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}body{font-family:var(--font-body);color:var(--black);background:var(--white);-webkit-font-smoothing:antialiased;line-height:1.5}html[dir=rtl] body{font-family:var(--font-ar)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0}img,svg{max-width:100%;display:block}.wrap{width:min(1200px,92vw);margin:0 auto}:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.nav{z-index:50;height:var(--nav-h);background:var(--white);border-bottom:1px solid var(--line);position:sticky;top:0}.nav .wrap{justify-content:space-between;align-items:center;gap:24px;height:100%;display:flex}.logo{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;align-items:baseline;gap:8px;font-size:28px;font-weight:700;line-height:1;display:flex}.logo span{color:var(--orange)}.logo small{display:none}.nav-links{gap:32px;font-size:15px;font-weight:500;display:flex}.nav-links a{border-bottom:2px solid #0000;padding:6px 0}.nav-links a:hover{border-color:var(--orange)}.nav-actions{align-items:center;gap:12px;display:flex}.btn{border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:15px;font-weight:600;transition:background .15s,color .15s,transform .15s;display:inline-flex}.btn-primary{background:var(--orange);color:var(--white)}.btn-primary:hover{background:var(--orange-deep)}.btn-dark{background:var(--black);color:var(--white)}.btn-dark:hover{background:#222}.btn-ghost{border:2px solid var(--black)}.btn-ghost:hover{background:var(--black);color:var(--white)}.lang{border:1.5px solid var(--line);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600}.lang:hover{border-color:var(--black)}.burger{flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;display:none}.burger i{background:var(--black);width:22px;height:2px;display:block}.hero{background:var(--black);color:var(--white);position:relative;overflow:hidden}.hero .wrap{min-height:calc(100vh - var(--nav-h));grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;padding:64px 0;display:grid}.hero h1{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.01em;font-size:clamp(48px,7.5vw,104px);font-weight:700;line-height:.95}.hero h1 em{color:var(--orange);font-style:normal}html[dir=rtl] .hero h1{font-family:var(--font-ar);text-transform:none;font-size:clamp(40px,6.5vw,88px);line-height:1.15}.hero p{color:#d8d2ca;max-width:44ch;margin-top:24px;font-size:19px}.hero .cta{flex-wrap:wrap;gap:14px;margin-top:36px;display:flex}.hero-art{aspect-ratio:1;justify-self:end;max-width:520px;position:relative}html[dir=rtl] .hero-art{justify-self:start}.since{color:#bdb5ab;gap:40px;font-size:14px;display:flex;position:absolute;bottom:32px;left:0}html[dir=rtl] .since{left:auto;right:0}.since strong{font-family:var(--font-display);color:var(--white);margin-bottom:4px;font-size:34px;line-height:1;display:block}html[dir=rtl] .since strong{font-family:var(--font-ar)}.cats{padding:56px 0 24px}.cats-grid{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}.cat-tile{background:var(--cream);border-radius:var(--radius);text-align:center;border:2px solid #0000;flex-direction:column;align-items:center;gap:12px;padding:22px 16px 18px;transition:border-color .15s,transform .15s;display:flex}.cat-tile:hover{border-color:var(--orange);transform:translateY(-3px)}.cat-tile svg{width:52px;height:52px}.cat-tile b{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;font-size:17px;font-weight:500}html[dir=rtl] .cat-tile b{font-family:var(--font-ar);text-transform:none;font-weight:700}.section{padding:64px 0}.section-head{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.section h2{font-family:var(--font-display);text-transform:uppercase;font-size:clamp(34px,4.5vw,56px);font-weight:700;line-height:1}html[dir=rtl] .section h2{font-family:var(--font-ar);text-transform:none;font-weight:700}.section-head p{color:var(--ink-2);max-width:44ch}.menu{background:var(--cream);padding-bottom:96px}.tabs-wrap{top:var(--nav-h);z-index:40;background:var(--cream);border-bottom:1px solid var(--line);margin-bottom:24px;padding:14px 0;position:sticky}.tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{background:var(--white);border:1.5px solid var(--line);white-space:nowrap;border-radius:999px;flex:none;padding:10px 18px;font-size:14px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.tab:hover{border-color:var(--black)}.tab.active{background:var(--black);color:var(--white);border-color:var(--black)}.size-key{color:var(--ink-2);align-items:center;gap:14px;margin-bottom:20px;font-size:14px;display:flex}.size-key i{background:var(--orange);border-radius:50%;width:10px;height:10px;display:inline-block}.group{scroll-margin-top:calc(var(--nav-h) + 90px);margin-bottom:56px}.group h3{font-family:var(--font-display);text-transform:uppercase;align-items:center;gap:14px;margin-bottom:6px;font-size:30px;font-weight:600;display:flex}html[dir=rtl] .group h3{font-family:var(--font-ar);text-transform:none}.group h3:before{content:"";background:var(--orange);border-radius:3px;width:6px;height:30px}.group .sub{color:var(--ink-2);margin-bottom:22px;font-size:15px}.grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.card{background:var(--white);border-radius:var(--radius);border:1px solid var(--line);flex-direction:column;gap:14px;padding:20px;transition:border-color .15s;display:flex}.card:hover{border-color:var(--orange)}.card-top{align-items:center;gap:14px;display:flex}.cup{border-radius:12px;flex:0 0 54px;place-items:center;width:54px;height:54px;display:grid}.cup svg{width:32px;height:32px}.card h4{font-size:17px;font-weight:600;line-height:1.25}.card .alt{color:var(--ink-2);font-size:14px;font-family:var(--font-ar);margin-top:2px}html[dir=rtl] .card h4{font-family:var(--font-ar);font-size:18px}html[dir=rtl] .card .alt{font-family:var(--font-body)}.desc{color:var(--ink-2);margin-top:6px;font-size:13px;line-height:1.4}.card-bottom{border-top:1px dashed var(--line);justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;display:flex}.prices{gap:6px;display:flex}.price{background:var(--cream);min-width:52px;font-family:var(--font-display);border-radius:10px;flex-direction:column;align-items:center;padding:6px 8px;font-size:18px;font-weight:600;line-height:1;display:inline-flex}.price small{font-family:var(--font-body);color:var(--ink-2);margin-top:3px;font-size:11px;font-weight:500}.size-btn{cursor:pointer;border:1.5px solid #0000;transition:background .15s,color .15s,border-color .15s}.size-btn:hover{border-color:var(--black)}.size-btn.active{background:var(--black);color:var(--white)}.size-btn.active small{color:#bbb}.price.one{background:var(--black);color:var(--white)}.price.one small{color:#bbb}.order{background:var(--orange);width:38px;height:38px;color:var(--white);border-radius:50%;place-items:center;transition:background .15s;display:grid}.order:hover{background:var(--orange-deep)}.order svg{width:18px;height:18px}.milk{color:var(--ink-2);align-items:center;gap:10px;font-size:13px;display:flex}.milk select{border:1.5px solid var(--line);background:var(--cream);min-width:0;font:inherit;color:var(--black);border-radius:10px;flex:1;padding:8px 10px;font-size:13px}.milk select:hover{border-color:var(--black)}.card-img{aspect-ratio:1;object-fit:cover;object-position:center;border-radius:var(--radius) var(--radius) 0 0;background:var(--cream);width:calc(100% + 40px);max-width:none;height:auto;margin:-20px -20px 0}.card-img.ph{aspect-ratio:4/3;place-items:center;display:grid}.card-img.ph svg{width:44px;height:44px}@media (max-width:520px){.card-img{width:calc(100% + 32px);margin:-16px -16px 0}}.story{background:var(--roast);color:var(--white)}.story .wrap{grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding:96px 0;display:grid}.story h2{font-family:var(--font-display);text-transform:uppercase;margin-bottom:20px;font-size:clamp(34px,4.5vw,56px);font-weight:700;line-height:1}html[dir=rtl] .story h2{font-family:var(--font-ar);text-transform:none}.story p{color:#e9dfd4;max-width:50ch;margin-bottom:16px;font-size:17px}.story-stats{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.stat{border-radius:var(--radius);background:#ffffff0f;padding:24px 18px}.stat b{font-family:var(--font-display);color:var(--orange);margin-bottom:6px;font-size:44px;line-height:1;display:block}html[dir=rtl] .stat b{font-family:var(--font-ar)}.stat span{color:#d9cfc4;font-size:14px}.two{grid-template-columns:1fr 1fr;gap:16px;display:grid}.panel{border-radius:var(--radius);flex-direction:column;gap:14px;min-height:300px;padding:40px;display:flex}.panel.orange{background:var(--orange);color:var(--white)}.panel.light{background:var(--cream)}.panel h3{font-family:var(--font-display);text-transform:uppercase;font-size:36px;font-weight:700;line-height:1}html[dir=rtl] .panel h3{font-family:var(--font-ar);text-transform:none}.panel p{max-width:42ch}.panel .btn{align-self:flex-start;margin-top:auto}.panel.orange .btn,.panel.light .btn{background:var(--black);color:var(--white)}.hours{grid-template-columns:auto 1fr;gap:6px 18px;font-size:15px;display:grid}.hours dt{font-weight:600}footer{background:var(--black);color:#bdb5ab;padding:56px 0 28px}.foot-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;margin-bottom:40px;display:grid}footer .logo{color:var(--white);font-size:26px}footer h5{color:var(--white);margin-bottom:12px;font-size:15px;font-weight:600}footer ul{gap:8px;font-size:14px;list-style:none;display:grid}footer a:hover{color:var(--white)}.foot-bottom{border-top:1px solid #2a2a2a;flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:22px;font-size:13px;display:flex}.social{gap:10px;margin-top:18px;display:flex}.social a{border:1px solid #333;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.social a:hover{border-color:var(--orange);color:var(--orange)}.social svg{width:18px;height:18px}.wa{z-index:60;background:var(--black);color:#fff;border-radius:999px;align-items:center;gap:10px;padding:12px 18px 12px 14px;font-weight:600;transition:transform .25s;display:flex;position:fixed;bottom:20px;right:20px;transform:translateY(120px);box-shadow:0 8px 24px #00000040}.wa.show{transform:none}.wa.bump{transform:scale(1.06)}html[dir=rtl] .wa{left:20px;right:auto}.wa svg{width:22px;height:22px}.wa em{background:var(--orange);border-radius:12px;place-items:center;min-width:24px;height:24px;padding:0 6px;font-size:13px;font-style:normal;display:grid}.cart-backdrop{z-index:70;opacity:0;pointer-events:none;background:#00000073;transition:opacity .2s;position:fixed;inset:0}.cart-backdrop.open{opacity:1;pointer-events:auto}.cart{background:var(--white);z-index:80;flex-direction:column;width:min(440px,100vw);transition:transform .25s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(105%);box-shadow:-12px 0 40px #00000026}html[dir=rtl] .cart{left:0;right:auto;transform:translate(-105%);box-shadow:12px 0 40px #00000026}.cart.open,html[dir=rtl] .cart.open{transform:none}.cart-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.cart-head h3{font-family:var(--font-display);text-transform:uppercase;font-size:28px}html[dir=rtl] .cart-head h3{font-family:var(--font-ar);text-transform:none}.cart-head button{border-radius:50%;width:36px;height:36px;font-size:16px}.cart-head button:hover{background:var(--cream)}.cart-body{flex-direction:column;flex:1;gap:16px;padding:18px 22px;display:flex;overflow-y:auto}.cart-empty{color:var(--ink-2);text-align:center;padding:32px 0}.cart-row{border-bottom:1px solid var(--line);grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:12px 0;display:grid}.cart-info{flex-direction:column;gap:2px;font-size:15px;display:flex}.cart-info span{color:var(--ink-2);font-size:13px}.qty{background:var(--cream);border-radius:999px;align-items:center;gap:4px;padding:3px;display:flex}.qty button{border-radius:50%;width:28px;height:28px;font-size:16px;font-weight:600}.qty button:hover{background:var(--black);color:var(--white)}.qty span{text-align:center;min-width:22px;font-weight:600}.cart-price{font-family:var(--font-display);text-align:end;min-width:36px;font-size:18px;font-weight:600}.cart-field{flex-direction:column;gap:6px;font-size:14px;font-weight:600;display:flex}.cart-field input,.cart-field textarea{font:inherit;border:1.5px solid var(--line);background:var(--cream);resize:vertical;border-radius:10px;padding:11px 12px;font-weight:400}.cart-field input:focus,.cart-field textarea:focus{border-color:var(--black);outline:none}.cart-foot{border-top:1px solid var(--line);flex-direction:column;gap:12px;padding:18px 22px;display:flex}.cart-sum{justify-content:space-between;font-size:16px;display:flex}.cart-sum b{font-family:var(--font-display);font-size:24px}.cart-foot .btn{width:100%;padding:15px}.cart-foot .btn:disabled{opacity:.45;cursor:not-allowed}@media (max-width:1024px){.grid,.cats-grid{grid-template-columns:repeat(3,1fr)}.foot-grid{grid-template-columns:1fr 1fr}}@media (max-width:820px){.nav-links,.nav .btn-primary{display:none}.burger{display:flex}.hero .wrap{grid-template-columns:1fr;min-height:auto;padding:48px 0 96px}.hero-art{justify-self:center;max-width:320px;margin-top:12px}html[dir=rtl] .hero-art{justify-self:center}.since{margin-top:36px;position:static}.story .wrap,.two{grid-template-columns:1fr}.story .wrap{padding:64px 0}.grid{grid-template-columns:repeat(2,1fr)}.section-head{flex-direction:column;align-items:flex-start}.mobile-menu{inset:var(--nav-h) 0 0 0;background:var(--white);z-index:49;flex-direction:column;gap:22px;padding:32px 6vw;font-size:22px;font-weight:600;display:none;position:fixed}.mobile-menu.open{display:flex}}@media (max-width:520px){.grid{grid-template-columns:1fr}.cats-grid{grid-template-columns:repeat(2,1fr)}.card{padding:16px}.panel{padding:28px}.wa span{display:none}.wa{padding:14px}}