.bookshelf{--collapsed:138px;--gap:20px;align-items:stretch;display:flex;gap:var(--gap);height:400px}.book-accordion__button.simple{margin-top:30px;text-align:center}.card1{align-items:flex-end;background-position:50%;background-size:cover;border-radius:20px;color:#fff;cursor:pointer;display:flex;flex:0 0 var(--collapsed);min-width:0;overflow:hidden;position:relative;transition:flex-basis .35s ease,flex-grow .35s ease;will-change:flex-basis}.card1.active{flex:1 1 0%}.card1:before{background:rgba(0,0,0,.4);border-radius:20px;content:"";inset:0;position:absolute;transition:background .3s}.card1.active:before{background:linear-gradient(91deg,rgba(0,0,0,.75),rgba(0,0,0,.473) 44.95%,transparent 93.65%)}.card1-content{left:0;max-width:450px;min-width:450px;opacity:0;padding:50px;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .3s ease}.card1.active .card1-content{opacity:1}.card1-content h2{color:#fff;font-family:Montserrat!important;font-size:24px;margin-bottom:20px;text-transform:uppercase}@media (max-width:1024px){.bookshelf{flex-direction:column;gap:20px;height:auto}.card1{flex:1 1 100%!important;min-height:250px}.card1:before{background:linear-gradient(91deg,rgba(0,0,0,.75),rgba(0,0,0,.473) 44.95%,transparent 93.65%)}.card1-content{left:auto;max-width:100%;min-width:100%;opacity:1!important;padding:20px;position:relative;top:auto;transform:none}}