.interactive-zoom{position:relative;overflow:hidden}.zoom-showcase{margin:4rem auto;max-width:100%}.zoom-container{position:relative;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:2rem;padding:2rem;box-shadow:0 20px 40px #0000001a;overflow:hidden}.zoom-layer{position:relative;width:100%;height:60vh;min-height:400px;border-radius:1.5rem;overflow:hidden;box-shadow:0 15px 35px #00000026;transform-origin:center center}.zoom-layer--unzoomed{transform:scale(1);transform-origin:center center;z-index:1}.zoom-layer--zoomed{position:absolute;top:0;left:0;opacity:0;transform:scale(1);transform-origin:center center;z-index:2;background:transparent}.zoom-image{width:100%;height:100%;object-fit:cover;border-radius:1.5rem;transform-origin:center center}.zoom-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:3rem 2rem 2rem;z-index:10}.zoom-display-container{display:flex;justify-content:center;margin-bottom:2rem}.zoom-value-display{background:#fffffff2;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);border-radius:1.5rem;padding:1rem 2rem;font-size:2rem;font-weight:700;color:rgba(var(--color-base-accent-1),1);box-shadow:0 .5rem 2rem #0000001a;min-width:8rem;text-align:center}.simple-zoom-buttons{display:flex;gap:2rem;justify-content:center;align-items:center}.zoom-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fffffff2;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);border:3px solid rgba(var(--color-base-accent-1),.5);border-radius:1.5rem;padding:2rem;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);font-weight:600;color:rgba(var(--color-foreground),1);box-shadow:0 1rem 3rem rgba(var(--color-base-accent-1),.3);min-width:8rem;min-height:8rem;transform:translateY(-.3rem) scale(1.05)}.zoom-btn:hover{background:rgba(var(--color-base-accent-1),.1);border-color:rgba(var(--color-base-accent-1),.3);transform:translateY(-.3rem) scale(1.05);box-shadow:0 1rem 3rem rgba(var(--color-base-accent-1),.2);color:rgba(var(--color-foreground),.8)}.zoom-btn.active{background:#e6e6e6cc;color:rgba(var(--color-foreground),.6);border-color:#c8c8c880;transform:none;box-shadow:0 .5rem 2rem #0000001a}.zoom-btn-icon{font-size:2.5rem;font-weight:300;line-height:1;margin-bottom:.5rem}.zoom-btn-label{font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.zoom-btn--out .zoom-btn-icon{font-size:3rem}.zoom-btn--in .zoom-btn-icon{font-size:2.5rem}.zoom-hotspots{position:absolute;top:0;left:0;right:0;bottom:0;z-index:5;pointer-events:none}.zoom-hotspot{position:absolute;width:3rem;height:3rem;background:rgba(var(--color-base-accent-1),.9);border:3px solid rgba(255,255,255,.9);border-radius:50%;cursor:pointer;pointer-events:all;transform:translate(-50%,-50%);transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:10}.zoom-hotspot:hover{transform:translate(-50%,-50%) scale(1.2);box-shadow:0 .5rem 2rem rgba(var(--color-base-accent-1),.4)}.hotspot-pulse{position:absolute;width:100%;height:100%;background:rgba(var(--color-base-accent-1),.6);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}to{transform:scale(2);opacity:0}}.hotspot-label{position:absolute;bottom:calc(100% + 1rem);left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:.5rem 1rem;border-radius:.5rem;font-size:.8rem;font-weight:600;white-space:nowrap;opacity:0;transition:opacity .3s ease;pointer-events:none}.zoom-hotspot:hover .hotspot-label{opacity:1}.zoom-info-panel{background:rgba(var(--color-background),.95);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);border-radius:1rem;padding:2rem;margin:3rem 0;box-shadow:0 .5rem 2rem #0000000d;border:1px solid rgba(var(--color-border),.1)}.zoom-info-content{text-align:center;color:rgba(var(--color-foreground),.8);line-height:1.6}.zoom-info-content strong{color:rgba(var(--color-foreground),1)}.zoom-features{margin-top:4rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(25rem,1fr));gap:2rem}.feature-item{text-align:center;padding:2rem;background:rgba(var(--color-background),1);border-radius:1rem;border:1px solid rgba(var(--color-border),.1);transition:all .3s ease}.feature-item:hover{transform:translateY(-.5rem);box-shadow:0 1rem 3rem #0000001a}.feature-icon{font-size:3rem;margin-bottom:1.5rem}.feature-item h3{margin-bottom:1rem;color:rgba(var(--color-foreground),1);font-size:1.3rem;font-weight:600}.feature-item p{color:rgba(var(--color-foreground),.7);line-height:1.5;margin:0}.zoom-loading{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(var(--color-background),.9);-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20;transition:opacity .5s ease}.loading-spinner{width:4rem;height:4rem;border:3px solid rgba(var(--color-foreground),.1);border-top:3px solid rgba(var(--color-base-accent-1),1);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.zoom-loading p{color:rgba(var(--color-foreground),.7);font-weight:500}@media screen and (max-width: 989px){.zoom-showcase{margin:2rem auto}.zoom-container{aspect-ratio:4 / 3;border-radius:1rem;padding:1.5rem}.zoom-layer{height:50vh;min-height:300px}.zoom-controls{padding:2rem 1.5rem 1.5rem}.zoom-display-container{margin-bottom:1.5rem}.zoom-value-display{padding:.8rem 1.5rem;font-size:1.8rem;border-radius:1rem}.simple-zoom-buttons{gap:1.5rem}.zoom-btn{padding:1.5rem;min-width:6rem;min-height:6rem;border-radius:1rem}.zoom-btn-icon{font-size:2rem;margin-bottom:.3rem}.zoom-btn--out .zoom-btn-icon{font-size:2.5rem}.zoom-btn--in .zoom-btn-icon{font-size:2rem}.zoom-btn-label{font-size:.9rem}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1.5rem}.feature-item{padding:1.5rem}.zoom-hotspot{width:2.5rem;height:2.5rem}}@media screen and (max-width: 749px){.interactive-zoom .subtitle-wrapper{margin-bottom:1.5rem}.zoom-showcase{margin:1.5rem auto}.zoom-container{position:relative;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:1.5rem;padding:1.5rem;box-shadow:0 15px 35px #0000001a;overflow:hidden}.zoom-layer{position:relative;width:100%;height:50vh;min-height:350px;border-radius:1rem;overflow:hidden;box-shadow:0 10px 25px #0000001f;transform-origin:center center}.zoom-layer--unzoomed{transform:scale(1);transform-origin:center center;z-index:1}.zoom-layer--zoomed{position:absolute;top:0;left:0;opacity:0;transform:scale(1);transform-origin:center center;z-index:2;background:transparent}.zoom-image{width:100%;height:100%;object-fit:cover;border-radius:1rem;transform-origin:center center}.zoom-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:2.5rem 1.5rem 1.5rem;z-index:10}.zoom-display-container{margin-bottom:1.5rem;display:flex;justify-content:center}.zoom-value-display{background:#fffffff2;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);border-radius:1.2rem;padding:.8rem 1.5rem;font-size:1.6rem;font-weight:700;color:rgba(var(--color-base-accent-1),1);box-shadow:0 .4rem 1.5rem #0000001a;min-width:7rem;text-align:center}.simple-zoom-buttons{gap:1.2rem;justify-content:center;display:flex}.zoom-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fffffff2;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);border:2px solid rgba(var(--color-base-accent-1),.5);border-radius:1.2rem;padding:1.2rem;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);font-weight:600;color:rgba(var(--color-foreground),1);box-shadow:0 .8rem 2.5rem rgba(var(--color-base-accent-1),.3);min-width:7rem;min-height:5rem;transform:translateY(-.2rem) scale(1.02)}.zoom-btn:hover,.zoom-btn:active{background:rgba(var(--color-base-accent-1),.1);border-color:rgba(var(--color-base-accent-1),.3);transform:translateY(-.2rem) scale(1.02);box-shadow:0 .8rem 2.5rem rgba(var(--color-base-accent-1),.2);color:rgba(var(--color-foreground),.8)}.zoom-btn.active{background:#e6e6e6cc;color:rgba(var(--color-foreground),.6);border-color:#c8c8c880;transform:none;box-shadow:0 .4rem 1.5rem #0000001a}.zoom-btn-icon{font-size:1.8rem;font-weight:300;line-height:1;margin-bottom:.3rem}.zoom-btn--out .zoom-btn-icon{font-size:2.2rem}.zoom-btn--in .zoom-btn-icon{font-size:1.8rem}.zoom-btn-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.feature-grid{grid-template-columns:1fr;gap:1rem}.feature-item{padding:1.5rem 1rem;border-radius:.8rem}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.zoom-features{margin-top:2rem}.zoom-hotspots{display:none}.zoom-btn:hover{transform:none}.zoom-loading{border-radius:1rem}.loading-spinner{width:3rem;height:3rem}.zoom-layer{overflow:hidden}}@media screen and (max-width: 480px){.zoom-container{padding:1rem;border-radius:1rem}.zoom-layer{height:auto;min-height:280px}.zoom-controls{padding:2rem 1rem 1rem}.zoom-display-container{margin-bottom:1.2rem}.zoom-value-display{padding:.6rem 1.2rem;font-size:1.4rem;min-width:6rem}.simple-zoom-buttons{gap:1rem}.zoom-btn{min-width:6rem;padding:1rem .8rem;min-height:4.5rem}.zoom-btn-icon{font-size:1.6rem}.zoom-btn--out .zoom-btn-icon{font-size:2rem}.zoom-btn--in .zoom-btn-icon{font-size:1.6rem}.zoom-btn-label{font-size:.7rem}}@media (prefers-contrast: high){.zoom-container,.zoom-btn{border:2px solid rgba(var(--color-foreground),1)}}@media (prefers-reduced-motion: reduce){.zoom-layer,.zoom-btn,.zoom-hotspot,.feature-item{transition:none}.hotspot-pulse,.loading-spinner{animation:none}}.section-interactive-zoom-showcase-padding{padding-top:calc(var(--page-width-margin) + 3.6rem);padding-bottom:calc(var(--page-width-margin) + 3.6rem)}@media screen and (max-width: 749px){.section-interactive-zoom-showcase-padding{padding-top:calc(var(--page-width-margin) + 2.4rem);padding-bottom:calc(var(--page-width-margin) + 2.4rem)}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/section-interactive-zoom-showcase.css.map */