/* Apenas ?stylee-motion=preview. Hero, motor Alexandra, catálogo e checkout intactos. */
.stylee-motion-preview .sxm-preview-note { display:flex; justify-content:space-between; gap:16px; padding:16px 5.3%; background:#292b25; color:#f6f3ed; font:500 10px/1.5 var(--sx-sans); letter-spacing:.1em; }
.stylee-motion-preview .sxm-preview-note a { border-bottom:1px solid #c6ba9e; color:inherit; }
.stylee-motion-preview .sx-intro { position:relative; padding-block:148px 135px; }
.stylee-motion-preview .sx-intro::before { content:'seu jeito.'; position:absolute; right:-7%; bottom:9%; color:#e8e2d6; font:italic 400 clamp(110px,18vw,310px)/1 var(--sx-serif); letter-spacing:-.055em; pointer-events:none; transform:translate3d(var(--sxm-intro-x,0px),0,0); z-index:0; }
.stylee-motion-preview .sx-intro > * { position:relative; z-index:1; }
.stylee-motion-preview .sxm-type-a,.stylee-motion-preview .sxm-type-b { display:block; width:max-content; max-width:100%; }
.stylee-motion-preview .sxm-type-a { transform:translate3d(var(--sxm-type-a,0px),0,0); }
.stylee-motion-preview .sxm-type-b { transform:translate3d(var(--sxm-type-b,0px),0,0); color:#8a354d; }
.stylee-motion-preview .sx-collections__grid { perspective:1200px; }
.stylee-motion-preview .sx-collection { align-self:start; padding-top:0 !important; transform:none; }
.stylee-motion-preview .sx-section-head h2 em { color:var(--sx-accent); }
.stylee-motion-preview .sx-collection__caption { position:relative; }
.stylee-motion-preview .sx-collection__caption::before { content:''; display:block; width:34px; height:1px; margin-bottom:14px; background:var(--sx-accent); transform-origin:left; transition:width .35s ease; }
.stylee-motion-preview .sx-collection:focus-visible .sx-collection__photo { outline:3px solid #a84963; outline-offset:5px; }
@media (hover:hover) and (pointer:fine) {
  .stylee-motion-preview .sx-collection:hover { transform:none; }
  .stylee-motion-preview .sx-collection:hover .sx-collection__caption::before { width:72px; }
  .stylee-motion-preview .sx-collection:hover .sx-collection__photo { transform:perspective(1000px) rotateX(var(--sxm-rx,0deg)) rotateY(var(--sxm-ry,0deg)) scale(1.012); }
}
.stylee-motion-preview .sxf-flow { display:grid; grid-template-columns:minmax(220px,.7fr) 1.3fr; gap:clamp(28px,6vw,96px); align-items:end; padding-block:96px 88px; border-top:1px solid var(--sx-line); }
.stylee-motion-preview .sxf-flow__head .sx-label { color:var(--sx-accent); margin-bottom:22px; }
.stylee-motion-preview .sxf-flow__head h2 { font:400 clamp(42px,5vw,78px)/1.04 var(--sx-serif); letter-spacing:-.045em; }
.stylee-motion-preview .sxf-flow__head h2 em { color:var(--sx-accent); }
.stylee-motion-preview .sxf-flow__head > p:last-child { max-width:300px; margin-top:22px; color:var(--sx-muted); font-size:14px; line-height:1.8; }
.stylee-motion-preview .sxf-flow__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.stylee-motion-preview .sxf-flow__card { position:relative; min-height:200px; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-end; gap:10px; padding:56px 40px 24px 22px; background:#292b25; color:#f6f3ed; transition:background .3s ease; }
.stylee-motion-preview .sxf-flow__card::before { content:''; position:absolute; inset:0; background:linear-gradient(145deg,#fff2,transparent 44%); opacity:0; transition:opacity .35s ease; pointer-events:none; }
.stylee-motion-preview .sxf-flow__card:focus-visible { background:#8a354d; }
.stylee-motion-preview .sxf-flow__card:focus-visible::before { opacity:1; }
.stylee-motion-preview .sxf-flow__number { position:absolute; top:20px; left:22px; color:#d8ccb8; font:500 10px/1 var(--sx-sans); letter-spacing:.16em; }
.stylee-motion-preview .sxf-flow__card strong { position:relative; max-width:220px; font:400 clamp(20px,2vw,29px)/1.1 var(--sx-serif); }
.stylee-motion-preview .sxf-flow__card > span:not(.sxf-flow__number):not(.sxf-flow__arrow) { position:relative; color:#e2dbd0; font-size:13px; line-height:1.6; }
.stylee-motion-preview .sxf-flow__arrow { position:absolute; right:20px; bottom:18px; font-size:23px; transition:transform .3s ease; }
@media (hover:hover) and (pointer:fine) {
  .stylee-motion-preview .sxf-flow__card:hover { background:#8a354d; }
  .stylee-motion-preview .sxf-flow__card:hover::before { opacity:1; }
  .stylee-motion-preview .sxf-flow__card:hover .sxf-flow__arrow,.stylee-motion-preview .sxf-flow__card:focus-visible .sxf-flow__arrow { transform:translate(4px,-4px); }
}
.stylee-motion-preview :is(#sx-collections,#sx-arrivals,#sx-story,#sxm-presenca) { scroll-margin-top:90px; }
.stylee-motion-preview .sx-collection__photo { transform-style:preserve-3d; transform:perspective(1000px) rotateX(var(--sxm-rx,0deg)) rotateY(var(--sxm-ry,0deg)); transition:transform .22s ease-out; }
.stylee-motion-preview .sx-collection__photo::after { background:linear-gradient(125deg,#fff4,transparent 42%,#34302b08); opacity:0; transition:opacity .25s; }
.stylee-motion-preview .sx-collection:hover .sx-collection__photo::after { opacity:1; }
.stylee-motion-preview .sx-collection__go { transform:translateZ(36px); box-shadow:0 8px 20px #2222; }
.stylee-motion-preview .sx-collection__number { transform:translateZ(24px); }
.stylee-motion-preview .sx-collection__caption { position:relative; transform:none; }
.stylee-motion-preview .sx-story__frame { transform:translate3d(0,var(--sxm-story-y,0px),0) rotate(var(--sxm-story-r,0deg)); }
.stylee-motion-preview .sx-story__seal { transform:translate3d(0,var(--sxm-seal-y,0px),0) rotate(var(--sxm-seal-r,-11deg)); }
.stylee-motion-preview .sx-rio__word { transform:translate3d(var(--sxm-rio-x,0px),0,0); }

.sxm-scene { position:relative; background:#e9e1d2; color:#292d25; }
.sxm-scene__stage { position:relative; isolation:isolate; background:#e9e1d2; min-height:780px; height:100svh; max-height:1100px; overflow:clip; }
.sxm-scene__top,.sxm-scene__bottom { position:absolute; left:5.3%; right:5.3%; display:flex; justify-content:space-between; align-items:center; gap:20px; z-index:5; }
.sxm-scene__top { top:110px; }
.sxm-scene__bottom { bottom:30px; font:500 10px/1.5 var(--sx-sans); letter-spacing:.13em; }
.sxm-motion-toggle { border:1px solid #70664f88; background:transparent; color:#34382e; padding:10px 14px; min-height:42px; font:500 11px/1.3 var(--sx-sans); border-radius:0; cursor:pointer; }
.sxm-motion-toggle[hidden] { display:none; }
.sxm-motion-toggle:hover { background:#fff6; }
.sxm-scene__backword { position:absolute; left:4%; right:4%; top:22%; padding:.08em .14em .22em; text-align:center; font:italic 400 clamp(54px,17vw,300px)/1.16 var(--sx-serif); letter-spacing:-.055em; white-space:nowrap; color:#d5cab6; z-index:-1; pointer-events:none; }
.sxm-scene__orbit { position:absolute; width:76%; height:50%; left:27%; top:26%; border:1px solid #ad9b7d88; border-radius:50%; transform:rotate(-24deg); z-index:-1; pointer-events:none; }
.sxm-scene__index { position:absolute; top:44%; left:2%; display:grid; justify-items:center; gap:14px; font:400 9px/1 var(--sx-sans); color:#7c725e; }
.sxm-scene__index i { width:1px; height:80px; background:#b3a387; transform-origin:top; }
.sxm-object { position:absolute; left:27%; top:15%; width:46%; height:76%; max-width:760px; pointer-events:none; mix-blend-mode:multiply; transform:translate3d(22vw,0,0); }
.sxm-object__plane { width:100%; height:100%; }
.sxm-object__image { display:block; width:100%; height:100%; object-fit:contain; }
.sxm-scene__copy { position:absolute; left:7%; top:32%; width:47%; max-width:680px; z-index:3; }
.sxm-scene__copy > .sx-label { color:#685840; margin-bottom:24px; }
.sxm-scene h2 { font:400 clamp(45px,5.4vw,94px)/1.06 var(--sx-serif); letter-spacing:-.045em; color:#292d25; }
.sxm-scene__last { font:italic 400 clamp(30px,3.3vw,56px)/1.2 var(--sx-serif); letter-spacing:-.025em; color:#8a354d; margin-top:18px !important; }
.sxm-scene__description { font-size:14px; line-height:1.85; margin-top:26px !important; color:#504f44; }
.sxm-scene__copy .sx-textlink { margin-top:14px; }
.sxm-scroll-cue { display:flex; gap:24px; align-items:center; }
.sxm-scroll-cue > span { font-size:20px; }

/* Sticky só é habilitado após JS pronto. Sem JS/redução: composição estática. */
@media (min-width:1000px) and (min-height:600px) and (prefers-reduced-motion:no-preference) {
  .stylee-motion-preview.sxm-ready:not(.sxm-reduced) .sxm-scene { height:220svh; }
  .stylee-motion-preview.sxm-ready:not(.sxm-reduced) .sxm-scene__stage { position:sticky; top:0; height:100svh; min-height:600px; max-height:none; }
  .stylee-motion-preview.sxm-ready:not(.sxm-reduced) .sxm-object { transform:translate3d(var(--sxm-object-x,7vw),var(--sxm-object-y,70px),0); }
  .stylee-motion-preview.sxm-ready:not(.sxm-reduced) .sxm-object__plane { transform:rotate(var(--sxm-object-r,-15deg)) scale(var(--sxm-object-s,.82)); }
  .stylee-motion-preview.sxm-ready:not(.sxm-reduced) .sxm-scene__copy { transform:translate3d(0,var(--sxm-copy-y,64px),0); opacity:var(--sxm-copy-o,1); }
  .stylee-motion-preview.sxm-ready:not(.sxm-reduced) .sxm-scene__backword { transform:translate3d(var(--sxm-word-x,0px),0,0); }
  .stylee-motion-preview.sxm-ready:not(.sxm-reduced) .sxm-scene__orbit { transform:rotate(var(--sxm-orbit-r,-24deg)); }
}
@media (max-width:999px),(max-height:599px) {
  .sxm-scene__stage { height:auto; min-height:0; max-height:none; padding:32px 6% 35px; display:flex; flex-direction:column; }
  .sxm-scene__top,.sxm-scene__bottom { position:relative; top:auto; left:auto; right:auto; bottom:auto; }
  .sxm-scene__top { align-items:center; gap:10px; }
  .sxm-scene__top .sx-label { max-width:52%; font-size:9px; }
  .sxm-motion-toggle { font-size:10px; padding:8px; }
  .sxm-scene__backword { top:16%; transform:translate3d(var(--sxm-word-x,0px),0,0); }
  .sxm-scene__orbit { top:17%; left:0; width:115%; height:25%; }
  .sxm-scene__index { display:none; }
  .sxm-object { position:relative; left:auto; top:auto; align-self:center; width:92%; height:370px; max-height:68svh; margin:20px 0 12px; transform:translate3d(0,var(--sxm-object-y,0px),0); }
  .sxm-object__plane { transform:translate3d(var(--sxm-object-x,0px),0,0) rotate(var(--sxm-object-r,0deg)) scale(var(--sxm-object-s,1)); }
  .sxm-scene__copy { position:relative; top:auto; left:auto; width:100%; max-width:100%; }
  .sxm-scene__copy > .sx-label { font-size:9px; margin-bottom:18px; }
  .sxm-scene h2 { font-size:clamp(39px,9vw,76px); }
  .sxm-scene__last { font-size:clamp(29px,7vw,46px); margin-top:15px !important; }
  .sxm-scene__description { font-size:13px; margin-top:20px !important; }
  .sxm-scene__bottom { margin-top:32px; font-size:8px; border-top:1px solid #ac9d8288; padding-top:18px; }
  .sxm-scroll-cue { gap:10px; }
  .stylee-motion-preview .sx-intro { padding-block:80px; }
  .stylee-motion-preview .sx-intro::before { font-size:26vw; bottom:42%; right:-3%; }
  .stylee-motion-preview .sxm-preview-note { padding-inline:20px; font-size:8px; }
  .stylee-motion-preview .sxf-flow { grid-template-columns:1fr; gap:30px; padding-block:68px 62px; }
  .stylee-motion-preview .sxf-flow__head h2 { font-size:clamp(40px,10vw,70px); }
  .stylee-motion-preview .sxf-flow__grid { gap:10px; }
  .stylee-motion-preview .sxf-flow__card { min-height:200px; padding:50px 24px 38px 18px; }
}
@media (max-width:380px) {
  .stylee-motion-preview .sxf-flow__grid { grid-template-columns:1fr; }
  .stylee-motion-preview .sxf-flow__card { min-height:160px; padding:46px 42px 24px 22px; }
}
@media (max-height:599px) and (orientation:landscape) {
  .sxm-object { width:46%; align-self:flex-end; max-height:none; height:390px; margin-bottom:-300px; }
  .sxm-scene__copy { width:52%; padding-top:20px; }
  .sxm-scene h2 { font-size:5vw; }
  .sxm-scene__last { font-size:3.5vw; }
}
.stylee-motion-preview.sxm-reduced :is(.sx-collection,.sx-collection__photo,.sx-collection__caption,.sxm-type-a,.sxm-type-b,.sx-story__frame,.sx-story__seal,.sx-rio__word,.sxm-object__plane) { transform:none !important; }
.stylee-motion-preview.sxm-reduced .sxm-object { --sxm-object-y:0px; }
.stylee-motion-preview.sxm-reduced .sx-intro::before { transform:none; }
.stylee-motion-preview.sxm-reduced .sxm-scene__backword { transform:none; }
.stylee-motion-preview.sxm-reduced :is(.sxf-flow__card,.sxf-flow__arrow) { transition:none; transform:none; }

/* Reutiliza o contexto do motor original da Alexandra. Sem novo observador. */
html.stylee-filme body.stylee-motion-preview:not(.stylee-menu-aberto) .stylee-header:is(.is-transparent,.is-solid,.is-scrolled) {
  background:transparent !important; box-shadow:none !important;
}
/* O degradê original sobre o filme continua cuidando da leitura dos ícones. */
body.stylee-motion-preview .stylee-footer .stylee-footer__logo {
  width:160px !important; height:auto !important; max-width:100%; object-fit:contain; aspect-ratio:800/459;
}
.stylee-motion-preview .sx-rio { padding-bottom:26px; }
.stylee-motion-preview .sx-rio__word {
  position:relative; display:block; width:max-content; max-width:80%; margin:18px 7% 0 auto;
  right:auto; bottom:auto; font-size:clamp(120px,18vw,250px); line-height:1.14; padding:0 .12em .18em; color:#9b896566;
}
@media (max-width:1199px) {
  .stylee-motion-preview .sx-intro::before {
    left:0; right:0; text-align:center; font-size:clamp(64px,18vw,180px); line-height:1.25; padding:.06em .12em .2em;
  }
}
@media (prefers-reduced-motion:reduce) {
  .stylee-motion-preview :is(.sxf-flow__card,.sxf-flow__arrow) { transition:none; transform:none !important; }
  .stylee-motion-preview :is(.sx-collection,.sx-collection__photo,.sx-collection__caption,.sxm-type-a,.sxm-type-b,.sx-story__frame,.sx-story__seal,.sx-rio__word,.sxm-object__plane) { transform:none !important; }
  .stylee-motion-preview .sx-intro::before { transform:none; }
  .stylee-motion-preview .sxm-scene__backword { transform:none; }
}