/* privatanzeigen-sex.de — gabarit sexeannoncesastro (skin-3 « split », compo 2, fiche 2, dispo frise)
   Registre : PAPIER KRAFT & BORDEAUX, FILETS. Un colis soigné : fond kraft clair, cartes ivoire, filets doubles
   (bordeaux + brun) au-dessus des titres, étiquettes à coins coupés avec œillet perforé, photos sous passe-partout
   kraft à couture pointillée et arche haute, CTA en carte centrée à cœur filigrané. Ombres brunes douces.
   Palette : accent #8d2f2f (favicon) · kraft #efe4d2 / #e4d1b1 · ivoire #faf5ec · encre #2b1a15 · muet #5c463b
   · pied brun-bordeaux #3a1f1c / texte pied #ecdfcb. Titres Palatino/Georgia, corps Segoe UI. */

/* ---------- variables du gabarit, redéfinies pour tout le site ---------- */
html:not(#_) body.sa.skin-3 {
  --sa-accent: #8d2f2f; --sa-accent-txt: #fff8f0;
  --sa-fond: #efe4d2; --sa-fond2: #e4d1b1; --sa-surface: #faf5ec;
  --sa-texte: #2b1a15; --sa-muet: #5c463b;
  --sa-bord: #cdb48f; --sa-secondaire: #3a1f1c; --sa-secondaire-txt: #f4e8d6;
  --sa-tete: #faf5ec; --sa-tete-txt: #2b1a15;
  --sa-pied: #3a1f1c; --sa-pied-txt: #ecdfcb; --sa-like: #8d2f2f; /* le gabarit fige --sa-like sur le rose de :root */
  --sa-rayon: 6px; --sa-rayon-s: 4px;
  --sa-ombre: 0 1px 2px rgba(74, 44, 20, .08), 0 14px 30px -16px rgba(120, 60, 30, .35);
  --sa-police: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
  --sa-police-titre: "Palatino Linotype", Palatino, "Book Antiqua", Georgia, "Times New Roman", serif;
  --kraft-grain: repeating-linear-gradient(0deg, rgba(120, 80, 40, .035) 0 1px, transparent 1px 3px);
  --pk-etiquette: polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%);
  --pk-oeillet: radial-gradient(circle at 12px 50%, transparent 3px, rgba(255, 248, 240, .95) 3.5px, rgba(255, 248, 240, .95) 4.5px, transparent 5px);
  background-image: var(--kraft-grain);
}
html:not(#_) .skin-3 h1, html:not(#_) .skin-3 h2, html:not(#_) .skin-3 h3 { font-weight: 700; letter-spacing: -.005em; }
html:not(#_) .skin-3 .sa-h2, html:not(#_) .skin-3 .sa-tags__h, html:not(#_) .skin-3 .sa-side__h, html:not(#_) .skin-3 .sa-similaires__h, html:not(#_) .skin-3 .sa-membres__h {
  position: relative; padding-top: .55rem;
  border-top: 3px double var(--sa-accent);
}
html:not(#_) .skin-3 .sa-h2::after, html:not(#_) .skin-3 .sa-tags__h::after, html:not(#_) .skin-3 .sa-side__h::after, html:not(#_) .skin-3 .sa-similaires__h::after, html:not(#_) .skin-3 .sa-membres__h::after {
  content: ""; position: absolute; left: 0; top: -1px; width: 3.2rem; height: 3px; background: var(--sa-texte);
}

/* ---------- en-tête : bande ivoire, double filet bordeaux/brun, logo en étiquette ---------- */
html:not(#_) .skin-3 .sa-header { border-bottom: 0; background: var(--sa-tete); box-shadow: inset 0 -3px 0 var(--sa-accent), inset 0 -5px 0 var(--sa-tete), inset 0 -6px 0 var(--sa-texte); padding-bottom: 6px; }
html:not(#_) .skin-3 .sa-logo { letter-spacing: .1em; font-family: var(--sa-police-titre); font-weight: 700; }
html:not(#_) .skin-3 .sa-logo__mark { width: 40px; height: 28px; border-radius: 0; clip-path: var(--pk-etiquette); background: var(--sa-accent) var(--pk-oeillet); padding-left: 8px; font-size: .68rem; box-shadow: none; }
@media (min-width: 900px) {
  html:not(#_) .skin-3 .sa-nav li a { font-family: var(--sa-police); letter-spacing: .08em; font-size: .76rem; border-bottom: 2px dotted transparent; padding-bottom: .35rem; }
  html:not(#_) .skin-3 .sa-nav li a:hover, html:not(#_) .skin-3 .sa-nav li a.is-actif { border-bottom-color: var(--sa-accent); color: var(--sa-accent); }
}
@media (max-width: 899px) {
  html:not(#_) .skin-3 .sa-nav li a { border-top: 1px dotted var(--sa-bord); font-family: var(--sa-police-titre); font-size: 1.05rem; }
  html:not(#_) .skin-3 .sa-header__actions { padding-bottom: .6rem; }
}

/* ---------- boutons : bordeaux plein, ombre brune ; fantômes en filet ---------- */
html:not(#_) .skin-3 .sa-btn { border-radius: 4px; font-family: var(--sa-police); letter-spacing: .02em; }
html:not(#_) .skin-3 .sa-btn--accent { background: linear-gradient(180deg, #9a3838, #7f2626); border-color: #6e1f1f; box-shadow: 0 6px 16px -8px rgba(141, 47, 47, .75), inset 0 1px 0 rgba(255, 240, 230, .18); }
html:not(#_) .skin-3 .sa-btn--accent:hover { background: linear-gradient(180deg, #a34040, #892b2b); box-shadow: 0 8px 20px -8px rgba(141, 47, 47, .85), 0 0 0 3px rgba(141, 47, 47, .18); }
html:not(#_) .skin-3 .sa-btn--ghost { border: 1px solid var(--sa-texte); background: transparent; box-shadow: inset 0 0 0 3px var(--sa-surface), inset 0 0 0 4px var(--sa-bord); }
html:not(#_) .skin-3 .sa-btn--ghost:hover { border-color: var(--sa-accent); color: var(--sa-accent); box-shadow: inset 0 0 0 3px var(--sa-surface), inset 0 0 0 4px var(--sa-accent); }
html:not(#_) .skin-3 .sa-pastille { clip-path: var(--pk-etiquette); border: 0; padding-left: 1.2rem; padding-right: 1.1rem; background: var(--sa-surface) var(--pk-oeillet); box-shadow: inset 0 0 0 1px var(--sa-bord); }
html:not(#_) .skin-3 .sa-pastille:hover { background-color: color-mix(in srgb, var(--sa-accent) 10%, var(--sa-surface)); color: var(--sa-accent); }
html:not(#_) .skin-3 .sa-pastille .sa-badge { background: var(--sa-accent); color: var(--sa-accent-txt); }
html:not(#_) .skin-3 .sa-badge { background: color-mix(in srgb, var(--sa-accent) 12%, var(--sa-surface)); border: 1px solid var(--sa-bord); }

/* ---------- panneau photo collant (split) : passe-partout kraft, couture pointillée ---------- */
@media (min-width: 900px) {
  html:not(#_) .skin-3.sa-page-home .sa-split { box-shadow: inset 0 0 0 18px var(--sa-fond2), inset 0 0 0 19px var(--sa-bord), inset 0 0 0 26px var(--sa-fond2), inset 0 0 0 27px rgba(250, 245, 236, .8); }
  html:not(#_) .skin-3.sa-page-home .sa-split::after { content: ""; position: absolute; inset: 34px; border: 2px dashed rgba(250, 245, 236, .85); pointer-events: none; }
  html:not(#_) .skin-3.sa-page-home .sa-split::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(58, 31, 28, 0) 55%, rgba(58, 31, 28, .55)); pointer-events: none; }
}

/* ---------- hero (compo 2 : texte + formulaire) ---------- */
html:not(#_) .skin-3 .sa-hero__h1 { font-family: var(--sa-police-titre); font-weight: 700; letter-spacing: -.01em; }
html:not(#_) .skin-3 .sa-hero__sous { font-family: var(--sa-police-titre); font-style: italic; color: var(--sa-muet); }
html:not(#_) .skin-3 .sa-hero__etapes li::before { border-radius: 0; clip-path: var(--pk-etiquette); border: 0; background: var(--sa-accent); color: var(--sa-accent-txt); width: 2.3em; height: 1.7em; padding-left: .3em; }
html:not(#_) .skin-3 .sa-hero__form { background: var(--sa-surface); border: 1px solid var(--sa-bord); border-top: 3px double var(--sa-accent); border-radius: 4px 4px 14px 14px; box-shadow: var(--sa-ombre), inset 0 0 0 6px var(--sa-surface), inset 0 0 0 7px var(--sa-fond2); padding: 1.5rem 1.5rem 1.4rem; position: relative; }
html:not(#_) .skin-3 .sa-hero__form-h { font-family: var(--sa-police-titre); font-size: 1.3rem; }
html:not(#_) .skin-3 .sa-hero__form-p { font-style: italic; }

/* ---------- champs : papier ivoire, filet brun, focus bordeaux ---------- */
html:not(#_) .skin-3 .sa-form input[type="text"], html:not(#_) .skin-3 .sa-form input[type="email"], html:not(#_) .skin-3 .sa-form input[type="tel"], html:not(#_) .skin-3 .sa-form input[type="number"], html:not(#_) .skin-3 .sa-form input[type="search"], html:not(#_) .skin-3 .sa-form select, html:not(#_) .skin-3 .sa-form textarea {
  background: #fffdf8; border: 1px solid var(--sa-bord); border-bottom-width: 2px; border-radius: 3px; color: var(--sa-texte); box-shadow: inset 0 2px 4px rgba(120, 80, 40, .07);
}
html:not(#_) .skin-3 .sa-form input:focus, html:not(#_) .skin-3 .sa-form select:focus, html:not(#_) .skin-3 .sa-form textarea:focus { outline: 2px solid var(--sa-accent); outline-offset: 1px; border-color: var(--sa-accent); }
html:not(#_) .skin-3 .sa-form__lbl { font-family: var(--sa-police-titre); font-size: .95rem; }

/* ---------- thèmes (bloc + nuage) : bloc kraft à filets, mots en serif ---------- */
html:not(#_) .skin-3 .sa-tags { background: var(--sa-fond2) var(--kraft-grain); border: 0; border-block: 1px solid var(--sa-bord); border-radius: 0; box-shadow: inset 0 3px 0 var(--sa-surface), inset 0 -3px 0 var(--sa-surface); padding: 1.3rem 1.4rem 1.4rem; }
html:not(#_) .skin-3 .sa-tags__liste a { font-family: var(--sa-police-titre); color: var(--sa-texte); border-bottom: 1px dotted var(--sa-bord); }
html:not(#_) .skin-3 .sa-tags__liste a:hover, html:not(#_) .skin-3 .sa-tags__liste li.is-actif a { color: var(--sa-accent); border-bottom-color: var(--sa-accent); text-decoration: none; }
html:not(#_) .skin-3 .sa-tags__liste li[data-poids="5"] a, html:not(#_) .skin-3 .sa-tags__liste li[data-poids="4"] a { color: var(--sa-accent); font-style: italic; }
html:not(#_) .skin-3 .sa-tags--side, html:not(#_) .skin-3 .sa-side { background: var(--sa-surface); border: 1px solid var(--sa-bord); border-radius: 4px; box-shadow: var(--sa-ombre); }

/* ---------- lignes d'annonces : fiche ivoire, photo sous passe-partout kraft à arche, étiquette NEU ---------- */
html:not(#_) .skin-3 .sa-grille { gap: .9rem; }
html:not(#_) .skin-3 .sa-carte { background: var(--sa-surface); border: 1px solid var(--sa-bord); border-radius: 4px; padding: .9rem; box-shadow: var(--sa-ombre); transition: transform .2s ease, box-shadow .2s ease; }
html:not(#_) .skin-3 .sa-carte:hover { transform: translateY(-2px); box-shadow: 0 2px 4px rgba(74, 44, 20, .08), 0 20px 34px -16px rgba(120, 60, 30, .45); }
html:not(#_) .skin-3 .sa-carte::after { content: ""; position: absolute; left: .9rem; right: .9rem; bottom: .45rem; height: 3px; border-top: 1px solid var(--sa-bord); border-bottom: 1px solid var(--sa-bord); pointer-events: none; }
html:not(#_) .skin-3 .sa-carte__img { align-self: flex-start; border-radius: 60px 60px 4px 4px; background: var(--sa-fond2); padding: 6px; box-shadow: inset 0 0 0 1px var(--sa-bord); flex-basis: 108px; width: 108px; }
@media (min-width: 640px) { html:not(#_) .skin-3 .sa-carte__img { flex-basis: 140px; width: 140px; } }
html:not(#_) .skin-3 .sa-carte__img img { border-radius: 54px 54px 2px 2px; outline: 2px dashed rgba(250, 245, 236, .9); outline-offset: -8px; transition: transform .4s ease; }
html:not(#_) .skin-3 .sa-carte:hover .sa-carte__img img { transform: scale(1.04); }
html:not(#_) .skin-3 .sa-carte__new { top: .4rem; left: .1rem; border-radius: 0; clip-path: var(--pk-etiquette); padding: .25rem .75rem .25rem 1rem; background: var(--sa-accent) var(--pk-oeillet); box-shadow: none; letter-spacing: .08em; }
html:not(#_) .skin-3 .sa-carte__titre { font-family: var(--sa-police-titre); font-size: 1.18rem; }
html:not(#_) .skin-3 .sa-carte__pseudo { color: var(--sa-accent); font-family: var(--sa-police-titre); font-size: 1rem; }
html:not(#_) .skin-3 .sa-carte__extrait strong { color: var(--sa-muet); font-style: italic; font-weight: 500; }
html:not(#_) .skin-3 .sa-carte__pied { padding-bottom: .5rem; border-top: 1px dotted var(--sa-bord); padding-top: .4rem; }
html:not(#_) .skin-3 .sa-btn--carte { color: var(--sa-accent); text-decoration: underline dotted; text-underline-offset: .25em; font-family: var(--sa-police-titre); font-size: .95rem; }
html:not(#_) .skin-3 .sa-dernieres__plus > span { font-family: var(--sa-police-titre); font-style: italic; }

/* ---------- régions, arrivées, mag ---------- */
html:not(#_) .skin-3 .sa-regions { background: var(--sa-fond2) var(--kraft-grain); border-block: 1px solid var(--sa-bord); box-shadow: inset 0 3px 0 var(--sa-surface), inset 0 -3px 0 var(--sa-surface); }
html:not(#_) .skin-3 .sa-membres__avatar { border-radius: 36px 36px 3px 3px; border: 3px solid var(--sa-fond2); box-shadow: 0 0 0 1px var(--sa-bord), 0 6px 12px -6px rgba(120, 60, 30, .5); }
html:not(#_) .skin-3 .sa-membres__nom a { font-family: var(--sa-police-titre); }
html:not(#_) .skin-3 .sa-blog__item { background: var(--sa-surface); border: 1px solid var(--sa-bord); border-top: 3px double var(--sa-accent); border-radius: 4px; box-shadow: var(--sa-ombre); position: relative; }
html:not(#_) .skin-3 .sa-blog__item::before { content: ""; position: absolute; left: 0; top: -1px; width: 2.4rem; height: 3px; background: var(--sa-texte); }
html:not(#_) .skin-3 .sa-blog__titre { font-family: var(--sa-police-titre); }
html:not(#_) .skin-3 .sa-blog__date { font-style: italic; }

/* ---------- bandeau inscription (pages internes) : brun-bordeaux, texte ivoire ---------- */
html:not(#_) .skin-3 .sa-inscrire { --sa-texte: #f4e8d6; --sa-muet: #dcc9b0; --sa-bord: #7a5044; --sa-surface: #4a2925; background: linear-gradient(180deg, #46231f, #3a1f1c); color: #f4e8d6; border-top: 3px double #c9a37a; box-shadow: inset 0 6px 0 #3a1f1c, inset 0 7px 0 #c9a37a; }
html:not(#_) .skin-3 .sa-inscrire__h { font-family: var(--sa-police-titre); color: #fff8f0; }
html:not(#_) .skin-3 .sa-inscrire .sa-form input[type="email"], html:not(#_) .skin-3 .sa-inscrire .sa-form input[type="text"] { background: #fffdf8; color: #2b1a15; border-color: #c9a37a; }
html:not(#_) .skin-3 .sa-inscrire .sa-btn--accent { background: #f4e8d6; color: #7f2626; border-color: #f4e8d6; box-shadow: 0 8px 18px -8px rgba(0, 0, 0, .6); }
html:not(#_) .skin-3 .sa-inscrire .sa-btn--accent:hover { background: #fff8f0; }
html:not(#_) .skin-3 .sa-inscrire .sa-form__check a { color: #fff8f0; }

/* ---------- pied de page : brun-bordeaux profond, ivoire, double filet ---------- */
html:not(#_) .skin-3 .sa-liens { --sa-texte: #ecdfcb; --sa-bord: #6a4238; background: var(--sa-pied); color: var(--sa-pied-txt); border-top: 6px solid var(--sa-fond2); box-shadow: inset 0 3px 0 var(--sa-accent); padding-top: 2.4rem; }
html:not(#_) .skin-3 .sa-liens__marque { font-family: var(--sa-police-titre); color: #fff8f0; font-size: 1.5rem; }
html:not(#_) .skin-3 .sa-liens__h { color: #c9a37a; letter-spacing: .12em; border-bottom: 1px dotted #6a4238; padding-bottom: .3rem; }
html:not(#_) .skin-3 .sa-liens a { color: #ecdfcb; }
html:not(#_) .skin-3 .sa-liens a:hover { color: #fff8f0; }
html:not(#_) .skin-3 .sa-liens .sa-btn--ghost { color: #fff8f0; border-color: #c9a37a; box-shadow: none; }
html:not(#_) .skin-3 .sa-liens .sa-btn--ghost:hover { background: rgba(255, 248, 240, .08); }
@media (min-width: 768px) { html:not(#_) .skin-3 .sa-liens__col--apropos { border-right: 1px dotted #6a4238; } }
html:not(#_) .skin-3 .sa-footer__tail { background: #2f1816; color: #d6c6b0; border-top: 1px dotted #6a4238; }
html:not(#_) .skin-3 .sa-footer__legal a, html:not(#_) .skin-3 .sa-footer__haut a { color: #ecdfcb; text-decoration: underline dotted; text-underline-offset: .2em; }
html:not(#_) .skin-3 .sa-footer__disclaimer { color: #cbb99f; }

/* ---------- barre basse mobile : bordeaux, filet ivoire (position intouchée) ---------- */
html:not(#_) .skin-3 .sa-barre-mobile { background: linear-gradient(180deg, #9a3838, #7f2626); border-top: 3px double #f4e8d6; font-family: var(--sa-police-titre); letter-spacing: .03em; }

/* ---------- fil d'Ariane, pagination ---------- */
html:not(#_) .skin-3 .sa-crumbs { font-family: var(--sa-police-titre); font-style: italic; }
html:not(#_) .skin-3 .sa-crumbs li + li::before { content: "·"; }
html:not(#_) .skin-3 .sa-pagination li a, html:not(#_) .skin-3 .sa-pagination li span { border-radius: 3px; background: var(--sa-surface); }

/* ---------- fiche (disposition 2) : bandeau photo sous passe-partout, identité en étiquettes, CTA à cœur ---------- */
html:not(#_) .skin-3 .sa-fiche { background: var(--sa-surface); border: 1px solid var(--sa-bord); border-radius: 4px; padding: 1.2rem; box-shadow: var(--sa-ombre); }
@media (min-width: 640px) { html:not(#_) .skin-3 .sa-fiche { padding: 1.6rem; } }
html:not(#_) .skin-3 .sa-fiche__photo { background: var(--sa-fond2); padding: 10px; border-radius: 90px 90px 6px 6px; box-shadow: inset 0 0 0 1px var(--sa-bord), 0 12px 24px -14px rgba(120, 60, 30, .5); }
html:not(#_) .skin-3 .sa-fiche--2 .sa-fiche__photo img { aspect-ratio: 16 / 8; border-radius: 80px 80px 2px 2px; outline: 2px dashed rgba(250, 245, 236, .9); outline-offset: -12px; }
@media (max-width: 639px) { html:not(#_) .skin-3 .sa-fiche--2 .sa-fiche__photo img { aspect-ratio: 4 / 3; } }
@media (max-width: 639px) { html:not(#_) .skin-3 .sa-fiche--2 .sa-fiche__id > div { flex: 1 1 100%; justify-content: flex-start; } html:not(#_) .skin-3 .sa-fiche--2 .sa-fiche__id dt { white-space: nowrap; } html:not(#_) .skin-3 .sa-dispo--frise .sa-dispo__nom { font-size: .68rem; letter-spacing: -.01em; min-height: 3.3em; display: flex; align-items: flex-end; justify-content: center; } html:not(#_) .skin-3 .sa-fiche--2 .sa-fiche__id-like { flex-wrap: wrap; } html:not(#_) .skin-3 .sa-fiche--2 .sa-fiche__id-like dd { flex: 1 1 100%; } html:not(#_) .skin-3 .sa-fiche__id .sa-btn--like { white-space: nowrap; flex: none; } }
html:not(#_) .skin-3 .sa-fiche__titre { font-family: var(--sa-police-titre); font-weight: 700; }
html:not(#_) .skin-3 .sa-fiche__sur { font-style: italic; font-family: var(--sa-police-titre); }
html:not(#_) .skin-3 .sa-fiche--2 .sa-fiche__id > div { border: 0; border-radius: 0; clip-path: var(--pk-etiquette); background: var(--sa-fond2) var(--pk-oeillet); padding: .45rem 1rem .45rem 1.3rem; box-shadow: inset 0 0 0 1px var(--sa-bord); }
html:not(#_) .skin-3 .sa-fiche--2 .sa-fiche__id dt { color: var(--sa-muet); font-family: var(--sa-police-titre); font-style: italic; font-weight: 600; }
html:not(#_) .skin-3 .sa-fiche--2 .sa-fiche__id dd { font-weight: 700; }
html:not(#_) .skin-3 .sa-fiche__texte h2, html:not(#_) .skin-3 .sa-fiche__tags h3, html:not(#_) .skin-3 .sa-commentaires h2, html:not(#_) .skin-3 .sa-commentaires h3, html:not(#_) .skin-3 .sa-dispo__h { font-family: var(--sa-police-titre); border-top: 3px double var(--sa-accent); padding-top: .5rem; position: relative; }
html:not(#_) .skin-3 .sa-fiche__texte h2::after, html:not(#_) .skin-3 .sa-fiche__tags h3::after, html:not(#_) .skin-3 .sa-commentaires h2::after, html:not(#_) .skin-3 .sa-commentaires h3::after, html:not(#_) .skin-3 .sa-dispo__h::after { content: ""; position: absolute; left: 0; top: -1px; width: 2.6rem; height: 3px; background: var(--sa-texte); }
html:not(#_) .skin-3 .sa-fiche__texte p { font-size: 1.04rem; line-height: 1.65; }
html:not(#_) .skin-3 .sa-chip { background: var(--sa-fond2) var(--pk-oeillet); border: 0; border-radius: 0; clip-path: var(--pk-etiquette); padding: .45em 1em .45em 1.35em; font-family: var(--sa-police-titre); }
html:not(#_) .skin-3 label.sa-chip { background: var(--sa-fond2) var(--pk-oeillet); border: 0; }
html:not(#_) .skin-3 a.sa-chip:hover { background: color-mix(in srgb, var(--sa-accent) 10%, var(--sa-surface)); color: var(--sa-accent) !important; }
html:not(#_) .skin-3 label.sa-chip:has(input:checked) { background: var(--sa-accent); color: var(--sa-accent-txt) !important; }
html:not(#_) .skin-3 .sa-dispo { background: var(--sa-fond2) var(--kraft-grain); border: 1px solid var(--sa-bord); border-radius: 4px; box-shadow: inset 0 0 0 4px var(--sa-fond2), inset 0 0 0 5px rgba(250, 245, 236, .8); padding: 1rem 1.1rem 1.1rem; }
html:not(#_) .skin-3 .sa-dispo--frise .sa-dispo__creneaux li { background: rgba(250, 245, 236, .85); box-shadow: inset 0 0 0 1px var(--sa-bord); }
html:not(#_) .skin-3 .sa-dispo--frise .sa-dispo__creneaux li.is-on { background: var(--sa-accent); box-shadow: none; }
html:not(#_) .skin-3 .sa-dispo__jour.is-aujourdhui .sa-dispo__nom { text-decoration: underline dotted; text-underline-offset: .2em; }
html:not(#_) .skin-3 .sa-btn--like { border-radius: 4px; border-color: var(--sa-bord); background: var(--sa-surface); }
html:not(#_) .skin-3 .sa-btn--like:disabled { background: var(--sa-fond2); }
html:not(#_) .skin-3 .sa-cta {
  border: 1px solid var(--sa-bord); border-top: 3px double var(--sa-accent); border-radius: 4px 4px 18px 18px; text-align: center;
  background: var(--sa-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%238d2f2f' fill-opacity='.09' d='M12 21s-8-5.3-8-11a4.5 4.5 0 0 1 8-2.8A4.5 4.5 0 0 1 20 10c0 5.7-8 11-8 11z'/%3E%3C/svg%3E") right -20px bottom -24px / 150px no-repeat;
  padding: 1.6rem 1.4rem 1.5rem; box-shadow: var(--sa-ombre), inset 0 0 0 6px var(--sa-surface), inset 0 0 0 7px var(--sa-fond2); max-width: 560px; margin-inline: auto; width: 100%;
}
html:not(#_) .skin-3 .sa-cta__q { font-family: var(--sa-police-titre); font-size: 1.3rem; }
html:not(#_) .skin-3 .sa-cta__fleche { font-style: italic; }
html:not(#_) .skin-3 .sa-cta__btn .sa-btn { width: 100%; min-height: 50px; }
html:not(#_) .skin-3 .sa-commentaires { border-top: 0; }
html:not(#_) .skin-3 .sa-commentaires__ok { background: var(--sa-fond2); border: 1px dotted var(--sa-bord); color: var(--sa-texte); }
html:not(#_) .skin-3 .sa-commentaire { border-bottom: 1px dotted var(--sa-bord); }
html:not(#_) .skin-3 .sa-similaires { background: var(--sa-surface); border: 1px solid var(--sa-bord); border-radius: 4px; box-shadow: var(--sa-ombre); }
html:not(#_) .skin-3 .sa-similaires__img { border-radius: 28px 28px 2px 2px; background: var(--sa-fond2); padding: 3px; box-shadow: inset 0 0 0 1px var(--sa-bord); }
html:not(#_) .skin-3 .sa-similaires__img img { border-radius: 25px 25px 1px 1px; }
html:not(#_) .skin-3 .sa-similaires__titre a { font-family: var(--sa-police-titre); }
@media (max-width: 767px) { html:not(#_) .skin-3 .sa-fiche__barre { background: var(--sa-surface); border-top: 3px double var(--sa-accent); box-shadow: 0 -6px 18px rgba(74, 44, 20, .18); } }

/* ---------- dépôt : blocs à filets, légende en étiquette, tableau kraft ---------- */
html:not(#_) .skin-3 .sa-depot__bloc { background: var(--sa-surface); border: 1px solid var(--sa-bord); border-top: 3px double var(--sa-accent); border-radius: 4px; box-shadow: var(--sa-ombre); padding-top: 1.1rem; }
html:not(#_) .skin-3 .sa-depot__bloc legend { font-family: var(--sa-police-titre); font-size: 1.05rem; background: var(--sa-accent); color: var(--sa-accent-txt); padding: .25rem 1rem .25rem 1.25rem; clip-path: var(--pk-etiquette); background-image: var(--pk-oeillet); }
html:not(#_) .skin-3 .sa-depot__dispo th, html:not(#_) .skin-3 .sa-depot__dispo td { border: 1px dotted var(--sa-bord); }
html:not(#_) .skin-3 .sa-depot__dispo thead th { background: var(--sa-fond2); font-family: var(--sa-police-titre); }
html:not(#_) .skin-3 .sa-depot__apercu img { border-radius: 24px 24px 2px 2px; border: 3px solid var(--sa-fond2); box-shadow: 0 0 0 1px var(--sa-bord); }
html:not(#_) .skin-3 .sa-regles { color: var(--sa-muet); }
html:not(#_) .skin-3 .sa-recherche { background: var(--sa-surface); border: 1px solid var(--sa-bord); border-top: 3px double var(--sa-accent); border-radius: 4px; box-shadow: var(--sa-ombre); }
html:not(#_) .skin-3 .sa-vide, html:not(#_) .skin-3 .sa-commentaires__note { background: var(--sa-fond2); border: 1px dotted var(--sa-bord); color: var(--sa-texte); }

/* ---------- modales : boîte ivoire à double filet, croix bordeaux ---------- */
html:not(#_) .skin-3 .sa-consent, html:not(#_) .skin-3 .sa-popup { background: rgba(43, 26, 21, .8); }
html:not(#_) .skin-3 .sa-consent__box, html:not(#_) .skin-3 .sa-popup__box { background: var(--sa-surface) var(--kraft-grain); border: 1px solid var(--sa-bord); border-top: 4px double var(--sa-accent); border-radius: 4px 4px 18px 18px; box-shadow: 0 24px 60px rgba(0, 0, 0, .5), inset 0 0 0 6px var(--sa-surface), inset 0 0 0 7px var(--sa-fond2); }
html:not(#_) .skin-3 .sa-popup__titre, html:not(#_) .skin-3 .sa-consent__titre { font-family: var(--sa-police-titre); font-weight: 700; }
html:not(#_) .skin-3 .sa-popup__croix { background: var(--sa-fond2); color: var(--sa-texte); box-shadow: inset 0 0 0 1px var(--sa-bord); }
html:not(#_) .skin-3 .sa-popup__badge { background: var(--sa-accent); color: var(--sa-accent-txt); border: 0; clip-path: var(--pk-etiquette); border-radius: 0; padding: .3em 1em .3em 1.25em; }

/* ---------- mouvement réduit ---------- */
@media (prefers-reduced-motion: reduce) {
  html:not(#_) .skin-3 .sa-carte, html:not(#_) .skin-3 .sa-carte__img img { transition: none; }
  html:not(#_) .skin-3 .sa-carte:hover { transform: none; }
  html:not(#_) .skin-3 .sa-carte:hover .sa-carte__img img { transform: none; }
}