#with-bkk *{box-sizing:border-box}#with-bkk{margin:0;background:#edf0f2;color:#19354b;font:15px/1.5 system-ui,sans-serif}#with-bkk header{display:flex;align-items:center;gap:20px;padding:20px 28px;background:#fff;border-bottom:1px solid #d7e0e5}#with-bkk header strong{font-size:24px;letter-spacing:2px}#with-bkk header span{color:#627888}#with-bkk main{display:grid;grid-template-columns:360px minmax(0,1fr);max-width:1500px;margin:auto;min-height:calc(100vh - 80px)}#with-bkk aside{padding:25px;background:#fff}#with-bkk h1{font-size:23px;margin:0 0 5px}#with-bkk h2{font-size:16px;margin:26px 0 12px}#with-bkk .sub{color:#667988;font-size:13px;margin:0 0 22px}#with-bkk label{display:block;margin:14px 0 5px}#with-bkk select,#with-bkk button{font:inherit;border:1px solid #bccbd5;border-radius:6px;padding:9px 10px;background:#fff;color:#19354b}#with-bkk select{width:100%}#with-bkk button{cursor:pointer}#with-bkk button:hover{background:#eaf0f4}#with-bkk button:focus-visible,#with-bkk select:focus-visible,#with-bkk input:focus-visible{outline:3px solid #729bb9;outline-offset:3px}#with-bkk input[type=color]{width:100%;height:36px;border:1px solid #bccbd5;background:#fff;border-radius:5px}#with-bkk .pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}#with-bkk .check{display:flex;gap:9px;align-items:center}#with-bkk .check input{width:18px;height:18px}#with-bkk .stage{min-width:0;display:flex;flex-direction:column;padding:22px}#with-bkk .top{display:flex;justify-content:space-between;gap:15px;align-items:center;flex-wrap:wrap}#with-bkk .top p{margin:0}#with-bkk .toolbar{display:flex;gap:7px;flex-wrap:wrap}#with-bkk .toolbar button{font-size:13px;padding:7px 10px}#with-bkk #view{height:580px;min-height:380px;position:relative;margin:12px 0;background:#f6f8fa;border-radius:9px;overflow:hidden}#with-bkk canvas{width:100%;height:100%;display:block;touch-action:none}#with-bkk #loading{position:absolute;inset:0;display:grid;place-items:center;background:#f6f8fa;padding:25px;text-align:center}#with-bkk .hint{font-size:13px;color:#637987}#with-bkk .metrics{display:flex;gap:26px;flex-wrap:wrap;background:#fff;padding:15px 20px;border-radius:8px}#with-bkk .metrics span{font-size:12px;color:#687b88;display:block}#with-bkk .metrics strong{font-size:17px;font-weight:600}#with-bkk .note{font-size:13px;color:#685322;background:#fff4d9;padding:12px 15px;border-radius:6px;margin-top:15px}#with-bkk details{font-size:13px;margin-top:14px;color:#536b7d}#with-bkk summary{cursor:pointer}#with-bkk details p{max-width:900px}#with-bkk .swatches{display:flex;gap:8px}#with-bkk .swatches button{font-size:12px}#with-bkk .footer{font-size:12px;color:#758794;margin-top:15px}@media(max-width:800px){#with-bkk main{grid-template-columns:1fr}#with-bkk aside{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}#with-bkk aside h1,#with-bkk aside .sub,#with-bkk aside h2{grid-column:1/-1}#with-bkk #view{height:440px}#with-bkk .stage{padding:15px}#with-bkk header{padding:15px}}@media(max-width:430px){#with-bkk aside{display:block;padding:18px}#with-bkk .metrics{gap:15px}#with-bkk #view{height:380px}}#with-bkk #layoutGrid{display:grid;gap:3px;margin:12px 0}#with-bkk #layoutGrid button{padding:4px 0;min-width:0;min-height:29px;font-size:10px;border-radius:3px}#with-bkk #layoutGrid button[aria-pressed=true]{background:#214d6b;color:white}#with-bkk #layoutGrid button[data-parcel=true]{border:2px solid #558488}#with-bkk #insertParcel,#with-bkk #removeParcel{margin-top:10px;width:100%;font-size:13px}#with-bkk .parcel-editor{grid-column:1/-1}#with-bkk #fachMenu{position:absolute;z-index:3;top:12px;left:12px;right:12px;width:max-content;max-width:calc(100% - 24px);padding:10px;background:#fffffff5;border:1px solid #bdcbd4;border-radius:8px;box-shadow:0 3px 16px #19354b25}#with-bkk #fachMenu[hidden]{display:none}#with-bkk #fachMenu strong{font-size:13px;display:block;margin-bottom:7px}#with-bkk #fachActions{display:flex;flex-wrap:wrap;gap:5px}#with-bkk #fachActions button{font-size:13px;padding:7px 10px}#with-bkk button:disabled{opacity:.4;cursor:default}#with-bkk #fachMenu small{display:block;max-width:420px;margin-top:6px}#with-bkk .parcel-editor details{margin:0}#with-bkk .metrics .price{margin-left:auto;text-align:right}#with-bkk .metrics .price strong{color:#004a80;font-size:22px}#with-bkk input[type=number],#with-bkk input[type=text]{width:100%;font:inherit;padding:9px;border:1px solid #bccbd5;border-radius:6px}#with-bkk .colour-chip{height:12px;border-radius:4px;margin-top:7px;border:1px solid #0002}#with-bkk #specialColourField[hidden]{display:none}#with-bkk #rearOptions[hidden]{display:none}#with-bkk #rearOptions{grid-column:1/-1;border-top:1px solid #d7e0e5;margin-top:20px}#with-bkk .config-section{border:1px solid #d6e0e6;border-radius:8px;margin:10px 0;background:#fff;font-size:14px}#with-bkk .config-section>summary{padding:13px 14px;color:#19354b;cursor:pointer}#with-bkk .config-section>summary strong{font-size:15px}#with-bkk .section-summary{display:block;font-size:12px;color:#637987;margin:3px 0 0 18px}#with-bkk .config-section[open]>summary{background:#edf5fa;border-radius:8px 8px 0 0}#with-bkk .section-content{padding:0 15px 17px}#with-bkk .section-content h2{font-size:14px}#with-bkk .config-section[hidden],#with-bkk #backRainField[hidden]{display:none}#with-bkk #rearOptions{border:0;margin:0}#with-bkk .stage{position:sticky;top:10px;align-self:start}#with-bkk aside{padding:20px}#with-bkk main{grid-template-columns:350px minmax(0,1fr)}@media(max-width:800px){#with-bkk main{display:flex;flex-direction:column}#with-bkk aside{display:block;width:100%}#with-bkk .stage{position:static;width:100%;order:-1}#with-bkk #view{height:350px;min-height:300px}}#with-bkk .configuration-storage{border-bottom:1px solid #cbdce6;margin-bottom:14px;padding-bottom:12px}#with-bkk .configuration-storage strong{display:block;margin-bottom:8px}#with-bkk .configuration-storage .pair{margin:6px 0}#with-bkk .configuration-storage input{min-width:0;width:100%;box-sizing:border-box}#with-bkk .configuration-storage button{white-space:nowrap}#with-bkk main{display:block;max-width:1500px}#with-bkk aside[hidden]{display:none!important}#with-bkk .stage{position:static;width:100%;padding:18px 24px}#with-bkk #view{height:620px;min-height:360px}#with-bkk #configActions .configuration-storage{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 14px;padding:12px;background:white;border-radius:8px;border:0}#with-bkk #configActions .configuration-storage>strong{display:none}#with-bkk #configActions .configuration-storage .pair{display:flex;gap:7px;margin:0}#with-bkk #configActions .configuration-storage input{max-width:210px}#with-bkk #configurationMessage,#with-bkk #cartTransferStatus{margin:0!important;font-size:12px!important}#with-bkk #configurationLink{flex:1;max-width:100%!important}#with-bkk #contextEditor{background:white;border:1px solid #cbdce6;border-radius:8px;padding:12px 16px;margin:10px 0;max-height:38vh;overflow:auto}#with-bkk #contextEditor[hidden],#with-bkk #housingEditor[hidden],#with-bkk #doorEditor[hidden]{display:none!important}#with-bkk .context-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}#with-bkk .context-heading button{padding:2px 10px}#with-bkk #housingEditor,#with-bkk #doorEditor{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:8px 16px;align-items:start}#with-bkk #housingEditor label,#with-bkk #doorEditor label{margin:5px 0}#with-bkk #housingEditor #mountOptions{grid-column:span 2}#with-bkk #housingEditor .pair{gap:8px}#with-bkk #doorEditor .door-texts{display:grid;grid-template-columns:auto 1fr;gap:4px 8px;grid-column:span 2}#with-bkk #doorEditor .door-texts>strong,#with-bkk #doorEditor .door-texts>small{grid-column:1/-1}#with-bkk #doorEditor input[type=text]{padding:5px 8px}#with-bkk #fachMenu{position:static;max-width:none;width:auto;border:0;box-shadow:none;padding:0;margin:0 0 8px}#with-bkk #fachMenu strong,#with-bkk #fachMenu small{display:none}#with-bkk #fachActions button{padding:5px 10px}#with-bkk #viewOptions{position:absolute;right:12px;bottom:12px;display:flex;gap:6px;z-index:2}#with-bkk #viewOptions button{font-size:12px;padding:6px 10px;background:#fffffff0}#with-bkk #viewOptions button[aria-pressed=true]{background:#4e99c1;color:white}#with-bkk #editorNotice:empty{display:none}@media(max-width:800px){#with-bkk main{display:block}#with-bkk .stage{padding:10px}#with-bkk #view{height:37vh;min-height:250px}#with-bkk #contextEditor{max-height:25vh;padding:9px 11px}#with-bkk #housingEditor,#with-bkk #doorEditor{grid-template-columns:1fr 1fr;font-size:12px;gap:6px}#with-bkk #housingEditor select,#with-bkk #doorEditor select{font-size:12px;padding:5px}#with-bkk #configActions .configuration-storage{padding:8px;gap:6px}#with-bkk #configActions button{font-size:12px;padding:5px 7px}#with-bkk #configurationMessage{flex-basis:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#with-bkk #configActions input{font-size:12px;padding:5px;max-width:150px!important}#with-bkk .toolbar{gap:4px}#with-bkk .toolbar button{padding:5px 6px}#with-bkk #viewOptions{right:7px;bottom:7px}}#with-bkk [hidden]{display:none!important}#with-bkk .sr-only{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}#with-bkk .stage{font-size:13px}#with-bkk #view{height:600px;min-height:360px}#with-bkk .top{justify-content:flex-end}#with-bkk .toolbar button,#with-bkk .icon-button{width:34px;height:34px;padding:7px!important;display:inline-flex;align-items:center;justify-content:center}#with-bkk .icon-button svg{width:19px;height:19px;pointer-events:none}#with-bkk #contextEditor{position:fixed;z-index:1000;width:330px;height:min(490px,calc(100dvh - 24px));max-height:none;margin:0;padding:0;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 5px 24px #19354b30;font-size:13px;background:#fff}#with-bkk .context-heading{min-height:44px;flex-shrink:0;padding:8px 10px;background:#edf5fa;cursor:grab;touch-action:none}#with-bkk .context-heading strong{flex:1;font-size:13px;line-height:1.3}#with-bkk .context-heading button{width:27px;height:27px;padding:0;flex-shrink:0}#with-bkk #contextBody{flex:1;min-height:0;overflow:auto;padding:10px 12px}#with-bkk #contextEditor.minimized{height:44px}#with-bkk #contextEditor.minimized #contextBody{display:none}#with-bkk #housingEditor,#with-bkk #doorEditor{display:flex;flex-direction:column;gap:8px;font-size:13px}#with-bkk #housingEditor>*,#with-bkk #doorEditor>*{width:100%;min-width:0}#with-bkk #housingEditor .pair{display:block}#with-bkk #housingEditor label,#with-bkk #doorEditor label{margin:2px 0 4px}#with-bkk #contextBody select,#with-bkk #contextBody button,#with-bkk #contextBody input{font-size:13px;padding:5px 7px;min-height:32px}#with-bkk #contextBody select{height:32px}#with-bkk #housingEditor #mountOptions{grid-column:auto}#with-bkk #doorEditor .door-texts{display:flex;flex-direction:column;gap:5px}#with-bkk #doorEditor .door-texts input{width:26ch;max-width:100%;padding:5px 7px}#with-bkk #doorEditor .door-paints{display:flex;flex-direction:column;gap:8px}#with-bkk .stepper{display:flex;align-items:center;gap:5px;margin-bottom:7px}#with-bkk .stepper span{flex:1}#with-bkk .stepper input[type=number]{width:49px;text-align:center;appearance:textfield}#with-bkk .stepper input::-webkit-inner-spin-button{appearance:none}#with-bkk .stepper button{width:32px}#with-bkk #configActions .configuration-storage{padding:0;gap:6px;margin-bottom:6px}#with-bkk #configActions .configuration-storage input{width:14ch;max-width:160px}#with-bkk #configActions button{font-size:13px;padding:6px 9px}#with-bkk #configurationFeedback{flex-basis:100%;height:34px;overflow:auto;font-size:12px}#with-bkk #configurationMessage{white-space:normal;overflow:visible}#with-bkk #selectedOptions h2{margin:16px 0 8px;font-size:15px}#with-bkk #selectedOptions ul{padding-left:19px;margin:0}#with-bkk #selectedOptions li{margin:4px 0}#with-bkk #addConfigurationToCartBottom{margin:6px 0 0 12px}#with-bkk #contextBody .hint{font-size:12px}@media(max-width:600px){#with-bkk #contextEditor{left:8px!important;right:8px;bottom:8px;top:auto!important;width:auto;height:min(300px,40dvh)}#with-bkk #view{height:420px;min-height:320px}#with-bkk .stage{padding:10px}#with-bkk .context-heading{cursor:default}#with-bkk #configActions button.icon-button,#with-bkk .toolbar button{width:36px;height:36px}#with-bkk #configActions .configuration-storage input{width:13ch}#with-bkk #configurationFeedback{height:42px}#with-bkk .metrics{padding:10px;gap:12px}}#with-bkk #contextEditor{border:1px solid #4e99c1;box-shadow:0 6px 26px #19354b40}#with-bkk .context-heading{background:#397fb4;color:white}#with-bkk .context-heading button{color:#19354b;background:white}#with-bkk .colour-chip{display:none}#with-bkk #housingEditor #mountHeightField .pair{display:flex;align-items:center;justify-content:space-between;gap:12px}#with-bkk #mountHeightField input{width:90px;flex:none}#with-bkk #mountHeightField button{margin-left:auto}#with-bkk #view .toolbar{position:absolute;right:12px;top:12px;z-index:3;gap:6px}#with-bkk #view .toolbar button{background:#fffffff2}#with-bkk #configActions .configuration-storage .pair:has(#requestConfiguration){gap:14px}#with-bkk #configActions #requestConfiguration{margin-left:8px}#with-bkk #configActions .configuration-storage #configurationCode{width:16ch;max-width:170px!important}#with-bkk #view+.hint{margin:0}#with-bkk #configActions .configuration-storage{margin-bottom:6px}#with-bkk #configurationFeedback{height:auto;max-height:54px}#with-bkk #configurationFeedback:not(:has(p:not(:empty))){display:none}#with-bkk #viewHint{margin:0 0 5px;line-height:1.4}#with-bkk #view{margin-top:0}#with-bkk #viewHint{color:#000}#with-bkk #view .toolbar button[aria-pressed=true]{background:#397fb4;color:#fff;border-color:#397fb4}#with-bkk #toggle-edges{display:none!important}#with-bkk .bk-picture-menu{position:fixed;z-index:1010;border:1px solid #aec4d5;border-radius:7px;background:#fff;box-shadow:0 5px 20px #19354b35;padding:4px;font:13px/1.35 Arial,sans-serif;color:#19354b;max-height:calc(100dvh - 16px);overflow:auto}#with-bkk .bk-picture-row{display:flex;align-items:center;gap:2px;min-height:44px}#with-bkk .bk-sample-space{width:44px;flex-shrink:0}#with-bkk .bk-sample-thumb{position:relative;width:44px;height:44px;flex-shrink:0;padding:6px;border:0;border-radius:4px;background:#fff;cursor:zoom-in}#with-bkk .bk-sample-thumb img{display:block;width:32px;height:32px;object-fit:contain}#with-bkk .bk-sample-thumb span{position:absolute;bottom:1px;right:1px;background:#fff;color:#285777;font-size:13px;line-height:13px;border-radius:50%;width:13px;text-align:center}#with-bkk .bk-sample-choice{flex:1;min-height:44px;border:0;background:#fff;text-align:left;font:inherit;padding:7px;border-radius:4px;color:inherit}#with-bkk .bk-sample-choice[aria-pressed=true]{background:#e9f2f9;font-weight:600}#with-bkk .bk-sample-choice:hover,#with-bkk .bk-sample-thumb:hover{background:#edf5fa}#with-bkk button.bk-sample-select:not(.swatches button){width:100%;text-align:left;position:relative;padding-right:24px!important}#with-bkk button.bk-sample-select:not(.swatches button):after{content:'▾';position:absolute;right:9px}#with-bkk button.bk-sample-select:not(.swatches button):disabled{opacity:.55;cursor:default}#with-bkk .bk-sample-preview{position:fixed;z-index:1020;background:#fff;border:1px solid #aec4d5;border-radius:8px;box-shadow:0 8px 30px #19354b40;padding:10px;color:#19354b;font:13px/1.4 Arial,sans-serif;max-height:calc(100dvh - 24px);overflow:auto}#with-bkk .bk-sample-preview>div{display:flex;align-items:center;gap:10px}#with-bkk .bk-sample-preview strong{flex:1}#with-bkk .bk-sample-preview button:not(.swatches button){width:44px;min-height:44px;font-size:24px;padding:0;border:0;background:#edf5fa;border-radius:5px;color:inherit}#with-bkk .bk-sample-preview>img{display:block;width:100%;max-height:calc(100dvh - 150px);object-fit:contain}#with-bkk .bk-sample-preview p{margin:6px 0 0;color:#536b7d;font-size:12px}#with-bkk .bk-sample-preview[hidden],#with-bkk .bk-picture-menu[hidden]{display:none!important}#with-bkk /* Click-only,#with-bkk large preview shared by option samples and standard product photos. */
.bk-sample-preview{inset:0;margin:auto;width:90vw;max-width:2000px;height:90dvh;max-height:90dvh;box-sizing:border-box;overflow:hidden;padding:12px}#with-bkk .bk-sample-preview[open]{display:flex;flex-direction:column;gap:8px}#with-bkk .bk-sample-preview::backdrop{background:rgba(12,25,38,.65)}#with-bkk .bk-sample-preview>div{flex:none;min-width:0}#with-bkk .bk-sample-preview strong{overflow-wrap:anywhere}#with-bkk .bk-sample-preview>img{flex:1;min-height:0;max-height:none;width:100%;object-fit:contain}#with-bkk .bk-sample-preview>p{flex:none;margin:0}@media(max-width:600px){#with-bkk .bk-sample-preview{width:96vw;height:94dvh;max-height:94dvh;padding:8px}#with-bkk .bk-sample-preview strong{font-size:12px}}#with-bkk #priceBreakdown{margin:24px 0 12px;min-width:0}#with-bkk #priceBreakdown h2{font-size:16px;margin-bottom:12px}#with-bkk .bk-price-scroll{overflow-x:auto}#with-bkk #priceBreakdown table{width:100%;border-collapse:collapse;font-size:13px}#with-bkk #priceBreakdown th,#with-bkk #priceBreakdown td{padding:9px 8px;border-bottom:1px solid #dce5ed;text-align:right;white-space:nowrap}#with-bkk #priceBreakdown th:first-child,#with-bkk #priceBreakdown td:first-child{text-align:left;white-space:normal;min-width:180px}#with-bkk #priceBreakdown thead{background:#edf5fa}#with-bkk #priceBreakdown tfoot{font-weight:700}#with-bkk #priceBreakdown h2{color:inherit}@media(max-width:520px){#with-bkk #priceBreakdown table{font-size:12px}#with-bkk #priceBreakdown th,#with-bkk #priceBreakdown td{padding:9px 5px}#with-bkk #priceBreakdown th:first-child,#with-bkk #priceBreakdown td:first-child{min-width:100px}}
#with-bkk{font:inherit;background:transparent}#with-bkk main{min-height:0;width:100%}#with-bkk [hidden]{display:none!important}
/* Shared visual language with the Alu product page. */
#with-bkk{font-family:Arial,sans-serif;color:#19384d;background:#fff;padding:12px 0 32px}
#with-bkk .wbk-config-heading{display:block;padding:8px 0 22px;border:0;background:#fff}
#with-bkk .wbk-config-heading .wbk-eyebrow{color:#087ea6;text-transform:uppercase;letter-spacing:1.2px;font-size:11px;font-weight:bold;margin:0 0 10px}
#with-bkk .wbk-config-heading h1{font-size:32px;line-height:1.2;margin:0 0 12px;color:#19384d;letter-spacing:0}
#with-bkk .wbk-config-heading p:last-child{color:#607582;font-size:16px;line-height:1.55;margin:0;max-width:760px}
#with-bkk main{border:1px solid #dbe5ec;border-radius:10px;overflow:hidden}
#with-bkk .stage{background:#f6f8fa}
#with-bkk h2,#with-bkk #title{color:#19384d}
#with-bkk select,#with-bkk input[type=text]{border-color:#dbe5ec;border-radius:6px;font-family:inherit}
#with-bkk button{border-color:#dbe5ec;border-radius:6px;font-family:inherit}
#with-bkk #addConfigurationToCart,#with-bkk #addConfigurationToCartBottom{background:#087ea6;color:#fff;border-color:#087ea6;padding:14px 17px;font-weight:bold;box-shadow:0 3px 0 #056686}
#with-bkk #addConfigurationToCart:disabled,#with-bkk #addConfigurationToCartBottom:disabled{opacity:.5;box-shadow:none}
#with-bkk button:focus-visible,#with-bkk a:focus-visible{outline:3px solid #e4ab44;outline-offset:3px}
#with-bkk .hint{color:#607582}
@media(max-width:700px){#with-bkk .wbk-config-heading h1{font-size:27px}#with-bkk .wbk-config-heading{padding-bottom:16px}#with-bkk .wbk-config-heading p:last-child{font-size:14px}}

#with-bkk #configActions .configuration-storage{align-items:center;padding:14px 18px;gap:12px;background:#fff;border-radius:8px}
#with-bkk #cartPriceHeader{display:flex;flex-direction:column;align-items:flex-end;gap:8px;margin-left:auto;text-align:right}
#with-bkk #cartPriceHeader #price{font-size:22px;font-weight:700;line-height:1.2;color:#004a80;margin:0}
#with-bkk #cartPriceHeader #priceNote{font-size:12px;max-width:300px;color:#607582}
#with-bkk #cartPriceHeader #priceNote:empty{display:none}
#with-bkk #configActions #cartPriceHeader #addConfigurationToCart{padding:12px 17px;font-size:14px;margin:0}
#with-bkk #configurationFeedback:empty{display:none}
#with-bkk #configurationFeedback{flex-basis:100%}
@media(max-width:600px){#with-bkk #cartPriceHeader{flex-basis:100%;margin-left:0}#with-bkk #configActions .configuration-storage{padding:12px}}

#with-bkk #viewHint{color:#005b85;font-weight:700;font-size:16px;line-height:1.55;background:#edf5fb;border-left:4px solid #087ea6;border-radius:4px;padding:12px 16px;margin:12px 0 16px}

#with-bkk #configurationMessage:empty,#with-bkk #cartTransferStatus:empty{display:none!important}#with-bkk #configurationFeedback:not(:has(p:not(:empty))){display:none}

/* Keep configuration actions available while scrolling the viewer. */
#with-bkk main{overflow:visible}
#with-bkk #configActions{position:sticky;top:0;z-index:40;background:#fff;border-radius:8px;box-shadow:0 3px 10px #19384d18}
#with-bkk #configActions .configuration-storage{margin-bottom:0;padding:10px 14px}
#with-bkk #cartPriceHeader{flex-direction:row;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:14px;flex-basis:auto;margin-left:auto}
#with-bkk #cartPriceHeader #price{white-space:nowrap}
#with-bkk #cartPriceHeader #priceNote{order:3;flex-basis:100%}
#with-bkk #configActions #cartPriceHeader #addConfigurationToCart{white-space:nowrap;padding:10px 15px}
#with-bkk #viewHint{margin-top:0;margin-bottom:10px}
@media(max-width:600px){#with-bkk #cartPriceHeader{flex-basis:100%;gap:10px;margin-left:0}#with-bkk #configActions .configuration-storage{padding:8px 10px}}

#with-bkk .bk-included-tax{font-size:12px;font-weight:400;color:#607582}#with-bkk .bk-included-tax td{font-weight:400}#with-bkk #priceBreakdown td:nth-child(2){overflow-wrap:anywhere;max-width:190px}#with-bkk #applyAllDoors{white-space:normal;text-align:left;line-height:1.4}

/* Shared WITH action colours; colour swatches retain their material colours. */
#with-bkk button:not(.swatches button){background:#037FBB!important;border-color:#037FBB!important;color:#fff!important;font-weight:700!important}
#with-bkk button:not(.swatches button):hover:not(:disabled),#with-bkk button:not(.swatches button):focus-visible{background:#c7ddf5!important;border-color:#c7ddf5!important;color:#19384d!important;font-weight:700!important}
#with-bkk button[aria-pressed=true]:not(.swatches button){box-shadow:inset 0 0 0 2px #19384d}
#with-bkk .wbk-config-heading h1,#with-bkk h2{color:#037FBB}

/* Menu controls remain white; primary actions keep the WITH blue. */
#with-bkk #contextEditor button:not(.swatches button),
#with-bkk .bk-picture-menu button:not(.swatches button),#with-bkk button.bk-sample-select:not(.swatches button),
#with-bkk .bk-sample-preview button:not(.swatches button),#with-bkk select {
 background:#fff!important;color:#19384d!important;border-color:#037fbb!important;
}
#with-bkk #contextEditor button:not(.swatches button):hover:not(:disabled),
#with-bkk .bk-picture-menu button:not(.swatches button):hover:not(:disabled),#with-bkk button.bk-sample-select:not(.swatches button):hover:not(:disabled){background:#c7ddf5!important;color:#19384d!important}
#with-bkk .bk-history{display:flex;align-items:center;gap:6px;padding-right:16px;margin-right:8px;border-right:1px solid #c7ddf5}
#with-bkk .bk-history button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:6px}
#with-bkk .bk-history button:disabled{opacity:.35;cursor:default}