.album { box-shadow: 0px 8px 38px rgb(0 0 0 / 10%); position:relative;}
.album figure { overflow: hidden; width: 100%; height: 340px; background-image: url(/assets/images/album-placeholder-img.png); background-size:cover; }
.album figure img { width:100%; height: 100%; object-fit: cover; transform:scale(1.0); -webkit-transform:scale(1.0); -ms-transform:scale(1.0); -moz-transform:scale(1.0); transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -ms-transition:all ease 0.3s; -moz-transition:all ease 0.3s; }
.album:hover figure img { transform:scale(1.1); -webkit-transform:scale(1.1); -ms-transform:scale(1.1); -moz-transform:scale(1.1); transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -ms-transition:all ease 0.3s; -moz-transition:all ease 0.3s; }
.album .heart { border: none; background-color: transparent; position: absolute; top: 18px; right: 23px; font-size: 18px; color: #ffffff; z-index: 2; }
.album .content { padding: 10px 15px; text-align:center; }
.album h5 { font-size:16px; font-weight: 800; color:#000000; line-height:22px; margin-bottom: 2px; }
.album h5 a {color: inherit;}
.album h5 a:after {content: ", ";}
.album h5 a:last-child::after {display: none;}
.album h5 a:hover {color: #669933;}
.album p { font-size:14px; color:#000000; line-height:22px; margin-bottom: 9px; width: 100%; max-width: 320px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.album strong { display: block; font-size: 14px; font-weight: 500; color: #4c4949; line-height: 20px; margin-bottom: 12px; min-height: 20px;  }
.album strong a.feature-link {color: inherit;}
.album strong a.feature-link:hover {color: #669933;}
.album .price-list { display:flex; align-items:center; justify-content:center; margin-bottom: 6px; }
.album .price-list li { padding: 0 4px; font-size:18px; font-weight:800; color:#ff7035; line-height:24px; }
.album .price-list li a { color:#ff7035; } 
.album .price-list li.volume { font-size:16px; }
.album .price-list li.volume a { color:#000000; }
.album .price-list li.circle a { font-size:13px; font-weight:600; color:#000000; height:34px; width:34px; background-color:#e5e8e9; border-radius:50%; line-height:35px; display:inline-block; }
.album .price-list li.circle a:hover {background-color: #669933;}
.album .bottom-list { margin: 8px 0 0; }
.album .bottom-list li { float:left; }
.album .bottom-list li:last-child { float:right; }
.album .bottom-list li a { display:inline-block; font-size:14px; font-weight:400; color:#060a0b; line-height:20px; padding:0 6px 2px; position:relative; }
.album .bottom-list li a:after { content:""; position:absolute; bottom:0; width:0; height:2px; background-color:#669933; left:0; right:0; margin:0 auto; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -ms-transition:all ease 0.3s; -moz-transition:all ease 0.3s; }
.album .bottom-list li a:hover::after { width:100%; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -ms-transition:all ease 0.3s; -moz-transition:all ease 0.3s; }
.album .btn.yellow {outline: none;}

@media screen and (max-width: 599px) {
    .album figure {height: 280px;}
    .album .price-list li { font-size: 16px; }
}
@media screen and (max-width: 479px) {
    .album {border: 1px solid #ddd;}
    .album figure {height: 240px;}
    .album h5, .album .price-list li {font-size: 14px;}
    .album p, .album strong, .album .bottom-list li a {font-size: 10px; line-height: normal; }
    .album .btn.yellow {font-size: 12px; padding: 6px 14px;}
}