

.trio-pd-info{
    width:100%;
    border-top:1px solid rgba(66,66,66,.12);
}
.trio-pd-info-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    min-height:44px;
    padding:9px 0;
    border-bottom:1px solid rgba(66,66,66,.11);
}
.trio-pd-info-label-wrap{
    min-width:0;
    display:flex;
    align-items:center;
    gap:9px;
}
.trio-pd-info-icon{
    width:19px;
    height:19px;
    flex:0 0 19px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#4d4d4d;
}
.trio-pd-info-icon svg,
.trio-pd-info-check svg{
    display:block;
    width:100%;
    height:100%;
    fill:none;
    stroke:currentColor;
    stroke-width:1.55;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.trio-pd-info-label{
    color:#303030;
    font-size:13px;
    line-height:1.25;
    font-weight:500;
}
.trio-pd-info-value{
    max-width:52%;
    color:#1f1f1f;
    font-size:13px;
    line-height:1.25;
    font-weight:600;
    text-align:right;
}
.trio-pd-info-check{
    width:18px;
    height:18px;
    flex:0 0 18px;
    color:#202020;
}


.trio-pd-feature-sections{
    display:flex;
    flex-direction:column;
    gap:18px;
    width:100%;
}
.trio-pd-feature-section{
    width:100%;
}
.trio-pd-section-title{
    display:flex;
    align-items:center;
    gap:7px;
    margin:0 0 7px;
    color:#424242;
    font-size:12px;
    line-height:1.2;
    font-weight:700;
}
.trio-pd-title-icon,
.trio-pd-feature-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
}
.trio-pd-title-icon{
    width:14px;
    height:14px;
    color:#CFAF6B;
}
.trio-pd-feature-icon{
    width:13px;
    height:13px;
    color:currentColor;
    margin-top:1px;
}
.trio-pd-title-icon svg,
.trio-pd-feature-icon svg{
    display:block;
    width:100%;
    height:100%;
    fill:none;
    stroke:currentColor;
    stroke-width:1.65;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.trio-pd-all-features{
    display:grid;
    gap:5px 14px;
    padding:10px 12px;
    border:1px solid rgba(207,175,107,.62);
    background:rgba(230,221,209,.11);
}
.trio-pd-cols-4{
    grid-template-columns:repeat(4,minmax(0,1fr));
}
.trio-pd-cols-5{
    grid-template-columns:repeat(5,minmax(0,1fr));
}
.trio-pd-cols-6{
    grid-template-columns:repeat(6,minmax(0,1fr));
}
.trio-pd-feature-item{
    display:flex;
    align-items:flex-start;
    gap:5px;
    min-width:0;
    font-size:10px;
    line-height:1.28;
    transition:opacity .2s ease,color .2s ease;
}
.trio-pd-feature-item.is-active{
    color:#424242;
    opacity:1;
    font-weight:600;
}
.trio-pd-feature-item.is-inactive{
    color:#8e8e8e;
    opacity:.38;
    font-weight:400;
}
.trio-pd-feature-item span:last-child{
    overflow-wrap:anywhere;
}

@media (max-width:1100px){
    .trio-pd-cols-5,
    .trio-pd-cols-6{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }
}
@media (max-width:767px){
    .trio-pd-all-features,
    .trio-pd-cols-4,
    .trio-pd-cols-5,
    .trio-pd-cols-6{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:7px 10px;
        padding:10px;
    }
    .trio-pd-feature-sections{
        gap:15px;
    }
    .trio-pd-section-title{
        font-size:11.5px;
    }
    .trio-pd-feature-item{
        font-size:9.8px;
    }
    .trio-pd-info-row{
        min-height:43px;
        padding:9px 0;
    }
    .trio-pd-info-label,
    .trio-pd-info-value{
        font-size:12px;
    }
    .trio-pd-info-icon{
        width:18px;
        height:18px;
        flex-basis:18px;
    }
}
@media (max-width:430px){
    .trio-pd-all-features,
    .trio-pd-cols-4,
    .trio-pd-cols-5,
    .trio-pd-cols-6{
        grid-template-columns:1fr 1fr;
    }
}


/* v2.5.0 — kategoriye göre portföy bilgi satırları */
.trio-pd-info-row{
    min-height:44px;
}
