body.ttr-conversion-page #qodef-page-inner{width:100%!important;padding:0!important}body.ttr-conversion-page #qodef-page-title{display:none}body.ttr-conversion-page .qodef-page-title{display:none}
.ttr-cs{--cs-ink:#191919;--cs-lavender:#e4e0f1;--cs-blue:#dce9f7;--cs-yellow:#fff0c9;color:var(--cs-ink);background:#fff;font-family:Syne,'DM Sans',sans-serif;font-size:15px;line-height:1.65;overflow-wrap:break-word}.ttr-cs *{box-sizing:border-box}.ttr-cs [hidden]{display:none!important}.ttr-cs .cs-wrap{width:min(1280px,87%);margin-inline:auto}.ttr-cs .cs-section{padding-block:78px}.ttr-cs .cs-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.ttr-cs h1,.ttr-cs h2,.ttr-cs h3{font-family:Syne,sans-serif;color:var(--cs-ink);font-weight:500;letter-spacing:-.03em;text-transform:none;line-height:1.16;margin:0 0 22px}.ttr-cs h1{font-size:clamp(30px,3.4vw,48px)}.ttr-cs h2{font-size:clamp(27px,2.8vw,38px)}.ttr-cs h3{font-size:21px;line-height:1.3;margin:15px 0}.ttr-cs p{font-size:15px;line-height:1.7;margin:0 0 20px}.ttr-cs a{color:inherit}.ttr-cs .cs-eyebrow{font-size:11px;line-height:1.5;font-weight:500;letter-spacing:.15em;margin-bottom:25px}.ttr-cs .cs-small,.ttr-cs figcaption{font-size:12px;line-height:1.6}.ttr-cs figcaption{padding-top:10px;color:#565656}.ttr-cs figure{margin:0;min-width:0}.ttr-cs img{display:block;max-width:100%;height:auto}.ttr-cs .cs-actions{display:flex;gap:22px;flex-wrap:wrap;align-items:center;margin:27px 0}.ttr-cs .cs-button{display:inline-flex;justify-content:space-between;align-items:center;gap:24px;border:1px solid #191919;background:#191919;color:#fff;padding:17px 23px;line-height:1.4;font-size:13px;font-weight:500;text-decoration:none;min-height:48px;transition:background .2s}.ttr-cs .cs-button:hover{background:#393939;color:#fff}.ttr-cs .cs-text-link{display:inline-block;font:inherit;font-size:13px;font-weight:500;text-decoration:underline;text-underline-offset:6px;background:none;border:0;padding:12px 0;cursor:pointer}.ttr-cs :is(a,button,input,select,summary):focus-visible{outline:2px solid #191919;outline-offset:5px}.ttr-cs .cs-hero{padding-top:36px;padding-bottom:60px}.ttr-cs .cs-breadcrumb{font-size:11px;margin-bottom:36px}.ttr-cs .cs-hero-grid{gap:42px}.ttr-cs .cs-hero-copy{padding-block:28px}.ttr-cs .cs-hero-photo img{height:560px;width:100%;object-fit:cover;object-position:49% center}.ttr-cs .cs-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:35px;align-items:start}.ttr-cs .cs-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:35px}.ttr-cs .cs-steps>div{border-top:1px solid #bbb;padding-top:24px}.ttr-cs .cs-steps span{font-size:28px;color:#777}.ttr-cs .cs-tint{background:var(--cs-yellow)}.ttr-cs .cs-blue{background:var(--cs-blue)}.ttr-cs .cs-product{width:100%;mix-blend-mode:multiply;margin-block:12px}.ttr-cs .cs-price-panel{background:#fff;padding:38px}.ttr-cs .cs-price{display:block;font-family:Syne,sans-serif;font-size:clamp(40px,5vw,64px);line-height:1.15;letter-spacing:-.045em;margin:10px 0 26px}.ttr-cs .cs-price span{display:inline-block;font-size:15px;letter-spacing:0;margin-left:12px}.ttr-cs dl{margin:20px 0 25px}.ttr-cs dl>div{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid #c8c8c8;font-size:13px}.ttr-cs dt{font-weight:400}.ttr-cs dd{margin:0;text-align:right;flex-shrink:0;font-weight:600}.ttr-cs .cs-services{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:38px}.ttr-cs .cs-services>div{padding:26px 22px;background:var(--cs-lavender)}.ttr-cs .cs-services p{font-size:14px;margin-bottom:0}.ttr-cs .cs-mini{font-size:12px;letter-spacing:.1em}.ttr-cs .cs-simulator{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:30px}.ttr-cs .cs-inputs>label,.ttr-cs .cs-inputs details>label{display:block;margin-bottom:20px;font-size:13px}.ttr-cs input,.ttr-cs select{width:100%;height:48px;margin:8px 0 0;padding:10px 14px;color:#191919;background:#fff;border:1px solid #777;border-radius:0;font:inherit;font-size:16px}.ttr-cs details{border-bottom:1px solid #999;padding:16px 0}.ttr-cs summary{cursor:pointer;font-size:15px;font-weight:500;padding:8px 0}.ttr-cs details>p{margin-top:18px}.ttr-cs details[open]>summary{margin-bottom:18px}.ttr-cs .cs-results{padding:32px;background:#fff;align-self:start}.ttr-cs .cs-method{margin-top:24px}.ttr-cs #cs-error{color:#9c1820;font-weight:600}.ttr-cs .cs-benefits img{height:490px;width:100%;object-fit:cover;object-position:50% 30%}.ttr-cs .cs-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0}.ttr-cs .cs-tabs button{font:inherit;font-size:13px;background:transparent;border:1px solid #191919;padding:12px 17px;color:#191919;cursor:pointer}.ttr-cs .cs-tabs [aria-selected=true]{background:#191919;color:#fff}.ttr-cs ul{margin:20px 0;padding-left:20px}.ttr-cs li{margin:0 0 12px;font-size:15px;line-height:1.7}.ttr-cs .cs-sources{border-top:1px solid #ddd;padding-top:42px;padding-bottom:48px}.ttr-cs .cs-sources h2{font-size:25px}.ttr-cs .cs-sources p,.ttr-cs .cs-sources li{font-size:13px}.ttr-cs .cs-final{background:#191919;color:#fff;padding:65px 0}.ttr-cs .cs-final h2,.ttr-cs .cs-final figcaption{color:#fff}.ttr-cs .cs-final img{width:100%;height:320px;object-fit:cover}.ttr-cs .cs-button-light{background:#fff;color:#191919;border-color:#fff}.ttr-cs .cs-button-light:hover{background:var(--cs-lavender);color:#191919}.ttr-cs .cs-final a:focus-visible{outline-color:#fff}
@media(max-width:900px){.ttr-cs .cs-grid,.ttr-cs .cs-heading,.ttr-cs .cs-simulator{gap:28px}.ttr-cs .cs-wrap{width:90%}.ttr-cs .cs-services{grid-template-columns:repeat(2,1fr)}.ttr-cs .cs-hero-photo img{height:470px}.ttr-cs .cs-price-panel{padding:26px}.ttr-cs .cs-steps{gap:24px}}
@media(max-width:650px){.ttr-cs .cs-wrap{width:calc(100% - 40px)}.ttr-cs .cs-section{padding-block:48px}.ttr-cs .cs-grid,.ttr-cs .cs-heading,.ttr-cs .cs-simulator,.ttr-cs .cs-steps{grid-template-columns:1fr}.ttr-cs h1{font-size:30px}.ttr-cs h2{font-size:27px}.ttr-cs .cs-hero{padding-top:22px;padding-bottom:28px}.ttr-cs .cs-hero-copy{padding:0}.ttr-cs .cs-hero-photo img{height:360px}.ttr-cs .cs-price-panel,.ttr-cs .cs-results{padding:24px 20px}.ttr-cs .cs-price{font-size:46px}.ttr-cs .cs-services{gap:12px}.ttr-cs .cs-services>div{padding:20px 15px}.ttr-cs .cs-services h3{font-size:18px}.ttr-cs .cs-benefits img{height:340px}.ttr-cs .cs-final{padding:45px 0}.ttr-cs .cs-final img{height:260px}.ttr-cs .cs-actions{gap:14px}.ttr-cs dl>div{flex-wrap:wrap;gap:8px}.ttr-cs dd{text-align:left}.ttr-cs .cs-breadcrumb{margin-bottom:25px}}
@media(prefers-reduced-motion:reduce){.ttr-cs *{scroll-behavior:auto!important;transition:none!important}}
/* Compact offer: side-profile bicycle, price and included pack in one section. */
.ttr-cs .cs-offer-section{background:#efefed;padding-block:52px}.ttr-cs .cs-offer{grid-template-columns:1.2fr 1fr;gap:42px;align-items:center}.ttr-cs .cs-offer .cs-product{width:100%;max-width:none;margin:24px 0 0;mix-blend-mode:normal}.ttr-cs .cs-offer .cs-price-panel{padding:30px}.ttr-cs .cs-offer .cs-price{margin:8px 0 18px}.ttr-cs .cs-offer dl{margin:12px 0 20px}.ttr-cs .cs-offer dl>div{padding:10px 0}.ttr-cs .cs-pack{border-top:1px solid #ccc;padding-top:18px;margin:0 0 20px}.ttr-cs .cs-pack h3{font-size:18px;margin:0 0 15px}.ttr-cs .cs-pack ul{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;list-style:none;padding:0;margin:0}.ttr-cs .cs-pack li{margin:0;font-size:13px;line-height:1.4}.ttr-cs .cs-pack strong{display:block;font-weight:600;margin-bottom:5px}.ttr-cs .cs-pack span{font-size:12px;line-height:1.5;display:block;color:#555}.ttr-cs .cs-buyout{padding-block:32px}.ttr-cs .cs-buyout .cs-heading{margin-bottom:0;align-items:center}.ttr-cs .cs-buyout .cs-eyebrow{margin-bottom:12px}.ttr-cs .cs-buyout h2,.ttr-cs .cs-buyout p:last-child{margin-bottom:0}.ttr-cs .cs-buyout h2{font-size:29px}
@media(max-width:900px){.ttr-cs .cs-offer{gap:24px;grid-template-columns:1fr 1fr}.ttr-cs .cs-offer .cs-price-panel{padding:24px}.ttr-cs .cs-pack ul{gap:14px}}
@media(max-width:650px){.ttr-cs .cs-offer{grid-template-columns:1fr;gap:24px}.ttr-cs .cs-offer-section{padding-block:36px}.ttr-cs .cs-offer .cs-product{margin:12px 0 0}.ttr-cs .cs-offer .cs-price-panel{padding:24px 20px}.ttr-cs .cs-buyout{padding-block:26px}.ttr-cs .cs-buyout .cs-heading{gap:18px}.ttr-cs .cs-buyout h2{font-size:25px}}

.ttr-cs #offre-velo{scroll-margin-top:110px}

/* Benefits photograph occupies half of the page on desktop. */
.ttr-cs .cs-benefits{width:100%;max-width:none;grid-template-columns:1fr 1fr;gap:0;padding-block:0;align-items:stretch}
.ttr-cs .cs-benefits>figure{height:100%;min-height:560px}
.ttr-cs .cs-benefits>figure img{width:100%;height:100%;min-height:560px;object-fit:cover;object-position:50% 35%}
.ttr-cs .cs-benefits>div{padding:65px clamp(28px,6.5vw,100px);align-self:center}
@media(max-width:650px){.ttr-cs .cs-benefits{grid-template-columns:1fr}.ttr-cs .cs-benefits>figure{min-height:0}.ttr-cs .cs-benefits>figure img{height:440px;min-height:0}.ttr-cs .cs-benefits>div{padding:38px 20px}}
/* FAQ compacte, sans modifier les accordéons du simulateur. */
.ttr-cs .cs-section[aria-labelledby="faq"]{padding-block:40px}
.ttr-cs .cs-section[aria-labelledby="faq"] .cs-eyebrow{margin-bottom:14px}
.ttr-cs #faq{font-size:clamp(25px,2.4vw,32px);margin-bottom:16px}
.ttr-cs .cs-faq details{padding:0}
.ttr-cs .cs-faq summary{padding:12px 0;min-height:44px;box-sizing:border-box;font-size:14px;line-height:1.45}
.ttr-cs .cs-faq details[open]>summary{margin-bottom:0}
.ttr-cs .cs-faq details>p{margin:0 0 14px;padding-left:18px;font-size:14px;line-height:1.6}
/* Photo plus généreuse dans le dernier bloc. */
.ttr-cs .cs-final .cs-grid{grid-template-columns:minmax(0,0.8fr) minmax(0,1.2fr);gap:40px}
.ttr-cs .cs-final img{height:430px;object-position:center}
@media(max-width:650px){.ttr-cs .cs-final .cs-grid{grid-template-columns:1fr;gap:28px}.ttr-cs .cs-final figure{width:calc(100% + 40px);margin-inline:-20px}.ttr-cs .cs-final img{height:340px}}
/* Marges resserrées autour de la photo du bloc final. */
.ttr-cs .cs-final{padding-block:24px}
.ttr-cs .cs-final .cs-wrap{width:calc(100% - 48px);max-width:1440px}
.ttr-cs .cs-final .cs-grid{gap:28px}
.ttr-cs .cs-final .cs-grid>div:first-child{padding-inline:24px}
@media(max-width:650px){.ttr-cs .cs-final{padding-block:24px 0}.ttr-cs .cs-final .cs-wrap{width:calc(100% - 40px)}.ttr-cs .cs-final .cs-grid>div:first-child{padding-inline:0}}
.ttr-cs .cs-offer .cs-pack{border-top:0;padding-top:0}
/* Harmonisation avec la page Contact : DM Sans, Syne et fond ivoire. */
.ttr-cs{--cs-ink:#1a1a1a;--cs-blue:#fafaf6;--cs-yellow:#fafaf6;--cs-lavender:#eeeee7;background:#fafaf6;color:#60665f;font-family:'DM Sans',sans-serif;font-size:17px;line-height:1.8}
.ttr-cs h1,.ttr-cs h2,.ttr-cs h3{font-family:Syne,sans-serif;font-weight:500;color:#1a1a1a;letter-spacing:-.03em;text-transform:none}
.ttr-cs h1{font-size:clamp(40px,6vw,80px);line-height:1.08}
.ttr-cs h2,.ttr-cs #faq,.ttr-cs .cs-buyout h2{font-size:36px;line-height:1.18}
.ttr-cs h3,.ttr-cs .cs-pack h3{font-size:24px;line-height:1.3}
.ttr-cs p,.ttr-cs li{font-family:'DM Sans',sans-serif;font-size:17px;line-height:1.8}
.ttr-cs .cs-eyebrow{font-size:11px;font-weight:600;line-height:1.8}
.ttr-cs .cs-offer-section{background:#eeeee7}
.ttr-cs .cs-price-panel,.ttr-cs .cs-results{color:#60665f}
.ttr-cs .cs-price,.ttr-cs strong,.ttr-cs summary{color:#1a1a1a}
.ttr-cs .cs-small,.ttr-cs .cs-faq details>p,.ttr-cs .cs-pack li,.ttr-cs .cs-pack span{font-size:14px;line-height:1.65}
.ttr-cs .cs-final,.ttr-cs .cs-final h2,.ttr-cs .cs-final p{color:#fff}
@media(max-width:650px){.ttr-cs h1{font-size:40px}.ttr-cs h2,.ttr-cs #faq,.ttr-cs .cs-buyout h2{font-size:30px}.ttr-cs h3,.ttr-cs .cs-pack h3{font-size:22px}.ttr-cs p,.ttr-cs li{font-size:16px}.ttr-cs .cs-eyebrow{font-size:11px}.ttr-cs .cs-small,.ttr-cs .cs-pack li,.ttr-cs .cs-pack span,.ttr-cs .cs-faq details>p{font-size:14px}}
/* Aligner le texte du bloc 08 sur la marge du bloc 07. */
.ttr-cs .cs-final .cs-grid>div:first-child{padding-left:max(0px,calc((100vw - min(1280px,87vw))/2 - max(24px,(100vw - 1440px)/2)));padding-right:0}
@media(max-width:900px){.ttr-cs .cs-final .cs-grid>div:first-child{padding-left:max(0px,calc(5vw - 24px))}}
@media(max-width:650px){.ttr-cs .cs-final .cs-grid>div:first-child{padding-left:0}}
/* Fond bleu du simulateur — section 04. */
.ttr-cs #simulation{background:#dce9f7}
/* Fond gris de l’offre Kalkhoff — section 02. */
.ttr-cs .cs-offer-section{background:#efefed}

/* Service pictograms: maintenance, protection, helmet and lock. */
.cs-pack li{position:relative;padding-left:46px!important}
.cs-pack .cs-service-icon{position:absolute;left:0;top:12px;color:#111;flex-shrink:0}