/* 2026-07-09 v1.3
 * - Added narrow-phone fixes for team thumbnails, homepage product titles and HHH quote text.
 * - Made route selectors tolerant of generated body class suffixes.
 * - Reduced Rallye page side spacing on narrow phones.
 * - Centered team subtitles on narrow phones.
 */

body[class*="req-atelier"] .ro-block-template-unfoldable-thumbs-rail.customclass-32 .thumbnails-simple-grid-thumbnail > hgroup {
    left: 0;
    right: 0;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}

body[class*="req-atelier"] .ro-block-template-unfoldable-thumbs-rail.customclass-32 .thumbnails-simple-grid-thumbnail > hgroup h3.jumbo {
    display: block;
    width: auto;
    max-width: 100%;
    margin-left: 0!important;
    margin-right: 0!important;
    font-size: clamp(42px, 13vw, 52px);
    line-height: 0.95;
    letter-spacing: 1.2px;
    text-align: center;
    overflow-wrap: normal;
}

body[class*="req-atelier"] .ro-block-template-unfoldable-thumbs-rail.customclass-32 .thumbnails-simple-grid-thumbnail > hgroup h4 {
    max-width: calc(100vw - 80px);
    margin-left: auto!important;
    margin-right: auto!important;
    text-align: center;
}

body[class*="req-atelier"] .ro-block-template-unfoldable-thumbs-rail.customclass-32 .thumbnails-simple-grid-thumbnail > img {
    width: 100%!important;
    max-width: 100%!important;
    height: auto!important;
    aspect-ratio: auto!important;
    object-fit: contain!important;
}

.holthin-websites-chooser-wrapper h2 {
    white-space: normal!important;
    overflow: visible!important;
    text-overflow: clip!important;
    line-height: 1.05!important;
}

body[class*="req-holthinrichs-haute-horlogerie"] .ro-block-template-scrolladaptive-fullwidthimage-with-text .ro-blocks-text-overlay h2.align-center {
    font-size: 13px;
    line-height: 1.18;
    letter-spacing: 1.2px;
    max-width: 100%;
    margin-left: auto!important;
    margin-right: auto!important;
}

body[class*="req-holthinrichs-haute-horlogerie"] .ro-block-template-scrolladaptive-fullwidthimage-with-text .ro-blocks-text-overlay p.align-center {
    font-size: 10px;
    line-height: 1.35!important;
    letter-spacing: 0.2px;
}

body[class*="req-events-rallye"] article.mx-auto {
    padding-left: 30px!important;
    padding-right: 30px!important;
}

body[class*="req-events-rallye"] .holthin-news-item-wrapper,
body[class*="req-events-rallye"] .holthin-news-item-content-wrapper {
    padding-left: 0!important;
    padding-right: 0!important;
}