*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}:root{--brand:#444;--on-brand:#fff;--cta:#444;--cta-press:#333;--on-cta:#fff;--accent2:#888;--ink:#1c1c1c;--muted:#777;--tint:#f4f2ee;--line:#ececea;--radius-control:12px;--font:system-ui,sans-serif}[data-brand=youburger]{--brand:#febc11;--on-brand:#141414;--cta:#e61e25;--cta-press:#c8161d;--on-cta:#fff;--accent2:#febc11;--ink:#141414;--muted:#8a857d;--tint:#fff7e0;--line:#eeeae2;--radius-control:10px;--font:"Montserrat","Alexandria",system-ui,sans-serif}[data-brand=tamashi]{--brand:#000;--on-brand:#fff;--cta:#dd1000;--cta-press:#b60d00;--on-cta:#fff;--accent2:#111;--ink:#101010;--muted:#8b8b8b;--tint:#f5f3ef;--line:#ececea;--radius-control:10px;--font:"Baloo Bhaijaan 2","IBM Plex Sans Arabic",system-ui,sans-serif}[data-brand=youbooza]{--brand:#d98e76;--on-brand:#fff;--cta:#c96a4f;--cta-press:#b86147;--on-cta:#fff;--accent2:#e5a88f;--ink:#34221b;--muted:#a08d82;--tint:#fdf1ea;--line:#f0e6df;--radius-control:999px;--font:"Cairo",system-ui,sans-serif}body{font-family:var(--font)}.store,body{background:#fff;color:var(--ink)}.store{min-height:100vh;padding-bottom:90px}.hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;max-width:1160px;margin:0 auto;padding:42px 28px 26px;min-height:60vh;grid-gap:12px;gap:12px}@media (max-width:760px){.hero{grid-template-columns:1fr;text-align:center;padding:26px 22px 8px;min-height:auto}}.hero-halo{position:absolute;inset-inline-end:-14%;top:-30%;width:74%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,var(--tint),transparent 72%);pointer-events:none}.hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;gap:14px;align-items:flex-start}@media (max-width:760px){.hero-copy{align-items:center;order:2}}.eyebrow{color:var(--cta);font-weight:800;font-size:13.5px;letter-spacing:.1em;text-transform:uppercase}[dir=rtl] .eyebrow{letter-spacing:0}.hero-title{font-size:clamp(38px,7vw,72px);font-weight:900;line-height:1.02;letter-spacing:-.02em;text-wrap:balance}[dir=rtl] .hero-title{letter-spacing:0;line-height:1.12}.hero-sub{color:var(--muted);font-size:clamp(15px,2vw,18px);font-weight:600;max-width:42ch}.hero-cta{border:none;background:var(--ink);color:#fff;font-family:inherit;font-size:15.5px;font-weight:800;border-radius:999px;padding:15px 28px;cursor:pointer;margin-top:6px}.hero-cta:active{transform:scale(.97)}.hero-lang{background:none;border:1.5px solid var(--line);color:var(--muted);border-radius:999px;padding:7px 16px;font-weight:700;font-size:13px;cursor:pointer;font-family:inherit}.hero-stage{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:300px}@media (max-width:760px){.hero-stage{order:1;min-height:230px}}.hero-item{position:relative;cursor:pointer;border:none;background:none;font-family:inherit;animation:hero-in .8s cubic-bezier(.16,1,.3,1) both}.hero-item img{width:min(390px,72vw);height:auto;max-height:44vh;object-fit:contain;animation:hero-float 5.5s ease-in-out 1s infinite}.hero-tag{position:absolute;bottom:8%;inset-inline-end:0;background:var(--cta);color:var(--on-cta);font-weight:900;font-size:clamp(15px,2vw,19px);border-radius:999px;padding:10px 20px;box-shadow:0 10px 26px rgb(0 0 0/.22);animation:tag-in .5s cubic-bezier(.34,1.56,.64,1) .5s both}.hero-name{display:block;margin-top:4px;font-size:17px;font-weight:800;color:var(--ink);text-align:center}@keyframes hero-in{0%{opacity:0;transform:translateY(46px) scale(.92)}to{opacity:1;transform:none}}@keyframes tag-in{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}@keyframes hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.cats-wrap{max-width:1160px;margin:22px auto 0;padding:0 24px}.cats-label{font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}[dir=rtl] .cats-label{letter-spacing:0}.cats{display:flex;gap:12px;overflow-x:auto;padding-bottom:10px;scrollbar-width:none}.cats::-webkit-scrollbar{display:none}.cat-tile{flex:0 0 116px;display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--tint);border:1.5px solid transparent;border-radius:18px;padding:16px 10px 12px;cursor:pointer;font-family:inherit;color:var(--ink);transition:transform .15s,border-color .15s}.cat-tile:hover{transform:translateY(-3px);border-color:var(--accent2)}.cat-tile img{width:60px;height:60px;object-fit:contain}.cat-tile .ph{width:60px;height:60px;border-radius:12px;background:#fff}.cat-tile span{font-size:12.5px;font-weight:800;text-align:center;line-height:1.2}.pop-wrap{max-width:1160px;margin:32px auto 0;padding:0 24px}.sec-title{font-size:clamp(26px,4vw,36px);font-weight:900;letter-spacing:-.02em;margin-bottom:16px}[dir=rtl] .sec-title{letter-spacing:0}.pop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:16px;gap:16px}.pop-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px 16px 18px;cursor:pointer;font-family:inherit;color:var(--ink);transition:transform .18s,box-shadow .18s}.pop-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgb(0 0 0/.09)}.pop-card img{width:145px;height:145px;object-fit:contain}.pop-card strong{font-size:16px;font-weight:800;text-align:center}.pop-card .p{font-weight:900;color:var(--cta);font-size:16px}.ribbon{position:absolute;top:12px;inset-inline-start:-6px;background:var(--accent2);color:var(--ink);font-weight:800;font-size:11.5px;padding:4px 12px 5px;border-radius:0 6px 6px 0;box-shadow:0 3px 8px rgb(0 0 0/.12);z-index:2}[dir=rtl] .ribbon{border-radius:6px 0 0 6px}[data-brand=tamashi] .ribbon{background:var(--cta);color:#fff}[data-brand=youbooza] .ribbon{background:var(--accent2);color:#fff}.menu-body{max-width:1160px;margin:8px auto 0;padding:0 24px 40px}.msec{margin-top:38px;scroll-margin-top:20px}.msec-head{display:flex;align-items:baseline;gap:12px;margin-bottom:15px}.msec-head h2{font-size:clamp(22px,3vw,30px);font-weight:900;letter-spacing:-.02em}[dir=rtl] .msec-head h2{letter-spacing:0}.msec-head span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));grid-gap:14px;gap:14px}.icard{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 12px 15px;cursor:pointer;font-family:inherit;color:var(--ink);transition:transform .15s,box-shadow .15s}.icard:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgb(0 0 0/.08)}.icard:disabled{opacity:.4}.icard img{object-fit:contain}.icard .ph,.icard img{width:112px;height:112px}.icard .ph{border-radius:14px;background:var(--tint)}.icard strong{font-size:14.5px;font-weight:800;text-align:center;line-height:1.25}.icard small{color:var(--muted);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase}.icard-desc{font-size:12px;line-height:1.45;color:var(--muted);font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:24ch}[data-brand=tamashi] .icard{background:#faf8f4;border:none;box-shadow:0 4px 18px rgb(0 0 0/.08);border-radius:16px}[data-brand=tamashi] .icard img{width:138px;height:138px}.icard .p{font-weight:900;color:var(--cta);font-size:14.5px}.icard .p s{opacity:.5;font-weight:600;-webkit-margin-end:5px;margin-inline-end:5px}.tm-list{border-top:1px solid var(--line)}.tm-row{display:flex;align-items:center;gap:15px;width:100%;padding:15px 2px;border:none;border-bottom:1px solid var(--line);background:none;cursor:pointer;font-family:inherit;text-align:start;color:var(--ink);transition:background .12s}.tm-row:hover{background:var(--tint)}.tm-row:disabled{opacity:.4}.tm-row img{object-fit:contain}.tm-row .ph,.tm-row img{width:62px;height:62px;flex-shrink:0}.tm-row .ph{border-radius:12px;background:var(--tint)}.tm-body{flex:1 1;min-width:0}.tm-body b{display:flex;align-items:center;gap:8px;font-size:16.5px;font-weight:800}.tm-latin{font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-top:1px;font-weight:700}.tm-desc,.tm-latin{display:block;color:var(--muted)}.tm-desc{font-size:12.5px;margin-top:3px}.tm-badge{font-size:10.5px;font-weight:800;color:var(--cta);border:1.5px solid var(--cta);border-radius:5px;padding:1px 7px;font-style:normal}.tm-price{font-weight:900;color:var(--cta);white-space:nowrap;display:flex;flex-direction:column;align-items:flex-end;font-size:15.5px}.tm-price s{font-size:12px;opacity:.5;font-weight:600}.cart-bar{position:fixed;bottom:0;inset-inline:0;z-index:20;display:flex;justify-content:center;padding:14px 16px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#fff 40%);pointer-events:none}.cart-bar button{pointer-events:auto;width:min(560px,100%);border:none;background:var(--cta);color:var(--on-cta);font-family:inherit;font-size:17px;font-weight:800;border-radius:var(--radius-control);padding:16px 22px;display:flex;justify-content:space-between;cursor:pointer;box-shadow:0 8px 24px rgb(0 0 0/.18)}.byo-banner-wrap{max-width:1100px;margin:26px auto 0;padding:0 24px}.byo-banner{width:100%;display:flex;align-items:center;gap:22px;border:none;cursor:pointer;text-align:start;background:var(--primary);color:var(--on-primary,#141414);border-radius:var(--radius-card);padding:18px 26px;overflow:hidden;font-family:inherit;box-shadow:0 14px 34px rgb(0 0 0/.14)}.byo-banner img{width:132px;height:132px;object-fit:contain;filter:drop-shadow(0 14px 14px rgb(0 0 0/.22));transition:transform .25s cubic-bezier(.16,1,.3,1)}.byo-banner:hover img{transform:translateY(-4px) scale(1.05) rotate(-2deg)}.byo-banner-copy{display:flex;flex-direction:column;gap:4px}.byo-banner-copy strong{font-size:clamp(20px,3.4vw,30px);font-weight:900;letter-spacing:-.01em}.byo-banner-copy span{font-size:14px;opacity:.78;font-weight:600}.byo-banner-copy em{font-style:normal;font-weight:800;font-size:15px;color:var(--cta)}.byo{--stg:min(300px,66vw)}.byo>.pp-close{position:-webkit-sticky;position:sticky;top:16px;margin:16px;z-index:5}.byo-head{text-align:center;margin-top:-30px}.byo-head h1{font-size:clamp(26px,5vw,40px);font-weight:900;letter-spacing:-.02em}.byo-head p{color:var(--muted);font-weight:600;margin-top:2px}.byo-stage{display:flex;justify-content:center;padding:26px 0 10px;min-height:calc(var(--stg) * 1.15);align-items:flex-end}.byo-stack{position:relative;width:var(--stg);transition:height .3s cubic-bezier(.16,1,.3,1)}.byo-layer{position:absolute;inset-inline-start:50%;translate:-50% 0;height:auto;filter:drop-shadow(0 8px 10px rgb(0 0 0/.14));animation:byo-pop .42s cubic-bezier(.34,1.56,.64,1) both;transition:bottom .3s cubic-bezier(.16,1,.3,1)}[dir=rtl] .byo-layer{translate:50% 0}@keyframes byo-pop{0%{opacity:0;transform:translateY(-46px) scale(1.08)}to{opacity:1;transform:none}}.byo-trays{max-width:760px;margin:10px auto 0;padding:0 20px 130px;display:flex;flex-direction:column;gap:18px}.byo-trays h3{font-size:16px;font-weight:800;margin-bottom:8px}.byo-tray{display:flex;gap:10px;overflow-x:auto;padding:6px 2px 10px;scrollbar-width:none}.byo-tray::-webkit-scrollbar{display:none}.byo-chip{flex:0 0 auto;width:108px;display:flex;flex-direction:column;align-items:center;gap:3px;border:2px solid var(--line,#e5e0d6);background:#fff;border-radius:16px;padding:10px 8px;cursor:pointer;font-family:inherit;color:var(--ink);transition:border-color .15s,transform .15s,box-shadow .15s}.byo-chip img{width:74px;height:52px;object-fit:contain}.byo-chip b{font-size:12px;font-weight:800;line-height:1.15;text-align:center}.byo-chip small{font-size:11px;color:var(--muted);font-weight:700}.byo-chip.on{border-color:var(--cta);box-shadow:0 6px 18px rgb(0 0 0/.12);transform:translateY(-3px)}.byo-chip.on small{color:var(--cta)}.byo-note{text-align:center;color:var(--muted);font-size:13px;font-weight:600}@media (max-width:640px){.byo-banner{gap:14px;padding:14px 16px}.byo-banner img{width:92px;height:92px}}.track-chip{position:fixed;bottom:calc(86px + env(safe-area-inset-bottom));inset-inline-end:16px;z-index:19;border:none;background:var(--ink);color:#fff;font-family:inherit;font-size:14px;font-weight:700;border-radius:999px;padding:11px 18px;cursor:pointer;box-shadow:0 6px 20px rgb(0 0 0/.25)}.pp-backdrop{position:fixed;inset:0;background:#fff;z-index:40;overflow-y:auto;animation:page-in .3s cubic-bezier(.16,1,.3,1)}@keyframes page-in{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}.pp{max-width:1000px;margin:0 auto;padding:18px 24px 120px;color:var(--ink)}.pp-close{border:1.5px solid var(--line);background:#fff;width:42px;height:42px;border-radius:50%;font-size:17px;cursor:pointer}.pp-hero{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;align-items:center;margin-top:6px}@media (max-width:720px){.pp-hero{grid-template-columns:1fr;text-align:center}}.pp-img{display:flex;justify-content:center}.pp-img img{width:min(360px,78vw);height:auto;max-height:42vh;object-fit:contain;animation:hero-in .5s cubic-bezier(.16,1,.3,1) both}.pp-info{display:flex;flex-direction:column;gap:12px;align-items:flex-start}@media (max-width:720px){.pp-info{align-items:center}}.pp-title{font-size:clamp(28px,5vw,48px);font-weight:900;line-height:1.05;letter-spacing:-.02em;text-wrap:balance}[dir=rtl] .pp-title{letter-spacing:0;line-height:1.15}.pp-desc{color:var(--muted);font-size:16px;font-weight:600;max-width:46ch}.pp-price{font-size:23px;font-weight:900;color:var(--cta)}.pp-price s{font-size:16px;opacity:.5;font-weight:600;-webkit-margin-end:8px;margin-inline-end:8px}.pp-opts{max-width:640px;margin:24px auto 0}.opt-group{margin-top:18px}.opt-group-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:9px;font-weight:800;font-size:15px}.opt-group-head small{color:var(--muted);font-weight:600}.opts{display:flex;flex-wrap:wrap;gap:8px}.opt{border:1.5px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:9px 15px;font-size:13.5px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .12s}.opt.on{border-color:var(--cta);background:var(--cta);color:var(--on-cta)}.pp-footer{position:fixed;bottom:0;inset-inline:0;z-index:50;display:flex;justify-content:center;gap:12px;padding:14px 20px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#fff 30%)}.pp-footer-inner{gap:12px;width:min(640px,100%)}.pp-footer-inner,.qty{display:flex;align-items:center}.qty{border:1.5px solid var(--line);border-radius:var(--radius-control);background:#fff}.qty button{border:none;background:none;width:42px;height:46px;font-size:20px;cursor:pointer;color:var(--ink)}.qty span{min-width:26px;text-align:center}.btn,.qty span{font-weight:800}.btn{flex:1 1;border:none;background:var(--cta);color:var(--on-cta);font-family:inherit;font-size:16px;border-radius:var(--radius-control);padding:14px 18px;cursor:pointer;box-shadow:0 8px 24px rgb(0 0 0/.16)}.btn:disabled{opacity:.5}.btn:active{background:var(--cta-press)}.btn.ghost{background:var(--tint);color:var(--ink);flex:0 0 auto;box-shadow:none}.sheet-backdrop{position:fixed;inset:0;background:rgb(0 0 0/.45);z-index:60;display:flex;align-items:flex-end;justify-content:center}.sheet{background:#fff;border-radius:20px 20px 0 0;width:min(620px,100%);max-height:88vh;overflow-y:auto;padding:22px 20px 28px}.sheet h2{font-size:20px;font-weight:800}.sheet-footer{display:flex;gap:12px;margin-top:20px;align-items:center}label{display:block;font-weight:700;font-size:13.5px;margin:14px 0 6px;color:var(--muted)}input,textarea{width:100%;border:1.5px solid var(--line);border-radius:10px;padding:12px 14px;font-size:16px;font-family:inherit;background:#fff;outline:none}input:focus,textarea:focus{border-color:var(--cta)}.cart-list{margin-top:8px}.cart-row{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:15px}.cart-row small{display:block;color:var(--muted)}.cart-row .x{border:none;background:none;color:var(--muted);cursor:pointer;font-size:15px}.summary-row{display:flex;justify-content:space-between;padding:6px 0;font-size:15px}.summary-row.total{font-size:19px;font-weight:800;margin-top:4px}.status-wrap{max-width:560px;margin:0 auto;padding:26px 18px 60px}.status-card{background:#fff;border-radius:20px;border:1px solid var(--line);box-shadow:0 14px 40px rgb(0 0 0/.06);padding:26px;text-align:center}.status-num{font-size:52px;font-weight:900;color:var(--cta)}.status-steps{display:flex;flex-direction:column;gap:10px;margin-top:22px;text-align:start}.status-step{display:flex;gap:12px;align-items:center;padding:11px 14px;border-radius:12px;border:1.5px solid var(--line);color:var(--muted);font-weight:600}.status-step.current,.status-step.done{border-color:var(--cta);color:var(--ink)}.status-step.current{background:var(--tint);font-weight:800}.store-hero{background:var(--brand);color:var(--on-brand);padding:30px 20px 24px;text-align:center}.store-hero h1{font-size:30px;font-weight:800}.lang-btn{margin-top:10px;background:none;border:1.5px solid;color:inherit;border-radius:999px;padding:6px 16px;font-weight:700;cursor:pointer;font-family:inherit}s{text-decoration-thickness:2px}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}.hero-brandmark{margin-bottom:16px}.hero-brandmark img{display:block;width:clamp(130px,24vw,200px);border-radius:24px;box-shadow:0 14px 36px rgb(0 0 0/.22)}@media (max-width:860px){.hero-brandmark img{margin:0 auto}}.sticky-cats{position:-webkit-sticky;position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:8px;overflow-x:auto;padding:10px 16px;background:color-mix(in srgb,#fff 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);scrollbar-width:none;margin-top:26px}.scat-logo{flex:0 0 auto;width:32px;height:32px;border-radius:10px;object-fit:cover;box-shadow:0 2px 8px rgb(0 0 0/.2);cursor:pointer}.sticky-cats::-webkit-scrollbar{display:none}.scat{flex:0 0 auto;border:1.5px solid var(--line);background:#fff;color:var(--ink);font-family:inherit;font-size:13.5px;font-weight:700;border-radius:999px;padding:9px 16px;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}.scat.on{background:var(--ink);color:#fff;border-color:var(--ink)}