.section-page-banner{position:relative}.section-page-banner>div{width:100%;min-height:var(--section-height);display:flex;flex-direction:column;align-items:var(--section-content-alignment, center);justify-content:var(--section-content-position, center)}.section-page-banner:has(.media-position--background)>div{height:var(--section-height)}.section-page-banner .container{display:flex;flex-direction:column;align-items:var(--section-content-alignment, center);text-align:var(--section-content-alignment, center);gap:calc(var(--section-spacing-unit-size) * 1.5);background-color:rgb(var(--color-background));height:100%;position:relative;width:100%}.section-page-banner .container .rte ul,.section-page-banner .container .rte ol{text-align:start;display:flex;flex-direction:column;align-items:var(--section-content-alignment)}.section-page-banner__content{display:inherit;flex-direction:inherit;align-items:inherit;max-width:100%;align-items:var(--section-content-alignment, center)}.template--collection .section-height--auto:has(.breadcrumbs) .section-page-banner__content{margin-block-start:var(--spacing-3)}@media screen and (max-width: 749px){.section-page-banner .container{overflow:hidden}}@media screen and (min-width: 750px){.template--collection .section-height--auto:has(.breadcrumbs) .section-page-banner__content{margin-block-start:var(--spacing-4)}}@media screen and (min-width: 1280px){.section-page-banner__group.max-w-narrower .section-page-banner .content{max-width:70%}}.media-position--top .media,.media-position--bottom .media{display:flex;justify-content:center;align-self:var(--section-content-alignment, center);background-color:transparent;max-width:100%;width:100%}.media-position--top .media{order:-1}.media-position--bottom .media{order:1}.media-position--top img,.media-position--bottom img{width:auto;max-width:100%}.section-page-banner__media{max-width:100%;width:100%;overflow:hidden}.section-page-banner__media img,.section-page-banner__media video{max-width:100%;width:100%;height:auto;object-fit:cover}.section-page-banner__group.container .section-page-banner__media{max-width:100%}.section-page-banner__group.container{box-sizing:border-box;margin-left:auto;margin-right:auto;overflow:hidden;width:100%;max-width:100%}.section-page-banner__group.container:not(.max-w-fluid){width:100%}.section-page-banner__group.container.media-position--background .section-page-banner__media{position:absolute;top:0;bottom:0;left:var(--page-gutter, 2rem);right:var(--page-gutter, 2rem);width:auto;max-width:100%;height:100%;box-sizing:border-box;overflow:hidden}.media-position--background .section-page-banner__content{position:relative;z-index:2;width:100%;max-width:100%;box-sizing:border-box;padding-left:var(--page-gutter, 2rem);padding-right:var(--page-gutter, 2rem)}.section-page-banner .section__heading{color:rgba(var(--color-heading-text),1)}.breadcrumbs+.section__heading{margin-block-start:calc(var(--section-spacing-unit-size) * 1)}.section-page-banner__text{color:rgb(var(--color-foreground));margin-block-start:calc(var(--spacing-unit-size) * 1.5);align-items:inherit}.section-page-banner__text p:last-child{margin-block-end:0}.section-page-banner__text p:first-child{margin-block-start:0}.section-page-banner__menu{max-width:100%;overflow:hidden}.section-page-banner__menu .menu.menu--horizontal:has(*){display:flex;justify-content:start;gap:calc(var(--spacing-unit-size) * .5);margin-block-start:calc(var(--spacing-unit-size) * 3);overflow:scroll}.section-page-banner__menu .menu.menu--horizontal .menu__item:last-of-type{margin-inline-end:var(--page-gutter)}.section-page-banner__menu .menu.menu--horizontal .menu__item a{white-space:nowrap}.section-page-banner__menu .menu.menu--horizontal .menu__item a{border-color:rgba(var(--color-outlined-button-text),0);background-color:rgba(var(--color-outlined-button-text),.1);border-color:transparent;padding:var(--spacing-3) var(--spacing-5);text-transform:unset;font-family:var(--font-heading-family);font-size:var(--font-size-static-md);letter-spacing:var(--font-heading-letter-spacing)}.section-page-banner__menu .menu.menu--horizontal .menu__item a:hover,.section-page-banner__menu .menu.menu--horizontal .menu__item a.active{background-color:var(--color-button-hover-background)}@media screen and (max-width: 749px){.section-page-banner__menu{padding-inline-start:var(--page-gutter)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-page-banner.css.map */