@font-face{font-family:Almarai;src:url('../assets/native/almarai_regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Almarai;src:url('../assets/native/almarai_bold.ttf') format('truetype');font-weight:700 900;font-display:swap}
body.alreem-native{--red:#303556;--red-dark:#252a48;--gold:#F5B640;--cta:#F5B640;--cta-hover:#e8a92b;--cta-text:#303556;--white:#fff;--bg:#fff;--muted:#797b89;--border:#e4e6ed;--bottom-nav-height:76px;--radius:24px;--radius-sm:18px;background:#fff;color:#303556;font-family:Almarai,sans-serif;padding-bottom:110px}
.alreem-native *{box-sizing:border-box}
.alreem-native button,.alreem-native input,.alreem-native select,.alreem-native textarea{font-family:Almarai,sans-serif}
.alreem-native button{cursor:pointer;touch-action:manipulation}
.alreem-native button:disabled{cursor:not-allowed;opacity:.55}
.alreem-native :focus-visible{outline:3px solid #F5B640;outline-offset:3px}
.alreem-native .app-header{background:#303556;color:#fff;box-shadow:none;position:relative;border-radius:0;padding:12px 18px 14px;max-width:960px;margin:auto}
.alreem-native .header-top{min-height:64px;gap:12px;padding:0}
.alreem-native .header-logo{width:50px;height:50px;object-fit:contain;border:0;background:none}
.alreem-native .logo-btn{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;background:transparent;border:0;color:white}
.native-brand-title{font-size:22px;font-weight:800}
.alreem-native .hdr-icon-btn{color:#F5B640;background:transparent;border:0;width:44px;height:44px}
.alreem-native .header-info{color:#dedfe8;padding:6px 0 4px;flex-wrap:wrap;gap:10px}
.alreem-native .rest-banner{background:#303556;color:#F5B640;border-radius:18px;margin:12px 18px}
.alreem-native .header-socials{margin-top:8px}
.alreem-native .social-link{border-radius:50%;width:32px;height:32px;background:#fff1;color:#fff}
.alreem-native .main-content{max-width:960px;margin:auto;padding:0 18px 32px}
.native-search-wrap{display:flex;align-items:center;gap:12px;border:1px solid #e4e6ed;border-radius:22px;padding:0 16px;min-height:50px;margin:18px 0 12px;background:#fff;color:#303556}
.native-search{border:0!important;outline:none;background:none;width:100%;font-size:15px;padding:14px 0;color:#303556;min-width:0}
.alreem-native .cat-tabs-wrap{position:relative;top:auto;background:#fff;box-shadow:none;margin:0 -18px 14px;padding:0 18px}
.alreem-native .cat-tabs{gap:8px;padding:0 0 8px;scrollbar-width:none}
.alreem-native .cat-btn{background:#fff;color:#797b89;border:0;border-bottom:3px solid transparent;border-radius:0;min-height:44px;font-size:14px;padding:10px 12px}
.alreem-native .cat-btn.active{background:#fff;color:#303556;border-color:#F5B640}
.native-heading{margin:22px 0 18px}
.native-heading h2{font-size:25px;line-height:1.5;margin:0 0 10px;font-weight:800;color:#303556}
.native-heading p{font-size:14px;color:#8a8b97;margin:0}
.native-categories{display:flex;flex-direction:column;gap:14px;padding:0}
.native-category{width:100%;display:flex;align-items:center;gap:14px;text-align:right;min-height:140px;padding:16px;background:#303556;color:white;border:0;border-radius:30px;overflow:hidden;transition:transform .22s}
.native-category:active{transform:scale(.98)}
.native-category-photo{width:108px;height:108px;object-fit:contain;border-radius:22px;flex:none}
.native-category-copy{display:flex;flex-direction:column;gap:16px;flex:1}
.native-category-copy strong{font-size:23px;line-height:1.4}
.native-category-copy>span{font-size:12px;color:#F5B640;line-height:1.8}
.native-section{padding:0}
.native-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 14px}
.native-section-head>span{font-size:17px;font-weight:700}
.native-back{background:transparent;border:0;color:#303556;font-size:14px;min-height:44px}
.native-stage{position:relative;height:365px;background:#303556;border-radius:30px;overflow:hidden;color:#fff;isolation:isolate}
.native-meal-title{position:absolute;top:22px;left:52px;right:52px;font-size:24px;line-height:1.4;text-align:center;margin:0;z-index:2}
.native-board{position:absolute;width:76%;height:230px;object-fit:contain;left:12%;bottom:18px;z-index:-1}
.native-food-track{position:absolute;inset:78px 0 44px;touch-action:pan-y}
.native-food{position:absolute;background:none;border:0;width:75%;height:100%;left:12.5%;padding:0;transition:transform .35s,opacity .35s;animation:food-in .32s ease-out}
.native-food img{width:100%;height:100%;object-fit:contain;border-radius:24px;pointer-events:none;filter:drop-shadow(0 12px 10px #0003)}
.native-food.previous{transform:translateX(95%) rotate(22deg) scale(.66);opacity:.4}
.native-food.next{transform:translateX(-95%) rotate(-22deg) scale(.66);opacity:.4}
.native-arrow{position:absolute;top:47%;background:#ffffff12;color:#F5B640;border:1px solid #ffffff25;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;z-index:3}
.native-arrow.previous{right:8px;transform:rotate(180deg)}
.native-arrow.next{left:8px}
.native-pager{position:absolute;bottom:18px;width:100%;text-align:center;font-size:12px;color:#F5B640}
.native-meal-details{text-align:center;padding:20px 4px 16px}
.native-price{display:flex;gap:12px;align-items:center;justify-content:center;font-size:23px;font-weight:800}
.native-price del{font-size:15px;color:#888a99;font-weight:400}
.native-meal-description{font-size:13px;line-height:1.9;color:#797b89;margin:12px auto;max-width:520px}
.native-sizes{display:flex;justify-content:center;gap:10px;margin:18px 0;flex-wrap:wrap}
.native-size{min-width:76px;flex:1;max-width:145px;min-height:67px;background:#f3f4f8;border:1px solid #e4e6ed;border-radius:20px;color:#303556;padding:10px;display:flex;flex-direction:column;gap:9px;font-size:14px}
.native-size strong{font-size:16px}
.native-size.selected{background:#303556;border-color:#303556;color:#F5B640}
.native-primary{background:#F5B640;color:#303556;border:0;border-radius:22px;padding:16px 22px;min-height:54px;width:100%;font-size:16px;font-weight:800;transition:transform .15s,background .15s}
.native-primary:active{transform:scale(.98);background:#e8a92b}
.native-meal-index{display:flex;overflow-x:auto;gap:10px;margin:10px 0 24px;scrollbar-width:thin}
.native-meal-shortcut{border:0;background:#f4f5f8;min-width:108px;border-radius:20px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:8px;color:#303556;font-size:12px}
.native-meal-shortcut img{width:76px;height:76px;object-fit:contain;border-radius:14px}
.native-no-results{text-align:center;padding:48px 0;color:#797b89}
.alreem-native .bottom-nav{background:#303556!important;bottom:14px;left:18px;right:18px;transform:none!important;width:auto;max-width:620px;margin:auto;height:76px;border-radius:24px;padding:6px;box-shadow:0 7px 18px #30355622;display:flex;align-items:center;justify-content:space-around;gap:0;overflow:visible}
.alreem-native .bottom-nav::before,.alreem-native .bottom-nav::after,.alreem-native .bottom-nav-cutout{display:none}
.alreem-native .bottom-nav-item{color:#fff;flex:1;min-width:0;gap:5px;height:62px;padding:5px 2px;background:transparent}
.alreem-native .bottom-nav-label{font-size:11px;color:inherit}
.alreem-native .bottom-nav-icon{background:none;box-shadow:none;transform:none;width:28px;height:28px;color:inherit}
.alreem-native .bottom-nav-icon svg{width:25px;height:25px}
.alreem-native .bottom-nav-item.active{color:#F5B640}
.alreem-native .bottom-nav-item.active .bottom-nav-icon{background:#F5B640;color:#303556;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;margin-top:-12px;box-shadow:0 0 0 5px #fff;transform:none}
.alreem-native .bottom-cart-fab{position:relative;inset:auto;transform:none;box-shadow:none;background:transparent;border:0;color:white;flex:1;min-width:0;width:auto;height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:4px;font-size:11px;border-radius:0}
.alreem-native .bottom-cart-icon{font-size:24px;height:28px;line-height:1}
.alreem-native .bottom-cart-total{position:static;font-size:10px;color:#F5B640}
.native-cart-label{font-size:11px}
.alreem-native .bottom-cart-badge{top:0;right:calc(50% - 22px);background:#F5B640;color:#303556}
.alreem-native .floating-cart-btn{display:none!important}
.alreem-native .modal-overlay{background:#171b35b3;backdrop-filter:blur(4px);align-items:center;padding:12px;z-index:700}
.alreem-native .modal-sheet{border-radius:30px;max-height:calc(100dvh - 24px);width:100%;max-width:500px;background:#fff;overflow:hidden;display:flex;flex-direction:column;overscroll-behavior:contain;animation:sheet-in .25s ease-out}
.alreem-native .modal-close{background:#ffffffdd;color:#303556;width:42px;height:42px;top:12px;left:12px}
.alreem-native .modal-img{width:100%;height:210px;flex:none;aspect-ratio:auto;object-fit:contain;padding:12px 55px;background:#fff;border-radius:0;touch-action:pan-x}
.alreem-native .modal-body{padding:12px 18px 0;overflow-y:auto;overscroll-behavior:contain;max-height:calc(100dvh - 390px);min-height:0;flex:1 1 auto}
.native-modal-heading{color:#303556;font-size:21px;font-weight:800;padding:24px 18px 4px;margin-left:44px;flex:none}
.alreem-native .modal-sheet>.modal-name{font-size:21px;text-align:center;padding:12px 18px 0;margin:0;flex:none}
.native-modal-size{font-size:12px;line-height:1.6;text-align:center;color:#797b89;margin:0 0 8px}
.native-modal-price{font-size:24px;text-align:center;font-weight:800;color:#303556;margin:0 0 12px}
.native-selected-addon{position:absolute;top:205px;right:calc(15% + var(--addon-index)*22%);width:65px;height:65px;pointer-events:none;display:flex;align-items:center;justify-content:center;flex-direction:column}
.native-selected-addon img{width:55px;height:50px;object-fit:contain;filter:drop-shadow(0 3px 3px #0002)}
.native-selected-addon span{font-size:10px;color:#303556;background:#fff;border-radius:10px;padding:2px 5px}
.alreem-native .modal-name{font-size:22px;line-height:1.5;color:#303556}
.alreem-native .modal-sub{font-size:13px;line-height:1.8;color:#797b89}
.alreem-native .step-box{background:transparent;padding:0;margin:18px 0}
.alreem-native .step-box-title{font-size:17px;color:#303556}
.alreem-native .step-box-prog{background:#f2f3f7;color:#797b89;font-size:12px}
.alreem-native .step-item{border:1px solid #e4e6ed;border-radius:18px;min-height:66px;padding:12px;margin:10px 0;gap:10px;transition:background .2s,border-color .2s}
.alreem-native .step-item:has(.selected){background:#303556;border-color:#303556;color:white}
.alreem-native .step-item:has(.excluded){background:#fbeeee;border-color:#e3b5b5}
.alreem-native .step-item-name{font-size:15px;line-height:1.5}
.alreem-native .step-item-price{font-size:16px!important;font-weight:700;color:#303556}
.alreem-native .step-item:has(.selected) .step-item-price{color:#F5B640!important}
.alreem-native .step-item-img{width:48px;height:48px;object-fit:contain;border-radius:12px}
.alreem-native .step-item-check.selected{background:#F5B640;border-color:#F5B640;color:#303556}
.alreem-native .sc-btn{min-width:38px!important;min-height:38px!important;font-size:22px!important; border-color:#303556!important}
.alreem-native .sc-btn[data-d="1"]{background:#F5B640!important;color:#303556!important}
.alreem-native .modal-qty-row{gap:22px;padding:18px 0}
.alreem-native .qty-btn{width:44px;height:44px;background:#f2f3f7;border:0;border-radius:14px;color:#303556}
.alreem-native .modal-footer{padding:14px 18px;background:#fff;border-top:1px solid #e4e6ed;bottom:0;z-index:5;flex:none}
.alreem-native .btn-next,.alreem-native .btn-checkout,.alreem-native .btn-submit-order{background:#F5B640!important;color:#303556!important;border:0!important;border-radius:20px!important;min-height:54px;font-size:16px!important;font-weight:800!important;box-shadow:none!important}
.alreem-native .btn-back{border:0;background:#f2f3f7;color:#303556;border-radius:18px;padding:10px}
.native-half-photo{position:absolute;top:97px;left:0;width:100%;height:210px;object-fit:contain;padding:12px 55px;clip-path:inset(0 0 0 50%);touch-action:pan-x;pointer-events:auto}
.native-swipe-hint{position:absolute;top:270px;right:18px;background:#303556ed;color:#F5B640;border-radius:14px;padding:7px 10px;font-size:10px;pointer-events:none}
.native-half-options .step-item{border:0;border-radius:0;background:#fff!important;color:#303556;min-height:56px;border-bottom:1px solid #e4e6ed}
.native-half-options .step-item-check{display:none}
.native-half-options .step-item[aria-checked="true"]{border-bottom:3px solid #F5B640;color:#303556}
#modalSteps[data-kind="ingredients"] .step-box{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#modalSteps[data-kind="ingredients"] .step-box-hdr{grid-column:1/-1}
#modalSteps[data-kind="ingredients"] .step-item{flex-direction:column;justify-content:center;gap:8px;margin:0;padding:10px 4px;text-align:center;min-height:110px}
#modalSteps[data-kind="ingredients"] .step-item-name{font-size:12px;flex:none}
#modalSteps[data-kind="ingredients"] .step-item-price{font-size:11px!important}
#modalSteps[data-kind="ingredients"] .step-item-check{width:18px;height:18px;font-size:10px}
#modalSteps[data-kind^="extras_"] .step-box{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;background:#303556;border-radius:24px;padding:16px}
#modalSteps[data-kind^="extras_"] .step-box-hdr{grid-column:1/-1;color:#fff}
#modalSteps[data-kind^="extras_"] .step-box-title{color:#fff}
#modalSteps[data-kind^="extras_"] .step-item{display:flex;flex-direction:column;gap:10px;text-align:center;background:#f3f4f8;border:0;border-radius:24px;margin:0;padding:12px 8px;color:#303556;min-height:166px}
#modalSteps[data-kind^="extras_"] .step-item[data-added="true"]{background:#ffe7ae}
#modalSteps[data-kind^="extras_"] .step-item>div:last-child{margin-right:0!important;direction:rtl;gap:4px!important}
#modalSteps[data-kind^="extras_"] .step-item-name{font-size:13px;flex:none}
#modalSteps[data-kind^="extras_"] .step-item-img{width:70px;height:60px}
#modalSteps[data-kind^="extras_"] .sc-btn{min-width:32px!important;min-height:32px!important;background:transparent!important;border:0!important;color:#303556!important}
.alreem-native .page-overlay{background:#f2f3f7;z-index:650;padding:0 0 16px;overscroll-behavior:contain;animation:sheet-in .22s ease-out}
.alreem-native .page-sheet{background:#fff;max-width:640px;width:100%;margin:auto;min-height:100%;padding-bottom:env(safe-area-inset-bottom)}
.alreem-native #addrModal,.alreem-native #changePasswordModal,.alreem-native #accountDeletionModal{z-index:900!important}
.alreem-native .register-overlay{z-index:1100}
.alreem-native .toast{z-index:1300}
.alreem-native .page-hdr{background:#303556;color:white;padding:18px;min-height:80px;border-radius:0 0 28px 28px}
.alreem-native .page-title{font-size:21px;color:#fff}
.alreem-native .page-close{height:42px;width:42px;background:#ffffff16;color:#fff;border-color:#ffffff40}
.alreem-native .page-body{padding:22px 18px 36px;overflow:visible}
.alreem-native .page-footer{position:sticky;bottom:0;background:#303556;border-radius:24px 24px 0 0;padding:16px 18px;z-index:6}
.alreem-native #cartPage .page-footer{bottom:0}
.alreem-native #cartPage .page-sheet{padding-bottom:100px}
.alreem-native .order-steps{font-size:12px;background:#fff;padding:14px 12px;color:#797b89}
.alreem-native .order-steps .st.on{color:#303556}
.alreem-native .order-steps-note{color:#303556;background:#fdf3d7;border:0;border-radius:16px;margin:0 18px;padding:12px;font-size:11px;line-height:1.7}
.alreem-native .cart-item{border:0;background:#f3f4f8;border-radius:24px;padding:16px;gap:14px;margin-bottom:14px;animation:food-in .2s ease-out}
.alreem-native .cart-item-img{width:86px;height:86px;object-fit:contain;border-radius:18px;flex:none}
.native-cart-photo-shell{position:relative;width:86px;height:86px;flex:none;display:block}
.native-cart-half{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;clip-path:inset(0 0 0 50%)}
.alreem-native .cart-item-name{color:#303556;font-size:16px;line-height:1.5}
.alreem-native .cart-item-extras{color:#797b89;font-size:12px;line-height:1.8;overflow-wrap:anywhere}
.alreem-native .cart-item-price{color:#303556;font-size:19px}
.alreem-native .cart-qty-btn{width:36px;height:36px;background:#303556;color:#F5B640;border:0;border-radius:12px}
.alreem-native .cart-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;padding:20px 0 40px;color:#303556}
.native-empty-art{width:min(100%,300px);height:230px;object-fit:contain}
.cart-empty h2{font-size:24px;margin:0}.cart-empty p{font-size:14px;color:#797b89;margin:0}.cart-empty .native-primary{max-width:320px}
.alreem-native .form-section,.alreem-native .checkout-address-card,.alreem-native .chk-summary,.alreem-native .checkout-extra-options{border-radius:24px;border-color:#e4e6ed;box-shadow:none}
.alreem-native .form-section-title{color:#303556;font-size:18px}
.alreem-native .section-card,.alreem-native .register-sheet{border-radius:24px;background:#fff;border-color:#e4e6ed;box-shadow:none}
.alreem-native .section-title{font-size:17px;color:#303556}
.alreem-native #checkoutPage .section-card{box-shadow:none;border:1px solid #e4e6ed}
.alreem-native .btn-primary,.alreem-native .btn-track,.alreem-native .btn-register-submit{background:#F5B640!important;color:#303556!important;border:0!important;border-radius:18px!important;min-height:48px;font:700 15px Almarai,sans-serif}
.alreem-native .btn-home{background:#f3f4f8;color:#303556;border:0;border-radius:18px;min-height:48px}
.alreem-native .success-sheet{background:#303556;color:#fff;padding:38px 24px;align-items:center;gap:14px;justify-content:center}
.alreem-native .success-title{color:#fff;font-size:28px}.alreem-native .success-sub{color:#dddfe9!important}
.alreem-native .success-icon{margin:0;height:220px}.native-success-person{width:220px;height:220px;object-fit:contain}
.alreem-native .success-sheet .btn-track,.alreem-native .success-sheet .btn-home{width:100%;max-width:360px}
.alreem-native .alreem-order-line-card{background:#f3f4f8;border-color:#e4e6ed;border-radius:20px;box-shadow:none}
.alreem-native .alreem-order-line-row.main .price,.alreem-native .alreem-order-line-row.total .price{color:#303556}
.alreem-native .dlv-btn,.alreem-native .pay-opt{border-radius:18px;font-size:14px;min-height:52px}
.alreem-native .dlv-btn.active,.alreem-native .pay-opt.active{background:#303556;color:#F5B640;border-color:#303556}
.alreem-native .register-sheet{border-radius:30px;padding:24px 20px;color:#303556}
.alreem-native .btn-register-submit,.alreem-native .btn-register,.alreem-native .btn-guest-mode{border-radius:18px;min-height:48px;font-size:14px}
.alreem-native .welcome-banner{background:#303556!important;color:#F5B640!important;border-radius:18px;margin:12px 18px}
.alreem-native input:not([type=checkbox]):not([type=radio]),.alreem-native select,.alreem-native textarea{border-radius:16px;border-color:#e4e6ed;font-size:15px;color:#303556;min-height:46px}
.alreem-native .dlv-type-btn.active,.alreem-native .pay-method-btn.active{background:#303556!important;color:#F5B640!important;border-color:#303556!important}
.alreem-native .checkout-extra-button{background:#f3f4f8;color:#303556;border-radius:16px;min-height:48px;font-size:13px}
.alreem-native .trk-live-card{position:relative;background:#303556!important;color:white!important;border:0;border-radius:28px;padding:20px;text-align:center}
.native-journey-person{width:190px;height:190px;object-fit:contain;display:block;margin:0 auto 12px;animation:breath 2.2s ease-in-out infinite alternate}
.alreem-native .trk-live-head{justify-content:center;text-align:right}
.alreem-native .trk-status-title{color:white;font-size:22px}.alreem-native .trk-status-sub{color:#dddfe9;font-size:13px;line-height:1.8}
.alreem-native .trk-progress-fill{background:#F5B640}.alreem-native .trk-progress-meta{color:#F5B640}
.alreem-native .trk-timeline-modern{display:flex;gap:6px;justify-content:space-between;margin:18px 0;overflow:auto;padding:8px 0}
.alreem-native .trk-timeline-row{flex:1;min-width:66px;display:flex;align-items:center;flex-direction:column;gap:8px;padding:0;text-align:center}
.alreem-native .trk-timeline-dot-wrap{width:auto}.alreem-native .trk-timeline-line{display:none}.alreem-native .trk-tl-main{font-size:10px;line-height:1.5}.alreem-native .trk-tl-sub{display:none}
.alreem-native .trk-summary-modern{background:#f3f4f8;border-radius:24px;border:0;padding:18px;color:#303556}
.alreem-native .trk-sum-total{color:#303556}
.alreem-native .profile-card,.alreem-native .profile-section,.alreem-native .saved-address-card,.alreem-native .order-history-card{border-radius:24px;border-color:#e4e6ed;box-shadow:none}
.alreem-native .toast{background:#303556;color:#fff;border-radius:20px;bottom:108px;max-width:calc(100% - 36px);font-size:14px}
.native-intro{position:fixed;inset:0;z-index:1400;background:#303556;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;text-align:center;padding:32px 24px;overflow:auto}
.native-intro-logo{width:90px;height:90px;object-fit:contain;margin-bottom:20px}
.native-intro-food{position:relative;width:min(86vw,350px);height:min(86vw,350px);margin:12px 0 20px}
.native-intro-food::before{content:'';position:absolute;inset:7%;background:#F5B640;border-radius:50%}
.native-intro-pizza{position:absolute;inset:3%;width:94%;height:94%;object-fit:contain;filter:drop-shadow(0 10px 14px #0003);animation:breath 3s ease-in-out infinite alternate}
.native-intro-crispy{position:absolute;width:34%;height:34%;bottom:0;right:0;object-fit:contain}
.native-intro-drink{position:absolute;width:25%;height:25%;top:0;left:0;object-fit:contain}
.native-intro h1{font-size:31px;line-height:1.5;margin:8px 0 12px}.native-intro p{color:#dddfe9;font-size:16px;margin:0 0 32px}.native-intro .native-primary{max-width:360px}
#localPreviewBadge{position:fixed;top:0;left:0;right:0;z-index:1600;background:#F5B640;color:#303556;font:700 10px Almarai,sans-serif;text-align:center;padding:5px;pointer-events:none}
@keyframes sheet-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes food-in{from{opacity:.4;translate:0 8px}to{opacity:1;translate:0 0}}
@keyframes breath{from{transform:translateY(0) rotate(-.5deg)}to{transform:translateY(-5px) rotate(.5deg)}}
@media(min-width:700px){.native-categories{gap:20px}.native-category{min-height:178px;padding:22px 32px;border-radius:36px}.native-category-photo{width:142px;height:142px}.native-category-copy strong{font-size:30px}.native-category-copy>span{font-size:16px}.native-heading h2{font-size:34px}.native-heading p{font-size:17px}.native-stage{height:470px}.native-food-track{inset:88px 0 54px}.native-meal-title{font-size:32px}.native-board{height:300px}.native-meal-details{max-width:650px;margin:auto}.native-meal-index{justify-content:center}.alreem-native .page-overlay{padding:16px}.alreem-native .page-sheet{border-radius:28px;overflow:hidden;min-height:calc(100dvh - 32px)}.alreem-native .page-hdr{border-radius:0 0 28px 28px}}
@media(max-width:350px){.native-category-photo{width:90px;height:90px}.native-category-copy strong{font-size:21px}.native-heading h2{font-size:23px}.native-category{padding:14px;gap:12px;min-height:128px}.native-stage{height:320px}.native-food-track{inset:72px 0 44px}.native-brand-title{font-size:18px}.alreem-native .header-top{gap:2px}.alreem-native .cart-item-img{width:66px;height:66px}.alreem-native .cart-item{padding:12px;gap:10px}.alreem-native .bottom-nav-label,.native-cart-label{font-size:10px}}
@media(prefers-reduced-motion:reduce){.alreem-native *,.alreem-native *::before,.alreem-native *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-height:650px){.alreem-native .modal-img,.native-half-photo{height:min(150px,24dvh);padding:6px 55px}.native-modal-heading{font-size:18px;padding-top:14px}.alreem-native .modal-sheet>.modal-name{font-size:18px;padding-top:6px}.alreem-native .modal-body{max-height:calc(100dvh - 220px)}.alreem-native .modal-footer{padding:10px 18px}.native-selected-addon{width:50px;height:50px}.native-selected-addon img{width:42px;height:38px}}

/* Reserve the floating navigation footprint inside the scrolling menu content. */
.alreem-native #mainContent{padding-bottom:calc(var(--bottom-nav-height,76px) + 38px + env(safe-area-inset-bottom,0px))}
.alreem-native.has-cart-cta #mainContent{padding-bottom:calc(var(--bottom-nav-height,76px) + 102px + env(safe-area-inset-bottom,0px))}
.alreem-native :is(.native-meal-index,.native-meal-details,.native-category,.experience-home-offers){scroll-margin-bottom:calc(var(--bottom-nav-height,76px) + 38px + env(safe-area-inset-bottom,0px))}
html:has(body.alreem-native){scroll-padding-bottom:calc(76px + 38px + env(safe-area-inset-bottom,0px))}