/* Salefolio homepage section r1b. Header link is text only. Section mark stays in the product block. */
#salefolio .sfx-open img{width:22px!important;height:22px!important;max-width:22px!important;max-height:22px!important;flex:0 0 22px;border-radius:6px}
#salefolio.sfx{scroll-margin-top:96px;padding-block:clamp(56px,8vw,104px);background:radial-gradient(70% 60% at 12% 0%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 70%),var(--surface);overflow:hidden}
#salefolio .sfx-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center}
#salefolio .eyebrow{color:var(--accent);font-size:11px;letter-spacing:.14em;margin:0 0 16px}
#salefolio h2{font-size:clamp(34px,4.6vw,64px);line-height:1.02;letter-spacing:-.045em;margin:0}
#salefolio h2 em{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-style:italic;color:var(--accent);letter-spacing:-.02em}
#salefolio .sfx-lead{font-size:clamp(16px,1.3vw,19px);line-height:1.55;color:var(--muted);max-width:46ch;margin:20px 0 0}
#salefolio .sfx-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
#salefolio .sfx-open{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 22px;border-radius:999px;background:var(--ink);color:var(--bg);font-size:16px;font-weight:700;letter-spacing:-.01em;text-decoration:none}
#salefolio .sfx-open img{width:22px;height:22px;border-radius:6px}
#salefolio .sfx-open:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
#salefolio .sfx-note{font-size:13px;color:var(--muted);margin:14px 0 0}
#salefolio .sfx-stage{min-width:0;border-radius:24px;background:var(--bg);padding:clamp(16px,2.4vw,28px);box-shadow:0 40px 90px -50px #000c,0 0 0 1px color-mix(in srgb,var(--line) 70%,transparent)}
#salefolio .sfx-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}
#salefolio .sfx-tab{appearance:none;border:1px solid color-mix(in srgb,var(--line) 80%,transparent);background:transparent;color:var(--muted);font:inherit;font-size:14px;font-weight:650;padding:8px 14px;border-radius:999px;min-height:44px;cursor:pointer}
#salefolio .sfx-tab[aria-selected="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
#salefolio .sfx-tab:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
#salefolio .sfx-panel h3{font-size:clamp(20px,2vw,26px);letter-spacing:-.03em;margin:0 0 8px}
#salefolio .sfx-kicker{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--accent)}
#salefolio .sfx-panel p{color:var(--muted);font-size:15px;line-height:1.55;margin:12px 0 0}
#salefolio .sfx-sheet,#salefolio .sfx-list{margin:0;padding:0;list-style:none}
#salefolio .sfx-sheet div{display:grid;grid-template-columns:minmax(5.5rem,8.5rem) minmax(0,1fr);gap:8px 12px;padding:8px 0;border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent)}
#salefolio .sfx-sheet dt{color:var(--muted);font-size:13px}
#salefolio .sfx-sheet dd{margin:0;color:var(--ink);font-weight:650}
#salefolio .sfx-list li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 12px;padding:10px 0;border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent);color:var(--ink)}
#salefolio .sfx-list span{color:var(--muted);font-size:13px}
#salefolio.sfx-on .sfx-panel[hidden]{display:none}
@media (prefers-reduced-motion:no-preference){
  #salefolio.sfx-on .sfx-panel:not([hidden]){animation:sfx-in .28s cubic-bezier(.22,.8,.25,1)}
}
@keyframes sfx-in{from{transform:translateY(8px)}to{transform:none}}
@media (max-width:960px){
  #salefolio .sfx-top{grid-template-columns:1fr}
}
@media (max-width:420px){
  #salefolio .sfx-sheet div{grid-template-columns:1fr;gap:2px}
  #salefolio .sfx-open{width:100%}
}
@media (prefers-reduced-motion:reduce){
  #salefolio .sfx-panel{animation:none}
  #salefolio .sfx-tab{transition:none}
}
html[data-bt-motion="reduce"] #salefolio .sfx-panel{animation:none}
@media (forced-colors:active){
  #salefolio .sfx-open,#salefolio .sfx-tab{border:1px solid ButtonText}
  #salefolio .sfx-tab[aria-selected="true"]{outline:2px solid Highlight}
}
