/* ProPainters — калкулатор за ориентировъчна цена. Онлайн България, 11.2026 */
.ppk{font-family:"Open Sans",Lato,Arial,sans-serif;color:#2b3138;background:#f4f8fc;padding:64px 0}
.ppk *{box-sizing:border-box}
.ppk-wrap{max-width:1000px;margin:0 auto;padding:0 20px}
.ppk h2{font-family:Lato,Arial,sans-serif;font-size:clamp(1.6rem,3.4vw,2.3rem);font-weight:800;color:#1d4f7d;margin:0 0 10px;line-height:1.2;text-align:center;font-style:normal}
.ppk-sub{text-align:center;font-size:1.03rem;max-width:720px;margin:0 auto 32px;color:#44505c}
.ppk-box{background:#fff;border:1px solid #e2eaf2;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(29,79,125,.07)}
.ppk-row{display:flex;align-items:center;gap:14px;padding:16px 22px;border-bottom:1px solid #eef3f8;flex-wrap:wrap;transition:background .2s}
.ppk-row:last-of-type{border-bottom:none}
.ppk-row.on{background:#f7fbff}
.ppk-check{display:flex;align-items:center;gap:12px;flex:1 1 260px;cursor:pointer;min-width:0}
.ppk-check input{position:absolute;opacity:0;width:0;height:0}
.ppk-mark{flex:none;width:24px;height:24px;border:2px solid #c3d4e4;border-radius:7px;position:relative;transition:.2s;background:#fff}
.ppk-check input:checked + .ppk-mark{background:#478ac9;border-color:#478ac9}
.ppk-check input:checked + .ppk-mark:after{content:"";position:absolute;left:7px;top:3px;width:6px;height:11px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}
.ppk-check input:focus-visible + .ppk-mark{outline:3px solid #9cc3e8;outline-offset:2px}
.ppk-name{font-weight:600;font-size:1rem;line-height:1.35}
.ppk-name small{display:block;font-weight:400;color:#78848f;font-size:.82rem;margin-top:2px}
.ppk-price{flex:none;color:#1d4f7d;font-weight:700;font-size:.95rem;white-space:nowrap}
.ppk-qty{flex:none;display:flex;align-items:center;gap:8px}
.ppk-qty input{width:96px;padding:10px 12px;border:2px solid #d6e2ee;border-radius:9px;font-size:1rem;font-family:inherit;text-align:right;-moz-appearance:textfield}
.ppk-qty input:focus{outline:none;border-color:#478ac9}
.ppk-qty input::-webkit-outer-spin-button,.ppk-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.ppk-qty span{color:#6b7682;font-size:.92rem}
.ppk-sum{flex:none;min-width:110px;text-align:right;font-weight:800;color:#1d4f7d;font-size:1.05rem}
.ppk-row:not(.on) .ppk-qty,.ppk-row:not(.on) .ppk-sum{opacity:.35;pointer-events:none}
.ppk-note-ogled{flex:none;font-size:.9rem;color:#8a7a3c;background:#fdf6e0;border-radius:8px;padding:6px 12px}
.ppk-total{background:#1d4f7d;color:#fff;padding:26px 24px}
.ppk-line{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:7px 0;font-size:1.02rem;color:#cfe2f3}
.ppk-line b{font-weight:700;color:#fff;white-space:nowrap}
.ppk-line.disc b,.ppk-line.disc{color:#8fe3b0}
.ppk-line.final{border-top:1px solid rgba(255,255,255,.22);margin-top:10px;padding-top:16px;font-size:1.12rem;color:#fff}
.ppk-line.final b{font-size:1.65rem;color:#fff}
.ppk-empty{color:#cfe2f3;text-align:center;padding:6px 0;font-size:1rem}
.ppk-disclaim{background:#eef4fa;padding:16px 24px;font-size:.88rem;color:#5a6670;line-height:1.55}
.ppk-cta{text-align:center;padding:26px 24px 30px;background:#fff}
.ppk-btn{display:inline-block;background:#478ac9;color:#fff;border:2px solid #478ac9;padding:16px 42px;border-radius:50px;font-weight:800;font-size:1.02rem;letter-spacing:.03em;cursor:pointer;font-family:inherit;transition:.25s}
.ppk-btn:hover{background:#1d4f7d;border-color:#1d4f7d;transform:translateY(-2px);box-shadow:0 10px 26px rgba(29,79,125,.28)}
.ppk-btn[disabled]{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
.ppk-form{display:none;border-top:1px solid #e2eaf2;padding:28px 24px;background:#fff}
.ppk-form.open{display:block}
.ppk-form h3{font-family:Lato,Arial,sans-serif;color:#1d4f7d;font-size:1.25rem;margin:0 0 6px;font-style:normal}
.ppk-form .ppk-recap{background:#f4f8fc;border-radius:10px;padding:14px 16px;font-size:.92rem;color:#44505c;margin:0 0 20px;white-space:pre-line;line-height:1.6}
.ppk-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.ppk-field{display:flex;flex-direction:column;gap:6px}
.ppk-field.full{grid-column:1/-1}
.ppk-field label{font-size:.88rem;font-weight:600;color:#44505c}
.ppk-field input,.ppk-field textarea{padding:12px 14px;border:2px solid #d6e2ee;border-radius:9px;font-size:1rem;font-family:inherit;width:100%}
.ppk-field textarea{min-height:92px;resize:vertical}
.ppk-field input:focus,.ppk-field textarea:focus{outline:none;border-color:#478ac9}
.ppk-gdpr{display:flex;gap:11px;align-items:flex-start;margin:18px 0 0;font-size:.88rem;color:#5a6670;line-height:1.5}
.ppk-gdpr input{margin-top:3px;width:18px;height:18px;flex:none;accent-color:#478ac9}
.ppk-gdpr a{color:#478ac9}
.ppk-msg{display:none;margin-top:18px;padding:16px 18px;border-radius:10px;font-size:.98rem;line-height:1.5}
.ppk-msg.ok{display:block;background:#e3f7ec;color:#1c6b42;border:1px solid #a9e2c3}
.ppk-msg.err{display:block;background:#fdeceb;color:#9b2f27;border:1px solid #f2bdb8}
.ppk-hp{position:absolute;left:-9999px;width:1px;height:1px}
@media(max-width:640px){
 .ppk{padding:44px 0}
 .ppk-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:14px 16px}
 .ppk-check{grid-column:1/-1;flex:none}
 .ppk-price{grid-column:1;font-size:.88rem;text-align:left}
 .ppk-qty{grid-column:2;margin:0}
 .ppk-qty input{width:78px;padding:9px 10px}
 .ppk-sum{grid-column:3;min-width:82px;font-size:1rem}
 .ppk-note-ogled{grid-column:1/-1;text-align:center}
 .ppk-total,.ppk-cta,.ppk-form,.ppk-disclaim{padding-left:16px;padding-right:16px}
 .ppk-line.final b{font-size:1.4rem}
 .ppk-btn{width:100%;padding:16px 20px}
}