.pf{display:flex;flex-wrap:wrap;align-items:center;gap:var(--e10);margin:var(--e12) 0 var(--e8)}
.pf .grp{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.chip{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--line);background:#fff;
  border-radius:calc(var(--arrondi)*1.375);padding:6px 13px;font-size:var(--t-sm,13px);font-weight:600;cursor:pointer;user-select:none;
  transition:border-color .12s,background .12s}
.chip:hover{border-color:#bbb}
a.chip{text-decoration:none;color:inherit}
.chip input{position:absolute;opacity:0;width:0;height:0}
.chip .d{width:11px;height:11px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.chip.on{border-color:var(--ink,#1c1c1c)}
.chip.toggle.on{background:#eef7ee;border-color:#3e9e6e;color:#256b45}
.pf .sel{border:1.5px solid var(--line);border-radius:calc(var(--arrondi)*1.375);padding:6px 12px;font-size:var(--t-sm,13px);font-weight:600;
  background:#fff;font-family:inherit;cursor:pointer}
.pf .rz{margin-left:auto;display:flex;align-items:center;gap:12px}

.pf .nb{font-size:var(--t-sm,13px);color:var(--mute)}
.pf .raz{font-size:var(--t-sm,13px);color:var(--mute)}
.gout-row{display:flex;align-items:center;gap:9px;margin-bottom:var(--e14);flex-wrap:wrap}
.gout-row .lb{font-size:var(--t-xs,12px);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700}

@media(max-width:700px){
  .pf{gap:var(--e8);margin:var(--e10) 0 var(--e6)}
  .pf .grp{flex:1 1 100%;min-width:0;flex-wrap:nowrap;overflow-x:auto;
    scrollbar-width:none;-webkit-overflow-scrolling:touch;
    margin:0 calc(-1*var(--e10));padding:2px var(--e10)}
  .pf .grp::-webkit-scrollbar{display:none}
  .pf .grp .chip{flex:none;white-space:nowrap}
  
  .pf .rz{flex:1 1 100%;min-width:0;margin-left:0;justify-content:space-between;
    gap:var(--e10)}
  .pf .rz .tri{min-width:0;flex:0 1 auto}
  .pf .rz .tri-s{min-width:0;flex:1 1 auto}
  
  .pf .nb{flex:none;white-space:nowrap}
  .gout-row{margin-bottom:var(--e10)}
}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:var(--e12)}
.pc{background:#fff;border:1px solid var(--line);border-radius:var(--r12,12px);padding:var(--e14);display:flex;flex-direction:column;gap:6px}
.pc .nm{font-weight:700;font-size:var(--t-md,15px);display:flex;align-items:center;gap:8px}
.pc .nm .d{width:14px;height:14px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.pc .uv{display:flex;gap:4px;flex-wrap:wrap}
.pc .uv i{width:9px;height:9px;border-radius:50%;display:inline-block}
.pc .pf2{font-size:var(--t-xs,12px);color:var(--muted)}
.pc .caf{align-self:flex-start;font-size:var(--t-xxs,11px);font-weight:700;background:#5b3a29;color:#fff;border-radius:calc(var(--arrondi)*1.25);padding:1px 8px}
.pc form{margin-top:auto}
.pc .add{width:100%}

html{overflow-x:clip}
.pleine{width:100vw;margin-left:calc(50% - 50vw);
  --gut:max(clamp(20px,4.5vw,64px),calc((100vw - var(--page-large,1560px))/2))}






.pick{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.2vw,18px)}

@media(min-width:1201px){.pick{grid-template-columns:repeat(4,1fr)}}

@media(min-width:1201px){
  .pick a:last-child:nth-child(4n+1){grid-column:span 4}
  .pick a:last-child:nth-child(4n+2){grid-column:span 3}
  .pick a:last-child:nth-child(4n+3){grid-column:span 2}
}
@media(min-width:861px) and (max-width:1200px){
  .pick a:last-child:nth-child(3n+1){grid-column:span 3}
  .pick a:last-child:nth-child(3n+2){grid-column:span 2}
}
@media(max-width:860px){
  .pick a:last-child:nth-child(2n+1){grid-column:span 2}
}

.pick a{border-radius:20px;position:relative;background:var(--c);color:var(--ctx,#fff);text-decoration:none;
  min-height:clamp(124px,12vw,164px);padding:clamp(15px,1.7vw,22px);
  display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:filter .3s}
.pick a::before{content:"";position:absolute;right:-16%;top:-30%;width:62%;aspect-ratio:1;
  border-radius:50%;background:color-mix(in srgb,var(--ctx,#fff) 9%,transparent);transition:transform .5s}
.pick a:hover::before{transform:scale(1.3)}
.pick a:hover{filter:brightness(1.08)}
.pick .bt{position:absolute;right:-6%;bottom:-14%;width:46%;opacity:.2;color:var(--ctx,#fff)}
.pick .bt svg{width:100%;height:100%}
.pick .bt svg *{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;
  stroke-linejoin:round;vector-effect:non-scaling-stroke}
.pick .bt svg .fillx{fill:currentColor;stroke:none}
.pick .k{display:block;font-size:var(--t-xxs,11px);font-weight:800;letter-spacing:.2em;text-transform:uppercase;
  opacity:.82;position:relative}
.pick .n{display:block;font-family:var(--f-titres),ui-serif,Georgia,serif;font-weight:var(--w-titres-demi,600);
  font-size:clamp(21px,2.2vw,31px);letter-spacing:-.04em;line-height:.94;position:relative}
.pick .g{display:block;font-size:var(--t-xs,12px);opacity:.9;margin-top:6px;position:relative;
  max-width:36ch;line-height:1.3}
@media(max-width:860px){.pick{grid-template-columns:repeat(2,1fr)}}






.morebar{padding:clamp(24px,4vh,44px) 0 clamp(30px,6vh,70px)}

.morebar a,.pickq .tout a{border-radius:var(--btn-r,30px);display:inline-block;border:1.5px solid var(--ink);padding:14px 26px;
  font-size:var(--t-xs,12px);font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);
  text-decoration:none;transition:background .2s,color .2s;white-space:nowrap}
.morebar a:hover,.pickq .tout a:hover{background:var(--ink);color:var(--paper,#FBF7EE)}

@media(max-width:700px){.pickq .tout{flex-shrink:1;min-width:0}.pickq .tout a{white-space:normal}}