.trio-pt-card{
    position:fixed;
    z-index:99980;
    right:22px;
    bottom:22px;
    width:min(396px,calc(100vw - 44px));
    padding:18px;
    box-sizing:border-box;
    border:1px solid rgba(32,32,32,.12);
    border-radius:16px;
    color:#2d2d2d;
    background:rgba(255,255,255,.98);
    box-shadow:0 18px 45px rgba(0,0,0,.18);
    backdrop-filter:blur(12px);
    transition:width .22s ease,height .22s ease,padding .22s ease,transform .22s ease,border-radius .22s ease;
}
body.trio-pg-lock .trio-pt-card,
html.trio-pg-lock .trio-pt-card{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(18px);
}
.trio-pt-shell{display:block;}

.trio-pt-toggle{
    appearance:none!important;
    -webkit-appearance:none!important;
    position:absolute!important;
    top:10px!important;
    right:10px!important;
    left:auto!important;
    bottom:auto!important;
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    margin:0!important;
    border:1px solid rgba(0,0,0,.18)!important;
    border-radius:999px!important;
    color:#fff!important;
    background:#c7a354!important;
    box-shadow:0 2px 7px rgba(0,0,0,.14)!important;
    cursor:pointer;
    z-index:5;
    line-height:1!important;
    font-size:0!important;
    transform:none!important;
}
.trio-pt-toggle:hover{
    background:#b79243!important;
}
.trio-pt-toggle-shape{
    position:relative;
    display:block!important;
    width:10px!important;
    height:10px!important;
    flex:0 0 10px!important;
}
.trio-pt-toggle-shape::before,
.trio-pt-toggle-shape::after{
    content:"";
    position:absolute;
    top:4px;
    width:7px;
    height:2px;
    border-radius:2px;
    background:#fff;
}
.trio-pt-toggle-shape::before{
    left:-1px;
    transform:rotate(45deg);
}
.trio-pt-toggle-shape::after{
    right:-1px;
    transform:rotate(-45deg);
}
.trio-pt-card.is-collapsed .trio-pt-toggle-shape::before{
    transform:rotate(-45deg);
}
.trio-pt-card.is-collapsed .trio-pt-toggle-shape::after{
    transform:rotate(45deg);
}

.trio-pt-action svg,
.trio-pt-photo-placeholder svg{
    display:block;
    width:100%;
    height:100%;
    fill:none;
    stroke:currentColor;
    stroke-width:1.9;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.trio-pt-profile{
    display:grid;
    grid-template-columns:82px minmax(0,1fr);
    gap:14px;
    align-items:center;
    padding-right:42px;
}
.trio-pt-photo{
    width:82px;
    height:82px;
    display:block;
    object-fit:cover;
    object-position:center;
    border-radius:14px;
    background:#eee;
}
.trio-pt-photo-placeholder{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:18px;
    color:#888;
}
.trio-pt-copy{min-width:0;}
.trio-pt-kicker{
    display:block;
    margin-bottom:4px;
    color:#b28e46;
    font-size:10px;
    line-height:1.2;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.trio-pt-name{
    display:block;
    color:#222;
    font-size:18px;
    line-height:1.25;
    font-weight:700;
}
.trio-pt-title,
.trio-pt-office{
    display:block;
    margin-top:2px;
    color:#666;
    font-size:11px;
    line-height:1.35;
}
.trio-pt-description{
    margin:7px 0 0;
    color:#777;
    font-size:10.5px;
    line-height:1.45;
}
.trio-pt-actions{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    margin-top:15px;
}
.trio-pt-action{
    min-height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:9px 10px;
    border-radius:10px;
    color:#fff!important;
    text-decoration:none!important;
    font-size:11px;
    transition:transform .18s ease,filter .18s ease;
}
.trio-pt-action:hover{
    transform:translateY(-1px);
    filter:brightness(.97);
}
.trio-pt-action span{
    width:17px;
    height:17px;
    flex:0 0 17px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.trio-pt-call{background:#3f3f3f;}
.trio-pt-whatsapp{background:#25D366;}
.trio-pt-mail{background:#b99651;}

.trio-pt-card.is-collapsed{
    width:52px;
    height:52px;
    padding:0;
    border-radius:999px;
    overflow:hidden;
}
.trio-pt-card.is-collapsed .trio-pt-shell{display:none;}
.trio-pt-card.is-collapsed .trio-pt-toggle{
    inset:0!important;
    width:52px!important;
    min-width:52px!important;
    max-width:52px!important;
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    border-radius:999px!important;
}

@media (max-width:767px){
    body{padding-bottom:70px;}

    .trio-pt-card{
        right:0;
        bottom:0;
        left:0;
        width:100%;
        max-width:none;
        padding:9px 10px;
        border-right:0;
        border-bottom:0;
        border-left:0;
        border-radius:14px 14px 0 0;
        box-shadow:0 -7px 24px rgba(0,0,0,.15);
    }

    .trio-pt-toggle{
        top:-15px!important;
        right:50%!important;
        left:auto!important;
        width:38px!important;
        min-width:38px!important;
        max-width:38px!important;
        height:30px!important;
        min-height:30px!important;
        max-height:30px!important;
        transform:translateX(50%)!important;
        border:2px solid #fff!important;
        background:#3f3f3f!important;
        box-shadow:0 2px 9px rgba(0,0,0,.22)!important;
    }

    .trio-pt-shell{
        display:grid;
        grid-template-columns:minmax(0,1fr) auto;
        align-items:center;
        gap:8px;
    }

    .trio-pt-profile{
        grid-template-columns:44px minmax(0,1fr);
        gap:8px;
        min-width:0;
        padding-right:0;
    }

    .trio-pt-photo{
        width:44px;
        height:44px;
        border-radius:10px;
    }

    .trio-pt-photo-placeholder{padding:10px;}
    .trio-pt-kicker{font-size:7.5px;margin-bottom:2px;}
    .trio-pt-name{font-size:13px;line-height:1.15;}
    .trio-pt-title{font-size:9px;line-height:1.2;margin-top:2px;}
    .trio-pt-office{display:none;}
    .trio-pt-description{display:none;}

    .trio-pt-actions{
        display:flex;
        align-items:center;
        justify-content:flex-end;
        gap:6px;
        margin:0;
    }

    .trio-pt-action{
        width:38px;
        height:38px;
        min-height:38px;
        padding:9px;
        border-radius:999px;
        box-shadow:none;
    }

    .trio-pt-action strong{display:none;}
    .trio-pt-action span{
        width:19px;
        height:19px;
        flex-basis:19px;
    }

    .trio-pt-card.is-collapsed{
        right:0;
        bottom:0;
        left:0;
        width:100%;
        height:34px;
        padding:0;
        border-radius:10px 10px 0 0;
        overflow:visible;
        background:#3f3f3f;
    }

    .trio-pt-card.is-collapsed .trio-pt-shell{display:none;}

    .trio-pt-card.is-collapsed .trio-pt-toggle{
        top:0!important;
        right:0!important;
        left:0!important;
        bottom:0!important;
        width:100%!important;
        min-width:100%!important;
        max-width:100%!important;
        height:34px!important;
        min-height:34px!important;
        max-height:34px!important;
        border:0!important;
        border-radius:10px 10px 0 0!important;
        transform:none!important;
        background:#3f3f3f!important;
        box-shadow:none!important;
    }
}


/* Sayfa içi temsilci kartı */
.trio-pt-inline{
    width:100%;
    padding:24px;
    box-sizing:border-box;
    border:1px solid rgba(32,32,32,.12);
    border-radius:14px;
    background:#fff;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
    color:#2d2d2d;
}
.trio-pt-inline-head{
    margin-bottom:18px;
}
.trio-pt-inline-kicker{
    display:block;
    margin-bottom:5px;
    color:#b28e46;
    font-size:10px;
    line-height:1.2;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.trio-pt-inline-head h3{
    margin:0;
    color:#2f2f2f;
    font-family:inherit;
    font-size:24px;
    line-height:1.2;
    font-weight:600;
}
.trio-pt-inline-profile{
    display:grid;
    grid-template-columns:110px minmax(0,1fr);
    gap:18px;
    align-items:center;
}
.trio-pt-inline-photo{
    width:110px;
    height:110px;
    display:block;
    object-fit:cover;
    object-position:center;
    border-radius:14px;
    background:#eee;
}
.trio-pt-inline-copy{
    min-width:0;
}
.trio-pt-inline-name{
    display:block;
    color:#222;
    font-size:20px;
    line-height:1.2;
    font-weight:700;
}
.trio-pt-inline-title,
.trio-pt-inline-office{
    display:block;
    margin-top:3px;
    color:#6b6b6b;
    font-size:12px;
    line-height:1.4;
}
.trio-pt-inline-description{
    margin:10px 0 0;
    color:#777;
    font-size:11px;
    line-height:1.55;
}
.trio-pt-inline-actions{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    margin-top:20px;
}
.trio-pt-inline-action{
    min-height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:10px 12px;
    border-radius:9px;
    color:#fff!important;
    text-decoration:none!important;
    font-size:11px;
    transition:transform .18s ease,filter .18s ease;
}
.trio-pt-inline-action:hover{
    transform:translateY(-1px);
    filter:brightness(.97);
}
.trio-pt-inline-action span{
    width:18px;
    height:18px;
    flex:0 0 18px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.trio-pt-inline-action svg{
    display:block;
    width:100%;
    height:100%;
    fill:none;
    stroke:currentColor;
    stroke-width:1.9;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.trio-pt-inline-call{background:#3f3f3f;}
.trio-pt-inline-whatsapp{background:#25D366;}
.trio-pt-inline-mail{background:#b99651;}

@media(max-width:767px){
    .trio-pt-inline{
        padding:18px;
        border-radius:12px;
    }
    .trio-pt-inline-head{
        margin-bottom:14px;
    }
    .trio-pt-inline-head h3{
        font-size:20px;
    }
    .trio-pt-inline-profile{
        grid-template-columns:76px minmax(0,1fr);
        gap:12px;
    }
    .trio-pt-inline-photo{
        width:76px;
        height:76px;
        border-radius:12px;
    }
    .trio-pt-inline-name{
        font-size:16px;
    }
    .trio-pt-inline-title,
    .trio-pt-inline-office{
        font-size:10px;
    }
    .trio-pt-inline-description{
        margin-top:7px;
        font-size:10px;
    }
    .trio-pt-inline-actions{
        gap:7px;
        margin-top:15px;
    }
    .trio-pt-inline-action{
        min-height:42px;
        padding:9px 8px;
        font-size:10px;
    }
    .trio-pt-inline-action span{
        width:17px;
        height:17px;
        flex-basis:17px;
    }
}