[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>
Покупка уникального оформления — происходит через купоны, которые можно приобрести за валюту в банке
</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"
>Цвет плашки (один цвет или несколько (для градиента) через запятую. для генерации цвета используйте сайт - https://htmlcolorcodes.com/):</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-350">
<h5 class="bank_header">иконки 350 долларов</h5>
<div class="shop_inner">
<ul class="bank_list">
<li><img src="https://i.postimg.cc/PJnNzSGx/Blue-Witchcraft-By-Airin-by-Tg-Emodzi-Bot-Ag-ADKl0AAt-PAq-Us.png" /></li>
<li><img src="https://i.postimg.cc/sxC19TFx/bluep-by-Tg-Emoji-Bot-Ag-ADtmo-AAh-T0GEs.png" /></li>
<li><img src="https://i.postimg.cc/8cgsBZ8C/Chocolatehott-by-f-Stik-Bot-Ag-ADb-Gw-AAi1jc-Us.png" /></li>
<li><img src="https://i.postimg.cc/MH0Hs1xB/chromi2-Ag-ADj-Zw-AAh09YUg.png" /></li>
<li><img src="https://i.postimg.cc/Y0N0XQkg/chromi2-Ag-ADl5AAAl-IUYUg.png" /></li>
<li><img src="https://i.postimg.cc/j2628yKD/Crystalsssccccx-Ag-ADMy-QAAt7tc-Us.png" /></li>
<li><img src="https://i.postimg.cc/j2628yKw/Crystalsssccccx-Ag-ADWz0AAnmfc-Es.png" /></li>
<li><img src="https://i.postimg.cc/8cdcyLDm/design-by-kris-Ag-AD14c-AAlrqs-Ug.png" /></li>
<li><img src="https://i.postimg.cc/PJbJ61hK/design-by-kris-Ag-AD1I8AArytq-Eg.png" /></li>
<li><img src="https://i.postimg.cc/wM5MWDH2/design-by-kris-Ag-AD5og-AAoj1q-Ug.png" /></li>
<li><img src="https://i.postimg.cc/Vv9v7X1D/design-by-kris-Ag-ADAYg-AAlzr0Ug.png" /></li>
<li><img src="https://i.postimg.cc/3NjNL27g/design-by-kris-Ag-ADd4g-AAp-CKq-Eg.png" /></li>
<li><img src="https://i.postimg.cc/yxhxf0BP/design-by-kris-Ag-ADIY8AAlyvq-Eg.png" /></li>
<li><img src="https://i.postimg.cc/tJdJrFy3/design-by-kris-Ag-ADj-IYAAj-PRu-Ug.png" /></li>
<li><img src="https://i.postimg.cc/6qVqHCwC/design-by-kris-Ag-ADW3s-AAty-q-Ug.png" /></li>
<li><img src="https://i.postimg.cc/FzX1gTtF/Inst-faittereya-Pink-Addiction-Ag-ADfx0AAq-Pe-IEo.png" /></li>
<li><img src="https://i.postimg.cc/Hn0nSbH7/polzavibe-Ag-ADk-Wc-AAj-Ev-OUo.png" /></li>
<li><img src="https://i.postimg.cc/prQr0KxF/polzavibe-Ag-ADWl8AAlk-T6Eg.png" /></li>
<li><img src="https://i.postimg.cc/zvY3SxmV/random-bykk-Ag-AD4Wc-AAkj-Yy-Eo.png" /></li>
<li><img src="https://i.postimg.cc/BbftcmWD/random-bykk-Ag-ADb-Gg-AAnvxc-Eo.png" /></li>
<li><img src="https://i.postimg.cc/nrfMY38X/random-bykk-Ag-ADc-Gk-AAqx6a-Uo.png" /></li>
<li><img src="https://i.postimg.cc/2yN3F0ph/random-bykk-Ag-ADF20AAg-OOc-Uo.png" /></li>
<li><img src="https://i.postimg.cc/NF8FNRY0/random-bykk-Ag-ADg-G8AAr-MGc-Uo.png" /></li>
<li><img src="https://i.postimg.cc/Hn0nSbHx/random-bykk-Ag-ADLHUAAsp-Dc-Uo.png" /></li>
<li><img src="https://i.postimg.cc/Wzct65Rt/random-bykk-Ag-ADp-WQAAv57w-Uo.png" /></li>
<li><img src="https://i.postimg.cc/wjKLTHv6/aesthetic-sofyamakingart-Ag-ADlm4AAr4TMUg.png" /></li>
<li><img src="https://i.postimg.cc/T38gYGPC/blackandred-by-Tg-Emodzi-Bot-Ag-ADAm-AAAny-Lq-Us.png" /></li>
<li><img src="https://i.postimg.cc/9Q3ZFVf1/blackandred-by-Tg-Emodzi-Bot-Ag-ADhk8AAps-Ly-Us.png" /></li>
<li><img src="https://i.postimg.cc/zGnWyMbq/Blue-Witchcraft-By-Airin-by-Tg-Emodzi-Bot-Ag-AD6n-QAAq-GKs-Us.png" /></li>
<li><img src="https://i.postimg.cc/K8nL1Vkx/Blue-Witchcraft-By-Airin-by-Tg-Emodzi-Bot-Ag-ADBm-QAAtb0q-Es.png" /></li>
<li><img src="https://i.postimg.cc/P5mZCcpH/clinicshabashh-Ag-ADa4w-AAq29e-Uo.png" /></li>
<li><img src="https://i.postimg.cc/52cLN10b/CUTE-LOVE-ENOT-Ag-ADYHs-AAs5Om-Us.png" /></li>
<li><img src="https://i.postimg.cc/y8F9D5gq/cutieprettywbrs-Ag-ADBy4AAo-Xcq-Eo.png" /></li>
<li><img src="https://i.postimg.cc/mgQMPqc0/Dark-Academy-Aesthetic-esthedia-Ag-ADTIo-AAh-Sf-YEo.png" /></li>
<li><img src="https://i.postimg.cc/Nj1TKV9X/design-by-kris-Ag-ADe-Y4AAl-Y4k-Eg.png" /></li>
<li><img src="https://i.postimg.cc/HkQ5rKcc/design-by-kris-Ag-ADe4UAAur-s-Eg.png" /></li>
<li><img src="https://i.postimg.cc/bwQbZMDt/design-by-kris-Ag-ADgo-MAAj-Vpq-Eg.png" /></li>
<li><img src="https://i.postimg.cc/W1MrdKFt/design-by-kris-Ag-ADGYs-AAge-Gq-Eg.png" /></li>
<li><img src="https://i.postimg.cc/kgx82Z6G/design-by-kris-Ag-ADi-Ig-AAlm18Eg.png" /></li>
<li><img src="https://i.postimg.cc/13p68Tnf/design-by-kris-Ag-ADi5UAAre-Sk-Ug.png" /></li>
<li><img src="https://i.postimg.cc/3xgpk64R/design-by-kris-Ag-ADW4s-AAjr20Eg.png" /></li>
<li><img src="https://i.postimg.cc/QdL1xstj/Emoji-custom2-png-min-Ag-ADa1g-AAg-IF4Uk.png" /></li>
<li><img src="https://i.postimg.cc/8z8MPDC0/frozen-wonderland-by-Tg-Emodzi-Bot-Ag-AD2lo-AAqjqo-Eo.png" /></li>
<li><img src="https://i.postimg.cc/P5GYrhq7/frozen-wonderland-by-Tg-Emodzi-Bot-Ag-AD9V4AApxbi-Uo.png" /></li>
<li><img src="https://i.postimg.cc/4xCVNZ3F/frozen-wonderland-by-Tg-Emodzi-Bot-Ag-ADB2UAAl5qk-Uo.png" /></li>
<li><img src="https://i.postimg.cc/NjhmfY0S/frozen-wonderland-by-Tg-Emodzi-Bot-Ag-ADk-W8AAp-XWIUg.png" /></li>
<li><img src="https://i.postimg.cc/CxykLYKt/frozen-wonderland-by-Tg-Emodzi-Bot-Ag-ADm1c-AAi10m-Uo.png" /></li>
<li><img src="https://i.postimg.cc/y8qcYBNf/frozen-wonderland-by-Tg-Emodzi-Bot-Ag-ADPWc-AAuj-Km-Eo.png" /></li>
<li><img src="https://i.postimg.cc/pLNzXxdg/frozen-wonderland-by-Tg-Emodzi-Bot-Ag-ADXls-AAp2sg-Eo.png" /></li>
<li><img src="https://i.postimg.cc/jdnybCR3/Gootyerss-by-Tg-Emodzi-Bot-Ag-ADEm-AAAnvd6Uk.png" /></li>
<li><img src="https://i.postimg.cc/Hs8bgjT2/Gootyerss-by-Tg-Emodzi-Bot-Ag-ADOGIAAn-PW8Uk.png" /></li>
<li><img src="https://i.postimg.cc/CKS8kNkN/gr3enpack-Ag-ADQSMAAit-PCEo.png" /></li>
<li><img src="https://i.postimg.cc/jdnybCRy/happynewyeary-by-Tg-Emodzi-Bot-Ag-ADElo-AAs-LSAUk.png" /></li>
<li><img src="https://i.postimg.cc/Wbq0vts8/happynewyeary-by-Tg-Emodzi-Bot-Ag-ADn-Fc-AAkck8Ug.png" /></li>
<li><img src="https://i.postimg.cc/4NHpgnX1/happynewyeary-by-Tg-Emodzi-Bot-Ag-ADs-Vg-AAhk-M8Ug.png" /></li>
<li><img src="https://i.postimg.cc/0ygD2xNd/HDChristmas-Ag-AD5BQAAj-Hq4FE.png" /></li>
<li><img src="https://i.postimg.cc/sgF7Dy2J/HDChristmas-Ag-ADj-RYAAo-US4VE.png" /></li>
<li><img src="https://i.postimg.cc/Kv3t24mP/Hello-Sashaaa-stickers-Ag-ADDk-YAAr-Jn8Us.png" /></li>
<li><img src="https://i.postimg.cc/1zsFwHwV/heybabescosmetics-Ag-AD0lc-AAs-Dt8Ug.png" /></li>
<li><img src="https://i.postimg.cc/W1MrdKFM/heybabescosmetics-Ag-AD1ng-AAt8UGEk.png" /></li>
<li><img src="https://i.postimg.cc/W1MrdKF0/heybabescosmetics-Ag-AD2Ww-AAkfwa-Ek.png" /></li>
<li><img src="https://i.postimg.cc/Zq4Npcpd/heybabescosmetics-Ag-AD4kw-AAhdq8Eg.png" /></li>
<li><img src="https://i.postimg.cc/vZW94jgf/heybabescosmetics-Ag-ADCHg-AAm-P3a-Uk.png" /></li>
<li><img src="https://i.postimg.cc/7Lwz0V0f/heybabescosmetics-Ag-ADMl-EAAr-AQIUs.png" /></li>
<li><img src="https://i.postimg.cc/6QtZn0nq/heybabescosmetics-Ag-ADQ1EAAv-HMIUs.png" /></li>
<li><img src="https://i.postimg.cc/rpM4xJxz/heybabescosmetics-Ag-ADTFYAAgi-MIEs.png" /></li>
<li><img src="https://i.postimg.cc/0NPSDfDM/heybabescosmetics-Ag-ADYFs-AAu-Id-AUs.png" /></li>
<li><img src="https://i.postimg.cc/1zsFwHw6/heynewyear-Ag-ADDFw-AAn8i4Eo.png" /></li>
<li><img src="https://i.postimg.cc/DznGLgLc/heynewyear-Ag-ADr1s-AAs3iu-Eo.png" /></li>
<li><img src="https://i.postimg.cc/k5qSKcKN/heynewyear-Ag-ADWV4AAjf-T6Uo.png" /></li>
<li><img src="https://i.postimg.cc/TPfbg9gJ/heynewyear-Ag-ADx2EAAsn-W4Eo.png" /></li>
<li><img src="https://i.postimg.cc/NjhmfY0J/isaev-space-emoji-Ag-ADQn-QAAne0s-Uo.png" /></li>
<li><img src="https://i.postimg.cc/y8qcYBNF/kheppi-nyu-e-vajb-by-Tg-Emodzi-Bot-Ag-AD818AApj-Wg-Ek.png" /></li>
<li><img src="https://i.postimg.cc/dVMrtv02/kheppi-nyu-e-vajb-by-Tg-Emodzi-Bot-Ag-ADGlc-AAp0Bg-Ek.png" /></li>
<li><img src="https://i.postimg.cc/ht9xXwzt/nejno-elvish-lemonade-Ag-ADG4MAAnuls-Eg.png" /></li>
<li><img src="https://i.postimg.cc/0ypmz3MN/nejno-elvish-lemonade-Ag-ADKoo-AAt-J9m-Ug.png" /></li>
<li><img src="https://i.postimg.cc/dtZGYDJy/New-Year1-Emoji-Ag-AD-Dw-AAi5kk-Uo.png" /></li>
<li><img src="https://i.postimg.cc/vHx5sDG1/New-Year1-Emoji-Ag-AD0z-MAAj-Nkm-Eo.png" /></li>
<li><img src="https://i.postimg.cc/jdnybCRw/New-Year1-Emoji-Ag-AD1To-AAv4hk-Eo.png" /></li>
<li><img src="https://i.postimg.cc/pX5KHyP5/New-Year1-Emoji-Ag-ADlzk-AAs-1m-Eo.png" /></li>
<li><img src="https://i.postimg.cc/BQP20tJH/New2024Year-Emoji-Ag-ADSTk-AAk-D0IEs.png" /></li>
<li><img src="https://i.postimg.cc/ht9xXwzB/purplenblack-Ag-AD9TUAAj-OYSEg.png" /></li>
<li><img src="https://i.postimg.cc/nhv7X5jb/purplenblack-Ag-ADi-S8AAtoh-SUg.png" /></li>
<li><img src="https://i.postimg.cc/rwSWDb08/random-bykk-Ag-AD63AAAveyc-Uo.png" /></li>
<li><img src="https://i.postimg.cc/9QGTDSRm/random-bykk-Ag-ADa-YEAAt-ZBc-Uo.png" /></li>
<li><img src="https://i.postimg.cc/6psn5wQ0/Red-Black-Genmoji-Ag-ADt-V0AAq-YZ4Uk.png" /></li>
<li><img src="https://i.postimg.cc/pX5KHyPD/sticks-Merry-Christmas-by-Tg-Emodzi-Bot-Ag-ADNlw-AAv58m-Ek.png" /></li>
<li><img src="https://i.postimg.cc/MpkVKxT6/Tory-Stickers2334-by-Tg-Emodzi-Bot-Ag-AD9m-IAAte-Ao-Es.png" /></li>
<li><img src="https://i.postimg.cc/52wvXGHD/Tory-Stickers2334-by-Tg-Emodzi-Bot-Ag-ADl-HEAAm-RSo-Es.png" /></li>
<li><img src="https://i.postimg.cc/vHx5sDG3/Undergader-New-Year-by-Tg-Emodzi-Bot-Ag-ADYE4AAo-W1q-Us.png" /></li>
<li><img src="https://i.postimg.cc/rw6xFcpG/winter-stories-ak-Ag-ADo-DMAAmboo-Uo.png" /></li>
<li><img src="https://i.postimg.cc/6psn5w3J/Zimushka-2025-Ag-ADF10AAlg1s-Ek.png" /></li>
<li><img src="https://i.postimg.cc/Gm0Ghr21/Zimushka-2025-Ag-ADhm-EAAtc-Ds-Ek.png" /></li>
<li><img src="https://i.postimg.cc/HkGXsHxm/Zimushka-2025-Ag-ADJ1k-AAig-Ss-Uk.png" /></li>
<li><img src="https://i.postimg.cc/XYMd73J6/Zimushka-2025-Ag-ADpl0AAo-ZDs-Ek.png" /></li>
<li><img src="https://i.postimg.cc/VkynL161/Zimushka-2025-Ag-ADpm-IAAk-O3s-Uk.png" /></li>
<li><img src="https://i.postimg.cc/m2F0K6yR/PINK-JOY-by-Tg-Emodzi-Bot-Ag-ADOok-AApbbu-Ug.png" /></li>
<li><img src="https://i.postimg.cc/qMC9WZx4/PINK-JOY-by-Tg-Emodzi-Bot-Ag-ADr3o-AAu-ZHu-Eg.png" /></li>
</ul>
</div>
</div>
<div class="shop_container bank_icons shop-icon-450">
<h5 class="bank_header">иконки 450 долларов</h5>
<div class="shop_inner">
<ul class="bank_list">
<li><img src="https://i.postimg.cc/nrLV1gRV/Winter-Wreath-by-Emoji-Ru-Bot-Ag-ADNXAAAr-P9UUo.gif" /></li>
<li><img src="https://i.postimg.cc/5yt9mT7N/Winter-Wreath-by-Emoji-Ru-Bot-Ag-ADo20AAj7u-UEo.gif" /></li>
<li><img src="https://i.postimg.cc/HnjHM5nW/bluepack-by-Tg-Emoji-Bot-Ag-ADB1UAAga2a-Eg.gif" /></li>
<li><img src="https://i.postimg.cc/MHXxBRHT/bluepack-by-Tg-Emoji-Bot-Ag-ADH14AAtn-Da-Ug.gif" /></li>
<li><img src="https://i.postimg.cc/j2CKfN27/Merry-Christmas-Emoji-Ag-AD9kg-AAu9w8Ug.gif" /></li>
<li><img src="https://i.postimg.cc/hvhgmxvJ/New2024Year-Emoji-Ag-ADdz8AAq-d-KEs.gif" /></li>
<li><img src="https://i.postimg.cc/VvTwW60S/Premium-Gifts-by-Moi-Stiki-Bot-Ag-AD2m-MAAs-C40Us.gif" /></li>
<li><img src="https://i.postimg.cc/j29T45nJ/Premium-Gifts-by-Moi-Stiki-Bot-Ag-AD3l8AAn2-y-Es.gif" /></li>
<li><img src="https://i.postimg.cc/XqhWkJB5/Premium-Gifts-by-Moi-Stiki-Bot-Ag-ADz-Ww-AAt-Kmy-Us.gif" /></li>
<li><img src="https://i.postimg.cc/j2CKfN22/Pulse-Hearts-Ag-ADoj8AAm-USEEg.gif" /></li>
<li><img src="https://i.postimg.cc/J0tmXJ0m/winterexexexesex-by-f-Stik-Bot-Ag-AD300AAp-MMGUk.gif" /></li>
<li><img src="https://i.postimg.cc/mZYG6yHD/ani-Emoji-Ag-ADHzs-AAvypo-Es.gif" /></li>
<li><img src="https://i.postimg.cc/fTMh4ScG/bluepack-by-Tg-Emoji-Bot-Ag-ADhl-QAAl-Rua-Eg.gif" /></li>
<li><img src="https://i.postimg.cc/8PTV8fRK/bluepack-by-Tg-Emoji-Bot-Ag-ADRlo-AArnqa-Eg.gif" /></li>
<li><img src="https://i.postimg.cc/SNmp0YL0/bluepack-by-Tg-Emoji-Bot-Ag-ADX2AAAp4Wa-Ug.gif" /></li>
<li><img src="https://i.postimg.cc/sD3RFGY9/Cats-Exclusive-Ag-ADZx-UAAivz-MFA.gif" /></li>
<li><img src="https://i.postimg.cc/RC7zbLHt/cats-kotletovv-Ag-ADs-Tk-AAk-GAs-Ug.gif" /></li>
<li><img src="https://i.postimg.cc/9XdjNY71/Creampuff-Bunny-Ag-ADHho-AAl-Ouc-VM.gif" /></li>
<li><img src="https://i.postimg.cc/zXq1mHCW/Creampuff-Bunny-Ag-ADOxw-AAs-F0c-VM.gif" /></li>
<li><img src="https://i.postimg.cc/hv1WzKBN/Dancing-Santa-Ag-ADjx-EAAp-Ty-YFI.gif" /></li>
<li><img src="https://i.postimg.cc/NG6wPkHf/Dancing-Santa-Ag-ADNBMAAp-KKYFI.gif" /></li>
<li><img src="https://i.postimg.cc/PfWkFQwz/douhua-cat-em-Ag-AD0no-AAg6Fa-Eo.gif" /></li>
<li><img src="https://i.postimg.cc/029qgKYc/Emoji-Collection-Ag-ADJx-IAAs-F-VE.gif" /></li>
<li><img src="https://i.postimg.cc/8PTV8fR4/Emoji-Collection-Ag-ADYx-EAAu7P8VE.gif" /></li>
<li><img src="https://i.postimg.cc/mkyfzTsq/kheppi-nyu-e-vajb-by-Tg-Emodzi-Bot-Ag-ADIlw-AAi-JOc-Ek.gif" /></li>
<li><img src="https://i.postimg.cc/gk4bGc4b/Kiss-Of-Death-Xkysluv-Ag-ADn-Gk-AAnad-AUo.gif" /></li>
<li><img src="https://i.postimg.cc/PrKndfKh/Kiss-Of-Death-Xkysluv-Ag-ADRWk-AAoe5k-Eo.gif" /></li>
<li><img src="https://i.postimg.cc/x82V1cWj/Merry-Christmas-Emoji-Ag-AD1UYAAk0r8Eg.gif" /></li>
<li><img src="https://i.postimg.cc/D0PkJ7Td/Merry-Christmas-Emoji-Ag-ADID8AAl-QUQUg.gif" /></li>
<li><img src="https://i.postimg.cc/sxrCgvtR/Merry-Christmas-Emoji-Ag-ADj-EAAAn-WAIUg.gif" /></li>
<li><img src="https://i.postimg.cc/3NTQxdPW/Merry-Christmas-Emoji-Ag-ADnk-QAAg8MIUg.gif" /></li>
<li><img src="https://i.postimg.cc/3NTQxdPY/Merry-Christmas-Emoji-Ag-ADqk-AAAgg-WKEg.gif" /></li>
<li><img src="https://i.postimg.cc/KjDSkm2N/Merry-Christmas-Emoji-Ag-ADu-Dk-AAt-Ol-QEs.gif" /></li>
<li><img src="https://i.postimg.cc/mksWgt0L/Merry-Christmas-Emoji-Ag-ADzjg-AAm-S9SUg.gif" /></li>
<li><img src="https://i.postimg.cc/RhL56vB7/New2024Year-Emoji-Ag-ADnz0AAi-To-IUs.gif" /></li>
<li><img src="https://i.postimg.cc/Y26wyzW2/New2024Year-Emoji-Ag-ADOj8AAkkp-KUs.gif" /></li>
<li><img src="https://i.postimg.cc/1XrhnyQr/New2024Year-Emoji-Ag-ADv-D4AAoza-KEs.gif" /></li>
<li><img src="https://i.postimg.cc/Gtxw8bCf/New2024Year-Emoji-Ag-ADWjw-AAjr-PKUs.gif" /></li>
<li><img src="https://i.postimg.cc/HWwCP9yV/Perfect-Titanium-Ag-ADP3k-AAi5a-EUk.gif" /></li>
<li><img src="https://i.postimg.cc/T2VXHJD1/Purple1-by-Tg-Emojis-bot-Ag-ADw-Hw-AAv-KLIUg.gif" /></li>
<li><img src="https://i.postimg.cc/9XdjNY77/Randomoji-Twitch-Ag-ADXFs-AAm-Gd-CUk.gif" /></li>
<li><img src="https://i.postimg.cc/MKtJzZtw/Reactions-Emoji-VK-Ag-ADe-Yw-AAi-Li6Us.gif" /></li>
<li><img src="https://i.postimg.cc/7YXrqPXG/Reactions-Emoji-VK-Ag-ADKYk-AApc-X6Us.gif" /></li>
<li><img src="https://i.postimg.cc/L6mMdgtz/rndnemfx2-Ag-ADXWUAAl2GAUg.gif" /></li>
<li><img src="https://i.postimg.cc/PfWkFQw2/Smiles-MAX-Ag-ADc3o-AAm-C0c-Uo.gif" /></li>
<li><img src="https://i.postimg.cc/65BNs4rh/TG-Emojiss6-Ag-ADa-AMAAsg-U6UU.gif" /></li>
<li><img src="https://i.postimg.cc/Dy537f5V/tgsemojiss123-Ag-AD6zc-AAo-EJy-Ek.gif" /></li>
<li><img src="https://i.postimg.cc/8PwgTk4Y/tgsemojiss123-Ag-ADd-Dc-AAtr70Uk.gif" /></li>
<li><img src="https://i.postimg.cc/qBsdZx3G/tokitokidokidoki-by-f-Stik-Bot-Ag-ADg-AQAAu2q-IUY.gif" /></li>
<li><img src="https://i.postimg.cc/QNQrnJT5/videoanimalss-Ag-ADhxo-AAjc5w-Es.gif" /></li>
<li><img src="https://i.postimg.cc/SRfF2mhZ/winterexexexesex-by-f-Stik-Bot-Ag-ADi-Vg-AAhs9i-Ek.gif" /></li>
<li><img src="https://i.postimg.cc/HWwCP9y0/Yellow-Color-Emoji-Ag-AD9y0AAk-Yx-AAFI.gif" /></li>
<li><img src="https://i.postimg.cc/XNf0DkCf/Yellow-Color-Emoji-Ag-ADJy-IAAk-CH-Us.gif" /></li>
<li><img src="https://i.postimg.cc/2jQfX7Z7/Yellow-Color-Emoji-Ag-ADni-UAAh-OMAAFI.gif" /></li>
<li><img src="https://i.postimg.cc/fWchgf9K/Yellow-Color-Emoji-Ag-ADpik-AAre-N-Es.gif" /></li>
<li><img src="https://i.postimg.cc/MZfPGfM3/ani-Emoji-Ag-AD-0MAAnub-OEg.gif" /></li>
<li><img src="https://i.postimg.cc/ZYv7qvBD/ani-Emoji-Ag-AD3Tg-AAvjvq-Es.gif" /></li>
<li><img src="https://i.postimg.cc/Kc3qY3kV/ani-Emoji-Ag-ADF0UAAjd-Dm-Us.gif" /></li>
<li><img src="https://i.postimg.cc/v8xqmxgN/ani-Emoji-Ag-ADnk-EAAg-PXq-Us.gif" /></li>
<li><img src="https://i.postimg.cc/7YvBJP0j/Birthday-Collection-Ag-ADKjs-AAv-UG-Eg.gif" /></li>
<li><img src="https://i.postimg.cc/WbR9qpgK/Birthday-Collection-Ag-ADQz-AAAi-W8q-Es.gif" /></li>
<li><img src="https://i.postimg.cc/PrG6vfYB/Bubble-Emoji-Ag-ADCi-UAAsj3QUg.gif" /></li>
<li><img src="https://i.postimg.cc/NfhN2GmP/Cat-Paws-Emoji-Ag-ADq1k-AAm-QNw-Eo.gif" /></li>
<li><img src="https://i.postimg.cc/28pHLjnz/Cat-Paws-Emoji-Ag-ADy-WEAAlh3g-Eo.gif" /></li>
<li><img src="https://i.postimg.cc/NfhN2GRF/Cookie-Emoji-Ag-AD3w-IAAma-Dc-UY.gif" /></li>
<li><img src="https://i.postimg.cc/fT4HSWYk/Creepy-Emoji-Ag-ADHDw-AAi-TAIUg.gif" /></li>
<li><img src="https://i.postimg.cc/Yq1d6cxr/Creepy-Emoji-Ag-ADj-CQAAkbo6Uk.gif" /></li>
<li><img src="https://i.postimg.cc/ncv3481M/Creepy-Emoji-Ag-ADm-Cg-AAr1h-WUg.gif" /></li>
<li><img src="https://i.postimg.cc/bNQmxXRH/Deviless-Emoji-Ag-AD2z-UAAib-Cm-Eg.gif" /></li>
<li><img src="https://i.postimg.cc/3JgtXMZZ/Dogs-Emoji-Ag-ADQCg-AAi-OEEUs.gif" /></li>
<li><img src="https://i.postimg.cc/pLRqk00G/Dogs-Emoji-Ag-ADwi0AAn-UVEEs.gif" /></li>
<li><img src="https://i.postimg.cc/GmdqzM7C/Finance-Emoji-Ag-ADg-Fg-AAr-B3GEg.gif" /></li>
<li><img src="https://i.postimg.cc/4xPw0zqY/Fire-Font-Emoji-Ag-ADo-UUAAn-Tvm-Es.gif" /></li>
<li><img src="https://i.postimg.cc/GmKzfkV9/Gingerbread-Emoji-Ag-ADDSc-AAs94GUk.gif" /></li>
<li><img src="https://i.postimg.cc/PqqKnCn4/Gingerbread-Emoji-Ag-ADQy-IAAkf-EGUs.gif" /></li>
<li><img src="https://i.postimg.cc/W44ScdcX/Gingerbread-Emoji-Ag-ADTSMAAm-M72Us.gif" /></li>
<li><img src="https://i.postimg.cc/cJ5hxddh/Gummy-Bear-Emoji-Ag-ADli-YAAlm-MYUs.gif" /></li>
<li><img src="https://i.postimg.cc/ZqDHbJJg/Gummy-Bear-Emoji-Ag-ADti-MAAs-At-IEs.gif" /></li>
<li><img src="https://i.postimg.cc/W4f8NssQ/Halloween-Team-Emoji-Ag-AD4D0AAjyp-IUk.gif" /></li>
<li><img src="https://i.postimg.cc/q7ZwJppS/Love-Day-Emoji-Ag-AD42QAAs-V2EUk.gif" /></li>
<li><img src="https://i.postimg.cc/Ss2rjHsF/Love-Day-Emoji-Ag-ADe24AAt-Svo-Uk.gif" /></li>
<li><img src="https://i.postimg.cc/QMnm8jX8/Masks-Emoji-Ag-AD2j-QAAqq38Us.gif" /></li>
<li><img src="https://i.postimg.cc/pThZy3TR/Meme-Emoji-Ag-ADd-Rw-AAms-AAc-FK.gif" /></li>
<li><img src="https://i.postimg.cc/50Y3jD0t/Merry-Christmas-Emoji-Ag-ADd-UIAAh-NZKEg.gif" /></li>
<li><img src="https://i.postimg.cc/LXYThGXn/Merry-Christmas-Emoji-Ag-ADu-Do-AAhsg-QEs.gif" /></li>
<li><img src="https://i.postimg.cc/sXQc1bX9/Merry-Christmas-Emoji-Ag-ADVj-MAAtn2OEs.gif" /></li>
<li><img src="https://i.postimg.cc/Kz65TQkK/Neon-Emoji-Ag-ADKTUAAr-Fd-GUs.gif" /></li>
<li><img src="https://i.postimg.cc/hjk0mMz8/Neon-Emoji-Ag-ADM1w-AAo-WW2Es.gif" /></li>
<li><img src="https://i.postimg.cc/nzy1mTj2/Neon-Emoji-Ag-ADNVYAAj2d2Es.gif" /></li>
<li><img src="https://i.postimg.cc/50hmzpYP/Neon-Emoji-Ag-ADp-DAAAtgu-CUs.gif" /></li>
<li><img src="https://i.postimg.cc/RhwLLfwq/News-Emoji-Ag-ADkic-AAj-N44Eo.gif" /></li>
<li><img src="https://i.postimg.cc/yx0yy90B/Pepe-Emoji-Ag-ADpyc-AAv-Lc-QEo.gif" /></li>
<li><img src="https://i.postimg.cc/7hSnn7SH/pinkglamour-by-Tg-Emoji-Bot-Ag-ADNGo-AAh-FMKUo.gif" /></li>
<li><img src="https://i.postimg.cc/NFRkkTRQ/Santa-Emoji-Ag-ADc-SUAAk6w-GUg.gif" /></li>
<li><img src="https://i.postimg.cc/nVm2x8gG/Tattoo-Emoji-Ag-ADBEw-AAu-HKUUs.gif" /></li>
<li><img src="https://i.postimg.cc/NGXDthSd/Tattoo-Emoji-Ag-ADGEw-AAr-9OEg.gif" /></li>
<li><img src="https://i.postimg.cc/7Pz94vdp/Tattoo-Emoji-Ag-ADPkg-AAnu-HIUg.gif" /></li>
<li><img src="https://i.postimg.cc/h4msnFNq/Tattoo-Emoji-Ag-ADrkk-AAp-AYMUs.gif" /></li>
</ul>
</div>
</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: #adc935"><text>Попрошу тебя остаться</text><text2>Одинокая звезда</text2></li>
<li class="plassh" style="background: #de8da2"><text>Между нашими губами</text><text2>ноль метров ноль сантиметров</text2></li>
<li class="plassh" style="background: #a9abc7"><text>Дом – бесконечность</text><text2>Все знают, что мы все не вечны</text2></li>
<li class="plassh" style="background: #525252"><text>И опять завертит мной,</text><text2>Прошлогоднее унынье</text2></li>
<li class="plassh" style="background: #6994ae"><text>У любви зимой — короткий век</text><text2>Тихо падает на землю снег</text2></li>
<li class="plassh" style="background: #1b2e23"><text>Зима — это время,</text><text2>когда вечер кажется откровением</text2></li>
<li class="plassh" style="background: #8c57a1"><text>Another chance for us</text><text2>To get it right</text2></li>
<li class="plassh" style="background: #e51f23"><text>I'm living, living this</text><text2>I'm dreaming, I can take this way</text2></li>
<li class="plassh" style="background: #e3ae00"><text>I feel you closin' in on me</text><text2> Under red lights</text2></li>
<li class="plassh" style="background: #bcb27b"><text>I will live forever</text><text2>If you always keep me in your mind</text2></li>
<li class="plassh" style="background: #007ba3"><text>I can't stop thinking about you</text><text2>And I can't stop loving you</text2></li>
<li class="plassh" style="background: #f457d9"><text>Late nights, real fights</text><text2>Bought that shit, got that real ice</text2></li>
<li class="plassh" style="background: #0084d7"><text>Холодная погода</text><text2>делает нас ближе к тем, кто рядом</text2></li>
<li class="plassh" style="background: #651c1f"><text>Зимнее утро</text><text2>а я мечтаю о лете</text2></li>
<li class="plassh" style="background: #90b3cf"><text>Снег падает,</text><text2>И под ногами шуршат мечты</text2></li>
<li class="plassh" style="background: #1d3553"><text>Зима без тебя</text><text2>это просто холод</text2></li>
<li class="plassh" style="background: #b67e84"><text>Наш уют</text><text2>против любой метели</text2></li>
<li class="plassh" style="background: #e8a355"><text>Вечный холод за окном</text><text2>Ты мой повод остаться дома</text2></li>
<li class="plassh" style="background: #956393"><text>I got a two-sided</text><text2>light and dark kind of heartl</text2></li>
<li class="plassh" style="background: #5163a8"><text>I will love you more</text><text2>when it all burns down</text2></li>
<li class="plassh" style="background: #871831"><text>I am the slyly stalking fox</text><text2>I am the bitter bite that locks</text2></li>
<li class="plassh" style="background: #f14136"><text>The first snow</text><text2>is like the first love</text2></li>
<li class="plassh" style="background: #42afab"><text>Winter whispers</text><text2>poetry to the soul</text2></li>
<li class="plassh" style="background: #82a0a3"><text>To keep a warm heart</text><text2>in winter is the real victory</text2></li>
</ul>
</div>
</div>
<div class="shop_container bank_plah shop-plah-400">
<h5 class="bank_header">плашки 400 долларов</h5>
<div class="shop_inner">
<ul class="bank_list">
<li class="plassh" style="background: linear-gradient(120deg, #1b1b1b 0%, #e4db45 100%)">
<text>Любая встреча словно пытка</text><text2>Как ногтями по стеклу</text2>
</li>
<li class="plassh" style="background: linear-gradient(120deg, #456958 0%, #dd9f85 100%)">
<text>Через один понедельник зима</text><text2>Через поцелуй — прощание</text2>
</li>
<li class="plassh" style="background: linear-gradient(120deg, #6e2328 0%, #dbc996 100%)">
<text>Смотрю в потолок и жду чуда</text><text2>И нет никакой дороги отсюда</text2>
</li>
<li class="plassh" style="background: linear-gradient(120deg, #37a65b 0%, #006c84 100%)">
<text>Winter strengthens</text><text2>what summer cannot conquer</text2>
</li>
<li class="plassh" style="background: linear-gradient(120deg, #7d9fae 0%, #c89094 100%)">
<text>Even the strongest blizzards</text><text2>start with a single snowflake</text2>
</li>
<li class="plassh" style="background: linear-gradient(120deg, #b9cc3f 0%, #84ab50 100%)">
<text>My favorite outdoor activity</text><text2>is going back inside</text2>
</li>
<li class="plassh" style="background: linear-gradient(120deg, #8bd8f4 0%, #2e77b9 100%)">
<text>Нас не догонят никогда</text><text2>Всё что мы видим — это сон</text2>
</li>
<li class="plassh" style="background: linear-gradient(120deg, #e94a3e 0%, #6fafea 100%)">
<text>Ты смотришь, а я теряюсь</text><text2>В каждом твоем взгляде навсегда</text2>
</li>
<li class="plassh" style="background: linear-gradient(120deg, #c7608f 0%, #a6be4b 100%)">
<text>Обещания — это весело</text><text2>Особенно чужие</text2>
</li>
<li class="plassh" style="background: linear-gradient(120deg, #e5b6ce 0%, #94a7d0 100%)">
<text>Winter is like a house guest</text><text2>who stays too long
</text2>
</li>
<li class="plassh" style="background: linear-gradient(120deg, #ff7dba 0%, #ffc700 100%)">
<text>Take off my disguise</text><text2>I'm living someone else's life</text2>
</li>
<li class="plassh" style="background: linear-gradient(120deg, #ff57de 0%, #262527 100%)">
<text>Don't deny, I know you can see</text><text2>Me drowning inside from all this misery</text2>
</li>
<li class="plassh" style="background: linear-gradient(120deg, #b1cbe4 0%, #476f98 100%)">
<text>Тьма шепчет твое имя</text><text2>Луна улыбается нам</text2>
</li>
<li class="plassh" style="background: linear-gradient(120deg, #a6a6a6 0%, #292929 100%)">
<text>Моя жизнь как сериал</text><text2>Только без рекламы</text2>
</li>
<li class="plassh" style="background: linear-gradient(120deg, #465a9c 0%, #272b61 100%)">
<text>Ты смотришь, а я теряюсь</text><text2>В каждом твоем взгляде навсегда</text2>
</li>
<li class="plassh" style="background: linear-gradient(120deg, #ff291f 0%, #275aa2 100%)">
<text>I want your safe word,</text><text2>your passive resistance </text2>
</li>
<li class="plassh" style="background: linear-gradient(120deg, #d9c693 0%, #e3b608 100%)">
<text>That weight, all of your eyes</text><text2>How long 'til my next mistake?</text2>
</li>
<li class="plassh" style="background: linear-gradient(120deg, #68b39d 0%, #4e5125 100%)">
<text>Thin lines blurring all the time</text><text2>All of my promises break</text2>
</li>
</ul>
</div>
</div>
<!-- BG section -->
<div class="shop_container shop-bg">
<h5 class="bank_header">фоны 600 долларов</h5>
<div class="shop_inner">
<ul class="bank_list">
<li class="bg-item">
<img src="https://i.postimg.cc/bYsCSLg7/1.png"/>
</li>
<li class="bg-item">
<img src="https://i.postimg.cc/05bWKZZ2/10.png"/>
</li>
<li class="bg-item">
<img src="https://i.postimg.cc/MZvPfttZ/11.png"/>
</li>
<li class="bg-item">
<img src="https://i.postimg.cc/Df8j455w/12.png"/>
</li>
<li class="bg-item">
<img src="https://i.postimg.cc/CMXvGD6g/13.png"/>
</li>
<li class="bg-item">
<img src="https://i.postimg.cc/c12DRY5Z/14.png"/>
</li>
<li class="bg-item">
<img src="https://i.postimg.cc/L4wytf0S/15.png"/>
</li>
<li class="bg-item">
<img src="https://i.postimg.cc/Y2ZX6gyt/16.png"/>
</li>
<li class="bg-item">
<img src="https://i.postimg.cc/MZNs7RrX/17.png"/>
</li>
<li class="bg-item">
<img src="https://i.postimg.cc/WpC9Grfd/18.png"/>
</li>
<li class="bg-item">
<img src="https://i.postimg.cc/h46CLx37/19.png"/>
</li>
<li class="bg-item">
<img src="https://i.postimg.cc/tRYSnDk8/2.png"/>
</li>
<li class="bg-item">
<img src="https://i.postimg.cc/RCyP7fbH/21.png"/>
</li>
<li class="bg-item">
<img src="https://i.postimg.cc/J7vTNJdJ/23.png"/>
</li>
<li class="bg-item">
<img src="https://i.postimg.cc/1R2WG6Yw/24.png"/>
</li>
<li class="bg-item">
<img src="https://i.postimg.cc/jqm8HNky/25.png"/>
</li>
<li class="bg-item">
<img src="https://i.postimg.cc/gcQMVRBy/26.png"/>
</li>
<li class="bg-item">
<img src="https://i.postimg.cc/CMXvGD6H/27.png"/>
</li>
<li class="bg-item">
<img src="https://i.postimg.cc/DfHCrsYc/28.png"/>
</li>
<li class="bg-item">
<img src="https://i.postimg.cc/1R2WG6YH/29.png"/>
</li>
<li class="bg-item">
<img src="https://i.postimg.cc/jqLgnvvV/3.png"/>
</li>
<li class="bg-item">
<img src="https://i.postimg.cc/Kcw9PLsf/30.png"/>
</li>
<li class="bg-item">
<img src="https://i.postimg.cc/8kjKfw4q/4.png"/>
</li>
<li class="bg-item">
<img src="https://i.postimg.cc/05bWKZZq/5.png"/>
</li>
<li class="bg-item">
<img src="https://i.postimg.cc/VsdG0448/6.png"/>
</li>
<li class="bg-item">
<img src="https://i.postimg.cc/RCNsJGGm/7.png"/>
</li>
<li class="bg-item">
<img src="https://i.postimg.cc/qBzb6QQ4/8.png"/>
</li>
<li class="bg-item">
<img src="https://i.postimg.cc/ryKnRgg8/9.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]
