.mebel{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 32px;
}

.mebel__section-list{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 32px;

}

.mebel__item-img{
    display: block;
    max-height: 160px;
    margin: auto;
    padding: 16px;
}

.dk-sect__news-item:hover{
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.12);
}

.mebel__section-item{
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 250px 1fr;
    grid-gap: 16px;
    padding: 16px;
    border-radius: 16px;
    background-color: white;
}

.mebel__section-item-img{
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.mebel__section-item-ttl{
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #17181A;
    text-decoration: none;
}

.mebel__title-box{
    padding: 16px 0px 32px;
}
.mebel__title-box h2{
    font-size: 32px;

}

.mebel__detail-box{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 32px;
}

.mebel__detail{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 32px;
}

.mebel__detail-picture-box{
    background-color: white;
    border-radius: 16px;
    overflow: hidden;
    height: fit-content;
    padding: 16px;
}

.mebel__main-box{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 16px;
    background-color: white;
    border-radius: 16px;
    padding: 16px;
    align-content: start;
    height: fit-content;
}

.mebel__form-box{
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    background-color: white;
    min-height: 300px;
    border-radius: 16px;
    padding: 16px;
}

.prikaz__detail-content>table{
    overflow: hidden;
}
.prikaz__detail-content{
    display: grid;
    grid-template-columns: 1fr;
    margin-top: 32px;
    margin-bottom: 32px;
    overflow: scroll;
}

.mebel__section{
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    background-color: white;
    min-height: 300px;
    border-radius: 16px;
    padding: 16px;
}

.prikaz__list{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 32px;
}

.prikaz__item{
    display: grid;
    grid-template-columns: 1fr;
    background-color: white;
    padding: 16px;
    border-radius: 16px;
    color: #17181A;
}

table{
    border: 1px solid #eee;
    table-layout: fixed;
    width: 100%;
    margin-bottom: 20px;
}
table th {
    font-weight: bold;
    padding: 5px;
    background: #efefef;
    border: 1px solid #dddddd;
}
table td{
    padding: 5px 10px;
    border: 1px solid #eee;
    text-align: left;
}
table tbody tr:nth-child(odd){
    background: #fff;
}
table tbody tr:nth-child(even){
    background: #F7F7F7;
}

.mebel__form-box{
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 32px;
}

.mebel__main-left{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 16px;
    align-content: center;
}

.mebel__main-ttl{
    font-size: 24px;
    font-weight: bold;
}

.mebel__main-contacts{
    font-size: 20px;
}

.mebel__section-804{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 32px;
    width: 100%;
    background-color: white;
    min-height: 300px;
    border-radius: 16px;
    padding: 16px;
    align-content: center;
    justify-content: center;
}

.mebel__detail-row1{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 32px;
}

.mebel__detail-picture{
    max-height: 400px;
    margin: auto;
    display: grid;
}

.mebel__detail-row2{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 32px;
}

.mebel__detail-row2-item{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 16px;
    padding: 16px;
    background-color: white;
    border-radius: 16px;
}

.mebel__detail-row2-item-row{
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 32px;
    padding-bottom: 4px;
    border-bottom: 1px solid #ccc ;
}
.mebel__detail-row2-item-row:last-of-type{
    border-bottom: initial ;
    padding-bottom: 0px;
}

.dk-sect__news-text-price{
    text-align: right;
    color: #17181A;
}

@media (max-width: 1000px) {
    .mebel__form-box{
        grid-template-columns: 1fr 1fr;
    }
    .mebel__detail-box{
        grid-template-columns: 1fr 1fr 1fr;
    }
    .mebel__detail-row2{
        grid-template-columns: 1fr;
    }
    .mebel__detail-row1{
        grid-template-columns: 1fr  ;
    }
}
@media (max-width: 600px) {

    .mebel__detail-row1{
        grid-template-columns: 1fr;
    }
    .mebel__section-list{
        grid-template-columns: 1fr 1fr;
    }
    .mebel__form-box{
        grid-template-columns:  1fr;
    }
    .mebel__section-804{
        grid-template-columns:  1fr;
    }
    .mebel__section-item {
        grid-template-rows: 160px 1fr;
    }
    .mebel__detail-box{
        grid-template-columns: 1fr 1fr;
    }
    .mebel__section-item-ttl{
        word-break: break-all;
    }
    .dk-sect__news-title{
        word-break: break-all;
    }
}