.public-configurator{max-width:1920px;margin:0 auto;padding:22px 28px 60px;background:#f5f7fb}
.config-breadcrumb{font-size:13px;color:#64748b;margin:0 0 18px}
.config-title-row{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}
.config-title-row h1{font-size:22px;margin:4px 0 0}.config-title-row a{font-weight:800;color:var(--blue)}
.configure-layout{display:grid;grid-template-columns:minmax(0,1fr) 520px;gap:20px;align-items:start}
.component-groups{display:grid;gap:12px}.component-group{background:#fff;border:1px solid #d7e2ef;border-radius:12px;overflow:hidden}
.component-group details{display:block}.component-group summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;background:#eee7ff;color:#3325a8;font-weight:900;cursor:pointer}
.group-name{display:flex;align-items:center;gap:9px}.group-name i{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#fff;color:#2176ff;font-style:normal;box-shadow:0 2px 8px rgba(33,118,255,.12)}
.group-tags{display:flex;align-items:center;gap:8px;font-size:12px}.group-tags b{background:#ffeded;color:#e04444;border-radius:99px;padding:4px 8px}.group-tags em,.group-tags i{background:#eef2f7;color:#64748b;border-radius:99px;padding:4px 8px;font-style:normal}
.group-rule{display:flex;gap:12px;align-items:center;padding:10px 18px;border-bottom:1px solid #edf2f7;color:#64748b;font-size:13px}.capacity-line{font-weight:900;color:#29517f;background:#eef6ff;border-radius:999px;padding:4px 9px}.group-hint{color:#60738d}
.component-list{display:grid}.component-option{display:grid;grid-template-columns:minmax(0,1fr) 120px auto 76px;gap:14px;align-items:center;padding:13px 18px;border-bottom:1px solid #edf2f7;background:#fff}
.component-option:nth-child(even){background:#fafcff}.component-option.selected{background:#edf5ff;box-shadow:inset 4px 0 0 #2176ff}.component-option.selected .component-main strong{color:#072d68}.component-option.unavailable{opacity:.48}
.component-main{display:flex;align-items:center;gap:12px;min-width:0}.component-main input{accent-color:#2176ff}.component-main span{min-width:0}.component-main strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.component-main small{display:block;color:#64748b;margin-top:4px}
.selected-badge{display:none;background:#dcfce7;color:#087443;border:1px solid #a7f3d0;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900}.component-option.selected .selected-badge{display:inline-flex}
.component-unit-price{text-align:right;font-size:14px}.component-quantity{height:32px;border:1px solid #c9d4e2;border-radius:7px;background:#fff;padding:5px 8px;font-weight:800}
.group-validation{color:#b42318;font-size:13px;font-weight:800;padding:0 18px 10px}.component-group.invalid{border-color:#f3a6a0}
.configuration-summary{position:sticky;top:16px;background:#fff;border:1px solid #d7e2ef;border-radius:14px;padding:18px;box-shadow:0 12px 30px rgba(15,35,65,.08)}
.summary-image{height:170px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;display:grid;place-items:center;margin-bottom:14px;overflow:hidden}.summary-image img{max-width:100%;max-height:100%;object-fit:contain;grid-area:1/1}.summary-image span{display:none;grid-area:1/1;font-weight:900;color:#64748b}.summary-image.no-image span,.summary-image:not(:has(img)) span{display:block}
.configuration-summary h2{font-size:18px;margin:0 0 4px}.configuration-summary p{margin:0 0 12px;color:#64748b}
.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#eef2f7;border-radius:10px;padding:5px;margin:12px 0 16px}.mode-button{border:0;border-radius:8px;background:#fff;color:#334155;padding:10px;font-weight:900;cursor:pointer}.mode-button.active{background:#10a66a;color:#fff;box-shadow:0 4px 12px rgba(16,166,106,.24)}
.configuration-summary h3{font-size:14px;margin:16px 0 8px;color:#29405f}
#summary-lines>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #edf2f7;padding:8px 0;font-size:13px}#summary-lines span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:330px}#summary-lines strong{white-space:nowrap}
.summary-total{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:18px 0}.summary-total span{font-weight:800}.summary-total small{display:block;color:#64748b}.summary-total strong{font-size:28px;color:#050b18}
.summary-note{display:block;font-size:13px;font-weight:800;color:#29405f}.summary-note textarea{display:block;width:100%;min-height:72px;margin-top:6px;border:1px solid #c9d4e2;border-radius:8px;padding:10px;resize:vertical}
.quote-button{width:100%;justify-content:center;background:#ff6b00!important;margin:12px 0 10px}.quote-button:disabled{opacity:.55}.summary-help{display:block;background:#eef7ff;border-left:4px solid #2176ff;border-radius:8px;padding:10px;color:#49617d;line-height:1.45}
@media(max-width:1100px){.configure-layout{grid-template-columns:1fr}.configuration-summary{position:static}.component-main strong{white-space:normal}.component-option{grid-template-columns:1fr 100px auto 70px}}
@media(max-width:700px){.public-configurator{padding:16px}.config-title-row{display:block}.component-option{grid-template-columns:1fr}.component-unit-price{text-align:left}.configure-layout{gap:14px}}