/* C62 — en-têtes bleus compacts, limités aux pages catalogue et renouvellement.
   Les menus du site, les calculs de prix et la fiche d'impression sont inchangés. */
@media screen {
  .tpi-web .tpi-compact-hero,
  .tpi-web .product-hero.tpi-compact-hero,
  .tpi-web .cv-hero.tpi-compact-hero,
  .tpi-web .hero.tpi-compact-hero {
    box-sizing:border-box!important;
    background:#123e5f!important;
    color:#fff!important;
    min-height:0!important;
    height:auto!important;
    padding:18px 0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  .tpi-web .tpi-compact-hero::before,
  .tpi-web .tpi-compact-hero::after {display:none!important}
  .tpi-web .tpi-compact-hero h1,
  .tpi-web .product-hero.tpi-compact-hero h1,
  .tpi-web .cv-hero.tpi-compact-hero h1 {
    color:#fff!important;
    font-size:clamp(23px,2.1vw,28px)!important;
    font-weight:750!important;
    line-height:1.2!important;
    letter-spacing:-.02em!important;
    margin:0!important;
    max-width:none!important;
    min-width:0;
    overflow-wrap:anywhere;
  }
  .tpi-web .tpi-hero-topline {
    display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;
    margin:0 0 7px!important;padding:0!important;
  }
  .tpi-web .tpi-compact-hero .hero-back {
    display:inline-flex!important;align-items:center;justify-content:center;
    padding:5px 10px!important;margin:0!important;min-height:30px!important;
    border:1px solid #ffffff52!important;border-radius:7px!important;
    color:#fff!important;background:#ffffff12!important;
    font-size:11px!important;line-height:1.3!important;font-weight:700!important;
    text-decoration:none;max-width:100%;width:auto!important;
  }
  .tpi-web .tpi-compact-hero .hero-back:hover {background:#ffffff24!important}
  .tpi-web .tpi-compact-hero .hero-back:focus-visible,
  .tpi-web .tpi-compact-hero button:focus-visible {outline:2px solid #ffd297;outline-offset:3px}
  .tpi-web .tpi-compact-hero .eyebrow,
  .tpi-web .tpi-compact-hero .eset-eyebrow {
    margin:0!important;padding:0!important;color:#ffc17b!important;
    font-size:10px!important;line-height:1.4!important;letter-spacing:.08em!important;font-weight:700!important;
  }
  .tpi-web .tpi-hero-heading-row {
    display:flex;justify-content:space-between;align-items:center;gap:10px 20px;
  }
  .tpi-web .product-hero.tpi-compact-hero .tpi-detail-actions {
    display:flex;flex:0 0 auto;margin:0!important;padding:0!important;clear:none!important;
  }
  .tpi-web .product-hero.tpi-compact-hero .tpi-print-product {
    margin:0!important;padding:6px 10px!important;min-height:32px;
    font-size:11px!important;line-height:1.3!important;border-radius:7px!important;
    border-color:#ffffff66!important;
  }
  .tpi-web .tpi-compact-hero .cv-detail-stock {
    display:flex;align-items:center;flex-wrap:wrap;gap:6px 9px;
    margin:8px 0 0!important;padding:0!important;line-height:1.4!important;
  }
  .tpi-web .tpi-compact-hero .cv-detail-stock>small {
    color:#e0ebf3!important;font-size:12px!important;margin:0!important;
  }
  .tpi-web .tpi-compact-hero .cv-badge,
  .tpi-web .tpi-compact-hero .tpi-product-real,
  .tpi-web .tpi-compact-hero .tpi-product-new {
    position:static!important;display:inline-flex!important;align-items:center;
    margin:0!important;padding:3px 8px!important;font-size:10px!important;
    line-height:1.3!important;min-height:0!important;border-radius:20px;
  }
  /* Le prix reste visible dans la fiche, au-dessus des caractéristiques. */
  .tpi-web .product-page {padding-top:22px!important}
  .tpi-web .product-page .info .tpi-detail-price-area {
    margin:0 0 16px!important;padding:0 0 15px!important;
    border-bottom:1px solid #dfe8ef;max-width:none;min-width:0;
  }
  .tpi-web .product-page .info .tpi-detail-code-prices {
    display:flex;flex-direction:column;align-items:flex-start;gap:6px;
    padding:12px 14px;border:1px solid #d6e4ef;border-radius:11px;background:#f3f8fc;
  }
  .tpi-web .product-page .info .tpi-code-normal {
    display:flex;flex-wrap:wrap;align-items:baseline;gap:7px;color:#567083;font-size:12px;line-height:1.4;
  }
  .tpi-web .product-page .info .tpi-code-normal strong {color:#35546b;font-size:15px;font-weight:650}
  .tpi-web .product-page .info .tpi-code-discount {display:flex;flex-wrap:wrap;align-items:center;gap:8px}
  .tpi-web .product-page .info .tpi-code-discount>strong,
  .tpi-web .product-page .info .hero-price {
    color:#123e5f!important;font-size:30px!important;font-weight:800;line-height:1.2!important;
    margin:0!important;white-space:normal!important;overflow-wrap:anywhere;
  }
  .tpi-web .product-page .info .tpi-code-normal small,
  .tpi-web .product-page .info .tpi-code-discount small,
  .tpi-web .product-page .info .hero-price small {color:#4b667b!important;font-size:11px!important;font-weight:600}
  .tpi-web .product-page .info .tpi-code-saving,
  .tpi-web .product-page .info .tpi-detail-sale-kicker {
    display:inline-block;border-radius:6px;padding:4px 7px;background:#f18b23;color:#1c3345;
    font-size:12px;line-height:1.4;font-weight:800;white-space:nowrap;
  }
  .tpi-web .product-page .info .tpi-detail-sale-kicker {margin:0 0 7px}
  .tpi-web .product-page .info .tpi-detail-sale-regular {
    color:#6b8293!important;font-size:16px!important;font-weight:500;text-decoration:line-through;margin-right:9px;
  }
  .tpi-web .product-page .info .tpi-code-condition {
    display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 9px;margin:2px 0 0;
    color:#36576e;font-size:12px;line-height:1.5;
  }
  .tpi-web .product-page .info .tpi-code-condition span strong {
    padding:2px 6px;border-radius:4px;background:#e1eef8;color:#164767;white-space:nowrap;
  }
  .tpi-web .product-page .info .tpi-code-condition small {font-size:11px;color:#5b7387}
  .tpi-web .product-page .info .tpi-detail-price-area+.specs {margin-top:0}
  /* Catalogue : titre à gauche, recherche à droite, sans grand espace vide. */
  .tpi-web .cv-hero.tpi-compact-hero .cv-hero-inner {
    display:grid!important;grid-template-columns:minmax(0,1fr) minmax(250px,400px)!important;
    align-items:center!important;gap:16px 28px!important;min-height:0!important;
    padding-top:0!important;padding-bottom:0!important;
  }
  .tpi-web .cv-hero.tpi-compact-hero .cv-hero-copy {min-width:0;max-width:none!important;padding:0!important}
  .tpi-web .cv-hero.tpi-compact-hero .cv-breadcrumb {
    display:flex;align-items:center;flex-wrap:wrap;gap:5px 8px;
    margin:0 0 5px!important;padding:0!important;line-height:1.4;font-size:11px!important;color:#d4e4f0;
  }
  .tpi-web .cv-hero.tpi-compact-hero .cv-breadcrumb a {color:#d4e4f0!important}
  .tpi-web .cv-hero.tpi-compact-hero .cv-lead,
  .tpi-web .hero.tpi-checkout-hero .container>p:not(.eyebrow) {
    color:#dce8f2!important;font-size:13px!important;line-height:1.5!important;
    margin:6px 0 0!important;max-width:700px!important;
  }
  .tpi-web .cv-hero.tpi-compact-hero .cv-search {
    display:flex!important;align-items:center;gap:0!important;margin:0!important;padding:0!important;
    width:100%!important;max-width:none!important;min-height:42px!important;
    background:#fff!important;border-radius:9px!important;overflow:hidden;box-shadow:none!important;
  }
  .tpi-web .cv-hero.tpi-compact-hero .cv-search input[type=search] {
    flex:1 1 auto;min-width:0!important;width:100%;height:42px!important;
    padding:9px 12px!important;border:0!important;background:#fff!important;color:#234b67!important;
    font-size:13px!important;box-sizing:border-box;
  }
  .tpi-web .cv-hero.tpi-compact-hero .cv-search button {
    display:grid!important;place-items:center;flex:0 0 42px;width:42px!important;height:42px!important;
    margin:0!important;padding:8px!important;border:0;background:#fff!important;color:#12568a!important;
  }
  /* Renouvellement : bandeau pleine largeur, contenu du panier conservé. */
  .tpi-web .eset-client-main.eset-client-compact {
    width:100%!important;max-width:none!important;margin:0 0 42px!important;
  }
  .tpi-web .eset-client-compact> :not(.eset-client-intro) {
    box-sizing:border-box;width:calc(100% - 40px);max-width:1120px;margin-left:auto;margin-right:auto;
  }
  .tpi-web .eset-client-compact>.eset-demo-banner {margin-top:12px;margin-bottom:12px}
  .tpi-web .eset-client-compact>.eset-alert {margin-top:12px}
  .tpi-web .eset-client-compact>.eset-success,
  .tpi-web .eset-client-compact>.eset-decline-confirm {margin-top:20px}
  .tpi-web .eset-client-compact>.eset-client-intro.tpi-compact-hero {
    display:block!important;width:100%!important;margin:0 0 16px!important;
  }
  .tpi-web .eset-client-intro .eset-hero-inner {
    display:flex;justify-content:space-between;align-items:center;gap:16px 24px;
    width:calc(100% - 40px);max-width:1120px;margin:auto;
  }
  .tpi-web .eset-client-intro .eset-hero-inner>div {min-width:0}
  .tpi-web .eset-client-intro.tpi-compact-hero h1 {margin:3px 0 4px!important}
  .tpi-web .eset-client-intro.tpi-compact-hero p:not(.eset-eyebrow) {
    color:#dce8f2!important;font-size:13px!important;line-height:1.5!important;margin:0!important;
  }
  .tpi-web .eset-client-intro.tpi-compact-hero .eset-current {
    margin:0!important;padding:8px 12px!important;border:1px solid #ffffff30!important;
    background:#ffffff09!important;border-radius:8px!important;max-width:430px;
  }
  .tpi-web .eset-client-intro.tpi-compact-hero .eset-current strong {color:#fff!important;font-size:12px!important}
  .tpi-web .eset-client-intro.tpi-compact-hero .eset-current span,
  .tpi-web .eset-client-intro.tpi-compact-hero .eset-current small {color:#d9e7f1!important;font-size:11px!important}
  .tpi-web .eset-limit-note {font-size:11px;line-height:1.5;color:#79531d;background:#fff7e8;padding:6px 8px;border-radius:6px;margin:5px 0}
}
@media screen and (max-width:760px) {
  .tpi-web .tpi-compact-hero,
  .tpi-web .product-hero.tpi-compact-hero,
  .tpi-web .cv-hero.tpi-compact-hero,
  .tpi-web .hero.tpi-compact-hero {padding:14px 0!important}
  .tpi-web .tpi-compact-hero h1,
  .tpi-web .product-hero.tpi-compact-hero h1,
  .tpi-web .cv-hero.tpi-compact-hero h1 {font-size:23px!important;line-height:1.2!important}
  .tpi-web .tpi-hero-topline {gap:5px 10px;margin-bottom:7px!important}
  .tpi-web .tpi-compact-hero .hero-back {min-height:34px!important}
  .tpi-web .tpi-hero-heading-row {align-items:flex-start;gap:8px;flex-wrap:wrap}
  .tpi-web .product-hero.tpi-compact-hero .tpi-detail-actions {margin-top:0!important}
  .tpi-web .product-hero.tpi-compact-hero .tpi-print-product {min-height:34px}
  .tpi-web .tpi-compact-hero .cv-detail-stock {gap:5px 7px;margin-top:7px!important}
  .tpi-web .tpi-compact-hero .cv-detail-stock>small {font-size:11px!important}
  .tpi-web .product-page {padding-top:16px!important}
  .tpi-web .product-page .info .tpi-code-discount>strong,
  .tpi-web .product-page .info .hero-price {font-size:27px!important}
  .tpi-web .product-page .info .tpi-detail-code-prices {padding:10px 11px}
  .tpi-web .cv-hero.tpi-compact-hero .cv-hero-inner {grid-template-columns:minmax(0,1fr)!important;gap:11px!important}
  .tpi-web .cv-hero.tpi-compact-hero .cv-search {max-width:540px!important}
  .tpi-web .eset-client-compact> :not(.eset-client-intro),
  .tpi-web .eset-client-intro .eset-hero-inner {width:calc(100% - 28px)}
  .tpi-web .eset-client-intro .eset-hero-inner {flex-direction:column;align-items:stretch;gap:10px}
  .tpi-web .eset-client-intro.tpi-compact-hero .eset-current {max-width:none;padding:6px 9px!important}
  .tpi-web .eset-client-intro.tpi-compact-hero .eset-current>span {display:none}
  .tpi-web .eset-client-compact>.eset-client-intro.tpi-compact-hero {margin-bottom:12px!important}
}