header {
    margin-bottom: var(--t-space-7);

}
header ul {
        padding-left: 0;
    }
header .nav-item{
        font-size: var(--t-text-1rem);
        font-family: var(--t-font-ui);
        font-weight: var(--t-weight-bold);
        letter-spacing: var(--t-tracking-wide);
    }
header .navbar {
        padding: 0;
    }
header a{
        color: var(--t-gray-700) !important;
    }
header .logo-tussor {
        margin: 0;
        padding: var(--t-space-5) var(--t-space-5) var(--t-space-5) 0;
        border-right: var(--t-border-width-1) solid var(--t-color-border-subtle);
    }
header .logo-tussor img {
        max-width: var(--t-logo-header-max) !important;
    }
header .size {
        font-size: var(--t-text-0_7rem);
        font-weight: var(--t-weight-medium);
        color: var(--t-gray-500);
    }
header .category-title {
        margin-top: var(--t-space-4);
        text-transform: uppercase;
    }
header .category-title a {
        letter-spacing: var(--t-tracking-normal);
        text-decoration: underline;
        text-transform: none;
        font-style: italic;
        font-size: var(--t-text-0_7rem);
    }
header .sub-category {
        font-size: var(--t-text-0_9rem);
        font-weight: var(--t-weight-semibold);
        margin: var(--t-space-3) 0;
    }
header .margin-2-px {
        margin-bottom: var(--t-space-1);
    }
header .separator::before {
        border-left: var(--t-border-width-1) solid var(--t-color-black);
    }
header .logo-tussor, header .search-2 {
        display: block;
    }
header .logo-tussor-head, header .search-button {
        display: none;
    }
header .nav-link {
        opacity: 1;
        transition: opacity var(--t-duration-md);
    }
header .nav-link:hover {
        opacity: 0.5;
        transition: opacity var(--t-duration-md);
    }
header .link-list {
        position: relative;
    }
header .link-list .nav-item {
        margin: 0 var(--t-space-4);
    }
header #e-boutique-drop .dropdown-menu{
        border-radius: inherit !important;
        padding: var(--t-space-5);
        width: 100%;
    }
header #e-boutique-drop {
        position: unset;
    }
header .category-section {
        margin-bottom: var(--t-space-7);
        padding: 0 var(--t-space-10);
    }
header .category-section a:hover {
        opacity: 0.5;
    }
header .category-section li {
        padding: 0;
    }
header .category-section li a{
        position: relative;
        color: var(--t-color-black);
    }
header .category-section li a::after {
        content: '';
        position: absolute;
        bottom: -3px;
        left: 0;
        width: 100%;
        height: var(--t-border-width-2);
        background-color: var(--t-color-red);
        transform: scaleX(0);
        transform-origin: right;
        transition: transform var(--t-duration-slow) var(--t-ease-default);
    }
header .category-section li a:hover::after {
        transform: scaleX(1);
        transform-origin: left;
    }
header #conception-drop li, header #conception-drop li a, header #conception-drop .dropdown-menu {
        padding: 0;
        border-radius: var(--t-radius-none);
    }
header #conception-drop .dropdown-item {
        padding: 12px var(--t-space-5);
    }
header #conception-drop .dropdown-item:hover {
        background: var(--t-color-red);
        color: var(--t-color-white) !important;
    }
header .nav-link-addup {
        display: inline-flex;
        align-items: center;
        gap: var(--t-space-2);
    }
header .nav-link-addup .addup-label {
    font-style: italic;
}
header .nav-link-addup .carabiner {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: var(--t-color-black);
        transform: rotate(15deg);
        transition: color var(--t-duration-md) var(--t-ease-default);
    }
header .nav-link-addup:hover .carabiner,
header .nav-link-addup[aria-expanded="true"] .carabiner {
        color: var(--t-color-red);
    }
header .nav-link-addup .carabiner svg {
        display: block;
        overflow: visible;
    }
header .nav-link-addup .carabiner-gate {
        transform-box: view-box;
        transform-origin: 9px 6px;
        transition: transform var(--t-duration-md) var(--t-ease-in-out);
    }
header .nav-link-addup:hover .carabiner-gate,
header .nav-link-addup[aria-expanded="true"] .carabiner-gate {
        transform: rotate(50deg);
    }
    /* Trait blanc central pour donner du relief au métal du mousqueton */
header .nav-link-addup .carabiner-shine {
        stroke: var(--t-color-white);
    }
header .quantity {
        font-size: var(--t-text-10);
        padding-left: 1px;
    }
header .bg-circle {
        position: absolute;
        top: 5px;
        right: 3px;
        height: var(--t-space-5);
        width: var(--t-space-5);
        background-color: #ff0000; /* Couleur de fond du rond */
        border-radius: var(--t-radius-full); /* Bordure arrondie pour faire un rond */
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--t-color-white); /* Couleur du texte */
    }
header .advert {
        text-align: center;
        width: 100%;
        background: var(--t-color-black);
        color: var(--t-color-white);
        font-size: var(--t-text-md);
        font-weight: var(--t-weight-light);
        letter-spacing: var(--t-tracking-wide);
        padding: var(--t-space-3) 0;
    } /* ============ desktop view ============ */
@media all and (min-width: 992px) {
        header .dropdown-menu li{ position: relative;	}
        header .nav-item .submenu{
            display: none;
            position: absolute;
            left:100%; top:-7px;
        }
        header .nav-item .submenu-left{
            right:100%; left:auto;
        }
        header .dropdown-menu > li:hover > .submenu{ display: block; }
    } /* ============ desktop view .end// ============ */
@media (max-width: 991px) {

        header .category-section {
            padding: 0 var(--t-space-4);
        }

        header .dropdown-menu .dropdown-menu{
            margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
        }
        header .navicon{
            flex-direction: row;
            justify-content: center;
        }
        header .navicon li{
            padding: var(--t-space-4);
        }
        header .logo-tussor-head {
            display: none;
        }

        header .logo-tussor {
            display: block;
        }

        header .search-button {
            display: block;
            margin-right: 5%;
        }

        header .img-section {
            display: none;
        }
    } /* ============ small devices ============ */
@media (min-width: 992px) and (max-width: 1200px) {

        header .logo-tussor {
            display: none;
        }
    }
@media (max-width: 414px) {
        header .navbar-brand {
            margin: 0;
        }
    }
header .navbar-toggler {
        border: var(--t-border-width-1) solid var(--t-color-border-subtle);
    }
header .navbar-toggler .navbar-toggler-icon {
        background-image: url(
        "data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    }