.c360-viewer{font-family:Arial,Helvetica,sans-serif;color:#23252a;background:#fff;--muted:#777980;--line:#e2e3e6;--ink:#29262e}
.c360-viewer *{box-sizing:border-box}.c360-viewer{margin:0}.c360-viewer button,.c360-viewer input,.c360-viewer summary{font:inherit}.c360-viewer button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;background:none}.c360-viewer button:focus-visible,.c360-viewer input:focus-visible,.c360-viewer summary:focus-visible,.c360-viewer canvas:focus-visible,.c360-viewer a:focus-visible{outline:2px solid #7761aa;outline-offset:3px}.c360-viewer button svg,.c360-viewer summary svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.c360-viewer [hidden]{display:none!important}
.c360-viewer .experience{--stage:#f6f7f8;position:relative;display:flex;flex-direction:column;width:calc(100% - 48px);max-width:1100px;height:calc(100svh - 52px);min-height:480px;max-height:920px;margin:0 auto;padding:16px 0 12px;background:white;isolation:isolate;gap:16px}
.c360-viewer .experience[data-background=white]{--stage:#fff}
.c360-viewer .intro{flex:none;text-align:center}.c360-viewer .intro h1{margin:0;font-size:40px;line-height:1.25;font-weight:600;letter-spacing:.025em}
.c360-viewer .stage{position:relative;flex:1;min-height:150px;max-height:550px;overflow:hidden;background:var(--stage);border:1px solid #f0f0f2;border-radius:8px;transition:background .2s}.c360-viewer #viewer{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.c360-viewer #viewer.dragging{cursor:grabbing}.c360-viewer .stage-meta{position:absolute;left:18px;top:17px;display:flex;align-items:center;gap:8px;font-size:10px;color:#75777c;pointer-events:none}.c360-viewer .stage-tag{font-size:10px;letter-spacing:.08em}.c360-viewer .stage-meta .dot{width:2px;height:2px;border-radius:50%;background:#9fa0a6}.c360-viewer .stage-status{font-size:10px}
.c360-viewer .background-picker{position:absolute;right:14px;top:10px;display:flex;align-items:center;gap:9px}.c360-viewer .background-label{font-size:10px;color:var(--muted)}.c360-viewer .background-options{display:flex;padding:3px;border:1px solid var(--line);border-radius:24px;background:#ffffffb8}.c360-viewer .background-options button{display:inline-flex;align-items:center;gap:6px;font-size:11px;min-height:36px;padding:0 12px;border-radius:20px;color:#6d6c74}.c360-viewer .background-options button[aria-pressed=true]{background:#fff;color:#29282d;box-shadow:0 1px 5px #29252d12}.c360-viewer .background-options i{width:11px;height:11px;border:1px solid #d5d7dc;border-radius:50%;background:#eceef1}.c360-viewer .background-options [data-background=white] i{background:#fff}
.c360-viewer .hint{position:absolute;left:18px;bottom:16px;margin:0;color:#777980;font-size:10px;pointer-events:none}.c360-viewer .hint-mobile{display:none}.c360-viewer .stage-tools{position:absolute;bottom:8px;right:10px;display:flex;align-items:center;gap:2px;background:#ffffffd9;border:1px solid var(--line);border-radius:24px;padding:2px}.c360-viewer .zoom-tools{display:flex;align-items:center;border-right:1px solid var(--line);padding-right:2px}
.c360-viewer .icon,.c360-viewer .display summary{width:40px;height:40px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#625d6b;flex:none}.c360-viewer .icon:hover,.c360-viewer .display summary:hover{background:#eeecf1;color:#29262e}.c360-viewer .display{position:relative}.c360-viewer .display summary{list-style:none;cursor:pointer}.c360-viewer .display summary::-webkit-details-marker{display:none}.c360-viewer .display[open] summary{background:#eae7ef;color:#28252e}.c360-viewer .display-panel{position:absolute;right:0;bottom:50px;width:238px;padding:16px;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 30px #24212d14;display:flex;flex-direction:column;gap:16px;z-index:6}.c360-viewer .brightness{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#615a68}.c360-viewer .brightness input{width:110px;accent-color:#655d73;min-height:28px}.c360-viewer .capture{display:flex;align-items:center;gap:9px;font-size:12px;min-height:40px;color:#514a5d}
.c360-viewer .dock{flex:none;position:relative;z-index:2;display:flex;align-items:center;flex-direction:column;gap:12px;background:white}.c360-viewer .color-section{width:330px;max-width:100%}.c360-viewer .color-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px;padding:0 8px}.c360-viewer .color-heading h2{margin:0;font-size:18px;line-height:1.3;font-weight:600}.c360-viewer .color-heading #finishName{font-size:12px;color:#777980;font-weight:400}.c360-viewer .finishes{display:flex;justify-content:space-between;align-items:center;gap:8px}.c360-viewer .finish{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;flex:1;min-width:0;min-height:62px;padding:5px 3px;font-size:11px;color:#77727e}.c360-viewer .finish .swatch{position:relative;display:block;width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 1px #0000000c}.c360-viewer .finish .swatch:after{position:absolute;content:"";inset:-4px;border:1px solid transparent;border-radius:50%;transition:border-color .2s}.c360-viewer .finish.selected{color:#242329}.c360-viewer .finish.selected .swatch:after{border-color:#746484}.c360-viewer .finish:hover .swatch:after{border-color:#a99fb9}.c360-viewer .silver{background:linear-gradient(125deg,#c5c7c9,#f5f5f6 33%,#b0b4b8 61%,#dddfe1)}.c360-viewer .gold{background:linear-gradient(125deg,#b39a60,#f7e7b6 35%,#c3a76a 67%,#ead29b)}.c360-viewer .black{background:linear-gradient(130deg,#585a5d,#282a2d 62%,#3c3e40)}.c360-viewer .blue{background:linear-gradient(135deg,#063768,#139ae9 45%,#064895 75%,#0b65b6)}
.c360-viewer .control-row{display:flex;align-items:center;justify-content:center;gap:10px;max-width:100%;padding:4px;border:1px solid #e4e1e8;border-radius:28px;background:#fbfafc}.c360-viewer .poses,.c360-viewer .actions{display:flex;align-items:center;justify-content:center;gap:3px}.c360-viewer .poses{padding-right:10px;border-right:1px solid #e4e1e7}.c360-viewer .pose{padding:0 14px;min-height:42px;border-radius:22px;font-size:12px;color:#6b6571;white-space:nowrap}.c360-viewer .pose.active{color:white;background:#29262e}.c360-viewer .pose:hover:not(.active){background:#efedf2;color:#29262e}.c360-viewer .adaptive{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:12px;color:#625c69;min-height:42px;padding:0 12px;border-radius:22px;white-space:nowrap}.c360-viewer .adaptive.active{background:#efedf2;color:#29262e}.c360-viewer .switch{width:27px;height:16px;border-radius:20px;background:#d8d6de;padding:3px;transition:background .2s;flex:none}.c360-viewer .switch:before{content:"";display:block;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0002;transition:transform .2s}.c360-viewer .adaptive.active .switch{background:#504b5b}.c360-viewer .adaptive.active .switch:before{transform:translateX(11px)}.c360-viewer .auto{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:125px;min-height:42px;padding:0 12px;border-radius:22px;color:#625c69;font-size:12px;white-space:nowrap}.c360-viewer .auto.active{background:#29262e;color:#fff}.c360-viewer .auto svg{width:16px;height:16px}.c360-viewer .reset{width:auto;min-width:80px;height:42px;gap:6px;padding:0 12px;border-radius:22px;font-size:12px}.c360-viewer .icon.reset span{display:inline}.c360-viewer .adaptive:hover,.c360-viewer .auto:hover:not(.active){background:#eeecf1;color:#29262e}
.c360-viewer .fit-slot{height:28px;display:grid;align-items:center}.c360-viewer .fit-note{margin:0;color:#8a858f;font-size:10px;text-align:center}.c360-viewer .dock:has(.adaptive.active) .fit-note{display:none}.c360-viewer .fit-controls{display:flex;align-items:center;justify-content:center;gap:12px;max-width:100%;font-size:11px;color:#79717f}.c360-viewer .fit-label{white-space:nowrap}.c360-viewer #fitRange{width:170px;height:28px;max-width:44vw;margin:0;accent-color:#655d73;cursor:pointer}.c360-viewer #fitValue{font-size:11px;color:#5a5463;font-variant-numeric:tabular-nums;min-width:44px}
.c360-viewer .return-row{display:flex;justify-content:center;flex:none}.c360-viewer .return-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:146px;padding:0 32px;border-radius:28px;background:#29262e;color:white;text-decoration:none;font-size:13px}.c360-viewer .return-link:hover{background:#504b5b}
.c360-viewer .controls{visibility:hidden}.c360-viewer[data-ready=true] .controls{visibility:visible}.c360-viewer #loading{position:absolute;inset:0;z-index:5;background:var(--stage);display:grid;place-items:center;text-align:center}.c360-viewer #loading.done{display:none}.c360-viewer #spinner{width:25px;height:25px;border:1.5px solid #e0dce5;border-top-color:#776c88;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.c360-viewer #loadingTitle{font-size:16px;font-weight:400;margin:0 0 11px}.c360-viewer #loadingText{color:var(--muted);font-size:12px;line-height:1.7;max-width:290px;margin:auto}.c360-viewer #loading.error #loadingTitle{color:#8a4242}.c360-viewer .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.c360-viewer noscript{display:block;text-align:center;padding:25px}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:767px){.c360-viewer .experience{width:calc(100% - 24px);height:calc(100svh - 44px);max-height:760px;min-height:460px;padding:12px 0 max(10px,env(safe-area-inset-bottom));gap:12px}.c360-viewer .intro h1{font-size:28px;line-height:1.25;letter-spacing:.02em}.c360-viewer .stage{max-height:390px;min-height:140px;border-radius:8px}.c360-viewer .stage-meta{left:12px;top:20px;gap:5px}.c360-viewer .stage-tag{font-size:9px;letter-spacing:0}.c360-viewer .stage-status{font-size:9px}.c360-viewer .background-picker{right:7px;top:7px}.c360-viewer .background-label{display:none}.c360-viewer .background-options{padding:2px}.c360-viewer .background-options button{min-height:36px;font-size:10px;padding:0 9px;gap:5px}.c360-viewer .background-options i{width:9px;height:9px}.c360-viewer .hint{left:12px;bottom:22px;font-size:9px}.c360-viewer .hint-desktop{display:none}.c360-viewer .hint-mobile{display:inline}.c360-viewer .stage-tools{right:6px;bottom:8px;padding:1px;gap:0}.c360-viewer .icon,.c360-viewer .display summary{width:40px;height:40px}.c360-viewer .dock{gap:9px}.c360-viewer .color-section{width:316px}.c360-viewer .color-heading{margin-bottom:6px}.c360-viewer .color-heading h2{font-size:16px}.c360-viewer .color-heading #finishName{font-size:11px}.c360-viewer .finish{font-size:10px;min-height:60px}.c360-viewer .finish .swatch{width:28px;height:28px}.c360-viewer .control-row{width:350px;flex-direction:column;gap:4px;padding:4px;border-radius:18px}.c360-viewer .poses{border-right:0;border-bottom:1px solid #e5e2e9;padding:0 0 4px;width:100%;gap:1px}.c360-viewer .pose{flex:1;min-height:40px;font-size:11px;padding:0 6px}.c360-viewer .actions{width:100%;gap:3px}.c360-viewer .adaptive{font-size:11px;padding:0 10px;min-height:42px;flex:1}.c360-viewer .auto{font-size:11px;min-width:112px;padding:0 10px;min-height:42px}.c360-viewer .reset{font-size:11px;min-width:72px;height:42px;padding:0 9px}.c360-viewer .fit-slot{height:28px}.c360-viewer .fit-note{font-size:10px}.c360-viewer .fit-controls{gap:9px;font-size:10px}.c360-viewer #fitRange{width:160px}.c360-viewer .return-link{min-height:42px;font-size:12px}.c360-viewer .display-panel{width:225px}}
@media(max-width:359px){.c360-viewer .experience{width:calc(100% - 16px);gap:9px;padding-top:9px}.c360-viewer .stage-meta{left:9px}.c360-viewer .stage-tag{display:none}.c360-viewer .stage-meta .dot{display:none}.c360-viewer .stage-status{font-size:9px}.c360-viewer .hint{font-size:8px;left:9px}.c360-viewer .background-options button{padding:0 8px}.c360-viewer .auto{min-width:106px;font-size:10px}.c360-viewer .adaptive{padding:0 8px;font-size:10px}.c360-viewer .reset{min-width:66px;padding:0 7px;font-size:10px}.c360-viewer .pose{font-size:10px}.c360-viewer .color-section{width:290px}}
@media(max-height:650px){.c360-viewer .experience{gap:8px;padding-top:8px;padding-bottom:6px}.c360-viewer .intro h1{font-size:28px}.c360-viewer .dock{gap:5px}.c360-viewer .color-heading{margin-bottom:2px}.c360-viewer .color-heading h2{font-size:15px}.c360-viewer .finish{min-height:52px;gap:5px}.c360-viewer .finish .swatch{width:25px;height:25px}.c360-viewer .fit-slot{height:26px}.c360-viewer .control-row{padding:3px;gap:2px}.c360-viewer .poses{padding-bottom:2px}.c360-viewer .pose{min-height:38px}.c360-viewer .return-link{min-height:40px}}
@media(max-height:480px) and (min-width:600px){.c360-viewer .experience{min-height:410px}.c360-viewer .stage{min-height:150px}}
@media(prefers-reduced-motion:reduce){.c360-viewer *{transition:none!important}.c360-viewer #spinner{animation:none}}
.c360-viewer .intro{position:relative}
.c360-viewer .v50-viewer-back{position:absolute;left:0;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;min-height:44px;color:#625c69;text-decoration:none;font-size:12px}
.c360-viewer .v50-viewer-back:hover{color:#7855ad}
.c360-viewer>.experience{min-height:560px}
@media (min-width:768px) and (max-width:900px){
 .c360-viewer .control-row{flex-direction:column;gap:4px;border-radius:18px}
 .c360-viewer .poses{border-right:0;border-bottom:1px solid #e4e1e7;padding:0 0 4px;width:100%}
 .c360-viewer .pose{flex:1}
}
@media (max-width:767px){
 .c360-viewer>.experience{min-height:580px;padding-bottom:max(12px,env(safe-area-inset-bottom))}
 .c360-viewer .intro h1{font-size:26px}
 .c360-viewer .v50-viewer-back{font-size:11px;min-height:44px}
 .c360-viewer .stage{min-height:180px}
 .c360-viewer .control-row,.c360-viewer .poses,.c360-viewer .actions{min-width:0}
 .c360-viewer .color-section{max-width:100%}
 .c360-viewer .fit-slot{min-width:0;max-width:100%}
}
@media (max-width:359px){
 .c360-viewer .intro{text-align:right;padding-right:8px}
 .c360-viewer .actions{gap:0}
 .c360-viewer .adaptive{padding-inline:6px}
 .c360-viewer .auto{min-width:98px;padding-inline:6px}
 .c360-viewer .reset{min-width:62px;padding-inline:5px}
}
.c360-viewer #loading .load-panel{width:min(264px,calc(100% - 44px))}
.c360-viewer #loadMeter{display:flex;align-items:center;gap:12px;margin:17px 0 10px}
.c360-viewer #loadProgress{display:block;min-width:0;flex:1;height:6px;border:0;border-radius:12px;overflow:hidden;background:#e6e0ed;color:#b69bd8;appearance:none}
.c360-viewer #loadProgress::-webkit-progress-bar{background:#e6e0ed;border-radius:12px}
.c360-viewer #loadProgress::-webkit-progress-value{background:#b69bd8;border-radius:12px}
.c360-viewer #loadProgress::-moz-progress-bar{background:#b69bd8;border-radius:12px}
.c360-viewer .load-status{display:flex;align-items:baseline;justify-content:center;gap:8px;white-space:nowrap}
.c360-viewer .load-status #loadingText{margin:0}
.c360-viewer #loading.error .load-status{white-space:normal}
.c360-viewer #loadPercent:empty,.c360-viewer #loading.error #loadPercent{display:none}
.c360-viewer #loadPercent{flex:none;text-align:right;font:500 12px/1.3 Arial,sans-serif;font-variant-numeric:tabular-nums;color:#68517f}
.c360-viewer .experience{height:calc(100svh - var(--c360-shell-height,100px));max-height:920px}
.c360-viewer [data-retry]{margin-top:16px;padding:9px 15px;border:1px solid var(--line);border-radius:20px;background:#fff}
.c360-viewer button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:767px){.c360-viewer .experience{max-height:760px}}
body.template-product-circul3-360 :is(.Vtl-StickyAddToCart,.Vtl-StickyAddToCart__Container){display:none!important}