/* transplants page styles (moved out of transplants.php) */

body{
    font-family: var(--font-sans);
    background:#f6f8fb;
    color:rgba(33,37,41,0.75);
    font-weight:400;
}

p{
    color:rgba(33,37,41,0.75);
}

/* space for fixed menu */
.nav-space{ height:90px; }

/* HEADER */
.page-header{
    background:linear-gradient(135deg,#0d6efd,#0a58ca);
    color:#fff;
    padding:30px 15px;
    text-align:center;
}
.page-header h1{
    font-weight:700;
    margin-bottom:5px;
}
.page-header p{
    margin:0;
    opacity:.95;
    color:#e9f1ff;
}

/* WIDTH CONTROL */
.container-narrow{ max-width:1100px; }

/* ABOUT */
.about-section{
    padding:20px 0;
}
.about-section h2{
    margin-bottom:12px;
}

/* GRID */
.row.g-4{
    --bs-gutter-x:1.2rem;
    --bs-gutter-y:1.2rem;
}

/* CARD */
.treatment-card{
    background:#fff;
    padding:24px 20px;
    border-radius:14px;
    text-align:center;
    box-shadow:0 4px 14px rgba(0,0,0,.08);
    height:100%;
    transition:all .35s ease;
}
.treatment-card:hover{
    transform:translateY(-8px);
    box-shadow:0 12px 30px rgba(13,110,253,.18);
}

/* ICON BOX */
.icon-box{
    width:56px;
    height:56px;
    background:#e9f1ff;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 14px;
    transition:all .35s ease;
}
.icon-box i{
    font-size:24px;
    color:#0d6efd;
}
.treatment-card:hover .icon-box{
    transform:scale(1.1);
    background:#dbe9ff;
}

.treatment-card h5{
    font-weight:600;
    margin-bottom:8px;
}

/* CTA */
.cta-box{
    background:#fff;
    border-radius:16px;
    padding:40px;
    text-align:center;
    box-shadow:0 6px 20px rgba(0,0,0,.1);
}