/* RobiX Shop · Halloween Quest 2026. Scoped under rxq- to avoid shop UI collisions. */
:root{--rxq-blue:#000ffe;--rxq-orange:#ff862f;--rxq-ink:#131426}
.rxq-anchor{position:relative!important;}
/* Hidden-style pumpkins: small silhouettes, no card, no glow, no spinning ring. */
.rxq-pumpkin{position:absolute;z-index:17;left:clamp(3px,var(--rxq-x,50%),calc(100% - 32px));right:var(--rxq-right,auto);top:var(--rxq-y,auto);bottom:var(--rxq-bottom,auto);width:32px;height:32px;min-width:32px;min-height:32px;border:0!important;border-radius:0;padding:2px!important;display:grid;place-items:center;line-height:1;cursor:pointer!important;overflow:visible!important;background:transparent!important;box-shadow:none!important;outline-offset:4px;transform:rotate(var(--rxq-r,-9deg));transition:transform .18s ease,opacity .18s ease;pointer-events:auto;opacity:.79}
.rxq-pumpkin:before{display:none!important}
.rxq-pumpkin:hover,.rxq-pumpkin:focus-visible{transform:rotate(0deg) scale(1.25);opacity:1;box-shadow:none!important}
.rxq-pumpkin:focus-visible{transform:rotate(0deg) scale(1.16);box-shadow:0 16px 32px rgba(186,79,11,.33),inset 0 1px 0 #fff!important}
.rxq-pumpkin:focus-visible,.rxq-hud:focus-visible,.rxq-overlay button:focus-visible,.rxq-overlay a:focus-visible{outline:3px solid #7e8dff!important;outline-offset:5px}
.rxq-pumpkin svg{width:21px;height:21px;filter:saturate(.76) brightness(.91);pointer-events:none}

.rxq-pumpkin.rxq-in-card{z-index:12}
.rxq-pumpkin.rxq-found{display:none!important}
@keyframes rxq-ring{to{transform:rotate(360deg)}}
@keyframes rxq-bounce{0%{transform:translateY(12px) scale(.83);opacity:0}65%{transform:translateY(-7px) scale(1.04);opacity:1}100%{transform:translateY(0) scale(1);opacity:1}}
@keyframes rxq-sparkle{0%{transform:translateY(0) rotate(0);opacity:0}30%{opacity:1}100%{transform:translateY(-70px) rotate(28deg);opacity:0}}
.rxq-hud{position:fixed;bottom:24px;right:24px;z-index:88;display:flex;align-items:center;gap:11px;padding:9px 15px 9px 9px;color:#181726!important;background:#fff!important;border:1px solid rgba(23,24,42,.09)!important;border-radius:18px!important;box-shadow:0 14px 50px rgba(12,18,57,.20)!important;font-family:Inter,system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important;font-size:13px!important;text-decoration:none!important;min-width:205px;max-width:calc(100vw - 32px);cursor:pointer}
.rxq-hud-mark{display:grid;place-items:center;width:40px;height:40px;flex:none;background:#fff0e0;border-radius:13px}.rxq-hud-mark svg{width:31px;height:31px}.rxq-hud-label{display:grid;gap:3px;text-align:left;flex:1}.rxq-hud-label b{font:800 12px/1.2 Inter,system-ui,sans-serif}.rxq-hud-label small{font:600 10px/1.2 Inter,system-ui,sans-serif;color:#818399}.rxq-hud-score{font:900 15px/1 Inter,system-ui,sans-serif;color:#f47220;white-space:nowrap}
.rxq-hud.rxq-complete{background:#fff7ef!important;border-color:#ffc99b!important}
.rxq-toast{position:fixed;bottom:105px;right:24px;z-index:90;background:#17172e;color:#fff;border:1px solid #42425b;border-radius:15px;padding:12px 15px;font:700 12px/1.5 Inter,system-ui,sans-serif;box-shadow:0 15px 35px #181a3850;max-width:290px;animation:rxq-bounce .4s both;pointer-events:none}
.rxq-overlay{position:fixed;inset:0;z-index:10050;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(9,11,32,.68);backdrop-filter:blur(10px);font-family:Inter,system-ui,sans-serif;color:#1a1b2c}.rxq-overlay.rxq-visible{display:flex}.rxq-dialog{width:min(490px,100%);max-height:min(90svh,870px);overflow:auto;border-radius:29px;background:#fff;box-shadow:0 35px 110px #080a2390;position:relative;animation:rxq-bounce .45s both;overscroll-behavior:contain}
.rxq-dialog-head{position:relative;min-height:195px;padding:26px 30px 0;background:radial-gradient(ellipse at 78% 4%,#37356f,transparent 60%),linear-gradient(145deg,#131428,#1f2045 82%);overflow:hidden;color:#fff;text-align:center}
.rxq-dialog-head:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.4;background-image:radial-gradient(#ffb96c 1px,transparent 1.7px);background-size:43px 47px;mask-image:linear-gradient(#000,transparent)}
.rxq-close{position:absolute;top:17px;right:17px;z-index:3;border:1px solid #ffffff33!important;color:#fff!important;width:35px;height:35px;background:#ffffff16!important;border-radius:12px!important;display:grid;place-items:center;font-size:23px!important;line-height:1!important;cursor:pointer}
.rxq-brow{position:relative;display:inline-block;margin:0 0 10px;font:850 10px/1.4 Inter,system-ui,sans-serif;letter-spacing:.19em;text-transform:uppercase;color:#ffad62}
.rxq-head-title{position:relative;font:900 clamp(23px,5vw,33px)/1.1 Montserrat,Inter,sans-serif;letter-spacing:-.055em;margin:0 auto 7px;max-width:360px;color:#fff}
.rxq-head-sub{position:relative;color:#c6c8e5;font-size:12px;line-height:1.6;margin:0 auto 14px;max-width:335px}
.rxq-hero-pumpkin{position:relative;width:95px;height:95px;margin:0 auto -9px;filter:drop-shadow(0 12px 20px #ee692455);animation:rxq-bounce .5s both}.rxq-hero-pumpkin svg{width:100%;height:100%}
.rxq-dialog-body{padding:25px 29px 29px}
.rxq-progress-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.rxq-progress-top span{color:#75798b;font-size:12px;font-weight:700}.rxq-progress-top strong{font-size:20px;font-weight:900;letter-spacing:-.05em;color:#141528}.rxq-track{height:11px;border-radius:100px;background:#ebedf6;margin:11px 0 16px;overflow:hidden}.rxq-fill{width:0;height:100%;border-radius:100px;background:linear-gradient(90deg,#ffb449,#ff712c);box-shadow:0 0 12px #ff9c443c;transition:width .4s ease}
.rxq-desc{font-size:13px;color:#696d80;line-height:1.7;margin:0 0 18px}.rxq-steps{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;margin:15px 0 23px}.rxq-step{height:26px;display:grid;place-items:center;border-radius:8px;background:#f2f3f7;color:#a8a9b8;font:800 10px/1 Inter,system-ui,sans-serif}.rxq-step.is-collected{color:#ac4600;background:#ffead2}.rxq-step.is-collected:before{content:"✓"}.rxq-step.is-collected{font-size:0}.rxq-step.is-collected:before{font-size:12px}
.rxq-reward{display:flex;align-items:center;gap:13px;padding:15px;background:#f6f7ff;border:1px solid #e8e9ff;border-radius:17px;margin-bottom:16px}.rxq-reward-ico{width:42px;height:42px;flex:none;border-radius:14px;background:#e7e9ff;color:#000ffe;display:grid;place-items:center;font-size:23px}.rxq-reward b{display:block;font:850 13px/1.3 Inter,system-ui,sans-serif}.rxq-reward small{display:block;color:#81859d;font:600 11px/1.5 Inter,system-ui,sans-serif;margin-top:4px}
.rxq-btn{width:100%;min-height:51px;border:0!important;background:#000ffe!important;color:#fff!important;border-radius:15px!important;display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:11px 18px;font:850 13px/1.4 Inter,system-ui,sans-serif!important;text-decoration:none!important;cursor:pointer;box-shadow:0 10px 22px #000ffe20}
.rxq-btn:hover{background:#2532ff!important}.rxq-btn.rxq-alt{background:#fff!important;color:#17172d!important;border:1px solid #e1e3ef!important;box-shadow:none}.rxq-help{font:600 10px/1.6 Inter,system-ui,sans-serif;color:#8a8e9e;text-align:center;margin:12px 0 0}.rxq-win .rxq-dialog-head{min-height:223px;background:radial-gradient(ellipse at 50% 3%,#a54e29,#282142 55%,#15182e)}.rxq-win .rxq-reward{background:#fff3e6;border-color:#ffdcaf}.rxq-buttons{display:grid;gap:8px}.rxq-flash{animation:rxq-sparkle .7s ease-out both;position:absolute;top:105px;right:24%;font-size:22px;pointer-events:none}
body.rxq-modal-open{overflow:hidden!important}
/* V4 HUD always stays visible across all public site pages and overlays. */
#rxq-hud.rxq-hud{position:fixed!important;top:auto!important;left:auto!important;right:16px!important;bottom:calc(16px + env(safe-area-inset-bottom, 0px))!important;z-index:2147483000!important;display:flex!important;visibility:visible!important;opacity:1!important;transform:none!important;pointer-events:auto!important}
#rxq-overlay.rxq-overlay{z-index:2147483001!important}
@media(max-width:760px){#rxq-hud.rxq-hud{right:10px!important;bottom:calc(10px + env(safe-area-inset-bottom, 0px))!important}.rxq-hud{right:12px;bottom:12px;min-width:168px;border-radius:15px!important;padding:7px 11px 7px 7px;gap:8px}.rxq-hud-mark{width:34px;height:34px;border-radius:11px}.rxq-hud-mark svg{width:27px;height:27px}.rxq-hud-label b{font-size:11px}.rxq-hud-label small{font-size:9px}.rxq-hud-score{font-size:14px}.rxq-pumpkin{width:28px;height:28px;min-width:28px;min-height:28px;padding:1px!important}.rxq-pumpkin svg{width:19px;height:19px}.rxq-pumpkin.rxq-in-card{width:27px;height:27px;min-width:27px;min-height:27px}.rxq-pumpkin.rxq-in-card svg{width:19px;height:19px}.rxq-overlay{padding:12px;align-items:center}.rxq-dialog{max-height:92svh;border-radius:23px}.rxq-dialog-head{min-height:186px;padding:24px 17px 0}.rxq-dialog-body{padding:20px 19px 22px}.rxq-steps{gap:4px}.rxq-step{height:25px;border-radius:7px;font-size:9px}.rxq-toast{bottom:75px;right:12px}.rxq-head-title{font-size:27px}}
@media(prefers-reduced-motion:reduce){.rxq-pumpkin:before,.rxq-dialog,.rxq-hero-pumpkin,.rxq-toast,.rxq-flash{animation:none!important}.rxq-pumpkin,.rxq-fill{transition:none!important}}

/* V5: spectacular real catalog item drop, hidden until 30/30. */
.rxq-win-drop[hidden]{display:none!important}
.rxq-win-drop{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;flex-direction:column;justify-content:center;margin:0 0 18px;padding:22px 15px 20px;border-radius:21px;background:radial-gradient(circle at 50% 45%,#293e97 0%,#141d57 45%,#111434 83%);border:1px solid #283fc2;box-shadow:inset 0 0 32px #587aff2b,0 15px 34px #121d502a;text-align:center}
.rxq-win-drop:before,.rxq-win-drop:after{content:'✦';position:absolute;color:#ffbe78;opacity:.82;pointer-events:none;font-size:24px;animation:rxq-float 2.4s ease-in-out infinite alternate}
.rxq-win-drop:before{left:16%;top:30%}.rxq-win-drop:after{right:16%;top:56%;font-size:17px;animation-delay:.4s}
.rxq-win-drop-shine{position:absolute;inset:-100%;z-index:-1;background:conic-gradient(from 0deg,transparent 0 22%,#a6adff22 27%,transparent 32% 60%,#ffd28d22 65%,transparent 72%);animation:rxq-spin 14s linear infinite}
.rxq-win-drop-eyebrow{font:850 10px/1.4 Inter,system-ui,sans-serif;letter-spacing:.18em;color:#ffb969;margin-bottom:10px}
.rxq-win-drop-img{display:block!important;width:180px;height:180px;object-fit:contain;filter:drop-shadow(0 16px 18px #02042b9c);position:relative;animation:rxq-item-enter .85s cubic-bezier(.2,1.3,.3,1) both}
.rxq-win-drop-name{font:900 clamp(23px,5vw,30px)/1.15 Montserrat,Inter,sans-serif;letter-spacing:-.04em;color:#fff;margin-top:5px}
.rxq-win-drop-type{color:#c2c9ff;font:800 10px/1.5 Inter,system-ui,sans-serif;letter-spacing:.13em;margin-top:7px}
.rxq-win-drop-free{display:inline-block;background:#ff8b2f;color:#1d1224;border-radius:99px;padding:6px 13px;margin-top:13px;font:900 11px/1 Inter,system-ui,sans-serif;letter-spacing:.05em}
@keyframes rxq-spin{to{transform:rotate(360deg)}}
@keyframes rxq-float{to{transform:translateY(-11px) scale(1.2);opacity:.36}}
@keyframes rxq-item-enter{0%{transform:scale(.5) rotate(-15deg);opacity:0}65%{transform:scale(1.08) rotate(3deg);opacity:1}100%{transform:scale(1) rotate(0);opacity:1}}
@media(max-width:760px){.rxq-win-drop{padding:18px 12px}.rxq-win-drop-img{width:150px;height:150px}}
@media(prefers-reduced-motion:reduce){.rxq-win-drop-shine,.rxq-win-drop-img,.rxq-win-drop:before,.rxq-win-drop:after{animation:none!important}}

#rxq-hud.rxq-hud {
  display:flex!important;
  position:fixed!important;
  visibility:visible!important;
  opacity:1!important;
  top:auto!important;
  left:auto!important;
  right:16px!important;
  bottom:calc(16px + env(safe-area-inset-bottom,0px))!important;
  z-index:2147483645!important;
  pointer-events:auto!important;
  min-width:195px!important;
  max-width:calc(100vw - 22px)!important;
  padding:9px 13px 9px 9px!important;
  background:linear-gradient(120deg,#101633,#202457)!important;
  color:#fff!important;
  border:1px solid #ffffff29!important;
  border-radius:19px!important;
  box-shadow:0 16px 48px #0d143956!important;
  transform:none!important;
}

#rxq-hud .rxq-hud-mark {
  background:#ffffff16!important;
}

#rxq-hud .rxq-hud-label b {
  color:#fff!important;
}

#rxq-hud .rxq-hud-label small {
  color:#c9cde2!important;
}

#rxq-hud .rxq-hud-score {
  color:#ffb568!important;
  font-size:17px!important;
}

/* Святкове вікно */
#rxq-overlay.rxq-overlay {
  z-index:2147483646!important;
  background:#070b23c4!important;
  backdrop-filter:blur(12px)!important;
}

.rxq-dialog {
  border-radius:28px!important;
  box-shadow:0 35px 100px #070b2477!important;
  max-height:93dvh!important;
}

.rxq-dialog-head {
  background:
    radial-gradient(ellipse at 50% 78%,#ff933b38,transparent 47%),
    linear-gradient(145deg,#0a123a,#272254)!important;
  min-height:224px!important;
}

.rxq-brow {
  color:#ffce98!important;
  letter-spacing:.13em!important;
}

.rxq-head-title {
  font-size:clamp(25px,5vw,33px)!important;
  letter-spacing:-.045em!important;
}

.rxq-head-sub {
  color:#d8dcf5!important;
}

.rxq-hero-stage {
  position:relative;
  display:grid;
  place-items:center;
  width:126px;
  height:112px;
  margin:0 auto;
}

.rxq-hero-stage:before {
  content:'';
  position:absolute;
  width:96px;
  height:96px;
  border-radius:50%;
  background:radial-gradient(circle,#ffaf5144,transparent 68%);
  box-shadow:0 0 0 14px #ffffff09,0 0 0 26px #ffffff05;
}

.rxq-hero-stage .rxq-hero-pumpkin {
  position:relative!important;
  width:90px!important;
  height:90px!important;
  margin:0!important;
  filter:drop-shadow(0 10px 15px #ed6b3066)!important;
}

.rxq-star {
  position:absolute;
  color:#ffca86;
  font-size:19px;
}

.rxq-star.a {left:0;top:20px}
.rxq-star.b {right:0;top:0}

.rxq-dialog-body {
  background:linear-gradient(#fff,#fffdfa)!important;
  padding:23px 26px!important;
}

.rxq-progress-top strong {
  font-size:24px!important;
  color:#1b2350!important;
}

.rxq-track {
  height:10px!important;
  background:#edf0f7!important;
}

.rxq-fill {
  background:linear-gradient(90deg,#ffbd50,#ff7b2a)!important;
}

.rxq-collection-title {
  margin:15px 0 9px!important;
  color:#85899c!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
}

.rxq-step {
  border-radius:8px!important;
  background:#f4f5fa!important;
  border:1px solid #e6eaf3!important;
}

.rxq-step.is-collected {
  background:#fff0df!important;
  border-color:#ffd6ac!important;
}

.rxq-reward {
  border-radius:17px!important;
}

.rxq-btn {
  border-radius:13px!important;
}

@media (max-width:760px) {
  #rxq-hud.rxq-hud {
    right:10px!important;
    bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;
    min-width:160px!important;
  }
  .rxq-dialog-head {min-height:205px!important}
  .rxq-dialog-body {padding:18px!important}
  .rxq-hero-stage {height:91px!important}
  .rxq-hero-stage .rxq-hero-pumpkin {
    width:73px!important;
    height:73px!important;
  }
}

/* RXQ_V7_PRIZE_FOCUS */

.rxq-dialog-body {
  display:flex!important;
  flex-direction:column!important;
}

.rxq-reward {
  order:-1!important;
  position:relative!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  gap:15px!important;
  min-height:118px!important;
  padding:31px 18px 20px!important;
  margin:0 0 24px!important;
  border-radius:21px!important;
  border:1px solid #fac680!important;
  color:white!important;
  background:
    radial-gradient(circle at 100% 0%,
      #ffb5504d,transparent 55%),
    linear-gradient(120deg,
      #151338,#33214b 65%,#4b2650)!important;
  box-shadow:
    0 14px 35px #21113b2a,
    inset 0 0 0 1px #ffffff18!important;
}

.rxq-reward::before {
  content:'✦ ГОЛОВНИЙ ПРИЗ · 1 ІЗ 3 ✦';
  position:absolute;
  top:11px;
  left:19px;
  color:#ffd49e;
  font-size:10px;
  font-weight:900;
  letter-spacing:.11em;
}

.rxq-reward-ico {
  display:grid!important;
  place-items:center!important;
  width:57px!important;
  height:57px!important;
  flex:none!important;
  border-radius:17px!important;
  background:linear-gradient(
    140deg,#ffa53a,#f57234)!important;
  box-shadow:0 8px 23px #ff8f3266!important;
  font-size:29px!important;
}

.rxq-reward b {
  color:white!important;
  font-size:17px!important;
  line-height:1.25!important;
}

.rxq-reward small {
  color:#e6d5ec!important;
  font-size:11px!important;
  line-height:1.5!important;
}

/* Show the actual prize after completion. */
.rxq-win .rxq-reward {
  order:1!important;
  background:#f8f1ff!important;
  color:#201641!important;
  border-color:#ecd5ff!important;
  min-height:80px!important;
  padding-top:17px!important;
}

.rxq-win .rxq-reward::before {
  display:none!important;
}

.rxq-win .rxq-reward b {
  color:#201641!important;
}

.rxq-win .rxq-reward small {
  color:#67617c!important;
}

.rxq-win .rxq-win-drop {
  order:-1!important;
}

/* Quest always visible on checkout pages. */
body>#rxq-hud.rxq-hud {
  display:flex!important;
  visibility:visible!important;
}

body>#rxq-overlay.rxq-overlay.rxq-visible {
  display:flex!important;
  visibility:visible!important;
}

@media(max-width:520px) {
  .rxq-reward {
    padding:30px 13px 15px!important;
    gap:10px!important;
    min-height:106px!important;
  }

  .rxq-reward::before {
    left:14px;
    font-size:9px;
  }

  .rxq-reward-ico {
    width:47px!important;
    height:47px!important;
    font-size:25px!important;
  }

  .rxq-reward b {
    font-size:14px!important;
  }
}

/* RXQ_SECURE_2026 */
html.rxq-quest-locked .rxq-pumpkin{display:none!important}

/* RXQ_FINISH_V12 */
#rxq-overlay .rxq-simple-rules,
#rxq-overlay .rxq-ui-terms{
 display:none!important
}
#rxq-overlay #rxq-terms-1031{
 margin:12px 0 16px;
 padding:15px 17px;
 border-radius:17px;
 background:#f5f7ff;
 border:1px solid #e3e8ff;
 color:#273251;
 line-height:1.65
}
#rxq-overlay #rxq-terms-1031[hidden]{
 display:none!important
}
#rxq-overlay #rxq-terms-1031 b{
 display:block;
 margin-bottom:5px;
 font-size:13px;
 color:#18214a
}
#rxq-overlay #rxq-terms-1031 p{
 margin:0 0 8px;
 font-size:13px
}
#rxq-overlay #rxq-terms-1031 small{
 color:#6b738b;
 font-size:11px
}
#rxq-overlay .rxq-win .rxq-dialog-head{
 background:radial-gradient(ellipse at 50% 63%,#ff9d4d55,transparent 68%),linear-gradient(145deg,#10173e,#28215c)!important
}
#rxq-overlay .rxq-win .rxq-win-drop{
 border-color:#5573ff;
 box-shadow:inset 0 0 36px #a2b8ff25,0 18px 38px #131b4e39!important
}
#rxq-overlay .rxq-win .rxq-win-drop-name{
 text-shadow:0 2px 25px #ffc38c66
}
#rxq-overlay .rxq-win #rxq-buttons .rxq-btn{
 background:linear-gradient(110deg,#000ffe,#4a54ff)!important;
 box-shadow:0 12px 28px #000ffe35!important;
 font-weight:850!important
}
@media(min-width:761px){
 #rxq-overlay .rxq-dialog{
  width:min(610px,93vw)!important;
  max-width:610px!important
 }
}
@media(max-width:760px){
 #rxq-overlay #rxq-terms-1031{
  padding:11px 12px
 }
 #rxq-overlay #rxq-terms-1031 p{
  font-size:12px
 }
 #rxq-overlay .rxq-win .rxq-win-drop-img{
  width:137px!important;
  height:137px!important
 }
 #rxq-overlay .rxq-win .rxq-win-drop{
  padding:12px!important
 }
}