/* sie-sucht-ihn-anzeigen.de — habillage « ivoire & prune, médaillons » (gabarit sexeannoncesastro, skin-4 catalogue, compo-4)
   Palette : accent prune #6a1b5c (favicon) · prune claire #8e3a7e · prune profonde #4c1042 · ivoire #f8f1e8 (page) ·
   ivoire clair #fffcf7 (surfaces) · sable #efe3d9 · encre prune #2b1725 · muet #6e5466 · bord prune-rosé #e6d3dc.
   Formes signature : (1) MÉDAILLONS — photos ovales à double anneau prune (cartes, fiche, arrivées, logo, similaires) ;
   (2) bord DENTELÉ (festons) sous l'en-tête et au-dessus du pied ; (3) PILULES — boutons, chips, pastilles de région,
   pagination ; (4) cartouches ivoire aux angles doux (cartes, thèmes, identité de la fiche, blog) ; (5) cœur SVG en filigrane
   dans la carte CTA. Titres en serif (Georgia) non capitalisés, petites capitales prune pour les libellés seulement.
   La feuille écrit PAR-DESSUS le skin-4 : préfixe .sa.skin-4 (0,3,0) > .skin-4 .x (0,2,0). */
.sa.skin-4{--sa-fond:#f8f1e8;--sa-fond2:#efe3d9;--sa-surface:#fffcf7;--sa-bord:#e6d3dc;--sa-texte:#2b1725;--sa-muet:#6e5466;--sa-tete:#fffcf7;--sa-tete-txt:#2b1725;--sa-pied:#2a1424;--sa-pied-txt:#e8d9e2;--sa-secondaire:#5c1650;--sa-secondaire-txt:#fbf3f8;--sa-like:#6a1b5c;--sa-rayon:18px;--sa-rayon-s:12px;--sa-police:"Helvetica Neue",Helvetica,Arial,"Liberation Sans",sans-serif;--sa-police-titre:Georgia,"Palatino Linotype","Book Antiqua","Times New Roman",serif;--sa-ombre:0 1px 2px rgba(106,27,92,.06),0 14px 34px -18px rgba(106,27,92,.35);--pr:#6a1b5c;--pr-clair:#8e3a7e;--pr-profond:#4c1042;--pr-55:#b48dad;--pr-30b:#d0b1c3;--anneau:0 0 0 3px var(--sa-surface),0 0 0 5px var(--pr-55)}
body.sa.skin-4{background:var(--sa-fond);background-image:radial-gradient(ellipse 60% 40% at 100% 0,color-mix(in srgb,var(--pr) 7%,transparent),transparent 70%)}
.sa.skin-4 h1,.sa.skin-4 h2,.sa.skin-4 h3{text-transform:none;letter-spacing:0;font-family:var(--sa-police-titre);font-weight:700;color:var(--sa-texte)}
.sa.skin-4 .sa-h1{font-size:clamp(1.6rem,1.1rem + 1.8vw,2.4rem)}
.sa.skin-4 .sa-h2{font-size:clamp(1.35rem,1.05rem + 1.1vw,1.9rem)}
.sa.skin-4 .sa-h2::after{content:"";display:block;width:58px;height:4px;border-radius:4px;margin-top:.4em;background:linear-gradient(90deg,var(--pr),color-mix(in srgb,var(--pr) 35%,#fff))}
.sa.skin-4 .sa-h2 .sa-ico,.sa.skin-4 .sa-h3 .sa-ico{color:var(--pr)}
.sa.skin-4 .sa-intro{font-family:var(--sa-police-titre);font-style:italic;font-size:1.08rem;color:var(--sa-muet)}
.sa.skin-4 .sa-btn{border-radius:999px;text-transform:none;letter-spacing:.01em;font-size:.92rem;font-weight:700}
.sa.skin-4 .sa-btn--accent{background:linear-gradient(135deg,var(--pr-clair),var(--pr) 55%,var(--pr-profond));border-color:transparent;color:#fff;box-shadow:0 8px 20px -10px rgba(106,27,92,.7)}
.sa.skin-4 .sa-btn--accent:hover{box-shadow:0 10px 24px -10px rgba(106,27,92,.85),0 0 0 3px color-mix(in srgb,var(--pr) 18%,transparent)}
.sa.skin-4 .sa-btn--ghost{border-color:color-mix(in srgb,var(--pr) 45%,var(--sa-bord));color:var(--pr);background:var(--sa-surface)}
.sa.skin-4 .sa-btn--carte{background:var(--pr);color:#fff;font-size:.88rem;min-height:40px;box-shadow:0 6px 16px -8px rgba(106,27,92,.7)}
.sa.skin-4 .sa-header{background:var(--sa-tete);border-bottom:0;box-shadow:0 6px 18px -14px rgba(106,27,92,.35)}
.sa.skin-4 .sa-header::after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:9px;pointer-events:none;background:radial-gradient(circle at 50% 0,var(--sa-tete) 7px,transparent 7.6px) 0 0 / 18px 9px repeat-x}
.sa.skin-4 .sa-logo{text-transform:none;letter-spacing:0;font-family:var(--sa-police-titre);font-size:1.2rem;font-weight:700;color:var(--pr-profond)}
.sa.skin-4 .sa-logo__mark{border-radius:50%;background:linear-gradient(135deg,var(--pr-clair),var(--pr-profond));color:#fff;box-shadow:var(--anneau);width:32px;height:32px;font-size:.72rem;margin-right:.3rem}
.sa.skin-4 .sa-burger{color:var(--pr)}
.sa.skin-4 .sa-nav li a{color:var(--sa-texte);border-top-color:var(--sa-bord)}
.sa.skin-4 .sa-nav li a:hover,.sa.skin-4 .sa-nav li a.is-actif{color:var(--pr)}
@media (min-width:900px){.sa.skin-4 .sa-nav li a{text-transform:uppercase;letter-spacing:.08em;font-size:.74rem;border-radius:999px;padding:.5rem .7rem;color:var(--sa-texte)}
.sa.skin-4 .sa-nav li a:hover,.sa.skin-4 .sa-nav li a.is-actif{background:color-mix(in srgb,var(--pr) 10%,transparent);color:var(--pr-profond)}
}
.sa.skin-4 .sa-inscrire{position:relative;overflow:hidden;color:var(--sa-secondaire-txt);background:radial-gradient(ellipse 45% 80% at 88% 50%,rgba(255,255,255,.13),transparent 60%),linear-gradient(120deg,var(--pr-profond),var(--pr) 55%,var(--pr-clair));border-radius:0 0 46px 46px;box-shadow:0 18px 40px -24px rgba(76,16,66,.8)}
.sa.skin-4 .sa-inscrire::before{content:"";position:absolute;right:-90px;bottom:-150px;width:260px;height:320px;border-radius:50%;border:18px solid rgba(255,255,255,.06);pointer-events:none}
.sa.skin-4 .sa-inscrire--bandeau{padding:2.2rem 0 2.4rem}
.sa.skin-4 .sa-inscrire--bloc{border-radius:0}
.sa.skin-4 .sa-inscrire__h{text-transform:none;letter-spacing:0;font-family:var(--sa-police-titre);font-size:clamp(1.5rem,1.1rem + 1.6vw,2.2rem);color:#fff}
.sa.skin-4 .sa-inscrire__txt{color:var(--sa-secondaire-txt)}
.sa.skin-4 .sa-inscrire .sa-form__lbl{color:#fff}
.sa.skin-4 .sa-inscrire .sa-form__check{color:var(--sa-secondaire-txt)}
.sa.skin-4 .sa-inscrire .sa-form input[type="email"]{border-radius:999px;padding-inline:1.1rem;border-color:transparent;background:var(--sa-surface);color:var(--sa-texte)}
.sa.skin-4 .sa-inscrire .sa-btn--accent{background:var(--sa-surface);color:var(--pr-profond);box-shadow:0 8px 20px -10px rgba(0,0,0,.5)}
.sa.skin-4 .sa-tags--nuage{margin:2rem auto 0;max-width:calc(var(--sa-max) - 2 * var(--sa-gout));border:1px solid var(--sa-bord);border-top-width:1px;border-radius:var(--sa-rayon);background:var(--sa-surface);padding:1.4rem 1.4rem 1.6rem;box-shadow:var(--sa-ombre)}
.sa.skin-4 .sa-tags__h{text-transform:none;letter-spacing:0;font-size:1.35rem}
.sa.skin-4 .sa-tags--nuage .sa-tags__liste a{text-transform:none;letter-spacing:0;color:var(--pr-profond);padding:.15rem .35rem;border-radius:999px}
.sa.skin-4 .sa-tags--nuage .sa-tags__liste li[data-poids="5"] a{color:var(--pr)}
.sa.skin-4 .sa-badge{background:var(--pr);color:#fff;border-radius:999px;font-size:.7rem;min-width:1.5em}
.sa.skin-4 .sa-grille{gap:1rem;border-top:0}
.sa.skin-4 .sa-carte{background:var(--sa-surface);border:1px solid var(--sa-bord);border-radius:var(--sa-rayon);padding:1rem 1.1rem;box-shadow:var(--sa-ombre);align-items:center;transition:transform .25s ease,box-shadow .25s ease}
.sa.skin-4 .sa-carte:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(106,27,92,.06),0 22px 40px -20px rgba(106,27,92,.45)}
.sa.skin-4 .sa-carte__img{flex:0 0 96px;width:96px;aspect-ratio:4 / 5;border-radius:50%;overflow:visible;background:none;align-self:center;margin:.3rem .2rem .6rem .3rem}
@media (max-width:639px){.sa.skin-4 .sa-carte{flex-direction:column;align-items:stretch}
.sa.skin-4 .sa-carte__img{width:108px;flex-basis:auto;margin:.2rem auto .8rem}
.sa.skin-4 .sa-carte__titre{font-size:1.08rem}
.sa.skin-4 .sa-carte__pied{justify-content:space-between}
}
@media (min-width:640px){.sa.skin-4 .sa-carte__img{flex-basis:128px;width:128px;margin:.4rem .3rem .7rem .4rem}
}
.sa.skin-4 .sa-carte__img img{border-radius:50%;box-shadow:var(--anneau);background:var(--sa-fond2);transition:transform .4s ease}
.sa.skin-4 .sa-carte:hover .sa-carte__img img{transform:scale(1.04)}
.sa.skin-4 .sa-carte--sans-photo .sa-carte__img img{padding:22%;background:var(--sa-fond2)}
.sa.skin-4 .sa-carte__new{top:auto;bottom:-.35rem;left:50%;transform:translateX(-50%);border-radius:999px;background:var(--pr);color:#fff;font-size:.62rem;padding:.18rem .55rem;box-shadow:0 0 0 2px var(--sa-surface)}
.sa.skin-4 .sa-carte__pseudo{color:var(--pr-profond)}
.sa.skin-4 .sa-carte__titre{font-family:var(--sa-police-titre);font-size:1.18rem;line-height:1.25}
.sa.skin-4 .sa-carte__titre a{color:var(--sa-texte)}
.sa.skin-4 .sa-carte__titre a:hover{color:var(--pr);text-decoration:none}
.sa.skin-4 .sa-carte__metas .sa-ico{color:var(--pr-clair)}
@media (min-width:720px){.sa.skin-4 .sa-carte__pied{border-left:1px dashed var(--pr-30b);padding-left:1.1rem;flex-basis:160px}
}
.sa.skin-4 .sa-regions{border-top:0;padding-top:2.2rem}
.sa.skin-4 .sa-pastille{border:1px solid var(--sa-bord);border-radius:999px;background:var(--sa-surface);padding:.45rem .55rem .45rem 1rem;text-transform:none;letter-spacing:0;font-size:.92rem;color:var(--sa-texte);box-shadow:0 1px 2px rgba(106,27,92,.05);transition:border-color .15s ease,background-color .15s ease}
.sa.skin-4 .sa-blog__liste{gap:1rem}
.sa.skin-4 .sa-blog__item{border:1px solid var(--sa-bord);border-top-width:1px;border-radius:var(--sa-rayon);background:var(--sa-surface);padding:1.2rem 1.3rem 1.3rem;box-shadow:var(--sa-ombre);position:relative}
.sa.skin-4 .sa-blog__item::before{content:"";position:absolute;left:0;top:1.2rem;bottom:1.2rem;width:4px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,var(--pr-clair),var(--pr))}
.sa.skin-4 .sa-blog__titre{text-transform:none;letter-spacing:0;font-size:1.15rem}
.sa.skin-4 .sa-blog__titre a{color:var(--pr-profond)}
.sa.skin-4 .sa-membres__h{text-transform:none;letter-spacing:0;font-size:1.3rem}
.sa.skin-4 .sa-membres__avatar{border-radius:50%;border:0;box-shadow:var(--anneau);background:var(--sa-fond2)}
.sa.skin-4 .sa-membres__nom a{color:var(--pr-profond)}
.sa.skin-4 .sa-liens{position:relative;background:var(--sa-pied);color:var(--sa-pied-txt);padding:2.6rem 0 1.6rem}
.sa.skin-4 .sa-liens::before{content:"";position:absolute;left:0;right:0;top:0;height:9px;pointer-events:none;background:radial-gradient(circle at 50% 100%,var(--sa-fond) 7px,transparent 7.6px) 0 0 / 18px 9px repeat-x}
.sa.skin-4 .sa-liens__marque{text-transform:none;letter-spacing:0;font-family:var(--sa-police-titre);font-size:1.35rem;color:#fff}
.sa.skin-4 .sa-liens__h{color:#e9c3dc;letter-spacing:.14em;font-size:.78rem;font-weight:700}
.sa.skin-4 .sa-liens a{color:#f3e8ee}
.sa.skin-4 .sa-liens .sa-btn--ghost{color:#fff;border-color:rgba(255,255,255,.4);background:transparent}
.sa.skin-4 .sa-footer__tail{background:var(--sa-pied);color:#d6c4cf;border-top-color:rgba(255,255,255,.12)}
.sa.skin-4 .sa-footer__legal a,.sa.skin-4 .sa-footer__haut a{color:#f3e8ee}
.sa.skin-4 .sa-barre-mobile{background:linear-gradient(90deg,var(--pr-profond),var(--pr));color:#fff;box-shadow:0 -4px 16px rgba(76,16,66,.35)}
.sa.skin-4 .sa-fiche__barre{background:var(--sa-surface);border-top:1px solid var(--sa-bord);box-shadow:0 -6px 18px rgba(106,27,92,.16)}
.sa.skin-4 .sa-side,.sa.skin-4 .sa-tags--side,.sa.skin-4 .sa-similaires{border:1px solid var(--sa-bord);border-top-width:1px;border-radius:var(--sa-rayon);background:var(--sa-surface);padding:1.1rem 1.2rem 1.2rem;box-shadow:var(--sa-ombre)}
.sa.skin-4 .sa-side__h,.sa.skin-4 .sa-similaires__h{text-transform:none;letter-spacing:0;font-size:1.15rem}
.sa.skin-4 .sa-tags__liste a{text-transform:none;letter-spacing:0;font-size:.92rem;color:var(--sa-texte);border-bottom-color:var(--sa-bord)}
.sa.skin-4 .sa-tags__liste a:hover,.sa.skin-4 .sa-tags__liste li.is-actif a{color:var(--pr)}
.sa.skin-4 .sa-similaires__img{width:58px;height:58px;border-radius:50%;box-shadow:0 0 0 2px var(--sa-surface),0 0 0 3px color-mix(in srgb,var(--pr) 45%,#fff);margin:2px}
.sa.skin-4 .sa-similaires__titre{text-transform:none;letter-spacing:0;font-size:.95rem}
.sa.skin-4 .sa-similaires__titre a{color:var(--pr-profond)}
.sa.skin-4 .sa-crumbs li + li::before{content:"·";color:var(--pr-clair)}
.sa.skin-4 .sa-pagination li a,.sa.skin-4 .sa-pagination li span{border-radius:999px;border-color:var(--sa-bord);background:var(--sa-surface)}
.sa.skin-4 .sa-pagination li.is-actif span{background:var(--pr);border-color:var(--pr);color:#fff}
.sa.skin-4 .sa-pagination a:hover{border-color:var(--pr);color:var(--pr)}
.sa.skin-4 .sa-fiche{background:var(--sa-surface);border:1px solid var(--sa-bord);border-radius:24px;padding:1.3rem;box-shadow:var(--sa-ombre);overflow:visible}
@media (min-width:640px){.sa.skin-4 .sa-fiche{padding:1.6rem 1.8rem 1.8rem}
}
.sa.skin-4 .sa-fiche__sur{color:var(--pr);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:700}
.sa.skin-4 .sa-fiche__titre{font-family:var(--sa-police-titre);line-height:1.2}
.sa.skin-4 .sa-fiche__photo{border-radius:50%;box-shadow:var(--anneau);background:var(--sa-fond2);max-width:250px;margin:.5rem auto .8rem;overflow:hidden}
@media (max-width:639px){.sa.skin-4 .sa-fiche__photo{max-width:168px;margin:.3rem auto .6rem}
.sa.skin-4 .sa-fiche{padding:1.1rem 1rem}
}
.sa.skin-4 .sa-fiche__photo img{aspect-ratio:4 / 5}
@media (min-width:640px){.sa.skin-4 .sa-fiche--1{grid-template-columns:260px minmax(0,1fr);column-gap:1.6rem}
.sa.skin-4 .sa-fiche__photo{margin-top:.3rem}
}
.sa.skin-4 .sa-fiche__id{background:var(--sa-fond);border-radius:var(--sa-rayon);padding:.5rem 1.1rem .7rem;align-self:start}
.sa.skin-4 .sa-fiche__id>div{border-top:1px solid var(--sa-bord);padding:.6rem 0}
.sa.skin-4 .sa-fiche__id>div:first-child{border-top:0}
.sa.skin-4 .sa-fiche__id dt{color:var(--pr);letter-spacing:.1em}
.sa.skin-4 .sa-fiche__id dd a{color:var(--pr);font-weight:600}
.sa.skin-4 .sa-fiche__texte h2,.sa.skin-4 .sa-fiche__tags h3{text-transform:none;letter-spacing:0;font-size:1.3rem}
.sa.skin-4 .sa-fiche__texte h2 .sa-ico,.sa.skin-4 .sa-fiche__tags h3 .sa-ico,.sa.skin-4 .sa-dispo__h .sa-ico{color:var(--pr)}
.sa.skin-4 .sa-chip{border-radius:999px;border:1px solid var(--pr-30b);background:color-mix(in srgb,var(--pr) 7%,var(--sa-surface));color:var(--pr-profond) !important;text-transform:none;letter-spacing:0;font-size:.86rem;padding:.35em .9em}
.sa.skin-4 label.sa-chip:has(input:checked){background:var(--pr);color:#fff !important;border-color:var(--pr)}
.sa.skin-4 .sa-dispo{background:var(--sa-fond);border:0;border-radius:var(--sa-rayon);padding:1rem 1.1rem 1.1rem}
.sa.skin-4 .sa-dispo__h{text-transform:none;letter-spacing:0;font-size:1.1rem}
.sa.skin-4 .sa-dispo--chips .sa-dispo__jour{background:var(--sa-surface);border:1px solid var(--sa-bord);border-radius:999px}
.sa.skin-4 .sa-dispo__jour.is-aujourdhui{border-color:color-mix(in srgb,var(--pr) 45%,var(--sa-bord));box-shadow:0 0 0 3px color-mix(in srgb,var(--pr) 10%,transparent)}
.sa.skin-4 .sa-dispo__jour.is-aujourdhui .sa-dispo__nom{color:var(--pr)}
.sa.skin-4 .sa-dispo--chips .sa-dispo__creneaux li{border-color:color-mix(in srgb,var(--pr) 35%,transparent)}
.sa.skin-4 .sa-dispo--chips .sa-dispo__creneaux li.is-on{background:var(--pr);border-color:var(--pr)}
.sa.skin-4 .sa-cta{max-width:560px;margin:.4rem auto 0;justify-self:center;width:100%;border:1px solid var(--pr-30b);border-radius:24px;padding:1.6rem 1.5rem 1.5rem;position:relative;overflow:hidden;background:linear-gradient(160deg,color-mix(in srgb,var(--pr) 9%,var(--sa-surface)),var(--sa-surface) 70%);box-shadow:0 16px 36px -22px rgba(106,27,92,.5)}
.sa.skin-4 .sa-cta::before{content:"";position:absolute;right:-22px;top:-26px;width:150px;height:150px;pointer-events:none;opacity:.09;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%236a1b5c' 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") center / contain no-repeat}
.sa.skin-4 .sa-cta__q{font-family:var(--sa-police-titre);font-size:1.3rem;position:relative}
.sa.skin-4 .sa-cta .sa-btn{width:100%;max-width:420px;position:relative}
.sa.skin-4 .sa-commentaires{border-top:1px solid var(--sa-bord);padding-top:1rem}
.sa.skin-4 .sa-commentaires .sa-h2,.sa.skin-4 .sa-commentaires .sa-h3{text-transform:none;letter-spacing:0}
.sa.skin-4 .sa-commentaires__note{background:var(--sa-fond);border:1px dashed var(--pr-30b);border-radius:var(--sa-rayon-s);color:var(--sa-muet)}
.sa.skin-4 .sa-form :is(input:not([type=checkbox]),select,textarea){border-radius:var(--sa-rayon-s);border-color:var(--sa-bord);background:var(--sa-surface);color:var(--sa-texte)}
.sa.skin-4 .sa-form :is(input,select,textarea):focus{outline-color:var(--pr)}
.sa.skin-4 .sa-depot__bloc{border:1px solid var(--sa-bord);border-radius:var(--sa-rayon);background:var(--sa-surface);box-shadow:var(--sa-ombre)}
.sa.skin-4 .sa-depot__bloc legend{font-family:var(--sa-police-titre);color:var(--pr-profond);text-transform:none;letter-spacing:0}
.sa.skin-4 .sa-depot__apercu img{border-radius:50%;box-shadow:var(--anneau)}
.sa.skin-4 .sa-consent__box,.sa.skin-4 .sa-popup__box{border:1px solid color-mix(in srgb,var(--pr) 25%,var(--sa-bord));border-radius:24px;background:var(--sa-surface);color:var(--sa-texte);box-shadow:0 30px 70px rgba(30,6,26,.55)}
.sa.skin-4 .sa-popup__titre,.sa.skin-4 .sa-consent__titre{text-transform:none;letter-spacing:0;font-family:var(--sa-police-titre);color:var(--pr-profond)}
.sa.skin-4 .sa-popup__croix{background:color-mix(in srgb,var(--pr) 8%,var(--sa-surface));color:var(--pr-profond)}
@media (prefers-reduced-motion:reduce){.sa.skin-4 .sa-carte,.sa.skin-4 .sa-carte__img img,.sa.skin-4 .sa-pastille{transition:none}
.sa.skin-4 .sa-carte:hover{transform:none}
.sa.skin-4 .sa-carte:hover .sa-carte__img img{transform:none}
}
