.marx-about-person{display:grid;grid-template-columns:minmax(180px,240px) 1fr;gap:clamp(28px,5vw,72px);align-items:center}
.marx-about-person-photo{display:flex;justify-content:center}
.marx-about-person-photo img,.marx-about-person-placeholder{width:clamp(160px,20vw,220px);height:clamp(160px,20vw,220px);border-radius:50%;object-fit:cover;display:block}
.marx-about-person-placeholder{display:grid;place-items:center;background:#111;color:#fff;font-size:48px;font-weight:700}
.marx-about-person-copy p{max-width:850px;line-height:1.8}
@media(max-width:700px){.marx-about-person{grid-template-columns:1fr;text-align:center}.marx-about-person-copy p{margin-left:auto;margin-right:auto}}

/* Zalo support CTA — compact horizontal button */
.marx-zalo-label{
    display:inline-flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    gap:9px;
    width:auto;
    min-width:0;
    max-width:100%;
    padding:7px 12px;
    border-radius:9px;
    background:#0068ff;
    color:#fff;
    line-height:1;
    text-align:left;
    text-decoration:none;
    box-sizing:border-box;
    font-size:12px;
    font-weight:300;
    letter-spacing:0;
    white-space:nowrap;
}
.marx-zalo-icon{
    flex:0 0 auto;
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    color:#fff;
    line-height:0;
}
.marx-zalo-icon svg{
    width:100%;
    height:100%;
    display:block;
}
.marx-zalo-text{
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    gap:3px;
    line-height:1.05;
}
.marx-zalo-text > span{
    display:block;
    color:#fff;
    font-size:12px;
    line-height:1.1;
    font-weight:300;
    white-space:nowrap;
}
.marx-zalo-label strong{
    display:block;
    margin:0;
    color:#fff;
    font-size:20px;
    line-height:1;
    font-weight:800;
    letter-spacing:.01em;
    white-space:nowrap;
}
.marx-zalo-label,
.marx-zalo-label *{color:#fff}
.marx-purchase-primary{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    width:auto !important;
    max-width:max-content;
    padding:0 !important;
    margin:0;
    text-decoration:none;
    background:#0068ff !important;
    color:#fff !important;
    border:0 !important;
    line-height:1.2;
    overflow:hidden;
    border-radius:9px;
}
.marx-purchase-primary .marx-zalo-label{
    padding:7px 12px;
    border-radius:0;
    background:transparent;
}
.marx-purchase-primary .marx-zalo-label strong{font-size:20px}
.marx-purchase-primary > span:not(.marx-zalo-label){display:none !important}
.marx-purchase-note .marx-btn,
.marx-card .marx-btn,
.marx-contact-mini-action > a{
    display:inline-flex !important;
    width:auto !important;
    max-width:max-content;
    padding:0 !important;
    margin:0;
    text-decoration:none;
    overflow:hidden;
    border-radius:9px;
}
.marx-contact-mini-action > a{background:#0068ff !important}
@media(max-width:560px){
    .marx-zalo-label{padding:6px 10px;gap:8px}
    .marx-zalo-icon{width:30px;height:30px}
    .marx-zalo-text > span{font-size:11px}
    .marx-zalo-label strong{font-size:18px}
}