.joe-hover-card_container{position:relative}@media screen and (max-width: 768px){.joe-hover-card_pc-show{display:none!important}div.joe-hover-card_wrapper{position:relative}.joe-hover-card_header{width:100%;font-family:Poppins;font-weight:600;font-size:24px;line-height:100%;letter-spacing:0;text-transform:capitalize;margin-bottom:17px}a.joe-hover-card_header-sub{display:block;text-decoration:none;color:inherit;font-family:Poppins;font-weight:300;font-size:13px;line-height:100%;letter-spacing:0;text-transform:capitalize;margin-bottom:17px}.joe-hover-card_items{display:flex;overflow-x:scroll;position:relative;height:auto;width:100%;gap:10px;margin-bottom:30px;padding:0 20px;scroll-behavior:smooth;scrollbar-width:none;scroll-snap-type:x mandatory}.joe-hover-card_items::-webkit-scrollbar{display:none;width:0;height:0;background:transparent}.joe-hover-card_item{width:47vw;aspect-ratio:177 / 270;flex-shrink:0;position:relative;overflow:hidden;transition:all .5s ease-in-out;cursor:pointer;scroll-snap-align:center;scroll-snap-stop:always}.joe-hover-card_item-img{width:48vw;aspect-ratio:177 / 270;overflow:hidden}.joe-hover-card_item-img img.hover-card_item-img{display:block;width:100%;height:auto;object-fit:cover}.joe-hover-card_item-content{position:absolute;bottom:-100%;left:0;right:0;margin:0 13px;background:#fff;display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 9px;opacity:0;transition:bottom .8s ease,opacity .7s ease}.joe-hover-card_item.joe-hover-card_item-show .joe-hover-card_item-content{bottom:8%;opacity:1}.joe-hover-card_item-content{color:#222}.joe-hover-card_item-content .hover-card_item-title{font-family:PT Serif Caption;font-weight:400;font-size:12px;line-height:16px;text-align:center;padding:0 10px}.joe-hover-card_item-content .hover-card_item-text{font-family:Poppins;font-weight:300;font-size:10px;line-height:14px;text-align:center;margin-top:6px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.joe-hover-card_item-content button.hover-card_item-button{color:#000;margin-top:24px;padding:5px 12px;background:transparent;border:.4px solid currentColor;cursor:pointer;font-family:Poppins;font-weight:500;font-style:Medium;font-size:10px;leading-trim:NONE;line-height:100%;letter-spacing:0%;width:112px}.joe-hover-card_item-content .icon-arrow{height:.8rem;margin-left:5px;width:7px}.joe-hover-card_prev{position:absolute;top:45%;left:max(0px,(100vw - 1180px) / 2);padding-left:5px;cursor:pointer}.joe-hover-card_next{position:absolute;top:45%;right:max(0px,(100vw - 1180px) / 2);padding-right:5px;cursor:pointer}.joe-hover-card_nav{position:relative;margin:0 auto;background-color:#2223;height:1px;width:100%;max-width:calc(100vw - 40px)}span.joe-hover-card_nav-bar{position:absolute;left:0;bottom:0;background:#222;transition:left .3s ease;display:block;height:1px}}@media screen and (min-width: 769px){.joe-hover-card_mb-show{display:none!important}div.joe-hover-card_wrapper{position:relative;max-width:1280px;padding:0 40px;margin:0 auto}.joe-hover-card_header{width:100%;font-family:PT Serif Caption;font-weight:600;font-size:24px;line-height:100%;letter-spacing:0;text-transform:capitalize;margin-bottom:19px}a.joe-hover-card_header-sub{display:block;text-decoration:none;color:inherit;font-family:Poppins;font-weight:300;font-size:13px;line-height:100%;letter-spacing:0;text-transform:capitalize;margin-bottom:30px}.joe-hover-card_items{display:flex;overflow-x:scroll;position:relative;height:auto;width:100%;gap:10px;scroll-behavior:smooth;scrollbar-width:none}.joe-hover-card_items::-webkit-scrollbar{display:none;width:0;height:0;background:transparent}.joe-hover-card_item{max-width:393px;max-height:600px;aspect-ratio:393 / 600;width:393px;height:auto;flex-shrink:0;position:relative;border-radius:0;overflow:hidden;transition:all .5s ease-in-out}.joe-hover-card_item-img{max-width:393px;max-height:600px;height:auto;overflow:hidden}.joe-hover-card_item-img img.hover-card_item-img{display:block;width:100%;height:100%;object-fit:cover}.joe-hover-card_item-content{position:absolute;bottom:-100%;left:0;right:0;margin:0 19px;background:#fff;display:flex;flex-direction:column;align-items:center;text-align:center;padding:22px 8px;opacity:0;transition:bottom .8s ease,opacity .7s ease}.joe-hover-card_item:hover .joe-hover-card_item-content{bottom:4%;opacity:1}.joe-hover-card_item-content{color:#222}.joe-hover-card_item-content .hover-card_item-title{font-family:PT Serif Caption;font-weight:400;font-size:24px;line-height:32px;text-align:center}.joe-hover-card_item-content .hover-card_item-text{font-family:Poppins;font-weight:300;font-size:16px;line-height:26px;text-align:center;margin-top:10px}.joe-hover-card_item-content button.hover-card_item-button{margin-top:45px;padding:10px 17px;background:transparent;border:.8px solid currentColor;cursor:pointer;font-family:Poppins;font-weight:500;font-style:Medium;font-size:16px;leading-trim:NONE;line-height:100%;letter-spacing:0%}.joe-hover-card_item-content .icon-arrow{width:1rem;height:1rem;margin-left:10px}.joe-hover-card_prev{position:absolute;top:45%;left:max(0px,(100vw - 1240px) / 2);cursor:pointer}.joe-hover-card_next{position:absolute;top:45%;right:max(0px,(100vw - 1240px) / 2);cursor:pointer}}
/*# sourceMappingURL=/cdn/shop/t/131/assets/joe-hover-card.css.map */