.chocolate-builder-section{--cb-color-base: var(--color-base, #1a1a1a);--cb-color-base-light: var(--color-base-light, #f5f5f5);--cb-color-border: var(--color-border, #e5e5e5);--cb-color-button: var(--color-button, #1a1a1a);--cb-color-button-text: var(--color-button-text, #fff);--cb-font-body: var(--font-body, system-ui, sans-serif);--cb-font-heading: var(--font-heading, var(--cb-font-body));--cb-space: var(--space-unit, 8px);--cb-radius: var(--border-radius, 4px);padding:calc(var(--cb-space) * 3) 0}.chocolate-builder--no-product,.chocolate-builder--no-addons{padding:calc(var(--cb-space) * 2);background:var(--cb-color-base-light);border-radius:var(--cb-radius);color:var(--cb-color-base)}.chocolate-builder__grid{display:grid;gap:calc(var(--cb-space) * 3);max-width:1200px;margin:0 auto;padding:0 calc(var(--cb-space) * 2)}@media(min-width:768px){.chocolate-builder__grid{grid-template-columns:1fr 1fr;gap:calc(var(--cb-space) * 4)}.chocolate-builder__summary{grid-column:1 / -1;max-width:420px}}.chocolate-builder__title{margin-top:0;font-family:var(--cb-font-heading);font-size:1.25rem;font-weight:600;color:var(--cb-color-base)}.chocolate-builder__image img{width:100%;height:auto;display:block;border-radius:var(--cb-radius)}.chocolate-builder__variant-wrapper{margin:calc(var(--cb-space) * 2) 0}.chocolate-builder__label{display:block;margin-bottom:var(--cb-space);font-family:var(--cb-font-body);font-weight:600;color:var(--cb-color-base)}.chocolate-builder__select{width:100%;max-width:280px;padding:calc(var(--cb-space) * 1.25) calc(var(--cb-space) * 1.5);font-family:var(--cb-font-body);border:1px solid var(--cb-color-border);border-radius:var(--cb-radius);background:#fff;color:var(--cb-color-base)}.chocolate-builder__base-price{margin:var(--cb-space) 0 0;font-family:var(--cb-font-body);color:var(--cb-color-base)}.chocolate-builder__category{margin-bottom:calc(var(--cb-space) * 2)}.chocolate-builder__category-title{margin:0 0 var(--cb-space);font-family:var(--cb-font-heading);font-size:1rem;font-weight:600;text-transform:capitalize;color:var(--cb-color-base)}.chocolate-builder__cards{display:flex;flex-wrap:wrap;gap:var(--cb-space)}.chocolate-builder__card{flex:0 0 auto}.chocolate-builder__card-inner{display:flex;align-items:center;gap:var(--cb-space);padding:calc(var(--cb-space) * 1.25) calc(var(--cb-space) * 1.5);border:1px solid var(--cb-color-border);border-radius:var(--cb-radius);cursor:pointer;white-space:nowrap;font-family:var(--cb-font-body);color:var(--cb-color-base);background:#fff;transition:border-color .15s ease,box-shadow .15s ease}.chocolate-builder__card-inner:hover{border-color:var(--cb-color-base)}.chocolate-builder__card[data-available=false] .chocolate-builder__card-inner{opacity:.6;cursor:not-allowed;background:var(--cb-color-base-light)}.chocolate-builder__card input:checked+.chocolate-builder__card-title,.chocolate-builder__card input:focus+.chocolate-builder__card-title{font-weight:600}.chocolate-builder__card input:checked~.chocolate-builder__card-price{font-weight:600}.chocolate-builder__card input:focus-visible+.chocolate-builder__card-title{outline:2px solid var(--cb-color-base);outline-offset:2px}.chocolate-builder__checkbox{margin:0}.chocolate-builder__summary{padding:calc(var(--cb-space) * 2);background:var(--cb-color-base-light);border-radius:var(--cb-radius);font-family:var(--cb-font-body);color:var(--cb-color-base)}.chocolate-builder__summary-row{margin-bottom:var(--cb-space)}.chocolate-builder__cta{margin-top:calc(var(--cb-space) * 1.5);padding:calc(var(--cb-space) * 1.5) calc(var(--cb-space) * 2.5);font-family:var(--cb-font-body);font-weight:600;font-size:1rem;color:var(--cb-color-button-text);background:var(--cb-color-button);border:none;border-radius:var(--cb-radius);cursor:pointer;transition:opacity .15s ease}.chocolate-builder__cta:hover:not(:disabled){opacity:.9}.chocolate-builder__cta:disabled{opacity:.7;cursor:not-allowed}.chocolate-builder__error.hidden{display:none}.chocolate-builder__error{margin-top:var(--cb-space);color:#c00;font-size:.9rem}
/*# sourceMappingURL=/cdn/shop/t/2/assets/chocolate-builder.css.map */