:root {--bg-dark: #05080a;--primary-blue: #007bff;--cyan-glow: #00d2ff;--success-green: #28a745;--glass-bg: rgba(255, 255, 255, 0.04);--border-color: rgba(255, 255, 255, 0.1);}*{box-sizing:border-box}body.custom-body {margin:0;background:radial-gradient(circle at top, rgba(0,123,255,.12), transparent 28%),radial-gradient(circle at right, rgba(0,210,255,.08), transparent 24%),var(--bg-dark);color:#fff;line-height:1.6;font-family:'Inter',sans-serif;}.wrapper{width:min(1200px,92%);margin:0 auto}.quote-hero{text-align:center;padding:160px 0 40px;}.eyebrow{display:inline-flex;padding:8px 14px;border-radius:999px;border:1px solid rgba(0,210,255,.2);background:rgba(0,210,255,.08);color:#b8efff;font-weight:800;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;}.hero-title{font-size:clamp(2.3rem,6vw,4.2rem);font-weight:900;line-height:1.05;margin:16px 0 10px}.hero-subtitle{max-width:760px;margin:0 auto;color:#b8c3cf}.gradient-blue{background:linear-gradient(90deg,#007bff,#00d2ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}.quote-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,1fr);gap:28px;align-items:start;padding:0 0 90px;}.form-card,.summary-card,.guide-card{background:var(--glass-bg);border:1px solid var(--border-color);border-radius:28px;backdrop-filter:blur(12px);}.form-card{padding:28px;margin-bottom:22px;}.form-card h3,.summary-card h3{margin:0 0 18px;color:var(--cyan-glow);font-size:1.15rem}.option-item,.addon-item{display:flex;justify-content:space-between;align-items:center;gap:18px;background:rgba(255,255,255,.02);border:1px solid transparent;border-radius:20px;padding:18px;margin-bottom:12px;transition:.25s ease;cursor:pointer;}.option-item:hover,.addon-item:hover{border-color:rgba(0,210,255,.22);background:rgba(0,210,255,.05);}.option-item strong,.addon-item strong{display:block}.option-item small,.addon-item small{display:block;color:#9fb0c0;margin-top:4px}.option-right{display:flex;align-items:center;gap:14px;flex-shrink:0;}.price-tag{font-weight:800;color:#fff;white-space:nowrap;}input[type="radio"],input[type="checkbox"]{width:20px;height:20px;accent-color:var(--primary-blue);cursor:pointer;}textarea,input[type="text"],input[type="tel"],input[type="number"]{width:100%;border:1px solid var(--border-color);background:rgba(0,0,0,.35);color:#fff;border-radius:16px;padding:15px 16px;outline:none;transition:border-color .2s ease, box-shadow .2s ease;font:inherit;}textarea:focus,input:focus{border-color:rgba(0,210,255,.4);box-shadow:0 0 0 4px rgba(0,210,255,.08)}.summary-card{position:sticky;top:110px;padding:30px;box-shadow:0 22px 46px rgba(0,0,0,.32);}.summary-list p{display:flex;justify-content:space-between;gap:14px;margin:0 0 12px;color:#a7b2be;}.summary-list span{color:#fff;font-weight:800;text-align:right}.total-box{display:flex;justify-content:space-between;align-items:center;margin:22px 0;padding-top:18px;border-top:1px solid var(--border-color);font-size:1.45rem;font-weight:900;color:var(--cyan-glow);}.user-details input{margin-bottom:12px}.btn-send,.btn-pay{width:100%;border:none;border-radius:999px;padding:18px 20px;color:#fff;font-weight:900;font-size:1rem;cursor:pointer;transition:.25s ease;}.btn-send{background:linear-gradient(135deg,var(--primary-blue),var(--cyan-glow))}.btn-send:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(13,110,253,.3)}.btn-pay{display:none;margin-top:10px;background:linear-gradient(135deg,#28a745,#48c96a)}#displayOrderID{display:inline-flex;margin-left:8px;padding:4px 8px;border-radius:8px;background:rgba(255,255,255,.15);}#statusMsg{margin-top:12px;color:#8d9aaa;text-align:center;font-size:.88rem}.quick-guide{padding:28px}.guide-header{margin-bottom:20px}.guide-title{font-size:1.1rem;margin:0;color:#fff}.guide-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}.guide-card{position:relative;padding:22px;overflow:hidden;}.guide-card h4{margin:0 0 8px}.guide-card p{margin:0;color:#aeb8c5;font-size:.95rem}.guide-num{position:absolute;top:14px;right:16px;font-size:2rem;font-weight:900;color:rgba(0,210,255,.12)}@media (max-width: 992px){.quote-grid{grid-template-columns:1fr}.summary-card{position:static}}@media (max-width: 640px){.quote-hero{padding-top:132px}.form-card,.summary-card,.guide-card{border-radius:22px}.form-card,.summary-card{padding:20px}.option-item,.addon-item{flex-direction:column;align-items:flex-start}.option-right{width:100%;justify-content:space-between}.guide-steps{grid-template-columns:1fr}.total-box{font-size:1.2rem}}

.selection-side{display:grid;gap:22px;}
.summary-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;}
.btn-clear{width:100%;border:none;border-radius:999px;padding:18px 20px;color:#dce7f3;font-weight:800;font-size:1rem;cursor:pointer;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);}
.btn-clear:hover{background:rgba(255,255,255,.1)}
.summary-list p{position:relative;padding-right:34px;}
.summary-remove{position:absolute;right:0;top:50%;transform:translateY(-50%);width:24px;height:24px;border:none;border-radius:999px;background:rgba(255,255,255,.08);color:#fff;cursor:pointer;}
.notes-row span{color:#7ae7ff!important}
@media (max-width: 640px){.summary-actions{grid-template-columns:1fr}.btn-clear,.btn-send{padding:16px 18px}}


/* === Final cart page polish === */
.quote-hero{padding:172px 0 28px;}
.hero-subtitle{max-width:720px;color:#9bb0c1;}
.quote-grid{gap:24px;padding-bottom:88px;}
.form-card,.summary-card,.guide-card{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);box-shadow:0 22px 42px rgba(0,0,0,.18);}
.form-card,.quick-guide{padding:26px;}
.form-card h3,.summary-card h3,.guide-title{font-size:1.08rem;color:#fff;}
textarea,input[type="text"],input[type="tel"],input[type="number"]{border-radius:18px;padding:16px 18px;background:rgba(3,7,12,.72);}
.summary-card{padding:28px;border-radius:30px;}
.summary-list p{padding:14px 42px 14px 0;margin:0;border-bottom:1px solid rgba(255,255,255,.06);}
.summary-list p:last-child{border-bottom:none;}
.summary-empty{justify-content:center;padding-right:0!important;}
.summary-empty span{color:#9fb0c0!important;text-align:center;width:100%;}
.summary-remove{right:0;width:28px;height:28px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);transition:all .2s ease;}
.summary-remove:hover{background:rgba(255,82,82,.16);color:#fff;}
.total-box{font-size:1.28rem;margin:18px 0 20px;padding-top:20px;}
.user-details{display:grid;gap:12px;margin-bottom:8px;}
.summary-actions{grid-template-columns:1fr auto;align-items:center;}
.btn-clear{justify-self:end;width:auto;min-width:52px;height:52px;padding:0 18px;border-radius:18px;background:rgba(255,255,255,.05);backdrop-filter:blur(12px);}
.btn-send{border-radius:18px;padding:17px 18px;background:linear-gradient(135deg,#0d6efd,#00d2ff);}
#statusMsg{margin-top:14px;color:#97abbb;}
.order-popup{position:fixed;inset:0;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:1400;}
.order-popup.active{opacity:1;pointer-events:auto;}
.order-popup-backdrop{position:absolute;inset:0;background:rgba(2,6,10,.74);backdrop-filter:blur(8px);}
.order-popup-card{position:relative;z-index:1;width:min(420px,92vw);padding:30px 26px;border-radius:28px;background:linear-gradient(180deg,rgba(10,17,25,.98),rgba(6,11,18,.98));border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 70px rgba(0,0,0,.42);text-align:center;}
.popup-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border:none;border-radius:12px;background:rgba(255,255,255,.06);color:#fff;font-size:1.25rem;cursor:pointer;}
.popup-badge{display:inline-flex;padding:8px 14px;border-radius:999px;background:rgba(0,210,255,.1);border:1px solid rgba(0,210,255,.24);color:#d8f7ff;font-weight:800;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;}
.order-popup-card h3{margin:16px 0 8px;font-size:1.6rem;}
.popup-text{margin:0;color:#9eb0c0;}
.popup-order-id{margin:22px 0 18px;padding:18px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-size:1.4rem;font-weight:900;letter-spacing:.08em;color:#7ee4ff;}
.popup-primary{width:100%;padding:16px 18px;border:none;border-radius:18px;background:linear-gradient(135deg,#0d6efd,#00d2ff);color:#fff;font-weight:800;cursor:pointer;}
body.popup-open{overflow:hidden;}
@media (max-width:640px){.quote-hero{padding-top:142px;}.summary-card{padding:22px;}.summary-actions{grid-template-columns:1fr;}.btn-clear{justify-self:stretch;width:100%;height:auto;padding:15px 18px;}}