/* Separate from the chapter morph: translate copy, reframe the existing window. */
body.regi #produkt .copy{transition:translate 480ms cubic-bezier(.23,1,.32,1),filter 380ms ease}
body.regi.product-exhibit-open #produkt .copy{translate:-13vw 0;opacity:0!important;pointer-events:none!important;filter:blur(3px)}
.product-exhibit-rail{position:fixed;z-index:11;left:max(30px,6vw);top:25%;height:45%;width:180px;display:grid;grid-template-columns:3px 1fr;grid-template-rows:auto 1fr;gap:28px 20px;color:#b4aabc;font:12px Geist,Arial,sans-serif;opacity:0;visibility:hidden;translate:25px 0;transition:opacity 260ms ease,translate 480ms cubic-bezier(.23,1,.32,1),visibility 480ms;pointer-events:none}
body[data-chapter-id=produkt].product-exhibit-open .product-exhibit-rail{opacity:1;visibility:visible;translate:0 0;pointer-events:auto;transition-delay:110ms}
.exhibit-back{grid-column:1/-1;justify-self:start;background:none;border:0;color:#c7bdcf;font:inherit;padding:10px 0;cursor:pointer}
.exhibit-progress{height:100%;min-height:100px;width:2px;background:#ffffff18;overflow:hidden;border-radius:2px}.exhibit-progress>span{display:block;width:100%;height:100%;background:#c4afe8;transform-origin:top;transition:transform 440ms cubic-bezier(.23,1,.32,1)}
.exhibit-position{align-self:center;line-height:1.5}.exhibit-count{font-size:10px;font-variant-numeric:tabular-nums;color:#a99cb5;letter-spacing:1px}.exhibit-position strong{display:block;font-size:16px;font-weight:500;color:#eee9f2;margin:10px 0 6px}.exhibit-position p{font-size:11px;color:#afa4b9;max-width:135px}
.product-exhibit-rail button:focus-visible{outline:2px solid #c4afe8;outline-offset:5px}
body.regi.product-exhibit-instant #produkt .copy,body.product-exhibit-instant .product-exhibit-rail{transition:none}
@media(max-width:650px){.product-exhibit-rail{left:24px;right:24px;top:86px;width:auto;height:48px;grid-template-columns:auto 2px 1fr;grid-template-rows:1fr;gap:14px}.exhibit-back{grid-column:auto}.exhibit-progress{min-height:36px}.exhibit-position{display:flex;align-items:center;gap:10px}.exhibit-position strong{font-size:12px;margin:0}.exhibit-position p{font-size:10px;margin:0}.exhibit-count{display:none}body.regi.product-exhibit-open #produkt .copy{translate:-35vw 0}}
@media(prefers-reduced-motion:reduce){body.regi #produkt .copy,.product-exhibit-rail,.exhibit-progress>span{transition:none!important}body.regi.product-exhibit-open #produkt .copy{filter:none}}
/* Focus mode uses the reading area; global footer returns with the overview. */
.product-exhibit-concept{margin-top:18px;color:#d3c5e4;font:12px/1.5 Geist,Arial,sans-serif;letter-spacing:.02em;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 300ms ease}
body[data-chapter-id=produkt].product-exhibit-open .product-exhibit-concept:not([hidden]){opacity:1;visibility:visible}
body.regi.product-exhibit-open .chapters,body.regi.product-exhibit-open .site-details{opacity:0;visibility:hidden;pointer-events:none;transition:opacity 300ms ease,visibility 300ms}
.product-exhibit-rail{left:28px;width:130px;top:28%;height:44%;gap:24px 15px}
.product-exhibit-rail{left:50%;right:auto;top:auto;bottom:22px;width:min(920px,84vw);height:64px;translate:-50% 12px;grid-template-columns:auto 1fr;grid-template-rows:1fr 2px;gap:12px 24px;align-items:center}
body[data-chapter-id=produkt].product-exhibit-open .product-exhibit-rail{translate:-50% 0}
.exhibit-back{grid-column:1;grid-row:1;padding:10px 0}
.exhibit-progress{grid-column:1/-1;grid-row:2;width:100%;height:2px;min-height:0}
.exhibit-progress>span{transform-origin:left}
.exhibit-position{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:16px;line-height:1.4}
.exhibit-position strong,.exhibit-position p,.product-exhibit-concept{margin:0;max-width:none}
.exhibit-position strong{font-size:13px}.exhibit-position p{font-size:12px}.product-exhibit-concept{padding-left:16px;border-left:1px solid #ffffff25}
@media(max-width:650px){.product-exhibit-rail{left:50%;right:auto;top:auto;bottom:22px;width:88vw;height:66px;grid-template-columns:auto 1fr;gap:10px}.exhibit-position{gap:6px 12px;flex-wrap:wrap}.exhibit-position strong,.exhibit-position p,.product-exhibit-concept{font-size:10px}.product-exhibit-concept{padding:0;border:0}.exhibit-count{display:none}}

/* Mobile tour status stays in the thumb-safe bottom area. */
@media(max-width:650px){
 .product-exhibit-rail{bottom:calc(18px + env(safe-area-inset-bottom));width:calc(100vw - 40px);height:auto;min-height:80px;padding:12px 14px;background:rgb(20 18 22 / .94);border:1px solid #c4afe826;border-radius:12px;box-sizing:border-box;gap:8px 16px}
 .exhibit-position{display:grid;grid-template-columns:auto;gap:4px;text-align:right;justify-content:end}
 .exhibit-position .exhibit-count{display:block;font-size:13px;font-weight:600;line-height:1.2;letter-spacing:0;color:#f2eee8}
 .exhibit-position strong{display:none}
 .exhibit-position p{font-size:12px;color:#c4afe8;margin:0}
 .exhibit-position .product-exhibit-concept{display:none}
 .exhibit-back{min-height:44px;font-size:12px}
 .exhibit-progress{height:3px;border-radius:3px}
}
