.product-exploded-section{background-color:var(--exploded-bg-color, #f8f8f8);color:var(--exploded-text-color, #333333);width:100%}.exploded-header{text-align:center;margin-bottom:24px}.exploded-title{font-size:2.5rem;font-weight:700;margin:0 0 16px;color:var(--exploded-text-color)}.exploded-subtitle{font-size:1.1rem;max-width:600px;margin:0 auto;line-height:1.6;color:var(--exploded-text-color);opacity:.8}.exploded-container{display:flex;flex-wrap:wrap;gap:24px;align-items:stretch}@media(min-width:992px){.exploded-container{flex-wrap:nowrap;gap:40px;align-items:stretch}}.exploded-wrapper{position:relative;flex:1;min-width:100%;max-width:900px;margin:0 auto;cursor:pointer;overflow:hidden;border-radius:16px;aspect-ratio:1 / 1;max-height:500px;display:flex;align-items:center;justify-content:center}@media(min-width:992px){.exploded-wrapper{min-width:65%;max-height:550px;height:auto}}.exploded-image-layer{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.exploded-image-layer img{width:100%;height:100%;display:block;object-fit:contain}.exploded-image-main{position:relative;z-index:1;opacity:1;transition:opacity .5s ease}.exploded-image-parts{position:absolute;top:0;left:0;z-index:2;opacity:0;transform:scale(1.1);transition:opacity .6s ease,transform .6s ease}.exploded-wrapper.is-exploded .exploded-image-main{opacity:0}.exploded-wrapper.is-exploded .exploded-image-parts{opacity:1;transform:scale(1)}.exploded-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#e0e0e0,#f0f0f0);display:flex;align-items:center;justify-content:center;border-radius:16px;color:#999;font-size:1.2rem;font-weight:500}.exploded-labels{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}.exploded-label{position:absolute;transform:translate(-50%,-50%);z-index:10;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease,transform .4s ease;pointer-events:auto}.exploded-wrapper.is-exploded .exploded-label,.exploded-wrapper.is-exploded .exploded-label.is-visible{opacity:1;visibility:visible}.exploded-label:hover,.exploded-label.is-highlighted{z-index:15}.exploded-label:hover .exploded-label-content,.exploded-label.is-highlighted .exploded-label-content{opacity:1;visibility:visible;transform:translateY(0) scale(1.05);box-shadow:0 12px 40px #00000040}.exploded-label-dot{width:36px;height:36px;background-color:var(--exploded-accent-color, #e85d04);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 12px #0003}.exploded-label:hover .exploded-label-dot,.exploded-label.is-highlighted .exploded-label-dot{transform:scale(1.2);box-shadow:0 6px 20px #00000059}.label-number{color:#fff;font-size:14px;font-weight:700}.exploded-label-content{position:absolute;background-color:var(--exploded-label-bg, #ffffff);color:var(--exploded-label-text, #333333);padding:16px;border-radius:12px;box-shadow:0 8px 32px #00000026;min-width:180px;max-width:280px;max-height:320px;overflow-y:auto;overflow-x:hidden;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;pointer-events:auto}.exploded-label:hover .exploded-label-content,.exploded-label.is-active .exploded-label-content,.exploded-label.is-highlighted .exploded-label-content{opacity:1;visibility:visible;transform:translateY(0) scale(1.05);box-shadow:0 12px 40px #00000040}.exploded-label-content:before{content:"";position:absolute;width:12px;height:12px;background-color:var(--exploded-label-bg, #ffffff);transform:rotate(45deg)}.exploded-label[data-label-position=right] .exploded-label-content{left:calc(100% + 20px);top:50%;transform:translateY(-50%) translate(10px)}.exploded-label[data-label-position=right] .exploded-label-content:before{left:-6px;top:50%;transform:translateY(-50%) rotate(45deg)}.exploded-label[data-label-position=right]:hover .exploded-label-content,.exploded-label[data-label-position=right].is-active .exploded-label-content{transform:translateY(-50%) translate(0)}.exploded-label[data-label-position=left] .exploded-label-content{right:calc(100% + 20px);top:50%;transform:translateY(-50%) translate(-10px)}.exploded-label[data-label-position=left] .exploded-label-content:before{right:-6px;left:auto;top:50%;transform:translateY(-50%) rotate(45deg)}.exploded-label[data-label-position=left]:hover .exploded-label-content,.exploded-label[data-label-position=left].is-active .exploded-label-content{transform:translateY(-50%) translate(0)}.exploded-label[data-label-position=top] .exploded-label-content{bottom:calc(100% + 20px);left:50%;transform:translate(-50%) translateY(-10px)}.exploded-label[data-label-position=top] .exploded-label-content:before{bottom:-6px;left:50%;transform:translate(-50%) rotate(45deg)}.exploded-label[data-label-position=top]:hover .exploded-label-content,.exploded-label[data-label-position=top].is-active .exploded-label-content{transform:translate(-50%) translateY(0)}.exploded-label[data-label-position=bottom] .exploded-label-content{top:calc(100% + 20px);left:50%;transform:translate(-50%) translateY(10px)}.exploded-label[data-label-position=bottom] .exploded-label-content:before{top:-6px;left:50%;transform:translate(-50%) rotate(45deg)}.exploded-label[data-label-position=bottom]:hover .exploded-label-content,.exploded-label[data-label-position=bottom].is-active .exploded-label-content{transform:translate(-50%) translateY(0)}.label-title{font-size:1rem;font-weight:600;margin:0 0 8px;color:var(--exploded-label-text, #333333)}.label-description{font-size:.875rem;line-height:1.5;margin:0;color:var(--exploded-label-text, #333333);opacity:.8}.label-image{margin-top:12px;border-radius:8px;overflow:hidden}.label-image img{width:100%;height:auto;display:block}.exploded-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;padding:12px 24px;background-color:#ffffffb3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:30px;box-shadow:0 4px 20px #00000026;z-index:20;transition:opacity .4s ease}.exploded-wrapper.is-exploded .exploded-hint{opacity:0;pointer-events:none;visibility:hidden}.hint-icon{display:flex;align-items:center;justify-content:center;color:var(--exploded-accent-color, #e85d04)}.hint-text{font-size:.875rem;font-weight:500;color:var(--exploded-text-color, #333333)}.exploded-labels-list{flex:0 0 100%;background-color:#ffffffe6;border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000014}@media(min-width:992px){.exploded-labels-list{flex:0 0 300px;height:450px;max-height:550px;overflow-y:auto;display:flex;flex-direction:column;justify-content:center}.exploded-labels-list .labels-list-title{flex-shrink:0}.exploded-labels-list .labels-list-items{flex:1;display:flex;flex-direction:column;justify-content:center;gap:16px}}.labels-list-title{font-size:1.25rem;font-weight:600;margin:0 0 20px;color:var(--exploded-text-color, #333333);padding-bottom:12px;border-bottom:2px solid var(--exploded-accent-color, #e85d04)}.labels-list-items{display:flex;flex-direction:column;gap:12px}.labels-list-item{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:10px;cursor:pointer;transition:background-color .3s ease,transform .3s ease}.labels-list-item:hover,.labels-list-item.is-highlighted{background-color:#e85d0414;transform:translate(4px)}.labels-list-item.is-active,.labels-list-item{background-color:#e85d041f}.list-item-number{flex-shrink:0;width:28px;height:28px;background-color:var(--exploded-accent-color, #e85d04);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.list-item-content{flex:1}.list-item-title{font-size:.95rem;font-weight:600;margin:0 0 4px;color:var(--exploded-text-color, #333333)}.list-item-description{font-size:.8rem;line-height:1.4;margin:0;color:var(--exploded-text-color, #333333);opacity:.7}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.exploded-label .exploded-label-dot{animation:none}@media(max-width:768px){.exploded-title{font-size:2rem}.exploded-subtitle{font-size:1rem}.exploded-wrapper{cursor:pointer}.exploded-hint{bottom:16px;padding:8px 16px}.hint-text{font-size:.8rem}.exploded-label-content{min-width:120px;max-width:160px;padding:10px}.label-title{font-size:.9rem}.label-description{font-size:.8rem}.exploded-label{opacity:0;visibility:hidden}.exploded-wrapper.is-exploded .exploded-label,.exploded-label.is-visible.is-active .exploded-label-content{opacity:1;visibility:visible}}@media(hover:none){.exploded-wrapper:hover .exploded-hint,.exploded-wrapper.is-exploded .exploded-hint{opacity:1}.exploded-wrapper.is-exploded .exploded-label{opacity:1;visibility:visible}.exploded-label-content{opacity:0;visibility:hidden;transform:translateY(10px)}.exploded-label.is-active .exploded-label-content{display:block;opacity:1;visibility:visible;transform:translateY(0);position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1000;max-width:260px;width:calc(100vw - 60px);max-height:280px;overflow-y:auto;overflow-x:hidden}.exploded-label.is-active .exploded-label-content:before{display:none}}@media(prefers-reduced-motion:reduce){.exploded-label,.exploded-image-layer,.exploded-hint,.labels-list-item{transition:none}.exploded-label.is-visible .exploded-label-dot{animation:none}}.exploded-label-dot:focus,.labels-list-item:focus{outline:2px solid var(--exploded-accent-color, #e85d04);outline-offset:2px}@media print{.exploded-hint,.exploded-labels{display:none}.exploded-image-main{opacity:1!important}.exploded-image-parts{opacity:.3!important}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/product-exploded-view.css.map */