.card-wrapper{color:inherit;height:100%;position:relative;text-decoration:none}.card{text-decoration:none;text-align:var(--text-alignment)}.card:not(.ratio){display:flex;flex-direction:column;height:100%}.card.card--horizontal{--text-alignment: left;--image-padding: 0rem;flex-direction:row;align-items:flex-start;gap:1.5rem}@media screen and (min-width: 750px){.card:hover .badge--hide-on-hover{opacity:0;visibility:hidden}}@media screen and (min-width: 751px){.badge--mobile{display:none}}@media screen and (max-width: 750px){.badge--desktop{display:none}}.card--horizontal.ratio:before{padding-bottom:0}.card--card.card--horizontal{padding:1.2rem}.card--card.card--horizontal.card--text{-moz-column-gap:0;column-gap:0}.card--card{height:100%}.card--card,.card--standard .card__inner{position:relative;box-sizing:border-box;border-radius:var(--border-radius);border:var(--border-width) solid rgba(var(--color-foreground),var(--border-opacity))}.card--card:after,.card--standard .card__inner:after{content:"";position:absolute;z-index:-1;width:calc(var(--border-width) * 2 + 100%);height:calc(var(--border-width) * 2 + 100%);top:calc(var(--border-width) * -1);left:calc(var(--border-width) * -1);border-radius:var(--border-radius);box-shadow:var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity))}.card .card__inner .card__media{overflow:hidden;z-index:0;border-radius:calc(var(--border-radius) - var(--border-width) - var(--image-padding))}.card--card .card__inner .card__media{border-bottom-right-radius:0;border-bottom-left-radius:0}.card--standard.card--text{background-color:transparent}.card-information{text-align:var(--text-alignment)}.card__media,.card .media{bottom:0;position:absolute;top:0}.card .media{width:100%}.card__media{margin:var(--image-padding);width:calc(100% - 2 * var(--image-padding))}.card--standard .card__media{margin:var(--image-padding)}.card__inner{width:100%}.card--media .card__inner .card__content{position:relative;padding:calc(var(--image-padding) + .5rem)}@media screen and (min-width: 750px){.card--media .card__inner .card__content{padding:calc(var(--image-padding) + 1rem)}}.card__content{display:grid;grid-template-rows:minmax(0,1fr) max-content minmax(0,1fr);padding:1rem;width:100%;flex-grow:1}.card__content--auto-margins{grid-template-rows:minmax(0,auto) max-content minmax(0,auto)}.card__information{grid-row-start:2}.card:not(.ratio)>.card__content{grid-template-rows:max-content minmax(0,1fr) max-content auto}.card__information{padding-bottom:0;padding-top:12px}@media screen and (max-width: 749px){.card__information{padding-left:4px;padding-bottom:12px}}.card__badge{place-self:flex-end flex-start;grid-row-start:3}@media screen and (min-width: 750px){.card__badge{margin-left:-1rem}}.card__badge.top{align-self:flex-start;grid-row-start:1}.card__badge.right{right:0;margin-right:-1rem;justify-self:flex-end}.card:not(.card--horizontal)>.card__content>.card__badge{margin:1.3rem 0 1.3rem 1.3rem}.card__media .media img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;width:100%}.card__inner:not(.ratio)>.card__content{height:100%}.card__heading{line-height:25px;margin-top:0;margin-bottom:0;display:flex;justify-content:space-between;width:100%;text-transform:capitalize}.card__heading:last-child{margin-bottom:0}.card--horizontal .card-information>*:not(.visually-hidden:first-child)+*:not(.rating){margin-top:0}.card--horizontal__quick-add:before{box-shadow:none}.card--card.card--media>.card__content{margin-top:calc(0rem - var(--image-padding))}.card--standard.card--text a:after,.card--card .card__heading a:after{bottom:calc(var(--border-width) * -1);left:calc(var(--border-width) * -1);right:calc(var(--border-width) * -1);top:calc(var(--border-width) * -1)}.card__heading a:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.card__heading a:after{outline-offset:.3rem}.card__heading a:focus:after{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3);outline:.2rem solid rgba(var(--color-foreground),.5)}.card__heading a:focus-visible:after{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3);outline:.2rem solid rgba(var(--color-foreground),.5)}.card__heading a:focus:not(:focus-visible):after{box-shadow:none;outline:0}.card__heading a:focus{box-shadow:none;outline:0}@media screen and (min-width: 990px){.card .media.media--hover-effect>img:only-child,.card-wrapper .media.media--hover-effect>img:only-child{transition:transform var(--duration-long) ease}.card .media.media--hover-effect>img:first-child:not(:only-child),.card-wrapper .media.media--hover-effect>img:first-child:not(:only-child){transition:opacity var(--duration-long) ease,transform var(--duration-long) ease}.card .media.media--hover-effect>img+img,.card-wrapper .media.media--hover-effect>img+img{transition:opacity var(--duration-long) ease,transform var(--duration-long) ease}.card-wrapper:hover .media.media--hover-effect>img:first-child:not(:only-child){opacity:0}.card-wrapper:hover .media.media--hover-effect>img+img{opacity:1}}.card--standard.card--media .card__inner .card__information,.card--standard.card--text:not(.card--horizontal)>.card__content .card__heading,.card--standard:not(.card--horizontal)>.card__content .card__badge,.card--standard.card--text.article-card>.card__content .card__information,.card--standard>.card__content .card__caption{display:none}.card--standard>.card__content{padding:0}.card--card.card--media .card__inner .card__information,.card--card.card--text .card__inner,.card--card.card--media>.card__content .card__badge{display:none}.card--horizontal .card__badge,.card--horizontal.card--text .card__inner{display:none}.card--extend-height{height:100%}.card--extend-height.card--standard.card--text,.card--extend-height.card--media{display:flex;flex-direction:column}.card--extend-height.card--standard.card--text .card__inner,.card--extend-height.card--media .card__inner{flex-grow:1}.card .icon-wrap{margin-left:.8rem;white-space:nowrap;transition:transform var(--duration-short) ease;overflow:hidden}.card-information>*+*{margin-top:.5rem}.card-information{width:100%}.card-information>*{line-height:16px;color:var(--color-black)}.card-information>.price{color:var(--color-black)}.card--horizontal .card-information>.price{color:var(--color-black)}.card-information>.rating{margin-top:.4rem}.card-information>*:not(.visually-hidden:first-child)+*:not(.rating){margin-top:.7rem}.card-article-info{margin-top:1rem}.card__wishlist-icon{position:absolute;top:16px;right:16px;z-index:2;opacity:0;transition:opacity var(--duration-default) ease;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center}.card__wishlist-icon svg{z-index:4;pointer-events:none;width:16px;height:16px;display:block;position:unset;stroke-width:2.5px}.card__wishlist-icon.rivo-aw-favorited,.card__wishlist-icon.rivo-favorite-active,.card__wishlist-icon[data-favorited=true]{opacity:1!important}.card__wishlist-icon.rivo-aw-favorited svg,.card__wishlist-icon.rivo-favorite-active svg,.card__wishlist-icon[data-favorited=true] svg{fill:rgb(var(--color-black))}rivo-favorite-button svg{height:16px!important}.card-wrapper:hover .card__wishlist-icon{opacity:1}@media screen and (max-width: 749px){.card__wishlist-icon{top:8px;right:8px}}.card__badge-wrapper{position:absolute;top:20px;left:16px;z-index:2;line-height:12px}.card__badge-text{display:inline-block;font-size:10px;letter-spacing:.9px;line-height:12px;text-align:left;text-transform:uppercase;color:var(--color-black);font-weight:400;background:none;border:none;padding:0;text-shadow:none}@media screen and (max-width: 749px){.card__badge-wrapper{top:10px;left:8px}.card__badge-text{font-size:10px}}.card__color-swatches{position:absolute;bottom:3px;right:8px;z-index:3;opacity:0;transition:opacity var(--duration-default) ease;pointer-events:none;display:flex;align-items:center;gap:5px}.card__color-swatches .card__color-swatches-container{display:flex;gap:4px;align-items:center}.card__color-swatches .color__swatch-item{border:none;display:block;pointer-events:none;cursor:default}.card__color-swatches .color__swatch-item span,.card__color-swatches .color__swatch-item img{width:12px;height:10px;display:block}.card__color-swatches .color__swatch-item span[style*="background-color:var(--color-white);"]{border:1px solid #f8f2eb}.card__color-swatches .card__color-swatches-more{font-size:1.2rem;color:rgb(var(--color-foreground));font-weight:500;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.1)}.card-wrapper:hover .card__color-swatches{opacity:1}@media screen and (max-width: 749px){.card__color-swatches{bottom:8px;right:8px}.card__color-swatches .card__color-swatches-more{font-size:1rem}}.card--double-width.ratio:before{padding-bottom:calc(var(--ratio-percent) / 2)}.card--double-width .card__inner.ratio:before{padding-bottom:calc(var(--ratio-percent) / 2)}@media screen and (min-width: 990px){.card--double-width.ratio:before{padding-bottom:calc((var(--ratio-percent) - 48px) / 2)}.card--double-width .card__inner.ratio:before{padding-bottom:calc((var(--ratio-percent) - 48px) / 2)}}.card--double-width .card__media--double-width{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;margin:0}.card--double-width .card__media-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0}.card--double-width .card__media-grid .media{position:relative;width:100%;height:100%}.card--double-width .card__media-grid .media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.card--double-width .card__media-grid .media--hover-effect img{transition:opacity var(--duration-long) ease,transform var(--duration-long) ease}.card--double-width .card__media-grid .media--hover-effect img+img{position:absolute;top:0;left:0;opacity:0}@media screen and (min-width: 990px){.card-wrapper--double-width:hover .card__media-grid .media--hover-effect img:first-child{opacity:0}.card-wrapper--double-width:hover .card__media-grid .media--hover-effect img+img{opacity:1}}