/* Shared photographic header: the same dimensions and typography as Sacoches. */
body:has(.ttr-hero-velo) #qodef-page-inner{padding-top:0!important;width:100%!important;max-width:none!important}
.ttr-accessory-hero.has-photo h1{color:#fff!important}
.ttr-hero-casque img{object-position:center 48%}
.ttr-hero-antivol img{object-position:center 55%}
.ttr-hero-velo img{object-position:center 45%}
.ttr-bike-catalog{scroll-margin-top:130px}
.ttr-brand-instruction{margin:0 0 20px}
.ttr-bike-catalog.has-active-brand .ttr-brand-tile:not(.is-selected){opacity:.3;filter:grayscale(1);transition:opacity .2s}
.ttr-bike-catalog.has-active-brand .ttr-brand-tile:hover,.ttr-bike-catalog.has-active-brand .ttr-brand-tile:focus-within{opacity:1}
.ttr-brand-story{display:grid;grid-template-columns:1.35fr 1fr;background:#292929;color:#fff;margin:0 0 36px;overflow:hidden}
.ttr-brand-story-copy{padding:clamp(24px,2.5vw,40px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.ttr-brand-story h2,.ttr-brand-story p,.ttr-brand-story a{color:#fff!important}
.ttr-brand-story .ttr-brand-story-eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 18px}
.ttr-brand-story h2{margin-bottom:20px}
.ttr-brand-story .ttr-brand-reset{margin-top:20px;border-bottom:1px solid currentColor;padding-bottom:5px}
.ttr-brand-story a:focus-visible{outline:2px solid #fff}
.ttr-brand-story-visual{margin:0;background:#f3f2ef;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:24px}
.ttr-brand-story-visual img{width:100%;height:clamp(180px,22vw,340px);object-fit:contain;mix-blend-mode:multiply}
.ttr-brand-story-visual figcaption{color:#292929;font-size:13px;text-align:center;margin-top:12px}
@media(max-width:680px){.ttr-brand-story{grid-template-columns:1fr}.ttr-brand-story-visual img{height:210px}.ttr-bike-catalog{scroll-margin-top:95px}}

/* Compact presentation shared by all seven brands, without clipping copy. */
.ttr-brand-story-copy>p{margin:0 0 14px}
.ttr-brand-story-copy>p:last-child{margin-bottom:0}

/* Full-bleed lifestyle image for Riese & Müller. */
.ttr-brand-story-visual.ttr-brand-story-photo{padding:0;position:relative;overflow:hidden}
.ttr-brand-story-visual.ttr-brand-story-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:38% center;mix-blend-mode:normal}
@media(max-width:680px){.ttr-brand-story-visual.ttr-brand-story-photo{min-height:280px}}