.teh-im-noscroll {
overflow: hidden;
}
.teh-im-overlay {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.6);
z-index: 9998;
}
.teh-im-modal {
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: min(860px, 92vw);
max-height: 80vh;
overflow: auto;
background: #fff;
border-radius: 16px;
z-index: 9999;
padding: 18px;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
}
.teh-im-close {
position: sticky;
top: 0;
float: right;
width: 40px;
height: 40px;
border-radius: 10px;
border: 1px solid #eee;
background: #fff;
font-size: 26px;
line-height: 1;
cursor: pointer;
color: #e5487f;
z-index: 2;
}
.teh-im-close:hover {
opacity: 0.9;
}
.teh-im-body {
clear: both;
}
.teh-im-table {
width: 100%;
border-collapse: collapse;
font-size: 14px;
}
.teh-im-table th,
.teh-im-table td {
padding: 12px 10px;
border-bottom: 1px solid #eee;
text-align: center;
vertical-align: middle;
}
.teh-im-table th {
font-weight: 700;
color: #2b2b2b;
background: #fff;
}
.teh-im-logo {
max-height: 32px;
max-width: 140px;
width: auto;
height: auto;
object-fit: contain;
display: inline-block;
}
.teh-im-logo-box {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 120px;
min-height: 42px;
padding: 6px 10px;
border-radius: 10px;
}
.teh-im-logo-box-dark {
background: #111;
}
.teh-im-logo-iman,
.teh-im-logo-paylater {
max-height: 24px;
}
.teh-im-num {
color: #fe4f19;
font-weight: 800;
}
.teh-im-separator td {
padding: 0 !important;
height: 14px;
border-bottom: none !important;
background: transparent;
}
.teh-im-call {
margin-top: 14px;
padding-top: 12px;
border-top: 1px solid #eee;
font-size: 14px;
color: #444;
}
.teh-im-call a {
color: #e5487f;
text-decoration: none;
font-weight: 500;
}
.teh-im-call a:hover {
text-decoration: underline;
}
@media (max-width: 768px) {
.teh-im-modal {
width: 95vw;
padding: 14px;
border-radius: 14px;
}
.teh-im-table {
font-size: 13px;
}
.teh-im-table th,
.teh-im-table td {
padding: 10px 8px;
}
.teh-im-logo {
max-height: 26px;
max-width: 110px;
}
.teh-im-logo-box {
min-width: 96px;
min-height: 36px;
padding: 4px 8px;
}
.teh-im-logo-iman,
.teh-im-logo-paylater {
max-height: 20px;
}
}
@media (max-width: 576px) {
.teh-im-modal {
width: 96vw;
max-height: 84vh;
padding: 12px;
}
.teh-im-close {
width: 36px;
height: 36px;
font-size: 22px;
}
.teh-im-table {
font-size: 12px;
}
.teh-im-table th,
.teh-im-table td {
padding: 10px 6px;
}
.teh-im-logo {
max-height: 22px;
max-width: 86px;
}
.teh-im-logo-box {
min-width: 78px;
min-height: 32px;
padding: 4px 6px;
border-radius: 8px;
}
.teh-im-logo-iman,
.teh-im-logo-paylater {
max-height: 17px;
}
.teh-im-num {
font-size: 13px;
font-weight: 700;
}
.teh-im-call {
font-size: 13px;
}
}