.mg-collection-header-section{width:100%}.mg-collection-header{background-color:var(--mg-plp-header-bg, var(--mg-background));margin-block-start:var(--mg-plp-header-margin-top-mobile, .75rem);margin-block-end:var(--mg-plp-header-margin-bottom-mobile, 1.5rem);max-width:none;width:100%}.mg-collection-header__inner{box-sizing:border-box;margin-inline:auto;max-width:var(--page-width, 75rem);padding-inline:var(--page-margin, 1.25rem);width:100%}.mg-collection-header--placeholder{padding:1.5rem var(--page-margin, 1.25rem)}.mg-collection-header__placeholder-text{color:var(--mg-grey);font-family:var(--mg-font, var(--font-body--family));font-size:var(--font-size--sm, .875rem);margin:0}.mg-collection-header h1.mg-collection-header__title{margin-block:0 1.25rem;margin-inline:0;text-align:center}.mg-collection-header h1.mg-collection-header__title:not(:empty):after{content:"."}.mg-collection-header h1.mg-collection-header__title[data-has-period=true]:after{content:none}.mg-collection-header__description{margin:0 auto;max-width:52rem;text-align:center}.mg-collection-header__description p,.mg-collection-header__description span{color:var(--mg-secondary);font-family:var(--mg-font, var(--font-body--family));font-size:.9375rem;font-weight:400;letter-spacing:.0125rem;line-height:1.43}.mg-collection-header__description p{margin:0 0 .75em}.mg-collection-header__description p:last-child{margin-bottom:0}.mg-collection-header__cart-message{background-color:var(--mg-success-bg);box-sizing:border-box;color:var(--color-success);margin:0 auto 1.25rem;width:calc(100% - 2.5rem)}.mg-collection-header__cart-message[hidden]{display:none}.mg-collection-header__cart-message-inner{box-sizing:border-box;display:block;margin-inline:auto;padding:10px 20px 10px 40px;position:relative;width:100%}.mg-collection-header__cart-message-icon{align-items:center;color:inherit;display:inline-flex;height:24px;justify-content:center;left:0;line-height:1.45;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:40px}.mg-collection-header__cart-message-text{color:inherit;font-family:var(--mg-font, var(--font-body--family));font-size:var(--font-size--sm, .875rem);font-weight:400;letter-spacing:.0125rem;line-height:1.45;margin:0;text-transform:none}@media screen and (min-width:769px){.mg-collection-header{margin-block-start:var(--mg-plp-header-margin-top-desktop, 1rem);margin-block-end:var(--mg-plp-header-margin-bottom-desktop, 2.5rem)}}@media screen and (max-width:768px){.mg-collection-header__description p,.mg-collection-header__description span{font-size:var(--font-size--sm, .875rem);line-height:1.8}.mg-collection-header__cart-message{margin-bottom:1rem}.mg-collection-header__cart-message-inner{padding:10px 15px 10px 40px}}.mg-collection-header__banner{box-sizing:border-box;display:grid;margin-inline:auto;max-width:80rem;overflow:hidden;position:relative;width:100%}.mg-collection-header__banner:before{aspect-ratio:var(--mg-plp-header-banner-ratio, 4);content:"";grid-area:1 / 1;width:100%}.mg-collection-header__banner-image{display:block;grid-area:1 / 1;height:100%;object-fit:cover;object-position:center;width:100%}.mg-collection-header__banner-content{align-self:center;box-sizing:border-box;grid-area:1 / 1;padding-block:1rem;padding-inline:var(--page-margin, 1.25rem);width:100%;z-index:1}.mg-collection-header--banner h1.mg-collection-header__title{margin-block:0}.mg-collection-header--banner .mg-collection-header__description p,.mg-collection-header--banner .mg-collection-header__description span{color:var(--mg-primary)}.mg-collection-header--banner .mg-collection-header__description{margin-top:.75rem;max-width:none}@media screen and (min-width:769px){.mg-collection-header__banner-content{padding-inline:clamp(1.25rem,5%,4rem);width:var(--mg-plp-header-banner-content-width, 50%)}.mg-collection-header--banner h1.mg-collection-header__title,.mg-collection-header--banner .mg-collection-header__description{text-align:left}}@media screen and (max-width:768px){.mg-collection-header__banner{display:block}.mg-collection-header__banner:before{display:none}.mg-collection-header__banner-image{height:auto}.mg-collection-header__banner-content{padding-block:1rem 0}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/mg-collection-header.css.map */
