/* Idéal Web — Bêta B2B pricing clarity V1
   Message commercial commun aux pages qui citent les tarifs. */
.iw-beta-pricing-strip{width:min(1180px,calc(100% - 32px));margin:14px auto 24px;padding:14px 16px;border:1px solid rgba(9,133,79,.2);border-radius:18px;background:linear-gradient(135deg,#f0fbf5 0%,#ffffff 58%,#f7fcf9 100%);box-shadow:0 12px 32px rgba(4,56,35,.07);color:#173d30;font:700 13px/1.45 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.iw-beta-pricing-strip strong{color:#087845;font-weight:950}
.iw-beta-pricing-strip .iw-beta-pricing-main{display:flex;flex-wrap:wrap;align-items:center;gap:7px 14px}
.iw-beta-pricing-strip .iw-beta-pricing-main b{color:#0c2119;font-weight:950}
.iw-beta-pricing-strip .iw-beta-pricing-saving{display:block;margin-top:7px;color:#4d665c;font-weight:750}
.iw-beta-pricing-strip .iw-beta-pricing-saving b{color:#087845}
@media(max-width:680px){.iw-beta-pricing-strip{width:min(100% - 20px,1180px);margin:10px auto 18px;padding:12px 13px;border-radius:15px;font-size:12px}.iw-beta-pricing-strip .iw-beta-pricing-main{display:grid;gap:4px}}
/* Tarifs : rappel SLA lisible dans chaque carte payante. */
.iw-delivery-note{margin:12px 0 14px;padding:10px 12px;border:1px solid #c8e7d5;border-radius:12px;background:#f3fbf6;color:#15553c;font-weight:800}
.iw-delivery-note strong{color:#087845}


/* V2 — visibilité tarifaire premium, sans animation agressive. */
.iw-beta-pricing-strip{position:relative;overflow:hidden;isolation:isolate}
.iw-beta-pricing-strip::before{content:"";position:absolute;z-index:-1;top:-70%;left:-28%;width:20%;height:240%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),rgba(255,255,255,.82),rgba(255,255,255,.12),transparent);animation:iwBetaPricingShine 5.8s ease-in-out infinite;pointer-events:none}
.iw-beta-pricing-strip .iw-beta-pricing-main b{display:inline-block;padding:2px 5px;border-radius:7px;background:rgba(8,120,69,.06);box-shadow:0 0 0 1px rgba(8,120,69,.08)}
.iw-beta-pricing-strip .iw-beta-pricing-saving b{display:inline-block;position:relative}
.iw-beta-pricing-strip .iw-beta-pricing-saving b::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;border-radius:999px;background:linear-gradient(90deg,rgba(8,120,69,0),rgba(8,120,69,.58),rgba(8,120,69,0));transform:scaleX(.35);transform-origin:center;animation:iwBetaSavingGlow 3.8s ease-in-out infinite}
@keyframes iwBetaPricingShine{0%,62%{left:-28%;opacity:0}68%{opacity:1}82%{left:112%;opacity:.9}100%{left:112%;opacity:0}}
@keyframes iwBetaSavingGlow{0%,100%{transform:scaleX(.35);opacity:.35}50%{transform:scaleX(1);opacity:1}}
@media(prefers-reduced-motion:reduce){.iw-beta-pricing-strip::before,.iw-beta-pricing-strip .iw-beta-pricing-saving b::after{animation:none!important}.iw-beta-pricing-strip::before{display:none}}


/* V3 — système tarifaire compact canonique
   Objectif: 3 offres lisibles sans colonnes démesurées, rythme vertical plus court,
   rendu premium cohérent sur Tarifs, Accueil, Générateur IA, Business Pro et Partenaires. */

/* TARIFS — 3 cartes sur desktop, 2 sur tablette, 1 sur mobile. */
.iw-pricing-section .iw-pricing-grid{
  width:min(100%,1180px);
  margin-inline:auto;
  gap:16px;
  align-items:start;
}
@media(min-width:1100px){
  .iw-pricing-section .iw-pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(min-width:801px) and (max-width:1099px){
  .iw-pricing-section .iw-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:880px}
  .iw-pricing-section .iw-price-card-featured{grid-column:1/-1;width:min(100%,520px);justify-self:center}
}
@media(max-width:800px){
  .iw-pricing-section .iw-pricing-grid{grid-template-columns:1fr!important;max-width:560px}
}
.iw-pricing-section .iw-price-card{
  height:auto!important;
  min-height:0!important;
  padding:22px 20px!important;
  border-radius:20px!important;
  box-shadow:0 12px 34px rgba(3,36,31,.065)!important;
}
.iw-pricing-section .iw-price-card-featured{
  transform:none!important;
  box-shadow:0 16px 42px rgba(8,112,63,.12)!important;
}
.iw-pricing-section .iw-card-topline{gap:9px}
.iw-pricing-section .iw-plan-chip{min-height:26px;padding:5px 8px;font-size:9px}
.iw-pricing-section .plan-note{min-height:0!important;margin:9px 0 10px!important;font-size:12.5px!important;line-height:1.48!important}
.iw-pricing-section .iw-beta-reference{margin:9px 0 1px;gap:7px}
.iw-pricing-section .iw-beta-reference span{font-size:9px}
.iw-pricing-section .iw-beta-reference del{font-size:18px}
.iw-pricing-section .iw-price-card h3{margin:7px 0 6px!important;font-size:clamp(32px,3.05vw,44px)!important;line-height:.98!important;letter-spacing:-.045em!important}
.iw-pricing-section .iw-price-card h3 small{font-size:.28em!important}
.iw-pricing-section .iw-beta-saving{gap:5px 8px;margin:0 0 10px;padding:9px 10px;border-radius:11px}
.iw-pricing-section .iw-beta-saving strong{font-size:11.5px}
.iw-pricing-section .iw-beta-saving span{font-size:9px}
.iw-pricing-section .iw-price-breakdown{gap:7px;margin:0 0 10px}
.iw-pricing-section .iw-price-breakdown span{padding:9px 10px;border-radius:10px;font-size:10.5px;line-height:1.35}
.iw-pricing-section .iw-price-breakdown strong{font-size:16px;line-height:1.25}
.iw-pricing-section .iw-price-breakdown em{font-size:9.5px}
.iw-pricing-section .iw-delivery-note{margin:7px 0 10px;padding:8px 10px;border-radius:10px;font-size:10.8px;line-height:1.45}
.iw-pricing-section .iw-price-detail{min-height:0;margin:0 0 10px;font-size:11px}
.iw-pricing-section .iw-price-card ul{margin:7px 0 14px!important;padding:0!important;gap:0!important}
.iw-pricing-section .iw-price-card li{padding-top:4px!important;padding-bottom:4px!important;font-size:11.5px!important;line-height:1.38!important}
.iw-pricing-section .iw-price-card .button{min-height:44px;padding:11px 14px;font-size:12px}
.iw-pricing-section .iw-card-footnote{margin-top:11px!important;padding-top:11px;font-size:10.5px!important;line-height:1.45!important}

/* Brillance premium: une seule couche.
   Le badge Recommandé garde un plan de superposition séparé afin de ne jamais chevaucher le titre. */
.iw-pricing-section .iw-price-card-featured{overflow:hidden;isolation:isolate}
.iw-pricing-section .iw-price-card-featured::after{
  content:"";position:absolute;z-index:0;top:-45%;left:-42%;width:24%;height:190%;transform:rotate(18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),rgba(255,255,255,.58),rgba(255,255,255,.08),transparent);
  animation:iwCompactPriceShine 7.2s ease-in-out infinite;pointer-events:none
}
.iw-pricing-section .iw-price-card-featured>:not(.popular){position:relative;z-index:1}
.iw-pricing-section .iw-price-card-featured>.popular{position:absolute!important;z-index:3!important;top:14px!important;right:16px!important;left:auto!important;display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;max-width:calc(100% - 32px);min-height:24px;padding:5px 9px!important;margin:0!important;line-height:1.1;white-space:nowrap}
@media(min-width:621px){.iw-pricing-section .iw-price-card-featured .iw-card-topline{padding-right:92px}}
@keyframes iwCompactPriceShine{0%,70%{left:-42%;opacity:0}74%{opacity:.8}86%{left:118%;opacity:.65}100%{left:118%;opacity:0}}

/* ACCUEIL — garde les 3 niveaux côte à côte mais réduit l'impression de gros blocs. */
.home-premium .iw-pricing-compact .iw-price-row{max-width:960px;gap:10px}
.home-premium .iw-pricing-compact .iw-price-row article{padding:1.05rem .95rem!important;border-radius:17px!important;box-shadow:0 10px 28px rgba(3,36,31,.055)}
.home-premium .iw-pricing-compact .iw-price-row strong{font-size:clamp(1.55rem,2.6vw,2.15rem)}
.home-premium .iw-pricing-compact .iw-home-price-reference{min-height:18px;margin:-.1rem 0 .15rem;font-size:.64rem}
.home-premium .iw-pricing-compact .iw-home-payment{margin:.45rem auto .15rem;padding:.48rem .55rem;border-radius:9px;font-size:.7rem}
.home-premium .iw-pricing-compact .iw-home-delivery{margin-top:.3rem;font-size:.72rem}
.home-premium .iw-pricing-compact .iw-price-row article em{margin-top:.4rem;font-size:.65rem}

/* GÉNÉRATEUR IA — cartes plus courtes et aérées. */
.ai332-price-grid{width:min(100%,1040px);margin:1.5rem auto 0!important;gap:.8rem!important;align-items:start}
.ai332-price-card{height:auto!important;min-height:0!important;padding:1.1rem!important;border-radius:18px!important;box-shadow:0 9px 26px rgba(3,36,31,.05)}
.ai332-price-card strong.ai332-euro{font-size:clamp(2rem,3.2vw,2.9rem)!important;margin:.3rem 0!important}
.ai332-price-card h3{font-size:1.05rem!important;margin:.3rem 0 .55rem!important}
.ai332-price-card ul{margin:.1rem 0 .7rem!important}
.ai332-price-card li{padding:.28rem 0 .28rem 1.05rem!important;font-size:.82rem!important;line-height:1.4!important}
.ai332-price-card .button{min-height:44px;padding:10px 13px;font-size:.78rem}

/* BUSINESS PRO — même densité visuelle que les autres pages commerciales. */
.ip33-offer-grid{width:min(100%,1080px);margin:1.5rem auto 0!important;gap:.8rem!important;align-items:start!important}
.ip33-offer-card{height:auto!important;min-height:0!important;padding:1.1rem!important;border-radius:19px!important}
.ip33-price{margin:.2rem 0 .55rem!important}
.ip33-price strong{font-size:clamp(2rem,3.2vw,2.9rem)!important}
.ip33-offer-card h3{font-size:1.12rem!important;margin:.25rem 0 .65rem!important}
.ip33-site-included,.ip33-pay-note,.ip33-renew-mini{padding:.58rem .68rem!important;border-radius:10px!important}
.ip33-offer-card ul{margin:.65rem 0!important}
.ip33-offer-card li{padding:.3rem 0 .3rem 1.1rem!important;font-size:.82rem!important;line-height:1.4!important}
.ip33-offer-card .button{min-height:44px;padding:10px 13px;font-size:.78rem}

/* PARTENAIRES BÂTIMENT — deux offres, largeur maîtrisée, cartes non étirées. */
.iw-pricing .iw-pricing-grid{max-width:860px!important;gap:14px!important;align-items:start!important}
.iw-pricing .iw-price-card{height:auto!important;min-height:0!important;padding:22px!important;border-radius:20px!important;box-shadow:0 12px 34px rgba(3,36,31,.07)!important}
.iw-pricing .iw-price{font-size:40px!important;margin:6px 0 2px!important}
.iw-pricing .iw-price-intro{margin:0 0 13px!important;font-size:12.5px!important;line-height:1.45!important}
.iw-pricing .iw-price-card ul{gap:7px!important}
.iw-pricing .iw-price-card li{font-size:11.8px!important;line-height:1.4!important}

/* PAGE PRIX BELGIQUE — résumé tarifaire compact, sans pavés. */
.iw-price-summary{gap:10px!important}
.iw-price-summary .card{min-height:0!important;padding:15px 14px!important;border-radius:15px!important}
.iw-price-summary .card strong{font-size:clamp(1.3rem,2.5vw,1.9rem)!important;line-height:1!important}
.iw-price-summary .card span{font-size:.76rem!important;line-height:1.4!important}

@media(max-width:760px){
  .home-premium .iw-pricing-compact .iw-price-row{max-width:560px}
  .home-premium .iw-pricing-compact .iw-price-row article{padding:1rem .9rem!important}
  .ai332-price-grid,.ip33-offer-grid{max-width:560px}
  .iw-pricing .iw-pricing-grid{max-width:560px!important}
}
@media(max-width:420px){
  .iw-pricing-section .iw-price-card{padding:18px 16px!important}
  .iw-pricing-section .iw-price-card h3{font-size:31px!important}
  .iw-pricing-section .iw-price-breakdown{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){
  .iw-pricing-section .iw-price-card-featured::after{animation:none!important;display:none!important}
}

/* V4 — badges prix mobile-safe / zéro chevauchement. */
@media(max-width:620px){
.iw-pricing-section .iw-price-card-featured>.popular{position:static!important;align-self:flex-start;width:auto!important;max-width:100%;min-height:23px;margin:0 0 10px!important;padding:5px 9px!important;line-height:1.1;white-space:normal}
.iw-pricing-section .iw-price-card-featured .iw-card-topline{padding-right:0}
.iw-pricing-section .iw-card-topline{min-width:0}
.iw-pricing-section .iw-card-topline .plan-name{min-width:0;overflow-wrap:anywhere}
.iw-pricing-section .iw-plan-chip{flex:0 0 auto;max-width:100%;white-space:normal;text-align:center;line-height:1.15}
}
@media(max-width:420px){.iw-pricing-section .iw-price-card-featured>.popular{margin-bottom:9px!important}.iw-pricing-section .iw-plan-chip{display:inline-flex;margin-top:8px!important}}
@media(max-width:520px){.ip33-popular{position:static!important;align-self:flex-start;max-width:100%;margin:0 0 .65rem;padding:.34rem .62rem;line-height:1.15;white-space:normal}}

