.campaign-element .product{width:max(calc(216/1366*100vw),216px);height:100%;padding:15px;background:#fff;font-family:'Roboto';margin-left:12px;color:#242424;display:flex;transition:all 500ms ease-in-out}.campaign-element.right-left .product{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}.campaign-element.left-right .product{clip-path:polygon(0 0,0 0,0 100%,0 100%)}.campaign-element .product p{opacity:0;transition:opacity 300ms ease}.campaign-element .product div{max-width:100%}.campaign-element.hover div:not(.product){margin-left:0}.campaign-element.hover .product{width:max(calc(216/1366*100vw),216px);padding:15px;z-index:1;clip-path:polygon(100% 0,0 0,0 100%,100% 100%)}.campaign-element.hover .product p{opacity:1;transition:opacity 200ms ease 345ms}.campaign-element .product a:hover .item,.campaign-element .product a:hover .text:not(.red){color:#242424}.campaign-element .product .item{font-size:18px;line-height:22px;font-weight:500;padding-bottom:1px;color:#242424}.campaign-element .product .text{font-size:14px;line-height:19px;display:flex;justify-content:space-between;color:#242424}.campaign-element .product .text.grey{color:#888}.campaign-element .product.promo .text:not(.red) .price{text-decoration:line-through}.campaign-element .product .text.red{color:#c30000}.campaign-element .product a{cursor:pointer;height:100%;display:flex;align-items:center}.campaign-element .product .arrow-wrapper{width:27.5px;height:100%;padding-left:20px;display:flex;align-items:center}.campaign-element .product .arrow-wrapper svg.arrow{transform:translateX(0) !important;transition:transform .2s ease,stroke .2s !important;stroke:#242424;width:7.5px;height:13px;fill:none}.campaign-element .product .arrow-wrapper:hover svg.arrow{transform:translateX(5px) !important;transition:transform .3s ease !important}.campaign-element{position:absolute;display:flex;align-items:center;column-gap:5.5px;max-height:100%}.campaign-element .hotspot-holder{width:34px;height:34px;display:flex;justify-content:center;align-items:center}.campaign-element .hotspot{width:34px;height:34px;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.2);border:1px solid #fff;border-radius:50%}.campaign-element.animate .hotspot{animation-name:hotspot-animation;animation-duration:800ms;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.campaign-element .hotspot .dot{width:6px;height:6px;background-color:#fff;border-radius:50%}.campaign-element.animate .hotspot .dot{animation-name:dot-animation;animation-duration:800ms;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.campaign-element.hover .hotspot{width:30px;height:30px}.campaign-element.hover .hotspot .dot{width:10px;height:10px}@media(min-width:768px){.campaign-element:hover div:not(.product){margin-left:0}.campaign-element:hover .product{width:max(calc(216/1366*100vw),216px);padding:15px}.campaign-element.right-left:hover .product{clip-path:polygon(100% 0,0 0,0 100%,100% 100%)}.campaign-element.left-right:hover .product{clip-path:polygon(0 0,100% 0%,100% 100%,0% 100%)}.campaign-element:hover .product p{opacity:1}.campaign-element:hover .hotspot{width:30px;height:30px}.campaign-element:hover .hotspot .dot{width:10px;height:10px}.campaign-element img{transform:none;cursor:pointer}}@keyframes hotspot-animation{0%{width:34px;height:34px}50%{width:30px;height:30px}100%{width:34px;height:34px}}@keyframes dot-animation{0%{width:6px;height:6px}50%{width:10px;height:10px}100%{width:6px;height:6px}}