.bookshelf-section{width:100%;position:relative}.bookshelf-section__wrapper{width:100%;display:flex;flex-direction:column;align-items:center;gap:64px}.bookshelf-section__head{width:100%;display:flex;flex-direction:column;align-items:center;gap:44px}.bookshelf-section__title{width:100%;text-align:center}.bookshelf-section__title h2{color:#1f1c18;font-size:36px;line-height:41.4px;font-weight:700}.bookshelf-section__tabs{background-color:#fff;padding:4px;border-radius:12px;display:flex;flex-direction:row;align-items:center;gap:4px}.bookshelf-section__tabs-item{cursor:pointer;padding:12px 0;border-radius:12px;font-family:Nunito,sans-serif;width:301.5px;border:none;background-color:transparent;font-size:20px;line-height:26px;font-weight:500;color:#1f1c18;transition:background-color .4s ease,color .4s ease,box-shadow .4s ease}.bookshelf-section__tabs-item:hover{box-shadow:0 4px 12px #0003}.bookshelf-section__tabs-item.active{background:#1f1c18;color:#fff;pointer-events:none;cursor:not-allowed}.bookshelf-section__body{width:100%;position:relative}.bookshelf-section__month{width:100%;display:flex;flex-direction:row;align-items:end;justify-content:space-between;gap:32px}.bookshelf-section__month-left{flex-shrink:0;width:447px;height:642px;padding:44px;background:#fff;display:flex;align-items:center;justify-content:center;border-radius:8px}.bookshelf-section__month-left img{width:100%;height:100%;object-fit:cover}.bookshelf-section__month-right{max-width:612px;width:100%;display:flex;flex-direction:column;align-items:start;color:#1f1c18}.bookshelf-section__month-title{width:100%;text-align:left}.bookshelf-section__month-title h3{font-size:28px;line-height:33.6px;font-weight:700}.bookshelf-section__month-author{margin-top:16px;width:100%;display:flex;flex-direction:row;align-items:center;gap:8px}.bookshelf-section__month-author span{font-family:EB Garamond,sans-serif;font-size:20px;line-height:24px;font-weight:700}.bookshelf-section__month-desc{margin:93px 0}.bookshelf-section__month-desc p{font-family:EB Garamond,sans-serif;font-size:20px;line-height:24px;font-weight:400}.bookshelf-section__month-desc ul{list-style-type:disc;padding-left:20px}.bookshelf-section__month-desc ul li{font-family:EB Garamond,sans-serif;font-size:20px;line-height:24px;font-weight:400}.bookshelf-section__month-desc a{text-decoration:none;color:#789cf4;font-family:EB Garamond,sans-serif;font-size:20px;line-height:24px;font-weight:500}.bookshelf-section__month-desc a:hover{border-bottom:1px solid #789cf4}.bookshelf-section__month-desc strong{font-family:EB Garamond,sans-serif;font-size:20px;line-height:24px;font-weight:700}.bookshelf-section__month-btn .app-button{width:254px;padding:16px 0}.bookshelf-section__catalog{width:100%;display:flex;flex-direction:column;align-items:center;gap:64px}.bookshelf-section__catalog-list{width:100%;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:16px}.bookshelf-section__catalog-item{cursor:pointer;width:calc((100% - 80px) / 6);height:290px;transition:transform .4s ease}.bookshelf-section__catalog-item:hover{transform:scale(1.05);z-index:2}.bookshelf-section__catalog-item img{width:100%;height:100%;object-fit:cover}.bookshelf-section__catalog-btn{width:100%}.bookshelf-section__catalog-btn .app-button{margin:0 auto;width:402px;padding:16px 0}@media screen and (max-width: 1140px){.bookshelf-section__catalog-item{width:calc((100% - 64px)/5)}}@media screen and (max-width: 1024px){.bookshelf-section__wrapper{gap:32px}.bookshelf-section__month{flex-direction:column;align-items:center}.bookshelf-section__month-right{max-width:100%}.bookshelf-section__month-desc{margin:32px 0}.bookshelf-section__month-btn{width:100%}.bookshelf-section__month-btn .app-button{margin:0 auto;width:297px}.bookshelf-section__catalog{gap:32px}.bookshelf-section__catalog-btn .app-button{width:297px}.bookshelf-section__catalog-item{width:calc((100% - 48px)/4)}}@media screen and (max-width: 768px){.bookshelf-section__tabs,.bookshelf-section__tabs-item{width:100%}.bookshelf-section__catalog-list{flex-wrap:nowrap;width:100%;justify-content:start;overflow-y:hidden;overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none}.bookshelf-section__catalog-list::-webkit-scrollbar{display:none}.bookshelf-section__catalog-item{margin-top:20px;width:153px;height:244.67px;flex-shrink:0;z-index:2}.bookshelf-section__catalog-item img{height:90%}}@media screen and (max-width: 640px){.bookshelf-section__head{gap:20px}.bookshelf-section__tabs-item{font-size:18px;line-height:23.4px}.bookshelf-section__title h2{font-size:24px;line-height:26.4px}.bookshelf-section__month-left{width:330px;height:454.2px;flex-shrink:1}.bookshelf-section__month-title h3{font-size:24px;line-height:28.8px}.bookshelf-section__month-author{margin-top:0}.bookshelf-section__month-author span,.bookshelf-section__month-desc p,.bookshelf-section__month-desc li,.bookshelf-section__month-desc a{font-size:18px;line-height:21.6px}}@media screen and (max-width: 480px){.bookshelf-section__month-btn .app-button,.bookshelf-section__catalog-btn .app-button{width:100%}}
