.builder{display:grid;gap:2rem}@media(min-width:1024px){.builder{grid-template-columns:1.4fr 1fr;gap:3rem;align-items:stretch}}.builder-canvas{aspect-ratio:4/3;border-radius:var(--radius);overflow:hidden;background:linear-gradient(135deg,#1a3a32,#0a1f19);position:relative;min-height:380px;max-width:100%}.builder-canvas canvas{width:100%!important;height:100%!important;display:block}@media(min-width:1024px){.builder-canvas{aspect-ratio:auto;height:100%}}.builder-panel{background:#fff;border-radius:var(--radius);padding:1.75rem;box-shadow:0 10px 40px -10px #13312a26}.builder-step[hidden]{display:none}.builder-stepbar{display:flex;gap:.5rem;margin-bottom:1.25rem;font-size:.78rem;font-weight:600;color:#0006}.builder-stepbar span{flex:1;padding:.45rem .5rem;text-align:center;border-radius:var(--radius);background:var(--color-border, #eee)}.builder-stepbar .is-active{background:var(--color-text);color:var(--color-bg)}.builder-grouptitle{font-size:.95rem;display:block;margin-bottom:.5rem}.builder-grouptitle:not(:first-child){margin-top:1.25rem}.builder-base{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:.75rem 0 1.5rem}.builder-base label{padding:.625rem;text-align:center;border:1.5px solid var(--color-border);border-radius:var(--radius);cursor:pointer;font-size:.85rem;font-weight:500}.builder-base input{position:absolute;opacity:0}.builder-base label:has(input:checked){background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.builder-addons{display:grid;gap:.75rem;margin-bottom:1.5rem}.builder-addon{display:flex;align-items:center;gap:.75rem;padding:.875rem;border:1.5px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:border-color .2s,background .2s}.builder-addon:has(input:checked){border-color:var(--color-accent);background:#fffbea}.builder-addon input{margin:0}.builder-addon-info{flex:1}.builder-addon-info strong{display:block;font-size:.95rem}.builder-addon-info small{color:#0009;font-size:.8rem}.builder-addon-price{font-weight:600;color:var(--color-accent)}.builder-total{display:flex;justify-content:space-between;align-items:baseline;padding-top:1.25rem;border-top:1px solid var(--color-border);margin-bottom:1rem}.builder-total .price{font-size:1.5rem;font-weight:700}.builder-fineprint{font-size:.78rem;color:#0000008c;text-align:center;margin:.75rem 0 0}.builder-summary{background:#fffbea;border:1.5px solid var(--color-accent);border-radius:var(--radius);padding:1rem 1.1rem;margin-bottom:1.25rem}.builder-summary ul{list-style:none;margin:.4rem 0 0;padding:0}.builder-summary li{display:flex;justify-content:space-between;gap:1rem;font-size:.9rem;padding:.3rem 0;border-bottom:1px solid rgb(0 0 0 /.06)}.builder-summary li:last-child{border-bottom:0}.builder-summary li span:last-child{color:var(--color-accent);font-weight:600;white-space:nowrap}.builder-summary-price{display:flex;justify-content:space-between;align-items:baseline;margin-top:.6rem;padding-top:.6rem;border-top:1px solid rgb(0 0 0 /.12);font-weight:700;font-size:1.15rem}.builder-fields{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin-bottom:1.25rem}.builder-field{display:flex;flex-direction:column;gap:.3rem}.builder-field--full{grid-column:1 / -1}.builder-field span{font-size:.82rem;font-weight:600}.builder-field input,.builder-field textarea{width:100%;padding:.6rem .7rem;font:inherit;font-size:.9rem;border:1.5px solid var(--color-border);border-radius:var(--radius);background:#fff;color:var(--color-text)}.builder-field input:focus,.builder-field textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #dbb8282e}.builder-field textarea{resize:vertical}@media(max-width:560px){.builder-fields{grid-template-columns:1fr}}.builder-actions{display:flex;gap:.75rem;align-items:center}.builder-actions .btn{flex:1}.btn-outline{background:transparent;border:1.5px solid var(--color-border);color:var(--color-text);flex:0 0 auto;padding-inline:1.1rem}.btn-outline:hover{border-color:var(--color-text)}.builder-success{text-align:center;padding:2rem 1rem;background:#fffbea;border-radius:var(--radius)}.builder-success strong{display:block;font-size:1.15rem;margin-bottom:.4rem}.builder-formerror{background:#fdecec;border:1.5px solid #e0a0a0;border-radius:var(--radius);padding:.75rem 1rem;margin-bottom:1rem;font-size:.85rem;color:#a23}.builder-formerror ul{margin:0;padding-left:1.1rem}
/*# sourceMappingURL=/cdn/shop/t/28/assets/camper-builder.css.map */