/* pute-pas-cher.be — registre « rouille et lin, étiquettes » (gabarit annonces v1, skin 3, compo 5, fiche 2)
   Palette : accent rouille #8e3b1f (favicon) · neutre lin #f4ede2 / kraft #e8dbc8 / écru #fffaf3 · encre brun noir #2a1c15
   Formes signature : étiquette à œillet (catégories, badges, chips, CTA du menu), arche (vignettes, photo de fiche),
   couture pointillée (cartes, en-tête), cœur en filigrane (accueil), festons (haut du pied de page). */

.aa.skin-3 {
  --aa-fond: #f4ede2; --aa-surface: #fffaf3; --aa-texte: #2a1c15; --aa-muet: #654f42; --aa-bord: #dbc8b2;
  --aa-kraft: #e8dbc8; --aa-secondaire: #6e2c15;
  --aa-rayon: 18px; --aa-rayon-s: 12px;
  --aa-ombre: 0 2px 4px rgba(90, 40, 20, .06), 0 16px 32px -18px rgba(142, 59, 31, .42);
  --aa-police-titre: Georgia, "Palatino Linotype", "Book Antiqua", serif;
  --aa-tete: #fffaf3; --aa-tete-txt: #2a1c15; --aa-pied: #2a1c15; --aa-pied-txt: #efe4d4;
  --aa-couture: linear-gradient(90deg, color-mix(in srgb, var(--aa-accent) 70%, transparent) 55%, transparent 0);
}

.aa.skin-3 .aa-header { background: var(--aa-couture) 0 100% / 14px 2px repeat-x, var(--aa-tete); box-shadow: 0 10px 24px -22px rgba(142, 59, 31, .6); }
.aa.skin-3 .aa-logo { text-transform: none; letter-spacing: 0; font-family: var(--aa-police-titre); font-style: italic; font-weight: 700; font-size: 1.75rem; color: var(--aa-accent); gap: .6rem; }
.aa.skin-3 .aa-logo__mark { display: inline-block; width: 22px; height: 14px; border-radius: 0 4px 4px 0; box-shadow: none;
  background: radial-gradient(circle at 6px 50%, var(--aa-tete) 0 2px, transparent 2.6px), var(--aa-accent);
  clip-path: polygon(6px 0, 100% 0, 100% 100%, 6px 100%, 0 50%); transform: rotate(-12deg); }
.aa.skin-3 .aa-nav { border: 0; }
.aa.skin-3 .aa-nav a { text-transform: none; letter-spacing: .01em; font-size: .93rem; font-weight: 600; border-radius: 999px; padding: .5rem 1rem; }
.aa.skin-3 .aa-nav a:hover, .aa.skin-3 .aa-nav a.is-actif { background: var(--aa-kraft); color: var(--aa-texte); }
.aa.skin-3 .aa-nav__cta a, .aa.skin-3 .aa-nav__cta a:hover { background: radial-gradient(circle at 12px 50%, var(--aa-tete) 0 3px, transparent 3.6px), var(--aa-accent);
  clip-path: polygon(11px 0, 100% 0, 100% 100%, 11px 100%, 0 50%); border-radius: 0 999px 999px 0; padding-left: 1.6rem; }
@media (min-width: 801px) {
  .aa.skin-3 .aa-header__in { flex-direction: row; justify-content: space-between; align-items: center; min-height: 78px; gap: 1rem; }
  .aa.skin-3 .aa-logo { order: 0; padding: 0; justify-content: flex-start; }
  .aa.skin-3 .aa-nav ul { gap: .2rem; justify-content: flex-end; }
}
@media (max-width: 800px) { .aa.skin-3 .aa-logo { font-size: 1.5rem; padding: .8rem 3.2rem .7rem; } .aa.skin-3 .aa-nav a { text-align: left; } }

.aa.skin-3 .aa-h1 { font-family: var(--aa-police-titre); text-transform: none; font-weight: 700; letter-spacing: -.01em; border-bottom: 0; padding-bottom: 0; }
.aa.skin-3 .aa-h2 { font-family: var(--aa-police-titre); text-transform: none; letter-spacing: 0; font-size: 1.32rem; font-weight: 700; border-bottom: 0; padding-bottom: .1em; display: flex; align-items: center; gap: .55rem; }
.aa.skin-3 .aa-h2::before { content: ""; flex: none; width: 20px; height: 12px; background: radial-gradient(circle at 6px 50%, var(--aa-fond) 0 2px, transparent 2.6px), var(--aa-accent);
  clip-path: polygon(6px 0, 100% 0, 100% 100%, 6px 100%, 0 50%); border-radius: 0 3px 3px 0; }

.aa.skin-3 .aa-hero { border: 0; padding-block: 2.2rem 2.6rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 90'%3E%3Cpath d='M50 86C22 64 4 48 4 28 4 14 15 4 28 4c9 0 17 5 22 13C55 9 63 4 72 4c13 0 24 10 24 24 0 20-18 36-46 58z' fill='none' stroke='%238e3b1f' stroke-opacity='.13' stroke-width='3' stroke-dasharray='6 5'/%3E%3C/svg%3E") no-repeat left 46% bottom 14px / 240px auto,
    radial-gradient(ellipse at 90% 0%, color-mix(in srgb, var(--aa-accent) 13%, transparent), transparent 55%),
    var(--aa-couture) 0 100% / 14px 2px repeat-x, var(--aa-fond); }
.aa.skin-3 .aa-hero .aa-h1 { font-size: clamp(1.8rem, 1.2rem + 2.2vw, 2.8rem); line-height: 1.12; }
.aa.skin-3 .aa-hero .aa-h1::after { content: ""; display: block; width: 72px; height: 6px; margin-top: .7rem; border-radius: 999px; background: linear-gradient(90deg, var(--aa-accent), color-mix(in srgb, var(--aa-accent) 35%, var(--aa-kraft))); }
.aa.skin-3 .aa-hero__chiffres span { display: inline-block; background: var(--aa-kraft); color: var(--aa-texte); padding: .3rem .9rem; border-radius: 999px; font-size: .9rem; }
.aa.skin-3 .aa-hero__form { position: relative; border: 0; border-radius: 26px; padding: 1.9rem 1.5rem 1.4rem; background: var(--aa-surface);
  box-shadow: 0 2px 6px rgba(90, 40, 20, .07), 0 26px 50px -26px rgba(142, 59, 31, .55);
  outline: 1.5px dashed color-mix(in srgb, var(--aa-accent) 38%, transparent); outline-offset: -10px; }
.aa.skin-3 .aa-hero__form::before { content: ""; position: absolute; top: 9px; left: 50%; width: 16px; height: 16px; margin-left: -8px; border-radius: 50%;
  background: var(--aa-fond); box-shadow: inset 0 1px 2px rgba(42, 28, 21, .35), 0 0 0 3px var(--aa-kraft); }
.aa.skin-3 .aa-hero__form-h { font-family: var(--aa-police-titre); font-size: 1.3rem; text-align: center; margin-top: .3rem; }
.aa.skin-3 .aa-hero__form-p { text-align: center; }

.aa.skin-3 .aa-btn { border-radius: 999px; text-transform: none; letter-spacing: .01em; font-size: 1rem; }
.aa.skin-3 .aa-btn--primaire { background: var(--aa-accent); color: #fff; box-shadow: 0 10px 22px -12px color-mix(in srgb, var(--aa-accent) 80%, transparent); }
.aa.skin-3 .aa-btn--secondaire { background: var(--aa-surface); color: var(--aa-secondaire); border: 2px solid color-mix(in srgb, var(--aa-accent) 70%, var(--aa-texte)); }
.aa.skin-3 .aa-chip { background: var(--aa-surface); border-color: var(--aa-bord); }
.aa.skin-3 .aa-chip:has(input:checked) { background: color-mix(in srgb, var(--aa-accent) 12%, var(--aa-surface)); border-color: var(--aa-accent); color: var(--aa-texte); }
.aa.skin-3 input:not([type=radio]):not([type=checkbox]), .aa.skin-3 select, .aa.skin-3 textarea { border-radius: 12px; border: 1px solid var(--aa-bord); background: #fffdf9; color: var(--aa-texte); }
.aa.skin-3 input:focus, .aa.skin-3 select:focus, .aa.skin-3 textarea:focus { outline: 2px solid color-mix(in srgb, var(--aa-accent) 55%, transparent); outline-offset: 1px; }

.aa.skin-3 .aa-liens--cats { display: flex; flex-wrap: wrap; gap: .55rem .6rem; }
.aa.skin-3 .aa-liens--cats li { border: 0; padding: .4rem .9rem .4rem 1.35rem; gap: .6rem; border-radius: 0 10px 10px 0;
  background: radial-gradient(circle at 9px 50%, var(--aa-fond) 0 2.6px, transparent 3.2px), var(--aa-kraft);
  clip-path: polygon(10px 0, 100% 0, 100% 100%, 10px 100%, 0 50%); transition: background-color .2s, transform .2s; }
.aa.skin-3 .aa-liens--cats li:hover { transform: translateY(-2px) rotate(-1deg); }
.aa.skin-3 .aa-liens--cats a { color: var(--aa-texte); font-weight: 600; }
.aa.skin-3 .aa-liens--cats .aa-liens__nb, .aa.skin-3 .aa-liens__nb { color: var(--aa-muet); }
.aa.skin-3 .aa-liens--villes li { border: 1px solid var(--aa-bord); background: var(--aa-surface); border-radius: 999px; }
.aa.skin-3 .aa-liens--villes li:hover { border-color: var(--aa-accent); }

.aa.skin-3 .aa-liste { border: 0; gap: .85rem; }
.aa.skin-3 .aa-ligne { background: var(--aa-surface); border: 0; border-radius: 20px; padding: 1rem; box-shadow: var(--aa-ombre);
  outline: 1px dashed color-mix(in srgb, var(--aa-accent) 22%, transparent); outline-offset: -7px; transition: transform .25s ease, box-shadow .25s ease; }
.aa.skin-3 .aa-ligne:last-child { border-bottom: 0; }
.aa.skin-3 .aa-ligne:hover { background: var(--aa-surface); transform: translateY(-2px); box-shadow: 0 2px 4px rgba(90, 40, 20, .06), 0 22px 40px -20px rgba(142, 59, 31, .55); }
.aa.skin-3 .aa-ligne__img { aspect-ratio: 4 / 5; border-radius: 999px 999px 14px 14px; border: 3px solid var(--aa-surface); box-shadow: 0 0 0 1px var(--aa-bord), 0 10px 18px -12px rgba(142, 59, 31, .6); }
.aa.skin-3 .aa-ligne__nb { border-radius: 999px; bottom: .45rem; background: rgba(42, 28, 21, .78); }
.aa.skin-3 .aa-ligne__tete, .aa.skin-3 .aa-ligne__meta { font-family: var(--aa-police); }
.aa.skin-3 .aa-ligne__cat { color: var(--aa-texte); font-weight: 700; font-size: .66rem; padding: .16rem .55rem .16rem .95rem; border-radius: 0 6px 6px 0;
  background: radial-gradient(circle at 6px 50%, var(--aa-surface) 0 2px, transparent 2.5px), var(--aa-kraft); clip-path: polygon(7px 0, 100% 0, 100% 100%, 7px 100%, 0 50%); }
.aa.skin-3 .aa-ligne__new { color: #fff; border-radius: 0 6px 6px 0; padding: .14rem .55rem .14rem .95rem;
  background: radial-gradient(circle at 6px 50%, var(--aa-surface) 0 2px, transparent 2.5px), var(--aa-accent); clip-path: polygon(7px 0, 100% 0, 100% 100%, 7px 100%, 0 50%); }
.aa.skin-3 .aa-ligne__date { color: var(--aa-muet); font-style: italic; }
.aa.skin-3 .aa-ligne__titre { font-family: var(--aa-police-titre); font-size: 1.16rem; font-weight: 700; }
.aa.skin-3 .aa-ligne__titre a:hover { color: var(--aa-accent); }
.aa.skin-3 .aa-ligne__extrait { opacity: 1; color: #4a3a30; }
.aa.skin-3 .aa-ligne__lire { text-transform: none; letter-spacing: .01em; font-size: .9rem; border-width: 1.5px; }
.aa.skin-3 .aa-ligne__lire:hover { background: var(--aa-accent); color: #fff; border-color: var(--aa-accent); }
@media (min-width: 720px) {
  .aa.skin-3 .aa-ligne { padding: 1rem 1.2rem; }
  .aa.skin-3 .aa-ligne__corps, .aa.skin-3 .aa-ligne__extrait { border-left-color: transparent; }
  .aa.skin-3 .aa-ligne__action { border-left: 1.5px dashed var(--aa-bord); }
}

.aa.skin-3 .aa-layout__side { border-top: 0; background: var(--aa-couture) 0 0 / 14px 2px repeat-x; padding-top: 1.6rem; }
.aa.skin-3 .aa-side__h { font-family: var(--aa-police-titre); text-transform: none; letter-spacing: 0; font-size: 1.1rem; border-bottom: 1px dashed var(--aa-bord); }
.aa.skin-3 .aa-filtres, .aa.skin-3 .aa-depot__bloc, .aa.skin-3 .aa-repondre, .aa.skin-3 .aa-fiche__infos {
  border: 0; border-radius: 20px; background: var(--aa-surface); box-shadow: var(--aa-ombre);
  outline: 1px dashed color-mix(in srgb, var(--aa-accent) 25%, transparent); outline-offset: -8px; }
.aa.skin-3 .aa-filtres, .aa.skin-3 .aa-repondre { padding: 1.3rem 1.3rem 1.4rem; }
.aa.skin-3 .aa-depot__bloc legend { font-family: var(--aa-police-titre); background: var(--aa-kraft); border-radius: 999px; padding: .2rem .9rem; }
.aa.skin-3 .aa-pagination a, .aa.skin-3 .aa-pagination span { border-color: var(--aa-bord); border-radius: 999px; }
.aa.skin-3 .aa-bloc--deposer { text-align: center; }
.aa.skin-3 .aa-bloc--deposer .aa-deposer-cta { max-width: 540px; margin: 1rem auto 0; padding: 1.6rem 1.4rem; border-radius: 26px; background: var(--aa-surface); box-shadow: var(--aa-ombre);
  outline: 1.5px dashed color-mix(in srgb, var(--aa-accent) 35%, transparent); outline-offset: -10px; }
.aa.skin-3 .aa-bloc--deposer .aa-btn { min-width: min(100%, 280px); }

.aa.skin-3 .aa-fiche__cat { display: inline-block; color: #fff; padding: .2rem .8rem .2rem 1.2rem; border-radius: 0 8px 8px 0; font-size: .74rem;
  background: radial-gradient(circle at 8px 50%, var(--aa-fond) 0 2.5px, transparent 3px), var(--aa-accent); clip-path: polygon(9px 0, 100% 0, 100% 100%, 9px 100%, 0 50%); }
.aa.skin-3 .aa-fiche__cat a { color: #fff; }
.aa.skin-3 .aa-fiche__titre { font-family: var(--aa-police-titre); }
.aa.skin-3 .aa-fiche__photo { border: 4px solid var(--aa-surface); border-radius: 48% 48% 20px 20px / 24% 24% 20px 20px;
  box-shadow: 0 0 0 1px var(--aa-bord), 0 22px 44px -22px rgba(142, 59, 31, .6); background: var(--aa-kraft); }
.aa.skin-3 .aa-fiche__photo--vide { border-style: solid; }
.aa.skin-3 .aa-fiche__photo .aa-fiche__new { top: .9rem; right: auto; left: 50%; transform: translateX(-50%); white-space: nowrap; }
.aa.skin-3 .aa-fiche__cta--haut { position: relative; border: 0; border-radius: 24px; padding: 1.5rem 1.1rem 1.1rem; background: var(--aa-surface);
  box-shadow: 0 2px 6px rgba(90, 40, 20, .07), 0 24px 46px -24px rgba(142, 59, 31, .55);
  outline: 1.5px dashed color-mix(in srgb, var(--aa-accent) 35%, transparent); outline-offset: -9px; }
.aa.skin-3 .aa-fiche__cta--haut::before { content: ""; position: absolute; top: 7px; left: 50%; width: 12px; height: 12px; margin-left: -6px; border-radius: 50%;
  background: var(--aa-fond); box-shadow: inset 0 1px 2px rgba(42, 28, 21, .35), 0 0 0 3px var(--aa-kraft); }
.aa.skin-3 .aa-fiche__plage { background: var(--aa-kraft); color: var(--aa-texte); border-radius: 999px; padding: .4rem 1rem; }
.aa.skin-3 .aa-fiche__phy { border: 0; background: radial-gradient(circle at 50% 9px, var(--aa-fond) 0 3px, transparent 3.6px), var(--aa-kraft);
  clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%, 0 12px); border-radius: 0 0 10px 10px; padding: 1.15rem .8rem .5rem; text-align: center; }
.aa.skin-3 .aa-fiche__physique dt { color: #574236; }
.aa.skin-3 .aa-fiche__physique dd { color: var(--aa-texte); }
.aa.skin-3 .aa-chips--lecture li { border: 0; border-radius: 0 999px 999px 0; padding: .32rem .85rem .32rem 1.25rem; color: var(--aa-texte);
  background: radial-gradient(circle at 8px 50%, var(--aa-fond) 0 2.4px, transparent 3px), color-mix(in srgb, var(--aa-accent) 14%, var(--aa-surface));
  clip-path: polygon(9px 0, 100% 0, 100% 100%, 9px 100%, 0 50%); }
@media (min-width: 720px) { .aa.skin-3 .aa-fiche__photo--scene { min-height: 240px; } }
@media (max-width: 719px) {
  .aa.skin-3 .aa-fiche__photo--scene { height: min(var(--aa-ph-h, 600px), 40vh, 340px); }
  .aa.skin-3 .aa-fiche__photo--vide { max-height: 170px; }
}

.aa.skin-3 .aa-footer { border-top: 0; color: var(--aa-pied-txt); padding-top: 3rem;
  background: radial-gradient(circle at 14px 0, var(--aa-fond) 0 13px, transparent 13.6px) 0 0 / 28px 14px repeat-x, var(--aa-pied); }
.aa.skin-3 .aa-footer a:hover { color: #fff; }
.aa.skin-3 .aa-footer__brand { font-family: var(--aa-police-titre); font-style: italic; text-transform: none; letter-spacing: 0; font-size: 1.7rem; color: #f2c9b2; }
.aa.skin-3 .aa-footer__h { color: #f2c9b2; }
.aa.skin-3 .aa-footer__fictif { opacity: 1; color: #cbb8a5; }
.aa.skin-3 .aa-footer__bas { border-top: 1px dashed rgba(239, 228, 212, .25); opacity: 1; color: #cbb8a5; }

.aa.skin-3 .aa-gate__box, .aa.skin-3 .aa-popup__box { border: 0; border-radius: 26px; background: var(--aa-surface); box-shadow: 0 30px 60px -24px rgba(0, 0, 0, .55);
  outline: 1.5px dashed color-mix(in srgb, var(--aa-accent) 35%, transparent); outline-offset: -10px; }
.aa.skin-3 .aa-gate__mark { border-radius: 999px 999px 16px 16px; font-family: var(--aa-police-titre); }
.aa.skin-3 .aa-popup__titre { font-family: var(--aa-police-titre); }
.aa.skin-3 .aa-popup__pour { color: var(--aa-accent); }

@media (prefers-reduced-motion: reduce) { .aa.skin-3 .aa-ligne, .aa.skin-3 .aa-liens--cats li { transition: none; } .aa.skin-3 .aa-ligne:hover, .aa.skin-3 .aa-liens--cats li:hover { transform: none; } }