/* Keep the original artwork unchanged. Cover only its baked lettering and
   place real, locally translated page text at the same responsive origin. */
.hero-art .seller-hero-stage{--seller-art-height:1160px;display:none;position:absolute;left:50%;top:0;width:2920px;height:var(--seller-art-height);transform:translateX(-50%);pointer-events:none}
html:not([lang="zh-CN"]) .hero-art .seller-hero-stage{display:block}
.hero-art .seller-hero-clean-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hero-art .seller-hero-mobile-art{display:none}
.hero-art .seller-hero-copy{position:absolute;left:26.8%;top:20.8%;width:23%;color:#fff;text-align:left;overflow-wrap:anywhere}
.hero-art .seller-hero-copy strong{display:block;color:#fe2c55;font-size:clamp(17px,calc(var(--seller-art-height)*.038),44px);line-height:1.2;font-weight:700}
.hero-art .seller-hero-copy span{display:block;margin-top:12px;font-size:clamp(14px,calc(var(--seller-art-height)*.026),30px);font-weight:700;line-height:1.4}
.hero-art .seller-hero-copy .seller-hero-mobile-title,.hero-art .seller-hero-copy .seller-hero-mobile-line{display:none}
html[dir="rtl"] .hero .hero-inner{direction:ltr}
html[dir="rtl"] .hero .register-panel,html[dir="rtl"] .hero-art .seller-hero-copy{direction:rtl;text-align:right}
@media(min-width:768px) and (max-width:1439px){
 .hero-art .seller-hero-stage{--seller-art-height:72vw;top:40px;width:calc(72vw * 5840 / 2320)}
}
@media(min-width:768px) and (max-width:1000px){
 .hero-art .seller-hero-stage{--seller-art-height:64vw;left:calc(50% - 40px);top:70px;width:calc(64vw * 5840 / 2320)}
}
@media(max-width:767px){
 .hero-art .seller-hero-stage{--seller-art-width:min(100vw,409.5px);--seller-art-height:calc(var(--seller-art-width) * 400 / 780);left:50%;top:50%;width:var(--seller-art-width);height:var(--seller-art-height);transform:translate(-50%,-50%)}
 .hero-art .seller-hero-desktop-art{display:none}
 .hero-art .seller-hero-mobile-art{display:block}
 .hero-art .seller-hero-copy{left:7%;top:33%;width:45%}
 .hero-art .seller-hero-copy .seller-hero-desktop-title,.hero-art .seller-hero-copy .seller-hero-desktop-line{display:none}
 .hero-art .seller-hero-copy .seller-hero-mobile-title,.hero-art .seller-hero-copy .seller-hero-mobile-line{display:block}
 .hero-art .seller-hero-copy strong{font-size:clamp(13px,calc(var(--seller-art-height)*.0875),18px);line-height:1.3}
 .hero-art .seller-hero-copy span{margin-top:5px;font-size:clamp(12px,calc(var(--seller-art-height)*.07),14.5px);line-height:1.3}
}
/* Real text counterparts for the original seller flow and brand descriptor. */
.seller-localized-brand,.seller-localized-flow{display:none}
html:not([lang="zh-CN"]) .seller-logo>picture,html:not([lang="zh-CN"]) .process-section>picture{display:none}
html:not([lang="zh-CN"]) .seller-logo{width:auto;max-width:calc(100% - 100px)}
html:not([lang="zh-CN"]) .seller-localized-brand{display:flex;align-items:center;gap:9px;color:#fff;direction:ltr;max-width:100%;min-width:0;font-size:18px;line-height:1.2;white-space:nowrap}
.seller-localized-brand svg{display:block;width:167px;height:31px;flex:none;overflow:hidden}
.seller-localized-brand>span{flex:none;white-space:nowrap;overflow-wrap:normal}
html:not([lang="zh-CN"]) .seller-localized-flow{display:block;position:relative;max-width:1360px;margin:48px auto 0;direction:ltr}
.seller-localized-flow ol{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(2,minmax(100px,auto));gap:60px 24px;list-style:none;padding:0;margin:0 32px 0 16px}
.seller-flow-path{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.seller-flow-step{position:relative;display:flex;align-items:center;justify-content:center;grid-column:var(--flow-column);grid-row:var(--flow-row);padding:16px 12px;border-radius:8px;background:#18e7e7;color:#000;text-align:center;font-size:17px;font-weight:600;line-height:1.45;overflow-wrap:anywhere}
.flow-merchant{background:#fe2c55;color:#fff}
.flow-consumer{background:#1c1c1c;color:#fff}
.seller-flow-step i{position:absolute;top:-17px;left:-17px;display:grid;place-items:center;width:40px;height:40px;border:2px solid #18e7e7;background:#000;border-radius:50%;color:#18e7e7;font-style:normal}
.flow-merchant i{color:#fe2c55;border-color:#fe2c55}
.seller-flow-step i svg{width:22px;height:22px}
.seller-flow-step i b{display:none}
.flow-consumer i{position:static;width:24px;height:24px;margin-right:8px;background:none;border:0;color:#fff}
html[dir="rtl"] .seller-flow-step>span{direction:rtl}
@media(min-width:768px) and (max-width:1100px){.seller-flow-step{font-size:13px;padding:12px 8px}.seller-localized-flow ol{column-gap:18px}}
@media(max-width:767px){
 html:not([lang="zh-CN"]) .seller-logo{max-width:calc(100% - 90px)}
 html:not([lang="zh-CN"]) .seller-localized-brand{gap:6px;font-size:clamp(8px,2.8vw,12px)}
 .seller-localized-brand svg{width:119px;height:22px;flex-shrink:1;min-width:0}
 html:not([lang="zh-CN"]) .seller-localized-flow{margin:32px auto 0}
 .seller-flow-path{display:none}
 .seller-localized-flow ol{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:44px 54px;margin:0 0 0 4px}
 .seller-flow-step{grid-column:auto;grid-row:auto;min-height:70px;font-size:13px;padding:14px 10px}
 .seller-flow-step i{top:calc(50% - 14px);left:-16px;width:28px;height:28px;z-index:2}
 .seller-flow-step i svg{display:none}
 .seller-flow-step i b{display:block;font-size:19px}
 .flow-consumer{background:none;padding-left:0;padding-right:0}
 .flow-consumer i{display:block;width:20px;min-width:20px;height:24px;margin-right:3px}
 .flow-consumer i svg{display:block;width:20px}
 .flow-consumer i b{display:none}
 .seller-flow-step:nth-child(odd)::after{content:"";position:absolute;top:50%;left:100%;width:54px;border-top:2px dashed #fff}
 .seller-flow-step:nth-child(even):not(:last-child)::after{content:"";position:absolute;left:calc(-100% - 27px);top:100%;width:calc(150% + 27px);height:44px;border-right:2px dashed #fff;border-bottom:2px dashed #fff;border-bottom-right-radius:22px;pointer-events:none}
}

 html:not([lang="zh-CN"]) .seller-footer .seller-footer-inner,html:not([lang="zh-CN"]) .seller-footer .seller-footer-links{min-width:0;max-width:100%}
 html:not([lang="zh-CN"]) .seller-footer .seller-footer-links button{max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:start}
html:not([lang="zh-CN"]) .seller-footer .seller-footer-links{flex-wrap:wrap}
