.gpu-product{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#fff;color:#111;overflow:auto;overscroll-behavior:contain;font-family:system-ui,sans-serif;scrollbar-width:none}
.gpu-product::backdrop{background:transparent}.gpu-product::-webkit-scrollbar{display:none}
#product-gpu-canvas{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:2}
.gpu-product-stack{position:relative;display:flex;flex-direction:column;align-items:center;gap:48px;width:100%;padding-top:calc((100vh - var(--cell-h,30vw))/2);padding-bottom:calc((100vh - var(--cell-h,30vw))/2)}
.gpu-product-slot{width:23vw;display:block;flex-shrink:0;margin:0}.gpu-product-slot img{display:block;width:100%;height:auto;opacity:1;border-radius:8px}
.gpu-close,.gpu-product-label{position:fixed;top:1.25rem;z-index:4;font-size:.875rem;letter-spacing:.02em;background:none;border:0}.gpu-close{left:1.5rem}.gpu-product-label{right:1.5rem;opacity:.5;pointer-events:none}
.gpu-product-fact{position:fixed;top:10rem;left:auto;right:1.5rem;z-index:3;width:22vw;max-width:16rem;opacity:0;font-size:.875rem;line-height:1.35;letter-spacing:.02em}.gpu-product-fact h2{font-size:1rem;font-weight:400;margin:18px 0}.gpu-product-fact p{font-size:.875rem;line-height:1.35;margin:18px 0}.gpu-product-fact small{font-size:10px;color:#999}.gpu-product-number{font-size:10px;color:#888}.gpu-product-sizes{gap:4px}.gpu-product-sizes button{min-width:30px;height:30px;padding:0 6px;font-size:9px}
.gpu-product-nav{position:fixed;bottom:1.25rem;left:1.5rem;right:1.5rem;z-index:4;display:flex;justify-content:space-between;pointer-events:none}.gpu-product-nav button{pointer-events:auto;background:transparent;font-size:.875rem;padding:10px 0}.gpu-product-nav button:disabled{opacity:.2}
@media(max-width:600px){.gpu-product-fact{top:4rem;right:1rem;width:27vw;max-width:30vw;font-size:10px}.gpu-product-fact h2{font-size:12px}.gpu-product-fact p{font-size:10px}.gpu-product-description,.gpu-product-fact small{display:none}.gpu-product-sizes{max-width:100px}.gpu-product-slot{width:23vw}}

.gpu-product-slot{position:relative;width:34vw}.gallery-image-caption{position:absolute;top:50%;left:calc(100% + 3vw);width:23vw;transform:translateY(-50%);font-family:"MS Pretendard",sans-serif;font-size:clamp(22px,2.2vw,38px);font-weight:500;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;color:#222}.gpu-product-slot:nth-child(odd) .gallery-image-caption{left:auto;right:calc(100% + 3vw)}.gpu-product-fact{position:absolute;top:4rem}.gpu-product-stack{gap:100px}.gallery-image-caption:empty{display:none}
@media(max-width:768px){.gpu-product-slot{width:72vw}.gallery-image-caption,.gpu-product-slot:nth-child(odd) .gallery-image-caption{position:static;transform:none;width:100%;margin-top:20px;font-size:22px;line-height:1.55}.gpu-product-fact{position:relative;top:auto;right:auto;width:72vw;max-width:none;margin:80px auto 24px}.gpu-product-stack{padding-top:24px;gap:56px}.gpu-product-description,.gpu-product-fact small{display:block}}

/* Keep the original staggered image rhythm with captions on the open side. */
.gpu-product-slot{transform:translateX(var(--image-offset,0vw))}
.gpu-product-slot:nth-child(n) .gallery-image-caption{left:calc(100% + 3vw);right:auto}
.gpu-product-slot.caption-left .gallery-image-caption{left:auto;right:calc(100% + 3vw)}
@media(max-width:768px){.gpu-product-slot{transform:translateX(calc(var(--image-offset,0vw) * .35))}.gpu-product-slot:nth-child(n) .gallery-image-caption{position:static;left:auto;right:auto}}