.hp-cat-bond .hp-header{margin-bottom:3rem}.hp-cat-bond__gallery{display:grid;grid-template-columns:350fr 250fr 400fr 250fr;gap:1rem;height:60rem}.hp-cat-bond__col{display:flex;flex-direction:column;gap:1rem;min-width:0;min-height:0}.hp-cat-bond__tile{position:relative;flex:1 1 0;min-height:0;border-radius:1rem;overflow:hidden;background-color:var(--color-image-wash)}.hp-cat-bond__tile--wide-top{flex:0 0 57%}.hp-cat-bond__tile--side-top{flex:0 0 44%}.hp-cat-bond__picture{display:contents}.hp-cat-bond__media{display:block;width:100%;height:100%;object-fit:cover}.hp-cat-bond__duration{position:absolute;top:1.6rem;left:1.6rem;display:inline-flex;align-items:center;gap:.8rem;padding:.5rem 1.2rem;border-radius:99rem;background-color:#2c2e33cc;color:var(--cst-color-background);font-size:1.5rem;line-height:1.3}.hp-cat-bond__duration-text:empty{display:none}.hp-cat-bond__duration svg{width:1.1rem;height:auto;flex-shrink:0}.hp-cat-bond__label{position:absolute;left:1.6rem;bottom:1.6rem;max-width:calc(100% - 3.2rem);padding:6px 15px;background-color:var(--cst-color-background);color:var(--text-primary);font-size:var(--font-size-heading-xs);font-weight:600;line-height:140%;transform:rotate(-3deg);transform-origin:left bottom}.hp-cat-bond__label p,.hp-cat-bond-lightbox__caption p{margin:0}.hp-cat-bond__label--lime{background-color:#b7d931}.hp-cat-bond__label--tilt-right{transform:rotate(2deg)}.hp-cat-bond__upload{flex:1 1 0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border:2px dashed #FA5DAE;border-radius:1rem;color:var(--cst-color-background);text-align:center;text-decoration:none}a.hp-cat-bond__upload{transition:border-color .2s ease,background-color .2s ease}a.hp-cat-bond__upload:hover{background-color:transparent}a.hp-cat-bond__upload:focus-visible{outline:.2rem solid #FA5DAE;outline-offset:.3rem}.hp-cat-bond__upload-icon{display:inline-flex;align-items:center;justify-content:center;width:4.2rem;height:4.2rem;border-radius:50%;background-color:#fa5dae;color:var(--text-primary)}.hp-cat-bond__upload-icon svg path{stroke-width:3px}.hp-cat-bond__upload-title{display:block;margin:13px 0 6.65px!important;font-size:var(--font-size-heading-sm);font-weight:700;line-height:120%}.hp-cat-bond__upload-text{display:block;font-size:var(--font-size-heading-xs)}.hp-cat-bond__cta{flex:0 0 auto;justify-content:center;width:100%;min-height:54px;margin-top:10px}@media screen and (max-width:1200px){.hp-cat-bond__gallery{height:52rem}.hp-cat-bond__gallery{grid-template-columns:calc(25% - 8px) calc(25% - 8px) calc(25% - 8px) calc(25% - 8px)}}@media screen and (max-width:989px){.hp-cat-bond__gallery{grid-template-columns:repeat(2,minmax(0,1fr));height:auto}.hp-cat-bond__tile,.hp-cat-bond__tile--wide-top,.hp-cat-bond__tile--side-top{flex:0 0 auto;height:22rem}.hp-cat-bond__col:first-child .hp-cat-bond__tile{height:100%;min-height:46rem}.hp-cat-bond__upload{flex:0 0 auto;min-height:22rem}.hp-cat-bond .hp-header{margin-bottom:20px}}@media(max-width:991px){.hp-cat-bond__gallery{grid-template-columns:repeat(2,1fr)}.hp-cat-bond__tile,.hp-cat-bond__tile--wide-top,.hp-cat-bond__tile--side-top{height:auto}.hp-cat-bond__gallery>div>.btn.secondary--button{grid-column:1/-1;max-width:260px;margin:10px auto 0}}@media screen and (max-width:480px){.hp-cat-bond__col:first-child .hp-cat-bond__tile{min-height:unset;max-height:229px}}.hp-cat-bond__open{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;padding:0;border:0;background:none;cursor:zoom-in}.hp-cat-bond__open:focus-visible{outline:.2rem solid #FA5DAE;outline-offset:-.4rem;border-radius:1rem}html:has(.hp-cat-bond-lightbox[open]){overflow:hidden}.hp-cat-bond-lightbox{width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:6rem 7rem;border:0;background-color:#121212e6;color:#fff}.hp-cat-bond-lightbox[open]{display:flex;align-items:center;justify-content:center}.hp-cat-bond-lightbox::backdrop{background:transparent}.hp-cat-bond-lightbox__stage{display:flex;flex-direction:column;gap:1.6rem;align-items:center;justify-content:center;width:100%;height:100%;position:relative}.hp-cat-bond-lightbox__image,.hp-cat-bond-lightbox__stage .hp-cat-bond__video{display:block;max-width:100%;max-height:100%;border-radius:1rem}.hp-cat-bond-lightbox__caption{flex:none;max-width:min(100%,60rem);color:#fff;font-size:var(--font-size-heading-xs);font-weight:600;line-height:140%;text-align:center}.hp-cat-bond-lightbox__image,.hp-cat-bond-lightbox__stage .hp-cat-bond__video{min-height:0}.hp-cat-bond-lightbox__image{width:auto;height:auto;object-fit:contain;max-width:500px}.hp-cat-bond-lightbox__stage iframe.hp-cat-bond__video{width:min(100%,160vh);aspect-ratio:16 / 9;height:auto;border:0}.hp-cat-bond-lightbox__button{position:absolute;display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:0;border-radius:50%;background-color:#ffffff26;color:#fff;cursor:pointer;transition:background-color .2s ease}.hp-cat-bond-lightbox__button:hover,.hp-cat-bond-lightbox__button:focus-visible{background-color:#fa5dae}.hp-cat-bond-lightbox__button:focus-visible{outline:.2rem solid #fff;outline-offset:.2rem}.hp-cat-bond-lightbox__button svg{width:1.6rem;height:1.6rem}.hp-cat-bond-lightbox__close{top:1.2rem;right:1.2rem}.hp-cat-bond-lightbox__prev,.hp-cat-bond-lightbox__next{top:50%;transform:translateY(-50%)}.hp-cat-bond-lightbox__prev{left:1.2rem}.hp-cat-bond-lightbox__next{right:1.2rem}.hp-cat-bond-lightbox__prev svg{transform:rotate(180deg)}.hp-cat-bond-lightbox__stage.is-sliding-left{animation:hp-cat-bond-slide-left .5s ease-in-out}.hp-cat-bond-lightbox__stage.is-sliding-right{animation:hp-cat-bond-slide-right .5s ease-in-out}@keyframes hp-cat-bond-slide-left{0%{transform:translate(0);opacity:1}50%{transform:translate(-6rem);opacity:0}50.01%{transform:translate(6rem);opacity:0}to{transform:translate(0);opacity:1}}@keyframes hp-cat-bond-slide-right{0%{transform:translate(0);opacity:1}50%{transform:translate(6rem);opacity:0}50.01%{transform:translate(-6rem);opacity:0}to{transform:translate(0);opacity:1}}@media screen and (max-width:1199px){.hp-cat-bond__label{padding:6px 15px;font-size:14px}}@media screen and (max-width:991px){.hp-cat-bond__gallery>.hp-cat-bond__col{display:contents}.hp-cat-bond__col:first-child .hp-cat-bond__tile{max-height:280px;min-height:unset}}@media screen and (max-width:767px){.hp-cat-bond-lightbox{padding:7rem 1.6rem}.hp-cat-bond-lightbox__prev,.hp-cat-bond-lightbox__next{top:auto;bottom:1.2rem;transform:none}.hp-cat-bond-lightbox__prev{left:calc(50% - 5.2rem)}.hp-cat-bond-lightbox__next{right:calc(50% - 5.2rem)}.hp-cat-bond__cta{min-height:40px;margin-top:0}.hp-cat-bond__col:not(:first-child){display:contents}}@media screen and (max-width:767px){.hp-cat-bond__gallery{grid-template-columns:repeat(2,1fr)}.hp-cat-bond__col:first-child .hp-cat-bond__tile{min-height:unset;max-height:240px}.hp-cat-bond__label{font-size:1.5rem}.hp-cat-bond__gallery>.hp-cat-bond__col:first-child{grid-column:1/-1;display:block}.hp-cat-bond__col:last-child{grid-column:1/-1}.hp-cat-bond__gallery>div>.btn.secondary--button{max-width:100%;margin:0 auto}.hp-cat-bond__media{height:auto}.hp-cat-bond__media{height:100%}.hp-cat-bond__col:nth-child(3)>.hp-cat-bond__tile{height:100%}.hp-cat-bond__tile{min-height:156px}.hp-cat-bond__label{padding:4px 8px;font-size:10px}a.hp-cat-bond__upload,a.hp-cat-bond__upload+.btn.secondary--button.hp-cat-bond__cta{grid-column:1/-1}.hp-cat-bond__upload{min-height:unset}.hp-cat-bond__upload-title{font-size:18px;margin:7px 0 3px!important}.hp-cat-bond__upload-text{font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/99/assets/section-hp-cat-bond.css.map */