/* iDrugstore PWA Structural Design System v13.0 — consumer mobile shell */
@media (max-width:767px){
:root{--app-brand:#d41421;--app-brand-strong:#ad0f19;--app-brand-soft:#fff0f1;--app-bg:#f4f6f8;--app-surface:#fff;--app-ink:#17202b;--app-muted:#657180;--app-line:#e2e7ec;--app-success:#087a4b;--app-warning:#a85b00;--app-danger:#b4232d;--app-info:#1769aa;--app-gutter:10px;--app-header:62px;--app-nav:78px;--app-r-sm:10px;--app-r-md:15px;--app-r-lg:21px;--app-shadow:0 10px 28px rgba(23,32,43,.08);--app-z-header:900;--app-z-nav:950;--app-z-overlay:1100;--app-z-sheet:1110}
html{scroll-padding-top:calc(var(--app-header) + env(safe-area-inset-top));background:var(--app-bg)}
body.id-pwa-native{width:100%;min-width:0;max-width:100%;margin:0;background:var(--app-bg)!important;color:var(--app-ink)!important;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;padding-right:env(safe-area-inset-right)!important;padding-bottom:calc(var(--app-nav) + 12px + env(safe-area-inset-bottom))!important;padding-left:env(safe-area-inset-left)!important}
body.id-pwa-native *,body.id-pwa-native *:before,body.id-pwa-native *:after{box-sizing:border-box}
body.id-pwa-native #main-content,body.id-pwa-native #main-content>*,body.id-pwa-native .sections,body.id-pwa-native section{width:100%!important;max-width:100%!important;min-width:0!important;margin-right:0!important;margin-left:0!important}
body.id-pwa-native .container{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding-right:var(--app-gutter)!important;padding-left:var(--app-gutter)!important}
body.id-pwa-native .row{max-width:100%!important;margin-right:0!important;margin-left:0!important}
body.id-pwa-native [class*="col-"]{min-width:0;max-width:100%}
body.id-pwa-native img{max-width:100%;height:auto}
body.id-pwa-native h1,body.id-pwa-native h2,body.id-pwa-native h3,body.id-pwa-native h4,body.id-pwa-native p{overflow-wrap:anywhere}
body.id-pwa-native a,body.id-pwa-native button,body.id-pwa-native input,body.id-pwa-native select,body.id-pwa-native textarea{-webkit-tap-highlight-color:transparent}
body.id-pwa-native :focus-visible{outline:3px solid rgba(212,20,33,.28)!important;outline-offset:2px!important}

/* Shared page surfaces */
body.id-pwa-native .sections{padding:18px 0 28px!important;background:var(--app-bg)!important}
body.id-pwa-native .box-grey,body.id-pwa-native .box-grey2,body.id-pwa-native .rounded{max-width:100%!important;border:1px solid var(--app-line)!important;border-radius:var(--app-r-lg)!important;background:var(--app-surface)!important;box-shadow:none!important}
body.id-pwa-native .section-label{margin:0 0 14px!important;border:0!important}
body.id-pwa-native .section-label-a{display:flex!important;align-items:center!important;gap:10px!important;color:var(--app-ink)!important;font-size:17px!important;font-weight:850!important;line-height:1.2!important}
body.id-pwa-native .section-label-a .i-big{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;border-radius:12px!important;background:var(--app-brand-soft)!important;color:var(--app-brand)!important;font-size:20px!important}
body.id-pwa-native .bold{font-weight:800!important}
body.id-pwa-native .small{color:var(--app-muted)!important;font-size:12px!important;line-height:1.45!important}

/* Buttons and controls */
body.id-pwa-native button,body.id-pwa-native .uk-button,body.id-pwa-native .green-button,body.id-pwa-native .orange-button,body.id-pwa-native .red-button,body.id-pwa-native input[type=submit]{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:46px!important;padding:10px 15px!important;border:0!important;border-radius:13px!important;background:var(--app-brand)!important;color:#fff!important;font-family:inherit!important;font-size:13px!important;font-weight:800!important;line-height:1.2!important;text-decoration:none!important;box-shadow:none!important}
body.id-pwa-native button:active,body.id-pwa-native .uk-button:active,body.id-pwa-native .green-button:active,body.id-pwa-native .orange-button:active{background:var(--app-brand-strong)!important;transform:scale(.985)}
body.id-pwa-native button[disabled],body.id-pwa-native input[disabled]{opacity:.52!important;pointer-events:none}
body.id-pwa-native input:not([type=checkbox]):not([type=radio]):not([type=hidden]),body.id-pwa-native select,body.id-pwa-native textarea{display:block!important;width:100%!important;max-width:100%!important;min-height:50px!important;margin:0!important;padding:12px 13px!important;border:1px solid #d9e0e6!important;border-radius:13px!important;background:#fff!important;color:var(--app-ink)!important;font-family:inherit!important;font-size:16px!important;line-height:1.35!important;box-shadow:none!important}
body.id-pwa-native textarea{min-height:112px!important;resize:vertical}
body.id-pwa-native input:focus,body.id-pwa-native select:focus,body.id-pwa-native textarea:focus{border-color:var(--app-brand)!important;box-shadow:0 0 0 3px rgba(212,20,33,.11)!important;outline:0!important}
body.id-pwa-native label{display:block!important;margin:0 0 6px!important;color:#3f4a56!important;font-size:12px!important;font-weight:750!important;line-height:1.35!important}
body.id-pwa-native form .row>[class*="col-"]{float:none!important;width:100%!important;padding-right:0!important;padding-left:0!important}

/* Header and navigation */
body.id-pwa-native .top-menu-wrapper{z-index:var(--app-z-header)!important}
body.id-pwa-native .id-pwa-tabbar{z-index:var(--app-z-nav)!important}
body.id-pwa-native .id-pwa-context-copy small{color:var(--app-brand)!important;font-size:9px!important;letter-spacing:.05em!important}
body.id-pwa-native .id-pwa-context-copy strong{color:var(--app-ink)!important;font-size:14px!important}
body.id-pwa-native .id-pwa-back{flex:0 0 42px!important}
body.id-pwa-native nav.id-pwa-tabbar>a{min-height:56px!important}

/* Tables become readable mobile records */
body.id-pwa-native table{display:block!important;width:100%!important;max-width:100%!important;border:0!important;overflow-x:auto!important;scrollbar-width:thin!important}
body.id-pwa-native table th,body.id-pwa-native table td{padding:10px!important;font-size:12px!important;line-height:1.4!important;vertical-align:top!important}
body.id-pwa-page-addressbook #table_list thead,body.id-pwa-page-orderhistory .order-order-history thead{display:none!important}
body.id-pwa-page-addressbook #table_list tbody,body.id-pwa-page-addressbook #table_list tr,body.id-pwa-page-addressbook #table_list td{display:block!important;width:100%!important}
body.id-pwa-page-addressbook #table_list tr{margin:0 0 10px!important;padding:13px!important;border:1px solid var(--app-line)!important;border-radius:15px!important;background:#fff!important}

/* Search and results */
body.id-pwa-page-searcharea .search-left-content,body.id-pwa-page-searcharea #mobile-search-filter{position:fixed!important;z-index:var(--app-z-sheet)!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;max-height:82dvh!important;padding:18px 12px calc(18px + env(safe-area-inset-bottom))!important;border-radius:24px 24px 0 0!important;background:#fff!important;overflow-y:auto!important;transform:translateY(105%);transition:transform .22s ease!important}
body.id-pwa-page-searcharea .search-left-content.open,body.id-pwa-page-searcharea #mobile-search-filter.open{transform:translateY(0)!important}
body.id-pwa-page-searcharea .search-right-content{float:none!important;width:100%!important;padding:0!important}
body.id-pwa-page-searcharea .search-results-wrapper,body.id-pwa-page-searcharea .result-merchant{width:100%!important}
body.id-pwa-page-searcharea .search-result-options{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;overflow-x:auto!important}
body.id-pwa-page-searcharea .view-options a{min-width:42px!important;min-height:42px!important}

/* Product detail as a native bottom sheet/page */
body.id-pwa-page-item .sections{padding:0!important;background:rgba(15,23,32,.42)!important}
body.id-pwa-page-item .sections>.container{padding:0!important}
body.id-pwa-page-item .item-order-wrap,body.id-pwa-page-item .item-details-wrap,body.id-pwa-page-item form{width:100%!important;max-width:100%!important}
body.id-pwa-page-item .food-pic{width:100%!important;min-height:210px!important;border-radius:0 0 22px 22px!important;background-position:center!important;background-size:cover!important}
body.id-pwa-page-item .qty-minus,body.id-pwa-page-item .qty-plus,body.id-pwa-page-item .qty-addon-minus,body.id-pwa-page-item .qty-addon-plus{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;border-radius:50%!important}
body.id-pwa-page-item .row>[class*="col-"]{min-width:0!important}
body.id-pwa-page-item .section-label{margin-top:18px!important}

/* Cart */
body.id-pwa-page-cart .sections,body.id-pwa-page-cart .mobile-cart-main{padding:10px!important;background:var(--app-bg)!important}
body.id-pwa-page-cart .item-order-wrap>div,body.id-pwa-page-cart .cart-item{margin-bottom:8px!important;padding:13px!important;border-bottom:1px solid var(--app-line)!important;background:#fff!important}
body.id-pwa-page-cart .qty,body.id-pwa-page-cart .qty-input{min-width:42px!important;text-align:center!important}
body.id-pwa-page-cart .cart-total-wrap,body.id-pwa-page-cart .order-total-wrap{position:sticky!important;z-index:20!important;bottom:calc(var(--app-nav) + env(safe-area-inset-bottom))!important;padding:13px!important;border:1px solid var(--app-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:var(--app-shadow)!important}

/* Checkout, payment and confirmation */
body.id-pwa-page-checkout .section-checkout>.container>.row,body.id-pwa-page-paymentoption .section-payment-option>.container>.row,body.id-pwa-page-confirmorder .section-confirmorder>.container>.row{display:block!important}
body.id-pwa-page-checkout .section-checkout>.container>.row>[class*="col-"],body.id-pwa-page-paymentoption .section-payment-option>.container>.row>[class*="col-"],body.id-pwa-page-confirmorder .section-confirmorder>.container>.row>[class*="col-"]{float:none!important;width:100%!important;margin:0 0 12px!important;padding:0!important}
body.id-pwa-page-checkout .section-checkout .box-grey,body.id-pwa-page-paymentoption .section-payment-option .box-grey,body.id-pwa-page-confirmorder .section-confirmorder .box-grey{padding:16px!important}
body.id-pwa-page-paymentoption .payment-option-list li,body.id-pwa-page-paymentoption .payment-options li{display:flex!important;align-items:flex-start!important;gap:10px!important;min-height:52px!important;padding:12px 0!important;border-bottom:1px solid var(--app-line)!important}
body.id-pwa-page-paymentoption .sticky-div,body.id-pwa-page-confirmorder .sticky-div{position:static!important;width:100%!important}
body.id-pwa-page-confirmorder .table-order-details,body.id-pwa-page-receipt table{border-radius:14px!important;background:#fff!important}

/* Account, orders, points */
body.id-pwa-page-profile .id-account-shell,body.id-pwa-page-orderhistory .section-profile,body.id-pwa-page-mypoints .sections{padding:10px 0 24px!important}
body.id-pwa-page-orderhistory .order-history-list>li,body.id-pwa-page-orderhistory .uk-list>li{margin:0 0 10px!important;padding:14px!important;border:1px solid var(--app-line)!important;border-radius:16px!important;background:#fff!important}
body.id-pwa-page-orderhistory .order-order-history{margin-top:10px!important;border-top:1px solid var(--app-line)!important}
body.id-pwa-page-mypoints .mytable{display:flex!important;flex-wrap:wrap!important;gap:8px!important;width:100%!important}

/* Error, empty, verification and content states */
body.id-pwa-page-error .sections,body.id-pwa-page-404 .sections,body.id-pwa-page-forgotpassword .sections,body.id-pwa-page-emailverification .sections,body.id-pwa-page-verification .sections,body.id-pwa-page-ty .sections{display:grid!important;place-items:center!important;min-height:calc(100dvh - var(--app-header) - var(--app-nav))!important;padding:20px 10px!important}
body.id-pwa-native .section-notfound,body.id-pwa-native .id-empty-state,body.id-pwa-native .section-mobile-verification,body.id-pwa-native .section-orangeform{width:100%!important;max-width:520px!important;margin:0 auto!important;padding:22px 16px!important;border:1px solid var(--app-line)!important;border-radius:22px!important;background:#fff!important;text-align:center!important}

/* Modal -> bottom sheet */
body.id-pwa-native .modal,body.id-pwa-native .uk-modal{z-index:var(--app-z-overlay)!important;padding:0!important;background:rgba(15,23,32,.48)!important}
body.id-pwa-native .modal-dialog,body.id-pwa-native .uk-modal-dialog{position:absolute!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;max-width:100%!important;max-height:88dvh!important;margin:0!important;padding:18px 12px calc(18px + env(safe-area-inset-bottom))!important;border-radius:24px 24px 0 0!important;background:#fff!important;overflow-y:auto!important}
body.id-pwa-native .modal-dialog:before,body.id-pwa-native .uk-modal-dialog:before{display:block;width:42px;height:4px;margin:0 auto 14px;border-radius:5px;background:#d9dee4;content:""}
body.id-pwa-native .modal-close-btn,body.id-pwa-native button.close{position:sticky!important;z-index:2!important;top:0!important;float:right!important;width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;border-radius:50%!important}

/* Status semantics */
body.id-pwa-native .label-success{background:#e5f7ef!important;color:var(--app-success)!important}
body.id-pwa-native .label-danger,body.id-pwa-native .label-error{background:#fff0f1!important;color:var(--app-danger)!important}
body.id-pwa-native .label-warning{background:#fff7e8!important;color:var(--app-warning)!important}
body.id-pwa-native .label{display:inline-flex!important;align-items:center!important;min-height:26px!important;padding:4px 9px!important;border-radius:999px!important;font-size:10px!important;font-weight:800!important}
}
@media(max-width:359px){:root{--app-gutter:8px}body.id-pwa-native .section-label-a{font-size:16px!important}body.id-pwa-native .modal-dialog,body.id-pwa-native .uk-modal-dialog{padding-right:9px!important;padding-left:9px!important}}
@media(min-width:768px) and (max-width:1024px){body.id-pwa-native .container{max-width:920px!important}body.id-pwa-native .id-pwa-tabbar{max-width:620px!important;margin:0 auto!important}}
@media(orientation:landscape) and (max-height:520px){body.id-pwa-native .top-menu-wrapper{position:relative!important}body.id-pwa-native .modal-dialog,body.id-pwa-native .uk-modal-dialog{max-height:96dvh!important}}
@media(prefers-reduced-motion:reduce){body.id-pwa-native *,body.id-pwa-native *:before,body.id-pwa-native *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* v13 structural remediation: fix causes, never mask viewport overflow */
@media (max-width:1024px){
:root{--app-page-max:760px;--app-gutter:clamp(12px,3.6vw,24px);--app-control:48px;--app-header:calc(60px + env(safe-area-inset-top));--app-nav:calc(64px + env(safe-area-inset-bottom));--app-space-1:4px;--app-space-2:8px;--app-space-3:12px;--app-space-4:16px;--app-space-5:24px;--app-space-6:32px}
html{inline-size:100%;min-inline-size:0;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-block-start:var(--app-header)}
body.id-pwa-native{inline-size:100%;min-inline-size:0;max-inline-size:none;padding-inline:env(safe-area-inset-left) env(safe-area-inset-right)!important;padding-block-end:calc(var(--app-nav) + var(--app-space-4))!important;overscroll-behavior-y:contain}
body.id-pwa-native :where(main,#main-content,.main-wrapper,.content-wrapper,.sections,section,.container,.row,[class*="col-"],form,fieldset,article,aside,nav,ul,li,div){min-inline-size:0}
body.id-pwa-native :where(#main-content,.main-wrapper,.content-wrapper,.sections,section){inline-size:100%;max-inline-size:100%;margin-inline:0}
body.id-pwa-native .container{inline-size:min(100%,var(--app-page-max))!important;max-inline-size:var(--app-page-max)!important;margin-inline:auto!important;padding-inline:var(--app-gutter)!important}
body.id-pwa-native .row{display:flex;flex-wrap:wrap;inline-size:100%;max-inline-size:100%;margin-inline:0!important}
body.id-pwa-native .row>[class*="col-"]{min-inline-size:0;max-inline-size:100%;padding-inline:0}
body.id-pwa-native :where(img,svg,video,canvas,iframe){display:block;max-inline-size:100%;block-size:auto}
body.id-pwa-native :where(h1,h2,h3,h4,h5,p,a,span,strong,small,label,td,th){max-inline-size:100%;overflow-wrap:break-word;word-break:normal}
body.id-pwa-native :where(input,select,textarea,button,.uk-button,.green-button,.orange-button,.red-button){max-inline-size:100%;font:inherit}
body.id-pwa-native :where(button,.uk-button,.green-button,.orange-button,.red-button,input[type="submit"],input[type="button"]){min-block-size:var(--app-control)!important;padding:11px 16px!important;white-space:normal;text-align:center;touch-action:manipulation}
body.id-pwa-native :where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid rgba(212,20,33,.28)!important;outline-offset:2px!important}
body.id-pwa-native :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea){inline-size:100%!important;min-block-size:var(--app-control)!important;font-size:16px!important}
body.id-pwa-native .section-footer,body.id-pwa-native .section-subcribe,body.id-pwa-native .footer-divider{display:none!important}
body.id-pwa-native .top-menu-wrapper{position:sticky!important;inset-block-start:0;inline-size:100%;min-block-size:var(--app-header);padding-block-start:env(safe-area-inset-top);isolation:isolate}
body.id-pwa-native .top-menu-wrapper>.container{display:flex!important;align-items:center;gap:10px;min-block-size:60px}
body.id-pwa-native .id-pwa-context{display:flex;align-items:center;gap:10px;min-inline-size:0;flex:1}
body.id-pwa-native .id-pwa-context-copy{display:flex;min-inline-size:0;flex-direction:column}
body.id-pwa-native .id-pwa-context-copy strong{display:block;max-inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.id-pwa-native .id-pwa-back{inline-size:44px!important;min-inline-size:44px!important;block-size:44px!important;min-block-size:44px!important;padding:0!important;border-radius:50%!important}
body.id-pwa-native .id-pwa-tabbar{position:fixed;inset-inline:0;inset-block-end:0;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));inline-size:100%;min-inline-size:0;padding:6px max(6px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));border-block-start:1px solid var(--app-line);background:rgba(255,255,255,.96);backdrop-filter:blur(18px)}
body.id-pwa-native .id-pwa-tabbar>a{display:flex!important;min-inline-size:0;min-block-size:54px!important;padding:5px 2px!important;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--app-muted)!important;text-align:center}
body.id-pwa-native .id-pwa-tabbar>a i{display:grid;inline-size:26px;block-size:26px;place-items:center;font-size:23px;line-height:1}
body.id-pwa-native .id-pwa-tabbar>a span{display:block;inline-size:100%;overflow:hidden;font-size:10px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
body.id-pwa-native .id-pwa-tabbar>a.is-active{color:var(--app-brand)!important}
body.id-pwa-native.id-pwa-keyboard-open .id-pwa-tabbar,body.id-pwa-native.id-pwa-keyboard-open .id-menu-cart-dock{display:none!important}
body.id-pwa-native.id-pwa-keyboard-open{padding-block-end:var(--app-space-4)!important}
body.id-pwa-native .sections{padding-block:var(--app-space-4) var(--app-space-6)!important}
body.id-pwa-native .box-grey,body.id-pwa-native .box-grey2,body.id-pwa-native .rounded{inline-size:100%;min-inline-size:0;padding:var(--app-space-4);border-radius:18px!important}
body.id-pwa-native :where(.merchant-list,.result-merchant,.restaurant-list,.cuisine-list,.product-list,.order-history-list,.favorites-list){inline-size:100%;min-inline-size:0}
body.id-pwa-native :where(.merchant-list,.result-merchant,.restaurant-list,.product-list) :where(.row,ul){display:grid!important;grid-template-columns:minmax(0,1fr);gap:var(--app-space-3);inline-size:100%}
body.id-pwa-native :where(.merchant-list,.result-merchant,.restaurant-list,.product-list) :where(li,[class*="col-"]){inline-size:100%!important;min-inline-size:0!important;max-inline-size:100%!important;margin:0!important;padding:0!important}
body.id-pwa-native :where(.merchant-list,.result-merchant,.restaurant-list,.product-list) img{inline-size:100%;aspect-ratio:16/9;object-fit:cover}
body.id-pwa-native :where(.menu-category,.category-list,.cuisine-list,.tabs,.uk-tab){display:flex!important;max-inline-size:100%;gap:8px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;scrollbar-width:none}
body.id-pwa-native :where(.menu-category,.category-list,.cuisine-list,.tabs,.uk-tab)::-webkit-scrollbar{display:none}
body.id-pwa-native :where(.menu-category,.category-list,.cuisine-list,.tabs,.uk-tab)>*{flex:0 0 auto;scroll-snap-align:start}
body.id-pwa-native :where(.food-item-wrap,.menu-item,.item-row,.cart-item,.order-item){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--app-space-3);inline-size:100%;min-inline-size:0;align-items:start}
body.id-pwa-native :where(.food-item-wrap,.menu-item,.item-row,.cart-item,.order-item)>*{min-inline-size:0;max-inline-size:100%}
body.id-pwa-native .food-pic{inline-size:100%!important;aspect-ratio:16/10;min-block-size:0!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important}
body.id-pwa-native .item-order-wrap{inline-size:100%;min-inline-size:0}
body.id-pwa-native :where(.qty-minus,.qty-plus,.qty-addon-minus,.qty-addon-plus){inline-size:44px!important;min-inline-size:44px!important;block-size:44px!important;min-block-size:44px!important;padding:0!important}
body.id-pwa-native :where(.cart-total-wrap,.order-total-wrap,.sticky-div){max-inline-size:100%;inset-inline:auto!important}
body.id-pwa-native :where(.section-checkout,.section-payment-option,.section-confirmorder,.section-profile)>.container>.row{display:grid!important;grid-template-columns:minmax(0,1fr);gap:var(--app-space-3)}
body.id-pwa-native :where(.section-checkout,.section-payment-option,.section-confirmorder,.section-profile)>.container>.row>[class*="col-"]{inline-size:100%!important;margin:0!important;padding:0!important}
body.id-pwa-native table{inline-size:100%!important;max-inline-size:100%!important;border-collapse:collapse}
body.id-pwa-native :where(#table_list,.order-order-history,.table-order-details){table-layout:fixed}
body.id-pwa-native :where(#table_list,.order-order-history,.table-order-details) :where(th,td){max-inline-size:100%;white-space:normal!important;overflow-wrap:anywhere}
body.id-pwa-native :where(.modal,.uk-modal){position:fixed!important;inset:0!important;inline-size:100%!important;block-size:100dvh!important;padding:0!important;overscroll-behavior:contain}
body.id-pwa-native :where(.modal-dialog,.uk-modal-dialog){position:absolute!important;inset-inline:0!important;inset-block-end:0!important;inline-size:100%!important;max-inline-size:100%!important;max-block-size:min(88dvh,720px)!important;margin:0!important;padding:20px var(--app-gutter) calc(20px + env(safe-area-inset-bottom))!important;overflow-y:auto!important;overscroll-behavior:contain;border-radius:24px 24px 0 0!important}
body.id-pwa-native :where(.modal-footer,.uk-modal-footer){display:flex;flex-wrap:wrap;gap:8px;position:sticky;inset-block-end:0;padding-block-start:12px;background:inherit}
body.id-pwa-native :where(.modal-footer,.uk-modal-footer)>*{flex:1 1 140px}
body.id-pwa-native .id-pwa-install{inset-inline:var(--app-gutter)!important;max-inline-size:calc(100% - (2 * var(--app-gutter)));grid-template-columns:auto minmax(0,1fr) auto;gap:10px}
body.id-pwa-native .id-menu-cart-dock{inset-inline:var(--app-gutter)!important;max-inline-size:calc(100% - (2 * var(--app-gutter)))}
}
@media (min-width:600px) and (max-width:1024px){
body.id-pwa-native :where(.merchant-list,.result-merchant,.restaurant-list,.product-list) :where(.row,ul){grid-template-columns:repeat(2,minmax(0,1fr))}
body.id-pwa-native :where(.section-checkout,.section-payment-option,.section-confirmorder)>.container>.row{grid-template-columns:repeat(2,minmax(0,1fr))}
body.id-pwa-native .modal-dialog,body.id-pwa-native .uk-modal-dialog{inset-inline:50%!important;inline-size:min(680px,calc(100% - 32px))!important;transform:translateX(-50%)}
}
@media (max-width:359px){
body.id-pwa-native .id-pwa-tabbar>a span{font-size:9px}
body.id-pwa-native .id-pwa-context-copy small{display:none}
body.id-pwa-native :where(button,.uk-button,.green-button,.orange-button,.red-button,input[type="submit"]){padding-inline:12px!important}
}
@media (orientation:landscape) and (max-height:520px){
body.id-pwa-native{--app-header:52px;--app-nav:58px}
body.id-pwa-native .top-menu-wrapper>.container{min-block-size:52px}
body.id-pwa-native .id-pwa-tabbar>a{min-block-size:46px!important;flex-direction:row}
body.id-pwa-native .modal-dialog,body.id-pwa-native .uk-modal-dialog{max-block-size:96dvh!important}
}
/* Measured overflow fixes from production DOM */
@media (max-width:1024px){
body.id-pwa-native .row.border{inset-inline:0!important;transform:none!important}
body.id-pwa-native .id-plans-grid,body.id-pwa-native .id-plan-grid{display:grid!important;grid-template-columns:minmax(0,1fr);gap:var(--app-space-3);inline-size:100%;max-inline-size:100%}
body.id-pwa-native .id-plan-card{position:relative;inline-size:100%!important;min-inline-size:0!important;max-inline-size:100%!important;margin-inline:0!important;transform:none!important}
body.id-pwa-native .id-plan-card::before,body.id-pwa-native .id-plan-card::after{max-inline-size:100%;inset-inline:0}
body.id-pwa-native .id-plan-card :where(.id-plan-topline,.id-plan-price,.id-plan-features,.id-plan-action){min-inline-size:0;max-inline-size:100%}
body.id-pwa-native .id-plan-badge{inset-inline:auto var(--app-space-3)!important;max-inline-size:calc(100% - (2 * var(--app-space-3)));transform:none!important;white-space:normal}
}
@media (min-width:600px) and (max-width:1024px){body.id-pwa-native .id-plans-grid,body.id-pwa-native .id-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1024px){
body.id-pwa-native .id-plan-card.is-featured::after{inline-size:clamp(100px,35vw,180px)!important;block-size:clamp(100px,35vw,180px)!important;inset-inline-start:auto!important;inset-inline-end:0!important;inset-block-start:0!important;transform:none!important}
body.id-pwa-native .row.border{position:relative!important;inset-inline-start:0!important;inset-inline-end:auto!important;inline-size:100%!important;max-inline-size:100%!important;margin-inline:0!important}
}
/* Accessibility findings from 320/390 emulation */
@media (max-width:1024px){
body.id-pwa-native .label-success{background:#dff5ea!important;color:#055f3a!important}
body.id-pwa-page-menu #parallax-wrap{position:relative;isolation:isolate}
body.id-pwa-page-menu #parallax-wrap::before{position:absolute;z-index:0;inset:0;background:linear-gradient(180deg,rgba(9,18,27,.48),rgba(9,18,27,.72));content:"";pointer-events:none}
body.id-pwa-page-menu #parallax-wrap>*{position:relative;z-index:1}
body.id-pwa-page-menu #parallax-wrap h1{color:#fff!important}
body.id-pwa-native #mobile-menu-toggle{display:grid!important;inline-size:44px!important;min-inline-size:44px!important;block-size:44px!important;min-block-size:44px!important;place-items:center}
}