/* ========== TEAM SECTION  =================== */

.ok02-contact-team{padding:6rem 0;background:#fafafa;color:#000000;}
.ok02-contact-team .section-header {text-align:center;margin-bottom:4rem;}
.ok02-contact-team .section-header span{font-size:10px;font-weight:700;letter-spacing:0.3em;text-transform:uppercase;margin-bottom:1rem;color:rgba(0,0,0,0.4);}
.ok02-contact-team .section-header .title{font-size:clamp(24px, 3.75vw, 72px);font-weight:700;}

.ok02-contact-team .card-grid {display:grid;grid-template-columns:1fr;gap:1.5rem;padding:0 1rem;}
.ok02-contact-team .item {background:#ffffff;border-radius:1rem;border:1px solid rgba(0,0,0,0.05);box-shadow:0 1px 2px rgba(0,0,0,0.05);overflow:hidden;position:relative;transition:all 0.5s;}

.ok02-contact-team .item .wa-overlay {position:absolute;inset:0;z-index:30;background:rgba(37,211,102,0.95);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;opacity:0;pointer-events:none;transition:opacity 0.5s;}
.ok02-contact-team .item .wa-overlay .qr-wrap {background:#ffffff;padding:8px;border-radius:12px;margin-bottom:1rem;transform:translateY(16px);transition:transform 0.5s 0.1s;}
.ok02-contact-team .item .wa-overlay .qr-wrap img {width:128px;height:128px;}
.ok02-contact-team .item .wa-overlay p{color:#ffffff;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.1);}

.ok02-contact-team .item .avatar-wrap {overflow:hidden;position:relative;}
.ok02-contact-team .item .avatar-wrap img {width:100%;height:100%;transition:transform 0.7s;}

.ok02-contact-team .item .avatar-wrap .grad {position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.2),transparent);}
.ok02-contact-team .item .info {padding:1.5rem;}
.ok02-contact-team .item .info h5{font-size:1.125rem;font-weight:700;margin-bottom:1rem;letter-spacing:-0.01em;}
.ok02-contact-team .item .info .detail {display:flex;align-items:center;gap:0.75rem;font-size:13px;margin-bottom:0.75rem;}
.ok02-contact-team .item .info .detail svg {width:16px;height:16px;margin-top:2px;flex-shrink:0;color:rgba(0,0,0,0.3);transition:color 0.3s;}
.ok02-contact-team .item .info .detail i{font-size:17px;color:rgba(0,0,0,0.3);}

.ok02-contact-team .item .info .detail:hover svg {color:#000000;}
.ok02-contact-team .item .info .detail a,.ok02-contact-team .item .info .detail span {color:rgba(0,0,0,0.6);line-height:1.4;transition:color 0.3s;word-break:break-all;}
.ok02-contact-team .item .info .detail a:hover {color:#000000;}
.ok02-contact-team .item .info .detail .wa-icons {display:flex;gap:4px;flex-shrink:0;}
.ok02-contact-team .item .info .detail .wa-icons .wa {color:#25D366;}
.ok02-contact-team .item .info .detail .wa-icons .wc {color:#07C160;}

.ok02-contact-team .item:hover {box-shadow:0 25px 50px -12px rgba(0,0,0,0.25);}
.ok02-contact-team .item:hover .wa-overlay {opacity:1;pointer-events:auto;}
.ok02-contact-team .item:hover .wa-overlay .qr-wrap {transform:translateY(0);}
.ok02-contact-team .item:hover .avatar-wrap img {transform:scale(1.1);}


@media (min-width:768px) {
.ok02-contact-team .card-grid {grid-template-columns:repeat(2,1fr);}
}
@media (min-width:1024px) {
.ok02-contact-team .card-grid {grid-template-columns:repeat(4,1fr);}
}