/* =====================================================================================
   Hyper — parité visuelle avec l'ancien site (tv_schon1), mesures relevées sur la production le 2026-09-27 :
   Arial 14px #333 ; en-tête 107px (logo 231x76 à 30px) ; menu 50px #66999a ; ligne recherche/lettres 36px ;
   conteneur 1170px ; colonne gauche 270px ; 3 vignettes par ligne. Aucun code ni script de l'ancien thème.
   ===================================================================================== */
:root { --hyper-teal: #006666; --hyper-nav: #66999a; --hyper-grey: #f4f4f4; }
.hyper-container, .hyper-header-bas__inner { max-width: 1170px; margin: 0 auto; box-sizing: border-box; }

/* ---------- En-tête ---------- */
.hyper-header { border: 0; }
.hyper-header .page-header-container { max-width: none; margin: 0; padding: 15px 30px 16px; min-height: 107px; box-sizing: border-box; position: relative; }
.hyper-header .logo { margin: 0; padding: 0; min-height: 76px; max-width: 231px; }
.hyper-header .logo img.large { width: 231px; max-width: 231px; }
.hyper-icon { position: relative; display: inline-block; width: 26px; height: 26px; margin-left: 14px; background: no-repeat center / 22px 22px; vertical-align: middle; }
.hyper-icon .label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.hyper-icon--wishlist { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='1.6'%3E%3Cpath d='M12 21s-7.5-4.6-9.5-9.2C1.2 8.6 3.3 5 6.8 5c2 0 3.4 1.1 4.2 2.4h2C13.8 6.1 15.2 5 17.2 5c3.5 0 5.6 3.6 4.3 6.8C19.5 16.4 12 21 12 21z'/%3E%3C/svg%3E"); }
.hyper-icon--cart { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='1.6'%3E%3Cpath d='M5 8h14l-1.2 13H6.2z'/%3E%3Cpath d='M9 8V6a3 3 0 0 1 6 0v2'/%3E%3C/svg%3E"); }
.hyper-icon--account { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='1.6'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M7 9h10M7 12h10M7 15h10'/%3E%3C/svg%3E"); }
.hyper-icon--account .icon { display: none; }
.hyper-icon__count { position: absolute; right: -6px; bottom: -4px; min-width: 16px; height: 16px; line-height: 16px; border-radius: 8px; background: #111; color: #fff; font-size: 10px; text-align: center; padding: 0 3px; box-sizing: border-box; }
@media only screen and (min-width: 771px) {
    .hyper-header .skip-links { position: absolute; top: 18px; right: 30px; width: auto; border: 0; background: none; margin: 0; display: flex; align-items: center; }
    .hyper-header .skip-nav, .hyper-header .skip-search { display: none; }
    .hyper-header .account-cart-wrapper { position: static; display: flex; align-items: center; }
    .hyper-header .skip-account.hyper-icon { width: 26px; height: 26px; padding: 0; float: none; background-color: transparent; }
    .hyper-header #header-account { top: 50px; right: 30px; left: auto; }
}

/* ---------- Menu (une ligne, libellés sur deux lignes) + méga-menu ---------- */
@media only screen and (min-width: 771px) {
    #header-nav.hyper-nav { display: block; background: var(--hyper-nav); margin: 0; padding: 0 30px; position: relative; z-index: 30; width: auto; max-width: none; }
    #header-nav.hyper-nav::before { display: none; }
    .hyper-nav .nav-primary { display: flex; justify-content: center; flex-wrap: nowrap; margin: 0; }
    .hyper-nav .nav-primary li.level0 { float: none; position: static; }
    .hyper-nav .nav-primary li.level0:has(> a[href*="meilleurs-ventes"]) { display: none; }
    .hyper-nav .nav-primary a.level0 { display: flex; align-items: center; justify-content: center; text-align: center; height: 50px; line-height: 1.45;
        padding: 0 10px; font-size: 12px; max-width: 118px; white-space: normal; text-transform: uppercase; color: #fff; border-right: 1px solid #fff; box-sizing: border-box; }
    .hyper-nav .nav-primary li.level0:last-child > a.level0, .hyper-nav .nav-primary li.level0:nth-last-child(2):has(+ li > a[href*="meilleurs-ventes"]) > a.level0 { border-right: 0; }
    .hyper-nav .nav-primary li.level0:hover > a.level0 { background: rgba(0, 0, 0, .08); }
    .hyper-nav .nav-primary a.level0.has-children:after, .hyper-nav .nav-primary li.level1 > a:after { display: none; }
    /* méga-menu comme l'ancien site : encart promo 200 px à gauche, puis 5 colonnes indépendantes (hyper-menu-col) */
    .hyper-nav .nav-primary li.level0 > ul.level0 { position: absolute; left: -10000px; top: 100%; width: auto; background: #fff; border: 1px solid var(--hyper-nav); border-top: 0;
        padding: 20px 25px 25px; box-shadow: 0 6px 12px rgba(0, 0, 0, .12); z-index: 40; gap: 10px; align-items: flex-start; }
    .hyper-nav .nav-primary li.level0:hover > ul.level0, .hyper-nav .nav-primary li.level0.menu-active > ul.level0 { display: flex; left: 30px; right: 30px; }
    .hyper-nav .nav-primary ul.level0 > li.view-all { display: none; }
    .hyper-nav .nav-primary ul.level0 > li.hyper-menu-promo { flex: 0 0 206px; position: static; float: none; width: auto; border: 0; }
    .hyper-nav .nav-primary ul.level0 > li.hyper-menu-col { flex: 1 1 0; min-width: 0; position: static; float: none; width: auto; border: 0; }
    .hyper-nav .nav-primary ul.level0 .hyper-menu-col__list { display: block; position: static; left: auto; top: auto; width: auto; margin: 0; padding: 0; border: 0; background: none; box-shadow: none; }
    .hyper-nav .nav-primary ul.level0 > li.hyper-menu-promo { min-width: 0; }
    .hyper-nav .nav-primary ul.level0 > li.hyper-menu-promo img { width: 100%; }
    .hyper-nav .nav-primary ul.level0 li.level1 { position: static; float: none; width: auto; border: 0; margin-bottom: 12px; }
    .hyper-nav .nav-primary ul.level0 li.level1 > a.level1 { display: block; padding: 0 0 6px; margin-bottom: 0; border-bottom: 2px solid #555; font-size: 12px; font-weight: bold;
        text-transform: uppercase; color: #333; background: none; line-height: 1.6; }
    .hyper-nav .nav-primary ul.level0 li.level1 > ul.level1 { position: static; display: block; left: auto; width: auto; border: 0; box-shadow: none; padding: 12px 0 8px; background: none; }
    .hyper-nav .nav-primary li.level2 { border: 0; }
    .hyper-nav .nav-primary li.level2 > a { padding: 1px 0; font-size: 15px; color: #777; text-transform: none; font-weight: normal; line-height: 1.27; background: none; }
    .hyper-nav .nav-primary li.level2 > a:hover, .hyper-nav .nav-primary ul.level0 li.level1 > a.level1:hover { color: var(--hyper-teal); }
    .hyper-nav .nav-primary ul.level2 { display: none !important; }
}

/* ---------- Ligne recherche + marques A-Z ---------- */
.hyper-header-bas { border-bottom: 1px solid #ccc; background: #fff; }
@media only screen and (min-width: 771px) {
    .hyper-header-bas__inner { display: flex; align-items: center; min-height: 36px; padding: 0 15px; }
    .hyper-header-bas #header-search { display: block; position: static; width: auto; padding: 0; margin: 0 60px 0 0; background: none; flex: 0 0 auto; }
    .hyper-header-bas .hyper-brand-letters { flex: 1 1 auto; margin: 0; padding: 0; border: 0; text-align: left; }
}
#search_mini_form .input-box { display: flex; align-items: center; gap: 4px; position: relative; padding: 0; }
#search_mini_form label[for="search"] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.hyper-search-scope { height: 25px; font-size: 12px; border: 1px solid #555; background: #fff; padding: 0 4px; max-width: 70px; }
#search_mini_form #search { width: 189px; height: 25px; padding: 0 10px; font-size: 14px; border: 1px solid #ccc; background: #fcfcfc; color: #333; }
#search_mini_form #search::placeholder { color: #daaeae; font-style: italic; text-transform: none; }
#search_mini_form .search-button { position: static; width: auto; height: 25px; padding: 0 10px; background: var(--hyper-teal); color: #fff; font-size: 13px; text-indent: 0; line-height: 25px; }
#search_mini_form .search-button:before { display: none; }
#search_mini_form .search-button span { position: static; width: auto; height: auto; clip: auto; overflow: visible; display: inline; }

/* ---------- Diaporama d'accueil ---------- */
.hyper-slider { position: relative; max-width: 1170px; margin: 0 auto 40px; overflow: hidden; }
.hyper-slider__slide { display: none; }
.hyper-slider__slide.is-active { display: block; }
.hyper-slider__slide img { display: block; width: 100%; height: auto; }
.hyper-slider__dots { position: absolute; left: 0; right: 0; bottom: 10px; text-align: center; }
.hyper-slider__dot { display: inline-block; width: 12px; height: 12px; margin: 0 4px; padding: 0; border: 1px solid #888; border-radius: 50%; background: transparent; }
.hyper-slider__dot.is-active { background: #888; }

/* ---------- Listes produits : 3 vignettes, filtres à cases ---------- */
.block-layered-nav dd li a::before, .block-layered-nav .currently li .label::before { content: ""; display: inline-block; width: 9px; height: 9px; margin-right: 6px; border: 1px solid #999; vertical-align: -1px; }
.block-layered-nav .block-title strong span, .block-layered-nav dt { text-transform: uppercase; }
.catalog-category-view .category-title h1, .catalog-category-view .page-title h1 { font-size: 36px; text-align: center; text-transform: uppercase; color: #494949; border: 0; }
.products-grid .product-name, .products-grid .product-name a { text-transform: capitalize; font-size: 14px; color: #555; }

/* ---------- Fiche produit ---------- */
.catalog-product-view .product-name .h1, .catalog-product-view .product-name h1 { text-transform: uppercase; font-size: 22px; color: #333; }
.hyper-photo-note { margin: 8px 0 0; font-size: 13px; color: #333; }
.product-collateral .tab span { text-transform: uppercase; font-weight: bold; font-size: 13px; }

/* ---------- Logos de marques + pied de page ---------- */
.hyper-footer-brands { max-width: 1170px; margin: 30px auto 0; padding: 0 15px; box-sizing: border-box; }
.hyper-footer { background: var(--hyper-grey); color: #333; font-size: 13px; margin-top: 20px; }
.hyper-footer .footer-static { padding: 30px 0 20px; }
.hyper-footer .footer-info-1 { display: flex; flex-wrap: wrap; gap: 20px 30px; }
.hyper-footer .f-col { flex: 1 1 150px; }
.hyper-footer .f-col-1 { flex: 1.4 1 220px; }
.hyper-footer .logo-footer img { max-width: 170px; height: auto; }
.hyper-footer .des { margin: 8px 0; line-height: 1.5; }
.hyper-footer h3 { font-size: 14px; font-weight: bold; text-transform: uppercase; color: #333; margin: 0 0 12px; }
.hyper-footer ul { list-style: none; margin: 0; padding: 0; }
.hyper-footer li { margin: 0 0 6px; }
.hyper-footer a { color: #333; }
.hyper-footer a:hover { color: var(--hyper-teal); }
.hyper-footer .link-follow { display: flex; gap: 10px; margin-top: 10px; }
.hyper-footer .link-follow a { display: inline-block; width: 22px; height: 22px; font-size: 0; background: no-repeat center / 16px 16px; }
.hyper-footer .link-follow .facebook { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23333'%3E%3Cpath d='M14 8h3V4h-3c-2.8 0-4 1.8-4 4.3V10H7v4h3v8h4v-8h3l1-4h-4V8.6c0-.4.3-.6.6-.6z'/%3E%3C/svg%3E"); }
.hyper-footer .link-follow .twitter { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23333'%3E%3Cpath d='M22 6c-.7.3-1.5.5-2.3.6.8-.5 1.4-1.3 1.7-2.2-.8.5-1.6.8-2.5 1A4 4 0 0 0 12 9a11 11 0 0 1-8-4 4 4 0 0 0 1.2 5.3c-.6 0-1.2-.2-1.8-.5 0 2 1.4 3.6 3.2 4a4 4 0 0 1-1.8.1 4 4 0 0 0 3.7 2.8A8 8 0 0 1 2 18.3 11.3 11.3 0 0 0 8.1 20c7.3 0 11.3-6.1 11.3-11.3v-.5c.8-.6 1.4-1.3 2-2.2z'/%3E%3C/svg%3E"); }
.hyper-footer .overlay { display: none; }
.hyper-footer .overlay:target { display: flex; position: fixed; inset: 0; background: rgba(0, 0, 0, .5); align-items: center; justify-content: center; z-index: 1000; }
.hyper-footer .overlay .popup { position: relative; background: #fff; max-width: 600px; padding: 25px; margin: 0 15px; }
.hyper-footer .overlay .close { position: absolute; top: 5px; right: 12px; font-size: 26px; text-decoration: none; }
.hyper-footer .footer-bottom { background: #fff; padding: 20px 0; }
.hyper-footer .footer-bottom .hyper-container { display: flex; justify-content: space-between; align-items: center; padding: 0 15px; }
.hyper-footer .footer-bottom address { font-style: normal; margin: 0; }
.hyper-footer .footer-payment img { max-height: 22px; width: auto; }
.footer-container, .footer:not(.hyper-footer) { display: none; }

/* ---------- Bandeau cookies ---------- */
.hyper-cookie-notice { position: fixed; left: 0; right: 0; bottom: 0; z-index: 900; display: flex; justify-content: space-between; align-items: center; gap: 12px;
    padding: 8px 15px; background: #fff; border-top: 1px solid #ccc; font-size: 12px; color: #333; box-shadow: 0 -2px 6px rgba(0, 0, 0, .08); }
.hyper-cookie-notice[hidden] { display: none; }
.hyper-cookie-notice__actions { display: flex; gap: 6px; flex: 0 0 auto; }
.hyper-cookie-notice__accept, .hyper-cookie-notice__more { font-size: 12px; padding: 4px 8px; border: 1px solid #ccc; background: #f4f4f4; color: #333; cursor: pointer; text-decoration: none; }

/* ---------- Mobile ---------- */
@media only screen and (max-width: 770px) {
    .hyper-header .page-header-container { padding: 10px 12px; min-height: 0; }
    .hyper-header .logo { max-width: 150px; min-height: 0; }
    .hyper-header-bas__inner { padding: 8px 10px; }
    .hyper-header-bas .hyper-brand-letters { text-align: center; }
    .hyper-footer .footer-bottom .hyper-container { flex-direction: column; gap: 10px; }
    .hyper-cookie-notice { flex-direction: column; align-items: flex-start; }
    .hyper-nav .nav-primary li.hyper-menu-col, .hyper-nav .nav-primary .hyper-menu-col__list { display: contents; }
}

/* ---------- Ajustements après comparaison (2026-09-27) ---------- */
@media only screen and (min-width: 771px) {
    .hyper-nav .nav-primary ul.level1 > li.view-all { display: none; }
    .hyper-nav .nav-primary ul.level0 li, .hyper-nav .nav-primary ul.level0 li a { border-top: 0; border-bottom: 0; }
    .hyper-nav .nav-primary ul.level0 li.level1 > a.level1 { border-bottom: 2px solid #555; }
    .hyper-nav .nav-primary ul.level0 a:after, .hyper-nav .nav-primary ul.level0 a:before { display: none !important; }
    .hyper-nav .nav-primary .hyper-menu-promo img { max-width: 100%; height: auto; display: block; margin-bottom: 8px; }
    .hyper-nav .nav-primary .hyper-menu-promo a { display: block; padding: 2px 0; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #333; background: none; }
    .hyper-nav .nav-primary .hyper-menu-promo a:hover { color: var(--hyper-teal); }
    .hyper-nav .nav-primary .hyper-menu-promo a:not(:has(img)) { padding-left: 10px; }
    .hyper-header-bas .hyper-brand-letters { white-space: nowrap; font-size: 13px; }
    .hyper-header-bas .hyper-brand-letters a { padding: 0 5px; color: #555; }
}
@media only screen and (max-width: 770px) {
    .hyper-header-bas .hyper-brand-letters { display: block; white-space: normal; font-size: 13px; padding: 6px 0; border: 0; }
    .hyper-header-bas .hyper-brand-letters__label { display: block; margin-bottom: 4px; }
}
/* structure pleine largeur comme la production (mesures à 1400 et 1920 px) :
   en-tête, menu, barre de recherche, pied de page et fond du conteneur = 100 % ;
   contenu central = 1170 px centré ; catégorie 270 + 30 + 870 ; fiche produit 500 + 670 */
@media only screen and (min-width: 771px) {
    .page-header.hyper-header { max-width: none; width: 100%; margin: 0; padding-left: 0; padding-right: 0; }
}
@media only screen and (min-width: 1000px) {
    .main-container { max-width: none; width: 100%; padding-left: 0; padding-right: 0; }
    .main-container > .main { max-width: 1170px; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; }
    .col2-left-layout .col-left { width: 270px; padding-right: 0; box-sizing: border-box; }
    .col2-left-layout .col-main { width: 870px; float: right; padding-left: 0; }
    .product-view .product-img-box { width: 500px; margin-left: -15px; padding: 0 15px; box-sizing: border-box; }
    .product-view .product-shop { width: 670px; float: right; padding-left: 0; }
}
@media only screen and (min-width: 1000px) and (max-width: 1199px) {
    .main-container > .main { max-width: none; padding-left: 15px; padding-right: 15px; }
    .col2-left-layout .col-main { width: calc(100% - 300px); }
    .product-view .product-img-box { width: 42%; margin-left: 0; }
    .product-view .product-shop { width: 56%; }
}
/* bouton « remonter en haut » : rond 50 px #006666, 40 px du bord (mesures prod) */
.hyper-back-top { position: fixed; right: 40px; bottom: 40px; z-index: 99; width: 50px; height: 50px; border-radius: 50%; background: #006666 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 15l6-6 6 6' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 24px no-repeat; }
.hyper-back-top[hidden] { display: none; }
.hyper-back-top:hover { background-color: #66999a; }
body:has(.hyper-cookie-notice:not([hidden])) .hyper-back-top { bottom: 90px; }
@media only screen and (max-width: 770px) { .hyper-back-top { right: 15px; bottom: 15px; width: 42px; height: 42px; } }
/* méga-menu : interlignes mesurés sur l'ancien site (liens promo 25 px, sous-catégories 19 px) */
@media only screen and (min-width: 771px) {
    .hyper-nav .nav-primary ul.level0 > li.hyper-menu-promo p, .hyper-nav .nav-primary ul.level0 > li.hyper-menu-promo li { margin: 0; padding: 0; }
    .hyper-nav .nav-primary ul.level0 > li.hyper-menu-promo a:not(:has(img)) { padding: 0 0 0 10px; margin: 0; line-height: 25px; min-height: 0; white-space: normal; }
    .hyper-nav .nav-primary ul.level0 li.level2 > a { padding: 0; line-height: 19px; }
}
@media only screen and (min-width: 771px) {
    .hyper-nav .nav-primary ul.level0 > li.hyper-menu-promo, .hyper-nav .nav-primary ul.level0 > li.hyper-menu-promo * { white-space: normal; overflow-wrap: anywhere; }
    /* colonnes de largeur fixe (1/5 de l'espace), même quand la catégorie en a moins de 5 */
    .hyper-nav .nav-primary ul.level0 > li.hyper-menu-col { flex: 0 0 calc((100% - 256px) / 5); }
    .hyper-nav .nav-primary ul.level0:not(:has(> li.hyper-menu-promo)) > li.hyper-menu-col { flex-basis: calc((100% - 40px) / 5); }
}
@media only screen and (min-width: 771px) {
    .hyper-nav .nav-primary ul.level0 > li.hyper-menu-promo ul { display: block; position: static; left: auto; top: auto; width: auto; margin: 0; padding: 0; border: 0; background: none; box-shadow: none; }
}
/* ---------- Fiche produit comme l'ancien site (mesures prod à 1400 px) ---------- */
.catalog-product-view .product-view .product-shop .product-name { float: none; width: auto; margin: 0 0 10px; }
.catalog-product-view .product-view .product-shop .product-name .h1 { display: block; font-size: 20px; line-height: 27px; font-weight: 400; text-transform: uppercase; color: #000; margin: 0; }
.catalog-product-view .product-view .product-shop .hyper-brand-title { font-style: italic; }
.catalog-product-view .product-view .product-shop { font-size: 14px; line-height: 25px; }
.catalog-product-view .product-view .product-shop .extra-info { float: none; width: auto; }
.catalog-product-view .product-view .product-shop .availability { font-size: 13px; }
.catalog-product-view .hyper-product-links { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 26px; max-width: 545px; margin: 12px 0 20px; padding: 0 0 20px; border-bottom: 1px solid #070101; }
.catalog-product-view .hyper-product-links ul { display: flex; flex-wrap: wrap; gap: 6px 26px; margin: 0; padding: 0; float: none; }
.catalog-product-view .hyper-product-links li { margin: 0; padding: 0; border: 0; float: none; }
.catalog-product-view .hyper-product-links li::before, .catalog-product-view .hyper-product-links li::after { display: none; }
.catalog-product-view .hyper-product-links .add-to-links a { font-size: 13px; text-transform: uppercase; color: #333; }
.catalog-product-view .hyper-product-links .add-to-links a::before { font-size: 12px; margin-right: 6px; color: #333; }
.catalog-product-view .hyper-product-links .add-to-links a.link-wishlist::before { content: "\2665"; }
.catalog-product-view .hyper-product-links .add-to-links a.link-compare::before { content: "\21C4"; }
.catalog-product-view .product-view .product-shop .short-description { margin: 0 0 16px; line-height: 24px; }
.catalog-product-view .product-view .product-shop .price-info { float: none; width: auto; max-width: none; padding: 0; margin: 0 0 18px; text-align: left; }
.catalog-product-view .product-view .product-shop .price-info .price-box { margin: 0; }
.catalog-product-view .product-view .product-shop .price-box .price { font-size: 30px; line-height: 33px; font-weight: 400; color: #000; }
.catalog-product-view .product-view .product-shop .price-box .old-price .price { font-size: 18px; color: #999; }
.catalog-product-view .product-view .product-shop .add-to-cart-wrapper { float: none; width: auto; padding: 0; margin: 0; }
.catalog-product-view .product-view .product-shop .add-to-box { margin: 0; padding: 0; border: 0; }
.catalog-product-view .product-view .product-shop .add-to-cart { display: flex; align-items: center; gap: 12px; margin: 0; padding: 0; border: 0; }
.catalog-product-view .product-view .product-shop .add-to-cart .qty-wrapper { display: flex; align-items: center; gap: 10px; margin: 0; }
.catalog-product-view .product-view .product-shop .add-to-cart label { text-transform: uppercase; font-size: 14px; margin: 0; }
.catalog-product-view .product-view .product-shop .add-to-cart .qty { width: 45px; height: 43px; font-size: 18px; font-weight: 700; color: #000; text-align: center; background: #e9e9e9; border: 0; }
.catalog-product-view .product-view .product-shop .add-to-cart .btn-cart { height: 43px; line-height: 43px; min-width: 203px; padding: 0 30px; font-family: Arial, sans-serif; font-size: 14px; font-weight: 400; text-transform: uppercase; background: #006666; color: #fff; }
.catalog-product-view .product-view .product-shop .add-to-cart .btn-cart:hover { background: #004d4d; }
.catalog-product-view .product-view .product-image-gallery { border: 1px solid #ddd; text-align: center; }
.catalog-product-view .product-view .product-image-gallery .gallery-image.visible { width: auto; max-width: 100%; max-height: 357px; margin: 0 auto; }
.catalog-product-view .collateral-tabs dd.tab-container { border: 0; border-top: 1px solid #ddd; }
.catalog-product-view .collateral-tabs dd.tab-container .tab-content { padding: 20px 0 0; }
.catalog-product-view .product-collateral { background: none; }
@media only screen and (min-width: 1000px) {
    /* panneau gris #f6f6f6 prolongé jusqu'au bord droit de l'écran */
    .catalog-product-view .product-view .product-shop { background: #f6f6f6; box-shadow: 0 0 0 100vmax #f6f6f6; clip-path: inset(0 -100vmax 0 0); padding: 15px 0 30px 30px; box-sizing: border-box; min-height: 440px; }
    .catalog-product-view .product-view .product-essential { margin-bottom: 40px; }
}
.catalog-product-view .product-view .product-shop .hyper-summary { float: none; clear: both; width: auto; text-align: left; margin: 0 0 8px; color: #333; }
/* onglets de fiche produit : soulignés (ul.toggle-tabs généré par le thème) */
@media only screen and (min-width: 771px) {
    .catalog-product-view .product-collateral .toggle-tabs { display: flex; flex-wrap: wrap; background: none; border: 0; border-bottom: 1px solid #ddd; padding: 0 10px; margin: 0 0 20px; }
    .catalog-product-view .product-collateral .toggle-tabs li { float: none; border: 0; margin: 0 22px 0 0; }
    .catalog-product-view .product-collateral .toggle-tabs li > span { display: block; height: auto; line-height: 21px; padding: 4px 0 7px; background: none; border: 0; color: #333; font-size: 13px; font-weight: 400; text-transform: uppercase; }
    .catalog-product-view .product-collateral .toggle-tabs li.current > span { background: none; color: #333; font-weight: 700; border-bottom: 1px solid #333; margin-bottom: -1px; }
    .catalog-product-view .product-collateral .toggle-tabs li:hover > span { color: var(--hyper-teal); }
    .catalog-product-view .product-collateral .tab-content { padding: 0 0 20px; }
}
/* fil d'Ariane comme l'ancien site */
.breadcrumbs, .breadcrumbs a, .breadcrumbs strong { text-transform: none; font-size: 13px; color: #333; font-weight: 400; }
.breadcrumbs li:last-child strong { font-weight: 700; }
/* blocs de la colonne gauche : titre simple souligné, sans aplat */
.sidebar .block-title { background: none; color: #333; border-bottom: 1px solid #ccc; }
.sidebar .block-title strong, .sidebar .block-title span { color: #333; font-weight: 700; text-transform: uppercase; }
/* logos marques : une seule ligne comme le carrousel de l'ancien site */
.hyper-brandlogos { flex-wrap: nowrap; justify-content: space-between; gap: 20px; }
.hyper-brandlogos > * { flex: 1 1 0; min-width: 0; text-align: center; }
.hyper-brandlogos img { max-width: 100%; max-height: 70px; height: auto; }
/* pied de page : typographie mesurée sur l'ancien site */
.hyper-footer .logo-footer img { max-width: 225px; }
.hyper-footer h3 { font-size: 17px; margin: 0 0 20px; color: #444; }
.hyper-footer .footer-static a, .hyper-footer .footer-static li { font-size: 14px; line-height: 25px; }
@media only screen and (max-width: 770px) {
    .hyper-brandlogos { flex-wrap: wrap; justify-content: center; }
    .hyper-brandlogos > * { flex: 0 0 28%; }
}
.hyper-footer .footer-static .link-follow a { font-size: 0; line-height: 22px; }
.catalog-product-view .collateral-tabs dd.tab-container { border-top: 0; }
/* navigation à facettes : liste simple comme l'ancien site (titres 16 px gras, entrées 12 px) */
@media only screen and (min-width: 771px) {
    .block-layered-nav .block-content, .block-layered-nav dl#narrow-by-list { border: 0; background: none; }
    .block-layered-nav .block-content > dl > dt, .block-layered-nav .block-content > dl > dt:hover { background: none; border: 0; padding: 18px 0 8px; font-size: 16px; font-weight: 700; color: #333; }
    .block-layered-nav .block-content > dl > dd { border: 0; padding: 0; }
    .block-layered-nav dd li { margin: 0; line-height: 18px; }
    .block-layered-nav dd li a { padding: 0; font-size: 12px; color: #333; }
    .block-layered-nav dd li a:hover { color: var(--hyper-teal); text-decoration: none; }
    .block-layered-nav dd li .count { font-size: 12px; color: #333; }
}
/* vignettes produit : typographie de l'ancien site */
.products-grid .product-name, .products-grid .product-name a { font-size: 12px; line-height: 18px; color: #555; }
.products-grid .price-box .price { font-size: 14px; }
/* accueil : blocs 1200 px (titres x=100 comme l'ancien site), vignettes 230 px centrées, compactes */
@media only screen and (min-width: 1230px) {
    .cms-index-index .hyper-home-section { margin-left: -15px; margin-right: -15px; }
}
.cms-index-index .hyper-home-section .section-title { font-size: 20px; font-weight: 400; color: #999; text-transform: uppercase; border-bottom: 1px solid #999; padding: 0 0 2px; margin: 0 0 30px; }
@media only screen and (min-width: 771px) {
    .cms-index-index .hyper-home-section .products-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
    .cms-index-index .hyper-home-section .products-grid > li.item { float: none; clear: none; width: 230px; margin: 0; padding: 5px 5px 15px; min-height: 0; height: auto; }
    .cms-index-index .hyper-home-section .products-grid .product-image { max-width: 220px; }
    .cms-index-index .hyper-home-section .products-grid .product-info { min-height: 0; padding-bottom: 0; position: static; }
}
.cms-index-index .hyper-home-section .products-grid .product-name, .cms-index-index .hyper-home-section .products-grid .product-name a { font-size: 13px; line-height: 17px; color: #555; }
.cms-index-index .hyper-home-section .products-grid .price-box .price { font-size: 18px; }
@media only screen and (min-width: 771px) {
    .cms-index-index .hyper-home-section .products-grid { max-width: 950px; margin-left: auto; margin-right: auto; justify-content: flex-start; }
    .cms-index-index .hyper-home-section .products-grid .product-info { min-height: 0 !important; height: auto !important; padding-bottom: 0 !important; }
}
.catalog-product-view .product-name .h1 { color: #000; font-weight: 400; text-transform: uppercase; }
@media only screen and (max-width: 770px) {
    .hyper-nav .nav-primary li.level0:has(> a[href*="meilleurs-ventes"]) { display: none; }
    .catalog-product-view .product-name .h1 { font-size: 18px; line-height: 24px; }
}
.catalog-product-view .product-view .product-name .h1, .catalog-product-view .product-view .product-name h1 { color: #000; font-weight: 400; text-transform: uppercase; }
@media only screen and (max-width: 770px) {
    .hyper-footer .hyper-container, .hyper-footer-brands .hyper-container { padding-left: 15px; padding-right: 15px; box-sizing: border-box; }
}
/* page catégorie : texte à gauche (repliable), image de catégorie à droite à sa taille réelle (200 x 155) */
.hyper-cat-intro { display: flex; align-items: flex-start; gap: 20px; margin: 0 0 30px; padding: 0 10px; }
.hyper-cat-intro__text { flex: 1 1 auto; min-width: 0; }
.hyper-cat-intro .category-description { margin: 0; overflow: hidden; text-align: justify; line-height: 21px; }
.hyper-cat-intro .category-description.is-collapsed { position: relative; }
.hyper-cat-intro .category-description p > img:only-child { width: 100%; height: auto; }
.hyper-cat-intro__more { display: inline-block; margin-top: 8px; font-size: 14px; color: #66999a; }
.hyper-cat-intro__more::after { content: " \2304"; }
.hyper-cat-intro__more[hidden] { display: none; }
.hyper-cat-intro .category-image { flex: 0 0 auto; margin: 20px 20px 0 0; padding: 0; border: 0; }
.hyper-cat-intro .category-image img { width: auto; max-width: 200px; height: auto; display: block; }
@media only screen and (max-width: 770px) {
    .hyper-cat-intro { flex-direction: column-reverse; padding: 0; }
    .hyper-cat-intro .category-image { margin: 0 auto; }
}
/* en-tête : icônes comme l'ancien site (y = 40, envies 20 px, panier 20 px + pastille 18 px, compte 25 px), pastille jamais coupée */
@media only screen and (min-width: 771px) {
    .hyper-header .skip-links { top: 40px; right: 30px; overflow: visible; }
    .hyper-header .account-cart-wrapper, .hyper-header .hyper-icon { overflow: visible; }
    .hyper-header .hyper-icon { width: 20px; height: 26px; margin-left: 15px; background-size: 20px 20px; background-position: center top; }
    .hyper-header .hyper-icon--wishlist { margin-left: 0; }
    .hyper-header .skip-account.hyper-icon { width: 25px; height: 25px; margin-left: 20px; background-size: 25px 25px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23222' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10.5'/%3E%3Cpath d='M7.5 8.5h9M7.5 12h9M7.5 15.5h9'/%3E%3C/svg%3E"); }
    .hyper-header .hyper-icon__count { left: 14px; top: 12px; right: auto; bottom: auto; min-width: 18px; height: 18px; line-height: 18px; border-radius: 9px; background: #222; font-size: 12px; padding: 0 4px; z-index: 1; }
    .hyper-header #header-account { top: 72px; }
    /* séparateurs du menu : barres blanches courtes de 2 px */
    .hyper-nav .nav-primary a.level0 { border-right: 0; background-image: linear-gradient(#fff, #fff); background-size: 2px 38px; background-position: right center; background-repeat: no-repeat; }
    .hyper-nav .nav-primary li.level0:last-child > a.level0, .hyper-nav .nav-primary li.level0:nth-last-child(2):has(+ li > a[href*="meilleurs-ventes"]) > a.level0 { background-image: none; }
    .hyper-nav .nav-primary li.level0:hover > a.level0 { background-color: rgba(0, 0, 0, .08); }
}
.hyper-header .hyper-icon--cart { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23222' stroke-width='1.3'%3E%3Cpath d='M2.5 6.5h15l-1 13h-13z'/%3E%3Cpath d='M6.5 8.5V4.5a3.5 3.5 0 0 1 7 0v4'/%3E%3C/svg%3E"); }
.hyper-header .hyper-icon--wishlist { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23222' stroke-width='1.3'%3E%3Cpath d='M10 18s-7.5-4.6-8.8-9C0.4 5.9 2.4 2.5 5.6 2.5c2 0 3.3 1.1 4.4 2.6 1.1-1.5 2.4-2.6 4.4-2.6 3.2 0 5.2 3.4 4.4 6.5C17.5 13.4 10 18 10 18z'/%3E%3C/svg%3E"); }