/*
  Robert Juliat responsive UX updates CSS document 2026 for RJ website, 
  designed by Mr Atif BUX 
*/

/* --------------------------------------------------------------------------
   Dealer Pages
   -------------------------------------------------------------------------- */
body.dealer-world-page #distributionMap {
  display: block !important;
  width: calc(100% - 24px);
  max-width: 960px;
  height: auto !important;
  float: none !important;
  margin: 50px auto 50px !important;
  padding: 50px 0 0;
  box-sizing: border-box;
  background: transparent !important;
  overflow: visible;
}

body.dealer-world-page #distributionMap > h1 {
  float: none !important;
  display: inline-block;
  width: calc(100% - 350px) !important;
  margin: 50px 0 24px 28px !important;
  color: #656565;
  font: 700 clamp(20px, 2.5vw, 28px)/1.2 "Montserrat", "Open Sans", Arial, sans-serif;
  text-align: left;
}

body.dealer-world-page #distributionMap > form {
  display: inline-block;
  width: 290px;
  margin: 50px 28px 24px 0;
  vertical-align: top;
}

body.dealer-world-page #distributionMap .stopfloat {
  display: none;
}

body.dealer-world-page #country {
  width: 100%;
  height: 48px;
  margin: 0;
  padding: 0 15px;
  box-sizing: border-box;
  border: 0;
  border-radius: 14px;
  background: #dedede;
  color: #656565;
  font: 14px "Montserrat", "Open Sans", Arial, sans-serif;
  box-shadow: inset 7px 7px 13px rgba(0,0,0,.16), inset -7px -7px 13px rgba(255,255,255,.85);
}

body.dealer-world-page #country:hover,
body.dealer-world-page #country:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(229,109,177,.24), 0 0 18px rgba(229,109,177,.24), inset 7px 7px 13px rgba(0,0,0,.16), inset -7px -7px 13px rgba(255,255,255,.85);
}

body.dealer-world-page #worldMapV2FR {
  width: 960px;
  height: 730px;
  margin: 0 auto 30px !important;
  background: url(../../images/Map_Monde_RJ_v3.webp) center top / cover no-repeat !important;
  border-radius: 20px;
  overflow: visible;
}

/* WORLD pages still use the legacy #worldMapV2 hook in their HTML. Keep that
   hook working with the same new relief map and English region labels. */
body.dealer-world-page #worldMapV2 {
  width: 960px !important;
  height: 730px !important;
  margin: 0 auto 30px !important;
  background: url(../../images/Map_Monde_RJ_v3.webp) center top / cover no-repeat !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  clip-path: inset(0 round 20px) !important;
  -webkit-clip-path: inset(0 round 20px) !important;
}

body.dealer-world-page .world-map-frame {
  width: 960px;
  height: 730px;
  margin: 0 auto 30px;
  overflow: hidden;
  border-radius: 20px;
  background: #f1f0f0;
}

body.dealer-world-page .world-map-frame #worldMapV2 {
  margin-bottom: 0 !important;
}

body.dealer-world-page #worldMapV2 a {
  z-index: 2;
  width: 180px;
  height: auto !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #4f4f4f;
  font: 700 15px/1.15 "Montserrat", "Open Sans", Arial, sans-serif;
  text-align: center;
  text-decoration: none;
  background: none !important;
  filter: none;
}

body.dealer-world-page #worldMapV2 a::before {
  content: "";
  display: block;
  width: 54px;
  height: 64px;
  margin: 0 auto 5px;
  background: url(../../images/Tracker.png) center / contain no-repeat;
  filter: drop-shadow(0 3px 3px rgba(0,0,0,.22));
}

body.dealer-world-page #worldMapV2 a::after {
  display: block;
  width: max-content;
  max-width: 180px;
  padding: 4px 9px;
  border-radius: 999px;
  background: rgba(255,255,255,.78);
  box-shadow: 0 2px 7px rgba(0,0,0,.12);
}

body.dealer-world-page #worldMapV2 .area_northAmerica::after { content: "North America"; }
body.dealer-world-page #worldMapV2 .area_southAmerica::after { content: "South America"; }
body.dealer-world-page #worldMapV2 .area_france::after { content: "France"; }
body.dealer-world-page #worldMapV2 .area_europe::after { content: "Europe"; }
body.dealer-world-page #worldMapV2 .area_middleEast::after { content: "Middle East"; }
body.dealer-world-page #worldMapV2 .area_asia::after { content: "Asia"; }
body.dealer-world-page #worldMapV2 .area_africa::after { content: "Africa"; }
body.dealer-world-page #worldMapV2 .area_australia::after { content: "Australia & Pacific"; }

body.dealer-world-page #worldMapV2 .area_northAmerica { top: 172px; right: 735px; }
body.dealer-world-page #worldMapV2 .area_southAmerica { top: 400px; right: 618px; }
body.dealer-world-page #worldMapV2 .area_france { top: 223px; right: 424px; }
body.dealer-world-page #worldMapV2 .area_europe { top: 150px; right: 360px; }
body.dealer-world-page #worldMapV2 .area_middleEast { top: 255px; right: 300px; }
body.dealer-world-page #worldMapV2 .area_asia { top: 252px; right: 161px; }
body.dealer-world-page #worldMapV2 .area_africa { top: 385px; right: 365px; }
body.dealer-world-page #worldMapV2 .area_australia { top: 420px; right: 56px; }

body.region-northAmerica #worldMapV2 .area_northAmerica::after,
body.region-southAmerica #worldMapV2 .area_southAmerica::after,
body.region-europe #worldMapV2 .area_europe::after,
body.region-africa #worldMapV2 .area_africa::after,
body.region-middleEast #worldMapV2 .area_middleEast::after,
body.region-asia #worldMapV2 .area_asia::after,
body.region-australia #worldMapV2 .area_australia::after {
  padding: 6px 12px;
  background: #e56db1;
  color: #fff;
  font-size: 16px;
  box-shadow: 0 0 0 3px rgba(229,109,177,.22), 0 0 16px rgba(229,109,177,.38), 0 3px 8px rgba(0,0,0,.20);
}

@media (max-width: 767px) {
  body.dealer-world-page #worldMapV2 {
    display: block;
    clear: both;
    left: 50%;
    transform: scale(.38);
    transform-origin: center top;
    margin: 42px 0 -425px -480px !important;
  }

  body.dealer-world-page .world-map-frame {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    height: auto !important;
    aspect-ratio: 960 / 730;
    margin: 42px 12px 0 !important;
  }

  body.dealer-world-page .world-map-frame #worldMapV2 {
    width: 960px !important;
    height: 730px !important;
  }
}

@media (min-width: 421px) and (max-width: 767px) {
  body.dealer-world-page #worldMapV2 {
    transform: scale(.496);
    margin-bottom: -341px !important;
  }

  body.dealer-world-page .world-map-frame {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 360px) {
  body.dealer-world-page #worldMapV2 {
    transform: scale(.30);
    margin-bottom: -484px !important;
  }

  body.dealer-world-page .world-map-frame {
    margin-bottom: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 1100px) {
  body.dealer-world-page #worldMapV2 {
    display: block;
    clear: both;
    left: 50%;
    transform: scale(.78);
    transform-origin: center top;
    margin: 42px 0 -160px -480px !important;
  }

  body.dealer-world-page .world-map-frame {
    width: calc(100vw - 48px) !important;
    max-width: calc(100vw - 48px) !important;
    height: auto !important;
    aspect-ratio: 960 / 730;
    margin: 42px 24px 0 !important;
  }
}

body.dealer-world-page #worldMapV2FR a {
  z-index: 2;
  width: 180px;
  height: auto !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #4f4f4f;
  font: 700 15px/1.15 "Montserrat", "Open Sans", Arial, sans-serif;
  text-align: center;
  text-decoration: none;
  background: none !important;
  filter: none;
}

body.dealer-world-page #worldMapV2FR a::before {
  content: "";
  display: block;
  width: 54px;
  height: 64px;
  margin: 0 auto 5px;
  background: url(../../images/Tracker.png) center / contain no-repeat;
  filter: drop-shadow(0 3px 3px rgba(0,0,0,.22));
  transition: transform 160ms ease, filter 160ms ease;
}

body.dealer-world-page #worldMapV2FR a::after {
  display: block;
  width: max-content;
  max-width: 180px;
  padding: 4px 9px;
  border-radius: 999px;
  background: rgba(255,255,255,.78);
  box-shadow: 0 2px 7px rgba(0,0,0,.12);
}

body.dealer-world-page #worldMapV2FR .area_northAmerica::after { content: "Amérique du Nord"; }
body.dealer-world-page #worldMapV2FR .area_southAmerica::after { content: "Amérique du Sud"; }
body.dealer-world-page #worldMapV2FR .area_france::after { content: "France"; }
body.dealer-world-page #worldMapV2FR .area_europe::after { content: "Europe"; }
body.dealer-world-page #worldMapV2FR .area_middleEast::after { content: "Moyen-Orient"; }
body.dealer-world-page #worldMapV2FR .area_asia::after { content: "Asie"; }
body.dealer-world-page #worldMapV2FR .area_africa::after { content: "Afrique"; }
body.dealer-world-page #worldMapV2FR .area_australia::after { content: "Australie & Pacifique"; }

body.dealer-world-page #worldMapV2FR .area_northAmerica { top: 172px; right: 735px; }
body.dealer-world-page #worldMapV2FR .area_southAmerica { top: 400px; right: 618px; }
body.dealer-world-page #worldMapV2FR .area_france { top: 223px; right: 424px; }
body.dealer-world-page #worldMapV2FR .area_europe { top: 150px; right: 360px; }
body.dealer-world-page #worldMapV2FR .area_middleEast { top: 255px; right: 300px; }
body.dealer-world-page #worldMapV2FR .area_asia { top: 252px; right: 161px; }
body.dealer-world-page #worldMapV2FR .area_africa { top: 385px; right: 365px; }
body.dealer-world-page #worldMapV2FR .area_australia { top: 420px; right: 56px; }

body.dealer-world-page #worldMapV2FR a:hover::before,
body.dealer-world-page #worldMapV2FR a:focus-visible::before {
  transform: none;
}

body.dealer-world-page #worldMapV2FR a:not(.active):hover::before,
body.dealer-world-page #worldMapV2FR a:not(.active):focus-visible::before {
  transform: translateY(-4px) scale(1.18);
  filter: drop-shadow(0 0 8px rgba(229,109,177,.72)) drop-shadow(0 5px 4px rgba(0,0,0,.28));
}

body.dealer-world-page #worldMapV2FR a:focus-visible {
  outline: 4px solid rgba(229,109,177,.85);
  outline-offset: 3px;
  border-radius: 10px;
}

body.region-northAmerica #worldMapV2FR .area_northAmerica::before,
body.region-southAmerica #worldMapV2FR .area_southAmerica::before,
body.region-europe #worldMapV2FR .area_europe::before,
body.region-france #worldMapV2FR .area_france::before,
body.region-africa #worldMapV2FR .area_africa::before,
body.region-middleEast #worldMapV2FR .area_middleEast::before,
body.region-asia #worldMapV2FR .area_asia::before,
body.region-australia #worldMapV2FR .area_australia::before {
  filter: drop-shadow(0 0 8px rgba(229,109,177,.62)) drop-shadow(0 4px 4px rgba(0,0,0,.25));
}

body.region-northAmerica #worldMapV2FR .area_northAmerica:hover::before,
body.region-southAmerica #worldMapV2FR .area_southAmerica:hover::before,
body.region-europe #worldMapV2FR .area_europe:hover::before,
body.region-france #worldMapV2FR .area_france:hover::before,
body.region-africa #worldMapV2FR .area_africa:hover::before,
body.region-middleEast #worldMapV2FR .area_middleEast:hover::before,
body.region-asia #worldMapV2FR .area_asia:hover::before,
body.region-australia #worldMapV2FR .area_australia:hover::before {
  transform: none;
}

body.region-northAmerica #worldMapV2FR .area_northAmerica::after,
body.region-southAmerica #worldMapV2FR .area_southAmerica::after,
body.region-europe #worldMapV2FR .area_europe::after,
body.region-france #worldMapV2FR .area_france::after,
body.region-africa #worldMapV2FR .area_africa::after,
body.region-middleEast #worldMapV2FR .area_middleEast::after,
body.region-asia #worldMapV2FR .area_asia::after,
body.region-australia #worldMapV2FR .area_australia::after {
  padding: 6px 12px;
  background: #e56db1;
  color: #fff;
  font-size: 16px;
  box-shadow: 0 0 0 3px rgba(229,109,177,.22), 0 0 16px rgba(229,109,177,.38), 0 3px 8px rgba(0,0,0,.20);
}

body.dealer-world-page #contenudistrib,
body.dealer-world-page #contenudistribFR,
body.dealer-world-page #contenudistribX2 {
  clear: both;
  width: 100%;
  float: none;
}

/* Final World-card override: this stylesheet loads after the legacy
   contenu.css rules, so the map-width card layout remains authoritative. */
body.dealer-world-page #contenudistrib .pagedistribD,
body.dealer-world-page #contenudistribFR .pagedistribD,
body.dealer-world-page #contenudistribX2 .pagedistribD {
  display: grid !important;
  grid-template-columns: minmax(280px, 360px) minmax(0, 1fr) !important;
  column-gap: 72px !important;
  row-gap: 24px !important;
  align-items: center;
  width: min(calc(100% - 48px), 960px) !important;
  max-width: 960px !important;
  float: none !important;
  margin: 40px auto !important;
  padding: 30px 0 !important;
  box-sizing: border-box;
  border: 0;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 12px 24px rgba(0,0,0,.12);
}

body.dealer-world-page #contenudistrib .pagedistribD > h3,
body.dealer-world-page #contenudistribFR .pagedistribD > h3,
body.dealer-world-page #contenudistribX2 .pagedistribD > h3 {
  grid-column: 1 / -1;
  float: none !important;
  width: auto !important;
  margin: 0 0 42px !important;
  text-align: center !important;
}

body.dealer-world-page #contenudistrib .pagedistribD > section,
body.dealer-world-page #contenudistribFR .pagedistribD > section,
body.dealer-world-page #contenudistribX2 .pagedistribD > section {
  float: none !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  text-align: center !important;
}

body.dealer-world-page #contenudistrib .pagedistribD > section:not(.addDistrib),
body.dealer-world-page #contenudistribFR .pagedistribD > section:not(.addDistrib),
body.dealer-world-page #contenudistribX2 .pagedistribD > section:not(.addDistrib) {
  grid-column: 1;
}

body.dealer-world-page #contenudistrib .pagedistribD > section.addDistrib,
body.dealer-world-page #contenudistribFR .pagedistribD > section.addDistrib,
body.dealer-world-page #contenudistribX2 .pagedistribD > section.addDistrib {
  grid-column: 2;
  text-align: left !important;
}

body.dealer-world-page #contenudistrib .pagedistribD > section.addDistrib h2,
body.dealer-world-page #contenudistrib .pagedistribD > section.addDistrib p,
body.dealer-world-page #contenudistribFR .pagedistribD > section.addDistrib h2,
body.dealer-world-page #contenudistribFR .pagedistribD > section.addDistrib p,
body.dealer-world-page #contenudistribX2 .pagedistribD > section.addDistrib h2,
body.dealer-world-page #contenudistribX2 .pagedistribD > section.addDistrib p {
  text-align: left !important;
}

body.dealer-world-page #contenudistrib .pagedistribD > section:not(.addDistrib) img,
body.dealer-world-page #contenudistribFR .pagedistribD > section:not(.addDistrib) img,
body.dealer-world-page #contenudistribX2 .pagedistribD > section:not(.addDistrib) img {
  display: block;
  width: auto !important;
  max-width: 100% !important;
  height: auto;
  max-height: 190px;
  margin: 0 auto;
}

body.dealer-world-page #contenudistrib .pagedistribD > .dealer-separator {
  grid-column: 1 / -1 !important;
  width: 100%;
  height: 0;
  margin: 12px 0 !important;
  border-top: 1px solid #555;
}

body.dealer-world-page.region-northAmerica #contenudistrib .pagedistribD > .dealer-separator {
  grid-column: 1 / -1 !important;
  width: 100%;
  height: 0;
  margin: 12px 0 !important;
  border-top: 1px solid #555;
}

@media (max-width: 767px) {
  body.dealer-world-page.region-southAmerica #contenudistrib .pagedistribD > .dealer-separator,
  body.dealer-world-page.region-northAmerica #contenudistrib .pagedistribD > .dealer-separator {
    grid-column: 1 !important;
    order: 0 !important;
  }
}

@media (max-width: 767px) {
  html, body { overflow-x: hidden; }

  body.dealer-world-page,
  body.dealer-world-page #wrap,
  body.dealer-world-page #container,
  body.dealer-world-page #worldMap {
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 0 !important;
  }

  body.dealer-world-page #distributionMap {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    margin: 46px 12px 40px !important;
    padding: 32px 0 0;
    clear: both;
  }

  body.dealer-world-page #distributionMap > h1 {
    display: block;
    width: auto !important;
    margin: 50px 16px 16px !important;
    font-size: 21px;
    line-height: 1.2;
    text-align: center;
    white-space: normal;
  }

  body.dealer-world-page #distributionMap > form {
    display: block;
    width: calc(100% - 32px) !important;
    margin: 0 16px 18px;
    float: none !important;
    clear: both;
  }

  body.dealer-world-page #worldMapV2FR {
    display: block;
    clear: both;
    transform: scale(.38);
    transform-origin: center top;
    left: 50%;
    margin: 42px 0 -425px -480px !important;
  }

  body.dealer-world-page #contenudistrib,
  body.dealer-world-page #contenudistribFR,
  body.dealer-world-page #contenudistribX2 {
    width: 100vw !important;
    max-width: 100vw !important;
    padding: 0;
    box-sizing: border-box;
    margin-top: 18px !important;
    overflow: visible;
  }

  body.dealer-world-page #contenudistrib .pagedistribD,
  body.dealer-world-page #contenudistribFR .pagedistribD,
  body.dealer-world-page #contenudistribX2 .pagedistribD {
    width: calc(100vw - 24px) !important;
    max-width: none !important;
    float: none !important;
    margin: 12px auto 28px !important;
    padding: 16px !important;
    box-sizing: border-box;
    overflow: hidden;
  }

  body.dealer-world-page #contenudistrib .pagedistribD > h3,
  body.dealer-world-page #contenudistribFR .pagedistribD > h3,
  body.dealer-world-page #contenudistribX2 .pagedistribD > h3 {
    float: none !important;
    width: 100% !important;
    margin: 8px 0 14px !important;
    text-align: center;
    font-size: 24px;
    line-height: 1.15;
  }

  body.dealer-world-page #contenudistrib .pagedistribD section,
  body.dealer-world-page #contenudistrib .pagedistribD .addDistrib,
  body.dealer-world-page #contenudistribFR .pagedistribD section,
  body.dealer-world-page #contenudistribFR .pagedistribD .addDistrib,
  body.dealer-world-page #contenudistribX2 .pagedistribD section,
  body.dealer-world-page #contenudistribX2 .pagedistribD .addDistrib {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
    box-sizing: border-box;
  }

  body.dealer-world-page #contenudistrib .pagedistribD > section,
  body.dealer-world-page #contenudistrib .pagedistribD > section.addDistrib,
  body.dealer-world-page #contenudistribFR .pagedistribD > section,
  body.dealer-world-page #contenudistribFR .pagedistribD > section.addDistrib,
  body.dealer-world-page #contenudistribX2 .pagedistribD > section,
  body.dealer-world-page #contenudistribX2 .pagedistribD > section.addDistrib {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    clear: both;
    text-align: center;
  }

  body.dealer-world-page #contenudistrib .pagedistribD section img,
  body.dealer-world-page #contenudistribFR .pagedistribD section img,
  body.dealer-world-page #contenudistribX2 .pagedistribD section img {
    display: block;
    width: auto !important;
    max-width: 78% !important;
    max-height: 135px;
    height: auto;
    margin: 12px auto;
  }

  body.dealer-world-page #contenudistrib .pagedistribD .addDistrib,
  body.dealer-world-page #contenudistribFR .pagedistribD .addDistrib,
  body.dealer-world-page #contenudistribX2 .pagedistribD .addDistrib {
    text-align: center;
  }

  body.dealer-world-page #contenudistrib .pagedistribD .addDistrib h2,
  body.dealer-world-page #contenudistribFR .pagedistribD .addDistrib h2,
  body.dealer-world-page #contenudistribX2 .pagedistribD .addDistrib h2 {
    font-size: 18px;
    line-height: 1.25;
  }
}

/* South America mobile cards: Jaime Friedstad is a freelance representative,
   separate from the company shown below his contact information. Keep the
   source order on one column so the mobile sequence is Jaime -> logo -> company. */
@media (max-width: 767px) {
  body.dealer-world-page.region-southAmerica #contenudistrib .pagedistribD {
    grid-template-columns: minmax(0, 1fr) !important;
    row-gap: 26px !important;
  }

  body.dealer-world-page.region-southAmerica #contenudistrib .pagedistribD > h3,
  body.dealer-world-page.region-southAmerica #contenudistrib .pagedistribD > section,
  body.dealer-world-page.region-southAmerica #contenudistrib .pagedistribD > section.addDistrib,
  body.dealer-world-page.region-southAmerica #contenudistrib .pagedistribD > section:not(.addDistrib),
  body.dealer-world-page #contenudistrib .pagedistribD > .dealer-separator {
    grid-column: 1 !important;
    order: 0 !important;
  }
}

/* Keep the fixed-coordinate map inside the available page width without
   modifying the source image or its aspect ratio. */
body.dealer-world-page #distributionMap {
  overflow-x: hidden !important;
}

@media (min-width: 1101px) {
  body.dealer-world-page #worldMapV2FR {
    width: min(960px, calc(100vw - 48px)) !important;
    max-width: 100% !important;
    box-sizing: border-box;
    overflow: hidden !important;
  }
}

@media (min-width: 421px) and (max-width: 767px) {
  body.dealer-world-page #worldMapV2FR {
    transform: scale(.496);
    margin-top: 42px !important;
    margin-bottom: -341px !important;
  }
}

@media (max-width: 360px) {
  body.dealer-world-page #worldMapV2FR {
    transform: scale(.30);
    margin-top: 42px !important;
    margin-bottom: -484px !important;
  }
}

/* Mexico has a freelance representative before the company card. */
@media (max-width: 767px) {
  body.dealer-world-page.region-northAmerica #contenudistrib .pagedistribD.freelance-rep-card > h3,
  body.dealer-world-page.region-northAmerica #contenudistrib .pagedistribD.freelance-rep-card > section,
  body.dealer-world-page.region-northAmerica #contenudistrib .pagedistribD.freelance-rep-card > .dealer-separator {
    grid-column: 1 !important;
    order: 0 !important;
  }
}

/* Tablet / small desktop: keep the fixed-coordinate map proportional and centered. */
@media (min-width: 768px) and (max-width: 1100px) {
  html, body { overflow-x: hidden; }

  body.dealer-world-page,
  body.dealer-world-page #wrap,
  body.dealer-world-page #container,
  body.dealer-world-page #worldMap {
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 0 !important;
  }

  body.dealer-world-page #distributionMap {
    width: calc(100vw - 48px) !important;
    max-width: calc(100vw - 48px) !important;
    margin: 46px 24px 40px !important;
    padding-top: 32px;
  }

  body.dealer-world-page #distributionMap > h1 {
    display: block;
    width: auto !important;
    margin: 50px 20px 20px !important;
    text-align: center;
  }

  body.dealer-world-page #distributionMap > form {
    display: block;
    width: min(420px, calc(100% - 40px)) !important;
    margin: 0 auto 28px !important;
    float: none !important;
  }

  body.dealer-world-page #worldMapV2FR {
    display: block;
    clear: both;
    left: 50%;
    transform: scale(.78);
    transform-origin: center top;
    margin: 42px 0 -160px -480px !important;
  }

  body.dealer-world-page #contenudistrib,
  body.dealer-world-page #contenudistribFR,
  body.dealer-world-page #contenudistribX2 {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 28px !important;
  }

  body.dealer-world-page #contenudistrib .pagedistribD,
  body.dealer-world-page #contenudistribFR .pagedistribD,
  body.dealer-world-page #contenudistribX2 .pagedistribD {
    width: calc(100% - 48px) !important;
    max-width: 960px !important;
    float: none !important;
    margin: 16px auto 28px !important;
    box-sizing: border-box;
  }

  body.dealer-world-page #contenudistrib .pagedistribD > h3,
  body.dealer-world-page #contenudistribFR .pagedistribD > h3,
  body.dealer-world-page #contenudistribX2 .pagedistribD > h3 {
    float: none !important;
    width: 100% !important;
    margin: 8px 0 18px !important;
    text-align: center;
    font-size: 28px;
    line-height: 1.15;
  }

  body.dealer-world-page #contenudistrib .pagedistribD section,
  body.dealer-world-page #contenudistrib .pagedistribD .addDistrib,
  body.dealer-world-page #contenudistribFR .pagedistribD section,
  body.dealer-world-page #contenudistribFR .pagedistribD .addDistrib,
  body.dealer-world-page #contenudistribX2 .pagedistribD section,
  body.dealer-world-page #contenudistribX2 .pagedistribD .addDistrib {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    clear: both;
    margin: 0 !important;
    text-align: center;
    box-sizing: border-box;
  }

  body.dealer-world-page #contenudistrib .pagedistribD section img,
  body.dealer-world-page #contenudistribFR .pagedistribD section img,
  body.dealer-world-page #contenudistribX2 .pagedistribD section img {
    display: block;
    width: auto !important;
    max-width: min(78%, 360px) !important;
    max-height: 180px;
    height: auto;
    margin: 16px auto;
  }
}

/* Keep the same card structure readable below the desktop breakpoint. */
@media (max-width: 767px) {
  body.dealer-world-page #contenudistrib .pagedistribD,
  body.dealer-world-page #contenudistribFR .pagedistribD,
  body.dealer-world-page #contenudistribX2 .pagedistribD {
    grid-template-columns: 1fr !important;
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    margin: 16px auto 28px !important;
    padding: 24px 16px !important;
  }

  body.dealer-world-page #contenudistrib .pagedistribD > h3,
  body.dealer-world-page #contenudistrib .pagedistribD > section,
  body.dealer-world-page #contenudistribFR .pagedistribD > h3,
  body.dealer-world-page #contenudistribFR .pagedistribD > section,
  body.dealer-world-page #contenudistribX2 .pagedistribD > h3,
  body.dealer-world-page #contenudistribX2 .pagedistribD > section {
    grid-column: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
  }

  body.dealer-world-page #contenudistrib .pagedistribD > section.addDistrib,
  body.dealer-world-page #contenudistribFR .pagedistribD > section.addDistrib,
  body.dealer-world-page #contenudistribX2 .pagedistribD > section.addDistrib {
    text-align: center !important;
  }

  body.dealer-world-page #contenudistrib .pagedistribD > section.addDistrib h2,
  body.dealer-world-page #contenudistrib .pagedistribD > section.addDistrib p,
  body.dealer-world-page #contenudistribFR .pagedistribD > section.addDistrib h2,
  body.dealer-world-page #contenudistribFR .pagedistribD > section.addDistrib p,
  body.dealer-world-page #contenudistribX2 .pagedistribD > section.addDistrib h2,
  body.dealer-world-page #contenudistribX2 .pagedistribD > section.addDistrib p {
    text-align: center !important;
  }

  /* Mobile dealer-card standard: centered logo first, dealer information second. */
  body.dealer-world-page #contenudistrib .pagedistribD > section:not(.addDistrib),
  body.dealer-world-page #contenudistribFR .pagedistribD > section:not(.addDistrib),
  body.dealer-world-page #contenudistribX2 .pagedistribD > section:not(.addDistrib) {
    order: 1;
    display: flex !important;
    align-items: center;
    justify-content: center;
  }
  body.dealer-world-page #contenudistrib .pagedistribD > section.addDistrib,
  body.dealer-world-page #contenudistribFR .pagedistribD > section.addDistrib,
  body.dealer-world-page #contenudistribX2 .pagedistribD > section.addDistrib { order: 2; }
}