:root{--app-max-width:480px;--page-padding:16px;--section-gap:22px;--section-title-gap:8px;--card-gap:10px;--card-radius:16px;--title-size:1.05rem;--body-size:0.9rem;--bottom-nav-height:58px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--content-bottom-pad:calc(var(--bottom-nav-height) + var(--safe-bottom) + 18px);--cav-stage-bg:#121018;--cav-stage-glow:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(109,53,197,0.22),transparent 70%);--cav-ink:#14111a;--cav-muted:#6a6475;--cav-surface:#f7f5f1;--cav-panel:#fffcf8;--cav-line:color-mix(in srgb,var(--cav-ink) 8%,transparent);--cav-network:#6d35c5;--font-ui:"IBM Plex Sans Arabic","Segoe UI",Tahoma,sans-serif;--font-display:Fraunces,"IBM Plex Sans Arabic",serif}.cav-root{min-height:100dvh;background:var(--cav-surface);color:var(--cav-ink);font-family:var(--font-ui);overflow-x:clip}.cav-root[data-context=NETWORK]{--cav-accent:var(--cav-network)}.cav-root[data-context=BRAND]{--cav-accent:var(--brand,#7c3aed)}.cav-stage{min-height:100dvh;display:flex;justify-content:center;align-items:stretch;padding-block:0}.cav-chrome{display:none;position:fixed;top:16px;inset-inline:0;justify-content:center;pointer-events:none;z-index:40}.cav-chrome span{pointer-events:none;font-size:.72rem;letter-spacing:.04em;color:rgba(255,255,255,.55);background:rgba(0,0,0,.35);padding:.35rem .75rem;border-radius:999px;backdrop-filter:blur(8px)}.cav-phone{position:relative;width:100%;max-width:none;min-width:0;min-height:100dvh;margin-inline:0;background:var(--cav-surface);display:flex;flex-direction:column;overflow-x:clip;overflow-y:visible;border-radius:0;box-shadow:none;container-type:inline-size;container-name:phone;--page-padding:16px;--section-gap:22px;--section-title-gap:8px;--card-gap:10px;--card-radius:16px;--title-size:1.05rem}.cav-phone[data-nav=true]{padding-bottom:var(--content-bottom-pad)}.cav-main{flex:1;width:100%;max-width:100%;min-width:0;min-height:0;display:flex;flex-direction:column;overflow-x:clip}.cav-main>.wa-boot,.cav-main>.wa-login{flex:1;width:100%}.cav-phone .ba-app,.cav-phone .ma-app,.cav-phone .nh,.cav-phone .nh-body,.cav-phone .pbs,.cav-phone [data-app-context]{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow-x:clip}.cav-phone .ba-app>*,.cav-phone .ma-scroll>*,.cav-phone .nh-body>*,.cav-phone .nh>*{max-width:100%;min-width:0;box-sizing:border-box}.cav-bottom-slot{position:fixed;inset-inline:0;bottom:0;z-index:50;width:100%;margin-inline:0;background:color-mix(in srgb,var(--cav-panel) 94%,transparent);backdrop-filter:blur(14px);border-top:1px solid var(--cav-line);padding-bottom:var(--safe-bottom);min-height:calc(var(--bottom-nav-height) + var(--safe-bottom))}@media (min-width:900px){.cav-root{background:var(--cav-stage-bg);background-image:var(--cav-stage-glow)}.cav-stage{padding-block:24px;padding-inline:16px}.cav-chrome{display:flex}.cav-phone{width:100%;max-width:var(--app-max-width);min-height:calc(100dvh - 48px);margin-inline:auto;border-radius:28px;box-shadow:0 0 0 1px rgba(255,255,255,.06),0 24px 64px rgba(0,0,0,.45);overflow-x:clip;overflow-y:visible}.cav-bottom-slot{width:min(100%,var(--app-max-width));margin-inline:auto;border-end-start-radius:28px;border-end-end-radius:28px}}.cav-page{width:100%;min-width:0}.cav-section{padding-inline:var(--page-padding);margin-bottom:var(--section-gap)}.cav-section-flush{padding-inline:0}.cav-section-head{display:flex;align-items:end;justify-content:space-between;gap:.75rem;margin-bottom:var(--section-title-gap)}.cav-section-flush .cav-section-head,.cav-section-head{padding-inline:var(--page-padding)}.cav-section-head h2{margin:0;font-family:var(--font-display);font-size:var(--title-size,1.05rem);font-weight:700;color:var(--cav-ink);line-height:1.25}.cav-section-head p{margin:.15rem 0 0;font-size:.78rem;color:var(--cav-muted);line-height:1.4}.cav-section-head a,.cav-section-head button.cav-link{border:0;background:transparent;color:var(--cav-accent,var(--cav-network));font-weight:700;font-size:.85rem;cursor:pointer;text-decoration:none;white-space:nowrap}.cav-scroller{display:grid;grid-auto-flow:column;grid-auto-columns:var(--scroller-col,76px);gap:var(--card-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;width:100%;max-width:100%;min-width:0;box-sizing:border-box;padding-inline:var(--page-padding);padding-bottom:4px;scrollbar-width:none}.cav-scroller::-webkit-scrollbar{display:none}.cav-scroller>*{scroll-snap-align:start;width:100%;min-width:0;box-sizing:border-box}.cav-media{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--focal,50% 50%);background:#ddd}.cav-ratio-hero,.cav-ratio-offer{aspect-ratio:16/9}.cav-ratio-brand{aspect-ratio:16/10}.cav-ratio-cat{aspect-ratio:1/1}.cav-ratio-reward{aspect-ratio:4/3}.cav-empty,.cav-error{margin:0;padding:1rem var(--page-padding);color:var(--cav-muted);font-size:.92rem;line-height:1.55}.cav-error{color:#9b1c1c}.cav-nav{grid-template-columns:repeat(var(--nav-cols,5),1fr);gap:0;min-height:var(--bottom-nav-height);padding:.28rem .15rem .2rem}.cav-nav,.cav-nav button{display:grid;background:transparent}.cav-nav button{border:0;color:var(--cav-muted);gap:.05rem;place-items:center;font-size:.6rem;line-height:1.15;padding:.2rem .05rem;cursor:pointer;font-family:inherit}.cav-nav svg{width:20px;height:20px}.cav-nav button.is-active{color:var(--cav-accent,var(--cav-network));font-weight:700}.cav-nav-icon{position:relative;display:grid;place-items:center}.cav-nav-badge{position:absolute;top:-.2rem;inset-inline-start:-.15rem;min-width:1rem;height:1rem;padding:0 .2rem;border-radius:999px;background:#c0392b;color:#fff;font-size:.62rem;font-weight:700;display:grid;place-items:center}.cav-phone .wa-body{padding:.75rem var(--page-padding) .5rem;display:grid;gap:.9rem}.cav-phone .wa-panel{background:var(--cav-panel);border-radius:var(--card-radius);padding:1rem}.cav-phone .wa-top{padding-top:calc(.65rem + var(--safe-top))}.cav-phone .wa-login,.cav-phone.wa-login-wrap{justify-content:center;padding:1.75rem var(--page-padding) calc(1.5rem + var(--safe-bottom))}.cav-phone .ba-app,.cav-phone .ma-app{max-width:none;min-height:auto;margin:0;padding-bottom:0;background:transparent}.cav-phone .ma-scroll{padding-bottom:.5rem}.cav-root[data-context=BRAND]{--cav-surface:var(--ma-surface,#f6f0e6)}.pbs-top{display:flex;justify-content:space-between;align-items:center;padding:calc(.75rem + env(safe-area-inset-top, 0px)) var(--page-padding,16px) .75rem}.pbs-top a{color:var(--cav-network,#6d35c5);font-weight:700;text-decoration:none;font-size:.85rem}.pbs-foot{padding:1.5rem var(--page-padding,16px) 2rem;color:var(--cav-muted,#666);font-size:.82rem}.pbs-foot a{color:inherit;font-weight:700}