:root{--primary: #ffcc00;--primary-hover: #e6b800;--primary-muted: #ffe566;--primary-light: #fff9e6;--secondary: #1a1d26;--secondary-light: #2d3142;--background: #f5f6f8;--white: #ffffff;--surface: #fafafa;--surface-elevated: #ffffff;--section-warm: #fff9e6;--section-warm-edge: rgba(255, 204, 0, .22);--text-primary: #1a1d26;--text-secondary: #5c6378;--text-light: #8b90a0;--grey-light: #eceef2;--border: #e8e6e0;--shadow-sm: 0 2px 12px rgba(26, 29, 38, .06);--shadow: 0 4px 20px rgba(26, 29, 38, .07);--shadow-lg: 0 12px 40px rgba(26, 29, 38, .09);--shadow-gold: 0 6px 22px rgba(255, 204, 0, .38);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 28px;--radius-pill: 9999px;--card-carousel-height: 152px;--card-media-max-h: 168px;--font-family: "Tajawal", "Cairo", "Segoe UI", Tahoma, sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-family);-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none}a,button,input,select,textarea,[role=button],label,summary{-webkit-tap-highlight-color:transparent!important}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary);outline-offset:2px}*:focus:not(:focus-visible){outline:none!important;box-shadow:none}body{background-color:var(--background);direction:rtl;min-height:100vh;color:var(--text-primary);-webkit-font-smoothing:antialiased}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.card{background:var(--surface-elevated);border-radius:var(--radius-lg);box-shadow:0 4px 18px #1a1d260f;padding:1.25rem 1.35rem;border:1px solid rgba(26,29,38,.05)}.card:hover{box-shadow:var(--shadow-lg);transition:box-shadow .25s ease}.btn-primary{background:linear-gradient(180deg,var(--primary) 0%,var(--primary-hover) 100%);color:var(--secondary);border:none;border-radius:var(--radius-pill);padding:.95rem 1.75rem;font-weight:800;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease;width:100%;font-size:1rem;box-shadow:var(--shadow-gold);letter-spacing:.02em}.btn-primary:hover{filter:brightness(1.03);transform:translateY(-1px);box-shadow:0 8px 28px #ffcc006b}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--white);color:var(--text-primary);border:1.5px solid var(--border);border-radius:var(--radius-pill);padding:.85rem 1.5rem;font-weight:800;cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;font-size:.95rem}.btn-secondary:hover{background:var(--primary-light);border-color:#ffcc008c;box-shadow:var(--shadow-sm)}.btn-ghost{background:transparent;color:var(--secondary);border:2px solid var(--border);border-radius:var(--radius-pill);padding:.85rem 1.5rem;font-weight:800;cursor:pointer;transition:background .2s ease,border-color .2s ease}.btn-ghost:hover{background:var(--primary-light);border-color:var(--primary)}.input-group{position:relative;margin-bottom:1.1rem}.input-icon{position:absolute;inset-inline-end:12px;top:50%;transform:translateY(-50%);background:var(--primary-light);padding:9px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--secondary);pointer-events:none}input,select,textarea{width:100%;padding:.9rem 1rem;border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--surface);outline:none;text-align:right;font-size:.95rem;color:var(--text-primary);transition:border-color .2s ease,box-shadow .2s ease}.input-group input{min-height:52px}.input-group:has(.input-icon) input{padding-inline-end:3.1rem}.auth-password-field{display:flex;flex-direction:row;align-items:center;gap:10px;width:100%;margin-bottom:12px}.auth-password-eye-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;border:none;border-radius:var(--radius-md);background:var(--primary-light);color:var(--secondary);cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease;box-shadow:0 1px #ffffffa6 inset}.auth-password-eye-btn:hover{background:#ffcc0047;color:var(--secondary);box-shadow:var(--shadow-sm)}.auth-password-eye-btn:active{transform:scale(.97)}.auth-password-field .input-group-container{flex:1;min-width:0;margin-bottom:0!important}.auth-password-field .input-group{margin-bottom:0}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px #fc03;background:var(--white)}input::placeholder{color:var(--text-light)}.page-container{min-height:100vh;background:var(--background)}.page-header{padding:14px 18px;background:var(--white);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);margin-bottom:16px;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.page-title{font-size:1.35rem;font-weight:900;color:var(--text-primary)}.menu-toggle{font-size:1.5rem;cursor:pointer;color:var(--secondary);padding:8px;border-radius:var(--radius-sm);transition:background .2s}.menu-toggle:hover{background:var(--primary-light)}:where(button[class*=cart],button[class*=fav],button[class*=favorite],button[aria-label*=السلة],button[aria-label*=المفضلة],button[aria-label*=مفضلة],button[title*=السلة],button[title*=المفضلة],button[title*=مفضلة]):not(:disabled){transition:transform .12s ease,box-shadow .16s ease,filter .16s ease}:where(button[class*=cart],button[class*=fav],button[class*=favorite],button[aria-label*=السلة],button[aria-label*=المفضلة],button[aria-label*=مفضلة],button[title*=السلة],button[title*=المفضلة],button[title*=مفضلة]):not(:disabled):active{transform:scale(.94);filter:brightness(.98)}.badge{background:var(--primary);color:var(--secondary);padding:4px 12px;border-radius:var(--radius-pill);font-size:.75rem;font-weight:800}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeIn .3s ease forwards}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--primary-hover);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--secondary)}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}#root{min-height:100vh;min-height:100dvh;overflow-x:hidden;font-family:var(--font-family);direction:rtl;background:var(--background);color:var(--text-primary)}body{overflow-x:hidden}.leaflet-control-layers,.leaflet-control-layers-toggle,.leaflet-control-layers-expanded{display:none!important}.card img{max-width:100%}.auth-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;position:relative;overflow:hidden;background:linear-gradient(168deg,var(--background) 0%,var(--surface) 38%,var(--primary-light) 100%)}.auth-page:before{content:"";position:absolute;width:min(320px,90vw);height:min(320px,90vw);border-radius:50%;background:radial-gradient(circle,rgba(255,204,0,.22) 0%,transparent 68%);top:-100px;inset-inline-start:-80px;pointer-events:none}.auth-page:after{content:"";position:absolute;width:min(260px,70vw);height:min(260px,70vw);border-radius:50%;background:radial-gradient(circle,rgba(255,204,0,.12) 0%,transparent 70%);bottom:-60px;inset-inline-end:-70px;pointer-events:none}.auth-card{width:100%;position:relative;z-index:1;background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid rgba(26,29,38,.07);padding:2rem 1.75rem;text-align:center}.auth-logo{display:block;width:min(300px,78vw);height:auto;max-height:76px;object-fit:contain;margin:0 auto 1rem}.auth-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--radius-pill);background:var(--primary-light);color:var(--secondary);font-weight:800;font-size:.88rem;margin-bottom:1.25rem;border:1px solid rgba(255,204,0,.38)}.auth-title{font-size:1.35rem;font-weight:900;color:var(--text-primary);margin-bottom:.35rem}.auth-sub{font-size:.88rem;color:var(--text-secondary);line-height:1.55;margin-bottom:1.25rem}.auth-remember{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;margin:4px 0 12px;width:100%;box-sizing:border-box;direction:rtl;text-align:right;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.9rem;font-weight:800;color:var(--text-secondary)}.auth-remember__txt{flex:0 1 auto}.auth-remember input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary);cursor:pointer;flex-shrink:0}.auth-footer-link{margin-top:1.25rem;font-size:.9rem;color:var(--text-secondary)}.auth-footer-link a{color:var(--secondary);font-weight:900;text-decoration:none;border-bottom:2px solid var(--primary)}.auth-footer-link a:hover{color:var(--primary-hover)}.type-toggle{--type-toggle-pad: 4px;width:100%;margin-bottom:1.1rem;display:grid;grid-template-columns:1fr 1fr;gap:var(--type-toggle-pad);padding:var(--type-toggle-pad);box-sizing:border-box;border-radius:18px;background:linear-gradient(165deg,#0000000a,#00000005);border:1px solid rgba(232,230,224,.95);box-shadow:inset 0 1px 1px #ffffffbf,inset 0 -1px 2px #1a1d260f,0 4px 16px #1a1d260d}.type-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;border:none;cursor:pointer;font-family:inherit;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px 12px;min-height:88px;border-radius:14px;color:var(--text-secondary);background:#ffffff59;box-shadow:0 1px #fff9 inset;transition:background .2s ease,color .2s ease,box-shadow .22s ease,transform .18s ease}.type-item__icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:#ffffff8c;border:1px solid rgba(232,230,224,.85);color:inherit;transition:inherit}.type-item__label{font-weight:900;font-size:.92rem;letter-spacing:.01em}.type-item:hover:not(.active){background:#ffffffb8;color:var(--secondary)}.type-item:focus-visible{outline:none;box-shadow:0 0 0 3px #ffcc0073,0 2px 10px #1a1d2614}.type-item.active{background:linear-gradient(155deg,var(--primary) 0%,var(--primary-hover) 98%);color:var(--secondary);box-shadow:0 4px 14px #f5c00061,0 1px #ffffff59 inset;transform:translateY(-1px)}.type-item.active .type-item__icon{background:#ffffff38;border-color:#ffffff59;color:var(--secondary)}.type-item:active:not(:disabled){transform:translateY(0)}@media (max-width: 1024px){.card{padding:1.5rem}}@media (max-width: 768px){.card{padding:1.1rem .95rem}.page-header{padding:12px 14px;margin-bottom:14px}.page-title{font-size:1.2rem}}@media (max-width: 480px){.card{padding:.95rem .8rem;border-radius:var(--radius-lg)}.btn-primary{padding:.9rem 1.25rem;font-size:.95rem}.flex-between{flex-wrap:wrap;gap:10px}.auth-page{padding:0;min-height:100dvh}.auth-card{width:100%;max-width:none!important;padding:1.75rem .75rem;border-radius:0;border:none;box-shadow:none;min-height:100dvh;min-height:100vh;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}.type-toggle{grid-template-columns:1fr 1fr;border-radius:16px}.type-item{min-height:80px;padding:12px 10px;border-radius:12px}.type-item__icon{width:40px;height:40px;border-radius:12px}}.in-app-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--secondary);background:#1a1d26f2;display:flex;justify-content:center;align-items:center;z-index:999999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.in-app-modal{background:var(--surface-elevated, #ffffff);width:88%;max-width:380px;border-radius:var(--radius-lg, 22px);padding:32px 24px;text-align:center;box-shadow:var(--shadow-lg, 0 12px 40px rgba(0,0,0,.15));border-top:6px solid var(--primary, #ffcc00)}.in-app-logo{width:140px;height:auto;margin:0 auto 18px;display:block}.in-app-modal h2{color:var(--text-primary, #1a1d26);margin:0 0 8px;font-size:22px;font-weight:800}.in-app-modal p{color:var(--text-secondary, #5c6378);line-height:1.6;margin-bottom:24px;font-size:15px;font-weight:500}.in-app-instruction-box{background:var(--section-warm, #fff9e6);border:2px dashed var(--primary, #ffcc00);border-radius:16px;padding:16px 12px;margin-bottom:10px}.in-app-step{text-align:center;font-weight:800;color:var(--text-primary, #1a1d26);font-size:16px;line-height:1.8;margin:8px 0;direction:rtl}.in-app-dots{display:inline-block;background:var(--section-warm-edge, rgba(255, 204, 0, .22));padding:2px 10px;border-radius:8px;letter-spacing:2px;margin:0 4px;font-size:19px;color:var(--secondary, #1a1d26);vertical-align:middle}.os-toggle-container{display:flex;background:var(--grey-light, #eceef2);border-radius:12px;padding:5px;margin-bottom:20px;margin-top:-12px;direction:ltr}.os-toggle-btn{flex:1;border:none;background:transparent;padding:10px 8px;font-family:inherit;font-weight:700;color:var(--text-secondary, #5c6378);border-radius:10px;cursor:pointer;transition:all .2s ease;font-size:15px}.os-toggle-btn.active{background:var(--white, #ffffff);color:var(--text-primary, #1a1d26);box-shadow:0 2px 8px #0000001a}