.comp, .rait, .bonus, .dep, .otz, .bonus-div-adv, .bonus-div-adv.advmain{display: none;}
.open-btn{display: flex; align-items: center; gap: 10px;}
.open-btn span{font-size: 15px; font-family: "Mont-Bold"; display: none;}

.content-title{width: 100%;font-family: "Mont-Bold";font-size: 28px;font-weight: normal;}

.content-descript{width: 100%;display: flex;flex-direction: column;}

.content-descript-text{max-height: 150px;height: fit-content;overflow: hidden;position: relative;transition: all 0.3s ease;}

.content-descript-text.open{max-height: 1000px;}

.content-descript-text.open .content-descript-overlay{opacity: 0;visibility: hidden;}

.content-descript span{font-size: 16px;font-family: "Mont-Regular";color: #ADADAD;}

.content-descript-overlay{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: linear-gradient(to bottom, rgba(18, 18, 18, 0) 20%, #121212 100%);transition: all 0.6s ease;pointer-events: none;}

.content-elements{z-index: 54;}

.content-elements-main-menu{width: 100%;display: flex;flex-wrap: wrap;gap: 20px;}

.content-elements-main-menu-item{padding: 5px 10px;font-size: 16px;border: 1px solid white;border-radius: 50px;font-family: "Mont-Regular";cursor: pointer;transition: border 0.3s ease, background 0.3s ease;color: white;text-decoration: none;}

.content-elements-main-menu-item.active{border: none; background: linear-gradient(203deg, #00571D 0%, #87C212 100%); padding: 6px 11px;}

.content-descript-open{width: 100%;text-align: end;color: #ADADAD;font-size: 16px;font-family: "Mont-Regular";cursor: pointer;user-select: none;}

.content-descript-open:hover{color: #ADADAD;}

.content-elements{display: flex;width: 100%;flex-direction: column;}

.content-elements-main{width: 100%; display: flex; flex-direction: column; gap: 30px;}

.content-elements-main-title{width: 100%;font-size: 16px;font-family: "Mont-Regular";}

.content-elements-main-grid{width: 100%;display: grid;grid-template-columns: repeat(1, 1fr);gap: 50px 20px;z-index: 99;}

.content-elements-main-grid-item{display: flex;flex-direction: column;cursor: pointer;text-decoration: none;color: white;}

.content-elements-main-grid-item-img{width: 100%;aspect-ratio: 298/248;position: relative;overflow: hidden;border-radius: 10px;}

.content-elements-main-grid-item-img img{width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.content-elements-main-grid-item-img::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);z-index: 1;pointer-events: none;}

.content-elements-main-grid-item-img-category{padding: 5px 10px;border-radius: 50px;border: 1px solid #EBEEF3;font-size: 16px;font-family: "Mont-Regular";position: absolute;top: 5px;left: 5px;z-index: 5;}

.content-elements-main-grid-item-author{width: 100%;display: flex;align-items: center;gap: 10px;}

.content-elements-main-grid-item-author-avatar{width: 44px;aspect-ratio: 1/1;border-radius: 50%;background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));}

.content-elements-main-grid-item-author span{color: #ADADAD;font-size: 14px;font-family: "Mont-Medium";}

.content-elements-main-grid-item-date{width: 100%;color: #ADADAD;font-size: 14px;font-family: "Mont-Light";margin-top: 10px;}

.content-elements-main-grid-item-title{width: 100%;margin-top: 10px;font-size: 18px;font-family: "Mont-Bold";}

.content-elements-main-grid-item-descript{width: 100%;margin-top: 10px;font-size: 16px;font-family: "Mont-light";color: #ADADAD;}

.content-elements-dop{width: 100%; display: flex; flex-direction: column; background: #262626; border-radius: 10px;align-items: center; padding: 20px 0; margin-top: 30px; height: fit-content;}
.content-elements-dop-title{width: 90%;font-size: 18px;font-family: "Mont-Bold";}

.content-elements-dop-list{width: 90%;display: flex;flex-direction: column;gap: 15px;margin-top: 20px;}

.content-elements-dop-list-item{width: 100%;display: flex;gap: 10px;cursor: pointer;transition: transform .3s ease;text-decoration: none;color: white;}

.content-elements-dop-list-item:hover{transform: translateY(-3px);}

.content-elements-dop-list-item img{width: 70px;height: 70px;}

.content-elements-dop-list-item-content{flex-grow: 1;display: flex;flex-direction: column;justify-content: center;gap: 5px;}

.content-elements-dop-list-item-content-date{color: #ADADAD;font-size: 10px;font-family: "Mont-Medium";}

.content-elements-dop-list-item-content-title{font-size: 16px;font-family: "Mont-Regular";}

.content-elements-dop-btn{width: 80%;aspect-ratio: 238/44;border-radius: 100px;font-size: 16px;font-family: "Mont-Bold";display: flex;align-items: center;justify-content: center;color: white;background: linear-gradient(-135deg, #00571D 0%, #87C212 100%);border: none;margin-top: 20px;cursor: pointer;}

.adv-line-section{width: 100%;aspect-ratio: 298/32;background: black;position: relative;}
.adv-line-section img{max-width: 100%;}

.best-book {width: 100%;display: flex;flex-wrap: wrap;padding: 20px 10px;background: black;justify-content: center;border-radius: 10px;gap: 20px;box-sizing: border-box;animation: smoothColorFlow 7s ease-in-out infinite; margin-top: 30px;}

@keyframes smoothColorFlow {
    0%, 100% {filter: drop-shadow(0 0 25px #5FA315);}
    25% {filter: drop-shadow(0 0 30px #87C212);}
    50% {filter: drop-shadow(0 0 35px #2DE0D9);}
    75% {filter: drop-shadow(0 0 30px #F7D329);}
}

.best-book-title{width: 100%;text-align: center;font-size: 28px;font-family: "Mont-Bold";max-width: 298px;}

.best-book-logo{width: 90%;aspect-ratio: 300/85;background: linear-gradient(-135deg, rgba(0, 87, 29, 0.2) 0%, rgba(135, 194, 18, 1) 100%);border-radius: 5px;padding: 2px;max-width: 288px;}

.best-book-logo-content{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;position: relative;border-radius: 5px;background: black;}

.best-book-logo-content img{max-width: 20%;max-height: 100%;min-width: 50%;min-height: 50%;}

.best-book-info{width: 90%;display: flex;flex-direction: column;gap: 10px;max-width: 288px;}

.best-book-info-item{width: 100%; display: flex; justify-content: space-between; padding-bottom: 5px; border-bottom: 1px solid rgba(152, 152, 154, 1);}

.best-book-info-item-title{color: rgba(152, 152, 154, 1);font-family: "Mont-Regular";font-size: 16px; }

.best-book-info-item-content{font-family: "Mont-Semi-Bold";font-size: 16px; }

.best-book-info-item img{width: 20px;}

.best-book-data{width: 90%; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 15px 0; max-width: 288px;}

.best-book-data-item{width: 49%;display: flex;align-items: center;gap: 5px;}

.best-book-data-item.otziv{cursor: pointer;}

.best-book-data-item-content{display: flex;flex-direction: column;justify-content: center;font-size: 14px;}

.best-book-data-item-content-title{font-family: "Mont-Regular";}

.best-book-data-item-content-count{font-family: "Mont-Bold";}

.best-book-data-btn{width: 90%;aspect-ratio: 266/44;border-radius: 100px;border: none;background: linear-gradient(-135deg, #008C0E 0%, #093F0F 100%);display: flex;align-items: center;justify-content: center;color: white;font-family: "Mont-Bold";font-size: 16px;margin-left: auto;margin-right: auto;cursor: pointer;}

.local_desctop_img{display: none;}
.local_mobile_img{display: flex;}

.open-more-btn{width: fit-content;color: white;margin-left: auto; margin-right: auto; font-size: 18px;font-family: "Mont-Regular";padding: 10px 15px; background: linear-gradient(-135deg, #00571D 0%, #87C212 100%); border: 1px solid #093F0F; border-radius: 100px;}

@media(min-width: 768px){
    .mob{display: none;}
    
    .content{width: 90%;}

    .content-elements{flex-direction: row; gap: 30px; justify-content: space-between;}
    .content-elements-dop{max-width: 325px; width: 35%; margin-top: 0;}

    .best-book{max-width: 842px; margin-left: auto; margin-right: auto; gap: 30px;}
    .content-elements-main{width: 65%;max-width: 759px;}
    .content-elements-main-grid{grid-template-columns: repeat(2, 1fr);}
    .content-elements-main-grid-item-img{aspect-ratio: 360/248;}

    .local_desctop_img{display: flex;}
    .local_mobile_img{display: none;}
}

@media(min-width: 1280px){
    .content{max-width: 1600px; width: 80%;}
    .best-book{max-width: 1600px; width: 100%;}
    .best-book-title{width: 100%; max-width: none; font-size: 46px;}
    .best-book-logo{max-width: 653px; width: 30%;}
    .best-book-info{max-width: 486px; width: 30%;}
    .best-book-data{max-width: 266px;}

    .content-elements-main{max-width: 1200px;}
    .content-elements-dop{max-width: 381px; width: 35%;}

    .content-title{font-size: 46px;}
    .content-descript span{font-size: 18px;}
    .content-elements-main-title{font-size: 28px;}
}

@media(min-width:1440px){
    .content-elements-main-grid{grid-template-columns: repeat(3, 1fr);}
}