/* YSMINA STORE · six original premium RTL motion modes · isolated to the imported demo. */
body.ysmina-motion-site{--ys-gold:#c9a44c;--ys-ease:cubic-bezier(.22,1,.36,1);--ys-entrance:740ms;--ys-raise:38px}
body.ysmina-motion-v2{--ys-gold:#c7a64b;--ys-entrance:850ms;--ys-raise:27px}
body.ysmina-motion-v3{--ys-gold:#d0a950;--ys-entrance:910ms;--ys-raise:42px}
body.ysmina-motion-v4{--ys-gold:#d5af5a;--ys-entrance:1050ms;--ys-raise:48px}
body.ysmina-motion-v5{--ys-gold:#b88e36;--ys-entrance:680ms;--ys-raise:26px}
body.ysmina-motion-v6{--ys-gold:#c8a34e;--ys-entrance:740ms;--ys-raise:32px}
body.ysmina-motion-site .ys-motion-section{position:relative}
/* Never hide content without a running script. No row height or grid geometry changes. */
body.ysmina-motion-site.ys-motion-enabled .ys-motion-section.ys-motion-ready:not(.ys-motion-visible)>.rmb-row-in{opacity:0;transform:translate3d(0,var(--ys-raise),0)}
body.ysmina-motion-site.ys-motion-enabled .ys-motion-section.ys-motion-ready>.rmb-row-in{transition:opacity var(--ys-entrance) var(--ys-ease),transform var(--ys-entrance) var(--ys-ease);will-change:opacity,transform}
body.ysmina-motion-v3.ys-motion-enabled .ys-motion-step-1.ys-motion-ready:not(.ys-motion-visible)>.rmb-row-in{transform:translate3d(25px,30px,0)}
body.ysmina-motion-v4.ys-motion-enabled .ys-motion-step-2.ys-motion-ready:not(.ys-motion-visible)>.rmb-row-in{transform:translate3d(0,26px,0) scale(.975)}
body.ysmina-motion-v5.ys-motion-enabled .ys-motion-step-3.ys-motion-ready:not(.ys-motion-visible)>.rmb-row-in{transform:translate3d(-24px,25px,0)}
/* Sequential reveals stay inside the section; product and gallery click handlers remain native. */
body.ysmina-motion-site.ys-motion-enabled .ys-motion-section.ys-motion-visible .rwc-grid>.rwc-cell,
body.ysmina-motion-site.ys-motion-enabled .ys-motion-section.ys-motion-visible .rwc-cats>.rwc-cat,
body.ysmina-motion-site.ys-motion-enabled .ys-motion-section.ys-motion-visible .rmd-icta>.rmd-icta-i{animation:ys-item-enter 700ms var(--ys-ease) both;animation-delay:var(--ys-stagger,0ms)}
body.ysmina-motion-site.ys-motion-enabled .ys-motion-section.ys-motion-visible .rm-split-text>*,
body.ysmina-motion-site.ys-motion-enabled .ys-motion-section.ys-motion-visible .rmd-pbox-c>*,
body.ysmina-motion-site.ys-motion-enabled .ys-motion-section.ys-motion-visible .rm-hero-box>*{animation:ys-copy-enter 790ms var(--ys-ease) both;animation-delay:var(--ys-stagger,0ms)}
@keyframes ys-item-enter{from{opacity:.25;translate:0 24px;filter:blur(2px)}to{opacity:1;translate:0 0;filter:none}}
@keyframes ys-copy-enter{from{opacity:.15;translate:0 17px;filter:blur(4px)}to{opacity:1;translate:0 0;filter:none}}
/* Hero parallax uses independent CSS translate, keeping existing slider transforms intact. */
body.ysmina-motion-site.ys-motion-enabled .ys-motion-parallax{translate:var(--ys-pointer-x,0px) calc(var(--ys-scroll-y,0px) + var(--ys-pointer-y,0px));will-change:translate}
body.ysmina-motion-site.ys-motion-enabled .rm-hero-bg.ys-motion-parallax{scale:1.075;transition:scale 750ms ease}
body.ysmina-motion-site.ys-motion-enabled .rm-split-img.ys-motion-parallax,
body.ysmina-motion-site.ys-motion-enabled .rmd-pbox-bg img.ys-motion-parallax{scale:1.035}
/* Image editorial: gentle zoom, reflective sheen and staggered overlay for six variants. */
body.ysmina-motion-site .rmd-icta-i{isolation:isolate;backface-visibility:hidden;transition:transform .5s var(--ys-ease),box-shadow .45s ease}
body.ysmina-motion-site .rmd-icta-i .rmd-icta-img{transition:transform 1.1s var(--ys-ease),filter .65s ease}
body.ysmina-motion-site .rmd-icta-i:hover .rmd-icta-img,
body.ysmina-motion-site .rmd-icta-i:focus-visible .rmd-icta-img{transform:scale(1.065);filter:saturate(1.06)}
body.ysmina-motion-site .rmd-icta-i::after{content:"";pointer-events:none;position:absolute;inset:0;border-radius:inherit;z-index:3;background:linear-gradient(113deg,transparent 28%,rgba(255,239,194,.16) 48%,transparent 68%);opacity:0;transform:translateX(55%);transition:transform .9s var(--ys-ease),opacity .6s ease}
body.ysmina-motion-site .rmd-icta-i:hover::after{opacity:1;transform:translateX(-55%)}
body.ysmina-motion-site.ys-motion-enabled .rmd-icta-i.ys-pointer-card:hover,
body.ysmina-motion-site.ys-motion-enabled .rwc-cat.ys-pointer-card:hover{transform:perspective(1200px) rotateX(var(--ys-tilt-x,0deg)) rotateY(var(--ys-tilt-y,0deg)) translateY(-6px);box-shadow:0 25px 60px rgba(23,20,14,.18)}
body.ysmina-motion-site .rwc-cat{transition:transform .42s var(--ys-ease),box-shadow .42s ease;backface-visibility:hidden}
body.ysmina-motion-site .rwc-cat .rwc-cat-im img{transition:transform .85s var(--ys-ease),filter .8s ease}
body.ysmina-motion-site .rwc-cat:hover .rwc-cat-im img{transform:scale(1.07);filter:contrast(1.035)}
/* Product hover visuals don't change cart / swatch / quick-view semantics. */
body.ysmina-motion-site .rwc-card{transition:transform .42s var(--ys-ease),box-shadow .42s ease,border-color .42s ease}
body.ysmina-motion-site .rwc-card:hover,body.ysmina-motion-site .rwc-card:focus-within{transform:translateY(-7px);box-shadow:0 26px 66px rgba(31,23,12,.16)}
body.ysmina-motion-site .rwc-card-media{overflow:hidden}
body.ysmina-motion-site .rwc-card-media .rwc-card-im{transition:transform .8s var(--ys-ease)}
body.ysmina-motion-site .rwc-card:hover .rwc-card-media .rwc-card-im{transform:scale(1.055)}
body.ysmina-motion-site .rwc-card .rwc-tool{transition:transform .2s ease,background .25s ease,color .25s ease}
body.ysmina-motion-site .rwc-card .rwc-tool:hover{transform:translateY(-3px)}
body.ysmina-motion-site .rwc-badge{transition:transform .35s var(--ys-ease)}
body.ysmina-motion-site .rwc-card:hover .rwc-badge{transform:translateY(-2px)}
body.ysmina-motion-site .rwc-car-b{transition:transform .25s ease,background .25s ease}
body.ysmina-motion-site .rwc-car-b:hover{transform:scale(1.08)}
/* Magnetic links: movement is small, only on fine-pointer devices. */
@media(hover:hover) and (pointer:fine){
 body.ysmina-motion-site.ys-motion-enabled .ys-motion-magnetic{translate:var(--ys-mx,0px) var(--ys-my,0px);transition:translate .23s ease,box-shadow .3s ease}
}
/* Luxury micro-interactions for the mobile/desktop header and RTL mega-menu. */
body.ysmina-motion-site :is(.rmt-header,.rme-hb,.rmb-header) :is(a,button){-webkit-tap-highlight-color:transparent}
body.ysmina-motion-site :is(.rmt-header,.rme-hb,.rmb-header) a{transition:color .28s ease,opacity .28s ease}
body.ysmina-motion-site :is(.rmt-header,.rme-hb,.rmb-header) a:hover{color:var(--ys-gold)}
body.ysmina-motion-site .ysmina-mobile-header{transition:box-shadow .3s ease}
body.ysmina-motion-site.ys-scrolled .ysmina-mobile-header{box-shadow:0 12px 26px rgba(22,18,13,.09)}
body.ysmina-motion-site .ysmina-footer-1 a,body.ysmina-motion-site .ysmina-footer-2 a,body.ysmina-motion-site .ysmina-footer-3 a,body.ysmina-motion-site .ysmina-footer-4 a,body.ysmina-motion-site .ysmina-footer-5 a,body.ysmina-motion-site .ysmina-footer-6 a{transition:color .25s ease,opacity .25s ease}
body.ysmina-motion-site [class*=ysmina-footer-] a:hover{color:var(--ys-gold)!important}
/* Lightweight progress accent, added in JS only (non-interactive). RTL origin. */
body.ysmina-motion-site .ys-motion-meter{position:fixed;top:0;right:0;left:0;height:3px;z-index:999990;pointer-events:none;transform:scaleX(var(--ys-progress,0));transform-origin:right center;background:linear-gradient(270deg,var(--ys-gold),#fff1be,var(--ys-gold));will-change:transform}
@media(max-width:767px){
 body.ysmina-motion-site{--ys-raise:17px;--ys-entrance:550ms}
 body.ysmina-motion-site.ys-motion-enabled .ys-motion-section.ys-motion-visible .rwc-grid>.rwc-cell{animation-duration:480ms}
 body.ysmina-motion-site .rwc-card:hover{transform:none;box-shadow:none}
 body.ysmina-motion-site .ys-motion-meter{height:2px}
}
/* No forced motion for users preferring reduced motion, touch/low power. */
@media (prefers-reduced-motion:reduce){
 body.ysmina-motion-site .ys-motion-section>.rmb-row-in{opacity:1!important;transform:none!important;transition:none!important;will-change:auto!important}
 body.ysmina-motion-site .ys-motion-section :is(.rwc-cell,.rwc-cat,.rmd-icta-i,.rwc-card,.rmd-icta-img),
 body.ysmina-motion-site .ys-motion-section :is(.rm-split-text,.rmd-pbox-c,.rm-hero-box)>*,
 body.ysmina-motion-site .ys-motion-parallax,
 body.ysmina-motion-site .ys-motion-magnetic{animation:none!important;transition:none!important;translate:none!important;will-change:auto!important}
 body.ysmina-motion-site .ys-motion-meter{display:none!important}
}