/* =====================================
   Clinical Evidence

   یکپارچه‌سازی:
   - var(--text-secondary) → var(--text-light)
   - .section-tag → .section-label سراسری
   - کانتینر min(1200px,90%) → فرمول .container-md
   - رنگ heading ها (h2/h3) از primary/primary-dark → var(--text)
   - رنگ گلیف .safety-icon از secondary → primary (هماهنگ با
     همه‌ی آیکون‌های دایره‌ای سایت)
   - پدینگ/rgba هاردکد/px→rem/transition → همون الگوی همیشگی
===================================== */


.clinical-evidence{

    padding:var(--section-space) 0;

    background:var(--surface);

}



.clinical-container{

    width:100%;

    max-width:var(--container-md);

    margin-inline:auto;

    padding-inline:var(--space-inline);

}



/* Header */


.clinical-header{

    text-align:center;

    max-width:768px;

    margin:auto;

}



.section-label{

    display:inline-block;

    padding:8px 20px;

    border-radius:var(--radius-round);

    background:rgba(var(--accent-rgb),.12);

    color:var(--primary);

    font-family:var(--font-body);
    font-size:var(--font-size-tag);
    font-weight:600;

}



.clinical-header h2{

    font-family:var(--font-heading);
    font-weight:var(--heading-weight);

    margin:20px 0;

    color:var(--text);

    font-size:clamp(2rem,4vw,3rem);

}



.clinical-header p{

    font-family:var(--font-body);
    font-weight:var(--body-weight);

    color:var(--text-light);

    line-height:2;

    font-size:1.0625rem;

}





/* Tabs */


.clinical-tabs{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:25px;

    margin-top:60px;

}



.clinical-tab{

    background:var(--background);

    padding:35px;

    border-radius:var(--radius-lg);

    border:1px solid rgba(var(--primary-rgb),.08);

    transition:var(--transition);

}



.clinical-tab:hover{

    transform:translateY(-8px);

    box-shadow:var(--shadow-md);

}



.clinical-tab.active{

    border-top:4px solid var(--secondary);

}



.tab-icon{

    font-size:2.1875rem;

    margin-bottom:20px;

}



.clinical-tab h3{

    font-family:var(--font-heading);
    font-weight:var(--heading-weight);

    color:var(--text);

    margin-bottom:15px;

}



.clinical-tab p{

    font-family:var(--font-body);
    font-weight:var(--body-weight);

    line-height:1.9;

    color:var(--text-light);

}






/* Safety Cards */


.safety-grid{

    margin-top:70px;

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:25px;

}



.safety-card{

    background:var(--background);

    padding:35px 25px;

    text-align:center;

    border-radius:var(--radius-lg);

    border:1px solid rgba(var(--primary-rgb),.08);

    transition:var(--transition);

}



.safety-card:hover{

    transform:translateY(-10px);

    box-shadow:var(--shadow-md);

}



.safety-icon{

    width:60px;

    height:60px;

    margin:auto;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:var(--surface-alt);

    color:var(--primary);

    font-size:1.75rem;

}



.safety-card h3{

    font-family:var(--font-heading);
    font-weight:var(--heading-weight);

    margin-top:25px;

    color:var(--text);

    font-size:1.25rem;

}



.safety-card p{

    font-family:var(--font-body);
    font-weight:var(--body-weight);

    color:var(--text-light);

    line-height:1.8;

    font-size:var(--font-size-p);

}







/* Responsive */


@media(max-width:992px){


    .clinical-tabs{

        grid-template-columns:1fr;

    }


    .safety-grid{

        grid-template-columns:repeat(2,1fr);

    }


}





@media(max-width:576px){


    .safety-grid{

        grid-template-columns:1fr;

    }


}