/* TikTok Shop Affiliate Finder. The constellation survives as the page's main
   illustration: the product at the centre, creators sized by views, drawn in house
   style on a light frame. Layout and illustrations only; the look comes from
   landing-system.css. */

.bespoke-tool-tiktok-affiliate-finder.tools-main{max-width:none;margin:0;padding:0;color:var(--ls-text)}
.bespoke-tool-tiktok-affiliate-finder .af-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- hero: copy beside the tool, results full width ---------- */
.bespoke-tool-tiktok-affiliate-finder .af-hero{padding-top:48px}
.bespoke-tool-tiktok-affiliate-finder .af-hero-grid{grid-template-areas:"copy tool" "res res";align-items:center;row-gap:40px}
.bespoke-tool-tiktok-affiliate-finder .af-hero-copy{grid-area:copy}
.bespoke-tool-tiktok-affiliate-finder .af-hero .tool-workspace{grid-area:tool;display:block;max-width:none;margin:0}
.bespoke-tool-tiktok-affiliate-finder .af-hero #tool-results{grid-area:res;margin:0;color:var(--ls-text)}

/* the tool, in house style */
.bespoke-tool-tiktok-affiliate-finder .tool-panel{background:var(--ls-paper);border:1.5px solid var(--ls-line);border-radius:var(--ls-radius);box-shadow:none}
.bespoke-tool-tiktok-affiliate-finder .tool-form{padding:30px}
.bespoke-tool-tiktok-affiliate-finder .tool-form,.bespoke-tool-tiktok-affiliate-finder .tool-form input,.bespoke-tool-tiktok-affiliate-finder .tool-submit{font-family:var(--ls-font)}
.bespoke-tool-tiktok-affiliate-finder .form-kicker{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--ls-muted)}
.bespoke-tool-tiktok-affiliate-finder .tool-form label{font-size:17px;font-weight:700;color:var(--ls-ink)}
.bespoke-tool-tiktok-affiliate-finder .tool-form input:not([type=hidden]){border:2px solid var(--ls-ink);background:var(--ls-paper);border-radius:var(--ls-radius-sm);font-size:16px;padding:14px 16px}
.bespoke-tool-tiktok-affiliate-finder .tool-submit{min-height:56px;border:2px solid var(--ls-ink);border-radius:22px;background:var(--ls-ink);color:#fff;font-size:17px;font-weight:700;padding:0 24px}
.bespoke-tool-tiktok-affiliate-finder .tool-submit:hover:not(:disabled){background:var(--ls-ink)}
.bespoke-tool-tiktok-affiliate-finder .tool-input-help,.bespoke-tool-tiktok-affiliate-finder .form-assurance,.bespoke-tool-tiktok-affiliate-finder .tool-meta p{color:var(--ls-muted)}
.bespoke-tool-tiktok-affiliate-finder #tool-results{border-radius:var(--ls-radius);border:1.5px solid var(--ls-line);box-shadow:none;background:var(--ls-paper)}

/* ---------- the constellation ---------- */
.bespoke-tool-tiktok-affiliate-finder .af-read{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}
.bespoke-tool-tiktok-affiliate-finder .af-sky-fig{margin:0;min-width:0}
.bespoke-tool-tiktok-affiliate-finder .af-sky{display:block;width:100%;height:auto;overflow:visible}
.bespoke-tool-tiktok-affiliate-finder .af-ring{fill:none;stroke:var(--ls-line);stroke-width:2}
.bespoke-tool-tiktok-affiliate-finder .af-ring-search{stroke:var(--ls-ink);stroke-dasharray:2 8;stroke-linecap:round}
.bespoke-tool-tiktok-affiliate-finder .af-lines line{stroke:var(--ls-line);stroke-width:2;stroke-linecap:round}
.bespoke-tool-tiktok-affiliate-finder .af-lines .af-line-search{stroke-dasharray:2 7}
.bespoke-tool-tiktok-affiliate-finder .af-dot{fill:var(--ls-blue);stroke:var(--ls-ink);stroke-width:2}
.bespoke-tool-tiktok-affiliate-finder .af-dot-open{fill:var(--ls-paper)}
.bespoke-tool-tiktok-affiliate-finder .af-dot-search{fill:var(--ls-mint)}
.bespoke-tool-tiktok-affiliate-finder .af-core{fill:var(--ls-paper);stroke:var(--ls-ink);stroke-width:2}
.bespoke-tool-tiktok-affiliate-finder .af-star{fill:var(--ls-yellow);stroke:var(--ls-ink);stroke-width:2;stroke-linejoin:round}
.bespoke-tool-tiktok-affiliate-finder .af-sky text{font-family:var(--ls-font)}
.bespoke-tool-tiktok-affiliate-finder .af-num{font-weight:800;fill:var(--ls-ink)}
.bespoke-tool-tiktok-affiliate-finder .af-ringlabel,.bespoke-tool-tiktok-affiliate-finder .af-center,.bespoke-tool-tiktok-affiliate-finder .af-center-sub{paint-order:stroke;stroke:var(--ls-paper);stroke-width:6px;stroke-linejoin:round}
.bespoke-tool-tiktok-affiliate-finder .af-ringlabel{font-size:14px;font-weight:700;fill:var(--ls-muted)}
.bespoke-tool-tiktok-affiliate-finder .af-center{font-size:16px;font-weight:800;fill:var(--ls-ink)}
.bespoke-tool-tiktok-affiliate-finder .af-center-sub{font-size:14px;fill:var(--ls-muted)}
.bespoke-tool-tiktok-affiliate-finder .af-legend{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px;font-size:14px;line-height:1.4;color:var(--ls-text)}
.bespoke-tool-tiktok-affiliate-finder .af-legend li{display:flex;align-items:center;gap:10px}
.bespoke-tool-tiktok-affiliate-finder .af-legend-wide{grid-column:1/-1}
.bespoke-tool-tiktok-affiliate-finder .af-key{flex:none;width:16px;height:16px;border-radius:50%;border:2px solid var(--ls-ink)}
.bespoke-tool-tiktok-affiliate-finder .af-key-fill{background:var(--ls-blue)}
.bespoke-tool-tiktok-affiliate-finder .af-key-open{background:var(--ls-paper)}
.bespoke-tool-tiktok-affiliate-finder .af-key-search{background:var(--ls-mint)}
.bespoke-tool-tiktok-affiliate-finder .af-key-size{background:var(--ls-blue);box-shadow:0 0 0 3px var(--ls-paper),0 0 0 5px var(--ls-ink)}
.bespoke-tool-tiktok-affiliate-finder .af-key-ring{border-style:dashed;background:transparent}
.bespoke-tool-tiktok-affiliate-finder .af-mags{list-style:none;margin:28px 0;padding:0}
.bespoke-tool-tiktok-affiliate-finder .af-mags li{padding-top:14px;border-top:2px solid var(--ls-ink)}
.bespoke-tool-tiktok-affiliate-finder .af-mag-hl b{color:var(--ls-peach-deep)}
.bespoke-tool-tiktok-affiliate-finder .af-note{font-size:16.5px;margin:0}
.bespoke-tool-tiktok-affiliate-finder .af-table-toggle{margin-top:40px}
.bespoke-tool-tiktok-affiliate-finder .af-table-toggle .ls-table-wrap{margin:0 0 18px}
.bespoke-tool-tiktok-affiliate-finder .af-table-toggle .ls-table{min-width:560px}
.bespoke-tool-tiktok-affiliate-finder .ls-table caption{text-align:left;font-size:13px;color:var(--ls-muted);padding:12px 16px}
.bespoke-tool-tiktok-affiliate-finder .ls-table tbody th{text-align:left;font-size:16px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--ls-ink);background:none;padding:14px 16px;border-bottom:1px solid var(--ls-line)}

/* ---------- uses ---------- */
.bespoke-tool-tiktok-affiliate-finder .af-uses{margin-top:12px}
.bespoke-tool-tiktok-affiliate-finder .af-use h3{margin:6px 0 20px}
.bespoke-tool-tiktok-affiliate-finder .af-use .ls-steps{margin-bottom:20px}
.bespoke-tool-tiktok-affiliate-finder .af-use .ls-steps li{font-size:16.5px;line-height:1.55}
.bespoke-tool-tiktok-affiliate-finder .af-use-art{display:block;width:150px;height:auto;margin:0 0 14px;overflow:visible}
.bespoke-tool-tiktok-affiliate-finder .af-o *{stroke:var(--ls-ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}
.bespoke-tool-tiktok-affiliate-finder .af-o .f-paper{fill:var(--ls-paper)}
.bespoke-tool-tiktok-affiliate-finder .af-o .f-blue{fill:var(--ls-blue)}
.bespoke-tool-tiktok-affiliate-finder .af-o .f-peach{fill:var(--ls-peach)}
.bespoke-tool-tiktok-affiliate-finder .af-o .f-lavender{fill:var(--ls-lavender)}
.bespoke-tool-tiktok-affiliate-finder .af-o .f-yellow{fill:var(--ls-yellow)}
.bespoke-tool-tiktok-affiliate-finder .af-fact{margin:0}
.bespoke-tool-tiktok-affiliate-finder .af-textlink{font-weight:700;margin:0}

/* ---------- commission label ---------- */
.bespoke-tool-tiktok-affiliate-finder .af-label{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr);gap:56px;align-items:center}
.bespoke-tool-tiktok-affiliate-finder .af-phone{margin:0;max-width:320px;width:100%;justify-self:center}
.bespoke-tool-tiktok-affiliate-finder .af-pill{fill:var(--ls-yellow);stroke:var(--ls-ink);stroke-width:2}
.bespoke-tool-tiktok-affiliate-finder .af-pill-t{font-family:var(--ls-font);font-size:14px;font-weight:800;fill:var(--ls-ink)}
.bespoke-tool-tiktok-affiliate-finder .af-label .ls-quote{margin-top:22px}

/* ---------- what you will and won't see ---------- */
.bespoke-tool-tiktok-affiliate-finder .af-limits{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center}

/* ---------- full tool ---------- */
.bespoke-tool-tiktok-affiliate-finder .af-intro{margin-bottom:32px}
.bespoke-tool-tiktok-affiliate-finder .af-compare tbody th{width:22%}
.bespoke-tool-tiktok-affiliate-finder .af-big{font-size:32px;font-weight:800;line-height:1;color:var(--ls-ink)}
.bespoke-tool-tiktok-affiliate-finder .af-ask{margin-top:28px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:36px;align-items:center;padding:36px 32px 32px}
.bespoke-tool-tiktok-affiliate-finder .af-ask .ls-prompt{margin:0}
.bespoke-tool-tiktok-affiliate-finder .af-ask .ls-prompt p{margin:0}
.bespoke-tool-tiktok-affiliate-finder .af-ask-side .ls-small{margin:14px 0 0}

/* ---------- FAQ and related ---------- */
.bespoke-tool-tiktok-affiliate-finder .af-faq{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:48px;align-items:start}
.bespoke-tool-tiktok-affiliate-finder .af-next{list-style:none;margin:0 0 20px;padding:0}
.bespoke-tool-tiktok-affiliate-finder .af-next a{display:flex;flex-direction:column;gap:6px;height:100%;padding:20px 22px;text-decoration:none;color:var(--ls-ink);transition:border-color .15s ease}
.bespoke-tool-tiktok-affiliate-finder .af-next a:hover{border-color:var(--ls-ink)}
.bespoke-tool-tiktok-affiliate-finder .af-next b{font-size:17px;line-height:1.3}
.bespoke-tool-tiktok-affiliate-finder .af-next span{font-size:14px;color:var(--ls-muted)}
.bespoke-tool-tiktok-affiliate-finder .af-small{margin:0}

@media (prefers-reduced-motion:reduce){.bespoke-tool-tiktok-affiliate-finder .af-next a{transition:none}}

/* ---------- smaller screens ---------- */
@media (max-width:960px){
  .bespoke-tool-tiktok-affiliate-finder .af-hero-grid{grid-template-areas:"copy" "tool" "res"}
  .bespoke-tool-tiktok-affiliate-finder .af-read,.bespoke-tool-tiktok-affiliate-finder .af-label,.bespoke-tool-tiktok-affiliate-finder .af-limits,.bespoke-tool-tiktok-affiliate-finder .af-ask,.bespoke-tool-tiktok-affiliate-finder .af-faq{grid-template-columns:minmax(0,1fr);gap:32px}
  .bespoke-tool-tiktok-affiliate-finder .af-phone{max-width:240px}
}
@media (max-width:640px){
  .bespoke-tool-tiktok-affiliate-finder .af-hero{padding-top:32px}
  .bespoke-tool-tiktok-affiliate-finder .tool-form{padding:22px 18px}
  .bespoke-tool-tiktok-affiliate-finder .af-legend{grid-template-columns:minmax(0,1fr);gap:8px}
  .bespoke-tool-tiktok-affiliate-finder .af-mags{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .bespoke-tool-tiktok-affiliate-finder .af-mags b{font-size:30px}
  .bespoke-tool-tiktok-affiliate-finder .af-mags span{font-size:14px}
  .bespoke-tool-tiktok-affiliate-finder .af-ask{padding:30px 20px 22px}
  .bespoke-tool-tiktok-affiliate-finder .af-big{font-size:26px}
  .bespoke-tool-tiktok-affiliate-finder .af-sky .af-ringlabel{font-size:20px}
  .bespoke-tool-tiktok-affiliate-finder .af-sky .af-center{font-size:22px}
  .bespoke-tool-tiktok-affiliate-finder .af-sky .af-center-sub{font-size:19px}
}