.ct-section {
width:100%;
background-size:cover;
background-repeat:repeat;
}
.ct-section>.ct-section-inner-wrap {
display:flex;
flex-direction:column;
align-items:flex-start;
}
.ct-div-block {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.ct-new-columns {
display:flex;
width:100%;
flex-direction:row;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
.ct-link-text {
display:inline-block;
}
.ct-link {
display:flex;
flex-wrap:wrap;
text-align:center;
text-decoration:none;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-link-button {
display:inline-block;
text-align:center;
text-decoration:none;
}
.ct-link-button {
background-color: #1e73be;
border: 1px solid #1e73be;
color: #ffffff;
padding: 10px 16px;
}
.ct-image {
max-width:100%;
}
.ct-fancy-icon>svg {
width:55px;height:55px;}
.ct-inner-content {
width:100%;
}
.ct-slide {
display:flex;
flex-wrap:wrap;
text-align:center;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-nestable-shortcode {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-comments {
width:100%;
text-align:left;
}
.oxy-comment-form {
width:100%;
}
.oxy-login-form {
width:100%;
}
.oxy-search-form {
width:100%;
}
.oxy-tabs-contents {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab-content {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-testimonial {
width:100%;
}
.oxy-icon-box {
width:100%;
}
.oxy-pricing-box {
width:100%;
}
.oxy-posts-grid {
width:100%;
}
.oxy-gallery {
width:100%;
}
.ct-slider {
width:100%;
}
.oxy-tabs {
display:flex;
flex-wrap:nowrap;
flex-direction:row;
align-items:stretch;
}
.ct-modal {
flex-direction:column;
align-items:flex-start;
}
.ct-span {
display:inline-block;
text-decoration:inherit;
}
.ct-widget {
width:100%;
}
.oxy-dynamic-list {
width:100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
			.ct-div-block,
			.oxy-post-content,
			.ct-text-block,
			.ct-headline,
			.oxy-rich-text,
			.ct-link-text { max-width: 100%; }
			img { flex-shrink: 0; }
			body * { min-height: 1px; }
		}            .oxy-testimonial {
                flex-direction: row;
                align-items: center;
            }
                        .oxy-testimonial .oxy-testimonial-photo-wrap {
                order: 1;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo {
                width: 125px;                height: 125px;                margin-right: 20px;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo-wrap, 
            .oxy-testimonial .oxy-testimonial-author-wrap, 
            .oxy-testimonial .oxy-testimonial-content-wrap {
                align-items: flex-start;                text-align: left;            }
            
                                                            .oxy-testimonial .oxy-testimonial-text {
                margin-bottom:8px;font-size: 21px;
line-height: 1.4;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
                                    .oxy-testimonial .oxy-testimonial-author {
                font-size: 18px;
-webkit-font-smoothing: subpixel-antialiased;
            }
                            

                                                .oxy-testimonial .oxy-testimonial-author-info {
                font-size: 12px;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
             
            
                        .oxy-icon-box {
                text-align: left;                flex-direction: column;            }
            
                        .oxy-icon-box .oxy-icon-box-icon {
                margin-bottom: 12px;
                align-self: flex-start;            }
            
                                                                        .oxy-icon-box .oxy-icon-box-heading {
                font-size: 21px;
margin-bottom: 12px;            }
            
                                                                                    .oxy-icon-box .oxy-icon-box-text {
                font-size: 16px;
margin-bottom: 12px;align-self: flex-start;            }
            
                        .oxy-icon-box .oxy-icon-box-link {
                margin-top: 20px;                            }
            
            
            /* GLOBALS */

                                                            .oxy-pricing-box .oxy-pricing-box-section {
                padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
text-align: center;            }
                        
                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                justify-content: center;            }
            
            /* IMAGE */
                                                                                    .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic {
                justify-content: center;            }
            
            /* TITLE */
                                                            
                                    .oxy-pricing-box .oxy-pricing-box-title-title {
                font-size: 48px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-title-subtitle {
                font-size: 24px;
            }
            

            /* PRICE */
                                                .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                                                flex-direction: row;                                            }
            
                                    .oxy-pricing-box .oxy-pricing-box-currency {
                font-size: 28px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-main {
                font-size: 80px;
line-height: 0.7;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-decimal {
                font-size: 13px;
            }
                        
                                    .oxy-pricing-box .oxy-pricing-box-term {
                font-size: 16px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-sale-price {
                font-size: 12px;
color: rgba(0,0,0,0.5);
                margin-bottom: 20px;            }
            
            /* CONTENT */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content {
                font-size: 16px;
color: rgba(0,0,0,0.5);
            }
            
            /* CTA */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-cta {
                justify-content: center;            }
            
        
                                .oxy-progress-bar .oxy-progress-bar-background {
            background-color: #000000;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);            animation: none 0s paused;        }
                
                .oxy-progress-bar .oxy-progress-bar-progress-wrap {
            width: 85%;        }
        
                                                        .oxy-progress-bar .oxy-progress-bar-progress {
            background-color: #66aaff;padding: 40px;animation: none 0s paused, none 0s paused;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);        
        }
                
                        .oxy-progress-bar .oxy-progress-bar-overlay-text {
            font-size: 30px;
font-weight: 900;
-webkit-font-smoothing: subpixel-antialiased;
        }
        
                        .oxy-progress-bar .oxy-progress-bar-overlay-percent {
            font-size: 12px;
        }
        
        .ct-slider .unslider-nav ol li {border-color: #ffffff; }.ct-slider .unslider-nav ol li.unslider-active {background-color: #ffffff; }.ct-slider .ct-slide {
				padding: 0px;			}
		
                        .oxy-superbox .oxy-superbox-secondary, 
            .oxy-superbox .oxy-superbox-primary {
                transition-duration: 0.5s;            }
            
            
            
            
            
        
        
        
        
            .oxy-shape-divider {
                width: 0px;
                height: 0px;
                
            }
            
            .oxy_shape_divider svg {
                width: 100%;
            }
            .oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu{
box-shadow:px px px px ;}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a div{
margin-left:0px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
width:30px;
height:30px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon{
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
padding-left:15px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon, .oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon{
top:20px;
left:20px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
width:24px;
height:24px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon, .oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container{
background-color:#ffffff;
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-open-container{
background-image:url();
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item-has-children > a svg, .oxy-pro-menu .oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item-has-children > a svg{
font-size:24px;
}

.oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-open-container .menu-item-has-children ul, .oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item-has-children ul{
background-color:rgba(0,0,0,0.2);
border-top-style:solid;
}

.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .oxy-pro-menu-list{
                    flex-direction: row;
               }
.oxy-pro-menu .oxy-pro-menu-container .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .menu-item, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .menu-item{
                    align-items: flex-start;
                }

            .oxy-pro-menu .oxy-pro-menu-off-canvas-container{
                    top: 0;
                    bottom: 0;
                    right: auto;
                    left: 0;
               }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item a, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }

            .oxy-site-navigation {
--oxynav-brand-color:#4831B0;
--oxynav-neutral-color:#FFFFFF;
--oxynav-activehover-color:#EFEDF4;
--oxynav-background-color:#4831B0;
--oxynav-border-radius:0px;
--oxynav-other-spacing:8px;
--oxynav-transition-duration:0.3s;
--oxynav-transition-timing-function:cubic-bezier(.84,.05,.31,.93);
}

.oxy-site-navigation .oxy-site-navigation__mobile-close-wrapper{
text-align:left;
}

.oxy-site-navigation > ul{ left: 0; }
.oxy-site-navigation {
                        --oxynav-animation-name: none; 
                    }

                .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1){ 
                    background-color: var(--oxynav-brand-color);
                    transition: var(--oxynav-transition-duration);
                    margin-left: var(--oxynav-other-spacing);
                    border: none;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2){ 
                    background: transparent;
                    border: 1px solid currentColor;
                    transition: var(--oxynav-transition-duration);
                    margin-left: var(--oxynav-other-spacing);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2):not(:hover) > img{
                    filter: invert(0) !important;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover{
                    background-color: var(--oxynav-activehover-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a{
                    color: var(--oxynav-neutral-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a{
                    color: var(--oxynav-brand-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a{
                    color: var(--oxynav-brand-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a::after{
                    color: var(--oxynav-neutral-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a::after{
                    color: var(--oxynav-brand-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a::after{
                    color: var(--oxynav-brand-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
                    display: none;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > button, .oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
                    display: none;
                }

                .ct-section-inner-wrap, .oxy-header-container{
  max-width: 1120px;
}
body {font-family: 'Open Sans';}body {line-height: 1.6;font-size: 16px;font-weight: 400;color: #404040;}.oxy-nav-menu-hamburger-line {background-color: #404040;}h1, h2, h3, h4, h5, h6 {font-family: 'Source Sans 3';font-size: 36px;font-weight: 700;}h2, h3, h4, h5, h6{font-size: 30px;}h3, h4, h5, h6{font-size: 24px;}h4, h5, h6{font-size: 20px;}h5, h6{font-size: 18px;}h6{font-size: 16px;}a {color: #0074db;text-decoration: none;}a:hover {text-decoration: none;}.ct-link-text {text-decoration: ;}.ct-link {text-decoration: ;}.ct-link-button {border-radius: 3px;}.ct-section-inner-wrap {
padding-top: 75px;
padding-right: 20px;
padding-bottom: 75px;
padding-left: 20px;
}.ct-new-columns > .ct-div-block {
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}.oxy-header-container {
padding-right: 20px;
padding-left: 20px;
}@media (max-width: 992px) {
				.ct-columns-inner-wrap {
					display: block !important;
				}
				.ct-columns-inner-wrap:after {
					display: table;
					clear: both;
					content: "";
				}
				.ct-column {
					width: 100% !important;
					margin: 0 !important;
				}
				.ct-columns-inner-wrap {
					margin: 0 !important;
				}
			}
@font-face{font-family:'Geist';font-style:normal;font-weight:300 600;font-display:swap;src:url(/wp-content/uploads/lsr-polices/geist-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Geist';font-style:normal;font-weight:300 600;font-display:swap;src:url(/wp-content/uploads/lsr-polices/geist-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Geist Mono';font-style:normal;font-weight:400 500;font-display:swap;src:url(/wp-content/uploads/lsr-polices/geist-mono-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Geist Mono';font-style:normal;font-weight:400 500;font-display:swap;src:url(/wp-content/uploads/lsr-polices/geist-mono-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url(/wp-content/uploads/lsr-polices/instrument-serif-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url(/wp-content/uploads/lsr-polices/instrument-serif-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(/wp-content/uploads/lsr-polices/instrument-serif-italic-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(/wp-content/uploads/lsr-polices/instrument-serif-italic-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ======================= Socle du site ======================= */
/* liens sans classe (noms de produits dans les tableaux, cartes, listes) : jamais le bleu du thème */
.pD a:not([class]) { color: inherit; text-decoration: none; }
.pD a:not([class]):hover, .pD a:not([class]):focus-visible { color: var(--cuivre-f); }
.pD .d-vert a:not([class]):hover, .pD .d-vert a:not([class]):focus-visible, .pD .v-choix-haut a:not([class]):hover, .pD .d-gamme-haut a:not([class]):hover { color: var(--cuivre-c); }
.pD .k-prod b a, .pD .k-variante b a, .pD .v-nom a { border-bottom: 1px solid rgba(176,122,74,.45); }
html { scroll-behavior: smooth; }
body { margin: 0; background: #F5F3EE; container-type: inline-size; -webkit-font-smoothing: antialiased; }
.pD, .pD * { box-sizing: border-box; }
.pD img { max-width: 100%; }
.pD svg.ph, .pD img.ph { display: block; width: 100%; height: 100%; }
.pD img.ph { object-fit: cover; }
.pD .d-vitrine img.d-vol { position: absolute; left: 8%; width: 84%; top: 10%; height: 72%; object-fit: contain; }
.pD .d-sec[id], .pD .d-hero { scroll-margin-top: 16px; }
.pD .d-plat .d-plat-off { display: grid; gap: 2px; padding: 14px 18px; font: 400 22px/1.1 var(--f-titre); color: #9A978F; border-bottom: 1px solid var(--trait); }
.pD a.d-gamme:not(.d-gamme-haut), .pD .v-nom a, .pD h3 a { color: inherit; text-decoration: none; }
.pD a.d-gamme-haut { color: #fff; text-decoration: none; }
.pD .v-faits div { padding-right: 14px; margin-right: 14px; }
.pD .v-faits dt { font-size: 34px; }
.pD .v-nom a:hover, .pD h3 a:hover { color: var(--cuivre-f); }
.lsr-pied .lsr-pied-haut { display: grid; gap: 22px; }
.lsr-pied .lsr-pied-cols { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; }
.lsr-pied .lsr-pied-cols ul { margin: 8px 0 0; padding: 0; list-style: none; display: grid; gap: 6px; }
.lsr-pied .lsr-pied-cols a { color: #fff; text-decoration: none; font-size: 14px; }
.lsr-pied .lsr-pied-cols a:hover { color: var(--cuivre-c); }
.lsr-pied .d-pied a { color: #fff; }
@container (min-width: 760px) {
  .lsr-pied .lsr-pied-haut { grid-template-columns: 1fr 2fr; gap: 48px; }
  .lsr-pied .lsr-pied-cols { grid-template-columns: repeat(3, 1fr); }
  .pD .d-plat .d-plat-off { border-bottom: 0; border-right: 1px solid var(--trait); padding: 18px 22px; font-size: 26px; }
  .pD .d-vitrine img.d-vol { left: 9%; width: 82%; top: 8%; height: 76%; }
  .pD .v-faits div { padding-right: 22px; margin-right: 22px; }
  .pD .v-faits dt { font-size: 40px; }
}
.pD .d-tete nav { flex-wrap: nowrap; overflow-x: auto; white-space: nowrap; max-width: 100%; scrollbar-width: none; }
/* ======================= Accueil : hero immersif ======================= */
.pD .lsr-hi { position: relative; overflow: hidden; display: grid; gap: 26px; padding: 34px 18px 0; color: #fff;
  background: radial-gradient(120% 90% at 78% 38%, #2A6550 0, #163C2E 52%, #0E2A1F 100%); isolation: isolate; }
.pD .lsr-hi::after { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: linear-gradient(180deg, rgba(14,42,31,0) 60%, rgba(14,42,31,.55) 100%), repeating-linear-gradient(90deg, rgba(255,255,255,.025) 0 1px, transparent 1px 64px); }
.pD .lsr-hi-piste { position: absolute; z-index: -1; top: -6%; right: -40%; width: 130%; height: 100%; pointer-events: none; }
.pD .lsr-hi-trace { fill: none; stroke: rgba(212,154,102,.38); stroke-width: 1.4; }
.pD .lsr-hi-bord { fill: none; stroke: rgba(255,255,255,.06); stroke-width: 9; }
.pD .lsr-hi-comete { fill: none; stroke: #E9B482; stroke-width: 2.4; stroke-linecap: round; stroke-dasharray: 9 91; stroke-dashoffset: 100;
  filter: drop-shadow(0 0 3px rgba(233,180,130,.9)); animation: lsr-tour 11s linear infinite; }
.pD .lsr-hi-comete-2 { stroke: rgba(255,255,255,.55); stroke-width: 1.4; stroke-dasharray: 4 96; animation-duration: 13s; animation-delay: -5s; filter: none; }
.pD .lsr-hi-secteurs path { stroke: rgba(212,154,102,.55); stroke-width: 1.4; }
.pD .lsr-hi-secteurs text { font: 400 6px var(--f-mono); fill: rgba(212,154,102,.75); letter-spacing: 1px; }
@keyframes lsr-tour { to { stroke-dashoffset: 0; } }
.pD .lsr-hi-geant { position: absolute; z-index: -1; right: -2%; top: 30%; font: italic 400 300px/.8 var(--f-titre); color: rgba(255,255,255,.05); letter-spacing: -.05em; pointer-events: none; }
.pD .lsr-hi-geant small { font-size: .3em; letter-spacing: 0; margin-left: 6px; }
.pD .lsr-hi-txt { display: grid; gap: 16px; align-content: center; position: relative; }
.pD .lsr-hi-sur { display: flex; align-items: center; gap: 12px; margin: 0; font: 400 11px/1.4 var(--f-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--cuivre-c); }
.pD .lsr-hi-feu { display: inline-flex; gap: 4px; }
.pD .lsr-hi-feu i { width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,.18); animation: lsr-feu 4s infinite; }
.pD .lsr-hi-feu i:nth-child(2) { animation-delay: .5s; }
.pD .lsr-hi-feu i:nth-child(3) { animation-delay: 1s; }
@keyframes lsr-feu { 0%, 12% { background: rgba(255,255,255,.18); box-shadow: none; } 14%, 60% { background: #E05A3A; box-shadow: 0 0 8px #E05A3A; } 62%, 100% { background: rgba(255,255,255,.18); box-shadow: none; } }
.pD .lsr-hi h1 { margin: 0; font: 400 58px/.92 var(--f-titre); letter-spacing: -.02em; color: #fff; text-wrap: balance; }
.pD .lsr-hi h1 em { font-style: italic; color: var(--cuivre-c); }
.pD .lsr-hi-chapo { margin: 0; max-width: 46ch; font-size: 16px; line-height: 1.65; color: var(--vert-txt); }
.pD .lsr-hi-ctas { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 22px; margin: 6px 0 0; }
.pD .lsr-hi-ctas .d-btn { padding: 15px 22px; }
.pD .lsr-hi-lien { color: #fff; text-decoration: none; font-size: 14px; border-bottom: 1px solid var(--cuivre-c); padding-bottom: 1px; }
.pD .lsr-hi-lien:hover { color: var(--cuivre-c); }
.pD .lsr-hi-puces { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; }
.pD .lsr-hi-puces a { font: 400 12px/1 var(--f-mono); letter-spacing: .04em; color: #fff; text-decoration: none; padding: 9px 12px; border: 1px solid rgba(255,255,255,.22); border-radius: 999px; background: rgba(10,30,22,.35); }
.pD .lsr-hi-puces a:hover, .pD .lsr-hi-puces a:focus-visible { border-color: var(--cuivre-c); color: var(--cuivre-c); outline: none; }
.pD .lsr-hi-vol { position: relative; margin: 0; min-height: 300px; padding-bottom: 30px; display: grid; place-items: center; }
.pD .lsr-hi-halo { position: absolute; width: 78%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgba(212,154,102,.28) 0, rgba(212,154,102,0) 66%); }
.pD .lsr-hi-img { position: relative; width: 92%; max-width: 620px; height: auto; filter: drop-shadow(0 30px 34px rgba(0,0,0,.45)); animation: lsr-flotte 7s ease-in-out infinite; }
@keyframes lsr-flotte { 50% { transform: translateY(-8px) rotate(-.6deg); } }
.pD .lsr-hi-call { position: absolute; font: 400 10px/1.2 var(--f-mono); letter-spacing: .08em; text-transform: uppercase; color: #fff; padding: 4px 0; border-bottom: 1px solid var(--cuivre-c); white-space: nowrap; }
.pD .lsr-hi-call::before { content: ""; position: absolute; bottom: -3px; width: 5px; height: 5px; border-radius: 50%; background: var(--cuivre-c); }
.pD .lsr-hi-call-1 { left: 2%; top: 66%; }
.pD .lsr-hi-call-1::before { right: -3px; }
.pD .lsr-hi-call-2 { right: 2%; top: 8%; }
.pD .lsr-hi-call-2::before { left: -3px; }
.pD .lsr-hi-call-3 { right: 4%; top: 74%; }
.pD .lsr-hi-call-3::before { left: -3px; }
.pD .lsr-hi-vol figcaption { position: absolute; left: 0; right: 0; bottom: 0; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 16px; font-size: 13px; color: var(--vert-txt); }
.pD .lsr-hi-vol figcaption b { color: #fff; font-weight: 500; }
.pD .lsr-hi-vol figcaption a { color: #fff; text-decoration: none; border-bottom: 1px solid var(--cuivre-c); }
.pD .lsr-hi-telem { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, 1fr); margin: 10px -18px 0; border-top: 1px solid rgba(255,255,255,.14); background: rgba(10,30,22,.4); }
.pD .lsr-hi-telem div { padding: 14px 18px; border-right: 1px solid rgba(255,255,255,.1); border-bottom: 1px solid rgba(255,255,255,.1); }
.pD .lsr-hi-telem dt { font: italic 400 30px/1 var(--f-titre); color: #fff; }
.pD .lsr-hi-telem dd { margin: 6px 0 0; font: 400 10px/1.3 var(--f-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--cuivre-c); }
@container (min-width: 760px) {
  .pD .lsr-hi { grid-template-columns: 1fr 1.12fr; gap: 20px 40px; padding: 70px 44px 0; min-height: 640px; }
  .pD .lsr-hi-piste { top: -4%; right: -8%; width: 74%; height: 104%; }
  .pD .lsr-hi h1 { font-size: 104px; }
  .pD .lsr-hi-chapo { font-size: 17px; }
  .pD .lsr-hi-geant { font-size: 460px; right: 2%; top: 6%; }
  .pD .lsr-hi-vol { min-height: 500px; padding-bottom: 40px; }
  .pD .lsr-hi-call { font-size: 11px; }
  .pD .lsr-hi-telem { grid-template-columns: repeat(4, 1fr); margin: 26px -44px 0; }
  .pD .lsr-hi-telem div { padding: 20px 44px; border-bottom: 0; }
  .pD .lsr-hi-telem div:last-child { border-right: 0; }
  .pD .lsr-hi-telem dt { font-size: 40px; }
}
@media (prefers-reduced-motion: reduce) {
  .pD .lsr-hi-comete, .pD .lsr-hi-img, .pD .lsr-hi-feu i { animation: none; }
  .pD .lsr-hi-comete { stroke-dasharray: none; stroke-dashoffset: 0; opacity: .5; }
}

.pD .lsr-acc { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid var(--trait); }
.pD .lsr-acc a { display: flex; align-items: center; gap: 12px; padding: 16px 18px; color: var(--encre); text-decoration: none; font: 400 20px/1.1 var(--f-titre); border-bottom: 1px solid var(--trait); }
.pD .lsr-acc a:nth-child(odd) { border-right: 1px solid var(--trait); }
.pD .lsr-acc svg { width: 30px; height: 30px; flex: none; color: var(--cuivre); }
.pD .lsr-acc a:hover { background: var(--blanc); color: var(--cuivre-f); }
@container (min-width: 760px) { .pD .lsr-acc { grid-template-columns: repeat(3, 1fr); } .pD .lsr-acc a { padding: 20px 28px; font-size: 24px; }
  .pD .lsr-acc a:nth-child(odd) { border-right: 0; } .pD .lsr-acc a:not(:nth-child(3n)) { border-right: 1px solid var(--trait); } }
.pD .d-marques a { color: var(--encre); text-decoration: none; }
.pD .d-marques a:hover { color: var(--cuivre-f); }
.pD .d-marques > * + *::before { content: "·"; color: var(--cuivre); margin: 0 14px; font-style: normal; display: inline-block; }
.pD .lsr-marques-barre { grid-template-columns: repeat(2, 1fr); }
@container (min-width: 760px) { .pD .lsr-marques-barre { grid-template-columns: repeat(4, 1fr); } .pD .lsr-marques-barre a:nth-child(4n) { border-right: 0; } .pD .lsr-marques-barre a { border-bottom: 1px solid var(--trait); } }
/* pages de texte (légal, à propos, méthode, contact) */
.pD .lsr-hero-texte { grid-template-columns: 1fr; padding-bottom: 8px; }
.pD .lsr-hero-texte .d-hero-txt { max-width: 760px; }
.pD .lsr-texte { max-width: 760px; gap: 0; padding-top: 12px; }
.pD .lsr-texte h2 { font-size: 30px; line-height: 1.1; margin: 34px 0 10px; padding-top: 18px; border-top: 1px solid var(--trait); }
.pD .lsr-texte h2:first-child { margin-top: 0; }
.pD .lsr-texte h3 { font-size: 22px; margin: 18px 0 6px; }
.pD .lsr-texte p, .pD .lsr-texte li { font-size: 16px; line-height: 1.75; color: #33353A; margin: 0 0 12px; }
.pD .lsr-texte ul { padding-left: 20px; margin: 0 0 12px; }
.pD .lsr-texte a { color: var(--encre); text-decoration: none; border-bottom: 1px solid var(--cuivre); }
.pD .lsr-texte a:hover { color: var(--cuivre-f); }
.pD .lsr-formulaire { margin-top: 18px; padding: 24px 22px; background: var(--blanc); border: 1px solid var(--trait); }
.pD .lsr-formulaire label { display: grid; gap: 6px; font: 400 11px/1.4 var(--f-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--doux); margin-bottom: 14px; }
.pD .lsr-formulaire input:not([type=submit]), .pD .lsr-formulaire textarea { width: 100%; font: 300 16px/1.5 var(--f-texte); color: var(--encre); background: var(--papier); border: 1px solid var(--trait); border-radius: 2px; padding: 11px 12px; text-transform: none; letter-spacing: 0; }
.pD .lsr-formulaire input:focus, .pD .lsr-formulaire textarea:focus { outline: 1px solid var(--cuivre); border-color: var(--cuivre); }
.pD .lsr-formulaire textarea { min-height: 160px; }
.pD .lsr-formulaire input[type=submit] { font: 500 14px/1 var(--f-texte); color: #fff; background: var(--vert); border: 0; border-radius: 2px; padding: 14px 24px; cursor: pointer; }
.pD .lsr-formulaire input[type=submit]:hover { background: var(--vert-c); }
.pD .lsr-formulaire .wpcf7-response-output { margin: 14px 0 0; padding: 10px 12px; font-size: 14px; border-radius: 2px; }
@container (min-width: 760px) { .pD .lsr-texte { padding-left: 44px; } .pD .lsr-hero-texte { padding-bottom: 12px; } .pD .lsr-hero-texte h1 { font-size: 72px; } }
/* ======================= PISTE D · Atelier ======================= */
/* Haut de gamme en clair, avec du caractère : papier chaud, vert anglais des voitures de course, cuivre,
   tracé de circuit en signature, sections numérotées comme des secteurs, couple en chiffres géants. */
.pD { --papier: #F5F3EE; --blanc: #FFFFFF; --encre: #121314; --doux: #66686D; --trait: #DFDCD4; --vert: #163C2E; --vert-c: #1F5140; --vert-txt: #BFD3C8;
  --cuivre: #B07A4A; --cuivre-c: #D49A66; --cuivre-f: #8A5D37;
  --f-titre: "Instrument Serif", Georgia, serif; --f-texte: "Geist", system-ui, sans-serif; --f-mono: "Geist Mono", ui-monospace, monospace;
  background: var(--papier); color: var(--encre); font: 300 15px/1.65 var(--f-texte); }
.pD h1, .pD h2, .pD h3 { font-family: var(--f-titre); font-weight: 400; margin: 0; letter-spacing: -.015em; text-wrap: balance; }
.pD h1 em, .pD h2 em { font-style: italic; color: var(--cuivre-f); }
.pD p { margin: 0; }
.pD b { font-weight: 500; }
.d-mono { font: 400 11px/1.4 var(--f-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--doux); }
.d-tete { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 24px; padding: 16px 18px; background: var(--vert); color: #fff; }
.d-logo { font: 400 25px/1 var(--f-titre); color: inherit; text-decoration: none; letter-spacing: -.01em; margin: 0; }
.d-logo sup { font: 400 10px/1 var(--f-mono); color: var(--cuivre-c); letter-spacing: .06em; margin-left: 2px; vertical-align: 11px; }
.d-tete nav { display: flex; gap: 4px 22px; font: 400 13px/1.4 var(--f-texte); }
.d-tete nav a { color: var(--vert-txt); text-decoration: none; }
.d-tete nav a[aria-current] { color: #fff; box-shadow: inset 0 -1px var(--cuivre-c); }
.d-hero { display: grid; gap: 28px; padding: 32px 18px 36px; }
.d-sur { color: var(--cuivre-f); }
.d-hero h1 { font-size: 54px; line-height: .95; margin: 14px 0 16px; }
.d-chapo { font-size: 16px; color: #3A3C41; max-width: 44ch; }
.d-ctas { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin-top: 22px; }
.d-btn { display: inline-block; font: 500 13px/1 var(--f-texte); letter-spacing: .02em; color: #fff; background: var(--vert); text-decoration: none; padding: 14px 20px; border-radius: 2px; }
.d-btn:hover, .d-btn:focus-visible { background: var(--vert-c); outline: 1px solid var(--cuivre); outline-offset: 3px; }
.d-lien { font: 400 13px/1.4 var(--f-texte); color: inherit; text-decoration: none; border-bottom: 1px solid var(--cuivre); padding-bottom: 1px; }
.d-lien:hover, .d-lien:focus-visible { color: var(--cuivre-f); outline: none; }
.d-vitrine { margin: 0; position: relative; overflow: hidden; aspect-ratio: 4 / 4.1; background: radial-gradient(circle at 56% 42%, #2A6550 0, var(--vert) 58%, #0F2C21 100%); color: #fff; display: grid; }
.d-circuit { position: absolute; inset: 0; width: 100%; height: 100%; color: var(--cuivre-c); opacity: .55; }
.d-geant { position: absolute; left: 4%; top: 2%; font: italic 400 220px/1 var(--f-titre); color: rgba(255, 255, 255, .1); letter-spacing: -.04em; pointer-events: none; }
.d-geant small { font-size: .32em; margin-left: 6px; letter-spacing: 0; }
.d-vol { position: absolute; left: 6%; right: 6%; top: 8%; width: 88%; height: auto; }
.d-call { position: absolute; font: 400 10px/1.2 var(--f-mono); letter-spacing: .08em; text-transform: uppercase; color: #fff; padding: 3px 0; border-bottom: 1px solid var(--cuivre-c); white-space: nowrap; }
.d-call-1 { left: 5%; top: 64%; } .d-call-2 { right: 5%; top: 12%; } .d-call-3 { right: 5%; top: 70%; }
.d-vitrine figcaption { position: absolute; left: 0; right: 0; bottom: 0; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 16px; padding: 12px 16px; font-size: 13px; color: var(--vert-txt); border-top: 1px solid rgba(255, 255, 255, .14); background: rgba(10, 30, 22, .35); }
.d-vitrine figcaption b { color: #fff; }
.d-vitrine .d-lien { color: #fff; border-bottom-color: var(--cuivre-c); }
.d-plat { display: grid; grid-template-columns: repeat(2, 1fr); border-block: 1px solid var(--trait); }
.d-plat a { display: grid; gap: 2px; padding: 14px 18px; font: 400 22px/1.1 var(--f-titre); color: var(--encre); text-decoration: none; border-bottom: 1px solid var(--trait); }
.d-plat a:nth-child(odd) { border-right: 1px solid var(--trait); }
.d-plat a:last-child:nth-child(odd) { grid-column: 1 / -1; border-right: 0; }
.d-plat a small { font: 400 10px/1 var(--f-mono); color: var(--cuivre); letter-spacing: .08em; }
.d-plat a:hover, .d-plat a:focus-visible { background: var(--blanc); outline: none; }
.d-sec { position: relative; padding: 44px 18px; display: grid; gap: 26px; }
.d-sec > * { position: relative; }
.d-sec-tete { display: grid; gap: 10px; max-width: 660px; }
.d-secteur { display: flex; align-items: center; gap: 10px; font: 400 11px/1 var(--f-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--doux); }
.d-secteur span { display: inline-grid; place-items: center; height: 22px; padding: 0 8px; border: 1px solid var(--cuivre); color: var(--cuivre-f); border-radius: 11px; letter-spacing: .06em; }
.d-secteur::after { content: ""; flex: 0 0 48px; height: 1px; background: var(--cuivre); }
.d-sec-tete h2 { font-size: 38px; line-height: 1.02; }
.d-sec-tete > p:not(.d-secteur) { color: var(--doux); }
.d-gammes { display: grid; gap: 12px; }
.d-gamme { display: grid; gap: 6px; align-content: start; padding: 22px 20px 20px; background: var(--blanc); border: 1px solid var(--trait); color: inherit; text-decoration: none; }
.d-geant-g { font: italic 400 76px/.9 var(--f-titre); letter-spacing: -.03em; color: var(--vert); margin-bottom: 10px; }
.d-geant-g small { font: 400 12px/1 var(--f-mono); letter-spacing: .08em; margin-left: 6px; color: var(--cuivre-f); font-style: normal; vertical-align: 6px; }
.d-gamme h3 { font-size: 26px; line-height: 1.05; }
.d-gamme .d-mono { color: var(--cuivre-f); }
.d-gamme p { color: #3A3C41; font-size: 14px; margin-top: 6px; }
.d-gamme small { font-size: 13px; color: var(--doux); }
.d-fleche { font-size: 13px; margin-top: 8px; }
.d-gamme:hover, .d-gamme:focus-visible { border-color: var(--cuivre); outline: none; }
.d-gamme-haut { background: var(--vert); border-color: var(--vert); color: #fff; }
.d-gamme-haut .d-geant-g { color: #fff; }
.d-gamme-haut .d-geant-g small, .d-gamme-haut .d-mono { color: var(--cuivre-c); }
.d-gamme-haut p { color: var(--vert-txt); }
.d-gamme-haut small { color: #8FAE9F; }
.d-vert { background: var(--vert); color: #fff; overflow: hidden; }
.d-vert .d-sec-tete h2 em { color: var(--cuivre-c); }
.d-vert .d-sec-tete > p:not(.d-secteur), .d-vert .d-secteur { color: var(--vert-txt); }
.d-vert .d-secteur span { color: var(--cuivre-c); border-color: var(--cuivre-c); }
.d-vert .d-secteur::after { background: var(--cuivre-c); }
.d-circuit-fond { display: none; position: absolute; top: -10%; right: -20%; width: 90%; height: 120%; inset: auto; opacity: .22; }
.d-configs { display: grid; gap: 30px; }
.d-config { display: grid; gap: 8px; align-content: start; }
.d-config-img { aspect-ratio: 5 / 3; margin-bottom: 8px; }
.d-prix { font: italic 400 30px/1 var(--f-titre); color: var(--cuivre-c); }
.d-config h3 { font-size: 24px; line-height: 1.05; }
.d-config ul { margin: 4px 0 12px; padding: 0; list-style: none; display: grid; }
.d-config li { font-size: 14px; color: var(--vert-txt); padding: 7px 0; border-top: 1px solid rgba(255, 255, 255, .14); }
.d-config .d-lien { justify-self: start; color: #fff; border-bottom-color: var(--cuivre-c); }
.d-fiches { display: grid; border-top: 2px solid var(--vert); }
.d-fiche { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 16px; padding: 20px 0; border-bottom: 1px solid var(--trait); align-items: end; }
.d-fiche h3 { grid-column: 1 / -1; font-size: 28px; line-height: 1.05; }
.d-fiche i { display: block; font: normal 400 10px/1.4 var(--f-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--doux); }
.d-fiche .d-mono { color: var(--encre); font-size: 12px; letter-spacing: .02em; text-transform: none; }
.d-couple { grid-column: 1 / -1; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 0 14px; }
.d-couple i { grid-column: 1 / -1; }
.d-couple b { font: italic 400 34px/1 var(--f-titre); color: var(--vert); min-width: 2.6em; }
.d-jauge { position: relative; height: 10px; background: repeating-linear-gradient(90deg, var(--trait) 0 1px, transparent 1px 4%); border-bottom: 1px solid var(--trait); }
.d-jauge i { position: absolute; left: 0; bottom: -1px; height: 3px; width: var(--v); background: var(--cuivre); }
.d-jauge i::after { content: ""; position: absolute; right: -1px; bottom: 0; width: 2px; height: 12px; background: var(--vert); }
.d-actions { grid-column: 1 / -1; display: flex; align-items: center; gap: 16px; margin-top: 4px; }
.d-marques { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 0; padding: 28px 18px; border-block: 1px solid var(--trait); font: italic 400 22px/1.2 var(--f-titre); color: var(--encre); }
.d-marques span + span::before { content: "·"; color: var(--cuivre); margin: 0 14px; font-style: normal; }
.d-actus { display: grid; gap: 22px; }
.d-actu { display: grid; gap: 10px; color: inherit; text-decoration: none; }
.d-actu-img { aspect-ratio: 3 / 2; overflow: hidden; filter: saturate(.3) sepia(.12) contrast(.96); }
.d-actu .d-mono { color: var(--cuivre-f); }
.d-actu h3 { font-size: 23px; line-height: 1.12; }
.d-actu:hover h3, .d-actu:focus-visible h3 { color: var(--vert-c); }
.d-pied { display: grid; gap: 12px; padding: 34px 18px; background: var(--vert); color: var(--vert-txt); font-size: 13px; }
.d-pied .d-logo { color: #fff; }
.d-pied b { color: #fff; }
.d-pied .d-mono { color: #8FAE9F; }
@container (min-width: 760px) {
  .d-tete { padding: 18px 44px; }
  .d-hero { grid-template-columns: 1fr 1.05fr; align-items: center; gap: 56px; padding: 64px 0 64px 44px; }
  .d-hero h1 { font-size: 104px; line-height: .9; }
  .d-chapo { font-size: 17px; }
  .d-vitrine { aspect-ratio: auto; height: 560px; }
  .d-geant { font-size: 340px; top: -2%; }
  .d-vol { left: 10%; width: 80%; top: 6%; }
  .d-call { font-size: 11px; }
  .d-plat { grid-template-columns: repeat(5, 1fr); }
  .d-plat a { border-bottom: 0; border-right: 1px solid var(--trait); padding: 18px 22px; font-size: 26px; }
  .d-plat a:last-child:nth-child(odd), .d-plat a:last-child { border-right: 0; grid-column: auto; }
  .d-sec { padding: 72px 44px; gap: 38px; }
  .d-sec-tete h2 { font-size: 58px; }
  .d-gammes { grid-template-columns: repeat(3, 1fr); gap: 16px; }
  .d-gamme { padding: 28px 28px 26px; }
  .d-geant-g { font-size: 108px; }
  .d-configs { grid-template-columns: repeat(3, 1fr); gap: 36px; }
  .d-circuit-fond { display: block; width: 60%; right: -8%; }
  .d-fiche { grid-template-columns: 1.4fr 1.6fr .8fr 1.1fr auto; gap: 10px 28px; padding: 22px 0; }
  .d-fiche h3 { grid-column: auto; }
  .d-couple { grid-column: auto; }
  .d-actions { grid-column: auto; margin-top: 0; }
  .d-marques { padding: 32px 44px; font-size: 27px; }
  .d-actus { grid-template-columns: repeat(3, 1fr); gap: 32px; }
  .d-pied { grid-template-columns: auto 1fr; gap: 12px 48px; padding: 44px; }
  .d-pied .d-mono { grid-column: 2; }
}

/* ======================= Page « Volant PS5 » · piste D ======================= */
.v-ariane { display: flex; flex-wrap: wrap; gap: 6px 10px; padding: 12px 18px; font: 400 11px/1.4 var(--f-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--doux); border-bottom: 1px solid var(--trait); }
.v-ariane a { color: var(--doux); text-decoration: none; }
.v-ariane a:hover, .v-ariane a:focus-visible { color: var(--encre); outline: none; }
.v-ariane [aria-current] { color: var(--encre); }
.v-hero h1 { font-size: 44px; line-height: 1; }
.v-faits { display: flex; flex-wrap: wrap; gap: 0; margin: 24px 0 0; border-top: 1px solid var(--trait); }
.v-faits div { padding: 12px 22px 0 0; margin-right: 22px; border-right: 1px solid var(--trait); }
.v-faits div:last-child { border-right: 0; }
.v-faits dt { font: italic 400 40px/1 var(--f-titre); color: var(--vert); }
.v-faits dd { margin: 4px 0 0; font: 400 11px/1.3 var(--f-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--doux); }
.v-methode { margin-top: 16px; font-size: 13px; color: var(--doux); }
.v-badge { position: absolute; left: 5%; top: 5%; z-index: 1; font: 500 10px/1 var(--f-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--vert); background: var(--cuivre-c); padding: 6px 9px; }
.v-sommaire a { font-size: 19px; }
.v-choixs { display: grid; gap: 12px; }
.v-choix { display: grid; gap: 6px; align-content: start; padding: 22px 20px; background: var(--blanc); border: 1px solid var(--trait); }
.v-choix > .d-mono { color: var(--cuivre-f); }
.v-choix .d-geant-g { margin: 8px 0 4px; }
.v-choix h3 { font-size: 26px; line-height: 1.05; }
.v-choix p { font-size: 14px; color: #3A3C41; }
.v-cta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin-top: 12px; }
.v-choix-haut { background: var(--vert); border-color: var(--vert); color: #fff; }
.v-choix-haut > .d-mono, .v-choix-haut .d-geant-g small { color: var(--cuivre-c); }
.v-choix-haut .d-geant-g { color: #fff; }
.v-choix-haut p { color: var(--vert-txt); }
.v-choix-haut .d-btn { background: var(--cuivre-c); color: var(--vert); }
.v-choix-haut .d-lien { color: #fff; border-bottom-color: var(--cuivre-c); }
.v-table { display: grid; border-top: 2px solid var(--vert); }
.v-ligne { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 16px; padding: 16px 0; border-bottom: 1px solid var(--trait); align-items: end; }
.v-entete { display: none; }
.v-nom { grid-column: 1 / -1; font: 400 24px/1.1 var(--f-titre); }
.v-cel { font: 400 12px/1.4 var(--f-mono); color: var(--encre); }
.v-cel > i { display: block; font-style: normal; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; color: var(--doux); }
.v-couple { grid-column: 1 / -1; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 0 14px; }
.v-couple > i { grid-column: 1 / -1; }
.v-couple b { font: italic 400 28px/1 var(--f-titre); color: var(--vert); min-width: 2.4em; }
.v-nc { font-size: 11px; color: var(--doux); }
.v-act { grid-column: 1 / -1; }
.v-note { font-size: 13px; color: var(--doux); }
.v-crits { display: grid; gap: 1px; background: var(--trait); border: 1px solid var(--trait); }
.v-crit { display: grid; gap: 8px; align-content: start; padding: 22px 20px; background: var(--papier); }
.v-num { font: italic 400 52px/1 var(--f-titre); color: var(--cuivre); }
.v-crit h3 { font-size: 24px; line-height: 1.08; }
.v-crit p { font-size: 14px; color: #3A3C41; }
.v-encart { position: relative; overflow: hidden; display: grid; gap: 18px; padding: 26px 22px; background: var(--vert); color: #fff; }
.v-encart > * { position: relative; }
.v-encart .d-circuit { position: absolute; inset: auto -30% -20% auto; width: 90%; height: 140%; opacity: .25; }
.v-encart .d-mono { color: var(--cuivre-c); }
.v-encart h3 { font-size: 28px; line-height: 1.05; margin: 6px 0 8px; }
.v-encart p { color: var(--vert-txt); font-size: 14px; max-width: 52ch; }
.v-btn-cuivre { justify-self: start; background: var(--cuivre-c); color: var(--vert); }
.v-btn-cuivre:hover, .v-btn-cuivre:focus-visible { background: #E2AE7E; outline-color: #fff; }
.v-fiches { display: grid; gap: 36px; }
.v-fiche { display: grid; gap: 18px; }
.v-fiche-img { aspect-ratio: 4 / 3; border: 1px solid var(--trait); }
.v-fiche-txt { display: grid; gap: 12px; align-content: start; }
.v-fiche-txt > .d-mono { color: var(--cuivre-f); }
.v-fiche h3 { font-size: 34px; line-height: 1; }
.v-specs { display: grid; grid-template-columns: 1fr 1fr; margin: 0; border-top: 1px solid var(--encre); }
.v-specs div { padding: 9px 0; border-bottom: 1px solid var(--trait); }
.v-specs dt { font: 400 10px/1.4 var(--f-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--doux); }
.v-specs dd { margin: 0; font: 400 13px/1.4 var(--f-mono); }
.v-pourqui { font-size: 15px; color: #3A3C41; }
.v-pourqui b { color: var(--encre); }
.v-pc { display: grid; gap: 14px; }
.v-pc ul { margin: 6px 0 0; padding: 0; list-style: none; display: grid; gap: 5px; font-size: 14px; color: #3A3C41; }
.v-pc li { padding-left: 20px; position: relative; }
.v-plus li::before { content: "+"; position: absolute; left: 0; color: var(--vert); font-weight: 500; }
.v-moins li::before { content: "–"; position: absolute; left: 0; color: var(--cuivre-f); }
.v-faq { display: grid; border-top: 1px solid var(--encre); max-width: 820px; }
.v-q { border-bottom: 1px solid var(--trait); }
.v-q summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; gap: 16px; padding: 16px 0; font: 400 22px/1.2 var(--f-titre); }
.v-q summary::-webkit-details-marker { display: none; }
.v-q summary::after { content: "+"; font: 300 22px/1 var(--f-texte); color: var(--cuivre); }
.v-q[open] summary::after { content: "–"; }
.v-q summary:focus-visible { outline: 1px solid var(--cuivre); outline-offset: 2px; }
.v-q p { padding: 0 0 18px; color: #3A3C41; max-width: 68ch; }
.v-autres a small { font-size: 12px; }
@container (min-width: 760px) {
  .v-ariane { padding: 14px 44px; }
  .v-hero { padding-top: 48px; }
  .v-hero h1 { font-size: 68px; line-height: .95; }
  .v-badge { left: 4%; top: 6%; }
  .v-choixs { grid-template-columns: repeat(4, 1fr); gap: 14px; }
  .v-choix .d-geant-g { font-size: 92px; }
  .v-ligne { grid-template-columns: 1.7fr 1fr 1.7fr 1fr .7fr auto; gap: 10px 22px; padding: 16px 0; align-items: center; }
  .v-entete { display: grid; padding: 10px 0; font: 400 10px/1.3 var(--f-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--doux); }
  .v-nom, .v-couple, .v-act { grid-column: auto; }
  .v-nom { font-size: 22px; }
  .v-cel > i { display: none; }
  .v-autres { grid-template-columns: repeat(4, 1fr); }
  .v-crits { grid-template-columns: repeat(2, 1fr); }
  .v-crit { padding: 30px 30px; }
  .v-encart { grid-template-columns: 1fr auto; align-items: end; gap: 30px; padding: 36px 40px; }
  .v-fiche { grid-template-columns: 1fr 1.1fr; gap: 40px; align-items: start; }
  .v-pc { grid-template-columns: 1fr 1fr; }
}

/* Paragraphe SEO sous chaque section : du vrai texte, lisible, sous le contenu. */
.g-seo { max-width: 76ch; padding-top: 16px; border-top: 1px solid var(--trait); font-size: 15px; line-height: 1.7; color: #3A3C41; }
.d-vert .g-seo { border-top-color: rgba(255, 255, 255, .14); color: var(--vert-txt); }

/* ======================= Fiche « Logitech G29 » · piste D ======================= */
.g-hero { display: grid; gap: 26px; padding: 22px 18px 34px; }
.g-hero > * { min-width: 0; }
.g-galerie { display: grid; gap: 10px; }
.g-photo { position: relative; aspect-ratio: 4 / 3; border: 1px solid var(--trait); overflow: hidden; }
.g-photo .v-badge { left: 12px; top: 12px; }
.g-vignettes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.g-vignettes a { aspect-ratio: 4 / 3; border: 1px solid var(--trait); display: block; min-width: 0; overflow: hidden; }
.g-vignettes a[aria-current] { border-color: var(--vert); box-shadow: inset 0 0 0 1px var(--vert); }
.g-vignettes a:focus-visible { outline: 1px solid var(--cuivre); outline-offset: 2px; }
.g-achat { display: grid; gap: 14px; align-content: start; }
.g-achat h1 { font-size: 46px; line-height: .98; margin-top: 4px; }
.g-cles { display: grid; grid-template-columns: repeat(3, 1fr); margin: 6px 0 0; border-block: 1px solid var(--trait); }
.g-cles div { padding: 14px 0 12px; border-right: 1px solid var(--trait); padding-left: 14px; }
.g-cles div:first-child { padding-left: 0; }
.g-cles div:last-child { border-right: 0; }
.g-cles dt { font: italic 400 44px/1 var(--f-titre); color: var(--vert); }
.g-cles dt small { font: normal 400 11px/1 var(--f-mono); color: var(--cuivre-f); margin-left: 4px; letter-spacing: .06em; }
.g-cles dd { margin: 6px 0 0; font: 400 10px/1.3 var(--f-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--doux); }
.g-plats { display: flex; gap: 6px; }
.g-plats span { font: 400 11px/1 var(--f-mono); letter-spacing: .06em; border: 1px solid var(--vert); color: var(--vert); padding: 6px 10px; border-radius: 999px; }
.g-prix { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; padding: 16px; background: var(--blanc); border: 1px solid var(--trait); }
.g-prix .d-btn { padding: 15px 26px; font-size: 14px; }
.g-pourqui { font-size: 14px; color: #3A3C41; }
.g-pourqui b { color: var(--encre); }
.g-sousnav a { font-size: 18px; }
.g-bref { display: grid; gap: 22px; }
.g-bref ul { margin: 8px 0 0; padding: 0; list-style: none; display: grid; gap: 0; }
.g-bref li { position: relative; padding: 11px 0 11px 24px; border-top: 1px solid var(--trait); font-size: 15px; color: #2E3035; }
.g-bref li::before { position: absolute; left: 2px; top: 10px; font-size: 16px; }
.g-bref .v-plus li::before { content: "+"; color: var(--vert); font-weight: 500; }
.g-bref .v-moins li::before { content: "–"; color: var(--cuivre-f); }
.g-specs { display: grid; gap: 26px; }
.g-groupe h3 { font-size: 24px; padding-bottom: 8px; border-bottom: 1px solid var(--encre); }
.g-groupe dl { margin: 0; display: grid; }
.g-groupe dl div { display: grid; grid-template-columns: 1fr 1.4fr; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--trait); }
.g-groupe dt { font: 400 10px/1.6 var(--f-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--doux); }
.g-groupe dd { margin: 0; font: 400 13px/1.45 var(--f-mono); }
.g-compats { display: grid; gap: 1px; background: var(--trait); border: 1px solid var(--trait); }
.g-compat { display: grid; gap: 10px; align-content: start; padding: 22px 20px; background: var(--papier); }
.g-plat { font: italic 400 46px/1 var(--f-titre); color: var(--vert); }
.g-compat p { font-size: 14px; color: #3A3C41; }
.g-xbox { font-size: 14px; color: var(--doux); }
.g-shifter { align-items: center; }
.g-shifter-img { aspect-ratio: 4 / 3; max-width: 520px; }
.g-shifter-txt { display: grid; gap: 12px; }
.g-shifter-txt h2 { font-size: 38px; line-height: 1.02; }
.g-shifter-txt h2 em { color: var(--cuivre-c); }
.g-shifter-txt > p:not(.d-secteur):not(.v-cta) { color: var(--vert-txt); max-width: 54ch; }
.g-shifter .d-secteur { color: var(--vert-txt); }
.g-shifter .d-secteur span { color: var(--cuivre-c); border-color: var(--cuivre-c); }
.g-shifter .d-secteur::after { background: var(--cuivre-c); }
.g-vs { display: grid; border-top: 2px solid var(--vert); max-width: 900px; }
.g-vs-l { display: grid; grid-template-columns: .9fr 1fr 1fr; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--trait); font: 400 12px/1.45 var(--f-mono); }
.g-vs-l > span:first-child { font-size: 10px; letter-spacing: .08em; text-transform: uppercase; color: var(--doux); padding-top: 2px; }
.g-vs-tete { font: 400 22px/1.1 var(--f-titre); padding: 14px 0; }
.g-vs-tete span:last-child { color: var(--cuivre-f); }
.g-verdict { max-width: 72ch; font-size: 15px; color: #3A3C41; padding-left: 16px; border-left: 2px solid var(--cuivre); }
.g-verdict b { color: var(--encre); }
.g-mot { font-size: 56px !important; line-height: 1.3 !important; }
.g-alts .v-choix:last-child { background: var(--vert); border-color: var(--vert); color: #fff; }
.g-alts .v-choix:last-child > .d-mono, .g-alts .v-choix:last-child .d-geant-g small { color: var(--cuivre-c); }
.g-alts .v-choix:last-child .d-geant-g { color: #fff; }
.g-alts .v-choix:last-child p { color: var(--vert-txt); }
.g-alts .v-choix:last-child .d-btn { background: var(--cuivre-c); color: var(--vert); }
.g-alts .v-choix:last-child .d-lien { color: #fff; }
@container (min-width: 760px) {
  .g-hero { grid-template-columns: 1.15fr 1fr; gap: 52px; padding: 36px 44px 56px; align-items: start; }
  .g-achat { padding-top: 8px; }
  .g-achat h1 { font-size: 72px; line-height: .92; }
  .g-sousnav { grid-template-columns: repeat(6, 1fr); }
  .g-bref { grid-template-columns: 1fr 1fr; gap: 48px; }
  .g-specs { grid-template-columns: 1fr 1fr; gap: 40px 56px; }
  .g-compats { grid-template-columns: repeat(3, 1fr); }
  .g-compat { padding: 30px 28px; }
  .g-shifter { grid-template-columns: 1fr 1.1fr; gap: 56px; }
  .g-shifter-txt h2 { font-size: 54px; }
  .g-vs-l { font-size: 13px; padding: 14px 0; }
  .g-vs-tete { font-size: 28px; }
  .g-alts { grid-template-columns: repeat(3, 1fr); }
}

/* ======================= Page « Setup sim racing » · piste D ======================= */
.k-vitrine .k-vol { position: absolute; left: 4%; width: 92%; top: 14%; height: auto; }
.k-tete { display: grid; gap: 20px; }
.k-visuel { position: relative; aspect-ratio: 5 / 3; border: 1px solid var(--trait); }
.k-visuel .v-badge { left: 12px; top: 12px; }
.k-intro { display: grid; gap: 10px; align-content: start; }
.k-intro h2 { font-size: 38px; line-height: 1.02; }
.k-budget-g { font: 400 12px/1 var(--f-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--doux); }
.k-budget-g b { font: italic 400 64px/1 var(--f-titre); letter-spacing: -.02em; color: var(--vert); text-transform: none; margin: 0 4px; }
.k-pourqui { font-size: 15px; color: #3A3C41; max-width: 52ch; }
.k-liste { display: grid; border-top: 2px solid var(--vert); }
.k-el { display: grid; grid-template-columns: 34px 1fr auto; gap: 4px 14px; padding: 16px 0; border-bottom: 1px solid var(--trait); align-items: baseline; }
.k-num { font: italic 400 22px/1 var(--f-titre); color: var(--cuivre); grid-row: span 3; }
.k-cat { font: 400 10px/1.4 var(--f-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--doux); }
.k-prod { grid-column: 2 / -1; display: grid; gap: 3px; }
.k-prod b { font: 400 23px/1.1 var(--f-titre); }
.k-prod small { font-size: 13.5px; color: #4A4C51; line-height: 1.5; }
.k-budget { font: 400 13px/1 var(--f-mono); color: var(--encre); grid-column: 3; grid-row: 1; justify-self: end; }
.k-act { grid-column: 2 / -1; }
.k-total { display: flex; justify-content: space-between; align-items: baseline; padding: 16px 0; font: 400 11px/1 var(--f-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--doux); }
.k-total b { font: italic 400 38px/1 var(--f-titre); color: var(--cuivre-f); letter-spacing: -.01em; text-transform: none; }
/* configuration de référence, sur fond vert */
.k-vert .k-intro h2 em { color: var(--cuivre-c); }
.k-vert .k-budget-g, .k-vert .k-cat, .k-vert .k-total { color: var(--vert-txt); }
.k-vert .k-budget-g b, .k-vert .k-prod b, .k-vert .k-budget { color: #fff; }
.k-vert .k-pourqui, .k-vert .k-prod small { color: var(--vert-txt); }
.k-vert .k-liste { border-top-color: var(--cuivre-c); }
.k-vert .k-el { border-bottom-color: rgba(255, 255, 255, .14); }
.k-vert .k-num, .k-vert .k-total b { color: var(--cuivre-c); }
.k-vert .k-act .d-lien, .k-vert .k-variante .d-lien { color: #fff; border-bottom-color: var(--cuivre-c); }
.k-vert .g-plats span { border-color: var(--cuivre-c); color: var(--cuivre-c); }
.k-vert .k-visuel { border-color: rgba(255, 255, 255, .2); }
.k-vert .d-secteur { color: var(--vert-txt); }
.k-vert .d-secteur span { color: var(--cuivre-c); border-color: var(--cuivre-c); }
.k-vert .d-secteur::after { background: var(--cuivre-c); }
.k-variante { display: grid; gap: 10px; padding: 22px 20px; border: 1px solid rgba(255, 255, 255, .22); background: rgba(10, 30, 22, .3); }
.k-variante .d-mono { color: var(--cuivre-c); }
.k-variante h3 { font-size: 26px; }
.k-variante > p:not(.d-mono) { color: var(--vert-txt); font-size: 14px; max-width: 60ch; }
.k-variante ul { margin: 4px 0 6px; padding: 0; list-style: none; display: grid; }
.k-variante li { display: grid; grid-template-columns: 1fr auto; gap: 2px 14px; padding: 9px 0; border-top: 1px solid rgba(255, 255, 255, .14); }
.k-variante li .k-cat { grid-column: 1 / -1; }
.k-variante li b { font: 400 19px/1.2 var(--f-titre); color: #fff; }
.k-variante li .k-budget { grid-column: 2; grid-row: 2; color: #fff; }
.k-variante .d-lien { justify-self: start; }
@container (min-width: 760px) {
  .k-tete { grid-template-columns: 1fr 1.05fr; gap: 48px; align-items: center; }
  .k-intro h2 { font-size: 56px; }
  .k-budget-g b { font-size: 92px; }
  .k-el { grid-template-columns: 56px 190px 1fr 110px 130px; gap: 0 24px; align-items: center; padding: 18px 0; }
  .k-num { grid-row: auto; font-size: 26px; }
  .k-prod { grid-column: auto; }
  .k-budget { grid-column: auto; grid-row: auto; justify-self: start; }
  .k-act { grid-column: auto; justify-self: end; }
  .k-total b { font-size: 48px; }
  .k-variante { grid-template-columns: 1fr 1.2fr; gap: 10px 40px; padding: 30px 32px; align-items: start; }
  .k-variante ul, .k-variante .d-lien { grid-column: 2; }
  .k-variante ul { grid-row: 1 / span 3; margin: 0; }
}

.pD .lsr-fov { gap: 22px; }
.pD .lsr-fov-form { display: grid; gap: 4px 20px; margin: 0; }
.pD .lsr-fov-form select { width: 100%; font: 300 16px/1.5 var(--f-texte); color: var(--encre); background: var(--papier); border: 1px solid var(--trait); border-radius: 2px; padding: 11px 12px; text-transform: none; letter-spacing: 0; }
.pD .lsr-fov-res { display: flex; flex-direction: column; gap: 1px; background: var(--trait); border: 1px solid var(--trait); }
.pD .lsr-fov-res > div[hidden] { display: none; }
.pD .lsr-fov-res > div { display: grid; gap: 6px; padding: 22px 20px; background: var(--vert); color: #fff; }
.pD .lsr-fov-res .d-mono { color: var(--cuivre-c); }
.pD .lsr-fov-res b { font: italic 400 64px/1 var(--f-titre); letter-spacing: -.02em; }
.pD .lsr-fov-res small { color: var(--vert-txt); font-size: 13px; }
@container (min-width: 760px) {
  .pD .lsr-fov-form { grid-template-columns: repeat(4, 1fr); padding: 26px 28px; }
  .pD .lsr-fov-res { flex-direction: row; }
  .pD .lsr-fov-res > div { flex: 1; padding: 30px 28px; }
  .pD .lsr-fov-res b { font-size: 84px; }
}

/* ======================= Gabarit « Jeu » ======================= */
.j-vitrine { align-content: center; }
.j-vitrine .d-circuit { opacity: .35; }
.j-plaque { background: linear-gradient(90deg, rgba(15, 44, 33, .55), rgba(15, 44, 33, 0)); }
.j-plaque { position: relative; z-index: 1; margin: 0 8%; padding: 26px 0 70px; }
.j-titre { font: italic 400 46px/0.95 var(--f-titre); color: #fff; margin: 0 0 18px; letter-spacing: -.01em; }
.j-plaque dl { margin: 0; display: grid; border-top: 1px solid rgba(255, 255, 255, .22); }
.j-plaque dl div { display: grid; grid-template-columns: 9.5em 1fr; gap: 12px; padding: 9px 0; border-bottom: 1px solid rgba(255, 255, 255, .12); }
.j-plaque dt { font: 400 10px/1.6 var(--f-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--cuivre-c); }
.j-plaque dd { margin: 0; font: 400 13px/1.45 var(--f-mono); color: #fff; }
.j-specs { margin-bottom: 26px; }
.j-bref { margin-bottom: 8px; }
.j-table .j-ligne { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 16px; padding: 16px 0; border-bottom: 1px solid var(--trait); align-items: start; }
.j-table .v-entete { display: none; }
.j-table .v-cel { font-size: 12.5px; }
.j-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 1px; background: var(--trait); border: 1px solid var(--trait); }
.j-jeu { display: grid; gap: 10px; padding: 22px 20px; background: var(--papier); position: relative; }
.j-rang { font: italic 400 52px/1 var(--f-titre); color: var(--cuivre); }
.j-jeu h3 { font-size: 30px; line-height: 1.02; }
.j-jeu h3 a { color: inherit; text-decoration: none; border-bottom: 1px solid var(--cuivre-c); }
.j-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.j-tags span { font: 400 10.5px/1 var(--f-mono); letter-spacing: .06em; text-transform: uppercase; border: 1px solid var(--vert); color: var(--vert); padding: 5px 8px; border-radius: 999px; }
.j-jeu-txt { font-size: 15px; color: #3A3C41; max-width: 70ch; }
.j-jeu-faits { margin: 0; display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid var(--trait); }
.j-jeu-faits div { padding: 8px 0; border-bottom: 1px solid var(--trait); }
.j-jeu-faits dt { font: 400 10px/1.4 var(--f-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--doux); }
.j-jeu-faits dd { margin: 0; font: 400 13px/1.4 var(--f-mono); }
.j-jeu .d-lien { justify-self: start; }
@container (min-width: 760px) {
  .j-titre { font-size: 64px; }
  .j-plaque { margin: 0 9%; }
  .j-table .j-ligne { grid-template-columns: var(--gc); gap: 10px 22px; align-items: center; }
  .j-table .v-entete { display: grid; padding: 10px 0; font: 400 10px/1.3 var(--f-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--doux); }
  .j-table .v-nom { grid-column: auto; font-size: 21px; }
  .j-table .v-cel > i { display: none; }
  .j-table .v-act { grid-column: auto; }
  .j-specs { grid-template-columns: repeat(2, 1fr); column-gap: 40px; }
  .j-bref { grid-template-columns: 1fr 1fr; gap: 40px; }
  .j-jeu { grid-template-columns: 80px 1fr 1fr; column-gap: 30px; padding: 28px 30px; }
  .j-rang { grid-row: span 3; }
  .j-jeu-tete { grid-column: 2; }
  .j-jeu-txt { grid-column: 2; }
  .j-jeu-faits { grid-column: 3; grid-row: 1 / span 3; align-self: start; grid-template-columns: 1fr; }
  .j-jeu .d-lien { grid-column: 2; }
  .v-choixs.j-n3 { grid-template-columns: repeat(3, 1fr); }
  .v-choixs:has(> .v-choix:nth-child(3):last-child) { grid-template-columns: repeat(3, 1fr); }
  .v-choixs.j-n2 { grid-template-columns: repeat(2, 1fr); }
}