.xsi-configurator{font-family:inherit;color:var(--xsi-text);background:var(--xsi-bg);border-radius:var(--xsi-radius);padding:clamp(18px,3vw,40px);max-width:1180px;margin:0 auto;box-sizing:border-box}.xsi-configurator *{box-sizing:border-box}.xsi-head{max-width:760px;margin-bottom:28px}.xsi-kicker{text-transform:uppercase;letter-spacing:.15em;color:var(--xsi-primary);font-size:12px;font-weight:700}.xsi-head h2,.xsi-step h3{margin:.2em 0 .45em}.xsi-progress{height:5px;background:rgba(0,0,0,.08);border-radius:99px;overflow:hidden;margin-top:24px}.xsi-progress span{display:block;height:100%;width:12.5%;background:var(--xsi-primary);transition:width .25s ease}.xsi-progress-label{font-size:13px;opacity:.72}.xsi-step{display:none}.xsi-step.is-active{display:block}.xsi-grid{display:grid;gap:16px}.xsi-grid-sizes{grid-template-columns:repeat(5,minmax(0,1fr))}.xsi-grid-forms{grid-template-columns:repeat(3,minmax(0,1fr))}.xsi-grid-colors{grid-template-columns:repeat(5,minmax(0,1fr))}.xsi-grid-bundles{grid-template-columns:repeat(3,minmax(0,1fr))}.xsi-card{background:#fff;border:1px solid rgba(41,39,37,.15);border-radius:var(--xsi-radius);padding:16px}.xsi-choice{position:relative;display:block;cursor:pointer;min-height:86px}.xsi-choice input[type=radio]{position:absolute;top:14px;right:14px}.xsi-choice:has(input:checked),.xsi-bundle:has(.bundle-select:checked){border-color:var(--xsi-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--xsi-primary) 18%,transparent)}.xsi-choice-body{display:flex;flex-direction:column;gap:5px;padding-right:24px}.xsi-choice-body small{font-weight:600;color:var(--xsi-primary)}.xsi-choice-body em{font-style:normal;color:var(--xsi-primary)}.xsi-image-choice{padding:0;overflow:hidden}.xsi-image-choice img,.xsi-bundle>img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.xsi-image-choice .xsi-choice-body{padding:16px}.xsi-placeholder{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;background:#eee;color:#777}.xsi-color-choice{display:flex;align-items:center;gap:12px}.xsi-swatch{width:42px;height:42px;border:1px solid rgba(0,0,0,.15);border-radius:50%;flex:0 0 auto}.xsi-upload{display:flex;flex-direction:column;gap:10px;border:1px dashed rgba(41,39,37,.35);background:#fff;padding:22px;border-radius:var(--xsi-radius);margin:16px 0}.xsi-upload input{font-size:16px}.xsi-file-list{display:flex;flex-wrap:wrap;gap:8px}.xsi-file-list span{padding:5px 9px;background:#fff;border-radius:8px;font-size:12px}textarea,.xsi-configurator input[type=text],.xsi-configurator input[type=number],.xsi-configurator select{width:100%;min-height:44px;border:1px solid rgba(41,39,37,.25);border-radius:8px;padding:10px 12px;background:#fff;color:inherit;font-size:16px}.xsi-configurator textarea{width:100%;border:1px solid rgba(41,39,37,.25);border-radius:8px;padding:12px;background:#fff;color:inherit;font-size:16px}.xsi-bundle-fields{display:grid;gap:10px;margin-top:14px}.xsi-bundle-fields label{display:grid;gap:5px;font-size:13px}.xsi-bundle-select{display:flex;gap:10px;align-items:center;min-height:44px}.xsi-photo-mode{display:grid;grid-template-columns:1fr 1fr;gap:16px}.xsi-summary{background:#fff;border-radius:var(--xsi-radius);padding:18px}.xsi-summary dl{margin:0}.xsi-summary dl>div{display:grid;grid-template-columns:180px 1fr;gap:14px;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.08)}.xsi-summary dl>div:last-child{border-bottom:0}.xsi-summary dt{font-weight:700}.xsi-summary dd{margin:0}.xsi-actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.xsi-actions button{min-height:46px;padding:0 20px;border-radius:8px;border:1px solid var(--xsi-primary);font-weight:700;cursor:pointer}.xsi-next,.xsi-submit{background:var(--xsi-cta);color:#fff}.xsi-prev{background:transparent;color:var(--xsi-text)}.xsi-inline-error,.xsi-error{color:#8b2020;font-weight:600;margin-top:16px}.xsi-error{background:#fff0f0;padding:12px;border-radius:8px}.xsi-inline-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:8px!important}.xsi-inline-check input{width:auto!important}
@media(max-width:850px){.xsi-grid-sizes,.xsi-grid-colors{grid-template-columns:repeat(2,minmax(0,1fr))}.xsi-grid-forms,.xsi-grid-bundles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.xsi-configurator{padding:16px;border-radius:0}.xsi-grid-sizes,.xsi-grid-forms,.xsi-grid-colors,.xsi-grid-bundles,.xsi-photo-mode{grid-template-columns:1fr}.xsi-summary dl>div{grid-template-columns:1fr;gap:4px}.xsi-actions button{flex:1;padding:0 12px}.xsi-image-choice img{aspect-ratio:16/10}}

.xsi-setup-warning{padding:16px;border:1px solid #dba617;background:#fff8dd;color:#5b4300;border-radius:10px}.xsi-bundle-price{font-weight:700;color:var(--xsi-primary)}