div.card-wrapper:not(.article-card-wrapper){height:auto}div.card-wrapper:not(.article-card-wrapper) .media img{opacity:0;transition:opacity .3s ease}div.card-wrapper:not(.article-card-wrapper) .media img.active{opacity:1}div.card-wrapper:not(.article-card-wrapper) .card__heading{font-size:2.6rem;font-weight:700}div.card-wrapper:not(.article-card-wrapper) .card__heading a:after{bottom:100px}div.card-wrapper:not(.article-card-wrapper) .card__tag-wrapper{display:flex;flex-direction:column;grid-row:1/3;grid-column:2;gap:0}div.card-wrapper:not(.article-card-wrapper) .price{font-size:1.8rem;font-weight:700}@media screen and (min-width: 990px){div.card-wrapper:not(.article-card-wrapper):hover .media>img{transition:transform var(--duration-long) ease;transform:scale(1.03)}}.card__information--with-label{display:grid;grid-template-columns:2fr 1.5fr}@media screen and (max-width: 990px){.card__information--with-label{grid-template-columns:2fr 145px}}.swatches{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.swatches .button{min-width:120px;min-height:30px;border:1px solid transparent;border-radius:25px;transition:color .3s ease,border .3s ease,background-color .3s ease}.swatches .button:after{content:none}.swatches .button.loading{line-height:.8;background:transparent;border-color:#000}.swatches .button.loading:hover{color:transparent}.swatches .button .loading-overlay{top:50%;left:50%;transform:translate(-50%,-50%)}@media (hover: hover){.swatches .button:hover{color:#000;background-color:transparent;border:1px solid #000000}}.swatch-wrapper{padding:0;cursor:pointer;background-color:transparent;border:1px solid transparent;border-radius:50%}.swatch-wrapper:hover,.swatch-wrapper.active{border:1px solid #000000}.swatch-wrapper:hover .swatch,.swatch-wrapper.active .swatch{transform:scale(.8) rotate(-135deg)}.swatch-wrapper:hover .swatch-taichi,.swatch-wrapper.active .swatch-taichi{transform:scale(.8)}.swatch{display:flex;width:30px;height:30px;overflow:hidden;border-radius:50%;transition:transform .3s ease;transform:rotate(-135deg)}.swatch.double span{width:50%;border-radius:0;border-top-right-radius:2rem;border-bottom-right-radius:2rem}.swatch.double span:first-of-type{transform:rotate(180deg)}.swatch span,.swatch svg{width:100%;height:100%}.swatch span{border-radius:50%}.swatch .outline{outline:1px solid #000000;outline-offset:-1px}.card__content .subtitle{font-size:1.2rem;font-weight:400}