/*Каталог с колонками*/
.ptcatalog-columns {
    padding: 1.5vmax 0px 1vmax;
    gap: 1rem;
    & .ptcatalog-box {
        background: #f6f6f6;
        padding: 15px 20px;
        position: relative;
        border: 1px solid #e8e8e8;
        border-radius: 10px;
        transition: 0.3s;
        height: 100%;
        display: flex;
        flex-direction: column;
        &:hover {
            background: #fff;
            box-shadow: var(--but-hover-shadow);
            transform: scale(0.99);
        }
        & .wp-block-group__inner-container {
            height: 100%;
            display: flex;
            flex-direction: column;
        }
        & figure.wp-block-image {
            position: relative;
            overflow: hidden;
            & img {
                transition: 0.3s;
            }
            &:hover img {
                transform: scale(1.2);
            }
        }
        & .ptcatalog-title {
            font-size: clamp(1.1rem, 1.085rem + 0.07vw, 1.2rem);
            margin: 0.9rem 0;
        }
        & .ptcatalog-button {
            margin-top: auto;
            & .wp-block-button__link.wp-element-button {
                background: #32373c;
                position: relative;
                border: 2px solid #fff;
                color: #fff;
                border-radius: 10px;
                text-transform: uppercase;
                font-weight: 600;
                padding: 0.9rem;
                font-size: 0.9rem;
                transition: 0.2s;
                &::after {
                    content: "\f649";
                    font-family: "Font Awesome 6 Pro";
                    font-weight: 100;
                    font-size: clamp(1.375rem, 1.32rem + 0.28vw, 1.75rem);
                    position: absolute;
                    right: 10%;
                    top: 50%;
                    transform: translate(0%, -50%);
                }
                &:hover {
                    transform: scale(0.96);
                    color: #32373c;
                    border-color: #32373c;
                    background: #fff;
                }
            }
        }
    }
}






/*Преимущества компании*/
.advantages-company {
    align-items: center !important;
    & .advantages-company-column-1 {
        flex-basis: max(50%, 60%) !important;
        & .advantages-company-column-inside {
            flex-direction: column;
            margin: 0px;
            gap: clamp(1.5rem, 1.339rem + 0.81vw, 2.6rem);
        }
        & .advantages-company-col {
            width: 100%;
            display: flex;
            align-items: flex-start;
            gap: 1.6rem;
        }
        & .advantages-company-img {
            max-width: 80px;
        }
        & .advantages-company-title {
            font-size: clamp(1.2rem, 1.185rem + 0.07vw, 1.3rem);
            font-weight: 600;
            margin: 0px 0px 0.5rem;
        }
        & .advantages-company-desc {
            margin: 0;
            font-size: clamp(0.9rem, 0.878rem + 0.11vw, 1.05rem);
            line-height: clamp(1.4rem, 1.371rem + 0.15vw, 1.6rem);
            font-weight: 400;
            width: calc(100% - 2.3vw);
        }
    }
    & .advantages-company-column-2 {
        flex-basis: max(30%, 40%) !important;
        & .advantages-company-img {
            margin: auto;
        }
    }
}




/*Порядок работа*/
.order-company-work {
    & .order-company-work-col {
        display: flex;
        gap: 1rem;
    }
    & .order-company-work-box {
        padding: 0 1rem 1rem;
        border-radius: 10px;
        border: 1px solid #e8e8e8;
        width: calc(100% / 5);
        position: relative;
        transition: 0.3s;
        &:nth-child(even) .order-company-work-ok {
            background: #feb860;
            color: #3b3b3b;
        }
        & .order-company-work-ok {
            margin: -20px auto 1rem;
            background: #da4b00;
            border: 1px solid #e8e8e8;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.4rem;
            font-family: Tahoma, Geneva, sans-serif;
            color: #fff;
            font-weight: bold;
            width: 45px;
            height: 40px;
            transition: 0.3s;
        }
        & .order-company-work-title {
            font-size: clamp(0.8rem, 0.771rem + 0.15vw, 1rem);
            font-weight: 700;
            margin: 0 0 0.5rem;
            text-align: center;
            line-height: 1.2;
        }
        & .order-company-work-desc {
            font-size: 0.9rem;
            margin: 0;
            padding-right: 4rem;
            line-height: clamp(1rem, 0.956rem + 0.22vw, 1.3rem);
        }
        & .order-company-work-icon {
            position: absolute;
            right: -0.5rem;
            bottom: -0.5rem;
            width: 85px;
            height: 80px;
            border-radius: 10px;
            background: #ffffff;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid #e8e8e8;
            transition: 0.3s;
            & img {
                width: auto;
                margin: auto;
                display: block;
                height: 52px;
            }
        }
        &:hover {
            background: #fbfbfb;
            box-shadow: 0px 2px 5px #0000002b;
            & .order-company-work-ok {
                background: #feb860;
                color: #3b3b3b;
            }
            & .order-company-work-icon {
                box-shadow: 0px 2px 5px #0000002b;
            }
        }
    }
}





/*Заказать замер*/
.door-size-block {
    position: relative;
    margin-bottom: 0px;
    /* &::before {
        content: '';
        display: block;
        position: absolute;
        z-index: 0;
        top: 0%;
        left: 0%;
        border: 40rem solid transparent;
        border-top: 38rem solid #fd6e1b;
        border-left: 34rem solid #ffffff00;
        border-right: 100rem solid #ffffff00;
    } */
    &::before {
        content: '';
        background: #f4f4f4;
        display: block;
        position: absolute;
        z-index: 0;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        clip-path: polygon(100% 100%, 0% 2%, 0% 100%);
    }
    &::after {
        content: '';
        background-size: 100% 100%;
        background-position: 0px 0px;
        background-image: repeating-linear-gradient(315deg, #e43926 70%, #FD6200FF 87%, #e43926 89%);
        display: block;
        position: absolute;
        z-index: 0;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        clip-path: polygon(100% 0%, 0% -1%, 102% 100%);
    }
    .door-size-col {
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: column;
    }
    .door-size-col-1 {
        padding: 1rem 1rem 0;
        align-items: center;
    }
    .door-size-col-2 {
        padding: 2rem 4rem 0 0;
        align-items: center;
    }
    & .door-size-title-dop {
        color: #fff;
        text-align: center;
        font-size: 3.8rem;
        letter-spacing: 1px;
        line-height: 1.2;
        font-weight: 900;
        text-transform: uppercase;
        margin: 0 0 1rem;
        /* text-shadow: 0px 10px 0px #ea4623; */
    }
    & .door-size-box {
        padding: 50px;
        width: 100%;
        background: var(--metal-gradient);
        margin: 0;
        border-radius: 12px;
        box-shadow: 0px 5px 5px #00000024;
        & .door-size-title {
            text-align: center;
            font-size: 1.5rem;
            line-height: 1.5;
            font-weight: 600;
            margin-bottom: 2.1rem;
        }
    }
    & .door-size-form {
        & form.wpcf7-form {
            & .inputs {
                & .inp-sub input[type="submit"] {
                    color: #fff;
                    background: var(--but-gradient);
                }
            }
        }
    }
}


/*Блок с товарами просмотренными ранее*/
.recently-viewed {
    & div.products {
        & div.product {
            width: 100%;
            background: #f7f7f7;
            justify-content: space-between;
            & h2.woocommerce-loop-product__title {
                margin: 0px 0px 10px;
                font-size: 14px;
                & a {
                    color: inherit;
                    text-decoration: none;
                    display: block;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    overflow: hidden;
                }
            }
            & .product-buttons {
                flex-direction: column;
                gap: 1rem;
                padding: 0px;
                border: 0px;
                align-items: self-start;
                & .but-products {
                    border: 1px solid #b7b7b7;
                }
                & .price {
                    padding-left: 10px;
                }
                & .but-cart {
                    gap: 5px;
                    transform: scale(0.85);
                }
            }
        }
        & .product-but-imge {
            display: flex;
            gap: 1rem;
            align-items: center;
        }
        & .recently-viewed-img-inside {
            display: block;
            width: 110px;
            margin: 0;
            max-height: 110px;
            & img {
                margin: auto;
                object-fit: cover;
                max-width: 100%;
                max-height: 110px;
            }
        }
        & .recently-product-slide {
            padding: 5px;
            width: calc((100% / 3) - 0.8%);
        }
        & .arrow-slick {
            width: 20px;
            height: 100%;
            border-radius: 0px;
            left: -20px;
            padding: 0px;
        }
        & .arrow-slick-next {
            left: calc(100% - 0px);
        }
    }
}




/*Сетка категорий*/
.grid-categories {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    &>.wp-block-group__inner-container {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        justify-items: stretch;
        justify-content: start;
        align-content: stretch;
        align-items: stretch;
        gap: 2px;
    }
    & .grid-cat-box:nth-child(1) {
        grid-column: 1 / 3;
    }
    & .grid-cat-box:nth-child(5) {
        grid-column: 2 / 4;
    }
    & .grid-cat-box {
        cursor: pointer;
        position: relative;
        overflow: hidden;
        aspect-ratio: 16 / 9;
        min-height: 300px;
        max-height: 400px;
        width: 100%;
        &>.wp-block-group__inner-container {
            position: absolute;
            left: 0%;
            top: 0%;
            width: 100%;
            height: 100%;
        }
        & .grid-cat-img {
            position: absolute;
            left: 0%;
            top: 0%;
            width: 100%;
            height: 100%;
            z-index: 1;
            & img {
                position: absolute;
                left: 0%;
                top: 0%;
                object-fit: cover;
                width: 100%;
                height: 100%;
                filter: grayscale(0);
                transition: 1.2s;
            }
        }
        & .grid-cat-title {
            background: #da4b00;
            padding: 0.3rem 0.6rem;
            color: #fff;
            font-size: clamp(0.9rem, 0.862rem + 0.19vw, 1.1rem);
            font-weight: 600;
            position: absolute;
            left: 6%;
            bottom: 6%;
            z-index: 5;
            margin: 0;
            transition: 0.7s;
        }
        & .grid-cat-href {
            position: absolute;
            left: 0%;
            top: 0%;
            width: 100%;
            height: 100%;
            z-index: 3;
            transition: 1s;
            & .wp-block-button__link.wp-element-button {
                position: absolute;
                left: 0%;
                top: 0%;
                width: 100%;
                height: 100%;
                padding: 0px;
                background: none;
                font-size: 0;
                pointer-events: auto;
            }
        }
        &:hover {
            & .grid-cat-img {
                & img {
                    filter: grayscale(1);
                    transform: scale(1.2);
                }
            }
            & .grid-cat-href {
                box-shadow: inset 0 0 3rem 2rem #333;
            }
            & .grid-cat-title {
                background: #000;
            }
        }
    }
}



.module-stocks-block {
    padding: 0;
    & img {
        border-radius: 10px;
        box-shadow: 0 0 0 1px #0000001a;
    }
    & .module-stocks-carousel {
        & .li {
            padding: 0 0.5rem;
            & img {
                transition: 0.3s;
            }
            &:hover {
                & img {
                    filter: grayscale(0.6);
                }
            }
        }
    }
    & .not-module-stocks-carousel {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 0.6rem;
        & .li {
            padding: 0;
        }
    }
}