.of{max-width:1120px;margin:0 auto;padding:30px 16px 56px}
.of h1{font-size:clamp(1.8rem,6vw,2.6rem);line-height:1.12;margin:0 0 8px;color:var(--nuit)}
.of-intro{margin:0 0 22px;font-size:1.08rem;color:var(--texte-2)}
.of{display:grid;gap:14px}.of>h1,.of>.of-intro{grid-column:1/-1}.of>.of-intro{margin-top:-8px}
@media(min-width:760px){.of{grid-template-columns:1fr 1fr}}@media(min-width:1080px){.of{grid-template-columns:repeat(4,1fr)}}
.of-c{position:relative;display:flex;flex-direction:column;align-items:flex-start;background:var(--blanc);color:var(--nuit);border:1px solid var(--ligne);border-radius:24px;padding:22px 20px}
.of-c h2{font-size:1.32rem;line-height:1.18;margin:0 0 6px;color:inherit}
.of-prix{margin:0 0 10px;font-size:.98rem}.of-prix b{font-size:2rem;font-family:var(--serif);font-weight:500}
.of-qui{margin:0 0 8px}.of-c ul{margin:0 0 12px;padding-left:1.15em}.of-c li{margin:.3em 0}
.of-note{margin:0 0 12px;font-size:.87rem;color:var(--texte-2)}
.of-etat{align-self:flex-start;margin:0 0 8px;font-size:.74rem;font-weight:700;padding:2px 11px;border-radius:999px;background:var(--sauge-pale);color:var(--sauge-texte)}
.of-fort{background:var(--nuit);color:var(--sur-nuit);border-color:var(--nuit)}.of-fort .of-note{color:var(--sur-nuit-2)}.of-fort .of-prix b{color:#fff}.of-fort .of-etat{background:var(--sauge-nuit);color:var(--nuit)}
.of-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:auto;min-height:46px;padding:0 20px;border:0;border-radius:999px;background:var(--nuit);color:var(--sur-nuit);font:700 .96rem var(--sans);text-decoration:none;cursor:pointer}
.of-btn.sec{background:transparent;color:var(--nuit);border:1px solid var(--nuit)}.of-fort .of-btn{background:var(--sur-nuit);color:var(--nuit)}
.of-c .btn-achat{margin-top:auto}.of-c .note-ferme,.of-c .note-achat{font-size:.86rem;color:var(--texte-2);margin:8px 0 0}
.of-form{display:grid;gap:10px;width:100%}.of-form[hidden]{display:none}.of-form label{display:grid;gap:4px;font-size:.92rem;font-weight:600}
.of-form input[type=email],.of-form textarea{width:100%;padding:11px;border:1px solid var(--ligne-2);border-radius:12px;font:1rem var(--sans);background:#fff;color:#1e2a44}
.of-form .of-ok{display:flex;align-items:flex-start;gap:8px;font-weight:400;font-size:.86rem}.of-form .of-btn{margin-top:0;justify-self:start}
.of-retour{margin:0;font-weight:600}.of-retour:empty{display:none}