/* SOCLE — chargé sur toutes les pages du site
 *
 * Fichier CONSTRUIT par outils/construire-css.js — ne pas modifier à la
 * main : la prochaine construction écraserait la modification. Les sources
 * sont poppins, bootstrap-utile, style, responsive, mega-menu, home-2, chrome-v2.
 *
 * Construit le 2026-09-15.
 */

/* --- fonts/poppins/poppins.css (non purgé) --- */
/* Poppins - auto-hébergé, généré le 2026-05-11 */

/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/wp-content/themes/cyberjay-new/fonts/poppins/poppins-400-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
                 U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF,
                 U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/wp-content/themes/cyberjay-new/fonts/poppins/poppins-400-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                 U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
                 U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext bold */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/wp-content/themes/cyberjay-new/fonts/poppins/poppins-700-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
                 U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF,
                 U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin bold */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/wp-content/themes/cyberjay-new/fonts/poppins/poppins-700-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                 U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
                 U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* --- css/bootstrap-utile.css --- */
:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0))}
*,::after,::before{box-sizing:border-box}
@media (prefers-reduced-motion:no-preference){
:root{scroll-behavior:smooth}
}
body{margin:0;font-family:var(--bs-font-sans-serif);font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25}
hr:not([size]){height:1px}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}
.h1,h1{font-size:calc(1.375rem + 1.5vw)}
@media (min-width:1200px){
.h1,h1{font-size:2.5rem}
}
.h2,h2{font-size:calc(1.325rem + .9vw)}
@media (min-width:1200px){
.h2,h2{font-size:2rem}
}
.h3,h3{font-size:calc(1.3rem + .6vw)}
@media (min-width:1200px){
.h3,h3{font-size:1.75rem}
}
.h4,h4{font-size:calc(1.275rem + .3vw)}
@media (min-width:1200px){
.h4,h4{font-size:1.5rem}
}
.h5,h5{font-size:1.25rem}
p{margin-top:0;margin-bottom:1rem}
abbr[data-bs-original-title],abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}
ol,ul{padding-left:2rem}
dl,ol,ul{margin-top:0;margin-bottom:1rem}
ol ol,ol ul,ul ol,ul ul{margin-bottom:0}
dt{font-weight:700}
dd{margin-bottom:.5rem;margin-left:0}
blockquote{margin:0 0 1rem}
b,strong{font-weight:bolder}
.mark,mark{padding:.2em;background-color:#fcf8e3}
sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}
sup{top:-.5em}
a{color:#0d6efd;text-decoration:underline}
a:hover{color:#0a58ca}
a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}
code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em;direction:ltr;unicode-bidi:bidi-override}
pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}
pre code{font-size:inherit;color:inherit;word-break:normal}
code{font-size:.875em;color:#d63384;word-wrap:break-word}
a>code{color:inherit}
figure{margin:0 0 1rem}
img,svg{vertical-align:middle}
table{caption-side:bottom;border-collapse:collapse}
th{text-align:inherit;text-align:-webkit-match-parent}
tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}
label{display:inline-block}
button{border-radius:0}
button:focus:not(:focus-visible){outline:0}
button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}
button,select{text-transform:none}
[role=button]{cursor:pointer}
select{word-wrap:normal}
select:disabled{opacity:1}
[list]::-webkit-calendar-picker-indicator{display:none}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}
::-moz-focus-inner{padding:0;border-style:none}
textarea{resize:vertical}
fieldset{min-width:0;padding:0;margin:0;border:0}
legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}
@media (min-width:1200px){
legend{font-size:1.5rem}
}
legend+*{clear:left}
::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}
::-webkit-inner-spin-button{height:auto}
[type=search]{outline-offset:-2px;-webkit-appearance:textfield}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-color-swatch-wrapper{padding:0}
::file-selector-button{font:inherit}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}
iframe{border:0}
summary{display:list-item;cursor:pointer}
[hidden]{display:none!important}
.list-unstyled{padding-left:0;list-style:none}
.img-fluid{max-width:100%;height:auto}
.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{width:100%;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);margin-right:auto;margin-left:auto}
@media (min-width:576px){
.container,.container-sm{max-width:540px}
}
@media (min-width:768px){
.container,.container-md,.container-sm{max-width:720px}
}
@media (min-width:992px){
.container,.container-lg,.container-md,.container-sm{max-width:960px}
}
@media (min-width:1200px){
.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}
}
@media (min-width:1400px){
.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}
}
.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y) * -1);margin-right:calc(var(--bs-gutter-x)/ -2);margin-left:calc(var(--bs-gutter-x)/ -2)}
.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x)/ 2);padding-left:calc(var(--bs-gutter-x)/ 2);margin-top:var(--bs-gutter-y)}
.col-6{flex:0 0 auto;width:50%}
.col-7{flex:0 0 auto;width:58.3333333333%}
.g-0,.gx-0{--bs-gutter-x:0}
.g-0,.gy-0{--bs-gutter-y:0}
.g-5,.gx-5{--bs-gutter-x:3rem}
.g-5,.gy-5{--bs-gutter-y:3rem}
@media (min-width:576px){
.col-sm-5{flex:0 0 auto;width:41.6666666667%}
.col-sm-6{flex:0 0 auto;width:50%}
.col-sm-12{flex:0 0 auto;width:100%}
}
@media (min-width:768px){
.col-md-2{flex:0 0 auto;width:16.6666666667%}
.col-md-3{flex:0 0 auto;width:25%}
.col-md-4{flex:0 0 auto;width:33.3333333333%}
.col-md-6{flex:0 0 auto;width:50%}
}
@media (min-width:992px){
.col-lg-3{flex:0 0 auto;width:25%}
.col-lg-6{flex:0 0 auto;width:50%}
}
@media (min-width:1200px){
.col-xl-2{flex:0 0 auto;width:16.6666666667%}
.col-xl-4{flex:0 0 auto;width:33.3333333333%}
.col-xl-6{flex:0 0 auto;width:50%}
.offset-xl-1{margin-left:8.3333333333%}
}
.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce){
.form-control{transition:none}
}
.form-control[type=file]{overflow:hidden}
.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}
.form-control:focus{color:#212529;background-color:#fff;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}
.form-control::-webkit-date-and-time-value{height:1.5em}
.form-control::-moz-placeholder{color:#6c757d;opacity:1}
.form-control::placeholder{color:#6c757d;opacity:1}
.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}
.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce){
.form-control::file-selector-button{transition:none}
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:#dde0e3}
.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce){
.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:#dde0e3}
textarea.form-control{min-height:calc(1.5em + .75rem + 2px)}
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu){border-top-right-radius:0;border-bottom-right-radius:0}
.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu){border-top-right-radius:0;border-bottom-right-radius:0}
.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}
.form-control.is-valid,.was-validated .form-control:valid{border-color:#198754;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}
.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#198754;box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}
.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}
.form-select.is-valid,.was-validated .form-select:valid{border-color:#198754;padding-right:4.125rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}
.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:#198754;box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}
.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:#198754}
.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:#198754}
.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}
.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#198754}
.input-group .form-control.is-valid,.input-group .form-select.is-valid,.was-validated .input-group .form-control:valid,.was-validated .input-group .form-select:valid{z-index:3}
.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}
.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}
.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}
.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}
.form-select.is-invalid,.was-validated .form-select:invalid{border-color:#dc3545;padding-right:4.125rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}
.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}
.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:#dc3545}
.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:#dc3545}
.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}
.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}
.input-group .form-control.is-invalid,.input-group .form-select.is-invalid,.was-validated .input-group .form-control:invalid,.was-validated .input-group .form-select:invalid{z-index:3}
.btn{display:inline-block;font-weight:400;line-height:1.5;color:#212529;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce){
.btn{transition:none}
}
.btn:hover{color:#212529}
.btn-check:focus+.btn,.btn:focus{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}
.btn.disabled,.btn:disabled,fieldset:disabled .btn{pointer-events:none;opacity:.65}
.btn-primary{color:#fff;background-color:#0d6efd;border-color:#0d6efd}
.btn-primary:hover{color:#fff;background-color:#0b5ed7;border-color:#0a58ca}
.btn-check:focus+.btn-primary,.btn-primary:focus{color:#fff;background-color:#0b5ed7;border-color:#0a58ca;box-shadow:0 0 0 .25rem rgba(49,132,253,.5)}
.btn-check:active+.btn-primary,.btn-check:checked+.btn-primary,.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0a58ca;border-color:#0a53be}
.btn-check:active+.btn-primary:focus,.btn-check:checked+.btn-primary:focus,.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(49,132,253,.5)}
.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#0d6efd;border-color:#0d6efd}
.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}
.btn-secondary:hover{color:#fff;background-color:#5c636a;border-color:#565e64}
.btn-check:focus+.btn-secondary,.btn-secondary:focus{color:#fff;background-color:#5c636a;border-color:#565e64;box-shadow:0 0 0 .25rem rgba(130,138,145,.5)}
.btn-check:active+.btn-secondary,.btn-check:checked+.btn-secondary,.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#565e64;border-color:#51585e}
.btn-check:active+.btn-secondary:focus,.btn-check:checked+.btn-secondary:focus,.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(130,138,145,.5)}
.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}
.btn-check:active+.btn-success,.btn-check:checked+.btn-success,.btn-success.active,.btn-success:active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#146c43;border-color:#13653f}
.btn-check:active+.btn-success:focus,.btn-check:checked+.btn-success:focus,.btn-success.active:focus,.btn-success:active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(60,153,110,.5)}
.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#198754;border-color:#198754}
.btn-check:active+.btn-info,.btn-check:checked+.btn-info,.btn-info.active,.btn-info:active,.show>.btn-info.dropdown-toggle{color:#000;background-color:#3dd5f3;border-color:#25cff2}
.btn-check:active+.btn-info:focus,.btn-check:checked+.btn-info:focus,.btn-info.active:focus,.btn-info:active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(11,172,204,.5)}
.btn-info.disabled,.btn-info:disabled{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}
.btn-check:active+.btn-warning,.btn-check:checked+.btn-warning,.btn-warning.active,.btn-warning:active,.show>.btn-warning.dropdown-toggle{color:#000;background-color:#ffcd39;border-color:#ffc720}
.btn-check:active+.btn-warning:focus,.btn-check:checked+.btn-warning:focus,.btn-warning.active:focus,.btn-warning:active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(217,164,6,.5)}
.btn-warning.disabled,.btn-warning:disabled{color:#000;background-color:#ffc107;border-color:#ffc107}
.btn-check:active+.btn-danger,.btn-check:checked+.btn-danger,.btn-danger.active,.btn-danger:active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#b02a37;border-color:#a52834}
.btn-check:active+.btn-danger:focus,.btn-check:checked+.btn-danger:focus,.btn-danger.active:focus,.btn-danger:active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(225,83,97,.5)}
.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}
.btn-check:active+.btn-light,.btn-check:checked+.btn-light,.btn-light.active,.btn-light:active,.show>.btn-light.dropdown-toggle{color:#000;background-color:#f9fafb;border-color:#f9fafb}
.btn-check:active+.btn-light:focus,.btn-check:checked+.btn-light:focus,.btn-light.active:focus,.btn-light:active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(211,212,213,.5)}
.btn-light.disabled,.btn-light:disabled{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}
.btn-check:active+.btn-dark,.btn-check:checked+.btn-dark,.btn-dark.active,.btn-dark:active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1a1e21;border-color:#191c1f}
.btn-check:active+.btn-dark:focus,.btn-check:checked+.btn-dark:focus,.btn-dark.active:focus,.btn-dark:active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(66,70,73,.5)}
.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#212529;border-color:#212529}
.btn-check:active+.btn-outline-primary,.btn-check:checked+.btn-outline-primary,.btn-outline-primary.active,.btn-outline-primary.dropdown-toggle.show,.btn-outline-primary:active{color:#fff;background-color:#0d6efd;border-color:#0d6efd}
.btn-check:active+.btn-outline-primary:focus,.btn-check:checked+.btn-outline-primary:focus,.btn-outline-primary.active:focus,.btn-outline-primary.dropdown-toggle.show:focus,.btn-outline-primary:active:focus{box-shadow:0 0 0 .25rem rgba(13,110,253,.5)}
.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#0d6efd;background-color:transparent}
.btn-check:active+.btn-outline-secondary,.btn-check:checked+.btn-outline-secondary,.btn-outline-secondary.active,.btn-outline-secondary.dropdown-toggle.show,.btn-outline-secondary:active{color:#fff;background-color:#6c757d;border-color:#6c757d}
.btn-check:active+.btn-outline-secondary:focus,.btn-check:checked+.btn-outline-secondary:focus,.btn-outline-secondary.active:focus,.btn-outline-secondary.dropdown-toggle.show:focus,.btn-outline-secondary:active:focus{box-shadow:0 0 0 .25rem rgba(108,117,125,.5)}
.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}
.btn-check:active+.btn-outline-success,.btn-check:checked+.btn-outline-success,.btn-outline-success.active,.btn-outline-success.dropdown-toggle.show,.btn-outline-success:active{color:#fff;background-color:#198754;border-color:#198754}
.btn-check:active+.btn-outline-success:focus,.btn-check:checked+.btn-outline-success:focus,.btn-outline-success.active:focus,.btn-outline-success.dropdown-toggle.show:focus,.btn-outline-success:active:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.5)}
.btn-outline-success.disabled,.btn-outline-success:disabled{color:#198754;background-color:transparent}
.btn-check:active+.btn-outline-info,.btn-check:checked+.btn-outline-info,.btn-outline-info.active,.btn-outline-info.dropdown-toggle.show,.btn-outline-info:active{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}
.btn-check:active+.btn-outline-info:focus,.btn-check:checked+.btn-outline-info:focus,.btn-outline-info.active:focus,.btn-outline-info.dropdown-toggle.show:focus,.btn-outline-info:active:focus{box-shadow:0 0 0 .25rem rgba(13,202,240,.5)}
.btn-outline-info.disabled,.btn-outline-info:disabled{color:#0dcaf0;background-color:transparent}
.btn-check:active+.btn-outline-warning,.btn-check:checked+.btn-outline-warning,.btn-outline-warning.active,.btn-outline-warning.dropdown-toggle.show,.btn-outline-warning:active{color:#000;background-color:#ffc107;border-color:#ffc107}
.btn-check:active+.btn-outline-warning:focus,.btn-check:checked+.btn-outline-warning:focus,.btn-outline-warning.active:focus,.btn-outline-warning.dropdown-toggle.show:focus,.btn-outline-warning:active:focus{box-shadow:0 0 0 .25rem rgba(255,193,7,.5)}
.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}
.btn-check:active+.btn-outline-danger,.btn-check:checked+.btn-outline-danger,.btn-outline-danger.active,.btn-outline-danger.dropdown-toggle.show,.btn-outline-danger:active{color:#fff;background-color:#dc3545;border-color:#dc3545}
.btn-check:active+.btn-outline-danger:focus,.btn-check:checked+.btn-outline-danger:focus,.btn-outline-danger.active:focus,.btn-outline-danger.dropdown-toggle.show:focus,.btn-outline-danger:active:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.5)}
.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}
.btn-check:active+.btn-outline-light,.btn-check:checked+.btn-outline-light,.btn-outline-light.active,.btn-outline-light.dropdown-toggle.show,.btn-outline-light:active{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}
.btn-check:active+.btn-outline-light:focus,.btn-check:checked+.btn-outline-light:focus,.btn-outline-light.active:focus,.btn-outline-light.dropdown-toggle.show:focus,.btn-outline-light:active:focus{box-shadow:0 0 0 .25rem rgba(248,249,250,.5)}
.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}
.btn-check:active+.btn-outline-dark,.btn-check:checked+.btn-outline-dark,.btn-outline-dark.active,.btn-outline-dark.dropdown-toggle.show,.btn-outline-dark:active{color:#fff;background-color:#212529;border-color:#212529}
.btn-check:active+.btn-outline-dark:focus,.btn-check:checked+.btn-outline-dark:focus,.btn-outline-dark.active:focus,.btn-outline-dark.dropdown-toggle.show:focus,.btn-outline-dark:active:focus{box-shadow:0 0 0 .25rem rgba(33,37,41,.5)}
.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#212529;background-color:transparent}
.btn-link.disabled,.btn-link:disabled{color:#6c757d}
.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}
.fade{transition:opacity .15s linear}
@media (prefers-reduced-motion:reduce){
.fade{transition:none}
}
.fade:not(.show){opacity:0}
.collapse:not(.show){display:none}
.collapsing{height:0;overflow:hidden;transition:height .35s ease}
@media (prefers-reduced-motion:reduce){
.collapsing{transition:none}
}
.dropdown,.dropend,.dropstart,.dropup{position:relative}
.dropdown-toggle{white-space:nowrap}
.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}
.dropdown-toggle:empty::after{margin-left:0}
.dropdown-menu{position:absolute;top:100%;z-index:1000;display:none;min-width:10rem;padding:.5rem 0;margin:0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}
.dropdown-menu[data-bs-popper]{left:0;margin-top:.125rem}
.dropdown-item{display:block;width:100%;padding:.25rem 1rem;clear:both;font-weight:400;color:#212529;text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0}
.dropdown-item:focus,.dropdown-item:hover{color:#1e2125;background-color:#e9ecef}
.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#0d6efd}
.dropdown-item.disabled,.dropdown-item:disabled{color:#adb5bd;pointer-events:none;background-color:transparent}
.dropdown-menu.show{display:block}
.dropdown-menu-dark .dropdown-item.active,.dropdown-menu-dark .dropdown-item:active{color:#fff;background-color:#0d6efd}
.dropdown-menu-dark .dropdown-item.disabled,.dropdown-menu-dark .dropdown-item:disabled{color:#adb5bd}
.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}
.card>hr{margin-right:0;margin-left:0}
.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:1rem 1.25rem;font-size:1rem;color:#212529;text-align:left;background-color:#fff;border:0;border-radius:0;overflow-anchor:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease}
@media (prefers-reduced-motion:reduce){
.accordion-button{transition:none}
}
.accordion-button:not(.collapsed){color:#0c63e4;background-color:#e7f1ff;box-shadow:inset 0 -1px 0 rgba(0,0,0,.125)}
.accordion-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");transform:rotate(180deg)}
.accordion-button::after{flex-shrink:0;width:1.25rem;height:1.25rem;margin-left:auto;content:"";background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:1.25rem;transition:transform .2s ease-in-out}
@media (prefers-reduced-motion:reduce){
.accordion-button::after{transition:none}
}
.accordion-button:hover{z-index:2}
.accordion-button:focus{z-index:3;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}
.accordion-header{margin-bottom:0}
.accordion-item{margin-bottom:-1px;background-color:#fff;border:1px solid rgba(0,0,0,.125)}
.accordion-item:first-of-type{border-top-left-radius:.25rem;border-top-right-radius:.25rem}
.accordion-item:first-of-type .accordion-button{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}
.accordion-item:last-of-type{margin-bottom:0;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}
.accordion-item:last-of-type .accordion-button.collapsed{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}
.accordion-item:last-of-type .accordion-collapse{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}
.accordion-body{padding:1rem 1.25rem}
.accordion-flush .accordion-collapse{border-width:0}
.accordion-flush .accordion-item{border-right:0;border-left:0;border-radius:0}
.accordion-flush .accordion-item:first-child{border-top:0}
.accordion-flush .accordion-item:last-child{border-bottom:0}
.accordion-flush .accordion-item .accordion-button{border-radius:0}
.breadcrumb{display:flex;flex-wrap:wrap;padding:0 0;margin-bottom:1rem;list-style:none}
.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}
.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:.5rem;color:#6c757d;content:var(--bs-breadcrumb-divider, "/")}
.breadcrumb-item.active{color:#6c757d}
.page-item.active .page-link{z-index:3;color:#fff;background-color:#0d6efd;border-color:#0d6efd}
.page-item.disabled .page-link{color:#6c757d;pointer-events:none;background-color:#fff;border-color:#dee2e6}
.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}
.list-group-item.active{z-index:2;color:#fff;background-color:#0d6efd;border-color:#0d6efd}
.list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}
.list-group-horizontal>.list-group-item.active{margin-top:0}
.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}
@media (min-width:576px){
.list-group-horizontal-sm>.list-group-item.active{margin-top:0}
.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}
}
@media (min-width:768px){
.list-group-horizontal-md>.list-group-item.active{margin-top:0}
.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}
}
@media (min-width:992px){
.list-group-horizontal-lg>.list-group-item.active{margin-top:0}
.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}
}
@media (min-width:1200px){
.list-group-horizontal-xl>.list-group-item.active{margin-top:0}
.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}
}
@media (min-width:1400px){
.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}
.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}
}
.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#084298;border-color:#084298}
.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#41464b;border-color:#41464b}
.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#0f5132;border-color:#0f5132}
.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#055160;border-color:#055160}
.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#664d03;border-color:#664d03}
.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#842029;border-color:#842029}
.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#636464;border-color:#636464}
.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#141619;border-color:#141619}
.modal{position:fixed;top:0;left:0;z-index:1060;display:none;width:100%;height:100%;overflow:hidden;outline:0}
.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}
.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)}
@media (prefers-reduced-motion:reduce){
.modal.fade .modal-dialog{transition:none}
}
.modal.show .modal-dialog{transform:none}
.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}
.modal-backdrop.fade{opacity:0}
.modal-backdrop.show{opacity:.5}
.modal-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}
.modal-title{margin-bottom:0;line-height:1.5}
.modal-body{position:relative;flex:1 1 auto;padding:1rem}
.modal-footer{display:flex;flex-wrap:wrap;flex-shrink:0;align-items:center;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}
.modal-footer>*{margin:.25rem}
@media (min-width:576px){
.modal-dialog{max-width:500px;margin:1.75rem auto}
}
.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){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}
.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}
.overflow-hidden{overflow:hidden!important}
.d-inline-block{display:inline-block!important}
.d-block{display:block!important}
.d-flex{display:flex!important}
.d-none{display:none!important}
.position-relative{position:relative!important}
.end-0{right:0!important}
.border-0{border:0!important}
.w-100{width:100%!important}
.h-100{height:100%!important}
.flex-shrink-0{flex-shrink:0!important}
.gap-1{gap:.25rem!important}
.gap-2{gap:.5rem!important}
.justify-content-center{justify-content:center!important}
.justify-content-between{justify-content:space-between!important}
.align-items-center{align-items:center!important}
.order-1{order:1!important}
.order-2{order:2!important}
.order-3{order:3!important}
.order-4{order:4!important}
.mx-auto{margin-right:auto!important;margin-left:auto!important}
.my-auto{margin-top:auto!important;margin-bottom:auto!important}
.mt-3{margin-top:1rem!important}
.mt-4{margin-top:1.5rem!important}
.mt-5{margin-top:3rem!important}
.me-3{margin-right:1rem!important}
.mb-3{margin-bottom:1rem!important}
.mb-4{margin-bottom:1.5rem!important}
.mb-5{margin-bottom:3rem!important}
.ms-auto{margin-left:auto!important}
.p-1{padding:.25rem!important}
.p-4{padding:1.5rem!important}
.p-5{padding:3rem!important}
.pt-0{padding-top:0!important}
.pt-3{padding-top:1rem!important}
.pt-4{padding-top:1.5rem!important}
.pt-5{padding-top:3rem!important}
.pb-3{padding-bottom:1rem!important}
.pb-5{padding-bottom:3rem!important}
.ps-3{padding-left:1rem!important}
.text-start{text-align:left!important}
.text-center{text-align:center!important}
@media (min-width:768px){
.d-md-flex{display:flex!important}
.justify-content-md-center{justify-content:center!important}
.mb-md-0{margin-bottom:0!important}
.pt-md-5{padding-top:3rem!important}
.pb-md-5{padding-bottom:3rem!important}
}
@media (min-width:992px){
.order-lg-1{order:1!important}
.mt-lg-4{margin-top:1.5rem!important}
.ms-lg-0{margin-left:0!important}
.p-lg-5{padding:3rem!important}
}

/* --- css/style.css --- */
:root{
    --grey-apple:#FCFCFD;
    --black:#212529;
    --grey:#eceef4;
    --grey-alt:#20252b;
    --purple:#8f15ff;
    --gold:#f6e7a3;
    --box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 15%);
    --black-gradient: linear-gradient(90deg, rgba(48,56,65,1) 0%, rgba(1,1,1,1) 50%, rgba(48,56,65,1) 100%);
    --pink:#F8F1F9;
}
@keyframes slideInDown{
    from {
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}
html{
    scroll-behavior: smooth;
}
body{
    font-family: "Poppins";
    font-size: 14px;
}
header{
    display: block;
    width: 100%;
    box-shadow: 0px 0px 24px rgb(0,0,0,0.1)
}
.btn-primary,
.button{
    background: var(--purple) !important;
    height: 50px !important;
    border-radius: 20px !important;
    color: white !important;
    border: 0 !important;
    padding: 0 30px;
    display: inline-flex !important;
    align-items: center !important;
}
.btn-secondary{
    background-color: white;
    color: var(--grey-alt);
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.btn-third{
    background: none;
    height: 40px;
    border-radius: 20px;
    color: var(--purple) !important;
    border: 2px solid var(--purple);
    padding: 0 20px;
    display: inline-flex !important;
    align-items: center;
}
.btn-primary:hover{
    background: var(--purple);
}
#top-menu{
    background: var(--grey-apple);
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
#top-menu .container{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#top-menu nav{
    width: 100%;
}
#top-menu nav > ul{
    padding-left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0;
    padding-left: 100px;
}
#top-menu nav > ul > li{
    display: inline-block;
    text-decoration: none;

}
#top-menu nav > ul > li > a,
#top-menu nav > ul > li i{
    color: black;
    text-decoration: none;
    height: 57px;
    display: flex;
    align-items: center;
    justify-content: center;
}
nav ul ul{
    position: absolute;
    left: 0;
    right: 0;
    top: 57px;
    background: var(--grey);
    text-align: center;
    padding: 20px !important;
    opacity: 0;
    visibility: hidden;
    display: block !important;
    z-index: 9999;
}
nav > ul > li:hover ul{
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s, visibility 0.3s;
}
nav > ul > li > a{
    position: relative;
}
nav > ul > li.has-sub-menu:hover > a:after{
    display: block;
    content: " ";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid var(--grey);
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -10px;
}
nav ul ul li{
    display: inline-block !important;
    text-align: center;
    padding: 0 15px;
}
#top-menu  ul ul li a{
    color: black;
    text-decoration: none;
}
#top-menu ul{
    padding: 0;
    margin: 0;
    display: flex;
}
#top-menu ul li{
    display: inline-block;
    height: 57px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#top-menu #tools{
    padding-left: 60px;
}
#top-menu #tools li{
    padding-left: 40px;
}
#top-menu #tools li i,
#top-menu #tools li a{
    color: white;
    display: flex;
    text-decoration: none;
    align-items: center;
    width: 14px;
}
#top-menu #tools li img{
    width: 14px;
    height: 14px;
}
#mobile-tools{
    display: none;
}
.section-menu-title{
    color: var(--purple);
    font-size: 16px;
    font-weight: bold;
    margin: 20px 0 20px;
}
.item-menu-icon{
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.item-menu-icon img{
    max-height: 40px;
    width: auto;
}
.item-menu-title{
    font-weight: bold;
}
#infos-menu{
    background: var(--grey);
    padding: 20px 0;
}
#infos-menu address{
    margin-bottom: 0;
    font-size: 18px;
}
#infos-menu a{
    color: var(--purple);
    text-decoration: none;
    font-size: 18px;
}
#infos-menu p{
    margin-bottom: 0;
    font-weight: bold;
    font-size: 18px;
}
#infos-menu span{
    color: var(--purple);
}
#top-banner-container h1,
#top-banner-container .h1{
    font-weight: bold;
    font-size: 50px;
    color: black;
    margin: 30px 0;
}
#home-banner p,
#top-banner-container p{
    color: var(--purple);
    font-size: 20px;
    font-weight: bold;
}
.issues, #issues{
    background: var(--grey);
}
.issues a, #issues a, #solutions a, .overlay a, #resell a, .btnAllProducts a, .footer-menu-items a, #tools a, #espacePro a, .stretched-link{
    cursor: pointer;
}
.issues .h2, #issues .h2{
    font-weight: bold;
    font-size: 24px;
}
#solutions .col-md-3{
    font-size: 16px;
    border-left: 1px solid var(--grey);
}
#solutions .col-md-3:last-child{
    border-right: 1px solid var(--grey);
}
#solutions .col-md-3 a{
    font-weight: bold;
    text-decoration: none;
    color: var(--purple);
}
#solutions .col-md-3 span{
    display: block;
    font-size: 25px;
}
#informations .overlay,
#stores .overlay{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    padding-left: 255px;
    padding-right: 50px;
}
#informations .col-lg-6 ,
#stores .col-lg-6{
    position: relative;
}
#informations .col-lg-6 img,
#stores .col-lg-6 img{
    width: 100%;
    height: auto;
}
#informations .col-lg-6 .h2,
#stores .col-lg-6 .h2{
    font-size: 24px;
    font-weight: bold;
    color: white;
    margin-bottom: 15px;
}
#stores .col-lg-6 p{
    color: white;
}
#informations .col-lg-6 a,
#stores .col-lg-6 a{
    text-decoration: none;
    color: var(--purple);
    font-weight: bold;
}
#edito-grey{
    background: var(--grey);
}
#edito-grey h1,
#edito-white h1{
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 40px;
}
#edito-white h2,
#edito-grey h2{
    font-size: 20px;
    color: var(--purple);
}
#edito-white #edito-text,
#edito-grey #edito-text{
    columns: 2;
    column-gap: 30px;
}
#stores{
    background: linear-gradient(180deg, var(--grey) 40%, white 40%);
}
#reviews{
    background: var(--grey);
}
#resell span{
    display: inline-flex;
    flex-wrap: wrap;
    flex-direction: column;
    vertical-align: top;
    height: 100px;
    font-weight: bold;
    margin: 0 35px;
}
#resell img{
    display: block;
    margin: auto;
}
#resell .h2,
#reviews .h2{
    font-weight: bold;
    font-size: 24px;
}
#resell a{
    text-decoration: none;
    color: var(--purple);
    font-weight: bold;
    margin: 0 20px;
}
footer{
    background: var(--grey);
}
#footer-socials{
    padding-top: 30px;
}
#footer-socials a{
    text-decoration: none;
    color: black;
    font-size: 15px;
    display: inline-block;
    margin: 0 5px;
    width: 20px;
    height: 20px;
}
#footer-socials a img{
    fill: black;
    display: inline-block;
    height: 20px;
}
.footer-menu-title{
    color: var(--purple);
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 10px;
    display: block;
}
.footer-menu-items{
    padding: 0;
    margin: 0;
    columns: 2;
}
.footer-menu-items li{
    list-style-type: none;
}
.footer-menu-items li a{
    color: black;
    text-decoration: none;
    font-size: 13px;
}
#search{
    background: rgba(143, 21, 255, 0.8);
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}
#search input[type="search"]{
    border-radius: 0;
    width: 230px;
    display: inline-block;
    color:white;
    background: none;
    border: 0;
    border-bottom: 1px solid white;
}
#search button{
    display: inline-block;
    border: 2px solid white;
    background: none;
    color: white;
    height: 37px    ;
}
#search input[type="search"]:focus{
    outline: none;
    box-shadow: none;
}
#search input[type="search"]::placeholder{
    color: white;
    opacity: 1;
}
#search input[type="search"]:-ms-input-placeholder{
    color: white;
}
#search input[type="search"]::-ms-input-placeholder{
    color: white;
}
#search form{
    width: 360px;
}
#search-close{
    position: absolute;
    color: white;
    width: 30px;
    right: 20px;
    top: 20px;
    cursor: pointer;
}
#search-open{
    cursor: pointer;
}
#top-banner{
    background: linear-gradient(180deg,white 80%,var(--grey) 80%);
}
#top-banner img{
    max-width: 100%;
    height: auto;
}
#top-banner-container{
    background: var(--pink);
    margin-top: 30px;
    padding: 40px 40px 0 40px;

}
#top-banner-container span{
    display: block;
    color: black;
    font-size: 24px;
    margin-bottom: 15px;
}
#top-banner select{
    display: inline-block;
    width: calc(100% - 200px);
    margin-right: 15px;
}
#top-banner input{
    display: inline-block;
    width: calc(100% - 160px);
    margin-right: 15px;
}
#top-banner a{
    color: var(--purple);
    display: block;
    margin-top: 10px;
}
#edito-text iframe{
    width: 100%;
    margin-bottom: 30px;
}
#edito-text > img{
    width: 100%;
    height: auto;
}
#edito-text h3{
    font-size: 17px;
}
.breadcrumb li a{
    color: black;
    text-decoration: none;
}
.breadcrumb-item+.breadcrumb-item::before{
    content:">";
}
.woocommerce-variation-price .price span,
.woocommerce-variation-price .price{
    font-size: 30px !important;
    font-weight: normal !important;
    margin: 0;
    color: var(--purple);
}
.woocommerce-variation-price{
    padding: 20px 0;
}
table.variations{
    margin-bottom: 10px;
}
.variations label{
    display: none;
}
.variations select{
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--black);
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}
.reset_variations{
    display: inline-block;
    margin-left: 20px;
    color: var(--purple);
}
.quantity{
    display: inline-block;
}
#products article .h-100{
    background-color:white;
    display: block;
    padding: 30px 20px;
    border-radius: 5px;
    position: relative;
    border: 1px solid grey;

}
#products article{
    min-height: 350px;
    margin-bottom: 20px;
    border-radius: 5px;
}
#products article img{
    width: auto;
    height: 100%;
    object-fit: contain;
    display: block;
    margin: auto;
    mix-blend-mode: multiply;
    margin-bottom: 10px;
}
.product-actions a{
    display: inline-block;
    margin: 0 5px;
}
.product-actions img{
    mix-blend-mode: normal !important;
}
.product-eco img{
    width: auto !important;
    height: auto !important;
    display: inline-block;
    vertical-align: middle;
    margin: 0 !important;
    margin-right: 5px !important;
}
#products article .product-image{
    margin-bottom: 10px;
}
#products article .product-image{
    display: flex;
    align-items: center;
    justify-content: center;
}
#products article h2{
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}
#products article .price-product{
    font-size: 18px;
    text-align: center;
    color: #855151;
}
.product-overlay{
    text-align: center;
}
#products article .product-actions{
    display: none;
}
#products article .product-actions{
    text-align: center;
    color: var(--purple);
    padding-top: 10px;
}
#products article .product-actions i{
    font-size: 27px;
    display: inline-block;
    margin: 0 10px;
}
#products article a{
    text-decoration: none;
    color: black;
}
#category-title{
    padding:20px 0;
}
#category-title h1{
    font-weight: bold;
    font-size: 32px;
}
#category-title .breadcrumb{
    justify-content: center;
}
#post-content h2{
    color: var(--purple);
    margin-bottom: 20px;
    font-size: 20px;
}
#post-content h3{
    color: black;
    margin-bottom: 20px;
    font-size: 17px;
}
#post-content li{
    margin-bottom: 10px;
}
#post-content h1{
    font-weight: bold;
}
#post-content p{
    text-align: justify;
}
.issues a, #issues a{
    text-decoration: none;
    color: var(--grey-alt);
}
.cart a{
    text-decoration: none;
}
.error404 #top-banner,
.page-template-default #stores,
.error404 #stores{
    background: white !important;
}
.woocommerce-page:not(.tax-product_cat) #edito-text{
    columns: auto !important;
}
#reassurance{
    background: var(--black-gradient);
    color: white;
    border-radius: 5px;
    text-align: center;
}
#reassurance img{
    color: var(--purple);
    display: block;
    margin: auto;
    height: 55px;
    margin-bottom: 20px;
}
#post-content iframe{
    width: 100%;
    height: 400px;
}
.post-content a,
#edito-text a{
    color: var(--purple);
}
.wpcf7-submit{
    margin-top: 20px;
}
.wishlist_table .product-stock-status span.wishlist-in-stock{
    font-weight: normal;
    font-size: 16px;
}
#cart-count{
    margin-left: 5px;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea{
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--black);
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
}
.woocommerce form .form-row select{
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--black);
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}
.woocommerce-form-coupon-toggle .woocommerce-info,
.woocommerce-form-login-toggle .woocommerce-info{
    padding-left: 40px;
}
.wishlist-button{
    margin-right: 15px;
    display: inline-block;
    position: relative;
    top:5px;
    vertical-align: top;
}
.wishlist-button img{
    width: 30px;
}
.product-grade{
    background: black;
    color: white;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
    margin: 5px 0 10px;
    font-size: 12px;
}
.product-eco{
    background: white;
    color: var(--bs-green) !important;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
    font-size: 12px;
}
.product-eco i{
    color: var(--bs-green) !important;
}
#top-banner-pro{
    background: var(--pink);
    padding: 50px 0;
    text-align: center;

}
#top-banner-pro p{
    color: white;
    font-size: 18px;
}
#top-banner-pro a{
    color: var(--purple);
    font-size: 16px;
    text-decoration: none;
}
#edito-white.edito-pro p{
    font-size: 18px;
}
.single-post #post-content img{
    display: block;
    margin: 20px 0;
}
.woocommerce-message{
    padding-left: 50px;
}
#open-mobile img{
    display: none;
}
#resell a i{
    font-size: 22px;
    margin-left: 3px;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
}
#stores a i,
#informations a i{
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    display: inline-block;
    position: relative;
    top:3px;
}
.dropdown-toggle::after{
    border-top: .5em solid;
    border-right: .5em solid transparent;
    border-left: .5em solid transparent;
}
.blog-sidebar .h2{
    font-weight: bold;
    color: black;
    font-weight: bold;
    font-size: 20px;
}
.blog-sidebar ul{
    padding: 0;
}
.blog-sidebar ul li{
    list-style-type: none;
    margin-bottom: 7px;
}
.blog-sidebar ul li a{
    color: var(--purple);
    text-decoration: none;
}
.contact-wrap{
    background: #7f279c;
    background: -moz-linear-gradient(-45deg, #7f279c 0%, #2e279d 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #7f279c), color-stop(100%, #2e279d));
    background: -webkit-linear-gradient(-45deg, #7f279c 0%, #2e279d 100%);
    background: -o-linear-gradient(-45deg, #7f279c 0%, #2e279d 100%);
    background: -ms-linear-gradient(-45deg, #7f279c 0%, #2e279d 100%);
    background: -webkit-linear-gradient(315deg, #7f279c 0%, #2e279d 100%);
    background: -o-linear-gradient(315deg, #7f279c 0%, #2e279d 100%);
    background: linear-gradient(135deg, #7f279c 0%, #2e279d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f279c', endColorstr='#2e279d', GradientType=1 );
}
.contact-wrapper{
    width: 100%;
    -webkit-box-shadow: 0px 21px 41px -13px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 21px 41px -13px rgba(0, 0, 0, 0.18);
    box-shadow: 0px 21px 41px -13px rgba(0, 0, 0, 0.18);
}
.contact-wrap .form-control{
    height: 52px;
    background : transparent;
    color: white !important;
    font-size: 14px;
    border-radius: 0px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.contact-wrap ::placeholder{
    opacity: 1;
    color: white;
}
.contact-wrap .h3{
    color: white;
    font-weight: bold;
}
#creer-mon-espace p{
    color: black;
}
.pro-icon{
    font-size: 80px;
}
.pro-item-title{
    color: var(--purple);
    font-size: 24px;
    font-weight: bold;
}
#top-banner-pro h2{
    color: black;
    font-size: 24px;
    font-weight: bold;
}
#sur-mesure{
    background: var(--grey);
}
#sur-mesure h2{
    font-weight: bold;
}
#references-pro h2{
    font-weight: bold;
}
#category-menu ul{
    margin: 0;
    padding: 0;
    padding-bottom: 50px;
    display: flex;
    justify-content: center;
}
#category-menu ul li{
    list-style-type: none;
    padding: 0 20px;
}
#category-menu ul li a{
    text-decoration: none;
    display: block;
    color: var(--purple);
}
.page-template-page-home #products .h2{
    font-weight: bold;
    font-size: 24px;
}
.page-template-default h3{
    font-size: 17px;
    font-weight: bold;
}
.page-template-default h2{
    margin-bottom: 25px;
}
h1{
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 2.2rem;
    font-weight: 700;
    text-align: center;
    color: #000;
    margin: 0 auto;
    padding: 0.5rem;
    min-height: 3rem; /* Empêche le saut de ligne lors du chargement */
}
#texte-container{
    text-align:center !important;
}
.cj-pagination .page-numbers .current,
.cj-pagination .nav-links .current{
    background: #534AB7;
    color: #fff !important;
    border-color: #534AB7;
}
.sp-collapse.collapsing,
.collapse.collapsing{
    will-change: height;
}
@media (prefers-reduced-motion: reduce){
.sp-collapse.collapsing,
    .collapse.collapsing,
    .sp-collapse,
    .collapse{
        transition: none !important;
        will-change: auto;
    }
*, *::before, *::after{
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* --- css/responsive.css --- */
@media(max-width: 1400px){
#stores .col-lg-6 .h2{
        font-size: 16px;
    }
#stores .col-lg-6 p{
        font-size: 14px;
    }
#top-banner-container h1{
        font-size: 40px !important;
    }
#top-banner-container span{
        font-size: 18px;
    }
#top-banner select, #top-banner input{
        font-size: 14px;
    }
}
@media(max-width: 1200px){
#products article .product-image{
        height: 230px;
    }
#issues .col-xl-2{
        margin-bottom: 25px;
    }
#informations .overlay,
    #stores .overlay{
        padding:0 20px 0 270px;
    }
#informations .col-lg-6 img,
    #stores .col-lg-6 img{
    }
#top-banner select,
    #top-banner input{
        font-size: 14px;
        margin-bottom: 20px;
    }
}
@media(max-width: 991px){
#top-menu ul ul li{
        display: block !important;
        padding: 0;
        text-align: left;
        height: auto !important;
        min-height: 35px;
    }
#top-menu ul ul li a{
        color: var(--purple);
    }
#open-mobile img{
        width: 28px;
        display: block;
        margin-left: 15px;
    }
#top-menu #tools li a{
        width: 28px;
    }
#top-menu #tools li img{
        width: 28px;
        height: 28px;
    }
header #infos-menu{
        transition: all 0.3s;
    }
#top-menu nav{
        position: fixed;
        right: 0;
        top: 0;
        background: var(--grey-apple);
        width: 100%;
    }
#top-menu nav{
        padding: 20px 20px 0 20px;
        margin-right: -100%;
        transition: all 0.3s;
        z-index: 1000000;
    }
#top-menu nav.active{
        margin-right: 0;
    }
#top-menu nav > ul{
        padding: 0;
        display: block;
    }
#top-menu nav > ul > li{
        display: block;
        border-bottom: 1px solid var(--grey);
        min-height: 57px;
        height: auto;
    }
#top-menu nav > ul > li:last-child{
        border: 0;
    }
#top-menu nav > ul > li > a{
        align-items: center;
        justify-content: flex-start;
    }
#top-menu #tools,
    #top-menu #tools li{
        padding: 0;
        margin: 0 5px;
    }
#top-menu i{
        color: white;
        font-size: 24px;
    }
#mobile-tools{
        display: block;
    }
#mobile-tools #close-mobile{
        width: 25px;
    }
nav ul ul{
        display: none !important;
    }
#tools ul li:first-child{
        display: none;
    }
#mobile-tools form{
        margin-top: 20px;
        margin-bottom: 10px;
        position: relative;
    }
#mobile-tools form:before{
        content: url("/wp-content/themes/cyberjay-new/images/search.svg");
        position: absolute;
        left: 10px;
        top: 8px;
        width: 21px;
        height: 21px;
    }
#mobile-tools input[type="search"]{
        background: var(--grey);
        border: 0;
        opacity: 1;
        padding-left: 40px;
    }
#mobile-tools input[type="search"]::placeholder{
        color: var(--black);
        opacity: 1;
    }
#mobile-tools input[type="search"]:-ms-input-placeholder{
        color: white;
    }
#mobile-tools input[type="search"]::-ms-input-placeholder{
        color: white;
    }
#infos-menu{
        height: auto;
        padding: 10px;
    }
#infos-menu .col-lg-6{
        justify-content: center;
        text-align: center !important;
    }
#infos-menu .col-lg-6:first-child{
        margin-bottom: 10px;
    }
#top-banner-container h1{
        font-size: 30px;
    }
#top-banner-container span{
        font-size: 19px;
    }
#top-banner select, #top-banner input{
        width: 100%;
    }
#informations .col-lg-6,
    #stores .col-lg-6{
        margin-bottom: 30px;
    }
#infos-menu address{
        font-size: 16px;
    }
}
@media(min-width: 768px){
#products article:hover .product-overlay{
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(0,0,0,0.8);
        transition: all 0.3s;
        border-radius: 5px;
    }
#products article:hover .product-overlay h2{
        color: white;
    }
#products article:hover .product-overlay .product-grade{
        background: white;
        color: black;
    }
#products article:hover a{
        color: white;
    }
#products article:hover .product-actions{
        display: block;
    }
#products article:hover .product-actions button{
        display: block;
        position: relative;
        z-index: 2;
    }
}
@media(max-width: 767px){
#category-menu ul li{
        padding: 0 10px;
    }
#infos-menu a{
        font-size: 28px;
    }
#stores .col-lg-6 img{
        transform: scaleX(-1);
    }
#top-banner-container,
    .rachat-banner #top-banner-container{
        padding: 40px !important;
    }
#stores .col-lg-6 p{
        font-size: 13px;
        margin-bottom: 5px;
    }
#stores .col-lg-6 .h2{
        margin-bottom: 5px;
    }
#stores .col-lg-6 .h2{
        font-size: 14px;
    }
#illustrations,
    #issues{
        background: var(--grey);
    }
#stores{
        background: white;
    }
#home-banner .h1,
    #top-banner-container h1,
    #top-banner-container .h1{
        font-size: 30px !important;
    }
#edito-white #edito-text,
    #edito-grey #edito-text{
        columns: 1;
    }
#solutions .col-md-3{
        border: 0 !important;
        margin-bottom: 30px;
    }
#stores .overlay{
        padding: 0;
    }
}

/* --- style.css --- */
@media (max-width: 767px){
#infos-menu{
        padding: 1px 3px !important; /* Super réduit l'espace intérieur */
        font-size: 10px !important; /* Très petite taille de la police */
        height: auto !important; /* Ajuste la hauteur au contenu */
        line-height: 1 !important; /* Espace minimal entre les lignes */
        margin: 0 !important; /* Supprime toutes les marges extérieures */
        border-radius: 3px !important; /* Coins légèrement arrondis */
    }
}
#infos-menu{
    background: linear-gradient(135deg, #9b59b6, #d5a6ff) !important; /* Dégradé violet exact */
    color: white !important; /* Tout le texte en blanc */
    font-family: Arial, sans-serif !important;
    padding: 15px 0 !important;
    text-align: center !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
}
#infos-menu *{
    color: white !important; /* Forcer tout le contenu à être blanc */
}
.banner-content{
    color: white !important; /* Tout le texte en blanc */
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    max-width: 1200px;
    margin: 0 auto;
}
.banner-details p{
    font-size: 18px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    margin: 0 !important;
    letter-spacing: 1px !important;
    color: white !important; /* Texte blanc */
    white-space: nowrap !important; /* Empêche les retours à la ligne */
    overflow: hidden !important; /* Coupe le texte s'il dépasse */
    text-overflow: ellipsis !important; /* Ajoute des points si le texte est trop long */
}
.banner-contacts{
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 20px !important;
    color: white !important; /* Texte blanc */
    margin-top: 10px !important;
}
.contact-item{
    color: white !important; /* Tout le texte en blanc */
    display: flex;
    align-items: center;
    font-size: 14px;
    gap: 5px;
}
.banner-details p:first-child{
    font-size: 16px;
    font-weight: bold;
    color: white;
    margin-bottom: 10px;
}
.contact-button,
.contact-phone{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    background-color: white !important; /* Fond blanc par défaut */
    border: 2px solid white !important; /* Bordure blanche */
    color: #7c4dff !important; /* Texte violet par défaut */
    padding: 12px 20px !important;
    border-radius: 30px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    width: auto !important;
    transition: background-color 0.3s ease, color 0.3s ease !important;
    color: white !important; /* Tout le texte en blanc */
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background-color: transparent;
    border: 2px solid white;
    color: white;
    padding: 10px 20px;
    border-radius: 30px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color 0.3s ease, color 0.3s ease;
}
.contact-button *,
.contact-phone *,
.contact-button,
.contact-phone{
    color: white !important; /* Tout reste blanc à l'intérieur */
}
.contact-button:hover,
.contact-phone:hover{
    color: white !important; /* Tout le texte en blanc */
    color: #7c4dff;
}
.contact-icon,
.phone-icon{
    color: white !important; /* Tout le texte en blanc */
    font-size: 18px;
}
.dropdown-icon{
    color: white !important; /* Tout le texte en blanc */
    font-size: 12px;
    color: white;
}
@media screen and (max-width: 768px){
#infos-menu{
        background: linear-gradient(135deg, #9b59b6, #d5a6ff) !important;
        color: white !important;
        padding: 20px 15px !important;
        text-align: center !important;
    }
#infos-menu *{
        color: white !important; /* Forcer tout le contenu à être blanc */
    }
.banner-content{
        color: white !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 20px !important;
    }
.banner-details p{
        color: white !important;
        font-size: 13px !important;
        font-weight: bold !important;
        text-transform: uppercase !important;
        margin: 0 !important;
        line-height: 1.4 !important;
        text-align: center !important;
        white-space: nowrap !important; /* Empêche le retour à la ligne */
        overflow: hidden !important; /* Cache le texte qui déborde */
        text-overflow: ellipsis !important; /* Ajoute "..." si le texte dépasse */
    }
.banner-contacts{
        color: white !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 15px !important;
    }
.contact-button,
    .contact-phone{
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        background-color: white !important; /* Fond blanc par défaut */
        border: 2px solid white !important; /* Bordure blanche */
        color: #7c4dff !important; /* Texte violet par défaut */
        padding: 12px 20px !important;
        border-radius: 30px !important;
        font-size: 16px !important;
        font-weight: bold !important;
        text-transform: uppercase !important;
        text-decoration: none !important;
        width: auto !important;
        transition: background-color 0.3s ease, color 0.3s ease !important;
    }
}

/* --- css/mega-menu.css --- */
.cjm-sprite{ position: absolute; width: 0; height: 0; overflow: hidden; }
#top-menu nav.cjm{
    --cjm-violet: #8f15ff;          /* --purple du thème */
    --cjm-violet-deep: #7211cc;
    --cjm-violet-wash: #f4eaff;
    --cjm-ink: #0e0e13;             /* plus noir que --black (#212529) */
    --cjm-ink-2: #3a3646;
    --cjm-ink-3: #7d7789;
    --cjm-line: #e6e3ee;
    --cjm-paper: #fff;
    --cjm-wash: #f6f5f9;
    --cjm-gold: #b47c0a;
    --cjm-green: #0d6b52;
}
#top-menu nav.cjm > ul.cjm-nav{
    display: flex;
    align-items: stretch;
    gap: 0;
    padding: 0 0 0 24px;
    margin: 0;
    list-style: none;
    justify-content: flex-start;
    flex: 1;
    min-width: 0;
}
#top-menu nav.cjm > ul > li{
    display: flex;
    align-items: stretch;
    position: static;          /* le panneau s'ancre sur #top-menu */
    height: auto;
    padding: 0;
    border: 0;
}
#top-menu nav.cjm > ul > li > .cjm-top{
    display: flex;
    align-items: center;
    gap: 5px;
    height: 100%;
    min-height: 56px;
    padding: 0 12px;
    position: relative;
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
    color: var(--cjm-ink);
    background: none;
    border: 0;
    text-decoration: none;
    cursor: pointer;
    transition: color .16s;
}
#top-menu nav.cjm > ul > li > .cjm-top::after{
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 0;
    height: 2px;
    background: var(--cjm-violet);
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .2s cubic-bezier(.2, .7, .3, 1);
}
#top-menu nav.cjm > ul > li > .cjm-top:hover,
#top-menu nav.cjm > ul > li > .cjm-top:focus-visible,
#top-menu nav.cjm > ul > li > .cjm-top[aria-expanded="true"]{
    color: var(--cjm-violet-deep);
}
#top-menu nav.cjm > ul > li > .cjm-top:hover::after,
#top-menu nav.cjm > ul > li > .cjm-top[aria-expanded="true"]::after{
    transform: scaleX(1);
}
#top-menu nav.cjm .cjm-chev{
    opacity: .5;
    transition: transform .2s, opacity .2s;
    flex: none;
}
#top-menu nav.cjm .cjm-top[aria-expanded="true"] .cjm-chev{
    transform: rotate(180deg);
    opacity: 1;
}
#top-menu nav.cjm #espacePro > .cjm-top{
    margin-left: 6px;
    padding: 0 13px;
    color: var(--cjm-violet-deep);
    font-weight: 600;
}
#top-menu nav.cjm :focus-visible{
    outline: 2px solid var(--cjm-violet);
    outline-offset: -3px;
    border-radius: 4px;
}
#top-menu nav.cjm .cjm-i{
    flex: none;
    width: 20px;
    height: 20px;
}
#top-menu nav.cjm .cjm-panel{
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;                 /* réglé à 57px auparavant dans une barre de 90px */
    z-index: 400;
    background: var(--cjm-paper);
    border-top: 1px solid var(--cjm-line);
    box-shadow: 0 24px 40px -26px rgba(14, 14, 19, .45);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);
    /* visibility bascule d'un coup (0s), retardée à la fermeture : sinon le
       panneau reste non focusable pendant la transition. */
    transition: opacity .18s ease, transform .22s cubic-bezier(.2, .7, .3, 1), visibility 0s linear .18s;
    text-align: left;
}
#top-menu nav.cjm .cjm-top[aria-expanded="true"] + .cjm-panel{
    opacity: 1;
    visibility: visible;
    transform: none;
    transition: opacity .18s ease, transform .22s cubic-bezier(.2, .7, .3, 1), visibility 0s linear 0s;
}
#top-menu nav.cjm .cjm-grid{
    display: grid;
    grid-template-columns: minmax(0, 360px) minmax(0, 1fr);
    max-width: 1320px;
    margin: 0 auto;
}
#top-menu nav.cjm .cjm-col{ padding: 20px 24px 18px; }
#top-menu nav.cjm .cjm-col + .cjm-col{ border-left: 1px solid var(--cjm-line); }
#top-menu nav.cjm .cjm-zone{
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 11px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .13em;
    text-transform: uppercase;
    color: var(--cjm-ink-3);
}
#top-menu nav.cjm .cjm-zone::after{
    content: "";
    flex: 1;
    height: 1px;
    background: var(--cjm-line);
}
#top-menu nav.cjm .cjm-sub{
    margin: 14px 0 7px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .02em;
    color: var(--cjm-ink-2);
}
#top-menu nav.cjm .cjm-sub:first-of-type{ margin-top: 0; }
#top-menu nav.cjm .cjm-devices{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px;
}
#top-menu nav.cjm .cjm-dev{
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    padding: 7px 10px;
    border-radius: 8px;
    color: var(--cjm-ink);
    text-decoration: none;
    transition: background .14s;
}
#top-menu nav.cjm .cjm-dev:hover{ background: var(--cjm-violet-wash); }
#top-menu nav.cjm .cjm-dev .cjm-i{ color: var(--cjm-violet); }
#top-menu nav.cjm .cjm-dev-t{ display: flex; flex-direction: column; min-width: 0; }
#top-menu nav.cjm .cjm-dev .cjm-n{
    font-size: 13px;
    font-weight: 500;
    line-height: 1.25;
}
#top-menu nav.cjm .cjm-faults{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 3px 6px;
}
#top-menu nav.cjm .cjm-fault{
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 6px 9px;
    border-radius: 7px;
    font-size: 13px;
    color: var(--cjm-ink);
    text-decoration: none;
    transition: background .14s;
}
#top-menu nav.cjm .cjm-fault:hover{ background: var(--cjm-wash); }
#top-menu nav.cjm .cjm-fault .cjm-i{
    width: 17px;
    height: 17px;
    color: var(--cjm-ink-3);
    transition: color .14s;
}
#top-menu nav.cjm .cjm-fault:hover .cjm-i{ color: var(--cjm-violet); }
#top-menu nav.cjm .cjm-fault.cjm-expert .cjm-i{ color: var(--cjm-gold); }
#top-menu nav.cjm .cjm-fault .cjm-n{ line-height: 1.25; }
#top-menu nav.cjm .cjm-p{
    font-size: 11px;
    font-weight: 600;
    color: var(--cjm-violet);
    font-variant-numeric: tabular-nums;
    line-height: 1.3;
}
#top-menu nav.cjm .cjm-fault .cjm-p{
    margin-left: auto;
    padding-left: 8px;
    flex: none;
}
#top-menu nav.cjm .cjm-entries{
    display: grid;
    gap: 6px;
    margin-top: 14px;
}
#top-menu nav.cjm .cjm-entry{
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 11px 12px;
    border: 1px solid var(--cjm-line);
    border-radius: 9px;
    background: var(--cjm-wash);
    color: var(--cjm-ink);
    text-decoration: none;
    transition: border-color .16s, background .16s;
}
#top-menu nav.cjm .cjm-entry:hover{
    border-color: var(--cjm-violet);
    background: var(--cjm-violet-wash);
}
#top-menu nav.cjm .cjm-entry .cjm-i{
    color: var(--cjm-violet);
    margin-top: 1px;
}
#top-menu nav.cjm .cjm-entry > span{ min-width: 0; }
#top-menu nav.cjm .cjm-entry .cjm-n{
    display: block;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
}
#top-menu nav.cjm .cjm-entry .cjm-d{
    display: block;
    margin-top: 1px;
    font-size: 11px;
    line-height: 1.35;
    color: var(--cjm-ink-2);
}
#top-menu nav.cjm .cjm-foot{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 22px;
    max-width: 1320px;
    margin: 0 auto;
    padding: 12px 24px;
    border-top: 1px solid var(--cjm-line);
    background: var(--cjm-wash);
}
#top-menu nav.cjm .cjm-trust{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px 18px;
}
#top-menu nav.cjm .cjm-tr{
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--cjm-ink-2);
}
#top-menu nav.cjm .cjm-tr .cjm-i{
    width: 15px;
    height: 15px;
    color: var(--cjm-violet);
}
#top-menu nav.cjm .cjm-tr b{ font-weight: 600; color: var(--cjm-ink); }
#top-menu nav.cjm .cjm-shops{
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-left: auto;
}
#top-menu nav.cjm .cjm-shop{
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 11px;
    border: 1px solid var(--cjm-line);
    border-radius: 8px;
    background: var(--cjm-paper);
    color: var(--cjm-ink);
    text-decoration: none;
    transition: border-color .16s;
}
#top-menu nav.cjm .cjm-shop:hover{ border-color: var(--cjm-violet); }
#top-menu nav.cjm .cjm-shop .cjm-i{ width: 14px; height: 14px; color: var(--cjm-violet); }
#top-menu nav.cjm .cjm-shop > span{ min-width: 0; }
#top-menu nav.cjm .cjm-a{
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
}
#top-menu nav.cjm .cjm-h{
    display: block;
    margin-top: 1px;
    font-size: 10.5px;
    line-height: 1.2;
    color: var(--cjm-ink-3);
}
#top-menu nav.cjm .cjm-open{ color: var(--cjm-green); font-weight: 600; }
#top-menu nav.cjm .cjm-all{
    width: 100%;
    margin: 0;
    padding-top: 9px;
    border-top: 1px solid var(--cjm-line);
    text-align: right;
}
#top-menu nav.cjm .cjm-all a{
    font-size: 12px;
    font-weight: 600;
    color: var(--cjm-violet-deep);
    text-decoration: none;
}
#top-menu nav.cjm .cjm-all a:hover{ text-decoration: underline; }
#top-menu .cjm-scrim{
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 320px;
    z-index: 300;
    background: linear-gradient(rgba(14, 14, 19, .14), rgba(14, 14, 19, 0));
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .2s, visibility .2s;
}
#top-menu.cjm-open .cjm-scrim{ opacity: 1; visibility: visible; }
@media (prefers-reduced-motion: reduce){
#top-menu nav.cjm .cjm-panel,
    #top-menu nav.cjm .cjm-chev,
    #top-menu nav.cjm .cjm-top::after,
    #top-menu .cjm-scrim{ transition: none; }
}
@media (max-width: 1399.98px){
#top-menu nav.cjm > ul.cjm-nav{ padding-left: 8px; }
#top-menu nav.cjm > ul > li > .cjm-top{ padding: 0 7px; }
#top-menu nav.cjm > ul > li > .cjm-top::after{ left: 7px; right: 7px; }
#top-menu nav.cjm #espacePro > .cjm-top{ margin-left: 2px; padding: 0 9px; }
}
@media (max-width: 1199.98px) and (min-width: 992px){
#top-menu nav.cjm > ul.cjm-nav{ padding-left: 0; }
#top-menu nav.cjm > ul > li > .cjm-top{ padding: 0 5px; font-size: 13px; gap: 4px; }
#top-menu nav.cjm > ul > li > .cjm-top::after{ left: 5px; right: 5px; }
#top-menu nav.cjm #espacePro > .cjm-top{ margin-left: 0; padding: 0 7px; }
#top-menu #tools{ padding-left: 18px; }
#top-menu #tools li{ padding-left: 18px; }
}
@media (max-width: 991px){
#top-menu{ overflow-x: clip; }
#top-menu nav.cjm{
        margin-right: 0 !important;
        transform: translateX(100%);
        visibility: hidden;
        transition: transform .28s cubic-bezier(.2, .7, .3, 1), visibility 0s linear .28s !important;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
        height: 100%;
        padding: 20px 16px 32px !important;
    }
#top-menu nav.cjm.active{
        transform: none;
        visibility: visible;
        transition: transform .28s cubic-bezier(.2, .7, .3, 1), visibility 0s linear 0s !important;
    }
#top-menu nav.cjm > ul.cjm-nav{
        display: block;
        padding: 0 !important;
        flex: none;
    }
#top-menu nav.cjm > ul > li{
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
        border-bottom: 1px solid var(--cjm-line);
    }
#top-menu nav.cjm > ul > li:last-child{ border-bottom: 0; }
#top-menu nav.cjm > ul > li > .cjm-top{
        display: flex;
        width: 100%;
        min-height: 50px;
        padding: 0 4px;
        justify-content: flex-start;
        font-size: 15px;
        text-align: left;
    }
#top-menu nav.cjm > ul > li > .cjm-top::after{ display: none; }
#top-menu nav.cjm .cjm-top .cjm-chev{ margin-left: auto; }
#top-menu nav.cjm .cjm-panel{
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        display: none;
        box-shadow: none;
        border-top: 0;
        background: var(--cjm-wash);
        border-radius: 9px;
        margin: 0 0 12px;
        transition: none;
    }
#top-menu nav.cjm .cjm-top[aria-expanded="true"] + .cjm-panel{ display: block; }
#top-menu nav.cjm .cjm-grid{ display: block; }
#top-menu nav.cjm .cjm-col{ padding: 12px 12px 4px; }
#top-menu nav.cjm .cjm-col + .cjm-col{ border-left: 0; border-top: 1px solid var(--cjm-line); }
#top-menu nav.cjm .cjm-dev,
    #top-menu nav.cjm .cjm-fault{
        background: var(--cjm-paper);
        border: 1px solid var(--cjm-line);
        min-height: 48px;      /* cible tactile */
    }
#top-menu nav.cjm .cjm-devices{ gap: 6px; }
#top-menu nav.cjm .cjm-faults{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
#top-menu nav.cjm .cjm-fault{ flex-wrap: wrap; padding: 8px 10px; }
#top-menu nav.cjm .cjm-fault .cjm-n{ flex: 1 1 0; min-width: 0; }
#top-menu nav.cjm .cjm-fault .cjm-p{ flex: 1 0 100%; margin-left: 0; padding-left: 25px; }
#top-menu nav.cjm .cjm-foot{
        display: block;
        padding: 12px;
        background: transparent;
    }
#top-menu nav.cjm .cjm-shops{ margin: 8px 0 0; }
#top-menu nav.cjm .cjm-shop{ width: 100%; }
#top-menu nav.cjm .cjm-all{ text-align: left; }
#top-menu .cjm-scrim{ display: none; }
}
@media (max-width: 340px){
#top-menu nav.cjm .cjm-devices,
    #top-menu nav.cjm .cjm-faults{ grid-template-columns: minmax(0, 1fr); }
}
#top-menu nav.cjm a::before,
#top-menu nav.cjm a:hover::before{
    content: none !important;
    display: none !important;
}
#top-menu nav.cjm > ul > li > a.cjm-top{
    font-size: 14px !important;
    color: var(--cjm-ink) !important;
}
#top-menu nav.cjm > ul > li > a.cjm-top:hover,
#top-menu nav.cjm > ul > li > a.cjm-top[aria-expanded="true"]{
    color: var(--cjm-violet-deep) !important;
}
#top-menu nav.cjm #espacePro > .cjm-top,
#top-menu nav.cjm #espacePro > .cjm-top:hover{
    color: var(--cjm-violet-deep) !important;
}
#top-menu nav.cjm .cjm-panel a,
#top-menu nav.cjm .cjm-panel a:hover{
    color: var(--cjm-ink) !important;
}
#top-menu nav.cjm .cjm-dev,
#top-menu nav.cjm .cjm-entry{ font-size: 13px !important; }
#top-menu nav.cjm .cjm-fault{ font-size: 13px !important; }
#top-menu nav.cjm .cjm-shop{ font-size: 12px !important; }
#top-menu nav.cjm .cjm-all a,
#top-menu nav.cjm .cjm-all a:hover{
    font-size: 12px !important;
    color: var(--cjm-violet-deep) !important;
}
@media (max-width: 1199.98px) and (min-width: 992px){
#top-menu nav.cjm > ul > li > a.cjm-top{ font-size: 13px !important; }
}

/* --- css/home-2.css --- */
.cjc-sprite{ position: absolute; width: 0; height: 0; overflow: hidden; }
.cjc-status,
.cjc-hero,
.cjc-tiles,
.cjc-contacts,
.cjc-info,
.cjc-paypal,
.cjc-edito,
.cjc-footer{
    --cjc-violet: #8f15ff;
    --cjc-violet-deep: #7211cc;
    --cjc-violet-wash: #f4eaff;
    --cjc-ink: #0e0e13;
    --cjc-ink-2: #3a3646;
    --cjc-ink-3: #7d7789;
    --cjc-line: #e6e3ee;
    --cjc-paper: #fff;
    --cjc-wash: #f6f5f9;
    --cjc-green: #0d6b52;
    --cjc-dark: #14121c;
    --cjc-dark-2: #1c1829;
    --cjc-dark-line: #2b2739;
    --cjc-dark-ink: #e9e6f2;
    --cjc-dark-ink-2: #c9c4d8;
    --cjc-dark-ink-3: #948da9;
}
.cjc-i{ flex: none; vertical-align: middle; }
header #cj-statusbar.cjc-status{
    /* Degrade cale sur le violet de marque (--purple #8f15ff). Le blanc y garde
       un contraste de 5,7:1. */
    background: linear-gradient(100deg, #6d10c4, #7f13e3 55%, #8f15ff);
    color: #fff;
    font-family: inherit;
}
header .cjc-status-in{
    max-width: 1320px;
    margin: 0 auto;
    padding: 9px 24px 8px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
        "claims tel"
        "more   more";
    align-items: center;
    column-gap: 18px;
    row-gap: 7px;
    font-size: 14.5px;
    line-height: 1.35;
}
header .cjc-claims{
    grid-area: claims;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 26px;
    font-weight: 700;
    letter-spacing: .015em;
}
header .cjc-claim{ display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; }
header .cjc-emoji{ font-size: 1.05em; line-height: 1; }
header #cj-statusbar .cjc-tel{
    grid-area: tel;
    justify-self: end;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 5px 14px;
    border-radius: 999px;
    background: rgba(255,255,255,.16);
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    transition: background .16s;
}
header #cj-statusbar .cjc-tel:hover{ background: rgba(255,255,255,.28); }
header #cj-statusbar .cjc-more-in{
    grid-area: more;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px 26px;
    padding-top: 7px;
    border-top: 1px solid rgba(255,255,255,.2);
    font-size: 13.5px;
    font-weight: 500;
}
header #cj-statusbar .cjc-more-in a{
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
}
header #cj-statusbar .cjc-more-in a:hover{ text-decoration: underline; }
header #cj-statusbar .cjc-more-in .cjc-contact{ margin-left: auto; font-weight: 700; }
header #cj-statusbar .cjc-addr-short{ display: none; }
@media (max-width: 1199.98px){
header #cj-statusbar .cjc-addr-full{ display: none; }
header #cj-statusbar .cjc-addr-short{ display: inline; }
}
@media (max-width: 991px){
header .cjc-status-in{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding: 7px 12px 6px;
        gap: 5px 12px;
        font-size: 12.5px;
    }
header .cjc-claims{ width: 100%; gap: 2px 16px; letter-spacing: 0; }
header #cj-statusbar .cjc-tel{ margin-left: auto; padding: 4px 11px; font-size: 12px; }
header #cj-statusbar .cjc-more-in{
        flex: 1 1 auto;
        width: auto;
        gap: 3px 14px;
        padding-top: 0;
        border-top: 0;
        font-size: 11.5px;
    }
header #cj-statusbar .cjc-more-in .cjc-contact{ margin-left: 0; }
}
@media (max-width: 360px){
header .cjc-status-in{ font-size: 11.5px; }
header .cjc-claim{ white-space: normal; }
header #cj-statusbar .cjc-tel{ padding: 3px 9px; }
}
.cjc-hero{ background: var(--cjc-paper); }
.cjc-hero-in{
    max-width: 760px;
    padding: 34px 0 26px;
}
.cjc-hero .cjc-hero-title{
    margin: 0;
    font-size: clamp(1.65rem, 1.15rem + 1.9vw, 2.75rem);
    line-height: 1.14;
    font-weight: 700;
    letter-spacing: -.025em;
    color: var(--cjc-ink);
    text-wrap: balance;
}
.cjc-hero .cjc-hero-sub{
    margin: 10px 0 0;
    font-size: clamp(.92rem, .86rem + .25vw, 1.06rem);
    line-height: 1.5;
    color: var(--cjc-ink-2);
    max-width: 46ch;
}
.cjc-hero-cta{
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 18px;
}
.cjc-hero .cjc-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 48px;
    padding: 0 20px;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: background .16s, border-color .16s;
}
.cjc-hero .cjc-btn-pri{ background: var(--cjc-violet); color: #fff; }
.cjc-hero .cjc-btn-pri:hover{ background: var(--cjc-violet-deep); }
.cjc-hero .cjc-btn-sec{
    background: var(--cjc-paper);
    border: 1px solid var(--cjc-line);
    color: var(--cjc-ink);
}
.cjc-hero .cjc-btn-sec:hover{ border-color: var(--cjc-violet); }
.cjc-hero-shot{
    margin-top: 4px;
    background: linear-gradient(100deg, #ede7fb, #f7f4fd 55%, #efe9fc);
    overflow: hidden;
}
.cjc-hero-shot img{
    display: block;
    width: 100%;
    height: auto;
    max-height: 340px;
    object-fit: cover;
    object-position: center;
}
@media (min-width: 992px){
.cjc-hero{ display: grid; }
.cjc-hero > .container,
    .cjc-hero > .cjc-hero-shot{ grid-area: 1 / 1; }
.cjc-hero{ padding-top: 24px; }
.cjc-hero > .cjc-hero-shot{
        margin-top: 0;
        display: flex;
        justify-content: center;
        /* sans cela l image, etiree a la hauteur de la cellule quand le bloc
           texte est plus haut qu elle, se faisait recadrer par object-fit */
        align-items: center;
    }
.cjc-hero-shot img{ max-width: 1920px; max-height: none; height: auto; }
.cjc-hero > .container{ z-index: 2; align-self: center; }
.cjc-hero-in{
        max-width: 620px;
        margin: 0 auto;
        padding: 30px 0;
        text-align: center;
        /* voile tres leger : le centre du montage est blanc, mais une photo
           fournie plus tard pourrait ne pas l etre. */
        background: radial-gradient(closest-corner, rgba(255,255,255,.97), rgba(255,255,255,.9) 62%, rgba(255,255,255,0));
        border-radius: 24px;
    }
.cjc-hero .cjc-hero-sub{ margin-left: auto; margin-right: auto; }
.cjc-hero-cta{ justify-content: center; }
.cjc-hero-shot img{ max-height: none; }
}
.cjc-tiles{ padding: 30px 0; background: var(--cjc-paper); }
.cjc-tiles + .cjc-tiles{ padding-top: 0; }
.cjc-tiles-head{ margin-bottom: 16px; }
.cjc-tiles .cjc-tiles-head h2{
    margin: 0;
    font-size: clamp(1.12rem, 1rem + .5vw, 1.5rem);
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1.2;
    color: var(--cjc-ink);
}
.cjc-tiles .cjc-tiles-head p{
    margin: 4px 0 0;
    font-size: 13.5px;
    color: var(--cjc-ink-3);
}
.cjc-tiles-grid{
    display: grid;
    /* 2 colonnes sur mobile, comme la grille d'origine en col-6 : les
       libelles (« Mon Mac ne demarre plus ») ne tiennent pas a 3. */
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}
@media (min-width: 768px){
.cjc-tiles-grid{ grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; }
}
.cjc-tiles .cjc-tile{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 92px;
    padding: 14px 8px;
    border: 1px solid var(--cjc-line);
    border-radius: 12px;
    background: var(--cjc-paper);
    color: var(--cjc-ink);
    text-align: center;
    text-decoration: none;
    line-height: 1.25;
    transition: border-color .16s, background .16s, transform .16s;
}
.cjc-tiles .cjc-tile:hover{
    border-color: var(--cjc-violet);
    background: var(--cjc-violet-wash);
}
.cjc-tiles .cjc-tile .cjc-i{ color: var(--cjc-violet); }
.cjc-tiles .cjc-tile span{ font-size: 12.5px; font-weight: 500; }
@media (prefers-reduced-motion: reduce){
.cjc-tiles .cjc-tile,
    .cjc-hero .cjc-btn{ transition: none; }
}
.cjc-footer{
    background: var(--cjc-dark);
    color: var(--cjc-dark-ink);
    padding: 36px 0 0;
    font-family: inherit;
}
.cjc-foot-grid{
    display: grid;
    /* Sur mobile les deux colonnes de liens tiennent cote a cote : 24 ancres
       empilees sur une seule colonne donnaient un pied de page de 1385 px. */
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px 16px;
    padding-bottom: 26px;
    border-bottom: 1px solid var(--cjc-dark-line);
}
.cjc-footer .cjc-foot-brand,
.cjc-footer .cjc-foot-shops{ grid-column: 1 / -1; }
@media (min-width: 700px){
.cjc-foot-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 32px; }
.cjc-footer .cjc-foot-shops{ grid-column: auto; }
}
@media (min-width: 768px){
.cjc-foot-grid{ grid-template-columns: 1.3fr 1fr 1fr 1.25fr; gap: 24px 22px; }
.cjc-footer .cjc-foot-brand{ grid-column: auto; }
}
@media (min-width: 1000px){
.cjc-foot-grid{ grid-template-columns: 1.4fr 1.1fr 1.1fr 1.3fr; gap: 26px 32px; }
}
.cjc-footer .cjc-foot-brand img{
    display: block;
    width: 132px;
    height: auto;
    margin-bottom: 12px;
    /* Le logo du thème est en texte sombre : sur fond foncé on le passe en
       blanc plat. Un vrai logo blanc fourni via le filtre cyberjay_footer_logo
       rendra ce filtre inutile — retirer la ligne ci-dessous le cas échéant. */
    filter: brightness(0) invert(1);
}
.cjc-footer .cjc-foot-brand p{
    margin: 0;
    font-size: 13px;
    line-height: 1.55;
    color: var(--cjc-dark-ink-3);
    max-width: 34ch;
}
.cjc-foot-social{ display: flex; gap: 8px; margin-top: 15px; }
.cjc-footer .cjc-foot-social a{
    width: 34px; height: 34px;
    border-radius: 9px;
    background: var(--cjc-dark-2);
    display: grid; place-items: center;
    color: var(--cjc-dark-ink-2);
    text-decoration: none;
    transition: background .16s, color .16s;
}
.cjc-footer .cjc-foot-social a:hover{ background: var(--cjc-violet); color: #fff; }
.cjc-footer .cjc-foot-col h2{
    margin: 0 0 12px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .13em;
    text-transform: uppercase;
    color: var(--cjc-dark-ink-3);
}
.cjc-footer .cjc-foot-col ul{ list-style: none; margin: 0; padding: 0; }
.cjc-footer .cjc-foot-col li{ margin-bottom: 7px; line-height: 1.35; }
.cjc-footer .cjc-foot-col li a{
    font-size: 13px;
    color: var(--cjc-dark-ink-2);
    text-decoration: none;
    transition: color .16s;
}
.cjc-footer .cjc-foot-col li a:hover{ color: #fff; }
.cjc-footer .cjc-foot-shop{
    display: block;
    padding: 11px 13px;
    margin-bottom: 8px;
    background: var(--cjc-dark-2);
    border: 1px solid var(--cjc-dark-line);
    border-radius: 10px;
    text-decoration: none;
    transition: border-color .16s;
}
.cjc-footer .cjc-foot-shop:hover{ border-color: var(--cjc-violet); }
.cjc-footer .cjc-foot-shop .a{
    display: block;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--cjc-dark-ink);
    line-height: 1.3;
}
.cjc-footer .cjc-foot-shop .h{
    display: block;
    margin-top: 3px;
    font-size: 11.5px;
    color: var(--cjc-dark-ink-3);
    line-height: 1.3;
}
.cjc-footer .cjc-foot-shop .h b.is-open{ color: #5fd3b0; font-weight: 600; }
.cjc-footer .cjc-foot-shop .h b.is-closed{ color: var(--cjc-dark-ink-2); font-weight: 600; }
.cjc-footer .cjc-foot-tel{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 6px;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--cjc-dark-ink);
    text-decoration: none;
}
.cjc-footer .cjc-foot-tel .cjc-i{ color: #b98cff; }
.cjc-foot-legal{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px 14px;
    padding: 16px 0 4px;
    font-size: 11.5px;
    color: var(--cjc-dark-ink-3);
}
.cjc-foot-legal .s{ opacity: .45; }
.cjc-foot-legal-links{
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 7px 16px;
}
.cjc-footer .cjc-foot-legal-links a{
    color: var(--cjc-dark-ink-2);
    text-decoration: none;
}
.cjc-footer .cjc-foot-legal-links a:hover{ color: #fff; text-decoration: underline; }
.cjc-footer .cjc-foot-marques{
    margin: 0;
    padding: 0 0 22px;
    font-size: 10.5px;
    line-height: 1.5;
    color: var(--cjc-dark-ink-3);
    opacity: .8;
}
@media (max-width: 699px){
.cjc-foot-legal-links{ margin-left: 0; width: 100%; }
}
header #cj-statusbar a::before,
header #cj-statusbar a:hover::before{ content: none !important; display: none !important; }
header #cj-statusbar a,
header #cj-statusbar a:hover{
    color: #fff !important;
    font-size: inherit !important;
}
.cjc-hero .cjc-hero-sub.cjc-hero-tags{
    max-width: none;
    font-weight: 600;
    letter-spacing: .01em;
    color: var(--cjc-violet-deep);
    text-wrap: balance;
}
.cjc-hero .cjc-hero-in{ text-align: center; }
.cjc-hero .cjc-hero-sub{ margin-left: auto; margin-right: auto; }
.cjc-hero .cjc-hero-cta{ justify-content: center; }
#solutions.cjc-contacts{ padding: 36px 0 30px; background: var(--cjc-paper); }
.cjc-contacts-grid{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
@media (min-width: 900px){
.cjc-contacts-grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
}
.cjc-contacts .cjc-contact-carte{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 13px;
    padding: 24px 14px 22px;
    border: 1px solid var(--cjc-line);
    border-radius: 18px;
    background: linear-gradient(180deg, #fff 0%, var(--cjc-wash) 100%);
    box-shadow: 0 1px 2px rgba(14,14,19,.04);
    text-align: center;
    font-size: 14.5px;
    line-height: 1.5;
    color: var(--cjc-ink-2);
    transition: transform .18s, box-shadow .18s, border-color .18s;
}
.cjc-contacts .cjc-contact-carte:hover{
    transform: translateY(-3px);
    border-color: var(--cjc-violet);
    box-shadow: 0 16px 32px -18px rgba(143,21,255,.45);
}
.cjc-contacts .cjc-contact-carte p{ margin: 0; }
.cjc-contacts .cjc-contact-ic{
    width: 54px;
    height: 54px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    background: var(--cjc-violet-wash);
    color: var(--cjc-violet);
    box-shadow: inset 0 0 0 1px rgba(143,21,255,.12);
}
#solutions.cjc-contacts .cjc-contact-carte a{
    color: var(--cjc-violet-deep);
    font-weight: 700;
    text-decoration: none;
}
#solutions.cjc-contacts .cjc-contact-carte a:hover{ text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 560px){
.cjc-contacts .cjc-contact-carte{ padding: 18px 10px 16px; font-size: 13px; gap: 10px; }
.cjc-contacts .cjc-contact-ic{ width: 46px; height: 46px; border-radius: 13px; }
}
#information-blocks.cjc-info .row{ row-gap: 18px; }
#information-blocks.cjc-info .row.mt-lg-4{ margin-top: 18px !important; }
#information-blocks.cjc-info .col-lg-6 > a{
    display: block;
    overflow: hidden;
    border-radius: 18px;
    border: 1px solid var(--cjc-line);
    background: var(--cjc-wash);
    box-shadow: 0 1px 2px rgba(14,14,19,.04);
    transition: transform .2s, box-shadow .2s, border-color .2s;
}
#information-blocks.cjc-info .col-lg-6 > a:hover{
    transform: translateY(-4px);
    border-color: transparent;
    box-shadow: 0 22px 44px -22px rgba(14,14,19,.4);
}
#information-blocks.cjc-info .col-lg-6 > a img{
    display: block;
    width: 100%;
    height: auto;
    transition: transform .45s cubic-bezier(.2,.7,.3,1);
}
#information-blocks.cjc-info .col-lg-6 > a:hover img{ transform: scale(1.025); }
@media (max-width: 991.98px){
.page-template-page-home #products .produithome > article{
        flex: 0 0 50%;
        max-width: 50%;
    }
.page-template-page-home #products .produithome > article .h-100{ padding: 18px 10px; }
.page-template-page-home #products .produithome > article h2{ font-size: 14px; }
}
#products .cjc-paypal{
    max-width: 1010px;
    margin: 36px auto 0;
    padding: 20px 24px;
    border-radius: 20px;
    border: 1px solid transparent;
    background:
        linear-gradient(135deg, #fff, #f7f5fc) padding-box,
        linear-gradient(135deg, #e6e3ee, #d3c1f5 60%, #e6e3ee) border-box;
    box-shadow: 0 24px 48px -32px rgba(14,14,19,.35), inset 0 1px 0 #fff;
}
#products .cjc-paypal img{
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
    border-radius: 12px;
}
@media (max-width: 575.98px){
#products .cjc-paypal{ padding: 12px; border-radius: 14px; margin-top: 26px; }
}
#edito-primary.cjc-edito{
    background: var(--cjc-wash);
    padding: 44px 0 40px !important;
}
#edito-primary.cjc-edito #texte-container{ text-align: left !important; }
#edito-primary.cjc-edito .texte{
    position: relative;
    max-width: 1080px;
    margin: 0 auto;
    color: var(--cjc-ink-2);
    font-size: 15px;
    line-height: 1.65;
}
@media (min-width: 900px){
#edito-primary.cjc-edito .texte{ columns: 2; column-gap: 48px; }
}
#edito-primary.cjc-edito .texte > h2:first-child{
    column-span: all;
    position: relative;
    margin: 0 0 22px;
    padding-top: 16px;
    font-size: clamp(1.35rem, 1.1rem + 1vw, 1.9rem);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -.02em;
    color: var(--cjc-ink);
    text-align: left;
    text-wrap: balance;
}
#edito-primary.cjc-edito .texte > h2:first-child::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 44px;
    height: 4px;
    border-radius: 2px;
    background: var(--cjc-violet);
}
#edito-primary.cjc-edito .texte h2{
    margin: 18px 0 8px;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
    color: var(--cjc-violet-deep);
    text-align: left;
    break-after: avoid;
}
#edito-primary.cjc-edito .texte p,
#edito-primary.cjc-edito .texte ul{ margin: 0 0 12px; }
#edito-primary.cjc-edito .texte ul{ padding-left: 20px; }
#edito-primary.cjc-edito .texte li{ margin-bottom: 5px; }
#edito-primary.cjc-edito .texte b{ color: var(--cjc-ink); }
#edito-primary.cjc-edito .texte a{
    color: var(--cjc-violet-deep);
    text-decoration: underline;
    text-decoration-color: rgba(143,21,255,.35);
    text-underline-offset: 3px;
}
#edito-primary.cjc-edito .texte a:hover{ text-decoration-color: currentColor; }
#edito-primary.cjc-edito .texte.collapsed{
    max-height: 440px;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(#000 62%, transparent 100%);
            mask-image: linear-gradient(#000 62%, transparent 100%);
}
#edito-primary.cjc-edito #toggleBtn{
    display: flex !important;
    width: max-content;
    gap: 8px;
    margin: 14px auto 0;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: background .16s;
}
#edito-primary.cjc-edito #toggleBtn:hover,
#edito-primary.cjc-edito #toggleBtn:focus-visible{
    background: var(--cjc-violet-deep) !important;
}
@media (prefers-reduced-motion: reduce){
.cjc-contacts .cjc-contact-carte,
    #information-blocks.cjc-info .col-lg-6 > a,
    #information-blocks.cjc-info .col-lg-6 > a img,
    #edito-primary.cjc-edito #toggleBtn{ transition: none; }
.cjc-contacts .cjc-contact-carte:hover,
    #information-blocks.cjc-info .col-lg-6 > a:hover,
    #information-blocks.cjc-info .col-lg-6 > a:hover img{ transform: none; }
}
#information-blocks.cjc-info .cjc-blogcard{
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    overflow: hidden;
    border-radius: 18px;
    border: 1px solid var(--cjc-line);
    background:
        radial-gradient(120% 90% at 100% 0%, #fff 0%, rgba(255,255,255,0) 60%),
        linear-gradient(135deg, #f3ecfc 0%, #f8f5fd 55%, #fff 100%);
    box-shadow: 0 1px 2px rgba(14,14,19,.04);
    color: var(--cjc-ink);
    transition: transform .2s, box-shadow .2s;
}
#information-blocks.cjc-info .cjc-blogcard:hover{
    transform: translateY(-4px);
    box-shadow: 0 22px 44px -22px rgba(14,14,19,.4);
}
@media (min-width: 992px){
#information-blocks.cjc-info .cjc-blogcard{
        grid-template-columns: 42% minmax(0, 1fr);
        aspect-ratio: 697 / 418;
    }
}
#information-blocks.cjc-info .cjc-blogcard-visuel{
    margin: 0;
    height: 200px;
    overflow: hidden;
}
#information-blocks.cjc-info .cjc-blogcard-visuel img{
    display: block;
    width: 100%;
    max-width: none;
    height: 100%;
    object-fit: cover;
    object-position: 50% 35%;
}
@media (min-width: 992px){
#information-blocks.cjc-info .cjc-blogcard-visuel{
        height: auto;
        -webkit-mask-image: linear-gradient(90deg, #000 72%, transparent 100%);
                mask-image: linear-gradient(90deg, #000 72%, transparent 100%);
    }
#information-blocks.cjc-info .cjc-blogcard-visuel img{ width: 100%; object-position: 50% 50%; }
}
#information-blocks.cjc-info .cjc-blogcard-corps{
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 22px 24px 22px 8px;
    min-width: 0;
}
@media (max-width: 991.98px){
#information-blocks.cjc-info .cjc-blogcard-corps{ padding: 6px 20px 22px; }
}
#information-blocks.cjc-info .cjc-blogcard-sur{
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--cjc-violet-deep);
}
#information-blocks.cjc-info .cjc-blogcard-titre{
    margin: 0;
    font-size: clamp(1.15rem, 1rem + .6vw, 1.45rem);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -.02em;
    color: var(--cjc-ink);
    text-align: left;
    text-wrap: balance;
}
#information-blocks.cjc-info .cjc-blogcard-sous{
    margin: 0 0 6px;
    font-size: 14px;
    line-height: 1.4;
    color: var(--cjc-ink-2);
}
#information-blocks.cjc-info .cjc-blogcard-sous strong{
    color: var(--cjc-violet-deep);
    text-transform: uppercase;
    letter-spacing: .03em;
    font-size: 12.5px;
}
#information-blocks.cjc-info .cjc-blogcard-liste{
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid var(--cjc-line);
}
#information-blocks.cjc-info .cjc-blogcard-liste li{
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 0;
    border-bottom: 1px solid var(--cjc-line);
    font-size: 13.5px;
    line-height: 1.35;
}
#information-blocks.cjc-info .cjc-blogcard-liste a{
    color: var(--cjc-ink);
    text-decoration: none;
    font-weight: 500;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
#information-blocks.cjc-info .cjc-blogcard-liste a:hover{ color: var(--cjc-violet-deep); }
#information-blocks.cjc-info .cjc-blogcard-liste time{
    flex: none;
    font-size: 11.5px;
    color: var(--cjc-ink-3);
    font-variant-numeric: tabular-nums;
}
#information-blocks.cjc-info .cjc-blogcard-btn{
    align-self: flex-start;
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 18px;
    border-radius: 999px;
    background: var(--cjc-violet);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: background .16s, gap .16s;
}
#information-blocks.cjc-info .cjc-blogcard-btn:hover{
    background: var(--cjc-violet-deep);
    color: #fff;
    gap: 12px;
}
#information-blocks.cjc-info .cjc-blogcard-btn::after{
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 18px;
}
#information-blocks.cjc-info .cjc-blogcard-liste{ position: relative; z-index: 1; }
@media (prefers-reduced-motion: reduce){
#information-blocks.cjc-info .cjc-blogcard,
    #information-blocks.cjc-info .cjc-blogcard-btn{ transition: none; }
#information-blocks.cjc-info .cjc-blogcard:hover{ transform: none; }
}

/* --- css/chrome-v2.css --- */
body.cjh-v2{
    --cj2-violet: #8f15ff;
    --cj2-violet-fonce: #6a0fd1;
    --cj2-violet-10: #f4eeff;
    --cj2-violet-20: #e9ddff;
    --cj2-encre: #140d22;
    --cj2-texte: #1c1629;
    --cj2-texte-2: #5b5470;
    --cj2-filet: #e7dff5;
    --cj2-fond: #f7f5fb;
    --cj2-vert: #12a150;
    padding-top: 0 !important;
}
html:has(body.cjh-v2){ scroll-padding-top: 96px; }
body.cjh-v2 header.cjh{
    position: sticky !important;
    top: calc(-1 * var(--cjh-rail, 0px)) !important;
    left: auto !important;
    width: 100% !important;
    z-index: 1000 !important;
    background: transparent !important;
    box-shadow: none !important;
    animation: none !important;   /* slideInDown de header.fixed-header */
}
body.cjh-v2 header.cjh #top-menu{ pointer-events: none; }
body.cjh-v2 header.cjh #top-menu > .container{ pointer-events: auto; }
body.cjh-v2 header.cjh.fixed-header{ position: sticky !important; }
body.cjh-v2 header.cjh .cjh-rail{
    background: var(--cj2-violet);
    color: #fff;
    font-size: 11.8px;
    line-height: 1.35;
}
@media (min-width: 1560px){
body.cjh-v2 header.cjh .cjh-rail{ font-size: 12.5px; }
}
body.cjh-v2 header.cjh .cjh-rail-in{
    max-width: 1480px;
    margin: 0 auto;
    padding: 7px 14px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px 7px;
}
body.cjh-v2 header.cjh .cjh-claim{
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-weight: 600;
    letter-spacing: 0;
    white-space: nowrap;
}
body.cjh-v2 header.cjh .cjh-etat{
    flex: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 10px 3px 7px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .14);
    font-weight: 500;
    letter-spacing: .01em;
    white-space: nowrap;
}
body.cjh-v2 header.cjh .cjc-emoji{ font-size: 1.05em; line-height: 1; }
body.cjh-v2 header.cjh .cjh-adr{
    display: inline-flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
}
body.cjh-v2 header.cjh .cjh-rail .cjc-i{
    width: 13px;
    height: 13px;
    flex: none;
}
body.cjh-v2 header.cjh .cjh-rail-fin{
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}
body.cjh-v2 header.cjh .cjh-rail a,
body.cjh-v2 header.cjh .cjh-rail a:hover{
    color: #fff !important;
    font-size: inherit !important;
    text-decoration: none;
}
body.cjh-v2 header.cjh .cjh-rail a:hover span,
body.cjh-v2 header.cjh .cjh-adr a:hover{
    text-decoration: underline;
    text-underline-offset: 3px;
}
body.cjh-v2 header.cjh .cjh-rail-lien{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 500;
    white-space: nowrap;
}
@media (min-width: 992px){
body.cjh-v2 #top-menu{
        display: block;
        height: auto;
        padding: 12px 16px 0;
        background: transparent;
    }
body.cjh-v2 #top-menu > .container{
        position: relative;
        z-index: 2;
        max-width: 1320px;
        width: 100%;
        margin: 0 auto;
        padding: 8px 10px 8px 14px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        background: rgba(255, 255, 255, .92);
        -webkit-backdrop-filter: saturate(1.4) blur(14px);
        backdrop-filter: saturate(1.4) blur(14px);
        border: 1px solid var(--cj2-filet);
        border-radius: 18px;
        box-shadow: 0 10px 30px -18px rgba(40, 10, 80, .35);
        transition: box-shadow .25s, background .25s;
    }
body.cjh-v2 header.cjh.cjh-serre #top-menu > .container{
        background: rgba(255, 255, 255, .97);
        box-shadow: 0 16px 36px -16px rgba(40, 10, 80, .45);
    }
body.cjh-v2 #top-menu > .container > a.order-1{ flex: none; display: block; }
body.cjh-v2 #top-menu > .container > a.order-1 img{
        display: block;
        width: auto;
        height: 46px;
        border-radius: 10px;
    }
body.cjh-v2 #top-menu #open-mobile{ display: none; }
body.cjh-v2 #top-menu nav.cjm{
        flex: 1 1 auto;
        width: auto;
        min-width: 0;
    }
body.cjh-v2 #top-menu nav.cjm > ul.cjm-nav{
        align-items: center;
        justify-content: center;
        gap: 2px;
        padding: 0;
    }
body.cjh-v2 #top-menu nav.cjm > ul > li{
        height: auto;
        align-items: center;
    }
body.cjh-v2 #top-menu nav.cjm > ul > li > a.cjm-top{
        height: 40px;
        min-height: 0;
        padding: 0 10px;
        gap: 6px;
        border-radius: 12px;
        font-size: 14px !important;
        font-weight: 500;
        color: var(--cj2-texte) !important;
        transition: background .15s, color .15s, box-shadow .15s;
    }
body.cjh-v2 #top-menu nav.cjm > ul > li > a.cjm-top::after{ display: none; }
body.cjh-v2 #top-menu nav.cjm > ul > li > a.cjm-top:hover,
    body.cjh-v2 #top-menu nav.cjm > ul > li > a.cjm-top:focus-visible{
        background: var(--cj2-violet-10);
        color: var(--cj2-violet-fonce) !important;
    }
body.cjh-v2 #top-menu nav.cjm > ul > li > a.cjm-top[aria-expanded="true"]{
        background: var(--cj2-violet-10);
        box-shadow: inset 0 0 0 1px var(--cj2-violet-20);
        color: var(--cj2-violet-fonce) !important;
    }
body.cjh-v2 #top-menu nav.cjm #cjm-rep-t{ padding: 0 9px 0 12px; }
body.cjh-v2 #top-menu nav.cjm .cjm-chev{ opacity: .55; }
body.cjh-v2 #top-menu nav.cjm #espacePro > a.cjm-top.cjh-pro{
        margin-left: 6px;
        padding: 0 13px;
        border: 1.5px solid var(--cj2-encre);
        color: var(--cj2-encre) !important;
        font-weight: 600;
    }
body.cjh-v2 #top-menu nav.cjm #espacePro > a.cjm-top.cjh-pro:hover,
    body.cjh-v2 #top-menu nav.cjm #espacePro > a.cjm-top.cjh-pro:focus-visible{
        background: var(--cj2-encre);
        color: #fff !important;
    }
body.cjh-v2 #top-menu nav.cjm .cjh-pro .cjm-i{ width: 16px; height: 16px; }
body.cjh-v2 #top-menu nav.cjm > ul > li > a.cjm-top[href*="astuces-reparation-apple"]{
        margin-left: 6px;
        padding: 0 13px;
        border: 1.5px solid var(--cj2-violet);
        border-radius: 12px;   /* le meme rayon qu Espace pro : meme principe, autre couleur */
        color: var(--cj2-violet-fonce) !important;
        font-weight: 600;
    }
body.cjh-v2 #top-menu nav.cjm > ul > li > a.cjm-top[href*="astuces-reparation-apple"]:hover,
    body.cjh-v2 #top-menu nav.cjm > ul > li > a.cjm-top[href*="astuces-reparation-apple"]:focus-visible{
        background: var(--cj2-violet);
        color: #fff !important;
    }
body.cjh-v2 #top-menu #tools{
        flex: none;
        padding: 0;
    }
body.cjh-v2 #top-menu #tools ul{
        display: flex;
        align-items: center;
        gap: 2px;
        margin: 0;
        padding: 0;
    }
body.cjh-v2 #top-menu #tools li{
        height: auto;
        padding: 0;
        margin: 0;
    }
body.cjh-v2 #top-menu #tools li a{
        position: relative;
        width: 40px;
        height: 40px;
        display: grid;
        place-items: center;
        border-radius: 12px;
        transition: background .15s;
    }
body.cjh-v2 #top-menu #tools li a:hover{ background: var(--cj2-violet-10); }
body.cjh-v2 #top-menu #tools li img{
        width: 20px;
        height: 20px;
    }
body.cjh-v2 #top-menu #tools #cart-count{
        position: absolute;
        top: 2px;
        right: 0;
        min-width: 18px;
        height: 18px;
        margin: 0;
        padding: 0 5px;
        display: grid;
        place-items: center;
        border: 2px solid #fff;
        border-radius: 999px;
        background: var(--cj2-violet);
        color: #fff;
        font-size: 10.5px;
        font-weight: 600;
        line-height: 1;
    }
body.cjh-v2 #top-menu #tools #cart-count:empty{ display: none; }
body.cjh-v2 #top-menu #tools li a.cjh-appel{
        width: auto;
        height: 42px;
        margin-left: 6px;
        padding: 0 16px;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        border-radius: 14px;
        background: var(--cj2-violet);
        color: #fff;
        font-size: 14.5px;
        font-weight: 600;
        white-space: nowrap;
        text-decoration: none;
        box-shadow: 0 8px 18px -10px rgba(143, 21, 255, .8);
        transition: background .15s, transform .15s;
    }
body.cjh-v2 #top-menu #tools li a.cjh-appel:hover{
        background: var(--cj2-violet-fonce);
        transform: translateY(-1px);
    }
body.cjh-v2 #top-menu .cjh-appel-i{
        fill: none;
        stroke: currentColor;
        flex: none;
    }
body.cjh-v2 #top-menu nav.cjm .cjm-panel.cjh-panneau{
        left: 0;
        right: 0;
        top: calc(100% + 10px);
        max-height: calc(100vh - 140px);
        overflow-y: auto;
        overscroll-behavior: contain;
        background: #fff;
        border: 1px solid var(--cj2-filet);
        border-radius: 22px;
        box-shadow: 0 40px 80px -40px rgba(30, 8, 60, .45);
        pointer-events: none;
    }
body.cjh-v2 #top-menu nav.cjm .cjm-top[aria-expanded="true"] + .cjm-panel.cjh-panneau{
        pointer-events: auto;
    }
body.cjh-v2 #top-menu .cjh-grille{
        display: grid;
        grid-template-columns: 1.25fr 1fr .8fr;
    }
body.cjh-v2 #top-menu .cjh-zone{ padding: 24px 26px; min-width: 0; }
body.cjh-v2 #top-menu .cjh-zone + .cjh-zone{ border-left: 1px solid var(--cj2-filet); }
body.cjh-v2 #top-menu .cjh-zone-atelier{ background: var(--cj2-fond); }
body.cjh-v2 #top-menu .cjm-scrim{
        position: fixed;
        inset: 0;
        top: 0;
        height: auto;
        z-index: 1;
        background: rgba(20, 13, 34, .16);
    }
}
body.cjh-v2 #top-menu nav.cjm .cjh-panneau .cjm-zone{
    margin: 0 0 14px;
    font-size: 11.5px;
    letter-spacing: .09em;
    color: var(--cj2-texte-2);
}
body.cjh-v2 #top-menu nav.cjm .cjh-panneau .cjm-sub{
    margin: 16px 0 8px;
    font-size: 12.5px;
    color: var(--cj2-texte);
}
body.cjh-v2 #top-menu nav.cjm .cjh-panneau .cjm-zone + .cjm-sub{ margin-top: 0; }
body.cjh-v2 #top-menu .cjh-tuiles{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}
body.cjh-v2 #top-menu .cjh-tuile{ position: relative; min-width: 0; }
body.cjh-v2 #top-menu nav.cjm .cjh-tuile > a{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    height: 100%;
    min-height: 112px;
    padding: 12px 12px 30px;
    border: 1px solid transparent;
    border-radius: 14px;
    background: var(--cj2-fond);
    font-size: 13.5px !important;
    font-weight: 600;
    line-height: 1.25;
    color: var(--cj2-texte) !important;
    text-decoration: none;
    overflow-wrap: anywhere;
    transition: border-color .15s, background .15s, transform .15s;
}
body.cjh-v2 #top-menu nav.cjm .cjh-tuile > a:hover,
body.cjh-v2 #top-menu nav.cjm .cjh-tuile > a:focus-visible{
    background: #fff;
    border-color: var(--cj2-violet-20);
    transform: translateY(-2px);
}
body.cjh-v2 #top-menu .cjh-pic{
    width: 36px;
    height: 36px;
    flex: none;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: #fff;
    color: var(--cj2-violet);
}
body.cjh-v2 #top-menu .cjh-tuile > a:hover .cjh-pic{ background: var(--cj2-violet-10); }
body.cjh-v2 #top-menu .cjh-prix{
    position: absolute;
    left: 13px;
    bottom: 10px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--cj2-violet-fonce);
    font-variant-numeric: tabular-nums;
    pointer-events: none;
    transition: transform .15s;
}
body.cjh-v2 #top-menu .cjh-tuile > a:hover + .cjh-prix{ transform: translateY(-2px); }
body.cjh-v2 #top-menu .cjh-entrees{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 10px;
}
body.cjh-v2 #top-menu .cjh-entree{
    position: relative;
    min-width: 0;
    display: grid;
}
body.cjh-v2 #top-menu .cjh-entree > *{ grid-area: 1 / 1; }
body.cjh-v2 #top-menu nav.cjm .cjh-entree > a{
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-height: 66px;
    padding: 12px 14px;
    border-radius: 14px;
    background: var(--cj2-encre);
    font-size: 14px !important;
    font-weight: 600;
    line-height: 1.3;
    color: #fff !important;
    text-decoration: none;
    transition: transform .15s, box-shadow .15s;
}
body.cjh-v2 #top-menu nav.cjm .cjh-entree:nth-child(2) > a{ background: var(--cj2-violet); }
body.cjh-v2 #top-menu nav.cjm .cjh-entree > a:hover,
body.cjh-v2 #top-menu nav.cjm .cjh-entree > a:focus-visible{
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 16px 30px -18px rgba(30, 8, 60, .7);
}
body.cjh-v2 #top-menu nav.cjm .cjh-entree .cjm-i{
    width: 22px;
    height: 22px;
    color: #fff;
}
body.cjh-v2 #top-menu .cjh-sous{
    position: relative;
    align-self: start;
    padding: 34px 12px 12px 48px;
    font-size: 12px;
    line-height: 1.25;
    color: #fff;
    opacity: .8;
    pointer-events: none;
    transition: transform .15s;
}
body.cjh-v2 #top-menu .cjh-entree > a:hover + .cjh-sous{ transform: translateY(-2px); }
body.cjh-v2 #top-menu .cjh-puces{
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
body.cjh-v2 #top-menu nav.cjm .cjh-puces > a{
    display: inline-block;
    padding: 6px 11px;
    border: 1px solid var(--cj2-filet);
    border-radius: 999px;
    background: #fff;
    font-size: 13px !important;
    font-weight: 500;
    line-height: 1.35;
    color: var(--cj2-texte) !important;
    text-decoration: none;
    transition: border-color .15s, background .15s, color .15s;
}
body.cjh-v2 #top-menu nav.cjm .cjh-puces > a.cjh-expert{
    background: var(--cj2-fond);
}
body.cjh-v2 #top-menu nav.cjm .cjh-puces > a:hover,
body.cjh-v2 #top-menu nav.cjm .cjh-puces > a:focus-visible{
    border-color: var(--cj2-violet);
    background: var(--cj2-violet-10);
    color: var(--cj2-violet-fonce) !important;
}
body.cjh-v2 #top-menu .cjh-assur{
    display: grid;
    gap: 9px;
    margin: 0 0 18px;
    font-size: 13.5px;
    line-height: 1.35;
    color: var(--cj2-texte);
}
body.cjh-v2 #top-menu .cjh-assur > span{
    display: flex;
    align-items: center;
    gap: 10px;
}
body.cjh-v2 #top-menu .cjh-assur .cjm-i{ color: var(--cj2-violet); }
body.cjh-v2 #top-menu .cjh-assur b{ font-weight: 600; }
body.cjh-v2 #top-menu .cjh-boutique{
    position: relative;
    display: grid;
    margin-bottom: 8px;
}
body.cjh-v2 #top-menu .cjh-boutique > *{ grid-area: 1 / 1; }
body.cjh-v2 #top-menu nav.cjm .cjh-boutique > a{
    display: block;
    padding: 11px 12px;
    border: 1px solid var(--cj2-filet);
    border-radius: 12px;
    background: #fff;
    font-size: 13.5px !important;
    font-weight: 600;
    line-height: 1.3;
    color: var(--cj2-texte) !important;
    text-decoration: none;
    transition: border-color .15s;
}
body.cjh-v2 #top-menu nav.cjm .cjh-boutique > a:hover,
body.cjh-v2 #top-menu nav.cjm .cjh-boutique > a:focus-visible{
    border-color: var(--cj2-violet);
}
body.cjh-v2 #top-menu .cjh-boutique sup{ font-size: .65em; }
body.cjh-v2 #top-menu .cjh-statut{
    position: relative;
    align-self: start;
    justify-self: start;
    padding: 34px 12px 11px 13px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    line-height: 1.2;
    white-space: nowrap;
    pointer-events: none;
}
body.cjh-v2 #top-menu .cjh-statut::before{
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
}
body.cjh-v2 #top-menu .cjh-statut.is-open{ color: var(--cj2-vert); }
body.cjh-v2 #top-menu .cjh-statut.is-closed{ color: var(--cj2-texte-2); }
body.cjh-v2 #top-menu nav.cjm .cjh-panneau .cjm-all{
    width: auto;
    margin: 12px 0 0;
    padding: 0;
    border: 0;
    text-align: left;
}
body.cjh-v2 #top-menu nav.cjm .cjh-panneau .cjm-all a,
body.cjh-v2 #top-menu nav.cjm .cjh-panneau .cjm-all a:hover{
    font-size: 14px !important;
    font-weight: 600;
    color: var(--cj2-violet-fonce) !important;
}
@media (min-width: 1560px){
body.cjh-v2 header.cjh .cjh-rail-in{ max-width: 1560px; font-size: 12.5px; }
body.cjh-v2 #top-menu > .container{ max-width: 1440px; }
body.cjh-v2 #top-menu nav.cjm > ul > li > a.cjm-top{ padding: 0 12px; font-size: 14.5px !important; }
body.cjh-v2 #top-menu nav.cjm #cjm-rep-t{ padding: 0 10px 0 13px; }
}
@media (max-width: 1400px) and (min-width: 992px){
body.cjh-v2 #top-menu .cjh-appel-txt{
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
    }
body.cjh-v2 #top-menu #tools li a.cjh-appel{ width: 42px; padding: 0; justify-content: center; }
body.cjh-v2 #top-menu nav.cjm .cjh-pro .cjm-i{ display: none; }
}
@media (max-width: 1240px) and (min-width: 992px){
body.cjh-v2 header.cjh .cjh-rail-in{ padding: 6px 16px; }
body.cjh-v2 #top-menu > .container > a.order-1 img{ height: 40px; }
body.cjh-v2 #top-menu nav.cjm > ul > li > a.cjm-top{ padding: 0 7px; font-size: 13.5px !important; }
body.cjh-v2 #top-menu nav.cjm #cjm-rep-t{ padding: 0 6px 0 9px; }
body.cjh-v2 #top-menu nav.cjm #espacePro > a.cjm-top.cjh-pro{ margin-left: 4px; padding: 0 10px; }
body.cjh-v2 #top-menu nav.cjm > ul > li > a.cjm-top[href*="astuces-reparation-apple"]{ margin-left: 4px; padding: 0 10px; }
body.cjh-v2 #top-menu .cjh-grille{ grid-template-columns: 1.3fr 1fr; }
body.cjh-v2 #top-menu .cjh-zone-atelier{
        grid-column: 1 / -1;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 10px 16px;
        border-left: 0 !important;
        border-top: 1px solid var(--cj2-filet);
    }
body.cjh-v2 #top-menu .cjh-zone-atelier .cjh-assur{ margin: 0; flex: 1 1 220px; }
body.cjh-v2 #top-menu .cjh-zone-atelier .cjh-boutique{ flex: 1 1 220px; margin: 0; }
body.cjh-v2 #top-menu nav.cjm .cjh-zone-atelier .cjm-all{ flex: 1 0 100%; margin-top: 0; }
}
@media (max-width: 1100px) and (min-width: 992px){
body.cjh-v2 #top-menu{ padding-left: 10px; padding-right: 10px; }
body.cjh-v2 #top-menu > .container{ gap: 6px; padding: 7px 8px 7px 10px; }
body.cjh-v2 #top-menu > .container > a.order-1 img{ height: 36px; }
body.cjh-v2 #top-menu nav.cjm > ul.cjm-nav{ gap: 0; }
body.cjh-v2 #top-menu nav.cjm > ul > li > a.cjm-top{ padding: 0 5px; font-size: 13px !important; gap: 4px; }
body.cjh-v2 #top-menu nav.cjm #cjm-rep-t{ padding: 0 5px 0 7px; }
body.cjh-v2 #top-menu nav.cjm #espacePro > a.cjm-top.cjh-pro{ margin-left: 2px; padding: 0 8px; }
body.cjh-v2 #top-menu nav.cjm > ul > li > a.cjm-top[href*="astuces-reparation-apple"]{ margin-left: 2px; padding: 0 8px; }
body.cjh-v2 #top-menu #tools ul{ gap: 0; }
body.cjh-v2 #top-menu #tools li a{ width: 36px; height: 36px; }
body.cjh-v2 #top-menu #tools li img{ width: 18px; height: 18px; }
body.cjh-v2 #top-menu #tools li a.cjh-appel{ width: 38px; height: 38px; margin-left: 4px; border-radius: 12px; }
body.cjh-v2 #top-menu .cjh-tuiles{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
body.cjh-v2 #top-menu nav.cjm .cjh-tuile > a{ min-height: 0; flex-direction: row; align-items: center; }
}
@media (max-width: 991px){
body.cjh-v2 header.cjh.cjh-tiroir{ z-index: 100001 !important; }
body.cjh-v2 header.cjh .cjh-rail{ font-size: 11.5px; }
body.cjh-v2 header.cjh .cjh-rail-in{
        flex-wrap: nowrap;
        gap: 12px;
        padding: 7px 12px;
        overflow-x: auto;
        white-space: nowrap;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        /* Fondu à droite : on devine que le ruban défile au doigt. */
        -webkit-mask-image: linear-gradient(90deg, #000 88%, transparent);
        mask-image: linear-gradient(90deg, #000 88%, transparent);
    }
body.cjh-v2 header.cjh .cjh-rail-in::-webkit-scrollbar{ display: none; }
body.cjh-v2 header.cjh .cjh-rail.cjh-rail-anime{ overflow: hidden; }
body.cjh-v2 header.cjh .cjh-rail.cjh-rail-anime .cjh-rail-in{
        width: max-content;
        max-width: none;
        overflow: visible;
        -webkit-mask-image: none;
        mask-image: none;
        animation: cjh-ruban 32s linear infinite;
    }
body.cjh-v2 header.cjh .cjh-rail.cjh-rail-anime:hover .cjh-rail-in,
    body.cjh-v2 header.cjh .cjh-rail.cjh-rail-anime:active .cjh-rail-in,
    body.cjh-v2 header.cjh .cjh-rail.cjh-rail-anime:focus-within .cjh-rail-in{
        animation-play-state: paused;
    }
body.cjh-v2 header.cjh .cjh-rail-fin{ margin-left: 0; gap: 12px; }
body.cjh-v2 #top-menu{
        height: auto;
        padding: 8px 8px 0;
        background: transparent;
    }
body.cjh-v2 #top-menu > .container{
        max-width: none;
        margin: 0;
        padding: 6px 6px 6px 10px;
        display: flex;
        align-items: center;
        gap: 4px;
        background: rgba(255, 255, 255, .97);
        border: 1px solid var(--cj2-filet);
        border-radius: 16px;
        box-shadow: 0 10px 26px -18px rgba(40, 10, 80, .4);
    }
body.cjh-v2 #top-menu > .container > a.order-1{ margin-right: auto; }
body.cjh-v2 #top-menu > .container > a.order-1 img{
        display: block;
        width: auto;
        height: 38px;
        border-radius: 9px;
    }
body.cjh-v2 #top-menu #tools,
    body.cjh-v2 #top-menu #tools li{ margin: 0; padding: 0; height: auto; }
body.cjh-v2 #top-menu #tools ul{ display: flex; align-items: center; gap: 2px; }
body.cjh-v2 #top-menu #tools li a{
        position: relative;
        width: 40px;
        height: 40px;
        display: grid;
        place-items: center;
        border-radius: 12px;
    }
body.cjh-v2 #top-menu #tools li img{ width: 22px; height: 22px; }
body.cjh-v2 #top-menu #tools #cart-count{
        position: absolute;
        top: 1px;
        right: -1px;
        min-width: 17px;
        height: 17px;
        margin: 0;
        padding: 0 4px;
        display: grid;
        place-items: center;
        border: 2px solid #fff;
        border-radius: 999px;
        background: var(--cj2-violet);
        color: #fff;
        font-size: 10px;
        font-weight: 600;
        line-height: 1;
    }
body.cjh-v2 #top-menu #tools #cart-count:empty{ display: none; }
body.cjh-v2 #top-menu #tools .cjh-appel-li{ display: none; }
body.cjh-v2 #top-menu #open-mobile{
        width: 40px;
        height: 40px;
        display: grid;
        place-items: center;
        border-radius: 12px;
        cursor: pointer;
    }
body.cjh-v2 #top-menu #open-mobile img{ width: 24px; height: auto; margin: 0; }
body.cjh-v2 #top-menu nav.cjm{ background: var(--cj2-fond); }
body.cjh-v2 #top-menu nav.cjm > ul > li > a.cjm-top{
        font-size: 15px !important;
        color: var(--cj2-texte) !important;
    }
body.cjh-v2 #top-menu nav.cjm #espacePro{ border-bottom: 0; }
body.cjh-v2 #top-menu nav.cjm #espacePro > a.cjm-top.cjh-pro{
        justify-content: center;
        gap: 8px;
        margin: 14px 0 0;
        min-height: 50px;
        border-radius: 14px;
        background: var(--cj2-encre);
        color: #fff !important;
        font-weight: 600;
    }
body.cjh-v2 #top-menu nav.cjm .cjm-panel.cjh-panneau{
        background: #fff;
        border: 1px solid var(--cj2-filet);
        border-radius: 16px;
    }
body.cjh-v2 #top-menu .cjh-grille{ display: block; }
body.cjh-v2 #top-menu .cjh-zone{ padding: 14px 12px; }
body.cjh-v2 #top-menu .cjh-zone + .cjh-zone{ border-top: 1px solid var(--cj2-filet); }
body.cjh-v2 #top-menu .cjh-tuiles{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
body.cjh-v2 #top-menu nav.cjm .cjh-tuile > a{ min-height: 100px; }
body.cjh-v2 #top-menu .cjh-entrees{ grid-template-columns: minmax(0, 1fr); }
body.cjh-v2 #top-menu nav.cjm .cjh-puces > a{ padding: 8px 12px; }
}
@media (max-width: 340px){
body.cjh-v2 #top-menu .cjh-tuiles{ grid-template-columns: minmax(0, 1fr); }
}
body.cjh-v2 footer.cjf{
    position: relative;
    isolation: isolate;
    overflow: hidden;
    margin: 0;
    padding: 0;
    text-align: left;
    color: #d8cfee;
    background: #0c0716;
    font-size: 14px;
    line-height: 1.5;
}
body.cjh-v2 footer.cjf::before{
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180' fill='none' stroke='%23b98cff' stroke-width='1.3' stroke-linecap='round'%3E%3Cpath d='M0 40h40l20 20h50l15-15h55M0 120h30l25-25h35M90 95v40l20 20h70M60 0v25l-15 15M140 0v30l20 20v60M20 180v-30l30-30h40M120 180v-20'/%3E%3Cg fill='%23b98cff' stroke='none'%3E%3Ccircle cx='40' cy='40' r='3'/%3E%3Ccircle cx='110' cy='60' r='3'/%3E%3Ccircle cx='90' cy='95' r='3.5'/%3E%3Ccircle cx='160' cy='110' r='3'/%3E%3Ccircle cx='50' cy='120' r='3'/%3E%3Ccircle cx='120' cy='160' r='3'/%3E%3C/g%3E%3Cg stroke-width='1.6'%3E%3Crect x='128' y='70' width='18' height='12' rx='2'/%3E%3Crect x='66' y='140' width='14' height='10' rx='2'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 180px 180px;
    opacity: .36;
    -webkit-mask-image: radial-gradient(120% 90% at 70% 10%, #000 20%, transparent 75%);
    mask-image: radial-gradient(120% 90% at 70% 10%, #000 20%, transparent 75%);
}
body.cjh-v2 footer.cjf::after{
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        radial-gradient(55% 45% at 85% 12%, rgba(143, 21, 255, .38), transparent 70%),
        radial-gradient(40% 35% at 5% 95%, rgba(143, 21, 255, .22), transparent 70%);
}
body.cjh-v2 footer.cjf .cjf-in{
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 24px;
}
body.cjh-v2 footer.cjf .cjf-defile{
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    background: var(--cj2-violet);
    color: #fff;
}
body.cjh-v2 footer.cjf .cjf-piste{
    display: inline-flex;
    animation: cjf-defile 40s linear infinite;
}
body.cjh-v2 footer.cjf .cjf-defile:hover .cjf-piste{ animation-play-state: paused; }
body.cjh-v2 footer.cjf .cjf-piste > span{
    display: inline-flex;
    align-items: center;
    gap: 22px;
    padding: 13px 0 13px 22px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .02em;
}
body.cjh-v2 footer.cjf .cjf-piste > span::after{
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 2px;
    background: #fff;
    opacity: .55;
    transform: rotate(45deg);
}
@keyframes cjf-defile{ to { transform: translateX(-50%); } }
@keyframes cjh-ruban{ to { transform: translateX(calc(-1 * var(--cjh-ruban, 50%))); } }
@media (prefers-reduced-motion: reduce){
body.cjh-v2 header.cjh .cjh-rail.cjh-rail-anime .cjh-rail-in{
        width: auto;
        overflow-x: auto;
        animation: none;
        -webkit-mask-image: linear-gradient(90deg, #000 88%, transparent);
        mask-image: linear-gradient(90deg, #000 88%, transparent);
    }
body.cjh-v2 header.cjh .cjh-rail-copie{ display: none; }
}
@media (min-width: 992px){
body.cjh-v2 header.cjh .cjh-rail.cjh-rail-anime{ overflow: visible; }
body.cjh-v2 header.cjh .cjh-rail.cjh-rail-anime .cjh-rail-in{
        width: auto;
        animation: none;
    }
body.cjh-v2 header.cjh .cjh-rail-copie{ display: none; }
}
body.cjh-v2 footer.cjf .cjf-haut{
    display: grid;
    grid-template-columns: 1.05fr 1fr;
    align-items: center;
    gap: 56px;
    padding: 76px 0 60px;
}
body.cjh-v2 footer.cjf p.cjf-phrase{
    margin: 0 0 28px;
    font-size: clamp(26px, 2.7vw, 40px);
    font-weight: 600;
    line-height: 1.16;
    letter-spacing: -.015em;
    color: #fff;
    text-wrap: balance;
}
body.cjh-v2 footer.cjf .cjf-phrase em{
    font-style: normal;
    color: transparent;
    background: linear-gradient(90deg, #fff 0%, #d9b8ff 55%, #a855f7 100%);
    -webkit-background-clip: text;
    background-clip: text;
}
body.cjh-v2 footer.cjf .cjf-doux{ color: #b7abd0; font-weight: 500; }
body.cjh-v2 footer.cjf .cjf-actions{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
}
body.cjh-v2 footer.cjf a.cjf-appel{
    display: inline-flex;
    align-items: center;
    gap: 14px;
    margin: 0 !important;
    padding: 8px 22px 8px 8px !important;
    border-radius: 999px;
    background: #fff;
    color: var(--cj2-encre);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .01em;
    text-decoration: none !important;
    white-space: nowrap;
    box-shadow: 0 18px 40px -18px rgba(143, 21, 255, .9);
    transition: transform .2s, box-shadow .2s;
}
body.cjh-v2 footer.cjf a.cjf-appel:hover{
    transform: translateY(-2px);
    box-shadow: 0 24px 50px -18px rgba(143, 21, 255, 1);
}
body.cjh-v2 footer.cjf .cjf-rond{
    width: 46px;
    height: 46px;
    flex: none;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--cj2-violet);
    color: #fff;
}
body.cjh-v2 footer.cjf .cjf-rond .cjc-i{ width: 22px; height: 22px; }
body.cjh-v2 footer.cjf .cjf-reseaux{ display: flex; gap: 10px; }
body.cjh-v2 footer.cjf .cjf-reseaux a{
    width: 48px;
    height: 48px;
    margin: 0 !important;
    padding: 0 !important;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 50%;
    background: rgba(255, 255, 255, .07);
    color: #fff;
    text-decoration: none !important;
    transition: background .2s, border-color .2s, transform .2s;
}
body.cjh-v2 footer.cjf .cjf-reseaux a:hover{
    background: var(--cj2-violet);
    border-color: var(--cj2-violet);
    transform: translateY(-3px) rotate(-6deg);
}
body.cjh-v2 footer.cjf .cjf-reseaux .cjc-i{ width: 18px; height: 18px; }
body.cjh-v2 footer.cjf .cjf-boutiques{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}
body.cjh-v2 footer.cjf .cjf-carte{
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .02));
    transition: transform .3s, border-color .3s, box-shadow .3s;
}
body.cjh-v2 footer.cjf .cjf-carte:hover,
body.cjh-v2 footer.cjf .cjf-carte:focus-within{
    transform: translateY(-6px);
    border-color: rgba(168, 85, 247, .7);
    box-shadow: 0 30px 60px -30px rgba(143, 21, 255, .8);
}
body.cjh-v2 footer.cjf .cjf-plan{
    display: block;
    width: 100%;
    height: 150px;
}
body.cjh-v2 footer.cjf .cjf-plan-vue{ position: relative; }
body.cjh-v2 footer.cjf .cjf-plan-vue img{
    display: block;
    width: 100% !important;
    max-width: none !important;
    height: 150px !important;
    object-fit: cover;
    box-shadow: none !important;
    filter: invert(1) grayscale(1) brightness(.82) contrast(1.12) sepia(.45) hue-rotate(228deg) saturate(2.6);
    transition: transform .6s ease, filter .3s;
}
body.cjh-v2 footer.cjf .cjf-plan-vue::after{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(12, 7, 22, .2), rgba(143, 21, 255, .38));
    pointer-events: none;
}
body.cjh-v2 footer.cjf .cjf-plan-repere{
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}
body.cjh-v2 footer.cjf .cjf-plan-credit{
    position: absolute;
    right: 8px;
    bottom: 6px;
    z-index: 1;
    font-size: 9.5px;
    letter-spacing: .02em;
    color: rgba(255, 255, 255, .55);
    text-shadow: 0 1px 2px rgba(12, 7, 22, .85);
}
body.cjh-v2 footer.cjf .cjf-carte:hover .cjf-plan-vue img,
body.cjh-v2 footer.cjf .cjf-carte:focus-within .cjf-plan-vue img{
    transform: scale(1.06);
    filter: invert(1) grayscale(1) brightness(.92) contrast(1.12) sepia(.45) hue-rotate(228deg) saturate(2.6);
}
@media (prefers-reduced-motion: reduce){
body.cjh-v2 footer.cjf .cjf-plan-vue img{ transition: none; }
body.cjh-v2 footer.cjf .cjf-carte:hover .cjf-plan-vue img{ transform: none; }
}
body.cjh-v2 footer.cjf .cjf-onde{
    transform-box: fill-box;
    transform-origin: center;
    animation: cjf-onde 2.4s ease-out infinite;
}
@keyframes cjf-onde{
    0%   { transform: scale(.4); opacity: .9; }
    100% { transform: scale(2.2); opacity: 0; }
}
body.cjh-v2 footer.cjf .cjf-corps{ padding: 16px 18px 18px; }
body.cjh-v2 footer.cjf .cjf-arr{
    display: flex;
    align-items: center;
    margin-bottom: 6px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #cfa8ff;
}
body.cjh-v2 footer.cjf .cjf-arr .cjc-i{ width: 14px; height: 14px; margin-right: 6px; }
body.cjh-v2 footer.cjf .cjf-arr sup{ font-size: .7em; letter-spacing: 0; text-transform: none; }
body.cjh-v2 footer.cjf .cjf-carte a{
    display: block;
    margin: 0 0 10px !important;
    padding: 0 !important;
    font-size: 16.5px;
    font-weight: 600;
    line-height: 1.3;
    color: #fff;
    text-decoration: none !important;
}
body.cjh-v2 footer.cjf .cjf-carte a::after{
    content: "";
    position: absolute;
    inset: 0;
}
body.cjh-v2 footer.cjf .cjf-statut{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12.5px;
    white-space: nowrap;
}
body.cjh-v2 footer.cjf .cjf-statut::before{
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
}
body.cjh-v2 footer.cjf .cjf-statut.is-open{ color: #62e8a0; }
body.cjh-v2 footer.cjf .cjf-statut.is-open::before{ box-shadow: 0 0 0 4px rgba(98, 232, 160, .15); }
body.cjh-v2 footer.cjf .cjf-statut.is-closed{ color: #b7abd0; }
body.cjh-v2 footer.cjf .cjf-liens{
    display: grid;
    grid-template-columns: 1.55fr 1fr;
    gap: 64px;
    padding: 52px 0 44px;
    border-top: 1px solid rgba(255, 255, 255, .09);
}
body.cjh-v2 footer.cjf h2.cjf-titre{
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 18px;
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #fff;
}
body.cjh-v2 footer.cjf h2.cjf-titre::before{
    content: "";
    width: 18px;
    height: 2px;
    border-radius: 2px;
    background: var(--cj2-violet);
}
body.cjh-v2 footer.cjf .cjf-puces,
body.cjh-v2 footer.cjf .cjf-liste{
    margin: 0;
    padding: 0;
    list-style: none;
}
body.cjh-v2 footer.cjf .cjf-puces{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
body.cjh-v2 footer.cjf .cjf-puces a{
    display: inline-block;
    margin: 0 !important;
    padding: 9px 15px !important;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 999px;
    background: rgba(255, 255, 255, .05);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    color: #eee6fb;
    text-decoration: none !important;
    transition: background .2s, border-color .2s, color .2s, transform .2s;
}
body.cjh-v2 footer.cjf .cjf-puces a:hover,
body.cjh-v2 footer.cjf .cjf-puces a:focus-visible{
    background: var(--cj2-violet);
    border-color: var(--cj2-violet);
    color: #fff;
    transform: translateY(-2px);
}
body.cjh-v2 footer.cjf .cjf-liste{
    columns: 2;
    column-gap: 28px;
    font-size: 14.5px;
}
body.cjh-v2 footer.cjf .cjf-liste li{
    break-inside: avoid;
    padding: 6px 0;
}
body.cjh-v2 footer.cjf .cjf-liste a{
    display: inline-flex;
    align-items: center;
    gap: 0;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14.5px;
    line-height: 1.35;
    color: #cfc5e4;
    text-decoration: none !important;
    transition: color .2s, gap .2s;
}
body.cjh-v2 footer.cjf .cjf-liste a::before{
    content: "";
    width: 0;
    height: 2px;
    flex: none;
    border-radius: 2px;
    background: var(--cj2-violet);
    transition: width .2s;
}
body.cjh-v2 footer.cjf .cjf-liste a:hover,
body.cjh-v2 footer.cjf .cjf-liste a:focus-visible{ color: #fff; gap: 8px; }
body.cjh-v2 footer.cjf .cjf-liste a:hover::before,
body.cjh-v2 footer.cjf .cjf-liste a:focus-visible::before{ width: 12px; }
body.cjh-v2 footer.cjf .cjf-geant{
    margin: 6px 0 -.14em;
    text-align: center;
    white-space: nowrap;
    user-select: none;
    font-size: clamp(56px, 17.2vw, 292px);
    font-weight: 700;
    line-height: .86;
    letter-spacing: -.045em;
    color: transparent;
    -webkit-text-stroke: 1.5px rgba(207, 168, 255, .32);
    background: linear-gradient(180deg, rgba(143, 21, 255, .35) 0%, rgba(143, 21, 255, 0) 70%);
    -webkit-background-clip: text;
    background-clip: text;
}
body.cjh-v2 footer.cjf .cjf-legal{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 22px;
    padding: 18px 0 92px;   /* place pour la pastille d'appel flottante */
    border-top: 1px solid rgba(255, 255, 255, .09);
    font-size: 12.5px;
    color: #968cb0;
}
body.cjh-v2 footer.cjf .cjf-legal img{
    width: auto !important;
    height: 26px !important;
    filter: brightness(0) invert(1);
    opacity: .9;
}
body.cjh-v2 footer.cjf .cjf-legal a{
    margin: 0 !important;
    padding: 0 !important;
    font-size: 12.5px;
    font-weight: 600;
    color: #fff;
    text-decoration: none !important;
}
body.cjh-v2 footer.cjf .cjf-legal a:hover{ text-decoration: underline !important; text-underline-offset: 3px; }
body.cjh-v2 footer.cjf .cjf-marques{ margin-left: auto; }
body.cjh-v2 footer.cjf a:focus-visible{
    outline: 2px solid #cfa8ff;
    outline-offset: 3px;
}
@media (min-width: 1560px){
body.cjh-v2 footer.cjf .cjf-in{ max-width: 1440px; }
}
@media (max-width: 1100px){
body.cjh-v2 footer.cjf .cjf-haut{ grid-template-columns: minmax(0, 1fr); gap: 36px; }
body.cjh-v2 footer.cjf .cjf-liens{ grid-template-columns: minmax(0, 1fr); gap: 40px; }
}
@media (max-width: 767px){
body.cjh-v2 footer.cjf .cjf-in{ padding: 0 16px; }
body.cjh-v2 footer.cjf .cjf-piste > span{ gap: 16px; padding: 10px 0 10px 16px; font-size: 13px; }
body.cjh-v2 footer.cjf .cjf-haut{ gap: 26px; padding: 34px 0 30px; }
body.cjh-v2 footer.cjf p.cjf-phrase{ font-size: 24px; }
body.cjh-v2 footer.cjf a.cjf-appel{ font-size: 17px; }
body.cjh-v2 footer.cjf .cjf-rond{ width: 40px; height: 40px; }
body.cjh-v2 footer.cjf .cjf-reseaux a{ width: 42px; height: 42px; }
body.cjh-v2 footer.cjf .cjf-boutiques{ grid-template-columns: minmax(0, 1fr); }
body.cjh-v2 footer.cjf .cjf-plan{ height: 110px; }
body.cjh-v2 footer.cjf .cjf-plan-vue img{ height: 110px !important; }
body.cjh-v2 footer.cjf .cjf-liens{ gap: 30px; padding: 30px 0; }
body.cjh-v2 footer.cjf .cjf-liste{ column-gap: 16px; }
body.cjh-v2 footer.cjf .cjf-liste,
    body.cjh-v2 footer.cjf .cjf-liste a{ font-size: 14px; }
body.cjh-v2 footer.cjf .cjf-geant{ margin-bottom: 0; }
body.cjh-v2 footer.cjf .cjf-legal{ padding-bottom: 96px; font-size: 11.5px; }
body.cjh-v2 footer.cjf .cjf-marques{ margin-left: 0; }
}
body.cjh-v2 a#rum_sst_tab.rum_sst_contents{
    top: auto !important;
    right: auto !important;
    bottom: 18px !important;
    left: 18px !important;
    z-index: 990 !important;
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    margin: 0 !important;
    padding: 11px 17px 11px 14px !important;
    transform: none !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: var(--cj2-encre) !important;
    color: #fff !important;
    font-family: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    white-space: nowrap;
    box-shadow: 0 14px 30px -12px rgba(20, 13, 34, .6);
    transition: opacity .25s, transform .25s, background .15s !important;
}
body.cjh-v2 a#rum_sst_tab.rum_sst_contents::before{
    content: "";
    width: 17px;
    height: 17px;
    flex: none;
    background: #5ee49a;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 16.9v2.6a1.7 1.7 0 0 1-1.9 1.7 17 17 0 0 1-7.4-2.6 16.7 16.7 0 0 1-5.1-5.1A17 17 0 0 1 4 6.1 1.7 1.7 0 0 1 5.7 4.2h2.6a1.7 1.7 0 0 1 1.7 1.5c.1.9.3 1.7.6 2.5a1.7 1.7 0 0 1-.4 1.8l-1.1 1.1a13.6 13.6 0 0 0 5.1 5.1l1.1-1.1a1.7 1.7 0 0 1 1.8-.4c.8.3 1.6.5 2.5.6a1.7 1.7 0 0 1 1.4 1.6Z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 16.9v2.6a1.7 1.7 0 0 1-1.9 1.7 17 17 0 0 1-7.4-2.6 16.7 16.7 0 0 1-5.1-5.1A17 17 0 0 1 4 6.1 1.7 1.7 0 0 1 5.7 4.2h2.6a1.7 1.7 0 0 1 1.7 1.5c.1.9.3 1.7.6 2.5a1.7 1.7 0 0 1-.4 1.8l-1.1 1.1a13.6 13.6 0 0 0 5.1 5.1l1.1-1.1a1.7 1.7 0 0 1 1.8-.4c.8.3 1.6.5 2.5.6a1.7 1.7 0 0 1 1.4 1.6Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
body.cjh-v2 a#rum_sst_tab.rum_sst_contents:hover{ background: var(--cj2-violet-fonce) !important; }
body.cjh-v2 a#rum_sst_tab.rum_sst_contents.cjh-retrait{
    opacity: 0;
    transform: translateY(16px) !important;
    pointer-events: none;
}
@media (max-width: 767px){
body.cjh-v2 a#rum_sst_tab.rum_sst_contents{
        bottom: 12px !important;
        left: 12px !important;
        padding: 10px 15px 10px 12px !important;
        font-size: 13.5px !important;
    }
}
@media (prefers-reduced-motion: reduce){
body.cjh-v2 footer.cjf .cjf-piste,
    body.cjh-v2 footer.cjf .cjf-onde{ animation: none; }
body.cjh-v2 header.cjh *,
    body.cjh-v2 footer.cjf *,
    body.cjh-v2 a#rum_sst_tab.rum_sst_contents{ transition: none !important; }
}
@media (max-width: 991px){
body.cjh-v2 #top-menu .cjm.active{
        padding: 16px 16px 30px !important;
        background:
            radial-gradient(130% 55% at 50% 0%, var(--cj2-violet-10), transparent 62%),
            #fff !important;
        overflow-y: auto;
        overscroll-behavior: contain;
    }
body.cjh-v2 #top-menu .cjm.active form{ margin: 0 0 16px; }
body.cjh-v2 #top-menu .cjm.active input[type="search"],
    body.cjh-v2 #top-menu .cjm.active input.form-control{
        height: 52px;
        /* La loupe est posée en absolu sur les 41 premiers pixels : le texte
           commence après elle, sinon les deux se superposent. */
        padding: 0 20px 0 52px;
        border: 1px solid var(--cj2-filet) !important;
        border-radius: 999px !important;
        background: #fff !important;
        font-size: 16px;
    }
body.cjh-v2 #top-menu .cjm.active input[type="search"]:focus,
    body.cjh-v2 #top-menu .cjm.active input.form-control:focus{
        outline: 0;
        border-color: var(--cj2-violet) !important;
        box-shadow: 0 0 0 4px rgba(143, 21, 255, .14) !important;
    }
body.cjh-v2 #top-menu .cjm.active > ul.cjm-nav{
        display: grid !important;
        /* Une regle heritee posait une colonne fixe de 238 px : on la remplace
           par une colonne qui prend la largeur offerte. */
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 10px !important;
        /* justify-items : sans lui, une règle héritée laissait les bulles à
           238 px dans une colonne de 358. */
        justify-items: stretch !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none;
    }
body.cjh-v2 #top-menu .cjm.active > ul.cjm-nav > li{
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        width: 100% !important;
        list-style: none;
    }
body.cjh-v2 #top-menu .cjm.active > ul.cjm-nav > li > a.cjm-top{
        position: relative;
        display: flex !important;
        align-items: center;
        justify-content: center;
        min-height: 56px;
        /* height auto : une regle heritee donne height:100% au lien. Dans le
           tiroir, le <li> contient AUSSI le panneau deplie, donc le lien
           prenait la hauteur du panneau — 1 509 px pour une bulle de 56. */
        height: auto !important;
        margin: 0 !important;
        /* Le rembourrage est symétrique pour que le libellé soit vraiment au
           milieu : le chevron, lui, est posé par-dessus. */
        padding: 0 44px !important;
        border: 1px solid var(--cj2-filet) !important;
        border-radius: 18px !important;
        background: #fff !important;
        font-size: 16.5px !important;
        font-weight: 600 !important;
        color: var(--cj2-encre) !important;
        text-align: center;
        box-shadow: 0 10px 22px -18px rgba(40, 10, 80, .55);
        transition: border-color .2s, background .2s, transform .2s;
    }
body.cjh-v2 #top-menu .cjm.active > ul.cjm-nav > li > a.cjm-top:hover,
    body.cjh-v2 #top-menu .cjm.active > ul.cjm-nav > li > a.cjm-top:focus-visible,
    body.cjh-v2 #top-menu .cjm.active > ul.cjm-nav > li > a.cjm-top[aria-expanded="true"]{
        border-color: var(--cj2-violet-20) !important;
        background: var(--cj2-violet-10) !important;
        color: var(--cj2-violet-fonce) !important;
    }
body.cjh-v2 #top-menu .cjm.active > ul.cjm-nav > li > a.cjm-top > svg{
        position: absolute;
        right: 16px;
        top: 50%;
        width: 18px;
        height: 18px;
        margin: 0 !important;
        transform: translateY(-50%);
        color: var(--cj2-violet);
        transition: transform .25s;
    }
body.cjh-v2 #top-menu .cjm.active > ul.cjm-nav > li > a.cjm-top[aria-expanded="true"] > svg{
        transform: translateY(-50%) rotate(180deg);
    }
body.cjh-v2 #top-menu .cjm.active > ul.cjm-nav > li > a.cjm-top[href*="astuces-reparation-apple"]{
        border-color: var(--cj2-violet) !important;
        color: var(--cj2-violet-fonce) !important;
    }
body.cjh-v2 #top-menu .cjm.active > ul.cjm-nav > li#espacePro > a.cjm-top{
        justify-content: center;
        gap: 10px;
        margin-top: 6px !important;
        border-color: var(--cj2-encre) !important;
        border-radius: 999px !important;
        background: var(--cj2-encre) !important;
        color: #fff !important;
    }
body.cjh-v2 #top-menu .cjm.active > ul.cjm-nav > li#espacePro > a.cjm-top .cjm-i,
    body.cjh-v2 #top-menu .cjm.active > ul.cjm-nav > li#espacePro > a.cjm-top svg{
        position: static;
        transform: none;
        color: #fff;
    }
}
@media (prefers-reduced-motion: reduce){
body.cjh-v2 #top-menu .cjm.active > ul.cjm-nav > li > a.cjm-top{ transition: none; }
}

/* Les avis Google — voir chrome-v2.css. */
.cjav {
padding: 0 0 clamp(32px, 5vw, 64px);
background: transparent;
}
.cjav-cadre {
padding: 28px 28px 20px;
border: 1px solid #e7dff5;
border-radius: 32px;
background: #f7f5fb;
}
.cjav-attente {
min-height: 260px;
}
@media (max-width: 767px) {
.cjav-cadre { padding: 18px 12px 12px; border-radius: 24px; }
.cjav-attente { min-height: 330px; }
}

/* Le bloc PayPal hors accueil — voir chrome-v2.css. */
.cjc-paypal.cjx-paypal {
display: grid;
grid-template-columns: minmax(0, 190px) minmax(0, 1fr);
align-items: center;
gap: 30px;
margin: 30px 0;
padding: 26px 30px;
border: 1px solid var(--cjx-filet, #e7dff5);
border-radius: 26px;
background: #fff;
text-align: left;
}
.cjx-paypal .cjx-paypal-marque { position: relative; overflow: hidden; }
.cjx-paypal .cjx-paypal-marque img {
display: block;
width: 404% !important;
max-width: none !important;
height: auto !important;
}
.cjx-paypal .cjx-paypal-liste {
display: grid;
gap: 14px;
margin: 0;
padding: 0 0 0 34px;
border-left: 1px solid var(--cjx-filet, #e7dff5);
list-style: none;
}
.cjx-paypal .cjx-paypal-liste li {
display: flex;
align-items: center;
gap: 16px;
font-size: 17px;
line-height: 1.4;
color: var(--cjx-texte, #140d22);
}
.cjx-paypal .cjx-paypal-liste strong { color: var(--cjx-violet-fonce, #6a0fd1); font-weight: 700; }
.cjx-paypal .cjx-paypal-ic {
flex: none;
display: grid;
place-items: center;
width: 46px;
height: 46px;
border-radius: 50%;
background: var(--cjx-violet-10, #f4eeff);
color: var(--cjx-violet, #8f15ff);
box-shadow: inset 0 0 0 1px var(--cjx-violet-20, #e9ddff);
}
.cjx-paypal .cjx-paypal-4x {
font-size: 16px;
font-weight: 700;
letter-spacing: -.01em;
color: var(--cjx-violet-fonce, #6a0fd1);
}
@media (max-width: 767px) {
.cjc-paypal.cjx-paypal {
grid-template-columns: minmax(0, 1fr);
justify-items: center;
gap: 20px;
padding: 22px 18px;
}
.cjx-paypal .cjx-paypal-marque { width: 150px; }
.cjx-paypal .cjx-paypal-liste { padding: 18px 0 0; border-left: 0; border-top: 1px solid var(--cjx-filet, #e7dff5); }
.cjx-paypal .cjx-paypal-liste li { font-size: 15px; gap: 12px; }
.cjx-paypal .cjx-paypal-ic { width: 40px; height: 40px; }
}

/* La recherche instantanée — voir chrome-v2.css. */
.cjr-enveloppe { position: relative; }
.cjr-boite {
position: absolute;
z-index: 1200;
top: calc(100% + 8px);
left: 0;
right: 0;
max-height: min(62vh, 520px);
overflow-y: auto;
padding: 6px;
border: 1px solid var(--cjx-filet, #e7dff5);
border-radius: 18px;
background: #fff;
box-shadow: 0 30px 60px -30px rgba(40, 10, 80, .45);
text-align: left;
}
.cjr-boite[hidden] { display: none; }
.cjr-item {
display: flex;
align-items: center;
gap: 12px;
padding: 10px 12px;
border-radius: 12px;
color: var(--cjx-encre, #140d22);
text-decoration: none;
}
.cjr-item:hover,
.cjr-item.cjr-actif { background: var(--cjx-violet-10, #f4eeff); }
.cjr-vignette {
flex: none;
width: 44px;
height: 44px;
object-fit: contain;
border-radius: 10px;
background: var(--cjx-fond, #f7f5fb);
}
.cjr-vignette-vide { display: block; }
.cjr-mots { display: grid; min-width: 0; }
.cjr-titre {
font-size: 15px;
line-height: 1.35;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.cjr-meta { font-size: 13px; color: var(--cjx-texte-2, #5b5470); }
.cjr-tout {
justify-content: center;
margin-top: 4px;
border-top: 1px solid var(--cjx-filet, #e7dff5);
border-radius: 0 0 12px 12px;
font-size: 14px;
font-weight: 600;
color: var(--cjx-violet-fonce, #6a0fd1);
}
.cjr-corrige,
.cjr-vide {
margin: 0;
padding: 10px 12px;
font-size: 14px;
color: var(--cjx-texte-2, #5b5470);
}
.cjr-corrige strong { color: var(--cjx-violet-fonce, #6a0fd1); }
@media (max-width: 767px) {
.cjr-titre { white-space: normal; }
.cjr-vignette { width: 38px; height: 38px; }
}

/* Le calque de recherche — voir chrome-v2.css. */
#search {
padding: 14vh 20px 20px;
align-items: flex-start;
background: rgba(12, 7, 22, .72);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
}
#search[style*="block"] { display: flex !important; }
#search form {
display: flex;
gap: 10px;
width: min(760px, 100%);
margin: 0;
}
#search .cjr-enveloppe { flex: 1 1 auto; min-width: 0; }
#search input[type="search"] {
width: 100%;
height: 60px;
padding: 0 22px;
border: 0;
border-radius: 999px;
background: #fff;
color: var(--cjx-encre, #140d22);
font-size: 17px;
}
#search input[type="search"]::placeholder { color: var(--cjx-texte-2, #5b5470); opacity: 1; }
#search input[type="search"]:focus-visible { outline: 3px solid var(--cjx-violet, #8f15ff); outline-offset: 2px; }
#search form button {
flex: none;
height: 60px !important;
padding: 0 30px;
border: 0;
border-radius: 999px;
background: var(--cjx-violet, #8f15ff);
color: #fff;
font-size: 16px;
font-weight: 700;
line-height: 1;
cursor: pointer;
}
#search form button:hover { background: var(--cjx-violet-fonce, #6a0fd1); }
#search-close {
top: 26px;
right: 28px;
width: 26px;
filter: brightness(0) invert(1);
}
@media (max-width: 640px) {
#search { padding: 10vh 14px 14px; }
#search form { flex-wrap: wrap; }
#search form button { width: 100%; }
}

/* La page 404 — voir chrome-v2.css. */
body.error404 .cjs-404 { padding: clamp(28px, 4vw, 56px) 0 clamp(32px, 5vw, 64px); }
body.error404 .cje-tete {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 42%);
align-items: center;
gap: 32px;
}
body.error404 .cje-pastille {
display: inline-block;
margin: 0 0 14px;
padding: 8px 18px;
border-radius: 999px;
background: var(--cjx-violet-10, #f4eeff);
color: var(--cjx-violet-fonce, #6a0fd1);
font-size: 14px;
font-weight: 600;
}
body.error404 .cje-titre {
margin: 0 0 10px;
font-size: clamp(30px, 1rem + 2.6vw, 52px);
font-weight: 700;
line-height: 1.05;
letter-spacing: -.03em;
color: var(--cjx-encre, #140d22);
text-align: left;
text-wrap: balance;
}
body.error404 .cje-sous {
margin: 0 0 22px;
font-size: 17px;
color: var(--cjx-texte-2, #5b5470);
}
body.error404 .cje-cherche {
position: relative;
display: flex;
align-items: center;
gap: 10px;
max-width: 640px;
margin: 0 0 18px;
padding: 8px 8px 8px 52px;
border: 1px solid var(--cjx-filet, #e7dff5);
border-radius: 999px;
background: #fff;
box-shadow: 0 18px 40px -30px rgba(40, 10, 80, .5);
}
body.error404 .cje-cherche-ic {
position: absolute;
left: 18px;
display: grid;
place-items: center;
color: var(--cjx-violet, #8f15ff);
}
body.error404 .cje-cherche input[type="search"] {
flex: 1;
min-width: 0;
height: 46px;
padding: 0;
border: 0;
background: none;
font-size: 16px;
color: var(--cjx-encre, #140d22);
}
body.error404 .cje-cherche input[type="search"]:focus { outline: none; }
body.error404 .cje-cherche button {
flex: none;
height: 46px !important;
padding: 0 26px;
border: 0;
border-radius: 999px;
background: var(--cjx-violet, #8f15ff);
color: #fff;
font-size: 15px;
font-weight: 700;
cursor: pointer;
}
body.error404 .cje-boutons { display: flex; flex-wrap: wrap; gap: 12px; margin: 0; }
body.error404 .cje-btn {
display: inline-flex;
align-items: center;
gap: 10px;
min-height: 52px;
padding: 0 24px;
border-radius: 16px;
font-size: 16px;
font-weight: 700;
text-decoration: none;
}
body.error404 .cje-btn-plein { background: var(--cjx-violet, #8f15ff); color: #fff; }
body.error404 .cje-btn-plein:hover { background: var(--cjx-violet-fonce, #6a0fd1); color: #fff; }
body.error404 .cje-btn-clair {
border: 1px solid var(--cjx-filet, #e7dff5);
background: #fff;
color: var(--cjx-encre, #140d22);
}
body.error404 .cje-btn-clair:hover { border-color: var(--cjx-violet-20, #e9ddff); }
body.error404 .cje-visuel img { display: block; width: 100%; height: auto; }
body.error404 .cje-h2 {
margin: 0;
font-size: clamp(22px, 1rem + 1.2vw, 30px);
font-weight: 700;
letter-spacing: -.02em;
color: var(--cjx-encre, #140d22);
text-align: left;
}
body.error404 .cje-h2-sous { margin: 4px 0 0; color: var(--cjx-texte-2, #5b5470); }
body.error404 .cje-acces,
body.error404 .cje-populaires { margin-top: clamp(32px, 4vw, 52px); }
body.error404 .cje-pistes {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px;
margin-top: 18px;
}
body.error404 .cje-piste {
display: flex;
align-items: center;
gap: 14px;
padding: 18px 18px;
border: 1px solid var(--cjx-filet, #e7dff5);
border-radius: 18px;
background: #fff;
color: var(--cjx-encre, #140d22);
text-decoration: none;
transition: transform .2s, box-shadow .2s, border-color .2s;
}
body.error404 .cje-piste:hover {
transform: translateY(-3px);
border-color: var(--cjx-violet-20, #e9ddff);
box-shadow: 0 20px 38px -26px rgba(143, 21, 255, .5);
}
body.error404 .cje-piste-ic {
flex: none;
display: grid;
place-items: center;
width: 46px;
height: 46px;
border-radius: 14px;
background: var(--cjx-violet-10, #f4eeff);
color: var(--cjx-violet, #8f15ff);
}
body.error404 .cje-piste-mots { display: grid; gap: 2px; min-width: 0; }
body.error404 .cje-piste-titre { font-size: 15.5px; font-weight: 700; }
body.error404 .cje-piste-texte { font-size: 13.5px; color: var(--cjx-texte-2, #5b5470); }
body.error404 .cje-piste-chev { margin-left: auto; color: var(--cjx-texte-2, #5b5470); }
body.error404 .cje-aide {
display: flex;
align-items: center;
gap: 16px;
margin-top: clamp(24px, 3vw, 36px);
padding: 20px 24px;
border: 1px solid var(--cjx-filet, #e7dff5);
border-radius: 22px;
background: var(--cjx-violet-10, #f4eeff);
}
body.error404 .cje-aide-ic {
flex: none;
display: grid;
place-items: center;
width: 52px;
height: 52px;
border-radius: 50%;
background: #fff;
color: var(--cjx-violet, #8f15ff);
}
body.error404 .cje-aide-mots { display: grid; gap: 2px; }
body.error404 .cje-aide-titre { font-size: 18px; font-weight: 700; color: var(--cjx-encre, #140d22); }
body.error404 .cje-aide-texte { font-size: 15px; color: var(--cjx-texte-2, #5b5470); }
body.error404 .cje-aide-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-left: auto; }
body.error404 .cje-grille {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 16px;
margin-top: 18px;
}
body.error404 .cje-produit {
display: grid;
gap: 8px;
padding: 14px;
border: 1px solid var(--cjx-filet, #e7dff5);
border-radius: 18px;
background: #fff;
color: var(--cjx-encre, #140d22);
text-decoration: none;
}
body.error404 .cje-produit:hover { border-color: var(--cjx-violet-20, #e9ddff); }
body.error404 .cje-produit img {
width: 100%;
height: 132px;
object-fit: contain;
border-radius: 12px;
background: var(--cjx-fond, #f7f5fb);
}
body.error404 .cje-produit-titre {
font-size: 14px;
line-height: 1.35;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
body.error404 .cje-produit-prix { font-size: 15px; font-weight: 700; color: var(--cjx-violet-fonce, #6a0fd1); }
@media (max-width: 991px) {
body.error404 .cje-tete { grid-template-columns: minmax(0, 1fr); }
body.error404 .cje-visuel { order: -1; }
body.error404 .cje-pistes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
body.error404 .cje-grille { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.error404 .cje-aide { flex-wrap: wrap; }
body.error404 .cje-aide-actions { margin-left: 0; width: 100%; }
}
@media (max-width: 640px) {
body.error404 .cje-pistes,
body.error404 .cje-grille { grid-template-columns: minmax(0, 1fr); }
body.error404 .cje-cherche { flex-wrap: wrap; padding: 10px 12px 10px 46px; border-radius: 22px; }
body.error404 .cje-cherche button { width: 100%; }
body.error404 .cje-btn { width: 100%; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
body.error404 .cje-piste { transition: none; }
body.error404 .cje-piste:hover { transform: none; }
}

/* Le formulaire de devis, nouveau dessin — voir chrome-v2.css. */
.cjq {
padding: 0 0 clamp(36px, 6vw, 72px);
background: transparent;
}
.cjq-carte {
max-width: 880px;
margin-inline: auto;
padding: clamp(24px, 4vw, 40px);
border: 0;
border-radius: 26px;
background:
linear-gradient(rgba(12, 7, 22, .55), rgba(12, 7, 22, .55)),
var(--cjx-pcb, none),
radial-gradient(85% 130% at 10% 0%, rgba(168, 85, 247, .32), transparent 60%),
linear-gradient(135deg, var(--cjx-nuit, #0c0716), #2a0f52);
color: #fff;
}
.cjq-sur {
margin: 0 0 6px;
font-size: 13px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
color: rgba(207, 168, 255, .95);
}
.cjq-titre {
margin: 0 0 10px;
font-size: clamp(22px, 1rem + 1.3vw, 30px);
font-weight: 700;
line-height: 1.2;
color: #fff;
text-wrap: balance;
}
.cjq-tel {
margin: 0 0 22px;
font-size: 16px;
line-height: 1.6;
color: rgba(255, 255, 255, .82);
}
.cjq-tel a {
font-weight: 700;
color: #fff;
text-decoration: underline;
text-underline-offset: 3px;
}
.cjq-champs {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
}
.cjq-champ { margin: 0 0 14px; }
.cjq-champs .cjq-champ { margin: 0; }
.cjq-champ label {
display: block;
margin: 0 0 6px;
font-size: 14px;
font-weight: 600;
color: #fff;
}
.cjq-champ label span { font-weight: 400; color: rgba(255, 255, 255, .7); }
.cjq-champ input,
.cjq-champ textarea {
display: block;
width: 100%;
max-width: 100%;
padding: 14px 16px;
border: 1px solid rgba(255, 255, 255, .28);
border-radius: 14px;
background: rgba(255, 255, 255, .10);
font: inherit;
font-size: 16px;
color: #fff;
transition: border-color .2s, background .2s;
}
.cjq-champ textarea { resize: vertical; min-height: 96px; line-height: 1.6; }
.cjq-champ ::placeholder { color: rgba(255, 255, 255, .55); opacity: 1; }
.cjq-champ input:focus-visible,
.cjq-champ textarea:focus-visible {
outline: none;
border-color: #fff;
background: rgba(255, 255, 255, .18);
}
.cjq-piege {
position: absolute;
left: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
}
.cjq-robot { margin: 0 0 16px; }
.cjq-bas {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px 16px;
margin: 4px 0 0;
}
.cjq-bouton {
padding: 14px 28px;
border: 0;
border-radius: 999px;
background: #fff;
color: var(--cjx-violet-fonce, #6a0fd1);
font: inherit;
font-size: 16px;
font-weight: 700;
cursor: pointer;
transition: background .18s ease;
}
.cjq-bouton:hover,
.cjq-bouton:focus-visible { background: var(--cjx-violet-10, #f4eeff); }
.cjq-note { font-size: 14px; color: rgba(255, 255, 255, .72); }
.cjq-fait,
.cjq-erreur {
margin: 0;
padding: 14px 16px;
border-radius: 14px;
font-size: 16px;
line-height: 1.5;
}
.cjq-fait {
border: 1px solid rgba(255, 255, 255, .35);
background: rgba(255, 255, 255, .12);
color: #fff;
font-weight: 600;
}
.cjq-erreur {
margin-bottom: 16px;
border: 1px solid rgba(255, 170, 170, .55);
background: rgba(255, 120, 120, .16);
color: #ffd9d9;
}
@media (max-width: 699px) {
.cjq-champs { grid-template-columns: minmax(0, 1fr); }
.cjq-carte { border-radius: 20px; }
.cjq-bouton { width: 100%; }
.cjq-bas { gap: 10px; }
}
@media (prefers-reduced-motion: reduce) {
.cjq-bouton, .cjq-champ input, .cjq-champ textarea { transition: none; }
}
/* Le grand « CYBER JAY » du pied de page — voir chrome-v2.css. */
@keyframes cjf-geant-onde {
from { background-position: 200% 0; }
to   { background-position: 0 0; }
}
body.cjh-v2 footer.cjf .cjf-geant {
margin: clamp(28px, 4vw, 56px) 0 clamp(20px, 3vw, 40px);
font-size: clamp(44px, 11.5vw, 190px);
line-height: .92;
background: linear-gradient(110deg,
rgba(143, 21, 255, .12) 0%,
rgba(207, 168, 255, .55) 28%,
rgba(143, 21, 255, .12) 58%);
background-size: 220% 100%;
-webkit-background-clip: text;
background-clip: text;
animation: cjf-geant-onde 9s linear infinite;
transition: transform .45s ease, -webkit-text-stroke-color .45s ease;
}
body.cjh-v2 footer.cjf .cjf-geant:hover {
-webkit-text-stroke-color: rgba(207, 168, 255, .8);
transform: scale(1.015);
}
@media (prefers-reduced-motion: reduce) {
body.cjh-v2 footer.cjf .cjf-geant { animation: none; transition: none; }
body.cjh-v2 footer.cjf .cjf-geant:hover { transform: none; }
}
body.error404 .cje-visuel {
display: grid;
place-items: center;
min-height: 240px;
padding: 24px;
border-radius: 26px;
background:
linear-gradient(rgba(12, 7, 22, .55), rgba(12, 7, 22, .55)),
var(--cjx-pcb, none),
radial-gradient(85% 130% at 10% 0%, rgba(168, 85, 247, .32), transparent 60%),
linear-gradient(135deg, var(--cjx-nuit, #0c0716), #2a0f52);
}
body.error404 .cje-visuel-code {
font-size: clamp(72px, 9vw, 150px);
font-weight: 700;
line-height: 1;
letter-spacing: -.04em;
color: transparent;
-webkit-text-stroke: 2px rgba(207, 168, 255, .55);
background: linear-gradient(180deg, rgba(207, 168, 255, .45) 0%, rgba(143, 21, 255, 0) 75%);
-webkit-background-clip: text;
background-clip: text;
}
body.cjx-g #issues .row .row { display: block; width: 100%; margin-left: 0; margin-right: 0; }
body.cjx-g #issues > .container > .row > [class*="col-md"] { min-width: 0; }
body.cjx-g #issues ul { width: 100%; grid-template-columns: minmax(0, 1fr); }
body.cjx-g #issues li { width: 100%; min-width: 0; }
body.cjx-g #issues li > a { min-width: 0; }