.nckraft-product-media { float:left; width:50%; margin:0 4% 30px 0; }
.nckraft-product-media-switch { position:absolute; top:12px; left:12px; z-index:30; display:flex; gap:5px; }
.nckraft-product-media-switch button { display:grid; place-items:center; width:40px; height:40px; padding:0; border:1px solid rgba(26,30,32,.28); border-radius:3px; background:rgba(247,248,247,.94); color:var(--nk-carbon,#1a1e20); cursor:pointer; box-shadow:0 3px 12px rgba(16,20,22,.14); backdrop-filter:blur(5px); }
.nckraft-product-media-switch button[aria-selected="true"] { border-color:var(--nk-brass,#b08d57); background:var(--nk-brass,#b08d57); color:var(--nk-carbon-deep,#101416); }
.nckraft-product-media-switch button:focus-visible { outline:2px solid var(--nk-circuit,#3b8c82); outline-offset:2px; }
.nckraft-product-media-switch svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.nckraft-product-lightbox { position:absolute; top:12px; right:12px; z-index:30; display:grid; place-items:center; width:40px; height:40px; padding:0; border:1px solid rgba(26,30,32,.28); border-radius:3px; background:rgba(247,248,247,.94); color:var(--nk-carbon,#1a1e20); cursor:pointer; box-shadow:0 3px 12px rgba(16,20,22,.14); backdrop-filter:blur(5px); }
.nckraft-product-lightbox:hover,.nckraft-product-lightbox:focus-visible { border-color:var(--nk-brass,#b08d57); background:var(--nk-brass,#b08d57); color:var(--nk-carbon-deep,#101416); }
.nckraft-product-lightbox:focus-visible { outline:2px solid var(--nk-circuit,#3b8c82); outline-offset:2px; }
.nckraft-product-lightbox.is-hidden { visibility:hidden; opacity:0; pointer-events:none; }
.nckraft-product-lightbox svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.nckraft-product-media-stack { position:relative; display:grid; width:100%; aspect-ratio:1/1; }
.nckraft-product-media-panel { grid-area:1/1; min-width:0; visibility:hidden; opacity:0; pointer-events:none; }
.nckraft-product-media-panel.is-active { visibility:visible; opacity:1; pointer-events:auto; }
.nckraft-product-media-panel .woocommerce-product-gallery { float:none!important; width:100%!important; margin:0!important; }
.nckraft-3d-viewer { --viewer-accent:var(--nk-brass,#b08d57); --viewer-bg:var(--nk-carbon-deep,#101416); --viewer-panel:#252b2d; display:flex; flex-direction:column; width:100%; aspect-ratio:1/1; margin:0; border:1px solid rgba(197,202,201,.24); border-radius:3px; overflow:hidden; background:var(--viewer-bg); color:#f7f8f7; box-shadow:0 18px 50px rgba(0,0,0,.22); }
.nckraft-3d-product-viewer { float:left; width:50%; margin-right:4%; }
.nckraft-3d-stage { position:relative; flex:1; min-height:0; outline:none; touch-action:none; background:radial-gradient(circle at 50% 38%,#3a4143 0,#252b2d 44%,#101416 100%); }
.nckraft-3d-stage:focus-visible { box-shadow:inset 0 0 0 3px var(--viewer-accent); }
.nckraft-3d-stage canvas { display:block; width:100%; height:100%; }
.nckraft-3d-loading,.nckraft-3d-error { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; gap:10px; padding:25px; background:rgba(16,20,22,.82); color:#c5cac9; text-align:center; }
.nckraft-3d-loading span { width:18px; height:18px; border:2px solid rgba(170,180,173,.25); border-top-color:var(--viewer-accent); border-radius:50%; animation:nckraft-3d-spin .8s linear infinite; }
.nckraft-3d-error[hidden],.nckraft-3d-loading[hidden] { display:none; }
.nckraft-3d-error a { color:var(--viewer-accent); }
.nckraft-3d-toolbar { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(174,187,184,.18); background:var(--viewer-panel); }
.nckraft-3d-toolbar button { display:flex; align-items:center; justify-content:center; gap:7px; min-height:52px; padding:8px; border:0; border-right:1px solid rgba(174,187,184,.16); background:transparent; color:#aebbb8; font:inherit; cursor:pointer; }
.nckraft-3d-toolbar button:last-child { border-right:0; }
.nckraft-3d-toolbar button:hover,.nckraft-3d-toolbar button:focus-visible,.nckraft-3d-toolbar button[aria-pressed="true"] { background:rgba(176,141,87,.18); color:var(--viewer-accent); outline:none; }
.nckraft-3d-toolbar button span { font-size:1.1rem; line-height:1; }.nckraft-3d-toolbar button em { font-style:normal; font-size:.78rem; font-weight:750; }
.nckraft-3d-viewer:fullscreen { width:100vw; height:100vh; aspect-ratio:auto; margin:0; border:0; border-radius:0; background:var(--viewer-bg); }
.nckraft-3d-viewer:fullscreen .nckraft-3d-stage { flex:1; min-height:0; aspect-ratio:auto; }
@keyframes nckraft-3d-spin { to { transform:rotate(360deg); } }
@media (max-width:921px) { .nckraft-product-media,.nckraft-3d-product-viewer { float:none; width:100%; margin-right:0; } }
@media (max-width:768px) { .nckraft-3d-toolbar button em { display:none; } }
@media (prefers-reduced-motion:reduce) { .nckraft-3d-loading span { animation-duration:1.6s; } }