.pd-cat{--bg:#EEF1F3;--card:#fff;--ink:#1B2329;--muted:#5C6B76;--line:#E1E6EA;
    --accent:#B5622A;--wa:#1f9d57;--ok:#1f7a3d;--okbg:#e7f4ec;--low:#9a6b00;--lowbg:#fbf2dd;--no:#a32525;--nobg:#fbe9e9;
    --accent-deep:#c44a2d;--ink-2:#444;--chip:#f3ece4;--box1:#f6f2ec;--field:#fbfaf8;--indus:#37474f;--dark:#3a3a3a;--slate:#3d4a52;--blue:#0a6cff;--barrier:#21506b;--chute:#8a4b16;--box2:#f0ece6;--open:#faf7f3;}
.pd-cat *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.pd-cat{margin:0;font-family:'Outfit',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
    background:var(--bg);color:var(--ink);font-size:16px;line-height:1.4}
.pd-cat /* Sur PC : catalogue affiche en colonne facon telephone (sinon photos enormes et floues en pleine largeur) */
  header, .pd-cat main, .pd-cat footer{max-width:480px;margin-left:auto;margin-right:auto}
.pd-cat header{background:var(--card);border-bottom:1px solid var(--line);padding:16px 14px 12px;text-align:center}
.pd-cat .brand{font-size:18px;font-weight:700;letter-spacing:.02em}
.pd-cat .brand span{color:var(--accent)}
.pd-cat .logo{height:54px;width:auto;display:block;margin:0 auto 8px}
.pd-cat .brand2{font-family:'Bebas Neue',sans-serif;font-size:21px;font-weight:400;color:var(--accent);letter-spacing:.14em;text-transform:uppercase;line-height:1}
.pd-cat .slogan{display:inline-block;font-size:12.5px;font-weight:700;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;background:#fff8f0;border:1px solid #f0d6b8;border-radius:20px;padding:5px 14px;margin:10px auto 6px;line-height:1.2}
.pd-cat .sub{font-size:12px;color:var(--muted);margin:5px auto 0;max-width:320px;line-height:1.4}
.pd-cat .marques{margin:11px auto 2px;text-align:center}
.pd-cat .mq-lbl{display:block;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.pd-cat .mq-row{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.pd-cat .mq{font-size:12.5px;font-weight:800;color:var(--accent);background:var(--chip);border:1px solid var(--line);border-radius:20px;padding:5px 14px;letter-spacing:.02em;cursor:pointer;transition:background .12s,color .12s}
.pd-cat .mq.on{background:var(--accent);color:#fff;border-color:var(--accent)}
.pd-cat .sharebtn{display:inline-block;margin-top:12px;background:var(--wa);color:#fff;border:none;border-radius:10px;padding:9px 18px;font-size:13px;font-weight:650;cursor:pointer}
.pd-cat .sharebtn:active{opacity:.85}
.pd-cat .search{margin-top:14px;position:relative;text-align:left}
.pd-cat .search input{width:100%;padding:13px 42px 13px 14px;font-size:17px;border:1px solid var(--line);border-radius:12px;background:var(--field);outline:none}
.pd-cat .search input:focus{border-color:var(--accent)}
.pd-cat .search input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}
.pd-cat #qclear{position:absolute;right:8px;top:23px;transform:translateY(-50%);display:none;align-items:center;justify-content:center;width:27px;height:27px;border:none;border-radius:50%;background:var(--chip);color:var(--muted);font-size:19px;line-height:1;cursor:pointer;padding:0}
.pd-cat #qclear.show{display:flex}
.pd-cat .count{font-size:12px;color:var(--muted);margin-top:8px;text-align:center}
.pd-cat main{padding:8px 12px 50px}
.pd-cat .typehead{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;
    background:var(--accent);padding:10px 14px;border-radius:10px;margin:18px 0 8px}
.pd-cat .typehead .n{float:right;font-weight:600;opacity:.85}
.pd-cat .collhead{font-size:14px;font-weight:700;color:var(--accent);padding:10px 4px 4px;
    border-bottom:2px solid var(--line);margin:14px 2px 8px}
.pd-cat .collhead .ep{float:right;font-size:12px;font-weight:600;color:var(--muted)}
.pd-cat .item{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:9px;overflow:hidden}
.pd-cat .head{position:relative;padding:12px 14px;cursor:pointer;display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.pd-cat .titre{font-weight:650;font-size:15px}
.pd-cat .titre-ep{font-weight:600;font-size:12.5px;color:var(--muted);margin-left:10px;white-space:nowrap}
.pd-cat .meta{font-size:12px;color:var(--muted);margin-top:3px}
.pd-cat .meta .nw{white-space:nowrap}
.pd-cat .meta .meta-ean{margin-left:12px;padding-left:12px;border-left:1px solid var(--line)}
.pd-cat .ctype{display:inline-block;font-size:11px;font-weight:800;color:var(--accent);background:var(--chip);border-radius:6px;padding:2px 8px;margin-top:4px;letter-spacing:.02em}
.pd-cat .backbtn{display:block;width:100%;background:var(--chip);border:1px solid var(--line);border-radius:11px;color:var(--accent);font-weight:800;font-size:14.5px;padding:12px;margin-bottom:10px;cursor:pointer}
.pd-cat .from{text-align:right;white-space:nowrap;padding-right:34px}
.pd-cat .from .lbl{font-size:11px;color:var(--muted)}
.pd-cat .from .val{font-size:17px;font-weight:750;color:var(--accent)}
.pd-cat .item.destock .ctype, .pd-cat .item.destock .from .val{color:var(--accent-deep)}
.pd-cat .collhead.destock{color:var(--accent-deep)}
.pd-cat .headleft{flex:1;min-width:0}
.pd-cat .headright{display:flex;align-items:flex-start;gap:12px;flex:none}
.pd-cat .headcopy{position:absolute;top:8px;right:10px;z-index:2;width:26px;height:26px;padding:0;border:none;background:none;
    color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center}
.pd-cat .headcopy:active{opacity:.6}
.pd-cat .headcopy.ok{color:var(--ok)}
.pd-cat .headcopy svg{width:18px;height:18px;display:block}
.pd-cat .body{display:none;border-top:1px solid var(--line);padding:12px 14px;background:#fcfbf9}
.pd-cat .item.open .body{display:block}
.pd-cat .specs{font-size:13px;color:var(--ink-2);margin-bottom:12px}
.pd-cat .specs div{padding:2px 0}
.pd-cat .specs b{color:var(--ink)}
.pd-cat table{width:100%;border-collapse:collapse;font-size:14px;margin-bottom:6px}
.pd-cat th, .pd-cat td{text-align:left;padding:7px 6px;border-bottom:1px solid var(--line)}
.pd-cat th:nth-child(2), .pd-cat td:nth-child(2), .pd-cat th:nth-child(3), .pd-cat td:nth-child(3){text-align:center}
.pd-cat td.seuil{white-space:nowrap}
.pd-cat td.seuil .sge{padding-right:4px}
.pd-cat td.seuil .sm{display:inline-block;min-width:8.5ch;text-align:right;font-variant-numeric:tabular-nums}
.pd-cat td.seuil .sb{display:inline-block;min-width:4.5ch;text-align:left;font-variant-numeric:tabular-nums}
.pd-cat th{font-size:11px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.03em}
.pd-cat td.p{text-align:center;font-weight:700}
.pd-cat td.p .pm2{font-weight:700;font-variant-numeric:tabular-nums}
.pd-cat td.p .pbx{font-size:11px;color:var(--muted);font-weight:600;margin-top:1px;font-variant-numeric:tabular-nums}
.pd-cat tr.palrow{cursor:pointer}
.pd-cat tr.palrow td:first-child{color:var(--accent);font-weight:600}
.pd-cat tr.palrow td:first-child::after{content:' ›';color:var(--accent);font-weight:700}
.pd-cat tr.palrow:active td{background:#f4efe9}
.pd-cat tr.palrow.sel td{background:#eef4f0}
.pd-cat tr.palrow.sel td:first-child{font-weight:750}
.pd-cat tr.palrow.sel td:first-child::before{content:'✓ ';color:var(--ok)}
.pd-cat .tip{font-size:11.5px;color:var(--accent);font-weight:600;margin:2px 0 4px}
.pd-cat .chute{font-size:12.5px;color:var(--chute);background:#fdf3e7;border:1px solid #f0d6b3;border-radius:8px;padding:8px 11px;margin:6px 0 8px;line-height:1.4}
.pd-cat .chute b{color:var(--chute)}
.pd-cat .sectitle{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:14px 0 6px}
.pd-cat .sectitle.sep{border-top:1px solid var(--line);padding-top:13px;margin-top:18px}
.pd-cat .pphoto{display:block;width:100%;border-radius:12px;margin:2px 0 3px;background:#f4f2ee;cursor:zoom-in;object-fit:cover}
.pd-cat .pcap{font-size:11px;color:var(--muted);text-align:center;margin:0 0 8px;cursor:zoom-in}
.pd-cat .lightbox{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:99999;display:flex;align-items:center;justify-content:center;padding:18px}
.pd-cat .lightbox .lb-img{max-width:100%;max-height:90%;border-radius:8px;object-fit:contain;box-shadow:0 8px 40px rgba(0,0,0,.5)}
.pd-cat .lightbox .lb-close{position:absolute;top:12px;right:16px;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer}
.pd-cat .lightbox .lb-share{position:absolute;bottom:46px;left:50%;transform:translateX(-50%);background:var(--blue);color:#fff;border:none;border-radius:11px;font-size:15px;font-weight:700;padding:12px 22px;cursor:pointer}
.pd-cat .lightbox .lb-hint{position:absolute;bottom:18px;left:0;right:0;text-align:center;color:rgba(255,255,255,.7);font-size:12px}
.pd-cat .rdvrow{display:flex;gap:8px;margin-top:8px}
.pd-cat .rdvrow .btn{margin-top:0;flex:1 1 0}
.pd-cat .btn.rdv{background:var(--wa,#1f9d57);color:#fff}
.pd-cat .btn.rdv2{background:var(--dark);color:#fff}
.pd-cat .btn{display:block;width:100%;padding:13px;border:none;border-radius:12px;font-size:16px;font-weight:650;
    text-align:center;text-decoration:none;margin-top:8px;cursor:pointer}
.pd-cat .btn.stock{background:var(--accent);color:#fff}
.pd-cat .btn.wa{background:var(--wa);color:#fff}
.pd-cat .btn.ldelivery{background:var(--dark);color:#fff}
.pd-cat .btn.pdf{background:#b0413e;color:#fff;margin-bottom:16px}
.pd-cat .btn.ok{background:var(--ok)!important;color:#fff}
.pd-cat .flash{animation:flashbg 1.1s ease}

  @keyframes flashbg{0%,100%{box-shadow:0 0 0 0 rgba(181,98,42,0)}25%{box-shadow:0 0 0 4px rgba(181,98,42,.35)}}.pd-cat .btn.cmd{background:#1f9d57;color:#fff;font-size:17px;padding:15px}
.pd-cat .btn.pay{background:var(--blue);color:#fff;font-size:16.5px;padding:15px;margin-top:10px}
.pd-cat .btn.pay::before{content:'';display:inline-block;width:15px;height:15px;margin-right:8px;vertical-align:-2px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='11' width='16' height='9' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") no-repeat center/contain}
.pd-cat .pay-amt{white-space:nowrap;font-weight:800}
.pd-cat .qlabel{align-self:center;font-size:13.5px;color:var(--ink);white-space:nowrap}
.pd-cat .cmdinfo{font-size:12.5px;color:var(--ink-2);background:#f7f5f2;border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-top:8px}
.pd-cat .cmdinfo-t{font-weight:700;color:var(--accent);margin-bottom:4px}
.pd-cat .cmdinfo div{padding:1px 0}
.pd-cat .btn:disabled{opacity:.6}
.pd-cat .lform{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.pd-cat .surf-exact{background:#faf8f6;border:1px solid var(--line);border-radius:11px;padding:11px 13px;margin:10px 0}
.pd-cat .chutes-chk{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;color:var(--ink);margin-top:10px;cursor:pointer;white-space:nowrap}
.pd-cat .chutes-chk input{width:18px;height:18px;flex:none}
.pd-cat .linp{flex:1 1 110px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;font-size:15px;background:var(--field);min-width:0}
.pd-cat .linp.wide{flex:1 1 100%}
.pd-cat .prefill-note{background:#fff3e6;border:1px solid var(--accent);color:var(--accent);border-radius:9px;padding:9px 12px;margin:6px 0;font-size:13px;font-weight:700;line-height:1.3}
.pd-cat .prefill-hl{border-color:var(--accent)!important;background:#fff7ef!important;animation:prefillPulse 1s ease-out 2}

  @keyframes prefillPulse{0%{box-shadow:0 0 0 0 rgba(199,107,42,.45)}100%{box-shadow:0 0 0 12px rgba(199,107,42,0)}}.pd-cat .lform .btn{flex:1 1 100%;margin-top:0}
.pd-cat .lres{margin-top:8px}
.pd-cat .lquote{font-size:13px;color:var(--ink-2);margin-top:8px}
.pd-cat .lquote div{padding:2px 0}
.pd-cat .payov{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:99999;display:flex;align-items:flex-end;justify-content:center;padding:0}
.pd-cat .paycard{background:var(--card);width:100%;max-width:520px;border-radius:18px 18px 0 0;padding:18px 16px 22px;max-height:92vh;overflow:auto}
.pd-cat .paycard h3{font-size:18px;font-weight:800;color:var(--accent);margin:0 0 4px}
.pd-cat .paycard .psub{font-size:13px;color:var(--muted);margin-bottom:12px}
.pd-cat .pfield{display:block;margin-top:10px}
.pd-cat .pfield label{display:block;font-size:13px;font-weight:700;color:var(--ink);margin-bottom:4px}
.pd-cat .pfield input, .pd-cat .pfield select{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:11px;font-size:16px;background:var(--field);outline:none}
.pd-cat .pfield input:focus, .pd-cat .pfield select:focus{border-color:var(--accent)}
.pd-cat .pmode{display:flex;gap:8px;margin-top:10px}
.pd-cat .pmode button{flex:1;padding:12px;border:1.5px solid var(--line);border-radius:11px;background:var(--field);font-size:14.5px;font-weight:700;color:var(--ink);cursor:pointer}
.pd-cat .pmode button.on{border-color:var(--accent);background:var(--chip);color:var(--accent)}
.pd-cat .payerr{color:var(--no);font-size:13px;font-weight:600;margin-top:8px;display:none}
.pd-cat .paycard .btn.pay{width:100%}
.pd-cat .pcancel{width:100%;background:none;border:none;color:var(--muted);font-size:14px;padding:12px;margin-top:6px;cursor:pointer}
.pd-cat .pmode-info{margin-top:12px;padding:11px 12px;border-radius:11px;background:var(--chip);border:1px solid var(--line);font-size:14px;font-weight:700;color:var(--accent)}
.pd-cat .paycard input.locked{background:#eee;color:#555;font-weight:700}
.pd-cat .pchange{width:100%;background:none;border:1px solid var(--line);border-radius:11px;color:var(--accent);font-size:14px;font-weight:700;padding:11px;margin-top:8px;cursor:pointer}
.pd-cat footer#legal{border-top:1px solid var(--line);background:var(--card);padding:16px 14px 30px;margin-top:20px}
.pd-cat .legal-id{font-size:11.5px;color:var(--muted);line-height:1.5;text-align:center}
.pd-cat .legal-links{display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:center;margin:12px 0 8px}
.pd-cat .legal-links button{background:none;border:none;border-radius:0;color:var(--accent);font-size:12px;font-weight:600;padding:2px 0;cursor:pointer}
.pd-cat .legal-links button:active{color:var(--accent)}
.pd-cat .legal-pay{text-align:center;font-size:11.5px;color:var(--muted);margin-top:4px}
.pd-cat .legalcard{background:var(--card);width:100%;max-width:560px;border-radius:18px 18px 0 0;padding:18px 16px 24px;max-height:92vh;overflow:auto}
.pd-cat .legalcard h3{font-size:18px;font-weight:800;color:var(--accent);margin:0 0 10px}
.pd-cat .legalcard h4{font-size:14.5px;font-weight:800;color:var(--ink);margin:14px 0 3px}
.pd-cat .legalcard p{font-size:13.5px;color:#333;line-height:1.5;margin:3px 0}
.pd-cat .lquote b{color:var(--ink)}
.pd-cat .lcond{font-size:12px;color:var(--muted);font-style:italic;margin-top:8px;border-top:1px dashed var(--line);padding-top:6px}
.pd-cat .gluebox{font-size:13px;color:var(--slate);line-height:1.45}
.pd-cat .gluebox:not(:empty){background:var(--box1);border-left:3px solid var(--accent);border-radius:6px;padding:8px 10px;margin:8px 0 4px}
.pd-cat .gluebox b{color:var(--accent)}
.pd-cat .barrierbox{font-size:13px;color:var(--barrier);background:#eef4f8;border-left:3px solid #2f7fb0;border-radius:6px;padding:8px 10px;margin:8px 0 4px;line-height:1.45}
.pd-cat .barrierbox b{color:var(--barrier)}
.pd-cat .reco{margin:24px 0 2px}
.pd-cat .varfilter{display:flex;gap:8px;flex-wrap:wrap;padding:6px 2px 12px}
.pd-cat .vchip{font-size:12px;font-weight:700;padding:6px 15px;border-radius:20px;border:1px solid var(--line);background:#fff;color:var(--dark);cursor:pointer}
.pd-cat .vchip.on{background:var(--accent);color:#fff;border-color:var(--accent)}
.pd-cat .varnote{display:none;font-size:12px;font-weight:600;color:var(--accent);padding:0 4px 12px}
.pd-cat .addr-sugg{position:absolute;left:0;right:0;top:100%;z-index:40;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 22px rgba(0,0,0,.14);max-height:230px;overflow:auto}
.pd-cat .addr-item{padding:9px 12px;font-size:13px;cursor:pointer;border-bottom:1px solid #f0eee9}
.pd-cat .addr-item:last-child{border-bottom:none}
.pd-cat .addr-item:hover, .pd-cat .addr-item:active{background:#f6f3ee}
.pd-cat .need-fill, .pd-cat .need-fill:focus{border-color:#d9342b!important;box-shadow:0 0 0 3px rgba(217,52,43,.30)!important;outline:none!important;animation:needpulse .7s ease-in-out 2}

  @keyframes needpulse{0%,100%{box-shadow:0 0 0 3px rgba(217,52,43,.25)}50%{box-shadow:0 0 0 7px rgba(217,52,43,.10)}}.pd-cat .acc-pose{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:16px 6px 4px}
.pd-cat .acc-ep-grp{font-size:12px;font-weight:800;color:var(--accent);padding:9px 6px 2px 16px;letter-spacing:.02em}
.pd-cat .acc-fmt{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;padding:13px 6px 5px 14px;margin-top:12px;border-top:1px solid rgba(181, 98, 42, .28)}
.pd-cat .acc-fmt.first{border-top:none;margin-top:2px}
.pd-cat .acc-fmt-l{font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.pd-cat .acc-fmt-d{font-size:12px;font-weight:600;color:var(--muted)}
.pd-cat .acc-pose-h{display:flex;align-items:center;gap:8px;background:var(--box1);border:1px solid var(--line);border-radius:9px;padding:11px 13px;margin:7px 0 4px 10px;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);cursor:pointer}
.pd-cat .acc-pose-h.open{color:var(--accent);border-color:var(--accent)}
.pd-cat .acc-pose-h .acc-label{flex:1}
.pd-cat .acc-pose-h .acc-n{font-size:11px;font-weight:700;color:var(--muted);text-transform:none;letter-spacing:0}
.pd-cat .acc-pose-h .chev{color:var(--muted);font-size:13px}
.pd-cat .reco-title{font-size:13px;font-weight:700;color:var(--accent);margin:2px 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pd-cat .reco-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;margin:6px 0;background:#fafaf8}
.pd-cat .reco-row .rck{flex:0 0 auto;width:18px;height:18px;margin-right:4px;accent-color:var(--accent);cursor:pointer}
.pd-cat .reco-row .rl{min-width:0;flex:1 1 auto;line-height:1.35}
.pd-cat .reco-row .rl b{color:var(--ink);font-size:13.5px;font-weight:650}
.pd-cat .reco-row .rd{font-size:13px;color:var(--muted)}
.pd-cat .reco-row .rp{white-space:nowrap;font-weight:750;color:var(--accent);font-size:15px}
.pd-cat .reco-hint{font-size:12px;color:var(--muted);font-style:italic;margin-top:6px;line-height:1.4}
.pd-cat .reco-empty{font-size:13px;color:var(--muted);font-style:italic;padding:4px 0}
.pd-cat .reco-tot{display:flex;justify-content:space-between;gap:10px;padding:4px 11px;font-size:13.5px;color:var(--ink)}
.pd-cat .reco-tot .tp{font-weight:700;white-space:nowrap}
.pd-cat .reco-tot.strong{background:#f3ede6;border-radius:9px;font-size:15.5px;font-weight:750;color:var(--accent);margin-top:6px;padding:11px 11px}
.pd-cat .brandnote{font-size:13px;color:var(--slate);background:var(--box1);border-left:3px solid var(--accent);border-radius:6px;padding:9px 11px;margin:8px 0 12px;line-height:1.45}
.pd-cat .adesc{font-size:13.5px;color:var(--ink);margin:6px 0 4px;line-height:1.5}
.pd-cat .apoints{margin:6px 0 2px;padding-left:18px;font-size:13px;color:var(--ink-2)}
.pd-cat .apoints li{margin:3px 0;line-height:1.4}
.pd-cat .conseil{font-size:13px;color:var(--slate);background:var(--box1);border-left:3px solid var(--accent);border-radius:6px;padding:8px 10px;margin:8px 0 4px;line-height:1.45}
.pd-cat .docs{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.pd-cat .doccard{position:relative;flex:1 1 46%;display:flex}
.pd-cat .doccard .docopen{flex:1;padding:11px 26px 11px 10px;border:1px solid var(--line);border-radius:10px;background:#fff;
    color:var(--accent);text-decoration:none;font-size:13.5px;font-weight:600;text-align:center;
    display:flex;align-items:center;justify-content:center}
.pd-cat .doccard .docopen:active{background:var(--box2)}
.pd-cat .doccard .doccopy{position:absolute;top:5px;right:5px;width:24px;height:24px;padding:0;border:none;background:none;
    color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center}
.pd-cat .doccard .doccopy:active{opacity:.6}
.pd-cat .doccard .doccopy.ok{color:var(--ok)}
.pd-cat .doccard .doccopy svg{width:17px;height:17px;display:block}
.pd-cat .tag-destock{display:inline-block;background:var(--accent-deep);color:#fff;padding:3px 10px;border-radius:999px;
    font-weight:800;font-size:11px;letter-spacing:.06em;margin-bottom:5px}
.pd-cat .destock-hl{margin:10px 0 4px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--box1)}
.pd-cat .destock-hl .dprix{font-family:'Bebas Neue',sans-serif;font-size:30px;line-height:1;color:var(--accent-deep);letter-spacing:.02em}
.pd-cat .destock-hl .dprix small{font-family:'Outfit',sans-serif;font-size:13px;font-weight:600;color:var(--ink)}
.pd-cat .destock-hl .dstock{margin-top:7px;font-size:13.5px;color:var(--ink);font-weight:600}
.pd-cat .destock-hl .dcond{margin-top:3px;font-size:12.5px;color:var(--muted)}
.pd-cat .stock{margin-top:10px}
.pd-cat .badge{display:inline-block;padding:5px 12px;border-radius:999px;font-weight:700;font-size:14px}
.pd-cat .badge.ok{background:var(--okbg);color:var(--ok)}
.pd-cat .badge.low{background:var(--lowbg);color:var(--low)}
.pd-cat .badge.no{background:var(--nobg);color:var(--no)}
.pd-cat .wh{font-size:13px;color:var(--ink-2);margin-top:8px}
.pd-cat .wh div{display:flex;justify-content:space-between;padding:3px 0;border-bottom:1px solid var(--line)}
.pd-cat .spin{font-size:14px;color:var(--muted)}
.pd-cat .empty{text-align:center;color:var(--muted);padding:40px 0}
.pd-cat .acc-brand{position:relative;display:flex;align-items:center;gap:12px;background:var(--card);color:var(--ink);padding:16px 16px;padding-right:46px;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:12px;margin:12px 0 6px;font-weight:800;font-size:16px;cursor:pointer;letter-spacing:.01em;box-shadow:0 1px 2px rgba(20,30,40,.05)}
.pd-cat .acc-brand.hot{border-left-color:var(--accent-deep);color:var(--ink)}
.pd-cat .acc-brand.indus{border-left-color:var(--indus)}
.pd-cat .acc-brand.hot .badge-promo{display:inline-block;background:var(--accent-deep);color:#fff;font-size:10px;font-weight:800;padding:3px 8px;border-radius:6px;letter-spacing:.06em;text-transform:uppercase;margin-right:2px}

  @keyframes pulseHot{0%,100%{box-shadow:0 4px 14px rgba(196,74,45,.35)}50%{box-shadow:0 4px 22px rgba(196,74,45,.55)}}.pd-cat .acc-share{position:absolute;top:7px;right:9px;z-index:2;width:26px;height:26px;padding:0;border:none;background:none;
    color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center}
.pd-cat .acc-share:active{opacity:.6}
.pd-cat .acc-share.ok{color:var(--ok)}
.pd-cat .acc-share svg{width:18px;height:18px;display:block}
.pd-cat .acc-brand .acc-label{flex:1}
.pd-cat .acc-brand .acc-n{font-weight:700;font-size:12px;color:var(--muted)}
.pd-cat .acc-brand .chev{transition:transform .2s}
.pd-cat .acc-brand.open .chev{transform:rotate(180deg)}
.pd-cat .acc-type{position:relative;display:flex;align-items:center;gap:10px;background:var(--card);color:var(--ink);border:1px solid var(--line);border-left:3px solid var(--accent);padding:14px 16px;padding-right:46px;border-radius:10px;margin:8px 0 6px 8px;font-weight:800;font-size:15px;cursor:pointer;letter-spacing:.01em}
.pd-cat .acc-type .acc-label{flex:1}
.pd-cat .acc-type .acc-n{font-weight:700;font-size:12px;color:var(--muted)}
.pd-cat .acc-type .chev{transition:transform .2s}
.pd-cat .acc-type.open .chev{transform:rotate(180deg)}
.pd-cat .acc-coll{position:relative;display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);padding:16px 16px;padding-right:46px;border-radius:10px;margin:9px 0 9px 12px;font-weight:700;color:var(--accent);cursor:pointer;font-size:14.5px;min-height:30px}
.pd-cat .acc-coll.open{background:var(--open);border-color:var(--accent)}
.pd-cat .acc-coll .acc-label{flex:1}
.pd-cat .acc-coll .coll-marque{font-size:10px;font-weight:800;color:var(--accent);background:var(--chip);border-radius:6px;padding:2px 7px;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}
.pd-cat .acc-coll .acc-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pd-cat .acc-coll .acc-ep{font-size:12.5px;font-weight:600;color:var(--muted);white-space:nowrap;margin-right:2px}
.pd-cat .acc-coll .chev{color:var(--muted);font-size:13px}
.pd-cat .item{margin-left:12px}
.pd-cat .sug{position:absolute;left:0;right:0;top:100%;background:#fff;border:1px solid var(--line);border-radius:12px;margin-top:4px;box-shadow:0 8px 24px rgba(0,0,0,.14);z-index:30;max-height:62vh;overflow:auto;display:none}
.pd-cat .sug-item{padding:10px 14px;border-bottom:1px solid var(--line);cursor:pointer}
.pd-cat .sug-item:last-child{border-bottom:none}
.pd-cat .sug-item:active{background:var(--box2)}
.pd-cat .sug-t{font-weight:650;font-size:14px}
.pd-cat .sug-s{font-size:12px;color:var(--muted);margin-top:2px}
.pd-cat .acc-prix{font-weight:800;font-size:13px;color:var(--accent);white-space:nowrap;margin-right:4px}
.pd-cat .sug-all{display:block;width:100%;border:none;background:var(--accent);color:#fff;font-weight:800;font-size:14px;padding:13px 14px;cursor:pointer;text-align:center;position:sticky;bottom:0}
.pd-cat .sug-all:active{filter:brightness(.92)}
.pd-cat .tabswrap{position:relative;padding:2px 2px 6px}
.pd-cat .tabgroup-h{font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:14px 4px 7px;display:flex;align-items:center;gap:8px}
.pd-cat .tabgroup-h::after{content:"";flex:1;height:1px;background:var(--line)}
.pd-cat .tabgroup-h.hot{color:var(--accent-deep)}
.pd-cat .tabs{display:flex;flex-wrap:wrap;gap:8px;padding:0 2px 2px}
.pd-cat .tab{flex:1 1 calc(50% - 4px);min-width:0;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:12px 13px;cursor:pointer;line-height:1.15}
.pd-cat .tab.big{padding:16px 14px}
.pd-cat .tab.big .tab-l{font-size:15.5px}
.pd-cat .tab.active{background:var(--accent);border-color:var(--accent)}
.pd-cat .tab.active .tab-l, .pd-cat .tab.active .tab-n{color:#fff}
.pd-cat .tab.active.hot{background:var(--accent-deep);border-color:var(--accent-deep)}
.pd-cat .tab.active.indus{background:var(--indus);border-color:var(--indus)}
.pd-cat .tab.hot{border-color:var(--accent-deep);background:#fdf3ef}
.pd-cat .tab.hot .tab-l{color:var(--accent-deep)}
.pd-cat .tab-l{display:block;font-weight:800;font-size:13.5px;color:var(--ink)}
.pd-cat .tab-n{display:block;font-size:11px;font-weight:600;color:var(--muted);margin-top:3px}
.pd-cat .hstock{display:none}
.pd-cat .hstock.ok, .pd-cat .hstock.mid, .pd-cat .hstock.fin, .pd-cat .hstock.no{display:inline-block;margin-top:6px;font-size:11px;font-weight:800;padding:3px 10px;border-radius:20px;letter-spacing:.01em}
.pd-cat .hstock.ok{color:#1E7A52;background:#E4F2EB;border:1px solid #BFE3D0}
.pd-cat .hstock.mid{color:#6E5200;background:#FFF1A8;border:1px solid #E3C440}
.pd-cat .hstock.fin{color:#B5481F;background:#FBEAE2;border:1px solid #F1C9B6}
.pd-cat .hstock.no{color:#8A8F94;background:#EEF1F3;border:1px solid #DCE2E6}


/* --- overrides Medusa : cartes matiere en lien --- */
.pd-cat{display:block;padding:0 0 40px}
.pd-cat a.tab{text-decoration:none;color:inherit;display:block}
.pd-cat a.tab:hover{border-color:var(--accent)}
.pd-cat .logo{height:54px}
.pd-cat .search form{position:relative;margin:0}