.market-demo-label{position:absolute;left:16px;bottom:14px;z-index:2;color:#fff;font-size:13px;font-weight:700;line-height:1.3;letter-spacing:.04em;margin:0;pointer-events:none;text-shadow:0 1px 4px #0009,0 0 10px #0006}.market-guide-restart{border:1px solid #d9d6b8;border-radius:24px;background:#fffdf1;color:#536538;padding:10px 18px;cursor:pointer;margin-top:12px}.market-guide[hidden]{display:none!important}.market-guide{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center;padding:24px;background:#242c191f;box-sizing:border-box}.market-guide-paper{display:flex;gap:20px;align-items:center;width:min(600px,100%);background:#fffdf2;border:2px solid #e3dbb7;border-radius:26px;padding:24px;box-shadow:0 16px 60px #25341835;box-sizing:border-box}.market-guide-paper img{width:110px;height:130px;object-fit:contain}.market-guide-paper small{color:#7d865d}.market-guide-paper h2{font-size:21px;color:#405332;margin:10px 0}.market-guide-paper p{font-size:15px;line-height:1.8;color:#5e614c;margin:0}.market-guide footer{display:flex;gap:12px;align-items:center;margin-top:18px}.guide-progress{font-size:12px;color:#8c927a;margin-right:auto}.market-guide button{cursor:pointer;border:0;border-radius:18px;padding:10px 16px;font:inherit}.guide-next{background:#607b3e;color:white}.guide-skip{background:transparent;color:#777e64}.market-guide-target{outline:4px solid #85a64f;outline-offset:5px;box-shadow:0 0 0 10px #f7f6dccc!important}.market-guide button:focus-visible{outline:3px solid #d39b46;outline-offset:3px}@media(max-width:600px){.market-guide{padding:12px}.market-guide-paper{padding:16px;gap:10px}.market-guide-paper img{width:64px;height:90px}.market-guide-paper h2{font-size:18px}.market-guide-paper p{font-size:13px}.market-guide footer{gap:6px}.market-guide button{font-size:13px;padding:9px 12px}}

/* Card-local fox guidance for the two demo entry points. */
.market-guide.card-guide{background:transparent;pointer-events:none;padding:0;display:block}
.card-guide .market-guide-paper{position:fixed;width:min(360px,calc(100vw - 24px));padding:0;gap:10px;align-items:flex-start;border:0;border-radius:0;background:none;box-shadow:none;pointer-events:auto}
.card-guide .market-guide-paper>img{width:48px;height:48px;flex:0 0 48px;object-fit:cover;border:3px solid white;border-radius:50%;background:#fff5da;box-sizing:border-box}
.card-guide .market-guide-paper>div{position:relative;flex:1;min-width:0;background:#fffdf2;border:2px solid #fff;border-radius:20px;padding:15px;box-shadow:0 5px 16px #51402620}
.card-guide .market-guide-paper>div:before{content:'';position:absolute;left:-8px;top:16px;width:12px;height:12px;background:#fffdf2;border-left:2px solid white;border-bottom:2px solid white;transform:rotate(45deg)}
.card-guide .market-guide-paper[data-tail="right"]{flex-direction:row-reverse}
.card-guide .market-guide-paper[data-tail="right"]>div:before{left:auto;right:-8px;transform:rotate(225deg)}
.card-guide .market-guide-paper[data-tail="top"]>div:before{left:22px;top:-8px;transform:rotate(135deg)}
.card-guide .market-guide-paper[data-tail="bottom"]>div:before{left:22px;top:auto;bottom:-8px;transform:rotate(-45deg)}
.card-guide .market-guide-paper small{font-size:10px}
.card-guide .market-guide-paper h2{font-size:16px;margin:6px 0 8px}
.card-guide .market-guide-paper p{font-size:13px;line-height:1.7}
.card-guide footer{gap:6px;margin-top:12px}
.card-guide button{font-size:12px;padding:8px 10px}
.card-guide .guide-progress{font-size:10px}
.market-guide-target{outline:2px solid #85a64f;outline-offset:4px;box-shadow:0 4px 16px #607b3e24!important;scroll-margin-top:18px}

.card-guide-shade{display:none;position:fixed;inset:0;width:100%;height:100%;pointer-events:none}
.card-guide-shade path{fill:rgba(22,25,30,.42);pointer-events:fill}
.card-guide .card-guide-shade{display:block}
.card-guide .market-guide-paper{z-index:1}

/* A continuous photo → market → digital room introduction. */
.guide-visual{display:none}
.market-guide.intro-guide{align-items:center;gap:4vw;padding:24px 5vw;background:#f4f0e3f7}
.intro-guide .market-guide-paper{width:42%;max-width:480px;max-height:calc(100dvh - 48px);overflow:auto;flex-shrink:0;box-shadow:none;background:transparent;border:0;padding:12px;gap:10px;align-items:flex-start}
.intro-guide .market-guide-paper>img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.intro-guide .market-guide-paper>div{min-width:0}
.intro-guide .guide-visual{display:flex;position:relative;width:50%;height:min(410px,70dvh);align-items:center;justify-content:center;gap:12px}
.guide-visual figure{margin:0;box-sizing:border-box}
.guide-visual .guide-photo{position:absolute;width:43%;padding:7px 7px 12px;border-radius:15px;background:#fffdf5;box-shadow:0 12px 32px #55462f26;transform:rotate(-10deg) translate(-65%,-15%)}
.guide-visual .guide-photo:nth-child(2){transform:rotate(8deg) translate(65%,-10%)}
.guide-visual .guide-photo:nth-child(3){transform:rotate(-3deg) translate(0,23%)}
.guide-photo img{display:block;width:100%;height:min(220px,35dvh);object-fit:cover;border-radius:10px}
.guide-visual figcaption{text-align:center;font-size:12px;line-height:1.5;color:#6b684e;padding:9px 4px 0}
.guide-model{overflow:hidden;border:1px solid #e4dfcb;background:#fffdf5;border-radius:20px;box-shadow:0 12px 28px #55462f12;padding-bottom:10px}
.guide-room{width:68%;align-self:flex-start;margin-top:12px!important}
.guide-furniture{width:37%;align-self:flex-end;margin-left:-10%!important;z-index:1}
.guide-model img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.guide-room img{aspect-ratio:1.15;object-fit:contain;background:#1e2b43}
.market-guide.gather-guide{background:#242c1915;align-items:flex-end;justify-content:flex-end;padding:20px}
.gather-guide .market-guide-paper{width:min(480px,60vw);padding:18px;gap:12px}
.gather-guide .market-guide-paper>img{width:42px;height:42px;object-fit:cover;border-radius:50%}
.guide-flying-photo{position:fixed;object-fit:cover;transform-origin:top left;z-index:2;pointer-events:none}
@media(orientation:landscape) and (max-height:600px){
 .market-guide.intro-guide{padding:12px 3vw;gap:2vw}.intro-guide .market-guide-paper{width:46%;padding:8px;max-height:calc(100dvh - 24px)}
 .intro-guide .guide-visual{width:50%;height:76dvh}.intro-guide .market-guide-paper h2{font-size:18px}.intro-guide .market-guide-paper p{font-size:12px;line-height:1.8}
 .intro-guide .market-guide-paper>img{width:30px;height:30px}.intro-guide footer{flex-wrap:wrap;gap:5px}.intro-guide button{padding:8px 10px;font-size:12px}
 .gather-guide .market-guide-paper{max-width:430px;padding:12px}.gather-guide .market-guide-paper p{font-size:12px}.gather-guide .market-guide-paper h2{font-size:16px;margin:4px 0}
 .guide-visual figcaption{font-size:11px}.guide-model{border-radius:14px}
}
@media(orientation:portrait) and (max-width:650px){
 .market-guide.intro-guide{flex-direction:column;gap:12px;padding:20px}.intro-guide .guide-visual{width:100%;height:36dvh}.intro-guide .market-guide-paper{width:100%;max-height:50dvh}.guide-photo img{height:22dvh}.guide-room{width:60%}.guide-furniture{width:33%}.gather-guide .market-guide-paper{width:100%}
}
.market-guide footer{padding:0;text-align:left}
.market-guide.intro-guide{background:#f4f0e3}
.gather-guide .market-guide-paper{align-items:flex-start}

/* A real furniture photo becomes its digital twin, followed by the room. */
.model-guide .guide-visual{gap:12px;align-items:center}
.model-guide .guide-furniture{width:34%;margin:0!important;align-self:center;flex-shrink:0}
.model-guide .guide-room{width:66%;margin:0!important;align-self:center;flex-shrink:0;position:relative}
.furniture-morph{position:relative;overflow:hidden;background:#edf0dd}
.furniture-morph img{aspect-ratio:1;object-fit:cover}
.furniture-morph .model-photo{position:absolute;inset:0;height:100%;width:100%}
.model-transforming .furniture-morph:after{content:'';position:absolute;inset:-100% 0;background:linear-gradient(transparent 40%,#ffedab99 49%,#fff8df 50%,transparent 60%);animation:model-scan 1.1s ease-in-out;pointer-events:none}
@keyframes model-scan{from{transform:translateY(-35%)}to{transform:translateY(35%)}}
.room-model-view{position:relative;width:100%;aspect-ratio:1/1.15;background:#1e2b43;overflow:hidden;touch-action:none;cursor:grab}
.room-model-view:active{cursor:grabbing}
.room-model-view>img{width:100%;height:100%;object-fit:contain}
.room-model-view canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;opacity:0;transition:opacity .4s}
.room-model-view.model-ready canvas{opacity:1}
.model-help{display:block;font-size:10px;color:#92947b;margin-top:3px}
.market-guide .model-reset{font-size:10px;padding:4px 10px;min-height:28px;margin-top:4px;background:#edeedc;color:#617449}
@media(orientation:portrait) and (max-width:650px){.model-guide .guide-visual{height:38dvh}.model-guide .guide-room{width:58%}.model-guide .guide-furniture{width:30%}.room-model-view{aspect-ratio:1.2}}

.card-guide .market-guide-paper p{white-space:pre-line}

.market-demo-ready [data-product="market-blue-chair"] .favorite-button:not(.saved),.market-demo-ready [data-product="market-table"] .favorite-button:not(.saved){animation:demo-invitation-glow 2.4s ease-in-out infinite}
.market-demo-ready [data-product="market-table"] .favorite-button{animation-delay:.6s!important}
@keyframes demo-invitation-glow{0%,100%{box-shadow:0 0 0 0 #e6bd5a00,0 0 6px #e6bd5a22}50%{box-shadow:0 0 0 4px #e6bd5a35,0 0 19px #e6bd5a99}}
@media(prefers-reduced-motion:reduce){.market-demo-ready .favorite-button{animation:none!important;box-shadow:0 0 10px #e6bd5a77}}

.guide-experience-note{margin-top:12px;color:#8b8875;font-size:10px;line-height:1.6;font-weight:400}.card-guide .guide-experience-note{font-size:9px;margin-top:8px}

.card-guide .guide-experience-note{display:none}

.guide-experience-note{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}