
.sivana-catalog-wrap{--red:#e52b31;--dark:#171717;--muted:#6b6b6b;max-width:1500px;margin:0 auto;font-family:Arial,Helvetica,sans-serif}
.sivana-catalog-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;background:#171717;color:#fff;border-radius:14px 14px 0 0}
.sivana-catalog-brand{display:flex;align-items:center;gap:11px}.sivana-catalog-bar{width:10px;height:38px;background:var(--red);border-radius:2px}
.sivana-catalog-brand strong{display:block;font-size:17px}.sivana-catalog-brand span{display:block;color:#aaa;font-size:12px;margin-top:2px}
.sivana-catalog-actions{display:flex;gap:8px;flex-wrap:wrap}
.sivana-catalog-actions button,.sivana-catalog-actions a{border:1px solid #3b3b3b;background:#242424;color:#fff;padding:9px 12px;border-radius:9px;text-decoration:none;font-weight:700;font-size:13px;cursor:pointer}
.sivana-catalog-actions a{background:var(--red);border-color:var(--red)}
.sivana-catalog-grid{display:grid;grid-template-columns:1fr 175px;gap:14px;background:#111;padding:14px;border-radius:0 0 14px 14px}
.sivana-catalog-stage{min-height:760px;background:radial-gradient(circle at center,#303030 0,#171717 66%,#111 100%);border-radius:12px;position:relative;display:flex;align-items:center;justify-content:center;padding:18px;overflow:hidden}
.sivana-flipbook{box-shadow:0 22px 60px rgba(0,0,0,.4)}
.sivana-page{background:#fff;overflow:hidden}.sivana-page img{width:100%;height:100%;object-fit:contain;display:block;background:#fff}
.sivana-catalog-nav{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;z-index:9}
.sivana-catalog-nav button{border:1px solid #444;background:rgba(0,0,0,.78);color:#fff;padding:9px 12px;border-radius:9px;cursor:pointer}
.sivana-catalog-counter{min-width:76px;text-align:center;background:rgba(0,0,0,.78);padding:9px 10px;border-radius:9px;color:#fff;font-size:13px}
.sivana-catalog-thumbs{height:760px;overflow:auto;background:#181818;border-radius:12px;padding:10px}
.sivana-thumb{display:block;width:100%;border:2px solid transparent;background:#fff;border-radius:7px;margin:0 0 9px;padding:0;overflow:hidden;cursor:pointer}.sivana-thumb.active{border-color:var(--red)}
.sivana-thumb img{width:100%;display:block}
.sivana-catalog-contact{margin-top:14px;background:#f5f5f5;color:#171717;padding:17px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:15px}
.sivana-catalog-contact h3{margin:0 0 4px;font-size:19px}.sivana-catalog-contact p{margin:0;color:#666;font-size:14px}
.sivana-catalog-contact a{background:var(--red);color:#fff;text-decoration:none;padding:10px 13px;border-radius:9px;font-weight:700;white-space:nowrap}
@media(max-width:900px){
  .sivana-catalog-grid{grid-template-columns:1fr;padding:8px}
  .sivana-catalog-thumbs{display:none}
  .sivana-catalog-stage{min-height:620px;padding:6px;border-radius:8px}
  .sivana-catalog-brand span{display:none}
  .sivana-catalog-actions .sivana-hide-mobile{display:none}
  .sivana-catalog-contact{flex-direction:column;align-items:flex-start}
}

.sivana-contact-buttons{display:flex;gap:8px;flex-wrap:wrap}
.sivana-catalog-actions .sivana-mail-btn,
.sivana-catalog-contact .sivana-mail-btn{background:var(--red);color:#fff;border-color:var(--red)}
.sivana-catalog-actions .sivana-phone-btn,
.sivana-catalog-contact .sivana-phone-btn{background:#171717;color:#fff;border-color:#171717}
.sivana-catalog-contact .sivana-contact-buttons a{display:inline-flex;align-items:center;justify-content:center}

/* V1.2 – full width / večji katalog */
.sivana-catalog-wrap{
  width:100vw !important;
  max-width:none !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
}
.sivana-catalog-grid{
  grid-template-columns:minmax(0,1fr) 145px !important;
  gap:10px !important;
  padding:10px !important;
}
.sivana-catalog-stage{
  min-height:calc(100vh - 150px) !important;
  height:calc(100vh - 150px) !important;
  border-radius:0 !important;
  padding:8px !important;
}
.sivana-catalog-thumbs{
  height:calc(100vh - 150px) !important;
}
.sivana-catalog-top{
  border-radius:0 !important;
  padding-left:24px !important;
  padding-right:24px !important;
}
.sivana-catalog-contact{
  border-radius:0 !important;
  margin-top:0 !important;
  padding-left:24px !important;
  padding-right:24px !important;
}
@media(max-width:900px){
  .sivana-catalog-wrap{
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
  .sivana-catalog-stage{
    height:auto !important;
    min-height:72vh !important;
  }
}

/* V1.3 – večji desktop prikaz, brez miniatur + barvne ikone */
.sivana-catalog-grid{
  grid-template-columns:1fr !important;
}
.sivana-catalog-thumbs{
  display:none !important;
}
.sivana-catalog-stage{
  min-height:calc(100vh - 185px) !important;
  height:calc(100vh - 185px) !important;
  padding:10px 16px 56px !important;
}
.sivana-color-info{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  padding:10px 24px;
  background:#f5f5f5;
  border-top:1px solid #dedede;
  border-bottom:1px solid #dedede;
  color:#171717;
}
.sivana-color-title{
  font-size:12px;
  font-weight:800;
  letter-spacing:.5px;
}
.sivana-color-swatches{
  display:flex;
  gap:7px;
  align-items:center;
}
.sivana-color-swatches .swatch{
  display:inline-block;
  width:20px;
  height:20px;
  border-radius:50%;
  border:2px solid #fff;
  box-shadow:0 0 0 1px #bbb;
}
.sw-black{background:#151515}
.sw-white{background:#fff}
.sw-navy{background:#142b4c}
.sw-blue{background:#2468c9}
.sw-red{background:#d72d33}
.sw-grey{background:#818181}
.sw-green{background:#4e8647}
.sw-yellow{background:#e1b92f}
.sivana-color-note{
  font-size:12px;
  color:#666;
}
@media(min-width:901px){
  .sivana-flipbook{
    width:min(92vw,1500px) !important;
  }
}
@media(max-width:900px){
  .sivana-color-info{
    padding:9px 12px;
    gap:8px;
  }
  .sivana-color-note{
    width:100%;
  }
  .sivana-catalog-stage{
    min-height:74vh !important;
    height:auto !important;
    padding:4px 4px 52px !important;
  }
  .sivana-color-swatches .swatch{
    width:18px;
    height:18px;
  }
}
