.about-us-short{
    border-bottom: 1px solid #8E8E8E;
}

.about-us-content{
    position:relative;
    display: flex;
    flex-direction: row;
    width:1200px;
    margin: 0 auto;
    justify-content: center;
}

.about-us-content-left, .about-us-content-right{
    display: flex;
    flex-direction: column;
    max-width: 500px;
    width: 100%;
}

.about-us-content-left{
    text-align: left;
    justify-content: left;
    padding-top: 50px;
    padding-right: 30px;
}

.about-us-content-left h3{
    margin: 0 0 20px 0;
    text-transform: uppercase;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 114%;
    font-family: Involve-Bold;
}

.about-us-content-left p{
    margin: 0 0 40px 0;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    font-family: Involve;
}

.about-us-content-left a.pill{
    display: inline-flex !important;
    width: auto !important;
    text-transform: uppercase;
    align-self: start;
}

.red-columns-about{
    position:absolute;
    left:-70px;
    top:-80px;
}

.about-us-content-phones{
    display: flex;
    flex-direction: row;
    justify-content:space-between;
    text-align: center;
    font-family: Unbounded;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 114%;
    margin-top: 30px;
}

.about-us-content-right-top{
    display: flex;
    flex-direction: row;
    font-family: Involve;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 114%; /* 31.895px */
    text-transform: uppercase;
    margin-bottom:15px;
    justify-content:end;
}

.about-us-content-right-top ul{
    margin-left: 30px;
    display: flex;
    flex-direction: row;
}

.about-us-content-right-top ul li{
    margin-left: 10px;
}

@media (max-width: 1300px) {
    .about-us-content{
        width:1000px;
    }

    .about-us-content-left, .about-us-content-right{
        max-width: 400px;
    }
}

@media (max-width: 1050px) {
    .about-us-content{
        flex-direction: column;
        align-items: center;
        gap:20px;
        width:100%;
    }

}

/* About us detail */
.about-page{
    width:100%;
    background:transparent;
/*    margin-top: -65px;*/
    gap:20px;
    border-bottom: 1px solid #8E8E8E;
    padding-top: 20px;
}

.about-page img{max-width:100%;height:auto;display:block}

.about-page__split{padding:24px 0 8px; width:1440px;margin:0 auto;}
.about-page__flex{display:flex;gap:20px;align-items:start;flex-direction: row;}

@media(min-width:900px){.about-page__grid{grid-template-columns:1fr 420px}}

.about-page__content{
    display: flex;
    flex-direction: column;
    padding-right: 30px;
    box-sizing: border-box;
    min-width: 0;
    flex: 0 0 65%;
}
.about-page__content h2{margin:0 0 20px;font-size:28px;line-height:1.25;color:var(--text);text-transform: uppercase;}
.about-page__content p{margin:0 0 14px;color:var(--muted);font-size: 18px;font-style: normal;font-weight: 400;}
.about-page__content-bottom{
    display: flex;
    flex-direction: row;
    gap:14px;
    border-top: 1px solid #8E8E8E;
    border-bottom: 1px solid #8E8E8E;
    padding: 50px 0;
    text-transform: uppercase;
    color: #000;
    text-align: center;
    font-family: Bounded;
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    flex-wrap: wrap;
}

.about-page__content-bottom div{
    border-bottom: 5px solid #D00;
    border-right: 5px solid #D00;
    padding: 4px 5px 8px 5px;
    text-align: right;
}


.about-page__person{position:relative;display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center; }
.about-page__person .photo{position:relative;}

.about-vertical-text{
    position:absolute;
    transform: rotate(-90deg);
    text-align: center;
    font-family: KazukiReiwa;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    top:80px;
    left:-90px;
}

.about-name-blagoi{
    position:absolute;
    font-family: KazukiReiwa;
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    left:0;
    bottom:-30px;
}

.about-name-blagoi-sub{
    position:absolute;
    font-family: KazukiReiwa;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    left:50px;
    bottom:-50px;
}

.about-page__brands-content h2{
    margin:40px 0 20px;font-size:28px;line-height:1.25;color:var(--text);text-transform: uppercase;
}

/* 3) Лога на автомобили – пълна ширина на контейнера, падинги L/R ~100px, top 50px */
.about-page__brands{padding:50px var(--padX);width:1440px;margin:0 auto;}
.about-page__brands-list{display:flex;gap:18px;flex-direction: row; flex-wrap: wrap;}

.brand-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px;background:none;transition:transform .2s ease,box-shadow .2s ease}
.brand-item:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.06)}
.brand-logo{width:88px;height:48px;display:grid;place-items:center}
.brand-logo img{max-height:48px;object-fit:contain}
.brand-name{font-size:15px;color:#111827;text-align:center;text-transform: uppercase;}


/* 4) Центриран бутон */
.about-page__cta{padding:36px 20px 64px;text-align:center}
.about-page__btn{font-size: 20px;appearance:none;border:0;border-radius:10px;background:var(--brand-red);color:#fff;padding:14px 22px;font-weight:700;cursor:pointer;display:inline-flex;gap:10px;align-items:center;text-decoration:none;text-transform: uppercase;}
.about-page__btn:focus-visible{outline:3px solid color-mix(in oklab, var(--brand-red), white 65%);outline-offset:3px}
.about-page__btn:hover{filter:brightness(1.05)}

@media (max-width: 1500px) {
    .about-page__split, .about-page__brands {
        width: 1000px;
    }

    .about-page__content{
        flex: 0 0 55%;
    }
}

@media (max-width: 1050px) {

    .about-page__split, .about-page__brands {
        width: 700px;
    }

    .about-page__flex{
        flex-direction:column-reverse;
    }

    .about-page__content, .about-page__person{
        flex-basis:100%;
    }

    .about-page__content {
        padding-top: 0px;
        padding-right: 30px;
    }

    .about-page__content h2, .about-page__brands-content h2 {
        font-size: 18px;
    }
}

@media (max-width: 760px) {

    .about-page__split, .about-page__brands {
        width: 100%;
        padding: 0 20px;
    }

    .about-name-blagoi{
        font-size: 22px;
        bottom: -15px;
    }

    .about-name-blagoi-sub{
        font-size: 18px;
        bottom: -35px;
    }

    .about-vertical-text {
        font-size: 40px;
        bottom: 120px;
        left: -150px;
    }

    .about-page__btn {
        font-size: 16px;
    }
}