fbpx
  • +387 35 744 203
  • This email address is being protected from spambots. You need JavaScript enabled to view it.
  • Pon-Pet 09:00-19:00, Sub 09:00-16:00

SIERRA 220

SIERRA 220

Ormari

Proizvođač No image set
Boje
Bijela
Rok isporuke
5 dana
Garancija
12 mjeseci
Dostava
Da
Montaža
Da
Materijali
Oplemenjena iverica
Plaćanje
Print

Upoznajte moderni Garderober SIERRA 220 OG u elegantnom opak bijelom dekoru - savršeno rješenje koje kombinira suvremeni dizajn i izvanrednu praktičnost. Unutrašnjost ovog garderobera obuhvaća segmente s policama na lijevom i desnom dijelu, te garderobnu šipku u središnjem dijelu, pružajući idealno organiziranje vaše odjeće i stvari.

Posebni benefit ovog modela je klizni mehanizam koji omogućuje ekonomično korištenje raspoloživog prostora, dok dodatnu praktičnost pruža ogledalo na lijevom kliznom elementu. Uz mogućnost ugradnje usporivača kod kliznog mehanizma, osiguravamo dodatnu sigurnost i funkcionalnost.

Sa Garderoberom SIERRA 220 OG, dobit ćete ne samo atraktivan komad namještaja, već i iznimno praktično rješenje za organizaciju vaše garderobe. Unesite svježinu i funkcionalnost u svoj prostor s ovim izvanrednim garderoberom.


 217,0 cm

 62,5 cm

 210,0 cm

{source}<!-- OVERLAY -->
<div id="cookieOverlay"></div>

<!-- MAIN COOKIE POPUP -->
<div id="cookieBar">
<div class="cookie-box">
<h3>Vaša privatnost. Naš standard.</h3>
<p class="cookie-desc">
Koristimo kolačiće kako bismo osigurali pravilno funkcionisanje web stranice i unaprijedili vaše iskustvo.
</p>

<!-- OPTIONS -->
<div class="cookie-options">
<label class="cookie-option">
<input type="checkbox" id="analyticsCookies">
<span>Kolačići za analitiku</span>
</label>

<label class="cookie-option">
<input type="checkbox" id="targetedCookies">
<span>Ciljani kolačići</span>
</label>
</div>

<!-- ACTIONS -->
<div class="cookie-actions">
<button id="openSettings" class="btn-secondary">Postavke kolačića</button>
<button id="saveChoice" class="btn-secondary">Sačuvaj izbor</button>
<button id="acceptAll" class="btn-primary">Prihvati sve</button>
</div>
</div>
</div>

<!-- SETTINGS PANEL -->
<div id="cookieSettingsPanel">
<div class="settings-inner">
<h3>Centar za željene postavke privatnosti</h3>
<p class="settings-intro">
Ovdje možete detaljno upravljati vrstama kolačića koje dozvoljavate.
</p>

<div class="settings-box">
<label>
<input type="checkbox" id="analyticsSettings">
<strong>Kolačići za analitiku</strong>
</label>
<p>
Omogućuju mjerenje posjeta i ponašanja korisnika kako bismo unaprijedili web stranicu.
</p>

<label>
<input type="checkbox" id="targetedSettings">
<strong>Ciljani kolačići</strong>
</label>
<p>
Koriste se za prikazivanje relevantnih oglasa na osnovu vaših interesa.
</p>

<button id="confirmSettings" class="btn-primary full">Potvrdi moje odabire</button>
<button id="privacyBtn" class="btn-secondary full">Politika privatnosti i kolačića</button>

<div id="privacyText">
<p><strong>Dezen d.o.o.</strong> poštuje GDPR i Zakon o zaštiti ličnih podataka BiH...</p>
<p>Vaši podaci se obrađuju isključivo u poslovne svrhe i uz zakonsku osnovu.</p>
<p>Kontakt: info@dezen.ba</p>
</div>
</div>
</div>
</div>

<style>
/* OVERLAY */
#cookieOverlay {
position: fixed;
inset: 0;
background: rgba(0,0,0,0.65);
z-index: 9998;
display: none;
}

/* MAIN POPUP */
#cookieBar {
position: fixed;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
z-index: 9999;
display: none;
}

.cookie-box {
background: #111;
border: 1px solid #d4af37;
border-radius: 16px;
padding: 22px;
max-width: 480px;
width: 90%;
color: #eee;
text-align: center;
font-family: Arial, sans-serif;
}

.cookie-desc {
font-size: 14px;
color: #ccc;
}

/* OPTIONS */
.cookie-options {
display: flex;
justify-content: center;
gap: 20px;
margin: 18px 0;
flex-wrap: wrap;
}

.cookie-option {
display: flex;
align-items: center;
gap: 8px;
font-size: 14px;
}

/* BUTTONS */
.cookie-actions {
display: flex;
gap: 8px;
justify-content: center;
flex-wrap: wrap;
}

.btn-primary {
background: #d4af37;
color: #111;
border: none;
padding: 10px 14px;
border-radius: 8px;
cursor: pointer;
}

.btn-secondary {
background: #333;
color: #fff;
border: none;
padding: 10px 14px;
border-radius: 8px;
cursor: pointer;
}

.full {
width: 100%;
margin-top: 10px;
}

/* SETTINGS PANEL */
#cookieSettingsPanel {
position: fixed;
top: 0;
right: -100%;
width: 360px;
height: 100%;
background: #111;
color: #eee;
z-index: 10000;
transition: right .4s ease;
padding: 20px;
overflow-y: auto;
}

#cookieSettingsPanel.active {
right: 0;
}

.settings-box {
border: 2px solid #d4af37;
border-radius: 16px;
padding: 16px;
}

.settings-box p {
font-size: 13px;
color: #ccc;
}

#privacyText {
display: none;
font-size: 13px;
margin-top: 10px;
}

/* MOBILE FIX */
@media (max-width: 480px) {
.cookie-options {
flex-direction: column;
align-items: flex-start;
}

.cookie-actions button {
width: 100%;
}

#cookieSettingsPanel {
width: 90%;
}
}
</style>

<script>
document.addEventListener("DOMContentLoaded", function () {
const bar = document.getElementById("cookieBar");
const overlay = document.getElementById("cookieOverlay");

const acceptAll = document.getElementById("acceptAll");
const saveChoice = document.getElementById("saveChoice");
const openSettings = document.getElementById("openSettings");

const analytics = document.getElementById("analyticsCookies");
const targeted = document.getElementById("targetedCookies");

const panel = document.getElementById("cookieSettingsPanel");
const analyticsSet = document.getElementById("analyticsSettings");
const targetedSet = document.getElementById("targetedSettings");
const confirm = document.getElementById("confirmSettings");

const privacyBtn = document.getElementById("privacyBtn");
const privacyText = document.getElementById("privacyText");

const stored = localStorage.getItem("cookieConsent");

if (!stored) {
bar.style.display = "flex";
overlay.style.display = "block";
}

function save(choice) {
localStorage.setItem("cookieConsent", JSON.stringify(choice));
bar.style.display = "none";
overlay.style.display = "none";
panel.classList.remove("active");
}

acceptAll.onclick = () => save({analytics:true, targeted:true});
saveChoice.onclick = () => save({analytics:analytics.checked, targeted:targeted.checked});
openSettings.onclick = () => panel.classList.add("active");
confirm.onclick = () => save({analytics:analyticsSet.checked, targeted:targetedSet.checked});

privacyBtn.onclick = () => {
privacyText.style.display = privacyText.style.display === "block" ? "none" : "block";
};
});
</script>
{/source}

{source}<style>
#chat-widget-container{
position:fixed;
bottom:20px;
left:50%;
transform:translateX(-50%) translateY(50px); /* centrirano + inicijalno pomaknuto dolje */
display:flex;
flex-direction:column;
align-items:center;
z-index:9999;
opacity:0;
transition:all 0.6s ease-out;
}

/* Tekst iznad kružića */
#chat-widget-text{
font-size:14px;
background:white;
padding:6px 12px;
border-radius:15px;
box-shadow:0 3px 10px rgba(0,0,0,0.2);
margin-bottom:8px;
font-family:Arial,sans-serif;
text-align:center;
}

/* Container za horizontalne kružiće */
#chat-buttons-container{
display:flex;
gap:12px;
}

/* Kružići za chat */
.chat-button{
width:55px;
height:55px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
box-shadow:0 5px 15px rgba(0,0,0,0.3);
transition:all 0.3s ease;
animation:pulse 2s infinite;
}

.chat-button:hover{
transform:scale(1.1);
box-shadow:0 8px 20px rgba(0,0,0,0.4);
}

.chat-button svg{
width:28px;
height:28px;
fill:white;
}

#whatsapp-btn{background:#25D366;}
#messenger-btn{background:#0084FF;}
#viber-btn{background:#59267C;}

/* pulse animacija */
@keyframes pulse{
0%{box-shadow:0 0 0 0 rgba(0,0,0,0.3);}
70%{box-shadow:0 0 0 15px rgba(0,0,0,0);}
100%{box-shadow:0 0 0 0 rgba(0,0,0,0);}
}

/* responsive */
@media(max-width:768px){
#chat-widget-text{display:none;}
.chat-button{width:50px;height:50px;}
}
</style>

<div id="chat-widget-container">

<div id="chat-widget-text">💬 Pošalji nam poruku...</div>

<div id="chat-buttons-container">
<div id="whatsapp-btn" class="chat-button" onclick="openWhatsApp()">
<svg viewBox="0 0 32 32">
<path d="M19.11 17.36c-.3-.15-1.77-.87-2.05-.97-.27-.1-.47-.15-.66.15-.2.3-.76.97-.94 1.17-.17.2-.35.22-.65.07-.3-.15-1.25-.46-2.38-1.47-.88-.78-1.47-1.74-1.64-2.04-.17-.3-.02-.46.13-.6.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.07-.15-.66-1.6-.9-2.2-.24-.58-.48-.5-.66-.5h-.56c-.2 0-.52.07-.8.37-.27.3-1.05 1.03-1.05 2.5s1.08 2.88 1.23 3.08c.15.2 2.12 3.24 5.13 4.54.72.31 1.28.5 1.72.64.72.23 1.37.2 1.88.12.57-.08 1.77-.72 2.02-1.41.25-.7.25-1.3.17-1.41-.07-.12-.27-.2-.57-.35zM16 3C8.83 3 3 8.82 3 16c0 2.82.92 5.42 2.47 7.52L3.4 29l5.65-2.02A12.9 12.9 0 0016 29c7.17 0 13-5.82 13-13S23.17 3 16 3z"/>
</svg>
</div>

<div id="messenger-btn" class="chat-button" onclick="openMessenger()">
<svg viewBox="0 0 24 24">
<path d="M12 2C6.48 2 2 6.02 2 11c0 2.64 1.28 5.01 3.33 6.65V22l3.95-2.17c.87.24 1.78.37 2.72.37 5.52 0 10-4.02 10-9s-4.48-9-10-9zm1.02 12.91l-2.54-2.71-4.96 2.71 5.46-5.8 2.56 2.71 4.94-2.71-5.46 5.8z"/>
</svg>
</div>

<div id="viber-btn" class="chat-button" onclick="openViber()">
<svg viewBox="0 0 32 32">
<path d="M16 3C8.82 3 3 8.82 3 16c0 7.18 5.82 13 13 13 7.18 0 13-5.82 13-13C29 8.82 23.18 3 16 3zm0 22.5c-5.25 0-9.5-4.25-9.5-9.5S10.75 6.5 16 6.5 25.5 10.75 25.5 16 21.25 25.5 16 25.5z"/>
</svg>
</div>
</div>

</div>

<script>
function openWhatsApp(){
window.open('https://wa.me/38763399918?text=Pozdrav%20zanima%20me%20ponuda','_blank','noopener,noreferrer');
}
function openMessenger(){
window.open('https://www.messenger.com/t/393810020711817','_blank','noopener,noreferrer');
}
function openViber(){
window.open('viber://chat?number=%2B38763399918','_blank','noopener,noreferrer');
}

// Funkcija za “isplivavanje” widgeta kad korisnik scrolla
window.addEventListener('scroll', function(){
const widget = document.getElementById('chat-widget-container');
if(window.scrollY > 100){
widget.style.opacity = '1';
widget.style.transform = 'translateX(-50%) translateY(0)';
} else {
widget.style.opacity = '0';
widget.style.transform = 'translateX(-50%) translateY(50px)';
}
});
</script>
{/source}