.wd-section{--wd-font: "Prompt", "Helvetica Neue", Arial, sans-serif;--wd-accent: #123326;--wd-tooltip-bg: #ffffff;--wd-tooltip-color: #1a1a1a;--wd-tooltip-width: clamp(240px, 18vw + 60px, 360px);--wd-tooltip-shadow: 0 12px 40px rgba(0, 0, 0, .12), 0 0 0 1px rgba(0, 0, 0, .04);--wd-tooltip-radius: 8px;--wd-transition: .3s cubic-bezier(.22, 1, .36, 1);--wd-hotspot-size: clamp(32px, 2.5vw + 12px, 48px);position:relative;font-family:var(--wd-font);font-weight:300;line-height:1.5;color:var(--wd-tooltip-color);max-width:1800px;margin-inline:auto}.wd-section__heading{font-family:var(--wd-font);font-size:clamp(1.125rem,1.5vw + .5rem,1.5rem);font-weight:300;text-align:center;margin:0 0 1.5rem;letter-spacing:.08em;text-transform:uppercase;color:var(--wd-tooltip-color);display:flex;align-items:center;gap:clamp(1rem,2vw,2rem);padding-inline:clamp(1rem,4vw,3rem)}.wd-section__heading:before,.wd-section__heading:after{content:"";flex:1;height:1px;background:var(--wd-accent);opacity:.2}.wd-container{position:relative;width:100%;overflow:visible}.wd-container__image{display:block;width:100%;height:100%;object-fit:cover}.wd-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#f5f5f5}.wd-placeholder svg{opacity:.3}.wd-hotspot{position:absolute;z-index:2;left:var(--wd-x);top:var(--wd-y);transform:translate(-50%,-50%);opacity:0}.wd-hotspot--active{z-index:95}.wd-section--visible .wd-hotspot{animation:wd-hotspot-enter .6s cubic-bezier(.22,1,.36,1) forwards;animation-delay:var(--wd-enter-delay, 0ms)}@keyframes wd-hotspot-enter{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%)}}.wd-hotspot__btn{position:relative;display:flex;align-items:center;justify-content:center;width:var(--wd-hotspot-size);height:var(--wd-hotspot-size);border-radius:50%;border:1.5px solid var(--wd-accent);background:color-mix(in srgb,var(--wd-accent) 35%,rgba(10,10,10,.2));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--wd-icon-color, #ffffff);cursor:pointer;padding:0;font-size:18px;line-height:1;transition:transform var(--wd-transition),background-color var(--wd-transition),border-color var(--wd-transition),box-shadow var(--wd-transition);box-shadow:0 2px 12px #00000026}.wd-hotspot__btn:hover{transform:scale(1.08);background:var(--wd-accent);border-color:var(--wd-accent);box-shadow:0 4px 20px #00000040}.wd-hotspot--active .wd-hotspot__btn{background:var(--wd-accent);border-color:var(--wd-accent);-webkit-backdrop-filter:none;backdrop-filter:none}.wd-hotspot__btn:focus-visible{outline:2px solid var(--wd-accent);outline-offset:3px}.wd-hotspot__icon{display:block;transition:transform var(--wd-transition);font-weight:300;text-shadow:0 1px 3px rgba(0,0,0,.3)}.wd-hotspot--active .wd-hotspot__icon{transform:rotate(45deg)}.wd-hotspot__pulse{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:1px solid var(--wd-accent);animation:wd-breathe 3s ease-in-out infinite;pointer-events:none}.wd-hotspot--active .wd-hotspot__pulse{animation:none;opacity:0}@keyframes wd-breathe{0%,to{opacity:0;transform:scale(.95)}50%{opacity:.4;transform:scale(1.15)}}.wd-tooltip{position:absolute;z-index:10;width:var(--wd-tooltip-width);opacity:0;visibility:hidden;pointer-events:none;filter:blur(3px);transition:opacity .15s ease,visibility .15s ease}.wd-hotspot--active .wd-tooltip{opacity:1;visibility:visible;pointer-events:auto;filter:blur(0);transition:opacity var(--wd-transition),visibility var(--wd-transition),filter var(--wd-transition)}.wd-tooltip__inner{position:relative;background:var(--wd-tooltip-bg);border-radius:var(--wd-tooltip-radius);box-shadow:var(--wd-tooltip-shadow);overflow:hidden}.wd-tooltip--below{top:calc(100% + clamp(8px,.75vw + 2px,14px))}.wd-tooltip--above{bottom:calc(100% + clamp(8px,.75vw + 2px,14px))}.wd-tooltip--right{left:50%}.wd-tooltip--left{right:50%}.wd-tooltip__image{width:100%;overflow:hidden}.wd-tooltip__image img{display:block;width:100%;height:auto;transition:transform .6s cubic-bezier(.22,1,.36,1)}.wd-tooltip__image:hover img{transform:scale(1.04)}.wd-tooltip__title{font-family:var(--wd-font);font-size:clamp(.8125rem,.5vw + .625rem,.9375rem);font-weight:600;margin:0;padding:clamp(10px,1vw + 4px,16px) clamp(12px,1vw + 6px,18px) 0;letter-spacing:.03em;text-transform:uppercase;color:var(--wd-tooltip-color)}.wd-tooltip__desc{font-family:var(--wd-font);font-size:clamp(.75rem,.4vw + .5625rem,.875rem);font-weight:300;margin:0;padding:clamp(4px,.5vw + 2px,8px) clamp(12px,1vw + 6px,18px) clamp(10px,1vw + 4px,16px);color:#555;line-height:1.55}.wd-tooltip__close{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:clamp(24px,1.5vw + 10px,32px);height:clamp(24px,1.5vw + 10px,32px);border:none;border-radius:50%;background:transparent;color:#333;cursor:pointer;padding:0;transition:background var(--wd-transition);z-index:1}.wd-tooltip__image~.wd-tooltip__close{background:#ffffffe6}.wd-tooltip__close:hover{background:#00000014}.wd-tooltip__close:focus-visible{outline:2px solid var(--wd-accent);outline-offset:2px}.wd-section--overlay:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;z-index:90;background:#00000080;animation:wd-fade-in .2s ease}@keyframes wd-fade-in{0%{opacity:0}to{opacity:1}}@media (max-width: 900px) and (min-width: 601px){.wd-section{--wd-tooltip-width: clamp(200px, 28vw + 40px, 300px);--wd-hotspot-size: clamp(28px, 3vw + 8px, 40px)}.wd-hotspot__btn{font-size:16px}}@media (max-width: 600px){.wd-section__heading{padding-inline:1rem}.wd-tooltip{filter:none;transition:opacity .15s ease,visibility .15s ease}.wd-hotspot{left:var(--wd-mobile-x, var(--wd-x));top:var(--wd-mobile-y, var(--wd-y));transform:none;margin-left:calc(var(--wd-hotspot-size) / -2);margin-top:calc(var(--wd-hotspot-size) / -2);opacity:0}.wd-section--visible .wd-hotspot{animation:wd-hotspot-enter-mobile .5s ease forwards;animation-delay:var(--wd-enter-delay, 0ms)}@keyframes wd-hotspot-enter-mobile{0%{opacity:0}to{opacity:1}}.wd-hotspot--active .wd-tooltip{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;max-width:none;overflow:hidden;z-index:100}.wd-tooltip__inner{display:flex;flex-direction:column;border-radius:0;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:env(safe-area-inset-bottom,0px)}.wd-tooltip__image{flex-shrink:0}.wd-tooltip__title{padding:20px 20px 0;font-size:1.0625rem}.wd-tooltip__desc{padding:8px 20px 24px;font-size:.9375rem;line-height:1.65}.wd-tooltip__close{top:14px;right:14px;width:36px;height:36px;background:#0000000f}.wd-tooltip__image~.wd-tooltip__close{background:#ffffffe6}}@media (prefers-reduced-motion: reduce){.wd-hotspot__pulse{animation:none}.wd-hotspot{opacity:1!important;animation:none!important}.wd-tooltip{transition:opacity .1s ease,visibility .1s ease;filter:none!important}.wd-hotspot__icon,.wd-hotspot__btn,.wd-tooltip__image img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/watch-details.css.map */
