.path-editor-panel {
  position: fixed;
  top: 72px;
  right: 12px;
  z-index: 99999;
  width: min(320px, calc(100vw - 24px));
  max-height: calc(100vh - 88px);
  overflow: auto;
  background: rgba(12, 18, 28, 0.96);
  color: #f2f5fa;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 12px;
  padding: 14px;
  font: 13px/1.45 'Open Sans', sans-serif;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.45);
}

.path-editor-panel h3 { margin: 0 0 6px; font-size: 15px; }
.path-editor-hint { margin: 0 0 12px; color: #a8b4c7; font-size: 12px; }
.path-editor-steps { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 6px; margin-bottom: 12px; }
.pe-step { border: 1px solid rgba(255,255,255,0.18); background: rgba(255,255,255,0.06); color: #fff; border-radius: 8px; padding: 8px 6px; font: 600 11px/1.2 'Open Sans', sans-serif; cursor: pointer; }
.pe-step.is-active { background: #c0392b; border-color: #c0392b; }
.path-editor-row { margin-bottom: 12px; }
.path-editor-row small { color: #a8b4c7; line-height: 1.5; }
.path-editor-panel label { display: flex; align-items: center; gap: 8px; margin: 6px 0; cursor: pointer; flex-wrap: wrap; }
.path-editor-panel input[type='range'] { width: 100%; }
.path-editor-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.path-editor-actions button { flex: 1 1 calc(50% - 6px); border: 0; border-radius: 8px; padding: 9px 10px; font: 600 12px/1 'Open Sans', sans-serif; cursor: pointer; }
.btn-primary { background: #c0392b; color: #fff; }
.btn-secondary { background: rgba(255, 255, 255, 0.12); color: #fff; }
.path-editor-advanced { margin-top: 12px; }
.path-editor-advanced summary { cursor: pointer; color: #a8b4c7; font-size: 12px; }
.path-editor-json { width: 100%; min-height: 100px; margin: 8px 0; border-radius: 8px; border: 1px solid rgba(255,255,255,0.15); background: rgba(0,0,0,0.35); color: #dce6f5; font: 11px/1.4 monospace; padding: 8px; }
.path-editor-blue-line { position: fixed; left: 0; right: 0; height: 2px; background: rgba(79,195,247,0.85); pointer-events: none; z-index: 99989; }
.path-editor-toggle { position: fixed; bottom: 80px; left: 24px; z-index: 99998; border: 0; border-radius: 999px; padding: 10px 14px; background: #c0392b; color: #fff; font: 700 12px/1 'Open Sans', sans-serif; cursor: pointer; box-shadow: 0 8px 24px rgba(0,0,0,0.35); }
.gingham-editor-toggle { position: fixed; bottom: 140px; left: 12px; z-index: 99998; border: 0; border-radius: 999px; padding: 10px 14px; background: #1e4d2b; color: #fff; font: 700 12px/1 'Open Sans', sans-serif; cursor: pointer; box-shadow: 0 8px 24px rgba(0,0,0,0.35); }
.slide2-art-editor-toggle { position: fixed; bottom: 136px; left: 24px; z-index: 99998; border: 0; border-radius: 999px; padding: 10px 14px; background: #5c4f42; color: #fff; font: 700 12px/1 'Open Sans', sans-serif; cursor: pointer; box-shadow: 0 8px 24px rgba(0,0,0,0.35); }
.nav-logo-editor-toggle { position: fixed; bottom: 244px; left: 12px; z-index: 99998; border: 0; border-radius: 999px; padding: 10px 14px; background: #8b3a2f; color: #fff; font: 700 12px/1 'Open Sans', sans-serif; cursor: pointer; box-shadow: 0 8px 24px rgba(0,0,0,0.35); }
.hero-photo-editor-toggle { position: fixed; bottom: 24px; left: 24px; z-index: 99998; border: 0; border-radius: 999px; padding: 12px 18px; background: var(--color-red, #c1272d); color: #fff; font: 700 13px/1 'Open Sans', sans-serif; cursor: pointer; box-shadow: 0 8px 24px rgba(0,0,0,0.35); }
.hero-photo-editor-panel { top: 72px; right: 12px; left: auto; }

body.hero-photo-editor-active .hero-pizza-layer,
body.hero-photo-editor-active .hero-food-wrap {
  pointer-events: none;
  z-index: 40;
}

body.hero-photo-editor-active .hero-pizza-group,
body.hero-photo-editor-active .hero-peel-group {
  pointer-events: auto;
  cursor: grab;
  touch-action: none;
}

body.hero-photo-editor-active .hero-pizza-group {
  outline: 2px dashed rgba(193, 39, 45, 0.75);
  outline-offset: 4px;
}

body.hero-photo-editor-active .hero-peel-group {
  outline: 2px dashed rgba(252, 186, 3, 0.9);
  outline-offset: 4px;
}

body.hero-photo-editor-active .hero-pizza-group.is-dragging,
body.hero-photo-editor-active .hero-pizza-layer.is-dragging .hero-pizza-group,
body.hero-photo-editor-active .hero-peel-group.is-dragging {
  cursor: grabbing;
}

body.hero-photo-editor-active header.jumbotron {
  cursor: crosshair;
}

body.hero-photo-editor-active header.jumbotron.is-dragging-bg {
  outline: 2px dashed rgba(79, 195, 247, 0.85);
  outline-offset: -4px;
}

body.hero-photo-editor-active .hero-flames__mouth {
  pointer-events: auto;
  cursor: grab;
  outline: 2px dashed rgba(230, 122, 34, 0.95);
  outline-offset: 2px;
}

body.hero-photo-editor-active .hero-flames__mouth.is-dragging {
  cursor: grabbing;
}

body.hero-photo-editor-active .hero-flames__handle {
  display: block;
}
.paper-tear-editor-toggle {
  position: fixed;
  bottom: 248px;
  left: 24px;
  z-index: 99998;
  border: 0;
  border-radius: 999px;
  padding: 12px 18px;
  background: #1e4d2b;
  color: #fff;
  font: 700 13px/1 'Open Sans', sans-serif;
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

.paper-tear-handle {
  display: none;
  position: absolute;
  z-index: 40;
  background: rgba(193, 39, 45, 0.18);
  box-shadow: inset 0 0 0 2px rgba(193, 39, 45, 0.9);
  pointer-events: auto;
  touch-action: none;
}

.paper-tear-handle--nav {
  left: 0;
  right: 0;
  bottom: 0;
  height: 16px;
  cursor: ns-resize;
  background: rgba(79, 195, 247, 0.22);
  box-shadow: inset 0 0 0 2px rgba(79, 195, 247, 0.95);
}

.paper-tear-handle--bottom {
  left: 0;
  right: 0;
  bottom: 0;
  height: 18px;
  cursor: ns-resize;
}

.paper-tear-handle--slide2 {
  left: 0;
  right: 0;
  height: 22px;
  cursor: ns-resize;
  background: rgba(30, 77, 43, 0.28);
  box-shadow: inset 0 0 0 2px rgba(30, 77, 43, 0.95);
}

.paper-tear-handle--slide3 {
  left: 0;
  right: 0;
  height: 28px;
  cursor: ns-resize;
  background: rgba(232, 120, 40, 0.38);
  box-shadow: inset 0 0 0 2px rgba(232, 120, 40, 0.95);
}

.paper-tear-handle--slide3tear,
.paper-tear-handle--slide4tear,
.paper-tear-handle--slide5tear {
  left: 0;
  right: 0;
  height: 18px;
  cursor: ns-resize;
  background: rgba(252, 186, 3, 0.4);
  box-shadow: inset 0 0 0 2px rgba(252, 186, 3, 0.95);
}

.paper-tear-handle--slide3end,
.paper-tear-handle--slide4end,
.paper-tear-handle--slide5end {
  left: 0;
  right: 0;
  height: 28px;
  cursor: ns-resize;
  background: rgba(32, 148, 140, 0.4);
  box-shadow: inset 0 0 0 2px rgba(32, 148, 140, 0.95);
}

.paper-tear-handle--slide3endtear,
.paper-tear-handle--slide4endtear,
.paper-tear-handle--slide5endtear {
  left: 0;
  right: 0;
  height: 18px;
  cursor: ns-resize;
  background: rgba(252, 186, 3, 0.4);
  box-shadow: inset 0 0 0 2px rgba(252, 186, 3, 0.95);
}

.paper-tear-handle--slide4 {
  left: 0;
  right: 0;
  height: 28px;
  cursor: ns-resize;
  background: rgba(123, 78, 163, 0.38);
  box-shadow: inset 0 0 0 2px rgba(123, 78, 163, 0.95);
}

.paper-tear-handle--slide5 {
  left: 0;
  right: 0;
  height: 28px;
  cursor: ns-resize;
  background: rgba(193, 39, 45, 0.38);
  box-shadow: inset 0 0 0 2px rgba(193, 39, 45, 0.95);
}

.paper-tear-handle__label {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font: 700 11px/1 'Open Sans', sans-serif;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
  pointer-events: none;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.s3-item-steps { grid-template-columns: 1fr 1fr 1fr; }

.menu-items-editor-toggle {
  position: fixed;
  bottom: 416px;
  left: 24px;
  z-index: 99998;
  border: 0;
  border-radius: 999px;
  padding: 10px 14px;
  background: #6b2d5b;
  color: #fff;
  font: 700 12px/1 'Open Sans', sans-serif;
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

body.s3-items-editor-active [data-s3] {
  outline: 2px dashed rgba(107, 45, 91, 0.55);
  outline-offset: 4px;
  cursor: grab;
  touch-action: none;
  pointer-events: auto;
}

body.s3-items-editor-active [data-s3].is-s3-selected {
  outline-color: #c0392b;
  outline-width: 3px;
  z-index: 8;
}

body.s3-items-editor-active [data-s3].is-s3-dragging {
  cursor: grabbing;
}

body.s3-items-editor-active .menu-page__list a,
body.s3-items-editor-active .menu-tabs__btn,
body.s3-items-editor-active .menu-more {
  pointer-events: none;
}

.rasgo-join-dock {
  display: none !important;
}

.slide3-join-editor-toggle,
.slide4-join-editor-toggle,
.slide5-join-editor-toggle {
  position: relative;
  z-index: 1;
  border: 0;
  border-radius: 999px;
  padding: 10px 14px;
  color: #fff;
  font: 700 12px/1 'Open Sans', sans-serif;
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  pointer-events: auto;
}

.slide3-join-editor-toggle {
  display: none !important;
}

.slide4-join-editor-toggle {
  background: #7b4ea3;
}

.slide5-join-editor-toggle {
  background: #c1272d;
}

.laterals-editor-toggle {
  position: fixed;
  bottom: 192px;
  left: 24px;
  z-index: 99998;
  border: 0;
  border-radius: 999px;
  padding: 10px 14px;
  background: #3d5a80;
  color: #fff;
  font: 700 12px/1 'Open Sans', sans-serif;
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

.menu-bg-editor-toggle {
  position: fixed;
  bottom: 304px;
  left: 24px;
  z-index: 99998;
  border: 0;
  border-radius: 999px;
  padding: 10px 14px;
  background: #8a6a4a;
  color: #fff;
  font: 700 12px/1 'Open Sans', sans-serif;
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

body.menu-bg-editor-active #section_ranking {
  outline: 2px dashed rgba(138, 106, 74, 0.75);
  outline-offset: -2px;
}

.paper-tear-handle--left,
.paper-tear-handle--right {
  display: none !important;
}

.paper-tear-handle.is-dragging {
  background: rgba(193, 39, 45, 0.4);
}

body.paper-tear-editor-active .paper-tear-handle {
  display: block;
}

body.paper-tear-editor-active .paper-tear-handle--slide3,
body.paper-tear-editor-active .paper-tear-handle--slide3tear,
body.slide3-join-editor-active .paper-tear-handle--slide3,
body.slide3-join-editor-active .paper-tear-handle--slide3tear {
  display: none !important;
}
body.slide4-join-editor-active .paper-tear-handle--slide3end,
body.slide4-join-editor-active .paper-tear-handle--slide3endtear,
body.slide4-join-editor-active .paper-tear-handle--slide4,
body.slide4-join-editor-active .paper-tear-handle--slide4tear,
body.slide5-join-editor-active .paper-tear-handle--slide4end,
body.slide5-join-editor-active .paper-tear-handle--slide4endtear,
body.slide5-join-editor-active .paper-tear-handle--slide5,
body.slide5-join-editor-active .paper-tear-handle--slide5tear,
body.slide5-join-editor-active .paper-tear-handle--slide5end,
body.slide5-join-editor-active .paper-tear-handle--slide5endtear {
  display: block;
}

body.slide3-join-editor-active #section_ranking,
body.paper-tear-editor-active #section_ranking {
  outline: 2px dashed rgba(232, 120, 40, 0.7);
  outline-offset: -2px;
}

body.slide4-join-editor-active #section_news,
body.paper-tear-editor-active #section_news {
  outline: 2px dashed rgba(123, 78, 163, 0.75);
  outline-offset: -2px;
}

body.slide5-join-editor-active #section_store,
body.paper-tear-editor-active #section_store {
  outline: 2px dashed rgba(193, 39, 45, 0.75);
  outline-offset: -2px;
}

body.paper-tear-editor-active .site-header__paper,
body.paper-tear-editor-active .site-header__gingham {
  outline: 2px dashed rgba(193, 39, 45, 0.55);
  outline-offset: -2px;
}

body.paper-tear-editor-active .site-header nav.navbar {
  outline: 2px dashed rgba(79, 195, 247, 0.7);
  outline-offset: -2px;
}

body.paper-tear-editor-active .site-header .navbar-nav {
  cursor: grab;
  touch-action: none;
  outline: 2px dashed rgba(79, 195, 247, 0.9);
  outline-offset: 6px;
}

body.paper-tear-editor-active .site-header .navbar-nav.is-dragging {
  cursor: grabbing;
}

body.paper-tear-editor-active .site-header .navbar-nav a {
  pointer-events: none;
}

.path-editor-panel.is-hidden, .path-editor-blue-line.is-hidden, .gingham-editor-panel.is-hidden, .slide2-art-editor-panel.is-hidden, .nav-logo-editor-panel.is-hidden, .hero-photo-editor-panel.is-hidden, .paper-tear-editor-panel.is-hidden, .hero-path-editor-panel.is-hidden, .menu-bg-editor-panel.is-hidden, .slide3-join-editor-panel.is-hidden, .slide4-join-editor-panel.is-hidden, .slide5-join-editor-panel.is-hidden, .menu-items-editor-panel.is-hidden { display: none !important; }

/* Objetos arrastáveis — outline colado na imagem */
body.path-editor-active .pe-draggable {
  pointer-events: auto !important;
  cursor: grab;
  touch-action: none;
}

body.path-editor-active .pe-draggable--active {
  outline: 3px dashed rgba(255, 255, 255, 0.9);
  outline-offset: 2px;
}

body.path-editor-active .hero-pizza-group.pe-draggable--active {
  outline-color: #ff6b6b;
}

body.path-editor-active .hero-peel-group.pe-draggable--active {
  outline-color: #feca57;
}

body.path-editor-active .brand-deco img.pe-draggable--active {
  outline-color: #54a0ff;
}

body.path-editor-active .brand-deco--right img.pe-draggable--active {
  outline-color: #a29bfe;
}

body.path-editor-active .pe-draggable:active {
  cursor: grabbing;
}

body.path-editor-active .hero-pizza-group,
body.path-editor-active .hero-peel-group {
  transform-origin: center center;
}

body.path-editor-active .brand-deco {
  pointer-events: none;
}

body.path-editor-active .brand-deco img.pe-draggable--active {
  pointer-events: auto !important;
  position: relative;
}

body.path-editor-active #section_brand {
  overflow: visible;
}

body.path-editor-laterals #section_brand {
  z-index: 6;
}

body.path-editor-laterals .brand-deco {
  pointer-events: none;
}

body.path-editor-active .hero-food-wrap,
body.path-editor-active .hero-pizza-layer {
  z-index: 40;
  pointer-events: auto;
}

.pe-resize-handle {
  position: absolute;
  width: 16px;
  height: 16px;
  background: #fff;
  border: 2px solid #c0392b;
  border-radius: 3px;
  pointer-events: auto;
  z-index: 5;
}

.pe-resize-handle--br {
  right: -4px;
  bottom: -4px;
  cursor: nwse-resize;
}

.pe-resize-handle--bl {
  left: -4px;
  bottom: -4px;
  cursor: nesw-resize;
}

html:not([data-bellori-edit='1']) .path-editor-toggle,
html:not([data-bellori-edit='1']) .laterals-editor-toggle,
html:not([data-bellori-edit='1']) .paper-tear-editor-toggle,
html:not([data-bellori-edit='1']) .rasgo-join-dock,
html:not([data-bellori-edit='1']) .slide3-join-editor-toggle,
html:not([data-bellori-edit='1']) .slide4-join-editor-toggle,
html:not([data-bellori-edit='1']) .slide5-join-editor-toggle,
html:not([data-bellori-edit='1']) .menu-bg-editor-toggle,
html:not([data-bellori-edit='1']) .menu-items-editor-toggle,
html:not([data-bellori-edit='1']) .slide2-art-editor-toggle,
html:not([data-bellori-edit='1']) .hero-photo-editor-toggle,
html:not([data-bellori-edit='1']) .nav-logo-editor-toggle,
html:not([data-bellori-edit='1']) .gingham-editor-toggle,
html:not([data-bellori-edit='1']) .paper-tear-handle {
  display: none !important;
}