/* Start:/local/templates/main/components/bitrix/catalog.section/hits/style.css?17555608321916*/
.catalog-products {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
}

.catalog-row {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(4, 1fr);
    align-items: stretch;
}

.product {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.product:hover .product-title {
    color: #00B16B;
}

.product-image {
    width: 100%; 
    height: auto; 
    aspect-ratio: 1 / 1;
    object-fit: cover; 
}

.product-title {
    font-size: 20px;
    margin-top: 20px;

    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-id {
    font-size: 14px;
    margin-top: 10px;
}

.product-cart {
    display: flex;
    justify-content: center;
    background-color: rgba(0, 177, 107, 1);
    padding: 13px 0;
    border-radius: 10px;
    font-weight: 600;
    margin-top: 10px;
}

.catalog-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 60px;
    margin-top: 60px;
}

.show-more {
    padding: 15px 6.25rem;
    font-weight: 600;
    font-size: 1.5rem;
    background: #FCAA00;
    background: linear-gradient(90deg, rgba(252, 170, 0, 1) 50%, rgba(252, 140, 0, 1) 100%);
    border-radius: 10px;
    cursor: pointer;
    white-space: nowrap;
}

.catalog-pagination {
    display: flex;
    gap: 30px;
    align-items: center;
}

.pagination-page {
    font-size: 20px;
}

.bottom-section {
    margin: 20px 0;
}

@media (max-width: 1024px) {
    .catalog-row { grid-template-columns: repeat(2, 1fr); }
    .catalog-row [data-entity="item"]:nth-child(n+3) {
        display: none !important;
    }
}


@media (max-width: 568px) {
    .catalog-row { grid-template-columns: repeat(2, 1fr); }
    .catalog-row [data-entity="item"]:nth-child(n+3) {
        display: none !important;
    }
}

/* End */


/* Start:/local/templates/main/components/bitrix/catalog.item/.default/style.css?17555608302032*/
.popap_basket_added {
    position: absolute;
    background-color: #252525;
    border: 1px solid #009B52;
    border-radius: 3px;
    z-index: 10000;
    display: flex;
    padding: 15px;
    opacity: 1;
    top: 10px;
    right: 0;
}

.popap_basket_added img {
    height: 5em;
    width: 5em;
    object-fit: contain;
    object-position: center;
    margin-right: 10px;
    border-radius: 4px;
    background: #fff;
}

.popap_basket_added_inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    align-items: center;
    color: #FFF;
    font-size: 13px;
    text-align: center;
    margin-left: 20px;
}

.popap_basket_added_inner span {
    display: block;
    font-weight: 700;
    font-size: 1.25em;
}

.popap_basket_added_inner a {
    color: #8B8B8B;
    font-size: 1em;
    text-decoration: underline;
}

@media (max-width: 360px) { 
    .popap_basket_added {
        transform: translateX(-5%);
    }
}


.product {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    font-size: clamp(10.25px, 1vw, 16px);
}

.product:hover .product-title {
    color: #00B16B;
}

.product-image {
    width: 100%; 
    height: auto; 
    aspect-ratio: 1 / 1;
    object-fit: cover; 
}

.product-title {
    font-size: 1.25em;
    margin-top: 20px;

    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-id {
    font-size: 0.875em;
    margin-top: 10px;
}

.product-cart {
    display: flex;
    justify-content: center;
    background-color: rgba(0, 177, 107, 1);
    padding: 13px 0;
    border-radius: 10px;
    font-weight: 500;
    margin-top: 10px;
    font-size: 1.25em;
}

@media (max-width: 1024px) { .product { font-size: clamp(12px, 2.25vw, 16px); } }
@media (max-width: 576px) { .product-cart { padding: 11px 0; } }
@media (max-width: 480px) { .product { font-size: clamp(8px, 3vw, 14px); } .product-cart { font-size: 1em; } }


/* End */


/* Start:/local/templates/main/components/bitrix/news.index/.default/style.css?17548913781922*/
.items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.item {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    background-image: url('/local/templates/main/images/vipolnenie-raboti/1.png');
    padding: 30px 3.125em 30px 1.875em;
    border-radius: 10px;
    height: clamp(250px, 28vw, 360px);
    font-size: clamp(10px, 1.3vw, 16px);
}

.item-main {
    background-color: rgb(37, 37, 37, 0.75);
    padding: 30px;
    border-radius: 10px;
}

.item-title {
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: 600;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.item-description {
    font-size: 1em;
    font-weight: 300;
    margin-top: 10px;
}

.detail {
    background-color: #00B16B;
    color: #FFF;
    border-radius: 10px;
    text-align: center;
    padding: 13px 54.5px;
    width: fit-content;
    z-index: 1;
    font-size: 1.25em;
    font-weight: 600;
}

.item:nth-child(n+4) { display: none; }

@media (max-width: 1024px) { 
    .item:nth-child(n+3) { display: none; }
    .items { grid-template-columns: repeat(2, 1fr); }
    .item { font-size: clamp(9.5px, 2vw, 18px); background-size: cover; padding: 20px; height: clamp(250px, 40vw, 300px); }
}

@media (max-width: 768px) { 
    .item { height: clamp(250px, 40vw, 300px); }
    .item-main { padding: 15px; }
}

@media (max-width: 576px) { 
    .item {padding: 15px; border-radius: 5px; }
    .detail { padding: 8px 30px; border-radius: 5px; }
}

@media (max-width: 480px) { 
    .item { height: clamp(120px, 53vw, 210px); }
    .item-main { width: 80%; padding: 15px; }
    .items { grid-template-columns: repeat(1, 1fr); }
    .item { font-size: clamp(9.5px, 2.85vw, 12px); }
    .item:nth-child(n+2) { display: none; }
    .detail { width: 100%; font-size: 1em; }
}
/* End */
/* /local/templates/main/components/bitrix/catalog.section/hits/style.css?17555608321916 */
/* /local/templates/main/components/bitrix/catalog.item/.default/style.css?17555608302032 */
/* /local/templates/main/components/bitrix/news.index/.default/style.css?17548913781922 */