/* ===================== IWA — Expertise produit ===================== */
.iwa-product-expertise{
  --violet:#6600FF;
  --rose:#C851D1;
  --lilas:#A567F9;
  --brume:#E5D9FF;
  --ink:#15122B;
  --muted:#5F5B7A;
  --line:rgba(102,0,255,.15);
  --surface:#ffffff;
  --soft:#faf7ff;

  width:100%;
  max-width:960px;
  margin:32px auto;
  padding:0 18px;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--ink);
  clear:both;
}

.iwa-product-expertise *{
  box-sizing:border-box;
}

.iwa-product-expertise .expertise-box{
  position:relative;
  overflow:hidden;
  padding:34px;
  border-radius:28px;
  border:1px solid var(--line);
  background:
    radial-gradient(circle at top left, rgba(229,217,255,.9), transparent 34%),
    radial-gradient(circle at bottom right, rgba(200,81,209,.16), transparent 32%),
    linear-gradient(135deg, #ffffff 0%, var(--soft) 100%);
  box-shadow:0 24px 60px rgba(21,18,43,.08);
}

.iwa-product-expertise .expertise-box::before{
  content:"";
  position:absolute;
  inset:auto -80px -90px auto;
  width:220px;
  height:220px;
  border-radius:50%;
  background:rgba(102,0,255,.08);
  pointer-events:none;
}

.iwa-product-expertise .kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:14px;
  padding:8px 13px;
  border-radius:999px;
  background:rgba(102,0,255,.08);
  color:var(--violet);
  font-size:13px;
  font-weight:800;
  letter-spacing:.02em;
}

.iwa-product-expertise h3{
  margin:0 0 12px;
  font-size:clamp(24px,3vw,34px);
  line-height:1.08;
  letter-spacing:-.04em;
  color:var(--ink);
}

.iwa-product-expertise .intro{
  max-width:760px;
  margin:0 0 24px;
  color:var(--muted);
  font-size:16.5px;
  line-height:1.75;
}

.iwa-product-expertise .intro strong{
  color:var(--ink);
  font-weight:850;
}

.iwa-product-expertise .value-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin:26px 0;
  padding:0;
  list-style:none;
}

.iwa-product-expertise .value-list li{
  position:relative;
  min-height:88px;
  padding:18px 18px 18px 52px;
  border-radius:20px;
  border:1px solid rgba(102,0,255,.12);
  background:rgba(255,255,255,.76);
  box-shadow:0 12px 28px rgba(21,18,43,.05);
}

.iwa-product-expertise .value-list li::before{
  content:"✓";
  position:absolute;
  left:18px;
  top:18px;
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(135deg,var(--violet),var(--rose));
  color:#fff;
  font-size:14px;
  font-weight:900;
  box-shadow:0 8px 18px rgba(102,0,255,.22);
}

.iwa-product-expertise .value-list strong{
  display:block;
  margin-bottom:5px;
  color:var(--ink);
  font-size:15.5px;
  font-weight:850;
}

.iwa-product-expertise .value-list span{
  display:block;
  color:var(--muted);
  font-size:14.5px;
  line-height:1.55;
}

.iwa-product-expertise .bottom-note{
  position:relative;
  margin:4px 0 0;
  padding:18px 20px;
  border-radius:20px;
  background:linear-gradient(135deg,rgba(102,0,255,.1),rgba(200,81,209,.08));
  color:var(--ink);
  font-size:15.5px;
  line-height:1.65;
  font-weight:650;
}

.iwa-product-expertise .bottom-note strong{
  color:var(--violet);
  font-weight:900;
}

/* Quand le bloc est injecté dans la galerie produit WooCommerce */
.woocommerce div.product div.images .iwa-product-expertise{
  max-width:100%;
  margin:24px 0 0;
  padding:0;
}

.woocommerce div.product div.images .iwa-product-expertise .expertise-box{
  padding:26px;
  border-radius:24px;
}

.woocommerce div.product div.images .iwa-product-expertise .value-list{
  grid-template-columns:1fr;
}

.woocommerce div.product div.images .iwa-product-expertise .value-list li{
  min-height:auto;
}

@media (max-width:760px){
  .iwa-product-expertise{
    padding:0 14px;
  }

  .iwa-product-expertise .expertise-box{
    padding:26px 20px;
    border-radius:24px;
  }

  .iwa-product-expertise .value-list{
    grid-template-columns:1fr;
  }

  .iwa-product-expertise .value-list li{
    min-height:auto;
  }
}
