/* السلة و«وين نوصلك؟» والأقسام والمزيد والإتمام ودفتر العناوين (v5 كما هو، المرحلة ١٣). صفحاتها تحمّله، وصفحات التصفح
   وقت الفراغ بعد التحميل (ui.js) لأن لوحاتها تُفتح فيها — اللوحة تنتظره */
.cart,.where,.co-form,.secs,.more,.upsell{padding:0 0 1.5rem}
.cart-n{margin:-.75rem 0 .75rem;text-align:center;font-size:.6875rem;font-weight:700;color:var(--muted)}
.cart-lines,.areas{display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem}
.cart-line,.cart-to,.co-area,.me,.tline{display:flex;align-items:center;gap:.625rem;padding:.5rem .625rem .5rem .5rem;border:1px solid var(--glass-b);border-radius:1rem;background:var(--card);box-shadow:var(--g-sh)}
.cl-img{display:grid;place-items:center;flex:none;width:3.375rem;height:3.375rem;border-radius:50%;background:var(--tint,var(--tint-y));box-shadow:inset 3px 4px 8px #ffffffd9,inset -4px -6px 10px #8c501429;overflow:hidden}
.cl-img>img:not(.art){width:70%;height:70%;object-fit:contain}
.cl-img .art{width:2.75rem;height:2.75rem;filter:drop-shadow(0 4px 5px #13192a2e)}
.cl-main,.cart-to .t,.co-area .t,.me .t,.adr .t,.pay .t{flex:1;min-width:0}
.cl-name{font:600 .875rem/1.2 var(--name)}
.cl-sub,.cart-to small,.co-area small,.adr small{display:block;font-size:.6875rem;font-weight:600;color:var(--muted)}
.cl-side{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;flex:none}
.cl-price{font-size:.8125rem;font-weight:800;white-space:nowrap}
.cl-remove{padding:0;border:0;background:none;color:var(--bad);font:600 .6875rem var(--ar);text-decoration:underline;cursor:pointer}
.cart-to,.co-area{margin-top:.625rem;padding:.625rem .75rem}
.cart-to b,.co-area b,.adr b{display:block;font-size:.875rem;font-weight:800}
.cart-to a,.co-area a,.co-h a,.me a{font-size:.75rem;font-weight:800}
.cart-to .btn-ghost2{margin:0}
.pin{flex:none;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--tint-s);color:var(--sky-2);box-shadow:inset 3px 4px 7px #ffffffd9,inset -3px -5px 9px #0a508c29}
.cart-sum{margin-top:.625rem}
.divider{margin:.75rem 0 0;text-align:center;font-size:.8125rem;font-weight:600}
.link{display:block;margin:.75rem auto 0;padding:.125rem .5rem;border:0;background:none;color:var(--muted);font:700 .78125rem var(--ar);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.sh-h{display:flex;align-items:center;gap:.75rem;margin:.25rem 0 .75rem;padding-inline-start:2.875rem}
.sh-h .item-t{margin:0;font-size:1.3125rem;text-align:start;color:var(--navy)}
.where-lead{margin:.125rem 0 0;font-size:.71875rem;font-weight:500;line-height:1.45;color:var(--muted)}
.sh-ic,.nc-art{flex:none;display:grid;place-items:center;width:3.375rem;height:3.375rem;border-radius:1.125rem;background:var(--g-orange);box-shadow:var(--clay-o)}
.sh-ic svg{width:2.75rem;height:2.75rem;overflow:visible}
.bare .sheet-x{display:none}
.bare .sh-h{padding-inline-start:0}
.sec-ic{color:#fff}
.sec-ic .ic{width:1.75rem;height:1.75rem}
.where-q,.where-send{display:flex;align-items:center;gap:.5rem;height:2.875rem;padding:0 .875rem;border-radius:1rem;background:var(--in);box-shadow:var(--clay-in)}
.where-q{margin-bottom:.625rem}
.where-q .ic{width:1.125rem;height:1.125rem;color:var(--orange)}
.cust .where-q input,.cust .where-send input{flex:1;min-width:0;min-height:0;height:100%;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;font:600 .8125rem var(--ar);outline:0}
.where-q:focus-within,.where-send:focus-within{box-shadow:var(--clay-in),0 0 0 2px var(--orange)}
.ars{height:18.25rem;overflow-y:auto;align-content:start;margin:0 -.375rem;padding:.25rem .375rem .5rem;-webkit-mask-image:linear-gradient(#000 86%,transparent);mask-image:linear-gradient(#000 86%,transparent);scrollbar-width:none;overscroll-behavior:contain}
.ars::-webkit-scrollbar{display:none}
.area{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 .625rem;min-height:3.375rem;margin:0;padding:.5rem .75rem;border-radius:1rem;background:linear-gradient(150deg,#FFF,#FFF6E3);box-shadow:var(--clay-w);cursor:pointer;transition:transform var(--t)}
.area:active{transform:scale(.98)}
.area input,.pay input,.sr,.chips [type=radio],.co-save input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.area.on{box-shadow:var(--clay-w),0 0 0 2px var(--orange)}
.area-n{font:700 .875rem/1.3 var(--ar)}
.area-m{grid-column:1;display:flex;align-items:center;gap:.25rem;margin-top:1px;font-size:.6875rem;font-weight:600;color:var(--muted)}
.area-m .ic{width:.75rem;height:.75rem}
.area-f{grid-area:1/2/3;display:inline-flex;align-items:center;height:1.75rem;padding:0 .625rem;border-radius:99px;background:var(--g-yellow);box-shadow:var(--clay-y);font-size:.78125rem;font-weight:800;color:var(--navy);white-space:nowrap}
.area-f.free{color:#fff;font-size:.71875rem;background:linear-gradient(150deg,#4ADE80,#16A34A);box-shadow:inset 2px 3px 6px #dcffe6b3,inset -3px -4px 8px #00501e59,0 .5rem 1rem -.5rem #16a34a99}
.where-none{margin:.125rem .25rem;font-size:.75rem;font-weight:600;line-height:1.6;color:var(--muted)}
.none,.addnew{border:1.5px dashed #ea731780;background:#ffffff73;box-shadow:none;color:var(--orange)}
.none .area-n{color:var(--orange)}
.none .area-f{height:auto;background:none;box-shadow:none;color:var(--orange);font-size:1rem}
.where-miss,.where-other{margin-top:.5rem}
.where-miss[open] summary,.where-other[open] .addnew{display:none}
.where.miss .sh-h,.where.miss [data-where],.where.miss .where-other,.where.miss .where-later{display:none}
.nc{display:grid;justify-items:center;gap:.625rem;padding-bottom:.375rem;text-align:center}
.nc-art{position:relative;width:6rem;height:6rem;margin-top:.125rem;border:2px dashed #ea731773;border-radius:50%;background:radial-gradient(circle,#ffce2238,transparent 70%);box-shadow:none}
.nc-art svg{width:4.125rem;height:4.125rem;overflow:visible}
.nc h2{margin:0;font:700 1.3125rem/1.25 var(--name);color:var(--navy)}
.nc p{margin:0;max-width:32ch;font-size:.75rem;font-weight:500;line-height:1.65;color:var(--muted)}
.nc .nc-l{justify-self:start;font-size:.71875rem;font-weight:700}
.where-send{width:100%;padding:0 .375rem;padding-inline-start:.875rem}
.where-send button{flex:none;height:2.125rem;padding:0 .875rem;border:0;border-radius:.75rem;background:var(--g-navy);box-shadow:var(--clay-n);color:#fff;font:700 .75rem var(--ar);cursor:pointer}
.nc form,.nc .btn-ghost2{width:100%;margin:0}
.nc .btn-ghost2{min-height:3.125rem}
.adr{display:flex;align-items:center;gap:.625rem}
.area.adr{border-radius:1.125rem;padding:.5625rem .75rem}
.adr small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.adr em{display:block;margin-top:1px;font-size:.65625rem;font-weight:700;font-style:normal;color:var(--orange)}
.aic{flex:none;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:.875rem;color:var(--navy);background:var(--g-yellow);box-shadow:var(--clay-y)}
.aic.work{color:#fff;background:linear-gradient(150deg,#8FD8FF,#28AFFA);box-shadow:var(--clay-s)}
.aic.family{color:#fff;background:linear-gradient(150deg,#FFB27A,#EA7317);box-shadow:var(--clay-o)}
.aic.other,.aic.pin{color:var(--sky-2);background:linear-gradient(150deg,#EEF8FF,#CFEBFF);box-shadow:inset 3px 4px 7px #ffffffd9,inset -3px -5px 9px #0a508c29}
.rd{flex:none;display:grid;place-items:center;width:1.375rem;height:1.375rem;border-radius:50%;background:var(--in);box-shadow:var(--clay-in)}
.adr.on .rd{background:radial-gradient(#fff .25rem,transparent calc(.25rem + 1px)),var(--g-orange);box-shadow:var(--clay-o)}
.adr.off{opacity:.6;filter:grayscale(.6);cursor:not-allowed}
.adr.off em,.bk.off em{color:var(--bad)}
.adr.off .rd{visibility:hidden}
.addnew{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.75rem;border-radius:1rem;font-size:.78125rem;font-weight:700;cursor:pointer}
.addnew .ic{width:1rem;height:1rem}
.where .btn-cta.to{display:flex}
.where-other[open]~.to,.book .where-later,.book>.where-miss{display:none}
.book .where-other[open]~.where-miss{display:block}
.steps{position:relative;display:grid;grid-template-columns:1fr 1fr;margin:.25rem 1.5rem .875rem;padding:0;list-style:none;font-size:.6875rem;font-weight:700;color:var(--muted)}
.steps::before{content:"";position:absolute;top:.6875rem;left:25%;right:25%;height:2px;background:var(--line)}
.steps li{position:relative;display:grid;justify-items:center;gap:.25rem}
.steps span{display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--g-white);box-shadow:var(--clay-w);font-weight:800}
.steps .on{color:var(--orange)}
.steps .on span{color:#fff;background:var(--g-orange);box-shadow:var(--clay-o)}
.steps .done span{background:var(--g-yellow);box-shadow:var(--clay-y)}
.steps .ic{width:.75rem;height:.75rem}
.co-h{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin:0 0 .5rem;font-size:.71875rem;font-weight:700;color:var(--muted)}
.co-sub{margin:0;font:800 .8125rem var(--ar);color:var(--ink)}
.co-label{display:block;margin:.75rem 0 0;font-size:.71875rem;font-weight:700;color:var(--muted)}
.co-label input,.co-label textarea,.co-label select{margin-top:.3125rem;border-radius:.75rem;background:#ffffffe0}
.co-label textarea{min-height:4rem;resize:none}
.req{font-style:normal;color:var(--orange)}
.co-two{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.co-new,.lb-other{display:none}
#addrNew:checked~.co-new,#lb-other:checked~.lb-other{display:block}
.chips{display:flex;flex-wrap:wrap;gap:.3125rem;margin-top:.3125rem}
.chips label{flex:1;display:flex;align-items:center;justify-content:center;gap:.25rem;min-width:0;height:2rem;padding:0 .375rem;border-radius:99px;background:var(--g-white);box-shadow:var(--clay-w);color:var(--navy);font-size:.71875rem;white-space:nowrap;cursor:pointer}
.chips .ic{width:.8125rem;height:.8125rem}
.chips input:checked+label{color:#fff;background:var(--g-orange);box-shadow:var(--clay-o)}
.chips input:focus-visible+label{outline:2px solid var(--orange);outline-offset:2px}
.lb-other{flex-basis:100%;margin:.125rem 0 0}
.co-save{display:flex;align-items:center;gap:.625rem;margin-top:.75rem;padding:.5rem .75rem;border-radius:1rem;background:#ffffffbf;box-shadow:var(--clay-w);font-size:.75rem;font-weight:700;line-height:1.4;cursor:pointer}
.co-save small{display:block;font-size:.65625rem;font-weight:500;color:var(--muted)}
.sw{flex:none;position:relative;width:2.75rem;height:1.625rem;border-radius:99px;background:#E9DFC6;box-shadow:var(--clay-in)}
.sw::after{content:"";position:absolute;top:.1875rem;right:.1875rem;width:1.25rem;height:1.25rem;border-radius:50%;background:#fff;box-shadow:0 2px 4px #13192a40;transition:transform var(--t)}
.co-save input:checked~.sw{background:linear-gradient(150deg,#4ADE80,#16A34A)}
.co-save input:checked~.sw::after{transform:translateX(-1.125rem)}
.co-save input:focus-visible~.sw{outline:2px solid var(--orange);outline-offset:2px}
.co-who{margin-top:.75rem}
.me{padding:.5625rem .75rem;border-radius:1.125rem}
.me .t b{display:block;font-size:.84375rem;font-weight:800}
.me .t small{display:block;font-size:.71875rem;font-weight:600;color:var(--muted)}
.co-hd h1{text-align:center}
.co-hd .sp{flex:none;width:2.375rem}
.co-notes{margin-top:.75rem}
.co-notes[open] summary{display:none}
.tline{justify-content:space-between;margin-top:.75rem;padding:.625rem .875rem;font-size:.8125rem;font-weight:800}
.tline b{font-size:.9375rem}
.co-actions{display:flex;gap:.625rem;margin-top:.5rem}
.co-actions .btn-cta{flex:1}
.co-to .adr small{white-space:normal;line-height:1.5}
.co-form .sum-box{margin-top:.625rem;padding:.75rem .875rem}
.pay{display:flex;align-items:center;gap:.625rem;margin-top:.625rem;padding:.625rem .75rem;border-radius:1rem;background:#FFE4CC;box-shadow:var(--clay-in)}
.pay .stk{flex:none;width:3.375rem;height:2.375rem;font-size:.75rem}
.pay b{display:block;font-size:.84375rem;font-weight:800}
.pay small{font-size:.6875rem;font-weight:600;color:var(--muted)}
.ck{display:grid;place-items:center;flex:none;width:1.5rem;height:1.5rem;border-radius:50%;color:#fff;background:var(--g-orange);box-shadow:var(--clay-o)}
.ck .ic{width:.875rem;height:.875rem}
.co-note{display:flex;align-items:center;justify-content:center;gap:.375rem;margin:.75rem 0 0;font-size:.6875rem;font-weight:600;color:var(--muted)}
.co-note .ic{width:.875rem;height:.875rem;color:#16A34A}
.bk .muted{margin:.375rem 0 0}
.addr-acts{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.5rem;margin-top:.625rem}
.addr-acts .btn-ghost2{min-height:2.25rem;margin:0;padding:0 1rem;font-size:.78125rem}
.cust .btn-cta.danger{background:var(--bad);box-shadow:none}
.secs-h{display:flex;align-items:center;gap:.5rem;margin:.875rem 0 .5rem;font:600 1rem var(--name)}
.secs-h .cat-ic{display:grid;place-items:center;width:2.375rem;height:2rem;border-radius:50%;background:var(--tint,var(--tint-o));box-shadow:inset 3px 4px 7px #ffffffe6,inset -3px -5px 9px #8c501424;font-size:1.1875rem}
.secs-h .cat-ic img{width:2.125rem;height:2.125rem;object-fit:contain;transform:translateY(-3px)}
.secs-l,.mo{display:grid;gap:.5rem}
.secs-a{display:flex;align-items:center;justify-content:space-between;gap:.625rem;min-height:3.125rem;padding:.5rem .875rem;border-radius:1rem;background:linear-gradient(150deg,#FFF,#FFF6E3);box-shadow:var(--clay-w);color:var(--navy)}
.secs-a b{font:600 .9375rem var(--name)}
.secs-a small{font-size:.75rem;font-weight:700;color:var(--orange);white-space:nowrap}
.mo-r{display:flex;width:100%;gap:.625rem;border:0;font:inherit;color:var(--navy);text-align:start}
.mo-r .t{flex:1;min-width:0}
.mo-r small{display:block;font-size:.6875rem;font-weight:600;color:var(--muted)}
.mo-r .go{flex:none;font-weight:800;color:var(--orange)}
.mo-d[open] .go{transform:rotate(-90deg)}
.mo-in{padding:.75rem .25rem 0;font-size:.75rem;line-height:1.6}
.mo-in p{margin:0}
.mo-in b,.ios-t{display:block;color:var(--orange);font-weight:700}
.ios-img,.inapp-img{display:block;width:100%;max-width:20rem;height:auto;margin:.5rem auto}
.ios-list{margin:0;padding:0 1.25rem 0 0}
.inapp-go{display:flex;align-items:center;justify-content:center;min-height:2.875rem;margin-top:.625rem;border-radius:999px;background:var(--g-orange);box-shadow:var(--clay-o);color:#fff;font-weight:700}
.up-lead{display:grid;margin:-.375rem 0 .25rem;text-align:center}
.up-grid{padding:.625rem 0}
@media (min-width:600px){
.co,.item-page>.cart,.item-page>.where,.item-page>.upsell,.item-page>.secs,.item-page>.more,.co-form{max-width:560px;margin-left:auto;margin-right:auto}
}