@font-face{font-family:"Alexandria";font-style:normal;font-display:swap;font-weight:100 900;src:url("../fonts/alexandria-arabic.woff2") format("woff2-variations");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Alexandria";font-style:normal;font-display:swap;font-weight:100 900;src:url("../fonts/alexandria-latin.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plex Arabic";font-style:normal;font-display:swap;font-weight:400;src:url("../fonts/plex-arabic-400.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Plex Arabic";font-style:normal;font-display:swap;font-weight:400;src:url("../fonts/plex-latin-400.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plex Arabic";font-style:normal;font-display:swap;font-weight:600;src:url("../fonts/plex-arabic-600.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Plex Arabic";font-style:normal;font-display:swap;font-weight:600;src:url("../fonts/plex-latin-600.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plex Arabic";font-style:normal;font-display:swap;font-weight:700;src:url("../fonts/plex-arabic-700.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Plex Arabic";font-style:normal;font-display:swap;font-weight:700;src:url("../fonts/plex-latin-700.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --green-950:#0d2b24;--green-900:#173f35;--green-800:#22594a;--green-700:#2d765f;--green-600:#24745a;--green-100:#dcece6;--green-50:#edf6f2;--green:var(--green-900);
  --orange-700:#8f2e1c;--orange-600:#a93b24;--orange-500:#ff6b3d;--orange-100:#ffe5dc;--orange-50:#fff3ee;
  --ink:#16201d;--ink-2:#35413d;--muted:#5c6863;--muted-2:#5f6b66;--line:#dfe4e1;--line-2:#cbd3cf;
  --paper:#fffdfa;--soft:#f6f5f1;--canvas:#f1f2ee;--white:#fff;--blue:#315bd9;--blue-soft:#e9efff;
  --amber:#74500b;--amber-soft:#fff1c7;--violet:#6950be;--violet-soft:#eee9ff;--danger:#b43a31;--danger-soft:#ffe8e4;--success:#126540;--success-soft:#def3e7;
  --shadow-xs:0 3px 10px rgba(13,43,36,.05);--shadow-sm:0 12px 32px rgba(13,43,36,.08);--shadow-md:0 24px 64px rgba(13,43,36,.12);--shadow-lg:0 40px 110px rgba(13,43,36,.17);
  --r-xs:12px;--r-sm:16px;--r-md:22px;--r-lg:30px;--shell:min(1240px,calc(100% - 40px));
}

*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--canvas);color:var(--ink);font-family:"Alexandria",Tahoma,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}body,button,input,select,textarea{font-family:"Alexandria",Tahoma,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}img,svg{display:block}img{max-width:100%}[hidden]{display:none!important}.shell{width:var(--shell);margin-inline:auto}.skip{position:fixed;top:-100px;right:16px;z-index:9999;padding:10px 16px;border-radius:10px;background:#fff}.skip:focus{top:10px}.eyebrow{display:block;color:var(--orange-600);font-size:.74rem;font-weight:800;letter-spacing:.02em}.muted-box{padding:16px;border:1px dashed var(--line-2);border-radius:14px;background:var(--soft);color:var(--muted)}
.primary-button,.secondary-button,.danger-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 17px;border:1px solid transparent;border-radius:13px;font-size:.84rem;font-weight:800;transition:.18s}.primary-button{background:var(--green-900);color:#fff;box-shadow:0 10px 24px rgba(23,63,53,.18)}.primary-button:hover{background:var(--green-800);transform:translateY(-1px)}.secondary-button{border-color:var(--line-2);background:#fff;color:var(--ink)}.secondary-button:hover{border-color:var(--green-700);color:var(--green-800)}.danger-button{background:var(--danger-soft);color:var(--danger)}.full-button,.full{width:100%}.button-row{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.text-link{display:block;margin-top:12px;color:var(--muted);text-align:center;font-size:.78rem;font-weight:700}.circle-button{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.testbar{position:relative;z-index:600;border-bottom:1px solid #f2d5a9;background:#fff6df;color:#714d08}.testbar>.shell{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:16px}.testbar-note{display:flex;align-items:center;gap:8px;font-size:.68rem;font-weight:700}.testbar-note>i{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#dc7f00;box-shadow:0 0 0 4px #ffe8b7}.role-switcher{position:relative;margin-inline-start:auto}.role-switcher>summary{width:29px;height:29px;display:grid;place-items:center;list-style:none;border:1px solid rgba(113,77,8,.15);border-radius:9px;background:rgba(255,255,255,.4);color:#6f715f;opacity:.42;cursor:pointer;transition:opacity .18s,background .18s,border-color .18s,transform .18s}.role-switcher>summary::-webkit-details-marker{display:none}.role-switcher>summary:hover,.role-switcher>summary:focus-visible,.role-switcher[open]>summary{border-color:rgba(113,77,8,.28);background:#fff;opacity:.82}.role-switcher>summary:active{transform:scale(.94)}.role-switcher>summary:focus-visible{outline:2px solid var(--green-700);outline-offset:2px}.role-switcher-menu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;z-index:20;width:270px;display:grid;gap:4px;padding:8px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.98);box-shadow:0 18px 48px rgba(13,43,36,.18);color:var(--ink);backdrop-filter:blur(16px)}.role-switcher-menu:before{content:"";position:absolute;top:-5px;inset-inline-end:10px;width:9px;height:9px;border-top:1px solid var(--line);border-right:1px solid var(--line);background:#fff;transform:rotate(-45deg)}.role-switcher-menu>span{padding:5px 8px 7px;color:var(--muted);font-size:.56rem;font-weight:800}.role-switcher-menu>a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:10px;border:1px solid transparent;border-radius:12px;text-align:right;color:var(--ink)}.role-switcher-menu>a:hover,.role-switcher-menu>a:focus-visible{border-color:var(--line);background:var(--soft);outline:0}.role-switcher-menu>a.active{border-color:#cfe1da;background:var(--green-50)}.role-switcher-menu>a>i{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:var(--soft);color:var(--muted);font-style:normal}.role-switcher-menu>a.active>i{background:var(--green-900);color:#fff}.role-switcher-menu b,.role-switcher-menu small{display:block}.role-switcher-menu b{font-size:.72rem}.role-switcher-menu small{margin-top:1px;color:var(--muted);font-size:.55rem}.role-switcher-menu em{padding:4px 7px;border-radius:99px;background:#fff;color:var(--green-800);font-size:.49rem;font-style:normal;font-weight:900}
.site-head{position:sticky;top:0;z-index:500;border-bottom:1px solid rgba(203,211,207,.8);background:rgba(255,253,250,.92);backdrop-filter:blur(16px)}.head-row{min-height:76px;display:grid;grid-template-columns:1fr auto auto 1fr;align-items:center;gap:16px}.head-brand{display:flex;align-items:center;gap:9px}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand img{width:50px;height:50px;flex:0 0 auto}.brand span{display:grid;min-width:0}.brand b{font-size:1.32rem;line-height:1.15}.brand small{color:var(--muted);font-size:.63rem;white-space:nowrap}.brand.light{color:#fff}.brand.light small{color:#bcd3ca}.brand-word{display:inline-flex;align-items:baseline;direction:ltr;letter-spacing:.3px}.bw-lat{text-shadow:0 1px 0 rgba(0,0,0,.12)}.bw-ba{width:.92em;height:.88em;margin:0 .04em;align-self:center;transform:translateY(.13em);filter:drop-shadow(0 1px 1px rgba(0,0,0,.18))}.place-pill{min-width:185px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 11px;border:1px solid var(--line);border-radius:15px;background:#fff;text-align:right}.place-pill>svg:first-child{width:34px;height:34px;padding:7px;border-radius:10px;background:var(--green-100);color:var(--green-900)}.place-pill span{display:grid}.place-pill small{color:var(--muted);font-size:.61rem}.place-pill b{font-size:.77rem}.head-actions{justify-self:end;display:flex;align-items:center;gap:4px}.head-actions a{position:relative;min-width:62px;display:grid;place-items:center;gap:2px;padding:8px;border-radius:13px;color:var(--muted)}.head-actions a:hover,.head-actions a.active{background:var(--green-50);color:var(--green-800)}.head-actions small{font-size:.66rem}.head-actions em,.mobile-nav em{position:absolute;top:3px;left:8px;min-width:19px;height:19px;display:grid;place-items:center;padding:0 4px;border:2px solid #fff;border-radius:999px;background:var(--orange-500);color:#fff;font-size:.62rem;font-style:normal}
.flash{margin:16px auto;padding:12px 15px;border-radius:13px;background:var(--success-soft);color:var(--success);font-size:.82rem;font-weight:700}.flash.danger{background:var(--danger-soft);color:var(--danger)}.flash.warning{background:var(--amber-soft);color:var(--amber)}
.area-dialog{width:min(480px,calc(100% - 24px));max-height:85dvh;padding:26px;border:0;border-radius:26px;background:#fff;box-shadow:var(--shadow-lg)}.area-dialog::backdrop{background:rgba(13,43,36,.6);backdrop-filter:blur(5px)}.area-dialog>.circle-button{position:absolute;top:16px;left:16px}.area-dialog h2{margin:4px 0}.area-dialog>p{margin:0 0 16px;color:var(--muted)}.area-list{display:grid;gap:8px}.area-list button{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px;border:1px solid var(--line);border-radius:14px;background:#fff;text-align:right}.area-list button:hover{border-color:var(--green-700);background:var(--green-50)}.area-list button>svg:first-child{width:38px;height:38px;padding:9px;border-radius:11px;background:var(--green-100);color:var(--green-900)}.area-list b,.area-list small{display:block}.area-list small{color:var(--muted);font-size:.62rem}.toast{position:fixed;right:50%;bottom:26px;z-index:1000;min-width:210px;padding:11px 15px;border-radius:12px;background:var(--green-950);color:#fff;box-shadow:var(--shadow-lg);text-align:center;font-size:.72rem;font-weight:800;transform:translateX(50%)}
.hero{position:relative;overflow:hidden;background:var(--paper)}.hero:before{content:"";position:absolute;top:-230px;left:-160px;width:480px;height:480px;border:75px solid var(--orange-100);border-radius:50%;opacity:.72}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);align-items:center;gap:50px;min-height:590px;padding-block:65px}.hero-copy{position:relative;z-index:2}.hero-tag{display:inline-flex;align-items:center;gap:7px;color:var(--green-800);font-size:.76rem;font-weight:800}.hero-tag svg{color:var(--orange-500)}.hero h1{margin:14px 0 18px;font-size:clamp(3.2rem,6vw,5.8rem);line-height:1.03;letter-spacing:-.06em}.hero h1 em{color:var(--orange-500);font-style:normal}.hero-copy>p{max-width:670px;margin:0 0 26px;color:var(--muted);font-size:1.07rem;line-height:1.9}.hero-search{max-width:650px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px 8px 7px 14px;border:1px solid var(--line-2);border-radius:17px;background:#fff;box-shadow:var(--shadow-sm)}.hero-search svg{color:var(--muted)}.hero-search input{min-width:0;padding:10px 0;border:0;outline:0;background:transparent}.hero-search button,.market-head form button{padding:10px 18px;border:0;border-radius:11px;background:var(--green-900);color:#fff;font-weight:800}.hero-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px;color:var(--muted);font-size:.72rem;font-weight:700}.hero-trust span{display:flex;align-items:center;gap:6px}.hero-trust svg{color:var(--green-700)}
.hero-visual{position:relative;min-height:430px}.hero-visual:before{content:"";position:absolute;inset:20px;border:2px dashed #bdccc5;border-radius:50%}.hero-visual:after{content:"";position:absolute;inset:73px;border-radius:50%;background:var(--green-900);box-shadow:0 35px 80px rgba(23,63,53,.28)}.hero-bag{position:absolute;z-index:3;top:125px;right:50%;width:190px;display:grid;justify-items:center;padding:24px 18px;border-radius:26px;background:#fff;box-shadow:var(--shadow-lg);transform:translateX(50%) rotate(-3deg)}.hero-bag img{width:74px}.hero-bag b{margin-top:10px}.hero-bag small{color:var(--muted);font-size:.66rem}.orbit{position:absolute;z-index:4;width:78px;height:78px;display:grid;place-items:center;border:7px solid #fff;border-radius:24px;background:#fff;box-shadow:var(--shadow-md)}.orbit span{width:100%;height:100%;display:grid;place-items:center;border-radius:17px;background:var(--orange-100);font-size:2rem}.orbit.one{top:38px;right:15px;transform:rotate(7deg)}.orbit.two{right:6px;bottom:62px;transform:rotate(-8deg)}.orbit.three{left:0;bottom:105px;transform:rotate(9deg)}.price-ticket{position:absolute;z-index:5;left:18px;top:95px;padding:13px 17px;border-radius:15px;background:var(--orange-500);color:#fff;box-shadow:var(--shadow-md);transform:rotate(-5deg)}.price-ticket small,.price-ticket b{display:block}.price-ticket small{opacity:.8;font-size:.65rem}.price-ticket b{font-size:1.08rem}
.doors-section,.home-section,.catalog-section,.cart-section,.checkout-section,.payment-section,.orders-section,.order-section,.account-section{padding:62px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:22px}.section-heading span{color:var(--orange-600);font-size:.73rem;font-weight:800}.section-heading h2{margin:3px 0 0;font-size:clamp(1.7rem,3vw,2.45rem);line-height:1.25}.section-heading p{max-width:510px;margin:0;color:var(--muted)}.section-heading>a{display:inline-flex;align-items:center;gap:5px;color:var(--green-800);font-size:.78rem;font-weight:800}.section-heading.light{color:#fff}.section-heading.light span{color:#ffb89f}.section-heading.light p{color:#b9cbc5}
.market-doors{display:grid;grid-template-columns:1fr 1fr;gap:16px}.market-door{position:relative;min-height:330px;display:grid;align-content:space-between;overflow:hidden;padding:28px;border-radius:var(--r-lg);color:#fff;box-shadow:var(--shadow-sm);transition:.25s}.market-door:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.exclusive-door{background:linear-gradient(145deg,#ff7549,#d94228)}.local-door{background:linear-gradient(145deg,#245c4e,#0d2b24)}.door-top{display:flex;align-items:center;justify-content:space-between}.door-top>span{opacity:.55;font-size:1.3rem;font-weight:800}.door-top i{width:52px;height:52px;display:grid;place-items:center;border-radius:17px;background:#ffffff1c}.market-door>div:nth-child(2){position:relative;z-index:2;max-width:72%}.market-door small{opacity:.72;font-size:.72rem;font-weight:700}.market-door h3{margin:3px 0 8px;font-size:2.15rem}.market-door p{margin:0 0 18px;opacity:.76;line-height:1.8}.market-door strong{display:inline-flex;align-items:center;gap:7px;font-size:.78rem}.door-stack{position:absolute;left:16px;bottom:20px;width:145px;height:150px}.door-stack span{position:absolute;width:72px;height:72px;display:grid;place-items:center;border:5px solid #ffffffa6;border-radius:22px;background:#fff;color:var(--ink);box-shadow:var(--shadow-md);font-size:1.8rem}.door-stack span:nth-child(1){top:0;right:27px;transform:rotate(8deg)}.door-stack span:nth-child(2){bottom:0;right:0;transform:rotate(-7deg)}.door-stack span:nth-child(3){bottom:5px;left:0;transform:rotate(9deg)}
.tint{background:#e9eeea}.merchant-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.merchant-card{overflow:hidden;border:1px solid #e4cdc4;border-radius:24px;background:#fff;box-shadow:var(--shadow-xs);transition:.2s}.merchant-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}.merchant-card-art{position:relative;height:176px;overflow:hidden;background:color-mix(in srgb,var(--merchant) 16%,#fff)}.merchant-card-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(11,38,31,.28))}.merchant-card-art>img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.merchant-card:hover .merchant-card-art>img{transform:scale(1.035)}.merchant-card-art em{position:absolute;top:13px;right:13px;z-index:1;display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:var(--merchant);color:#fff;font-size:.65rem;font-style:normal;font-weight:800;box-shadow:0 6px 18px rgba(0,0,0,.16)}.merchant-card-copy{padding:17px}.merchant-card-copy>small{color:var(--orange-600);font-size:.67rem;font-weight:800}.merchant-card h3{margin:2px 0 5px;font-size:1.2rem}.merchant-card p{min-height:50px;margin:0;color:var(--muted);font-size:.76rem}.merchant-card-copy>div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);color:var(--muted);font-size:.68rem}.merchant-card-copy>div span{display:flex;align-items:center;gap:5px}.merchant-card-copy>div b{color:var(--ink)}
.merchant-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.local-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px;border:1px solid var(--line);border-radius:21px;background:#fff;box-shadow:var(--shadow-xs);transition:.18s}.local-card:hover{border-color:#a8beb5;transform:translateY(-2px)}.local-avatar{width:82px;height:82px;overflow:hidden;border-radius:21px;background:color-mix(in srgb,var(--merchant) 15%,#fff);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}.local-avatar img{width:100%;height:100%;object-fit:cover}.local-card small{color:var(--muted);font-size:.66rem}.local-card h3{margin:1px 0 3px;font-size:1.08rem}.local-card p{margin:0;color:var(--muted);font-size:.72rem}.local-card footer{display:flex;gap:12px;flex-wrap:wrap;margin-top:9px;color:var(--muted);font-size:.64rem}.local-card footer span{display:flex;align-items:center;gap:4px}.open-dot i,.store-live i{width:7px;height:7px;border-radius:50%;background:#2baa72;box-shadow:0 0 0 4px #daf3e7}.open-dot.closed{color:var(--danger)}.open-dot.closed i,.shop-meta .closed i{background:var(--danger);box-shadow:0 0 0 4px var(--danger-soft)}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.product-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:21px;background:#fff;box-shadow:var(--shadow-xs);transition:.2s}.product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}.product-art{position:relative;height:162px;overflow:hidden;background:var(--art)}.product-art::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(180deg,transparent,rgba(11,38,31,.38))}.product-art>img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.product-card:hover .product-art>img{transform:scale(1.045)}.product-art>span{position:absolute;right:10px;bottom:9px;z-index:1;width:36px;height:36px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.8);border-radius:12px;background:rgba(255,255,255,.88);box-shadow:0 7px 20px rgba(0,0,0,.16);font-size:1.25rem;backdrop-filter:blur(8px)}.product-art em{position:absolute;top:11px;right:11px;z-index:1;padding:5px 8px;border-radius:999px;background:var(--orange-500);color:#fff;font-size:.6rem;font-style:normal;font-weight:800;box-shadow:0 5px 15px rgba(0,0,0,.12)}.product-copy{padding:14px 14px 8px}.product-copy small{color:var(--muted);font-size:.64rem}.product-copy h3{min-height:45px;margin:1px 0 4px;font-size:.94rem}.product-copy p{height:38px;overflow:hidden;margin:0;color:var(--muted);font-size:.68rem;line-height:1.7}.product-buy{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 14px 6px}.product-buy>div{display:grid}.product-buy strong{font-size:.9rem}.product-buy del{color:var(--muted-2);font-size:.62rem}.add-button{min-height:38px;display:flex;align-items:center;gap:5px;padding:7px 10px;border:0;border-radius:11px;background:var(--green-900);color:#fff;font-size:.7rem;font-weight:800}.add-button.is-added{background:var(--orange-500)}.add-button:disabled{cursor:not-allowed;background:var(--line-2);color:var(--muted);box-shadow:none}.product-feedback{min-height:30px;margin:0;padding:3px 14px 11px;color:transparent;font-size:.62rem;font-weight:800;line-height:1.55}.product-feedback:not(:empty){color:var(--green-800)}.product-feedback[data-tone="info"]{color:#345186}.product-feedback[data-tone="danger"]{color:#a12d24}
.how-section{padding:68px 0;background:var(--green-950);color:#fff}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;overflow:hidden;border:1px solid #ffffff1c;border-radius:26px;background:#ffffff1c}.how-grid article{position:relative;padding:26px;background:var(--green-950)}.how-grid article>i{position:absolute;top:18px;left:20px;color:#ffffff30;font-size:1.5rem;font-style:normal;font-weight:800}.how-grid article>span{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#ffffff12;color:#ff9f80}.how-grid h3{margin:15px 0 5px}.how-grid p{margin:0;color:#b9cbc5;font-size:.78rem}
.site-footer{padding:34px 0;border-top:1px solid var(--line);background:#fff}.site-footer>.shell{display:flex;align-items:center;justify-content:space-between;gap:20px}.site-footer nav{display:flex;gap:20px;color:var(--muted);font-size:.76rem}.mobile-nav{display:none}
.market-head,.simple-head,.checkout-head,.payment-head,.order-head{padding:52px 0 38px;border-bottom:1px solid var(--line);background:var(--paper)}.market-head>.shell,.payment-head>.shell,.order-head>.shell{display:flex;align-items:end;justify-content:space-between;gap:30px}.market-head span,.simple-head span,.checkout-head span,.payment-head>div>div>span,.order-head>div>div>span{color:var(--orange-600);font-size:.72rem;font-weight:800}.market-head h1,.simple-head h1,.checkout-head h1,.payment-head h1,.order-head h1{margin:4px 0 7px;font-size:clamp(2rem,4.5vw,3.6rem);line-height:1.15}.market-head p,.simple-head p,.checkout-head p,.payment-head p,.order-head p{margin:0;color:var(--muted)}.market-head form{min-width:370px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 7px 6px 12px;border:1px solid var(--line);border-radius:15px;background:#fff}.market-head form input{min-width:0;border:0;outline:0}.market-tabs{display:flex;gap:6px;margin-top:18px;padding:6px;border:1px solid var(--line);border-radius:15px;background:#fff}.market-tabs a{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 14px;border-radius:11px;color:var(--muted);font-size:.74rem;font-weight:800}.market-tabs a.active{background:var(--green-900);color:#fff}.market-tabs a.active.exclusive{background:var(--orange-500)}.catalog-summary{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;color:var(--muted);font-size:.72rem}.catalog-summary b{color:var(--ink)}.empty-state{max-width:720px;margin:30px auto;padding:54px 30px;border:1px dashed var(--line-2);border-radius:26px;background:#fff;text-align:center}.empty-state>span{display:block;font-size:3rem}.empty-state h2{margin:12px 0 6px}.empty-state p{margin:0 0 20px;color:var(--muted)}
.shop-hero{position:relative;padding:44px 0;background:linear-gradient(135deg,color-mix(in srgb,var(--merchant) 14%,#fff),#fff)}.shop-hero.is-exclusive{border-bottom:4px solid var(--orange-500)}.shop-hero-grid{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(240px,.45fr);align-items:center;gap:20px}.shop-avatar{width:132px;height:132px;overflow:hidden;border:8px solid #fff;border-radius:34px;background:color-mix(in srgb,var(--merchant) 18%,#fff);box-shadow:var(--shadow-md)}.shop-avatar img{width:100%;height:100%;object-fit:cover}.shop-identity>span{display:flex;align-items:center;gap:5px;color:var(--orange-600);font-size:.72rem;font-weight:800}.shop-identity h1{margin:3px 0 5px;font-size:clamp(2rem,4vw,3.4rem)}.shop-identity p{max-width:650px;margin:0;color:var(--muted)}.shop-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px;color:var(--muted);font-size:.7rem}.shop-meta span,.shop-meta b{display:flex;align-items:center;gap:5px}.shop-meta b{color:var(--success)}.shop-meta i{width:7px;height:7px;border-radius:50%;background:#2baa72}.agreement-card{position:relative;overflow:hidden;padding:18px;border:1px solid #ffc7b3;border-radius:20px;background:var(--orange-50)}.agreement-card span,.agreement-card b,.agreement-card small{display:block}.agreement-card span{color:var(--orange-600);font-size:.66rem;font-weight:800}.agreement-card b{margin:3px 0}.agreement-card small{max-width:180px;color:var(--muted);font-size:.66rem}.agreement-card>svg{position:absolute;left:15px;bottom:15px;color:var(--orange-500);opacity:.55}.inline-search{min-width:240px;display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--muted)}.inline-search input{min-width:0;border:0;outline:0;background:transparent}.floating-cart{position:fixed;right:50%;bottom:24px;z-index:450;width:min(560px,calc(100% - 30px));display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:17px;background:var(--green-950);color:#fff;box-shadow:var(--shadow-lg);transform:translateX(50%)}.floating-cart>span,.floating-cart>strong{display:flex;align-items:center;gap:9px}.floating-cart b{font-size:.76rem}.floating-cart em{font-style:normal}.floating-cart strong{padding:8px 12px;border-radius:11px;background:#ffffff12;font-size:.76rem}
.cart-layout,.checkout-layout,.order-layout,.account-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:18px}.cart-groups{display:grid;gap:13px}.cart-store{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow-xs)}.cart-store>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line);background:var(--soft)}.cart-store-number,.order-index{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:var(--green-900);color:#fff;font-size:.75rem;font-weight:800}.cart-store header small{display:flex;align-items:center;gap:5px;color:var(--orange-600);font-size:.65rem;font-weight:800}.cart-store h2{margin:1px 0;font-size:1.1rem}.cart-store header>strong{font-size:.95rem}.cart-items{padding:0 18px}.cart-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}.cart-item:last-child{border-bottom:0}.mini-art{width:54px;height:54px;display:grid;place-items:center;flex:0 0 auto;border-radius:15px;background:var(--art);font-size:1.6rem}.cart-item b,.cart-item small{display:block}.cart-item small{color:var(--muted);font-size:.64rem}.qty-control{display:flex;align-items:center;overflow:hidden;border:1px solid var(--line);border-radius:10px}.qty-control button{width:30px;height:32px;display:grid;place-items:center;border:0;background:#fff}.qty-control input{width:30px;border:0;background:var(--soft);text-align:center;font-size:.72rem;font-weight:800}.remove-item{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:8px;background:var(--danger-soft);color:var(--danger)}.cart-store>footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 18px;background:var(--green-50);font-size:.7rem}.cart-store>footer span{display:flex;align-items:center;gap:5px;color:var(--muted)}.cart-summary,.checkout-summary{position:sticky;top:100px;padding:21px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow-sm)}.cart-summary h2,.checkout-summary h2{margin:3px 0 16px}.cart-summary>div,.checkout-summary>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;color:var(--muted);font-size:.74rem}.cart-summary>div b,.checkout-summary>div b{color:var(--ink)}.summary-total{margin-top:7px;padding-top:15px!important;border-top:1px solid var(--line);color:var(--ink)!important}.summary-total strong{font-size:1.15rem}.cart-summary>p,.checkout-summary>p{display:flex;align-items:flex-start;gap:7px;margin:14px 0;padding:11px;border-radius:12px;background:var(--green-50);color:var(--green-800);font-size:.66rem}.cart-summary>p svg,.checkout-summary>p svg{flex:0 0 auto}
.checkout-head{background:linear-gradient(135deg,var(--paper),var(--green-50))}.checkout-head h1{max-width:800px}.checkout-main{display:grid;gap:13px}.checkout-card{padding:20px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow-xs)}.checkout-card>header{display:flex;align-items:center;gap:11px;margin-bottom:17px}.checkout-card>header i{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--orange-100);color:var(--orange-700);font-style:normal;font-weight:800}.checkout-card header span{color:var(--muted);font-size:.65rem}.checkout-card h2{margin:1px 0;font-size:1.15rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label,.auth-card>label{display:grid;gap:6px;color:var(--ink-2);font-size:.72rem;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea,.auth-card input,.reset-card input{width:100%;min-width:0;padding:12px 13px;border:1px solid var(--line-2);border-radius:11px;background:#fff;outline:0}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.auth-card input:focus{border-color:var(--green-700);box-shadow:0 0 0 4px var(--green-50)}.form-grid .full{grid-column:1/-1}.check{display:flex!important;grid-column:1/-1;align-items:center;gap:7px}.check input{width:auto}.choice-list{display:grid;gap:8px;margin-bottom:12px}.choice input,.payment-choices input{position:absolute;opacity:0}.choice>span{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 9px;padding:12px;border:1px solid var(--line);border-radius:13px;cursor:pointer}.choice>span svg{grid-row:1/3;color:var(--muted)}.choice small{color:var(--muted);font-size:.66rem}.choice:has(input:checked)>span{border-color:var(--green-700);background:var(--green-50);box-shadow:0 0 0 2px #d5e9e1}.payment-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.payment-choices label>span{min-height:112px;display:grid;align-content:center;justify-items:center;gap:3px;padding:12px;border:1px solid var(--line);border-radius:15px;text-align:center;cursor:pointer}.payment-choices label>span>svg,.payment-choices label>span:first-letter{color:var(--green-800)}.payment-choices b,.payment-choices small{display:block}.payment-choices small{color:var(--muted);font-size:.6rem}.payment-choices label:has(input:checked)>span{border-color:var(--green-700);background:var(--green-50);box-shadow:0 0 0 2px #d5e9e1}.orders-review>article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:11px;padding:14px 0;border-bottom:1px solid var(--line)}.orders-review>article:last-child{border-bottom:0}.orders-review small{color:var(--orange-600);font-size:.63rem;font-weight:800}.orders-review h3{margin:1px 0}.orders-review p{margin:0;color:var(--muted);font-size:.67rem}.orders-review details{margin-top:8px}.orders-review summary{color:var(--green-800);font-size:.67rem;font-weight:700;cursor:pointer}.orders-review textarea{width:100%;min-height:80px;margin-top:7px;padding:10px;border:1px solid var(--line);border-radius:10px;resize:vertical}.checkout-summary>small{display:block;margin-top:9px;color:var(--muted);text-align:center;font-size:.6rem}
.payment-head{background:var(--green-950);color:#fff}.payment-head p{color:#b7cbc4}.payment-progress{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid #ffffff1c;border-radius:18px;background:#ffffff0b}.payment-progress>div{min-width:105px;padding:13px 17px;border-inline-start:1px solid #ffffff1c}.payment-progress>div:first-child{border:0}.payment-progress b,.payment-progress span{display:block}.payment-progress b{font-size:1.25rem}.payment-progress span{color:#b7cbc4!important;font-size:.6rem!important}.payment-stack{max-width:940px;display:grid;gap:14px}.pay-store{overflow:hidden;border:1px solid var(--line);border-radius:23px;background:#fff;box-shadow:var(--shadow-xs)}.pay-store.is-current{border-color:#f0ba6b;box-shadow:0 0 0 3px #fff0d5,var(--shadow-sm)}.pay-store>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:17px 19px;border-bottom:1px solid var(--line);background:var(--soft)}.pay-store header small{display:flex;align-items:center;gap:5px;color:var(--orange-600);font-size:.63rem;font-weight:800}.pay-store h2{margin:1px 0;font-size:1.08rem}.pay-store header p{margin:0;color:var(--muted);font-size:.62rem}.state-pill{display:inline-flex;align-items:center;justify-content:center;width:max-content;padding:6px 9px;border-radius:999px;background:var(--soft);color:var(--muted);font-size:.64rem;font-style:normal;font-weight:800;white-space:nowrap}.state-pill.amber{background:var(--amber-soft);color:var(--amber)}.state-pill.violet{background:var(--violet-soft);color:var(--violet)}.state-pill.blue{background:var(--blue-soft);color:var(--blue)}.state-pill.green{background:var(--success-soft);color:var(--success)}.state-pill.muted{background:#ecefed;color:var(--muted)}.pay-body{padding:18px}.payment-rejected{margin-bottom:13px;padding:12px;border-radius:12px;background:var(--danger-soft);color:var(--danger)}.payment-rejected p{margin:2px 0 0;font-size:.72rem}.pay-instruction{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pay-instruction>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 9px;padding:14px;border:1px solid var(--line);border-radius:15px}.pay-instruction span{grid-column:1/-1;color:var(--muted);font-size:.65rem}.pay-instruction strong{overflow-wrap:anywhere;font-size:1.05rem}.pay-instruction button{display:flex;align-items:center;gap:4px;border:0;background:transparent;color:var(--green-800);font-size:.65rem;font-weight:800}.proof-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:13px}.proof-form label{min-width:0}.proof-form input{position:absolute;opacity:0}.proof-form label>span{height:100%;min-height:74px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1px 10px;padding:11px 14px;border:1px dashed var(--line-2);border-radius:14px;background:var(--soft);cursor:pointer}.proof-form label svg{grid-row:1/3;color:var(--green-700)}.proof-form label small{color:var(--muted);font-size:.6rem}.pay-confirmed{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:22px}.pay-confirmed>span{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:var(--success-soft);color:var(--success);font-size:1.5rem}.pay-confirmed.review>span{background:var(--violet-soft);color:var(--violet)}.pay-confirmed p{margin:2px 0 0;color:var(--muted);font-size:.7rem}.pay-store>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 19px;border-top:1px solid var(--line);background:var(--soft);font-size:.68rem}.pay-store>footer a{display:flex;align-items:center;gap:4px;color:var(--green-800);font-weight:800}.payment-end{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px;border-radius:18px;background:var(--green-900);color:#fff}.payment-end>div{display:flex;align-items:center;gap:10px}.payment-end small{display:block;color:#bcd3ca;font-size:.64rem}.payment-end .primary-button{background:#fff;color:var(--green-900);box-shadow:none}
.journey-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.journey-card{overflow:hidden;border:1px solid var(--line);border-radius:23px;background:#fff;box-shadow:var(--shadow-xs)}.journey-card>header{display:flex;align-items:start;justify-content:space-between;gap:12px;padding:17px 18px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,var(--green-50),#fff)}.journey-card header span:first-child{color:var(--orange-600);font-size:.62rem;font-weight:800}.journey-card h2{margin:2px 0;font-size:1.04rem}.journey-card header p{margin:0;color:var(--muted);font-size:.62rem}.journey-orders{display:grid;padding:3px 17px}.journey-orders>a{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:9px;padding:12px 0;border-bottom:1px solid var(--line)}.journey-orders>a:last-child{border:0}.journey-emoji{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:var(--soft);font-size:1.3rem}.journey-orders small,.journey-orders b,.journey-orders em{display:block}.journey-orders small{color:var(--orange-600);font-size:.58rem;font-weight:700}.journey-orders b{font-size:.79rem}.journey-orders em{color:var(--muted);font-size:.59rem;font-style:normal}.journey-orders strong{font-size:.72rem}.journey-status{width:8px;height:8px;border-radius:50%;background:var(--muted-2)}.journey-status.amber{background:#d18a00}.journey-status.violet{background:var(--violet)}.journey-status.blue{background:var(--blue)}.journey-status.green{background:var(--success)}.journey-card>footer{display:flex;justify-content:flex-end;gap:7px;padding:12px 17px;border-top:1px solid var(--line);background:var(--soft)}.journey-card>footer a{min-height:39px;padding:8px 12px;font-size:.67rem}
.order-head{background:linear-gradient(135deg,var(--paper),var(--green-50))}.live-state{display:grid;grid-template-columns:auto auto;align-items:center;gap:0 7px;padding:13px 17px;border:1px solid #bcd8cd;border-radius:16px;background:#fff}.live-state .pulse{grid-row:1/3;width:9px;height:9px;border-radius:50%;background:var(--success);box-shadow:0 0 0 5px var(--success-soft)}.live-state small{color:var(--muted);font-size:.6rem}.live-state b{font-size:.82rem}.order-main{display:grid;gap:13px}.tracking-card,.details-card,.order-side>article,.event-log{padding:20px;border:1px solid var(--line);border-radius:21px;background:#fff;box-shadow:var(--shadow-xs)}.tracking-card>header,.details-card>header{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:19px}.tracking-card header span,.details-card header span{color:var(--orange-600);font-size:.63rem;font-weight:800}.tracking-card h2,.details-card h2{margin:2px 0;font-size:1.18rem}.eta{min-width:126px;display:grid;justify-items:center;padding:9px 11px;border-radius:13px;background:var(--green-50)}.eta small,.eta span{color:var(--muted)!important;font-size:.58rem!important}.eta b{direction:ltr;font-size:1rem;font-variant-numeric:tabular-nums}.payment-stage{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px;border-radius:16px;background:var(--amber-soft)}.payment-stage>span{width:49px;height:49px;display:grid;place-items:center;border-radius:14px;background:#fff;color:var(--amber)}.payment-stage p{margin:2px 0 0;color:var(--muted);font-size:.7rem}.timeline{display:grid;grid-template-columns:repeat(6,1fr);gap:0}.timeline>div{position:relative;display:grid;justify-items:center;gap:6px;text-align:center}.timeline>div:before{content:"";position:absolute;top:13px;right:50%;left:-50%;height:2px;background:var(--line)}.timeline>div:first-child:before{display:none}.timeline i{position:relative;z-index:1;width:28px;height:28px;display:grid;place-items:center;border:3px solid var(--line-2);border-radius:50%;background:#fff}.timeline .done i{border-color:var(--success);background:var(--success);color:#fff}.timeline .done:before{background:var(--success)}.timeline .current i{box-shadow:0 0 0 5px var(--success-soft)}.timeline b{font-size:.64rem}.timeline small{display:block;color:var(--success);font-size:.54rem}.order-items>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.order-items>div>span{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:var(--soft);font-size:.65rem;font-weight:800}.order-items b,.order-items small{display:block}.order-items small{color:var(--muted);font-size:.61rem}.order-items strong{font-size:.72rem}.bill{margin-top:13px;padding:12px;border-radius:13px;background:var(--soft)}.bill>div{display:flex;justify-content:space-between;gap:12px;padding:5px;color:var(--muted);font-size:.69rem}.bill>div:last-child{margin-top:5px;padding-top:10px;border-top:1px solid var(--line);color:var(--ink)}.saved-note{margin-top:12px;padding:13px;border-radius:13px;background:var(--orange-50)}.saved-note p{margin:3px 0 0;color:var(--muted);font-size:.72rem}.order-side{display:grid;gap:10px}.order-side>article{display:flex;align-items:flex-start;gap:11px}.order-side>article>span{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:var(--green-50);color:var(--green-800)}.order-side small,.order-side b{display:block}.order-side small{color:var(--muted);font-size:.6rem}.order-side b{font-size:.75rem}.order-side p{margin:2px 0;color:var(--muted);font-size:.65rem}.order-side a{color:var(--green-800);font-size:.65rem;font-weight:800}.event-log h3{margin:0 0 11px;font-size:.9rem}.event-log>div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;padding:8px 0}.event-log i{width:8px;height:8px;margin-top:6px;border-radius:50%;background:var(--green-700)}.event-log b,.event-log small{display:block}.event-log b{font-size:.7rem}.event-log small{color:var(--muted);font-size:.57rem}.event-log p{margin:2px 0;color:var(--muted);font-size:.61rem}
.account-layout{grid-template-columns:1fr 1fr}.account-card{padding:20px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow-xs)}.account-card>header{display:flex;align-items:center;gap:10px;margin-bottom:17px}.account-card>header>span{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:var(--green-50);color:var(--green-800)}.account-card header small{color:var(--muted);font-size:.62rem}.account-card h2{margin:1px 0}.account-card.full{grid-column:1/-1}.saved-addresses{display:grid;gap:8px;margin-bottom:12px}.saved-addresses article{display:flex;align-items:start;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:13px}.saved-addresses small,.saved-addresses b{display:block}.saved-addresses small{color:var(--orange-600);font-size:.62rem}.saved-addresses b{font-size:.72rem}.saved-addresses p{margin:2px 0;color:var(--muted);font-size:.63rem}.saved-addresses button{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:8px;background:var(--danger-soft);color:var(--danger)}.address-add{padding-top:10px;border-top:1px solid var(--line)}.address-add summary{display:flex;align-items:center;gap:5px;color:var(--green-800);font-size:.7rem;font-weight:800;cursor:pointer}.address-add[open] summary{margin-bottom:12px}.recent-orders>header>a{margin-inline-start:auto;color:var(--green-800);font-size:.68rem;font-weight:800}.recent-orders>div>a{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.recent-orders>div>a:last-child{border:0}.recent-orders small,.recent-orders b{display:block}.recent-orders small{color:var(--muted);font-size:.6rem}.recent-orders>div>a>span:nth-child(2){display:flex;align-items:center;gap:10px}.recent-orders strong{font-size:.7rem}
/* Authentication and panels */
.auth-page{min-height:100vh;background:var(--paper)}.auth-layout{min-height:calc(100vh - 38px);display:grid;grid-template-columns:minmax(380px,.8fr) minmax(440px,1.2fr)}.auth-story{display:grid;align-content:space-between;padding:45px;background:var(--green-950);color:#fff}.merchant-story{background:linear-gradient(145deg,var(--green-950),#246451)}.admin-story{background:linear-gradient(145deg,#111d33,#28385e)}.auth-story>div>span{color:#ff9f80;font-size:.72rem;font-weight:800}.auth-story h1{margin:8px 0 15px;font-size:clamp(2.7rem,5vw,5rem);line-height:1.08;letter-spacing:-.05em}.auth-story p{max-width:540px;color:#bed0ca}.auth-story>small{color:#92aba2;font-size:.68rem}.auth-card{width:min(480px,calc(100% - 40px));align-self:center;justify-self:center;display:grid;gap:14px;padding:32px;border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:var(--shadow-md)}.auth-card h2{margin:2px 0;font-size:1.8rem}.auth-card>p{margin:0;color:var(--muted)}.auth-card>a{color:var(--green-800);text-align:center;font-size:.7rem;font-weight:800}.install-page{min-height:100vh;background:var(--paper)}.install-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,.7fr) minmax(500px,1.3fr)}.install-story{display:grid;align-content:center;padding:50px;background:var(--green-950);color:#fff}.install-story img{width:68px}.install-story>span{margin-top:14px;color:#ff9f80;font-weight:800}.install-story h1{margin:10px 0 18px;font-size:clamp(2.7rem,5vw,5rem);line-height:1.07}.install-story p{max-width:500px;color:#b9cbc5}.install-card{width:min(690px,calc(100% - 40px));align-self:center;justify-self:center;padding:30px;border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:var(--shadow-md)}.install-card h2{margin:3px 0}.install-card>p{margin:0 0 18px;color:var(--muted)}.install-card>small{display:block;margin-top:12px;color:var(--muted);text-align:center;font-size:.65rem}
.panel-body{min-height:100vh;background:#eef0ec}.panel-head{position:sticky;top:0;z-index:500;height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 22px;border-bottom:1px solid #ffffff17;background:var(--green-950);color:#fff}.panel-menu{display:none;border-color:#ffffff1c;background:#ffffff0e;color:#fff}.panel-logo{display:flex;align-items:center;gap:10px;min-width:0}.panel-logo img{width:42px;height:42px}.panel-logo span{min-width:0}.panel-logo b,.panel-logo small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-logo small{color:#a9c2b9;font-size:.62rem}.panel-user{display:flex;align-items:center;gap:14px;color:#b9cbc5;font-size:.68rem}.panel-user a{display:flex;align-items:center;gap:5px;padding:7px 10px;border-radius:9px;background:#ffffff0c;color:#fff;font-weight:800}.panel-layout{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:calc(100vh - 72px)}.panel-side{position:sticky;top:72px;height:calc(100vh - 72px);padding:18px 12px;background:#fff;border-inline-end:1px solid var(--line);overflow-y:auto;overflow-x:hidden}.panel-side-intro{margin-bottom:15px;padding:14px;border-radius:14px;background:var(--green-50)}.panel-side-intro small,.panel-side-intro b{display:block}.panel-side-intro small{color:var(--green-700);font-size:.58rem}.panel-side-intro b{margin-top:3px;font-size:.7rem}.panel-side nav{display:grid;gap:3px}.panel-side nav a{display:flex;align-items:center;gap:9px;padding:10px 11px;border-radius:11px;color:var(--muted);font-size:.72rem;font-weight:700}.panel-side nav a:hover{background:var(--soft);color:var(--ink)}.panel-side nav a.active{background:var(--green-900);color:#fff}.panel-main{min-width:0;padding:28px 30px 70px}.panel-title{margin-bottom:20px}.panel-title span{color:var(--orange-600);font-size:.64rem;font-weight:800}.panel-title h1{margin:3px 0;font-size:clamp(1.8rem,3vw,2.7rem)}.focus-strip,.admin-hero{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px;padding:18px 20px;border-radius:20px;background:var(--green-900);color:#fff;box-shadow:var(--shadow-sm)}.focus-strip>div,.admin-hero>div{display:flex;align-items:center;gap:12px}.focus-strip>div>span,.admin-hero>div>span{width:47px;height:47px;display:grid;place-items:center;border-radius:14px;background:#ffffff12;color:#ff9f80}.focus-strip b,.focus-strip small,.admin-hero small{display:block}.focus-strip small,.admin-hero p{color:#b9cbc5;font-size:.66rem}.store-live{display:flex!important;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;background:#fff;color:var(--success);font-size:.66rem;font-weight:800}.merchant-filters{display:flex;gap:6px;margin-bottom:13px;padding:5px;border:1px solid var(--line);border-radius:13px;background:#fff}.merchant-filters button{display:flex;align-items:center;gap:6px;padding:8px 12px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:.68rem;font-weight:800}.merchant-filters button.active{background:var(--green-900);color:#fff}.merchant-filters em{min-width:20px;height:20px;display:grid;place-items:center;border-radius:999px;background:var(--orange-500);color:#fff;font-style:normal}.merchant-orders{display:grid;gap:11px}.merchant-order{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow-xs)}.merchant-order>header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:15px 18px;border-bottom:1px solid var(--line);background:var(--soft)}.merchant-order header span:first-child{color:var(--orange-600);font-size:.59rem;font-weight:800}.merchant-order h2{margin:1px 0;font-size:1rem}.merchant-order header p{margin:0;color:var(--muted);font-size:.61rem}.merchant-order-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;padding:16px 18px}.merchant-order-facts{display:grid;gap:8px}.merchant-order-facts>div{padding:10px 12px;border-radius:11px;background:var(--soft)}.merchant-order-facts small,.merchant-order-facts b{display:block}.merchant-order-facts small{color:var(--muted);font-size:.58rem}.merchant-order-facts b{font-size:.7rem}.merchant-action{align-self:center}.proof-preview{display:flex;align-items:center;gap:10px;margin-bottom:9px;padding:11px;border:1px solid #d9d0f7;border-radius:12px;background:var(--violet-soft);color:var(--violet)}.proof-preview b,.proof-preview small{display:block}.proof-preview b{font-size:.7rem}.proof-preview small{font-size:.58rem}.decision{display:grid;grid-template-columns:1fr 1fr;gap:7px}.decision details{position:relative}.decision summary{height:46px;display:grid;place-items:center;border-radius:13px;background:var(--danger-soft);color:var(--danger);font-size:.72rem;font-weight:800;cursor:pointer;list-style:none}.decision details[open]{grid-column:1/-1}.decision textarea{width:100%;min-height:74px;margin:7px 0;padding:10px;border:1px solid var(--line);border-radius:10px}.done-message{display:flex;align-items:center;justify-content:center;gap:7px;padding:12px;border-radius:11px;background:var(--success-soft);color:var(--success);font-size:.7rem;font-weight:800}.panel-empty{padding:48px 20px;border:1px dashed var(--line-2);border-radius:20px;background:#fff;text-align:center}.panel-empty>span{font-size:2.5rem}.panel-empty h2{margin:8px 0}.panel-empty p{margin:0;color:var(--muted)}.panel-empty.small{padding:24px}.panel-card{padding:20px;border:1px solid var(--line);border-radius:21px;background:#fff;box-shadow:var(--shadow-xs)}.panel-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.panel-card-head span{color:var(--orange-600);font-size:.61rem;font-weight:800}.panel-card-head h2{margin:2px 0;font-size:1.15rem}.panel-card-head>a{color:var(--green-800);font-size:.67rem;font-weight:800}.panel-split{display:grid;grid-template-columns:minmax(0,1fr) 370px;align-items:start;gap:14px}.sticky-card{position:sticky;top:90px}.product-admin-list{display:grid;gap:7px}.product-admin-row{display:grid;grid-template-columns:auto minmax(130px,1fr) 100px 90px auto auto;align-items:end;gap:8px;padding:10px;border:1px solid var(--line);border-radius:13px}.product-admin-row>input,.product-admin-row label input{width:100%;padding:8px;border:1px solid var(--line);border-radius:9px}.product-admin-row label span{display:block;color:var(--muted);font-size:.55rem}.tiny-check{display:flex;align-items:center;gap:4px;font-size:.58rem}.tiny-check input{width:auto!important}.money-hero{margin-bottom:14px;padding:28px;border-radius:24px;background:linear-gradient(135deg,var(--green-900),var(--green-950));color:#fff}.money-hero span,.money-hero strong{display:block}.money-hero span{color:#b9cbc5;font-size:.65rem}.money-hero strong{margin:4px 0;font-size:2.8rem}.money-hero p{margin:0;color:#b9cbc5}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stats-grid article{padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff}.stats-grid span,.stats-grid b,.stats-grid small{display:block}.stats-grid span{color:var(--muted);font-size:.64rem}.stats-grid b{margin:3px 0;font-size:1.5rem}.stats-grid small{color:var(--muted);font-size:.6rem}.narrow-card{max-width:720px}.panel-lead{color:var(--muted)}.store-info{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.store-info>div{padding:11px;border-radius:11px;background:var(--soft)}.store-info small,.store-info b{display:block}.store-info small{color:var(--muted);font-size:.56rem}.store-info b{font-size:.7rem}
.admin-hero h2{margin:2px 0;font-size:1.25rem}.admin-hero p{margin:1px 0}.admin-hero .primary-button{background:#fff;color:var(--green-900);box-shadow:none}.admin-stats{grid-template-columns:repeat(4,1fr);margin-bottom:14px}.admin-home-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.admin-order-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.admin-order-list>div:last-child{border:0}.admin-order-list small,.admin-order-list b{display:block}.admin-order-list small{color:var(--muted);font-size:.56rem}.admin-order-list b{font-size:.68rem}.admin-order-list strong{font-size:.68rem}.reset-card>p{color:var(--muted);font-size:.72rem}.reset-card label{display:grid;gap:6px;margin-bottom:9px;font-size:.66rem;font-weight:700}.admin-orders-table{display:grid}.admin-orders-table>article{display:grid;grid-template-columns:auto minmax(150px,1fr) minmax(150px,1fr) auto auto auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.order-kind{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:var(--green-50);color:var(--green-800)}.order-kind.exclusive{background:var(--orange-100);color:var(--orange-700)}.admin-orders-table small,.admin-orders-table b,.admin-orders-table em{display:block}.admin-orders-table small{color:var(--muted);font-size:.56rem}.admin-orders-table b{font-size:.7rem}.admin-orders-table em{color:var(--muted);font-size:.58rem;font-style:normal}.admin-orders-table strong{font-size:.7rem}.segment-banner{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:14px;padding:24px;border-radius:22px;color:#fff}.segment-banner.exclusive{background:linear-gradient(135deg,var(--orange-500),var(--orange-700))}.segment-banner.local{background:linear-gradient(135deg,var(--green-800),var(--green-950))}.segment-banner span{font-size:.62rem;font-weight:800;opacity:.72}.segment-banner h2{margin:2px 0;font-size:1.65rem}.segment-banner p{max-width:680px;margin:0;opacity:.75;font-size:.74rem}.segment-banner>strong{padding:9px 13px;border-radius:11px;background:#ffffff13}.merchant-admin-layout{grid-template-columns:minmax(0,1fr) 410px}.admin-merchants{display:grid;gap:10px}.merchant-directory-card{min-width:0}.merchant-directory-count{min-width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--green-50);color:var(--green-800);font-size:.72rem}.admin-merchants>article.admin-merchant-card{display:block;min-width:0;overflow:hidden;padding:0;border:1px solid var(--line);border-radius:16px;background:#fff}.admin-merchant-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px}.merchant-admin-avatar{width:58px;height:58px;display:grid;place-items:center;flex:0 0 auto;border-radius:16px;background:color-mix(in srgb,var(--merchant) 15%,#fff);font-size:1.65rem}.admin-merchant-identity{min-width:0}.admin-merchants small{color:var(--orange-600);font-size:.56rem}.admin-merchants h3{margin:1px 0;font-size:.88rem;line-height:1.55;overflow-wrap:anywhere}.admin-merchants p{margin:0;color:var(--muted);font-size:.62rem;line-height:1.65;overflow-wrap:anywhere}.admin-merchants footer{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.admin-merchants footer span{padding:3px 7px;border-radius:7px;background:var(--soft);color:var(--muted);font-size:.53rem}.admin-merchants footer span.is-open{background:var(--success-soft);color:var(--success)}.admin-merchants footer span.is-closed{background:var(--danger-soft);color:var(--danger)}.admin-merchant-actions{display:grid;gap:6px;min-width:94px}.admin-merchant-actions form{margin:0}.admin-merchant-actions button{width:100%;min-height:34px;padding:6px 9px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:.56rem;font-weight:800;white-space:nowrap}.admin-merchant-actions button:hover{border-color:var(--green-700);color:var(--green-800)}.merchant-review-panel{border-top:1px solid var(--line);background:#fbfcfb}.merchant-review-panel+ .merchant-review-panel{margin-top:0}.merchant-review-panel>summary{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 15px;color:var(--ink);cursor:pointer;list-style:none}.merchant-review-panel>summary::-webkit-details-marker{display:none}.merchant-review-panel>summary>span{min-width:0;display:block}.merchant-review-panel>summary b,.merchant-review-panel>summary small{display:block}.merchant-review-panel>summary b{font-size:.68rem}.merchant-review-panel>summary small{margin-top:1px;color:var(--muted);font-size:.52rem}.merchant-review-panel>summary em{flex:0 0 auto;padding:5px 8px;border-radius:999px;background:var(--amber-soft);color:var(--amber);font-size:.52rem;font-style:normal;font-weight:900}.merchant-review-panel>summary:after{content:'＋';width:28px;height:28px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:#fff;border:1px solid var(--line);color:var(--green-800);font-size:.8rem;order:-1}.merchant-review-panel[open]>summary:after{content:'−'}.merchant-review-panel[open]>summary{border-bottom:1px solid var(--line);background:#fff}.merchant-review-list{display:grid;gap:8px;padding:10px}.merchant-review-form{display:grid;grid-template-columns:minmax(220px,1.35fr) 142px minmax(170px,.85fr) auto;align-items:end;gap:9px;min-width:0;padding:11px;border:1px solid var(--line);border-radius:12px;background:#fff}.merchant-review-product{min-width:0;align-self:center}.merchant-review-product b,.merchant-review-product span,.merchant-review-product small{display:block}.merchant-review-product b{font-size:.68rem;line-height:1.55;overflow-wrap:anywhere}.merchant-review-product span{margin-top:2px;color:var(--green-800);font-size:.57rem;font-weight:800}.merchant-review-product small{margin-top:2px;color:var(--orange-600);font-size:.52rem;line-height:1.55;overflow-wrap:anywhere}.merchant-review-form label{min-width:0;display:grid;gap:5px;color:var(--muted);font-size:.54rem;font-weight:800}.merchant-review-form input{width:100%;min-width:0;height:40px;padding:8px 10px;border:1px solid var(--line-2);border-radius:9px;background:#fff;font-size:.65rem}.merchant-review-form input:focus{border-color:var(--green-700);outline:3px solid rgba(45,118,95,.12)}.merchant-review-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.merchant-review-actions button{min-width:64px;min-height:40px;padding:8px 11px;border-radius:9px;font-size:.62rem;box-shadow:none}.merchant-review-actions button:disabled{cursor:not-allowed;opacity:.45}.merchant-review-empty{padding:18px;text-align:center;color:var(--muted);font-size:.62rem}.merchant-create-card{min-width:0}.customer-list>article{display:grid;grid-template-columns:auto minmax(0,1fr) 90px 110px auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.customer-list>article>span{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:var(--green-50);color:var(--green-800)}.customer-list b,.customer-list small{display:block}.customer-list b{font-size:.7rem}.customer-list small{color:var(--muted);font-size:.56rem}
@media(max-width:1500px){.merchant-admin-layout{grid-template-columns:1fr}.merchant-create-card.sticky-card{position:static}.merchant-create-card .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.merchant-create-card .form-grid .full{grid-column:1/-1}}
@media(max-width:1080px){.merchant-review-form{grid-template-columns:minmax(0,1fr) minmax(130px,.55fr)}.merchant-review-form>label:nth-of-type(2){grid-column:1}.merchant-review-actions{grid-column:2;grid-row:2}}
@media(max-width:1080px){.hero-grid{grid-template-columns:1fr;min-height:auto}.hero-copy{padding-top:15px}.hero-visual{display:none}.product-grid{grid-template-columns:repeat(3,1fr)}.merchant-rail{grid-template-columns:repeat(3,1fr)}.panel-split,.merchant-admin-layout{grid-template-columns:1fr}.sticky-card{position:static}.product-admin-row{grid-template-columns:auto minmax(150px,1fr) 100px 90px}.product-admin-row .tiny-check,.product-admin-row button{grid-column:auto}.admin-home-grid{grid-template-columns:1fr}}
@media(max-width:860px){:root{--shell:min(100% - 28px,1240px)}body{padding-bottom:72px}.head-row{grid-template-columns:1fr auto auto;gap:8px;padding-block:8px}.place-pill{grid-column:1/-1;grid-row:2;max-width:none}.head-actions{grid-column:3;grid-row:1}.market-doors,.merchant-grid,.journey-list{grid-template-columns:1fr}.merchant-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.merchant-card{flex:0 0 82%;scroll-snap-align:start}.product-grid{grid-template-columns:repeat(2,1fr)}.how-grid{grid-template-columns:1fr}.how-grid article{border-bottom:1px solid #ffffff1c}.site-footer{display:none}.mobile-nav{position:fixed;right:0;bottom:0;left:0;z-index:550;display:grid;grid-template-columns:repeat(5,1fr);padding:7px 5px calc(7px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:rgba(255,255,255,.96);box-shadow:0 -10px 30px rgba(13,43,36,.08);backdrop-filter:blur(16px)}.mobile-nav a{position:relative;display:grid;justify-items:center;gap:2px;color:var(--muted);font-size:.7rem}.mobile-nav a.active{color:var(--green-800)}.mobile-nav em{left:18%;top:-3px}.market-head>.shell,.payment-head>.shell,.order-head>.shell{align-items:stretch;flex-direction:column}.market-head form{min-width:0;width:100%}.shop-hero-grid{grid-template-columns:auto minmax(0,1fr)}.agreement-card{grid-column:1/-1}.cart-layout,.checkout-layout,.order-layout,.account-layout{grid-template-columns:1fr}.cart-summary,.checkout-summary{position:static}.account-card.full{grid-column:auto}.payment-progress{width:100%;overflow-x:auto}.timeline{overflow-x:auto;padding-bottom:8px}.timeline>div{min-width:90px}.panel-layout{grid-template-columns:1fr}.panel-side{position:fixed;top:0;right:0;bottom:0;z-index:700;width:260px;height:auto;transform:translateX(105%);box-shadow:var(--shadow-lg);transition:.2s}.panel-side.open{transform:none}.panel-menu{display:grid}.panel-main{padding:20px 16px 90px}.panel-user>span{display:none}.merchant-order-body{grid-template-columns:1fr}.admin-stats{grid-template-columns:1fr 1fr}.admin-orders-table>article{grid-template-columns:auto minmax(0,1fr) auto}.admin-orders-table>article>div:nth-of-type(2),.admin-orders-table>article>small{grid-column:2}.customer-list>article{grid-template-columns:auto minmax(0,1fr) auto}.customer-list>article>div:nth-of-type(2),.customer-list>article>div:nth-of-type(3){grid-row:2}.auth-layout,.install-shell{grid-template-columns:1fr}.auth-story,.install-story{min-height:330px;padding:28px}.auth-story h1,.install-story h1{font-size:2.8rem}.auth-card,.install-card{margin-block:30px}.install-card{width:calc(100% - 28px)}.panel-body{padding-bottom:0}}
@media(max-width:600px){:root{--shell:min(100% - 20px,1240px)}body{font-size:14px}.testbar>.shell{min-height:43px;gap:7px}.testbar>div>span{max-width:155px;font-size:.56rem;line-height:1.4}.testbar .role-switcher-menu a{min-width:45px;padding-inline:5px;font-size:.58rem}.site-head{position:relative}.head-row{min-height:60px}.brand img{width:44px;height:44px}.brand small{display:none}.brand b{font-size:1.15rem}.head-brand{min-width:0}.head-brand .circle-button{width:36px;height:36px}.head-actions a{min-width:42px;padding:6px}.head-actions small{display:none}.head-actions em{left:1px;top:0}.place-pill{padding:6px 8px}.place-pill>svg:first-child{width:30px;height:30px}.hero-grid{padding-block:38px}.hero h1{font-size:clamp(2.75rem,15vw,4.2rem);overflow-wrap:anywhere}.hero-copy>p{font-size:.9rem}.hero-search{grid-template-columns:auto minmax(0,1fr)}.hero-search button{grid-column:1/-1;width:100%}.hero-trust{display:grid;gap:7px}.doors-section,.home-section,.catalog-section,.cart-section,.checkout-section,.payment-section,.orders-section,.order-section,.account-section{padding:38px 0}.section-heading{align-items:stretch;flex-direction:column;gap:8px}.section-heading h2{font-size:1.65rem}.market-door{min-height:290px;padding:22px}.market-door>div:nth-child(2){max-width:75%}.market-door h3{font-size:1.75rem}.door-stack{left:5px;bottom:12px;transform:scale(.82)}.merchant-card{flex-basis:90%}.merchant-grid{grid-template-columns:1fr}.local-card{grid-template-columns:auto minmax(0,1fr)}.local-card>svg{display:none}.local-avatar{width:58px;height:58px}.product-grid{gap:9px}.product-card{border-radius:17px}.product-art{height:122px}.product-art>span{right:7px;bottom:7px;width:32px;height:32px;border-radius:10px;font-size:1.05rem}.product-copy{padding:11px 11px 6px}.product-copy h3{min-height:38px;font-size:.8rem}.product-copy p{display:none}.product-buy{align-items:flex-end;padding:9px 11px 11px}.product-buy strong{font-size:.75rem}.add-button span{display:none}.add-button{width:36px;height:36px;display:grid;place-items:center;padding:0}.how-section{padding:45px 0}.market-head,.simple-head,.checkout-head,.payment-head,.order-head{padding:32px 0 26px}.market-head h1,.simple-head h1,.checkout-head h1,.payment-head h1,.order-head h1{font-size:2.25rem}.market-tabs{overflow-x:auto}.market-tabs a{flex:0 0 auto}.shop-hero{padding:28px 0}.shop-hero-grid{grid-template-columns:1fr}.shop-avatar{width:86px;height:86px;border-radius:24px}.shop-identity h1{font-size:2rem}.shop-meta{display:grid;gap:7px}.inline-search{min-width:0;width:100%}.floating-cart{bottom:78px}.cart-store>header{padding:13px}.cart-items{padding:0 13px}.cart-item{grid-template-columns:auto minmax(0,1fr) auto}.cart-item>.qty-control{grid-column:2}.cart-item>strong{grid-column:3;grid-row:1}.cart-item>form:last-child{grid-column:3;grid-row:2}.mini-art{width:46px;height:46px}.cart-store>footer{align-items:flex-start;flex-direction:column;padding:10px 13px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.payment-choices{grid-template-columns:1fr}.payment-choices label>span{min-height:78px;grid-template-columns:auto minmax(0,1fr);justify-items:start;text-align:right}.payment-choices label>span svg,.payment-choices label>span:first-child{grid-row:1/3}.orders-review>article{grid-template-columns:auto minmax(0,1fr)}.orders-review>article>strong{grid-column:2}.checkout-card{padding:16px}.pay-store>header{grid-template-columns:auto minmax(0,1fr)}.pay-store>header>.state-pill{grid-column:2}.pay-instruction{grid-template-columns:1fr}.proof-form{grid-template-columns:1fr}.pay-confirmed{grid-template-columns:auto minmax(0,1fr)}.pay-confirmed>a{grid-column:1/-1;width:100%}.payment-end{align-items:stretch;flex-direction:column}.payment-end>a{width:100%}.journey-orders>a{grid-template-columns:auto minmax(0,1fr) auto}.journey-orders>a>strong{grid-column:2}.journey-orders>a>i,.journey-orders>a>svg{grid-row:1/3}.journey-card>footer{display:grid;grid-template-columns:1fr}.journey-card>footer a{width:100%}.order-head>.shell{align-items:stretch}.live-state{align-self:flex-start}.tracking-card,.details-card{padding:15px}.tracking-card>header{align-items:stretch;flex-direction:column}.eta{width:100%;grid-template-columns:1fr auto;align-items:center;justify-items:start}.eta span{grid-column:1/-1}.payment-stage{grid-template-columns:auto minmax(0,1fr)}.payment-stage>a{grid-column:1/-1;width:100%}.timeline{margin-inline:-15px;padding-inline:15px}.account-card{padding:15px}.recent-orders>div>a{grid-template-columns:minmax(0,1fr) auto}.recent-orders>div>a>svg{display:none}.recent-orders>div>a>span:nth-child(2){align-items:flex-end;flex-direction:column}.panel-head{height:62px;padding:0 10px}.panel-logo img{width:37px;height:37px}.panel-logo small{display:none}.panel-user a{padding:7px}.panel-user a svg{display:none}.panel-main{padding:16px 10px 80px}.focus-strip,.admin-hero{align-items:stretch;flex-direction:column}.focus-strip>div,.admin-hero>div{align-items:flex-start}.focus-strip>.store-live{align-self:flex-start}.merchant-filters{overflow-x:auto}.merchant-filters button{flex:0 0 auto}.merchant-order>header{grid-template-columns:minmax(0,1fr) auto}.merchant-order>header>.state-pill{grid-column:1/-1}.merchant-order-body{padding:13px}.decision{grid-template-columns:1fr}.product-admin-row{grid-template-columns:auto minmax(0,1fr) 70px}.product-admin-row label:nth-of-type(2),.product-admin-row .tiny-check,.product-admin-row button{grid-column:2/-1}.stats-grid,.admin-stats{grid-template-columns:1fr 1fr}.store-info{grid-template-columns:1fr}.admin-orders-table>article{grid-template-columns:auto minmax(0,1fr)}.admin-orders-table>article>.state-pill,.admin-orders-table>article>strong{grid-column:2}.segment-banner{align-items:stretch;flex-direction:column}.admin-merchants>article{grid-template-columns:auto minmax(0,1fr)}.admin-merchant-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}.customer-list>article{grid-template-columns:auto minmax(0,1fr)}.customer-list>article>div:nth-of-type(2),.customer-list>article>div:nth-of-type(3){grid-column:2}.customer-list>article>small{grid-column:2}.auth-story,.install-story{min-height:280px;padding:22px}.auth-story h1,.install-story h1{font-size:2.35rem}.auth-card{width:calc(100% - 20px);padding:22px}.install-card{padding:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* UX feedback, live tracking and prepaid wallets */
button,a,.choice>span,.payment-choices label>span{-webkit-tap-highlight-color:transparent}button:active,.primary-button:active,.secondary-button:active,.danger-button:active,.add-button:active{transform:scale(.97)!important}.is-loading{cursor:wait!important;opacity:.88}.is-confirmed{background:var(--success)!important;color:#fff!important}.button-spinner{width:17px;height:17px;display:inline-block;flex:0 0 auto;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;animation:button-spin .7s linear infinite}.button-status-icon{display:inline-grid;flex:0 0 auto;place-items:center;font-size:1rem;font-style:normal;font-weight:900}@keyframes button-spin{to{transform:rotate(1turn)}}
.toast{max-width:min(440px,calc(100% - 24px));display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;font-size:.75rem;animation:toast-in .22s ease-out}.toast[data-tone="danger"]{background:#9f2d25}.toast[data-tone="warning"],.toast[data-tone="alert"]{background:#875208}.toast[data-tone="info"]{background:#243b77}.is-failed{background:#9f2d25!important;color:#fff!important}.refresh-notice{position:fixed;right:50%;top:18px;z-index:1050;width:min(560px,calc(100% - 24px));display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 14px;border:1px solid #bedbce;border-radius:15px;background:#f4fffa;color:var(--green-950);box-shadow:var(--shadow-lg);transform:translateX(50%)}.refresh-notice b{font-size:.68rem}.refresh-notice button{flex:0 0 auto;padding:8px 11px;border:0;border-radius:9px;background:var(--green-900);color:#fff;font-size:.62rem;font-weight:900}@keyframes toast-in{from{opacity:0;transform:translate(50%,12px) scale(.96)}to{opacity:1;transform:translate(50%,0) scale(1)}}
.active-order-dock{position:fixed;left:20px;bottom:20px;z-index:540;width:min(385px,calc(100% - 40px));display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px;border:1px solid #ffffff21;border-radius:20px;background:rgba(13,43,36,.97);color:#fff;box-shadow:0 18px 55px rgba(13,43,36,.32);backdrop-filter:blur(18px)}.active-order-icon{position:relative;width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#ffffff13;color:#ff9f80}.active-order-icon i{position:absolute;top:-2px;right:-2px;width:10px;height:10px;border:2px solid var(--green-950);border-radius:50%;background:#40cb8b;box-shadow:0 0 0 0 rgba(64,203,139,.6);animation:live-pulse 1.8s infinite}.active-order-dock>a:nth-of-type(1){min-width:0;display:grid;gap:1px}.active-order-dock small,.active-order-dock b,.active-order-dock em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-order-dock small{color:#9fc0b5;font-size:.54rem}.active-order-dock b{font-size:.75rem}.active-order-dock em{color:#c1d4cd;font-size:.57rem;font-style:normal}.active-order-progress{height:4px;overflow:hidden;margin-top:5px;border-radius:99px;background:#ffffff16}.active-order-progress i{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#ff6b3d,#6ee7af);transition:width .45s ease}.active-order-cta{display:flex;align-items:center;gap:3px;padding:9px 10px;border-radius:11px;background:#fff;color:var(--green-950);font-size:.6rem;font-weight:900;white-space:nowrap}.active-order-dock.has-update{animation:dock-update .75s ease}@keyframes live-pulse{70%{box-shadow:0 0 0 9px rgba(64,203,139,0)}}@keyframes dock-update{0%,100%{transform:translateY(0)}35%{transform:translateY(-8px)}}body:has(.active-order-dock) .toast{bottom:108px}
.tracking-card-new{overflow:hidden;border-color:#cfe2da}.tracking-reassurance{display:flex;align-items:center;gap:6px;margin:5px 0 0;color:var(--muted);font-size:.62rem}.tracking-reassurance i{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px var(--success-soft)}.journey-meter{margin:-2px 0 22px}.journey-meter>span{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;font-size:.63rem}.journey-meter em{color:var(--green-700);font-style:normal;font-weight:900}.journey-meter>i{height:8px;display:block;overflow:hidden;border-radius:99px;background:var(--green-50)}.journey-meter>i>b{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,var(--orange-500),var(--green-600));box-shadow:0 0 14px rgba(47,143,99,.3)}.timeline.timeline-new{grid-template-columns:repeat(7,1fr);margin-bottom:18px}.timeline-new>div{gap:8px}.timeline-new>div:before{top:15px;height:3px}.timeline-new i{width:33px;height:33px}.timeline-new .current i{border-color:var(--orange-500);box-shadow:0 0 0 7px var(--orange-100)}.timeline-new .current i>span{width:9px;height:9px;border-radius:50%;background:var(--orange-500)}.timeline-new .current b{color:var(--orange-700)}.timeline-new span small{max-width:105px;margin-top:2px;color:var(--muted);line-height:1.45}.timeline-new .current span small{color:var(--orange-600);font-weight:800}
.merchant-note{position:relative;padding-inline-start:43px!important;border:1px solid #fed7bf;background:linear-gradient(135deg,#fff8f1,#fff)!important}.merchant-note:before{content:"💬";position:absolute;right:11px;top:50%;width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:var(--orange-100);transform:translateY(-50%)}
.wallet-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:14px;padding:28px;border-radius:24px;background:linear-gradient(135deg,var(--green-900),var(--green-950));color:#fff}.wallet-hero>div>span,.wallet-hero>div>strong{display:block}.wallet-hero>div>span{color:#b9cbc5;font-size:.65rem}.wallet-hero>div>strong{margin:4px 0;font-size:2.8rem}.wallet-hero p{margin:0;color:#b9cbc5}.wallet-model{max-width:320px;padding:14px 16px;border:1px solid #ffffff1d;border-radius:16px;background:#ffffff0c}.wallet-model b,.wallet-model small{display:block}.wallet-model b{color:#ff9f80}.wallet-model small{margin-top:3px;color:#c0d3cc;font-size:.62rem}.wallet-ledger{margin-top:14px}.wallet-ledger>article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.wallet-ledger>article:last-child{border:0}.tx-kind{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;font-weight:900}.tx-kind.in{background:var(--success-soft);color:var(--success)}.tx-kind.out{background:var(--orange-100);color:var(--orange-700)}.wallet-ledger b,.wallet-ledger small{display:block}.wallet-ledger small{color:var(--muted);font-size:.56rem}.wallet-ledger strong{font-size:.72rem}.wallet-ledger .positive{color:var(--success)}.wallet-ledger .negative{color:var(--orange-700)}.wallet-ledger em{grid-column:2/-1;color:var(--muted);font-size:.54rem;font-style:normal}
.wallet-admin-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.wallet-admin-summary article{padding:18px;border-radius:18px;background:var(--green-950);color:#fff}.wallet-admin-summary span,.wallet-admin-summary b,.wallet-admin-summary small{display:block}.wallet-admin-summary span{color:#a9c2b9;font-size:.59rem}.wallet-admin-summary b{margin:4px 0;font-size:1.7rem}.wallet-admin-summary small{color:#8eaea2;font-size:.56rem}.wallet-admin-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wallet-admin-card{overflow:hidden;border:1px solid var(--line);border-radius:21px;background:#fff;box-shadow:var(--shadow-xs)}.wallet-admin-card>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:16px;background:var(--soft)}.wallet-admin-card>header>span{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;background:#fff;font-size:1.4rem}.wallet-admin-card header small,.wallet-admin-card header h2{display:block}.wallet-admin-card header small{color:var(--muted);font-size:.56rem}.wallet-admin-card header h2{margin:1px 0;font-size:.9rem}.wallet-admin-card header strong{font-size:1rem}.wallet-rule{display:flex;align-items:center;gap:10px;margin:13px;padding:12px;border-radius:13px;background:var(--green-50);color:var(--green-800)}.wallet-rule b,.wallet-rule small{display:block}.wallet-rule small{color:var(--muted);font-size:.58rem}.wallet-admin-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 13px 13px}.wallet-admin-actions form{display:grid;align-content:start;gap:6px;padding:10px;border:1px solid var(--line);border-radius:13px}.wallet-admin-actions label{display:grid;gap:3px;color:var(--muted);font-size:.55rem}.wallet-admin-actions input{min-width:0;width:100%;padding:8px;border:1px solid var(--line);border-radius:8px}.wallet-admin-actions button{min-height:40px;padding:8px;font-size:.64rem}.wallet-admin-actions .subscription-charge{grid-column:1/-1}
@media(max-width:900px){.wallet-admin-list{grid-template-columns:1fr}.wallet-admin-summary{grid-template-columns:1fr 1fr}.active-order-dock{left:14px}}
@media(max-width:600px){body:has(.active-order-dock){padding-bottom:175px}.active-order-dock{right:10px;left:10px;bottom:76px;width:auto;grid-template-columns:auto minmax(0,1fr);padding:9px;border-radius:17px}.active-order-icon{width:40px;height:40px}.active-order-cta{grid-column:1/-1;justify-content:center;padding:7px}.active-order-dock small{font-size:.51rem}.active-order-dock b{font-size:.69rem}.active-order-dock em{font-size:.53rem}body:has(.active-order-dock) .floating-cart{bottom:190px}body:has(.active-order-dock) .toast{bottom:192px}.timeline.timeline-new{grid-template-columns:1fr;overflow:visible;margin:0 0 16px;padding:0}.timeline-new>div{min-width:0;grid-template-columns:auto minmax(0,1fr);justify-items:start;text-align:right}.timeline-new>div:before{top:-50%;right:15px;bottom:50%;left:auto;width:3px;height:auto}.timeline-new>div:first-child:before{display:none}.timeline-new i{grid-row:1;width:31px;height:31px}.timeline-new>div>span{padding-bottom:12px}.timeline-new span small{max-width:none}.journey-meter{margin-bottom:16px}.wallet-hero{align-items:stretch;flex-direction:column;padding:20px}.wallet-hero>div>strong{font-size:2.2rem}.wallet-model{max-width:none}.wallet-ledger>article{grid-template-columns:auto minmax(0,1fr)}.wallet-ledger>article>strong{grid-column:2}.wallet-ledger em{grid-column:2}.wallet-admin-summary{grid-template-columns:1fr}.wallet-admin-actions{grid-template-columns:1fr}.wallet-admin-actions .subscription-charge{grid-column:auto}.wallet-admin-card>header{grid-template-columns:auto minmax(0,1fr)}.wallet-admin-card>header>strong{grid-column:2}.toast{font-size:.67rem}}

/* Store operating states, fulfilment choices and persistent in-site notifications */
.service-banner{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:13px;margin:0 0 20px;padding:15px 17px;border:1px solid #efd59d;border-radius:17px;background:#fff6df;color:#74500b}.service-banner>svg{width:42px;height:42px;padding:10px;border-radius:13px;background:#ffe6ad}.service-banner b,.service-banner span{display:block}.service-banner span{margin-top:2px;font-size:.73rem;line-height:1.7}.service-banner.pickup{border-color:#bddcd0;background:var(--green-50);color:var(--green-900)}.service-banner.pickup>svg{background:var(--green-100)}
.product-availability{min-height:38px;margin:8px 0 0;color:var(--green-700);font-size:.65rem;font-weight:800;line-height:1.55}.product-availability.scheduled{color:var(--amber)}.product-availability.closed{color:var(--danger)}
.cart-service-note{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;margin:13px 0 0;padding:11px 12px;border-radius:13px;background:var(--green-50);color:var(--green-900)}.cart-service-note.warning{background:var(--amber-soft);color:var(--amber)}.cart-service-note svg{margin-top:2px}.cart-service-note b,.cart-service-note small{display:block}.cart-service-note small{margin-top:2px;opacity:.76;font-size:.61rem;line-height:1.6}
.saved-data-note,.pickup-only-note,.scheduled-pay{display:flex;align-items:flex-start;gap:9px;margin-top:12px;padding:12px 13px;border-radius:13px;background:var(--green-50);color:var(--green-800);font-size:.69rem;line-height:1.7}.pickup-only-note{background:var(--blue-soft);color:var(--blue)}.scheduled-pay{background:var(--amber-soft);color:var(--amber)}
.fulfillment-review{display:grid;gap:12px;margin-bottom:14px}.fulfillment-review>article{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px;padding:16px;border:1px solid var(--line);border-radius:17px;background:#fff}.fulfillment-store-copy span,.fulfillment-store-copy b,.fulfillment-store-copy small{display:block}.fulfillment-store-copy span{color:var(--orange-600);font-size:.61rem;font-weight:800}.fulfillment-store-copy b{margin-top:2px}.fulfillment-store-copy small{margin-top:4px;color:var(--muted);font-size:.63rem}.fulfillment-options{min-width:min(470px,48vw);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.fulfillment-options label{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:9px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--paper);cursor:pointer}.fulfillment-options label:has(input:checked){border-color:var(--green-700);background:var(--green-50);box-shadow:0 0 0 2px rgba(45,118,95,.09)}.fulfillment-options input{margin-top:4px;accent-color:var(--green-800)}.fulfillment-options b,.fulfillment-options small,.fulfillment-options em{display:block}.fulfillment-options b{font-size:.72rem}.fulfillment-options small{color:var(--muted);font-size:.6rem;line-height:1.55}.fulfillment-options em{margin-top:4px;color:var(--green-800);font-size:.62rem;font-style:normal;font-weight:800}.scheduled-warning{grid-column:1/-1;display:flex;align-items:center;gap:7px;margin-top:2px;color:var(--amber);font-size:.63rem;font-weight:800}
.timeline.timeline-new{grid-template-columns:repeat(var(--steps,7),minmax(0,1fr))}
.scheduled-fact{border-color:#f0dba8!important;background:#fff9e9!important}.scheduled-decision{display:grid;gap:8px}.scheduled-decision details{border:1px solid var(--line);border-radius:13px;background:#fff}.scheduled-decision summary{padding:11px 13px;color:var(--danger);font-size:.72rem;font-weight:800;cursor:pointer}.scheduled-decision textarea{width:calc(100% - 20px);min-height:72px;margin:0 10px 8px;padding:10px;border:1px solid var(--line);border-radius:10px;resize:vertical}.scheduled-decision details button{width:calc(100% - 20px);margin:0 10px 10px}.scheduled-wait{display:flex;align-items:center;gap:10px;padding:13px;border-radius:14px;background:var(--amber-soft);color:var(--amber)}.scheduled-wait b,.scheduled-wait small{display:block}.scheduled-wait small{margin-top:2px;font-size:.62rem}.merchant-order.is-scheduled{border-color:#ead39a}
.operations-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.operation-card{display:grid;align-content:start;gap:14px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff}.operation-card>header{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:11px}.operation-card>header>svg{width:43px;height:43px;padding:10px;border-radius:13px;background:var(--green-50);color:var(--green-800)}.operation-card h3,.operation-card p{margin:0}.operation-card p{color:var(--muted);font-size:.67rem}.operation-state{padding:10px 12px;border-radius:12px;background:var(--green-50);color:var(--green-800);font-size:.7rem;font-weight:800}.operation-state.off{background:var(--amber-soft);color:var(--amber)}.operation-form{display:grid;gap:10px}.operation-form label{display:grid;gap:5px;color:var(--muted);font-size:.64rem;font-weight:700}.operation-form input,.operation-form textarea{width:100%;min-width:0;padding:10px 11px;border:1px solid var(--line);border-radius:11px;background:var(--paper);outline:0}.operation-form input:focus,.operation-form textarea:focus{border-color:var(--green-700);box-shadow:0 0 0 3px rgba(45,118,95,.1)}.operation-form textarea{min-height:72px;resize:vertical}.operation-form .check-row{display:flex;align-items:center;gap:8px}.operation-form .check-row input{width:auto}.operation-form .button-row{justify-content:flex-start}
.panel-bell{position:relative}.panel-bell em{position:absolute;top:-5px;left:-5px;min-width:19px;height:19px;display:grid;place-items:center;padding:0 4px;border:2px solid var(--green-950);border-radius:999px;background:var(--orange-500);color:#fff;font-size:.57rem;font-style:normal}.notification-center{overflow:hidden}.notification-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.notification-tools form{margin:0}.notification-list{display:grid}.notification-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px 18px;border-top:1px solid var(--line);background:#fff;transition:.16s}.notification-row:hover{background:var(--green-50)}.notification-row.unread{background:#f2faf6}.notification-dot{width:9px;height:9px;border-radius:50%;background:var(--line-2)}.notification-row.unread .notification-dot{background:var(--orange-500);box-shadow:0 0 0 5px var(--orange-100)}.notification-row small,.notification-row b,.notification-row p{display:block;margin:0}.notification-row small{color:var(--muted);font-size:.58rem}.notification-row b{margin-top:2px;font-size:.77rem}.notification-row p{margin-top:2px;color:var(--muted);font-size:.65rem;line-height:1.6}

@media(max-width:900px){.fulfillment-review>article{grid-template-columns:1fr}.fulfillment-options{min-width:0;width:100%}.operations-grid{grid-template-columns:1fr}.service-banner{margin-inline:0}}
@media(max-width:600px){.fulfillment-options{grid-template-columns:1fr}.fulfillment-review>article{padding:13px}.notification-tools{align-items:stretch;flex-direction:column}.notification-tools .secondary-button{width:100%}.notification-row{padding:13px}.operation-card{padding:14px}.timeline.timeline-new{grid-template-columns:1fr}.product-availability{min-height:0}.service-banner{padding:12px}.saved-data-note,.pickup-only-note,.scheduled-pay{font-size:.64rem}}

/* Compact order receipt inside every payment card */
.payment-order-review{padding:16px 18px;border-bottom:1px solid var(--line);background:#fff}.payment-order-review>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.payment-order-review>header span{display:flex;align-items:center;gap:6px;color:var(--green-700);font-size:.61rem;font-weight:800}.payment-order-review h3{margin:1px 0 0;font-size:.93rem}.payment-order-review>header>b{padding:6px 9px;border-radius:999px;background:var(--green-50);color:var(--green-800);font-size:.61rem}.payment-review-items{display:grid}.payment-review-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.payment-review-item:last-child{border-bottom:0}.payment-item-art{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--soft);font-size:1.15rem}.payment-review-item b,.payment-review-item small{display:block}.payment-review-item b{font-size:.72rem}.payment-review-item small{margin-top:1px;color:var(--muted);font-size:.59rem}.payment-review-item strong{font-size:.72rem;white-space:nowrap}.payment-more-items{margin-top:4px;border-top:1px dashed var(--line-2)}.payment-more-items summary{display:flex;align-items:center;justify-content:center;gap:5px;padding:10px;color:var(--green-800);font-size:.64rem;font-weight:800;cursor:pointer;list-style:none}.payment-more-items summary::-webkit-details-marker{display:none}.payment-more-items[open] summary svg{transform:rotate(90deg)}.payment-order-review>footer{display:grid;grid-template-columns:1fr 1fr minmax(190px,1.15fr);gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.payment-order-review>footer>div{padding:9px 11px;border-radius:11px;background:var(--soft)}.payment-order-review>footer span,.payment-order-review>footer b,.payment-order-review>footer strong{display:block}.payment-order-review>footer span{color:var(--muted);font-size:.56rem}.payment-order-review>footer b{margin-top:2px;font-size:.67rem}.payment-order-review>footer .payment-review-total{background:var(--green-900);color:#fff}.payment-order-review>footer .payment-review-total span{color:#c5d9d2}.payment-review-total strong{margin-top:1px;font-size:1rem}
@media(max-width:600px){.payment-order-review{padding:13px}.payment-order-review>footer{grid-template-columns:1fr 1fr}.payment-review-total{grid-column:1/-1}.payment-review-item{gap:8px}.payment-item-art{width:36px;height:36px}.payment-review-item b{font-size:.67rem}.payment-review-item small{font-size:.55rem}.payment-review-item strong{font-size:.66rem}}
@media(prefers-reduced-motion:reduce){.button-spinner,.active-order-icon i,.active-order-dock.has-update,.toast{animation:none!important}}
.product-card:has(.product-feedback[data-tone="success"]){border-color:#91c9ad}.product-feedback[data-tone="success"]{color:var(--green-800)}
@media(max-width:600px){.product-buy{padding-bottom:5px}.product-feedback{min-height:40px;padding:3px 11px 10px;font-size:.58rem}.refresh-notice{top:8px;align-items:stretch;flex-direction:column}.refresh-notice button{width:100%}}
.hero-bag{width:250px;text-align:center}.hero-bag b{font-size:1.08rem}
@media(min-width:601px){.local-door h3{font-size:1.8rem;line-height:1.35}}@media(max-width:600px){.local-door h3{font-size:1.45rem;line-height:1.4}}

/* Clear customer orders: one merchant equals one row */
.orders-simple-head{padding-bottom:30px}.simple-orders-wrap{max-width:1120px;display:grid;gap:18px}.orders-bucket{overflow:hidden;border:1px solid var(--line);border-radius:23px;background:#fff;box-shadow:var(--shadow-xs)}.orders-bucket>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 19px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,var(--green-50),#fff)}.orders-bucket>header>div{display:flex;align-items:center;gap:10px}.orders-bucket-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:var(--green-900);color:#fff}.orders-bucket header small,.orders-bucket header h2{display:block}.orders-bucket header small{color:var(--orange-600);font-size:.57rem;font-weight:800}.orders-bucket header h2{margin:1px 0;font-size:1.05rem}.orders-bucket>header>b{min-width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--green-900);color:#fff;font-size:.78rem}.orders-bucket.past{box-shadow:none}.orders-bucket.past>header{background:var(--soft)}.orders-bucket.past .orders-bucket-icon,.orders-bucket.past>header>b{background:#e3e7e4;color:var(--muted)}.simple-order-list{display:grid}.simple-order-row{display:grid;grid-template-columns:auto minmax(210px,1.2fr) minmax(210px,1fr) auto auto;align-items:center;gap:16px;padding:16px 19px;border-bottom:1px solid var(--line)}.simple-order-row:last-child{border-bottom:0}.simple-order-row.needs-action{background:linear-gradient(90deg,#fff9ef,#fff)}.simple-order-emoji{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:var(--soft);font-size:1.55rem}.simple-order-shop small,.simple-order-shop h3,.simple-order-shop em{display:block}.simple-order-shop small{color:var(--orange-600);font-size:.57rem;font-weight:800}.simple-order-shop h3{margin:2px 0;font-size:.88rem}.simple-order-shop em{color:var(--muted);font-size:.54rem;font-style:normal}.simple-order-state{display:grid;justify-items:start;gap:4px}.simple-order-state>small{color:var(--muted);font-size:.58rem}.simple-order-state>i{width:100%;height:5px;display:block;overflow:hidden;border-radius:99px;background:var(--green-50)}.simple-order-state>i>b{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,var(--orange-500),var(--green-600))}.simple-order-row>strong{font-size:.76rem;white-space:nowrap}.simple-order-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.simple-order-actions a{min-height:40px;padding:8px 11px;font-size:.63rem;white-space:nowrap}.past-row{background:#fcfcfb}.orders-clear{display:flex;align-items:center;justify-content:center;gap:10px;padding:28px;color:var(--success)}.orders-clear>span b,.orders-clear>span small{display:block}.orders-clear>span small{color:var(--muted);font-size:.58rem}
@media(max-width:980px){.simple-order-row{grid-template-columns:auto minmax(0,1fr) auto}.simple-order-state{grid-column:2}.simple-order-row>strong{grid-column:3;grid-row:1}.simple-order-actions{grid-column:2/4;justify-content:flex-start}.simple-order-actions a{flex:1}.past-row .simple-order-state{grid-column:2}.past-row>strong{grid-column:3}.past-row .simple-order-actions{grid-column:2/4}}
@media(max-width:600px){.orders-simple-head{padding-bottom:22px}.simple-orders-wrap{gap:12px}.orders-bucket{border-radius:18px}.orders-bucket>header{padding:13px}.simple-order-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;padding:13px}.simple-order-emoji{width:44px;height:44px;border-radius:12px;font-size:1.3rem}.simple-order-shop h3{font-size:.8rem}.simple-order-state{grid-column:2/4}.simple-order-row>strong{grid-column:3;grid-row:1}.simple-order-actions{grid-column:1/4;display:grid;grid-template-columns:1fr 1fr}.simple-order-actions a:only-child{grid-column:1/-1}.past-row .simple-order-state{grid-column:2/4}.past-row .simple-order-actions{grid-column:1/4}.orders-bucket header h2{font-size:.92rem}}

/* iPhone/Safari form stability */
html,body{width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%}main,section,form,.shell,.checkout-layout,.checkout-main,.checkout-card,.form-grid,.new-address{min-width:0}input,select,textarea{max-width:100%}.keyboard-open .mobile-nav,.keyboard-open .active-order-dock,.keyboard-open .floating-cart{display:none!important}
@media(max-width:860px){input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="color"]),select,textarea{font-size:16px!important;line-height:1.4}textarea{width:100%}.form-grid>label,.checkout-card,.account-card{min-width:0;max-width:100%}}

/* Admin wallets: explicit business models, instant search and in-place actions */
.wallet-admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:16px 0;padding:16px 18px;border:1px solid var(--line);border-radius:18px;background:#fff}.wallet-admin-toolbar small,.wallet-admin-toolbar h2{display:block}.wallet-admin-toolbar small{color:var(--orange-600);font-size:.58rem;font-weight:800}.wallet-admin-toolbar h2{margin:2px 0;font-size:.94rem}.wallet-admin-toolbar .inline-search{width:min(360px,100%);flex:0 1 360px}.wallet-admin-groups{display:grid;gap:22px}.wallet-admin-section{display:grid;gap:12px}.wallet-admin-section>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px 17px;border:1px solid var(--line);border-radius:18px;background:#fff}.wallet-admin-section>header>span{width:44px;height:44px;display:grid;place-items:center;border-radius:13px}.wallet-admin-section.exclusive>header>span{background:var(--orange-100);color:var(--orange-700)}.wallet-admin-section.local>header>span{background:var(--green-100);color:var(--green-800)}.wallet-admin-section header small,.wallet-admin-section header h2,.wallet-admin-section header p{display:block;margin:0}.wallet-admin-section header small{color:var(--orange-600);font-size:.57rem;font-weight:800}.wallet-admin-section.local header small{color:var(--green-700)}.wallet-admin-section header h2{font-size:1rem}.wallet-admin-section header p{color:var(--muted);font-size:.61rem}.wallet-admin-section>header>b{min-width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--soft);font-size:.76rem}.wallet-admin-card[data-wallet-type="exclusive"]{border-top:3px solid var(--orange-500)}.wallet-admin-card[data-wallet-type="local"]{border-top:3px solid var(--green-700)}.wallet-search-empty{padding:28px;border:1px dashed var(--line-2);border-radius:18px;background:#fff;text-align:center;color:var(--muted);font-size:.72rem}.wallet-admin-actions form[data-wallet-form][data-busy="1"]{border-color:var(--green-700);background:var(--green-50)}
@media(max-width:760px){.wallet-admin-toolbar{align-items:stretch;flex-direction:column}.wallet-admin-toolbar .inline-search{width:100%;flex-basis:auto}.wallet-admin-section>header{grid-template-columns:auto minmax(0,1fr)}.wallet-admin-section>header>b{grid-column:2;grid-row:2;width:max-content;height:28px}.wallet-admin-section header p{font-size:.57rem}}
/* 2.6 — delivery operations. Kept as a self-contained layer so every new
   customer, admin and driver state shares one responsive visual language. */
.delivery-live-quote{margin-top:18px;padding:16px;border:1px dashed #b9c7c1;border-radius:18px;display:flex;align-items:center;gap:13px;background:#f8faf9;color:#45605a}.delivery-live-quote>span{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#e8f1ed;color:#174c40}.delivery-live-quote b,.delivery-live-quote small{display:block}.delivery-live-quote b{color:#102b25;font-size:1rem}.delivery-live-quote small{margin-top:4px}.delivery-live-quote.is-ready{background:#eaf8f1;border-style:solid;border-color:#9ed5be}.location-action{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px}.location-action span{font-size:.86rem;color:#65766f}.fulfillment-global label{min-width:0}.order-confirmation-page .payment-head{background:linear-gradient(135deg,#e9f7f1,#fff8e8)}.trip-payment-summary{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:24px;border-radius:24px;background:#123f34;color:white}.trip-payment-summary>span{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:#ff6b45}.trip-payment-summary small,.trip-payment-summary p{color:#c9ded7}.trip-payment-summary h2{margin:5px 0;font-size:1.65rem}.trip-payment-summary>strong{padding:9px 13px;border-radius:999px;background:#e9fff6;color:#17664f}.delivery-stops>div{display:grid;grid-template-columns:auto 1fr auto auto;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid #e4e8e6}.delivery-stops a{color:#145c4b;font-weight:800}.trip-order-row{border-color:#b9d8cb!important;background:linear-gradient(135deg,#fff,#f0faf5)}
.delivery-admin-hero{padding:26px;border-radius:24px;background:#103c32;color:white;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.delivery-admin-hero>div{display:flex;gap:16px;align-items:flex-start}.delivery-admin-hero>div>span{width:52px;height:52px;border-radius:17px;background:#ff6745;display:grid;place-items:center}.delivery-admin-hero h2{margin:4px 0 8px;font-size:1.45rem}.delivery-admin-hero p,.delivery-admin-hero small{color:#c7ddd5}.delivery-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}.delivery-ops-grid{align-items:start}.rate-chips{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.rate-chips form{display:flex;align-items:center;gap:7px;padding:8px 10px;background:#f2f5f3;border-radius:12px}.rate-chips button{border:0;background:#ffe3de;color:#b22b1e;border-radius:50%;width:24px;height:24px;cursor:pointer}.inline-rate-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.inline-rate-form label{flex:1;min-width:120px}.delivery-company-card{padding:18px;border:1px solid #dce4e0;border-radius:20px;margin-bottom:14px}.delivery-company-card>header{display:flex;justify-content:space-between;gap:10px}.delivery-company-card h3{margin:4px 0}.company-statement-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.company-statement-mini span{padding:12px;background:#f5f7f6;border-radius:14px}.company-statement-mini small,.company-statement-mini b,.company-statement-mini strong{display:block}.company-statement-mini strong{color:#d64b32}.admin-create-drawer{margin-top:14px;border-top:1px solid #e0e5e2;padding-top:14px}.admin-create-drawer summary{cursor:pointer;font-weight:900;color:#155646;margin-bottom:14px}.delivery-user-list article{display:flex;gap:12px;align-items:center;padding:13px;border-bottom:1px solid #e8ebe9}.delivery-user-list article>span:first-child{font-size:1.5rem}.delivery-user-list article>div{flex:1}.delivery-user-list small,.delivery-user-list b,.delivery-user-list em{display:block}.merchant-location-list form{display:grid;grid-template-columns:minmax(180px,1.5fr) 1fr 1fr auto;gap:10px;align-items:end;padding:12px;border-bottom:1px solid #e8ebe9}.merchant-location-list small,.merchant-location-list b{display:block}
.delivery-story{background:linear-gradient(145deg,#0e3b31,#12624e)}.delivery-panel-body{margin:0;background:#edf2ef;color:#102721;min-height:100vh}.delivery-panel-head{position:sticky;top:0;z-index:20;background:#0d362d;color:white;display:flex;align-items:center;justify-content:space-between;padding:14px max(20px,calc((100vw - 1180px)/2));box-shadow:0 8px 24px #0b2c251c}.delivery-panel-head .brand{display:flex;align-items:center;gap:10px}.delivery-panel-head .brand img{width:44px}.delivery-panel-head .brand b,.delivery-panel-head .brand small{display:block}.delivery-panel-head>div{display:flex;align-items:center;gap:16px}.delivery-panel-head>div a{color:white;padding:9px 14px;border-radius:12px;background:#ffffff12}.delivery-panel-main{max-width:1180px;margin:auto;padding:28px 20px 70px}.driver-shift-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px}.driver-shift-head h1{max-width:720px;font-size:clamp(1.7rem,4vw,2.8rem);line-height:1.2;margin:6px 0}.driver-shift-head p,.driver-shift-head small{color:#61746d}.company-statement{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:#103d33;color:white;border-radius:24px;padding:18px;margin-bottom:18px}.company-statement span{padding:12px 16px;border-left:1px solid #ffffff21}.company-statement small,.company-statement b,.company-statement strong{display:block}.company-statement b,.company-statement strong{font-size:1.45rem;margin-top:5px}.company-statement strong{color:#ffd274}.company-statement p{grid-column:1/-1;margin:2px 12px;color:#c8ddd6}.driver-filter{display:flex;gap:8px;overflow:auto;margin:18px 0;padding-bottom:4px}.driver-filter button{white-space:nowrap;border:1px solid #cbd6d1;background:white;padding:10px 16px;border-radius:999px;font:inherit;font-weight:800;cursor:pointer}.driver-filter button.active{background:#154c40;color:white;border-color:#154c40}.driver-trip-list{display:grid;gap:18px}.driver-trip-card{background:white;border:1px solid #d9e1dd;border-radius:26px;box-shadow:0 8px 28px #133a3010;overflow:hidden;scroll-margin-top:90px}.driver-trip-card.has-update{animation:tripUpdate .5s ease}.driver-trip-card>header{display:flex;justify-content:space-between;gap:14px;padding:22px 24px;background:#f8faf9;border-bottom:1px solid #e1e6e3}.driver-trip-card h2{margin:4px 0}.driver-trip-card header p{margin:0;color:#62736c}.driver-trip-numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#e1e7e4}.driver-trip-numbers span{padding:15px;background:white}.driver-trip-numbers small,.driver-trip-numbers b{display:block}.driver-trip-numbers b{font-size:1.1rem;margin-top:4px}.driver-stops{list-style:none;margin:0;padding:14px 24px}.driver-stops li{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(220px,.8fr);gap:15px;padding:17px 0;border-bottom:1px solid #e5e9e7;align-items:center}.driver-stops li>span{width:38px;height:38px;border-radius:13px;background:#eaf2ee;display:grid;place-items:center;font-weight:900;color:#164c40}.driver-stops li.done>span{background:#d8f3e7;color:#137253}.driver-stops h3{margin:4px 0}.driver-stops p{margin:3px 0;color:#5d6e67}.driver-stop-actions{display:grid;gap:8px}.driver-stop-actions form{display:flex;gap:7px;flex-wrap:wrap}.driver-stop-actions input,.driver-stop-actions select{min-width:0;flex:1}.driver-stop-actions em{font-style:normal;color:#177052;font-weight:900}.driver-stop-actions .payout-done{padding:10px;background:#e9f8f1;border-radius:12px}.customer-stop{background:#fffaf0;margin:8px -12px -8px;padding-inline:12px!important;border-radius:16px}.driver-trip-footer{display:flex;gap:10px;padding:18px 24px;background:#f7f9f8;align-items:end}.driver-trip-footer>form:first-child{flex:1}.delivery-complete-form{display:flex;align-items:end;gap:10px;flex:1}.delivery-complete-form label{flex:1}.driver-trip-footer label{display:grid;gap:5px;font-weight:800}.driver-trip-footer select{padding:12px;border:1px solid #cad6d1;border-radius:12px;background:white;font:inherit}.payout-form input,.payout-form select{padding:9px;border:1px solid #cad6d1;border-radius:10px;font:inherit}@keyframes tripUpdate{50%{box-shadow:0 0 0 5px #53bc9455}}
@media(max-width:800px){.delivery-admin-grid{grid-template-columns:1fr}.delivery-admin-hero,.driver-shift-head{align-items:stretch;flex-direction:column}.merchant-location-list form{grid-template-columns:1fr 1fr}.merchant-location-list form>span{grid-column:1/-1}.company-statement{grid-template-columns:1fr}.company-statement span{border-left:0;border-bottom:1px solid #ffffff1f}.driver-trip-numbers{grid-template-columns:1fr 1fr}.driver-stops li{grid-template-columns:auto 1fr}.driver-stop-actions{grid-column:1/-1}.driver-trip-footer,.delivery-complete-form{display:grid;grid-template-columns:1fr}.trip-payment-summary{grid-template-columns:auto 1fr}.trip-payment-summary>strong{grid-column:1/-1}.delivery-stops>div{grid-template-columns:auto 1fr auto}.delivery-stops a{grid-column:2/-1}.location-action>*{width:100%}.company-statement-mini{grid-template-columns:1fr}.delivery-panel-head{padding:11px 14px}.delivery-panel-head>div>span{display:none}.delivery-panel-main{padding:20px 12px 80px}.driver-trip-card>header{padding:18px}.driver-stops{padding:10px 18px}.driver-trip-footer{padding:15px 18px}}
.merchant-admin-layout label:has(input[name="delivery_fee"]){display:none}

/* Guided customer journey: every completed action exposes the next useful step. */
.checkout-final-action{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:20px 22px;border:2px solid #a9d3c2;border-radius:23px;background:linear-gradient(135deg,#eaf7f1,#fff);box-shadow:0 14px 34px rgba(23,63,53,.09)}.checkout-final-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:var(--green-900);color:#fff}.checkout-final-action small,.checkout-final-action h2,.checkout-final-action p{display:block;margin:0}.checkout-final-action>div>small{color:var(--orange-600);font-size:.61rem;font-weight:900}.checkout-final-action h2{font-size:1.08rem}.checkout-final-action p{color:var(--muted);font-size:.65rem}.checkout-final-total{min-width:150px;padding:10px 13px;border-radius:14px;background:#fff}.checkout-final-total strong{display:block;font-size:1.05rem}.checkout-final-action>button{min-width:210px;min-height:49px}
.payment-order-review>footer:has(>:only-child){grid-template-columns:1fr}.payment-order-review>footer:has(>:only-child)>.payment-review-total{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:14px}.payment-order-review>footer:has(>:only-child)>.payment-review-total strong{margin:0}
.cart-guide-dock{position:fixed;right:20px;bottom:20px;z-index:545;width:min(470px,calc(100% - 40px));border:1px solid #ffffff24;border-radius:20px;background:rgba(13,43,36,.98);color:#fff;box-shadow:0 20px 55px rgba(13,43,36,.32);backdrop-filter:blur(18px)}.cart-guide-dock>a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px}.cart-guide-icon{position:relative;width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#ffffff13;color:#ffc4b1}.cart-guide-icon em{position:absolute;top:-5px;right:-5px;min-width:20px;height:20px;display:grid;place-items:center;padding:0 5px;border:2px solid var(--green-950);border-radius:99px;background:var(--orange-500);color:#fff;font-size:.56rem;font-style:normal;font-weight:900}.cart-guide-dock small,.cart-guide-dock b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-guide-dock small{color:#a9c8bd;font-size:.54rem}.cart-guide-dock b{font-size:.75rem}.cart-guide-dock strong{display:flex;align-items:center;gap:4px;padding:9px 10px;border-radius:11px;background:#fff;color:var(--green-950);font-size:.61rem;white-space:nowrap}.cart-guide-dock.has-update{box-shadow:0 20px 55px rgba(13,43,36,.32),0 0 0 4px rgba(255,107,61,.18)}body:has(.active-order-dock) .cart-guide-dock{right:20px;left:auto}
.tracking-card-new{position:relative;background:linear-gradient(160deg,#fff,#fbfdfc);box-shadow:0 16px 38px rgba(23,63,53,.08)}.journey-live-label{display:flex!important;align-items:center;gap:7px!important;color:var(--orange-600)!important;font-size:.62rem!important;font-weight:900}.journey-live-label i{width:8px;height:8px;border-radius:50%;background:#25a66f;box-shadow:0 0 0 5px #def3e7}.tracking-card-new .tracking-reassurance{display:block;margin:4px 0 0;color:var(--muted);font-size:.66rem}.timeline.timeline-new{gap:6px}.timeline-new>div{position:relative;padding:9px 5px 11px;border:1px solid transparent;border-radius:15px;cursor:pointer;outline:0;transition:background .18s,border-color .18s,box-shadow .18s}.timeline-new>div:hover,.timeline-new>div:focus-visible,.timeline-new>div.selected{border-color:#c9ddd5;background:#f3f9f6;box-shadow:0 6px 18px rgba(23,63,53,.07)}.timeline-new>div.current.selected{border-color:#ffc1ad;background:#fff5f1}.timeline-new>div.done.selected{border-color:#9fd3bd;background:#edf8f3}.timeline-detail{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin-top:4px;padding:14px 16px;border:1px solid #cfe2da;border-radius:17px;background:#f0f8f4}.timeline-detail>span{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:var(--green-900);color:#fff}.timeline-detail small,.timeline-detail b,.timeline-detail p{display:block;margin:0}.timeline-detail small{color:var(--orange-600);font-size:.56rem;font-weight:900}.timeline-detail b{font-size:.8rem}.timeline-detail p{color:var(--muted);font-size:.62rem}.tracking-card-new.live-updated .journey-meter>i>b{box-shadow:0 0 0 4px rgba(45,118,95,.13)}
.merchant-action-label{display:block;margin-bottom:8px;color:var(--orange-600);font-size:.58rem;font-weight:900}.driver-next-step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 12px;margin:16px 24px 2px;padding:14px 16px;border:1px solid #b8d9cc;border-radius:17px;background:#edf8f3}.driver-next-step>span{grid-row:1/4;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#154c40;color:#fff}.driver-next-step small,.driver-next-step b,.driver-next-step p{display:block;margin:0}.driver-next-step small{color:#e85d3c;font-size:.58rem;font-weight:900}.driver-next-step b{font-size:.84rem}.driver-next-step p{color:#5d6e67;font-size:.66rem}.driver-operating-guide{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 18px;padding:12px;border:1px solid #d8e3de;border-radius:20px;background:#fff}.driver-operating-guide>div{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;padding:10px;border-radius:14px;background:#f6f9f7}.driver-operating-guide>div>span{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#154c40;color:#fff;font-size:.66rem;font-weight:900}.driver-operating-guide b,.driver-operating-guide small{display:block}.driver-operating-guide b{font-size:.67rem}.driver-operating-guide small{color:#697a73;font-size:.54rem}
@media(max-width:1000px){.checkout-final-action{grid-template-columns:auto minmax(0,1fr) auto}.checkout-final-action>button{grid-column:2/4;width:100%}.driver-operating-guide{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.checkout-final-action{grid-template-columns:auto minmax(0,1fr);padding:15px;gap:11px}.checkout-final-total{grid-column:1/-1;width:100%}.checkout-final-action>button{grid-column:1/-1;min-width:0;width:100%}.cart-guide-dock{right:10px;left:10px;bottom:76px;width:auto}.cart-guide-dock>a{grid-template-columns:auto minmax(0,1fr);padding:9px}.cart-guide-icon{width:42px;height:42px}.cart-guide-dock strong{grid-column:1/-1;justify-content:center;padding:7px}.keyboard-open .cart-guide-dock{display:none!important}body:has(.active-order-dock):has(.cart-guide-dock:not([hidden])){padding-bottom:285px}body:has(.active-order-dock) .cart-guide-dock{right:10px;left:10px;bottom:198px}.timeline-new>div{padding:7px}.timeline-detail{margin-top:2px;padding:12px}.driver-operating-guide{grid-template-columns:1fr}.driver-next-step{margin:12px 14px 2px}.driver-next-step>span{grid-row:1/3}.driver-next-step p{grid-column:1/-1}.merchant-action-label{margin-top:3px}}

/* Quiet role switcher: mobile sizing follows the compact test header. */
@media(max-width:600px){.testbar>.shell{min-height:41px;gap:8px}.testbar>.shell>.testbar-note{max-width:220px;font-size:.56rem;line-height:1.4}.role-switcher>summary{width:27px;height:27px}.role-switcher-menu{width:min(270px,calc(100vw - 20px));padding:7px}.testbar .role-switcher-menu>a{min-width:0;padding:9px;font-size:inherit}}

/* 2.7 — one clear task for each role, with a compact mobile-first journey. */
.active-order-icon i{top:-5px;right:-5px;width:17px;height:17px;border-width:3px;animation:role-status-pulse 1.45s ease-out infinite}.active-order-dock.has-problem{border-color:#ff8e7b;background:rgba(91,20,19,.98);box-shadow:0 18px 55px rgba(91,20,19,.38),0 0 0 4px rgba(222,55,45,.16)}.active-order-dock.has-problem .active-order-icon{background:#fff1ef;color:#b42621}.active-order-dock.has-problem .active-order-icon i{background:#ef302b;border-color:#5b1413;animation-name:problem-status-pulse}.active-order-dock.has-problem small{color:#ffd2cc}.active-order-dock.has-problem em{color:#ffe5e1}.active-order-dock.has-problem .active-order-progress i{background:#ff5d52}.active-order-dock.has-problem .active-order-cta{color:#8e1e1b}@keyframes role-status-pulse{0%{box-shadow:0 0 0 0 rgba(64,203,139,.72)}70%{box-shadow:0 0 0 13px rgba(64,203,139,0)}100%{box-shadow:0 0 0 0 rgba(64,203,139,0)}}@keyframes problem-status-pulse{0%{box-shadow:0 0 0 0 rgba(239,48,43,.8)}70%{box-shadow:0 0 0 15px rgba(239,48,43,0)}100%{box-shadow:0 0 0 0 rgba(239,48,43,0)}}
.journey-live-label i{animation:journey-heartbeat 1.7s ease-out infinite}.journey-meter>i{position:relative;overflow:hidden}.journey-meter>i>b{position:relative;transition:width .5s ease}.journey-meter>i>b:after{content:"";position:absolute;inset:0 auto 0 -45%;width:35%;background:linear-gradient(90deg,transparent,#ffffffb8,transparent);animation:journey-shine 2.2s ease-in-out infinite}.timeline-new .current i{animation:current-step-pulse 1.8s ease-out infinite}@keyframes journey-heartbeat{0%,45%,100%{transform:scale(1);box-shadow:0 0 0 5px #def3e7}15%{transform:scale(1.35);box-shadow:0 0 0 9px #def3e700}}@keyframes journey-shine{0%{left:-45%}55%,100%{left:115%}}@keyframes current-step-pulse{0%,100%{box-shadow:0 0 0 7px var(--orange-100)}50%{box-shadow:0 0 0 11px rgba(255,107,61,.08)}}
.order-head.has-problem{background:linear-gradient(135deg,#731f1c,#b9312b)}.live-state.danger{border-color:#ffb0a5;background:#fff0ed;color:#9d211c}.live-state.danger .pulse{background:#ee332d;box-shadow:0 0 0 6px #ffd6d1}.tracking-card.tracking-problem{border-color:#ef9c91}.customer-problem-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;margin-top:14px;padding:15px;border:1px solid #ef9c91;border-radius:18px;background:#fff3f1}.customer-problem-card>span{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#b82d27;color:#fff}.customer-problem-card small,.customer-problem-card b,.customer-problem-card p{display:block;margin:0}.customer-problem-card small{color:#b82d27;font-size:.58rem;font-weight:900}.customer-problem-card b{font-size:.84rem}.customer-problem-card p{color:#76514e;font-size:.65rem}.customer-problem-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.customer-problem-actions form{margin:0}.customer-problem-actions a,.customer-problem-actions button{min-height:42px;padding:9px 12px;font-size:.63rem}
.notification-required{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 12px;border:1px solid #9fd4bd;border-radius:12px;background:#eaf8f1;color:#17664f;font-size:.63rem;font-weight:900}.notification-required.is-blocked{border-color:#eea095;background:#fff1ef;color:#a52b25}.delivery-bell{position:relative}.delivery-bell em{position:absolute;top:1px;right:1px;min-width:18px;height:18px;display:grid;place-items:center;padding:0 4px;border-radius:99px;background:#ff5e43;color:#fff;font-size:.52rem;font-style:normal;font-weight:900}
.merchant-contact-actions{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.merchant-contact-actions a{min-height:40px;padding:8px 11px;font-size:.62rem}.merchant-decline{margin-top:9px;border-top:1px dashed var(--line-2);padding-top:8px}.merchant-decline>summary{color:#a93b31;font-size:.62rem;font-weight:800;cursor:pointer}.merchant-decline form{display:grid;gap:8px;margin-top:8px}.merchant-decline textarea{min-height:72px;padding:10px;border:1px solid #e2b6b0;border-radius:11px}.scheduled-wait.success{border-color:#a8d8c4;background:#edf9f3}
.driver-operating-guide{grid-template-columns:repeat(3,minmax(0,1fr))}.driver-stops li.is-next-stop{margin-inline:-10px;padding-inline:10px;border:1px solid #a8d6c3;border-radius:16px;background:#f0faf5}.driver-contact-row{display:flex;gap:7px;flex-wrap:wrap}.driver-contact-row a{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:40px;padding:8px 10px;border:1px solid #bfd2ca;border-radius:11px;background:#fff;color:#155646;font-size:.61rem;font-weight:900}.driver-stop-actions>form>.primary-button{width:100%}.payout-copy{font-size:.61rem}.customer-stop .driver-contact-row{margin-top:9px}.driver-trip-footer>a{min-height:46px}.driver-trip-card[data-trip-status="customer_unavailable"]{border-color:#e97266;box-shadow:0 8px 28px rgba(185,45,39,.16)}
.customer-store-actions{display:flex;gap:6px}.customer-store-actions a{display:inline-flex!important;align-items:center;gap:4px;padding:7px 8px;border:1px solid var(--line);border-radius:9px;font-size:.57rem}.delivery-stops>div{grid-template-columns:auto minmax(0,1fr) auto auto}.address-location-state{display:block;margin-top:6px;font-size:.57rem;font-style:normal;font-weight:800}.address-location-state.ready{color:#167353}.address-location-state.missing{color:#bd542f}.new-address-fields[hidden],[data-save-address-row][hidden]{display:none!important}

/* Order chat stays scoped to the two people completing that order. */
.chat-head{padding:34px 0 26px;background:linear-gradient(135deg,var(--green-950),var(--green-800));color:#fff}.chat-head>.shell,.merchant-chat-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.chat-head small,.chat-head h1,.chat-head p,.merchant-chat-head small,.merchant-chat-head h2,.merchant-chat-head p{display:block;margin:0}.chat-head small,.merchant-chat-head small{color:#ffc3ad;font-size:.6rem;font-weight:900}.chat-head h1{margin:3px 0;font-size:1.7rem}.chat-head p{color:#c7ddd5;font-size:.68rem}.chat-head a{background:#fff;color:var(--green-900)}.chat-section{padding:28px 0 90px;background:#f2f6f4}.chat-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);align-items:start;gap:18px;max-width:1000px}.chat-card{overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow-sm)}.chat-safety{display:flex;align-items:center;gap:9px;padding:11px 15px;border-bottom:1px solid var(--line);background:#eef8f3;color:var(--green-800)}.chat-safety b,.chat-safety small{display:block}.chat-safety b{font-size:.68rem}.chat-safety small{color:var(--muted);font-size:.55rem}.chat-messages{height:min(56vh,560px);min-height:360px;overflow:auto;display:flex;flex-direction:column;gap:9px;padding:18px;background:#f7faf8;overscroll-behavior:contain}.chat-bubble{width:fit-content;max-width:min(78%,560px);padding:9px 12px;border:1px solid var(--line);border-radius:15px 15px 4px 15px;background:#fff;box-shadow:0 4px 12px rgba(23,63,53,.05)}.chat-bubble.own{align-self:flex-start;border-color:#aed9c6;border-radius:15px 15px 15px 4px;background:#ddf4e8}.chat-bubble.other{align-self:flex-end}.chat-bubble.system{align-self:center;max-width:90%;border:0;border-radius:99px;background:#e8eeeb;color:#5d6c66;text-align:center}.chat-bubble small{display:block;margin-bottom:2px;color:var(--green-700);font-size:.53rem;font-weight:900}.chat-bubble p{margin:0;white-space:normal;overflow-wrap:anywhere;font-size:.72rem;line-height:1.65}.chat-bubble footer{display:flex;justify-content:flex-end;gap:6px;margin-top:4px;color:#7b8a84;font-size:.48rem}.chat-bubble footer span{color:#27825f}.chat-empty{margin:auto;text-align:center;color:var(--muted)}.chat-empty>*{display:block;margin:4px auto}.chat-empty b{color:var(--ink)}.chat-empty p{font-size:.64rem}.chat-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:9px;padding:12px;border-top:1px solid var(--line);background:#fff}.chat-composer textarea{min-height:48px;max-height:130px;resize:vertical;padding:11px 13px;border:1px solid var(--line-2);border-radius:13px;font:inherit}.chat-composer button{min-height:48px}.rating-card{padding:20px;border:1px solid var(--line);border-radius:22px;background:#fff}.rating-card>span{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:var(--orange-100);color:var(--orange-700)}.rating-card small,.rating-card h2,.rating-card p,.rating-card strong,.rating-card em{display:block;margin:6px 0}.rating-card small{color:var(--orange-600);font-size:.58rem;font-weight:900}.rating-card h2{font-size:1rem}.rating-card p{color:var(--muted);font-size:.64rem}.rating-card strong{color:#e29a16;font-size:1.35rem;letter-spacing:2px}.rating-card em{color:var(--green-700);font-size:.65rem;font-style:normal;font-weight:800}.rating-card form{display:grid;gap:9px}.rating-choice{display:flex;gap:5px;flex-wrap:wrap}.rating-choice input{position:absolute;opacity:0}.rating-choice span{display:block;padding:7px 8px;border:1px solid var(--line-2);border-radius:9px;cursor:pointer;font-size:.59rem}.rating-choice input:checked+span{border-color:var(--orange-500);background:var(--orange-100);color:var(--orange-700)}.rating-card textarea{min-height:76px;padding:10px;border:1px solid var(--line-2);border-radius:11px}.merchant-chat-head{margin-bottom:16px;padding:17px 19px;border:1px solid var(--line);border-radius:20px;background:#fff}.merchant-chat-head h2{margin:3px 0;font-size:1.2rem}.merchant-chat-head p{color:var(--muted);font-size:.65rem}.merchant-chat-layout{max-width:none;grid-template-columns:minmax(0,1fr) minmax(260px,340px)}

@media(max-width:800px){.customer-problem-card{grid-template-columns:auto minmax(0,1fr)}.customer-problem-card>a,.customer-problem-actions{grid-column:1/-1}.chat-layout,.merchant-chat-layout{grid-template-columns:1fr}.rating-card{order:2}.driver-contact-row a{flex:1}.customer-store-actions{grid-column:2/-1}.delivery-stops>div{grid-template-columns:auto minmax(0,1fr) auto}}
@media(max-width:600px){body:has(.active-order-dock){padding-bottom:156px}.active-order-dock{grid-template-columns:auto minmax(0,1fr) auto;bottom:76px;padding:9px 10px}.active-order-icon{width:43px;height:43px}.active-order-cta{grid-column:auto;padding:8px}.active-order-dock em{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35}.timeline.timeline-new.timeline-customer{display:grid;grid-template-columns:repeat(var(--steps,5),minmax(0,1fr));gap:0;overflow:visible;margin:0 0 12px;padding:0}.timeline-customer>div{min-width:0;display:grid;grid-template-columns:1fr;justify-items:center;align-content:start;gap:5px;padding:7px 2px;text-align:center}.timeline-customer>div:before{display:block;top:21px;right:-50%;bottom:auto;left:auto;width:100%;height:3px}.timeline-customer>div:first-child:before{display:none}.timeline-customer i{grid-row:auto;width:29px;height:29px}.timeline-customer>div>span{min-width:0;padding:0}.timeline-customer span b{font-size:.5rem;line-height:1.35}.timeline-customer span small{display:none}.timeline-customer .current{background:#fff4ef}.timeline-detail{grid-template-columns:auto minmax(0,1fr)}.customer-problem-card{padding:12px}.customer-problem-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.customer-problem-actions>*{min-width:0}.customer-problem-actions a,.customer-problem-actions button{width:100%}.driver-operating-guide{display:flex;overflow:auto;scroll-snap-type:x mandatory}.driver-operating-guide>div{flex:0 0 82%;scroll-snap-align:start}.driver-trip-card{border-radius:19px}.driver-trip-card>header{padding:14px}.driver-trip-numbers span{padding:11px}.driver-trip-numbers b{font-size:.9rem}.driver-next-step{margin:11px 12px 2px;padding:12px}.driver-stops{padding:8px 12px}.driver-stops li{gap:10px;padding:14px 0}.driver-trip-footer{position:sticky;bottom:0;z-index:8;padding:11px 12px;box-shadow:0 -8px 24px rgba(16,47,40,.12)}.driver-trip-footer button,.driver-trip-footer>a{width:100%;min-height:48px}.payout-copy{display:none}.chat-head{padding:23px 0}.chat-head>.shell,.merchant-chat-head{align-items:stretch;flex-direction:column}.chat-head a,.merchant-chat-head a{width:100%}.chat-section{padding:12px 0 80px}.chat-card{border-radius:18px}.chat-messages{height:52vh;min-height:320px;padding:12px}.chat-bubble{max-width:88%}.chat-composer{position:sticky;bottom:0;grid-template-columns:minmax(0,1fr) auto;padding:9px}.chat-composer button{padding-inline:14px}.rating-card{padding:15px}.notification-required{width:100%}.merchant-contact-actions{display:grid;grid-template-columns:1fr 1fr}.merchant-contact-actions a{justify-content:center}.location-action.full>*{width:100%}}
@media(prefers-reduced-motion:reduce){.journey-live-label i,.journey-meter>i>b:after,.timeline-new .current i,.active-order-icon i{animation:none!important}}
.admin-attention-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:18px;padding:18px;border:1px solid #b8d9cc;border-radius:21px;background:#eff9f4}.admin-attention-hero>span:first-child{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:var(--green-900);color:#fff}.admin-attention-hero.has-alert{border-color:#ef9c91;background:#fff3f1}.admin-attention-hero.has-alert>span:first-child{background:#b82d27}.admin-attention-hero small,.admin-attention-hero h2,.admin-attention-hero p{display:block;margin:0}.admin-attention-hero small{color:var(--orange-600);font-size:.58rem;font-weight:900}.admin-attention-hero h2{font-size:1.1rem}.admin-attention-hero p{color:var(--muted);font-size:.65rem}.attention-items{display:grid}.attention-items>article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px;border-bottom:1px solid var(--line)}.attention-items>article>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#fff0d9;color:#a85a15}.attention-items>article.danger>span{background:#ffe1dd;color:#ae2a24}.attention-items small,.attention-items h3,.attention-items p{display:block;margin:0}.attention-items small{color:var(--muted);font-size:.55rem}.attention-items h3{margin:2px 0;font-size:.82rem}.attention-items p{color:#6b7772;font-size:.62rem}.attention-actions{display:flex;gap:7px;flex-wrap:wrap}.attention-actions a{padding:9px 11px;border:1px solid var(--line-2);border-radius:10px;background:#fff;color:var(--green-800);font-size:.61rem;font-weight:900}@media(max-width:700px){.admin-attention-hero{grid-template-columns:auto minmax(0,1fr)}.admin-attention-hero>.notification-required{grid-column:1/-1}.attention-items>article{grid-template-columns:auto minmax(0,1fr)}.attention-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.attention-actions a{text-align:center}}
body:has(.active-order-dock) .floating-cart{display:none!important}

@media(max-width:600px){
  .driver-trip-card.is-active-trip{overflow:visible}
  .driver-trip-card.is-active-trip>header{border-radius:19px 19px 0 0}
  .driver-trip-card.is-active-trip>.driver-trip-footer{padding-bottom:calc(11px + env(safe-area-inset-bottom));border-radius:0 0 19px 19px}
  .timeline-customer span b{font-size:.6rem}
  .active-order-dock small,.active-order-dock em{font-size:.6rem}
  .active-order-dock b{font-size:.76rem}
}

/* 2.7.1 — connected RTL timeline, readable problem header and clear SLA. */
.order-head.has-problem{color:#fff;background:linear-gradient(135deg,#681b19,#b52f2a)}
.order-head.has-problem h1{color:#fff}
.order-head.has-problem p{color:#ffe9e5}
.order-head.has-problem>.shell>div:first-child>span{color:#ffd2c8}

.timeline.timeline-new{direction:rtl;overflow:visible}
.timeline.timeline-new>div:before{
  display:block;
  top:24px;
  right:auto;
  bottom:auto;
  left:50%;
  width:100%;
  height:3px;
  background:var(--line-2)
}
.timeline.timeline-new>div:first-child:before{display:block}
.timeline.timeline-new>div:last-child:before{display:none}
.timeline.timeline-new>div.done:before{background:var(--success)}
.timeline.timeline-new>div.selected,
.timeline.timeline-new>div.current.selected,
.timeline.timeline-new>div.done.selected{border-color:transparent;background:transparent;box-shadow:none}
.timeline.timeline-new>div.current>i{border-color:var(--orange-500);background:#fff;color:var(--orange-600)}
.timeline.timeline-new>div.current>span>b{color:var(--orange-700)}
.timeline.timeline-new>div:focus-visible{outline:3px solid rgba(36,117,91,.2);outline-offset:2px}

.merchant-response-deadline{border-color:#f1c58d!important;background:#fff8e9!important}
.merchant-response-deadline b{color:#9b4d12}
.merchant-response-deadline.is-overdue{border-color:#e59087!important;background:#fff0ee!important}
.merchant-response-deadline.is-overdue b{color:#a72b25}

@media(max-width:600px){
  .timeline.timeline-new.timeline-customer{direction:rtl}
  .timeline.timeline-new.timeline-customer>div:before{
    display:block;
    top:20px;
    right:auto;
    left:50%;
    width:100%;
    height:3px
  }
  .timeline.timeline-new.timeline-customer>div:first-child:before{display:block}
  .timeline.timeline-new.timeline-customer>div:last-child:before{display:none}
  .timeline.timeline-new.timeline-customer>div.current{background:transparent}
}

/* 2.8 — stable interaction: no recurring motion, no button-size jumps. */
@supports (scrollbar-gutter:stable){html{scrollbar-gutter:stable}}
button,.primary-button,.secondary-button,.danger-button,.add-button,.circle-button{overflow:hidden;white-space:nowrap;vertical-align:middle}
button:active,.primary-button:active,.secondary-button:active,.danger-button:active,.add-button:active{transform:none!important}
.is-loading,.is-confirmed,.is-failed{justify-content:center;pointer-events:none}
.active-order-icon i,.journey-live-label i,.timeline-new .current i,.active-order-dock.has-update,.driver-trip-card.has-update{animation:none!important}
.journey-meter>i>b:after{display:none!important}
.active-order-icon i{box-shadow:0 0 0 5px rgba(64,203,139,.18)}
.active-order-dock.has-problem .active-order-icon i{box-shadow:0 0 0 5px rgba(239,48,43,.2)}
.toast{animation:toast-calm .16s ease-out}
@keyframes toast-calm{from{opacity:0}to{opacity:1}}
@media(hover:none){.primary-button:hover,.market-door:hover,.merchant-card:hover,.local-card:hover,.product-card:hover{transform:none!important}}

.access-intro{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;margin-bottom:16px;padding:18px;border:1px solid #b8d9cc;border-radius:21px;background:#eff9f4}
.access-intro>span{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:var(--green-900);color:#fff}
.access-intro small,.access-intro h2,.access-intro p{display:block;margin:0}.access-intro small{color:var(--orange-600);font-size:.59rem;font-weight:900}.access-intro h2{font-size:1.12rem}.access-intro p{color:var(--muted);font-size:.66rem}
.access-grid{display:grid;grid-template-columns:minmax(270px,.65fr) minmax(0,1.35fr);align-items:start;gap:14px}.access-wide{grid-column:2}.access-reset-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px}.access-reset-form label{display:grid;gap:5px;color:var(--muted);font-size:.62rem;font-weight:800}.access-reset-form input{width:100%;min-width:0;padding:11px 12px;border:1px solid var(--line-2);border-radius:11px;background:#fff}.access-account-list{display:grid}.access-account-list>article{display:grid;grid-template-columns:auto minmax(170px,1fr) minmax(280px,.9fr);align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid var(--line)}.access-account-list>article:last-child{border-bottom:0}.access-account-list>article>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--green-50);color:var(--green-800)}.access-account-list small,.access-account-list b,.access-account-list code{display:block}.access-account-list small{color:var(--muted);font-size:.55rem}.access-account-list b{font-size:.72rem}.access-account-list code,.panel-card-head code{width:max-content;margin-top:2px;padding:2px 7px;border-radius:7px;background:var(--soft);direction:ltr;font:700 .64rem/1.6 ui-monospace,monospace}

.orders-context-alert{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;margin-bottom:14px;padding:15px;border:1px solid #a8d6c3;border-radius:20px;background:#eff9f4}.orders-context-alert>span{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:var(--green-900);color:#fff}.orders-context-alert small,.orders-context-alert h2,.orders-context-alert p{display:block;margin:0}.orders-context-alert small{color:var(--orange-600);font-size:.57rem;font-weight:900}.orders-context-alert h2{font-size:.93rem}.orders-context-alert p{color:var(--muted);font-size:.63rem}.orders-context-alert.danger{border-color:#e59087;background:#fff1ef}.orders-context-alert.danger>span{background:#a72b25}.simple-order-row.has-problem{border-color:#e59087;background:#fff7f5}

.sub-admin-story{background:linear-gradient(145deg,#123f35,#1b6553)}
.sub-admin-control,.admin-activity-card{grid-column:1/-1!important}
.sub-admin-layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);align-items:start;gap:14px}
.sub-admin-create-form{display:grid;gap:10px;padding:16px;border:1px solid #bad8cc;border-radius:18px;background:linear-gradient(180deg,#f3faf7,#fff)}
.sub-admin-create-form header{margin-bottom:2px}.sub-admin-create-form header small{color:var(--orange-600);font-size:.55rem;font-weight:900}.sub-admin-create-form h3{margin:2px 0;font-size:1rem}.sub-admin-create-form p{margin:0;color:var(--muted);font-size:.6rem;line-height:1.7}
.sub-admin-create-form label{display:grid;gap:5px;color:var(--muted);font-size:.59rem;font-weight:800}.sub-admin-create-form input{width:100%;min-width:0;height:43px;padding:9px 11px;border:1px solid var(--line-2);border-radius:11px;background:#fff;font:inherit;font-size:.66rem}.sub-admin-create-form input:focus{border-color:var(--green-700);outline:3px solid rgba(45,118,95,.12)}
.sub-admin-permission-note{padding:10px;border-radius:11px;background:var(--green-50);color:var(--green-800);font-size:.54rem;line-height:1.7}
.sub-admin-list{display:grid;gap:10px;min-width:0}.sub-admin-card{overflow:hidden;border:1px solid #c9dcd4;border-inline-start:5px solid var(--green-700);border-radius:18px;background:#fff;box-shadow:var(--shadow-xs)}.sub-admin-card.is-suspended{border-inline-start-color:#9ca7a2;background:#fafafa}
.sub-admin-card>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 14px;border-bottom:1px solid var(--line);background:#f8fbf9}.sub-admin-card>header>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--green-100);color:var(--green-800)}.sub-admin-card h3{margin:2px 0;font-size:.78rem}.sub-admin-card header small{color:var(--muted);font-size:.52rem}.sub-admin-card code{display:block;width:max-content;padding:2px 7px;border-radius:7px;background:#eef2ef;direction:ltr;font:700 .6rem/1.6 ui-monospace,monospace}
.sub-admin-meta{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}.sub-admin-meta>span{min-width:0;padding:10px 13px;background:#fff}.sub-admin-meta small,.sub-admin-meta b{display:block}.sub-admin-meta small{color:var(--muted);font-size:.5rem}.sub-admin-meta b{margin-top:2px;font-size:.58rem;line-height:1.6;overflow-wrap:anywhere}
.sub-admin-actions{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:8px;padding:12px 13px}.sub-admin-actions form:first-child{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.sub-admin-actions input{width:100%;min-width:0;height:40px;padding:8px 10px;border:1px solid var(--line-2);border-radius:10px;font:inherit;font-size:.62rem}.sub-admin-actions :is(button,a){min-height:40px;justify-content:center}.sub-admin-actions form{margin:0}
.admin-activity-card .panel-card-head p{margin:3px 0 0;color:var(--muted);font-size:.58rem}.admin-activity-list{display:grid;border:1px solid var(--line);border-radius:16px;overflow:hidden}.admin-activity-list>article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 13px;border-bottom:1px solid var(--line);background:#fff}.admin-activity-list>article:last-child{border-bottom:0}.admin-activity-list>article>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--green-50);color:var(--green-800)}.admin-activity-list b,.admin-activity-list small{display:block}.admin-activity-list b{font-size:.65rem}.admin-activity-list small{margin-top:2px;color:var(--muted);font-size:.52rem}.admin-activity-list time{color:var(--green-700);font-size:.54rem;font-weight:800;white-space:nowrap}
@media(max-width:900px){.access-grid{grid-template-columns:1fr}.access-wide{grid-column:auto}.access-account-list>article{grid-template-columns:auto minmax(0,1fr)}.access-account-list .access-reset-form{grid-column:1/-1;margin-inline-start:51px}.sub-admin-layout{grid-template-columns:1fr}.sub-admin-create-form{grid-template-columns:1fr 1fr}.sub-admin-create-form header,.sub-admin-create-form .sub-admin-permission-note,.sub-admin-create-form button{grid-column:1/-1}}
@media(max-width:650px){.access-intro{align-items:start}.access-reset-form{grid-template-columns:1fr}.access-account-list .access-reset-form{margin-inline-start:0}.access-reset-form button{width:100%}.orders-context-alert{grid-template-columns:auto minmax(0,1fr)}.orders-context-alert>a{grid-column:1/-1;width:100%}.sub-admin-create-form{grid-template-columns:1fr;padding:13px}.sub-admin-create-form header,.sub-admin-create-form .sub-admin-permission-note,.sub-admin-create-form button{grid-column:auto}.sub-admin-card>header{grid-template-columns:auto minmax(0,1fr)}.sub-admin-card>header>.state-pill{grid-column:2;justify-self:start}.sub-admin-meta{grid-template-columns:1fr}.sub-admin-actions{grid-template-columns:1fr}.sub-admin-actions form:first-child{grid-template-columns:1fr}.sub-admin-actions :is(form,button,a){width:100%}.admin-activity-card .panel-card-head{align-items:stretch;flex-direction:column}.admin-activity-card .panel-card-head>a{width:100%;justify-content:center}.admin-activity-list>article{grid-template-columns:auto minmax(0,1fr)}.admin-activity-list time{grid-column:2;white-space:normal}}

/* 2.8.2 — all-screen contrast audit. Every light/dark surface owns its text palette. */
.order-confirmation-page .payment-head{color:var(--ink);background:linear-gradient(135deg,#e9f7f1,#fff8e8)}
.order-confirmation-page .payment-head h1{color:var(--ink)}
.order-confirmation-page .payment-head p{color:var(--ink-2)}
.order-confirmation-page .payment-head>.shell>div:first-child>span{color:var(--orange-600)}
.payment-progress{grid-template-columns:repeat(3,minmax(110px,1fr))}
.order-confirmation-page .payment-progress{border-color:#c7d5cf;background:rgba(255,255,255,.86);box-shadow:0 10px 28px rgba(13,43,36,.07)}
.order-confirmation-page .payment-progress>div{border-color:#d8e2de}
.order-confirmation-page .payment-progress b{color:var(--green-950)}
.order-confirmation-page .payment-progress span{color:var(--muted)!important}

.hero h1 em,.hero-tag svg{color:var(--orange-600)}
.price-ticket,.product-art em,.add-button.is-added,.market-tabs a.active.exclusive,
.head-actions em,.mobile-nav em,.merchant-filters em,.panel-bell em,.cart-guide-icon em{background:var(--orange-600);color:#fff}
.merchant-card-art em{border:1px solid rgba(255,255,255,.32);background:rgba(13,43,36,.94);color:#fff}
.exclusive-door,.segment-banner.exclusive{background:linear-gradient(145deg,#b83c22,var(--orange-700))}
.door-top>span{color:#fff;opacity:1}
.market-door small,.market-door p,.segment-banner span,.segment-banner p{color:#fff;opacity:1}
.price-ticket small{color:#fff;opacity:1}

.trip-payment-summary>span,.delivery-admin-hero>div>span{background:var(--orange-100);color:var(--orange-700)}
.delivery-bell em{background:var(--orange-600);color:#fff}
.driver-next-step small,.company-statement-mini strong{color:var(--orange-600)}
.chat-bubble footer{color:#5d6c66}
.translation-pending{display:inline-flex;margin-top:6px;padding:4px 8px;border-radius:999px;background:#fff1c7;color:#74500b;font-size:11px;font-style:normal;font-weight:800}
.translation-console{display:grid;gap:18px}
.translation-hero{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:22px;border-radius:24px;background:linear-gradient(135deg,#173f35,#245f50);color:#fff}
.translation-hero>span{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;background:rgba(255,255,255,.13)}
.translation-hero small,.translation-hero p{color:#d8ebe5}
.translation-hero h2{margin:4px 0 6px}
.translation-stats .translation-model{font-size:15px;overflow-wrap:anywhere}
.translation-runner{display:grid;gap:15px}
.translation-runner>p{margin:0;color:var(--muted)}
.translation-progress{height:12px;overflow:hidden;border-radius:999px;background:#e3ebe7}
.translation-progress>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2d8b68,#f28b4b);transition:width .25s ease}
.translation-errors{display:grid;gap:10px}
.translation-errors article{display:grid;grid-template-columns:minmax(120px,.35fr) 1fr auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.translation-errors article span{color:var(--ink-2);overflow-wrap:anywhere}
.translation-errors article small{color:var(--muted)}
@media(max-width:760px){
  .translation-hero{grid-template-columns:auto 1fr}.translation-hero>.state-pill{grid-column:1/-1;justify-self:start}
  .translation-errors article{grid-template-columns:1fr}.translation-errors article small{justify-self:start}
}
.chat-bubble footer span{color:var(--success)}
.rating-card strong{color:var(--amber)}

/* Rating prompt on orders page for unrated delivered trips */
.order-rating-prompt{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px dashed var(--amber);border-radius:14px;background:var(--amber-soft);color:var(--amber);font-size:.7rem;font-weight:800}
.order-rating-prompt a{color:var(--green-800);text-decoration:underline;margin-inline-start:auto;font-weight:900}

.admin-attention-hero,.customer-problem-card,.orders-context-alert,.driver-next-step,
.timeline-detail,.delivery-live-quote{color:var(--ink)}

@media(max-width:600px){
  .payment-progress{grid-template-columns:repeat(3,minmax(88px,1fr))}
  .order-confirmation-page .payment-progress{overflow:visible}
  .order-confirmation-page .payment-progress>div{min-width:0;padding:11px 8px}
  .order-confirmation-page .payment-progress b{font-size:1rem}
}

/* 2.9 — role command centers, calm live indicators and a usable order chat. */
.role-task-dock{position:fixed;left:18px;bottom:18px;z-index:650;width:min(430px,calc(100% - 36px));display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px;border:1px solid #ffffff24;border-radius:20px;background:rgba(13,43,36,.98);color:#fff;box-shadow:0 18px 52px rgba(13,43,36,.3);backdrop-filter:blur(18px)}
.role-task-icon{position:relative;width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#ffffff13;color:#ffc1aa}.role-task-icon i{position:absolute;top:-3px;right:-3px;width:13px;height:13px;border:3px solid var(--green-950);border-radius:50%;background:#43d092;animation:status-light-blink 1.5s steps(1,end) infinite}.role-task-dock>a[data-role-task-link]{min-width:0;display:grid;gap:1px}.role-task-dock small,.role-task-dock b,.role-task-dock em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-task-dock small{color:#a9c6bc;font-size:.55rem}.role-task-dock b{font-size:.76rem}.role-task-dock em{color:#c9d9d3;font-size:.59rem;font-style:normal}.role-task-progress{height:4px;display:block;overflow:hidden;margin-top:5px;border-radius:99px;background:#ffffff18}.role-task-progress i{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,var(--orange-500),#69dbad);transition:width .3s ease}.role-task-cta{display:flex;align-items:center;gap:4px;padding:9px 10px;border-radius:11px;background:#fff;color:var(--green-950);font-size:.61rem;font-weight:900;white-space:nowrap}.role-task-dock.has-problem{border-color:#f4978c;background:rgba(91,20,19,.98)}.role-task-dock.has-problem .role-task-icon{background:#fff0ed;color:#a92621}.role-task-dock.has-problem .role-task-icon i{border-color:#5b1413;background:#f03e36}.role-task-dock.has-problem small{color:#ffd4ce}.role-task-dock.has-problem em{color:#ffe8e4}.role-task-dock.has-problem .role-task-progress i{background:#ff655b}.role-task-dock.has-problem .role-task-cta{color:#8d211d}
@keyframes status-light-blink{0%,49%{opacity:1}50%,100%{opacity:.18}}
.active-order-icon i{box-shadow:none!important;animation:status-light-blink 1.5s steps(1,end) infinite!important}
body:has(.role-task-dock) .panel-main,body:has(.role-task-dock) .delivery-panel-main{padding-bottom:145px}
.driver-live-tools{display:grid;justify-items:end;gap:8px}.driver-live-tools form{margin:0}.availability-button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 12px;border:1px solid #d0d9d5;border-radius:12px;background:#fff;color:#6a7771;font:inherit;font-size:.63rem;font-weight:900;cursor:pointer}.availability-button i{width:10px;height:10px;border-radius:50%;background:#9caaa4}.availability-button.is-available{border-color:#96d2b8;background:#eaf8f1;color:#17664f}.availability-button.is-available i{background:#31b878;animation:status-light-blink 1.5s steps(1,end) infinite}

.chat-card{position:relative;height:clamp(430px,calc(100dvh - 250px),720px);min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.chat-messages{height:auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden;scrollbar-gutter:stable;overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.chat-messages::-webkit-scrollbar{width:9px}.chat-messages::-webkit-scrollbar-track{background:#edf2ef}.chat-messages::-webkit-scrollbar-thumb{border:2px solid #edf2ef;border-radius:99px;background:#9eb5ac}.chat-latest{position:absolute;right:50%;bottom:82px;z-index:4;transform:translateX(50%);padding:7px 11px;border:1px solid #a9c9bb;border-radius:999px;background:#fff;color:var(--green-800);box-shadow:0 8px 22px rgba(13,43,36,.16);font:inherit;font-size:.6rem;font-weight:900;cursor:pointer}.chat-latest[hidden]{display:none}.chat-composer{position:relative;z-index:3;grid-template-columns:minmax(0,1fr) auto;align-items:end;padding:10px;background:#fff;box-shadow:0 -10px 24px rgba(13,43,36,.06)}.chat-input{min-width:0;display:grid;gap:5px}.chat-input>span{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-inline:2px}.chat-input b{font-size:.61rem}.chat-input small{color:var(--muted);font-size:.53rem}.chat-input small em{font-style:normal}.chat-input textarea{width:100%;min-height:48px;max-height:120px;resize:none;overflow-y:auto}.chat-send{min-width:145px;justify-content:center}.keyboard-open .role-task-dock{display:none!important}

@media(max-width:700px){.role-task-dock{right:10px;left:10px;bottom:10px;width:auto;grid-template-columns:auto minmax(0,1fr) auto;padding:9px}.role-task-icon{width:42px;height:42px}.role-task-dock em{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35}.role-task-cta{padding:8px}.driver-live-tools{width:100%;justify-items:stretch}.driver-live-tools>*{width:100%}.availability-button{width:100%}.chat-card{height:max(390px,calc(100dvh - 245px));border-radius:16px}.chat-composer{grid-template-columns:minmax(0,1fr);gap:7px}.chat-send{width:100%;min-width:0;min-height:45px}.chat-latest{bottom:116px}.chat-head p,.merchant-chat-head p{font-size:.62rem}}
@media(prefers-reduced-motion:reduce){.active-order-icon i,.role-task-icon i,.availability-button.is-available i{animation:none!important;opacity:1}}
.driver-trip-numbers{grid-template-columns:repeat(5,minmax(0,1fr))}.complete-bill{display:grid;gap:0;margin-top:14px;padding-top:8px;border-top:1px solid var(--line)}.complete-bill>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 0}.complete-bill>small{display:block;padding:3px 0 8px;color:var(--muted);font-size:.58rem}.complete-bill .bill-grand-total{margin-top:5px;padding:12px;border-radius:12px;background:var(--green-900);color:#fff}.complete-bill .bill-grand-total span,.complete-bill .bill-grand-total strong{color:#fff}.complete-bill .bill-grand-total strong{font-size:1rem}.trip-bill{margin:14px 0 0}
@media(max-width:800px){.driver-trip-numbers{grid-template-columns:repeat(2,minmax(0,1fr))}.driver-trip-numbers>span:first-child{grid-column:1/-1;background:var(--green-50)}}
.merchant-driver-info{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;margin:8px 0;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--soft);color:var(--muted)}.merchant-driver-info.is-assigned{border-color:#acd7c5;background:#eef9f4;color:var(--green-800)}.merchant-driver-info>svg{width:38px;height:38px;padding:9px;border-radius:11px;background:#fff}.merchant-driver-info small,.merchant-driver-info b,.merchant-driver-info em{display:block}.merchant-driver-info small{font-size:.53rem}.merchant-driver-info b{font-size:.66rem}.merchant-driver-info em{font-size:.56rem;font-style:normal}.merchant-driver-info a{display:inline-block;margin-top:4px;color:var(--green-800);font-size:.59rem;font-weight:900}
.merchant-order>header>strong{display:grid;justify-items:end}.merchant-order>header>strong:before{content:"قيمة بضاعة محلك";color:var(--muted);font-size:.5rem;font-weight:700}
.order-money{display:grid;justify-items:end;gap:2px;white-space:nowrap}.order-money small{color:var(--muted);font-size:.52rem}.order-money strong{font-size:.8rem}@media(max-width:980px){.simple-order-row>.order-money{grid-column:3;grid-row:1}}@media(max-width:600px){.simple-order-row>.order-money{grid-column:3;grid-row:1}.order-money small{display:none}}
body:has(.chat-card) .role-task-dock{display:none}

/* 2.10 — information-complete role screens found during the live journey audit. */
.merchant-order-items{overflow:hidden;margin-bottom:9px;border:1px solid #cbded6;border-radius:14px;background:#fff}
.merchant-order-items>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;background:#eff8f4}
.merchant-order-items>header small,.merchant-order-items>header b{display:block}.merchant-order-items>header small{color:var(--green-700);font-size:.56rem;font-weight:900}.merchant-order-items>header b{font-size:.72rem}.merchant-order-items>header strong{font-size:.78rem;white-space:nowrap}
.merchant-order-items>div{padding:0 12px}.merchant-order-items article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid var(--line)}.merchant-order-items article:last-child{border-bottom:0}.merchant-order-items article>span{min-width:31px;padding:5px 6px;border-radius:8px;background:var(--orange-100);color:var(--orange-700);font-size:.64rem;font-weight:900;text-align:center}.merchant-order-items article b,.merchant-order-items article small{display:block}.merchant-order-items article b{font-size:.67rem}.merchant-order-items article small{margin-top:1px;color:var(--muted);font-size:.55rem}.merchant-order-items article strong{font-size:.66rem;white-space:nowrap}
.merchant-settlement-state{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;margin:8px 0;padding:11px;border:1px solid #d9dfdc;border-radius:12px;background:#f7f9f8;color:var(--ink-2)}.merchant-settlement-state>svg{width:38px;height:38px;padding:9px;border-radius:11px;background:#fff;color:var(--green-700)}.merchant-settlement-state small,.merchant-settlement-state b,.merchant-settlement-state em{display:block}.merchant-settlement-state small{color:var(--muted);font-size:.53rem}.merchant-settlement-state b{font-size:.67rem}.merchant-settlement-state em{margin-top:2px;color:var(--muted);font-size:.56rem;font-style:normal;line-height:1.5}.merchant-settlement-state a{display:inline-block;margin-top:4px;color:var(--green-800);font-size:.59rem;font-weight:900}.merchant-settlement-state.is-due{border-color:#e8c37e;background:#fff8e8}.merchant-settlement-state.is-due>svg{color:#94600d}.merchant-settlement-state.is-paid{border-color:#9fd2bd;background:#eef9f4}.merchant-settlement-state.is-paid>svg{color:#17664f}
.driver-trip-meta{display:grid;justify-items:end;gap:8px}.driver-assignment-summary{min-width:190px;display:grid;gap:1px;padding:8px 10px;border:1px solid #b8d9cc;border-radius:11px;background:#eff9f4;color:var(--green-900);text-align:right}.driver-assignment-summary small{color:var(--green-700);font-size:.52rem}.driver-assignment-summary b{font-size:.67rem}.driver-assignment-summary a{display:flex;align-items:center;justify-content:flex-start;gap:4px;color:var(--green-800);font-size:.57rem;font-weight:900}.driver-assignment-summary.is-empty{border-color:#ead5a4;background:#fff8e8;color:#835509}
.availability-button.is-busy{border-color:#d9dfdc;background:#f5f7f6;color:var(--ink-2);cursor:default}.availability-button.is-busy i{background:var(--orange-600);animation:status-light-blink 1.5s steps(1,end) infinite}
.driver-store-value{margin-top:4px!important;color:var(--ink-2)!important;font-size:.59rem!important}.driver-store-value b{color:var(--green-800)}
.manager-assign-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:9px}.manager-assign-form label{display:grid;gap:4px}.manager-assign-form label>span{color:var(--muted);font-size:.56rem;font-weight:800}.manager-assign-form select{width:100%;min-height:43px;padding:9px 11px;border:1px solid var(--line-2);border-radius:11px;background:#fff;color:var(--ink);font:inherit;font-size:.64rem}.manager-assign-form button{min-height:43px}.driver-no-free{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;padding:11px;border:1px solid #e8c37e;border-radius:12px;background:#fff8e8;color:#80530b}.driver-no-free b,.driver-no-free small{display:block}.driver-no-free b{font-size:.65rem}.driver-no-free small{margin-top:1px;font-size:.55rem;line-height:1.5}
.chat-composer>.chat-input{grid-column:1;grid-row:1}.chat-composer>.chat-send{grid-column:2;grid-row:1}.chat-reply-toggle{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;padding:9px 10px;border:1px solid #ead7ae;border-radius:11px;background:#fff9ea;color:#76500d;cursor:pointer}.chat-reply-toggle input{width:18px;height:18px;margin:0;accent-color:var(--orange-600)}.chat-reply-toggle b,.chat-reply-toggle small{display:block}.chat-reply-toggle b{font-size:.62rem}.chat-reply-toggle small{margin-top:1px;color:#78623b;font-size:.54rem;line-height:1.45}
.admin-orders-complete>article{grid-template-columns:auto minmax(145px,.9fr) minmax(180px,1.1fr) minmax(190px,1.1fr) minmax(105px,.65fr) auto minmax(105px,.6fr)}.admin-orders-complete .admin-order-trip,.admin-orders-complete .admin-order-payout,.admin-orders-complete .admin-order-time{min-width:0}.admin-orders-complete small,.admin-orders-complete b,.admin-orders-complete em{display:block}.admin-orders-complete small{color:var(--muted);font-size:.53rem}.admin-orders-complete b{overflow:hidden;font-size:.65rem;text-overflow:ellipsis}.admin-orders-complete em{color:var(--muted);font-size:.54rem;font-style:normal;line-height:1.45}.admin-order-payout b{color:var(--green-800)}
.admin-delivery-trips>article{grid-template-columns:auto minmax(145px,.85fr) minmax(230px,1.4fr) minmax(170px,.9fr) auto auto}.admin-delivery-trips small,.admin-delivery-trips b,.admin-delivery-trips em{display:block}.admin-delivery-trips small{color:var(--muted);font-size:.53rem}.admin-delivery-trips b{font-size:.65rem}.admin-delivery-trips em{color:var(--muted);font-size:.54rem;font-style:normal;line-height:1.45}.admin-trip-customer{min-width:0}.admin-trip-customer b,.admin-trip-customer em{overflow:hidden;text-overflow:ellipsis}.admin-trip-customer a{color:var(--green-800)}
.recent-orders>div>a>.account-order-money{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:end;gap:2px 8px}.account-order-money>small{grid-column:1/-1;text-align:start;white-space:nowrap}.account-order-money>strong{font-size:.75rem}
.admin-create-drawer label:has(input[name="delivery_fee"]),.merchant-admin-layout label:has(input[name="delivery_fee"]){display:none}

@media(max-width:1100px){.admin-orders-complete>article,.admin-delivery-trips>article{grid-template-columns:auto minmax(0,1fr) auto;align-items:start}.admin-orders-complete>article>div:nth-of-type(2),.admin-orders-complete .admin-order-trip,.admin-orders-complete .admin-order-payout,.admin-orders-complete .admin-order-time,.admin-delivery-trips .admin-trip-customer,.admin-delivery-trips>article>div:nth-of-type(3){grid-column:2}.admin-orders-complete>article>.state-pill,.admin-delivery-trips>article>.state-pill{grid-column:3;grid-row:1}.driver-trip-meta{justify-items:stretch}.driver-assignment-summary{min-width:0}}
@media(max-width:700px){.merchant-order-body{grid-template-columns:1fr}.merchant-order-items{margin-top:2px}.chat-composer>.chat-input,.chat-composer>.chat-reply-toggle,.chat-composer>.chat-send{grid-column:1;grid-row:auto}.chat-latest{bottom:177px}.driver-assignment-summary{width:100%}.manager-assign-form{grid-template-columns:1fr}.manager-assign-form button{width:100%}.recent-orders>div>a>.account-order-money{justify-items:end}.account-order-money>small{max-width:145px;overflow:hidden;text-overflow:ellipsis}.admin-orders-complete>article,.admin-delivery-trips>article{grid-template-columns:auto minmax(0,1fr)}.admin-orders-complete>article>.state-pill,.admin-delivery-trips>article>.state-pill{grid-column:2;grid-row:auto;justify-self:start}.admin-orders-complete>article>div:nth-of-type(2),.admin-orders-complete .admin-order-trip,.admin-orders-complete .admin-order-payout,.admin-orders-complete .admin-order-time,.admin-delivery-trips .admin-trip-customer,.admin-delivery-trips>article>div:nth-of-type(3){grid-column:2}}
@media(prefers-reduced-motion:reduce){.availability-button.is-busy i{animation:none!important;opacity:1}}
.merchant-settlement-state.is-cancelled{border-color:#e7c4c0;background:#fff3f1;color:#8f2b25}.merchant-settlement-state.is-cancelled>svg{color:#a72b25}
body:has(.chat-reply-toggle) .chat-latest{bottom:128px}
@media(max-width:700px){.chat-latest{bottom:116px}body:has(.chat-reply-toggle) .chat-latest{bottom:177px}}

/* 2.11 — complete safety, trust, routing and mobile task UX. */
.page-skeleton{position:fixed;inset:0;z-index:480;padding-top:clamp(125px,18vh,180px);background:#f3f6f4}.page-skeleton[hidden]{display:none}.page-skeleton>.shell{display:grid;gap:12px}.skeleton-line{width:36%;height:16px;border-radius:99px;background:#dde5e1}.skeleton-line.wide{width:min(440px,72%);height:34px}.skeleton-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:14px}.skeleton-grid article{display:grid;gap:10px;padding:12px;border:1px solid #e1e7e4;border-radius:20px;background:#fff}.skeleton-grid i{height:150px;border-radius:14px;background:#e5ebe8}.skeleton-grid span,.skeleton-grid b,.skeleton-grid em{display:block;height:12px;border-radius:99px;background:#e5ebe8}.skeleton-grid span{width:42%}.skeleton-grid b{width:82%}.skeleton-grid em{width:62%}.page-skeleton :is(.skeleton-line,.skeleton-grid i,.skeleton-grid span,.skeleton-grid b,.skeleton-grid em){background-image:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.72) 48%,transparent 66%);background-size:220% 100%;animation:skeleton-shimmer 1.25s linear infinite}@keyframes skeleton-shimmer{to{background-position:-220% 0}}

.quick-note-chips{display:flex;gap:6px;overflow-x:auto;padding:4px 0 8px;scrollbar-width:none}.quick-note-chips::-webkit-scrollbar{display:none}.quick-note-chips button{flex:0 0 auto;min-height:38px;padding:7px 11px;border:1px solid #bcd4ca;border-radius:999px;background:#f0f8f4;color:var(--green-800);font:inherit;font-size:.61rem;font-weight:900;cursor:pointer}.quick-note-chips button:before{content:"+ ";color:var(--orange-600)}
.delivery-range-note{align-items:start!important;margin:2px 0 6px;padding:10px!important;border:1px solid #c8ded5;border-radius:12px;background:#f0f9f5}.delivery-range-note>svg{flex:0 0 auto;color:var(--green-700)}.delivery-range-note span,.delivery-range-note b,.delivery-range-note small{display:block}.delivery-range-note b{font-size:.61rem}.delivery-range-note small{margin-top:2px;color:var(--muted);font-size:.54rem;line-height:1.5}

.shop-trust-strip{padding:12px 0;border-bottom:1px solid #cddbd5;background:#eef8f3}.shop-trust-strip>.shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.shop-rating,.shop-repeat-customer{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:11px 13px;border:1px solid #bcd9cc;border-radius:15px;background:#fff}.shop-rating>span,.shop-repeat-customer>svg{width:38px;height:38px;display:grid;place-items:center;padding:9px;border-radius:11px;background:#fff1cf;color:#a66a09;font-size:1rem}.shop-rating small,.shop-rating b,.shop-rating em,.shop-repeat-customer small,.shop-repeat-customer b{display:block}.shop-rating small,.shop-repeat-customer small{color:var(--muted);font-size:.53rem}.shop-rating b,.shop-repeat-customer b{font-size:.67rem}.shop-rating em{color:var(--muted);font-size:.53rem;font-style:normal}.shop-repeat-customer>svg{background:#e8f6ef;color:var(--green-700)}.shop-repeat-customer.first-time>svg{background:#edf0f8;color:#4558a8}

.merchant-order-anchor{display:block;height:0;scroll-margin-top:96px}.merchant-order.is-focused-order{border-color:#d6633d;box-shadow:0 0 0 4px rgba(214,99,61,.16),var(--shadow-xs)}.merchant-partial{margin-top:9px;padding:11px;border:1px solid #e8c786;border-radius:13px;background:#fff9eb}.merchant-partial>summary{color:#82570d;font-size:.65rem;font-weight:900;cursor:pointer}.merchant-partial[open]>summary{margin-bottom:9px}.merchant-partial p{margin:0 0 8px;color:#6f6248;font-size:.58rem}.merchant-partial form{display:grid;gap:9px}.partial-item-choices{display:grid;gap:6px}.partial-item-choices label{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:8px;border:1px solid #e6ddc8;border-radius:10px;background:#fff;cursor:pointer}.partial-item-choices input{width:19px;height:19px;accent-color:var(--orange-600)}.partial-item-choices b,.partial-item-choices small{display:block}.partial-item-choices b{font-size:.62rem}.partial-item-choices small{color:var(--muted);font-size:.53rem}.merchant-partial input[name="reason"]{width:100%;min-height:44px;margin-top:4px;padding:9px 10px;border:1px solid var(--line-2);border-radius:10px;font:inherit}.merchant-location-card.needs-location{border-color:#e4b75c;background:#fffaf0}.merchant-location-card [data-merchant-location-state]{display:block;margin-top:8px;color:var(--muted);font-size:.59rem;line-height:1.55}

.customer-cancel-strip{padding:10px 0;border-bottom:1px solid #e5c2bd;background:#fff4f2}.customer-cancel-strip>.shell{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px}.customer-cancel-strip>.shell>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#fff;color:var(--danger)}.customer-cancel-strip b,.customer-cancel-strip small{display:block}.customer-cancel-strip b{font-size:.67rem}.customer-cancel-strip small{color:#775f5b;font-size:.55rem}.trip-cancel-actions{display:flex;gap:6px;flex-wrap:wrap}.account-recent-order{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.account-recent-order:last-child{border-bottom:0}.account-recent-order>a{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px}.account-recent-order form,.account-recent-order button{margin:0}.account-recent-order button{min-height:40px;padding:8px 10px;font-size:.61rem}

.standalone-route-map{margin-block:0 42px}.route-map-card{position:relative;z-index:0;isolation:isolate;overflow:hidden;margin-top:14px;border:1px solid #c9d9d2;border-radius:21px;background:#fff;box-shadow:var(--shadow-xs)}.route-map-card>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line);background:#f3f8f5}.route-map-card>header>span{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:var(--green-900);color:#fff}.route-map-card>header small,.route-map-card>header b{display:block}.route-map-card>header small{color:var(--muted);font-size:.53rem}.route-map-card>header b{font-size:.67rem}.route-map-card>header em{color:var(--green-700);font-size:.54rem;font-style:normal;font-weight:900;text-align:left}.route-map-canvas{height:clamp(250px,34vw,390px);background:#e7eeea}.route-map-card>footer{display:flex;align-items:center;gap:13px;padding:9px 13px;color:var(--muted);font-size:.54rem}.route-map-card>footer>span{display:flex;align-items:center;gap:5px;white-space:nowrap}.route-map-card>footer i{width:10px;height:10px;border-radius:50%;background:#5d7068}.route-map-card>footer i.done{background:#27815f}.route-map-card>footer i.current{background:#d9552f}.route-map-card>footer small{margin-inline-start:auto}.arooba-map-label{direction:rtl;border:0!important;border-radius:8px!important;background:#102f28!important;color:#fff!important;box-shadow:0 5px 14px rgba(13,43,36,.22)!important;font:700 11px/1.5 Alexandria,Tahoma,sans-serif!important}.arooba-map-label:before{border-top-color:#102f28!important}.driver-route-map{margin:14px 24px 4px}.driver-route-map .route-map-canvas{height:300px}

.driver-trip-card :is(button,.primary-button,.secondary-button,.danger-button,.driver-contact-row a,.driver-trip-footer>a){min-width:44px;min-height:44px}.driver-contact-row a{padding-block:10px}.driver-trip-card select,.driver-trip-card input{min-height:44px}.driver-filter button{min-height:44px}
.delivery-step-button{border-color:#8f1f19!important;background:#c52d26!important;color:#fff!important;box-shadow:0 10px 24px rgba(168,35,29,.28)!important}.delivery-step-button:hover{background:#a9241e!important}.delivery-step-button:focus-visible{outline:4px solid rgba(197,45,38,.24);outline-offset:3px}.driver-operating-guide>div:nth-child(2)>span:first-child{background:#c52d26}

.chat-layout:not(:has(.rating-card)){grid-template-columns:minmax(0,1fr)}.chat-card{border-color:#bfd2ca;box-shadow:0 18px 48px rgba(13,43,36,.12)}.chat-messages{min-block-size:0!important;max-block-size:none!important;contain:layout paint;overflow-anchor:none}.chat-composer{border-top:1px solid #bcd1c8}.chat-input textarea:focus{border-color:var(--green-700);outline:3px solid rgba(47,143,99,.14)}.chat-send{min-height:48px}.chat-page .mobile-nav{display:none}.chat-page{padding-bottom:0!important}body:has(.merchant-chat-layout) .panel-title{display:none}body:has(.merchant-chat-layout) .panel-main{padding-top:16px}

@media(max-width:800px){.skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-trust-strip>.shell{grid-template-columns:1fr}.customer-cancel-strip>.shell{grid-template-columns:auto minmax(0,1fr)}.trip-cancel-actions{grid-column:1/-1}.trip-cancel-actions>*{flex:1}.trip-cancel-actions button{width:100%}.account-recent-order{grid-template-columns:1fr}.account-recent-order form,.account-recent-order button{width:100%}.route-map-card>header{grid-template-columns:auto minmax(0,1fr)}.route-map-card>header em{grid-column:2;text-align:right}.route-map-card>footer{flex-wrap:wrap}.route-map-card>footer small{width:100%;margin:0}.driver-route-map{margin-inline:12px}.driver-route-map .route-map-canvas{height:270px}}
@media(max-width:600px){.skeleton-grid{gap:8px}.skeleton-grid article:nth-child(n+3){display:none}.skeleton-grid i{height:128px}.quick-note-chips{margin-inline:-2px}.chat-card{height:max(390px,calc(100dvh - 245px))}.chat-section{min-height:calc(100dvh - 170px)}.chat-composer{padding-bottom:max(9px,env(safe-area-inset-bottom))}.route-map-canvas,.driver-route-map .route-map-canvas{height:245px}.standalone-route-map{width:calc(100% - 20px);margin-bottom:30px}}
@media(prefers-reduced-motion:reduce){.page-skeleton :is(.skeleton-line,.skeleton-grid i,.skeleton-grid span,.skeleton-grid b,.skeleton-grid em){animation:none}}
/* Customer language control */
.language-switcher{position:relative;z-index:40}
.language-switcher summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:7px;min-height:44px;padding:7px 11px;border:2px solid #d4a843;border-radius:999px;background:#fff;color:#173f35;box-shadow:0 5px 18px rgba(23,63,53,.13)}
.language-switcher summary::-webkit-details-marker{display:none}
.language-switcher summary:focus-visible{outline:3px solid rgba(212,168,67,.35);outline-offset:2px}
.language-globe{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#173f35;color:#fff;font-size:20px;font-weight:800}
.language-current{font-size:12px;font-weight:700}
.language-switcher nav{position:absolute;inset-inline-end:0;top:calc(100% + 8px);width:210px;padding:8px;background:#fff;border:1px solid #dfe7e3;border-radius:16px;box-shadow:0 16px 45px rgba(15,45,38,.2)}
.language-switcher nav a{display:grid;grid-template-columns:38px 1fr 18px;align-items:center;gap:8px;min-height:46px;padding:7px 9px;border-radius:11px;color:#173f35;text-decoration:none}
.language-switcher nav a:hover,.language-switcher nav a.active{background:#eef7f3}
.language-switcher nav a>b{font-size:11px;color:#8a6922}
.chat-original{margin-top:8px;border-top:1px dashed currentColor;padding-top:7px;opacity:.84}
.chat-original summary{cursor:pointer;font-size:11px;font-weight:700}
.chat-original p{margin-top:6px;font-size:13px}
html[dir=ltr] body{text-align:left}
html[dir=ltr] .mobile-nav,html[dir=ltr] .head-row,html[dir=ltr] .site-footer .shell{direction:ltr}
@media(max-width:760px){
  .head-row{flex-wrap:wrap}
  .language-switcher{order:2;margin-inline-start:auto}
  .language-switcher summary{min-height:42px;padding:6px 10px}
  .language-current{display:none}
  .language-switcher nav{position:fixed;top:76px;inset-inline:12px;width:auto}
}

/* 2.14 — role-focused messaging, navigation and operator clarity. */
.task-message-badge{display:inline-flex;align-items:center;width:max-content;max-width:100%;margin-top:5px;padding:4px 8px;border-radius:999px;background:#b9332b;color:#fff;font-size:.55rem;font-weight:900;line-height:1.35}
.task-message-badge[hidden]{display:none!important}
.active-order-dock[data-kind="message"],.role-task-dock[data-kind="message"]{border-color:#e57368;box-shadow:0 16px 46px rgba(158,39,33,.24)}
.active-order-dock[data-kind="message"] .active-order-icon,.role-task-dock[data-kind="message"] .role-task-icon{background:#b9332b}

.customer-journey-choices{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;margin-block:0 20px;padding:20px;border:1px solid #c5d9d0;border-radius:22px;background:#fff;box-shadow:var(--shadow-xs)}
.customer-journey-copy small,.customer-journey-copy h2,.customer-journey-copy p{display:block;margin:0}
.customer-journey-copy small{color:var(--orange-600);font-size:.58rem;font-weight:900}
.customer-journey-copy h2{margin-top:3px;font-size:1.18rem}
.customer-journey-copy p{margin-top:4px;color:var(--muted);font-size:.64rem}
.customer-journey-choices nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.customer-journey-choices nav a{min-height:46px}

.merchant-filter-help{margin:-10px 4px 15px;color:#5c6d66;font-size:.61rem;line-height:1.65}
.merchant-order.has-unread-message{border-color:#d85e52;box-shadow:0 0 0 3px rgba(216,94,82,.12),var(--shadow-xs)}
.merchant-unread-message{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;margin-bottom:10px;padding:11px 12px;border:1px solid #e79086;border-radius:13px;background:#fff1ef;color:#8e2721}
.merchant-unread-message>svg{width:36px;height:36px;padding:8px;border-radius:10px;background:#b9332b;color:#fff}
.merchant-unread-message small,.merchant-unread-message b{display:block}
.merchant-unread-message small{font-size:.55rem;font-weight:900}
.merchant-unread-message b{margin-top:2px;font-size:.64rem}

html[dir=ltr] .door-stack{right:16px;left:auto}
html[dir=ltr] .market-door>div:nth-child(2){max-width:68%}

.driver-operating-guide>div{min-width:0;min-height:66px}
.driver-operating-guide>div>span:first-child{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#154c40;color:#fff;font-size:.66rem;font-weight:900}
.driver-operating-guide>div>span:last-child{display:block;width:auto;height:auto;min-width:0;border-radius:0;background:transparent;color:inherit;font-size:inherit;font-weight:inherit}
.driver-route-disclosure{margin:14px 24px 5px;border:1px solid #c9d9d2;border-radius:16px;background:#f5faf7}
.driver-route-disclosure>summary{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;min-height:50px;padding:10px 12px;color:#164c40;cursor:pointer;list-style:none}
.driver-route-disclosure>summary::-webkit-details-marker{display:none}
.driver-route-disclosure>summary>svg{width:34px;height:34px;padding:7px;border-radius:10px;background:#154c40;color:#fff}
.driver-route-disclosure>summary b,.driver-route-disclosure>summary small{display:block}
.driver-route-disclosure>summary b{font-size:.65rem}
.driver-route-disclosure>summary small{margin-top:2px;color:#62736c;font-size:.54rem}
.driver-route-disclosure[open]>summary{border-bottom:1px solid #d7e2dd}
.driver-route-disclosure .driver-route-map{margin:0;border:0;border-radius:0 0 15px 15px;box-shadow:none}
.driver-chat-locked{display:inline-flex;align-items:center;min-height:40px;padding:8px 10px;border-radius:10px;background:#f1f5f3;color:#65756e;font-size:.56rem;font-style:normal;font-weight:800}

@media(max-width:700px){
  html[dir=ltr] .door-stack{right:5px;left:auto}
  html[dir=ltr] .market-door>div:nth-child(2){max-width:70%}
  .customer-journey-choices{grid-template-columns:1fr;padding:15px}
  .customer-journey-choices nav{display:grid;grid-template-columns:1fr}
  .customer-journey-choices nav a{width:100%}
  .driver-operating-guide{display:grid;grid-template-columns:1fr;overflow:visible;scroll-snap-type:none}
  .driver-operating-guide>div{display:grid;grid-template-columns:auto minmax(0,1fr);width:100%;min-height:60px}
  .driver-route-disclosure{margin-inline:12px}
  .chat-page:has(.active-order-dock){padding-bottom:170px!important}
  .chat-page:has(.active-order-dock) .chat-section{padding-bottom:170px}
  .delivery-panel-body.chat-page:has(.role-task-dock){padding-bottom:170px!important}
  .delivery-panel-body.chat-page:has(.role-task-dock) .delivery-panel-main{padding-bottom:170px}
}

/* Arobaa v6.6 - restore a stable two-row phone header and keep the role
   switcher hidden until the five-logo-tap gesture unlocks it. */
.customer-role-switcher,
.app-head-actions .customer-role-switcher,
.app-head-actions .role-switcher,
html:not(.arooba-role-switcher-unlocked) .app-head-actions .customer-role-switcher{
  display:none!important;
}
html.arooba-role-switcher-unlocked .app-head-actions .customer-role-switcher{
  display:block!important;
}
html.arooba-role-switcher-unlocked .app-head-actions .customer-role-switcher>summary{
  display:grid!important;
}
@media(max-width:860px){
  .site-head .app-head-row,
  body.is-customer-in .site-head .app-head-row{
    display:grid!important;
    grid-template-columns:auto auto minmax(0,1fr)!important;
    grid-template-areas:"brand language actions" "place place place"!important;
    align-items:center!important;
    column-gap:8px!important;
    row-gap:8px!important;
    padding-block:8px 10px!important;
    direction:ltr!important;
  }
  .app-head-brand{grid-area:brand!important;justify-self:start!important;direction:ltr!important}
  .language-switcher{grid-area:language!important;justify-self:center!important}
  .app-head-actions{grid-area:actions!important;justify-self:end!important;direction:ltr!important}
  .app-place-card{
    grid-area:place!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    direction:rtl!important;
  }
}

.payout-form{display:grid!important;grid-template-columns:minmax(150px,.9fr) minmax(170px,1fr) auto;align-items:end;gap:8px!important;padding:10px;border:1px solid #d8e1dd;border-radius:14px;background:#f7faf8}
.payout-form label{display:grid;gap:4px;min-width:0;color:#52665e;font-size:.56rem;font-weight:900}
.payout-form label>span{display:block}
.payout-form input,.payout-form select{width:100%}
.payout-form .delivery-step-button{min-height:48px;white-space:normal;line-height:1.35;padding-inline:12px}
.payout-copy.is-waiting{padding:7px 9px;border-radius:10px;background:#fff4d8;color:#76500d}
.driver-stop-actions .payout-awaiting{background:#fff4d8;color:#76500d}
.merchant-order.has-cash-confirmation{border-color:#d99228;box-shadow:0 0 0 3px rgba(217,146,40,.13)}
.merchant-settlement-state.is-awaiting-cash{align-items:start;border-color:#d99228;background:#fff7e6;color:#68440d}
.merchant-settlement-state.is-awaiting-cash>svg{color:#a8650c}
.merchant-settlement-state.is-awaiting-cash .cash-confirm-form{display:block;margin-top:9px}
.cash-confirm-form button{min-height:46px}
.cash-confirm-reminder{border:1px solid #e3b867;background:#fff7e6;color:#71490d}

@media(max-width:760px){
  .payout-form{grid-template-columns:1fr}
  .payout-form .delivery-step-button{width:100%}
}


/* 2.14.8 — explain every merchant-wallet deduction inside its order. */
.merchant-commission-breakdown{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px;padding-top:10px;border-top:1px dashed #c5d1cc}
.merchant-commission-breakdown>span{min-width:0;padding:8px;border-radius:10px;background:rgba(255,255,255,.78)}
.merchant-commission-breakdown small,.merchant-commission-breakdown b,.merchant-commission-breakdown em{display:block}
.merchant-commission-breakdown b{margin-top:2px;color:var(--green-950)}
.merchant-commission-breakdown em{margin-top:3px;line-height:1.45}
.merchant-commission-breakdown .commission-reference{grid-column:1/-1;background:#fff6df}
.merchant-commission-breakdown.no-commission{grid-template-columns:1fr}
@media(max-width:650px){.merchant-commission-breakdown{grid-template-columns:1fr}.merchant-commission-breakdown .commission-reference{grid-column:auto}}

/* 2.14.8 — keep every floating companion readable on narrow phones. */
@media(max-width:600px){
  .active-order-dock,.role-task-dock{grid-template-columns:auto minmax(0,1fr)!important}
  .active-order-cta,.role-task-cta{grid-column:1/-1!important;width:100%;min-height:38px;justify-content:center!important}
  .active-order-dock em,.role-task-dock em{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35}
}

/* Arooba language switch + bounded customer timeline hotfix 2.14.8.1 */
.timeline.timeline-new.timeline-customer{
  position:relative;
  isolation:isolate;
  direction:ltr;
}
html[dir="rtl"] .timeline.timeline-new.timeline-customer{direction:rtl}
.timeline.timeline-new.timeline-customer::before{
  content:"";
  position:absolute;
  z-index:0;
  top:24px;
  left:calc(100% / (2 * var(--steps, 5)));
  right:calc(100% / (2 * var(--steps, 5)));
  height:3px;
  border-radius:999px;
  background:var(--line-2);
  pointer-events:none;
}
.timeline.timeline-new.timeline-customer>div{position:relative;z-index:1}
.timeline.timeline-new.timeline-customer>div::before{display:none!important}
.timeline.timeline-new.timeline-customer>div>i{
  position:relative;
  z-index:2;
  background:#fff;
}
.timeline.timeline-new.timeline-customer>div.done>i{
  background:var(--success);
}
@media(max-width:600px){
  .timeline.timeline-new.timeline-customer::before{top:20px}
}

/* Arooba manual delivery-point picker 2.14.9 */
.location-action{flex-wrap:wrap;gap:10px}
.map-picker{margin-top:14px;border:1px solid var(--line-2);border-radius:18px;overflow:hidden;background:#fff}
.map-picker[hidden]{display:none}
.map-picker-hint{margin:0;padding:12px 16px;font-size:.86rem;line-height:1.6;color:var(--muted);background:var(--surface-2,#f6f8f7)}
.map-picker-canvas{position:relative;height:290px;width:100%;z-index:0}
.map-picker-canvas .leaflet-container{height:100%;width:100%;background:#e9eeec}
.map-picker-pin{position:absolute;top:50%;left:50%;z-index:600;transform:translate(-50%,-100%);color:var(--danger,#b54032);pointer-events:none;filter:drop-shadow(0 3px 4px rgba(0,0,0,.35))}
.map-picker-pin::after{content:"";position:absolute;bottom:-5px;left:50%;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:currentColor;opacity:.55}
.map-picker-actions{display:flex;gap:10px;flex-wrap:wrap;padding:14px 16px;border-top:1px solid var(--line-2)}
.map-picker-actions .primary-button{flex:1 1 auto}
@media(max-width:600px){.map-picker-canvas{height:240px}}

/* Arooba blocking panel notice 2.14.9 */
.panel-blocker{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 18px;padding:16px 18px;border-radius:16px;border:1px solid #e6b800;background:#fff8e1;color:#5c4813}
.panel-blocker>span{display:grid;place-items:center;width:44px;height:44px;flex:0 0 auto;border-radius:12px;background:#ffe9a8;color:#8a6d0b}
.panel-blocker>div{flex:1 1 240px;min-width:0}
.panel-blocker b{display:block;font-size:1rem;margin-bottom:3px}
.panel-blocker p{margin:0;font-size:.87rem;line-height:1.65;opacity:.9}
.panel-blocker .primary-button{flex:0 0 auto}
@media(max-width:600px){.panel-blocker .primary-button{width:100%;justify-content:center}}

/* Arooba courier hint for manually placed pins 2.14.9 */
.driver-pin-note{display:flex;align-items:flex-start;gap:8px;margin:8px 0 0;padding:9px 11px;border-radius:11px;background:#fff4e0;border:1px solid #f0c479;color:#7a5310;font-size:.83rem;line-height:1.6}
.driver-pin-note svg{flex:0 0 auto;margin-top:1px}

/* 2.16 accounting, fair routing and accessible confirmations */
.toast{pointer-events:none;z-index:1400}.arooba-confirm-overlay{position:fixed;inset:0;z-index:1800;display:grid;place-items:center;padding:18px;background:rgba(8,31,26,.62);backdrop-filter:blur(5px)}.arooba-confirm-card{width:min(440px,100%);padding:24px;border-radius:22px;background:#fff;box-shadow:0 24px 80px rgba(8,31,26,.35)}.arooba-confirm-card>span{color:#b14a38;font-size:.65rem;font-weight:900}.arooba-confirm-card h2{margin:6px 0}.arooba-confirm-card p{color:#526760;line-height:1.8}.arooba-confirm-card>div{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}
.route-fairness-note{display:flex;justify-content:space-between;gap:12px;margin:14px 24px;padding:12px 14px;border:1px solid #cde2d8;border-radius:14px;background:#f3fbf7}.route-fairness-note b,.route-fairness-note span{font-size:.65rem}.route-fairness-note span{color:#587068}.driver-trip-numbers{grid-template-columns:repeat(5,1fr)}.driver-main-actions{display:flex;gap:9px;padding:0 24px 18px}.driver-main-actions form{flex:1}.driver-main-actions button{width:100%}.driver-waiting-note{width:100%;padding:13px;border-radius:13px;background:#fff7dc;color:#76570d;font-weight:800}.driver-stops li.is-waiting-store{opacity:.68}.driver-stops li.is-waiting-store>span{background:#f0f0ed;color:#7b807d}.manager-override-reason{width:100%;display:grid;gap:5px;padding:9px;border-radius:10px;background:#fff2d8;font-size:.63rem}.manager-override-reason input{width:100%}.driver-digital-proof,.manager-merchant-payout,.driver-collection-box,.manager-return-box{padding:13px;border:1px solid #ccdcd5;border-radius:15px;background:#f8fbfa}.driver-digital-proof header,.manager-merchant-payout header,.driver-collection-box header{display:flex;justify-content:space-between;gap:8px}.driver-digital-proof form,.manager-merchant-payout form,.driver-collection-box form{display:grid;gap:8px;margin-top:10px}.driver-digital-proof label,.manager-merchant-payout label,.driver-collection-box label{display:grid;gap:4px;font-size:.62rem;font-weight:900}.driver-digital-proof input,.driver-digital-proof textarea,.manager-merchant-payout input,.manager-merchant-payout select,.manager-merchant-payout textarea,.driver-collection-box input,.driver-collection-box textarea{width:100%;padding:9px;border:1px solid #c5d4ce;border-radius:10px;font:inherit}.driver-digital-proof.is-done,.proof-done{background:#eaf8f1;color:#166344}.proof-done{padding:9px;border-radius:10px;font-weight:800}.payment-target{padding:9px;border-radius:10px;background:#edf4ff}.payment-target small,.payment-target b{display:block}.manager-return-box{margin:0 24px 20px;border-color:#e8b9b2;background:#fff7f5}.manager-return-box form{display:grid;gap:8px;margin-top:10px}.manager-return-box textarea{width:100%;min-height:80px}.manager-assignment{display:flex;align-items:end;gap:9px;margin:14px 24px;padding:13px;border-radius:14px;background:#eef6ff}.manager-assignment label{display:grid;gap:5px;flex:1}.merchant-finance-action{margin:10px 0;padding:14px;border:1px solid #c9ded5;border-radius:16px;background:#f6fbf8}.merchant-finance-action header{display:flex;justify-content:space-between;gap:8px;margin-bottom:10px}.merchant-finance-action header span{font-size:.62rem;color:#60736c}.merchant-money-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.merchant-money-grid>span{padding:9px;border-radius:10px;background:#fff}.merchant-money-grid small,.merchant-money-grid b{display:block}.merchant-money-grid small{font-size:.56rem;color:#687972}.merchant-money-grid b{margin-top:3px;font-size:.72rem}.merchant-finance-action>p{font-size:.61rem;line-height:1.7;color:#546c63}.merchant-finance-buttons{display:flex;gap:8px;align-items:start}.merchant-finance-buttons details{flex:1}.merchant-finance-buttons form{display:grid;gap:7px}.merchant-finance-buttons textarea{width:100%;min-height:75px}.merchant-finance-action.is-digital{border-color:#a7c8ed;background:#f3f8ff}.merchant-finance-action.is-cash{border-color:#e7ce83;background:#fffaf0}.merchant-finance-action.is-return{border-color:#e6b2aa;background:#fff7f6}.merchant-finance-action.is-closed{background:#edf9f3}.accept-impact{display:block;margin-top:7px;color:#60736c;font-size:.58rem}.accounting-dashboard{display:grid;gap:16px}.accounting-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.accounting-summary-grid article{padding:16px;border:1px solid #d8e3de;border-radius:16px;background:#fff}.accounting-summary-grid small,.accounting-summary-grid b,.accounting-summary-grid em{display:block}.accounting-summary-grid b{font-size:1.45rem;margin:5px 0}.accounting-summary-grid em{font-style:normal;color:#65776f;font-size:.6rem}.accounting-section{padding:18px;border:1px solid #d6e1dc;border-radius:20px;background:#fff}.accounting-table{width:100%;border-collapse:collapse}.accounting-table th,.accounting-table td{padding:10px;border-bottom:1px solid #e4eae7;text-align:right;font-size:.65rem}.accounting-table th{color:#62746d}.accounting-status{display:inline-flex;padding:5px 8px;border-radius:999px;background:#eef4f1;font-weight:900}.content-editor{display:grid;gap:14px}.content-editor textarea{min-height:180px}
@media(max-width:800px){.driver-trip-numbers{grid-template-columns:1fr 1fr}.route-fairness-note{flex-direction:column;margin-inline:12px}.merchant-money-grid,.accounting-summary-grid{grid-template-columns:1fr 1fr}.manager-assignment{margin-inline:12px}.driver-main-actions{padding-inline:12px}.merchant-finance-buttons{display:grid}.accounting-table{display:block;overflow:auto;white-space:nowrap}}
@media(max-width:520px){.merchant-money-grid,.accounting-summary-grid{grid-template-columns:1fr}.arooba-confirm-card>div{display:grid}.driver-stops li{grid-template-columns:auto minmax(0,1fr)}.driver-stop-actions{grid-column:1/-1}.driver-trip-numbers{grid-template-columns:1fr 1fr}}
.content-public-page,.not-found-page{padding:60px 0}.content-public-card,.not-found-card{max-width:820px;margin:auto;padding:34px;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:var(--shadow)}.content-public-card h1,.not-found-card h1{font-size:clamp(2rem,6vw,3.5rem)}.content-public-body{line-height:2;color:#435d54}.not-found-card{text-align:center}.not-found-card>span{font-size:5rem;font-weight:950;color:#e85d3f}.not-found-card>div{display:flex;justify-content:center;gap:10px;margin-top:22px}

.account-security-action{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:4px 0}.account-security-action p{margin:0;max-width:760px;color:var(--muted);line-height:1.8}.account-security-action form{flex:0 0 auto}@media(max-width:720px){.account-security-action{align-items:stretch;flex-direction:column}.account-security-action button{width:100%}}
.market-filter-panel{margin:18px auto 0;background:#fff;border:1px solid var(--line);border-radius:22px;padding:16px;box-shadow:0 12px 35px rgba(23,63,53,.06)}.market-filter-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:end}.market-filter-grid label{display:grid;gap:6px;font-size:12px;font-weight:800;color:var(--muted)}.market-filter-grid input,.market-filter-grid select{width:100%;min-height:44px;border:1px solid var(--line);border-radius:13px;padding:9px 11px;background:#fff;color:var(--ink)}.market-filter-grid .filter-actions{display:flex;gap:8px;align-items:center}.market-filter-grid .filter-actions>*{flex:1}.market-active-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.market-active-filters span{background:var(--soft);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}@media(max-width:980px){.market-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:620px){.market-filter-grid{grid-template-columns:1fr 1fr}.market-filter-grid .filter-actions{grid-column:1/-1}}
.analytics-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.analytics-kpis article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px}.analytics-kpis small{display:block;color:var(--muted);margin-bottom:8px}.analytics-kpis b{font-size:24px;color:var(--green)}.analytics-periods{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.analytics-periods a{padding:9px 13px;border:1px solid var(--line);border-radius:999px;font-weight:800}.analytics-periods a.active{background:var(--green);color:#fff;border-color:var(--green)}@media(max-width:820px){.analytics-kpis{grid-template-columns:1fr 1fr}}@media(max-width:480px){.analytics-kpis{grid-template-columns:1fr}}

/* 2.17 mobile touch targets: WCAG 2.5.5-friendly controls. */
@media(max-width:600px){
  .head-brand .circle-button,.circle-button{width:44px;height:44px;min-width:44px;min-height:44px}
  .head-actions a,.mobile-nav a{min-width:44px;min-height:44px}
  .add-button{width:44px;height:44px;min-width:44px;min-height:44px}
  .qty-control button{width:44px;height:44px;min-width:44px;min-height:44px}
  .qty-control input{width:42px;min-height:44px}
  .remove-item{width:44px;height:44px;min-width:44px;min-height:44px}
  .account-recent-order button,.quick-note-chips button{min-height:44px}
}
.otp-card{border-color:#b9d9cc;background:linear-gradient(145deg,#fff,#f1faf6)}
.otp-card>p{color:var(--muted)}
.otp-verify-form{display:grid;grid-template-columns:minmax(180px,1fr) auto;align-items:end;gap:10px}
.otp-verify-form label{display:grid;gap:5px;font-weight:800}
.otp-verify-form input{min-height:48px;letter-spacing:.3em;text-align:center;font-size:1.15rem;font-weight:900}
.otp-resend-form{margin-top:10px}.verified-phone{display:inline-flex;margin-top:4px;color:var(--green-700);font-size:.62rem;font-style:normal;font-weight:900}
@media(max-width:600px){.otp-verify-form{grid-template-columns:1fr}.otp-verify-form button,.otp-resend-form button{width:100%}}

html[dir=rtl] .icon-chevron,html[dir=ltr] .icon-arrow{transform:scaleX(-1)}
.market-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px}.market-pagination span{color:var(--muted);font-size:.75rem;font-weight:800}@media(max-width:600px){.market-pagination{display:grid;grid-template-columns:1fr auto 1fr}.market-pagination a{width:100%}}
/* قسّام الكتالوج في لوحات التاجر والإدارة — بيظهر بس لما المنتجات تعدّي صفحة واحدة */
.catalog-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px;padding:12px 14px;border-top:1px solid var(--line)}
.catalog-pager b{font-size:.68rem;font-weight:800;color:var(--muted)}
.catalog-pager a,.catalog-pager span{font-size:.7rem;font-weight:800;padding:7px 14px;border-radius:10px;border:1px solid var(--line)}
.catalog-pager a{color:var(--green-800);background:#fff}
.catalog-pager a:hover{border-color:var(--green-800)}
.catalog-pager span{color:var(--muted);opacity:.5}
.catalog-more-note{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:10px;padding:10px 12px;border-radius:10px;background:#f6f8f7;font-size:.66rem;font-weight:700;color:var(--muted)}
.catalog-more-note a{color:var(--green-800);font-weight:800}
/* محل ظاهر في السوق ومش بيستقبل طلبات — لازم يبان أحمر مش «فاتح» */
.admin-merchants footer span.is-blocked{background:var(--danger-soft);color:var(--danger);font-weight:900}
.merchant-blocked-count{padding:3px 8px;border-radius:8px;background:#ffffff2e;font-style:normal;font-weight:900}

/* صور المنتجات في لوحة المحل — الصف بقى flex عشان يستوعب حقل الصورة وخيار الشيل مهما كان عددهم */
.product-admin-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px}
.product-admin-row>input[name="name"]{flex:1 1 150px;min-width:0}
.product-admin-row label{flex:0 0 auto}
.product-admin-row label input[type="number"]{width:92px}
.mini-art.has-photo{overflow:hidden;padding:0;background:var(--soft)}
.mini-art.has-photo img{width:100%;height:100%;display:block;object-fit:cover}
.product-photo-field input[type=file]{max-width:190px;padding:6px;border:1px dashed var(--line-2);border-radius:9px;background:var(--soft);font-size:.6rem}
.product-photo-field small{display:block;margin-top:4px;color:var(--muted);font-size:.56rem}
.trip-rating-section{padding-block:0 50px;border:2px solid var(--orange-100);border-radius:var(--r-lg);background:linear-gradient(135deg,#fff8ee,#fffbf5)}.trip-rating-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.trip-rating-section .rating-card{padding:20px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow-xs)}.rating-card-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.rating-merchant-emoji{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--green-100);font-size:1.5rem;flex:0 0 auto}.rating-card-head h3{margin:2px 0;font-size:.92rem}.rating-card-head p{margin:0;color:var(--muted);font-size:.62rem}.rating-card-head small{color:var(--muted);font-size:.58rem}.rating-card.unrated{border-color:var(--orange-100)}.trip-rating-section .rating-card strong{display:block;margin:8px 0;color:#e29a16;font-size:1.4rem;letter-spacing:2px}.trip-rating-section .rating-card em,.trip-rating-section .rating-card small{display:block;color:var(--green-700);font-size:.65rem;font-weight:800}.trip-rating-section .rating-card form{display:grid;gap:9px}.trip-rating-section .rating-choice{display:flex;gap:5px;flex-wrap:wrap}.trip-rating-section .rating-choice input{position:absolute;opacity:0}.trip-rating-section .rating-choice span{display:block;padding:7px 8px;border:1px solid var(--line-2);border-radius:9px;cursor:pointer;font-size:.59rem}.trip-rating-section .rating-choice input:checked+span{border-color:var(--orange-500);background:var(--orange-100);color:var(--orange-700)}.trip-rating-section .rating-card textarea{min-height:60px;padding:10px;border:1px solid var(--line-2);border-radius:11px;font:inherit}@media(max-width:600px){.trip-rating-grid{grid-template-columns:1fr}}

/* 2.17.1 — Mobile design overlap fixes */
@media(max-width:760px){
  /* Head-row: prevent items from overlapping when wrapped */
  .head-row{min-height:auto;padding-block:10px;gap:10px}
  .head-brand{flex:1 1 auto;min-width:0}
  .head-brand .brand small{display:none}
  .place-pill{min-width:0;flex:0 1 auto}
  .head-actions{gap:2px}
  .head-actions a{min-width:44px;padding:6px}
  .head-actions small{font-size:.58rem}

  /* Language switcher dropdown: prevent overlap with content below header */
  .language-switcher nav{z-index:600;margin-top:4px;max-height:65vh;overflow-y:auto}
  .language-switcher nav::before{content:"";position:absolute;top:-8px;inset-inline-end:18px;border:8px solid transparent;border-bottom-color:#fff}

  /* Area dialog: ensure it doesn't overflow viewport on small screens */
  .area-dialog{width:min(480px,calc(100% - 32px));max-height:75dvh;overflow-y:auto}
  .area-dialog h2{font-size:1.1rem}

  /* Fix active-order-dock not covering mobile-nav */
  .active-order-dock{left:10px;right:10px;bottom:10px;width:auto}

  /* Ensure map canvases have minimum visible height on all mobile sizes */
  .route-map-canvas{min-height:200px}
  .map-picker-canvas{min-height:200px}
}

@media(max-width:400px){
  .head-row{gap:6px}
  .head-brand{gap:6px}
  .brand img{width:40px;height:40px}
  .brand b{font-size:1.08rem}
  .place-pill{padding:6px 8px}
  .place-pill b{font-size:.7rem}
  .place-pill>svg:first-child{width:28px;height:28px;padding:5px}
  .head-actions a{min-width:40px;padding:4px}
  .head-actions small{display:none}
}

/* ====================================================================
   2.17.2 — Comprehensive mobile overlap fixes (millimeter review)
   Addresses: product-admin-row icon/text collision, language switcher
   dropdown overlapping content, area-dialog overflow, active-order-dock
   covering content, cart-item squeeze, head-row wrap collisions,
   merchant header cell overlap, driver-trip-summary squeeze,
   timeline bar overlap, chat page bottom dock, floating-cart vs nav,
   door-stack over content, shop-trust-strip squeeze, map canvases.
   ==================================================================== */

/* FIX 1: product-admin-row — base is display:flex but mobile rule sets
   grid-template-columns without display:grid. Grid properties are
   IGNORED on flex containers, so the mini-art icon overlaps the name
   input. Force display:grid on mobile so the columns take effect. */
@media(max-width:600px){
  .product-admin-row{
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr) 70px;
    gap:8px;
    align-items:center;
  }
  /* Product image/emoji icon: constrain and prevent overflow */
  .product-admin-row .mini-art{
    width:48px;height:48px;
    flex:0 0 48px;
    overflow:hidden;
    grid-row:1;
  }
  .product-admin-row .mini-art.has-photo img{
    width:100%;height:100%;object-fit:cover;
  }
  /* Name input: full width of its grid cell, never overflow */
  .product-admin-row input[name="name"]{
    min-width:0;width:100%;
    grid-row:1;
  }
  /* Price label: third column */
  .product-admin-row label:nth-of-type(1){
    grid-column:3;grid-row:1;
  }
  /* Stock, photo field, tiny-check, button: span full width on next row */
  .product-admin-row label:nth-of-type(2),
  .product-admin-row .product-photo-field,
  .product-admin-row .tiny-check,
  .product-admin-row button{
    grid-column:1/-1;
    grid-row:auto;
  }
  .product-admin-row .product-photo-field input[type=file]{
    max-width:100%;width:100%;
  }
}

/* FIX 2: Language switcher dropdown — on mobile it's position:fixed
   which can overlap page content. Ensure it stays above content and
   has a solid backdrop-like z-index. Also prevent it from extending
   beyond viewport. */
@media(max-width:760px){
  .language-switcher{position:relative;z-index:50}
  .language-switcher nav{
    position:absolute !important;
    top:calc(100% + 6px);
    inset-inline-end:0;
    inset-inline-start:auto;
    width:max-content;
    max-width:calc(100vw - 24px);
    z-index:700;
    margin-top:0;
    max-height:60vh;
    overflow-y:auto;
    box-shadow:0 16px 45px rgba(15,45,38,.25);
  }
  /* Remove the fixed-position arrow that could misalign */
  .language-switcher nav::before{
    content:"";
    position:absolute;
    top:-7px;
    inset-inline-end:18px;
    border:7px solid transparent;
    border-bottom-color:#fff;
  }
}

/* FIX 3: Area dialog — center properly and prevent overflow on small screens */
@media(max-width:600px){
  .area-dialog{
    width:min(440px,calc(100% - 24px));
    max-height:80dvh;
    overflow-y:auto;
    margin:auto;
    padding:20px 16px;
  }
  .area-dialog .area-list{
    display:grid;
    gap:8px;
  }
  .area-dialog .area-list button{
    width:100%;
    min-height:52px;
    padding:10px 12px;
  }
}

/* FIX 4: active-order-dock and role-task-dock — add body padding so
   fixed dock doesn't cover page content at the bottom */
@media(max-width:760px){
  body:has(.active-order-dock){
    padding-bottom:160px !important;
  }
  body:has(.role-task-dock){
    padding-bottom:160px !important;
  }
  .active-order-dock,
  .role-task-dock{
    left:8px;right:8px;bottom:8px;
    z-index:300;
    padding:10px 12px;
  }
  /* Ensure dock grid doesn't let CTA overlap the title text */
  .active-order-dock>*,.role-task-dock>*{
    min-width:0;
  }
  .active-order-dock em,.role-task-dock em{
    overflow:hidden;text-overflow:ellipsis;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  }
}

/* FIX 5: cart-item on mobile — prevent mini-art from overlapping qty/price.
   The grid has auto minmax(0,1fr) auto but mini-art at 46px + name + price
   can squeeze. Ensure name truncates. */
@media(max-width:600px){
  .cart-item{
    grid-template-columns:46px minmax(0,1fr) auto;
    gap:8px;
  }
  .cart-item .mini-art{
    width:46px;height:46px;
    flex:0 0 46px;
    overflow:hidden;
  }
  .cart-item b{
    overflow:hidden;text-overflow:ellipsis;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
    word-break:break-word;
  }
  .cart-item small{
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  }
}

/* FIX 6: head-row — prevent flex items from overlapping when wrapped.
   Brand should shrink, actions should stay visible. */
@media(max-width:760px){
  .head-row{
    flex-wrap:wrap;
    gap:8px;
    min-height:auto;
    padding-block:10px;
  }
  .head-brand{
    flex:1 1 auto;
    min-width:0;
    overflow:hidden;
  }
  .head-brand .brand b{
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    max-width:calc(100vw - 200px);
  }
  .head-actions{
    flex:0 0 auto;
    gap:2px;
  }
  .place-pill{
    flex:0 1 auto;
    min-width:0;
    overflow:hidden;
  }
  .place-pill b{
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  }
}

/* FIX 7: merchant-order header on mobile — cells can overlap when
   grid columns squeeze. Ensure proper stacking. */
@media(max-width:600px){
  .merchant-order>header{
    grid-template-columns:1fr !important;
    gap:0;
  }
  .merchant-order>header>*{
    grid-column:1 !important;
    border-inline-start:0;
    border-bottom:1px solid #e0e8e4;
    padding:10px 12px;
    min-width:0;
  }
  .merchant-order>header>*:last-child{border-bottom:0}
  .merchant-order>header>.state-pill{
    justify-self:start;
    margin:6px 12px;
  }
  .merchant-order-id-cell b,.merchant-customer-cell h2{
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  }
}

/* FIX 8: driver-trip-summary on mobile — squeeze many columns into one */
@media(max-width:600px){
  .driver-trip-summary{
    grid-template-columns:1fr !important;
    gap:0 !important;
  }
  .driver-trip-summary>*{
    grid-column:1 !important;
    border-inline-start:0 !important;
    border-bottom:1px solid #dfe8e4;
    padding:10px 12px;
    min-width:0;
  }
  .driver-trip-summary>*:last-child{border-bottom:0}
  .driver-trip-summary>.state-pill{
    justify-self:start;
    margin:6px 12px;
  }
  .driver-trip-id-cell b,.driver-trip-customer-summary h2{
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  }
}

/* FIX 9: timeline bar — the ::before line could overlap step labels.
   Ensure z-index stacking is correct and steps have enough space. */
@media(max-width:600px){
  .timeline.timeline-new.timeline-customer{
    gap:4px;
    padding-block:6px;
  }
  .timeline.timeline-new.timeline-customer>div{
    min-width:0;
    padding:6px 4px;
  }
  .timeline.timeline-new.timeline-customer>div>span b{
    font-size:.6rem;
    overflow:hidden;text-overflow:ellipsis;
    display:block;
    max-width:60px;
    margin:0 auto;
  }
  .timeline.timeline-new.timeline-customer>div>span small{
    font-size:.5rem;
  }
}

/* FIX 10: chat page — ensure chat card doesn't get hidden behind
   active-order-dock or composer */
@media(max-width:600px){
  .chat-page:has(.active-order-dock){
    padding-bottom:180px !important;
  }
  .chat-page:has(.active-order-dock) .chat-section{
    padding-bottom:180px;
  }
  .chat-card{
    min-height:300px;
    height:max(380px,calc(100dvh - 280px));
  }
  .chat-messages{
    min-height:200px;
  }
  .rating-card{
    margin-top:14px;
    padding:16px;
  }
  .rating-card .rating-choice{
    gap:6px;
  }
  .rating-card .rating-choice label{
    min-width:44px;
    min-height:44px;
  }
}

/* FIX 11: floating-cart vs mobile-nav — ensure floating cart sits
   above mobile nav and doesn't overlap */
@media(max-width:600px){
  .floating-cart{
    bottom:84px;
    z-index:200;
  }
  .mobile-nav{
    z-index:250;
  }
}

/* FIX 12: door-stack over market-door content — ensure door-stack
   doesn't overlap heading text */
@media(max-width:600px){
  .market-door{
    position:relative;
    overflow:hidden;
    padding:22px 22px 70px;
  }
  .market-door>div:nth-child(2){
    max-width:100%;
    position:relative;
    z-index:1;
  }
  .door-stack{
    left:8px;bottom:8px;
    z-index:0;
    transform:scale(.75);
    transform-origin:bottom left;
  }
  .market-door h3{
    overflow-wrap:anywhere;
    word-break:break-word;
  }
}

/* FIX 13: shop-trust-strip — two columns squeeze on mobile, make it one */
@media(max-width:600px){
  .shop-trust-strip>.shell{
    grid-template-columns:1fr;
    gap:8px;
  }
  .shop-rating,.shop-repeat-customer{
    padding:10px 12px;
    gap:8px;
  }
  .shop-rating>span,.shop-repeat-customer>svg{
    width:34px;height:34px;
    flex:0 0 34px;
  }
  .shop-rating b,.shop-repeat-customer b{
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  }
}

/* FIX 14: route-map and map-picker canvases — ensure visible on all mobile */
@media(max-width:600px){
  .route-map-canvas{
    min-height:220px;
    height:clamp(220px,50vw,320px);
  }
  .map-picker-canvas{
    min-height:240px;
    height:240px;
  }
  .map-picker-canvas .leaflet-container{
    height:100%;width:100%;
  }
  .route-map-card{
    overflow:hidden;
  }
  .route-map-card>header{
    grid-template-columns:auto minmax(0,1fr);
    gap:8px;
  }
  .route-map-card>header em{
    grid-column:2;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  }
}

/* FIX 15: account-recent-order — prevent overlap of order info and button */
@media(max-width:600px){
  .account-recent-order{
    grid-template-columns:1fr;
    gap:8px;
    padding:12px 0;
  }
  .account-recent-order>a{
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px;
  }
  .account-recent-order form,.account-recent-order button{
    width:100%;
  }
}

/* FIX 16: customer-journey-choices — prevent nav overlap with copy */
@media(max-width:600px){
  .customer-journey-choices{
    grid-template-columns:1fr;
    gap:14px;
    padding:16px;
  }
  .customer-journey-choices nav{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
  }
  .customer-journey-choices nav a{
    width:100%;
    justify-content:center;
  }
}

/* FIX 17: tracking-card header — eta block overlapping title on mobile */
@media(max-width:600px){
  .tracking-card>header{
    flex-direction:column;
    align-items:stretch;
    gap:10px;
  }
  .tracking-card>header>div:first-child{
    min-width:0;
  }
  .tracking-card>header h2{
    overflow-wrap:anywhere;
    word-break:break-word;
  }
  .eta{
    width:100%;
    grid-template-columns:1fr auto;
    gap:6px;
  }
}

/* FIX 18: details-card bill — prevent price column overlap */
@media(max-width:600px){
  .details-card .bill>div{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:10px;
    padding:6px 0;
  }
  .details-card .bill>div>span{
    flex:1 1 auto;
    min-width:0;
    overflow:hidden;text-overflow:ellipsis;
  }
  .details-card .bill>div>strong{
    flex:0 0 auto;
  }
}

/* FIX 19: panel-head — prevent user actions overlapping logo on mobile */
@media(max-width:600px){
  .panel-head{
    height:auto;
    min-height:60px;
    padding:8px 10px;
    flex-wrap:wrap;
    gap:8px;
  }
  .panel-logo{
    flex:1 1 auto;
    min-width:0;
  }
  .panel-logo b{
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    max-width:calc(100vw - 160px);
  }
  .panel-user{
    flex:0 0 auto;
  }
}

/* FIX 20: merchant-partial and merchant-order-items — prevent inner
   content overlap on mobile */
@media(max-width:600px){
  .merchant-partial{
    padding:10px;
  }
  .merchant-partial form{
    gap:8px;
  }
  .partial-item-choices{
    gap:6px;
  }
  .partial-item-choices label{
    padding:8px;
    grid-template-columns:auto minmax(0,1fr);
    gap:8px;
  }
  .partial-item-choices b{
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  }
}

/* FIX 21: payout-form on mobile — already 1fr but ensure no overlap */
@media(max-width:600px){
  .payout-form{
    grid-template-columns:1fr;
    gap:8px;
  }
  .payout-form .delivery-step-button{
    width:100%;
    min-height:48px;
  }
}

/* FIX 22: wallet-hero — prevent balance overlapping model badge */
@media(max-width:600px){
  .wallet-hero{
    flex-direction:column;
    gap:12px;
    padding:16px;
  }
  .wallet-hero>div{flex:1 1 auto;min-width:0}
  .wallet-hero>span{flex:0 0 auto;width:100%}
}

/* FIX 23: stats-grid on mobile — 2 columns can still squeeze */
@media(max-width:480px){
  .stats-grid,.admin-stats{
    grid-template-columns:1fr;
  }
  .stats-grid article,.admin-stats article{
    padding:12px;
  }
}

/* FIX 24: merchant-money-grid and accounting-summary-grid on very small */
@media(max-width:480px){
  .merchant-money-grid,.accounting-summary-grid{
    grid-template-columns:1fr;
  }
}

/* TASK 2: merchant payment evidence (image + reference) */
.merchant-payment-evidence{
  margin-top:12px;padding:10px;border-radius:12px;background:#fff;border:1px dashed #b9c8e0;display:grid;gap:8px;
}
.merchant-payment-evidence .merchant-evidence-row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.merchant-payment-evidence .merchant-evidence-row small{font-size:.6rem;color:#60736c}
.merchant-payment-evidence .merchant-evidence-row b{font-size:.72rem;font-weight:900;letter-spacing:.3px}
.merchant-evidence-image{display:inline-block;position:relative;max-width:100%}
.merchant-evidence-image img{display:block;cursor:zoom-in;transition:transform .15s ease}
.merchant-evidence-image:hover img{transform:scale(1.01)}
.merchant-evidence-image span{position:absolute;bottom:6px;left:6px;background:rgba(0,0,0,.55);color:#fff;font-size:.55rem;padding:3px 7px;border-radius:6px;font-weight:700}

/* TASK 1: captain payment method picker */
.driver-payment-hint{font-size:.62rem;color:#5d716a;margin:6px 0 10px;line-height:1.6}
.driver-method-radio-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.driver-method-radio{flex:1;min-width:90px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border:2px solid #ccdcd5;border-radius:12px;background:#fff;font-weight:800;font-size:.72rem;transition:border-color .15s,background .15s}
.driver-method-radio input{position:absolute;opacity:0;pointer-events:none}
.driver-method-radio:has(input:checked){border-color:#1f7a4d;background:#eafaf1}
.driver-method-radio:not(:has(input:checked)):hover{border-color:#7fb393}
.driver-collection-panel{padding-top:6px}
.driver-digital-summary{padding:9px;border-radius:10px;background:#edf4ff;font-size:.65rem}
.driver-digital-summary small{display:block;color:#546c63}
.driver-digital-summary b{display:block;margin-top:3px;font-weight:900}

/* TASK 5: customer account stats */
.account-stats-section{padding:18px 0 4px;background:linear-gradient(180deg,#f6fbf8 0%,#fff 100%)}
.account-stats-head{margin-bottom:14px;text-align:center}
.account-stats-head h2{font-size:1.05rem;font-weight:900;color:#1f4a36;margin:0 0 3px}
.account-stats-head p{font-size:.65rem;color:#60736c;margin:0}
.account-stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.account-stat-card{padding:14px 10px;border:1px solid #d8e3de;border-radius:14px;background:#fff;text-align:center;display:flex;flex-direction:column;gap:4px}
.account-stat-card small{font-size:.55rem;color:#687972;font-weight:700}
.account-stat-card b{font-size:.95rem;font-weight:900;color:#1f4a36;line-height:1.3;word-break:break-word}
.account-stat-card em{font-size:.52rem;color:#7c8c84;font-style:normal;line-height:1.4}
@media(max-width:800px){.account-stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.account-stats-grid{grid-template-columns:1fr 1fr}.account-stat-card{padding:10px 8px}.account-stat-card b{font-size:.85rem}}

/* Customer other trips sidebar (multi-trip awareness) */
.customer-other-trips{padding:14px;border-radius:14px;border:1px solid #e2ece8;background:#fff;display:flex;gap:12px;align-items:flex-start}
.customer-other-trips.has-active{background:linear-gradient(180deg,#fff7e0,#fff);border-color:#e6c878}
.customer-other-trips .other-trips-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.7);flex-shrink:0}
.has-active .other-trips-icon{color:#7a5400}
.customer-other-trips>div{flex:1;min-width:0}
.customer-other-trips small{display:block;font-size:.6rem;color:#687972;font-weight:700}
.customer-other-trips b{display:block;font-size:.8rem;font-weight:900;color:#1f4a36;margin-top:3px;line-height:1.3}
.has-active .customer-other-trips b{color:#7a5400}
.customer-other-trips .other-trips-hint{font-size:.58rem;color:#5d716a;margin-top:4px;line-height:1.5;font-weight:400}
.customer-other-trips .other-trips-list{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:6px}
.customer-other-trips .other-trips-list li{border-radius:10px;overflow:hidden;border:1px solid #e2ece8;background:#fff;transition:border-color .15s,background .15s}
.customer-other-trips .other-trips-list li:hover{border-color:#7fb393}
.customer-other-trips .other-trips-list li.is-active{border-color:#e6c878;background:#fffbef}
.customer-other-trips .other-trips-list li.is-delivered{opacity:.75}
.customer-other-trips .other-trips-list a{display:flex;align-items:center;gap:8px;padding:8px 10px;text-decoration:none;color:inherit}
.customer-other-trips .other-trip-emojis{font-size:1.1rem;line-height:1;flex-shrink:0}
.customer-other-trips .other-trip-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.customer-other-trips .other-trip-info b{font-size:.7rem;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.customer-other-trips .other-trip-info small{font-size:.58rem;color:#5d716a;font-weight:600}
.customer-other-trips .other-trip-ref{font-size:.5rem;color:#7c8c84;font-style:normal;font-weight:400}
.customer-other-trips .other-trip-arrow{flex-shrink:0;color:#7fb393;display:flex;align-items:center}

/* Nearby trips page (captain nearby + half delivery fee) */
.nearby-page{background:linear-gradient(180deg,#fff7e0,#fff)}
.nearby-section{padding:14px 0 24px}
.nearby-empty{text-align:center;padding:36px 20px;background:#fff;border:1px solid #e2ece8;border-radius:18px;max-width:480px;margin:0 auto}
.nearby-empty span{font-size:3rem;display:block;margin-bottom:10px}
.nearby-empty h2{font-size:1rem;font-weight:900;color:#1f4a36;margin:0 0 8px}
.nearby-empty p{font-size:.7rem;color:#5d716a;line-height:1.6;margin:0 0 16px}
.nearby-empty .primary-button{display:inline-block;text-decoration:none;padding:10px 20px;font-size:.75rem}
.nearby-card{background:#fff;border:1px solid #e6c878;border-radius:18px;overflow:hidden;box-shadow:0 4px 14px rgba(230,200,120,.15)}
.nearby-card header{display:flex;gap:14px;align-items:flex-start;padding:18px;background:linear-gradient(180deg,#fff7e0,#fff)}
.nearby-emoji{font-size:2.2rem;line-height:1;flex-shrink:0}
.nearby-card header small{display:block;font-size:.65rem;color:#7a5400;font-weight:700}
.nearby-card header h2{font-size:.95rem;font-weight:900;color:#1f4a36;margin:4px 0 6px;line-height:1.3}
.nearby-card header em{font-size:.7rem;color:#1f7a4d;font-style:normal;font-weight:700}
.nearby-merchants{padding:16px 18px;border-top:1px solid #f0e8d0}
.nearby-merchants h3{font-size:.7rem;color:#5d716a;margin:0 0 10px;font-weight:800}
.nearby-merchants-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.nearby-merchant-card{display:flex;gap:10px;align-items:center;padding:12px;background:#fff;border:2px solid var(--merchant,#1f7a4d);border-radius:14px;text-decoration:none;color:inherit;position:relative;transition:transform .15s,box-shadow .15s}
.nearby-merchant-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(31,122,77,.15)}
.nearby-merchant-card.closed{opacity:.55;border-color:#ccc}
.nearby-merchant-emoji{font-size:1.6rem;line-height:1;flex-shrink:0}
.nearby-merchant-card>div{flex:1;min-width:0}
.nearby-merchant-card b{display:block;font-size:.78rem;font-weight:900;color:#1f4a36}
.nearby-merchant-card small{display:block;font-size:.58rem;color:#687972;margin-top:2px}
.nearby-merchant-card em{display:block;font-size:.55rem;color:#5d716a;font-style:normal;margin-top:3px}
.nearby-merchant-discount{position:absolute;top:6px;left:6px;background:#1f7a4d;color:#fff;font-size:.5rem;font-weight:800;padding:3px 6px;border-radius:6px}
.nearby-info{padding:14px 18px;background:#fffaf0;border-top:1px solid #f0e8d0}
.nearby-info p{font-size:.62rem;color:#5d716a;line-height:1.7;margin:0}

/* Nearby link in cart */
.cart-nearby-link{margin:14px 0;padding:12px 16px;background:linear-gradient(180deg,#fff7e0,#fff);border:1px solid #e6c878;border-radius:14px;display:flex;gap:10px;align-items:center;text-decoration:none;color:inherit}
.cart-nearby-link:hover{background:linear-gradient(180deg,#fff5d0,#fff)}
.cart-nearby-link .nearby-icon{font-size:1.6rem;line-height:1;flex-shrink:0}
.cart-nearby-link>div{flex:1}
.cart-nearby-link b{display:block;font-size:.78rem;color:#7a5400;font-weight:900}
.cart-nearby-link small{display:block;font-size:.6rem;color:#5d716a;margin-top:2px;line-height:1.4}

/* TASK 6: merchant quick stats (inside collapsible details) */
.merchant-quick-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:12px 0 4px;padding:14px;background:linear-gradient(180deg,#f6fbf8,#fff);border:1px solid #d2e3dc;border-radius:16px}
.merchant-stat-card{padding:12px 10px;border-radius:12px;background:#fff;border:1px solid #e2ece8;display:flex;flex-direction:column;gap:3px;text-align:center}
.merchant-stat-card small{font-size:.55rem;color:#687972;font-weight:700}
.merchant-stat-card b{font-size:.95rem;font-weight:900;color:#1f4a36;line-height:1.25;word-break:break-word}
.merchant-stat-card em{font-size:.5rem;color:#7c8c84;font-style:normal;line-height:1.4}
.merchant-stat-card.is-wallet{background:linear-gradient(180deg,#eef6ff,#fff);border-color:#a7c8ed}
.merchant-stat-card.is-wallet b{color:#1d4f8a}
@media(max-width:1100px){.merchant-quick-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.merchant-quick-stats{grid-template-columns:repeat(2,1fr)}.merchant-stat-card{padding:10px 8px}.merchant-stat-card b{font-size:.85rem}}
@media(max-width:400px){.merchant-quick-stats{grid-template-columns:1fr 1fr}}

/* TASK 6 simplified: merchant focus bar (one-line status) */
.merchant-focus-bar{display:flex;align-items:center;gap:14px;margin:12px 0;padding:14px 18px;border-radius:16px;border:1px solid #d2e3dc;flex-wrap:wrap}
.merchant-focus-bar.is-urgent{background:linear-gradient(180deg,#fff7e0,#fff);border-color:#e6c878}
.merchant-focus-bar.is-calm{background:linear-gradient(180deg,#eafaf1,#fff);border-color:#a7d8bd}
.merchant-focus-type{display:flex;flex-direction:column;gap:2px;padding-inline-end:14px;border-inline-end:1px solid #e2ece8;min-width:140px}
.merchant-focus-type small{font-size:.55rem;color:#687972;font-weight:700}
.merchant-focus-type b{font-size:.78rem;font-weight:900;color:#1f4a36;line-height:1.3}
.merchant-focus-type em{font-size:.6rem;color:#1f7a4d;font-style:normal;font-weight:700}
.merchant-focus-action{display:flex;align-items:center;gap:12px;flex:1;min-width:200px}
.merchant-focus-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.7);flex-shrink:0}
.is-urgent .merchant-focus-icon{color:#7a5400}
.is-calm .merchant-focus-icon{color:#1f7a4d}
.merchant-focus-action b{display:block;font-size:.82rem;font-weight:900;color:#1f4a36;line-height:1.3}
.is-urgent .merchant-focus-action b{color:#7a5400}
.merchant-focus-action small{display:block;font-size:.62rem;color:#5d716a;margin-top:3px;line-height:1.5}
.merchant-stats-toggle{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;border:1px solid #ccdcd5;background:#fff;color:#1f4a36;font-weight:800;font-size:.7rem;cursor:pointer;transition:background .15s}
.merchant-stats-toggle:hover{background:#f6fbf8}
.merchant-stats-toggle svg{flex-shrink:0}
.merchant-stats-details{margin:0 0 12px;background:#fff;border:1px solid #e2ece8;border-radius:14px;overflow:hidden}
.merchant-stats-details summary{padding:10px 16px;font-size:.7rem;font-weight:800;color:#5d716a;cursor:pointer;list-style:none}
.merchant-stats-details summary::-webkit-details-marker{display:none}
.merchant-stats-details summary::before{content:"▸";margin-inline-end:6px;color:#7fb393}
.merchant-stats-details[open] summary::before{content:"▾"}
.merchant-stats-details .merchant-quick-stats{margin:0;border:none;border-radius:0;border-top:1px solid #e2ece8}
@media(max-width:700px){
  .merchant-focus-bar{padding:12px}
  .merchant-focus-type{min-width:100%;border-inline-end:none;border-bottom:1px solid #e2ece8;padding-bottom:10px;margin-bottom:6px}
  .merchant-focus-action{min-width:100%}
  .merchant-stats-toggle{width:100%;justify-content:center}
}
/* FIX 25: ensure ALL flex/grid children with text can shrink properly */
@media(max-width:600px){
  .merchant-finance-action header b,
  .merchant-driver-info b,
  .driver-next-step b,
  .scheduled-wait b,
  .merchant-settlement-state b{
    overflow-wrap:anywhere;
    word-break:break-word;
  }
}

/* FIX 26: prevent any position:absolute element from causing horizontal
   scroll on mobile */
@media(max-width:760px){
  body{overflow-x:hidden}
  .shell{width:min(100% - 20px,1240px)}
  img,.leaflet-container,.route-map-canvas,.map-picker-canvas{
    max-width:100%;
  }
}

/* FIX 27: chat-composer on mobile — ensure textarea and send button
   don't overlap */
@media(max-width:600px){
  .chat-composer{
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px;
    padding:10px;
  }
  .chat-composer>.chat-input{
    grid-column:1;grid-row:1;
    min-width:0;
  }
  .chat-composer>.chat-send{
    grid-column:1/-1;grid-row:2;
    width:100%;
    min-height:48px;
  }
  .chat-composer>.chat-reply-toggle{
    grid-column:1/-1;grid-row:auto;
  }
}

/* FIX 28: simple-order-row on mobile — prevent shop name overlapping
   state pill and money */
@media(max-width:600px){
  .simple-order-row{
    grid-template-columns:auto minmax(0,1fr);
    gap:10px;
    padding:12px 0;
  }
  .simple-order-row>.simple-order-emoji{
    grid-row:1;
    flex:0 0 auto;
  }
  .simple-order-row>.simple-order-shop{
    grid-column:2;grid-row:1;
    min-width:0;
  }
  .simple-order-row>.simple-order-shop h3{
    overflow:hidden;text-overflow:ellipsis;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  }
  .simple-order-row>.simple-order-state{
    grid-column:1/-1;grid-row:auto;
  }
  .simple-order-row>.order-money{
    grid-column:1/-1;grid-row:auto;
  }
  .simple-order-row>.simple-order-actions{
    grid-column:1/-1;grid-row:auto;
    display:flex;
    gap:8px;
    flex-wrap:wrap;
  }
  .simple-order-row>.simple-order-actions a,
  .simple-order-row>.simple-order-actions button{
    flex:1 1 auto;
    min-width:120px;
  }
}

/* FIX 29: orders-context-alert on mobile — prevent button overlapping text */
@media(max-width:600px){
  .orders-context-alert{
    flex-direction:column;
    align-items:stretch;
    gap:10px;
    padding:14px;
  }
  .orders-context-alert>div{
    min-width:0;
  }
  .orders-context-alert>a{
    width:100%;
    justify-content:center;
  }
}

/* FIX 30: section-heading on mobile — prevent buttons overlapping title */
@media(max-width:600px){
  .section-heading{
    flex-direction:column;
    align-items:stretch;
    gap:8px;
  }
  .section-heading>div{
    min-width:0;
  }
  .section-heading h2{
    overflow-wrap:anywhere;
  }
  .section-heading>a,.section-heading>nav{
    width:100%;
  }
  .section-heading nav a{
    flex:1 1 auto;
  }
}

/* Customer delivered thanks card */
.trip-delivered-thanks{margin:14px 0}
.thanks-card{display:flex;align-items:center;gap:14px;padding:18px;background:linear-gradient(180deg,#eafaf1,#fff);border:2px solid #a7d8bd;border-radius:16px}
.thanks-icon{font-size:2.4rem;line-height:1;flex-shrink:0}
.thanks-card>div{flex:1}
.thanks-card b{display:block;font-size:.95rem;font-weight:900;color:#1f7a4d;line-height:1.3}
.thanks-card small{display:block;font-size:.68rem;color:#5d716a;margin-top:4px;line-height:1.5}
@media(max-width:600px){.thanks-card{padding:14px;gap:10px}.thanks-icon{font-size:2rem}.thanks-card b{font-size:.85rem}}

/* ============================================================
   Delivery Thanks Modal — بوب-أب شكر + تقييم + توفير + وصفات
   ============================================================ */
.delivery-thanks-modal{border:0;border-radius:var(--r-md);padding:0;max-width:580px;width:calc(100% - 32px);box-shadow:var(--shadow-lg);background:var(--white);overflow:hidden;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;max-height:90vh}
.delivery-thanks-modal::backdrop{background:rgba(13,43,36,.65);backdrop-filter:blur(4px)}
.delivery-thanks-modal:not([open]){display:none}
.thanks-modal-content{position:relative;max-height:90vh;overflow-y:auto}
.thanks-modal-close{position:absolute;top:14px;left:14px;width:36px;height:36px;background:var(--white);border:1px solid var(--line);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--muted);z-index:2;transition:all .15s}
.thanks-modal-close:hover{background:var(--danger-soft);border-color:#e8b9b2;color:var(--danger)}
.thanks-modal-header{padding:32px 24px 20px;text-align:center;background:linear-gradient(180deg,var(--green-50),var(--white))}
.thanks-modal-emoji{font-size:3rem;display:block;margin-bottom:10px;line-height:1}
.thanks-modal-header h2{font-size:1.35rem;font-weight:900;color:var(--green-900);margin:0 0 6px;line-height:1.3}
.thanks-modal-header p{font-size:.84rem;color:var(--green-800);margin:0;line-height:1.5}
.thanks-modal-savings{display:flex;align-items:center;gap:14px;margin:0 24px;padding:16px 18px;background:linear-gradient(120deg,var(--green-900),var(--green-800));border-radius:var(--r-sm);color:var(--white)}
.thanks-savings-icon{flex-shrink:0;width:44px;height:44px;background:rgba(255,255,255,.15);border-radius:var(--r-xs);display:flex;align-items:center;justify-content:center}
.thanks-savings-icon svg{color:var(--orange-500)}
.thanks-modal-savings small{display:block;font-size:.72rem;color:rgba(255,255,255,.8);font-weight:600;margin-bottom:2px}
.thanks-modal-savings b{display:block;font-size:1.6rem;font-weight:900;color:var(--white);direction:ltr;line-height:1}
.thanks-modal-ratings{padding:20px 24px}
.thanks-modal-ratings>h3{font-size:1rem;font-weight:800;color:var(--ink);margin:0 0 14px}
.thanks-rating-card{background:var(--soft);border:1px solid var(--line);border-radius:var(--r-sm);padding:14px 16px;margin-bottom:10px}
.thanks-rating-card.is-rated{background:var(--success-soft);border-color:#b8d9c5}
.thanks-rating-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.thanks-rating-emoji{font-size:1.6rem;line-height:1;flex-shrink:0}
.thanks-rating-head b{display:block;font-size:.9rem;font-weight:800;color:var(--ink);line-height:1.3}
.thanks-rating-head small{display:block;font-size:.72rem;color:var(--muted);margin-top:2px}
.thanks-rating-stars{display:flex;gap:6px;justify-content:center;margin-bottom:10px;flex-direction:row-reverse}
.thanks-rating-stars label{cursor:pointer}
.thanks-rating-stars input{display:none}
.thanks-rating-stars span{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;background:var(--white);border:1.5px solid var(--line-2);border-radius:var(--r-xs);font-size:.74rem;font-weight:700;color:var(--muted);transition:all .15s}
.thanks-rating-stars label:hover span,.thanks-rating-stars input:checked~span,.thanks-rating-stars input:checked+span{background:var(--amber-soft);border-color:var(--amber);color:var(--amber)}
.thanks-rating-card textarea{width:100%;padding:9px 12px;border:1px solid var(--line-2);border-radius:var(--r-xs);font-size:.82rem;font-family:inherit;resize:vertical;min-height:60px;margin-bottom:10px}
.thanks-rating-card .primary-button{width:100%}
.thanks-rated-note{display:block;text-align:center;font-size:.78rem;color:var(--success);font-weight:700;padding:8px 0}
.thanks-modal-recipes{padding:0 24px 20px}
.thanks-modal-recipes>h3{font-size:.95rem;font-weight:800;color:var(--ink);margin:0 0 4px;display:flex;align-items:center;gap:6px}
.thanks-modal-recipes>p{font-size:.76rem;color:var(--muted);margin:0 0 12px}
.thanks-recipes-grid{display:flex;flex-direction:column;gap:8px}
.thanks-recipe-card{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--white);border:1px solid var(--line);border-radius:var(--r-sm);text-decoration:none;color:var(--ink);transition:all .15s}
.thanks-recipe-card:hover{border-color:var(--green-600);background:var(--green-50);box-shadow:var(--shadow-xs)}
.thanks-recipe-emoji{font-size:1.5rem;line-height:1;flex-shrink:0}
.thanks-recipe-card>div{flex:1;min-width:0}
.thanks-recipe-card b{display:block;font-size:.86rem;font-weight:700;color:var(--ink);line-height:1.3}
.thanks-recipe-card small{display:block;font-size:.7rem;color:var(--muted);margin-top:2px}
.thanks-recipe-card svg{color:var(--muted);flex-shrink:0}
.thanks-modal-footer{padding:16px 24px 20px;text-align:center}
.thanks-modal-footer .secondary-button{min-width:140px}
@media(max-width:580px){
  .delivery-thanks-modal{width:calc(100% - 16px);max-height:95vh}
  .thanks-modal-header{padding:24px 18px 16px}
  .thanks-modal-header h2{font-size:1.15rem}
  .thanks-modal-savings{margin:0 18px;padding:14px}
  .thanks-modal-savings b{font-size:1.3rem}
  .thanks-modal-ratings,.thanks-modal-recipes,.thanks-modal-footer{padding-left:18px;padding-right:18px}
  .thanks-rating-stars span{width:34px;height:34px;font-size:.7rem}
}

/* ============================================================
   Savings banner — أنت وفّرت كام بسبب أروبة
   يظهر فوق الإحصائيات في صفحة بياناتي للزبون اللي عنده توفير فعلي.
   ============================================================ */
.savings-banner-section{margin:0 0 6px}
.savings-banner{display:flex;align-items:stretch;gap:0;background:linear-gradient(120deg,#173f35 0%,#1f5a4d 100%);border-radius:18px;overflow:hidden;color:#fff;box-shadow:0 8px 24px -10px rgba(23,63,53,.5)}
.savings-banner-icon{display:flex;align-items:center;justify-content:center;padding:0 22px;background:rgba(255,255,255,.08);flex-shrink:0}
.savings-banner-icon svg{color:#efb43c}
.savings-banner-copy{flex:1;padding:20px 22px;display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0}
.savings-banner-copy small{font-size:.72rem;color:rgba(255,255,255,.7);font-weight:600}
.savings-banner-copy b{font-size:2.1rem;font-weight:900;color:#fff;line-height:1;letter-spacing:-.5px}
.savings-banner-copy em{font-size:.78rem;color:#efb43c;font-style:normal;font-weight:700;margin-top:4px}
.savings-banner-side{flex:1.1;padding:20px 22px;border-right:1px solid rgba(255,255,255,.1);min-width:0}
.savings-banner-side small{display:block;font-size:.7rem;color:rgba(255,255,255,.6);font-weight:600;margin-bottom:10px}
.savings-banner-side ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.savings-banner-side li{display:flex;align-items:center;gap:10px;font-size:.82rem}
.savings-banner-side li>span:first-child{font-size:1.1rem;flex-shrink:0;width:24px;text-align:center}
.savings-banner-side li b{flex:1;color:#fff;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.savings-banner-side li em{color:#efb43c;font-style:normal;font-weight:700;font-size:.78rem;flex-shrink:0}
.savings-banner-side>p{font-size:.78rem;color:rgba(255,255,255,.7);line-height:1.6;margin:0}
.savings-monthly-history{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.15)}
.savings-monthly-history>small{display:block;font-size:.66rem;color:rgba(255,255,255,.6);font-weight:600;margin-bottom:8px}
.savings-months-strip{display:flex;flex-wrap:wrap;gap:6px}
.savings-month-chip{display:flex;flex-direction:column;align-items:center;padding:6px 10px;background:rgba(255,255,255,.08);border-radius:8px;min-width:60px}
.savings-month-chip b{font-size:.78rem;font-weight:800;color:#efb43c;direction:ltr}
.savings-month-chip small{font-size:.6rem;color:rgba(255,255,255,.5);margin-top:2px}

/* ============================================================
   Join Arooba — صفحة انضم لأروبة
   ============================================================ */
.join-hero{background:linear-gradient(135deg,var(--green-900),var(--green-800));color:#fff;padding:48px 0 40px;text-align:center}
.join-hero-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:rgba(255,255,255,.12);border-radius:99px;font-size:.76rem;font-weight:700;margin-bottom:14px}
.join-hero-tag svg{color:var(--orange-500)}
.join-hero h1{font-size:2.4rem;font-weight:900;margin:0 0 10px;line-height:1.2}
.join-hero h1 em{color:var(--orange-500);font-style:normal}
.join-hero p{font-size:.88rem;color:rgba(255,255,255,.8);max-width:580px;margin:0 auto;line-height:1.6}
.join-types{padding:36px 0}
.join-types-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.join-type-card{background:var(--white);border:1.5px solid var(--line);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow-xs);transition:all .2s}
.join-type-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}
.join-type-card.exclusive{border-color:var(--green-600)}
.join-type-head{display:flex;align-items:center;gap:14px;padding:20px;border-bottom:1px solid var(--line)}
.join-type-card.exclusive .join-type-head{background:linear-gradient(180deg,var(--green-50),var(--white))}
.join-type-emoji{font-size:2rem;flex-shrink:0}
.join-type-head small{display:block;font-size:.7rem;color:var(--muted);font-weight:600}
.join-type-head h3{font-size:1.2rem;font-weight:900;color:var(--ink);margin:2px 0 0}
.join-type-card ul{list-style:none;margin:0;padding:16px 20px}
.join-type-card li{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:.82rem;color:var(--ink-2)}
.join-type-card li svg{color:var(--success);flex-shrink:0}
.join-type-card strong{display:block;padding:14px 20px 20px;font-size:.82rem;color:var(--green-900);font-weight:700}
.join-features{padding:36px 0;background:var(--soft)}
.join-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px}
.join-features article{text-align:center;padding:24px 16px}
.join-features article span{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;background:var(--green-50);border-radius:var(--r-sm);margin-bottom:12px}
.join-features article span svg{color:var(--green-900)}
.join-features article h3{font-size:.92rem;font-weight:800;color:var(--ink);margin:0 0 6px}
.join-features article p{font-size:.78rem;color:var(--muted);line-height:1.5;margin:0}
.join-form-section{padding:36px 0 48px}
.join-form-card{max-width:680px;margin:0 auto;background:var(--white);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow-sm)}
.join-form-card>header{padding:20px 24px;border-bottom:1px solid var(--line)}
.join-form-card>header h2{font-size:1.1rem;font-weight:900;color:var(--ink);margin:0 0 2px}
.join-form-card>header p{font-size:.8rem;color:var(--muted);margin:0}
.join-form{padding:0 24px 24px}
.join-type-selector{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}
.join-type-pick{cursor:pointer;position:relative}
.join-type-pick input{position:absolute;opacity:0;width:0;height:0}
.join-type-pick span{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;border:1.5px solid var(--line-2);border-radius:var(--r-xs);font-size:.78rem;font-weight:700;color:var(--muted);transition:all .15s;text-align:center}
.join-type-pick input:checked+span{background:var(--green-50);border-color:var(--green-900);color:var(--green-900)}
.join-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
.join-field{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}
.join-field-full{grid-column:1/-1}
.join-field span{font-size:.72rem;color:var(--muted);font-weight:700}
.join-field input,.join-field textarea{padding:10px 12px;border:1.5px solid var(--line-2);border-radius:var(--r-xs);font-size:.86rem;color:var(--ink);background:var(--white);font-family:inherit;transition:all .15s}
.join-field input:focus,.join-field textarea:focus{outline:0;border-color:var(--green-900);box-shadow:0 0 0 3px rgba(23,63,53,.1)}
.join-submit{width:100%;padding:14px;font-size:.95rem;font-weight:800}
@media(max-width:800px){
  .join-types-grid{grid-template-columns:1fr}
  .join-features-grid{grid-template-columns:1fr 1fr}
  .join-hero h1{font-size:1.8rem}
}
@media(max-width:600px){
  .join-form-grid{grid-template-columns:1fr}
  .join-type-selector{grid-template-columns:1fr}
  .join-features-grid{grid-template-columns:1fr}
}
.complaints-container{max-width:var(--shell);margin:0 auto;width:100%}
.complaints-hero{display:flex;align-items:center;gap:16px;padding:24px 0;margin-bottom:8px}
.complaints-hero-icon{width:56px;height:56px;background:var(--green-50);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.complaints-hero-icon svg{color:var(--green-900)}
.complaints-hero h1{font-size:1.5rem;font-weight:900;color:var(--ink);margin:0 0 4px}
.complaints-hero p{font-size:.84rem;color:var(--muted);margin:0;line-height:1.5}
.complaints-grid{display:grid;grid-template-columns:1fr 380px;gap:20px;align-items:start}
.complaints-form-card,.complaints-history-card{background:var(--white);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow-xs)}
.complaints-form-card>header,.complaints-history-card>header{padding:18px 20px 14px;border-bottom:1px solid var(--line)}
.complaints-form-card>header h2,.complaints-history-card>header h2{font-size:1rem;font-weight:800;color:var(--ink);margin:0 0 2px}
.complaints-form-card>header p,.complaints-history-card>header p{font-size:.76rem;color:var(--muted);margin:0}
.complaints-form{padding:0 20px 20px}
.complaints-role-selector{margin-bottom:16px}
.complaints-role-selector>small{display:block;font-size:.72rem;color:var(--muted);font-weight:700;margin-bottom:8px}
.complaints-role-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.complaints-role-option{cursor:pointer;position:relative}
.complaints-role-option input{position:absolute;opacity:0;width:0;height:0}
.complaints-role-option span{display:flex;align-items:center;justify-content:center;gap:5px;padding:10px 8px;background:var(--soft);border:1.5px solid var(--line);border-radius:var(--r-xs);font-size:.74rem;font-weight:700;color:var(--muted);transition:all .15s;text-align:center}
.complaints-role-option input:checked+span{background:var(--green-50);border-color:var(--green-900);color:var(--green-900)}
.complaints-role-option:hover span{border-color:var(--line-2)}
.complaints-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.complaints-field{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}
.complaints-field span{font-size:.72rem;color:var(--muted);font-weight:700}
.complaints-field input,.complaints-field textarea{padding:10px 12px;border:1.5px solid var(--line-2);border-radius:var(--r-xs);font-size:.86rem;color:var(--ink);background:var(--white);font-family:inherit;transition:all .15s}
.complaints-field input:focus,.complaints-field textarea:focus{outline:0;border-color:var(--green-900);box-shadow:0 0 0 3px rgba(23,63,53,.1)}
.complaints-field-hint{font-size:.68rem;color:var(--muted-2);font-style:normal;margin-top:3px;line-height:1.4}
.complaints-submit{width:100%;padding:13px;font-size:.92rem;font-weight:800}
.complaints-empty{text-align:center;padding:36px 20px}
.complaints-empty span{font-size:2.4rem;display:block;margin-bottom:8px}
.complaints-empty b{display:block;font-size:.92rem;font-weight:800;color:var(--ink);margin-bottom:4px}
.complaints-empty p{font-size:.8rem;color:var(--muted);margin:0;line-height:1.5}
.complaints-list{padding:8px 12px}
.complaint-item{padding:14px;border-bottom:1px solid var(--soft);border-radius:var(--r-xs)}
.complaint-item:last-child{border-bottom:0}
.complaint-item-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px}
.complaint-item-head b{display:block;font-size:.88rem;font-weight:800;color:var(--ink);line-height:1.3}
.complaint-item-head small{display:block;font-size:.68rem;color:var(--muted);margin-top:2px}
.complaint-status-badge{display:inline-block;padding:3px 9px;border-radius:99px;font-size:.62rem;font-weight:800;white-space:nowrap;flex-shrink:0}
.complaint-status-badge.status-open{background:var(--amber-soft);color:var(--amber);border:1px solid #e8d985}
.complaint-status-badge.status-replied{background:var(--success-soft);color:var(--success);border:1px solid #b8d9c5}
.complaint-status-badge.status-closed{background:var(--soft);color:var(--muted);border:1px solid var(--line)}
.complaint-body{font-size:.8rem;color:var(--ink-2);line-height:1.5;margin:0 0 8px}
.complaint-order-ref{font-size:.68rem;color:var(--muted-2)}
.complaint-reply{margin-top:8px;padding:12px;background:var(--success-soft);border:1px solid #b8d9c5;border-radius:var(--r-xs)}
.complaint-reply small{display:block;font-size:.66rem;color:var(--success);font-weight:700;margin-bottom:4px}
.complaint-reply p{font-size:.8rem;color:var(--green-900);line-height:1.5;margin:0}

/* ===== Admin complaints ===== */
.complaints-admin{display:flex;flex-direction:column;gap:16px}
.complaints-admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.complaints-stat-card{background:var(--white);border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden;transition:all .15s}
.complaints-stat-card a{display:flex;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;color:var(--ink)}
.complaints-stat-card>span,.complaints-stat-card span:first-child{width:40px;height:40px;background:var(--soft);border-radius:var(--r-xs);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.complaints-stat-card svg{color:var(--green-900)}
.complaints-stat-card.status-open svg{color:var(--amber)}
.complaints-stat-card.status-open span:first-child{background:var(--amber-soft)}
.complaints-stat-card.status-replied svg{color:var(--success)}
.complaints-stat-card.status-replied span:first-child{background:var(--success-soft)}
.complaints-stat-card.status-closed svg{color:var(--muted)}
.complaints-stat-card.status-closed span:first-child{background:var(--soft)}
.complaints-stat-card small{display:block;font-size:.68rem;color:var(--muted);font-weight:600}
.complaints-stat-card b{display:block;font-size:1.4rem;font-weight:900;color:var(--ink);line-height:1}
.complaints-stat-card.active{border-color:var(--green-900);box-shadow:var(--shadow-xs)}
.complaints-admin-filter{display:flex;gap:8px;flex-wrap:wrap}
.complaints-admin-filter .secondary-button{font-size:.76rem;padding:6px 14px}
.complaints-admin-filter .secondary-button.active{background:var(--green-900);color:var(--white);border-color:var(--green-900)}
.complaints-admin-list{display:flex;flex-direction:column;gap:12px}
.complaint-admin-item{background:var(--white);border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden}
.complaint-admin-item.status-open{border-left:3px solid var(--amber)}
.complaint-admin-item.status-replied{border-left:3px solid var(--success)}
.complaint-admin-item.status-closed{border-left:3px solid var(--muted)}
.complaint-admin-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding:14px 16px}
.complaint-admin-head b{display:block;font-size:.92rem;font-weight:800;color:var(--ink);line-height:1.3}
.complaint-admin-head small{display:block;font-size:.68rem;color:var(--muted);margin-top:3px;line-height:1.4}
.complaint-admin-body{padding:0 16px 12px;font-size:.82rem;color:var(--ink-2);line-height:1.6}
.complaint-admin-reply{margin:0 16px 12px;padding:12px;background:var(--success-soft);border:1px solid #b8d9c5;border-radius:var(--r-xs)}
.complaint-admin-reply small{display:block;font-size:.66rem;color:var(--success);font-weight:700;margin-bottom:4px}
.complaint-admin-reply p{font-size:.82rem;color:var(--green-900);line-height:1.5;margin:0}
.complaint-admin-reply-form{padding:0 16px 14px}
.complaint-admin-reply-form textarea{width:100%;padding:10px 12px;border:1.5px solid var(--line-2);border-radius:var(--r-xs);font-size:.84rem;font-family:inherit;resize:vertical;min-height:70px;margin-bottom:10px}
.complaint-admin-actions{display:flex;gap:8px;align-items:center}
.complaint-admin-actions .primary-button{font-size:.8rem;padding:8px 16px}
.complaint-admin-actions .secondary-button{font-size:.76rem;padding:7px 14px}
@media(max-width:900px){
  .complaints-grid{grid-template-columns:1fr}
  .complaints-admin-stats{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .complaints-form-row{grid-template-columns:1fr}
  .complaints-role-options{grid-template-columns:1fr 1fr}
  .complaints-admin-stats{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .savings-banner{flex-direction:column}
  .savings-banner-icon{padding:14px 0;width:100%}
  .savings-banner-icon svg{width:32px;height:32px}
  .savings-banner-side{border-right:0;border-top:1px solid rgba(255,255,255,.1)}
  .savings-banner-copy b{font-size:1.7rem}
}

/* ============================================================
   Badge progress — طريقك لشارة الزبون المعتمد
   يظهر للزبون اللي لسه مش معتمد (ما عندوش 5 طلبات أو ما أكدش موبايله).
   ============================================================ */
.badge-progress-section{margin:0 0 6px}
.badge-progress{display:flex;align-items:center;gap:16px;padding:18px 22px;background:#fff;border:2px dashed #c9d4cd;border-radius:14px}
.badge-progress-icon{width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:#f4f7f5;border-radius:12px;flex-shrink:0}
.badge-progress-icon svg{color:#173f35}
.badge-progress>div{flex:1;min-width:0}
.badge-progress small{display:block;font-size:.7rem;color:#5d716a;font-weight:600;margin-bottom:4px}
.badge-progress b{display:block;font-size:.9rem;color:#173f35;font-weight:700;line-height:1.4}
.badge-progress-bar{height:6px;background:#eef2ef;border-radius:99px;margin-top:10px;overflow:hidden}
.badge-progress-bar i{display:block;height:100%;background:linear-gradient(90deg,#173f35,#2f8f63);border-radius:99px;transition:width .4s ease}

/* ============================================================
   Verified badge inline — الشارة جنب اسم الزبون
   ============================================================ */
.verified-badge-inline{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;background:linear-gradient(120deg,#173f35,#2f8f63);color:#fff;border-radius:99px;font-size:.65rem;font-weight:800;font-style:normal;vertical-align:middle;margin-right:6px;letter-spacing:.2px}
.verified-badge-inline svg{color:#efb43c}

/* ============================================================
   Verified badge في لوحات التاجر والكابتن — جنب اسم الزبون
   ============================================================ */
.verified-customer-tag{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;background:#eafaf1;color:#1f7a4d;border:1px solid #a7d8bd;border-radius:99px;font-size:.62rem;font-weight:800;vertical-align:middle;margin-right:6px}
.verified-customer-tag svg{color:#1f7a4d}

/* ============================================================
   Receipts Vault — خزنة الفواتير
   ============================================================ */
.receipts-head{background:linear-gradient(135deg,#173f35 0%,#1f5a4d 100%);color:#fff;padding:36px 0 28px}
.receipts-head span{display:block;font-size:.74rem;color:#efb43c;font-weight:700;margin-bottom:8px}
.receipts-head h1{font-size:1.85rem;font-weight:900;margin:0 0 6px;letter-spacing:-.3px}
.receipts-head p{font-size:.86rem;color:rgba(255,255,255,.78);max-width:560px;line-height:1.6;margin:0}

.receipts-year-summary{margin:-12px 0 0}
.receipts-year-summary .shell{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.receipts-year-summary article{background:#fff;border:1px solid #e2e8e5;border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:4px}
.receipts-year-summary article small{font-size:.7rem;color:#7a8a83;font-weight:600}
.receipts-year-summary article b{font-size:1.45rem;font-weight:900;color:#173f35;line-height:1;letter-spacing:-.3px}
.receipts-year-summary article em{font-size:.72rem;color:#5d716a;font-style:normal}
.receipts-year-summary article:nth-child(3) b{color:#1f7a4d}

.receipts-section{padding:24px 0 40px}
.receipts-search{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;background:#fff;border:1px solid #e2e8e5;border-radius:12px;padding:16px 18px;margin-bottom:20px}
.receipts-search-field{flex:1 1 160px;display:flex;flex-direction:column;gap:4px;min-width:0}
.receipts-search-field span{font-size:.7rem;color:#5d716a;font-weight:600}
.receipts-search-field input,.receipts-search-field select{padding:9px 12px;border:1px solid #c9d4cd;border-radius:8px;font-size:.86rem;color:#173f35;background:#fff;font-family:inherit}
.receipts-search-field input:focus,.receipts-search-field select:focus{outline:0;border-color:#173f35;box-shadow:0 0 0 3px rgba(23,63,53,.1)}
.receipts-search button,.receipts-search a{flex:0 0 auto;padding:9px 16px;border-radius:8px;font-size:.86rem;font-weight:700;cursor:pointer;font-family:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.receipts-limit-note{text-align:center;color:#7a8a83;font-size:.78rem;margin-top:18px;padding:12px;background:#f4f6f5;border-radius:8px}

.receipts-list{display:flex;flex-direction:column;gap:10px}
.receipt-row{display:grid;grid-template-columns:42px 1fr auto auto;gap:14px;align-items:center;background:#fff;border:1px solid #e2e8e5;border-radius:12px;padding:14px 16px;transition:border-color .15s,box-shadow .15s}
.receipt-row:hover{border-color:#173f35;box-shadow:0 3px 12px -6px rgba(23,63,53,.15)}
.receipt-row.is-delivered{border-left:3px solid #2f8f63}
.receipt-row.is-pending{border-left:3px solid #e8c870}
.receipt-emoji{font-size:1.5rem;text-align:center;line-height:1}
.receipt-main{min-width:0}
.receipt-main small{display:block;font-size:.7rem;color:#7a8a83;margin-bottom:3px}
.receipt-main h3{font-size:.92rem;font-weight:700;color:#173f35;margin:0 0 3px;display:flex;align-items:center;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.receipt-main h3 svg{color:#efb43c;flex-shrink:0}
.receipt-main em{font-size:.74rem;color:#5d716a;font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.receipt-amount{text-align:left;direction:ltr}
.receipt-amount small{display:block;font-size:.66rem;color:#7a8a83;text-align:right;direction:rtl;margin-bottom:2px}
.receipt-amount b{display:block;font-size:1.05rem;font-weight:800;color:#173f35}
.receipt-amount .receipt-savings{font-size:.7rem;color:#1f7a4d;font-weight:700;text-align:right;direction:rtl;margin-top:2px}
.receipt-actions{display:flex;flex-direction:column;gap:6px;align-items:flex-end}
.receipt-actions .state-pill{font-size:.66rem;padding:3px 8px}
.receipt-actions a{font-size:.74rem;padding:6px 10px;display:inline-flex;align-items:center;gap:4px}

.account-card-header-actions{display:flex;gap:10px;align-items:center}
.account-card-header-actions a{font-size:.78rem;color:#173f35;text-decoration:none;font-weight:700;padding:6px 10px;border-radius:6px;background:#eafaf1;border:1px solid #a7d8bd;transition:background .15s}
.account-card-header-actions a:hover{background:#d8f3e6}
.account-card-header-actions a.account-receipts-link{background:#fff4d6;border-color:#e8c870;color:#8a6a00}
.account-card-header-actions a.account-receipts-link:hover{background:#ffeec2}

@media(max-width:680px){
  .receipts-year-summary .shell{grid-template-columns:1fr;gap:8px}
  .receipts-search{flex-direction:column;align-items:stretch}
  .receipts-search button,.receipts-search a{width:100%;justify-content:center}
  .receipt-row{grid-template-columns:36px 1fr;gap:10px;padding:12px}
  .receipt-amount{grid-column:2;text-align:right;direction:rtl;display:flex;align-items:baseline;gap:10px}
  .receipt-amount small{margin:0}
  .receipt-amount b{font-size:.95rem}
  .receipt-actions{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid #eef2ef}
}

/* ============================================================
   Smart Pantry — المخزن الذكي
   ============================================================ */
.smart-pantry-section{padding:24px 0;background:#f4f6f5}
.smart-pantry-section .section-heading{margin-bottom:18px}
.smart-pantry-section .section-heading h2{font-size:1.2rem;color:#173f35}
.smart-pantry-section .section-heading p{font-size:.82rem;color:#5d716a;max-width:560px;line-height:1.5}
.pantry-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.pantry-card{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;background:#fff;border:1px solid #e2e8e5;border-radius:12px;padding:14px 16px;transition:border-color .15s,box-shadow .15s}
.pantry-card.is-due{border-color:#e8c870;background:linear-gradient(180deg,#fff9e6,#fff)}
.pantry-card:hover{box-shadow:0 3px 12px -6px rgba(23,63,53,.12)}
.pantry-emoji{font-size:1.8rem;text-align:center;line-height:1}
.pantry-info{min-width:0}
.pantry-info small{display:block;font-size:.66rem;color:#7a8a83;margin-bottom:3px}
.pantry-info h3{font-size:.92rem;font-weight:700;color:#173f35;margin:0 0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pantry-info em{font-size:.72rem;color:#5d716a;font-style:normal;display:block}
.pantry-action{display:flex;flex-direction:column;gap:6px;align-items:flex-end}
.pantry-due-flag{display:inline-block;padding:3px 8px;background:#fff4d6;color:#8a6a00;border:1px solid #e8c870;border-radius:99px;font-size:.66rem;font-weight:800}
.pantry-next-date{font-size:.66rem;color:#7a8a83}
.pantry-action a{font-size:.74rem;padding:6px 12px}
.smart-pantry-empty .pantry-empty-state{text-align:center;background:#fff;border:2px dashed #c9d4cd;border-radius:14px;padding:36px 20px}
.smart-pantry-empty .pantry-empty-state span{font-size:2.4rem;display:block;margin-bottom:8px}
.smart-pantry-empty .pantry-empty-state b{display:block;font-size:1rem;font-weight:800;color:#173f35;margin-bottom:6px}
.smart-pantry-empty .pantry-empty-state p{font-size:.82rem;color:#5d716a;max-width:480px;margin:0 auto;line-height:1.6}
@media(max-width:680px){
  .pantry-grid{grid-template-columns:1fr}
  .pantry-card{grid-template-columns:40px 1fr;gap:10px;padding:12px}
  .pantry-action{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid #eef2ef}
}

/* ============================================================
   Recipes Suggestions — وصفات بمكوناتك (account + recipes.php)
   ============================================================ */
.recipes-suggestions-section{padding:24px 0;background:#fff}
.recipes-suggestions-section .section-heading{margin-bottom:18px}
.recipes-suggestions-section .section-heading h2{font-size:1.2rem;color:#173f35}
.recipes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.recipe-card{display:grid;grid-template-columns:56px 1fr auto;gap:14px;align-items:center;background:#fff;border:1px solid #e2e8e5;border-radius:14px;padding:16px;transition:border-color .15s,box-shadow .15s}
.recipe-card.has-match{border-color:#a7d8bd;background:linear-gradient(180deg,#f4faf6,#fff)}
.recipe-card:hover{box-shadow:0 4px 16px -8px rgba(23,63,53,.18)}
.recipe-emoji{font-size:2rem;text-align:center;line-height:1}
.recipe-info{min-width:0}
.recipe-info small{display:block;font-size:.66rem;color:#7a8a83;font-weight:600;margin-bottom:3px}
.recipe-card.has-match .recipe-info small{color:#1f7a4d;font-weight:800}
.recipe-info h3{font-size:.95rem;font-weight:800;color:#173f35;margin:0 0 4px;line-height:1.3}
.recipe-info p{font-size:.78rem;color:#5d716a;line-height:1.5;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.recipe-info em{font-size:.7rem;color:#7a8a83;font-style:normal}
.recipe-info em b{color:#173f35;font-weight:700}
.recipe-card>a{font-size:.74rem;padding:7px 12px;align-self:center}
@media(max-width:680px){
  .recipes-grid{grid-template-columns:1fr}
  .recipe-card{grid-template-columns:48px 1fr;gap:12px;padding:14px}
  .recipe-card>a{grid-column:1/-1;justify-self:stretch;text-align:center}
}

/* صفحة قائمة الوصفات */
.recipes-list-head{background:linear-gradient(135deg,#173f35 0%,#1f5a4d 100%);color:#fff;padding:32px 0 26px}
.recipes-list-head span{display:block;font-size:.74rem;color:#efb43c;font-weight:700;margin-bottom:8px}
.recipes-list-head h1{font-size:1.85rem;font-weight:900;margin:0 0 6px;letter-spacing:-.3px}
.recipes-list-head p{font-size:.86rem;color:rgba(255,255,255,.78);max-width:560px;line-height:1.6;margin:0}
.recipes-suggested-section{padding:24px 0;background:#eafaf1}
.recipes-all-section{padding:24px 0 40px}

/* صفحة تفاصيل وصفة */
.recipe-detail-head{background:linear-gradient(135deg,#173f35 0%,#1f5a4d 100%);color:#fff;padding:32px 0 26px}
.recipe-detail-head .shell{display:flex;align-items:center;gap:18px}
.recipe-detail-emoji{font-size:3.2rem;line-height:1;flex-shrink:0;background:rgba(255,255,255,.1);width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:16px}
.recipe-detail-head small{display:block;font-size:.72rem;color:#efb43c;font-weight:600;margin-bottom:6px}
.recipe-detail-head h1{font-size:1.65rem;font-weight:900;margin:0 0 6px;letter-spacing:-.3px}
.recipe-detail-head p{font-size:.86rem;color:rgba(255,255,255,.82);line-height:1.6;margin:0;max-width:600px}
.recipe-detail-section{padding:24px 0 40px}
.recipe-detail-layout{display:grid;grid-template-columns:1fr 320px;gap:24px}
.recipe-detail-main{display:flex;flex-direction:column;gap:18px}
.recipe-ingredients-card,.recipe-steps-card,.recipe-tip-card,.recipe-pantry-card{background:#fff;border:1px solid #e2e8e5;border-radius:14px;padding:18px 20px}
.recipe-ingredients-card header,.recipe-steps-card header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid #173f35}
.recipe-ingredients-card h2,.recipe-steps-card h2{font-size:1rem;font-weight:800;color:#173f35;margin:0}
.recipe-ingredients-card small{font-size:.72rem;color:#7a8a83}
.recipe-ingredients-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.recipe-ingredients-list li{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid #eef2ef;font-size:.86rem}
.recipe-ingredients-list li:last-child{border-bottom:0}
.recipe-ingredients-list li.optional{opacity:.65}
.recipe-ing-name{color:#173f35;font-weight:600}
.recipe-ing-qty{color:#5d716a;font-size:.78rem;white-space:nowrap}
.recipe-ing-add{font-size:.7rem;padding:4px 8px;background:#eafaf1;color:#1f7a4d;border:1px solid #a7d8bd;border-radius:6px;text-decoration:none;font-weight:700;white-space:nowrap}
.recipe-ing-add:hover{background:#d8f3e6}
.recipe-ing-cat{font-size:.68rem;color:#7a8a83;font-style:italic}
.recipe-steps-list{margin:0;padding-right:20px;counter-reset:step-counter;display:flex;flex-direction:column;gap:12px;list-style:none}
.recipe-steps-list li{position:relative;padding-right:36px;font-size:.86rem;color:#173f35;line-height:1.6;counter-increment:step-counter}
.recipe-steps-list li::before{content:counter(step-counter);position:absolute;right:0;top:0;width:24px;height:24px;background:#173f35;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800}
.recipe-detail-side{display:flex;flex-direction:column;gap:14px}
.recipe-tip-card,.recipe-pantry-card{display:flex;gap:12px;align-items:flex-start}
.recipe-tip-card span,.recipe-pantry-card span{flex-shrink:0;width:40px;height:40px;background:#eafaf1;border-radius:10px;display:flex;align-items:center;justify-content:center}
.recipe-tip-card span svg,.recipe-pantry-card span svg{color:#1f7a4d}
.recipe-tip-card div,.recipe-pantry-card div{flex:1;min-width:0}
.recipe-tip-card small,.recipe-pantry-card small{display:block;font-size:.66rem;color:#7a8a83;font-weight:600;margin-bottom:4px}
.recipe-tip-card b,.recipe-pantry-card b{display:block;font-size:.84rem;color:#173f35;font-weight:700;line-height:1.4;margin-bottom:4px}
.recipe-tip-card p,.recipe-pantry-card p{font-size:.76rem;color:#5d716a;line-height:1.5;margin:0 0 8px}
.recipe-pantry-card a{font-size:.76rem;color:#173f35;text-decoration:none;font-weight:700;display:inline-block;padding:5px 10px;background:#eafaf1;border:1px solid #a7d8bd;border-radius:6px}
.recipe-pantry-card a:hover{background:#d8f3e6}
@media(max-width:880px){
  .recipe-detail-layout{grid-template-columns:1fr}
  .recipe-detail-head .shell{flex-direction:column;align-items:flex-start;text-align:right}
  .recipe-detail-emoji{width:64px;height:64px;font-size:2.4rem}
  .recipe-ingredients-list li{grid-template-columns:1fr auto;gap:6px}
  .recipe-ing-add,.recipe-ing-cat{grid-column:1/-1;justify-self:start}
}

/* ============================================================
   Remember credentials checkbox على شاشات الدخول
   ============================================================ */
.auth-remember-check{display:flex;align-items:center;gap:8px;font-size:.78rem;color:#5d716a;cursor:pointer;padding:8px 0;margin-bottom:4px}
.auth-remember-check input{width:16px;height:16px;cursor:pointer;accent-color:#173f35;flex-shrink:0}
.auth-remember-check:hover{color:#173f35}

/* ============================================================
   Price Watch — زرار "تابع السعر" في كارت المنتج
   ============================================================ */
.price-watch-form{margin-top:8px;display:flex;justify-content:flex-end}
.price-watch-button{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;background:#fff;border:1px solid #c9d4cd;border-radius:7px;color:#5d716a;font-size:.7rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s}
.price-watch-button:hover{border-color:#173f35;color:#173f35;background:#f4f7f5}
.price-watch-button svg{flex-shrink:0}
.price-watch-button.is-watching{background:#eafaf1;border-color:#a7d8bd;color:#1f7a4d}
.price-watch-button.is-watching:hover{background:#d8f3e6}

/* ============================================================
   Price Watch section في account.php — قائمة المنتجات المتابعة
   ============================================================ */
.price-watch-section{padding:24px 0;background:#f4f6f5}
.price-watch-section .section-heading{margin-bottom:18px}
.price-watch-section .section-heading h2{font-size:1.2rem;color:#173f35}
.price-watch-section .section-heading p{font-size:.82rem;color:#5d716a;max-width:560px;line-height:1.5}
.price-watch-list{display:flex;flex-direction:column;gap:10px}
.price-watch-row{display:grid;grid-template-columns:42px 1fr auto auto;gap:14px;align-items:center;background:#fff;border:1px solid #e2e8e5;border-radius:12px;padding:14px 16px;transition:border-color .15s}
.price-watch-row.is-lower{border-left:3px solid #2f8f63;background:linear-gradient(180deg,#f4faf6,#fff)}
.price-watch-row.is-inactive{opacity:.6}
.price-watch-emoji{font-size:1.5rem;text-align:center;line-height:1}
.price-watch-info{min-width:0}
.price-watch-info small{display:block;font-size:.7rem;color:#7a8a83;margin-bottom:3px}
.price-watch-info h3{font-size:.92rem;font-weight:700;color:#173f35;margin:0 0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.price-watch-info em{font-size:.72rem;color:#5d716a;font-style:normal;display:block}
.price-watch-diff{text-align:left;direction:ltr}
.price-watch-drop{display:inline-block;padding:4px 10px;background:#eafaf1;color:#1f7a4d;border:1px solid #a7d8bd;border-radius:99px;font-size:.72rem;font-weight:800;white-space:nowrap}
.price-watch-same{display:inline-block;padding:4px 10px;background:#f4f6f5;color:#7a8a83;border:1px solid #e2e8e5;border-radius:99px;font-size:.72rem;font-weight:700;white-space:nowrap}
.price-watch-up{display:inline-block;padding:4px 10px;background:#fff0f0;color:#8a3825;border:1px solid #e8b9b2;border-radius:99px;font-size:.72rem;font-weight:700;white-space:nowrap}
.price-watch-actions{display:flex;gap:6px;align-items:center}
.price-watch-actions .secondary-button{font-size:.72rem;padding:5px 10px}
.price-watch-remove{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#fff;border:1px solid #e2e8e5;border-radius:6px;color:#7a8a83;cursor:pointer;padding:0;font-family:inherit;transition:all .15s}
.price-watch-remove:hover{background:#fff0f0;border-color:#e8b9b2;color:#8a3825}
@media(max-width:680px){
  .price-watch-row{grid-template-columns:36px 1fr;gap:10px;padding:12px}
  .price-watch-diff{grid-column:2;text-align:right}
  .price-watch-actions{grid-column:1/-1;justify-content:space-between;padding-top:8px;border-top:1px solid #eef2ef}
}

/* ============================================================
   Fix: الشريط العائم يبقى تحت الفوتر على الـ desktop
   ============================================================ */
body:has(.active-order-dock) .site-footer,
body:has(.cart-guide-dock) .site-footer{position:relative;z-index:600}
body:has(.active-order-dock){padding-bottom:90px}
body:has(.cart-guide-dock):not(:has(.active-order-dock)){padding-bottom:90px}
.active-order-content{min-width:0;display:grid;gap:6px}
.active-order-main{min-width:0;display:grid;gap:1px}
.active-order-dock.has-multiple-trips{width:min(540px,calc(100% - 40px));align-items:start}
.active-order-trips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;max-height:170px;overflow:auto;padding-top:3px}
.active-order-trips>a{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:7px;padding:7px 8px;border:1px solid #ffffff18;border-radius:10px;background:#ffffff0b;color:#fff}
.active-order-trips span,.active-order-trips b,.active-order-trips small,.active-order-trips em{min-width:0;display:block}
.active-order-trips b{font-size:.55rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.active-order-trips small{font-size:.48rem;color:#9fc0b5}
.active-order-trips em{font-size:.5rem;color:#fff;font-style:normal;text-align:left;white-space:normal}
@media(max-width:600px){
  body:has(.active-order-dock.has-multiple-trips){padding-bottom:260px!important}
  .active-order-dock.has-multiple-trips{grid-template-columns:auto minmax(0,1fr);bottom:76px}
  .active-order-dock.has-multiple-trips .active-order-cta{grid-column:1/-1;justify-content:center}
  .active-order-trips{grid-template-columns:1fr;max-height:116px;overflow:auto}
}

/* Customer password account flow */
.account-auth-card .account-auth-intro{margin:-4px 0 14px;color:var(--muted);font-size:.72rem;line-height:1.8}
.password-free-note{display:block;color:var(--muted);font-size:.64rem;line-height:1.7;margin-top:-4px}
.account-forgot-link{display:block;text-align:center;color:var(--green-800);font-size:.72rem;font-weight:800;text-decoration:none;padding:5px 0}
.account-forgot-link:hover{text-decoration:underline}
.saved-data-note a{color:var(--green-800);font-weight:800}


/* 2.19 — legal & commercial public section */
.legal-page-shell{display:grid;gap:18px;padding:42px 0 58px}
.legal-page-hero,.legal-hub-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);gap:18px;align-items:stretch}
.legal-page-heading,.legal-hub-copy{padding:30px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,#fff,var(--green-50));box-shadow:var(--shadow-xs)}
.legal-page-heading h1,.legal-hub-copy h1{max-width:850px;margin:6px 0 8px;font-size:clamp(2rem,5.5vw,4.1rem);line-height:1.02;letter-spacing:-.035em}
.legal-page-heading p,.legal-hub-copy>p{max-width:760px;margin:0;color:var(--muted);line-height:1.85;font-size:.82rem}
.legal-owner-card{display:grid;grid-template-columns:118px minmax(0,1fr);gap:18px;align-items:center;min-width:0;padding:22px;border-radius:28px;background:linear-gradient(145deg,#102f29,#174e41);color:#fff;box-shadow:0 18px 50px rgba(11,42,35,.18)}
.legal-owner-logo{position:relative;min-width:0;height:108px;display:grid;place-items:center;overflow:hidden;border:1px solid #ffffff26;border-radius:20px;background:#0d2924}
.legal-owner-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:8px}
.legal-owner-logo strong{font-size:1.25rem;letter-spacing:.08em;color:#fff;opacity:.3}
.legal-owner-card small,.legal-owner-card b,.legal-owner-card p{display:block;margin:0}
.legal-owner-card small{color:#f4c66e;font-size:.58rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.legal-owner-card b{margin-top:3px;font-size:1.35rem}
.legal-owner-card p{margin-top:5px;color:#c7dcd4;font-size:.68rem;line-height:1.75}
.legal-owner-card .text-link{margin-top:10px}
.text-link.light{color:#fff}
.legal-policy-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:9px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow-xs)}
.legal-policy-nav a{display:flex;align-items:center;gap:8px;min-height:48px;padding:10px 12px;border-radius:13px;color:var(--muted);font-size:.67rem;font-weight:850}
.legal-policy-nav a svg{flex:0 0 auto}
.legal-policy-nav a:hover,.legal-policy-nav a.active{background:var(--green-900);color:#fff}
.legal-content-card{max-width:980px;width:100%;margin-inline:auto;padding:32px 36px;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:var(--shadow-xs)}
.legal-content-copy{color:#344e45;font-size:.78rem;line-height:2}
.legal-content-copy h2{margin:30px 0 8px;color:var(--ink);font-size:1.18rem;line-height:1.4}
.legal-content-copy h2:first-child{margin-top:0}
.legal-content-copy h3{margin:22px 0 6px;color:var(--ink);font-size:.94rem}
.legal-content-copy p{margin:0 0 12px}
.legal-content-copy ul{display:grid;gap:8px;margin:8px 0 17px;padding-inline-start:22px}
.legal-content-copy li{padding-inline-start:3px}
.legal-content-copy li::marker{color:var(--orange-600)}
.legal-note{margin:17px 0;padding:14px 16px;border:1px solid #d9bd79;border-radius:15px;background:#fff9ea;color:#71541a;font-size:.69rem;line-height:1.8}
.legal-page-actions{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap}
.legal-page-actions a{display:flex;align-items:center;gap:6px;min-height:42px;padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--green-800);font-size:.64rem;font-weight:850}
.legal-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.legal-contact-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:13px;align-items:start;padding:22px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow-xs)}
.legal-contact-card>span{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:var(--green-100);color:var(--green-800)}
.legal-contact-card small,.legal-contact-card h2,.legal-contact-card p{display:block;margin:0}
.legal-contact-card small{color:var(--orange-600);font-size:.57rem;font-weight:900}
.legal-contact-card h2{margin-top:2px;font-size:1rem}
.legal-contact-card p{margin-top:4px;color:var(--muted);font-size:.66rem;line-height:1.75}
.legal-contact-card>.primary-button{grid-column:2;width:max-content;margin-top:2px}
.legal-company-details{display:grid;gap:8px;margin:13px 0}
.legal-company-details>div{display:grid;grid-template-columns:74px minmax(0,1fr);gap:9px;padding-top:8px;border-top:1px solid var(--line)}
.legal-company-details dt{color:var(--muted);font-size:.57rem;font-weight:800}
.legal-company-details dd{margin:0;font-size:.65rem;line-height:1.7;overflow-wrap:anywhere}
.legal-company-details a{color:var(--green-800);font-weight:850}
.legal-hub{gap:20px}
.legal-hub-copy{display:grid;align-content:center;min-height:320px;background:radial-gradient(circle at 14% 8%,#fff5df 0,transparent 28%),linear-gradient(145deg,#fff,var(--green-50))}
.legal-hub-copy h1{max-width:760px}
.legal-hub-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}
.legal-owner-feature{min-height:320px;grid-template-columns:1fr;align-content:center;text-align:center}
.legal-owner-feature .legal-owner-logo{height:150px}
.legal-owner-feature>div:last-child{display:grid;justify-items:center}
.legal-policy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.legal-policy-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:20px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow-xs);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.legal-policy-card:hover{transform:translateY(-2px);border-color:#b9d5c9;box-shadow:var(--shadow-sm)}
.legal-policy-card>span{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:var(--green-100);color:var(--green-800)}
.legal-policy-card h2,.legal-policy-card p{display:block;margin:0}
.legal-policy-card h2{font-size:.9rem}
.legal-policy-card p{margin-top:4px;color:var(--muted);font-size:.62rem;line-height:1.65}
.legal-policy-card>svg{color:var(--orange-600)}
html[dir=ltr] .legal-policy-card>svg{transform:rotate(180deg)}
.legal-principles{display:grid;gap:14px;padding:26px;border:1px solid var(--line);border-radius:26px;background:#fff}
.legal-principles header h2{margin:2px 0;font-size:1.35rem}
.legal-principle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.legal-principle-grid article{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:15px;border-radius:17px;background:var(--soft)}
.legal-principle-grid article>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--green-900);color:#fff}
.legal-principle-grid h3,.legal-principle-grid p{margin:0}
.legal-principle-grid h3{font-size:.72rem}
.legal-principle-grid p{margin-top:3px;color:var(--muted);font-size:.6rem;line-height:1.65}
.legal-company-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-radius:22px;background:var(--green-950);color:#fff}
.legal-company-strip small,.legal-company-strip b,.legal-company-strip p{display:block;margin:0}
.legal-company-strip small{color:#f2c371;font-size:.56rem;font-weight:900}
.legal-company-strip b{margin-top:2px;font-size:1rem}
.legal-company-strip p{margin-top:3px;color:#bfd2cb;font-size:.61rem}
.legal-company-strip-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.legal-company-strip-actions a{display:flex;align-items:center;gap:6px;min-height:42px;padding:9px 12px;border:1px solid #ffffff27;border-radius:999px;background:#ffffff0c;color:#fff;font-size:.61rem;font-weight:800}

/* Footer becomes a compact, polished legal access point on mobile too. */
.site-footer .footer-shell{align-items:flex-start}
.footer-links{display:grid;gap:10px;justify-items:end}
.site-footer .footer-main-nav,.site-footer .footer-legal-nav{display:flex;justify-content:flex-end;gap:12px 16px;flex-wrap:wrap}
.site-footer .footer-legal-nav{padding-top:10px;border-top:1px solid var(--line);font-size:.66rem}
.site-footer .footer-legal-primary{color:var(--green-900);font-weight:900}
.site-footer .footer-legal-primary svg{vertical-align:-3px;margin-inline-end:3px}

@media(max-width:860px){
  .site-footer{display:block;padding:22px 0 calc(92px + env(safe-area-inset-bottom));background:#fbfcfb}
  .site-footer>.shell.footer-shell{display:grid;gap:17px;align-items:start}
  .footer-brand{width:max-content}
  .footer-links{justify-items:stretch;width:100%}
  .site-footer .footer-main-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
  .site-footer .footer-legal-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding-top:12px}
  .site-footer .footer-main-nav a,.site-footer .footer-legal-nav a{min-height:40px;display:flex;align-items:center;justify-content:center;padding:7px 8px;border:1px solid var(--line);border-radius:11px;background:#fff;text-align:center;font-size:.58rem;line-height:1.4}
  .site-footer .footer-legal-primary{grid-column:1/-1;background:var(--green-900)!important;color:#fff!important;border-color:var(--green-900)!important}
}
@media(max-width:760px){
  .legal-page-shell{gap:12px;padding:18px 0 32px}
  .legal-page-hero,.legal-hub-hero{grid-template-columns:1fr}
  .legal-page-heading,.legal-hub-copy{padding:20px;border-radius:21px}
  .legal-page-heading h1,.legal-hub-copy h1{font-size:clamp(2rem,11vw,3.15rem);line-height:1.07}
  .legal-page-heading p,.legal-hub-copy>p{font-size:.72rem;line-height:1.75}
  .legal-owner-card{grid-template-columns:88px minmax(0,1fr);gap:12px;padding:15px;border-radius:20px}
  .legal-owner-logo{height:82px;border-radius:15px}
  .legal-owner-card b{font-size:1.05rem}
  .legal-owner-card p{font-size:.59rem}
  .legal-owner-feature{grid-template-columns:1fr;min-height:260px}
  .legal-owner-feature .legal-owner-logo{width:min(230px,100%);height:120px;margin:auto}
  .legal-policy-nav{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:7px;border-radius:16px;-webkit-overflow-scrolling:touch}
  .legal-policy-nav a{flex:0 0 76%;scroll-snap-align:start;min-height:46px}
  .legal-content-card{padding:20px 17px;border-radius:20px}
  .legal-content-copy{font-size:.72rem;line-height:1.92}
  .legal-content-copy h2{margin-top:25px;font-size:1.04rem}
  .legal-content-copy ul{padding-inline-start:19px}
  .legal-note{font-size:.62rem}
  .legal-contact-grid,.legal-policy-grid,.legal-principle-grid{grid-template-columns:1fr}
  .legal-contact-card{grid-template-columns:auto minmax(0,1fr);padding:16px;border-radius:18px}
  .legal-contact-card>.primary-button{grid-column:1/-1;width:100%;justify-content:center}
  .legal-company-details>div{grid-template-columns:1fr;gap:3px}
  .legal-hub-copy{min-height:0}
  .legal-hub-actions{display:grid;grid-template-columns:1fr}
  .legal-hub-actions a{width:100%;justify-content:center}
  .legal-policy-card{padding:15px;border-radius:18px}
  .legal-policy-card>span{width:42px;height:42px}
  .legal-principles{padding:17px;border-radius:20px}
  .legal-company-strip{align-items:stretch;flex-direction:column;padding:17px;border-radius:18px}
  .legal-company-strip-actions{display:grid;grid-template-columns:1fr;justify-content:stretch}
  .legal-company-strip-actions a{justify-content:center;width:100%}
}
@media(max-width:430px){
  .site-footer .footer-main-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
  .legal-policy-nav a{flex-basis:86%}
  .legal-page-heading,.legal-hub-copy{padding:17px}
  .legal-owner-card{grid-template-columns:76px minmax(0,1fr)}
  .legal-owner-logo{height:72px}
}


/* 2026-08-21 mobile header stability — single final override */
@media(max-width:860px){
  .site-head{position:sticky;top:0}
  .head-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"brand language actions" "place place place";align-items:center;gap:8px 9px;padding-block:8px}
  .head-brand{grid-area:brand;min-width:0}
  .language-switcher{grid-area:language;order:initial;margin:0;min-width:0}
  .head-actions{grid-area:actions;justify-self:end;min-width:0}
  .place-pill{grid-area:place;grid-column:auto;grid-row:auto;width:100%;max-width:none;min-width:0}
  .brand{min-width:0}.brand>span{min-width:0}.brand small{overflow:hidden;text-overflow:ellipsis}
  .language-switcher nav{inset-inline-end:0;inset-inline-start:auto}
}
@media(max-width:600px){
  .head-row{grid-template-columns:minmax(0,1fr) auto auto;gap:7px}
  .brand img{width:42px;height:42px}.brand b{font-size:1.08rem}
  .language-switcher summary{min-width:42px;min-height:40px;padding:5px 8px;gap:5px}
  .language-globe{width:23px;height:23px;font-size:17px}
  .head-actions{gap:2px}.head-actions a{min-width:38px;width:38px;height:38px;padding:5px}
  .place-pill{padding:7px 9px}
}
@media(max-width:360px){
  .head-row{gap:5px}.brand img{width:38px;height:38px}.brand b{font-size:1rem}
  .head-brand .circle-button{width:32px;height:32px}
  .language-switcher summary{min-width:38px;padding:4px 6px}.language-switcher summary>b{font-size:10px}.language-globe{display:none}
  .head-actions a{min-width:34px;width:34px;height:36px}
/* مساحة اللمس على الموبايل: الزراير دي (حسابي · السلة · ارجع) بتتضغط في
   كل صفحة، وكانت 35×35 — أصغر من الحد الموصى بيه للصباع (44). بنكبّر
   منطقة اللمس بـpseudo-element من غير ما نكبّر الشكل، فالتصميم زي ما هو
   والضغطة بقت أسهل. اتكشفت بقياس مساحات اللمس على 7 مقاسات أجهزة. */
@media(max-width:860px){
  .head-actions a,.circle-button{position:relative}
  /* التكبير رأسي بس. جربنا 44 عرض كمان، فطلع إن على شاشة 320 بكسل
     المسافة بين الزرارين 4px، فمنطقة «بياناتي» كانت بتاكل من «السلة»
     والضغط على طرفه بيفتح السلة. الطول فيه فراغ، فبنكسب اللمس من غير
     ما نخاطر بضغطة غلط. */
  .head-actions a::after,.circle-button::after{content:'';position:absolute;top:50%;left:0;right:0;height:44px;transform:translateY(-50%);border-radius:inherit}
}
}

/* 2026-08-22 — PWA role access + compact mobile footer/legal navigation */
.customer-role-switcher{margin:0;align-self:center}
.customer-role-switcher>summary{width:38px;height:38px;border-color:var(--line);border-radius:12px;background:#fff;color:var(--green-800);opacity:.78}
.customer-role-switcher>summary:hover,.customer-role-switcher>summary:focus-visible,.customer-role-switcher[open]>summary{border-color:#b9d5c9;background:var(--green-50);color:var(--green-900);opacity:1}
.customer-role-switcher .role-switcher-menu{width:min(290px,calc(100vw - 24px))}
html.arooba-standalone:not(.arooba-role-switcher-unlocked) .customer-role-switcher{display:none!important}
html.arooba-role-switcher-unlocked .customer-role-switcher{display:block!important}
@media(display-mode:standalone){
  html:not(.arooba-role-switcher-unlocked) .customer-role-switcher{display:none!important}
}

@media(max-width:860px){
  /* Footer links are two clear equal columns. No single legal tile monopolizes
     the whole row, and the two groups read as deliberate sections. */
  .site-footer>.shell.footer-shell{gap:14px}
  .footer-brand{justify-self:center;width:max-content;max-width:100%}
  .footer-links{gap:12px;padding:12px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow-xs)}
  .site-footer .footer-main-nav,.site-footer .footer-legal-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .site-footer .footer-legal-nav{margin-top:1px;padding-top:12px;border-top:1px solid var(--line)}
  .site-footer .footer-main-nav a,.site-footer .footer-legal-nav a{min-height:44px;padding:8px 9px;border-radius:12px;background:#fff;font-size:.62rem;line-height:1.45}
  .site-footer .footer-main-nav a{background:var(--soft)}
  .site-footer .footer-legal-primary{grid-column:auto!important;background:var(--green-900)!important;color:#fff!important;border-color:var(--green-900)!important}

  /* Legal policies are actual sibling tabs on mobile: 2 x 2, equal widths. */
  .legal-policy-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;overflow:visible;scroll-snap-type:none;padding:7px;border-radius:16px}
  .legal-policy-nav a{width:auto;min-width:0;min-height:56px;display:flex;justify-content:center;align-items:center;gap:6px;flex:none;padding:8px 7px;text-align:center;font-size:.62rem;line-height:1.4;scroll-snap-align:none}
  .legal-policy-nav a svg{width:17px;height:17px}
}
@media(max-width:430px){
  .site-footer .footer-main-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
  .legal-policy-nav a{flex-basis:auto;min-height:58px;font-size:.58rem}
  .customer-role-switcher>summary{width:34px;height:36px}
}
@media(max-width:340px){
  .legal-policy-nav{gap:6px;padding:6px}
  .legal-policy-nav a{font-size:.54rem;padding-inline:5px}
}
.floating-role-switcher{position:fixed;top:calc(12px + env(safe-area-inset-top));inset-inline-end:12px;z-index:950;margin:0}
.floating-role-switcher>summary{width:38px;height:38px;border-color:#ffffff38;background:#ffffff18;color:#fff;opacity:.86;backdrop-filter:blur(12px)}
.floating-role-switcher[open]>summary,.floating-role-switcher>summary:hover{background:#fff;color:var(--green-900);opacity:1}
@media(max-width:860px){
  /* The fixed bottom nav already owns the safe spacing. Avoid the old double
     bottom padding that left a large empty white block under footer links. */
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
  .site-footer{padding:20px 0 18px}
}


/* 2026-08-22 v6.3 — mobile navigation polish.
   Role switcher is isolated from .head-actions descendants and opens as a
   stable mobile sheet. Footer links are grouped instead of oversized tiles. */
.footer-link-group{display:grid;gap:9px}
.footer-group-label{color:var(--muted);font-size:.62rem;font-weight:900}
.footer-legal-primary.footer-group-label{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--green-900)}
.footer-legal-primary.footer-group-label>span{display:inline-flex;align-items:center;gap:6px}

@media(max-width:860px){
  /* Compact footer groups: clear hierarchy, no dashboard-like giant buttons. */
  .site-footer>.shell.footer-shell{grid-template-columns:minmax(0,1fr)!important;justify-content:stretch!important;justify-items:stretch!important}
  .footer-brand{justify-self:center!important}
  .footer-links{display:grid!important;width:100%!important;justify-self:stretch!important;justify-items:stretch!important;gap:10px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
  .footer-link-group{gap:7px;padding:10px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow-xs)}
  .footer-group-label{min-height:30px;display:flex;align-items:center;padding:0 4px;color:var(--muted);font-size:.59rem}
  .site-footer .footer-main-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
  .site-footer .footer-main-nav a{min-height:37px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;padding:7px 10px!important;border:0!important;border-radius:9px!important;background:var(--soft)!important;text-align:start!important;color:var(--ink-2)!important;font-size:.59rem!important;font-weight:750!important;line-height:1.25!important}
  .site-footer .footer-main-nav a:active{background:var(--green-50)!important;color:var(--green-900)!important}

  .site-footer .footer-legal-primary.footer-group-label{min-height:39px!important;margin:0!important;padding:7px 9px!important;border:0!important;border-radius:10px!important;background:var(--green-900)!important;color:#fff!important;font-size:.62rem!important;line-height:1.2!important}
  .site-footer .footer-legal-nav{display:grid!important;grid-template-columns:1fr!important;gap:0!important;margin:0!important;padding:0!important;border-top:0!important}
  .site-footer .footer-legal-nav a{min-height:36px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:7px 9px!important;border:0!important;border-bottom:1px solid #edf0ee!important;border-radius:0!important;background:transparent!important;text-align:start!important;color:var(--ink-2)!important;font-size:.58rem!important;font-weight:750!important;line-height:1.25!important}
  .site-footer .footer-legal-nav a:last-child{border-bottom:0!important}

  /* Customer role switcher: never inherit visual/layout rules from head-actions. */
  .head-actions .customer-role-switcher{position:relative!important;display:block;margin:0!important;flex:0 0 auto}
  .head-actions .customer-role-switcher>summary{position:relative;z-index:1003;width:38px!important;height:38px!important;min-width:38px!important;display:grid!important;place-items:center!important;padding:0!important;border:1px solid var(--line)!important;border-radius:11px!important;background:#fff!important;color:var(--green-800)!important;opacity:.88!important}
  .head-actions .customer-role-switcher[open]>summary{border-color:#b9d5c9!important;background:var(--green-50)!important;color:var(--green-900)!important;opacity:1!important}
  .head-actions .customer-role-switcher[open]::after{content:"";position:fixed;inset:0;z-index:1000;background:rgba(13,43,36,.22);backdrop-filter:blur(2px)}
  .head-actions .customer-role-switcher .role-switcher-menu{position:fixed!important;top:calc(env(safe-area-inset-top) + 72px)!important;right:12px!important;left:12px!important;inset-inline:auto!important;z-index:1002!important;width:auto!important;max-width:430px!important;margin-inline:auto!important;display:grid!important;grid-template-columns:1fr!important;gap:4px!important;padding:9px!important;border:1px solid var(--line)!important;border-radius:17px!important;background:#fff!important;box-shadow:0 22px 60px rgba(13,43,36,.24)!important;color:var(--ink)!important;transform:none!important}
  .head-actions .customer-role-switcher .role-switcher-menu::before{display:none!important}
  .head-actions .customer-role-switcher .role-switcher-menu>span{display:block!important;padding:4px 8px 7px!important;color:var(--muted)!important;font-size:.56rem!important;font-weight:850!important;text-align:start!important}
  .head-actions .customer-role-switcher .role-switcher-menu>a{position:relative!important;min-width:0!important;width:100%!important;min-height:48px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr) auto!important;align-items:center!important;justify-items:stretch!important;gap:9px!important;padding:7px 8px!important;border:1px solid transparent!important;border-radius:11px!important;background:#fff!important;color:var(--ink)!important;text-align:start!important}
  .head-actions .customer-role-switcher .role-switcher-menu>a.active{border-color:#cfe1da!important;background:var(--green-50)!important}
  .head-actions .customer-role-switcher .role-switcher-menu>a>i{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;margin:0!important;border-radius:10px!important;background:var(--soft)!important;color:var(--muted)!important}
  .head-actions .customer-role-switcher .role-switcher-menu>a.active>i{background:var(--green-900)!important;color:#fff!important}
  .head-actions .customer-role-switcher .role-switcher-menu>a>span{display:block!important;min-width:0!important}
  .head-actions .customer-role-switcher .role-switcher-menu b{display:block!important;margin:0!important;color:inherit!important;font-size:.69rem!important;line-height:1.35!important}
  .head-actions .customer-role-switcher .role-switcher-menu small{display:block!important;margin:1px 0 0!important;color:var(--muted)!important;font-size:.52rem!important;line-height:1.35!important;white-space:normal!important}
  .head-actions .customer-role-switcher .role-switcher-menu em{position:static!important;min-width:0!important;height:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:4px 7px!important;border:0!important;border-radius:999px!important;background:#fff!important;color:var(--green-800)!important;font-size:.48rem!important;font-style:normal!important;font-weight:900!important;line-height:1.2!important}
}
@media(max-width:430px){
  .head-actions .customer-role-switcher .role-switcher-menu{top:calc(env(safe-area-inset-top) + 66px)!important;right:10px!important;left:10px!important;padding:8px!important}
  .head-actions .customer-role-switcher .role-switcher-menu>a{min-height:46px!important;grid-template-columns:32px minmax(0,1fr) auto!important;gap:8px!important;padding:6px 7px!important}
  .head-actions .customer-role-switcher .role-switcher-menu>a>i{width:32px!important;height:32px!important}
  .site-footer .footer-main-nav a{min-height:36px!important;font-size:.57rem!important}
}

/* Arobaa v6.4 — app-like customer header + live device location */
@media(max-width:860px){
  .site-head{position:sticky!important;top:0;z-index:650;background:rgba(255,253,249,.96);border-bottom:1px solid rgba(211,220,216,.9);box-shadow:0 8px 28px rgba(15,45,38,.045);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .app-head-row{min-height:0!important;display:grid!important;grid-template-columns:auto auto minmax(0,1fr)!important;grid-template-areas:"brand language actions" "place place place"!important;align-items:center!important;gap:10px 10px!important;padding-block:10px 12px!important}
  .app-head-brand{grid-area:brand!important;justify-self:end!important;min-width:0!important;display:flex!important;align-items:center!important;gap:7px!important}
  .app-head-brand .brand{min-width:0!important;display:flex!important;align-items:center!important;gap:8px!important}
  .app-head-brand .brand img{width:48px!important;height:48px!important;border-radius:14px!important;flex:0 0 auto!important}
  .app-head-brand .brand>span{display:grid!important;min-width:0!important;line-height:1!important}
  .app-head-brand .brand b{font-size:1.18rem!important;line-height:1!important;white-space:nowrap!important}
  .app-head-brand .brand small{display:block!important;margin-top:4px!important;color:#74827d!important;font-size:.49rem!important;font-weight:750!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .app-head-brand .circle-button{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;border-color:#e2e8e5!important;background:#fff!important;box-shadow:0 5px 16px rgba(15,45,38,.06)!important}

  .language-switcher{grid-area:language!important;justify-self:center!important;order:initial!important;margin:0!important;z-index:80!important}
  .language-switcher summary{min-width:70px!important;min-height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:6px 10px!important;border:1px solid #e4e9e6!important;border-radius:14px!important;background:#fff!important;color:var(--green-900)!important;box-shadow:0 7px 20px rgba(15,45,38,.07)!important}
  .language-switcher summary>b{font-size:.72rem!important;line-height:1!important}
  .language-switcher .language-current{display:none!important}
  .language-switcher .language-globe{width:22px!important;height:22px!important;display:grid!important;place-items:center!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--green-800)!important;font-size:0!important}
  .language-switcher .language-globe svg{width:18px!important;height:18px!important}
  .language-switcher summary>svg{width:13px!important;height:13px!important;transform:rotate(90deg)!important;opacity:.8!important}
  html[dir=ltr] .language-switcher summary>svg{transform:rotate(90deg)!important}
  .language-switcher[open] summary{border-color:#c9ddd4!important;background:#f8fbf9!important}
  .language-switcher nav{position:fixed!important;top:calc(env(safe-area-inset-top) + 66px)!important;right:12px!important;left:12px!important;inset-inline:auto!important;width:auto!important;max-width:360px!important;margin-inline:auto!important;padding:8px!important;border:1px solid #dfe7e3!important;border-radius:17px!important;background:#fff!important;box-shadow:0 22px 55px rgba(15,45,38,.18)!important;z-index:1200!important}
  .language-switcher nav::before{display:none!important}

  .app-head-actions{grid-area:actions!important;justify-self:start!important;display:flex!important;align-items:center!important;gap:5px!important;min-width:0!important;direction:ltr!important}
  .app-head-actions>a{min-width:40px!important;width:40px!important;height:40px!important;min-height:40px!important;display:grid!important;place-items:center!important;padding:0!important;border:1px solid #e4e9e6!important;border-radius:13px!important;background:#fff!important;color:#52665f!important;box-shadow:0 6px 18px rgba(15,45,38,.055)!important}
  .app-head-actions>a:hover,.app-head-actions>a.active{border-color:#cfe0d8!important;background:#f2f8f5!important;color:var(--green-800)!important}
  .app-head-actions>a small{display:none!important}
  .app-head-actions>a em{top:-5px!important;left:-5px!important;border-width:2px!important}

  /* Customer role switch stays invisible until five logo taps unlock it. */
  .app-head-actions .customer-role-switcher>summary{display:none!important}
  html.arooba-role-switcher-unlocked .app-head-actions .customer-role-switcher>summary{display:grid!important}

  .app-place-card{grid-area:place!important;position:relative!important;width:100%!important;max-width:none!important;min-width:0!important;min-height:74px!important;display:grid!important;grid-template-columns:48px minmax(0,1fr) 26px!important;align-items:center!important;gap:12px!important;padding:10px 14px!important;border:1px solid #dfe6e2!important;border-radius:20px!important;background:rgba(255,255,255,.93)!important;color:var(--ink)!important;text-align:start!important;box-shadow:0 10px 28px rgba(15,45,38,.055)!important;cursor:pointer!important}
  .app-place-card .place-pin{grid-column:1!important;width:46px!important;height:46px!important;display:grid!important;place-items:center!important;border-radius:15px!important;background:#e3f5ed!important;color:var(--green-800)!important}
  .app-place-card .place-pin svg{width:23px!important;height:23px!important;padding:0!important;background:none!important}
  .app-place-card .place-copy{grid-column:2!important;display:grid!important;min-width:0!important;gap:1px!important;text-align:start!important}
  .app-place-card .place-copy small{color:#77857f!important;font-size:.64rem!important;font-weight:750!important;line-height:1.35!important}
  .app-place-card .place-copy b{display:block!important;min-width:0!important;color:#102f28!important;font-size:.92rem!important;font-weight:900!important;line-height:1.35!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .app-place-card .place-copy em{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
  .app-place-card .place-chevron{grid-column:3!important;display:grid!important;place-items:center!important;color:var(--green-800)!important}
  .app-place-card .place-chevron svg{width:18px!important;height:18px!important;transform:none!important}
  .app-place-card.is-locating .place-pin{background:#edf5f1!important}
  .app-place-card.is-locating .place-pin svg{animation:arooba-location-pulse 1.1s ease-in-out infinite!important}
  .app-place-card.location-error{border-color:#ead6c8!important;background:#fffdfa!important}
  .app-place-card.location-error .place-pin{background:#fff1e8!important;color:#a74c2f!important}
  @keyframes arooba-location-pulse{50%{opacity:.35;transform:scale(.88)}}
}

@media(max-width:430px){
  .app-head-row{grid-template-columns:auto auto minmax(0,1fr)!important;gap:8px!important}
  .app-head-brand .brand img{width:44px!important;height:44px!important;border-radius:13px!important}
  .app-head-brand .brand b{font-size:1.08rem!important}
  .app-head-brand .brand small{font-size:.45rem!important;max-width:108px!important}
  .language-switcher summary{min-width:64px!important;padding-inline:8px!important}
  .app-head-actions{gap:4px!important}
  .app-head-actions>a{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important}
  .app-place-card{min-height:70px!important;grid-template-columns:44px minmax(0,1fr) 22px!important;gap:10px!important;padding:9px 12px!important;border-radius:18px!important}
  .app-place-card .place-pin{width:42px!important;height:42px!important;border-radius:13px!important}
}

@media(max-width:360px){
  .app-head-row{gap:6px!important}
  .app-head-brand .brand{gap:5px!important}
  .app-head-brand .brand img{width:40px!important;height:40px!important}
  .app-head-brand .brand b{font-size:.98rem!important}
  .app-head-brand .brand small{display:none!important}
  .language-switcher summary{min-width:58px!important;min-height:38px!important;padding:5px 7px!important;gap:4px!important}
  .language-switcher .language-globe{width:18px!important;height:18px!important}.language-switcher .language-globe svg{width:16px!important;height:16px!important}
  .app-head-actions>a{width:35px!important;min-width:35px!important;height:36px!important;min-height:36px!important;border-radius:11px!important}
  .app-place-card{min-height:66px!important}
}

/* Arobaa v6.5 — final app-like mobile header + strict customer role-switch visibility.
   Brand artwork/name/tagline stay one unit on the right. Mobile uses two calm rows:
   actions + brand, then compact language + live-location card. */
.customer-role-switcher{display:none!important}
@media(min-width:861px){
  html:not(.arooba-admin-preview) .customer-role-switcher{display:none!important}
  html.arooba-admin-preview .customer-role-switcher{display:block!important}
}
@media(max-width:860px){
  html:not(.arooba-role-switcher-unlocked) .app-head-actions .customer-role-switcher{display:none!important}
  html.arooba-role-switcher-unlocked .customer-role-switcher{display:block!important}

  .site-head{background:rgba(255,253,249,.97)!important}
  .app-head-row{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    grid-template-areas:"actions brand" "language place"!important;
    align-items:center!important;
    column-gap:9px!important;
    row-gap:9px!important;
    padding-block:9px 10px!important;
    direction:ltr!important;
  }

  /* Arobaa is one visual object: mark + designed word + slogan. */
  .app-head-brand{
    grid-area:brand!important;
    justify-self:end!important;
    width:auto!important;
    max-width:100%!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:7px!important;
    direction:rtl!important;
  }
  .app-head-brand .brand{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:7px!important;
    min-width:0!important;
    width:auto!important;
  }
  .app-head-brand .brand img{
    width:46px!important;height:46px!important;min-width:46px!important;
    border-radius:13px!important;flex:0 0 auto!important;order:0!important;
  }
  .app-head-brand .brand>span{display:grid!important;min-width:0!important;gap:2px!important}
  .app-head-brand .brand b{font-size:1.12rem!important;line-height:1!important;white-space:nowrap!important}
  .app-head-brand .brand small{
    display:block!important;margin:1px 0 0!important;max-width:none!important;
    color:#65756f!important;font-size:.49rem!important;font-weight:800!important;
    line-height:1.2!important;white-space:nowrap!important;overflow:visible!important;
  }
  .app-head-brand .circle-button{
    width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;
    border-radius:12px!important;box-shadow:none!important;
  }

  /* Only the useful action icons live opposite the brand. */
  .app-head-actions{
    grid-area:actions!important;justify-self:start!important;align-self:center!important;
    display:flex!important;align-items:center!important;gap:5px!important;direction:ltr!important;
  }
  .app-head-actions>a{
    width:37px!important;height:37px!important;min-width:37px!important;min-height:37px!important;
    padding:0!important;border:1px solid #e1e7e4!important;border-radius:12px!important;
    background:#fff!important;box-shadow:none!important;color:#586b64!important;
  }
  .app-head-actions>a svg{width:20px!important;height:20px!important}
  .app-head-actions>a small{display:none!important}

  /* Language is a compact utility chip, never the visual focus of the header. */
  .language-switcher{grid-area:language!important;justify-self:start!important;align-self:stretch!important;margin:0!important}
  .language-switcher summary{
    width:58px!important;min-width:58px!important;height:58px!important;min-height:58px!important;
    padding:0 7px!important;display:flex!important;align-items:center!important;justify-content:center!important;
    gap:4px!important;border:1px solid #dfe6e2!important;border-radius:17px!important;
    background:#fff!important;box-shadow:none!important;color:var(--green-900)!important;
  }
  .language-switcher summary>b{font-size:.68rem!important;font-weight:900!important}
  .language-switcher .language-current{display:none!important}
  .language-switcher .language-globe{width:18px!important;height:18px!important;display:grid!important;place-items:center!important}
  .language-switcher .language-globe svg{width:17px!important;height:17px!important}
  .language-switcher summary>svg{width:11px!important;height:11px!important;opacity:.75!important}
  .language-switcher nav{top:calc(env(safe-area-inset-top) + 128px)!important}

  /* Live location is the second-row primary object. */
  .app-place-card{
    grid-area:place!important;width:100%!important;min-width:0!important;min-height:58px!important;height:58px!important;
    grid-template-columns:40px minmax(0,1fr) 20px!important;gap:9px!important;
    padding:7px 10px!important;border:1px solid #dfe6e2!important;border-radius:17px!important;
    background:#fff!important;box-shadow:none!important;direction:ltr!important;
  }
  .app-place-card .place-pin{width:40px!important;height:40px!important;border-radius:12px!important}
  .app-place-card .place-pin svg{width:20px!important;height:20px!important}
  .app-place-card .place-copy{direction:rtl!important;text-align:right!important}
  .app-place-card .place-copy small{font-size:.57rem!important;line-height:1.2!important}
  .app-place-card .place-copy b{font-size:.78rem!important;line-height:1.25!important}
  .app-place-card .place-chevron svg{width:15px!important;height:15px!important}

  /* Mobile-only five-tap unlock; role switch remains a clean sheet. */
  .app-head-actions .customer-role-switcher>summary{display:none!important}
  html.arooba-role-switcher-unlocked .app-head-actions .customer-role-switcher>summary{display:grid!important}
}

@media(max-width:430px){
  .app-head-row{column-gap:7px!important;row-gap:8px!important}
  .app-head-brand .brand img{width:43px!important;height:43px!important;min-width:43px!important}
  .app-head-brand .brand b{font-size:1.04rem!important}
  .app-head-brand .brand small{display:block!important;font-size:.44rem!important}
  .app-head-actions{gap:4px!important}
  .app-head-actions>a{width:35px!important;height:35px!important;min-width:35px!important;min-height:35px!important}
  .language-switcher summary{width:54px!important;min-width:54px!important;height:56px!important;min-height:56px!important;padding-inline:5px!important}
  .app-place-card{height:56px!important;min-height:56px!important;grid-template-columns:38px minmax(0,1fr) 18px!important;gap:8px!important}
  .app-place-card .place-pin{width:38px!important;height:38px!important}
}

@media(max-width:350px){
  .app-head-brand .brand{gap:5px!important}
  .app-head-brand .brand img{width:39px!important;height:39px!important;min-width:39px!important;border-radius:11px!important}
  .app-head-brand .brand b{font-size:.96rem!important}
  .app-head-brand .brand small{display:block!important;font-size:.40rem!important}
  .app-head-actions>a{width:32px!important;height:33px!important;min-width:32px!important;min-height:33px!important;border-radius:10px!important}
  .language-switcher summary{width:49px!important;min-width:49px!important;height:53px!important;min-height:53px!important}
  .language-switcher .language-globe{display:none!important}
  .app-place-card{height:53px!important;min-height:53px!important;padding-inline:8px!important}
}

/* ===== نظام الموقع الموحد: زر المكان والملاحظة الصغيرة ===== */
.place-pill .place-note{display:block;margin-top:1px;font-size:10.5px;line-height:1.5;font-weight:600;color:#8d8471;letter-spacing:.1px;max-width:150px}
.place-pill.location-outside .place-note{color:#b3541e}
.place-pill.location-outside .place-pin{color:#b3541e}
.place-pill.location-outside{border-color:#e8cfa9}
.flash.info{background:#edf3ee;border:1px solid #d5e3d9;color:#31584a}
@media (max-width:860px){.place-pill .place-note{max-width:120px;font-size:10px}}

/* =========================================================
   Arooba 2.24 — role-scoped intelligent assistant
   ========================================================= */
.arooba-assistant{position:relative;z-index:880}.assistant-launcher{position:fixed;right:20px;bottom:var(--assistant-launcher-bottom,20px);z-index:880;display:flex;align-items:center;gap:8px;min-height:48px;padding:10px 15px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:var(--green-950,#0d2b24);color:#fff;box-shadow:0 14px 38px rgba(13,43,36,.3);font:inherit;font-size:.68rem;font-weight:900;cursor:pointer;transition:bottom .18s ease,transform .18s ease,box-shadow .18s ease}.assistant-launcher svg{color:#efb43c}.assistant-launcher:hover{transform:translateY(-1px);box-shadow:0 18px 42px rgba(13,43,36,.34)}.arooba-assistant.is-open .assistant-launcher{display:none!important}
.assistant-sheet{position:fixed;right:20px;bottom:80px;z-index:890;width:min(410px,calc(100vw - 40px));height:min(650px,calc(100dvh - 110px));display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto auto;overflow:hidden;border:1px solid #c8d8d1;border-radius:24px;background:#fff;box-shadow:0 28px 75px rgba(13,43,36,.28);direction:rtl}.assistant-sheet[hidden]{display:none!important}.assistant-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-bottom:1px solid #dce6e1;background:linear-gradient(135deg,#0d2b24,#174d40);color:#fff}.assistant-head>div{display:flex;align-items:center;gap:9px;min-width:0}.assistant-head>div>span:last-child{display:grid;gap:1px;min-width:0}.assistant-head b{font-size:.8rem}.assistant-head small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#bfd5cc;font-size:.54rem}.assistant-head .circle-button{color:#fff;background:#ffffff12;border-color:#ffffff25}.assistant-mark{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:#ffffff12;color:#efb43c}
.assistant-feed{min-height:0;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:9px;background:linear-gradient(#f7faf8,#fff);scrollbar-gutter:stable}.assistant-message{max-width:90%;padding:10px 12px;border-radius:16px;font-size:.68rem;line-height:1.75;box-shadow:0 3px 10px rgba(13,43,36,.05)}.assistant-message p{margin:0;white-space:pre-wrap}.assistant-message-user{align-self:flex-start;border-bottom-right-radius:5px;background:#173f35;color:#fff}.assistant-message-bot{align-self:flex-end;border:1px solid #d7e2dd;border-bottom-left-radius:5px;background:#fff;color:#173f35}.assistant-message-error{border-color:#f2b6b0;background:#fff3f1;color:#8f221c}.assistant-message-loading{color:#6f817a}.assistant-message-actions{margin-top:8px}.assistant-message-actions a{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border-radius:10px;background:#e8f3ed;color:#14513f;font-size:.59rem;font-weight:900}.assistant-mode{display:block;margin-top:6px;color:#7b8d86;font-size:.5rem}
.assistant-suggestions-shell{display:grid;grid-template-columns:32px minmax(0,1fr) 32px;align-items:stretch;min-width:0;max-width:100%;border-top:1px solid #e4ebe8;background:#fff}.assistant-suggestions-shell[hidden]{display:none}.assistant-suggestions{display:flex;gap:6px;min-width:0;max-width:100%;overflow-x:auto;padding:9px 5px;background:#fff;scrollbar-width:none;cursor:grab;overscroll-behavior-inline:contain}.assistant-suggestions.is-dragging{cursor:grabbing;scroll-behavior:auto;user-select:none}.assistant-suggestions::-webkit-scrollbar{display:none}.assistant-suggestions button{flex:0 0 auto;max-width:245px;padding:7px 9px;border:1px solid #c7dbd2;border-radius:999px;background:#f5faf7;color:#17513f;font:inherit;font-size:.55rem;font-weight:800;white-space:nowrap;cursor:pointer}.assistant-suggestions button:hover{background:#e9f5ef}.assistant-suggestions-arrow{display:grid;place-items:center;border:0;background:#f5faf7;color:#17513f;cursor:pointer;padding:0}.assistant-suggestions-arrow:hover{background:#e3f2ea}
.assistant-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;padding:10px 11px;border-top:1px solid #dfe9e4;background:#fff}.assistant-form textarea{width:100%;min-height:46px;max-height:110px;resize:none;padding:10px 11px;border:1px solid #c5d5ce;border-radius:13px;background:#fbfdfc;font:inherit;font-size:.68rem;line-height:1.5}.assistant-form textarea:focus{border-color:#3b8c6c;outline:3px solid rgba(59,140,108,.13)}.assistant-send{min-width:86px;height:46px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 14px;border:1px solid #245c4b;border-radius:13px;background:linear-gradient(135deg,#173f35,#1f624f);color:#fff;box-shadow:0 7px 18px rgba(23,63,53,.18);font:inherit;font-size:.62rem;font-weight:900;cursor:pointer}.assistant-send:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(23,63,53,.23)}.assistant-send:disabled{opacity:.55;cursor:wait;transform:none}.assistant-send svg{flex:0 0 auto;color:#efb43c;transform:none}.assistant-sheet>footer{padding:6px 11px 9px;background:#fff;color:#7b8b85;text-align:center;font-size:.48rem}
.keyboard-open .assistant-launcher{display:none}.keyboard-open .assistant-sheet{bottom:8px!important;height:calc(100dvh - 16px)!important}
@media(max-width:700px){.assistant-launcher{right:12px;bottom:var(--assistant-launcher-bottom,82px);min-height:45px;padding:9px 12px}.assistant-launcher span{font-size:.62rem}.assistant-sheet{right:8px;left:8px;bottom:var(--assistant-sheet-bottom,8px);width:auto;height:min(76dvh,690px,calc(100dvh - var(--assistant-sheet-bottom,8px) - 8px));border-radius:20px}.assistant-message{max-width:94%;font-size:.66rem}.assistant-head{padding:11px}.assistant-suggestions-shell{display:block}.assistant-suggestions-shell[hidden]{display:none}.assistant-suggestions-arrow{display:none}.assistant-suggestions{padding:8px;cursor:auto}.assistant-form{padding:8px}.assistant-send{min-width:78px;height:45px;padding:0 11px;font-size:.59rem}.assistant-sheet>footer{font-size:.46rem}}
@media(prefers-reduced-motion:reduce){.assistant-launcher{transition:none!important}}


/* =========================================================
   Arooba 2.25.1 — assistant respects live order/task docks
   The order/task dock owns the mobile bottom area. The assistant
   becomes a compact accessibility-labelled button above it.
   ========================================================= */
@media(max-width:700px){
  .assistant-launcher.assistant-launcher-compact:not(.is-persona){
    width:48px;
    min-width:48px;
    height:48px;
    min-height:48px;
    justify-content:center;
    gap:0;
    padding:0;
    border-radius:50%;
    box-shadow:0 12px 32px rgba(13,43,36,.28),0 0 0 3px rgba(255,255,255,.9);
  }
  .assistant-launcher.assistant-launcher-compact:not(.is-persona)>span{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
    clip-path:inset(50%)!important;
    white-space:nowrap!important;
  }
  .assistant-launcher.assistant-launcher-compact:not(.is-persona) svg{width:22px;height:22px}
  /* لما الشاشة مزحومة بشريط سفلي: أروبة بتصغر بس تفضل ظاهرة، واللافتة بتختفي */
  .assistant-launcher.assistant-launcher-compact.is-persona .arooba-persona{width:46px;height:46px}
  .assistant-launcher.assistant-launcher-compact.is-persona .assistant-launcher-label{display:none}
}


/* =========================================================
   Arooba 2.26 — browse-first catalogue + help centre
   ========================================================= */
.catalog-browse-banner{margin-top:14px;margin-bottom:4px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:13px 15px;border:1px solid #d8c58f;border-radius:18px;background:#fff9e9;color:#173f35;box-shadow:0 7px 24px rgba(23,63,53,.06)}
.catalog-browse-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#f5e6b7;color:#76550d}.catalog-browse-banner b{display:block;font-size:.76rem}.catalog-browse-banner p{margin:3px 0 0;color:#655f4f;font-size:.61rem;line-height:1.65}.catalog-browse-actions{display:flex;align-items:center;gap:7px}.catalog-browse-actions .primary-button,.catalog-browse-actions .secondary-button{min-height:44px;white-space:nowrap}.catalog-browse-actions .primary-button{display:inline-flex;align-items:center;gap:6px}
.help-faq-section{margin-top:18px}.help-faq-heading{margin-bottom:12px}.help-faq-heading h2{margin:0;font-size:1.05rem;color:#173f35}.help-faq-heading p{margin:5px 0 0;color:#64746e;font-size:.65rem}.help-faq-list{display:grid;gap:9px}.help-faq-item{border:1px solid #d8e4df;border-radius:15px;background:#fff;overflow:hidden}.help-faq-item summary{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;cursor:pointer;color:#173f35;font-size:.7rem;font-weight:900;list-style:none}.help-faq-item summary::-webkit-details-marker{display:none}.help-faq-item summary::after{content:'+';width:26px;height:26px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#edf5f1;color:#26644f;font-size:1rem}.help-faq-item[open] summary::after{content:'−'}.help-faq-answer{padding:0 14px 14px;color:#566962;font-size:.66rem;line-height:1.8}.help-faq-answer p{margin:0}.help-contact-cta{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:15px;background:#eef6f2}.help-contact-cta p{margin:0;color:#456159;font-size:.64rem}.help-contact-cta a{min-height:44px}
@media(max-width:700px){.catalog-browse-banner{grid-template-columns:auto minmax(0,1fr);padding:12px}.catalog-browse-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.catalog-browse-actions .primary-button,.catalog-browse-actions .secondary-button{justify-content:center;width:100%}.help-contact-cta{align-items:stretch;flex-direction:column}.help-contact-cta a{justify-content:center}}
.help-contact-cta>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
@media(max-width:700px){.help-contact-cta>div{display:grid;grid-template-columns:1fr 1fr}.help-contact-cta>div a{width:100%;justify-content:center}}

/* 2.26.2 — browse market is separate from the real delivery location. */
.area-list button{cursor:pointer}.area-list button em{font-style:normal;font-size:.58rem;font-weight:900;color:var(--green-700);white-space:nowrap}.area-list button.is-selected{border-color:var(--green-700);background:var(--green-50);box-shadow:inset 0 0 0 1px rgba(23,63,53,.08)}.area-list button.is-selected>svg:first-child{background:var(--green-900);color:#fff}.area-dialog-empty{display:flex;align-items:center;gap:10px;padding:16px;border:1px dashed var(--line);border-radius:14px;background:var(--sand-50,#fffaf0);color:var(--muted)}.area-dialog-empty b{color:var(--green-950)}.area-dialog-reset{margin-top:12px}.catalog-browse-actions form{margin:0}.catalog-browse-banner.is-browse-override{border-color:#a9cfc0;background:#f1faf6}.catalog-browse-banner.is-browse-override .catalog-browse-icon{background:#d9efe6;color:var(--green-900)}
.browse-area-empty-guide{margin-top:16px;margin-bottom:8px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:18px;border:1px solid #d8c58f;border-radius:20px;background:linear-gradient(135deg,#fff9e9,#fff);box-shadow:0 8px 26px rgba(23,63,53,.06)}.browse-area-empty-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#f5e6b7;color:#76550d}.browse-area-empty-copy small{display:block;color:#8a6617;font-weight:900;font-size:.65rem}.browse-area-empty-copy h2{margin:3px 0 5px;font-size:1.05rem;color:var(--green-950)}.browse-area-empty-copy p{margin:0;color:var(--muted);font-size:.68rem;line-height:1.7}.browse-area-quick-list{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:9px;margin-top:2px}.browse-area-quick-list button{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 8px;min-height:58px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:#fff;text-align:start;cursor:pointer}.browse-area-quick-list button:hover{border-color:var(--green-700);background:var(--green-50)}.browse-area-quick-list button b{font-size:.75rem;color:var(--green-950)}.browse-area-quick-list button small{font-size:.58rem;color:var(--muted)}.browse-area-quick-list button svg{grid-column:2;grid-row:1/3;color:var(--green-700)}.browse-area-quick-list.in-empty-state{width:min(760px,100%);margin:14px auto 0;text-align:initial}.empty-state .browse-area-quick-list button{width:100%}
@media(max-width:700px){.browse-area-empty-guide{grid-template-columns:auto minmax(0,1fr);padding:14px}.browse-area-quick-list{grid-template-columns:1fr}.area-list button{grid-template-columns:auto minmax(0,1fr) auto}.area-list button em{display:none}}
.market-area-switch{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--green-800);font:inherit;font-size:.64rem;font-weight:900;cursor:pointer}.market-area-switch:hover{border-color:var(--green-700);background:var(--green-50)}

/* Arobaa 2.26.5 — mobile empty-area card stability.
   The browsing guide must use the full card width on narrow screens instead
   of allowing the copy column to collapse to its min-content width. */
.browse-area-empty-copy{min-width:0;max-width:none}
@media(max-width:700px){
  .browse-area-empty-guide{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:flex-start!important;
    gap:10px 12px!important;
    padding:14px!important;
  }
  .browse-area-empty-icon{
    flex:0 0 44px!important;
    width:44px!important;
    height:44px!important;
  }
  .browse-area-empty-copy{
    flex:1 1 calc(100% - 56px)!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    text-align:start!important;
  }
  .browse-area-empty-copy small{
    font-size:.66rem!important;
    line-height:1.55!important;
  }
  .browse-area-empty-copy h2{
    width:100%!important;
    max-width:none!important;
    margin:4px 0 6px!important;
    font-size:1.16rem!important;
    line-height:1.45!important;
    letter-spacing:0!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    white-space:normal!important;
  }
  .browse-area-empty-copy p{
    width:100%!important;
    max-width:none!important;
    font-size:.72rem!important;
    line-height:1.75!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
  }
  .browse-area-quick-list,
  .browse-area-empty-guide>.secondary-button{
    flex:0 0 100%!important;
    width:100%!important;
    min-width:0!important;
    margin-top:2px!important;
  }
}


/* =========================================================
   Arooba 2.26.6 — canonical mobile floating stack
   One bottom lane only: mobile nav -> customer action dock -> assistant.
   This block intentionally comes last so older compatibility fixes cannot
   pull a dock back down underneath the mobile navigation.
   ========================================================= */
@media(max-width:700px){
  :root{
    --arooba-mobile-nav-offset:calc(74px + env(safe-area-inset-bottom));
    --arooba-mobile-gap:8px;
  }

  /* The navigation owns the physical bottom edge. */
  .mobile-nav{
    bottom:0!important;
    z-index:750!important;
    background:#fff!important;
    box-shadow:0 -8px 24px rgba(13,43,36,.10)!important;
  }

  /* Every customer action dock lives above the navigation, never under it. */
  .cart-guide-dock:not([hidden]),
  .active-order-dock,
  .floating-cart{
    bottom:var(--arooba-mobile-nav-offset)!important;
    z-index:730!important;
  }

  .cart-guide-dock{
    right:8px!important;
    left:8px!important;
    width:auto!important;
  }
  .active-order-dock{
    right:8px!important;
    left:8px!important;
    width:auto!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    gap:9px!important;
    padding:9px 10px!important;
  }
  .active-order-dock .active-order-cta{
    grid-column:1/-1!important;
    width:100%!important;
    justify-content:center!important;
  }

  /* Keep the last real content scrollable completely above fixed controls. */
  body{
    padding-bottom:calc(86px + env(safe-area-inset-bottom))!important;
    scroll-padding-bottom:calc(86px + env(safe-area-inset-bottom));
  }
  body:has(.cart-guide-dock:not([hidden])){
    padding-bottom:calc(210px + env(safe-area-inset-bottom))!important;
    scroll-padding-bottom:calc(210px + env(safe-area-inset-bottom));
  }
  body:has(.active-order-dock){
    padding-bottom:calc(225px + env(safe-area-inset-bottom))!important;
    scroll-padding-bottom:calc(225px + env(safe-area-inset-bottom));
  }
  body:has(.active-order-dock.has-multiple-trips){
    padding-bottom:calc(310px + env(safe-area-inset-bottom))!important;
    scroll-padding-bottom:calc(310px + env(safe-area-inset-bottom));
  }

  /* Footer must never paint over a fixed customer dock. */
  body:has(.active-order-dock) .site-footer,
  body:has(.cart-guide-dock) .site-footer{
    z-index:auto!important;
  }

  /* On a phone the assistant is always compact. The JS still measures the
     real nav/dock rectangles and pushes this button above the highest one. */
  .assistant-launcher{
    width:48px!important;
    min-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    justify-content:center!important;
    gap:0!important;
    padding:0!important;
    border-radius:50%!important;
  }
  /* القاعدة دي بتخفي نص الزرار على الموبايل. لازم تستثني زرار الشخصية،
     وإلا بتخفي أروبة نفسها والزرار يطلع دايرة فاضية — وده اللي كان بيحصل. */
  .assistant-launcher:not(.is-persona)>span{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    clip-path:inset(50%)!important;
    white-space:nowrap!important;
    border:0!important;
  }
  .assistant-launcher:not(.is-persona) svg{width:22px!important;height:22px!important}
  /* زرار الشخصية على الموبايل: أروبة ظاهرة واللافتة تحتيها */
  .assistant-launcher.is-persona{
    width:auto!important;min-width:0!important;
    height:auto!important;min-height:0!important;
    padding:0!important;border-radius:0!important;
    background:none!important;box-shadow:none!important;border:0!important;
  }

  /* Toasts also respect the action lane instead of sitting on its CTA. */
  .toast{
    bottom:calc(84px + env(safe-area-inset-bottom))!important;
    max-width:calc(100vw - 28px);
  }
  body:has(.cart-guide-dock:not([hidden])) .toast{
    bottom:calc(214px + env(safe-area-inset-bottom))!important;
  }
  body:has(.active-order-dock) .toast{
    bottom:calc(230px + env(safe-area-inset-bottom))!important;
  }
  body:has(.active-order-dock.has-multiple-trips) .toast{
    bottom:calc(315px + env(safe-area-inset-bottom))!important;
  }
}

@media(max-width:360px){
  .cart-guide-dock>a{gap:7px!important}
  .cart-guide-dock b{font-size:.68rem!important}
  .cart-guide-dock small{font-size:.50rem!important}
  .active-order-dock{right:6px!important;left:6px!important}
}
/* Arooba assistant v2.25 — screen chips, chat memory and minimized state */
.assistant-head-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.assistant-message-screens{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.assistant-message-screens a{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;border:1px solid #c8d8d1;background:#f2f7f4;color:#174d40;font-size:.64rem;font-weight:800;text-decoration:none;transition:border-color .15s ease}
.assistant-message-screens a:hover,.assistant-message-screens a:focus-visible{border-color:#174d40}
.assistant-sheet.is-minimized{height:auto;cursor:pointer;box-shadow:0 18px 45px rgba(13,43,36,.22)}
.assistant-sheet.is-minimized .assistant-feed,.assistant-sheet.is-minimized .assistant-suggestions-shell,.assistant-sheet.is-minimized .assistant-form,.assistant-sheet.is-minimized>footer{display:none}
.assistant-sheet.is-minimized .assistant-head{border-bottom:none}
.assistant-sheet.is-minimized [data-assistant-minimize]{position:relative}
.assistant-sheet.is-minimized [data-assistant-minimize]::after{content:"";position:absolute;left:50%;top:50%;width:2px;height:16px;border-radius:2px;background:currentColor;transform:translate(-50%,-50%)}
.assistant-sheet.assistant-minimized-arrived{animation:assistant-minimized-pulse .68s ease-out}
@keyframes assistant-minimized-pulse{0%{box-shadow:0 18px 45px rgba(13,43,36,.22),0 0 0 0 rgba(239,180,60,.55)}55%{box-shadow:0 18px 45px rgba(13,43,36,.22),0 0 0 10px rgba(239,180,60,0)}100%{box-shadow:0 18px 45px rgba(13,43,36,.22),0 0 0 0 rgba(239,180,60,0)}}
@media(prefers-reduced-motion:reduce){.assistant-sheet.assistant-minimized-arrived{animation:none!important}}

/* Admin merchant directory: final responsive layer. */
@media(max-width:700px){
  .merchant-directory-card,.merchant-create-card{padding:14px}
  .admin-merchant-head{grid-template-columns:auto minmax(0,1fr);align-items:start;padding:13px}
  .merchant-admin-avatar{width:50px;height:50px;border-radius:14px;font-size:1.4rem}
  .admin-merchant-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;min-width:0}
  .merchant-review-panel>summary{padding:10px 12px}
  .merchant-review-panel>summary small{max-width:220px}
  .merchant-review-form{grid-template-columns:1fr;padding:10px}
  .merchant-review-form>label:nth-of-type(2),.merchant-review-actions{grid-column:auto;grid-row:auto}
  .merchant-review-actions button{width:100%}
  .merchant-create-card .form-grid{grid-template-columns:1fr}
  .merchant-create-card .form-grid .full{grid-column:auto}
}
@media(max-width:420px){
  .merchant-review-panel>summary{display:grid;grid-template-columns:minmax(0,1fr) auto}
  .merchant-review-panel>summary em{width:max-content;margin-top:4px}
  .merchant-review-panel>summary:after{grid-column:2;grid-row:1/3}
}

/* Wallet operations: grouped cards with clear financial and settings zones. */
.wallet-production-warning{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:11px;margin:0 0 16px;padding:13px 15px;border:1px solid #e6b06b;border-radius:15px;background:#fff8ea;color:#75490b}
.wallet-production-warning>svg{width:36px;height:36px;padding:8px;border-radius:11px;background:#ffe7bd}
.wallet-production-warning b,.wallet-production-warning p{display:block;margin:0}
.wallet-production-warning b{font-size:.72rem}.wallet-production-warning p{margin-top:2px;color:#7b6545;font-size:.58rem;line-height:1.7}
.wallet-admin-groups{display:grid;gap:22px}
.wallet-admin-section>.wallet-admin-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.wallet-admin-card{min-width:0;border-radius:19px}
.wallet-admin-card.has-test-marker{border-color:#e3a65c;box-shadow:0 0 0 3px rgba(227,166,92,.1)}
.wallet-admin-card>header{min-height:82px;padding:15px 16px;background:linear-gradient(180deg,#fafbf9,#f5f6f3)}
.wallet-admin-card>header>div{min-width:0}
.wallet-admin-card header h2{font-size:.86rem;line-height:1.55;overflow-wrap:anywhere}
.wallet-admin-card>header>strong{min-width:92px;display:grid;justify-items:end;font-size:.92rem;white-space:nowrap}
.wallet-admin-card>header>strong small{color:var(--muted);font-size:.5rem;font-weight:700}
.wallet-test-badge{width:max-content;display:inline-flex;margin-top:4px;padding:3px 7px;border-radius:999px;background:var(--amber-soft);color:var(--amber);font-size:.49rem;font-style:normal;font-weight:900}
.wallet-rule{min-height:74px;margin:12px 13px;padding:11px 12px}
.wallet-rule>span{flex:0 0 auto}.wallet-rule>div{min-width:0}.wallet-rule b{font-size:.68rem;line-height:1.55}.wallet-rule small{margin-top:2px;line-height:1.65}
.wallet-admin-actions{align-items:start;gap:9px;padding:0 13px 13px}
.wallet-admin-actions form{min-width:0;padding:11px;background:#fff}
.wallet-admin-actions form>header{display:flex;align-items:end;justify-content:space-between;gap:8px;margin-bottom:2px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.wallet-admin-actions form>header small,.wallet-admin-actions form>header b{display:block}.wallet-admin-actions form>header small{color:var(--orange-600);font-size:.5rem}.wallet-admin-actions form>header b{font-size:.65rem}
.wallet-admin-actions label{line-height:1.55}.wallet-admin-actions label small{color:var(--muted);font-size:.48rem;font-weight:600}
.wallet-admin-actions input,.wallet-admin-actions select{width:100%;min-width:0;height:40px;padding:8px 9px;border:1px solid var(--line-2);border-radius:9px;background:#fff;font-size:.62rem}
.wallet-admin-actions input:focus,.wallet-admin-actions select:focus{border-color:var(--green-700);outline:3px solid rgba(45,118,95,.12)}
.wallet-admin-actions input:disabled{background:var(--soft);color:var(--muted)}
.wallet-admin-actions .wallet-subscription-form{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;background:#fffaf0;border-color:#ead8af}
.wallet-subscription-form span small,.wallet-subscription-form span b{display:block}.wallet-subscription-form span small{color:var(--amber);font-size:.49rem}.wallet-subscription-form span b{font-size:.62rem}.wallet-subscription-form button{min-width:130px}
@media(max-width:1300px){.wallet-admin-section>.wallet-admin-list{grid-template-columns:1fr}}
@media(max-width:760px){
  .wallet-admin-section>.wallet-admin-list{gap:9px}
  .wallet-admin-card>header{grid-template-columns:auto minmax(0,1fr) auto}
  .wallet-admin-card>header>strong{grid-column:auto;min-width:76px}
  .wallet-admin-actions{grid-template-columns:1fr}
  .wallet-admin-actions .wallet-subscription-form{grid-column:auto}
}
@media(max-width:520px){
  .wallet-admin-card>header{grid-template-columns:auto minmax(0,1fr);align-items:start;padding:13px}
  .wallet-admin-card>header>strong{grid-column:2;justify-items:start;min-width:0;margin-top:5px}
  .wallet-admin-actions .wallet-subscription-form{align-items:stretch;flex-direction:column}
  .wallet-subscription-form button{width:100%;min-width:0}
  .wallet-production-warning{padding:12px}
}

/* Logout is an explicit account action, not a disabled-looking header label. */
.panel-logout-form{margin:0;flex:0 0 auto}
.panel-logout-form button{
  min-width:82px;
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:8px 12px;
  border:1px solid #f2aaa2;
  border-radius:12px;
  background:#fff1ef;
  color:#a72b25;
  box-shadow:0 6px 16px rgba(167,43,37,.14);
  font:inherit;
  font-size:.66rem;
  font-weight:900;
  line-height:1;
  cursor:pointer;
}
.panel-logout-form button svg{width:19px;height:19px;flex:0 0 auto;stroke-width:2.3}
.panel-logout-form button:hover{border-color:#e4776c;background:#ffe4e0;color:#8e211c}
.panel-logout-form button:focus-visible{outline:3px solid rgba(255,255,255,.9);outline-offset:3px}
@media(max-width:600px){
  .panel-user,.delivery-panel-head>div{gap:8px}
  .panel-logout-form button{min-width:72px;min-height:44px;padding:7px 9px;font-size:.64rem}
}

/* Production entity provenance + strong merchant-card separation. */
.admin-merchants{gap:18px}
.admin-merchants>article.admin-merchant-card{
  position:relative;
  border:2px solid color-mix(in srgb,var(--merchant,#1f6b58) 28%,#dfe8e4);
  border-inline-start:6px solid var(--merchant,#1f6b58);
  box-shadow:0 10px 24px rgba(18,55,45,.09);
}
.admin-merchants>article.admin-merchant-card+article.admin-merchant-card{margin-top:2px}
.admin-merchant-head{background:linear-gradient(180deg,#fff 0%,#fcfdfc 100%)}
.record-origin{
  display:inline-flex!important;
  align-items:center;
  gap:5px;
  width:max-content;
  max-width:100%;
  margin-top:7px;
  padding:4px 8px;
  border:1px solid #d8e7e1;
  border-radius:999px;
  background:#f1f8f5;
  color:#286552!important;
  font-size:.53rem!important;
  font-weight:800;
  line-height:1.45;
}
.record-origin:before{content:'◷';font-size:.66rem}
.record-origin-mini{display:block;margin-top:3px;color:var(--muted);font-size:.48rem;font-weight:700;white-space:normal}
.record-creator-field{
  padding:11px 12px;
  border:1px solid #cfe1da;
  border-radius:12px;
  background:#f2f8f6;
  color:#174f41!important;
}
.record-creator-field input[readonly]{background:#fff;color:#174f41;font-weight:900;cursor:not-allowed}
.record-creator-field small{display:block;margin-top:4px;color:#54736a;font-size:.54rem;font-weight:600}
.inline-rate-form .record-creator-field{flex:1 1 250px;margin:0}
.delivery-user-list .record-origin{margin-top:5px}
.admin-merchant-card.is-quarantined{border:2px dashed #d97706!important;background:#fffaf0!important;opacity:.82}
.admin-merchant-card.is-quarantined .admin-merchant-head{background:linear-gradient(180deg,#fff7e6,#fffaf5)}
.quarantine-badge{display:inline-flex;width:max-content;max-width:100%;margin-top:6px;padding:5px 9px;border-radius:999px;background:#fff0cf;color:#8a4b08;border:1px solid #efc26f;font-size:.68rem;line-height:1.35}
.admin-merchant-card.is-quarantined .admin-merchant-actions button[disabled]{cursor:not-allowed;color:#8a4b08;background:#fff0cf;border-color:#efc26f}

/* ===== شاشة «اختار منطقتك» — منطقتك الأول (لا سوق يفتح افتراضيًا) ===== */
.area-gate{padding:34px 0 26px}
.area-gate-shell{display:grid;gap:16px;justify-items:start;padding:28px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,#fffef9,#f6fbf7);box-shadow:var(--shadow-md)}
.area-gate-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;background:var(--green-100);color:var(--green-900)}
.area-gate-copy{display:grid;gap:6px;max-width:560px}
.area-gate-copy small{color:var(--green-800);font-weight:800;font-size:.72rem}
.area-gate-copy h1{font-size:clamp(1.7rem,4vw,2.3rem);line-height:1.2}
.area-gate-copy p{margin:0;color:var(--muted);font-size:.85rem;line-height:1.7}
.area-gate-locate{justify-self:start}
.area-gate-list{width:100%}
.area-gate-empty{margin:0;color:var(--muted);font-size:.85rem}
.area-dialog-locate{margin:-6px 0 14px}
@media(max-width:600px){.area-gate{padding:22px 0 14px}.area-gate-shell{padding:20px;gap:13px}.area-gate-icon{width:48px;height:48px;border-radius:14px}}

/* ===== حذف المحلات النهائي المحمي (مدير رئيسي فقط) ===== */
.admin-danger-link{display:inline-flex;align-items:center;gap:4px;min-height:38px;padding:7px 12px;border:1px solid #e5b2ac;border-radius:10px;background:#fff6f5;color:#a72b25;font-size:.62rem;font-weight:800;text-decoration:none;white-space:nowrap}
.admin-danger-link:hover{background:#ffeceb}
.admin-unquarantine-button{min-height:38px;padding:7px 12px;border:1px solid #cfe0d8;border-radius:10px;background:#f4faf7;color:var(--green-800);font:inherit;font-size:.62rem;font-weight:800;cursor:pointer}
.merchant-delete-card{max-width:720px}
.merchant-delete-summary{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--green-50,#f3faf7)}
.merchant-delete-summary .merchant-admin-avatar{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;font-size:1.4rem;background:var(--green-100);color:var(--green-900)}
.merchant-delete-summary b{display:block;font-size:.9rem;color:var(--green-950)}
.merchant-delete-summary small{display:block;color:var(--muted);font-size:.62rem;margin-top:2px}
.merchant-delete-warn{color:#8a4b08!important;font-weight:800}
.merchant-delete-note{margin:14px 0;color:var(--muted);font-size:.68rem;line-height:1.8}
.merchant-delete-blocked{margin:14px 0;padding:13px 15px;border:1px solid #e5b2ac;border-radius:14px;background:#fff1ef;color:#a72b25;font-size:.7rem;font-weight:800}
.merchant-delete-form{display:grid;gap:12px;padding:16px;border:1px solid #e5b2ac;border-radius:18px;background:#fffafa}
.merchant-delete-form label{display:grid;gap:6px;color:var(--muted);font-size:.62rem;font-weight:800}
.merchant-delete-form textarea,.merchant-delete-form input[name=confirm_name]{width:100%;min-height:44px;padding:10px 12px;border:1px solid #e0cdc9;border-radius:11px;background:#fff;font:inherit;font-size:.7rem}
.merchant-delete-form textarea{min-height:88px;resize:vertical}
.merchant-delete-actions{display:flex;gap:9px;flex-wrap:wrap}
.admin-danger-button{display:inline-flex;align-items:center;gap:6px;min-height:46px;padding:10px 18px;border:0;border-radius:12px;background:#a72b25;color:#fff;font:inherit;font-size:.7rem;font-weight:800;cursor:pointer}
.admin-danger-button:hover:not(:disabled){background:#8f211c}
.admin-danger-button:disabled{opacity:.45;cursor:not-allowed}
.admin-danger-cancel{color:var(--muted);font-size:.66rem;font-weight:800;text-decoration:none;align-self:center}
.merchant-delete-hint{color:var(--muted);font-size:.58rem}

/* ===== موقوفة وملغية + الاستعلام المالي ===== */
.join-hero h1 em{color:#ffb89f}
.assistant-sheet>footer{color:#4f615a;font-size:.56rem}
@media(max-width:700px){.assistant-sheet>footer{font-size:.54rem}}
.segment-banner{background:linear-gradient(135deg,var(--green-800),var(--green-950))}
.segment-banner.stopped{background:linear-gradient(135deg,#6f3028,#3f201c)}
.segment-banner .stopped-banner-link{color:#ffe5dc}
.analytics-kpis b{color:var(--green-800)}
.analytics-periods a.active{border-color:var(--green-900);background:var(--green-900);color:#fff}
.stopped-split{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start;margin-top:14px}
.stopped-col>.admin-merchants>.admin-merchant-card,.stopped-col .admin-orders-table>article{margin-bottom:10px}
.stopped-banner-link{color:var(--orange-600);text-decoration:underline;font-size:.85em}
.admin-finance-link{display:inline-flex;align-items:center;gap:4px;min-height:38px;padding:7px 12px;border:1px solid #a9cfc0;border-radius:10px;background:#f1faf6;color:var(--green-800);font-size:.62rem;font-weight:800;text-decoration:none;white-space:nowrap}
.admin-finance-link:hover{background:#e4f5ed}
.finance-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:stretch;margin-bottom:14px}
.finance-rows{display:grid;gap:1px;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.finance-rows>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;background:#fff}
.finance-rows span{color:var(--muted);font-size:.62rem;font-weight:800}
.finance-rows b{font-size:.72rem;color:var(--green-950)}
.finance-rows small{color:var(--muted);font-weight:400}
.finance-positive{color:#1d7a4f!important}
.finance-negative{color:#c62828!important}
.finance-verdict{margin-top:14px;border-inline-start:5px solid var(--green-700)}
.finance-verdict.is-debt{border-inline-start-color:#c62828;background:#fff8f7}
.finance-verdict.is-clear{border-inline-start-color:#1d7a4f;background:#f6fbf8}
.finance-verdict.is-agent-world{border-inline-start-color:#8a6617}
.finance-txn-list>article{padding:10px 13px}
.finance-txn-list time{max-width:220px}
@media(max-width:900px){.stopped-split,.finance-grid{grid-template-columns:1fr}}

/* Focused customer navigation: keep location visible, reach shopping sooner. */
.auth-mode-tabs{grid-column:1/-1;display:flex;gap:8px;justify-content:center;max-width:680px;width:100%;margin:0 auto}
.auth-mode-tabs a{flex:1;text-align:center;padding:12px 16px;border:1px solid var(--line,#d8e2dc);border-radius:12px;font-weight:800;color:var(--green-900,#173f35);background:#fff}
.auth-mode-tabs a[aria-current="page"]{background:var(--green-900,#173f35);color:#fff}
.account-auth-card.full{width:100%;max-width:680px;margin-inline:auto}
.auth-mode-tabs a:focus-visible{outline:3px solid #ad5a12;outline-offset:3px}
@media(max-width:600px){
  .home-page .hero{padding:22px 0}
  .home-page .hero-grid{gap:18px}
  .home-page .hero-copy h1{font-size:clamp(2rem,8.5vw,3rem);line-height:1.25;margin:10px 0 14px}
  .home-page .hero-copy>p{font-size:.92rem;line-height:1.7;margin-bottom:16px}
  .account-page .simple-head{padding:22px 0}
  .account-page .simple-head h1{font-size:1.85rem;line-height:1.35}
  .account-page .account-section{padding-top:18px}
}

/* ═══ شخصية أروبة — الزرار العايم ═══════════════════════════════════
   الزرار بقى شخصية أروبة نفسها (assets/img/logo.svg) «متفرغة» من غير
   علبة حواليها، وتحتها لافتة صغيرة مكتوب عليها «إسأل أروبة».
   ملحوظة مهمة: الرسمة نفسها فيها خلفية بحواف مدوّرة (نسبة 23%)، فممنوع
   نقصّها بـborder-radius من عندنا — ده كان بيقطع عقدة المنديل من فوق. */
.assistant-launcher.is-persona{
  flex-direction:column;gap:6px;align-items:center;
  padding:0;min-height:0;border:0;background:none;box-shadow:none;color:inherit;overflow:visible;
}
.assistant-launcher.is-persona:hover{transform:translateY(-3px);box-shadow:none}
.arooba-persona{
  position:relative;display:block;width:64px;height:64px;
  filter:drop-shadow(0 12px 22px rgba(13,43,36,.34));
  animation:arooba-persona-idle 5.5s ease-in-out infinite;
  transition:transform .2s ease;
}
.assistant-launcher.is-persona:hover .arooba-persona{transform:scale(1.07) rotate(-3deg)}
.assistant-launcher.is-persona:active .arooba-persona{transform:scale(.96)}
.arooba-persona-art{display:block;width:100%;height:100%;border-radius:23%}
/* نبضة دهبي هادية حوالين أروبة — بنفس تدوير الرسمة */
.arooba-persona-pulse{
  position:absolute;inset:-4px;border-radius:26%;pointer-events:none;
  border:2px solid rgba(239,180,60,.55);
  animation:arooba-persona-pulse 3.4s ease-out infinite;
}
.assistant-launcher-label{
  display:inline-block;padding:4px 11px;border-radius:999px;
  background:var(--green-950,#0d2b24);color:#fff;
  font-size:.6rem;font-weight:900;letter-spacing:.2px;white-space:nowrap;
  box-shadow:0 6px 16px rgba(13,43,36,.3);
  border:1px solid rgba(239,180,60,.4);
}
.assistant-mark.is-persona{
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;padding:0;background:none;border:0;overflow:visible;
}
.arooba-persona-art.is-head{border-radius:23%}
@keyframes arooba-persona-idle{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-4px)}
}
@keyframes arooba-persona-pulse{
  0%{transform:scale(.94);opacity:.65}
  70%{transform:scale(1.2);opacity:0}
  100%{transform:scale(1.2);opacity:0}
}
@media(max-width:700px){
  .arooba-persona{width:58px;height:58px}
  .assistant-launcher-label{font-size:.55rem;padding:3px 9px}
}
@media(prefers-reduced-motion:reduce){
  .arooba-persona,.arooba-persona-pulse{animation:none!important}
  .arooba-persona-pulse{opacity:0}
}

/* ═══ سد فجوة التابلت في الشريط السفلي ═══════════════════════════════
   الشريط السفلي (.mobile-nav) بيفضل ظاهر لحد 860px، لكن القاعدة اللي
   بترفع شرايط حالة الطلب فوقه كانت واقفة عند 700px. يعني بين 701 و860
   — التابلت، والموبايل وهو بالعرض — شريط «طلبك شغال دلوقتي» كان بيركب
   على شريط التنقل ويغطي جزء منه. القاعدة دي بتوحّد الحدّين. */
@media(min-width:701px) and (max-width:860px){
  .mobile-nav{
    bottom:0!important;
    z-index:750!important;
  }
  /* الشريط السفلي بيظهر لحد 860 بكسل، لكن رفع مساعد أروبة كان متوقف عند
     700. يعني في الشريحة اللي بينهم (التابلت والموبايلات العريضة) زرار
     «إسأل أروبة» كان بيقعد فوق الشريط ويغطي زرار «الرئيسية». اتكشف بلقطة
     شاشة على iPad mini — القياس الآلي القديم كان بيشوف الأوضاع الأصغر بس. */
  .assistant-launcher{bottom:var(--assistant-launcher-bottom,86px)}
  .assistant-sheet{bottom:var(--assistant-sheet-bottom,86px);height:min(650px,calc(100dvh - 176px))}
  .cart-guide-dock:not([hidden]),
  .active-order-dock,
  .role-task-dock,
  .floating-cart{
    bottom:calc(74px + env(safe-area-inset-bottom))!important;
    z-index:730!important;
  }
  /* آخر جزء من المحتوى لازم يفضل قابل للقراءة فوق الشرايط الثابتة */
  body:has(.active-order-dock),
  body:has(.cart-guide-dock:not([hidden])),
  body:has(.role-task-dock){
    padding-bottom:calc(200px + env(safe-area-inset-bottom))!important;
  }
  body:has(.active-order-dock) .toast,
  body:has(.cart-guide-dock:not([hidden])) .toast{
    bottom:calc(170px + env(safe-area-inset-bottom))!important;
  }
}

/* ═══ أروبة جنب القايمة الجانبية مش فوقها ══════════════════════════════
   في لوحات التاجر والوكيل والإدارة، القايمة الجانبية عرضها 240px على
   يمين الشاشة فوق 860px. الزرار العايم كان مثبت على right:20px، يعني
   كان قاعد فوق روابط القايمة ويغطيها. بنزحلقه جنبها. */
@media(min-width:861px){
  body:has(.panel-side) .assistant-launcher{right:calc(240px + 26px)}
  body:has(.panel-side) .assistant-sheet{right:calc(240px + 26px)}
}

/* ── جداول الحسابات على الموبايل ──
   لقطة شاشة على 360 بكسل وضّحت إن عمود «التفاصيل» بيتقص من غير ما يبان
   إنه مقصوص: الجدول بيتحشر في عرض الشاشة والكلام بيتقطع. القياس الآلي
   شاف إن الجدول «داخل» فمعدّاش عليه. الحل إن الجدول ياخد عرضه الطبيعي
   ويتمرر بالصباع جوّه كارته — زي جداول الموبايل المعتادة. */
@media(max-width:700px){
  .panel-card:has(> .accounting-table),
  .panel-card:has(> table.accounting-table){overflow-x:auto;-webkit-overflow-scrolling:touch}
  .accounting-table{min-width:520px}
  .accounting-table th,.accounting-table td{white-space:nowrap}
}

.state-pill.red{background:var(--danger-soft);color:var(--danger)}

/* زرار الكلام في مساعد الكابتن — نفس ارتفاع خانة الكتابة وحوافها. */
.assistant-form.has-voice{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:end}
.assistant-mic{width:46px;height:46px;flex:0 0 auto;display:grid;place-items:center;border:1px solid var(--line-2,#c9d4cd);border-radius:12px;background:#fff;color:#1f7a4d;position:relative;cursor:pointer}
.assistant-mic:focus-visible{outline:2px solid #1f7a4d;outline-offset:2px}
.assistant-mic.is-listening{background:#1f7a4d;color:#fff;border-color:#1f7a4d}
.assistant-mic-wave{position:absolute;inset:-4px;border-radius:14px;border:2px solid #1f7a4d;opacity:0;pointer-events:none}
.assistant-mic.is-listening .assistant-mic-wave{animation:arooba-mic-pulse 1.25s ease-out infinite}
@keyframes arooba-mic-pulse{0%{opacity:.65;transform:scale(.94)}100%{opacity:0;transform:scale(1.14)}}
@media (prefers-reduced-motion:reduce){.assistant-mic.is-listening .assistant-mic-wave{animation:none;opacity:.5}}

/* زرار سماع الرد بصوت أروبة — صغير وهادي جوه فقاعة الرد. */

/* ═══ مساعد أروبة: نافذة منبثقة، مش جزء من الصفحة ══════════════════════
   الشات كان بيفتح بنفس ألوان الموقع وفي نفس مستواه، فالعين مكانتش
   تفرّق إنه حاجة تانية فتحت فوق. الطبقات التلاتة اللي بتصلّح ده:
   تعتيم لللي وراه، ظل عميق ترابي مش رمادي، وحركة طالعة من زرار
   المساعد نفسه. */
.assistant-backdrop{position:fixed;inset:0;z-index:885;background:rgba(9,30,24,.42);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;transition:opacity .22s ease}
.arooba-assistant.is-open .assistant-backdrop{opacity:1}
body.assistant-locked{overflow:hidden}

.assistant-sheet{
  transform-origin:bottom left;
  opacity:0;transform:translateY(18px) scale(.96);
  transition:opacity .2s ease,transform .24s cubic-bezier(.22,1.1,.36,1);
  border:0;
  box-shadow:0 2px 6px rgba(9,30,24,.10),0 34px 90px -22px rgba(9,30,24,.55),0 0 0 1px rgba(9,30,24,.10);
  background:linear-gradient(180deg,#fbfdfc 0%,#f4f8f6 100%);
}
:root[dir="rtl"] .assistant-sheet,[dir="rtl"] .assistant-sheet{transform-origin:bottom right}
.arooba-assistant.is-open .assistant-sheet{opacity:1;transform:translateY(0) scale(1)}
.assistant-sheet.is-minimized{opacity:1;transform:translateY(0) scale(1)}

/* الهيدر بلون المنصة الغامق علشان يقرأ كـ«شريط نافذة» */
.assistant-head{background:#0d362d;color:#fff;border-bottom:0}
.assistant-head b{color:#fff}
.assistant-head small{color:#a9c8bd}
.assistant-head .circle-button{background:#ffffff1a;border:1px solid #ffffff26;color:#fff}
.assistant-head .circle-button:hover{background:#ffffff2e}

/* الرسايل: فقاعات واضحة الاتجاه زي أي تطبيق رسايل */
.assistant-feed{background:transparent}
.assistant-message{border-radius:16px}
.assistant-message-bot{border-bottom-right-radius:6px;background:#fff;box-shadow:0 1px 2px rgba(9,30,24,.06)}
.assistant-message-user{border-bottom-left-radius:6px}

/* ── شريط «بسمعك» بالموجة الحقيقية ─────────────────────────────────── */
.assistant-listening{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin:0 14px 8px;padding:11px 14px;border-radius:14px;background:#0d362d;color:#fff}
.assistant-wave{display:flex;align-items:center;gap:3px;height:30px}
.assistant-wave i{display:block;width:3px;min-height:6px;height:30%;border-radius:99px;background:#7fe3b8;transition:height .07s linear}
.assistant-listening-text{font-size:.74rem;font-weight:700;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.arooba-assistant.is-listening .assistant-form textarea{opacity:.55}

/* زرار «اضغط واتكلم» */
.assistant-mic{width:46px;height:46px;flex:0 0 auto;display:grid;place-items:center;border:1px solid var(--line-2,#c9d4cd);border-radius:12px;background:#fff;color:#1f7a4d;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;transition:transform .12s ease,background .12s ease}
.assistant-mic:active{transform:scale(.94)}
.assistant-mic.is-listening{background:#c0392b;border-color:#c0392b;color:#fff;box-shadow:0 0 0 6px rgba(192,57,43,.18)}
.assistant-mic:focus-visible{outline:2px solid #1f7a4d;outline-offset:2px}
@media (prefers-reduced-motion:reduce){
  .assistant-sheet{transition:none}
  .assistant-backdrop{transition:none}
  .assistant-wave i{transition:none}
}

/* ═══ ثيم مساعد أروبة — عالم بصري خاص بيه ══════════════════════════════
   الشات لازم يحس المستخدم إنه دخل مكان تاني، مش نفس الصفحة بلون تاني.
   التلات حاجات اللي بتعمل ده في أي شات محترم عالميًا:
     • خط قراءة مريح مختلف عن خط الواجهة
     • أرضية هادية والفقاعات هي اللي بتقود العين
     • مسافات أوسع وسطور أطول شوية — الشات بيتقرا بسرعة مش بيتفحص

   الخط: IBM Plex Sans Arabic — خط مصمّم أصلًا للقراءة على الشاشة، حروفه
   مفتوحة وواضحة في المقاسات الصغيرة، ومختلف عن خط الموقع (Alexandria)
   علشان الشات يحس إنه مكان تاني. متحمّل جوه الموقع نفسه مش من الخارج،
   لأن سياسة الأمان عندنا مانعة أي خط خارجي.
   عايز تغيّره؟ غيّر --chat-font تحت — سطر واحد وبس. */
.assistant-sheet{
  --chat-font:"Plex Arabic","Alexandria",-apple-system,"Segoe UI","Noto Sans Arabic",system-ui,sans-serif;
}
.arooba-assistant,
.assistant-sheet,
.assistant-sheet *{
  font-family:var(--chat-font,"Plex Arabic","Alexandria",system-ui,sans-serif);
}
.assistant-sheet,.assistant-sheet *{letter-spacing:0}
.assistant-sheet{
  --chat-bg:#f3f5f4;
  --chat-surface:#ffffff;
  --chat-ink:#101d18;
  --chat-muted:#6b7c75;
  --chat-line:#e4eae7;
  --chat-brand:#0d362d;
  --chat-accent:#1f7a4d;
  background:var(--chat-bg);
  border-radius:22px;
}
.assistant-sheet .assistant-feed{
  padding:16px 14px 12px;
  gap:12px;
  overscroll-behavior:contain;      /* التمرير ما يعدّيش للموقع ورا الشات */
  -webkit-overflow-scrolling:touch;
  scroll-behavior:smooth;
}
.assistant-sheet,
.assistant-listening,
.assistant-form{overscroll-behavior:contain}

/* الرسايل: مقروءة، هادية، والفقاعة هي اللي بتفرّق */
.assistant-message{
  font-size:.94rem;
  line-height:1.75;
  letter-spacing:.002em;
  max-width:88%;
  padding:12px 14px;
  border:0;
}
.assistant-message p{margin:0;font-size:inherit;line-height:inherit}
.assistant-message-bot{
  background:var(--chat-surface);
  color:var(--chat-ink);
  border-radius:18px 18px 18px 6px;
  box-shadow:0 1px 1px rgba(16,29,24,.05),0 6px 18px -12px rgba(16,29,24,.35);
}
.assistant-message-user{
  background:var(--chat-brand);
  color:#fff;
  border-radius:18px 18px 6px 18px;
  box-shadow:0 6px 18px -12px rgba(13,54,45,.7);
}
[dir="rtl"] .assistant-message-bot{border-radius:18px 18px 6px 18px}
[dir="rtl"] .assistant-message-user{border-radius:18px 18px 18px 6px}
.assistant-message small,.assistant-message .assistant-message-mode{color:var(--chat-muted);font-size:.66rem}

/* منطقة الكتابة: شريط واحد نضيف زي أي شات */
.assistant-form{padding:10px 12px 12px;background:var(--chat-surface);border-top:1px solid var(--chat-line)}
.assistant-form textarea{
  border:1px solid var(--chat-line);border-radius:14px;padding:11px 13px;
  font-size:.92rem;line-height:1.6;background:#fbfcfc;color:var(--chat-ink);resize:none;
}
.assistant-form textarea:focus{outline:0;border-color:var(--chat-accent);background:#fff}
.assistant-sheet footer{background:var(--chat-surface);color:var(--chat-muted);font-size:.64rem;padding:0 14px 10px;border-top:0}

/* حالة «بجهّز سؤالك» بعد ما يسيب صباعه */
.arooba-assistant.is-finalizing .assistant-listening{background:#14503f}
.arooba-assistant.is-finalizing .assistant-wave i{background:#cfe9dd;animation:arooba-wave-idle 1s ease-in-out infinite}
@keyframes arooba-wave-idle{0%,100%{height:22%}50%{height:70%}}
.arooba-assistant.is-finalizing .assistant-wave i:nth-child(2){animation-delay:.08s}
.arooba-assistant.is-finalizing .assistant-wave i:nth-child(3){animation-delay:.16s}
.arooba-assistant.is-finalizing .assistant-wave i:nth-child(4){animation-delay:.24s}
.arooba-assistant.is-finalizing .assistant-wave i:nth-child(5){animation-delay:.32s}
.arooba-assistant.is-finalizing .assistant-wave i:nth-child(6){animation-delay:.4s}
.arooba-assistant.is-finalizing .assistant-wave i:nth-child(7){animation-delay:.48s}
@media (prefers-reduced-motion:reduce){.arooba-assistant.is-finalizing .assistant-wave i{animation:none;height:45%}}
.assistant-message-bot{display:flex;flex-direction:column;align-items:flex-start}
.assistant-message-user{align-self:flex-end}
.assistant-feed{display:flex;flex-direction:column}
.assistant-message-bot{align-self:flex-start}

/* الموجة أثناء التسجيل — حركة CSS خالصة، بلا أي تعامل مع نظام الصوت */
.arooba-assistant.is-listening .assistant-wave i{animation:arooba-wave-live .62s ease-in-out infinite}
.arooba-assistant.is-listening .assistant-wave i:nth-child(1){animation-delay:0s}
.arooba-assistant.is-listening .assistant-wave i:nth-child(2){animation-delay:.07s}
.arooba-assistant.is-listening .assistant-wave i:nth-child(3){animation-delay:.14s}
.arooba-assistant.is-listening .assistant-wave i:nth-child(4){animation-delay:.21s}
.arooba-assistant.is-listening .assistant-wave i:nth-child(5){animation-delay:.28s}
.arooba-assistant.is-listening .assistant-wave i:nth-child(6){animation-delay:.35s}
.arooba-assistant.is-listening .assistant-wave i:nth-child(7){animation-delay:.42s}
@keyframes arooba-wave-live{0%,100%{height:18%}35%{height:92%}70%{height:40%}}
@media (prefers-reduced-motion:reduce){.arooba-assistant.is-listening .assistant-wave i{animation:none;height:55%}}
.ai-fill{margin:0 0 12px;padding:12px;border:1px dashed #c7dbd2;border-radius:14px;background:#f7fbf9}
.ai-fill-label{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:.62rem;font-weight:800;color:#17513f}
.ai-fill-label img{width:26px;height:26px;border-radius:50%;flex:0 0 auto}
.ai-fill textarea{width:100%;min-height:52px;padding:9px 10px;border:1px solid #c7dbd2;border-radius:10px;background:#fff;font:inherit;font-size:.66rem;color:#17513f;resize:vertical}
.ai-fill textarea:focus{outline:2px solid #17513f;outline-offset:1px}
.ai-fill-actions{display:flex;align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap}
.ai-fill-actions button{flex:0 0 auto}
.ai-fill-actions small{flex:1 1 160px;font-size:.55rem;color:#5b7a6e;line-height:1.5}
.ai-fill-actions small.is-ok{color:#17513f;font-weight:800}
.ai-fill-actions small.is-warn{color:#a1531b;font-weight:800}
.form-grid input.is-ai-filled,.form-grid textarea.is-ai-filled{animation:aiFilled 2.2s ease}
@keyframes aiFilled{0%{background:#dff3e8;border-color:#17513f}70%{background:#eef8f2}100%{background:#fff}}
@media(max-width:700px){.ai-fill{padding:10px}.ai-fill-actions small{flex-basis:100%}}
.assistant-basket{width:100%;max-width:100%!important;padding:12px!important}
.assistant-basket-list{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:4px}
.assistant-basket-list li{display:grid;grid-template-columns:minmax(0,1fr) auto 26px;align-items:center;gap:8px;padding:7px 8px;border:1px solid var(--chat-line,#e2ece7);border-radius:10px;background:var(--chat-bot-bg,#fff)}
.assistant-basket-list li.is-dropped{opacity:.45;text-decoration:line-through}
.assistant-basket-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
.assistant-basket-qty{white-space:nowrap;font-size:.92em;opacity:.8}
.assistant-basket-drop{width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--chat-line,#e2ece7);border-radius:8px;background:transparent;color:inherit;font:inherit;cursor:pointer;line-height:1}
.assistant-basket-drop:hover{background:rgba(0,0,0,.05)}
.assistant-basket-shops{margin:0 0 6px;font-size:.9em;opacity:.75}
.assistant-basket-summary{margin:0 0 10px;font-weight:800}
.assistant-basket-add{width:100%;min-height:42px;padding:0 14px;border:0;border-radius:12px;background:#17513f;color:#fff;font:inherit;font-weight:800;cursor:pointer}
.assistant-basket-add:disabled{opacity:.5;cursor:default}
.assistant-basket-add:not(:disabled):hover{background:#123d2f}
.assistant-basket-result{margin:8px 0 0;font-size:.92em;font-weight:700}
/* ── شريط الأسئلة: المستخدم لازم يعرف إن فيه كمان ───────────────────
   على اللاب توب الأسهم بتقول؛ على الموبايل مفيش أسهم، فالتلاشي على
   الحافة هو الدليل الوحيد إن فيه أسئلة تانية ورا. بيظهر ويختفي حسب
   الحالة الحقيقية للشريط، مش دايمًا موجود. */
.assistant-suggestions-shell{position:relative}
.assistant-suggestions-shell::before,.assistant-suggestions-shell::after{content:"";position:absolute;top:1px;bottom:1px;width:36px;pointer-events:none;opacity:0;transition:opacity .18s ease;z-index:2}
.assistant-suggestions-shell::before{left:32px;background:linear-gradient(to right,#fff 12%,rgba(255,255,255,0))}
.assistant-suggestions-shell::after{right:32px;background:linear-gradient(to left,#fff 12%,rgba(255,255,255,0))}
.assistant-suggestions-shell.can-left::before{opacity:1}
.assistant-suggestions-shell.can-right::after{opacity:1}
.assistant-suggestions-arrow{transition:opacity .18s ease,background .18s ease}
.assistant-suggestions-arrow:disabled{opacity:.22;cursor:default;background:transparent}
.assistant-suggestions-arrow.is-left svg{transform:rotate(180deg)}
.assistant-suggestions-arrow.is-right svg{transform:none}
@media(max-width:700px){
  .assistant-suggestions-shell::before{left:0}
  .assistant-suggestions-shell::after{right:0}
}
/* ── سطر أروبة الاستباقي ─────────────────────────────────────────────
   سطر واحد في مكانه، مش نافذة بتقفل الشاشة. بيظهر بهدوء بعد ما
   الصفحة تفتح، وبيتقفل ويفضل مقفول لحد ما الحالة نفسها تتغير. */
.arooba-nudge{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;margin:0 0 14px;padding:10px 12px;border:1px solid #cfe0d8;border-radius:14px;background:#f6fbf8;opacity:0;transform:translateY(-6px);transition:opacity .25s ease,transform .25s ease}
.arooba-nudge.is-in{opacity:1;transform:none}
.arooba-nudge[hidden]{display:none}
.arooba-nudge-face{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;overflow:hidden;background:#fff;flex:0 0 auto}
.arooba-nudge-face img{width:30px;height:30px;object-fit:cover}
.arooba-nudge p{margin:0;min-width:0;font-size:.66rem;font-weight:700;line-height:1.55;color:#17513f}
.arooba-nudge-go{flex:0 0 auto;padding:6px 12px;border-radius:999px;background:#17513f;color:#fff;font-size:.6rem;font-weight:800;text-decoration:none;white-space:nowrap}
.arooba-nudge-go:hover{background:#123d2f}
.arooba-nudge-close{width:26px;height:26px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:#5b7a6e;font:inherit;font-size:.7rem;line-height:1;cursor:pointer}
.arooba-nudge-close:hover{background:#e6f1ec;color:#17513f}
.arooba-nudge.tone-urgent{border-color:#e6c6a6;background:#fdf7f0}
.arooba-nudge.tone-urgent p{color:#8a4a12}
.arooba-nudge.tone-urgent .arooba-nudge-go{background:#a1531b}
.arooba-nudge.tone-urgent .arooba-nudge-go:hover{background:#853f10}
.arooba-nudge.tone-warn{border-color:#e3d7ae;background:#fdfbf1}
.panel-main>.arooba-nudge,.delivery-panel-main>.arooba-nudge{margin:0 0 14px}
body:not(.panel-body):not(.delivery-panel-body) .arooba-nudge{width:min(1120px,calc(100% - 24px));margin:12px auto}
@media(max-width:700px){
  .arooba-nudge{grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding:9px 10px;border-radius:12px}
  .arooba-nudge-close{grid-column:3;grid-row:1}
  .arooba-nudge-go{grid-column:2;grid-row:2;justify-self:start;margin-top:2px}
  .arooba-nudge p{font-size:.63rem}
}
@media(prefers-reduced-motion:reduce){.arooba-nudge{transition:none}}

/* ── patch 2026-09-09: PWA install + push ── */
.pwa-install{
  position:fixed;z-index:870;left:12px;right:12px;
  bottom:calc(78px + env(safe-area-inset-bottom,0px));
  display:none;grid-template-columns:auto minmax(0,1fr) auto auto;
  gap:10px;align-items:center;padding:10px 12px;border-radius:16px;
  background:#173f35;color:#fff;box-shadow:0 14px 36px rgba(13,43,36,.28);
  font-size:.72rem;
}
.pwa-install.is-on{display:grid}
.pwa-install img{width:42px;height:42px;border-radius:12px;background:#f7f1e4}
.pwa-install b{display:block;font-size:.82rem}
.pwa-install small{display:block;color:#c9ddd4;font-size:.62rem;margin-top:2px}
.pwa-install button,.pwa-install a{
  border:0;border-radius:999px;padding:8px 12px;font:inherit;font-weight:800;cursor:pointer;color:#173f35;background:#efb43c;text-decoration:none
}
.pwa-install [data-pwa-dismiss]{background:transparent;color:#d5e6df;padding:6px}
body.panel-body .pwa-install,body.delivery-panel-body .pwa-install{bottom:16px}
@media(min-width:860px){.pwa-install{left:auto;right:24px;width:min(420px,calc(100vw - 48px));bottom:24px}}

/* ── patch 2026-09-09: slim mobile header + auth chip + filters ── */
.assistant-launcher{touch-action:none;-webkit-user-select:none;user-select:none}
.assistant-launcher.is-dragging{transition:none!important;cursor:grabbing}
.assistant-launcher.assistant-launcher-custom{left:auto!important;top:auto!important}
.mobile-nav a.is-signed-in{position:relative}
.mobile-nav a.is-signed-in small{color:var(--green-800,#173f35);font-weight:800}
.mobile-nav a.is-signed-in::after{
  content:"";position:absolute;top:3px;left:50%;transform:translateX(10px);
  width:8px;height:8px;border-radius:50%;background:#2f9e6b;box-shadow:0 0 0 2px #fff;
}
@media(max-width:700px){
  .site-head .app-head-row{
    grid-template-columns:auto minmax(0,1fr) auto!important;
    grid-template-areas:"brand place language"!important;
    gap:8px!important;padding-block:6px 8px!important;min-height:0!important;
  }
  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;
  }
  .app-head-brand{grid-area:brand!important}
  .app-place-card{grid-area:place!important;min-width:0!important;padding:5px 8px!important}
  .app-place-card .place-note{display:none!important}
  .language-switcher{grid-area:language!important;margin:0!important}
  body.is-customer-in .app-head-actions{display:flex!important;grid-area:actions!important;gap:0!important}
  body.is-customer-in .app-head-actions a[href*="account.php"],
  body.is-customer-in .app-head-actions a[href*="cart.php"]{display:none!important}
  body.is-customer-in .app-head-actions a[href*="notifications"]{
    min-width:36px!important;width:36px!important;height:36px!important;padding:0!important;display:grid!important;place-items:center!important
  }
  body.is-customer-in .app-head-actions a[href*="notifications"] small{display:none!important}
  .app-head-brand .brand small{display:none!important}
  .app-head-brand .brand img{width:36px!important;height:36px!important;border-radius:11px!important}
  .market-filter-panel{overflow:hidden;max-width:100%}
  .market-filter-grid{grid-template-columns:1fr 1fr!important;width:100%;max-width:100%}
  .market-filter-grid .check{grid-column:1/-1!important;display:flex!important;gap:10px!important;max-width:100%!important;white-space:normal!important}
  .market-filter-grid .filter-actions{grid-column:1/-1!important}
}

/* Arobaa v6.6 - final mobile-header recovery. */
body:not(.panel-body) .testbar{display:block!important}
.customer-role-switcher,
.app-head-actions .customer-role-switcher,
.app-head-actions .role-switcher,
html:not(.arooba-admin-preview) .customer-role-switcher,
html:not(.arooba-role-switcher-unlocked) .app-head-actions .customer-role-switcher{
  display:none!important
}
html.arooba-role-switcher-unlocked .app-head-actions .customer-role-switcher{
  display:block!important
}
html.arooba-role-switcher-unlocked .app-head-actions .customer-role-switcher>summary{
  display:grid!important
}
@media(max-width:860px){
  body.is-customer-out .app-head-actions{
    display:flex!important;
    grid-area:actions!important;
    gap:0!important
  }
  .site-head .app-head-row,
  body.is-customer-in .site-head .app-head-row{
    grid-template-columns:auto auto minmax(0,1fr)!important;
    grid-template-areas:"brand language actions" "place place place"!important;
    align-items:center!important;
    column-gap:8px!important;
    row-gap:8px!important;
    padding-block:8px 10px!important;
    direction:ltr!important
  }
  .app-head-brand{grid-area:brand!important;justify-self:start!important;direction:ltr!important}
  .language-switcher{grid-area:language!important;justify-self:center!important}
  .app-head-actions{grid-area:actions!important;justify-self:end!important;direction:ltr!important}
  .app-place-card{grid-area:place!important;width:100%!important;max-width:none!important;min-width:0!important;direction:rtl!important}
}
/* Delivery coverage pre-check — customer-facing launch gate */
.area-gate-copy h2{margin:4px 0;font-size:clamp(1.7rem,4vw,2.3rem);line-height:1.2}
.coverage-dialog{position:fixed;inset:auto;top:50%;left:50%;width:min(620px,calc(100% - 28px));max-height:min(88vh,760px);margin:0;padding:27px;overflow:auto;transform:translate(-50%,-50%);border:0;border-radius:28px;background:#fff;box-shadow:0 30px 90px rgba(9,43,35,.28)}.coverage-dialog::backdrop{background:rgba(8,31,26,.6);backdrop-filter:blur(4px)}.coverage-dialog [hidden]{display:none!important}.coverage-dialog-close{position:absolute;top:16px;left:16px;z-index:3}.coverage-dialog>div>h2,.coverage-check>h2{margin:5px 0 8px;font-size:1.55rem}.coverage-dialog>div>p,.coverage-check>p{margin:0 0 15px;color:var(--muted);font-size:.7rem;line-height:1.7}.coverage-dialog .area-list{margin-top:14px}
.coverage-check{text-align:center}.coverage-back{display:inline-flex;align-items:center;gap:6px;margin:0 auto 10px 0;padding:7px 10px;border:0;border-radius:10px;background:#f1f5f3;color:#31574e;font:inherit;font-size:.6rem;font-weight:900;cursor:pointer}.coverage-back svg{transform:rotate(180deg)}.coverage-check-icon{width:64px;height:64px;display:grid;place-items:center;margin:2px auto 8px;border-radius:21px;background:linear-gradient(145deg,#daf3e8,#f3fbf7);color:#17664f;box-shadow:inset 0 0 0 1px #c5e5d8}.coverage-check>small{color:#d15a36;font-size:.61rem;font-weight:900}.coverage-area-chip{display:flex;align-items:center;justify-content:center;gap:8px;width:max-content;max-width:100%;margin:13px auto;padding:9px 13px;border:1px solid #c9ddd5;border-radius:999px;background:#f4faf7}.coverage-area-chip>span{width:9px;height:9px;border-radius:50%;background:#25a774;box-shadow:0 0 0 5px #dff4eb}.coverage-area-chip b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coverage-area-chip em{padding-inline-start:8px;border-inline-start:1px solid #c9ddd5;color:#687871;font-size:.58rem;font-style:normal;font-weight:800;white-space:nowrap}.coverage-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}.coverage-actions button{min-width:0}.coverage-result{display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px;align-items:center;margin-top:14px;padding:13px;text-align:start;border:1px solid #d5dfdb;border-radius:16px;background:#f7f9f8}.coverage-result>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;font-size:1.15rem;font-weight:900}.coverage-result b,.coverage-result p{display:block;margin:0}.coverage-result b{font-size:.72rem}.coverage-result p{margin-top:3px;color:#5e716a;font-size:.6rem;line-height:1.55}.coverage-result.is-success{border-color:#9dd8bd;background:#ecf9f3}.coverage-result.is-success>span{background:#cef0df;color:#14704e}.coverage-result.is-warning,.coverage-result.is-loading{border-color:#ead39b;background:#fff9eb}.coverage-result.is-warning>span,.coverage-result.is-loading>span{background:#ffedbd;color:#986411}.coverage-result.is-loading>span{animation:coveragePulse 1s ease-in-out infinite}.coverage-result.is-danger{border-color:#efb1a7;background:#fff1ef}.coverage-result.is-danger>span{background:#ffdcd6;color:#b13b2f}.coverage-map-wrap{margin-top:14px;padding:12px;border:1px solid #d4dfda;border-radius:18px;background:#f7faf8}.coverage-map-wrap>p{margin:0 0 9px;color:#5d7169;font-size:.6rem;line-height:1.55}.coverage-map{height:280px;margin-bottom:10px;overflow:hidden;border-radius:14px;background:#e8efeb}.coverage-browse-only{display:block;margin:12px auto 0;padding:8px 12px;border:0;background:transparent;color:#45655d;font:inherit;font-size:.61rem;font-weight:900;text-decoration:underline;cursor:pointer}.add-button.needs-coverage{background:#fff6e2;color:#825611;box-shadow:inset 0 0 0 1px #e5c77f}.add-button.needs-coverage:hover{background:#ffedbd}.market-filter-grid>*{min-width:0}.market-filter-grid .check{min-width:0;overflow:hidden;justify-content:flex-start}.market-filter-grid .check input[type="checkbox"]{width:22px!important;min-width:22px!important;max-width:22px!important;height:22px!important;min-height:22px!important;padding:0!important;flex:0 0 22px}.market-filter-grid .check{font-size:.67rem!important}
.coverage-check.is-resolved>.coverage-back,.coverage-check.is-resolved>.coverage-check-icon,.coverage-check.is-resolved>small,.coverage-check.is-resolved>h2,.coverage-check.is-resolved>[data-coverage-copy],.coverage-check.is-resolved>.coverage-area-chip,.coverage-check.is-resolved>.coverage-actions,.coverage-check.is-resolved>.coverage-map-wrap{display:none!important}.coverage-check.is-resolved .coverage-result{min-height:190px;margin:18px 0 12px;padding:24px;border-radius:22px}.coverage-check.is-resolved .coverage-result>span{width:58px;height:58px;border-radius:18px;font-size:1.65rem}.coverage-check.is-resolved .coverage-result b{font-size:1rem}.coverage-check.is-resolved .coverage-result p{margin-top:8px;font-size:.7rem;line-height:1.75}.coverage-check.is-resolved .coverage-browse-only{width:100%;margin-top:10px;padding:13px 18px;border-radius:14px;background:#124d3f;color:#fff;font-size:.72rem;text-decoration:none;box-shadow:0 10px 24px rgba(18,77,63,.2)}
@keyframes coveragePulse{50%{transform:scale(.88);opacity:.65}}
@media(max-width:620px){.coverage-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 28px);padding:22px 16px;border-radius:22px}.coverage-dialog-close{top:12px;left:12px}.coverage-dialog>div>h2,.coverage-check>h2{padding-inline:30px;font-size:1.3rem}.coverage-actions{grid-template-columns:1fr}.coverage-map{height:240px}.coverage-area-chip{width:100%}.market-filter-grid .check{grid-column:1/-1!important;display:flex!important;align-items:center!important;gap:9px!important;width:100%!important}.market-filter-grid .filter-actions{grid-column:1/-1!important}.market-filter-panel{overflow:hidden}}
@media(prefers-reduced-motion:reduce){.coverage-result.is-loading>span{animation:none}}