.ppi-calculator {
    max-width: 620px;
    margin: 2rem auto;
    padding: 2rem;
    background: #f8f9fa;
    border-radius: 10px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.08);
    font-family: sans-serif;
}
.ppi-calculator h2 { color: #1a2e4a; margin-bottom: .5rem; }
.ppi-calculator p { color: #555; margin-bottom: 1.5rem; }
.ppi-field { margin-bottom: 1.2rem; }
.ppi-field label { display: block; font-weight: 600; color: #1a2e4a; margin-bottom: .4rem; }
.ppi-field input, .ppi-field select {
    width: 100%; padding: .7rem 1rem;
    border: 1.5px solid #ccd; border-radius: 6px;
    font-size: 1rem; color: #222;
}
.ppi-checks label { display: block; margin-bottom: .4rem; font-weight: normal; }
.ppi-checks input { width: auto; margin-right: .5rem; }
.ppi-calculator button[type=submit] {
    width: 100%; padding: 1rem;
    background: #f5a623; color: #1a2e4a;
    border: none; border-radius: 6px;
    font-size: 1.1rem; font-weight: 700;
    cursor: pointer; margin-top: .5rem;
    transition: background .2s;
}
.ppi-calculator button:hover { background: #e09510; }
#ppi-result {
    margin-top: 2rem; padding: 1.5rem;
    background: white; border: 2px solid #f5a623;
    border-radius: 8px;
}
#ppi-result h3 { color: #1a2e4a; margin-bottom: .5rem; }
.ppi-price {
    font-size: 2rem; font-weight: 800;
    color: #1a2e4a; margin: .5rem 0 1rem;
}
.ppi-included { color: #444; margin-bottom: 1rem; }
.ppi-cta { text-align: center; margin: 1rem 0; }
.ppi-btn {
    display: inline-block; background: #1a2e4a;
    color: white; padding: .8rem 2rem;
    border-radius: 6px; text-decoration: none;
    font-weight: 700; font-size: 1.1rem;
}
.ppi-btn:hover { background: #243d5e; color: white; }
.ppi-note { font-size: .85rem; color: #888; margin-top: 1rem; }
