.imageDetailBackdrop{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
}
.imageDetailWall{
  position:absolute;
  inset:24px;
  border-radius:58px;
  background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/72px 72px,linear-gradient(0deg,rgba(255,255,255,.028) 1px,transparent 1px) 0 0/72px 72px,radial-gradient(circle at 50% 42%,rgba(255,229,185,.10),transparent 45%),linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.012));
  border:1px solid rgba(230,184,128,.18);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),inset 0 80px 160px rgba(255,255,255,.035),inset 0 -110px 170px rgba(0,0,0,.42);
}
.imageDetailWall::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(115deg,transparent 0 32%,rgba(255,255,255,.035) 44%,transparent 58%),radial-gradient(circle at 50% 50%,transparent 0 54%,rgba(0,0,0,.62) 100%);
}
.imageDetailWall::after{
  content:"";
  position:absolute;
  inset:18px;
  border-radius:44px;
  border:1px solid rgba(255,226,177,.10);
}
.imageDetailGlow{
  position:absolute;
  border-radius:999px;
  filter:blur(50px);
  opacity:.42;
}
.imageDetailGlow.glowOne{
  width:38vw;
  height:38vw;
  min-width:360px;
  min-height:360px;
  left:8vw;
  top:6vh;
  background:rgba(197,128,62,.22);
}
.imageDetailGlow.glowTwo{
  width:44vw;
  height:44vw;
  min-width:420px;
  min-height:420px;
  right:-8vw;
  bottom:-12vh;
  background:rgba(30,82,86,.20);
}
#obrazok-detail.specialImagePage{
  min-height:100vh;
  padding:38px;
  position:relative;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:radial-gradient(circle at 50% 46%,rgba(190,132,75,.24),transparent 34%),radial-gradient(circle at 14% 18%,rgba(120,83,52,.32),transparent 28%),radial-gradient(circle at 88% 82%,rgba(33,74,76,.20),transparent 34%),linear-gradient(145deg,#0d0c0a 0%,#18120e 36%,#24180f 67%,#0b0a09 100%);
  color:#fff7e8;
  isolation:isolate;
}
#obrazok-detail.specialImagePage::before{
  content:"";
  position:absolute;
  inset:-18%;
  z-index:-3;
  background:conic-gradient(from 210deg at 50% 50%,transparent 0 18%,rgba(190,132,75,.18) 25%,transparent 34%,rgba(120,83,52,.18) 45%,transparent 58%,rgba(33,74,76,.12) 68%,transparent 80% 100%);
  filter:blur(18px) saturate(1.35);
  animation:sulekAurora 2s ease-in-out infinite alternate;
}
#obrazok-detail.specialImagePage::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.52) 74%);
  background-size:92px 92px,92px 92px,100% 100%;
  mask-image:radial-gradient(circle at center,#000 0 68%,transparent 98%);
}
@keyframes sulekAurora{from{transform:translate3d(-2%,1%,0) rotate(-4deg) scale(1.05)}to{transform:translate3d(2%,-2%,0) rotate(5deg) scale(1.12)}}
.specialCloseBtn{
  position:fixed;
  top:28px;
  right:30px;
  z-index:40;
  width:70px;
  height:70px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-size:23px;
  font-weight:700;
  color:#100b07;
  background:linear-gradient(145deg,rgba(255,255,255,.66),rgba(255,255,255,.50));
  border:1px solid rgba(255,214,150,.24);
  box-shadow:0 26px 85px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.22),inset 0 -18px 38px rgba(255,214,150,.08);
  transition:.45s cubic-bezier(.19,1,.22,1);
}
@media (hover: hover) and (pointer: fine) {
.specialCloseBtn:hover{transform:translateY(-5px) scale(1.08) rotate(90deg);background:linear-gradient(135deg,#d4aa7a,#b57d51);color:#100b07;box-shadow:0 36px 105px rgba(212,170,122,.32)}
}
.specialCloseBtn:active{transform:translateY(-5px) scale(1.08) rotate(90deg);background:linear-gradient(135deg,#d4aa7a,#b57d51);color:#100b07;box-shadow:0 36px 105px rgba(212,170,122,.32)}
.specialOrbit{
  position:absolute;
  inset:34px;
  border-radius:54px;
  border:1px solid rgba(255,214,150,.14);
  pointer-events:none;
  box-shadow:inset 0 0 80px rgba(58,178,168,.06),0 0 90px rgba(0,0,0,.34);
}
.specialOrbit::before,.specialOrbit::after{
  content:"";
  position:absolute;
  border-radius:999px;
  border:1px solid rgba(255,214,150,.22);
  filter:drop-shadow(0 0 26px rgba(59,202,189,.22));
}
.specialOrbit::before{width:160px;height:160px;left:5%;top:12%;clip-path:polygon(0 0,100% 0,100% 62%,0 100%)}
.specialOrbit::after{width:220px;height:220px;right:7%;bottom:9%;clip-path:polygon(28% 0,100% 0,100% 100%,0 100%)}
.specialStage{
  position:relative;
  z-index:4;
  width:auto;
  height:auto;
  display:block;
  grid-template-columns:minmax(0,1fr) 390px;
  gap:26px;
  align-items:stretch;
}
.specialImageShell{
  position:relative;
  height:auto;
  border-radius:58px;
  overflow:hidden;
  background:#0a0b0a;
  box-shadow:0 80px 210px rgba(0,0,0,.68),0 0 0 1px rgba(255,214,150,.17),inset 0 0 0 1px rgba(255,255,255,.08);
}
.specialImageShell::before{
  content:"";
  position:absolute;
  inset:20px;
  border-radius:42px;
  border:1px solid rgba(0,0,0,.2);
  z-index:5;
  pointer-events:none;
}
.specialImageShell::after{
  content:"";
  position:absolute;
  inset:-60%;
  z-index:6;
  background:linear-gradient(115deg,transparent 43%,rgba(255,237,193,.22) 49%,rgba(210,158,67,.16) 51%,transparent 58%);
  transform:translateX(-40%) rotate(8deg);
  animation:sulekGlint 7s cubic-bezier(.19,1,.22,1) infinite;
  pointer-events:none;
}
@keyframes sulekGlint{0%,44%{transform:translateX(-42%) rotate(8deg)}78%,100%{transform:translateX(42%) rotate(8deg)}}
.specialImageShell img{
  object-fit:cover;
  display:block;
  filter:contrast(1.16) saturate(1.16);
  transform:scale(1.000);
}
@media(max-width:1120px){
  #obrazok-detail.specialImagePage{padding:26px}
  .specialStage{grid-template-columns:1fr;}
  .specialImageShell{height:auto}
}
@media(max-width:760px){
  .imageDetailWall{inset:12px;border-radius:34px}
  .imageDetailWall::after{inset:10px;border-radius:25px}
}
@media(max-width:720px){
  #obrazok-detail.specialImagePage{padding:16px 14px 92px}
  .specialOrbit{inset:14px;border-radius:34px}
  .specialCloseBtn{top:auto;right:40px;bottom:18px;left:40px;width:auto;height:58px;border-radius:999px;}
  .specialImageShell{height:auto;border-radius:34px}
  .specialImageShell::before{inset:12px;border-radius:24px}
}
@media (max-width: 720px) and (hover: hover) and (pointer: fine) {
  .specialCloseBtn:hover{transform:translateY(-5px) scale(1.08) rotate(0deg);}
}
@media(max-width:720px){
  .specialCloseBtn:active{transform:translateY(-5px) scale(1.08) rotate(0deg);}
}
@media screen and (max-width:720px){
  #obrazok-detail.specialImagePage::before,
  .specialImageShell::after {
    content: none !important;
    display: none !important;
    animation: none !important;
    filter: none !important;
    background: none !important;
  }
}
.specialImageModalOverlay{
  position:fixed;
  inset:0;
  z-index:9999;
  width:100vw;
  min-height:100vh;
  overflow:auto;
}
html.specialImageLightboxOpen,
body.specialImageLightboxOpen{
  overflow:hidden;
}
.specialImageModalOverlay #obrazok-detail.specialImagePage{
  min-height:100vh;
}