.hotspots__image .image__popup{background-color:#ffffffe5;width:320px;display:none}.castelli .hotspots__image .image__popup{border-radius:4px}.karpos .hotspots__image .image__popup{border-radius:6px}@media screen and (max-width:767px){.hotspots__image .image__popup{min-width:calc(100vw - 32px);width:calc(100vw - 32px)}}@media screen and (min-width:768px){.hotspots__image .image__popup{--popup-gap: 48px}.hotspots__image .image__popup[data-popup-placement=top]{transform:translate(-50%,calc(-100% - var(--popup-gap)))}.hotspots__image .image__popup[data-popup-placement=right]{transform:translate(calc(var(--popup-gap)),-50%)}.hotspots__image .image__popup[data-popup-placement=left]{transform:translate(calc(-100% - var(--popup-gap)),-50%)}.hotspots__image .image__popup[data-popup-placement=bottom]{transform:translate(-50%,calc(var(--popup-gap)))}}.hotspots__image .image__popup-content{padding:12px;display:flex;flex-direction:column}.hotspots__image .image__popup-content .image__popup-heading-wrapper{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:12px}.hotspots__image .image__popup-content .image__popup-heading{margin:0}.castelli .hotspots__image .image__popup-content .image__popup-heading{font-size:14px;font-weight:600;line-height:18px}@media screen and (max-width:767px){.castelli .hotspots__image .image__popup-content .image__popup-heading{font-size:12px;line-height:16px}}.karpos .hotspots__image .image__popup-content .image__popup-heading{font-weight:500;font-size:20px;line-height:22px}@media screen and (max-width:767px){.karpos .hotspots__image .image__popup-content .image__popup-heading{font-size:18px;line-height:20px}}.sportful .hotspots__image .image__popup-content .image__popup-heading{font-weight:700;font-size:14px;line-height:18px}@media screen and (max-width:767px){.sportful .hotspots__image .image__popup-content .image__popup-heading{font-size:12px;line-height:16px}}.hotspots__image .image__popup-content .image__popup-text p{margin:0}.hotspots__image .image__popup-content .image__popup-close{padding:0;height:20px}.hotspots__image .image__popup-square{background-color:#ffffffe5;width:20px;height:20px;position:absolute;left:50%;top:100%;clip-path:polygon(50% 50%,100% 50%,50% 100%,0 50%)}.hotspots__image .image__popup[data-popup-placement=top] .image__popup-square{left:50%;top:100%;transform:translate(-50%,-51%)}.hotspots__image .image__popup[data-popup-placement=bottom] .image__popup-square{left:50%;top:0;transform:translate(-50%,-49%) rotate(180deg)}.hotspots__image .image__popup[data-popup-placement=right] .image__popup-square{left:0;top:50%;transform:translate(-50%,-50%) rotate(90deg)}.hotspots__image .image__popup[data-popup-placement=left] .image__popup-square{left:100%;top:50%;transform:translate(-50%,-50%) rotate(-90deg)}@media screen and (max-width:767px){.hotspots__image .image__popup-square{display:none}}.image__dots{position:absolute;inset:0}.image__dot__button{position:absolute;width:48px;height:48px;padding:0;margin-top:-24px;margin-left:-24px;top:var(--dot-top);left:var(--dot-left);cursor:pointer;background:transparent;border:0;color:inherit;border-radius:var(--radius)}.image__dot__button:before{animation:none}.image__dot__button svg{width:100%;height:100%;display:block}.image__dot__button.is-active svg circle:nth-child(2){fill-opacity:1}.image__dot__button:before,.image__dot__button:after{content:"";width:100%;height:100%;background-color:inherit;border-radius:inherit;position:absolute;inset:0;pointer-events:none}.image__dot__button:before{animation:pulseInOutSubtle 2.5s ease infinite}.has-error .image__dot__button:before{animation:none}.image__dot__button:after{opacity:.5;transition:transform .6s ease}.image__dot__button .icon-bag{stroke:var(--accent);position:relative;z-index:1}@media(hover:hover){.image__dot__button:hover:before{animation-iteration-count:1}.image__dot__button:hover:after{transform:scale(1.5)}.has-error .image__dot__button:hover:hover:after{transform:none}}