.shaped-image-link{display:block;color:inherit;text-decoration:none;cursor:pointer}.shaped-image-link:focus-visible{outline:2px solid #007acc;outline-offset:4px}.shaped-image-link .shaped-image-button{pointer-events:none}.custom-shaped-image-section{padding:2rem 1rem}.shaped-image-container{position:relative;width:100%;max-width:100vw;margin:0 auto;overflow:hidden;border-radius:clamp(80px,15vw,159px);border:1px solid #e5e5e5;aspect-ratio:1.9 / 1;max-width:min(70vw,1000px)}.shaped-image-container.placeholder{background:linear-gradient(135deg,#f5f5f5,#e8e8e8);display:flex;align-items:center;justify-content:center}.placeholder-content{text-align:center;color:#666;font-size:clamp(1rem,2vw,1.25rem);padding:2rem}.placeholder-content p{margin:0;font-weight:500}@media (max-width: 768px){.custom-shaped-image-section{padding:1rem .5rem}.shaped-image-container{border-radius:clamp(40px,12vw,80px);max-width:95vw}.placeholder-content{font-size:clamp(.875rem,4vw,1rem);padding:1rem}}@media (min-width: 769px) and (max-width: 1024px){.shaped-image-container{max-width:75vw}}@media (min-width: 1025px){.shaped-image-container{max-width:min(70vw,1000px)}}.shaped-image-container .image__fill,.shaped-image-container .image__fill .background-size-cover{border-radius:inherit}.shaped-image-container:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;transition:all .3s ease}.shaped-image-container:focus-within{outline:2px solid #007acc;outline-offset:2px}.shaped-image-button-container{position:absolute;z-index:10;display:flex;align-items:center;justify-content:center}.shaped-image-button-container--top-left{top:5%;left:5%}.shaped-image-button-container--top-center{top:5%;left:50%;transform:translate(-50%)}.shaped-image-button-container--top-right{top:5%;right:5%}.shaped-image-button-container--center-left{top:50%;left:5%;transform:translateY(-50%)}.shaped-image-button-container--center-center{top:50%;left:50%;transform:translate(-50%,-50%)}.shaped-image-button-container--center-right{top:50%;right:5%;transform:translateY(-50%)}.shaped-image-button-container--bottom-left{bottom:5%;left:5%}.shaped-image-button-container--bottom-center{bottom:5%;left:50%;transform:translate(-50%)}.shaped-image-button-container--bottom-right{bottom:5%;right:5%}.shaped-image-button{display:inline-block;padding:clamp(.75rem,2vw,1.25rem) clamp(1.5rem,4vw,2.5rem);border-radius:9999px;font-family:Ovo,serif;font-size:clamp(.875rem,1.8vw,1.125rem);font-weight:900;text-decoration:none;text-align:center;white-space:nowrap;transition:all .3s ease;cursor:pointer;min-width:clamp(140px,18vw,220px)}.shaped-image-button--outline{background:transparent;border:2px solid #ffffff;color:#fff}.shaped-image-button--outline:hover{background:#fff;color:#333;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.shaped-image-button--filled{background:#fff;border:2px solid #ffffff;color:#333}.shaped-image-button--filled:hover{background:#ffffffe6;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.shaped-image-button[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.shaped-image-container .hero__media{position:absolute;top:0;right:0;bottom:0;left:0}.shaped-image-container picture,.shaped-image-container .hero__img{width:100%;height:100%}.shaped-image-container .hero__img{object-fit:cover;object-position:var(--hero-focal, 50% 50%);border-radius:inherit}@media (max-width: 768px){.shaped-image-button-container--top-left,.shaped-image-button-container--top-center,.shaped-image-button-container--top-right{top:3%}.shaped-image-button-container--center-left,.shaped-image-button-container--center-center,.shaped-image-button-container--center-right{top:50%}.shaped-image-button-container--bottom-left,.shaped-image-button-container--bottom-center,.shaped-image-button-container--bottom-right{bottom:3%}.shaped-image-button-container--top-left,.shaped-image-button-container--center-left,.shaped-image-button-container--bottom-left{left:3%}.shaped-image-button-container--top-right,.shaped-image-button-container--center-right,.shaped-image-button-container--bottom-right{right:3%}.shaped-image-button{padding:clamp(.5rem,3vw,.875rem) clamp(1rem,5vw,1.5rem);font-size:clamp(.75rem,3vw,.875rem);min-width:clamp(100px,20vw,140px)}}@media (min-width: 769px) and (max-width: 1024px){.shaped-image-button-container--top-left,.shaped-image-button-container--top-center,.shaped-image-button-container--top-right{top:4%}.shaped-image-button-container--center-left,.shaped-image-button-container--center-center,.shaped-image-button-container--center-right{top:50%}.shaped-image-button-container--bottom-left,.shaped-image-button-container--bottom-center,.shaped-image-button-container--bottom-right{bottom:4%}}
/*# sourceMappingURL=/cdn/shop/t/68/assets/custom-shaped-image.css.map */