:root{--bg: #fff8f0;--surface: #ffffff;--ink: #1a1207;--ink-2: #57493a;--muted: #8d7f70;--line: #f4e6d7;--line-2: #ecd9c6;--brand: #ea580c;--brand-2: #f97316;--brand-3: #c2410c;--brand-ink: #7c2d12;--gold: #f5b70a;--ok: #16a34a;--danger: #dc2626;--grad: linear-gradient(135deg, #fb923c 0%, #ea580c 55%, #c2410c 100%);--grad-hero: linear-gradient(155deg, #2a1206 0%, #7c2d12 55%, #b4400f 100%);--s1: 6px;--s2: 10px;--s3: 16px;--s4: 24px;--s5: 36px;--s6: 56px;--r-sm: 14px;--r: 20px;--r-lg: 28px;--sh-1: 0 2px 6px rgba(124, 45, 18, .06);--sh-2: 0 8px 24px rgba(124, 45, 18, .1);--sh-3: 0 20px 48px rgba(124, 45, 18, .18);--sh-brand: 0 10px 26px rgba(234, 88, 12, .4);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--dur: .32s;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Cairo,system-ui,-apple-system,Segoe UI,Tahoma,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}svg{display:block}input,textarea,select{font-family:inherit;font-size:15px;width:100%;padding:14px 16px;border:2px solid var(--line-2);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);outline:none;font-weight:600;transition:border-color var(--dur),box-shadow var(--dur)}input::placeholder,textarea::placeholder{color:#bdae9e;font-weight:500}input:focus,textarea:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 4px #ea580c24}:focus-visible{outline:3px solid var(--brand);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}}.app{width:100%;max-width:760px;margin:0 auto;min-height:100vh;padding-bottom:calc(110px + var(--safe-b))}.reveal{opacity:0;transform:translateY(18px) scale(.97);transition:opacity .42s var(--ease-out),transform .42s var(--ease-spring);will-change:transform,opacity}.reveal.in{opacity:1;transform:none}.hero{background:var(--grad-hero);color:#fff;padding:calc(26px + var(--safe-t)) var(--s3) 74px;position:relative;overflow:hidden;border-radius:0 0 34px 34px}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.hero:before{top:-90px;left:-60px;width:260px;height:260px;background:radial-gradient(circle,rgba(251,146,60,.55),transparent 68%);animation:float1 9s ease-in-out infinite}.hero:after{bottom:-110px;right:-70px;width:300px;height:300px;background:radial-gradient(circle,rgba(245,183,10,.3),transparent 68%);animation:float2 11s ease-in-out infinite}@keyframes float1{50%{transform:translate(24px,18px) scale(1.08)}}@keyframes float2{50%{transform:translate(-20px,-14px) scale(1.06)}}.hero-top{display:flex;align-items:center;gap:15px;position:relative;z-index:1}.hero-logo{width:74px;height:74px;border-radius:22px;background:#ffffff24;border:2px solid rgba(255,255,255,.3);display:grid;place-items:center;color:#ffd7a8;overflow:hidden;flex:none;box-shadow:var(--sh-2)}.hero-logo img{width:100%;height:100%;object-fit:cover}.hero h1{margin:0;font-size:27px;font-weight:900;letter-spacing:-.6px;line-height:1.2}.hero .slogan{margin:4px 0 0;font-size:14px;color:#f8cfa4;font-weight:600}.badge{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:800;padding:8px 14px;border-radius:999px;flex:none}.badge .pip{width:8px;height:8px;border-radius:50%;background:currentColor;animation:blink 2.2s ease-in-out infinite}@keyframes blink{50%{opacity:.35}}.badge-open{background:#16a34a47;color:#86efac}.badge-closed{background:#dc262647;color:#fca5a5}.searchwrap{position:relative;z-index:2;padding:0 var(--s3);margin-top:-38px}.searchbar{display:flex;align-items:center;background:var(--surface);border-radius:18px;padding:0 14px;box-shadow:var(--sh-3);border:2px solid var(--line);transition:border-color var(--dur)}.searchbar:focus-within{border-color:var(--brand)}.searchbar>svg{color:var(--brand);flex:none}.searchbar input{border:none;box-shadow:none;padding:15px 12px;background:transparent;font-weight:700}.searchbar input:focus{box-shadow:none}.searchbar .clr{color:var(--muted);padding:8px;flex:none;border-radius:10px}.tabs{position:sticky;top:0;z-index:25;background:var(--bg);padding:12px 0 10px;box-shadow:0 6px 14px -10px #7c2d1280}.tabs-inner{display:flex;gap:10px;overflow-x:auto;padding:3px var(--s3);scrollbar-width:none}.tabs-inner::-webkit-scrollbar{display:none}.tab{flex:none;padding:11px 20px;border-radius:999px;background:var(--surface);border:2px solid var(--line-2);font-weight:800;font-size:14px;white-space:nowrap;color:var(--ink-2);transition:all var(--dur) var(--ease-out)}.tab:hover{border-color:var(--brand-2);color:var(--brand)}.tab.active{background:var(--grad);color:#fff;border-color:transparent;box-shadow:var(--sh-brand);transform:translateY(-1px)}.featured{padding:var(--s3) 0 0}.feat-rail{display:flex;gap:14px;overflow-x:auto;padding:54px var(--s3) 12px;scrollbar-width:none;scroll-snap-type:x mandatory}.feat-rail::-webkit-scrollbar{display:none}.feat-card{flex:none;width:172px;scroll-snap-align:start;background:var(--surface);border-radius:var(--r);border:2px solid var(--line);box-shadow:var(--sh-2);text-align:center;position:relative;overflow:visible;padding:60px 12px 15px;transition:transform var(--dur) var(--ease-spring),box-shadow var(--dur),border-color var(--dur)}.feat-card:hover{transform:translateY(-4px);box-shadow:var(--sh-3);border-color:var(--brand-2)}.feat-card:active{transform:scale(.97)}.feat-thumb{position:absolute;top:-48px;right:50%;transform:translate(50%);width:108px;height:108px;border-radius:28px;display:grid;place-items:center;color:#fffffff2;overflow:hidden;border:4px solid var(--surface);box-shadow:var(--sh-2);transition:transform var(--dur) var(--ease-spring)}.feat-card:hover .feat-thumb{transform:translate(50%) scale(1.06)}.feat-thumb img{width:100%;height:100%;object-fit:cover}.feat-body b{display:block;font-size:14.5px;font-weight:800;margin-bottom:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.banners{padding:var(--s3) var(--s3) 2px}.banner-viewport{overflow:hidden;border-radius:var(--r);box-shadow:var(--sh-2);border:2px solid var(--line);touch-action:pan-y}.banner-track{display:flex;transition:transform .52s var(--ease-out);will-change:transform}.banner-slide{flex:0 0 100%;position:relative;aspect-ratio:2 / 1;background:var(--grad);display:block;text-decoration:none;-webkit-user-select:none;user-select:none}.banner-slide img{width:100%;height:100%;object-fit:cover;display:block}.banner-cap{position:absolute;inset:auto 0 0 0;padding:26px 16px 14px;background:linear-gradient(to top,rgba(26,18,7,.82),transparent);color:#fff;text-align:right}.banner-cap b{display:block;font-size:17px;font-weight:900}.banner-cap span{font-size:12.5px;color:#f3dcc6}.banner-dots{display:flex;justify-content:center;gap:7px;margin-top:11px}.banner-dot{width:7px;height:7px;border-radius:999px;background:var(--line-2);transition:all .26s var(--ease-out)}.banner-dot.on{width:22px;background:var(--brand)}.section{padding:0 var(--s3)}.section-title{display:flex;align-items:center;gap:11px;margin:var(--s5) 2px var(--s3)}.section-title .stripe{width:6px;height:26px;border-radius:999px;background:var(--grad);flex:none}.section-title h2{font-size:22px;font-weight:900;margin:0;letter-spacing:-.5px;flex:1}.section-title .count{font-size:12.5px;color:var(--muted);font-weight:700;background:var(--surface);border:1.5px solid var(--line-2);padding:5px 11px;border-radius:999px}.item{display:flex;gap:14px;background:var(--surface);border-radius:var(--r);padding:13px;margin-bottom:13px;box-shadow:var(--sh-2);border:2px solid var(--line);align-items:stretch;text-align:right;width:100%;position:relative;transition:transform var(--dur) var(--ease-spring),box-shadow var(--dur),border-color var(--dur)}.item:hover{transform:translateY(-3px);box-shadow:var(--sh-3);border-color:var(--brand-2)}.item:active{transform:scale(.985)}.item-img{width:104px;height:104px;border-radius:16px;object-fit:cover;flex:none;display:grid;place-items:center;color:#fffffff2;position:relative}.item-img img{width:100%;height:100%;object-fit:cover;border-radius:16px}.item-body{flex:1;min-width:0;display:flex;flex-direction:column}.item-name{font-weight:800;font-size:17px;margin-bottom:4px;letter-spacing:-.3px;line-height:1.3}.item-desc{color:var(--muted);font-size:12.5px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:10px;gap:8px}.price{font-weight:900;color:var(--brand);font-size:16.5px;letter-spacing:-.3px}.add-btn{width:42px;height:42px;border-radius:14px;background:var(--grad);color:#fff;display:grid;place-items:center;flex:none;box-shadow:var(--sh-brand);transition:transform .2s var(--ease-spring)}.item:hover .add-btn{transform:rotate(90deg) scale(1.06)}.item.out{opacity:.6;filter:saturate(.5)}.out-tag{font-size:11px;background:#fee2e2;color:#b91c1c;padding:6px 11px;border-radius:999px;font-weight:800}.in-cart{position:absolute;top:-8px;left:-8px;min-width:27px;height:27px;padding:0 7px;border-radius:999px;background:var(--ok);color:#fff;font-size:12.5px;font-weight:900;display:grid;place-items:center;box-shadow:0 4px 12px #16a34a73;border:2.5px solid var(--surface);z-index:2;animation:badgePop .38s var(--ease-spring)}@keyframes badgePop{0%{transform:scale(0)}60%{transform:scale(1.25)}}.cartbar{position:fixed;bottom:0;left:0;right:0;z-index:50;padding:12px var(--s3) calc(14px + var(--safe-b));background:linear-gradient(to top,var(--bg) 58%,transparent);pointer-events:none}.cartbar>*,.cartbar button,.cartbar a{pointer-events:auto}.cartbar-inner{max-width:728px;margin:0 auto;background:var(--grad);color:#fff;border-radius:20px;padding:15px 19px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 16px 38px #ea580c73;pointer-events:auto;gap:12px;animation:slideUp .42s var(--ease-spring);transition:transform .2s var(--ease-spring)}.cartbar-inner:active{transform:scale(.98)}@keyframes slideUp{0%{transform:translateY(90px);opacity:0}}.cartbar-left{display:flex;align-items:center;gap:12px;font-weight:800;font-size:15px}.cartbar-count{background:#ffffff42;min-width:32px;height:32px;padding:0 9px;border-radius:11px;display:grid;place-items:center;font-weight:900;font-size:14.5px}.cartbar-total{font-weight:900;font-size:16.5px;display:flex;align-items:center;gap:8px}.cartbar-err{background:#fff;border:2px solid var(--danger);color:#b91c1c;border-radius:14px;padding:12px 15px;font-size:13.5px;font-weight:700;margin-bottom:10px;box-shadow:var(--sh-2);display:flex;gap:9px;align-items:flex-start;line-height:1.6;animation:errIn .3s var(--ease-spring)}@keyframes errIn{0%{transform:translateY(10px);opacity:0}}.sheet-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a12079e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:flex-end;justify-content:center;animation:fade .24s}@keyframes fade{0%{opacity:0}}@keyframes sheetUp{0%{transform:translateY(60px);opacity:.6}}.sheet{background:var(--surface);width:100%;max-width:760px;max-height:94vh;border-radius:30px 30px 0 0;overflow-y:auto;animation:sheetUp .34s var(--ease-out);position:relative}.sheet-hero{position:relative;height:220px;display:grid;place-items:center;color:#fffffff2}.sheet-hero img{width:100%;height:100%;object-fit:cover}.sheet-grip{position:absolute;top:12px;left:50%;transform:translate(-50%);width:46px;height:5px;border-radius:999px;background:#ffffffbf;z-index:3}.sheet-close{position:absolute;top:15px;right:15px;width:40px;height:40px;border-radius:13px;background:#fffffff0;color:var(--ink);display:grid;place-items:center;z-index:3;box-shadow:var(--sh-2)}.sheet-body{padding:var(--s4) var(--s3) var(--s3)}.sheet-body h3{margin:0 0 7px;font-size:23px;font-weight:900;letter-spacing:-.5px}.sheet-body .desc{color:var(--muted);font-size:13.5px;line-height:1.65;margin:0}.group{margin-top:var(--s4)}.group-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.group-head b{font-size:17px;font-weight:800}.req{font-size:11px;background:#fef3c7;color:#92400e;padding:5px 11px;border-radius:999px;font-weight:800}.opt{display:flex;align-items:center;gap:13px;padding:14px 15px;border:2px solid var(--line-2);border-radius:16px;margin-bottom:10px;background:var(--surface);width:100%;text-align:right;transition:all .22s var(--ease-out)}.opt:hover{border-color:var(--brand-2)}.opt.sel{border-color:var(--brand);background:#fff6ee}.opt-mark{width:24px;height:24px;border-radius:50%;border:2.5px solid var(--line-2);flex:none;display:grid;place-items:center;color:transparent;transition:all .22s var(--ease-spring)}.opt.sel .opt-mark{border-color:var(--brand);background:var(--brand);color:#fff;transform:scale(1.1)}.opt-name{flex:1;font-weight:700}.opt-price{color:var(--brand);font-size:13.5px;font-weight:800}.btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px;border-radius:17px;font-weight:800;font-size:16px;background:var(--grad);color:#fff;box-shadow:var(--sh-brand);transition:transform .2s var(--ease-spring),filter .2s}.btn:hover:not(:disabled){filter:brightness(1.07)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;box-shadow:none}.btn-dark{background:linear-gradient(135deg,#3a2a1a,#1a1207);box-shadow:0 10px 26px #1a120759}.btn-ghost{background:var(--surface);color:var(--ink);border:2px solid var(--line-2);box-shadow:none}.btn-sm{padding:11px 18px;font-size:14px;width:auto;border-radius:13px}.sheet-foot{position:sticky;bottom:0;background:var(--surface);border-top:2px solid var(--line);padding:14px var(--s3) calc(16px + var(--safe-b));display:flex;gap:12px;align-items:center}.qty{display:flex;align-items:center;gap:7px;background:var(--bg);border-radius:16px;padding:5px;border:2px solid var(--line);flex:none}.qty button{width:38px;height:38px;border-radius:12px;background:var(--surface);color:var(--brand);display:grid;place-items:center;box-shadow:var(--sh-1);transition:transform .18s var(--ease-spring)}.qty button:active:not(:disabled){transform:scale(.88)}.qty button:disabled{color:var(--muted);opacity:.45}.qty b{min-width:28px;text-align:center;font-size:17px;font-weight:900}.page-head{display:flex;align-items:center;gap:13px;padding:calc(15px + var(--safe-t)) var(--s3) 15px;background:var(--surface);border-bottom:2px solid var(--line);position:sticky;top:0;z-index:20}.page-head h2{margin:0;font-size:19px;font-weight:900}.icon-btn{width:42px;height:42px;border-radius:14px;background:var(--bg);color:var(--ink);display:grid;place-items:center;flex:none;transition:background .2s}.icon-btn:hover{background:var(--line)}.page{padding:var(--s3)}.card{background:var(--surface);border-radius:var(--r);padding:18px;box-shadow:var(--sh-2);border:2px solid var(--line);margin-bottom:var(--s3)}.card h3{margin:0 0 15px;font-size:17px;font-weight:800;display:flex;align-items:center;gap:9px}.card h3 svg{color:var(--brand)}.field{margin-bottom:15px}.field:last-child{margin-bottom:0}.field label{display:block;font-size:13.5px;font-weight:800;margin-bottom:8px;color:var(--ink-2)}.field label .opt-tag{color:var(--muted);font-weight:500;font-size:11.5px}.seg{display:flex;gap:8px;background:var(--bg);padding:6px;border-radius:17px;border:2px solid var(--line)}.seg button{flex:1;padding:14px 8px;border-radius:12px;font-weight:800;font-size:14px;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:8px;transition:all .24s var(--ease-out)}.seg button.active{background:var(--surface);color:var(--brand);box-shadow:var(--sh-1)}.line{display:flex;justify-content:space-between;padding:9px 0;font-size:14.5px;color:var(--ink-2);font-weight:600}.line.total{border-top:2px dashed var(--line-2);margin-top:9px;padding-top:14px;font-size:20px;font-weight:900;color:var(--ink)}.line.total .price{font-size:20px}.cart-item{display:flex;gap:13px;align-items:center;padding:14px 0;border-bottom:2px solid var(--line)}.cart-item:last-child{border-bottom:none}.ci-img{width:60px;height:60px;border-radius:15px;object-fit:cover;display:grid;place-items:center;color:#fffffff2;flex:none;overflow:hidden}.muted{color:var(--muted);font-size:12.5px}.pay-note{display:flex;align-items:center;gap:11px;background:#fff6ee;border:2px dashed var(--line-2);border-radius:15px;padding:13px 15px;margin-top:14px;font-size:13.5px;font-weight:700;color:var(--brand-ink)}.err{background:#fef2f2;color:#b91c1c;border:2px solid #fecaca;padding:14px 16px;border-radius:15px;font-size:13.5px;margin-bottom:15px;font-weight:700;display:flex;align-items:center;gap:10px}.empty{text-align:center;padding:80px 24px;color:var(--muted)}.empty .ic{width:96px;height:96px;margin:0 auto 18px;border-radius:30px;background:var(--grad);display:grid;place-items:center;color:#fff;box-shadow:var(--sh-brand)}.empty h3{margin:0 0 7px;font-size:19px;color:var(--ink);font-weight:900}.sk{background:linear-gradient(90deg,#f4e6d7 25%,#fbf1e7,#f4e6d7 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:12px}@keyframes shimmer{to{background-position:-200% 0}}.sk-item{display:flex;gap:14px;background:var(--surface);border-radius:var(--r);padding:13px;margin-bottom:13px;border:2px solid var(--line)}.track-card{background:var(--grad-hero);color:#fff;border-radius:var(--r-lg);padding:28px;text-align:center;margin-bottom:var(--s3);position:relative;overflow:hidden}.track-card:after{content:"";position:absolute;top:-50px;right:-50px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(251,146,60,.45),transparent 70%)}.track-card .lbl{font-size:12.5px;color:#f8cfa4;position:relative;font-weight:700}.track-num{font-size:38px;font-weight:900;position:relative;letter-spacing:-1px}.track-code{font-family:ui-monospace,SF Mono,monospace;font-size:25px;font-weight:900;letter-spacing:6px;color:#ffd7a8;background:#ffffff1f;border-radius:14px;padding:10px 18px;display:inline-block;margin-top:7px;position:relative}.steps{display:flex;flex-direction:column}.step{display:flex;gap:15px;align-items:flex-start}.step-dot{width:36px;height:36px;border-radius:50%;background:var(--bg);border:2.5px solid var(--line-2);color:var(--muted);display:grid;place-items:center;flex:none;font-weight:900;transition:all .3s var(--ease-spring)}.step.done .step-dot{background:var(--ok);border-color:var(--ok);color:#fff}.step.now .step-dot{background:var(--grad);border-color:transparent;color:#fff;animation:pulse 1.8s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #ea580c73}50%{box-shadow:0 0 0 11px #ea580c00}}.step-line{width:3px;height:28px;background:var(--line-2);margin-right:16.5px;border-radius:3px}.step-line.done{background:var(--ok)}.step-text b{font-size:15.5px;font-weight:800}.step-text div{font-size:12.5px;color:var(--muted);margin-top:2px}.spin{width:42px;height:42px;border:4px solid var(--line);border-top-color:var(--brand);border-radius:50%;animation:sp .7s linear infinite;margin:90px auto}@keyframes sp{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:calc(126px + var(--safe-b));left:50%;transform:translate(-50%);background:var(--ink);color:#fff;padding:13px 24px;border-radius:16px;font-weight:800;font-size:14px;z-index:200;box-shadow:var(--sh-3);animation:toastIn .38s var(--ease-spring);display:flex;align-items:center;gap:9px;white-space:nowrap}@keyframes toastIn{0%{transform:translate(-50%,26px);opacity:0}}@media(min-width:640px){.item-img{width:120px;height:120px}.hero h1{font-size:30px}}.min-warn{background:#fffbeb;border:2px solid #fcd34d;color:#92400e;border-radius:13px;padding:11px 13px;font-size:13px;font-weight:700;margin-top:12px;line-height:1.7}.hero-link{background:#ffffff29;border:1px solid rgba(255,255,255,.28);color:#fff;font-size:12px;font-weight:800;padding:6px 13px;border-radius:999px;transition:background .2s}.hero-link:hover{background:#ffffff42}.active-order{width:100%;display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:2px solid var(--ok);border-radius:var(--r);padding:14px 16px;box-shadow:var(--sh-2);text-align:right;transition:transform .2s var(--ease-spring)}.active-order:active{transform:scale(.985)}.active-order b{font-size:14.5px;color:#14532d}.ao-sub{font-size:12px;color:#166534;opacity:.85;margin-top:2px}.ao-pulse{width:12px;height:12px;border-radius:50%;background:var(--ok);flex:none;animation:aoPulse 1.5s infinite}@keyframes aoPulse{0%,to{box-shadow:0 0 #16a34a99}70%{box-shadow:0 0 0 10px #16a34a00}}.ao-arrow{font-size:26px;color:#16a34a;font-weight:900;line-height:1}.myorder{width:100%;text-align:right;background:var(--surface);border:2px solid var(--line);border-radius:15px;padding:13px 15px;margin-bottom:10px;transition:border-color .2s,transform .18s}.myorder:hover{border-color:var(--brand-2);transform:translateY(-2px)}.myorder-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.myorder-top b{font-size:17px;font-weight:900}.myorder-status{font-size:11.5px;font-weight:800;padding:5px 11px;border-radius:999px;background:#f1f5f9;color:#57493a}.myorder-status.live{background:#dcfce7;color:#15803d}.myorder-meta{display:flex;align-items:center;gap:12px;font-size:12.5px;color:var(--muted);margin-bottom:4px;flex-wrap:wrap}.myorder-meta span{display:inline-flex;align-items:center;gap:5px}.myorder-meta .code{font-family:ui-monospace,monospace;font-weight:800;letter-spacing:2px;color:var(--brand)}