/* ALLO212 V163 - CHARTE « 212 » POUR TOUS LES VOLETS (Drive, Livreur, Dépannage, Ambulance, Travaux, Annonces, Immo,
   Hôtel, Emploi, MRE, Annuaire, Tous les services…) et les pages Allo212.
   Montserrat partout, pastilles arrondies, onglets en « gélule », champs doux, boutons en dégradé, cartes crème. */
:root{--c212-acc:#C25717;--c212-acc2:#E07A35;--c212-ink:#2A1A10;--c212-mute:#6B5646;--c212-line:#E3D3C3;--c212-cream:#FFF8F1;--c212-sand:#F3EAE0;--c212-font:Montserrat,'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif}
.h74-sheet,.h74-sheet button,.h74-sheet input,.h74-sheet select,.h74-sheet textarea,.h74-sheet a{font-family:var(--c212-font)}
.h74-sheet{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.h74-sheet-h h2{font-weight:800;letter-spacing:-.3px}
.h74-sheet-h p{font-weight:600}

/* petits logos 212 qui remplacent les émojis */
.mi212{display:inline-flex;vertical-align:middle;flex:none;margin-inline-end:7px;line-height:0}
.mi212 svg{display:block;filter:drop-shadow(0 2px 4px rgba(60,25,5,.18))}
.mi212.solo{margin:0}
.h74-sheet .has-mi{display:inline-flex;align-items:center}
.h74-sheet button.has-mi,.h74-sheet .sv-chips button:has(.mi212){padding-inline-start:6px}
.fd-empty i .mi212,.fd-empty i.has-mi{font-size:0}

/* titres de section */
.h74-sheet .sv-lbl,.h74-sheet .tg-h{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--c212-mute);margin:16px 2px 8px}

/* pastilles */
.h74-sheet .sv-chips{gap:8px}
.h74-sheet .sv-chips button{min-height:42px;padding:0 16px;border:0;border-radius:999px;background:#fff;color:var(--c212-ink);font-weight:700;font-size:13.5px;box-shadow:inset 0 0 0 1.5px var(--c212-line),0 2px 6px rgba(60,25,5,.05);transition:background .15s,box-shadow .15s,transform .1s}
.h74-sheet .sv-chips button:hover{box-shadow:inset 0 0 0 1.5px #D9B79A,0 3px 10px rgba(60,25,5,.08)}
.h74-sheet .sv-chips button:active{transform:scale(.96)}
.h74-sheet .sv-chips button[aria-pressed=true],.h74-sheet .sv-chips button.on{background:var(--c212-ink);color:#fff;box-shadow:0 6px 14px rgba(42,26,16,.25)}
.h74-sheet .sv-chips img{width:22px;height:22px;border-radius:7px;object-fit:cover}

/* onglets (Louer / Acheter / Publier, Je cherche / Je propose, En ville / Entre villes…) */
.h74-sheet .sv-seg{gap:4px;padding:5px;border-radius:20px;background:var(--c212-sand);box-shadow:inset 0 1px 3px rgba(60,25,5,.08)}
.h74-sheet .sv-seg button{min-height:48px;border-radius:16px;color:var(--c212-mute);transition:background .15s,color .15s,box-shadow .15s}
.h74-sheet .sv-seg button b{font-weight:800;font-size:14px}
.h74-sheet .sv-seg button[aria-selected=true]{background:#fff;color:var(--c212-ink);box-shadow:0 4px 12px rgba(60,25,5,.12)}
.h74-sheet .sv-seg button[aria-selected=true] b{color:var(--c212-acc)}

/* champs */
.h74-sheet .h74-f{border:0;border-radius:18px;padding:9px 14px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--c212-line);transition:box-shadow .15s}
.h74-sheet .h74-f:focus-within{box-shadow:inset 0 0 0 2px var(--c212-acc),0 0 0 4px rgba(194,87,23,.10)}
.h74-sheet .h74-f>span{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--c212-mute)}
.h74-sheet .h74-f input,.h74-sheet .h74-f select,.h74-sheet .h74-f textarea{font-weight:600!important;font-size:15.5px!important}
.h74-sheet .fd-q input,.h74-sheet input[type=search]{border:0;border-radius:18px;box-shadow:inset 0 0 0 1.5px var(--c212-line);background:#fff;font-weight:600}
.h74-sheet .fd-q input:focus,.h74-sheet input[type=search]:focus{outline:0;box-shadow:inset 0 0 0 2px var(--c212-acc),0 0 0 4px rgba(194,87,23,.10)}
.h74-sheet .fd-go{border-radius:16px;background:linear-gradient(135deg,var(--c212-acc2),var(--c212-acc));box-shadow:0 6px 14px rgba(194,87,23,.28)}

/* boutons */
.h74-sheet .h74-btn{border-radius:18px;background:linear-gradient(135deg,#D46A2A,var(--c212-acc));font-weight:800;letter-spacing:-.1px;box-shadow:0 10px 22px rgba(194,87,23,.26);transition:transform .1s,box-shadow .15s}
.h74-sheet .h74-btn:hover{box-shadow:0 12px 26px rgba(194,87,23,.34)}
.h74-sheet .h74-btn:active{transform:scale(.98)}
.h74-sheet .h74-btn.alt{background:#fff;color:var(--c212-ink)!important;box-shadow:inset 0 0 0 1.5px var(--c212-line),0 4px 12px rgba(60,25,5,.06)}
.h74-sheet .fx-link{font-weight:700;color:var(--c212-acc)}

/* cartes */
.h74-sheet .fx-card{border:0;border-radius:22px;background:var(--c212-cream);box-shadow:0 6px 18px rgba(60,25,5,.10),inset 0 0 0 1.5px rgba(194,87,23,.10);transition:transform .12s,box-shadow .15s}
.h74-sheet .fx-card:hover{background:#fff;box-shadow:0 10px 24px rgba(60,25,5,.14),inset 0 0 0 1.5px rgba(194,87,23,.22)}
.h74-sheet .fx-card b{font-weight:800}
.h74-sheet .fx-card-img{border-radius:16px}
.h74-sheet .uv-card{border-radius:22px;box-shadow:0 6px 18px rgba(60,25,5,.10),inset 0 0 0 1.5px rgba(194,87,23,.10)}
.h74-sheet .uv-card b{font-weight:800}
.h74-sheet .fx-banner{border-radius:24px;box-shadow:0 8px 20px rgba(60,25,5,.15)}
.h74-sheet .fx-banner b{font-weight:800;letter-spacing:-.3px}
.h74-sheet .h74-card .ph{border-radius:18px;box-shadow:0 6px 16px rgba(60,25,5,.10)}
.h74-sheet .h74-card b{font-weight:800}
.h74-sheet .an-search{border-radius:24px;background:linear-gradient(150deg,#B9865C,#6E4428)}

/* messages d'information */
.h74-sheet .fd-note{border-radius:16px;padding:10px 14px;font-weight:700;background:#FFF1E4;color:#7A3410;box-shadow:inset 0 0 0 1.5px rgba(194,87,23,.14)}
.h74-sheet .fd-note.ok{background:#E9F7EE;color:#0B6B3A;box-shadow:inset 0 0 0 1.5px rgba(11,107,58,.15)}
.h74-sheet .fd-empty{background:var(--c212-cream);border-radius:22px;padding:18px 12px;box-shadow:inset 0 0 0 1.5px rgba(194,87,23,.10)}
.h74-sheet .h74-err{font-weight:700}

/* calendrier */
.h74-sheet .dp{background:#fff;border-radius:22px;padding:12px;box-shadow:inset 0 0 0 1.5px var(--c212-line)}
.h74-sheet .dp-d{border-radius:14px;font-weight:700}
.h74-sheet .dp-nav{border-radius:12px}

/* compteur + / − */
.h74-sheet .fx-step button,.h74-sheet .px-b{border:0;background:#fff;box-shadow:inset 0 0 0 1.5px var(--c212-line),0 2px 6px rgba(60,25,5,.06);font-weight:800}

/* listes de pros (annuaire, hôtels…) */
.h74-sheet .pr{border-radius:20px;background:var(--c212-cream);box-shadow:0 6px 16px rgba(60,25,5,.08),inset 0 0 0 1.5px rgba(194,87,23,.10)}
.h74-sheet .pr-av{border-radius:15px;background:linear-gradient(135deg,var(--c212-acc2),var(--c212-acc));color:#fff;font-weight:800}
.h74-sheet .pr-b{border-radius:999px;font-weight:800}

/* défilement fin */
.h74-sheet *::-webkit-scrollbar{width:8px;height:8px}.h74-sheet *::-webkit-scrollbar-thumb{background:#DCC8B5;border-radius:99px}

/* pages Allo212 (compte, annonces, fiches…) : même police et mêmes boutons */
body.allo-seo,body.allo-seo button,body.allo-seo input,body.allo-seo select,body.allo-seo textarea{font-family:var(--c212-font)}

/* ===== V165 - EN-TÊTE ORDINATEUR : logo Allo212 calé à gauche, liens « Annuaire des pros 212 » et « MRE 212 » en pastilles ===== */
@media (min-width:1061px){
  html.a-express body header.a-header.a-header{width:auto!important;max-width:none!important;margin:0!important;padding:12px var(--hdr-r,clamp(20px,6vw,240px)) 12px var(--hdr-l,clamp(20px,6vw,240px))!important;gap:14px!important}
  html.a-express body header.a-header.a-header .a-categories{gap:8px!important;margin-inline-start:clamp(8px,1.5vw,28px)}
  html.a-express body header.a-header.a-header .a-categories a.a-svc.a-lnk212{display:inline-flex!important;align-items:center;gap:9px;padding:5px 15px 5px 5px!important;border-radius:999px!important;background:#fff!important;box-shadow:inset 0 0 0 1.5px #E9DACB,0 3px 10px rgba(60,25,5,.06)!important;color:#2A1A10!important;font-family:Montserrat,system-ui,sans-serif;font-size:13.5px!important;font-weight:800!important;letter-spacing:-.1px;text-decoration:none!important;transition:box-shadow .15s,transform .12s}
  html.a-express body header.a-header.a-header .a-categories a.a-svc.a-lnk212:hover{background:#fff!important;box-shadow:inset 0 0 0 1.5px #D9B79A,0 6px 16px rgba(60,25,5,.12)!important;transform:translateY(-1px)}
  html.a-express body header.a-header.a-header .a-lnk212 .a212-hlogo stop:first-child{stop-color:#E8894A}html.a-express body header.a-header.a-header .a-lnk212 .a212-hlogo stop:last-child{stop-color:#B5521A}html.a-express body header.a-header.a-header .a-lnk212 .a212-hlogo{width:30px!important;height:30px!important;border-radius:9px;filter:drop-shadow(0 3px 6px rgba(60,25,5,.18));box-shadow:none!important}
  html.a-express body header.a-header.a-header .a-lnk212 .b212-name em{font-style:normal;color:#C25717;margin-inline-start:1px}
}

/* ===== V165 - « Recherche en cours » (en bas à droite) : carte claire et fine, radar animé au lieu de l'émoji ===== */
html .lv212 .lv212-r{font-family:Montserrat,system-ui,sans-serif;border-radius:20px;padding:8px 14px 8px 8px;gap:12px}
html .lv212 .lv212-r.wait{background:rgba(255,248,241,.94);color:#2A1A10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 16px 34px -14px rgba(42,26,16,.45),inset 0 0 0 1.5px rgba(194,87,23,.18)}
html .lv212 .lv212-r .lv212-ic{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#FF9A4D,#C25717);box-shadow:0 6px 12px rgba(194,87,23,.3);overflow:visible}
html .lv212 .lv212-r .lv212-ic em{font-size:0;width:20px;height:20px;background:center/20px no-repeat}
html .lv212 .lv212-r.wait .lv212-ic em{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m20 20-4.4-4.4'/%3E%3C/svg%3E")}
html .lv212 .lv212-r.offer .lv212-ic em{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 12.6V4.2a.7.7 0 0 1 .7-.7h8.4l8.6 8.6a1 1 0 0 1 0 1.4l-7.6 7.6a1 1 0 0 1-1.4 0z'/%3E%3Ccircle cx='8.3' cy='8.3' r='1.7'/%3E%3C/svg%3E")}
html .lv212 .lv212-r.msg .lv212-ic em{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v11H9l-5 4z'/%3E%3C/svg%3E")}
html .lv212 .lv212-r.drv .lv212-ic em,html .lv212 .lv212-r.live .lv212-ic em{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.2 10.5 7 6.1A1.8 1.8 0 0 1 8.7 5h6.6a1.8 1.8 0 0 1 1.7 1.1l1.8 4.4'/%3E%3Crect x='3' y='10.5' width='18' height='6.5' rx='2'/%3E%3C/svg%3E")}
html .lv212 .lv212-r.wait .lv212-ic::before,html .lv212 .lv212-r.wait .lv212-ic::after{content:"";position:absolute;inset:0;border-radius:12px;box-shadow:0 0 0 0 rgba(194,87,23,.45);animation:lv165ping 2.2s ease-out infinite!important}
html .lv212 .lv212-r.wait .lv212-ic::after{animation-delay:1.1s!important}
@keyframes lv165ping{0%{box-shadow:0 0 0 0 rgba(194,87,23,.42)}100%{box-shadow:0 0 0 14px rgba(194,87,23,0)}}
html .lv212 .lv212-r .lv212-ic i{width:11px;height:11px;border:2px solid #FFF8F1;background:#2FCB6E}
html .lv212 .lv212-r.wait .lv212-t b{font-size:13.5px;font-weight:800;color:#2A1A10}
html .lv212 .lv212-r.wait .lv212-t small{font-size:11.5px;font-weight:600;color:#6B5646;opacity:1}
html .lv212 .lv212-w .lv212-x{width:28px;height:28px;right:8px;background:#F3EAE0;color:#6B5646;font:600 17px/1 Montserrat,system-ui,sans-serif;box-shadow:inset 0 0 0 1px #E3D3C3}
html .lv212 .lv212-w .lv212-x:hover{background:#2A1A10;color:#fff}
@media (min-width:1061px){html .lv212{right:24px;bottom:22px;width:340px}}
@media (prefers-reduced-motion:reduce){html .lv212 .lv212-r.wait .lv212-ic::before,html .lv212 .lv212-r.wait .lv212-ic::after{animation:none!important}}

/* ===== V166 - bouton « Vous êtes professionnel ? » : un reflet qui traverse de droite à gauche + flèche qui invite ===== */
.h74-join{position:relative;overflow:hidden}
.h74-join::after{content:"";position:absolute;top:0;bottom:0;width:45%;left:110%;background:linear-gradient(100deg,transparent 0%,rgba(255,248,241,.0) 15%,rgba(255,248,241,.55) 50%,rgba(255,248,241,0) 85%,transparent 100%);transform:skewX(-18deg);animation:join166 4.2s ease-in-out 1.5s infinite;pointer-events:none}
@keyframes join166{0%{left:110%}38%{left:-60%}100%{left:-60%}}
.h74-join .h74-join-cta{display:inline-block;animation:joincta166 4.2s ease-in-out 1.5s infinite}
@keyframes joincta166{0%,30%,60%,100%{transform:translateX(0)}40%{transform:translateX(-5px)}48%{transform:translateX(3px)}}
.h74-join .h74-join-i{animation:joini166 4.2s ease-in-out 1.5s infinite}
@keyframes joini166{0%,28%,100%{transform:scale(1)}36%{transform:scale(1.12) rotate(-6deg)}44%{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.h74-join::after,.h74-join .h74-join-cta,.h74-join .h74-join-i{animation:none}}

/* ===== V166 - téléphone : bouton « ⋮ » en haut à droite et son menu ===== */
.a-more{display:none}
@media (max-width:1060px){
  .a-header .a-more,.h74-top .a-more{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3.5px;flex:0 0 auto;width:42px;height:42px;margin-inline-start:2px;border:0;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1.5px #EADBCB,0 3px 10px rgba(60,25,5,.08);cursor:pointer;order:99;-webkit-tap-highlight-color:transparent}
  .a-header .a-more i,.h74-top .a-more i{display:block;width:4.5px;height:4.5px;border-radius:50%;background:#2A1A10}
  .a-header .a-more[aria-expanded=true],.h74-top .a-more[aria-expanded=true]{background:#2A1A10}.a-header .a-more[aria-expanded=true] i,.h74-top .a-more[aria-expanded=true] i{background:#fff}
  .h74-top .a-more{width:38px;height:38px;margin-inline-start:6px}
}
.a-more-menu{position:fixed;inset:0;z-index:99990;background:rgba(30,14,4,.38);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:flex-end;align-items:flex-start;padding:64px 10px 10px;animation:more166 .18s ease}
.a-more-menu[hidden]{display:none}
@keyframes more166{from{opacity:0}to{opacity:1}}
.a-more-card{width:min(380px,100%);background:#FFF8F1;border-radius:26px;padding:14px;box-shadow:0 24px 60px rgba(30,14,4,.35);font-family:Montserrat,system-ui,sans-serif;animation:morecard166 .24s cubic-bezier(.2,1.2,.4,1);transform-origin:top right}
@keyframes morecard166{from{opacity:0;transform:scale(.92) translateY(-6px)}to{opacity:1;transform:none}}
.a-more-h{margin:2px 6px 10px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#6B5646}.a-more-h b{color:#C25717}
.a-more-i{display:flex;align-items:center;gap:12px;padding:10px;margin:0 0 8px;border-radius:20px;background:#fff;color:#2A1A10!important;text-decoration:none!important;box-shadow:inset 0 0 0 1.5px rgba(194,87,23,.12),0 4px 12px rgba(60,25,5,.06)}
.a-more-i:active{transform:scale(.98)}
.a-more-i svg{flex:none;filter:drop-shadow(0 4px 8px rgba(60,25,5,.18))}
.a-more-i span{flex:1;min-width:0}.a-more-i b{display:block;font-size:15px;font-weight:800;letter-spacing:-.2px}.a-more-i b em{font-style:normal;color:#C25717}.a-more-i small{display:block;font-size:12px;font-weight:600;color:#6B5646;margin-top:2px;line-height:1.35}
.a-more-i>i{font-style:normal;font-size:22px;font-weight:700;color:#C25717}
.a-more-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px}
.a-more-row a{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 4px;border-radius:18px;background:#F3EAE0;color:#2A1A10!important;text-decoration:none!important;font-size:12.5px;font-weight:800}
.a-more-row a svg{color:#C25717}
@media (min-width:1061px){.a-more-menu{display:none!important}}
@media (max-width:520px){
  .h74-top{flex-wrap:nowrap}
  .h74-top .h74-acc{font-size:0!important;gap:0!important;padding:3px!important;min-width:0}
  .h74-top .h74-acc .h74-acc-ico{font-size:14px}
  .h74-top .a-more{flex:0 0 38px}
}

/* ===== V175 : Annuaire des pros : tout en ivoire et beige clair (fini le marron foncé) ===== */
.an-hero{position:relative;overflow:hidden;display:grid;gap:14px;margin:2px 0 14px;padding:20px 20px 16px;border-radius:24px;color:#2B2118;
  background:radial-gradient(90% 120% at 100% 0%,#FBEBDD 0%,transparent 60%),linear-gradient(160deg,#FFFDF9,#FAF4EC);border:1px solid #EFE4D6;box-shadow:0 1px 2px rgba(80,55,30,.04),0 16px 34px -20px rgba(120,80,40,.28)}
.an-hero::after{content:"";position:absolute;right:-26px;top:-26px;width:170px;height:170px;opacity:.5;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23E6C9A8' stroke-width='1.2'%3E%3Crect x='20' y='20' width='24' height='24'/%3E%3Crect x='20' y='20' width='24' height='24' transform='rotate(45 32 32)'/%3E%3Ccircle cx='32' cy='32' r='5'/%3E%3C/g%3E%3C/svg%3E") center/100% no-repeat}
.an-hero-t{position:relative;z-index:1;display:flex;flex-direction:column;gap:2px}
.an-live{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin-bottom:8px;padding:5px 11px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #EFE2D2;font:700 11px/1.2 Montserrat,Arial,sans-serif;letter-spacing:.03em;color:#8A6A4E}
.an-live i{width:7px;height:7px;border-radius:50%;background:#E3A15F;box-shadow:0 0 0 0 rgba(227,161,95,.6);animation:anPulse 2s infinite}
@keyframes anPulse{70%{box-shadow:0 0 0 8px rgba(227,161,95,0)}100%{box-shadow:0 0 0 0 rgba(227,161,95,0)}}
.an-big{font:800 clamp(40px,10vw,54px)/1 Montserrat,Arial,sans-serif;letter-spacing:-.035em;font-variant-numeric:tabular-nums;background:linear-gradient(135deg,#D9823F,#B9692E);-webkit-background-clip:text;background-clip:text;color:transparent}
.an-lbl{font:600 13.5px/1.4 Montserrat,Arial,sans-serif;color:#6F5E50}
.an-kpi{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.an-kpi>div{padding:10px 11px 9px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px #F0E5D8}
.an-kpi b{display:block;font:800 19px/1.1 Montserrat,Arial,sans-serif;font-variant-numeric:tabular-nums;color:#2B2118}
.an-kpi small{display:block;margin-top:3px;font:600 11px/1.3 Montserrat,Arial,sans-serif;color:#9A8676}
/* recherche claire */
.h74-sheet .an-search.ann{background:#fff!important;border:1px solid #EFE4D6;box-shadow:0 10px 26px -18px rgba(120,80,40,.3);color:#2B2118}
.h74-sheet .an-search.ann h3{color:#2B2118!important;font-size:18px}
.h74-sheet .an-search.ann input{background:#FBF7F2!important;border:1.5px solid #EDE1D3!important;color:#2B2118}
.h74-sheet .an-search.ann input:focus{border-color:#E3A15F!important;background:#fff!important}
.h74-sheet .an-search.ann .an-sug button{background:#FBF4EC;color:#5A4636}
.an-pop-h{margin:12px 0 7px;font:700 11px Montserrat,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#A89585}
.an-pop{display:flex;flex-wrap:wrap;gap:7px}
.an-pop button{padding:8px 13px;border:0;border-radius:999px;background:#FBF4EC;box-shadow:inset 0 0 0 1px #F1E4D5;color:#5A4636;font:700 12.5px Montserrat,Arial,sans-serif;cursor:pointer;transition:background .2s,box-shadow .2s}
.an-pop button:hover{background:#fff;box-shadow:inset 0 0 0 1.5px #E3A15F;color:#B9692E}
/* domaines : cartes sobres, ivoire, sans effet « bouton 3D » */
.h74-sheet .ann-fam{gap:10px}
.h74-sheet .ann-fam .uv-card{background:#fff!important;border:1px solid #F0E6DA!important;border-radius:20px!important;box-shadow:0 1px 2px rgba(80,55,30,.03)!important;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}
.h74-sheet .ann-fam .uv-card:hover{transform:translateY(-2px);border-color:#E9CFB2!important;box-shadow:0 14px 28px -16px rgba(120,80,40,.3)!important}
.h74-sheet .ann-fam .uv-img{background:linear-gradient(180deg,#FCF7F1,#F7EFE5)!important}
.h74-sheet .ann-fam .uv-card::after,.h74-sheet .ann-fam .uv-card .uv-go{opacity:.55}
.ann-fam .uv-txt{display:flex;flex-direction:column;gap:2px}
.ann-fam .uv-txt b{color:#2B2118}
.an-n{display:block;min-height:15px;font:600 11.5px/1.3 Montserrat,Arial,sans-serif;font-style:normal;color:#B9773F;font-variant-numeric:tabular-nums}
.an-n:empty::before{content:"";display:block;width:52px;height:9px;margin-top:3px;border-radius:6px;background:linear-gradient(90deg,#F4ECE2,#FBF6F0,#F4ECE2);background-size:200% 100%;animation:anSk 1.2s infinite linear}
.an-n.none::before{display:none}
@keyframes anSk{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.an-live i,.an-n:empty::before{animation:none}}
@media (max-width:380px){.an-kpi b{font-size:16px}.an-kpi small{font-size:10px}}
