:root{--bg:#06090c;--panel:#0c1218;--panel2:#111a22;--line:#2a3945;--text:#fff;--muted:#9aa8b4;--yellow:#ffb923;--red:#ef233c;--blue:#268cff;--wrap:min(1420px,calc(100% - 48px));--header-h:78px}
*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;max-width:100%;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}img{max-width:100%;display:block}main{min-height:60vh}.home-dark{background:var(--bg)}
/* HEADER */
.site-header{height:var(--header-h);display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:26px;padding:0 max(24px,calc((100vw - 1480px)/2));position:relative;z-index:100;background:#0b0f13;border-bottom:1px solid #1c2831}.brand{font-size:27px;font-weight:900;white-space:nowrap}.brand .b{color:#258fff}.brand .s{color:#fff}.brand .a{color:#ed2939}.header-language{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:800;color:var(--yellow)}.header-nav{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:800}.header-nav a:hover{color:var(--yellow)}.header-publish{background:var(--yellow);color:#0b0b0b;padding:14px 20px;border-radius:12px;font-weight:900;white-space:nowrap}.mobile-menu-toggle{display:none;border:1px solid #33414d;background:#111820;color:#fff;border-radius:9px;width:42px;height:42px;font-size:22px}
/* UNIVERSAL HERO + SEARCH DOCK */
.universal-hero{position:relative;min-height:520px;background-image:var(--hero-desktop);background-size:cover;background-position:center;display:flex;align-items:center;border-bottom:1px solid #1b2832}.universal-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,6,9,.94) 0%,rgba(3,6,9,.72) 34%,rgba(3,6,9,.12) 64%,rgba(3,6,9,.10) 100%)}.universal-hero__copy{position:relative;z-index:2;width:var(--wrap);margin:auto;padding:62px 0 92px}.universal-hero__copy>small{display:block;color:var(--yellow);font-weight:900;letter-spacing:.13em;margin-bottom:10px}.universal-hero h1{font-size:clamp(48px,5vw,78px);line-height:.92;margin:0 0 18px;max-width:720px}.universal-hero h1 em{font-style:normal;color:var(--yellow)}.universal-hero p{font-size:20px;line-height:1.45;max-width:680px;margin:0 0 28px;color:#edf2f6}.hero-publish{display:inline-flex;background:var(--yellow);color:#111;font-weight:900;padding:15px 24px;border-radius:10px}.hero-benefits{display:flex;gap:42px;margin-top:34px}.hero-benefits span{display:grid;grid-template-columns:auto auto;column-gap:8px;align-items:center}.hero-benefits b{font-size:15px}.hero-benefits small{grid-column:2;color:#d7dee4}.hero-search-dock{position:relative;z-index:20;width:var(--wrap);margin:-34px auto 34px}.premium-search{padding:14px;border:1px solid #34424d;background:rgba(11,16,21,.98);border-radius:16px;box-shadow:0 18px 45px rgba(0,0,0,.34)}.main-search{display:grid;grid-template-columns:minmax(0,2fr) minmax(190px,1fr) minmax(220px,1.1fr) auto;gap:10px}.main-search input,.main-search select{min-width:0;height:54px;border:1px solid #34434f;background:#141d24;color:#fff;border-radius:10px;padding:0 15px}.main-search input::placeholder{color:#7f8c96}.main-search button{height:54px;border:0;border-radius:10px;background:var(--red);color:#fff;font-weight:900;padding:0 28px;cursor:pointer}
/* COMMON WIDTH */
.page-stack,.bsa-sponsor-zone,.bsa-own-zone,.results-section,.simple-page,.pro-store-content{width:var(--wrap);margin-left:auto;margin-right:auto;min-width:0}.page-stack{margin-top:0;margin-bottom:34px}.page-stack>*+*{margin-top:22px}
/* NAV PANELS */
.nav-panel{border:1px solid #2c3b47;border-radius:16px;background:#0d141a;padding:15px 16px}.nav-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:12px}.nav-panel-head small{display:block;color:var(--yellow);font-weight:900;letter-spacing:.11em}.nav-panel-head strong{display:block;font-size:20px}.nav-panel-head a{color:var(--yellow);font-weight:900}.carousel-shell{position:relative;min-width:0}.carousel-track{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#7e8790 #f2f2f2;padding:0 44px 8px}.scroll-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:1px solid #40515e;background:#0a1015;color:#fff;font-size:28px;cursor:pointer}.scroll-arrow.prev{left:0}.scroll-arrow.next{right:0}.vehicle-brand{flex:0 0 92px;min-height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid #2f3f4b;border-radius:12px;background:#0b1116;font-size:12px;font-weight:800;text-align:center}.brand-mark{width:48px;height:48px;border-radius:11px;background:#fff;display:grid;place-items:center;color:#111;font-weight:900}.brand-mark img{width:34px;height:34px;object-fit:contain}.category-card-photo{position:relative;flex:0 0 222px;height:160px;border:1px solid #41515d;border-radius:13px;overflow:hidden;background-image:linear-gradient(transparent 30%,rgba(0,0,0,.88)),var(--card-image);background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:flex-end;padding:15px}.category-card-photo strong{font-size:17px}.category-card-photo small{font-size:12px;margin-top:4px}.category-icon{font-size:30px;position:absolute;left:14px;bottom:58px;filter:grayscale(1) brightness(2)}
/* PRO ADS */
.bsa-sponsor-zone{margin-top:44px;margin-bottom:48px}.bsa-section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px}.bsa-section-head small,.formula-head small,.results-head small{color:var(--yellow);font-weight:900;letter-spacing:.11em}.bsa-section-head h2,.formula-head h2,.results-head h2{font-size:30px;margin:4px 0 0}.bsa-section-head>a,.all-pros-link{color:var(--yellow);font-weight:900}.bsa-sponsor-slider{position:relative;height:285px;border:1px solid #34434f;border-radius:18px;overflow:hidden;background:#0a0e12}.bsa-sponsor-slide{position:absolute;inset:0;opacity:0;visibility:hidden;background-image:var(--sponsor-bg);background-size:cover;background-position:center;transition:opacity .5s}.bsa-sponsor-slide.active{opacity:1;visibility:visible}.sponsor-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,6,9,.96) 0%,rgba(3,6,9,.82) 43%,rgba(3,6,9,.18) 76%)}.sponsor-copy{position:relative;z-index:2;max-width:620px;padding:54px 80px}.sponsor-copy span{color:var(--yellow);font-weight:900;letter-spacing:.1em}.sponsor-copy h3{font-size:38px;margin:10px 0}.sponsor-copy p{color:#d6dfe6}.sponsor-copy b{display:inline-flex;margin-top:10px;background:var(--yellow);color:#111;padding:11px 16px;border-radius:9px}.bsa-sponsor-arrow,.bsa-own-arrow,.formula-arrow{position:absolute;z-index:6;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid #40515e;background:rgba(5,10,14,.86);color:#fff;font-size:29px;cursor:pointer}.bsa-sponsor-arrow.prev,.bsa-own-arrow.prev{left:14px}.bsa-sponsor-arrow.next,.bsa-own-arrow.next{right:14px}.bsa-sponsor-dots,.bsa-own-dots{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:flex;gap:7px;z-index:7}.bsa-sponsor-dots button,.bsa-own-dots button{width:9px;height:9px;border-radius:50%;border:1px solid #fff;background:transparent;padding:0}.bsa-sponsor-dots button.active,.bsa-own-dots button.active{background:var(--yellow);border-color:var(--yellow)}.all-pros-link{display:inline-block;margin-top:13px}
/* BSA SITES */
.bsa-own-zone{margin-top:32px;margin-bottom:50px}.bsa-own-slider{position:relative;height:310px;border:1px solid #34434f;border-radius:18px;overflow:hidden;background:#070b0f}.bsa-own-slide{position:absolute;inset:0;opacity:0;visibility:hidden;background-image:var(--site-bg);background-size:cover;background-position:center;transition:opacity .5s}.bsa-own-slide.active{opacity:1;visibility:visible}.site-slide-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,6,9,.97),rgba(3,6,9,.78) 50%,rgba(3,6,9,.20))}.own-logo{position:absolute;z-index:2;right:8%;top:50%;transform:translateY(-50%);width:220px;max-height:220px;object-fit:contain}.site-slide-copy{position:relative;z-index:2;padding:82px 88px;max-width:750px}.site-slide-copy small{color:var(--yellow);font-weight:900;letter-spacing:.11em}.site-slide-copy h3{font-size:38px;margin:10px 0}.site-slide-copy span{display:inline-block;color:#fff;border:1px solid #4b6272;padding:10px 14px;border-radius:8px}.formula-head{margin:36px 0 14px}.formula-carousel{position:relative}.formula-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;overflow-x:auto;scroll-behavior:smooth}.formula-card{border:1px solid #33434f;background:#0f171e;border-radius:16px;overflow:hidden;min-width:0}.formula-card>img{width:100%;height:155px;object-fit:cover}.formula-card>div{padding:16px}.formula-tag{color:var(--yellow);font-size:12px;font-weight:900}.formula-card h3{font-size:22px;margin:6px 0}.formula-card strong{display:block;font-size:26px;margin-bottom:10px}.formula-card p{color:#b3c0ca;min-height:58px;line-height:1.35}.formula-actions{display:grid;grid-template-columns:1fr 46px;gap:8px;margin-top:14px}.formula-actions a{display:grid;place-items:center;background:var(--yellow);color:#111;font-weight:900;border-radius:9px;min-height:44px}.formula-actions .info-link{background:#18242d;color:#fff}.formula-arrow{display:none}
/* RESULTS */
.results-section{margin-top:34px;margin-bottom:42px}.results-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:15px}.results-head>a{color:var(--yellow);font-weight:900}.empty-state{border:1px dashed #3c4a55;border-radius:15px;padding:42px;text-align:center;background:#0d1318;color:#aeb9c2}.listing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.listing-card{border:1px solid #33424e;background:#0d141a;border-radius:14px;overflow:hidden}.listing-photo{height:180px;background:#141c22;display:grid;place-items:center}.listing-photo img{width:100%;height:100%;object-fit:cover}.listing-copy{padding:14px}.listing-copy small{color:var(--yellow)}.listing-copy h3{margin:5px 0}.listing-copy strong{font-size:21px}.listing-copy p{color:#9fabba}
/* FOOTER */
.bsa-footer{border-top:1px solid #283741;margin-top:40px;background:#070b0f;padding:24px 0 18px}.footer-helpbar,.payment-premium-banner,.footer-bottom-main,.footer-network,.footer-motto{width:var(--wrap);margin-left:auto;margin-right:auto}.footer-helpbar{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 0 14px;border-bottom:1px solid #263641}.footer-helpbar strong{color:var(--yellow);font-size:13px}.footer-helpbar nav{display:flex;flex-wrap:wrap;gap:20px;font-size:13px}.payment-premium-banner{margin-top:15px;border:1px solid #354550;border-radius:15px;background:linear-gradient(90deg,#101820,#0a0e13);min-height:92px;display:grid;grid-template-columns:auto 1.35fr repeat(3,auto) 1.15fr auto;align-items:center;gap:18px;padding:14px 20px}.secure-icon{font-size:30px}.pay-copy small{display:block;color:var(--yellow);font-weight:900}.pay-copy strong{display:block;margin-top:4px}.pay-brand{display:flex;align-items:center;gap:6px;font-weight:900}.pay-brand img{width:28px;height:28px}.pay-brand.fourx{flex-direction:column;gap:0;border:1px solid #5a6873;padding:5px 9px;border-radius:7px}.pay-brand.fourx span{font-size:9px}.pay-delivery{display:flex;align-items:center;gap:8px}.pay-delivery>span{font-size:28px}.pay-delivery small{display:block;color:#9dacb7}.pay-info{font-size:22px}.footer-bottom-main{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:18px 0;border-bottom:1px solid #273640}.footer-signature{display:flex;align-items:center;gap:12px}.mini-bsa{font-size:26px;font-weight:900}.mini-bsa b{color:#258fff}.mini-bsa i{color:#fff;font-style:normal}.mini-bsa em{color:#ef293d;font-style:normal}.footer-signature strong{color:var(--yellow)}.footer-legal{text-align:center;font-size:12px;color:#b4c0c8}.back-top{border:1px solid #3473a8;padding:9px 13px;border-radius:8px}.footer-network{display:flex;justify-content:center;gap:17px;flex-wrap:wrap;font-size:12px;padding:14px 0}.footer-motto{text-align:center;color:#6f8ca1;font-size:11px;letter-spacing:.18em}
/* SIMPLE/FORM PAGES fallback */
.simple-page,.content{padding:36px 0}.card,.form-card{background:#0d141a;border:1px solid #33434f;border-radius:15px;padding:22px}.btn{display:inline-flex;background:var(--yellow);color:#111;padding:11px 16px;border-radius:9px;font-weight:900}
@media(max-width:1100px){:root{--wrap:min(100% - 28px,1420px)}.site-header{grid-template-columns:auto 1fr auto;gap:13px;padding:0 14px}.header-language{justify-self:center}.header-nav{position:absolute;top:calc(100% + 1px);right:14px;display:none;flex-direction:column;align-items:stretch;background:#0c1218;border:1px solid #33414c;padding:12px;border-radius:12px;min-width:190px}.header-nav.open{display:flex}.mobile-menu-toggle{display:block;justify-self:end}.header-publish{position:absolute;right:64px;top:17px;padding:11px 14px}.main-search{grid-template-columns:1.4fr 1fr}.main-search select,.main-search button{grid-row:2}.formula-grid{display:flex;padding-bottom:8px}.formula-card{flex:0 0 320px}.formula-arrow{display:block}.formula-arrow.prev{left:-8px}.formula-arrow.next{right:-8px}.listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-premium-banner{grid-template-columns:auto 1fr repeat(3,auto);}.pay-delivery{grid-column:1/-1;justify-content:center;border-top:1px solid #293945;padding-top:10px}.footer-bottom-main{grid-template-columns:1fr;justify-items:center}.footer-legal{text-align:center}}
@media(max-width:760px){:root{--header-h:74px;--wrap:calc(100% - 24px)}.site-header{height:var(--header-h);grid-template-columns:auto 1fr auto}.brand{font-size:21px}.header-language{justify-content:flex-end}.header-language>span{display:none}.gtranslate_wrapper{max-width:165px;overflow:hidden}.header-publish{position:static;font-size:0;padding:10px 12px}.header-publish:after{content:'+';font-size:22px}.mobile-menu-toggle{display:block}.universal-hero{min-height:560px;background-image:var(--hero-mobile);background-position:center top}.universal-hero__shade{background:linear-gradient(180deg,rgba(3,6,9,.10) 0%,rgba(3,6,9,.18) 42%,rgba(3,6,9,.94) 76%,rgba(3,6,9,.99) 100%)}.universal-hero__copy{padding:300px 0 72px;align-self:flex-end}.universal-hero h1{font-size:44px;line-height:.98;max-width:100%}.universal-hero p{font-size:17px;max-width:100%}.hero-benefits{gap:14px;justify-content:space-between}.hero-benefits span{font-size:11px;grid-template-columns:auto 1fr}.hero-benefits small{font-size:10px}.hero-search-dock{margin:-22px auto 26px}.main-search{grid-template-columns:1fr}.main-search select,.main-search button{grid-row:auto}.premium-search{padding:12px}.nav-panel{padding:14px 10px}.nav-panel-head{align-items:flex-start}.nav-panel-head a{font-size:12px}.carousel-track{padding-left:34px;padding-right:34px}.vehicle-brand{flex-basis:90px}.category-card-photo{flex-basis:calc(78vw - 40px);max-width:290px;height:230px}.scroll-arrow{width:38px;height:38px}.bsa-section-head{align-items:flex-start;flex-direction:column}.bsa-section-head h2,.formula-head h2,.results-head h2{font-size:27px}.bsa-sponsor-slider{height:330px}.sponsor-copy{padding:105px 52px 55px 52px;max-width:100%}.sponsor-copy h3{font-size:31px}.bsa-own-slider{height:330px}.site-slide-copy{padding:125px 52px 60px}.site-slide-copy h3{font-size:29px}.own-logo{width:130px;right:24px;top:45px;transform:none}.formula-card{flex-basis:86vw}.listing-grid{grid-template-columns:1fr}.payment-premium-banner{grid-template-columns:1fr 1fr;gap:10px;text-align:center}.secure-icon{display:none}.pay-copy{grid-column:1/-1}.pay-brand{justify-content:center}.pay-delivery{grid-column:1/-1}.pay-info{display:none}.footer-helpbar{align-items:flex-start;flex-direction:column}.footer-helpbar nav{gap:12px}.footer-network{gap:11px}.footer-motto{line-height:1.7}.results-head{align-items:flex-start}.universal-hero.category-compact{} }


/* ============================================================
   V24 — ACCUEIL SIMPLIFIÉ / ARCHITECTURE VALIDÉE
   ============================================================ */

.home-v24 .home-main-v24{
  position:relative;
  z-index:1;
}

/* Search remains visually docked to hero */
.home-v24 .hero-search-dock{
  margin-top:-34px;
  position:relative;
  z-index:8;
}

/* Home content: cleaner breathing room */
.home-core-v24{
  padding-top:26px;
  padding-bottom:34px;
}

/* ---- FIXED DESKTOP AD RAILS: homepage only ---- */
.home-ad-rail{
  display:none;
}
@media(min-width:1520px){
  .home-ad-rail{
    display:block;
    position:fixed;
    top:145px;
    z-index:20;
    width:150px;
    height:520px;
    pointer-events:none;
  }
  .home-ad-rail--left{left:10px}
  .home-ad-rail--right{right:10px}
  .home-ad-rail__card{
    pointer-events:auto;
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    height:100%;
    overflow:hidden;
    border:1px solid #35434e;
    border-radius:16px;
    padding:18px 14px;
    background:
      linear-gradient(180deg,rgba(3,6,9,.10),rgba(3,6,9,.96)),
      var(--rail-bg) center/cover no-repeat;
    box-shadow:0 16px 40px rgba(0,0,0,.38);
  }
  .home-ad-rail__card:before{
    content:"";
    position:absolute; inset:0;
    background:linear-gradient(180deg,transparent 12%,rgba(0,0,0,.18) 48%,rgba(0,0,0,.9) 100%);
  }
  .home-ad-rail__card>*{position:relative;z-index:1}
  .home-ad-rail__eyebrow{font-size:11px;font-weight:900;letter-spacing:.12em;color:#ffba22;margin-bottom:8px}
  .home-ad-rail__card strong{font-size:18px;line-height:1.12;margin-bottom:10px;color:#fff}
  .home-ad-rail__card small{font-size:12px;line-height:1.45;color:#cad2d8;margin-bottom:14px}
  .home-ad-rail__card b{font-size:12px;color:#ffba22}
}

/* ---- Latest listings ---- */
.home-latest{
  margin-top:30px;
}
.home-section-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:14px;
}
.home-section-head small{
  color:#ffba22;
  font-weight:900;
  letter-spacing:.12em;
}
.home-section-head h2{
  margin:4px 0 0;
  font-size:30px;
}
.home-section-head>a{
  color:#ffba22;
  font-weight:800;
  white-space:nowrap;
}
.latest-carousel{
  position:relative;
}
.latest-track{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(220px,260px);
  gap:14px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scrollbar-width:thin;
  padding:2px 44px 10px;
}
.latest-card{
  scroll-snap-align:start;
  overflow:hidden;
  min-width:0;
  border:1px solid #2d3a45;
  border-radius:14px;
  background:#10171d;
  transition:transform .18s ease,border-color .18s ease;
}
.latest-card:hover{
  transform:translateY(-3px);
  border-color:#ffba22;
}
.latest-card__photo{
  height:158px;
  position:relative;
  overflow:hidden;
  background:#080c0f;
  display:grid;
  place-items:center;
}
.latest-card__photo img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.latest-card__photo>span{font-size:42px}
.latest-card__photo em{
  position:absolute;
  left:10px;
  bottom:10px;
  font-style:normal;
  font-size:11px;
  font-weight:900;
  background:rgba(5,8,10,.86);
  border:1px solid rgba(255,255,255,.2);
  padding:5px 8px;
  border-radius:999px;
}
.latest-card__body{
  padding:13px;
}
.latest-card__body h3{
  margin:0 0 8px;
  font-size:16px;
  min-height:38px;
}
.latest-card__body strong{
  font-size:20px;
  color:#fff;
}
.latest-card__body p{
  margin:8px 0 0;
  color:#9da9b3;
  font-size:13px;
}
.latest-arrow{
  position:absolute;
  top:50%;
  z-index:5;
  transform:translateY(-50%);
  width:42px;
  height:42px;
  border-radius:50%;
  border:1px solid #46545f;
  background:#0d1318;
  color:#fff;
  font-size:28px;
  cursor:pointer;
}
.latest-arrow.prev{left:0}
.latest-arrow.next{right:0}
.latest-empty{
  min-height:150px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:30px;
  border:1px solid #2f3b45;
  border-radius:16px;
  background:#0d1318;
}
.latest-empty strong{font-size:20px}
.latest-empty p{margin:6px 0 0;color:#9da8b2}
.latest-empty>a{
  background:#ffba22;
  color:#111;
  font-weight:900;
  border-radius:10px;
  padding:14px 18px;
  white-space:nowrap;
}

/* ---- BSA sites integrated in footer ---- */
.footer-bsa-sites{
  width:var(--wrap);
  margin:0 auto 20px;
  padding-top:8px;
}
.footer-bsa-sites__head{
  margin-bottom:10px;
}
.footer-bsa-sites__head small{
  display:block;
  color:#ffba22;
  font-weight:900;
  letter-spacing:.12em;
  font-size:12px;
}
.footer-bsa-sites__head strong{
  display:block;
  font-size:24px;
  margin-top:3px;
}
.footer-sites-slider{
  position:relative;
  min-height:205px;
  overflow:hidden;
  border:1px solid #32404b;
  border-radius:16px;
  background:#080c10;
}
.footer-site-slide{
  position:absolute;
  inset:0;
  opacity:0;
  visibility:hidden;
  transition:opacity .55s ease,visibility .55s ease;
  background:
    linear-gradient(90deg,rgba(2,5,8,.96) 0%,rgba(2,5,8,.78) 42%,rgba(2,5,8,.10) 75%),
    var(--footer-site-bg) center/cover no-repeat;
}
.footer-site-slide.active{
  opacity:1;
  visibility:visible;
}
.footer-site-shade{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.22));
}
.footer-site-logo{
  position:absolute;
  left:74px;
  top:50%;
  transform:translateY(-50%);
  width:125px;
  max-height:125px;
  object-fit:contain;
  z-index:2;
}
.footer-site-copy{
  position:absolute;
  z-index:3;
  left:78px;
  top:50%;
  transform:translateY(-50%);
  max-width:560px;
}
.footer-site-slide:has(.footer-site-logo) .footer-site-copy{
  left:225px;
}
.footer-site-copy small{
  color:#ffba22;
  font-weight:900;
  letter-spacing:.1em;
}
.footer-site-copy h3{
  margin:7px 0 12px;
  font-size:29px;
  line-height:1.08;
}
.footer-site-copy span{
  display:inline-flex;
  border:1px solid #52626e;
  border-radius:8px;
  padding:8px 12px;
  font-weight:800;
}
.footer-site-arrow{
  position:absolute;
  top:50%;
  z-index:5;
  transform:translateY(-50%);
  width:40px;
  height:40px;
  border-radius:50%;
  border:1px solid #52616c;
  background:rgba(7,11,14,.85);
  color:#fff;
  font-size:27px;
  cursor:pointer;
}
.footer-site-arrow.prev{left:14px}
.footer-site-arrow.next{right:14px}
.footer-site-dots{
  position:absolute;
  z-index:6;
  left:50%;
  bottom:10px;
  transform:translateX(-50%);
  display:flex;
  gap:7px;
}
.footer-site-dots button{
  width:8px;height:8px;border-radius:50%;padding:0;
  border:1px solid #fff;background:transparent;
}
.footer-site-dots button.active{
  background:#ffba22;border-color:#ffba22;
}

/* Footer becomes part of the visual structure instead of a tall page */
.bsa-footer{
  padding-top:22px;
}

/* Home no category carousel, no sponsor, no formula section */
.home-v24 .category-carousel,
.home-v24 .bsa-sponsor-zone,
.home-v24 .bsa-own-zone{
  display:none!important;
}

@media(max-width:900px){
  .home-v24 .hero-search-dock{
    margin-top:-18px;
  }
  .home-section-head{
    align-items:flex-start;
  }
  .home-section-head h2{font-size:25px}
  .latest-track{
    grid-auto-columns:minmax(205px,78vw);
    padding-left:36px;
    padding-right:36px;
  }
  .footer-bsa-sites{
    width:min(100% - 28px,var(--wrap));
  }
  .footer-sites-slider{
    min-height:240px;
  }
  .footer-site-logo{
    left:50%;
    top:32px;
    transform:translateX(-50%);
    width:82px;
    max-height:82px;
  }
  .footer-site-copy,
  .footer-site-slide:has(.footer-site-logo) .footer-site-copy{
    left:48px;
    right:48px;
    top:auto;
    bottom:44px;
    transform:none;
    max-width:none;
    text-align:center;
  }
  .footer-site-copy h3{
    font-size:21px;
  }
}
@media(max-width:600px){
  .home-section-head{
    display:block;
  }
  .home-section-head>a{
    display:inline-block;
    margin-top:7px;
  }
  .latest-empty{
    display:block;
    padding:22px;
  }
  .latest-empty>a{
    display:inline-flex;
    margin-top:16px;
  }
}


/* ============================================================
   V24.1 — RAILS PUBLICITAIRES SANS CHEVAUCHEMENT
   Hero + moteur restent pleine largeur.
   Les publicités commencent seulement SOUS le hero/moteur.
   Le corps de l'accueil est contenu ENTRE les deux rails.
   ============================================================ */

.home-v24 .home-rail-layout{
  width:min(1560px,calc(100% - 20px));
  margin:22px auto 34px;
  display:grid;
  grid-template-columns:150px minmax(0,1fr) 150px;
  gap:18px;
  align-items:start;
}

.home-v24 .home-center-column{
  min-width:0;
  width:100%;
}

.home-v24 .home-center-column .page-stack{
  width:100%;
  max-width:100%;
  margin:0;
}

/* Les rails ne flottent plus au-dessus du hero.
   Ils font partie de la mise en page et restent visibles
   uniquement pendant le défilement de la zone de contenu. */
@media(min-width:1280px){
  .home-v24 .home-ad-rail{
    display:block;
    position:sticky;
    top:92px;
    z-index:8;
    width:150px;
    height:520px;
    pointer-events:none;
  }

  .home-v24 .home-ad-rail--left,
  .home-v24 .home-ad-rail--right{
    left:auto;
    right:auto;
  }

  .home-v24 .home-ad-rail__card{
    pointer-events:auto;
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    height:100%;
    overflow:hidden;
    border:1px solid #35434e;
    border-radius:16px;
    padding:18px 14px;
    background:
      linear-gradient(180deg,rgba(3,6,9,.10),rgba(3,6,9,.96)),
      var(--rail-bg) center/cover no-repeat;
    box-shadow:0 16px 40px rgba(0,0,0,.38);
  }
}

/* Entre 1280 et 1519 px on réduit légèrement les rails
   afin de préserver une vraie largeur utile au centre. */
@media(min-width:1280px) and (max-width:1519px){
  .home-v24 .home-rail-layout{
    grid-template-columns:125px minmax(0,1fr) 125px;
    gap:12px;
    width:calc(100% - 16px);
  }
  .home-v24 .home-ad-rail{
    width:125px;
    height:470px;
  }
  .home-v24 .home-ad-rail__card{
    padding:14px 10px;
  }
  .home-v24 .home-ad-rail__card strong{
    font-size:16px;
  }
  .home-v24 .home-ad-rail__card small{
    font-size:11px;
  }
}

/* Sous 1280 px : pas de rails latéraux.
   Le corps reprend la largeur standard du site. */
@media(max-width:1279px){
  .home-v24 .home-rail-layout{
    display:block;
    width:var(--wrap);
    margin:22px auto 34px;
  }
  .home-v24 .home-ad-rail{
    display:none!important;
  }
}

/* Sécurité : aucun contenu central ne peut sortir sous un rail */
.home-v24 .home-center-column,
.home-v24 .home-center-column *,
.home-v24 .vehicle-brands,
.home-v24 .home-latest,
.home-v24 .latest-carousel,
.home-v24 .latest-track{
  min-width:0;
  max-width:100%;
}

/* Les deux sections centrales restent exactement dans leur colonne */
.home-v24 .vehicle-brands,
.home-v24 .home-latest{
  width:100%;
  margin-left:0;
  margin-right:0;
}

/* Le footer revient pleine largeur et n'est jamais coincé entre les pubs */
.home-v24 .bsa-footer{
  clear:both;
  position:relative;
  z-index:10;
}


/* ============================================================
   V24.2 — FIX ORDRE DES COLONNES
   Le include génère : rail gauche, rail droit, puis corps central.
   On impose explicitement leur colonne pour éviter que le corps
   soit envoyé dans la petite colonne de droite.
   ============================================================ */

@media(min-width:1280px){
  .home-v24 .home-rail-layout{
    grid-template-areas:"adleft center adright";
  }

  .home-v24 .home-ad-rail--left{
    grid-area:adleft;
    grid-column:1;
    justify-self:stretch;
  }

  .home-v24 .home-center-column{
    grid-area:center;
    grid-column:2;
    width:100%;
    min-width:0;
  }

  .home-v24 .home-ad-rail--right{
    grid-area:adright;
    grid-column:3;
    justify-self:stretch;
  }

  /* Le contenu du centre ne peut jamais hériter de la largeur des rails */
  .home-v24 .home-center-column .home-core-v24,
  .home-v24 .home-center-column .vehicle-brands,
  .home-v24 .home-center-column .home-latest{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
}


/* ============================================================
   V24.3 — BANDES LATÉRALES FIXES / CORPS SEUL DÉFILANT
   Les 2 publicités restent à l'écran.
   Le contenu central défile normalement entre elles.
   ============================================================ */

@media(min-width:1280px){

  /* La grille conserve les 3 colonnes, mais les rails ne participent
     plus au défilement vertical du document. */
  .home-v24 .home-rail-layout{
    position:relative;
    grid-template-areas:"adleft center adright";
  }

  .home-v24 .home-ad-rail{
    position:fixed !important;
    top:175px !important;
    bottom:auto !important;
    height:520px;
    z-index:30;
  }

  .home-v24 .home-ad-rail--left{
    left:12px !important;
    right:auto !important;
    grid-area:auto;
  }

  .home-v24 .home-ad-rail--right{
    right:12px !important;
    left:auto !important;
    grid-area:auto;
  }

  /* Le centre garde l'espace réservé pour les rails fixes */
  .home-v24 .home-center-column{
    grid-column:2;
    grid-area:center;
  }
}

/* Ajustement pour les écrans larges mais pas géants */
@media(min-width:1280px) and (max-width:1519px){
  .home-v24 .home-ad-rail{
    width:125px;
    height:470px;
    top:165px !important;
  }

  .home-v24 .home-ad-rail--left{
    left:8px !important;
  }

  .home-v24 .home-ad-rail--right{
    right:8px !important;
  }
}

/* Mobile/tablette : aucun rail fixe */
@media(max-width:1279px){
  .home-v24 .home-ad-rail{
    display:none !important;
    position:static !important;
  }
}


/* ============================================================
   V24.4 — RAILS LIMITÉS SOUS LE HERO
   Les publicités commencent au niveau du contenu (marques),
   ne remontent jamais dans le hero, puis restent visibles
   pendant le défilement du corps.
   ============================================================ */

@media(min-width:1280px){

  /* On annule le positionnement fixed précédent :
     sticky respecte le point de départ naturel du bloc,
     donc jamais de chevauchement avec le hero. */
  .home-v24 .home-ad-rail{
    position:sticky !important;
    top:18px !important;
    bottom:auto !important;
    height:520px;
    z-index:20;
    align-self:start;
  }

  .home-v24 .home-ad-rail--left,
  .home-v24 .home-ad-rail--right{
    left:auto !important;
    right:auto !important;
  }

  /* Le bloc 3 colonnes commence sous le hero + moteur :
     les rails démarrent exactement avec le sélecteur de marques. */
  .home-v24 .home-rail-layout{
    margin-top:22px !important;
    align-items:start;
  }
}

/* Écrans 1280–1519 : même principe, simplement plus compact */
@media(min-width:1280px) and (max-width:1519px){
  .home-v24 .home-ad-rail{
    top:18px !important;
    height:470px;
  }
}

@media(max-width:1279px){
  .home-v24 .home-ad-rail{
    display:none !important;
    position:static !important;
  }
}


/* ============================================================
   V25 — ACCUEIL : 4 RANGÉES DE 5 CARTES + RAYON DE RECHERCHE
   ============================================================ */
.home-discovery-rows{margin-top:30px}
.home-pick-row{margin:0 0 34px}
.home-section-head.compact{margin-bottom:13px}
.home-section-head.compact h2{font-size:26px}
.home-pick-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
}
.home-pick-card{
  min-width:0;
  overflow:hidden;
  border:1px solid #31404b;
  border-radius:14px;
  background:#0d151b;
  color:#fff;
  text-decoration:none;
  transition:transform .16s ease,border-color .16s ease;
}
.home-pick-card:hover{transform:translateY(-2px);border-color:#ffb51b}
.home-pick-photo{height:128px;background:#070b0e;overflow:hidden;display:grid;place-items:center}
.home-pick-photo img{width:100%;height:100%;object-fit:cover;display:block}
.home-pick-photo span{font-size:30px;color:#ffb51b}
.home-pick-body{padding:12px}
.home-pick-body h3{font-size:16px;line-height:1.2;margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-pick-body strong{display:block;color:#ffb51b;font-size:18px;margin-bottom:6px}
.home-pick-body p{margin:0;color:#a9bac6;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-pick-placeholder{opacity:.82}
.home-pick-placeholder .home-pick-photo{background:linear-gradient(145deg,#0b1116,#111b22)}
.bsa-radius-select{
  min-width:112px!important;
  width:112px!important;
  flex:0 0 112px!important;
}
.has-radius-search input[placeholder*="Ville" i],
.has-radius-search input[placeholder*="postal" i]{min-width:170px!important}
@media(max-width:1050px){
  .home-pick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
  .home-pick-grid{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:minmax(205px,78vw);
    grid-template-columns:none;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    gap:12px;
    padding-bottom:8px;
  }
  .home-pick-card{scroll-snap-align:start}
  .home-pick-photo{height:135px}
  .bsa-radius-select{width:100%!important;min-width:0!important;flex:1 1 auto!important}
}


/* ============================================================
   V25.1 — 3 CORRECTIONS
   1) moteur sur une ligne PC
   2) catégorie Rencontre ajoutée
   3) rails latéraux restaurés
   ============================================================ */

/* Moteur PC : 5 éléments sur UNE seule ligne */
.main-search.main-search--radius{
  display:grid !important;
  grid-template-columns:
    minmax(300px,2.2fr)
    minmax(180px,1.05fr)
    112px
    minmax(190px,1.15fr)
    158px !important;
  gap:10px;
  align-items:center;
}
.main-search.main-search--radius > *{
  min-width:0 !important;
  width:100%;
  grid-row:auto !important;
}
.main-search.main-search--radius .bsa-radius-select{
  width:112px !important;
  min-width:112px !important;
}

/* Homepage : [PUB GAUCHE] [CORPS] [PUB DROITE] */
@media(min-width:1280px){
  .home-v24 .home-rail-layout{
    width:min(1560px,calc(100% - 20px));
    margin:22px auto 34px !important;
    display:grid !important;
    grid-template-columns:150px minmax(0,1fr) 150px !important;
    grid-template-areas:"adleft center adright" !important;
    gap:18px;
    align-items:start;
  }
  .home-v24 .home-ad-rail{
    display:block !important;
    position:sticky !important;
    top:18px !important;
    width:150px;
    height:520px;
    z-index:20;
    align-self:start;
  }
  .home-v24 .home-ad-rail--left{
    grid-area:adleft !important;
    grid-column:1 !important;
    left:auto !important;
    right:auto !important;
  }
  .home-v24 .home-center-column{
    display:block !important;
    grid-area:center !important;
    grid-column:2 !important;
    width:100% !important;
    min-width:0 !important;
  }
  .home-v24 .home-ad-rail--right{
    grid-area:adright !important;
    grid-column:3 !important;
    left:auto !important;
    right:auto !important;
  }
  .home-v24 .home-center-column .page-stack,
  .home-v24 .home-center-column .vehicle-brands,
  .home-v24 .home-center-column .home-latest,
  .home-v24 .home-center-column .home-discovery-rows{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
}
@media(min-width:1280px) and (max-width:1519px){
  .home-v24 .home-rail-layout{
    grid-template-columns:125px minmax(0,1fr) 125px !important;
    gap:12px;
    width:calc(100% - 16px);
  }
  .home-v24 .home-ad-rail{
    width:125px;
    height:470px;
  }
}
@media(max-width:1279px){
  .home-v24 .home-rail-layout{
    display:block !important;
    width:var(--wrap);
    margin:22px auto 34px !important;
  }
  .home-v24 .home-ad-rail{
    display:none !important;
  }
}

/* Tablette : 2 lignes propres, jamais de débordement */
@media(min-width:761px) and (max-width:1100px){
  .main-search.main-search--radius{
    grid-template-columns:minmax(0,1.5fr) minmax(170px,.9fr) 105px minmax(180px,1fr) !important;
  }
  .main-search.main-search--radius button{
    grid-column:1/-1;
  }
}

/* Mobile : empilage lisible */
@media(max-width:760px){
  .main-search.main-search--radius{
    grid-template-columns:1fr !important;
  }
  .main-search.main-search--radius .bsa-radius-select{
    width:100% !important;
    min-width:0 !important;
  }
}


/* ============================================================
   V25.2 — RAILS VRAIMENT FIXES APRÈS LE HERO
   - position naturelle au chargement : sous le hero/moteur
   - dès qu'on descend : ils se figent dans le viewport
   - retour en haut : ils reprennent leur position naturelle
   ============================================================ */
@media(min-width:1280px){
  .home-v24 .home-ad-rail{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
  }

  .home-v24 .home-ad-rail.is-fixed-rail{
    position:fixed !important;
    top:18px !important;
    z-index:40 !important;
  }

  .home-v24 .home-ad-rail--left.is-fixed-rail{
    left:12px !important;
    right:auto !important;
  }

  .home-v24 .home-ad-rail--right.is-fixed-rail{
    right:12px !important;
    left:auto !important;
  }
}

@media(min-width:1280px) and (max-width:1519px){
  .home-v24 .home-ad-rail--left.is-fixed-rail{left:8px !important}
  .home-v24 .home-ad-rail--right.is-fixed-rail{right:8px !important}
}


/* ============================================================
   V25.4 — FOOTER 6 SITES COMPACT
   Conserve les rails latéraux fixes V25.2.
   ============================================================ */

.footer-sites-slider--visual{
  min-height:0 !important;
  height:280px !important;
  aspect-ratio:auto !important;
  max-height:280px !important;
  overflow:hidden;
}

.footer-site-slide--image{
  position:absolute;
  inset:0;
  display:block;
  overflow:hidden;
  border-radius:15px;
  opacity:0;
  visibility:hidden;
  transition:opacity .55s ease, visibility .55s ease;
  background:#05080b;
}

.footer-site-slide--image.active{
  opacity:1;
  visibility:visible;
}

.footer-site-slide--image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  transition:transform .25s ease;
}

.footer-site-slide--image:hover img{
  transform:scale(1.01);
}

/* Les flèches et points restent centrés dans le bandeau réduit */
.footer-sites-slider--visual .footer-site-arrow{
  top:50% !important;
}
.footer-sites-slider--visual .footer-site-dots{
  bottom:10px !important;
}

/* Tablette */
@media(max-width:900px){
  .footer-sites-slider--visual{
    height:220px !important;
    max-height:220px !important;
  }
}

/* Mobile */
@media(max-width:600px){
  .footer-sites-slider--visual{
    height:170px !important;
    max-height:170px !important;
  }
}


/* ============================================================
   V25.5 — FOOTER : AFFICHER LES BANNIÈRES EN ENTIER
   Correction uniquement visuelle, sans toucher aux rails.
   ============================================================ */

.footer-sites-slider--visual{
  background:#05080b !important;
}

.footer-site-slide--image{
  background:#05080b !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
}

.footer-site-slide--image img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
}

/* Pas de zoom au survol : l'image reste toujours visible entièrement */
.footer-site-slide--image:hover img{
  transform:none !important;
}

/* Pour garder un rendu propre si le ratio de l'image diffère légèrement */
.footer-site-slide--image::before{
  content:"";
  position:absolute;
  inset:0;
  background:#05080b;
  z-index:-1;
}


/* ============================================================
   V26 — GABARIT UNIQUE OFFICIEL POUR TOUT LE SITE
   Header + hero + moteur + marques + rails + footer sont figés.
   Seul .neutral-page-body change selon la page.
   ============================================================ */
.neutral-page-stack{padding-top:0!important;padding-bottom:24px!important}
.neutral-page-body{min-width:0;width:100%;padding:30px 0 18px}
.body-heading{margin:0 0 24px}.body-heading small{color:#ffb51b;font-weight:900;letter-spacing:.12em}.body-heading h1{margin:6px 0 8px;font-size:clamp(28px,3vw,42px)}.body-heading p{margin:0;color:#a8b6c2;font-size:16px;line-height:1.55}
.premium-empty{min-height:150px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:28px;border:1px solid #31404b;border-radius:15px;background:#0d151b}
.premium-empty p{margin:0 0 8px;color:#9eabb5}
.neutral-page-body .listing-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.neutral-ad-detail{margin:0;width:100%;max-width:none}
.premium-form,.auth-form{max-width:900px;margin:0 auto;background:#0d151b;border:1px solid #31404b;border-radius:16px;padding:22px}
.encounter-options{padding:16px;border:1px solid #704d66;border-radius:12px;background:#171019;margin:14px 0}.encounter-options small{color:#c8a8bf}.check-line{display:flex!important;align-items:center;gap:9px}.check-line input{width:auto!important}
.auction-cta{display:inline-block;margin-top:8px;color:#ffb51b;font-weight:800}
.neutral-directory-filter{width:100%;margin:0 0 24px}.neutral-directory-filter form{display:grid;grid-template-columns:minmax(220px,1fr) minmax(200px,1fr) 150px;gap:10px}.neutral-directory-filter select,.neutral-directory-filter input,.neutral-directory-filter button{min-width:0;width:100%}
.pro-body-banner{position:relative;min-height:260px;border:1px solid #31404b;border-radius:16px;overflow:hidden;background:linear-gradient(90deg,rgba(3,6,9,.96),rgba(3,6,9,.38)),var(--pro-bg) center/cover no-repeat;display:flex;align-items:center;padding:40px}.pro-body-banner>div{max-width:620px}.pro-body-banner small{color:#ffb51b;font-weight:900;letter-spacing:.12em}.pro-body-banner h1{font-size:42px;margin:8px 0}.neutral-pro-content{width:100%;margin:22px 0 0}
.text-only-pricing article img{display:none!important}.text-only-pricing article{padding-top:24px!important}.text-only-pricing article>small{color:#ffb51b;font-weight:900;letter-spacing:.08em}
.faq-grid{display:grid;gap:12px}.faq-grid details,.legal-copy{border:1px solid #31404b;border-radius:14px;background:#0d151b;padding:18px}.faq-grid summary{font-weight:800;cursor:pointer}.legal-copy h2{margin-top:18px}.legal-copy h2:first-child{margin-top:0}
.site-map-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.site-map-grid a{padding:14px;border:1px solid #31404b;border-radius:12px;background:#0d151b}
/* One-line search restored for every page */
.main-search.main-search--radius{display:grid!important;grid-template-columns:minmax(300px,2.2fr) minmax(180px,1.05fr) 112px minmax(190px,1.15fr) 158px!important;gap:10px;align-items:center}.main-search.main-search--radius>*{min-width:0!important;width:100%;grid-row:auto!important}.main-search.main-search--radius .bsa-radius-select{width:112px!important;min-width:112px!important}
/* Exact side-rail geometry on every page */
@media(min-width:1280px){.neutral-template .home-rail-layout,.home-v24 .home-rail-layout{width:min(1560px,calc(100% - 20px));margin:22px auto 34px!important;display:grid!important;grid-template-columns:150px minmax(0,1fr) 150px!important;grid-template-areas:'adleft center adright'!important;gap:18px;align-items:start}.neutral-template .home-ad-rail,.home-v24 .home-ad-rail{display:block!important;position:relative!important;top:auto!important;width:150px;height:520px;z-index:20;align-self:start}.neutral-template .home-ad-rail.is-fixed-rail,.home-v24 .home-ad-rail.is-fixed-rail{position:fixed!important;top:18px!important;z-index:40!important}.neutral-template .home-ad-rail--left,.home-v24 .home-ad-rail--left{grid-area:adleft!important;grid-column:1!important;left:auto!important;right:auto!important}.neutral-template .home-ad-rail--left.is-fixed-rail,.home-v24 .home-ad-rail--left.is-fixed-rail{left:12px!important;right:auto!important}.neutral-template .home-center-column,.home-v24 .home-center-column{grid-area:center!important;grid-column:2!important;width:100%!important;min-width:0!important}.neutral-template .home-ad-rail--right,.home-v24 .home-ad-rail--right{grid-area:adright!important;grid-column:3!important;left:auto!important;right:auto!important}.neutral-template .home-ad-rail--right.is-fixed-rail,.home-v24 .home-ad-rail--right.is-fixed-rail{right:12px!important;left:auto!important}}
@media(min-width:1280px) and (max-width:1519px){.neutral-template .home-rail-layout,.home-v24 .home-rail-layout{grid-template-columns:125px minmax(0,1fr) 125px!important;gap:12px;width:calc(100% - 16px)}.neutral-template .home-ad-rail,.home-v24 .home-ad-rail{width:125px;height:470px}.neutral-template .home-ad-rail--left.is-fixed-rail,.home-v24 .home-ad-rail--left.is-fixed-rail{left:8px!important}.neutral-template .home-ad-rail--right.is-fixed-rail,.home-v24 .home-ad-rail--right.is-fixed-rail{right:8px!important}}
@media(max-width:1279px){.neutral-template .home-rail-layout,.home-v24 .home-rail-layout{display:block!important;width:var(--wrap);margin:22px auto 34px!important}.neutral-template .home-ad-rail,.home-v24 .home-ad-rail{display:none!important}}
@media(min-width:761px) and (max-width:1100px){.main-search.main-search--radius{grid-template-columns:minmax(0,1.5fr) minmax(170px,.9fr) 105px minmax(180px,1fr)!important}.main-search.main-search--radius button{grid-column:1/-1}.neutral-page-body .listing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.main-search.main-search--radius{grid-template-columns:1fr!important}.main-search.main-search--radius .bsa-radius-select{width:100%!important;min-width:0!important}.neutral-page-body{padding-top:20px}.neutral-page-body .listing-grid{grid-template-columns:1fr 1fr}.neutral-directory-filter form{grid-template-columns:1fr}.site-map-grid{grid-template-columns:1fr 1fr}.pro-body-banner{padding:25px;min-height:220px}.pro-body-banner h1{font-size:30px}}


/* ============================================================
   V26.1 — RESTAURATION DES HEROS PAR MARQUE
   Aucune autre partie du gabarit V26 n'est modifiee.
   ============================================================ */
.brand-restored-hero{
  width:100%;
  margin:0 0 22px;
  overflow:hidden;
  border:1px solid #31404b;
  border-radius:16px;
  background:#05080b;
  aspect-ratio:16 / 5.15;
}
.brand-restored-hero picture,
.brand-restored-hero img{
  display:block;
  width:100%;
  height:100%;
}
.brand-restored-hero img{
  object-fit:cover;
  object-position:center;
}
@media(max-width:700px){
  .brand-restored-hero{
    aspect-ratio:4 / 3;
    border-radius:14px;
  }
  .brand-restored-hero img{
    object-fit:cover;
    object-position:center;
  }
}


/* ============================================================
   V26.2 — CONTACT + INSCRIPTION PREMIUM
   Correction ciblée uniquement sur les formulaires.
   ============================================================ */

.contact-premium-layout{
  display:grid;
  grid-template-columns:minmax(240px,.72fr) minmax(0,1.8fr);
  gap:18px;
  align-items:start;
}
.contact-info-card,
.contact-premium-form,
.auth-benefits,
.auth-premium-form{
  border:1px solid #31404b;
  border-radius:16px;
  background:linear-gradient(180deg,#101820,#0b1217);
}
.contact-info-card{
  padding:24px;
  position:sticky;
  top:22px;
}
.contact-info-icon{
  width:52px;height:52px;border-radius:14px;
  display:grid;place-items:center;
  background:#142332;border:1px solid #34536b;
  color:#ffb51b;font-size:25px;margin-bottom:16px;
}
.contact-info-card h2{margin:0 0 10px;font-size:24px}
.contact-info-card>p{margin:0;color:#a8b6c2;line-height:1.55}
.contact-info-list{display:grid;gap:0;margin:22px 0}
.contact-info-list>div{padding:13px 0;border-top:1px solid #263641}
.contact-info-list>div:last-child{border-bottom:1px solid #263641}
.contact-info-list strong{display:block;color:#fff;margin-bottom:3px}
.contact-info-list span{color:#9fb0bc;font-size:14px}
.contact-info-note{font-size:13px!important;color:#e3b65c!important}

.contact-premium-form,
.auth-premium-form{padding:26px}

.form-section-title{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding-bottom:15px;margin-bottom:18px;border-bottom:1px solid #2d3c47;
}
.form-section-title strong{font-size:20px}
.form-section-title span{font-size:12px;color:#8fa0ac}

.premium-field-grid{
  display:grid;gap:14px;margin-bottom:14px;
}
.premium-field-grid.two{grid-template-columns:1fr 1fr}
.premium-field-grid label,
.premium-field-full{
  display:flex;flex-direction:column;gap:7px;
}
.premium-field-grid label>span,
.premium-field-full>span{
  font-size:14px;font-weight:800;color:#eaf0f4;
}
.premium-field-grid em,
.premium-field-full em{
  color:#81919c;font-style:normal;font-weight:500;font-size:12px;
}
.contact-premium-form input,
.contact-premium-form select,
.contact-premium-form textarea,
.auth-premium-form input,
.auth-premium-form select{
  width:100%;
  min-width:0;
  border:1px solid #3a4b57;
  border-radius:10px;
  background:#111b22;
  color:#fff;
  padding:13px 14px;
  font:inherit;
  outline:none;
}
.contact-premium-form input:focus,
.contact-premium-form select:focus,
.contact-premium-form textarea:focus,
.auth-premium-form input:focus{
  border-color:#ffb51b;
  box-shadow:0 0 0 3px rgba(255,181,27,.10);
}
.contact-premium-form textarea{
  min-height:180px;
  resize:vertical;
}
.premium-field-full{margin-bottom:14px}

.upload-drop-zone{
  position:relative;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;min-height:145px;padding:20px;margin:18px 0;
  border:1px dashed #516775;border-radius:14px;background:#0a1116;
  cursor:pointer;transition:.18s ease;
}
.upload-drop-zone:hover{border-color:#ffb51b;background:#0d151a}
.upload-drop-zone input{
  position:absolute;inset:0;opacity:0;cursor:pointer;
}
.upload-drop-zone .upload-icon{
  width:42px;height:42px;border-radius:50%;display:grid;place-items:center;
  background:#17242d;color:#ffb51b;font-size:25px;margin-bottom:8px;
}
.upload-drop-zone strong{font-size:16px}
.upload-drop-zone small{color:#90a0ab;margin-top:5px}

.consent-line{
  display:flex!important;align-items:flex-start!important;gap:10px!important;
  padding:13px 14px;border:1px solid #2b3b46;border-radius:12px;background:#0b1217;
  margin:15px 0!important;
}
.consent-line input{
  width:17px!important;height:17px!important;flex:0 0 17px;margin-top:2px;
}
.consent-line span{font-size:13px;color:#aebbc4;line-height:1.45}
.consent-line a{color:#ffb51b;text-decoration:underline}

.contact-form-actions{
  display:flex;align-items:center;gap:16px;margin-top:18px;
}
.contact-submit,.auth-submit{
  border:0!important;border-radius:10px!important;
  background:#ffb51b!important;color:#0b0d0f!important;
  font-weight:900!important;padding:14px 22px!important;
  cursor:pointer;
}
.contact-form-actions small{color:#82939e}

.form-notice{
  padding:13px 15px;border-radius:10px;margin-bottom:18px;font-weight:700;
}
.form-notice.success{background:#10261a;border:1px solid #2d7148;color:#9ae1b3}
.form-notice.error{background:#2b1114;border:1px solid #8d353d;color:#ffb4ba}

/* Inscription */
.auth-premium-wrap{
  display:grid;
  grid-template-columns:minmax(260px,.85fr) minmax(0,1.45fr);
  gap:18px;
  max-width:1050px;
  margin:0 auto;
  align-items:stretch;
}
.auth-benefits{
  padding:28px;
  background:
    radial-gradient(circle at 15% 15%,rgba(255,181,27,.09),transparent 38%),
    linear-gradient(180deg,#101820,#0a1116);
}
.auth-benefits>small{color:#ffb51b;font-weight:900;letter-spacing:.12em}
.auth-benefits h2{font-size:28px;margin:7px 0 20px}
.auth-benefit-list{display:grid;gap:16px}
.auth-benefit-list>div{
  display:grid;grid-template-columns:34px 1fr;gap:11px;
  padding-top:14px;border-top:1px solid #293943;
}
.auth-benefit-list>div>span{
  width:30px;height:30px;display:grid;place-items:center;border-radius:50%;
  background:#12251b;color:#77d99a;font-weight:900;
}
.auth-benefit-list p{margin:0;color:#9eafba;line-height:1.45;font-size:14px}
.auth-benefit-list strong{color:#fff}
.account-type-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.account-type-choice label{position:relative;cursor:pointer}
.account-type-choice input{position:absolute;opacity:0}
.account-type-choice span{
  display:block;padding:13px 14px;border:1px solid #3a4b57;border-radius:10px;
  background:#111b22;font-weight:800;text-align:center;
}
.account-type-choice input:checked+span{
  border-color:#ffb51b;background:#211a0b;color:#ffcb5c;
}
.auth-submit{width:100%;margin-top:5px}
.auth-login-link{
  text-align:center;margin-top:17px;padding-top:16px;border-top:1px solid #293943;color:#9eafba
}
.auth-login-link a{color:#ffb51b;font-weight:800}

@media(max-width:900px){
  .contact-premium-layout,.auth-premium-wrap{grid-template-columns:1fr}
  .contact-info-card{position:static}
}
@media(max-width:650px){
  .premium-field-grid.two,.account-type-choice{grid-template-columns:1fr}
  .contact-premium-form,.auth-premium-form,.contact-info-card,.auth-benefits{padding:18px}
  .form-section-title{display:block}
  .form-section-title span{display:block;margin-top:4px}
  .contact-form-actions{align-items:stretch;flex-direction:column}
  .contact-submit{width:100%}
}


/* V26.3 — pages juridiques premium */
.legal-premium-copy{
  display:grid;
  gap:14px;
}
.legal-premium-copy section{
  border:1px solid #2d3e49;
  border-radius:14px;
  background:#0d151b;
  padding:20px 22px;
}
.legal-premium-copy h2{
  margin:0 0 10px;
  color:#ffb51b;
  font-size:20px;
}
.legal-premium-copy p,
.legal-premium-copy li{
  color:#c0ccd4;
  line-height:1.62;
}
.legal-premium-copy ul{
  margin:10px 0 0;
  padding-left:22px;
}
.legal-premium-copy a{
  color:#ffbf34;
  text-decoration:underline;
}
.legal-update{
  text-align:right;
  color:#778894!important;
  font-size:12px;
}
.footer-network a:hover,
.footer-helpbar a:hover{
  color:#ffb51b;
}


/* ============================================================
   V27 — ESPACE PRO COMPLET
   ============================================================ */

.pro-heading-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.btn.secondary{background:#111a21!important;color:#fff!important;border:1px solid #40515d!important}

.pro-offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0 34px}
.pro-offer-card{padding:24px;border:1px solid #30414c;border-radius:16px;background:linear-gradient(180deg,#101820,#0b1217)}
.pro-offer-card.featured{border-color:#e4a323;box-shadow:0 0 0 1px rgba(255,181,27,.12),0 18px 50px rgba(0,0,0,.22)}
.pro-badge{color:#ffb51b;font-size:11px;font-weight:900;letter-spacing:.12em}
.pro-offer-card h2{font-size:24px;margin:8px 0}
.pro-offer-card>strong{display:block;font-size:30px;color:#fff;margin-bottom:12px}
.pro-offer-card>strong small{font-size:14px;color:#9cacb7}
.pro-offer-card p{color:#a9b7c1;line-height:1.5}
.pro-offer-card ul{padding-left:20px;color:#d4dde3;line-height:1.75;margin:16px 0 20px}
.pro-offer-card>a{display:inline-flex;color:#111;background:#ffb51b;padding:11px 14px;border-radius:9px;font-weight:900}

.pro-section{margin:38px 0}
.pro-section-title{margin-bottom:16px}
.pro-section-title small{color:#ffb51b;font-weight:900;letter-spacing:.12em}
.pro-section-title h2{font-size:28px;margin:4px 0 5px}
.pro-section-title p{color:#9eb0bb;margin:0;max-width:820px}
.pro-section-title.split{display:flex;justify-content:space-between;align-items:end;gap:20px}
.pro-section-title.split>a{color:#ffb51b;font-weight:900;white-space:nowrap}

.pro-template-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.pro-template-card{position:relative;display:block;overflow:hidden;border:1px solid #30414c;border-radius:14px;background:#0b1116;color:#fff}
.pro-template-card img{width:100%;height:130px;object-fit:cover;display:block;filter:saturate(.88)}
.pro-template-card>div{padding:11px 12px}
.pro-template-card strong{display:block;font-size:14px;margin-bottom:4px}
.pro-template-card span,.pro-template-card em{font-size:12px;color:#ffb51b;font-style:normal}
.pro-template-card:hover{border-color:#ffb51b;transform:translateY(-2px)}

.pro-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.pro-feature-grid article{padding:18px;border:1px solid #2d3f4a;border-radius:13px;background:#0d151b}
.pro-feature-grid b{display:block;font-size:23px;margin-bottom:10px}
.pro-feature-grid strong{display:block;margin-bottom:5px}
.pro-feature-grid span{color:#96a7b2;font-size:13px;line-height:1.45}

.pro-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:36px 0}
.pro-process>div{position:relative;padding:20px;border-top:2px solid #ffb51b;background:#0a1015;border-radius:0 0 12px 12px}
.pro-process>div>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ffb51b;color:#111;font-weight:900;margin-bottom:10px}
.pro-process strong{display:block;margin-bottom:5px}
.pro-process p{margin:0;color:#94a6b0;font-size:13px}

.pro-directory-filter{display:grid;grid-template-columns:1.4fr 1fr auto;gap:10px;padding:14px;border:1px solid #2f414c;border-radius:14px;background:#0c141a;margin-bottom:17px}
.pro-directory-filter input,.pro-directory-filter select{width:100%;min-width:0;padding:12px 13px;border:1px solid #3b4d59;border-radius:9px;background:#111b22;color:#fff}
.pro-directory-filter button{border:0;border-radius:9px;background:#ffb51b;color:#111;padding:0 22px;font-weight:900}
.pro-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.premium-pro-card{overflow:hidden;border-radius:14px;background:#0d151b;border:1px solid #30414c}
.premium-pro-card img{height:155px;width:100%;object-fit:cover}
.premium-pro-card>div{padding:14px}
.premium-pro-card h3{font-size:18px;margin:5px 0}
.premium-pro-card p{color:#98a8b2}
.premium-pro-card span{color:#ffb51b;font-weight:800}

/* Builder */
.pro-builder-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;margin-bottom:18px;border:1px solid #d2961f;border-radius:14px;background:linear-gradient(90deg,#241b08,#101820)}
.pro-builder-top small{color:#ffb51b;font-weight:900;letter-spacing:.1em}
.pro-builder-top h2{margin:4px 0;font-size:23px}
.pro-builder-top strong{font-size:28px;color:#ffbc2d}.pro-builder-top strong span{font-size:13px;color:#a9b5bd}
.pro-builder-top>a{color:#ffb51b;font-weight:800}

.pro-builder-form{display:grid;gap:18px}
.pro-builder-section{padding:22px;border:1px solid #30414c;border-radius:16px;background:#0d151b}
.pro-builder-title{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start;margin-bottom:18px}
.pro-builder-title>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#ffb51b;color:#111;font-weight:900}
.pro-builder-title h2{margin:0 0 4px;font-size:22px}.pro-builder-title p{margin:0;color:#91a2ad}
.pro-template-grid.selectable{grid-template-columns:repeat(5,minmax(0,1fr))}
.pro-template-choice{cursor:pointer}.pro-template-choice>input{position:absolute;opacity:0}
.pro-template-choice .pro-template-card{height:100%}
.pro-template-choice>input:checked+.pro-template-card{border-color:#ffb51b;box-shadow:0 0 0 2px rgba(255,181,27,.18)}
.pro-template-choice>input:checked+.pro-template-card em:after{content:" ✓"}

.pro-builder-form textarea{width:100%;min-width:0;border:1px solid #3a4b57;border-radius:10px;background:#111b22;color:#fff;padding:13px 14px;font:inherit;resize:vertical}
.pro-builder-checkout{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:16px;border-top:1px solid #2d3d47}
.pro-builder-checkout>div{display:grid;gap:3px}.pro-builder-checkout small{color:#ffb51b;font-weight:900}.pro-builder-checkout strong{font-size:26px}.pro-builder-checkout span{font-size:12px;color:#8fa0aa}
.pro-request-success{max-width:850px;margin:20px auto;padding:40px;text-align:center;border:1px solid #33694a;border-radius:18px;background:radial-gradient(circle at 50% 0,rgba(61,156,99,.12),transparent 45%),#0d151b}
.success-check{width:62px;height:62px;margin:0 auto 15px;display:grid;place-items:center;border-radius:50%;background:#173522;color:#78e09b;font-size:32px}
.pro-request-success>small{color:#78e09b;font-weight:900;letter-spacing:.12em}.pro-request-success h2{font-size:25px}.pro-request-success p{color:#a7b5be}
.pro-success-actions{display:flex;justify-content:center;gap:10px;margin-top:20px}

/* Public showcase */
.pro-showcase-hero{position:relative;min-height:330px;border:1px solid #30414c;border-radius:17px;overflow:hidden;background:var(--pro-bg) center/cover no-repeat;margin-bottom:18px}
.pro-showcase-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,7,10,.96),rgba(3,7,10,.66) 45%,rgba(3,7,10,.10))}
.pro-showcase-copy{position:absolute;left:38px;bottom:36px;z-index:2;max-width:650px}.pro-showcase-copy small{color:#ffb51b;font-weight:900;letter-spacing:.12em}
.pro-showcase-copy h1{font-size:44px;margin:6px 0}.pro-showcase-copy p{font-size:18px;color:#d5dee4}.pro-showcase-buttons{display:flex;gap:9px;flex-wrap:wrap}
.pro-showcase-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.7fr);gap:16px}
.pro-showcase-grid main{display:grid;gap:14px}
.pro-showcase-panel,.pro-showcase-sidebar section{padding:22px;border:1px solid #30414c;border-radius:14px;background:#0d151b}
.pro-showcase-panel small,.pro-showcase-sidebar small{color:#ffb51b;font-weight:900;letter-spacing:.1em}.pro-showcase-panel h2{margin:5px 0 12px}
.pro-showcase-panel p{color:#aab7c0;line-height:1.65}
.pro-service-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.pro-service-list span{padding:10px 12px;border:1px solid #2b3d48;border-radius:9px;background:#101a20}
.pro-promo-panel{padding:22px;border:1px solid #c98d1d;border-radius:14px;background:linear-gradient(100deg,#251a06,#15110a)}.pro-promo-panel small{color:#ffb51b}.pro-promo-panel h2{margin:5px 0}
.pro-showcase-sidebar{display:grid;gap:14px;align-content:start}.pro-showcase-sidebar h3{font-size:20px}.pro-showcase-sidebar p{color:#9faeb7}.pro-showcase-sidebar a{display:block;color:#ffb51b;margin-top:9px}
.pro-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pro-gallery img{width:100%;height:155px;object-fit:cover;border-radius:9px}

@media(max-width:1050px){
 .pro-offer-grid{grid-template-columns:1fr 1fr}.pro-template-grid,.pro-template-grid.selectable{grid-template-columns:repeat(3,1fr)}
 .pro-feature-grid,.pro-process{grid-template-columns:repeat(2,1fr)}.pro-directory-grid{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:760px){
 .pro-offer-grid,.pro-directory-grid{grid-template-columns:1fr!important}.pro-template-grid,.pro-template-grid.selectable{grid-template-columns:repeat(2,1fr)}
 .pro-feature-grid,.pro-process{grid-template-columns:1fr}.pro-directory-filter{grid-template-columns:1fr}
 .pro-section-title.split,.pro-builder-top,.pro-builder-checkout{align-items:stretch;flex-direction:column;display:flex}
 .pro-showcase-grid{grid-template-columns:1fr}.pro-showcase-copy{left:20px;right:20px;bottom:22px}.pro-showcase-copy h1{font-size:32px}.pro-showcase-hero{min-height:300px}
 .pro-service-list{grid-template-columns:1fr}.pro-gallery{grid-template-columns:1fr 1fr}
}


/* ============================================================
   V27.1 — CHOIX DESIGNS : VERSION TEXTE PREMIUM
   Suppression des images non représentatives.
   ============================================================ */
.pro-template-grid.selectable{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:stretch;
}
.pro-template-choice-text{
  min-width:0;
}
.pro-template-card-text{
  height:100%;
  min-height:205px;
  padding:18px;
  display:flex!important;
  flex-direction:column;
  justify-content:flex-start;
  gap:12px;
  background:
    radial-gradient(circle at 100% 0,rgba(255,181,27,.08),transparent 34%),
    linear-gradient(180deg,#111a21,#0b1217)!important;
}
.pro-template-card-text img{
  display:none!important;
}
.template-text-icon{
  width:46px;
  height:46px;
  border-radius:12px;
  display:grid;
  place-items:center;
  font-size:20px;
  font-weight:900;
  color:#111;
  background:#ffb51b;
  box-shadow:0 8px 20px rgba(255,181,27,.12);
}
.template-text-copy{
  padding:0!important;
}
.template-text-copy strong{
  font-size:17px!important;
  margin-bottom:7px!important;
}
.template-text-copy p{
  margin:0 0 12px;
  color:#9eafba;
  font-size:13px;
  line-height:1.45;
}
.template-text-copy em{
  color:#ffb51b!important;
  font-size:12px!important;
  font-weight:800;
}
.pro-template-choice>input:checked+.pro-template-card-text{
  border-color:#ffb51b!important;
  box-shadow:0 0 0 2px rgba(255,181,27,.18),0 12px 35px rgba(0,0,0,.18)!important;
}
.pro-template-choice>input:checked+.pro-template-card-text .template-text-icon{
  background:#ffd166;
}
@media(max-width:1050px){
  .pro-template-grid.selectable{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:700px){
  .pro-template-grid.selectable{grid-template-columns:1fr 1fr!important}
}
@media(max-width:480px){
  .pro-template-grid.selectable{grid-template-columns:1fr!important}
}


/* ============================================================
   V27.2 — LIENS TEXTE PLUS VISIBLES
   Les liens textuels deviennent bleus.
   Les boutons conservent leur style jaune/rouge existant.
   ============================================================ */

/* Liens simples dans les contenus */
.body-content a:not(.btn):not(.button):not([class*="btn"]),
.page-body a:not(.btn):not(.button):not([class*="btn"]),
.tarifs-page a:not(.btn):not(.button):not([class*="btn"]),
.pros-page-v27 a:not(.btn):not(.button):not([class*="btn"]),
.info-page a:not(.btn):not(.button):not([class*="btn"]){
  color:#2f9cff !important;
  text-decoration:none;
  font-weight:800;
}

/* Survol = encore plus identifiable */
.body-content a:not(.btn):not(.button):not([class*="btn"]):hover,
.page-body a:not(.btn):not(.button):not([class*="btn"]):hover,
.tarifs-page a:not(.btn):not(.button):not([class*="btn"]):hover,
.pros-page-v27 a:not(.btn):not(.button):not([class*="btn"]):hover,
.info-page a:not(.btn):not(.button):not([class*="btn"]):hover{
  color:#69b8ff !important;
  text-decoration:underline;
}

/* Ne pas modifier les gros boutons CTA */
a.btn,
button,
.btn,
.button{
  text-decoration:none !important;
}


/* ============================================================
   V27.3 — FIX LIENS PAGE TARIFS
   La page utilise .pricing-page et non .tarifs-page.
   ============================================================ */

.pricing-page .pricing-grid a:not(.btn),
.pricing-page .pricing-note a:not(.btn){
  color:#2f9cff !important;
  text-decoration:underline !important;
  text-underline-offset:3px;
  font-weight:900 !important;
}

.pricing-page .pricing-grid a:not(.btn):hover,
.pricing-page .pricing-note a:not(.btn):hover{
  color:#78c2ff !important;
  text-decoration-thickness:2px !important;
}

/* Les vrais boutons restent inchangés */
.pricing-page a.btn{
  color:inherit !important;
  text-decoration:none !important;
}


/* ============================================================
   V31 — PAYPAL HOSTED BUTTONS
   ============================================================ */
.paypal-hosted-wrap{
  margin-top:14px;
  max-width:420px;
}
.paypal-pricing-card .paypal-hosted-wrap{
  margin-top:16px;
}
.paypal-pricing-card [id^="paypal-container-"]{
  min-height:48px;
}
.paypal-hosted-pro{
  max-width:520px;
  margin:24px auto 12px;
}
.paypal-brand-head{
  align-items:center;
}
.paypal-wordmark{
  font-size:27px;
  font-weight:900;
  font-style:italic;
  color:#179bd7;
  letter-spacing:-1px;
  min-width:92px;
}
.paypal-after-note{
  color:#93a5b0;
  font-size:13px;
  line-height:1.55;
  margin-top:14px;
}
@media(max-width:650px){
  .paypal-hosted-wrap,
  .paypal-hosted-pro{
    max-width:100%;
  }
}


/* ============================================================
   V32 — 3 BOUTONS PAYPAL + ALIGNEMENT TARIFS
   ============================================================ */
.pricing-page .bsa-pricing-heading-v32{
  margin-bottom:18px;
}

.pricing-page .bsa-pricing-grid-v32{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:16px !important;
  width:100% !important;
  align-items:stretch !important;
  margin:0 0 28px !important;
}

.pricing-page .bsa-price-card-v32{
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  min-width:0 !important;
  min-height:390px !important;
  padding:22px !important;
  border:1px solid #30414c !important;
  border-radius:16px !important;
  background:linear-gradient(180deg,#111a21,#0b1217) !important;
  box-sizing:border-box !important;
}

.pricing-page .bsa-price-card-v32.featured-v32{
  border-color:#ffb51b !important;
  box-shadow:0 0 0 1px rgba(255,181,27,.12) !important;
}

.pricing-page .bsa-price-card-v32 small{
  color:#ffb51b !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
}

.pricing-page .bsa-price-card-v32 h2{
  margin:7px 0 8px !important;
  font-size:23px !important;
  line-height:1.2 !important;
}

.pricing-page .bsa-price-v32{
  font-size:28px !important;
  font-weight:900 !important;
  color:#fff !important;
  margin-bottom:12px !important;
}

.pricing-page .bsa-price-v32 span{
  font-size:13px !important;
  color:#9fb0bb !important;
  font-weight:700 !important;
}

.pricing-page .bsa-price-card-v32 p{
  color:#a9b7c1 !important;
  line-height:1.5 !important;
  margin:0 0 14px !important;
}

.pricing-page .bsa-price-card-bottom{
  margin-top:18px !important;
  min-height:86px !important;
  display:flex !important;
  align-items:flex-end !important;
}

.pricing-page .bsa-paypal-slot-v32{
  width:100% !important;
  min-height:70px !important;
}

.pricing-page .bsa-free-btn-v32{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-height:48px !important;
  border-radius:9px !important;
  background:#ffb51b !important;
  color:#111 !important;
  font-weight:900 !important;
  text-decoration:none !important;
}

.pricing-page .bsa-config-link-v32{
  color:#2f9cff !important;
  font-weight:900 !important;
  text-decoration:underline !important;
  text-underline-offset:3px !important;
}

.pricing-page .bsa-pricing-note-v32{
  margin-top:8px !important;
}

@media(max-width:1150px){
  .pricing-page .bsa-pricing-grid-v32{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:650px){
  .pricing-page .bsa-pricing-grid-v32{
    grid-template-columns:1fr !important;
  }
  .pricing-page .bsa-price-card-v32{
    min-height:auto !important;
  }
}


/* ============================================================
   V33 — PAYPAL MARKETPLACE / SELLER ONBOARDING SANDBOX
   ============================================================ */
.seller-paypal-heading{margin-bottom:18px}
.seller-sandbox-warning{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:13px 16px;margin-bottom:16px;border:1px solid #8c671a;border-radius:12px;
  background:#211906;color:#e8d7a9
}
.seller-sandbox-warning strong{color:#ffbd2e}
.seller-paypal-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.65fr);gap:16px}
.seller-paypal-card{
  border:1px solid #30414c;border-radius:16px;background:linear-gradient(180deg,#101820,#0b1217);
  padding:24px;min-width:0
}
.seller-paypal-card small,.seller-paypal-status small{color:#ffb51b;font-weight:900;letter-spacing:.12em}
.seller-paypal-card h2{font-size:25px;margin:7px 0 11px}
.seller-paypal-card p{color:#a5b4be;line-height:1.55}
.paypal-big-brand{font-size:42px;font-weight:950;font-style:italic;letter-spacing:-3px;color:#179bd7;margin-bottom:18px}
.paypal-big-brand::first-letter{color:#003087}
.seller-server-path{
  margin:14px 0;padding:12px 14px;border:1px dashed #52636e;border-radius:9px;
  background:#080d11;color:#fff;font-family:monospace;word-break:break-all
}
.seller-paypal-benefits{display:grid;gap:9px;margin:18px 0;color:#d6e0e6}
.seller-paypal-benefits span{padding:10px 12px;border:1px solid #263843;border-radius:9px;background:#0b1319}
.paypal-connect-button{
  width:100%;min-height:54px;border:0;border-radius:10px;background:#ffc439;color:#111;
  display:flex;align-items:center;justify-content:center;gap:0;padding:12px 18px;font:inherit;
  font-weight:900;cursor:pointer;box-shadow:0 8px 22px rgba(255,196,57,.14)
}
.paypal-connect-button b,.paypal-connect-button i{font-size:22px;font-style:italic;letter-spacing:-1px}
.paypal-connect-button b{color:#003087}.paypal-connect-button i{color:#179bd7;margin-right:14px}
.paypal-connect-button span{font-size:15px}
.seller-flow{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:12px}
.seller-flow li{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:10px}
.seller-flow b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#ffb51b;color:#111}
.seller-flow span{color:#c3d0d7}
.seller-status-list{display:grid;gap:8px;margin:18px 0}
.seller-status-list>div{display:flex;justify-content:space-between;gap:18px;padding:12px;border:1px solid #2b3c46;border-radius:9px;background:#0b1319}
.seller-status-list span{color:#8fa1ac}.seller-status-list strong{text-align:right}
.seller-paypal-shell{max-width:880px;margin:10px auto}
.seller-paypal-status{
  text-align:center;padding:38px;border:1px solid #30414c;border-radius:18px;background:#0d151b
}
.seller-paypal-status.success{border-color:#376e4a;background:radial-gradient(circle at 50% 0,rgba(71,170,103,.12),transparent 46%),#0d151b}
.seller-paypal-status.error{border-color:#7b3d3d;background:radial-gradient(circle at 50% 0,rgba(195,66,66,.10),transparent 46%),#0d151b}
.seller-paypal-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:0 auto 15px;background:#16242d;color:#fff;font-size:32px}
.seller-paypal-status.success .seller-paypal-icon{background:#173522;color:#79df9b}
.seller-paypal-status.error .seller-paypal-icon{background:#351717;color:#ff8686}
.seller-paypal-status h1{font-size:30px;margin:8px 0}.seller-paypal-status p{color:#a6b5be;line-height:1.55}
.seller-paypal-checks{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:18px 0}
.seller-paypal-checks span{padding:8px 11px;border-radius:999px;border:1px solid #31424c}
.seller-paypal-checks .ok{border-color:#356b49;color:#79df9b;background:#0c1d12}
.seller-paypal-checks .wait{border-color:#8a661d;color:#ffc64b;background:#211906}
.seller-paypal-message{padding:12px;margin:14px 0;border:1px solid #485966;border-radius:9px;color:#c6d1d7}
.seller-paypal-page .muted{color:#8698a3;font-size:13px}
@media(max-width:850px){
  .seller-paypal-grid{grid-template-columns:1fr}
  .seller-sandbox-warning{align-items:flex-start;flex-direction:column}
}


/* ============================================================
   V35 — STRIPE CONNECT LIÉ AU BSA ID
   ============================================================ */
.account-stripe-card,
.stripe-account-card{
  margin:22px 0 30px;
  padding:24px;
  border:1px solid #334754;
  border-radius:16px;
  background:linear-gradient(180deg,#101920,#0b1217);
}
.account-stripe-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
}
.account-stripe-card small,
.stripe-account-card small{
  color:#ffb51b;
  font-weight:900;
  letter-spacing:.1em;
}
.account-stripe-card h2,
.stripe-account-card h1{
  margin:6px 0 8px;
}
.account-stripe-card p,
.stripe-account-card p{
  color:#aab9c2;
  line-height:1.55;
}
.account-stripe-logo,
.stripe-brand{
  color:#635bff;
  font-size:34px;
  font-weight:950;
  letter-spacing:-2px;
}
.account-stripe-state{
  display:grid;
  grid-template-columns:18px 1fr;
  align-items:flex-start;
  gap:12px;
  margin:18px 0;
  padding:14px;
  border:1px solid #293d49;
  border-radius:11px;
  background:#0a1319;
}
.account-stripe-state p{margin:4px 0 0}
.stripe-dot{
  width:12px;height:12px;border-radius:50%;margin-top:5px;
}
.stripe-dot.ok{background:#45d681;box-shadow:0 0 0 4px rgba(69,214,129,.10)}
.stripe-dot.wait{background:#ffbd2e;box-shadow:0 0 0 4px rgba(255,189,46,.10)}
.stripe-account-actions,
.stripe-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
}
.stripe-status-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:20px 0;
}
.stripe-status-grid>div{
  display:flex;
  justify-content:space-between;
  gap:18px;
  padding:13px;
  border:1px solid #293d49;
  border-radius:10px;
  background:#0a1319;
}
.stripe-status-grid span{color:#93a5af}
.stripe-status-grid .ok{color:#63df91}
.stripe-status-grid .wait{color:#ffc94d}
.stripe-account-page{max-width:900px;margin:10px auto}
@media(max-width:700px){
  .account-stripe-top{flex-direction:column}
  .stripe-status-grid{grid-template-columns:1fr}
}

/* V36 — œil mot de passe + privilèges */
.bsa-password-wrap{position:relative;display:block;width:100%}
.bsa-password-wrap input{width:100%;padding-right:48px!important}
.bsa-password-eye{
 position:absolute;right:8px;top:50%;transform:translateY(-50%);
 width:38px;height:38px;border:0;background:transparent;color:#fff;
 cursor:pointer;font-size:18px;border-radius:8px
}
.bsa-password-eye:hover{background:rgba(255,255,255,.07)}
.boss-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #ffb51b;border-radius:999px;color:#ffb51b;font-weight:900}
.promo-box{margin:18px 0;padding:18px;border:1px solid #334754;border-radius:14px;background:#0d171d}


/* ============================================================
   V38 — Marketplace transactions / enchères / paiements / confiance
   ============================================================ */
.market-form fieldset{border:1px solid #30414c;border-radius:14px;padding:18px;margin:18px 0}.market-form legend{padding:0 8px;color:#ffb51b;font-weight:900}.field-help,.market-form small{color:#91a5b2}.check-line.muted,.ship-line.muted,.method-switch.muted{opacity:.55}.auction-options,.transaction-box,.order-card,.info-callout{border:1px solid #30414c;background:#0b141a;border-radius:16px;padding:20px;margin:18px 0}.ship-line{display:flex;align-items:center;gap:12px;margin:10px 0}.ship-line label{flex:1}.ship-line input[type=number]{width:110px}.method-switch{display:flex;gap:12px;align-items:flex-start;border-bottom:1px solid #23333d;padding:14px 0}.method-switch input{margin-top:4px}.method-switch span{display:flex;flex-direction:column;gap:4px}.method-switch small{color:#8fa2ae}.seller-trust-card{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #2d485a;background:#09131a;padding:14px 16px;border-radius:14px;margin:18px 0}.seller-trust-card div{display:flex;flex-direction:column}.seller-trust-card span{color:#a8bac5}.auction-clock{display:flex;gap:12px;align-items:center;border:1px solid #7b5917;background:#211a09;padding:12px 14px;border-radius:12px;margin:12px 0}.auction-clock span{color:#ffca4b;font-size:20px;font-weight:900}.bid-form,.offer-form,.inline-actions,.tracking-form{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin:14px 0}.bid-form label,.offer-form label{flex:1;min-width:220px}.offer-row,.counter-card{border:1px solid #314550;border-radius:12px;padding:12px;margin:10px 0}.offer-row form,.counter-card form{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.offer-row button{border:0;border-radius:8px;padding:8px 10px;font-weight:800}.account-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0}.account-tool{border:1px solid #30414c;background:#0b141a;border-radius:15px;padding:18px;display:grid;grid-template-columns:auto 1fr;gap:4px 12px}.account-tool>span{font-size:28px;grid-row:1/3}.account-tool small{color:#92a4af}.order-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.order-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #263640}.order-row.total{font-size:20px;color:#ffbd2e}.payment-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.pay-choice-form{margin:0}.pay-choice{width:100%;height:100%;border:1px solid #355064;background:#0a151c;color:#fff;border-radius:14px;padding:16px;text-align:left;display:flex;flex-direction:column;gap:5px;cursor:pointer}.pay-choice:hover{border-color:#ffb51b}.pay-choice span{color:#9eb0ba}.stripe-choice strong{color:#7b74ff}.transaction-list{display:grid;gap:10px}.transaction-row{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;border:1px solid #30414c;border-radius:14px;padding:14px;background:#0b141a}.transaction-row div{display:flex;flex-direction:column}.transaction-row small{color:#91a4af}.tx-role{color:#ffbd2e;font-weight:900}.profile-trust{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px}.profile-score,.reviews-panel{border:1px solid #30414c;background:#0b141a;border-radius:18px;padding:24px}.big-rating{font-size:46px;font-weight:900}.big-rating span{color:#ffbd2e}.trust-badges{display:flex;flex-wrap:wrap;gap:8px}.trust-badges span,.incident-badge{border:1px solid #34505f;border-radius:999px;padding:7px 10px;font-size:12px}.incident-badge{margin-top:12px;color:#ffbd2e}.review-card{border-top:1px solid #2d3d47;padding:15px 0}.review-card>div{display:flex;justify-content:space-between;gap:12px}.review-card strong{color:#ffbd2e}.review-card span{font-size:12px;color:#55d68a}.flow-page{display:grid;gap:18px}.flow-page section{border:1px solid #30414c;background:#0b141a;border-radius:18px;padding:22px}.flow-diagram{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin:18px 0}.flow-diagram span{border:1px solid #3c596b;background:#09131a;border-radius:12px;padding:13px 16px;font-weight:800}.flow-diagram b{color:#ffb51b;font-size:22px}.payment-logo-wall{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;border:1px solid #344a57;background:linear-gradient(90deg,#0d1720,#080d12);border-radius:18px;padding:20px;margin-bottom:22px}.payment-logo-wall strong{background:#fff;color:#111;border-radius:9px;padding:8px 12px}.payment-logo-wall .stripe-word{color:#635bff;font-size:24px}.payment-premium-banner-v38 .pay-text-card{gap:5px}.payment-premium-banner-v38 .pay-text-card b,.payment-premium-banner-v38 .pay-text-card span{border:1px solid #4d5d69;padding:4px 6px;border-radius:5px}.klarna-brand{background:#ffb3c7;color:#111;padding:7px 10px;border-radius:8px;flex-direction:column;gap:0}.klarna-brand span{font-size:9px}.notice-inline{color:#ffca4b}.review-form textarea{min-height:90px}
@media(max-width:900px){.account-tools-grid,.order-grid,.profile-trust,.payment-choice-grid{grid-template-columns:1fr}.transaction-row{grid-template-columns:auto 1fr}.transaction-row>b{grid-column:2}.flow-diagram{align-items:stretch;flex-direction:column}.flow-diagram b{transform:rotate(90deg);align-self:center}}

.reservation-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:12px 0}.reservation-form label{min-width:210px}.reservation-form small{width:100%;color:#93a6b2}

/* ============================================================
   V38.1 — VISUEL COMPACT
   Recherche intégrée au hero + bandeau marques pleine largeur
   ============================================================ */
@media (min-width:761px){
  .universal-hero{
    min-height:485px;
  }
  .universal-hero__copy{
    padding:48px 0 132px;
  }
  .universal-hero .hero-search-dock{
    position:absolute;
    left:50%;
    bottom:16px;
    transform:translateX(-50%);
    width:var(--wrap);
    margin:0;
    z-index:24;
  }
}
.universal-hero .premium-search{
  padding:9px;
  border-radius:14px;
  background:rgba(8,13,18,.94);
  box-shadow:0 12px 32px rgba(0,0,0,.34);
  backdrop-filter:blur(8px);
}
.universal-hero .main-search input,
.universal-hero .main-search select,
.universal-hero .main-search button{
  height:48px;
}

/* Bandeau marques : compact, pleine largeur, sans barre de défilement visible */
.brand-strip{
  width:min(1560px,calc(100% - 20px));
  margin:0 auto 12px;
  padding:7px 10px;
  border-radius:0 0 14px 14px;
  background:linear-gradient(180deg,#0c141a,#091017);
  border-top:0;
  box-shadow:0 10px 24px rgba(0,0,0,.18);
}
.brand-strip-row{
  display:grid;
  grid-template-columns:82px minmax(0,1fr) 72px;
  align-items:center;
  gap:8px;
}
.brand-strip-label{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:66px;
  padding:0 8px;
  border-right:1px solid #2b3a45;
}
.brand-strip-label small{
  color:#ffb51b;
  font-size:10px;
  font-weight:950;
  letter-spacing:.12em;
}
.brand-strip-label strong{
  margin-top:2px;
  font-size:13px;
  white-space:nowrap;
}
.brand-strip-all{
  color:#ffb51b;
  font-size:12px;
  font-weight:900;
  text-align:center;
  white-space:nowrap;
}
.brand-strip .brand-shell{min-width:0}
.brand-strip .carousel-track{
  gap:8px;
  padding:0 36px;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.brand-strip .carousel-track::-webkit-scrollbar{display:none;width:0;height:0}
.brand-strip .vehicle-brand{
  flex:0 0 74px;
  min-height:66px;
  gap:4px;
  border-radius:10px;
  font-size:10px;
  line-height:1.1;
}
.brand-strip .brand-mark{
  width:36px;
  height:36px;
  border-radius:9px;
}
.brand-strip .brand-mark img{
  width:27px;
  height:27px;
}
.brand-strip .scroll-arrow{
  width:32px;
  height:32px;
  font-size:23px;
  background:rgba(7,13,18,.96);
}
.brand-strip .scroll-arrow.prev{left:0}
.brand-strip .scroll-arrow.next{right:0}

/* Le contenu commence plus vite sous le bandeau */
@media(min-width:1280px){
  .home-v24 .home-rail-layout,
  .neutral-template .home-rail-layout{
    margin-top:12px!important;
  }
}
@media(min-width:761px) and (max-width:1100px){
  .universal-hero{min-height:500px}
  .universal-hero__copy{padding-bottom:165px}
  .brand-strip-row{grid-template-columns:70px minmax(0,1fr) 62px}
  .brand-strip-label strong{font-size:12px}
  .brand-strip .vehicle-brand{flex-basis:70px}
}
@media(max-width:760px){
  .universal-hero{
    display:block;
    min-height:auto;
    padding-bottom:12px;
  }
  .universal-hero__copy{
    padding:300px 0 24px;
  }
  .universal-hero .hero-search-dock{
    position:relative;
    left:auto;
    bottom:auto;
    transform:none;
    width:var(--wrap);
    margin:0 auto;
    z-index:24;
  }
  .universal-hero .premium-search{padding:8px}
  .universal-hero .main-search input,
  .universal-hero .main-search select,
  .universal-hero .main-search button{height:44px}
  .brand-strip{
    width:calc(100% - 10px);
    margin-bottom:10px;
    padding:6px;
    border-radius:0 0 12px 12px;
  }
  .brand-strip-row{grid-template-columns:minmax(0,1fr)}
  .brand-strip-label,.brand-strip-all{display:none}
  .brand-strip .carousel-track{padding:0 32px;gap:7px}
  .brand-strip .vehicle-brand{flex-basis:68px;min-height:62px;font-size:9px}
  .brand-strip .brand-mark{width:34px;height:34px}
  .brand-strip .brand-mark img{width:25px;height:25px}
  .brand-strip .scroll-arrow{width:30px;height:30px}
}

/* ==============================================================
   V38.2 — Footer double carrousel + CTA 0% commission
   ============================================================== */
.hero-publish.hero-zero-commission{
  background:linear-gradient(135deg,#45dc78,#b8ff46)!important;
  color:#061109!important;
  border:1px solid rgba(195,255,105,.9);
  box-shadow:0 0 0 0 rgba(87,232,102,.50),0 12px 30px rgba(49,190,82,.22);
  text-transform:uppercase;
  letter-spacing:.025em;
  animation:bsaZeroCommissionPulse 1.7s ease-in-out infinite;
}
.hero-publish.hero-zero-commission:hover{transform:translateY(-1px);filter:brightness(1.07)}
@keyframes bsaZeroCommissionPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(87,232,102,.48),0 12px 30px rgba(49,190,82,.22)}
  50%{box-shadow:0 0 0 9px rgba(87,232,102,0),0 0 24px rgba(106,255,112,.42)}
}

.bsa-footer{padding-top:16px}
.footer-dual-showcase{
  width:var(--wrap);
  margin:0 auto 12px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:14px;
}
.footer-showcase-card{
  min-width:0;
  border:1px solid #2f414d;
  border-radius:15px;
  background:linear-gradient(180deg,#0c141a,#080c10);
  overflow:hidden;
  box-shadow:0 12px 30px rgba(0,0,0,.18);
}
.footer-showcase-head{
  min-height:44px;
  padding:8px 12px 7px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border-bottom:1px solid #22323d;
}
.footer-showcase-head>span:first-child{display:flex;align-items:baseline;gap:9px;min-width:0}
.footer-showcase-head small{color:var(--yellow);font-size:10px;font-weight:950;letter-spacing:.10em;white-space:nowrap}
.footer-showcase-head strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.footer-showcase-live{font-size:9px;font-weight:900;color:#57d98c;letter-spacing:.08em;white-space:nowrap}
.footer-showcase-live--gold{color:#ffbd2e}
.footer-mini-slider{
  position:relative;
  height:198px;
  background:#05080b;
  overflow:hidden;
}
.footer-mini-slide{
  position:absolute;
  inset:0;
  opacity:0;
  visibility:hidden;
  transition:opacity .45s ease,visibility .45s ease;
  display:block;
  background:#05080b;
}
.footer-mini-slide.active{opacity:1;visibility:visible;z-index:1}
.footer-mini-slide img{
  width:100%;height:100%;display:block;object-fit:cover;object-position:center;
  transition:transform .55s ease,filter .35s ease;
}
.footer-mini-slide:hover img{transform:scale(1.012);filter:brightness(1.05)}
.footer-mini-arrow{
  position:absolute;z-index:4;top:50%;transform:translateY(-50%);
  width:34px;height:34px;border-radius:50%;
  border:1px solid rgba(95,133,160,.75);background:rgba(5,11,16,.78);color:#fff;
  display:grid;place-items:center;font-size:24px;line-height:1;cursor:pointer;
  backdrop-filter:blur(4px);
}
.footer-mini-arrow:hover{border-color:#ffbd2e;color:#ffbd2e}
.footer-mini-arrow.prev{left:9px}.footer-mini-arrow.next{right:9px}
.footer-mini-dots{
  position:absolute;z-index:5;left:50%;bottom:7px;transform:translateX(-50%);
  display:flex;gap:5px;padding:4px 7px;border-radius:999px;background:rgba(2,6,9,.55);
}
.footer-mini-dots button{width:6px;height:6px;border:0;border-radius:50%;padding:0;background:#5d6972;cursor:pointer}
.footer-mini-dots button.active{background:#ffbd2e;box-shadow:0 0 8px rgba(255,189,46,.65)}

/* Conserver la bannière paiement pour comparaison, mais plus compacte */
.payment-premium-banner{margin-top:11px;min-height:78px;padding:10px 16px;gap:14px}
.payment-premium-banner .secure-icon{font-size:26px}
.footer-helpbar{padding-bottom:10px}
.footer-bottom-main{padding:14px 0}
.footer-network{padding-top:9px}

@media(max-width:980px){
  .footer-dual-showcase{grid-template-columns:1fr;gap:10px}
  .footer-mini-slider{height:auto;aspect-ratio:3/1}
}
@media(max-width:760px){
  .footer-showcase-head{min-height:40px;padding:7px 10px}
  .footer-showcase-head>span:first-child{display:block}
  .footer-showcase-head strong{display:block;margin-top:2px}
  .footer-mini-arrow{width:30px;height:30px;font-size:21px}
  .hero-publish.hero-zero-commission{font-size:12px;padding:13px 17px;text-align:center}
}
@media(prefers-reduced-motion:reduce){
  .hero-publish.hero-zero-commission{animation:none}
  .footer-mini-slide,.footer-mini-slide img{transition:none}
}


/* ==============================================================
   V38.3 — IDENTITÉ FRANCE + HERO SIGNATURE + CTA TRICOLORE
   ============================================================== */
.site-brand-zone{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  white-space:nowrap;
}
.site-country-badge{
  display:inline-flex;
  align-items:center;
  height:42px;
  border-radius:11px;
  overflow:hidden;
  flex:0 0 auto;
  filter:drop-shadow(0 0 7px rgba(38,140,255,.22));
}
.site-country-badge img{
  display:block;
  width:auto;
  height:42px;
  max-width:none;
}

/* Le visuel validé reste lisible : texte à gauche, identité BSA / auto / moto à droite. */
.universal-hero{background-position:center center}
.home-v24 .universal-hero{background-position:center center}

/* 1 seconde bleu, 1 seconde blanc, 1 seconde rouge — en boucle. */
.hero-publish.hero-zero-commission{
  color:#1f76ff!important;
  text-shadow:0 1px 2px rgba(0,0,0,.72),0 0 8px rgba(255,255,255,.08);
  animation:bsaZeroCommissionPulse 1.7s ease-in-out infinite,bsaFlagText 3s steps(1,end) infinite!important;
}
@keyframes bsaFlagText{
  0%,33.333%{color:#1676ff}
  33.334%,66.666%{color:#ffffff}
  66.667%,100%{color:#ff2f3e}
}

@media(max-width:1100px){
  .site-brand-zone{gap:8px}
  .site-country-badge,.site-country-badge img{height:34px}
}
@media(max-width:760px){
  .site-country-badge{display:none}
  .hero-publish.hero-zero-commission{animation:bsaFlagText 3s steps(1,end) infinite!important}
}
@media(prefers-reduced-motion:reduce){
  .hero-publish.hero-zero-commission{animation:none!important;color:#fff!important}
}


/* ==============================================================
   V39 — MÊME MOTEUR FRANCE .FR + EUROPE .COM
   ============================================================== */
.market-switcher{display:flex;align-items:center;gap:7px;min-width:0}
.market-badge{display:inline-flex;height:38px;border-radius:11px;overflow:hidden;opacity:.52;filter:saturate(.72);border:1px solid transparent;transition:.2s ease;flex:0 0 auto}
.market-badge img{display:block;width:auto;height:38px;max-width:none}
.market-badge:hover{opacity:.9;filter:saturate(1)}
.market-badge.active{opacity:1;filter:saturate(1) drop-shadow(0 0 8px rgba(38,140,255,.28));border-color:#24517a}
.market-eu .market-badge.active{border-color:#2f6fc1;box-shadow:0 0 12px rgba(44,127,255,.16)}
.market-publish-notice{display:flex;flex-direction:column;gap:4px;border:1px solid #355b78;background:linear-gradient(90deg,#0b1720,#0a1016);border-radius:14px;padding:14px 16px;margin:0 0 16px}
.market-publish-notice strong{color:#ffbd2e}.market-publish-notice span{color:#b9c8d2}
@media(max-width:1250px){.market-badge{height:32px}.market-badge img{height:32px}.market-switcher{gap:4px}.site-brand-zone{gap:7px}}
@media(max-width:920px){.market-switcher .market-badge:not(.active){display:none}}
@media(max-width:760px){.market-switcher{display:flex}.market-switcher .market-badge.active{display:inline-flex;height:29px}.market-switcher .market-badge.active img{height:29px}}


/* ==============================================================
   V40 — HARMONISATION PRO FR / EUROPE
   ============================================================== */
.site-header.bsa-header{height:82px;display:flex;align-items:center;gap:15px;padding:0 max(22px,calc((100vw - 1480px)/2));overflow:visible}
.site-brand-zone{display:flex;align-items:center;gap:9px;flex:0 0 auto;min-width:0;white-space:nowrap}
.site-header .brand{font-size:25px;line-height:1;display:inline-flex;align-items:center;white-space:nowrap;letter-spacing:0}
.site-header .brand strong{font-weight:900;margin-left:5px}
.market-switcher{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;white-space:nowrap}
.market-badge{height:34px}.market-badge img{height:34px}
.header-language{margin-left:auto;display:flex;align-items:center;gap:7px;flex:0 1 auto;min-width:0;white-space:nowrap}
.header-language .gtranslate_wrapper{display:flex!important;align-items:center;gap:2px;flex-wrap:nowrap!important;white-space:nowrap!important;overflow:hidden;max-width:255px}
.header-language .gtranslate_wrapper a{display:inline-flex!important;flex:0 0 auto!important;margin:0!important}
.header-language .gtranslate_wrapper img{width:22px!important;height:auto!important;display:block!important}
.header-nav{display:flex;align-items:center;gap:16px;white-space:nowrap;flex:0 0 auto}
.header-publish{flex:0 0 auto;padding:14px 19px}
@media(max-width:1380px){.site-header.bsa-header{gap:10px;padding-left:18px;padding-right:18px}.site-header .brand{font-size:22px}.market-badge,.market-badge img{height:30px}.header-nav{gap:12px;font-size:13px}.header-language .gtranslate_wrapper{max-width:210px}.header-language .gtranslate_wrapper img{width:20px!important}.header-publish{padding:12px 15px}}
@media(max-width:1120px){.site-header.bsa-header{display:grid;grid-template-columns:auto 1fr auto;height:78px}.site-brand-zone{grid-column:1}.header-language{grid-column:2;justify-self:center;margin-left:0}.mobile-menu-toggle{display:block;grid-column:3}.header-nav{position:absolute;top:calc(100% + 1px);right:14px;display:none;flex-direction:column;align-items:stretch;background:#0c1218;border:1px solid #33414c;padding:12px;border-radius:12px;min-width:210px}.header-nav.open{display:flex}.header-publish{position:absolute;right:65px;top:18px}.market-switcher .market-badge:not(.active){display:none}}
@media(max-width:760px){.site-header .brand{font-size:20px}.site-header .brand strong{display:none}.header-language{justify-self:start}.header-language>span{display:none}.header-language .gtranslate_wrapper{max-width:145px}.market-badge,.market-badge img{height:28px}}

.neutral-page-body{padding:22px 0 46px}
.neutral-page-body>.body-heading{margin:0 0 20px;padding:22px 24px;border:1px solid #2d414f;border-radius:18px;background:linear-gradient(135deg,#0d1720,#091017);box-shadow:0 14px 34px rgba(0,0,0,.16)}
.neutral-page-body>.body-heading small{display:block;color:#ffb51b;font-weight:900;letter-spacing:.12em;margin-bottom:7px}
.neutral-page-body>.body-heading h1{font-size:clamp(30px,3vw,44px);line-height:1.05;margin:0 0 8px}
.neutral-page-body>.body-heading p{margin:0;color:#b6c6d1;line-height:1.55;max-width:900px}

.premium-form,.auth-form{max-width:1080px;margin:0 auto 30px;background:#0d151b;border:1px solid #31404b;border-radius:18px;padding:24px;box-shadow:0 16px 38px rgba(0,0,0,.16)}
.premium-form label,.auth-form label{display:flex;flex-direction:column;gap:7px;font-weight:800;color:#eaf0f4}
.premium-form input:not([type=checkbox]):not([type=radio]),.premium-form select,.premium-form textarea,.auth-form input,.auth-form select,.auth-form textarea{width:100%;min-width:0;border:1px solid #3a4d59;border-radius:10px;background:#111b22;color:#fff;padding:12px 13px;outline:none;transition:.18s ease}
.premium-form input:not([type=checkbox]):not([type=radio]),.premium-form select,.auth-form input,.auth-form select{min-height:46px}
.premium-form textarea,.auth-form textarea{resize:vertical;line-height:1.5}
.premium-form input:focus,.premium-form select:focus,.premium-form textarea:focus,.auth-form input:focus,.auth-form select:focus,.auth-form textarea:focus{border-color:#318be8;box-shadow:0 0 0 3px rgba(49,139,232,.12)}
.premium-form input::placeholder,.premium-form textarea::placeholder,.auth-form input::placeholder,.auth-form textarea::placeholder{color:#7f919e}
.form-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:15px 0}
.check-line{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:10px!important;font-weight:600!important;line-height:1.45;padding:8px 0}.check-line input{margin-top:3px}
.market-form fieldset{margin:16px 0 0!important;padding:18px!important}.market-form legend{font-size:16px}
.market-publish-notice{margin-bottom:18px!important}

.publish-pro-form{max-width:1120px;background:transparent;border:0;padding:0;box-shadow:none}
.publish-card{border:1px solid #30434f;border-radius:18px;background:linear-gradient(145deg,#0c151c,#091016);padding:22px;margin-bottom:16px;box-shadow:0 14px 36px rgba(0,0,0,.14)}
.publish-card-head{display:flex;align-items:center;gap:13px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid #243640}.publish-card-head>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#ffb51b;color:#111;font-weight:950}.publish-card-head h2{margin:0;font-size:22px}.publish-card-head p{margin:3px 0 0;color:#91a6b4;font-size:13px}.publish-options{display:grid;gap:4px;margin-top:8px}.file-input{padding:9px!important}.ship-price{display:flex;align-items:center;gap:7px;width:140px}.ship-price input{width:105px!important}.publish-submit{display:flex;justify-content:center;width:100%;max-width:420px;margin:22px auto 0;padding:15px 24px;font-size:17px}

.pro-offer-grid,.pro-feature-grid,.pro-template-grid,.directory-grid{gap:16px}
.pro-offer-card,.pro-feature-grid article,.premium-pro-card,.pro-template-card{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.pro-offer-card:hover,.pro-feature-grid article:hover,.premium-pro-card:hover,.pro-template-card:hover{transform:translateY(-3px);border-color:#3f6074;box-shadow:0 14px 30px rgba(0,0,0,.22)}
.pro-template-card img{filter:none!important;opacity:1!important;object-fit:cover}.pro-template-card:after{background:linear-gradient(180deg,transparent 48%,rgba(4,8,11,.92))!important}

.neutral-page-body table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #30414c;border-radius:14px;overflow:hidden;background:#0c141a}.neutral-page-body th,.neutral-page-body td{padding:12px 14px;border-bottom:1px solid #263741;text-align:left}.neutral-page-body th{background:#101c24;color:#ffbd2e}.neutral-page-body tr:last-child td{border-bottom:0}
.neutral-page-body .btn,.neutral-page-body button:not(.latest-arrow):not(.scroll-arrow):not(.bsa-sponsor-arrow):not(.bsa-own-arrow):not(.formula-arrow){border-radius:10px;font-weight:900;transition:transform .15s ease,filter .15s ease}.neutral-page-body .btn:hover,.neutral-page-body button:hover{filter:brightness(1.08)}
.alert{padding:13px 15px;border-radius:12px;margin:0 0 16px}.alert.error{border:1px solid #a83a45;background:#321117;color:#ffbcc3}.alert.success{border:1px solid #2f7851;background:#0d291c;color:#bff5d4}

@media(max-width:760px){.form-2{grid-template-columns:1fr}.premium-form,.auth-form,.publish-card{padding:16px}.ship-line{align-items:flex-start;flex-direction:column}.ship-price{width:100%}.ship-price input{width:100%!important}.neutral-page-body>.body-heading{padding:18px}}

/* ==============================================================
   V40.1 — RESPONSIVE MOBILE / TABLETTE FR + EUROPE
   Objectif : aucun débordement horizontal, header utilisable,
   hero lisible, formulaires/cartes/footer confortables au tactile.
   ============================================================== */
html,body{max-width:100%;overflow-x:hidden}
img,video,iframe{max-width:100%}
input,select,textarea,button{max-width:100%;box-sizing:border-box}

@media(max-width:760px){
  :root{--wrap:calc(100% - 20px)!important}

  /* Header mobile sur 2 niveaux : identité en haut, langues dessous. */
  .site-header.bsa-header{
    min-height:92px!important;height:92px!important;
    padding:0 10px!important;gap:6px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 42px 42px!important;
    grid-template-rows:54px 34px!important;
    align-items:center!important;
  }
  .site-brand-zone{grid-column:1!important;grid-row:1!important;min-width:0!important;gap:5px!important;overflow:hidden}
  .site-header .brand{font-size:20px!important;min-width:0;flex:0 1 auto}
  .site-header .brand strong{display:none!important}
  .market-switcher{min-width:0!important;gap:3px!important}
  .market-switcher .market-badge:not(.active){display:none!important}
  .market-badge,.market-badge img{height:27px!important;max-width:116px!important;object-fit:contain}

  .header-publish{
    grid-column:2!important;grid-row:1!important;
    position:static!important;right:auto!important;top:auto!important;
    width:42px!important;height:42px!important;padding:0!important;
    display:grid!important;place-items:center!important;border-radius:11px!important;
    font-size:0!important;
  }
  .header-publish:after{content:'+'!important;font-size:25px!important;line-height:1!important}
  .mobile-menu-toggle{
    grid-column:3!important;grid-row:1!important;
    display:grid!important;place-items:center!important;
    width:42px!important;height:42px!important;margin:0!important;
  }
  .header-language{
    grid-column:1/-1!important;grid-row:2!important;
    width:100%!important;justify-self:stretch!important;justify-content:center!important;
    margin:0!important;min-width:0!important;overflow:hidden!important;
  }
  .header-language>span{display:none!important}
  .header-language .gtranslate_wrapper{
    width:100%!important;max-width:100%!important;
    overflow-x:auto!important;overflow-y:hidden!important;
    justify-content:center!important;gap:4px!important;
    scrollbar-width:none!important;-webkit-overflow-scrolling:touch;
  }
  .header-language .gtranslate_wrapper::-webkit-scrollbar{display:none}
  .header-language .gtranslate_wrapper img{width:23px!important}
  .header-nav{
    position:absolute!important;top:92px!important;left:10px!important;right:10px!important;
    min-width:0!important;width:auto!important;max-height:calc(100vh - 108px)!important;overflow-y:auto!important;
    padding:10px!important;border-radius:12px!important;box-shadow:0 18px 50px rgba(0,0,0,.45)!important;
  }
  .header-nav a{padding:11px 12px!important;border-radius:8px!important}
  .header-nav a:hover{background:#121e26}

  /* Hero : image d'abord, texte lisible dans la partie basse. */
  .universal-hero{
    min-height:520px!important;
    background-image:var(--hero-mobile)!important;
    background-size:cover!important;background-position:center top!important;
  }
  .universal-hero__shade{
    background:linear-gradient(180deg,rgba(3,6,9,.04) 0%,rgba(3,6,9,.12) 38%,rgba(3,6,9,.82) 64%,rgba(3,6,9,.99) 100%)!important;
  }
  .universal-hero__copy{width:var(--wrap)!important;padding:255px 0 54px!important;margin:auto!important}
  .universal-hero__copy>small{font-size:11px!important;margin-bottom:7px!important}
  .universal-hero h1{font-size:clamp(38px,12vw,49px)!important;line-height:.94!important;margin-bottom:12px!important}
  .universal-hero p{font-size:15px!important;line-height:1.4!important;margin-bottom:16px!important}
  .hero-publish.hero-zero-commission{width:100%!important;justify-content:center!important;padding:13px 10px!important;font-size:11px!important;letter-spacing:.02em!important}
  .hero-benefits{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-top:18px!important}
  .hero-benefits span{display:block!important;text-align:center!important;min-width:0!important}
  .hero-benefits b{display:block!important;font-size:11px!important;white-space:nowrap}
  .hero-benefits small{display:block!important;font-size:9px!important;line-height:1.25!important;margin-top:2px!important}

  /* Recherche : vrais champs tactiles, une colonne. */
  .hero-search-dock{width:var(--wrap)!important;margin:-14px auto 14px!important}
  .premium-search{padding:9px!important;border-radius:13px!important}
  .main-search,.main-search.main-search--radius{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}
  .main-search.main-search--radius>*{grid-column:auto!important;grid-row:auto!important;width:100%!important;min-width:0!important}
  .main-search input,.main-search select,.main-search button{height:48px!important;min-height:48px!important;border-radius:9px!important}
  .main-search button{font-size:15px!important}

  /* Sélecteur marques/catégories compact et glissable au doigt. */
  .nav-panel{padding:10px 8px!important;border-radius:13px!important}
  .nav-panel-head{gap:8px!important;margin-bottom:8px!important}
  .nav-panel-head strong{font-size:16px!important}.nav-panel-head small{font-size:9px!important}.nav-panel-head a{font-size:10px!important}
  .carousel-track{gap:7px!important;padding:0 30px 3px!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch}
  .carousel-track::-webkit-scrollbar{display:none}
  .vehicle-brand{flex:0 0 76px!important;min-height:78px!important;gap:4px!important;font-size:10px!important}
  .brand-mark{width:39px!important;height:39px!important;border-radius:9px!important}.brand-mark img{width:29px!important;height:29px!important}
  .scroll-arrow{width:31px!important;height:31px!important;font-size:21px!important}
  .category-card-photo{flex-basis:76vw!important;max-width:270px!important;height:188px!important}

  /* Corps des pages : largeur totale utile, cartes empilées proprement. */
  .home-v24 .home-rail-layout,.neutral-template .home-rail-layout{width:var(--wrap)!important;margin:14px auto 24px!important}
  .page-stack,.results-section,.simple-page,.pro-store-content,.bsa-sponsor-zone,.bsa-own-zone{width:100%!important;max-width:100%!important}
  .neutral-page-body{padding:12px 0 30px!important}
  .neutral-page-body>.body-heading{padding:16px!important;margin-bottom:12px!important;border-radius:14px!important}
  .neutral-page-body>.body-heading h1{font-size:clamp(26px,8vw,34px)!important}
  .neutral-page-body>.body-heading p{font-size:14px!important}
  .card,.form-card,.premium-form,.auth-form,.publish-card{padding:14px!important;border-radius:14px!important}
  .publish-card-head{align-items:flex-start!important}.publish-card-head>span{width:34px!important;height:34px!important;flex:0 0 34px!important}.publish-card-head h2{font-size:18px!important}
  .premium-form input:not([type=checkbox]):not([type=radio]),.premium-form select,.premium-form textarea,.auth-form input,.auth-form select,.auth-form textarea{font-size:16px!important}
  .file-input{width:100%!important;overflow:hidden}
  fieldset{min-width:0!important}

  .pro-section-title.split,.pro-builder-top,.pro-builder-checkout,.pro-success-actions{flex-direction:column!important;align-items:stretch!important}
  .pro-offer-grid,.pro-feature-grid,.pro-template-grid,.directory-grid{grid-template-columns:1fr!important}
  .pro-template-card img{height:155px!important;object-fit:cover!important}
  .pro-body-banner{min-height:190px!important;padding:20px!important;border-radius:14px!important}
  .pro-body-banner h1{font-size:28px!important}

  /* Tableaux : défilement horizontal uniquement dans le tableau, jamais la page. */
  .neutral-page-body table{display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;white-space:nowrap!important;-webkit-overflow-scrolling:touch}
  .neutral-page-body th,.neutral-page-body td{padding:10px!important}

  /* Footer : une information à la fois, lisible au pouce. */
  .footer-dual-showcase,.footer-helpbar,.payment-premium-banner,.footer-bottom-main,.footer-network,.footer-motto{width:var(--wrap)!important}
  .footer-dual-showcase{grid-template-columns:1fr!important;gap:8px!important}
  .footer-mini-slider{height:auto!important;aspect-ratio:3/1!important}
  .payment-premium-banner{grid-template-columns:1fr!important;text-align:center!important;padding:12px!important}
  .payment-premium-banner>*{justify-self:center!important}
  .pay-copy,.pay-delivery{grid-column:1!important}
  .footer-helpbar{gap:9px!important}.footer-helpbar nav{gap:8px 12px!important;font-size:11px!important}
  .footer-bottom-main{padding:12px 0!important;gap:10px!important}
  .footer-signature{flex-wrap:wrap!important;justify-content:center!important}
  .footer-legal{font-size:10px!important;line-height:1.5!important}
}

@media(max-width:520px){
  :root{--wrap:calc(100% - 14px)!important}
  .site-header.bsa-header{padding-left:7px!important;padding-right:7px!important}
  .site-header .brand{font-size:19px!important}
  .market-badge,.market-badge img{height:25px!important;max-width:104px!important}
  .universal-hero{min-height:500px!important}
  .universal-hero__copy{padding-top:245px!important;padding-bottom:48px!important}
  .universal-hero h1{font-size:39px!important}
  .hero-benefits{gap:3px!important}.hero-benefits b{font-size:10px!important}.hero-benefits small{font-size:8px!important}
  .neutral-page-body .listing-grid,.listing-grid,.site-map-grid{grid-template-columns:1fr!important}
  .listing-photo{height:205px!important}
  .bsa-section-head h2,.formula-head h2,.results-head h2{font-size:24px!important}
  .footer-showcase-head strong{font-size:12px!important}
}

@media(max-width:380px){
  .market-badge,.market-badge img{height:23px!important;max-width:92px!important}
  .header-language .gtranslate_wrapper img{width:21px!important}
  .universal-hero h1{font-size:35px!important}
  .hero-publish.hero-zero-commission{font-size:10px!important}
}

/* ==============================================================
   V40.2 — CORRECTIF HERO MOBILE EUROPE .COM
   Sur mobile, le visuel Europe utilise le panorama desktop afin
   d'afficher ensemble auto + Belinda + moto, au lieu du crop portrait
   trop centré sur le logo. Le .FR reste inchangé.
   ============================================================== */
@media(max-width:760px){
  body.market-eu .universal-hero{
    background-image:var(--hero-desktop)!important;
    background-size:120% auto!important;
    background-position:center top!important;
    background-repeat:no-repeat!important;
    background-color:#03070b!important;
  }
  body.market-eu .universal-hero__shade{
    background:linear-gradient(180deg,
      rgba(3,6,9,.02) 0%,
      rgba(3,6,9,.05) 32%,
      rgba(3,6,9,.72) 48%,
      rgba(3,6,9,.97) 63%,
      rgba(3,6,9,.995) 100%)!important;
  }
  body.market-eu .universal-hero__copy{
    padding-top:205px!important;
  }
}
@media(max-width:520px){
  body.market-eu .universal-hero{
    background-size:128% auto!important;
    background-position:56% top!important;
  }
  body.market-eu .universal-hero__copy{
    padding-top:195px!important;
  }
}
@media(max-width:380px){
  body.market-eu .universal-hero{
    background-size:136% auto!important;
    background-position:58% top!important;
  }
  body.market-eu .universal-hero__copy{
    padding-top:185px!important;
  }
}


/* ==============================================================
   V40.3 — HEROS FR/EU + MOBILE + CARTES PRO TEXTE
   ============================================================== */

/* Les cartes de choix de design restent volontairement textuelles :
   pas de photo décorative dans ces cartes. */
.pro-template-card{
  min-height:185px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  padding:18px!important;
  border:1px solid #30414c!important;
  border-radius:14px!important;
  background:
    radial-gradient(circle at 100% 0,rgba(255,181,27,.09),transparent 35%),
    linear-gradient(180deg,#111a21,#0b1217)!important;
  overflow:hidden!important;
}
.pro-template-card img{display:none!important}
.pro-template-card .pro-template-code{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  min-width:58px;
  height:34px;
  padding:0 10px;
  border-radius:999px;
  background:#ffb51b;
  color:#101010;
  font-size:11px;
  font-weight:950;
  letter-spacing:.08em;
}
.pro-template-card>div{padding:0!important}
.pro-template-card strong{
  display:block;
  font-size:18px!important;
  line-height:1.15;
  margin:14px 0 8px!important;
  color:#fff!important;
}
.pro-template-card p{
  margin:0 0 14px!important;
  color:#9eafba!important;
  font-size:13px!important;
  line-height:1.5!important;
}
.pro-template-card span{
  color:#ffb51b!important;
  font-size:12px!important;
  font-weight:900!important;
}
.pro-template-card:hover{
  transform:translateY(-2px);
  border-color:#ffb51b!important;
  box-shadow:0 12px 30px rgba(0,0,0,.22);
}
@media(max-width:760px){
  .pro-template-card{min-height:155px!important;padding:15px!important}
  .pro-template-card strong{font-size:17px!important}
}

/* FR mobile : le même univers que le hero desktop, dans une composition portrait
   dédiée au téléphone. Le texte reste du vrai HTML et reste cliquable/animé. */
@media(max-width:760px){
  body.market-fr .universal-hero{
    background-image:var(--hero-mobile)!important;
    background-size:cover!important;
    background-position:center top!important;
    background-repeat:no-repeat!important;
    background-color:#02060a!important;
  }
}

/* EUROPE mobile : l'image validée contient déjà le bloc de texte allemand.
   On masque donc uniquement la copie HTML mobile afin d'éviter le doublon,
   puis on place la recherche SOUS le visuel, sans cacher les voitures. */
@media(max-width:760px){
  body.market-eu .universal-hero{
    display:block!important;
    min-height:0!important;
    padding:min(760px,177.7vw) 0 12px!important;
    background-image:var(--hero-mobile)!important;
    background-size:100% auto!important;
    background-position:center top!important;
    background-repeat:no-repeat!important;
    background-color:#02060a!important;
  }
  body.market-eu .universal-hero__shade,
  body.market-eu .universal-hero__copy{
    display:none!important;
  }
  body.market-eu .universal-hero .hero-search-dock{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:var(--wrap)!important;
    margin:0 auto!important;
  }
}
@media(max-width:520px){
  body.market-eu .universal-hero{
    padding:min(740px,177.7vw) 0 10px!important;
  }
}