/* AL-AHOUD UNIFIED NAVIGATION */

.header .links,
.shop-header .shop-top nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
}

.header .links a,
.shop-header .shop-top nav a {
    position: relative;
    text-decoration: none;
    padding: 40px 0;
    color: #10234a;
    transition: color .2s ease;
}

.header .links a::after,
.shop-header .shop-top nav a::after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: 25px;
    height: 3px;
    background: #d9282f;
    border-radius: 5px;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform .2s ease;
}

.header .links a:hover,
.shop-header .shop-top nav a:hover {
    color: #d9282f;
}

.header .links a:hover::after,
.shop-header .shop-top nav a:hover::after,
.header .links a.active::after,
.shop-header .shop-top nav a.active::after {
    transform: scaleX(1);
}

.header .links a.active,
.shop-header .shop-top nav a.active {
    color: #d9282f;
}

@media (max-width: 720px) {
    .header .links a,
    .shop-header .shop-top nav a {
        padding: 12px 0;
    }

    .header .links a::after,
    .shop-header .shop-top nav a::after {
        bottom: 4px;
    }
}