/* HallowixStudios V38 — Built-by CTA alignment, creator-store polygon ambience,
   and a self-contained animated ADVENTURES hover effect. */

/* PRODUCT / Built by: avatar | creator copy | CTA on the right. */
.product-detail-page .pd-builder{
  grid-template-columns:64px minmax(0,1fr) auto!important;
  grid-template-rows:auto!important;
  column-gap:14px!important;
  row-gap:0!important;
  align-items:center!important;
}
.product-detail-page .pd-builder > .pd-builder-avatar{
  grid-column:1!important;
  grid-row:1!important;
}
.product-detail-page .pd-builder > span:not(.pd-builder-avatar){
  grid-column:2!important;
  grid-row:1!important;
  align-self:center!important;
}
.product-detail-page .pd-builder-store{
  grid-column:3!important;
  grid-row:1!important;
  justify-self:end!important;
  align-self:center!important;
  margin-left:8px!important;
  white-space:nowrap!important;
}
@media(max-width:560px){
  .product-detail-page .pd-builder{
    grid-template-columns:52px minmax(0,1fr) auto!important;
    grid-template-rows:auto!important;
    column-gap:10px!important;
  }
  .product-detail-page .pd-builder-avatar{
    width:52px!important;
    height:52px!important;
  }
  .product-detail-page .pd-builder-store{
    grid-column:3!important;
    grid-row:1!important;
    justify-self:end!important;
    margin-left:2px!important;
    padding:7px 8px!important;
    font-size:.58rem!important;
  }
}

/* CREATOR STORE / colored polygon ambience. */
body.creator-store-active{
  --creator-decor-moss:#5C7A5E;
  --creator-decor-plum:#6D3E4D;
  --creator-decor-lantern:#D9B36C;
  --creator-decor-opacity:.42;
}
body.creator-store-active .builder-page{
  position:relative!important;
  isolation:isolate;
  overflow:hidden;
}
body.creator-store-active .builder-profile-section{
  position:relative;
  z-index:1;
  background:transparent!important;
}
.creator-store-polygons{display:none}
body.creator-store-active .creator-store-polygons{
  display:block;
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
  opacity:var(--creator-decor-opacity,.42);
}
body.creator-store-active .creator-store-polygons i{
  position:absolute;
  display:block;
  filter:saturate(.92);
  transform:translateZ(0);
  will-change:transform;
}
body.creator-store-active .creator-store-polygons .p1{width:34vw;height:31vw;min-width:280px;min-height:260px;left:-9vw;top:31%;background:var(--creator-decor-moss);clip-path:polygon(0 18%,74% 0,100% 58%,42% 100%,7% 72%);opacity:.34;animation:hxCreatorPolyFloatA 18s ease-in-out infinite alternate}
body.creator-store-active .creator-store-polygons .p2{width:27vw;height:24vw;min-width:230px;min-height:210px;right:-7vw;top:43%;background:var(--creator-decor-plum);clip-path:polygon(22% 0,100% 28%,82% 100%,0 72%);opacity:.31;animation:hxCreatorPolyFloatB 22s ease-in-out infinite alternate}
body.creator-store-active .creator-store-polygons .p3{width:22vw;height:19vw;min-width:180px;min-height:160px;left:14%;top:67%;background:var(--creator-decor-lantern);clip-path:polygon(13% 12%,78% 0,100% 68%,43% 100%,0 57%);opacity:.24;animation:hxCreatorPolyFloatC 20s ease-in-out infinite alternate}
body.creator-store-active .creator-store-polygons .p4{width:30vw;height:23vw;min-width:240px;min-height:190px;right:14%;top:78%;background:var(--creator-decor-moss);clip-path:polygon(0 30%,55% 0,100% 37%,74% 100%,18% 84%);opacity:.24;animation:hxCreatorPolyFloatA 24s ease-in-out infinite alternate-reverse}
body.creator-store-active .creator-store-polygons .p5{width:18vw;height:18vw;min-width:160px;min-height:160px;left:61%;top:57%;background:var(--creator-decor-plum);clip-path:polygon(50% 0,100% 38%,80% 100%,11% 84%,0 24%);opacity:.19;animation:hxCreatorPolyFloatB 19s ease-in-out infinite alternate-reverse}
body.creator-store-active .creator-store-polygons .p6{width:19vw;height:16vw;min-width:170px;min-height:145px;left:-4%;top:88%;background:var(--creator-decor-lantern);clip-path:polygon(0 8%,88% 0,100% 72%,35% 100%);opacity:.18;animation:hxCreatorPolyFloatC 23s ease-in-out infinite alternate}
@keyframes hxCreatorPolyFloatA{from{transform:translate3d(0,0,0) rotate(-2deg)}to{transform:translate3d(22px,-18px,0) rotate(2deg)}}
@keyframes hxCreatorPolyFloatB{from{transform:translate3d(0,0,0) rotate(2deg)}to{transform:translate3d(-19px,16px,0) rotate(-2.5deg)}}
@keyframes hxCreatorPolyFloatC{from{transform:translate3d(0,0,0) rotate(-1deg)}to{transform:translate3d(14px,20px,0) rotate(2deg)}}

/* HOME / ADVENTURES: luminous Minecraft-style energy effect without 3D transforms
   or parent compositing, so the service chips remain stable. */
.studio-section .studio-copy .pixel-gold{
  position:relative!important;
  display:inline-block!important;
  isolation:isolate!important;
  transform-origin:center!important;
  transition:transform .28s cubic-bezier(.16,1,.3,1),text-shadow .28s ease!important;
  will-change:transform,text-shadow!important;
}
.studio-section .studio-copy .pixel-gold::before{
  content:"";
  position:absolute;
  left:-4%;right:-4%;bottom:-.12em;
  height:.09em;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,var(--lantern,#D9B36C),#fff3bf,var(--lantern,#D9B36C),transparent);
  transform:scaleX(0);
  transform-origin:center;
  opacity:0;
  box-shadow:0 0 14px color-mix(in srgb,var(--lantern,#D9B36C) 70%,transparent);
  pointer-events:none;
}
.studio-section .studio-copy .pixel-gold::after{
  content:"✦";
  position:absolute;
  right:-.36em;
  top:-.42em;
  font-family:serif;
  font-size:.34em;
  line-height:1;
  color:#fff2bd;
  opacity:0;
  transform:scale(.35) rotate(-20deg);
  text-shadow:0 0 8px #fff,0 0 18px var(--lantern,#D9B36C);
  pointer-events:none;
}
@media(hover:hover) and (pointer:fine){
  .studio-section .studio-copy .pixel-gold:hover{
    transform:translateY(-2px) scale(1.055)!important;
    filter:none!important;
    text-shadow:
      0 0 5px color-mix(in srgb,var(--lantern,#D9B36C) 82%,#fff),
      0 0 18px color-mix(in srgb,var(--lantern,#D9B36C) 64%,transparent),
      2px 2px 0 color-mix(in srgb,var(--plum,#6D3E4D) 58%,transparent),
      -2px -1px 0 color-mix(in srgb,var(--moss,#5C7A5E) 48%,transparent)!important;
    animation:hxAdventurePulse .9s cubic-bezier(.16,1,.3,1) both!important;
  }
  .studio-section .studio-copy .pixel-gold:hover::before{animation:hxAdventureBeam .9s cubic-bezier(.16,1,.3,1) both}
  .studio-section .studio-copy .pixel-gold:hover::after{animation:hxAdventureSpark .9s cubic-bezier(.16,1,.3,1) both}
}
@keyframes hxAdventurePulse{
  0%{transform:translateY(-2px) scale(1.015)}
  38%{transform:translateY(-3px) scale(1.075)}
  64%{transform:translateY(-1px) scale(1.04)}
  100%{transform:translateY(-2px) scale(1.055)}
}
@keyframes hxAdventureBeam{
  0%{opacity:0;transform:scaleX(0)}
  28%{opacity:1;transform:scaleX(.32)}
  62%{opacity:.95;transform:scaleX(1)}
  100%{opacity:0;transform:scaleX(.72)}
}
@keyframes hxAdventureSpark{
  0%{opacity:0;transform:translate(-8px,8px) scale(.3) rotate(-35deg)}
  34%{opacity:1;transform:translate(0,0) scale(1.05) rotate(12deg)}
  68%{opacity:.92;transform:translate(5px,-5px) scale(.74) rotate(42deg)}
  100%{opacity:0;transform:translate(10px,-9px) scale(.3) rotate(72deg)}
}
@media(prefers-reduced-motion:reduce){
  body.creator-store-active .creator-store-polygons i,
  .studio-section .studio-copy .pixel-gold,
  .studio-section .studio-copy .pixel-gold::before,
  .studio-section .studio-copy .pixel-gold::after{animation:none!important;transition:none!important}
  .studio-section .studio-copy .pixel-gold:hover{transform:none!important;filter:none!important}
}