/* ================================================================
   ARQON TORTISH — FINAL CONTINUOUS ROPE + REALISTIC PULL
   2026-08-28
   Faqat #pageOyin2.arqon-active uchun.
   Oldingi sahifa o'zgarishlarini buzmaslik uchun barcha qoidalar
   Arqon tortish konteyneriga scope qilingan.
   ================================================================ */

#pageOyin2.arqon-active .arqon-rope{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  left:31% !important;
  right:31% !important;
  top:53.5% !important;
  height:14px !important;
  z-index:5 !important;
  pointer-events:none !important;
  transform:translate3d(var(--arqon-shift,0%),0,0) scaleX(1) !important;
  transform-origin:center center !important;
  transition:transform .52s cubic-bezier(.18,.8,.22,1) !important;
  will-change:transform;
}

#pageOyin2.arqon-active .arqon-rope:before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:3px !important;
  height:8px !important;
  border-radius:999px !important;
  background:repeating-linear-gradient(
    0deg,
    #6f3f20 0 2px,
    #b87332 2px 4px,
    #d79a55 4px 6px,
    #7a4722 6px 8px
  ) !important;
  box-shadow:0 2px 4px rgba(45,25,12,.25), inset 0 1px rgba(255,255,255,.35) !important;
}

/* Start holati: arqon to'liq va tarang. Markaziy uzilish bo'lmaydi. */
#pageOyin2.arqon-active:not(.rope-hit) .arqon-rope{
  animation:arqonRopeReady 1.8s ease-in-out infinite !important;
}

@keyframes arqonRopeReady{
  0%,100%{
    transform:translate3d(var(--arqon-shift,0%),0,0) scaleX(1) !important;
  }
  50%{
    transform:translate3d(calc(var(--arqon-shift,0%) - 1px),1px,0) scaleX(1.018) !important;
  }
}

/* Markaziy qizil belgi — rasmga o'xshash osilgan tasma. */
#pageOyin2.arqon-active .arqon-rope-knot{
  display:block !important;
  position:absolute !important;
  left:50% !important;
  top:5px !important;
  width:12px !important;
  height:28px !important;
  margin:0 !important;
  transform:translateX(-50%) rotate(3deg) !important;
  background:#e31d2b !important;
  border:0 !important;
  border-radius:0 0 3px 3px !important;
  clip-path:polygon(35% 0,100% 0,78% 100%,45% 82%,12% 100%) !important;
  box-shadow:0 3px 5px rgba(127,29,29,.2) !important;
  z-index:8 !important;
}
#pageOyin2.arqon-active .arqon-rope-knot:after{
  display:none !important;
  content:none !important;
}
#pageOyin2.arqon-active .arqon-rope-tail{display:none !important}

/* Javob berilganda: avvalgi xavfsiz jamoa harakati saqlanadi,
   faqat markaziy arqon biroz cho'zilib, taranglashadi. */
#pageOyin2.arqon-active .arqon-center.arqon-pull-now-left .arqon-rope{
  animation:arqonPullRopeLeft .68s cubic-bezier(.18,.8,.22,1) !important;
}
#pageOyin2.arqon-active .arqon-center.arqon-pull-now-right .arqon-rope{
  animation:arqonPullRopeRight .68s cubic-bezier(.18,.8,.22,1) !important;
}

@keyframes arqonPullRopeLeft{
  0%{
    transform:translate3d(var(--arqon-shift,0%),0,0) scaleX(1) rotate(0deg) !important;
  }
  22%{
    transform:translate3d(calc(var(--arqon-shift,0%) - 2px),1px,0) scaleX(1.055) rotate(-.55deg) !important;
  }
  48%{
    transform:translate3d(calc(var(--arqon-shift,0%) - 1px),0,0) scaleX(1.035) rotate(-.25deg) !important;
  }
  100%{
    transform:translate3d(var(--arqon-shift,0%),0,0) scaleX(1) rotate(0deg) !important;
  }
}

@keyframes arqonPullRopeRight{
  0%{
    transform:translate3d(var(--arqon-shift,0%),0,0) scaleX(1) rotate(0deg) !important;
  }
  22%{
    transform:translate3d(calc(var(--arqon-shift,0%) + 2px),1px,0) scaleX(1.055) rotate(.55deg) !important;
  }
  48%{
    transform:translate3d(calc(var(--arqon-shift,0%) + 1px),0,0) scaleX(1.035) rotate(.25deg) !important;
  }
  100%{
    transform:translate3d(var(--arqon-shift,0%),0,0) scaleX(1) rotate(0deg) !important;
  }
}

/* Pull paytida tasma ham yengil silkinadi. */
#pageOyin2.arqon-active .arqon-center.arqon-pull-now-left .arqon-rope-knot,
#pageOyin2.arqon-active .arqon-center.arqon-pull-now-right .arqon-rope-knot{
  animation:arqonMarkerSwing .68s ease-in-out !important;
}
@keyframes arqonMarkerSwing{
  0%,100%{transform:translateX(-50%) rotate(3deg) !important}
  35%{transform:translateX(-50%) rotate(-10deg) !important}
  65%{transform:translateX(-50%) rotate(7deg) !important}
}

/* Telefon albom holati ham shu uzluksiz arqon qoidalaridan foydalanadi. */
@media(max-width:700px){
  #pageOyin2.arqon-active .arqon-rope{
    left:30% !important;
    right:30% !important;
    top:53% !important;
    height:12px !important;
  }
  #pageOyin2.arqon-active .arqon-rope:before{
    top:3px !important;
    height:7px !important;
  }
  #pageOyin2.arqon-active .arqon-rope-knot{
    top:4px !important;
    width:10px !important;
    height:23px !important;
  }
}