/* Layout: white marketplace storefront. Sticky search header, blue category bar, split hero (large slider + solid blue promo), icon category row, product grid. Blue and white only. */
:root{
  --bg:#FFFFFF; --soft:#F4F7FD; --sunk:#EAF0FB; --ink:#0B1B3A; --muted:#5F6E8A; --line:#E3E9F4;
  --blue:#1456F0; --blue-d:#0E43C2; --blue-l:#E6EEFF; --blue-xl:#F2F6FF;
  --danger:#C0291D; --ok:#157F45; --warn:#9A6200;
  --f-display:"Manrope","Segoe UI",system-ui,sans-serif;
  --f-body:"Inter","Segoe UI",system-ui,sans-serif;
  --r:16px; --shadow:0 1px 2px rgba(11,27,58,.05); --shadow-lift:0 18px 40px rgba(20,86,240,.14);
  color-scheme:light;
}
*{box-sizing:border-box}
body{background:#FFFFFF;color:var(--ink);font-family:var(--f-body);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:30;background:#FFFFFF}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:6px}
.wrap{max-width:1240px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
@media (min-width:900px){.wrap{padding-left:max(28px,env(safe-area-inset-left,0px));padding-right:max(28px,env(safe-area-inset-right,0px))}}
h1,h2,h3{font-family:var(--f-display);text-wrap:balance;margin:0;line-height:1.15;font-weight:700;letter-spacing:-.015em}
.muted{color:var(--muted)}
.num{font-variant-numeric:tabular-nums}
.ic{flex:none;display:block}

/* header */
.hdr-wrap{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:#FFFFFF;border-bottom:1px solid var(--line)}
.hdr{display:flex;align-items:center;gap:28px;padding-block:16px}
.brand{display:flex;align-items:center;gap:11px;background:none;border:0;padding:0;color:var(--ink);text-align:left}
.brand-mark{width:40px;height:40px;border-radius:11px;background:var(--blue);color:#FFFFFF;display:grid;place-items:center}
.brand-text b{display:block;font:800 22px/1 var(--f-display);letter-spacing:-.02em}
.brand-text small{display:block;font-size:10px;letter-spacing:.14em;color:var(--muted);margin-top:4px;font-weight:600}
.hsearch{flex:1;max-width:620px;display:flex;align-items:center;height:46px;border:1px solid var(--line);background:var(--soft);border-radius:11px;overflow:hidden}
.hsearch:focus-within{border-color:var(--blue);background:#FFFFFF}
.hsearch select{border:0;background:transparent;height:100%;padding:0 14px;max-width:176px;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-right:1px solid var(--line);outline:none;color:var(--ink)}
.hsearch input{flex:1;min-width:0;border:0;background:transparent;outline:none;padding:0 14px;font-size:14px;height:100%}
.hs-btn{width:48px;height:100%;border:0;background:transparent;color:var(--ink);display:grid;place-items:center}
.hs-btn:hover{color:var(--blue)}
.hphone{margin-left:auto;text-align:right;line-height:1.3}
.hphone b{display:block;font:700 16px var(--f-display);letter-spacing:-.01em}
.hphone small{font-size:12px;color:var(--muted)}
.hicons{display:flex;align-items:center;gap:6px}
.hicon{position:relative;width:44px;height:44px;border:0;background:transparent;border-radius:50%;display:grid;place-items:center;color:var(--ink)}
.hicon:hover{background:var(--soft)}
.hbadge{position:absolute;top:2px;right:0;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--blue);color:#FFFFFF;font-size:11px;font-weight:700;display:grid;place-items:center;border:2px solid #FFFFFF}
.hcart{display:flex;align-items:center;gap:6px;border:0;background:transparent;padding:0 4px 0 0;color:var(--ink);text-align:left;border-radius:12px}
.hcart:hover .hicon{background:var(--soft)}
.hcart-t small{display:block;font-size:11.5px;color:var(--muted);line-height:1.2}
.hcart-t b{display:block;font:700 14px var(--f-display)}
.navbar{border-bottom:1px solid var(--line);background:#FFFFFF}
.nav{display:flex;align-items:center;gap:10px;height:62px}
.catmenu{position:relative;flex:none}
.catbtn{display:flex;align-items:center;gap:11px;height:44px;padding:0 20px;border:0;border-radius:10px;background:var(--blue);color:#FFFFFF;font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.catbtn:hover{background:var(--blue-d)}
.catbtn .sm{display:none}
.menu-pop{position:absolute;top:calc(100% + 10px);left:0;width:min(320px,calc(100vw - 32px));background:#FFFFFF;border:1px solid var(--line);border-radius:16px;box-shadow:0 28px 56px rgba(11,27,58,.18);padding:8px;z-index:25}
.mi{display:flex;align-items:center;gap:12px;width:100%;padding:9px 10px;border:0;background:none;border-radius:11px;text-align:left;font-size:14px;font-weight:500}
.mi:hover{background:var(--soft)}
.mi .mi-ic{width:38px;height:38px;border-radius:10px;background:var(--blue-l);display:grid;place-items:center;flex:none}
.mi .mi-ic svg{width:28px;height:28px}
.mi span.n{margin-left:auto;font-size:12px;color:var(--muted)}
.links{display:flex;align-items:center;gap:2px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}
.link{display:flex;align-items:center;gap:8px;flex:none;border:0;background:none;padding:10px 14px;font-size:13.5px;font-weight:500;color:var(--ink);border-radius:9px;white-space:nowrap}
.link:hover{color:var(--blue);background:var(--blue-xl)}
.link[aria-current="page"]{color:var(--blue);font-weight:600}
.link svg{color:var(--muted)}
.link:hover svg,.link[aria-current="page"] svg{color:var(--blue)}
.recent{margin-left:auto;flex:none}

/* hero */
.hero-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:20px;padding-block:24px 6px}
.hero-main{position:relative;overflow:hidden;border-radius:20px;background:radial-gradient(circle,rgba(20,86,240,.1) 0 1.6px,transparent 2.4px) 0 0/30px 30px,linear-gradient(115deg,#DCE8FF 0%,#EAF2FF 55%,#F5F9FF 100%);min-height:360px;padding:48px 52px;display:flex;align-items:center}
.hero-copy{position:relative;z-index:2;max-width:46%}
.eyebrow{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}
.hero-copy h1{font-size:clamp(28px,3.5vw,46px);line-height:1.08;margin:12px 0 14px;font-weight:800}
.hero-copy p{color:var(--muted);max-width:40ch;margin:0 0 26px;font-size:15px}
.hero-art{position:absolute;right:0;top:0;bottom:0;width:58%;pointer-events:none}
.blob{position:absolute;right:-70px;top:50%;width:440px;height:440px;border-radius:50%;background:rgba(20,86,240,.1);transform:translateY(-50%)}
.blob.b2{right:90px;top:auto;bottom:-120px;width:240px;height:240px;transform:none;background:rgba(20,86,240,.08)}
.g{position:absolute;display:block;border-radius:16px;overflow:hidden;background:#FFFFFF;border:5px solid #FFFFFF;box-shadow:0 18px 34px rgba(20,86,240,.22);aspect-ratio:4/5}
.g img{width:100%;height:100%;object-fit:cover;display:block}
.g1{width:190px;right:215px;top:44px;transform:rotate(-6deg)}
.g2{width:210px;right:36px;top:26px;transform:rotate(5deg)}
.g3{width:150px;right:150px;bottom:-34px;transform:rotate(-2deg)}
.hero-main .hero-copy{animation:fadein .6s ease both}

.hero-nav{position:absolute;right:20px;bottom:20px;display:flex;gap:8px;z-index:3}
.hero-nav button{width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:#FFFFFF;display:grid;place-items:center;color:var(--ink)}
.hero-nav button.next{background:var(--blue);border-color:var(--blue);color:#FFFFFF}
.dots{position:absolute;left:52px;bottom:24px;display:flex;gap:6px;z-index:3}
.dots i{display:block;width:8px;height:8px;border-radius:99px;background:rgba(20,86,240,.25)}
.dots i.on{width:26px;background:var(--blue)}
.hero-side{position:relative;overflow:hidden;border-radius:20px;background:var(--blue);color:#FFFFFF;padding:40px 34px;min-height:360px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.hero-side .eyebrow{color:#CFE0FF}
.hero-side h2{font-size:clamp(30px,3.2vw,42px);font-weight:800;line-height:1.05;margin:10px 0 12px;position:relative;z-index:2}
.hero-side p{margin:0 0 24px;color:#E1EBFF;max-width:26ch;position:relative;z-index:2;font-size:14.5px}
.hero-side .eyebrow,.hero-side .btn{position:relative;z-index:2}
.side-art{position:absolute;right:-24px;bottom:-26px;width:240px;opacity:.9;transform:rotate(-8deg)}
.side-art svg{width:100%;height:auto;display:block}

/* trust */
.trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding-block:20px 0}
.ti{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;min-width:0}
.ti .tic{width:46px;height:46px;border-radius:50%;background:var(--blue-l);color:var(--blue);display:grid;place-items:center;flex:none}
.ti b{display:block;font:700 14.5px var(--f-display)}
.ti small{display:block;font-size:12.5px;color:var(--muted);line-height:1.35}

/* sections */
.shead{display:flex;align-items:baseline;gap:18px;padding-block:44px 20px}
.shead h2{font-size:28px;font-weight:800}
.more{display:inline-flex;align-items:center;gap:4px;border:0;background:none;font-size:13.5px;color:var(--muted);padding:0}
.more:hover{color:var(--blue)}
.cats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.cat{background:var(--soft);border:1.5px solid transparent;border-radius:16px;padding:24px 8px 16px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;font-size:13px;font-weight:600;line-height:1.3;transition:background .15s,box-shadow .15s,border-color .15s}
.cat .cat-ph{width:76px;height:76px;border-radius:50%;overflow:hidden;background:var(--blue-l);box-shadow:0 6px 14px rgba(11,27,58,.14);transition:transform .25s}
.cat .cat-art{display:grid;place-items:center;width:100%;height:100%}.cat .cat-art svg{width:62%;height:62%}
.cat .cat-ph img{width:100%;height:100%;object-fit:cover;object-position:center 25%;display:block}
.cat:hover .cat-ph{transform:scale(1.06)}
.cat svg{width:54px;height:54px;filter:drop-shadow(0 4px 5px rgba(11,27,58,.15))}
.cat small{display:block;font-size:11.5px;color:var(--muted);font-weight:500;margin-top:2px}
.cat:hover{background:#FFFFFF;border-color:var(--line);box-shadow:var(--shadow-lift)}
.cat[aria-pressed="true"]{background:#FFFFFF;border-color:var(--blue)}

/* shop controls */
#products{scroll-margin-top:96px}
.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding-bottom:16px}
.chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:14px}
.chip{flex:none;border:1px solid var(--line);background:#FFFFFF;border-radius:999px;padding:8px 16px;font-weight:500;font-size:13.5px;color:var(--ink)}
.chip:hover{border-color:var(--blue);color:var(--blue)}
.chip[aria-pressed="true"]{background:var(--blue);color:#FFFFFF;border-color:var(--blue)}
.price-box{display:flex;align-items:center;gap:6px;background:#FFFFFF;border:1px solid var(--line);border-radius:10px;padding:4px 12px;height:42px}
.price-box:focus-within{border-color:var(--blue)}
.price-box input{width:80px;border:0;background:none;outline:none;padding:4px}
.preset{border:1px solid var(--line);background:#FFFFFF;border-radius:10px;padding:0 14px;height:42px;font-size:13px;font-weight:500;color:var(--muted)}
.preset:hover{border-color:var(--blue);color:var(--blue)}
.preset[aria-pressed="true"]{border-color:var(--blue);color:var(--blue);background:var(--blue-xl);font-weight:600}
.toolbar select{border:1px solid var(--line);background:#FFFFFF;border-radius:10px;height:42px;padding:0 12px;font-size:13.5px;margin-left:auto}
.result-line{font-size:13px;color:var(--muted);padding-bottom:16px}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.card{position:relative;background:#FFFFFF;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s,border-color .2s}
.card:hover{box-shadow:var(--shadow-lift);transform:translateY(-3px);border-color:#CBD9F6}
.card-hit{position:absolute;inset:0;z-index:1;background:none;border:0;padding:0;margin:0;cursor:pointer}
.pimg{position:relative;aspect-ratio:4/5;background:linear-gradient(100deg,var(--soft) 30%,#FFFFFF 50%,var(--soft) 70%) 0 0/220% 100%;animation:shimmer 1.4s linear infinite;overflow:hidden}
.pimg.ready{animation:none;background:var(--soft)}
.pimg img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transform:scale(1.03);transition:opacity .4s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
.pimg img.ld{opacity:1;transform:none}
.card:hover .pimg img.ld{transform:scale(1.04)}
.pimg .count{position:absolute;left:12px;bottom:12px;z-index:2;font-size:11px;font-weight:600;padding:4px 9px;border-radius:999px;background:rgba(11,27,58,.72);color:#FFFFFF;backdrop-filter:blur(4px)}
@keyframes shimmer{from{background-position:120% 0}to{background-position:-100% 0}}
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes fadein{from{opacity:0}to{opacity:1}}
@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.35)}100%{transform:scale(1)}}
.grid.enter .card,.cats.enter .cat,.trust.enter .ti{animation:rise .55s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:calc(var(--i,0)*50ms)}
.heart.pop svg{animation:pop .38s ease}
.sk-line{height:12px;border-radius:6px;background:linear-gradient(100deg,var(--soft) 30%,#FFFFFF 50%,var(--soft) 70%) 0 0/220% 100%;animation:shimmer 1.4s linear infinite}
.sk-card{border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.sk-card .sk-b{padding:14px 16px 18px;display:grid;gap:10px}
.sk-hero{border-radius:20px;min-height:360px;background:linear-gradient(100deg,var(--soft) 30%,#FFFFFF 50%,var(--soft) 70%) 0 0/220% 100%;animation:shimmer 1.4s linear infinite}
.ph-art{width:100%;height:100%;display:grid;place-items:center;background:#E4ECFF}
.ph-art svg{width:62%;height:auto;display:block;filter:drop-shadow(0 12px 14px rgba(11,27,58,.2))}
.flag{position:absolute;top:12px;left:12px;z-index:2;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:5px 9px;border-radius:7px;background:#FFFFFF;color:var(--blue)}
.flag.out{background:var(--ink);color:#FFFFFF}
.heart{position:absolute;top:10px;right:10px;z-index:3;width:36px;height:36px;border-radius:50%;background:transparent;border:0;display:grid;place-items:center;color:#FFFFFF;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55)) drop-shadow(0 0 6px rgba(0,0,0,.25))}
.heart svg{width:24px;height:24px}
.heart:hover{transform:scale(1.12)}
.heart[aria-pressed="true"]{color:#FF3B5C}
.heart[aria-pressed="true"] svg{fill:#FF3B5C}
.pbody{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
.pcat{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--blue)}
.pname{font:600 15px/1.35 var(--f-display);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em;letter-spacing:-.005em}
.pmeta{font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pfoot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px}
.pprice b{display:block;font:800 19px/1.1 var(--f-display);letter-spacing:-.01em}
.pprice small{font-size:11.5px;color:var(--muted)}
.padd{position:relative;z-index:3;width:40px;height:40px;border-radius:50%;border:0;background:var(--blue);color:#FFFFFF;display:grid;place-items:center;flex:none}
.padd:hover{background:var(--blue-d)}
.empty{grid-column:1/-1;text-align:center;padding:56px 16px;color:var(--muted);border:1px dashed #C7D5F2;border-radius:var(--r);background:var(--blue-xl)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:12px 20px;font-weight:600;font-size:14px;border:1px solid transparent;text-decoration:none;transition:background .15s,border-color .15s}
.btn-primary,.btn-wa{background:var(--blue);color:#FFFFFF}
.btn-primary:hover,.btn-wa:hover{background:var(--blue-d)}
.btn-white{background:#FFFFFF;color:var(--ink);border-color:#FFFFFF}
.btn-white:hover{background:var(--blue-xl)}
.btn-ghost{background:#FFFFFF;border-color:var(--line);color:var(--ink)}
.btn-ghost:hover{border-color:var(--blue);color:var(--blue)}
.btn-danger{background:#FFFFFF;border-color:var(--line);color:var(--danger)}
.btn-danger:hover{border-color:var(--danger)}
.btn[disabled],.btn[aria-disabled="true"]{opacity:.4;pointer-events:none}
.btn-sm{padding:8px 13px;font-size:12.5px}

/* sheet */
.scrim{position:fixed;inset:0;background:rgba(11,27,58,.45);z-index:40;display:flex;align-items:flex-end;justify-content:center}
.sheet{background:#FFFFFF;width:100%;max-width:840px;max-height:92vh;overflow-y:auto;border-radius:20px 20px 0 0;padding:24px max(22px,env(safe-area-inset-right,0px)) calc(26px + env(safe-area-inset-bottom,0px)) max(22px,env(safe-area-inset-left,0px));animation:up .22s cubic-bezier(.2,.8,.2,1)}
@media (min-width:840px){.scrim{align-items:center}.sheet{border-radius:20px;max-height:88vh}}
@keyframes up{from{transform:translateY(20px);opacity:.4}}
@media (prefers-reduced-motion:reduce){.sheet{animation:none}.card{transition:none}}
.sheet-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}
.sheet-head h2{font-size:22px}
.close{border:1px solid var(--line);background:#FFFFFF;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:none;color:var(--ink)}
.close:hover{border-color:var(--blue);color:var(--blue)}
.pd{display:grid;grid-template-columns:1fr;gap:24px}
@media (min-width:700px){.pd{grid-template-columns:320px minmax(0,1fr)}}
.pd-img{position:relative;border-radius:16px;overflow:hidden;background:var(--soft);aspect-ratio:1/1.05}
.pd-img img{width:100%;height:100%;object-fit:cover;display:block}
.pd-info{display:flex;flex-direction:column;gap:14px;min-width:0}
.pd-info h2{font-size:26px;font-weight:800}
.price-big{font:800 28px var(--f-display);color:var(--blue);letter-spacing:-.01em}
.price-big small{font:500 13px var(--f-body);color:var(--muted);margin-left:8px}
.sizes{display:flex;flex-wrap:wrap;gap:8px}
.size{min-width:46px;border:1px solid var(--line);background:#FFFFFF;border-radius:10px;padding:9px 12px;font-weight:600;font-size:13.5px}
.size:hover{border-color:var(--blue)}
.size[aria-pressed="true"]{background:var(--blue);color:#FFFFFF;border-color:var(--blue)}
.label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.actions{display:flex;flex-wrap:wrap;gap:8px}
.seller-box{background:var(--soft);border-radius:12px;padding:14px 16px;font-size:13.5px;display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center}
.copy-num{border:0;background:none;color:var(--blue);font-weight:600;padding:0;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#B9CCF8}
.qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:10px}
.qty button{border:0;background:none;width:36px;height:36px;font-size:17px}
.qty span{min-width:28px;text-align:center;font-weight:600}

/* forms */
.form{display:grid;gap:14px}
.field{display:grid;gap:6px}
.field label{font-size:12.5px;font-weight:600}
.field input,.field select,.field textarea{border:1px solid var(--line);background:#FFFFFF;border-radius:10px;padding:11px 13px;width:100%;min-width:0;font-size:14px}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-l)}
.field textarea{min-height:90px;resize:vertical}
.row2{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.hint{font-size:12px;color:var(--muted);line-height:1.5}

/* cart + lists */
.cart-group{border:1px solid var(--line);border-radius:16px;padding:16px;display:grid;gap:12px;margin-bottom:14px}
.cart-item{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center}
.cart-item .t{min-width:0}
.cart-item .t b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.cart-item .t span{font-size:13px;color:var(--muted)}
.mini{width:56px;height:62px;border-radius:10px;overflow:hidden;background:linear-gradient(160deg,#EDF3FF,#D8E5FF);display:grid;place-items:center}
.mini img{width:100%;height:100%;object-fit:cover;display:block}
.mini svg{width:72%;height:auto;display:block}
.link-btn{border:0;background:none;color:var(--danger);font-size:12.5px;padding:0;font-weight:500}

/* pages: requests + sell */
.page{padding-block:40px 64px;display:grid;gap:28px}
.page h1{font-size:clamp(26px,4vw,38px);font-weight:800}
.split{display:grid;gap:24px;grid-template-columns:1fr}
@media (min-width:860px){.split{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}}
.panel{background:#FFFFFF;border:1px solid var(--line);border-radius:18px;padding:24px;display:grid;gap:16px;align-content:start;min-width:0}
.panel h2{font-size:20px}
.req{border-top:1px solid var(--line);padding-top:14px;display:grid;gap:5px}
.req:first-of-type{border-top:0;padding-top:0}
.pill{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:3px 10px;border-radius:999px;border:1px solid currentColor}
.pill.pending{color:var(--warn)} .pill.accepted{color:var(--ok)} .pill.rejected{color:var(--danger)} .pill.active{color:var(--ok)} .pill.expired{color:var(--danger)}
.plans{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.plan{border:1px solid var(--line);border-radius:18px;padding:24px;display:grid;gap:8px;align-content:start;background:var(--blue-xl)}
.plan h3{font-size:18px}
.plan ul{margin:6px 0 0;padding-left:18px;color:var(--muted);font-size:13.5px;line-height:1.8}
.steps{margin:0;padding-left:20px;display:grid;gap:8px}
.bank{white-space:pre-wrap;background:var(--soft);border-radius:12px;padding:14px 16px;font-family:ui-monospace,Menlo,monospace;font-size:12.5px}

/* admin */
.admin-bar{background:var(--ink);color:#FFFFFF}
.admin-bar .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding-block:10px;font-size:13.5px}
.admin-bar .btn{padding:7px 14px;font-size:12.5px}
.admin-bar .btn-ghost{background:transparent;color:#FFFFFF;border-color:rgba(255,255,255,.35)}
.admin-bar .btn-save{background:var(--blue);color:#FFFFFF}
.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.admin-list{display:grid;gap:8px}
.arow{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px}
.arow .mini{font-weight:700;color:var(--blue)}
.arow .t{min-width:0}
.arow .t b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.arow .t span{font-size:12.5px;color:var(--muted)}
.arow .acts{display:flex;gap:6px;flex-wrap:wrap;justify-content:end}
.pf-prev{width:100%;max-width:200px;aspect-ratio:1/1.05;border-radius:12px;overflow:hidden;background:var(--soft);display:grid;place-items:center;color:var(--muted);font-size:13px}
.pf-prev img{width:100%;height:100%;object-fit:cover}
.notice{background:var(--blue-xl);border-radius:12px;padding:14px 16px;font-size:13.5px;border:1px solid #D3E0FA}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(22px + env(safe-area-inset-bottom,0px));background:var(--ink);color:#FFFFFF;padding:12px 20px;border-radius:10px;font-weight:500;font-size:13.5px;z-index:60;max-width:calc(100% - 32px);box-shadow:0 10px 28px rgba(11,27,58,.25)}

/* footer */
.foot{background:var(--soft);margin-top:64px;padding-block:48px 28px}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.3fr;gap:32px}
.foot h4{margin:0 0 14px;font:700 14px var(--f-display)}
.foot p{margin:10px 0 0;color:var(--muted);font-size:13.5px;max-width:34ch}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.foot li button{border:0;background:none;padding:0;color:var(--muted);font-size:13.5px;text-align:left}
.foot li button:hover{color:var(--blue)}
.foot li span{color:var(--muted);font-size:13.5px}
.foot-bottom{border-top:1px solid var(--line);margin-top:32px;padding-top:20px;color:var(--muted);font-size:12.5px}

.side-ph{position:absolute;right:-16px;bottom:-34px;width:170px;aspect-ratio:4/5;border-radius:16px;overflow:hidden;border:5px solid #FFFFFF;transform:rotate(7deg);box-shadow:0 16px 30px rgba(8,24,70,.35)}
.side-ph img{width:100%;height:100%;object-fit:cover;display:block}
.side-ph.s2{right:120px;bottom:-60px;width:130px;transform:rotate(-6deg)}

/* gallery */
.gal{display:grid;gap:10px;min-width:0}
.gal-main{position:relative;aspect-ratio:4/5;border-radius:16px;overflow:hidden;background:var(--soft)}
.gal-main img{width:100%;height:100%;object-fit:cover;display:block;animation:fadein .3s ease}
.gal-nav{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.92);display:grid;place-items:center;box-shadow:0 2px 10px rgba(11,27,58,.2);color:var(--ink)}
.gal-nav.prev{left:10px}.gal-nav.next{right:10px}
.gal-thumbs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.gal-thumbs button{flex:none;width:58px;height:72px;border-radius:10px;overflow:hidden;border:2px solid transparent;padding:0;background:var(--soft);opacity:.75;transition:opacity .15s,border-color .15s}
.gal-thumbs button[aria-current="true"]{border-color:var(--blue);opacity:1}
.gal-thumbs img{width:100%;height:100%;object-fit:cover;display:block}

/* favorites + profile */
.pg-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:12px}
.pg-head p{margin:8px 0 0}
.avatar{width:64px;height:64px;border-radius:50%;background:var(--blue);color:#FFFFFF;display:grid;place-items:center;font:800 22px var(--f-display);flex:none}
.prof-top{display:flex;align-items:center;gap:16px}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.stat{border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:var(--blue-xl)}
.stat b{display:block;font:800 24px var(--f-display)}
.stat span{font-size:12.5px;color:var(--muted)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important}}

/* responsive */
@media (max-width:1100px){.hphone{display:none}.hicons{margin-left:auto}}
@media (max-width:1000px){
  .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cats{grid-template-columns:repeat(4,minmax(0,1fr))}
  .hero-grid{grid-template-columns:1fr}
  .hero-side{min-height:260px}
  .trust{grid-template-columns:repeat(2,minmax(0,1fr))}
  .foot-grid{grid-template-columns:1fr 1fr}
  .recent{display:none}
}
@media (max-width:760px){
  .hdr{flex-wrap:wrap;gap:12px;padding-block:12px}
  .brand-mark{width:36px;height:36px}
  .brand-text b{font-size:20px}
  .hicons{margin-left:auto}
  .hcart-t{display:none}
  .hsearch{order:3;flex:1 1 100%;max-width:none;height:44px}
  .hsearch select{max-width:116px;padding:0 10px}
  .nav{height:56px}
  .catbtn{padding:0 14px}
  .catbtn .lg{display:none}
  .catbtn .sm{display:inline}
  .hero-main{padding:30px 24px 64px;min-height:0;flex-direction:column;align-items:flex-start}
  .hero-copy{max-width:100%}
  .hero-copy p{max-width:34ch}
  .hero-art{position:relative;inset:auto;right:auto;width:100%;height:196px;margin-top:22px}
  .blob{display:none}
  .g1{width:104px;left:2%;right:auto;top:20px}
  .g2{width:116px;left:30%;right:auto;top:2px}
  .g3{width:100px;left:62%;right:auto;bottom:auto;top:26px}
  .side-ph{width:120px;right:-10px;bottom:-26px}
  .side-ph.s2{display:none}
  .dots{left:24px;bottom:30px}
  .hero-side{padding:30px 24px}
  .shead{padding-block:34px 16px}
  .shead h2{font-size:23px}
}
@media (max-width:700px){
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .pbody{padding:12px 12px 14px}
  .pname{font-size:14px}
  .pprice b{font-size:17px}
  .padd{width:36px;height:36px}
}
@media (max-width:620px){
  .cats{display:flex;overflow-x:auto;scrollbar-width:none;gap:10px;padding-bottom:4px}
  .cat{flex:0 0 108px}
  .trust{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr}
  .toolbar select{margin-left:0}
}
/* motion + drawer */
.hmenu{display:none}
.flag.hot{background:#FF5A1F;color:#FFFFFF}
.more-row{display:flex;justify-content:center;padding:28px 0}
@keyframes slidein{from{transform:translateX(-100%)}to{transform:none}}
@keyframes scrimin{from{opacity:0}to{opacity:1}}
@keyframes viewin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes toastin{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%,0)}}
.dr-scrim{position:fixed;inset:0;z-index:60;background:rgba(11,27,58,.45);animation:scrimin .22s ease both}
.drawer{position:absolute;left:0;top:0;bottom:0;width:min(330px,86vw);background:#FFFFFF;overflow-y:auto;padding:calc(18px + env(safe-area-inset-top,0px)) 14px calc(24px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));animation:slidein .3s cubic-bezier(.2,.8,.2,1) both;box-shadow:12px 0 40px rgba(11,27,58,.2)}
.dr-head{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:8px}
.dr-head>div{flex:1;min-width:0}.dr-head b{display:block;font:800 16px var(--f-display);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dr-head small{color:var(--muted);font-size:12.5px}
.dr-head .avatar{width:46px;height:46px;font-size:16px}
.dr-list{display:grid;gap:2px}
.dr-item{display:flex;align-items:center;gap:14px;width:100%;border:0;background:transparent;padding:13px 12px;border-radius:12px;font:600 15px var(--f-body);color:var(--ink);text-align:left;transition:background .15s,transform .15s}
.dr-item:hover{background:var(--soft)}.dr-item:active{transform:scale(.98)}
.dr-item em{margin-left:auto;font-style:normal;background:var(--blue);color:#FFFFFF;border-radius:999px;font-size:12px;padding:2px 8px}
.dr-item.sub{padding:10px 12px 10px 20px;font-weight:500;color:var(--muted)}
.dr-sub{font:700 11px var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:18px 12px 8px}
main.vin{animation:viewin .38s cubic-bezier(.2,.7,.2,1) both}
.toast{animation:toastin .28s ease both}
button,.btn,.chip,.preset,.size,.hicon,.padd,.heart,.link,.cat{transition:transform .16s ease,background-color .18s ease,border-color .18s ease,box-shadow .2s ease,color .18s ease,opacity .18s ease}
button:active:not(:disabled),.btn:active,a.btn:active{transform:scale(.96)}
.card{transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s ease,border-color .2s}
.card:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(11,27,58,.12)}
.card:active{transform:scale(.985)}
.cat:hover{transform:translateY(-3px)}
.hbadge{animation:pop .35s ease both}
.menu-pop{animation:viewin .22s ease both}
.scrim{animation:scrimin .22s ease both}
.sheet{animation-timing-function:cubic-bezier(.2,.8,.2,1)}
.gal-main img{animation:fadein .35s ease}
@media (max-width:760px){
  .hmenu{display:grid;margin-left:-8px}
  .hdr{flex-wrap:wrap}
  .brand{margin-inline:auto}
  .hextra{display:none}
  .hicons{margin-left:0}
  .hs-sel{display:none}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* ---------- accounts, chat and dashboards ---------- */
.avatar.sm{width:40px;height:40px;font-size:14px}
.avatar.xs{width:30px;height:30px;font-size:12px}
.hme:hover .avatar{background:var(--blue-d)}
.hbadge.dot{min-width:11px;width:11px;height:11px;padding:0;top:8px;right:8px}
.prof-top{flex-wrap:wrap}
.notice.ok{background:#EAF7EF;border-color:#BFE5CC}
.notice.warn{background:#FFF6E5;border-color:#F3DDB0}
.pill.suspended,.pill.cancelled{color:var(--danger)} .pill.sent{color:var(--blue)} .pill.confirmed{color:var(--warn)} .pill.delivered{color:var(--ok)}
.arow .t span+span{display:block}
.auth-tabs{display:flex;gap:8px;margin-bottom:14px}
.auth-tabs .chip[aria-pressed="true"],.admin-tabs .chip[aria-pressed="true"]{background:var(--blue);border-color:var(--blue);color:#FFFFFF}
.auth-role{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
.auth-role button{text-align:left;border:1.5px solid var(--line);background:#FFFFFF;border-radius:14px;padding:14px;display:grid;gap:3px;transition:border-color .18s,background .18s,transform .12s}
.auth-role button small{color:var(--muted);font-size:12.5px}
.auth-role button[aria-pressed="true"]{border-color:var(--blue);background:var(--blue-xl)}
.auth-role button:active{transform:scale(.98)}
.auth-cta{justify-items:start;max-width:620px}
details.pw summary{cursor:pointer;color:var(--blue);font-weight:600;font-size:14px}
.pf-thumbs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}
.pf-t{position:relative;width:76px;aspect-ratio:4/5;border-radius:10px;overflow:hidden;background:var(--soft)}
.pf-t img{width:100%;height:100%;object-fit:cover}
.pf-t button{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;border:0;background:rgba(11,27,58,.7);color:#FFFFFF;display:grid;place-items:center;padding:0}
.chat-grid{display:grid;grid-template-columns:1fr;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#FFFFFF;min-height:520px}
@media (min-width:860px){.chat-grid{grid-template-columns:320px minmax(0,1fr)}}
.chat-list{border-right:1px solid var(--line);overflow-y:auto;max-height:70vh}
.ci{display:flex;align-items:center;gap:12px;width:100%;border:0;border-bottom:1px solid var(--line);background:#FFFFFF;padding:14px 16px;text-align:left;transition:background .15s}
.ci:hover{background:var(--soft)} .ci.on{background:var(--blue-xl)}
.ci .t{flex:1;min-width:0;display:grid}
.ci .t small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ci-r{display:grid;justify-items:end;gap:4px;color:var(--muted);font-size:12px}
.ci-r em{font-style:normal;background:var(--blue);color:#FFFFFF;border-radius:999px;font-size:11.5px;padding:1px 7px;font-weight:700}
.thread{display:flex;flex-direction:column;min-height:520px;max-height:70vh;min-width:0}
.th-none{align-items:center;justify-content:center;text-align:center}
.th-none .ic{margin:0 auto}
.th-head{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line)}
.th-head .t{flex:1;min-width:0;display:grid}
.th-head .t small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.th-body{flex:1;overflow-y:auto;padding:18px 16px;display:flex;flex-direction:column;gap:8px;background:var(--blue-xl)}
.th-empty{margin:auto;text-align:center}
.bub{max-width:78%;align-self:flex-start;background:#FFFFFF;border:1px solid var(--line);border-radius:16px 16px 16px 4px;padding:9px 13px;display:grid;gap:2px;animation:rise .25s ease both}
.bub.me{align-self:flex-end;background:var(--blue);border-color:var(--blue);color:#FFFFFF;border-radius:16px 16px 4px 16px}
.bub span{white-space:pre-wrap;overflow-wrap:anywhere}
.bub small{font-size:11px;opacity:.65;justify-self:end}
.th-send{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line)}
.th-send input{flex:1;min-width:0;border:1px solid var(--line);border-radius:10px;padding:11px 14px}
.th-send input:focus{border-color:var(--blue);outline:none}
.th-send .btn{padding:11px 16px}
.th-back{display:none}
@media (max-width:859px){
  .chat-grid.open .chat-list{display:none}
  .chat-grid:not(.open) .thread{display:none}
  .th-back{display:grid;width:36px;height:36px}
  .thread{max-height:none;height:calc(100vh - 220px)}
}
.acts .pill{align-self:center}
.th-head .t b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:620px){
  .arow{grid-template-columns:48px minmax(0,1fr)}
  .arow .acts{grid-column:1/-1;justify-content:flex-start}
  .th-head .btn{padding:7px 10px}
  .th-head [data-open]{display:none}
  .chat-grid{margin-inline:-4px}
}
/* boosts and admin */
.flag.sponsored{background:#FFC83D;color:#3A2A00}
.boosted{display:flex!important;align-items:center;gap:4px;color:#9A6B00!important;font-weight:600}
.online{color:#139A4B;font-weight:700}
.admin-stats{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}
button.stat{text-align:left;font:inherit;color:inherit;cursor:pointer}
button.stat:hover{border-color:var(--blue)}
.ad-q{width:100%;max-width:420px;margin:0 0 12px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;font:inherit;background:#fff}
.pill.paid{color:var(--ok)} .pill.failed,.pill.mismatch{color:var(--danger)}
/* welcome */
.welcome{padding-top:48px;padding-bottom:64px;display:grid;gap:32px}
.wl-copy{max-width:680px}
.wl-copy h1{font-size:clamp(32px,5vw,52px);font-weight:800;letter-spacing:-.03em;margin-top:10px}
.wl-copy p{color:var(--muted);font-size:17px;line-height:1.6;margin:14px 0 0}
.wl-choices{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.wl-card{position:relative;text-align:left;font:inherit;color:inherit;cursor:pointer;border:1.5px solid var(--line);border-radius:22px;background:var(--blue-xl);padding:0 28px 28px;display:grid;gap:12px;align-content:start;overflow:hidden;transition:transform .18s,box-shadow .18s,border-color .18s}
.wl-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px -18px rgba(20,86,240,.45);border-color:var(--blue)}
.wl-card.sell{background:linear-gradient(140deg,#1456F0,#0A2E8A);color:#fff;border-color:transparent}
.wl-card.sell>span.wl-t{color:rgba(255,255,255,.85)}
.wl-card>b{font:800 26px var(--f-display);letter-spacing:-.02em}
.wl-card>span.wl-t{font-size:15px;line-height:1.55;color:var(--muted)}
.wl-card .btn{justify-self:start;margin-top:6px;pointer-events:none}
.wl-ph{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 -28px;height:190px;overflow:hidden}
.wl-ph img{width:100%;height:100%;object-fit:cover;display:block}
.wl-ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#fff;color:var(--blue);margin-top:-24px;position:relative;box-shadow:0 6px 18px -6px rgba(0,0,0,.25)}
.wl-foot{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:var(--muted)}
.link-btn{background:none;border:0;padding:0;font:inherit;font-weight:600;color:var(--blue);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.auth-role button b{display:flex;align-items:center;gap:8px}
.auth-shop{border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;gap:12px;background:var(--blue-xl)}
@media (max-width:640px){.welcome{padding-top:28px}.wl-card{padding:0 20px 22px}.wl-ph{margin:0 -20px;height:150px}.auth-role{grid-template-columns:1fr}}
/* orders, plans, contact */
.orders{display:grid;gap:12px}
.order{border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:grid;gap:12px;background:#fff}
.order.new{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-l)}
.order-top{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
.order-items{width:100%;border-collapse:collapse;font-size:14px}
.order-items td{padding:6px 0;border-bottom:1px solid var(--line);vertical-align:top}
.order-items td+td{text-align:right;padding-left:12px;white-space:nowrap}
.order-items tr.sub td{color:var(--muted);font-size:13px}
.order-items tr.tot td{font-weight:700;border-bottom:0}
.order-buyer{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));background:var(--blue-xl);border-radius:10px;padding:10px 12px}
.order-buyer .label{display:block;margin-bottom:2px}
.order-buyer b{font-weight:600;word-break:break-word}
.order .acts{display:flex;gap:6px;flex-wrap:wrap}
.nbadge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;border-radius:999px;background:#E5484D;color:#fff;font-size:11px;font-weight:700}
.contact-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.plan-status{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.plan .btn{justify-self:start;margin-top:8px}
.notice .bank{margin:10px 0;background:#fff}
.pill.unpaid{color:var(--warn)}
/* reports */
.notice.bad{background:#FDECEC;border-color:#F3C1C1}
.reasons{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.reason{display:flex;gap:10px;align-items:flex-start;border:1.5px solid var(--line);border-radius:12px;padding:12px;cursor:pointer;background:#fff}
.reason:has(input:checked){border-color:var(--danger);background:#FFF6F6}
.reason input{margin-top:3px;accent-color:var(--danger)}
.reason b{display:block;font-size:14px}
.reason small{color:var(--muted);font-size:12.5px;line-height:1.45}
.report-link{color:var(--muted);font-size:13px;font-weight:500}
.rep-count{color:var(--danger)!important;font-weight:600}
.pill.banned{color:var(--danger)} .pill.open{color:var(--warn)} .pill.dismissed{color:var(--muted)} .pill.resolved{color:var(--danger)}

/* get the app (PWA install) */
.wl-foot .link-btn .ic{vertical-align:-3px;margin-right:2px}
.install-steps{list-style:none;margin:16px 0 20px;padding:0;display:grid;gap:12px}
.install-steps li{display:flex;gap:12px;align-items:flex-start;line-height:1.5}
.install-steps .num{flex:none;width:26px;height:26px;border-radius:999px;background:var(--blue-l);color:var(--blue);font-weight:700;display:grid;place-items:center;font-size:13px}.appbar{display:none}
@media (max-width:760px){
  .happ{display:none}
  .appbar{display:block;background:var(--blue-xl);border-bottom:1px solid var(--line)}
  .appbar-in{display:flex;align-items:center;gap:10px;padding-block:8px}
  .appbar-ic{flex:none;width:34px;height:34px;border-radius:9px;background:var(--blue);color:#FFFFFF;display:grid;place-items:center}
  .appbar-t{flex:1;min-width:0;line-height:1.25}
  .appbar-t b{display:block;font-size:13.5px}
  .appbar-t small{display:block;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .appbar-btn{flex:none;height:34px;padding:0 14px;font-size:13px}
  .appbar-x{flex:none;width:30px;height:30px;border:0;background:transparent;border-radius:50%;display:grid;place-items:center;color:var(--muted);margin-right:-6px}
}
/* seller ID checks */
.kyc-steps{display:flex;gap:8px;list-style:none;padding:0;margin:0 0 4px;flex-wrap:wrap}
.kyc-steps li{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--muted);background:var(--blue-l);border-radius:999px;padding:6px 12px 6px 6px}
.kyc-steps li span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fff;color:var(--blue);font-size:12px}
.kyc-steps li.on{color:var(--ink,#0B1B3A)}
.kyc-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.kyc-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;min-height:170px;padding:14px;border:1.5px dashed #AFC1E6;border-radius:16px;background:#F6F9FF;cursor:pointer;overflow:hidden;transition:border-color .2s,background .2s}
.kyc-tile:hover{border-color:var(--blue);background:#EEF3FF}
.kyc-tile b{font-size:14.5px}
.kyc-tile small{color:var(--muted);font-size:12.5px;line-height:1.35}
.kyc-tile .kyc-ic{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#fff;color:var(--blue);box-shadow:0 4px 12px rgba(11,27,58,.1);margin-bottom:4px}
.kyc-tile.has{border-style:solid;border-color:var(--blue);padding:0;justify-content:flex-end}
.kyc-tile.has img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.kyc-tile.has b,.kyc-tile.has small{position:relative;z-index:1;width:100%;background:linear-gradient(transparent,rgba(8,18,40,.78));color:#fff;padding:2px 10px}
.kyc-tile.has b{padding-top:26px}.kyc-tile.has small{padding-bottom:10px;color:#DCE6FF}
.kyc-agree{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.45;color:var(--ink,#0B1B3A);cursor:pointer}
.kyc-agree input{margin-top:3px;width:18px;height:18px;flex:none;accent-color:var(--blue)}
.kyc-figs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
.kyc-fig{margin:0}.kyc-fig img{width:100%;height:220px;object-fit:cover;border-radius:12px;display:block;background:#F1F5FF}
.kyc-fig figcaption{font-size:12.5px;color:var(--muted);margin-top:6px}
.kyc-dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0 0 12px;font-size:14px}
.kyc-dl dt{color:var(--muted)}.kyc-dl dd{margin:0;font-weight:600}
.panel-sub{border:1px solid var(--line,#E3E9F5);border-radius:14px;padding:16px;margin-bottom:18px;background:#FAFCFF}
.bad-t{color:#C62F45}
.pill.review{background:#FFF4D9;color:#8A5A00}
@media (max-width:560px){.kyc-tiles,.kyc-figs{grid-template-columns:1fr}.kyc-tile{min-height:150px}}

/* ---- round 2: product sheet ---- */
.kyc-why{display:flex;gap:10px;align-items:flex-start;background:var(--blue-l);color:var(--ink);border-radius:12px;padding:12px 14px;font-size:13.5px;line-height:1.5}
.kyc-why .ic{flex:none;color:var(--blue);margin-top:1px}
.pd-bar{display:flex;gap:8px;align-items:stretch}
.pd-bar .pd-main{flex:1;justify-content:center}
.pd-save[aria-pressed="true"]{color:#D6336C;border-color:#F3C1D3;background:#FFF1F6}
.pd-save[aria-pressed="true"] .ic{fill:currentColor}
.seller-box{display:grid;gap:12px;padding:16px}
.sb-top{display:flex;gap:12px;align-items:center}
.sb-av{flex:none;width:42px;height:42px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font:800 17px var(--f-display)}
.sb-t{display:grid;gap:2px;min-width:0}
.sb-t b{font-size:15px}
.sb-badge{display:inline-flex;align-items:center;gap:5px;color:#0E7A4F;font-weight:600;font-size:12.5px}
.sb-t .muted{font-size:12.5px}
.seller-box .contact-row{margin:0}
.seller-box .report-link{justify-self:start;padding:0}
@media (max-width:699px){
  .scrim .sheet:has(.pd){padding-bottom:0}
  .gal-main{aspect-ratio:auto;height:min(52vh,440px)}
  .pd-img{aspect-ratio:auto;height:min(46vh,400px)}
  .pd-info h2{font-size:22px}
  .pd-bar{position:sticky;bottom:0;z-index:3;margin:0 -22px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-top:1px solid var(--line);order:99}
  .pd-save span{display:none}
}

/* ---- round 2: bag ---- */
.btn-block{width:100%;justify-content:center}
.bag-items{display:grid;gap:12px;margin-bottom:18px}
.bag-items .cart-group{margin:0}
.cg-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.cg-head .muted{font-size:13px}
.ci-r{display:grid;justify-items:end;gap:2px;font-size:14px;font-weight:600}
.ci-r .link-btn{font-size:12.5px;font-weight:500;color:var(--muted)}
.bag-sec{margin-bottom:16px}
.bag-sec h3{font-size:16px;margin:0 0 10px}
.bag-sum{background:var(--soft);border-radius:16px;padding:16px;display:grid;gap:8px;margin-bottom:12px}
.bs-who{font-size:14px}
.bs-row{display:flex;justify-content:space-between;font-size:14px;color:var(--muted)}
.bs-tot{color:var(--ink);font-weight:800;font-size:17px;border-top:1px solid var(--line);padding-top:10px;margin-bottom:4px}
.bag-note{margin-top:4px}

/* toasts sit at the top so they never cover buttons or forms */
.toast{top:calc(14px + env(safe-area-inset-top,0px));bottom:auto}
@keyframes toastin{from{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%,0)}}

/* ---- round 2: phone tab bar ---- */
.tabbar{display:none}
@media (max-width:760px){
  .tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:35;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:6px max(6px,env(safe-area-inset-left,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(6px,env(safe-area-inset-right,0px))}
  .tab{border:0;background:none;display:grid;justify-items:center;gap:2px;padding:4px 0;font:600 11px var(--f-body);color:var(--muted);min-height:48px}
  .tab[aria-current="page"]{color:var(--blue)}
  .tab-ic{position:relative;display:grid}
  .tab .hbadge{position:absolute;top:-5px;right:-10px}
  body{padding-bottom:calc(68px + env(safe-area-inset-bottom,0px))}
  .hextra{display:none}
  .hdr{padding-block:10px;gap:10px}
  .hsearch{height:42px}
  .appbar-t small{display:none}
}

/* ---- round 2: add item ---- */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pf-t em{position:absolute;left:4px;bottom:4px;background:rgba(11,27,58,.75);color:#fff;font:600 10.5px var(--f-body);font-style:normal;padding:2px 6px;border-radius:6px}
.pf-drop{width:76px;aspect-ratio:4/5;border:1.5px dashed #AFC3EA;border-radius:10px;background:var(--blue-xl);color:var(--blue);display:grid;place-content:center;justify-items:center;gap:4px;font-size:12px;font-weight:600;cursor:pointer;text-align:center}
.pf-drop:hover{background:var(--blue-l)}
.pf-thumbs:has(.pf-t) .pf-drop{width:76px}
.pf-thumbs:not(:has(.pf-t)) .pf-drop{width:100%;aspect-ratio:auto;height:132px;font-size:14px}
.size-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.size-chips .size{padding:7px 11px;font-size:13px}
@media (max-width:699px){.sheet:has(#product-form){max-height:100dvh;height:100dvh;border-radius:0}}

/* ---- round 2: admin ---- */
.setup{border:1px solid #F5D9A8;background:#FFF9EE;border-radius:14px;padding:14px 16px;display:grid;gap:8px;margin-bottom:16px}
.setup-i{display:flex;gap:10px;align-items:flex-start;text-align:left;background:none;border:0;padding:0;font:inherit;color:inherit}
button.setup-i{cursor:pointer}
.setup-i b{display:block;font-size:14px}
.setup-i small{color:var(--muted);font-size:12.5px}
.setup-dot{flex:none;width:9px;height:9px;border-radius:50%;background:#E59A1A;margin-top:6px}
.needs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px}
.need{border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px 16px;text-align:left;font:inherit;color:var(--muted);cursor:pointer;display:grid;gap:2px}
.need b{font:800 26px var(--f-display);color:var(--ink)}
.need.on{border-color:var(--blue);background:var(--blue-xl);color:var(--blue)}
.need.on b{color:var(--blue)}
.sgroups{display:grid;gap:18px}
.sgroup h3{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 8px}
@media (min-width:1000px){.sgroups{grid-template-columns:repeat(3,minmax(0,1fr))}.sgroups .stats{grid-template-columns:1fr}}
@media (max-width:560px){.needs{gap:8px}.need{padding:12px}.need b{font-size:22px}.need span{font-size:12px}.sgroups .stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stat{padding:12px}.stat b{font-size:19px}}
@media (max-width:1100px){
  .arow{grid-template-columns:48px minmax(0,1fr)}
  .arow .acts{grid-column:1/-1;justify-content:flex-start;padding-top:8px;border-top:1px dashed var(--line)}
}
.dstats{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:16px}
@media (max-width:620px){.dstats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.calc-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 0 4px}
.calc-row input{width:86px;height:44px;border:1px solid var(--line);border-radius:10px;padding:0 12px;font:600 16px var(--f-body)}
.calc-x{color:var(--muted);font-weight:600}
.calc-row b{font:800 26px var(--f-display);color:var(--blue)}
.wl-card .btn,.appbar-btn{white-space:nowrap}

/* ---- round 3 ---- */
body.lock{overflow:hidden}
.pg-acts{display:flex;gap:8px;flex-wrap:wrap}
.empty-cta{display:grid;justify-items:start;gap:8px;padding:8px 0}
.empty-cta b{font-size:17px}
.form-bar{position:sticky;bottom:calc(-26px - env(safe-area-inset-bottom,0px));z-index:3;background:rgba(255,255,255,.97);border-top:1px solid var(--line);margin:4px -22px calc(-26px - env(safe-area-inset-bottom,0px));padding:12px 22px calc(14px + env(safe-area-inset-bottom,0px))}
.form-bar .btn-primary{flex:1;justify-content:center}
.setup-line{margin-top:18px;width:100%;display:flex;align-items:center;gap:10px;border:1px solid #F5D9A8;background:#FFF9EE;border-radius:12px;padding:12px 14px;font:inherit;font-size:13.5px;text-align:left;color:var(--ink);cursor:pointer}
.setup-line span:nth-child(2){flex:1}
.setup-line b{display:inline-flex;align-items:center;gap:2px;color:#9A5B00;white-space:nowrap}
.setup-dot{margin-top:0}
.order-buyer .o-note{grid-column:1/-1}
@media (max-width:760px){
  .navbar{display:none}
  .foot.slim{display:none}
}
@media (max-width:620px){
  .trust{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:14px}
  .ti{padding:10px 12px;gap:10px;border-radius:12px;align-items:flex-start}
  .ti .tic{width:34px;height:34px}
  .ti .tic .ic{width:18px;height:18px}
  .ti b{font-size:13px}
  .ti small{font-size:11.5px}
}
.foot-safe{display:grid;gap:6px}
.foot-safe li{display:flex;gap:8px;align-items:flex-start;font-size:13px}
.foot-safe .ic{flex:none;color:var(--blue);margin-top:2px}
@media (max-width:620px){
  .foot-grid{grid-template-columns:1fr 1fr;gap:18px}
  .foot-grid>div:first-child,.foot-grid .foot-wide{grid-column:1/-1}
  .foot-shop{display:none}
}
.btn-lg{padding:14px 22px;font-size:15.5px}
.sell-hero{display:flex;flex-wrap:wrap;gap:20px 32px;align-items:center;justify-content:space-between;background:linear-gradient(135deg,var(--blue) 0%,#0B3BB0 100%);color:#fff;border-radius:22px;padding:30px 32px}
.sell-hero h1{color:#fff}
.sell-hero p{margin:8px 0 14px;max-width:52ch;color:rgba(255,255,255,.85)}
.sell-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.sell-price b{font:800 34px var(--f-display)}
.sell-price span{color:rgba(255,255,255,.85);font-size:14px}
.sell-cta{display:grid;gap:10px;min-width:240px}
.sell-cta .btn-primary{background:#fff;color:var(--blue);justify-content:center}
.sell-cta .btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.45);justify-content:center}
.sell-steps{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.sell-steps li{border:1px solid var(--line);border-radius:16px;padding:16px;display:grid;gap:4px;align-content:start}
.ss-n{width:38px;height:38px;border-radius:10px;background:var(--blue-l);color:var(--blue);display:grid;place-items:center;margin-bottom:6px}
.sell-steps b{font-size:14.5px}
.sell-steps small{color:var(--muted);font-size:13px;line-height:1.4}
@media (max-width:620px){.sell-hero{padding:24px 20px;border-radius:18px}.sell-cta{width:100%}.sell-steps{grid-template-columns:1fr 1fr}.sell-steps li{padding:12px}}
.kyc-prog{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;counter-reset:none}
.kyc-prog li{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--muted);border-top:3px solid var(--line);padding-top:8px}
.kyc-prog li span{flex:none;width:22px;height:22px;border-radius:50%;background:var(--soft);display:grid;place-items:center;font-size:11.5px;color:var(--muted)}
.kyc-prog li.done{color:#0E7A4F;border-top-color:#1F9D63}
.kyc-prog li.done span{background:#1F9D63;color:#fff}
.kyc-bar{margin:0;border-top:0;background:transparent;padding:0;position:static}
@media (max-width:760px){.kyc-bar{position:sticky;bottom:calc(68px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.96);padding:10px 0;border-top:1px solid var(--line)}}
.kyc-bar .btn{width:100%;justify-content:center}
@media (max-width:420px){.kyc-prog li{font-size:11.5px;gap:6px}}

/* ---- round 4 ---- */
.notice b .ic{display:inline-block;vertical-align:-3px;margin-right:4px}
.pd-facts{display:flex;flex-wrap:wrap;gap:6px}
.fact{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;padding:5px 10px;border-radius:999px;background:var(--soft);color:var(--ink)}
.fact.ok{background:#E8F7EF;color:#0E7A4F}
.stars-sm{color:#E59A1A;font-weight:700}
.sb-rev{justify-self:start;padding:0;font-size:13px;font-weight:600;color:var(--blue)}
.stars{color:#E59A1A;letter-spacing:1px}
.rev-sum{display:flex;gap:14px;align-items:center;margin-bottom:16px}
.rev-sum>b{font:800 40px var(--f-display)}
.rev-sum>span{display:grid;gap:2px}.rev-sum small{color:var(--muted);font-size:13px}
.revs{display:grid;gap:10px}
.rev{border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:grid;gap:4px}
.rev-top{display:flex;justify-content:space-between;gap:8px;font-size:13px}
.rev p{margin:0;font-size:14px}
.rate-stars{display:flex;justify-content:center;gap:6px}
.rs{border:0;background:none;font-size:40px;line-height:1;color:#D5DCE8;padding:4px;cursor:pointer}
.rs.on{color:#E59A1A}
.rated{align-self:center;font-size:12.5px;color:#9A5B00;font-weight:600}
.seg{display:flex;gap:8px;flex-wrap:wrap}
.seg label{position:relative}
.seg input{position:absolute;opacity:0;inset:0}
.seg span{display:block;border:1px solid var(--line);border-radius:10px;padding:9px 14px;font-weight:600;font-size:13.5px;cursor:pointer}
.seg input:checked+span{background:var(--blue);border-color:var(--blue);color:#fff}
.seg input:focus-visible+span{outline:2px solid var(--blue);outline-offset:2px}
.pf-row{align-items:start}
.pf-row select,.pf-row input{height:46px}
.bs-wa{margin-top:-2px}
.cart-item .t b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.kyc-fig img{object-fit:contain!important;background:#0B1B3A}
.filter-btn{display:none}
.admin-tabs .chip{white-space:nowrap}
@media (max-width:760px){
  .hero-side{display:none}
  .hero-main{padding:24px 20px 52px}
  .hero-copy h1{font-size:26px}
  .hero-copy p{font-size:14px;margin-bottom:14px}
  .hero-art{height:150px!important;margin-top:14px!important}
  .trust{display:flex;overflow-x:auto;scrollbar-width:none;gap:8px;scroll-snap-type:x mandatory}
  .trust .ti{flex:0 0 auto;width:auto;max-width:72%;scroll-snap-align:start;align-items:center}
  .ti small{display:none}
  .filter-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 14px;font:600 13.5px var(--f-body);color:var(--ink);margin-bottom:12px}
  .filter-btn em{font-style:normal;background:var(--blue);color:#fff;border-radius:999px;min-width:20px;height:20px;display:grid;place-items:center;font-size:11.5px}
  .toolbar{display:none}
  .toolbar.open{display:flex}
  .admin-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding-inline:16px}
  .admin-tabs .chip{flex:none}
  .page>.panel{padding:16px 14px}
  .pf-row{grid-template-columns:1fr}
  .toast{top:auto;bottom:calc(80px + env(safe-area-inset-bottom,0px))}
  @keyframes toastin{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}
}
@media (min-width:761px){.toast{top:auto;bottom:24px}}
.wl-foot .link-btn{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
@media (max-width:620px){.wl-foot{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wl-foot .dotsep{display:none}.wl-foot>span:first-child{grid-column:1/-1;text-align:center}.wl-foot .link-btn{justify-content:center;border:1px solid var(--line);border-radius:10px;padding:11px;text-decoration:none;color:var(--ink);font-weight:600}.wl-foot [data-install]{grid-column:1/-1;background:var(--blue-xl);color:var(--blue);border-color:#C9D8FB}}

/* ---- round 5 ---- */
.pd-bar-price{margin-left:auto;padding-left:10px;border-left:1px solid rgba(255,255,255,.35);font-weight:700}
.more-menu{position:relative}
.more-menu summary{list-style:none;min-width:38px;justify-content:center;font-weight:800;letter-spacing:1px}
.more-menu summary::-webkit-details-marker{display:none}
.mm-pop{position:absolute;right:0;top:calc(100% + 6px);z-index:20;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 30px rgba(11,27,58,.14);padding:6px;display:grid;min-width:180px}
.mm-pop button{border:0;background:none;text-align:left;padding:10px 12px;border-radius:8px;font:500 14px var(--f-body);color:var(--ink);cursor:pointer}
.mm-pop button:hover{background:var(--soft)}
.mm-pop .bad-t{color:#C0352B}
@media (max-width:1100px){.mm-pop{left:0;right:auto}}
.arow-btn{width:100%;text-align:left;background:#fff;font:inherit;color:inherit;cursor:pointer}
.arow-btn:hover{border-color:#C9D8FB}
.flabel{font-weight:600;font-size:13.5px}
.rq-star{font-style:normal;color:#C0352B}
.qty-sm{display:inline-flex;margin-top:6px}
.qty-sm button{width:30px;height:30px}
.qty-sm button:disabled{opacity:.35}
.cart-item .t>span{display:block}
.seg-wide{display:grid;grid-template-columns:1fr 1fr}
.seg-wide span{display:grid;gap:2px;padding:12px 14px}
.seg-wide small{font-weight:500;font-size:12px;opacity:.8}
.kyc-figs .kyc-fig img{height:340px}
.dstats .stat{background:#fff}
.happ-t{display:none}
@media (min-width:1101px){.happ{width:auto;padding:0 12px;gap:6px;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;height:40px}.happ-t{display:inline;font:600 13px var(--f-body)}}
@media (max-width:760px){
  .hero-nav{display:none!important}
  .hero-main{padding:22px 20px 40px;min-height:0}
  .dots{bottom:16px!important}
  .gal-main{height:min(42vh,360px)}
  .pd-img{height:min(40vh,340px)}
  .admin-tabs{-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
  .dstats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.hphone b{font-size:14px}.hphone small{font-size:12px}
.cart-item .t>.qty-sm{display:inline-flex}

/* ---- round 6 ---- */
.pd-bar .btn{white-space:nowrap}
.sb-links{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center}
.sb-links .link-btn{padding:0;font-size:13px;font-weight:600;color:var(--blue);display:inline-flex;align-items:center;gap:4px}
.sb-links .report-link{color:var(--muted);font-weight:500}
.seller-box>.report-link{display:none}
.deals .sizes{margin-top:8px}
.deal{border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 12px;display:grid;text-align:left;font:inherit;cursor:pointer}
.deal b{font-size:13.5px}.deal small{font-size:11.5px;color:#0E7A4F;font-weight:600}
.deal[aria-pressed="true"]{border-color:var(--blue);background:var(--blue-xl)}
.deal-row{display:flex;align-items:center;gap:8px}
.deal-row input{flex:1;min-width:0}
.deal-row span{color:var(--muted);font-size:13px;white-space:nowrap}
.tb-grp{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.kyc-zoom{display:block;position:relative;width:100%;border:0;padding:0;background:#EEF1F6;border-radius:12px;overflow:hidden;cursor:zoom-in}
.kyc-zoom img{display:block;width:100%;height:340px;object-fit:contain!important;background:#EEF1F6!important}
.kyc-zoom span{position:absolute;right:8px;bottom:8px;display:inline-flex;gap:4px;align-items:center;background:rgba(11,27,58,.75);color:#fff;font-size:12px;padding:4px 8px;border-radius:999px}
.zoom{position:fixed;inset:0;z-index:80;background:rgba(5,12,28,.92);display:grid;place-items:center;padding:20px;cursor:zoom-out}
.zoom img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}
.zoom .close{position:absolute;top:16px;right:16px;background:#fff}
.admin-sel{display:none}
.dstats-h{margin-top:16px}
.dstats-h+.dstats{margin-top:6px}
.cat>span:last-child{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:760px){
  .admin-tabs{display:none}
  .admin-sel{display:block;margin-bottom:14px}
  .admin-sel select{width:100%;height:46px;border:1px solid var(--line);border-radius:12px;padding:0 14px;font:600 15px var(--f-body);background:#fff}
  .arow{position:relative}
  .arow .more-menu{position:absolute;top:10px;right:10px}
  .arow .acts:not(:has(> :not(.more-menu))){padding:0;border:0;min-height:0;gap:0}
  .arow:has(.more-menu) .t{padding-right:44px}
}
@media (max-width:420px){
  .pd-bar [data-chat-seller]:not(.pd-main){padding-inline:14px}
  .pd-bar [data-chat-seller]:not(.pd-main) span{display:none}
}

/* ---- round 7 ---- */
.setup-steps{margin-top:16px;border:1px solid var(--line);border-radius:16px;padding:16px;display:grid;gap:10px;background:#fff}
.setup-steps ol{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.setup-steps li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted)}
.setup-steps li.done{color:var(--ink)}
.setup-steps .btn{justify-self:start}
.bundle-note{font-size:12px;color:#0E7A4F;font-weight:600}
.ci-r s{font-size:12px;font-weight:500}
.sw{display:inline-flex;align-items:center;gap:6px}
.swd{width:14px;height:14px;border-radius:50%;border:1px solid rgba(11,27,58,.2);display:inline-block}
.size.sw[aria-pressed="true"] .swd{border-color:#fff}
.kyc-foot{position:sticky;bottom:calc(-26px - env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid var(--line);margin:12px -22px calc(-26px - env(safe-area-inset-bottom,0px));padding:12px 22px calc(14px + env(safe-area-inset-bottom,0px));z-index:3}
.kyc-zoom img{height:280px}
.need em{font-style:normal;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:2px;margin-top:4px}
.mrow{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;font-size:14px}
.mrow .muted{margin-left:auto;font-size:12.5px}
.odot{width:8px;height:8px;border-radius:50%;background:#1F9D63;flex:none}
.deal-t{color:#0E7A4F;font-weight:600}

/* ---- round 8 ---- */
@media (max-width:760px){
  .hero-main{flex-direction:row!important;align-items:center!important;gap:14px;padding:18px 16px 34px!important}
  .hero-copy{min-width:0;flex:1}
  .hero-copy h1{font-size:21px!important;line-height:1.15}
  .hero-copy p{display:none}
  .hero-copy .btn{padding:10px 14px;font-size:13.5px}
  .hero-art{display:block!important;position:relative!important;width:108px!important;height:136px!important;flex:none;margin:0!important;inset:auto!important}
  .hero-art .g2,.hero-art .g3,.hero-art .blob{display:none!important}
  .hero-art .g1{position:absolute;left:0!important;top:0!important;right:auto!important;width:100%!important;transform:rotate(3deg);border-width:3px}
  .dots{left:16px!important;bottom:14px!important}
  .ti b{font-size:13px}
}
.ti small{font-size:13px;color:#4A5873}
.chips{-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent);mask-image:linear-gradient(90deg,#000 92%,transparent);padding-right:24px}
.pname{min-height:2.6em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pbody{display:flex;flex-direction:column}
.pfoot{margin-top:auto}
.cat>span:last-child{-webkit-line-clamp:3}
@media (max-width:620px){.kyc .row2{grid-template-columns:1fr}}
.prof-empty{padding:16px}
@media (max-width:760px){.trust{padding-left:16px;padding-right:16px;scroll-padding-left:16px}}

/* ---- round 9 ---- */
.setup-steps li{display:block}
.st-row{display:flex;align-items:center;gap:12px;width:100%;min-height:46px;padding:6px 4px;border:0;background:none;font:inherit;color:inherit;text-align:left;border-radius:10px}
button.st-row{cursor:pointer}
button.st-row:hover{background:var(--soft)}
.st-row .st-l{flex:1}
.st-row>.ic{color:var(--muted)}
.st-dot{flex:none;width:22px;height:22px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center}
.setup-steps li.done .st-dot{background:#1F9D63;border-color:#1F9D63;color:#fff}
.setup-steps li.done .st-l{color:var(--muted)}
.setup-steps li:not(.done) .st-l{color:var(--ink);font-weight:600}
.st-next{font-style:normal;font-size:11px;font-weight:700;background:var(--blue);color:#fff;border-radius:999px;padding:2px 8px}
.cchip{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--blue);background:var(--blue-xl);border-radius:10px;padding:4px 4px 4px 10px;font-size:13.5px;font-weight:600}
.cchip button{width:28px;height:28px;border:0;border-radius:8px;background:#fff;font-size:16px;font-weight:700;color:var(--blue);cursor:pointer}
#pd-choices.flash{animation:flashc 1s ease 2}
@keyframes flashc{50%{background:#FFF4D6;box-shadow:0 0 0 8px #FFF4D6;border-radius:8px}}
span.deal{cursor:default}
span.deal.on{border-color:#1F9D63;background:#E8F7EF}
@media (max-width:760px){.kyc-bar{position:static!important;border-top:0!important;padding:4px 0 0!important;background:none!important}}
.kyc-priv{display:flex;gap:6px;align-items:center}
.kyc-priv .ic{color:#0E7A4F;flex:none}
@media (max-width:640px){.wl-ph{height:110px!important}.wl-t{font-size:13.5px}}
.vtick{display:inline-grid;place-items:center;width:14px;height:14px;border-radius:50%;background:#1F9D63;color:#fff;margin-left:4px;vertical-align:-2px}
.btn-icon{display:inline-flex;align-items:center;gap:6px}
@media (max-width:760px){
  .admin-tabs{display:flex!important}
  .admin-sel{display:none!important}
  .btn-icon span{display:none}
  .btn-icon{padding:10px}
  .pg-head{flex-wrap:nowrap;align-items:flex-start}
}
.need.on{border-color:#F0B44C;background:#FFF7E6;color:#8A5300}
.need.on b{color:#8A5300}
.fee-note{display:flex;gap:10px;align-items:flex-start;background:var(--blue-xl);border:1px solid #D6E2FC;border-radius:12px;padding:10px 12px;font-size:13px;line-height:1.45}
.fee-note .ic{color:var(--blue);flex:none;margin-top:1px}
.prof-orders-empty{min-height:0!important}
@media (max-width:699px){.gal-main{height:min(36vh,300px)!important}.pd-img{height:min(34vh,290px)!important}}
.pd-desc{margin:0;color:#33415C;line-height:1.55}

/* ---- round 10 ---- */
.admin-badge{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:13px;color:var(--blue);background:var(--blue-xl);border:1px solid #D6E2FC;border-radius:999px;padding:6px 12px}
.bundle-note{display:inline-block;background:#E8F7EF;border-radius:999px;padding:2px 8px;margin-top:4px;white-space:nowrap}
.deal-badge{pointer-events:none;position:absolute;right:10px;bottom:10px;z-index:2;background:#0E7A4F;color:#fff;font-size:11px;font-weight:700;padding:4px 8px;border-radius:999px}
.sh-acts{display:flex;gap:8px;align-items:center}
.icon-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center;color:var(--muted);cursor:pointer}
.icon-btn:hover{color:#C0352B;border-color:#F3C1C1}
.mm-pop a{display:block;padding:10px 12px;border-radius:8px;font-size:14px;color:var(--ink);text-decoration:none}
.mm-pop a:hover{background:var(--soft)}
.contact-row .more-menu .mm-pop{left:0;right:auto}
.ochips{display:flex;flex-wrap:wrap;gap:8px}
.ochip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:13.5px;font-weight:600}
.ochip small{color:var(--muted);font-weight:500}
.panel.flat{background:none;border:0;box-shadow:none;padding:0}
.trust{-webkit-mask-image:none}
@media (max-width:760px){
  .trust{-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
  .pg-head{flex-wrap:wrap!important}
  .pg-head>div:first-child{flex:1 1 100%}
  .pg-acts{width:100%}
  .pg-acts .btn{flex:1;justify-content:center}
  .admin-badge{display:none}
}
@media (max-width:760px){.pg-head:has(>.btn-icon){flex-wrap:nowrap!important}.pg-head:has(>.btn-icon)>div:first-child{flex:1 1 auto}}

/* round 11 */
.pd-bar{flex-wrap:wrap}
.pd-sum{flex:1 0 100%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 10px;align-items:center;text-align:left;background:var(--blue-xl);border:1px solid var(--blue-l);border-radius:10px;padding:7px 12px;font:500 13px/1.35 var(--f-body);color:var(--ink);cursor:pointer}
.pd-sum b{color:var(--ok);font-weight:600}
.sb-links .danger-link{color:var(--muted);font-weight:500}
.sb-links .danger-link:hover{color:var(--danger)}
@media (max-width:760px){
  .trust{display:grid!important;grid-template-columns:1fr 1fr;overflow:visible;-webkit-mask-image:none;mask-image:none;gap:8px}
  .trust .ti{max-width:none;padding:9px 10px;gap:8px}
  .trust .ti b{font-size:12.5px;line-height:1.25}
}
.kyc-auto{display:flex;gap:8px;align-items:flex-start;background:#EAF7EF;color:var(--ok);border-radius:10px;padding:9px 12px;font-size:13.5px;font-weight:500;margin:0 0 10px}
.kyc-auto .ic{flex:none;margin-top:1px}
.stat{position:relative;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}
.stat:hover{border-color:var(--blue);background:#fff}
.stat-go{position:absolute;top:12px;right:12px;color:var(--muted);font-style:normal;display:flex}
.ad-tools{display:flex;gap:10px;align-items:center;margin-bottom:12px}
.ad-tools .ad-q{flex:1;max-width:none;margin:0}
.ad-tools .btn{flex:none}
.chip-n{display:inline-block;min-width:18px;padding:0 5px;margin-left:4px;border-radius:9px;background:rgba(11,27,58,.08);font-size:11.5px;line-height:18px;text-align:center}
.chip[aria-pressed="true"] .chip-n{background:rgba(255,255,255,.25)}
@media (max-width:560px){.ad-tools{flex-wrap:wrap}.ad-tools .btn{order:-1;margin-left:auto}}
@media (max-width:560px){
  .admin-tabs.dash-tabs{display:grid!important;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;overflow:visible;margin-inline:0;padding:4px;background:var(--soft);border-radius:12px;-webkit-mask-image:none;mask-image:none}
  .dash-tabs .chip{padding:8px 4px;font-size:12.5px;justify-content:center;border:0;background:none;white-space:nowrap}
  .dash-tabs .chip[aria-pressed="true"]{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(11,27,58,.12)}
}
.boost-head{margin:36px 0 16px}
.boost-head h2{margin:0}
.boost-head h2 .opt{font:500 15px var(--f-body)}
.boost-head p{margin:6px 0 0;max-width:60ch}
.boost-cta{margin-top:16px;display:flex;justify-content:center}
#prof-form>button[type=submit]{justify-self:start;align-self:flex-start;width:auto}

.seg-fill{display:grid;grid-auto-flow:column;grid-auto-columns:1fr}
.seg-fill span{text-align:center}
@media (max-width:560px){
  .stats.dstats{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px}
  .dstats .stat{padding:10px 8px;text-align:center}
  .dstats .stat b{font-size:18px}
  .dstats .stat span{font-size:11px;line-height:1.2;display:block}
}
.st-wait{display:inline-flex;align-items:center;gap:4px;margin-left:auto;font-style:normal;font-size:12px;font-weight:600;color:var(--warn);background:#FFF6E0;border-radius:999px;padding:3px 9px}
.share-card{display:flex;align-items:center;gap:12px;margin-top:14px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--blue-xl)}
.share-card .sc-ic{width:40px;height:40px;border-radius:50%;background:#fff;color:var(--blue);display:grid;place-items:center;flex:none}
.share-card div{flex:1;min-width:0}
.share-card b{display:block;font:700 14.5px var(--f-display)}
.share-card small{display:block;color:var(--muted);font-size:12.5px;line-height:1.35}
@media (max-width:560px){.stat-go{display:none}}
@media (max-width:760px){
  .admin-tabs:not(.dash-tabs){flex-wrap:wrap!important;overflow:visible!important;-webkit-mask-image:none!important;mask-image:none!important;margin-inline:0!important;padding-inline:0!important;gap:6px}
  .admin-tabs:not(.dash-tabs) .chip{padding:7px 12px;font-size:13px}
}
.contact-3{display:grid!important;grid-template-columns:repeat(3,1fr);gap:8px}
.contact-3 .btn{justify-content:center}
.pd-sum em{flex-basis:100%;font-style:normal;font-size:12.5px;color:var(--blue)}
.wait-t{color:var(--warn)!important;font-weight:600}
.cats{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1100px){.cats{grid-template-columns:repeat(4,minmax(0,1fr))}}
.panel.flat>.setup-line:first-child{margin-top:0}
@media (max-width:760px){
  .admin-tabs:not(.dash-tabs){display:grid!important;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px!important;background:var(--soft);border-radius:12px}
  .admin-tabs:not(.dash-tabs) .chip{justify-content:center;text-align:center;border:0;background:none;padding:8px 4px;font-size:13px;white-space:nowrap}
  .admin-tabs:not(.dash-tabs) .chip[aria-pressed="true"]{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(11,27,58,.12)}
}
/* round 12 */
.cart-item .t .bundle-note{color:#0E7A4F;width:max-content;max-width:100%;white-space:nowrap}
.ci-r .ci-price{color:var(--ink);font-weight:700;font-size:15px}
.btn-wa{background:#1FA855;border-color:#1FA855;color:#fff}
.btn-wa:hover{background:#178F47;border-color:#178F47;color:#fff}
.sb-t .sb-rev{padding:0;font:inherit;color:var(--blue);font-weight:600;text-decoration:underline}
.tab-n{font-style:normal;display:inline-block;min-width:18px;padding:0 5px;margin-left:4px;border-radius:9px;background:#F5A524;color:#fff;font-size:11.5px;font-weight:700;line-height:18px;text-align:center}
.pmeta{min-height:1.3em}
@media (max-width:760px){
  .pd-bar [data-chat-seller]:not(.pd-main) span{display:inline!important}
  .welcome{padding-bottom:20px}
}
@media (max-width:560px){
  .share-card{flex-wrap:wrap}
  .share-card div{flex:1 1 calc(100% - 56px)}
  .share-card .btn{flex:1 0 100%;justify-content:center}
}
.hsearch.hs-admin{background:none!important;border:0!important;box-shadow:none!important;display:flex;align-items:center;padding:0}
@media (max-width:760px){.hsearch.hs-admin{display:none!important}}
/* round 13: tighter phone home */
@media (max-width:560px){
  .trust{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;padding-top:12px}
  .trust .ti{flex-direction:column;align-items:center;text-align:center;padding:8px 4px!important;gap:4px!important;border-radius:12px}
  .trust .ti .tic{width:28px;height:28px}
  .trust .ti .tic .ic{width:15px;height:15px}
  .trust .ti b{font-size:11px!important;line-height:1.2;font-weight:600}
  .cat{flex:0 0 76px!important;padding:8px 2px 6px!important;gap:6px!important;background:none!important;font-size:11.5px}
  .cat .cat-ph{width:58px;height:58px;box-shadow:0 3px 8px rgba(11,27,58,.12)}
  .cat small{display:none}
  .cat[aria-pressed="true"] .cat-ph{outline:2px solid var(--blue);outline-offset:2px}
  .sb-links .danger-link{flex-basis:100%;font-size:12px}
}
.bag-next{margin:14px 0 0;padding:12px 14px 12px 32px;background:var(--soft);border-radius:12px;font-size:13px;color:var(--ink);display:grid;gap:4px}
.bag-next li::marker{color:var(--blue);font-weight:700}
.view-shop{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:0;font-size:13.5px;font-weight:600;color:var(--blue)}
@media (max-width:560px){.bag-sec .row2{grid-template-columns:1fr}}
.pfoot{padding-top:6px}
/* round 14 */
@media (max-width:620px){.wl-foot{grid-template-columns:1fr}}
@media (min-width:761px){#products .chips{flex-wrap:wrap;overflow:visible;-webkit-mask-image:none;mask-image:none;padding-right:0}}
.pname{min-height:0}
@media (min-width:561px){.pname{min-height:2.7em}}
@media (max-width:760px){
  .arow-btn{display:grid!important;grid-template-columns:auto 1fr auto;align-items:center}
  .arow-btn .acts{border:0!important;padding:0!important;margin:0!important;grid-column:auto!important;width:auto!important}
}
/* departments */
.menu-pop.menu-depts{width:min(1080px,calc(100vw - 48px));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px 18px;padding:18px 18px 14px;max-height:min(78vh,720px);overflow:auto}
.md{display:flex;flex-direction:column;min-width:0;margin-bottom:8px}
.md-h{display:flex;align-items:center;gap:8px;font:700 13.5px var(--f-display);color:var(--ink);padding:4px 6px 6px}
.md-h .mi-ic,.dept h3 .mi-ic{width:30px;height:30px;border-radius:9px;background:var(--blue-l);display:grid;place-items:center;flex:none}
.md-h .mi-ic svg,.dept h3 .mi-ic svg{width:22px;height:22px}
.menu-depts .mi{padding:6px 8px;font-size:13.5px;gap:8px;border-radius:8px}
.menu-depts .mi:hover{background:var(--soft)}
.menu-depts .mi-0{color:var(--muted)}
.dept-list{display:grid;gap:18px}
.dept h3{display:flex;align-items:center;gap:10px;margin:0 0 10px;font:700 15px var(--f-display)}
.dept-cats{display:flex;flex-wrap:wrap;gap:8px}
.dc{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 13px;font:500 13.5px var(--f-body);color:var(--ink);cursor:pointer}
.dc .num{font-size:11.5px;color:var(--muted)}
.dc:hover{border-color:var(--blue)}
.dc-0{color:var(--muted)}
@media (max-width:1100px){.menu-pop.menu-depts{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* orders and transfers */
.form-h{font:700 15px var(--f-display);margin:10px 0 0}
.my-orders{display:grid;gap:12px}
.my-order{border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;gap:8px;background:#fff}
.my-order.cancelled{opacity:.65}
.mo-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.mo-top b{display:block;font-size:14.5px}
.mo-top .muted{font-size:12.5px}
.mo-items{font-size:13px;color:var(--muted)}
.my-order .acts{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.paybox{display:grid;gap:8px;background:var(--blue-xl);border:1px solid var(--blue-l);border-radius:12px;padding:12px;font-size:13.5px}
.paybox.cash,.paybox.wait{display:flex;gap:8px;align-items:flex-start;background:var(--soft);border-color:var(--line);color:var(--ink)}
.paybox.cash .ic,.paybox.wait .ic{flex:none;margin-top:1px;color:var(--muted)}
.paybox.claim{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:#FFF9EE;border-color:#F5D9A8;margin:8px 0}
.paybox.claim>.ic{color:var(--warn)}
.paybox.claim span{flex:1 1 220px}
.paybox.claim .acts{flex:1 0 100%}
.paybox.done{background:#EEF8F2;border-color:#CBEBD8}
.paybox .bank{display:grid;gap:2px}
.paybox .bank b{font:700 16px var(--f-display)}
.paybox .bank .copy-num{font-weight:700;color:var(--blue);display:inline-flex;align-items:center;gap:4px}
.paybox .hint{margin:0}
.paybox .btn{justify-self:start}
.pay-ok{color:var(--ok);font-weight:600;display:inline-flex;align-items:center;gap:5px}
.pay-wait{color:var(--warn);font-weight:600;display:inline-flex;align-items:center;gap:5px}
.pay-bad{color:var(--danger);font-weight:600}
.pay-hint{display:flex;gap:6px;align-items:flex-start;margin:-4px 0 0}
.pay-hint .ic{flex:none;color:var(--ok);margin-top:2px}
.paybox .bank,.paybox .bank *{font-family:var(--f-body)}
.paybox .bank .label{letter-spacing:.04em;font-size:11.5px}
.paybox .bank b{font-family:var(--f-display)}
.paybox .bank .copy-num{text-decoration:none;border:0;background:none;padding:0;font-size:15px;letter-spacing:.02em}
.mo-top .pill{flex:none;white-space:nowrap}
.o-ph2{display:block;font-size:13px;margin-top:2px;color:var(--blue)}
.pw-wrap{position:relative}
.pw-wrap input{width:100%;padding-right:72px}
.pw-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--blue);font:inherit;font-weight:600;font-size:14px;padding:8px 10px;cursor:pointer;border-radius:8px}
.pw-eye:focus-visible{outline:2px solid var(--blue);outline-offset:1px}
.auth-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}
.wallet{border:1px solid var(--line,#e3e8f2);border-radius:14px;padding:14px 16px;margin-bottom:16px;background:var(--blue-xl)}
.wallet .w-top{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.wallet .w-top>div{display:grid;gap:2px}
.wallet .w-top b{font-size:24px}
.wallet .w-list{margin-top:10px;display:grid;gap:6px;border-top:1px dashed var(--line,#d5dcea);padding-top:10px}
.wallet .w-row{display:flex;gap:10px;align-items:center;font-size:14px}
.wallet .w-row span:first-child{flex:1}
.pill.paidout{background:#e6f6ec;color:#17733a}
.arow.esc-row{grid-template-columns:minmax(0,1fr)}
.arow.esc-row .t{display:grid;gap:4px}
.arow.esc-row .acts{justify-content:flex-start}
.more-sentinel{height:1px}
/* People in search results */
.people{margin-bottom:16px}
.people .label{display:block;margin-bottom:8px}
.people-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.person{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid var(--line);background:#FFFFFF;border-radius:var(--r);padding:12px 14px;color:var(--ink);min-width:0}
.person:hover{border-color:#C7D5F2}
.person.on{background:var(--blue-xl);border-color:#C7D5F2}
.p-av{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--blue-xl);color:var(--blue,#1D4ED8);font-weight:700}
.person.on .p-av{background:#FFFFFF}
.p-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.p-t b{display:flex;align-items:center;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.p-t small{color:var(--muted);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.p-x{flex:none;color:var(--muted)}

/* ---------- collectors ---------- */
.seg-wide.seg-3{grid-template-columns:repeat(3,1fr)}
@media (max-width:520px){.seg-wide.seg-3{grid-template-columns:1fr}}
.cjobs{display:grid;gap:12px;margin-bottom:16px}
.cjob{border:1px solid var(--blue-l);border-radius:14px;padding:14px;display:grid;gap:10px;background:#fff}
.cjob.delivered,.cjob.cancelled{border-color:var(--line)}
.cj-code{display:grid;justify-items:center;gap:2px;padding:12px;border-radius:12px;background:var(--blue-xl);border:1px dashed var(--blue);text-align:center}
.cj-code b{font-family:var(--f-display);font-size:32px;letter-spacing:.3em;color:var(--blue-d);padding-left:.3em}
.cj-code small{color:var(--muted);font-size:12px}
.cj-who{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13.5px}
.cj-who>span{flex:1 1 180px}
.cj-who .ic{color:var(--blue)}
.cj-stops{display:grid;gap:6px}
.cj-stop{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:13.5px}
.cj-h{margin:22px 0 10px;display:flex;gap:8px;align-items:baseline}
.cj-h .muted{font-size:14px;font-weight:600}
.cj-open{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.cj-card{display:grid;gap:10px;margin-bottom:12px}
.cj-open .cj-card{margin-bottom:0}
.cj-earn{color:var(--ok);font-size:18px}
.cj-how{margin:0 0 14px}
.cj-steps{display:grid;gap:0}
.cj-step{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:10px 0;border-top:1px solid var(--line)}
.cj-step .t{display:grid;gap:4px;justify-items:start}
.cj-step .t>b{font-size:14.5px}
.cj-step .pill{justify-self:start}
.cj-step.off{opacity:.55}
.cj-n{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--soft);font-weight:700;font-size:13px;color:var(--ink)}
.cj-step.done .cj-n{background:var(--ok);color:#fff}
.cj-deliver{display:flex;gap:8px;margin-top:4px}
.cj-deliver input{width:130px;font-size:18px;letter-spacing:.25em;text-align:center;padding:8px 10px;border:1px solid var(--line);border-radius:10px;font-family:var(--f-display)}
#cj-settings .row2{align-items:start}
.my-order .hint .ic,.cj-step .hint .ic{display:inline;vertical-align:-2px}
/* Terms and conditions */
.terms{max-width:760px;padding-block:32px 48px}
.terms h1{font-family:var(--f-display);font-size:clamp(28px,5vw,40px);margin:6px 0 8px}
.terms h2{font-size:18px;margin:26px 0 6px}
.terms p{line-height:1.65;margin:0}
.terms a{color:var(--blue)}
.foot-terms{background:none;border:0;padding:0;color:inherit;text-decoration:underline;font:inherit;cursor:pointer}
/* Student or outside seller choice on the shop form */
.kyc-who{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;border-radius:12px;background:var(--blue-xl);border:1px solid var(--blue-l)}
.kyc-who button{border:0;background:none;border-radius:9px;padding:10px 8px;font-weight:600;font-size:14px;color:var(--muted)}
.kyc-who button[aria-pressed="true"]{background:#FFFFFF;color:var(--ink);box-shadow:0 1px 3px rgba(16,24,40,.12)}

/* ---- admin, redesigned 2026-10-25: side menu on desktop, section switcher on phones ---- */
.adm{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:232px minmax(0,1fr);gap:28px;padding:22px max(28px,env(safe-area-inset-right,0px)) 60px max(28px,env(safe-area-inset-left,0px));background:var(--soft);min-height:calc(100vh - 70px)}
.adm-side{position:sticky;top:88px;align-self:start;display:grid;gap:4px;max-height:calc(100vh - 110px);overflow:auto;padding-bottom:8px}
.adm-brand{display:flex;align-items:center;gap:8px;font:800 15px var(--f-display);color:var(--blue);padding:4px 12px 8px}
.adm-nav{display:grid;gap:14px}
.adm-grp{display:grid;gap:2px}
.adm-gt{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:0 12px 4px}
.adm-link{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;border-radius:10px;padding:9px 12px;font:600 14px var(--f-body);color:var(--ink);cursor:pointer;text-align:left}
.adm-link .ic{color:var(--muted);flex:none}
.adm-link span{flex:1}
.adm-link:hover{background:#fff}
.adm-link[aria-current="page"]{background:#fff;color:var(--blue);box-shadow:0 1px 3px rgba(11,27,58,.08)}
.adm-link[aria-current="page"] .ic{color:var(--blue)}
.adm-n{font-style:normal;font-size:11.5px;font-weight:800;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:#FFE9C7;color:#8A5300;display:inline-grid;place-items:center}
.adm-shop{margin-top:10px;border-top:1px solid var(--line);border-radius:0;padding-top:14px}
.adm-main{min-width:0;display:grid;gap:16px;align-content:start}
.adm-top{display:flex;align-items:center;gap:14px}
.adm-tt{flex:1;min-width:0}
.adm-tt h1{font:800 26px var(--f-display);margin:0;letter-spacing:-.01em}
.adm-tt p{margin:2px 0 0;font-size:13.5px}
.adm-switch{display:none}
.adm-drop{display:none}
.adm-refresh{flex:none;background:#fff}
.adm-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;min-width:0}
.adm-body{padding:20px}
.adm-ch{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:700;font-size:14px;margin-bottom:10px}
.adm-ch b{font:800 17px var(--f-display)}
.adm-h{font:800 15px var(--f-display);margin:8px 0 -4px;display:flex;gap:8px;align-items:baseline}
.adm-hello{font:700 17px var(--f-display);margin:0;color:var(--ink)}
.adm-main>.setup-line{margin-top:0}
.adm-needs{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.adm-need{display:flex;align-items:center;gap:10px;border:1px solid #F0C98A;background:#FFF8EC;border-radius:14px;padding:12px 14px;font:inherit;color:#7A4A00;cursor:pointer;text-align:left}
.adm-need b{font:800 22px var(--f-display)}
.adm-need span:not(.adm-ni){flex:1;font-size:13.5px;font-weight:600;line-height:1.25}
.adm-need:hover{border-color:#E0A84A}
.adm-ni{width:34px;height:34px;border-radius:10px;background:#fff;display:grid;place-items:center;flex:none}
.adm-ok{display:flex;align-items:center;gap:10px;background:#EAF7EF;border:1px solid #BFE5CD;color:#11613A;border-radius:14px;padding:12px 14px;font-weight:600;font-size:14px}
.adm-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.adm-qa{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:11px 10px;font:600 14px var(--f-body);color:var(--ink);cursor:pointer}
.adm-qa .ic{color:var(--blue)}
.adm-qa:hover{border-color:var(--blue)}
.adm-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.adm-kpi{display:grid;gap:2px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;font:inherit;color:var(--ink);cursor:pointer}
div.adm-kpi{cursor:default}
button.adm-kpi:hover{border-color:var(--blue)}
.adm-kpi span{font-size:12.5px;font-weight:600;color:var(--muted)}
.adm-kpi b{font:800 24px var(--f-display);letter-spacing:-.01em}
.adm-kpi small{font-size:12px;color:var(--muted)}
.adm-kpis-3{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}
.adm-kpis-3 .adm-kpi{background:var(--soft)}
.adm-charts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.adm-chart svg{width:100%;height:auto;display:block;overflow:visible}
.adm-chart .adm-base{stroke:var(--line);stroke-width:1}
.adm-chart path{fill:var(--blue)}
.adm-bar:hover path{fill:var(--blue-d)}
.adm-chart text{font-size:9px;fill:var(--muted);font-family:var(--f-body)}
.adm-cols{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px;align-items:start}
.adm-mini-list{display:grid}
.adm-li{display:flex;align-items:center;gap:10px;padding:9px 0;border:0;border-top:1px solid var(--line);background:none;font:inherit;color:inherit;text-align:left;width:100%}
.adm-mini-list>.adm-li:first-child{border-top:0}
button.adm-li{cursor:pointer}
button.adm-li:hover .adm-li-t b{color:var(--blue)}
.adm-li-t{flex:1;min-width:0;display:grid}
.adm-li-t b{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.adm-li-t small{font-size:12px;color:var(--muted)}
.adm-rank{width:24px;height:24px;border-radius:8px;background:var(--blue-xl);color:var(--blue);font-weight:800;font-size:12px;display:grid;place-items:center;flex:none}
.adm-tools,.ad-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:12px}
.adm-tools .ad-q,.ad-tools .ad-q{flex:1 1 260px;max-width:none;margin:0;height:42px;padding:0 14px 0 38px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235F6E8A' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 13px 50%;border-radius:12px}
.adm-sort{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);font-weight:600}
.adm-sort select{height:42px;border:1px solid var(--line);border-radius:12px;padding:0 10px;font:600 14px var(--f-body);background:#fff;color:var(--ink)}
.adm-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.adm-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 12px;font:600 13px var(--f-body);color:var(--ink);cursor:pointer;white-space:nowrap}
.adm-chip span{font-size:11.5px;color:var(--muted);background:var(--soft);border-radius:999px;padding:0 7px;min-width:20px;text-align:center}
.adm-chip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.adm-chip[aria-pressed="true"] span{background:rgba(255,255,255,.18);color:#fff}
.adm-empty{padding:28px 12px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:12px}
.adm .arow{background:#fff}
.adm-av{border-radius:50%!important;background:var(--blue-xl);width:44px;height:44px;display:grid;place-items:center;position:relative;font-size:14px}
.adm-av.on::after{content:"";position:absolute;right:1px;bottom:1px;width:11px;height:11px;border-radius:50%;background:#1F9D63;border:2px solid #fff}
.adm-av.plus{background:#FFF3D6;color:#8A5B00}
.adm-row .t>b{display:flex!important;align-items:center;gap:6px;flex-wrap:wrap;white-space:normal!important}
.adm-tag{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--blue);background:var(--blue-xl);border-radius:6px;padding:2px 6px}
.plus-tag{display:inline-flex;align-items:center;gap:3px;margin-left:6px;vertical-align:1px;font:800 10px var(--f-body);letter-spacing:.04em;text-transform:uppercase;color:#7A4E00;background:linear-gradient(135deg,#FFE7A3,#F6C453);border-radius:6px;padding:2px 6px;line-height:1.3}
.adm-row .plus-tag,.adm-li .plus-tag{margin-left:0}
.adm-plus-hero{display:flex;gap:14px;align-items:flex-start;background:linear-gradient(135deg,#FFF6DD,#FFFDF6);border:1px solid #F3D891;border-radius:16px;padding:16px 18px}
.adm-plus-hero ul{margin:6px 0 0;padding-left:18px;font-size:14px;color:#5A4410}
.adm-plus-hero b{font:800 16px var(--f-display)}
.adm-plus-ic{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#FFE7A3,#F6C453);color:#7A4E00;display:grid;place-items:center;flex:none}
.adm-body>.panel-sub:first-child{margin-top:0}
@media (max-width:1180px){.adm-cols{grid-template-columns:1fr 1fr}.adm-cols>:first-child{grid-column:1/-1}}
@media (max-width:900px){
  .adm{grid-template-columns:1fr;padding:12px max(16px,env(safe-area-inset-right,0px)) 90px max(16px,env(safe-area-inset-left,0px));gap:12px}
  .adm-side{display:none}
  .adm-top{flex-wrap:wrap;gap:10px;position:sticky;top:64px;z-index:6;background:var(--soft);padding:6px 0;margin:-6px 0 0}
  .adm-switch{display:flex;align-items:center;gap:8px;flex:1;min-width:0;height:44px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:0 14px;font:700 15px var(--f-body);color:var(--ink);cursor:pointer;order:1}
  .adm-switch span{flex:1;text-align:left}
  .adm-switch .ic:first-child{color:var(--blue)}
  .adm-switch[aria-expanded="true"]>.ic:last-child{transform:rotate(180deg)}
  .adm-refresh{order:2;height:44px}
  .adm-refresh span{display:none}
  .adm-tt{order:3;flex-basis:100%}
  .adm-tt h1{display:none}
  .adm-tt p{font-size:13px}
  .adm-drop{display:block;order:4;flex-basis:100%;max-height:70vh;overflow:auto}
  .adm-charts{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:80%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:-16px;padding-inline:16px}
  .adm-charts>*{scroll-snap-align:start}
  .adm-drop{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:0 16px 40px rgba(11,27,58,.14)}
  .adm-nav-m{grid-template-columns:1fr 1fr;gap:12px 10px}
  .adm-nav-m .adm-grp:first-child{grid-column:1/-1}
  .adm-nav-m .adm-link{padding:10px}
  .adm-nav-m .adm-link[aria-current="page"]{background:var(--blue-xl)}
  .adm-cols{grid-template-columns:1fr}
  .adm-quick{grid-template-columns:1fr 1fr}
  .adm-card,.adm-body{padding:14px}
  .adm-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-14px;padding-inline:14px}
  .adm-chips::-webkit-scrollbar{display:none}
  .adm-kpis{grid-template-columns:1fr 1fr}
  .adm-kpi{padding:12px 14px}
  .adm-kpi b{font-size:21px}
  .adm-kpis-3{grid-template-columns:1fr 1fr}
  .adm-tools .ad-q,.ad-tools .ad-q{flex-basis:100%}
}
@media (max-width:420px){.adm-needs{grid-template-columns:1fr}}
@media (max-width:340px){.adm-nav-m{grid-template-columns:1fr}}
main:has(> .adm){background:var(--soft)}