/* =========================================================
   GP23 — МЕДИЦИНАЛЫҚ ҚЫЗМЕТТЕР
   Толық нұсқа
   ========================================================= */

#gp23-medservices-kz-2026{
    --teal:#0c858a;
    --teal2:#12a4a9;
    --teal-dark:#09666c;
    --dark:#173f48;
    --text:#294148;
    --muted:#6d8085;
    --line:#dce8ea;
    --soft:#f7fafb;

    max-width:1380px;

    margin:0 auto;

    font-family:"Segoe UI",Arial,Helvetica,sans-serif;

    color:var(--text);

    font-size:16px;
    line-height:1.65;
}

#gp23-medservices-kz-2026,
#gp23-medservices-kz-2026 *{
    box-sizing:border-box;
}

#gp23-medservices-kz-2026 a{
    text-decoration:none;
}


/* =========================================================
   HERO
   ========================================================= */

#gp23-medservices-kz-2026 .hero{
    position:relative;

    overflow:hidden;

    margin-bottom:28px;

    padding:40px 42px;

    border-radius:25px;

    background:
        radial-gradient(
            circle at 94% 13%,
            rgba(255,255,255,.11) 0 115px,
            transparent 116px
        ),
        linear-gradient(
            135deg,
            #08656c,
            #0c858a 56%,
            #13a5aa
        );

    box-shadow:
        0 17px 42px rgba(10,111,117,.19);
}

#gp23-medservices-kz-2026 .hero-kicker{
    display:inline-block;

    margin-bottom:13px;

    padding:6px 11px;

    border:1px solid rgba(255,255,255,.20);

    border-radius:999px;

    background:rgba(255,255,255,.10);

    color:#fff;

    font-size:12px;
    font-weight:800;

    letter-spacing:.4px;
}

#gp23-medservices-kz-2026 .hero h2{
    position:relative;
    z-index:2;

    margin:0;

    color:#fff;

    font-size:38px;
    line-height:1.18;
    font-weight:850;

    letter-spacing:-.4px;
}

#gp23-medservices-kz-2026 .hero > p{
    position:relative;
    z-index:2;

    max-width:920px;

    margin:12px 0 0;

    color:rgba(255,255,255,.92);

    font-size:17px;
}

#gp23-medservices-kz-2026 .hero-nav{
    position:relative;
    z-index:2;

    display:flex;

    flex-wrap:wrap;

    gap:9px;

    margin-top:23px;
}

#gp23-medservices-kz-2026 .hero-nav a{
    display:inline-flex;

    align-items:center;

    min-height:39px;

    padding:8px 13px;

    border:1px solid rgba(255,255,255,.22);

    border-radius:10px;

    background:rgba(255,255,255,.10);

    color:#fff !important;

    font-size:13px;
    font-weight:750;

    transition:
        background .2s ease,
        transform .2s ease;
}

#gp23-medservices-kz-2026 .hero-nav a:hover{
    transform:translateY(-2px);

    background:rgba(255,255,255,.17);
}


/* =========================================================
   SECTION
   ========================================================= */

#gp23-medservices-kz-2026 .section{
    margin-bottom:28px;

    padding:30px;

    background:#fff;

    border:1px solid var(--line);
    border-radius:21px;

    box-shadow:
        0 9px 28px rgba(23,62,70,.06);

    scroll-margin-top:120px;
}

#gp23-medservices-kz-2026 .section-head{
    display:flex;

    align-items:center;

    gap:14px;

    margin-bottom:21px;
    padding-bottom:18px;

    border-bottom:1px solid #e5eeee;
}

#gp23-medservices-kz-2026 .section-icon{
    display:flex;

    align-items:center;
    justify-content:center;

    width:49px;
    height:49px;

    min-width:49px;

    border-radius:14px;

    background:
        linear-gradient(
            135deg,
            #0b777c,
            #12a2a7
        );

    color:#fff;

    font-size:20px;
    font-weight:850;

    box-shadow:
        0 7px 17px rgba(13,143,149,.18);
}

#gp23-medservices-kz-2026 .eyebrow{
    display:block;

    margin-bottom:2px;

    color:#0a888d;

    font-size:11px;
    font-weight:850;

    letter-spacing:.7px;
}

#gp23-medservices-kz-2026 .section h3{
    margin:0;

    color:var(--dark);

    font-size:25px;
    line-height:1.3;
    font-weight:850;
}

#gp23-medservices-kz-2026 .section-head p{
    margin:4px 0 0;

    color:#75868b;

    font-size:14px;
}


/* =========================================================
   ДӘРІГЕРЛІК КӨМЕК
   ========================================================= */

#gp23-medservices-kz-2026 .feature-list{
    display:grid;

    gap:12px;
}

#gp23-medservices-kz-2026 .feature-item{
    display:grid;

    grid-template-columns:36px 1fr;

    gap:14px;

    align-items:start;

    padding:18px;

    border:1px solid #e0eaec;

    border-radius:14px;

    background:#f8fbfc;
}

#gp23-medservices-kz-2026 .feature-num{
    display:flex;

    align-items:center;
    justify-content:center;

    width:34px;
    height:34px;

    border-radius:10px;

    background:#ddf4f4;

    color:#08777d;

    font-size:13px;
    font-weight:850;
}

#gp23-medservices-kz-2026 .feature-item p{
    margin:3px 0 0;

    color:#3d555b;
}


/* =========================================================
   ӘЛЕУМЕТТІК / ПСИХОЛОГИЯЛЫҚ
   ========================================================= */

#gp23-medservices-kz-2026 .support-grid{
    display:grid;

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

    gap:14px;
}

#gp23-medservices-kz-2026 .support-card{
    min-height:185px;

    padding:21px;

    border:1px solid #e0eaec;

    border-radius:16px;

    background:
        linear-gradient(
            180deg,
            #fff,
            #f8fbfc
        );
}

#gp23-medservices-kz-2026 .support-icon{
    display:flex;

    align-items:center;
    justify-content:center;

    width:42px;
    height:42px;

    margin-bottom:15px;

    border-radius:12px;

    background:#e4f6f6;

    color:#0b7f83;

    font-size:14px;
    font-weight:850;
}

#gp23-medservices-kz-2026 .support-card h4{
    margin:0;

    color:#17474b;

    font-size:18px;
    line-height:1.35;
    font-weight:850;
}

#gp23-medservices-kz-2026 .support-card p{
    margin:8px 0 0;

    color:#65787d;

    font-size:14px;
}


/* =========================================================
   ДИАГНОСТИКА
   ========================================================= */

#gp23-medservices-kz-2026 .diagnostic-grid{
    display:grid;

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

    gap:15px;
}

#gp23-medservices-kz-2026 .diagnostic-card{
    padding:21px;

    border:1px solid #dfeaec;

    border-radius:16px;

    background:#fafcfc;
}

#gp23-medservices-kz-2026 .diagnostic-title{
    display:flex;

    align-items:center;

    gap:11px;

    margin-bottom:14px;
}

#gp23-medservices-kz-2026 .diagnostic-title > span{
    display:flex;

    align-items:center;
    justify-content:center;

    width:38px;
    height:38px;

    min-width:38px;

    border-radius:11px;

    background:#e1f5f5;

    color:#0b7f83;

    font-size:11px;
    font-weight:900;
}

#gp23-medservices-kz-2026 .diagnostic-title h4{
    margin:0;

    color:#17474b;

    font-size:18px;
    font-weight:850;
}

#gp23-medservices-kz-2026 .diagnostic-card ul{
    margin:0;

    padding-left:20px;

    columns:2;
    column-gap:25px;
}

#gp23-medservices-kz-2026 .diagnostic-card li{
    break-inside:avoid;

    margin-bottom:6px;

    color:#5c7075;

    font-size:14px;
}


/* БИОМАТЕРИАЛ */

#gp23-medservices-kz-2026 .biomaterial{
    display:grid;

    grid-template-columns:48px 1fr;

    gap:16px;

    margin-top:16px;

    padding:21px 22px;

    border:1px solid #d7eaea;
    border-left:5px solid var(--teal);

    border-radius:0 15px 15px 0;

    background:
        linear-gradient(
            90deg,
            #edfafa,
            #fff
        );
}

#gp23-medservices-kz-2026 .biomaterial-icon{
    display:flex;

    align-items:center;
    justify-content:center;

    width:45px;
    height:45px;

    border-radius:13px;

    background:#dff4f4;

    color:#0b777c;

    font-weight:850;
}

#gp23-medservices-kz-2026 .biomaterial h4{
    margin:0;

    color:#17474b;

    font-size:19px;
    font-weight:850;
}

#gp23-medservices-kz-2026 .biomaterial p{
    margin:5px 0 12px;

    color:#60757a;
}

#gp23-medservices-kz-2026 .biomaterial-tags{
    display:flex;

    flex-wrap:wrap;

    gap:7px;
}

#gp23-medservices-kz-2026 .biomaterial-tags span{
    display:inline-flex;

    padding:6px 10px;

    border-radius:999px;

    background:#fff;

    border:1px solid #cee7e7;

    color:#315f63;

    font-size:12px;
    font-weight:750;
}


/* =========================================================
   ПРОЦЕДУРАЛАР
   ========================================================= */

#gp23-medservices-kz-2026 .procedure-grid{
    display:grid;

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

    gap:11px;
}

#gp23-medservices-kz-2026 .procedure-item{
    display:grid;

    grid-template-columns:38px 1fr;

    gap:12px;

    align-items:center;

    min-height:70px;

    padding:14px 16px;

    border:1px solid #e0eaec;

    border-radius:13px;

    background:#f8fbfc;
}

#gp23-medservices-kz-2026 .procedure-item > span{
    display:flex;

    align-items:center;
    justify-content:center;

    width:36px;
    height:36px;

    border-radius:10px;

    background:#def4f4;

    color:#08777d;

    font-size:11px;
    font-weight:900;
}

#gp23-medservices-kz-2026 .procedure-item p{
    margin:0;

    color:#425a60;
}


/* =========================================================
   QUICK LINKS
   ========================================================= */

#gp23-medservices-kz-2026 .quick-links{
    display:grid;

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

    gap:12px;
}

#gp23-medservices-kz-2026 .quick-links a{
    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:14px;

    min-height:78px;

    padding:17px 19px;

    border:1px solid #dbe8ea;

    border-radius:15px;

    background:#fff;

    color:#23454c !important;

    font-weight:800;

    box-shadow:
        0 7px 21px rgba(23,62,70,.045);

    transition:
        transform .2s ease,
        background .2s ease;
}

#gp23-medservices-kz-2026 .quick-links a:hover{
    transform:translateY(-2px);

    background:#eef9f9;
}

#gp23-medservices-kz-2026 .quick-links b{
    color:#0b858a;

    font-size:20px;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:950px){

    #gp23-medservices-kz-2026 .support-grid{
        grid-template-columns:1fr;
    }

    #gp23-medservices-kz-2026 .quick-links{
        grid-template-columns:1fr;
    }

}


@media(max-width:780px){

    #gp23-medservices-kz-2026 .diagnostic-grid,
    #gp23-medservices-kz-2026 .procedure-grid{
        grid-template-columns:1fr;
    }

}


@media(max-width:650px){

    #gp23-medservices-kz-2026{
        font-size:15px;
    }

    #gp23-medservices-kz-2026 .hero{
        padding:27px 21px;

        border-radius:18px;
    }

    #gp23-medservices-kz-2026 .hero h2{
        font-size:30px;
    }

    #gp23-medservices-kz-2026 .hero > p{
        font-size:15px;
    }

    #gp23-medservices-kz-2026 .hero-nav{
        display:grid;

        grid-template-columns:1fr;
    }

    #gp23-medservices-kz-2026 .section{
        padding:21px 17px;

        border-radius:17px;
    }

    #gp23-medservices-kz-2026 .section-head{
        align-items:flex-start;
    }

    #gp23-medservices-kz-2026 .section-icon{
        width:43px;
        height:43px;

        min-width:43px;
    }

    #gp23-medservices-kz-2026 .section h3{
        font-size:21px;
    }

    #gp23-medservices-kz-2026 .diagnostic-card ul{
        columns:1;
    }

    #gp23-medservices-kz-2026 .biomaterial{
        grid-template-columns:40px 1fr;

        gap:12px;

        padding:18px 15px;
    }

    #gp23-medservices-kz-2026 .biomaterial-icon{
        width:39px;
        height:39px;
    }

}