/* UrbanPiper is a partner section within the Ever Digital identity. */
.edi-with-urbanpiper{--up-purple:#6311f4;--up-orange:#fb6b22;--up-mint:#35c8b9;--up-wash:#f1eaff}
:root[data-edi-theme=dark] .edi-with-urbanpiper{--up-wash:#2c164c}
.up-logo{width:184px;height:auto;max-width:100%;object-fit:contain;display:block;border:0!important;box-shadow:none!important}
.up-rollout{display:grid;grid-template-columns:1fr 1.6fr;gap:35px;align-items:center;background:var(--up-wash);padding:26px 30px;margin-top:26px!important;border-radius:12px}.up-rollout h2{font-size:22px;line-height:1.4;margin:10px 0 0}.up-rollout>p{font-size:15px;line-height:1.8;margin:0}.up-soon{display:inline-block;font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:5px 9px;border-radius:5px;background:#ffe3b2;color:#603703;font-weight:700}.up-rollout-compact{padding:18px 0 0;border-top:1px solid var(--edi-border);margin-top:25px}.up-rollout-compact>strong{font-size:14px}.up-rollout-compact>p{font-size:13px!important;margin:8px 0 0!important;line-height:1.7!important}
@media(max-width:760px){.up-rollout{grid-template-columns:1fr;gap:18px;padding:23px}.up-rollout h2{font-size:22px}.up-rollout>p{font-size:14px}}
.up-talabat-logo{width:168px;height:auto;max-width:100%;object-fit:contain;filter:none!important}.up-talabat-wordmark{width:105px;background:#ff5900;padding:10px 13px;border-radius:6px}.up-brandline .up-brand-plus{font-size:22px;max-width:none;color:var(--edi-muted);font-weight:400}.up-inline-cta{display:grid;grid-template-columns:1fr auto;align-items:center;gap:32px;padding:30px 34px;margin-block:28px;background:var(--up-wash);border-radius:12px}.up-inline-cta strong{font-size:24px;line-height:1.35;display:block;margin-bottom:10px}.up-inline-cta p{font-size:14px;line-height:1.75;max-width:720px;margin:0}.up-inline-cta .edi-button{font-size:14px;white-space:normal;line-height:1.4}
@media(max-width:760px){.up-inline-cta{grid-template-columns:1fr;padding:26px 22px;gap:22px}.up-inline-cta strong{font-size:22px}.up-inline-cta .edi-button{width:100%;justify-content:space-between}.up-hero .up-brandline{gap:13px}.up-hero .up-talabat-logo{width:137px}.up-hero .up-brandline:has(.up-talabat-logo) .up-logo{width:145px}}
.up-brandline{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-bottom:26px}.up-brandline>span{font-size:12px;line-height:1.5;font-weight:650;max-width:220px;color:var(--edi-muted)}
:root[data-edi-theme=dark] .up-logo{filter:brightness(0) invert(1)}
.up-hero{padding:32px 0 68px;overflow:hidden}.up-hero>.edi-container{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}.up-hero-copy{min-width:0}.up-hero h1{font-size:clamp(36px,4.2vw,60px);line-height:1.08;letter-spacing:-.038em;max-width:780px;margin:0 0 25px;text-wrap:balance}.up-hero .edi-eyebrow{color:var(--edi-accent);font-size:12px;letter-spacing:.035em;margin-bottom:20px}.up-hero .edi-lead{font-size:18px;line-height:1.75;max-width:720px}.up-hero-media{min-width:0;position:relative;padding:25px 0}.up-hero-media:before{content:"";position:absolute;inset:0 -6% 6%;border-radius:50%;background:radial-gradient(ellipse,var(--up-wash),transparent 68%);z-index:-1}.up-hero-media>.up-media img{max-height:470px}.up-hero-urbanpiper h1{font-size:clamp(42px,4.8vw,70px)}
.up-actions{gap:12px;margin-top:28px!important;align-items:stretch}.up-actions .edi-button{font-size:14px;padding:14px 20px;text-align:start;line-height:1.45;min-height:52px;justify-content:space-between}.up-primary{background:var(--up-purple)!important;color:white!important;border-color:var(--up-purple)!important}.up-primary:hover{background:#4f0dc9!important}.up-reassurance{font-size:12px!important;line-height:1.65;margin-top:14px!important;color:var(--edi-muted)}
.up-media{margin:0;min-width:0;width:100%}.up-media img{display:block;width:100%;height:auto;object-fit:contain;border:0;box-shadow:none;border-radius:0}.up-media figcaption{font-size:10px;line-height:1.6;color:var(--edi-muted);padding:14px 12px 0;max-width:620px;margin-inline:auto;text-align:center}.up-media-ecosystem img{padding:16px 0}.up-topic-nav{border-block:1px solid var(--edi-border);background:var(--edi-surface)}.up-topic-nav nav{display:flex;gap:6px 24px;flex-wrap:wrap;padding-block:16px}.up-topic-nav a{font-size:12px;min-height:36px;display:flex;align-items:center;font-weight:550;color:var(--edi-muted);text-decoration:none!important}.up-topic-nav a[aria-current=page]{color:var(--edi-accent);font-weight:750;text-decoration:underline!important;text-underline-offset:6px}.up-topic-nav a:hover{color:var(--edi-accent)}
.up-flow{padding-block:38px 22px;margin-block:0}.up-flow>figcaption{font-size:11px;color:var(--edi-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:17px}.up-flow ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;list-style:none;padding:0;margin:0}.up-flow li{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:650;border-block:1px solid var(--edi-border);padding:20px;position:relative}.up-flow svg{width:26px;height:26px;color:var(--up-purple);flex-shrink:0}.up-flow li:nth-child(1) svg{color:#d85514}.up-flow li:nth-child(3) svg{color:#119187}.up-flow li:nth-child(4) svg{color:var(--edi-accent)}:root[data-edi-theme=dark] .up-flow svg{color:#bc99ff}:root[data-edi-theme=dark] .up-flow li:nth-child(1) svg{color:#ffad81}:root[data-edi-theme=dark] .up-flow li:nth-child(3) svg{color:#74ded3}
.up-content{padding-top:18px}.up-section{padding-block:58px;margin:0!important;border-bottom:1px solid var(--edi-border);display:grid;gap:50px;align-items:center}.up-section-media{grid-template-columns:1.08fr 1fr}.up-section:nth-child(even).up-section-media>.up-section-copy{order:2}.up-section:nth-child(even).up-section-media>.up-media{order:1}.up-section-text>.up-section-copy{max-width:900px}.up-section-copy h2{font-size:clamp(26px,2.7vw,37px);line-height:1.2;text-wrap:balance;margin-top:0;margin-bottom:22px;letter-spacing:-.02em}.up-section-copy p,.up-section-copy li{font-size:16px;line-height:1.85;color:var(--edi-muted)}.up-section-copy ul{padding-inline-start:22px;display:grid;gap:10px;margin-top:24px}.up-section-copy li::marker{color:var(--edi-accent)}.up-section .up-media img{max-height:440px}.up-editor-link{margin-top:24px!important}.up-editor-link a{color:var(--edi-accent);font-weight:650;text-underline-offset:4px}.up-faq{padding-top:70px;max-width:960px;margin-inline:auto!important}.up-faq h2{font-size:clamp(29px,3vw,39px);margin-bottom:25px}.up-faq details{border-bottom:1px solid var(--edi-border);padding:10px 0}.up-faq details:first-of-type{border-top:1px solid var(--edi-border)}.up-faq summary{font-size:17px;line-height:1.6;cursor:pointer;padding:16px 5px;color:var(--edi-text);font-weight:600;min-height:48px}.up-faq details p{font-size:15px;line-height:1.85;color:var(--edi-muted);padding:0 5px 15px;margin-top:4px}.up-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 34px;margin-top:35px}.up-related a{display:flex;align-items:center;gap:16px;padding:25px 0;border-block-start:1px solid var(--edi-border);font-weight:650;text-decoration:none!important;color:var(--edi-text)}.up-related a>svg{width:28px;height:28px;color:var(--edi-accent);flex-shrink:0}.up-related a>span:last-child{margin-inline-start:auto}.up-related a:hover{color:var(--edi-accent)}
.up-final-cta{padding-top:0!important}.up-cta-inner{padding:54px 60px;background:var(--up-wash);border-radius:18px;position:relative;overflow:hidden}.up-cta-inner h2{font-size:clamp(32px,4vw,50px);line-height:1.15;margin:15px 0 24px;max-width:800px;letter-spacing:-.025em}.up-cta-inner>p:not(.edi-eyebrow){font-size:17px;max-width:790px}.up-call{display:inline-flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:28px;min-height:44px;font-size:14px;color:var(--edi-text)}.up-call svg{width:20px;height:20px}.up-call bdi{font-weight:650}.up-home{background:var(--edi-surface);border-block:1px solid var(--edi-border)!important}.up-home-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.up-home h2{font-size:clamp(32px,3.3vw,46px);line-height:1.14;letter-spacing:-.025em;text-wrap:balance;margin-bottom:22px}.up-home p{font-size:16px;line-height:1.8}.up-home .edi-actions>.edi-button{font-size:13px}.up-benefits{display:grid;gap:10px;list-style:none;margin:24px 0;padding:0;font-size:14px;font-weight:550}.up-benefits li{display:flex;gap:10px;align-items:center}.up-benefits svg{color:#10877f;width:21px;height:21px;flex-shrink:0}:root[data-edi-theme=dark] .up-benefits svg{color:#67d7c8}.up-home-visual{min-width:0;padding:20px 0}.up-text-link{display:flex;justify-content:center;align-items:center;min-height:48px;margin-top:28px;font-weight:650;color:var(--edi-accent);text-underline-offset:5px}.up-enquiry-intro{padding-block:32px!important}.up-enquiry-intro p{max-width:850px}.up-enquiry-intro h2{font-size:32px}.vx-menu-feature>.up-logo{width:185px;max-width:100%;margin-bottom:10px}
[dir=rtl] .up-hero h1,[dir=rtl] .up-home h2,[dir=rtl] .up-section h2,[dir=rtl] .up-cta-inner h2{letter-spacing:0;line-height:1.35}
@media(min-width:1001px) and (max-width:1150px){.edi-with-urbanpiper .vx-nav{gap:5px}.edi-with-urbanpiper .vx-nav>details>summary,.edi-with-urbanpiper .vx-home-link{font-size:12px}}
@media(min-width:1550px) and (max-width:1699px){.edi-with-urbanpiper .vx-header-inner{grid-template-columns:1fr auto;gap:0 24px;width:min(1280px,calc(100% - 64px))!important;padding-block:0}.edi-with-urbanpiper .vx-header .edi-brand{grid-column:1;grid-row:1;padding:20px 0}.edi-with-urbanpiper .vx-utilities{grid-column:2;grid-row:1;padding-block:20px}.edi-with-urbanpiper .vx-nav{grid-column:1/-1;grid-row:2;border-top:1px solid var(--edi-border)}.edi-with-urbanpiper .vx-nav>details>summary,.edi-with-urbanpiper .vx-home-link{font-size:14px}}
@media(max-width:1000px){.up-hero>.edi-container{gap:32px;grid-template-columns:1.1fr 1fr}.up-hero h1{font-size:39px}.up-hero .edi-lead{font-size:16px}.up-home-grid{gap:35px}.up-home h2{font-size:34px}.up-section{gap:32px}.up-section-copy p,.up-section-copy li{font-size:15px}.up-actions .edi-button{padding:12px 15px}.up-hero-media{padding:0}.up-flow li{padding:18px 15px;font-size:13px;gap:8px}.up-flow svg{width:21px;height:21px}}
@media(max-width:760px){.up-hero{padding-block:22px 38px}.up-hero>.edi-container,.up-home-grid,.up-section-media{grid-template-columns:1fr;gap:32px}.up-hero h1,.up-hero-urbanpiper h1{font-size:clamp(34px,8.2vw,54px);line-height:1.13}.up-hero .edi-lead{font-size:16px}.up-hero-media{max-width:600px;margin-inline:auto;width:100%}.up-hero-media>.up-media img{max-height:360px}.up-media-ecosystem img{padding:0}.up-topic-nav nav{gap:5px 19px;padding-block:12px}.up-topic-nav a{font-size:11px;min-height:34px}.up-flow{padding-top:28px}.up-flow ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.up-flow li{border:1px solid var(--edi-border);border-radius:5px;padding:15px;font-size:12px;min-height:64px}.up-flow li>.edi-ui-icon{display:none}.up-flow figcaption{font-size:10px}.up-section{padding-block:37px}.up-section:nth-child(even).up-section-media>.up-section-copy{order:0}.up-section:nth-child(even).up-section-media>.up-media{order:0}.up-section-copy h2{font-size:28px}.up-section .up-media{max-width:540px;margin-inline:auto}.up-section .up-media img{max-height:390px}.up-faq{padding-top:48px}.up-faq summary{font-size:16px}.up-related{grid-template-columns:1fr;gap:0}.up-related a{font-size:15px;padding-block:22px}.up-cta-inner{padding:34px 24px;border-radius:12px}.up-cta-inner>p:not(.edi-eyebrow){font-size:16px}.up-cta-inner .up-actions .edi-button{width:100%}.up-call{font-size:13px;gap:8px}.up-home h2{font-size:33px}.up-home .up-logo,.up-hero .up-logo{width:167px}.up-home-visual{padding-top:0}.up-brandline{gap:15px;margin-bottom:24px}.up-brandline>span{font-size:11px;max-width:160px}.up-home .edi-actions .edi-button{width:100%}.up-enquiry-intro h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.up-primary{transition:none}}
/* The expanded company menu needs its compact presentation at small tablet widths. */
@media(min-width:1001px) and (max-width:1100px){
 .edi-with-urbanpiper .vx-mobile-toggle{display:inline-flex!important}.edi-with-urbanpiper .vx-header-inner{padding:12px 0;grid-template-columns:1fr auto;gap:12px}.edi-with-urbanpiper .vx-header .edi-brand,.edi-with-urbanpiper .vx-utilities{padding:0}.edi-with-urbanpiper .vx-utilities{gap:12px}.edi-with-urbanpiper .vx-utilities .edi-cart-link,.edi-with-urbanpiper .vx-open-platform{display:none!important}
 .edi-with-urbanpiper .vx-nav{display:none;grid-column:1/-1;border-top:1px solid var(--edi-border);padding-block:10px;max-height:calc(100dvh - 130px);overflow:auto;overscroll-behavior:contain}.edi-with-urbanpiper .vx-nav.is-open{display:block}.edi-with-urbanpiper .vx-nav .vx-home-link{width:100%;font-size:16px}.edi-with-urbanpiper .vx-nav>details>summary{justify-content:space-between;padding:15px 10px;border-bottom:1px solid var(--edi-border);font-size:16px;min-height:54px}.edi-with-urbanpiper .vx-mega-panel{position:static;padding:18px 12px 22px;box-shadow:none;border:0;max-height:none;overflow:visible}.edi-with-urbanpiper .vx-mega-grid{grid-template-columns:1fr;gap:14px}
 .edi-with-urbanpiper .vx-menu-group>summary{font-size:14px;letter-spacing:0;text-transform:none;min-height:44px;padding:12px 0;margin:0;cursor:pointer}.edi-with-urbanpiper .vx-menu-group>summary>span{display:block}.edi-with-urbanpiper .vx-menu-group:not([open])>div{display:none}.edi-with-urbanpiper .vx-menu-link{padding:14px 5px}.edi-with-urbanpiper .vx-menu-feature{display:none}.edi-with-urbanpiper .vx-menu-bottom{padding-top:14px;gap:10px}.edi-with-urbanpiper .vx-search-panel h2{font-size:25px}.edi-with-urbanpiper .vx-mobile-actions{display:flex}
}