*{box-sizing:border-box}body{margin:0;background:#f3f3f1;color:#18181a;font-family:Arial,Helvetica,sans-serif}.topbar{height:76px;background:#18181a;color:#fff;padding:12px max(18px,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between}
a{text-decoration:none}
.brand{font-weight:800;letter-spacing:.08em;font-size:19px;color:#fc0d0d;}.brand b{font-size:27px}.sub{font-size:8px;letter-spacing:.25em;color:#aaa}.wrap{width:min(1180px,calc(100% - 28px));margin:22px auto;display:grid;grid-template-columns:minmax(0,1fr) 560px;gap:22px;align-items:start}.form-card,.quotation{background:#fff;border:1px solid #ddd;border-radius:12px}.form-card{padding:22px}h1{font-size:25px;margin:0 0 5px}.intro{color:#666;font-size:13px;margin:0 0 20px}.section{border-top:1px solid #e3e3df;padding-top:19px;margin-top:20px}.section h2{font-size:17px;margin:0 0 14px}.section h2 small{font-size:11px;font-weight:400;color:#777}.grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}label{font-size:12px;font-weight:700;color:#444;display:grid;gap:6px}label span{color:#c00}input,select{width:100%;height:42px;border:1px solid #d4d4ce;border-radius:7px;padding:0 11px;background:#fff}input:focus,select:focus{outline:2px solid #ddd}.notice{font-size:11px;color:#555;background:#f7f7f4;border-left:3px solid #18181a;padding:9px 11px;margin-top:14px}.addon{border:1px solid #e1e1dc;border-radius:9px;padding:12px;margin:9px 0}.check{display:flex;align-items:center;display:flex;gap:8px}.check input{width:17px;height:17px}.addon-input{display:grid;grid-template-columns:150px auto;align-items:end;gap:14px;margin:10px 0 0 25px}.addon-input input{height:38px}.addon-input strong{font-size:12px;padding-bottom:11px}.mattress{grid-template-columns:120px 120px auto}.summary{border:1px solid #ddd;border-radius:8px;overflow:hidden}.summary div{display:flex;justify-content:space-between;padding:11px 13px;border-bottom:1px solid #eee;font-size:13px}.summary .grand{background:#18181a;color:#fff;border:0;font-size:16px}.hidden{display:none!important}.small{font-size:11px;color:#777;line-height:1.5}.btn{height:42px;padding:0 15px;border-radius:7px;border:1px solid #ccc;background:#fff;font-weight:700;cursor:pointer;margin:8px 6px 0 0}.btn.light{background:#fff}.primary{background:#18181a;color:#fff;border-color:#18181a}.whatsapp{background:#168b45;color:#fff;border-color:#168b45}.preview-wrap{position:sticky;top:15px}.quotation{padding:35px;min-height:790px;box-shadow:0 8px 30px #00000012}.qhead{display:flex;justify-content:space-between;border-bottom:2px solid #18181a;padding-bottom:18px;align-items:flex-start}.qbrand{font-size:19px;font-weight:800;letter-spacing:.08em}.qbrand b{font-size:27px}.qsub{font-size:7px;letter-spacing:.25em;color:#000}.qhead>strong{font-size:24px}.company{font-size:9px;line-height:1.6;padding:13px 0}.meta{display:grid;grid-template-columns:1fr 1fr;border:1px solid #ddd}.meta div{padding:9px;font-size:8px;color:#777;border-right:1px solid #ddd}.meta div:last-child{border:0}.meta b{display:block;color:#111;font-size:10px;margin-top:3px}.client{border-left:3px solid #18181a;margin:18px 0;padding-left:10px}.client span{font-size:8px;color:#777;display:block}.client strong{display:block;font-size:12px;margin:3px 0}.client small{display:block;font-size:9px;line-height:1.5;color:#555}table{width:100%;border-collapse:collapse;font-size:9px}th{background:#18181a;color:#fff;text-align:left;padding:8px}th:not(:first-child),td:not(:first-child){text-align:right}td{padding:8px;border-bottom:1px solid #ddd}.qtotal{display:flex;justify-content:space-between;border-top:2px solid #18181a;margin-top:15px;padding:12px 0;font-size:12px}.qtotal strong{font-size:16px}.terms{border-top:1px solid #ddd;padding-top:12px;margin-top:18px;font-size:8px;line-height:1.55}.terms p{margin:6px 0}.signature{text-align:right;border-top:1px solid #ddd;margin-top:30px;padding-top:12px;font-size:8px}@media(max-width:980px){.wrap{grid-template-columns:1fr}.preview-wrap{position:static}.quotation{max-width:700px;margin:auto}}@media(max-width:600px){.topbar{height:68px}.brand{font-size:14px}.brand b{font-size:21px}.wrap{width:calc(100% - 16px);margin:10px auto}.form-card{padding:15px}.grid{grid-template-columns:1fr}.addon-input,.mattress{grid-template-columns:1fr 1fr;margin-left:0}.mattress span{grid-column:1/-1}.quotation{padding:20px}.qbrand{font-size:14px}.qbrand b{font-size:20px}.qhead>strong{font-size:19px}.meta{grid-template-columns:1fr}.meta div{border-right:0;border-bottom:1px solid #ddd}.meta div:last-child{border-bottom:0}}
@media print{body{background:#fff}.topbar,.form-card{display:none}.wrap{display:block;width:auto;margin:0}.preview-wrap{display:block}.quotation{box-shadow:none;border:0;border-radius:0;width:210mm;min-height:297mm;padding:15mm;margin:0}@page{size:A4;margin:0}}