.collection-hero,.section-collection-products-grid,.facets.facets-pill{background-color:rgb(var(--color-atomic-white))}.collection-hero__wrapper-content,.collection-hero__wrapper-content *{color:rgb(var(--color-atomic-black))}@media(max-width:989px){.collection-hero__wrapper-content .collection-hero__description,.collection-hero__wrapper-content .collection-hero__description *{color:#0009}}.grid__item--shortcut-box{display:flex;flex-direction:column;grid-column:-2 / -1;grid-row:1}@media(max-width:989px){.grid__item--shortcut-box{grid-column:1 / -1;grid-row:3}}.section-collection-products-grid .card__heading,.section-collection-products-grid .card__heading a{color:rgb(var(--color-atomic-black))}.promo-productlist{grid-column:var(--column-span, span 2);display:grid;height:100%}@media(max-width:1359px){.promo-grid__content:not(.promo-grid__content-customize):not(.promo-grid__content--below) .defer-image{padding-top:var(--aspect-ratio, 100%);display:block}.promo-grid__content--below .defer-image{padding-top:0;height:100%;display:block}.grid-cols-1 .promo-productlist{grid-column:span 1;grid-row:auto}.grid-cols-2 .promo-productlist{grid-column:span 2}}.promo-grid__content-customize{padding-top:var(--aspect-ratio-customize, 100%)}@media(max-width:768px){.promo-grid__content-customize{padding-top:var(--aspect-ratio-customize-mobile, 100%)}}.view-mode__button,.view-mode__button-mobile{position:relative;opacity:.4;cursor:pointer}.view-mode__button:before,.view-mode__button-mobile:before{content:"";width:30%;height:1px;background-color:rgb(var(--color-atomic-black));display:block;position:absolute;left:35%;bottom:-2px;opacity:0}.view-mode__button.active{pointer-events:none;cursor:default}.view-mode__button.active:before,.view-mode__button:hover:before,.view-mode__button.active,.view-mode__button:hover,.view-mode__button-mobile.active:before,.view-mode__button-mobile:hover:before,.view-mode__button-mobile.active,.view-mode__button-mobile:hover{opacity:1}.product-grid-container{background-color:rgb(var(--color-atomic-white))}#product-grid{background-color:rgb(var(--color-atomic-white));row-gap:var(--row-gap-mobile);column-gap:var(--column-gap-mobile)}#product-grid>.grid__item{overflow:visible}.section-collection-products-grid .pagination-wrapper{background-color:rgb(var(--color-atomic-white))}.card-product .responsive-image img{background:rgb(var(--color-atomic-cloud))}.text-padding-left .card__content,.text-padding-left .promo-grid__content-below{padding-left:var(--space-3)}@media(min-width:1360px){.text-padding-left .card__content,.text-padding-left .promo-grid__content-below{padding-left:var(--space-6)}}@media(min-width:1360px){#product-grid{row-gap:var(--row-gap);column-gap:var(--column-gap)}#product-grid.lg\:grid-cols-9 .card-product .quick-add,#product-grid.lg\:grid-cols-9 .card-product .card-product-swatch,#product-grid.lg\:grid-cols-9 .card__content,#product-grid.lg\:grid-cols-9 .promo-productlist{display:none}#product-grid.lg\:grid-cols-2 .promo-productlist{grid-column:span 1}#product-grid.lg\:grid-cols-9{row-gap:var(--column-gap)}#product-grid.lg\:grid-cols-9 .product-card-wrapper-bg .card-product__media-inner{border-radius:var(--media-radius)}}.promo-grid__info-inner>*{margin:var(--space-2) 0}.promo-grid__info-inner>*:first-child{margin-block-start:0}.promo-grid__info-inner>*:last-child{margin-block-end:0}.promo-grid__info-inner-top>*{margin:var(--space-2) 0}.promo-grid__info-inner-top>*:first-child{margin-block-start:0}.promo-grid__info-inner-top>*:last-child{margin-block-end:0}.promo-grid__info-inner>.promo-grid__info--text+.btn,.promo-grid__info-inner>.promo-grid__info-inner-bottom+.btn{margin-top:2rem}.promo-grid__info-inner>.promo-grid__info--text+.btn.btn-underlined{margin-top:var(--space-2)}.promo-grid__info-inner>.promo-grid__info--heading+.btn{margin-top:1.5rem}.promo-grid__info-inner>.promo-grid__info--heading+.btn.btn-underlined{margin-top:0}.promo-grid__info-inner{width:46%;max-width:var(--promo-info-width, 100%);color:rgb(var(--promo-text-color, var(--color-atomic-black)));text-align:left;height:358px;position:relative;padding:var(--space-6)}.promo-grid__info-inner{box-sizing:content-box;transition:padding .6s ease-in-out}@media(max-width:767px){.promo-grid__content-info{align-items:flex-end;justify-content:flex-end;text-align:left;padding:0}.promo-grid__info-inner{width:295px;height:auto;max-width:100%;box-sizing:border-box;position:absolute;right:0;bottom:0}.promo-grid__info-inner-top{font-size:var(--font-size-H2);margin-bottom:8rem}.promo-grid__content .promo-grid__content-info .promo-grid__info-inner .promo-grid__info-inner-top,.promo-grid__content .promo-grid__content-info .promo-grid__info-inner .promo-grid__info-inner-bottom,.promo-grid__content .promo-grid__content-info .promo-grid__info-inner .promo-grid__info-link{position:static}.promo-grid__content .promo-grid__content-info .promo-grid__info-inner .promo-grid__info-link{opacity:1;visibility:visible;transform:translateY(0)}.promo-grid__content .promo-grid__content-info .promo-grid__info-inner .promo-grid__info-inner--bg,.promo-grid__content .promo-grid__content-info .promo-grid__info-inner.promo-grid__info-inner--bg{padding:var(--space-4)}.promo-grid__content .promo-grid__content-info .promo-grid__info-inner .promo-grid__info-inner-bottom.promo-grid__info--text,.promo-grid__content .promo-grid__content-info .promo-grid__info-inner .promo-grid__info-inner-bottom.promo-grid__info--text p{font-size:var(--font-size-B2)}.promo-grid__content .promo-grid__content-info .promo-grid__info-inner .promo-grid__info--heading{font-size:var(--font-size-H2)}.promo-grid__content .promo-grid__content-info .promo-grid__info-inner .promo-grid__info-link .promo-link-text{font-size:var(--font-size-B2);font-weight:700;margin-top:var(--space-2)}}.promo-grid__content-info{display:flex;align-items:var(--promo-content-align, center);justify-content:var(--promo-content-justify, center);padding:var(--space-6);text-align:var(--promo-text-align, center)}@media(min-width:768px){.promo-grid__content-info{padding:var(--space-8)}}@media(min-width:990px){.promo-grid__content-info{padding:var(--space-10)}}.promo-grid__info-inner .promo-grid__info--text,.promo-grid__info-inner .promo-grid__info--text p{color:rgb(var(--promo-text-color, var(--color-atomic-black)));font-family:var(--font-heading-family);font-size:var(--font-size-B3);font-style:normal;font-weight:400;line-height:140%}@media(min-width:768px){.promo-grid__info-inner .promo-grid__info--text,.promo-grid__info-inner .promo-grid__info--text p{font-size:var(--font-size-B2)}}.promo-grid__info-inner .promo-grid__info--heading{color:rgb(var(--promo-text-color, var(--color-atomic-black)));font-family:var(--font-heading-family);font-size:var(--font-size-H3);font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.7px}@media(min-width:768px){.promo-grid__info-inner .promo-grid__info--heading{font-size:var(--font-size-H2)}}.promo-grid__info-inner .promo-grid__info-inner--bg,.promo-grid__info-inner.promo-grid__info-inner--bg{background-color:rgb(var(--promo-info-bg, var(--color-atomic-snow)));padding:var(--space-6)}.promo-grid__info-inner--no-uppercase .promo-grid__info--sub,.promo-grid__info-inner--no-uppercase .promo-grid__info--heading,.promo-grid__info-inner--no-uppercase .promo-grid__info--text{text-transform:none}.promo-grid__content .defer-image img,.promo-grid__content video,.promo-grid__content .video-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease-in-out}.promo-grid__content .defer-image img.img-loaded{animation-fill-mode:none}@media(min-width:1024px){.promo-grid__content:hover .defer-image img,.promo-grid__content:hover video,.promo-grid__content:hover .video-placeholder{transform:scale(1.08)}}.promo-grid__info-inner-top{position:absolute;top:3rem;left:3rem}.promo-grid__info-inner-bottom{position:absolute;bottom:3rem;right:3rem;transition:bottom .6s ease-in-out}@media(min-width:1024px){.promo-grid__content:hover .promo-grid__info-inner-bottom{bottom:6rem}.promo-grid__content:hover .promo-grid__info-inner{padding:var(--space-12)}.promo-grid__content:hover .promo-grid__info-link{opacity:1;visibility:visible;transform:translateY(0)}}.promo-grid__info-link{position:absolute;bottom:3rem;right:3rem;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .6s ease-in-out,visibility .6s ease-in-out,transform .6s ease-in-out;margin-top:var(--space-4)}.promo-grid__info-link .promo-link-text{font-weight:500;color:inherit}#product-grid .promo-productlist>.promo-grid__item--product>.card-wrapper,#product-grid .promo-productlist>.promo-grid__item--product>.card-wrapper>.card-product{height:auto}#product-grid .promo-productlist>.promo-grid__item{position:sticky;top:0}@media(min-width:768px){#product-grid .promo-productlist>.promo-grid__item--product{height:auto;align-self:start}#product-grid .promo-productlist>.promo-grid__item--image{height:900px}}.custom-responsive-grid{grid-auto-flow:dense;grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:990px)and (max-width:1359px){.custom-responsive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#product-grid{row-gap:var(--row-gap);column-gap:var(--column-gap)}}@media(min-width:1360px){.custom-responsive-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1920px){.custom-responsive-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(min-width:2200px){.custom-responsive-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(min-width:2680px){.custom-responsive-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}@media(min-width:3200px){.custom-responsive-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}.promo-productlist{grid-column:span 2;grid-row:span 2}.promo-productlist.promo--left{grid-column:1 / span 2}.promo-productlist.promo--right{grid-column:-3 / -1}.promo-mobile{display:grid}.promo-tablet,.promo-5col,.promo-6col,.promo-7col,.promo-8col{display:none}@media(min-width:1360px){.promo-mobile{display:none}.promo-tablet{display:grid}}@media(min-width:1920px){.promo-tablet{display:none}.promo-5col{display:grid}}@media(min-width:2200px){.promo-5col{display:none}.promo-6col{display:grid}}@media(min-width:2680px){.promo-6col{display:none}.promo-7col{display:grid}}@media(min-width:3200px){.promo-7col{display:none}.promo-8col{display:grid}}@media(max-width:767px){#product-grid .promo-productlist{min-height:585px;grid-row:span 1}#product-grid .promo-productlist>.promo-grid__item,#product-grid .promo-productlist>.promo-grid__item>.promo-grid__content{min-height:585px}#product-grid .promo-productlist>.promo-grid__item:has(>.promo-grid__content),#product-grid .promo-productlist>.promo-grid__item:has(>.promo-grid__content)>.promo-grid__content{height:586px;min-height:586px}}@media(min-width:768px){#product-grid .promo-productlist{--col-count: var(--desktop-cols, 4);--gap-count: calc(var(--col-count) - 1);--col-width: calc( (100% - (var(--gap-count) * var(--column-gap))) / var(--col-count) );min-height:calc(((var(--col-width) / var(--ratio, 1)) * 2) + var(--row-gap))}}.promo-grid__content--below{background-color:rgb(var(--color-atomic-white))}.promo-grid__content-below{padding:1.4rem 0 0;gap:var(--space-8);padding-right:var(--space-6)}.promo-grid__content-below-text{flex:1;text-align:left}.promo-grid__content-below-text .promo-grid__info--heading{font-family:var(--font-heading-family);font-size:var(--font-size-H3);font-weight:500;color:rgb(var(--color-atomic-black));margin-bottom:var(--space-2)}.promo-grid__content-below-text .promo-grid__info--text{font-family:var(--font-heading-family);font-size:var(--font-size-B3);font-weight:400;line-height:20px;letter-spacing:.15px;color:rgb(var(--color-atomic-black))}.promo-grid__content-below-link{flex-shrink:0}.promo-grid__content-below-link .promo-link-text{font-family:var(--font-heading-family);font-size:var(--font-size-B2);font-weight:700;line-height:140%;color:rgb(var(--color-atomic-black))}@media(min-width:768px){.promo-grid__content-below-text .promo-grid__info--heading{font-size:var(--font-size-H2)}}.shortcut-box{--shortcut-bg: rgb(var(--color-atomic-red));--shortcut-border: rgba(0, 0, 0, .2);width:100%;padding-top:calc(1 / var(--ratio, 1) * 100%);background:var(--shortcut-bg);position:relative;overflow:hidden}.shortcut-box__inner{display:flex;flex-direction:column;justify-content:space-between;position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--space-6)}.shortcut-box__header{display:flex;flex-direction:column;gap:var(--space-3)}.shortcut-box__question{font-size:var(--font-size-H2);font-weight:500;letter-spacing:-.02em;line-height:1;color:rgb(var(--color-atomic-black));text-transform:none;margin:0;padding-bottom:.25em;text-wrap:pretty;word-break:normal;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none}.shortcut-box__options{display:flex;flex-direction:column;background:#0003;padding:1px;gap:1px;border-radius:3px}.shortcut-box__options--two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(44px,auto);gap:1px}.shortcut-box__column{display:contents}.shortcut-box__option{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:var(--shortcut-bg);text-decoration:none;color:rgb(var(--color-atomic-black));transition:box-shadow var(--duration-default) ease;min-height:44px;border-radius:2px;box-sizing:border-box;min-width:0}.shortcut-box__option:hover{box-shadow:inset 0 0 0 1px rgb(var(--color-atomic-black))}.shortcut-box__options--two-col .shortcut-box__option--wide{grid-column:1 / -1}.shortcut-box__option-text{position:relative;display:block;min-width:0;font-size:var(--font-size-B3);font-weight:400;line-height:1.33;letter-spacing:.01em;text-transform:capitalize}.shortcut-box__option-text-full,.shortcut-box__option-text-clamp{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.shortcut-box__option-text-full{-webkit-line-clamp:2}.shortcut-box__option-text-clamp{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-line-clamp:1;background:var(--shortcut-bg)}@media screen and (min-width:990px){.shortcut-box__option-text{overflow:hidden;max-height:1.33em;transition:max-height var(--duration-default) ease}.shortcut-box__option-text-clamp{transition:opacity var(--duration-default) ease}.shortcut-box__option:hover .shortcut-box__option-text,.shortcut-box__option:focus-visible .shortcut-box__option-text{max-height:2.66em}.shortcut-box__option:hover .shortcut-box__option-text-clamp,.shortcut-box__option:focus-visible .shortcut-box__option-text-clamp{opacity:0}}.shortcut-box__option-number{font-size:var(--font-size-B5);font-weight:400;opacity:.7;flex-shrink:0;margin-left:var(--space-2)}@media screen and (min-width:990px){.shortcut-box__question{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}}@media screen and (max-width:989px){.shortcut-box{width:100%;max-width:100%;padding-top:0}.shortcut-box__inner{position:static;justify-content:flex-start;gap:var(--space-6);padding:var(--space-4) var(--space-3)}.shortcut-box__option-text-full{display:block;-webkit-line-clamp:unset;overflow:visible}.shortcut-box__option-text-clamp{display:none}.shortcut-box__options--two-col.shortcut-box__options--force-single{display:flex;flex-direction:column}}@media(prefers-reduced-motion:reduce){.section-collection-products-grid *,.section-collection-products-grid *:before,.section-collection-products-grid *:after,.promo-grid__content *,.promo-grid__content *:before,.promo-grid__content *:after,.shortcut-box *,.shortcut-box *:before,.shortcut-box *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.collection--empty{padding-inline:var(--space-3);padding-bottom:200px}@media screen and (min-width:990px){.collection--empty{padding-inline:var(--fluid-offset, 24px)}}.collection-empty__heading{font-family:var(--font-heading-family);font-size:var(--font-size-H2);font-weight:500;line-height:1;letter-spacing:-.06rem;text-transform:none;color:rgb(var(--color-atomic-black));text-align:left;margin:var(--space-4) 0 0;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none}
/*# sourceMappingURL=/cdn/shop/t/20/assets/template-collection-product-grid.css.map */