сделал header для пк

assets/css/gp-style-core.css

@@ -111,6 +111,8 @@ body{
     text-align: center;
 
     border-radius: 4px;
+
+    transition: background-color .3s;
 }
 .btn-big--border{
     padding: 21px 32px;
@@ -120,6 +122,9 @@ body{
 .btn-big--border--blood{
     border-color: var(--blood);
 }
+.btn-big--blood{
+    background-color: var(--blood);
+}
 
 
 .btn--100-per{
@@ -129,6 +134,9 @@ body{
 
 /* header */
 .header__logo{
+    width: 74px;
+    height: 64px;
+    
     background-image: url(/assets/img/main/logo.svg);
     background-repeat: no-repeat;
     background-size: contain;

assets/css/gp-style-desktop.css

@@ -1,8 +1,101 @@
-/* Основные стили для компьютера */
+.wrapper{
+    margin: auto;
+
+    width: 1440px;
+}
 
 
+/* header */
+.header__phone{
+    display: none;
+}
+.phone-menu{
+    display: none;
+}
 
-/* писать сюда... */
+.header{
+}
+.header__wrapper{
+    padding: 24px 0;
+
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+.header__main{
+    display: flex;
+    align-items: center;
+}
+.header-main__item{
+    margin-left: 48px;
+
+    display: flex;
+    align-items: center;
+}
+.header-main__item:first-child{
+    margin-left: 0;
+}
+.header-main__btn{
+    margin-left: 16px;
+}
+.header-main__btn:first-child{
+    margin-left: 0;
+}
+.header__text{
+    font-weight: 400;
+    font-size: 18px;
+    color: var(--text-white);
+}
+.header__text a {
+    color: var(--text-white);
+}
+.header__text--bo-line{
+    text-decoration: none;
+}
+
+.header__menu{
+    padding: 16px 0;
+
+    background-color: var(--background-grey);
+}
+.header-menu__wrapper{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+.header-menu__list{
+    display: flex;
+    align-items: center;
+
+    font-weight: 400;
+    font-size: 16px;
+    text-transform: uppercase;
+    color: var(--text-white);
+
+    list-style-type: none;
+}
+.header-menu__list li{
+    margin-left: 32px;
+}
+.header-menu__list li:first-child{
+    margin-left: 0;
+}
+.header-menu__list a{
+    color: var(--text-white);
+    text-decoration: none;
+}
+.header-menu-list__next{
+    padding-right: 24px;
+
+    background-image: url(/assets/img/icon/arrow-bottom.svg);
+    background-repeat: no-repeat;
+    background-position: center right;
+}
+.header-menu__search{
+    width: 32px;
+    aspect-ratio: 1;
+}
+/* header */
 
 
 

assets/css/gp-style-mobile.css

@@ -11,11 +11,6 @@
     position: relative;
 }
 
-.header__logo{
-    width: 74px;
-    height: 64px;
-}
-
 .header__phone{
     display: flex;
     align-items: center;

assets/img/icon/arrow-bottom.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 6L8 10L4 6" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
+</svg>