@charset "UTF-8";
/* Rubrique « Seconde vie » : objets d'occasion (js/55-seconde-vie.js). Verre cannelé léger : pas de flou sur les cartes (fluidité). */
.sv-sec{position:relative;border-top:1px solid var(--bd);overflow:hidden;z-index:1}
.sv-sec::before{content:"";position:absolute;inset:-30% auto auto -15%;width:700px;height:700px;border-radius:50%;pointer-events:none;z-index:0;
  background:radial-gradient(circle,rgba(34,197,94,.13),rgba(20,184,166,.07) 45%,transparent 70%)}
.sv-sec .sec{position:relative;z-index:1}
.sv-head{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:1.6rem;align-items:end;margin-bottom:1.6rem}
.sv-sub{color:var(--tx2);font-size:1rem;line-height:1.7;margin:.8rem 0 0;max-width:58ch}
.sv-promesses{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.sv-promesses li{display:flex;align-items:center;gap:.7rem;padding:.7rem .9rem;border-radius:14px;border:1px solid var(--bd);font-size:.86rem;color:var(--tx);
  background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.01)),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 7px)}
.sv-promesses li b{flex:0 0 auto;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(34,197,94,.16);font-size:1rem}
.sv-barre{display:flex;gap:.45rem;flex-wrap:wrap;align-items:center;margin-bottom:1rem}
.sv-barre button{border:1px solid var(--bd);background:var(--bg);color:var(--tx2);border-radius:999px;padding:.45rem .9rem;font:600 .76rem 'Inter',sans-serif;cursor:pointer;min-height:38px;transition:all .2s}
.sv-barre button[aria-pressed="true"]{background:#16a34a;border-color:#16a34a;color:#fff}
.sv-barre .sv-esp{flex:1}
.sv-proposer{border:0 !important;background:linear-gradient(135deg,#16a34a,#0d9488) !important;color:#fff !important;box-shadow:0 10px 22px -12px #16a34a}
.sv-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.9rem}
.sv-carte{position:relative;display:flex;flex-direction:column;border-radius:18px;overflow:hidden;border:1px solid var(--bd);background:var(--bg);cursor:pointer;
  transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .35s;content-visibility:auto;contain-intrinsic-size:auto 360px}
.sv-carte:hover{transform:translateY(-4px);border-color:rgba(34,197,94,.45);box-shadow:0 26px 50px -30px rgba(22,163,74,.55)}
.sv-photo{position:relative;aspect-ratio:4/3;background:var(--bg2);overflow:hidden}
.sv-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.sv-carte:hover .sv-photo img{transform:scale(1.05)}
.sv-photo .sv-ph{display:grid;place-items:center;height:100%;font-size:2.6rem}
/* bande de verre cannelé en bas de la photo */
.sv-photo::after{content:"";position:absolute;inset:auto 0 0;height:38%;pointer-events:none;
  background:linear-gradient(transparent,rgba(0,0,0,.35)),repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 1px,transparent 1px 6px)}
.sv-etat{position:absolute;top:10px;inset-inline-start:10px;z-index:1;display:inline-flex;align-items:center;gap:5px;padding:.3rem .6rem;border-radius:999px;
  font:700 .66rem 'Inter',sans-serif;letter-spacing:.02em;color:#fff;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18)}
.sv-etat i{width:7px;height:7px;border-radius:50%;background:var(--sv-c,#22c55e);box-shadow:0 0 8px var(--sv-c,#22c55e)}
.sv-remise{position:absolute;top:10px;inset-inline-end:10px;z-index:1;padding:.3rem .55rem;border-radius:9px;font:800 .72rem 'Inter',sans-serif;color:#052e16;background:#4ade80}
.sv-corps{padding:.85rem .95rem 1rem;display:flex;flex-direction:column;gap:.35rem;flex:1}
.sv-type{font:600 .64rem 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--tx3)}
.sv-nom{font-weight:700;font-size:.98rem;color:var(--tx);line-height:1.3}
.sv-defauts{font-size:.76rem;color:var(--tx2);line-height:1.45}
.sv-prix{display:flex;align-items:baseline;gap:.5rem;margin-top:auto;padding-top:.4rem}
.sv-prix b{font:700 1.05rem 'JetBrains Mono',ui-monospace,monospace;color:var(--tx)}
.sv-prix s{font-size:.78rem;color:var(--tx3)}
.sv-ajout{margin-top:.55rem;border:1px solid var(--bd2);background:transparent;color:var(--tx);border-radius:11px;min-height:42px;font:600 .8rem 'Inter',sans-serif;cursor:pointer}
.sv-ajout:hover{background:#16a34a;border-color:#16a34a;color:#fff}
.sv-vide{grid-column:1/-1;text-align:center;padding:2.4rem 1rem;border:1px dashed var(--bd2);border-radius:18px;color:var(--tx2)}
.sv-vide span{display:block;font-size:2rem;margin-bottom:.4rem}
.sv-note{font-size:.7rem;color:var(--tx3);margin:1.2rem 0 0;line-height:1.6}
@media (max-width:760px){
  .sv-head{grid-template-columns:1fr;gap:1rem}
  .sv-grille{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
  .sv-corps{padding:.7rem .75rem .8rem}
  .sv-nom{font-size:.88rem}
  .sv-etat{top:8px;inset-inline-start:8px;font-size:.6rem;padding:.25rem .5rem}
  .sv-remise{top:auto;bottom:8px;inset-inline-end:8px;font-size:.68rem}     /* ne chevauche plus l'état sur les cartes étroites */
  .sv-barre .sv-esp{display:none}
  .sv-proposer{width:100%}
}
@media (max-width:360px){.sv-grille{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.sv-carte,.sv-photo img{transition:none}}
/* Badge « Occasion » dans le catalogue principal */
.p-occ{display:inline-flex;align-items:center;gap:4px;font-size:.58rem;font-weight:700;color:#16a34a}
.p-occ-neuf{font-size:.62rem;color:var(--tx3);text-decoration:line-through;margin-inline-start:.35rem;font-weight:500}
/* Formulaire « Proposer un objet » (dans la fenêtre verre de css/compte.css) */
.svp-photos{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 13px}
.svp-photos .svp-ajout{width:84px;height:84px;border-radius:14px;border:1.5px dashed var(--c-bd);display:grid;place-items:center;color:var(--c-tx2);font-size:1.6rem;cursor:pointer;background:var(--c-champ)}
.svp-photos .svp-vignette{position:relative;width:84px;height:84px;border-radius:14px;overflow:hidden}
.svp-photos .svp-vignette img{width:100%;height:100%;object-fit:cover}
.svp-photos .svp-vignette button{position:absolute;top:4px;inset-inline-end:4px;width:24px;height:24px;border-radius:50%;border:0;background:rgba(0,0,0,.65);color:#fff;cursor:pointer}