/* Production styles */
.legitt-detailsform-wrapper{max-width:980px;margin:24px auto;padding:12px;}
.ldf-card{background:#fff;border:1px solid #e6e6e6;border-radius:10px;overflow:hidden;display:flex;flex-wrap:wrap;}
.ldf-left{flex:1 1 32%;padding:24px;background:linear-gradient(#f8fafc,#fff);min-width:220px;}
.ldf-right{flex:1 1 68%;padding:20px;min-width:300px;}
.ldf-inner{display:flex;flex-direction:row;gap:0;}
.step{margin-bottom:12px;}
.slider-values{display:flex;justify-content:space-between;align-items:center;margin-top:8px;}
.name-row input{width:48%;margin-right:4%;}
.name-row input:last-child{margin-right:0;}
.options-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;}
.opt{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #ddd;border-radius:6px;cursor:pointer;user-select:none;}
.opt.selected{background:#e6fffb;border-color:#34d399;}
.grid input{display:block;width:100%;margin-bottom:8px;padding:8px;border:1px solid #ddd;border-radius:6px;}
.btn{padding:8px 14px;border-radius:6px;border:none;cursor:pointer;}
.btn.primary{background:#0ea5a4;color:#fff;}
.btn.secondary{background:#f3f4f6;color:#111;}
.nav{display:flex;justify-content:space-between;gap:8px;margin-top:12px;}
.calc-input input{width:100%;padding:8px;border:1px solid #ddd;border-radius:6px;}
.comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:12px;}
.card{border:1px solid #eee;padding:10px;border-radius:6px;background:#fafafa;}
.ldf-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center;z-index:9999;}
.ldf-modal{background:#fff;border-radius:8px;padding:22px;width:90%;max-width:640px;position:relative;}
.ldf-close{position:absolute;right:12px;top:8px;background:transparent;border:none;font-size:18px;cursor:pointer;}

/* toast/snackbar */
.ldf-toast{position:fixed;right:18px;bottom:18px;padding:12px 16px;border-radius:8px;background:#111;color:#fff;z-index:10000;box-shadow:0 6px 18px rgba(0,0,0,0.18);}
@media(max-width:768px){.ldf-inner{flex-direction:column}.ldf-left{display:none}.name-row input{width:100%;margin-right:0}}