*{box-sizing:border-box}

/* ===== SECTION ===== */
.issnt-domains-section{width:100%;padding:clamp(52px,7vw,96px) 20px;background:linear-gradient(180deg,#ffffff 0%,#fafafa 100%)}
.issnt-domains-wrap{max-width:1320px;margin:0 auto}

/* ===== HEADER ===== */
.issnt-domains-header{text-align:center;max-width:820px;margin:0 auto clamp(30px,4vw,46px)}
.issnt-domains-eyebrow{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#7c1679;background:rgba(124,22,121,.08);border:1px solid rgba(124,22,121,.12);margin-bottom:12px;box-shadow:0 4px 12px rgba(124,22,121,.06)}
.issnt-domains-title{margin:0 0 12px;font-size:clamp(30px,4vw,44px);line-height:1.08;font-weight:900;letter-spacing:-.04em;color:#111827}
.issnt-domains-subtitle{margin:0 auto;max-width:760px;font-size:15.5px;line-height:1.8;color:#6b7280}

/* ===== GRID ===== */
.issnt-domains-grid{display:grid;gap:24px;align-items:stretch}
.issnt-equal .issnt-domain-card{height:100%}
.issnt-cols-1{grid-template-columns:1fr}
.issnt-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.issnt-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.issnt-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}

/* ===== CARD ===== */
.issnt-domain-card{position:relative;background:#fff;border:1px solid rgba(17,24,39,.06);border-radius:24px;overflow:hidden;box-shadow:0 12px 30px rgba(15,23,42,.06);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease;display:flex;flex-direction:column;min-height:100%;isolation:isolate}
.issnt-domain-card:hover{transform:translateY(-8px);box-shadow:0 22px 42px rgba(15,23,42,.1);border-color:rgba(124,22,121,.14)}
.issnt-domain-link{position:absolute;inset:0;z-index:4;text-indent:-9999px;overflow:hidden}

/* ===== MEDIA ===== */
.issnt-domain-media{position:relative;min-height:190px;padding:18px;background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;isolation:isolate;overflow:hidden}
.issnt-domain-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,.08) 0%, color-mix(in srgb, var(--overlay-color) calc(var(--overlay-opacity, .78) * 100%), transparent) 100%);z-index:0}
.issnt-domain-media:after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 40%);pointer-events:none;z-index:1}
.issnt-domain-icon{position:relative;z-index:2;width:42px;height:42px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.18);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);margin-bottom:14px;box-shadow:0 10px 22px rgba(0,0,0,.12)}
.issnt-domain-icon svg,.issnt-domain-icon i{width:20px;height:20px;font-size:20px;display:block;color:currentColor}
.issnt-domain-media-text{position:relative;z-index:2}
.issnt-domain-media-text h3{margin:0;font-size:clamp(16px,1.8vw,19px);line-height:1.18;font-weight:900;letter-spacing:-.02em;text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,.22)}

/* ===== BODY / LISTE DES FILIERES (ALIGNEMENT CORRIGE) ===== */
.issnt-domain-body{
  padding:18px 18px 20px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;      /* colonne alignée à gauche, plus de décalage aléatoire */
  gap:12px;
  background:#fff;
  width:100%;
}
.issnt-domain-line{
  display:flex;
  align-items:center;          /* centre verticalement badge + texte */
  justify-content:flex-start;  /* aligne tout à gauche, corrige la zone rouge signalée */
  gap:10px;
  width:100%;
  text-align:left;
}
.issnt-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:60px;
  flex:0 0 auto;
  padding:4px 10px;
  border-radius:8px;
  font-size:11px;
  font-weight:700;
  line-height:1.4;
  white-space:nowrap;
  color:#1d4ed8;
  background:#eef4ff;
  border:1px solid rgba(29,78,216,.08);
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset;
}
.issnt-badge-master{color:#be185d;background:#fdf2f8;border-color:rgba(190,24,93,.1)}
.issnt-domain-text{flex:1 1 auto;font-size:14px;line-height:1.55;color:#374151;text-align:left}

/* ===== FOOTER / CTA ===== */
.issnt-domains-footer{display:flex;justify-content:center;margin-top:36px}
.issnt-domains-cta{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:10px;background:#7c1679;color:#fff;text-decoration:none;font-weight:700;font-size:13px;line-height:1.4;box-shadow:0 6px 16px rgba(124,22,121,.18);transition:transform .25s ease,box-shadow .25s ease,filter .25s ease,background-color .25s ease}
.issnt-domains-cta:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(124,22,121,.24);filter:saturate(1.05)}
.issnt-domains-cta svg{width:13px;height:13px}
.issnt-domains-cta i{font-size:13px;line-height:1}

/* ===== LAYOUT VARIANTS ===== */
.issnt-layout-card .issnt-domain-media{min-height:165px}
.issnt-layout-minimal .issnt-domain-card{border-radius:18px;box-shadow:none}
.issnt-layout-minimal .issnt-domain-media{min-height:150px}
.issnt-layout-minimal .issnt-domain-body{padding:16px 16px 18px}

/* ===== RESPONSIVE ===== */
@media (max-width:1180px){.issnt-cols-4,.issnt-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
  .issnt-domains-section{padding:40px 16px}
  .issnt-cols-2,.issnt-cols-3,.issnt-cols-4{grid-template-columns:1fr}
  .issnt-domain-card{border-radius:20px}
  .issnt-domain-media{min-height:156px;padding:16px}
  .issnt-domain-body{padding:16px}
  .issnt-domains-cta{width:auto;justify-content:center}
}

/* ===== ANIMATIONS D'ENTREE ===== */
.issnt-domain-card{animation:issntFadeUp .6s ease both}
@keyframes issntFadeUp{
  from{opacity:0;transform:translateY(20px)}
  to{opacity:1;transform:translateY(0)}
}


/* ===== COLONNES RESPONSIVES (Tablette / Mobile) ===== */
@media (max-width:1180px){
  .issnt-cols-tablet-1{grid-template-columns:1fr}
  .issnt-cols-tablet-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .issnt-cols-tablet-3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:760px){
  .issnt-cols-mobile-1{grid-template-columns:1fr}
  .issnt-cols-mobile-2{grid-template-columns:repeat(2,minmax(0,1fr))}
}