Ibishka

$(document).ready(function(){
    $('#mem').change(function(){
        if ($('#mem option:selected').val() == '64GB') {
            $("total-price-1").addClass('active');
       }
        if ($('#mem option:selected').val() == '128GB') {
            $("total-price-2").addClass('active');
       }
    });

::after ::before с прозрачным фоном вставляешь туде где надо у border

Net konecna

top: 50%

Max width 145px

Я тоже искал точно по такому типу для видео. но в конце чам написал на jQuery как таб сделал

Justify con space betwen
И контейнкру задаешь ширину 100%

Берешь div внутри logo и nav > ul > li.Пишешь для ul display: flex; и margin right для li.А потом пишешь для div display: flex; justify-content space between align items center и задаешь ширину для div. Для лого пиши display block.

Если не хочешь гемароя то возьми картинку в формате png.Или на ютубе есть видео посмотри как сделать многоугольник. А потом играй с position' онами.