

/* Start:/local/components/adhesol/documents/templates/documents/style.css?17614259941974*/
.doc-card {
display: flex;
align-items: center;
gap: 20px;
flex-wrap: wrap;
}

.doc-card__item {
position: relative;
flex: 0 0 calc(100% / 4 - (20px / 4 * 3));
}

.doc-card__item > .ad__link {
z-index: 1;
}

.doc-card__item:hover .doc-card__content-info span {
color: var(--color-028EE4);
}

.doc-card__item:hover .doc-card__content-img svg {
opacity: 1;
}

.doc-card__content-img {
height: 291px;
width: 100%;
overflow: hidden;
position: relative;
}

.doc-card__content-img img {
width: 100%;
height: 100%;
object-fit: cover;
}

.doc-card__content-img svg {
width: 40px;
height: 40px;
flex-shrink: 0;
position: absolute;
top: 50%;
left: 45%;
fill: var(--color-0074BC);
opacity: 0;
transition: .3s;
}

.doc-card__content-info {
display: flex;
justify-content: space-between;
align-items: flex-end;
gap: 10px;
padding: 20px 0 0;
}

.doc-card__content-info span {
color: var(--color-3F4B69);
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}

.doc-card__content-info svg {
height: 25px;
width: 25px;
flex-shrink: 0;
fill: var(--color-0074BC);
}

.ad__link-download:hover svg {
fill: var(--color-028EE4);
}

body .doc-card__btn {
width: 50px;
height: 50px;
}

body .doc-card__btn {
opacity: 1;
}

.ad__link-download {
position: relative;
z-index: 2;
right: 5px;
}

/* если ховер именно на кнопке — сбрасываем */
.doc-card__item:has(.ad__link-download:hover) .doc-card__content-info span {
color: var(--color-3F4B69); /* исходный цвет */
}

@media (max-width: 902px) {
.doc-card__item {
flex: 0 0 calc(100% / 3 - (20px / 3 * 2));
}

.doc-card__content-img {
height: 200px;
}
}

@media (max-width: 576px) {
.doc-card__item {
flex: 0 0 calc(100% / 2 - (20px / 2 * 1));
}

.doc-card__content-info {
padding: 0;
}

.doc-card__content-info span {
font-size: 12px;
}

.doc-card__content-info svg {
height: 20px;
width: 20px;
}

.ad__link-download {
display: none;
}
}
/* End */


/* Start:/bitrix/components/bitrix/main.pagenavigation/templates/.default/style.min.css?17614259902530*/
.bx-pagination{margin:10px 0}.bx-pagination .bx-pagination-container{text-align:center;position:relative}.bx-pagination .bx-pagination-container ul{padding:0;margin:0;list-style:none;display:inline-block}.bx-pagination .bx-pagination-container ul li{display:inline-block;margin:0 2px 15px 2px}.bx-pagination .bx-pagination-container ul li span{-webkit-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-o-transition:color .3s ease,background-color .3s ease,border-color .3s ease;transition:color .3s ease,background-color .3s ease,border-color .3s ease;background:#eff0f1;padding:0 8px;display:block;height:32px;min-width:32px;line-height:32px;color:#444;font-size:14px;border-radius:16px;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-pagination .bx-pagination-container ul li a{text-decoration:none;display:block;border-radius:16px;height:32px;min-width:32px;line-height:32px;color:#444;vertical-align:middle}.bx-pagination .bx-pagination-container ul li a:hover span{background:#dadada}.bx-pagination .bx-pagination-container ul li.bx-active span{background:#0083d1;color:#fff}.bx-pagination .bx-pagination-container ul li.bx-pag-all a span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a span{background:#fff;border:2px solid #eff0f1;line-height:28px;padding:0 18px;color:#444}.bx-pagination .bx-pagination-container ul li.bx-pag-all span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev span,.bx-pagination .bx-pagination-container ul li.bx-pag-next span{color:#aab1b4;background:#fff;border:2px solid #eff0f1;line-height:28px;padding:0 18px}.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span{background:#fff;border-color:#dadada;color:#000}.bx-pagination.bx-green .bx-pagination-container ul li.bx-active span{background:#3bc915;color:#fff}.bx-pagination.bx-yellow .bx-pagination-container ul li.bx-active span{background:#f9a91d;color:#fff}.bx-pagination.bx-red .bx-pagination-container ul li.bx-active span{background:#e22b2b;color:#fff}.bx-pagination.bx-blue .bx-pagination-container ul li.bx-active span{background:#0083d1;color:#fff}
/* End */
/* /local/components/adhesol/documents/templates/documents/style.css?17614259941974 */
/* /bitrix/components/bitrix/main.pagenavigation/templates/.default/style.min.css?17614259902530 */
