.su-vendor-landing[data-seller-clarity] { --clarity-green:#0f766e; --clarity-red:#b42318; --clarity-ink:#111827; --clarity-muted:#4b5563; --clarity-rose:#af2952; }
.su-vendor-landing[data-seller-clarity] [id] { scroll-margin-top:120px; }
html:has(main.su-vendor-landing[data-seller-clarity]) { scroll-padding-top:120px; }
.su-vendor-landing[data-seller-clarity] :is(a,button,summary,input,select,textarea) { scroll-margin-top:120px; }
.su-vendor-landing[data-seller-clarity] :is(.content-shell,.content-shell > *,li > div,.su-vendor-register__layout > *,.su-vendor-final__inner > *) { min-width:0; max-width:100%; }
.su-vendor-landing[data-seller-clarity] :is(.button,input,select,textarea) { max-width:100%; box-sizing:border-box; }
.su-vendor-landing[data-seller-clarity] .button { white-space:normal; overflow-wrap:anywhere; }
.su-vendor-landing[data-seller-clarity] .su-vendor-section { padding-block:clamp(2.5rem,5vw,4.5rem); }
.su-vendor-landing[data-seller-clarity] .su-seller-nav .content-shell { display:flex; flex-wrap:wrap; gap:.3rem 1.3rem; }
.su-vendor-landing[data-seller-clarity] .su-seller-nav a { min-height:44px; display:inline-flex; align-items:center; }
.su-vendor-landing[data-seller-clarity] :is(a,button,summary,input,select,textarea):focus-visible { outline:3px solid #af2952; outline-offset:4px; }
.su-vendor-landing[data-seller-clarity] .su-clarity-benefits { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr); gap:clamp(2rem,5vw,5rem); align-items:start; }
.su-vendor-landing[data-seller-clarity] .su-clarity-benefits .su-vendor-section__heading { max-width:32rem; }
.su-vendor-landing[data-seller-clarity] .su-clarity-benefit-list { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.7rem 2rem; }
.su-vendor-landing[data-seller-clarity] .su-clarity-benefit-list li { display:flex; gap:.8rem; margin:0; align-items:start; }
.su-vendor-landing[data-seller-clarity] .su-clarity-check { color:var(--clarity-green); font-size:1.5rem; line-height:1.4; font-weight:800; flex:none; }
.su-vendor-landing[data-seller-clarity] .su-clarity-benefit-list h3 { font-size:1.08rem; line-height:1.4; margin:0 0 .45rem; color:var(--clarity-ink); }
.su-vendor-landing[data-seller-clarity] .su-clarity-benefit-list p { font-size:.96rem; line-height:1.65; color:var(--clarity-muted); margin:0; }
.su-vendor-landing[data-seller-clarity] .su-vendor-steps { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.25rem 2.5rem; }
.su-vendor-landing[data-seller-clarity] .su-vendor-steps li { border:0; border-radius:0; box-shadow:none; padding:1rem 0; border-top:1px solid #e5e7eb; background:transparent; }
.su-vendor-landing[data-seller-clarity] .su-clarity-dashboard { max-width:1100px; }
.su-vendor-landing[data-seller-clarity] .su-clarity-gallery { border-top:1px solid #e5e7eb; }
.su-vendor-landing[data-seller-clarity] .su-clarity-chapter { border-bottom:1px solid #e5e7eb; }
.su-vendor-landing[data-seller-clarity] .su-clarity-chapter > summary { min-height:56px; padding:.7rem .2rem; display:flex; gap:1rem; align-items:center; cursor:pointer; list-style:none; font-weight:650; }
.su-vendor-landing[data-seller-clarity] .su-clarity-chapter > summary::-webkit-details-marker { display:none; }
.su-vendor-landing[data-seller-clarity] .su-clarity-chapter__number { font-size:.8rem; color:var(--clarity-muted); letter-spacing:.03em; }
.su-vendor-landing[data-seller-clarity] .su-clarity-chapter__arrow { margin-left:auto; color:var(--clarity-rose); }
.su-vendor-landing[data-seller-clarity] .su-clarity-chapter__arrow::before { content:'+'; }
.su-vendor-landing[data-seller-clarity] .su-clarity-chapter[open] .su-clarity-chapter__arrow::before { content:'−'; }
.su-vendor-landing[data-seller-clarity] .su-clarity-chapter[open] > summary { color:var(--clarity-rose); border-left:3px solid var(--clarity-rose); padding-left:.8rem; }
.su-vendor-landing[data-seller-clarity] .su-clarity-chapter__body { padding:1rem 0 2rem; display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.25fr); gap:1.3rem 2rem; align-items:start; }
.su-vendor-landing[data-seller-clarity] .su-clarity-chapter__copy h3 { font-size:1.3rem; line-height:1.35; margin:.2rem 0 .8rem; }
.su-vendor-landing[data-seller-clarity] .su-clarity-chapter__copy p { line-height:1.7; margin:0 0 .75rem; }
.su-vendor-landing[data-seller-clarity] .su-clarity-capture-note { color:var(--clarity-muted); font-size:.86rem; }
.su-vendor-landing[data-seller-clarity] .su-clarity-chapter figure { margin:0; min-width:0; }
.su-vendor-landing[data-seller-clarity] .su-clarity-shot { position:relative; display:block; aspect-ratio:var(--ratio-desktop); max-height:410px; overflow:hidden; border:1px solid #e5e7eb; border-radius:8px; background:#fff; cursor:zoom-in; }
.su-vendor-landing[data-seller-clarity] .su-clarity-shot img { position:absolute; max-width:none; width:var(--width-desktop); left:0; top:0; transform:translate(var(--x-desktop),var(--y-desktop)); height:auto; }
.su-vendor-landing[data-seller-clarity] .su-clarity-shot__open { position:absolute; right:.6rem; bottom:.6rem; display:grid; place-items:center; width:32px; height:32px; background:#fff; color:var(--clarity-rose); border:1px solid #e9dee3; border-radius:50%; }
.su-vendor-landing[data-seller-clarity] .su-clarity-chapter figcaption { font-size:.8rem; line-height:1.5; color:var(--clarity-muted); margin-top:.55rem; }
.su-vendor-landing[data-seller-clarity] .su-clarity-product-details { grid-column:1/-1; border-top:1px solid #e5e7eb; padding-top:.5rem; }
.su-vendor-landing[data-seller-clarity] .su-clarity-product-details > summary { min-height:44px; display:flex; align-items:center; cursor:pointer; color:var(--clarity-rose); }
.su-vendor-landing[data-seller-clarity] .su-clarity-product-images { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; padding-block:1rem; }
.su-vendor-landing[data-seller-clarity] .su-clarity-example { color:var(--clarity-muted); font-size:.8rem; margin:.9rem 0 0; }
.su-vendor-landing[data-seller-clarity] .su-showcase-disclosure { border:1px solid #e5e7eb; border-radius:8px; background:#fff; min-width:0; }
.su-vendor-landing[data-seller-clarity] .su-showcase-disclosure > summary { padding:1rem; min-height:52px; display:flex; align-items:center; gap:.75rem; cursor:pointer; font-weight:600; list-style:none; }
.su-vendor-landing[data-seller-clarity] .su-showcase-disclosure > summary::-webkit-details-marker { display:none; }
.su-vendor-landing[data-seller-clarity] .su-showcase-disclosure > summary::after { content:'+'; margin-left:auto; color:var(--clarity-rose); }
.su-vendor-landing[data-seller-clarity] .su-showcase-disclosure[open] > summary::after { content:'−'; }
.su-vendor-landing[data-seller-clarity] .su-showcase-disclosure__body { padding:0 1rem 1.2rem; line-height:1.75; min-width:0; }
.su-vendor-landing[data-seller-clarity] .su-seller-guide__cards { display:grid; grid-template-columns:1fr; gap:.55rem; }
.su-vendor-landing[data-seller-clarity] .su-seller-care__panels { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; }
.su-vendor-landing[data-seller-clarity] :is(.su-showcase-cost-note,.su-showcase-orientation) { font-size:.95rem; line-height:1.75; margin:1rem 0; }
.su-vendor-landing[data-seller-clarity] :is(.su-vendor-plan-table,.su-compare-table-wrap) { width:100%; max-width:100%; min-width:0; }
.su-vendor-landing[data-seller-clarity] :is(.su-vendor-plan-table table,.su-market-table,.su-clarity-feature-table) { display:table; width:100%; max-width:100%; min-width:0; border-collapse:collapse; table-layout:fixed; }
.su-vendor-landing[data-seller-clarity] :is(.su-vendor-plan-label,.su-compare-cell-label,.su-clarity-provider-label) { display:none; }
.su-vendor-landing[data-seller-clarity] .su-vendor-plan-table :is(th,td) { padding:.9rem; vertical-align:top; border-bottom:1px solid #e5e7eb; }
.su-vendor-landing[data-seller-clarity] .su-vendor-plan-extras { margin:0; padding-left:1rem; font-size:.87rem; }
.su-vendor-landing[data-seller-clarity] .su-market-compare { margin-top:2rem; padding-top:2rem; border-top:1px solid #e5e7eb; }
.su-vendor-landing[data-seller-clarity] .su-market-compare table { width:100%; border-collapse:collapse; }
.su-vendor-landing[data-seller-clarity] .su-market-compare :is(th,td) { text-align:left; vertical-align:top; padding:.9rem; border-bottom:1px solid #e5e7eb; }
.su-vendor-landing[data-seller-clarity] .su-market-compare details > summary { min-height:44px; padding:.7rem 0; cursor:pointer; }
.su-vendor-landing[data-seller-clarity] .su-market-compare :is(p,li) { line-height:1.7; }
.su-vendor-landing[data-seller-clarity] .su-compare-status { display:inline-flex; align-items:center; gap:.4rem; font-weight:700; }
.su-vendor-landing[data-seller-clarity] .su-compare-status--yes { color:var(--clarity-green); }
.su-vendor-landing[data-seller-clarity] .su-compare-status--no { color:var(--clarity-red); }
.su-vendor-landing[data-seller-clarity] :is(.su-compare-status--optional,.su-compare-status--unknown) { color:var(--clarity-muted); }
.su-vendor-landing[data-seller-clarity] .su-compare-explanation { display:block; font-size:.87rem; line-height:1.6; margin-top:.4rem; }
.su-vendor-landing[data-seller-clarity] .su-clarity-matrix { margin:1.5rem 0; }
.su-vendor-landing[data-seller-clarity] .su-clarity-matrix-legend { display:flex; flex-wrap:wrap; gap:.4rem 1rem; font-size:.85rem; }
.su-vendor-landing[data-seller-clarity] .su-clarity-feature-table { font-size:.88rem; }
.su-vendor-landing[data-seller-clarity] .su-clarity-feature-table :is(th,td) { overflow-wrap:anywhere; }
.su-vendor-landing[data-seller-clarity] .su-compare-cell-source { font-size:.78rem; }
.su-vendor-landing[data-seller-clarity] .su-compare-cell-source ul { padding-left:1rem; }
.su-vendor-landing[data-seller-clarity] .su-clarity-example-assumptions { font-size:.9rem; line-height:1.7; margin:1rem 0; }
.su-vendor-landing[data-seller-clarity] .su-vendor-register__layout { align-items:start; }
.su-vendor-landing[data-seller-clarity] .su-vendor-register__owner { max-width:100%; overflow-wrap:anywhere; }
@media (max-width:900px) {
 .su-vendor-landing[data-seller-clarity] .su-clarity-benefits { grid-template-columns:1fr; gap:1.5rem; }
 .su-vendor-landing[data-seller-clarity] .su-clarity-chapter__body { grid-template-columns:1fr; gap:1rem; }
 .su-vendor-landing[data-seller-clarity] :is(.su-vendor-register__layout,.su-vendor-final__inner) { grid-template-columns:minmax(0,1fr); }
 .su-vendor-landing[data-seller-clarity] :is(.su-vendor-plan-table table,.su-market-table,.su-clarity-feature-table) { display:block; min-width:0; width:100%; table-layout:auto; }
 .su-vendor-landing[data-seller-clarity] :is(.su-vendor-plan-table,.su-market-table,.su-clarity-feature-table) caption:not(.screen-reader-text) { display:block; width:100%; max-width:none; text-align:left; margin-bottom:.75rem; }
 .su-vendor-landing[data-seller-clarity] caption.screen-reader-text { width:1px; height:1px; }
 .su-vendor-landing[data-seller-clarity] :is(.su-vendor-plan-table,.su-market-table,.su-clarity-feature-table) thead { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
 .su-vendor-landing[data-seller-clarity] :is(.su-vendor-plan-table,.su-market-table,.su-clarity-feature-table) :is(tbody,tr,th,td) { display:block; width:100%; min-width:0; max-width:100%; box-sizing:border-box; }
 .su-vendor-landing[data-seller-clarity] :is(.su-vendor-plan-table,.su-market-table,.su-clarity-feature-table) tr { margin-bottom:1.1rem; border:1px solid #e5e7eb; border-radius:8px; overflow:hidden; }
 .su-vendor-landing[data-seller-clarity] :is(.su-vendor-plan-table,.su-market-table,.su-clarity-feature-table) :is(th,td) { padding:.7rem .9rem; overflow-wrap:anywhere; }
 .su-vendor-landing[data-seller-clarity] :is(.su-vendor-plan-table,.su-market-table,.su-clarity-feature-table) th[scope=row] { background:#f5f6f8; font-size:1rem; }
 .su-vendor-landing[data-seller-clarity] :is(.su-vendor-plan-label,.su-compare-cell-label,.su-clarity-provider-label) { display:block; font-weight:650; font-size:.8rem; margin-bottom:.25rem; color:var(--clarity-muted); }
 .su-vendor-landing[data-seller-clarity] :is(.su-vendor-plan-table,.su-market-table,.su-clarity-feature-table) td:last-child { border-bottom:0; }
}
@media (max-width:600px) {
 .su-vendor-landing[data-seller-clarity] :is(.su-clarity-benefit-list,.su-vendor-steps,.su-seller-care__panels,.su-clarity-product-images) { grid-template-columns:1fr; }
 .su-vendor-landing[data-seller-clarity] .su-clarity-benefit-list { gap:1.3rem; }
 .su-vendor-landing[data-seller-clarity] .su-clarity-shot { aspect-ratio:var(--ratio-mobile); max-height:380px; }
 .su-vendor-landing[data-seller-clarity] .su-clarity-shot img { width:var(--width-mobile); transform:translate(var(--x-mobile),var(--y-mobile)); }
 .su-vendor-landing[data-seller-clarity] [id] { scroll-margin-top:100px; }
 html:has(main.su-vendor-landing[data-seller-clarity]) { scroll-padding-top:100px; }
 .su-vendor-landing[data-seller-clarity] :is(a,button,summary,input,select,textarea) { scroll-margin-top:100px; }
}
@media (prefers-reduced-motion:reduce) {
 .su-vendor-landing[data-seller-clarity] *, .su-vendor-landing[data-seller-clarity] *::before, .su-vendor-landing[data-seller-clarity] *::after { scroll-behavior:auto; animation:none; transition:none; }
}
