.cv-popup-overlay {
position: fixed;
top:0;
left:0;
width:100%;
height:100%;
background: rgba(0,0,0,0.6);
display:none;
z-index:9999;
}
.cv-popup-content {
width:520px;
max-width:95%;
background:#fff;
margin:60px auto;
padding:20px;
border-radius:12px;
position:relative;
} .cv-close {
position:absolute;
right:15px;
top:10px;
cursor:pointer;
font-size:22px;
} .form-row {
display:flex;
align-items:center;
gap:8px;
margin-bottom:8px;
}
.form-row label {
width:120px;
font-size:13px;
font-weight:600;
}
.form-row input,
.form-row textarea {
flex:1;
padding:8px;
border:1px solid #ccc;
border-radius:6px;
font-size:13px;
} .services-title {
font-weight:600;
margin:10px 0 6px;
font-size:14px;
} .services-grid {
display:grid;
grid-template-columns: repeat(3, 1fr);
gap:8px;
margin-top:10px;
}
.services-grid label {
font-size:13px;
display:flex;
align-items:center;
gap:6px;
} @media(max-width:600px){
.services-grid{
grid-template-columns: repeat(2,1fr);
}
.form-row label {
width:100px;
font-size:12px;
}
} .rating {
display:flex;
flex-direction:row-reverse;
justify-content:flex-end;
gap:4px;
margin-top:8px;
} .rating input {
display:none;
} .rating label {
font-size:24px;
color:#ccc;
cursor:pointer;
transition:0.2s;
} .rating label:hover,
.rating label:hover ~ label {
color:#f5b301;
} .rating input:checked ~ label {
color:#f5b301;
} .cv-file-info {
font-size: 12px;
margin-top: 4px;
font-weight: 700;
color: #d63638;
display: block;
}  .rating-container {
flex: 1;
min-width: 0;
} .rating {
display: flex;
flex-direction: row-reverse;
justify-content: flex-start;
gap: 6px;
margin-top: 4px;
white-space: nowrap; overflow: hidden; } .rating input {
display: none;
} .rating label {
font-size: 24px;
color: #ccc;
cursor: pointer;
transition: 0.2s;
} .rating label:hover,
.rating label:hover ~ label {
color: #f5b301;
} .rating input:checked ~ label {
color: #f5b301;
}