.elementor-29384 .elementor-element.elementor-element-1b34e88{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-29384 .elementor-element.elementor-element-1b34e88.e-con{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-29384 .elementor-element.elementor-element-1b34e88{--width:88.283%;}}/* Start custom CSS for shortcode, class: .elementor-element-32f4db9 */.card-outer{
    --gold:#FFC107;
    --gold-line:#e0ac10;
    --ink:#1c1c1c;
}

/* ===========================================
   OUTER
=========================================== */

.card-outer{
    max-width:360px;
    margin:0 auto;
    background:var(--gold);
    border-radius:40px;
    padding:22px;
    box-shadow:0 20px 40px rgba(0,0,0,.15);
    direction:ltr;
    text-align:left;
}

.card-inner{
    background:#f5f5f3;
    border-radius:28px;
    padding:26px 28px 32px;
    position:relative;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    align-items:center;
}

/* ===========================================
   PHOTO
=========================================== */

.photo-frame{
    position:relative;
    width:100%;          /* قبلاً 94% */
    max-width:350px;     /* قبلاً 320px */
    margin-bottom:-42px;
    z-index:2;
}

.profile-photo{
    display:block;
    width:100%;
    height:auto;
}

/* ===========================================
   INFO
=========================================== */

.info-block{
    width:260px;
    max-width:100%;
    margin:-8px auto 0;    /* قبلاً 0 */
    position:relative;
    z-index:3;
}

.profile-name{
    font-size:18px;
    color:var(--ink);
    font-weight:400;
    letter-spacing:.02em;
    text-align:right;
}

.profile-name b{
    font-weight:800;
}

.name-divider{
    width:92%;
    height:2px;
    background:var(--gold-line);
    margin:0 0 0 22px;   /* قبلاً 4px */
}

/* ===========================================
   SPINE
=========================================== */

.spine{
    position:relative;
    padding-left:36px;
    transform:translateX(22px) translateY(-6px);
}

.spine::before{
    content:"";
    position:absolute;
    left:0;
    top:0;      /* قبلاً 4px */
    bottom:20px;
    width:2px;
    background:var(--gold-line);
}
.profile-title{
    font-size:15px;
    font-weight:800;
    color:var(--ink);
    text-align:right;
    margin-right:20px;
    margin-top:6px;
}

/* ===========================================
   CONTACTS
=========================================== */

.contact-list{
    display:flex;
    flex-direction:column;
    gap:16px;
    margin-top:18px;
}

.contact-item{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;

    width:170px;
    min-height:40px;

    background:var(--gold);

    border-radius:6px;

    color:var(--ink);
    text-decoration:none;

    font-size:15px;
    font-weight:700;

    white-space:nowrap;

    transition:.25s;
}

.contact-item:hover{
    color:var(--ink);
    transform:translateX(4px);
}

.contact-item::after{
    content:"";
    position:absolute;
    left:-18px;
    top:50%;
    transform:translateY(-50%);
    width:18px;
    height:2px;
    background:var(--gold-line);
}

.contact-dot{
    position:absolute;
    left:-36px;
    top:50%;
    transform:translate(-50%,-50%);

    width:32px;
    height:32px;

    border-radius:50%;
    background:var(--gold);
}

.contact-item.phone .contact-dot{
    background:var(--gold) url("/wp-content/uploads/2026/07/Asset-12.png") center/16px no-repeat;
}

.contact-item.email .contact-dot{
    background:var(--gold) url("/wp-content/uploads/2026/07/Asset-10.png") center/16px no-repeat;
}

.contact-item.telegram .contact-dot{
    background:var(--gold) url("/wp-content/uploads/2026/07/Asset-9.png") center/16px no-repeat;
}

.contact-item.bale .contact-dot{
    background:var(--gold) url("/wp-content/uploads/2026/07/Asset-11.png") center/16px no-repeat;
}

/* ===========================================
   LOGO
=========================================== */

.profile-logo{
    width:130px;
    margin-top:26px;
}

/* ===========================================
   MOBILE
=========================================== */

@media (max-width:380px){

    .photo-frame{
        width:95%;
        margin-bottom:-16px;
    }

    .spine{
        transform:translateX(10px) translateY(-6px);
    }

    .contact-item{
        width:150px;
        font-size:14px;
    }

}/* End custom CSS */