body[data-view="seller"] .nav{display:none}
#sellerProfileRoot{max-width:none;padding:0;margin:0;position:relative}
.sp-hero{position:relative;display:flex;flex-direction:column;gap:8px;padding-block:56px 6px;padding-inline:max(10px,calc((100% - 1320px) / 2 + 10px));overflow:visible}
.sp-cover{position:absolute;inset:0;overflow:hidden;background:linear-gradient(120deg,#eef2ff,#fdf2f8,#ecfeff)}
.sp-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sp-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.74) 0,rgba(0,0,0,.54) 42%,rgba(0,0,0,.24) 72%,rgba(0,0,0,.12) 100%),linear-gradient(0deg,rgba(0,0,0,.58) 0,rgba(0,0,0,.20) 42%,rgba(0,0,0,0) 70%)}
.sp-topbar{position:absolute;top:0;left:0;right:0;z-index:6;display:flex;align-items:center;gap:8px;padding:10px max(10px,calc((100% - 1320px) / 2 + 10px))}
.sp-barbtn{width:34px;height:34px;border-radius:50%;border:1px solid #d4cfc6;background:#fff;color:var(--ink);display:grid;place-items:center;cursor:pointer;flex:none;box-shadow:0 2px 8px rgba(0,0,0,.10);transition:background .15s,border-color .15s,color .15s,box-shadow .15s}
.sp-barbtn:hover{background:var(--line2);border-color:#c9c2b6;color:var(--ink);box-shadow:0 4px 12px rgba(0,0,0,.12)}
.sp-barbtn .ic{width:16px;height:16px}
.sp-cartbtn{display:none;position:relative}
.sp-cartbadge{position:absolute;top:-3px;right:-3px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--pink);color:#fff;font:800 .56rem/17px 'Space Grotesk';text-align:center;box-shadow:0 2px 6px #00000030}
.sp-search{flex:1 1 140px;min-width:0;max-width:none;display:flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:999px;border:1px solid #d4cfc6;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08),inset 0 1px 2px rgba(0,0,0,.04);transition:border-color .15s,box-shadow .15s}
.sp-search:focus-within{border-color:var(--x);box-shadow:0 0 0 3px #1d9bf015}
.sp-search .ic{width:14px;height:14px;color:var(--mut2);flex:none}
.sp-search input{flex:1;min-width:0;border:none;background:none;outline:none;color:var(--ink);font:500 .72rem 'Space Grotesk'}
.sp-search input::placeholder{color:var(--mut2)}
.sp-menu{position:relative;flex:none}
.sp-menulist{position:absolute;right:0;top:calc(100% + 6px);width:max-content;min-width:0;max-width:calc(100vw - 20px);background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 34px #00000024;padding:5px;display:grid;gap:2px;z-index:30}
.sp-menulist button{display:flex;align-items:center;gap:8px;width:100%;border:none;background:none;padding:8px 10px;border-radius:8px;font:600 .7rem 'Space Grotesk';color:var(--txt);cursor:pointer;text-align:left;transition:background .15s}
.sp-menulist button:hover{background:var(--bg)}
.sp-menulist button.danger{color:#b91c1c}
.sp-menulist button.danger:hover{background:#fef2f2}
.sp-menulist .ic{width:14px;height:14px}
.sp-id{position:relative;z-index:3;display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}
.sp-av{position:relative;width:64px;height:64px;border-radius:50%;border:0;overflow:visible;background:rgba(0,0,0,.22);flex:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.72),0 1px 4px rgba(0,0,0,.28);display:grid;place-items:center;font-size:1.35rem;line-height:1;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.55)}
.sp-av img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}
.sp-m-crown{position:absolute;right:-2px;bottom:-2px;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#8b7cf0,#6d5bd8);border:2px solid #fff;display:grid;place-items:center;color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.35);z-index:2}
.sp-m-crown .ic{width:12px;height:12px}
.sp-idinfo{flex:1;min-width:0}
.sp-user,.sp-dh-user{display:none!important}
.sp-name,.sp-namebtn{display:flex;align-items:center;gap:5px;min-width:0;color:#fff;font:800 1rem 'Space Grotesk';letter-spacing:-.3px;text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 8px rgba(0,0,0,.72),0 2px 16px rgba(0,0,0,.45)}
.sp-namebtn{border:none;background:none;padding:0;margin:0;cursor:pointer;max-width:100%}
.sp-name>span,.sp-namebtn>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-namebtn .ic{width:14px;height:14px;color:#ffffffe6;flex:none}
.sp-join{font-size:.58rem;color:#ffffffea;margin-top:2px;text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 8px rgba(0,0,0,.70),0 2px 14px rgba(0,0,0,.42)}
.sp-prem{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;margin-top:2px;flex:none;padding:4px 10px;border-radius:999px;background:linear-gradient(135deg,#fff7ed,#fef3c7);border:1px solid #fde68a;color:#b45309;font:800 .6rem 'Space Grotesk';white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.35);cursor:pointer;appearance:none;transition:transform .15s,filter .15s}
.sp-prem:hover{filter:brightness(1.04)}
.sp-prem:active{transform:scale(.97)}
.sp-prem .ic{width:13px;height:13px}
.sp-actions{position:relative;z-index:3;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;margin-top:0}
.sp-sold{display:inline-flex;align-items:center;gap:4px;width:fit-content;flex:none;border:1px solid #fde68a;border-radius:999px;background:linear-gradient(135deg,#fff7ed,#fef3c7);color:#b45309;font:700 .54rem 'Space Grotesk';padding:4px 8px;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.22)}
.sp-sold .sold-ic{width:11px;height:11px;flex:none;color:#b45309}
.sp-sold-label{color:#92400e}
.sp-sold-num{font-weight:800;color:#b45309;margin-left:1px}
.sp-sold-unit{color:#a16207;font-weight:700;margin-left:3px}
.sp-sold-desktop{display:none;margin-right:auto}
.sp-sold-mobile{margin-top:4px}
.sp-action{display:inline-flex;align-items:center;gap:5px;width:fit-content;flex:none;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(0,0,0,.34);color:#fff;font:700 .58rem 'Space Grotesk';padding:5px 9px;cursor:pointer;white-space:nowrap;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-shadow:0 1px 3px rgba(0,0,0,.7);box-shadow:0 2px 8px rgba(0,0,0,.18);transition:background .15s,border-color .15s,transform .15s}
.sp-action:hover{background:rgba(0,0,0,.5);border-color:rgba(255,255,255,.4)}
.sp-action:active{transform:scale(.97)}
.sp-action:focus-visible{outline:2px solid #fff;outline-offset:2px}
.sp-action .ic{width:12px;height:12px;flex:none}
.sp-dhero,.sp-sechead-d{display:none}
.sp-body{display:block}
.sp-main{max-width:1320px;margin:0 auto;padding:var(--l) 10px 48px}
.sp-sechead{display:block;padding-bottom:8px;border-bottom:1px solid var(--line);margin-bottom:var(--m)}
.sp-sechead h2{font-size:.95rem;font-weight:800;color:var(--ink)}
.sp-sechead h2.sp-sec-title{display:flex;align-items:center;gap:6px}
.sp-sec-title .ic{width:16px;height:16px;flex:none;color:var(--x)}
.sp-sectop{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.sp-count{font-size:.66rem;font-weight:600;color:var(--mut);white-space:nowrap}
.sp-hint{display:block;margin:4px 0 0;font-size:.66rem;color:var(--mut);font-weight:600}
body[data-view="seller"] .grid{grid-template-columns:repeat(2,1fr)}
.sp-sentinel{height:2px}
.sp-retry{border:1px solid var(--line);background:var(--card);color:var(--ink);font:700 .68rem 'Space Grotesk';padding:8px 14px;border-radius:999px;cursor:pointer;margin-top:10px}
.sp-retry:hover{background:var(--line2)}
.sp-mov{position:fixed;inset:0;z-index:80;background:#00000073;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:grid;place-items:center;padding:16px;animation:spFade .2s}
@keyframes spFade{from{opacity:0}}
.sp-modal{width:min(560px,100%);max-height:min(86vh,760px);overflow-y:auto;background:var(--card);border-radius:18px;box-shadow:0 24px 60px #00000040;animation:modalIn .28s cubic-bezier(.2,.9,.3,1.1);position:relative;overscroll-behavior:contain}
.sp-mx{position:absolute;top:10px;right:10px;z-index:5;width:32px;height:32px;border-radius:50%;border:none;background:var(--line2);color:var(--mut);display:grid;place-items:center;cursor:pointer;transition:all .15s}
.sp-mx:hover{background:var(--line);color:var(--ink)}
.sp-mx .ic{width:15px;height:15px}
.sp-mtop{padding:16px 48px 4px 16px}
.sp-mname{display:flex;align-items:center;gap:6px;font-size:1.05rem;font-weight:800;color:var(--ink);min-width:0}
.sp-mname>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-mname .sp-mname-sep{flex:none;overflow:visible;color:var(--mut2);font-weight:600}
.sp-mname .sp-mname-extra{min-width:0;color:var(--mut);font-size:.82rem;font-weight:600}
.sp-msec{font-size:.6rem;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--mut);padding:12px 16px 6px}
.sp-mctarow{display:flex;gap:8px;flex-wrap:wrap;margin:0 16px 12px}
.sp-mcta{display:flex;align-items:center;gap:10px;margin:0;padding:11px 14px;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:700 .74rem 'Space Grotesk';cursor:pointer;transition:all .15s;flex:1 1 160px;min-width:0}
.sp-mcta:hover{border-color:#d4cfc6;background:var(--line2);transform:translateY(-1px)}
.sp-mcta img{width:20px;height:20px;border-radius:5px;flex:none}
.sp-mcta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-mcta .ar{margin-left:auto;display:inline-flex;color:var(--mut);flex:none}
.sp-mcta .ar .ic{width:15px;height:15px}
.sp-mempty{padding:6px 16px 14px;font-size:.74rem;color:var(--mut);line-height:1.6}
.sp-minfo{padding:0 16px 14px;font-size:.76rem;line-height:1.6;color:var(--txt);overflow-wrap:anywhere}
.sp-mstats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:12px 16px 6px}
.sp-mstat{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:7px 4px;text-align:center;min-width:0}
.sp-mstat b{display:block;font-size:.78rem;font-weight:800;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sp-mstat i{font-style:normal;font-size:.5rem;text-transform:uppercase;letter-spacing:.6px;color:var(--mut)}
.sp-mlist{padding:8px 16px 4px}
.sp-mrow{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px dashed var(--line);font-size:.72rem}
.sp-mrow:last-child{border-bottom:none}
.sp-mrow span{color:var(--mut);flex:none}
.sp-mrow b{color:var(--ink);font-weight:700;text-align:right;min-width:0;overflow-wrap:anywhere}
.sp-mdesc{padding:0 16px 14px;font-size:.76rem;line-height:1.6;color:var(--txt);overflow-wrap:anywhere;white-space:pre-wrap}
.sp-mnote{margin:8px 16px 10px;padding:10px 12px;border-radius:12px;background:var(--line2);border:1px dashed var(--line);font-size:.72rem;line-height:1.55;color:var(--txt);overflow-wrap:anywhere}
.sp-mval{display:flex;align-items:center;justify-content:flex-end;gap:5px;min-width:0}
.sp-mtruncate{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-ulink{display:inline-flex;align-items:center;gap:5px;min-width:0;color:inherit;text-decoration:none}
.sp-uic{width:12px;height:12px;flex:none}
.sp-mspacer{height:12px}
.sp-pop{position:fixed;z-index:90;width:max-content;max-width:min(320px,calc(100vw - 24px));padding:12px 14px;border-radius:14px;background:var(--card);border:1px solid var(--line);box-shadow:0 18px 44px #0000002e;color:var(--txt);opacity:0;transform:translateY(-6px) scale(.97);transform-origin:top left;pointer-events:none;transition:opacity .18s ease,transform .22s cubic-bezier(.2,1.2,.3,1)}
.sp-pop.open{opacity:1;transform:none;pointer-events:auto}
.sp-pop::before{content:'';position:absolute;top:-5px;left:var(--ax,14px);width:10px;height:10px;background:var(--card);border-left:1px solid var(--line);border-top:1px solid var(--line);transform:rotate(45deg)}
.sp-pop.above::before{top:auto;bottom:-5px;border-left:none;border-top:none;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.sp-pop-head{display:flex;align-items:center;gap:6px;font:800 .74rem 'Space Grotesk';color:var(--ink);margin-bottom:8px}
.sp-pop-head .ic{width:14px;height:14px;color:#b45309;flex:none}
.sp-pop-info{font-size:.66rem;line-height:1.5;color:var(--mut);margin-bottom:8px}
.sp-pop-list{display:grid;gap:2px}
.sp-pop-item{display:flex;gap:8px;align-items:flex-start;padding:6px 0;border-bottom:1px dashed var(--line)}
.sp-pop-item:last-child{border-bottom:none}
.sp-pop-item .ic{width:14px;height:14px;color:#6d5bd8;flex:none;margin-top:2px}
.sp-pop-item b{display:block;font-size:.68rem;color:var(--ink)}
.sp-pop-item span{display:block;font-size:.62rem;color:var(--mut);line-height:1.45}
.sp-pop-items{display:flex;flex-direction:column;gap:6px}
.sp-pop-empty{font-size:.7rem;color:var(--mut);padding:2px 0}
.sp-pop-about{font-size:.74rem;line-height:1.6;color:var(--txt);white-space:pre-wrap;overflow-wrap:anywhere;max-height:60vh;overflow-y:auto}
.sp-pop-chip{display:inline-flex;align-items:center;gap:5px;font-size:.62rem;font-weight:700;padding:5px 10px;border-radius:999px;background:var(--bg);border:1px solid var(--line);color:var(--txt);white-space:nowrap}
.sp-pop-chip img{width:16px;height:16px;border-radius:3px;object-fit:contain;flex:none}
.sp-pop-chip .chip-ic{width:12px;height:12px;flex:none;color:var(--mut)}
a.sp-pop-chip{text-decoration:none;transition:border-color .15s,color .15s}
a.sp-pop-chip:hover{border-color:var(--x);color:var(--x)}
.sp-pop-cta{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;background:var(--bg);color:var(--ink);font:700 .62rem 'Space Grotesk';padding:5px 12px;cursor:pointer;white-space:nowrap;transition:border-color .15s,background .15s}
.sp-pop-cta:hover{border-color:#d4cfc6;background:var(--line2)}
.sp-pop-cta img{width:16px;height:16px;border-radius:50%;background:#fff;padding:2px;flex:none}
.sp-pop-cta.wa{border-color:#25d36640;color:#128c4b}
.sp-pop-cta.wa:hover{background:#25d36614;border-color:#25d366}
.sp-pop-cta.tg{border-color:#229ed940;color:#1275a8}
.sp-pop-cta.tg:hover{background:#229ed914;border-color:#229ed9}
@media (max-width:400px){
.sp-av{width:56px;height:56px;font-size:1.15rem}
.sp-m-crown{width:20px;height:20px}
.sp-m-crown .ic{width:11px;height:11px}
.sp-name,.sp-namebtn{font-size:.9rem}
.sp-mstats{grid-template-columns:repeat(2,1fr)}
.sp-sold{padding:3px 7px;font-size:.52rem;gap:3px}
.sp-sold .sold-ic{width:10px;height:10px}
.sp-action{padding:4px 8px;font-size:.56rem;gap:4px}
.sp-action .ic{width:11px;height:11px}
}
@media (min-width:640px){
.sp-topbar{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 1px 0 #00000006;padding:8px max(10px,calc((100% - 1320px) / 2 + 10px))}
.sp-topbar>.sp-barbtn:first-child{margin-right:auto}
.sp-cartbtn{display:grid}
.sp-search{height:40px;max-width:min(560px,62%)}
body[data-view="seller"] .cartfab{display:none!important}
.sp-hero{margin:12px auto 0;max-width:1320px;border-radius:20px;box-shadow:0 10px 30px #00000014;padding:18px;gap:14px}
.sp-cover{border-radius:20px}
.sp-id,.sp-sechead-m{display:none!important}
.sp-dhero{position:relative;z-index:3;display:flex;flex-direction:column;gap:14px}
.sp-dh-main{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:end}
.sp-dh-left{display:flex;align-items:flex-start;gap:14px;min-width:0}
.sp-dh-av{position:relative;width:84px;height:84px;border-radius:50%;border:0;overflow:visible;background:rgba(0,0,0,.28);flex:none;box-shadow:0 0 0 3px rgba(255,255,255,.9),0 6px 18px rgba(0,0,0,.3);display:grid;place-items:center;font-size:1.9rem;font-weight:800;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.6)}
.sp-dh-av img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}
.sp-dh-crown{position:absolute;right:-2px;bottom:-2px;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#8b7cf0,#6d5bd8);border:2px solid #fff;display:grid;place-items:center;color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.35);z-index:2}
.sp-dh-crown .ic{width:14px;height:14px}
.sp-dh-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.sp-dh-nrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.sp-dh-name{font-size:1.3rem;font-weight:800;color:#fff;letter-spacing:-.4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 10px rgba(0,0,0,.75),0 2px 18px rgba(0,0,0,.48)}
.sp-dh-prem{display:inline-flex;align-items:center;gap:4px;flex:none;padding:4px 10px;border-radius:999px;background:linear-gradient(135deg,#fff7ed,#fef3c7);border:1px solid #fde68a;color:#b45309;font:800 .62rem 'Space Grotesk';white-space:nowrap;cursor:pointer;appearance:none;box-shadow:0 2px 8px rgba(0,0,0,.3);transition:filter .15s,transform .15s}
.sp-dh-prem:hover{filter:brightness(1.04)}
.sp-dh-prem:active{transform:scale(.97)}
.sp-dh-prem .ic{width:13px;height:13px}
.sp-dh-join{display:flex;align-items:center;gap:5px;font-size:.7rem;color:#ffffffea;text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 8px rgba(0,0,0,.70),0 2px 14px rgba(0,0,0,.42)}
.sp-dh-join .ic{width:13px;height:13px;flex:none}
.sp-dh-desc{font-size:.8rem;line-height:1.55;color:#fffffff5;max-width:62ch;overflow-wrap:anywhere;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 9px rgba(0,0,0,.72),0 2px 16px rgba(0,0,0,.45)}
.sp-dh-desc-text{display:inline}
.sp-dh-more-inline{display:inline-flex;align-items:center;gap:4px;border:none;background:rgba(255,255,255,.18);color:#fff;font:700 .62rem 'Space Grotesk';padding:2px 8px;border-radius:999px;cursor:pointer;vertical-align:baseline;white-space:nowrap;margin-left:4px;text-shadow:0 1px 2px rgba(0,0,0,.85);transition:background .15s}
.sp-dh-more-inline:hover{background:rgba(255,255,255,.30)}
.sp-dh-more-inline:active{transform:scale(.97)}
.sp-dh-more-inline .ic{width:10px;height:10px;flex:none}
.sp-actions{margin-top:2px;gap:8px}
.sp-sold{padding:7px 12px;font-size:.64rem;gap:6px}
.sp-sold .sold-ic{width:14px;height:14px}
.sp-sold-desktop{display:inline-flex}
.sp-action{padding:7px 12px;font-size:.64rem;gap:6px}
.sp-action .ic{width:14px;height:14px}
.sp-body{max-width:1320px;margin:var(--m) auto 0;padding-inline:10px}
.sp-main{max-width:none;margin:0;padding:0 0 48px}
.sp-sechead-d{display:flex;align-items:center;gap:12px;margin-bottom:var(--m);padding-bottom:var(--m);border-bottom:1px solid var(--line)}
.sp-secicon{width:42px;height:42px;border-radius:12px;background:var(--bg);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink);flex:none}
.sp-secicon .ic{width:20px;height:20px}
.sp-sectext{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.sp-sectext h2{font-size:1.15rem;font-weight:800;color:var(--ink);letter-spacing:-.3px}
.sp-secsub{font-size:.78rem;line-height:1.5;color:var(--mut)}
.sp-seccount{display:inline-flex;align-items:center;gap:6px;flex:none;padding:6px 12px;border-radius:999px;background:var(--bg);border:1px solid var(--line);font:700 .72rem 'Space Grotesk';color:var(--ink);white-space:nowrap}
.sp-seccount .ic{width:14px;height:14px;color:var(--mut)}
.sp-modal{width:min(640px,100%)}
body[data-view="seller"] .grid{grid-template-columns:repeat(3,1fr)}
}
@media (min-width:1024px){
.sp-barbtn{width:38px;height:38px}
.sp-search{height:42px}
.sp-dh-av{width:100px;height:100px;font-size:2.2rem}
.sp-modal{width:min(720px,100%);max-height:min(88vh,860px)}
body[data-view="seller"] .grid{grid-template-columns:repeat(4,1fr)}
}
@media (min-width:1440px){
.sp-dh-av{width:108px;height:108px}
.sp-dh-name{font-size:1.5rem}
.sp-modal{width:min(800px,100%)}
body[data-view="seller"] .grid{grid-template-columns:repeat(4,1fr)}
}
.sp-feat-wrap{min-width:0;margin-bottom:calc(var(--m) + var(--l))}
.sp-feat-box{min-width:0}
.sp-feat-head{display:flex;align-items:center;gap:8px;margin-bottom:4px;min-width:0}
.sp-feat-title{display:inline-flex;align-items:center;gap:6px;margin-right:auto;font-size:.95rem;font-weight:800;color:var(--ink);min-width:0}
.sp-feat-title .ic{width:16px;height:16px;flex:none;color:#f59e0b}
.sp-feat-nav{display:none;align-items:center;gap:4px;flex:none}
.sp-feat-navbtn{width:28px;height:28px;min-height:28px;padding:0;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--mut);display:grid;place-items:center;cursor:pointer;transition:color .15s,border-color .15s,background .15s}
.sp-feat-navbtn:hover{color:var(--acc);border-color:#c7d2fe;background:var(--acc-soft)}
.sp-feat-navbtn .ic{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.sp-feat-count{font-size:.66rem;font-weight:800;color:#b45309;background:#fef3c7;border:1px solid #fde68a;border-radius:999px;padding:3px 10px;flex:none}
.sp-feat-desc{font-size:.66rem;font-weight:600;color:var(--mut);line-height:1.45;min-width:0;padding-bottom:8px;border-bottom:1px solid var(--line);margin-bottom:var(--m)}
.sp-feat-scroll{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px 0 0;min-width:0}
.sp-feat-scroll::-webkit-scrollbar{display:none}
.sp-feat-scroll .card{flex:0 0 calc((100% - 10px)/2);width:auto;min-width:0;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s}
.sp-feat-scroll .card:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.12);border-color:#d7dee8}
.sp-feat-scroll .card:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
@media (min-width:640px){.sp-feat-nav{display:inline-flex}}
@media (min-width:768px){.sp-feat-title{font-size:1.05rem}.sp-feat-scroll .card{flex:0 0 240px;width:240px;min-width:240px}}
@media (min-width:1024px){.sp-feat-title{font-size:1.1rem}.sp-feat-scroll .card{flex:0 0 260px;width:260px;min-width:260px}}