.simple-card{--content-padding: .8rem;--option-height: 2.6rem;--option-gap: .8rem;--content-gap: .8rem;--content-height: 0px;--content-options-offset: 0px;--content-height-reduction: 0px;position:relative;overflow:hidden;padding-block-end:calc(var(--content-height) + var(--content-padding) * 2)}.simple-card:has(.card__options){--content-options-offset: calc(var(--option-height) + var(--content-gap));--content-height-reduction: calc((var(--content-height) - var(--content-height-initial)) / 2)}@scope(.simple-card){.card-content{background-color:var(--hh-color-light);position:absolute;left:0;right:0;bottom:0;padding:var(--content-padding);align-content:center;display:flex;flex-direction:column;gap:var(--content-gap)}.card-content:has(.card__options){transform:translateY(calc(var(--content-options-offset) - var(--content-height-reduction, 0px)));transition:transform var(--hh-duration-default, .2s);justify-content:end;.card-content__main{padding-block-start:var(--content-height-reduction, 0px)}.card__options{opacity:0;transition:opacity var(--hh-duration-default, .2s)}}&.options-visible .card-content:has(.card__options){transform:translateY(0);.card__options{opacity:1}}@media(hover:hover){&:hover .card-content:has(.card__options){transform:translateY(0);.card__options{opacity:1}}}.card-content__main{display:flex;align-items:center;min-height:calc(var(--content-height) - var(--content-height-reduction))}.card-content__inner{display:flex;align-items:start;justify-content:space-between;gap:1rem;width:100%}.card-title,.card-price{font-size:1.2rem;color:var(--hh-color-foreground);font-family:var(--hh-font-neuzeit-office);font-style:normal;font-weight:400;letter-spacing:0;line-height:1.166666667;padding:0;margin:0}.card-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-wrap-style:balance}.card-price{font-size:1.1rem;.price{font-size:inherit;line-height:1.333333333;dd{margin-left:0;margin-right:0}}}.card__options{position:relative;z-index:2}.swatches--variants{--font-size: 1rem;gap:var(--option-gap)}.swatch__size__options>button{--size: min(11.111111cqi, 20px);color:var(--color);padding:.7rem .5rem;height:var(--option-height);&:not(.is-disabled):hover{text-decoration:underline;text-underline-offset:.2em}&.is-disabled{--color: #DADADA;color:var(--color);cursor:not-allowed;.disabled-line{background-color:var(--color);width:20px}}}.card__status{left:0;height:var(--option-height);padding-block:0;z-index:3;button,button:hover{font-size:10px;letter-spacing:.3em}}}
/*# sourceMappingURL=/cdn/shop/t/1100/assets/component-simple-card.css.map */