(function () {
const ID = 'cbs-cart-float-left';
if (document.getElementById(ID)) return;
const root = document.createElement('div');
root.id = ID;
document.body.appendChild(root);
const style = document.createElement('style');
style.textContent = `
#cbs-cart-float-left{
position:fixed;
right:1.5rem;
bottom:3rem;
z-index:9999;
}
@media (min-width: 1024px){
#cbs-cart-float-left{
right:3rem;
bottom:6rem;
}
}
#cbs-cart-float-left.hidden{
display:none;
}
#cbs-cart-float-left .btn{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
width:88px;
height:88px;
padding:10px;
color:#fff;
border-radius:18px;
cursor:pointer;
background:rgba(0,0,0,0.55);
backdrop-filter:blur(14px);
-webkit-backdrop-filter:blur(14px);
border:1px solid rgba(255,255,255,0.15);
box-shadow:
0 10px 30px rgba(0,0,0,0.35),
inset 0 1px 0 rgba(255,255,255,0.08);
transition:transform .2s ease, box-shadow .2s ease;
}
#cbs-cart-float-left .btn:hover{
transform:scale(1.05);
box-shadow:
0 14px 40px rgba(0,0,0,0.45),
inset 0 1px 0 rgba(255,255,255,0.12);
}
#cbs-cart-float-left .icon{
display:flex;
align-items:center;
justify-content:center;
margin-bottom:6px;
}
#cbs-cart-float-left svg{
width:32px;
height:32px;
display:block;
}
#cbs-cart-float-left .price{
font-size:15px;
line-height:1;
font-weight:700;
letter-spacing:0.2px;
white-space:nowrap;
}
`;
document.head.appendChild(style);
const price = v => (v || 0).toString() + ' ₽';
const getCart = () => {
try {
return JSON.parse(localStorage.getItem('cbs_cart')) || { items:{} };
} catch {
return { items:{} };
}
};
const render = () => {
const cart = getCart();
const items = Object.values(cart.items || {});
const total = items.reduce((s, i) => s + (i.amount || 0), 0);
if (!items.length || total <= 0) {
root.classList.add('hidden');
return;
}
root.classList.remove('hidden');
root.innerHTML = `
<div class="btn">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round"
d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z"/>
</svg>
</div>
<div class="price">${price(total)}</div>
</div>
`;
root.querySelector('.btn').onclick = () => {
const target = document.querySelector('#cbs-header-cta-btn');
if (target) target.click();
};
};
window.addEventListener('cbs-cart-updated', render);
render();
})();
Каталог подарков
Банка для сыпучих "Бабочки" Представляем вам уникальную банку для сыпучих "Бабочки" – деликатный акцент, который подчеркнет ваш безупречный вкус и внимание к деталям.
Эта баночка, выполненная из чистой меди, является лимитированной частью нашей коллекции эксклюзивных аксессуаров. Каждый экземпляр обладает неповторимым характером благодаря ручной работе мастеров.
Материал: Чистая медь
Производство: Ручная работа
Идеально подходит для сервировки деликатесов и специй
Позвольте себе насладиться роскошью и изысканностью. Банка "Бабочка" – это не просто предмет интерьера, а символ вашего статуса и безупречного вкуса. Прекрасный подарок для истинных ценителей.
(function () {
const KEY = 'pdk_cookie_consent_v1';
if (localStorage.getItem(KEY) === '1') return;
const root = document.createElement('div');
root.id = 'pdk-cookie';
document.body.appendChild(root);
const style = document.createElement('style');
style.textContent = `
#pdk-cookie{
position:fixed;
left:50%;
transform:translateX(-50%);
bottom:20px;
z-index:9999;
width:calc(100% - 32px);
max-width:640px;
font-family:inherit;
}
#pdk-cookie .box{
background:rgba(0,0,0,0.75);
backdrop-filter:blur(16px);
-webkit-backdrop-filter:blur(16px);
border:1px solid rgba(255,255,255,0.15);
border-radius:16px;
padding:18px 18px 16px;
color:#fff;
box-shadow:
0 20px 60px rgba(0,0,0,0.45),
inset 0 1px 0 rgba(255,255,255,0.06);
display:flex;
gap:16px;
align-items:center;
justify-content:space-between;
}
#pdk-cookie .text{
font-size:14px;
line-height:1.45;
color:rgba(255,255,255,0.9);
}
#pdk-cookie .text a{
color:#f5c15d;
text-decoration:none;
border-bottom:1px solid rgba(245,193,93,0.4);
}
#pdk-cookie .text a:hover{
border-bottom-color:#f5c15d;
}
#pdk-cookie button{
background:#f5a623;
color:#000;
border:none;
border-radius:10px;
padding:10px 16px;
font-weight:600;
cursor:pointer;
white-space:nowrap;
transition:all .2s ease;
}
#pdk-cookie button:hover{
transform:translateY(-1px);
box-shadow:0 6px 20px rgba(0,0,0,0.35);
}
@media (max-width:640px){
#pdk-cookie .box{
flex-direction:column;
align-items:flex-start;
}
#pdk-cookie button{
width:100%;
margin-top:6px;
}
}
`;
document.head.appendChild(style);
root.innerHTML = `
<div class="box">
<div class="text">
Мы используем файлы cookie для улучшения работы сайта и анализа трафика.
Продолжая пользоваться сайтом, вы соглашаетесь с
<a href="/politika-konfidencialnosti/">политикой конфиденциальности</a>.
</div>
<button>Принять</button>
</div>
`;
root.querySelector('button').onclick = () => {
localStorage.setItem(KEY, '1');
root.remove();
};
})();