сделал адаптив для регистрации, осталось сделать переключение заказы/профиль

адаптивность кабинета
сделал модальные окна без форм
2024-10-24 00:48:05 +03:00 · 2024-10-24 00:20:41 +03:00 · 2024-10-23 22:53:45 +03:00 · 2024-10-23 19:33:21 +03:00 · 2024-10-23 18:44:16 +03:00 · 2024-10-22 20:16:26 +03:00
124 changed files with 10155 additions and 1774 deletions
--- a/README.md
+++ b/README.md
@@ -2,35 +2,7 @@
 ### **С точки зрения веб-разработки:**
 * верстаем на чистом HTML/CSS с использованием flex и grid (без подключение библиотек типа bootstrap и т.п.)
-* соблюдаем Scope-ориентированный подход:
+* при именовании блоков используем методологию **БЭМ в стиле "Two Dashes"**:
    - каждую секцию/экран именуем **уникальным** классом-родителем, от которого строим CSS-селектор для дочерних элементов, что ограничивает область ваших стилей только внутри секции/экрана, не влияя на другие части сайта.
    - пример:  <br>
    HTML:
    ```
    <section class="my-namespace">
        <h1>Новый заголовок</h1>
        <button class="my-button">Кнопка</button>
    </section>
    ```
    CSS:
    ```
    .my-namespace h1 {
        font-size: 24px;
        color: #333;
    }
    .my-namespace .my-button {
        background-color: #007BFF;
        color: #fff;
    }
    ```
 * чтобы дополнительно структурировать CSS при именовании блоков используем методологию **БЭМ в стиле "Two Dashes"**:
    `block-name__elem-name--mod-name--mod-val`
    + имена записываются латиницей в нижнем регистре
    + для разделения слов в именах БЭМ-сущностей используется дефис (-)
@@ -39,10 +11,8 @@
    + значение модификатора отделяется от его имени двумя дефисами (--)
 * из конечного HTML-файла убрать все комментарии, если такие имеются 
 * все медиазапросы пишутся в отдельных файлах (которые мы подготовили) для того чтобы оптимизировать скорость загрузки; если используется препроцессор, то не нужно в классе каждого блока использовать импорты медиа запросов, а наоборот выносим  пример можно посмотреть на ["видео"](https://www.youtube.com/watch?v=9uaENbRyVT4)
 * **частая ошибка:** верстальщик берет изображения/видео из макета и не задает им адаптивную ширину/высоту, и на моменте сдачи верстки не заметно косяков, а вот когда мы переходим к натяжке и медиаматериалы начинают выводиться в шаблон динамически и уже разных форматов (ШИРИНАxВЫСОТА), тогда верстка начинает плыть. Чтоб такое избежать проверяйте на как себя ведет элемент при замене слишком большой/маленькой картинки. 
 * **ВАЖНО:** если верстка делается для многостраничного сайта (особенно на CMS), то для всех страниц прописывать уникальный класс в \<body\>, от которого строить все CSS-правила на этой странице + для кажой станицы использовать свои отдельные CSS-файлы   
-* подключаем вначале normalize.min.css и reset.min.css, чтобы сбросить глобальные стили и устранить влияние наследуемых правил.
+
 * шрифты и глобальные переменные выносим в отдельный файл (у нас это *gp-style-core.css*)
 ### **С точки зрения SEO:**
 * все теги использовать строго по назначению! Текстовые (strong, b, i, em, h1-h6… p) используем только в текстовых блоках и заголовках. Для дизайна используем div и span. Например не нужно втыкать в подвал, шапку или формы захвата h4 или закрывать просто крупный текст, который не является заголовком в h2.
@@ -55,11 +25,7 @@
 ## **Порядок работы**
 ### **Подготовка окружения для локальной разработки**
-1. Выкачивать локально на свой компьютер один из 2х шаблонов (по веткам: 1 - master, 2 - with-phpmailer) командой: `git clone -b ${branch_name} https://git.good-production.xyz/Good-Production/template-for-verstka.git`
+1. Выкачивать локально на свой компьютер шаблон командой: `git clone https://git.good-production.xyz/Good-Production/template-for-verstka.git`
 заменить переменную: 
 `${branch_name}` -- на "master", если достаточно только отправки форм в ТГ, либо "with-phpmailer", если нужна отправка на почту средствами PHP (без использования плагинов CMS)
 2. Далее создать свою ветку командой: `git checkout -b ${project_name}--${name}`
 3. Приступить к локальной разработке в созданной ветке
 4. Для демонстрации работы пушить свои комиты в созданную ветку командой: `git push origin ${project_name}--${name}`
--- a/assets/css/gp-style-core.css
+++ b/assets/css/gp-style-core.css
--- a/assets/css/gp-style-desktop.css
+++ b/assets/css/gp-style-desktop.css
--- a/assets/css/gp-style-mobile.css
+++ b/assets/css/gp-style-mobile.css
@@ -1,212 +1,221 @@
 /* Стили для мобильных устройств  */
-@media only screen and (max-width: 576px) {
+@media only screen and (max-width: 720px) {
-    .anons-best__title {
+/* product */
-        font-size: 26px;
+.product__item{
-        line-height: 32px;
+    width: calc(100% - 24px);
        margin-bottom: 12px;
 }
 /* product */
-    .anons-best__card {
+/* modal */
-        padding-top: 205px;
+.modal__basket{
    }
    .anons-best__card .main-img {
        height: 300px;
    }
    .anons-best__card-body {
        padding: 20px 17px;
    }
    .anons-best__card-body__title {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 16px;
    }
    .anons-best__card.light .main-img {
        height: 197px;
    }
    .anons-best__card.light .anons-best__card-body__title {
        font-size: 20px;
        line-height: 24px;
    }
    .editorial-card {
        flex-direction: column;
        border-radius: 30px;
        position: relative;
    }
    .editorial-card .main-img {
    width: 100%;
        height: 203px;
 }
-
+.modal__filter{
-    .editorial-card__content {
+    width: 100%;
        padding: 17px 13px 24px;
 }
 .modal__to-know,
 .modal__to-know-submit{
    width: 100%;
 }
 .modal__button .to-know{
    display: flex;
-    .editorial-card__content-alerts {
+    background: none;
 }
 .modal__basket .modal__header {
    height: calc(100% - 156px);
    margin-bottom: -36px;
 }
 .modal-basket-item__block-image{
    position: absolute;
-        top: 13px;
+    width: 80px;
        left: 8px;
        width: calc(100% - 16px);
 }
-
+.modal-basket-item__image{
-    .editorial-card__content-title {
+    width: 48px;
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 17px;
 }
 .modal-basket-item__content{
    margin-left: 0;
-    .editorial-card__content-data {
+    padding-left: 96px;
        gap: 5px 16px;
 }
-
+.modal-basket-item__control{
-    .footer {
+    margin-left: -80px;
        padding: 24px 0 58px;
 }
 .modal-basket-item__title{
    min-height: 40px;
    .footer-top {
        align-items: flex-start;
        text-align: left;
        gap: 24px;
    }
    .footer-content__wrap {
        align-items: flex-start;
        gap: 24px;
    }
    .footer-content {
        align-items: flex-start;
    }
    .footer-content .logo {
        font-size: 20px;
        margin-bottom: 24px;
    }
    .footer-content__address {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 32px;
    }
    .footer-content ul {
        gap: 24px;
    }
    .footer-content ul p {
    font-size: 16px;
        line-height: 20px;
 }
-
+.modal-basket__item--return{
-    .footer-content ul a {
+    flex-direction: column;
-        font-size: 24px;
+    align-items: start;
        line-height: 32px;
 }
 .modal-basket__item--return .modal-basket-item__title{
    margin-right: auto;
 }
 .notification--width-584{
    width: 100%;
 }
 .notification__title{
    font-size: 20px;
 }
 .notification__text--center-pc{
    text-align: start;
 }
 .notification__img{
    height: 360px;
 }
 .notification__title{
    padding-right: 96px;
 }
 /* modal */
-    .footer-top__link .link-white {
+/* footer */
 .footer__about{
    display: none;
 }
-
+.footer__wrapper{
-    .footer-contact {
+    flex-direction: column;
        width: 100%;
        padding: 16px;
        border-radius: 24px;
 }
-
+.footer__content{
    .footer-contact__title {
        color: var(--main_white);
    }
    .footer-bottom {
        margin-top: 0;
        padding-top: 24px;
        border: 0;
        align-items: flex-start;
        gap: 17px;
    }
    .authors {
        padding-bottom: 138px;
    }
    .authors h2 {
        font-size: 32px;
        line-height: 38px;
        margin-bottom: 15px;
    }
    .authors li {
        border-radius: 24px;
    width: 100%;
 }
 .footer__form{
    margin-top: 24px;
    margin-left: 0;
-    .authors a {
+    width: 100%;
        padding: 32px 17px 52px;
 }
 .footer__social-media{
    display: block;
-    .authors .main-img {
+    margin-top: 24px;
        width: 180px;
        height: 180px;
        margin-bottom: 20px;
 }
 .footer-about__text{
    padding-top: 35px;
    display: block;
    text-align: left;
 }
 .footer__list{
    margin-top: 20px;
 }
 /* footer */
-    .authors-name {
+/* detail */
 .toggle__table--two .toggle-table__block{
    width: 100%;
 }
 .toggle__table--two .toggle-table__block:nth-child(even){
    margin-top: 32px;
    margin-left: 0;
 }
 .toggle__table--three .toggle-table__block:nth-child(1){
    width: 31%;
 }
 /* detail */
 /* cabinet */
 .cabinet-card__title{
    font-size: 20px;
        line-height: 24px;
 }
-
+.cabinet-card__no-orders{
-    .authors-type {
+    margin-top: 16px;
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 20px;
 }
-
+.cabinet-card-order__header{
-    .authors p {
+    flex-direction: column;
        font-size: 16px;
        line-height: 20px;
 }
-
+.cabinet-card-order__payment{
-    .author {
+    margin-top: 16px;
        padding-bottom: 15px;
 }
-
+.cabinet-card-order-detail__main{
-    .author-content {
+    flex-direction: column;
        margin-bottom: 23px;
 }
 .cabinet-card-order-detail-main__links{
    margin-top: 24px;
-    .author .main-img {
+    align-items: start;
 }
 .cabinet-card-order-detail-main-product__img{
    width: 70px;
    height: 70px;
 }
 .cabinet-card-order-detail-main__product{
    margin-top: 16px;
    align-items: start;
 }
 .cabinet-card-order-detail-main-product__content{
    margin-left: 16px;
    flex-wrap: wrap;
    position: relative;
 }
 .cabinet-card-order-detail-main-product__description{
    width: 100%;
 }
-
+.cabinet-card-order-detail-main-product__count{
-    .author h2 {
+    position: absolute;
-        font-size: 32px;
+    left: 116px;
-        line-height: 38px;
+    bottom: 0;
 }
 .cabinet-card-order-detail-main-product__price{
    position: absolute;
    left: 153px;
    bottom: 0;
 }
-    .author-name {
+/* .cabinet-card__order.active */
-        font-size: 20px;
+/* .cabinet-card__order.active */
-        line-height: 24px;
+/* cabinet */
 }
-    .author-type {
+@media only screen and (max-width: 576px) {
-        font-size: 18px;
+/* header */
-        line-height: 24px;
+
 /* header */
 /* product */
 .product__header{
    flex-direction: column;
    align-items: start;
 }
 .product__header .button{
    margin-top: 48px;
 }
 /* product */
 /* modal */
 .modal__aside{
    left: 0;
 }
 /* modal */
 /* detail */
 .detail-block-form__item,
 .detail-block-form__submit{
    min-width: 100%;
 }
 /* detail */
 /* cabinet */
 .cabinet-card-order-detail-main-product__img{
    width: 40px;
    height: 40px;
 }
-    .author-description {
+.cabinet-card-order-detail-main-product__count{
-        font-size: 18px;
+    left: auto;
-        line-height: 24px;
+    right: 71px;
        margin-bottom: 24px;
 }
-
+.cabinet-card-order-detail-main-product__price{
-    .author p {
+    left: auto;
-        font-size: 16px;
+    right: 0;
        line-height: 20px;
 }
 .cabinet-card-order__detail-short{
    transition-delay: 0;
    transition-duration: 0;
 }
 /* cabinet */
 }
--- a/assets/css/gp-style-normalize.css
+++ b/assets/css/gp-style-normalize.css
@@ -1,78 +0,0 @@
 * {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent !important;
 }
 a {
    text-decoration: none;
    color: inherit;
    display: inline-block;
    cursor: pointer;
 }
 img {
    max-width: 100%;
 }
 span,
 label {
    display: inline-block;
 }
 html {
    scroll-behavior: smooth;
 }
 input,
 textarea {
    outline: none;
    border: 0;
    background: transparent;
 }
 button,
 select {
    border: none;
    cursor: pointer;
    background: transparent;
    outline: 0;
 }
 address {
    font-style: normal;
 }
 .wrapper {
    width: 100%;
    overflow: hidden;
    min-height: 100svh;
 }
 ul,
 ol,
 dl {
    list-style: none;
    padding: 0;
    margin: 0;
 }
 p,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
    padding: 0;
    margin: 0;
    font-weight: 500;
 }
 input[type=number]::-webkit-inner-spin-button,
 input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0;
 }
--- a/assets/css/gp-style-tablet.css
+++ b/assets/css/gp-style-tablet.css
@@ -1,152 +1,252 @@
 /* Стили для планшетов  */
-@media only screen and (max-width: 992px) {
+@media only screen and (max-width: 1200px) {
-    .header-navs {
+/* header */
 main{
    padding-top: 64px;
 }
 .main-menu{
    display: none;
 }
-
+.header__open-menu{
-    .header-container {
+    display: block;
        height: 56px;
        padding: 0;
 }
 .lang{
    display: none;
 }
 .header__logo{
    width: 136px;
    height: 29px;
 }
 .header__content{
    height: auto;
-    .header-bars {
+    padding: 8px 16px;
 }
 .mini-profile__item:nth-child(2){
    margin-left: 0;
 }
 .header::after{
    left: 0;
    width: 100%;
 }
 .header__pc-menu{
    display: none;
 }
 .header__phone-menu{
    display: block;
 }
 .header__menu-block{
    top: 56px;
 }
 .header__content::after{
    left: 0;
    right: 0;
    width: 100%;
 }
 /* header */
 /* footer */
 .footer{
    margin-top: 0;
    padding: 24px 16px;
 }
 /* footer */
 /* breadcrumbs */
 .breadcrumbs{
    display: none;
 }
 /* breadcrumbs */
 /* product */
 .product{
    padding: 12px;
    padding-top: 20px;
 }
 .product__title{
    font-weight: 700;
    font-size: 26px;
    line-height: 123%;
    text-transform: uppercase;
 }
 .to-know p {
    font-size: 18px;
 }
 .toggle-table__title{
    font-weight: 700;
    font-size: 12px;
    line-height: 133%;
 }
 .toggle-table__item p{
    font-weight: 500;
    font-size: 12px;
    line-height: 133%;
 }
 .toggle-table-item__line{
    margin-top: 12px;
 }
 .detail{
    margin: 24px 16px;
 }
 .back-detail{
    display: inline;
 }
 .detail-catalot__title{
    font-size: 22px;
 }
 .product__footer--error{
    margin: 48px 0px 24px;
 }
 /* product */
 /* modal */
 .modal__text{
    padding-right: 0;
 }
 /* modal */
 /* cabinet */
 .cabinet{
    flex-direction: column;
 }
 .cabinet__control{
    display: flex;
    align-items: center;
 }
 .cabinet__orders, .cabinet__profile{
    width: 100%;
 }
 /* cabinet */
 }
@media only screen and (max-width: 980px) {
 /* product */
 .product__item{
    width: calc(50% - 24px);
 }
 /* product */
 /* detail */
 .detail{
    flex-direction: column;
 }
 .detail__images{
    display: none;
 }
 .detail__content{
    width: 100%;
 }
 .detail__content{
    margin-left: 0;
 }
 .detail__images-phone{
    display: block;
    margin-top: 48px;
    margin-bottom: 48px;
    position: relative;
    overflow: hidden;
 }
 .detail__images-phone .swiper-slide{
    display: flex;
    justify-content: center;
 }
 .detail-images-phone__image-block{
    width: 100%;
    aspect-ratio: 1;
    max-width: 500px;
-    .header-logo {
+    display: flex;
-        font-size: 16px;
+    justify-content: center;
-        line-height: 20px;
+    align-items: center;
-        gap: 8px;
+
    background: var(--background-grey);
    border-radius: 16px;
 }
-    .header-logo img {
+.detail__images-phone .swiper-pagination-bullet{
-        width: 31px;
+    width: 8px;
-        flex-shrink: 0;
+    height: 8px;
    border-radius: 50%;
    border: 1px solid #666;
    background-color: #666;
    opacity: 1;
 }
 .detail__images-phone .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color: var(--background-white);
 }
-    .header-lang {
+.detail__images-phone .swiper-pagination{
    margin-bottom: 19px;
 }
 .detail__title{
    font-size: 26px;
    line-height: 123%;
 }
 .gallery__slider .swiper-pagination {
    display: block;
 }
 .gallery__pagination{
    display: none;
 }
-    /* Where home */
+.gallery__slider .swiper-pagination-bullet{
-    .where-home {
+    width: 8px;
-        padding: 92px 0 36px;
+    height: 8px;
    border-radius: 50%;
    border: 1px solid #666;
    background-color: #666;
    opacity: 1;
 }
 .gallery__wrapper .gallery-button{
    display: none;
 }
-    .where-home h1 {
+.gallery__slider  .swiper-pagination-bullet.swiper-pagination-bullet-active{
-        font-size: 32px;
+    background-color: var(--background-white);
        line-height: 38px;
        margin-bottom: 15px;
 }
-    .where-home p {
+.gallery__slider{
-        font-size: 20px;
+    margin-left:0;
-        line-height: 24px;
+    padding: 0px 0px 50px 0px;
    /* padding: 40px; */
 }
-    /* Where home end */
+.gallery__block {
-
+    width: 100%;
-    /* Find us */
+    aspect-ratio: 1;
-    .find-us {
+    height: auto;
-        padding-bottom: 36px;
+}
 /* detail */
 }
-    .find-us h2 {
+@media only screen and (max-width: 750px) {
-        font-size: 26px;
+/* cabinet */
-        line-height: 32px;
+.cabinet-card-order__open-detail{
-        margin-bottom: 36px;
+    margin-top: 144px;
        padding: 0;
 }
-
+.cabinet-card-order__detail-short{
-    .find-us ul {
+    right: auto;
-        grid-template-columns: repeat(1, minmax(0, 1fr));
+    left: 0;
-        gap: 20px;
+    bottom: 48px;
 }
-
+.cabinet-card-order-detail-short__item{
-    .find-us h3 {
+    margin-left: -27px;
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 8px;
 }
-
+.cabinet-card-order-detail-short__item:first-child{
-    .find-us p {
+    margin-left: 0;
        font-size: 18px;
        line-height: 24px;
 }
-    /* Find us end */
+.cabinet-card__order.active .cabinet-card-order__open-detail{
-
+    margin-top: 24px;
    /* Location */
    .location {
        padding-bottom: 36px;
    }
    .location h2 {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 36px;
        padding: 0;
    }
    .location iframe {
        height: 560px;
        width: calc(100% + 32px);
        margin-left: -16px;
        border-radius: 24px;
    }
    /* Location end */
    /* Sell form */
    .sell-form {
        padding-bottom: 36px;
    }
    .sell-form__container {
        max-width: 100%;
        border-radius: 24px;
        padding: 36px 16px;
        gap: 18px;
    }
    .sell-form h2 {
        font-size: 26px;
        line-height: 32px;
    }
    .sell-form p {
        font-size: 20px;
        line-height: 24px;
    }
    .sell-form textarea {
        height: 120px;
    }
    /* Sell form end */
    .authors h2 {
        font-size: 48px;
        margin-bottom: 24px;
    }
    .authors li {
        border-radius: 32px;
        width: calc(50% - 12px);
    }
    .authors .main-img {
        margin-bottom: 24px;
    }
    .author {
        padding-bottom: 24px;
    }
    .author h2 {
        font-size: 48px;
    }
    .author-content {
        flex-direction: column;
        align-items: flex-start;
 }
 /* cabinet */
 }
--- a/assets/css/gp-style-xl.css
+++ b/assets/css/gp-style-xl.css
@@ -1,44 +0,0 @@
@media (max-width: 1200px) {
    .header-navs {
        gap: 12px;
    }
    .header-navs__link {
        font-size: 14px;
    }
    .header-right {
        gap: 4px;
    }
    .anons-article__card-wrap {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .editorial-card__wrap {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .footer-top {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .footer-content {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .footer-content__wrap {
        flex-direction: column;
        align-items: center;
        gap: 48px;
    }
    .footer-bottom {
        flex-direction: column;
        gap: 24px;
    }
 }
--- a/assets/fonts/Abel/Abel-Regular.ttf
+++ b/assets/fonts/Abel/Abel-Regular.ttf
--- a/assets/fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-Bold.ttf
+++ b/assets/fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-Bold.ttf
--- a/assets/fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-Heavy.ttf
+++ b/assets/fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-Heavy.ttf
--- a/assets/fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-Medium.ttf
+++ b/assets/fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-Medium.ttf
--- a/assets/fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-Regular.ttf
+++ b/assets/fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-Regular.ttf
--- a/assets/fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-SemiBold.ttf
+++ b/assets/fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-SemiBold.ttf
--- a/assets/fonts/craftwork/CraftworkGrotesk-Bold.woff
+++ b/assets/fonts/craftwork/CraftworkGrotesk-Bold.woff
--- a/assets/fonts/craftwork/CraftworkGrotesk-Bold.woff2
+++ b/assets/fonts/craftwork/CraftworkGrotesk-Bold.woff2
--- a/assets/fonts/craftwork/CraftworkGrotesk-Medium.woff
+++ b/assets/fonts/craftwork/CraftworkGrotesk-Medium.woff
--- a/assets/fonts/craftwork/CraftworkGrotesk-Medium.woff2
+++ b/assets/fonts/craftwork/CraftworkGrotesk-Medium.woff2
--- a/assets/fonts/craftwork/CraftworkGrotesk-Regular.woff
+++ b/assets/fonts/craftwork/CraftworkGrotesk-Regular.woff
--- a/assets/fonts/craftwork/CraftworkGrotesk-Regular.woff2
+++ b/assets/fonts/craftwork/CraftworkGrotesk-Regular.woff2
--- a/assets/fonts/craftwork/CraftworkGrotesk-SemiBold.woff
+++ b/assets/fonts/craftwork/CraftworkGrotesk-SemiBold.woff
--- a/assets/fonts/craftwork/CraftworkGrotesk-SemiBold.woff2
+++ b/assets/fonts/craftwork/CraftworkGrotesk-SemiBold.woff2
--- a/assets/fonts/craftwork/craftwork-grotesk-bold.ttf
+++ b/assets/fonts/craftwork/craftwork-grotesk-bold.ttf
--- a/assets/fonts/craftwork/craftwork-grotesk-medium.ttf
+++ b/assets/fonts/craftwork/craftwork-grotesk-medium.ttf
--- a/assets/fonts/craftwork/craftwork-grotesk-regular.ttf
+++ b/assets/fonts/craftwork/craftwork-grotesk-regular.ttf
--- a/assets/fonts/craftwork/craftwork-grotesk-semi-bold.ttf
+++ b/assets/fonts/craftwork/craftwork-grotesk-semi-bold.ttf
--- a/assets/fonts/din-2014/din-2014-rounded-demi.ttf
+++ b/assets/fonts/din-2014/din-2014-rounded-demi.ttf
--- a/assets/fonts/din-2014/din-2014-rounded-demi.woff
+++ b/assets/fonts/din-2014/din-2014-rounded-demi.woff
--- a/assets/fonts/din-2014/din-2014-rounded-demi.woff2
+++ b/assets/fonts/din-2014/din-2014-rounded-demi.woff2
--- a/assets/fonts/din-2014/din-2014-rounded-regular.ttf
+++ b/assets/fonts/din-2014/din-2014-rounded-regular.ttf
--- a/assets/fonts/din-2014/din-2014-rounded-regular.woff
+++ b/assets/fonts/din-2014/din-2014-rounded-regular.woff
--- a/assets/fonts/din-2014/din-2014-rounded-regular.woff2
+++ b/assets/fonts/din-2014/din-2014-rounded-regular.woff2
--- a/assets/fonts/roboto/Roboto-Medium.woff
+++ b/assets/fonts/roboto/Roboto-Medium.woff
--- a/assets/fonts/roboto/Roboto-Medium.woff2
+++ b/assets/fonts/roboto/Roboto-Medium.woff2
--- a/assets/fonts/roboto/Roboto-Regular.woff
+++ b/assets/fonts/roboto/Roboto-Regular.woff
--- a/assets/fonts/roboto/Roboto-Regular.woff2
+++ b/assets/fonts/roboto/Roboto-Regular.woff2
--- a/assets/fonts/roboto/roboto-medium.ttf
+++ b/assets/fonts/roboto/roboto-medium.ttf
--- a/assets/fonts/roboto/roboto-regular.ttf
+++ b/assets/fonts/roboto/roboto-regular.ttf
--- a/assets/img/arrow-down.svg
+++ b/assets/img/arrow-down.svg
@@ -1,3 +0,0 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M2.5 5.5L7.5 10.5L12.5 5.5" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
--- a/assets/img/author-1.png
+++ b/assets/img/author-1.png
--- a/assets/img/author-2.png
+++ b/assets/img/author-2.png
--- a/assets/img/author-3.png
+++ b/assets/img/author-3.png
--- a/assets/img/author-4.png
+++ b/assets/img/author-4.png
--- a/assets/img/author-5.png
+++ b/assets/img/author-5.png
--- a/assets/img/author-main-card.png
+++ b/assets/img/author-main-card.png
--- a/assets/img/bars.svg
+++ b/assets/img/bars.svg
@@ -1,11 +0,0 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_12806_2018)">
 <path d="M4 8H20" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M4 16H20" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 </g>
 <defs>
 <clipPath id="clip0_12806_2018">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
 </defs>
 </svg>
--- a/assets/img/basket-icon.svg
+++ b/assets/img/basket-icon.svg
@@ -1,3 +0,0 @@
 <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M19.9995 11.5385C19.3616 11.5385 18.7499 11.7816 18.2988 12.2144C17.8478 12.6471 17.5944 13.2341 17.5944 13.8462V15.1282H22.4045V13.8462C22.4045 13.2341 22.1511 12.6471 21.7001 12.2144C21.2491 11.7816 20.6373 11.5385 19.9995 11.5385ZM24.0079 15.1282V13.8462C24.0079 12.8261 23.5856 11.8478 22.8339 11.1265C22.0821 10.4052 21.0626 10 19.9995 10C18.9364 10 17.9168 10.4052 17.1651 11.1265C16.4133 11.8478 15.991 12.8261 15.991 13.8462V15.1282H13.9399M15.991 16.6667H13.9398C13.7471 16.6666 13.5566 16.7066 13.3816 16.7838C13.2065 16.861 13.051 16.9736 12.9255 17.1138C12.8 17.2541 12.7077 17.4188 12.6548 17.5965C12.6019 17.7742 12.5896 17.9608 12.6189 18.1435C12.6189 18.1434 12.6189 18.1435 12.6189 18.1435L13.9604 26.5045C14.0477 27.0493 14.3354 27.5463 14.7714 27.9052C15.2074 28.2642 15.7629 28.4615 16.3373 28.4615C16.3373 28.4615 16.3374 28.4615 16.3373 28.4615H23.6616C24.2362 28.4617 24.7921 28.2644 25.2283 27.9055C25.6645 27.5465 25.9523 27.0496 26.0396 26.5046L27.3811 18.1436C27.3811 18.1436 27.3811 18.1435 27.3811 18.1436C27.4104 17.9609 27.3981 17.7742 27.3452 17.5965C27.2923 17.4188 27.1999 17.2541 27.0745 17.1138C26.949 16.9736 26.7935 16.861 26.6184 16.7838C26.4433 16.7066 26.253 16.6666 26.0603 16.6667H24.0079V18.9744C24.0079 19.3992 23.649 19.7436 23.2062 19.7436C22.7635 19.7436 22.4045 19.3992 22.4045 18.9744V16.6667H17.5944V18.9744C17.5944 19.3992 17.2355 19.7436 16.7927 19.7436C16.3499 19.7436 15.991 19.3992 15.991 18.9744V16.6667ZM24.0079 15.1282H26.0601C26.0601 15.1282 26.0602 15.1282 26.0601 15.1282C26.4839 15.1282 26.9028 15.2161 27.2879 15.3859C27.673 15.5557 28.0153 15.8034 28.2913 16.112C28.5673 16.4206 28.7705 16.7829 28.8869 17.1739C29.0033 17.5649 29.0303 17.9755 28.9658 18.3774L27.6244 26.7385C27.6243 26.7385 27.6244 26.7384 27.6244 26.7385C27.4788 27.6467 26.9991 28.475 26.2722 29.0732C25.5453 29.6715 24.6192 30.0002 23.6616 30C23.6615 30 23.6616 30 23.6616 30H16.3373C15.3799 30 14.454 29.6711 13.7273 29.0728C13.0007 28.4746 12.5212 27.6466 12.3757 26.7386C12.3756 26.7385 12.3757 26.7386 12.3757 26.7386L11.0342 18.3776C10.9697 17.9756 10.9966 17.5649 11.1131 17.1739C11.2295 16.7829 11.4327 16.4206 11.7087 16.112C11.9847 15.8034 12.327 15.5557 12.7121 15.3859C13.0972 15.2161 13.5161 15.1282 13.9399 15.1282" fill="#333333"/>
 </svg>
--- a/assets/img/footer-network-1.svg
+++ b/assets/img/footer-network-1.svg
@@ -1,3 +0,0 @@
 <svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M2.25023 2.99272C0 5.24325 0 8.86108 0 16.101V17.3791C0 24.619 0 28.2411 2.25023 30.4917C4.50046 32.7422 8.11782 32.7422 15.361 32.7422H16.639C23.8779 32.7422 27.4995 32.7422 29.7498 30.4917C32 28.2411 32 24.6233 32 17.3791V16.101C32 8.86108 32 5.239 29.7498 2.98847C27.4995 0.742188 23.8779 0.742188 16.639 0.742188H15.361C8.11782 0.742188 4.50046 0.742188 2.25023 2.99272ZM5.40056 10.4789C5.57463 18.7974 9.73544 23.7995 17.0253 23.7995H17.4372V19.0394C20.1162 19.3069 22.1414 21.2645 22.9566 23.7995H26.7438C25.7036 20.0118 22.9694 17.9184 21.2626 17.1201C22.9694 16.135 25.3682 13.7316 25.9414 10.4789H22.5023C21.7551 13.1201 19.5431 15.5193 17.4372 15.7443V10.4789H13.9981V19.7061C11.8668 19.1711 9.17076 16.5851 9.05188 10.4789H5.40056Z" fill="white"/>
 </svg>
--- a/assets/img/footer-network-2.svg
+++ b/assets/img/footer-network-2.svg
@@ -1,3 +0,0 @@
 <svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M16 0.742188C7.16387 0.742188 0 7.90606 0 16.7422C0 25.5783 7.16387 32.7422 16 32.7422C24.8361 32.7422 32 25.5783 32 16.7422C32 7.90606 24.8361 0.742188 16 0.742188ZM23.8555 11.7048L21.2335 24.0815C21.0374 24.959 20.5213 25.1757 19.7884 24.7628L15.7832 21.8106L13.8529 23.6686C13.6361 23.8854 13.4606 24.0609 13.0477 24.0609L13.3265 19.9938L20.7381 13.2944C21.0581 13.0157 20.6658 12.8506 20.2426 13.1293L11.0761 18.8996L7.1329 17.6712C6.27613 17.4028 6.25548 16.8144 7.31871 16.4015L22.751 10.4454C23.4632 10.1873 24.0929 10.6209 23.8555 11.7048Z" fill="white"/>
 </svg>
--- a/assets/img/footer-network-3.svg
+++ b/assets/img/footer-network-3.svg
@@ -1,6 +0,0 @@
 <svg width="33" height="33" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M15.568 0.742188C15.3825 3.24847 15.3939 5.78891 14.9687 8.25368C14.1605 12.9294 11.5304 15.3105 6.79636 15.8649C4.54453 16.1288 2.2659 16.1683 0 16.3095C0 15.8187 0.160702 14.5311 0.188825 14.3684C1.18518 8.62865 4.32691 4.50931 9.62271 2.11485C11.0322 1.47874 15.0772 0.742188 15.568 0.742188Z" fill="white"/>
 <path d="M0 17.1484C1.98668 17.287 3.98207 17.3527 5.9567 17.5897C7.26575 17.7464 8.59221 18.0209 9.82962 18.4669C12.4651 19.417 14.1652 21.387 14.6935 24.0901C15.2399 26.887 15.4375 29.7528 15.8051 32.7325C13.2814 32.8082 11.2063 32.2571 9.25913 31.3016C4.19768 28.8188 1.14634 24.7905 0.190834 19.2074C0.156685 19.0072 0 17.6399 0 17.1484Z" fill="white"/>
 <path d="M19.7047 1.16135C26.3892 2.64115 31.7125 8.86167 32.0111 15.5469C32.0205 15.7538 32.0124 15.9614 32.0124 16.3069C28.4489 16.181 24.8913 16.3457 21.5842 14.8097C18.8215 13.526 17.5138 11.1249 17.0839 8.25502C16.7739 6.18397 16.7257 4.07408 16.5542 1.9816C16.5201 1.56713 16.4585 1.15533 16.4089 0.742189C16.8997 0.741519 19.096 1.0261 19.7047 1.16135Z" fill="white"/>
 <path d="M16.3945 32.6792C16.6202 30.1595 16.7032 27.7075 17.0862 25.303C17.7719 20.9968 20.1751 18.5528 24.4544 17.843C26.8897 17.4393 29.3799 17.3643 31.844 17.1406C32.5009 24.1633 25.5157 32.8807 16.3945 32.6792Z" fill="white"/>
 </svg>
--- a/assets/img/header-red.svg
+++ b/assets/img/header-red.svg
@@ -1,3 +0,0 @@
 <svg width="24" height="21" viewBox="0 0 24 21" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M17.7934 0.742188C14.0742 0.742188 12.4292 3.534 12.0716 4.92991C11.8093 3.534 10.2263 0.742188 5.99218 0.742188C0.699506 0.742188 -1.66074 7.7458 2.98823 13.7386C6.7074 18.5328 10.5935 20.4052 12.0716 20.7422C13.7166 20.4293 17.8935 18.4895 21.4411 13.2332C25.8755 6.66277 22.4424 0.742188 17.7934 0.742188Z" fill="#FE8D8D"/>
 </svg>
--- a/assets/img/heart-grey.svg
+++ b/assets/img/heart-grey.svg
@@ -1,3 +0,0 @@
 <svg width="19" height="16" viewBox="0 0 19 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M14.2859 0C11.2135 0 9.85457 2.23345 9.55915 3.35018C9.34251 2.23345 8.03478 0 4.53702 0C0.164809 0 -1.78496 5.60289 2.05549 10.3971C5.12786 14.2325 8.33808 15.7304 9.55915 16C10.9181 15.7497 14.3686 14.1978 17.2991 9.99278C20.9623 4.73646 18.1263 0 14.2859 0Z" fill="#999999"/>
 </svg>
--- a/assets/img/heart-white.svg
+++ b/assets/img/heart-white.svg
@@ -1,3 +0,0 @@
 <svg width="19" height="16" viewBox="0 0 19 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M14.2859 0C11.2135 0 9.85457 2.23345 9.55915 3.35018C9.34251 2.23345 8.03478 0 4.53702 0C0.164809 0 -1.78496 5.60289 2.05549 10.3971C5.12786 14.2325 8.33808 15.7304 9.55915 16C10.9181 15.7497 14.3686 14.1978 17.2991 9.99278C20.9623 4.73646 18.1263 0 14.2859 0Z" fill="white"/>
 </svg>
--- a/assets/img/heart.svg
+++ b/assets/img/heart.svg
@@ -1,3 +0,0 @@
 <svg width="19" height="16" viewBox="0 0 19 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M14.2859 0C11.2135 0 9.85457 2.23345 9.55915 3.35018C9.34251 2.23345 8.03478 0 4.53702 0C0.164809 0 -1.78496 5.60289 2.05549 10.3971C5.12786 14.2325 8.33808 15.7304 9.55915 16C10.9181 15.7497 14.3686 14.1978 17.2991 9.99278C20.9623 4.73646 18.1263 0 14.2859 0Z" fill="#666666"/>
 </svg>
--- a/assets/img/indent-icon-1.svg
+++ b/assets/img/indent-icon-1.svg
@@ -1,18 +0,0 @@
 <svg width="54" height="49" viewBox="0 0 54 49" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M48.0815 7.92932C49.4355 6.5889 51.629 6.5889 52.983 7.92932C54.339 9.27186 54.339 11.4501 52.983 12.7927L29.1999 36.3385C27.8459 37.6789 25.6524 37.6789 24.2984 36.3385L10.8231 22.9976C9.46708 21.6551 9.46708 19.4768 10.8231 18.1343C12.1771 16.7939 14.3706 16.7939 15.7246 18.1343L26.7492 29.0489L48.0815 7.92932ZM51.8777 9.03434C51.1351 8.29909 49.9294 8.29909 49.1867 9.03434L26.7492 31.2481L14.6194 19.2393C13.8767 18.504 12.671 18.504 11.9284 19.2393C11.1878 19.9724 11.1878 21.1595 11.9284 21.8926L25.4037 35.2335C26.1463 35.9687 27.352 35.9687 28.0946 35.2335L51.8777 11.6877C52.6182 10.9545 52.6182 9.76747 51.8777 9.03434Z" fill="url(#paint0_radial_11666_41321)"/>
 <path d="M1.56688 24.6641C1.56688 12.2738 11.7134 2.22296 24.238 2.22296C32.565 2.22296 39.8409 6.66576 43.7825 13.2851L44.9262 12.1528C40.6662 5.26123 32.9929 0.664062 24.238 0.664062C10.8554 0.664062 0 11.4056 0 24.6641C0 37.9225 10.8554 48.6641 24.238 48.6641C37.6206 48.6641 48.476 37.9225 48.476 24.6641C48.476 22.0965 48.0689 19.6234 47.3152 17.3043L46.0573 18.5496C46.6122 20.4936 46.9091 22.5446 46.9091 24.6641C46.9091 37.0543 36.7625 47.1052 24.238 47.1052C11.7134 47.1052 1.56688 37.0543 1.56688 24.6641Z" fill="url(#paint1_radial_11666_41321)"/>
 <defs>
 <radialGradient id="paint0_radial_11666_41321" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(54 0.664065) rotate(138.366) scale(72.2496 97.959)">
 <stop stop-color="#188892"/>
 <stop offset="0.45" stop-color="#1EA49C"/>
 <stop offset="0.9" stop-color="#76CE75"/>
 <stop offset="1" stop-color="#BBE38D"/>
 </radialGradient>
 <radialGradient id="paint1_radial_11666_41321" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(54 0.664065) rotate(138.366) scale(72.2496 97.959)">
 <stop stop-color="#188892"/>
 <stop offset="0.45" stop-color="#1EA49C"/>
 <stop offset="0.9" stop-color="#76CE75"/>
 <stop offset="1" stop-color="#BBE38D"/>
 </radialGradient>
 </defs>
 </svg>
--- a/assets/img/logo-green.svg
+++ b/assets/img/logo-green.svg
@@ -1,11 +0,0 @@
 <svg width="55" height="44" viewBox="0 0 55 44" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M54.4456 6.968C52.8502 4.26022 48.1445 3.74111 41.1703 5.49485C37.7503 2.7802 33.5793 1.14675 29.203 0.808095C24.8266 0.469444 20.4485 1.44136 16.6411 3.59675C12.8338 5.75214 9.77451 8.99066 7.8633 12.8888C5.9521 16.787 5.27795 21.1633 5.92903 25.4455C0.860701 30.5173 -1.05 34.7988 0.552524 37.5159C1.53158 39.1785 3.63429 40.0203 6.71606 40.0203C8.68733 39.9852 10.649 39.7398 12.5667 39.2884C12.9792 39.1972 13.4011 39.0966 13.8278 38.9891C17.0317 41.5323 20.8992 43.1302 24.9842 43.5984C29.0692 44.0666 33.2052 43.386 36.9149 41.6351C40.6245 39.8842 43.7568 37.1345 45.9501 33.703C48.1434 30.2716 49.3085 26.2985 49.3109 22.242C49.3125 21.1675 49.2333 20.0943 49.0738 19.0314C52.1011 15.9916 54.1255 13.1201 54.7632 10.7374C55.1639 9.27359 55.0548 8.00622 54.4456 6.968ZM27.5014 2.6C32.1048 2.60551 36.5646 4.18168 40.1241 7.0611C43.6836 9.94053 46.1237 13.9459 47.0304 18.3977C43.1971 22.0666 37.8325 25.9926 31.7424 29.444C25.2683 33.1128 19.2233 35.5821 14.2925 36.9266C11.2741 34.2819 9.14206 30.7945 8.17904 26.9271C7.21602 23.0597 7.46753 18.995 8.90022 15.2718C10.3329 11.5486 12.8791 8.34292 16.2011 6.07984C19.5232 3.81675 23.4641 2.60317 27.5014 2.6ZM2.19534 36.5759C1.18784 34.8689 2.78799 31.5251 6.40315 27.6762C7.38336 31.3793 9.34736 34.7574 12.0926 37.4621C6.84408 38.6102 3.19573 38.2782 2.19534 36.5759ZM27.5014 41.8839C23.4308 41.8879 19.4578 40.655 16.1226 38.353C21.2383 36.8144 26.987 34.2914 32.6812 31.0668C38.4299 27.8072 43.4934 24.1781 47.3385 20.6753C47.3812 21.192 47.4097 21.7135 47.4097 22.242C47.4034 27.4486 45.3041 32.4403 41.572 36.1224C37.84 39.8045 32.7799 41.8765 27.5014 41.8839ZM52.9331 10.2533C52.4282 12.124 50.8992 14.3805 48.6068 16.8147C47.6205 13.1031 45.6464 9.71887 42.8889 7.01243C48.0687 5.88535 51.8 6.20336 52.8051 7.90801C53.1512 8.4996 53.1963 9.28762 52.9331 10.2533Z" fill="url(#paint0_radial_12821_4886)"/>
 <defs>
 <radialGradient id="paint0_radial_12821_4886" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(55 0.74219) rotate(141.981) scale(69.814 92.4982)">
 <stop stop-color="#188892"/>
 <stop offset="0.45" stop-color="#1EA49C"/>
 <stop offset="0.9" stop-color="#76CE75"/>
 <stop offset="1" stop-color="#BBE38D"/>
 </radialGradient>
 </defs>
 </svg>
--- a/assets/img/logo.svg
+++ b/assets/img/logo.svg
@@ -1,3 +0,0 @@
 <svg width="51" height="40" viewBox="0 0 51 40" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M50.4859 5.79145C49.0065 3.27258 44.6431 2.78969 38.1761 4.42108C35.0048 1.89583 31.1372 0.376333 27.0791 0.0613091C23.021 -0.253715 18.9613 0.650395 15.4309 2.65541C11.9004 4.66042 9.06364 7.673 7.29143 11.2992C5.51922 14.9254 4.8941 18.9964 5.49783 22.9798C0.798105 27.6978 -0.973633 31.6805 0.51234 34.2081C1.42019 35.7547 3.36998 36.5377 6.22762 36.5377C8.05553 36.5052 9.87449 36.2769 11.6527 35.8569C12.0352 35.7721 12.4265 35.6785 12.8222 35.5785C15.793 37.9443 19.3793 39.4307 23.1672 39.8663C26.9551 40.3018 30.7903 39.6687 34.2301 38.0399C37.67 36.4112 40.5744 33.8533 42.6083 30.6613C44.6421 27.4693 45.7224 23.7733 45.7246 19.9998C45.7261 19.0003 45.6527 18.002 45.5048 17.0132C48.3119 14.1855 50.1891 11.5144 50.7805 9.29786C51.1519 7.93619 51.0508 6.75724 50.4859 5.79145ZM25.5013 1.7282C29.77 1.73333 33.9054 3.19952 37.206 5.87806C40.5066 8.5566 42.7692 12.2825 43.61 16.4238C40.0555 19.8366 35.081 23.4888 29.4339 26.6994C23.4306 30.1122 17.8253 32.4092 13.253 33.66C10.4542 31.1997 8.47718 27.9557 7.5842 24.3581C6.69122 20.7605 6.92444 16.9793 8.25293 13.5159C9.58142 10.0525 11.9424 7.07045 15.0229 4.96526C18.1033 2.86006 21.7576 1.73114 25.5013 1.7282ZM2.03568 33.3337C1.10145 31.7458 2.58523 28.6353 5.93746 25.0549C6.84638 28.4997 8.66755 31.6421 11.2131 34.1581C6.34633 35.2261 2.96332 34.9172 2.03568 33.3337ZM25.5013 38.2714C21.7268 38.275 18.0427 37.1282 14.95 34.9868C19.6937 33.5556 25.0243 31.2085 30.3044 28.2089C35.635 25.1767 40.3303 21.8008 43.8957 18.5424C43.9353 19.0231 43.9617 19.5082 43.9617 19.9998C43.9559 24.8432 42.0092 29.4866 38.5486 32.9118C35.088 36.3371 30.3959 38.2645 25.5013 38.2714ZM49.0835 8.84759C48.6152 10.5877 47.1974 12.6868 45.0718 14.9512C44.1572 11.4985 42.3267 8.3504 39.7697 5.83278C44.5728 4.78434 48.0327 5.08016 48.9648 6.66588C49.2857 7.2162 49.3274 7.94924 49.0835 8.84759Z" fill="#121212"/>
 </svg>
--- a/assets/img/long-arrow.svg
+++ b/assets/img/long-arrow.svg
@@ -1,3 +0,0 @@
 <svg width="207" height="22" viewBox="0 0 207 22" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M197.037 1L206 11M206 11L197.037 21M206 11L1 11" stroke="#121212" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
--- a/assets/img/minus-icon.svg
+++ b/assets/img/minus-icon.svg
@@ -1,4 +0,0 @@
 <svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M18 33C26.2843 33 33 26.2843 33 18C33 16.0529 32.6305 14.1994 31.9606 12.5005C31.7927 12.0745 31.6057 11.6579 31.4007 11.2518C31.1211 10.6979 30.808 10.1633 30.4639 9.65087C27.7663 5.63342 23.1901 3 18 3C9.71573 3 3 9.71573 3 18C3 26.2843 9.71573 33 18 33ZM18 36C27.9411 36 36 27.9411 36 18C36 15.6701 35.5573 13.4436 34.7515 11.4C34.5497 10.8881 34.325 10.3877 34.0789 9.9C33.7431 9.23477 33.3672 8.59322 32.9545 7.97852C29.7235 3.16663 24.2316 0 18 0C8.05888 0 0 8.05888 0 18C0 27.9411 8.05888 36 18 36Z" fill="#DD2127"/>
 <path d="M28.4694 18.0918C28.4694 19.4613 27.3534 20.5714 25.9767 20.5714H10.0233C8.64664 20.5714 7.53061 19.4613 7.53061 18.0918C7.53061 16.7224 8.64664 15.6122 10.0233 15.6122H25.9767C27.3534 15.6122 28.4694 16.7224 28.4694 18.0918Z" fill="#DD2127"/>
 </svg>
--- a/assets/img/modal/about_slider.png
+++ b/assets/img/modal/about_slider.png
--- a/assets/img/msg-green.svg
+++ b/assets/img/msg-green.svg
@@ -1,11 +0,0 @@
 <svg width="23" height="21" viewBox="0 0 23 21" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M4.76298 4.44735C3.06952 5.67081 2.13126 7.27684 2.13126 8.95074C2.13126 10.9189 3.43754 12.8055 5.72596 14.0611C6.06925 14.2494 6.23788 14.6639 6.12924 15.0523C5.80108 16.2254 4.97453 17.5082 4.37705 18.4355C4.35717 18.4664 4.33755 18.4969 4.3182 18.5269C4.30813 18.5425 4.29815 18.5581 4.28825 18.5734C4.53639 18.4536 4.80635 18.3131 5.09199 18.1538C6.28443 17.4885 7.6774 16.5358 8.80068 15.5042C8.98115 15.3384 9.22254 15.2642 9.46036 15.3013C10.1165 15.4037 10.7989 15.4578 11.5 15.4578C14.1673 15.4578 16.5467 14.6753 18.237 13.4541C19.9305 12.2307 20.8687 10.6246 20.8687 8.95074C20.8687 7.27684 19.9305 5.67081 18.237 4.44735C16.5467 3.22618 14.1673 2.44368 11.5 2.44368C8.83266 2.44368 6.45327 3.22618 4.76298 4.44735ZM3.0195 19.0408C3.01951 19.0408 3.02033 19.0407 3.02191 19.0407C3.02027 19.0408 3.01948 19.0408 3.0195 19.0408ZM3.83415 3.04862C5.82987 1.60678 8.54267 0.742188 11.5 0.742188C14.4573 0.742188 17.1701 1.60678 19.1659 3.04862C21.1584 4.48816 22.5 6.56104 22.5 8.95074C22.5 11.3404 21.1584 13.4133 19.1659 14.8529C17.1701 16.2947 14.4573 17.1593 11.5 17.1593C10.8501 17.1593 10.2129 17.1176 9.59312 17.0374C8.41664 18.0694 7.04427 18.9942 5.86135 19.6541C5.22123 20.0112 4.61837 20.301 4.11684 20.4893C3.86744 20.583 3.62444 20.6586 3.40353 20.7017C3.21456 20.7385 2.91813 20.7785 2.63153 20.6825C2.42855 20.6146 2.21877 20.4705 2.08381 20.2244C1.95926 19.9972 1.94674 19.7703 1.95698 19.6181C1.97576 19.3391 2.08812 19.078 2.17184 18.9038C2.35249 18.5281 2.6576 18.0542 2.9561 17.5905L2.96393 17.5784C3.47206 16.7891 4.00731 15.953 4.33796 15.1946C2.0636 13.7424 0.5 11.537 0.5 8.95074C0.5 6.56104 1.84159 4.48816 3.83415 3.04862Z" fill="url(#paint0_radial_11432_38673)"/>
 <defs>
 <radialGradient id="paint0_radial_11432_38673" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(22.5 0.742189) rotate(137.726) scale(29.7321 40.4084)">
 <stop stop-color="#188892"/>
 <stop offset="0.45" stop-color="#1EA49C"/>
 <stop offset="0.9" stop-color="#76CE75"/>
 <stop offset="1" stop-color="#BBE38D"/>
 </radialGradient>
 </defs>
 </svg>
--- a/assets/img/msg-grey.svg
+++ b/assets/img/msg-grey.svg
@@ -1,3 +0,0 @@
 <svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M0 3C0 1.34315 1.34315 0 3 0H14C15.6569 0 17 1.34315 17 3V16L13.8125 12.3871H3C1.34315 12.3871 0 11.044 0 9.3871V3Z" fill="#999999"/>
 </svg>
--- a/assets/img/msg-white.svg
+++ b/assets/img/msg-white.svg
@@ -1,3 +0,0 @@
 <svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M0 3C0 1.34315 1.34315 0 3 0H14C15.6569 0 17 1.34315 17 3V16L13.8125 12.3871H3C1.34315 12.3871 0 11.044 0 9.3871V3Z" fill="white"/>
 </svg>
--- a/assets/img/msg.svg
+++ b/assets/img/msg.svg
@@ -1,3 +0,0 @@
 <svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M0 3C0 1.34315 1.34315 0 3 0H14C15.6569 0 17 1.34315 17 3V16L13.8125 12.3871H3C1.34315 12.3871 0 11.044 0 9.3871V3Z" fill="#666666"/>
 </svg>
--- a/assets/img/pet/cat.png
+++ b/assets/img/pet/cat.png
--- a/assets/img/pet/dog.png
+++ b/assets/img/pet/dog.png
--- a/assets/img/pet/mini-dog.png
+++ b/assets/img/pet/mini-dog.png
--- a/assets/img/plus-icon.svg
+++ b/assets/img/plus-icon.svg
@@ -1,18 +0,0 @@
 <svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M18 33C26.2843 33 33 26.2843 33 18C33 16.0529 32.6305 14.1994 31.9606 12.5005C31.7927 12.0745 31.6057 11.6579 31.4007 11.2518C31.1211 10.6979 30.808 10.1633 30.4639 9.65087C27.7663 5.63342 23.1901 3 18 3C9.71573 3 3 9.71573 3 18C3 26.2843 9.71573 33 18 33ZM18 36C27.9411 36 36 27.9411 36 18C36 15.6701 35.5573 13.4436 34.7515 11.4C34.5497 10.8881 34.325 10.3877 34.0789 9.9C33.7431 9.23477 33.3672 8.59322 32.9545 7.97852C29.7235 3.16663 24.2316 0 18 0C8.05888 0 0 8.05888 0 18C0 27.9411 8.05888 36 18 36Z" fill="url(#paint0_radial_11667_42373)"/>
 <path d="M27.7631 15.6376C29.0661 15.6376 30.1224 16.6858 30.1224 17.9789C30.1224 19.272 29.0661 20.3203 27.7631 20.3203H20.4725V27.5763C20.4725 28.8811 19.4066 29.9388 18.0918 29.9388C16.7771 29.9388 15.7112 28.8811 15.7112 27.5763V20.3203H8.42059C7.11755 20.3203 6.06122 19.272 6.06122 17.9789C6.06122 16.6858 7.11755 15.6376 8.42058 15.6376H15.7112V8.42367C15.7112 7.11893 16.7771 6.06122 18.0918 6.06122C19.4066 6.06122 20.4725 7.11893 20.4725 8.42367V15.6376H27.7631Z" fill="url(#paint1_radial_11667_42373)"/>
 <defs>
 <radialGradient id="paint0_radial_11667_42373" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(36 1.87286e-06) rotate(135) scale(50.9117 69.5076)">
 <stop stop-color="#188892"/>
 <stop offset="0.45" stop-color="#1EA49C"/>
 <stop offset="0.9" stop-color="#76CE75"/>
 <stop offset="1" stop-color="#BBE38D"/>
 </radialGradient>
 <radialGradient id="paint1_radial_11667_42373" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(36 1.87286e-06) rotate(135) scale(50.9117 69.5076)">
 <stop stop-color="#188892"/>
 <stop offset="0.45" stop-color="#1EA49C"/>
 <stop offset="0.9" stop-color="#76CE75"/>
 <stop offset="1" stop-color="#BBE38D"/>
 </radialGradient>
 </defs>
 </svg>
--- a/assets/img/product/image.png
+++ b/assets/img/product/image.png
--- a/assets/img/product/mini-card.png
+++ b/assets/img/product/mini-card.png
--- a/assets/img/svg/logo/logo-black.svg
+++ b/assets/img/svg/logo/logo-black.svg
--- a/assets/img/svg/logo/logo-gradient.svg
+++ b/assets/img/svg/logo/logo-gradient.svg
--- a/assets/img/svg/logo/logo-white.svg
+++ b/assets/img/svg/logo/logo-white.svg
--- a/assets/img/svg/main/arrow-back.svg
+++ b/assets/img/svg/main/arrow-back.svg
@@ -0,0 +1,5 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M4.5 12.3643H21" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M4.5 12.3643L10.864 18.7282" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M4.5 12.3643L10.864 6.0003" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
--- a/assets/img/svg/main/arrow-black.svg
+++ b/assets/img/svg/main/arrow-black.svg
@@ -0,0 +1,3 @@
 <svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M0.46967 0.46967C0.762563 0.176777 1.23744 0.176777 1.53033 0.46967L5 3.93934L8.46967 0.46967C8.76256 0.176777 9.23744 0.176777 9.53033 0.46967C9.82322 0.762563 9.82322 1.23744 9.53033 1.53033L5.53033 5.53033C5.23744 5.82322 4.76256 5.82322 4.46967 5.53033L0.46967 1.53033C0.176777 1.23744 0.176777 0.762563 0.46967 0.46967Z" fill="#333333"/>
 </svg>
--- a/assets/img/svg/main/arrow-breadcrumbs-black.svg
+++ b/assets/img/svg/main/arrow-breadcrumbs-black.svg
@@ -0,0 +1,3 @@
 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M8.94673 2.74797C9.26993 2.62677 9.63019 2.79052 9.75139 3.11373L12.2514 9.78039C12.3045 9.92188 12.3045 10.0778 12.2514 10.2193L9.75139 16.886C9.63019 17.2092 9.26993 17.3729 8.94673 17.2517C8.62353 17.1305 8.45978 16.7703 8.58098 16.4471L10.9987 9.99984L8.58098 3.55263C8.45978 3.22943 8.62353 2.86917 8.94673 2.74797Z" fill="#333333"/>
 </svg>
--- a/assets/img/svg/main/arrow-breadcrumbs.svg
+++ b/assets/img/svg/main/arrow-breadcrumbs.svg
@@ -0,0 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M10.7369 3.29777C11.1247 3.15233 11.557 3.34884 11.7025 3.73668L14.7025 11.7367C14.7661 11.9065 14.7661 12.0936 14.7025 12.2634L11.7025 20.2634C11.557 20.6512 11.1247 20.8477 10.7369 20.7023C10.349 20.5568 10.1525 20.1245 10.298 19.7367L13.1992 12L10.298 4.26336C10.1525 3.87552 10.349 3.44321 10.7369 3.29777Z" fill="#666666"/>
 </svg>
--- a/assets/img/svg/main/arrow-left.svg
+++ b/assets/img/svg/main/arrow-left.svg
@@ -0,0 +1,5 @@
 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M6 16.4854H28" stroke="#666666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M6 16.4854L14.4853 24.9706" stroke="#666666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M6 16.4854L14.4853 8.00007" stroke="#666666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
--- a/assets/img/svg/main/arrow-right.svg
+++ b/assets/img/svg/main/arrow-right.svg
@@ -0,0 +1,5 @@
 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M26 16.4854H4" stroke="#666666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M26 16.4854L17.5147 24.9706" stroke="#666666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M26 16.4854L17.5147 8.00007" stroke="#666666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
--- a/assets/img/svg/main/arrow-selected-white.svg
+++ b/assets/img/svg/main/arrow-selected-white.svg
@@ -0,0 +1,3 @@
 <svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.50681 0.784901C9.86151 1.14024 9.86101 1.71584 9.50567 2.07055L4.35112 7.216C3.99601 7.57049 3.42085 7.57024 3.06604 7.21544L0.493317 4.64271C0.138295 4.28769 0.138295 3.71208 0.493317 3.35706C0.848339 3.00204 1.42394 3.00204 1.77897 3.35706L3.70944 5.28753L8.22116 0.783766C8.57649 0.429057 9.1521 0.429565 9.50681 0.784901Z" fill="white"/>
 </svg>
--- a/assets/img/svg/main/arrow-selected.svg
+++ b/assets/img/svg/main/arrow-selected.svg
@@ -0,0 +1,11 @@
 <svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M15.7071 0.292893C16.0976 0.683417 16.0976 1.31658 15.7071 1.70711L5.70711 11.7071C5.31658 12.0976 4.68342 12.0976 4.29289 11.7071L0.292893 7.70711C-0.0976311 7.31658 -0.0976311 6.68342 0.292893 6.29289C0.683417 5.90237 1.31658 5.90237 1.70711 6.29289L5 9.58579L14.2929 0.292893C14.6834 -0.0976311 15.3166 -0.0976311 15.7071 0.292893Z" fill="url(#paint0_radial_79_10214)" />
  <defs>
    <radialGradient id="paint0_radial_79_10214" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(23.9562 -7.00625) rotate(143.344) scale(34.5677 45.2811)">
      <stop stop-color="#0F5881" />
      <stop offset="0.512169" stop-color="#1EA49C" />
      <stop offset="0.807073" stop-color="#76CE75" />
      <stop offset="0.911458" stop-color="#ECF39F" />
    </radialGradient>
  </defs>
 </svg>
--- a/assets/img/svg/main/basket.svg
+++ b/assets/img/svg/main/basket.svg
@@ -0,0 +1,13 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_1_3176)">
 <path d="M4 7H20" stroke="#2C3E50" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M5 7L6 19C6 19.5304 6.21071 20.0391 6.58579 20.4142C6.96086 20.7893 7.46957 21 8 21H16C16.5304 21 17.0391 20.7893 17.4142 20.4142C17.7893 20.0391 18 19.5304 18 19L19 7" stroke="#2C3E50" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M9 7V4C9 3.73478 9.10536 3.48043 9.29289 3.29289C9.48043 3.10536 9.73478 3 10 3H14C14.2652 3 14.5196 3.10536 14.7071 3.29289C14.8946 3.48043 15 3.73478 15 4V7" stroke="#2C3E50" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M10 12L14 16M14 12L10 16" stroke="#2C3E50" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 </g>
 <defs>
 <clipPath id="clip0_1_3176">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
 </defs>
 </svg>
--- a/assets/img/svg/main/black-x.svg
+++ b/assets/img/svg/main/black-x.svg
@@ -0,0 +1,11 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_1_2483)">
 <path d="M18 6L6 18" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M6 6L18 18" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 </g>
 <defs>
 <clipPath id="clip0_1_2483">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
 </defs>
 </svg>
--- a/assets/img/svg/main/change-dot.svg
+++ b/assets/img/svg/main/change-dot.svg
@@ -0,0 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M11.2929 5.70711C11.1054 5.51957 11 5.26522 11 5C11 4.73478 11.1054 4.48043 11.2929 4.29289C11.4804 4.10536 11.7348 4 12 4C12.2652 4 12.5196 4.10536 12.7071 4.29289C12.8946 4.48043 13 4.73478 13 5C13 5.26522 12.8946 5.51957 12.7071 5.70711C12.5196 5.89464 12.2652 6 12 6C11.7348 6 11.4804 5.89464 11.2929 5.70711ZM11 12C11 12.2652 11.1054 12.5196 11.2929 12.7071C11.4804 12.8946 11.7348 13 12 13C12.2652 13 12.5196 12.8946 12.7071 12.7071C12.8946 12.5196 13 12.2652 13 12C13 11.7348 12.8946 11.4804 12.7071 11.2929C12.5196 11.1054 12.2652 11 12 11C11.7348 11 11.4804 11.1054 11.2929 11.2929C11.1054 11.4804 11 11.7348 11 12ZM11 19C11 19.2652 11.1054 19.5196 11.2929 19.7071C11.4804 19.8946 11.7348 20 12 20C12.2652 20 12.5196 19.8946 12.7071 19.7071C12.8946 19.5196 13 19.2652 13 19C13 18.7348 12.8946 18.4804 12.7071 18.2929C12.5196 18.1054 12.2652 18 12 18C11.7348 18 11.4804 18.1054 11.2929 18.2929C11.1054 18.4804 11 18.7348 11 19Z" fill="#121212"/>
 </svg>
--- a/assets/img/svg/main/filter.svg
+++ b/assets/img/svg/main/filter.svg
@@ -0,0 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M6 3.25C6.41421 3.25 6.75 3.58579 6.75 4V7.35424C7.19755 7.48113 7.60976 7.72067 7.94454 8.05546C8.46027 8.57118 8.75 9.27065 8.75 10C8.75 10.7293 8.46027 11.4288 7.94454 11.9445C7.60976 12.2793 7.19755 12.5189 6.75 12.6458V20C6.75 20.4142 6.41421 20.75 6 20.75C5.58579 20.75 5.25 20.4142 5.25 20V12.6458C4.80245 12.5189 4.39024 12.2793 4.05546 11.9445C3.53973 11.4288 3.25 10.7293 3.25 10C3.25 9.27065 3.53973 8.57118 4.05546 8.05546C4.39024 7.72067 4.80245 7.48113 5.25 7.35424V4C5.25 3.58579 5.58579 3.25 6 3.25ZM12 3.25C12.4142 3.25 12.75 3.58579 12.75 4V13.3542C13.1975 13.4811 13.6098 13.7207 13.9445 14.0555C14.4603 14.5712 14.75 15.2707 14.75 16C14.75 16.7293 14.4603 17.4288 13.9445 17.9445C13.6098 18.2793 13.1975 18.5189 12.75 18.6458V20C12.75 20.4142 12.4142 20.75 12 20.75C11.5858 20.75 11.25 20.4142 11.25 20V18.6458C10.8025 18.5189 10.3902 18.2793 10.0555 17.9445C9.53973 17.4288 9.25 16.7293 9.25 16C9.25 15.2707 9.53973 14.5712 10.0555 14.0555C10.3902 13.7207 10.8025 13.4811 11.25 13.3542V4C11.25 3.58579 11.5858 3.25 12 3.25ZM18 3.25C18.4142 3.25 18.75 3.58579 18.75 4V4.35424C19.1975 4.48112 19.6098 4.72067 19.9445 5.05546C20.4603 5.57118 20.75 6.27065 20.75 7C20.75 7.72935 20.4603 8.42882 19.9445 8.94454C19.6098 9.27933 19.1975 9.51887 18.75 9.64576V20C18.75 20.4142 18.4142 20.75 18 20.75C17.5858 20.75 17.25 20.4142 17.25 20V9.64576C16.8025 9.51887 16.3902 9.27933 16.0555 8.94454C15.5397 8.42882 15.25 7.72935 15.25 7C15.25 6.27065 15.5397 5.57118 16.0555 5.05546C16.3902 4.72067 16.8025 4.48112 17.25 4.35424V4C17.25 3.58579 17.5858 3.25 18 3.25ZM18 5.75C17.6685 5.75 17.3505 5.8817 17.1161 6.11612C16.8817 6.35054 16.75 6.66848 16.75 7C16.75 7.33152 16.8817 7.64946 17.1161 7.88388C17.3505 8.1183 17.6685 8.25 18 8.25C18.3315 8.25 18.6495 8.1183 18.8839 7.88388C19.1183 7.64946 19.25 7.33152 19.25 7C19.25 6.66848 19.1183 6.35054 18.8839 6.11612C18.6495 5.8817 18.3315 5.75 18 5.75ZM6 8.75C5.66848 8.75 5.35054 8.8817 5.11612 9.11612C4.8817 9.35054 4.75 9.66848 4.75 10C4.75 10.3315 4.8817 10.6495 5.11612 10.8839C5.35054 11.1183 5.66848 11.25 6 11.25C6.33152 11.25 6.64946 11.1183 6.88388 10.8839C7.1183 10.6495 7.25 10.3315 7.25 10C7.25 9.66848 7.1183 9.35054 6.88388 9.11612C6.64946 8.8817 6.33152 8.75 6 8.75ZM12 14.75C11.6685 14.75 11.3505 14.8817 11.1161 15.1161C10.8817 15.3505 10.75 15.6685 10.75 16C10.75 16.3315 10.8817 16.6495 11.1161 16.8839C11.3505 17.1183 11.6685 17.25 12 17.25C12.3315 17.25 12.6495 17.1183 12.8839 16.8839C13.1183 16.6495 13.25 16.3315 13.25 16C13.25 15.6685 13.1183 15.3505 12.8839 15.1161C12.6495 14.8817 12.3315 14.75 12 14.75Z" fill="#121212"/>
 </svg>
--- a/assets/img/svg/main/google-white.svg
+++ b/assets/img/svg/main/google-white.svg
@@ -0,0 +1,6 @@
 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M19.7875 10.2271C19.7875 9.51801 19.7239 8.83619 19.6057 8.18164H10.1875V12.0498H15.5693C15.3375 13.2998 14.633 14.3589 13.5739 15.068V17.5771H16.8057C18.6966 15.8362 19.7875 13.2726 19.7875 10.2271Z" fill="white"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M10.1864 20.0004C12.8864 20.0004 15.15 19.105 16.8046 17.5777L13.5728 15.0686C12.6773 15.6686 11.5318 16.0231 10.1864 16.0231C7.58183 16.0231 5.37728 14.264 4.59092 11.9004H1.25V14.4913C2.89546 17.7595 6.27728 20.0004 10.1864 20.0004Z" fill="white"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M4.59205 11.8997C4.39205 11.2997 4.27842 10.6588 4.27842 9.99971C4.27842 9.34062 4.39205 8.6997 4.59205 8.0997V5.50879H1.25114C0.573864 6.85879 0.1875 8.38607 0.1875 9.99971C0.1875 11.6133 0.573864 13.1406 1.25114 14.4906L4.59205 11.8997Z" fill="white"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M10.1864 3.97728C11.6546 3.97728 12.9728 4.48183 14.0091 5.47274L16.8773 2.60455C15.1455 0.990911 12.8818 0 10.1864 0C6.27728 0 2.89546 2.24091 1.25 5.5091L4.59092 8.10002C5.37728 5.73638 7.58183 3.97728 10.1864 3.97728Z" fill="white"/>
 </svg>
--- a/assets/img/svg/main/gradient-x.svg
+++ b/assets/img/svg/main/gradient-x.svg
@@ -0,0 +1,11 @@
 <svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M1.42433 0.575954C1.18837 0.343303 0.807128 0.344651 0.572814 0.578965C0.338499 0.81328 0.339838 1.19183 0.575804 1.42448L5.84223 6.61694L0.575803 11.8094C0.339837 12.042 0.338499 12.4206 0.572813 12.6549C0.807128 12.8892 1.18837 12.8906 1.42433 12.6579L6.6968 7.45951L11.9692 12.6579C12.2052 12.8905 12.5864 12.8892 12.8208 12.6549C13.0551 12.4206 13.0537 12.042 12.8178 11.8094L7.55137 6.61694L12.8178 1.42451C13.0537 1.19186 13.0551 0.813306 12.8208 0.578991C12.5864 0.344677 12.2052 0.343328 11.9692 0.57598L6.6968 5.77437L1.42433 0.575954Z" fill="url(#paint0_radial_61_3534)"/>
 <defs>
 <radialGradient id="paint0_radial_61_3534" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(19.26 -6.85449) rotate(135.608) scale(30.5558 41.776)">
 <stop stop-color="#0F5881"/>
 <stop offset="0.512169" stop-color="#1EA49C"/>
 <stop offset="0.807073" stop-color="#76CE75"/>
 <stop offset="0.911458" stop-color="#ECF39F"/>
 </radialGradient>
 </defs>
 </svg>
--- a/assets/img/svg/main/minus.svg
+++ b/assets/img/svg/main/minus.svg
@@ -0,0 +1,10 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_61_7537)">
 <path d="M5 12H19" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 </g>
 <defs>
 <clipPath id="clip0_61_7537">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
 </defs>
 </svg>
--- a/assets/img/svg/main/plus-grey.svg
+++ b/assets/img/svg/main/plus-grey.svg
@@ -0,0 +1,11 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_178_5112)">
 <path d="M12 5V19" stroke="#666666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M5 12H19" stroke="#666666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 </g>
 <defs>
 <clipPath id="clip0_178_5112">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
 </defs>
 </svg>
--- a/assets/img/svg/main/plus.svg
+++ b/assets/img/svg/main/plus.svg
@@ -0,0 +1,11 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_61_7542)">
 <path d="M12 5V19" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M5 12H19" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 </g>
 <defs>
 <clipPath id="clip0_61_7542">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
 </defs>
 </svg>
--- a/assets/img/svg/main/question.svg
+++ b/assets/img/svg/main/question.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 fill-rule="evenodd" clip-rule="evenodd" d="M8.00005 1.2498C4.27213 1.2498 1.25005 4.27188 1.25005 7.9998C1.25005 11.7277 4.27213 14.7498 8.00005 14.7498C11.728 14.7498 14.75 11.7277 14.75 7.9998C14.75 4.27188 11.728 1.2498 8.00005 1.2498ZM0.0500488 7.9998C0.0500488 3.60914 3.60939 0.0498047 8.00005 0.0498047C12.3907 0.0498047 15.9501 3.60914 15.9501 7.9998C15.9501 12.3905 12.3907 15.9498 8.00005 15.9498C3.60938 15.9498 0.0500488 12.3905 0.0500488 7.9998ZM8.75664 11.8914C8.75664 12.3056 8.42085 12.6414 8.00664 12.6414C7.59243 12.6414 7.25664 12.3056 7.25664 11.8914C7.25664 11.4772 7.59243 11.1414 8.00664 11.1414C8.42085 11.1414 8.75664 11.4772 8.75664 11.8914ZM6.35884 6.22749C6.35879 5.76088 6.51651 5.31995 6.80394 5.00253C7.08243 4.69497 7.51419 4.46749 8.14659 4.46748C9.28878 4.46747 10.0031 5.57665 9.44696 6.64451C9.21979 7.08066 8.93274 7.37811 8.60211 7.7207L8.60206 7.72075C8.49777 7.82881 8.38915 7.94137 8.27671 8.06418C7.82078 8.56216 7.37999 9.17405 7.37999 10.1425C7.37999 10.4738 7.64862 10.7425 7.97999 10.7425C8.31136 10.7425 8.57999 10.4738 8.57999 10.1425C8.57999 9.61088 8.79169 9.27875 9.16178 8.87452C9.23347 8.79622 9.31482 8.71242 9.40228 8.62233C9.75046 8.26368 10.1953 7.80545 10.5113 7.19883C11.4927 5.31454 10.1697 3.26746 8.14658 3.26748C7.19634 3.26749 6.43417 3.62308 5.91442 4.19707C5.4036 4.7612 5.15877 5.5003 5.15884 6.22761C5.15887 6.55898 5.42753 6.82758 5.7589 6.82755C6.09027 6.82752 6.35887 6.55886 6.35884 6.22749Z" fill="#121212"/>
 </svg>
--- a/assets/img/svg/main/status-cancelled.svg
+++ b/assets/img/svg/main/status-cancelled.svg
@@ -0,0 +1,3 @@
 <svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 1.5C7.64641 1.5 6.80117 1.66813 6.01256 1.99478C5.22394 2.32144 4.50739 2.80023 3.90381 3.40381C3.30023 4.00739 2.82144 4.72394 2.49478 5.51256C2.16813 6.30117 2 7.14641 2 8C2 8.85359 2.16813 9.69883 2.49478 10.4874C2.82144 11.2761 3.30023 11.9926 3.90381 12.5962C4.50739 13.1998 5.22394 13.6786 6.01256 14.0052C6.80117 14.3319 7.64641 14.5 8.5 14.5C9.35359 14.5 10.1988 14.3319 10.9874 14.0052C11.7761 13.6786 12.4926 13.1998 13.0962 12.5962C13.6998 11.9926 14.1786 11.2761 14.5052 10.4874C14.8319 9.69883 15 8.85359 15 8C15 7.14641 14.8319 6.30117 14.5052 5.51256C14.1786 4.72394 13.6998 4.00739 13.0962 3.40381C12.4926 2.80023 11.7761 2.32144 10.9874 1.99478C10.1988 1.66813 9.35359 1.5 8.5 1.5ZM6.39524 2.91866C7.06253 2.64226 7.77773 2.5 8.5 2.5C9.22227 2.5 9.93747 2.64226 10.6048 2.91866C11.272 3.19506 11.8784 3.60019 12.3891 4.11091C12.8998 4.62164 13.3049 5.22795 13.5813 5.89524C13.8577 6.56253 14 7.27773 14 8C14 8.72227 13.8577 9.43747 13.5813 10.1048C13.3049 10.772 12.8998 11.3784 12.3891 11.8891C11.8784 12.3998 11.272 12.8049 10.6048 13.0813C9.93747 13.3577 9.22227 13.5 8.5 13.5C7.77773 13.5 7.06253 13.3577 6.39524 13.0813C5.72795 12.8049 5.12164 12.3998 4.61091 11.8891C4.10019 11.3784 3.69506 10.772 3.41866 10.1048C3.14226 9.43747 3 8.72227 3 8C3 7.27773 3.14226 6.56253 3.41866 5.89524C3.69506 5.22795 4.10019 4.62163 4.61091 4.11091C5.12163 3.60019 5.72795 3.19506 6.39524 2.91866ZM7.52022 6.31311C7.32496 6.11785 7.00838 6.11785 6.81311 6.31311C6.61785 6.50838 6.61785 6.82496 6.81311 7.02022L7.79289 8L6.81311 8.97978C6.61785 9.17504 6.61785 9.49162 6.81311 9.68689C7.00838 9.88215 7.32496 9.88215 7.52022 9.68689L8.5 8.70711L9.47978 9.68689C9.67504 9.88215 9.99162 9.88215 10.1869 9.68689C10.3821 9.49162 10.3821 9.17504 10.1869 8.97978L9.20711 8L10.1869 7.02022C10.3821 6.82496 10.3821 6.50838 10.1869 6.31311C9.99162 6.11785 9.67504 6.11785 9.47978 6.31311L8.5 7.29289L7.52022 6.31311Z" fill="#F60909"/>
 </svg>
--- a/assets/img/svg/main/status-chek.svg
+++ b/assets/img/svg/main/status-chek.svg
@@ -0,0 +1,3 @@
 <svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 1.5C7.64641 1.5 6.80117 1.66813 6.01256 1.99478C5.22394 2.32144 4.50739 2.80023 3.90381 3.40381C3.30023 4.00739 2.82144 4.72394 2.49478 5.51256C2.16813 6.30117 2 7.14641 2 8C2 8.85359 2.16813 9.69883 2.49478 10.4874C2.82144 11.2761 3.30023 11.9926 3.90381 12.5962C4.50739 13.1998 5.22394 13.6786 6.01256 14.0052C6.80117 14.3319 7.64641 14.5 8.5 14.5C9.35359 14.5 10.1988 14.3319 10.9874 14.0052C11.7761 13.6786 12.4926 13.1998 13.0962 12.5962C13.6998 11.9926 14.1786 11.2761 14.5052 10.4874C14.8319 9.69883 15 8.85359 15 8C15 7.14641 14.8319 6.30117 14.5052 5.51256C14.1786 4.72394 13.6998 4.00739 13.0962 3.40381C12.4926 2.80023 11.7761 2.32144 10.9874 1.99478C10.1988 1.66813 9.35359 1.5 8.5 1.5ZM6.39524 2.91866C7.06253 2.64226 7.77773 2.5 8.5 2.5C9.22227 2.5 9.93747 2.64226 10.6048 2.91866C11.272 3.19506 11.8784 3.60019 12.3891 4.11091C12.8998 4.62164 13.3049 5.22795 13.5813 5.89524C13.8577 6.56253 14 7.27773 14 8C14 8.72227 13.8577 9.43747 13.5813 10.1048C13.3049 10.772 12.8998 11.3784 12.3891 11.8891C11.8784 12.3998 11.272 12.8049 10.6048 13.0813C9.93747 13.3577 9.22227 13.5 8.5 13.5C7.77773 13.5 7.06253 13.3577 6.39524 13.0813C5.72795 12.8049 5.12164 12.3998 4.61091 11.8891C4.10019 11.3784 3.69506 10.772 3.41866 10.1048C3.14226 9.43747 3 8.72227 3 8C3 7.27773 3.14226 6.56253 3.41866 5.89524C3.69506 5.22795 4.10019 4.62163 4.61091 4.11091C5.12163 3.60019 5.72795 3.19506 6.39524 2.91866ZM10.8536 7.02022C11.0488 6.82496 11.0488 6.50838 10.8536 6.31311C10.6583 6.11785 10.3417 6.11785 10.1464 6.31311L7.83333 8.62623L6.85355 7.64645C6.65829 7.45118 6.34171 7.45118 6.14645 7.64645C5.95118 7.84171 5.95118 8.15829 6.14645 8.35355L7.47978 9.68689C7.67504 9.88215 7.99162 9.88215 8.18689 9.68689L10.8536 7.02022Z" fill="#2ED15D"/>
 </svg>
--- a/assets/img/svg/main/vk-white.svg
+++ b/assets/img/svg/main/vk-white.svg
@@ -0,0 +1,3 @@
 <svg width="22" height="14" viewBox="0 0 22 14" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M11.9825 14C4.46596 14 0.178638 8.74474 0 0H3.76515C3.88882 6.41842 6.66459 9.13714 8.86321 9.6977V0H12.4085V5.53553C14.5796 5.2973 16.8607 2.77477 17.6302 0H21.1755C20.8855 1.43908 20.3075 2.80165 19.4776 4.0025C18.6477 5.20335 17.5837 6.21663 16.3523 6.97898C17.7269 7.67555 18.941 8.6615 19.9145 9.87175C20.888 11.082 21.5988 12.489 22 14H18.0974C17.7373 12.6876 17.0054 11.5128 15.9934 10.6228C14.9814 9.73284 13.7343 9.16727 12.4085 8.997V14H11.9825Z" fill="white"/>
 </svg>
--- a/assets/img/svg/main/white-x.svg
+++ b/assets/img/svg/main/white-x.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 fill-rule="evenodd" clip-rule="evenodd" d="M3.62404 2.77566C3.38807 2.54301 3.00683 2.54436 2.77252 2.77867C2.53821 3.01299 2.53954 3.39154 2.77551 3.62419L6.90259 7.6933L2.77551 11.7624C2.53954 11.9951 2.53821 12.3736 2.77252 12.6079C3.00684 12.8422 3.38807 12.8436 3.62404 12.6109L7.75716 8.53587L11.8903 12.6109C12.1262 12.8436 12.5075 12.8422 12.7418 12.6079C12.9761 12.3736 12.9748 11.995 12.7388 11.7624L8.61173 7.6933L12.7388 3.62421C12.9748 3.39156 12.9761 3.01301 12.7418 2.77869C12.5075 2.54438 12.1262 2.54303 11.8903 2.77568L7.75716 6.85073L3.62404 2.77566Z" fill="white"/>
 </svg>
--- a/assets/img/svg/main/ya-white.svg
+++ b/assets/img/svg/main/ya-white.svg
@@ -0,0 +1,3 @@
 <svg width="14" height="20" viewBox="0 0 14 20" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M10.1991 2.77628H8.65909C5.83576 2.77628 4.35076 4.20628 4.35076 6.31461C4.35076 8.69794 5.37742 9.81461 7.48576 11.2463L9.22742 12.4196L4.22242 19.8979H0.482422L4.97409 13.2079C2.39076 11.3563 0.940755 9.55794 0.940755 6.51628C0.940755 2.70294 3.59909 0.0996094 8.64076 0.0996094H13.6458V19.8796H10.1991V2.77628Z" fill="white"/>
 </svg>
--- a/assets/img/svg/mini-profile/basket-w.svg
+++ b/assets/img/svg/mini-profile/basket-w.svg
@@ -0,0 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M11.9995 3.53846C11.3616 3.53846 10.7499 3.78159 10.2988 4.21437C9.84778 4.64715 9.59439 5.23412 9.59439 5.84615V7.12821H14.4045V5.84615C14.4045 5.23412 14.1511 4.64715 13.7001 4.21437C13.2491 3.78159 12.6373 3.53846 11.9995 3.53846ZM16.0079 7.12821V5.84615C16.0079 4.82609 15.5856 3.84781 14.8339 3.12651C14.0821 2.40522 13.0626 2 11.9995 2C10.9364 2 9.91679 2.40522 9.16506 3.12651C8.41333 3.84781 7.99102 4.82609 7.99102 5.84615V7.12821H5.93986M7.99102 8.66667H5.93976C5.74711 8.66665 5.55664 8.7066 5.38159 8.78378C5.20654 8.86097 5.05095 8.97356 4.9255 9.11385C4.80004 9.25413 4.70769 9.41879 4.65477 9.59653C4.60186 9.77423 4.58961 9.9608 4.61887 10.1435C4.61886 10.1434 4.61888 10.1435 4.61887 10.1435L5.96036 18.5045C6.04768 19.0493 6.33539 19.5463 6.77139 19.9052C7.20738 20.2642 7.76287 20.4615 8.33735 20.4615C8.33734 20.4615 8.33736 20.4615 8.33735 20.4615H15.6616C16.2362 20.4617 16.7921 20.2644 17.2283 19.9055C17.6645 19.5465 17.9523 19.0496 18.0396 18.5046L19.3811 10.1436C19.3811 10.1436 19.3811 10.1435 19.3811 10.1436C19.4104 9.96093 19.3981 9.77423 19.3452 9.59653C19.2923 9.41879 19.1999 9.25413 19.0745 9.11385C18.949 8.97356 18.7935 8.86097 18.6184 8.78378C18.4433 8.7066 18.253 8.66665 18.0603 8.66667H16.0079V10.9744C16.0079 11.3992 15.649 11.7436 15.2062 11.7436C14.7635 11.7436 14.4045 11.3992 14.4045 10.9744V8.66667H9.59439V10.9744C9.59439 11.3992 9.23547 11.7436 8.79271 11.7436C8.34995 11.7436 7.99102 11.3992 7.99102 10.9744V8.66667ZM16.0079 7.12821H18.0601C18.0601 7.12821 18.0602 7.12821 18.0601 7.12821C18.4839 7.12817 18.9028 7.21606 19.2879 7.38586C19.673 7.55567 20.0153 7.80338 20.2913 8.11201C20.5673 8.42063 20.7705 8.78288 20.8869 9.1739C21.0033 9.56493 21.0303 9.97549 20.9658 10.3774L19.6244 18.7385C19.6243 18.7385 19.6244 18.7384 19.6244 18.7385C19.4788 19.6467 18.9991 20.475 18.2722 21.0732C17.5453 21.6715 16.6192 22.0002 15.6616 22C15.6615 22 15.6616 22 15.6616 22H8.33735C7.37986 22 6.45398 21.6711 5.72732 21.0728C5.00069 20.4746 4.52121 19.6466 4.37565 18.7386C4.37565 18.7385 4.37566 18.7386 4.37565 18.7386L3.03416 10.3776C2.96974 9.97561 2.99665 9.56493 3.11308 9.1739C3.22951 8.78288 3.43268 8.42063 3.70868 8.11201C3.98468 7.80338 4.32697 7.55567 4.71208 7.38586C5.09717 7.21606 5.51606 7.12817 5.93986 7.12821" fill="white"/>
 </svg>
--- a/assets/img/svg/mini-profile/basket.svg
+++ b/assets/img/svg/mini-profile/basket.svg
@@ -0,0 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M11.9995 3.53846C11.3616 3.53846 10.7499 3.78159 10.2988 4.21437C9.84778 4.64715 9.59439 5.23412 9.59439 5.84615V7.12821H14.4045V5.84615C14.4045 5.23412 14.1511 4.64715 13.7001 4.21437C13.2491 3.78159 12.6373 3.53846 11.9995 3.53846ZM16.0079 7.12821V5.84615C16.0079 4.82609 15.5856 3.84781 14.8339 3.12651C14.0821 2.40522 13.0626 2 11.9995 2C10.9364 2 9.91679 2.40522 9.16506 3.12651C8.41333 3.84781 7.99102 4.82609 7.99102 5.84615V7.12821H5.93986M7.99102 8.66667H5.93976C5.74711 8.66665 5.55664 8.7066 5.38159 8.78378C5.20654 8.86097 5.05095 8.97356 4.9255 9.11385C4.80004 9.25413 4.70769 9.41879 4.65477 9.59653C4.60186 9.77423 4.58961 9.9608 4.61887 10.1435C4.61886 10.1434 4.61888 10.1435 4.61887 10.1435L5.96036 18.5045C6.04768 19.0493 6.33539 19.5463 6.77139 19.9052C7.20738 20.2642 7.76287 20.4615 8.33735 20.4615C8.33734 20.4615 8.33736 20.4615 8.33735 20.4615H15.6616C16.2362 20.4617 16.7921 20.2644 17.2283 19.9055C17.6645 19.5465 17.9523 19.0496 18.0396 18.5046L19.3811 10.1436C19.3811 10.1436 19.3811 10.1435 19.3811 10.1436C19.4104 9.96093 19.3981 9.77423 19.3452 9.59653C19.2923 9.41879 19.1999 9.25413 19.0745 9.11385C18.949 8.97356 18.7935 8.86097 18.6184 8.78378C18.4433 8.7066 18.253 8.66665 18.0603 8.66667H16.0079V10.9744C16.0079 11.3992 15.649 11.7436 15.2062 11.7436C14.7635 11.7436 14.4045 11.3992 14.4045 10.9744V8.66667H9.59439V10.9744C9.59439 11.3992 9.23547 11.7436 8.79271 11.7436C8.34995 11.7436 7.99102 11.3992 7.99102 10.9744V8.66667ZM16.0079 7.12821H18.0601C18.0601 7.12821 18.0602 7.12821 18.0601 7.12821C18.4839 7.12817 18.9028 7.21606 19.2879 7.38586C19.673 7.55567 20.0153 7.80338 20.2913 8.11201C20.5673 8.42063 20.7705 8.78288 20.8869 9.1739C21.0033 9.56493 21.0303 9.97549 20.9658 10.3774L19.6244 18.7385C19.6243 18.7385 19.6244 18.7384 19.6244 18.7385C19.4788 19.6467 18.9991 20.475 18.2722 21.0732C17.5453 21.6715 16.6192 22.0002 15.6616 22C15.6615 22 15.6616 22 15.6616 22H8.33735C7.37986 22 6.45398 21.6711 5.72732 21.0728C5.00069 20.4746 4.52121 19.6466 4.37565 18.7386C4.37565 18.7385 4.37566 18.7386 4.37565 18.7386L3.03416 10.3776C2.96974 9.97561 2.99665 9.56493 3.11308 9.1739C3.22951 8.78288 3.43268 8.42063 3.70868 8.11201C3.98468 7.80338 4.32697 7.55567 4.71208 7.38586C5.09717 7.21606 5.51606 7.12817 5.93986 7.12821" fill="#333333"/>
 </svg>
--- a/assets/img/svg/mini-profile/profile-w.svg
+++ b/assets/img/svg/mini-profile/profile-w.svg
@@ -0,0 +1,4 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M8.64124 3.64124C9.53204 2.75044 10.7402 2.25 12 2.25C13.2598 2.25 14.468 2.75044 15.3588 3.64124C16.2496 4.53204 16.75 5.74022 16.75 7C16.75 8.25978 16.2496 9.46796 15.3588 10.3588C14.468 11.2496 13.2598 11.75 12 11.75C10.7402 11.75 9.53204 11.2496 8.64124 10.3588C7.75044 9.46796 7.25 8.25978 7.25 7C7.25 5.74022 7.75044 4.53204 8.64124 3.64124ZM12 3.75C11.138 3.75 10.3114 4.09241 9.7019 4.7019C9.09241 5.3114 8.75 6.13805 8.75 7C8.75 7.86195 9.09241 8.6886 9.7019 9.2981C10.3114 9.90759 11.138 10.25 12 10.25C12.862 10.25 13.6886 9.90759 14.2981 9.2981C14.9076 8.6886 15.25 7.86195 15.25 7C15.25 6.13805 14.9076 5.3114 14.2981 4.7019C13.6886 4.09241 12.862 3.75 12 3.75Z" fill="white"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M10 15.75C9.13805 15.75 8.3114 16.0924 7.7019 16.7019C7.09241 17.3114 6.75 18.138 6.75 19V21C6.75 21.4142 6.41421 21.75 6 21.75C5.58579 21.75 5.25 21.4142 5.25 21V19C5.25 17.7402 5.75044 16.532 6.64124 15.6412C7.53204 14.7504 8.74022 14.25 10 14.25H14C15.2598 14.25 16.468 14.7504 17.3588 15.6412C18.2496 16.532 18.75 17.7402 18.75 19V21C18.75 21.4142 18.4142 21.75 18 21.75C17.5858 21.75 17.25 21.4142 17.25 21V19C17.25 18.138 16.9076 17.3114 16.2981 16.7019C15.6886 16.0924 14.862 15.75 14 15.75H10Z" fill="white"/>
 </svg>
--- a/assets/img/svg/mini-profile/profile.svg
+++ b/assets/img/svg/mini-profile/profile.svg
@@ -0,0 +1,4 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M8.64124 3.64124C9.53204 2.75044 10.7402 2.25 12 2.25C13.2598 2.25 14.468 2.75044 15.3588 3.64124C16.2496 4.53204 16.75 5.74022 16.75 7C16.75 8.25978 16.2496 9.46796 15.3588 10.3588C14.468 11.2496 13.2598 11.75 12 11.75C10.7402 11.75 9.53204 11.2496 8.64124 10.3588C7.75044 9.46796 7.25 8.25978 7.25 7C7.25 5.74022 7.75044 4.53204 8.64124 3.64124ZM12 3.75C11.138 3.75 10.3114 4.09241 9.7019 4.7019C9.09241 5.3114 8.75 6.13805 8.75 7C8.75 7.86195 9.09241 8.6886 9.7019 9.2981C10.3114 9.90759 11.138 10.25 12 10.25C12.862 10.25 13.6886 9.90759 14.2981 9.2981C14.9076 8.6886 15.25 7.86195 15.25 7C15.25 6.13805 14.9076 5.3114 14.2981 4.7019C13.6886 4.09241 12.862 3.75 12 3.75Z" fill="#333333"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M10 15.75C9.13805 15.75 8.3114 16.0924 7.7019 16.7019C7.09241 17.3114 6.75 18.138 6.75 19V21C6.75 21.4142 6.41421 21.75 6 21.75C5.58579 21.75 5.25 21.4142 5.25 21V19C5.25 17.7402 5.75044 16.532 6.64124 15.6412C7.53204 14.7504 8.74022 14.25 10 14.25H14C15.2598 14.25 16.468 14.7504 17.3588 15.6412C18.2496 16.532 18.75 17.7402 18.75 19V21C18.75 21.4142 18.4142 21.75 18 21.75C17.5858 21.75 17.25 21.4142 17.25 21V19C17.25 18.138 16.9076 17.3114 16.2981 16.7019C15.6886 16.0924 14.862 15.75 14 15.75H10Z" fill="#333333"/>
 </svg>
--- a/assets/img/svg/social-media/tg.svg
+++ b/assets/img/svg/social-media/tg.svg
@@ -0,0 +1,3 @@
 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M16 0C7.16387 0 0 7.16387 0 16C0 24.8361 7.16387 32 16 32C24.8361 32 32 24.8361 32 16C32 7.16387 24.8361 0 16 0ZM23.8555 10.9626L21.2335 23.3394C21.0374 24.2168 20.5213 24.4335 19.7884 24.0206L15.7832 21.0684L13.8529 22.9265C13.6361 23.1432 13.4606 23.3187 13.0477 23.3187L13.3265 19.2516L20.7381 12.5523C21.0581 12.2735 20.6658 12.1084 20.2426 12.3871L11.0761 18.1574L7.1329 16.929C6.27613 16.6606 6.25548 16.0723 7.31871 15.6594L22.751 9.70323C23.4632 9.44516 24.0929 9.87871 23.8555 10.9626Z" fill="white"/>
 </svg>
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Kirill Pet	e0cc1b1e0c	сделал адаптив для регистрации, осталось сделать переключение заказы/профиль	2024-10-24 00:48:05 +03:00
Kirill Pet	469a231256	адаптивность кабинета	2024-10-24 00:20:41 +03:00
Kirill Pet	bc0c849ccd	сделал модальные окна без форм	2024-10-23 22:53:45 +03:00
Kirill Pet	7979a4da6c	сделал верстку карточки товара для пк	2024-10-23 19:33:21 +03:00
Kirill Pet	094e94ad7d	сделал кабинент зарегистрированного пользователя	2024-10-23 18:44:16 +03:00
Kirill Pet	2e065c9e45	сделал левую часть в регистрации (для пк)	2024-10-22 20:16:26 +03:00
Kirill Pet	468bcd8f9e	fix 11	2024-10-11 11:38:00 +03:00
Kirill Pet	cb965a5877	правки 11	2024-10-11 11:24:44 +03:00
Kirill Pet	d66bfc0c97	fix 10.2	2024-10-10 20:56:41 +03:00
Kirill Pet	06da7083bc	fix header js	2024-10-10 19:56:49 +03:00
Kirill Pet	375c82ddce	fix header white при открытии меню	2024-10-10 19:51:48 +03:00
Kirill Pet	93c2f012f1	внесение правок 10	2024-10-10 18:18:36 +03:00
Kirill Pet	62a3e97a7b	fix modal__to-know	2024-10-09 23:45:53 +03:00
Kirill Pet	0b118946f8	save	2024-10-09 23:36:35 +03:00
Kirill Pet	ee5a3d5a7e	внесение правок	2024-10-09 23:24:11 +03:00
Anton.AE	863ed65646	change sassets include url	2024-10-09 09:31:19 +00:00
Kirill Pet	9703ff5569	доделал	2024-10-09 03:46:14 +03:00
Kirill Pet	36ea891f36	save	2024-10-09 03:25:54 +03:00
Kirill Pet	44fee90f1a	доделал product	2024-10-09 02:59:06 +03:00
Kirill Pet	db58f5c463	overlay js + css правки	2024-10-08 23:17:45 +03:00
Kirill Pet	7beff60d00	selects js	2024-10-08 22:02:13 +03:00
Kirill Pet	284a32c6c9	сделал анимацию aside	2024-10-08 21:08:03 +03:00
Kirill Pet	46df883cfd	js modal	2024-10-08 20:11:11 +03:00
Kirill Pet	9c3d0d0be9	js checkbox	2024-10-08 16:08:18 +03:00
Kirill Pet	6a2375f26b	toggle js	2024-10-08 15:37:31 +03:00
Kirill Pet	e52537abeb	save	2024-10-07 05:51:19 +03:00
Kirill Pet	33cc2d9c6e	сделал footer	2024-10-07 02:58:52 +03:00
Kirill Pet	1c58c42130	Сделал каталог, фильтр, корзина + адаптив	2024-10-07 02:09:26 +03:00
Kirill Pet	f81de85d89	save	2024-10-06 22:37:29 +03:00
Kirill Pet	8edb4877fa	save	2024-10-05 21:36:51 +03:00
Kirill Pet	ba8ac5dea1	save	2024-10-05 21:26:00 +03:00
Kirill Pet	64e0310bb7	save	2024-10-04 19:26:54 +03:00
Kirill Pet	8b8d010f45	сделал form	2024-10-04 18:12:43 +03:00
Kirill Pet	f10ce31722	сделал main-menu	2024-10-04 17:48:33 +03:00
Kirill Pet	3a612da230	сделал верстку lang и mini-profile	2024-10-04 17:25:13 +03:00
Kirill Pet	b208ae3e64	подключение шрифтов	2024-10-04 14:05:11 +03:00