/* FAMILLE « accueil »
 *
 * Fichier CONSTRUIT par outils/construire-css.js — ne pas modifier à la
 * main : la prochaine construction écraserait la modification. Les sources
 * sont css/accueil-v2.css.
 *
 * Construit le 2026-09-15.
 */

/* --- css/accueil-v2.css --- */
body.cjx-home{
    --cjx-violet: #8f15ff;
    --cjx-violet-fonce: #6a0fd1;
    --cjx-violet-10: #f4eeff;
    --cjx-violet-20: #e9ddff;
    --cjx-encre: #140d22;
    --cjx-texte: #1c1629;
    --cjx-texte-2: #5b5470;
    --cjx-filet: #e7dff5;
    --cjx-fond: #f7f5fb;
    --cjx-nuit: #0c0716;
    --cjx-titre: clamp(26px, 1rem + 1.6vw, 40px);
    --cjx-section: 80px;
    background: #fff;
}
@media (max-width: 767px){
body.cjx-home{ --cjx-section: 48px; }
}
body.cjx-home #main-content img:hover{ box-shadow: none !important; }
@media (min-width: 1560px){
body.cjx-home #main-content > section > .container{ max-width: 1440px; }
}
body.cjx-home #main-content .cjc-tiles-head h2,
body.cjx-home #products > .container > .h2,
body.cjx-home #products > .container > .h2 .neon-effect{
    font-size: var(--cjx-titre);
    font-weight: 700;
    line-height: 1.12;
    letter-spacing: -.025em;
    color: var(--cjx-encre);
    text-wrap: balance;
}
body.cjx-home #cj-hero.cjc-hero{
    position: relative;
    isolation: isolate;
    width: calc(100% - 32px);
    max-width: 1440px;
    margin: 14px auto 0;
    overflow: hidden;
    border: 1px solid var(--cjx-filet);
    border-radius: 32px;
    background:
        radial-gradient(55% 70% at 50% 42%, #fff 0%, rgba(255, 255, 255, 0) 100%),
        radial-gradient(40% 60% at 100% 0%, rgba(143, 21, 255, .12), transparent 70%),
        radial-gradient(40% 60% at 0% 100%, rgba(143, 21, 255, .10), transparent 70%),
        linear-gradient(180deg, #f6f1ff 0%, #fbf9fe 100%);
}
body.cjx-home #cj-hero .cjc-hero-shot{ background: transparent; }
body.cjx-home #cj-hero .cjc-hero-shot img{ mix-blend-mode: multiply; }
body.cjx-home #cj-hero .cjc-hero-in{ padding: 40px 0 28px; }
body.cjx-home #cj-hero h1.cjc-hero-title{
    margin: 0 !important;
    font-size: clamp(30px, 1rem + 2.2vw, 52px);
    font-weight: 700;
    line-height: 1.06;
    letter-spacing: -.035em;
    color: var(--cjx-encre);
}
body.cjx-home #cj-hero .cjc-hero-sub.cjc-hero-tags{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    max-width: none;
    margin-top: 18px;
    font-size: 13.5px;
    line-height: 1.2;
}
body.cjx-home #cj-hero .cjc-hero-tags > span{
    display: inline-flex;
    align-items: center;
    padding: 7px 13px;
    border: 1px solid var(--cjx-violet-20);
    border-radius: 999px;
    background: rgba(255, 255, 255, .85);
    color: var(--cjx-violet-fonce);
    font-weight: 600;
    white-space: nowrap;
    box-shadow: 0 6px 16px -12px rgba(143, 21, 255, .6);
}
body.cjx-home #cj-hero .cjc-hero-cta{ gap: 10px; margin-top: 26px; }
body.cjx-home #cj-hero .cjc-btn{
    min-height: 54px;
    padding: 0 24px 0 7px;
    gap: 12px;
    border-radius: 999px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .01em;
    transition: transform .2s, box-shadow .2s, background .2s, border-color .2s;
}
body.cjx-home #cj-hero .cjc-btn .cjc-i{
    box-sizing: content-box;
    padding: 11px;
    border-radius: 50%;
    flex: none;
}
body.cjx-home #cj-hero .cjc-btn-pri{
    background: var(--cjx-violet);
    color: #fff;
    box-shadow: 0 18px 36px -18px rgba(143, 21, 255, .95);
}
body.cjx-home #cj-hero .cjc-btn-pri .cjc-i{ background: #fff; color: var(--cjx-violet); }
body.cjx-home #cj-hero .cjc-btn-pri:hover{
    background: var(--cjx-violet-fonce);
    transform: translateY(-2px);
    box-shadow: 0 24px 44px -18px rgba(143, 21, 255, 1);
}
body.cjx-home #cj-hero .cjc-btn-sec{
    background: #fff;
    border: 1px solid var(--cjx-filet);
    color: var(--cjx-encre);
}
body.cjx-home #cj-hero .cjc-btn-sec .cjc-i{ background: var(--cjx-violet-10); color: var(--cjx-violet); }
body.cjx-home #cj-hero .cjc-btn-sec:hover{ border-color: var(--cjx-violet); transform: translateY(-2px); }
@media (min-width: 992px){
body.cjx-home #cj-hero.cjc-hero{ container-type: inline-size; padding-top: 22px; }
body.cjx-home #cj-hero > .container{ align-self: start; }
body.cjx-home #cj-hero .cjc-hero-in{
        max-width: 44cqw;
        padding: 1.4cqw 0 0;
        background: radial-gradient(closest-side, rgba(255, 255, 255, .92), rgba(255, 255, 255, .7) 60%, rgba(255, 255, 255, 0));
    }
body.cjx-home #cj-hero h1.cjc-hero-title{ font-size: clamp(28px, 3.1cqw, 48px); }
body.cjx-home #cj-hero .cjc-hero-sub.cjc-hero-tags{ gap: 6px; margin-top: 1cqw; font-size: 12.5px; }
body.cjx-home #cj-hero .cjc-hero-tags > span{ padding: 6px 11px; }
body.cjx-home #cj-hero .cjc-hero-cta{ margin-top: 1.2cqw; }
body.cjx-home #cj-hero .cjc-btn{ min-height: clamp(44px, 3.6cqw, 54px); }
body.cjx-home #cj-hero .cjc-btn .cjc-i{ padding: clamp(8px, .75cqw, 11px); }
}
@media (min-width: 1560px){
body.cjx-home #cj-hero .cjc-hero-in{ max-width: 42cqw; }
}
@media (min-width: 992px) and (max-width: 1279px){
body.cjx-home #cj-hero.cjc-hero{ padding-top: 12px; }
body.cjx-home #cj-hero .cjc-hero-in{ max-width: 46cqw; padding: .8cqw 0 0; }
body.cjx-home #cj-hero .cjc-hero-sub.cjc-hero-tags{ margin-top: .8cqw; font-size: 11.5px; }
body.cjx-home #cj-hero .cjc-hero-tags > span{ padding: 4px 9px; }
body.cjx-home #cj-hero .cjc-hero-cta{ margin-top: .9cqw; }
body.cjx-home #cj-hero .cjc-btn{ min-height: 44px; font-size: 14.5px; padding-right: 16px; }
body.cjx-home #cj-hero .cjc-btn .cjc-i{ padding: 7px; }
}
@media (max-width: 767px){
body.cjx-home #cj-hero.cjc-hero{
        width: calc(100% - 16px);
        margin-top: 10px;
        border-radius: 24px;
    }
body.cjx-home #cj-hero .cjc-hero-in{ padding: 28px 2px 22px; }
body.cjx-home #cj-hero h1.cjc-hero-title{ font-size: 26px; line-height: 1.1; letter-spacing: -.03em; }
body.cjx-home #cj-hero .cjc-hero-tags{ gap: 6px; font-size: 12.5px; }
body.cjx-home #cj-hero .cjc-hero-tags > span{ padding: 6px 11px; }
body.cjx-home #cj-hero .cjc-btn{ min-height: 50px; padding-right: 18px; font-size: 15px; }
body.cjx-home #cj-hero .cjc-btn .cjc-i{ padding: 9px; }
body.cjx-home #cj-hero .cjc-hero-in{ padding-bottom: 6px; }
body.cjx-home #cj-hero .cjc-hero-shot{
        position: relative;
        margin-top: -10px;   /* le montage remonte sous les boutons */
    }
body.cjx-home #cj-hero .cjc-hero-shot::before{
        content: "";
        position: absolute;
        left: 50%;
        bottom: 0;
        width: 130%;
        height: 150%;
        transform: translateX(-50%);
        background: radial-gradient(60% 70% at 50% 100%, rgba(143, 21, 255, .16), transparent 70%);
        pointer-events: none;
    }
body.cjx-home #cj-hero .cjc-hero-shot img{
        position: relative;
        display: block;
        width: 110% !important;
        max-width: none !important;
        height: auto !important;
        margin-left: -5%;
    }
}
body.cjx-home .cjc-tiles{ padding: var(--cjx-section) 0 0; background: #fff; }
body.cjx-home .cjc-tiles + .cjc-tiles{ padding-top: 48px; }
body.cjx-home #issues-product{ padding-bottom: var(--cjx-section); }
body.cjx-home .cjc-tiles-head{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    margin-bottom: 24px;
    text-align: center;
}
body.cjx-home .cjc-tiles .cjc-tiles-head h2{ max-width: 22ch; }
body.cjx-home .cjc-tiles .cjc-tiles-head p{
    margin: 0;
    font-size: 15px;
    color: var(--cjx-texte-2);
}
body.cjx-home .cjc-tiles-grid{ gap: 12px; }
@media (min-width: 768px) and (max-width: 1099px){
body.cjx-home .cjc-tiles-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.cjx-home .cjc-tiles .cjc-tile{ min-height: 120px; }
}
body.cjx-home .cjc-tiles .cjc-tile{
    position: relative;
    min-height: 140px;
    gap: 14px;
    padding: 22px 12px 18px;
    border: 1px solid var(--cjx-filet);
    border-radius: 22px;
    background: #fff;
    color: var(--cjx-encre);
    box-shadow: 0 1px 0 rgba(20, 13, 34, .02);
    transition: transform .22s, box-shadow .22s, border-color .22s, background .22s;
}
body.cjx-home #issues-product .cjc-tile{ background: linear-gradient(180deg, #fff 0%, var(--cjx-fond) 100%); }
body.cjx-home .cjc-tiles .cjc-tile .cjc-i{
    box-sizing: content-box;
    padding: 13px;
    border-radius: 18px;
    background: var(--cjx-violet-10);
    color: var(--cjx-violet);
    transition: background .22s, color .22s, transform .22s;
}
body.cjx-home .cjc-tiles .cjc-tile span{
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
}
body.cjx-home .cjc-tiles .cjc-tile::after{
    content: "";
    position: absolute;
    top: 14px;
    right: 14px;
    width: 16px;
    height: 16px;
    background: var(--cjx-violet);
    opacity: 0;
    transform: translate(-4px, 4px);
    transition: opacity .22s, transform .22s;
    -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.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M8 7h9v9'/%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.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M8 7h9v9'/%3E%3C/svg%3E") center / contain no-repeat;
}
body.cjx-home .cjc-tiles .cjc-tile:hover,
body.cjx-home .cjc-tiles .cjc-tile:focus-visible{
    transform: translateY(-5px);
    border-color: var(--cjx-violet-20);
    background: #fff;
    box-shadow: 0 26px 44px -26px rgba(143, 21, 255, .55);
}
body.cjx-home .cjc-tiles .cjc-tile:hover .cjc-i,
body.cjx-home .cjc-tiles .cjc-tile:focus-visible .cjc-i{
    background: var(--cjx-violet);
    color: #fff;
    transform: scale(1.06);
}
body.cjx-home .cjc-tiles .cjc-tile:hover::after,
body.cjx-home .cjc-tiles .cjc-tile:focus-visible::after{ opacity: 1; transform: none; }
@media (max-width: 767px){
body.cjx-home .cjc-tiles-grid{ gap: 10px; }
body.cjx-home .cjc-tiles .cjc-tile{ min-height: 118px; padding: 18px 10px 14px; border-radius: 18px; gap: 10px; }
body.cjx-home .cjc-tiles .cjc-tile .cjc-i{ padding: 11px; border-radius: 15px; }
body.cjx-home .cjc-tiles .cjc-tile span{ font-size: 13px; }
body.cjx-home .cjc-tiles + .cjc-tiles{ padding-top: 36px; }
}
body.cjx-home #solutions.cjc-contacts{
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: var(--cjx-section) 0;
    background: var(--cjx-nuit);
}
body.cjx-home #solutions.cjc-contacts::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: .3;
    -webkit-mask-image: radial-gradient(90% 100% at 20% 0%, #000 15%, transparent 75%);
    mask-image: radial-gradient(90% 100% at 20% 0%, #000 15%, transparent 75%);
}
body.cjx-home #solutions.cjc-contacts::after{
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        radial-gradient(45% 70% at 12% 0%, rgba(143, 21, 255, .36), transparent 70%),
        radial-gradient(40% 60% at 95% 100%, rgba(143, 21, 255, .24), transparent 70%);
}
body.cjx-home #solutions .cjc-contacts-grid{ gap: 16px; }
body.cjx-home #solutions .cjc-contact-carte{
    gap: 16px;
    padding: 30px 18px 26px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 26px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .02));
    box-shadow: none;
    color: #cfc5e4;
    font-size: 15px;
    line-height: 1.55;
    transition: transform .3s, border-color .3s, box-shadow .3s;
}
body.cjx-home #solutions .cjc-contact-carte:hover{
    transform: translateY(-6px);
    border-color: rgba(168, 85, 247, .7);
    box-shadow: 0 30px 60px -30px rgba(143, 21, 255, .8);
}
body.cjx-home #solutions .cjc-contact-ic{
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: var(--cjx-violet);
    color: #fff;
    box-shadow: 0 0 0 6px rgba(143, 21, 255, .18), 0 14px 28px -12px rgba(143, 21, 255, .9);
}
body.cjx-home #solutions.cjc-contacts .cjc-contact-carte a{
    display: inline-flex;
    margin-top: 10px;
    padding: 7px 16px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    transition: background .2s, border-color .2s;
}
body.cjx-home #solutions.cjc-contacts .cjc-contact-carte a:hover,
body.cjx-home #solutions.cjc-contacts .cjc-contact-carte a:focus-visible{
    background: var(--cjx-violet);
    border-color: var(--cjx-violet);
    text-decoration: none;
}
@media (max-width: 560px){
body.cjx-home #solutions .cjc-contacts-grid{ gap: 10px; }
body.cjx-home #solutions .cjc-contact-carte{ padding: 22px 10px 18px; border-radius: 20px; font-size: 13px; gap: 12px; }
body.cjx-home #solutions .cjc-contact-ic{ width: 48px; height: 48px; }
body.cjx-home #solutions.cjc-contacts .cjc-contact-carte a{ padding: 6px 12px; }
}
body.cjx-home #main-content > .neon-effect{
    padding: var(--cjx-section) 16px 8px;
    background: var(--cjx-fond);
}
body.cjx-home #main-content > .neon-effect h2{
    max-width: 22ch;
    margin: 0;
    font-size: clamp(28px, 1.1rem + 2.4vw, 54px);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -.035em;
    text-align: center;
    text-wrap: balance;
    color: transparent;
    background: linear-gradient(90deg, var(--cjx-encre) 0%, var(--cjx-encre) 35%, var(--cjx-violet) 100%);
    -webkit-background-clip: text;
    background-clip: text;
}
body.cjx-home #information-blocks.cjc-info{
    padding: 40px 0 var(--cjx-section) !important;
    background: var(--cjx-fond);
}
body.cjx-home #information-blocks.cjc-info .row{ row-gap: 24px; }
body.cjx-home #information-blocks.cjc-info .row.mt-lg-4{ margin-top: 24px !important; }
body.cjx-home #information-blocks.cjc-info .col-lg-6 > a,
body.cjx-home #information-blocks.cjc-info .cjc-blogcard{
    border: 1px solid var(--cjx-filet);
    border-radius: 26px;
    box-shadow: 0 30px 60px -44px rgba(40, 10, 80, .45);
    transition: transform .3s, box-shadow .3s, border-color .3s;
}
body.cjx-home #information-blocks.cjc-info .col-lg-6 > a:hover,
body.cjx-home #information-blocks.cjc-info .cjc-blogcard:hover{
    transform: translateY(-6px);
    border-color: var(--cjx-violet-20);
    box-shadow: 0 40px 70px -40px rgba(143, 21, 255, .55);
}
body.cjx-home #information-blocks.cjc-info .cjc-blogcard-btn{
    min-height: 44px;
    padding: 0 20px;
    box-shadow: 0 12px 24px -14px rgba(143, 21, 255, .9);
}
body.cjx-home #information-blocks.cjc-info .cjc-blogcard-btn::after{ border-radius: 26px; }
body.cjx-home #products{
    padding: var(--cjx-section) 0 !important;
    background: #fff;
}
body.cjx-home #products > .container > .h2{ padding-bottom: 32px !important; }
body.cjx-home #products .produithome{ row-gap: 20px; }
body.cjx-home #products article{
    min-height: 0;
    margin-bottom: 0;
}
body.cjx-home #products article .h-100{
    display: flex;
    flex-direction: column;
    padding: 12px 12px 18px;
    border: 1px solid var(--cjx-filet);
    border-radius: 24px;
    background: #fff;
    transition: transform .25s, box-shadow .25s, border-color .25s;
}
body.cjx-home #products article:hover .h-100{
    transform: translateY(-5px);
    border-color: var(--cjx-violet-20);
    box-shadow: 0 30px 50px -32px rgba(40, 10, 80, .5);
}
body.cjx-home #products article .product-image{
    height: 210px;
    margin-bottom: 14px;
    padding: 18px;
    border-radius: 18px;
    background: var(--cjx-fond);
}
body.cjx-home #products article .product-image img{
    max-height: 100%;
    margin: 0 auto;
}
body.cjx-home #products article h2{
    margin: 0 4px 6px;
    font-size: 14.5px;
    font-weight: 600;
    line-height: 1.35;
    color: var(--cjx-encre);
}
body.cjx-home #products article h2 a{ color: inherit; }
body.cjx-home #products article .price-product{
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 700;
    color: var(--cjx-violet-fonce);
    font-variant-numeric: tabular-nums;
}
body.cjx-home #products article .price-product del{ color: var(--cjx-texte-2); font-weight: 500; font-size: 13px; }
body.cjx-home #products article .price-product ins{ text-decoration: none; }
body.cjx-home #products .product-grade,
body.cjx-home #products .product-eco{
    height: 24px;
    margin: 2px 2px 0;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 11.5px;
    font-weight: 600;
}
body.cjx-home #products .product-grade{ background: var(--cjx-encre); color: #fff; }
body.cjx-home #products .product-eco{ background: #e3f6ea; color: #0d6b3f; }
body.cjx-home #products .product-overlay br{ display: none; }
@media (min-width: 768px){
body.cjx-home #products article:hover .product-overlay{
        border-radius: 24px;
        background: rgba(20, 13, 34, .9);
    }
body.cjx-home #products article:hover .product-overlay h2,
    body.cjx-home #products article:hover .product-overlay h2 a{ color: #fff !important; }
body.cjx-home #products article:hover .product-overlay .price-product{ color: #d9b8ff; }
body.cjx-home #products article:hover .product-overlay .product-grade{ background: #fff; color: var(--cjx-encre); }
}
body.cjx-home #products .product-actions .btn-primary,
body.cjx-home #products .btnAllProducts .btn-primary{
    border-radius: 999px !important;
    font-weight: 600;
    transition: background .2s, transform .2s, box-shadow .2s;
}
body.cjx-home #products .product-actions .btn-primary{ height: 44px !important; margin: 0 auto; }
body.cjx-home #products .btnAllProducts{ padding-top: 36px !important; }
body.cjx-home #products .btnAllProducts .btn-primary{
    height: 54px !important;
    padding: 0 30px;
    font-size: 15.5px;
    box-shadow: 0 18px 36px -18px rgba(143, 21, 255, .95);
}
body.cjx-home #products .btnAllProducts .btn-primary:hover{
    background: var(--cjx-violet-fonce) !important;
    transform: translateY(-2px);
}
@media (max-width: 991.98px){
body.cjx-home #products .produithome{
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
        margin: 0;
    }
body.cjx-home #products .produithome > article{
        width: auto;
        max-width: none;
        flex: none;
        padding: 0;
    }
body.cjx-home #products .produithome > article .h-100{ padding: 8px 8px 14px; border-radius: 20px; }
body.cjx-home #products article .product-image{ height: 150px; padding: 12px; border-radius: 14px; margin-bottom: 10px; }
body.cjx-home #products article h2{ font-size: 13px; }
body.cjx-home #products article .price-product{ font-size: 14px; }
body.cjx-home #products .product-grade,
    body.cjx-home #products .product-eco{ height: 22px; padding: 0 8px; font-size: 10.5px; }
}
body.cjx-home #products .cjc-paypal{
    margin-top: 48px;
    border-radius: 26px;
}
body.cjx-home #products .cjc-paypal.cjx-paypal{
    display: grid;
    grid-template-columns: minmax(0, 190px) minmax(0, 1fr);
    align-items: center;
    gap: 30px;
    padding: 26px 30px;
    text-align: left;
}
body.cjx-home .cjx-paypal .cjx-paypal-marque{
    position: relative;
    overflow: hidden;
}
body.cjx-home .cjx-paypal .cjx-paypal-marque img{
    display: block;
    width: 404% !important;   /* 962 / 238 : le séparateur tombe pile au bord */
    max-width: none !important;
    height: auto !important;
}
body.cjx-home .cjx-paypal .cjx-paypal-liste{
    display: grid;
    gap: 14px;
    margin: 0;
    padding: 0 0 0 34px;
    border-left: 1px solid var(--cjx-filet);
    list-style: none;
}
body.cjx-home .cjx-paypal .cjx-paypal-liste li{
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 17px;
    line-height: 1.4;
    color: var(--cjx-texte);
}
body.cjx-home .cjx-paypal .cjx-paypal-liste strong{ color: var(--cjx-violet-fonce); font-weight: 700; }
body.cjx-home .cjx-paypal .cjx-paypal-ic{
    flex: none;
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: var(--cjx-violet-10);
    color: var(--cjx-violet);
    box-shadow: inset 0 0 0 1px var(--cjx-violet-20);
}
body.cjx-home .cjx-paypal .cjx-paypal-4x{
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -.01em;
    color: var(--cjx-violet-fonce);
}
@media (max-width: 767px){
body.cjx-home #products .cjc-paypal.cjx-paypal{
        grid-template-columns: minmax(0, 1fr);
        justify-items: center;
        gap: 20px;
        padding: 22px 18px;
    }
body.cjx-home .cjx-paypal .cjx-paypal-marque{ width: 150px; }
body.cjx-home .cjx-paypal .cjx-paypal-liste{
        padding: 18px 0 0;
        border-left: 0;
        border-top: 1px solid var(--cjx-filet);
    }
body.cjx-home .cjx-paypal .cjx-paypal-liste li{ font-size: 15px; gap: 12px; }
body.cjx-home .cjx-paypal .cjx-paypal-ic{ width: 40px; height: 40px; }
}
body.cjx-home #edito-primary.cjc-edito{
    padding: 0 0 var(--cjx-section) !important;
    background: #fff;
}
body.cjx-home #edito-primary #texte-container{
    padding: 56px 56px 44px;
    border: 1px solid var(--cjx-filet);
    border-radius: 32px;
    background:
        radial-gradient(50% 60% at 100% 0%, rgba(143, 21, 255, .08), transparent 70%),
        var(--cjx-fond);
}
body.cjx-home #edito-primary.cjc-edito .texte{ max-width: none; font-size: 15px; }
body.cjx-home #edito-primary.cjc-edito .texte > h2:first-child{
    padding-top: 20px;
    font-size: var(--cjx-titre);
    letter-spacing: -.025em;
    line-height: 1.12;
    color: var(--cjx-encre);
}
body.cjx-home #edito-primary.cjc-edito .texte h2{ color: var(--cjx-violet-fonce); }
body.cjx-home #edito-primary.cjc-edito #toggleBtn{
    height: 50px !important;
    margin-top: 18px;
    padding: 0 28px;
    border-radius: 999px !important;
    box-shadow: 0 16px 32px -18px rgba(143, 21, 255, .95);
}
@media (max-width: 767px){
body.cjx-home #edito-primary #texte-container{
        width: calc(100% - 16px);
        padding: 32px 20px 28px;
        border-radius: 24px;
    }
}
body.cjx-home #edito-content{ padding: 0 !important; background: #fff; }
body.cjx-home #edito-content > .container{ padding-bottom: 24px; }
body.cjx-home #reviews{
    padding: 0 0 var(--cjx-section) !important;
    background: #fff;
}
body.cjx-home #reviews #trustindex-widget{
    padding: 28px 28px 20px;
    border: 1px solid var(--cjx-filet);
    border-radius: 32px;
    background: var(--cjx-fond);
}
@media (max-width: 767px){
body.cjx-home #reviews #trustindex-widget{ padding: 18px 12px 12px; border-radius: 24px; }
}
body.cjx-home #stores{
    padding: 0 0 48px !important;
    background: #fff !important;
}
body.cjx-home #stores .row{ row-gap: 20px; }
body.cjx-home #stores .col-lg-6 img{
    display: block;
    width: 100%;
    border-radius: 26px;
    transition: transform .4s;
}
body.cjx-home #stores .col-lg-6 .overlay{
    left: calc(var(--bs-gutter-x, 1.5rem) * .5);
    right: calc(var(--bs-gutter-x, 1.5rem) * .5);
    border-radius: 26px;
    background: linear-gradient(90deg, rgba(12, 7, 22, 0) 22%, rgba(12, 7, 22, .78) 48%, rgba(12, 7, 22, .92) 100%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06);
}
body.cjx-home #stores .col-lg-6 .h2{
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -.01em;
}
body.cjx-home #stores .col-lg-6 p{ color: #d8cfee; font-size: 14px; line-height: 1.55; }
body.cjx-home #stores .col-lg-6 a{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border-radius: 999px;
    background: var(--cjx-violet);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    transition: background .2s, transform .2s;
}
body.cjx-home #stores .col-lg-6 a:hover{ background: var(--cjx-violet-fonce); transform: translateY(-2px); }
body.cjx-home #stores .col-lg-6 a i{ top: 0; font-size: 18px; line-height: 1; }
@media (max-width: 1400px){
body.cjx-home #stores .col-lg-6 .h2{ font-size: 18px; }
body.cjx-home #stores .col-lg-6 p{ font-size: 13px; }
}
@media (max-width: 767px){
body.cjx-home #stores .col-lg-6{ margin-bottom: 0; }
body.cjx-home #stores .col-lg-6 img{ min-height: 220px; object-fit: cover; }
body.cjx-home #stores .col-lg-6 .overlay{
        align-items: flex-end;
        border-radius: 22px;
        background: linear-gradient(180deg, rgba(12, 7, 22, 0) 0%, rgba(12, 7, 22, .35) 35%, rgba(12, 7, 22, .9) 80%);
    }
body.cjx-home #stores .col-lg-6 img{ border-radius: 22px; }
body.cjx-home #stores .col-lg-6 .h2{ font-size: 17px; }
}
body.cjx-home #resell{
    padding: 0 0 var(--cjx-section) !important;
    background: #fff;
}
body.cjx-home #resell > .container{
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 64px 32px;
    border-radius: 32px;
    background:
        radial-gradient(50% 80% at 85% 0%, rgba(255, 255, 255, .22), transparent 70%),
        linear-gradient(135deg, #8f15ff 0%, #6a0fd1 60%, #4c0a9c 100%);
    box-shadow: 0 40px 80px -48px rgba(106, 15, 209, .9);
}
body.cjx-home #resell > .container::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='%23ffffff' 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='%23ffffff' 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%3C/svg%3E");
    background-size: 180px 180px;
    opacity: .14;
    -webkit-mask-image: radial-gradient(80% 120% at 100% 50%, #000 10%, transparent 70%);
    mask-image: radial-gradient(80% 120% at 100% 50%, #000 10%, transparent 70%);
}
body.cjx-home #resell > .container > .h2{ margin-bottom: 28px !important; }
body.cjx-home #resell .h2 .neon-effect{
    font-size: clamp(28px, 1.1rem + 2.4vw, 52px);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -.035em;
    color: #fff;
    text-wrap: balance;
}
body.cjx-home #resell > .container > .text-center:last-child{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    padding: 0 !important;
}
body.cjx-home #resell a.btn-primary{
    height: 56px !important;
    margin: 0;
    padding: 0 32px;
    border-radius: 999px !important;
    font-size: 16px;
    font-weight: 700;
    transition: transform .2s, box-shadow .2s, background .2s;
}
body.cjx-home #resell a.btn-primary:first-child{
    background: #fff !important;
    color: var(--cjx-encre) !important;
    box-shadow: 0 18px 36px -18px rgba(20, 13, 34, .6);
}
body.cjx-home #resell a.btn-primary:last-child{
    background: rgba(255, 255, 255, .1) !important;
    box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .55);
}
body.cjx-home #resell a.btn-primary:hover{ transform: translateY(-2px); }
body.cjx-home #resell a.btn-primary:last-child:hover{ background: rgba(255, 255, 255, .2) !important; }
body.cjx-home #resell a i{ margin-left: 6px; line-height: 1; }
@media (max-width: 767px){
body.cjx-home #resell > .container{
        width: calc(100% - 16px);
        padding: 44px 18px;
        border-radius: 24px;
    }
body.cjx-home #resell a.btn-primary{ height: 52px !important; padding: 0 24px; }
}
@media (prefers-reduced-motion: reduce){
body.cjx-home #main-content *{ transition: none !important; }
body.cjx-home #main-content .cjc-tile:hover,
    body.cjx-home #main-content .cjc-contact-carte:hover,
    body.cjx-home #products article:hover .h-100{ transform: none !important; }
}
body.cjx-home #information-blocks .cjn{
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 46%);
    align-items: center;
    gap: 18px;
    overflow: hidden;
    min-height: 260px;
    padding: 26px 28px;
    border: 1px solid var(--cjx-filet);
    border-radius: 26px;
    background:
        radial-gradient(80% 120% at 100% 0%, rgba(143, 21, 255, .14), transparent 62%),
        linear-gradient(140deg, #f7f2ff 0%, #fdfcff 62%);
    color: var(--cjx-encre) !important;
    text-decoration: none !important;
    transition: transform .25s, box-shadow .25s, border-color .25s;
}
body.cjx-home #information-blocks .cjn:hover,
body.cjx-home #information-blocks .cjn:focus-visible{
    transform: translateY(-4px);
    border-color: var(--cjx-violet-20);
    box-shadow: 0 30px 54px -34px rgba(143, 21, 255, .6);
}
body.cjx-home #information-blocks .cjn-vue{
    position: relative;
    display: block;
    align-self: center;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 0.95;
    border-radius: 18px;
}
/* Visuels du 22/09/2026 : faits pour ce cadre (même proportion, 0,95) et
   sans texte peint. Plus de fenêtre décalée bloc par bloc : l'image remplit
   le cadre, et sur téléphone le bandeau garde le haut du sujet. */
body.cjx-home #information-blocks .cjn-vue img {
    position: absolute;
    inset: 0;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    object-fit: cover;
    object-position: 50% 50%;
}
@media (max-width: 991px) {
    body.cjx-home #information-blocks .cjn-vue img { object-position: 50% 40%; }
}
body.cjx-home #information-blocks .cjn-mots{ display: block; min-width: 0; }
body.cjx-home #information-blocks .cjn-titre{
    display: block;
    font-size: clamp(22px, 1rem + 1.1vw, 31px);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -.03em;
    color: var(--cjx-encre);
}
body.cjx-home #information-blocks .cjn-accent{ display: block; color: var(--cjx-violet); }
body.cjx-home #information-blocks .cjn-chapeau{
    display: block;
    max-width: 30ch;
    margin-top: 10px;
    font-size: 15.5px;
    line-height: 1.4;
    color: var(--cjx-texte-2);
}
body.cjx-home #information-blocks .cjn-puces{ display: grid; gap: 6px; margin-top: 12px; }
body.cjx-home #information-blocks .cjn-puce{
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14.5px;
    color: var(--cjx-texte-2);
}
body.cjx-home #information-blocks .cjn-puce .cjc-i{ flex: none; width: 15px; height: 15px; color: var(--cjx-violet); }
body.cjx-home #information-blocks .cjn-bouton{
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-top: 16px;
    padding: 12px 22px;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--cjx-violet), var(--cjx-violet-fonce));
    box-shadow: 0 16px 30px -18px rgba(143, 21, 255, .95);
    color: #fff;
    font-size: 14.5px;
    font-weight: 700;
    letter-spacing: .01em;
}
body.cjx-home #information-blocks .cjn:hover .cjn-bouton{ background: linear-gradient(135deg, var(--cjx-violet-fonce), var(--cjx-violet)); }
body.cjx-home #information-blocks .cjn-mentions{
    grid-column: 1 / -1;   /* toute la largeur de la carte, sous les colonnes */
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid var(--cjx-filet);
}
body.cjx-home #information-blocks .cjn-mentions-large{ grid-template-columns: minmax(0, 1fr); }
body.cjx-home #information-blocks .cjn-mention{ display: block; min-width: 0; }
body.cjx-home #information-blocks .cjn-mention-t{
    display: block;
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: var(--cjx-violet-fonce);
}
body.cjx-home #information-blocks .cjn-mention-s{
    display: block;
    margin-top: 2px;
    font-size: 12.5px;
    line-height: 1.3;
    color: var(--cjx-texte-2);
}
body.cjx-home #information-blocks .cjn-mentions-large .cjn-mention-s{ font-size: 13px; text-transform: none; }
@media (max-width: 991px){
body.cjx-home #information-blocks .cjn,
    body.cjx-home #information-blocks .cjn-vue-gauche{
        grid-template-columns: minmax(0, 1fr);
        min-height: 0;
        padding: 22px 20px 20px;
        border-radius: 22px;
    }
body.cjx-home #information-blocks .cjn-vue,
    body.cjx-home #information-blocks .cjn-vue-gauche .cjn-vue{ order: 2; min-height: 0; }
body.cjx-home #information-blocks .cjn-vue{
        height: 96px;
        min-height: 0;
        border-radius: 14px;
    }
body.cjx-home #information-blocks .cjn-titre{ font-size: 21px; }
body.cjx-home #information-blocks .cjn-chapeau{ margin-top: 7px; font-size: 14px; }
body.cjx-home #information-blocks .cjn-puces{ gap: 4px; margin-top: 9px; }
body.cjx-home #information-blocks .cjn-puce{ font-size: 13.5px; }
body.cjx-home #information-blocks .cjn-bouton{
        margin-top: 12px;
        padding: 10px 18px;
        font-size: 13.5px;
    }
body.cjx-home #information-blocks .cjn-mentions{
        grid-template-columns: repeat(3, minmax(0, 1fr));
        margin-top: 12px;
        padding-top: 10px;
    }
body.cjx-home #information-blocks .cjn-chapeau{ max-width: none; }
body.cjx-home #information-blocks .cjn-mentions{ gap: 8px; }
body.cjx-home #information-blocks .cjn-mention-t{ font-size: 10.5px; }
body.cjx-home #information-blocks .cjn-mention-s{ font-size: 11.5px; }
}
@media (prefers-reduced-motion: reduce){
body.cjx-home #information-blocks .cjn:hover{ transform: none; }
}

/* La carte Blog calée sur les trois autres — voir accueil-v2.css. */
@media (min-width: 992px){
body.cjx-home #information-blocks.cjc-info .col-lg-6 > .cjn,
body.cjx-home #information-blocks.cjc-info .cjc-blogcard{ height: 100%; }
body.cjx-home #information-blocks.cjc-info .cjc-blogcard{ aspect-ratio: auto; grid-template-columns: minmax(0, 1fr) minmax(0, 46%); align-items: stretch; gap: 18px; padding: 26px 28px; }
body.cjx-home #information-blocks.cjc-info .cjc-blogcard-visuel{ position: relative; height: auto; min-height: 0; border-radius: 18px; -webkit-mask-image: none; mask-image: none; }
body.cjx-home #information-blocks.cjc-info .cjc-blogcard-visuel picture{ display: contents; }
body.cjx-home #information-blocks.cjc-info .cjc-blogcard-visuel img{ position: absolute; inset: 0; width: 100% !important; max-width: none !important; height: 100% !important; object-fit: cover; object-position: 50% 40%; }
body.cjx-home #information-blocks.cjc-info .cjc-blogcard-corps{ padding: 0; }
}

/* Le bloc PayPal à la largeur des autres — voir accueil-v2.css. */
body.cjx-home #products .cjc-paypal.cjx-paypal{ max-width: none; margin-left: 0; margin-right: 0; }

/* Les quatre blocs de l'accueil, même ordre sur téléphone — voir accueil-v2.css. */
@media (max-width: 991px) {
body.cjx-home #information-blocks .cjn-vue,
body.cjx-home #information-blocks .cjn-vue-gauche .cjn-vue {
order: -1;
height: 150px;
margin-bottom: 16px;
}
body.cjx-home #information-blocks.cjc-info .cjc-blogcard { padding: 22px 20px 20px; }
body.cjx-home #information-blocks.cjc-info .cjc-blogcard-visuel {
height: 150px;
margin-bottom: 16px;
border-radius: 14px;
}
body.cjx-home #information-blocks.cjc-info .cjc-blogcard-corps { padding: 0; }
}

/* Bloc PayPal : la colonne de texte prend toute sa largeur. Voir accueil-v2.css. */
body.cjx-home .cjx-paypal-liste{ grid-template-columns: minmax(0, 1fr); }

/* Mobile : le titre sur son montage, comme sur bureau. Voir accueil-v2.css. */
@media (max-width: 767px) {
body.cjx-home #cj-hero .cjc-hero{ position: relative; }
body.cjx-home #cj-hero .cjc-hero-shot{ position: absolute !important; inset: 0 !important; margin: 0 !important; z-index: 0; overflow: hidden; border-radius: inherit; }
body.cjx-home #cj-hero .cjc-hero-shot::before{ display: none; }
body.cjx-home #cj-hero .cjc-hero-shot img{ position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; object-fit: cover !important; object-position: 50% 45%; opacity: .32; }
body.cjx-home #cj-hero .container{ position: relative; z-index: 1; }
}

/* Ronds Instagram de l'accueil. Voir chrome-v2.css. */
.cjig{ padding: 44px 0 8px; }
.cjig-in{ max-width: 1160px; margin: 0 auto; padding: 0 18px; }
.cjig-tete{ display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 14px; margin-bottom: 20px; }
.cjig-titre{ margin: 0; font-size: clamp(20px, 2.4vw, 26px); font-weight: 800; letter-spacing: -.02em; color: var(--cjx-encre, #140d22); }
.cjig-compte{ font-size: .9375rem; font-weight: 600; color: var(--cjx-violet-fonce, #6a0fd1); text-decoration: none; }
.cjig-compte:hover{ text-decoration: underline; }
.cjig-ronds{ display: flex; gap: 18px; margin: 0; padding: 4px 0 10px; list-style: none; overflow-x: auto; scrollbar-width: thin; }
.cjig-rond{ flex: 0 0 auto; }
.cjig-lien{ display: flex; flex-direction: column; align-items: center; gap: 8px; width: 104px; text-decoration: none; }
.cjig-anneau{ display: block; padding: 3px; border-radius: 50%; background: linear-gradient(135deg, #ffb03a, #e5397f 45%, var(--cjx-violet, #8f15ff) 100%); transition: transform .25s ease; }
.cjig-lien:hover .cjig-anneau, .cjig-lien:focus-visible .cjig-anneau{ transform: translateY(-3px) scale(1.03); }
.cjig-anneau img{ display: block; width: 96px; height: 96px; border: 3px solid #fff; border-radius: 50%; object-fit: cover; }
.cjig-legende{ font-size: .8125rem; line-height: 1.3; color: var(--cjx-texte-2, #5b5470); text-align: center; }
@media (prefers-reduced-motion: reduce) {
.cjig-anneau{ transition: none; }
.cjig-lien:hover .cjig-anneau{ transform: none; }
}