/* 3D-подача магазина (J2): знаки позиций и сцена раздела в стиле Марины — мятные изометрические блоки на графите */
svg.i3{display:block;width:100%;height:100%}
.pc-top .i3tile,.pm-ic .i3tile{display:block;overflow:hidden;background-color:#221F20;border-radius:8px;
  background-image:linear-gradient(rgba(230,227,224,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(230,227,224,.07) 1px,transparent 1px);background-size:9px 9px}
.pc-top .i3tile{width:60px;height:48px;flex:none}
.pm-ic:has(.i3tile){width:112px;height:90px;background:#221F20;box-shadow:none;padding:0}
.pm-ic .i3tile{width:100%;height:100%;border-radius:10px}
.pm-top:has(.i3tile){grid-template-columns:112px 1fr}
.sh3d{position:relative;margin:0 auto 28px;max-width:1180px;border-radius:14px;background-color:#221F20;color:#E6E3E0;overflow:hidden;padding:18px 18px 12px;
  background-image:linear-gradient(rgba(230,227,224,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(230,227,224,.055) 1px,transparent 1px);background-size:40px 40px}
.sh3d .st{display:block;width:100%;max-height:420px;height:auto;margin:0 auto}
.sh3d .st svg.hero3d{display:block;width:100%;height:auto;max-height:420px}
.sh3d .t3{position:absolute;background:rgba(34,31,32,.86);border:1px solid rgba(121,239,179,.6);padding:7px 11px;font:400 11px/1.25 'IBM Plex Mono','Plex Mono',ui-monospace,monospace;color:#B1B4BC}
.sh3d .t3 b{display:block;margin-top:3px;font:700 22px Unbounded,'Noto Sans Thai',sans-serif;color:#79EFB3}
.sh3d .t3.l{left:18px;top:22%}.sh3d .t3.r{right:18px;bottom:20%}
.sh3d .cap{margin:6px 2px 0;font:400 11px 'IBM Plex Mono','Plex Mono',monospace;color:#B1B4BC}
@media (prefers-reduced-motion:no-preference){.sh3d .st svg.hero3d{animation:sh3dIn .7s ease both}@keyframes sh3dIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}
@media (max-width:720px){.sh3d{margin:0 0 20px;padding:12px 12px 10px}.sh3d .t3{position:static;display:inline-block;margin:4px 6px 0 0}.sh3d .t3 b{font-size:17px}}