/* 3D-демо в site-shell: фон и типографика как на главной, без лишней палитры */

body.sd-has-shell.sd-portfolio-3d {
  background: var(--sd-bg) !important;
  color: var(--sd-text);
}

body.sd-has-shell.sd-portfolio-3d .sd-main.sd-page-content {
  padding: 0;
  min-height: calc(100dvh - var(--sd-header-h));
  overflow: hidden;
  background: transparent;
}

body.sd-has-shell.sd-portfolio-3d canvas {
  z-index: 0 !important;
}

/* Старые авторские футеры и иконки — не показываем под общим меню */
body.sd-has-shell.sd-portfolio-3d .footer,
body.sd-has-shell.sd-portfolio-3d .container .footer,
body.sd-has-shell.sd-portfolio-3d a[href*="vk.com/dolotenko"] img {
  display: none !important;
}

/* Панели настроек (Tweakpane и аналоги) — поверх canvas, под шапкой */
body.sd-has-shell.sd-portfolio-3d .tp-dfwv,
body.sd-has-shell.sd-portfolio-3d .tp-rotv {
  z-index: 10001 !important;
}

/* Загрузка сцены (3d-around и др.) */
.sd-3d-demo-loading {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: var(--sd-header-h);
  z-index: 5;
  display: grid;
  place-items: center;
  background: var(--sd-bg);
  color: var(--sd-text-muted);
  font: 600 0.95rem/1.4 var(--sd-font);
  transition: opacity 0.35s ease, visibility 0.35s ease;
  pointer-events: none;
}

.sd-3d-demo-loading.is-hidden {
  opacity: 0;
  visibility: hidden;
}