/* COM creator profile: normal flow, independent of legacy absolute-positioned banners. */
.us-site .jf-creator,.us-site .jf-shop-body,.us-site .jf-shop-heading{box-sizing:border-box;width:calc(100% - 48px);max-width:1200px;margin-left:auto;margin-right:auto}
.us-site .jf-creator{padding:0;overflow:hidden;margin-top:24px;margin-bottom:28px;border:1px solid #e4e0ea;border-radius:24px;background:#fff;color:#202027}
.us-site .jf-creator-cover{width:100%;height:240px;background:#eeedf5;overflow:hidden}
.us-site .jf-creator-cover img{display:block;width:100%;height:100%;object-fit:contain}
.us-site .jf-creator-content{padding:28px 32px;min-width:0}
.us-site .jf-creator-identity{display:flex;align-items:center;gap:18px;min-width:0}
.us-site .jf-creator-identity>div{min-width:0}
.us-site .jf-creator-avatar{display:block;flex:0 0 76px;width:76px;height:76px;border-radius:50%;object-fit:cover;border:1px solid #e4e0ea}
.us-site .jf-creator-name{font-size:30px;font-weight:750;line-height:1.2;overflow-wrap:anywhere;margin:0 0 8px}
.us-site .jf-creator-category{font-size:13px;line-height:1.5;color:#625a76;margin:0;overflow-wrap:anywhere}
.us-site .jf-creator-intro{font-size:16px;line-height:1.65;color:#514e5c;margin:20px 0;max-width:760px;overflow-wrap:anywhere}
.us-site .jf-creator-stats{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;line-height:1.5}
.us-site .jf-creator-stats span{padding:7px 12px;border-radius:999px;background:#f3f1f8}
.us-site .jf-shop{padding:28px 0 56px;background:#faf9fc}
.us-site .jf-shop-heading{font-size:30px;line-height:1.25;font-weight:750;overflow-wrap:anywhere;margin-top:0;margin-bottom:20px}
.us-site .jf-shop-nav{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid #dedbe6;padding-bottom:12px;margin-bottom:24px}
.us-site .jf-shop-nav a{display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;border-radius:12px;font-size:15px;font-weight:650;color:#514e5c;text-decoration:none}
.us-site .jf-shop-nav a[aria-current]{background:#302b69;color:#fff}
.us-site .jf-join{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;border:1px solid #e2ddee;border-radius:18px;background:#f0edf9;margin-bottom:28px}
.us-site .jf-join>div{min-width:0;max-width:740px}
.us-site .jf-join h2{font-size:21px;line-height:1.35;font-weight:700;margin:0 0 8px}
.us-site .jf-join p{font-size:15px;line-height:1.6;margin:0;color:#575266}
.us-site .jf-button{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;min-height:46px;padding:12px 20px;border:0;border-radius:12px;background:#3449e8;color:white;font-size:14px;font-weight:700;text-decoration:none;line-height:1.4;cursor:pointer}
.us-site .jf-shop-search{max-width:580px;margin:0 0 28px}
.us-site .jf-shop-search label{display:block;font-size:14px;font-weight:650;margin-bottom:10px}
.us-site .jf-shop-search>div{display:flex;gap:10px}
.us-site .jf-shop-search input{flex:1;min-width:0;width:100%;border:1px solid #d8d4e2;border-radius:12px;background:white;padding:12px 14px;font-size:16px;line-height:1.5;color:#24212f}
.us-site .jf-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.us-site .jf-product{min-width:0;overflow:hidden;background:#fff;border:1px solid #e4e0ea;border-radius:18px}
.us-site .jf-product>a{display:block;color:inherit;text-decoration:none}
.us-site .jf-product img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.us-site .jf-product a>div{padding:16px}
.us-site .jf-product h2{font-size:17px;line-height:1.45;overflow-wrap:anywhere;margin:0 0 10px}
.us-site .jf-product p{font-size:15px;font-weight:700;margin:0}
.us-site .jf-product span{display:block;margin-top:10px;font-size:13px;line-height:1.5;color:#625a76}
.us-site .jf-shop-empty{grid-column:1/-1;padding:48px 24px;text-align:center;background:#fff;border:1px dashed #d5cedf;border-radius:18px}
.us-site .jf-shop-empty h2{font-size:22px;line-height:1.35;margin:0 0 12px}
.us-site .jf-shop-empty p,.us-site .jf-shop-empty a{font-size:15px;line-height:1.6}
.us-site .jf-shop a:focus-visible,.us-site .jf-shop button:focus-visible,.us-site .jf-shop input:focus-visible{outline:3px solid #7568c4;outline-offset:3px}
@media(max-width:900px){.us-site .jf-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.us-site .jf-join{align-items:flex-start;flex-direction:column}.us-site .jf-creator-cover{height:200px}}
@media(max-width:600px){.us-site .jf-creator,.us-site .jf-shop-body,.us-site .jf-shop-heading{width:calc(100% - 32px)}.us-site .jf-shop{padding-top:22px}.us-site .jf-shop-heading{font-size:25px}.us-site .jf-creator{border-radius:18px;margin-top:18px;margin-bottom:20px}.us-site .jf-creator-cover{height:144px}.us-site .jf-creator-content{padding:20px}.us-site .jf-creator-avatar{flex-basis:60px;width:60px;height:60px}.us-site .jf-creator-identity{gap:14px}.us-site .jf-creator-name{font-size:25px}.us-site .jf-creator-intro{font-size:15px;margin:16px 0}.us-site .jf-join{padding:20px;gap:16px}.us-site .jf-join h2{font-size:19px}.us-site .jf-join>.jf-button{width:100%;box-sizing:border-box}.us-site .jf-product-grid{gap:12px}.us-site .jf-product h2{font-size:15px}.us-site .jf-product a>div{padding:12px}.us-site .jf-shop-empty{padding:32px 18px}}
@media(prefers-reduced-motion:reduce){.us-site .jf-shop *{scroll-behavior:auto}}

/* Shop cover spans the viewport; the shop content retains a readable width. */
.us-site .jf-shop.jf-shop-banner{padding-top:0}
.us-site .jf-shop-cover{width:100%;margin:0;background:#141416;line-height:0}
.us-site .jf-shop-cover img{display:block;width:100%;height:auto;max-width:none;margin:0}
.us-site .jf-shop-banner>.jf-creator{margin-top:0;margin-bottom:24px;border-width:0 0 1px;border-radius:0;background:transparent;overflow:visible}
.us-site .jf-shop-banner .jf-creator-content{padding:28px 0}
@media(max-width:600px){.us-site .jf-shop-banner .jf-creator-content{padding:22px 0}.us-site .jf-shop-banner>.jf-creator{margin-bottom:20px}}