.collection-hero__inner{display:flex;flex-direction:column}.collection-hero--with-image .collection-hero__inner{margin-bottom:0;padding-bottom:0}.collection-hero__banner{border-radius:4px;margin:10px 0 0;padding:20px;color:var(--text-color);background-color:var(--bg-color)}.collection-hero__banner--separator{color:var(--text-color)}.collection-hero__banner-column{display:grid;grid-template-columns:70px auto;align-items:center;padding:10px 0;gap:10px}.collection-hero__banner-column__copy{font-weight:400;font-size:15px;line-height:1.2;text-transform:uppercase}.collection-hero__banner-column__button{text-align:center;font-size:16px;font-weight:400;line-height:1.2;text-transform:uppercase;background-color:var(--pill-bg-color);color:var(--pill-text-color);padding:10px 20px;border-radius:40px}.collection-hero__banner-column__button div{max-width:170px;margin:0 auto}.collection-hero__banner-column:not(:last-child){border-bottom:.5px dashed var(--text-color)}.collection-hero__banner-image img{object-fit:contain}@media screen and (min-width: 750px){.collection-hero--with-image .collection-hero__inner{padding-bottom:0}.collection-hero__image-container{margin:24px 0 0}.collection-hero__banner{display:grid;grid-template-columns:240px auto;gap:10px;margin:0 0 20px}.collection-hero__banner-column__button{padding:5px 15px}.collection-hero__title{margin:0 0 24px!important}}@media screen and (min-width: 980px){.collection-hero--with-image .collection-hero__inner{padding-bottom:0}.collection-hero__image-container{margin:24px 0 0}.collection-hero__banner-column__button{padding:5px 15px}.collection-hero__banner-column{grid-template-columns:auto}.collection-hero__banner-column:not(:last-child){border-bottom:unset}.collection-hero__banner-content{display:flex;text-align:center;gap:10px;align-items:center}.collection-hero__banner-column__button div{max-width:unset}.collection-hero__banner{justify-content:space-between}.collection-hero__banner-content--double .collection-hero__banner-column{grid-template-columns:150px auto}}@media screen and (max-width: 980px){.collection-hero__banner--separator{display:none}.collection-hero__banner-column__copy{text-align:left}}@media screen and (min-width: 1280px){.collection-hero__banner-column__button{padding:5px 25px}.collection-hero__banner{grid-template-columns:320px auto}.collection-hero__banner-content{gap:20px}.collection-hero__banner-content--double .collection-hero__banner-column__button{padding:10px 30px}}.collection-hero__text-wrapper{flex-basis:100%;display:grid}@media screen and (min-width: 750px){.collection-hero{padding:0}.collection-hero__inner{padding-bottom:0}}.collection-hero__title{font-weight:700;font-size:18px;line-height:22px;text-transform:uppercase;color:#000;margin:18px auto 0}.collection-hero__title+.collection-hero__description{margin-top:1.5rem;margin-bottom:1.5rem;font-size:1.6rem;line-height:calc(1 + .5 / var(--font-body-scale))}@media screen and (min-width: 750px){.collection-hero__title+.collection-hero__description{font-size:1.8rem;margin-top:2rem;margin-bottom:2rem}.collection-hero__description{max-width:66.67%}.collection-hero--with-image .collection-hero__description{max-width:100%}.collection-hero__title{font-size:28px;line-height:32px;margin:0 auto 24px}}.collection-hero__image-container{border:var(--media-border-width) solid rgba(var(--color-foreground),var(--media-border-opacity));border-radius:var(--media-radius);box-shadow:var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity));padding-bottom:33.33%}@media screen and (max-width: 749px){.collection-hero__image-container{margin:18px -20px 0}}.collection__breadcrumbs{margin:16px 0;line-height:1;color:#000;display:flex;gap:4px}.collection__breadcrumbs .link{font-weight:300;font-size:11px;line-height:1;color:#000;padding:0;text-transform:capitalize}.collection__breadcrumbs .link[aria-current]{font-weight:600}.collection__tabs{margin:0}.collection__tabs .swiper-slide{width:fit-content}.collection__tabs .link{font-weight:400;font-size:14px;line-height:18px;text-transform:uppercase;color:#000;padding:8px 20px;background:#f9f6f5;border-radius:8px;text-decoration:none}.collection__tabs .link--active .link{color:#fff;background:#a0783f}@media screen and (min-width: 750px){.collection__breadcrumbs .link{font-size:12px;line-height:16px}.collection__breadcrumbs{margin:24px 0 16px;gap:6px}.collection__tabs .link{padding:8px 28px}.collection-hero swiper-slider{order:3}}
/*# sourceMappingURL=/cdn/shop/t/123/assets/component-collection-hero.css.map */