@charset "UTF-8";
@import url(main.css);
a:visited { color: #f5f5f5 !important; }

a.hero-gtauto__btn.hero-gtauto__btn--secondary:visited { color: #f5f5f5 !important; }

li.dropdown.px-4 { display: none !important; }

a.p-3.fw-bold.fs-6.m-2.phone-number-button.text-decoration-none { background: #ef8134; border-radius: 50px; }

/*=============== CUSTOM BLOC REALISATIONS ====================*/
.background-image-div-opacity { background-attachment: scroll; }

form#formContact { border-radius: 0px !important; }

/*=============== CUSTOM FORMULAIRE DE CONTACT ====================*/
div#contact { padding: 70px 0 !important; }

/*=============== CUSTOM FOOTER ====================*/
h5.mb-3, h5.mb-4 { font-size: 1.5rem; }

/*=============== CUSTOM BLOC AVIS GOOGLE ====================*/
.card.p-2.rounded-3.shadow-lg.px-4.border-0.d-flex.justify-content-lg-between { background-color: #f5f5f5; margin-bottom: 70px; border-radius: 0px !important; }

.card.rounded-3.shadow-lg.mx-4.mb-4 { background-color: #f5f5f5; border-radius: 0px !important; }

/*=============== CUSTOM BLOC SEO ====================*/
.mx-auto.third-activity-div.col-lg-11.px-4.py-4.mb-4.mt-5.bg-primaryColor.text-color-primary.rounded-3.shadow-lg.position-relative, .mx-auto.second-activity-div.col-lg-11.px-4.py-4.mb-5.mt-5.rounded-3.shadow-lg.bg-primaryColor.text-color-primary.position-relative, .mx-auto.first-activity-div.col-lg-11.px-4.py-4.mb-5.mt-5.bg-primaryColor.text-color-primary.rounded-3.shadow-lg.position-relative { margin-top: 100px !important; margin-bottom: 100px !important; border-radius: 0px !important; padding: 70px 50px !important; }

.mx-auto.third-activity-div.col-lg-11.px-4.py-4.mb-4.mt-5.bg-primaryColor.text-color-primary.rounded-3.shadow-lg.position-relative, .mx-auto.first-activity-div.col-lg-11.px-4.py-4.mb-5.mt-5.bg-primaryColor.text-color-primary.rounded-3.shadow-lg.position-relative { clip-path: polygon(0 0, 100% 0, 100% 100%, 18% 100%, 0 88%); }

.mx-auto.second-activity-div.col-lg-11.px-4.py-4.mb-5.mt-5.rounded-3.shadow-lg.bg-primaryColor.text-color-primary.position-relative { clip-path: polygon(0 0, 100% 0, 100% 88%, 82% 100%, 0 100%); }

.card.card-cover.h-100.overflow-hidden.rounded-4.shadow-lg { border-radius: 0px !important; }

/*=============== CUSTOM NAVBAR ====================*/
.spacer { display: none; }

a.fw-light.grow.button_header.text-color-fourth.rounded-pill.p-2.text-decoration-none.all-activities-button, a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.p-2.rounded-pill.text-decoration-none.button-header-telephone { padding: 12px 20px !important; }

.navbar { transition: all 0.3s ease; }

.navbar.scrolled { background-color: rgba(2, 1, 1, 0.5) !important; backdrop-filter: blur(1rem); }

/* 📱 Responsive : navbar TOUJOURS visible */
@media (max-width: 991px) { .navbar { background-color: rgba(2, 1, 1, 0.5) !important; backdrop-filter: blur(1rem); } }

.animated-border-button:after { background-color: #ef8134; }

.navbar-brand { height: 10vh !important; width: 11vw !important; }

.logo_nav { height: 9vh !important; }

.fs-6.animated-border-button.obftrucs { font-family: 'Bebas Neue'; font-size: 1.3rem !important; letter-spacing: 0.02rem; }

/*============== CUSTOM BLOC COOKIES ================*/
div#termsfeed-com---nb { border-radius: 0px !important; margin: 10px; }

/*===================================================================== HERO D'ACCUEIL ========================================================================*/
.hero-gtauto { position: relative; width: 100%; min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; background-color: #020101; }

/* ── Vidéo fond ── */
.hero-gtauto__video-wrap { position: absolute; inset: 0; z-index: 0; }

.hero-gtauto__video { width: 100%; height: 100%; object-fit: cover; opacity: 0.45; }

/* ── Overlay dégradé ── */
.hero-gtauto__overlay { position: absolute; inset: 0; z-index: 1; background: linear-gradient(135deg, rgba(111, 18, 16, 0.15) 0%, rgba(2, 1, 1, 0.2) 45%, rgba(2, 1, 1, 0.25) 100%); }

/* ── Ligne déco latérale gauche ── */
.hero-gtauto__deco-line { position: absolute; left: 5%; top: 50%; transform: translateY(-50%); width: 3px; height: 220px; background: linear-gradient(180deg, transparent, #ef8134, #fecb6f, transparent); z-index: 2; opacity: 0; animation: hero-gtauto-fade-in 0.8s ease 0.4s forwards; }

/* ── Contenu central ── */
.hero-gtauto__content { position: relative; z-index: 3; text-align: center; padding: 0 1.5rem; max-width: 1200px; }

.hero-gtauto__eyebrow { font-family: 'Poppins', sans-serif; font-size: 0.8rem; font-weight: 500; letter-spacing: 0.25em; text-transform: uppercase; color: #fecb6f; margin-bottom: 2rem; opacity: 0; animation: hero-gtauto-slide-down 0.6s ease 0.35s forwards; }

.hero-gtauto__title { font-family: 'Bebas Neue', sans-serif; font-size: clamp(3.8rem, 9vw, 8.5rem); line-height: 0.93; letter-spacing: 0.02em; color: #f5f5f5; margin: 0 0 0.3rem 0; opacity: 0; animation: hero-gtauto-slide-up 0.75s cubic-bezier(0.16, 1, 0.3, 1) 0.5s forwards; }

.hero-gtauto__title span { color: #ef8134; display: block; }

.hero-gtauto__subtitle { font-family: 'Poppins', sans-serif; font-size: clamp(0.85rem, 1.5vw, 1rem); font-weight: 300; color: rgba(245, 245, 245, 0.75); line-height: 1.7; max-width: 560px; margin: 1.6rem auto 2.8rem; opacity: 0; animation: hero-gtauto-fade-in 0.8s ease 0.85s forwards; }

/* ── CTA boutons ── */
.hero-gtauto__ctas { display: flex; gap: 1.1rem; justify-content: center; flex-wrap: wrap; opacity: 0; animation: hero-gtauto-slide-up 0.7s ease 1.05s forwards; }

a.fw-light.grow.button_header.text-color-fourth.rounded-pill.p-2.text-decoration-none.all-activities-button, button.w-100.btn.btn-outline-dark, a#maps-url, a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.p-2.rounded-pill.text-decoration-none.button-header-telephone, .hero-gtauto__btn { font-family: 'Poppins', sans-serif; font-size: 0.78rem; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; text-decoration: none; display: inline-flex; align-items: center; gap: 0.55rem; padding: 1rem 2rem; border-radius: 3rem; cursor: pointer; transition: transform 0.2s, box-shadow 0.2s, background 0.2s; border: none; }

a.fw-light.grow.button_header.text-color-fourth.rounded-pill.p-2.text-decoration-none.all-activities-button, button.w-100.btn.btn-outline-dark, a#maps-url, a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.p-2.rounded-pill.text-decoration-none.button-header-telephone, .hero-gtauto__btn--primary { background: linear-gradient(135deg, #ef8134, #fecb6f); color: #020101; box-shadow: 0 4px 24px rgba(239, 129, 52, 0.45); }

a.fw-light.grow.button_header.text-color-fourth.rounded-pill.p-2.text-decoration-none.all-activities-button:hover, button.w-100.btn.btn-outline-dark:hover, a#maps-url:hover, a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.p-2.rounded-pill.text-decoration-none.button-header-telephone:hover, .hero-gtauto__btn--primary:hover { transform: translateY(-2px); box-shadow: 0 8px 32px rgba(239, 129, 52, 0.65); }

.hero-gtauto__btn--secondary { background: transparent; color: #f5f5f5; border: 1.5px solid rgba(245, 245, 245, 0.55); }

.hero-gtauto__btn--secondary:hover { background: rgba(245, 245, 245, 0.08); border-color: #f5f5f5; transform: translateY(-2px); color: #f5f5f5; }

.hero-gtauto__btn-icon { width: 16px; height: 16px; flex-shrink: 0; }

/* ── Indicateur scroll (flèche Lottie) ── */
.hero-gtauto__scroll { position: absolute; bottom: 2.5rem; left: 50%; transform: translateX(-50%); z-index: 3; display: flex; flex-direction: column; align-items: center; gap: 0.4rem; opacity: 0; animation: hero-gtauto-fade-in 1s ease 1.4s forwards; cursor: pointer; }

.hero-gtauto__scroll-label { font-family: 'Poppins', sans-serif; font-size: 0.62rem; letter-spacing: 0.22em; text-transform: uppercase; color: rgba(245, 245, 245, 0.45); }

.hero-gtauto__scroll-lottie { width: 44px; height: 44px; }

/* ── Animations ── */
@keyframes hero-gtauto-fade-in { from { opacity: 0; }
  to { opacity: 1; } }

@keyframes hero-gtauto-slide-up { from { opacity: 0;
    transform: translateY(32px); }
  to { opacity: 1;
    transform: translateY(0); } }

@keyframes hero-gtauto-slide-down { from { opacity: 0;
    transform: translateY(-18px); }
  to { opacity: 1;
    transform: translateY(0); } }

/* ── Responsive ── */
@media (max-width: 768px) { .hero-gtauto__deco-line { display: none; } }

/*========================================================================= LES SERVICES =========================================================================*/
.services-gtauto { --srv-black:  #020101; --srv-light:  #f5f5f5; --srv-red:    #6f1210; --srv-orange: #ef8134; --srv-gold:   #fecb6f; }

/* ── Section ── */
.services-gtauto { width: 100%; background-color: var(--srv-black); padding: 20px 16px; box-sizing: border-box; }

/* ── Grille ── */
.services-gtauto__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; width: 100%; margin: 0; align-items: stretch; }

/* ── Carte ── */
.services-gtauto__card { position: relative; display: flex; flex-direction: column; overflow: hidden; border-radius: 0; cursor: pointer; aspect-ratio: 3 / 4; text-decoration: none; min-width: 0; }

/* Image de fond */
.services-gtauto__card-bg { position: absolute; inset: 0; background-size: cover; background-position: center; transition: transform 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.services-gtauto__card:hover .services-gtauto__card-bg { transform: scale(1.07); }

/* Overlay */
.services-gtauto__card-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(2, 1, 1, 0.3) 0%, rgba(2, 1, 1, 0.55) 40%, rgba(239, 129, 52, 0.85) 100%); transition: background 0.35s ease; }

.services-gtauto__card:hover .services-gtauto__card-overlay { background: linear-gradient(180deg, rgba(2, 1, 1, 0.4) 0%, rgba(2, 1, 1, 0.65) 40%, rgba(239, 129, 52, 0.95) 100%); }

/* Contenu */
.services-gtauto__card-content { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: space-between; height: 100%; padding: 1.4rem 1.2rem 1.6rem; box-sizing: border-box; }

.services-gtauto__card-bottom { display: flex; flex-direction: column; gap: 1rem; margin-top: auto; }

.services-gtauto__card-top { display: flex; flex-direction: column; gap: 1rem; }

.services-gtauto__card-icon { width: 38px; height: 38px; flex-shrink: 0; margin-bottom: 2rem; }

.services-gtauto__card-icon svg { width: 100%; height: 100%; }

.services-gtauto__card-title { font-family: 'Bebas Neue', sans-serif; font-size: 2rem; line-height: 1.15; letter-spacing: 0.04em; color: var(--srv-light); min-height: 3.2em; display: flex; align-items: flex-start; word-break: break-word; }

.services-gtauto__card-line { width: 28px; height: 2px; background: var(--srv-orange); flex-shrink: 0; }

.services-gtauto__card-bottom { display: flex; flex-direction: column; gap: 1rem; }

.services-gtauto__card-desc { font-family: 'Poppins', sans-serif; font-size: 0.90rem; font-weight: 300; line-height: 1.6; color: rgba(245, 245, 245, 0.78); max-height: 0; overflow: hidden; opacity: 0; transition: max-height 0.4s ease, opacity 0.35s ease; }

.services-gtauto__card:hover .services-gtauto__card-desc { max-height: 120px; opacity: 1; }

/* Bouton */
.services-gtauto__card-btn { display: inline-flex; align-items: center; justify-content: center; font-family: 'Poppins', sans-serif; font-size: 0.63rem; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: var(--srv-light); border: 1.5px solid rgba(245, 245, 245, 0.6); border-radius: 3rem; padding: 0.6rem 1.1rem; transition: background 0.25s, border-color 0.25s, color 0.25s; text-decoration: none; align-self: flex-start; white-space: nowrap; }

.services-gtauto__card:hover .services-gtauto__card-btn { background: transparent; border-color: var(--srv-black); color: var(--srv-black); }

/* Placeholder */
.services-gtauto__card--1 .services-gtauto__card-bg { background-color: #1c1c1c; }

.services-gtauto__card--2 .services-gtauto__card-bg { background-color: #181515; }

.services-gtauto__card--3 .services-gtauto__card-bg { background-color: #1a1212; }

.services-gtauto__card--4 .services-gtauto__card-bg { background-color: #141414; }

.services-gtauto__card--5 .services-gtauto__card-bg { background-color: #1b1710; }

/* ── Responsive ── */
@media (max-width: 1666px) { .services-gtauto__card { aspect-ratio: auto; min-height: 420px; } .services-gtauto__card-content { padding: 1.2rem 1rem 1.3rem; } .services-gtauto__card-title { font-size: 1.6rem; min-height: auto; } .services-gtauto__card-desc { max-height: 90px; } .services-gtauto__card:hover .services-gtauto__card-desc { max-height: 90px; } }

@media (max-width: 1200px) { .services-gtauto__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .services-gtauto__card-title { font-size: 1.7rem; min-height: 3em; } .services-gtauto__card-content { padding: 1.2rem 1rem 1.3rem; } }

@media (max-width: 768px) { .services-gtauto { padding: 16px 12px; } .services-gtauto__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .services-gtauto__card { aspect-ratio: auto; min-height: 380px; } .services-gtauto__card-desc { max-height: none; opacity: 1; overflow: visible; } .services-gtauto__card-btn { width: 100%; justify-content: center; } .services-gtauto__card-icon { width: 32px; height: 32px; margin-bottom: 1.2rem; } .services-gtauto__card-title { font-size: 1.45rem; min-height: auto; } .services-gtauto__card-desc { max-height: none; opacity: 1; overflow: visible; } .services-gtauto__card-btn { font-size: 0.7rem; padding: 0.65rem 1rem; } /* hover moins important sur tablette/mobile */ .services-gtauto__card:hover .services-gtauto__card-bg { transform: none; } }

@media (max-width: 560px) { .services-gtauto__grid { grid-template-columns: 1fr; } .services-gtauto__card { aspect-ratio: auto; min-height: 380px; } .services-gtauto__card-content { padding: 1.2rem 1rem 1.2rem; } .services-gtauto__card-top, .services-gtauto__card-bottom { gap: 0.8rem; } .services-gtauto__card-title { font-size: 1.35rem; line-height: 1.1; } .services-gtauto__card-desc { font-size: 0.88rem; line-height: 1.5; } .services-gtauto__card-btn { width: 100%; justify-content: center; } }

@media (max-width: 380px) { .services-gtauto { padding: 14px 10px; } .services-gtauto__card { min-height: 340px; } .services-gtauto__card-title { font-size: 1.2rem; } .services-gtauto__card-desc { font-size: 0.82rem; } .services-gtauto__card-btn { font-size: 0.65rem; letter-spacing: 0.12em; padding: 0.6rem 0.85rem; } }

/*========================================================================= PRESENTATION =======================================================================*/
.about-gtauto { --about-black:   #020101; --about-light:   #f5f5f5; --about-red:     #6f1210; --about-orange:  #ef8134; --about-gold:    #fecb6f; }

/* ── Section wrapper ── */
.about-gtauto { position: relative; width: 100%; background-color: var(--about-black); overflow: hidden; padding: clamp(5rem, 10vw, 9rem) 0; }

/* ── Grille principale ── */
.about-gtauto__grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1fr; align-items: center; max-width: 1280px; margin: 0 auto; padding: 0 clamp(1.5rem, 5vw, 2rem); gap: 0; }

/* ════════════════════════ COLONNE GAUCHE — Texte ════════════════════════ */
.about-gtauto__text-col { padding-right: clamp(2rem, 5vw, 6rem); }

.about-gtauto__label { display: inline-flex; align-items: center; gap: 0.6rem; font-family: 'Poppins', sans-serif; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.25em; text-transform: uppercase; color: var(--about-gold); margin-bottom: 1.4rem; }

.about-gtauto__label::before { content: ''; display: block; width: 28px; height: 2px; background: var(--about-gold); flex-shrink: 0; }

.about-gtauto__title { font-family: 'Bebas Neue', sans-serif; font-size: clamp(2rem, 3.5vw, 4rem); line-height: 0.95; letter-spacing: 0.02em; color: #f5f5f5; margin: 0 0 2rem 0; text-transform: uppercase; }

.about-gtauto__title em { font-style: normal; color: #ef8134; display: block; }

.about-gtauto__body { font-family: 'Poppins', sans-serif; font-size: clamp(0.88rem, 1.2vw, 0.97rem); font-weight: 300; line-height: 1.85; color: #f5f5f5; max-width: 460px; margin-bottom: 1.6rem; }

.about-gtauto__body + .about-gtauto__body { margin-top: -0.8rem; }

/* Séparateur trait */
.about-gtauto__divider { width: 48px; height: 3px; background: linear-gradient(90deg, var(--about-orange), var(--about-gold)); margin: 2rem 0; border: none; }

/* Engagements */
.about-gtauto__engagements { display: flex; flex-direction: column; gap: 0.75rem; margin-bottom: 2.8rem; }

.about-gtauto__engagement { display: flex; align-items: flex-start; gap: 0.85rem; font-family: 'Poppins', sans-serif; font-size: 0.82rem; font-weight: 400; color: #f5f5f5; line-height: 1.5; }

.about-gtauto__engagement-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--about-orange); flex-shrink: 0; margin-top: 0.35rem; }

/* ════════════════════════ COLONNE DROITE — Photo ════════════════════════ */
.about-gtauto__photo-col { position: relative; display: flex; justify-content: flex-start; align-items: center; padding-left: clamp(2rem, 4vw, 5rem); }

/* Cadre photo principal */
.about-gtauto__photo-frame { position: relative; width: 100%; max-width: 480px; }

/* Image découpée avec clip-path asymétrique */
.about-gtauto__photo { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; display: block; clip-path: polygon(0 0, 100% 0, 100% 88%, 82% 100%, 0 100%); filter: grayscale(15%) contrast(1.05); transition: filter 0.4s ease; }

.about-gtauto__photo:hover { filter: grayscale(0%) contrast(1.08); }

/* Placeholder si pas de photo */
.about-gtauto__photo-placeholder { width: 100%; aspect-ratio: 4 / 5; background: linear-gradient(160deg, #1a1a1a 0%, #2e2e2e 60%, #3a1a18 100%); clip-path: polygon(0 0, 100% 0, 100% 88%, 82% 100%, 0 100%); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.8rem; }

.about-gtauto__photo-placeholder svg { width: 52px; height: 52px; opacity: 0.35; }

.about-gtauto__photo-placeholder span { font-family: 'Poppins', sans-serif; font-size: 0.7rem; letter-spacing: 0.18em; text-transform: uppercase; color: rgba(245, 245, 245, 0.3); }

/* Motif déco points en fond photo */
.about-gtauto__dots { position: absolute; top: -2rem; right: -2rem; width: 120px; height: 120px; background-image: radial-gradient(circle, rgba(239, 129, 52, 0.25) 1.5px, transparent 1.5px); background-size: 14px 14px; z-index: 0; pointer-events: none; }

/* ── Responsive ── */
@media (max-width: 900px) { .about-gtauto__grid { grid-template-columns: 1fr; gap: 4rem; } .about-gtauto__text-col { padding-right: 0; } .about-gtauto__photo-col { padding-left: 0; justify-content: center; } .about-gtauto__photo-badge { left: 0; } }

/*======================================================================= TYPES DE VEHICULE =======================================================================*/
.vehicles-gtauto { position: relative; width: 100%; background-color: #f5f5f5; padding: clamp(4rem, 8vw, 7rem) clamp(1.5rem, 5vw, 5rem); box-sizing: border-box; overflow: hidden; }

/* ── En-tête ── */
.vehicles-gtauto__header { position: relative; z-index: 1; text-align: center; max-width: 900px; margin: 0 auto clamp(3rem, 6vw, 5rem); }

.vehicles-gtauto__title { font-family: 'Bebas Neue', sans-serif; font-size: clamp(2.4rem, 4.5vw, 4rem); line-height: 1.05; letter-spacing: 0.02em; color: #020101; text-transform: uppercase; }

.vehicles-gtauto__title span { color: #ef8134; }

/* ── Grille 3 cartes ── */
.vehicles-gtauto__grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; max-width: 1200px; margin: 0 auto; }

/* ── Carte ── */
.vehicles-gtauto__card { background: #ffffff; border: 1px solid rgba(2, 1, 1, 0.08); padding: 2.4rem 2rem 2rem; display: flex; clip-path: polygon(0 0, 100% 0, 100% 88%, 82% 100%, 0 100%); flex-direction: column; gap: 0; position: relative; }

/* Icône */
.vehicles-gtauto__card-icon { width: 64px; height: 64px; margin-bottom: 1.8rem; flex-shrink: 0; }

.vehicles-gtauto__card-icon svg { width: 100%; height: 100%; }

/* Titre */
.vehicles-gtauto__card-title { font-family: 'Bebas Neue', sans-serif; font-size: 2rem; font-weight: 500 !important; letter-spacing: 0.01em; color: #020101; margin-bottom: 1rem; text-transform: uppercase; }

/* Séparateur */
.vehicles-gtauto__card-sep { width: 0; height: 0; margin-bottom: 1.2rem; }

/* Description */
.vehicles-gtauto__card-desc { font-family: 'Poppins', sans-serif; font-size: 0.90rem; font-weight: 300; line-height: 1.75; color: rgba(2, 1, 1, 0.62); flex: 1; margin-bottom: 0; }

/* ── Responsive ── */
@media (max-width: 768px) { .vehicles-gtauto__grid { grid-template-columns: 1fr; max-width: 480px; } }

/*======================================================================= GALERIE D'IMAGES =====================================================================*/
.msbr-gallery { position: relative; background: #020101; font-family: 'Lato', sans-serif; padding: 60px 0; overflow: hidden; }

/* ── Carrousel ── */
.msbr-gallery__track-wrap { overflow: hidden; width: 100%; /* Fondu sur les bords */ mask-image: linear-gradient(to right, transparent 0%, black 6%, black 94%, transparent 100%); -webkit-mask-image: linear-gradient(to right, transparent 0%, black 6%, black 94%, transparent 100%); }

.msbr-gallery__track { display: flex; gap: 16px; width: max-content; animation: galleryScroll 50s linear infinite; }

@keyframes galleryScroll { 0% { transform: translateX(0); }
  100% { transform: translateX(-50%); } }

/* ── Image ── */
.msbr-gallery__item { flex-shrink: 0; border-radius: 0; overflow: hidden; }

.msbr-gallery__item img { display: block; height: 380px; width: auto; object-fit: cover; }

/* Scroll reveal */
.msbr-gallery__track-wrap { opacity: 0; transform: translateY(24px); transition: opacity 0.7s ease, transform 0.7s ease; }

.msbr-gallery--visible .msbr-gallery__track-wrap { opacity: 1; transform: translateY(0); }

/*==================================================================== EN TETE : PAGES SECONDAIRES =================================================================*/
.page-header-gtauto { position: relative; width: 100%; min-height: 70vh; display: flex; align-items: flex-end; overflow: hidden; background-color: #020101; }

/* ── Photo de fond ── */
.page-header-gtauto__bg { position: absolute; inset: 0; background-size: cover; background-position: center; /* Remplacez par votre photo : background-image: url('votre-photo.jpg'); */ background-color: #1a1a1a; opacity: 0.55; transition: opacity 0.6s ease; }

/* ── Overlay dégradé bas → haut ── */
.page-header-gtauto__overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(2, 1, 1, 0.95) 0%, rgba(2, 1, 1, 0.65) 40%, rgba(2, 1, 1, 0.2) 100%); z-index: 1; }

/* ── Ligne déco verticale gauche ── */
.page-header-gtauto__deco { position: absolute; left: clamp(1.5rem, 5vw, 5rem); top: 0; bottom: 0; width: 2px; background: linear-gradient(180deg, transparent 0%, #ef8134 40%, #fecb6f 70%, transparent 100%); z-index: 2; opacity: 0.6; }

/* ── Contenu ── */
.page-header-gtauto__content { position: relative; z-index: 3; width: 100%; max-width: 1280px; margin: 0 auto; padding: clamp(2rem, 5vw, 4rem) clamp(1.5rem, 5vw, 5rem) clamp(3rem, 6vw, 5rem); display: flex; flex-direction: column; gap: 0; }

/* ── Responsive ── */
.page-header-gtauto__label { display: inline-flex; align-items: center; gap: 0.6rem; font-family: 'Poppins', sans-serif; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.25em; text-transform: uppercase; color: #fecb6f; margin-bottom: 1rem; }

.page-header-gtauto__label::before { content: ''; display: block; width: 24px; height: 2px; background: #fecb6f; flex-shrink: 0; }

/* Titre */
.page-header-gtauto__title { font-family: 'Bebas Neue', sans-serif; font-size: clamp(2.8rem, 6vw, 6rem); line-height: 0.95; letter-spacing: 0.02em; color: #f5f5f5; margin: 0 0 1.6rem 0; text-transform: uppercase; }

.page-header-gtauto__title span { color: #ef8134; display: block; }

/* Sous-titre */
.page-header-gtauto__subtitle { font-family: 'Poppins', sans-serif; font-size: clamp(0.85rem, 1.3vw, 0.97rem); font-weight: 300; line-height: 1.75; color: rgba(245, 245, 245, 0.7); max-width: 560px; margin-bottom: 2.4rem; }

/* Rangée CTA + stats */
.page-header-gtauto__footer { display: flex; align-items: center; gap: 2rem; flex-wrap: wrap; }

/* Bouton CTA */
.page-header-gtauto__btn { display: inline-flex; align-items: center; gap: 0.6rem; font-family: 'Poppins', sans-serif; font-size: 0.76rem; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; text-decoration: none; color: #020101; background: linear-gradient(135deg, #ef8134, #fecb6f); padding: 1rem 2rem; border-radius: 3rem; box-shadow: 0 4px 20px rgba(239, 129, 52, 0.4); transition: transform 0.2s, box-shadow 0.2s; }

.page-header-gtauto__btn:hover { transform: translateY(-2px); box-shadow: 0 8px 30px rgba(239, 129, 52, 0.6); }

.page-header-gtauto__btn svg { width: 15px; height: 15px; flex-shrink: 0; }

/* ── Responsive ── */
@media (max-width: 600px) { .page-header-gtauto__footer { flex-direction: column; align-items: flex-start; } }

@media (max-width: 820px) { .page-header-gtauto__deco { display: none; } }

/*====================================================================== INTRODUCTION DU SERVICE ==================================================================*/
.intro-service-gtauto { width: 100%; background-color: #f5f5f5; padding: clamp(4rem, 8vw, 10rem) clamp(1.5rem, 5vw, 5rem); box-sizing: border-box; }

/* ── Grille texte + image ── */
.intro-service-gtauto__grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(3rem, 6vw, 7rem); max-width: 1200px; margin: 0 auto; }

/* ════════════════ COLONNE TEXTE ════════════════ */
.intro-service-gtauto__text { display: flex; flex-direction: column; gap: 0; }

.intro-service-gtauto__label { display: inline-flex; align-items: center; gap: 0.6rem; font-family: 'Poppins', sans-serif; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.25em; text-transform: uppercase; color: #ef8134; margin-bottom: 1.2rem; }

.intro-service-gtauto__label::before { content: ''; display: block; width: 24px; height: 2px; background: #ef8134; flex-shrink: 0; }

.intro-service-gtauto__title { font-family: 'Bebas Neue', sans-serif; font-size: clamp(2rem, 3.5vw, 4rem); line-height: 1; letter-spacing: 0.02em; color: #020101; margin: 0 0 2rem 0; text-transform: uppercase; }

.intro-service-gtauto__title span { color: #ef8134; display: block; }

.intro-service-gtauto__body { font-family: 'Poppins', sans-serif; font-size: clamp(0.88rem, 1.2vw, 0.97rem); font-weight: 300; line-height: 1.9; color: rgba(2, 1, 1, 0.68); margin: 0 0 1.4rem 0; }

/* ════════════════ COLONNE IMAGE ════════════════ */
.intro-service-gtauto__image-wrap { position: relative; }

.intro-service-gtauto__image { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; display: block; clip-path: polygon(0 0, 100% 0, 100% 88%, 82% 100%, 0 100%); }

/* Placeholder si pas encore de photo */
.intro-service-gtauto__image-placeholder { width: 100%; aspect-ratio: 16 / 10; background: linear-gradient(160deg, #1a1a1a 0%, #2a2a2a 60%, #3a1a18 100%); clip-path: polygon(0 0, 100% 0, 100% 88%, 82% 100%, 0 100%); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.8rem; }

.intro-service-gtauto__image-placeholder svg { width: 48px; height: 48px; opacity: 0.3; }

.intro-service-gtauto__image-placeholder span { font-family: 'Poppins', sans-serif; font-size: 0.68rem; letter-spacing: 0.18em; text-transform: uppercase; color: rgba(245, 245, 245, 0.28); }

/* Trait déco en bas à droite de l'image */
.intro-service-gtauto__image-wrap::after { content: ''; position: absolute; bottom: -1.5rem; right: 0; width: 60%; height: 3px; background: linear-gradient(90deg, transparent, #ef8134, #fecb6f); }

/* ── Responsive ── */
@media (max-width: 860px) { .intro-service-gtauto__grid { grid-template-columns: 1fr; } .intro-service-gtauto__image-wrap { max-width: 480px; margin: 0 auto; width: 100%; } }

/*==================================================================== PRESTATIONS DES SERVICES ====================================================================*/
.prestations-gtauto { width: 100%; background-color: #020101; padding: clamp(4rem, 8vw, 7rem) clamp(1.5rem, 5vw, 5rem); box-sizing: border-box; }

/* ── En-tête ── */
.prestations-gtauto__header { text-align: center; margin-bottom: clamp(3rem, 6vw, 5rem); }

.prestations-gtauto__label { display: inline-flex; align-items: center; gap: 0.6rem; font-family: 'Poppins', sans-serif; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.25em; text-transform: uppercase; color: #fecb6f; margin-bottom: 1rem; }

.prestations-gtauto__label::before, .prestations-gtauto__label::after { content: ''; display: block; width: 24px; height: 2px; background: #fecb6f; flex-shrink: 0; }

.prestations-gtauto__title { font-family: 'Bebas Neue', sans-serif; font-size: clamp(2.2rem, 4vw, 3.6rem); line-height: 1; letter-spacing: 0.02em; color: #f5f5f5; text-transform: uppercase; }

.prestations-gtauto__title span { color: #ef8134; }

/* ── Grille 3 colonnes ── */
.prestations-gtauto__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5px; max-width: 1200px; margin: 0 auto; }

/* ── Colonne ── */
.prestations-gtauto__col { background: #0e0e0e; position: relative; transition: background 0.3s ease; overflow: hidden; }

.prestations-gtauto__col:hover { background: #141414; }

/* Trait orange en haut de chaque colonne */
.prestations-gtauto__col::before { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 3px; background: linear-gradient(90deg, #ef8134, #fecb6f); transition: width 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 2; }

.prestations-gtauto__col:hover::before { width: 100%; }

/* ── Photo en haut de la card ── */
.prestations-gtauto__col-photo { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block; filter: grayscale(20%) brightness(0.75); transition: filter 0.45s ease, transform 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.prestations-gtauto__col:hover .prestations-gtauto__col-photo { filter: grayscale(0%) brightness(0.9); transform: scale(1.04); }

/* Placeholder photo */
.prestations-gtauto__col-photo-placeholder { width: 100%; aspect-ratio: 16 / 9; background: linear-gradient(135deg, #1a1a1a 0%, #2a1a10 60%, #1a0a08 100%); display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; }

.prestations-gtauto__col-photo-placeholder svg { width: 36px; height: 36px; opacity: 0.2; }

.prestations-gtauto__col-photo-placeholder span { font-family: 'Bebas Neue', sans-serif; font-size: clamp(3.5rem, 6vw, 5.5rem); color: rgba(239, 129, 52, 0.06); position: absolute; letter-spacing: 0.05em; white-space: nowrap; }

/* Wrapper du contenu texte */
.prestations-gtauto__col-body { padding: 2rem 2.2rem 2.4rem; }

/* Numéro déco */
.prestations-gtauto__col-num { font-family: 'Bebas Neue', sans-serif; font-size: 5rem; line-height: 1; color: rgba(239, 129, 52, 0.07); position: absolute; top: calc(16 / 9 * 100% - 2rem); right: 1.8rem; letter-spacing: 0.05em; pointer-events: none; transition: color 0.3s; z-index: 1; }

.prestations-gtauto__col:hover .prestations-gtauto__col-num { color: rgba(239, 129, 52, 0.13); }

/* Icône + titre de catégorie */
.prestations-gtauto__col-head { display: flex; align-items: center; gap: 0.9rem; margin-bottom: 1.6rem; }

.prestations-gtauto__col-icon { width: 42px; height: 42px; background: rgba(239, 129, 52, 0.1); border: 1px solid rgba(239, 129, 52, 0.25); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: background 0.3s, border-color 0.3s; }

.prestations-gtauto__col:hover .prestations-gtauto__col-icon { background: rgba(239, 129, 52, 0.2); border-color: #ef8134; }

.prestations-gtauto__col-icon svg { width: 18px; height: 18px; }

.prestations-gtauto__col-cat { font-family: 'Bebas Neue', sans-serif; font-size: 1.5rem; letter-spacing: 0.03em; color: #f5f5f5; text-transform: uppercase; }

/* Liste prestations */
.prestations-gtauto__list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0; }

.prestations-gtauto__item { display: flex; align-items: center; gap: 0.85rem; font-family: 'Poppins', sans-serif; font-size: 0.83rem; font-weight: 300; color: rgba(245, 245, 245, 0.6); padding: 0.85rem 0; border-bottom: 1px solid rgba(245, 245, 245, 0.06); transition: color 0.2s; }

.prestations-gtauto__item:last-child { border-bottom: none; }

.prestations-gtauto__col:hover .prestations-gtauto__item { color: rgba(245, 245, 245, 0.8); }

.prestations-gtauto__item::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: #ef8134; flex-shrink: 0; opacity: 0.7; }

/* ── Responsive ── */
@media (max-width: 860px) { .prestations-gtauto__grid { grid-template-columns: 1fr; gap: 1px; } }

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