/* Scoped to the standalone video-tour layout; classic and dashboard styles are untouched. */
body.wc-video-tour{display:block;background:var(--paper);overflow-x:clip}
/* Retain ZIP button styling over shared notification/design-system defaults. */
.wc-video-tour .btn-primary{background:var(--teal)!important;border:0!important;border-radius:12px!important;min-height:0;box-shadow:0 12px 24px -14px rgba(32,144,144,.9)}
.wc-video-tour .btn-primary:hover{background:var(--teal-deep)!important;transform:translateY(-2px)}
.wc-video-tour .btn-primary.btn-sm{border-radius:10px!important}
.site-header:focus-within{transform:none!important}
.site-header:focus-within .topbar{height:36px;opacity:1}
.drawer-portals{border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:12px}
.drawer-portals .eyebrow{margin:6px 0}
.landing-other{position:relative}
.landing-other summary{cursor:pointer;list-style:none}
.landing-other>div{position:absolute;top:100%;left:0;min-width:230px;max-width:80vw;max-height:60vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;box-shadow:var(--shadow)}
.landing-other a{display:block;padding:10px;font-size:14px;overflow-wrap:anywhere}
.landing-portals{display:flex;gap:20px;align-items:center;flex-wrap:wrap;font-size:12px}
.landing-portals a:hover{text-decoration:underline}
.landing-logout{display:inline-flex;margin:0}
.landing-logout button{border:0;background:none;cursor:pointer;font:inherit;padding:0}
.demo-notice{font-size:12px;line-height:1.5;margin:0 0 16px;padding:10px 14px;background:#eaf3f1;border:1px solid #c7deda;border-radius:10px;color:#294b4b}
.board-foot{white-space:normal;line-height:1.6}
.catalogue-art{width:100%;height:100%;object-fit:contain;display:block}
.catalogue-fallback{padding:20px;border:1px solid var(--line);border-radius:12px;display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}
.catalogue-fallback summary{cursor:pointer;font-weight:600;width:100%}
.catalogue-fallback a{display:inline-block;margin:8px 16px 0 0;text-decoration:underline}
.tour-note{font-size:11px;max-width:320px;line-height:1.4}
.vt-load.failed i{display:none}
.vt-load.failed{letter-spacing:0;text-transform:none;max-width:90%;text-align:center}
.tour-fallback .tour{height:auto!important}
.static.native-tour:not(.tour-fallback) .tour{height:720vh}
.static.native-tour:not(.tour-fallback) .stage{position:sticky}
.static.native-tour:not(.tour-fallback) .captions{display:grid}
.static.native-tour:not(.tour-fallback) .rail{display:flex}
.static.native-tour:not(.tour-fallback) .callouts{display:block}
.static.native-tour:not(.tour-fallback) .scroll-cue{display:flex}
.tour-fallback .stage{position:relative!important}
.tour-fallback #heroCopy{opacity:1!important;visibility:visible!important;transform:none!important}
.tour-fallback #heroScrim{opacity:1!important;visibility:visible!important}
.tour-fallback .captions,.tour-fallback .door-dock,.tour-fallback .rail,.tour-fallback .callouts,.tour-fallback .scroll-cue,.tour-fallback .hotspots,.tour-fallback .bubble{display:none!important}
.drawer.is-open{overscroll-behavior:contain}
.drawer .login-link{display:block;margin:12px 0}
.drawer .landing-logout{display:block}
.drawer .landing-logout .login-link{display:inline}
@media(max-width:1100px){.nav-actions>.login-link,.nav-actions>.landing-logout{display:none}}
.login-link:focus-visible,.nav-link:focus-visible,.mprod:focus-visible,.mw-card:focus-visible,.plink:focus-visible{outline:3px solid #079da0;outline-offset:4px;border-radius:4px}
@media(max-width:700px){.landing-portals{gap:12px;font-size:10px}.nav-actions>.login-link,.nav-actions>.landing-logout{display:none}.drawer .login-link{display:block;margin:12px 0}.drawer .landing-logout{display:block}.drawer .landing-logout .login-link{display:inline}.demo-notice{font-size:11px}.catalogue-fallback{padding:12px}.tour-note{font-size:10px}.static.native-tour:not(.tour-fallback) .rail{display:none}}
/* Sharp Fox at the tour's street and door stops (fox-hd.js): placed over the frame, fades out while the camera moves. */
.vt>img.vt-fox{inset:auto;width:auto;height:auto;object-fit:fill;opacity:0;transition:opacity .12s linear;pointer-events:none;user-select:none}
.vt>img.vt-fox.is-on{opacity:1;transition:opacity .3s ease}
/* Signed-in header: a readable cart pill (the shared site style is a 42px icon circle) and a matching Log out. */
.wc-video-tour .nav-actions .cart-link{width:auto;height:40px;display:inline-flex;align-items:center;gap:6px;padding:0 14px;border-radius:999px;white-space:nowrap;font:700 14px/1 var(--f-display)}
.wc-video-tour .drawer .cart-link{width:auto;height:auto;display:block;padding:12px 14px;border-radius:12px;font:700 15px/1.2 var(--f-display)}
.wc-video-tour .landing-logout button.login-link{font:700 14.5px var(--f-display);color:var(--ink-2)}
.wc-video-tour .landing-logout button.login-link:hover{color:var(--teal)}
.wc-video-tour .nav-link,.wc-video-tour .nav-actions .login-link{white-space:nowrap}
@media (max-width:1320px) and (min-width:1101px){.wc-video-tour .nav-in{gap:14px}.wc-video-tour .nav-link{padding:0 9px}.wc-video-tour .nav-actions{gap:6px}.wc-video-tour .nav-actions .login-link{padding:0 6px}.wc-video-tour .nav-actions .cart-link{padding:0 11px}}
/* Leaving a stop: the door still and the sharp Fox vanish at once, so no faded double of Fox is left
   over the moving picture (it looked like a see-through Fox walking to the door). They still fade in. */
.vt .vt-door:not(.is-on),.vt>img.vt-fox:not(.is-on){transition:none}
/* The live 3D stage (tour3d/tour3d.css) is only shown in 3D mode; the video tour never shows its empty layers. */
html:not(.tour-new) .wc-video-tour .gl3d,html:not(.tour-new) .wc-video-tour .gl-veil{display:none}

/* honey: the Fox shadow can reach a few pixels past a narrow screen; clip it (clip keeps sticky and scroll effects working). */
html:has(> body.wc-video-tour), body.wc-video-tour { overflow-x: clip; }

/* honey: on a landscape screen up to 1280px each quick action is about 100px wide, and a one-line title such as
   "Request a free survey" ran over the next one (honey2 too). Let the title wrap there, as portrait already does. */
@media (max-width:1280px) and (orientation:landscape){ .wc-video-tour .qa-txt b{white-space:normal} }