/* Kro-Ntroller — graphite / silver / signal red. Presentation only. */
:root{--bg:#101217;--panel:#1a1d24;--panel2:#22262e;--text:#f7f8fa;--muted:#adb3be;--orange:#ed2438;--line:#343944;--kn-radius:20px;--kn-shadow:0 20px 60px #0003;color-scheme:dark}
html{scroll-padding-top:100px}
body{background-color:var(--bg);background-image:radial-gradient(ellipse at 95% 0%,#4e1c2938,transparent 43%),radial-gradient(ellipse at 0% 35%,#3b475832,transparent 42%);background-attachment:fixed;overflow-x:clip}
body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:96px 96px;mask-image:linear-gradient(#000,transparent 90%)}
h1,h2,h3{font-family:var(--body);font-weight:700;letter-spacing:-.045em;line-height:1.1}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid #ff6878;outline-offset:5px}
.eyebrow{font-size:.75rem;color:#b9c0ca;letter-spacing:.17em;line-height:1.6}
.eyebrow>span{height:3px;width:24px;border-radius:9px;background:var(--orange);box-shadow:0 0 14px #ed243848}
.nav-wrap{background:#101217e8;border-bottom:1px solid #ffffff16;backdrop-filter:blur(20px);transition:background .2s,box-shadow .2s}
.nav-wrap.is-scrolled{background:#101217f5;box-shadow:0 8px 32px #0004}
.nav{max-width:1500px}
.brand{font-size:.9rem;letter-spacing:.065em}
.brand img{filter:drop-shadow(0 0 12px #ed243825)}
.nav-links{gap:1.65rem}.nav-links>a{position:relative}
.nav-links>a:not(.nav-cta)::after{content:'';position:absolute;left:0;right:100%;bottom:-6px;height:2px;background:var(--orange);transition:right .2s}
.nav-links>a:hover::after{right:0}
.nav-cta,.account-button{border-radius:99px;border:1px solid #ffffff26;background:#ffffff08;color:#f6f7fa;font-weight:600}
.nav-cta:hover,.account-button:hover{border-color:#ed5261;background:#ed243815}
.btn{position:relative;min-height:54px;padding:12px 23px;border-radius:10px;font-size:.9rem;line-height:1.45;transition:background .22s,transform .22s,box-shadow .22s,border-color .22s;text-align:center}
.btn.primary,.step-actions .primary,.config-summary .btn.primary{background:linear-gradient(135deg,#f33347,#d71931);color:white;border-color:#ff647154;box-shadow:0 6px 22px #df1c3228}
.btn.primary:hover{background:linear-gradient(135deg,#ff4d60,#e4223b);box-shadow:0 10px 30px #df1c3245;transform:translateY(-2px)}
.btn.ghost{background:#ffffff05;border-color:#ffffff30;color:#e2e6ed}
.btn.ghost:hover{background:#ffffff0e;border-color:#ffffff65}
.btn:disabled{transform:none;box-shadow:none;cursor:default}

/* Opening stage: retain the actual controller photograph. */
.home-page .hero{min-height:max(760px,100svh);background:radial-gradient(ellipse at 77% 43%,#70202e2e,transparent 48%),linear-gradient(110deg,#15191f,#0d0f13 66%);border-bottom:1px solid #ffffff12}
.hero::before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(120deg,transparent 0,transparent 220px,#ffffff04 221px,transparent 222px);mask-image:linear-gradient(90deg,#000,transparent 85%)}
.hero::after{content:'';position:absolute;right:-12%;top:10%;width:45%;height:70%;border-radius:50%;background:radial-gradient(ellipse,#eb25351c,transparent 67%);pointer-events:none;animation:kn-ambient 14s ease-in-out infinite alternate}
.hero-content{padding-top:92px;padding-bottom:85px}
.hero-edition{display:flex;justify-content:space-between;max-width:460px;color:#89919d;font-size:.7rem;letter-spacing:.18em;font-weight:600;margin-bottom:44px}
.hero-edition span:last-child{color:#e44b5b}
.hero .eyebrow{font-size:.72rem}
.hero h1{max-width:57%;font-family:var(--body);font-weight:700;font-size:clamp(3.8rem,7vw,7.25rem);line-height:.98;letter-spacing:-.065em}
.hero h1 em{display:inline-block;color:#f04858}
.hero-copy{max-width:min(39vw,490px);font-size:1.05rem;line-height:1.85;color:#b3bac5;margin:24px 0 30px}
.hero-actions{max-width:51%;gap:12px}
.hero-actions .primary{max-width:300px}
.hero-scene{right:-3vw;width:min(62vw,1100px)}
.hero .trust{width:min(51%,670px);margin-top:45px;padding-top:24px;border-top:1px solid #ffffff1c}
.hero .trust>div{border-color:#ffffff16;padding:0 15px}
.hero .trust strong{font-family:var(--body);font-size:1.3rem;letter-spacing:-.04em}
.hero .trust span{font-size:.8rem;color:#9ca5b2}
.hero-signature{position:absolute;left:5vw;bottom:26px;display:flex;gap:24px;font-size:.65rem;color:#717c8c;letter-spacing:.15em}
.motion-toggle{font-size:.75rem;border:1px solid #ffffff20;border-radius:30px;background:#15181dc9;padding:8px 15px;min-height:38px;bottom:19px}

/* Editorial rhythm and product surfaces. */
.section,.performance{padding-top:104px;padding-bottom:104px}
.section-head{gap:30px;margin-bottom:36px}
.section-head h2,.performance h2,.contact h2{font-size:clamp(2.4rem,4.8vw,4.6rem);letter-spacing:-.055em}
.section-head>p{max-width:390px;font-size:1rem;line-height:1.8}
.base-showcase{padding-bottom:35px}
.base-showcase-card{border-radius:var(--kn-radius);border-color:#ffffff22;box-shadow:var(--kn-shadow)}
.base-showcase-card img{height:clamp(360px,40vw,570px)}
.base-showcase-card::after{background:linear-gradient(180deg,#05070a08 40%,#080a10e8 100%)}
.base-showcase-title{font-family:var(--body);font-weight:700;font-size:clamp(2.5rem,6vw,6rem);letter-spacing:.04em;top:32px;text-shadow:0 3px 24px #0008}
.base-showcase-action{left:36px;right:36px;bottom:30px}
.base-showcase-action strong{font-family:var(--body);font-size:clamp(1.1rem,2.4vw,1.8rem);line-height:1.25;max-width:420px}
.base-showcase-action>span{padding:10px 17px;border:1px solid #ffffff35;border-radius:40px;backdrop-filter:blur(10px);font-size:.875rem}
.cards{gap:20px;background:transparent}
.product-card,.product-card.featured{padding:30px;min-height:620px;border:1px solid #ffffff20;border-radius:var(--kn-radius);background:radial-gradient(ellipse at 50% 22%,#45526326,transparent 65%),linear-gradient(145deg,#20242c,#15181e);box-shadow:var(--kn-shadow);transition:transform .25s,border-color .25s,box-shadow .25s}
.product-card.featured{border-color:#ee46586b;background:radial-gradient(ellipse at 50% 18%,#91243423,transparent 65%),linear-gradient(145deg,#27232b,#18171e)}
.product-card::after,.options-grid article::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(420px circle at var(--pointer-x,50%) var(--pointer-y,0%),#ffffff0c,transparent 60%);opacity:0;transition:opacity .3s}
.card-no{font-family:var(--body);font-size:.8rem;color:#8893a3;letter-spacing:.1em}
.popular{top:20px;right:20px;background:#ee33481f;color:#ff8d98;border:1px solid #ee334855;border-radius:99px;font-size:.67rem;letter-spacing:.1em;padding:6px 12px}
.model-controller-art{max-width:320px;height:185px;margin:20px auto 26px;transition:transform .4s;filter:drop-shadow(0 16px 13px #0003)}
.product-card .tag{font-size:.72rem;color:#ff7d8b}
.product-card h3{font-size:1.6rem;line-height:1.15;letter-spacing:-.04em}
.product-card>p:not(.tag){font-size:.95rem;line-height:1.65;color:#aeb6c3;min-height:78px}
.product-card ul{font-size:.875rem}.product-card li{border-color:#ffffff0d;padding:8px 0}
.price{margin-top:24px}.price strong{font-family:var(--body);font-size:1.8rem;letter-spacing:-.05em}
.product-card .card-action{padding-top:20px;border-color:#ffffff1a;font-size:.9rem;align-items:center}
.action-dot{width:8px;height:8px;border-radius:50%;background:#ec3449;box-shadow:0 0 14px #ec344957}
.performance{gap:6vw;position:relative;background:radial-gradient(ellipse at 0% 50%,#731e2d28,transparent 58%)}
.options-grid{border:0;gap:14px}
.options-grid article{position:relative;min-height:230px;padding:28px;border:1px solid #ffffff1b;border-radius:16px;background:linear-gradient(145deg,#222730,#191c23);transition:transform .25s,border-color .25s}
.options-grid b{font-family:var(--display);font-size:.875rem;color:#ff7081}
.options-grid h3{margin-top:35px;font-size:1.2rem}.options-grid p{font-size:.95rem;line-height:1.6}
.process{position:relative;max-width:none;background:linear-gradient(130deg,#f1f3f6,#dce1e8);color:#161c26;border-top:1px solid #ffffff60;border-bottom:1px solid #fff9;margin-top:30px}
.process>.section-head,.process>.steps{max-width:1350px;margin-left:auto;margin-right:auto}
.process .eyebrow{color:#606b7a}.process .steps{border:0;gap:18px;counter-reset:kn-steps}
.process .steps article{border:1px solid #2837471c!important;border-radius:16px;background:#ffffff60;padding:28px;position:relative}
.process .steps span{display:grid;place-items:center;width:44px;height:44px;border:1px solid #c6273d44;border-radius:50%;font-family:var(--body);font-size:.85rem;background:#fff8;color:#ba1730}
.process .steps h3{margin:34px 0 15px;font-size:1.3rem;letter-spacing:-.035em}.process .steps p{color:#576171;font-size:.95rem}
.contact{position:relative;margin:65px auto;padding:65px 5vw;gap:6vw;background:radial-gradient(ellipse at 95% 5%,#bd314637,transparent 65%),linear-gradient(125deg,#232933,#16191f);border-block:1px solid #ffffff1b}
.contact h2 em{color:#ff6e7f}.contact>div>p:not(.eyebrow){color:#b7c0cc;line-height:1.8}
#order-form{align-self:center;padding:30px;border:1px solid #ffffff26;border-radius:18px;background:#10141a70;box-shadow:0 20px 50px #0002;grid-template-columns:1fr}
#order-form label{font-size:.875rem;gap:12px}#order-form select{border:1px solid #ffffff30;border-radius:9px;padding:17px;background:#181d25;font-size:1rem}#order-form .btn{justify-content:center}
footer{border:0;min-height:135px;color:#9ca6b5;font-size:.875rem}

/* Shared application surfaces — never transform sticky 3D containers. */
.configurator-page{background-color:var(--bg);background-image:radial-gradient(ellipse at 0 5%,#4f5c742d,transparent 50%),radial-gradient(ellipse at 100% 25%,#9b29341a,transparent 50%)}
.config-heading h1{font-family:var(--body);font-size:clamp(2rem,4vw,3.6rem)}
.config-heading .eyebrow{color:#b3bdcb}.config-heading>p{border-left:2px solid #ec3348;padding-left:16px}
.model-tabs{gap:9px;border:0;padding:6px;background:#ffffff04;border:1px solid #ffffff14;border-radius:12px}
.model-tabs a{padding:12px 17px;border:1px solid transparent;border-radius:8px;font-size:.875rem}
.model-tabs a[aria-current=page]{background:#ed24381b;border:1px solid #ed52624f;color:#fff}
.steps-navigation{padding:12px 0 6px}.step-number{border-radius:12px;background:#1c212a;border-color:#4b5360}
.steps-navigation button[aria-current=step] .step-number{background:#dc263a;border-color:#ff6b7a;box-shadow:0 3px 16px #dc263a33}
.config-layout{border:0;gap:22px;align-items:start}
.viewer-panel{border:1px solid #ffffff25;border-radius:18px;box-shadow:var(--kn-shadow)}
.viewer-top{color:#c0c9d6;font-size:.75rem}
.lighting-selector button{border-radius:8px}.lighting-selector button[aria-pressed=true]{border-color:#ee5363;background:#48242ac9;box-shadow:inset 2px 0 #f34255}
.viewer-controls button{border-radius:9px;background:#181d25c9;border-color:#ffffff26}
.custom-panel{padding:30px;border:1px solid #ffffff1d;border-radius:18px;background:linear-gradient(145deg,#1e232b,#171b22);box-shadow:var(--kn-shadow)}
.custom-panel h2{font-family:var(--body);font-size:1.65rem;letter-spacing:-.04em}
.model-description{color:#b1bac7;line-height:1.7}
.live-price{padding:15px 17px;border:1px solid #ed4c5a45;border-radius:12px;background:linear-gradient(120deg,#54232c60,#242932)}
.live-price strong{font-family:var(--body);font-size:1.55rem}
.next-step-compact{border-radius:8px;background:#d7243b;min-height:40px}.previous-step-compact{background:transparent}
.choice-text{border-radius:12px;background:#141920;border-color:#3e4653;box-shadow:0 2px 7px #0001}
.choice-card input:checked+.choice-text{background:linear-gradient(125deg,#51242d77,#211e28);border-color:#ed5869;box-shadow:inset 3px 0 #ed3449}
.choice-price,.rear-current-price{color:#ff8e9a}
.special-swatch{border-radius:9px;background:#141920;border-color:#363e4a}.special-swatch:has(input:checked),.swatch.match-front:has(input:checked){background:#4d252d66;border-color:#ee596a}
.special-swatch small{font-size:.75rem}.swatch.match-front{border-radius:10px;background:#171d26}
.rear-choice select,.contact-field input{border-radius:9px;border:1px solid #475262;background:#131820}
.accessory-card{background:#141920;border-color:#394351;border-radius:14px}
.accessory-card:has(.accessory-toggle input:checked){background:#3e232b55;border-color:#ed5265}
.catalog-publication{border-radius:14px;background:#25212b;border-color:#6d414e}
.catalog-fixed-options{line-height:1.6}.catalog-fixed-options dd{color:#e4e8ef}
.base-models-heading h1,.order-page h1{font-family:var(--body);font-size:clamp(2.6rem,6vw,5rem);letter-spacing:-.055em}
.base-controller-card{border-radius:18px;border-color:#ffffff26;box-shadow:0 15px 45px #0004}
.base-controller-copy h2{font-family:var(--body);font-size:1.5rem;letter-spacing:-.035em}
.catalog-view-switch select{border-radius:99px;padding-right:26px;min-height:42px}
.catalog-create{border-radius:18px;background:linear-gradient(130deg,#28242d,#1a202a);border-color:#ffffff22}
.catalog-create h2{font-size:1.4rem}.catalog-actions .btn{font-size:.875rem;border-radius:9px}
.account-dialog{background:radial-gradient(ellipse at 100% 0,#a82e4333,transparent 70%),#1b2028;border-color:#586272;border-radius:22px}
.account-dialog::backdrop{background:#04070bc9;backdrop-filter:blur(8px)}
.account-signout{background:#252d39;border-color:#475466;border-radius:10px;min-height:45px}
.order-visual,.order-details,.order-customer,.order-list-card{background:linear-gradient(145deg,#242a34,#191e26);border:1px solid #ffffff21;border-radius:18px;box-shadow:var(--kn-shadow)}
.order-list-card{border-top:2px solid #ed44565c}.order-list-card h2,.order-page h2{letter-spacing:-.025em}
.order-open{padding:10px 16px;border:1px solid #ffffff30;border-radius:9px;background:#ffffff07}
.order-views button,.tracking-admin button{border-radius:9px;background:#222b37;border-color:#506074}
.order-details dt{color:#adb8c8}.order-details dd{border-color:#ffffff12;overflow-wrap:anywhere}
.order-progress li{padding:6px 0}.order-customer{border-top:2px solid #526176}.tracking-admin{border-color:#546073}
.credits-page main{margin:60px auto;background:#1c222c;border:1px solid #ffffff20;border-radius:20px}

/* Motion: content remains visible without JavaScript and under reduced motion. */
.kn-enter{animation:kn-enter .65s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--kn-delay,0ms)}
@keyframes kn-enter{from{opacity:.35;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes kn-ambient{from{transform:translate(-3%,2%);opacity:.5}to{transform:translate(3%,-3%);opacity:1}}
html[data-effects=paused] .hero::after{animation-play-state:paused}
html[data-effects=paused] .kn-enter{animation:none}
html[data-effects=paused] .scene-light{animation-play-state:paused!important}
.site-effects-toggle{display:block;margin:20px auto 30px;border:1px solid #ffffff28;border-radius:99px;background:#1a202a;color:#bac4d1;min-height:40px;padding:8px 15px;font-size:.8rem;cursor:pointer}
.site-effects-toggle:hover{border-color:#ee5366;color:#fff}
@media(hover:hover) and (pointer:fine){
  .product-card:hover{transform:translateY(-7px);border-color:#df647481;box-shadow:0 24px 55px #0005}
  .product-card:hover .model-controller-art{transform:translateY(-5px) rotate(-2deg)}
  .product-card:hover::after,.options-grid article:hover::after{opacity:1}
  .options-grid article:hover{transform:translateY(-4px);border-color:#ffffff44}
  .base-controller-card:hover{border-color:#ee5363}
}
@media(max-width:1100px) and (min-width:901px){.nav-links{gap:1rem}.brand{font-size:.77rem}.nav{padding-inline:3vw;gap:10px}.hero h1{font-size:6.5vw}.product-card{padding:24px}.product-card h3{font-size:1.4rem}}
@media(max-width:900px){
  .nav-links{background:#191e27f7;border-bottom:1px solid #ffffff25;backdrop-filter:blur(18px);gap:20px}.nav-cta{text-align:center}
  .home-page .hero{min-height:auto;padding-bottom:28px}.hero-scene{width:min(100%,650px);right:auto;margin:-4% auto -9%}
  .hero-content{padding:0 0 35px;width:90%}.hero-edition{margin:0 0 22px;max-width:none;font-size:.65rem}
  .hero h1{max-width:100%;font-size:clamp(3.25rem,8vw,5.4rem)}.hero-copy{max-width:620px;font-size:1rem;margin:20px 0 26px}
  .hero-actions{max-width:none}.hero-actions .primary{max-width:none}.hero .trust{width:100%;margin-top:32px}
  .hero-signature{display:none}.motion-toggle{align-self:flex-end;margin:0 5vw;position:relative;right:auto;bottom:auto}
  .section,.performance{padding-top:70px;padding-bottom:70px}.base-showcase{padding-bottom:10px}
  .cards{grid-template-columns:1fr;gap:18px}.product-card{min-height:0;display:grid;grid-template-columns:1fr 1fr;column-gap:26px;padding:28px}
  .product-card .model-controller-art{grid-column:2;grid-row:2/6;align-self:center;max-width:100%;height:210px;margin:0}
  .product-card .card-no,.product-card .tag,.product-card h3,.product-card>p:not(.tag),.product-card ul{grid-column:1}
  .product-card .price{grid-column:1}.product-card .card-action{grid-column:1/-1}.product-card .tag{margin:25px 0 12px}
  .performance{gap:32px}.process .steps{grid-template-columns:1fr 1fr}
  .contact{margin:30px auto;padding:60px 5vw;gap:28px}.section-head>p{max-width:550px}.contact h2{font-size:3rem}
  .base-showcase-action{left:24px;right:24px}.config-layout{gap:16px}.custom-panel{padding:24px}
}
@media(max-width:760px){
  .config-layout{display:block}.viewer-panel{border-radius:14px 14px 0 0;box-shadow:0 10px 24px #0004}.custom-panel{border-radius:0 0 16px 16px;border-top:0}
  .configurator{width:94vw}.model-tabs{gap:3px}.model-tabs a{padding:10px 12px;white-space:nowrap}
  .config-heading h1{font-size:2.1rem}.base-models-main{padding-top:105px}
  .credits-page main{margin:20px 4vw}.site-effects-toggle{margin-top:14px}
}
@media(max-width:560px){
  .hero h1{font-size:clamp(2.8rem,10.5vw,3.9rem)}.hero .trust{row-gap:20px}.hero .trust strong{font-size:1.25rem}.hero .trust span{font-size:.8rem}
  .hero-actions .btn{min-height:52px;font-size:.875rem}.section-head h2,.performance h2{font-size:2.6rem}
  .base-showcase-title{font-size:clamp(1.8rem,8vw,2.7rem);top:24px}.base-showcase-card img{height:335px}.base-showcase-action{left:22px;right:22px;bottom:22px;gap:14px}
  .base-showcase-action strong{max-width:270px;font-size:1.2rem}.base-showcase-action>span{font-size:.75rem;padding:6px 12px}
  .product-card{display:flex;padding:26px}.product-card .model-controller-art{height:170px;margin:24px auto 20px;max-width:280px}.product-card .tag{margin:0 0 12px}.product-card>p:not(.tag){min-height:0}.product-card h3{font-size:1.65rem}
  .options-grid{grid-template-columns:1fr}.options-grid article{min-height:190px}.options-grid h3{margin-top:22px}
  .process .steps{grid-template-columns:1fr}.process .steps article{padding:24px}.process .steps h3{margin-top:24px}
  .contact h2{font-size:2.6rem}#order-form{padding:22px}.nav .brand{font-size:0}.nav .brand img{width:43px}.nav{padding-inline:4vw}
  .custom-panel{padding:22px 17px}.step-heading{gap:8px}.custom-panel h2{font-size:1.5rem}.step-top-actions{gap:6px}
  footer{padding-block:34px;gap:15px}footer .brand{font-size:.8rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.kn-enter{opacity:1;transform:none}}

/* Menu principal latéral. */
.menu-btn,.nav>.menu-btn{order:-2!important;display:grid!important;width:46px;height:46px;flex:0 0 46px;place-content:center;gap:5px;padding:0;border:0;border-radius:0;background:transparent;color:#fff;cursor:pointer;box-shadow:none}
.menu-btn span{display:block;width:21px;height:2px;border-radius:9px;background:#f04a5c;transition:transform .22s,opacity .22s}
.menu-btn[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-btn[aria-expanded=true] span:nth-child(2){opacity:0}.menu-btn[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.menu-btn:hover{background:transparent}.menu-btn:hover span{background:#fff}.menu-btn:focus-visible{outline:2px solid #ff6878;outline-offset:4px}
.site-drawer-overlay{position:fixed;z-index:199;inset:0;width:100%;height:100%;padding:0;border:0;background:#020407b8;opacity:0;transition:opacity .22s;cursor:pointer;backdrop-filter:blur(4px)}.site-drawer-overlay.open{opacity:1}
.site-drawer{position:fixed;z-index:200;inset:0 auto 0 0;width:min(390px,90vw);padding:24px;background:radial-gradient(ellipse at 0 0,#77253638,transparent 45%),#12161d;border-right:1px solid #ffffff24;box-shadow:24px 0 80px #0009;transform:translateX(-105%);transition:transform .28s cubic-bezier(.2,.75,.25,1);overflow-y:auto}.site-drawer.open{transform:translateX(0)}.drawer-open{overflow:hidden}
.site-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:23px;border-bottom:1px solid #ffffff1b}.site-drawer-head .brand{font-size:.85rem}.site-drawer-close{display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff27;border-radius:12px;background:#ffffff08;color:#fff;font-size:1.7rem;line-height:1;cursor:pointer}
.site-drawer-nav{display:grid;gap:10px;padding:22px 0}.site-drawer-main,.site-drawer-nav summary{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:12px 15px;border:1px solid #ffffff1c;border-radius:12px;background:#1a2029;color:#f7f8fa;font-weight:700;cursor:pointer}.site-drawer-main:hover,.site-drawer-nav summary:hover{border-color:#f05c6c;background:#27202a}
.site-drawer-nav details>summary{list-style:none}.site-drawer-nav details>summary::-webkit-details-marker{display:none}.site-drawer-nav summary span{color:#ff6878;font-size:1.1rem;transition:transform .2s}.site-drawer-nav details[open]>summary span{transform:rotate(180deg)}.site-drawer-nav details>div{display:grid;gap:4px;margin:5px 0 4px;padding:4px 0 3px 17px;border-left:2px solid #ed334a}.site-drawer-nav details a{padding:11px 14px;border-radius:9px;color:#bfc7d3;font-size:.92rem}.site-drawer-nav details a:hover{color:#fff;background:#ffffff0b}

/* Les liens de retour doivent ressembler à de vrais contrôles. */
.back-link,.base-back-link,.credits-page main>a:first-child{display:inline-flex!important;align-items:center;gap:8px;min-height:42px;padding:8px 15px!important;border:1px solid #ffffff2e;border-radius:999px;background:#ffffff08;color:#f1f3f6!important;font-size:.84rem!important;font-weight:700;text-decoration:none!important;transition:background .2s,border-color .2s,transform .2s}.back-link:hover,.base-back-link:hover,.credits-page main>a:first-child:hover{border-color:#ed5265;background:#ed243815;transform:translateX(-2px)}
.performance-breadcrumb a:first-child{display:inline-flex;align-items:center;min-height:38px;padding:6px 13px;border:1px solid #ffffff2d;border-radius:999px;background:#ffffff08;color:#f1f3f6;font-weight:700}.performance-breadcrumb a:first-child::before{content:'←';margin-right:8px;color:#ff6374}.performance-breadcrumb a:first-child:hover{border-color:#ed5265;text-decoration:none}
@media(max-width:560px){.menu-btn{width:42px;height:42px;flex-basis:42px}.nav{gap:8px}.nav .back-link,.nav .base-back-link{max-width:42vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline:11px!important}.site-drawer{padding:20px}.site-drawer-head .brand{font-size:.78rem}}

.page-return{margin-bottom:24px}.rear-actuation{grid-column:1/-1;margin-bottom:22px}.rear-actuation h3{font-size:1rem;margin-bottom:12px}.rear-controls .rear-side-options{grid-template-columns:1fr}.rear-button-settings{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-bottom:18px}.rear-button-settings select{width:100%;min-width:0}.rear-button-settings select:disabled{opacity:.4}@media(max-width:400px){.rear-button-settings{grid-template-columns:1fr;gap:8px}}@media(max-width:560px){.page-return{margin-bottom:20px}}

.contact-information{align-self:center}.contact-information p{margin-top:18px;color:#bfc0c8}