/* =========================================================
   Modal templates & service modal shell
   Extracted from index.html inline styles
   ========================================================= */

#modal-templates {
    display: none;
}

.mt-1 {
    width: 100%;
    max-width: 100%;
    min-height: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    max-height: 100%;
}

.mt-2 {
    flex-shrink: 0;
}

.mt-3 {
    margin-bottom: 0;
    color: var(--primary-blue);
}

.mt-4 {
    overflow-y: auto;
    flex: 1 1 auto;
    min-height: 0;
}

.mt-5 {
    font-size: 4.1026cqw;
    color: var(--text-muted);
    text-align: center;
}

.mt-7 {
    display:none;
    font-size:2.5641cqw;
    color:var(--text-muted);
    font-weight:700;
}

.mt-8 {
    font-size: 3.8462cqw;
    font-weight: 700;
    color: var(--primary-blue);
    text-align: center;
    margin: 5.1282cqw 0;
}

.mt-9 {
    margin-top: 7.6923cqw;
}

.mt-10 {
    color:var(--primary-blue);
    font-size:4.1026cqw;
    margin-bottom:3.8462cqw;
    text-align:center;
}

.mt-11 {
    display: flex;
    flex-direction: column;
    gap: 5.1282cqw;
}

.mt-12 {
    background: var(--light-blue);
    padding: 4.1026cqw;
    border-radius: 3.0769cqw;
    border-left: 4px solid var(--sub-blue);
}

.mt-13 {
    display: flex;
    align-items: center;
    gap: 2.0513cqw;
    margin-bottom: 2.5641cqw;
    flex-wrap: wrap;
}

.mt-14 {
    background: var(--sub-blue);
    color: #fff;
    font-size: 2.8205cqw;
    font-weight: 700;
    padding: 0.5128cqw 2.0513cqw;
    border-radius: 1.0256cqw;
    white-space: nowrap;
    flex-shrink: 0;
}

.mt-15 {
    font-weight: 700;
    color: var(--primary-blue);
    font-size: clamp(12px, 3.5vw, 14px);
    letter-spacing: -0.05em;
}

.mt-16 {
    font-size: 3.0769cqw;
    color: var(--text-muted);
    line-height: 1.6;
    margin-bottom: 3.0769cqw;
}

.mt-17 {
    background: #FFF9F0;
    padding: 4.1026cqw;
    border-radius: 3.0769cqw;
    border-left: 4px solid var(--accent-orange);
}

.mt-18 {
    background: var(--accent-orange);
    color: #fff;
    font-size: 2.8205cqw;
    font-weight: 700;
    padding: 0.5128cqw 2.0513cqw;
    border-radius: 1.0256cqw;
    white-space: nowrap;
    flex-shrink: 0;
}

.mt-19 {
    text-align:center;
    font-size:2.8205cqw;
    color:var(--text-muted);
    background:#f0f0f0;
    padding:2.0513cqw;
    border-radius:1.0256cqw;
    margin-bottom:3.8462cqw;
}

.mt-20 {
    font-size: 5.1282cqw;
    color: var(--sub-blue);
    animation: swipeHand 2.5s infinite ease-in-out;
}

.mt-21 {
    margin-top:1.0256cqw;
}

.mt-22 {
    position:relative;
    padding-bottom:7.6923cqw;
    overflow:hidden;
}

.mt-23 {
    height: 13.8462cqw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 2.5641cqw;
    line-height: 1.3;
}

.mt-24 {
    font-size: 3.5897cqw;
    font-weight: 700;
    color: var(--primary-blue);
}

.mt-25 {
    font-size: 2.8205cqw;
    font-weight: 500;
    color: var(--text-muted);
    margin-top: 1.0256cqw;
}

.mt-26 {
    background:#8EADC8;
    padding:5.1282cqw 2.5641cqw;
    border-radius:2.0513cqw;
    height: 82.0513cqw;
    overflow-y: auto;
}

.mt-27 {
    display:flex;
    justify-content:flex-end;
    margin-bottom:3.8462cqw;
}

.mt-28 {
    max-width:85%;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
}

.mt-29 {
    color:#fff;
    font-size:2.8205cqw;
    margin-right:1.2821cqw;
    margin-bottom:0.5128cqw;
}

.mt-30 {
    background:#85E249;
    padding:2.5641cqw 3.5897cqw;
    border-radius:4.6154cqw;
    border-top-right-radius:0.5128cqw;
    font-size:3.3333cqw;
    display:flex;
    align-items:center;
    gap:2.0513cqw;
}

.mt-31 {
    opacity:0.5;
    letter-spacing:0.2564cqw;
}

.mt-32 {
    margin-bottom:3.8462cqw;
}

.mt-33 {
    max-width:90%;
}

.mt-34 {
    color:#fff;
    font-size:2.8205cqw;
    margin-left:1.2821cqw;
    margin-bottom:0.5128cqw;
}

.mt-35 {
    background:#fff;
    padding:2.5641cqw 3.5897cqw;
    border-radius:4.6154cqw;
    border-top-left-radius:0.5128cqw;
    font-size:3.3333cqw;
    line-height:1.6;
}

.mt-36 {
    background:#85E249;
    padding:2.5641cqw 3.5897cqw;
    border-radius:4.6154cqw;
    border-top-right-radius:0.5128cqw;
    font-size:3.3333cqw;
}

.mt-37 {
    margin-top:5.1282cqw;
    padding:0 2.5641cqw;
}

.mt-38 {
    color:var(--primary-blue);
    font-size:4.1026cqw;
    margin-bottom:2.5641cqw;
}

.mt-39 {
    font-size:3.3333cqw;
    color:var(--text-muted);
    line-height:1.7;
}

.mt-40 {
    font-size:3.0769cqw;
    color:var(--text-muted);
    margin-bottom:3.8462cqw;
    text-align:center;
    font-weight:700;
}

.mt-41 {
    color:var(--primary-blue);
    font-size:4.1026cqw;
    margin-bottom:2.5641cqw;
}

.mt-42 {
    font-size:3.3333cqw;
    color:var(--text-muted);
    line-height:1.7;
}

.mt-43 {
    font-size:3.3333cqw;
    color:var(--text-muted);
    margin-bottom:5.1282cqw;
    line-height:1.7;
    text-align:center;
}

.mt-44 {
    display:flex;
    flex-direction:column;
    gap:5.1282cqw;
}

.mt-45 {
    background:var(--white);
    border:1px solid #eee;
    border-radius:3.0769cqw;
    padding:5.1282cqw;
    box-shadow:0 4px 10px rgba(0,0,0,0.03);
    display:flex;
    flex-direction:column;
    gap:4.1026cqw;
}

.mt-46 {
    background:#f8f9fa;
    border-radius:2.0513cqw;
    padding:5.1282cqw;
    text-align:center;
}

.mt-47 {
    max-height:61.5385cqw;
    width:auto;
    margin:0 auto;
    border-radius:2.0513cqw;
    box-shadow:0 4px 15px rgba(0,0,0,0.1);
}

.mt-48 {
    font-size:4.1026cqw;
    font-weight:700;
    color:var(--primary-blue);
    margin-bottom:2.0513cqw;
    text-align:center;
}

.mt-49 {
    font-size:3.3333cqw;
    color:var(--text-muted);
    line-height:1.6;
    text-align:center;
}

.mt-50 {
    background:#f8f9fa;
    border-left:4px solid #ccc;
    padding:3.8462cqw;
    margin-bottom:6.4103cqw;
    font-size:3.3333cqw;
    color:var(--text-muted);
    font-style:italic;
}

.mt-51 {
    font-size:3.5897cqw;
    font-weight:700;
    color:var(--primary-blue);
    margin-bottom:5.1282cqw;
    text-align:center;
}

.mt-52 {
    overflow-x:auto;
    margin-top:2.5641cqw;
}

.mt-53 {
    width:100%;
    font-size:2.5641cqw;
    border-collapse:collapse;
    background:#fff;
    border:1px solid #eee;
}

.mt-54 {
    background:var(--primary-blue);
    color:#fff;
}

.mt-55 {
    padding:1.0256cqw;
}

.mt-56 {
    padding:1.0256cqw;
    border:1px solid #eee;
    font-weight:bold;
}

.mt-57 {
    padding:1.0256cqw;
    border:1px solid #eee;
    text-align:center;
}

.mt-58 {
    padding:1.0256cqw;
    border:1px solid #eee;
    text-align:center;
    background:var(--light-blue);
}

.mt-59 {
    margin-top:3.0769cqw;
    display:flex;
    justify-content:space-between;
    gap:1.2821cqw;
}

.mt-60 {
    flex:1;
    background:#eef6ff;
    padding:2.0513cqw 1.0256cqw;
    border-radius:1.0256cqw;
    text-align:center;
}

.mt-61 {
    font-weight:bold;
    color:var(--primary-blue);
    font-size:2.8205cqw;
}

.mt-62 {
    font-size:2.3077cqw;
    color:var(--text-muted);
    margin-top:1.0256cqw;
}

.mt-63 {
    flex:1;
    background:#fff4e6;
    padding:2.0513cqw 1.0256cqw;
    border-radius:1.0256cqw;
    text-align:center;
}

.mt-64 {
    font-weight:bold;
    color:var(--accent-orange);
    font-size:2.8205cqw;
}

.mt-65 {
    font-size:2.8205cqw;
    margin-top:1.0256cqw;
}

.mt-66 {
    position:relative;
    padding-bottom:7.6923cqw;
}

.mt-67 {
    font-size:3.3333cqw;
    color:var(--text-muted);
    line-height:1.7;
    margin-top:5.1282cqw;
    text-align:center;
}

.mt-68 {
    font-size:2.8205cqw;
    color:var(--text-muted);
    margin-left:1.0256cqw;
}

.mt-69 {
    font-size:3.5897cqw;
    font-weight:700;
    color:var(--primary-blue);
}

.mt-70 {
    margin-left:2.0513cqw;
}

.mt-71 {
    font-size:3.5897cqw;
    font-weight:700;
    color:var(--accent-orange);
}

.mt-72 {
    margin-left:2.0513cqw;
    font-size:5.1282cqw;
}

.mt-73 {
    margin-bottom:5.1282cqw;
    border:1px solid #eee;
    border-radius:3.0769cqw;
    overflow:hidden;
    background:#fff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.mt-74 {
    background: #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 16/9;
}

.mt-75 {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mt-76 {
    display: none;
    visibility: hidden;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 3.5897cqw;
    color: #999;
    font-weight: 700;
    background: #eee;
}

.mt-77 {
    padding:4.1026cqw;
}

.mt-78 {
    background:var(--primary-blue);
    color:#fff;
    font-size:2.5641cqw;
    font-weight:700;
    padding:0.5128cqw 2.0513cqw;
    border-radius:5.1282cqw;
    margin-bottom:2.0513cqw;
    display:inline-block;
}

.mt-79 {
    font-size:3.8462cqw;
    font-weight:700;
    color:var(--primary-blue);
    margin:2.0513cqw 0;
    line-height:1.4;
}

.mt-80 {
    font-size:3.0769cqw;
    color:var(--text-muted);
    line-height:1.6;
}

.mt-81 {
    display:inline-block;
    margin-top:2.5641cqw;
    font-size:3.0769cqw;
    color:var(--sub-blue);
    text-decoration:none;
    font-weight:700;
}

.mt-82 {
    background:var(--accent-orange);
    color:#fff;
    font-size:2.5641cqw;
    font-weight:700;
    padding:0.5128cqw 2.0513cqw;
    border-radius:5.1282cqw;
    margin-bottom:2.0513cqw;
    display:inline-block;
}

.mt-empty {
    font-size: 4.1026cqw;
    color: var(--text-muted);
    text-align: center;
    padding: 10.2564cqw 0;
}