[html]<div id="oform-box">
<div class="zagl-box"><zagl>
магазин
</zagl></div><div class="txt-box">
солнце, океан и… немного ритейл-терапии. в этом месте вы найдёте всё, что сделает вашу жизнь ярче, а профиль — стильнее. не бойтесь обнулиться: удовольствие от шопинга бесценно.<br><br>
p.s. если вам нужна покупка только на личную страницу, пожалуйста, указывайте об этом<br><br>
p.p.s. для создания индивидуальной плашки, воспользуйтесь полями в разделе "Кастомизация профиля" и прожмите "добавить плашку в корзину".<br><br>
А чтобы забрать свой уникальный фон для профиля или иконку, воспользуйтесь соответствующими полями также в разделе "Кастомизация профиля" и добавьте в корзину (кнопка справа)<br><br>
Цена каждого из этих удовольствий — всего 500 долларов
</div></div>[/html]
Код:
<!--HTML-->
<style>
.shop-title {
font-weight: bold;
color: #fff;
background-color: var(--cl4);
font-size: 13px !important;
text-align: center;
width: fit-content;
border-radius: 11px;
text-transform: lowercase;
padding: 4px 9px 5px !important;
place-self: end;
margin-right: 40px !important;
margin-bottom: 15px !important;
}
.bank_list {
display: flex;
flex-wrap: wrap;
gap: 5px;
align-items: center;
justify-content: center;
}
.shop-bg .bank_list {
gap: 20px 10px;
}
.shop-bg .bg-item {
width: 210px;
height: 114px;
}
.shop-bg .bg-item img {
object-fit: cover;
width: 100%;
height: 100%;
object-position: top;
}
.bank_plah .bank_list {
gap: 20px;
}
.bank_icons .bank_list li {
width: 21px;
height: 21px;
cursor: pointer;
}
.bank_icons .bank_list li img {
width: 100%;
height: 100%;
object-fit: contain;
}
.bank_plah li {
width: 210px;
height: 30px;
border-radius: 0px 0px 20px 20px;
}
.bank_header {
font-weight: bold;
color: #fff;
background-color: var(--cl44);
font-size: 11px;
text-align: center;
width: fit-content;
border-radius: 11px;
text-transform: lowercase;
padding: 4px 9px 5px;
position: absolute;
top: -11px;
left: 30px;
}
.shop_container {
border-radius: 10px;
background: var(--cl);
position: relative;
padding: 25px 10px 10px;
}
.shop_wrapper {
display: flex;
flex-direction: column;
gap: 30px;
margin-top: 30px;
}
.shop_icons_wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
width: 100%;
}
</style>
<div class="html_shop-wrapper">
<p class="shop-title">магазин</p>
<div style="display: flex; flex-direction: row; gap: 15px; width: 96%; align-items: start">
<div
style="position: relative; display: block !important; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2)"
class="post-author online topic-starter"
>
<ul>
<li class="pa-fld4"><img id="shop-icon" src="/" /></li>
<li class="pa-fld5" id="shop-bg"><img src="https://upforme.ru/uploads/001c/88/5b/6/839252.png" /></li>
<li class="pa-author"><a disabled href="/" id="shop-username">admin</a></li>
<li id="shop-status" class="pa-title"></li>
<li class="pa-avatar item2">
<img id="shop-avatar" src="/" alt="admin" class="allow_change" style="cursor: pointer" />
</li>
<li class="pa-fld1" id="shop-lz"></li>
<li class="pa-posts">
<span class="fld-name"><a href="/" disabled>Сообщений</a>:</span> ∞
</li>
<li class="pa-respect">
<span class="fld-name"><a href="/" disabled>Репутация</a>:</span> <span>∞</span>
</li>
<li class="pa-fld2"><span class="fld-name">Валюта:</span> ∞</li>
<li class="pa-fld6" id="shop-plah"></li>
</ul>
</div>
<!-- Панель кастомизации профиля -->
<div style="width: 69%; margin-top: 5px; padding: 15px; border-radius: 10px; background: var(--cl)">
<h4 style="margin: 0 0 15px 0; text-align: center; font-size: 16px; color: #333">Кастомизация профиля</h4>
<!-- Настройки плашки -->
<div style="margin-bottom: 8px">
<label style="display: block; font-size: 12px; margin-bottom: 3px; color: #555"
>Фон плашки (ссылка на картинку):</label
>
<input
id="plashka-bg-image"
type="text"
placeholder="https://example.com/image.png"
style="width: 97%; padding: 5px; border: 1px solid #ccc; border-radius: 3px; font-size: 12px"
/>
</div>
<div style="margin-bottom: 8px">
<label style="display: block; font-size: 12px; margin-bottom: 3px; color: #555"
>Цвет плашки (один цвет или несколько через запятую для градиента):</label
>
<input
id="plashka-bg-color"
type="text"
placeholder="#ff6b6b или #ff6b6b, #4ecdc4, #45b7d1"
style="width: 97%; padding: 5px; border: 1px solid #ccc; border-radius: 3px; font-size: 12px"
/>
</div>
<div style="margin-bottom: 0">
<label style="display: block; font-size: 12px; margin-bottom: 3px; color: #555"
>Текст плашки (максимум 2 строки, разделяйте переносом строки):</label
>
<textarea
id="plashka-text"
rows="2"
placeholder="первая строка
вторая строка"
style="
width: 97%;
padding: 5px;
border: 1px solid #ccc;
border-radius: 3px;
font-size: 12px;
resize: vertical;
"
></textarea>
</div>
<div style="margin-bottom: 0">
<label style="display: block; font-size: 12px; margin-bottom: 3px; color: #555"
>Ссылка на фон профиля:</label
>
<input
id="profile-bg-image"
type="text"
placeholder="https://example.com/background.png"
style="width: 97%; padding: 5px; border: 1px solid #ccc; border-radius: 3px; font-size: 12px"
/>
</div>
<!-- Настройки иконки -->
<div style="margin-bottom: 0">
<label style="display: block; font-size: 12px; margin-bottom: 3px; color: #555"
>Ссылка на иконку:</label
>
<input
id="icon-image"
type="text"
placeholder="https://example.com/icon.png"
style="width: 97%; padding: 5px; border: 1px solid #ccc; border-radius: 3px; font-size: 12px"
/>
</div>
<div style="text-align: center">
<button
id="apply-profile-settings"
style="
padding: 8px 20px;
font-size: 14px;
background: var(--cl4);
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
margin-top: 10px;
"
>
Применить к профилю
</button>
<button
id="reset-all"
style="
padding: 8px 20px;
font-size: 14px;
background: var(--cl44);
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
"
>
Сбросить всё
</button>
</div>
</div>
</div>
<div class="shop_wrapper">
<div class="shop_icons_wrapper">
<div class="shop_container bank_icons shop-icon-200">
<h5 class="bank_header">иконки 200 долларов</h5>
<div class="shop_inner">
<ul class="bank_list">
<li>
<img
src="https://i.ibb.co/dsMNNc79/aesthetic-0d3cf-by-Tg-Emodzi-Bot-Ag-ADa-YMAAlwf6-Es.png"
/>
</li>
<li>
<img
src="https://i.ibb.co/v4Vt3jxw/aesthetic-0d3cf-by-Tg-Emodzi-Bot-Ag-ADn-XAAAh-Qf8-Es.png"
/>
</li>
<li><img src="https://i.ibb.co/TBWVVggN/artnature-Ag-ADMnc-AAk-Mak-Es.png" /></li>
<li><img src="https://i.ibb.co/8L2vg8jT/artnature-Ag-ADv4-UAAip-GYEs.png" /></li>
<li><img src="https://i.ibb.co/d0YMMtkj/dolliloli-Emoji-Blue-Ag-AD3-Cw-AAi-R9w-Ek.png" /></li>
<li><img src="https://i.ibb.co/cKmNSwGR/dolliloli-Emoji-Blue-Ag-AD4y-UAAo-XR6-Eo.png" /></li>
<li><img src="https://i.ibb.co/hFT2zTzM/dolliloli-Emoji-Blue-Ag-AD7z-AAAgrow-Ek.png" /></li>
<li><img src="https://i.ibb.co/fVRv15zp/dolliloli-Emoji-Blue-Ag-ADl1-UAAn6-T0-Uo.png" /></li>
<li><img src="https://i.ibb.co/847bGSnL/dolliloli-Emoji-Blue-Ag-ADo-Sg-AAs-SY6-Eo.png" /></li>
<li><img src="https://i.ibb.co/TBrcjFRC/dolliloli-Emoji-Blue-Ag-ADOSUAAkrg-SEo.png" /></li>
<li><img src="https://i.ibb.co/4Z2qVx5R/dolliloli-Emoji-Blue-Ag-ADY1-UAAu510-Uo.png" /></li>
<li><img src="https://i.ibb.co/5XVbDcZq/dolliloli-Emoji-Blue-Ag-ADYCQAAi4u-SUo.png" /></li>
<li><img src="https://i.ibb.co/8nmyKJQD/dolliloli-Emoji-Blue-Ag-ADz-CQAAgp1-SUo.png" /></li>
<li>
<img
src="https://i.ibb.co/wZk5SM7j/morskoj-vajbik-by-Tg-Emodzi-Bot-Ag-AD1k8-AAj9-C0-Eo.png"
/>
</li>
<li>
<img
src="https://i.ibb.co/n8BZKv6P/morskoj-vajbik-by-Tg-Emodzi-Bot-Ag-AD3l-IAAvx-S0-Eo.png"
/>
</li>
<li>
<img
src="https://i.ibb.co/YFg8dN8R/morskoj-vajbik-by-Tg-Emodzi-Bot-Ag-AD6-UQAAg-Sx2-Uo.png"
/>
</li>
<li>
<img
src="https://i.ibb.co/BVcyK7BZ/morskoj-vajbik-by-Tg-Emodzi-Bot-Ag-ADC0-AAAlng-QUs.png"
/>
</li>
<li>
<img
src="https://i.ibb.co/LXjzYtw6/morskoj-vajbik-by-Tg-Emodzi-Bot-Ag-ADCl-QAAhkd0-Eo.png"
/>
</li>
<li>
<img
src="https://i.ibb.co/XhxY8rJ/morskoj-vajbik-by-Tg-Emodzi-Bot-Ag-AD-Eo-AAp6-O0-Uo.png"
/>
</li>
<li>
<img
src="https://i.ibb.co/jPDtHSq9/morskoj-vajbik-by-Tg-Emodzi-Bot-Ag-ADFFAAAlme0-Eo.png"
/>
</li>
<li>
<img
src="https://i.ibb.co/XrLNdJYz/morskoj-vajbik-by-Tg-Emodzi-Bot-Ag-ADGFEAAv-Mg0-Eo.png"
/>
</li>
<li>
<img
src="https://i.ibb.co/DP5KT20d/morskoj-vajbik-by-Tg-Emodzi-Bot-Ag-ADGk4-AApew0-Uo.png"
/>
</li>
<li>
<img
src="https://i.ibb.co/Q7ZCnkYY/morskoj-vajbik-by-Tg-Emodzi-Bot-Ag-ADHU4-AAq-Ej0-Uo.png"
/>
</li>
<li>
<img
src="https://i.ibb.co/NdDN6r8P/morskoj-vajbik-by-Tg-Emodzi-Bot-Ag-ADKU4-AAkv-V0-Uo.png"
/>
</li>
<li>
<img
src="https://i.ibb.co/BV3PpYMF/morskoj-vajbik-by-Tg-Emodzi-Bot-Ag-ADLEw-AAn-KK0-Eo.png"
/>
</li>
<li>
<img
src="https://i.ibb.co/yFWpCZsF/morskoj-vajbik-by-Tg-Emodzi-Bot-Ag-ADN1-UAAr-O0-Eo.png"
/>
</li>
<li>
<img
src="https://i.ibb.co/SD0NXLQs/morskoj-vajbik-by-Tg-Emodzi-Bot-Ag-ADVE8-AAjp-T0-Uo.png"
/>
</li>
<li>
<img
src="https://i.ibb.co/zhK1qHdR/morskoj-vajbik-by-Tg-Emodzi-Bot-Ag-ADVl-AAAp1-I0-Eo.png"
/>
</li>
<li>
<img
src="https://i.ibb.co/RkrJL29h/morskoj-vajbik-by-Tg-Emodzi-Bot-Ag-ADXUYAAgw-0-Eo.png"
/>
</li>
<li>
<img
src="https://i.ibb.co/CK3qpg6B/morskoj-vajbik-by-Tg-Emodzi-Bot-Ag-ADZ0c-AAva-L0-Eo.png"
/>
</li>
<li>
<img
src="https://i.ibb.co/8WTJ68X/morskoj-vajbik-by-Tg-Emodzi-Bot-Ag-ADZ1-IAAsb-L0-Eo.png"
/>
</li>
<li>
<img
src="https://i.ibb.co/m5f4Hx8r/morskoj-vajbik-by-Tg-Emodzi-Bot-Ag-ADZFAAAtt-B0-Uo.png"
/>
</li>
<li>
<img
src="https://i.ibb.co/qL4Dhy5q/morskoj-vajbik-by-Tg-Emodzi-Bot-Ag-ADz-Uw-AAokq0-Uo.png"
/>
</li>
<li><img src="https://i.ibb.co/tPwG7BYW/Ou-TEmo-Ji1-Ag-ADb-WQAAm8-Xm-Ek.png" /></li>
<li><img src="https://i.ibb.co/ds8T6kHM/Ou-TEmo-Ji1-Ag-ADCXg-AAr-GTk-Uk.png" /></li>
<li><img src="https://i.ibb.co/zTn1yQQC/Ou-TEmo-Ji1-Ag-AD-W0-AAv-MVk-Uk.png" /></li>
<li><img src="https://i.ibb.co/spQHsMv8/Ou-TEmo-Ji1-Ag-ADy-GUAAhdjm-Ek.png" /></li>
<li>
<img
src="https://i.ibb.co/ZpTSZNyg/Secondary-Harlequin-Possum-by-f-Stik-Bot-Ag-AD-RYAAk6g-FE.png"
/>
</li>
<li>
<img
src="https://i.ibb.co/SX6Nw7h1/Secondary-Harlequin-Possum-by-f-Stik-Bot-Ag-ADUhc-AAup48-VE.png"
/>
</li>
<li>
<img
src="https://i.ibb.co/ZRyBxxJq/Tory-Stick-b37-by-Tg-Emodzi-Bot-Ag-AD0-W8-AAn-ULKUg.png"
/>
</li>
<li>
<img
src="https://i.ibb.co/XrcfNQV5/Tory-Stick-b37-by-Tg-Emodzi-Bot-Ag-AD7-HUAAp29-KEg.png"
/>
</li>
<li>
<img
src="https://i.ibb.co/dwfZ5F6B/Tory-Stick-b37-by-Tg-Emodzi-Bot-Ag-ADa-Xs-AAv-Gu-IUg.png"
/>
</li>
<li>
<img
src="https://i.ibb.co/PGMJKSDM/Tory-Stick-b37-by-Tg-Emodzi-Bot-Ag-ADb-Hg-AAr-Ch-KEg.png"
/>
</li>
<li>
<img
src="https://i.ibb.co/6RdmXvJN/Tory-Stick-b37-by-Tg-Emodzi-Bot-Ag-ADEX0-AAr9-KIEg.png"
/>
</li>
<li>
<img
src="https://i.ibb.co/wNXWP1bd/Tory-Stick-b37-by-Tg-Emodzi-Bot-Ag-ADe-XEAAob-VKEg.png"
/>
</li>
<li>
<img
src="https://i.ibb.co/KjZVLYGv/Tory-Stick-b37-by-Tg-Emodzi-Bot-Ag-ADHXIAAnmj-IUg.png"
/>
</li>
<li>
<img
src="https://i.ibb.co/Fqsz7rg9/Tory-Stick-b37-by-Tg-Emodzi-Bot-Ag-ADK3-YAAqhy-KUg.png"
/>
</li>
<li>
<img
src="https://i.ibb.co/hJz7cdZq/Tory-Stick-b37-by-Tg-Emodzi-Bot-Ag-ADm-Hk-AAp3-KKUg.png"
/>
</li>
<li>
<img
src="https://i.ibb.co/Q7Q9P2FK/Tory-Stick-b37-by-Tg-Emodzi-Bot-Ag-ADv-XQAAizt-KUg.png"
/>
</li>
<li>
<img
src="https://i.ibb.co/zhGB6V9q/Tory-Stick-b37-by-Tg-Emodzi-Bot-Ag-ADx3-QAAm-UTKUg.png"
/>
</li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/665095.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/337466.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/234012.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/476582.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/634197.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/137844.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/536984.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/147520.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/902618.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/898072.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/591214.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/302518.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/642744.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/360749.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/838094.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/741569.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/827669.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/185707.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/625175.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/503710.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/252161.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/469081.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/921984.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/995081.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/601275.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/784291.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/285782.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/309576.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/28001.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/74710.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/597060.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/844160.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/391845.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/362146.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/81825.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/189681.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/260942.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/922238.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/933679.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/180740.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/886618.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/838053.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/772333.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/16861.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/507392.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/192861.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/554519.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/916230.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/858724.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/275655.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/334438.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/861834.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/22273.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/632709.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/607681.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/707861.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/23863.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/182396.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/231042.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/892868.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/80153.png"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/942952.png"/></li>
</ul>
</div>
</div>
<div class="shop_container bank_icons shop-icon-250">
<h5 class="bank_header">иконки 250 долларов</h5>
<div class="shop_inner">
<ul class="bank_list">
<li><img src="https://i.ibb.co/mVNzmVfY/bluerandom1-Ag-ADg-SQAAs3-Jo-Uo.gif" /></li>
<li><img src="https://i.ibb.co/CpyP20nM/bluerandom1-Ag-ADmy-AAAi-H6q-Eo.gif" /></li>
<li><img src="https://i.ibb.co/bMqJPfHB/bluerandom1-Ag-ADYy-EAAmu-Fq-Eo.gif" /></li>
<li><img src="https://i.ibb.co/qLtvzXhr/Bunchof-Emojis-Ag-AD7-A4-AAq-Sxc-FA.gif" /></li>
<li><img src="https://i.ibb.co/4wkCQh4s/Bunchof-Emojis-Ag-AD9-REAAtqrs-VI.gif" /></li>
<li><img src="https://i.ibb.co/prvTD0yQ/Bunchof-Emojis-Ag-ADAx-MAAm-Wie-FA.gif" /></li>
<li><img src="https://i.ibb.co/NgN2Gybh/Bunchof-Emojis-Ag-ADdw4-AAj6-Hs-VI.gif" /></li>
<li><img src="https://i.ibb.co/hxW5fN1s/Bunchof-Emojis-Ag-ADjw8-AAkk-Ge-VA.gif" /></li>
<li><img src="https://i.ibb.co/dw7MfwxL/Bunchof-Emojis-Ag-ADRh-IAAosu-VA.gif" /></li>
<li><img src="https://i.ibb.co/PsmrPt4K/Butterfly-Emoji-Pack-Ag-AD0-Sw-AAivfg-Us.gif" /></li>
<li><img src="https://i.ibb.co/cS6CXpht/Butterfly-Emoji-Pack-Ag-ADSCo-AAh1-Ig-Us.gif" /></li>
<li><img src="https://i.ibb.co/gM6jXzdg/Cats-Big-Pack-Ag-ADjy8-AAsgcq-Ug.gif" /></li>
<li><img src="https://i.ibb.co/PK6Rh16/emojipack1-by-emjpbot-Ag-AD2-RYAAu-E5u-FM.gif" /></li>
<li><img src="https://i.ibb.co/zhFwSJfr/emojipack1-by-emjpbot-Ag-AD4-BQAAt-C-u-FM.gif" /></li>
<li><img src="https://i.ibb.co/zTKDKqP5/emojipack1-by-emjpbot-Ag-AD4h-MAAu-V6s-VM.gif" /></li>
<li><img src="https://i.ibb.co/bMRVF6f8/emojipack1-by-emjpbot-Ag-AD6-RMAApt-Ku-VM.gif" /></li>
<li><img src="https://i.ibb.co/xqZv9PPk/emojipack1-by-emjpbot-Ag-ADCxc-AAn-ju-VM.gif" /></li>
<li><img src="https://i.ibb.co/607TpG9S/emojipack1-by-emjpbot-Ag-ADmh-UAAu-CYs-FM.gif" /></li>
<li><img src="https://i.ibb.co/mfZpb29/emojipack1-by-emjpbot-Ag-ADw-BAAAng-Ju-FM.gif" /></li>
<li><img src="https://i.ibb.co/XfFTdfgY/emojipack1-by-emjpbot-Ag-ADYBUAAoigs-FM.gif" /></li>
<li><img src="https://i.ibb.co/vCKmwXnL/emojipack1-by-emjpbot-Ag-ADyh-YAAvziu-VM.gif" /></li>
<li><img src="https://i.ibb.co/0jPGQ0Qc/emojipremiumstatus-Ag-ADc-SEAAku-W6-Ek.gif" /></li>
<li><img src="https://i.ibb.co/Szwj0sn/emojipremiumstatus-Ag-ADd-Bw-AAo-PJ6-Ek.gif" /></li>
<li><img src="https://i.ibb.co/XZq1S7s6/emojipremiumstatus-Ag-ADnxw-AAr-LSMEk.gif" /></li>
<li><img src="https://i.ibb.co/nHQJxQt/endlesslypainful-Ag-ADdx-AAAo-U-g-Fc.gif" /></li>
<li><img src="https://i.ibb.co/Z1whBnZ6/endlesslypainful-Ag-ADo-D4-AAtd8-OVU.gif" /></li>
<li><img src="https://i.ibb.co/hSMbW5b/endlesslypainful-Ag-ADYgs-AAqkb-IVQ.gif" /></li>
<li><img src="https://i.ibb.co/tTYY5WFP/Gummy-Bear-Emoji-Ag-ADSCc-AAhe-Cc-Uo.gif" /></li>
<li><img src="https://i.ibb.co/CssLcS9G/Love-Day-Emoji-Ag-AD8m-UAAq-OVOUk.gif" /></li>
<li><img src="https://i.ibb.co/nNLMM9FY/Love-Day-Emoji-Ag-AD8-XAAAj-Kq-SUk.gif" /></li>
<li><img src="https://i.ibb.co/k63McgPX/Love-Day-Emoji-Ag-ADX3-AAAjd-Ta-Uk.gif" /></li>
<li><img src="https://i.ibb.co/Q0SDbL8/Mini-Duck-Emoji-Ag-ADLyc-AAn-UOAUk.gif" /></li>
<li><img src="https://i.ibb.co/VW1SPTCq/Neon-Frog-Ag-AD2-A8-AAm-DIKVM.gif" /></li>
<li>
<img src="https://i.ibb.co/RkD6mdHD/pinkglamour-by-Tg-Emoji-Bot-Ag-ADNGo-AAh-FMKUo.gif" />
</li>
<li>
<img src="https://i.ibb.co/p6bktR0G/pinkglamour-by-Tg-Emoji-Bot-Ag-ADV14-AAuj-RMEo.gif" />
</li>
<li><img src="https://i.ibb.co/JW7Qpgq1/Pixelki-Emoji-Ag-ADNyk-AAuo4q-Ug.gif" /></li>
<li>
<img
src="https://i.ibb.co/wNxx7jfy/Premium-Gifts-by-Moi-Stiki-Bot-Ag-AD-Vw-AAp-PEy-Es.gif"
/>
</li>
<li>
<img
src="https://i.ibb.co/KjYbdrry/Premium-Gifts-by-Moi-Stiki-Bot-Ag-ADFF4-AArgzy-Us.gif"
/>
</li>
<li>
<img
src="https://i.ibb.co/fVM1Y0Ct/Premium-Gifts-by-Moi-Stiki-Bot-Ag-ADi18-AAi9m0-Eo.gif"
/>
</li>
<li>
<img
src="https://i.ibb.co/XrdShCmC/Premium-Gifts-by-Moi-Stiki-Bot-Ag-ADp-F4-AAm-H3y-Uk.gif"
/>
</li>
<li>
<img
src="https://i.ibb.co/Q3KWdJ3W/Premium-Gifts-by-Moi-Stiki-Bot-Ag-ADUFw-AAn-Sp-KUg.gif"
/>
</li>
<li>
<img
src="https://i.ibb.co/4RXjNpGz/Premium-Gifts-by-Moi-Stiki-Bot-Ag-ADw-GYAAt-Pv0-Us.gif"
/>
</li>
<li><img src="https://i.ibb.co/Qz6dDxq/Purplehearts-by-rrzbot-Ag-ADyx-QAAh-U0e-FE.gif" /></li>
<li><img src="https://i.ibb.co/qYbSz39z/Restricted-Emoji-Ag-ADh-Bw-AAo-I26-Us.gif" /></li>
<li>
<img src="https://i.ibb.co/FqD6mNNM/set-4460-by-makestick3-bot-Ag-ADCYs-AAtm-Dq-Eg.gif" />
</li>
<li>
<img src="https://i.ibb.co/B5vYK7x2/set-4460-by-makestick3-bot-Ag-ADH4c-AAt-XSq-Eg.gif" />
</li>
<li>
<img src="https://i.ibb.co/Wq1kW3h/set-4460-by-makestick3-bot-Ag-AD-Hk-AAldfq-Ug.gif" />
</li>
<li>
<img src="https://i.ibb.co/9mZ1bKbd/set-4460-by-makestick3-bot-Ag-ADIYUAAti4q-Ug.gif" />
</li>
<li>
<img src="https://i.ibb.co/HLx8CsfV/set-4460-by-makestick3-bot-Ag-ADKn-QAAq-F6q-Eg.gif" />
</li>
<li>
<img src="https://i.ibb.co/MyNKHxyb/set-4460-by-makestick3-bot-Ag-ADP3w-AAivuq-Eg.gif" />
</li>
<li>
<img src="https://i.ibb.co/ynnncFYQ/set-4460-by-makestick3-bot-Ag-ADRo-MAAnt-Bq-Eg.gif" />
</li>
<li>
<img src="https://i.ibb.co/B2x1KS1b/set-4460-by-makestick3-bot-Ag-ADW3g-AAq-C3q-Eg.gif" />
</li>
<li>
<img src="https://i.ibb.co/QvgSg8Ks/set-4460-by-makestick3-bot-Ag-ADZ3-UAAlrms-Eg.gif" />
</li>
<li>
<img src="https://i.ibb.co/d41rHGMk/set-4460-by-makestick3-bot-Ag-ADZo-EAAm-HDq-Ug.gif" />
</li>
<li><img src="https://i.ibb.co/7JZ4cp8X/Sunny-rina-Ag-AD908-AAjn-Zy-Ug.gif" /></li>
<li><img src="https://i.ibb.co/fGCdV16p/Sunny-rina-Ag-ADDVMAAt69y-Eg.gif" /></li>
<li><img src="https://i.ibb.co/j9qvkXsq/Sunny-rina-Ag-ADPlc-AAk4ja-Ek.gif" /></li>
<li><img src="https://i.ibb.co/XrGR3F5Y/wi-pixeled-Ag-ADTl-IAAn-CJCEo.gif" /></li>
<li><img src="https://i.ibb.co/Nd4qxLyN/wi-pixeled-Ag-ADul0-AAg978-Ug.gif" /></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/882249.gif" /></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/41434.gif" /></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/375376.gif" /></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/506344.gif" /></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/831938.gif" /></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/722174.gif" /></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/645003.gif" /></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/332703.gif" /></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/690185.gif" /></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/924602.gif" /></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/520062.gif" /></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/37011.gif" /></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/609654.gif" /></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/722493.gif" /></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/514319.gif" /></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/242711.gif" /></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/885214.gif" /></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/767358.gif" /></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/607632.gif" /></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/443718.gif" /></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/684880.gif" /></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/682262.gif" /></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/429047.gif" /></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/970429.gif" /></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/166328.gif" /></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/843973.gif" /></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/886157.gif" /></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/643726.gif" /></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/290144.gif" /></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/420267.gif" /></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/129496.gif" /></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/739888.gif" /></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/770483.gif" /></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/338589.gif" /></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/953505.gif" /></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/892727.gif" /></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/33174.gif" /></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/741906.gif"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/816343.gif"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/993211.gif"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/344570.gif"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/271742.gif"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/535387.gif"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/34464.gif"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/69765.gif"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/751980.gif"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/896618.gif"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/551216.gif"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/78354.gif"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/386346.gif"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/565284.gif"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/208289.gif"/></li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/798650.gif"/></li>
</ul>
</div>
</div>
</div>
<div class="shop_container bank_plah shop-plah-200">
<h5 class="bank_header">плашки 200 долларов</h5>
<div class="shop_inner">
<ul class="bank_list">
<li class="plassh" style="background: #3c757f"><text>Со мной две крыски,</text><text2>мы взлетаем, нажимай на слив</text2></li>
<li class="plassh" style="background: #bf9e9c"><text>Моя лента связана с твоею</text><text2>Перевязаны душа и тело</text2></li>
<li class="plassh" style="background: #96c0c8"><text>В пустых домах погасли огни</text><text2>Как люди, что мечтали о любви</text2></li>
<li class="plassh" style="background: #783845"><text>Сгораю на губах твоих</text><text2>бордовым цветом</text2></li>
<li class="plassh" style="background: #4c5d8a"><text>Там, где умирает ненависть,</text><text2>рождается любовь</text2></li>
<li class="plassh" style="background: #2f5532"><text>И заметая следы, убивая себя</text><text2>Убьёшь и меня с собой опять</text2></li>
<li class="plassh" style="background: #564569"><text>Разбиться вниз, я касаюсь дна</text><text2>Всё по кругу, я схожу с ума</text2></li>
<li class="plassh" style="background: #b69a7c"><text>Предрассветное прощанье</text><text2>Расскажи мне, где ты не был</text2></li>
<li class="plassh" style="background: #cda6ab"><text>Твои глаза на мне бликами</text><text2>Хочу узнать твои цифры мобильного</text2></li>
<li class="plassh" style="background: #75706c"><text>На тебя давно так похуй,</text><text2>Я хаваю всю сотку</text2></li>
<li class="plassh" style="background: #db8a24"><text>Он снова посмотрел на другую</text><text2>Я ревную, я ревную, я психую</text2></li>
<li class="plassh" style="background: #635583"><text>Это не дождь, это твои слезы</text><text2>ливнями лили, затопили нас с головой</text2></li>
<li class="plassh" style="background: #91a6b9"><text>Whole life spreadin' lies,</text><text2>but you can't hide, baby, nice try</text2></li>
<li class="plassh" style="background: #8d6684"><text>Break you into pieces in a world</text><text2>of pain 'cause you're all the same</text2></li>
<li class="plassh" style="background: #a72525"><text>I wanna watch you like a movie</text><text2>I wanna put you on the stage</text2></li>
<li class="plassh" style="background: #a1afb3"><text>Baby, you're a star</text><text2>Fuck me all night</text2></li>
<li class="plassh" style="background: #a1b2a5"><text>No one does it better than me</text><text2>Go ahead and try to</text2></li>
<li class="plassh" style="background: #c39376"><text>Why do we deny</text><text2>What we feel inside?</text2></li>
<li class="plassh" style="background: #fd8ac4"><text>Love is on the otherside</text><text2>Let's hold each other down</text2></li>
<li class="plassh" style="background: #5b1379"><text>You're a lucky star</text><text2>Shining in a bankrupt sky</text2></li>
<li class="plassh" style="background: #bd9919"><text>And I know what I have found</text><text2>It is the key to my awakening</text2></li>
<li class="plassh" style="background: #333455"><text>Hold on to me now</text><text2>til we're six feet in the ground</text2></li>
<li class="plassh" style="background: #333455"><text>Find who you'd die for,</text><text2>that's who you live for</text2></li>
<li class="plassh" style="background: #5b4733"><text>Honestly, I'm waiting for you</text><text2>to say you're ready</text2></li>
</ul>
</div>
</div>
<div class="shop_container bank_plah shop-plah-300">
<h5 class="bank_header">плашки 300 долларов</h5>
<div class="shop_inner">
<ul class="bank_list">
<li class="plassh" style="background: linear-gradient(120deg, #94bfd5 0%, #3e687f 100%)">
<text>Твои слёзы — наше море,</text><text2>не люблю, когда мы тонем</text2>
</li>
<li class="plassh" style="background: linear-gradient(120deg, #9fadb9 0%, rgb(159 177 163) 100%)">
<text>Мы ведь точно не люди,</text><text2>может только в глубине души</text2>
</li>
<li class="plassh" style="background: linear-gradient(120deg, #bbb0a3 0%, #a4a4a4 100%)">
<text>И не надо быть хорошей,</text><text2>это ведь не про тебя</text2>
</li>
<li class="plassh" style="background: linear-gradient(120deg, #9bc4cb 0%, #009ba4 100%">
<text>Подойди к телу,</text><text2>обведи мелом и забудь</text2>
</li>
<li class="plassh" style="background: linear-gradient(120deg, #dbb9bd 0%, #dc7a95 100%)">
<text>Вот тебе некуда деться</text><text2>Иди сюда, сука, никого не слушай</text2>
</li>
<li class="plassh" style="background: linear-gradient(120deg, #377880 0%, #2b2f32 100%)">
<text>Тебя любить,</text><text2>это похоже на безумство</text2>
</li>
<li class="plassh" style="background: linear-gradient(120deg, #c3c3c3 0%, #010101 100%)">
<text>Сдамся тебе для насилий</text><text2>Для всего, что захочешь</text2>
</li>
<li class="plassh" style="background: linear-gradient(120deg, #7a6791 0%, #06040a 100%)">
<text>Я сожгу все твои письма</text><text2>Им нет места в моем мире</text2>
</li>
<li class="plassh" style="background: linear-gradient(120deg, #d18c56 0%, #606c99 100%)">
<text>Место нахождения – клуб,</text><text2>кальян вместо моих губ</text2>
</li>
<li class="plassh" style="background: linear-gradient(120deg, #954351 0%, #aaa7a9 100%)">
<text>Seducing me with temptation</text><text2>Feeling free, your motivation</text2>
</li>
<li class="plassh" style="background: linear-gradient(120deg, #8d9684 0%, #2f352c 100%)">
<text>Free me from desire</text><text2>Keep it off from demons</text2>
</li>
<li class="plassh" style="background: linear-gradient(120deg, #af6626 0%, #645445 100%)">
<text>Cover up my mouth,</text><text2>don't need to breathe</text2>
</li>
<li class="plassh" style="background: linear-gradient(120deg, #326273 0%, #222222 100%)">
<text>He points gun at whoever</text><text2>Dares to take me from him</text2>
</li>
<li class="plassh" style="background: linear-gradient(120deg, #e9b3a6 0%, #9f87a1 100%)">
<text>We were laying in the dark</text><text2>You and me under the stars</text2>
</li>
<li class="plassh" style="background: linear-gradient(120deg, #8db59f 0%, #835287 100%)">
<text>You said the worst things</text><text2>to get inside my head</text2>
</li>
<li class="plassh" style="background: linear-gradient(120deg, #e4d8ce 0%, #698fa2 100%)">
<text>Karma's a bitch,</text><text2>I should've known better</text2>
</li>
<li class="plassh" style="background: linear-gradient(120deg, #c1a58d 0%, #6a452f 100%)">
<text>You make hell our paradise</text><text2>Loving you is suicide</text2>
</li>
<li class="plassh" style="background: linear-gradient(120deg, #d2afbf 0%, #103620 100%)">
<text>What if I told ya I'm a monster?</text><text2>Don't come closer</text2>
</li>
</ul>
</div>
</div>
<!-- BG section -->
<div class="shop_container shop-bg">
<h5 class="bank_header">фоны 350 долларов</h5>
<div class="shop_inner">
<ul class="bank_list">
<li class="bg-item">
<img src="https://upforme.ru/uploads/001c/87/72/2/321680.png" />
</li>
<li class="bg-item">
<img src="https://upforme.ru/uploads/001c/87/72/2/678038.png" />
</li>
<li class="bg-item">
<img src="https://upforme.ru/uploads/001c/87/72/2/721317.png" />
</li>
<li class="bg-item">
<img src="https://upforme.ru/uploads/001c/87/72/2/705407.png" />
</li>
<li class="bg-item">
<img src="https://upforme.ru/uploads/001c/87/72/2/424262.png" />
</li>
<li class="bg-item">
<img src="https://upforme.ru/uploads/001c/87/72/2/89609.png" />
</li>
<li class="bg-item">
<img src="https://upforme.ru/uploads/001c/87/72/2/389307.png" />
</li>
<li class="bg-item">
<img src="https://upforme.ru/uploads/001c/87/72/2/277576.png" />
</li>
<li class="bg-item">
<img src="https://upforme.ru/uploads/001c/87/72/2/45280.png" />
</li>
<li class="bg-item">
<img src="https://upforme.ru/uploads/001c/87/72/2/212077.png" />
</li>
<li class="bg-item">
<img src="https://upforme.ru/uploads/001c/87/72/2/338307.png" />
</li>
<li class="bg-item">
<img src="https://upforme.ru/uploads/001c/87/72/2/585389.png" />
</li>
<li class="bg-item">
<img src="https://upforme.ru/uploads/001c/87/72/2/561374.png" />
</li>
<li class="bg-item">
<img src="https://upforme.ru/uploads/001c/87/72/2/186591.png" />
</li>
<li class="bg-item">
<img src="https://upforme.ru/uploads/001c/87/72/2/524543.png" />
</li>
<li class="bg-item">
<img src="https://upforme.ru/uploads/001c/87/72/2/752798.png" />
</li>
<li class="bg-item">
<img src="https://upforme.ru/uploads/001c/87/72/2/123780.png" />
</li>
<li class="bg-item">
<img src="https://upforme.ru/uploads/001c/87/72/2/215569.png" />
</li>
<li class="bg-item">
<img src="https://upforme.ru/uploads/001c/87/72/2/99293.png" />
</li>
<li class="bg-item">
<img src="https://upforme.ru/uploads/001c/87/72/2/412942.png" />
</li>
<li class="bg-item">
<img src="https://upforme.ru/uploads/001c/87/72/2/178046.png" />
</li>
<li class="bg-item">
<img src="https://upforme.ru/uploads/001c/85/fe/2/56218.png" />
</li>
<li class="bg-item">
<img src="https://upforme.ru/uploads/001c/85/fe/2/647427.png" />
</li>
<li class="bg-item">
<img src="https://upforme.ru/uploads/001c/87/72/2/958321.png" />
</li>
<li class="bg-item">
<img src="https://upforme.ru/uploads/001c/8b/a8/7/604356.png" />
</li>
</li>
<li class="bg-item">
<img src="https://upforme.ru/uploads/001c/8b/a8/7/965393.png" />
</li>
</li>
<li class="bg-item">
<img src="https://upforme.ru/uploads/001c/8b/a8/7/486159.png" />
</li>
</li>
<li class="bg-item">
<img src="https://upforme.ru/uploads/001c/8b/a8/7/86895.png" />
</li>
</ul>
</div>
</div>
</div>
<!-- Кнопка "Открыть корзину" -->
<div style="text-align: center; margin: 20px 0">
<button
id="open-cart-btn"
onclick="openCart()"
style="
background: var(--cl4);
color: white;
border: none;
padding: 12px 24px;
border-radius: 8px;
font-size: 16px;
font-weight: bold;
cursor: pointer;
transition: all 0.3s ease;
"
>
Открыть корзину
</button>
</div>
</div>
<div
id="cart-container"
style="
display: none;
position: fixed;
bottom: 20px;
right: 20px;
background: var(--cl);
border-radius: 15px;
padding: 20px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
z-index: 99999;
max-width: 400px;
min-width: 300px;
"
>
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px">
<h3 style="color: var(--text1); margin: 0; font-size: 18px">Корзина</h3>
<button
onclick="closeCart()"
style="
background: none;
border: none;
color: var(--text1);
font-size: 20px;
cursor: pointer;
padding: 0;
width: 25px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
"
>
Х
</button>
</div>
<div id="cart-items" style="max-height: 300px; overflow-y: auto; margin-bottom: 15px">
<!-- Товары будут добавляться сюда -->
</div>
<div style="border-top: 1px solid rgba(255, 255, 255, 0.3); padding-top: 15px">
<div style="display: flex; justify-content: space-between; margin-bottom: 15px">
<span style="color: var(--text1); font-weight: bold">Общая сумма:</span>
<span id="total-price" style="color: var(--cl44); font-weight: bold">0</span>
</div>
<button
onclick="completeOrder()"
style="
width: 100%;
background: var(--cl4);
color: white;
border: none;
padding: 12px;
border-radius: 8px;
font-size: 16px;
font-weight: bold;
cursor: pointer;
transition: all 0.3s ease;
"
>
Завершить покупку
</button>
</div>
</div>
<!-- Иконка корзины (показывается когда корзина не пустая) -->
<div
id="cart-icon"
style="
display: none;
position: fixed;
bottom: 30px;
right: 30px;
background: var(--cl4);
border-radius: 50%;
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
z-index: 999;
transition: all 0.3s ease;
"
onclick="openCart()"
>
<svg width="24" height="24" fill="white" viewBox="0 0 24 24">
<path
d="M7 4V2C7 1.45 7.45 1 8 1H16C16.55 1 17 1.45 17 2V4H20C20.55 4 21 4.45 21 5S20.55 6 20 6H19V19C19 20.1 18.1 21 17 21H7C5.9 21 5 20.1 5 19V6H4C3.45 6 3 5.55 3 5S3.45 4 4 4H7ZM9 3V4H15V3H9ZM7 6V19H17V6H7Z"
/>
</svg>
<div
id="cart-count"
style="
position: absolute;
top: -5px;
right: -5px;
background: #ff4444;
color: white;
border-radius: 50%;
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
font-weight: bold;
"
>
0
</div>
</div>
<script src="https://forumstatic.ru/files/001c/87/72/53466.js?v=9" type="text/javascript"></script>
[hideprofile]
