/* Petrini Catalogue : nouvelle fiche de bien (maquette du tour 12 validée par Paolo le 27/10/2026), ordinateur et téléphone.
 * Rendu : includes/fiche-t12.php (réglage pc_fiche_t12, éteint par défaut, biens disponibles seulement). Reprise telle quelle de la
 * maquette (pistes/tour12 : corps.css, styles du héros T2 du tour 11, vidéo et galerie) ; les blocs viennent de fiche-plus.css,
 * les tuiles des biens similaires de petrini-site (actualites.css, règles .m-t lues par la fiche). Aucune ligne de séparation. */
/* Fiche de bien, ordinateur : corps sous le héros T2, disposition de petrini.mc (26/10/2026). Classes fb- seulement (feuille propre). */
.fb{--fb-side:414px;--fb-gap:48px;--fb-line:rgba(61,30,25,.1);--fb-cream:#FBF5F1;--fb-ring:rgba(203,115,93,.16);background:#fff;color:var(--body,#5A453C)}
.fb-in{width:min(1200px,calc(100% - 2*var(--gutter,40px)));margin:0 auto}

/* fil d'Ariane : une ligne discrète sous la photo (validé) */
.fb-crumbs{padding:22px 0 0}
.fb-crumbs .g-crumbs,.fb-crumbs .g-crumbs :is(ol,a,li){color:var(--muted)!important}
.fb-crumbs .g-crumbs ol{margin:0;flex-wrap:wrap;row-gap:6px;text-shadow:none!important}
/* le nom du bien en entier (Paolo, 27/10 : « pourquoi ne pas l'afficher en entier ? ») ; trop long pour la ligne : il passe à la ligne */
.fb-crumbs .g-crumbs li:last-child{min-width:0;max-width:none;overflow:visible;text-overflow:clip;white-space:normal;display:block}
.fb-crumbs .g-crumbs li:last-child::before{display:inline-block}

/* deux colonnes de petrini.mc ; la colonne du conseiller = les quatre dernières vignettes du héros */
.fb-grid{display:grid;grid-template-columns:minmax(0,1fr) var(--fb-side);column-gap:var(--fb-gap);align-items:start;padding:40px 0 104px}
.fb-main>section+section{margin-top:72px}

/* chiffres clés : cartes blanches arrondies, dans l'esprit de l'encart du dossier (Paolo, 26/10) */
.fb-lead-s{container-type:inline-size}
.fb-faits{list-style:none;margin:0 0 56px;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:12px}
.fb-faits li{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:18px 18px 19px;border-radius:22px;background:#fff;box-shadow:inset 0 0 0 1px var(--fb-ring),0 18px 34px -28px rgba(61,30,25,.38)}
.fb-faits i{display:block;margin:2px 0 18px;line-height:0}
.fb-faits svg{width:30px;height:30px;fill:none;stroke:var(--terra-deep);stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.fb-faits svg .f{fill:rgba(203,115,93,.16);stroke:none}
.fb-faits strong{display:block;font:400 2.05rem/1 var(--text);color:var(--ink);letter-spacing:-.025em;font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}
.fb-faits strong small{font-size:.5em;font-weight:400;letter-spacing:0;margin-left:3px;color:var(--muted)}
.fb-faits span{display:block;margin-top:10px;font:500 .86rem/1.3 var(--text);color:var(--muted);white-space:nowrap}

/* jamais à la ligne (Paolo, 26/10) : une seule rangée ; quand la colonne est trop étroite pour cinq cartes, la dernière (la cave) s'efface */
@container (max-width:699px){
 .fb-faits li:nth-child(n+5){display:none}
 .fb-faits li{padding:16px 14px 17px}
 .fb-faits span{font-size:.8rem}
}

/* titres et textes */
.fb h2,.fb .fb-h2{margin:0 0 20px;font:500 clamp(1.75rem,2.25vw,2.2rem)/1.17 var(--display);color:var(--ink);letter-spacing:-.012em;text-wrap:balance}
.fb-lead{margin:0;font:400 1.2rem/1.68 var(--text);color:var(--body);max-width:62ch;text-wrap:pretty}
.fb-micro{margin:0 0 12px;font:600 .7rem/1 var(--text);letter-spacing:.17em;text-transform:uppercase;color:var(--terra-deep)}

/* caractéristiques */
.fb-dl{margin:30px 0 0;display:grid;grid-template-columns:1fr 1fr;column-gap:12px;row-gap:4px}
/* caractéristiques sans traits (règle de Paolo, 27/10/2026 : « les lignes de séparation sont proscrites ») : une rangée sur deux sur un léger fond */
.fb-dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding:13px 16px;border-radius:12px}
.fb-dl>div:nth-child(4n+1),.fb-dl>div:nth-child(4n+2){background:var(--fb-cream)}
.fb-dl dt{font:500 .7rem/1.3 var(--text);letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}
.fb-dl dd{margin:0;font:500 1rem/1.3 var(--text);color:var(--ink);text-align:right;font-variant-numeric:tabular-nums}

/* dossier de présentation */
/* encart « Télécharger le dossier » : la même disposition à toutes les largeurs (Paolo, 27/10/2026 : « tout le temps comme ça ») : photo à la
   hauteur de l'encart, texte centré, trois boutons sur une ligne ; tout suit la largeur de l'encart (unités cqi du conteneur .fb-dos-w) */
.fb-dos-w{margin-top:48px;container-type:inline-size}
.fb-dos{display:grid;grid-template-columns:clamp(150px,29%,208px) minmax(0,1fr);gap:clamp(18px,4.3cqi,32px);align-items:stretch;padding:14px clamp(18px,4.3cqi,32px) 14px 14px;border-radius:26px;background:var(--fb-cream);box-shadow:inset 0 0 0 1px var(--fb-ring)}
.fb-dos img{display:block;width:100%;height:100%;min-height:150px;object-fit:cover;border-radius:18px}
.fb-dos>div{align-self:center;min-width:0;padding:8px 0}
.fb-dos .fb-dos-t{margin:0 0 8px;font:500 clamp(1.14rem,3.4cqi,1.42rem)/1.2 var(--display);color:var(--ink)}
.fb-dos p{margin:0;font-size:clamp(.86rem,2.1cqi,.95rem);line-height:1.6}
.fb-acts{display:flex;flex-wrap:nowrap;gap:clamp(6px,1.4cqi,10px);margin-top:clamp(12px,2.4cqi,18px)}
.fb-dos .fb-pill{flex:none;height:clamp(36px,5.6cqi,42px);gap:clamp(6px,1.2cqi,9px);padding:0 clamp(12px,2.9cqi,22px) 0 clamp(10px,2.5cqi,19px);font-size:clamp(.74rem,1.75cqi,.84rem);white-space:nowrap}
.fb-dos .fb-pill svg{width:clamp(14px,2.2cqi,17px);height:clamp(14px,2.2cqi,17px)}
@container (max-width:480px){.fb-dos{grid-template-columns:1fr;padding:14px}.fb-dos img{height:200px}.fb-acts{flex-wrap:wrap}}
.fb-pill{display:inline-flex;align-items:center;gap:9px;height:42px;padding:0 22px 0 19px;border-radius:999px;background:#fff;border:0;box-shadow:inset 0 0 0 1px rgba(178,90,69,.3);font:600 .84rem/1 var(--text);color:var(--terra-deep);text-decoration:none;cursor:pointer;transition:box-shadow .3s var(--ease),background .3s var(--ease)}
.fb-pill:hover{background:#fff;box-shadow:inset 0 0 0 1px var(--terra-deep),0 10px 22px -14px rgba(178,90,69,.6)}
.fb-pill svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* description */
.fb-prose{margin-top:56px}
.fb-prose p{margin:0 0 1.15em;font:400 1.06rem/1.82 var(--text);color:var(--body);max-width:68ch;text-wrap:pretty}
.fb-prose p:last-child{margin-bottom:0}

/* localisation */
.fb-loc-s{padding-top:64px}  /* sans trait : l'espace sépare */
/* l'adresse avec l'immeuble au-dessus, la carte sur toute la largeur de la colonne (Paolo, 27/10/2026) */
.fb-loc{display:block;margin-top:26px}
.fb-loc-a{margin:0 0 20px}
.fb-loc .fb-h{margin:0 0 12px;font:600 .7rem/1 var(--text);letter-spacing:.17em;text-transform:uppercase;color:var(--terra-deep)}
.fb-addr{display:flex;gap:10px;align-items:flex-start;margin:0;font-size:1rem;line-height:1.55}
.fb-addr svg{width:18px;height:18px;flex:none;margin-top:2px;fill:none;stroke:var(--terra);stroke-width:1.7}
.fb-map{position:relative;height:400px;border-radius:24px;overflow:hidden;background:#F4EEEA;box-shadow:0 1px 0 rgba(61,30,25,.04),0 24px 48px -30px rgba(61,30,25,.35);isolation:isolate}
.fb-map .leaflet-container{width:100%;height:100%;background:#F4EEEA;font-family:var(--text)}
.fb-map .leaflet-tile-pane{filter:grayscale(.9) sepia(.16) saturate(1.1) brightness(1.04) contrast(.92)}
.fb-map .leaflet-control-zoom{border:0!important;box-shadow:0 10px 24px -14px rgba(61,30,25,.5)!important;border-radius:14px!important;overflow:hidden;margin:14px 14px 0 0!important}
.fb-map .leaflet-control-zoom a{width:34px!important;height:34px!important;line-height:32px!important;color:var(--ink)!important;border-color:var(--fb-line)!important}
.fb-map .leaflet-control-attribution{font-size:9px;background:rgba(255,255,255,.7)!important;border-radius:8px 0 0 0;padding:0 16px 0 6px!important}  /* mention dégagée du coin arrondi */
.fb-chip{position:absolute;z-index:500;display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 13px;border-radius:999px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 20px -12px rgba(61,30,25,.5);font:600 .74rem/1 var(--text);color:var(--ink);pointer-events:none}
.fb-chip.q{top:14px;left:14px}
.fb-chip.q::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--terra-deep)}
.fb-chip.c{bottom:14px;left:14px;font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums}
.fb-pin{width:22px;height:22px;border-radius:50%;background:var(--terra-deep);box-shadow:0 0 0 6px rgba(203,115,93,.22),0 6px 14px -4px rgba(61,30,25,.6);position:relative}
.fb-pin::after{content:"";position:absolute;inset:7px;border-radius:50%;background:#fff}
/* l'agence sur la carte (lot 4294) : le P de Petrini en blanc sur un rond terracotta, son nom dans une pilule blanche (ordinateur) */
.fb-ag{display:inline-flex;align-items:center;gap:10px;height:36px;padding:0 16px 0 0;border-radius:999px;background:rgba(255,255,255,.95);box-shadow:0 10px 24px -12px rgba(61,30,25,.55);white-space:nowrap;font:600 .74rem/1 var(--text);color:var(--ink)}
.fb-ag:not(:has(span)){padding:0}
.fb-ag b{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--terra-deep);box-shadow:0 0 0 3px rgba(255,255,255,.95)}
.fb-ag .mono{display:block;width:14px;height:18px;background:#fff}
/* avant le dessin de la carte : le repère au centre, sur le fond crème (jamais un cadre vide) ; carte effacée par fiche-t12.js : plus rien */
.fb-map:not(.on)::after{content:"";position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:radial-gradient(circle,#fff 0 4px,var(--terra-deep) 4.5px);box-shadow:0 0 0 6px rgba(203,115,93,.22),0 6px 14px -4px rgba(61,30,25,.6)}
.fb-map[hidden]{display:none!important}

/* le quartier */
/* quartier (Paolo, 27/10/2026) : un seul contenant, la carte SVG de Monaco en tête, le texte coupé à la même hauteur pour tous les quartiers,
   le CTA, puis l'évolution des prix du quartier */
.fb-q{display:block;padding:34px 40px 40px;border-radius:30px;background:var(--fb-cream);box-shadow:inset 0 0 0 1px var(--fb-ring)}
.fb-qcarte{margin:0 auto 30px;max-width:620px}
.fb-qcarte svg{display:block;width:100%;height:auto}
.fb-qcarte polygon{fill:#fff;stroke:rgba(203,115,93,.32);stroke-width:1.2;stroke-linejoin:round}
.fb-qcarte polygon.on{fill:var(--terra);stroke:var(--terra-deep)}
.fb-qnom{display:block;margin-top:6px;text-align:center;font:600 .7rem/1 var(--text);letter-spacing:.17em;text-transform:uppercase;color:var(--terra-deep)}
.fb-q-t .fb-h2{font-size:clamp(1.6rem,2vw,1.95rem);margin-bottom:16px}
/* le texte du quartier seulement : la règle ne touche plus le bloc « Le marché » (surtitre et titre de la charte, Paolo, 27/10/2026) */
.fb-q-t p{margin:0;font-size:.98rem;line-height:1.78;color:var(--body)}
/* texte arrêté à la fin d'une phrase, avec « … » (pas de fondu, Paolo, 27/10/2026) ; longueur bornée (430 caractères) plutôt qu'une hauteur
   réservée : le bouton reste collé à son texte (« le CTA est plus proche du bloc d'après », Paolo, 27/10/2026) */
.fb-q-txt{min-height:0}
.fb-q .fb-pill{margin-top:18px}
.fb-q .fp-zone .fp-bloc{margin-top:48px}  /* le bloc « Le marché » nettement détaché du bouton du quartier */
/* la carte interactive de Monaco du site (pc_carte_monaco : un lien par quartier vers sa page), en tête du bloc quartier, le quartier
   du bien en terracotta (Paolo, 27/10/2026) */
.fb-qmap-w{width:min(640px,100%);margin:0 auto 26px;padding-top:0}
.fb-qmap-w .pc-carte{display:block!important;margin:0!important;padding:0!important;border-radius:0!important;box-shadow:none!important;background:none!important}
.fb-qmap-w svg{display:block;width:100%;height:auto;overflow:visible}
.fb-qmap-w polygon{fill:#fff;stroke:#EFD9CC;stroke-width:1.1;stroke-linejoin:round;transition:fill .35s ease}
.fb-qmap-w polygon.nu{fill:#FBF3EE}
.fb-qmap-w a{cursor:pointer;outline:none}
.fb-qmap-w a:hover polygon,.fb-qmap-w a.on polygon{fill:var(--terra);stroke:#fff}
.fb-qmap-w text{font:600 12px/1 var(--text);letter-spacing:.08em;text-transform:uppercase;fill:#8C6E62;text-anchor:middle;dominant-baseline:middle;pointer-events:none;paint-order:stroke;stroke:#fff;stroke-width:3.2px;stroke-linejoin:round;transition:fill .3s,stroke .3s}
.fb-qmap-w text.on{fill:#fff;stroke:var(--terra)}
/* À lire, Voir aussi, Collection privée : bande sur toute la largeur au-dessus des produits similaires, motif aux P entrelacés des listes
   (masque posé sur une couleur unie, comme .pc-main::before du catalogue), fondu depuis le blanc et vers la section suivante */
/* un seul fond aux P entrelacés sous « Actualité » et « Produits similaires » (Paolo, 27/10/2026 : « il faut le faire descendre ») ;
   la couleur exacte du motif des listes : même fond #FBF6F2, même teinte #D6C6BE, même transparence (alpha du masque d'origine 21 à 74
   sur 255, carreau motif-p-tuile.png) ; fondu depuis le blanc en haut, vers la section suivante en bas */
.fb-fond{position:relative;isolation:isolate;margin-top:-40px;background:linear-gradient(180deg,#fff 0,#FBF6F2 280px,#FBF6F2 calc(100% - 160px),var(--paper2,#FBF6F2) 100%)}  /* bas : le fond du Club, sans raccord */
.fb-fond::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:#D6C6BE;
  -webkit-mask-image:url(img/motif-p-tuile.png),linear-gradient(180deg,transparent 0,#000 340px,#000 calc(100% - 280px),transparent 100%),linear-gradient(112deg,rgba(0,0,0,.7) 0%,#000 60%);
  mask-image:url(img/motif-p-tuile.png),linear-gradient(180deg,transparent 0,#000 340px,#000 calc(100% - 280px),transparent 100%),linear-gradient(112deg,rgba(0,0,0,.7) 0%,#000 60%);
  -webkit-mask-size:102px auto,100% 100%,100% 100%;mask-size:102px auto,100% 100%,100% 100%;-webkit-mask-repeat:repeat,no-repeat,no-repeat;mask-repeat:repeat,no-repeat,no-repeat;
  -webkit-mask-composite:source-in,source-in;mask-composite:intersect,intersect}
.pl-main .fb-fond>section.fb-plus{padding:150px 0 30px;background:none}
.fb-plus .fp-zone:first-child .fp-bloc{margin-top:0}
/* la liste « Actualité » sur toute la largeur de la page (Paolo, 27/10/2026) */
.fb-plus .fp-actus{max-width:none}

/* colonne du conseiller, collante */
.fb-side{position:sticky;top:112px}
.fb-card{background:#fff;border-radius:28px;padding:28px 28px 22px;box-shadow:inset 0 0 0 1px var(--fb-ring),0 34px 64px -40px rgba(61,30,25,.4)}
.fb-id{display:flex;align-items:center;gap:16px}
.fb-id img{width:76px;height:76px;border-radius:50%;object-fit:cover;flex:none;box-shadow:0 0 0 3px #fff,0 0 0 4px var(--fb-ring),0 12px 22px -12px rgba(61,30,25,.55)}
.fb-id strong{display:block;font:500 1.65rem/1.1 var(--display);color:var(--ink)}
.fb-id small{display:block;margin-top:6px;font:500 .8rem/1.35 var(--text);color:var(--muted)}
.fb-tel{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 0;padding:15px 18px;border-radius:18px;background:var(--fb-cream);text-decoration:none;box-shadow:inset 0 0 0 1px var(--fb-ring);transition:box-shadow .3s var(--ease)}
.fb-tel:hover{box-shadow:inset 0 0 0 1px var(--terra)}
.fb-tel span{display:block;font:600 .66rem/1 var(--text);letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}
.fb-tel strong{display:block;margin-top:8px;font:600 1.28rem/1 var(--text);color:var(--terra-deep);font-variant-numeric:tabular-nums;letter-spacing:.01em}
.fb-tel i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff;box-shadow:0 6px 14px -8px rgba(61,30,25,.45)}
.fb-tel svg{width:18px;height:18px;fill:none;stroke:var(--terra-deep);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.fb-qv{margin:22px 0 14px}
.fb-qv strong{display:block;font:600 1rem/1.3 var(--text);color:var(--ink)}
.fb-qv p{margin:6px 0 0;font-size:.9rem;line-height:1.6}
.fb-card .pl-sh.pf-cs-in{padding:0!important;margin:0!important;background:none!important;box-shadow:none!important}
.fb-card .a-legal{margin:12px 4px 0!important;font-size:.72rem!important;line-height:1.55!important}
.fb-card .fb-ou{display:flex;align-items:center;justify-content:center;gap:14px;margin:26px 0 14px!important;font:500 .72rem/1 var(--text);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.fb-ou::before,.fb-ou::after{content:none}  /* jamais de trait de séparation (Paolo, 27/10/2026) : le mot seul, centré */
.fb-map .leaflet-control-zoom a{border-bottom:0!important}.fb-map .leaflet-control-zoom a+a{box-shadow:0 -1px 0 transparent}  /* + et − sans trait entre eux */
.fb-cb{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fb-cb .g-cb{width:100%;min-width:0}
.fb-cb .g-cb-rdv{grid-column:1/-1;background:#fff!important;color:var(--ink)!important;box-shadow:inset 0 0 0 1px var(--fb-line),0 8px 18px -14px rgba(61,30,25,.4)!important}
.fb-cb .g-cb-rdv .wa-dot.cal{background:var(--rose,#FBEADF)!important;color:var(--terra-deep)!important}
.fb-cb .g-cb-rdv:hover{box-shadow:inset 0 0 0 1px var(--terra),0 10px 22px -14px rgba(178,90,69,.5)!important}
.fb-card .fb-disc{display:block;margin:18px 6px 0!important;font:500 .64rem/1.4 var(--text);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:center}
.fb-disc svg{display:inline-block;vertical-align:-2px;margin-right:6px;width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8}

/* biens similaires */
/* la ligne Collection privée et le Club : l'écart du rythme des sections (celui du Club), pas 110 px de plus (Paolo, 27/10/2026) */
/* lot 4357 (Paolo : « trop collé ») : sous le Club « nuit », la ligne garde le même air qu'au-dessus des produits (56 px), plus la place des
   coins de la bande, qui se pose sur le bas du fond aux P (--nuit-r, site.css) ; la place est ici, pas sous le panneau */
.pl-main .fb-fond>section.fb-sim{padding:56px 0 calc(56px + var(--nuit-r,44px));background:none}
main.fb:has(+ .g-nl.g-nl-nuit)>.fb-panel{border-bottom:0}
/* téléphone : la feuille de la fiche ne bouge pas (fiche mobile intouchable), la bande reste où elle est */
@media (max-width:899px){main.fb+.g-nl.g-nl-nuit{margin-top:0}}
.fb-tuiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.fb-tuiles .m-t,.fb-tuiles .m-t *{color:#fff;text-decoration:none}
.fb-tout2 .g-bart-a{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font:600 .88rem/1 var(--text);color:var(--terra-deep);text-decoration:none}
.fb-tout2 .icon{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .25s}.fb-tout2 a:hover .icon{transform:translateX(3px)}
.fb-om-l{margin-top:22px}
.fb-sim-h{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:34px}
.fb-sim-h .fb-h2{margin:0}
.fb-sim .pc-grille{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:24px!important;margin:0!important;padding:0!important;list-style:none}
.fb-sim .pc-grille>li{min-width:0}
.fb-tous{display:flex;justify-content:center;margin-top:48px}
.fb-tous .btn{display:inline-flex}

/* galerie plein écran ouverte sur la vignette cliquée */
.mk-strip li{cursor:pointer;transition:transform .35s var(--ease)}
.mk-strip li:hover{transform:translateY(-3px)}
.fb-gal{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;background:rgba(28,14,11,.94)}
.fb-gal.on{display:flex}
.fb-gal img{max-width:min(92vw,1600px);max-height:84vh;object-fit:contain;border-radius:14px;box-shadow:0 40px 80px -40px #000}
.fb-gal button{position:absolute;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:1.6rem;cursor:pointer;transition:background .3s}
.fb-gal button:hover{background:rgba(255,255,255,.24)}
.fb-gal .p{left:28px;top:50%;transform:translateY(-50%)}
.fb-gal .n{right:28px;top:50%;transform:translateY(-50%)}
.fb-gal .x{right:28px;top:24px;font-size:1.9rem}
.fb-gal .ctr{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.8);font:500 .85rem/1 var(--text);font-variant-numeric:tabular-nums;letter-spacing:.06em}

/* écrans moyens : une colonne, le conseiller sous le texte */
@media (max-width:1099px){
 .fb-grid{grid-template-columns:1fr;row-gap:56px}
 .fb-side{position:static}
 .fb-card{max-width:560px}
 .fb-sim .pc-grille{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:760px){
 .fb-dl,.fb-loc,.fb-q{grid-template-columns:1fr}
 .fb-q{padding:28px}
 .fb-sim .pc-grille{grid-template-columns:1fr!important}
}.pc-main::before{-webkit-mask-image:url(img/motif-p-masque-1200.webp),linear-gradient(180deg,#000 0,#000 40%,transparent 100%)!important;mask-image:url(img/motif-p-masque-1200.webp),linear-gradient(180deg,#000 0,#000 40%,transparent 100%)!important}
@media (min-width:1200px){.pc-main::before{-webkit-mask-image:url(img/motif-p-masque-2400.webp),linear-gradient(180deg,#000 0,#000 40%,transparent 100%)!important;mask-image:url(img/motif-p-masque-2400.webp),linear-gradient(180deg,#000 0,#000 40%,transparent 100%)!important}}

/* héros : même largeur que l'en-tête et le corps à toutes les tailles (à 1280 px il débordait de 16 px à gauche) */
@media (min-width:900px){.fb .mk-g{max-width:none;width:min(1200px,calc(100% - 2*var(--gutter,40px)))}}


/* téléphone et tablette : mêmes pastilles que l'ordinateur, sans défilement (Paolo, 26/10/2026 : « je veux pas avoir de slide »).
   Cartes toutes de même largeur et même hauteur dans chaque format, écart 12 px ; quand il n'y a pas la place, la dernière (la cave) s'efface.
   Téléphone (< 600 px) : deux et deux (quatre côte à côte ou trois ne laissent pas la place à « Salles de bain » sur un écran de 360 px) ;
   600-759 px : quatre côte à côte ; 760-899 px : cinq. */
@media (max-width:899px){
 .pc-fiche .pf-story{min-width:0}
 .pc-fiche .fb-rail{margin:20px 0 10px;padding:0 0 16px}
 .pc-fiche .pf-faits.fb-faits-m{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-flow:row!important;grid-auto-rows:1fr;gap:12px!important;margin:0!important;padding:0!important;border:0!important;list-style:none}
 .pc-fiche .fb-faits-m li{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:0!important;min-width:0;padding:16px 15px!important;border:0!important;border-radius:20px!important;background:#fff!important;box-shadow:inset 0 0 0 1px rgba(203,115,93,.16),0 14px 26px -22px rgba(61,30,25,.45)!important}
 .pc-fiche .fb-faits-m li:nth-child(n+5){display:none!important}
 .pc-fiche .fb-faits-m i{display:block;margin:0 0 12px;line-height:0}
 .pc-fiche .fb-faits-m svg{width:26px;height:26px;fill:none;stroke:var(--terra-deep);stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
 .pc-fiche .fb-faits-m svg .f{fill:rgba(203,115,93,.16);stroke:none}
 .pc-fiche .fb-faits-m strong{display:block;font:400 1.7rem/1 var(--text)!important;color:var(--ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}
 .pc-fiche .fb-faits-m strong small{font-size:.5em;font-weight:400;letter-spacing:0;margin-left:3px;color:var(--muted)}
 .pc-fiche .fb-faits-m span{display:block;margin-top:8px;font:500 .8rem/1.25 var(--text)!important;letter-spacing:0!important;text-transform:none!important;color:var(--muted);white-space:nowrap}
}
@media (min-width:600px) and (max-width:759px){
 .pc-fiche .pf-faits.fb-faits-m{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media (min-width:760px) and (max-width:899px){
 .pc-fiche .pf-faits.fb-faits-m{grid-template-columns:repeat(5,minmax(0,1fr))!important}
 .pc-fiche .fb-faits-m li:nth-child(5){display:flex!important}
}

/* maquette seulement : choix de la langue des pastilles, pour tester les traductions */
.fb-lg{position:fixed;left:16px;bottom:16px;z-index:300;display:flex;gap:4px;padding:5px;border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 10px 28px -12px rgba(61,30,25,.5),inset 0 0 0 1px rgba(203,115,93,.2)}
.fb-lg a{display:grid;place-items:center;min-width:38px;height:30px;padding:0 10px;border-radius:999px;font:600 .74rem/1 var(--text,Inter);letter-spacing:.06em;color:var(--muted,#76594B);text-decoration:none}
.fb-lg a[aria-current]{background:var(--terra-deep,#B25A45);color:#fff}
@media (max-width:899px){.fb-lg{bottom:96px}}

/* ---- revue UX du 27/10/2026 (revue indépendante, 25 points ; ceux de la fiche) ---- */
/* 1. carte du conseiller : elle tient à l'écran (862 → environ 700 px) : boutons de contact toujours visibles en défilant ; rien retiré */
.fb-side{top:84px}
.fb-card{padding:24px 24px 20px}
.fb-id img{width:60px;height:60px}
.fb-id strong{font-size:1.45rem}
.fb-id small{margin-top:4px}
.fb-tel{margin:16px 0 0;padding:11px 16px}
.fb-tel strong{margin-top:6px;font-size:1.18rem}
.fb-tel i{width:36px;height:36px}
.fb-qv{margin:16px 0 12px}
.fb-qv p{font-size:.86rem;line-height:1.5}
.fb-card .a-form .hp{position:absolute!important}
.fb-card .a-btn{transition:background .3s}
.fb-card .a-btn:hover{background:#9E4E3B!important}  /* 4. survol, comme « Rejoindre le club » */
.fb-card .a-btn svg,.fb-card .a-btn .pip{transition:transform .25s}.fb-card .a-btn:hover svg{transform:translateX(3px)}
.fb-card .a-legal{margin:10px 0 0!important;font-size:.7rem!important;line-height:1.45!important}
.fb-card .a-legal a{white-space:nowrap}
.fb-card .fb-ou{margin:16px 0 10px!important}
.fb-card .fb-disc{margin:14px 0 0!important;font:500 .7rem/1.35 var(--text);letter-spacing:.01em;text-transform:none}
.fb-card{padding:20px 22px 18px}
.fb-tel{padding:9px 14px}
.fb-qv{margin:14px 0 10px}
.fb-qv p{font-size:.84rem;line-height:1.45}
.fb-card .a-legal{font-size:.68rem!important;line-height:1.4!important}
.fb-card .fb-ou{margin:14px 0 8px!important}
.fb-card .fb-disc{margin:12px 0 0!important;font-size:.7rem;letter-spacing:0}
.fb-card .fb-disc svg{margin-right:4px}
/* 2-3. rythme : un seul écart entre sections (88 px), 24 px entre un titre et son contenu ; pas de vide de 214 px avant l'actualité */
.fb-grid{padding-bottom:56px}
.fb-main>*+*{margin-top:88px!important}
.fb-main>.fp-zone .fp-bloc{margin-top:0}
.fb-loc-s{padding-top:0}
.fb h2,.fb .fb-h2{margin-bottom:24px}
.fb-dl{margin-top:0}
.fb-loc{margin-top:0}
.pl-main .fb-fond>section.fb-plus{padding:80px 0 40px}
/* 5. titres de section à la même taille ; titres de sous-bloc à 24 px */
.fb-q-t .fb-h2{font-size:clamp(1.75rem,2.25vw,2.2rem);margin-bottom:20px}
/* 16. arrondis et marges : grands conteneurs 28 / 40, cartes imbriquées 20 / 28 ; image dans une carte = arrondi de la carte moins la marge */
.fb-q{border-radius:28px;padding:40px}
.fb-dos{border-radius:22px;padding:10px clamp(18px,4.3cqi,32px) 10px 10px}
.fb-dos img{border-radius:14px}
/* 17. surtitres : un seul réglage (11,2 px, 600, 0,17 em) */
.fb-tel span,.fb-card .fb-ou,.mk-ov .pf-eb,.fb-loc .fb-h{font:600 .7rem/1 var(--text)!important;letter-spacing:.17em!important;text-transform:uppercase}
/* 19. textes longs : même corps, lignes de 62 caractères environ */
.fb-prose p{max-width:62ch}
.fb-q-t p{font-size:1.02rem;line-height:1.75;max-width:62ch}
/* 20. h1 équilibré */
.mk-ov h1{text-wrap:balance}
/* 13. survol de « Visite vidéo » */
.mk-ov .pf-vid{transition:background .3s,box-shadow .3s}.mk-ov .pf-vid:hover{background:#fff!important;box-shadow:0 14px 30px -14px rgba(0,0,0,.45)}
/* 14. la carte du quartier calée à gauche sur son texte */
.fb-qmap-w{margin:0 0 26px -12px}
/* 6. noms des quartiers plus petits : plus aucun ne se touche */
.fb-qmap-w text{font-size:10px;letter-spacing:.06em;stroke-width:3px}
/* 22. noms d'immeubles sur deux lignes dans les tuiles */
.fb-tuiles .m-t-m{line-height:1.4}
/* 9 et 23. sur ordinateur, la barre d'action fixe du téléphone n'apparaît pas (elle recouvrait les chiffres clés et laissait une bande blanche) */
@media (min-width:900px){#sticky{display:none!important}body{padding-bottom:0!important}}
/* 8. de 900 à 1099 px : le conseiller sur toute la largeur, en deux colonnes (identité et contacts à gauche, formulaire à droite) */
@media (max-width:1099px){
 .fb-card{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:36px;align-items:start;
   grid-template-areas:"id form" "tel form" "qv form" "ou form" "cb form" "disc form"}
 .fb-card>.fb-id{grid-area:id}.fb-card>.fb-tel{grid-area:tel}.fb-card>.fb-qv{grid-area:qv}.fb-card>.pl-sh{grid-area:form;grid-row:1/7}
 .fb-card>.fb-ou{grid-area:ou}.fb-card>.fb-cb{grid-area:cb}.fb-card>.fb-disc{grid-area:disc}
}
/* ombre de la carte du conseiller jamais coupée (règle 2 de Paolo ; 27/10/2026, « ombre coupée ») : la colonne passe au-dessus du fond aux P */
.fb-grid{position:relative;z-index:2}
/* les composants du site gardent leurs tailles (boutons, champs : une pastille d'icône ne touche jamais le bord, règle 1 ; erreur du 27/10
   corrigée) ; la carte ne reste fixe que si la fenêtre est assez haute pour la montrer entière, sinon elle défile avec la page */
@media (max-height:879px){.fb-side{position:static}}

/* ======== TÉLÉPHONE ET TABLETTE (< 900 px) : la même fiche que l'ordinateur, adaptée (Paolo, 27/10/2026 : « la version mobile doit reprendre
   les modifs et améliorations de la version ordi ») ; jamais de lignes de séparation ; composants du site à leurs tailles ======== */
.fb-qmap-t{display:none}
@media (max-width:899px){
 .fb{--gutter:20px}
 /* héros : la photo puis la vidéo en boucle (version légère), plein cadre ; titre, prix et « Visite vidéo » posés dessus */
 .fb .mk-h{position:relative;height:min(76svh,660px);min-height:500px;overflow:hidden;background:#2a1a16;isolation:isolate;cursor:pointer}
 .fb .mk-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
 .fb .mk-g{position:absolute;inset:0;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:0 var(--gutter) 22px;
   background:linear-gradient(180deg,rgba(28,14,11,0) 38%,rgba(28,14,11,.18) 58%,rgba(28,14,11,.62) 100%)}
 .fb .mk-ov{min-width:0;color:#fff}
 .fb .mk-ov .pf-eb{margin:0 0 10px;color:rgba(255,255,255,.88)!important}
 .fb .mk-ov h1{margin:0 0 10px;font:500 clamp(1.6rem,6.6vw,2.1rem)/1.12 var(--display);color:#fff;letter-spacing:-.01em;text-wrap:balance;text-shadow:0 2px 24px rgba(0,0,0,.25)}
 .fb .mk-ov .pf-prix{margin:0;font:500 1.3rem/1 var(--text);color:#fff;font-variant-numeric:tabular-nums}
 .fb .mk-ov .pf-vid{display:inline-flex;align-items:center;gap:10px;height:44px;margin:0 0 16px;padding:0 18px 0 6px;border-radius:999px;border:0;background:rgba(255,255,255,.94);color:var(--ink);font:600 .86rem/1 var(--text);cursor:pointer}
 .fb .mk-ov .pf-play{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--terra)}
 .fb .mk-ov .pf-play svg{width:12px;height:12px;fill:#fff;margin-left:2px}
 /* vignettes : seule la dernière (« +N ») reste, en bas à droite ; elle ouvre la galerie */
 .fb .mk-r{flex:none}
 .fb .mk-strip{list-style:none;margin:0;padding:0;display:flex}
 .fb .mk-strip li{display:none}
 .fb .mk-strip li.plus{display:block;position:relative;width:64px;height:64px;border-radius:16px;overflow:hidden;box-shadow:0 0 0 2px rgba(255,255,255,.9),0 10px 24px -12px rgba(0,0,0,.6);cursor:pointer}
 .fb .mk-strip li.plus img{width:100%;height:100%;object-fit:cover;display:block}
 .fb .mk-strip li.plus::after{content:attr(data-n);position:absolute;inset:0;display:grid;place-items:center;background:rgba(28,14,11,.45);color:#fff;font:600 1rem/1 var(--text)}
 /* colonne unique */
 .fb-grid{padding-top:24px;row-gap:56px}
 .fb-main>*+*{margin-top:64px!important}
 .fb h2,.fb .fb-h2{font-size:clamp(1.5rem,6.2vw,1.85rem);margin-bottom:18px}
 .fb-lead{font-size:1.06rem;line-height:1.65}
 .fb-prose p{font-size:1rem;line-height:1.75}
 .fb-loc .fb-map{height:280px}
 .fb-q{padding:24px 20px 26px;border-radius:24px}
 .fb-qmap-w{margin:0 0 20px}
 .pl-main .fb-fond>section.fb-plus{padding:64px 0 32px}
 .pl-main .fb-fond>section.fb-sim{padding:44px 0 8px}
 .fb-sim-h{align-items:flex-end;margin-bottom:22px}
 /* produits similaires : une rangée qu'on fait glisser */
 .fb-tuiles{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(220px,42%);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 calc(-1*var(--gutter));padding:2px var(--gutter) 10px;scroll-padding:0 var(--gutter)}
 .fb-tuiles::-webkit-scrollbar{display:none}
 .fb-tuiles .m-t{scroll-snap-align:start}
 /* barre du bas validée du téléphone (Prendre RDV, WhatsApp avec le négociateur) : fixe, sans trait, une ombre douce */
 .fb-barre{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px var(--gutter,20px) calc(12px + env(safe-area-inset-bottom,0px));
   border:0!important;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 -14px 30px -22px rgba(61,30,25,.35)}
 .fb-barre .btn{--h:52px;justify-content:center;min-width:0;padding:0 18px;font-size:.92rem;white-space:nowrap;text-decoration:none}
 .fb-barre .btn span{overflow:hidden;text-overflow:ellipsis}
 .fb-barre .pf-b-wa{justify-content:flex-start;gap:10px;padding:0 18px 0 8px}
 .fb-barre .pf-av img{width:36px;height:36px;border-radius:50%;border:0}
 body{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
 .fb-lg{bottom:100px!important}
}
@media (max-width:599px){
 .fb{--gutter:16px}
 /* chiffres clés : une rangée qu'on fait glisser, les cinq cartes */
 .fb .fb-faits{grid-auto-columns:132px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 var(--gutter);scrollbar-width:none;margin:0 calc(-1*var(--gutter)) 40px;padding:2px var(--gutter) 12px}
 .fb .fb-faits::-webkit-scrollbar{display:none}
 .fb .fb-faits li,.fb .fb-faits li:nth-child(n+5){display:flex!important;scroll-snap-align:start}
 /* caractéristiques en une colonne : une rangée sur deux sur un léger fond */
 .fb-dl{grid-template-columns:1fr}
 .fb-dl>div:nth-child(4n+1),.fb-dl>div:nth-child(4n+2){background:none}
 .fb-dl>div:nth-child(odd){background:var(--fb-cream)}
 /* carte du quartier inclinée (celle du site pour le téléphone) */
 .fb-qmap-d{display:none}.fb-qmap-t{display:block}
 .fb-qmap-w .fb-qmap-t svg{max-height:62vh}
 .fb-qmap-w .fb-qmap-t text{font-size:15px;stroke-width:4px}
 /* conseiller : la carte en une colonne */
 .fb-card{display:block;padding:22px 18px 18px}
 .fb-tuiles{grid-auto-columns:72%}
}
@media (max-width:899px){
 .fb .mk-h::before{content:"";position:absolute;inset:0 0 auto;height:140px;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(28,14,11,.42),rgba(28,14,11,0))}
 /* « Visite vidéo » dans le flux du texte, au-dessus du surtitre (le placement du panneau mobile d'origine le posait sur le titre) */
 .fb .mk-ov .pf-vid{position:static!important;inset:auto!important;transform:none!important}
 /* fil d'Ariane : le lien de retour seul, le titre est juste au-dessus */
 .fb-crumbs .g-crumbs li:last-child{display:none!important}
}
@media (max-width:420px){
 /* une pilule tient toujours sur une ligne (règle 1) : sur les petits écrans, bloc quartier un peu moins rembourré, bouton un peu plus serré */
 .fb-q{padding:22px 16px 24px}
 .fb-q .fb-pill{gap:8px;padding:0 16px 0 14px;font-size:.78rem;white-space:nowrap}
 /* lien vers la page de l'immeuble : le même resserrement (Tour Odéon à 360 px passait sur deux lignes) ; un nom très long s'arrête par « … » */
 .fp-imm-l .fb-pill{gap:8px;padding:0 16px 0 14px;font-size:.78rem;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
}

/* ordinateur : la barre du bas du téléphone disparaît */
@media (min-width:900px){.fb-barre{display:none!important}}

/* héros T2 (tour 11, validé) */
@media (min-width:900px){
@media (min-width:900px){
 .mk-on .pf-media,.mk-on .pf-top{display:none!important}
 .mk-h{position:relative;width:100%;height:82vh;min-height:600px;overflow:hidden;background:#2a1a16;isolation:isolate}
 .mk-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
 .mk-h.flou .mk-bg,.mk-h.om .mk-bg{filter:blur(38px) saturate(115%) brightness(.78);transform:scale(1.25)}
 .mk-h.hd,.mk-h.flou{cursor:pointer}  /* un clic dans le héros ouvre la galerie (lot 4294) */
 .mk-h::after{content:"";position:absolute;inset:auto 0 0;height:62%;z-index:1;pointer-events:none;background:linear-gradient(rgba(20,10,8,0),rgba(20,10,8,.62))}
 .mk-h.flou::after,.mk-h.om::after,.mk-h.vide::after{height:100%;background:linear-gradient(90deg,rgba(20,10,8,.55),rgba(20,10,8,.12))}
 .mk-h.vide{background:#6b3a2e url("/wp-content/plugins/petrini-catalogue/assets/img/motif-p-2400.webp") center/cover}
 .mk-g{position:absolute;inset:0;z-index:2;max-width:1200px;margin:0 auto;padding:110px 0 52px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:48px}
 .mk-ov{display:flex;flex-direction:column;align-items:flex-start;min-width:0;max-width:680px}
 .mk-ov .pf-top{display:block!important;position:static!important;margin:0 0 18px!important;padding:0!important;width:auto!important}
 .mk-ov .g-crumbs :is(ol,a,li){color:rgba(255,255,255,.88)!important}
 .mk-ov .g-crumbs ol{flex-wrap:nowrap!important;white-space:nowrap}
 .mk-ov .g-crumbs li:last-child{max-width:240px;overflow:hidden;text-overflow:ellipsis}
 .mk-ov .pf-vid{position:static!important;margin:0 0 20px!important}
 .mk-bd{display:flex;gap:8px;margin:0 0 14px}
 .mk-bd span{height:30px;padding:0 14px;border-radius:999px;display:inline-flex;align-items:center;font:600 .72rem/1 var(--text);letter-spacing:.1em;text-transform:uppercase;background:var(--terra-deep,#9C4B38);color:#fff}
 .mk-bd span.cl{background:rgba(255,255,255,.92);color:var(--ink,#3D1E19)}
 .mk-ov .pf-eb{color:rgba(255,255,255,.86)!important;margin:0 0 10px!important}
 .mk-ov h1,.mk-ov .mk-t{margin:0!important;color:#fff!important;font:500 clamp(2.2rem,3vw,3.1rem)/1.1 var(--display)!important;letter-spacing:-.018em;text-shadow:0 2px 24px rgba(20,10,8,.35);text-wrap:balance}
 .mk-ov .pf-prix{color:#fff!important;margin:14px 0 0!important;font-size:clamp(1.3rem,1.7vw,1.7rem)!important;text-align:left!important}
 .mk-r{display:flex;flex-direction:column;align-items:flex-end;gap:14px}
 .mk-f{width:clamp(380px,34vw,520px);aspect-ratio:3/2;border-radius:24px;overflow:hidden;box-shadow:0 0 0 3px rgba(255,255,255,.9),0 30px 60px -30px rgba(20,10,8,.8)}
 .mk-f img{width:100%;height:100%;object-fit:cover;display:block}
 .mk-strip{display:flex;gap:10px;list-style:none;margin:0;padding:0}
 .mk-strip li{position:relative;width:96px;height:64px;border-radius:12px;overflow:hidden;box-shadow:0 0 0 2px rgba(255,255,255,.9),0 12px 24px -14px rgba(20,10,8,.7)}
 .mk-strip li.on{box-shadow:0 0 0 3px #fff}
 .mk-strip img{width:100%;height:100%;object-fit:cover;display:block}
 .mk-strip li.plus::after{content:attr(data-n);position:absolute;inset:0;display:grid;place-items:center;background:rgba(20,10,8,.5);color:#fff;font:600 .95rem var(--text)}
 .mk-pill{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 22px;border-radius:999px;background:rgba(255,255,255,.94);color:var(--ink,#3D1E19);font:600 .9rem var(--text);box-shadow:0 12px 26px -14px rgba(20,10,8,.6)}
 .mk-pf .pf-head{grid-template-columns:1fr!important}
 .mk-pf .pf-head .pf-kick{display:none}
 .pf-head .pf-faits{margin-top:0!important}
 .mk-om{width:min(460px,36vw);padding:28px 30px;border-radius:26px;background:rgba(255,255,255,.97);box-shadow:0 30px 60px -30px rgba(20,10,8,.8);max-height:calc(82vh - 160px);overflow:auto}
 .mk-om .pf-etat{display:block!important;margin:0!important;padding:0!important;background:none!important;box-shadow:none!important}
 .mk-om .pf-etat-t{padding:0!important}
 /* bandeau de photos égales (basse qualité) */
 .mk-hb{padding-top:120px}
 .mk-hb .mk-top{max-width:1200px;margin:0 auto 22px}
 .mk-hb .g-crumbs :is(ol,a,li){color:var(--muted,#725D54)!important}
 .mk-hb+* .pf-grid,.mk-on .pf-grid{margin-top:0!important;padding-top:44px!important}
 .mk-hb~.pf-grid h1{font-size:clamp(2rem,2.6vw,2.6rem)!important;max-width:none!important}
 .mk-hb~.pf-grid .pf-prix{grid-column:1!important;text-align:left!important;margin-top:10px!important}
 .mk-hb~.pf-grid .pf-head{grid-template-columns:1fr!important}
}
@media (min-width:900px){
 html.mk-clair .nav:not(.stuck) .ps-a,html.mk-clair .nav:not(.stuck) .ps-ico{color:#fff!important}
 html.mk-clair .nav:not(.stuck) .ps-ico svg,html.mk-clair .nav:not(.stuck) .globe svg{stroke:#fff!important}
 html.mk-clair .nav:not(.stuck) .logo-d{display:none!important}
 html.mk-clair .nav:not(.stuck) .logo-l{display:block!important;filter:brightness(0) invert(1)}
 html.mk-clair .nav:not(.stuck) .globe>button{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.45)!important}
 html.mk-fonce .nav:not(.stuck) .ps-a{color:var(--terra-deep)!important}
 html.mk-fonce .nav:not(.stuck) .logo-l{display:none!important}html.mk-fonce .nav:not(.stuck) .logo-d{display:block!important}
 .mk-ov .pf-prix,.mk-ov .pf-prix a{color:#fff!important}
 .mk-h.vide{background:#FBF5F1 url("/wp-content/plugins/petrini-catalogue/assets/img/motif-p-2400.webp") center/cover;height:56vh;min-height:440px}
 .mk-h.vide::after{display:none}
 .mk-h.vide .mk-ov h1,.mk-h.vide .mk-ov .pf-prix{color:var(--ink,#3D1E19)!important;text-shadow:none}
 .mk-h.vide .mk-ov .pf-prix{color:var(--terra-deep)!important}
 .mk-h.vide .mk-ov .pf-eb{color:var(--terra-deep)!important}
 .mk-h.vide .mk-ov .g-crumbs :is(ol,a,li){color:var(--muted,#725D54)!important}
 .mk-h.vide .mk-pill{background:var(--terra-deep,#9C4B38);color:#fff}
 .mk-ov .pf-om-titre{margin:0;color:#fff;font:500 clamp(2.1rem,2.8vw,2.9rem)/1.1 var(--display);text-wrap:balance;text-shadow:0 2px 24px rgba(20,10,8,.35)}
}
/* ===== tour 7 : T2 tel que validé + remarques de Paolo seulement ===== */
@media (min-width:900px){
 .mk-h::before{content:"";position:absolute;inset:0 0 auto;height:170px;z-index:1;pointer-events:none;background:linear-gradient(rgba(20,10,8,.42),rgba(20,10,8,0))}
 html.mk-pil .nav:not(.stuck){background:rgba(255,255,255,.82)!important;-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);box-shadow:0 0 0 1px rgba(61,30,25,.08),inset 0 1px 0 rgba(255,255,255,.9),0 12px 32px -18px rgba(61,30,25,.4)}
 html.mk-pil .nav:not(.stuck) .ps-a{color:var(--terra-deep)!important}
 html.mk-pil .nav:not(.stuck) .logo-l{display:none!important}html.mk-pil .nav:not(.stuck) .logo-d{display:block!important}
 /* fil d'Ariane sous la photo */
 .mk-crumbs{max-width:1200px;margin:20px auto 0;width:min(1200px,calc(100% - 112px))}
 .mk-crumbs .g-crumbs :is(ol,a,li){color:var(--muted,#725D54)!important}
 /* vignettes à la largeur de la photo encadrée */
 .mk-r{width:clamp(380px,34vw,520px)}
 .mk-r .mk-f,.mk-r .mk-strip{width:100%}
 .mk-r .mk-strip li{flex:1 1 0;width:auto;height:auto;aspect-ratio:3/2}
 .mk-h.hd .mk-r{width:auto}
 .mk-h.hd .mk-r .mk-strip li{flex:none;width:96px;height:64px;aspect-ratio:auto}
 /* sans grande photo : héros à la hauteur de son contenu */
 .mk-h.flou,.mk-h.vide,.mk-h.om{height:auto;min-height:0}
 .mk-h.flou .mk-g,.mk-h.vide .mk-g,.mk-h.om .mk-g{position:relative;inset:auto;padding:124px 0 48px;box-sizing:border-box}
 .mk-h.vide .mk-g{padding:150px 0 56px}
 /* sans photo et off-market : Monaco de jour flouté, mêmes couleurs que les autres cas */
 .mk-h.vide,.mk-h.om{background:#2a1a16}
 .mk-h.vide .mk-bg,.mk-h.om .mk-bg{filter:blur(30px) saturate(110%) brightness(.9);transform:scale(1.2)}
 .mk-h.vide::after,.mk-h.om::after{display:block;height:100%;background:linear-gradient(90deg,rgba(20,10,8,.55),rgba(20,10,8,.18))}
 .mk-ov .pf-vid{display:inline-flex}
 .mk-om{max-height:none;overflow:visible}
 .mk-om .pf-etat-t p::first-letter{float:none!important;font:inherit!important;margin:0!important;padding:0!important;color:inherit!important}
 .mk-ov .pf-prix a,.mk-ov .pf-prix{text-decoration:none!important;box-shadow:none!important}
 /* vendu / loué : encart des listes + biens similaires */
 .mk-vendu .pf-histoire{display:none!important}
 .mk-enc{margin:0 0 48px}
 .mk-enc .pc-grille{display:block!important}
 .mk-sim .pf-sim{padding:0 0 40px!important;background:none!important}
 .mk-sim .pf-sim .inner{padding:0!important;max-width:none!important}
 .mk-sim .pc-grille{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .mk-sim .pc-grille>li:nth-child(n+5){display:none!important}
 .mk-etat{margin:0 0 48px;color:var(--muted,#725D54);font-size:.92rem;line-height:1.7}
 .mk-etat .pf-etat{display:block!important;margin:0!important;padding:0!important;background:none!important;box-shadow:none!important}
 .mk-etat .pf-etat-i,.mk-etat .pf-etat-b{display:none!important}
}
@media (min-width:900px){
 .mk-h.vide .mk-ov h1,.mk-h.vide .mk-ov .pf-eb,.mk-h.vide .mk-ov .pf-prix{color:#fff!important;text-shadow:0 2px 24px rgba(20,10,8,.35)!important}
 .mk-h.vide .mk-bg,.mk-h.om .mk-bg{filter:blur(26px) saturate(115%) brightness(1)!important}
 .mk-h.vide::after,.mk-h.om::after{background:linear-gradient(90deg,rgba(20,10,8,.42),rgba(20,10,8,.06))!important}
 .mk-om .pf-etat-t{padding-left:4px!important;overflow:visible!important}
 .mk-om .pf-etat-t p{text-indent:0!important}
 .mk-vendu .pf-grid{grid-template-columns:minmax(0,1fr)!important}
 .mk-vendu .pf-agent{display:none!important}
 .mk-vendu .mk-sim .pc-grille{grid-template-columns:repeat(4,minmax(0,1fr))!important}
 .mk-vendu .mk-etat{max-width:760px}
}
/* ===== tour 8 ===== */
@media (min-width:900px){
 .mk-crumbs{margin-top:16px}
 .mk-on .pf-grid{padding-top:22px!important}
 .mk-ov .mk-btn{position:static!important;display:inline-flex;margin:14px 0 0}
 .mk-ov .pf-vid.mk-btn{background:rgba(255,255,255,.94)}
 .pf-vid .pf-play.ico svg{fill:none!important;stroke:#fff;stroke-width:2;width:14px;height:14px;margin:0!important}
 .pf-vid .pf-play.eur{color:#fff;font:700 .8rem/1 var(--text)}
 /* off-market : Eugenia et Paolo */
 .mk-duo{display:flex;align-items:center;gap:14px;margin:0 0 18px;padding:0 0 18px;border-bottom:1px solid rgba(61,30,25,.10)}
 .mk-duo .ph{display:flex}
 .mk-duo img{width:58px;height:58px;aspect-ratio:1/1;object-fit:cover;border-radius:50%;box-shadow:0 0 0 3px #fff,0 10px 20px -12px rgba(61,30,25,.6)}
 .mk-duo img+img{margin-left:-14px}
 .mk-duo b{display:block;font:500 1.12rem/1.2 var(--display);color:var(--ink)}
 .mk-duo small{display:block;margin-top:3px;font:500 .82rem/1.35 var(--text);color:var(--muted)}
 /* vendu / loué : contact, puis le marché du quartier */
 .mk-mkt{margin:0 0 56px}
 .mk-mkt .mk-mkt-h{margin:0 0 18px}
 .mk-mkt .mk-mkt-h p{margin:0 0 6px;font:600 .7rem/1.2 var(--text);letter-spacing:.16em;text-transform:uppercase;color:var(--terra-deep)}
 .mk-mkt .mk-mkt-h h2{margin:0;font:500 clamp(1.6rem,1.9vw,2rem)/1.18 var(--display);color:var(--ink)}
 .mk-mkt-g{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:22px;align-items:stretch}
 .mk-mkt-g .k-card{margin:0!important;height:100%;box-sizing:border-box}
 .mk-carte svg{width:100%;height:auto;max-height:210px;display:block;margin:4px 0 14px;filter:drop-shadow(0 12px 20px rgba(122,58,43,.14))}
 .mk-carte polygon{fill:#F4E7DF;stroke:#fff;stroke-width:1.2}
 .mk-carte polygon.on{fill:var(--terra,#CB735D)}
 .mk-carte .k-kpis{grid-template-columns:1fr!important}
}
/* ===== tour 11 : planches photo + texte au langage des guides (après la revue de finition) ===== */
@media (min-width:900px){
 .mk-crumbs{display:none!important}
 .mk-p11{background:#fff}
 .mk-p11 .pf-grid,.mk-p11 section.pf-sim,.mk-p11 .pf-etat,.mk-p11 .pf-media,.mk-p11 .pf-top{display:none!important}
 .mk-in{max-width:var(--max,1200px);width:calc(100% - 2 * var(--gutter,56px));margin:0 auto}
 .mk-vcr{padding:18px 0 0}.mk-vcr .g-crumbs ol{margin:0}.mk-vcr .g-crumbs :is(ol,a,li){color:var(--muted,#725D54)!important}
 .mk-chips{padding:22px 0 0}.mk-chips ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 10px;counter-reset:c}
 .mk-chips a{display:inline-flex;align-items:center;gap:10px;height:42px;padding:0 18px 0 14px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),0 8px 20px -18px rgba(61,30,25,.45);font:500 .86rem/1 var(--text);color:var(--ink);text-decoration:none}
 .mk-chips li{counter-increment:c}.mk-chips a::before{content:counter(c,decimal-leading-zero);font:600 .7rem/1 var(--text);color:var(--terra-deep);font-variant-numeric:tabular-nums}
 .mk-pl{padding:clamp(56px,6vw,96px) 0 0}
 .mk-pl h2{margin:0 0 18px;font:500 clamp(1.7rem,1.2rem + 1.4vw,2.35rem)/1.14 var(--display);color:var(--ink);text-wrap:balance;letter-spacing:-.01em}
 .mk-pl h2 .mk-h2s{display:block;margin-top:8px;font:400 .95rem/1.4 var(--text);color:var(--muted);letter-spacing:0}
 .mk-pl .mk-n{display:block;margin:0 0 14px;font:600 .72rem/1 var(--text);letter-spacing:.2em;color:var(--terra-deep);font-variant-numeric:tabular-nums}
 .mk-pl p{font-size:1rem;line-height:1.75;color:var(--body,#5A443D);margin:0 0 1em;max-width:68ch}
 .mk-pl .g-lead{font-size:clamp(1.1rem,1rem + .35vw,1.25rem);line-height:1.6;color:var(--ink)}
 .mk-2{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(40px,4.4vw,72px);align-items:center}
 .mk-2.r{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
 .mk-ph{position:relative;border-radius:28px;overflow:hidden;background:#F3ECE7;box-shadow:0 30px 60px -44px rgba(61,30,25,.55)}
 .mk-ph img{display:block;width:100%;height:100%;object-fit:cover}
 .mk-ph.t{aspect-ratio:4/5}.mk-ph.w{aspect-ratio:3/2}
 .mk-row3{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:16px;margin:0 0 clamp(40px,4vw,56px)}
 .mk-row3 .mk-ph{aspect-ratio:4/3;cursor:zoom-in}
 .mk-facts{list-style:none;margin:28px 0;padding:22px 0;display:flex;flex-wrap:wrap;border-top:1px solid #EDE3DE;border-bottom:1px solid #EDE3DE}
 .mk-facts li{display:flex;flex-direction:column;gap:6px;padding:0 28px;border-left:1px solid #EDE3DE}
 .mk-facts li:first-child{padding-left:0;border-left:0}
 .mk-facts b{font:500 2.25rem/1 var(--display);color:var(--ink);font-variant-numeric:tabular-nums lining-nums}
 .mk-facts span{font:500 .8rem/1.2 var(--text);color:var(--muted)}
 .mk-agt{display:flex;align-items:center;gap:16px;margin:26px 0 0}
 .mk-agt img{width:72px;height:72px;aspect-ratio:1/1;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px #fff,0 10px 22px -12px rgba(61,30,25,.55)}
 .mk-agt b{display:block;font:500 1.25rem/1.2 var(--display);color:var(--ink)}
 .mk-agt small{display:block;margin-top:3px;font:500 .82rem var(--text);color:var(--muted)}
 .mk-acts{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0}
 .mk-acts a{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 24px;border-radius:999px;font:600 .9rem/1 var(--text);text-decoration:none;white-space:nowrap}
 .mk-acts .pr{background:var(--terra-deep);color:#fff;box-shadow:0 10px 24px -14px rgba(156,68,48,.7)}
 .mk-acts .se{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
 .mk-dossier{display:inline-flex;align-items:center;gap:10px;margin:18px 0 0;font:600 .88rem var(--text);color:var(--terra-deep);text-decoration:none}
 .mk-dossier svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
 .mk-dl{display:grid;grid-template-columns:1fr 1fr;column-gap:56px;margin:8px 0 36px}
 .mk-dl div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:14px 0;border-bottom:1px solid #EDE3DE}
 .mk-dl dt{font:500 .82rem/1.3 var(--text);color:var(--muted)}
 .mk-dl dd{margin:0;font:500 1rem/1.3 var(--text);color:var(--ink);text-align:right}
 .mk-desc{max-width:720px}
 .mk-desc ul{margin:0 0 1em;padding-left:1.1em;color:var(--body);line-height:1.75}
 .mk-plan{margin:0;padding:40px;border-radius:28px;background:#fff;box-shadow:inset 0 0 0 1px #EDE3DE,0 30px 60px -48px rgba(61,30,25,.5)}
 .mk-plan img{display:block;width:100%;max-height:640px;object-fit:contain}
 .mk-addr{display:flex;align-items:center;gap:10px;margin:18px 0 0;font:500 .95rem var(--text);color:var(--ink)}
 .mk-addr svg{width:18px;height:18px;fill:none;stroke:var(--terra-deep);stroke-width:1.8}
 .mk-map svg{width:100%;height:auto;display:block}
 .mk-map polygon{fill:#fff!important;stroke:#E6D9D2!important;stroke-width:1!important;filter:none!important}
 .mk-map polygon.on{fill:var(--terra,#CB735D)!important;stroke:var(--terra,#CB735D)!important}
 .mk-map g,.mk-map svg{filter:none!important}
 .mk-qchips{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
 .mk-qchips a{display:inline-flex;align-items:center;height:36px;padding:0 16px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font:500 .82rem/1 var(--text);color:var(--ink);text-decoration:none}
 .mk-qchips li.on a,.mk-qchips a[aria-current]{background:var(--ink);color:#fff;box-shadow:none}
 .mk-band{margin-top:clamp(64px,7vw,110px);padding:clamp(56px,6vw,90px) 0;background:#FAF5F3}
 .mk-band+.mk-band{margin-top:0;padding-top:0}
 .mk-cta{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,4.4vw,72px);align-items:start}
 .mk-cta .mk-card{padding:clamp(26px,3vw,36px);border-radius:28px;background:#fff;box-shadow:inset 0 0 0 1px #EDE3DE,0 30px 60px -48px rgba(61,30,25,.55)}
 .mk-cta .mk-fw.pl-sh{position:static!important;inset:auto!important;transform:none!important;max-height:none!important;width:auto!important;padding:0!important;background:none!important;box-shadow:none!important;border-radius:0!important;z-index:auto!important;display:block!important}
 .mk-cta .g-cta-btns{margin-top:16px}
 .mk-cta .g-cta-btns .g-cb-rdv{background:#fff!important;color:var(--ink)!important;box-shadow:inset 0 0 0 1px var(--line)!important}
 .mk-cta .g-cta-btns .g-cb-rdv .wa-dot.cal{background:var(--rose,#FBEADF)!important}
 .mk-cta .g-cta-btns .g-cb-rdv .wa-dot.cal svg{stroke:var(--terra-deep)!important}
 .mk-sim .g-guides{background:none;padding:0}
 .mk-sim .g-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .mk-sim .g-card.big{grid-column:auto!important;flex-direction:column!important}
 .mk-sim .mk-cm{margin:0 0 6px;font:600 .7rem/1.2 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--terra-deep)}
 .mk-sim .mk-cp{margin:10px 0 0;font:600 1rem var(--text);color:var(--terra-deep)}
 .mk-sim .g-t2{margin:0 0 28px}
 /* marché (vendu / loué) : une seule carte */
 .mk-mkt .k-card{margin:0!important}
 .mk-mkt .k-line .end rect{fill:#fff;stroke:#EDE3DE}.mk-mkt .k-line .end text{fill:#3B1F1A!important}
 .mk-mfoot{display:flex;gap:0;margin:22px 0 6px;padding:18px 0 0;border-top:1px solid #EDE3DE}
 .mk-mfoot div{padding:0 28px;border-left:1px solid #EDE3DE}.mk-mfoot div:first-child{padding-left:0;border-left:0}
 .mk-mfoot b{display:block;font:500 1.6rem/1.1 var(--display);color:var(--ink);font-variant-numeric:tabular-nums}
 .mk-mfoot span{font:500 .8rem var(--text);color:var(--muted)}
 .mk-cms{margin-top:48px;max-width:720px}
 .mk-cms *{font-size:.95rem}
 /* off-market */
 .mk-omp{display:inline-flex;width:max-content;align-items:center;height:30px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--ink,#3D1E19);font:600 .7rem/1 var(--text);letter-spacing:.12em;text-transform:uppercase;margin:0 0 18px}
 .mk-omt{color:#fff;font:500 clamp(2.1rem,1.4rem + 3.6vw,4.4rem)/1.04 var(--display);letter-spacing:-.02em;max-width:18ch;margin:0;text-shadow:0 2px 30px rgba(0,0,0,.25)}
 .mk-duo2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:32px 0 0}
 .mk-duo2 figure{margin:0}
 .mk-duo2 .mk-ph{aspect-ratio:auto;height:220px}
 .mk-duo2 .mk-ph img{object-position:50% 25%}
 .mk-duo2 b{display:block;margin:14px 0 2px;font:500 1.25rem/1.2 var(--display);color:var(--ink)}
 .mk-duo2 small{font:500 .82rem var(--text);color:var(--muted)}
 .mk-sticky{position:sticky;top:110px}
}
@media (min-width:900px){
 .mk-p11 .pf-panel{display:block!important;overflow:visible!important}
 .mk-p11 .pf-panel>*{flex-shrink:0}
 .mk-row3 .mk-ph{aspect-ratio:auto!important;height:clamp(240px,22vw,320px)}
 .mk-band,.mk-in,.mk-sim .g-grid,.mk-cta{overflow:visible!important}
 .mk-plan{padding:32px 40px}.mk-plan img{max-height:560px}
}
@media (min-width:900px){
 .mk-p11 .mk-band,.mk-p11 .mk-pl{display:block!important;height:auto!important;min-height:0!important;max-height:none!important}
 .mk-p11 .mk-band>.mk-in,.mk-p11 .mk-pl>*{height:auto!important}
}
@media (min-width:900px){.mk-p11 .mk-sim{padding-bottom:clamp(48px,5vw,72px)}}
/* ===== tour 11, corrections de la revue (fix) ===== */
@media (min-width:900px){
 .mk-vcr{padding:14px 0 0}
 .mk-chips{padding:12px 0 0}.mk-chips a{height:36px}
 .mk-pl+.mk-pl{margin-top:clamp(56px,6vw,96px);padding-top:clamp(48px,5vw,72px);border-top:1px solid #EDE3DE}
 .mk-plan{padding:32px}.mk-plan img{max-height:640px;max-width:1000px;margin:0 auto}
 .mk-map{align-self:start}
 .mk-2.mk-q{align-items:start}
 .mk-map svg{overflow:visible}
 .mk-map polygon{fill:#FAF5F3!important;stroke:#D8C6BD!important;stroke-width:1!important}
 .mk-map polygon.on{fill:var(--terra,#CB735D)!important;stroke:var(--terra,#CB735D)!important}
 .mk-sim .g-grid{grid-auto-rows:auto!important;align-items:start}
 .mk-sim .g-card{height:auto!important}
 .mk-sim .g-grid.n2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .mk-sim .g-grid.n1{grid-template-columns:minmax(0,1fr)!important}
 .mk-sim .g-grid.n1 .g-card{flex-direction:row!important}
 .mk-sim .g-grid.n1 .g-card-img{flex:0 0 50%}.mk-sim .g-grid.n1 .g-card-img img{height:100%;object-fit:cover}
 .mk-sim .g-grid.n1 .g-card-txt{align-self:center;padding:clamp(28px,3vw,44px)}
 .mk-sim .mk-cl{margin:6px 0 0;font:500 .82rem/1.35 var(--text);color:var(--muted)}
 .mk-sim{padding-bottom:72px!important}
 body:has(.mk-p11) .g-nl{margin-top:0!important}
 .mk-band.mk-contact{padding-bottom:clamp(48px,5vw,72px)}
 .mk-band.mk-contact+.mk-band{padding-top:clamp(56px,6vw,96px)!important;border-top:0}
 .mk-cms{margin-top:0;max-width:none}
 .mk-cms .g-lead{font-size:clamp(1.1rem,1rem + .35vw,1.25rem)!important;line-height:1.6;color:var(--ink)}
 .mk-cms p{font-size:1rem}
 .k-line .mk-svg .grid line{stroke:rgba(61,30,25,.08)}
 .k-line .mk-svg text{font:500 11px var(--text);fill:var(--muted)}
 .k-line .mk-svg .path{fill:none;stroke:var(--terra-deep);stroke-width:2.5;stroke-linejoin:round}
 .k-line .mk-svg .area{fill:url(#kGrad2);opacity:1}
 .k-line .mk-svg .dot{fill:#fff;stroke:var(--terra-deep);stroke-width:3}
 .k-line .mk-svg .end rect{fill:#fff;stroke:#EDE3DE}.k-line .mk-svg .end text{fill:#3B1F1A;font-weight:600}
}
@media (min-width:900px){
 .mk-p11 .mk-sim .g-t2{margin:0 0 28px!important;padding:0!important}
 .mk-p11 .mk-sim .g-grid{margin:0!important;padding:0!important}
 .mk-p11 .mk-sim>.mk-in{display:block!important;height:auto!important;min-height:0!important;padding:0!important}
 .mk-p11 .mk-band.mk-contact+.mk-band{padding-top:48px!important}
}
@media (min-width:900px){body:has(.mk-p11) .pc-fiche>.pf-panel{margin-bottom:0!important}body:has(.mk-p11) main.pc-fiche{padding-bottom:0!important;margin-bottom:0!important}}
@media (min-width:900px){
 body:has(.mk-p11) .g-nl{margin-top:0!important;background:#FAF5F3!important}
 body:has(.mk-p11) .pc-fiche{margin-bottom:0!important}
 .mk-mkt .k-mac svg,.mk-mkt .k-mac .m-r,.mk-mkt .k-mac .m-c{opacity:1!important;transform:none!important;stroke-dashoffset:0!important;stroke-dasharray:none!important}
}
@media (min-width:900px){.mk-p11 .pf-barre{margin-top:-80px}}
}

/* blocs : un conteneur par bloc, comme la maquette (l’espacement ne fond pas avec la marge du bloc) */
.fp-zone{position:relative;padding-top:1px}

/* boucle du héros, visite vidéo, galerie plein écran (photos puis la visite en dernière diapositive) */
.mk-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:0;transition:opacity 1.2s ease}
.mk-v.on{opacity:1}
.fb-visite{position:fixed;inset:0;z-index:210;display:none;align-items:center;justify-content:center;background:rgba(28,14,11,.94)}
.fb-visite.on{display:flex}
.fb-visite video{width:min(92vw,1600px);max-height:84vh;border-radius:14px;box-shadow:0 40px 80px -40px #000;background:#2a1a16}
.fb-visite .x{position:absolute;right:28px;top:24px;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:1.9rem;cursor:pointer}
.fb-visite .x:hover{background:rgba(255,255,255,.24)}
.fb-gal img[hidden],.fb-gal-v[hidden]{display:none!important}
.fb-gal-v{position:relative}
.fb-gal-v video{display:block;max-width:min(92vw,1600px);max-height:84vh;border-radius:14px;box-shadow:0 40px 80px -40px #000;background:#2a1a16}
.fb-gal .fb-gal-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:auto;height:54px;display:inline-flex;align-items:center;gap:12px;padding:0 24px 0 9px;border-radius:999px;background:rgba(255,255,255,.95);color:var(--ink);font:600 .95rem/1 var(--text);box-shadow:0 18px 40px -18px rgba(0,0,0,.55)}
.fb-gal .fb-gal-play:hover{background:#fff}
.fb-gal .fb-gal-play .pf-play{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--terra)}
.fb-gal .fb-gal-play svg{width:14px;height:14px;fill:#fff;margin-left:2px}
.fb-gal-v.joue .fb-gal-play{display:none}

/* plan du bien, en tête de « Plan et localisation » (piste C choisie par Paolo, lot 4294 : « la mise en page des plans n'est pas assez
   élégante, les plans ont différents formats ») : un grand cadre blanc de format fixe, le même sur toutes les fiches quel que soit le plan
   (en hauteur, en largeur, sur fond pêche ou blanc), le plan imprimé dedans (son blanc se fond dans le cadre), un voile rosé dans deux
   coins, « Agrandir le plan » en pilule ; le format fixe évite aussi le saut de la page au chargement du plan */
.fb-plan{position:relative;display:block;aspect-ratio:4/3;max-width:100%;margin:0 0 32px;border-radius:24px;isolation:isolate;text-decoration:none;
  background:radial-gradient(70% 70% at 0% 100%,rgba(247,227,216,.75),rgba(247,227,216,0) 70%),radial-gradient(60% 60% at 100% 0%,rgba(251,234,223,.7),rgba(251,234,223,0) 70%),#fff;
  box-shadow:0 0 0 1px rgba(178,90,69,.08),0 24px 48px -32px rgba(61,30,25,.3)}
.fb-plan img{position:absolute;inset:28px 40px 64px;margin:auto;width:auto;height:auto;max-width:calc(100% - 80px);max-height:calc(100% - 92px);mix-blend-mode:multiply}
.fb-plan-z{position:absolute;right:16px;bottom:16px;z-index:3;display:inline-flex;align-items:center;height:36px;padding:0 18px;border-radius:999px;background:rgba(255,255,255,.92);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 20px -12px rgba(61,30,25,.5);font:600 .78rem/1 var(--text);color:var(--terra-deep);white-space:nowrap}
@media (max-width:899px){.fb-plan{aspect-ratio:1/1;border-radius:22px;margin:0 0 24px}.fb-plan-z{right:14px;bottom:14px}}

/* téléphone : la feuille des pages Ads (Paolo, 27/10/2026 : « garder la façon d'apparaître des Ads, avec la feuille qui s'ouvre et qui se
   ferme, et les angles arrondis pour le héros ») : la feuille blanche du gabarit (fiche-panneau.css, comme la fiche des pages Ads) sur le
   fond aux P, sous le menu ; poignée et croix sur le héros ; glisser vers le bas ramène à la liste ; depuis une liste, elle monte par-dessus */
@media (max-width:899px){
 main.fb{background:transparent}
 .fb>.pf-panel,.pf-panel.fb{background:#fff}
 body.pc-fiche-page .fb>.pf-panel{margin-bottom:24px;border-radius:24px;overflow:clip}
 .pf-panel.fb{border-radius:24px 24px 0 0}
 .fb .mk-h{border-radius:24px 24px 0 0}
}

/* bien sans aucune photo : le héros du tour 11 sans image (fond brun, texte blanc), « Photos sur demande » et le bouton du site qui ouvre le
   contact ; le dossier de présentation sans vignette */
.mk-h.vide .fb-sans{margin:20px 0 14px;color:rgba(255,255,255,.86);font:600 .72rem/1.2 var(--text);letter-spacing:.14em;text-transform:uppercase}
.fb-dos.sans-img{grid-template-columns:1fr!important;padding-left:clamp(18px,4.3cqi,32px)!important}
@media (max-width:899px){
 .fb .mk-h.vide{height:auto;min-height:0;cursor:default}
 .fb .mk-h.vide .mk-g{position:relative;inset:auto;padding:76px var(--gutter) 28px}
}

/* chiffres clés : chaque carte garde la largeur d'une sur cinq (une sur quatre quand la cinquième s'efface), même quand le bien en a moins
   (un bureau : la seule superficie ne s'étire plus sur toute la ligne) ; bien sans accroche : pas de grand vide avant le titre suivant */
.fb-faits{grid-auto-columns:minmax(0,calc((100% - 48px)/5))}
@container (max-width:699px){.fb-faits{grid-auto-columns:minmax(0,calc((100% - 36px)/4))}}
.fb-lead-s>.fb-faits:last-child{margin-bottom:0}

/* téléphone : les boutons du dossier gardent la taille du composant du site (règle 1 : texte à 16 px au moins du bord ; ils passaient à
   10-12 px dans la carte étroite) ; s'ils ne tiennent pas sur une rangée, ils passent sur deux */
@media (max-width:599px){
 .fb-dos .fb-acts{flex-wrap:wrap;gap:10px}
 .fb-dos .fb-pill{height:42px;gap:9px;padding:0 20px 0 17px;font-size:.84rem}
 .fb-dos .fb-pill svg{width:17px;height:17px}
}
