.hx-collection-hero-section{width:100%;max-width:none;margin:0}.hx-collection-hero{position:relative;display:flex;width:100%;min-width:0;min-height:var(--hx-collection-hero-desktop-height);overflow:hidden;color:var(--hx-collection-hero-text);background:var(--hx-collection-hero-bg);isolation:isolate}.hx-collection-hero__picture,.hx-collection-hero__image,.hx-collection-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.hx-collection-hero__picture{z-index:-2}.hx-collection-hero__image{object-fit:cover;object-position:var(--hx-collection-hero-focus-x) var(--hx-collection-hero-focus-y)}.hx-collection-hero__overlay{z-index:-1;background:linear-gradient(90deg,var(--hx-collection-hero-overlay) 0%,transparent 72%);opacity:var(--hx-collection-hero-overlay-opacity);pointer-events:none}.hx-collection-hero--x-center .hx-collection-hero__overlay{background:var(--hx-collection-hero-overlay)}.hx-collection-hero--x-right .hx-collection-hero__overlay{background:linear-gradient(270deg,var(--hx-collection-hero-overlay) 0%,transparent 72%)}.hx-collection-hero__inner{display:flex;width:min(calc(100% - 48px),var(--hx-collection-hero-max-width));min-height:var(--hx-collection-hero-desktop-height);margin-inline:auto;padding-block:var(--hx-collection-hero-desktop-pad)}.hx-collection-hero--x-left .hx-collection-hero__inner{justify-content:flex-start;text-align:left}.hx-collection-hero--x-center .hx-collection-hero__inner{justify-content:center;text-align:center}.hx-collection-hero--x-right .hx-collection-hero__inner{justify-content:flex-end;text-align:right}.hx-collection-hero--y-top .hx-collection-hero__inner{align-items:flex-start}.hx-collection-hero--y-center .hx-collection-hero__inner{align-items:center}.hx-collection-hero--y-bottom .hx-collection-hero__inner{align-items:flex-end}.hx-collection-hero__content{width:min(100%,max(var(--hx-collection-hero-text-max),var(--hx-collection-hero-description-max)))}.hx-collection-hero__breadcrumb{display:flex;margin-bottom:50px;align-items:center;gap:13px;color:currentColor;font-size:13px;line-height:1.4}.hx-collection-hero--x-center .hx-collection-hero__breadcrumb{justify-content:center}.hx-collection-hero--x-right .hx-collection-hero__breadcrumb{justify-content:flex-end}.hx-collection-hero__breadcrumb a{color:currentColor;text-decoration:none}.hx-collection-hero__breadcrumb a:hover{text-decoration:underline}.hx-collection-hero__breadcrumb [aria-current=page]{opacity:.52}.hx-collection-hero__title{margin:0;color:inherit;font-family:var(--font-heading--family, var(--font-body--family));font-size:clamp(40px,4vw,64px);font-weight:700;line-height:1.05;letter-spacing:-.035em;text-wrap:balance}.hx-collection-hero__description{width:min(100%,var(--hx-collection-hero-description-max));margin-top:var(--hx-collection-hero-description-gap);color:var(--hx-collection-hero-description-color);font-size:var(--hx-collection-hero-description-size);line-height:1.65;text-align:var(--hx-collection-hero-description-align);overflow-wrap:anywhere}.hx-collection-hero__description p{margin:0}.hx-collection-hero__description p+p{margin-top:10px}.hx-collection-hero__description ul,.hx-collection-hero__description ol{margin-block:10px 0;padding-inline-start:1.4em}.hx-collection-hero__description a{color:currentColor}.hx-collection-hero--x-center .hx-collection-hero__description{margin-inline:auto}.hx-collection-hero--x-right .hx-collection-hero__description{margin-left:auto}@media screen and (max-width:749px){.hx-collection-hero{min-height:var(--hx-collection-hero-mobile-height)}.hx-collection-hero__inner{width:100%;min-height:var(--hx-collection-hero-mobile-height);padding-top:var(--hx-collection-hero-mobile-pad);padding-right:max(20px,env(safe-area-inset-right));padding-bottom:var(--hx-collection-hero-mobile-pad);padding-left:max(20px,env(safe-area-inset-left))}.hx-collection-hero__overlay,.hx-collection-hero--x-right .hx-collection-hero__overlay{background:linear-gradient(90deg,var(--hx-collection-hero-overlay) 0%,transparent 92%)}.hx-collection-hero__breadcrumb{margin-bottom:28px;gap:10px;font-size:12px}.hx-collection-hero__title{font-size:clamp(32px,10vw,46px)}.hx-collection-hero__description{font-size:var(--hx-collection-hero-description-size-mobile);line-height:1.55}}
/*# sourceMappingURL=/cdn/shop/t/216/assets/hexufan-collection-hero.css.map */