.collection-navigator-wrapper{width:100%;background-color:var(--cn-bg, #ffffff);padding:var(--cn-padding-top, 40px) var(--cn-padding-x, 20px) var(--cn-padding-bottom, 40px)}.collection-navigator-wrapper--has-bg-image{background-image:var(--cn-bg-image);background-size:cover;background-position:center;background-repeat:no-repeat}.collection-navigator{display:block;width:100%}.collection-navigator__header-section{margin-bottom:var(--cn-header-gap, 40px)}.collection-navigator__title{font-size:var(--cn-title-size, 32px);color:var(--cn-title-color, #212326);text-align:var(--cn-title-align, left);margin:0 0 var(--cn-title-gap, 16px) 0}.collection-navigator__intro-paragraph{font-weight:var(--font-body-weight);font-size:var(--cn-intro-size, 16px);color:var(--cn-intro-color, #212326);text-align:left;margin:0;width:var(--cn-intro-width, 50%);line-height:1.6;white-space:pre-line}.collection-navigator__content{display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:var(--cn-min-height, 500px);position:relative;margin-left:calc(var(--cn-padding-x, 20px) * -1);margin-right:calc(var(--cn-padding-x, 20px) * -1)}.collection-navigator__image-column{position:relative;width:100%;overflow:hidden}.collection-navigator__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:opacity .3s ease}.collection-navigator__image.hidden{opacity:0;pointer-events:none}.collection-navigator__image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f4f4f4;display:flex;align-items:center;justify-content:center}.collection-navigator__image-placeholder svg{width:100%;height:100%;max-width:300px;max-height:300px}.collection-navigator__descriptions{display:grid;margin-bottom:var(--cn-desc-gap, 24px)}.collection-navigator__description-text{grid-area:1 / 1 / 2 / 2;color:var(--cn-desc-color, #ffffff);font-size:var(--cn-desc-size, 18px);line-height:1.6;text-align:var(--cn-desc-align, left);transition:opacity .25s ease}.collection-navigator__description-text p{margin:0 0 .5em}.collection-navigator__description-text p:last-child{margin-bottom:0}.collection-navigator__description-text.is-inactive{opacity:0;visibility:hidden}.collection-navigator__right-column{display:flex;flex-direction:column;justify-content:var(--cn-content-align, flex-start);background-color:var(--cn-right-bg, #f8f8f8);padding:var(--cn-right-padding-y, 50px) var(--cn-right-padding-x, 40px);position:relative;z-index:1}.collection-navigator__menus{display:grid;grid-template-columns:1fr 1fr;gap:var(--cn-menu-gap, 40px)}.collection-navigator__menu-column{display:flex;flex-direction:column;min-width:0}.collection-navigator__menu-title{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:var(--cn-menu-title-size, 18px);color:var(--cn-menu-title-color, #212326);margin:0 0 var(--cn-menu-title-gap, 16px) 0}.collection-navigator__menu-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--cn-menu-item-gap, 4px)}.collection-navigator__menu-item{margin:0}.collection-navigator__menu-link{font-weight:var(--font-body-weight);font-size:var(--cn-menu-item-size, 14px);color:var(--cn-menu-item-color, #212326);text-decoration:none;display:block;padding:var(--cn-menu-item-padding, 8px) 0;transition:color .3s ease;cursor:pointer;overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.collection-navigator__menu-link:hover,.collection-navigator__menu-link:focus-visible,.collection-navigator__menu-link.is-active{color:var(--cn-menu-item-hover-color, #5e8c5d);text-shadow:.4px 0 0 currentColor}.collection-navigator__bottom-area{margin-top:var(--cn-button-gap, 40px)}.collection-navigator__button{display:inline-block;padding:var(--cn-button-padding-y, 12px) var(--cn-button-padding-x, 30px);background-color:var(--cn-button-bg, #5e8c5d);color:var(--cn-button-color, #ffffff);font-family:var(--font-basic);font-weight:600;font-size:var(--cn-button-size, 14px);text-decoration:none;border-radius:var(--cn-button-radius, 30px);transition:background-color .3s ease,color .3s ease;border:none;cursor:pointer}.collection-navigator__button:hover{background-color:var(--cn-button-bg-hover, #1a1b18);color:var(--cn-button-color-hover, #ffffff)}.collection-navigator__button[aria-disabled=true]{cursor:default;opacity:.6}@media screen and (max-width:749px){.collection-navigator__header-section{margin-bottom:var(--cn-header-gap-mobile, 32px)}.collection-navigator__content{grid-template-columns:1fr}.collection-navigator__image-column{min-height:300px}.collection-navigator__title{font-size:var(--cn-title-size-mobile, 28px)}.collection-navigator__intro-paragraph{width:100%;font-size:calc(var(--cn-intro-size, 16px) * .9)}.collection-navigator__menu-title{font-size:var(--cn-menu-title-size-mobile, 16px);margin-bottom:var(--cn-menu-title-gap-mobile, 8px)}.collection-navigator__menu-link{font-size:var(--cn-menu-item-size-mobile, 16px);padding:var(--cn-menu-item-padding-mobile, 6px) 0;min-height:48px;line-height:1.25;display:flex;align-items:center}.collection-navigator__menus{gap:var(--cn-menu-gap-mobile, 20px)}.collection-navigator__descriptions{display:block;margin-bottom:var(--cn-desc-gap-mobile, 12px)}.collection-navigator__description-text{font-size:var(--cn-desc-size-mobile, 15px)}.collection-navigator__description-text.is-inactive{display:none}.collection-navigator__bottom-area{margin-top:var(--cn-button-gap-mobile, 20px)}.collection-navigator__button{font-size:var(--cn-button-size-mobile, 13px);padding:var(--cn-button-padding-y-mobile, 10px) var(--cn-button-padding-x-mobile, 24px)}}@media screen and (min-width:750px)and (max-width:989px){.collection-navigator__menu-title{font-size:var(--cn-menu-title-size-tablet, 20px)}.collection-navigator__menu-link{font-size:var(--cn-menu-item-size-tablet, 20px);min-height:48px;line-height:1.3;display:flex;align-items:center}.collection-navigator__description-text{font-size:var(--cn-desc-size-tablet, 18px)}.collection-navigator__button{font-size:var(--cn-button-size-tablet, 16px)}}@media(prefers-reduced-motion:reduce){.collection-navigator__image,.collection-navigator__description-text{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-collection-navigator.css.map */