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

   Responsive UX Design for FULL website
*/

/* --------------------------------------------------------------------------
   Shared Robert Juliat page chrome — 2026.
   Applied only to authorised public pages through .rj-site-chrome-2026.
   -------------------------------------------------------------------------- */
body.rj-site-chrome-2026 { overflow-x: hidden; }
body.rj-site-chrome-2026 #wrap { max-width: 1180px; margin: 0 auto; }
body.rj-site-chrome-2026 #container { width: 100%; background: #fff; }

/* Desktop chrome follows the 2026 template: a centred header, flat navigation,
   then a breadcrumb bar that remains in normal document flow. */
@media (min-width: 761px) {
  body.rj-site-chrome-2026 #header {
    position: relative; display: block; float: none; width: 965px; height: 130px;
    min-height: 130px; margin: 0 auto; padding: 0; box-sizing: border-box;
  }
  body.rj-site-chrome-2026 #logoheader {
    position: absolute; top: 0; left: 0; float: none; width: 192px; height: 130px;
  }
  body.rj-site-chrome-2026 #logoheader img {
    display: block; width: 192px; height: 117px; margin: 5px !important;
    transition: width .35s ease, height .35s ease;
  }
  body.rj-site-chrome-2026 #logoheader a:hover img { width: 207px; height: 126px; }
  body.rj-site-chrome-2026 #header > ul {
    position: absolute; top: 42px; right: 0; display: flex; align-items: center;
    justify-content: flex-end; gap: 14px; width: auto; height: 33px; margin: 0; padding: 0;
  }
  body.rj-site-chrome-2026 #header > ul li,
  body.rj-site-chrome-2026 #header > ul #mapHeader,
  body.rj-site-chrome-2026 #header > ul #siteFR {
    position: relative; inset: auto; float: none; width: auto; height: auto; margin: 0; padding: 0;
  }
  body.rj-site-chrome-2026 #header > ul #mapHeader { order: -1; width: 55px; }
  body.rj-site-chrome-2026 #header > ul #siteFR { width: 35px; }
  body.rj-site-chrome-2026 #header > ul #mapHeader img { width: 55px; height: 30px; }
  body.rj-site-chrome-2026 #header > ul #siteFR img { width: 35px !important; height: 19px !important; }
  body.rj-site-chrome-2026 #header > ul a { display: block; border-radius: 8px; transition: filter .2s ease, box-shadow .2s ease; }
  body.rj-site-chrome-2026 #header > ul a:hover { filter: brightness(1.08); box-shadow: 0 0 12px rgba(255, 102, 204, .68); }
  body.rj-site-chrome-2026 #header > h1 {
    position: absolute; top: 74px; right: 8px; width: 390px; height: 20px; margin: 0;
    padding: 0; color: #686868; font-size: 12px; text-align: right; letter-spacing: 2px;
  }
  body.rj-site-chrome-2026 #topnavWrap { clear: both; width: 965px; margin: 0 auto; }
  body.rj-site-chrome-2026 #menu-wrap { position: relative; width: 100%; }
  body.rj-site-chrome-2026 #menu {
    position: static !important; top: auto !important; display: grid !important; grid-template-columns: repeat(7, minmax(0, 1fr));
    align-items: stretch; width: 100%; margin: 0; padding: 0; list-style: none; border: 0; border-radius: 0;
    background: #20272c; box-shadow: 0 8px 22px rgba(17, 28, 35, .16);
  }
  body.rj-site-chrome-2026 #menu > li {
    position: relative; display: block !important; float: none; width: auto !important; min-width: 0; margin: 0 !important;
    border-right: 1px solid rgba(255,255,255,.12); box-shadow: none;
  }
  body.rj-site-chrome-2026 #menu > li:last-child { border-right: 0; }
  body.rj-site-chrome-2026 #menu > li > a {
    float: none; display: flex; min-height: 48px; align-items: center; justify-content: center; padding: 0 12px;
    color: #f4f6f7; font-size: 11px; letter-spacing: .06em; text-shadow: none;
  }
  body.rj-site-chrome-2026 #menu > li:hover > a,
  body.rj-site-chrome-2026 #menu > li.is-open > a { color: #f5b5dc; background: #303a41; }
  body.rj-site-chrome-2026 #menu ul {
    min-width: 210px; margin: 0; padding: 0; background: #303a41; border-radius: 0 0 6px 6px;
    box-shadow: 0 12px 24px rgba(17, 28, 35, .24);
  }
  body.rj-site-chrome-2026 #menu ul a {
    float: none; display: block; width: auto; padding: 12px 16px; color: #fff; text-align: left;
    white-space: normal; line-height: 1.35;
  }
  body.rj-site-chrome-2026 #menu ul a:hover { background: #414d55; color: #f5b5dc; }
  body.rj-site-chrome-2026 #menu-trigger { display: none; }
  body.rj-site-chrome-2026 #filAriane {
    position: relative; z-index: 2; clear: both; float: none; display: block !important;
    width: 965px; min-height: 15px; height: 15px; margin: 0 auto 22px; overflow: visible;
  }
  body.rj-site-chrome-2026 #filAriane ul { display: flex; flex-wrap: wrap; gap: 7px; margin: 0; padding: 0; list-style: none; }
  body.rj-site-chrome-2026 #filAriane li { float: none; margin: 0; }
  body.rj-site-chrome-2026 #filAriane a { color: #75828a; font-size: 11px; }
}

body.rj-site-chrome-2026 #footerRJ01.rj-footer-2026 {
  width: 100%; height: auto; min-height: 0; margin: 0; padding: 0;
  background: linear-gradient(180deg, #808a8e 0%, #363636 100%);
}
@media (min-width: 761px) {
  body.rj-site-chrome-2026 #footerRJ01.rj-footer-2026 {
    width: 965px; margin-left: auto; margin-right: auto;
  }
}
body.rj-site-chrome-2026 #footerRJ01.rj-footer-2026 .rj-france-mark-2026 {
  display: flex; align-items: center; justify-content: center; width: 100%; min-height: 200px;
  margin: 0; padding: 28px 24px; box-sizing: border-box;
  background: linear-gradient(180deg, #272b2d 0%, #08090a 100%);
}
body.rj-site-chrome-2026 #footerRJ01.rj-footer-2026 .rj-france-mark-2026 img {
  display: block; width: min(235px, 62vw); height: auto;
}
body.rj-site-chrome-2026 #footerRJ01.rj-footer-2026 #foot {
  display: block; width: 100%; max-width: none; height: auto; min-height: 176px; margin: 0; padding: 0;
}
body.rj-site-chrome-2026 #footerRJ01.rj-footer-2026 #left { float: none; width: 100%; padding: 0; }
body.rj-site-chrome-2026 #footerRJ01.rj-footer-2026 h1 {
  width: 100%; margin: 0; padding: 40px 42px 0; box-sizing: border-box; color: #eee;
  font-size: 10px; font-weight: 400; line-height: 30px; text-align: center;
}
body.rj-site-chrome-2026 #footerRJ01.rj-footer-2026 h1 a {
  display: inline-block; margin: 0 8px 6px; padding: 5px 3px; color: #eee; text-decoration: none;
  transition: color .2s ease, text-shadow .2s ease;
}
body.rj-site-chrome-2026 #footerRJ01.rj-footer-2026 h1 a:hover { color: #f6c; text-shadow: 0 0 8px rgba(255, 102, 204, .5); }
body.rj-site-chrome-2026 #footerRJ01.rj-footer-2026 #review {
  clear: both; width: auto; margin: 20px 0 0; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.16);
  color: #ddd; font-size: 12px; text-align: center;
}
body.rj-site-chrome-2026 #footerRJ01.rj-footer-2026 #review p { margin: 0; line-height: 24px; }
body.rj-site-chrome-2026 #footerRJ01.rj-footer-2026 .go-top {
  position: absolute; right: 18px; bottom: 14px; padding: 12px 14px; border-radius: 12px;
  background: rgba(49,55,57,.68); color: #f6c; font-size: 10px; text-decoration: none;
}

@media (max-width: 760px) {
  body.rj-site-chrome-2026 #header {
    position: relative; display: block; float: none; width: 100%; height: 155px; min-height: 155px;
    padding: 0; box-sizing: border-box;
  }
  body.rj-site-chrome-2026 #logoheader { position: absolute; top: 0; left: 10px; width: 192px; height: 117px; }
  body.rj-site-chrome-2026 #logoheader img { width: 192px; height: 117px; margin: 5px !important; }
  body.rj-site-chrome-2026 #header > ul {
    position: absolute; top: 26px; right: 12px; left: auto; display: flex; align-items: center;
    justify-content: flex-end; gap: 14px; width: auto; height: 33px; margin: 0; padding: 0;
  }
  body.rj-site-chrome-2026 #header > ul li,
  body.rj-site-chrome-2026 #header > ul #mapHeader,
  body.rj-site-chrome-2026 #header > ul #siteFR { position: relative; inset: auto; float: none; height: auto; margin: 0; padding: 0; }
  body.rj-site-chrome-2026 #header > ul #mapHeader { order: -1; width: 60px; }
  body.rj-site-chrome-2026 #header > ul #siteFR { width: 38px; }
  body.rj-site-chrome-2026 #header > ul #mapHeader img { width: 60px; height: 33px; }
  body.rj-site-chrome-2026 #header > ul #siteFR img { width: 38px !important; height: 21px !important; }
  body.rj-site-chrome-2026 #header > h1 {
    position: absolute; top: 112px; right: 14px; display: block; width: calc(100% - 28px); height: auto;
    margin: 0; padding: 0; color: #686868; font-size: 10px; letter-spacing: 1.6px; text-align: right;
  }
  body.rj-site-chrome-2026 #topnavWrap { width: 100%; margin: 0; }
  body.rj-site-chrome-2026 #menu-wrap { position: relative; width: 100%; }
  body.rj-site-chrome-2026 #menu-trigger {
    display: block !important; min-height: 40px; padding: 0 28px; color: #f6c; font-size: 15px; line-height: 40px;
    background: linear-gradient(#242424, #050505); cursor: pointer;
  }
  body.rj-site-chrome-2026 #menu-trigger::after { float: right; content: '+'; font-size: 21px; font-weight: 700; }
  body.rj-site-chrome-2026 #menu-wrap.rj-menu-open #menu-trigger::after { content: '−'; }
  /* menuDD.css has a legacy `min-width:600px` rule using !important.  Use
     the 2026 state class with equal strength so the menu is genuinely closed
     until the visitor activates Menu. */
  body.rj-site-chrome-2026 #menu-wrap:not(.rj-menu-open) #menu { display: none !important; }
  body.rj-site-chrome-2026 #menu-wrap.rj-menu-open #menu {
    display: block !important; max-height: calc(100dvh - 40px); margin: 0; overflow-y: auto; overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch; background: linear-gradient(#292929, #111); touch-action: pan-y;
  }
  body.rj-site-chrome-2026 #menu-wrap.rj-menu-open #menu > li { display: block; float: none; width: 100%; }
  body.rj-site-chrome-2026 #menu-wrap.rj-menu-open #menu > li > a {
    display: block; min-height: 54px; padding: 0 28px; color: #fff; line-height: 54px; border-bottom: 1px solid rgba(255,255,255,.1);
  }
  body.rj-site-chrome-2026 #menu-wrap.rj-menu-open #menu > li > ul { display: none; }
  body.rj-site-chrome-2026 #menu-wrap.rj-menu-open #menu > li.rj-submenu-open > ul { display: block; }
  body.rj-site-chrome-2026 #menu-wrap.rj-menu-open #menu > li.rj-submenu-open > ul li a {
    display: block; min-height: 48px; padding: 0 44px; line-height: 48px; color: #fff; background: rgba(255,255,255,.05);
    border-bottom: 1px solid rgba(255,255,255,.08);
  }
  body.rj-site-chrome-2026 #footerRJ01.rj-footer-2026 .rj-france-mark-2026 { min-height: 156px; padding: 24px 18px; }
  body.rj-site-chrome-2026 #footerRJ01.rj-footer-2026 .rj-france-mark-2026 img { width: min(205px, 68vw); }
  body.rj-site-chrome-2026 #footerRJ01.rj-footer-2026 #foot { min-height: 0; padding: 45px 20px 42px; box-sizing: border-box; }
  body.rj-site-chrome-2026 #footerRJ01.rj-footer-2026 h1 { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 18px; padding: 0; line-height: 34px; }
  body.rj-site-chrome-2026 #footerRJ01.rj-footer-2026 h1 a { margin: 0 5px 10px; padding: 8px 7px; line-height: 24px; }
  body.rj-site-chrome-2026 #footerRJ01.rj-footer-2026 #review { margin-top: 28px; padding-top: 22px; }
  body.rj-site-chrome-2026 #footerRJ01.rj-footer-2026 #review p { line-height: 26px; }
  body.rj-site-chrome-2026 #footerRJ01.rj-footer-2026 .go-top { right: 12px; bottom: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  body.rj-site-chrome-2026 * { scroll-behavior: auto !important; transition: none !important; }
}

/* Standard 2026 compact masthead for every page using the shared upgraded
   chrome. It replaces the tall legacy logo with the horizontal black mark and
   reserves a complete, centred line for the slogan. */
@media (max-width:950px) {
  body.rj-site-chrome-2026 #header {
    height: 160px;
    min-height: 160px;
  }
  body.rj-site-chrome-2026 #logoheader {
    position: absolute;
    top: 20px;
    left: 28px;
    width: 264px;
    height: 62px;
    margin: 0;
  }
  body.rj-site-chrome-2026 #logoheader a {
    display: block;
    width: 264px;
    height: 62px;
    background: url("https://www.robertjuliat.com/rober-juliat-logo-noir.svg") left center / contain no-repeat;
  }
  body.rj-site-chrome-2026 #logoheader img,
  body.rj-site-chrome-2026 #logoheader a:hover img {
    visibility: hidden !important;
  }
  body.rj-site-chrome-2026 #header > ul {
    position: absolute;
    top: 30px;
    right: 26px;
    left: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
  }
  body.rj-site-chrome-2026 #header > ul li,
  body.rj-site-chrome-2026 #header > ul #mapHeader,
  body.rj-site-chrome-2026 #header > ul #siteFR {
    position: relative;
    inset: auto;
    float: none;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
  }
  body.rj-site-chrome-2026 #header > ul #mapHeader { order: -1; width: 58px; }
  body.rj-site-chrome-2026 #header > ul #siteFR { width: 38px; }
  body.rj-site-chrome-2026 #header > ul #mapHeader img { width: 58px; height: auto; }
  body.rj-site-chrome-2026 #header > ul #siteFR img { width: 38px !important; height: auto !important; }
  body.rj-site-chrome-2026 #header > h1 {
    position: absolute;
    top: 113px;
    right: 20px;
    left: 20px;
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    color: #666;
    font-size: clamp(9px, 2.25vw, 11px);
    line-height: 14px;
    letter-spacing: 1.35px;
    text-align: center;
    white-space: nowrap;
  }
}

@media (max-width:480px) {
  body.rj-site-chrome-2026 #logoheader,
  body.rj-site-chrome-2026 #logoheader a {
    width: 218px !important;
  }
  body.rj-site-chrome-2026 #logoheader {
    left: 18px !important;
  }
  body.rj-site-chrome-2026 #header > ul {
    right: 14px !important;
    gap: 9px !important;
  }
  body.rj-site-chrome-2026 #header > ul #mapHeader { width: 50px !important; }
  body.rj-site-chrome-2026 #header > ul #siteFR { width: 34px !important; }
  body.rj-site-chrome-2026 #header > ul #mapHeader img { width: 50px !important; height: auto !important; }
  body.rj-site-chrome-2026 #header > ul #siteFR img { width: 34px !important; height: auto !important; }
}

@media (max-width:360px) {
  body.rj-site-chrome-2026 #logoheader,
  body.rj-site-chrome-2026 #logoheader a {
    width: 194px !important;
  }
  body.rj-site-chrome-2026 #logoheader {
    left: 12px !important;
  }
  body.rj-site-chrome-2026 #header > ul {
    right: 10px !important;
    gap: 7px !important;
  }
  body.rj-site-chrome-2026 #header > ul #mapHeader,
  body.rj-site-chrome-2026 #header > ul #mapHeader img {
    width: 46px !important;
  }
  body.rj-site-chrome-2026 #header > ul #siteFR,
  body.rj-site-chrome-2026 #header > ul #siteFR img {
    width: 32px !important;
  }
}

/* Phone breadcrumb and slogan follow the 2026 template proportions. */
@media (max-width:760px) {
  body.rj-site-chrome-2026 #header > h1 {
    font-size:clamp(10px,3.2vw,14px);
    letter-spacing:1.45px;
  }
  body.rj-site-chrome-2026 #filAriane { margin-top:10px !important; }
}

/* PHP article breadcrumb: full-width light strip immediately before footer. */
body.rj-site-chrome-2026 .rj-bottom-breadcrumb {
  width: 100%;
  height: 60px;
  margin: 45px 0 0;
  padding: 0 0 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f8f9fa;
  border: 0;
  box-shadow: none;
  box-sizing: border-box;
}
body.rj-site-chrome-2026 .rj-bottom-breadcrumb-nav {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.rj-site-chrome-2026 .rj-bottom-breadcrumb-inner {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: .75rem;
  padding-left: .75rem;
  box-sizing: border-box;
}
@media (min-width:576px) { body.rj-site-chrome-2026 .rj-bottom-breadcrumb-inner { max-width: 540px; } }
@media (min-width:768px) { body.rj-site-chrome-2026 .rj-bottom-breadcrumb-inner { max-width: 720px; } }
@media (min-width:992px) { body.rj-site-chrome-2026 .rj-bottom-breadcrumb-inner { max-width: 960px; } }
@media (min-width:1200px) { body.rj-site-chrome-2026 .rj-bottom-breadcrumb-inner { max-width: 1140px; } }
@media (min-width:1400px) { body.rj-site-chrome-2026 .rj-bottom-breadcrumb-inner { max-width: 1320px; } }
body.rj-site-chrome-2026 .rj-bottom-breadcrumb .breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin: 20px auto;
  padding: 0;
  background-color: transparent;
  list-style: none;
}
body.rj-site-chrome-2026 .rj-bottom-breadcrumb .breadcrumb-item {
  display: flex;
  align-items: center;
  float: none;
  margin: 0;
  padding: 0;
  height: 100%;
  color: #434243;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  white-space: nowrap;
}
body.rj-site-chrome-2026 .rj-bottom-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  float: none;
  margin: 0;
  padding: 0 5px;
  color: #434243;
  content: ">";
}
body.rj-site-chrome-2026 .rj-bottom-breadcrumb a {
  color: #151515;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  text-transform: none;
  transition: color .3s ease;
}
body.rj-site-chrome-2026 .rj-bottom-breadcrumb a:hover {
  color: #DA1884;
}
body.rj-site-chrome-2026 .rj-bottom-breadcrumb .active {
  color: #6c757d;
  font-weight: 400;
}
body.rj-site-chrome-2026 .rj-bottom-breadcrumb .homeFR,
body.rj-site-chrome-2026 .rj-bottom-breadcrumb .fil,
body.rj-site-chrome-2026 .rj-bottom-breadcrumb .filb {
  float: none;
  width: auto;
  margin: 0;
  padding: 0;
  background: none;
  line-height: inherit;
  text-transform: none;
}
@media (max-width: 760px) {
  body.rj-site-chrome-2026 .rj-bottom-breadcrumb {
    height: auto;
    padding-top: 10px;
  }
  body.rj-site-chrome-2026 .rj-bottom-breadcrumb .breadcrumb {
    flex-direction: row;
  }
  body.rj-site-chrome-2026 .rj-bottom-breadcrumb .breadcrumb-item,
  body.rj-site-chrome-2026 .rj-bottom-breadcrumb a {
    font-size: 12px;
  }
}

/* --------------------------------------------------------------------------
   Canonical shared footer and bottom breadcrumb for upgraded 2026 pages.
   This block intentionally mirrors rj-v2-masthead-final-2026.css so both
   upgraded page families keep the same header/footer system.
   -------------------------------------------------------------------------- */
body.rj-site-chrome-2026 #footerRJ01.history-v2-footer,
body.rj-site-chrome-2026 #footerRJ01.rj-footer-2026 {
  position: relative;
  width: 100vw;
  height: auto;
  min-height: 0;
  margin: 0 0 0 calc(50% - 50vw);
  padding: 0;
  overflow: hidden;
  color: #fff;
  background: linear-gradient(to top, rgba(255,102,204,1) 0%, rgba(156,12,84,1) 50%, rgba(26,0,13,1) 100%) !important;
  box-sizing: border-box;
}
body.rj-site-chrome-2026 #footerRJ01 .history-v2-endmark,
body.rj-site-chrome-2026 #footerRJ01 .rj-france-mark-2026 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 216px;
  margin: 0;
  padding: 30px 24px;
  background: linear-gradient(180deg, #272b2d 0%, #08090a 100%);
  box-sizing: border-box;
}
body.rj-site-chrome-2026 #footerRJ01 .history-v2-endmark img,
body.rj-site-chrome-2026 #footerRJ01 .rj-france-mark-2026 img {
  display: block;
  width: min(255px, 62vw);
  height: auto;
}
body.rj-site-chrome-2026 #footerRJ01 #foot {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 46px 24px 38px;
  box-sizing: border-box;
}
body.rj-site-chrome-2026 #footerRJ01 #left {
  float: none;
  width: 100%;
  padding: 0;
}
body.rj-site-chrome-2026 #footerRJ01 h1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px 18px;
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
  padding: 0;
  color: #fff;
  font-size: 11px !important;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
}
body.rj-site-chrome-2026 #footerRJ01 h1 a {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  margin: 0;
  padding: 2px 4px;
  color: #fff;
  text-decoration: none;
  transition: color .2s ease, text-shadow .2s ease;
}
body.rj-site-chrome-2026 #footerRJ01 h1 a:hover {
  color: #ffd6ef;
  text-shadow: 0 0 8px rgba(255,255,255,.36);
}
body.rj-site-chrome-2026 #footerRJ01 #review {
  clear: both;
  width: auto;
  margin: 28px auto 0;
  padding-top: 22px;
  border-top: 1px solid rgba(255,255,255,.22);
  color: #fff;
  font-size: 13px;
  text-align: center;
}
body.rj-site-chrome-2026 #footerRJ01 #review p {
  margin: 0;
  color: #fff;
  line-height: 24px;
}
body.rj-site-chrome-2026 #footerRJ01 .go-top {
  position: absolute;
  right: 18px;
  bottom: 14px;
  padding: 12px 14px;
  border-radius: 12px;
  background: rgba(35,39,41,.72);
  color: #fff;
  font-size: 10px;
  text-decoration: none;
}

body.rj-site-chrome-2026 .rj-bottom-breadcrumb,
body.rj-site-chrome-2026 .breadcrumb-container {
  width: 100%;
  min-height: 60px;
  height: auto !important;
  margin: 45px 0 0;
  padding: 12px 16px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-color: #f8f9fa;
  border: 0;
  box-shadow: none;
  box-sizing: border-box;
}
body.rj-site-chrome-2026 .rj-bottom-breadcrumb-nav,
body.rj-site-chrome-2026 .rj-bottom-breadcrumb-inner,
body.rj-site-chrome-2026 .breadcrumb-container nav,
body.rj-site-chrome-2026 .breadcrumb-container .container {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box;
}
body.rj-site-chrome-2026 .rj-bottom-breadcrumb .breadcrumb,
body.rj-site-chrome-2026 .breadcrumb-container .breadcrumb {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  gap: 0;
  row-gap: 4px;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow-wrap: anywhere;
  background-color: transparent;
  list-style: none;
}
body.rj-site-chrome-2026 .rj-bottom-breadcrumb .breadcrumb-item,
body.rj-site-chrome-2026 .breadcrumb-container .breadcrumb-item {
  display: flex;
  align-items: center;
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
  height: auto !important;
  margin: 0;
  padding: 0;
  color: #434243;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.35;
  text-align: center;
  white-space: normal !important;
  overflow-wrap: anywhere;
  word-break: normal;
}
body.rj-site-chrome-2026 .rj-bottom-breadcrumb .breadcrumb-item + .breadcrumb-item::before,
body.rj-site-chrome-2026 .breadcrumb-container .breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  flex: 0 0 auto;
  margin: 0;
  padding: 0 5px;
  color: #434243;
  content: ">";
}
body.rj-site-chrome-2026 .rj-bottom-breadcrumb a,
body.rj-site-chrome-2026 .breadcrumb-container a {
  display: inline;
  max-width: 100%;
  color: #151515;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  text-transform: none;
  white-space: normal !important;
  overflow-wrap: anywhere;
  transition: color .3s ease;
}
body.rj-site-chrome-2026 .rj-bottom-breadcrumb a:hover,
body.rj-site-chrome-2026 .breadcrumb-container a:hover {
  color: #DA1884;
}
body.rj-site-chrome-2026 .rj-bottom-breadcrumb .active,
body.rj-site-chrome-2026 .breadcrumb-container .active {
  max-width: 100%;
  color: #6c757d;
  font-weight: 400;
  overflow-wrap: anywhere;
  word-break: normal;
}

/* Keep legacy product/category content inside the same centred column as the
   2026 masthead and navigation. */
body.rj-site-chrome-2026 #contenuprod,
body.rj-site-chrome-2026 #contenusingle,
body.rj-site-chrome-2026 #contenuprofile,
body.rj-site-chrome-2026 #focusOnled,
body.rj-site-chrome-2026 #focusOnCCL {
  float: none !important;
  clear: both !important;
  width: 965px !important;
  max-width: calc(100vw - 32px) !important;
  margin: 44px auto 70px !important;
  box-sizing: border-box !important;
}
body.rj-site-chrome-2026 #contenusingle::after,
body.rj-site-chrome-2026 #contenuprod::after,
body.rj-site-chrome-2026 #contenuprofile::after {
  display: block;
  clear: both;
  content: "";
}
body.rj-site-chrome-2026 #contenusingle img,
body.rj-site-chrome-2026 #contenuprod img,
body.rj-site-chrome-2026 #contenuprofile img,
body.rj-site-chrome-2026 #focusOnled img,
body.rj-site-chrome-2026 #focusOnCCL img {
  max-width: 100%;
  height: auto;
}
body.rj-site-chrome-2026 #mainwrapper {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
@media (min-width: 761px) {
  body.rj-site-chrome-2026.rj-product-category-page #mainwrapper,
  body.rj-site-chrome-2026.rj-followspots-range-page #mainwrapper {
    clear: both !important;
    width: 965px !important;
    max-width: calc(100vw - 32px) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    overflow: visible !important;
  }
  body.rj-site-chrome-2026.rj-discontinued-products-page #contenusm {
    float: none !important;
    clear: both !important;
    width: 965px !important;
    max-width: calc(100vw - 32px) !important;
    margin: 54px auto 70px !important;
    box-sizing: border-box !important;
  }
  body.rj-site-chrome-2026.rj-sully-category-page #pageSULLY {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
  body.rj-site-chrome-2026.rj-sully-category-page #pageSULLY .titreprofilespots,
  body.rj-site-chrome-2026.rj-sully-category-page #pageSULLY .soustitresinglelens,
  body.rj-site-chrome-2026.rj-sully-category-page #pageSULLY p {
    margin-left: 8px !important;
  }
  body.rj-site-chrome-2026.rj-sully-category-page #pageSULLY p {
    width: calc(100% - 16px) !important;
    max-width: calc(100% - 16px) !important;
    padding: 20px 25px 25px 0 !important;
    box-sizing: border-box !important;
  }
}
body.rj-site-chrome-2026 .sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
@media (max-width: 760px) {
  body.rj-site-chrome-2026 #header > h1 {
    right: 20px !important;
    left: 20px !important;
    width: auto !important;
    max-width: calc(100vw - 40px) !important;
    box-sizing: border-box !important;
  }
  body.rj-site-chrome-2026 #contenuprod,
  body.rj-site-chrome-2026 #contenusingle,
  body.rj-site-chrome-2026 #contenuprofile,
  body.rj-site-chrome-2026 #focusOnled,
  body.rj-site-chrome-2026 #focusOnCCL {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    margin: 28px auto 48px !important;
  }
  body.rj-site-chrome-2026 #introsinglelens,
  body.rj-site-chrome-2026 #introprofile,
  body.rj-site-chrome-2026 #introfollowspots,
  body.rj-site-chrome-2026 #introambiancelight,
  body.rj-site-chrome-2026 #introdimmers,
  body.rj-site-chrome-2026 #pagesinglelens,
  body.rj-site-chrome-2026 #pageprofilespots,
  body.rj-site-chrome-2026 #pagefollowspots,
  body.rj-site-chrome-2026 #pageambiancelight,
  body.rj-site-chrome-2026 #pagedimmers,
  body.rj-site-chrome-2026 .imgproduit,
  body.rj-site-chrome-2026 .imgproduitPDF,
  body.rj-site-chrome-2026 #prodLoads {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto 24px !important;
    box-sizing: border-box !important;
  }
  body.rj-site-chrome-2026 .imgproduit,
  body.rj-site-chrome-2026 .imgproduitPDF {
    text-align: center !important;
  }
  body.rj-site-chrome-2026 .imgproduit img,
  body.rj-site-chrome-2026 .imgproduitPDF img {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  body.rj-site-chrome-2026 #mainwrapper {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }
  body.rj-site-chrome-2026 #mainwrapper .widget {
    float: none !important;
    display: block !important;
    width: min(100%, 230px) !important;
    max-width: 100% !important;
    margin: 16px auto 22px !important;
    box-sizing: border-box !important;
  }
  body.rj-site-chrome-2026 #mainwrapper .widget a,
  body.rj-site-chrome-2026 #mainwrapper .widget img,
  body.rj-site-chrome-2026 #mainwrapper .widget h3,
  body.rj-site-chrome-2026 #mainwrapper .widget p {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  body.rj-site-chrome-2026 #mainwrapper h1,
  body.rj-site-chrome-2026 .titreaccessoriesfollowspot,
  body.rj-site-chrome-2026 .stopfloat {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  body.rj-site-chrome-2026 .titreaccessoriesfollowspot a {
    display: inline-block !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    box-sizing: border-box !important;
  }
  body.rj-site-chrome-2026.rj-product-category-page #contenusingle {
    margin-top: 54px !important;
    overflow: visible !important;
  }
  body.rj-site-chrome-2026.rj-product-category-page #introsinglelens,
  body.rj-site-chrome-2026.rj-product-category-page #introprofile,
  body.rj-site-chrome-2026.rj-product-category-page #introambiancelight,
  body.rj-site-chrome-2026.rj-product-category-page #introdimmers {
    min-height: 0 !important;
    padding-top: 0 !important;
    background-position: 0 0 !important;
  }
  body.rj-site-chrome-2026.rj-product-category-page #pageSULLY {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto 28px !important;
    box-sizing: border-box !important;
  }
  body.rj-site-chrome-2026.rj-product-category-page #introsinglelens .titresinglelens,
  body.rj-site-chrome-2026.rj-product-category-page #introprofile .titleprofilespots,
  body.rj-site-chrome-2026.rj-product-category-page #introambiancelight .titleambiancelight,
  body.rj-site-chrome-2026.rj-product-category-page #introdimmers .titledimmers {
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding-left: 55px !important;
    box-sizing: border-box !important;
    font-size: clamp(25px, 7.6vw, 35px) !important;
    line-height: 1.08 !important;
    overflow-wrap: anywhere !important;
  }
  body.rj-site-chrome-2026.rj-product-category-page #introsinglelens .subtitlesinglelens,
  body.rj-site-chrome-2026.rj-product-category-page #introprofile .subtitlesinglelens,
  body.rj-site-chrome-2026.rj-product-category-page #introambiancelight .subtitleambiancelight,
  body.rj-site-chrome-2026.rj-product-category-page #introdimmers .subtitledimmers {
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 3px 0 0 !important;
    padding-left: 55px !important;
    box-sizing: border-box !important;
    font-size: clamp(13px, 4vw, 18px) !important;
    line-height: 1.16 !important;
    overflow-wrap: anywhere !important;
  }
  body.rj-site-chrome-2026.rj-product-category-page #pageSULLY .titreprofilespots,
  body.rj-site-chrome-2026.rj-product-category-page #pageSULLY .soustitresinglelens {
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    line-height: 1.12 !important;
    overflow-wrap: anywhere !important;
  }
  body.rj-site-chrome-2026.rj-product-category-page #pageSULLY .titreprofilespots {
    font-size: clamp(30px, 9vw, 42px) !important;
  }
  body.rj-site-chrome-2026.rj-product-category-page #pageSULLY .soustitresinglelens {
    margin-top: 6px !important;
    font-size: clamp(18px, 5vw, 24px) !important;
  }
  body.rj-site-chrome-2026.rj-product-category-page .descriptionProd,
  body.rj-site-chrome-2026.rj-product-category-page .descriptionsinglelens {
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 24px 0 0 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    text-align: left !important;
    box-sizing: border-box !important;
    overflow-wrap: anywhere !important;
  }
  body.rj-site-chrome-2026.rj-product-category-page #pageSULLY p {
    width: 100% !important;
    max-width: 100% !important;
    padding: 20px 0 0 !important;
    box-sizing: border-box !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
    text-align: left !important;
    overflow-wrap: anywhere !important;
  }
  body.rj-site-chrome-2026.rj-product-category-page #contenusingle .border_box {
    float: none !important;
    width: min(100%, 360px) !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 30px auto 0 !important;
    box-sizing: border-box !important;
  }
  body.rj-site-chrome-2026.rj-product-category-page #contenusingle .box_skitter,
  body.rj-site-chrome-2026.rj-product-category-page #contenusingle .box_skitter_small,
  body.rj-site-chrome-2026.rj-product-category-page #contenusingle .container_skitter {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    box-sizing: border-box !important;
  }
  body.rj-site-chrome-2026.rj-product-category-page #contenusingle .box_skitter img {
    width: 100% !important;
    height: auto !important;
  }
  body.rj-site-chrome-2026.rj-product-category-page #mainwrapper {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0 14px;
    margin-right: auto !important;
    margin-left: auto !important;
    overflow: visible !important;
  }
  body.rj-site-chrome-2026.rj-product-category-page #mainwrapper h1 {
    margin: 42px 0 12px !important;
    font-size: clamp(20px, 5.8vw, 28px) !important;
    line-height: 1.15 !important;
    letter-spacing: .08em !important;
    text-align: center !important;
    overflow-wrap: anywhere !important;
  }
  body.rj-site-chrome-2026.rj-product-category-page #mainwrapper .widget {
    width: min(100%, 230px) !important;
  }
  body.rj-site-chrome-2026.rj-zoomsur-range-page #focusOnled,
  body.rj-site-chrome-2026.rj-zoomsur-article-page #focusOnled,
  body.rj-site-chrome-2026.rj-zoomsur-article-page #focusOnCCL {
    margin-top: 54px !important;
    padding-top: 24px !important;
    overflow: visible !important;
  }
  body.rj-site-chrome-2026.rj-zoomsur-range-page #focusOnled .pageHomeH1 {
    margin: 0 0 24px !important;
    color: #20272c !important;
    font-size: clamp(24px, 7vw, 34px) !important;
    line-height: 1.15 !important;
    letter-spacing: .04em !important;
    text-align: center !important;
    overflow-wrap: anywhere !important;
  }
  body.rj-site-chrome-2026.rj-zoomsur-range-page #focusOnled > div,
  body.rj-site-chrome-2026.rj-zoomsur-article-page #focusOnled > div,
  body.rj-site-chrome-2026.rj-zoomsur-article-page #focusOnCCL > div,
  body.rj-site-chrome-2026.rj-zoomsur-article-page #cclpic {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto 24px !important;
    box-sizing: border-box !important;
  }
  body.rj-site-chrome-2026.rj-zoomsur-range-page #focusOnled > div img,
  body.rj-site-chrome-2026.rj-zoomsur-article-page #focusOnled img,
  body.rj-site-chrome-2026.rj-zoomsur-article-page #focusOnCCL img {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
  }
  body.rj-site-chrome-2026.rj-zoomsur-article-page #introsinglelens {
    background-position: 0 0 !important;
  }
  body.rj-site-chrome-2026.rj-zoomsur-article-page #introsinglelens .titresinglelens,
  body.rj-site-chrome-2026.rj-zoomsur-article-page #introsinglelens .subtitlesinglelens {
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding-left: 0 !important;
    box-sizing: border-box !important;
    line-height: 1.15 !important;
    text-align: left !important;
    overflow-wrap: anywhere !important;
  }
  body.rj-site-chrome-2026.rj-zoomsur-article-page #introsinglelens .titresinglelens {
    font-size: clamp(24px, 7vw, 34px) !important;
  }
  body.rj-site-chrome-2026.rj-zoomsur-article-page #introsinglelens .subtitlesinglelens {
    margin-top: 4px !important;
    font-size: clamp(16px, 4.8vw, 20px) !important;
  }
  body.rj-site-chrome-2026.rj-zoomsur-article-page .descriptionsinglelens {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    text-align: left !important;
    box-sizing: border-box !important;
    overflow-wrap: anywhere !important;
  }
  body.rj-site-chrome-2026.rj-zoomsur-led-page #focusOnled {
    background-image: none !important;
  }
  body.rj-site-chrome-2026.rj-zoomsur-led-page #focusOnled::after {
    display: block !important;
    width: min(284px, calc(100vw - 64px)) !important;
    aspect-ratio: 284 / 745;
    margin: 34px auto 0 !important;
    background: url("../images/FocusOn/FocusOnLed.png") no-repeat center top / contain;
    content: "" !important;
  }
  body.rj-site-chrome-2026.rj-site-map-page #contenusm {
    float: none !important;
    clear: both !important;
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    margin: 54px auto 48px !important;
    padding-top: 24px !important;
    box-sizing: border-box !important;
    background-position: center top !important;
  }
  body.rj-site-chrome-2026.rj-site-map-page #contenusm ul {
    box-sizing: border-box !important;
  }
  body.rj-site-chrome-2026.rj-site-map-page #contenusm h1 {
    padding-top: 0 !important;
    line-height: 1.15 !important;
  }
  body.rj-site-chrome-2026.rj-discontinued-products-page #contenusm {
    float: none !important;
    clear: both !important;
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    margin: 54px auto 48px !important;
    box-sizing: border-box !important;
    background-image: none !important;
  }
  body.rj-site-chrome-2026.rj-discontinued-products-page #contenusm .archivevignette,
  body.rj-site-chrome-2026.rj-discontinued-products-page #contenusm .archivevignette ul {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
  body.rj-site-chrome-2026.rj-discontinued-products-page #contenusm .archivevignette ul {
    padding: 0 12px 0 20px !important;
  }
  body.rj-site-chrome-2026.rj-discontinued-products-page #contenusm h1 {
    width: 100% !important;
    margin: 0 0 22px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid #ccd4d8 !important;
    color: #20272c !important;
    font-size: clamp(26px, 7.4vw, 38px) !important;
    line-height: 1.1 !important;
    letter-spacing: .04em !important;
    text-align: left !important;
    box-sizing: border-box !important;
  }
  body.rj-site-chrome-2026.rj-discontinued-products-page #contenusm li a {
    display: block !important;
    max-width: 100% !important;
    margin: 0 0 10px !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    overflow-wrap: anywhere !important;
    box-sizing: border-box !important;
  }
  body.rj-site-chrome-2026.rj-accessories-detail-page #contenusingle.accessories-detail,
  body.rj-site-chrome-2026.rj-dmxcat-page #contenusingle {
    margin-top: 54px !important;
  }
  body.rj-site-chrome-2026.rj-accessories-detail-page #contenusingle.accessories-detail .titrefollowspots,
  body.rj-site-chrome-2026.rj-accessories-detail-page #contenusingle.accessories-detail .soustitresinglelens {
    margin-top: 0 !important;
  }
  body.rj-site-chrome-2026.rj-accessories-detail-page #pagefollowspots {
    padding-top: 34px !important;
  }
  body.rj-site-chrome-2026.rj-dmxcat-page #pageSULLY {
    display: flex !important;
    flex-direction: column !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
  }
  body.rj-site-chrome-2026.rj-dmxcat-page #pageSULLY > * {
    order: 4 !important;
  }
  body.rj-site-chrome-2026.rj-dmxcat-page #pageSULLY h1.titreprofilespots {
    order: 1 !important;
  }
  body.rj-site-chrome-2026.rj-dmxcat-page #pageSULLY p.titreprofilespots {
    order: 2 !important;
  }
  body.rj-site-chrome-2026.rj-dmxcat-page #pageSULLY section {
    order: 3 !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 22px auto 24px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }
  body.rj-site-chrome-2026.rj-dmxcat-page #pageSULLY section img {
    max-width: min(100%, 280px) !important;
    height: auto !important;
  }
  body.rj-site-chrome-2026.rj-dmxcat-page #pageSULLY .titreprofilespots,
  body.rj-site-chrome-2026.rj-dmxcat-page #pageSULLY p {
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    box-sizing: border-box !important;
    overflow-wrap: anywhere !important;
  }
  body.rj-site-chrome-2026.rj-dmxcat-page #pageSULLY h1.titreprofilespots {
    font-size: clamp(24px, 7vw, 30px) !important;
    line-height: 1.12 !important;
  }
  body.rj-site-chrome-2026.rj-dmxcat-page #pageSULLY p.titreprofilespots {
    margin-top: 4px !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
  }
  body.rj-site-chrome-2026.rj-followspots-range-page #contenusingle {
    margin-top: 54px !important;
    overflow: visible !important;
  }
  body.rj-site-chrome-2026.rj-followspots-range-page #introfollowspots {
    min-height: 0 !important;
    padding-top: 0 !important;
    background-position: 0 0 !important;
  }
  body.rj-site-chrome-2026.rj-followspots-range-page #introfollowspots .titrefollowspots,
  body.rj-site-chrome-2026.rj-followspots-range-page #introfollowspots .subtitlesinglelens {
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding-left: 55px !important;
    box-sizing: border-box !important;
    line-height: 1.1 !important;
  }
  body.rj-site-chrome-2026.rj-followspots-range-page #introfollowspots .titrefollowspots {
    font-size: clamp(28px, 8.6vw, 35px) !important;
  }
  body.rj-site-chrome-2026.rj-followspots-range-page #introfollowspots .subtitlesinglelens {
    padding-top: 2px !important;
    font-size: clamp(14px, 4.8vw, 19px) !important;
  }
  body.rj-site-chrome-2026.rj-followspots-range-page #introfollowspots .descriptionProd {
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 28px 0 0 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    text-align: left !important;
    box-sizing: border-box !important;
  }
  body.rj-site-chrome-2026.rj-followspots-range-page #contenusingle .border_box {
    float: none !important;
    width: min(100%, 360px) !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 30px auto 0 !important;
    box-sizing: border-box !important;
  }
  body.rj-site-chrome-2026.rj-followspots-range-page #contenusingle .box_skitter,
  body.rj-site-chrome-2026.rj-followspots-range-page #contenusingle .box_skitter_small,
  body.rj-site-chrome-2026.rj-followspots-range-page #contenusingle .container_skitter {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    box-sizing: border-box !important;
  }
  body.rj-site-chrome-2026.rj-followspots-range-page #contenusingle .box_skitter img {
    width: 100% !important;
    height: auto !important;
  }
  body.rj-site-chrome-2026.rj-followspots-range-page #mainwrapper {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0 14px;
    overflow: visible !important;
  }
  body.rj-site-chrome-2026.rj-followspots-range-page #mainwrapper h1 {
    margin: 54px 0 12px !important;
    color: #139fc8;
    font-size: clamp(21px, 6.2vw, 28px) !important;
    line-height: 1.15 !important;
    letter-spacing: .08em !important;
    text-align: center !important;
  }
  body.rj-site-chrome-2026.rj-followspots-range-page #mainwrapper .widget {
    width: min(100%, 230px) !important;
  }
  @media (max-width: 420px) {
    body.rj-site-chrome-2026.rj-followspots-range-page #wrap,
    body.rj-site-chrome-2026.rj-followspots-range-page #container {
      width: 100vw !important;
      max-width: 100vw !important;
      min-width: 0 !important;
      overflow-x: hidden !important;
    }
    body.rj-site-chrome-2026.rj-followspots-range-page #contenusingle {
      width: calc(100vw - 24px) !important;
      max-width: calc(100vw - 24px) !important;
      margin-right: 12px !important;
      margin-left: 12px !important;
    }
    body.rj-site-chrome-2026.rj-followspots-range-page #introfollowspots .descriptionProd {
      overflow-wrap: anywhere !important;
    }
    body.rj-site-chrome-2026.rj-followspots-range-page #mainwrapper {
      flex-direction: column;
      align-items: center;
      width: calc(100vw - 24px) !important;
      max-width: calc(100vw - 24px) !important;
      margin-right: 12px !important;
      margin-left: 12px !important;
    }
    body.rj-site-chrome-2026.rj-followspots-range-page #mainwrapper h1 {
      font-size: clamp(18px, 5.4vw, 22px) !important;
      overflow-wrap: anywhere !important;
    }
    body.rj-site-chrome-2026.rj-followspots-range-page #mainwrapper .widget {
      flex: 0 0 auto !important;
      width: min(230px, calc(100vw - 48px)) !important;
      margin-right: auto !important;
      margin-left: auto !important;
    }
    body.rj-site-chrome-2026.rj-product-category-page #wrap,
    body.rj-site-chrome-2026.rj-product-category-page #container {
      width: 100vw !important;
      max-width: 100vw !important;
      min-width: 0 !important;
      overflow-x: hidden !important;
    }
    body.rj-site-chrome-2026.rj-product-category-page #contenusingle {
      width: calc(100vw - 24px) !important;
      max-width: calc(100vw - 24px) !important;
      margin-right: 12px !important;
      margin-left: 12px !important;
    }
    body.rj-site-chrome-2026.rj-product-category-page #mainwrapper {
      flex-direction: column;
      align-items: center;
      width: calc(100vw - 24px) !important;
      max-width: calc(100vw - 24px) !important;
      margin-right: 0 !important;
      margin-left: 0 !important;
    }
    body.rj-site-chrome-2026.rj-product-category-page #mainwrapper h1 {
      font-size: clamp(18px, 5.3vw, 22px) !important;
    }
    body.rj-site-chrome-2026.rj-product-category-page #mainwrapper .widget {
      flex: 0 0 auto !important;
      width: min(230px, calc(100vw - 48px)) !important;
      margin-right: auto !important;
      margin-left: auto !important;
    }
    body.rj-site-chrome-2026.rj-zoomsur-range-page #wrap,
    body.rj-site-chrome-2026.rj-zoomsur-range-page #container,
    body.rj-site-chrome-2026.rj-zoomsur-article-page #wrap,
    body.rj-site-chrome-2026.rj-zoomsur-article-page #container {
      width: 100vw !important;
      max-width: 100vw !important;
      min-width: 0 !important;
      overflow-x: hidden !important;
    }
    body.rj-site-chrome-2026.rj-zoomsur-range-page #focusOnled,
    body.rj-site-chrome-2026.rj-zoomsur-article-page #focusOnled,
    body.rj-site-chrome-2026.rj-zoomsur-article-page #focusOnCCL {
      width: calc(100vw - 24px) !important;
      max-width: calc(100vw - 24px) !important;
      margin-right: 12px !important;
      margin-left: 12px !important;
    }
  }
}
@media (max-width: 760px) {
  body.rj-site-chrome-2026 #footerRJ01 .history-v2-endmark,
  body.rj-site-chrome-2026 #footerRJ01 .rj-france-mark-2026 {
    min-height: 156px;
    padding: 24px 18px;
  }
  body.rj-site-chrome-2026 #footerRJ01 .history-v2-endmark img,
  body.rj-site-chrome-2026 #footerRJ01 .rj-france-mark-2026 img {
    width: min(205px, 68vw);
  }
  body.rj-site-chrome-2026 #footerRJ01 #foot {
    padding: 45px 20px 42px;
  }
  body.rj-site-chrome-2026 #footerRJ01 h1 {
    gap: 12px 18px;
    line-height: 24px;
  }
  body.rj-site-chrome-2026 #footerRJ01 #review {
    margin-top: 28px;
  }
  body.rj-site-chrome-2026 .rj-bottom-breadcrumb,
  body.rj-site-chrome-2026 .breadcrumb-container {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  body.rj-site-chrome-2026 .rj-bottom-breadcrumb .breadcrumb,
  body.rj-site-chrome-2026 .breadcrumb-container .breadcrumb {
    max-width: calc(100vw - 20px) !important;
  }
  body.rj-site-chrome-2026 .rj-bottom-breadcrumb .breadcrumb-item,
  body.rj-site-chrome-2026 .rj-bottom-breadcrumb a,
  body.rj-site-chrome-2026 .breadcrumb-container .breadcrumb-item,
  body.rj-site-chrome-2026 .breadcrumb-container a {
    font-size: 11px !important;
  }
}

/* 2026 shared header/footer corrections.
   Desktop header only: mobile header rules above stay unchanged. */
@media (min-width: 761px) {
  body.rj-site-chrome-2026 #header > ul {
    gap: 50px !important;
  }
  body.rj-site-chrome-2026 #header > h1 {
    top: 92px !important;
  }
  body.rj-site-chrome-2026 #topnavWrap {
    clear: both !important;
    float: none !important;
    width: 965px !important;
    height: auto !important;
    min-height: 48px !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }
  body.rj-site-chrome-2026 #menu-wrap {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body.rj-site-chrome-2026 #menu:before,
  body.rj-site-chrome-2026 #menu:after {
    display: none !important;
    content: none !important;
  }
  body.rj-site-chrome-2026 #menu {
    position: static !important;
    top: auto !important;
    display: grid !important;
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    width: 100% !important;
    min-height: 48px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #20272c !important;
    box-shadow: 0 8px 22px rgba(17, 28, 35, .16) !important;
  }
  body.rj-site-chrome-2026 #menu > li {
    position: relative !important;
    display: block !important;
    float: none !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body.rj-site-chrome-2026 #menu > li > a {
    float: none !important;
    display: flex !important;
    min-height: 48px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 12px !important;
    white-space: nowrap;
  }
  body.rj-site-chrome-2026 #menu-trigger {
    display: none !important;
  }
}

body.rj-site-chrome-2026 #footerRJ01 h1 {
  gap: 14px 24px !important;
  max-width: 1040px !important;
  font-size: 0 !important;
  line-height: 1.4 !important;
}
body.rj-site-chrome-2026 #footerRJ01 h1 a {
  justify-content: center;
  min-height: 32px !important;
  padding: 5px 8px !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}
body.rj-site-chrome-2026 #footerRJ01 h1 a.fab,
body.rj-site-chrome-2026 #footerRJ01 h1 a.fb,
body.rj-site-chrome-2026 #footerRJ01 h1 a.twit {
  width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  align-items: center;
  border-radius: 50%;
  background-position: center !important;
  background-size: 18px 18px !important;
  color: #fff;
  font-size: 16px !important;
  line-height: 34px !important;
}
body.rj-site-chrome-2026 #footerRJ01 .go-top {
  position: fixed !important;
  top: auto !important;
  left: auto !important;
  right: max(18px, env(safe-area-inset-right)) !important;
  bottom: max(18px, env(safe-area-inset-bottom)) !important;
  z-index: 9999 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: auto !important;
  height: auto !important;
  min-width: 66px;
  min-height: 42px;
  max-height: 42px;
  padding: 10px 14px !important;
  border-radius: 14px !important;
  background: rgba(35, 39, 41, .88) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .2);
  color: #fff !important;
  font-size: 11px !important;
  line-height: 1 !important;
  white-space: nowrap;
  box-sizing: border-box !important;
  text-align: center;
  text-decoration: none !important;
}
body.rj-site-chrome-2026 #footerRJ01 .go-top:hover {
  background: rgba(218, 24, 132, .94) !important;
}

body.rj-site-chrome-2026 #footerRJ01 .go-top {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(8px);
  transition: opacity .18s ease, transform .18s ease, visibility 0s linear .18s;
}
body.rj-site-chrome-2026 #footerRJ01 .go-top.rj-go-top-visible {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0);
  transition-delay: 0s;
}

@media (max-width: 760px) {
  body.rj-site-chrome-2026 #footerRJ01 #foot {
    padding: 42px 20px 48px !important;
  }
  body.rj-site-chrome-2026 #footerRJ01 h1 {
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
    max-width: 320px !important;
  }
  body.rj-site-chrome-2026 #footerRJ01 h1 a {
    width: 100%;
    max-width: 290px;
    min-height: 34px !important;
    font-size: 13px !important;
  }
  body.rj-site-chrome-2026 #footerRJ01 h1 a.fab,
  body.rj-site-chrome-2026 #footerRJ01 h1 a.fb,
  body.rj-site-chrome-2026 #footerRJ01 h1 a.twit {
    width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    font-size: 18px !important;
    line-height: 38px !important;
  }
  body.rj-site-chrome-2026 #footerRJ01 .go-top {
    top: auto !important;
    left: auto !important;
    right: max(12px, env(safe-area-inset-right)) !important;
    bottom: max(12px, env(safe-area-inset-bottom)) !important;
    min-width: 64px;
    min-height: 40px;
    max-height: 40px;
    padding: 10px 12px !important;
  }
}

/* Final shared alignment pass: keep the upgraded product/archive pages aligned
   with the V2 home/company/contact header and footer geometry. */
@media (min-width: 761px) {
  body.rj-site-chrome-2026 #header > h1 {
    top: 92px !important;
    right: 8px !important;
    left: auto !important;
    width: 390px !important;
    height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 20px !important;
    text-align: right !important;
  }
}
body.rj-site-chrome-2026 #footerRJ01 #foot {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-height: 291px !important;
  margin: 0 !important;
  padding: 46px 24px 38px !important;
  box-sizing: border-box !important;
}
body.rj-site-chrome-2026 #footerRJ01 #left {
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
body.rj-site-chrome-2026 #footerRJ01 h1 {
  width: 100% !important;
  max-width: 1040px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  justify-content: center !important;
}

/* Archive overview pages use a legacy floating grid. Keep the content in the
   same centered page column as the upgraded product and dealer pages. */
body.rj-site-chrome-2026 #contenunews {
  float: none !important;
  clear: both !important;
  width: min(965px, calc(100% - 40px)) !important;
  max-width: 965px !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 40px auto 120px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
body.rj-site-chrome-2026 #contenunews .archivevignette {
  float: none !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(141px, 141px));
  justify-content: center;
  gap: 18px 18px;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
body.rj-site-chrome-2026 #contenunews .archivevignette h1,
body.rj-site-chrome-2026 #contenunews .archivevignette h2 {
  float: none !important;
  grid-column: 1 / -1;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-sizing: border-box !important;
}
body.rj-site-chrome-2026 #contenunews .archivevignette h1 {
  color: #606368;
  font-size: clamp(28px, 3vw, 38px) !important;
  font-weight: 800;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
  text-align: left;
}
body.rj-site-chrome-2026 #contenunews .archivevignette h2 {
  display: block !important;
  margin-top: 34px !important;
  color: #5e6268;
  font-size: 20px !important;
  font-weight: 400;
  line-height: 1.35 !important;
  text-align: left;
}
body.rj-site-chrome-2026 #contenunews .archivevignette h2 a {
  display: inline-block;
  margin: 0 2px 6px;
  color: #5e6268;
}
body.rj-site-chrome-2026 #contenunews .archivevignette h2 .activARCH,
body.rj-site-chrome-2026 #contenunews .archivevignette h2 .activARCH2 {
  color: #e51a8a !important;
}
body.rj-site-chrome-2026 #contenunews .archivevignette h2 .nota,
body.rj-site-chrome-2026 #contenunews .nota {
  float: none !important;
  display: block !important;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  color: #9a9da1;
  font-size: 11px !important;
  line-height: 1.3 !important;
  text-align: right !important;
}
body.rj-site-chrome-2026 #contenunews ul.archBox {
  float: none !important;
  display: block !important;
  width: 141px !important;
  height: 111px !important;
  margin: 0 !important;
  padding: 8px !important;
  border-radius: 8px !important;
  background: rgba(100, 100, 100, .24) !important;
  box-sizing: border-box !important;
  transition: background-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
body.rj-site-chrome-2026 #contenunews ul.archBox:hover {
  background: rgba(218, 24, 132, .18) !important;
  box-shadow: 0 10px 22px rgba(0, 0, 0, .14);
  transform: translateY(-2px);
}
body.rj-site-chrome-2026 #contenunews ul.archBox li {
  clear: none !important;
  color: #606368;
  font-size: 11px !important;
  line-height: 1.15 !important;
}
body.rj-site-chrome-2026 #contenunews ul.archBox li img {
  display: block;
  width: 125px !important;
  height: 70px !important;
  margin: 0 auto 4px !important;
  object-fit: cover;
}

/* Main page titles: align legacy chrome pages with the Histoire.html
   editorial title treatment while keeping the rule opt-in per page. */
body.rj-site-chrome-2026 .rj-main-page-title {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 0 22px !important;
  border: 0 !important;
  border-bottom: 1px solid #ccd4d8 !important;
  color: #20272c !important;
  font-family: "Open Sans", Arial, sans-serif !important;
  font-size: clamp(28px, 4vw, 48px) !important;
  font-weight: 300 !important;
  line-height: 1.1 !important;
  letter-spacing: .03em !important;
  text-align: left !important;
  text-transform: uppercase;
}
body.rj-site-chrome-2026 .press-title-header {
  height: auto !important;
  margin-bottom: 38px !important;
}
body.rj-site-chrome-2026 .press-title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin: 0 !important;
  border-bottom: 1px solid #ccd4d8;
}
body.rj-site-chrome-2026 .press-title-row .rj-main-page-title {
  flex: 1 1 auto;
  width: auto !important;
  padding-bottom: 22px !important;
  border-bottom: 0 !important;
}
body.rj-site-chrome-2026 .press-title-row .press-rss-link {
  flex: 0 0 34px;
  width: 34px !important;
  height: 34px !important;
  margin-top: 8px !important;
}

/* Downloads overview: this page mixes download tiles with a contact block, so
   it needs the legacy tile row instead of the archive-card grid above. */
body.rj-site-chrome-2026.rj-downloads-page #contenunews .archivevignette {
  float: none !important;
  display: flex !important;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 0;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.rj-site-chrome-2026.rj-downloads-page #contenunews .archivevignette #headerH1,
body.rj-site-chrome-2026.rj-downloads-page #contenunews .archivevignette .stopfloat,
body.rj-site-chrome-2026.rj-downloads-page #contenunews .archivevignette > br,
body.rj-site-chrome-2026.rj-downloads-page #contenunews .archivevignette #supporth2,
body.rj-site-chrome-2026.rj-downloads-page #contenunews .archivevignette p.pressInfos,
body.rj-site-chrome-2026.rj-downloads-page #contenunews .archivevignette #zoneBt {
  flex: 0 0 100%;
}
body.rj-site-chrome-2026.rj-downloads-page #contenunews .archivevignette #headerH1 {
  height: auto;
  margin: 0 0 34px;
}
body.rj-site-chrome-2026.rj-downloads-page #contenunews .archivevignette #headerH1 .line {
  display: none !important;
}
body.rj-site-chrome-2026.rj-downloads-page #contenunews .archivevignette h1.NewsPressH1 {
  width: 100% !important;
  margin: 0 !important;
  border-bottom: solid 1px #58585a !important;
}
body.rj-site-chrome-2026.rj-downloads-page #contenunews ul.supportanddownload.downloadSmall {
  float: none !important;
  flex: 0 0 125px;
  width: 125px !important;
  height: 210px !important;
  margin: 0 10px 10px 15px !important;
}
body.rj-site-chrome-2026.rj-downloads-page #contenunews ul.supportanddownload.downloadSmall.downloadCad {
  margin-left: auto !important;
}
body.rj-site-chrome-2026.rj-downloads-page #contenunews .archivevignette #supporth2 {
  margin: 84px 0 8px !important;
  border: 0 !important;
  color: #666;
  font-size: 20px !important;
  font-weight: 400;
  line-height: 1.35 !important;
  text-align: center;
}
body.rj-site-chrome-2026.rj-downloads-page #contenunews .archivevignette p.pressInfos {
  margin: 0 0 84px !important;
  color: #666;
  font-size: 12px !important;
  line-height: 1.45 !important;
  text-align: center;
}
body.rj-site-chrome-2026.rj-downloads-page #contenunews .archivevignette #zoneBt {
  display: block !important;
  width: 100% !important;
  min-height: 146px;
  margin: 0 !important;
  padding: 55px 0 !important;
  box-sizing: border-box;
}

/* Archive article pages use a left image column and a text column. Keep that
   layout centered on desktop and stack it cleanly on small screens. */
body.rj-site-chrome-2026 #contenuarticle {
  float: none !important;
  clear: both !important;
  display: grid !important;
  grid-template-columns: minmax(170px, 205px) minmax(0, 710px);
  gap: 30px 38px;
  align-items: start;
  width: min(965px, calc(100% - 40px)) !important;
  max-width: 965px !important;
  height: auto !important;
  margin: 40px auto 120px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
body.rj-site-chrome-2026 #contenuarticle #imgandcredit,
body.rj-site-chrome-2026 #contenuarticle #placeimg,
body.rj-site-chrome-2026 #contenuarticle [id^="placeimg"] {
  float: none !important;
  width: 190px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}
body.rj-site-chrome-2026 #contenuarticle #placeimg img,
body.rj-site-chrome-2026 #contenuarticle [id^="placeimg"] img {
  display: block;
  width: 190px !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 0 12px !important;
}
body.rj-site-chrome-2026 #contenuarticle #imgandcredit h2 {
  float: none !important;
  width: 190px !important;
  height: auto !important;
  margin: 8px 0 0 !important;
  padding: 8px 0 !important;
  box-sizing: border-box !important;
}
body.rj-site-chrome-2026 #contenuarticle #article {
  float: none !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}
body.rj-site-chrome-2026 #contenuarticle #article h1 {
  float: none !important;
  width: 100% !important;
  height: auto !important;
  box-sizing: border-box !important;
}
body.rj-site-chrome-2026 #contenuarticle #article p,
body.rj-site-chrome-2026 #contenuarticle #article .article,
body.rj-site-chrome-2026 #contenuarticle #article .article2,
body.rj-site-chrome-2026 #contenuarticle #article .article3 {
  max-width: 100%;
  box-sizing: border-box;
}

/* Conservative containment for remaining legacy page families found in the
   upgraded set: legal/staff pages, Sully/RDM landing pages, and old archive
   overview pages that use #archContents instead of #contenunews. */
body.rj-site-chrome-2026 #contenuMain,
body.rj-site-chrome-2026 #contenusm,
body.rj-site-chrome-2026 #contenuhistory,
body.rj-site-chrome-2026 #archContents {
  float: none !important;
  clear: both !important;
  width: min(965px, calc(100% - 40px)) !important;
  max-width: 965px !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 40px auto 120px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}
body.rj-site-chrome-2026 #contenuMain img,
body.rj-site-chrome-2026 #contenusm img,
body.rj-site-chrome-2026 #contenuhistory img,
body.rj-site-chrome-2026 #archContents img {
  max-width: 100%;
  height: auto;
}
body.rj-site-chrome-2026 #archContents .archivevignette {
  float: none !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(141px, 141px));
  justify-content: center;
  gap: 18px;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
body.rj-site-chrome-2026 #archContents .archivevignette h1,
body.rj-site-chrome-2026 #archContents .archivevignette h2 {
  float: none !important;
  grid-column: 1 / -1;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  border: 0 !important;
  box-sizing: border-box !important;
}
body.rj-site-chrome-2026 #archContents .archivevignette h2 {
  margin-top: 34px !important;
  font-size: 20px !important;
  font-weight: 400;
  line-height: 1.35 !important;
}

/* Newer archive years (2024+) use cardsAB25.css inside #main. The parent
   archive grid must not squeeze that card layout into a legacy tile column. */
body.rj-site-chrome-2026 #archContents .archivevignette > #main {
  grid-column: 1 / -1;
  width: 100% !important;
  max-width: 100% !important;
  margin: 56px 0 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
body.rj-site-chrome-2026 #archContents .archivevignette > #main .content,
body.rj-site-chrome-2026 #archContents .archivevignette > #main .grid {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
body.rj-site-chrome-2026 #archContents .archivevignette > #main .grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 26px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
body.rj-site-chrome-2026 #archContents .archivevignette > #main .grid > li {
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.rj-site-chrome-2026 #archContents .archivevignette > #main .card {
  display: flex !important;
  flex-direction: column;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 260px;
  box-sizing: border-box !important;
}
body.rj-site-chrome-2026 #archContents .archivevignette > #main .card img {
  display: block;
  width: 100% !important;
  aspect-ratio: 16 / 9;
  height: auto !important;
  object-fit: cover;
}
body.rj-site-chrome-2026 #archContents .archivevignette > #main .card__title {
  overflow-wrap: anywhere;
}

body.rj-site-chrome-2026 #contenunews .archivevignette .rj-main-page-title,
body.rj-site-chrome-2026 #archContents .archivevignette .rj-main-page-title,
body.rj-site-chrome-2026 .press-title-row .rj-main-page-title {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 0 22px !important;
  border: 0 !important;
  border-bottom: 1px solid #ccd4d8 !important;
  color: #20272c !important;
  font-family: "Open Sans", Arial, sans-serif !important;
  font-size: clamp(28px, 4vw, 48px) !important;
  font-weight: 300 !important;
  line-height: 1.1 !important;
  letter-spacing: .03em !important;
  text-align: left !important;
  text-transform: uppercase;
}
body.rj-site-chrome-2026 .press-title-row .rj-main-page-title {
  width: auto !important;
  border-bottom: 0 !important;
}

@media (min-width: 761px) {
  body.rj-site-chrome-2026.rj-main-title-page #contenunews .archivevignette .rj-main-page-title,
  body.rj-site-chrome-2026.rj-main-title-page #archContents .archivevignette .rj-main-page-title,
  body.rj-site-chrome-2026.rj-main-title-page .press-title-row .rj-main-page-title {
    font-size: 69px !important;
    font-family: "Open Sans", Arial, sans-serif !important;
    font-weight: 300 !important;
    line-height: 1.1 !important;
    letter-spacing: .03em !important;
  }
}

@media (max-width: 760px) {
  body.rj-site-chrome-2026 #footerRJ01 #foot {
    min-height: 0 !important;
    padding: 42px 20px 48px !important;
  }
  body.rj-site-chrome-2026 #footerRJ01 h1 {
    max-width: 320px !important;
  }
  body.rj-site-chrome-2026 #contenunews {
    width: calc(100% - 28px) !important;
    margin: 34px auto 76px !important;
  }
  body.rj-site-chrome-2026 #contenunews .archivevignette {
    grid-template-columns: repeat(auto-fit, minmax(141px, 141px));
    gap: 14px;
  }
  body.rj-site-chrome-2026 #contenunews .archivevignette h1,
  body.rj-site-chrome-2026 #contenunews .archivevignette h2 {
    text-align: center;
  }
  body.rj-site-chrome-2026 #contenunews .archivevignette h2 {
    font-size: 17px !important;
  }
  body.rj-site-chrome-2026 #contenunews .archivevignette h2 .nota,
  body.rj-site-chrome-2026 #contenunews .nota {
    text-align: center !important;
  }
  body.rj-site-chrome-2026.rj-downloads-page #contenunews .archivevignette {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0;
    width: 100% !important;
  }
  body.rj-site-chrome-2026.rj-downloads-page #wrap,
  body.rj-site-chrome-2026.rj-downloads-page #container {
    width: 100vw !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }
  body.rj-site-chrome-2026.rj-downloads-page #container #contenunews {
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    margin-top: 42px !important;
    margin-left: 14px !important;
    margin-right: 14px !important;
    overflow-x: hidden !important;
  }
  body.rj-site-chrome-2026.rj-downloads-page #contenunews .archivevignette #headerH1,
  body.rj-site-chrome-2026.rj-downloads-page #contenunews .archivevignette .stopfloat,
  body.rj-site-chrome-2026.rj-downloads-page #contenunews .archivevignette #supporth2,
  body.rj-site-chrome-2026.rj-downloads-page #contenunews .archivevignette p.pressInfos,
  body.rj-site-chrome-2026.rj-downloads-page #contenunews .archivevignette #zoneBt {
    flex: 0 0 100%;
  }
  body.rj-site-chrome-2026.rj-downloads-page #contenunews .archivevignette > br {
    display: none !important;
  }
  body.rj-site-chrome-2026.rj-downloads-page #contenunews .archivevignette h1.NewsPressH1 {
    width: 100% !important;
    font-size: clamp(27px, 7.3vw, 36px) !important;
    text-align: center;
  }
  body.rj-site-chrome-2026.rj-downloads-page #contenunews ul.supportanddownload.downloadSmall,
  body.rj-site-chrome-2026.rj-downloads-page #contenunews ul.supportanddownload.downloadSmall.downloadCad {
    margin: 0 8px 14px !important;
  }
  body.rj-site-chrome-2026.rj-downloads-page #contenunews .archivevignette #supporth2 {
    margin-top: 54px !important;
    font-size: 18px !important;
  }
  body.rj-site-chrome-2026.rj-downloads-page #contenunews .archivevignette p.pressInfos {
    margin-bottom: 54px !important;
  }
  body.rj-site-chrome-2026 #contenunews .archivevignette .rj-main-page-title,
  body.rj-site-chrome-2026 #archContents .archivevignette .rj-main-page-title,
  body.rj-site-chrome-2026 .press-title-row .rj-main-page-title {
    padding-bottom: 16px !important;
    font-size: clamp(27px, 7.3vw, 36px) !important;
    line-height: 1.08 !important;
    letter-spacing: .015em !important;
    text-align: center !important;
  }
  body.rj-site-chrome-2026 .press-title-row {
    gap: 12px;
  }
  body.rj-site-chrome-2026.rj-main-title-page #contenunews,
  body.rj-site-chrome-2026.rj-main-title-page #archContents {
    margin-top: 66px !important;
  }
  body.rj-site-chrome-2026.rj-main-title-page #archContents .archivevignette > .rj-main-page-title {
    margin-top: 0 !important;
  }
  body.rj-site-chrome-2026.rj-main-title-page #headerH1,
  body.rj-site-chrome-2026.rj-press-page .press-title-header {
    margin-bottom: 50px !important;
  }
  body.rj-site-chrome-2026.rj-downloads-page.rj-main-title-page #container #contenunews {
    margin-top: 76px !important;
  }
  body.rj-site-chrome-2026.rj-downloads-page.rj-main-title-page #contenunews .archivevignette #headerH1 {
    margin-bottom: 34px !important;
  }
  body.rj-site-chrome-2026.rj-downloads-page.rj-main-title-page #contenunews .archivevignette h1.NewsPressH1.rj-main-page-title {
    font-family: "Open Sans", Arial, sans-serif !important;
    font-size: clamp(27px, 7.3vw, 36px) !important;
    font-weight: 300 !important;
    line-height: 1.15 !important;
    letter-spacing: .015em !important;
  }
  body.rj-site-chrome-2026.rj-documentations-page #contenunews .archivevignette #issuu {
    flex: 0 0 100%;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 18px !important;
    overflow: hidden;
  }
  body.rj-site-chrome-2026.rj-documentations-page #contenunews .archivevignette #issuu > div {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden;
  }
  body.rj-site-chrome-2026.rj-documentations-page #contenunews .archivevignette #issuu iframe {
    display: block;
    width: min(100%, 420px) !important;
    max-width: 100% !important;
    height: min(82vw, 350px) !important;
    margin: 0 auto !important;
  }
  body.rj-site-chrome-2026.rj-press-page .press-title-row {
    position: relative;
    display: block;
    padding-right: 34px;
  }
  body.rj-site-chrome-2026.rj-press-page .press-title-row .rj-main-page-title {
    width: 100% !important;
  }
  body.rj-site-chrome-2026 .press-title-row .press-rss-link {
    position: absolute;
    top: 0;
    right: 0;
    width: 28px !important;
    height: 28px !important;
    margin-top: 2px !important;
  }
  body.rj-site-chrome-2026 #contenuarticle {
    display: flex !important;
    flex-direction: column;
    width: calc(100% - 28px) !important;
    margin: 34px auto 76px !important;
    gap: 22px;
  }
  body.rj-site-chrome-2026 #contenuarticle #imgandcredit,
  body.rj-site-chrome-2026 #contenuarticle #placeimg,
  body.rj-site-chrome-2026 #contenuarticle [id^="placeimg"],
  body.rj-site-chrome-2026 #contenuarticle #imgandcredit h2 {
    width: min(260px, 100%) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  body.rj-site-chrome-2026 #contenuarticle #placeimg img,
  body.rj-site-chrome-2026 #contenuarticle [id^="placeimg"] img {
    width: 100% !important;
  }
  body.rj-site-chrome-2026 #contenuMain,
  body.rj-site-chrome-2026 #contenusm,
  body.rj-site-chrome-2026 #contenuhistory,
  body.rj-site-chrome-2026 #archContents {
    width: calc(100% - 28px) !important;
    margin: 34px auto 76px !important;
  }
  body.rj-site-chrome-2026 #archContents .archivevignette {
    grid-template-columns: repeat(auto-fit, minmax(141px, 141px));
    gap: 14px;
  }
  body.rj-site-chrome-2026 #archContents .archivevignette h1,
  body.rj-site-chrome-2026 #archContents .archivevignette h2 {
    text-align: center;
  }
  body.rj-site-chrome-2026 #archContents .archivevignette > #main {
    margin-top: 34px !important;
  }
  body.rj-site-chrome-2026 #archContents .archivevignette > #main .grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
  body.rj-site-chrome-2026.rj-pdf-list-page #wrap {
    width: 100vw !important;
    max-width: 100vw !important;
    max-height: none !important;
    overflow-x: hidden !important;
  }
  body.rj-site-chrome-2026.rj-pdf-list-page #container {
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
  }
  body.rj-site-chrome-2026.rj-pdf-list-page #contenusm {
    display: block !important;
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 66px 14px 76px !important;
    padding: 0 !important;
    overflow: hidden;
    background: none !important;
    box-sizing: border-box !important;
  }
  body.rj-site-chrome-2026.rj-pdf-list-page #contenusm .archivevignette {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 34px;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
  body.rj-site-chrome-2026.rj-pdf-list-page #contenusm ul {
    float: none !important;
    display: block !important;
    width: min(340px, 100%) !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }
  body.rj-site-chrome-2026.rj-pdf-list-page #contenusm h1 {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 0 16px !important;
    padding: 0 0 12px !important;
    border-top: 0 !important;
    border-bottom: 1px solid #ccd4d8 !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }
  body.rj-site-chrome-2026.rj-pdf-list-page #contenusm li,
  body.rj-site-chrome-2026.rj-pdf-list-page #contenusm li a {
    float: none !important;
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    box-sizing: border-box !important;
    text-align: center !important;
    overflow-wrap: anywhere;
  }
  body.rj-site-chrome-2026.rj-pdf-products-page #contenusm ul:first-child li a {
    padding-inline: 12px !important;
    font-size: clamp(12px, 3.15vw, 15px) !important;
    line-height: 1.38 !important;
    white-space: normal !important;
    word-break: normal;
  }
  @media (max-width: 420px) {
    body.rj-site-chrome-2026.rj-pdf-products-page #contenusm ul:first-child {
      width: min(300px, 100%) !important;
    }
  }
  body.rj-site-chrome-2026.rj-pdf-manuals-page #contenusm #headerH1 {
    height: auto !important;
    min-height: 0 !important;
    margin-bottom: 34px !important;
    overflow: visible !important;
  }
  body.rj-site-chrome-2026.rj-pdf-manuals-page #contenusm #headerH1 .line {
    display: none !important;
  }
  body.rj-site-chrome-2026.rj-pdf-manuals-page #contenusm #headerH1 h1.NewsPressH1 {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 0 16px !important;
    border-top: 0 !important;
    border-bottom: 1px solid #ccd4d8 !important;
    color: #20272c !important;
    font-family: "Open Sans", Arial, sans-serif !important;
    font-size: clamp(27px, 7.3vw, 36px) !important;
    font-weight: 300 !important;
    line-height: 1.15 !important;
    letter-spacing: .015em !important;
    text-align: center !important;
    text-transform: uppercase;
    overflow-wrap: anywhere;
  }
  @media (max-width: 420px) {
    body.rj-site-chrome-2026.rj-pdf-manuals-page #contenusm #headerH1 h1.NewsPressH1 {
      font-size: clamp(22px, 5.8vw, 25px) !important;
      line-height: 1.2 !important;
    }
  }
  body.rj-site-chrome-2026.rj-pdf-manuals-page #contenusm > section {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 22px;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
  body.rj-site-chrome-2026.rj-pdf-manuals-page #contenusm > section > img {
    display: block;
    float: none !important;
    width: 100px !important;
    height: auto !important;
    margin: 0 auto !important;
  }
  body.rj-site-chrome-2026.rj-pdf-manuals-page #contenusm > section > section {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
  }
  body.rj-site-chrome-2026.rj-pdf-manuals-page #contenusm > section > section > a {
    display: block;
    width: min(420px, 100%) !important;
    max-width: 100% !important;
    margin: 0 auto 30px !important;
  }
  body.rj-site-chrome-2026.rj-pdf-manuals-page #contenusm > section > section > a img {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
  }
}
@media (min-width: 761px) and (max-width: 1080px) {
  body.rj-site-chrome-2026 #archContents .archivevignette > #main .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 745px) {
  body.rj-site-chrome-2026 #contenuarticle {
    min-height: 0 !important;
    margin-bottom: 34px !important;
  }
  body.rj-site-chrome-2026 #contenuarticle #article {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }
  body.rj-site-chrome-2026 #contenuarticle #article > div[style*="margin-top"] {
    height: auto !important;
    min-height: 0 !important;
    margin-top: 28px !important;
  }
  body.rj-site-chrome-2026 #contenuarticle .swiper,
  body.rj-site-chrome-2026 #contenuarticle .swiper-wrapper,
  body.rj-site-chrome-2026 #contenuarticle .swiper-slide {
    height: auto !important;
    min-height: 0 !important;
  }
  body.rj-site-chrome-2026 #contenuarticle .swiper-slide {
    display: block !important;
  }
  body.rj-site-chrome-2026 #contenuarticle .swiper-slide img {
    display: block;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain;
  }
  body.rj-site-chrome-2026 #contenuarticle .posted {
    float: none !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 22px 0 0 !important;
    text-align: right !important;
  }
  body.rj-site-chrome-2026 #contenuarticle .stopfloat {
    clear: both !important;
    height: auto !important;
    margin-bottom: 0 !important;
  }
}

/* DMXcat legacy content: retain desktop geometry, reflow mobile content. */
@media (max-width: 760px) {
  body.rj-site-chrome-2026.rj-dmxcat-page #pageSULLY {
    padding: 0 8px !important;
  }
  body.rj-site-chrome-2026.rj-dmxcat-page #pageSULLY > br {
    display: none;
  }
  body.rj-site-chrome-2026.rj-dmxcat-page .dmxcat-description {
    line-height: 1.5;
  }
  body.rj-site-chrome-2026.rj-dmxcat-page .dmxcat-tool {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    width: 100%;
    vertical-align: middle;
  }
  body.rj-site-chrome-2026.rj-dmxcat-page .dmxcat-tool img {
    flex: 0 0 60px;
    width: 60px;
    height: 60px;
  }
  body.rj-site-chrome-2026.rj-dmxcat-page .dmxcat-tool > span:last-child {
    min-width: 0;
    flex: 1;
  }
  body.rj-site-chrome-2026.rj-dmxcat-page .dmxcat-tool-gap {
    display: none;
  }
  body.rj-site-chrome-2026.rj-dmxcat-page .dmxcat-downloads {
    width: 100%;
    height: auto;
  }
  body.rj-site-chrome-2026.rj-dmxcat-page #pageSULLY .dmxcat-downloads p {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    margin-top: 16px !important;
    margin-bottom: 0 !important;
    padding: 32px 0 40px !important;
    font-size: 0 !important;
  }
  body.rj-site-chrome-2026.rj-dmxcat-page .dmxcat-downloads a {
    display: block;
    float: none !important;
    width: min(260px, 100%);
    max-width: 100%;
    margin: 0 auto !important;
  }
  body.rj-site-chrome-2026.rj-dmxcat-page .dmxcat-downloads img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
  }
}

@media (max-width: 760px) {
  body.rj-site-chrome-2026.rj-dmxcat-page #logoheader img {
    display: none !important;
  }
  body.rj-site-chrome-2026.rj-dmxcat-page #header > h1 {
    white-space: normal !important;
    line-height: 1.4 !important;
  }
  body.rj-site-chrome-2026.rj-dmxcat-page #footerRJ01 h1 a {
    box-sizing: border-box;
    max-width: 100%;
    margin-inline: 0;
  }
}

/* SpotMe: space the introductory title, pictogram and award below navigation. */
@media (max-width: 760px) {
  body.rj-site-chrome-2026.rj-spotme-page #logoheader img {
    display: none !important;
  }
  body.rj-site-chrome-2026.rj-spotme-page #contenusingle.spotme-page {
    margin-top: 94px !important;
    overflow: visible;
  }
  body.rj-site-chrome-2026.rj-spotme-page #pagefollowspots {
    width: 100% !important;
    padding: 0 8px !important;
    background-position: 8px 0;
  }
  body.rj-site-chrome-2026.rj-spotme-page .titrefollowspots,
  body.rj-site-chrome-2026.rj-spotme-page .soustitresinglelens {
    height: auto !important;
    margin-top: 0 !important;
    padding-left: 66px !important;
    line-height: 1.3 !important;
    overflow-wrap: anywhere;
  }
  body.rj-site-chrome-2026.rj-spotme-page .soustitresinglelens {
    margin-top: 6px !important;
    font-size: clamp(14px, 3.4vw, 18px);
  }
  body.rj-site-chrome-2026.rj-spotme-page #contenusingle.spotme-page #pagefollowspots img[alt="Plasa Award 2018"] {
    display: block;
    float: none !important;
    width: 68px;
    height: auto;
    margin: 24px 0 0 auto !important;
  }
  body.rj-site-chrome-2026.rj-spotme-page #pagefollowspots .descatasinglelens {
    margin-top: 28px !important;
  }
}

/* Product search: preserve the filtering hooks and adapt the presentation. */
body.rj-site-chrome-2026.rj-product-search-page { background: #fff; }
body.rj-product-search-page #wrap,
body.rj-product-search-page #container { width: 100%; min-width: 0; }
body.rj-product-search-page #contenunews {
  float: none; clear: both; width: 100%; max-width: 965px;
  margin: 54px auto 70px; padding: 0; background: none;
}
body.rj-product-search-page #contenunews > .container { width: 100%; max-width: 100%; padding: 0; }
body.rj-product-search-page #contenunews h1.text-center {
  margin: 0 0 36px !important; font-size: clamp(22px, 4.8vw, 28px); line-height: 1.35;
}
body.rj-product-search-page .search-section { width: min(600px, 100%); margin: 0 auto 44px; }
body.rj-product-search-page .search-container {
  display: flex; align-items: center; width: 100%; max-width: 100%; margin: 0 auto 28px;
}
body.rj-product-search-page .search-input { flex: 1; width: 0; min-width: 0; font-size: 16px; }
body.rj-product-search-page .search-button { flex: 0 0 54px; min-height: 50px; }
body.rj-product-search-page .category-filter { width: 100%; max-width: 100%; margin: 0; font-size: 16px; min-height: 54px; }
body.rj-product-search-page #resultIndicator { margin: 0 0 20px; }
body.rj-product-search-page #productContainer {
  display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin: 0;
}
body.rj-product-search-page #productContainer .product-card { width: 100%; min-width: 0; padding: 0; margin: 0; }
body.rj-product-search-page .product-card .card { height: 100%; min-width: 0; padding: 10px; }
body.rj-product-search-page .product-image { display: block; width: 100%; max-width: 100%; height: auto; object-fit: contain; }
body.rj-product-search-page .product-info { width: 100%; min-width: 0; overflow-wrap: anywhere; }
@media (min-width: 761px) and (max-width: 1000px) {
  body.rj-product-search-page #header, body.rj-product-search-page #topnavWrap { width: calc(100% - 40px) !important; }
  body.rj-product-search-page #contenunews { width: calc(100% - 40px) !important; }
  body.rj-product-search-page #productContainer { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  body.rj-product-search-page #contenunews { width: calc(100% - 40px) !important; margin-top: 94px !important; }
  body.rj-product-search-page #productContainer { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  body.rj-product-search-page #logoheader img { display: none !important; }
  body.rj-product-search-page #header > h1 { white-space: normal !important; line-height: 1.4 !important; }
  body.rj-product-search-page #footerRJ01 h1 a { box-sizing: border-box; max-width: 100%; margin-inline: 0; }
}

/* Public information and account forms: shared chrome, scoped content rules. */
body.rj-service-page .breadcrumb-container { clear: both; position: relative; width: 100%; }
body.rj-service-page .breadcrumb-container .container {
  position: static !important; inset: auto !important; width: 100%; height: auto; margin: 0 auto; transform: none;
}
body.rj-prescriber-page #privateZone {
  float: none; width: 100%; margin: 64px auto 80px; padding: 0; height: auto;
}
body.rj-prescriber-page #privateZone > .container {
  position: relative; top: auto; left: auto; width: 310px; height: 470px; margin: 0 auto !important;
}
body.rj-service-page #wrap::after { content: ''; display: block; clear: both; }
@media (max-width: 760px) {
  body.rj-service-page #logoheader img { display: none !important; }
  body.rj-service-page #header > h1 { white-space: normal !important; line-height: 1.4 !important; }
  body.rj-service-page #footerRJ01 h1 a { max-width: 100%; box-sizing: border-box; margin-inline: 0; }
  body.rj-legal-page #contenuMain,
  body.rj-request-page #container > .pagedetails,
  body.rj-service-page #privateZone {
    float: none !important; width: calc(100% - 40px) !important; max-width: 100%;
    height: auto !important; min-height: 0 !important; margin: 94px auto 60px !important; padding: 0 !important;
  }
  body.rj-legal-page .pagedetails, body.rj-legal-page #divMain,
  body.rj-legal-page #headerH1, body.rj-request-page #requestPageFR,
  body.rj-request-page #CONTACTinfos {
    float: none !important; width: 100% !important; max-width: 100%; height: auto !important;
    min-height: 0 !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box;
    background: none !important; box-shadow: none;
  }
  body.rj-legal-page #contenuMain { background: none !important; }
  body.rj-legal-page #headerH1 { margin-bottom: 28px !important; }
  body.rj-legal-page #headerH1 h1, body.rj-request-page #CONTACTinfos > h1 {
    width: 100%; height: auto; font-size: clamp(23px, 6vw, 30px) !important; line-height: 1.25; overflow-wrap: anywhere;
  }
  body.rj-legal-page #divMain p { font-size: 16px !important; line-height: 1.6; overflow-wrap: anywhere; }
  body.rj-request-page form, body.rj-request-page fieldset,
  body.rj-request-page #CONTACTinfos p, body.rj-reserved-page #formPZ {
    width: 100% !important; max-width: 100%; box-sizing: border-box; margin-inline: 0 !important;
  }
  body.rj-request-page fieldset { padding: 0; margin-bottom: 20px; }
  body.rj-request-page label { float: none !important; display: block; width: 100% !important; margin-bottom: 8px; }
  body.rj-request-page input:not([type="hidden"]):not([type="submit"]):not([type="reset"]),
  body.rj-request-page textarea, body.rj-reserved-page input[type="text"], body.rj-reserved-page input[type="password"] {
    width: 100% !important; max-width: 100%; box-sizing: border-box; font-size: 16px; min-height: 44px;
  }
  body.rj-request-page input[type="submit"], body.rj-request-page input[type="reset"],
  body.rj-reserved-page input[type="submit"], body.rj-reserved-page input[type="reset"] {
    margin: 12px 8px 12px 0 !important; max-width: 100%; min-height: 44px;
  }
  body.rj-reserved-page #formPZ { padding: 24px 16px; }
  body.rj-reserved-page .form-row, body.rj-reserved-page label, body.rj-reserved-page label span {
    float: none; display: block; width: 100%; box-sizing: border-box;
  }
  body.rj-prescriber-page #privateZone > .container { width: min(310px, 100%); height: auto; }
  body.rj-prescriber-page #privateZone form {
    position: relative; width: 100%; height: auto; min-height: 470px; padding-bottom: 76px;
    transform: none !important; animation: none !important; opacity: 1;
  }
  body.rj-prescriber-page .signIn { display: none; }
  body.rj-prescriber-page .signIn.active-dx { display: block; }
  body.rj-prescriber-page .signUp.inactive-sx { display: none; }
  body.rj-prescriber-page #privateZone img { max-width: 100%; height: auto !important; }
  body.rj-prescriber-page .specsH1 { font-size: 30px; }
  body.rj-prescriber-page button.form-btn { font-size: 20px; }
}
@media (max-width: 760px) {
  body.rj-legal-page #headerH1 h1 { background: none !important; text-align: left !important; padding: 0 !important; }
  body.rj-legal-page #divMain p { text-align: left !important; }
  body.rj-request-page #requestPageFR { box-shadow: none !important; }
  body.rj-request-page #CONTACTinfos label.txtContact {
    box-sizing: border-box !important; padding: 0 !important; margin: 0 0 8px !important;
    height: auto !important; min-height: 0 !important; line-height: 1.5 !important;
  }
  body.rj-request-page #CONTACTinfos input:not([type="hidden"]):not([type="submit"]):not([type="reset"]),
  body.rj-request-page #CONTACTinfos textarea {
    font-size: 16px !important; padding: 10px !important; margin: 0 !important; line-height: 1.5;
  }
  body.rj-request-page #CONTACTinfos fieldset { height: auto !important; min-height: 0 !important; }
  body.rj-request-page .g-recaptcha { display: flex; justify-content: center; }
}

/* Legal notice: distinguish each section without changing desktop typography. */
@media (max-width: 760px) {
  body.rj-mentions-page #headerH1 h1 {
    font-size: clamp(23px, 5.6vw, 28px) !important;
    line-height: 1.3 !important;
    text-wrap: balance;
  }
  body.rj-mentions-page #divMain .mentions-section-title {
    display: block;
    margin: 12px 0 12px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
  }
  body.rj-mentions-page #divMain .mentions-section-title:first-child { margin-top: 0; }
  body.rj-mentions-page #divMain .mentions-section-title + br { display: none; }
  body.rj-mentions-page #divMain p a { font-size: 16px !important; overflow-wrap: anywhere; }
}

/* Canonical mobile navigation: index.html is the reference for every section.
   Explicit sizing/position resets isolate this from legacy menuDD variants.
   Do not add page-specific mobile menu rules or independent toggle handlers. */
@media (max-width: 760px) {
  body.rj-mobile-menu-2026 #topnavWrap,
  body.rj-mobile-menu-2026 #menu-wrap {
    position: relative !important; float: none !important; clear: both;
    width: min(100%, 100vw) !important; min-width: 0 !important; max-width: 100vw !important;
    height: auto !important; min-height: 0 !important; margin: 0 !important;
    padding: 0 !important; overflow: visible !important;
  }
  body.rj-mobile-menu-2026 #menu-wrap,
  body.rj-mobile-menu-2026 #menu-wrap * { box-sizing: border-box !important; }
  body.rj-mobile-menu-2026 #menu-wrap #menu-trigger {
    display: block !important; position: relative !important; float: none;
    width: 100%; height: 40px !important; min-height: 40px !important;
    margin: 0 !important; padding: 0 48px 0 35px !important;
    border: 1px solid #050505; border-radius: 0;
    color: #f6c; background: linear-gradient(#2a2a2a, #050505);
    font: 14px/40px "Open Sans", Arial, sans-serif;
    text-align: left; text-transform: none; letter-spacing: 0; cursor: pointer;
    box-shadow: 0 1px 0 rgba(255,255,255,.16) inset;
  }
  body.rj-mobile-menu-2026 #menu-wrap #menu-trigger::after {
    display: block !important; content: '+' !important; position: absolute;
    right: 18px; top: 0; float: none; color: #f6c;
    font-size: 22px; font-weight: 700; line-height: 40px;
  }
  body.rj-mobile-menu-2026 #menu-wrap.rj-menu-open #menu-trigger::after { content: '-' !important; }
  body.rj-mobile-menu-2026 #menu-wrap #menu {
    display: none !important; position: static !important; inset: auto !important;
    float: none !important; width: 100% !important; min-width: 0 !important;
    max-width: 100% !important; height: auto !important;
    max-height: calc(100dvh - 40px) !important; margin: 0 !important; padding: 0 !important;
    border: 1px solid #050505; border-radius: 0; list-style: none;
    background: linear-gradient(#2a2a2a, #050505);
    box-shadow: 0 10px 24px rgba(0,0,0,.35);
    overflow: auto !important; overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch; touch-action: pan-y;
  }
  body.rj-mobile-menu-2026 #menu-wrap.rj-menu-open #menu { display: block !important; }
  body.rj-mobile-menu-2026 #menu-wrap #menu ul {
    display: none !important; position: static !important; inset: auto !important;
    float: none !important; width: 100% !important; min-width: 0 !important;
    max-width: 100% !important; height: auto !important; max-height: none !important;
    margin: 0 !important; padding: 0 !important; opacity: 1 !important;
    visibility: visible !important; transform: none !important; transition: none !important;
    background: rgba(255,255,255,.035) !important; border: 0 !important;
    border-radius: 0 !important; box-shadow: none !important; list-style: none;
    overflow: visible !important;
  }
  body.rj-mobile-menu-2026 #menu-wrap.rj-menu-open #menu > li.rj-submenu-open > ul { display: block !important; }
  body.rj-mobile-menu-2026 #menu-wrap #menu li {
    display: block !important; position: static !important; float: none !important;
    width: 100% !important; min-width: 0 !important; max-width: 100% !important;
    height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important;
    border: 0 !important; border-top: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 0 !important; box-shadow: none !important;
  }
  body.rj-mobile-menu-2026 #menu-wrap #menu > li { border-bottom: 1px solid rgba(255,255,255,.1) !important; }
  body.rj-mobile-menu-2026 #menu-wrap #menu a {
    display: block !important; position: static !important; float: none !important;
    width: 100% !important; min-width: 0 !important; max-width: 100% !important;
    height: auto !important; min-height: 40px !important; margin: 0 !important;
    padding: 11px 14px !important; border: 0 !important; border-radius: 0 !important;
    color: #f1f1f1 !important; background: transparent !important;
    font: 700 11px/18px Montserrat, Arial, sans-serif !important;
    letter-spacing: .06em; white-space: normal !important; overflow-wrap: anywhere;
    text-align: left !important; text-transform: uppercase; text-decoration: none;
    text-shadow: 0 1px 0 #000; transition: none !important;
  }
  body.rj-mobile-menu-2026 #menu-wrap #menu ul a {
    padding-left: 30px !important; color: #e7e7e7 !important; letter-spacing: normal;
  }
  body.rj-mobile-menu-2026 #menu-wrap #menu a:hover,
  body.rj-mobile-menu-2026 #menu-wrap #menu > li.rj-submenu-open > a { color: #f6c !important; }
  body.rj-mobile-menu-2026 #menu-wrap #menu > li.rj-submenu-open > a { background: rgba(255,255,255,.06) !important; }
  body.rj-mobile-menu-2026 #menu-wrap #menu::before,
  body.rj-mobile-menu-2026 #menu-wrap #menu::after,
  body.rj-mobile-menu-2026 #menu-wrap #menu ul::before,
  body.rj-mobile-menu-2026 #menu-wrap #menu ul::after,
  body.rj-mobile-menu-2026 #menu-wrap #menu a::before,
  body.rj-mobile-menu-2026 #menu-wrap #menu a::after {
    display: none !important; content: none !important; border: 0 !important;
  }
}