.herbier-card{position:relative}.herbier-card:has(.herbier-card__properties) .herbier-card__image-wrapper{overflow:hidden}.herbier-card__title{margin:0;font-weight:var(--font-body-weight-medium)}.herbier-card__image-wrapper{box-sizing:border-box;position:relative;z-index:2;overflow:visible;border:var(--card-border-width) solid rgb(var(--color-border));background-color:rgb(var(--card-color-scheme));box-shadow:var(--card-shadow-horizontal-offset) var(--card-shadow-vertical-offset) rgba(var(--color-shadow),var(--shadow-opacity))}.herbier-card__image-wrapper .media-wrapper{padding:var(--card-image-padding);border-radius:calc(var(--card-radius) - var(--card-border-width) - var(--card-image-padding))}.herbier-card__properties{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;padding:1.5rem 1.5rem 7rem;display:flex;flex-direction:column;justify-content:center;background-color:rgb(var(--color-button-background));color:rgb(var(--color-button-text));transform:translateY(100%);transition:transform var(--duration-default) ease,opacity var(--duration-default) ease;opacity:0;font-size:1.4rem;gap:.8rem;align-items:center;font-weight:var(--font-body-weight-medium)}.herbier-card__properties span{padding:.8rem 1.6rem;border-radius:3rem;border:.1rem solid rgb(var(--color-button-text))}.herbier-card__image-wrapper+.herbier-card__info{position:relative;padding-top:.6rem}.herbier-card__button{pointer-events:none;display:flex;justify-content:flex-end;column-gap:1rem;text-align:center;position:absolute;bottom:100%;z-index:2;white-space:nowrap;height:4rem;margin-top:0;overflow:hidden;transform:translateY(-1.5rem);width:calc(100% - 3rem);left:1.5rem}.herbier-card__button .button{opacity:0}.herbier-index__letters-list{display:flex;margin:0;margin-bottom:6rem;padding:0;gap:1.6rem;overflow-y:hidden;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgb(var(--color-button-background)) rgb(var(--color-border));-webkit-overflow-scrolling:touch;white-space:nowrap;padding-bottom:1rem}.herbier-index__letters-list li{list-style-type:none}.herbier-index__letters-list li:first-child{margin-left:auto}.herbier-index__letters-list li:last-child{margin-right:auto}.herbier-index__letters-list li a{padding:.8rem 1.6rem;background-color:rgba(var(--color-button-background),.25);color:rgb(var(--color-foreground));text-decoration:none;line-height:1;border-radius:3rem;transition:background-color ease var(--duration-default);display:block}.herbier-index__letters-list li a:hover{background-color:rgb(var(--color-button-background));color:rgb(var(--color-button-text))}.herbier-index__anchor{scroll-margin-top:3rem}@media screen and (max-width: 749px){.grid--2-col:not(.grid--1-col-mobile) .grid__item{max-width:calc(50% - var(--grid-horizontal-spacing) / 2)}}@media screen and (hover: hover) and (min-width: 750px){.herbier-card__button .button{display:flex;min-width:auto;width:100%;box-shadow:none;border-radius:min(var(--button-radius),.8rem);transform:translateY(100%);transition:color var(--duration-long) ease,transform var(--duration-default) ease,opacity var(--duration-default) ease;will-change:transform}.herbier-card:has(.herbier-card__properties) .full-unstyled-link{z-index:3}.herbier-card:hover .herbier-card__properties{transform:translateY(0);opacity:1}.herbier-card .herbier-card__button{transform:translateY(-5rem)}.herbier-card:has(.herbier-card__properties) .herbier-card__button{z-index:4;transform:translateY(-1.5rem)}.herbier-card:has(.herbier-card__properties) .herbier-card__button .button{background-color:rgba(var(--color-button-text),.2);border-color:rgb(var(--color-button-text))}.herbier-card:hover .herbier-card__button .button{opacity:1;transform:translateY(0)}}@media screen and (hover: hover){.herbier-card__title{background-image:linear-gradient(to top,rgb(var(--color-border)) 0 0),linear-gradient(to top,transparent 0,transparent 0);background-repeat:no-repeat;background-position:right bottom;background-size:0 .1rem,100% .1rem;transition:background-size var(--duration-default) ease;display:inline}.herbier-card:hover .herbier-card__title{background-position:left bottom;background-size:100% .1rem,100% .1rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-herbier-index.css.map */