/* B5: napomena o cenama (traka na dnu) i napomena kod cene proizvoda */
.vb-notice{position:fixed;left:0;right:0;bottom:0;z-index:60;background:#2a2150;color:#ece8ff;box-shadow:0 -8px 24px rgba(20,16,40,.18)}
.vb-notice[hidden]{display:none}
.vb-notice-in{display:flex;align-items:center;gap:14px;padding-top:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom))}
.vb-notice-ic{flex:0 0 auto;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.1);color:#cfc3ff}
.vb-notice-ic svg{width:18px;height:18px}
.vb-notice p{flex:1;margin:0;font-size:var(--fs-sm);line-height:1.5}
.vb-notice-btn{flex:0 0 auto;padding:8px 14px;border-radius:999px;background:#fff;color:#2a2150;font-weight:600;font-size:var(--fs-sm);text-decoration:none;white-space:nowrap}
.vb-notice-btn:hover{background:#ece8ff}
.vb-notice-x{flex:0 0 auto;display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:none;color:#fff;cursor:pointer}
.vb-notice-x:hover{background:rgba(255,255,255,.1)}
.vb-notice-x svg{width:18px;height:18px}
html.has-vb-notice body{padding-bottom:var(--vb-notice-h,64px)}
@media (max-width:760px){
    .vb-notice-in{gap:10px;padding-top:10px}
    .vb-notice-ic,.vb-notice-btn{display:none}
    .vb-notice p{font-size:12.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}
    .vb-notice.is-open p{display:block}
    .vb-notice-x{width:32px;height:32px}
    /* iznad trake "Brzi kontakt" na proizvodu i uslugama */
    body:has(.vb-mobile-bar) .vb-notice{bottom:calc(72px + env(safe-area-inset-bottom))}
    html.has-vb-notice body:has(.vb-mobile-bar){padding-bottom:calc(var(--vb-notice-h,64px) + 72px)}
}
@media print{.vb-notice{display:none}}
.vb-price-note{display:flex;gap:8px;align-items:flex-start;margin:10px 0 0;color:var(--muted);font-size:var(--fs-xs);line-height:1.45}
.vb-price-note svg{flex:0 0 auto;width:16px;height:16px;margin-top:1px}