/* Approved supplier MVP: red, flat, spacious, and safe on 375px phones. */
.sf-page,.sf-form,.sf-admin,.sf-cooperation-panel{--sf-red:#df1730;--sf-ink:#202124;--sf-muted:#667085;--sf-line:#e9edf1;--sf-pink:#fff0f2;color:var(--sf-ink);font-size:15px;line-height:1.55;min-width:0;overflow-wrap:anywhere}
.sf-page *,.sf-form *,.sf-admin *,.sf-cooperation-panel *{box-sizing:border-box}.sf-page h1,.sf-form h1,.sf-admin h1{font-size:26px;line-height:1.35;letter-spacing:0}.sf-page h2,.sf-form h2,.sf-admin h2,.sf-cooperation-panel h2{font-size:18px;line-height:1.5;letter-spacing:0}.sf-page h3,.sf-form h3,.sf-admin h3,.sf-cooperation-panel h3{font-size:16px;line-height:1.5;margin:0}.sf-page p,.sf-form p,.sf-admin p,.sf-cooperation-panel p{margin:8px 0;line-height:1.65;overflow-wrap:anywhere}
.sf-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin:0 0 20px}.sf-head>div{min-width:0}.sf-head p{color:var(--sf-muted);font-size:14px;margin-top:7px}.sf-card{background:#fff;border:1px solid var(--sf-line);border-radius:16px;padding:16px;margin:0 0 14px;min-width:0}.sf-card .sf-card{background:#fafbfd}.sf-section-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 12px;min-width:0}.sf-section-title>*{min-width:0}.sf-section-title h2,.sf-section-title h3{flex:1}.sf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;max-width:100%;border:1px solid transparent;background:#f1f3f6;border-radius:12px;padding:11px 14px;font-size:15px;font-weight:600;line-height:1.45;white-space:normal;overflow-wrap:anywhere;color:var(--sf-ink);flex-shrink:0}.sf-btn:hover{background:#e9edf2;border-color:#e4e9ef}.sf-btn.sf-primary{color:white;background:var(--sf-red);border-color:var(--sf-red)}.sf-btn.sf-primary:hover{background:#bd152a;border-color:#bd152a}.sf-btn.sf-outline{background:white;border:1px solid #e8bfc6;color:#b51729}.sf-btn.sf-link{border:0;background:transparent;color:#b51729;padding:8px 2px;font-size:13px}.sf-btn.selected,.sf-btn.sf-selected{background:var(--sf-pink);color:#b51729;border-color:#f4c3cc}.sf-btn.sf-wide{width:100%;margin:6px 0}.sf-btn.sf-back{padding:8px 0;background:none;color:var(--sf-muted);margin-bottom:8px;border:0}.sf-btn:focus-visible,.sf-anchors a:focus-visible{outline:3px solid #a71223;outline-offset:3px}.sf-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;min-width:0}.sf-row{display:flex;align-items:flex-start;gap:13px;min-width:0}.sf-grow{flex:1;min-width:0}.sf-row p{font-size:13px;color:var(--sf-muted);margin:4px 0}.sf-avatar,.sf-thumb{width:70px;height:72px;object-fit:cover;border-radius:12px;flex:0 0 70px}.sf-image-placeholder{display:flex;align-items:center;justify-content:center;background:var(--sf-pink);color:#b51729;font-size:28px}.sf-price{color:var(--sf-red);font-size:20px;font-weight:700;line-height:1.5}.sf-price small{color:var(--sf-muted);font-size:13px;font-weight:400;margin-left:3px}.sf-muted,.sf-page small,.sf-form small,.sf-admin small{color:var(--sf-muted);font-size:13px;line-height:1.6}.sf-preserve{white-space:pre-wrap}.sf-note{padding:12px 14px;background:var(--sf-pink);color:#8c2733;border-radius:12px;font-size:13px;line-height:1.7;margin:14px 0}.sf-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.sf-chips>span,.sf-match-reasons>span{display:inline-flex;font-size:12px;padding:5px 8px;background:#f1f3f6;color:#596579;border-radius:6px}.sf-match-reasons{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.sf-match-reasons>span{background:#edf6f0;color:#2b6d4b}.sf-teaser-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:12px 0 4px}.sf-teaser .sf-intro{font-size:14px;color:#596579;margin:10px 0}.sf-search{display:flex;align-items:center;gap:8px;background:#eef1f5;border-radius:24px;padding:6px 10px 6px 14px;margin:12px 0 14px;min-height:48px}.sf-search svg{width:20px;height:20px;flex:none;color:var(--sf-muted)}.sf-search input{flex:1;width:auto;min-width:0;border:0;background:transparent;padding:8px 0;font-size:14px}.sf-search .sf-btn{font-size:13px;background:#fff;padding:8px 12px;min-height:36px}.sf-top-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 12px}.sf-top-categories button{display:flex;align-items:center;flex-direction:column;gap:6px;min-height:84px;border:0;background:none;padding:4px 4px 10px;color:#667085;position:relative}.sf-top-categories span{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f0f3f8;border-radius:50%}.sf-top-categories svg{width:23px;height:23px}.sf-top-categories b{font-size:14px;font-weight:550}.sf-top-categories .selected{color:#b51729}.sf-top-categories .selected span{color:var(--sf-red);background:var(--sf-pink)}.sf-top-categories .selected:after{content:'';position:absolute;bottom:0;left:calc(50% - 11px);width:22px;height:3px;background:var(--sf-red);border-radius:4px}.sf-publish-strip{display:flex;align-items:center;gap:12px;background:var(--sf-pink);border:1px solid #f6d5da;border-radius:14px;padding:12px;margin-bottom:12px}.sf-publish-strip>div{flex:1;min-width:0}.sf-publish-strip h3{font-size:15px}.sf-publish-strip p{font-size:12px;color:var(--sf-muted);margin:4px 0 0}.sf-publish-strip .sf-btn{font-size:13px;flex:none;padding:10px 12px}.sf-segment{display:grid;grid-template-columns:1fr 1fr;background:#e9edf2;border-radius:11px;padding:4px;gap:4px;margin-bottom:10px}.sf-segment .sf-btn{border-radius:8px;background:none;padding:7px 6px;min-height:40px;font-size:14px;color:#667085}.sf-segment .selected{background:white;color:#b51729;border:0;box-shadow:0 1px 5px #24314708}.sf-filter-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto;align-items:center;gap:5px;margin:0 0 12px}.sf-filter-row label{min-width:0}.sf-filter-row select{width:100%;min-width:0;border:0;background:transparent;padding:10px 16px 10px 0;color:#596579;font-size:13px;min-height:44px}.sf-filter-row .sf-btn{font-size:13px;padding:9px 6px;background:none;border:0}.sf-home>.sf-head{margin-bottom:12px}.sf-home .empty{background:white;border-radius:16px;border:1px solid var(--sf-line);font-size:14px}.sf-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.sf-store-cover{height:152px;margin:0 -20px;overflow:hidden}.sf-store-cover>*{width:100%;height:100%;object-fit:cover}.sf-store-cover .sf-image-placeholder{font-size:52px;background:linear-gradient(130deg,#f5c9cd,#fff0f2)}.sf-store-identity{position:relative;margin-top:-22px}.sf-store-identity h1{font-size:21px}.sf-anchors{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--sf-line);margin:10px 0 16px;min-height:48px;align-items:center}.sf-anchors a{font-size:14px;color:#596579;padding:12px 3px}.sf-offering{padding:14px 0;border-bottom:1px solid var(--sf-line);min-width:0}.sf-offering:last-child{border:0;padding-bottom:0}.sf-offering:first-child{padding-top:0}.sf-offering p{font-size:14px;color:#596579}.sf-offering .sf-price{font-size:18px}.sf-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.sf-gallery>img{width:100%;height:130px;object-fit:cover;border-radius:10px}.sf-offer-photo{height:180px;border-radius:12px;overflow:hidden;margin-bottom:18px}.sf-offer-photo>*{width:100%;height:100%;object-fit:cover}.sf-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}.sf-two-col>*{min-width:0}.sf-two-col strong{display:block;margin-top:4px;font-size:15px}.sf-three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sf-bottom-actions{position:sticky;bottom:calc(85px + env(safe-area-inset-bottom));display:flex;gap:10px;align-items:stretch;margin:22px -20px -16px;padding:12px 20px;background:#fff;border-top:1px solid var(--sf-line);z-index:6;box-shadow:0 -8px 18px #ffffffed}.sf-bottom-actions>.sf-btn{flex:1;min-width:0}.sf-amount{font-size:30px;font-weight:700;color:var(--sf-red);margin:12px 0}.sf-amount small{display:block;font-size:12px;font-weight:400;margin-top:7px}.sf-kv{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--sf-line);font-size:14px}.sf-kv>span{color:var(--sf-muted);flex:0 0 82px}.sf-kv>strong{min-width:0;max-width:calc(100% - 94px);text-align:right;font-weight:550}.sf-copy{margin-top:16px}.sf-copy>span{font-size:13px;color:var(--sf-muted)}.sf-copy p{white-space:pre-wrap;font-size:14px}.sf-file{display:flex;align-items:center;gap:8px;min-height:44px;font-size:14px;padding:8px 0;overflow-wrap:anywhere;color:#b51729}.sf-file svg{width:20px;height:20px;flex:none}.sf-timeline-item{border-left:1px solid #dbe1e8;margin-left:4px;padding:0 0 16px 16px;position:relative;font-size:14px}.sf-timeline-item:before{content:'';position:absolute;left:-4px;top:7px;width:7px;height:7px;border-radius:50%;background:var(--sf-red)}.sf-timeline-item p{font-size:13px;color:var(--sf-muted)}.sf-chat{margin:14px 0}.sf-message{max-width:86%;margin:14px 0;min-width:0}.sf-message.mine{margin-left:auto}.sf-message>small{display:block;margin-bottom:5px}.sf-bubble{padding:11px 13px;border:1px solid var(--sf-line);border-radius:12px;background:white;white-space:pre-wrap;font-size:14px;overflow-wrap:anywhere}.sf-message.mine .sf-bubble{background:var(--sf-pink);border-color:#f6d8dd}.sf-message-form{position:sticky;bottom:calc(85px + env(safe-area-inset-bottom));display:flex;gap:10px;background:#fff;padding:12px 0;border-top:1px solid var(--sf-line);z-index:6}.sf-message-form textarea{flex:1;min-width:0;min-height:46px;max-height:120px;resize:vertical;font-size:14px}.sf-message-form .sf-btn{align-self:flex-end;min-width:64px}.sf-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.sf-metrics>div{padding:14px;background:white;border:1px solid var(--sf-line);border-radius:12px;min-width:0}.sf-metrics span{color:var(--sf-muted);font-size:13px}.sf-metrics strong{display:block;font-size:27px;margin-top:6px}.sf-trend{display:flex;align-items:flex-end;justify-content:space-around;gap:8px;min-height:150px;overflow-x:auto}.sf-trend>div{flex:1;min-width:28px;display:flex;flex-direction:column;align-items:center;gap:6px}.sf-trend-bar{display:block;width:min(22px,100%);background:#e94b61;border-radius:4px 4px 0 0}.sf-trend b{font-size:12px}.sf-trend small{font-size:11px}.sf-work-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px}.sf-work-links .sf-btn{display:flex;flex-direction:column;background:white;border:1px solid var(--sf-line);min-height:118px;min-width:0}.sf-work-links svg{width:26px;height:26px;color:var(--sf-red)}.sf-work-links strong{font-size:14px}.sf-work-links span{font-size:12px;font-weight:400;color:var(--sf-muted)}.sf-record-links{display:grid;gap:2px}.sf-record-links .sf-btn{text-align:left;justify-content:flex-start;border:0;border-bottom:1px solid var(--sf-line);border-radius:0;background:none;min-width:0;min-height:52px;font-weight:500}.sf-record-links .sf-btn:last-child{border:0}
.sf-field{display:block;font-size:14px;font-weight:600;margin-bottom:16px;min-width:0}.sf-field>span{display:flex;align-items:center;gap:7px;margin-bottom:8px}.sf-field>span>small{font-weight:400;font-size:12px}.sf-field input,.sf-field textarea,.sf-field select{font-weight:400;font-size:15px;min-width:0;min-height:46px;width:100%;border:1px solid #e2e7ee;border-radius:10px;padding:11px 12px;line-height:1.6;color:var(--sf-ink)}.sf-field select[multiple]{min-height:112px;padding:6px}.sf-field select[multiple] option{padding:7px 8px;white-space:normal}.sf-field textarea{min-height:100px}.sf-field em{display:block;color:var(--sf-muted);font-size:12px;font-weight:400;font-style:normal;margin-top:6px;line-height:1.6}.sf-disclosure{border:1px solid var(--sf-line);background:#fff;border-radius:14px;margin-bottom:14px;min-width:0}.sf-disclosure summary{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;padding:14px 16px;font-size:14px;font-weight:600}.sf-disclosure summary span{font-size:12px;font-weight:400;color:var(--sf-muted)}.sf-disclosure>div{padding:0 16px 16px}.sf-check{display:flex;align-items:flex-start;gap:9px;min-height:44px;padding:10px 0;font-size:13px;font-weight:400}.sf-check input{width:18px;min-width:18px;height:18px;min-height:18px;margin-top:2px;accent-color:var(--sf-red);padding:0}.sf-check span{flex:1;min-width:0}.sf-upload{display:block;border:1px dashed #cbd2dc;border-radius:12px;background:#f8f9fb;margin:12px 0;padding:12px;position:relative;min-width:0}.sf-upload>span{display:flex;align-items:center;flex-direction:column;gap:6px;padding:10px;text-align:center;font-size:14px}.sf-upload svg{width:24px;height:24px;color:#667085}.sf-upload input{min-height:44px;font-size:12px;max-width:100%;padding:10px;background:white}.sf-form-bottom{position:sticky;bottom:0;background:white;border-top:1px solid var(--sf-line);padding:14px 0;margin-top:24px;display:flex;gap:10px;z-index:3;box-shadow:0 -8px 18px #ffffffed}.sf-form-bottom>*{flex:1;min-width:0}.sf-quote-line{padding:12px;border:1px solid var(--sf-line);border-radius:12px;margin-bottom:14px;min-width:0}.sf-quote-line .sf-field:last-child{margin-bottom:0}.sf-form .sf-card h2{margin:0}.sf-form .sf-card h3{margin:0}.sf-form .sf-three-col select,.sf-form .sf-three-col input{padding:10px 8px}.sf-form .sf-three-col .sf-field>span{display:block}.sf-form .sf-three-col .sf-field small{display:none}
.sf-spec-line{padding:12px;border:1px solid var(--sf-line);border-radius:12px;margin:14px 0;min-width:0}
.sf-home .sf-search{padding:2px 10px 2px 14px}.sf-home .sf-search .sf-btn{min-height:44px}.sf-home .sf-top-categories{margin-bottom:8px}.sf-home .sf-top-categories button{min-height:74px;gap:4px;padding:0 4px 8px}.sf-home .sf-top-categories b{line-height:1.5}.sf-home .sf-publish-strip{margin-bottom:8px}.sf-home .sf-segment{margin-bottom:6px}.sf-home .sf-segment .sf-btn{min-height:44px}.sf-home .sf-filter-row>.sf-btn{min-width:44px;padding:9px 7px}.sf-home>.sf-section-title{margin-bottom:10px}.sf-home .sf-teaser{padding:14px}.sf-home .sf-teaser .sf-chips{margin-top:8px}.sf-home .sf-teaser-footer{margin-top:10px}.sf-goods-card .sf-actions{justify-content:space-between}
.sf-page .tag,.sf-form .tag,.sf-admin .tag,.sf-cooperation-panel .tag{font-size:12px}.sf-page .tag.gray,.sf-form .tag.gray,.sf-admin .tag.gray,.sf-cooperation-panel .tag.gray{color:#596579;background:#eef1f5}.sf-private-preference>span{color:#9f2434;background:#fff0f2}
.sf-home>.sf-head{margin-bottom:10px}.sf-home .sf-search{margin-top:4px;margin-bottom:8px}.sf-home .sf-publish-strip{padding:10px 12px}.sf-home>.sf-section-title{position:relative;min-height:28px;padding-right:88px}.sf-home>.sf-section-title>.sf-link{position:absolute;right:0;top:-8px;min-width:80px;min-height:44px}
.sf-admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}.sf-admin-tabs .sf-btn{border-radius:9px;font-size:14px}.sf-admin-content{min-width:0}.sf-table-wrap{background:white;border:1px solid var(--sf-line);border-radius:14px;overflow:auto;margin:16px 0}.sf-table{table-layout:fixed;white-space:normal;width:100%;min-width:700px}.sf-table th,.sf-table td{padding:14px 16px;white-space:normal;overflow-wrap:anywhere;font-size:13px;vertical-align:top}.sf-table th{font-size:12px;color:#667085;background:#f8f9fb}.sf-table small{display:block;margin-top:5px;font-size:12px}.sf-table .sf-btn{font-size:12px;min-height:40px;padding:9px 10px;margin:2px 0}.sf-table th:last-child{width:190px}.sf-admin .sf-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.sf-admin .sf-card .sf-table-wrap{border:0;margin:0}.sf-admin .sf-head h1{font-size:28px}.sf-admin .sf-head p{font-size:14px}.sf-admin .sf-trend{max-width:850px;margin:auto}.sf-page{scroll-padding-bottom:170px}.sf-page [id^=sf-shop-]{scroll-margin-top:20px}.sf-form .sf-field{scroll-margin-bottom:100px}
@media(min-width:761px){.sf-page{max-width:850px;margin:0 auto}.sf-home .sf-teaser{max-width:none}.sf-home>.sf-top-categories{max-width:480px}.sf-bottom-actions{bottom:0;max-width:850px;margin:24px 0 0;border-radius:12px}.sf-store-cover{margin:0;height:240px;border-radius:16px}.sf-offer-photo{height:260px}.sf-page .sf-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.sf-form{max-width:660px}.sf-message-form{bottom:0}.sf-cooperation-panel .sf-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:480px){.mobile-content:has(.sf-page){background:#f6f7f9}.sf-head{flex-direction:column;gap:10px}.sf-head .sf-actions{margin-top:0}.sf-head .sf-actions .sf-btn{font-size:13px;padding:10px 12px}.sf-page .sf-card,.sf-form .sf-card{padding:16px}.sf-page .sf-empty{padding:28px 18px}.sf-form .sf-three-col{gap:6px}.sf-form .sf-three-col .sf-field input,.sf-form .sf-three-col .sf-field select{font-size:14px}.sf-admin .sf-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-table{min-width:650px}.sf-bottom-actions{margin-bottom:0;padding-bottom:12px}.sf-file{font-size:13px}.sf-publish-strip .sf-btn{max-width:100px}.sf-page .sf-price{font-size:18px}.sf-page .sf-card .sf-section-title{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.sf-btn{transition:none}}

/* All three directory identities share the same header, search and entry geometry. */
.sf-home .resource-heading h1{font-size:30px;line-height:1.3}.mobile-shell .sf-home .resource-heading h1{font-size:24px}.sf-home .resource-categories b{font-size:14px;font-weight:600}.mobile-shell .sf-home .resource-categories b{font-size:12px}.sf-home .resource-search input{font-size:inherit}.sf-home .resource-categories{margin:22px 0;gap:16px}.mobile-shell .sf-home .resource-categories{gap:4px}