/* Hero des pages boutique (catalogue, fiche, panier, commande) : même composition que le bandeau des pages de formation
   (csb-formation.css, .csb-fo-hero). Base commune : .csb-lc-bandeau dans csb.css. Sélecteurs « :not(#csb) » : passer devant les titres globaux. */
.csb-shop-hero picture { position: absolute; inset: 0; z-index: 0; }
.csb-shop-hero .csb-lc-bandeau-fond { object-position: center 45%; }
.csb-shop-hero .breadcrumb-content { min-height: 440px; padding: 48px 0 44px; justify-content: center; }
.csb-shop-hero--court .breadcrumb-content { min-height: 300px; padding: 40px 0 36px; }
.csb-shop-hero::after { background: linear-gradient(90deg, rgba(8, 28, 26, .86) 0%, rgba(8, 28, 26, .7) 40%, rgba(8, 28, 26, .18) 72%, rgba(8, 28, 26, .05) 100%); }
.csb-shop-hero .breadcrumb-nav { margin-bottom: 18px; }
.csb-shop-hero .breadcrumb-nav ul li + li { margin-left: 4px; }
body main.csb-shop .csb-shop-hero .breadcrumb-nav ul li:not(#csb) { font-size: 13px; line-height: 1.5; color: rgba(255, 255, 255, .78); }
.csb-shop-hero .breadcrumb-nav ul li::after { font-size: 11px; margin: 0 6px 0 8px; }
.csb-shop-hero .breadcrumb-nav a { color: #fff; }
body main.csb-shop .csb-shop-hero .breadcrumb-title h1:not(#csb) { color: #fff; margin: 0 0 12px; font-size: clamp(30px, 1vw + 26px, 42px); line-height: 1.12; max-width: 16em; text-wrap: balance; letter-spacing: 0; }
body main.csb-shop .csb-shop-hero-surtitre:not(#csb) { margin: 0 0 8px; font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: .1em; color: var(--theme-color-2); }
body main.csb-shop .csb-shop-hero-accroche:not(#csb) { max-width: 52ch; margin: 0; font-size: 17px; line-height: 1.55; color: rgba(255, 255, 255, .94); }
.csb-shop-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 22px; margin-top: 28px; }
.csb-shop-hero--court .csb-shop-hero-actions { margin-top: 22px; }
.csb-shop-hero-tel { color: #fff; font-size: 15px; font-weight: 500; text-decoration: underline; text-underline-offset: 4px; }
.csb-shop-hero-tel:hover { color: var(--theme-color-2); }
.csb-shop-hero a:focus-visible { outline: 3px solid var(--theme-color-2); outline-offset: 3px; box-shadow: none; border-radius: 3px; }
@media (max-width: 767px) {
	.csb-shop-hero .breadcrumb-content, .csb-shop-hero--court .breadcrumb-content { min-height: 0; padding: 36px 0 32px; }
	.csb-shop-hero::after { background: linear-gradient(180deg, rgba(8, 28, 26, .66) 0%, rgba(8, 28, 26, .84) 100%); }
	.csb-shop-hero .csb-lc-bandeau-fond { object-position: 58% 40%; }
	.csb-shop-hero-actions { margin-top: 22px; }
}

/* Fiche produit : de l'air entre le hero et la galerie */
.csb-shop-hero + .container .shop-product { margin-top: 40px; }
@media (max-width: 767px) { .csb-shop-hero + .container .shop-product { margin-top: 24px; } }