/* Start:/local/templates/tandoor/components/bitrix/catalog.element/new_card_product/style.css?174540060010945*/
.tdoor-container {
    font-family: Exo2, sans-serif;
    color: black;
    max-width: 1300px;
    margin: 0 auto;
}

.tdoor-title {
    font-size: 52px;
    color: #667085;
    margin-bottom: 10px;
    font-weight: 500;
}

.tdoor-subtitle {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    color: #000000;
    font-size: 20px;
}

.tdoor-subtitle-link {
    color: #667085;
    text-decoration: underline;
}

.tdoor-content-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 40px;
    border-radius: 4px;
    position: relative;
    background-color: transparent;
}

/* Add this gray background strip */

.tdoor-content-wrapper::before {
/ / content: "";
/ / position: absolute;
/ / top: 0;
/ / left: - 100 vw; /* Extend fully to the left */
/ / right: - 100 vw; /* Extend fully to the right */
/ / height: 100 %;
/ / background-color: #f5f7fa;
/ / z-index: - 1;
/ /
}

.btn-to-land:hover {
    background-color: rgba(154, 202, 60, 1); /* зеленый цвет при наведении */
    color: white; /* белый текст при наведении */
}

.btn-to-land:hover img {
    filter: brightness(0) invert(1); /* делает SVG белым */
}

.hid-door-bg {
    position: absolute;
    top: 15%;
    left: -1%;
    z-index: -1;
}

.finishing-options {
    display: flex;
    justify-content: space-between;
    gap: 54px;
    margin-bottom: 41px;
}

.finishing-option {
    flex: 1;
    display: flex;
    flex-direction: column;
    width: 33%;
    position: relative;
}

.finishing-image {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-radius: 15px;
    margin-bottom: 1.5vh;
    position: relative;
}

.finishing-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: all 0.3s ease;
}

.finishing-option:hover .finishing-image img {
    filter: brightness(0.7);
}

.hover-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.8);
    color: rgba(143, 150, 176, 1);
    text-align: center;
    z-index: 10;
    font-size: 24px;
}

.finishing-option:hover .hover-overlay {
    display: flex;
    color: rgba(143, 150, 176, 1);
}

.hover-overlay-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    /*background: rgba(255, 255, 255, 0.7);*/
    color: rgba(143, 150, 176, 1);
    padding: 10px 15px;
    border-radius: 10px;
    gap: 10px;
}

.dwnld-btn {
    width: 30px !important;
    height: 30px;
}

.finishing-name {
    font-size: 24px;
    color: rgb(154, 202, 60);
    text-align: center;
    font-weight: 400;
}

.finishing-image:hover {
    cursor: pointer;
}

/* Ensure the image box has the right positioning */
.tdoor-image-box {
    /*max-width: 100%;*/
    position: relative;
    z-index: 1;
}

.tdoor-image {
    width: 595px;
    height: auto;
    display: block;
}

.tdoor-info-box {
    flex: 1;
    min-width: 400px;
}

/* Обновленные стили для блока цен */
.tdoor-price-section {
    margin-bottom: 81px;
    display: grid;
    grid-template-columns: auto 1fr 1fr;
    grid-template-rows: auto auto auto;
    width: 100%;
    gap: 5px 20px;
}

/* Заголовки колонок */
.tdoor-price-header-wrapper {
    display: contents;
}

.tdoor-price-label-header {
    grid-column: 1;
    grid-row: 1;
    align-self: end;
    color: #667085;
    font-size: 14px;
}

.tdoor-price-header-wholesale {
    grid-column: 2;
    grid-row: 1;
    text-align: center;
    color: #667085;
    font-size: 14px;
}

.tdoor-price-header-retail {
    grid-column: 3;
    grid-row: 1;
    text-align: center;
    color: #667085;
    font-size: 18px;
    font-weight: 600;
}

/* Price for canvas row */
.tdoor-price-row-canvas {
    display: contents;
}

.tdoor-price-label-canvas {
    grid-column: 1;
    grid-row: 2;
    color: #667085;
    font-size: 18px;
    align-self: center;
    font-weight: 600;
}

.tdoor-price-wholesale-canvas {
    grid-column: 2;
    grid-row: 2;
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
}

.tdoor-price-retail-canvas {
    grid-column: 3;
    grid-row: 2;
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
}

/* Price for set row */
.tdoor-price-row-set {
    display: contents;
}

.tdoor-price-label-set {
    grid-column: 1;
    grid-row: 3;
    color: #667085;
    font-size: 14px;
    align-self: center;
}

.tdoor-price-wholesale-set {
    grid-column: 2;
    grid-row: 3;
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
}

.tdoor-price-retail-set {
    grid-column: 3;
    grid-row: 3;
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
}

/* Общие стили для цен */
.tdoor-price-current {
    font-size: 32px;
    font-weight: 600;
    color: #9ACA3C;
}

.tdoor-price-old {
    font-size: 14px;
    color: #888;
    text-decoration: line-through;
}

.tdoor-options-box {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    padding: 0;
    border-radius: 4px;
    width: 100%;
}

.tdoor-option-row {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 15px;
}

.tdoor-option-label {
    /*width: 198px;*/
    font-weight: 400;
    color: black;
    font-size: 20px;
    /*text-align: center;*/
}

.tdoor-option-values {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.tdoor-color-option {
    display: inline-block;
    cursor: pointer;
}

.tdoor-color-option.active {
    box-shadow: 0 0 8px 0 rgba(154, 202, 60, 0.5);
    border-radius: 50%;
}

.tdoor-color-circle {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
}

.tdoor-color-black {
    background-color: #000;
}

.tdoor-color-gray {
    background-color: #aaa;
}

.tdoor-text-option {
    padding: 5px 15px;
    border-radius: 5px;
    font-size: 14px;
    cursor: pointer;
    background-color: white;
}

.tdoor-text-option.active {
    background-color: #9ACA3C;
    color: white;
}

.tdoor-size-option {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    background-color: #E9E9E9;
    cursor: pointer;
}

.tdoor-size-option.active {
    background-color: #9ACA3C;
    color: white;
}

.tdoor-quantity-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 52px;
    border-radius: 4px;
}

.tdoor-quantity-label {
    font-weight: 600;
    font-size: 16px;
    color: #000;
}

.tdoor-manual-toggle {
    background: none;
    border: none;
    color: #9ACA3C;
    cursor: pointer;
    padding: 5px 10px;
    font-size: 20px;
    font-weight: 400;
    transition: all 0.3s ease;
}

.tdoor-quantity-controls {
    display: flex;
    align-items: center;
    gap: 15px;
}

.tdoor-quantity-arrow {
    background: none;
    border: none;
    cursor: pointer;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tdoor-quantity-circle {
    width: 30px;
    height: 30px;
    background-color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.tdoor-quantity-value {
    font-size: 16px;
    font-weight: 500;
    color: #000;
}

.tdoor-inventory-status {
    color: #667085;
    font-size: 20px;
    white-space: nowrap;
}

.tdoor-action-buttons {
    display: flex;
    gap: 38px;
    margin-top: 20px;
}

.tdoor-oneclick-btn {
    flex: 1;
    width: 275px;
    padding: 12px 15px;
    border: 2px solid #8F96B0;
    border-radius: 5px;
    color: black;
    font-weight: 600;
    font-size: 20px;
    cursor: pointer;
    text-align: center;
}

.Button__text-unique {
    color: #8F96B0;
    font-size: 20px;
}

.Button__text-2 {
    color: white;
}

.tdoor-cart-btn {
    flex: 1;
    padding: 12px 15px;
    border: 2px solid #9ACA3C;
    background-color: #9ACA3C;
    border-radius: 5px;
    color: white;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    text-align: center;

}

.tdoor-whatsapp-btn {
    width: 44px;
    height: 44px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tdoor-specs-section {
    margin-top: 80px;
}

.tdoor-specs-title {
    font-size: 32px;
    margin-bottom: 20px;
    color: #667085;
    font-weight: 600 !important;
}

.tdoor-specs-list {
    width: 100%;
}

.tdoor-spec-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    font-size: 20px;
}

.tdoor-spec-name {
    color: #667085;
}

.tdoor-spec-value {
    font-weight: 500;
    text-align: right;
}

.tdoor-download-link {
    color: #9ACA3C;
    text-decoration: none;
}

.tdoor-finishing-section {
    margin-top: 40px;
}

/*.tdoor-finishing-title {*/
/*    font-size: 52px;*/
/*    margin-bottom: 20px;*/
/*    color: #667085;*/
/*}*/

.tdoor-finishing-section {
    margin-top: 40px;
    padding-top: 20px;
}

.tdoor-finishing-title {
    font-size: 52px;
    margin-bottom: 47px;
    color: #8F96B0;
    font-weight: 600 !important;
}

.tdoor-finishing-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.tdoor-finishing-item {
    flex: 1;
    min-width: 250px;
    max-width: 350px;
    margin-bottom: 20px;
}

.tdoor-finishing-image {
    width: 100%;
    height: 200px;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.tdoor-finishing-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.tdoor-finishing-image:hover img {
    transform: scale(1.05);
}

.tdoor-finishing-name {
    margin-top: 10px;
    text-align: center;
    color: #9ACA3C;
    font-weight: 500;
    font-size: 16px;
}

/* Медиа-запрос для адаптивности на мобильных устройствах */
@media (max-width: 768px) {
    .tdoor-finishing-gallery {
        flex-direction: column;
        align-items: center;
    }

    .tdoor-finishing-item {
        width: 100%;
        max-width: 100%;
    }
}

.btn-to-land-container {
    display: flex;
    justify-content: end;
    margin-bottom: 40px;
}

.btn-to-land {
    display: flex;
    justify-content: center;
    gap: 15px;
    border: 2px solid #9ACA3C;
    border-radius: 5px;
    background-color: white;
    width: 357px;
    height: 50px;
    color: #9ACA3C;
    font-size: 20px;
    text-align: center;
    align-items: center;
}

.btn-to-land:hover {
    cursor: pointer;
}
/* End */
/* /local/templates/tandoor/components/bitrix/catalog.element/new_card_product/style.css?174540060010945 */