.plp-hero-banner{display:none}.plp-hero-banner{background-color:#f3eddd}.hero-wrapper{position:relative;overflow:hidden;width:100%;height:100%;display:flex}.hero-image{position:relative;width:73%;height:100%}.hero-image picture{width:100%;height:100%}.hero-image picture img{display:block;width:100%;height:100%;object-fit:cover;position:relative;z-index:1}.hero-button{background-color:#baaa6f;padding:8px 10px;border-radius:5px;font-weight:700;white-space:nowrap;position:absolute;top:70%;left:50%;transform:translate(-50%,-50%);z-index:0;opacity:0;transition:opacity .5s ease;width:350px;display:flex;align-items:center;line-height:normal}.hero-button span{color:#fff;margin-left:45%;word-break:break-word;overflow-wrap:break-word;white-space:normal;font-size:25px}.animated-slide-left{animation:slideLeftQuick .6s ease-out forwards;opacity:0}@keyframes slideLeftQuick{0%{transform:translate(-120%) scale(.95);opacity:0}to{transform:translate(0) scale(1);opacity:1;will-change:contents}}.animated-slide-in{animation:slideButtonFromCenterToEdge .8s ease-out forwards;animation-delay:.8s}@keyframes slideButtonFromCenterToEdge{0%{left:50%;opacity:0;transform:translate(-50%,-50%)}to{left:85%;opacity:1;transform:translateY(-50%)}}@media screen and (max-width: 1240px) and (min-width: 768px){.hero-image{position:relative;width:73%}.hero-button{padding:8px 5px;top:65%;width:330px;line-height:unset}.hero-button span{font-size:20px;margin-left:40%}@keyframes slideButtonFromCenterToEdge{0%{left:50%;opacity:0;transform:translate(-50%,-50%)}to{left:75%;opacity:1;transform:translateY(-50%)}}}@media screen and (max-width: 1240px) and (min-width: 850px){.hero-button{padding:8px 5px;top:60%}@keyframes slideButtonFromCenterToEdge{0%{left:50%;opacity:0;transform:translate(-50%,-50%)}to{left:80%;opacity:1;transform:translateY(-50%)}}}@media screen and (max-width: 768px){.hero-image{width:100%}.hero-wrapper{height:unset;padding:14px 12px;overflow:hidden}.hero-image picture img{width:239px;height:100%}.hero-image picture{width:100%;height:100%}.hero-button{padding:5px;width:250px;z-index:0;top:67%;line-height:unset;border-radius:5px;background:#baaa6f;box-shadow:0 4px 6.5px #0000001a}.hero-button span{margin-left:55%;color:#fff;font-size:14px;font-weight:700}.animated-slide-left{animation:slideButtomQuick .6s ease-out forwards;opacity:0;will-change:transform,opacity}@keyframes slideButtomQuick{0%{transform:translateY(100%) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1;will-change:contents}}.animated-slide-in{animation:slideButtonFromCenterToEdge .6s ease-out forwards;animation-delay:.6s}@keyframes slideButtonFromCenterToEdge{0%{left:50%;opacity:1;transform:translate(-50%,-50%)}to{left:25%;opacity:1;transform:translateY(-50%)}}}
/*# sourceMappingURL=/cdn/shop/t/348/assets/plp-hero-banner.css.map */