@import url('fonts.css'); /* polices AUTO-HEBERGEES (RGPD) : Spectral + Hanken Grotesk locales (assets/fonts/), plus de requete vers Google */ /* ========================================================= Ladies CBD — Direction A · Botanique Thème enfant de classic (PrestaShop 8). CSS de marque. NB: pas de reset global agressif (on ne casse pas Bootstrap). ========================================================= */ :root{ --cream:#F4F1E8; --cream-2:#EDE8DA; --paper:#FCFBF6; --ink:#27302A; --ink-soft:#5A655C; --forest:#233A2C; --forest-deep:#1A2D22; --sage:#8FA88C; --sage-soft:#D7E0CF; --sage-tint:#E8EDE0; --clay:#C08552; --line:#DED8C8; --r:18px; } /* ---- Base ---- */ body{ background:var(--cream); color:var(--ink); font-family:'Hanken Grotesk',system-ui,-apple-system,Segoe UI,sans-serif; line-height:1.5; -webkit-font-smoothing:antialiased; } body, #wrapper, #content-wrapper{ overflow-x:clip; } h1,h2,h3,.serif{font-family:'Spectral',Georgia,serif;font-weight:500;line-height:1.08;letter-spacing:-.01em;color:var(--forest-deep)} a{color:inherit;text-decoration:none} a:hover{text-decoration:none} img{max-width:100%} .ld-wrap{max-width:1200px;margin:0 auto;padding:0 28px} .eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--sage);display:block} .mono{font-family:ui-monospace,'SF Mono',Menlo,monospace} /* full-bleed helper (sections fond pleine largeur dans un .container Bootstrap) */ .ld-bleed{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw} /* Pages full-bleed : neutralise le .container Bootstrap, on gère la largeur via .ld-wrap */ body#index #wrapper > .container, body.ld-fullbleed #wrapper > .container{max-width:100%;width:100%;padding-left:0;padding-right:0} body#index #wrapper > .container > .row, body.ld-fullbleed #wrapper > .container > .row{margin-left:0;margin-right:0} body#index #wrapper .breadcrumb{display:none} body#index #content-wrapper{padding:0} /* placeholder visuel */ .ph{position:relative;background:repeating-linear-gradient(135deg,#e7e1d2 0 10px,#efe9db 10px 20px);border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden} .ph span{font-family:ui-monospace,'SF Mono',Menlo,monospace;font-size:11px;letter-spacing:.08em;color:#9a917c;text-transform:uppercase;background:rgba(252,251,246,.7);padding:4px 9px;border-radius:99px} /* ---- Boutons ---- */ .ld-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:600;font-size:15px;padding:14px 24px;border-radius:99px;cursor:pointer;transition:.18s;border:1px solid transparent;font-family:inherit;line-height:1} .ld-btn svg{flex:none} .ld-btn-primary{background:var(--forest);color:#F4F1E8} .ld-btn-primary:hover{background:var(--forest-deep);color:#F4F1E8} .ld-btn-ghost{background:transparent;border-color:var(--forest);color:var(--forest)} .ld-btn-ghost:hover{background:var(--sage-tint);color:var(--forest)} .ld-btn-clay{background:var(--clay);color:#231a12} .ld-btn-clay:hover{background:#cf935f;color:#231a12} /* ======================= HEADER ======================= */ #header{background:transparent;box-shadow:none} header.ld-site{position:sticky;top:0;z-index:1001;background:rgba(244,241,232,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)} .ld-topbar{font-size:12.5px;letter-spacing:.04em;background:var(--forest);color:#D7E0CF;text-align:center;padding:7px 12px} .ld-topbar b{color:#F4F1E8;font-weight:600} .ld-nav{display:flex;align-items:center;gap:24px;height:74px} .ld-brand{display:flex;align-items:center;gap:11px;margin-right:6px} .ld-brand img{height:42px;width:auto} .ld-brand .wm{line-height:1} .ld-brand .wm b{font-family:'Spectral',serif;font-weight:600;font-size:19px;letter-spacing:.01em;display:block;color:var(--forest)} .ld-brand .wm small{font-size:9.5px;letter-spacing:.32em;text-transform:uppercase;color:var(--sage);font-weight:600} .ld-menu{display:flex;gap:22px;font-size:14.5px;font-weight:500;margin-left:8px;list-style:none;margin-bottom:0;padding:0} .ld-menu li{position:relative} .ld-menu a{padding:8px 0;position:relative;color:var(--ink);display:inline-block} .ld-menu a:hover{color:var(--forest)} .ld-menu a.vape,.ld-menu li.ld-menu-vape>a{color:var(--clay);font-weight:600} .ld-tools{margin-left:auto;display:flex;gap:8px;align-items:center} .ld-icon{width:42px;height:42px;border-radius:99px;display:flex;align-items:center;justify-content:center;color:var(--forest);cursor:pointer;background:none;border:0;position:relative} .ld-icon:hover{background:var(--sage-tint)} .ld-icon svg{width:20px;height:20px} .ld-cart-badge i{position:absolute;top:4px;right:4px;background:var(--clay);color:#fff;font-size:10px;font-style:normal;font-weight:700;min-width:16px;height:16px;padding:0 4px;border-radius:99px;display:flex;align-items:center;justify-content:center} .ld-burger{display:none} /* ps_mainmenu (widget natif) restylé en barre Botanique */ .ld-menu .menu-dropdown,.ld-menu .top-menu{list-style:none;margin:0;padding:0} .ld-menu .sub-menu{position:absolute;top:100%;left:0;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:10px;min-width:220px;box-shadow:0 24px 40px -28px rgba(26,45,34,.45);display:none;z-index:1002} .ld-menu li:hover>.sub-menu{display:block} .ld-menu .sub-menu a{padding:6px 10px;font-size:14px;display:block;border-radius:8px} .ld-menu .sub-menu a:hover{background:var(--sage-tint)} /* ======================= SECTIONS HELPERS ============= */ .ld-sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:32px} .ld-sec-head h2{font-size:clamp(28px,3.4vw,40px);color:var(--forest-deep)} .ld-sec-head p{color:var(--ink-soft);max-width:46ch;margin-top:8px;margin-bottom:0} .ld-link-more{font-weight:600;color:var(--forest);white-space:nowrap;display:inline-flex;gap:6px;align-items:center;transition:.18s} .ld-link-more:hover{gap:10px;color:var(--forest)} section.ld-block{padding:72px 0} /* ======================= HOME ======================== */ .ld-hero{padding:54px 0 40px} .ld-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center} .ld-hero .badge{display:inline-flex;align-items:center;gap:8px;background:var(--sage-tint);color:var(--forest);font-size:12.5px;font-weight:600;padding:7px 14px;border-radius:99px;margin-bottom:22px} .ld-hero .badge::before{content:"";width:7px;height:7px;border-radius:99px;background:var(--sage)} .ld-hero h1{font-size:clamp(40px,5vw,62px);color:var(--forest-deep)} .ld-hero h1 em{font-style:italic;color:var(--clay)} .ld-hero p.lead{font-size:18px;color:var(--ink-soft);max-width:34ch;margin:20px 0 30px} .ld-hero .cta{display:flex;gap:12px;flex-wrap:wrap} .ld-hero-visual{position:relative} .ld-hero-visual .frame{aspect-ratio:4/5;border-radius:24px;background:var(--paper);border:1px solid var(--line);box-shadow:0 30px 60px -40px rgba(26,45,34,.5);overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative} .ld-hero-visual .frame .ph{position:absolute;inset:0;border:0;border-radius:0} .ld-hero-visual .frame .hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block} .ld-hero-visual .logo-float{position:absolute;width:62%;left:50%;top:52%;transform:translate(-50%,-50%);filter:drop-shadow(0 18px 28px rgba(26,45,34,.28))} .ld-hero-visual .chip{position:absolute;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:12px 15px;box-shadow:0 14px 30px -18px rgba(26,45,34,.5);font-size:13px} .ld-hero-visual .chip b{display:block;font-weight:700;font-size:14px} .ld-hero-visual .chip.one{left:-14px;bottom:46px} .ld-hero-visual .chip.two{right:-10px;top:42px} .ld-hero-visual .chip .k{color:var(--sage);font-weight:600;font-size:11px;letter-spacing:.1em;text-transform:uppercase} .ld-trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper)} .ld-trust .row2{display:grid;grid-template-columns:repeat(4,1fr);gap:0} .ld-trust .it{padding:20px 8px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:7px;border-right:1px solid var(--line)} .ld-trust .it:last-child{border-right:0} .ld-trust .it svg{width:24px;height:24px;color:var(--forest)} .ld-trust .it b{font-size:14px;font-weight:600} .ld-trust .it span{font-size:12.5px;color:var(--ink-soft)} .ld-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px} .ld-cat{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:.2s;display:flex;flex-direction:column} .ld-cat:hover{transform:translateY(-4px);box-shadow:0 26px 44px -30px rgba(26,45,34,.45)} .ld-cat .img{aspect-ratio:16/10;position:relative;overflow:hidden} .ld-cat .img .ph{position:absolute;inset:0;border:0;border-radius:0} .ld-cat .img img{width:100%;height:100%;object-fit:cover;display:block} .ld-cat .body{padding:18px 20px 22px} .ld-cat .body .k{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--sage);font-weight:600} .ld-cat .body h3{font-size:21px;margin:5px 0 4px;color:var(--forest-deep)} .ld-cat .body p{font-size:13.5px;color:var(--ink-soft);margin-bottom:0} .ld-vape{background:var(--forest-deep);color:var(--cream);border-radius:28px;overflow:hidden;position:relative} .ld-vape .inner{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:48px 52px} .ld-vape .eyebrow{color:var(--sage)} .ld-vape h2{font-size:clamp(28px,3.4vw,42px);color:#fff;margin:14px 0 14px} .ld-vape p{color:#C7D2C0;max-width:40ch;margin-bottom:24px} .ld-vape .pills{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:26px} .ld-vape .pills span{border:1px solid rgba(215,224,207,.35);border-radius:99px;padding:7px 14px;font-size:13px;color:#D7E0CF} .ld-vape .vis{aspect-ratio:1/1;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid rgba(215,224,207,.2);position:relative;overflow:hidden} .ld-vape .vis .ph{position:absolute;inset:0;border:0;border-radius:0;background:repeating-linear-gradient(135deg,#22382b 0 10px,#26402f 10px 20px)} .ld-vape .vis .ph span{background:rgba(26,45,34,.6);color:#C7D2C0} .ld-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:12px;overflow:hidden} .ld-story .vis{aspect-ratio:5/6;border-radius:20px;position:relative;overflow:hidden;background:var(--sage-tint);display:flex;align-items:center;justify-content:center} .ld-story .vis img{width:78%;filter:drop-shadow(0 14px 22px rgba(26,45,34,.25))} .ld-story .txt{padding:32px 40px 32px 16px} .ld-story h2{font-size:clamp(26px,3vw,38px);color:var(--forest-deep);margin:14px 0 16px} .ld-story p{color:var(--ink-soft);margin-bottom:14px;font-size:15.5px} .ld-story .sig{font-family:'Spectral',serif;font-style:italic;color:var(--forest);font-size:18px;margin-top:8px} .ld-news{background:var(--sage-tint);border-radius:28px;padding:46px;text-align:center} .ld-news h2{font-size:clamp(26px,3vw,38px);color:var(--forest-deep)} .ld-news p{color:var(--ink-soft);max-width:42ch;margin:12px auto 24px} .ld-news form{display:flex;gap:10px;max-width:440px;margin:0 auto} .ld-news input[type=email],.ld-news input[type=text]{flex:1;border:1px solid var(--line);background:var(--paper);border-radius:99px;padding:14px 20px;font:inherit;font-size:15px} .ld-news input:focus{outline:2px solid var(--sage)} /* ======================= CARTE PRODUIT =============== */ .ld-prods{display:grid;grid-template-columns:repeat(4,1fr);gap:18px} .ld-prod{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:.2s;display:flex;flex-direction:column} .ld-prod:hover{transform:translateY(-4px);box-shadow:0 24px 40px -30px rgba(26,45,34,.4)} .ld-prod .img{aspect-ratio:1/1;position:relative;display:block} .ld-prod .img img{width:100%;height:100%;object-fit:cover} .ld-prod .img .ph{position:absolute;inset:0;border:0;border-radius:0} .ld-prod .tag{position:absolute;top:12px;left:12px;background:var(--sage-tint);color:var(--forest);font-size:11px;font-weight:700;padding:5px 10px;border-radius:99px;z-index:2} .ld-prod .tag.clay{background:var(--clay);color:#fff} .ld-prod .fav{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:99px;background:rgba(252,251,246,.9);display:flex;align-items:center;justify-content:center;z-index:2;color:var(--forest);cursor:pointer;border:0} .ld-prod .fav:hover{color:var(--clay)} .ld-prod .cbd-pill{position:absolute;bottom:12px;left:12px;background:rgba(26,45,34,.86);color:#E8EDE0;font-size:11px;font-weight:700;padding:5px 10px;border-radius:99px;z-index:2} .ld-prod .body{padding:15px 16px 18px;display:flex;flex-direction:column;gap:2px;flex:1} .ld-prod .body .k{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--sage);font-weight:600} .ld-prod .body h4{font-size:16px;font-weight:600;margin:4px 0 2px;font-family:'Hanken Grotesk',sans-serif;color:var(--ink)} .ld-prod .rate{display:flex;align-items:center;gap:5px;font-size:12.5px;color:var(--ink-soft);margin-bottom:8px} .ld-prod .rate .stars{color:var(--clay);letter-spacing:1px} .ld-prod .pr{display:flex;align-items:center;justify-content:space-between;margin-top:auto} .ld-prod .pr b{font-size:17px;color:var(--forest-deep);font-family:'Spectral',serif;font-weight:600} .ld-prod .pr small{font-size:12px;color:var(--ink-soft);font-family:'Hanken Grotesk'} .ld-prod .add{width:38px;height:38px;border-radius:99px;background:var(--forest);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;border:0;flex:none} .ld-prod .add:hover{background:var(--clay)} /* ======================= FOOTER ===================== */ #footer{background:var(--forest-deep)} footer.ld-site{background:var(--forest-deep);color:#C7D2C0;padding:56px 0 28px} .ld-fcols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px} footer.ld-site .ld-brand .wm b{color:#fff;font-family:'Spectral',serif;font-size:19px} footer.ld-site .ld-brand .wm small{color:var(--sage)} footer.ld-site .ld-brand img{height:48px} footer.ld-site p.about{font-size:14px;color:#A9B6A4;margin-top:16px;max-width:34ch} footer.ld-site h5{color:#fff;font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px;font-weight:600} footer.ld-site ul{list-style:none;display:flex;flex-direction:column;gap:9px;padding:0;margin:0} footer.ld-site ul a{font-size:14px;color:#A9B6A4} footer.ld-site ul a:hover{color:#fff} .ld-legal{border-top:1px solid rgba(199,210,192,.18);margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12.5px;color:#8B998A} .ld-legal .age{border:1px solid rgba(199,210,192,.3);border-radius:8px;padding:4px 9px;font-weight:600;color:#C7D2C0} /* ======================= CATEGORIE / LISTING ======== */ .ld-crumb{font-size:13px;color:var(--ink-soft);padding:18px 0 0;display:flex;gap:8px;align-items:center;flex-wrap:wrap} .ld-crumb a:hover{color:var(--forest)} .ld-crumb .sep{opacity:.5} .ld-crumb b{color:var(--forest);font-weight:600} .ld-cathead{padding:18px 0 30px} .ld-cathead .row2{display:grid;grid-template-columns:1.3fr .7fr;gap:36px;align-items:center} .ld-cathead h1{font-size:clamp(34px,4.4vw,52px);color:var(--forest-deep)} .ld-cathead p{color:var(--ink-soft);font-size:16px;max-width:52ch;margin-top:14px} .ld-cathead .pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px} .ld-cathead .pills span{font-size:12.5px;background:var(--paper);border:1px solid var(--line);border-radius:99px;padding:7px 14px;color:var(--forest)} .ld-cathead .vis{aspect-ratio:5/4;border-radius:22px;position:relative;overflow:hidden;border:1px solid var(--line)} .ld-cathead .vis .ph{position:absolute;inset:0;border:0;border-radius:0} .ld-cathead .vis img{width:100%;height:100%;object-fit:cover;display:block} /* Vape hero sombre */ .ld-vapehero{background:var(--forest-deep);color:var(--cream);border-radius:28px;padding:40px 44px;margin:14px 0 8px;overflow:hidden} .ld-vapehero-row{display:grid;grid-template-columns:1.3fr .7fr;gap:36px;align-items:center} .ld-vapehero .eyebrow{color:var(--sage)} .ld-vapehero h1{color:#fff;font-size:clamp(34px,4.4vw,52px)} .ld-vapehero p{color:#C7D2C0;max-width:60ch;margin-top:14px;font-size:16px} .ld-vape-stat{display:inline-block;margin-top:18px;border:1px solid rgba(215,224,207,.35);border-radius:99px;padding:8px 16px;font-size:13.5px;color:#D7E0CF} .ld-vape-stat b{color:var(--clay);font-weight:700} .ld-vapehero .vis{aspect-ratio:5/4;border-radius:18px;overflow:hidden;border:1px solid rgba(215,224,207,.2)} .ld-vapehero .vis img{width:100%;height:100%;object-fit:cover;display:block} @media(max-width:920px){.ld-vapehero-row{grid-template-columns:1fr}.ld-vapehero .vis{display:none}} .ld-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap} .ld-toolbar .count{font-size:14px;color:var(--ink-soft)} .ld-toolbar .count b{color:var(--forest);font-weight:600} .ld-toolbar .right{display:flex;align-items:center;gap:10px} .ld-toolbar .filt-toggle{display:none} .ld-toolbar select{font:inherit;font-size:14px;border:1px solid var(--line);background:var(--paper);border-radius:99px;padding:10px 16px;color:var(--ink);cursor:pointer} .ld-layout{display:grid;grid-template-columns:262px 1fr;gap:34px;padding:30px 0 10px;align-items:start} .ld-layout aside.filters{position:sticky;top:96px} .ld-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px} .ld-loadmore{display:flex;justify-content:center;padding:36px 0 10px} .ld-band{background:var(--sage-tint);border-radius:24px;padding:34px 40px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;margin:34px 0} .ld-band h3{font-size:24px;color:var(--forest-deep)} .ld-band p{color:var(--ink-soft);max-width:54ch;margin-top:6px;font-size:15px;margin-bottom:0} /* Restyle ps_facetedsearch dans la sidebar Botanique */ #search_filters{background:transparent;border:0;padding:0} #search_filters .facet{border-bottom:1px solid var(--line);padding:18px 0;margin:0} #search_filters .facet:first-child{padding-top:0} #search_filters .facet .facet-title{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--forest);margin-bottom:14px;font-weight:600;font-family:'Hanken Grotesk',sans-serif} #search_filters .facet-label{font-size:14.5px;color:var(--ink)} #search_filters .facet-label:hover{color:var(--forest)} #search_filters ul{list-style:none;padding:0;margin:0} #search_filters .magnitude{color:var(--ink-soft);font-size:12.5px} #_desktop_search_filters_clear_all .js-search-link, .clear-all-wrapper .js-search-link{color:var(--clay);font-weight:600} /* ======================= TOAST + DRAWER ============= */ .ld-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(20px);background:var(--forest-deep);color:#F4F1E8;padding:13px 22px;border-radius:99px;font-size:14px;font-weight:500;opacity:0;pointer-events:none;transition:.25s;z-index:2000;box-shadow:0 16px 30px -12px rgba(0,0,0,.5)} .ld-toast.show{opacity:1;transform:translateX(-50%) translateY(0)} .ld-scrim{position:fixed;inset:0;background:rgba(26,45,34,.4);opacity:0;pointer-events:none;transition:.2s;z-index:1500} .ld-scrim.show{opacity:1;pointer-events:auto} /* Modale "produit ajouté au panier" */ .ld-cart-modal-scrim{position:fixed;inset:0;background:rgba(26,45,34,.45);display:flex;align-items:center;justify-content:center;z-index:3000;opacity:0;pointer-events:none;transition:.2s;padding:20px} .ld-cart-modal-scrim.show{opacity:1;pointer-events:auto} .ld-cart-modal{background:var(--paper);border:1px solid var(--line);border-radius:20px;max-width:460px;width:100%;padding:30px 30px 26px;box-shadow:0 40px 80px -30px rgba(26,45,34,.55);position:relative;transform:translateY(14px);transition:.25s} .ld-cart-modal-scrim.show .ld-cart-modal{transform:none} .ld-cm-close{position:absolute;top:12px;right:16px;background:none;border:0;font-size:26px;line-height:1;color:var(--ink-soft);cursor:pointer;padding:4px 8px} .ld-cm-close:hover{color:var(--forest)} .ld-cm-head{display:flex;align-items:center;gap:11px;font-family:'Spectral',serif;font-size:22px;color:var(--forest-deep);font-weight:600;margin-bottom:10px} .ld-cm-check{width:30px;height:30px;border-radius:99px;background:var(--forest);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:15px;flex:none} .ld-cm-sum{color:var(--ink-soft);font-size:14.5px;margin-bottom:22px} .ld-cm-sum b{color:var(--forest-deep);font-weight:600} .ld-cm-actions{display:flex;flex-wrap:wrap;gap:10px} .ld-cm-actions .ld-btn{flex:1;min-width:128px;justify-content:center;font-size:14px;padding:12px 14px} @media(max-width:480px){.ld-cm-actions{flex-direction:column}.ld-cm-actions .ld-btn{width:100%;flex:none}} /* ======================= RESPONSIVE ================= */ @media(max-width:920px){ .ld-hero-grid{grid-template-columns:1fr;gap:32px} .ld-hero-visual{max-width:440px} .ld-cats{grid-template-columns:repeat(2,1fr)} .ld-prods{grid-template-columns:repeat(2,1fr)} .ld-vape .inner{grid-template-columns:1fr;padding:36px 30px} .ld-story{grid-template-columns:1fr} .ld-story .txt{padding:8px 28px 30px} .ld-fcols{grid-template-columns:1fr 1fr} .ld-cathead .row2{grid-template-columns:1fr} .ld-cathead .vis{display:none} .ld-layout{grid-template-columns:1fr} .ld-grid{grid-template-columns:repeat(2,1fr)} .ld-toolbar .filt-toggle{display:inline-flex} .ld-layout aside.filters{position:fixed;top:0;left:0;height:100%;width:300px;max-width:86vw;background:var(--cream);z-index:1600;padding:22px;overflow-y:auto;transform:translateX(-100%);transition:.25s;box-shadow:0 0 50px -10px rgba(0,0,0,.3)} .ld-layout aside.filters.open{transform:translateX(0)} } @media(max-width:680px){ .ld-menu{display:none} .ld-burger{display:flex} .ld-trust .row2{grid-template-columns:1fr 1fr} .ld-trust .it:nth-child(2){border-right:0} .ld-trust .it{border-bottom:1px solid var(--line)} .ld-cats,.ld-prods{grid-template-columns:1fr 1fr} .ld-news form{flex-direction:column} .ld-wrap{padding:0 18px} } @media(max-width:560px){ .ld-grid{grid-template-columns:1fr 1fr} .ld-band{grid-template-columns:1fr} } /* ======================= ps_mainmenu (widget natif) === */ .ld-menuwrap{display:flex;align-items:center} .ld-menuwrap ul{list-style:none;margin:0;padding:0} .ld-menuwrap .top-menu,.ld-menuwrap > ul{display:flex;align-items:center;gap:22px;font-size:14.5px;font-weight:500} .ld-menuwrap .top-menu > li{position:relative} .ld-menuwrap a,.ld-menuwrap .top-menu a{color:var(--ink);font-weight:500;padding:8px 0;display:inline-flex;align-items:center;white-space:nowrap} .ld-menuwrap a:hover{color:var(--forest)} .ld-menuwrap .top-menu .sub-menu,.ld-menuwrap .top-menu ul{position:absolute;top:100%;left:0;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:10px;min-width:230px;box-shadow:0 24px 40px -28px rgba(26,45,34,.45);display:none;z-index:1002} .ld-menuwrap .top-menu li:hover > .sub-menu,.ld-menuwrap .top-menu li:hover > ul{display:block} .ld-menuwrap .top-menu .sub-menu a{padding:6px 10px;font-size:14px;display:block;border-radius:8px;font-weight:500} .ld-menuwrap .top-menu .sub-menu a:hover{background:var(--sage-tint)} /* item Vape mis en avant (ajouter classe CSS "ld-vape" à l'entrée de menu en BO, ou cible par href) */ .ld-menuwrap .top-menu > li > a[href*="cigarettes"], .ld-menuwrap .top-menu > li.ld-vape > a{color:var(--clay);font-weight:600} /* searchbar compacte dans le header */ .ld-search{display:flex;align-items:center} .ld-search .search-widget,.ld-search form{margin:0} .ld-search input[type=text]{border:1px solid var(--line);background:var(--paper);border-radius:99px;padding:9px 16px;font:inherit;font-size:14px;min-width:170px;color:var(--ink)} .ld-search input[type=text]:focus{outline:2px solid var(--sage)} .ld-search button[type=submit]{background:none;border:0;color:var(--forest);cursor:pointer} /* ======================= CARTE NATIVE .product-miniature == */ .products,.featured-products .products,#js-product-list .products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;list-style:none;padding:0;margin:0} #js-product-list .products{grid-template-columns:repeat(3,1fr)} .product-miniature{margin:0} .product-miniature .thumbnail-container,.product-miniature article{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:.2s;height:100%;display:flex;flex-direction:column} .product-miniature:hover .thumbnail-container{transform:translateY(-4px);box-shadow:0 24px 40px -30px rgba(26,45,34,.4)} .product-miniature .thumbnail{display:block;position:relative;aspect-ratio:1/1;overflow:hidden} .product-miniature .thumbnail img{width:100%;height:100%;object-fit:cover} .product-miniature .product-description,.product-miniature .product-desc{padding:15px 16px 18px;display:flex;flex-direction:column;gap:4px;flex:1} .product-miniature .product-title{font-size:16px;font-weight:600;font-family:'Hanken Grotesk',sans-serif;margin:0} .product-miniature .product-title a{color:var(--ink)} .product-miniature .product-price-and-shipping{margin-top:auto} .product-miniature .price{font-size:17px;color:var(--forest-deep);font-family:'Spectral',serif;font-weight:600} .product-miniature .regular-price{color:var(--ink-soft);text-decoration:line-through;font-size:13px;font-family:'Hanken Grotesk'} .product-miniature .product-flags{position:absolute;top:12px;left:12px;margin:0;padding:0;list-style:none;z-index:2} .product-miniature .product-flag{background:var(--sage-tint);color:var(--forest);font-size:11px;font-weight:700;padding:5px 10px;border-radius:99px;margin:0 0 6px 0;display:inline-block} .product-miniature .product-flag.new,.product-miniature .product-flag.on-sale{background:var(--clay);color:#fff} .product-miniature .highlighted-informations{display:none} @media(max-width:920px){ .products,.featured-products .products,#js-product-list .products{grid-template-columns:repeat(2,1fr)} } @media(max-width:560px){ .products,.featured-products .products,#js-product-list .products{grid-template-columns:1fr 1fr} } /* ======================= LISTING CLASSIC (toolbar/pagination/colonne) == */ .ld-cathead .ld-cat-desc{color:var(--ink-soft);font-size:16px;max-width:60ch;margin-top:14px} .ld-cathead .ld-cat-desc p{margin-bottom:8px} .ld-cat-bottomtext{color:var(--ink-soft);font-size:15px;margin:24px 0 8px;max-width:75ch} /* page catégorie : titre classic masqué (on a notre en-tête) */ #category #js-product-list-header h1, .category-cover{display:none} /* colonne de gauche = filtres Botanique */ #left-column{padding-top:6px} #search_filters_wrapper .block-categories, #left-column .ps-category-tree{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;margin-bottom:18px} /* barre d'outils (tri + compteur) */ #js-product-list-top{padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:18px} .total-products p,.total-products{font-size:14px;color:var(--ink-soft);margin:0} .products-sort-order .select-title{display:inline-flex;align-items:center;gap:8px;font-size:14px;border:1px solid var(--line);background:var(--paper);border-radius:99px;padding:9px 16px;color:var(--ink);cursor:pointer} .products-sort-order .dropdown-menu{border:1px solid var(--line);border-radius:14px;background:var(--paper);padding:6px} .products-sort-order .dropdown-menu a{border-radius:8px;padding:6px 12px;color:var(--ink)} .products-sort-order .dropdown-menu a:hover{background:var(--sage-tint)} /* pagination = pilules */ .pagination{margin:30px 0 0;display:flex;justify-content:center} .pagination .page-list{display:flex;gap:6px;list-style:none;padding:0;margin:0;flex-wrap:wrap} .pagination .page-list li a,.pagination .page-list li span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border:1px solid var(--line);border-radius:99px;background:var(--paper);color:var(--ink);font-weight:600;font-size:14px} .pagination .page-list li.current a,.pagination .page-list li a:hover{background:var(--forest);border-color:var(--forest);color:#F4F1E8} .pagination .page-list li.disabled span{opacity:.4} /* bouton "Filtres" mobile (ps_facetedsearch) restylé */ #search_filter_toggler,.ld-toolbar .filt-toggle{border:1px solid var(--forest)!important;color:var(--forest)!important;background:transparent!important;border-radius:99px!important;padding:10px 18px!important;font-weight:600} /* prix barré / réductions dans le listing */ .product-miniature .discount-percentage,.product-miniature .product-flag.discount{background:var(--clay);color:#fff} /* --- catégorie SANS facettes : pas de colonne gauche, grille pleine largeur --- */ body.ld-no-facets #left-column{display:none!important} body.ld-no-facets #content-wrapper{flex:0 0 100%!important;max-width:100%!important;width:100%!important} body.ld-no-facets #js-product-list .products{grid-template-columns:repeat(4,1fr)} body.ld-no-facets #search_filter_toggler,body.ld-no-facets .ld-toolbar .filt-toggle,body.ld-no-facets .ld-cathead+.ld-toolbar .filt-toggle{display:none!important} @media(max-width:920px){body.ld-no-facets #js-product-list .products{grid-template-columns:repeat(2,1fr)}} @media(max-width:560px){body.ld-no-facets #js-product-list .products{grid-template-columns:1fr 1fr}} /* ======================= FICHE PRODUIT (classic restylé) === */ #product #wrapper .breadcrumb{padding:18px 0 0} #product #content-wrapper,#product #main{max-width:1200px;margin:0 auto} .product-container{gap:0} /* galerie */ #product .product-cover{border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--paper);position:relative} #product .product-cover img{border-radius:24px} #product .product-images>li.thumb-container .thumb{border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:.15s;margin:6px 6px 0 0} #product .product-images>li.thumb-container .thumb.selected,#product .product-images>li.thumb-container .thumb:hover{border-color:var(--forest)} #product .product-flags{position:absolute;top:14px;left:14px;z-index:3;margin:0;padding:0;list-style:none} #product .product-flag{background:var(--sage-tint);color:var(--forest);font-size:11px;font-weight:700;padding:5px 11px;border-radius:99px;margin-bottom:6px;display:inline-block} #product .product-flag.new,#product .product-flag.on-sale,#product .product-flag.discount{background:var(--clay);color:#fff} /* titre + surtitre */ #product h1.h1,#product .product-information h1{font-family:'Spectral',serif;font-weight:600;font-size:clamp(27px,3.4vw,40px);color:var(--forest-deep);margin:0 0 6px} #product .product-reference{color:var(--sage);font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:600} /* prix */ #product .product-prices{margin:16px 0 10px} #product .product-price,#product .current-price .price,#product .current-price span{font-family:'Spectral',serif;font-weight:600;font-size:34px;color:var(--forest-deep)} #product .product-unit-price{font-size:13px;color:var(--ink-soft);font-family:'Hanken Grotesk'} #product .regular-price{color:var(--ink-soft);text-decoration:line-through;font-size:16px;font-family:'Hanken Grotesk';margin-left:8px} #product .discount.discount-percentage,#product .product-discount .discount{background:var(--clay);color:#fff;border-radius:99px;padding:3px 10px;font-weight:700;font-size:13px} #product .tax-shipping-delivery-label{color:var(--ink-soft);font-size:12.5px} /* tableau prix dégressif (specific prices) */ #product .product-discounts{margin:14px 0} #product .table-product-discounts{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;font-size:14px} #product .table-product-discounts th{background:var(--sage-tint);color:var(--forest);font-weight:600;padding:10px 14px;text-align:left;font-size:12.5px;text-transform:uppercase;letter-spacing:.04em} #product .table-product-discounts td{padding:10px 14px;border-top:1px solid var(--line);color:var(--ink)} #product .table-product-discounts tr:hover td{background:var(--cream-2)} /* déclinaisons (combinaisons = sélecteur de poids) */ #product .product-variants>.product-variants-item{margin:14px 0} #product .product-variants .control-label{font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--forest);font-weight:600;margin-bottom:8px;display:block} #product .product-variants select{border:1px solid var(--line);background:var(--paper);border-radius:99px;padding:11px 18px;font:inherit;font-size:15px;color:var(--ink);min-width:160px} #product .product-variants ul{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:0} #product .product-variants .input-container .radio-label{border:1px solid var(--line);background:var(--paper);border-radius:99px;padding:9px 16px;font-weight:600;cursor:pointer;transition:.15s;display:inline-block} #product .product-variants input:checked+span .radio-label,#product .product-variants .input-container input:checked~.radio-label{background:var(--forest);color:#F4F1E8;border-color:var(--forest)} /* quantité + ajout panier */ #product .product-add-to-cart{margin:18px 0;padding-top:18px;border-top:1px solid var(--line)} #product .product-quantity{display:flex;align-items:center;gap:14px;flex-wrap:wrap} #product .product-quantity .qty{margin:0} #product .product-quantity #quantity_wanted{border:1px solid var(--line);border-radius:99px;background:var(--paper);height:50px;width:78px;text-align:center;font:inherit;font-size:16px;color:var(--ink)} #product .product-quantity .input-group-btn-vertical .btn{background:var(--paper);border:1px solid var(--line);color:var(--forest)} #product .btn.add-to-cart,#product .product-add-to-cart .add-to-cart{background:var(--forest);color:#F4F1E8;border:0;border-radius:99px;padding:0 28px;height:50px;font-weight:600;font-size:15px;font-family:inherit;display:inline-flex;align-items:center;gap:9px;transition:.18s} #product .btn.add-to-cart:hover{background:var(--clay);color:#231a12} #product .product-availability{font-size:13.5px;color:var(--ink-soft);margin-top:10px} #product .product-minimal-quantity{font-size:13px;color:var(--ink-soft)} /* réassurance + mention légale injectées */ .ld-reassurance{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0} .ld-reassurance .it{display:flex;flex-direction:column;gap:5px;font-size:13px} .ld-reassurance .it svg{width:22px;height:22px;color:var(--forest)} .ld-reassurance .it b{font-size:13.5px;color:var(--ink)} .ld-reassurance .it span{color:var(--ink-soft)} .ld-legal-mention{background:var(--sage-tint);border-radius:14px;padding:14px 18px;font-size:12.5px;color:var(--ink-soft);margin:18px 0;line-height:1.55} .ld-legal-mention b{color:var(--forest);font-weight:600} /* features = "En un coup d'oeil" */ #product .product-features{margin:18px 0} #product .product-features .data-sheet{display:grid;grid-template-columns:1fr 1fr;gap:0;list-style:none;padding:0;margin:0;border:1px solid var(--line);border-radius:14px;overflow:hidden} #product .product-features .data-sheet dt.name{background:var(--paper);padding:11px 14px;font-weight:600;color:var(--forest);border-top:1px solid var(--line);border-right:1px solid var(--line);font-size:13.5px;margin:0} #product .product-features .data-sheet dd.value{padding:11px 14px;border-top:1px solid var(--line);color:var(--ink);font-size:13.5px;margin:0} #product .product-features .data-sheet dt.name:first-child,#product .product-features .data-sheet dd:nth-child(2){border-top:0} /* tabs / descriptions éditoriales */ #product .tabs{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:8px 28px 28px;margin-top:34px} #product .tabs .nav-tabs{border-bottom:1px solid var(--line);gap:8px} #product .tabs .nav-tabs .nav-link{border:0;color:var(--ink-soft);font-weight:600;padding:16px 6px;font-size:15px} #product .tabs .nav-tabs .nav-link.active{color:var(--forest);border-bottom:2px solid var(--clay)} #product .product-description h2,#product .product-description h3{font-family:'Spectral',serif;color:var(--forest-deep);margin:22px 0 10px} #product .product-description p{color:var(--ink-soft);margin-bottom:12px} /* réassurance hook natif éventuel */ #product .product-information .reassurance,#blockreassurance_product{margin:18px 0} /* accessoires "Nos coups de coeur" */ .product-accessories .h5,.product-accessories>p{font-family:'Spectral',serif;font-size:clamp(24px,3vw,34px);color:var(--forest-deep);text-transform:none;margin:48px 0 24px;font-weight:600} .product-accessories .products{grid-template-columns:repeat(4,1fr)} @media(max-width:920px){ .ld-reassurance{grid-template-columns:1fr 1fr} .product-accessories .products{grid-template-columns:repeat(2,1fr)} #product .product-features .data-sheet{grid-template-columns:1fr} } @media(max-width:560px){ .ld-reassurance{grid-template-columns:1fr} } /* ======================================================= CORRECTIONS VISUELLES (retours utilisateur) ======================================================= */ /* --- 1. Menu : item Vape lisible (pas de pastille verte), nowrap --- */ .ld-menu li{background:transparent!important} .ld-menu li>a{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;white-space:nowrap;color:var(--ink)} .ld-menu li>a:hover{background:transparent!important;color:var(--forest)} .ld-menu li.ld-menu-vape>a{color:var(--clay)!important;font-weight:600} .ld-menu{gap:20px} /* --- 2. Recherche : icône loupe seule, champ qui se déploie au clic --- */ .ld-search{position:relative} .ld-search #search_widget,.ld-search .search-widgets{position:static;width:auto} .ld-search form{display:flex;align-items:center;margin:0;border:0;background:none;box-shadow:none} .ld-search i.material-icons.search{width:42px;height:42px;border-radius:99px;display:flex;align-items:center;justify-content:center;color:var(--forest);cursor:pointer;font-size:22px} .ld-search i.material-icons.search:hover{background:var(--sage-tint)} .ld-search input[type=text]{position:absolute;right:0;top:52px;width:0;opacity:0;pointer-events:none;border:1px solid var(--line);background:var(--paper);border-radius:99px;padding:0;font:inherit;font-size:14px;color:var(--ink);transition:.2s;z-index:1003;box-shadow:0 16px 30px -16px rgba(26,45,34,.4)} .ld-search.open input[type=text]{width:260px;max-width:72vw;opacity:1;pointer-events:auto;padding:11px 18px} .ld-search.open input[type=text]:focus{outline:2px solid var(--sage)} .ld-search i.material-icons.clear{display:none} .ld-search.open i.material-icons.clear{display:flex;position:absolute;right:12px;top:64px;cursor:pointer;color:var(--ink-soft);z-index:1004} /* --- 3. Produits populaires : grille pleine largeur + masquer titre/lien du module --- */ .ld-home .featured-products .products-section-title, .ld-home .featured-products>h2, .ld-home .featured-products .all-product-link{display:none!important} .ld-home .featured-products{margin:0} .ld-home .featured-products .products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:0} .ld-home .featured-products .products>*{max-width:none!important;flex:0 0 auto!important;width:auto!important;padding:0!important;margin:0!important} .product-miniature,.product-miniature .thumbnail-container{width:100%} .product-miniature .thumbnail.product-thumbnail{display:block;width:100%} .product-miniature .thumbnail.product-thumbnail img,.product-miniature picture img{width:100%;height:100%;object-fit:cover} @media(max-width:920px){.ld-home .featured-products .products{grid-template-columns:repeat(2,1fr)}} @media(max-width:560px){.ld-home .featured-products .products{grid-template-columns:1fr 1fr}} /* --- 4a. Newsletter accueil : bouton forest, masquer le label du module --- */ .ld-news #block-newsletter-label{display:none} .ld-news .block_newsletter{padding:0;margin:0 auto;max-width:520px} .ld-news .block_newsletter .row{margin:0;display:block} .ld-news .block_newsletter [class^="col-"]{padding:0;max-width:100%;flex:none;width:100%} .ld-news .block_newsletter form{position:relative;max-width:480px;margin:0 auto} .ld-news .block_newsletter .col-xs-12{position:relative;padding:0} .ld-news .block_newsletter input[type=email],.ld-news .block_newsletter input[name=email]{width:100%;border:1px solid var(--line);background:var(--paper);border-radius:99px;padding:15px 150px 15px 20px;font:inherit;font-size:15px;color:var(--ink);float:none} .ld-news .block_newsletter input[type=email]:focus,.ld-news .block_newsletter input[name=email]:focus{outline:2px solid var(--sage)} .ld-news .block_newsletter input[type=submit],.ld-news .block_newsletter button[type=submit],.ld-news .block_newsletter .btn{position:absolute;right:5px;top:5px;bottom:5px;height:auto;background:var(--forest)!important;border:0!important;border-radius:99px!important;color:#F4F1E8!important;padding:0 24px!important;font-weight:600;float:none!important;cursor:pointer;z-index:2} .ld-news .block_newsletter input[type=submit]:hover,.ld-news .block_newsletter .btn:hover{background:var(--forest-deep)!important} .ld-news .block_newsletter p:not(#block-newsletter-label){color:var(--ink-soft);font-size:13.5px;margin-top:12px} /* --- 4b. Footer : modules natifs (mêmes liens que l'ancien site), palette sombre --- */ .ld-foot-top{display:grid;grid-template-columns:1.2fr 2.8fr;gap:40px;align-items:start} .ld-foot-brand .ld-brand{margin-bottom:6px} .ld-foot-modules{display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start} .ld-foot-modules .links{display:flex;flex-wrap:wrap;gap:40px;margin:0;padding:0;width:auto} .ld-foot-modules .link-block,.ld-foot-modules .links>div,.ld-foot-modules>div{min-width:150px;margin:0} .ld-foot-modules [class*="col-"]{padding:0;max-width:none;flex:none;width:auto} .ld-foot-modules .h3,.ld-foot-modules h3,.ld-foot-modules .title,.ld-foot-modules h4{color:#fff!important;font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 14px;font-weight:600;cursor:default} .ld-foot-modules ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px} .ld-foot-modules a{color:#A9B6A4;font-size:14px} .ld-foot-modules a:hover{color:#fff} .ld-foot-modules li,.ld-foot-modules p,.ld-foot-modules span{color:#A9B6A4;font-size:14px} /* DESKTOP : liens toujours visibles, pas de toggle */ @media(min-width:768px){ .ld-foot-modules .navbar-toggler{display:none!important} .ld-foot-modules .collapse{display:block!important;height:auto!important;visibility:visible!important} .ld-foot-modules .title.clearfix.hidden-md-up{display:none!important} } /* MOBILE : accordéon (titres empilés, serrés, liens repliés) */ @media(max-width:767px){ .ld-foot-top{grid-template-columns:1fr!important;gap:16px!important;margin:0!important} /* on remet TOUT à plat : plus aucun padding/marge/bordure sur les conteneurs imbriqués */ .ld-foot-modules, .ld-foot-modules .links, .ld-foot-modules .row, .ld-foot-modules [class*="col-"], .ld-foot-modules .wrapper, .ld-foot-modules #block_myaccount_infos{ display:block!important;width:100%!important;max-width:100%!important;flex:none!important;float:none!important; margin:0!important;padding:0!important;border:0!important;min-height:0!important} /* un seul fin séparateur au-dessus de chaque bloc */ .ld-foot-modules .wrapper{border-top:1px solid rgba(199,210,192,.18)!important} .ld-foot-modules .h3.hidden-sm-down,.ld-foot-modules .myaccount-title.hidden-sm-down{display:none!important} .ld-foot-modules .title.hidden-md-up{display:flex!important;align-items:center;justify-content:space-between;cursor:pointer;padding:13px 2px!important;margin:0!important} .ld-foot-modules .title .h3{color:#fff!important;margin:0!important;font-size:13px;letter-spacing:.08em;text-transform:uppercase} .ld-foot-modules .navbar-toggler{display:inline-flex!important;color:#A9B6A4;align-items:center} .ld-foot-modules .collapse{display:none!important} .ld-foot-modules .collapse.show,.ld-foot-modules .collapse.in{display:block!important;padding:0 2px 12px!important;margin:0!important} .ld-foot-modules .collapse li{margin:0;padding:2px 0} } /* --- 5. Grille produits : cartes pleine largeur (neutralise les col-* Bootstrap) --- */ .products>.product,.products>.js-product,.products>li,.featured-products .products>*,#js-product-list .products>*{max-width:none!important;flex:0 0 auto!important;width:auto!important;padding:0!important;margin:0!important} .product-flags{display:flex;flex-direction:column;gap:6px;align-items:flex-start} .product-flag{white-space:nowrap;line-height:1.2} /* --- 6. Bloc "Sous-categories" sur page categorie : pilules Botanique --- */ #subcategories{background:transparent;border:0;box-shadow:none;padding:0;margin:6px 0 26px} #subcategories .subcategory-heading{font-family:'Spectral',serif;font-size:20px;color:var(--forest-deep);margin:0 0 14px;text-transform:none} #subcategories .subcategories-list{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0} #subcategories .subcategories-list li{margin:0;width:auto;float:none} #subcategories .subcategory-image{display:none} #subcategories .subcategories-list h5{margin:0} #subcategories .subcategory-name{display:inline-block;background:var(--paper);border:1px solid var(--line);border-radius:99px;padding:9px 18px;font-size:14px;font-weight:600;color:var(--forest);transition:.15s;font-family:'Hanken Grotesk',sans-serif} #subcategories .subcategory-name:hover{background:var(--forest);color:#F4F1E8;border-color:var(--forest)} /* --- 7. Header : wordmark intact + menu decale + sous-menus deroulants --- */ .ld-brand{flex:0 0 auto} .ld-brand .wm{flex:none} .ld-brand .wm b,.ld-brand .wm small{white-space:nowrap} .ld-nav{gap:18px} .ld-menu{margin-left:22px} .ld-menu li.ld-has-sub>a{display:inline-flex;align-items:center;gap:5px} .ld-menu li.ld-has-sub>a::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.65} .ld-menu .sub-menu{position:absolute;top:calc(100% + 2px);left:-12px;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:8px;min-width:230px;box-shadow:0 24px 40px -26px rgba(26,45,34,.5);display:none;z-index:1005} .ld-menu li.ld-has-sub:hover>.sub-menu, .ld-menu li.ld-open>.sub-menu{display:block!important} /* Vape = dernier item : sous-menu directement en dessous (place dispo à droite) + au-dessus de tout */ .ld-menu li.ld-menu-vape>.sub-menu{left:0!important;right:auto!important;z-index:1300} .ld-menu .sub-menu li{display:block} .ld-menu .sub-menu a{display:block;padding:8px 12px;font-size:14px;font-weight:500;color:var(--ink)!important;border-radius:9px;white-space:nowrap;background:transparent!important} .ld-menu .sub-menu a:hover{background:var(--sage-tint)!important;color:var(--forest)!important} @media(max-width:920px){.ld-foot-top{grid-template-columns:1fr}} @media(max-width:680px){.ld-menu .sub-menu{display:none!important}} /* ======================================================= QUIZ d'accueil "Quel CBD est fait pour vous ?" ======================================================= */ .quiz-wrap{padding:8px 0 0} .quiz{background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:46px 48px 40px;max-width:880px;margin:0 auto;box-shadow:0 30px 60px -46px rgba(26,45,34,.45);position:relative;overflow:hidden} .quiz .qbadge{display:inline-flex;align-items:center;gap:7px;background:var(--sage-tint);color:var(--forest);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding:7px 14px;border-radius:99px} .quiz .qhead{text-align:center;margin-bottom:24px} .quiz h2{font-size:clamp(26px,3.2vw,38px);color:var(--forest-deep);margin-top:14px} .quiz h2 em{font-style:italic;color:var(--clay)} .qdots{display:flex;gap:8px;justify-content:center;margin-top:20px} .qdots span{width:38px;height:5px;border-radius:99px;background:var(--line);transition:.25s} .qdots span.on{background:var(--sage)} .qdots span.done{background:var(--forest)} .qstep{display:none;animation:qfade .35s ease} .qstep.active{display:block} @keyframes qfade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}} .qquestion{font-family:'Spectral',serif;font-size:21px;color:var(--forest-deep);margin-bottom:18px} .qopts{display:grid;grid-template-columns:1fr 1fr;gap:12px} .qopt{display:flex;gap:14px;align-items:center;text-align:left;background:var(--cream);border:1.5px solid var(--line);border-radius:16px;padding:16px 18px;cursor:pointer;transition:.15s;font:inherit;width:100%} .qopt:hover{border-color:var(--sage);background:var(--sage-tint)} .qopt.sel{border-color:var(--forest);background:var(--sage-tint);box-shadow:0 0 0 1px var(--forest) inset} .qopt .qic{width:42px;height:42px;border-radius:12px;background:var(--paper);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:21px;flex:none} .qopt.sel .qic{background:var(--forest);border-color:var(--forest)} .qopt .qtxt b{display:block;font-size:15px;font-weight:600;color:var(--forest-deep);line-height:1.25} .qopt .qtxt span{font-size:13px;color:var(--ink-soft)} .qfoot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:26px} .qfoot .qprog{font-size:13.5px;color:var(--ink-soft);font-weight:500} .qfoot .qnav{display:flex;gap:10px;align-items:center} .qbtn-back{background:none;border:0;color:var(--ink-soft);font:inherit;font-weight:600;font-size:14px;cursor:pointer;padding:12px 8px} .qbtn-back:hover{color:var(--forest)} .qbtn-next:disabled{opacity:.45;cursor:not-allowed} .qresult{display:none;text-align:center;animation:qfade .4s ease} .qresult.active{display:block} .qresult .ric{width:74px;height:74px;border-radius:99px;background:var(--sage-tint);display:flex;align-items:center;justify-content:center;font-size:34px;margin:0 auto 18px} .qresult .rk{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--sage);font-weight:600} .qresult h3{font-family:'Spectral',serif;font-size:clamp(24px,3vw,34px);color:var(--forest-deep);margin:8px 0 12px} .qresult h3 em{font-style:italic;color:var(--clay)} .qresult p{color:var(--ink-soft);max-width:48ch;margin:0 auto 24px;font-size:15.5px} .qresult .ract{display:flex;gap:12px;justify-content:center;flex-wrap:wrap} @media(max-width:640px){ .quiz{padding:34px 22px 30px} .qopts{grid-template-columns:1fr} .qdots span{width:26px} } /* ======================================================= BLOG / "Le journal" (accueil) ======================================================= */ .ld-blog{display:grid;grid-template-columns:repeat(4,1fr);gap:18px} .ld-post{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:.2s} .ld-post:hover{transform:translateY(-4px);box-shadow:0 26px 44px -32px rgba(26,45,34,.45)} .ld-post .img{aspect-ratio:4/3;position:relative} .ld-post .img img{width:100%;height:100%;object-fit:cover} .ld-post .img .ph{position:absolute;inset:0;border:0;border-radius:0} .ld-post .img .cat{position:absolute;top:12px;left:12px;background:rgba(26,45,34,.86);color:#E8EDE0;font-size:11px;font-weight:700;padding:5px 11px;border-radius:99px;z-index:2} .ld-post .pbody{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1} .ld-post .pbody h3{font-family:'Spectral',serif;font-weight:500;font-size:18px;color:var(--forest-deep);line-height:1.18;margin:0} .ld-post .pbody p{font-size:13.5px;color:var(--ink-soft);line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0} .ld-post .pbody .more{margin-top:auto;font-weight:600;font-size:13.5px;color:var(--clay);font-style:italic;display:inline-flex;gap:5px;align-items:center} .ld-post:hover .pbody .more{gap:9px} @media(max-width:920px){.ld-blog{grid-template-columns:1fr 1fr}} @media(max-width:560px){.ld-blog{grid-template-columns:1fr}} /* --- Journal DYNAMIQUE (ets_blog "Latest posts") -> grille Botanique --- */ .ld-blog-dyn{display:block} .ld-blog-dyn .title_blog,.ld-blog-dyn .title_block,.ld-blog-dyn h4.title_blog,.ld-blog-dyn .owl-nav,.ld-blog-dyn .owl-dots{display:none!important} .ld-blog-dyn .block,.ld-blog-dyn .block_content,.ld-blog-dyn .ets_block_latest{margin:0;padding:0;background:none;border:0} .ld-blog-dyn .owl-stage-outer{overflow:visible!important} .ld-blog-dyn ul.owl-carousel,.ld-blog-dyn .owl-carousel .owl-stage{display:grid!important;grid-template-columns:repeat(4,1fr);gap:18px;width:100%!important;transform:none!important;list-style:none;padding:0;margin:0} .ld-blog-dyn .owl-item,.ld-blog-dyn .owl-carousel>li{width:auto!important;max-width:none!important;min-height:0!important;float:none!important;margin:0!important;padding:0!important;flex:none!important;opacity:1!important} .ld-blog-dyn .owl-item:nth-child(n+5),.ld-blog-dyn ul.owl-carousel>li:nth-child(n+5){display:none!important} .ld-blog-dyn .owl-item>li,.ld-blog-dyn .owl-carousel>li{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:.2s;height:100%} .ld-blog-dyn .owl-item>li:hover,.ld-blog-dyn .owl-carousel>li:hover{transform:translateY(-4px);box-shadow:0 26px 44px -32px rgba(26,45,34,.45)} .ld-blog-dyn .ets_item_img{display:block;aspect-ratio:4/3;overflow:hidden;position:relative} .ld-blog-dyn .ets_item_img img{width:100%;height:100%;object-fit:cover} .ld-blog-dyn .ets-blog-latest-post-content{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1} .ld-blog-dyn .ets_title_block{font-family:'Spectral',serif;font-weight:500;font-size:17.5px;color:var(--forest-deep);line-height:1.2;display:block} .ld-blog-dyn .ets-blog-sidear-post-meta,.ld-blog-dyn .post-date{font-size:11.5px;color:var(--sage);font-weight:600;letter-spacing:.04em} .ld-blog-dyn .ets-blog-latest-post-content .post-content,.ld-blog-dyn .ets-blog-content,.ld-blog-dyn .post-short-description,.ld-blog-dyn .ets_content_block{font-size:13.5px;color:var(--ink-soft);line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .ld-blog-dyn .readmore,.ld-blog-dyn .ets-blog-readmore,.ld-blog-dyn .read_more,.ld-blog-dyn a.btn{color:var(--clay)!important;background:none!important;border:0!important;padding:0!important;font-style:italic;font-weight:600;font-size:13.5px;margin-top:auto;display:inline-flex;width:auto} @media(max-width:920px){.ld-blog-dyn ul.owl-carousel,.ld-blog-dyn .owl-carousel .owl-stage{grid-template-columns:1fr 1fr}} @media(max-width:560px){.ld-blog-dyn ul.owl-carousel,.ld-blog-dyn .owl-carousel .owl-stage{grid-template-columns:1fr}} /* ======================================================= CORRECTIONS V3 ======================================================= */ /* --- Header : barre en grid (logo | menu | outils), menu non tronqué, outils visibles --- */ header.ld-site .ld-wrap{max-width:1440px} .ld-nav{display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;height:74px} .ld-brand{grid-column:1} .ld-brand img{height:38px} .ld-nav>nav[aria-label]{grid-column:2;min-width:0;overflow:visible} .ld-menu{display:flex;justify-content:flex-start;align-items:center;gap:14px;flex-wrap:nowrap;margin-left:6px;overflow:visible} .ld-menu li{flex:0 0 auto} .ld-menu a{font-size:13.5px;white-space:nowrap;flex:0 0 auto} .ld-tools{grid-column:3;display:flex!important;align-items:center;gap:4px;margin-left:0;flex:0 0 auto;visibility:visible!important;opacity:1!important} .ld-tools .ld-icon,.ld-tools .ld-search,.ld-tools .ld-cart-badge{display:inline-flex!important;visibility:visible!important;opacity:1!important} .ld-icon{color:var(--forest)!important;width:40px;height:40px} .ld-icon svg{width:20px;height:20px;display:block} /* --- Newsletter accueil : fond transparent, centrée --- */ .ld-news .block_newsletter{background:transparent!important;box-shadow:none!important;border:0!important;max-width:560px;margin:14px auto 0!important;float:none!important;width:100%;padding:0!important} .ld-news .block_newsletter>.row{margin:0;display:block} .ld-news .block_newsletter [class*="col-"]{width:100%;max-width:100%;flex:0 0 100%;padding:0;float:none} .ld-news .block_newsletter form{position:relative;max-width:480px;margin:0 auto} .ld-news .block_newsletter form .row{margin:0} .ld-news .block_newsletter .col-xs-12{position:relative;padding:0} .ld-news .block_newsletter,.ld-news .block_newsletter p,.ld-news .block_newsletter .conditions{text-align:center} .ld-news .block_newsletter .ps-shown-by-js,.ld-news .block_newsletter [class*=condition]{justify-content:center;display:flex;flex-wrap:wrap;gap:6px} /* --- Footer : brand + colonnes de liens en flex (Produits / Notre société / Votre compte) --- */ .ld-foot-top{display:flex!important;flex-wrap:wrap;gap:48px;align-items:flex-start} .ld-foot-brand{flex:0 0 280px;max-width:320px} .ld-foot-modules{flex:1 1 520px;display:flex!important;flex-wrap:wrap;gap:48px;align-items:flex-start} .ld-foot-modules .links{display:flex!important;flex-wrap:wrap;gap:48px;margin:0;padding:0;flex:1 1 auto} .ld-foot-modules .links .row{display:flex!important;flex-wrap:wrap;gap:48px;margin:0;width:100%} .ld-foot-modules .wrapper,.ld-foot-modules #block_myaccount_infos{flex:1 1 150px;min-width:140px;margin:0;max-width:none;width:auto;padding:0} .ld-foot-modules .h3 a,.ld-foot-modules .myaccount-title a,.ld-foot-modules .myaccount-title{color:#fff!important;text-decoration:none} @media(max-width:920px){.ld-foot-brand{flex:1 1 100%}} /* --- Cartes blog : titres en casse normale, 3 lignes max --- */ .ld-blog-dyn .ets_title_block{text-transform:none!important;letter-spacing:0!important;font-weight:500!important;font-size:16px!important;line-height:1.22!important;display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0} /* --- Bloc Vape : image de remplissage --- */ .ld-vape .vis{overflow:hidden} .ld-vape .vis img{width:100%;height:100%;object-fit:cover;display:block} /* --- Module "prix à partir de" (pricefrom) : casse normale, sobre Botanique --- */ .pricefrom,.pricefrom-miniature{display:block;font-family:'Hanken Grotesk',sans-serif!important;font-size:12.5px!important;font-weight:500!important;color:var(--ink-soft)!important;text-transform:none!important;letter-spacing:0!important;background:none!important;margin:2px 0 0!important;line-height:1.3} .pricefrom-price{color:var(--clay)!important;font-weight:600!important;font-size:13.5px!important;text-transform:none!important;background:none!important} .product-miniature .pricefrom-miniature{order:2;margin-top:2px!important} #product .pricefrom{margin-top:6px!important;font-size:13.5px!important} #product .pricefrom-price{font-size:15px!important} /* ======================================================= Cartes produit : hauteurs égales (alignées) + bouton "+" ======================================================= */ /* l'item de grille devient flex -> la carte s'étire à la hauteur de la rangée */ .products>*,.featured-products .products>*,#js-product-list .products>*,.product-accessories .products>*{display:flex!important;height:auto} .products>*>.product-miniature,.featured-products .products>*>.product-miniature,#js-product-list .products>*>.product-miniature{width:100%} .product-miniature{display:flex;flex-direction:column;width:100%} .product-miniature .thumbnail-container,.product-miniature article{flex:1 1 auto} .product-miniature .product-price-and-shipping{margin-top:auto} .product-miniature .product-description{position:relative;padding-bottom:18px} .ld-mini-add{position:absolute;right:16px;bottom:14px;width:40px;height:40px;border-radius:99px;background:var(--forest);color:#fff;border:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.18s;box-shadow:0 8px 18px -10px rgba(26,45,34,.6);z-index:3} .ld-mini-add:hover{background:var(--clay);color:#231a12} .ld-mini-add.loading{opacity:.55;pointer-events:none} .ld-mini-add.loading svg{animation:ld-spin .7s linear infinite} @keyframes ld-spin{to{transform:rotate(360deg)}} /* le prix et le "à partir de" réservent la place du bouton (pas de chevauchement) */ .product-miniature .product-price-and-shipping,.product-miniature .pricefrom-miniature{padding-right:50px} @media(max-width:560px){ .ld-mini-add{width:36px;height:36px;right:11px;bottom:11px} .product-miniature .product-description{padding:12px 12px 14px} .product-miniature .product-price-and-shipping,.product-miniature .pricefrom-miniature{padding-right:44px} } /* ======================================================= Page connexion : pas de double titre ======================================================= */ body#authentication #wrapper .breadcrumb, body#password #wrapper .breadcrumb{display:none} /* ======================================================= Compte client & formulaires (Botanique) — restylage léger & sûr ======================================================= */ .page-customer-account #content-wrapper,#authentication #content-wrapper,#password #content-wrapper,#identity #content-wrapper,#address #content-wrapper,#addresses #content-wrapper,#history #content-wrapper,#order-detail #content-wrapper,#order-slip #content-wrapper,#discount #content-wrapper{max-width:960px;margin:0 auto} .page-customer-account h1,#authentication h1,#identity h1,#address h1,.page-header h1.h1{font-family:'Spectral',serif;font-weight:600;color:var(--forest-deep);text-transform:none} /* grille "Mon compte" : on garde la structure classic, on adoucit juste la carte */ #my-account .links .col-lg-4 .link-item,#my-account .link-item{border:1px solid var(--line);border-radius:var(--r);background:var(--paper);color:var(--forest-deep);font-weight:600;transition:.18s} #my-account .links .col-lg-4 .link-item:hover,#my-account .link-item:hover{border-color:var(--sage);box-shadow:0 20px 34px -26px rgba(26,45,34,.4);color:var(--forest-deep)} #my-account .link-item i{color:var(--forest)} /* formulaires */ .page-customer-account .form-control,#authentication .form-control,#identity .form-control,#address .form-control,#password .form-control,.checkout .form-control,select.form-control{border:1px solid var(--line)!important;background:var(--paper)!important;border-radius:12px!important;color:var(--ink)!important;box-shadow:none!important} .form-control:focus{outline:2px solid var(--sage)!important;border-color:var(--sage)!important} /* boutons primaires en vert forêt arrondis (compte / tunnel) */ .page-customer-account .btn-primary,#authentication .btn-primary,#identity .btn-primary,#address .btn-primary,#password .btn-primary,.checkout .btn-primary{background:var(--forest)!important;border:0!important;border-radius:99px!important;color:#F4F1E8!important;font-weight:600!important;padding:12px 26px!important;text-transform:none!important} .page-customer-account .btn-primary:hover,#authentication .btn-primary:hover{background:var(--forest-deep)!important} .forgot-password a,.no-account a{color:var(--clay)} /* tableaux (commandes, avoirs, adresses) */ .page-customer-account .table thead th,#history .table thead th{background:var(--sage-tint);color:var(--forest);font-weight:600} /* ======================================================= Aperçu rapide (quickview) — style Botanique ======================================================= */ .ld-quickview .modal-content{border:1px solid var(--line);border-radius:20px;background:var(--paper)} .ld-quickview .modal-header{border:0;padding:12px 14px 0;min-height:0} .ld-quickview .modal-body{padding:10px 26px 26px} .ld-quickview h1.h1{font-family:'Spectral',serif;font-weight:600;color:var(--forest-deep);font-size:24px;text-transform:none;margin-bottom:8px} .ld-quickview .current-price .price,.ld-quickview .current-price span,.ld-quickview .product-price{font-family:'Spectral',serif!important;color:var(--forest-deep)!important;font-weight:600!important;font-size:26px} .ld-quickview .product-unit-price{font-size:13px;color:var(--ink-soft)} .ld-quickview .pricefrom{font-size:13px!important;color:var(--ink-soft)!important} .ld-quickview .pricefrom-price{color:var(--clay)!important;font-weight:600!important} .ld-quickview .table-product-discounts{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;font-size:13.5px;margin:12px 0} .ld-quickview .table-product-discounts th{background:var(--sage-tint);color:var(--forest);font-weight:600;padding:8px 12px;text-transform:uppercase;font-size:12px;text-align:left} .ld-quickview .table-product-discounts td{padding:8px 12px;border-top:1px solid var(--line)} .ld-quickview .product-variants>.product-variants-item{margin:12px 0} .ld-quickview .product-variants select,.ld-quickview .product-variants .radio-label{border:1px solid var(--line)!important;border-radius:99px!important;padding:9px 16px!important;background:var(--paper)!important} .ld-quickview .product-quantity{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px} .ld-quickview #quantity_wanted{border:1px solid var(--line);border-radius:99px;background:var(--paper);height:48px;width:74px;text-align:center;font-size:16px;color:var(--ink)} .ld-quickview .btn.add-to-cart,.ld-quickview .add-to-cart{background:var(--forest)!important;color:#F4F1E8!important;border:0!important;border-radius:99px!important;height:48px;padding:0 26px!important;font-weight:600;display:inline-flex;align-items:center;gap:8px} .ld-quickview .btn.add-to-cart:hover{background:var(--clay)!important;color:#231a12!important} .ld-quickview-full{display:inline-block;margin-top:16px;color:var(--clay);font-weight:600;font-style:italic;font-size:14px} .ld-quickview-full:hover{color:var(--clay)} /* photo produit dans l'aperçu rapide (visible aussi sur mobile) */ .ld-quickview .ld-qv-img{margin-bottom:8px} .ld-quickview .ld-qv-img img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:14px;border:1px solid var(--line);display:block} @media(min-width:768px){.ld-quickview .ld-qv-img{margin-bottom:0}} @media(max-width:767px){ .ld-quickview .modal-body{padding:8px 18px 20px} .ld-quickview .ld-qv-img img{max-height:240px} } /* ======================================================= Recherche : loupe SVG + panneau déroulant (fiable) ======================================================= */ .ld-search{position:relative;display:flex!important;align-items:center} .ld-search .ld-search-toggle{display:inline-flex!important} .ld-search .ld-search-toggle svg{width:20px;height:20px} .ld-search-panel{position:absolute;right:0;top:54px;display:none;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:0 24px 40px -26px rgba(26,45,34,.5);z-index:1300;min-width:300px} .ld-search.open .ld-search-panel{display:block} .ld-search-panel #search_widget,.ld-search-panel .search-widgets{position:static!important;width:100%!important} .ld-search-panel form{display:flex!important;align-items:center;gap:8px;margin:0;border:1px solid var(--line);background:var(--paper);border-radius:99px;padding:6px 8px 6px 14px} .ld-search-panel i.material-icons.search{color:var(--sage);font-size:20px;width:auto;height:auto;background:none} .ld-search-panel input[type=text]{position:static!important;flex:1;width:auto!important;opacity:1!important;pointer-events:auto!important;border:0!important;background:none!important;outline:none;font:inherit;font-size:14px;color:var(--ink);padding:8px 0!important;box-shadow:none!important} .ld-search-panel input[type=text]:focus{outline:none!important} .ld-search-panel i.material-icons.clear{display:none} .ld-search-panel input[type=submit],.ld-search-panel button[type=submit]{display:none} /* Burger : visible uniquement en mobile (spécificité > .ld-tools .ld-icon) */ .ld-tools .ld-icon.ld-burger,.ld-nav .ld-burger{display:none!important} @media(max-width:680px){.ld-tools .ld-icon.ld-burger,.ld-nav .ld-burger{display:inline-flex!important}} /* ======================================================= Menu MOBILE : tiroir latéral ouvert par le burger ======================================================= */ @media(max-width:680px){ /* nav en flex (et non grid) : le burger reste en haut à droite. Le