/* =========================================================
   about.php — төртбұрыш/emoji белгішелерсіз таза дизайн
   Файл: assets/css/about-clean-no-icons.css
   ========================================================= */

.clean-about-page{
    background:#fbf3e9;
}

/* Бұл беттегі emoji/иконка class-тарын жасыру */
.clean-about-page .icon,
.clean-about-page .about-icon,
.clean-about-page .section-icon,
.clean-about-page .title-icon,
.clean-about-page .emoji,
.clean-about-page .square-icon,
.clean-about-page h1::before,
.clean-about-page h2::before,
.clean-about-page h3::before{
    display:none !important;
    content:none !important;
}

/* HERO */

.clean-about-page .about-hero{
    min-height:360px;
    display:flex;
    align-items:center;
    border-bottom:1px solid #ead7bf;
    overflow:hidden;
}

.clean-about-page .about-hero.has-image{
    background:
        linear-gradient(90deg, rgba(255,249,240,.96) 0%, rgba(255,249,240,.84) 42%, rgba(255,249,240,.18) 100%),
        var(--about-hero) center/cover no-repeat;
}

.clean-about-page .about-hero.no-image{
    background:
        radial-gradient(circle at 15% 0%, rgba(226,153,44,.14), transparent 36%),
        radial-gradient(circle at 92% 8%, rgba(6,31,63,.08), transparent 34%),
        #fff8ef;
}

.clean-about-page .about-hero-inner{
    width:calc(100% - 80px);
    max-width:1180px;
    margin:0 auto;
}

.clean-about-page .about-hero h1{
    max-width:760px;
    margin:0;
    color:#061f3f;
    font-size:58px;
    line-height:1.04;
    font-weight:900;
    letter-spacing:-.035em;
}

/* CONTENT */

.clean-about-page .about-content-section{
    padding:58px 0 82px;
}

.clean-about-page .about-content-container{
    width:calc(100% - 80px);
    max-width:720px;
    margin:0 auto;
}

.clean-about-page .about-text-block{
    margin:0;
}

.clean-about-page .about-text-block h2{
    margin:0 0 22px;
    color:#061f3f;
    font-size:30px;
    line-height:1.18;
    font-weight:900;
    letter-spacing:-.02em;
}

.clean-about-page .about-text{
    color:#173252;
    font-size:18px;
    line-height:1.78;
    font-weight:700;
}

.clean-about-page .about-text p{
    margin:0 0 16px;
}

.clean-about-page .muted-text{
    color:#897867;
    font-style:italic;
}

.clean-about-page .about-divider{
    width:100%;
    height:1px;
    margin:42px 0 34px;
    background:linear-gradient(90deg, transparent, rgba(198,111,31,.35), transparent);
}

/* Егер ескі about.php ішіндегі сынған img қалса да, оны жасырады */
.clean-about-page img[src=""],
.clean-about-page img:not([src]),
.clean-about-page img[src="#"]{
    display:none !important;
}

/* RESPONSIVE */

@media(max-width:760px){
    .clean-about-page .about-hero-inner,
    .clean-about-page .about-content-container{
        width:calc(100% - 32px);
    }

    .clean-about-page .about-hero{
        min-height:280px;
    }

    .clean-about-page .about-hero h1{
        font-size:40px;
    }

    .clean-about-page .about-content-section{
        padding:42px 0 64px;
    }

    .clean-about-page .about-text-block h2{
        font-size:26px;
    }

    .clean-about-page .about-text{
        font-size:16.5px;
        line-height:1.72;
    }
}