.snippet-row-text-image{
    display: grid;
    grid-template-columns: 1fr 285px;
    gap: 33px;
} 
.snippet-row-text-image .snippet-row-text-image__text{
    display: grid;
    gap: 20px;
    grid-auto-rows: max-content;
}

.snippet-row-text-image .snippet-row-text-image__picture {

    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 10px;
}
.snippet-row-double-photo__label{
    font-size: 14px;
}

.snippet-row-text-image .snippet-row-text-image__picture img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 285/160;
}

.snippet-row-text-image__wrap-picture{
    height: max-content;
}
.snippet-row-text-image__label{
    color: #A5AFBB;
    font-size: 14px;
    line-height: 1.5;
}

/*trio */
.snippet-trio-pictures{
    display: grid;
    grid-template-columns: 2.1fr 1fr;
    column-gap: 20px;
}
.snippet-trio-pictures__label{
    font-size: 14px;
    color: #A5AFBB;
    margin-top: 10px;
}
.snippet-trio-pictures  img:nth-child(1){
    grid-column: 1/span 1;
    grid-row: 1/span 2;
}
.snippet-trio-pictures img:nth-child(1){
    aspect-ratio: 420/235;
}
.snippet-trio-pictures img:nth-child(2){
    aspect-ratio: 200/112;
    margin-bottom: 14px;
}

.snippet-trio-pictures img:nth-child(3){
    aspect-ratio: 200/112;
}

/* image right text left */
.snippet-row-image-text p{
    margin-bottom: 8px;
}
.snippet-row-image-text .snippet-row-image-text__row{
    display: grid;
    grid-template-columns: 285px 1fr;
    gap: 30px;
}

.snippet-row-image-text .snippet-row-image-text__image img{
    width: 100%;
    aspect-ratio: 285/160;
    margin-bottom: 10px;
}
.snippet-row-image-text .snippet-row-image-text__label{
    color: #A5AFBB;
    font-size: 14px;
}

.snippet-double-image-in-col .snippet-double-image-in-col__row {
    display: grid;
    grid-template-columns: 285px 1fr;
    column-gap: 30px;
}
.snippet-double-image-in-col .snippet-double-image-in-col__picture:nth-of-type(1){
    margin-bottom: 14px;
}
.snippet-double-image-in-col .snippet-double-image-in-col__picture-label{
    color:#A5AFBB;
    font-size: 14px;
}

.snippet-double-image-in-col .snippet-double-image-in-col__picture img{
    width: 100%;
    aspect-ratio: 285/160;
    margin-bottom: 10px;
}

.snippet-row-double-photo {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 33px;
}
.snippet-row-double-photo__wrap-picture img{
    aspect-ratio: 444/250;
    margin-bottom: 10px;
}
.snippet-row-double-photo__label{
    color: #A5AFBB;
}

.snippet-row-text-image-double{
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.snippet-row-text-image__images{
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.snippet-row-text-image .snippet-row-text-image__text .snippet-row-text-image__text-col p:only-child{
    margin-bottom: 0px;
}
.snippet-row-image-text  .snippet-row-image-text__desc p:only-child{
    margin-bottom: 0px;
}
.snippet-row-text-image-double--revert .snippet-row-text-image__images{
    order: -1;
}
.snippet-row-text-image-double--revert .snippet-row-text-image {
    display: grid;
    grid-template-columns:285px 1fr ;
    gap: 33px;
}
.snippet-double-image-in-col .snippet-double-image-in-col__picture-wrap p:only-child{
    margin-bottom: 0px;
}
.snippet-double-image-in-col .snippet-double-image-in-col__desc p:only-child{
    margin-bottom: 0px;
}
@media (max-width:991.98px) {
    .snippet-row-text-image-double--revert .snippet-row-text-image {
    
        grid-template-columns: 200px 1fr ;
        gap: 20px;
   
    }
    .snippet-trio-pictures__label{
        display: none;
    }
    .snippet-row-text-image-double {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    .snippet-row-text-image{
        grid-template-columns: 1fr 200px;
    }
    .snippet-row-text-image__text{
        display: contents;
    }
    
    .snippet-row-text-image {
        row-gap: 16px;
        column-gap: 20px;
    }
    .snippet-row-double-photo {
        gap: 20px;
    }
    .snippet-row-text-image .snippet-row-text-image__text-col:nth-of-type(2){
        grid-column: 1/ span 2;
        grid-row: 2 / span 1;

    }
   
    .snippet-row-text-image .snippet-row-text-image__text-col  p:not(:only-child){
        margin-bottom: 16px;
    }

    .snippet-row-image-text .snippet-row-image-text__row {
        grid-template-columns: 200px 1fr;
        gap: 20px;
    }
    .snippet-double-image-in-col .snippet-double-image-in-col__row {
        display: grid;
        grid-template-columns: 200px 1fr;
        column-gap: 20px;
    }
    .snippet-row-text-image-double .snippet-row-text-image .snippet-row-text-image__text-col:nth-of-type(2) {
        grid-column:unset;
        grid-row: unset;
    }

    .snippet-row-text-image-double .snippet-row-text-image__text{
        display: block;
    }
    .snippet-row-text-image-double .snippet-row-text-image .snippet-row-text-image__text-col  p:only-child {
        margin-bottom: 16px;
    }
    
}
@media (max-width:575.98px) {
    .news-detail p:has(+ ul), .news-detail p:has(+ ol) {
        margin-bottom: 8px !important;
    }
    .snippet-row-image-text .snippet-row-image-text__desc > *:not(:only-child):last-child{
        margin-bottom: 0px;
    }
    .snippet-row-text-image-double.snippet-row-text-image-double--revert .snippet-row-text-image__text-col > *:not(:only-child):last-child{
        margin-bottom: 0px;
    }
   
    .snippet-row-text-image-double.snippet-row-text-image-double--revert   .snippet-row-text-image__images .snippet-row-text-image__wrap-picture:last-child{
        display: none;
    }
    .snippet-row-text-image-double.snippet-row-text-image-double--revert .snippet-row-text-image{
        grid-template-columns: 1fr;
    }
    .snippet-trio-pictures img:nth-child(2) {
        margin-bottom: 0px;
    }
    .snippet-trio-pictures img:nth-child(3) {
        margin-bottom: 0px;
    }
    .snippet-row-text-image .snippet-row-text-image__text {
     display: contents;
    }
    .snippet-row-text-image .snippet-row-text-image__text-col:nth-child(2){
        order: -1;
    }
    .snippet-row-text-image{
        grid-template-columns: 1fr;
    }
    .snippet-row-text-image-double .snippet-row-text-image__wrap-picture:nth-of-type(2) {
       order: unset;
    

    }
    .snippet-row-text-image .snippet-row-text-image__text-col:nth-of-type(2){
        grid-column: unset;
        grid-row: unset;
        order: 3;

    }
    .snippet-row-text-image__picture{
        aspect-ratio: 330/185;
    }
    .snippet-trio-pictures{
        grid-template-columns: 1fr 1fr;
        column-gap: 6px;
    }

    .snippet-trio-pictures img:nth-child(1){
        grid-column: 1/span 2;
        aspect-ratio: 330/185;
        margin-bottom: 6px;
    }

    .snippet-row-image-text .snippet-row-image-text__row{
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .snippet-row-image-text .snippet-row-image-text__desc{
        order: -1;
    }


    .snippet-double-image-in-col .snippet-double-image-in-col__row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 6px;
        row-gap: 0px;
    }
    .snippet-double-image-in-col .snippet-double-image-in-col__picture-wrap{
        .snippet-double-image-in-col__picture:nth-child(1){
            grid-column: 1/ 2;
            grid-row: 1/ span 1;
        }
    }

    .snippet-double-image-in-col .snippet-double-image-in-col__picture-wrap{
        .snippet-double-image-in-col__picture:nth-child(2){
            grid-column: 2/ 3;
            grid-row: 1/ span 1;
        }
       
    }

    .snippet-double-image-in-col   .snippet-double-image-in-col__desc{
        grid-column: 1/ span 2;
        grid-row: 2/span 1;
    }
    .snippet-double-image-in-col__row{
        display: contents;
    }
    .snippet-double-image-in-col__picture-wrap{
        display: contents;
    }
    .snippet-double-image-in-col__desc{
        order: 2;
    }
    .snippet-double-image-in-col__picture:nth-child(1){
        order: 1;
    }
    .snippet-double-image-in-col__picture:nth-child(2){
        order: 3;
    }
    .snippet-row-double-photo {
        gap: 6px;
    }

    .snippet-row-text-image-double .snippet-row-text-image__text{
        display: contents;
    }
    .snippet-row-text-image-double .snippet-row-text-image__images{
        display: contents;
    }
   
    .snippet-row-text-image-double .snippet-row-text-image .snippet-row-text-image__text-col p:only-child{
        margin-bottom: 0px;
    }
    .snippet-row-text-image-double .snippet-row-text-image__images  .snippet-row-text-image__wrap-picture:nth-child(2){
        order: 5;
    }

    .snippet-row-image-text--mobile .snippet-row-image-text__image{
        order: -1;
    }

    .snippet-row-image-text--mobile .snippet-row-image-text__row {
        gap: 30px;
    }
    .news-detail :has(p ~ .detail-news-slider) .detail-news-slider{
        margin-top: 30px;
    }
    .snippet-double-image-in-col .snippet-double-image-in-col__desc {
        order: unset;
    }
}