/* Comparateur : reprise des codes visuels Barre-Traction.com, sans nouveaux produits fictifs. */
.btcmp-page .btcmp-heading {padding-block:clamp(38px,5vw,62px)}
.btcmp-page .btcmp-heading h1 {font-size:clamp(31px,4vw,54px);line-height:1.12;max-width:780px;letter-spacing:-.035em}
.btcmp-page .btcmp-heading p {max-width:660px;font-size:clamp(13px,1.4vw,15px)}
.btcmp-page .btcmp-section {padding-top:clamp(28px,4vw,48px);padding-bottom:clamp(44px,5vw,72px)}
.btcmp-page .btcmp-start {width:100%;max-width:100%;color:var(--bt-text,#1a2824)}
.btcmp-page .btcmp-start * {box-sizing:border-box}
.btcmp-page .btcmp-start a {text-decoration:none}
.btcmp-page .btcmp-start-intro {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.88fr);gap:clamp(22px,4vw,58px);align-items:center;padding:clamp(22px,3vw,36px);border:1px solid var(--bt-border,#dce4dd);border-radius:17px;background:var(--bt-surface,#fff)}
.btcmp-page .btcmp-start-intro-copy h2 {font-size:clamp(24px,2.7vw,35px);letter-spacing:-.035em;line-height:1.17;margin:9px 0 13px;max-width:630px;color:var(--bt-surface-text,#1b2a25)}
.btcmp-page .btcmp-start-intro-copy>p {font-size:14px;line-height:1.7;margin:0;max-width:580px;color:var(--bt-muted,#5d6d65)}
.btcmp-page .btcmp-start-actions {display:flex;align-items:center;gap:13px 22px;flex-wrap:wrap;margin-top:24px}
.btcmp-page .btcmp-start-actions .btn {font-size:12px;font-weight:800;min-height:44px;max-width:100%}
.btcmp-page .btcmp-start-secondary {color:var(--bt-link,#a31e1e);font-size:12px;font-weight:800;text-decoration:underline!important;text-underline-offset:4px}
.btcmp-page .btcmp-start-steps {display:grid;gap:0}
.btcmp-page .btcmp-start-step {display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;padding:16px 0;border-bottom:1px solid var(--bt-border,#e2e6df)}
.btcmp-page .btcmp-start-step:first-child {padding-top:0}
.btcmp-page .btcmp-start-step:last-child {border-bottom:0;padding-bottom:0}
.btcmp-page .btcmp-step-number {display:grid;place-items:center;width:37px;height:37px;background:var(--bt-background,#f2f5f1);color:var(--bt-primary,#276554);border-radius:12px;font-size:12px;font-weight:900}
.btcmp-page .btcmp-start-step strong {display:block;font-size:14px;line-height:1.35;color:var(--bt-surface-text,#1b2a25)}
.btcmp-page .btcmp-start-step span:last-child {display:block;color:var(--bt-muted,#64736b);font-size:12px;line-height:1.55;margin-top:5px}
.btcmp-page .btcmp-start-install {margin-top:clamp(34px,5vw,62px)}
.btcmp-page .btcmp-start-section-heading {display:flex;align-items:end;justify-content:space-between;gap:16px 34px;margin-bottom:19px;flex-wrap:wrap}
.btcmp-page .btcmp-start-section-heading h2 {margin:8px 0 0;font-size:clamp(21px,2.4vw,29px);line-height:1.25;letter-spacing:-.028em;color:var(--bt-text,#1a2824)}
.btcmp-page .btcmp-start-section-heading>p {margin:0;color:var(--bt-muted,#65746a);font-size:13px;line-height:1.55;max-width:300px}
.btcmp-page .btcmp-start-categories {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.btcmp-page .btcmp-start-category {min-width:0;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:0;min-height:218px;padding:18px 17px 18px;background:var(--bt-surface,#fff);border:1px solid var(--bt-border,#dce4dd);border-radius:15px;color:var(--bt-surface-text,#1b2a25);transition:transform .16s,border-color .16s}
.btcmp-page .btcmp-start-category:hover {transform:translateY(-2px);border-color:var(--bt-primary,#497b68)}
.btcmp-page .btcmp-start-category img {display:block;width:70px;height:70px;object-fit:contain;margin-bottom:19px}
.btcmp-page .btcmp-start-category-copy {padding-right:12px}
.btcmp-page .btcmp-start-category strong {display:block;font-size:16px;line-height:1.25;letter-spacing:-.018em}
.btcmp-page .btcmp-start-category small {display:block;font-size:12px;line-height:1.5;color:var(--bt-muted,#68796f);margin-top:7px;max-width:230px}
.btcmp-page .btcmp-category-arrow {position:absolute;bottom:18px;right:18px;font-size:17px;color:var(--bt-link,#a31e1e)}
.btcmp-page .btcmp-start-criteria {margin-top:clamp(34px,5vw,58px)}
.btcmp-page .btcmp-start-criteria-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.btcmp-page .btcmp-start-criterion {padding:17px 19px;background:var(--bt-surface,#fff);border:1px solid var(--bt-border,#dce4dd);border-radius:12px;min-width:0}
.btcmp-page .btcmp-start-criterion strong {display:block;color:var(--bt-surface-text,#192721);font-size:14px;margin-bottom:6px}
.btcmp-page .btcmp-start-criterion span {display:block;color:var(--bt-muted,#67776f);font-size:12px;line-height:1.5}
.btcmp-page .btcmp-start-note {display:flex;justify-content:space-between;align-items:center;gap:18px 34px;padding:20px 24px;background:var(--bt-background,#f0f3ee);border:1px solid var(--bt-border,#dce4dd);border-radius:14px;margin-top:23px}
.btcmp-page .btcmp-start-note strong {font-size:14px;color:var(--bt-text,#1a2925)}
.btcmp-page .btcmp-start-note p {font-size:12px;line-height:1.6;color:var(--bt-muted,#67776f);margin:7px 0 0;max-width:750px}
.btcmp-page .btcmp-start-note a {font-size:12px;font-weight:800;color:var(--bt-link,#9d1818);white-space:nowrap;text-decoration:underline!important;text-underline-offset:4px}
.btcmp-page .btcmp-start a:focus-visible {outline:3px solid var(--bt-primary,#236b52);outline-offset:3px;border-radius:6px}
@media(max-width:970px) {.btcmp-page .btcmp-start-intro {grid-template-columns:1fr}.btcmp-page .btcmp-start-steps {grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.btcmp-page .btcmp-start-step,.btcmp-page .btcmp-start-step:first-child,.btcmp-page .btcmp-start-step:last-child {display:block;border:1px solid var(--bt-border,#e2e6df);border-radius:11px;padding:13px}.btcmp-page .btcmp-step-number {margin-bottom:10px}.btcmp-page .btcmp-start-categories {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px) {.btcmp-page .btcmp-start-intro {padding:20px}.btcmp-page .btcmp-start-steps {grid-template-columns:1fr;gap:0}.btcmp-page .btcmp-start-step,.btcmp-page .btcmp-start-step:first-child,.btcmp-page .btcmp-start-step:last-child {display:grid;grid-template-columns:37px 1fr;gap:12px;border:0;border-bottom:1px solid var(--bt-border,#e2e6df);border-radius:0;padding:12px 0}.btcmp-page .btcmp-start-step:last-child {border:0;padding-bottom:0}.btcmp-page .btcmp-step-number {margin:0}.btcmp-page .btcmp-start-categories {gap:10px}.btcmp-page .btcmp-start-category {min-height:200px;padding:13px}.btcmp-page .btcmp-start-category img {width:58px;height:58px;margin-bottom:14px}.btcmp-page .btcmp-start-category strong {font-size:14px}.btcmp-page .btcmp-start-category small {font-size:11px}.btcmp-page .btcmp-category-arrow {bottom:10px;right:12px}.btcmp-page .btcmp-start-criteria-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.btcmp-page .btcmp-start-criterion {padding:13px}.btcmp-page .btcmp-start-note {align-items:flex-start;flex-direction:column;padding:18px}.btcmp-page .btcmp-start-note a {white-space:normal}}
@media(max-width:380px) {.btcmp-page .btcmp-start-categories {grid-template-columns:1fr}.btcmp-page .btcmp-start-category {min-height:0;display:grid;grid-template-columns:58px minmax(0,1fr);column-gap:15px;align-items:center}.btcmp-page .btcmp-start-category img {grid-row:1;margin:0}.btcmp-page .btcmp-start-criteria-grid {grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce) {.btcmp-page .btcmp-start-category {transition:none}}
