.pd-calc{--pd-black: #000000;--pd-yellow: #FFC20E;--pd-red: #E80A09;--pd-white: #ffffff;--pd-gray: #F5F5F5;--pd-lgray: #FAFAFA;--pd-mgray: #888888;--pd-dgray: #1A1A1A;--pd-border: #E0E0E0;--pd-radius: 16px;--pd-shadow: 0 20px 60px rgba(0,0,0,.08);font-family:DM Sans,-apple-system,system-ui,sans-serif;color:var(--pd-dgray)}.pd-calc *,.pd-calc *:before,.pd-calc *:after{box-sizing:border-box}.pd-calc .calc-card{background:var(--pd-white);border-radius:var(--pd-radius);box-shadow:var(--pd-shadow);border:1px solid rgba(0,0,0,.04);overflow:hidden}.pd-calc .calc-section{padding:24px 28px;border-bottom:1px solid var(--pd-border)}.pd-calc .section-label{font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--pd-mgray);margin-bottom:14px}.pd-calc .size-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pd-calc .size-card{border:2px solid var(--pd-border);border-radius:12px;padding:16px 10px;cursor:pointer;text-align:center;background:var(--pd-white);transition:all .18s;user-select:none}.pd-calc .size-card:hover{border-color:var(--pd-yellow);background:#fffbf0}.pd-calc .size-card.selected{border-color:var(--pd-black);background:var(--pd-black)}.pd-calc .size-icon{font-size:28px;margin-bottom:6px;display:block}.pd-calc .size-name{font-size:13px;font-weight:800;color:var(--pd-dgray);margin-bottom:3px}.pd-calc .size-card.selected .size-name{color:var(--pd-yellow)}.pd-calc .size-dim{font-size:11px;color:var(--pd-mgray);margin-bottom:5px}.pd-calc .size-card.selected .size-dim{color:#888}.pd-calc .size-examples{font-size:10.5px;color:#aaa;line-height:1.4}.pd-calc .size-card.selected .size-examples{color:#777}.pd-calc .areas-list{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.pd-calc .area-card{background:var(--pd-lgray);border:1.5px solid var(--pd-border);border-radius:12px;padding:18px;animation:pd-fadeIn .2s ease}@keyframes pd-fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.pd-calc .area-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.pd-calc .area-num{font-size:12px;font-weight:800;color:var(--pd-mgray);text-transform:uppercase;letter-spacing:1px}.pd-calc .area-delete{background:none;border:none;color:#ccc;font-size:20px;cursor:pointer;padding:0 4px;border-radius:4px;transition:color .15s;line-height:1}.pd-calc .area-delete:hover{color:var(--pd-red)}.pd-calc .mini-size-row{display:flex;gap:6px;margin-bottom:12px}.pd-calc .mini-size-btn{flex:1;padding:10px 4px;border:1.5px solid var(--pd-border);border-radius:8px;background:var(--pd-white);cursor:pointer;font-size:12px;font-weight:700;color:var(--pd-mgray);transition:all .15s;text-align:center;font-family:inherit}.pd-calc .mini-size-btn:hover{border-color:var(--pd-yellow);color:var(--pd-black)}.pd-calc .mini-size-btn.active{background:var(--pd-black);border-color:var(--pd-black);color:var(--pd-yellow)}.pd-calc .mini-size-btn .mini-icon{display:block;font-size:16px;margin-bottom:2px}.pd-calc .area-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:10px}.pd-calc .ctrl-label{font-size:11px;font-weight:800;color:var(--pd-mgray);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.pd-calc .toggle-row{display:flex;gap:6px}.pd-calc .toggle-btn{flex:1;padding:8px 6px;border:1.5px solid var(--pd-border);border-radius:7px;background:var(--pd-white);cursor:pointer;font-size:12px;font-weight:700;color:var(--pd-mgray);transition:all .15s;text-align:center;font-family:inherit}.pd-calc .toggle-btn:hover{border-color:var(--pd-yellow);color:var(--pd-black)}.pd-calc .toggle-btn.active{background:var(--pd-black);border-color:var(--pd-black);color:var(--pd-yellow)}.pd-calc .qty-row{display:flex;align-items:center;gap:0}.pd-calc .qty-btn{width:36px;height:36px;border-radius:7px;border:1.5px solid var(--pd-border);background:var(--pd-white);font-size:18px;font-weight:800;color:var(--pd-dgray);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0;font-family:inherit}.pd-calc .qty-btn:hover{border-color:var(--pd-yellow);background:#fffbf0}.pd-calc .qty-val{width:46px;text-align:center;font-size:16px;font-weight:800;color:var(--pd-black);border:1.5px solid var(--pd-border);border-left:none;border-right:none;height:36px;line-height:36px;flex-shrink:0;background:var(--pd-white)}.pd-calc .addons-row{display:flex;gap:6px;flex-wrap:wrap}.pd-calc .addon-btn{padding:7px 12px;border:1.5px solid var(--pd-border);border-radius:20px;background:var(--pd-white);cursor:pointer;font-size:12px;font-weight:700;color:var(--pd-mgray);transition:all .15s;font-family:inherit}.pd-calc .addon-btn:hover{border-color:var(--pd-yellow);color:var(--pd-black)}.pd-calc .addon-btn.active{background:var(--pd-yellow);border-color:var(--pd-yellow);color:var(--pd-black)}.pd-calc .add-area-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;border:1.5px dashed var(--pd-border);border-radius:10px;background:none;cursor:pointer;font-size:13px;font-weight:800;color:var(--pd-mgray);transition:all .18s;font-family:inherit}.pd-calc .add-area-btn:hover{border-color:var(--pd-yellow);color:var(--pd-black);background:#fffbf0}.pd-calc .efficiency-banner{display:none;background:#e8f5e9;border:1px solid #81C784;border-radius:8px;padding:10px 14px;margin-top:10px;font-size:12.5px;color:#2e7d32;line-height:1.5}.pd-calc .efficiency-banner.show{display:flex;align-items:center;gap:8px}.pd-calc .results-section{padding:24px 28px;background:var(--pd-black);display:none;animation:pd-slideDown .3s ease}.pd-calc .results-section.show{display:block}@keyframes pd-slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.pd-calc .results-top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:18px}.pd-calc .res-label{font-size:10px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#666;margin-bottom:4px}.pd-calc .res-range{font-size:34px;font-weight:800;color:var(--pd-white);line-height:1}.pd-calc .res-note{font-size:12px;color:#666;margin-top:4px}.pd-calc .monthly-hero{text-align:right}.pd-calc .monthly-from{font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--pd-yellow);margin-bottom:2px}.pd-calc .monthly-big{font-size:36px;font-weight:800;color:var(--pd-yellow);line-height:1}.pd-calc .monthly-term{font-size:12px;color:#666;margin-top:2px}.pd-calc .breakdown-table{background:#111;border-radius:10px;overflow:hidden;margin-bottom:12px}.pd-calc .bd-header{display:grid;grid-template-columns:1fr 80px 80px;padding:8px 14px;background:#1a1a1a;gap:8px}.pd-calc .bd-col-hdr{font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#555}.pd-calc .bd-col-hdr:last-child{text-align:right}.pd-calc .bd-row{display:grid;grid-template-columns:1fr 80px 80px;padding:9px 14px;gap:8px;border-top:1px solid #222}.pd-calc .bd-cell{font-size:13px;color:#bbb}.pd-calc .bd-cell:last-child{text-align:right;font-weight:700;color:var(--pd-white)}.pd-calc .bd-cell.muted{color:#666;font-size:11px}.pd-calc .bd-discount{padding:8px 14px;background:#ffc20e14;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #222}.pd-calc .disc-label,.pd-calc .disc-val{font-size:12px;color:var(--pd-yellow);font-weight:800}.pd-calc .fin-table-wrap{background:#111;border-radius:10px;overflow:hidden;margin-top:12px}.pd-calc .fin-hdr{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;padding:8px 14px;background:#1a1a1a}.pd-calc .fin-col-hdr{font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#555;text-align:center}.pd-calc .fin-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;padding:9px 14px}.pd-calc .fin-row.best{background:#ffc20e1a}.pd-calc .fin-cell{font-size:13px;font-weight:600;color:#ccc;text-align:center}.pd-calc .fin-cell.hi{color:var(--pd-yellow);font-size:15px;font-weight:800}.pd-calc .best-pill{background:var(--pd-yellow);color:var(--pd-black);font-size:9px;font-weight:800;padding:2px 6px;border-radius:10px;margin-left:4px}.pd-calc .fin-disclaimer{font-size:10px;color:#444;text-align:center;padding:8px 14px 10px;line-height:1.5}.pd-calc .cta-section{padding:24px 28px;display:none;border-top:1px solid var(--pd-border);animation:pd-slideDown .3s ease}.pd-calc .cta-section.show{display:block}.pd-calc .cta-headline{font-size:20px;font-weight:800;color:var(--pd-black);margin-bottom:4px}.pd-calc .cta-sub{font-size:13px;color:var(--pd-mgray);margin-bottom:18px;line-height:1.5}.pd-calc .form-row{display:flex;gap:10px;margin-bottom:10px}.pd-calc .form-input{width:100%;border:1.5px solid var(--pd-border);border-radius:8px;padding:13px 14px;font-size:14px;color:var(--pd-dgray);outline:none;transition:border-color .2s;font-family:inherit;background:#fff}.pd-calc .form-input:focus{border-color:var(--pd-yellow)}.pd-calc .form-input::placeholder{color:#bbb}.pd-calc .cta-btn{width:100%;background:var(--pd-red);color:#fff;border:none;border-radius:10px;padding:16px;font-size:15px;font-weight:800;cursor:pointer;margin-top:6px;transition:all .2s;font-family:inherit;text-transform:uppercase;letter-spacing:.5px}.pd-calc .cta-btn:hover{background:#c70807;transform:translateY(-1px);box-shadow:0 8px 22px #e80a0959}.pd-calc .cta-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.pd-calc .form-consent{font-size:11px;color:var(--pd-mgray);text-align:center;margin-top:8px}.pd-calc .success-msg{display:none;text-align:center;padding:20px}.pd-calc .success-msg.show{display:block}.pd-calc .success-icon{font-size:44px;margin-bottom:10px}.pd-calc .success-title{font-size:22px;font-weight:800;margin-bottom:6px}.pd-calc .success-sub{font-size:14px;color:var(--pd-mgray);line-height:1.5}.pd-calc .trust-bar{display:flex;justify-content:center;gap:18px;padding:14px 26px;border-top:1px solid var(--pd-border);flex-wrap:wrap;background:#fafafa}.pd-calc .trust-item{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--pd-mgray);font-weight:600}.pd-calc .paint-yn-btn{flex:1;padding:14px 16px;border:2px solid var(--pd-border);border-radius:10px;background:#fff;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;transition:border-color .15s,background .15s,color .15s;text-align:center}.pd-calc .paint-yn-btn:hover{border-color:var(--pd-yellow)}.pd-calc .paint-yn-btn.active{background:var(--pd-yellow);border-color:var(--pd-yellow);color:#000}.pd-calc .paint-yn-no.active{background:#f0f0f0;border-color:#888;color:#333}.pd-calc .paint-note{font-size:12.5px;color:#555;background:var(--pd-lgray);border:1px solid var(--pd-border);border-radius:10px;padding:12px 14px;margin-bottom:14px;line-height:1.6}.pd-calc .paint-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.pd-calc .color-pills{display:flex;gap:6px}.pd-calc .color-pill{flex:1;padding:8px 4px;border:1.5px solid var(--pd-border);border-radius:7px;background:var(--pd-white);cursor:pointer;font-size:14px;font-weight:800;color:var(--pd-mgray);transition:all .15s;text-align:center;font-family:inherit}.pd-calc .color-pill:hover{border-color:var(--pd-yellow);color:var(--pd-black)}.pd-calc .color-pill.active{background:var(--pd-black);border-color:var(--pd-black);color:var(--pd-yellow)}.pd-calc .paint-zero-note{font-size:11.5px;color:var(--pd-mgray);margin-top:8px;text-align:center;font-style:italic}@media(max-width:540px){.pd-calc .calc-section,.pd-calc .results-section,.pd-calc .cta-section{padding:18px 16px}.pd-calc .size-cards{grid-template-columns:1fr;gap:8px}.pd-calc .area-controls{grid-template-columns:1fr}.pd-calc .results-top{flex-direction:column}.pd-calc .monthly-hero{text-align:left}.pd-calc .res-range{font-size:26px}.pd-calc .monthly-big{font-size:28px}.pd-calc .form-row{flex-direction:column}.pd-calc .bd-header,.pd-calc .bd-row{grid-template-columns:1fr 70px 70px}.pd-calc .paint-grid{grid-template-columns:1fr 1fr}.pd-calc .paint-ctrl:last-child{grid-column:1 / -1}}
