/* =====================================================
   PAGES SECONDAIRES (liste, fiche, offres, services, panier, connexion)
   ===================================================== */
.hdr-light .header{height:96px}
.hdr-light .nav{display:none}
.hdr-min .header{height:60px;display:flex;align-items:center}
.hdr-min .header-top{padding-top:0;width:100%;justify-content:space-between;align-items:center}
.hdr-min .search,.hdr-min .tools .tool:not(.basket){display:none}
.hdr-min .nav{display:none}
.hdr-min footer{display:none}
.basket-n{position:absolute;top:-6px;right:42px;min-width:18px;height:18px;border-radius:9px;background:var(--red);color:#fff;font:800 11px/18px var(--font);text-align:center;padding:0 4px;display:none}
.tool.basket .basket-n.on{display:block}

.crumbs{font-size:12px;line-height:16px;padding:16px 0 8px;display:flex;flex-wrap:wrap;gap:6px;color:var(--dark)}
.crumbs a{text-decoration:underline}
.crumbs span::before{content:"›";margin-right:6px}
h1.pt{font:800 27px/32px var(--font);margin:6px 0 10px}
.seo{font-size:14px;line-height:20px;color:var(--grey);max-height:40px;overflow:hidden;position:relative}
.seo.open{max-height:none}
.more{color:var(--blue);font-size:14px;margin-top:8px;display:inline-flex;gap:6px;align-items:center}
.more svg{width:12px;height:12px;stroke:var(--blue);fill:none;stroke-width:3}
.pagewrap{background:#fff;margin:0 -16px;padding:0 16px 16px}

.promo{height:176px;border-radius:30px;margin:16px 8px;display:flex;align-items:center;padding:0 40px;gap:40px;color:#fff;position:relative;overflow:hidden}
.promo.blue{background:#1d52ff}
.promo.red{background:var(--red)}
.promo h3{font:400 44px/.95 var(--display);text-transform:uppercase;letter-spacing:.5px}
.promo p{font-size:14px;margin-top:8px}
.promo .pr{background:#fff;color:var(--red);font:400 40px/1 var(--display);padding:6px 18px;border-radius:30px;margin-left:auto}
.promo svg.pi{height:130px;width:auto}
.promo .cta-s{position:static;font-size:18px;background:var(--red)}
.reass4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}
.reass4 div{border:1px solid var(--low);border-radius:2px;background:#fff;padding:12px;display:flex;align-items:center;gap:10px;font:800 13px/16px var(--font)}
.reass4 svg{width:30px;height:30px;flex:none}
.help{background:var(--light-blue);border-radius:4px;padding:16px;display:flex;align-items:center;gap:16px;margin:16px 0}
.help .bulb{width:96px;height:96px;border-radius:50%;background:#fff;display:grid;place-items:center;flex:none}
.help .bulb svg{width:46px;height:46px}
.help p{font-size:18px;line-height:23px;width:230px;flex:none}
.help p b{font-weight:800}
.help .pills{display:flex;gap:8px;overflow:hidden;flex:1}
.help .pills a{background:#fff;border-radius:4px;height:64px;padding:0 18px;display:grid;place-items:center;font:800 16px var(--font);color:var(--blue);white-space:nowrap;box-shadow:var(--sh1)}

.resbar{display:flex;justify-content:space-between;align-items:center;margin:16px 0 12px}
.count{background:#fff;border-radius:4px;padding:10px 16px;font-size:13px}
.sort{position:relative;width:250px;height:56px;border:1px solid var(--low);border-radius:4px;background:#fff;padding:8px 16px;cursor:pointer}
.sort small{display:block;font-size:12px;color:var(--mid)}
.sort b{font:400 16px var(--font)}
.sort svg{position:absolute;right:16px;top:22px;width:16px;height:16px;stroke:var(--blue);fill:none;stroke-width:3}
.sort ul{display:none;position:absolute;left:-1px;right:-1px;top:100%;background:#fff;border:1px solid var(--low);z-index:30;box-shadow:var(--sh-panel)}
.sort.open ul{display:block}
.sort li{padding:12px 16px;font-size:16px}
.sort li:hover{background:var(--light)}
.chips{display:flex;gap:8px;margin:0 0 12px;flex-wrap:wrap}
.chip{background:var(--blue);color:#fff;border-radius:20px;padding:8px 14px;font:800 12px var(--font);display:flex;gap:8px;align-items:center;cursor:pointer}

.lst{display:grid;grid-template-columns:236px minmax(0,1fr);gap:16px;align-items:start}
.lst>*,.pl>*,.pgrid>*,.help .pills{min-width:0}
.filters{background:#fff;border-radius:4px}
.fsec{padding:16px;border-bottom:1px solid var(--border)}
.fsec h4{font:800 16px/20px var(--font);display:flex;justify-content:space-between;align-items:center;cursor:pointer;margin-bottom:12px}
.fsec h4 svg{width:14px;height:14px;stroke:var(--blue);fill:none;stroke-width:3}
.fsec.closed h4{margin-bottom:0}.fsec.closed .fbody{display:none}
.chk{display:flex;align-items:center;gap:12px;font-size:16px;line-height:20px;padding:8px 0;cursor:pointer}
.chk i{width:20px;height:20px;border:1px solid var(--mid);border-radius:2px;flex:none;display:grid;place-items:center;background:#fff}
.chk input{display:none}
.chk input:checked+i{background:var(--blue);border-color:var(--blue)}
.chk input:checked+i::after{content:"";width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}
.tog{display:flex;align-items:center;gap:12px;font-size:16px;padding:6px 0;cursor:pointer}
.tog i{width:32px;height:16px;border-radius:8px;background:var(--low);position:relative;flex:none}
.tog i::after{content:"";position:absolute;left:0;top:-2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:var(--sh-arrow);transition:.15s}
.tog input{display:none}
.tog input:checked+i{background:#9ac1ff}
.tog input:checked+i::after{left:14px;background:var(--blue)}
.fsearch{display:flex;align-items:center;gap:8px;border:1px solid var(--dark);border-radius:3px;height:44px;padding:0 12px;margin-bottom:8px}
.fsearch svg{width:18px;height:18px;stroke:#000;fill:none;stroke-width:2}
.fsearch input{border:0;outline:0;flex:1;font:400 14px var(--font);min-width:0}
.range{display:flex;gap:8px}
.range input{width:100%;height:44px;border:1px solid var(--low);border-radius:4px;padding:0 10px;font:400 14px var(--font)}
.flink{color:var(--blue);font-size:16px;display:block;margin-top:6px}
.tree b{display:block;font:800 16px var(--font);margin-bottom:4px}

.plist{display:flex;flex-direction:column;gap:8px}
.pl{background:#fff;border-radius:4px;box-shadow:var(--sh1);display:grid;grid-template-columns:170px minmax(0,1fr) 210px;gap:16px;padding:16px;position:relative}
.pl .im{height:170px;display:grid;place-items:center;position:relative}
.pl .im>svg{height:150px;width:auto}
.pl .top1{position:absolute;left:-8px;top:-8px;background:var(--yellow);font:800 12px/1 var(--font);padding:6px 8px;border-radius:2px;z-index:2;text-transform:uppercase}
.pl .nrg{position:absolute;left:0;bottom:0;background:#2ba84a;color:#fff;font:800 12px/1 var(--font);padding:6px 16px 6px 8px;clip-path:polygon(0 0,80% 0,100% 50%,80% 100%,0 100%)}
.pl h3{font:400 17px/21px var(--font)}
.pl h3 b{font-weight:800}
.pl .stars{margin:8px 0;font-size:13px}
.pl .stars i{color:var(--yellow);font-style:normal;font-size:16px}
.pl h5{font:800 14px var(--font);margin:12px 0 8px}
.pl ul.pts{list-style:disc;padding-left:18px;font-size:13px;line-height:18px;color:var(--grey)}
.pl .cmp{display:flex;align-items:center;gap:10px;font-size:14px;margin-top:12px}
.pl .cmp i{width:22px;height:22px;border:1px solid var(--mid);border-radius:2px}
.pl .buy .by{font-size:13px}
.pl .buy .by b{color:var(--red)}
.pl .buy .badge{margin-top:6px}
.pl .buy .old{font-size:11px;color:var(--mid);text-decoration:line-through;margin-top:8px}
.pl .buy .ppr{font:800 28px/32px var(--font);color:var(--red)}
.pl .buy .fine{margin:2px 0 8px}
.pl .buy .dlv{font:800 13px var(--font);color:var(--red);margin-bottom:8px}
.pl .buy .dlv.ok{color:var(--dark)}
.pl .btn-b{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:48px;border-radius:1000px;background:var(--black);color:#fff;font:800 14px/16px var(--font);margin-top:8px;padding:0 16px}
.pl .btn-b svg{width:22px;height:22px;stroke:#fff;fill:none;stroke-width:2}
.pl .offers{display:block;color:var(--blue);text-decoration:underline;font-size:13px;text-align:right;margin-top:10px;grid-column:1/-1}
.spons{font-size:12px;color:var(--mid)}
.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pgrid .card{width:auto}
.pager2{display:flex;gap:6px;justify-content:center;margin:24px 0 8px;align-items:center;flex-wrap:wrap}
.pager2 a{min-width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--low);border-radius:4px;background:#fff;font-size:14px;cursor:pointer}
.pager2 a.on{background:var(--blue);border-color:var(--blue);color:#fff}
.btn-o{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 24px;border:1px solid var(--blue);border-radius:1000px;color:var(--blue);font:800 14px var(--font);background:#fff}
.btn-o:hover{background:#f0f6ff}
.btn-b2{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 24px;border-radius:1000px;background:var(--blue);color:#fff;font:800 14px var(--font)}
.btn-r{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;width:100%;border-radius:1000px;background:var(--red);color:#fff;font:800 16px var(--font)}
.btn-r:hover{background:var(--red-hover)}

/* ===== fiche produit ===== */
.pp-title{font:800 27px/32px var(--font);margin:8px 0 8px;display:flex;justify-content:space-between;align-items:flex-start}
.pp-title span{font-weight:400}
.pp-title .allof{font-size:11px;text-decoration:underline;font-weight:400;color:var(--grey);white-space:nowrap}
.pp{display:grid;grid-template-columns:340px 1fr 290px;gap:16px;background:#fff;margin:0 -16px;padding:16px}
.gal .main{height:320px;display:grid;place-items:center;cursor:zoom-in}
.gal .main svg{height:290px;width:auto}
.thumbs{display:flex;gap:8px;justify-content:center;margin-top:8px}
.thumbs button{width:66px;height:66px;border:1px solid var(--low);border-radius:4px;background:#fff;display:grid;place-items:center;font:800 12px var(--font);color:var(--blue)}
.thumbs button.on{border:2px solid var(--blue)}
.thumbs button svg{height:48px;width:auto}
.acts{display:flex;border-bottom:1px solid var(--border);margin-top:16px;padding-bottom:12px;font-size:14px;line-height:18px}
.acts label{display:flex;align-items:center;gap:10px;flex:1;cursor:pointer}
.acts label+label{padding-left:14px;border-left:1px solid var(--border)}
.acts i{width:22px;height:22px;border:1px solid var(--mid);border-radius:2px;flex:none}
.choose{margin-top:14px;font:800 14px var(--font)}
.choose p{font-weight:400;font-size:13px;color:var(--mid);margin-top:8px}
.nrgbig .tagE{width:64px;height:40px;background:#f2c200;font:800 22px/40px var(--font);padding-left:12px;clip-path:polygon(0 0,75% 0,100% 50%,75% 100%,0 100%)}
.mid h4{font:800 16px var(--font);margin:18px 0 10px}
.mid ul{list-style:disc;padding-left:20px;font-size:14px;line-height:20px;color:var(--grey)}
.mid ul li{margin-bottom:6px}
.mid a.u{color:var(--blue);text-decoration:underline;font-size:13px;display:inline-block;margin-top:8px}
.srvbox{border:1px solid var(--low);border-left:3px solid var(--blue);border-radius:2px;padding:14px;margin-top:20px;font-size:13px}
.srvbox b{display:block;font:800 16px var(--font);margin-bottom:10px}
.srvbox label{display:flex;gap:10px;align-items:center;cursor:pointer}
.srvbox label i{width:20px;height:20px;border:1px solid var(--mid);border-radius:2px;flex:none}
.buybox{background:#fff;border-radius:4px;box-shadow:0 2px 6px 1px rgba(69,69,69,.16),0 0 2px rgba(69,69,69,.14);padding:16px;align-self:start}
.buybox .by{font-size:13px}
.buybox .by b{color:var(--red)}
.buybox .big{font:800 32px/38px var(--font);color:var(--red);margin-top:6px}
.buybox .big s{font:400 12px var(--font);color:var(--mid);margin-left:8px}
.buybox .eco{font:800 13px var(--font);margin:4px 0}
.buybox .mens{font-size:14px;margin:8px 0;padding:8px 0;border-top:1px solid var(--border)}
.buybox .free{display:inline-block;background:#dce9ff;color:var(--blue);font:800 11px var(--font);padding:6px 8px;border-radius:2px;margin:8px 0}
.buybox .dl{font:800 16px/20px var(--font);margin:6px 0 4px}
.buybox .inst{font-size:14px;margin-bottom:14px}
.buybox .stock{display:flex;justify-content:space-between;font-size:14px;margin:12px 0;align-items:center}
.buybox .stock a{text-decoration:underline;text-align:right;max-width:110px;font-size:13px}
.buybox .btn-b{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:48px;border-radius:1000px;background:var(--black);color:#fff;font:800 15px var(--font)}
.buybox .btn-b svg{width:22px;height:22px;stroke:#fff;fill:none;stroke-width:2}
.buybox .pict{display:flex;justify-content:space-between;margin-top:16px;text-align:center;font-size:11px;color:var(--mid);line-height:13px}
.buybox .pict div{width:25%}
.buybox .pict svg{width:26px;height:26px;stroke:var(--mid);fill:none;stroke-width:1.6;margin:0 auto 6px}
.stick{position:sticky;top:0;z-index:60;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.12);margin:16px -16px 0}
.stick .bar{display:none;align-items:center;gap:14px;padding:8px 16px 0}
.stick.fixed .bar{display:flex}
.stick .bar svg.th,.stick .bar img.th{height:44px;width:auto}
.stick .bar .nm{font:800 16px var(--font);flex:1}
.stick .bar .pr{font:800 22px var(--font);color:var(--red)}
.stick .bar .rb,.stick .bar .kb{width:44px;height:44px;border-radius:50%;display:grid;place-items:center}
.stick .bar .rb{background:var(--red)}.stick .bar .kb{background:var(--black)}
.stick .bar svg.i{width:22px;height:22px;stroke:#fff;fill:none;stroke-width:2}
.tabsP{display:flex;gap:32px;padding:0 16px;overflow-x:auto;scrollbar-width:none}
.tabsP::-webkit-scrollbar{display:none}
.tabsP a{white-space:nowrap;flex:none;padding:16px 0 12px;font-size:16px;color:var(--mid);border-bottom:3px solid transparent;cursor:pointer}
.tabsP a.on{color:var(--blue);border-bottom-color:var(--blue)}
.pblock{margin-top:16px;scroll-margin-top:130px}
.pblock h2{font:800 20px var(--font);margin:0 0 12px;display:flex;justify-content:space-between;align-items:center}
.pcard{background:#fff;border-radius:4px;padding:20px}
.spec{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
.spec div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border);font-size:14px}
.spec div span:first-child{color:var(--mid)}
.pcard .two{columns:2;column-gap:40px;font-size:14px;line-height:21px;color:var(--grey);max-height:140px;overflow:hidden}
.pcard .two.open{max-height:none}
.avis{display:grid;grid-template-columns:270px 1fr;gap:16px;align-items:start}
.avbox{background:#fff;border-radius:4px;box-shadow:var(--sh1);padding:20px}
.avbox .gn{font:800 40px var(--font)}.avbox .gn small{font-size:16px;font-weight:400}
.crit{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:8px 0}
.ring{width:38px;height:38px;border-radius:50%;background:conic-gradient(var(--yellow) calc(var(--v)*20%),#eee 0);display:grid;place-items:center}
.ring span{width:30px;height:30px;border-radius:50%;background:#fff;display:grid;place-items:center;font:800 11px var(--font)}
.rv{background:#fff;border-radius:4px;box-shadow:var(--sh1);display:grid;grid-template-columns:1fr 200px;margin-bottom:8px}
.rv>div{padding:16px 20px}
.rv>div+div{border-left:1px solid var(--border);font-size:13px}
.rv .hd{display:flex;gap:14px;align-items:center;font-size:13px;line-height:17px;margin-bottom:12px;color:var(--grey)}
.rv .hd b{font:800 24px var(--font);color:#000;display:flex;align-items:center;gap:6px}
.rv .hd b i{color:var(--yellow);font-style:normal}
.rv h4{font:800 16px var(--font);margin-bottom:6px}
.rv p{font-size:14px;line-height:20px}
.rv a{text-decoration:underline;font-size:13px;display:inline-block;margin-top:12px}
.lb{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:200;place-items:center}
.lb.open{display:grid}
.lb .box{background:#fff;width:640px;max-width:94vw;height:500px;position:relative;display:grid;grid-template-columns:90px 1fr;padding:20px;gap:12px}
.lb .x{position:absolute;right:-12px;top:-12px;width:28px;height:28px;background:#fff;border:1px solid var(--low);display:grid;place-items:center;font-size:16px}
.lb .col{display:flex;flex-direction:column;gap:8px;overflow:auto}
.lb .col button{height:80px;border:1px solid var(--low);display:grid;place-items:center;flex:none;background:#fff}
.lb .col button.on{border:2px solid var(--blue)}
.lb .col svg{height:60px;width:auto}
.lb .bigi{display:grid;place-items:center}
.lb .bigi svg{height:380px;width:auto}
.spbar{position:fixed;left:0;right:0;bottom:0;z-index:55;background:linear-gradient(90deg,#f1dcc9,#e9c8aa);height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 max(16px,calc(50% - 480px));font-size:14px}
.spbar b{font:800 18px var(--font)}
.spbar.hide{display:none}
.spbar .j{background:var(--red);color:#fff;font:400 16px var(--display);padding:8px 16px;border-radius:2px;margin-right:50px}
.spbar .cl{position:absolute;right:12px;top:6px;font-size:16px;cursor:pointer}
.totop{position:fixed;right:24px;bottom:100px;width:50px;height:50px;border-radius:50%;background:var(--blue);display:grid;place-items:center;z-index:56;box-shadow:var(--sh-arrow)}
.totop svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:3}

/* ===== services / offres ===== */
.srvhero{background:#fff;display:flex;align-items:center;gap:32px;padding:32px;margin:16px 0}
.srvhero .ph{width:300px;height:170px;border-radius:12px;background:linear-gradient(135deg,#f0c9a8,#8aa8d6);flex:none;overflow:hidden;display:grid;place-items:center}
.srvhero .ph svg{height:130px;width:auto}
.srvhero h1{font:400 56px/.95 var(--display);text-transform:uppercase}
.srvhero p{margin-top:12px;font-size:16px;line-height:22px;color:var(--grey)}
.ctr{text-align:center;font:800 24px/30px var(--font);margin:36px 0 20px}
.scard{width:240px;background:#fff;border-radius:4px;box-shadow:var(--sh1);display:flex;flex-direction:column;min-height:300px}
.scard .ph{height:120px;border-radius:4px 4px 0 0;display:grid;place-items:center;overflow:hidden}
.scard .ph svg{height:90px;width:auto}
.scard .bd{padding:16px;flex:1;position:relative}
.scard .bd b{display:block;font:800 16px/20px var(--font);margin:6px 0}
.scard .bd p{font-size:14px;line-height:19px;color:var(--grey)}
.scard .bd small{display:block;font-size:11px;color:var(--mid);margin-top:10px}
.scard .go{position:absolute;right:14px;bottom:12px;width:20px;height:20px}
.scard .go svg{width:100%;height:100%;stroke:var(--blue);fill:none;stroke-width:3}
.tabp{display:flex;gap:8px;justify-content:center;margin-bottom:20px;flex-wrap:wrap}
.tabp button{border:1px solid var(--black);border-radius:20px;height:40px;padding:0 18px;font-size:16px;background:#fff}
.tabp button.on{background:var(--blue);border-color:var(--blue);color:#fff}
.opgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}
.opgrid a{height:150px;background:#fff;border-radius:2px;padding:8px;display:block}
.opgrid a div{height:100%;border-radius:20px;background:#1d52ff;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:relative}
.opgrid b{font:400 28px/.95 var(--display);text-transform:uppercase;max-width:150px}
.opgrid svg{height:90px;width:auto}
.opgrid .j{position:absolute;right:10px;bottom:8px;background:var(--red);font:400 12px var(--display);padding:4px 8px;border-radius:2px}
.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.plan{background:#fff;border-radius:6px;box-shadow:var(--sh1);overflow:hidden;font-size:14px}
.plan .hd{padding:16px;text-align:center;font:800 22px var(--font)}
.plan .hd small{display:block;font-size:16px;margin-top:4px}
.plan .bd{padding:16px;text-align:center}
.plan .bd b{font-weight:800}.plan .bd b.g{color:var(--green)}
.plan .row{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid var(--border);text-align:left}
.plan .ok{color:var(--green);font-weight:800}
.faqhero{background:#1a5cff;margin:0 -16px;padding:40px 16px;text-align:center;color:#fff;font-size:12px}
.faqhero .bx{background:#fff;border-radius:40px;height:52px;max-width:600px;margin:0 auto 12px;display:flex;align-items:center;padding:0 20px;gap:10px;color:var(--mid);font-size:16px}

/* ===== panier / connexion ===== */
.empty{background:#fff;margin:16px 0;padding:32px;text-align:center}
.empty svg{width:240px;height:130px;margin:0 auto 16px}
.empty h2{font:800 16px var(--font);margin-bottom:8px}
.empty p{color:var(--mid);font-size:14px;margin-bottom:20px}
.cartgrid{display:grid;grid-template-columns:1fr 320px;gap:16px;margin:16px 0}
.cline{background:#fff;border-radius:4px;box-shadow:var(--sh1);padding:16px;display:grid;grid-template-columns:100px 1fr auto;gap:16px;align-items:center;margin-bottom:8px}
.cline svg{height:90px;width:auto;margin:0 auto}
.cline img{display:block;max-width:100%;max-height:90px;width:auto;height:auto;margin:0 auto;object-fit:contain}
.cline>div:first-child{min-width:0}
.cline b{font:800 15px/19px var(--font)}
.cline .q{display:flex;gap:10px;align-items:center;margin-top:10px}
.cline .q button{width:32px;height:32px;border:1px solid var(--low);border-radius:50%;font-size:18px}
.cline .rm{font-size:13px;color:var(--blue);text-decoration:underline;margin-left:14px;cursor:pointer}
.cline .pr{font:800 20px var(--font);color:var(--red);text-align:right}
.sumbox{background:#fff;border-radius:4px;box-shadow:var(--sh1);padding:20px;align-self:start;position:sticky;top:12px}
.sumbox .l{display:flex;justify-content:space-between;font-size:14px;padding:8px 0}
.sumbox .tt{font:800 20px var(--font);border-top:1px solid var(--border);margin-top:8px;padding-top:14px}
.sumbox .btn-r{margin-top:14px}
.login{background:var(--light);min-height:70vh;padding:16px 0}
.lcard{width:560px;max-width:100%;margin:16px auto 0;background:#fff;padding:32px}
.lcard h1{font:800 20px/26px var(--font);margin-bottom:8px}
.lcard p{font-size:13px;color:var(--mid);margin-bottom:20px}
.ff{position:relative;margin-bottom:16px}
.ff input{width:100%;height:56px;border:1px solid var(--low);border-radius:4px;padding:22px 14px 6px;font:400 16px var(--font);outline:0}
.ff input:focus{border-color:var(--dark)}
.ff label{position:absolute;left:14px;top:8px;font-size:12px;color:var(--mid);pointer-events:none}
.lfoot{text-align:center;font-size:13px;margin-top:40px;color:var(--grey)}
.lfoot a{text-decoration:underline}
.lfoot .bl{color:var(--blue);text-decoration:none;display:block;margin:12px 0}
.lfoot .sec{margin-top:14px;font-size:11px;color:var(--mid)}
.toast{position:fixed;left:50%;bottom:40px;transform:translateX(-50%);background:#161616;color:#fff;padding:14px 22px;border-radius:30px;font:800 14px var(--font);z-index:300;opacity:0;pointer-events:none;transition:.25s}
.toast.on{opacity:1}
@media(max-width:900px){.lst,.pp,.avis,.cartgrid{grid-template-columns:1fr}.pl{grid-template-columns:1fr}.plans{grid-template-columns:1fr 1fr}.opgrid{grid-template-columns:1fr}.help .pills{display:none}.reass4{grid-template-columns:1fr 1fr}.spec{grid-template-columns:1fr}.srvhero{flex-direction:column}}

/* ===== améliorations : bandeau, favoris, retour haut, newsletter, vente flash ===== */
.topbar{background:var(--black);color:#fff;margin:0 -16px;padding:0 16px;height:34px;display:flex;justify-content:center;gap:40px;align-items:center;font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden}
.topbar b{font-weight:700;color:var(--yellow)}
.card .fav{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;background:#fff;box-shadow:var(--sh-arrow);display:grid;place-items:center;z-index:2}
.card .fav svg{width:18px;height:18px;stroke:var(--black);fill:none;stroke-width:2}
.card .fav:hover svg{stroke:var(--red)}
.card .fav.on svg{fill:var(--red);stroke:var(--red)}
.totop{position:fixed;right:20px;bottom:24px;width:46px;height:46px;border-radius:50%;background:var(--black);display:grid;place-items:center;box-shadow:var(--sh-panel);opacity:0;pointer-events:none;transition:.25s;z-index:120}
.totop.on{opacity:1;pointer-events:auto}
.totop svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:3}
.news{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 16px;background:var(--light);border-top:1px solid var(--border)}
.news b{display:block;font:800 18px/24px var(--font)}
.news span{font-size:13px;color:var(--grey)}
.news form{display:flex;gap:8px;flex:none}
.news input{width:260px;height:44px;border:1px solid var(--dark);border-radius:3px;padding:0 14px;font:400 14px var(--font);outline:0}
.nl-ok{height:44px;padding:0 22px;border-radius:1000px;background:var(--red);color:#fff;font:800 14px var(--font)}
.nl-ok:hover{background:var(--red-hover)}
.suggest li.hit span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.flash{background:var(--black);margin:20px -16px 0;padding:16px 16px 20px;color:#fff}
.flash .hd{display:flex;align-items:center;gap:16px;margin-bottom:12px}
.flash h2{font:400 34px/1 var(--display);letter-spacing:.5px}
.flash h2 b{color:var(--yellow);font-weight:400}
.flash .cd{display:flex;gap:6px;margin-left:auto;font:800 18px var(--font)}
.flash .cd i{font-style:normal;background:var(--red);border-radius:3px;min-width:42px;padding:6px 4px;text-align:center}
.flash .cd small{display:block;font:500 9px/1 var(--font);text-transform:uppercase;opacity:.85;margin-top:2px}
@media(max-width:820px){.topbar span:not(:first-child){display:none}.news{flex-direction:column;align-items:stretch}.news input{width:100%;flex:1}.flash .cd{display:none}}
.flash .card{color:var(--dark)}

/* ===== pages 2nde vie / cuisine / réparation / aide ===== */
.btn-hero{display:inline-block;margin-top:16px;background:var(--red);color:#fff;font:800 14px var(--font);padding:12px 24px;border-radius:1000px}
.btn-hero:hover{background:var(--red-hover)}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.stp{background:#fff;border-radius:4px;box-shadow:var(--sh1);padding:20px 16px;text-align:center}
.stp i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--red);color:#fff;font:800 18px var(--font);font-style:normal;margin:0 auto 12px}
.stp b{display:block;font:800 15px/20px var(--font);margin-bottom:6px}
.stp span{font-size:13px;line-height:18px;color:var(--grey)}
.grades{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.grade{background:#fff;border-radius:4px;box-shadow:var(--sh1);border-top:6px solid;padding:20px;text-align:center}
.grade b{display:block;font:800 16px var(--font);margin-bottom:6px}
.grade span{font-size:13px;color:var(--grey)}
.styles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.stl{border-radius:4px;box-shadow:var(--sh1);padding:48px 20px 24px;min-height:190px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px}
.stl b{font:400 30px/1 var(--display)}
.stl span{font-size:13px}
.faq{display:grid;gap:8px}
.faq details{background:#fff;border-radius:4px;box-shadow:var(--sh1);padding:16px 20px}
.faq summary{cursor:pointer;font:800 15px var(--font)}
.faq p{margin-top:10px;font-size:14px;line-height:21px;color:var(--grey)}
.login-wrap{display:grid;grid-template-columns:560px 1fr;gap:24px;align-items:start;max-width:960px;margin:0 auto}
.login-wrap .lcard{margin:16px 0 0;width:auto}
.perks{background:#fff;margin-top:16px;padding:28px 24px;border-radius:4px}
.perks h2{font:800 18px/24px var(--font);margin-bottom:16px}
.perks li{display:flex;gap:12px;font-size:14px;line-height:20px;padding:10px 0;border-top:1px solid var(--border)}
.perks li::before{content:"✓";color:var(--green);font-weight:800}
@media(max-width:900px){.login-wrap{grid-template-columns:1fr}}
@media(max-width:820px){.grades,.styles{grid-template-columns:1fr 1fr}}
/* photos produits (équivalents des dessins SVG) */
.pl .im>img{height:150px}
.gal .main img{height:290px}
.thumbs button img{height:48px}
.lb .col img{height:60px}
.lb .bigi img{height:380px}
.srvhero .ph img{height:130px}.scard .ph img,.opgrid img{height:90px}
.pl .im>img,.gal .main img,.lb .bigi img{max-width:100%;object-fit:contain}.gal .main img{max-height:290px}

.opts{margin:16px 0}.opts .og{margin-bottom:16px}.opts b{font-size:14px;display:block;margin-bottom:8px}.opts .row{display:flex;flex-wrap:wrap;gap:8px}
.opts .sw{width:88px;height:72px;border:1px solid #c9c9c9;border-radius:6px;background:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font:400 12px var(--font)}
.opts .sw i{width:26px;height:26px;border-radius:50%;box-shadow:0 0 0 1px #bbb}
.opts .sz{min-width:88px;padding:10px 14px;border:1px solid #c9c9c9;border-radius:6px;background:#fff;cursor:pointer;font:400 13px var(--font)}
.opts .sw.on,.opts .sz.on{border:2px solid var(--blue,#1d52ff);color:var(--blue,#1d52ff)}

@media(max-width:900px){.pp-title{flex-direction:column;gap:6px}.pp-title .allof{white-space:normal}}

/* ===== mobile (≤600px) : en-tête avec compte + panier, panier, fiche produit, grilles ===== */
@media(max-width:600px){
  .tools{display:flex;flex:none;flex-wrap:nowrap;margin-left:0}
  .header-top .search{flex:1 1 0;min-width:0;width:auto}
  .search input{min-width:0;width:100%}
  .hdr-light .header,.hdr-min .header{height:auto;min-height:60px;padding-top:8px;padding-bottom:8px}
  .tools .tool{flex:none;width:40px;min-width:40px;height:44px;padding:0;gap:0}
  .tools .tool+.tool::before{display:none}
  .tools .tool span{display:none}
  .tools .tool svg{margin:0}
  .tools a.tool:first-child,.tools button.tool{display:none}
  .basket-n{right:2px;top:2px}
  .hdr-min .tools .tool.basket{display:flex}
  .nav .menu a.m-only{display:block}
  .menu{max-width:100vw}
  .topbar{font-size:11px}
  .cartgrid{gap:8px;margin:8px 0}
  .cline{grid-template-columns:72px 1fr;gap:10px 12px;padding:12px;align-items:start}
  .cline img,.cline svg{max-height:70px}
  .cline .pr{grid-column:2;text-align:left;font-size:18px}
  .cline .q{flex-wrap:wrap;gap:8px}
  .cline .q button{width:40px;height:40px}
  .cline .rm{margin-left:6px;padding:10px 0}
  .sumbox{position:static;padding:16px}
  .sumbox .btn-r{width:100%}
  .pt{font-size:22px}
  .pgrid{gap:6px}
  #grid.pgrid{grid-template-columns:1fr 1fr!important}
  #grid.pgrid .card{padding:10px;width:auto}
  #grid.pgrid .card .im{height:110px}
  #grid.pgrid .card .t{font-size:13px;line-height:17px;min-height:0}
  #grid.pgrid .card .price b{font-size:18px}
  #grid.pgrid .card .add{font-size:12px;padding:0 6px;height:40px}
  #chips{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;margin:0 -12px 12px!important;padding:0 12px}
  #chips a{flex:none;white-space:nowrap}
  #pager a{min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center}
  .rv{grid-template-columns:1fr}.rv>div+div{border-left:0;border-top:1px solid var(--border)}
  .rv>div{padding:12px}
  .avbox{padding:14px}
  .reprise .mini{flex-wrap:wrap;gap:8px 16px}
  .lcard{padding:20px 16px}
  .login-wrap{gap:12px}
  .opts .sw{width:calc(33% - 6px);min-width:84px}
  .sumbox,.pcard,.lcard,.avbox{max-width:100%}
  img,svg{max-width:100%}
  .btn-r,.btn-b,.btn-o,.add{min-height:44px}
}
.menu a.m-only{display:none}
@media(max-width:600px){
  .menu a.m-only{display:block}
  .spbar{height:auto;min-height:52px;padding:8px 36px 8px 12px;font-size:11px;gap:10px}
  .spbar b{font-size:12px}
  .spbar .j{margin-right:0;flex:none;padding:6px 10px;font-size:14px}
  .spbar .cl{right:10px;top:50%;transform:translateY(-50%);padding:8px}
}
@media(max-width:600px){
  #grid.pgrid .card .im{overflow:hidden}
  #grid.pgrid .card .im img,#grid.pgrid .card .im svg{max-height:100px}
  #grid.pgrid .card .price{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px}
  #grid.pgrid .card .price b{font-size:16px;line-height:20px}
  #grid.pgrid .card .price s{font-size:11px}
  #grid.pgrid .card .by{font-size:12px}
  #grid.pgrid .card .stars{font-size:12px}
}
.ftog{display:none}
@media(max-width:600px){
  .promo{height:auto;min-height:120px;flex-wrap:wrap;padding:16px;gap:10px 14px;border-radius:20px;margin:12px 0}
  .promo h3{font-size:30px}
  .promo .pr{font-size:26px;padding:4px 12px;margin-left:0}
  .promo svg.pi,.promo img.pi{height:80px}
  .ftog{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;background:#fff;border:1px solid var(--low);border-radius:4px;font:800 14px var(--font);margin:0 0 8px}
  .lst .filters{display:none}
  .lst .filters.show{display:block}
  .resbar{flex-wrap:wrap;gap:8px}
  .plist .card,.plist article{min-width:0}
}
@media(max-width:600px){.help{display:none}}
@media(max-width:600px){
  .nav{overflow:visible}
  .menu{position:fixed;top:60px;left:12px;right:12px;width:auto;max-height:calc(100vh - 80px);overflow-y:auto;z-index:200}
  .menu a{padding:13px 16px;font-size:14px;line-height:18px}
  .tabs{gap:6px}
  .tab{height:auto;min-height:48px;padding:6px 4px;font-size:13px;line-height:16px}
}
@media(max-width:600px){.hdr-min .logo{display:flex}}

/* fiche produit : couleurs en cartes à photo, tailles, capacités, chargeur recommandé */
.opts .swc{width:96px;min-height:78px;border:1px solid #c9c9c9;border-radius:6px;background:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px 4px;font:400 12px/14px var(--font);text-align:center}
.opts .swc img{height:36px;width:auto;max-width:64px;object-fit:contain}
.opts .swc.on,.opts .szb.on{border:2px solid var(--blue,#1d52ff);color:var(--blue,#1d52ff)}
.opts .szb{min-width:96px;padding:10px 14px;border:1px solid #c9c9c9;border-radius:6px;background:#fff;cursor:pointer;font:400 13px var(--font)}
.opts .vp{float:right;font-weight:400;font-size:12px;color:var(--blue,#1d52ff);text-decoration:none}
.moreopt{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--grey);margin:0 0 8px}.moreopt i{width:8px;height:8px;border-radius:50%;background:#8a8f98}
.chg{display:flex;align-items:center;gap:14px;border:1px solid #d9d9d9;border-radius:6px;padding:12px;background:#fff}
.chg img{width:44px;height:44px;object-fit:contain}.chg b{font-size:12px;display:block;margin-bottom:4px}.chg p{font-size:13px;margin:0 0 4px}.chg strong{font:800 16px var(--font)}
.chg .rb{margin-left:auto;width:36px;height:36px;min-height:0;border-radius:50%;padding:0;background:var(--red,#e21212);display:grid;place-items:center;flex:none}
.chg .rb svg{width:18px;height:18px;stroke:#fff;fill:none;stroke-width:2}
.tech2{display:inline-flex;align-items:center;gap:6px;border:1px solid #d9d9d9;border-radius:4px;padding:3px 8px;font:800 10px var(--font);margin:0 0 8px;background:#fff}.tech2 i{width:14px;height:14px;border-radius:50%;background:conic-gradient(#e21212 0 25%,#006af5 0 50%,#ffdb00 0 75%,#2ba84a 0)}
@media(max-width:600px){.opts .swc{width:calc(33% - 6px);min-width:84px}.opts .szb{min-width:calc(50% - 6px)}}
.bnrs{display:flex;flex-direction:column;gap:12px;margin:14px 0 6px}
.bnr{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#0a6cff;color:#fff;border-radius:44px;padding:22px 28px 22px 48px;text-decoration:none}
.bnr h2{margin:0;font:400 38px/1 'Bebas Neue',sans-serif;letter-spacing:.5px;text-transform:uppercase}
.bnr p{margin:6px 0 0;font-size:15px}
.bnr .pill{flex:none;background:#fff;color:#e4202e;border-radius:30px;padding:12px 24px;font-weight:800;font-size:18px;text-align:center;line-height:1.2}
.bnr .pill small{display:block;color:#333;font-weight:400;font-size:12px;margin-top:2px}
.bnr .go{flex:none;width:44px;height:44px;border-radius:50%;background:#e4202e;display:grid;place-items:center}
.bnr .go svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:3}
@media(max-width:600px){.bnr{flex-wrap:wrap;border-radius:28px;padding:18px 20px}.bnr h2{font-size:28px}}
.srvhero .ph img{height:150px;width:auto;max-width:100%;object-fit:contain;mix-blend-mode:multiply}.scard .ph{height:140px}.scard .ph img{height:120px;width:auto;max-width:90%;object-fit:contain;mix-blend-mode:multiply}
/* panier */
.stepper{display:flex;justify-content:center;gap:0;margin:18px 0 22px}
.stepper div{flex:1;max-width:190px;text-align:center;position:relative;font-size:11px;color:var(--mid)}
.stepper div:not(:last-child):after{content:"";position:absolute;top:11px;left:calc(50% + 14px);right:calc(-50% + 14px);height:1px;background:var(--low)}
.stepper i{display:grid;place-items:center;width:22px;height:22px;margin:0 auto 6px;border-radius:50%;border:1px solid var(--low);background:#fff;font-style:normal;font-size:11px}
.stepper .on{color:var(--blue)}.stepper .on i{border-color:var(--blue);color:var(--blue)}
.rep{display:flex;align-items:center;gap:14px;background:#fff;border-radius:4px;box-shadow:var(--sh1);padding:16px;margin-bottom:16px;flex-wrap:wrap}
.rep>svg{width:22px;height:22px;fill:none;stroke:#13a35a;stroke-width:2}.rep>div{flex:1;min-width:200px}.rep b{font-size:14px}.rep p{font-size:12px;line-height:17px;margin-top:6px}
.rep .btn-o{height:34px;padding:0 18px;font-size:13px;display:inline-flex;align-items:center;border:1px solid var(--blue);color:var(--blue);border-radius:1000px;font-weight:600;white-space:nowrap}
.cl-box{background:#fff;border:1px solid var(--border);box-shadow:var(--sh1);margin-bottom:8px}
.cl-seller{text-align:center;font-size:12px;padding:10px;border-bottom:1px solid var(--border)}
.cl-fin{font-size:11px;padding:8px 12px;border-bottom:1px solid var(--border);display:flex;gap:6px;align-items:center}.cl-fin .fl{color:#e21212}.cl-fin i{font-style:normal;border:1px solid var(--mid);border-radius:50%;width:13px;height:13px;display:inline-grid;place-items:center;font-size:9px}
.cl-item{padding:16px 16px 18px}
.cl-main{display:grid;grid-template-columns:100px 1fr auto;gap:16px;align-items:start}
.cl-im img,.cl-im svg{display:block;max-width:100%;max-height:100px;width:auto;height:auto;margin:0 auto;object-fit:contain}
.cl-info small{display:block;font-size:11px;color:var(--mid)}.cl-info b{display:block;font:800 12px/16px var(--font);text-transform:uppercase;margin:3px 0}
.cl-lb{display:block;font-size:12px;margin-bottom:3px}.cl-g{font-size:11px;text-decoration:underline;color:var(--dark)}
.cl-pr{font:800 15px var(--font);white-space:nowrap}
.cl-act{display:flex;align-items:center;gap:14px;margin:12px 0 0 116px;font-size:11px}
.cl-act select{height:26px;border:1px solid var(--low);border-radius:3px;padding:0 6px;background:#fff}
.cl-act a{color:var(--blue);text-decoration:underline;cursor:pointer}
.cl-dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 0 116px}
.cl-dl>div{border:1px solid var(--low);border-radius:3px;padding:10px 12px;font-size:11px;line-height:16px}
.cl-dl>div.on{border:2px solid var(--blue)}.cl-dl b{display:block;font-size:12px}.cl-dl span{display:block;color:#13803a}.cl-dl em{font-style:normal;color:var(--red)}
.cl-ins{margin:16px 0 0 116px;border:1px solid var(--border);border-left:3px solid var(--blue);background:#fafafa;padding:12px}
.cl-ins h4{font-size:12px;margin-bottom:10px}.cl-ins>div{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cl-ins label{display:block;font-size:10px;line-height:15px;position:relative;padding-left:22px}.cl-ins input{position:absolute;left:0;top:2px}
.cl-ins label b{display:block;font-size:11px}.cl-ins small{display:block;color:var(--mid)}.cl-ins span{display:block;margin-top:6px;font-size:10px}
.cl-rec{margin:18px 16px 0;font-size:12px}.cl-rec h4{font-size:12px;margin-bottom:8px}
.cl-rec .r{display:flex;align-items:center;gap:12px;border:1px dashed var(--low);border-radius:4px;padding:10px 12px}
.cl-rec .im{width:44px;flex:none}.cl-rec .im img,.cl-rec .im svg{max-width:100%;max-height:44px;width:auto;height:auto;object-fit:contain}
.cl-rec .t{flex:1;font-size:10px;line-height:14px;text-transform:uppercase}.cl-rec .t small{display:block;color:var(--mid);text-transform:none}.cl-rec .t a{color:var(--blue);font-weight:600}
.cl-rec button.add{width:34px;height:34px;border-radius:50%;background:var(--red);display:grid;place-items:center;flex:none}
.cl-rec button svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2}
.cl-more{display:block;text-align:center;color:var(--blue);font-weight:600;font-size:13px;padding:18px}
.sumbox.rc{padding:0}.rc h3{text-align:center;font:600 14px var(--font);background:#f5f5f5;padding:16px;border-bottom:1px solid var(--border)}
.rc details{padding:14px 18px;font-size:13px}.rc summary{color:var(--blue);text-align:center;cursor:pointer;font-weight:500}.rc details ul{margin-top:10px;font-size:12px;list-style:none}
.rc .l,.rc .eco,.rc .fin,.rc .taeg{margin:0 18px}.rc .l{font-size:12px}.rc .tt{font-size:13px}.rc .eco{text-align:right;font-size:10px;color:var(--mid)}
.rc .fin{background:#f3f3f3;border-radius:4px;padding:6px 10px;margin-top:10px;font-size:11px;text-align:center}
.rc .taeg{display:flex;flex-direction:column;align-items:flex-end;font-size:11px;color:var(--mid);margin-top:8px}
.rc .btn-r{margin:16px 18px 18px;width:auto}
.pcode{background:#fff;box-shadow:var(--sh1);margin-top:8px;font-size:12px}.pcode summary{display:flex;justify-content:space-between;padding:14px 18px;color:var(--blue);cursor:pointer;list-style:none}
.pcode form{display:flex;gap:8px;padding:0 18px 14px}.pcode input{flex:1;height:34px;border:1px solid var(--low);padding:0 10px}.pcode button{padding:0 16px;background:var(--blue);color:#fff;border-radius:3px}
.legal{font-size:11px;line-height:16px;color:var(--mid);margin-top:12px}.legal a{text-decoration:underline;color:var(--dark);display:block}
@media(max-width:600px){.cl-main{grid-template-columns:72px 1fr}.cl-pr{grid-column:2}.cl-act,.cl-dl,.cl-ins{margin-left:0}.cl-ins>div,.cl-dl{grid-template-columns:1fr}.stepper span{display:block;font-size:11px;line-height:13px;padding:0 2px}.stepper div{font-size:11px}}
.cartgrid{grid-template-columns:minmax(0,1fr) 320px}.cartgrid>*{min-width:0}@media(max-width:900px){.cartgrid{grid-template-columns:minmax(0,1fr)}}
.rc .fin i{font-style:normal;border:1px solid var(--mid);border-radius:50%;width:13px;height:13px;display:inline-grid;place-items:center;font-size:9px;margin-left:4px}
.stepper .done{color:var(--dark)}.stepper .done i{background:var(--blue);border-color:var(--blue);color:#fff}.stepper div.done:not(:last-child):after{background:var(--blue)}
h1,h2{text-wrap:balance}
@media(max-width:600px){.add{font-size:13px;padding:0 10px;gap:6px;white-space:nowrap}.add svg{width:18px;height:18px}}
/* pastille du panier plus lisible */
.basket-n{top:-10px;min-width:16px;height:16px;border-radius:10px;font:800 12px/16px var(--font);padding:0 3px;border:2px solid #fff;box-sizing:content-box}
/* suggestions de recherche : photo, nom, prix */
.suggest li.hit{gap:12px;height:56px}
.suggest li.hit img{width:40px;height:40px;object-fit:contain;flex:none;mix-blend-mode:multiply}
.suggest li.hit .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.suggest li.hit .pr{flex:none;padding-right:16px;font-weight:800;font-size:14px;color:var(--red)}
.suggest li.none{height:auto;padding:12px 16px;font-size:14px;color:var(--mid);cursor:default}
.suggest li.none:hover{background:none}

/* chat service client */
.mchat{position:fixed;left:16px;bottom:16px;z-index:80;font-family:var(--font)}
.mchat-btn{position:relative;width:56px;height:56px;border-radius:50%;background:var(--red);box-shadow:0 4px 16px rgba(0,0,0,.28);display:grid;place-items:center;cursor:pointer;border:0}
.mchat-btn svg{width:26px;height:26px;stroke:#fff;fill:none;stroke-width:2;stroke-linejoin:round}
.mchat-btn.on{background:var(--dark)}
.mchat-n{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;border-radius:11px;background:#fff;color:var(--red);border:2px solid var(--red);font:800 12px/18px var(--font);text-align:center;font-style:normal;padding:0 4px}
.mchat-box{position:absolute;left:0;bottom:70px;width:340px;height:460px;max-height:calc(100vh - 110px);background:#fff;border-radius:14px;box-shadow:0 10px 40px rgba(0,0,0,.3);display:flex;flex-direction:column;overflow:hidden}
.mchat-box[hidden]{display:none}
.mchat-h{background:var(--red);color:#fff;padding:14px 44px 14px 16px;position:relative;display:flex;flex-direction:column}
.mchat-h b{font:800 16px var(--font)}.mchat-h span{font-size:12px;opacity:.9}
.mchat-x{position:absolute;right:8px;top:8px;width:32px;height:32px;color:#fff;font-size:24px;line-height:1;background:none;border:0;cursor:pointer}
.mchat-l{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:8px;background:#f6f6f6}
.mchat-m{max-width:82%;padding:8px 12px;border-radius:14px;font-size:14px;line-height:19px;word-break:break-word}
.mchat-m small{display:block;font-size:10px;opacity:.6;margin-top:3px}
.mchat-m.v{align-self:flex-end;background:var(--dark);color:#fff;border-bottom-right-radius:4px}
.mchat-m.a{align-self:flex-start;background:#fff;border:1px solid var(--border);border-bottom-left-radius:4px}
.mchat-s{align-self:center;text-align:center;font-size:12px;color:var(--mid);padding:6px 10px}
.mchat-t{padding:4px 14px;font-size:12px;color:var(--mid);background:#f6f6f6}
.mchat-who{display:grid;gap:6px;padding:8px 10px 0;background:#fff;border-top:1px solid var(--border)}
.mchat-who[hidden]{display:none}
.mchat-who input,.mchat-f input{height:38px;border:1px solid var(--border);border-radius:8px;padding:0 10px;font:inherit;font-size:14px;min-width:0}
.mchat-f{display:flex;gap:6px;padding:10px;background:#fff}
.mchat-f input{flex:1}
.mchat-f button{padding:0 14px;border-radius:8px;background:var(--red);color:#fff;font-weight:800;border:0;cursor:pointer}
.mchat-f button:disabled{opacity:.5}
@media(max-width:600px){.mchat{left:12px;bottom:12px}.mchat-box{position:fixed;left:8px;right:8px;bottom:78px;width:auto;height:min(70vh,520px)}}
/* pastille du panier : à droite de l'icône (elle ne doit pas la recouvrir) */
@media(min-width:601px){.basket-n{left:calc(50% + 8px);right:auto;top:-12px}}

/* choix livraison / retrait (panier) : cliquable */
.cl-dl>div{cursor:pointer;transition:border-color .15s,background .15s}
.cl-dl>div:hover{border-color:var(--blue);background:#f7faff}
.cl-dl>div:focus-visible{outline:2px solid var(--dark);outline-offset:2px}

.cl-dl{grid-template-columns:1fr}.cl-dl>div{cursor:default}.cl-dl>div:hover{background:none}
/* code promo appliqué */
.pcode-ok{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#eaf7ef;border:1px solid #bfe3cb;color:#13803a;border-radius:4px;padding:12px 14px;font-size:13px;margin-top:8px}
.pcode-ok button{color:var(--blue);text-decoration:underline;font-size:12px;background:none;border:0;cursor:pointer}

/* raccourcis de marque : choix actif */
.help .pills a.on{background:var(--blue);color:#fff;border-color:var(--blue)}

/* ======================================================================
   MOBILE (≤600 px) : en-tête, menu plein écran, cartes, fiche produit
   ====================================================================== */
.loc,.m-head,.m-top,.m-rayons,.cmp,.dots,.offb,.pcf,.oth,.mof,.stick .bar .pb{display:none}
.acts .mob,.acts label.mob{display:none}
@media(max-width:600px){
  /* ----- en-tête : Rayons | logo | Compte Panier, puis recherche pleine largeur, puis magasin ----- */
  .site .header{position:relative;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"nav logo tools" "search search search" "loc loc loc";align-items:center;gap:4px 8px;padding:10px 12px 0;margin:0 -12px;height:auto;border-bottom:1px solid var(--border)}
  .site .header-top{display:contents}
  .site .nav{grid-area:nav;margin:0;order:0;height:auto;min-height:0}
  .site .rayons{height:56px;padding:0 4px;font-size:15px;gap:2px;flex-direction:column;justify-content:center}
  .site .rayons svg{width:34px;height:34px;stroke-width:3.2}
  .site .logo{display:grid;grid-area:logo;justify-self:center;width:54px;height:54px;margin:0}
  .site .logo span{width:40px;height:40px;font-size:24px}
  .site .tools{display:flex;grid-area:tools;margin:0;gap:2px}
  .site .tools .tool{width:auto;min-width:56px;height:60px;padding:0 4px;gap:2px;justify-content:center}
  .site .tools .tool:nth-child(3) span,.site .tools .tool:nth-child(4) span{display:block;font-size:15px;line-height:18px}
  .site .tools .tool:nth-child(3) span{font-size:0}
  .site .tools .tool:nth-child(3) span::after{content:"Compte";font-size:15px}
  .site .tools .tool svg{width:30px;height:30px;margin:0;stroke-width:2.2}
  .basket-n{left:calc(50% + 6px);right:auto;top:-2px}
  .site .search{grid-area:search;max-width:none;width:100%;margin:6px 0 0}
  .site .search form{height:52px;border:1px solid #cfcfcf;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.18);position:relative;background:#fff}
  .site .search input{padding:0 44px 0 52px;height:50px;font-size:18px;color:#444}
  .site .search input::placeholder{color:#767676;font-size:18px}
  .site .search .go{position:absolute;left:0;top:0;bottom:0;width:52px;height:auto;background:none}
  .site .search .go svg{stroke:#9aa0a6;stroke-width:2.6;width:26px;height:26px}
  .site .search .clear{position:absolute;right:4px;top:0;bottom:0}
  .site .loc{grid-area:loc;display:flex;align-items:center;gap:14px;padding:14px 4px 12px;margin-top:6px;border-top:1px solid var(--border);color:var(--blue);font:600 18px var(--font)}
  .site .loc svg{width:26px;height:26px;fill:#e21212;stroke:#e21212;flex:none}
  .site .loc{display:none}
  .topbar{font-size:11px}

  /* ----- menu plein écran ----- */
  body.menu-open{overflow:hidden}
  .nav .menu{display:none}
  .nav .menu.open{display:block;position:fixed;top:0!important;left:0;bottom:0;height:100%!important;z-index:400;background:#fff;overflow-y:auto;max-height:none!important;width:80vw;max-width:400px;margin:0;padding:0;border:0;box-shadow:0 0 0 100vmax rgba(0,0,0,.5)}
  .menu .m-head{display:none;justify-content:flex-end;background:#353535;padding:10px 14px 0}
  .menu .m-close{color:#fff;font-size:30px;width:44px;height:44px;line-height:1;background:none;border:0}
  .menu .m-top{display:block;background:#353535;padding:4px 0 10px}
  .menu .m-top{padding:10px 0 8px}
  .menu .m-top a{display:block;color:#fff;font:400 17px/1.2 var(--font);text-transform:uppercase;padding:16px 0 16px 62px;border:0;text-align:left}
  .menu .m-top a.mi{display:flex;align-items:center;gap:18px;padding-left:28px}
  .menu .m-top a.mi svg{width:20px;height:20px;flex:none}
  .menu .m-rayons{display:block;background:var(--red);color:#fff;text-align:center;font:700 17px var(--font);text-transform:uppercase;padding:18px 0}
  .menu .m-only{display:none!important}
  .menu>a{display:block;padding:17px 12px;text-align:center;text-transform:uppercase;font:400 16px/1.2 var(--font);color:var(--black);border-bottom:1px solid var(--border)}

  /* ----- cartes produit : plus grandes, pastilles de pagination, flèches visibles ----- */
  .card,.home #products .card{width:84vw;padding:18px;border-radius:12px}
  .card .t,.home #products .card .t{font-size:18px;line-height:25px;min-height:0;margin:8px 0}
  .card .stars,.home #products .card .stars{font-size:16px}
  .card .cmp{display:flex;align-items:center;gap:12px;font-size:18px;margin:18px 0}
  .card .cmp i{width:28px;height:28px;border:2px solid #cfcfcf;border-radius:4px;flex:none}
  .card .by{font-size:17px;line-height:26px}
  .card .badge{font-size:16px;padding:6px 14px;border-radius:8px}
  .card .price b{font-size:34px}
  .card .price s{font-size:16px}
  .card .fine{font-size:15px}
  .card .add,.home #products .card .add{height:54px;font-size:19px;border-radius:30px}
  .car .arrow{display:grid;width:44px;height:44px;top:46%;box-shadow:0 2px 8px rgba(0,0,0,.25)}
  .car .arrow.prev{left:-6px}.car .arrow.next{right:-6px}
  .car .arrow svg{width:18px;height:18px}
  .dots{display:flex;justify-content:center;gap:14px;margin:14px 0 6px}
  .dots i{width:14px;height:14px;border-radius:50%;background:#c9c9c9}
  .dots i.on{background:var(--blue)}
  .totop{width:56px;height:56px;right:14px;bottom:20px;background:var(--blue)}
  .totop svg{width:26px;height:26px}

  /* ----- fiche produit ----- */
  .crumbs{font-size:13px}
  .pp-title{display:block;font-weight:400;font-size:22px;line-height:30px;color:var(--grey);text-transform:lowercase;margin:6px 0 10px}
  .pp-title>div::first-letter{text-transform:uppercase}
  .pp-title span{font-weight:800;text-transform:uppercase;color:var(--black)}
  .pp-title .allof{display:none}
  .pp{display:flex;flex-direction:column;gap:0;margin:0 -12px;padding:0;background:var(--light)}
  .gal,.mid{display:contents}
  .gal>*,.mid>*,.pp>.buybox,.pp>.mof{background:#fff;padding-left:16px;padding-right:16px;margin-top:0;margin-bottom:0;border-radius:0}
  .gal .main{order:10;height:300px;padding-top:12px}
  .gal .main img{height:270px;max-height:270px}
  .gal .thumbs{order:11;gap:12px;margin:0;padding-top:6px;padding-bottom:18px}
  .gal .thumbs button{width:12px;height:12px;min-width:0;padding:0;border:0;border-radius:50%;background:#d4d4d4;font-size:0;overflow:hidden}
  .gal .thumbs button>*{display:none}
  .gal .thumbs button.on{background:#222;border:0}
  .gal .thumbs button[data-i=more]{display:none}
  .gal .acts{order:12;margin:0;padding-top:14px;padding-bottom:14px;border-top:1px solid var(--border);border-bottom:0;font-size:16px;justify-content:space-around}
  .gal .acts label{flex:none;gap:8px;padding:0 10px;font-size:16px}
  .gal .acts label+label{border-left:1px solid var(--border)}
  .acts .dsk{display:none}.acts .mob{display:inline}.acts label.mob{display:flex}
  .gal .choose{order:60;padding-top:16px;padding-bottom:20px;margin-top:8px;border-top:8px solid var(--light)}
  .mid>.nrgbig{order:28;padding-top:8px;padding-bottom:8px}
  .mid>.chgh{order:14;margin:0;padding-top:16px;padding-bottom:8px}
  .mid>.chg{order:15;padding-bottom:12px}
  .mid>.opts{order:20;margin:0;padding-top:14px;padding-bottom:6px}
  .mid>.moreopt{order:21;padding-bottom:16px}
  .opts b{font-size:19px;font-weight:700;margin-bottom:12px}
  .opts .vp{font-size:16px}
  .opts .swc{width:calc(33.3% - 8px);min-width:0;min-height:128px;font-size:19px;border-radius:12px;gap:10px;padding:12px 4px}
  .opts .swc img{height:54px;max-width:96px}
  .opts .szb{min-width:calc(50% - 8px);font-size:17px}
  .mid>.maxp{order:32;margin:0;padding-top:22px;padding-bottom:22px;font-size:17px;color:var(--black);border-top:8px solid var(--light);border-bottom:8px solid var(--light)}
  .mid>.srvbox{order:33;margin:0;border:0;border-left:0;padding-top:18px;padding-bottom:22px;font-size:16px}
  .mid>.srvbox b{font-size:20px}
  .mid>.ptf{order:34;margin:0;padding-top:20px;padding-bottom:6px;font-size:20px;border-top:8px solid var(--light)}
  .mid>.ptl{order:35;padding-top:6px;padding-bottom:6px;padding-left:36px;font-size:17px;line-height:26px}
  .mid>.ptm{order:36;padding-top:6px;padding-bottom:22px;margin:0;font-size:17px;color:var(--black)}
  /* bloc prix */
  .pp>.buybox{order:30;display:grid;grid-template-columns:1fr auto;column-gap:12px;align-items:start;box-shadow:none;padding-top:20px;padding-bottom:22px;border-top:8px solid var(--light)}
  .buybox>*{grid-column:1/3}
  .buybox .by{font-size:16px;margin-bottom:10px}
  .buybox .offb{display:inline-block;grid-column:1;justify-self:start;background:var(--red);color:#fff;font:600 18px var(--font);padding:6px 12px;border-radius:6px;margin-bottom:6px}
  .buybox .big{grid-column:1;font-size:46px;line-height:50px;margin-top:4px}
  .buybox .big s{display:block;margin:4px 0 0;font-size:19px}
  .buybox .pcf{display:block;grid-column:1/3;color:var(--mid);font-size:16px;margin:2px 0 8px}
  .buybox .mens{grid-column:2;grid-row:2/4;align-self:start;background:#f2f2f2;border:0;border-radius:8px;padding:12px 14px;margin:0;font-size:19px}
  .buybox .mens b{color:var(--red)}
  .buybox .eco{font:400 17px var(--font);margin:10px 0;background:linear-gradient(transparent 62%,#ffe97a 62%);display:inline-block;justify-self:start}
  .buybox .oth{display:block;margin:12px 0 6px}
  .buybox .oth h5{font:700 20px var(--font);margin-bottom:12px}
  .buybox .oth .refb{background:#e3f1e8;border-radius:10px;padding:16px;display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center}
  .buybox .oth .tg{background:#0f7a3c;color:#fff;font:800 19px var(--font);padding:8px 12px;border-radius:6px;grid-column:1/3;justify-self:start}
  .buybox .oth .refb b{font:800 30px var(--font);grid-column:1}
  .buybox .oth .refb a{grid-column:2;grid-row:2;color:var(--blue);text-decoration:underline;font-size:19px}
  .buybox .oth .refb small{grid-column:1/3;font-size:19px}
  .buybox .oth>a.u{display:block;margin-top:14px;font-size:19px;color:var(--black)}
  .buybox .free{font-size:13px}
  .buybox .dl{font-size:19px;margin-top:14px}
  .buybox .inst{font-size:16px}
  .buybox .add{height:60px;font-size:21px;border-radius:40px;margin-top:6px}
  .buybox .stock{display:none}
  .buybox .pict{background:#e3f1e8;border-radius:14px;padding:16px 6px;margin-top:18px;font-size:15px;line-height:19px;color:var(--black)}
  .buybox .pict svg{width:34px;height:34px;stroke:#0f7a3c;stroke-width:1.8}
  .pp>.mof{order:31;display:block;padding-top:18px;padding-bottom:18px;border-top:8px solid var(--light)}
  .mof .mh{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:22px}
  .mof .mh a{font-size:19px;color:var(--blue);text-decoration:underline}
  .mof .mrow{display:flex;justify-content:space-between;align-items:center;background:#f4f4f4;border-radius:10px;padding:18px 16px;color:var(--blue);font:500 19px var(--font)}
  .mof .mrow i{font-style:normal;color:var(--black);font-size:26px}
  /* barre d'achat collée en bas */
  .stick{position:static;box-shadow:none;margin:0}
  .stick .bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:90;background:#fff;padding:12px 16px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -4px 16px rgba(0,0,0,.2);align-items:center;justify-content:space-between;gap:12px}
  .stick .bar .th,.stick .bar .nm,.stick .bar .pr{display:none}
  .stick .bar .pb{display:block;line-height:1.15}
  .stick .bar .pb .offb{display:inline-block;background:var(--red);color:#fff;font:600 15px var(--font);padding:4px 8px;border-radius:5px}
  .stick .bar .pb s{display:block;color:var(--mid);font-size:16px;margin-top:4px}
  .stick .bar .pb b{display:block;color:var(--red);font:800 38px/1.1 var(--font)}
  .stick .bar .rb{width:64px;height:64px;flex:none}
  .stick .bar svg.i{width:30px;height:30px}
  body:has(.stick) .spbar{display:none}
  body:has(.stick) .totop{bottom:104px}
  body:has(.stick) .mchat{bottom:104px}
}
body.menu-open .mchat,body.menu-open .totop,body.menu-open .spbar{display:none!important}
@media(max-width:600px){
  .stick .bar .kb{display:none}
  .gal .acts{justify-content:space-between;padding-left:8px;padding-right:8px}
  .gal .acts label{padding:0 6px;font-size:15px;gap:6px}
  .gal .acts i{width:20px;height:20px}
  .opts .swc{font-size:16px;width:calc(33.3% - 8px)}
  .buybox .mens{font-size:16px;padding:10px 10px}
}
@media(max-width:600px){
  .buybox .big{font-size:38px;line-height:44px;white-space:nowrap}
  .buybox .big s{font-size:17px}
  .mid>a.u.ptm{font-size:17px}
}
@media(max-width:600px){.buybox .offb{grid-column:1/3;white-space:nowrap;font-size:17px}}
/* mobile : pas de bulle de chat (elle gênait le bouton panier) */
@media(max-width:600px){.mchat{display:none!important}}
/* mobile : cartes produit plus compactes (elles étaient trop grosses) */
@media(max-width:600px){
  .card,.home #products .card{width:68vw;padding:12px;border-radius:10px}
  .card .t,.home #products .card .t{font-size:15px;line-height:20px;margin:6px 0}
  .card .stars,.home #products .card .stars{font-size:13px}
  .card .cmp{font-size:14px;gap:8px;margin:10px 0}
  .card .cmp i{width:20px;height:20px}
  .card .by{font-size:13px;line-height:19px}
  .card .badge{font-size:12px;padding:4px 9px;border-radius:6px}
  .card .price b{font-size:26px}
  .card .price s{font-size:13px}
  .card .fine{font-size:12px}
  .card .add,.home #products .card .add{height:44px;font-size:15px}
  .home #products .card .im,.card .im{height:120px}
  .car .arrow{width:36px;height:36px}
  .dots{gap:10px;margin:10px 0 4px}
  .dots i{width:10px;height:10px}
}

/* ===== mobile : en-tête calé sur la référence (Manrope, icônes pleines gris foncé, logo et recherche compacts) ===== */
@media(max-width:600px){
  .site .header{padding:12px 12px 0;gap:2px 8px;font-family:Manrope,Poppins,Arial,sans-serif;color:#333}
  .site .rayons,.site .tools .tool{font-family:Manrope,Poppins,Arial,sans-serif;font-weight:500;color:#333}
  .site .rayons{height:50px;font-size:14px;line-height:16px;gap:4px;padding:0 4px}
  .site .rayons svg{width:26px;height:26px;stroke:#333;stroke-width:3.6;stroke-linecap:round}
  .site .logo{width:35px;height:35px}
  .site .logo span{width:27px;height:27px;font-size:17px}
  .site .tools{gap:6px}
  .site .tools .tool{min-width:50px;height:52px;gap:3px;padding:0 2px}
  .site .tools .tool:nth-child(3) span,.site .tools .tool:nth-child(4) span{font-size:14px;line-height:16px;font-weight:500}
  .site .tools .tool:nth-child(3) span{font-size:0}
  .site .tools .tool:nth-child(3) span::after{font-size:14px;font-weight:500}
  .site .tools .tool svg{width:26px;height:26px;stroke:#333;stroke-width:1.8}
  .site .tools .tool:nth-child(3) svg{fill:#333}
  .site .tools .tool:nth-child(4) svg{fill:#333;stroke-linejoin:round;stroke-linecap:round;stroke-width:2}
  .site .search{margin:4px 0 0}
  .site .search form{height:40px;border:2px solid #dcdcdc;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.12)}
  .site .search input{height:36px;padding:0 40px 0 48px;font:700 17px Manrope,Poppins,Arial,sans-serif;color:#333}
  .site .search input::placeholder{color:#888;font:700 17px Manrope,Poppins,Arial,sans-serif}
  .site .search .go{width:46px}
  .site .search .go svg{stroke:#d3d3d3;stroke-width:3.4;width:26px;height:26px}
  .site .header{padding-bottom:12px}
}

/* panier mobile : récapitulatif + Commander juste sous les articles, les recommandations en dernier */
@media(max-width:900px){.cartgrid>div:first-child{display:contents}.cartgrid>div:first-child>*{min-width:0}.cartgrid>aside{order:5}.cartgrid .reco{order:9}}

/* panier mobile : cartes « Nous vous recommandons » plus compactes (2 visibles à la fois) */
@media(max-width:600px){
  .reco .card{width:44vw;min-width:150px;padding:10px;border-radius:8px}
  .reco .card .im{height:110px}
  .reco .card .im svg,.reco .card .im img{max-height:100px}
  .reco .card .t{font-size:13px;line-height:17px;min-height:0;margin:6px 0 4px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .reco .card .t b{display:block;font-size:11px;font-weight:600;color:var(--mid)}
  .reco .card .stars{font-size:12px}
  .reco .card .cmp{font-size:12px;gap:8px;margin:8px 0;padding:8px 0}
  .reco .card .cmp i{width:18px;height:18px}
  .reco .card .by{font-size:11px;line-height:15px;margin:6px 0}
  .reco .card .badge{font-size:10px;padding:3px 7px;border-radius:5px}
  .reco .card .price b{font-size:20px;line-height:24px}
  .reco .card .price s{font-size:11px}
  .reco .card .fine{font-size:10px}
  .reco .card .add{height:38px;font-size:12px;padding:0 8px;gap:4px}
  .reco .card .add svg{width:16px;height:16px}
  .reco .card .fav{width:32px;height:32px;top:8px;right:8px}
  .reco h2.st{font-size:20px}
}

/* mobile : bandeau noir + en-tête (logo, recherche) restent collés en haut au défilement */
@media(max-width:600px){
  html,body{overflow-x:clip}
  .site .topbar{position:sticky;top:0;z-index:101}
  .site .header{position:sticky;top:34px;z-index:100}
}

/* ===== panier : habillage calé sur la référence (pilule de quantité, barre Commander collante, récapitulatif) ===== */
.cbar{display:none}
.cl-act .qty{display:inline-flex;align-items:center;gap:6px;background:#f2f2f2;border-radius:1000px;padding:5px}
.cl-act .qty b{min-width:26px;text-align:center;font:600 16px var(--font)}
.cl-act .qty .qb{width:36px;height:36px;border-radius:50%;background:#fff;color:var(--blue);display:grid;place-items:center;font:500 24px/1 var(--font);cursor:pointer}
.cl-act .qty .qb svg{width:18px;height:18px;fill:none;stroke:#777;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cl-act .qty .qb .mn{color:var(--blue);font-size:26px;line-height:1}
.cl-act .qty .qb.pl::before{content:"+";font:500 26px/1 var(--font);color:var(--blue)}.cl-act .qty .qb[disabled]{opacity:.4;cursor:default}
.cl-rec h4{display:flex;align-items:center;gap:12px}.cl-rec h4 svg{width:30px;height:30px;flex:none}
.rch{display:none}
@media(max-width:600px){
  .cbar{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:var(--hh,175px);z-index:90;background:#fff;margin:0 -12px;padding:12px 12px;box-shadow:0 2px 6px rgba(0,0,0,.12)}
  .cbar small{display:block;font-size:15px;color:var(--mid)}.cbar b{display:block;font:800 22px/28px var(--font)}
  .cbar .btn-r{width:auto;min-width:46%;height:52px;font-size:18px;padding:0 20px}
  .cl-act{gap:18px;margin:14px 0 0;flex-wrap:wrap}.cl-act a{font-size:15px}
  .rch{display:block;font:600 22px/28px var(--font);margin:22px 0 12px}
  .rc>h3{display:none}.sumbox.rc{border-radius:4px}
  .rc details{padding:18px 18px 12px;border-bottom:1px solid var(--border);margin:0 18px;padding-left:0;padding-right:0}
  .rc summary{list-style:none;font-size:18px;font-weight:600;display:flex;justify-content:center;align-items:center;gap:12px}.rc summary::-webkit-details-marker{display:none}
  .rc summary::after{content:"";width:10px;height:10px;border:solid var(--blue);border-width:0 3px 3px 0;transform:rotate(45deg);margin-top:-4px}
  .rc details[open] summary::after{transform:rotate(-135deg);margin-top:4px}
  .rc .l{font-size:16px;padding:14px 0;margin:0 18px}.rc .l.tt{font-size:18px}
  .rc .btn-r{height:56px;font-size:20px}
}

/* panier mobile : en-tête comme la référence (logo à gauche, 75001, Compte, Panier, recherche avec bouton noir) */
@media(max-width:600px){
  .pg-cart .site .header{grid-template-areas:"logo tools" "search search";grid-template-columns:auto 1fr}
  .pg-cart .site .logo{justify-self:start;width:52px;height:52px}.pg-cart .site .logo span{width:40px;height:40px;font-size:24px}
  .pg-cart .site .tools{justify-self:end}
  .pg-cart .site .tools button.tool{display:flex}
  .pg-cart .site .search form{border:2px solid #161616;box-shadow:none;border-radius:4px;overflow:hidden}
  .pg-cart .site .search input{padding:0 76px 0 14px;font:600 20px Manrope,Poppins,Arial,sans-serif;color:#222}
  .pg-cart .site .search input::placeholder{color:#222;font:600 20px Manrope,Poppins,Arial,sans-serif}
  .pg-cart .site .search .go{left:auto;right:0;width:68px;background:#161616}.pg-cart .site .search .go svg{stroke:#fff;stroke-width:3}
}
@media(max-width:600px){
  .pg-cart .site .tools button.tool span{display:block;font-size:15px;line-height:18px}
  .cl-act .qty .qb{padding:0;line-height:0;font-size:0}.cl-act .qty .qb.pl{font-size:0}
  .cl-act .qty .qb.pl::before{content:"+";font:500 26px/1 var(--font);color:var(--blue);line-height:36px}
  .cl-act .qty .qb .mn{line-height:36px}
}

/* panier mobile : l'en-tête se cache quand on descend, revient quand on remonte ; la barre Commander reste collée */
@media(max-width:600px){
  .pg-cart .site .topbar,.pg-cart .site .header{transition:transform .25s ease}
  .pg-cart .cbar{transition:top .25s ease}
  .pg-cart.hdr-hide .site .topbar,.pg-cart.hdr-hide .site .header{transform:translateY(calc(-1 * var(--hh,175px)))}
  .pg-cart.hdr-hide .cbar{top:0}
}

/* panier mobile : en-tête et barre Commander plus compacts */
@media(max-width:600px){
  .pg-cart .site .header{padding:8px 12px 8px;gap:2px 8px}
  .pg-cart .site .logo{width:40px;height:40px}.pg-cart .site .logo span{width:31px;height:31px;font-size:19px}
  .pg-cart .site .tools{gap:2px}
  .pg-cart .site .tools .tool{min-width:46px;height:44px;gap:1px}
  .pg-cart .site .tools .tool svg{width:22px;height:22px}
  .pg-cart .site .tools .tool span,.pg-cart .site .tools .tool:nth-child(3) span::after,.pg-cart .site .tools .tool:nth-child(4) span,.pg-cart .site .tools button.tool span{font-size:12px;line-height:14px}
  .pg-cart .site .search{margin:2px 0 0}
  .pg-cart .site .search form{height:38px}
  .pg-cart .site .search input{height:34px;padding:0 60px 0 12px;font:600 15px Manrope,Poppins,Arial,sans-serif}
  .pg-cart .site .search input::placeholder{font:600 15px Manrope,Poppins,Arial,sans-serif}
  .pg-cart .site .search .go{width:52px}.pg-cart .site .search .go svg{width:20px;height:20px;stroke-width:3}
  .pg-cart .site .basket-n{font-size:10px;min-width:14px;height:14px;line-height:14px}
  .cbar{padding:8px 12px;gap:10px}
  .cbar small{font-size:12px}.cbar b{font-size:17px;line-height:22px}
  .cbar .btn-r{height:40px;min-width:42%;font-size:15px;padding:0 16px}
}
@media(max-width:600px){.pg-cart .site .tools .tool:nth-child(3) span{font-size:0;line-height:14px}}

/* panier mobile : prix plus petits (article, total, recommandations) */
@media(max-width:600px){
  .cl-pr{font-size:16px}
  .rc .l{font-size:14px;padding:10px 0}
  .rc .l.tt,.sumbox .tt{font-size:15px}
  .rc .l.tt span:last-child{font-size:16px}
  .rc .eco{font-size:10px}
  .cl-rec .r>b{font-size:13px}
  .reco .card .price b{font-size:17px;line-height:20px}
}

/* mobile : le menu (3 barres « Rayons ») reste en haut à gauche aussi sur panier et livraison */
@media(max-width:600px){
  .hdr-light .site .nav{display:block}
  .hdr-light .site .nav a.item{display:none}
  .pg-cart .site .header{grid-template-areas:"nav logo tools" "search search search";grid-template-columns:auto 1fr auto}
  .pg-cart .site .logo{justify-self:center}
  .pg-cart .site .rayons{height:44px;font-size:12px;line-height:14px;gap:1px;padding:0 2px}
  .pg-cart .site .rayons svg{width:24px;height:24px}
}

/* menu ouvert : il passe au-dessus du bandeau noir, des boutons flottants et de la barre du comparateur */
@media(max-width:600px){
  body.menu-open .site .topbar{z-index:1}
  body.menu-open #cmpbar,body.menu-open .mchat,body.menu-open .totop{display:none!important}
}