Доработка
Создать всплывающее окно при открытии карточки товара. Что бы появлялось окно возле кнопки добавить в избранное. Клиент зашел в карточку товара со старту видит окно с информацией ( Добавьте товар в Избранное, чтобы не потерять ) , клиент закрыл окно и это окно клиенту в его сессии больше не появляется.
Думаю может будет лучше если за место css иконок в стилях вставить иконки картинками картинок
css
/* Frame */
position: absolute;
width: 560px;
height: 245px;
left: 838px;
top: 590px;
filter: drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.15));
/* Rectangle */
position: absolute;
width: 560px;
height: 210px;
left: 0px;
top: 35px;
/* Bg/FFFFFF */
background: #FFFFFF;
border-radius: 5px;
/* Добавьте товар в Избранное, чтобы не потерять */
position: absolute;
width: 447px;
height: 25px;
left: 30px;
top: 55px;
font-family: Open Sans;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 25px;
/* identical to box height */
letter-spacing: -0.02em;
/* Colors/111111 [100] */
color: #111111;
/* там вы сможете: */
position: absolute;
width: 105px;
height: 18px;
left: 30px;
top: 80px;
/* Paragraph/13 */
font-family: Open Sans;
font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: 18px;
/* identical to box height */
/* Colors/414141 [80] */
color: #414141;
/* Заказать доставку образцов */
position: absolute;
width: 140px;
height: 36px;
left: 30px;
top: 163px;
/* Paragraph/13_Semibold */
font-family: Open Sans;
font-style: normal;
font-weight: 600;
font-size: 13px;
line-height: 18px;
text-align: center;
/* Colors/111111 [100] */
color: #111111;
/* Посмотреть образцы по видеосвязи */
position: absolute;
width: 150px;
height: 36px;
left: 380px;
top: 163px;
/* Paragraph/13_Semibold */
font-family: Open Sans;
font-style: normal;
font-weight: 600;
font-size: 13px;
line-height: 18px;
text-align: center;
/* Colors/111111 [100] */
color: #111111;
/* Попросить подготовить образцы к вашему визиту */
position: absolute;
width: 150px;
height: 54px;
left: 200px;
top: 163px;
/* Paragraph/13_Semibold */
font-family: Open Sans;
font-style: normal;
font-weight: 600;
font-size: 13px;
line-height: 18px;
text-align: center;
/* Colors/111111 [100] */
color: #111111;
/* shipped */
position: absolute;
width: 40px;
height: 40px;
left: 80px;
top: 118px;