@media (min-width: 768px) {
    .content-box-3 .info { padding: 20px 0; }
}

.page-section-ptb { padding: 40px 0; }

/* Manufacturer cards hover effect */
.manufacturer-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.manufacturer-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15) !important;
}

.manufacturer-card img {
    transition: transform 0.2s ease;
}

.manufacturer-card:hover img {
    transform: scale(1.1);
}

.manufacturer-card i {
    transition: transform 0.2s ease, color 0.2s ease;
}

.manufacturer-card:hover i {
    transform: scale(1.1);
    color: var(--bs-primary) !important;
}

/* Override template square list-style for Bootstrap list-unstyled */
ul.list-unstyled li {
    list-style: none;
}

/* Header mega-menu : compacter l'espacement des liens pour faire tenir tous les items
   sur une seule ligne (l'ajout de l'entrée « Girls » faisait déborder le menu sur une
   2e ligne masquée par la hauteur fixe du header).
   Sélecteur via #header pour passer devant mega_menu.css, chargé après app.css. */
@media (min-width: 992px) {
    #header .mega-menu .menu-links > li > a {
        padding: 0 11px;
    }
}

/* Sélecteur de langue dans la barre de menu : le drapeau seul, sans le nom de la langue.
   Affiché, celui-ci poussait les entrées du menu sur une seconde ligne et décalait le
   bandeau gris situé en dessous. Le nom reste lisible dans le menu déroulant. */
#header .mega-menu .menu-links > li.nav-locale > a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

#header .mega-menu .menu-links > li.nav-locale > a > span[aria-hidden] {
    font-size: 16px;
    line-height: 1;
}

/* Masqué à l'œil, pas aux lecteurs d'écran : le drapeau étant décoratif (aria-hidden),
   ce libellé est le seul nom accessible du lien. `display: none` le supprimerait aussi
   de la restitution vocale. */
.nav-locale__current {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

.nav-locale .drop-down-multilevel a[aria-current] {
    font-weight: 600;
}

/* Options du sélecteur : le drapeau garde une largeur fixe et la coche est poussée en
   fin de ligne, pour que les drapeaux restent alignés d'une langue à l'autre. */
.nav-locale__option {
    display: flex !important;
    align-items: center;
    gap: 8px;
}

.nav-locale__option > span[aria-hidden] {
    flex: 0 0 20px;
    text-align: center;
}

.nav-locale__label {
    flex: 1 1 auto;
}

.nav-locale__check {
    flex: 0 0 auto;
    opacity: .7;
}