/* sexo-casual-espana.es — registre « esparto y cestería » (vannerie tressée)
   Gabarit annoncesastro-v2, skin 4 + compo 3 réécrits.
   Palette : accent #8d6e63 (favicon) → brun tressé #6d4c41 / #4e342e pour le texte et les boutons ;
   neutre chaud esparto #efe4cf, paille #e9d8b4, ivoire #fffaf1 ; encre #2b1f19.
   Formes signature : panier spiralé (logo, puces, numéros), bandeaux-sangles en pilule, vignettes en arche
   cerclées de paille, tresse en zigzag sous l'en-tête et sur le pied, trame croisée de vannerie, cœur en filigrane. */

html:not(#_) body.aa.skin-4 {
  --aa-teinte: #8d6e63; --aa-primaire: #6d4c41; --aa-primaire-fonce: #4e342e; --aa-primaire-txt: #fff;
  --aa-page: #efe4cf; --aa-fond: #fffaf1; --aa-surface: #fffaf1; --aa-surface-2: #f6ecd9;
  --aa-bord: #e0cfae; --aa-texte: #2b1f19; --aa-muet: #6a5646; --aa-lien: #6d4c41;
  --aa-tete: #3b2a20; --aa-tete-txt: #fbf3e3; --aa-barre: #4e3a2c;
  --aa-bande: #e9d8b4; --aa-bande-txt: #3b2a20; --aa-bande-bord: #8d6e63;
  --aa-secondaire: #5d4037; --aa-secondaire-txt: #fff;
  --aa-pied: #2e211a; --aa-pied-txt: #e6d7bf; --aa-ok: #5f6f2e;
  --aa-rayon: 16px; --aa-rayon-s: 10px;
  --aa-ombre: 0 2px 4px rgba(78, 52, 46, .07), 0 14px 30px -18px rgba(109, 76, 65, .45);
  --aa-police: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --aa-police-titre: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;
  --cs-paille: #e2c48f; --cs-paille-c: #f1e2c3; --cs-jonc: #a67c4e;
  --cs-trame: repeating-linear-gradient(45deg, rgba(226, 196, 143, .08) 0 6px, transparent 6px 12px),
              repeating-linear-gradient(-45deg, rgba(0, 0, 0, .16) 0 6px, transparent 6px 12px);
  --cs-spirale: repeating-radial-gradient(circle at 50% 50%, #e2c48f 0 2px, #a67c4e 2px 3.5px, #e2c48f 3.5px 5px);
  background-color: var(--aa-page);
  background-image: repeating-linear-gradient(45deg, rgba(166, 124, 78, .05) 0 10px, transparent 10px 20px),
                    repeating-linear-gradient(-45deg, rgba(166, 124, 78, .05) 0 10px, transparent 10px 20px);
  color: var(--aa-texte);
}

/* --- en-tête : vannerie sombre + tresse ------------------------------------------------- */
html:not(#_) body.skin-4 .aa-header { background-color: var(--aa-tete); background-image: var(--cs-trame); box-shadow: none; }
html:not(#_) body.skin-4 .aa-header::after { content: ""; position: absolute; left: 0; right: 0; bottom: -7px; height: 8px; pointer-events: none;
  background: linear-gradient(135deg, var(--cs-paille) 33%, transparent 33%) 0 0 / 14px 8px,
              linear-gradient(225deg, var(--cs-paille) 33%, transparent 33%) 0 0 / 14px 8px; }
html:not(#_) body.skin-4 .aa-logo__mark { width: 36px; height: 36px; border-radius: 50%; background: var(--cs-spirale);
  box-shadow: 0 0 0 2px #3b2a20, 0 0 0 4px var(--cs-paille); }
html:not(#_) body.skin-4 .aa-logo__txt { font-weight: 700; letter-spacing: .01em; }
html:not(#_) body.skin-4 .aa-header .aa-header__cta { background: var(--cs-paille); color: #2b1f19; border-color: #c9a46a; border-radius: 999px; box-shadow: 0 6px 16px -8px rgba(0,0,0,.6); }
html:not(#_) body.skin-4 .aa-nav { background: transparent; border-top: 1px solid rgba(226, 196, 143, .18); }
html:not(#_) body.skin-4 .aa-nav a { border-radius: 999px 999px 0 0; color: #fbf3e3; }
html:not(#_) body.skin-4 .aa-nav a:hover { background: rgba(226, 196, 143, .14); }
html:not(#_) body.skin-4 .aa-nav a.is-actif { background: var(--aa-fond); color: var(--aa-texte); border-bottom-color: transparent; }
html:not(#_) body.skin-4 .aa-burger { border-color: rgba(226, 196, 143, .45); border-radius: 50%; }
@media (max-width: 859px) {
  html:not(#_) body.skin-4 .aa-nav { background: #3b2a20; }
  html:not(#_) body.skin-4 .aa-nav a { border-radius: 10px; }
}

/* --- conteneur ---------------------------------------------------------------------- */
html:not(#_) body.skin-4 .aa-main > .aa-wrap { background: var(--aa-fond); border-color: var(--aa-bord); border-radius: 0 0 22px 22px; box-shadow: var(--aa-ombre); }

/* --- bandeaux = sangles tressées en pilule ---------------------------------------------- */
html:not(#_) body.skin-4 .aa-h2, html:not(#_) body.skin-4 .aa-side__h, html:not(#_) body.skin-4 .aa-bande, html:not(#_) body.skin-4 .aa-depot__bloc legend {
  background-color: var(--aa-bande); color: var(--aa-bande-txt);
  background-image: repeating-linear-gradient(90deg, rgba(166, 124, 78, .14) 0 2px, transparent 2px 9px);
  border: 1px solid #d6bd8c; border-left: 1px solid #d6bd8c; border-radius: 999px; padding: .45rem 1rem .45rem .55rem;
  font-family: var(--aa-police-titre); letter-spacing: .05em; box-shadow: inset 0 -2px 0 rgba(166, 124, 78, .25); }
html:not(#_) body.skin-4 .aa-h2::before, html:not(#_) body.skin-4 .aa-side__h::before, html:not(#_) body.skin-4 .aa-bande .aa-bande__txt::before, html:not(#_) body.skin-4 .aa-depot__bloc legend::before {
  content: ""; flex: none; width: 18px; height: 18px; border-radius: 50%; background: var(--cs-spirale); box-shadow: 0 0 0 1.5px #6d4c41; }
html:not(#_) body.skin-4 .aa-h2 .aa-ico, html:not(#_) body.skin-4 .aa-side__h .aa-ico, html:not(#_) body.skin-4 .aa-bande .aa-ico { color: #6d4c41; }
html:not(#_) body.skin-4 .aa-bande__droite a { color: #4e342e; }

/* --- hero : panier ouvert ------------------------------------------------------------ */
html:not(#_) body.skin-4 .aa-hero { position: relative; overflow: hidden; border: 1px solid var(--aa-bord); border-left: 1px solid var(--aa-bord); border-radius: 24px 24px 24px 6px;
  background-color: #fbf1df;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%238d6e63' fill-opacity='.13' d='M12 21l-1.4-1.3C5.4 15 2 12 2 8.4 2 5.4 4.4 3 7.4 3c1.7 0 3.4.8 4.6 2.1C13.2 3.8 14.9 3 16.6 3 19.6 3 22 5.4 22 8.4c0 3.6-3.4 6.6-8.6 11.3L12 21z'/%3E%3C/svg%3E"),
                    linear-gradient(135deg, #fffaf1 40%, #f1e2c3);
  background-repeat: no-repeat; background-position: right -12px bottom -30px, 0 0; background-size: 104px, auto;
  box-shadow: 0 16px 34px -24px rgba(109, 76, 65, .6); padding-right: 1.4rem; }
html:not(#_) body.skin-4 .aa-hero::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 6px;
  background: repeating-linear-gradient(90deg, #a67c4e 0 12px, #e2c48f 12px 24px); opacity: .8; }
html:not(#_) body.skin-4 .aa-hero .aa-h1 { font-family: var(--aa-police-titre); color: #3b2a20; }
html:not(#_) body.skin-4 .aa-hero .aa-intro { color: #4a382d; }
html:not(#_) body.skin-4 .aa-hero__chiffres span { background: #fffaf1; border: 1.5px dashed #c9a46a; color: #4e342e; }

/* --- liste d'annonces ------------------------------------------------------------------ */
html:not(#_) body.skin-4 .aa-ligne { border-bottom: 0; background-image: linear-gradient(90deg, transparent, #d6bd8c 15%, #d6bd8c 85%, transparent); background-size: 100% 1px; background-repeat: no-repeat; background-position: bottom; border-radius: 14px; }
html:not(#_) body.skin-4 .aa-ligne:hover { background-color: #fbf1df; }
html:not(#_) body.skin-4 .aa-ligne__img { border-radius: 60px 60px 12px 12px; border: 0; padding: 3px; background: linear-gradient(160deg, #e2c48f, #a67c4e); box-shadow: 0 8px 16px -10px rgba(78, 52, 46, .7); }
html:not(#_) body.skin-4 .aa-ligne__img img { border-radius: 57px 57px 9px 9px; transition: transform .35s ease; }
html:not(#_) body.skin-4 .aa-ligne:hover .aa-ligne__img img { transform: scale(1.06); }
html:not(#_) body.skin-4 .aa-ligne__cat { color: #6d4c41; }
html:not(#_) body.skin-4 .aa-ligne__new, html:not(#_) body.skin-4 .aa-fiche__new { background: #5f6f2e; border-radius: 999px; padding-inline: .55rem; }
html:not(#_) body.skin-4 .aa-ligne__titre a { color: #4e342e; font-family: var(--aa-police-titre); }
html:not(#_) body.skin-4 .aa-ligne__titre a:hover { color: #2b1f19; }
html:not(#_) body.skin-4 .aa-ligne__lire { border-radius: 999px; border-color: #8d6e63; color: #4e342e; background: #fffaf1; }
html:not(#_) body.skin-4 .aa-ligne__nb { background: #3b2a20; color: #fbf3e3; border-radius: 999px; }

/* --- boutons ----------------------------------------------------------------------- */
html:not(#_) body.skin-4 .aa-btn { border-radius: 999px; }
html:not(#_) body.skin-4 .aa-btn--primaire { background: linear-gradient(180deg, #7a5547, #5d4037); border-color: #4e342e; color: #fff; box-shadow: 0 8px 18px -10px rgba(78, 52, 46, .8), inset 0 1px 0 rgba(255,255,255,.18); }
html:not(#_) body.skin-4 .aa-btn--secondaire { background: #fffaf1; color: #4e342e; border-color: #8d6e63; }
html:not(#_) body.skin-4 select, html:not(#_) body.skin-4 input[type="text"], html:not(#_) body.skin-4 input[type="email"], html:not(#_) body.skin-4 input[type="number"], html:not(#_) body.skin-4 textarea {
  background-color: #fffdf8; border-color: #d6bd8c; border-radius: 12px; color: #2b1f19; }
html:not(#_) body.skin-4 select:focus, html:not(#_) body.skin-4 input:focus, html:not(#_) body.skin-4 textarea:focus { border-color: #6d4c41; box-shadow: 0 0 0 3px rgba(141, 110, 99, .22); }

/* --- colonne latérale : toile de lin cousue -------------------------------------------- */
html:not(#_) body.skin-4 .aa-side { background: #f6ecd9; border: 1px solid #e0cfae; border-radius: 20px; box-shadow: inset 0 0 0 5px #f6ecd9, inset 0 0 0 6px rgba(166, 124, 78, .35); padding: 1rem 1rem 1.05rem; }
html:not(#_) body.skin-4 .aa-side__liste li::before { width: 9px; height: 9px; top: .7em; background: var(--cs-spirale); box-shadow: 0 0 0 1px #6d4c41; }
html:not(#_) body.skin-4 .aa-side__liste li a { color: #3b2a20; }
html:not(#_) body.skin-4 .aa-side__liste li.is-actif a { color: #6d4c41; }
html:not(#_) body.skin-4 .aa-side__nb { background: #fffaf1; color: #4e342e; border-radius: 999px; }
html:not(#_) body.skin-4 .aa-side__p, html:not(#_) body.skin-4 .aa-side__aide { color: #5a4739; }

/* --- composition 3 : catégories en grandes cases-paniers ------------------------------- */
html:not(#_) body.skin-4 .aa-liens li { background: #fffaf1; border: 1px solid #e0cfae; border-radius: 14px; }
html:not(#_) body.skin-4 .aa-liens li::before { width: 4px; background: repeating-linear-gradient(180deg, #a67c4e 0 5px, #e2c48f 5px 10px); border-radius: 14px 0 0 14px; }
html:not(#_) body.skin-4.aa-compo-3 .aa-liens--cats li { border-radius: 40px 14px 14px 40px; padding: .7rem .9rem .7rem 3rem; box-shadow: 0 8px 18px -14px rgba(109, 76, 65, .7); }
html:not(#_) body.skin-4.aa-compo-3 .aa-liens--cats li::before { top: 50%; bottom: auto; left: .7rem; width: 28px; height: 28px; transform: translateY(-50%); border-radius: 50%; background: var(--cs-spirale); box-shadow: 0 0 0 2px #6d4c41; }
html:not(#_) body.skin-4 .aa-liens li a { color: #2b1f19; }
html:not(#_) body.skin-4 .aa-liens li a:hover { color: #6d4c41; }

/* --- étapes : numéros en panier ---------------------------------------------------- */
html:not(#_) body.skin-4 .aa-etapes li { background: #fffaf1; border-color: #e0cfae; border-radius: 18px; }
html:not(#_) body.skin-4 .aa-etapes li::before { background: #6d4c41; box-shadow: 0 0 0 3px #fffaf1, 0 0 0 5px #e2c48f; }

/* --- pagination, chips, fil d'Ariane ---------------------------------------------------- */
html:not(#_) body.skin-4 .aa-pagination a, html:not(#_) body.skin-4 .aa-pagination span { border-radius: 999px; border-color: #d6bd8c; }
html:not(#_) body.skin-4 .aa-pagination .is-actif { background: #6d4c41; color: #fff; border-color: #4e342e; }
html:not(#_) body.skin-4 .aa-chips li, html:not(#_) body.skin-4 .aa-chip { background: #f6ecd9; border: 1.5px dashed #c9a46a; color: #3b2a20; }
html:not(#_) body.skin-4 .aa-crumbs a { color: #6d4c41; }

/* --- fiche d'annonce ------------------------------------------------------------- */
html:not(#_) body.skin-4 .aa-fiche__titre { font-family: var(--aa-police-titre); color: #3b2a20; }
html:not(#_) body.skin-4 .aa-fiche__cat a { color: #6d4c41; }
html:not(#_) body.skin-4 .aa-fiche__photo { border: 0; border-radius: 160px 160px 22px 22px; padding: 6px; background: linear-gradient(160deg, #e2c48f, #a67c4e 70%, #6d4c41); box-shadow: 0 20px 34px -22px rgba(78, 52, 46, .85); }
html:not(#_) body.skin-4 .aa-fiche__photo .aa-fiche__img { border-radius: 154px 154px 17px 17px; }
html:not(#_) body.skin-4 .aa-fiche__miniatures img { border-radius: 50%; border: 2px solid #e2c48f; }
html:not(#_) body.skin-4 .aa-fiche__infos { border-color: #e0cfae; border-radius: 18px; background: #fffaf1; }
html:not(#_) body.skin-4 .aa-fiche__infos > div:nth-child(odd) { background: #f6ecd9; }
html:not(#_) body.skin-4 .aa-fiche__infos dt { color: #5a4739; }
html:not(#_) body.skin-4 .aa-fiche__infos dd { color: #2b1f19; }
html:not(#_) body.skin-4 .aa-fiche__cta { background: #fbf1df; border: 1px solid #e0cfae; border-radius: 22px; box-shadow: 0 14px 28px -20px rgba(109, 76, 65, .7); }
html:not(#_) body.skin-4 .aa-fiche__cta-sous { color: #5a4739; }
html:not(#_) body.skin-4 .aa-fiche__plage { background: #f6ecd9; color: #3b2a20; border-radius: 999px; }
html:not(#_) body.skin-4 .aa-fiche__phy { background: #fffaf1; border-color: #e0cfae; border-radius: 14px; }
html:not(#_) body.skin-4 .aa-fiche__physique dt { color: #6a5646; }
html:not(#_) body.skin-4 .aa-repondre { background: #fffaf1; border-color: #e0cfae; border-radius: 22px; }

/* --- formulaire de dépôt ------------------------------------------------------- */
html:not(#_) body.skin-4 .aa-depot__bloc { border-color: #e0cfae; border-radius: 20px; background: #fffdf8; }

/* --- barre mobile : couleurs seulement --------------------------------------- */
html:not(#_) body.skin-4 .aa-mobar, html:not(#_) body.skin-4 .aa-fiche__barre { background: rgba(255, 250, 241, .95); border-top: 2px solid #e2c48f; }

/* --- pied de page : natte ---------------------------------------------------- */
html:not(#_) body.skin-4 .aa-footer { position: relative; border-top: 0; background-color: var(--aa-pied); background-image: var(--cs-trame); margin-top: 1.6rem; }
html:not(#_) body.skin-4 .aa-footer::before { content: ""; position: absolute; left: 0; right: 0; top: -8px; height: 8px; pointer-events: none;
  background: linear-gradient(45deg, #a67c4e 33%, transparent 33%) 0 0 / 14px 8px, linear-gradient(-45deg, #a67c4e 33%, transparent 33%) 0 0 / 14px 8px; }
html:not(#_) body.skin-4 .aa-footer__h { color: #f1e2c3; border-bottom: 1px dashed rgba(226, 196, 143, .4); }
html:not(#_) body.skin-4 .aa-footer a:hover { color: #f1e2c3; }
html:not(#_) body.skin-4 .aa-footer__bas { background: rgba(0, 0, 0, .28); }

/* --- porte d'âge et pop-up ---------------------------------------------------- */
html:not(#_) body.skin-4 .aa-gate__box, html:not(#_) body.skin-4 .aa-popup__box { border-top: 0; border-radius: 26px; background: #fffaf1; box-shadow: 0 0 0 6px rgba(226, 196, 143, .55), 0 30px 60px -20px rgba(0, 0, 0, .6); }
html:not(#_) body.skin-4 .aa-gate__mark { background: var(--cs-spirale); color: #2b1f19; text-shadow: 0 0 6px #fffaf1, 0 0 2px #fffaf1; box-shadow: 0 0 0 3px #6d4c41; }
html:not(#_) body.skin-4 .aa-popup__ico { background: #f1e2c3; color: #6d4c41; }

@media (prefers-reduced-motion: reduce) {
  html:not(#_) body.skin-4 .aa-ligne__img img { transition: none; }
  html:not(#_) body.skin-4 .aa-ligne:hover .aa-ligne__img img { transform: none; }
}