/* CLEARDOOR — MODALS
   Compare Modal · Project Modal
================================================================ */

/* ══ COMPARE MODAL ══ */
.cmodal{display:none;position:fixed;inset:0;background:rgba(15,35,66,.65);z-index:600;align-items:flex-start;justify-content:center;padding:1rem;overflow-y:auto;}
.cmodal.open{display:flex;}
.cmodal-box{background:#fff;border-radius:20px;max-width:960px;width:100%;padding:2rem;box-shadow:0 24px 80px rgba(0,0,0,.2);}
.cmodal-close{float:right;background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--gray);}
.cmodal h2{font-size:1.2rem;font-weight:800;color:var(--navy);margin-bottom:1.2rem;}
.cmp-grid{display:grid;gap:1rem;}
.cmp-row{display:grid;gap:1px;background:var(--border);border-radius:10px;overflow:hidden;}
.cmp-row .cmp-label{background:#f8faff;padding:.6rem 1rem;font-size:.78rem;font-weight:700;color:var(--navy);}
.cmp-row .cmp-val{background:#fff;padding:.6rem 1rem;font-size:.84rem;color:var(--gray);}
.cmp-row.header .cmp-val{font-weight:800;color:var(--navy);font-size:.92rem;}
/* ══ PROJECT MODAL ══ */
.pmodal{display:none;position:fixed;inset:0;background:rgba(15,35,66,.65);z-index:600;align-items:flex-start;justify-content:center;padding:1rem;overflow-y:auto;}
.pmodal.open{display:flex;}
.pmodal-box{background:#fff;border-radius:20px;max-width:680px;width:100%;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.2);margin:auto;}
.pmodal-img{height:200px;display:flex;align-items:center;justify-content:center;font-size:5rem;background:var(--light);}
.pmodal-body{padding:1.5rem 1.8rem 2rem;}
.pmodal-close{float:right;background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--gray);}
.pmodal-price{font-size:1.8rem;font-weight:800;color:var(--navy);}
.pmodal-name{font-size:1.2rem;font-weight:800;color:var(--navy);margin-bottom:.2rem;}
.pmodal-builder{font-size:.75rem;font-weight:700;color:var(--sky);text-transform:uppercase;letter-spacing:.4px;}
.pmodal-specs{display:flex;gap:.6rem;flex-wrap:wrap;margin:1rem 0;}
.pmodal-spec{background:var(--light);border-radius:8px;padding:.4rem .8rem;font-size:.8rem;font-weight:600;color:var(--navy);}
.pmodal-desc{font-size:.86rem;color:var(--gray);line-height:1.7;margin-bottom:1.2rem;}
.pmodal-features{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.2rem;}
.pmodal-feature{background:var(--light);border:1px solid var(--border);border-radius:6px;padding:.2rem .6rem;font-size:.72rem;font-weight:600;color:var(--navy);}
.pmodal-btns{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;}
.pmbtn{border-radius:10px;padding:.7rem;font-weight:700;font-size:.88rem;cursor:pointer;transition:all .2s;border:none;text-align:center;}
.pmbtn-p{background:var(--sky);color:#fff;}
.pmbtn-s{background:var(--navy);color:#fff;}