.dpc-section{position:relative;width:100%;padding:80px 0 60px;overflow:hidden;box-sizing:border-box;font-family:system-ui,-apple-system,sans-serif}.dpc-canvas{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;width:100%;height:100%}.dpc-header{position:relative;z-index:2;text-align:center;padding:0 24px 48px}.dpc-heading{font-size:clamp(28px,4vw,48px);font-weight:700;color:var(--dpc-heading-col, #ffffff);margin:0 0 12px;letter-spacing:-.02em;line-height:1.15}.dpc-sub{font-size:clamp(14px,1.8vw,17px);color:var(--dpc-sub-col, #888899);margin:0 auto;max-width:520px;line-height:1.6}.dpc-stage{position:relative;z-index:2;width:100%;overflow:hidden}.dpc-track{display:flex;gap:48px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:24px calc(50% - 150px) 70px;cursor:grab;align-items:flex-start;box-sizing:content-box;touch-action:pan-x}.dpc-track::-webkit-scrollbar{display:none}.dpc-track.grabbing{cursor:grabbing}.dpc-slide{flex:0 0 300px;scroll-snap-align:center;display:flex;flex-direction:column;align-items:center;gap:24px;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .5s ease;will-change:transform}.dpc-phone{width:300px;height:612px;position:relative;overflow:visible}.dpc-shell{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:52px;border:12px solid transparent;background:linear-gradient(#0a0a0c,#0a0a0c) padding-box,linear-gradient(160deg,#c8c8cc,#8e8e93 20%,#48484a,#8e8e93 70%,#c0c0c4) border-box;box-shadow:0 0 0 1px #ffffff26,0 40px 80px #0009,0 10px 24px #0006,inset 0 1px #ffffff1a;z-index:3;pointer-events:none;transition:box-shadow .5s ease}.dpc-slide.is-active .dpc-shell{box-shadow:0 0 0 1px #ffffff38,0 50px 100px #000000a6,0 12px 30px #00000073,0 0 60px -5px var(--dpc-active-glow, rgba(120,100,255,.35)),inset 0 1px #ffffff1f}.dpc-phone-screen{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:41px;overflow:hidden;z-index:2;background:#000;pointer-events:none}.dpc-screen-img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.dpc-screen-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:70px 24px 40px;box-sizing:border-box}.dpc-screen-icon{font-size:52px;line-height:1}.dpc-screen-label{color:#ffffffe6;font-size:16px;font-weight:600;margin:0;text-align:center}.dpc-island{position:absolute;top:22px;left:50%;transform:translate(-50%);width:126px;height:36px;background:#000;border-radius:20px;z-index:5;pointer-events:none;box-shadow:0 0 0 1px #ffffff0f}.dpc-btn{position:absolute;border-radius:3px;background:linear-gradient(90deg,#6e6e73,#aeaeb2,#6e6e73);pointer-events:none;z-index:4}.dpc-btn--power{right:-5px;top:168px;width:5px;height:72px}.dpc-btn--mute{left:-5px;top:118px;width:5px;height:36px}.dpc-btn--vol-up{left:-5px;top:168px;width:5px;height:54px}.dpc-btn--vol-dn{left:-5px;top:236px;width:5px;height:54px}.dpc-pin{position:absolute;z-index:20;transform:translate(-50%,-50%);pointer-events:all}.dpc-pin-dot{position:relative;width:26px;height:26px;border-radius:50%;background:var(--dpc-accent, #7c5cfc);border:2px solid rgba(255,255,255,.9);box-shadow:0 2px 12px #00000059;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:transform .2s ease,box-shadow .2s ease;z-index:2}.dpc-pin-dot:hover,.dpc-pin-dot:focus-visible{transform:scale(1.2);box-shadow:0 4px 20px #00000080;outline:none}.dpc-pin-num{font-size:11px;font-weight:700;color:#fff;line-height:1;pointer-events:none;font-family:system-ui,sans-serif}.dpc-pin-ring{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:2px solid var(--dpc-accent, #7c5cfc);opacity:0;animation:dpc-ring-pulse 2.4s ease-out infinite;pointer-events:none}.dpc-pin:nth-child(2) .dpc-pin-ring{animation-delay:.6s}.dpc-pin:nth-child(3) .dpc-pin-ring{animation-delay:1.2s}.dpc-pin:nth-child(4) .dpc-pin-ring{animation-delay:1.8s}@keyframes dpc-ring-pulse{0%{transform:scale(.8);opacity:.8}to{transform:scale(2.2);opacity:0}}.dpc-slide:not(.is-active) .dpc-pin{opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.6);transition:opacity .25s ease,transform .25s ease}.dpc-slide.is-active .dpc-pin{opacity:1;pointer-events:all;transform:translate(-50%,-50%) scale(1);transition:opacity .4s ease .2s,transform .4s cubic-bezier(.34,1.56,.64,1) .2s}.dpc-slide.is-active .dpc-pin:nth-child(2){transition-delay:.28s}.dpc-slide.is-active .dpc-pin:nth-child(3){transition-delay:.36s}.dpc-slide.is-active .dpc-pin:nth-child(4){transition-delay:.44s}.dpc-pin-tip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(6px) scale(.92);background:#0a0a12f0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:9px 13px;min-width:130px;max-width:180px;pointer-events:none;opacity:0;transition:opacity .2s ease,transform .2s ease;white-space:normal;text-align:left;box-shadow:0 8px 28px #0006;z-index:50}.dpc-pin-tip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#0a0a12f0}.dpc-pin-tip--below{bottom:auto;top:calc(100% + 10px);transform:translate(-50%) translateY(-6px) scale(.92)}.dpc-pin-tip--below:after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:#0a0a12f0}.dpc-pin-dot:hover+.dpc-pin-tip,.dpc-pin-dot:focus-visible+.dpc-pin-tip,.dpc-pin:hover .dpc-pin-tip{opacity:1;transform:translate(-50%) translateY(0) scale(1)}.dpc-tip-label{display:block;font-size:12px;font-weight:700;color:#fff;margin-bottom:3px;font-family:system-ui,sans-serif}.dpc-tip-body{display:block;font-size:11px;color:#fff9;line-height:1.5;font-family:system-ui,sans-serif}.dpc-slide-label{text-align:center;display:flex;flex-direction:column;gap:4px;opacity:0;transform:translateY(6px);transition:opacity .4s ease,transform .4s ease}.dpc-slide.is-active .dpc-slide-label{opacity:1;transform:none}.dpc-slide-title{display:block;font-size:16px;font-weight:700;color:var(--dpc-heading-col, #ffffff)}.dpc-slide-desc{display:block;font-size:13px;color:var(--dpc-sub-col, #888899);max-width:240px}.dpc-nav{position:relative;z-index:2;display:flex;justify-content:center;gap:8px;margin-top:40px}.dpc-nav-dot{width:7px;height:7px;border-radius:99px;border:none;background:#fff3;cursor:pointer;padding:0;transition:width .35s cubic-bezier(.22,1,.36,1),background .35s ease}.dpc-nav-dot.is-active{width:24px;background:var(--dpc-accent, #7c5cfc)}@media(max-width:600px){.dpc-phone{width:240px;height:490px}.dpc-shell{border-radius:44px;border-width:10px}.dpc-phone-screen{top:10px;right:10px;bottom:10px;left:10px;border-radius:35px}.dpc-island{width:100px;height:30px;top:18px}.dpc-track{padding:20px calc(50% - 120px) 60px;gap:32px}.dpc-slide{flex:0 0 240px}.dpc-pin-dot{width:22px;height:22px}.dpc-pin-tip{min-width:110px;max-width:150px}}@media(prefers-reduced-motion:reduce){.dpc-pin-ring{animation:none}.dpc-slide,.dpc-slide-label,.dpc-pin{transition:none}.dpc-track{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/dot-phone-carousel.css.map */