.collection-header{width:100%}.collection-header__left{display:flex;gap:1rem;padding:3rem 3rem 3rem var(--gutter);flex-direction:column;justify-content:center}.collection-header__badge{display:inline-block;font-weight:700;text-transform:uppercase;font-size:14px;padding:4px 8px;border-radius:2px;color:#fff;background-color:#991b1b;width:fit-content}.collection-header__pretitle{font-size:14px;margin:0;font-weight:900;color:rgb(var(--text-color));text-transform:uppercase}.collection-header__heading{font-size:9rem;margin:0;font-weight:900;color:rgb(var(--heading-color))}.collection-header__description{max-width:65vw}.collection-header__buttons{display:flex;flex-wrap:wrap;gap:1rem}.collection-header__button{display:inline-flex;padding:1rem 3rem;background-color:transparent;color:rgb(var(--heading-color));text-decoration:none;font-weight:500;border-radius:4px;transition:all .3s ease;cursor:pointer;text-transform:uppercase;border:1px solid rgb(var(--heading-color));font-size:1.5rem}.collection-header__button:hover{background-color:rgb(var(--heading-color));border-color:#fff;color:rgba(var(--bg-color))}.collection-header__button:focus{outline:2px solid rgba(0,0,0,.5);outline-offset:2px}.collection-header__right{position:relative;display:flex;flex-direction:column;justify-content:center;flex:1 0 50%}.collection-header__carousel{position:relative;width:100%;aspect-ratio:5 / 3;overflow:hidden}.collection-header__carousel-item{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease-in-out}.collection-header__carousel-item.active{opacity:1}.collection-header__media{width:100%;height:100%;object-fit:cover;display:block}.collection-header__carousel-controls{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 1rem;pointer-events:none;z-index:10}.collection-header__carousel-button{pointer-events:all;width:50px;height:50px;background-color:#ffffffe6;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.collection-header__carousel-button:hover{background-color:#fff;transform:scale(1.1)}.collection-header__carousel-button:before{content:"";width:6px;height:6px;border-top:2px solid #000;border-right:2px solid #000;display:block}.collection-header__carousel-button--prev:before{transform:rotate(-135deg)}.collection-header__carousel-button--next:before{transform:rotate(45deg)}.collection-header__carousel-dots{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;gap:.75rem;z-index:11}.collection-header__dot{width:12px;height:12px;border-radius:50%;background-color:#fff9;border:none;cursor:pointer;transition:all .3s ease;padding:0}.collection-header__dot.active{background-color:#fff;width:32px;border-radius:6px}.collection-header__dot:hover{background-color:#ffffffe6}.collection-header__quicklinks{width:100%;background-color:rgb(var(--heading-color));padding:1rem 3rem 1.25rem var(--gutter)}.collection-header__quicklinks-content{display:flex;gap:3rem;max-width:100%;flex-wrap:nowrap;overflow:auto}.collection-header__quicklink{text-decoration:none;color:#fff;font-weight:500;transition:color .3s ease;white-space:nowrap;font-size:16px}.collection-header__quicklink:hover,.collection-header__quicklink.current{color:rgb(var(--btn-bg-color));text-decoration:underline;text-underline-offset:6px}@media screen and (max-width:1023px){.collection-header .flex{flex-direction:column-reverse}.collection-header__left{width:100%;padding:var(--gutter)}.collection-header__right{width:100%}.collection-header__heading{font-size:5rem}.collection-header__description{max-width:100%}.collection-header__quicklinks{padding:1.25rem var(--gutter) 1.5rem}}@media(max-width:768px){.collection-header__container{grid-template-columns:1fr;gap:2rem;padding:2rem 1.5rem}.collection-header__heading{font-size:3.5rem}.collection-header__buttons{gap:.75rem}.collection-header__carousel-button{width:40px;height:40px}.collection-header__carousel-dots{bottom:1rem;gap:.5rem}.collection-header__dot{width:10px;height:10px}.collection-header__dot.active{width:24px}}@media(max-width:480px){.collection-header__container{padding:1.5rem 1rem;gap:1.5rem}.collection-header__heading{font-size:3rem}.collection-header__description{margin-bottom:1.5rem}.collection-header__buttons{gap:.5rem}.collection-header__carousel{aspect-ratio:1 / 1}.collection-header__carousel-button{width:36px;height:36px}.collection-header__carousel-controls{padding:0 .5rem}}
/*# sourceMappingURL=/cdn/shop/t/299/assets/collection-header.css.map */