/* V49.4 · Dedicated product experience; leaves the rest of V49 untouched. */
.shop-v22 .product-image-wrap{aspect-ratio:4/3;height:auto}
.shop-v22 .product-hover{opacity:1;transform:none;letter-spacing:.08em;padding:12px 16px;font-size:10px}
.product-actions{flex-wrap:wrap}.piece-discover{min-height:44px;border:1px solid #c6974e;background:#c6974e;color:#121210;padding:12px 18px;font:600 11px var(--mono,monospace);cursor:pointer;flex:1}.piece-discover span{margin-left:16px}
.product-actions .request-piece{min-height:44px;font-size:10px}
dialog.product-experience-dialog{width:min(1180px,calc(100vw - 48px));max-width:1180px;height:min(850px,90svh);max-height:90svh;overflow:auto;padding:0;border:1px solid #4f4638;background:#11100e;color:#ede8dd;border-radius:2px;overscroll-behavior:contain}
dialog.product-experience-dialog[open]{display:block!important}
.product-experience-dialog::backdrop{background:#000b;backdrop-filter:blur(3px)}
.piece-header{position:sticky;top:0;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 32px;background:#11100ef5;border-bottom:1px solid #c6974e44}
.piece-header>div{min-width:0}.piece-header span{display:block;color:#c6974e;font:600 9px var(--mono,monospace);letter-spacing:.13em;line-height:1.5}.piece-header h2{font-family:var(--head,Arial);font-size:clamp(22px,3vw,35px);line-height:1.1;letter-spacing:-.04em;margin:8px 0 0}
.piece-close{border:1px solid #8b816b;flex:none;width:44px;height:44px;border-radius:50%;background:transparent;color:#ede8dd;font:300 30px Arial;cursor:pointer}
.piece-layout{display:grid;grid-template-columns:1.25fr 1fr;align-items:start;gap:0;padding:0 32px 0 0}
.piece-stage{position:sticky;top:105px;height:calc(90svh - 142px);max-height:690px;min-height:400px;background:#181713;overflow:hidden}
.piece-image-stack{position:absolute;inset:20px 20px 80px;overflow:hidden}
.piece-image{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:var(--piece-position,center);opacity:0;transform:translateY(14px) scale(.98);transition:opacity .65s,transform .9s;pointer-events:none}
.piece-image.is-active{opacity:1;transform:scale(var(--piece-scale,1))}
.piece-mark{position:absolute;left:25px;top:30px;z-index:2;font:600 9px var(--mono,monospace);letter-spacing:.1em;color:#f5efd6;background:#151410b8;padding:8px 10px}
.piece-stage-bottom{position:absolute;bottom:22px;left:25px;right:25px;display:flex;gap:10px;align-items:center;justify-content:space-between}.piece-caption{font:500 9px var(--mono,monospace);text-transform:uppercase;letter-spacing:.06em;color:#d5c7a9;line-height:1.5}
.piece-nav{display:flex;gap:6px}.piece-nav button{border:1px solid #72694f;width:44px;height:44px;border-radius:50%;background:transparent;color:#ede8dd;font:500 10px var(--mono,monospace);cursor:pointer}.piece-nav button[aria-current]{background:#c6974e;border-color:#c6974e;color:#111}
.piece-chapters{min-width:0;padding:0 36px}.piece-chapters>article{min-height:65svh;display:flex;flex-direction:column;justify-content:center;padding:50px 0;border-bottom:1px solid #c6974e30;scroll-margin-top:130px}.piece-chapters>article:last-child{border:0}.piece-chapters article>span{font:600 9px var(--mono,monospace);letter-spacing:.13em;text-transform:uppercase;color:#c6974e}.piece-chapters h3{font-family:var(--head,Arial);font-size:clamp(27px,3.4vw,43px);letter-spacing:-.045em;line-height:1.08;margin:22px 0}.piece-chapters p{font:400 15px/1.8 var(--body,Arial);color:#b9b7ad;margin:0;max-width:420px}.piece-order{margin-top:28px;display:grid;gap:16px}.piece-order>strong{font:500 11px var(--mono,monospace);color:#c6974e}.piece-order .btn{min-height:48px;white-space:normal;text-align:left;line-height:1.4;padding:16px;display:flex;justify-content:space-between;gap:16px}
.site-creation-note{display:block!important;margin-top:12px;color:#8b877e;font:400 10px/1.5 var(--mono,monospace);letter-spacing:.02em}
.abri-project-link{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;margin-top:38px;border-top:1px solid #c6974e55;padding-top:30px;align-items:center}.abri-project-link>img{width:100%;aspect-ratio:3/2;object-fit:contain;background:#ece9e1}.abri-project-link span{font:600 9px var(--mono,monospace);letter-spacing:.12em;color:#c6974e}.abri-project-link h3{font:400 34px/1.05 var(--head,Arial);letter-spacing:-.04em;margin:14px 0}.abri-project-link p{font-size:13px;line-height:1.75;color:#b9b7ad}.abri-project-link a{display:inline-flex;min-height:44px;align-items:center;color:#e9d7b3;border-bottom:1px solid #c6974e;font:600 11px var(--mono,monospace);gap:18px}
@media(max-width:700px){dialog.product-experience-dialog[open]{width:calc(100vw - 20px)!important;max-height:92svh!important;height:92svh!important}.piece-header{padding:16px;gap:12px}.piece-header h2{font-size:25px}.piece-header span{font-size:8px}.piece-layout{display:flex;flex-direction:column;padding:0}.piece-stage{width:100%;height:36svh;min-height:220px;max-height:340px;top:95px;z-index:3}.piece-image-stack{inset:10px 14px 62px}.piece-mark{top:18px;left:18px;font-size:7px;padding:6px}.piece-stage-bottom{bottom:12px;left:18px;right:18px}.piece-caption{font-size:8px}.piece-chapters{padding:0 22px;width:100%}.piece-chapters>article{min-height:76svh;padding:37svh 0 40px;scroll-margin-top:46svh}.piece-chapters>article:first-child{min-height:38svh;padding-top:30px}.piece-chapters h3{font-size:33px;margin:17px 0}.piece-chapters p{font-size:14px;line-height:1.7}.abri-project-link{grid-template-columns:1fr;gap:20px}.abri-project-link h3{font-size:32px}.product-actions{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.piece-image{transition:none;transform:none}.piece-stage{position:relative;top:0}.piece-chapters>article,.piece-chapters>article:first-child{min-height:0;padding:30px 0}.product-experience-dialog::backdrop{backdrop-filter:none}}