.elementor-29 .elementor-element.elementor-element-16878f3{--display:flex;--min-height:508px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;}.elementor-29 .elementor-element.elementor-element-16878f3:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-16878f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://portemetal.com/wp-content/uploads/2025/12/back-produit.webp");}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-29 .elementor-element.elementor-element-992ca03{width:var( --container-widget-width, 53% );max-width:53%;margin:130px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:53%;--container-widget-flex-grow:0;text-align:start;}.elementor-29 .elementor-element.elementor-element-992ca03 .elementor-heading-title{font-family:"Serotiva semi-bold", Sans-serif;font-size:60px;font-weight:600;color:var( --e-global-color-b95c848 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-29 .elementor-element.elementor-element-6058f51{width:initial;max-width:initial;text-align:start;font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-b95c848 );}.elementor-29 .elementor-element.elementor-element-6058f51.elementor-element{--align-self:flex-start;}.elementor-29 .elementor-element.elementor-element-b264dcf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-29 .elementor-element.elementor-element-4c5cbc3{--display:flex;}@media(max-width:767px){.elementor-29 .elementor-element.elementor-element-16878f3{--min-height:507px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-29 .elementor-element.elementor-element-16878f3:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-16878f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-29 .elementor-element.elementor-element-992ca03{width:100%;max-width:100%;}.elementor-29 .elementor-element.elementor-element-992ca03 .elementor-heading-title{font-size:47px;}}/* Start custom CSS *//* Cache le libellé texte des badges (EI0, CR3, 35 dB) */
.badge {
  font-size: 0;

}

.badge__icon {
  font-size: initial;
  width:35px;
}

.porte__badges {
    margin-right: 40px;
} 

/* =========================
   CONTAINER GLOBAL
========================= */

.porte {
  padding-right: 0 !important;
}

.porte__inner--new {
  display: grid;
  grid-template-columns: 90px 1.2fr 1.15fr 2fr 80px;
  align-items: center;
  gap: 34px;
  min-height: 150px;
  background: #f7f7f7;
  border-radius: 18px;
  overflow: hidden;
  padding: 0px 0 0px 24px;
}

/* =========================
   IMAGE
========================= */

.porte__image img {
  max-height: 115px;
  width: auto;
}

/* =========================
   TITRE
========================= */

.porte__title {
  margin: 0;
}

.titre_porte {
  display: inline-flex;
  flex-direction: column;
  color: #111;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.05;
}

.titre_porte__prefix {
  font-size: 24px;
  font-weight: 400;
}

.titre_porte__name {
  font-size: 30px;
  font-weight: 900;
}

/* =========================
   BADGES
========================= */

.porte__badges {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 22px;
}

/* 🔥 badges plus gros */
.porte__inner--new .badge__icon {
  width: 40px;
  height: auto;
}

/* =========================
   BOUTONS
========================= */

.porte__links--buttons {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  flex-wrap: nowrap;
}

.porte__link--button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #A8302D;
  color: #fff !important;
  border-radius: 999px;
  padding: 5px 10px;
  text-decoration: none !important;
  font-family: "Serotiva semi-bold";
  font-size: 14px;
  line-height: 1;
  white-space: nowrap;
}

.porte__link--button:hover {
  background: #8f2927;
  color: #fff !important;
}

.porte__download {
  font-size: 18px;
  line-height: 1;
}

/* =========================
   FLÈCHE DROITE
========================= */

.porte__details--big {
  align-self: stretch;
  height: 100%;
  background: #A8302D;
  color: #fff !important;
  font-size: 70px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none !important;
  margin-right: 0 !important;
}

.porte__details--big:hover {
  background: #8f2927;
}

/* =========================
   RESPONSIVE
========================= */

@media (max-width: 1024px) {
  .porte__inner--new {
    grid-template-columns: 80px 1fr;
    padding: 18px;
    gap: 20px;
  }

  .porte__badges,
  .porte__links--buttons,
  .porte__details--big {
    grid-column: 1 / -1;
  }

  .porte__links--buttons {
    flex-wrap: wrap;
  }

  .porte__details--big {
    min-height: 60px;
    border-radius: 14px;
    font-size: 46px;
  }
}

/* =========================
   ANIMATION RESULTATS
========================= */

.bloc-resultats.resultats-refresh,
.liste-portes.resultats-refresh {
  animation: pmFadeResults 0.45s ease both;
}

@keyframes pmFadeResults {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Serotiva semi-bold';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://portemetal.com/wp-content/uploads/2025/12/Serotiva-SemiBold.ttf') format('truetype');
}
/* End Custom Fonts CSS */