:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#25241f;background:#f4f2ed;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.topbar{height:64px;padding:0 max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;gap:26px;background:#fff;border-bottom:1px solid #e8e5de;color:#77766f;font-size:13px}.brand{font-weight:700;color:#292821;text-decoration:none;font-size:15px;margin-right:auto}.admin-link{color:#77766f;text-decoration:none}.layout{max-width:1240px;margin:54px auto;padding:0 24px}.intro{margin-bottom:32px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#9b6848;font-weight:700}.intro h1{font-size:36px;letter-spacing:-.04em;margin:8px 0}.intro>p:last-child{margin:0;color:#77766f}.workarea{display:flex;flex-wrap:wrap;gap:22px;align-items:flex-start}.sections{display:grid;gap:14px;flex:1 1 600px;min-width:0}.panel{background:white;border:1px solid #e9e6df;border-radius:10px;padding:24px;box-shadow:0 2px 8px #25241f08}.panel-heading,.quote-title{display:flex;gap:13px;align-items:flex-start;margin-bottom:22px}.panel-heading h2,.quote h2{font-size:17px;letter-spacing:-.02em;margin:0 0 5px}.panel-heading p,.quote-title p{font-size:12px;margin:0;color:#85837c}.step{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;flex:none;background:#f4eee8;color:#9b6848;font-size:11px;font-weight:700}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.fields.thirds{grid-template-columns:repeat(3,minmax(0,1fr))}label{display:grid;gap:8px;color:#67665f;font-size:12px}select,input{width:100%;height:42px;border:1px solid #e1ded7;border-radius:6px;background:white;padding:0 11px;color:#292821;font:inherit;font-size:13px}select:disabled{background:#f7f6f3;color:#aaa}.visual{margin-top:18px;height:96px;border-radius:6px;background:#f8f7f4;display:grid;place-items:center;color:#9a9891;font-size:12px}.hint,.muted{color:#88867e;font-size:12px;line-height:1.5}.hint{margin:16px 0 0}.options{display:grid;gap:10px}.option{display:flex;align-items:center;gap:10px;padding:12px;background:#f8f7f4;border-radius:6px;font-size:13px}.option input{width:16px;height:16px}.option span{flex:1}.option small{color:#8a887f}.quote{position:sticky;top:20px;padding:22px;flex:0 0 340px;width:340px}.quote-title{margin-bottom:15px}.quote-lines{display:grid;gap:11px;min-height:100px}.quote-line{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#6e6c65}.quote-line strong{color:#2d2b25;font-weight:600;white-space:nowrap}.total{border-top:1px solid #e9e6df;margin-top:16px;padding-top:17px;display:flex;align-items:center;justify-content:space-between;font-size:13px}.total strong{font-size:23px;letter-spacing:-.04em}.disclaimer{color:#929087;font-size:10px;line-height:1.5;margin:16px 0 0}.@media(max-width:850px),(max-device-width:850px){.layout{margin:30px auto}.workarea{display:flex;flex-direction:column;flex-wrap:nowrap}.sections{width:100%;flex:0 0 auto}.quote{width:100%;flex:0 0 auto;position:static;top:auto;z-index:auto}.intro h1{font-size:30px}}@media(max-width:550px){.topbar{padding:0 16px;gap:12px;font-size:11px}.layout{padding:0 14px}.fields,.fields.thirds{grid-template-columns:1fr}.panel{padding:19px}.intro h1{font-size:27px}}

:where(#casing-front-field,#casing-back-field,.check-field)[hidden]{display:none!important}[hidden]{display:none!important}.check-field{align-self:end}.check-field span{display:flex;align-items:center;gap:9px;min-height:42px;color:#67665f}.check-field input{width:16px;height:16px;padding:0;flex:none}.fields #casing-front-field,.fields #casing-back-field{min-width:0}.component-options{border-top:1px solid #eeeae4;margin-top:18px;padding-top:14px;display:grid;gap:8px}.component-options h3{font-size:13px;margin:0 0 4px;color:#55534d}.component-options .option{padding:9px 11px}.component-options .option small{margin-left:auto}.sandrik-fields{margin-top:16px}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.choice-step{min-width:0}.choice-step__label{font-size:12px;color:#67665f;margin-bottom:10px}.manufacturer-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.manufacturer-card{appearance:none;display:flex;min-width:0;min-height:92px;align-items:center;gap:16px;padding:16px 20px;border:1px solid #e7e3db;border-radius:7px;background:#fff;color:#292821;text-align:left;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.manufacturer-card:hover{border-color:#c9a38a;box-shadow:0 5px 14px #25241f12;transform:translateY(-2px)}.manufacturer-card:focus-visible,.carousel-arrow:focus-visible{outline:2px solid #9b6848;outline-offset:2px}.manufacturer-card[aria-pressed="true"]{border-color:#9b6848;box-shadow:0 0 0 1px #9b6848}.manufacturer-logo{display:grid;place-items:center;flex:0 0 188px;height:54px}.manufacturer-logo-img{display:block;width:100%;height:auto;max-height:50px;object-fit:contain}.manufacturer-logo-wordmark{font-family:Georgia,"Times New Roman",serif;font-size:32px;font-weight:700;letter-spacing:.04em;color:#22415b}.manufacturer-card__name{font-size:13px;font-weight:600}.collection-picker__heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px}.collection-picker__label{margin:0}.carousel-controls{display:flex;gap:7px}.carousel-arrow{display:grid;width:34px;height:34px;place-items:center;border:1px solid #e1ded7;border-radius:6px;background:#fff;color:#292821;font-size:24px;line-height:1;font-family:inherit;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .12s ease}.carousel-arrow:hover:not(:disabled){background:#f8f7f4;border-color:#c9a38a}.carousel-arrow:active:not(:disabled){transform:scale(.96)}.carousel-arrow:disabled{opacity:.35;cursor:default}.fields#model-step,.fields#finish-step{grid-template-columns:minmax(0,1fr)}.collection-grid{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#c9c5bd transparent;padding:0 0 7px}.collection-card{display:flex;flex:0 0 calc((100% - 24px)/3);height:300px;flex-direction:column;scroll-snap-align:start}.collection-card__visual{flex:1;min-height:0;height:auto}.collection-card__name{flex:none;min-height:38px}.collection-card__empty{padding:16px}.is-visible{animation:choice-step-in .24s ease both}@keyframes choice-step-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:850px){.manufacturer-logo{flex-basis:140px}.collection-card{flex-basis:calc((100% - 24px)/3)}}@media(max-width:550px){.manufacturer-picker{grid-template-columns:1fr}.manufacturer-card{min-height:76px;padding:12px 14px;gap:12px}.manufacturer-logo{flex-basis:145px;height:42px}.manufacturer-logo-wordmark{font-size:27px}.collection-card{flex-basis:calc((100% - 12px)/2);height:300px}.collection-grid{gap:12px}.carousel-arrow{width:32px;height:32px}}@media(prefers-reduced-motion:reduce){.is-visible{animation:none}.manufacturer-card,.collection-card,.carousel-arrow{transition:none}}
.manufacturer-card{justify-content:center}.manufacturer-logo{flex:1;max-width:230px;height:56px}.manufacturer-logo-img{max-width:210px}.manufacturer-logo-wordmark{font-family:Arial,Helvetica,sans-serif;font-size:34px;letter-spacing:.12em;color:#292821}@media(max-width:550px){.manufacturer-logo{flex-basis:auto;width:100%;height:48px}.manufacturer-logo-wordmark{font-size:30px}}
.collection-picker{grid-column:1/-1;min-width:0}.collection-picker__label{font-size:12px;color:#67665f;margin-bottom:10px}.collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.collection-card{appearance:none;min-width:0;padding:0;border:1px solid #e7e3db;border-radius:7px;background:#fff;color:#292821;text-align:left;overflow:hidden;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.collection-card:hover{border-color:#c9a38a;box-shadow:0 5px 14px #25241f12;transform:translateY(-2px)}.collection-card:focus-visible{outline:2px solid #9b6848;outline-offset:2px}.collection-card[aria-pressed="true"]{border-color:#9b6848;box-shadow:0 0 0 1px #9b6848}.collection-card__visual{position:relative;display:block;height:150px;overflow:hidden;background:transparent}.collection-card__visual img{position:absolute;left:50%;bottom:0;width:100%;height:100%;padding:0;object-fit:contain;transform:translateX(-50%);background:transparent}.collection-card__leaf{z-index:1}.collection-card__frame{z-index:2}.collection-card__fallback{object-fit:contain}.collection-card__empty{display:grid;height:100%;place-items:center;color:#918b81;font-size:11px;text-align:center}.collection-card__name{display:block;padding:9px 10px;font-size:12px;font-weight:600;line-height:1.3}.collection-select--cards{display:none!important}@media(max-width:850px){.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:550px){.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-card__visual{height:138px}}
.collection-grid{display:flex;grid-template-columns:none;flex-wrap:nowrap;gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#c9c5bd transparent;padding:0 0 7px}.collection-card{display:flex;flex:0 0 calc((100% - 24px)/3);height:300px;flex-direction:column;scroll-snap-align:start}.collection-card__visual{flex:1;min-height:0;height:auto}.collection-card__name{flex:none;min-height:38px}@media(max-width:550px){.collection-card{flex-basis:calc((100% - 12px)/2);height:300px}.collection-grid{gap:12px}}
.sections,.panel,.collection-picker,.collection-grid{min-width:0;max-width:100%}.collection-picker{width:100%}.collection-grid{width:100%}.collection-card{min-width:0}
.collection-card{transition:border-color .16s ease}.collection-card:hover,.collection-card[aria-pressed="true"]{box-shadow:none;transform:none}.collection-card:hover{border-color:#c9a38a}#collection-picker,#model-step,#finish-step{margin-top:16px}#door-visual{margin-top:16px}