.configurator-view-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:8px 10px;border:1px solid #e2e7ed;border-radius:14px;background:#fff}
.configurator-view-switch>span{font-size:12px;font-weight:800;color:#475569}
.configurator-view-switch__buttons{display:flex;gap:6px}
.configurator-view-switch button{border:1px solid #d8dee7;border-radius:10px;background:#fff;color:#374151;padding:8px 12px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.configurator-view-switch button.is-active{border-color:var(--kp-primary);background:#fff4d6;color:#714500;box-shadow:0 0 0 2px rgba(245,160,0,.12)}
.guided-property-summary{display:none;margin-left:auto;max-width:min(52%,520px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#111827;font-size:13px;font-weight:800}
.guided-property-summary.is-empty{color:#94a3b8;font-weight:650}
.is-guided-row-view #configProperties{display:block!important}
.is-guided-row-view .product-properties-column{display:contents}
.is-guided-row-view .product-property{width:100%;margin:0 0 9px;padding:11px 12px!important}
.is-guided-row-view .product-property-heading{display:flex;align-items:center;gap:10px;margin:0;cursor:pointer}
.is-guided-row-view .guided-property-summary{display:block}
.is-guided-row-view .product-property:not(.is-guided-open) .product-property-control{display:none!important}
.is-guided-row-view .product-property.is-guided-open{border-color:rgba(245,160,0,.72)!important;box-shadow:0 0 0 3px rgba(245,160,0,.1)}
.is-guided-row-view .product-property.is-guided-open .guided-property-summary{display:none}
.is-guided-row-view .product-property-control{margin-top:10px}
.is-guided-row-view .selectable-list{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(155px,1fr))!important;gap:8px!important}
.is-guided-row-view .selectable-list-item{width:auto!important;min-width:0!important;margin:0!important}
@media(min-width:1280px){.is-guided-row-view .selectable-list{grid-template-columns:repeat(6,minmax(0,1fr))!important}}
@media(max-width:759px){.configurator-view-switch{align-items:flex-start;flex-direction:column}.configurator-view-switch__buttons{width:100%}.configurator-view-switch button{flex:1}.guided-property-summary{max-width:48%}.is-guided-row-view .selectable-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
