/* CDL Menu Mobile v6 (test). Tout est inactif sans la classe html.cdl6, et seulement en largeur mobile. */
[data-cdl6]{display:none}
@media (max-width:999.98px){
html.cdl6{--c6-petrole:#194955;--c6-petrole-soft:#e1ecee;--c6-rouge:#B52332;--c6-ink:#2B3344;--c6-text:#33373C;--c6-muted:#5f6670;--c6-line:#e1e8ed;--c6-bg:#f2f5f7;--c6-jaune:#F9C444;--c6-or-soft:#fdf1dc}
html.cdl6 .cdl6-bar{display:flex;flex-direction:column;gap:10px;padding:10px 0 8px;background:#fff;border-bottom:1px solid var(--c6-line)}
html.cdl6 .cdl6-overlay:not([hidden]){display:block}
html.cdl6 .cdl6-search{display:flex;align-items:center;gap:8px;margin:0 16px;border:1.5px solid var(--c6-line);border-radius:10px;padding:0 12px;min-height:46px;background:var(--c6-bg);color:var(--c6-muted)}
/* 16 px minimum : en dessous, Safari iOS zoome sur le champ et laisse le volet décalé */
html.cdl6 .cdl6-search input[type=search]{border:0;background:transparent;font:16px/1.2 Montserrat,-apple-system,sans-serif;color:var(--c6-ink);width:100%;min-height:44px;padding:0;margin:0;box-shadow:none;outline:none}
html.cdl6 .cdl6-railwrap{position:relative}
html.cdl6 .cdl6-railwrap::after{content:"";position:absolute;top:0;right:0;bottom:4px;width:34px;background:linear-gradient(to right,rgba(255,255,255,0),#fff);pointer-events:none}
html.cdl6 .cdl6-rail{display:flex;gap:8px;overflow-x:auto;padding:0 40px 4px 16px;scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding-inline:16px;-webkit-overflow-scrolling:touch}
html.cdl6 .cdl6-rail::-webkit-scrollbar{display:none}
html.cdl6 .cdl6-chip{display:inline-flex;align-items:center;white-space:nowrap;min-height:40px;padding:0 15px;border-radius:1000px;background:var(--c6-petrole-soft);color:var(--c6-petrole);text-decoration:none;font:700 14px/1 Montserrat,-apple-system,sans-serif;flex:none;scroll-snap-align:start}
html.cdl6 .cdl6-chip.cdl6-hot{background:var(--c6-rouge);color:#fff}

/* Volet */
html.cdl6 .cdl6-overlay{position:fixed;inset:0;z-index:999999}
html.cdl6 .cdl6-backdrop{position:absolute;inset:0;background:rgba(18,21,25,.45)}
html.cdl6 .cdl6-drawer{position:absolute;top:0;left:0;bottom:0;width:min(100%,420px);background:#fff;overflow:hidden;transform:translateX(-100%);transition:transform .28s ease;font-family:Montserrat,-apple-system,sans-serif;color:var(--c6-text)}
html.cdl6 .cdl6-overlay.is-open .cdl6-drawer{transform:translateX(0)}
html.cdl6 .cdl6-level{position:absolute;inset:0;background:#fff;display:flex;flex-direction:column;transition:transform .28s ease;transform:translateX(100%)}
html.cdl6 .cdl6-level[hidden]{display:none}
html.cdl6 .cdl6-level.is-active{transform:translateX(0)}
html.cdl6 .cdl6-level.is-behind{transform:translateX(-30%)}
html.cdl6 .cdl6-head{display:flex;align-items:center;gap:6px;padding:8px 8px 8px 16px;border-bottom:2px solid var(--c6-jaune);min-height:58px;flex:none;padding-top:calc(8px + env(safe-area-inset-top,0px))}
html.cdl6 .cdl6-subhead{padding-left:4px}
html.cdl6 .cdl6-title-logo{display:flex;align-items:center;gap:10px}
html.cdl6 .cdl6-title-logo img{width:28px;height:28px;border-radius:7px;flex:none;display:block}
html.cdl6 .cdl6-title{flex:1;font-weight:800;font-size:15px;letter-spacing:.04em;color:var(--c6-ink)}
html.cdl6 .cdl6-iconbtn{background:none;border:0;color:var(--c6-ink);display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:10px;cursor:pointer;padding:0 8px}
html.cdl6 .cdl6-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch}
html.cdl6 .cdl6-searchwrap{padding:14px 0 12px}
html.cdl6 .cdl6-block{padding:2px 0 14px}
html.cdl6 .cdl6-glabel-top{font:700 12px Montserrat,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--c6-muted);padding:0 16px;margin-bottom:8px}
html.cdl6 .cdl6-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 16px;min-height:56px;border:0;border-bottom:1px solid var(--c6-line);color:var(--c6-ink);text-decoration:none;font:500 17px Montserrat,sans-serif;background:none;width:100%;text-align:left;cursor:pointer;border-radius:0}
html.cdl6 .cdl6-row.cdl6-accent{color:var(--c6-rouge);font-weight:700;border-top:1px solid var(--c6-line)}
html.cdl6 .cdl6-row.cdl6-strong,html.cdl6 .cdl6-row.cdl6-withicon{font-weight:700}
html.cdl6 .cdl6-row.cdl6-quiet{font-size:15.5px;font-weight:500;color:var(--c6-muted);min-height:50px}
html.cdl6 .cdl6-rl{display:flex;align-items:center;gap:12px}
html.cdl6 .cdl6-pic{width:34px;height:34px;border-radius:10px;background:var(--c6-or-soft);color:var(--c6-petrole);display:flex;align-items:center;justify-content:center;flex:none}
html.cdl6 .cdl6-sep{height:14px;background:var(--c6-bg);border-bottom:1px solid var(--c6-line);flex:none}
html.cdl6 .cdl6-list{display:flex;flex-direction:column;padding:10px 16px 24px}
html.cdl6 .cdl6-voir{display:flex;align-items:center;min-height:48px;color:var(--c6-petrole);font-weight:700;text-decoration:none;font-size:16px;border-bottom:1px solid var(--c6-line);margin-bottom:6px}
html.cdl6 .cdl6-pic.cdl6-pic-promo{background:var(--c6-rouge);color:#fff}
html.cdl6 .cdl6-glabel{color:var(--c6-rouge);font-weight:700;font-size:15.5px;margin:16px 0 2px}
html.cdl6 .cdl6-sublink{display:flex;align-items:center;min-height:44px;color:var(--c6-ink);text-decoration:none;font-size:16.5px;font-weight:500}
html.cdl6 .cdl6-socials{display:flex;justify-content:center;gap:10px;padding:22px 16px 14px}
html.cdl6 .cdl6-socials a{width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:var(--c6-ink);border-radius:12px}
html.cdl6 .cdl6-country{display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-top:1px solid var(--c6-line);min-height:56px;width:100%;background:#fff;color:var(--c6-ink);font:500 16px Montserrat,sans-serif;cursor:pointer;flex:none;padding-bottom:env(safe-area-inset-bottom,0px);border-radius:0}
html.cdl6 .cdl6-flag{width:26px;height:18px;border-radius:2px;flex:none;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
html.cdl6 .cdl6-clist{display:flex;flex-direction:column;padding:6px 0}
html.cdl6 .cdl6-clist a{display:flex;align-items:center;gap:12px;min-height:58px;padding:0 16px;border-bottom:1px solid var(--c6-line);color:var(--c6-ink);text-decoration:none;font-size:16.5px}
html.cdl6 .cdl6-clist small{display:block;color:var(--c6-muted);font-size:13px}
html.cdl6 .cdl6-check{margin-left:auto;color:var(--c6-petrole)}
html.cdl6 .cdl6-drawer a:focus-visible,html.cdl6 .cdl6-drawer button:focus-visible,html.cdl6 .cdl6-bar a:focus-visible,html.cdl6 .cdl6-bar input:focus-visible{outline:3px solid var(--c6-jaune);outline-offset:-3px}
html.cdl6.cdl6-lock,html.cdl6.cdl6-lock body{overflow:hidden}
}
@media (max-width:999.98px) and (prefers-reduced-motion:reduce){html.cdl6 .cdl6-drawer,html.cdl6 .cdl6-level{transition:none}}

/* ---------- Ordinateur (>= 1000 px), testeur uniquement ---------- */
@media (min-width:1000px){
html.cdl6.cdl6d-on #header-menu-1{display:none!important}
html.cdl6 #cdl6-desk:not([hidden]){display:block;width:100%}
html.cdl6 #header-menu-1:has(#cdl6-desk){display:flex!important;align-items:center;flex:1 1 auto;width:100%;max-width:none}
/* La rangée Blocksy est réglée à 120 px pour l'ancien méga-menu : on la ramène à la hauteur de la nouvelle barre */
html.cdl6 header [data-row*="middle"]:has(#cdl6-desk){--height:52px}
html.cdl6 [data-row] [data-items]:has(#cdl6-desk),html.cdl6 [data-row] [data-column]:has(#cdl6-desk){flex:1 1 auto;width:100%;max-width:none}
html.cdl6 .cdl6d-nav{display:flex;align-items:center;gap:0;width:100%;position:relative;box-sizing:border-box;font-family:Montserrat,-apple-system,sans-serif}
html.cdl6 .cdl6d-item{position:static}
html.cdl6 .cdl6d-item:first-child .cdl6d-btn{padding-left:0}
html.cdl6 .cdl6d-btn{display:flex;align-items:center;gap:4px;height:44px;padding:0 8px;background:none;border:0;border-bottom:3px solid transparent;border-radius:0;color:#2B3344;font:600 14px Montserrat,sans-serif;cursor:pointer;white-space:nowrap;text-decoration:none;box-shadow:none}
html.cdl6 .cdl6d-btn:hover,html.cdl6 .cdl6d-item.is-open .cdl6d-btn{color:#194955;border-bottom-color:#194955;background:none}
html.cdl6 .cdl6d-season{color:#B52332;font-weight:700}
html.cdl6 .cdl6d-chev{color:#5f6670;transition:transform .2s}
html.cdl6 .cdl6d-item.is-open .cdl6d-chev{transform:rotate(180deg)}
html.cdl6 .cdl6d-promo{margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 16px;border-radius:1000px;background:#B52332;color:#fff;text-decoration:none;font:700 14px Montserrat,sans-serif;white-space:nowrap}
html.cdl6 .cdl6d-promo:hover{background:#9c2131;color:#fff}
html.cdl6 .cdl6d-mega{position:absolute;left:0;right:0;top:100%;z-index:9999;background:#fff;border-top:2px solid #F9C444;box-shadow:0 22px 40px rgba(35,41,60,.16);padding:24px 32px 28px;text-align:left}
html.cdl6 .cdl6d-mega[hidden]{display:none}
html.cdl6 .cdl6d-mega{overflow-y:auto;overscroll-behavior:contain}
html.cdl6 .cdl6d-ls{display:none}
html.cdl6 .cdl6d-nav.is-compact .cdl6d-btn{padding:0 6px;font-size:13.5px}
html.cdl6 .cdl6d-nav.is-compact .cdl6d-item:first-child .cdl6d-btn{padding-left:0}
html.cdl6 .cdl6d-nav.is-compact .cdl6d-promo{padding:0 12px}
html.cdl6 .cdl6d-nav.is-short .cdl6d-lf{display:none}
html.cdl6 .cdl6d-nav.is-short .cdl6d-ls{display:inline}
html.cdl6 .cdl6d-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;align-items:start}
html.cdl6 .cdl6d-grid.cdl6d-grid5{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}
html.cdl6 .cdl6d-voir{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;color:#194955;font-weight:700;text-decoration:none;font-size:15.5px;border-bottom:1px solid #e1e8ed;padding-bottom:12px}
html.cdl6 .cdl6d-col h3{margin:0 0 8px;font:700 14px Montserrat,sans-serif;color:#B52332}
html.cdl6 .cdl6d-col a{display:block;color:#2B3344;text-decoration:none;font-size:14.5px;font-weight:500;padding:6px 0}
html.cdl6 .cdl6d-col a:hover{color:#194955;text-decoration:underline;text-underline-offset:3px}
html.cdl6 .cdl6d-col a.cdl6d-all{color:#194955;font-weight:700}
html.cdl6 .cdl6d-chips{display:flex;flex-wrap:wrap;gap:8px}
html.cdl6 .cdl6d-col a.cdl6d-chip{display:inline-flex;align-items:center;min-height:34px;padding:0 13px;border-radius:1000px;background:#e1ecee;color:#194955;font-weight:700;font-size:13.5px;text-decoration:none}
html.cdl6 .cdl6d-card{display:flex;flex-direction:column;gap:6px;background:#f2f5f7;border-radius:12px;padding:14px;text-decoration:none;color:#2B3344}
html.cdl6 .cdl6d-img{display:block;aspect-ratio:4/3;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#194955,#2c6674)}
html.cdl6 .cdl6d-img img{width:100%;height:100%;object-fit:cover;display:block}
html.cdl6 .cdl6d-card small{color:#B52332;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
html.cdl6 .cdl6d-card strong{font-size:15px;line-height:1.3}
html.cdl6 .cdl6d-cardtxt{color:#5f6670;font-size:13px}
html.cdl6 .cdl6d-btn:focus-visible,html.cdl6 .cdl6d-mega a:focus-visible,html.cdl6 .cdl6d-promo:focus-visible{outline:3px solid #F9C444;outline-offset:-3px}
}
@media (min-width:1000px) and (prefers-reduced-motion:reduce){html.cdl6 .cdl6d-chev{transition:none}}

/* ---------- Panneau de recherche (récentes + populaires), actif avec le nouveau menu ---------- */
html.cdl6 .cdl6-sp-host{position:relative}
html.cdl6 .cdl6-sp{position:absolute;z-index:1000;top:calc(100% + 8px);left:0;min-width:min(360px,92vw);width:max-content;max-width:min(640px,92vw);display:flex;gap:34px;padding:20px 24px 22px;background:#fff;border:1px solid #e1e8ed;border-radius:10px;box-shadow:0 16px 44px rgba(16,32,40,.16);font-family:Montserrat,-apple-system,sans-serif;text-align:left}
html.cdl6 .cdl6-sp[hidden]{display:none}
html.cdl6 .cdl6-sp-b{min-width:0;flex:1 1 auto}
html.cdl6 .cdl6-sp-recent{flex:0 1 auto}
html.cdl6 .cdl6-sp-b h3{display:flex;align-items:baseline;gap:10px;white-space:nowrap;margin:0 0 12px;font:700 14.5px Montserrat,sans-serif;color:#2B3344}
html.cdl6 .cdl6-sp-b ul{list-style:none;margin:0;padding:0}
html.cdl6 .cdl6-sp-b li{margin:0}
html.cdl6 .cdl6-sp-b a,html.cdl6 .cdl6-sp-b li button{display:flex;align-items:center;gap:9px;width:100%;padding:6px 0;border:0;background:none;font:500 14px Montserrat,sans-serif;color:#2B3344;text-align:left;text-decoration:none;cursor:pointer;min-height:36px;border-radius:0;box-shadow:none}
html.cdl6 .cdl6-sp-b a:hover,html.cdl6 .cdl6-sp-b li button:hover{color:#B52332}
html.cdl6 .cdl6-sp-b a:hover .cdl6-sp-l,html.cdl6 .cdl6-sp-b li button:hover .cdl6-sp-l{text-decoration:underline}
html.cdl6 .cdl6-sp-i{flex:none;color:#5f6670}
html.cdl6 .cdl6-sp-b a:hover .cdl6-sp-i,html.cdl6 .cdl6-sp-b li button:hover .cdl6-sp-i{color:#B52332}
html.cdl6 .cdl6-sp-l{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.cdl6 .cdl6-sp-k{flex:none;font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#a5a49f;margin-left:12px}
html.cdl6 .cdl6-sp-clear{border:0;background:none;padding:0;font:400 12.5px Montserrat,sans-serif;color:#5f6670;text-decoration:underline;cursor:pointer}
html.cdl6 .cdl6-sp-clear:hover{color:#B52332}
/* Dans le menu mobile et sous la barre mobile : pleine largeur, en colonne */
html.cdl6 .cdl6-search .cdl6-sp{left:0;right:0;width:auto;min-width:0;max-width:none;flex-direction:column;gap:18px;padding:16px 16px 18px}
html.cdl6 .cdl6-sp-x{display:none}
html.cdl6 .cdl6-search .cdl6-sp-x{display:flex;align-items:center;justify-content:center;position:absolute;top:8px;right:8px;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:none;color:#5f6670;cursor:pointer;box-shadow:none}
html.cdl6 .cdl6-search .cdl6-sp-x:hover{color:#B52332;background:#f3f5f7}