/* Shared visual language. Loaded after legacy page styles. */
:root{--green:#163b2d;--green-dark:#102b22;--green-light:#2c6048;--yellow:#d5f56a;--yellow-dark:#bad94d;--font-head:'Inter',Arial,sans-serif;--radius-md:14px;--radius-lg:22px;--shadow-sm:0 2px 8px #102b2207;--shadow-md:0 12px 35px #102b220c;--header-h:80px}
html{scroll-padding-top:105px}body{background:#fafbf8;color:#192e26}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #417aee;outline-offset:4px}.container{max-width:1280px}.btn{border-radius:9px;letter-spacing:0;min-height:46px;font-weight:700}.btn-yellow{color:#173324}.btn-yellow:hover{background:#c2e553;color:#102b22}.btn-lg{padding:17px 25px}.section-title{letter-spacing:-1.4px;line-height:1.15}.section-eyebrow{letter-spacing:1.7px;font-size:11px}.content-section{padding:72px 0}.topbar{background:#163b2d;font-size:11px}.topbar-inner{justify-content:center}.site-header{background:#fafbf8f5;border-bottom:1px solid #e2e8df;backdrop-filter:blur(16px)}.header-inner{gap:28px}.logo-text{font-size:19px;letter-spacing:-.65px}.logo-accent{color:var(--green)!important}.logo-icon{display:grid;place-items:center;background:#163b2d;color:#d5f56a;width:38px;height:38px;border-radius:10px}.logo-icon svg{width:23px;height:23px}.nav-link{font-size:13px}.mega-dropdown{border-radius:0 0 18px 18px}.mega-title{font-size:11px}.has-dropdown:focus-within>.mega-dropdown{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.skip-link{position:fixed;top:-80px;left:20px;z-index:10000;background:white;padding:14px;border:2px solid var(--green)}.skip-link:focus{top:12px}.mp-text-link{font-weight:600;color:var(--green);display:inline-flex;align-items:center;gap:15px;text-decoration:none;font-size:14px}.mp-text-link:hover{text-decoration:underline}.mp-hero{padding:40px 0 50px;background:#f6f7ef}.mp-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center}.mp-kicker{font-size:10px;font-weight:700;letter-spacing:2px;display:flex;gap:9px;align-items:center;margin-bottom:25px}.mp-kicker>span{width:7px;height:7px;background:#6a9150;border-radius:50%}.mp-hero h1{font-size:clamp(38px,4.3vw,66px);line-height:1.06;letter-spacing:-3px;font-weight:700;color:#173b2e;margin:0 0 24px}.mp-hero h1 em{font-style:normal;color:#6f864b}.mp-hero-copy>p{font-size:17px;line-height:1.8;max-width:440px;color:#58635a}.mp-hero-actions{display:flex;gap:25px;align-items:center;margin:30px 0 24px;flex-wrap:wrap}.mp-hero-actions .btn{gap:25px}.mp-assurances{display:flex;gap:17px;flex-wrap:wrap;font-size:10px;color:#546257}.mp-hero-product{position:relative;border-radius:24px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#e5ebd5,#dce3cb);min-width:0}.mp-product-label{display:flex;justify-content:space-between;padding:22px 25px;font-size:9px;font-weight:600;letter-spacing:1.5px;color:#536148}.mp-hero-product .hero-jersey{display:flex;flex-direction:column;width:100%;max-width:none;position:relative;padding:0 30px 16px;align-items:center;margin:0;order:0}.mp-hero-product .hero-jersey-stage{width:100%;height:385px;aspect-ratio:auto;margin:0;background:transparent!important;border:0;box-shadow:none;border-radius:0}.mp-hero-product .hero-jersey-poster{object-fit:contain}.mp-hero-product .hero-jersey-cta{font-size:12px;padding:9px 18px;min-height:36px;background:#ffffffc9;color:#163b2d;border:1px solid #ffffff;box-shadow:none;position:static;transform:none}.mp-product-note{display:block;text-align:center;font-size:10px;color:#657059;padding:0 15px 22px}.mp-trust-strip{background:#163b2d;color:#f3f7ed}.mp-trust-strip>.container{display:flex;justify-content:space-between;gap:20px;padding-top:22px;padding-bottom:22px;font-size:12px}.mp-trust-strip b{font-size:10px;color:#d5f56a;margin-right:14px;font-weight:500}.mp-inspirations{padding:68px 0;background:#fafbf8;scroll-margin-top:95px}.mp-section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.mp-section-heading h2{font-size:clamp(28px,3vw,40px);letter-spacing:-1.6px;margin:10px 0 0;line-height:1.15}.mp-design-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.mp-design-card{text-decoration:none;color:inherit;min-width:0}.mp-design-image{position:relative;background:#eff1e8;aspect-ratio:1/1.13;border-radius:15px;overflow:hidden}.mp-design-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.mp-design-card:hover img{transform:scale(1.04)}.mp-design-image>span{position:absolute;bottom:12px;right:12px;background:#fff;padding:8px 12px;border-radius:6px;font-size:10px}.mp-design-caption{display:flex;justify-content:space-between;align-items:center;margin:16px 2px}.mp-design-caption h3{font-size:16px;margin:0 0 5px;letter-spacing:-.3px}.mp-design-caption p,.mp-note{font-size:11px;color:#69746b}.mp-note{margin-top:20px}.pillar-section{background:#f0f3eb}.pillar-main h2{letter-spacing:-1px}.feature-card,.segment-card,.pillar-card,.blog-card{box-shadow:none;border:1px solid #e0e6da}.site-footer{background:#102b22}.cookie-consent{max-width:520px;left:auto;right:18px;bottom:18px;transform:none;width:calc(100% - 36px);border-radius:16px;box-shadow:0 10px 50px #0002}.cookie-consent-inner{display:block;padding:20px}.cookie-consent-copy p{font-size:12px}.cookie-consent-actions{justify-content:flex-end;margin-top:12px}.cookie-consent .btn{min-height:40px;font-size:12px}.reveal-on-scroll{opacity:1;transform:none}
/* Design first: canvas and controls, then optional specifications. */
.configurator-hero{background:#f0f3e9!important;padding:24px 0 30px!important;color:#163b2d!important}.configurator-hero h1{font-size:clamp(30px,3.4vw,48px)!important;letter-spacing:-1.8px!important;color:#163b2d!important}.configurator-hero h1 em{font-style:normal;color:#70844e}.configurator-hero p{font-size:14px!important;color:#596653!important;max-width:700px!important}.configurator-hero .breadcrumb,.configurator-hero .breadcrumb a{color:#627057!important}.devis-wrap{max-width:1280px!important;padding-top:28px!important}.devis-header h2{font-size:17px;letter-spacing:-.3px}.devis-header #current-step-label{display:none}.devis-progress{display:none}.path-choice{margin:0 0 22px!important}.path-card{background:white;border:1px solid #dde5d6!important;border-radius:12px!important}.path-card-design{background:#edf3df!important}.path-copy>span{font-size:12px!important}.devis-layout{display:flex!important;flex-direction:column!important;gap:40px!important}.jersey-preview-panel{order:-1;position:static!important;max-height:none!important;overflow:visible!important;padding:0!important;width:100%;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:26px;background:none!important;box-shadow:none!important;border:0!important}.jersey-preview-head,.preview-share{grid-column:1/-1}.jersey-preview-head{margin:0!important}.jersey-preview-head p{max-width:760px;font-size:12px!important}.jersey-preview-head>span{display:none}.preview-share{display:flex!important;gap:12px!important;flex-wrap:wrap}.preview-share .btn{width:auto!important;font-size:12px!important}.mp-studio-visual{position:sticky;top:100px;align-self:start;min-width:0}.mp-studio-visual .jersey-preview-canvas{height:min(61vh,590px);min-height:320px;aspect-ratio:auto!important;border:1px solid #dce4d1;border-radius:20px!important;background:radial-gradient(ellipse at 50% 40%,#f5f7ee,#e1e8d7)!important}.mp-studio-visual .jersey-preview-canvas svg{max-height:100%}.mp-studio-visual .segmented-control{max-width:300px;margin:12px auto;background:white}.mp-studio-visual .segmented-control button{min-height:44px}.mp-studio-toolbar{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:12px 0}.mp-studio-toolbar button,.mp-presets button{background:white;border:1px solid #d9e1d4;border-radius:8px;min-height:40px;padding:8px 13px;cursor:pointer;color:#264a36;font-size:12px}.mp-studio-toolbar button:disabled{opacity:.4;cursor:default}.mp-studio-status{text-align:center;font-size:11px;color:#65705e;min-height:18px}.preview-controls{min-width:0;border:1px solid #dfe5d9!important;box-shadow:none!important;padding:24px!important;gap:20px!important;border-radius:18px!important}.mp-studio-intro h3{font-size:26px;letter-spacing:-1px;margin:6px 0}.mp-studio-intro p{font-size:12px;color:#667060}.preview-controls input[type=text],.preview-controls textarea,.preview-controls select{width:100%;border:1px solid #cbd6c3;border-radius:8px;min-height:44px;padding:10px 12px;box-sizing:border-box}.preview-controls label,.preview-field-title{font-size:12px!important;text-transform:none!important;letter-spacing:0!important}.preview-hint{font-size:11px!important;line-height:1.6}.mp-presets{display:flex;gap:7px;flex-wrap:wrap}.mp-presets button:hover{background:#edf3df}.color-swatch{width:32px!important;height:32px!important;border-radius:50%!important}.color-swatches{gap:10px!important}.segmented-control button{min-height:38px;font-size:12px!important}.mp-advanced{border:1px solid #dce4d6;border-radius:10px;padding:13px}.mp-advanced summary{cursor:pointer;font-size:13px;font-weight:600}.mp-advanced[open]>summary{margin-bottom:18px}.mp-advanced>.preview-field{margin-top:15px}.devis-form-col{width:100%;max-width:900px;margin:auto;scroll-margin-top:110px}.mp-project-heading{margin-bottom:22px}.mp-project-heading h2{font-size:30px;letter-spacing:-1px}.mp-project-heading p{color:#657060;font-size:14px}.devis-step-head{min-height:66px}.devis-step-title{font-size:14px!important}.devis-step{box-shadow:none!important}.cfg-recap-sticky{background:#163b2d!important;color:white;border:0!important}.cfg-recap-item,.cfg-recap-item strong{color:inherit!important}.cfg-recap-items{min-width:0;overflow:hidden}.mp-studio-next{display:flex;justify-content:center;margin-top:18px}.mp-studio-next .btn{font-size:13px}.devis-maillot-personnalise-page .mobile-sticky-cta{display:none!important}
@media(min-width:901px){.mp-hero-copy{padding:20px 0}.mp-hero-product{min-height:485px}}
@media(max-width:1000px){.header-inner{gap:15px}.logo-text{font-size:16px}.nav-link{font-size:12px}.mp-hero-grid{gap:30px}.mp-hero h1{letter-spacing:-2px}.mp-assurances{gap:9px}.mp-design-grid{gap:12px}}
@media(max-width:768px){:root{--header-h:68px}.container{padding-left:20px;padding-right:20px}.topbar{font-size:10px}.logo-text{font-size:15px}.logo-icon{width:31px;height:31px}.header-actions{gap:10px}.btn-header{font-size:11px;padding:10px 12px}.mp-hero{padding:32px 0}.mp-hero-grid{grid-template-columns:1fr;gap:28px}.mp-hero h1{font-size:42px;letter-spacing:-2px;max-width:500px}.mp-kicker{margin-bottom:20px;font-size:9px}.mp-hero-copy>p{font-size:15px;line-height:1.7}.mp-hero-actions{gap:18px;margin:23px 0 20px}.mp-hero-actions .btn{font-size:13px;padding:14px 18px}.mp-text-link{font-size:12px}.mp-hero-product .hero-jersey-stage{height:290px}.mp-product-label{padding:16px 20px}.mp-trust-strip>.container{gap:14px;padding-top:18px;padding-bottom:18px;font-size:10px}.mp-trust-strip span{flex:1}.mp-trust-strip b{display:block;margin-bottom:5px}.mp-inspirations{padding:40px 0}.mp-section-heading{align-items:start;flex-direction:column;gap:14px}.mp-design-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.mp-design-caption h3{font-size:14px}.mp-design-caption p{font-size:10px}.mp-design-image>span{font-size:9px;right:8px;bottom:8px;padding:6px 8px}.content-section{padding:45px 0}.cookie-consent{bottom:12px;right:12px;width:calc(100% - 24px)}.cookie-consent-inner{padding:15px}.jersey-preview-panel{grid-template-columns:1fr;gap:16px}.mp-studio-visual{position:static}.mp-studio-visual .jersey-preview-canvas{height:330px;min-height:0}.preview-controls{padding:18px!important}.preview-share .btn{font-size:10px!important;padding:8px 10px;min-height:38px}.path-choice{grid-template-columns:1fr!important}.path-card{padding:12px!important}.configurator-hero h1{font-size:32px!important}.devis-header h2{font-size:16px}.mp-project-heading h2{font-size:27px}.devis-step-head{padding:14px 12px!important;gap:9px!important}.devis-step-body{padding:0 14px 18px!important}.devis-step-value{max-width:95px;font-size:11px!important}.step-optional{display:none}.cfg-recap-sticky{padding-bottom:env(safe-area-inset-bottom)}.main-nav.nav-open{overflow-y:auto;max-height:calc(100dvh - 90px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}}
.configurator-hero p{margin-left:auto!important;margin-right:auto!important}.cfg-recap-item{background:transparent!important;border:1px solid #ffffff40!important}.jersey-preview-head{display:none}.preview-share{margin-bottom:0!important}.mp-studio-visual{scroll-margin-top:100px}.devis-layout{gap:32px!important}
@media(min-width:769px){.mp-studio-visual .jersey-preview-canvas{height:min(42vh,480px);min-height:250px}.mp-studio-visual .mp-studio-toolbar{margin:8px 0}.mp-studio-visual .mp-studio-next{margin-top:10px}}
@media(max-width:768px){.burger{min-width:44px;min-height:44px;align-items:center;justify-content:center}.mobile-sticky-cta{bottom:max(10px,env(safe-area-inset-bottom));box-shadow:0 5px 20px #163b2d18}.mp-hero-product .hero-jersey{padding:0 15px 15px}}
@media(max-width:900px){.main-nav{left:0!important;right:0!important;transform:translateY(-8px)!important;visibility:hidden;pointer-events:none}.main-nav.nav-open{transform:none!important;visibility:visible;pointer-events:auto}}
.option-card{position:relative}.option-card input[type=radio]{display:block!important;position:absolute;opacity:0;width:1px;height:1px}.option-card:focus-within{outline:3px solid #417aee;outline-offset:3px}
