.br-sa{--sa-o: #D35400;--sa-o-hover: #B84700;--sa-o-soft: #FFF5EE;--sa-brown: #4A3828;--sa-muted: rgba(74,56,40,.58);--sa-border: rgba(74,56,40,.12);--sa-ease: cubic-bezier(.22, 1, .36, 1);position:relative;padding:20px 0 72px;background:#fffaf7;color:var(--sa-brown);font-family:var(--br-font, "Inter", system-ui, sans-serif)}.br-sa__shell{position:relative;max-width:var(--br-hv-max, min(98.5vw, 1920px));margin:0 auto;padding:0 var(--br-gutter)}.br-sa__trust--hero{display:flex;flex-wrap:wrap;gap:8px 16px;margin:0;padding:14px 16px;list-style:none;border-radius:14px;background:#ffffff1a;border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none}.br-sa__trust--hero li{font-size:var(--br-fs-md);color:#ffffffc7}.br-sa__trust--hero strong{color:#fff;font-weight:700;margin-right:.22em}.br-sa__sticky{position:sticky;top:calc(var(--header-height, 40px) + 12px);z-index:5;margin-bottom:16px}.br-sa__sticky-inner{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:14px;background:#fff;border:1px solid var(--sa-border);box-shadow:0 10px 28px -20px #4a38282e}.br-sa__sticky-step{font-size:var(--br-fs-xs);font-weight:700;white-space:nowrap;color:var(--sa-brown);overflow:hidden;text-overflow:ellipsis}.br-sa__sticky-bar{flex:1;height:5px;border-radius:99px;background:var(--sa-o-soft);overflow:hidden}.br-sa__sticky-fill{height:100%;width:0;background:var(--sa-o);border-radius:inherit;transition:width .4s var(--sa-ease)}.br-sa__layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:start}.br-sa__quiz{position:relative;background:#fff;border-radius:20px;border:1px solid var(--sa-border);box-shadow:0 20px 48px -36px #4a382838;padding:32px;min-height:460px;display:flex;flex-direction:column}.br-sa__topbar{margin-bottom:24px}.br-sa__segments{display:flex;gap:5px}.br-sa__segment{flex:1;height:4px;border-radius:99px;background:#f0e7de;transition:background .3s var(--sa-ease)}.br-sa__segment.is-done,.br-sa__segment.is-active{background:var(--sa-o)}.br-sa__screen{display:none;flex:1;flex-direction:column;animation:saIn .35s var(--sa-ease)}.br-sa__screen.is-active{display:flex}@keyframes saIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.br-sa__step-label{font-size:var(--br-fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--sa-o);margin-bottom:8px}.br-sa__q{margin:0 0 8px;font-size:clamp(20px,2.8vw,26px);font-weight:800;font-family:inherit;letter-spacing:-.02em;line-height:1.2;color:var(--sa-brown)}.br-sa__hint{margin:0 0 22px;font-size:var(--br-fs-sm);line-height:1.6;color:var(--sa-muted);max-width:58ch}.br-sa__cards{display:grid;gap:12px}.br-sa__cards--4{grid-template-columns:repeat(4,minmax(0,1fr))}.br-sa__cards--3{grid-template-columns:repeat(3,minmax(0,1fr))}.br-sa__cards--2{grid-template-columns:1fr 1fr}.br-sa__card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:18px;border:1.5px solid var(--sa-border);border-radius:16px;background:#fff;cursor:pointer;text-align:left;font-family:inherit;transition:border-color .2s,background .2s,transform .2s var(--sa-ease),box-shadow .2s}.br-sa__card:hover{border-color:#4a38284d;transform:translateY(-2px);box-shadow:0 10px 24px -18px #d3540073}.br-sa__card.is-selected{border-color:var(--sa-o);background:var(--sa-o-soft);box-shadow:inset 0 0 0 1px var(--sa-o)}.br-sa__card.is-selected:after{content:"";position:absolute;top:10px;right:10px;width:18px;height:18px;border-radius:50%;background:var(--sa-o) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.2 4.2L19 7'/%3E%3C/svg%3E") center / 11px no-repeat}.br-sa__card-glyph{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--sa-o-soft);color:var(--sa-o);margin-bottom:2px}.br-sa__card.is-selected .br-sa__card-glyph{background:#fff}.br-sa__card-glyph svg,.br-sa__card-glyph .br-flow-icon{width:26px;height:26px;display:block}.br-sa__card-glyph .br-ui-icon{--br-ui-size: 26px;width:26px;height:26px}.br-sa__card strong{font-size:var(--br-fs-sm);font-weight:700;color:var(--sa-brown);padding-right:16px}.br-sa__card small{font-size:var(--br-fs-xs);color:var(--sa-muted);line-height:1.45}.br-sa__chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:8px}.br-sa__chip{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1.5px solid var(--sa-border);border-radius:999px;background:#fff;font-size:var(--br-fs-sm);font-weight:600;font-family:inherit;color:var(--sa-brown);cursor:pointer;transition:border-color .18s,background .18s,color .18s}.br-sa__chip-ico{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--sa-o);flex-shrink:0}.br-sa__chip-ico .br-ui-icon{--br-ui-size: 16px;width:16px;height:16px}.br-sa__chip-ico .br-flow-icon{width:16px;height:16px;display:block}.br-sa__chip:hover,.br-sa__chip.is-selected{border-color:var(--sa-o);background:var(--sa-o-soft);color:var(--sa-o)}.br-sa__slider-wrap{padding:8px 0}.br-sa__slider-val{display:block;font-size:var(--br-fs-3xl);font-weight:800;font-family:inherit;color:var(--sa-o);margin-bottom:18px;letter-spacing:-.02em}.br-sa__slider{width:100%;height:5px;-webkit-appearance:none;appearance:none;background:var(--sa-o-soft);border-radius:99px;outline:none;cursor:pointer}.br-sa__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--sa-o);border:3px solid #fff}.br-sa__slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--sa-o);border:3px solid #fff}.br-sa__slider-labels{display:flex;justify-content:space-between;margin-top:10px;font-size:var(--br-fs-xs);color:var(--sa-muted);font-weight:700}.br-sa__temp{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.br-sa__temp-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 12px;border:1.5px solid var(--sa-border);border-radius:14px;background:#fff;cursor:pointer;font-family:inherit;text-align:center;transition:border-color .18s,background .18s}.br-sa__temp-btn strong{font-size:var(--br-fs-sm);font-weight:700;color:var(--sa-brown)}.br-sa__temp-btn small{font-size:var(--br-fs-xs);color:var(--sa-muted)}.br-sa__temp-btn:hover,.br-sa__temp-btn.is-selected{border-color:var(--sa-o);background:var(--sa-o-soft)}.br-sa__analyzing{align-items:center;justify-content:center;text-align:center;padding:32px 0}.br-sa__analyze-visual{position:relative;width:72px;height:72px;margin:0 auto 24px}.br-sa__analyze-orbit{position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid var(--sa-o-soft);border-top-color:var(--sa-o);border-radius:50%;animation:saSpin 1.1s linear infinite}.br-sa__analyze-ico{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.br-sa__analyze-ico .br-ui-icon{--br-ui-size: 28px}@keyframes saSpin{to{transform:rotate(360deg)}}.br-sa__analyze-steps{list-style:none;padding:0;margin:16px auto 0;max-width:320px;text-align:left}.br-sa__analyze-steps li{font-size:var(--br-fs-md);color:var(--sa-muted);padding:8px 0 8px 28px;position:relative;opacity:.35;transition:opacity .3s}.br-sa__analyze-steps li.is-done,.br-sa__analyze-steps li.is-active{opacity:1;color:var(--sa-brown);font-weight:700}.br-sa__analyze-steps li.is-done:before{content:"\2713";position:absolute;left:0;color:var(--sa-o)}.br-sa__analyze-steps li.is-active:before{content:"\2192";position:absolute;left:0;color:var(--sa-o)}.br-sa__arch{position:relative;margin-bottom:22px;padding:22px 24px;border-radius:16px;background:#fffaf7;border:1px solid var(--sa-border);border-left:3px solid var(--sa-o)}.br-sa__arch-kicker{display:inline-block;font-size:var(--br-fs-2xs);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--sa-o);margin-bottom:12px}.br-sa__arch-row{display:flex;align-items:center;gap:14px;margin-bottom:12px}.br-sa__arch-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;flex-shrink:0;background:#fff;color:var(--sa-o);border:1px solid var(--sa-border)}.br-sa__arch-icon svg,.br-sa__arch-icon .br-flow-icon{width:27px;height:27px;display:block}.br-sa__arch-icon .br-ui-icon{--br-ui-size: 27px;width:27px;height:27px}.br-sa__arch-name{margin:0 0 2px;font-size:clamp(19px,3vw,25px);font-weight:800;font-family:inherit;letter-spacing:-.02em;color:var(--sa-brown)}.br-sa__arch-tagline{margin:0;font-size:var(--br-fs-sm);font-weight:600;color:var(--sa-o)}.br-sa__arch-desc{margin:0 0 14px;font-size:var(--br-fs-sm);line-height:1.65;color:var(--sa-muted)}.br-sa__arch-chips{display:flex;flex-wrap:wrap;gap:8px}.br-sa__arch-chip{font-size:var(--br-fs-xs);font-weight:600;padding:6px 12px;border-radius:999px;background:#fff;color:var(--sa-brown);border:1px solid var(--sa-border)}.br-sa__result-hero{display:flex;align-items:center;gap:20px;margin-bottom:22px;padding-bottom:22px;border-bottom:1px solid var(--sa-border)}.br-sa__match-ring{position:relative;width:84px;height:84px;flex-shrink:0}.br-sa__match-ring svg{width:100%;height:100%}.br-sa__match-num{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:var(--br-fs-md);font-weight:800;color:var(--sa-o)}.br-sa__result-badge{font-size:var(--br-fs-2xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sa-o)}.br-sa__result-product{margin:4px 0 6px;font-size:clamp(18px,2.5vw,24px);font-weight:800;font-family:inherit;letter-spacing:-.02em;line-height:1.2;color:var(--sa-brown)}.br-sa__result-sub{margin:0;font-size:var(--br-fs-sm);color:var(--sa-muted);line-height:1.5}.br-sa__product-card{display:grid;grid-template-columns:140px 1fr;gap:16px;align-items:center;padding:14px;margin-bottom:22px;border-radius:16px;background:#fffaf7;border:1px solid var(--sa-border)}.br-sa__product-media{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:4/3;background:#f5ede6}.br-sa__product-media img{width:100%;height:100%;object-fit:cover;display:block}.br-sa__product-tag{position:absolute;top:8px;left:8px;font-size:var(--br-fs-2xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;border-radius:99px;background:#fff;color:var(--sa-o)}.br-sa__product-price{margin:0 0 4px;font-size:var(--br-fs-lg);font-weight:800;color:var(--sa-brown)}.br-sa__product-perk{margin:0 0 4px;font-size:var(--br-fs-xs);color:var(--sa-muted)}.br-sa__disclaimer{margin:0 0 20px;font-size:var(--br-fs-xs);line-height:1.55;color:var(--sa-muted)}.br-sa__btn--buy{width:100%;max-width:260px;padding:12px 20px;font-size:var(--br-fs-sm)}.br-sa__firmness{margin-bottom:22px}.br-sa__firmness-head{display:flex;justify-content:space-between;font-size:var(--br-fs-sm);margin-bottom:10px}.br-sa__firmness-head span{color:var(--sa-muted)}.br-sa__firmness-head strong{font-weight:800;color:var(--sa-brown)}.br-sa__firmness-track{position:relative;height:6px;border-radius:99px;background:#f0e7de;margin-bottom:6px}.br-sa__firmness-marker{position:absolute;top:50%;width:14px;height:14px;background:var(--sa-o);border:2px solid #fff;border-radius:4px;transform:translate(-50%,-50%);transition:left .6s var(--sa-ease);left:50%}.br-sa__firmness-labels{display:flex;justify-content:space-between;font-size:var(--br-fs-2xs);color:var(--sa-muted);font-weight:700}.br-sa__format{display:flex;align-items:flex-start;gap:12px;margin:0 0 20px;padding:14px 16px;border-radius:12px;background:var(--sa-o-soft);border:1px solid rgba(74,56,40,.2)}.br-sa__format-ico{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:10px;background:#fff;flex-shrink:0}.br-sa__format-ico .br-ui-icon{--br-ui-size: 22px}.br-sa__format strong{display:block;font-size:var(--br-fs-sm);font-weight:800;color:var(--sa-o);margin-bottom:4px}.br-sa__format p{margin:0;font-size:var(--br-fs-md);line-height:1.55;color:var(--sa-brown)}.br-sa__points-title{margin:0 0 10px;font-size:var(--br-fs-sm);font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--sa-muted)}.br-sa__result-points{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:8px}.br-sa__result-points li{display:flex;gap:10px;font-size:var(--br-fs-md);line-height:1.55;padding:12px 14px;background:var(--sa-o-soft);border-radius:10px;color:var(--sa-brown)}.br-sa__result-points li:before{content:"\2713";color:var(--sa-o);font-weight:800;flex-shrink:0}.br-sa__alts{margin-bottom:20px}.br-sa__alts-title{margin:0 0 10px;font-size:var(--br-fs-sm);font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--sa-muted)}.br-sa__alts-grid{display:grid;gap:8px}.br-sa__alt{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:10px;border:1px solid var(--sa-border);text-decoration:none;color:inherit;transition:border-color .18s,background .18s}.br-sa__alt:hover{border-color:var(--sa-o);background:var(--sa-o-soft)}.br-sa__alt strong{font-size:var(--br-fs-sm);font-weight:700;display:block;color:var(--sa-brown)}.br-sa__alt span{font-size:var(--br-fs-xs);color:var(--sa-muted)}.br-sa__alt em{font-size:var(--br-fs-xs);font-weight:800;font-style:normal;color:var(--sa-o);white-space:nowrap}.br-sa__result-actions{display:flex;flex-wrap:wrap;gap:10px}.br-sa__btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:999px;font-size:var(--br-fs-sm);font-weight:700;font-family:inherit;cursor:pointer;border:none;text-decoration:none;transition:background .18s}.br-sa__btn--primary{background:var(--sa-o);color:#fff}.br-sa__btn--primary:hover{color:#fff;background:var(--sa-o-hover)}.br-sa__btn--ghost{background:transparent;color:var(--sa-brown);border:1.5px solid var(--sa-border)}.br-sa__btn--ghost:hover{border-color:var(--sa-o);color:var(--sa-o)}.br-sa__nav{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:24px;min-height:44px;position:relative;z-index:3}.br-sa__nav[hidden],.br-sa__back[hidden],.br-sa__next[hidden],.br-sa__format[hidden],.br-sa__alts[hidden]{display:none!important}.br-sa__back{background:none;border:none;font-size:var(--br-fs-sm);font-weight:700;font-family:inherit;color:var(--sa-muted);cursor:pointer;padding:8px 0;position:relative;z-index:1}.br-sa__back:hover{color:var(--sa-o)}.br-sa__next{margin-left:auto}.br-sa__dna{position:sticky;top:calc(var(--header-height, 40px) + 88px)}.br-sa__dna-inner{padding:22px;border-radius:18px;background:#fff;border:1px solid var(--sa-border);box-shadow:0 16px 40px -32px #4a382833}.br-sa__dna-head{margin-bottom:16px}.br-sa__dna-title{margin:0;font-size:var(--br-fs-sm);font-weight:800;color:var(--sa-brown);letter-spacing:-.01em}.br-sa__dna-sub{display:block;font-size:var(--br-fs-xs);color:var(--sa-muted);margin-top:4px}.br-sa__profile-list{margin:0}.br-sa__profile-row{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--sa-border);font-size:var(--br-fs-xs)}.br-sa__profile-row dt{color:var(--sa-muted);font-weight:500}.br-sa__profile-row dd{margin:0;font-weight:700;text-align:right;color:var(--sa-brown)}.br-sa__profile-empty{margin:0;font-size:var(--br-fs-xs);line-height:1.55;color:var(--sa-muted)}.br-sa__profile-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.br-sa__tag{font-size:var(--br-fs-2xs);font-weight:700;padding:5px 10px;border-radius:999px;background:var(--sa-o-soft);color:var(--sa-o)}@media(max-width:1100px){.br-sa__cards--4{grid-template-columns:1fr 1fr}}@media(max-width:900px){.br-sa__layout{grid-template-columns:1fr}.br-sa__dna{position:static;order:-1}.br-sa__sticky{top:calc(var(--header-height, 40px) + 8px)}.br-sa__cards--3{grid-template-columns:1fr 1fr}.br-sa__cards--3 .br-sa__card:last-child{grid-column:1 / -1}}@media(max-width:640px){.br-sa__shell{padding:0 18px}.br-sa__hero{padding-top:32px}.br-sa__quiz{padding:22px 18px;min-height:auto}.br-sa__cards--4,.br-sa__cards--3,.br-sa__cards--2{grid-template-columns:1fr 1fr}.br-sa__cards--3 .br-sa__card:last-child{grid-column:auto}.br-sa__temp,.br-sa__product-card{grid-template-columns:1fr}.br-sa__result-hero{flex-direction:column;text-align:center}.br-sa__arch-row{flex-direction:column;align-items:flex-start}.br-sa__card{padding:14px}.br-sa__card-glyph{width:38px;height:38px}}@media(prefers-reduced-motion:reduce){.br-sa *{animation:none!important;transition-duration:.01ms!important}.br-sa__card:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/br-slaapwijzer.css.map */