:root{--navy:#001925;--panel:#031f2e;--cyan:#14c8ef;--gold:#e4bc69;--line:rgba(126,202,225,.2)}
/* v42: techniczna plansza wypełniająca środkową kolumnę wizualizatora. */
@media(min-width:1181px){.visualizer-shell .visualizer-intro{grid-column:1;grid-row:1/span 2;align-self:stretch}.visualizer-shell .scene{grid-column:2;grid-row:1}.visualizer-shell .visualizer-detail{grid-column:2;grid-row:2}.visualizer-shell .visualizer-controls{grid-column:3;grid-row:1/span 2}}
.visualizer-detail{min-height:360px;display:grid;grid-template-columns:minmax(240px,.85fr) minmax(300px,1.15fr);overflow:hidden;border-top:1px solid var(--line);background:radial-gradient(circle at 78% 48%,rgba(20,200,239,.13),transparent 38%),linear-gradient(135deg,#062b40,#001520)}
.detail-copy{padding:38px clamp(24px,3vw,50px);display:flex;flex-direction:column;justify-content:center}.detail-copy h2{font-size:clamp(27px,2.5vw,42px);line-height:1.08;margin:10px 0 16px}.detail-copy h2 em{font-style:normal;color:var(--cyan)}.detail-copy>p:not(.eyebrow){color:#9db9c5;font-size:12px;line-height:1.65;max-width:390px}.detail-copy>a{width:max-content;margin-top:18px;color:#f0cf82!important;font-size:11px;font-weight:800}.detail-copy>a span{display:inline-block;margin-left:8px;transition:transform .2s}.detail-copy>a:hover span{transform:translateX(4px)}
.detail-profile{position:relative;min-height:360px}.detail-profile:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#032337 0,transparent 28%,transparent 72%,#031b28 100%);z-index:1;pointer-events:none}.detail-profile>img{position:absolute;left:50%;bottom:-42px;transform:translateX(-50%);height:390px;width:auto;mix-blend-mode:screen;filter:contrast(1.04) saturate(.9)}.detail-callout{position:absolute;z-index:2;display:grid;padding-left:46px;color:white;font-size:10px}.detail-callout:before{content:"";position:absolute;left:0;top:9px;width:36px;height:1px;background:var(--cyan)}.detail-callout:after{content:"";position:absolute;left:34px;top:6px;width:5px;height:5px;border:1px solid var(--cyan);border-radius:50%;background:#002238}.detail-callout small{margin-top:3px;color:#82a6b5;font-size:8px}.callout-out{left:2%;top:18%}.callout-core{left:1%;top:55%}.callout-in{right:3%;top:37%;padding-left:0;padding-right:46px;text-align:right}.callout-in:before{left:auto;right:0}.callout-in:after{left:auto;right:34px}
@media(max-width:1180px){.visualizer-shell .visualizer-intro{grid-column:1;grid-row:1/span 2;align-self:stretch}.visualizer-shell .scene{grid-column:2;grid-row:1}.visualizer-shell .visualizer-detail{grid-column:2;grid-row:2}.visualizer-shell .visualizer-controls{grid-column:1/-1!important;grid-row:3}.visualizer-detail{grid-template-columns:1fr}.detail-profile{min-height:330px}.detail-copy{padding-bottom:12px}.detail-profile>img{height:350px}}
@media(max-width:760px){.visualizer-shell .visualizer-intro,.visualizer-shell .scene,.visualizer-shell .visualizer-detail,.visualizer-shell .visualizer-controls{grid-column:auto!important;grid-row:auto!important}.visualizer-detail{display:block}.detail-profile{min-height:340px}.detail-profile>img{height:340px;bottom:-32px}.detail-callout{font-size:9px}.callout-in{right:2%}}
/* v38: pełny kadr przy 100% oraz jawne miniatury materiałów. */
.visualizer-shell{align-items:start!important}
.visualizer-intro{min-height:680px}
.scene{height:clamp(520px,calc(100vh - 150px),680px)!important;min-height:0!important;align-self:start;background:radial-gradient(circle at center,#173645,#061923 72%)!important}
.scene-base,.compare-layer img{object-fit:contain!important}
.scene-base.loading{transform:scale(.995)!important}
.color.texture i{background:#0b202a!important}
.color i img{display:block;width:100%;height:100%;object-fit:cover;border-radius:1px}
@media(max-width:1180px){.scene{height:clamp(480px,calc(100vh - 170px),630px)!important;min-height:0!important}}
@media(max-width:760px){.scene{height:auto!important;min-height:0!important;aspect-ratio:1586/992}.visualizer-intro{min-height:580px}}
*{box-sizing:border-box}.color-visualizer-page{margin:0;background:#001722;color:#f7fbfd;font-family:Manrope,sans-serif}.color-visualizer-page a{color:inherit;text-decoration:none}.site-header{position:relative;z-index:20}.nav-configurator,.configurator-cta{background:linear-gradient(135deg,#f0cf82,#d5a94e)!important;color:#08202b!important;border:0!important;font-weight:800!important;box-shadow:0 8px 28px rgba(225,181,93,.18)}
.product-nav{height:54px;display:flex;align-items:center;justify-content:center;gap:48px;background:#061d2a;border-bottom:1px solid var(--line);position:relative;z-index:10}.product-nav a{height:54px;display:grid;place-items:center;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:#b6cad3;position:relative}.product-nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:0;height:2px;background:var(--cyan);transition:.25s}.product-nav a:hover:after,.product-nav a.active:after{left:0;right:0}.product-nav a.active{color:white}
.visualizer-shell{display:grid;grid-template-columns:minmax(260px,.78fr) minmax(520px,1.55fr) minmax(300px,.85fr);min-height:680px;border-bottom:1px solid var(--line)}.visualizer-intro{padding:30px clamp(24px,4vw,68px);background:radial-gradient(circle at 80% 35%,rgba(17,103,140,.22),transparent 38%),linear-gradient(145deg,#082d43,#00131f);display:flex;flex-direction:column;justify-content:space-between}.breadcrumbs{display:flex;gap:12px;font-size:11px;color:#8fb3c3;margin:0 0 54px}.breadcrumbs a:hover{color:var(--cyan)}.eyebrow{color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:2.6px;text-transform:uppercase}.visualizer-intro h1{font-size:clamp(44px,4.2vw,72px);line-height:.99;margin:14px 0 28px}.visualizer-intro h1 em{font-style:normal;color:var(--cyan)}.lead{color:#c1d5dd;font-size:15px;line-height:1.7;max-width:430px}.benefits{list-style:none;padding:25px 0 0;margin:30px 0 0;border-top:1px solid var(--line)}.benefits li{display:grid;grid-template-columns:42px 1fr;gap:2px 13px;margin:15px 0}.benefits li>span{grid-row:1/3;width:36px;height:36px;border:1px solid var(--cyan);border-radius:50%;display:grid;place-items:center;color:var(--cyan)}.benefits b{font-size:12px}.benefits small{color:#89aab8;font-size:10px}
.scene{position:relative;overflow:hidden;background:#152b36;min-height:680px}.scene-base{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .22s ease,transform .5s ease}.scene-base.loading{opacity:.42;transform:scale(1.008)}.scene-label,.view-badge{position:absolute;z-index:6;padding:9px 15px;background:rgba(0,19,29,.82);border:1px solid rgba(201,237,247,.28);border-radius:4px;backdrop-filter:blur(8px);display:grid;pointer-events:none}.scene-label{left:24px;bottom:25px}.view-badge{right:24px;top:24px;text-align:right}.scene-label strong,.view-badge strong{font-size:11px}.scene-label span,.view-badge span{font-size:9px;color:#a9c4d0}.view-badge span{color:var(--cyan)}
.visualizer-controls{padding:22px 30px 28px;background:linear-gradient(145deg,#061f2d,#00131e);border-left:1px solid var(--line)}.side-tabs{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:8px}.side-tabs button{height:44px;border:1px solid var(--line);background:transparent;color:#b6cad3;font:600 11px Manrope;cursor:pointer}.side-tabs button.active{color:white;border-color:var(--cyan);box-shadow:0 0 18px rgba(20,200,239,.15)}.side-hint{min-height:30px;margin:0 0 10px;color:#7fa3b2;font-size:9px;line-height:1.45}.control-group{padding:20px 0;border-top:1px solid var(--line)}.control-group h2{font-size:12px;margin:0 0 14px}.surface-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.surface{background:none;border:0;color:#d6e4ea;text-align:left;font:500 10px Manrope;cursor:pointer}.surface i{display:block;height:52px;margin-bottom:7px;border:1px solid rgba(201,237,247,.35);border-radius:3px}.surface.active i{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan)}.smooth{background:linear-gradient(135deg,#49545b,#20292f 52%,#39464e)}.grain{background:url('../assets/textures/neo-oak-ap02.jpg') center/cover;filter:grayscale(.65) brightness(.55)}.color-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.color{border:0;background:none;color:#b9cdd5;font:500 8px Manrope;cursor:pointer;padding:0;text-align:left}.color i{display:block;height:45px;border:1px solid rgba(255,255,255,.3);background:var(--swatch);margin-bottom:6px;border-radius:2px}.color.wood i{background-image:var(--texture);background-size:cover}.color.active i{outline:2px solid var(--cyan);outline-offset:2px}.selection{font-size:9px;color:#779ba9;margin:15px 0 0}.selection strong{color:white}.chosen-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 14px}.chosen-pair span{padding:10px;border:1px solid var(--line);background:rgba(20,200,239,.04)}.chosen-pair b,.chosen-pair em{display:block}.chosen-pair b{color:#789aa8;font-size:8px;text-transform:uppercase;letter-spacing:.8px}.chosen-pair em{margin-top:4px;color:#e8f3f6;font-size:9px;font-style:normal}.prototype-note{display:grid;gap:4px;padding:13px 14px;margin:4px 0 16px;background:rgba(20,200,239,.06);border-left:2px solid var(--cyan)}.prototype-note b{font-size:10px;color:var(--cyan);text-transform:uppercase;letter-spacing:1px}.prototype-note span{font-size:9px;color:#9bb7c2;line-height:1.5}.configurator-cta{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:12px;transition:.25s}.configurator-cta:hover{transform:translateY(-2px);filter:brightness(1.06)}
.compare-layer,.compare-line,.compare-range,.compare-label{display:none}.scene.is-compare .compare-layer{display:block;position:absolute;z-index:2;inset:0;clip-path:inset(0 0 0 58%)}.compare-layer img{width:100%;height:100%;object-fit:cover}.scene.is-compare .compare-line{display:block;position:absolute;z-index:4;top:0;bottom:0;left:58%;width:2px;background:rgba(230,248,255,.95);box-shadow:0 0 18px rgba(31,202,242,.6);pointer-events:none}.scene.is-compare .compare-line span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:#e8f6fa;color:#053249;border:4px solid rgba(8,39,52,.5);font-weight:800}.scene.is-compare .compare-range{display:block;position:absolute;z-index:5;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.scene.is-compare .compare-label{display:grid;left:auto;right:24px}.scene:not(.is-compare) .compare-label{display:none}
.popular-sets{padding:42px clamp(24px,5vw,78px) 70px;background:#031b28}.sets-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.sets-heading h2{font-size:clamp(27px,3vw,42px);margin:8px 0 0}.sets-heading>a{font-size:11px;color:var(--cyan)}.sets-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.sets-grid button{border:1px solid var(--line);background:#062434;color:white;padding:0 0 18px;text-align:left;font-family:Manrope;cursor:pointer;transition:.25s}.sets-grid button:hover{transform:translateY(-4px);border-color:var(--cyan)}.sets-grid b,.sets-grid small{display:block;margin:10px 14px 0}.sets-grid b{font-size:12px}.sets-grid small{font-size:9px;color:#86a5b3}.mini-frame{height:105px;display:block;position:relative;background:linear-gradient(140deg,#33454f,#10222c)}.mini-frame:before{content:"";position:absolute;inset:14px 25px;border:11px solid #30363a;box-shadow:inset 0 0 0 2px #050c10}.mini-frame i{position:absolute;inset:25px 36px;background:linear-gradient(135deg,#7695a5,#b8cdd5)}.mini-frame.golden:before{border-color:#a66b27;background:url('../assets/textures/neo-golden-oak-ap23.jpg') center/cover}.mini-frame.walnut:before{border-color:#573520;background:url('../assets/textures/neo-walnut-ap27.jpg') center/cover}.mini-frame.white:before{border-color:#eeeae0}.mini-frame.white{background:#61707a}
.finish-studio{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(390px,.65fr);min-height:620px;background:#031b28;border-top:1px solid var(--line)}.finish-image{position:relative;min-height:620px;overflow:hidden}.finish-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 58%,rgba(1,24,36,.56)),linear-gradient(0deg,rgba(0,18,28,.46),transparent 38%);pointer-events:none}.finish-image>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s ease}.finish-studio:hover .finish-image>img{transform:scale(1.018)}.finish-image-label{position:absolute;z-index:2;left:clamp(24px,4vw,64px);bottom:36px;display:grid;padding:12px 16px;border-left:2px solid var(--cyan);background:rgba(0,22,33,.7);backdrop-filter:blur(8px)}.finish-image-label span{font-size:8px;color:var(--cyan);text-transform:uppercase;letter-spacing:1.4px}.finish-image-label strong{margin-top:4px;font-size:11px}.finish-content{padding:clamp(42px,5vw,78px);display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 10% 18%,rgba(20,200,239,.1),transparent 30%),linear-gradient(145deg,#082c40,#001722)}.finish-content h2{font-size:clamp(31px,3.2vw,52px);line-height:1.05;margin:12px 0 20px;max-width:620px}.finish-content h2 em{font-style:normal;color:var(--cyan)}.finish-lead{max-width:560px;color:#9db7c2;font-size:12px;line-height:1.7;margin:0 0 26px}.finish-presets{display:grid;grid-template-columns:1fr 1fr;gap:9px}.finish-presets button{min-height:72px;display:grid;grid-template-columns:48px 1fr 16px;align-items:center;gap:12px;padding:10px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:white;text-align:left;font-family:Manrope;cursor:pointer;transition:.25s}.finish-presets button:hover{transform:translateY(-2px);border-color:var(--cyan);background:rgba(20,200,239,.08)}.finish-presets button>span{display:grid;gap:3px}.finish-presets b{font-size:10px}.finish-presets small{font-size:7px;color:#7f9eaa}.finish-presets button>em{font-style:normal;color:var(--cyan);transition:transform .25s}.finish-presets button:hover>em{transform:translateX(3px)}.finish-swatch{width:48px;height:48px;display:block;border:1px solid rgba(255,255,255,.28);background-position:center;background-size:cover}.swatch-anthracite{background:#292d2f url('../assets/textures/neo-anthracite-ap40.jpg') center/cover}.swatch-golden{background:#aa6d25 url('../assets/textures/neo-golden-oak-ap23.jpg') center/cover}.swatch-walnut{background:#573520 url('../assets/textures/neo-walnut-ap27.jpg') center/cover}.swatch-white{background:linear-gradient(135deg,#fff,#dcdedb)}.finish-actions{display:flex;flex-wrap:wrap;gap:20px;margin-top:28px}.finish-actions a{font-size:10px;font-weight:800;color:#f0cf82!important}.finish-actions a:last-child{color:#8dddf0!important}.finish-actions span{display:inline-block;margin-left:5px;transition:transform .2s}.finish-actions a:hover span{transform:translateX(4px)}
@media(max-width:1180px){.visualizer-shell{grid-template-columns:310px 1fr}.visualizer-controls{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:24px}.side-tabs{align-self:center}.control-group{border-top:0}.prototype-note,.configurator-cta{grid-column:3}.scene{min-height:630px}.sets-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.product-nav{justify-content:flex-start;overflow-x:auto;padding:0 20px;gap:30px}.visualizer-shell{display:block}.visualizer-intro{min-height:580px}.scene{min-height:520px}.visualizer-controls{display:block;padding:24px}.sets-heading{display:block}.sets-heading>a{display:inline-block;margin-top:15px}.sets-grid{grid-template-columns:1fr}.scene-label{bottom:14px}.color-options{grid-template-columns:repeat(4,minmax(58px,1fr))}.popular-sets{padding-inline:20px}}
@media(max-width:980px){.finish-studio{grid-template-columns:1fr}.finish-image{min-height:520px}.finish-content{padding:48px clamp(24px,6vw,64px)}}
@media(max-width:760px){.finish-studio,.finish-image{min-height:0}.finish-image{height:440px}.finish-content{padding:38px 20px 46px}.finish-presets{grid-template-columns:1fr}.finish-presets button{min-height:68px}.finish-content h2{font-size:34px}.finish-image-label{left:20px;bottom:20px}.finish-actions{display:grid;gap:14px}}
.swatch-anthracite{background-color:#292d2f;background-image:radial-gradient(circle at 20% 35%,rgba(255,255,255,.12) 0 1px,transparent 1.4px),radial-gradient(circle at 74% 62%,rgba(0,0,0,.25) 0 1px,transparent 1.5px);background-size:5px 5px,7px 7px}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.collection-group{padding-bottom:13px}.collection-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.collection-tabs button{height:36px;border:1px solid var(--line);background:rgba(255,255,255,.02);color:#9eb9c4;font:700 9px Manrope;text-transform:uppercase;letter-spacing:.7px;cursor:pointer}.collection-tabs button.active{color:#071f2b;background:linear-gradient(135deg,#f0cf82,#d5a94e);border-color:#e4bc69}.collection-copy{font-size:9px;color:#789ba9;margin:9px 0 0;min-height:14px}.colors-title{display:flex;align-items:center;justify-content:space-between}.colors-title span{font-size:8px;color:#7395a3}.color-options{gap:10px 8px;max-height:176px;overflow:auto;padding:3px 3px 5px}.color.texture i{background-image:var(--texture);background-size:cover}.color.micro i{background-color:var(--swatch);background-image:radial-gradient(circle at 25% 30%,rgba(255,255,255,.16) 0 1px,transparent 1.5px),radial-gradient(circle at 70% 65%,rgba(0,0,0,.2) 0 1px,transparent 1.5px);background-size:5px 5px,7px 7px}.color small{display:block;color:#688d9d;font-size:7px;margin-top:2px}@media(max-width:760px){.color-options{max-height:none}}
.visualizer-actions{display:grid;gap:9px}.quote-cta{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border:1px solid rgba(20,200,239,.55);color:#d8edf4!important;background:rgba(20,200,239,.04);font-size:11px;font-weight:700;transition:.25s}.quote-cta:hover{transform:translateY(-2px);border-color:var(--cyan);background:rgba(20,200,239,.1)}.visualizer-actions a span{transition:transform .25s}.visualizer-actions a:hover span{transform:translateX(4px)}
@media(max-width:1180px){.visualizer-actions{grid-column:3}}@media(max-width:760px){.visualizer-actions{grid-column:auto}}
.surface-filters{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}.surface-filters button{height:27px;padding:0 9px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02);color:#8faebb;font:600 8px Manrope;cursor:pointer;transition:.2s}.surface-filters button:hover{color:white;border-color:rgba(20,200,239,.65)}.surface-filters button.active{background:rgba(20,200,239,.15);border-color:var(--cyan);color:white}.surface-filters button[hidden]{display:none}.palette-search{display:block;margin-bottom:11px}.palette-search>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.palette-search input{width:100%;height:34px;border:1px solid var(--line);border-radius:3px;background:#031722;color:white;padding:0 11px;font:500 9px Manrope;outline:none}.palette-search input:focus{border-color:var(--cyan);box-shadow:0 0 0 2px rgba(20,200,239,.08)}.palette-search input::placeholder{color:#668996}.palette-group .color-options{max-height:272px;grid-template-columns:repeat(4,minmax(0,1fr));scrollbar-width:thin;scrollbar-color:#24708a #031722}.color{transition:transform .2s,color .2s}.color:hover{transform:translateY(-2px);color:white}.color:hover i{outline:1px solid var(--cyan);outline-offset:2px;box-shadow:0 8px 20px rgba(0,0,0,.28)}.color span{display:block;line-height:1.25;min-height:20px}.color small{line-height:1.3}.no-results{grid-column:1/-1;padding:18px 10px;border:1px dashed var(--line);color:#7899a6;font-size:9px;text-align:center}@media(max-width:760px){.surface-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.surface-filters button{flex:0 0 auto}.palette-group .color-options{grid-template-columns:repeat(3,minmax(0,1fr));max-height:390px}.color i{height:54px}.color span{min-height:auto;font-size:9px}.color small{font-size:7px}}