.elementor-1774 .elementor-element.elementor-element-aedcf49{--display:flex;}.elementor-1774 .elementor-element.elementor-element-9a7cd8d{--display:flex;}/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-3defa6a */:root{
  --ease: cubic-bezier(.2, .9, .2, 1);
  --easeOut: cubic-bezier(.16, 1, .3, 1);
  --radius-xl: 38px;
  --radius-lg: 28px;
  --radius-md: 18px;
  --shadow-1: 0 10px 34px rgba(0, 0, 0, .38);
  --shadow-2: 0 24px 78px rgba(0, 0, 0, .60);
  --shadow-3: 0 42px 150px rgba(0, 0, 0, .74);
  --ring: 0 0 0 1px rgba(255, 255, 255, .12), 0 0 0 4px rgba(56, 128, 36, .22), 0 20px 60px rgba(0, 0, 0, .40);
  --panelBorder: rgba(255, 255, 255, .14);
  --grain: radial-gradient(circle at 1px 1px, rgba(255, 255, 255, .10) 1px, transparent 0);
  --grain2: radial-gradient(circle at 1px 1px, rgba(0, 0, 0, .22) 1px, transparent 0);
  --pad: clamp(14px, 3vw, 34px);
  --gap: clamp(14px, 2.2vh, 22px);
  --heroCap: clamp(210px, 26vh, 320px);
  --footCap: clamp(1px, 1vh, 1px);
  --honeyCap: clamp(320px, 52vh, 560px);
  --honeyLift: clamp(0px, 1.6vh, 14px);
  --honeyGlassLift: clamp(0px, 1.2vh, 12px);
  --safeTop: env(safe-area-inset-top, 0px);
  --safeBottom: env(safe-area-inset-bottom, 0px);
  --safeLeft: env(safe-area-inset-left, 0px);
  --safeRight: env(safe-area-inset-right, 0px);
}

html, body{
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  overflow:hidden;
  filter: brightness(1.2);
}

.egpnIce{
  --bgImg:url("https://www.egpn.fr/salon-environnement/montpellier/wp-content/uploads/sites/2/2025/11/pic-2-e1769263030344.jpg");
  --shadow2:0 16px 44px rgba(0,0,0,.28);
  position:relative;
  background:#07101f;
  color:rgba(255,255,255,.92);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif;
  overflow:hidden;
}

.egpnIce--full{
  position:fixed;
  inset:0;
  width:100vw;
  height:100vh;
  max-width:none;
  border-radius:0;
  box-shadow:none;
}

.egpnIce__bg{
  position:absolute;
  inset:0;
  background-image:
    radial-gradient(900px 560px at 28% 42%, rgba(120,182,75,.22), transparent 62%),
    radial-gradient(900px 560px at 76% 30%, rgba(122,162,255,.18), transparent 62%),
    radial-gradient(700px 520px at 72% 68%, rgba(200,120,255,.12), transparent 64%),
    linear-gradient(180deg, rgba(3,6,12,.18) 0%, rgba(3,6,12,.60) 100%),
    var(--bgImg);
  background-size:cover;
  background-position:center;
  filter: blur(18px) saturate(1.16) contrast(1.06);
  transform:scale(1.02);
}

.egpnIce__veil{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(0,0,0,.28) 0%, rgba(0,0,0,.06) 40%, rgba(0,0,0,.24) 100%),
    linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.38) 100%);
  pointer-events:none;
}

.topbar{
  position:fixed;
  top:18px;
  left:18px;
  pointer-events:auto;
  padding: 50px 0px 40px ;
  z-index:50;
}

.egpnIce__top{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns: 1fr auto 1fr;
  align-items:center;
  gap:14px;
  padding:60px 22px;
}

.egpnIce__brand{ display:flex; align-items:center; gap:12px; min-width:0; }

.egpnIce__brandText{
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(255,255,255,.80);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.egpnIce__menu{
  display:flex;
  align-items:center;
  gap:20px;
  padding:17px 17px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(10px);
}

.egpnIce__link{
  text-decoration:none;
  color:rgba(255,255,255,.80);
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  padding:8px 10px;
  border-radius:999px;
}

.egpnIce__link:hover{
  background:rgba(255,255,255,.08);
  color:rgba(255,255,255,.92);
}

.egpnIce__link:focus-visible,
.egpnIce__iconBtn:focus-visible,
.egpnIce__item:focus-visible,
.egpnIce__panelBtn:focus-visible{
  outline:2px solid rgba(255,255,255,.65);
  outline-offset:3px;
}

.egpnIce__actions{ display:flex; justify-content:flex-end; gap:10px; }

.egpnIce__iconBtn{
  width:42px;
  height:42px;
  border-radius:999px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.86);
  backdrop-filter:blur(10px);
  text-decoration:none;
}

.egpnIce__iconBtn:hover{ background:rgba(255,255,255,.10); }

.egpnIce__layout{
  position:relative;
  z-index:2;
  padding:0px 50px 150px;
  display:grid;
  grid-template-columns: 420px 1fr;
  gap:18px;
  height:calc(100vh - 78--px);
}

.egpnIce__stands,
.egpnIce__desc{
  border-radius:22px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(12px);
  overflow:hidden;
  min-height:0;
}

.egpnIce__stands{
  display:grid;
  grid-template-rows:auto 1fr;
}

.egpnIce__standsHead{
  padding:18px 18px 14px;
  border-bottom:1px solid rgba(255,255,255,.10);
}

.egpnIce__standsKicker{
  color:rgba(255,255,255,.70);
  letter-spacing:.22em;
  text-transform:uppercase;
  font-size:12px;
  font-weight:850;
}

.egpnIce__standsTitle{
  margin-top:12px;
  font-size:42px;
  letter-spacing:.18em;
  text-transform:uppercase;
  line-height:1;
  font-weight:950;
  color:rgba(255,255,255,.94);
}

.egpnIce__standsHint{
  margin-top:12px;
  color:rgba(255,255,255,.72);
  font-size:13px;
  line-height:1.6;
}

.egpnIce__list{
  padding:12px;
  display:grid;
  gap:10px;
  overflow:auto;
  scroll-behavior:smooth;
}

.egpnIce__list::-webkit-scrollbar{ width:10px; }

.egpnIce__list::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.18);
  border-radius:999px;
  border:2px solid rgba(0,0,0,.20);
}

.egpnIce__item{
  display:grid;
  grid-template-columns: 54px 1fr 18px;
  align-items:center;
  gap:12px;
  padding:10px 12px;
  border-radius:18px;
  text-decoration:none;
  color:inherit;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.14);
  transition:transform .16s ease, background .16s ease, border-color .16s ease;
}

.egpnIce__item:hover{
  transform:translateY(-1px);
  background:rgba(0,0,0,.20);
  border-color:rgba(255,255,255,.18);
}

.egpnIce__thumb{
  width:54px;
  height:54px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.14);
  background-size:cover;
  background-position:center;
  box-shadow:var(--shadow2);
}

.egpnIce__thumb--conf1{ background-image:url("https://www.egpn.fr/salon-environnement/montpellier/wp-content/uploads/sites/2/2026/01/Prochainement-1.png"); }
.egpnIce__thumb--conf2{ background-image:url("https://www.egpn.fr/salon-environnement/montpellier/wp-content/uploads/sites/2/2026/01/Prochainement-1.png"); }
.egpnIce__thumb--conf3{ background-image:url("https://www.egpn.fr/salon-environnement/montpellier/wp-content/uploads/sites/2/2026/01/Prochainement-1.png"); }
.egpnIce__thumb--conf4{ background-image:url("https://www.egpn.fr/salon-environnement/montpellier/wp-content/uploads/sites/2/2026/01/Prochainement-1.png"); }
.egpnIce__thumb--conf5{ background-image:url("https://www.egpn.fr/salon-environnement/montpellier/wp-content/uploads/sites/2/2026/01/Prochainement-1.png"); }
.egpnIce__thumb--conf6{ background-image:url("https://www.egpn.fr/salon-environnement/montpellier/wp-content/uploads/sites/2/2026/01/Prochainement-1.png"); }
.egpnIce__thumb--conf7{ background-image:url("https://www.egpn.fr/salon-environnement/montpellier/wp-content/uploads/sites/2/2026/01/Prochainement-1.png"); }
.egpnIce__thumb--conf8{ background-image:url("https://www.egpn.fr/salon-environnement/montpellier/wp-content/uploads/sites/2/2026/01/Prochainement-1.png"); }
.egpnIce__thumb--conf9{ background-image:url("https://www.egpn.fr/salon-environnement/montpellier/wp-content/uploads/sites/2/2026/01/Prochainement-1.png"); }
.egpnIce__thumb--conf10{ background-image:url("https://www.egpn.fr/salon-environnement/montpellier/wp-content/uploads/sites/2/2026/01/Prochainement-1.png"); }

.egpnIce__itemText{ min-width:0; display:grid; gap:4px; }

.egpnIce__itemName{
  font-weight:950;
  letter-spacing:.04em;
  color:rgba(255,255,255,.94);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.egpnIce__itemMeta{
  font-size:12px;
  letter-spacing:.10em;
  text-transform:uppercase;
  color:rgba(255,255,255,.70);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.egpnIce__itemGo{ color:rgba(255,255,255,.72); font-size:18px; }

.egpnIce__desc{
  position:relative;
  padding:0;
}

.egpnIce__panel,
.egpnIce__empty{
  position:absolute;
  inset:14px;
  height:96.5%;
}

.egpnIce__panelFill{
  height:96.5%;
  position:absolute;
  padding: 0;
}

.egpnIce__empty{
  position:absolute;
  inset:14px;
}

.egpnIce__emptyCard{
  height:100%;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.16);
  padding:18px;
  display:grid;
  align-content:flex-start;
  gap:10px;
}

.egpnIce__emptyTitle{
  font-size:18px;
  font-weight:950;
  letter-spacing:.06em;
  color:rgba(255,255,255,.92);
}

.egpnIce__emptyText{
  color:rgba(255,255,255,.76);
  line-height:1.75;
  font-size:14px;
  max-width:86ch;
}

.egpnIce__panel{
  position:absolute;
  inset:14px;
  height:calc(100% - 28px);
  border-radius:22px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.18);
  box-shadow:var(--shadow2);
  opacity:0;
  transform:translateY(-20px);
  transition:opacity .5s ease, transform 1s ease;
}

.egpnIce__panel:target{
  max-height:100%;
  opacity:1;
  transform:translateY(0);
}

.egpnIce__panelBg{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  transform:scale(1.02);
  filter:saturate(1.06) contrast(1.05);
}

.egpnIce__panelBg--conf1{ background-image:url("https://www.egpn.fr/salon-environnement/montpellier/wp-content/uploads/sites/2/2026/01/Prochainement-1.png"); }
.egpnIce__panelBg--conf2{ background-image:url("https://www.egpn.fr/salon-environnement/montpellier/wp-content/uploads/sites/2/2026/01/Prochainement-1.png"); }
.egpnIce__panelBg--conf3{ background-image:url("https://www.egpn.fr/salon-environnement/montpellier/wp-content/uploads/sites/2/2026/01/Prochainement-1.png"); }
.egpnIce__panelBg--conf4{ background-image:url("https://www.egpn.fr/salon-environnement/montpellier/wp-content/uploads/sites/2/2026/01/Prochainement-1.png"); }
.egpnIce__panelBg--conf5{ background-image:url("https://www.egpn.fr/salon-environnement/montpellier/wp-content/uploads/sites/2/2026/01/Prochainement-1.png"); }
.egpnIce__panelBg--conf6{ background-image:url("https://www.egpn.fr/salon-environnement/montpellier/wp-content/uploads/sites/2/2026/01/Prochainement-1.png"); }
.egpnIce__panelBg--conf7{ background-image:url("https://www.egpn.fr/salon-environnement/montpellier/wp-content/uploads/sites/2/2026/01/Prochainement-1.png"); }
.egpnIce__panelBg--conf8{ background-image:url("https://www.egpn.fr/salon-environnement/montpellier/wp-content/uploads/sites/2/2026/01/Prochainement-1.png"); }
.egpnIce__panelBg--conf9{ background-image:url("https://www.egpn.fr/salon-environnement/montpellier/wp-content/uploads/sites/2/2026/01/Prochainement-1.png"); }
.egpnIce__panelBg--conf10{ background-image:url("https://www.egpn.fr/salon-environnement/montpellier/wp-content/uploads/sites/2/2026/01/Prochainement-1.png"); }

.egpnIce__panelGlass{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(0,0,0,.48) 0%, rgba(0,0,0,.16) 46%, rgba(0,0,0,.40) 100%),
    linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,.62) 100%);
}

.egpnIce__panelInner{
  position:relative;
  z-index:2;
  padding:18px;
  height:100%;
  display:grid;
  gap:14px;
  align-content:end;
}

.egpnIce__panelTop{
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(10px);
  width:max-content;
}

.egpnIce__panelTag,
.egpnIce__panelTag2{
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-weight:900;
  color:rgba(255,255,255,.86);
}

.egpnIce__panelLine{ width:22px; height:1px; background:rgba(255,255,255,.22); }

.egpnIce__panelTitle{
  font-size:28px;
  font-weight:950;
  letter-spacing:.06em;
  color:rgba(255,255,255,.96);
}

.egpnIce__panelText{
  color:rgba(255,255,255,.82);
  line-height:1.75;
  font-size:14px;
  max-width:92ch;
}

.egpnIce__panelBottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 12px;
  border-radius:18px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(10px);
}

.egpnIce__panelHint{ color:rgba(255,255,255,.70); font-size:12px; }

.egpnIce__panelBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:999px;
  text-decoration:none;
  color:rgba(255,255,255,.92);
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
  font-size:12px;
}

.egpnIce__panelBtn:hover{ background:rgba(255,255,255,.12); }

.brand{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:15px;
  padding:4px 8px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.18);
  backdrop-filter:blur(10px);
}

.brand__dot{
  width:45px;
  height:45px;
  border-radius:50px;
  background-image:url("https://www.egpn.fr/salon-environnement/montpellier/wp-content/uploads/sites/2/2025/11/cropped-cropped-Logo-2.png");
  background-size:contain;
  background-position:center;
  background-repeat:no-repeat;
  border:1px solid rgba(255,255,255,.8);
  box-shadow:var(--shadow2);
}

.brand__name{
  font-weight:740;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-size:12px;
}

.brand--link{
  position:absolute;
  display:inline-flex;
  width:max-content;
  align-items:center;
  gap:15px;
  padding:4px 8px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.18);
  backdrop-filter:blur(10px);
  text-decoration:none;
  cursor:pointer;
  pointer-events:auto;
  color:#FFFFFF
}

.brand--link:focus-visible{
  outline:2px solid rgba(255,255,255,.65);
  outline-offset:3px;
}

.brand--link:visited,
.brand--link:hover,
.brand--link:active,
.brand--link:focus{
  color:#388024;
}

.brand--link .brand__name{
  color:inherit;
}

.brand--link:hover{
  background:rgba(56,128,36,.18);
  border-color:rgba(56,128,36,.45);
}

.brand--link *{
  pointer-events:none;
}
.egpnIce__empty{ z-index:0; }
.egpnIce__panel{ z-index:1; pointer-events:none; }
.egpnIce__panel:target{ z-index:3; pointer-events:auto; }
.egpnIce__group{ display:grid; gap:10px; }
.egpnIce__groupTitle{
  padding:10px 12px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  backdrop-filter:blur(12px);
  color:rgba(255,255,255,.86);
  font-size:12px;
  font-weight:950;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.egpnIce__panel{ scroll-margin-top:120px; }



 /* =========================================

   2. HARMONISATION (À METTRE À LA FIN)

   ========================================= */



/* --- ADAPTATION TOUS LAPTOPS (min-width: 1025px) --- */

@media screen and (min-width: 1025px) {

  

  .egpnIce {

    position: fixed !important;

    inset: 0 !important;

    height: 100vh !important;

    width: 100% !important;

  }

  .egpnIce__menu{

  display:flex;

  align-items:center;

  gap:20px;

  padding:17px 17px;

  border-radius:999px;

  background:rgba(255,255,255,.06);

  border:1px solid rgba(255,255,255,.12);

  backdrop-filter:blur(10px);

}

/* On cale la Topbar exactement comme dans ton fix */

  .topbar {

    top: 2vh !important;

    left: 2vw !important;

  }



  /* On aère le layout principal tout en gardant sa forme */

  .egpnIce__layout {

    position: absolute !important;

    top: 50% !important;

    left: 50% !important;

    transform: translate(-50%, -50%) !important;

    width: 95% !important;

    max-width: 1600px !important;

    height: 71vh !important; /* On fixe la hauteur pour l'uniformité */

    padding: 0 !important;

    margin: 0 !important;

  }



  /* On remonte un peu le titre à l'intérieur du bloc stands */

  .egpnIce__standsHead {

    padding: 3vh 20px 2vh !important;

  }



  .egpnIce__standsTitle {

    font-size: clamp(1.8rem, 4vh, 3rem) !important;

  }
}
/* =========================================
   3. FOOTER
   ========================================= */
.pagefooter {
 position: Fixed; 
  bottom: 0;          
  left: 0; 
  right: 0;          
  z-index: 6;
  width: min(1700px, 100%); max-height: var(--footCap);
  justify-self: center; align-self: end;
  display: flex; justify-content: space-between; align-items: center; gap: 12px;
  padding-bottom: calc(clamp(0px, 20vh, 84px) + var(--safeBottom));
  transform: translateZ(8px) ;
  opacity: 50%;
}
 .pagefooter::after {
  content: "Réalisé avec ❤️ par Jules Cadiou";
  font-size: 10px;
  opacity: 0;
  transition: opacity 5s ease; /* Il faut rester 3 secondes dessus */
}

.pagefooter:hover::after {
  opacity: 0.4;
}
.gchip {
  padding: 10px 14px; border-radius: 999px; font-size: .7rem; letter-spacing: .12em;
  text-transform: uppercase; text-decoration: none;
  background: linear-gradient(180deg, rgba(0, 0, 0, .24), rgba(0, 0, 0, .10));
  border: 1px solid rgba(255, 255, 255, .14); color: #fff;
  box-shadow: 0 18px 66px rgba(0, 0, 0, .56), inset 0 1px 0 rgba(255, 255, 255, .12);
  transform: translateZ(0);
  transition: transform 260ms var(--easeOut), background 260ms var(--easeOut), border-color 260ms var(--easeOut), box-shadow 260ms var(--easeOut), filter 260ms var(--easeOut);
}

@supports (backdrop-filter: blur(12px)) or (-webkit-backdrop-filter: blur(12px)) {
  .gchip {
    -webkit-backdrop-filter: blur(12px) saturate(1.10);
    backdrop-filter: blur(12px) saturate(1.10);
  }
}

.gchip:hover {
  transform: translateY(-1px);
  background: linear-gradient(180deg, rgba(56, 128, 36, .24), rgba(0, 0, 0, .10));
  border-color: rgba(56, 128, 36, .55);
  box-shadow: 0 28px 100px rgba(0, 0, 0, .68), 0 0 0 1px rgba(56, 128, 36, .18), inset 0 1px 0 rgba(255, 255, 255, .14);
  filter: saturate(1.02); color: #fff;
}
.gchip:focus-visible { box-shadow: var(--ring); }









Ce site a été conçu et réalisé par votre cher serviteur @julcadrey, le président du Salon 2026/* End custom CSS */
/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-0604ffb */:root{
  --ease: cubic-bezier(.2, .9, .2, 1);
  --easeOut: cubic-bezier(.16, 1, .3, 1);
  --radius-xl: 38px;
  --radius-lg: 28px;
  --radius-md: 18px;
  --shadow-1: 0 10px 34px rgba(0, 0, 0, .38);
  --shadow-2: 0 24px 78px rgba(0, 0, 0, .60);
  --shadow-3: 0 42px 150px rgba(0, 0, 0, .74);
  --ring: 0 0 0 1px rgba(255, 255, 255, .12), 0 0 0 4px rgba(56, 128, 36, .22), 0 20px 60px rgba(0, 0, 0, .40);
  --panelBorder: rgba(255, 255, 255, .14);
  --grain: radial-gradient(circle at 1px 1px, rgba(255, 255, 255, .10) 1px, transparent 0);
  --grain2: radial-gradient(circle at 1px 1px, rgba(0, 0, 0, .22) 1px, transparent 0);
  --pad: clamp(14px, 3vw, 34px);
  --gap: clamp(14px, 2.2vh, 22px);
  --heroCap: clamp(210px, 26vh, 320px);
  --footCap: clamp(1px, 1vh, 1px);
  --honeyCap: clamp(320px, 52vh, 560px);
  --honeyLift: clamp(0px, 1.6vh, 14px);
  --honeyGlassLift: clamp(0px, 1.2vh, 12px);
  --safeTop: env(safe-area-inset-top, 0px);
  --safeBottom: env(safe-area-inset-bottom, 0px);
  --safeLeft: env(safe-area-inset-left, 0px);
  --safeRight: env(safe-area-inset-right, 0px);
}

html, body{
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  overflow:hidden;
  filter: brightness(1.2);
}

.egpnIce{
  --bgImg:url("https://www.egpn.fr/salon-environnement/montpellier/wp-content/uploads/sites/2/2025/11/pic-2-e1769263030344.jpg");
  --shadow2:0 16px 44px rgba(0,0,0,.28);
  position:relative;
  background:#07101f;
  color:rgba(255,255,255,.92);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif;
  overflow:hidden;
}

.egpnIce--full{
  position:fixed;
  inset:0;
  width:100vw;
  height:100vh;
  max-width:none;
  border-radius:0;
  box-shadow:none;
}

.egpnIce__bg{
  position:absolute;
  inset:0;
  background-image:
    radial-gradient(900px 560px at 28% 42%, rgba(120,182,75,.22), transparent 62%),
    radial-gradient(900px 560px at 76% 30%, rgba(122,162,255,.18), transparent 62%),
    radial-gradient(700px 520px at 72% 68%, rgba(200,120,255,.12), transparent 64%),
    linear-gradient(180deg, rgba(3,6,12,.18) 0%, rgba(3,6,12,.60) 100%),
    var(--bgImg);
  background-size:cover;
  background-position:center;
  filter: blur(18px) saturate(1.16) contrast(1.06);
  transform:scale(1.02);
}

.egpnIce__veil{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(0,0,0,.28) 0%, rgba(0,0,0,.06) 40%, rgba(0,0,0,.24) 100%),
    linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.38) 100%);
  pointer-events:none;
}

.topbar{
  position:fixed;
  top:18px;
  left:18px;
  pointer-events:auto;
  padding: 50px 0px 40px ;
  z-index:50;
}

.egpnIce__top{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns: 1fr auto 1fr;
  align-items:center;
  gap:14px;
  padding:60px 22px;
}

.egpnIce__brand{ display:flex; align-items:center; gap:12px; min-width:0; }

.egpnIce__brandText{
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(255,255,255,.80);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.egpnIce__menu{
  display:flex;
  align-items:center;
  gap:20px;
  padding:17px 17px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(10px);
}

.egpnIce__link{
  text-decoration:none;
  color:rgba(255,255,255,.80);
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  padding:8px 10px;
  border-radius:999px;
}

.egpnIce__link:hover{
  background:rgba(255,255,255,.08);
  color:rgba(255,255,255,.92);
}

.egpnIce__link:focus-visible,
.egpnIce__iconBtn:focus-visible,
.egpnIce__item:focus-visible,
.egpnIce__panelBtn:focus-visible{
  outline:2px solid rgba(255,255,255,.65);
  outline-offset:3px;
}

.egpnIce__actions{ display:flex; justify-content:flex-end; gap:10px; }

.egpnIce__iconBtn{
  width:42px;
  height:42px;
  border-radius:999px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.86);
  backdrop-filter:blur(10px);
  text-decoration:none;
}

.egpnIce__iconBtn:hover{ background:rgba(255,255,255,.10); }

.egpnIce__layout{
  position:relative;
  z-index:2;
  padding:0px 50px 150px;
  display:grid;
  grid-template-columns: 420px 1fr;
  gap:18px;
  height:calc(100vh - 78px);
}

.egpnIce__stands,
.egpnIce__desc{
  border-radius:22px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(12px);
  overflow:hidden;
  min-height:0;
}

.egpnIce__stands{
  display:grid;
  grid-template-rows:auto 1fr;
}

.egpnIce__standsHead{
  padding:18px 18px 14px;
  border-bottom:1px solid rgba(255,255,255,.10);
}

.egpnIce__standsKicker{
  color:rgba(255,255,255,.70);
  letter-spacing:.22em;
  text-transform:uppercase;
  font-size:12px;
  font-weight:850;
}

.egpnIce__standsTitle{
  margin-top:12px;
  font-size:42px;
  letter-spacing:.18em;
  text-transform:uppercase;
  line-height:1;
  font-weight:950;
  color:rgba(255,255,255,.94);
}

.egpnIce__standsHint{
  margin-top:12px;
  color:rgba(255,255,255,.72);
  font-size:13px;
  line-height:1.6;
}

.egpnIce__list{
  padding:12px;
  display:grid;
  gap:10px;
  overflow:auto;
  scroll-behavior:smooth;
}

.egpnIce__list::-webkit-scrollbar{ width:10px; }

.egpnIce__list::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.18);
  border-radius:999px;
  border:2px solid rgba(0,0,0,.20);
}

.egpnIce__item{
  display:grid;
  grid-template-columns: 54px 1fr 18px;
  align-items:center;
  gap:12px;
  padding:10px 12px;
  border-radius:18px;
  text-decoration:none;
  color:inherit;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.14);
  transition:transform .16s ease, background .16s ease, border-color .16s ease;
}

.egpnIce__item:hover{
  transform:translateY(-1px);
  background:rgba(0,0,0,.20);
  border-color:rgba(255,255,255,.18);
}

.egpnIce__thumb{
  width:54px;
  height:54px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.14);
  background-size:cover;
  background-position:center;
  box-shadow:var(--shadow2);
}

.egpnIce__thumb--conf1{ background-image:url("https://www.egpn.fr/salon-environnement/montpellier/wp-content/uploads/sites/2/2026/01/Prochainement-1.png"); }
.egpnIce__thumb--conf2{ background-image:url("https://www.egpn.fr/salon-environnement/montpellier/wp-content/uploads/sites/2/2026/01/Prochainement-1.png"); }
.egpnIce__thumb--conf3{ background-image:url("https://www.egpn.fr/salon-environnement/montpellier/wp-content/uploads/sites/2/2026/01/Prochainement-1.png"); }
.egpnIce__thumb--conf4{ background-image:url("https://www.egpn.fr/salon-environnement/montpellier/wp-content/uploads/sites/2/2026/01/Prochainement-1.png"); }
.egpnIce__thumb--conf5{ background-image:url("https://www.egpn.fr/salon-environnement/montpellier/wp-content/uploads/sites/2/2026/01/Prochainement-1.png"); }
.egpnIce__thumb--conf6{ background-image:url("https://www.egpn.fr/salon-environnement/montpellier/wp-content/uploads/sites/2/2026/01/Prochainement-1.png"); }
.egpnIce__thumb--conf7{ background-image:url("https://www.egpn.fr/salon-environnement/montpellier/wp-content/uploads/sites/2/2026/01/Prochainement-1.png"); }
.egpnIce__thumb--conf8{ background-image:url("https://www.egpn.fr/salon-environnement/montpellier/wp-content/uploads/sites/2/2026/01/Prochainement-1.png"); }
.egpnIce__thumb--conf9{ background-image:url("https://www.egpn.fr/salon-environnement/montpellier/wp-content/uploads/sites/2/2026/01/Prochainement-1.png"); }
.egpnIce__thumb--conf10{ background-image:url("https://www.egpn.fr/salon-environnement/montpellier/wp-content/uploads/sites/2/2026/01/Prochainement-1.png"); }

.egpnIce__itemText{ min-width:0; display:grid; gap:4px; }

.egpnIce__itemName{
  font-weight:950;
  letter-spacing:.04em;
  color:rgba(255,255,255,.94);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.egpnIce__itemMeta{
  font-size:12px;
  letter-spacing:.10em;
  text-transform:uppercase;
  color:rgba(255,255,255,.70);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.egpnIce__itemGo{ color:rgba(255,255,255,.72); font-size:18px; }

.egpnIce__desc{
  position:relative;
  padding:0;
}

.egpnIce__panel,
.egpnIce__empty{
  position:absolute;
  inset:14px;
  height:96.5%;
}

.egpnIce__panelFill{
  height:96.5%;
  position:absolute;
  padding: 0;
}

.egpnIce__empty{
  position:absolute;
  inset:14px;
}

.egpnIce__emptyCard{
  height:100%;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.16);
  padding:18px;
  display:grid;
  align-content:flex-start;
  gap:10px;
}

.egpnIce__emptyTitle{
  font-size:18px;
  font-weight:950;
  letter-spacing:.06em;
  color:rgba(255,255,255,.92);
}

.egpnIce__emptyText{
  color:rgba(255,255,255,.76);
  line-height:1.75;
  font-size:14px;
  max-width:86ch;
}

.egpnIce__panel{
  position:absolute;
  inset:14px;
  height:calc(100% - 28px);
  border-radius:22px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.18);
  box-shadow:var(--shadow2);
  opacity:0;
  transform:translateY(-20px);
  transition:opacity .5s ease, transform 1s ease;
}

.egpnIce__panel:target{
  max-height:100%;
  opacity:1;
  transform:translateY(0);
}

.egpnIce__panelBg{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  transform:scale(1.02);
  filter:saturate(1.06) contrast(1.05);
}

.egpnIce__panelBg--conf1{ background-image:url("https://www.egpn.fr/salon-environnement/montpellier/wp-content/uploads/sites/2/2026/01/Prochainement-1.png"); }
.egpnIce__panelBg--conf2{ background-image:url("https://www.egpn.fr/salon-environnement/montpellier/wp-content/uploads/sites/2/2026/01/Prochainement-1.png"); }
.egpnIce__panelBg--conf3{ background-image:url("https://www.egpn.fr/salon-environnement/montpellier/wp-content/uploads/sites/2/2026/01/Prochainement-1.png"); }
.egpnIce__panelBg--conf4{ background-image:url("https://www.egpn.fr/salon-environnement/montpellier/wp-content/uploads/sites/2/2026/01/Prochainement-1.png"); }
.egpnIce__panelBg--conf5{ background-image:url("https://www.egpn.fr/salon-environnement/montpellier/wp-content/uploads/sites/2/2026/01/Prochainement-1.png"); }
.egpnIce__panelBg--conf6{ background-image:url("https://www.egpn.fr/salon-environnement/montpellier/wp-content/uploads/sites/2/2026/01/Prochainement-1.png"); }
.egpnIce__panelBg--conf7{ background-image:url("https://www.egpn.fr/salon-environnement/montpellier/wp-content/uploads/sites/2/2026/01/Prochainement-1.png"); }
.egpnIce__panelBg--conf8{ background-image:url("https://www.egpn.fr/salon-environnement/montpellier/wp-content/uploads/sites/2/2026/01/Prochainement-1.png"); }
.egpnIce__panelBg--conf9{ background-image:url("https://www.egpn.fr/salon-environnement/montpellier/wp-content/uploads/sites/2/2026/01/Prochainement-1.png"); }
.egpnIce__panelBg--conf10{ background-image:url("https://www.egpn.fr/salon-environnement/montpellier/wp-content/uploads/sites/2/2026/01/Prochainement-1.png"); }

.egpnIce__panelGlass{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(0,0,0,.48) 0%, rgba(0,0,0,.16) 46%, rgba(0,0,0,.40) 100%),
    linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,.62) 100%);
}

.egpnIce__panelInner{
  position:relative;
  z-index:2;
  padding:18px;
  height:100%;
  display:grid;
  gap:14px;
  align-content:end;
}

.egpnIce__panelTop{
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(10px);
  width:max-content;
}

.egpnIce__panelTag,
.egpnIce__panelTag2{
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-weight:900;
  color:rgba(255,255,255,.86);
}

.egpnIce__panelLine{ width:22px; height:1px; background:rgba(255,255,255,.22); }

.egpnIce__panelTitle{
  font-size:28px;
  font-weight:950;
  letter-spacing:.06em;
  color:rgba(255,255,255,.96);
}

.egpnIce__panelText{
  color:rgba(255,255,255,.82);
  line-height:1.75;
  font-size:14px;
  max-width:92ch;
}

.egpnIce__panelBottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 12px;
  border-radius:18px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(10px);
}

.egpnIce__panelHint{ color:rgba(255,255,255,.70); font-size:12px; }

.egpnIce__panelBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:999px;
  text-decoration:none;
  color:rgba(255,255,255,.92);
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
  font-size:12px;
}

.egpnIce__panelBtn:hover{ background:rgba(255,255,255,.12); }

.brand{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:15px;
  padding:4px 8px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.18);
  backdrop-filter:blur(10px);
}

.brand__dot{
  width:45px;
  height:45px;
  border-radius:50px;
  background-image:url("https://www.egpn.fr/salon-environnement/montpellier/wp-content/uploads/sites/2/2025/11/cropped-cropped-Logo-2.png");
  background-size:contain;
  background-position:center;
  background-repeat:no-repeat;
  border:1px solid rgba(255,255,255,.8);
  box-shadow:var(--shadow2);
}

.brand__name{
  font-weight:740;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-size:12px;
}

.brand--link{
  position:absolute;
  display:inline-flex;
  width:max-content;
  align-items:center;
  gap:15px;
  padding:4px 8px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.18);
  backdrop-filter:blur(10px);
  text-decoration:none;
  cursor:pointer;
  pointer-events:auto;
  color:#FFFFFF
}

.brand--link:focus-visible{
  outline:2px solid rgba(255,255,255,.65);
  outline-offset:3px;
}

.brand--link:visited,
.brand--link:hover,
.brand--link:active,
.brand--link:focus{
  color:#388024;
}

.brand--link .brand__name{
  color:inherit;
}

.brand--link:hover{
  background:rgba(56,128,36,.18);
  border-color:rgba(56,128,36,.45);
}

.brand--link *{
  pointer-events:none;
}
.egpnIce__empty{ z-index:0; }
.egpnIce__panel{ z-index:1; pointer-events:none; }
.egpnIce__panel:target{ z-index:3; pointer-events:auto; }
.egpnIce__group{ display:grid; gap:10px; }
.egpnIce__groupTitle{
  padding:10px 12px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  backdrop-filter:blur(12px);
  color:rgba(255,255,255,.86);
  font-size:12px;
  font-weight:950;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.egpnIce__panel{ scroll-margin-top:120px; }

/* =========================================

   2. MOBILE OPTIMISÉ (max-width: 767px)

   ========================================= */



@media screen and (max-width: 767px) {

  html { height: -webkit-fill-available; }
  
  body {
    margin: 0 !important;
    padding: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    overflow: hidden !important; /* Bloque le scroll global */
    background-color: #07101f;
  }
  
  .mobile-group {
   display: flex !important;
    flex-direction: column !important; /* Force l'ordre vertical : Bouton puis Panel */
    position: relative !important;
    margin-bottom: 12px !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
  }

  /* 1. Structure Fixe (App Layout) */

  .egpnIce {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    display: flex !important;
    flex-direction: column !important;
    z-index: 1;
    overflow: hidden !important;
  }



  /* 2. Menu : Positionnement Corrigé */
   .egpnIce__top {
    display: flex !important;
    flex-direction: column !important;
    padding: 50px 15px 10px 15px !important;
    gap: 15px !important;
    z-index: 20;
    height: auto !important;
    background: linear-gradient(to bottom, rgba(7,16,31,0.9), transparent) !important;
  }



  .topbar { position: relative !important; top: 0 !important; left: 0 !important; padding: 0 !important; }

  

  .brand--link {

    position: relative !important;

    width: 100% !important;

    justify-content: center;

    padding: 10px !important;

  }



  /* Menu Scrollable Horizontal */

  /* Menu adapté pour TOUT afficher sans scroller */

  .egpnIce__menu {
display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 5px !important;
  }
  .egpnIce__actions, .egpnIce__standsHint, .egpnIce__standsKicker, .egpnIce__empty {
    display: none !important;
  }

  /* Ajustement des liens pour qu'ils soient compacts */

  .egpnIce__link {
   font-size: 10px !important;
    padding: 6px 10px !important;
    background: rgba(255,255,255,0.1);
    border-radius: 20px;
    margin: 0 !important;
    text-align: center;
    flex: 0 0 auto;
  }

  

 .egpnIce__actions, .egpnIce__standsHint, .egpnIce__standsKicker, .egpnIce__empty {
    display: none !important;
  }



  /* 3. Liste des Stands (Scrollable) */

  .egpnIce__layout {
     display: block !important;
    flex: 1 !important;
    overflow-y: auto !important; /* Scroll activé ici */
    -webkit-overflow-scrolling: touch;
    padding: 0 15px 120px !important; /* Marge en bas pour voir le dernier élément */
    width: 100% !important;
    position: relative !important;
    z-index: 10;
  }

.egpnIce__stands, .egpnIce__standsHead, .egpnIce__list {
    display: block !important;
    border: none !important;
    background: transparent !important;
    backdrop-filter: none !important;
  }

  .egpnIce__stands, .egpnIce__standsHead { 

    display: block !important; border: none !important; background: transparent !important; 

  }
  .egpnIce__standsTitle, .egpnIce__standsHint, .egpnIce__standsKicker { display: none !important; }



  .egpnIce__list {
display: grid !important;
    gap: 12px !important;
  }



  .egpnIce__item {
position: relative !important; /* Reste dans le flux */
    display: grid !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 15px !important;
    border: none !important;
    background: transparent !important;
    z-index: 2 !important;
  }



  /* 4. DESCRIPTION (CORRECTION DU BUG D'AFFICHAGE) */

  

  /* On s'assure que le conteneur parent ne bloque pas */

  .egpnIce__desc {
  position: absolute !important;
    top: 0 !important; left: 0 !important;
    width: 1px !important; height: 1px !important;
    overflow: visible !important;
    pointer-events: none !important;
    background: transparent !important;
    border: none !important;
    backdrop-filter: none !important;
    z-index: 9999 !important;
  }

  

  /* Masquer l'écran vide */

  .egpnIce__empty {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
/* Le Panneau Pop-up */

 [id^="mob-"] {
    position: relative !important; /* Force l'accordéon sous le bouton */
    display: block !important;
    
    /* On annule les réglages PC */
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    inset: auto !important;
    width: 100% !important;
    
    /* Animation Accordéon */
    max-height: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    transition: max-height 0.5s ease-in-out, opacity 0.4s ease !important;
    
    background: rgba(0, 0, 0, 0.3) !important;
    padding: 0 15px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    transform: none !important;
  }



  /* QUAND ON CLIQUE (CIBLE ACTIVE) */

 [id^="mob-"]:target {
    max-height: 1500px !important; /* Déroule l'accordéon */
    opacity: 1 !important;
    padding-top: 20px !important;
    padding-bottom: 25px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  }

[id^="mob-"] .egpnIce__panelBg {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 160px !important;
    border-radius: 12px !important;
    margin-bottom: 15px !important;
    object-fit: cover !important;
    opacity: 1 !important;
    inset: auto !important;
    transform: none !important;
    mask-image: none !important;
    -webkit-mask-image: none !important;
  }
   .egpnIce__panelGlass { display: none !important; }

[id^="mob-"] .egpnIce__panelInner {
    position: relative !important;
    padding: 0 !important;
    display: block !important;
    height: auto !important;
  }
  
  .egpnIce__panelTop {
    margin-bottom: 10px !important;
    background: rgba(0,0,0,0.5) !important; /* Fond plus sombre pour lisibilité */
    width: fit-content;
  }



  .egpnIce__panelTitle {
     font-size: 26px !important;
    color: white !important;
    margin-bottom: 10px !important;
    line-height: 1.1 !important;
    text-shadow: 0 2px 10px rgba(0,0,0,0.8);
  }



  .egpnIce__panelText {
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: rgba(255,255,255,0.9) !important;
    margin-bottom: 20px !important;
  }
  
  .egpnIce__panelBottom {
    margin-top: auto !important; /* Pousse le bouton en bas si possible */
    padding-top: 20px !important;
    background: transparent !important;
    border: none !important;
  }
  
  [id^="mob-"] .egpnIce__panelBtn {
    width: 100% !important;
    justify-content: center !important;
    background: #388024 !important;
    color: white !important;
    margin-top: 15px !important;
  }
  .egpnIce__desc { display: none !important; }

}

/* --- LE CONTENEUR (Plus de hauteur bloquée) --- */
  .mob-pagefooter {
    position: relative !important; /* Suit le flux du scroll, n'est pas permanent */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
    height: auto !important; /* Laisse le contenu définir la taille */
    min-height: min-content !important;
    
    /* Espacement aéré mais maîtrisé */
    padding: 40px 20px 60px 20px !important; 
    gap: 20px !important;
    z-index: 6;
    opacity: 1; /* On remet l'opacité à 1 pour que ce soit lisible */
  }

  /* Style des textes pour correspondre à tes captures */
  .mob-copy {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin: 0 0 5px 0 !important;
  }

  .mob-tagline {
    font-size: 11px !important;
    line-height: 1.4 !important;
    color: rgba(255, 255, 255, 0.6) !important;
    max-width: 280px;
    margin: 0 auto !important;
  }

  /* --- LES BOUTONS (Reprise de tes GCHIPS) --- */
  .mob-footer-actions {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 320px;
  }

  .gchip {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 12px 14px !important; 
    border-radius: 999px !important; 
    font-size: 10px !important; 
    letter-spacing: .10em !important;
    text-transform: uppercase !important; 
    text-decoration: none !important;
    color: #fff !important;
    
    background: linear-gradient(180deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .2)) !important;
    border: 1px solid rgba(255, 255, 255, .14) !important;
    backdrop-filter: blur(12px) saturate(1.10) !important;
    -webkit-backdrop-filter: blur(12px) saturate(1.10) !important;
    
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
  }

  /* Effet Signature Jules (Ton Easter Egg) */
  .mob-pagefooter::after {
    content: "Réalisé avec ❤️ par Jules Cadiou";
    display: block;
    margin-top: 20px;
    font-size: 9px;
    color: rgba(255, 255, 255, 0.3);
    text-transform: uppercase;
  }/* End custom CSS */