*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-tajawal),Tajawal,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.flex-shrink{flex-shrink:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.break-all{word-break:break-all}.border{border-width:1px}.italic{font-style:italic}.underline{text-decoration-line:underline}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--color-primary:#173f6b;--color-primary-dark:#0e2a50;--color-primary-light:#e8eef7;--color-accent:#f0821e;--color-accent-light:#fdecd9;--color-bg:#f5f8fc;--color-surface:#fff;--color-text:#16202e;--color-text-muted:#64748b;--color-border:#e5eaf1;--color-danger:#dc2626;--color-success:#16a34a;--radius-sm:12px;--radius-md:18px;--radius-lg:24px;--shadow-card:0 4px 16px rgba(23,63,107,.07);--max-width:480px;--sidebar-width:264px;--bottom-nav-height:84px;color-scheme:light}:root.dark{--color-primary:#5b8ad6;--color-primary-dark:#3e6bb0;--color-primary-light:#16233a;--color-accent:#f79542;--color-accent-light:#35271a;--color-bg:#0c121c;--color-surface:#131c2a;--color-text:#e7eef6;--color-text-muted:#93a2b5;--color-border:#22303f;--shadow-card:0 4px 16px rgba(0,0,0,.38);color-scheme:dark}*{box-sizing:border-box}html{direction:rtl;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-tajawal),"Tajawal","Almarai",sans-serif;-webkit-tap-highlight-color:transparent;overflow-x:clip}[role=button],a,button,input[type=button],input[type=submit],label{touch-action:manipulation}h1,h2,h3,h4{font-family:var(--font-almarai),"Almarai","Tajawal",sans-serif;margin:0}a{color:inherit;text-decoration:none}button{font-family:inherit}input,select,textarea{font-family:inherit;font-size:15px}::-moz-placeholder{color:var(--color-text-muted);opacity:.75}::placeholder{color:var(--color-text-muted);opacity:.75}.app-shell{margin:0 auto;min-height:100vh;background:var(--color-bg);position:relative;padding-bottom:calc(84px + env(safe-area-inset-bottom));max-width:var(--max-width)}@media (min-width:1024px){.app-shell{max-width:none;padding-bottom:0;display:flex;flex-direction:row;align-items:flex-start}.app-main{flex:1;min-width:0;min-height:100vh}.app-main-inner{max-width:760px;margin:0 auto}.app-main-inner.wide{max-width:1180px}}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth-card{width:100%;max-width:420px}@media (min-width:640px){.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:8px 20px 24px}}.public-standalone{min-height:100dvh}.page-container{padding:16px}@media (min-width:1024px){.page-container{padding:24px 32px}}.sidebar{display:none}@media (min-width:1024px){.sidebar{display:flex;flex-direction:column;width:var(--sidebar-width);flex-shrink:0;height:100vh;position:sticky;top:0;background:var(--color-surface);border-inline-end:1px solid var(--color-border);padding:22px 16px;gap:6px;overflow-y:auto}}.sidebar-brand{gap:10px;padding:6px 10px 18px}.sidebar-brand,.sidebar-link{display:flex;align-items:center}.sidebar-link{gap:12px;padding:12px 14px;border-radius:var(--radius-sm);color:var(--color-text-muted);font-weight:700;font-size:15px;transition:background .15s ease,color .15s ease}.sidebar-link:hover{background:var(--color-primary-light);color:var(--color-primary)}.sidebar-link.active{background:var(--color-primary);color:#fff}@media (min-width:1024px){.sidebar.collapsed{width:76px;padding:22px 10px}.sidebar.collapsed .sidebar-link{justify-content:center;padding:12px 8px}}.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--color-danger);color:#fff;font-size:11px;font-weight:800;line-height:1}.nav-badge-top{position:absolute;top:-6px;inset-inline-end:-10px}.nav-badge-dot{position:absolute;top:-2px;inset-inline-end:-2px;min-width:9px;width:9px;height:9px;padding:0;border-radius:50%}.card{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-card);border:1px solid var(--color-border);padding:16px}.btn{display:flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:14px;padding:14px 18px;font-size:16px;font-weight:800;cursor:pointer;transition:transform .1s ease,opacity .15s ease,filter .15s ease,box-shadow .15s ease;width:100%}.btn:hover:not(:disabled){filter:brightness(1.05)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;box-shadow:0 8px 18px color-mix(in srgb,var(--color-primary) 24%,transparent)}.btn-accent{background:var(--color-accent);color:#fff}.btn-outline{background:transparent;border:1.5px solid var(--color-primary);color:var(--color-primary)}.btn-danger{background:var(--color-danger);color:#fff}.btn-sm{padding:8px 14px;font-size:14px;width:auto}.input{width:100%;padding:12px 14px;border-radius:14px;border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text);margin-bottom:12px;font-size:15px;min-height:44px;box-shadow:0 1px 2px rgba(0,0,0,.04);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;-moz-appearance:none;appearance:none;-webkit-appearance:none}textarea,textarea.input{min-height:72px}.input:hover:not(:disabled):not(:focus){border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border))}.input:focus,.input:focus-visible,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 22%,transparent)}.input.input-error,.input[aria-invalid=true]{border-color:var(--color-danger)}.input.input-error:focus,.input[aria-invalid=true]:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-danger) 22%,transparent)}.input:disabled,.input[disabled]{background:var(--color-bg);color:var(--color-text-muted);cursor:not-allowed;opacity:.85}.input[readonly]{background:var(--color-bg)}.field-error{color:var(--color-danger);font-size:13px;font-weight:700;margin:-6px 0 12px;display:flex;align-items:center;gap:4px}.label{font-size:14px;font-weight:700;margin-bottom:6px;display:block;color:var(--color-text)}.req-mark{font-weight:900}.req-mark,.req-text{color:var(--color-danger)}.req-text{font-size:12px;font-weight:700}.emoji-panel{position:absolute;top:calc(100% + 6px);inset-inline-start:0;z-index:60;width:min(360px,92vw);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 12px 32px rgba(0,0,0,.18);padding:10px}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:6px}.emoji-cell{font-size:22px;line-height:1;height:42px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid transparent;background:transparent;cursor:pointer;transition:background .12s ease,border-color .12s ease}.emoji-cell.selected,.emoji-cell:hover{background:var(--color-primary-light)}.emoji-cell.selected{border-color:var(--color-primary)}.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;color:#fff}.section-title{font-size:18px;font-weight:800;margin:20px 0 12px;display:flex;align-items:center;gap:8px}.section-title:before{content:"";width:4px;height:18px;border-radius:999px;background:var(--color-accent);flex-shrink:0}.top-header{position:sticky;top:0;z-index:20;background:var(--color-primary);color:#fff;padding:16px;border-radius:0 0 var(--radius-lg) var(--radius-lg);border-bottom:3px solid var(--color-accent)}.top-header.top-header--white{background:var(--color-surface);color:var(--color-text);border-bottom:1px solid var(--color-border);padding:14px 16px}@media (min-width:1024px){.top-header{border-radius:var(--radius-lg);margin:16px 32px 0;top:16px}}.header-bar{gap:10px}.header-bar,.header-start{display:flex;align-items:center;min-width:0}.header-start{gap:8px;flex:0 1 auto}.header-title{font-size:20px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-end{gap:4px;flex-shrink:0;margin-inline-start:auto}.header-end,.live-news-bar{display:flex;align-items:center}.live-news-bar{gap:8px;flex:1 1 auto;min-width:0;overflow:hidden}.live-news-badge{flex-shrink:0}.live-news-badge .live-dot{background:#fff}.ticker-viewport{position:relative;flex:1 1 auto;min-width:0;overflow:hidden;height:20px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 12px),transparent);mask-image:linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 12px),transparent)}.ticker-track{position:absolute;top:0;bottom:0;left:0;display:flex;align-items:center;flex-wrap:nowrap;width:-moz-max-content;width:max-content;direction:ltr;white-space:nowrap;will-change:transform;animation-name:ticker-ltr;animation-timing-function:linear;animation-iteration-count:infinite}.ticker-item{padding-inline-end:48px;font-size:12.5px;font-weight:700;color:#ff8a5c;line-height:20px;direction:rtl;unicode-bidi:plaintext}@keyframes ticker-ltr{0%{transform:translateX(-50%)}to{transform:translateX(0)}}.ticker-slow{animation-duration:42s}.ticker-normal{animation-duration:26s}.ticker-fast{animation-duration:15s}.ticker-static{display:none;font-size:12.5px;font-weight:700;color:#ff8a5c;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (prefers-reduced-motion:reduce){.ticker-track{display:none}.ticker-static{display:block}}.news-section{display:flex;align-items:center;gap:10px;background:var(--color-primary);border-radius:var(--radius-md);padding:10px 14px;margin-bottom:16px;overflow:hidden}.news-section-label{color:#fff;font-weight:800;font-size:13px;flex-shrink:0;white-space:nowrap}.news-section .ticker-viewport{height:22px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:var(--max-width);background:var(--color-surface);border-top:3px solid var(--color-accent);display:flex;justify-content:space-around;padding:8px 4px max(8px,env(safe-area-inset-bottom));z-index:40;box-shadow:0 -2px 12px rgba(0,0,0,.06)}@media (min-width:1024px){.bottom-nav{display:none}}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;color:var(--color-text-muted);flex:1;padding:6px 4px;border-radius:14px;transition:background .15s ease}.nav-item.active{color:var(--color-primary);font-weight:800;background:var(--color-primary-light)}.nav-item .nav-ico{color:var(--color-text-muted);display:inline-flex;transition:color .15s ease}.nav-item.active .nav-ico{color:var(--color-primary)}.notif-overlay{position:fixed;inset:0;z-index:1000;background:rgba(9,18,30,.42);display:flex;align-items:flex-end;justify-content:center}.notif-panel{width:100%;max-width:480px;max-height:85dvh;display:flex;flex-direction:column;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:22px 22px 0 0;box-shadow:0 -8px 40px rgba(0,0,0,.28);overflow:hidden;padding-bottom:env(safe-area-inset-bottom);animation:notif-up .2s ease}@keyframes notif-up{0%{transform:translateY(14px);opacity:.5}to{transform:translateY(0);opacity:1}}.notif-grab{width:40px;height:4px;border-radius:99px;background:var(--color-border);margin:8px auto 2px;flex-shrink:0}.notif-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;border-bottom:1px solid var(--color-border);flex-shrink:0}.notif-scroll{overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1;min-height:0}.notif-close{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:none;cursor:pointer;background:var(--color-bg);color:var(--color-text-muted)}.notif-close:hover{background:var(--color-primary-light);color:var(--color-primary)}@media (min-width:768px){.notif-overlay{align-items:flex-start;justify-content:flex-start;background:transparent;padding:62px 16px 0}.notif-panel{width:370px;max-width:92vw;max-height:min(72vh,560px);border-radius:var(--radius-md);box-shadow:0 14px 38px rgba(0,0,0,.2);padding-bottom:0;animation:none}.notif-grab{display:none}}.img-delete-btn{position:absolute;top:6px;inset-inline-end:6px;width:30px;height:30px;border-radius:50%;border:2px solid var(--color-surface);background:var(--color-danger);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.35);transition:transform .12s ease,filter .12s ease;z-index:2}.img-delete-btn:hover{transform:scale(1.08);filter:brightness(1.05)}.app-banner{border-radius:var(--radius-sm);padding:10px 14px;margin-bottom:12px;font-size:14px;font-weight:600;line-height:1.6}.app-banner-warn{background:color-mix(in srgb,var(--color-accent) 14%,var(--color-surface));color:var(--color-accent);border:1px solid color-mix(in srgb,var(--color-accent) 40%,transparent)}.app-banner-info{background:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface));color:var(--color-primary);border:1px solid color-mix(in srgb,var(--color-primary) 35%,transparent)}.error-box{background:color-mix(in srgb,var(--color-danger) 10%,var(--color-surface));color:var(--color-danger);border:1px solid color-mix(in srgb,var(--color-danger) 40%,transparent);border-radius:var(--radius-sm)}.error-box,.success-box{padding:10px 14px;margin-bottom:12px;font-size:14px}.success-box{background:color-mix(in srgb,var(--color-success) 12%,var(--color-surface));color:var(--color-success);border:1px solid color-mix(in srgb,var(--color-success) 40%,transparent);border-radius:var(--radius-sm)}.empty-state{text-align:center;padding:60px 20px;color:var(--color-text-muted)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (min-width:1024px){.support-split{grid-template-columns:360px 1fr!important}}.grid-auto{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width:640px){.grid-auto{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.grid-auto{grid-template-columns:repeat(4,1fr);gap:16px}}@keyframes spin{to{transform:rotate(1turn)}}.spinner-sm{display:inline-block;width:16px;height:16px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite;flex:0 0 auto}.chat-screen{position:fixed;top:var(--chat-viewport-top,0);left:50%;transform:translateX(-50%);width:100%;max-width:var(--max-width);height:var(--chat-viewport-height,100dvh);display:flex;flex-direction:column;overflow:hidden;background:var(--color-bg);z-index:60}.chat-header{flex:0 0 auto;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.chat-messages{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:6px;padding:8px 10px}.chat-composer{flex:0 0 auto;position:relative;z-index:20;background:var(--color-surface);border-top:1px solid var(--color-border);padding:6px 10px calc(6px + env(safe-area-inset-bottom))}body.chat-open{overflow:hidden}body.chat-open .bottom-nav{display:none}@media (min-width:1024px){.chat-screen{position:static;transform:none;left:auto;width:auto;max-width:900px;margin:0 auto;height:100vh;z-index:auto}}.sheet-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.5);display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:var(--max-width);margin:0;color:var(--color-text);border-radius:18px 18px 0 0;flex-direction:column;overflow:hidden;box-shadow:0 -4px 24px rgba(0,0,0,.28);max-height:calc(100vh - 16px);max-height:calc(100dvh - env(safe-area-inset-top) - 16px)}.sheet,.sheet-header{background:var(--color-surface);display:flex}.sheet-header{flex-shrink:0;align-items:center;justify-content:space-between;gap:8px;padding:14px 16px 10px;border-bottom:1px solid var(--color-border)}.sheet-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:12px 16px;padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) + 24px)}body.sheet-open{overflow:hidden}body.sheet-open .bottom-nav{display:none}.map-ltr{direction:ltr}.address-rtl{direction:rtl;text-align:right;unicode-bidi:plaintext}.distance-badge{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:700;color:var(--color-primary)}.category-card{--cat-icon:74px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:10px 8px;height:100%;gap:4px}.category-card .category-icon{width:var(--cat-icon);height:var(--cat-icon);display:flex;align-items:center;justify-content:center;flex-shrink:0}.category-card .category-icon img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:20px;display:block}.category-card .category-name{font-size:12.5px;font-weight:700;line-height:1.35;color:var(--color-text);overflow-wrap:anywhere}.store-card{display:flex;gap:12px;align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px;margin-bottom:10px;transition:box-shadow .15s ease,transform .1s ease}.store-card:hover{box-shadow:var(--shadow-card);transform:translateY(-1px)}.store-grid{display:grid;grid-template-columns:1fr;gap:10px}@media (min-width:768px){.store-grid{grid-template-columns:repeat(2,1fr)}.store-grid .store-card{margin-bottom:0}}@media (min-width:1280px){.store-grid{grid-template-columns:repeat(3,1fr)}}.store-logo{width:56px;height:56px;border-radius:var(--radius-sm);background:transparent;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;overflow:hidden}.store-logo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.timeline{border-inline-end:3px solid var(--color-border);padding-inline-end:16px;margin-inline-end:8px}.timeline-item{position:relative;padding-bottom:18px}.timeline-item:before{content:"";position:absolute;inset-inline-end:-22px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--color-primary)}.skeleton{background:linear-gradient(90deg,var(--color-border) 25%,color-mix(in srgb,var(--color-border) 40%,var(--color-surface)) 37%,var(--color-border) 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite;border-radius:var(--radius-sm)}@keyframes skeleton-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--color-success);box-shadow:0 0 0 0 color-mix(in srgb,var(--color-success) 60%,transparent);animation:live-pulse 1.8s infinite;display:inline-block}@keyframes live-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--color-success) 60%,transparent)}70%{box-shadow:0 0 0 8px transparent}to{box-shadow:0 0 0 0 transparent}}.login-required{display:flex;flex-direction:column;gap:12px;padding:14px 16px;border-radius:var(--radius-md);border:1.5px solid var(--color-danger);background:color-mix(in srgb,var(--color-danger) 8%,var(--color-surface));cursor:pointer;text-align:start;transition:filter .15s ease,box-shadow .15s ease}.login-required:hover{box-shadow:0 4px 16px color-mix(in srgb,var(--color-danger) 18%,transparent)}.login-required:focus-visible{outline:3px solid color-mix(in srgb,var(--color-danger) 35%,transparent);outline-offset:2px}.login-required__head{display:flex;align-items:flex-start;gap:10px}.login-required__icon{display:inline-flex;color:var(--color-danger);flex-shrink:0;margin-top:1px}.login-required__text{display:flex;flex-direction:column;gap:3px;min-width:0}.login-required__text strong{color:var(--color-danger);font-size:15px;font-weight:800}.login-required__text span{color:var(--color-text-muted);font-size:13px;line-height:1.6}.login-required__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;align-self:stretch;min-height:46px;border:none;border-radius:12px;cursor:pointer;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;font-weight:800;font-size:15px;box-shadow:0 6px 16px color-mix(in srgb,var(--color-primary) 24%,transparent)}.login-required__btn:active{transform:scale(.98)}.guest-login-btn{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;white-space:nowrap;padding:7px 12px;border-radius:999px;cursor:pointer;font-weight:800;font-size:13px;font-family:inherit}.guest-login-btn--navy{background:hsla(0,0%,100%,.16);border:1px solid hsla(0,0%,100%,.3);color:#fff}.guest-login-btn--navy:hover{background:hsla(0,0%,100%,.26)}.guest-login-btn--white{background:var(--color-primary-light);border:1px solid transparent;color:var(--color-primary)}.guest-login-btn--white:hover{filter:brightness(.97)}.guest-login-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}html.splash-done .splash-screen{display:none!important}.splash-screen{position:fixed;inset:0;z-index:3000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:max(24px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));text-align:center;color:#fff;overflow:hidden;background:radial-gradient(125% 90% at 50% 10%,rgba(240,130,30,.18) 0,rgba(240,130,30,0) 44%),linear-gradient(160deg,#0e2a50,#173f6b 56%,#1e5a8a 122%);animation:splashIn .4s ease both;will-change:opacity,transform}.splash-screen.is-out{animation:splashOut .5s ease forwards}.splash-glow{width:min(340px,78vw);height:min(340px,78vw);border-radius:50%;top:38%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(240,130,30,.3) 0,rgba(240,130,30,0) 68%);filter:blur(4px);animation:splashGlow 4.6s ease-in-out infinite}.splash-glow,.splash-grid{position:absolute;pointer-events:none}.splash-grid{inset:0;opacity:.1;background-image:radial-gradient(hsla(0,0%,100%,.9) 1px,transparent 1.7px);background-size:26px 26px;-webkit-mask-image:radial-gradient(120% 78% at 50% 22%,#000 30%,transparent 74%);mask-image:radial-gradient(120% 78% at 50% 22%,#000 30%,transparent 74%);animation:splashGridDrift 9s linear infinite}.splash-logo{animation:splashLogo 1.2s cubic-bezier(.22,.61,.36,1) both,splashFloat 4.2s ease-in-out 1.2s infinite}.splash-logo,.splash-title{position:relative;z-index:2}.splash-title{margin:6px 0 0;font-family:var(--font-almarai),"Almarai",sans-serif;font-size:clamp(22px,6.4vw,30px);font-weight:800;letter-spacing:-.3px;animation:splashRise 1.15s cubic-bezier(.22,.61,.36,1) .55s both,splashDrift 4.6s ease-in-out 1.7s infinite}.splash-sub{margin:0;font-size:clamp(13px,3.9vw,16px);font-weight:600;color:hsla(0,0%,100%,.82);max-width:320px;line-height:1.75;animation:splashRise 1.15s cubic-bezier(.22,.61,.36,1) .85s both,splashDrift 4.6s ease-in-out 2s infinite}.splash-bar,.splash-sub{position:relative;z-index:2}.splash-bar{width:min(200px,56vw);height:4px;margin-top:10px;border-radius:99px;background:hsla(0,0%,100%,.16);overflow:hidden;animation:splashRise 1s cubic-bezier(.22,.61,.36,1) 1.1s both}.splash-bar>span{display:block;height:100%;width:42%;border-radius:99px;background:linear-gradient(90deg,#f0821e,#ffb26b);animation:splashLoad 2.4s cubic-bezier(.45,.05,.55,.95) infinite}@keyframes splashIn{0%{opacity:0}to{opacity:1}}@keyframes splashOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.045);visibility:hidden}}@keyframes splashLogo{0%{opacity:0;transform:translateY(8px) scale(.86)}60%{opacity:1}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes splashRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes splashGlow{0%,to{opacity:.68;transform:translate(-50%,-50%) scale(.94)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}@keyframes splashLoad{0%{transform:translateX(-130%)}to{transform:translateX(360%)}}@keyframes splashFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes splashDrift{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes splashGridDrift{0%{background-position:0 0}to{background-position:26px 26px}}@media (prefers-reduced-motion:reduce){.splash-bar,.splash-bar>span,.splash-glow,.splash-logo,.splash-screen,.splash-sub,.splash-title{animation:none!important}.splash-glow{opacity:.85}}@font-face{font-family:__Tajawal_d4d3d8;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/dd994fbf464986f0-s.p.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-088e,u+0890-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fe74,u+fe76-fefc,u+102e0-102fb,u+10e60-10e7e,u+10ec2-10ec4,u+10efc-10eff,u+1ee00-1ee03,u+1ee05-1ee1f,u+1ee21-1ee22,u+1ee24,u+1ee27,u+1ee29-1ee32,u+1ee34-1ee37,u+1ee39,u+1ee3b,u+1ee42,u+1ee47,u+1ee49,u+1ee4b,u+1ee4d-1ee4f,u+1ee51-1ee52,u+1ee54,u+1ee57,u+1ee59,u+1ee5b,u+1ee5d,u+1ee5f,u+1ee61-1ee62,u+1ee64,u+1ee67-1ee6a,u+1ee6c-1ee72,u+1ee74-1ee77,u+1ee79-1ee7c,u+1ee7e,u+1ee80-1ee89,u+1ee8b-1ee9b,u+1eea1-1eea3,u+1eea5-1eea9,u+1eeab-1eebb,u+1eef0-1eef1}@font-face{font-family:__Tajawal_d4d3d8;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/e97026df054cf2a3-s.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Tajawal_d4d3d8;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/63a79a6cf340c5d2-s.p.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-088e,u+0890-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fe74,u+fe76-fefc,u+102e0-102fb,u+10e60-10e7e,u+10ec2-10ec4,u+10efc-10eff,u+1ee00-1ee03,u+1ee05-1ee1f,u+1ee21-1ee22,u+1ee24,u+1ee27,u+1ee29-1ee32,u+1ee34-1ee37,u+1ee39,u+1ee3b,u+1ee42,u+1ee47,u+1ee49,u+1ee4b,u+1ee4d-1ee4f,u+1ee51-1ee52,u+1ee54,u+1ee57,u+1ee59,u+1ee5b,u+1ee5d,u+1ee5f,u+1ee61-1ee62,u+1ee64,u+1ee67-1ee6a,u+1ee6c-1ee72,u+1ee74-1ee77,u+1ee79-1ee7c,u+1ee7e,u+1ee80-1ee89,u+1ee8b-1ee9b,u+1eea1-1eea3,u+1eea5-1eea9,u+1eeab-1eebb,u+1eef0-1eef1}@font-face{font-family:__Tajawal_d4d3d8;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/f15f45d13243c643-s.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Tajawal_d4d3d8;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/1ebb550cd0a67fc6-s.p.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-088e,u+0890-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fe74,u+fe76-fefc,u+102e0-102fb,u+10e60-10e7e,u+10ec2-10ec4,u+10efc-10eff,u+1ee00-1ee03,u+1ee05-1ee1f,u+1ee21-1ee22,u+1ee24,u+1ee27,u+1ee29-1ee32,u+1ee34-1ee37,u+1ee39,u+1ee3b,u+1ee42,u+1ee47,u+1ee49,u+1ee4b,u+1ee4d-1ee4f,u+1ee51-1ee52,u+1ee54,u+1ee57,u+1ee59,u+1ee5b,u+1ee5d,u+1ee5f,u+1ee61-1ee62,u+1ee64,u+1ee67-1ee6a,u+1ee6c-1ee72,u+1ee74-1ee77,u+1ee79-1ee7c,u+1ee7e,u+1ee80-1ee89,u+1ee8b-1ee9b,u+1eea1-1eea3,u+1eea5-1eea9,u+1eeab-1eebb,u+1eef0-1eef1}@font-face{font-family:__Tajawal_d4d3d8;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/ce401babc0566bc1-s.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Tajawal_d4d3d8;font-style:normal;font-weight:900;font-display:swap;src:url(/_next/static/media/420b3da95f5fbf98-s.p.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-088e,u+0890-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fe74,u+fe76-fefc,u+102e0-102fb,u+10e60-10e7e,u+10ec2-10ec4,u+10efc-10eff,u+1ee00-1ee03,u+1ee05-1ee1f,u+1ee21-1ee22,u+1ee24,u+1ee27,u+1ee29-1ee32,u+1ee34-1ee37,u+1ee39,u+1ee3b,u+1ee42,u+1ee47,u+1ee49,u+1ee4b,u+1ee4d-1ee4f,u+1ee51-1ee52,u+1ee54,u+1ee57,u+1ee59,u+1ee5b,u+1ee5d,u+1ee5f,u+1ee61-1ee62,u+1ee64,u+1ee67-1ee6a,u+1ee6c-1ee72,u+1ee74-1ee77,u+1ee79-1ee7c,u+1ee7e,u+1ee80-1ee89,u+1ee8b-1ee9b,u+1eea1-1eea3,u+1eea5-1eea9,u+1eeab-1eebb,u+1eef0-1eef1}@font-face{font-family:__Tajawal_d4d3d8;font-style:normal;font-weight:900;font-display:swap;src:url(/_next/static/media/0a61324d85234ed0-s.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Tajawal_Fallback_d4d3d8;src:local("Arial");ascent-override:67.93%;descent-override:37.71%;line-gap-override:21.13%;size-adjust:94.66%}.__className_d4d3d8{font-family:__Tajawal_d4d3d8,__Tajawal_Fallback_d4d3d8;font-style:normal}.__variable_d4d3d8{--font-tajawal:"__Tajawal_d4d3d8","__Tajawal_Fallback_d4d3d8"}@font-face{font-family:__Almarai_2fd747;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/f1429c53baafd0f0-s.p.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-088e,u+0890-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fe74,u+fe76-fefc,u+102e0-102fb,u+10e60-10e7e,u+10ec2-10ec4,u+10efc-10eff,u+1ee00-1ee03,u+1ee05-1ee1f,u+1ee21-1ee22,u+1ee24,u+1ee27,u+1ee29-1ee32,u+1ee34-1ee37,u+1ee39,u+1ee3b,u+1ee42,u+1ee47,u+1ee49,u+1ee4b,u+1ee4d-1ee4f,u+1ee51-1ee52,u+1ee54,u+1ee57,u+1ee59,u+1ee5b,u+1ee5d,u+1ee5f,u+1ee61-1ee62,u+1ee64,u+1ee67-1ee6a,u+1ee6c-1ee72,u+1ee74-1ee77,u+1ee79-1ee7c,u+1ee7e,u+1ee80-1ee89,u+1ee8b-1ee9b,u+1eea1-1eea3,u+1eea5-1eea9,u+1eeab-1eebb,u+1eef0-1eef1}@font-face{font-family:__Almarai_2fd747;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/047eb351a200daf2-s.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Almarai_2fd747;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/074a2e369810402d-s.p.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-088e,u+0890-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fe74,u+fe76-fefc,u+102e0-102fb,u+10e60-10e7e,u+10ec2-10ec4,u+10efc-10eff,u+1ee00-1ee03,u+1ee05-1ee1f,u+1ee21-1ee22,u+1ee24,u+1ee27,u+1ee29-1ee32,u+1ee34-1ee37,u+1ee39,u+1ee3b,u+1ee42,u+1ee47,u+1ee49,u+1ee4b,u+1ee4d-1ee4f,u+1ee51-1ee52,u+1ee54,u+1ee57,u+1ee59,u+1ee5b,u+1ee5d,u+1ee5f,u+1ee61-1ee62,u+1ee64,u+1ee67-1ee6a,u+1ee6c-1ee72,u+1ee74-1ee77,u+1ee79-1ee7c,u+1ee7e,u+1ee80-1ee89,u+1ee8b-1ee9b,u+1eea1-1eea3,u+1eea5-1eea9,u+1eeab-1eebb,u+1eef0-1eef1}@font-face{font-family:__Almarai_2fd747;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/88858bca2290748b-s.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Almarai_2fd747;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/aafb073fa1a155cc-s.p.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-088e,u+0890-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fe74,u+fe76-fefc,u+102e0-102fb,u+10e60-10e7e,u+10ec2-10ec4,u+10efc-10eff,u+1ee00-1ee03,u+1ee05-1ee1f,u+1ee21-1ee22,u+1ee24,u+1ee27,u+1ee29-1ee32,u+1ee34-1ee37,u+1ee39,u+1ee3b,u+1ee42,u+1ee47,u+1ee49,u+1ee4b,u+1ee4d-1ee4f,u+1ee51-1ee52,u+1ee54,u+1ee57,u+1ee59,u+1ee5b,u+1ee5d,u+1ee5f,u+1ee61-1ee62,u+1ee64,u+1ee67-1ee6a,u+1ee6c-1ee72,u+1ee74-1ee77,u+1ee79-1ee7c,u+1ee7e,u+1ee80-1ee89,u+1ee8b-1ee9b,u+1eea1-1eea3,u+1eea5-1eea9,u+1eeab-1eebb,u+1eef0-1eef1}@font-face{font-family:__Almarai_2fd747;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/884f508e622cc6d5-s.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Almarai_Fallback_2fd747;src:local("Arial");ascent-override:95.15%;descent-override:22.18%;line-gap-override:0.00%;size-adjust:95.11%}.__className_2fd747{font-family:__Almarai_2fd747,__Almarai_Fallback_2fd747;font-style:normal}.__variable_2fd747{--font-almarai:"__Almarai_2fd747","__Almarai_Fallback_2fd747"}