/* Perf Detailing — Avant / Après Mercedes intégré au site Ferrari */


.perf-ba{padding:0;background:#080909;border-top:1px solid var(--line);position:relative;overflow:hidden}
.perf-ba__frame{position:relative;overflow:hidden;background:#0b0c0d;min-height:650px;aspect-ratio:16/8.7;isolation:isolate}
.perf-ba__media{position:absolute;inset:-4%;width:108%;height:108%;object-fit:cover;opacity:0;transform:scale(1.025) translate3d(-1.2%,0,0);transition:opacity .72s ease,filter .72s ease;z-index:0;background:#0b0c0d;animation:perfMercedesMove 12s ease-in-out infinite alternate;will-change:transform,opacity}
.perf-ba__media.is-active{opacity:1;z-index:1}
.perf-ba__media[data-media="avant"]{filter:brightness(.78) saturate(.86) contrast(1.03)}
.perf-ba__media[data-media="apres"]{filter:brightness(.96) saturate(1.04) contrast(1.04)}
@keyframes perfMercedesMove{0%{transform:scale(1.025) translate3d(-1.8%,.4%,0)}50%{transform:scale(1.07) translate3d(.3%,-.7%,0)}100%{transform:scale(1.105) translate3d(1.8%,-.25%,0)}}
.perf-ba__shade{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#0005 0%,#0001 27%,#0002 55%,#000d 100%)}
.perf-ba__switch{position:absolute;z-index:5;top:28px;left:50%;transform:translateX(-50%);display:flex;gap:0;padding:4px;border:1px solid #ffffff42;background:#0809099e;backdrop-filter:blur(12px);border-radius:999px}
.perf-ba__switch button{min-width:126px;min-height:46px;padding:0 25px;color:#fff;font-size:13px;letter-spacing:.12em;text-transform:uppercase;border-radius:999px;transition:background .25s,color .25s,border-color .25s}
.perf-ba__switch button[aria-pressed="true"]{background:#fff;color:#080909}
.perf-ba__switch button:focus-visible{outline:2px solid var(--blue);outline-offset:4px}

.perf-ba__zones{position:absolute;z-index:5;top:90px;left:50%;transform:translateX(-50%);display:flex;gap:8px;max-width:calc(100% - 40px);padding:4px;border:1px solid #ffffff26;background:#08090978;backdrop-filter:blur(12px);border-radius:999px;white-space:nowrap}
.perf-ba__zones button{min-height:40px;padding:0 16px;color:#d7d7da;font-size:11px;letter-spacing:.09em;text-transform:uppercase;border-radius:999px;transition:background .22s,color .22s,border-color .22s}
.perf-ba__zones button[aria-pressed="true"]{background:#ffffff18;color:#fff;box-shadow:inset 0 0 0 1px #ffffff52}
.perf-ba__zones button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}

.perf-ba__caption{position:absolute;z-index:4;left:clamp(24px,4.5vw,72px);right:clamp(24px,4.5vw,72px);bottom:clamp(42px,5vw,66px);display:flex;align-items:end;justify-content:space-between;gap:35px;color:#fff}
.perf-ba__caption-main{max-width:760px}.perf-ba__brand{margin:0 0 10px;color:#dedede}.perf-ba__state{font-size:11px;letter-spacing:.21em;text-transform:uppercase;color:#d7d7d7;margin:0 0 12px}.perf-ba__caption h2{margin:0;font-size:clamp(40px,5.5vw,78px);font-weight:400;line-height:.96;letter-spacing:-.045em;text-transform:uppercase}.perf-ba__caption p[data-ba-copy]{margin:16px 0 0;max-width:560px;color:#e0e0e0;font-size:15px;line-height:1.65}.perf-ba__badge{flex:none;border:1px solid #ffffff66;background:#05050570;backdrop-filter:blur(10px);padding:13px 17px;min-width:96px;text-align:center;font-size:12px;letter-spacing:.14em;text-transform:uppercase;border-radius:999px}
.perf-ba__line{position:absolute;left:0;right:0;bottom:0;height:5px;z-index:6;background:var(--red);overflow:hidden}
.perf-ba__line:before{content:"";position:absolute;inset:0 auto 0 0;width:200%;background:linear-gradient(90deg,var(--red) 0 35%,var(--line-blue) 35% 50%,var(--red) 50% 85%,var(--line-blue) 85% 100%);animation:perf-line-flow 6s linear infinite;will-change:transform}
@media(max-width:950px){.perf-ba__frame{min-height:600px;aspect-ratio:4/3}}
@media(max-width:650px){.perf-ba__frame{min-height:560px;aspect-ratio:4/5}.perf-ba__media{inset:-8%;width:116%;height:116%;object-position:50% 50%}.perf-ba__switch{top:16px;width:calc(100% - 32px)}.perf-ba__switch button{min-width:0;flex:1;padding:0 14px;font-size:12px}.perf-ba__zones{top:78px;left:16px;right:16px;transform:none;max-width:none;overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.perf-ba__zones::-webkit-scrollbar{display:none}.perf-ba__zones button{flex:0 0 auto;padding:0 14px;font-size:10px}.perf-ba__caption{left:22px;right:22px;bottom:34px;display:block}.perf-ba__caption h2{font-size:40px;max-width:330px}.perf-ba__caption p[data-ba-copy]{font-size:14px;max-width:330px}.perf-ba__badge{display:none}}
@media(prefers-reduced-motion:reduce){.perf-ba__line:before,.perf-ba__media{animation:none!important}.perf-ba__line:before{transform:translateX(0)!important}.perf-ba__media{transition:none!important;transform:scale(1.04)}}