/* Zoneled : style « A · Comparateur » aux couleurs du site (bleu #009cff, marine #083b5c).
   Tout est préfixé zl- pour ne rien casser dans GridLove. Polices libres (SIL OFL) à placer dans assets/fonts/ ; sans elles, Arial prend le relais. */
@font-face{font-family:'Montserrat';font-weight:500 800;font-style:normal;font-display:swap;src:url(fonts/Montserrat-VariableFont_wght.woff2) format('woff2')}
@font-face{font-family:'Source Sans 3';font-weight:400 700;font-style:normal;font-display:swap;src:url(fonts/SourceSans3-VariableFont_wght.woff2) format('woff2')}
:root{--zl-ink:#000;--zl-text:#3d4045;--zl-muted:#64666a;--zl-line:#d8d9da;--zl-tint:#f7f7f7;--zl-soft:#eef8ff;--zl-soft2:#dff1ff;--zl-brand:#009cff;--zl-accent:#0070b8;--zl-accent-dk:#005e99;--zl-navy:#083b5c;--zl-card:#fff;--zl-head:'Montserrat',Arial,sans-serif;--zl-sans:'Source Sans 3','Source Sans Pro',Arial,sans-serif;--zl-r:8px}

/* ---------- contenu des articles (classes posées par les gabarits de rédaction) ---------- */
.zl-p{margin:1em 0}
.zl-bref{border:0;background:var(--zl-tint);border-radius:var(--zl-r);padding:16px 20px;margin:1em 0 1.4em;font-size:1.12em;color:var(--zl-text)}
.zl-card{margin:1.6em 0;padding:6px 24px 14px;border-radius:var(--zl-r);background:var(--zl-soft)}
.zl-card.zl-avantages{background:#fff;border:1px solid var(--zl-line)}
.zl-card.zl-exclusif{background:var(--zl-soft2)}
.zl-card h2,.zl-h2{font:700 1.45rem/1.25 var(--zl-head);color:var(--zl-ink);margin:.6em 0 .4em}
.zl-h2{margin:2em 0 .5em}
.zl-body p{margin:.7em 0}
.zl-table{overflow-x:auto;margin:1em 0}
.entry-content .zl-table table{border-collapse:collapse;width:100%;min-width:560px;font-size:15px;margin:0}
.entry-content .zl-table th,.entry-content .zl-table td{border:0;border-bottom:1px solid var(--zl-line);padding:9px 10px;text-align:left;vertical-align:top;background:none}
.entry-content .zl-table thead th{background:var(--zl-tint);font-family:var(--zl-head)}
.zl-table th:first-child,.zl-table td:first-child{white-space:nowrap;width:1%;padding-right:18px}
.zl-trbuy td{border-bottom:0!important;padding-top:14px!important}
.zl-more{border-left:3px solid var(--zl-line);padding:2px 0 2px 16px;margin:1.6em 0}
.zl-more-t{margin:0;font:600 12px var(--zl-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--zl-muted)}
.zl-more ul{margin:.4em 0 0;padding-left:18px}
.zl-faq details{border-bottom:1px solid var(--zl-line);padding:10px 0}
.zl-faq summary{cursor:pointer;font-weight:600}
.zl-faq p{margin:.5em 0 0;color:var(--zl-muted)}

/* ---------- boutons ---------- */
.entry-content a.zl-btn,a.zl-btn{display:inline-block;background:var(--zl-accent);color:#fff;border:0;text-decoration:none;font:700 14px var(--zl-head);letter-spacing:.03em;text-transform:uppercase;padding:14px 20px;border-radius:2px;text-align:center;transition:background .2s}
.entry-content a.zl-btn:hover,a.zl-btn:hover{background:var(--zl-accent-dk);color:#fff}
a.zl-btn-s{padding:10px 14px;font-size:13px}
.entry-content a.zl-lk,a.zl-lk{color:var(--zl-ink);font-size:14px;text-decoration:underline;text-underline-offset:3px;border:0}
.zl-soon{font-size:13px;color:var(--zl-muted);text-align:center}

/* ---------- barre d'achat sous le titre et barre fixe mobile ---------- */
.zl-achat{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin:16px 0 8px;padding:14px 18px;border:1px solid var(--zl-line);background:var(--zl-tint);border-radius:var(--zl-r)}
.zl-ap{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.zl-an{font-size:14px;color:var(--zl-muted)}.zl-an b{font:700 26px var(--zl-head);color:var(--zl-accent)}
.zl-ap-p b,.zl-buy b{display:block;font:700 24px/1.1 var(--zl-head);color:var(--zl-ink)}
.zl-ap-p small,.zl-buy small{color:var(--zl-muted);font-size:13px}
.zl-sticky{display:none}

/* ---------- fiche produit ---------- */
.zl-fiche{background:var(--zl-card);border:1px solid var(--zl-line);border-radius:var(--zl-r);padding:20px;margin:1.6em 0;color:var(--zl-text)}
.zl-fh{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:start}
.zl-gal{width:280px}
.entry-content .zl-gal a,.zl-gal a{display:block;border:1px solid var(--zl-line);background:#fff;border-radius:4px;overflow:hidden;text-decoration:none}
.zl-gal a:hover{border-color:var(--zl-accent)}
.zl-gmain{padding:8px}.zl-gmain img{display:block;width:100%;height:264px;object-fit:contain}
.zl-gth{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:6px}
.zl-gth img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.zl-gth a.zl-gmore{display:flex;align-items:center;justify-content:center;font:600 13px var(--zl-sans);color:var(--zl-accent);background:var(--zl-tint)}
.zl-fam{margin:0;font:600 12px var(--zl-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--zl-muted)}
.zl-fh h3{font:700 1.6rem/1.2 var(--zl-head);color:var(--zl-ink);margin:.15em 0 .3em}
.zl-pitch{margin:0 0 .6em;color:var(--zl-muted)}
.zl-note{margin:0;display:flex;align-items:baseline;gap:4px;flex-wrap:wrap}
.zl-note b{font:700 44px/1 var(--zl-head);color:var(--zl-accent)}.zl-note span{color:var(--zl-muted)}
.zl-note em{font-style:normal;font-size:13px;color:var(--zl-muted);margin-left:10px;border:1px solid var(--zl-line);padding:1px 8px;border-radius:99px}
.zl-plate{display:grid;grid-template-columns:repeat(4,1fr);margin:18px 0;border-top:1px solid var(--zl-line);border-left:1px solid var(--zl-line)}
.zl-plate div{padding:10px 12px;border-right:1px solid var(--zl-line);border-bottom:1px solid var(--zl-line)}
.zl-plate b{display:block;font:700 18px var(--zl-head);color:var(--zl-ink)}.zl-plate span{font-size:13px;color:var(--zl-muted)}
.zl-notes{display:grid;gap:6px;margin:6px 0 16px}
.zl-nrow{display:grid;grid-template-columns:170px 1fr 34px;gap:10px;align-items:center;font-size:14px}
.zl-nrow small{grid-column:2/4;color:var(--zl-muted);margin-top:-4px}.zl-nrow b{text-align:right}
.zl-bar{height:8px;background:var(--zl-tint);border-radius:2px;display:block}.zl-bar i{display:block;height:100%;background:var(--zl-brand);border-radius:2px}
.zl-pm{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.zl-pm h4{margin:0 0 6px;font:700 15px var(--zl-head);color:var(--zl-ink)}
.entry-content .zl-pm ul{list-style:none;margin:0;padding:0;font-size:15px}
.zl-pm li{padding-left:20px;position:relative;margin:4px 0}
.zl-plus li:before{content:'+';position:absolute;left:0;font-weight:700}.zl-moins li:before{content:'–';position:absolute;left:0;font-weight:700;color:var(--zl-accent)}
.zl-verdict{border-top:1px solid var(--zl-line);padding-top:14px;margin:16px 0}
.zl-buy{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.zl-partner{margin:12px 0 0;font-size:12px;color:var(--zl-muted)}

/* ---------- tableaux comparatifs : en-têtes et cellules d'achat ---------- */
.entry-content a.zl-th,a.zl-th{display:flex;flex-direction:column;align-items:flex-start;gap:6px;font:700 15px/1.25 var(--zl-head);color:var(--zl-ink);text-decoration:none;border:0}
.zl-th img{width:64px;height:64px;object-fit:contain;background:#fff;border:1px solid var(--zl-line);border-radius:4px}
a.zl-th:hover span{text-decoration:underline;text-underline-offset:3px}
.zl-th.zl-cur span:after{content:' · ce modèle';font-weight:400;color:var(--zl-muted);font-size:12px}
.zl-tbuy b{display:block;font:700 18px var(--zl-head);color:var(--zl-ink)}
.zl-tbuy small{display:block;color:var(--zl-muted);font-size:12px}
.zl-tbuy small.zl-unit{color:var(--zl-ink);font-weight:600}
.zl-tbuy .zl-btn{display:block;margin-top:8px}

/* ---------- vitrine de sous-catégorie ---------- */
.zl-vitrine{font-family:var(--zl-sans);color:var(--zl-text);padding:8px 0 48px}
.zl-bc{color:var(--zl-muted);font-size:14px;margin:18px 0 0}.zl-bc a{color:var(--zl-muted)}
.zl-vitrine h1{font:700 clamp(28px,4.6vw,40px)/1.15 var(--zl-head);color:var(--zl-ink);margin:.3em 0 .4em;letter-spacing:-.01em}
.zl-intro{max-width:680px;font-size:19px}
.zl-h2s{font:700 1.6rem/1.25 var(--zl-head);color:var(--zl-ink);margin:2.2em 0 .6em}
.zl-picks{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.zl-pick{padding:16px 16px 18px;border:1px solid var(--zl-line);border-top:3px solid var(--zl-brand);border-radius:var(--zl-r);display:flex;flex-direction:column;gap:6px;background:var(--zl-card)}
.zl-lab{font:600 12px var(--zl-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--zl-muted);margin:0}
.zl-pick h3{font:700 19px var(--zl-head);color:var(--zl-ink);margin:0}.zl-spec{margin:0;color:var(--zl-muted);font-size:14px}
.zl-pn{margin:4px 0;font-size:14px;color:var(--zl-muted)}.zl-pn b{font:700 30px var(--zl-head);color:var(--zl-accent)}
.zl-chips{display:flex;flex-wrap:wrap;gap:8px}
.zl-chips button{font:500 14px var(--zl-sans);background:none;border:1px solid var(--zl-line);color:var(--zl-ink);padding:6px 12px;border-radius:8px;cursor:pointer}
.zl-chips button.on{background:var(--zl-ink);color:#fff;border-color:var(--zl-ink)}
.zl-count{margin:14px 0 0;font-size:14px;color:var(--zl-muted)}
.zl-list{margin-top:10px;border-top:1px solid var(--zl-line)}
.zl-row{display:grid;grid-template-columns:72px 1fr 56px 270px;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--zl-line)}
.zl-row[hidden]{display:none}
.zl-ri{display:block;line-height:0}a.zl-ri:hover img{border-color:var(--zl-accent)}
.zl-row img{width:72px;height:72px;object-fit:contain;background:#fff;border:1px solid var(--zl-line);border-radius:4px}
.zl-rn h3{font:700 17px var(--zl-head);color:var(--zl-ink);margin:0}.zl-rn p{margin:2px 0 0;color:var(--zl-muted);font-size:14px}
.zl-rs b{font:700 24px var(--zl-head);color:var(--zl-accent)}.zl-rs small,.zl-rp small{color:var(--zl-muted)}
.zl-rp b{display:block;font-weight:600;color:var(--zl-ink)}.zl-rp small{font-size:12px}
.zl-ra{display:flex;flex-direction:column;gap:4px;align-items:stretch}
.zl-guides{padding-left:20px;max-width:680px}.zl-guides li{margin:.4em 0}.zl-guides a{color:var(--zl-accent)}

/* ---------- mobile ---------- */
@media(max-width:820px){
 .zl-picks{grid-template-columns:1fr 1fr}
 .zl-row{grid-template-columns:60px 1fr auto;grid-template-areas:'i n s' 'i a a'}
 .zl-ri{grid-area:i}.zl-row img{width:60px;height:60px}.zl-rn{grid-area:n}.zl-rs{grid-area:s}.zl-ra{grid-area:a;flex-direction:row;align-items:center;gap:10px}.zl-ra .zl-btn{flex:1}
 .zl-fh{grid-template-columns:1fr}.zl-gal{width:100%;max-width:340px}
 .zl-plate{grid-template-columns:1fr 1fr}.zl-pm{grid-template-columns:1fr}.zl-nrow{grid-template-columns:120px 1fr 30px}
 .zl-achat{padding:12px 14px}.zl-achat .zl-btn{width:100%}
 .zl-sticky{display:block;position:fixed;left:0;right:0;bottom:0;z-index:9999;background:var(--zl-card);border-top:1px solid var(--zl-line);padding:10px 16px}.zl-sticky .zl-btn{display:block;width:100%}
 .zl-sticky b{font:700 20px var(--zl-head);color:var(--zl-ink)}
 body.single .site-content,body.single #content{padding-bottom:70px}
}
@media(max-width:480px){.zl-picks{grid-template-columns:1fr}.zl-fiche{padding:14px}}

/* ---------- mention d'expédition et conseil de la rédaction ---------- */
.zl-ship{display:inline-block;font:600 13px var(--zl-sans);color:var(--zl-accent);background:var(--zl-soft);border-radius:2px;padding:4px 9px}
.zl-ship small{font-weight:400;color:var(--zl-muted)}
.zl-tbuy .zl-ship{display:block;margin-top:8px;background:none;padding:0;font-size:12px}
.zl-conseil{margin-top:16px;background:var(--zl-soft);border-radius:var(--zl-r);padding:14px 16px}
.zl-conseil h4{margin:0 0 4px;font:700 15px var(--zl-head);color:var(--zl-ink)}
.zl-conseil p{margin:0;font-size:15.5px;line-height:1.55}

.zl-meth,.zl-partner a.zl-meth{font-size:inherit;margin-left:6px;color:var(--zl-muted);text-decoration:underline;text-decoration-color:var(--zl-line);text-underline-offset:3px}.zl-meth:hover,.zl-partner a.zl-meth:hover{color:var(--zl-ink);text-decoration-color:currentColor}
.zl-notation{max-width:760px}.zl-notation p{margin:.6em 0;line-height:1.6}.zl-notation a{color:var(--zl-accent)}

.zl-page-large .gridlove-content{max-width:1100px}
.zl-page-large .entry-content table{width:100%;border-collapse:collapse;margin:1.2em 0}
.zl-page-large .entry-content th,.zl-page-large .entry-content td{white-space:normal;text-align:left;vertical-align:top;padding:10px 12px;border:1px solid var(--zl-line)}
.zl-page-large .entry-content th{background:var(--zl-tint);font-family:var(--zl-head)}

.zl-rn h3 a{color:inherit;text-decoration:none}.zl-rn h3 a:hover{color:var(--zl-accent);text-decoration:underline}