/* Arobaa showcase design, shared by customer and operations screens. */
:root{
  --green-950:#211545;--green-900:#3b1a91;--green-800:#4b25ae;--green-700:#5b32c9;--green-600:#6946dc;--green-100:#ebe4ff;--green-50:#f6f2ff;--green:var(--green-900);
  --orange-700:#963b4d;--orange-600:#b5465e;--orange-500:#e4617a;--orange-100:#ffe7ec;--orange-50:#fff4f6;
  --ink:#211a34;--ink-2:#403851;--muted:#716b80;--muted-2:#827b91;--line:#eae5f2;--line-2:#d9d1e8;
  --paper:#fff;--soft:#faf8fe;--canvas:#f8f6fd;--white:#fff;--violet:#552bc8;--violet-soft:#eee8ff;
  --success:#16775e;--success-soft:#e5f5ee;--shadow-xs:0 4px 16px rgba(51,31,99,.055);--shadow-sm:0 16px 38px rgba(51,31,99,.10);--shadow-md:0 25px 65px rgba(51,31,99,.15);
  --r-sm:18px;--r-md:24px;--r-lg:32px;--shell:min(1320px,calc(100% - 64px));
}
body{background:var(--canvas);color:var(--ink)}
body::selection{background:#d8c9ff}
.shell{width:var(--shell)}
.primary-button,.add-button,.home-promo a{border:0;background:#592bd3;color:#fff;box-shadow:0 9px 20px rgba(89,43,211,.18)}
.primary-button:hover,.add-button:hover,.home-promo a:hover{background:#4722aa;color:#fff}
.secondary-button,.ghost-button{border-color:#d6c9f3;color:var(--green-800);background:#fff}
input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline-color:#7455e5}
.site-head{border-bottom:1px solid #eee9f7;background:rgba(255,255,255,.96);box-shadow:0 4px 22px rgba(45,27,86,.035)}
.head-row{min-height:90px;gap:22px}
.brand img{width:53px;height:53px;border-radius:17px}
.brand b,.brand-word{color:#4520ad}
.brand small{color:#7c7190}
.head-actions a{border-radius:18px;color:#5c4e78}
.head-actions a:hover,.head-actions a.active{background:#eee8ff;color:#5426c7}
.place-pill{min-height:58px;border:1px solid #e7def9;border-radius:20px;background:#f7f3ff;box-shadow:none}
.place-pin{color:#5b31ce}
.place-pill small,.place-pill em{color:#80749a}
.place-pill b{color:#31205d}
.bottom-nav{border-top:1px solid #e6dff3;background:rgba(255,255,255,.98);box-shadow:0 -10px 28px rgba(54,32,103,.07)}
.bottom-nav a.active{background:#eee7ff;color:#5326c4}
.auth-page{background:#f5f1fc}
.auth-story,.merchant-story,.admin-story,.delivery-story,.agent-story{background:radial-gradient(circle at 20% 20%,rgba(169,133,255,.3),transparent 35%),linear-gradient(145deg,#291653,#5730aa);color:#fff}
.auth-story>div>span{color:#f3bbbd}
.auth-story>small,.auth-story p{color:#e4d8f7}
.auth-card{border-color:#e5d9f4;border-radius:30px;box-shadow:0 26px 75px rgba(51,27,106,.13)}
.auth-card .eyebrow{color:#a84770}
.auth-card h2{color:#2c1b54}

/* Information, legal and support pages share the same editorial structure. */
.public-content-body{background:#f7f5fb}
.legal-page-shell{padding-block:34px 90px}
.legal-page-hero{gap:16px}
.legal-page-heading{border:1px solid #e7dff3;border-radius:28px;background:linear-gradient(130deg,#eee6ff,#fff);box-shadow:var(--shadow-xs)}
.legal-page-heading h1{color:#2d1b5b}
.legal-page-heading .eyebrow{color:#a44567}
.legal-owner-card{border:1px solid #d9c8f2;border-radius:25px;background:linear-gradient(130deg,#e9ddff,#f7f1ff);color:#321f60;box-shadow:var(--shadow-xs)}
.legal-owner-card small{color:#7753b4}
.legal-owner-card p{color:#66557f}
.legal-owner-logo{border-radius:18px;background:#402182;color:#fff}
.legal-content-card{border:1px solid #e7e0f0;border-radius:27px;background:#fff;box-shadow:var(--shadow-xs)}
.legal-content-copy h2{color:#372069}
.legal-content-copy a{color:#5c32bc}
.legal-note{border-color:#ddcff6;border-radius:16px;background:#f5efff;color:#4a3275}

/* Home: discover, category rail, offer banner, merchandise and shops. */
.home-discovery{display:grid;gap:24px;padding-block:42px 16px}
.home-discovery-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}
.home-discovery-heading span{color:#6644c1;font-size:.77rem;font-weight:800}
.home-discovery-heading h1{margin:5px 0 0;font-size:clamp(1.45rem,3vw,2.5rem);letter-spacing:-.035em;line-height:1.3}
.home-discovery-heading p{max-width:330px;margin:0;color:var(--muted);font-size:.84rem}
.home-search{position:relative;display:flex;align-items:center;min-height:70px;padding:7px 8px 7px 20px;border:1px solid #e3dcf1;border-radius:25px;background:#fff;box-shadow:0 12px 35px rgba(54,30,103,.08)}
.home-search input{width:100%;padding:12px 18px;border:0;outline:0;background:transparent;font-size:1rem}
.home-search input::placeholder{color:#948ba7}
.home-search button{flex:none;display:grid;place-items:center;width:54px;height:54px;border:0;border-radius:18px;background:#5628ca;color:#fff}
.home-categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin:1px 0 7px}
.home-categories a{min-width:0;display:grid;justify-items:center;gap:9px;text-align:center;color:#302940}
.home-categories a>span{position:relative;width:min(100%,126px);aspect-ratio:1;border-radius:50%;overflow:hidden;background:#f3effb;box-shadow:inset 0 0 0 1px #eee8f4;transition:transform .2s,box-shadow .2s}
.home-categories a:hover>span{transform:translateY(-5px);box-shadow:0 12px 24px rgba(72,39,145,.14)}
.home-categories img{width:100%;height:100%;object-fit:cover}
.home-categories i{display:none}
.home-categories b{font-size:.76rem;font-weight:750}
.home-categories .home-category-local{display:grid;place-items:center;background:linear-gradient(135deg,#f1e9ff,#e6dcff);color:#5a2ccd}
.home-promo{position:relative;isolation:isolate;min-height:290px;display:grid;grid-template-columns:1fr 45%;align-items:center;overflow:hidden;border-radius:32px;background:radial-gradient(circle at 18% 90%,#e5d3ff 0 16%,transparent 17%),linear-gradient(115deg,#f4efff,#e8ddff 65%,#d9ccff);box-shadow:var(--shadow-sm)}
.home-promo::before,.home-promo::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.45);z-index:-1}
.home-promo::before{width:310px;height:310px;left:-65px;top:-120px}
.home-promo::after{width:210px;height:210px;right:35%;bottom:-125px}
.home-promo-copy{padding:35px 52px;position:relative;z-index:2}
.home-promo-copy>span{display:inline-block;padding:7px 12px;border-radius:100px;background:#fff;color:#5d31c4;font-size:.7rem;font-weight:800}
.home-promo h2{margin:12px 0 9px;font-size:clamp(1.65rem,3.1vw,3rem);line-height:1.3;color:#3d198d}
.home-promo p{margin:0 0 20px;color:#76688e;font-size:.8rem}
.home-promo a{display:inline-flex;align-items:center;gap:9px;padding:11px 20px;border-radius:100px;font-size:.77rem;font-weight:800}
.home-promo>img{width:100%;height:100%;min-height:290px;object-fit:cover;mask-image:linear-gradient(90deg,black 72%,transparent)}
.home-page .doors-section{padding-block:22px 34px}
.home-page .doors-section .section-heading{margin-bottom:18px}
.market-doors{gap:16px}
.market-door{min-height:230px;border:1px solid #e6def5;border-radius:25px;background:#fff;color:#30234d;box-shadow:var(--shadow-xs)}
.market-door.exclusive-door{background:linear-gradient(135deg,#f3edff,#fff)}
.market-door.local-door{background:linear-gradient(135deg,#f1fbf7,#fff)}
.door-top i{background:#e4d7ff;color:#5226bb}
.market-door .door-top>span{color:#7753bc;opacity:1}
.market-door small{color:#65547d;opacity:1}
.market-door p{color:#574a6e;opacity:1}
.market-door strong{color:#5226bb}
.market-door h3{color:#2e2050}
.section-heading h2{font-size:clamp(1.25rem,2.1vw,1.9rem);color:#241b3a}
.section-heading>div>span,.section-heading>a{color:#6338c7}
.home-section{padding-block:38px}
.home-section.tint{background:#f4f0fc}
.merchant-rail,.merchant-grid,.product-grid{gap:16px}
.merchant-card,.local-card,.product-card{border-color:#eae5f2;border-radius:24px;box-shadow:var(--shadow-xs)}
.merchant-card:hover,.local-card:hover,.product-card:hover{border-color:#d4c4f5;box-shadow:var(--shadow-sm)}
.merchant-card-art{height:195px}
.merchant-card-art img{width:100%;height:100%;object-fit:cover}
.merchant-card-art em{border-radius:100px;background:#fff;color:#4d28ad;box-shadow:var(--shadow-xs)}
.merchant-card-copy{padding:17px 20px 20px}
.merchant-card-copy h3,.local-card h3{color:#241b3a}
.local-card{grid-template-columns:92px minmax(0,1fr) auto;padding:13px;min-height:124px}
.local-avatar{width:92px;height:92px;border-radius:17px;overflow:hidden}
.local-avatar img{width:100%;height:100%;object-fit:cover}
.product-card{display:flex;flex-direction:column;min-height:342px;background:#fff}
.product-art{height:170px;background:#f5f0fb}
.product-art::after{background:linear-gradient(180deg,transparent,rgba(36,20,75,.15))}
.product-art>img{width:100%;height:100%;object-fit:cover}
.product-art.is-photo-sheet{height:auto;aspect-ratio:1/1;overflow:hidden}
.product-art.is-photo-sheet>img{position:absolute;max-width:none;width:200%;height:200%;left:calc(var(--tile-x)*-100%);top:calc(var(--tile-y)*-100%);object-fit:fill}
.product-card.is-showcase .product-art{height:auto;aspect-ratio:1/1;overflow:hidden}
.product-art>span{display:none}
.product-art em{top:10px;right:10px;left:auto;bottom:auto;padding:6px 10px;border-radius:100px;background:#e95372;color:#fff;font-size:.63rem;font-weight:900}
.product-copy{padding:13px 14px 0;flex:1}
.product-copy small{color:#7e7197}
.product-copy h3{margin:4px 0 5px;font-size:.92rem;color:#261c39}
.product-copy p{color:#797283;font-size:.65rem}
.product-buy{align-items:end;gap:10px;padding:10px 14px 12px}
.product-prices{display:flex!important;align-items:end;gap:12px;flex-wrap:wrap}
.product-prices span{display:grid;line-height:1.35}
.product-prices small{color:#8b809d;font-size:.54rem;font-weight:700}
.product-prices strong{color:#d42b52;font-size:1.05rem}
.product-prices del{color:#958a9f;font-size:.65rem}
.product-buy .add-button{min-width:44px;min-height:42px;border-radius:14px;background:#eee7ff;color:#5028c4;box-shadow:none}
.product-buy .add-button:hover{background:#dcccff}
.price-watch-button{color:#7562a5}
.how-section{background:#2c1c56}
.how-section article{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.13)}

/* Catalog and internal store screens. */
.market-head,.simple-head,.payment-head{padding-block:35px;background:linear-gradient(120deg,#efe8ff,#faf8ff 70%);border-bottom:1px solid #e8ddfb;color:#281946}
.market-head h1,.simple-head h1,.payment-head h1{color:#241538}
.market-head p,.simple-head p,.payment-head p{color:#736989}
.market-head form{border:1px solid #e0d5f1;border-radius:20px;background:#fff;box-shadow:var(--shadow-xs)}
.market-head form button{background:#572bd1}
.market-tabs{display:flex;gap:8px;margin-block:20px 13px;padding:5px;border:1px solid #e6def1;border-radius:18px;background:#fff;width:max-content;max-width:var(--shell)}
.market-tabs a{border:0;border-radius:13px;color:#675d77}
.market-tabs a.active,.market-tabs a.active.exclusive{background:#ede5ff;color:#5025bd}
.market-filter-panel{border:1px solid #e7dff0;border-radius:24px;background:#fff;box-shadow:var(--shadow-xs)}
.market-filter-grid input,.market-filter-grid select,.inline-search input{border-color:#e4dbef;background:#fcfbff}
.catalog-section{padding-block:30px 60px}
.shop-trust-strip{background:#fff;border-bottom:1px solid #eee8f5}
.shop-hero,.shop-hero.is-exclusive{padding-block:38px;border-bottom:0;background:linear-gradient(125deg,#f0e8ff,#fff 60%)}
.shop-hero-grid{gap:28px;align-items:center}
.shop-avatar{border:7px solid #fff;border-radius:30px;box-shadow:var(--shadow-sm);overflow:hidden}
.shop-avatar img{width:100%;height:100%;object-fit:cover}
.shop-identity>span{display:inline-flex;padding:7px 12px;border-radius:100px;background:#e6dcff;color:#4d25ad}
.shop-identity h1{color:#2a174f;font-size:clamp(1.7rem,3vw,2.8rem)}
.shop-meta{gap:8px}.shop-meta>*{border-radius:100px;background:#fff;color:#5b4e72}
.agreement-card{border:1px solid #d4c5f1;border-radius:24px;background:#fff;color:#39205f;box-shadow:var(--shadow-xs)}
.catalog-section .section-heading{align-items:end}
.catalog-browse-banner,.browse-area-empty-guide{border-color:#ddd1f4;background:#f6f1ff;color:#352257}
.browse-area-quick-list button{border-color:#e4d9f5;background:#fff}

/* Basket, checkout, payment, order history and account pages. */
.cart-layout,.checkout-layout,.payment-stack,.orders-layout,.account-layout{gap:22px}
.cart-group,.cart-summary,.checkout-card,.checkout-summary,.pay-store,.trip-payment-summary,.account-card,.order-card,.panel-card{border-color:#e7e0f0;border-radius:24px;background:#fff;box-shadow:var(--shadow-xs)}
.checkout-card{overflow:hidden}
.checkout-card>header{border-bottom:1px solid #eee7f5;background:#fbf9ff}
.checkout-card>header i,.checkout-final-icon{background:#5b2ed2;color:#fff}
.checkout-summary,.cart-summary{border-top:4px solid #6b42dc}
.payment-choices label:has(input:checked)>span{border-color:#7350df;background:#f1eaff;box-shadow:0 0 0 2px #dfd2ff}
.cart-item .mini-art.has-photo,.payment-item-art:has(img){overflow:hidden;background:#f6f1f8}
.cart-item .mini-art.has-photo img,.payment-item-art img{display:block;width:100%;height:100%;object-fit:cover}
.checkout-review-product{display:flex;align-items:center;gap:9px}
.checkout-review-product img{flex:none;width:36px;height:36px;border-radius:9px;object-fit:cover}
.checkout-final-action{border:1px solid #d9c9f6;border-radius:25px;background:linear-gradient(135deg,#ede5ff,#fff);box-shadow:var(--shadow-sm)}
.payment-progress>div{border-color:#e7def4;background:#fff}
.pay-store header,.pay-store footer{border-color:#ede7f3}
.state-pill.info{background:#eee8ff;color:#5c30c6}
.flash.info{background:#f1ebff;border-color:#dfd3fa;color:#513299}
.page-skeleton{background:#f7f3ff}
.form-grid input,.form-grid select,.form-grid textarea{border-color:#e2daee;background:#fefcff}

/* Admin, merchant, agent and delivery operations. */
.panel-body{background:#f7f5fb}
.panel-head{background:#fff;border-bottom:1px solid #e8e1f0;box-shadow:0 5px 24px rgba(54,28,100,.05)}
.panel-head .panel-menu{border:1px solid #d7c8ed;background:#f2ecfc;color:#4b239e;box-shadow:0 3px 10px rgba(68,35,125,.1)}
.panel-head .panel-menu svg{width:22px;height:22px;stroke-width:2.4}
.panel-head .panel-menu:hover,.panel-head .panel-menu:focus-visible{border-color:#9e7fdf;background:#e9ddfb;color:#3c198b}
.panel-head .panel-menu:focus-visible{outline:2px solid #5d2cc2;outline-offset:2px}
.panel-logo b{color:#3d2183}.panel-logo small{color:#81758d}
.panel-layout{background:#f7f5fb}
.panel-side{background:#2b1d50;border-inline-end:1px solid #2f1d59;color:#dcd1ef}
.panel-side-intro{background:#3b2869;border-color:#584082}
.panel-side nav a{color:#d4c7e7;border-radius:14px}
.panel-side nav a:hover,.panel-side nav a.active{background:#5d3ab0;color:#fff}
.panel-main{background:#f7f5fb}
.panel-title{border-bottom:1px solid #e5dbf0;background:linear-gradient(120deg,#eee7fc,#f7f5fb)}
.panel-title>span{color:#6a42bd}
.panel-title h1{color:#2b1b4a}
.panel-card-head{border-color:#ede6f4}
.panel-card-head>div>span{color:#6842bf}
.panel-card-head h2{color:#291d40}
.sub-admin-cancel{margin:0 13px 13px;border:1px solid #edcfcb;border-radius:14px;background:#fff9f8}
.sub-admin-cancel>summary{padding:11px 13px;color:#a3312a;font-size:.7rem;font-weight:800;cursor:pointer}
.sub-admin-cancel>summary::marker{color:#a3312a}
.sub-admin-cancel form{display:grid;gap:11px;padding:0 13px 13px}
.sub-admin-cancel p{margin:0;color:#6d5552;font-size:.64rem;line-height:1.8}
.sub-admin-cancel-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:9px}
.sub-admin-cancel-fields label{display:grid;gap:5px;color:#513936;font-size:.62rem;font-weight:800}
.sub-admin-cancel-fields input{width:100%;min-width:0;min-height:42px;padding:9px 11px;border:1px solid #dec8c5;border-radius:10px;background:#fff;font:inherit}
.sub-admin-cancel-ack{display:flex;align-items:center;gap:8px;color:#513936;font-size:.65rem;font-weight:800;cursor:pointer}
.sub-admin-cancel-ack input{width:17px;height:17px;accent-color:#a3312a;flex:none}
.sub-admin-cancel button{justify-self:start}
.cancelled-sub-admins{padding:0;overflow:hidden}
.cancelled-sub-admins>summary{padding:16px 20px;color:#3d2183;font-weight:800;cursor:pointer}
.cancelled-sub-admin-list{padding:0 20px 16px}
.cancelled-sub-admin-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #eee8f3}
.cancelled-sub-admin-list b,.cancelled-sub-admin-list small{display:block}
.cancelled-sub-admin-list small{margin-top:3px;color:#766985;font-size:.6rem}
@media(max-width:650px){.sub-admin-cancel button{width:100%}.cancelled-sub-admin-list>div{align-items:stretch;flex-direction:column}}
.panel-tabs{border-color:#e9dff4;background:#fff}
.panel-tabs a.active{background:#eee7ff;color:#4e26af}
.panel-blocker{border-color:#ddc9f2;background:#f6edff}
.merchant-order,.delivery-order,.operation-card{border-color:#e3d9ee;background:#fff;box-shadow:var(--shadow-xs)}
.merchant-table-head,.delivery-table-head{background:#342061;border-color:#342061}
.notification-row.unread{background:#f4efff}
.notification-row:hover{background:#f8f5ff}
.notification-dot,.notification-row.unread .notification-dot{background:#7045d6}
.panel-bell em{border-color:#2b1d50;background:#ec557a}
.active-order-dock,.role-task-dock,.cart-guide-dock{border-color:#a98cee;background:linear-gradient(120deg,rgba(54,25,115,.98),rgba(93,48,187,.98));box-shadow:0 18px 52px rgba(55,25,112,.28);color:#fff}
.active-order-icon,.role-task-icon,.cart-guide-icon{background:#7955ce;color:#fff}
.active-order-dock small,.role-task-dock small,.cart-guide-dock small{color:#dfd2ff}
.active-order-dock em,.role-task-dock em{color:#efe8ff}
.active-order-progress,.role-task-progress{background:#8769c5}
.active-order-progress i,.role-task-progress i{background:#f3bd66}
.active-order-cta,.role-task-cta,.cart-guide-dock strong{background:#fff;color:#4b238e}
.active-order-dock.has-problem,.role-task-dock.has-problem{border-color:#ec7c86;background:linear-gradient(120deg,#7a2746,#b3375b)}
.service-banner{border-color:#dfd1f5;background:#f6f0ff}
.delivery-panel-body{background:#f7f5fb;color:#291c46}
.delivery-panel-head{background:#2f1b69;color:#fff;box-shadow:0 8px 24px rgba(47,27,105,.16)}
.delivery-panel-main{background:#f7f5fb}
.driver-ops-card,.driver-trip-card{border-color:#e4d8f5;border-radius:24px;background:#fff;box-shadow:var(--shadow-sm)}
.driver-next-step{border-color:#d6c3ef;background:#f1eaff;color:#3f256d}
.driver-stops-title{background:#392270;color:#fff}
.driver-stops{border-color:#d8c9f1}
.driver-stops li.is-next-stop{background:#f2ebff !important;box-shadow:inset 5px 0 0 #7346dc}
.showcase-admin{display:grid;gap:18px;max-width:1050px}
.showcase-admin .panel-card{padding:22px}
.showcase-admin-intro{display:flex;justify-content:space-between;gap:24px;align-items:center;background:linear-gradient(110deg,#ede5ff,#fff)}
.showcase-admin-intro h2{max-width:600px;margin:5px 0 8px;font-size:1.4rem;color:#321e68}
.showcase-admin-intro p,.showcase-remove-note{margin:0;color:#756988;font-size:.75rem;line-height:1.9}
.showcase-admin-mark{display:grid;place-items:center;flex:none;width:100px;height:100px;border-radius:28px;background:#5f32d0;color:#fff;font-weight:900;transform:rotate(-8deg)}
.showcase-counts,.showcase-account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:12px}
.showcase-counts>div,.showcase-account-grid>div{display:grid;gap:3px;padding:16px;border:1px solid #e6dcf3;border-radius:17px;background:#fbf9ff}
.showcase-counts small,.showcase-account-grid small{color:#756792;font-size:.66rem}
.showcase-counts strong{color:#5129b7;font-size:1.65rem}
.showcase-counts span,.showcase-account-grid b{font-size:.76rem}
.showcase-account-grid code{font-size:.73rem;color:#5731b1}
.showcase-credentials>p{padding:11px 14px;border-radius:13px;background:#f1eaff;color:#3f277a}
.showcase-actions{display:flex;flex-wrap:wrap;gap:12px}
.showcase-actions form{margin:0}
.showcase-purge-form{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-top:18px}
.showcase-purge-form label{display:grid;gap:7px;font-weight:700;color:#39266c;font-size:.78rem}
.showcase-purge-form label:has([type=checkbox]){display:flex;align-items:center;gap:9px;min-height:43px}
.showcase-purge-form input[type=text]{min-width:190px;max-width:100%;padding:11px 13px;border:1px solid #cdbdea;border-radius:12px;background:#fff;color:#271a45;font:inherit}
.showcase-purge-form input[type=checkbox]{width:18px;height:18px;accent-color:#5f32d0}
.showcase-purge-form button{min-height:43px}

@media(max-width:900px){
  :root{--shell:min(100% - 32px,720px)}
  .home-discovery{padding-block:22px 10px;gap:17px}
  .home-discovery-heading p{display:none}
  .home-categories{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin-inline:-16px;padding:0 16px 8px;scrollbar-width:none}
  .home-categories::-webkit-scrollbar{display:none}
  .home-categories a{min-width:90px;scroll-snap-align:start}
  .home-categories a>span{width:82px}
  .home-promo{min-height:226px;grid-template-columns:1fr 42%;border-radius:24px}
  .home-promo-copy{padding:22px 25px}
  .home-promo h2{font-size:1.5rem}
  .home-promo>img{min-height:226px}
  .merchant-card-art{height:165px}
  .market-tabs{overflow-x:auto;white-space:nowrap}
  .showcase-admin-mark{width:70px;height:70px;font-size:.75rem}
}
@media(max-width:600px){
  :root{--shell:calc(100% - 28px)}
  .site-head{position:relative}
  .head-row{min-height:75px;gap:8px}
  .brand img{width:42px;height:42px}
  .home-discovery-heading h1{font-size:1.28rem}
  .home-search{min-height:58px;padding:5px;border-radius:19px}
  .home-search input{font-size:.84rem}
  .home-search button{width:47px;height:47px;border-radius:15px}
  .home-categories a{min-width:76px}.home-categories a>span{width:72px}.home-categories b{font-size:.62rem}
  .home-promo{grid-template-columns:1fr 35%;min-height:205px}
  .home-promo-copy{padding:19px}
  .home-promo-copy>span{font-size:.51rem}
  .home-promo h2{font-size:1.12rem;margin-block:9px 5px}
  .home-promo p{font-size:.59rem;margin-bottom:11px}
  .home-promo a{padding:8px 11px;font-size:.61rem}
  .home-promo>img{min-height:205px}
  .home-section{padding-block:26px}
  .product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .product-card{min-height:300px;border-radius:17px}
  .product-art:not(.is-photo-sheet){height:120px}
  .product-art em{font-size:.5rem;padding:4px 7px}
  .product-copy{padding:10px 10px 0}
  .product-copy h3{font-size:.72rem}.product-copy p{font-size:.55rem}
  .product-buy{padding:8px 10px 10px;gap:5px}
  .product-prices{gap:5px}.product-prices strong{font-size:.75rem}.product-prices small{font-size:.47rem}.product-prices del{font-size:.52rem}
  .product-buy .add-button{min-width:33px;min-height:33px;border-radius:10px}
  .product-buy .add-button span{display:none}
  .market-head,.simple-head,.payment-head{padding-block:22px}
  .market-tabs{width:var(--shell);margin-block:12px}
  .local-card{grid-template-columns:70px minmax(0,1fr) auto;min-height:92px}.local-avatar{width:70px;height:70px}
  .shop-hero{padding-block:20px}.shop-avatar{border-width:4px;border-radius:21px}
  .showcase-admin-intro{align-items:start}.showcase-admin-intro h2{font-size:1rem}.showcase-admin-mark{width:50px;height:50px;border-radius:14px;font-size:.5rem}
  .product-admin-row{grid-template-columns:minmax(0,1fr) !important;gap:12px;padding:15px;border-radius:18px}
  .product-admin-row>*{grid-column:1/-1 !important;grid-row:auto !important;min-width:0}
  .product-admin-row>.mini-art{width:58px;height:58px}
  .product-admin-row>input[name="name"]{font-size:.82rem;font-weight:800}
  .product-admin-row label{display:block;min-width:0}
  .product-admin-row label span{margin-bottom:5px;font-size:.65rem}
  .product-admin-row label input:not([type="checkbox"]){box-sizing:border-box;min-width:0;width:100%;min-height:42px;font-size:.78rem}
  .product-admin-row label small{display:block;margin-top:5px;line-height:1.5}
  .product-admin-row .tiny-check{display:flex;align-items:center;gap:8px}
  .product-admin-row>.secondary-button{width:100%;min-height:44px}
}

/* Reference-led storefront: clear Arabic brand, airy merchandise and useful actions. */
.site-head{background:#fff;box-shadow:0 8px 26px rgba(47,26,101,.055)}
.site-head .app-head-row{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"brand place actions language";direction:rtl;gap:20px}
.site-head .app-head-brand{grid-area:brand;justify-self:start;direction:rtl;overflow:visible!important;min-width:max-content!important}
.site-head .app-head-brand .brand{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;width:max-content!important;min-width:max-content!important;color:#4d26b5}
.site-head .app-head-brand .brand img{width:46px!important;height:46px!important;min-width:46px!important;border-radius:13px!important}
.site-head .app-head-brand .brand>span{display:grid!important;gap:2px!important;min-width:max-content!important;overflow:visible!important}
.site-head .app-head-brand .brand b{max-width:none!important;overflow:visible!important;white-space:nowrap!important}
.site-head .app-head-brand .brand small{display:block;margin:2px 0 0;color:#887da2!important;font-size:.56rem;font-weight:700}
.site-head .app-place-card{grid-area:place;justify-self:center;width:min(100%,280px);min-width:0;min-height:58px;background:#faf8ff}
.site-head .app-head-actions{grid-area:actions;justify-self:end;gap:7px}
.site-head .app-head-actions a{width:46px;min-width:46px;height:46px;display:grid;place-items:center;padding:7px;border:1px solid #e8e3f1;border-radius:50%;box-shadow:0 5px 14px rgba(47,26,101,.05)}
.site-head .app-head-actions a small{display:none}
.site-head .language-switcher{grid-area:language;justify-self:end}
.home-page{background:#fdfcff}
.home-page .home-section.tint{background:#faf8ff}
.home-page .home-section:not(.tint){background:#fff}
.home-page .section-heading h2{color:#211833}
.home-page .section-heading>a{font-size:.83rem}
.home-page .merchant-card,.home-page .local-card{box-shadow:0 14px 30px rgba(43,26,82,.075)}
.home-page .merchant-card-art{height:205px}
.home-page .merchant-card-copy p{min-height:0}
.home-page .merchant-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.home-page .local-card{display:flex;flex-direction:column;align-items:stretch;gap:0;overflow:hidden;padding:0;border-radius:24px}
.home-page .local-card .local-avatar{display:block;width:100%;height:205px;border-radius:0}
.home-page .local-card>div{padding:16px 18px 19px}
.home-page .local-card>svg{display:none}
.home-page .local-card p{line-height:1.65}
.home-page .local-card footer{margin-top:14px;padding-top:12px;border-top:1px solid #eee9f3}
.how-section{background:#2c1c56}
.how-section .section-heading h2,.how-section .how-grid h3{color:#fff}
.how-section .section-heading p,.how-section .how-grid p{color:#e2d8f3}
.how-section .section-heading span{color:#ffd0df}
.how-grid article{background:#32215e}

/* Product cards use the reference's image / title / unit / price / wide add layout. */
.product-grid{gap:16px}
.product-card{display:flex;flex-direction:column;min-height:0;overflow:hidden;border:1px solid #f0edf5;border-radius:23px;background:#fff;box-shadow:0 12px 30px rgba(49,31,93,.075)}
.product-card:hover{border-color:#d9cdf0;box-shadow:0 20px 42px rgba(49,31,93,.12)}
.product-card .product-art,.product-card.is-showcase .product-art{height:auto;aspect-ratio:1.18/1;padding:12px 13px 0;overflow:hidden;background:#fff}
.product-card .product-art::after{display:none}
.product-card .product-art>img{display:block;width:100%;height:100%;border-radius:15px;object-fit:cover}
.product-card .product-art.is-photo-sheet>img{position:absolute;width:200%;height:200%;padding:0;border-radius:0;object-fit:fill}
.product-card .product-art>span{display:none}
.product-card .product-art .product-discount{position:absolute;top:12px;left:12px;right:auto;bottom:auto;z-index:3;padding:7px 10px;border-radius:999px;background:#f04470;color:#fff;font-size:.72rem;font-weight:900;box-shadow:0 5px 13px rgba(217,50,94,.18)}
.product-card .product-save{position:absolute;top:9px;right:9px;z-index:4;display:grid;place-items:center;width:36px;height:36px;margin:0;border:0;border-radius:50%;background:rgba(255,255,255,.95);color:#817994;box-shadow:0 4px 12px rgba(45,30,80,.12)}
.product-card .product-save button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}
.product-card .product-save .price-watch-button.is-watching{color:#e74470}
.product-card .product-save .price-watch-button.is-watching svg{fill:#ffe0e9}
.product-card .product-save-guest:hover,.product-card .product-save button:hover{color:#e74470}
.product-card .product-copy{display:grid;align-content:start;gap:4px;min-height:88px;padding:10px 14px 0}
.product-card .product-copy h3{min-height:0;margin:0;color:#221933;font-size:.91rem;line-height:1.45}
.product-card .product-copy .product-unit{display:block;color:#726a80;font-size:.71rem}
.product-card .product-copy .product-merchant{display:block;color:#938ba1;font-size:.58rem}
.product-card .product-copy>p{display:none}
.product-card .product-availability{font-size:.58rem}
.product-card .product-buy{display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch;justify-items:stretch;gap:10px;align-items:stretch;padding:9px 13px 14px}
.product-card .product-prices{display:flex!important;align-items:baseline;justify-content:flex-start;gap:7px;min-height:23px}
.product-card .product-prices strong{color:#e32649;font-size:1.08rem;font-weight:900;line-height:1.2}
.product-card .product-prices del{color:#877f92;font-size:.68rem}
.product-card .product-buy form,.product-card .product-buy .add-button{width:100%}
.product-card .product-buy .add-button{display:grid;place-items:center;min-height:44px;padding:5px;border:0;border-radius:999px;background:#f1ebff;color:#5226c6;box-shadow:none}
.product-card .product-buy .add-button:hover{background:#e7dbff;color:#4219ad}
.product-card .product-buy .add-button.is-added{background:#e9dfff}
.product-card .product-buy .add-button:is(.is-loading,.is-confirmed,.is-failed){display:flex;align-items:center;justify-content:center;gap:8px;line-height:1}
.product-card .product-buy .add-button:is(.is-loading,.is-confirmed,.is-failed)>span{display:inline-block;line-height:1.2}
.product-card .product-buy .add-button .button-status-icon{line-height:1}
.product-card .product-buy .add-button:disabled{background:#f0edf4;color:#8f879a}
.product-card .product-buy .add-button.needs-coverage{background:#fff3d8;color:#79500b}
.product-card .product-feedback:empty{display:none}
.product-card .product-feedback:not(:empty){min-height:0;padding:0 13px 12px}
html[dir="rtl"] [data-back] .icon-arrow,html[dir="rtl"] .coverage-back .icon-arrow{transform:scaleX(-1)}
html[dir="ltr"] [data-back] .icon-arrow,html[dir="ltr"] .coverage-back .icon-arrow{transform:none}

/* The header's compact icon-link rules must not shrink role-menu links. */
.head-actions .customer-role-switcher .role-switcher-menu{
  width:min(360px,calc(100vw - 24px))!important;
  max-width:none!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:5px!important;
  padding:10px!important;
  box-sizing:border-box;
}
.head-actions .customer-role-switcher .role-switcher-menu>a{
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-width:0!important;
  min-height:58px!important;
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr) auto!important;
  align-items:center!important;
  justify-items:stretch!important;
  gap:11px!important;
  padding:8px 10px!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  text-align:start!important;
  box-sizing:border-box;
}
.head-actions .customer-role-switcher .role-switcher-menu>a.active{border-color:#ded4f4!important;background:#f7f3ff!important}
.head-actions .customer-role-switcher .role-switcher-menu>a>i{width:36px!important;height:36px!important;flex:none}
.head-actions .customer-role-switcher .role-switcher-menu>a>span{display:block!important;min-width:0!important;text-align:start!important}
.head-actions .customer-role-switcher .role-switcher-menu b{font-size:.78rem!important;line-height:1.35!important}
.head-actions .customer-role-switcher .role-switcher-menu small{display:block!important;margin-top:2px!important;font-size:.61rem!important;line-height:1.35!important;white-space:normal!important}
.head-actions .customer-role-switcher .role-switcher-menu em{
  position:static!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:4px 8px!important;
  border:0!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#5429c5!important;
  font-size:.54rem!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}

@media(max-width:860px){
  .head-actions .customer-role-switcher .role-switcher-menu{
    inset-inline:auto!important;left:50%!important;right:auto!important;
    width:min(430px,calc(100vw - 24px))!important;max-width:none!important;
    max-height:calc(100dvh - 90px);overflow-y:auto!important;
    margin:0!important;box-sizing:border-box;transform:translateX(-50%)!important
  }
}

/* Keep the map confirmation and the entire map task visible on compact screens. */
.coverage-dialog{width:min(520px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:19px 20px;overflow-y:auto}
html[dir="ltr"] .coverage-dialog [data-area-choices]>.eyebrow{display:block;padding-left:41px}
.coverage-check:has(.coverage-map-wrap:not([hidden]))>.coverage-check-icon,
.coverage-check:has(.coverage-map-wrap:not([hidden]))>small,
.coverage-check:has(.coverage-map-wrap:not([hidden]))>[data-coverage-copy],
.coverage-check:has(.coverage-map-wrap:not([hidden]))>.coverage-actions{display:none}
.coverage-check:has(.coverage-map-wrap:not([hidden]))>h2{margin:2px 0 5px;font-size:1.18rem}
.coverage-check:has(.coverage-map-wrap:not([hidden])) .coverage-area-chip{margin:4px auto 7px;padding:6px 11px}
.coverage-check:has(.coverage-map-wrap:not([hidden])) .coverage-map-wrap{margin-top:3px;padding:0;border:0;background:transparent}
.coverage-check:has(.coverage-map-wrap:not([hidden])) .coverage-map-wrap>p{margin:0 0 6px;color:#534565;font-size:.65rem}
.coverage-map{height:clamp(125px,28dvh,240px);margin-bottom:8px;border:1px solid #d9d0eb}
.coverage-check:has(.coverage-map-wrap:not([hidden])) [data-coverage-map-check]{position:sticky;bottom:0;z-index:5;min-height:46px;box-shadow:0 8px 22px rgba(63,33,146,.16)}
.coverage-check:has(.coverage-map-wrap:not([hidden])) .coverage-result{margin-top:7px;padding:9px}
@media(max-width:860px){
  .site-head .app-head-row,body.is-customer-in .site-head .app-head-row{grid-template-columns:auto minmax(0,1fr) auto auto!important;grid-template-areas:"brand place language actions"!important;direction:rtl!important;gap:7px!important;padding-block:7px!important}
  .site-head .app-head-brand{justify-self:start!important;direction:rtl!important}
  .site-head .app-place-card{grid-area:place!important;width:100%!important;min-height:45px!important;padding:5px 7px!important}
  .site-head .app-head-actions{grid-area:actions!important;justify-self:end!important;direction:rtl!important}
  .site-head .language-switcher{grid-area:language!important;justify-self:center!important}
  .site-head .app-head-actions a[href*="account.php"],.site-head .app-head-actions a[href*="cart.php"]{display:none!important}
  .site-head .app-head-brand .brand img{width:38px!important;height:38px!important;min-width:38px!important}
  .site-head .app-head-brand .brand b{font-size:1rem!important}
  .site-head .app-head-brand .brand small{display:none!important}
  .home-page .merchant-rail{gap:12px}
  .home-page .merchant-card-art{height:170px}
  .home-page .merchant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .site-head .app-head-row,body.is-customer-in .site-head .app-head-row{grid-template-columns:minmax(0,1fr) auto auto!important;grid-template-areas:"brand language actions" "place place place"!important;gap:5px 9px!important}
  .site-head .app-head-brand .brand{gap:4px!important}
  .site-head .app-head-brand .brand img{width:37px!important;height:37px!important;min-width:37px!important}
  .site-head .app-head-brand .brand b{font-size:1.02rem!important}
  .site-head .app-place-card{grid-area:place!important;max-width:none!important;justify-self:stretch!important;width:100%!important}
  .site-head .app-place-card{min-width:0!important;gap:3px!important}
  .site-head .app-place-card .place-pin svg{width:18px;height:18px}
  .site-head .app-place-card .place-copy small,.site-head .app-place-card .place-copy em{display:none!important}
  .site-head .app-place-card .place-copy b{font-size:.65rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .site-head .app-place-card .place-chevron{display:none!important}
  .site-head .app-head-actions a{width:36px;min-width:36px;height:36px;padding:5px}
  .home-page .merchant-grid{grid-template-columns:1fr 1fr;gap:9px}
  .home-page .local-card .local-avatar{height:125px}
  .home-page .local-card>div{padding:10px}
  .home-page .local-card h3{font-size:.81rem}
  .home-page .local-card p{font-size:.61rem}
  .home-page .local-card footer{font-size:.54rem}
  .home-page .section-heading h2{font-size:1.18rem;line-height:1.45}
  .product-grid{gap:9px}
  .product-card{border-radius:18px}
  .product-card .product-art,.product-card.is-showcase .product-art{aspect-ratio:1.08/1;padding:7px 7px 0}
  .product-card .product-art .product-discount{top:7px;left:7px;padding:5px 7px;font-size:.59rem}
  .product-card .product-save{top:5px;right:5px;width:30px;height:30px}
  .product-card .product-save button{width:30px;height:30px}
  .product-card .product-copy{min-height:76px;padding:8px 9px 0;gap:2px}
  .product-card .product-copy h3{font-size:.76rem}
  .product-card .product-copy .product-unit{font-size:.62rem}
  .product-card .product-copy .product-merchant{font-size:.51rem}
  .product-card .product-buy{gap:6px;padding:7px 9px 10px}
  .product-card .product-prices strong{font-size:.84rem}
  .product-card .product-prices del{font-size:.57rem}
  .product-card .product-buy .add-button{min-height:38px}
  .coverage-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);padding:12px 13px;border-radius:19px}
  .coverage-dialog-close{top:8px;left:8px;width:30px;height:30px}
  .coverage-check>.coverage-back{margin-bottom:3px}
  .coverage-check:has(.coverage-map-wrap:not([hidden]))>h2{font-size:1.04rem}
  .coverage-check:has(.coverage-map-wrap:not([hidden])) .coverage-area-chip{font-size:.68rem}
  .coverage-check:has(.coverage-map-wrap:not([hidden])) .coverage-map-wrap>p{font-size:.56rem}
  .coverage-map{height:clamp(115px,27dvh,205px)}
  .coverage-actions{grid-template-columns:1fr 1fr;gap:6px}
  .coverage-actions button{padding:9px 5px;font-size:.6rem}
}

/* The moving category film is the first impression; the offer copy remains readable. */
.home-discovery{gap:16px;padding-block:18px 10px}
.home-promo{display:block;min-height:455px;border-radius:32px;background:#e9defc;box-shadow:0 22px 48px rgba(49,29,105,.17)}
.home-promo::before,.home-promo::after{display:none}
.home-promo-media{position:absolute;inset:0;overflow:hidden;background:#342054 url('../img/catalog/produce.webp') center/cover no-repeat}
.home-promo-media video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:translate3d(0,0,0) scale(1.045);transform-origin:center;will-change:transform;backface-visibility:hidden;animation:promo-camera 23s ease-in-out infinite}
.home-promo-media::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to left,#eee4ff 0%,#eee4ff 28%,rgba(237,227,255,.97) 38%,rgba(237,227,255,.60) 54%,transparent 73%)}
.home-promo-media::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(110deg,transparent 32%,rgba(255,255,255,.04) 45%,rgba(255,255,255,.24) 51%,transparent 58%);transform:translateX(-125%);animation:promo-light 8.5s ease-in-out infinite}
.home-promo-flare,.home-promo-glow{position:absolute;z-index:2;display:block;pointer-events:none;border-radius:50%;filter:blur(8px)}
.home-promo-flare{left:8%;top:8%;width:180px;height:180px;background:radial-gradient(circle,rgba(255,216,151,.30),transparent 68%)}
.home-promo-glow{left:24%;bottom:-24%;width:260px;height:260px;background:radial-gradient(circle,rgba(203,153,255,.34),transparent 66%)}
.home-promo-copy{position:relative;z-index:4;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:57%;min-height:455px;box-sizing:border-box;padding:42px clamp(32px,5vw,88px)}
html[dir="ltr"] .home-promo-copy{margin-left:auto;direction:ltr;text-align:left}
@media(min-width:861px){
  html[dir="ltr"] .site-head .app-place-card{width:min(100%,350px)}
  html[dir="ltr"] .site-head .app-place-card .place-copy{direction:ltr!important;text-align:left!important}
  html[dir="ltr"] .site-head .app-place-card .place-copy em{font-size:.66rem;line-height:1.25;white-space:normal}
}
.home-promo-copy>span{padding:9px 16px;box-shadow:0 7px 22px rgba(77,40,158,.08);font-size:.78rem}
.home-promo h1{margin:19px 0 12px;color:#3c198b;font-size:clamp(2.3rem,4.25vw,4.35rem);font-weight:900;line-height:1.18;letter-spacing:-.055em;text-wrap:balance}
.home-promo h1>span{display:block;white-space:nowrap}
.home-promo p{margin:0 0 26px;color:#625478;font-size:clamp(.86rem,1.2vw,1.06rem);line-height:1.75}
.home-promo a{padding:13px 25px;font-size:.92rem;box-shadow:0 13px 30px rgba(79,34,183,.23)}
.home-promo a:hover{transform:translateY(-2px)}
.home-search{width:min(100%,790px);box-sizing:border-box;margin-inline:auto}
@keyframes promo-light{0%,43%,100%{transform:translateX(-125%)}61%{transform:translateX(125%)}}
@keyframes promo-camera{0%,100%{transform:translate3d(0,0,0) scale(1.045)}25%{transform:translate3d(-1.1%,-.5%,0) scale(1.08)}50%{transform:translate3d(0,-.8%,0) scale(1.065)}75%{transform:translate3d(1%,-.3%,0) scale(1.08)}}
@media(max-width:900px){
  .home-promo,.home-promo-copy{min-height:400px}
  .home-promo-copy{width:66%;padding:28px 31px}
  .home-promo h1{font-size:clamp(2rem,5vw,3rem)}
}
@media(max-width:600px){
  .home-discovery{gap:13px;padding-block:9px 3px}
  .home-promo{min-height:440px;border-radius:23px}
  .home-promo-media::before{background:linear-gradient(to top,#291553 0%,rgba(41,21,83,.97) 25%,rgba(41,21,83,.65) 48%,rgba(41,21,83,.08) 77%)}
  .home-promo-media::after{opacity:.6}
  .home-promo-copy{position:absolute;inset:auto 0 0;width:100%;min-height:0;padding:25px 23px 28px}
  .home-promo-copy>span{font-size:.62rem}
  .home-promo h1{margin:12px 0 8px;color:#fff;font-size:clamp(1.85rem,7.1vw,2.42rem);line-height:1.2}
  .home-promo p{max-width:285px;margin-bottom:17px;color:#f0e6ff;font-size:.76rem;line-height:1.6}
  .home-promo a{padding:10px 19px;background:#fff;color:#4a20aa;font-size:.79rem;box-shadow:0 10px 24px rgba(12,5,38,.22)}
  .home-promo a:hover{background:#f2eaff;color:#3c198b}
  .home-search{min-height:54px}
}
@media(prefers-reduced-motion:reduce){
  .home-promo-media video,.home-promo-flare,.home-promo-glow{display:none}
  .home-promo-media::after{animation:none}
}

body:has(.active-order-dock) .arooba-nudge[data-nudge-id^="customer-cart:"]{display:none!important}

/* Make cancellation discoverable beside tracking while an order is still new. */
.orders-page .simple-order-actions form{margin:0}
.orders-page .simple-order-actions form button{min-height:40px;padding:8px 11px;font-size:.63rem;white-space:nowrap}
@media(max-width:600px){
  .orders-page .simple-order-actions form{flex:1 1 120px;min-width:0}
  .orders-page .simple-order-actions form button{width:100%;min-width:0}
}

/* Keep the live order status readable without covering half a short phone screen. */
@media(max-width:600px){
  .active-order-dock:not(.has-multiple-trips){
    grid-template-columns:36px minmax(0,1fr) 72px!important;
    gap:7px!important;
    padding:8px!important;
    align-items:center!important;
    border-radius:15px!important;
  }
  .active-order-dock:not(.has-multiple-trips) .active-order-icon{width:36px;height:36px;border-radius:10px}
  .active-order-dock:not(.has-multiple-trips) .active-order-cta{
    grid-column:auto!important;width:auto!important;min-height:38px!important;
    padding:5px!important;text-align:center;white-space:normal!important;
    font-size:.55rem!important;line-height:1.25;justify-content:center!important;
  }
  .active-order-dock:not(.has-multiple-trips) .active-order-cta svg{display:none}
  .active-order-dock:not(.has-multiple-trips) .active-order-content{gap:1px}
  .active-order-dock:not(.has-multiple-trips) .active-order-main{gap:1px}
  .active-order-dock:not(.has-multiple-trips) .active-order-main em{display:none}
  .active-order-dock:not(.has-multiple-trips) .active-order-main small{font-size:.52rem;line-height:1.2}
  .active-order-dock:not(.has-multiple-trips) .active-order-main b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal;font-size:.68rem;line-height:1.25}
  .active-order-dock:not(.has-multiple-trips) .active-order-progress{margin-top:2px}
  body:has(.active-order-dock:not(.has-multiple-trips)){padding-bottom:calc(155px + env(safe-area-inset-bottom))!important}
  .cart-browse-context .catalog-browse-actions{display:flex;min-width:0}
  .cart-browse-context .catalog-browse-actions .secondary-button{width:100%;max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.4;text-align:center}
  .map-picker{scroll-margin-top:130px}
  html[lang="de"] .checkout-head h1,html[lang="ru"] .checkout-head h1{font-size:clamp(1.75rem,7vw,2.1rem);line-height:1.25}
}