/* AdeptDEV Product PJAX */
#adeptdev-product-pjax-progress{
  position:fixed;z-index:2147483000;top:0;left:0;right:0;height:3px;pointer-events:none;opacity:0;transition:opacity .18s ease;
}
#adeptdev-product-pjax-progress span{
  display:block;width:28%;height:100%;border-radius:0 999px 999px 0;
  background:linear-gradient(90deg,#8f1636,#d4325d,#ff617f);
  box-shadow:0 0 18px rgba(201,40,80,.34);
  transform:translateX(-120%);
}
#adeptdev-product-pjax-progress.is-active{opacity:1}
#adeptdev-product-pjax-progress.is-active span{animation:adeptdevPjaxProgress 1.05s cubic-bezier(.4,0,.2,1) infinite}
@keyframes adeptdevPjaxProgress{0%{transform:translateX(-120%)}55%{width:46%}100%{transform:translateX(360%);width:28%}}

.adeptdev-product-pjax-leaving{
  pointer-events:none;
  animation:adeptdevPjaxLeave .18s ease both;
}
.adeptdev-product-pjax-entering{opacity:0;transform:translateY(10px)}
.adeptdev-product-pjax-entered{animation:adeptdevPjaxEnter .34s cubic-bezier(.22,.8,.24,1) both}
@keyframes adeptdevPjaxLeave{to{opacity:.42;transform:translateY(3px)}}
@keyframes adeptdevPjaxEnter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

body.adeptdev-product-pjax-loading{cursor:progress}
body.adeptdev-product-pjax-loading .product-thumb a,
body.adeptdev-product-pjax-loading .adeptdev-product-card a{cursor:progress}

/* Native View Transitions where supported */
::view-transition-old(root){animation:adeptdevVTOut .18s ease both}
::view-transition-new(root){animation:adeptdevVTIn .30s cubic-bezier(.22,.8,.24,1) both}
@keyframes adeptdevVTOut{to{opacity:.55;transform:scale(.996)}}
@keyframes adeptdevVTIn{from{opacity:.25;transform:translateY(6px)}to{opacity:1;transform:none}}

body.nx-dark #adeptdev-product-pjax-progress span{
  box-shadow:0 0 22px rgba(255,67,112,.42);
}

@media (max-width:767px){
  #adeptdev-product-pjax-progress{height:2px}
  .adeptdev-product-pjax-entered{animation-duration:.28s}
}
@media (prefers-reduced-motion:reduce){
  #adeptdev-product-pjax-progress span,
  .adeptdev-product-pjax-leaving,
  .adeptdev-product-pjax-entered,
  ::view-transition-old(root),
  ::view-transition-new(root){animation:none!important;transition:none!important}
}