/* ===================== homeselect · publier une annonce ===================== */
.pw-ov{position:fixed;inset:0;z-index:70;display:none;align-items:center;justify-content:center;padding:24px;
  background:rgba(11,13,18,.22);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.pw-ov.open{display:flex;animation:pwFade .35s var(--ease)}
@keyframes pwFade{from{opacity:0}to{opacity:1}}
@keyframes pwUp{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}
@keyframes pwIn{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}
@keyframes pwInBack{from{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:none}}
.pw{width:min(760px,100%);max-height:min(860px,calc(100vh - 48px));display:flex;flex-direction:column;border-radius:30px;overflow:hidden;
  background:linear-gradient(150deg,rgba(255,255,255,.88),rgba(255,255,255,.72));backdrop-filter:blur(30px) saturate(190%);-webkit-backdrop-filter:blur(30px) saturate(190%);
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 40px 90px -30px rgba(11,13,18,.45),0 0 0 1px rgba(255,255,255,.6);animation:pwUp .45s var(--spring);color:var(--ink)}
.pw-head{padding:22px 26px 0;display:flex;align-items:flex-start;gap:14px}
.pw-head .t{flex:1;min-width:0}
.pw-kicker{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-weight:600}
.pw-title{font-size:26px;font-weight:650;letter-spacing:-.035em;line-height:1.12;margin-top:4px}
.pw-title em{font:italic 400 1.14em var(--serif);letter-spacing:-.01em}
.pw-x{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(11,13,18,.05);color:var(--ink);flex:none;transition:transform .3s var(--spring),background .2s}
.pw-x:hover{background:rgba(11,13,18,.1)}.pw-x:active{transform:scale(.9)}
.pw-prog{display:flex;gap:6px;padding:16px 26px 0}
.pw-prog button{flex:1;height:5px;border-radius:9px;background:rgba(11,13,18,.09);position:relative;overflow:hidden;cursor:default}
.pw-prog button.done{cursor:pointer}
.pw-prog button::after{content:"";position:absolute;inset:0;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.pw-prog button.done::after,.pw-prog button.cur::after{transform:none}
.pw-prog button.cur::after{background:var(--accent)}
.pw-steps{display:flex;justify-content:space-between;padding:8px 26px 0;font-size:11.5px;color:var(--ink-3);font-weight:500}
.pw-steps span.cur{color:var(--ink);font-weight:600}
.pw-body{flex:1;overflow-y:auto;padding:22px 26px 26px;overscroll-behavior:contain}
.pw-body>.pane{animation:pwIn .38s var(--ease)}
.pw-body>.pane.back{animation:pwInBack .38s var(--ease)}
.pw-foot{display:flex;align-items:center;gap:10px;padding:14px 20px;border-top:1px solid rgba(11,13,18,.07);background:rgba(255,255,255,.55)}
.pw-foot .sp{flex:1}
.pw-btn{height:48px;padding:0 22px;border-radius:999px;font-size:15px;font-weight:600;display:inline-flex;align-items:center;gap:8px;transition:transform .3s var(--spring),box-shadow .3s,background .2s,opacity .2s;white-space:nowrap}
.pw-btn:active{transform:scale(.96)}
.pw-btn.pri{background:var(--ink);color:var(--on-ink);box-shadow:0 10px 26px -8px rgba(11,13,18,.5),inset 0 1px 0 rgba(255,255,255,.18)}
.pw-btn.pri.red{background:var(--accent);color:#fff;box-shadow:0 12px 28px -8px rgba(201,123,90,.55),inset 0 1px 0 rgba(255,255,255,.25)}
.pw-btn.ghost{background:transparent;color:var(--ink-2)}
.pw-btn.ghost:hover{background:rgba(11,13,18,.05)}
.pw-btn.sec{background:rgba(255,255,255,.8);box-shadow:inset 0 0 0 1px rgba(11,13,18,.1)}
.pw-btn[disabled]{opacity:.45;pointer-events:none}
.pw-btn.busy{pointer-events:none;opacity:.8}
.pw-btn.busy::after{content:"";width:15px;height:15px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite}

/* champs */
.pw-h{font-size:15px;font-weight:600;margin:0 0 10px;letter-spacing:-.01em}
.pw-h small{font-weight:400;color:var(--ink-3);margin-left:6px}
.pw-sec+.pw-sec{margin-top:24px}
.pw-lead{color:var(--ink-3);font-size:14px;margin:-4px 0 16px}
.pw-seg{display:inline-flex;padding:4px;border-radius:999px;background:rgba(11,13,18,.06);gap:2px}
.pw-seg button{height:42px;padding:0 24px;border-radius:999px;font-size:15px;font-weight:600;color:var(--ink-2);transition:all .3s var(--ease)}
.pw-seg button.on{background:#fff;color:var(--ink);box-shadow:0 4px 12px rgba(11,13,18,.12)}
.pw-types{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.pw-type{border-radius:18px;padding:16px 14px 14px;text-align:left;background:rgba(255,255,255,.7);box-shadow:inset 0 0 0 1px rgba(11,13,18,.08);transition:all .3s var(--ease);display:flex;flex-direction:column;gap:10px;color:var(--ink)}
.pw-type:hover{box-shadow:inset 0 0 0 1px rgba(11,13,18,.25);transform:translateY(-2px)}
.pw-type svg{width:30px;height:30px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
.pw-type b{font-size:15px;font-weight:600}
.pw-type span{font-size:12.5px;color:var(--ink-3);margin-top:-6px}
.pw-type.on{background:var(--ink);color:var(--on-ink);box-shadow:0 12px 26px -10px rgba(11,13,18,.5)}
.pw-type.on span{color:rgba(255,255,255,.6)}
.pw-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.pw-grid.g3{grid-template-columns:2fr 1fr 2fr}
.pw-f{display:flex;flex-direction:column;gap:6px;min-width:0}
.pw-f label,.pw-lbl{font-size:12.5px;font-weight:600;color:var(--ink-2)}
.pw-in{height:50px;border-radius:15px;padding:0 15px;font:500 15.5px Inter,system-ui,sans-serif;color:var(--ink);background:rgba(255,255,255,.85);border:0;outline:0;
  box-shadow:inset 0 0 0 1px rgba(11,13,18,.1);transition:box-shadow .2s;width:100%;-moz-appearance:textfield}
.pw-in::-webkit-outer-spin-button,.pw-in::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.pw-in:focus{box-shadow:inset 0 0 0 1.5px var(--ink),0 0 0 5px rgba(11,13,18,.07)}
.pw-in.bad{box-shadow:inset 0 0 0 1.5px var(--accent),0 0 0 5px var(--accent-soft)}
.pw-unit{position:relative}
.pw-unit .pw-in{padding-right:56px}
.pw-unit i{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-style:normal;font-size:14px;color:var(--ink-3);pointer-events:none}
.pw-unit.pre .pw-in{padding-left:52px;padding-right:15px}
.pw-unit.pre i{left:15px;right:auto}
textarea.pw-in{height:auto;min-height:170px;padding:14px 15px;line-height:1.55;resize:vertical}
.pw-err{font-size:13px;color:var(--accent);font-weight:500;display:none;margin-top:10px;align-items:center;gap:6px}
.pw-err.show{display:flex;animation:pwShake .4s}
@keyframes pwShake{20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}
.pw-hint{font-size:12.5px;color:var(--ink-3);line-height:1.45}
.pw-banner{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:var(--accent-soft);font-size:13.5px;margin-bottom:18px}
.pw-banner b{font-weight:600}
.pw-banner .sp{flex:1}
.pw-banner button{font-weight:600;font-size:13px;text-decoration:underline;color:var(--ink)}

/* adresse */
.pw-addr{position:relative}
.pw-addr .pw-in{padding-left:44px}
.pw-addr>svg{position:absolute;left:15px;top:16px;color:var(--ink-3)}
.pw-sug{position:absolute;left:0;right:0;top:56px;z-index:5;border-radius:18px;background:rgba(255,255,255,.97);box-shadow:0 20px 50px -14px rgba(11,13,18,.35),0 0 0 1px rgba(11,13,18,.06);overflow:hidden;display:none}
.pw-sug.open{display:block;animation:pwFade .2s}
.pw-sug button{display:flex;align-items:center;gap:12px;width:100%;padding:12px 15px;text-align:left;font-size:14.5px;color:var(--ink)}
.pw-sug button svg{flex:none;color:var(--ink-3)}
.pw-sug button:hover,.pw-sug button.kb{background:rgba(11,13,18,.05)}
.pw-sug button b{font-weight:600}
.pw-sug .none{padding:14px 15px;font-size:13.5px;color:var(--ink-3)}
.pw-map{height:240px;border-radius:20px;overflow:hidden;margin-top:14px;position:relative;box-shadow:inset 0 0 0 1px rgba(11,13,18,.08);background:#eceeef}
.pw-map .maplibregl-ctrl-attrib{font-size:10px}
.pw-map .note{position:absolute;left:10px;bottom:10px;z-index:2;font-size:12px;font-weight:500;padding:6px 11px;border-radius:999px;background:rgba(255,255,255,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);pointer-events:none}
.pw-map .empty-m{position:absolute;inset:0;display:grid;place-items:center;color:var(--ink-3);font-size:13.5px;text-align:center;padding:20px;z-index:1;pointer-events:none}
.pw-pin{width:34px;height:34px;border-radius:50% 50% 50% 4px;transform:rotate(-45deg);background:var(--accent);box-shadow:0 8px 18px -4px rgba(201,123,90,.6),inset 0 0 0 3px #fff;cursor:grab}
.pw-pin:active{cursor:grabbing}
.pw-link{font-size:13px;font-weight:600;color:var(--ink-2);text-decoration:underline;margin-top:12px;display:inline-block}

/* caractéristiques */
.pw-step{display:flex;align-items:center;height:50px;border-radius:15px;background:rgba(255,255,255,.85);box-shadow:inset 0 0 0 1px rgba(11,13,18,.1);overflow:hidden}
.pw-step button{width:50px;height:50px;font-size:22px;font-weight:500;color:var(--ink);transition:background .2s}
.pw-step button:hover{background:rgba(11,13,18,.05)}
.pw-step output{flex:1;text-align:center;font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}
.pw-tog{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.pw-tg{border-radius:16px;padding:14px 12px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:13.5px;font-weight:600;background:rgba(255,255,255,.7);box-shadow:inset 0 0 0 1px rgba(11,13,18,.08);transition:all .25s var(--ease);color:var(--ink)}
.pw-tg svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pw-tg.on{background:var(--ink);color:var(--on-ink)}
.pw-price-hint{margin-top:10px;padding:12px 14px;border-radius:16px;background:rgba(11,13,18,.04);font-size:13px;line-height:1.5;color:var(--ink-2);display:flex;gap:10px;align-items:flex-start}
.pw-price-hint button{font-weight:600;text-decoration:underline;white-space:nowrap}
.pw-price-hint svg{flex:none;margin-top:2px;color:var(--ink-3)}

/* description */
.pw-cnt{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:12.5px;color:var(--ink-3)}
.pw-cnt .ok{color:#16a34a;font-weight:600}
.pw-suggest{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:600;background:rgba(11,13,18,.06);color:var(--ink);transition:background .2s}
.pw-suggest:hover{background:rgba(11,13,18,.11)}
.pw-tips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.pw-tips span{font-size:12px;padding:5px 10px;border-radius:999px;background:rgba(11,13,18,.05);color:var(--ink-2)}
.pw-tips span.on{background:rgba(22,163,74,.12);color:#15803d}

/* photos */
.pw-drop{border-radius:22px;border:1.5px dashed rgba(11,13,18,.2);padding:26px 18px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;transition:all .25s var(--ease);background:rgba(255,255,255,.45);cursor:pointer}
.pw-drop:hover,.pw-drop.over{border-color:var(--ink);background:rgba(255,255,255,.8)}
.pw-drop.over{transform:scale(1.01)}
.pw-drop .ico{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--ink);color:var(--on-ink)}
.pw-drop b{font-size:15px}
.pw-drop span{font-size:13px;color:var(--ink-3)}
.pw-drop input{display:none}
.pw-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:14px}
.pw-ph{position:relative;aspect-ratio:4/3;border-radius:16px;overflow:hidden;background:#e7e9ee;cursor:grab;transition:transform .25s var(--ease),opacity .2s,box-shadow .25s;animation:pwUp .35s var(--ease)}
.pw-ph img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.pw-ph.dragging{opacity:.35}
.pw-ph.target{box-shadow:0 0 0 3px var(--accent)}
.pw-ph .cover{position:absolute;left:8px;top:8px;font-size:11px;font-weight:700;padding:4px 9px;border-radius:999px;background:var(--ink);color:#fff;letter-spacing:.02em}
.pw-ph .acts{position:absolute;left:6px;right:6px;bottom:6px;display:flex;gap:4px;justify-content:flex-end;opacity:0;transition:opacity .2s}
.pw-ph:hover .acts,.pw-ph:focus-within .acts{opacity:1}
@media (hover:none){.pw-ph .acts{opacity:1}}
.pw-ph .acts button{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);color:var(--ink);box-shadow:0 2px 8px rgba(0,0,0,.2)}
.pw-ph .acts button:hover{background:#fff}
.pw-ph .acts button.del:hover{background:var(--accent);color:#fff}
.pw-ph .acts .sp{flex:1}
.pw-ph.loading{display:grid;place-items:center}
.pw-ph.loading::after{content:"";width:22px;height:22px;border-radius:50%;border:2.5px solid var(--ink-3);border-right-color:transparent;animation:spin .7s linear infinite}
.pw-demo{font-size:13px;font-weight:600;text-decoration:underline;color:var(--ink-2);margin-top:12px}

/* aperçu */
.pw-rev{display:grid;grid-template-columns:300px 1fr;gap:22px;align-items:start}
.pw-rev .card{pointer-events:none;margin:0;animation:none}
.pw-sum{display:flex;flex-direction:column;gap:2px}
.pw-sum .row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(11,13,18,.07);font-size:14px}
.pw-sum .row span{color:var(--ink-3)}
.pw-sum .row b{font-weight:600;text-align:right}
.pw-sum .row button{font-size:12.5px;font-weight:600;text-decoration:underline;color:var(--ink-2);margin-left:8px}
.pw-plan{margin-top:18px;padding:16px 18px;border-radius:20px;background:var(--ink);color:var(--on-ink);display:flex;gap:14px;align-items:center}
.pw-plan .big{white-space:nowrap;flex:none;font-size:30px;font-weight:700;letter-spacing:-.04em;line-height:1}
.pw-plan .big small{font-size:13px;font-weight:500;opacity:.6;letter-spacing:0}
.pw-plan p{font-size:13px;line-height:1.45;opacity:.85}
.pw-plan p em{font:italic 400 1.18em var(--serif)}
.pw-fair{margin-top:10px;font-size:12.5px;color:var(--ink-3);display:flex;gap:8px;align-items:flex-start;line-height:1.45}
.pw-desc-prev{margin-top:14px;font-size:13.5px;line-height:1.55;color:var(--ink-2);white-space:pre-line;max-height:120px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,transparent)}

/* succès */
.pw-done{position:fixed;inset:0;z-index:95;display:grid;place-items:center;pointer-events:none}
.pw-done .b{width:120px;height:120px;border-radius:50%;background:var(--ink);display:grid;place-items:center;box-shadow:0 30px 60px -20px rgba(11,13,18,.6);animation:pwPop 1.5s var(--spring) forwards}
.pw-done svg path{stroke-dasharray:40;stroke-dashoffset:40;animation:pwDraw .5s .25s var(--ease) forwards}
.pw-done .b::after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:var(--accent);transform:translate(42px,30px)}
@keyframes pwPop{0%{transform:scale(.4);opacity:0}25%{transform:scale(1);opacity:1}75%{transform:scale(1);opacity:1}100%{transform:scale(.8);opacity:0}}
@keyframes pwDraw{to{stroke-dashoffset:0}}

/* description dans la fiche */
.pw-detail-desc{margin:0 0 18px;font-size:14.5px;line-height:1.6;color:var(--ink-2);white-space:pre-line}
.pw-detail-desc b{display:block;font-size:12.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);margin-bottom:6px;font-weight:600}
.pw-own{display:inline-flex;align-items:center;gap:6px;margin-left:8px;font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--accent-soft);color:var(--accent);vertical-align:middle;letter-spacing:0;text-transform:none}

/* ---------- sombre ---------- */
[data-theme=dark] .pw-ov{background:rgba(0,0,0,.45)}
[data-theme=dark] .pw{background:linear-gradient(150deg,rgba(30,33,40,.92),rgba(20,22,28,.86));box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 40px 90px -30px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.07)}
[data-theme=dark] .pw-x,[data-theme=dark] .pw-seg{background:rgba(255,255,255,.07)}
[data-theme=dark] .pw-prog button{background:rgba(255,255,255,.1)}
[data-theme=dark] .pw-prog button::after{background:#f4f1ea}
[data-theme=dark] .pw-prog button.cur::after{background:var(--accent)}
[data-theme=dark] .pw-foot{background:rgba(255,255,255,.03);border-top-color:rgba(255,255,255,.07)}
[data-theme=dark] .pw-btn.sec{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
[data-theme=dark] .pw-btn.ghost:hover{background:rgba(255,255,255,.06)}
[data-theme=dark] .pw-seg button.on{background:rgba(255,255,255,.16);color:#fff;box-shadow:none}
[data-theme=dark] .pw-type,[data-theme=dark] .pw-tg,[data-theme=dark] .pw-in,[data-theme=dark] .pw-step{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09)}
[data-theme=dark] .pw-type.on,[data-theme=dark] .pw-tg.on{background:#f4f1ea;color:#0b0d12}
[data-theme=dark] .pw-type.on span{color:rgba(11,13,18,.55)}
[data-theme=dark] .pw-in:focus{box-shadow:inset 0 0 0 1.5px #f4f1ea,0 0 0 5px rgba(255,255,255,.06)}
[data-theme=dark] .pw-sug{background:rgba(30,33,40,.98);box-shadow:0 20px 50px -14px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.08)}
[data-theme=dark] .pw-sug button:hover,[data-theme=dark] .pw-sug button.kb{background:rgba(255,255,255,.06)}
[data-theme=dark] .pw-map{background:#1b1e24;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
[data-theme=dark] .pw-map .note{background:rgba(20,22,28,.85);color:#f2f3f5}
[data-theme=dark] .pw-price-hint,[data-theme=dark] .pw-tips span,[data-theme=dark] .pw-suggest{background:rgba(255,255,255,.06)}
[data-theme=dark] .pw-drop{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.03)}
[data-theme=dark] .pw-drop:hover,[data-theme=dark] .pw-drop.over{border-color:#f4f1ea;background:rgba(255,255,255,.07)}
[data-theme=dark] .pw-drop .ico,[data-theme=dark] .pw-plan,[data-theme=dark] .pw-done .b{background:#f4f1ea;color:#0b0d12}
[data-theme=dark] .pw-done svg path{stroke:#0b0d12}
[data-theme=dark] .pw-ph{background:#1b1e24}
[data-theme=dark] .pw-ph .acts button{background:rgba(28,31,38,.9);color:#f2f3f5;box-shadow:0 2px 8px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.1)}
[data-theme=dark] .pw-ph .acts button:hover{background:#2a2e36}
[data-theme=dark] .pw-ph .acts button.del:hover{background:var(--accent);color:#fff}
[data-theme=dark] .pw-ph .cover{background:#f4f1ea;color:#0b0d12}
[data-theme=dark] .pw-sum .row{border-bottom-color:rgba(255,255,255,.07)}
[data-theme=dark] .pw-btn.pri:not(.red){background:#f4f1ea;color:#0b0d12}

/* ---------- tablette ---------- */
@media (max-width:900px){
  .pw-rev{grid-template-columns:1fr}
  .pw-rev .card{max-width:340px}
}
/* ---------- mobile : feuille plein écran ---------- */
@media (max-width:640px){
  .pw-ov{padding:0;align-items:stretch}
  .pw{width:100%;max-height:none;height:100%;border-radius:0;animation:pwSheet .45s var(--ease)}
  @keyframes pwSheet{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
  .pw-head{padding:calc(14px + env(safe-area-inset-top)) 18px 0}
  .pw-title{font-size:22px}
  .pw-prog,.pw-steps{padding-left:18px;padding-right:18px}
  .pw-steps span:not(.cur){display:none}
  .pw-body{padding:18px 18px 24px}
  .pw-foot{padding:12px 14px calc(12px + env(safe-area-inset-bottom));gap:6px}
  .pw-foot .pw-btn{height:50px;padding:0 16px}
  .pw-foot .pw-btn.pri{flex:1;justify-content:center}
  .pw-foot .draft .lbl-long{display:none}
  .pw-types{grid-template-columns:repeat(2,1fr)}
  .pw-tog{grid-template-columns:repeat(2,1fr)}
  .pw-grid.g3{grid-template-columns:1fr 1fr}
  .pw-grid.g3 .pw-f:first-child{grid-column:1/-1}
  .pw-seg{display:flex}
  .pw-seg button{flex:1}
  .pw-photos{grid-template-columns:repeat(2,1fr)}
  .pw-map{height:200px}
  .pw-plan{flex-direction:column;align-items:flex-start}
}

.pw-seg button:disabled{opacity:.38;cursor:not-allowed}
.pw-quota{margin-top:12px;font-size:13px;line-height:1.45;color:var(--ink-2);padding:10px 13px;border-radius:14px;background:var(--accent-soft)}

/* écrans tactiles : boutons des vignettes plus faciles à toucher */
@media (pointer:coarse){ .pw-ph .acts button{width:36px;height:36px} .pw-ph .acts{left:4px;right:4px;bottom:4px} }