@import url(main.css);
:root { --s2-bg: #0A0A0A; --s2-accent: #E53935; --s2-text: #F5F5F5; --s2-text-muted: rgba(245,245,245,0.8); --s2-overlay: #1E1E1E; }

div#termsfeed-com---nb { border-radius: 0; background: rgba(10, 10, 10, 0.5); backdrop-filter: blur(1rem); border-top: 2px solid rgba(245, 245, 245, 0.3); border-bottom: 2px solid rgba(245, 245, 245, 0.3); bottom: 1rem; right: 1rem; }

p#cc-nb-title { color: var(--s2-text); font-weight: 700; font-family: 'Barlow', sans-serif; text-transform: uppercase; }

p#cc-nb-text { font-family: 'DM Sans', sans-serif; color: var(--s2-text-muted); font-size: 13px; }

#termsfeed-com---nb .cc-nb-okagree, #termsfeed-com---nb .cc-nb-reject { background: var(--s2-accent) !important; text-transform: uppercase; font-weight: 500 !important; }

#termsfeed-com---nb .cc-nb-changep { background: transparent !important; border-top: 1px solid var(--s2-text); border-bottom: 1px solid var(--s2-text); text-transform: uppercase; font-weight: 500 !important; color: var(--s2-text); }

#termsfeed-com---nb .cc-nb-okagree:hover, #termsfeed-com---nb .cc-nb-reject:hover { background: #FF5252 !important; color: var(--s2-text); border-color: #FF5252 !important; }

#termsfeed-com---nb .cc-nb-changep:hover { background: rgba(245, 245, 245, 0.2) !important; }

/************************* BOUTONS *************************/
button, input[type="button"], input[type="submit"], input[type="reset"], a[class*="btn"], a[class*="button"] { text-decoration: none; padding: .5rem 1.25rem !important; clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%); background: var(--s2-accent); color: var(--s2-text); transition: all .3s ease; text-transform: uppercase; font-weight: 500; border-radius: 0 !important; border-top: 1px solid var(--s2-accent); border-bottom: 1px solid var(--s2-accent); }

button:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, a[class*="btn"]:hover, a[class*="button"]:hover { background: #FF5252; color: var(--s2-text); border-color: #FF5252; }

button.outline, input.outline[type="button"], input.outline[type="submit"], input.outline[type="reset"], a.outline[class*="btn"], a.outline[class*="button"] { border-color: var(--s2-text) !important; color: var(--s2-text); background: transparent !important; }

button.outline:hover, input.outline[type="button"]:hover, input.outline[type="submit"]:hover, input.outline[type="reset"]:hover, a.outline[class*="btn"]:hover, a.outline[class*="button"]:hover { background: rgba(245, 245, 245, 0.2) !important; }

/************************* TITRES COMMUNS *************************/
h2 { font-family: 'Barlow', sans-serif; font-size: clamp(30px, 3vw, 36px) !important; line-height: 0.95 !important; font-weight: 700 !important; text-transform: uppercase; color: var(--s2-text); letter-spacing: -0.01em; }

h2 span { font-family: 'Barlow Condensed', sans-serif; color: var(--s2-accent); font-style: italic; }

#hero h1 { font-family: 'Barlow', sans-serif; font-size: clamp(48px, 4.5vw, 72px); line-height: 0.95; font-weight: 700 !important; text-transform: uppercase; color: var(--s2-text); letter-spacing: -0.01em; }

#hero h1 span { font-family: 'Barlow Condensed', sans-serif; color: var(--s2-accent); font-style: italic; }

/************************* NAVBAR *************************/
.navbar { position: fixed !important; top: .25rem; left: 0; right: 0; z-index: 1000; max-width: 1600px; margin: auto; padding: 1rem 2rem !important; height: auto; transition: all 0.8s ease; background: transparent !important; border-top: 1px solid transparent; border-bottom: 1px solid transparent; }

nav.navbar.scrolled { background: rgba(10, 10, 10, 0.7) !important; backdrop-filter: blur(8px); border-color: rgba(245, 245, 245, 0.3) !important; }

.nav-inner { display: grid; grid-template-columns: auto 1fr 1fr; align-items: center; height: 100%; width: 100%; }

.nav-left { display: flex; align-items: center; gap: 1.5rem; justify-content: flex-start; }

.nav-center { display: flex; align-items: center; justify-content: start; width: 12rem; justify-self: center; }

.nav-right { display: flex; align-items: center; gap: 8px; justify-content: flex-end; }

.nav-logo { position: relative; height: 100%; display: flex; align-items: center; justify-content: center; padding: 0.75rem; margin-right: 1rem; width: 12rem; transition: all 0.8s ease; }

.nav-logo img { height: 100%; width: 100%; object-fit: contain; transition: all 0.8s ease; }

.navbar.scrolled .nav-logo, .navbar:has(.burger.open) .nav-logo { height: 100%; width: 14rem; }

.navbar.scrolled .nav-logo:hover { transform: scale(1.025); }

.nav-link { font-size: 14px !important; font-weight: 400 !important; letter-spacing: 0.06em; color: var(--s2-text) !important; text-decoration: none; padding: 6px 14px; position: relative; white-space: nowrap; transition: font-weight 0.3s ease !important; }

.nav-link:hover { font-weight: 600 !important; }

.btn-nav { font-size: 14px; }

.burger { display: none; background-color: transparent !important; border: 1.5px solid var(--s2-text); border-radius: 6px; width: 36px; height: 36px; cursor: pointer; flex-direction: column; align-items: center; justify-content: center; gap: 5px; padding: 0; }

.burger span { display: block; width: 18px; height: 1.5px; background: var(--s2-text); transition: transform 0.25s, opacity 0.2s; }

.burger.open span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }

.burger.open span:nth-child(2) { opacity: 0; }

.burger.open span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }

.mobile-menu { display: none; flex-direction: column; align-items: center; gap: 0; background: rgba(10, 10, 10, 0.5) !important; backdrop-filter: blur(8px); padding: 16px 0 20px; position: fixed; top: 96px; left: 0; right: 0; z-index: 25; }

.mobile-menu.open { display: flex; }

.mobile-menu .nav-link { font-size: 14px; padding: 12px 24px; width: 100%; text-align: center; }

.mobile-menu .nav-link::after { display: none; }

.mobile-divider { width: 48px; height: 0.5px; background: var(--s2-accent); margin: 8px 0; }

.mobile-buttons { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 4px 24px 0; width: 100%; }

.mobile-buttons .btn-nav { width: 100%; max-width: 320px; text-align: center; display: block; }

@media (max-width: 992px) { .nav-left, .nav-right { display: none; } .nav-inner { grid-template-columns: 1fr 1fr; } .nav-center { justify-content: start; } .burger { display: flex; } .nav-right-mobile { display: flex; justify-content: flex-end; align-items: center; } }

/************************* HERO *************************/
.first-ascebo { height: calc(100vh - 48px); width: 100%; display: flex; align-items: center; position: relative; overflow: hidden; }

.first-ascebo-video-bg { position: absolute; inset: 0; z-index: 0; overflow: hidden; }

.first-ascebo-video-bg video { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }

.first-ascebo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(229, 57, 53, 0.92) 0%, rgba(10, 10, 10, 0.86) 50%, rgba(30, 30, 30, 0.68) 100%); z-index: 1; }

.first-ascebo-container { width: 90%; max-width: 1500px; margin: auto; position: relative; z-index: 2; }

.first-ascebo-text { max-width: 680px; color: #FBFFFA; text-shadow: 0 2px 12px rgba(0, 0, 0, 0.05); }

.first-ascebo .tagline p { color: var(--s2-accent); font-weight: 700; font-style: italic; font-family: 'Barlow Condensed', sans-serif; letter-spacing: 2px; font-size: 48px; text-transform: uppercase; line-height: .6; }

.first-ascebo-text h1 { font-size: 68px; font-weight: 700 !important; font-family: 'Barlow', sans-serif; color: #FBFFFA; line-height: 1.1; margin: 15px 0; }

.first-ascebo-text p { font-size: 1rem; margin-bottom: 30px; color: var(--s2-text-muted); line-height: 1.6; }

.first-acebo-buttons { display: flex; gap: 1em; align-items: center; }

.first-ascebo-ticker { position: relative; z-index: 10; background: rgba(10, 10, 10, 0.6); backdrop-filter: blur(8px); overflow: hidden; padding: 12px 0; border-top: 1px solid rgba(245, 245, 245, 0.3); white-space: nowrap; }

.first-ascebo-ticker-track { display: inline-flex; gap: 0; animation: ascebo-ticker-scroll 36s linear infinite; }

.first-ascebo-ticker-item { display: inline-flex; align-items: center; gap: 50px; padding: 0 30px; }

.first-ascebo-ticker-item p { font-size: 14px; font-weight: 600; color: rgba(245, 245, 245, 0.7); letter-spacing: 0.5px; text-transform: uppercase; margin-bottom: 0 !important; }

.first-ascebo-ticker-dot { width: 6px; height: 6px; border-radius: 50%; background: rgba(229, 57, 53, 0.8); flex-shrink: 0; }

@keyframes ascebo-ticker-scroll { 0% { transform: translateX(0); }
  100% { transform: translateX(-50%); } }

@media (max-width: 900px) { .first-ascebo { text-align: center; } .first-ascebo-text { margin: auto; } .first-ascebo-text h1 { font-size: 44px; } .first-ascebo-text p { font-size: 17px; } .first-ascebo .tagline { font-size: 14px; } .first-acebo-buttons { flex-direction: column; align-items: center; } }

/************************* SERVICE CARDS *************************/
.services-s2-wrapper { background: var(--s2-bg); max-width: 1600px; margin: auto; padding: 100px 2rem; font-family: 'DM Sans', sans-serif; color: var(--s2-text); position: relative; overflow: hidden; }

.services-s2-header { position: relative; z-index: 1; margin-bottom: 56px; }

.services-s2-card { position: relative; height: 580px; overflow: hidden; display: block; text-decoration: none; color: var(--s2-text); }

.services-s2-card-img { position: absolute; inset: 0; background-size: cover; background-position: center; transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 1s ease; filter: brightness(0.65) saturate(0.85); }

.services-s2-card:hover .services-s2-card-img { transform: scale(1.05); filter: brightness(0.35) saturate(0.85); }

.services-s2-card-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, transparent 0%, transparent 30%, rgba(30, 30, 30, 0.6) 60%, #1e1e1e 100%); transition: opacity 0.8s ease; z-index: 1; }

.services-s2-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--s2-accent); transform: scaleX(0); transform-origin: left; transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 3; }

.services-s2-card:hover::before { transform: scaleX(1); }

.services-s2-card-content { position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; padding: 36px 32px; }

.services-s2-card-num { font-family: 'Barlow Condensed', sans-serif; font-size: 3rem; letter-spacing: 0.25em; color: var(--s2-accent); display: block; margin-bottom: 10px; opacity: 0; transform: translateY(10px); transition: opacity 0.6s ease 0.05s, transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.05s; }

.services-s2-card:hover .services-s2-card-num { opacity: 1; transform: translateY(0); }

.services-s2-card-title { font-size: 2rem; text-transform: uppercase; color: var(--s2-text); line-height: 1.1; letter-spacing: 0.02em; margin-bottom: 0; transform: translateY(3.5rem); transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.services-s2-card-title p { margin-bottom: 0 !important; }

.services-s2-card:hover .services-s2-card-title { transform: translateY(-6px); }

.services-s2-card-text { font-size: 1rem; color: var(--s2-text-muted); line-height: 1.75; margin-top: 12px; margin-bottom: 1rem; overflow: hidden; max-height: 0; opacity: 0; transition: max-height 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.08s, opacity 0.6s ease 0.12s; }

.services-s2-card:hover .services-s2-card-text { max-height: 100px; opacity: 1; }

.services-s2-card-btn { margin-top: 22px; opacity: 0; transform: translateY(8px); transition: opacity 0.6s ease 0.18s, transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.18s, background 0.3s ease, border-color 0.3s ease !important; white-space: nowrap; }

.services-s2-card:hover .services-s2-card-btn { opacity: 1; transform: translateY(0); }

.services-s2-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(2, 1fr); gap: 2px; }

.services-s2-bottom { position: relative; z-index: 1; margin-top: 2px; height: 1px; background: linear-gradient(to right, color-mix(in srgb, var(--s2-accent) 50%, transparent) 0%, color-mix(in srgb, var(--s2-accent) 10%, transparent) 40%, transparent 60%); }

.services-s2-card:nth-child(1) .services-s2-card-img { background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FBtCwq1eJ4hg4EWrwxNCfjPhJSH12%2Fimages%2FAdobeStock_561832197_c84q.webp"); }

.services-s2-card:nth-child(2) .services-s2-card-img { background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FBtCwq1eJ4hg4EWrwxNCfjPhJSH12%2Fimages%2FAdobeStock_572296103_zodj.webp"); }

@media (max-width: 768px) { .services-s2-grid { grid-template-columns: 1fr; } .services-s2-card { height: 420px; } .services-s2-wrapper { padding: 60px 24px; } .services-s2-card-text { font-size: 13px; } }

/************************* POURQUOI *************************/
#pourquoi { position: relative; padding: 6rem 2rem; background-size: cover; background-position: center; min-height: 80vh; }

#pourquoi-overlay { position: absolute; inset: 0; background: linear-gradient(#0a0a0a 0%, rgba(10, 10, 10, 0.4) 30%, rgba(10, 10, 10, 0.4) 70%, #0a0a0a 100%); z-index: 0; }

#pourquoi .container { position: relative; z-index: 1; max-width: 950px; }

.pourquoi-card { height: 100%; padding: 1.5rem; display: flex; flex-direction: column; align-items: center; text-align: center; background: rgba(10, 10, 10, 0.05); border-top: 1px solid rgba(245, 245, 245, 0.3); border-bottom: 1px solid rgba(245, 245, 245, 0.3); backdrop-filter: blur(6px); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.pourquoi-card:hover { border-color: rgba(229, 57, 53, 0.3); }

.pourquoi-card i.bi { font-size: 4rem; line-height: .7; margin-bottom: 1rem; color: var(--s2-text-muted); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.pourquoi-card-title { font-size: 1.75rem; font-family: 'Barlow Condensed', sans-serif; text-transform: uppercase; color: rgba(229, 57, 53, 0.8); line-height: 1.1; letter-spacing: 0.02em; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.pourquoi-card:hover .pourquoi-card-title { color: var(--s2-accent); }

.pourquoi-card:hover i.bi { color: var(--s2-text); }

.pourquoi-card:hover .pourquoi-card-desc { color: var(--s2-text); }

.pourquoi-card-desc { color: var(--s2-text-muted); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

/************************* CTA *************************/
.cta_banner { background: linear-gradient(135deg, rgba(10, 10, 10, 0.92) 0%, rgba(229, 57, 53, 0.72) 100%); }

.cta_banner .content { max-width: 950px; }

.cta-to-line-top { position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(to right, rgba(229, 57, 53, 0.35) 50%, transparent); z-index: 3; }

.cta-to-line-bottom { position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: linear-gradient(to right, rgba(229, 57, 53, 0.5) 0%, rgba(229, 57, 53, 0.1) 40%, transparent 60%); z-index: 3; }

.cta_banner h2 { font-size: clamp(36px, 3.5vw, 48px) !important; }

/************************* FACEBOOK *************************/
.social-to-wrapper { padding: 120px 80px; color: var(--s2-text); position: relative; overflow: hidden; }

.social-to-inner { position: relative; z-index: 2; max-width: 1500px; margin: 0 auto; display: flex; align-items: center; flex-direction: row-reverse; justify-content: center; gap: 80px; }

.social-to-cards { display: flex; gap: 16px; }

.social-to-card { display: flex; align-items: center; gap: 20px; justify-content: center; text-decoration: none; position: relative; border-top: 1px solid rgba(245, 245, 245, 0.3); border-bottom: 1px solid rgba(245, 245, 245, 0.3); padding: 24px 32px; transition: border-color 0.4s ease, background 0.4s ease; overflow: hidden; width: 400px; }

.social-to-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--s2-accent); transform: scaleX(0); transform-origin: left; transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.social-to-card:hover { border-color: color-mix(in srgb, var(--s2-accent) 25%, transparent); background: color-mix(in srgb, var(--s2-accent) 4%, transparent); }

.social-to-card:hover::before { transform: scaleX(1); }

.social-to-card i.bi { font-size: 4.5rem; flex-shrink: 0; opacity: 0.75; transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s ease; }

.social-to-card:hover i.bi { transform: scale(1.05); opacity: 1; }

.social-to-card-info { display: flex; flex-direction: column; gap: 2px; }

.social-to-name { font-family: 'Barlow Condensed', sans-serif; font-size: 1.5rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--s2-text); }

.social-to-handle { font-size: 14px; font-weight: 400; letter-spacing: 0.1em; color: rgba(176, 176, 176, 0.8); transition: color 0.3s ease; }

.social-to-card:hover .social-to-handle { color: #b0b0b0; }

.social-to-sub p { font-size: 1rem; color: var(--s2-text-muted); line-height: 1.75; letter-spacing: 0.01em; margin: 0; }

@media (max-width: 768px) { .social-to-inner { flex-direction: column-reverse; gap: 48px; text-align: center; } .social-to-cards { width: 100%; } .social-to-card { width: 100%; } .social-to-wrapper { padding: 80px 24px; } }

/************************* CARTE *************************/
#carte .tw-mx-auto.tw-overflow-hidden.tw-border.tw-border-\[rgba\(245\,245\,245\,0\.15\)\] { max-width: 950px; display: flex; flex-direction: column; padding: 2rem 2rem 4rem !important; }

#carte .tw-mx-auto.tw-overflow-hidden.tw-border::before { content: ''; width: 100%; height: 3px; background: linear-gradient(to right, #e53935 0%, rgba(229, 57, 53, 0.6) 40%, transparent 100%); margin-bottom: .5rem; }

#carte .tw-mx-auto.tw-overflow-hidden.tw-border::after { content: ''; width: 100%; height: 3px; background: linear-gradient(to left, #e53935 0%, rgba(229, 57, 53, 0.6) 40%, transparent 100%); margin-top: .5rem; }

#carte iframe { width: 100%; }

/************************* SEO *************************/
/********************************************************* BUG D'AFFICHAGE

.seo-bloc { display: flex; align-items: start; justify-content: center; gap: 2rem; padding: 2rem; max-width: 1500px; margin: auto; }
.seo-bloc .mx-auto.col-lg-11.px-4.py-4.mt-5.bg-primaryColor.text-color-primary.rounded-3.shadow-lg.position-relative { width: 30%; margin: 0 !important; box-shadow: none !important; }
.seo-bloc .row.flex-lg-row.align-items-center.g-5.py-2.px-4.mt-2.position-relative.z-1, .seo-bloc .row.flex-lg-row-reverse.align-items-center.g-5.py-2.px-4.mt-2.position-relative.z-1 { flex-direction: column-reverse !important; gap: 3rem; }
.seo-bloc .col-lg-7.my-0.order-1.order-lg-1.order-xl-1.order-xxl-1 { width: 100%; padding: 0; text-align: center; }
.seo-bloc .col-12.col-sm-8.col-lg-5.my-0.order-2.order-lg-2.order-xl-2.order-xxl-2 { width: 100%; padding: 0; }
.seo-bloc .display-6.titles.fw-bold.text-body-emphasis.lh-1.mb-5 { margin-bottom: 1rem !important; }
.seo-bloc .card.card-cover.h-100.overflow-hidden.rounded-4.shadow-lg { border-radius: 0 !important; background-size: 105% auto !important;border-top: 1px solid var(--s2-text-muted);border-bottom: 1px solid var(--s2-text-muted);transition: all 0.3s ease; }
.seo-bloc .card.card-cover.h-100.overflow-hidden.rounded-4.shadow-lg:hover {border-top-color: var(--s2-accent);border-bottom-color: var(--s2-accent)}
.seo-bloc .card.card-cover.h-100.overflow-hidden.rounded-4.shadow-lg:hover .black-screen {opacity: .6}
.seo-bloc .black-screen { background: linear-gradient(rgba(30,30,30,0.3), var(--s2-overlay)) !important; opacity: .3; border-radius: 0 !important; transition: all 0.3s ease;}
.seo-bloc h3 { font-family: 'Barlow', sans-serif; font-size: clamp(24px, 2vw, 28px) !important; line-height: 0.95 !important; font-weight: 700 !important; text-transform: uppercase; color: var(--s2-text); letter-spacing: -0.01em; text-decoration: none !important}
.seo-bloc h3 span { font-family: 'Barlow Condensed', sans-serif; color: var(--s2-accent); font-style: italic; }
@media (max-width: 768px) {
.seo-bloc {flex-direction: column}
  .seo-bloc .mx-auto.col-lg-11.px-4.py-4.mt-5.bg-primaryColor.text-color-primary.rounded-3.shadow-lg.position-relative { width: 100%;}
}

******************************************************************************/
/************************* REPROGRAMMATION *************************/
#reprogrammation-moteur table { border-color: transparent; }

#reprogrammation-moteur tbody tr { border-bottom: 1px solid rgba(245, 245, 245, 0.06) !important; background: transparent !important; }

#reprogrammation-moteur tbody tr:last-child { border-bottom: none !important; }

#reprogrammation-moteur thead tr { border-bottom: 1px solid rgba(229, 57, 53, 0.3) !important; }

#reprogrammation-moteur table thead tr th { background-color: rgba(245, 245, 245, 0.2) !important; }

#reprogrammation-moteur table { border-top: 1px solid rgba(229, 57, 53, 0.4); border-bottom: 1px solid rgba(229, 57, 53, 0.4); }

#reprogrammation-moteur thead th { font-family: 'Barlow Condensed', sans-serif; color: var(--s2-accent); font-size: 1rem; }

#reprogrammation-moteur .gain-cell { color: var(--s2-accent); }

#reprogrammation-moteur .stage-card { border-top: 1px solid rgba(245, 245, 245, 0.15); border-bottom: 1px solid rgba(245, 245, 245, 0.15); }

#reprogrammation-moteur .stage-card--featured { border-top: 1px solid rgba(229, 57, 53, 0.5); border-bottom: 1px solid rgba(229, 57, 53, 0.5); background: rgba(229, 57, 53, 0.06); }

#reprogrammation-moteur .stage-card-label { font-family: 'Barlow Condensed', sans-serif; color: var(--s2-accent); }

#reprogrammation-moteur .step-number { font-family: 'Barlow Condensed', sans-serif; }

#reprogrammation-moteur .step-item { border-bottom: 1px solid rgba(245, 245, 245, 0.08); }

#reprogrammation-moteur .security-banner { border-top: 1px solid rgba(229, 57, 53, 0.35); border-bottom: 1px solid rgba(229, 57, 53, 0.35); background: rgba(229, 57, 53, 0.06); }

#reprogrammation-moteur .security-banner i { color: var(--s2-accent); }

#reprogrammation-moteur .faq-wrapper { border-top: 1px solid rgba(245, 245, 245, 0.12); border-bottom: 1px solid rgba(245, 245, 245, 0.12); }

#reprogrammation-moteur .faq-summary { font-family: 'Barlow Condensed', sans-serif; }

#reprogrammation-moteur .faq-icon { color: var(--s2-text); }

#reprogrammation-moteur .faq-wrapper details { transition: background 0.3s ease; }

#reprogrammation-moteur .faq-wrapper details:hover { background: rgba(245, 245, 245, 0.03); }

#reprogrammation-moteur .faq-wrapper details[open] { background: rgba(229, 57, 53, 0.05); border-bottom: 1px solid rgba(229, 57, 53, 0.2) !important; }

#reprogrammation-moteur .faq-wrapper details[open] .faq-summary { color: var(--s2-accent); }

#reprogrammation-moteur .faq-wrapper details[open] .faq-icon { opacity: 1; color: var(--s2-accent); }

#reprogrammation-moteur tbody, #reprogrammation-moteur td, #reprogrammation-moteur tfoot, #reprogrammation-moteur th, #reprogrammation-moteur thead, #reprogrammation-moteur tr { border-color: rgba(245, 245, 245, 0.2) !important; }

#reprogrammation-moteur td { color: var(--s2-text); }

/************************* BOITIER ETHANOL *************************/
#boitier-ethanol .ethanol-stat { border-left: 3px solid var(--s2-accent); }

#boitier-ethanol .ethanol-stat-value { font-family: 'Barlow Condensed', sans-serif; color: var(--s2-accent); line-height: 1; }

#boitier-ethanol .ethanol-stat-label { font-family: 'Barlow Condensed', sans-serif; color: var(--s2-text); }

#boitier-ethanol .ethanol-stat-sub { color: var(--s2-text-muted); }

#boitier-ethanol .ethanol-col { border-top: 1px solid rgba(245, 245, 245, 0.15); border-bottom: 1px solid rgba(245, 245, 245, 0.15); }

#boitier-ethanol .ethanol-col-title { font-family: 'Barlow Condensed', sans-serif; color: var(--s2-accent); }

#boitier-ethanol .ethanol-col li { border-bottom: 1px solid rgba(245, 245, 245, 0.08); }

#boitier-ethanol .ethanol-col li:last-child { border-bottom: none; }

#boitier-ethanol .ethanol-steps { border-top: 1px solid rgba(229, 57, 53, 0.3); border-bottom: 1px solid rgba(229, 57, 53, 0.3); }

#boitier-ethanol .ethanol-step { border-right: 1px solid rgba(245, 245, 245, 0.08); }

#boitier-ethanol .ethanol-step:last-child { border-right: none; }

#boitier-ethanol .ethanol-step-num { font-family: 'Barlow Condensed', sans-serif; color: var(--s2-accent); line-height: 1; }

#boitier-ethanol .ethanol-step-text { color: var(--s2-text-muted); }

@media (max-width: 768px) { #boitier-ethanol .ethanol-stat-value { font-size: 4.5rem; } }

/************************* FONCTIONS CACHEES *************************/
#fonctions-cachees .fc-brand { border-top: 1px solid rgba(245, 245, 245, 0.15); border-bottom: 1px solid rgba(245, 245, 245, 0.15); transition: background 0.3s ease, border-color 0.3s ease; }

#fonctions-cachees .fc-brand:hover { background: rgba(245, 245, 245, 0.03); border-color: rgba(229, 57, 53, 0.25); }

#fonctions-cachees .fc-brand-title { font-family: 'Barlow Condensed', sans-serif; color: var(--s2-accent); }

#fonctions-cachees .fc-brand li { border-bottom: 1px solid rgba(245, 245, 245, 0.08); color: var(--s2-text-muted); }

#fonctions-cachees .fc-brand li:last-child { border-bottom: none; }

#fonctions-cachees .fc-reversibility { border-top: 1px solid rgba(229, 57, 53, 0.35); border-bottom: 1px solid rgba(229, 57, 53, 0.35); background: rgba(229, 57, 53, 0.06); }

#fonctions-cachees .fc-reversibility i { color: var(--s2-accent); }

/************************* OPTIMISATION CHASSIS *************************/
#optimisation-chassis .chassis-item { border-bottom: 1px solid rgba(245, 245, 245, 0.08); transition: background 0.3s ease, border-color 0.3s ease; }

#optimisation-chassis .chassis-item:hover { background: rgba(245, 245, 245, 0.03); border-color: rgba(229, 57, 53, 0.2); }

#optimisation-chassis .chassis-item i { color: var(--s2-accent); }

#optimisation-chassis .chassis-usage { border-top: 1px solid rgba(229, 57, 53, 0.3); border-bottom: 1px solid rgba(229, 57, 53, 0.3); }

#optimisation-chassis .chassis-usage-title { font-family: 'Barlow Condensed', sans-serif; color: var(--s2-accent); }

#optimisation-chassis .chassis-usage-card { border-left: 2px solid rgba(245, 245, 245, 0.12); transition: border-color 0.3s ease, background 0.3s ease; }

#optimisation-chassis .chassis-usage-card:hover { border-left-color: var(--s2-accent); background: rgba(245, 245, 245, 0.03); }

#optimisation-chassis .chassis-usage-card-title { font-family: 'Barlow Condensed', sans-serif; color: var(--s2-text); }

/************************* ENTRETIEN REPARATION *************************/
#entretien-reparation .entretien-item { border-bottom: 1px solid rgba(245, 245, 245, 0.08); transition: background 0.3s ease; }

#entretien-reparation .entretien-item:hover { background: rgba(245, 245, 245, 0.03); }

#entretien-reparation .entretien-item i { color: var(--s2-accent); }

#entretien-reparation .entretien-category { font-family: 'Barlow Condensed', sans-serif; color: var(--s2-accent); }

#entretien-reparation .entretien-reassurance { border-top: 1px solid rgba(229, 57, 53, 0.35); border-bottom: 1px solid rgba(229, 57, 53, 0.35); background: rgba(229, 57, 53, 0.06); }

#entretien-reparation .entretien-reassurance i { color: var(--s2-accent); }

#entretien-reparation .entretien-note { border-left: 2px solid rgba(245, 245, 245, 0.15); color: var(--s2-text-muted); }

/************************* VIDANGE BOITE AUTO *************************/
#vidange-boite-auto .vba-stat { border-left: 3px solid var(--s2-accent); }

#vidange-boite-auto .vba-stat-value { font-family: 'Barlow Condensed', sans-serif; color: var(--s2-accent); line-height: 1; }

#vidange-boite-auto .vba-reason { border-bottom: 1px solid rgba(245, 245, 245, 0.08); transition: background 0.3s ease; }

#vidange-boite-auto .vba-reason:hover { background: rgba(245, 245, 245, 0.03); }

#vidange-boite-auto .vba-reason i { color: var(--s2-accent); }

#vidange-boite-auto .vba-boite { border-bottom: 1px solid rgba(245, 245, 245, 0.08); transition: background 0.3s ease, border-color 0.3s ease; }

#vidange-boite-auto .vba-boite:hover { background: rgba(245, 245, 245, 0.03); border-color: rgba(229, 57, 53, 0.2); }

#vidange-boite-auto .vba-boite-label { font-family: 'Barlow Condensed', sans-serif; color: var(--s2-accent); }

#vidange-boite-auto .vba-step-num { font-family: 'Barlow Condensed', sans-serif; color: var(--s2-accent); line-height: 1; }

#vidange-boite-auto .vba-steps { border-top: 1px solid rgba(229, 57, 53, 0.3); border-bottom: 1px solid rgba(229, 57, 53, 0.3); }

/************************* EMBRAYAGE *************************/
#embrayage .embrayage-symptom { border-bottom: 1px solid rgba(245, 245, 245, 0.08); transition: background 0.3s ease; }

#embrayage .embrayage-symptom:hover { background: rgba(245, 245, 245, 0.03); }

#embrayage .embrayage-symptom i { color: var(--s2-accent); }

#embrayage .embrayage-warning { border-top: 1px solid rgba(229, 57, 53, 0.35); border-bottom: 1px solid rgba(229, 57, 53, 0.35); background: rgba(229, 57, 53, 0.06); }

#embrayage .embrayage-warning i { color: var(--s2-accent); }

#embrayage .embrayage-piece { border-left: 2px solid rgba(245, 245, 245, 0.12); transition: border-color 0.3s ease, background 0.3s ease; }

#embrayage .embrayage-piece:hover { border-left-color: var(--s2-accent); background: rgba(245, 245, 245, 0.03); }

#embrayage .embrayage-piece-title { font-family: 'Barlow Condensed', sans-serif; color: var(--s2-text); }

#embrayage .embrayage-note { border-left: 2px solid rgba(245, 245, 245, 0.15); color: var(--s2-text-muted); }

/************************* STOCK FACEBOOK *************************/
#stock-facebook .fb-cta { border-top: 1px solid rgba(229, 57, 53, 0.35); border-bottom: 1px solid rgba(229, 57, 53, 0.35); background: rgba(229, 57, 53, 0.06); transition: background 0.3s ease; padding: 1.5rem 3rem; clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%); }

#stock-facebook .fb-cta:hover { background: rgba(229, 57, 53, 0.5); }

#stock-facebook .fb-cta:hover .tw-text-m.tw-opacity-50 { opacity: 1; transition: all 0.3s ease; }

#stock-facebook .fb-cta:hover i.bi { color: var(--s2-text); }

#stock-facebook .fb-cta i { color: var(--s2-accent); transition: all 0.3s ease; }

#stock-facebook .fb-page-name { font-family: 'Barlow Condensed', sans-serif; color: var(--s2-text); }

/************************* REPRISE *************************/
#reprise .reprise-step { border-bottom: 1px solid rgba(245, 245, 245, 0.08); }

#reprise .reprise-step-num { font-family: 'Barlow Condensed', sans-serif; color: var(--s2-accent); line-height: 1; }

#reprise .reprise-reassurance { border-top: 1px solid rgba(229, 57, 53, 0.35); border-bottom: 1px solid rgba(229, 57, 53, 0.35); background: rgba(229, 57, 53, 0.06); }

#reprise .reprise-reassurance i { color: var(--s2-accent); }

/************************* FINANCEMENT *************************/
#financement .financement-item { border-left: 2px solid rgba(245, 245, 245, 0.12); transition: border-color 0.3s ease, background 0.3s ease; }

#financement .financement-item:hover { border-left-color: var(--s2-accent); background: rgba(245, 245, 245, 0.03); }

#financement .financement-item-title { font-family: 'Barlow Condensed', sans-serif; color: var(--s2-accent); }

#financement .financement-note { border-left: 2px solid rgba(245, 245, 245, 0.15); color: var(--s2-text-muted); }

/*# sourceMappingURL=custom.css.map */