/*! CSS genere depuis development/front/styles/articles.scss. Modifier les sources SCSS, puis recompiler. */.article-main{min-height:60vh}.error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;min-height:65vh;padding-block:clamp(64px,10vw,120px);text-align:center}.error-page-code{color:var(--accent);font:500 13px/1.5 var(--heading);text-transform:uppercase;letter-spacing:.12em}.error-page h1{max-width:760px;margin:0;font-size:clamp(32px,5vw,60px)}.error-page-message{max-width:560px;color:var(--muted);font-size:16px}.error-page .button{margin-top:8px}.article-hero{padding:78px 0 74px;background:var(--panel)}.article-hero h1{max-width:800px;margin:0 0 18px;font-size:clamp(38px,5vw,68px)}.article-hero p:last-child{max-width:690px;margin:0;color:var(--muted);font-size:17px}.article-listing{padding-top:40px;padding-bottom:90px}.article-categories{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:38px}.article-categories a{display:block;padding:10px 14px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font:600 12px var(--heading)}.article-categories a:hover,.article-categories a.active{background:var(--accent);border-color:var(--accent);color:var(--canvas)}.article-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:20px}.article-card{display:flex;flex-direction:column;min-height:280px;padding:29px;background:var(--panel);border:1px solid var(--line)}.article-card h2{margin:0 0 14px;font-size:clamp(22px,2.3vw,31px)}.article-card h2 a:hover,.article-read:hover{color:var(--accent)}.article-card>p:not(.eyebrow){color:var(--muted);font-size:14px}.article-read{margin-top:auto;padding-top:20px;font:700 12px var(--heading)}.article-empty{padding:45px;background:var(--panel);border:1px solid var(--line);color:var(--muted)}.article-detail{max-width:900px;padding-top:45px;padding-bottom:90px}.article-breadcrumb{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:48px;color:var(--muted);font:600 12px var(--heading);overflow-wrap:anywhere}.article-breadcrumb a:hover{color:var(--accent)}.article-detail header{padding-bottom:31px;border-bottom:1px solid var(--line)}.article-detail h1{max-width:850px;margin:0;font-size:clamp(38px,5.2vw,66px)}.article-body{max-width:760px;padding-top:30px;color:var(--ink);font-size:17px;line-height:1.8;overflow-wrap:anywhere}.article-body p,.article-body ul,.article-body ol{margin:0 0 1.25em}.article-body h2{margin:1.7em 0 .6em;font-size:32px}.article-body h3{margin:1.5em 0 .5em;font-size:25px}.article-body a:not(.button){color:var(--accent);text-decoration:underline;text-underline-offset:3px}.article-body ul,.article-body ol{padding-left:1.4em}.article-body blockquote{margin:1.5em 0;padding:10px 0 10px 22px;border-left:4px solid var(--accent);font:500 21px var(--heading)}.article-body img{height:auto;max-width:100%;margin:1.5em 0}.article-back{margin-top:50px}.article-back .button{display:inline-flex}@media(max-width: 900px){.article-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(max-width: 600px){.article-hero{padding:52px 0}.article-hero p:last-child{font-size:15px}.article-listing{padding-bottom:60px}.article-grid{grid-template-columns:1fr}.article-card{min-height:230px}.article-detail{padding-top:30px;padding-bottom:60px}.article-breadcrumb{margin-bottom:30px}.article-body{font-size:16px}.article-body h2{font-size:26px}}.article-body div{margin-bottom:1.25em}.news-card-cover{width:100%;aspect-ratio:16/9;object-fit:cover;margin-bottom:22px}.news-cover{display:block;width:100%;height:auto;max-height:650px;object-fit:contain;margin:30px 0}.product-gallery{min-width:0;margin:30px 0}.product-gallery .swiper{border-radius:8px}.product-gallery .swiper:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.product-gallery .swiper .swiper-wrapper{transition-timing-function:cubic-bezier(0.34, 1.56, 0.64, 1)}.product-gallery .swiper-slide{height:auto;max-height:650px;aspect-ratio:3/2;overflow:hidden;border-radius:8px;background:var(--product-photo-background)}.product-gallery-photo{display:block;width:100%;height:100%;object-fit:contain}.product-gallery .swiper:not(.swiper-initialized) .swiper-wrapper{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.product-gallery .swiper:not(.swiper-initialized) .swiper-wrapper::-webkit-scrollbar{display:none}.product-gallery .swiper:not(.swiper-initialized) .swiper-slide{flex:0 0 calc((100% - 12px)/1.18);scroll-snap-align:center}.news-tags{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.news-tags a{padding:6px 10px;border:1px solid var(--line);font-size:13px}.news-pagination{display:flex;flex-wrap:wrap;gap:20px;margin:30px 0;align-items:center}.page-share{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:28px 0}.page-share-label{margin-right:4px;color:var(--muted);font:500 13px var(--heading)}.page-share-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);font:500 13px var(--heading);text-decoration:none;cursor:pointer}.page-share-button:hover{border-color:var(--accent);background:var(--card)}.page-share-button:focus-visible,.page-share-panel input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.page-share-button .icon{flex-shrink:0;width:18px;height:18px}.page-share-messenger{position:relative}.page-share-messenger summary{list-style:none}.page-share-messenger summary::-webkit-details-marker{display:none}.page-share-panel{position:absolute;z-index:5;top:calc(100% + 10px);left:0;width:min(360px,100vw - 64px);padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 8px 24px var(--menu-shadow);color:var(--ink);font-size:13px;line-height:1.6}.page-share-panel p{margin:0 0 12px}.page-share-panel label{display:block}.page-share-panel input{width:100%;min-width:0;margin:6px 0 12px;padding:10px;border:1px solid var(--line);border-radius:4px;background:var(--canvas);color:var(--ink);font:inherit}.page-share-actions{display:flex;flex-wrap:wrap;gap:8px}.page-share-panel .page-share-status:not(:empty){margin:12px 0 0}@media(max-width: 600px){.page-share-label{flex-basis:100%}}.news-related,.news-products{margin-top:65px}.news-products-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.news-products-heading button{padding:12px 18px;border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer}.news-products .swiper-slide{height:auto}.news-products .bike-card{height:100%}.preview-banner{padding:18px;background:var(--preview-background);color:var(--preview-text);border:1px solid var(--preview-border)}.article-body iframe{max-width:100%;aspect-ratio:16/9;height:auto}.news-lead{color:var(--muted);font-size:20px;margin-top:24px}.article-categories [aria-current]{background:var(--accent);border-color:var(--accent);color:var(--canvas)}.page-share-toggle{display:none}.page-share-options{display:flex;flex-wrap:wrap;align-items:center;gap:10px}@media(max-width: 800px){.product-detail{padding-top:16px;padding-bottom:40px}.product-detail>.article-breadcrumb{margin-bottom:14px;gap:6px}.product-detail>header{padding-bottom:12px}.product-detail>header .eyebrow{margin-bottom:10px}.product-detail>.news-cover{margin:12px 0}.product-detail>.product-gallery{margin:12px 0}.product-detail>.article-body{padding-top:16px}.page-share{margin:10px 0}.page-share-label{display:none}.page-share.is-enhanced .page-share-toggle{display:inline-flex;width:40px;min-height:40px;padding:9px}.page-share.is-enhanced .page-share-options{display:none;position:absolute;z-index:10;top:calc(100% + 8px);left:0;width:min(320px,100vw - 48px);flex-direction:column;align-items:stretch;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:0 8px 24px var(--menu-shadow)}.page-share.is-enhanced.is-open .page-share-options{display:flex}.page-share-options>.page-share-button,.page-share-options .page-share-messenger>summary{width:100%;justify-content:flex-start}.page-share-options .page-share-panel{position:static;width:100%;margin-top:8px;padding:12px;box-shadow:none}}.share-heading{display:grid;grid-template-columns:minmax(0, 1fr) auto;column-gap:12px}.share-heading>.eyebrow{grid-column:1/-1;grid-row:1}.share-heading>h1{grid-column:1;grid-row:2;min-width:0;overflow-wrap:anywhere}.share-heading>.page-share{grid-column:2;grid-row:2;align-self:center;margin:0}.share-heading>.page-share .page-share-options{left:auto;right:0}.category-catalog .share-heading{width:100%;min-width:0}.category-catalog .brand-catalog-heading .share-heading>h1{margin:0}.share-heading>.brand-catalog-description{grid-column:1/-1;grid-row:3;margin-top:10px}.share-heading>.news-lead{grid-column:1/-1;grid-row:3}.page-share-dropdown .page-share-label{display:none}.page-share-dropdown.is-enhanced .page-share-toggle{display:inline-flex;width:40px;min-height:40px;padding:9px}.page-share-dropdown.is-enhanced .page-share-options{display:none;position:absolute;z-index:10;top:calc(100% + 8px);right:0;left:auto;width:min(320px,100vw - 48px);flex-direction:column;align-items:stretch;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:0 8px 24px var(--menu-shadow)}.page-share-dropdown.is-enhanced.is-open .page-share-options{display:flex}.page-share-dropdown .page-share-options>.page-share-button,.page-share-dropdown .page-share-messenger>summary{width:100%;justify-content:flex-start}.page-share-dropdown .page-share-panel{position:static;width:100%;margin-top:8px;padding:12px;box-shadow:none}@media(min-width: 801px){.product-detail>.article-breadcrumb{margin-bottom:20px}.product-detail>header{padding-block:5px 5px}}.product-offer{display:flex;flex-direction:column;gap:14px;margin-top:16px}.product-availability-line{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}.product-availability{display:inline-flex;align-self:flex-start;padding:5px 12px;border:1px solid var(--line);border-radius:20px;background:var(--panel);color:var(--muted);font:500 12px/1.5 var(--heading)}.product-availability--in_stock{border-color:var(--teal);color:var(--teal)}.product-availability--on_request{border-color:var(--accent);color:var(--accent)}.product-price.showcase-price{margin:0;padding:0;border:0;gap:12px}.product-price.showcase-price strong{font-size:12px}.product-price .showcase-public-price{font-size:12px}.product-price .showcase-store-price{padding:7px 12px;border-radius:7px}.product-related{border-top:1px solid var(--line);padding-top:32px;padding-bottom:60px}