.hero-overview{--ho-accent: var(--btn-bg-color);position:relative}.hero-overview--has-bg{overflow:hidden}.hero-overview__bg{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero-overview__bg .img-fit{object-position:var(--ho-bg-position, center)}.hero-overview__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ho-overlay, none)}.hero-overview__content{position:relative;z-index:1}.hero-overview__head{max-width:var(--reading-width, 48em)}.hero-overview__head:not(:last-child){margin-bottom:var(--heading-gap)}.hero-overview__head.text-center{margin-inline:auto}.hero-overview__head.text-end{margin-inline-start:auto}.hero-overview .hero-overview__eyebrow--accent{color:rgb(var(--ho-accent))}.hero-overview .hero-overview__eyebrow--uppercase{text-transform:uppercase;letter-spacing:.05em}.hero-overview__usps{display:flex;flex-wrap:wrap;gap:calc(2 * var(--space-unit)) calc(5 * var(--space-unit));padding:0;list-style:none}.hero-overview__usp{display:flex;align-items:center;gap:calc(2 * var(--space-unit))}.hero-overview__usp .icon{flex:none;width:1.1em;height:1.1em;color:rgb(var(--ho-accent))}.hero-overview__tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ho-gap, 12px);margin:0;padding:0;list-style:none}.hero-overview__tile{display:flex;position:relative;flex-direction:column;overflow:hidden;border:1px solid transparent;border-radius:var(--ho-tile-radius, 12px);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.hero-overview__tile--border{border-color:rgba(var(--text-color) / .1)}.hero-overview__tile--tinted{background-color:rgba(var(--text-color) / .04)}.hero-overview .hero-overview__tile--custom-bg{background:var(--ho-tile-bg)}.hero-overview__tile .media{border-radius:0;background-color:var(--ho-media-bg, var(--coll-card-bg-color))}.hero-overview__tile .media img.img-fit--contain{padding:var(--ho-img-padding, 14px)}.hero-overview__flag{position:absolute;z-index:1;top:calc(2 * var(--space-unit));inset-inline-end:calc(2 * var(--space-unit))}.hero-overview__flag--start{inset-inline-start:calc(2 * var(--space-unit));inset-inline-end:auto}.hero-overview__body{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:calc(1.5 * var(--space-unit));padding:calc(3 * var(--space-unit)) calc(3.5 * var(--space-unit)) calc(3.5 * var(--space-unit))}.hero-overview__body.text-center{align-items:center}.hero-overview__name{margin:0}.hero-overview__name--small{font-size:calc(var(--body-font-size) * .1rem);line-height:1.3}.hero-overview__name--xsmall{font-size:calc(var(--body-font-size) * .0875rem);line-height:1.3}.hero-overview__use{display:inline-flex;align-items:center;gap:calc(1.5 * var(--space-unit));padding:3px 8px;border-radius:calc(var(--ho-tile-radius, 12px) / 2);font-weight:600;line-height:1.3}.hero-overview__use--accent{background-color:rgba(var(--ho-accent) / .1);color:rgb(var(--ho-accent))}.hero-overview__use--neutral{background-color:rgba(var(--text-color) / .08);color:rgb(var(--text-color))}.hero-overview__use .icon{flex:none;width:1em;height:1em}.hero-overview__note{margin:0;color:rgba(var(--text-color) / .7);line-height:1.4}.hero-overview__tile .card-link:focus-visible{outline:none}.hero-overview__tile .card-link:focus-visible:after{border-radius:var(--ho-tile-radius, 12px);outline:2px solid rgb(var(--ho-accent));outline-offset:-2px}@media(forced-colors:active){.hero-overview__tile .card-link:focus-visible:after{outline-color:CanvasText}}@media(hover:hover)and (pointer:fine){.hero-overview__tile--link.hero-overview__tile--hover-lift:hover,.hero-overview__tile--link.hero-overview__tile--hover-border:hover{border-color:rgb(var(--ho-accent))}.hero-overview__tile--link.hero-overview__tile--hover-lift:hover{transform:translateY(-3px);box-shadow:0 10px 26px #0000001a}}@media(prefers-reduced-motion:reduce){.hero-overview__tile{transition:none}.hero-overview__tile--link.hero-overview__tile--hover-lift:hover{transform:none}}.hero-overview__foot{margin-top:calc(6 * var(--space-unit))}@media(max-width:768.98px){.hero-overview__tiles--carousel{display:flex;margin-inline:calc(-1 * var(--gutter));padding:var(--space-unit) var(--gutter) calc(2.5 * var(--space-unit));overflow-x:auto;scroll-padding-inline:var(--gutter);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.hero-overview__tiles--carousel::-webkit-scrollbar{display:none}.hero-overview__tiles--carousel>.hero-overview__tile{flex:0 0 var(--ho-tile-width-mobile, 150px);scroll-snap-align:start}.hero-overview__note--hide-mobile{display:none}}@media(min-width:769px){.hero-overview__tiles{grid-template-columns:repeat(var(--ho-cols-md, 4),minmax(0,1fr))}}@media(min-width:1280px){.hero-overview__tiles{grid-template-columns:repeat(var(--ho-cols, 7),minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/custom-hero-overview.css.map */