.em2-wood-lists{
    & .em2-label::before{
        display: none;
    }
    & .heading{
        border-bottom: 1px solid #ede8df;
        margin-bottom: 25px;
        & .em2-label{
            margin-bottom: 10px;
        }
    }
    & .row{
        margin-left: 0px;
        margin-right: 0px;
        & [class*='col-']{
            border-right: 3px solid #ede8df;
            padding-left: 0px;
            padding-right: 0px;
        }
    }
    &.template-4 .row [class*='col-']:nth-child(4n+4){
        border: none;
    }
    & .em2-wood-item{
        padding: 45px 30px;
        background: #f8f5ef;
        height: 100%;
        position: relative;
        & > a{
            position: absolute;
            width: 100%;
            height: 100%;
        }
        &:hover{
            background: var(--white);
            box-shadow: 0 8px 40px rgba(0,0,0,.06);
        }
        & .thumb{
            min-height: 80px;
            border-radius: 2px;
            overflow: hidden;
            margin-bottom: 25px;
            & img{
                object-fit: cover;
                width: 100%;
            }
            &.hasimage::before{
                display: none !important;
            }
        }
        & .em2-title{
            font-weight: 500;
            margin: 0px;
        }
        & .block-content{
            font-size: 14px;
            line-height: 1.65;
        }
        & .cat{
            display: flex;
            gap: 5px;
            margin-top: 15px;
            & a, & span{
                font-size: 12px;
                border-radius: 100px;
                padding: 5px 12px;
            }
        }
    }
    &.template-1 .em2-wood-item{
        display: grid;
        grid-template-columns: 80px 1fr;
        gap: 24px;
        align-items: flex-start;
        & .thumb{
            min-height: 64px;
        }
    }
    &.box-white .row{
        margin-left: -12px;
        margin-right: -12px;
        & [class*='col-']{
            padding-left: 12px;
            padding-right: 12px;
            border: none;
            margin-bottom: 24px;
        }
        & .em2-wood-item{
            border: 1px solid var(--border);
            border-radius: 12px;
            overflow: hidden;
            background: var(--white);
            padding: 0px;
            & .thumb{
                min-height: 160px;
                margin: 0px;
            }
            & .box-inner{
                padding: 24px 22px;
                & .em2-label, & .em2-title{
                    margin-bottom: 8px;
                }
                & ul{
                    list-style: none;
                    padding: 0px;
                    margin: 0px;
                    & li{
                        display: flex;
                        gap: 8px;
                        align-items: flex-start;
                        &::before{
                            content: '·';
                            color: var(--wood);
                            flex-shrink: 0;
                            margin-top: 1px;
                        }
                    }
                }
            }
        }
    }
    &.box-navy .row{
        margin-left: -12px;
        margin-right: -12px;
        & [class*='col-']{
            padding-left: 12px;
            padding-right: 12px;
            border: none;
            margin-bottom: 24px;
        }
        & .em2-wood-item{
            background: rgba(255, 255, 255, .06);
            border: 1px solid rgba(255, 255, 255, .08);
            border-radius: 10px;
            padding: 32px 24px;
            & .thumb{
                height: 80px;
                border-radius: 6px;
            }
            & .em2-title{
                color: var(--white);
            }
            & .em2-label{
                text-transform: none;
                letter-spacing: 0.5px;
            }
            & .block-content{
                color: rgba(255,255,255,.45);
            }
            &:hover{
                background: rgba(255, 255, 255, .1);
                border-color: rgba(139, 94, 60, .4);
                transform: translateY(-4px);
            }
        }
    }
    &.box-white .row .thumb,
    & .line-gradient .thumb{
        position: relative;
        &::before{
            content: '';
            position: absolute;
            inset: 0;
            background: repeating-linear-gradient(90deg, transparent, transparent 22px, rgba(0, 0, 0, .06) 22px, rgba(0, 0, 0, .06) 24px);
        }
    }
    &.box-border{
        border-radius: 10px;
        overflow: hidden;
        & .em2-wood-item{
            border-top: 3px solid var(--border);
            border-bottom: 3px solid var(--border);
            border-right: 3px solid var(--border);;
            padding: 36px 28px;
            position: relative;
            background: var(--white);
            & .thumb{
                width: 56px;
                min-height: 56px;
                border-radius: 8px;
                border: 1px solid rgba(0,0,0,.07);
            }
            & .block-content strong{
                color: var(--gold);
            }
            &::before{
                content: '';
                position: absolute;
                top: -3px;
                left: 0;
                right: 0;
                height: 3px;
                background: #8b5e3c;
                width: 0;
                transition: all 0.3s;
            }
            &:hover{
                background: #f9f8f6;
                &::before{
                    width: 100%;
                }
            }
        }
        & .row [class*='col-']{
            border: none;
            &.col-md-4:nth-child(3n+3),
            &.col-md-12,
            &.col-md-6:nth-child(2n+2),
            &.col-md-3:nth-child(4n+4){
                & .em2-wood-item{
                    border-right: 0;
                }
            }
        }
    }
    &.box-white-border-top .em2-wood-item{
        background: var(--white);
        border-top: 3px solid #ede8df;
        padding: 30px 25px;
        & .thumb{
            border-radius: 4px;
            overflow: hidden;
            margin-bottom: 10px;
        }
        & .em2-label{
            margin-bottom: 5px;
        }
        & .block-content{
            margin-top: 5px;
        }
        &:hover{
            background: #f9f8f6;
            border-color: var(--wood);
        }
    }
}

@media (max-width: 768px){
    .em2-wood-lists{
        & .row{
            & [class*='col-']{
                border-right: none;
            }
        }
    }
    .em2-wood-lists {
        &.box-border {
            & .em2-wood-item{
                border-right: none;
                border-top: none;
                &:last-child{
                    border-bottom: none;
                }
            }
        }
    }
}