.type-3 {
    position: absolute;
    top: 0;
    z-index: 99;
    width: 100%;
    background: linear-gradient(to top, transparent, #000);
    padding:2rem;
}

.type-3  .rs-top-bg{
    background: transparent;
}

.type-3 a {
    color: #fff;
}

.type-3 .nav-item{
    border: transparent;
}

.rv-wrap { max-width: 520px; width: 100%; }
.rv-card { background: #ffffff; border: 0.5px solid #e0e0e0; border-radius: 12px; padding: 1.75rem; }
.rv-header { display: flex; align-items: center; gap: 10px; margin-bottom: 1.5rem; }
.rv-icon { width: 36px; height: 36px; border-radius: 50%; background: #25D366; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.rv-icon i { font-size: 18px; color: white; }
.rv-title { font-size: 17px; font-weight: 500; color: #111111; }
.rv-sub { font-size: 13px; color: #666666; }
.rv-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.rv-field { display: flex; flex-direction: column; gap: 5px; }
.rv-field.full { grid-column: 1 / -1; }
.rv-label { font-size: 12px; font-weight: 500; color: #666666; text-transform: uppercase; letter-spacing: 0.04em; display: flex; align-items: center; gap: 5px; }
.rv-label i { font-size: 13px; }
.rv-field input,
.rv-field textarea {
    width: 100%; padding: 8px 10px; font-size: 14px;
    border-radius: 8px; border: 0.5px solid #cccccc;
    background: #ffffff; color: #444444;
    outline: none; font-family: inherit;
}
.rv-field input::placeholder,
.rv-field textarea::placeholder { color: #bbbbbb; }
.rv-field input:focus,
.rv-field textarea:focus {
    border-color: #25D366;
    box-shadow: 0 0 0 2px rgba(37,211,102,0.15);
}
.rv-field textarea { resize: vertical; min-height: 72px; }

.rv-counter { display: flex; align-items: center; border: 0.5px solid #cccccc; border-radius: 8px; overflow: hidden; background: #ffffff; height: 38px; }
.rv-counter button { width: 38px; height: 38px; border: none; background: #f5f5f5; color: #444444; font-size: 18px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.1s; flex-shrink: 0; }
.rv-counter button:hover { background: #e8e8e8; }
.rv-counter button:active { background: #ddd; }
.rv-counter span { flex: 1; text-align: center; font-size: 15px; font-weight: 500; color: #444444; user-select: none; }

.rv-btn {
    margin-top: 1.25rem; width: 100%; padding: 11px;
    font-size: 15px; font-weight: 500; border: none;
    border-radius: 8px; background: #25D366; color: white;
    cursor: pointer; display: flex; align-items: center;
    justify-content: center; gap: 8px; transition: background 0.15s;
}
.rv-btn:hover { background: #1da851; }
.rv-btn i { font-size: 18px; }
.rv-note { font-size: 12px; color: #999999; text-align: center; margin-top: 10px; }
.rv-divider { border: none; border-top: 0.5px solid #e8e8e8; margin: 1.25rem 0; }
.rv-section { font-size: 12px; font-weight: 500; color: #999999; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 10px; display: flex; align-items: center; gap: 6px; }
.rv-section i { font-size: 13px; }
@media (max-width: 440px) {
    .rv-grid { grid-template-columns: 1fr; }
    .rv-field.full { grid-column: 1; }
}