.sp-system{--qty-input-bg:#dadada;margin:2rem 0;font-family:inherit;color:#6d6e72}.sp-system :focus-visible{outline:#461d6f auto 1px}.sp-system__grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width:768px){.sp-system__grid{grid-template-columns:1fr}}.sp-system__title{font-size:1.75rem;font-weight:700;color:#461d6f;margin-bottom:1rem}.sp-system__subtext{margin-bottom:1.5rem}.sp-system__builder{padding-block:3rem;border-radius:.5rem}.sp-system__finish{display:flex;flex-direction:column;gap:1rem}.sp-system__finish-label{font-size:1rem;font-weight:700;color:#461d6f}.sp-system__walls{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.sp-system__wall{border-top:1px solid #dadada;padding-block:1rem}.sp-system__wall:last-child{border-bottom:1px solid #dadada}.sp-system__wall-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.sp-system__wall-label{font-weight:700;color:#461d6f}.sp-system__wall-remove{width:1.5rem;height:1.5rem;border:0;background-color:#dadada;border-radius:50%;cursor:pointer;font-size:1rem;line-height:1;color:#6d6e72;transition:background-color .2s,color .2s}.sp-system__wall-remove:hover{background-color:color-mix(in srgb,#dc1d1d 70%,black);color:#fff}.sp-system__wall-inputs{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.sp-system__input-group{display:flex;flex-direction:column;gap:.25rem}.sp-system__input-label{font-size:.875rem;font-weight:500;color:#6d6e72}.sp-system__input-wrapper{display:flex;align-items:stretch;background:#f0f0f0;border-radius:100vmax;overflow:hidden;transition:box-shadow .12s ease-in-out}.sp-system__input-wrapper:has(input[type=number]:focus){box-shadow:0 0 0 2px #461d6f}.sp-system__input{flex:1;border:0;background:0 0;padding:.625rem 1rem;font-size:1rem;min-width:0;-moz-appearance:textfield}.sp-system__input--finish{border:1px solid #f0f0f0;border-radius:100vmax;background-color:#f0f0f0;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236d6e72' d='M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem;cursor:pointer}.sp-system__input::-webkit-inner-spin-button,.sp-system__input::-webkit-outer-spin-button,.sp-system__qty-input::-webkit-inner-spin-button,.sp-system__qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sp-system__input:focus{outline:0}.sp-system__input-suffix{display:flex;align-items:center;padding:0 1rem 0 .5rem;color:#6d6e72;font-size:.875rem;background:inherit}.sp-system__add-wall{display:flex;align-items:center;justify-content:center;gap:.25rem;background:0 0;border:0;border-radius:100vmax;margin-inline:auto;text-align:center;padding-block:.5rem;padding-inline:1.5rem;font-weight:700;color:#6d6e72;transition:color .12s ease-in-out;margin-top:1.5rem}.sp-system__add-wall:hover{color:#7b2d8e}.sp-system__add-wall:disabled{opacity:.5;cursor:not-allowed}.sp-system__add-wall-icon{font-size:1.25rem;font-weight:300}.sp-system__calculate{border-radius:100vmax;background-color:#dc1d1d;border:1px solid #dc1d1d;font-size:1rem;font-weight:700;color:#fff;text-align:center;padding-block:.5rem;padding-inline:1.5rem;display:block;margin-inline:auto;margin-top:1.5rem;transition:background-color .12s ease-in-out,color .12s ease-in-out,border-color .12s ease-in-out}.sp-system__calculate:hover{background-color:color-mix(in srgb,#dc1d1d 70%,black);border-color:color-mix(in srgb,#dc1d1d 70%,black)}.sp-system__calculate:disabled,.sp-system__calculate[disabled]{background-color:#acadaf;border-color:#acadaf;cursor:not-allowed}.sp-system__errors{margin-top:1rem;padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:.875rem}.sp-system__summary{padding-block:3rem;padding-inline:2rem;border:1px solid #f0f0f0;background-color:#f0f0f0;border-radius:5px}.sp-system__summary__title{font-weight:400;color:#461d6f}.sp-system__components{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.sp-system__no-components{color:#dadada;font-style:italic}.sp-system__component{display:grid;grid-template-columns:3.75rem 1fr auto;gap:.75rem 1rem;align-items:center;background:#fff;padding:.5rem;border-radius:.375rem}.sp-system__component--modified{--qty-input-bg:#edbc5f}.sp-system__component-image{width:3.75rem;height:3.75rem;overflow:hidden;border-radius:.25rem;background:#f5f5f5}.sp-system__component-image img{width:100%;height:100%;object-fit:cover}.sp-system__component-info{display:flex;flex-direction:column;gap:.25rem;min-width:0}.sp-system__component-name{color:#dc1d1d;text-decoration:none;font-size:.8125rem;font-weight:400;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sp-system__component-name:hover{text-decoration:underline}.sp-system__component-name--no-link{color:#6d6e72;cursor:default}.sp-system__component-name--no-link:hover{text-decoration:none}.sp-system__component-pricing{display:flex;align-items:baseline;gap:.25rem}.sp-system__component-price{color:#6d6e72;font-size:.875rem}.sp-system__component-line-total{color:#461d6f;font-size:.875rem;font-weight:600}.sp-system__component-message-toggle{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;border:0;background:0 0;color:#acadaf;cursor:pointer;transition:color .15s ease-in-out}.sp-system__component-message-toggle:hover{color:#461d6f}.sp-system__component-message-toggle svg{display:block}.sp-system__component-message{grid-column:1/-1;position:relative;padding:.25rem;display:flex;gap:.25rem}.sp-system__component-message[hidden]{display:none}.sp-system__component-message-text{margin:0;font-size:.8125rem;line-height:1.5;color:#6d6e72;flex:1 1 auto;background:#e5e5e5;border-radius:.25rem;padding:4px 8px}.sp-system__component-message-close{flex:0 0 auto;width:1.25rem;height:1.25rem;padding:0;border:0;background:0 0;font-size:1.125rem;line-height:1;color:#acadaf;cursor:pointer;transition:color .15s ease-in-out}.sp-system__component-message-close:hover{color:#6d6e72}.sp-system__component-qty{display:flex;align-items:center;gap:.25rem}.sp-system__qty-btn{width:2rem;height:2rem;border:0;background-color:transparent;border-radius:4px;font-size:1.25rem;line-height:1;color:#6d6e72;cursor:pointer}.sp-system__qty-btn:disabled{opacity:.5;cursor:not-allowed}.sp-system__qty-input{width:3.125rem;height:2rem;border-radius:4px;border:1px solid var(--qty-input-bg);background-color:var(--qty-input-bg);text-align:center;font-size:.875rem;-moz-appearance:textfield}.sp-system__qty-input:disabled{background:#f5f5f5;color:#999}.sp-system__qty-input:focus{outline:0;border-color:#7b2d8e}.sp-system__totals{padding:1rem 0;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;margin-bottom:1.5rem}.sp-system__total-row{padding:.5rem 0;text-align:center}.sp-system__total-row--inc-vat .sp-system__total-label{font-weight:400;color:#6d6e72}.sp-system__total-label{font-weight:700;color:#6d6e72}.sp-system__submit{border-radius:100vmax;background-color:#dc1d1d;border:1px solid #dc1d1d;font-size:1rem;font-weight:700;color:#fff;text-align:center;padding-block:.5rem;padding-inline:1.5rem;display:block;margin-inline:auto;margin-top:1.5rem;transition:background-color .12s ease-in-out,color .12s ease-in-out,border-color .12s ease-in-out}.sp-system__submit:hover{background-color:color-mix(in srgb,#dc1d1d 70%,black);border-color:color-mix(in srgb,#dc1d1d 70%,black)}.sp-system__submit:disabled,.sp-system__submit[disabled]{background-color:#acadaf;border-color:#acadaf;cursor:not-allowed}.sp-system__actions{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-top:1.5rem}.sp-system__reset{background:0 0;border:0;color:#6d6e72;text-decoration:underline;cursor:pointer;font-size:.875rem;padding:0}.sp-system__reset:hover{color:#dc1d1d}.sp-system__contact{display:flex;flex-wrap:wrap;align-items:center;column-gap:.25rem;row-gap:.25rem}.sp-system__contact-link:hover{text-decoration:underline}.sp-system--loading .sp-system__calculate{opacity:.7;pointer-events:none}.sp-system__form{margin:0}