.bek-shade{background:#f6f7f4;color:#111;font-family:inherit}.bek-shade *{box-sizing:border-box}.bek-shade__hero{position:relative;min-height:460px;display:flex;align-items:end;overflow:hidden;background:#1c251f}.bek-shade__hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.bek-shade__hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,22,16,.8),rgba(11,22,16,.32) 58%,rgba(11,22,16,.12))}.bek-shade__hero-copy{position:relative;z-index:2;padding-top:82px;padding-bottom:64px;color:#fff}.bek-shade__hero-copy>span,.bek-shade-kicker{display:block;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#78a987}.bek-shade__hero-copy h1{max-width:820px;margin:10px 0 14px;font-size:clamp(40px,5.1vw,74px);line-height:.98;letter-spacing:-.04em}.bek-shade__hero-copy p{max-width:720px;margin:0;font-size:19px;line-height:1.55;color:rgba(255,255,255,.9)}.bek-shade__trust{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-bottom:1px solid #dde2dc}.bek-shade__trust>div{padding:19px 22px;text-align:center;border-right:1px solid #e7ebe6}.bek-shade__trust>div:last-child{border-right:0}.bek-shade__trust strong,.bek-shade__trust span{display:block}.bek-shade__trust strong{font-size:14px}.bek-shade__trust span{margin-top:4px;font-size:12px;color:#68716b}.bek-shade__body{padding-top:42px;padding-bottom:70px}.bek-shade__progress{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:22px}.bek-shade__progress button{appearance:none;border:0;background:transparent;padding:0;text-align:left;color:#7b827d;cursor:pointer}.bek-shade__progress button:before{content:"";display:block;height:4px;border-radius:9px;background:#dce1dc;margin-bottom:8px}.bek-shade__progress button.is-active:before{background:#1f6d3b}.bek-shade__progress button b{display:inline-flex;width:23px;height:23px;align-items:center;justify-content:center;border-radius:50%;background:#e6eae6;color:#5d655f;font-size:12px;margin-right:6px}.bek-shade__progress button.is-active b{background:#1f6d3b;color:#fff}.bek-shade__progress button span{font-size:12px;font-weight:700}.bek-shade__layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start}.bek-shade__stage,.bek-shade-summary{background:#fff;border:1px solid #e3e7e2;border-radius:18px;box-shadow:0 10px 28px rgba(17,34,23,.06)}.bek-shade__stage{padding:34px}.bek-shade-step h2{font-size:34px;line-height:1.08;letter-spacing:-.025em;margin:8px 0 10px}.bek-shade-step>p{margin:0 0 26px;color:#606961;line-height:1.55}.bek-shade-step h3{font-size:18px;margin:24px 0 12px}.bek-shade-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.bek-shade-choice,.bek-shade-color{position:relative;border:1px solid #dfe4df;border-radius:14px;background:#fff;cursor:pointer;transition:.18s ease}.bek-shade-choice{padding:20px;min-height:132px}.bek-shade-choice:hover,.bek-shade-color:hover{border-color:#8db79a;transform:translateY(-1px)}.bek-shade-choice.is-selected,.bek-shade-color.is-selected{border:2px solid #277448;background:#f5fbf6}.bek-shade-choice input,.bek-shade-color input{position:absolute;opacity:0;pointer-events:none}.bek-shade-choice i{display:inline-flex;width:34px;height:34px;border-radius:10px;background:#eaf4ec;align-items:center;justify-content:center;color:#1f6d3b;font-style:normal;font-size:18px}.bek-shade-choice strong,.bek-shade-choice span{display:block}.bek-shade-choice strong{font-size:18px;margin:12px 0 4px}.bek-shade-choice span{font-size:13px;line-height:1.45;color:#68716b}.bek-shade-choice-grid{display:grid;gap:12px}.bek-shade-choice-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.bek-shade-auto-model{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;padding:15px 17px;border-radius:12px;background:#f0f7f2;border:1px solid #d8e9dc;margin:18px 0 22px}.bek-shade-auto-model span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#4f6c59}.bek-shade-auto-model strong{font-size:16px}.bek-shade-auto-model small{width:100%;color:#647068}.bek-shade-measure-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}.bek-shade-measure-grid label{font-weight:700;font-size:14px}.bek-shade-measure-grid label>span{display:block;font-weight:500;color:#6a736d;font-size:12px;margin:3px 0 7px}.bek-shade-measure-grid input{width:100%;height:52px;border:1px solid #cfd6cf;border-radius:10px;padding:0 14px;font:inherit;font-size:17px}.bek-shade-measure-grid input:focus{outline:2px solid #69a67c;outline-offset:1px}.bek-shade-matrix-hint,.bek-shade-note{margin-top:16px;padding:14px 16px;border-radius:11px;background:#f6f8f6;color:#566058;font-size:13px;line-height:1.5}.bek-shade-note{display:flex;gap:8px;align-items:flex-start}.bek-shade-note strong{color:#233128;white-space:nowrap}.bek-shade-color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.bek-shade-color{padding:14px 14px 13px}.bek-shade-color i{display:block;width:34px;height:34px;border-radius:50%;background:var(--sw);border:1px solid rgba(0,0,0,.15);margin-bottom:9px}.bek-shade-color strong,.bek-shade-color span{display:block}.bek-shade-color strong{font-size:14px}.bek-shade-color span{font-size:12px;color:#697169;margin-top:3px}.bek-shade-equipment{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.bek-shade-equipment__included{padding:17px;border:1px solid #dfe5df;border-radius:13px;background:#fbfcfb}.bek-shade-equipment__included>span{display:inline-block;background:#e7f4ea;color:#1f6d3b;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:800;letter-spacing:.05em}.bek-shade-equipment__included strong,.bek-shade-equipment__included small{display:block}.bek-shade-equipment__included strong{font-size:15px;margin:11px 0 4px}.bek-shade-equipment__included small{font-size:12px;color:#69716b}.bek-shade-led{margin-top:24px}.bek-shade-toggle{display:flex;align-items:center;gap:12px;border:1px solid #dfe5df;padding:15px;border-radius:13px;cursor:pointer}.bek-shade-toggle input{position:absolute;opacity:0}.bek-shade-toggle>span{position:relative;width:44px;height:25px;border-radius:99px;background:#ccd3ce;flex:none}.bek-shade-toggle>span:after{content:"";position:absolute;left:3px;top:3px;width:19px;height:19px;border-radius:50%;background:#fff;transition:.18s}.bek-shade-toggle input:checked+span{background:#277448}.bek-shade-toggle input:checked+span:after{transform:translateX(19px)}.bek-shade-toggle b{font-size:14px}.bek-shade-toggle em{margin-left:auto;font-style:normal;font-weight:700;color:#1f6d3b}.bek-shade-review{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #e0e5e0;border-radius:14px;overflow:hidden;margin-top:22px}.bek-shade-review>div{padding:14px 16px;border-bottom:1px solid #e7eae7}.bek-shade-review>div:nth-child(odd){border-right:1px solid #e7eae7}.bek-shade-review>div:nth-last-child(-n+2){border-bottom:0}.bek-shade-review span,.bek-shade-review strong{display:block}.bek-shade-review span{font-size:11px;color:#707872;text-transform:uppercase;letter-spacing:.07em}.bek-shade-review strong{margin-top:4px;font-size:14px}.bek-shade-tech{margin-top:18px;padding:15px 17px;border-radius:12px;background:#edf7ef;color:#245b34;font-size:13px;line-height:1.5}.bek-shade-tech.is-error{background:#fff2f0;color:#982f27}.bek-shade-final{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px;border-radius:14px;background:#153724;color:#fff;margin-top:20px}.bek-shade-final strong,.bek-shade-final span{display:block}.bek-shade-final strong{font-size:36px;letter-spacing:-.03em}.bek-shade-final span{font-size:12px;color:#d8e9dc}.bek-shade-final p{max-width:360px;margin:0;color:#d9e2db;font-size:13px;line-height:1.5}.bek-shade-order-status{font-size:13px;margin-top:14px}.bek-shade-order-status[data-type="error"]{color:#a33128}.bek-shade-order-status[data-type="success"]{color:#1f6d3b}.bek-shade-actions{display:flex;justify-content:space-between;gap:12px;margin-top:28px}.bek-shade-btn,.bek-shade-back{appearance:none;border:0;border-radius:10px;min-height:48px;padding:0 20px;font:inherit;font-weight:800;cursor:pointer}.bek-shade-btn{background:#1f6d3b;color:#fff}.bek-shade-btn:hover{background:#185b31}.bek-shade-btn:disabled{opacity:.45;cursor:not-allowed}.bek-shade-back{background:#eef1ee;color:#263229}.bek-shade-summary{position:sticky;top:92px;padding:22px}.bek-shade-summary>span{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#6d756f}.bek-shade-summary h3{font-size:24px;letter-spacing:-.02em;margin:5px 0 2px}.bek-shade-summary>small{color:#68716a}.bek-shade-summary dl{margin:20px 0 0}.bek-shade-summary dl>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #edf0ed}.bek-shade-summary dt{font-size:12px;color:#6b736d}.bek-shade-summary dd{margin:0;text-align:right;font-size:12px;font-weight:700}.bek-shade-summary__price{margin-top:20px;padding:17px;border-radius:12px;background:#153724;color:#fff}.bek-shade-summary__price span,.bek-shade-summary__price small{display:block}.bek-shade-summary__price span{font-size:11px;color:#bfd0c2}.bek-shade-summary__price strong{display:block;font-size:32px;margin:3px 0}.bek-shade-summary__price small{font-size:11px;color:#d7e0d8}.bek-shade-summary__band{font-size:11px;color:#68716a;margin-top:12px}.bek-shade-debug{display:grid;gap:5px;margin-top:12px;padding-top:12px;border-top:1px dashed #d5dcd6;font-size:11px;color:#677068}.bek-shade-debug span{display:flex;justify-content:space-between}.bek-shade [hidden]{display:none!important}
@media(max-width:980px){.bek-shade__trust{grid-template-columns:repeat(2,1fr)}.bek-shade__layout{grid-template-columns:1fr}.bek-shade-summary{position:static;order:-1}.bek-shade__progress{overflow:auto;grid-template-columns:repeat(6,minmax(100px,1fr));padding-bottom:5px}.bek-shade-equipment{grid-template-columns:1fr}.bek-shade-color-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.bek-shade__hero{min-height:390px}.bek-shade__hero-copy{padding-top:55px;padding-bottom:40px}.bek-shade__hero-copy h1{font-size:42px}.bek-shade__hero-copy p{font-size:16px}.bek-shade__trust{grid-template-columns:1fr 1fr}.bek-shade__trust>div{padding:13px 8px}.bek-shade__body{padding-top:22px}.bek-shade__stage{padding:20px 16px}.bek-shade-step h2{font-size:28px}.bek-shade-type-grid,.bek-shade-choice-grid--2,.bek-shade-measure-grid,.bek-shade-review{grid-template-columns:1fr}.bek-shade-choice{min-height:110px}.bek-shade-color-grid{grid-template-columns:1fr 1fr}.bek-shade-review>div,.bek-shade-review>div:nth-child(odd){border-right:0}.bek-shade-review>div:nth-last-child(-n+2){border-bottom:1px solid #e7eae7}.bek-shade-review>div:last-child{border-bottom:0}.bek-shade-final{align-items:flex-start;flex-direction:column}.bek-shade-actions{flex-direction:column-reverse}.bek-shade-actions>*{width:100%}.bek-shade-actions>span{display:none}.bek-shade-btn,.bek-shade-back{width:100%}.bek-shade-measure-grid input{font-size:16px}}
.bek-shade-options,.bek-shade-fabric{margin-top:24px}.bek-shade-options h3,.bek-shade-fabric h3{margin-bottom:12px}.bek-shade-options{display:grid;gap:11px}.bek-shade-field{display:grid;gap:7px;font-size:14px;font-weight:700}.bek-shade-field>span{font-size:11px;font-weight:600;color:#707872}.bek-shade-field select,.bek-shade-field input{width:100%;min-height:50px;border:1px solid #cfd6cf;border-radius:10px;padding:0 13px;background:#fff;color:#111;font:inherit;font-size:16px}.bek-shade-field input{padding:12px 13px}.bek-shade-field select:focus,.bek-shade-field input:focus{outline:2px solid #69a67c;outline-offset:1px}.bek-shade-review-wide{grid-column:1/-1!important;border-right:0!important}.bek-shade-options .bek-shade-toggle{background:#fbfcfb}.bek-shade-options .bek-shade-toggle em{font-size:12px;text-align:right}
@media(max-width:640px){.bek-shade-options .bek-shade-toggle{align-items:flex-start;flex-wrap:wrap}.bek-shade-options .bek-shade-toggle em{width:100%;margin-left:56px;text-align:left}.bek-shade-review-wide{grid-column:auto!important}.bek-shade-field select{height:52px}}

/* M11.8.1 – premium visual selection cards */
.bek-shade-type-grid--visual{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.bek-shade-choice--visual{padding:0;min-height:0;overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(18,38,25,.055)}
.bek-shade-choice--visual:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(18,38,25,.09)}
.bek-shade-choice--visual.is-selected{border:2px solid #277448;background:#fff;box-shadow:0 0 0 3px rgba(39,116,72,.08),0 12px 30px rgba(18,38,25,.09)}
.bek-shade-choice__media{position:relative;aspect-ratio:16/9;background:#eef2ee;overflow:hidden}
.bek-shade-choice__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .28s ease}
.bek-shade-choice--visual:hover .bek-shade-choice__media img{transform:scale(1.025)}
.bek-shade-choice__badge{position:absolute;left:14px;top:14px;padding:6px 9px;border-radius:999px;background:rgba(14,32,20,.82);backdrop-filter:blur(5px);color:#fff!important;font-size:10px!important;font-weight:800;letter-spacing:.055em;text-transform:uppercase}
.bek-shade-choice__check{position:absolute;right:14px;top:14px;padding:6px 9px;border-radius:999px;background:#277448;color:#fff!important;font-size:10px!important;font-weight:800;opacity:0;transform:translateY(-3px);transition:.18s ease}
.bek-shade-choice--visual.is-selected .bek-shade-choice__check{opacity:1;transform:none}
.bek-shade-choice__content{padding:18px 19px 20px}
.bek-shade-choice__content strong{font-size:20px;margin:0 0 7px}
.bek-shade-choice__content span{font-size:13px;line-height:1.5;color:#5f6962}
.bek-shade-choice__content small{display:block;margin-top:12px;padding-top:11px;border-top:1px solid #edf0ed;color:#277448;font-size:11px;font-weight:800;letter-spacing:.025em}
@media(max-width:640px){
  .bek-shade-type-grid--visual{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-left:-16px;margin-right:-16px;padding:2px 16px 12px;scrollbar-width:none}
  .bek-shade-type-grid--visual::-webkit-scrollbar{display:none}
  .bek-shade-type-grid--visual .bek-shade-choice--visual{flex:0 0 86%;scroll-snap-align:start}
  .bek-shade-choice__content strong{font-size:19px}
}