.product-preview-section.product-tour-section>.wrap{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.7fr);gap:2.5rem;align-items:start}
.product-tour{grid-column:2;grid-row:1/3;min-width:0;border:1px solid #D4D4D8;background:#FAFAFA}
.tour-stage{min-width:0;touch-action:pan-y pinch-zoom}
.tour-scene{margin:0}
.tour-frame{position:relative;display:grid;place-items:center;aspect-ratio:8/5;overflow:hidden;background:#F4F4F5}
.tour-crop{position:relative;width:var(--crop-width,100%);height:var(--crop-height,100%);overflow:hidden}
.tour-frame img{position:absolute;display:block;max-width:none;width:var(--view-width,100%);height:auto;left:var(--view-left,0);top:var(--view-top,0);user-select:none}
.tour-scene figcaption{padding:.75rem 1rem;font-size:.875rem}
.product-tour[data-ready] .tour-scene figcaption{display:none}
.tour-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #D4D4D8}
.tour-tabs button{position:relative;display:grid;align-content:start;gap:.5rem;min-width:0;min-height:80px;border:0;border-right:1px solid #D4D4D8;padding:1rem 1rem 1.25rem;text-align:left;font-size:.875rem;line-height:1.5;background:#FAFAFA;color:#52525B}
.tour-tabs button:last-child{border-right:0}
.tour-tabs .mono{font-size:.6875rem}
.tour-step-label{text-wrap:balance}
.tour-step-meta{display:flex;align-items:center;justify-content:space-between;min-height:1.125rem;gap:.5rem}
.tour-clock{display:flex;align-items:center;justify-content:flex-end;min-width:2ch}
.tour-clock svg{display:none;width:.75rem;height:.75rem}
.product-tour:is([data-playback=manual],[data-playback=static]) [aria-selected=true] .tour-paused{display:block}
.product-tour[data-playback=complete] [aria-selected=true] .tour-done{display:block}
.tour-progress{position:absolute;inset:auto .75rem .5rem;height:2px;overflow:hidden;background:rgb(82 82 91 / 16%)}
.tour-progress>span{display:block;height:100%;background:currentColor;transform-origin:left center;transform:scaleX(var(--tour-progress,0))}
.tour-tabs [aria-selected=true] .tour-progress{background:rgb(250 250 250 / 24%)}
.product-tour:is([data-playback=manual],[data-playback=static]) .tour-progress{visibility:hidden}
.tour-tabs button:hover{background:#E4E4E7;color:#18181B}
.tour-tabs button[aria-selected=true]{--focus-ring:#FAFAFA;background:#18181B;color:#FAFAFA}
.tour-tabs button:focus-visible{outline:2px solid var(--focus-ring,#18181B);outline-offset:-4px}
.tour-scene:focus-visible{outline:2px solid #18181B;outline-offset:-2px}
.product-tour[data-ready] .tour-scene:not([hidden]) .tour-frame{animation:tour-arrive 240ms ease-out}
@keyframes tour-arrive{from{opacity:.65}to{opacity:1}}
@media(max-width:900px){
 .product-preview-section.product-tour-section>.wrap{grid-template-columns:1fr;gap:1.5rem}
 .product-preview-section.product-tour-section .section-heading{grid-column:1;grid-row:auto}
 .product-tour{grid-column:1;grid-row:auto}
}
@media(max-width:540px){.tour-tabs button{padding:.75rem .625rem 1.25rem;font-size:.75rem;gap:.375rem}.tour-progress{inset-inline:.625rem}}
@media(prefers-reduced-motion:reduce){.product-tour[data-ready] .tour-scene:not([hidden]) .tour-frame{animation:none}}
@media print{.tour-tabs{display:none}.tour-scene[hidden]{display:block!important}.tour-scene{break-inside:avoid}.product-tour[data-ready] .tour-scene figcaption{display:block}}