/* Architektūrinės šoninės dekoracijos – linijos, geometrija */
.side-decor {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 60px;
  pointer-events: none;
  z-index: 1;
  opacity: 0.6;
  background-repeat: repeat-y;
  background-position: center top;
  background-size: 60px 240px;
}
.side-decor.left {
  left: 0;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='240' viewBox='0 0 60 240' fill='none' stroke='%23c9a96e' stroke-linecap='round'><line x1='30' y1='0' x2='30' y2='240' stroke-opacity='0.16' stroke-width='0.6'/><line x1='22' y1='28' x2='38' y2='28' stroke-opacity='0.42' stroke-width='0.6'/><line x1='25' y1='62' x2='35' y2='62' stroke-opacity='0.28' stroke-width='0.6'/><line x1='22' y1='118' x2='38' y2='118' stroke-opacity='0.42' stroke-width='0.6'/><line x1='25' y1='152' x2='35' y2='152' stroke-opacity='0.28' stroke-width='0.6'/><line x1='22' y1='208' x2='38' y2='208' stroke-opacity='0.42' stroke-width='0.6'/><rect x='25' y='80' width='10' height='10' stroke-opacity='0.32' stroke-width='0.6'/><circle cx='30' cy='180' r='3.4' stroke-opacity='0.36' stroke-width='0.6'/><path d='M26 230 l4 4 l4 -4 M30 226 l0 8' stroke-opacity='0.3' stroke-width='0.6'/></svg>");
}
.side-decor.right {
  right: 0;
  transform: scaleX(-1);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='240' viewBox='0 0 60 240' fill='none' stroke='%23c9a96e' stroke-linecap='round'><line x1='30' y1='0' x2='30' y2='240' stroke-opacity='0.16' stroke-width='0.6'/><line x1='22' y1='44' x2='38' y2='44' stroke-opacity='0.42' stroke-width='0.6'/><line x1='25' y1='78' x2='35' y2='78' stroke-opacity='0.28' stroke-width='0.6'/><line x1='22' y1='134' x2='38' y2='134' stroke-opacity='0.42' stroke-width='0.6'/><line x1='25' y1='168' x2='35' y2='168' stroke-opacity='0.28' stroke-width='0.6'/><line x1='22' y1='224' x2='38' y2='224' stroke-opacity='0.42' stroke-width='0.6'/><circle cx='30' cy='14' r='3.4' stroke-opacity='0.36' stroke-width='0.6'/><rect x='25' y='100' width='10' height='10' stroke-opacity='0.32' stroke-width='0.6' transform='rotate(45 30 105)'/><path d='M26 196 l8 8 M34 196 l-8 8' stroke-opacity='0.3' stroke-width='0.6'/></svg>");
}

/* Korner žymeklis viršuje */
.corner-mark {
  position: fixed;
  width: 28px;
  height: 28px;
  border: 1px solid rgba(201, 169, 110, 0.32);
  pointer-events: none;
  z-index: 1;
  opacity: 0.7;
}
.corner-mark::before {
  content: '';
  position: absolute;
  inset: 4px;
  border: 1px solid rgba(201, 169, 110, 0.18);
}
.corner-mark.tl { top: 70px; left: 12px; border-right: none; border-bottom: none; }
.corner-mark.tr { top: 70px; right: 12px; border-left: none; border-bottom: none; }
.corner-mark.bl { bottom: 12px; left: 12px; border-right: none; border-top: none; }
.corner-mark.br { bottom: 12px; right: 12px; border-left: none; border-top: none; }
.corner-mark.tl::before, .corner-mark.bl::before { border-right: none; }
.corner-mark.tr::before, .corner-mark.br::before { border-left: none; }
.corner-mark.tl::before, .corner-mark.tr::before { border-bottom: none; }
.corner-mark.bl::before, .corner-mark.br::before { border-top: none; }

@media (max-width: 768px) {
  .side-decor { width: 22px; opacity: 0.4; background-size: 22px 180px; }
  .side-decor.left { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='180' viewBox='0 0 22 180' fill='none' stroke='%23c9a96e' stroke-linecap='round'><line x1='11' y1='0' x2='11' y2='180' stroke-opacity='0.2' stroke-width='0.6'/><line x1='6' y1='40' x2='16' y2='40' stroke-opacity='0.4' stroke-width='0.6'/><line x1='6' y1='100' x2='16' y2='100' stroke-opacity='0.4' stroke-width='0.6'/><circle cx='11' cy='140' r='2.4' stroke-opacity='0.38' stroke-width='0.6'/></svg>"); }
  .side-decor.right { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='180' viewBox='0 0 22 180' fill='none' stroke='%23c9a96e' stroke-linecap='round'><line x1='11' y1='0' x2='11' y2='180' stroke-opacity='0.2' stroke-width='0.6'/><line x1='6' y1='60' x2='16' y2='60' stroke-opacity='0.4' stroke-width='0.6'/><line x1='6' y1='120' x2='16' y2='120' stroke-opacity='0.4' stroke-width='0.6'/><circle cx='11' cy='20' r='2.4' stroke-opacity='0.38' stroke-width='0.6'/></svg>"); }
  .corner-mark { width: 18px; height: 18px; opacity: 0.5; }
  .corner-mark.tl, .corner-mark.tr { top: 58px; }
}