/* erotische-kontaktanzeigen.de — registre « pêche & aubergine, cadres photo » (sexeannoncesastro, skin-5 / compo-4 / fiche-2 / chips)
   Palette : aubergine #5e2750 (favicon) · aubergine profonde #3a1732 · pêche #f5d6c2 · pêche pâle #fbeee4 · crème #fff8f2 · encre #2a1d26 · muet #6a5561 (5,5:1 min.)
   Composition : en-tête pêche à bord ondulé + logo en cadre · bandeau d'inscription aubergine semé de cœurs, formulaire en ARCHE · thèmes en PILULES ·
   annonces en CADRES droits à passe-partout (double liseré, zoom doux) · magazine en cartouches · arrivées en MÉDAILLONS · pied aubergine ·
   fiche : photo encadrée, identité en pilules, CTA en carte centrée sur cœurs. Les polaroids inclinés du skin sont redressés. Préfixe .sa.skin-5 = (0,3,0). */
.sa.skin-5 { --sa-accent: #5e2750; --sa-accent-txt: #fff8f2; --p: #3a1732; --pe: #f5d6c2; --pe2: #f9e4d6; --cr: #fff8f2; --li: color-mix(in srgb, #5e2750 22%, transparent);
  --sa-fond: #fbeee4; --sa-fond2: #f5d6c2; --sa-surface: #fff8f2; --sa-texte: #2a1d26; --sa-muet: #6a5561; --sa-bord: #e7c9bb; --sa-secondaire: #3a1732; --sa-secondaire-txt: #fbeee4;
  --sa-pied: #3a1732; --sa-pied-txt: #f0d3c4; --sa-like: #5e2750; --sa-rayon: 14px; --sa-rayon-s: 999px;
  --sa-police: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif; --sa-police-titre: Georgia, "Iowan Old Style", "Palatino Linotype", serif;
  --sa-ombre: 0 1px 2px rgba(94, 39, 80, .08), 0 14px 30px -14px rgba(94, 39, 80, .35);
  --cadre: 0 0 0 4px var(--cr), 0 0 0 5px var(--li), var(--sa-ombre);
  --coeurs: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cpath d='M20 32s-9-6-9-12a5 5 0 0 1 9-3 5 5 0 0 1 9 3c0 6-9 12-9 12zM60 72s-9-6-9-12a5 5 0 0 1 9-3 5 5 0 0 1 9 3c0 6-9 12-9 12z' fill='%23f5d6c2' fill-opacity='.09'/%3E%3C/svg%3E");
  --coeurs2: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cpath d='M20 32s-9-6-9-12a5 5 0 0 1 9-3 5 5 0 0 1 9 3c0 6-9 12-9 12zM60 72s-9-6-9-12a5 5 0 0 1 9-3 5 5 0 0 1 9 3c0 6-9 12-9 12z' fill='%235e2750' fill-opacity='.07'/%3E%3C/svg%3E"); }
body.sa.skin-5 { font-size: 16px; background: #fbeee4 radial-gradient(60rem 30rem at 100% -10%, #f5d6c2 0, transparent 70%) fixed; }
.sa.skin-5 h1, .sa.skin-5 h2, .sa.skin-5 h3, .sa.skin-5 .sa-h1, .sa.skin-5 .sa-h2, .sa.skin-5 .sa-fiche__titre, .sa.skin-5 .sa-tags__h, .sa.skin-5 .sa-side__h, .sa.skin-5 .sa-membres__h, .sa.skin-5 .sa-inscrire__h, .sa.skin-5 .sa-blog__titre, .sa.skin-5 .sa-carte__titre { font-family: var(--sa-police-titre); font-weight: 700; letter-spacing: -.01em; }
.sa.skin-5 .sa-h1::after, .sa.skin-5 .sa-regions .sa-h2::after, .sa.skin-5 .sa-blog .sa-h2::after { content: ""; display: block; width: 3.2rem; height: 4px; border-radius: 999px; background: linear-gradient(90deg, var(--sa-accent), var(--pe)); margin-top: .45rem; }

/* en-tête : bande pêche à bord ondulé, logo en cadre */
.sa.skin-5 .sa-header { background: var(--pe); border: 0; padding-bottom: .5rem; }
.sa.skin-5 .sa-header::after { content: ""; position: absolute; left: 0; right: 0; bottom: -13px; height: 14px; pointer-events: none; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 14' preserveAspectRatio='none'%3E%3Cpath d='M0 0h120v4c-15 0-15 9-30 9S75 4 60 4 45 13 30 13 15 4 0 4z' fill='%23f5d6c2'/%3E%3C/svg%3E") repeat-x 0 0 / 120px 14px; }
.sa.skin-5 .sa-header__in { align-items: center; padding-top: .5rem; }
.sa.skin-5 .sa-logo { transform: none; font-size: 1.3rem; color: var(--p); background: var(--cr); padding: .35rem .9rem .35rem .5rem; border: 1px solid var(--sa-accent); border-radius: 6px; box-shadow: 0 0 0 4px var(--cr), 0 0 0 5px color-mix(in srgb, var(--sa-accent) 45%, transparent), var(--sa-ombre); }
.sa.skin-5 .sa-logo__mark { display: inline-flex; border-radius: 4px; background: var(--sa-accent); color: var(--pe); width: 30px; height: 30px; font-size: .72rem; }
.sa.skin-5 .sa-nav li a { color: var(--p); font-family: var(--sa-police); font-weight: 600; border-color: color-mix(in srgb, var(--sa-accent) 22%, transparent); }
@media (min-width: 900px) { .sa.skin-5 .sa-nav li a { border-radius: 999px; padding: .45rem .8rem; font-size: .9rem; }
  .sa.skin-5 .sa-nav li a:hover, .sa.skin-5 .sa-nav li a.is-actif { background: var(--cr); color: var(--sa-accent); text-decoration: none; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sa-accent) 35%, transparent); } }
.sa.skin-5 .sa-burger { color: var(--p); }
.sa.skin-5 .sa-header .sa-btn--ghost { border-color: var(--sa-accent); color: var(--p); background: transparent; }
.sa.skin-5 .sa-header .sa-btn--ghost:hover { background: var(--cr); }

/* boutons : pilules aubergine à ombre colorée */
.sa.skin-5 .sa-btn { font-family: var(--sa-police); font-size: .95rem; border-radius: 999px; transform: none; }
.sa.skin-5 .sa-btn--accent { background: linear-gradient(180deg, #6d3060, var(--sa-accent)); border-color: transparent; color: #fff8f2; box-shadow: 0 8px 18px -8px rgba(94, 39, 80, .7); transform: none; }
.sa.skin-5 .sa-btn--accent:hover { box-shadow: 0 0 0 3px var(--li), 0 10px 22px -8px rgba(94, 39, 80, .75); }
.sa.skin-5 .sa-btn--carte { background: var(--pe2); color: var(--p); border-color: transparent; }
.sa.skin-5 .sa-btn--carte:hover { background: var(--pe); }
.sa.skin-5 .sa-btn--ghost { color: var(--p); border-color: color-mix(in srgb, var(--sa-accent) 40%, transparent); }
.sa.skin-5 .sa-pastille { border-radius: 999px; background: var(--cr); border: 1px solid var(--sa-bord); box-shadow: none; font-family: var(--sa-police); padding-inline: 1rem .55rem; }
.sa.skin-5 .sa-pastille:hover { border-color: var(--sa-accent); background: var(--pe2); }
.sa.skin-5 .sa-badge { background: var(--sa-accent); color: var(--pe); }

/* bandeau d'inscription : aubergine semé de cœurs, formulaire en arche */
.sa.skin-5 .sa-inscrire { background: var(--p) var(--coeurs) 0 0 / 80px 80px; color: var(--pe2); padding: 2.2rem 0 2.4rem; margin-top: .6rem; }
.sa.skin-5 .sa-inscrire__in { background: none; box-shadow: none; transform: none; padding: 0 var(--sa-gout); max-width: var(--sa-max); }
.sa.skin-5 .sa-inscrire__h { color: #fff8f2; font-size: clamp(1.4rem, 1.1rem + 1.4vw, 2rem); }
.sa.skin-5 .sa-inscrire__txt, .sa.skin-5 .sa-inscrire__txt p { color: var(--pe2); }
.sa.skin-5 .sa-inscrire__form { background: var(--cr); color: var(--sa-texte); border-radius: 130px 130px 18px 18px; padding: 2.4rem 1.4rem 1.4rem; box-shadow: 0 0 0 6px color-mix(in srgb, var(--pe) 30%, transparent), 0 24px 40px -20px rgba(0, 0, 0, .6); }
.sa.skin-5 .sa-inscrire__form::before { content: ""; display: block; width: 44px; height: 6px; border-radius: 999px; background: var(--pe); margin: -1rem auto 1rem; }
.sa.skin-5 .sa-inscrire .sa-form__lbl, .sa.skin-5 .sa-inscrire .sa-form__check { color: var(--sa-texte); }
.sa.skin-5 .sa-inscrire .sa-form__check a { color: var(--sa-accent); }
.sa.skin-5 .sa-inscrire--bloc { border-radius: var(--sa-rayon); margin-inline: var(--sa-gout); }
@media (min-width: 768px) { .sa.skin-5 .sa-inscrire--bandeau .sa-inscrire__in { grid-template-columns: 1.15fr .85fr; gap: 2.5rem; } }

/* thèmes : nuage → pilules pêche, les gros poids en aubergine */
.sa.skin-5 .sa-tags { background: var(--cr); border: 1px solid var(--sa-bord); box-shadow: var(--sa-ombre); border-radius: var(--sa-rayon); transform: none; }
.sa.skin-5 .sa-tags--nuage { margin-top: 2rem; padding: 1.4rem 1.4rem 1.5rem; }
.sa.skin-5 .sa-tags--nuage .sa-tags__liste { gap: .5rem .55rem; }
.sa.skin-5 .sa-tags__liste a, .sa.skin-5 .sa-tags__liste li:nth-child(2n) a { transform: none; font-family: var(--sa-police); border-radius: 999px; background: var(--pe2); color: var(--p); border: 1px solid transparent; padding: .38rem .85rem; font-weight: 600; }
.sa.skin-5 .sa-tags__liste a:hover, .sa.skin-5 .sa-tags__liste li.is-actif a { border-color: var(--sa-accent); color: var(--sa-accent); background: var(--cr); }
.sa.skin-5 .sa-tags--nuage .sa-tags__liste li[data-poids="1"] a { font-size: .85rem; opacity: 1; }
.sa.skin-5 .sa-tags--nuage .sa-tags__liste li[data-poids="4"] a, .sa.skin-5 .sa-tags--nuage .sa-tags__liste li[data-poids="5"] a { background: var(--sa-accent); color: var(--pe2); font-size: 1.05rem; }
.sa.skin-5 .sa-tags--nuage .sa-tags__liste li[data-poids="4"] a:hover, .sa.skin-5 .sa-tags--nuage .sa-tags__liste li[data-poids="5"] a:hover { color: #fff; border-color: var(--p); }
.sa.skin-5 .sa-tags--nuage .sa-badge { background: rgba(255, 248, 242, .55); color: inherit; font-size: .68rem; }
.sa.skin-5 .sa-tags--nuage li[data-poids="4"] .sa-badge, .sa.skin-5 .sa-tags--nuage li[data-poids="5"] .sa-badge { background: rgba(255, 248, 242, .22); }

/* annonces : cadres droits à passe-partout, double liseré, zoom doux */
.sa.skin-5 .sa-grille { padding: .2rem 0; gap: 1.6rem 1.3rem; }
.sa.skin-5 .sa-carte, .sa.skin-5 .sa-grille > .sa-carte:nth-child(2n), .sa.skin-5 .sa-grille > .sa-carte:nth-child(3n) { transform: none; background: var(--cr); border-radius: 6px; padding: 10px 10px 0; border: 1px solid color-mix(in srgb, var(--sa-accent) 30%, var(--sa-bord)); box-shadow: var(--cadre); transition: transform .25s ease, box-shadow .25s ease; }
.sa.skin-5 .sa-carte:hover { transform: translateY(-4px); box-shadow: 0 0 0 4px var(--cr), 0 0 0 5px var(--sa-accent), 0 22px 34px -16px rgba(94, 39, 80, .5); z-index: 2; }
.sa.skin-5 .sa-carte__img { border-radius: 2px; box-shadow: inset 0 0 0 1px rgba(58, 23, 50, .25), inset 0 2px 8px rgba(58, 23, 50, .18); }
.sa.skin-5 .sa-carte__img img { transition: transform .6s ease; }
.sa.skin-5 .sa-carte:hover .sa-carte__img img { transform: scale(1.05); }
.sa.skin-5 .sa-carte__new { border-radius: 999px; background: var(--pe); color: var(--p); top: .7rem; left: .7rem; box-shadow: 0 2px 6px rgba(58, 23, 50, .35); }
.sa.skin-5 .sa-carte__corps { padding: .8rem .35rem .9rem; }
.sa.skin-5 .sa-carte__qui { font-size: .85rem; }
@media (max-width: 719px) { .sa.skin-5 .sa-carte__titre { font-size: .95rem; } }
.sa.skin-5 .sa-carte__pseudo { color: var(--sa-accent); }
.sa.skin-5 .sa-carte__ville { font-size: .82rem; }
.sa.skin-5 .sa-carte__metas .sa-ico { color: var(--sa-accent); }
.sa.skin-5 .sa-dernieres__plus > span { font-family: var(--sa-police-titre); font-style: italic; color: var(--p); }

/* régions : pilules · magazine : cartouches · arrivées : médaillons */
.sa.skin-5 .sa-regions { padding: 2.2rem 0 1.2rem; }
.sa.skin-5 .sa-blog__item { transform: none; background: var(--cr); border-radius: 999px 18px 18px 999px; padding: 1.1rem 1.3rem 1.1rem 1.6rem; border-left: 6px solid var(--pe); box-shadow: var(--sa-ombre); }
.sa.skin-5 .sa-blog__item:hover { border-left-color: var(--sa-accent); }
.sa.skin-5 .sa-blog__titre a:hover { color: var(--sa-accent); }
.sa.skin-5 .sa-membres { padding: 1.6rem 0 2rem; }
.sa.skin-5 .sa-membres__avatar, .sa.skin-5 .sa-membres__liste li:nth-child(2n) .sa-membres__avatar { transform: none; border-radius: 50%; border: 3px solid var(--cr); box-shadow: 0 0 0 2px var(--pe), 0 0 0 3px color-mix(in srgb, var(--sa-accent) 45%, transparent), var(--sa-ombre); transition: transform .25s ease; }
.sa.skin-5 .sa-membres__avatar:hover { transform: scale(1.06); }
.sa.skin-5 .sa-membres__nom a { color: var(--p); }

/* pied : aubergine profonde, texte pêche */
.sa.skin-5 .sa-liens { background: var(--p); color: var(--pe2); padding: 2.4rem 0 1.6rem; border-radius: 28px 28px 0 0; }
.sa.skin-5 .sa-liens__grid { background: none; box-shadow: none; transform: none; padding: 0 var(--sa-gout); max-width: var(--sa-max); }
.sa.skin-5 .sa-liens__marque, .sa.skin-5 .sa-liens__h { color: #fff8f2; }
.sa.skin-5 .sa-liens__h { text-transform: uppercase; letter-spacing: .08em; font-family: var(--sa-police); font-size: .78rem; font-weight: 700; padding-bottom: .4rem; border-bottom: 1px solid color-mix(in srgb, var(--pe) 30%, transparent); margin-bottom: .7rem; }
.sa.skin-5 .sa-liens a { color: var(--pe2); }
.sa.skin-5 .sa-liens a:hover { color: #fff; }
.sa.skin-5 .sa-liens .sa-btn--ghost { color: #fff8f2; border-color: color-mix(in srgb, var(--pe) 55%, transparent); }
.sa.skin-5 .sa-liens .sa-btn--ghost:hover { background: rgba(255, 248, 242, .1); }
.sa.skin-5 .sa-footer__tail { background: #2b1025; color: var(--sa-pied-txt); border: 0; text-align: center; }
.sa.skin-5 .sa-footer__legal a, .sa.skin-5 .sa-footer__haut a { color: #fff8f2; }
.sa.skin-5 .sa-barre-mobile { background: linear-gradient(180deg, #6d3060, var(--sa-accent)); color: #fff8f2; }

/* listes */
.sa.skin-5 .sa-side, .sa.skin-5 .sa-similaires { background: var(--cr); border: 1px solid var(--sa-bord); box-shadow: var(--sa-ombre); border-radius: var(--sa-rayon); }
.sa.skin-5 .sa-similaires__img { border-radius: 4px; box-shadow: 0 0 0 2px var(--cr), 0 0 0 3px color-mix(in srgb, var(--sa-accent) 35%, transparent); }
.sa.skin-5 .sa-crumbs { background: var(--pe2); display: inline-block; padding: .3rem .9rem; border-radius: 999px; margin-top: 1.2rem; max-width: 100%; }
.sa.skin-5 .sa-crumbs a, .sa.skin-5 .sa-crumbs span { color: var(--p); }
.sa.skin-5 .sa-pagination li a, .sa.skin-5 .sa-pagination li span { border-radius: 999px; background: var(--cr); }

/* fiche : photo encadrée, identité en pilules pêche, CTA en carte centrée sur cœurs */
.sa.skin-5 .sa-fiche { background: var(--cr); border: 1px solid var(--sa-bord); border-radius: var(--sa-rayon); padding: 1.4rem; }
.sa.skin-5 .sa-fiche__photo, .sa.skin-5 .sa-fiche--2 .sa-fiche__photo { transform: none; background: var(--cr); padding: 10px; border-radius: 6px; border: 1px solid color-mix(in srgb, var(--sa-accent) 30%, var(--sa-bord)); box-shadow: var(--cadre); margin: 5px; }
.sa.skin-5 .sa-fiche__photo img { border-radius: 2px; box-shadow: inset 0 0 0 1px rgba(58, 23, 50, .25); }
.sa.skin-5 .sa-fiche__sur { color: var(--sa-accent); font-weight: 600; }
.sa.skin-5 .sa-fiche--2 .sa-fiche__id > div { background: var(--pe2); border: 1px solid transparent; color: var(--p); }
.sa.skin-5 .sa-btn--like { border-radius: 999px; background: var(--cr); }
.sa.skin-5 .sa-dispo { background: var(--pe2); border: 0; border-radius: var(--sa-rayon); padding: 1rem 1.1rem 1.1rem; }
.sa.skin-5 .sa-dispo--chips .sa-dispo__jour { background: var(--cr); border-color: transparent; }
.sa.skin-5 .sa-chip { transform: none; border-radius: 999px; background: var(--pe2); color: var(--p) !important; }
.sa.skin-5 a.sa-chip:hover { border-color: var(--sa-accent); background: var(--cr); }
.sa.skin-5 .sa-cta { transform: none; background: var(--cr) var(--coeurs2) 0 0 / 80px 80px; border: 1px solid color-mix(in srgb, var(--sa-accent) 30%, var(--sa-bord)); border-radius: 22px; padding: 1.8rem 1.4rem 1.6rem; max-width: 560px; margin-inline: auto; width: 100%; box-shadow: var(--cadre); }
.sa.skin-5 .sa-cta__q { font-family: var(--sa-police-titre); font-size: 1.3rem; color: var(--p); }
.sa.skin-5 .sa-cta__fleche { color: var(--sa-accent); font-style: italic; }
.sa.skin-5 .sa-cta .sa-btn { width: 100%; }
.sa.skin-5 .sa-commentaires { border-top: 1px dashed var(--sa-bord); }
.sa.skin-5 .sa-commentaires__note { background: var(--pe2); border: 0; border-radius: var(--sa-rayon); color: var(--sa-muet); }
@media (max-width: 767px) { .sa.skin-5 .sa-fiche__barre { background: var(--cr); border-top: 1px solid var(--sa-bord); box-shadow: 0 -8px 20px rgba(58, 23, 50, .18); } }

/* formulaires : champs crème en pilule, blocs de dépôt en cadres */
.sa.skin-5 .sa-form input[type="text"], .sa.skin-5 .sa-form input[type="email"], .sa.skin-5 .sa-form input[type="tel"], .sa.skin-5 .sa-form input[type="number"], .sa.skin-5 .sa-form input[type="search"], .sa.skin-5 .sa-form select { border-radius: 999px; padding-inline: 1rem; background: #fff; }
.sa.skin-5 .sa-form textarea { border-radius: 14px; background: #fff; }
.sa.skin-5 .sa-depot__bloc { background: var(--cr); border: 1px solid color-mix(in srgb, var(--sa-accent) 30%, var(--sa-bord)); border-radius: 8px; box-shadow: 0 0 0 4px var(--cr), 0 0 0 5px color-mix(in srgb, var(--sa-accent) 18%, transparent); margin-block: .6rem; }
.sa.skin-5 .sa-depot__bloc legend { background: var(--sa-accent); color: var(--pe2); border-radius: 999px; padding: .2rem .9rem; font-family: var(--sa-police); font-size: .88rem; }
.sa.skin-5 .sa-depot__dispo thead th { background: var(--pe2); }
.sa.skin-5 .sa-recherche { background: var(--cr); border-radius: var(--sa-rayon); }
.sa.skin-5 .sa-regles { background: var(--pe2); padding: .8rem 1rem .8rem 2rem; border-radius: 12px; }

/* pop-ups : crème, arche */
.sa.skin-5 .sa-consent__box, .sa.skin-5 .sa-popup__box { border-radius: 26px; background: var(--cr); box-shadow: 0 0 0 6px color-mix(in srgb, var(--pe) 45%, transparent), 0 24px 60px rgba(0, 0, 0, .5); }
.sa.skin-5 .sa-popup__titre { color: var(--p); }
.sa.skin-5 .sa-popup__croix { background: var(--pe2); color: var(--p); }
@media (prefers-reduced-motion: reduce) { .sa.skin-5 .sa-carte, .sa.skin-5 .sa-carte__img img, .sa.skin-5 .sa-membres__avatar { transition: none; } }