/* Decorative layers never change WooCommerce/Elementor layout. */
.fyaz-theme-layer{
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:2147483000;
  overflow:visible;
}
.fyaz-theme-art{
  position:absolute;
  display:block;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  transform-origin:center;
  pointer-events:none;
}

/* Purpose-built vertical PNGs: no rotation, no stretching from horizontal art. */
.fyaz-edge-rail{
  --fyaz-edge-width:125px;
  position:fixed;
  top:0;
  bottom:0;
  width:var(--fyaz-edge-width);
  height:100vh;
  display:block;
  background-repeat:repeat-y;
  background-position:left top;
  background-size:100% auto;
  background-color:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  pointer-events:none;
  will-change:filter;
  z-index:1;
}
.fyaz-edge-rail-left{
  left:0;
  transform:translateZ(0);
  transform-origin:left center;
}
.fyaz-edge-rail-right{
  right:0;
  transform:translateZ(0);
  transform-origin:right center;
}
.fyaz-jungle-edge{
  background-image:url("themes/jungle/images/jungle-edge-v2.png");
  filter:drop-shadow(0 6px 10px rgba(0,0,0,.14));
}
.fyaz-edge-rail-right.fyaz-jungle-edge{background-image:url("themes/jungle/images/jungle-edge-right-v3.png")}
.fyaz-halloween-edge{
  background-image:url("themes/halloween/images/halloween-edge-v2.png");
  filter:drop-shadow(0 7px 11px rgba(0,0,0,.16));
}
.fyaz-edge-rail-right.fyaz-halloween-edge{background-image:url("themes/halloween/images/halloween-edge-right-v3.png")}
.fyaz-christmas-edge{
  background-image:url("themes/christmas/images/christmas-edge-v1.png");
  filter:drop-shadow(0 7px 12px rgba(78,25,10,.18));
}
.fyaz-edge-rail-right.fyaz-christmas-edge{background-image:url("themes/christmas/images/christmas-edge-right-v2.png")}
.fyaz-summer-edge{
  background-image:url("themes/summer/images/summer-edge-v1.png");
  filter:drop-shadow(0 6px 10px rgba(0,0,0,.14));
}
.fyaz-edge-rail-right.fyaz-summer-edge{background-image:url("themes/summer/images/summer-edge-right-v1.png")}
.fyaz-autumn-edge{
  background-image:url("themes/autumn/images/autumn-edge-v1.png");
  filter:drop-shadow(0 7px 11px rgba(83,38,8,.18));
}
.fyaz-edge-rail-right.fyaz-autumn-edge{background-image:url("themes/autumn/images/autumn-edge-right-v1.png")}
.fyaz-childrensday-edge{
  background-image:url("themes/childrensday/images/childrensday-edge-v1.png");
  filter:drop-shadow(0 6px 10px rgba(0,58,130,.16));
}
.fyaz-edge-rail-right.fyaz-childrensday-edge{background-image:url("themes/childrensday/images/childrensday-edge-right-v1.png")}

.fyaz-theme-art{opacity:1!important}
.fyaz-intensity-soft .fyaz-edge-rail{--fyaz-edge-width:100px}
.fyaz-intensity-full .fyaz-edge-rail{--fyaz-edge-width:150px}

.fyaz-interactive{
  position:fixed;
  display:block;
  z-index:3;
  pointer-events:auto;
  cursor:pointer;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  filter:drop-shadow(0 7px 9px rgba(0,0,0,.18));
  -webkit-tap-highlight-color:transparent;
}
.fyaz-touch-leaf{
  top:clamp(118px,14vh,158px);
  left:-8px;
  width:clamp(72px,6.5vw,118px);
  aspect-ratio:520/341;
  transform-origin:8% 52%;
  background-image:url("themes/jungle/images/jungle-touch-leaf-v1.png");
}
.fyaz-touch-pumpkin{
  top:54vh;
  right:12px;
  width:clamp(46px,4.25vw,71px);
  aspect-ratio:330/290;
  transform-origin:50% 88%;
  background-image:url("themes/halloween/images/halloween-touch-pumpkin-v1.png");
}
.fyaz-touch-baubles{
  top:0;
  right:18px;
  width:clamp(59px,5vw,89px);
  aspect-ratio:298/520;
  transform-origin:50% 0;
  background-image:url("themes/christmas/images/christmas-touch-baubles-v1.png");
}

body.fyaz-animations-on .fyaz-touch-leaf:hover,
body.fyaz-animations-on .fyaz-touch-leaf.fyaz-is-touched{animation:fyazLeafTouch .9s ease-in-out}
body.fyaz-animations-on .fyaz-touch-pumpkin:hover,
body.fyaz-animations-on .fyaz-touch-pumpkin.fyaz-is-touched{animation:fyazPumpkinTouch 1s ease-in-out}
body.fyaz-animations-on .fyaz-touch-baubles:hover,
body.fyaz-animations-on .fyaz-touch-baubles.fyaz-is-touched{animation:fyazBaublesTouch 1.25s ease-in-out}

@keyframes fyazLeafTouch{
  0%,100%{transform:rotate(0deg) translate3d(0,0,0)}
  25%{transform:rotate(8deg) translate3d(5px,1px,0)}
  52%{transform:rotate(-5deg) translate3d(-2px,-1px,0)}
  76%{transform:rotate(3deg) translate3d(2px,0,0)}
}
@keyframes fyazPumpkinTouch{
  0%,100%{transform:rotate(0deg) scale(1);filter:drop-shadow(0 7px 9px rgba(0,0,0,.18)) brightness(1)}
  28%{transform:rotate(-5deg) scale(1.04);filter:drop-shadow(0 0 17px rgba(255,125,18,.9)) brightness(1.2)}
  58%{transform:rotate(4deg) scale(1.03);filter:drop-shadow(0 0 24px rgba(255,168,45,.95)) brightness(1.28)}
  80%{transform:rotate(-2deg) scale(1.01);filter:drop-shadow(0 0 12px rgba(255,125,18,.65)) brightness(1.1)}
}
@keyframes fyazBaublesTouch{
  0%,100%{transform:rotate(0deg)}
  20%{transform:rotate(7deg)}
  42%{transform:rotate(-5deg)}
  64%{transform:rotate(3.2deg)}
  82%{transform:rotate(-1.5deg)}
}

.fyaz-home-hero-divider{
  display:none;
  position:absolute;
  left:0;
  width:100%;
  height:clamp(44px,4vw,62px);
  z-index:2147482999;
  pointer-events:none;
  background-color:transparent!important;
  background-repeat:repeat-x;
  background-position:center;
  background-size:auto 100%;
  filter:drop-shadow(0 5px 7px rgba(0,0,0,.16));
}
body.fyaz-theme-jungle .fyaz-home-hero-divider{background-image:url("themes/jungle/images/jungle-hero-divider-v1.png")}
body.fyaz-theme-halloween .fyaz-home-hero-divider{background-image:url("themes/halloween/images/halloween-hero-divider-v1.png")}
body.fyaz-theme-christmas .fyaz-home-hero-divider{background-image:url("themes/christmas/images/christmas-hero-divider-v1.png")}
body.fyaz-theme-summer .fyaz-home-hero-divider{background-image:url("themes/summer/images/summer-hero-divider-v1.png")}
body.fyaz-theme-autumn .fyaz-home-hero-divider{background-image:url("themes/autumn/images/autumn-hero-divider-v1.png")}
body.fyaz-theme-childrensday .fyaz-home-hero-divider{background-image:url("themes/childrensday/images/childrensday-hero-divider-v1.png")}

@media(prefers-reduced-motion:reduce){
  .fyaz-edge-rail,.fyaz-interactive{animation:none!important;transition:none!important}
}

@media(max-width:768px){
  .fyaz-edge-rail{
    --fyaz-edge-width:82px!important;
    opacity:1!important;
  }
  .fyaz-edge-rail-left{transform:translateZ(0)}
  .fyaz-edge-rail-right{transform:translateZ(0)}
  .fyaz-touch-leaf{top:104px;left:-7px;width:66px}
  .fyaz-touch-pumpkin{right:8px;width:46px}
  .fyaz-touch-baubles{right:8px;width:54px}
  .fyaz-home-hero-divider{height:42px}
}
