html[data-brand=mango][data-surface=mobile],html[data-brand=mango][data-surface=mobile] body{min-height:100%;color:var(--brand-text);font-family:var(--font-inter);background:#eeeae6;margin:0;padding:0}html[data-brand=mango][data-surface=mobile] *{box-sizing:border-box}html[data-brand=mango][data-surface=mobile] button,html[data-brand=mango][data-surface=mobile] input,html[data-brand=mango][data-surface=mobile] textarea,html[data-brand=mango][data-surface=mobile] select{font:inherit}html[data-brand=mango][data-surface=mobile] button,html[data-brand=mango][data-surface=mobile] a{-webkit-tap-highlight-color:transparent}html[data-brand=mango][data-surface=mobile] :focus-visible{outline:3px solid var(--brand-focus);outline-offset:2px}html[data-brand=mango][data-surface=mobile] .mg-app{background:var(--brand-surface);grid-template-rows:auto minmax(0,1fr) auto;width:min(100%,430px);height:100dvh;min-height:100dvh;margin:0 auto;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 1px #1715150f}html[data-brand=mango][data-surface=mobile] .mg-skip-link{z-index:1000;background:var(--brand-primary);color:#fff;border-radius:8px;padding:10px 14px;position:fixed;top:8px;left:12px;transform:translateY(-150%)}html[data-brand=mango][data-surface=mobile] .mg-skip-link:focus{transform:translateY(0)}html[data-brand=mango][data-surface=mobile] .mg-shell-header{z-index:30;padding:env(safe-area-inset-top) 16px 0;background:var(--brand-surface);border-bottom:1px solid var(--brand-border)}html[data-brand=mango][data-surface=mobile] .mg-masthead{justify-content:space-between;align-items:center;min-height:62px;display:flex}html[data-brand=mango][data-surface=mobile] .mg-logo{align-items:center;width:142px;height:48px;display:inline-flex}html[data-brand=mango][data-surface=mobile] .mg-logo img{object-fit:contain;width:100%;height:100%;display:block}html[data-brand=mango][data-surface=mobile] .mg-cart-button{width:48px;height:48px;color:var(--brand-primary-dark);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}html[data-brand=mango][data-surface=mobile] .mg-cart-button svg{stroke-width:1.9px;width:25px;height:25px}html[data-brand=mango][data-surface=mobile] .mg-cart-count{border:2px solid var(--brand-surface);background:var(--brand-primary);color:#fff;border-radius:10px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:10px;font-weight:800;display:grid;position:absolute;top:2px;right:2px}html[data-brand=mango][data-surface=mobile] .mg-order-context{border-radius:var(--brand-radius);background:var(--brand-surface-soft);width:100%;min-height:50px;color:var(--brand-text);text-align:left;cursor:pointer;border:0;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:9px;margin:0 0 12px;padding:0 12px;display:grid}html[data-brand=mango][data-surface=mobile] .mg-order-context span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:650;overflow:hidden}html[data-brand=mango][data-surface=mobile] .mg-order-context small{color:var(--brand-text-muted);white-space:nowrap;font-size:12px}html[data-brand=mango][data-surface=mobile] .mg-order-context svg{flex:none;width:18px;height:18px}html[data-brand=mango][data-surface=mobile] .mg-main{overscroll-behavior:contain;scroll-behavior:smooth;min-height:0;overflow:hidden auto}html[data-brand=mango][data-surface=mobile] .mg-main--immersive{grid-row:1/-1}html[data-brand=mango][data-surface=mobile] .mg-bottom-nav{z-index:35;min-height:calc(66px + env(safe-area-inset-bottom));padding:4px 4px env(safe-area-inset-bottom);border-top:1px solid var(--brand-border);background:var(--brand-surface);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}html[data-brand=mango][data-surface=mobile] .mg-bottom-nav a{min-width:0;min-height:56px;color:var(--brand-text);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:600;text-decoration:none;display:flex}html[data-brand=mango][data-surface=mobile] .mg-bottom-nav a[data-active=true]{color:var(--brand-primary);font-weight:750}html[data-brand=mango][data-surface=mobile] .mg-bottom-nav svg{stroke-width:1.85px;width:23px;height:23px}html[data-brand=mango][data-surface=mobile] .mg-toast-viewport{z-index:200;left:50%;bottom:calc(78px + env(safe-area-inset-bottom));pointer-events:none;gap:8px;width:min(100% - 32px,398px);display:grid;position:fixed;transform:translate(-50%)}html[data-brand=mango][data-surface=mobile] .mg-toast{border:1px solid var(--brand-border);pointer-events:auto;background:#fff;border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:12px 14px;display:grid;box-shadow:0 12px 32px #1e0c0c29}html[data-brand=mango][data-surface=mobile] .mg-toast strong,html[data-brand=mango][data-surface=mobile] .mg-toast span{display:block}html[data-brand=mango][data-surface=mobile] .mg-toast span{color:var(--brand-text-muted);margin-top:2px;font-size:13px}html[data-brand=mango][data-surface=mobile] .mg-toast button{min-width:44px;min-height:44px;color:var(--brand-primary);background:0 0;border:0;font-weight:700}html[data-brand=mango][data-surface=mobile] .mg-overlay{z-index:120;background:#170e0e6b;justify-content:center;align-items:flex-end;padding:24px max(0px,50vw - 215px) 0;display:flex;position:fixed;inset:0}html[data-brand=mango][data-surface=mobile] .mg-sheet{width:min(100%,430px);max-height:min(88dvh,760px);padding:8px 16px calc(18px + env(safe-area-inset-bottom));background:var(--brand-surface);border-radius:20px 20px 0 0;overflow-y:auto;box-shadow:0 -16px 40px #230d0d2e}html[data-brand=mango][data-surface=mobile] .mg-sheet-handle{background:#1715152e;border-radius:4px;width:38px;height:4px;margin:0 auto 12px}html[data-brand=mango][data-surface=mobile] .mg-sheet-head{border-bottom:1px solid var(--brand-border);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:14px;display:flex}html[data-brand=mango][data-surface=mobile] .mg-sheet-actions{flex:none;gap:8px;display:flex}html[data-brand=mango][data-surface=mobile] .mg-icon-button[aria-pressed=true]{color:var(--brand-primary);background:#f7e9e7}html[data-brand=mango][data-surface=mobile] .mg-sheet-head h2,html[data-brand=mango][data-surface=mobile] .mg-sheet-head p{margin:0}html[data-brand=mango][data-surface=mobile] .mg-sheet-head h2{font-size:22px;line-height:28px}html[data-brand=mango][data-surface=mobile] .mg-sheet-head p{color:var(--brand-text-muted);margin-top:3px;font-size:13px;line-height:18px}html[data-brand=mango][data-surface=mobile] .mg-icon-button{background:var(--brand-surface-soft);width:44px;height:44px;color:var(--brand-text);cursor:pointer;border:0;border-radius:8px;flex:none;place-items:center;padding:0;display:grid}html[data-brand=mango][data-surface=mobile] .mg-icon-button svg{width:19px;height:19px}html[data-brand=mango][data-surface=mobile] .mg-primary-button{background:var(--brand-primary);color:#fff;cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;width:100%;min-height:50px;padding:0 18px;font-weight:750;text-decoration:none;display:flex}html[data-brand=mango][data-surface=mobile] .mg-empty-state{text-align:center;justify-items:center;padding:42px 10px 18px;display:grid}html[data-brand=mango][data-surface=mobile] .mg-empty-state>svg{width:30px;height:30px;color:var(--brand-primary)}html[data-brand=mango][data-surface=mobile] .mg-empty-state h3{margin:14px 0 4px;font-size:18px}html[data-brand=mango][data-surface=mobile] .mg-empty-state p{color:var(--brand-text-muted);margin:0 0 20px;font-size:14px}html[data-brand=mango][data-surface=mobile] .mg-cart-lines{margin-bottom:14px;display:grid}html[data-brand=mango][data-surface=mobile] .mg-cart-line{border-bottom:1px solid var(--brand-border);grid-template-columns:minmax(0,1fr) auto 44px;align-items:center;gap:10px;padding:14px 0;display:grid}html[data-brand=mango][data-surface=mobile] .mg-cart-line h3,html[data-brand=mango][data-surface=mobile] .mg-cart-line strong{margin:0;font-size:14px}html[data-brand=mango][data-surface=mobile] .mg-cart-line-copy{min-width:0;color:var(--brand-text);text-align:left;background:0 0;border:0;padding:6px 0}html[data-brand=mango][data-surface=mobile] .mg-cart-line strong{color:var(--brand-text-muted);margin-top:3px;font-size:13px;display:block}html[data-brand=mango][data-surface=mobile] .mg-quantity{border:1px solid var(--brand-border);border-radius:8px;grid-template-columns:38px 32px 38px;align-items:center;display:grid;overflow:hidden}html[data-brand=mango][data-surface=mobile] .mg-quantity button,html[data-brand=mango][data-surface=mobile] .mg-quantity span{place-items:center;min-height:38px;display:grid}html[data-brand=mango][data-surface=mobile] .mg-quantity button{color:var(--brand-primary);background:0 0;border:0;padding:0}html[data-brand=mango][data-surface=mobile] .mg-quantity svg{width:15px;height:15px}html[data-brand=mango][data-surface=mobile] .mg-cart-total{justify-content:space-between;margin:0 0 14px;font-size:16px;display:flex}html[data-brand=mango][data-surface=mobile] .mg-plan-section{padding:18px 0 0}html[data-brand=mango][data-surface=mobile] .mg-plan-section h3{align-items:center;gap:8px;margin:0 0 10px;font-size:14px;display:flex}html[data-brand=mango][data-surface=mobile] .mg-plan-section h3 svg{width:17px;height:17px;color:var(--brand-primary)}html[data-brand=mango][data-surface=mobile] .mg-choice-list{border:1px solid var(--brand-border);border-radius:10px;display:grid;overflow:hidden}html[data-brand=mango][data-surface=mobile] .mg-choice-list button{border:0;border-bottom:1px solid var(--brand-border);min-height:64px;color:var(--brand-text);text-align:left;background:0 0;grid-template-columns:36px minmax(0,1fr) 24px;align-items:center;gap:9px;padding:8px 12px;display:grid}html[data-brand=mango][data-surface=mobile] .mg-choice-list button:last-child{border-bottom:0}html[data-brand=mango][data-surface=mobile] .mg-choice-list button[data-selected=true]{background:var(--brand-surface-soft)}html[data-brand=mango][data-surface=mobile] .mg-choice-list button>svg{width:19px;height:19px;color:var(--brand-primary)}html[data-brand=mango][data-surface=mobile] .mg-choice-list span,html[data-brand=mango][data-surface=mobile] .mg-choice-list strong,html[data-brand=mango][data-surface=mobile] .mg-choice-list small{display:block}html[data-brand=mango][data-surface=mobile] .mg-choice-list strong{font-size:14px}html[data-brand=mango][data-surface=mobile] .mg-choice-list small{color:var(--brand-text-muted);margin-top:2px;font-size:12px}html[data-brand=mango][data-surface=mobile] .mg-segmented{background:var(--brand-surface-soft);border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));padding:3px;display:grid}html[data-brand=mango][data-surface=mobile] .mg-segmented button{min-height:44px;color:var(--brand-text-muted);background:0 0;border:0;border-radius:8px;font-weight:700}html[data-brand=mango][data-surface=mobile] .mg-segmented button[data-selected=true]{color:var(--brand-primary);background:#fff;box-shadow:0 1px 4px #210e0e1a}html[data-brand=mango][data-surface=mobile] .mg-segmented button:disabled{opacity:.42}html[data-brand=mango][data-surface=mobile] .mg-plan-address{margin-top:14px}html[data-brand=mango][data-surface=mobile] .mg-schedule-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}html[data-brand=mango][data-surface=mobile] .mg-schedule-fields label{color:var(--brand-text-muted);gap:5px;font-size:11px;font-weight:700;display:grid}html[data-brand=mango][data-surface=mobile] .mg-schedule-fields select{border:1px solid var(--brand-border);width:100%;min-height:44px;color:var(--brand-text);background:#fff;border-radius:8px;padding:0 10px;font-size:13px}html[data-brand=mango][data-surface=mobile] .mg-plan-note,html[data-brand=mango][data-surface=mobile] .mg-inline-notice{color:var(--brand-text-muted);margin:8px 0 0;font-size:12px;line-height:18px}html[data-brand=mango][data-surface=mobile] .mg-plan-section:last-of-type{margin-bottom:18px}html[data-brand=mango][data-surface=mobile] .mg-product-price{font-variant-numeric:tabular-nums;padding:18px 0;font-size:20px;font-weight:800}html[data-brand=mango][data-surface=mobile] .mg-option-group{border:0;min-width:0;margin:0;padding:16px 0 0}html[data-brand=mango][data-surface=mobile] .mg-option-group legend{justify-content:space-between;align-items:baseline;gap:12px;width:100%;margin-bottom:8px;display:flex}html[data-brand=mango][data-surface=mobile] .mg-option-group legend span{font-size:15px;font-weight:800}html[data-brand=mango][data-surface=mobile] .mg-option-group legend small{color:var(--brand-text-muted);font-size:11px}html[data-brand=mango][data-surface=mobile] .mg-option-group>div{border:1px solid var(--brand-border);border-radius:9px;display:grid;overflow:hidden}html[data-brand=mango][data-surface=mobile] .mg-option-group button{border:0;border-bottom:1px solid var(--brand-border);min-height:52px;color:var(--brand-text);text-align:left;background:0 0;grid-template-columns:minmax(0,1fr) auto 20px;align-items:center;gap:10px;padding:8px 12px;display:grid}html[data-brand=mango][data-surface=mobile] .mg-option-group button:last-child{border-bottom:0}html[data-brand=mango][data-surface=mobile] .mg-option-group button[data-selected=true]{background:var(--brand-surface-soft)}html[data-brand=mango][data-surface=mobile] .mg-option-group button>span,html[data-brand=mango][data-surface=mobile] .mg-option-group button>strong{font-size:13px}html[data-brand=mango][data-surface=mobile] .mg-option-group button>strong{color:var(--brand-text-muted);font-weight:600}html[data-brand=mango][data-surface=mobile] .mg-option-group button>svg{width:18px;height:18px;color:var(--brand-primary)}html[data-brand=mango][data-surface=mobile] .mg-inline-notice{background:var(--brand-surface-soft);border-radius:8px;padding:12px}html[data-brand=mango][data-surface=mobile] .mg-product-footer{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin-top:20px;display:grid}html[data-brand=mango][data-surface=mobile] .mg-route-state{background:var(--brand-surface);text-align:center;place-items:center;min-height:100%;padding:24px 16px;display:grid}html[data-brand=mango][data-surface=mobile] .mg-route-state>section{width:min(100%,360px)}html[data-brand=mango][data-surface=mobile] .mg-route-state img{width:150px;height:auto;margin-bottom:18px}html[data-brand=mango][data-surface=mobile] .mg-route-state h1{margin:0 0 8px;font-size:24px;line-height:30px}html[data-brand=mango][data-surface=mobile] .mg-route-state p{color:var(--brand-text-muted);margin:0 0 20px;font-size:14px;line-height:20px}html[data-brand=mango][data-surface=mobile] .mg-state-code{color:var(--brand-accent);letter-spacing:.12em;margin-bottom:10px;font-size:13px;font-weight:800;display:block}html[data-brand=mango][data-surface=mobile] .mg-secondary-button{border:1px solid var(--brand-border);width:100%;min-height:48px;color:var(--brand-primary);background:0 0;border-radius:9px;justify-content:center;align-items:center;margin-top:8px;font-weight:700;text-decoration:none;display:flex}html[data-brand=mango][data-surface=mobile] .mg-secondary-page{background:var(--brand-surface);min-height:100%;padding:20px 16px 32px}html[data-brand=mango][data-surface=mobile] .mg-page-head{margin-bottom:18px}html[data-brand=mango][data-surface=mobile] .mg-page-head>span{color:var(--brand-accent);letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:800}html[data-brand=mango][data-surface=mobile] .mg-page-head h1{margin:4px 0 5px;font-size:28px;line-height:34px}html[data-brand=mango][data-surface=mobile] .mg-page-head p,html[data-brand=mango][data-surface=mobile] .mg-profile-card p,html[data-brand=mango][data-surface=mobile] .mg-profile-card small{color:var(--brand-text-muted);margin:0;font-size:14px;line-height:20px}html[data-brand=mango][data-surface=mobile] .mg-page-back{min-height:44px;color:var(--brand-primary);align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}html[data-brand=mango][data-surface=mobile] .mg-page-back svg,html[data-brand=mango][data-surface=mobile] .mg-secondary-button svg,html[data-brand=mango][data-surface=mobile] .mg-primary-button svg{width:18px;height:18px;margin-right:8px}html[data-brand=mango][data-surface=mobile] .mg-content-card,html[data-brand=mango][data-surface=mobile] .mg-profile-card,html[data-brand=mango][data-surface=mobile] .mg-store-card{border:1px solid var(--brand-border);background:#fff;border-radius:12px}html[data-brand=mango][data-surface=mobile] .mg-profile-card{grid-template-columns:54px minmax(0,1fr);align-items:center;gap:12px;padding:16px;display:grid}html[data-brand=mango][data-surface=mobile] .mg-profile-avatar{background:var(--brand-primary);color:#fff;border-radius:50%;place-items:center;width:54px;height:54px;font-size:20px;font-weight:800;display:grid}html[data-brand=mango][data-surface=mobile] .mg-profile-card h2{margin:0 0 2px;font-size:17px}html[data-brand=mango][data-surface=mobile] .mg-account-empty{padding-top:20px}html[data-brand=mango][data-surface=mobile] .mg-link-list{border:1px solid var(--brand-border);background:#fff;border-radius:12px;margin-top:18px;display:grid;overflow:hidden}html[data-brand=mango][data-surface=mobile] .mg-link-list a,html[data-brand=mango][data-surface=mobile] .mg-settings-action{border:0;border-bottom:1px solid var(--brand-border);min-height:68px;color:var(--brand-text);text-align:left;background:0 0;grid-template-columns:28px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:10px 14px;text-decoration:none;display:grid}html[data-brand=mango][data-surface=mobile] .mg-link-list a:last-child,html[data-brand=mango][data-surface=mobile] .mg-settings-action:last-child{border-bottom:0}html[data-brand=mango][data-surface=mobile] .mg-link-list svg,html[data-brand=mango][data-surface=mobile] .mg-settings-action>svg{width:20px;height:20px;color:var(--brand-primary)}html[data-brand=mango][data-surface=mobile] .mg-link-list span,html[data-brand=mango][data-surface=mobile] .mg-link-list strong,html[data-brand=mango][data-surface=mobile] .mg-link-list small,html[data-brand=mango][data-surface=mobile] .mg-settings-action span,html[data-brand=mango][data-surface=mobile] .mg-settings-action strong,html[data-brand=mango][data-surface=mobile] .mg-settings-action small{display:block}html[data-brand=mango][data-surface=mobile] .mg-link-list strong,html[data-brand=mango][data-surface=mobile] .mg-settings-action strong{font-size:14px}html[data-brand=mango][data-surface=mobile] .mg-link-list small,html[data-brand=mango][data-surface=mobile] .mg-settings-action small{color:var(--brand-text-muted);margin-top:2px;font-size:12px;line-height:17px}html[data-brand=mango][data-surface=mobile] .mg-sign-out{border:1px solid var(--brand-border);width:100%;min-height:48px;color:var(--brand-primary);background:0 0;border-radius:9px;justify-content:center;align-items:center;gap:8px;margin-top:14px;font-weight:700;display:flex}html[data-brand=mango][data-surface=mobile] .mg-sign-out svg{width:18px;height:18px}html[data-brand=mango][data-surface=mobile] .mg-settings-action{grid-template-columns:28px minmax(0,1fr);width:100%}html[data-brand=mango][data-surface=mobile] .mg-settings-action[aria-disabled=true]{opacity:.7}html[data-brand=mango][data-surface=mobile] .mg-secondary-page>.mg-secondary-button{margin-top:14px}html[data-brand=mango][data-surface=mobile] .mg-store-list{gap:14px;display:grid}html[data-brand=mango][data-surface=mobile] .mg-store-card{grid-template-columns:36px minmax(0,1fr);gap:10px;padding:16px;display:grid}html[data-brand=mango][data-surface=mobile] .mg-store-icon{background:var(--brand-surface-soft);width:36px;height:36px;color:var(--brand-primary);border-radius:50%;place-items:center;display:grid}html[data-brand=mango][data-surface=mobile] .mg-store-icon svg{width:19px;height:19px}html[data-brand=mango][data-surface=mobile] .mg-store-card h2{margin:2px 0 4px;font-size:17px}html[data-brand=mango][data-surface=mobile] .mg-store-card p{color:var(--brand-text-muted);margin:0;font-size:13px;line-height:19px}html[data-brand=mango][data-surface=mobile] .mg-store-status{color:var(--brand-primary);margin-top:8px;font-size:12px;display:block}html[data-brand=mango][data-surface=mobile] .mg-store-tags{gap:6px;margin-top:10px;display:flex}html[data-brand=mango][data-surface=mobile] .mg-store-tags span{background:var(--brand-surface-soft);color:var(--brand-text-muted);border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}html[data-brand=mango][data-surface=mobile] .mg-store-card footer{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;margin-top:4px;display:grid}html[data-brand=mango][data-surface=mobile] .mg-store-card footer .mg-primary-button{min-height:46px}html[data-brand=mango][data-surface=mobile] .mg-store-card footer .mg-secondary-button{width:auto;min-height:46px;margin:0;padding:0 12px}html[data-brand=mango][data-surface=mobile] .mg-account-sheet{max-height:82dvh}html[data-brand=mango][data-surface=mobile] .mg-auth-heading{align-items:flex-start;gap:8px;min-width:0;display:flex}html[data-brand=mango][data-surface=mobile] .mg-auth-back{width:36px;height:36px;color:var(--brand-primary);background:0 0;border:0;place-items:center;padding:0;display:grid}html[data-brand=mango][data-surface=mobile] .mg-auth-back svg{width:19px;height:19px}html[data-brand=mango][data-surface=mobile] .mg-auth-form{gap:14px;padding-top:18px;display:grid}html[data-brand=mango][data-surface=mobile] .mg-auth-form label{gap:6px;font-size:13px;font-weight:700;display:grid}html[data-brand=mango][data-surface=mobile] .mg-auth-form input{border:1px solid var(--brand-border);min-height:48px;color:var(--brand-text);background:#fff;border-radius:8px;padding:0 12px}html[data-brand=mango][data-surface=mobile] .mg-form-error{color:#8a1c1c;background:#fff0ee;border-radius:8px;margin:0;padding:10px 12px;font-size:13px;line-height:18px}html[data-brand=mango][data-surface=mobile] .mg-checkout-page{min-height:100%;padding:calc(16px + env(safe-area-inset-top)) 16px calc(28px + env(safe-area-inset-bottom));background:var(--brand-surface)}html[data-brand=mango][data-surface=mobile] .mg-checkout-head{margin-bottom:18px}html[data-brand=mango][data-surface=mobile] .mg-checkout-head h1{margin:0 0 4px;font-size:28px}html[data-brand=mango][data-surface=mobile] .mg-checkout-head p,html[data-brand=mango][data-surface=mobile] .mg-checkout-copy{color:var(--brand-text-muted);margin:0;font-size:13px;line-height:19px}html[data-brand=mango][data-surface=mobile] .mg-checkout-page form{gap:14px;display:grid}html[data-brand=mango][data-surface=mobile] .mg-checkout-card{border:1px solid var(--brand-border);background:#fff;border-radius:12px;padding:16px}html[data-brand=mango][data-surface=mobile] .mg-checkout-card h2{margin:0 0 14px;font-size:17px}html[data-brand=mango][data-surface=mobile] .mg-checkout-fields{gap:12px;display:grid}html[data-brand=mango][data-surface=mobile] .mg-checkout-fields label{color:var(--brand-text);gap:6px;font-size:13px;font-weight:700;display:grid}html[data-brand=mango][data-surface=mobile] .mg-checkout-fields input,html[data-brand=mango][data-surface=mobile] .mg-checkout-fields textarea{border:1px solid var(--brand-border);background:var(--brand-surface);width:100%;min-height:48px;color:var(--brand-text);border-radius:8px;padding:10px 12px}html[data-brand=mango][data-surface=mobile] .mg-checkout-fields textarea{resize:vertical;min-height:82px}html[data-brand=mango][data-surface=mobile] .mg-checkout-plan{gap:9px;display:grid}html[data-brand=mango][data-surface=mobile] .mg-checkout-plan h2{margin-bottom:3px}html[data-brand=mango][data-surface=mobile] .mg-checkout-plan p{align-items:center;gap:9px;margin:0;font-size:13px;display:flex}html[data-brand=mango][data-surface=mobile] .mg-checkout-plan svg{width:18px;height:18px;color:var(--brand-primary)}html[data-brand=mango][data-surface=mobile] .mg-payment-options{gap:8px;display:grid}html[data-brand=mango][data-surface=mobile] .mg-payment-options button{border:1px solid var(--brand-border);min-height:62px;color:var(--brand-text);text-align:left;background:0 0;border-radius:9px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:10px;padding:8px 12px;display:grid}html[data-brand=mango][data-surface=mobile] .mg-payment-options button[data-active=true]{border-color:var(--brand-primary);background:var(--brand-surface-soft)}html[data-brand=mango][data-surface=mobile] .mg-payment-options button>svg{width:21px;height:21px;color:var(--brand-primary)}html[data-brand=mango][data-surface=mobile] .mg-payment-options span,html[data-brand=mango][data-surface=mobile] .mg-payment-options strong,html[data-brand=mango][data-surface=mobile] .mg-payment-options small{display:block}html[data-brand=mango][data-surface=mobile] .mg-payment-options strong{font-size:14px}html[data-brand=mango][data-surface=mobile] .mg-payment-options small{color:var(--brand-text-muted);margin-top:2px;font-size:12px}html[data-brand=mango][data-surface=mobile] .mg-checkout-items{display:grid}html[data-brand=mango][data-surface=mobile] .mg-checkout-items article{border-bottom:1px solid var(--brand-border);grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:68px;display:grid}html[data-brand=mango][data-surface=mobile] .mg-checkout-items article[data-has-image=false]{grid-template-columns:minmax(0,1fr) auto}html[data-brand=mango][data-surface=mobile] .mg-checkout-items article>img,html[data-brand=mango][data-surface=mobile] .mg-checkout-items article>span:first-child{object-fit:cover;border-radius:7px;width:52px;height:46px}html[data-brand=mango][data-surface=mobile] .mg-checkout-items article span,html[data-brand=mango][data-surface=mobile] .mg-checkout-items article strong,html[data-brand=mango][data-surface=mobile] .mg-checkout-items article small{display:block}html[data-brand=mango][data-surface=mobile] .mg-checkout-items article strong,html[data-brand=mango][data-surface=mobile] .mg-checkout-items article b{font-size:13px}html[data-brand=mango][data-surface=mobile] .mg-checkout-items article small{color:var(--brand-text-muted);margin-top:2px;font-size:12px}html[data-brand=mango][data-surface=mobile] .mg-checkout-totals{gap:7px;padding:14px 0;display:grid}html[data-brand=mango][data-surface=mobile] .mg-checkout-totals p{justify-content:space-between;margin:0;font-size:13px;display:flex}html[data-brand=mango][data-surface=mobile] .mg-checkout-totals .mg-checkout-total{border-top:1px solid var(--brand-border);padding-top:9px;font-size:17px}html[data-brand=mango][data-surface=mobile] .mg-checkout-totals>small{color:var(--brand-text-muted);text-align:right;font-size:11px}html[data-brand=mango][data-surface=mobile] .mg-spin{animation:.8s linear infinite mango-spin}@keyframes mango-spin{to{transform:rotate(360deg)}}html[data-brand=mango][data-surface=mobile] .mg-home-page,html[data-brand=mango][data-surface=mobile] .mg-menu-page{padding:4px 16px 28px}html[data-brand=mango][data-surface=mobile] .mg-home-search{background:var(--brand-primary);color:#fff;text-align:left;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;min-height:56px;padding:0 16px;font-size:16px;font-weight:650;display:flex}html[data-brand=mango][data-surface=mobile] .mg-home-search svg{stroke-width:1.8px;width:23px;height:23px}html[data-brand=mango][data-surface=mobile] .mg-home-section{margin-top:22px}html[data-brand=mango][data-surface=mobile] .mg-home-section h1,html[data-brand=mango][data-surface=mobile] .mg-home-section h2{margin:0 0 12px;font-size:19px;font-weight:780;line-height:25px}html[data-brand=mango][data-surface=mobile] .mg-flavour-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}html[data-brand=mango][data-surface=mobile] .mg-flavour-grid button{aspect-ratio:1.72;border:1px solid var(--brand-border);background:var(--brand-surface-soft);min-width:0;color:var(--brand-primary-dark);text-align:left;border-radius:8px;padding:0;position:relative;overflow:hidden}html[data-brand=mango][data-surface=mobile] .mg-flavour-grid img,html[data-brand=mango][data-surface=mobile] .mg-menu-photo img,html[data-brand=mango][data-surface=mobile] .mg-popular-list img{object-fit:cover;width:100%;height:100%;display:block}html[data-brand=mango][data-surface=mobile] .mg-flavour-shade{opacity:0;background:linear-gradient(#0000 28%,#1e0708c7);position:absolute;inset:0}html[data-brand=mango][data-surface=mobile] .mg-flavour-grid .has-photo .mg-flavour-shade{opacity:1}html[data-brand=mango][data-surface=mobile] .mg-flavour-label{align-items:center;gap:7px;font-size:15px;display:flex;position:absolute;inset:auto 10px 9px}html[data-brand=mango][data-surface=mobile] .mg-flavour-label svg{width:18px;height:18px}html[data-brand=mango][data-surface=mobile] .mg-flavour-grid .has-photo .mg-flavour-label{color:#fff}html[data-brand=mango][data-surface=mobile] .mg-popular-list,html[data-brand=mango][data-surface=mobile] .mg-menu-list{display:grid}html[data-brand=mango][data-surface=mobile] .mg-popular-list>button{border:0;border-bottom:1px solid var(--brand-border);min-height:86px;color:var(--brand-text);text-align:left;background:0 0;grid-template-columns:72px minmax(0,1fr) auto 20px;align-items:center;gap:10px;padding:8px 0;display:grid}html[data-brand=mango][data-surface=mobile] .mg-popular-list img,html[data-brand=mango][data-surface=mobile] .mg-popular-placeholder{border-radius:7px;width:72px;height:64px}html[data-brand=mango][data-surface=mobile] .mg-popular-placeholder{background:var(--brand-surface-soft);color:var(--brand-accent);place-items:center;display:grid}html[data-brand=mango][data-surface=mobile] .mg-popular-placeholder svg{width:22px;height:22px}html[data-brand=mango][data-surface=mobile] .mg-popular-copy{min-width:0}html[data-brand=mango][data-surface=mobile] .mg-popular-copy strong,html[data-brand=mango][data-surface=mobile] .mg-popular-copy small{display:block}html[data-brand=mango][data-surface=mobile] .mg-popular-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}html[data-brand=mango][data-surface=mobile] .mg-popular-copy small{color:var(--brand-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:3px;font-size:12px;line-height:17px;display:-webkit-box;overflow:hidden}html[data-brand=mango][data-surface=mobile] .mg-popular-price{font-variant-numeric:tabular-nums;font-size:13px;font-weight:750}html[data-brand=mango][data-surface=mobile] .mg-popular-list>button>svg{width:18px;height:18px}html[data-brand=mango][data-surface=mobile] .mg-inline-state{background:var(--brand-surface-soft);text-align:center;border-radius:9px;padding:24px 12px}html[data-brand=mango][data-surface=mobile] .mg-inline-state p{color:var(--brand-text-muted);margin:0 0 10px;font-size:13px}html[data-brand=mango][data-surface=mobile] .mg-inline-state button{min-height:44px;color:var(--brand-primary);background:0 0;border:0;padding:0 16px;font-weight:750}html[data-brand=mango][data-surface=mobile] .mg-home-loading,html[data-brand=mango][data-surface=mobile] .mg-menu-loading{display:grid}html[data-brand=mango][data-surface=mobile] .mg-home-loading i,html[data-brand=mango][data-surface=mobile] .mg-menu-loading i{border-bottom:1px solid var(--brand-border);background:linear-gradient(90deg, transparent, #ffffffb8, transparent), var(--brand-surface-soft);background-size:240% 100%;height:82px;animation:1.5s linear infinite mango-shimmer;display:block}html[data-brand=mango][data-surface=mobile] .mg-menu-page{padding-top:0;position:relative}html[data-brand=mango][data-surface=mobile] .mg-menu-page.has-cart-bar{padding-bottom:88px}html[data-brand=mango][data-surface=mobile] .mg-menu-title{justify-content:space-between;align-items:center;min-height:44px;display:flex}html[data-brand=mango][data-surface=mobile] .mg-menu-title h1{margin:0;font-size:27px;font-weight:800;line-height:34px}html[data-brand=mango][data-surface=mobile] .mg-menu-title button{min-height:44px;color:var(--brand-primary);background:0 0;border:0;padding:0 2px;font-size:15px;font-weight:750}html[data-brand=mango][data-surface=mobile] .mg-menu-search{background:var(--brand-surface-soft);border-radius:9px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:50px;margin-top:4px;padding:0 13px;display:grid}html[data-brand=mango][data-surface=mobile] .mg-menu-search svg{width:20px;height:20px}html[data-brand=mango][data-surface=mobile] .mg-menu-search input{min-width:0;min-height:48px;color:var(--brand-text);background:0 0;border:0;outline:0;padding:0;font-size:15px}html[data-brand=mango][data-surface=mobile] .mg-menu-search button{background:0 0;border:0;place-items:center;width:44px;height:44px;padding:0;display:grid}html[data-brand=mango][data-surface=mobile] .mg-menu-tabs{border-bottom:1px solid var(--brand-border);scrollbar-width:none;margin:8px -16px 0;padding:0 16px;display:flex;overflow-x:auto}html[data-brand=mango][data-surface=mobile] .mg-menu-tabs::-webkit-scrollbar{display:none}html[data-brand=mango][data-surface=mobile] .mg-menu-tabs button{min-height:48px;color:var(--brand-text);background:0 0;border:0;flex:none;padding:0 8px;font-size:13px;font-weight:600;position:relative}html[data-brand=mango][data-surface=mobile] .mg-menu-tabs button[data-active=true]{color:var(--brand-primary);font-weight:750}html[data-brand=mango][data-surface=mobile] .mg-menu-tabs button[data-active=true]:after{content:"";background:var(--brand-primary);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-1px;left:8px;right:8px}html[data-brand=mango][data-surface=mobile] .mg-menu-section h2{margin:18px 0 4px;font-size:19px;font-weight:780;line-height:25px}html[data-brand=mango][data-surface=mobile] .mg-menu-row{border-bottom:1px solid var(--brand-border);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:98px;display:grid}html[data-brand=mango][data-surface=mobile] .mg-menu-photo{background:var(--brand-surface-soft);border:0;border-radius:7px;width:72px;height:72px;padding:0;overflow:hidden}html[data-brand=mango][data-surface=mobile] .mg-menu-copy{min-width:0;color:var(--brand-text);text-align:left;background:0 0;border:0;padding:12px 0}html[data-brand=mango][data-surface=mobile] .mg-menu-copy strong,html[data-brand=mango][data-surface=mobile] .mg-menu-copy span{display:block}html[data-brand=mango][data-surface=mobile] .mg-menu-copy strong{font-size:14px;line-height:19px}html[data-brand=mango][data-surface=mobile] .mg-menu-copy p{color:var(--brand-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:3px 0 2px;font-size:12px;line-height:17px;display:-webkit-box;overflow:hidden}html[data-brand=mango][data-surface=mobile] .mg-menu-copy span{font-variant-numeric:tabular-nums;font-size:13px;font-weight:750}html[data-brand=mango][data-surface=mobile] .mg-menu-customise{min-width:70px;min-height:44px;color:var(--brand-primary);background:0 0;border:0;align-self:end;margin-bottom:6px;padding:0;font-size:12px;font-weight:750}html[data-brand=mango][data-surface=mobile] .mg-menu-cart-bar{z-index:45;bottom:calc(68px + env(safe-area-inset-bottom));background:var(--brand-primary);color:#fff;border:0;border-radius:9px;justify-content:space-between;align-items:center;width:min(100% - 32px,398px);min-height:48px;padding:0 14px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 22px #43060733}html[data-brand=mango][data-surface=mobile] .mg-menu-cart-bar span,html[data-brand=mango][data-surface=mobile] .mg-menu-cart-bar strong{font-size:13px}html[data-brand=mango][data-surface=mobile] .mg-menu-cart-bar strong{align-items:center;gap:7px;display:flex}html[data-brand=mango][data-surface=mobile] .mg-menu-cart-bar svg{width:17px;height:17px}@keyframes mango-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (max-width:370px){html[data-brand=mango][data-surface=mobile] .mg-home-page,html[data-brand=mango][data-surface=mobile] .mg-menu-page{padding-left:14px;padding-right:14px}html[data-brand=mango][data-surface=mobile] .mg-menu-customise{min-width:62px;font-size:11px}}@media (prefers-reduced-motion:reduce){html[data-brand=mango][data-surface=mobile] *,html[data-brand=mango][data-surface=mobile] :before,html[data-brand=mango][data-surface=mobile] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}