: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:.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%, #6d35c538, 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{background:var(--cav-surface);min-height:100dvh;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{justify-content:center;align-items:stretch;min-height:100dvh;padding-block:0;display:flex}.cav-chrome{top:16px;pointer-events:none;z-index:40;justify-content:center;display:none;position:fixed;inset-inline:0}.cav-chrome span{pointer-events:none;letter-spacing:.04em;color:#ffffff8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000059;border-radius:999px;padding:.35rem .75rem;font-size:.72rem}.cav-phone{background:var(--cav-surface);width:100%;min-width:0;max-width:none;min-height:100dvh;box-shadow:none;--page-padding:16px;--section-gap:22px;--section-title-gap:8px;--card-gap:10px;--card-radius:16px;--title-size:1.05rem;border-radius:0;flex-direction:column;margin-inline:0;display:flex;position:relative;overflow:clip visible;container:phone/inline-size}.cav-phone[data-nav=true]{padding-bottom:var(--content-bottom-pad)}.cav-main{flex-direction:column;flex:1;width:100%;min-width:0;max-width:100%;min-height:0;display:flex;overflow-x:clip}.cav-main>.wa-login,.cav-main>.wa-boot{flex:1;width:100%}.cav-phone .nh,.cav-phone .nh-body,.cav-phone .ba-app,.cav-phone .ma-app,.cav-phone .pbs,.cav-phone [data-app-context]{box-sizing:border-box;width:100%;min-width:0;max-width:100%;overflow-x:clip}.cav-phone .nh>*,.cav-phone .nh-body>*,.cav-phone .ba-app>*,.cav-phone .ma-scroll>*{box-sizing:border-box;min-width:0;max-width:100%}.cav-bottom-slot{inset-inline:0;z-index:50;background:color-mix(in srgb, var(--cav-panel) 94%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--cav-line);width:100%;padding-bottom:var(--safe-bottom);min-height:calc(var(--bottom-nav-height) + var(--safe-bottom));margin-inline:0;position:fixed;bottom:0}@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);border-radius:28px;min-height:calc(100dvh - 48px);margin-inline:auto;overflow:clip visible;box-shadow:0 0 0 1px #ffffff0f,0 24px 64px #00000073}.cav-bottom-slot{width:min(100%, var(--app-max-width));border-end-end-radius:28px;border-end-start-radius:28px;margin-inline:auto}}.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{margin-bottom:var(--section-title-gap);padding-inline:var(--page-padding);justify-content:space-between;align-items:end;gap:.75rem;display:flex}.cav-section-flush .cav-section-head{padding-inline:var(--page-padding)}.cav-section-head h2{font-family:var(--font-display);font-size:var(--title-size,1.05rem);color:var(--cav-ink);margin:0;font-weight:700;line-height:1.25}.cav-section-head p{color:var(--cav-muted);margin:.15rem 0 0;font-size:.78rem;line-height:1.4}.cav-section-head a,.cav-section-head button.cav-link{color:var(--cav-accent,var(--cav-network));cursor:pointer;white-space:nowrap;background:0 0;border:0;font-size:.85rem;font-weight:700;text-decoration:none}.cav-scroller{grid-auto-flow:column;grid-auto-columns:var(--scroller-col,76px);gap:var(--card-gap);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding-inline:var(--page-padding);scrollbar-width:none;padding-bottom:4px;display:grid;overflow:auto hidden}.cav-scroller::-webkit-scrollbar{display:none}.cav-scroller>*{scroll-snap-align:start;box-sizing:border-box;width:100%;min-width:0}.cav-media{object-fit:cover;object-position:var(--focal,50% 50%);background:#ddd;width:100%;height:100%;display:block}.cav-ratio-hero,.cav-ratio-offer{aspect-ratio:16/9}.cav-ratio-brand{aspect-ratio:16/10}.cav-ratio-cat{aspect-ratio:1}.cav-ratio-reward{aspect-ratio:4/3}.cav-empty,.cav-error{padding:1rem var(--page-padding);color:var(--cav-muted);margin:0;font-size:.92rem;line-height:1.55}.cav-error{color:#9b1c1c}.cav-nav{grid-template-columns:repeat(var(--nav-cols,5), 1fr);min-height:var(--bottom-nav-height);background:0 0;gap:0;padding:.28rem .15rem .2rem;display:grid}.cav-nav button{color:var(--cav-muted);cursor:pointer;background:0 0;border:0;place-items:center;gap:.05rem;min-width:0;padding:.2rem .05rem;font-family:inherit;font-size:.6rem;line-height:1.15;display:grid}.cav-nav button span{overflow-wrap:anywhere;text-align:center;max-width:100%}.cav-nav svg{width:20px;height:20px}.cav-nav button.is-active{color:var(--cav-accent,var(--cav-network));font-weight:700}.cav-nav-dial{color:#f7f7f2;border-radius:50%;justify-self:center;width:58px;height:58px;margin-top:-22px;box-shadow:0 10px 18px #11111147;background:#111!important}.cav-nav-dial img{width:30px;height:30px}.cav-nav-icon{place-items:center;display:grid;position:relative}.cav-nav-badge{top:-.2rem;color:#fff;background:#c0392b;border-radius:999px;place-items:center;min-width:1rem;height:1rem;padding:0 .2rem;font-size:.62rem;font-weight:700;display:grid;position:absolute;inset-inline-start:-.15rem}.cav-phone .wa-body{padding:.75rem var(--page-padding) .5rem;gap:.9rem;display:grid}.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{padding:1.75rem var(--page-padding) calc(1.5rem + var(--safe-bottom));justify-content:center}.cav-phone .ba-app,.cav-phone .ma-app{background:0 0;max-width:none;min-height:auto;margin:0;padding-bottom:0}.cav-phone .ma-scroll{padding-bottom:.5rem}.cav-root[data-context=BRAND]{--cav-surface:var(--ma-surface,#f6f0e6)}
.pbs-top{padding:calc(.75rem + env(safe-area-inset-top,0px)) var(--page-padding,16px) .75rem;justify-content:space-between;align-items:center;display:flex}.pbs-top a{color:var(--cav-network,#6d35c5);font-size:.85rem;font-weight:700;text-decoration:none}.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}