/* SELIV V1 — shared styles (marketplace pages). Mobile-first. */
@font-face{font-family:M;src:url(fonts/montserrat-latin-500-normal.woff2)format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:M;src:url(fonts/montserrat-latin-600-normal.woff2)format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:M;src:url(fonts/montserrat-latin-700-normal.woff2)format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:M;src:url(fonts/montserrat-latin-800-normal.woff2)format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:M;src:url(fonts/montserrat-latin-900-normal.woff2)format("woff2");font-weight:900;font-display:swap}
@font-face{font-family:J;src:url(fonts/plus-jakarta-sans-latin-400-normal.woff2)format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:J;src:url(fonts/plus-jakarta-sans-latin-500-normal.woff2)format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:J;src:url(fonts/plus-jakarta-sans-latin-600-normal.woff2)format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:J;src:url(fonts/plus-jakarta-sans-latin-700-normal.woff2)format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:J;src:url(fonts/plus-jakarta-sans-latin-800-normal.woff2)format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:C;src:url(fonts/caveat-latin-600-normal.woff2)format("woff2");font-weight:600;font-display:swap}
:root{--y:#FFC700;--y2:#FF9A00;--k:#0B0B0D;--k2:#141417;--k3:#1d1d22;--g:#f5f5f2;--m:#6b6b72;--line:#e7e7e2;--blue:#0095F6;--red:#FF2D55;--green:#19C37D;color-scheme:light}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:clip}
body{font-family:J,system-ui,sans-serif;color:var(--k);background:#fff;-webkit-font-smoothing:antialiased;line-height:1.45}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;border:0;background:none}
img{max-width:100%}
[hidden]{display:none!important}
h1,h2,h3,h4,.M{font-family:M,sans-serif}
.wrap{max-width:1200px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.kick{font:700 11.5px M;letter-spacing:.24em;text-transform:uppercase}
.kick b{color:var(--y)}
:focus-visible{outline:2px solid var(--y);outline-offset:2px}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* nav */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--k);border-bottom:1px solid rgba(255,255,255,.08)}
.nav .wrap{display:flex;align-items:center;gap:20px;height:64px}
.logo{flex-shrink:0;display:block}.logo img{height:38px;width:auto;max-width:none;display:block;object-fit:contain}
.nav ul{display:none;gap:22px;list-style:none}
.nav ul a{color:#cfcfd4;font-size:14px;font-weight:600;white-space:nowrap}
.nav ul a:hover,.nav ul a.on{color:#fff}
.nav .r{margin-left:auto;display:flex;gap:8px;align-items:center}
.nav .hide-s{display:none}
@media(min-width:1000px){.nav ul{display:flex}.nav .hide-s{display:inline-flex}.nav .wrap{height:72px}.logo img{height:46px}}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;font:700 14px M;white-space:nowrap;transition:transform .15s,opacity .15s;text-align:center}
.btn:hover{transform:translateY(-1px)}
.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
.btn.y{background:var(--y);color:var(--k)}
.btn.o{border:1.5px solid rgba(255,255,255,.25);color:#fff}
.btn.k{background:var(--k);color:#fff}
.btn.ghost{border:1.5px solid var(--line);color:var(--k);background:#fff}
.btn.red{background:#fff;border:1.5px solid #ffc2cd;color:#c4123a}
.btn.big{min-height:54px;padding:0 26px;font-size:15.5px}
.btn.sm{min-height:36px;padding:0 13px;font-size:12.5px}
.btn.full{width:100%}

/* sections */
section{padding:64px 0}
.hd{display:flex;justify-content:space-between;align-items:flex-end;gap:16px 30px;margin-bottom:28px;flex-wrap:wrap}
.hd h2{font-weight:900;font-size:clamp(28px,4vw,46px);line-height:1.02;letter-spacing:-.03em;text-wrap:balance}
.hd p{color:var(--m);font-size:16px;max-width:440px}
.bar{display:inline-block;width:26px;height:5px;border-radius:5px;background:var(--y);margin-right:10px;vertical-align:middle}
.dark{background:var(--k);color:#fff}.dark .hd p{color:#a7a7ae}
.soft{background:var(--g)}
@media(min-width:1000px){section{padding:96px 0}}

/* pills / chips */
.pill{display:inline-flex;align-items:center;gap:6px;font:800 11px M;border-radius:8px;padding:5px 9px}
.pill.live{background:var(--red);color:#fff}
.pill.live:before{content:"";width:7px;height:7px;border-radius:50%;background:#fff;animation:blink 1.2s infinite}
.pill.demo{background:#fff3c4;color:#6b5300}
.pill.ok{background:#E6F9F0;color:#0d8a57}
@keyframes blink{50%{opacity:.25}}
.tag{display:inline-block;font-size:12px;font-weight:700;border:1px solid var(--line);border-radius:999px;padding:4px 10px;background:#fff}
.st{display:inline-block;font:800 11.5px M;border-radius:999px;padding:5px 10px;white-space:nowrap}
.st.requested{background:#FFF6D6;color:#7a5c00}.st.accepted,.st.paid{background:#E6F9F0;color:#0d8a57}.st.completed{background:#E8F5FF;color:#0068b0}
.st.declined,.st.cancelled{background:#f1f1ef;color:#77777f}.st.pending_payment{background:#f1f1ef;color:#77777f}

/* forms */
.field{display:flex;flex-direction:column;gap:6px;min-width:0}
.field label,.lab{font:700 13px M}
.field small{color:var(--m);font-size:12.5px}
.in{width:100%;min-height:46px;border:1.5px solid var(--line);border-radius:14px;padding:10px 14px;background:#fff;font-size:15.5px;outline:0}
.in:focus{border-color:var(--k)}
textarea.in{resize:vertical;min-height:96px}
.check{display:flex;gap:10px;align-items:flex-start;font-size:14px;cursor:pointer}
.check input{width:20px;height:20px;accent-color:var(--k);flex:none;margin-top:1px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.ct{position:relative}
.ct input{position:absolute;opacity:0;pointer-events:none}
.ct span{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;border:1.5px solid var(--line);font:700 13px M;background:#fff;cursor:pointer}
.ct input:checked+span{background:var(--k);border-color:var(--k);color:#fff}
.ct input:focus-visible+span{outline:2px solid var(--y)}
.err{background:#fff0f3;color:#b0102f;border-radius:12px;padding:10px 14px;font-weight:600;font-size:14px}
.okmsg{background:#E6F9F0;color:#0b6e45;border-radius:12px;padding:12px 14px;font-weight:600;font-size:14px}
.note{font-size:12.5px;color:var(--m)}

/* seller card */
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(min-width:760px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
@media(min-width:1100px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.sc{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;padding:8px;transition:transform .15s,box-shadow .2s;min-width:0}
.sc:hover{transform:translateY(-3px);box-shadow:0 20px 40px -28px rgba(0,0,0,.45)}
.sc .ph{position:relative;aspect-ratio:4/5;border-radius:14px;overflow:hidden;background:var(--g)}
.sc .ph img{width:100%;height:100%;object-fit:cover}
.sc .ph .noimg{position:absolute;inset:0;display:grid;place-items:center;font:900 34px M;color:#c9c9c9}
.sc .ph .pill{position:absolute;left:8px;top:8px}
.sc .ph .pill.demo{left:auto;right:8px}
.sc .bd{padding:10px 6px 6px;display:flex;flex-direction:column;gap:4px;flex:1}
.sc .nm{display:flex;align-items:center;gap:5px;font:800 15px M;min-width:0}
.sc .nm span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sc .sub{color:var(--m);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc .pfs{display:flex;gap:4px;flex-wrap:wrap;margin-top:2px}
.sc .pfs i{font-style:normal;font:700 10.5px J;background:var(--k);color:#fff;border-radius:6px;padding:3px 6px}
.sc .ft{display:flex;align-items:baseline;justify-content:space-between;margin-top:auto;padding-top:8px}
.sc .ft b{font:900 16px M}
.sc .ft small{color:var(--m);font-size:11.5px}
.vf{width:16px;height:16px;flex:none}
.blur .ph img{filter:blur(10px) saturate(.8);transform:scale(1.1)}

/* status cards / spaces */
.card{background:#fff;border:1px solid var(--line);border-radius:20px}
.empty{text-align:center;padding:36px 18px;color:var(--m)}
.empty b{display:block;font:800 17px M;color:var(--k);margin-bottom:6px}

/* footer */
footer{background:#000;color:#9a9aa2;padding:40px 0 calc(40px + env(safe-area-inset-bottom,0px));font-size:13.5px}
footer .wrap{display:flex;flex-wrap:wrap;gap:18px 30px;align-items:center;justify-content:space-between}
footer .fl{display:flex;gap:16px;flex-wrap:wrap}
footer a:hover{color:#fff}
footer .sl{font:800 12px M;letter-spacing:.28em;color:#fff}
footer .sl span{color:var(--y)}

/* toast */
.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--k);color:#fff;font-weight:600;padding:12px 18px;border-radius:14px;z-index:99;box-shadow:0 10px 30px rgba(0,0,0,.3);max-width:calc(100vw - 32px)}

/* language picker */
.lsel{display:inline-flex;align-items:center;gap:6px;color:#cfcfd4;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:0 10px;min-height:40px;margin-left:auto}
.lsel select{background:transparent;color:#fff;border:0;font:700 13px M;outline:0;cursor:pointer;max-width:96px}
.lsel select option{color:#0B0B0D}
.nav .lsel+.r{margin-left:10px}
[dir=rtl] .lsel{margin-left:0;margin-right:auto}
[dir=rtl] .nav .lsel+.r{margin-left:0;margin-right:10px}
@media(max-width:640px){.lsel{padding:0 8px;min-height:38px}.lsel svg{display:none}.lsel select{max-width:84px;font-size:12px}}

.cbanner{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--y);color:var(--k);border-radius:20px;padding:16px 18px;margin:0 0 16px}
.cbanner b{font:900 17px M;display:block}
.cbanner p{font-size:14px;margin-top:3px;max-width:640px}
.cbanner .btn{background:var(--k);color:#fff}

.bdgs{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.bdg{display:inline-flex;align-items:center;gap:4px;font:800 10.5px M;letter-spacing:.04em;border-radius:999px;padding:4px 9px;white-space:nowrap}
.bdg.v{background:#E8F5FF;color:#0068b0}.bdg.t{background:var(--y);color:var(--k)}.bdg.c{background:var(--k);color:var(--y)}
.lockf{opacity:.55}
.lockf::after{content:" 🔒"}
@media(min-width:1000px) and (max-width:1599px){.nav .wrap{gap:12px}.nav ul{gap:14px}.nav ul a{font-size:13px}.nav .logo img{height:40px}.nav .r .btn{padding-left:14px;padding-right:14px}}
@media(min-width:1000px) and (max-width:1199px){.nav ul{display:none}}
@media(min-width:1200px) and (max-width:1299px){.nav .wrap{gap:10px}.nav ul{gap:10px}.nav ul a{font-size:12.5px}.nav .lsel+.r{margin-left:4px}}
@media(max-width:479px){.nav .wrap{gap:8px}.logo img{height:26px}.lsel{padding:0 6px}.lsel select{max-width:76px;font-size:12px}.nav .lsel+.r{margin-left:6px}.nav .r .btn{padding:0 12px;font-size:12.5px;min-height:38px}}
@media(max-width:359px){.nav .wrap{gap:6px}.logo img{height:22px}.lsel select{max-width:58px;font-size:11.5px}.nav .r .btn{padding:0 10px;font-size:12px}}
.cbanner.soft{background:#fff;border:1.5px solid var(--y);color:var(--k)}.cbanner.soft p{color:var(--m)}.cbanner.soft .btn{background:var(--y);color:var(--k)}
.reflist{display:grid;gap:6px}.refrow{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:8px 10px}.refrow b{font:800 14px M}.refrow small{color:var(--m);font-size:12.5px;flex:1}.refav{width:30px;height:30px;border-radius:50%;background:var(--y);display:grid;place-items:center;font:900 13px M;flex:none}.refst{font:800 11.5px M;border-radius:999px;padding:4px 9px;white-space:nowrap}.refst.ok{background:#E6F9F0;color:#0d8a57}.refst.wait{background:#FFF4CC;color:#7a5a00}.refst.no{background:#F2F2F4;color:#6b6b74}