/* Arabic product phase: no sizing changes, only scoped visual feedback. */
body.oc-product-motion-ar {
  --oc-product-gold: #b88435;
  --oc-product-brown: #5f351f;
  --oc-product-ease: cubic-bezier(.22,.75,.24,1);
}

body.oc-product-motion-ar .oc-product-reveal {
  opacity: 0;
  transform: translate3d(0,16px,0);
  transition:
    opacity .56s var(--oc-product-ease),
    transform .56s var(--oc-product-ease),
    box-shadow .28s ease;
  transition-delay: var(--oc-product-delay,0ms);
}

body.oc-product-motion-ar .oc-product-reveal.oc-product-visible {
  opacity: 1;
  transform: translate3d(0,0,0);
}

body.oc-product-motion-ar .wd-single-gallery.oc-product-reveal {
  transform: translate3d(0,10px,0) scale(.992);
}

body.oc-product-motion-ar .wd-single-gallery.oc-product-reveal.oc-product-visible {
  transform: translate3d(0,0,0) scale(1);
}

body.oc-product-motion-ar :is(.wd-carousel-thumb,.wd-gallery-thumb,.wd-swatch,.wd-swatch-wrap) {
  transition: transform .22s ease, box-shadow .25s ease, border-color .25s ease;
}

@media (hover:hover) and (pointer:fine) {
  body.oc-product-motion-ar :is(.wd-carousel-thumb,.wd-gallery-thumb):hover {
    transform: translateY(-3px);
  }

  body.oc-product-motion-ar :is(.wd-swatch,.wd-swatch-wrap):hover {
    transform: translateY(-2px);
  }
}

body.oc-product-motion-ar .oc-product-updated {
  animation: ocProductValueUpdate .38s var(--oc-product-ease) both !important;
}

body.oc-product-motion-ar .woocommerce-tabs .panel.oc-product-panel-active {
  animation: ocProductPanelIn .42s var(--oc-product-ease) both !important;
}

@keyframes ocProductValueUpdate {
  0% { opacity:.55; transform:translateY(5px) scale(.99); }
  100% { opacity:1; transform:none; }
}

@keyframes ocProductPanelIn {
  0% { opacity:.3; transform:translateY(8px); }
  100% { opacity:1; transform:none; }
}

@media (max-width:767px) {
  body.oc-product-motion-ar .oc-product-reveal {
    transform: translate3d(0,10px,0);
    transition-duration: .46s;
  }

  body.oc-product-motion-ar .wd-single-gallery.oc-product-reveal {
    transform: translate3d(0,7px,0) scale(.996);
  }
}

@media (prefers-reduced-motion:reduce) {
  body.oc-product-motion-ar .oc-product-reveal,
  body.oc-product-motion-ar .oc-product-updated,
  body.oc-product-motion-ar .oc-product-panel-active,
  body.oc-product-motion-ar :is(.wd-carousel-thumb,.wd-gallery-thumb,.wd-swatch,.wd-swatch-wrap) {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }
}