body.pec-site-edit-mode{ padding-top:calc(var(--pec-toolbar-h, 92px) + 14px); }
.pec-edit-toolbar{
  position:fixed; top:0; left:0; right:0; z-index:9998;
  background:rgba(10,12,16,.96); color:#fff; border-bottom:1px solid rgba(255,255,255,.18);
  backdrop-filter:blur(10px); padding:12px 16px; display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;
  font-family:Inter,Arial,sans-serif;
}
.pec-edit-toolbar .left,.pec-edit-toolbar .right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pec-edit-toolbar b{font-size:14px}.pec-edit-toolbar span{font-size:12px;color:rgba(255,255,255,.72)}
.pec-edit-toolbar input{width:140px; border:1px solid rgba(255,255,255,.22)!important; background:#111!important; color:#fff!important; border-radius:12px!important; padding:9px 11px!important}
.pec-edit-btn{
  border:1px solid rgba(255,255,255,.22); background:#fff; color:#111; border-radius:999px;
  padding:10px 14px; cursor:pointer; font:700 13px/1 Inter,Arial,sans-serif; white-space:nowrap;
}
.pec-edit-btn.primary{background:#FFD400;border-color:#FFD400}
.pec-edit-btn.dark{background:#111;color:#fff}
.pec-edit-btn.warn{background:#482310;color:#ffe7c0;border-color:rgba(255,196,0,.35)}
.pec-edit-btn.danger{background:#452129;color:#ffd3d3;border-color:rgba(255,100,100,.35)}
.pec-edit-msg{font-size:12px!important;min-height:16px}
[data-edit-key].pec-inline-edit{
  outline:2px dashed rgba(255,212,0,.9); outline-offset:5px; cursor:text; border-radius:6px;
  transition:outline-color .15s ease, background .15s ease;
}
[data-edit-key].pec-inline-edit:focus{background:rgba(255,212,0,.18);outline-style:solid}
.pec-edit-badge{
  position:absolute; z-index:5; top:10px; right:10px; border:1px solid rgba(0,0,0,.18);
  background:#FFD400; color:#000; border-radius:999px; font:700 12px/1 Inter,Arial,sans-serif; padding:8px 10px; cursor:pointer;
}
/* Editor obrubi postoje samo u vizuelnom edit-modu, nikad na javnom sajtu. */
body.pec-site-edit-mode .ph[data-hero-media-index],
body.pec-site-edit-mode .cms-card[data-cms-index],
body.pec-site-edit-mode .card[data-program-product-id]{position:relative}
body.pec-site-edit-mode .ph[data-hero-media-index]::before,
body.pec-site-edit-mode .cms-card[data-cms-index]::before,
body.pec-site-edit-mode .card[data-program-product-id]::before{
  content:""; position:absolute; inset:0; border:2px dashed rgba(255,212,0,.75); border-radius:inherit; pointer-events:none; z-index:2;
}
.pec-card-tools{
  position:absolute; z-index:7; top:10px; right:10px; display:flex; gap:6px; flex-wrap:wrap;
}
.pec-card-tools button{
  border:1px solid rgba(0,0,0,.18); background:#FFD400; color:#000; border-radius:999px; font:700 11px/1 Inter,Arial,sans-serif; padding:8px 9px; cursor:pointer;
}
.pec-sidepanel{
  position:fixed; z-index:9999; top:calc(var(--pec-toolbar-h, 92px) + 14px); right:14px; bottom:14px; width:min(430px,calc(100vw - 28px));
  background:#11151b; color:#f3f4f6; border:1px solid rgba(255,255,255,.18); border-radius:22px;
  box-shadow:0 24px 90px rgba(0,0,0,.42); overflow:auto; display:none; font-family:Inter,Arial,sans-serif;
}
.pec-sidepanel.show{display:block}
.pec-sidepanel .head{position:sticky;top:0;background:#11151b;border-bottom:1px solid rgba(255,255,255,.12);padding:16px;display:flex;justify-content:space-between;gap:12px;align-items:center;z-index:2}
.pec-sidepanel .body{padding:16px;display:grid;gap:12px}
.pec-sidepanel h2{font-size:20px;margin:0;color:#fff}
.pec-sidepanel label{display:block;color:#b8c0cc;font-size:12px;margin-bottom:6px}
.pec-sidepanel input,.pec-sidepanel textarea,.pec-sidepanel select{
  width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.16)!important;background:#0b0e13!important;color:#fff!important;border-radius:13px!important;padding:11px!important;font:inherit!important
}
.pec-sidepanel textarea{min-height:92px;resize:vertical}
.pec-sidepanel .row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pec-sidepanel .stack{display:grid;gap:10px}
.pec-sidepanel .note{border-left:4px solid #FFD400;background:rgba(255,212,0,.08);padding:10px 12px;border-radius:12px;color:#ffeab0;font-size:12px}
.pec-sidepanel .actions{display:flex;gap:8px;flex-wrap:wrap}
.pec-mini-media{border:1px solid rgba(255,255,255,.14);border-radius:14px;overflow:hidden;background:#0b0e13;min-height:100px;display:grid;place-items:center;color:#b8c0cc;font-size:12px}
.pec-mini-media img,.pec-mini-media video{width:100%;max-height:220px;object-fit:cover;display:block}
.pec-drawer-overlay{position:fixed;z-index:9997;inset:0;background:rgba(0,0,0,.20);display:none}
.pec-drawer-overlay.show{display:block}
.pec-addmenu{
  position:fixed; z-index:9999; left:16px; top:calc(var(--pec-toolbar-h, 92px) + 14px); width:min(360px,calc(100vw - 32px));
  background:#11151b;color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:14px;display:none;box-shadow:0 24px 90px rgba(0,0,0,.42);font-family:Inter,Arial,sans-serif;
}
.pec-addmenu.show{display:block}
.pec-addmenu h3{margin:0 0 10px;font-size:16px}.pec-addmenu .grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pec-addmenu button{border:1px solid rgba(255,255,255,.18);background:#fff;color:#111;border-radius:14px;padding:12px;font-weight:700;cursor:pointer}
.pec-live-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.18);padding:7px 10px;border-radius:999px}
.pec-live-dot{width:8px;height:8px;border-radius:999px;background:#FFD400}
@media(max-width:780px){
  .pec-sidepanel .row{grid-template-columns:1fr}
}
.pec-icon-slot-edit{ outline:2px dashed rgba(255,212,0,.88); outline-offset:4px; border-radius:8px; }
.pec-icon-badge{
  position:absolute; z-index:8; top:-10px; right:-10px; border:1px solid rgba(0,0,0,.18);
  background:#FFD400; color:#000; border-radius:999px; font:700 10px/1 Inter,Arial,sans-serif; padding:6px 8px; cursor:pointer;
}
.pec-site-edit-mode #cartDrawer.show{ z-index:9996; }
.pec-site-edit-mode #cartDrawer.show .panel{ border:3px solid rgba(255,212,0,.72); }
.pec-hero-gallery-add{
  grid-column:1/-1;
  border:2px dashed rgba(255,212,0,.88);
  background:rgba(255,212,0,.10);
  color:#111;
  border-radius:16px;
  min-height:54px;
  padding:12px;
  font:800 13px/1.2 Inter,Arial,sans-serif;
  cursor:pointer;
}
.pec-hero-gallery-add:hover{ background:rgba(255,212,0,.18); }
.pec-hero-row{
  display:grid;
  gap:8px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.04);
  border-radius:16px;
  padding:12px;
}
.pec-hero-row b{ color:#fff; font-size:14px; }
.pec-hero-row span{ color:#b8c0cc; font-size:12px; text-transform:uppercase; letter-spacing:.05em; }

.pec-brand-block-edit{position:relative;outline:2px dashed rgba(255,212,0,.88);outline-offset:8px;border-radius:14px}
.pec-brand-badge{
  position:absolute;z-index:9;top:-14px;right:-12px;border:1px solid rgba(0,0,0,.18);
  background:#FFD400;color:#000;border-radius:999px;font:800 10px/1 Inter,Arial,sans-serif;padding:7px 9px;cursor:pointer;
}
.pec-brand-logo-card{display:grid;gap:6px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);border-radius:16px;padding:12px}
.pec-brand-logo-card b{color:#fff;font-size:14px}.pec-brand-logo-card span{color:#b8c0cc;font-size:12px}

/* v7.3 editor fixes: header access, readable delivery cards, multiline contact hours */
.pec-site-edit-mode .topbar{
  position: relative !important;
  top: auto !important;
  z-index: 20 !important;
}
.pec-site-edit-mode #contactHoursText{
  white-space: pre-line;
  display:block;
  line-height:1.55;
}
.pec-site-edit-mode #dostava{ padding-top:36px; }
.pec-site-edit-mode #dostava .hgroup{ margin-bottom:12px; }
.pec-site-edit-mode #dostava .calc{
  color: var(--ink);
  background: rgba(255,255,255,.94);
}
.pec-site-edit-mode #dostava .calc h4,
.pec-site-edit-mode #dostava .calc p,
.pec-site-edit-mode #dostava .calc label,
.pec-site-edit-mode #dostava .calc .muted,
.pec-site-edit-mode #dostava .calc span{
  color: var(--ink) !important;
}
.pec-site-edit-mode #dostava .summary .muted{ opacity:.78; }
.pec-site-edit-mode .contact .c span{ white-space:pre-line; }
.pec-site-edit-mode .brand{ min-width:260px; }