/* ═══════════════════════════════════════════════════════════════
   MAGIMMO PREMIUM — magimmo-premium.css v2
   Patches : PN_FIX_BLOG_WAHOU_v1 + PN_FIX_MOBILE_WAHOU_v1
   À uploader dans /www/assets/ et inclure après magimmo.css
   ═══════════════════════════════════════════════════════════════ */

:root{
  --mp-ink:#1A1A1A;
  --mp-orange:#E08A30;
  --mp-orange-deep:#C57220;
  --mp-cream:#F5F1E8;
  --mp-paper:#FBF8F0;
  --mp-line:#E5E1D8;
  --mp-mute:#8B8579;
  --mp-ash:#5C5950;
}

/* ═══ HEADER LISTING ═══ */
.mp-listing-head{
  text-align:center;
  max-width:820px;
  margin:60px auto 14px;
  padding:0 24px;
}
.mp-listing-head .l{
  display:inline-block;
  background:#fff;
  border:1px solid var(--mp-line);
  padding:6px 14px;
  border-radius:50px;
  font-family:'DM Mono',monospace;
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--mp-orange-deep);
  font-weight:700;
  margin-bottom:22px;
}
.mp-listing-head h1{
  font-family:'Barlow Condensed',sans-serif;
  font-weight:900;
  font-size:clamp(44px,6vw,82px);
  line-height:.94;
  text-transform:uppercase;
  letter-spacing:-.005em;
  margin-bottom:18px;
  color:var(--mp-ink);
}
.mp-listing-head h1 em{
  font-family:'DM Serif Display',serif;
  font-style:italic;
  font-weight:400;
  color:var(--mp-orange-deep);
  text-transform:none;
}
.mp-listing-head p{
  font-family:'Barlow',sans-serif;
  font-size:16px;
  line-height:1.6;
  color:var(--mp-ash);
  max-width:600px;
  margin:0 auto;
}

/* ═══ FILTRES CATÉGORIES ═══ */
.mp-cats-wrap{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--mp-line);
  margin:30px auto 0;
}
.mp-cats{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:center;
  max-width:1200px;
  margin:0 auto;
  padding:18px 24px;
}
.mp-cat-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:#fff;
  border:1px solid var(--mp-line);
  padding:8px 16px;
  border-radius:50px;
  font-family:'Barlow Condensed',sans-serif;
  font-weight:700;
  font-size:12px;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--mp-ash);
  text-decoration:none;
  transition:all .2s;
  white-space:nowrap;
}
.mp-cat-pill:hover{
  border-color:var(--mp-orange);
  color:var(--mp-orange-deep);
  transform:translateY(-1px);
}
.mp-cat-pill.active{
  background:var(--mp-ink);
  color:#fff;
  border-color:var(--mp-ink);
}
.mp-cat-pill .count{
  font-family:'DM Mono',monospace;
  font-size:10px;
  background:rgba(0,0,0,.08);
  padding:2px 8px;
  border-radius:50px;
  font-weight:500;
}
.mp-cat-pill.active .count{
  background:var(--mp-orange);
  color:var(--mp-ink);
}

/* ═══ CONTENT WRAPPER ═══ */
.mp-content{
  max-width:1280px;
  margin:0 auto;
  padding:30px 24px 0;
}

/* ═══ GRID + CARDS ═══ */
.mp-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
  gap:24px;
  margin:24px 0;
}

.mp-card{
  position:relative;
  background:#fff;
  border:1px solid var(--mp-line);
  border-radius:18px;
  overflow:hidden;
  text-decoration:none;
  color:var(--mp-ink);
  display:flex;
  flex-direction:column;
  transition:transform .4s cubic-bezier(.16,1,.3,1), box-shadow .4s cubic-bezier(.16,1,.3,1), border-color .25s;
  box-shadow:0 4px 16px -8px rgba(0,0,0,.06);
}
.mp-card:hover{
  transform:translateY(-6px);
  border-color:var(--mp-orange);
  box-shadow:0 24px 50px -16px rgba(0,0,0,.14);
}

/* Visuel auto-généré */
.mp-card-visual{
  position:relative;
  aspect-ratio:16/9;
  overflow:hidden;
}
.mp-card-visual::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:radial-gradient(rgba(224,138,48,.18) 1.5px, transparent 1.5px);
  background-size:14px 14px;
  background-position:0 0;
  opacity:.55;
  pointer-events:none;
  z-index:1;
}
.mp-card-visual::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, transparent 30%, rgba(0,0,0,.5) 100%);
  pointer-events:none;
  z-index:1;
}

/* Numéro éditorial */
.mp-card-num{
  position:absolute;
  top:18px;
  left:20px;
  font-family:'DM Serif Display',serif;
  font-style:italic;
  font-size:34px;
  color:rgba(255,255,255,.92);
  line-height:1;
  z-index:3;
  text-shadow:0 4px 18px rgba(0,0,0,.4);
  letter-spacing:-.01em;
  pointer-events:none;
}
.mp-card-num em{
  font-family:'DM Mono',monospace;
  font-style:normal;
  font-size:11px;
  letter-spacing:.16em;
  color:var(--mp-orange);
  display:block;
  margin-bottom:2px;
  font-weight:600;
  text-shadow:none;
  text-transform:uppercase;
}

/* Badge catégorie */
.mp-card-cat{
  position:absolute;
  top:18px;
  right:18px;
  background:rgba(255,255,255,.95);
  color:var(--mp-ink);
  padding:6px 12px;
  border-radius:50px;
  font-family:'Barlow Condensed',sans-serif;
  font-weight:800;
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
  z-index:3;
  backdrop-filter:blur(8px);
  box-shadow:0 4px 12px rgba(0,0,0,.18);
  max-width:55%;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
}

/* Glyph central */
.mp-card-glyph{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:2;
  opacity:.92;
  pointer-events:none;
}
.mp-card-glyph svg{
  width:42%;
  height:42%;
  color:#fff;
  filter:drop-shadow(0 8px 30px rgba(224,138,48,.6));
}

/* Halftone décoratif */
.mp-card-halftone{
  position:absolute;
  bottom:-30px;
  right:-30px;
  width:140px;
  height:140px;
  background-image:radial-gradient(rgba(224,138,48,.28) 2px, transparent 2.4px);
  background-size:10px 10px;
  opacity:.7;
  z-index:2;
  pointer-events:none;
}

/* Corps de la card */
.mp-card-body{
  padding:22px 24px 22px;
  flex:1;
  display:flex;
  flex-direction:column;
}
.mp-card-title{
  font-family:'Barlow Condensed',sans-serif;
  font-weight:800;
  font-size:21px;
  line-height:1.18;
  letter-spacing:.002em;
  color:var(--mp-ink);
  margin-bottom:10px;
  text-transform:none;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  transition:color .2s;
}
.mp-card:hover .mp-card-title{
  color:var(--mp-orange-deep);
}
.mp-card-excerpt{
  font-family:'Barlow',sans-serif;
  font-size:13.5px;
  line-height:1.55;
  color:var(--mp-ash);
  margin-bottom:18px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.mp-card-meta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-top:auto;
  padding-top:16px;
  border-top:1px dashed var(--mp-line);
  font-family:'DM Mono',monospace;
  font-size:10.5px;
  letter-spacing:.04em;
  color:var(--mp-mute);
  text-transform:uppercase;
  font-weight:500;
}
.mp-card-cta{
  color:var(--mp-orange-deep);
  font-weight:700;
  letter-spacing:.08em;
  display:inline-flex;
  align-items:center;
  gap:6px;
  transition:gap .25s;
  white-space:nowrap;
}
.mp-card:hover .mp-card-cta{
  gap:10px;
}

/* ═══ PAGINATION ═══ */
.mp-paginate{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  margin:48px 0 40px;
  flex-wrap:wrap;
}
.mp-paginate a, .mp-paginate span{
  min-width:44px;
  height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 16px;
  background:#fff;
  border:1px solid var(--mp-line);
  border-radius:50px;
  font-family:'Barlow Condensed',sans-serif;
  font-weight:700;
  font-size:13px;
  letter-spacing:.04em;
  color:var(--mp-ash);
  text-decoration:none;
  transition:all .2s;
}
.mp-paginate a:hover{
  background:var(--mp-orange);
  color:var(--mp-ink);
  border-color:var(--mp-orange);
  transform:translateY(-1px);
}
.mp-paginate .current{
  background:var(--mp-ink);
  color:#fff;
  border-color:var(--mp-ink);
}

/* ═══ EMPTY STATE ═══ */
.mp-empty{
  text-align:center;
  padding:80px 30px;
  background:var(--mp-cream);
  border-radius:20px;
  color:var(--mp-ash);
}
.mp-empty h3{
  font-family:'Barlow Condensed',sans-serif;
  font-weight:900;
  font-size:30px;
  text-transform:uppercase;
  letter-spacing:.005em;
  color:var(--mp-ink);
  margin-bottom:14px;
}
.mp-empty p{
  font-size:15px;
  max-width:480px;
  margin:0 auto 24px;
  line-height:1.6;
}

/* ═══ BOTTOM CTA ═══ */
.mp-bottom-cta{
  margin:60px 0 80px;
  background:var(--mp-ink);
  color:#fff;
  border-radius:20px;
  padding:60px 40px;
  text-align:center;
  position:relative;
  overflow:hidden;
}
.mp-bottom-cta::before{
  content:"";
  position:absolute;
  top:-120px;
  right:-100px;
  width:380px;
  height:380px;
  background:radial-gradient(circle, rgba(224,138,48,.28), transparent 65%);
  filter:blur(40px);
}
.mp-bottom-cta::after{
  content:"";
  position:absolute;
  bottom:-100px;
  left:-80px;
  width:280px;
  height:280px;
  background:radial-gradient(circle, rgba(224,138,48,.15), transparent 60%);
  filter:blur(40px);
}
.mp-bottom-cta h2{
  position:relative;
  z-index:1;
  font-family:'Barlow Condensed',sans-serif;
  font-weight:900;
  font-size:clamp(34px,5vw,56px);
  line-height:.96;
  text-transform:uppercase;
  letter-spacing:-.005em;
  margin-bottom:16px;
}
.mp-bottom-cta h2 em{
  font-family:'DM Serif Display',serif;
  font-style:italic;
  font-weight:400;
  color:var(--mp-orange);
  text-transform:none;
}
.mp-bottom-cta p{
  position:relative;
  z-index:1;
  font-family:'Barlow',sans-serif;
  font-size:16px;
  line-height:1.6;
  color:rgba(255,255,255,.78);
  max-width:560px;
  margin:0 auto 28px;
}
.mp-bottom-cta-btn{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  gap:10px;
  background:var(--mp-orange);
  color:var(--mp-ink);
  padding:16px 32px;
  border-radius:50px;
  font-family:'Barlow Condensed',sans-serif;
  font-weight:800;
  font-size:14px;
  letter-spacing:.06em;
  text-transform:uppercase;
  text-decoration:none;
  transition:all .2s;
}
.mp-bottom-cta-btn:hover{
  background:#fff;
  transform:translateY(-2px);
  box-shadow:0 14px 30px -10px rgba(224,138,48,.5);
}

/* ═══ ANIMATIONS ═══ */
@keyframes mpFadeIn{
  from{opacity:0; transform:translateY(20px)}
  to{opacity:1; transform:translateY(0)}
}
.mp-card{
  animation:mpFadeIn .6s cubic-bezier(.16,1,.3,1) backwards;
}
.mp-grid .mp-card:nth-child(1){animation-delay:.02s}
.mp-grid .mp-card:nth-child(2){animation-delay:.06s}
.mp-grid .mp-card:nth-child(3){animation-delay:.1s}
.mp-grid .mp-card:nth-child(4){animation-delay:.14s}
.mp-grid .mp-card:nth-child(5){animation-delay:.18s}
.mp-grid .mp-card:nth-child(6){animation-delay:.22s}
.mp-grid .mp-card:nth-child(7){animation-delay:.26s}
.mp-grid .mp-card:nth-child(8){animation-delay:.3s}
.mp-grid .mp-card:nth-child(9){animation-delay:.34s}
.mp-grid .mp-card:nth-child(n+10){animation-delay:.38s}

/* ═══ MOBILE WAHOU ═══ */
@media (max-width:768px){
  .mp-listing-head{
    margin-top:30px;
    padding:0 20px;
  }
  .mp-listing-head h1{
    font-size:44px;
  }
  .mp-listing-head p{
    font-size:14.5px;
  }
  .mp-cats-wrap{
    margin-top:20px;
  }
  .mp-cats{
    justify-content:flex-start;
    overflow-x:auto;
    flex-wrap:nowrap;
    padding:14px 16px 14px;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity;
  }
  .mp-cats::-webkit-scrollbar{display:none}
  .mp-cat-pill{
    flex-shrink:0;
    font-size:11px;
    padding:8px 14px;
    min-height:36px;
    scroll-snap-align:start;
  }
  .mp-content{
    padding:20px 16px 0;
  }
  .mp-grid{
    grid-template-columns:1fr;
    gap:18px;
    margin:18px 0;
  }
  .mp-card-visual{
    aspect-ratio:21/9;
  }
  .mp-card-num{
    font-size:28px;
    top:14px;
    left:16px;
  }
  .mp-card-cat{
    top:14px;
    right:14px;
    font-size:9.5px;
    padding:5px 10px;
  }
  .mp-card-body{
    padding:18px 20px 20px;
  }
  .mp-card-title{
    font-size:18.5px;
  }
  .mp-card-excerpt{
    font-size:13px;
  }
  .mp-bottom-cta{
    padding:50px 24px;
    margin:40px 0 60px;
  }
  .mp-paginate a, .mp-paginate span{
    min-width:42px;
    height:42px;
    padding:0 12px;
    font-size:12px;
  }
}

/* Tablette */
@media (min-width:769px) and (max-width:1024px){
  .mp-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

/* ═══ NAV — top nav qui se cache au scroll mobile ═══ */
@media (max-width:768px){
  .main-nav{
    transition:transform .35s cubic-bezier(.4,0,.2,1);
  }
  .main-nav.mp-nav-hidden{
    transform:translateY(-100%);
  }
}

/* ═══ TAP TARGETS ≥ 44px (Apple HIG / Material) ═══ */
@media (max-width:768px){
  .main-nav .nav-cta, .main-nav .burger-btn{
    min-height:44px;
  }
  a.mp-card-cta, a.btn{
    min-height:44px;
  }
}

/* ═══ SAFE AREA iOS (notch) ═══ */
@supports(padding:max(0px)){
  .main-nav{
    padding-left:max(16px, env(safe-area-inset-left));
    padding-right:max(16px, env(safe-area-inset-right));
  }
  .mp-bottom-cta{
    margin-bottom:max(80px, env(safe-area-inset-bottom));
  }
}




/* PN_FIX_MOBILE_MENU_GHOST_v2 BEGIN */
/* Cache TOTAL du menu mobile par défaut (override toutes règles) */
html body div.mobile-menu,
html body #mobile-menu,
body > div.mobile-menu,
footer + div.mobile-menu,
footer ~ div.mobile-menu,
footer ~ script + div.mobile-menu{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
  position:fixed !important;
  z-index:-1 !important;
  height:0 !important;
  overflow:hidden !important;
}
/* Sur mobile burger : retourne à visible */
html body div.mobile-menu.open,
html body #mobile-menu.open,
body > div.mobile-menu.open{
  display:flex !important;
  flex-direction:column !important;
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
  position:fixed !important;
  z-index:9999 !important;
  height:100vh !important;
  overflow-y:auto !important;
  top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;
  background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 50%,#2a2521 100%) !important;
  padding:90px 32px 90px !important;
  backdrop-filter:blur(20px) !important;
  animation:mpBurgerSlide .4s cubic-bezier(.16,1,.3,1) forwards !important;
}
@keyframes mpBurgerSlide{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}
/* PN_FIX_MOBILE_MENU_GHOST_v2 END */

/* PN_FIX_MOBILE_BURGER_PREMIUM_v1 BEGIN */
/* Burger menu fullscreen premium */
.mobile-menu.open ul{
  list-style:none !important;
  padding:0 !important;
  margin:0 0 32px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:4px !important;
}
.mobile-menu.open ul li{
  margin:0 !important;
  opacity:0;
  animation:mpBurgerItem .5s cubic-bezier(.16,1,.3,1) forwards;
}
.mobile-menu.open ul li:nth-child(1){animation-delay:.08s}
.mobile-menu.open ul li:nth-child(2){animation-delay:.12s}
.mobile-menu.open ul li:nth-child(3){animation-delay:.16s}
.mobile-menu.open ul li:nth-child(4){animation-delay:.20s}
.mobile-menu.open ul li:nth-child(5){animation-delay:.24s}
.mobile-menu.open ul li:nth-child(6){animation-delay:.28s}
.mobile-menu.open ul li:nth-child(7){animation-delay:.32s}
.mobile-menu.open ul li:nth-child(8){animation-delay:.36s}
.mobile-menu.open ul li:nth-child(9){animation-delay:.40s}
.mobile-menu.open ul li:nth-child(n+10){animation-delay:.44s}
@keyframes mpBurgerItem{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}
.mobile-menu.open ul li a{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  padding:18px 22px !important;
  color:#fff !important;
  text-decoration:none !important;
  font-family:'Barlow Condensed',sans-serif !important;
  font-weight:800 !important;
  font-size:21px !important;
  text-transform:uppercase !important;
  letter-spacing:.02em !important;
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  background:rgba(255,255,255,.03) !important;
  transition:all .25s !important;
  min-height:60px !important;
}
.mobile-menu.open ul li a::after{
  content:'→' !important;
  color:#E08A30 !important;
  font-size:24px !important;
  font-weight:300 !important;
  transition:transform .25s !important;
}
.mobile-menu.open ul li a:hover,
.mobile-menu.open ul li a:active{
  background:#E08A30 !important;
  color:#1a1a1a !important;
  border-color:#E08A30 !important;
  transform:translateX(4px) !important;
}
.mobile-menu.open ul li a:hover::after,
.mobile-menu.open ul li a:active::after{
  color:#1a1a1a !important;
  transform:translateX(6px) !important;
}
.mobile-menu.open .mobile-cta{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#E08A30 !important;
  color:#1a1a1a !important;
  padding:18px 24px !important;
  border-radius:50px !important;
  font-family:'Barlow Condensed',sans-serif !important;
  font-weight:900 !important;
  font-size:16px !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  margin-top:auto !important;
  opacity:0;
  animation:mpBurgerItem .5s .55s cubic-bezier(.16,1,.3,1) forwards;
  box-shadow:0 16px 40px -10px rgba(224,138,48,.6) !important;
}
/* Close button injecté */
.mp-burger-close{
  position:absolute !important;
  top:20px !important;
  right:20px !important;
  width:48px !important;
  height:48px !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.15) !important;
  color:#fff !important;
  font-size:28px !important;
  font-weight:300 !important;
  line-height:1 !important;
  cursor:pointer !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  z-index:10001 !important;
  transition:all .2s !important;
}
.mp-burger-close:hover{background:#E08A30 !important;color:#1a1a1a !important;transform:rotate(90deg) !important}
/* Logo dans le burger */
.mp-burger-header{
  position:absolute !important;
  top:24px !important;
  left:32px !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}
.mp-burger-header img{height:32px !important}
/* Quand burger ouvert, lock body scroll */
body.menu-open{overflow:hidden !important}
/* PN_FIX_MOBILE_BURGER_PREMIUM_v1 END */

/* PN_FIX_MOBILE_BOTTOM_NAV_v1 BEGIN */
.mp-bottom-nav{
  display:none;
}
@media (max-width:768px){
  .mp-bottom-nav{
    position:fixed;
    bottom:0;left:0;right:0;
    display:flex;
    align-items:center;
    justify-content:space-around;
    background:rgba(26,26,26,.96);
    backdrop-filter:blur(18px);
    border-top:1px solid rgba(255,255,255,.08);
    padding:8px 4px max(8px, env(safe-area-inset-bottom)) 4px;
    z-index:80;
    transform:translateY(0);
    transition:transform .35s cubic-bezier(.4,0,.2,1);
  }
  .mp-bottom-nav.hidden{transform:translateY(110%)}
  .mp-bottom-nav a{
    flex:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    text-decoration:none;
    color:rgba(255,255,255,.65);
    padding:6px 4px;
    font-family:'Barlow Condensed',sans-serif;
    font-weight:700;
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.05em;
    min-height:50px;
    transition:color .2s, transform .15s;
  }
  .mp-bottom-nav a svg{
    width:22px;height:22px;
    transition:transform .25s cubic-bezier(.16,1,.3,1);
  }
  .mp-bottom-nav a:active{transform:scale(.92)}
  .mp-bottom-nav a.active{color:#E08A30}
  .mp-bottom-nav a.active svg{transform:scale(1.1)}
  .mp-bottom-nav a.primary{
    color:#1a1a1a;
    background:#E08A30;
    border-radius:50%;
    width:54px;height:54px;
    flex:none;
    margin-top:-22px;
    box-shadow:0 8px 24px rgba(224,138,48,.5);
    min-height:54px;
    padding:0;
  }
  .mp-bottom-nav a.primary span{display:none}
  .mp-bottom-nav a.primary svg{width:24px;height:24px}
  /* Décale le bottom CTA pour ne pas être caché */
  body.has-bottom-nav{padding-bottom:62px}
  body.has-bottom-nav .mp-bottom-cta{margin-bottom:20px}
}
/* PN_FIX_MOBILE_BOTTOM_NAV_v1 END */

/* PN_FIX_MOBILE_HEADER_COMPACT_v1 BEGIN */
@media (max-width:768px){
  .mp-listing-head{
    margin-top:14px !important;
    padding:0 18px !important;
  }
  .mp-listing-head h1{
    font-size:38px !important;
    line-height:.96 !important;
    margin-bottom:14px !important;
  }
  .mp-listing-head p{
    font-size:14px !important;
    line-height:1.55 !important;
  }
  .mp-listing-head .l{
    font-size:10px !important;
    margin-bottom:14px !important;
  }
  /* Cards avec hover-tap actif */
  .mp-card:active{transform:scale(.98)}
  /* Card visual ratio mobile plus magazine */
  .mp-card-visual{aspect-ratio:16/9 !important}
  /* Pagination plus compacte */
  .mp-paginate{gap:4px;margin:30px 0 24px}
  .mp-paginate a, .mp-paginate span{min-width:38px;height:38px;padding:0 10px;font-size:11px}
}
/* PN_FIX_MOBILE_HEADER_COMPACT_v1 END */