/* Demandes client 07/11 : alphabet des marques (survol), fiche produit, compte */
.hyper-brand-letters { position: relative; }
.hyper-bl { display: inline-block; }
.hyper-bl > a { display: inline-block; }
.hyper-bl__panel { display: block; visibility: hidden; opacity: 0; position: absolute; z-index: 1000; left: 0; top: 100%; width: 640px; max-width: 92vw; max-height: 60vh; overflow-y: auto; box-sizing: border-box; padding: 10px 14px; background: #fff; border: 1px solid #ccc; box-shadow: 0 4px 12px rgba(0,0,0,.15); columns: 3 180px; text-align: left; white-space: normal; transition: visibility 0s linear .25s, opacity .1s linear .15s; }
.hyper-brand-letters .hyper-bl__panel a { display: block; padding: 3px 0; font-size: 13px; color: #333; break-inside: avoid; }
.hyper-brand-letters .hyper-bl__panel a:hover { color: #006666; text-decoration: underline; }
.hyper-bl--has:hover > .hyper-bl__panel, .hyper-bl--has:focus-within > .hyper-bl__panel, .hyper-bl.is-open > .hyper-bl__panel { visibility: visible; opacity: 1; transition-delay: 0s; }
.hyper-bl--has:hover > a, .hyper-bl.is-open > a { color: #006666; font-weight: bold; }

/* Fiche produit : lien « Voir tous les produits MARQUE » collé sous le titre */
.catalog-product-view .product-view .product-shop .product-name .hyper-brand-link { margin: 4px 0 0; font-size: 13px; line-height: 18px; text-transform: none; }
.catalog-product-view .product-view .product-shop .product-name .hyper-brand-link a { font-weight: 400; text-decoration: underline; }