/* Central presentation system. Source-site business handlers and all native account adapters are retained. */
@font-face{font-family:PartTajawal;src:url('fonts/Tajawal-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:PartTajawal;src:url('fonts/Tajawal-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:PartTajawal;src:url('fonts/Tajawal-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:PartTajawal;src:url('fonts/Tajawal-ExtraBold.ttf') format('truetype');font-weight:800;font-display:swap}
html{font-size:16px;scrollbar-width:none;scroll-padding-top:calc(var(--customer-header-height) + 64px);scroll-behavior:auto}html::-webkit-scrollbar{display:none}
body{background:var(--app-paper)!important;color:var(--app-ink)!important;padding-top:var(--customer-header-height)!important;padding-bottom:calc(var(--tab-height) + var(--space-6))!important;-webkit-text-size-adjust:100%;overflow-x:hidden}
body,body :is(button,input,select,textarea,h1,h2,h3,h4,p,label,span,div,strong,small,a){font-family:PartTajawal,Arial,sans-serif!important}html[lang=en] body,html[lang=en] body :is(button,input,select,textarea,h1,h2,h3,h4,p,label,span,div,strong,small,a){font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important}
button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer;transition:background-color var(--motion-fast),opacity var(--motion-fast),scale var(--motion-fast) var(--spring-curve)}button:active:not(:disabled){scale:.97;opacity:.8}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--app-tint)!important;outline-offset:3px}
.ui-symbol{display:block;width:var(--icon-md);height:var(--icon-md);fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:none}html[dir=rtl] .ui-directional{transform:scaleX(-1)}.ui-sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap!important}.app-view[hidden]{display:none!important}.app-view{overflow-anchor:none}
/* Navigation */
header{position:fixed!important;inset:0 0 auto!important;height:auto!important;min-height:0!important;padding:var(--safe-top) var(--space-4) 0!important;background:var(--app-material)!important;border:0!important;box-shadow:none!important;z-index:110!important}.header-inner{position:relative!important;display:flex!important;justify-content:space-between!important;align-items:center!important;height:var(--header-content)!important;min-height:var(--header-content)!important;max-width:720px;margin:auto}header img{object-fit:contain!important;max-width:142px!important;max-height:40px!important;position:absolute!important;left:50%!important;transform:translateX(-50%)!important}header button{min-width:var(--touch)!important;min-height:var(--touch)!important;border:0!important;border-radius:var(--radius-sm)!important;background:transparent!important;color:var(--app-ink)!important;font-size:var(--type-subhead)!important;padding:var(--space-2)!important;z-index:1}header .lang-toggle{order:3!important}header .header-support-btn{order:0!important}header .ui-back{order:0!important;color:var(--app-tint)!important;display:inline-flex;align-items:center;gap:var(--space-1)}header .ui-back[hidden]{display:none!important}
header .ui-compact-title{position:absolute;inset-inline:60px;text-align:center;font-weight:700;font-size:var(--type-headline);pointer-events:none;opacity:0;transition:opacity var(--motion-fast);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}body:not([data-ui-view=menu]) header img,body:not([data-ui-view=menu]) .header-support-btn{display:none!important}body.ui-scrolled header .ui-compact-title{opacity:1}body[data-ui-view=menu] header .ui-compact-title{display:none}body.ui-scrolled header{border-bottom:1px solid var(--app-line)!important}
.bottom-nav{position:fixed!important;inset:auto 0 0!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;padding:var(--space-1) var(--space-2) calc(var(--space-1) + var(--safe-bottom))!important;min-height:var(--tab-height)!important;background:var(--app-material)!important;border-top:1px solid var(--app-line)!important;box-shadow:none!important;z-index:120!important}.bottom-nav .bottom-nav-btn{min-width:0!important;min-height:56px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;padding:var(--space-1) 1px!important;font-size:var(--type-caption)!important;font-weight:500!important;line-height:1.4!important;color:var(--app-muted)!important;border:0!important;border-radius:0!important;background:none!important;white-space:nowrap!important}.bottom-nav .bottom-nav-btn.active{color:var(--app-tint)!important;font-weight:700!important}.bottom-nav-icon{width:var(--touch)!important;height:28px!important;background:none!important;display:flex!important;align-items:center!important;justify-content:center!important}.bottom-nav-icon svg{width:24px!important;height:24px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}.bottom-nav-btn.active .bottom-nav-icon{background:none!important}.cart-count-badge{background:var(--app-yellow)!important;color:var(--app-ink)!important;font-size:11px!important;min-width:18px!important;min-height:18px!important;line-height:18px!important;padding:0 4px!important;top:0!important;inset-inline-start:calc(50% + 7px)!important;inset-inline-end:auto!important}
@supports(backdrop-filter:blur(12px)){header,.bottom-nav{background:rgba(250,250,247,.88)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}
/* Menu */
.category-nav-shell{top:var(--customer-header-height)!important;background:var(--app-paper)!important;z-index:100!important;border-bottom:1px solid var(--app-line)!important}.category-nav{padding-block:var(--space-2)!important}.category-btn{font-size:var(--type-subhead)!important;min-height:var(--touch)!important;border-radius:var(--radius-pill)!important}.menu-section.section{scroll-margin-top:calc(var(--customer-header-height) + 64px)!important}.menu-section h2{font-size:var(--type-title)!important;text-align:start!important;font-weight:800!important;padding-inline:var(--space-4)!important;margin:var(--space-6) 0 var(--space-4)!important}
.item{border:0!important;border-radius:var(--radius-md)!important;background:var(--app-surface)!important;box-shadow:var(--shadow-card)!important}.item:not(.editing-card){padding:0!important}.item:not(.editing-card) .product-image-wrap{border-radius:0!important;margin:0!important;width:100%!important;aspect-ratio:1/1!important}.item:not(.editing-card) .product-image{width:100%!important;height:100%!important;object-fit:cover!important}.item:not(.editing-card) .item-name{font-size:var(--type-body)!important;font-weight:700!important;line-height:1.5!important}.item .product-card-footer{padding:var(--space-2) var(--space-3) var(--space-3)!important}.item .item-top{padding:var(--space-3) var(--space-3) 0!important}
.item .add-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;position:relative!important;width:44px!important;height:44px!important;min-width:44px!important;border-radius:50%!important;background:transparent!important;color:var(--app-ink)!important;line-height:1!important;padding:0!important;box-shadow:none!important;isolation:isolate}.item .add-btn::before{content:''!important;display:block!important;position:absolute!important;inset:3.3px!important;width:auto!important;height:auto!important;border-radius:50%!important;background:#ffca00!important;z-index:0;transform:none!important}.item .add-btn::after{content:none!important}.item .add-btn .ui-symbol{position:relative;z-index:1;width:17px!important;height:17px!important}.item .add-btn.hide{display:none!important}.item:not(.editing-card) .product-card-footer>.price{font-weight:700!important;color:var(--app-ink)!important;white-space:nowrap}.item:not(.editing-card) .product-card-footer>.price .amount{font-size:16.1px!important;font-size:var(--type-price)!important}.item:not(.editing-card) .product-card-footer>.price .currency-label{font-size:11.5px!important;font-size:var(--type-currency)!important}
/* Shared pages and grouped rows */
.native-view,#cartView,#myOrdersView,#supportView{max-width:680px!important;margin:0 auto!important;padding:var(--space-6) var(--space-5) var(--space-8)!important;color:var(--app-ink)}.native-view h1,.view-heading,.my-orders-heading{font-size:var(--type-large)!important;line-height:1.35!important;font-weight:800!important;text-align:start!important;letter-spacing:-.5px;margin:0 0 var(--space-3)!important}.native-view h2{font-size:var(--type-headline);font-weight:700;line-height:1.5;margin:0 0 var(--space-2)}.native-view p{line-height:1.7;margin:0 0 var(--space-4)}
.ui-page-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-6)}.ui-page-heading h1{margin:0 0 var(--space-2)!important}.ui-page-heading>.ui-button{flex:none}.ui-page-heading p{margin:0;max-width:40ch}.app-muted,.ui-footnote{font-size:var(--type-subhead);color:var(--app-muted);line-height:1.7}.ui-footnote{font-size:var(--type-footnote);margin:var(--space-2) var(--space-4) 0!important}.native-card{padding:var(--space-5);margin:var(--space-5) 0;border:0;border-radius:var(--radius-md);background:var(--app-surface);box-shadow:none}.native-row,.native-actions{display:flex;gap:var(--space-3);align-items:center}.native-row{justify-content:space-between;margin-bottom:var(--space-3)}.native-actions{flex-wrap:wrap}.native-actions>*{flex:1}.native-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}
.ui-list-section{margin:var(--space-6) 0}.native-view .ui-section-title{font-size:var(--type-footnote);color:var(--app-muted);font-weight:500;margin:0 var(--space-4) var(--space-2)}.ui-list-group{border-radius:var(--radius-md);background:var(--app-surface);overflow:hidden}.ui-list-group> :is(.ui-list-tile,.ui-toggle-row)+:is(.ui-list-tile,.ui-toggle-row){border-top:1px solid var(--app-line)!important}.native-view button.ui-list-tile{display:flex;align-items:center;justify-content:flex-start;text-align:start;width:100%;gap:var(--space-3);min-height:60px;padding:var(--space-3) var(--space-4);background:none;border:0;border-radius:0;font-size:var(--type-body);font-weight:500}.ui-list-tile>span:not(.ui-tile-icon){flex:1}.ui-list-tile>.ui-symbol{width:var(--icon-sm);height:var(--icon-sm);color:var(--app-muted)}.ui-tile-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:var(--radius-xs);color:var(--app-tint);background:var(--app-selected)}.ui-list-tile.danger .ui-tile-icon{background:var(--app-error-surface);color:var(--app-red)}
/* Button variants and forms */
.native-view button,.app-checkout-address button,.ui-button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:0;border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);background:var(--app-group);color:var(--app-ink);font-weight:700;font-size:var(--type-body);line-height:1.5}.native-view button.primary,.ui-button.primary,.app-checkout-address button.primary{background:var(--app-yellow);color:var(--app-ink)}.native-view button.text-btn,.ui-button.text-btn{background:transparent;color:var(--app-tint);font-size:var(--type-subhead)}.native-view button.danger,.ui-button.danger{background:var(--app-error-surface);color:var(--app-red)}.ui-full{width:100%}.ui-busy::after{content:'';width:16px;height:16px;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;animation:ui-spin .7s linear infinite;flex:none}.ui-busy{cursor:wait}
.native-view label{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--type-subhead);font-weight:500;margin:0 0 var(--space-4);min-width:0}.native-view :is(input,select,textarea),#cartView :is(input,select,textarea),#complaintModal :is(input,select,textarea){box-sizing:border-box;width:100%;min-width:0;min-height:50px!important;padding:var(--space-3) var(--space-4)!important;border:1px solid transparent!important;border-radius:var(--radius-sm)!important;font-size:var(--type-body)!important;line-height:1.5!important;background:var(--app-group)!important;color:var(--app-ink)!important}input[readonly]{color:var(--app-muted)!important}input[aria-invalid=true],textarea[aria-invalid=true],.ui-select[aria-invalid=true]{border-color:var(--app-red)!important;background:var(--app-error-surface)!important}.ui-field-error{display:block;font-size:var(--type-footnote);color:var(--app-red);margin-top:var(--space-1)}.native-view .email{direction:ltr;overflow-wrap:anywhere;font-size:var(--type-subhead);color:var(--app-muted)}
.native-view label.check{flex-direction:row;align-items:center;font-weight:400}.native-view label.ui-toggle-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-4);margin:0;padding:var(--space-4);font-size:var(--type-subhead);line-height:1.6}.ui-toggle-row>span{flex:1}.native-view input[type=checkbox]{width:22px;min-height:22px!important;flex:none;accent-color:var(--app-tint)}.native-view .ui-toggle-row input[type=checkbox]{appearance:none!important;-webkit-appearance:none;width:48px!important;height:29px!important;min-height:29px!important;padding:0!important;margin:0;position:relative;border:0!important;border-radius:var(--radius-pill)!important;background:#d4d6cf!important;transition:background var(--motion-fast)}.ui-toggle-row input::after{content:'';position:absolute;top:3px;left:3px;width:23px;height:23px;border-radius:50%;background:white;box-shadow:0 1px 4px #0002;transition:transform var(--motion-tab) var(--spring-curve)}.native-view .ui-toggle-row input:checked{background:var(--app-tint)!important}.ui-toggle-row input:checked::after{transform:translateX(19px)}html[dir=rtl] .ui-toggle-row input::after{left:auto;right:3px}html[dir=rtl] .ui-toggle-row input:checked::after{transform:translateX(-19px)}
.app-message,.my-orders-message{font-size:var(--type-subhead);line-height:1.6;white-space:pre-line}.app-message:empty{display:none}.app-message:not(:empty){color:var(--app-red);background:var(--app-error-surface);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);margin:var(--space-3) 0}.app-message[data-tone=success]{color:var(--app-success);background:#edf8ef}
/* Authentication, account and empty/loading states */
.auth-intro{padding:var(--space-8) 0 var(--space-3)}.ui-auth-icon{width:64px;height:64px;display:grid;place-items:center;background:var(--app-selected);color:var(--app-tint);border-radius:var(--radius-lg);margin-bottom:var(--space-5)}.ui-auth-icon .ui-symbol{width:var(--icon-lg);height:var(--icon-lg)}.auth-intro p{max-width:36ch}.google-button{width:100%;background:white!important;border:1px solid #747775!important;border-radius:var(--radius-pill)!important;color:#1f1f1f!important;min-height:52px!important;font-weight:500!important}.google-button svg{width:20px;height:20px;flex:none}.ui-account-identity{display:flex;gap:var(--space-4);align-items:center;margin:var(--space-5) 0 var(--space-6)}.ui-avatar{width:54px;height:54px;border-radius:50%;background:var(--app-selected);color:var(--app-tint);display:grid;place-items:center;flex:none}.ui-account-identity h2{margin:0}.ui-account-identity p{margin:var(--space-1) 0 0;overflow-wrap:anywhere}
.app-empty,.empty-cart-state,.customer-order-empty{text-align:center!important;padding:var(--space-10) var(--space-5)!important;background:transparent!important;border:0!important;box-shadow:none!important}.app-empty>.ui-symbol,.empty-cart-icon{width:var(--icon-lg)!important;height:var(--icon-lg)!important;padding:var(--space-5)!important;box-sizing:content-box;background:var(--app-group)!important;color:var(--app-muted)!important;border-radius:var(--radius-lg)!important;margin:0 auto var(--space-5)!important}.app-empty h2,.empty-cart-state h2{font-size:var(--type-headline)!important;margin:0 0 var(--space-2)!important}.app-empty p{max-width:32ch;margin:0 auto var(--space-5)}.ui-loading{min-height:180px;padding:var(--space-4);display:grid;gap:var(--space-4)}.ui-skeleton{height:52px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--app-group),#fff,var(--app-group));background-size:200% 100%;animation:ui-shimmer 1.5s ease-in-out infinite}.ui-skeleton:nth-child(2){width:85%}.ui-skeleton:nth-child(3){width:60%}
/* Addresses */
.ui-address{padding:var(--space-5);background:var(--app-surface);border-radius:var(--radius-md);margin:var(--space-4) 0}.ui-address-heading{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.ui-address-heading h2{margin:0;flex:1}.address-default{font-size:var(--type-caption);color:var(--app-tint);background:var(--app-selected);border-radius:var(--radius-xs);padding:var(--space-1) var(--space-2);margin-inline-start:var(--space-2)}.ui-address .native-actions{border-top:1px solid var(--app-line);padding-top:var(--space-3)}.ui-address .native-actions button{background:transparent;min-height:var(--touch);font-size:var(--type-subhead)}
#addressMap{width:100%;height:clamp(230px,38dvh,360px);border:0;border-radius:var(--radius-md);z-index:0;margin:var(--space-3) 0}.address-pin{width:22px;height:22px;background:var(--app-yellow);border:3px solid var(--app-ink);border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 2px 8px #0003}.map-coordinate{direction:ltr;text-align:start;font-variant-numeric:tabular-nums;font-size:var(--type-caption);color:var(--app-muted)}#addressMap .leaflet-control-zoom a{width:44px;height:44px;line-height:44px}
.app-checkout-address{padding:0}.app-checkout-address h3{font-size:var(--type-headline);margin:0 0 var(--space-3)}.address-card{display:block!important;text-align:start!important;width:100%;padding:var(--space-4)!important;padding-inline-end:48px!important;position:relative;margin:var(--space-2) 0!important;background:var(--app-group)!important}.address-card::after{content:'';position:absolute;inset-inline-end:var(--space-4);top:50%;margin-top:-9px;width:18px;height:18px;border:1.5px solid var(--app-muted);border-radius:50%}.address-card.selected{background:var(--app-selected)!important}.address-card.selected::after{background:var(--app-tint);border-color:var(--app-tint);box-shadow:inset 0 0 0 4px var(--app-selected)}.address-card strong,.address-card small{display:block;overflow-wrap:anywhere}.address-card small{font-size:var(--type-subhead);line-height:1.5;color:var(--app-muted);margin-top:var(--space-1)}.app-checkout-address .add-address{width:100%;background:none;color:var(--app-tint)}#deliveryFields>.map-card,#deliveryFields>#areaSummary,#deliveryFields>.app-legacy-location,#myOrdersView .my-orders-search{display:none!important}
/* Checkout and history */
#cartView .cart,#cartView .customer,#cartView aside{border:0!important;box-shadow:none!important;padding:0!important;background:transparent!important;width:100%!important}#cartView .cart>h2{display:none}.cart-line{position:relative!important;display:flex!important;align-items:flex-start!important;border:0!important;border-radius:var(--radius-md)!important;background:var(--app-surface)!important;margin:0 0 var(--space-3)!important;padding:var(--space-4)!important;gap:var(--space-3)!important}.cart-line-image{width:68px!important;height:68px!important;border-radius:var(--radius-sm)!important;object-fit:cover}.cart-line-content{min-width:0!important;flex:1}.cart-line-title{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:var(--space-1)!important;padding-inline-end:44px!important}.cart-line-title strong{font-size:var(--type-body)!important;line-height:1.4}.cart-line-price{font-size:var(--type-subhead)!important;color:var(--app-muted)!important}.cart-details{font-size:var(--type-footnote)!important;line-height:1.6!important;color:var(--app-muted)!important;white-space:pre-line}.cart-line .remove-btn{position:absolute!important;inset-inline-end:var(--space-2)!important;top:var(--space-2)!important;width:auto!important;min-width:44px!important;min-height:44px!important;border:0!important;background:none!important;border-radius:var(--radius-sm)!important;color:var(--app-red)!important;font-size:var(--type-caption)!important;padding:var(--space-2)!important}.cart-line .remove-btn::before,.cart-line .remove-btn::after{content:none!important}
.qty-row>button,.cart-line-controls>button,.counter-inline>button{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;border-radius:var(--radius-sm)!important;background:var(--app-group)!important;color:var(--app-ink)!important;line-height:1!important}.cart-line-controls{gap:var(--space-2)!important;margin-top:var(--space-2)}.cart-line-controls>span{font-size:var(--type-body)!important;min-width:24px!important;text-align:center}
#orderInfo{margin:var(--space-5) 0!important}#orderInfo .order-type-switch{padding:var(--space-1)!important;background:var(--app-group)!important;border:0!important;border-radius:var(--radius-sm)!important;gap:var(--space-1)!important}.mode-btn{background:transparent!important;min-height:44px!important;border:0!important;color:var(--app-muted)!important;font-size:var(--type-subhead)!important;border-radius:var(--radius-xs)!important}.mode-btn.active{background:var(--app-surface)!important;color:var(--app-ink)!important;box-shadow:var(--shadow-card)!important}.payment-segments{gap:var(--space-2)!important}.payment-segments button{background:var(--app-group)!important;color:var(--app-ink)!important;border:0!important;min-height:44px!important;border-radius:var(--radius-sm)!important;font-size:var(--type-subhead)!important}.payment-segments button.active{background:var(--app-selected)!important;color:var(--app-tint)!important}.mode-fields{padding:var(--space-5)!important;background:var(--app-surface)!important;border-radius:var(--radius-md)!important;margin-top:var(--space-4)!important}.coupon-box{background:var(--app-surface)!important;border:0!important;padding:var(--space-4)!important;border-radius:var(--radius-md)!important;margin-top:var(--space-4)!important}.coupon-box button{background:var(--app-group)!important;border:0!important;color:var(--app-tint)!important;min-height:48px!important;border-radius:var(--radius-sm)!important}.delivery-row,.total{padding:var(--space-4)!important;margin:0!important;gap:var(--space-3)!important}.total{font-size:var(--type-headline)!important;border-top:1px solid var(--app-line)!important}.send-btn,.repeat-order-btn{min-height:52px!important;background:var(--app-yellow)!important;color:var(--app-ink)!important;border:0!important;border-radius:var(--radius-md)!important;font-size:var(--type-body)!important;font-weight:700!important}.clear-btn{color:var(--app-red)!important;background:transparent!important;border:0!important;min-height:44px!important}.notice{font-size:var(--type-footnote)!important;background:var(--app-selected)!important;border:0!important;border-radius:var(--radius-sm)!important;color:var(--app-ink)!important;line-height:1.6!important}.error{color:var(--app-red)!important}
.my-orders-list{display:grid!important;gap:var(--space-3)!important}.customer-order-card{border:0!important;border-radius:var(--radius-md)!important;box-shadow:none!important;background:var(--app-surface)!important;padding:var(--space-5)!important;gap:var(--space-3)!important;min-height:112px!important}.customer-order-number{font-size:var(--type-headline)!important;font-weight:700!important}.customer-order-date{font-size:var(--type-footnote)!important;color:var(--app-muted)!important}.customer-order-total{font-size:var(--type-body)!important;font-weight:700!important}.customer-order-status{border:0!important;border-radius:var(--radius-pill)!important;font-size:var(--type-caption)!important;padding:var(--space-1) var(--space-3)!important}.order-detail-item,.order-detail-meta,.order-detail-summary{font-size:var(--type-body)!important;line-height:1.6!important}.order-detail-meta{background:var(--app-group)!important;border-radius:var(--radius-md)!important;padding:var(--space-4)!important;gap:var(--space-4)!important}.order-detail-item{border-color:var(--app-line)!important;padding-block:var(--space-4)!important}.order-detail-item small{color:var(--app-muted)!important}.order-detail-title{font-size:var(--type-title)!important;text-align:start!important}
.support-panel,.support-actions{padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important}.support-actions{display:grid!important;gap:var(--space-3)!important}.support-choice{display:flex!important;align-items:center!important;gap:var(--space-4)!important;min-height:96px!important;border:0!important;box-shadow:none!important;border-radius:var(--radius-md)!important;padding:var(--space-5)!important;background:var(--app-surface)!important}.support-choice-icon{width:44px!important;height:44px!important;min-width:44px!important;border-radius:var(--radius-sm)!important;background:var(--app-selected)!important;color:var(--app-tint)!important}.support-choice-icon svg{width:24px!important;height:24px!important}.support-choice strong{font-size:var(--type-headline)!important}.support-choice small{font-size:var(--type-subhead)!important;color:var(--app-muted)!important}.ui-privacy-section{padding:var(--space-5) 0;border-bottom:1px solid var(--app-line)}.ui-privacy-section:last-child{border:0}
/* Sheets retain the real forms; no input or authentication node is cloned. */
body.item-editing::before{background:var(--app-dim)!important;backdrop-filter:none!important}body.ui-modal-open{overflow:hidden!important}.item.editing-card{position:fixed!important;inset:auto 0 0!important;margin:0 auto!important;width:100%!important;max-width:640px!important;max-height:calc(var(--ui-visible-height,100dvh) - var(--safe-top) - 12px)!important;transform:none!important;border:0!important;border-radius:var(--radius-sheet) var(--radius-sheet) 0 0!important;padding:0 0 var(--safe-bottom)!important;background:var(--app-paper)!important;box-shadow:var(--shadow-sheet)!important;overflow-y:auto!important;overscroll-behavior:contain;z-index:10001!important}.ui-sheet-handle{display:flex!important;align-items:center;justify-content:center;width:100%!important;height:24px!important;min-height:24px!important;padding:0!important;background:transparent!important;border:0!important;touch-action:none;border-radius:0!important;position:relative!important;flex:none}.ui-sheet-handle::after{content:'';width:34px;height:5px;border-radius:var(--radius-pill);background:#bfc2b9}.item:not(.editing-card)>.ui-sheet-handle{display:none!important}
.item.editing-card .item-name{font-size:var(--type-title)!important;line-height:1.4!important;min-height:44px!important;padding-inline-end:70px!important;text-align:start!important}.item.editing-card .item-top{padding:var(--space-2) var(--space-5) var(--space-3)!important;min-height:60px!important}.item.editing-card .options.active{padding:var(--space-4) var(--space-5)!important;background:transparent!important}.item.editing-card .product-card-footer{position:sticky!important;bottom:0!important;background:var(--app-surface)!important;border-top:1px solid var(--app-line)!important;padding:var(--space-3) var(--space-5) calc(var(--space-3) + var(--safe-bottom))!important;min-height:76px!important;z-index:2}.item.editing-card .add-actions.show{display:grid!important;grid-template-columns:minmax(0,1fr) 64px!important;gap:var(--space-2)!important;width:100%!important}.item.editing-card .cart-btn{display:flex!important;align-items:center!important;justify-content:center!important;gap:var(--space-2)!important;background:var(--app-yellow)!important;border:0!important;color:var(--app-ink)!important;min-height:52px!important;border-radius:var(--radius-sm)!important;font-size:var(--type-body)!important;padding:var(--space-3)!important}.item.editing-card .cart-btn>span{white-space:normal!important}.item.editing-card .draft-total{flex:none}.item.editing-card .cancel-btn{min-height:52px!important;background:var(--app-group)!important;border:0!important;color:var(--app-muted)!important;border-radius:var(--radius-sm)!important;font-size:var(--type-subhead)!important}
.item.editing-card .option-group,.item.editing-card .addon-card{background:transparent!important;border:0!important;padding:var(--space-3) 0!important;border-radius:0!important}.item.editing-card .option-title,.item.editing-card .addon-title{font-size:var(--type-subhead)!important;font-weight:500!important;color:var(--app-muted)!important;margin-bottom:var(--space-3)!important}.item.editing-card .addon-option{background:var(--app-surface)!important;border:1px solid transparent!important;border-radius:var(--radius-sm)!important;min-height:48px!important;color:var(--app-ink)!important;transition:background var(--motion-fast)}.item.editing-card .addon-option:has(input:checked){background:var(--app-selected)!important;border-color:var(--app-tint)!important}.item.editing-card .addon-option :is(.addon-name,.addon-price){font-size:var(--type-subhead)!important;font-weight:700!important;color:var(--app-ink)!important}.item.editing-card .meal-card{background:none!important;border:0!important;padding:0!important}.item.editing-card .meal-toggle{display:flex!important;position:relative!important;min-height:56px!important;padding:var(--space-3) var(--space-4)!important;border:1px solid transparent!important;border-radius:var(--radius-sm)!important;background:var(--app-surface)!important}.item.editing-card .meal-toggle:has(input:checked){background:var(--app-yellow)!important}.item.editing-card .meal-main,.item.editing-card .meal-title-row{display:flex!important;flex-direction:row!important;align-items:center!important;gap:var(--space-3)!important}.item.editing-card .meal-main{width:100%!important;justify-content:space-between!important}.item.editing-card .meal-check{display:none!important}.item.editing-card .meal-toggle>input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important}.item.editing-card .meal-toggle :is(.addon-name,.addon-price){font-size:var(--type-subhead)!important;font-weight:700!important;color:var(--app-ink)!important}.item.editing-card .meal-toggle:focus-within,.item.editing-card .addon-option:focus-within{outline:2px solid var(--app-tint);outline-offset:2px}
.product-modal-close,.modal-close-btn,.customer-modal-close{display:inline-flex!important;align-items:center;justify-content:center;position:absolute!important;min-width:60px!important;width:auto!important;height:44px!important;min-height:44px!important;padding:var(--space-2) var(--space-3)!important;border:0!important;border-radius:var(--radius-pill)!important;background:var(--app-error-surface)!important;color:var(--app-red)!important;font-size:var(--type-subhead)!important;font-weight:700!important;line-height:1.4!important;left:auto!important;right:auto!important;inset-inline-end:var(--space-4)!important;top:28px!important;transform:none!important;box-shadow:none!important;z-index:3}.product-modal-close::before,.product-modal-close::after,.modal-close-btn::before,.modal-close-btn::after,.customer-modal-close::before,.customer-modal-close::after{content:none!important}.item:not(.editing-card)>.product-modal-close{display:none!important}
.pending-draft-modal,.customer-modal,.branch-welcome-modal{background:var(--app-dim)!important;backdrop-filter:none!important}.customer-modal,.pending-draft-modal{align-items:flex-end!important;padding:0!important}.customer-modal-card,.pending-draft-box{width:100%!important;max-width:640px!important;max-height:calc(var(--ui-visible-height,100dvh) - var(--safe-top) - 12px)!important;border:0!important;border-radius:var(--radius-sheet) var(--radius-sheet) 0 0!important;padding:var(--space-6) var(--space-5) calc(var(--space-6) + var(--safe-bottom))!important;box-shadow:var(--shadow-sheet)!important;background:var(--app-paper)!important;overflow-y:auto!important;overscroll-behavior:contain}.customer-modal-card>.ui-sheet-handle,.pending-draft-box>.ui-sheet-handle{margin-top:calc(-1 * var(--space-6));margin-bottom:var(--space-4)}.customer-modal-title,.pending-draft-title,.order-detail-title{padding-inline-end:64px!important;min-height:44px}.pending-draft-title{font-size:var(--type-title)!important}.branch-welcome-box{max-width:400px!important;border:0!important;border-radius:var(--radius-lg)!important;background:var(--app-surface)!important;padding:var(--space-6)!important;box-shadow:var(--shadow-sheet)!important}.branch-welcome-box h2{font-size:var(--type-title)!important}.branch-welcome-actions button{border:0!important;background:var(--app-group)!important;min-height:60px!important;border-radius:var(--radius-sm)!important;font-size:var(--type-body)!important}.branch-welcome-actions button:active{background:var(--app-selected)!important}
#orderStatusModal,#pendingDraftModal{align-items:center!important;padding:var(--space-5)!important}.order-status-box,#pendingDraftModal .pending-draft-box{border-radius:var(--radius-lg)!important;padding:var(--space-6)!important;max-width:380px!important}.order-status-box .modal-close-btn{top:var(--space-3)!important}.order-status-box h2{font-size:var(--type-title)!important}.order-status-number,.order-short-number{font-size:var(--type-title)!important}.invoice-number{font-size:var(--type-footnote)!important}.order-status-box.success{color:var(--app-success)!important}
.app-confirm{border:0;border-radius:var(--radius-lg);background:var(--app-material);color:var(--app-ink);padding:var(--space-6);max-width:340px;width:calc(100vw - 48px);box-sizing:border-box;box-shadow:var(--shadow-sheet)}.app-confirm::backdrop{background:var(--app-dim)}.app-confirm h2{font-size:var(--type-headline);line-height:1.5;margin:0 0 var(--space-2);text-align:center}.app-confirm p{font-size:var(--type-subhead);line-height:1.7;color:var(--app-muted);text-align:center;margin-bottom:var(--space-5)}.app-confirm button{min-height:48px;border:0;border-radius:var(--radius-sm);background:var(--app-group);color:var(--app-ink);font-weight:700}.app-confirm button.danger{background:var(--app-error-surface);color:var(--app-red)}
/* Selection sheets are backed by the original select, not a second data model. */
.ui-selection-overlay{position:fixed;inset:0;z-index:20000;background:var(--app-dim);display:flex;align-items:flex-end;justify-content:center}.ui-selection-sheet{width:100%;max-width:640px;max-height:85dvh;background:var(--app-paper);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;padding:0 var(--space-5) calc(var(--space-6) + var(--safe-bottom));overflow-y:auto;overscroll-behavior:contain}.ui-selection-title{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.ui-selection-title h2{font-size:var(--type-title);margin:0}.ui-selection-title button{border:0;background:var(--app-error-surface);color:var(--app-red);border-radius:var(--radius-pill);min-height:44px;padding:var(--space-2) var(--space-3)}.ui-selection-option{display:flex;align-items:center;gap:var(--space-3);text-align:start;width:100%;min-height:56px;padding:var(--space-4);background:var(--app-surface);border:0;color:var(--app-ink);font-size:var(--type-body)}.ui-selection-option+.ui-selection-option{border-top:1px solid var(--app-line)}.ui-selection-option>span{flex:1}.ui-selection-option[aria-checked=true]{color:var(--app-tint);font-weight:700}.ui-selection-option .ui-symbol{width:20px}.ui-select{display:flex!important;align-items:center;justify-content:space-between!important;text-align:start!important;gap:var(--space-3)!important;width:100%!important;min-height:50px!important;padding:var(--space-3) var(--space-4)!important;border:1px solid transparent!important;border-radius:var(--radius-sm)!important;background:var(--app-group)!important;color:var(--app-ink)!important;font-size:var(--type-body)!important;font-weight:500!important;line-height:1.5!important}.ui-select>span{flex:1;white-space:normal}.ui-select>.ui-symbol{width:18px;height:18px;rotate:90deg}.ui-native-select{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;pointer-events:none!important}.ui-select-holder{position:relative}
.promo-dot,.promo-dot.active{position:relative!important;width:8px!important;height:8px!important;min-width:8px!important;border-radius:50%!important;background:rgba(255,255,255,.7)!important;transition:none!important;overflow:hidden}.promo-dot::after{content:'';position:absolute;inset:0;background:var(--app-yellow);border-radius:50%;opacity:var(--dot-progress,0)}.promo-dot.active::after{opacity:var(--dot-progress,1)}
#toast{bottom:calc(var(--tab-height) + var(--space-4))!important;border:0!important;border-radius:var(--radius-pill)!important;background:var(--app-ink)!important;color:white!important;box-shadow:var(--shadow-card)!important;font-size:var(--type-subhead)!important;line-height:1.5!important;max-width:calc(100vw - 40px)!important;padding:var(--space-3) var(--space-5)!important}#toast.error{background:var(--app-red)!important}#appSplash{position:fixed;inset:0;z-index:9999999;display:flex;align-items:center;justify-content:center;background:#f9f8f4;transition:opacity var(--motion-sheet),visibility var(--motion-sheet)}#appSplash img{width:min(65vw,360px);max-height:62dvh;object-fit:contain}#appSplash.hide{opacity:0;visibility:hidden;pointer-events:none}#appOffline{display:none;position:fixed;top:var(--customer-header-height);inset-inline:var(--space-4);z-index:10000;background:var(--app-ink);color:#fff;font-size:var(--type-footnote);line-height:1.5;padding:var(--space-3);border-radius:var(--radius-sm);text-align:center}body.offline #appOffline{display:block}
body.keyboard-open .bottom-nav{display:none!important}body.keyboard-open{padding-bottom:var(--space-6)!important}body.keyboard-open .item.editing-card,body.keyboard-open .ui-selection-overlay{bottom:var(--ui-keyboard-inset,0px)!important}body.keyboard-open :is(.customer-modal,.pending-draft-modal){padding-bottom:var(--ui-keyboard-inset,0px)!important}
@keyframes ui-spin{to{transform:rotate(360deg)}}@keyframes ui-shimmer{to{background-position:-200% 0}}
@media(max-width:370px){.native-view,#cartView,#myOrdersView,#supportView{padding-inline:var(--space-4)!important}.native-grid{grid-template-columns:1fr}.item:not(.editing-card) .item-name{font-size:var(--type-subhead)!important}.bottom-nav .bottom-nav-btn{font-size:.6875rem!important}.ui-page-heading{align-items:flex-start}.ui-page-heading>.ui-button{font-size:var(--type-subhead);padding-inline:var(--space-3)}.cart-line-image{width:52px!important;height:52px!important}.cart-line{padding:var(--space-3)!important}.ui-page-heading h1{font-size:1.75rem!important}}
@media(min-width:720px){.bottom-nav{padding-inline:max(var(--space-4),calc((100vw - 680px)/2))!important}.native-grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ui-busy::after{border-inline-end-color:currentColor}.ui-skeleton{background:var(--app-group)}}
/* These selectors also override the legacy menu's high-specificity rules. */
body .item.editing-card .product-modal-close,body .pending-draft-modal .modal-close-btn,body .customer-modal .customer-modal-close{color:var(--app-red)!important;background:var(--app-error-surface)!important}
body .native-view select.ui-native-select,body .item.editing-card select.ui-native-select,body #cartView select.ui-native-select,body #complaintModal select.ui-native-select{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;border:0!important;clip-path:inset(50%)!important}
.ui-list-group>form.native-card{margin:0;border-radius:0;padding:var(--space-4)}
body .item.editing-card .options.active{margin-top:var(--space-3)!important;padding-top:0!important}
body .item.editing-card .addon-card{padding-block:var(--space-3)!important;margin-bottom:var(--space-3)!important}
body .item.editing-card .size-selector,body .item.editing-card .paid-addon-group{margin-top:var(--space-3)!important}
body .item.editing-card .qty-row>button{width:44px!important;height:44px!important;min-height:44px!important;border-radius:var(--radius-sm)!important;background:var(--app-group)!important;color:var(--app-ink)!important}
body .ui-sheet-handle{height:44px!important;min-height:44px!important}
body:not([data-ui-view=menu]) header .header-inner img{display:none!important}
body header .header-inner .ui-back{position:absolute!important;inset-inline-start:0!important;inset-inline-end:auto!important;top:8px!important;transform:none!important}
body header .header-inner{direction:inherit!important}
.ui-edge-back{position:fixed;inset-inline-start:0;top:var(--customer-header-height);bottom:var(--tab-height);width:16px;z-index:130;touch-action:pan-y;background:transparent}.ui-edge-back[hidden]{display:none}
body header .header-inner .lang-toggle{position:absolute!important;inset:8px auto auto!important;inset-inline-end:0!important;inset-inline-start:auto!important;transform:none!important}
body header .header-inner .header-support-btn{position:absolute!important;inset:8px auto auto!important;inset-inline-start:0!important;inset-inline-end:auto!important;transform:none!important}
body #cartView h1.view-heading{display:block!important;text-align:start!important;font-size:var(--type-large)!important;line-height:1.3!important;font-weight:800!important;margin:var(--space-5) 0 var(--space-6)!important}
/* Extra prices are disclosed on selection; the complete price always remains on the add button. */
body .item.editing-card .addon-option:not(:has(input:checked)) .addon-price,body .item.editing-card .meal-toggle:not(:has(input:checked)) .addon-price{visibility:hidden!important;opacity:0!important}
body .item.editing-card .addon-price{transition:opacity var(--motion-fast)!important}
body .item.editing-card :is(.addon-option,.meal-toggle):has(input:checked) .addon-price{visibility:visible!important;opacity:1!important}
/* Size tiles keep identical geometry before/after selection. Only text moves. */
body .item.editing-card .burger-size-option{min-height:88px!important;align-items:center!important}
body .item.editing-card .burger-size-option .size-option-copy{position:relative!important;display:flex!important;justify-content:center!important;align-items:stretch!important;flex:1 1 0!important;min-width:0!important;height:56px!important;gap:0!important;direction:inherit!important;text-align:start!important}
body .item.editing-card .burger-size-option .addon-name{font-size:17px!important;line-height:1.3!important;font-weight:700!important;transform:translateY(0) scale(1)!important;transform-origin:right center;transition:transform 280ms var(--spring-curve)!important}
html[dir=ltr] body .item.editing-card .burger-size-option .addon-name{transform-origin:left center}
body .item.editing-card .burger-size-option .addon-price{position:absolute!important;inset-inline-start:0!important;bottom:1px!important;font-size:14px!important;line-height:1.35!important;transform:translateY(7px)!important;transition:opacity 220ms ease,transform 280ms var(--spring-curve),visibility 220ms!important}
body .item.editing-card .burger-size-option:has(input:checked) .addon-name{transform:translateY(-10px) scale(.9)!important}
body .item.editing-card .burger-size-option:has(input:checked) .addon-price{transform:translateY(0)!important;transition-delay:45ms!important}
body .item.editing-card .burger-size-option .addon-price{inset-inline-start:auto!important;inset-inline-end:auto!important;right:0!important;left:auto!important}
html[dir=ltr] body .item.editing-card .burger-size-option .addon-price{left:0!important;right:auto!important}
body .item.editing-card .burger-size-option .addon-price *{font-size:inherit!important}
body .item.editing-card .burger-size-option:has(input[value=normal]) .addon-name{transform:none!important}
body .item.editing-card .burger-size-option:has(input[value=normal]) .addon-price{visibility:hidden!important;opacity:0!important}
@media(max-width:370px){body .item.editing-card .burger-size-option .addon-name{font-size:16px!important}}
@media(prefers-reduced-motion:reduce){body .item.editing-card .burger-size-option :is(.addon-name,.addon-price){transition:none!important}}
/* Center the label and its revealed price within the space beside the image. */
body .item.editing-card .burger-size-option .size-option-copy{text-align:center!important;align-items:center!important}
html[dir] body .item.editing-card .burger-size-option .addon-name{text-align:center!important;transform-origin:center center!important}
body .item.editing-card .burger-size-option .size-option-copy .addon-price{inset-inline:0!important;left:0!important;right:0!important;width:100%!important;display:flex!important;justify-content:center!important;text-align:center!important}
body .item.editing-card .addon-option:not(.burger-size-option):has(.addon-price){display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important;text-align:center!important;transition:gap 240ms var(--spring-curve),background-color var(--motion-fast)!important}
body .item.editing-card .addon-option:not(.burger-size-option):has(.addon-price) .addon-name{width:auto!important;flex:0 1 auto!important;justify-content:center!important;text-align:center!important;min-width:0!important}
body .item.editing-card .addon-option:not(.burger-size-option) .addon-price{flex:0 0 auto!important;min-width:0!important;max-width:0!important;overflow:hidden!important;white-space:nowrap!important;transition:max-width 260ms var(--spring-curve),opacity 220ms ease!important}
body .item.editing-card .addon-option:not(.burger-size-option):has(input:checked){gap:5px!important}
body .item.editing-card .addon-option:not(.burger-size-option):has(input:checked) .addon-price{max-width:3em!important}
@media(prefers-reduced-motion:reduce){body .item.editing-card .addon-option:not(.burger-size-option),body .item.editing-card .addon-option:not(.burger-size-option) .addon-price{transition:none!important}}
/* Final size interaction: a fixed centered name with a selected corner price. */
body .item.editing-card .burger-size-option{position:relative!important}
body .item.editing-card .burger-size-option .size-option-copy{position:static!important}
html[dir] body .item.editing-card .burger-size-option .size-option-copy .addon-name{transform:none!important;transition:color var(--motion-fast)!important}
html[dir] body .item.editing-card .burger-size-option .size-option-copy .addon-price{inset:auto!important;top:8px!important;right:10px!important;left:auto!important;bottom:auto!important;width:auto!important;font-size:15px!important}
/* Every paid add-on, including cheese and future options, occupies one equal tile. */
body .item.editing-card .option-composer-card .addon-grid>.addon-option:not(.burger-size-option){grid-column:span 2!important;min-height:56px!important;box-sizing:border-box!important}
body .item.editing-card .option-composer-card .addon-grid>.addon-option:not(.burger-size-option) .addon-name{line-height:1.35!important;white-space:normal!important;overflow-wrap:break-word!important}
/* One typeface for category tabs, section headings and product names. */
html{--menu-font:PartTajawal,Arial,sans-serif}
html[lang=en]{--menu-font:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
html[lang] body #menuView :is(.category-tab,.menu-section>h2,.item .item-name){font-family:var(--menu-font)!important;font-weight:700!important}
html[lang] body #menuView .menu-section>h2{text-align:center!important;font-size:20px!important;line-height:1.5!important}

/* 1.1.1: one opaque header, calm sheets, and a compact checkout. */
html[lang] body{padding-top:var(--customer-header-height)!important}
html[lang] body>main{padding-top:0!important;margin-top:0!important;transform:none!important}
html[lang] body .app-view{animation:none!important}
html[lang] body header{background:var(--app-paper)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;isolation:isolate;border-bottom:1px solid var(--app-line)!important}
html[lang] body header .header-inner img{display:block!important;opacity:1!important;visibility:visible!important}
html[lang] body header .ui-compact-title{display:none!important}
html[lang] body header .header-notifications{position:absolute!important;inset:8px auto auto!important;inset-inline-end:0!important;inset-inline-start:auto!important;width:44px!important;height:44px!important;display:grid!important;place-items:center!important;transform:none!important}
html[lang] body #menuView .promo-slider{margin-top:0!important}
html[lang] body #menuView .category-nav-shell{position:sticky!important;top:var(--customer-header-height)!important;background:var(--app-paper)!important;backdrop-filter:none!important;box-shadow:none!important;margin-top:0!important}
html[lang] body .bottom-nav .bottom-nav-btn.active{color:var(--app-yellow)!important}
html[lang] body .item.editing-card,html[lang] body .ui-selection-sheet{animation:none!important;transition:none!important;will-change:translate}
html[lang] body .item.editing-card .item-name{padding-inline-end:0!important}
html[lang] body .item.editing-card :is(.addon-option,.meal-toggle){outline:none!important;box-shadow:none!important;border-color:transparent!important}
html[lang] body .item.editing-card :is(.addon-option,.meal-toggle):has(input:checked){background:var(--app-yellow)!important;border-color:transparent!important;outline:none!important;box-shadow:none!important}
html[lang] body .item.editing-card :is(.addon-option,.meal-toggle):has(input:focus-visible){outline:2px dashed var(--app-ink)!important;outline-offset:3px!important}
html[lang] body .app-confirm button,html[lang] body .app-confirm button.danger{background:var(--app-group)!important}
html[lang] body .app-confirm button.danger{color:var(--app-red)!important}
html[lang] body .ui-selection-option[aria-checked=true]{background:var(--app-yellow)!important;color:var(--app-ink)!important}
html[lang] body .item.editing-card :is(.qty-row,.counter-inline)>button{background:var(--app-yellow)!important;color:var(--app-ink)!important}
html[lang] body .item.editing-card .qty-row>span{color:var(--app-yellow)!important;font-weight:800!important}
html[lang] body #profileSave[hidden]{display:none!important}
.account-language{display:flex;gap:8px;padding:12px}
.account-language button{flex:1;min-width:0}
html[lang] body .account-language [aria-pressed=true]{background:var(--app-yellow)!important;color:var(--app-ink)!important}
html[lang] body .account-language [lang=ar]{font-family:PartTajawal,Arial,sans-serif!important}
html[lang] body .account-language [lang=en]{font-family:system-ui,-apple-system,sans-serif!important}
html[lang] body .address-card.selected{background:var(--app-yellow)!important;color:var(--app-ink)!important}
html[lang] body .address-card.selected::after{background:var(--app-ink)!important;border-color:var(--app-ink)!important;box-shadow:inset 0 0 0 4px var(--app-yellow)!important}
html[lang] body #cartView :is(.mode-btn,.mode-btn span,.payment-segments button){font-family:var(--menu-font)!important;font-weight:700!important}
html[lang] body #cartView .payment-segments button.active{background:var(--app-yellow)!important;color:var(--app-ink)!important}
html[lang] body #cartView .maps-btn{display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:16px 0 0!important;padding:14px!important;min-height:52px!important;height:auto!important;white-space:normal!important;background:var(--app-surface)!important;color:var(--app-ink)!important;border:1px solid var(--app-line)!important;border-radius:var(--radius-sm)!important;clip-path:none!important;overflow:visible!important;transform:none!important;box-shadow:none!important;font-family:var(--menu-font)!important}
html[lang] body #cartView .maps-btn::before,html[lang] body #cartView .maps-btn::after{content:none!important}
html[lang] body #cartView .cart-primary-actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:12px!important;direction:rtl!important;align-items:stretch!important}
html[lang] body #cartView .cart-primary-actions>button{width:100%!important;min-width:0!important;margin:0!important;min-height:52px!important;grid-column:auto!important;font-family:var(--menu-font)!important;white-space:normal!important}
html[lang] body #cartView .cart-primary-actions .send-btn{grid-column:1!important;grid-row:1!important;background:var(--app-success)!important;color:white!important}
html[lang] body #cartView .cart-primary-actions .clear-btn{grid-column:2!important;grid-row:1!important;background:var(--app-surface)!important;border-radius:var(--radius-md)!important}
html[lang] body #cartView .cart-primary-actions #editContact{grid-column:1/-1!important;grid-row:2!important;background:var(--app-surface)!important;color:var(--app-ink)!important;border:0!important;border-radius:var(--radius-md)!important;padding:12px!important;font-size:var(--type-body)!important}
html[lang] body #checkoutNotice .sub-note{display:block!important;margin-top:8px!important}
html[lang] body #cartView #checkoutNotice,html[lang] body #cartView #checkoutNotice :is(span,a){font-size:13px!important;line-height:1.8!important}
html[lang] body #checkoutNotice a{display:inline-block;color:inherit;font-weight:700;white-space:nowrap}
html[lang] body #cartView .cart-line{--cart-image:clamp(88px,24vw,116px);display:block!important;overflow:hidden!important;padding:0!important;min-height:132px!important;isolation:isolate}
html[lang] body #cartView .cart-line-image{position:absolute!important;top:0!important;right:0!important;left:auto!important;bottom:0!important;width:var(--cart-image)!important;height:100%!important;min-height:100%!important;object-fit:cover!important;border-radius:0!important;margin:0!important}
html[lang] body #cartView .cart-line-content{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;width:calc(100% - var(--cart-image))!important;min-width:0!important;min-height:132px!important;margin:0 var(--cart-image) 0 0!important;padding:12px 12px 4px!important;gap:4px!important}
html[lang] body #cartView .cart-line-title{display:block!important;padding:0!important;width:100%!important;min-width:0!important}
html[lang] body #cartView .cart-line-title strong{display:block!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.5!important;font-size:16px!important}
html[lang] body #cartView .cart-details{margin:0!important;overflow-wrap:anywhere;font-size:12px!important;line-height:1.5!important}
html[lang] body #cartView .cart-line-bottom{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:4px!important;flex-wrap:wrap!important;margin-top:auto!important}
html[lang] body #cartView .cart-line-controls{display:flex!important;align-items:center!important;gap:0!important;margin:0!important;width:auto!important;flex:none!important}
html[lang] body #cartView .cart-line-controls>button{position:relative!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;background:transparent!important;border:0!important;isolation:isolate}
html[lang] body #cartView .cart-line-controls>button::before{content:''!important;position:absolute!important;inset:6px!important;display:block!important;background:var(--app-yellow)!important;border-radius:10px!important;z-index:-1!important}
html[lang] body #cartView .cart-line-controls>button svg{width:16px!important;height:16px!important}
html[lang] body #cartView .cart-line-controls>span{font-size:15px!important;min-width:20px!important;color:var(--app-ink)!important}
html[lang] body #cartView .cart-line-price{font-size:14px!important;line-height:1.5!important;white-space:nowrap!important;color:var(--app-muted)!important}
html[lang] body #cartView .cart-line .remove-btn{position:static!important;align-self:flex-end!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;min-width:44px!important;padding:4px 0!important;margin-top:-4px!important;font-size:12px!important;inset:auto!important}

/* 1.1.2: the real header is the start of document flow on both web and native. */
html[lang] body{padding-top:0!important}
html[lang] body header{position:sticky!important;top:0!important;inset-block-end:auto!important;height:auto!important;padding:var(--safe-top) max(var(--space-4),var(--safe-right)) 0 max(var(--space-4),var(--safe-left))!important;transform:none!important;translate:none!important}
html[lang] body>main{padding-inline:var(--safe-left) var(--safe-right)!important}
html[lang] body header .header-support-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;visibility:visible!important;opacity:1!important}
html[lang] body .bottom-nav{padding-left:calc(var(--space-2) + var(--safe-left))!important;padding-right:calc(var(--space-2) + var(--safe-right))!important}
.app-view>.ui-back{display:inline-flex;align-items:center;gap:4px;min-height:44px;margin:0 0 16px;padding:8px 0!important;background:transparent!important;color:var(--app-ink)!important;border:0;font-size:14px}
.app-view>.ui-back[hidden]{display:none!important}
html[lang] body #cartView .empty-cart-state{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;width:100%!important;box-sizing:border-box!important}
html[lang] body #cartView .empty-cart-icon{display:grid!important;place-items:center!important;width:80px!important;height:80px!important;padding:0!important;box-sizing:border-box!important;flex:none!important;margin-inline:auto!important;position:static!important;transform:none!important;translate:none!important;float:none!important}
html[lang] body #cartView .empty-cart-icon svg{display:block!important;margin:auto!important;position:static!important;transform:none!important;translate:none!important}
html[lang] body #cartView .empty-cart-state :is(h2,p){width:100%;text-align:center!important;margin-inline:0!important}
.account-disclosure{margin:24px 0;border-radius:var(--radius-md);background:var(--app-surface);overflow:hidden}
.account-disclosure>summary{display:flex;align-items:center;gap:12px;min-height:60px;padding:12px 16px;list-style:none;cursor:pointer;font-size:var(--type-body);font-weight:500;box-sizing:border-box}
.account-disclosure>summary::-webkit-details-marker{display:none}
.account-disclosure>summary>span:not(.ui-tile-icon){flex:1}
.account-disclosure>summary>.ui-symbol{width:18px;height:18px;color:var(--app-muted)}
.account-disclosure[open]>summary>.ui-symbol{transform:rotate(90deg)}
.account-disclosure>summary:focus-visible{outline:2px solid var(--app-yellow);outline-offset:-4px}
.account-disclosure #profileForm{margin:0;border-top:1px solid var(--app-line);border-radius:0}
.account-signout{margin-top:24px}
.address-map-tools{display:flex;justify-content:center;margin:16px 0 8px}
.address-map-tools .map-layer-switch{gap:16px;min-width:200px;padding:8px 0}
html[lang] body .native-view button.address-locate{display:flex;margin:0 auto 8px;width:fit-content;max-width:100%;background:var(--app-group)}
html[lang] body .native-view .map-coordinate{text-align:center;margin:0 0 8px;min-height:22px;overflow-wrap:anywhere}
#addressMap .leaflet-control-attribution{display:block!important;font-family:Arial,sans-serif!important;font-size:10px!important;line-height:1.4!important}
.orders-group{margin:0 0 28px;min-width:0}
.orders-group>h2{font-size:17px!important;font-weight:700;line-height:1.6;margin:0 0 12px!important;text-align:start}
.customer-live-order{background:var(--app-surface);border:1px solid var(--app-line);border-radius:var(--radius-md);margin-bottom:16px;overflow:hidden}
html[lang] body .customer-live-order .customer-order-card{width:100%;margin:0!important;border:0!important;box-shadow:none!important;border-radius:0!important;background:transparent!important}
.order-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:8px 12px 20px;gap:0}
.order-progress>li{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;text-align:center;min-width:0;color:var(--app-muted)}
.order-progress>li:not(:last-child)::after{content:'';position:absolute;top:17px;inset-inline-start:50%;width:100%;height:2px;background:var(--app-line)}
.order-progress>li.done::after{background:var(--app-yellow)}
.progress-dot{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;z-index:1;background:var(--app-group);box-sizing:border-box;border:2px solid var(--app-surface)}
.progress-dot .ui-symbol{width:19px;height:19px}
.order-progress :is(.done,.current) .progress-dot{background:var(--app-yellow);color:var(--app-ink)}
.order-progress .current{font-weight:700;color:var(--app-ink)}
.progress-label{font-size:11px;line-height:1.6;padding-inline:3px;max-width:100%;overflow-wrap:break-word}
html[lang] body .orders-completed .customer-order-card{background:var(--app-group)!important;box-shadow:none!important;color:var(--app-muted)!important;border-color:var(--app-line)!important}
html[lang] body .orders-completed .customer-order-card :is(.customer-order-number,.customer-order-total,.customer-order-date,.customer-order-status){color:var(--app-muted)!important}
html[lang] body .orders-completed .customer-order-status{background:var(--app-line)!important;border-color:transparent!important}
@media(min-width:600px){.progress-label{font-size:13px}}
.orders-heading-row{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.orders-heading-row .my-orders-heading{margin:0!important;flex:none}
.orders-heading-row small{font-size:12px;color:var(--app-muted);font-weight:400}
html[lang] body .orders-history .customer-order-card{display:block;width:100%;margin-bottom:12px!important;background:var(--app-group)!important;box-shadow:none!important;color:var(--app-muted)!important;border-color:var(--app-line)!important}
html[lang] body .orders-history .customer-order-card :is(.customer-order-number,.customer-order-total,.customer-order-date){color:var(--app-muted)!important}
html[lang] body .orders-history .customer-order-card:not(.order-negative) .customer-order-status{color:var(--app-muted)!important;background:var(--app-line)!important;border-color:transparent!important}
html[lang] body .notification-unread-badge{position:absolute;top:0;inset-inline-end:-2px;min-width:19px;height:19px;box-sizing:border-box;padding:0 4px;border:1px solid #c92336;border-radius:999px;background:#d82c3f;color:#fff;font-family:inherit;font-size:11px;font-weight:700;line-height:17px;text-align:center;pointer-events:none}
html[lang] body .notification-unread-badge[hidden]{display:none!important}
.notification-group{margin:24px 0}
.notification-group>h2{font-size:17px;font-weight:700}
.notification-group h3{font-size:15px;margin:0;line-height:1.6}
.notification-group time{display:block;color:var(--app-muted);font-size:11px}
.notification-history{background:var(--app-group);color:var(--app-muted)}
.notification-new{border-inline-start:3px solid var(--app-yellow)}
html[lang] body .app-confirm button.permission-allow{background:var(--app-yellow)!important;color:var(--app-ink)!important}
/* Offer composer uses the same typography and brand controls as item sheets. */
.composed-offer{font:inherit;width:min(540px,92vw);max-height:86dvh;overflow:auto;border:0;border-radius:24px;background:#fff;color:#222;padding:24px;box-sizing:border-box}
.composed-offer::backdrop{background:#0006}.composed-offer button{font:inherit;border:0;border-radius:12px;padding:12px;background:#f2f2ef;color:#333;margin:6px}.composed-offer .offer-add{background:#ffcf28;width:100%;margin:16px 0 4px}.offer-component{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #eee;padding:12px 0}.offer-component small{color:#666}.composed-offer input{font:inherit;width:70px;padding:10px;border:1px solid #ddd;border-radius:10px}