/* Konfiguratory: ta sama marka, demonstracja produktu i spokojne akcenty. */
.cfg-paper{background:var(--ec-paper)}
.cfg-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:48px;padding-block:32px}
.cfg-hero h1{font-size:clamp(42px,4.2vw,59px);line-height:1.2}
.cfg-hero h1 em{display:block}
.cfg-demo{min-width:0;border:1px solid #dad6d0;border-radius:12px;background:white;box-shadow:0 15px 40px -26px #36302d40}
.cfg-demo-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 24px;border-bottom:1px solid #e6e2dd;font-size:11px;color:#6d655e;line-height:1.6}
.cfg-demo-tag{color:#a53011;font-weight:650}
.cfg-demo-stage{background:#f5f3ef;border-bottom:1px solid #e6e2dd;padding-top:18px;border-radius:0}
.configurator-landing .cfg-demo-stage h2{font-size:19px;letter-spacing:-.025em;line-height:1.4;padding-inline:24px;margin:0;text-wrap:pretty}
.cfg-desk{display:block;width:100%;height:auto;max-height:195px}
.cfg-desk [hidden]{display:none}
.cfg-demo-controls{padding:16px 24px}
.cfg-demo-controls fieldset{margin:0;padding:0;border:0;min-width:0}
.cfg-demo-controls legend,.cfg-size-label{font-size:11px;font-weight:650;color:#504942;line-height:1.7;margin:0;padding:0}
.cfg-swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:9px}
.cfg-swatches label{position:relative;cursor:pointer;min-width:0}
.cfg-swatches input{position:absolute;opacity:0;width:1px;height:1px;left:16px;top:20px}
.cfg-swatches span{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #d8d3cd;border-radius:5px;padding:9px 8px;min-height:44px;line-height:1.5;font-size:12px;color:#504942}
.cfg-swatches input:checked+span{border-color:#d9380c;color:#9c2c0c;box-shadow:inset 0 0 0 1px #d9380c}
.cfg-swatches input:focus-visible+span{outline:3px solid #d9380c;outline-offset:3px}
.cfg-swatches i{display:block;width:20px;height:20px;border-radius:50%;border:1px solid #0002;flex-shrink:0}
.cfg-swatch-oak{background:linear-gradient(110deg,#d7b28a,#b88a5d 50%,#dbb990)}
.cfg-swatch-graphite{background:#53565b}.cfg-swatch-white{background:#f5f3f0}
.cfg-demo-options{display:flex;align-items:end;gap:24px;margin-top:17px}
.cfg-size-label{display:grid;gap:5px;flex:1;min-width:0}
.cfg-size-label select{appearance:auto;width:100%;min-height:42px;padding:8px 12px;background:white;border:1px solid #d8d3cd;border-radius:5px;color:#302d29;font:inherit;font-size:13px}
.cfg-drawer-label{display:flex;gap:8px;align-items:center;min-height:42px;color:#504942;font-size:12px;line-height:1.5;cursor:pointer}
.cfg-drawer-label input{accent-color:#d9380c;width:18px;height:18px;flex:0 0 18px}
.cfg-demo-result{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #e7e1db;margin-top:18px;padding-top:15px}
.cfg-demo-result>div{flex-shrink:0}
.cfg-demo-result span{display:block;font-size:10px;line-height:1.6;color:#736a62}
.configurator-landing .cfg-demo-result strong{display:block;font-size:26px;line-height:1.5;color:#202023;letter-spacing:-.035em}
.cfg-demo-result small{font-weight:400;font-size:11px;letter-spacing:0}
.configurator-landing .cfg-demo-result p{font-size:10px;line-height:1.7;text-align:right;margin:0;max-width:150px}
.configurator-landing .cfg-demo-disclaimer{font-size:10px;color:#6c635b;line-height:1.7;margin:12px 0 0}
.configurator-landing .cfg-next{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:38px;padding-top:27px;border-top:1px solid var(--ec-line)}
.cfg-next>div{max-width:740px}
.configurator-landing .cfg-next h3{font-size:24px;margin-bottom:10px}
.configurator-landing .cfg-next p{font-size:14px;margin-bottom:0}
.cfg-next>.button{flex-shrink:0;max-width:310px}
.cfg-scope{margin-top:32px}
.cfg-inline-note{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:35px;padding-top:28px;border-top:1px solid var(--ec-line)}
.cfg-inline-note p{max-width:750px;font-size:14px;margin:0}
.cfg-inline-note>.button{flex-shrink:0}
.cfg-case .ec-photo img{aspect-ratio:1.583;object-fit:cover;object-position:top;border-radius:0 0 5px 5px}
.cfg-case .button{margin-top:8px}
.cfg-proof-more{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin-top:42px;padding-top:29px;border-top:1px solid var(--ec-line)}
.cfg-proof-more>div{display:grid;grid-template-columns:64px 1fr;column-gap:23px;align-content:start}
.cfg-proof-more .ec-feature-icon{width:64px;height:64px;grid-row:1/4}
.cfg-proof-more h3{font-size:22px;margin-bottom:10px}
.cfg-proof-more p{font-size:14px;margin-bottom:7px}
.cfg-visual-types .ec-feature-heading{display:block}
.cfg-visual-types .ec-feature-icon{width:96px;height:96px;margin-bottom:23px}
.cfg-dark-close{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:36px;border-top:1px solid #514b4e;padding-top:27px}
.cfg-dark-close p{max-width:760px;font-size:14px;margin:0}
.cfg-dark-close>.button{flex-shrink:0;max-width:310px}
.cfg-source-links{display:flex;flex-wrap:wrap;gap:8px 22px;margin-block:4px 20px}
.cfg-source-links .ec-link{font-size:11px}
.cfg-integration{border:1px solid #dcd6cf;border-radius:9px;padding:30px;background:#faf9f7;min-width:0}
.cfg-integration-title{font-size:16px;font-weight:650;padding-bottom:7px}
.cfg-integration-row{display:flex;align-items:center;gap:23px;border-bottom:1px solid #e0dad4;padding-block:25px}
.cfg-integration-row strong,.cfg-integration-row span{display:block}
.cfg-integration-row strong{font-size:17px;line-height:1.5;margin-bottom:5px}
.cfg-integration-row span{font-size:12px;line-height:1.8;color:#746a62}
.cfg-integration-row .ec-feature-icon{width:64px;height:64px;flex-basis:64px}
.configurator-landing .cfg-integration>p{font-size:11px;margin:20px 0 0}
.cfg-price-factors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:27px}
.cfg-price-factors>div{padding-top:22px;border-top:1px solid var(--ec-line)}
.cfg-price-factors p{font-size:14px;margin:0}
.cfg-price-factors h3{font-size:22px}
.cfg-search-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center}
.cfg-search-grid p{font-size:14px}
.cfg-source-block{border-top:1px solid #d8d0c8;padding-top:23px}
.cfg-source-block blockquote{padding:0;margin:20px 0 10px;border:0}
.cfg-source-block blockquote p{font-size:23px;line-height:1.6;font-weight:550;color:#36312c}
.cfg-source-block>.ec-link{font-size:11px;margin-bottom:20px}
.cfg-source-block>p{font-size:12px;margin:0}
.configurator-landing .ec-personal-inner>div{padding-block:50px}
.configurator-landing .ec-personal img{max-height:440px}
@media(max-width:1100px){.cfg-hero{gap:30px}.cfg-hero h1{font-size:47px}.cfg-demo-top{padding:13px 18px}.cfg-demo-controls{padding:17px 18px}.cfg-demo-stage h2{padding-inline:18px}.cfg-demo-options{gap:14px}.cfg-next>.button{max-width:260px}.cfg-proof-more{gap:35px}.cfg-search-grid{gap:40px}.cfg-integration{padding:23px}.cfg-inline-note{align-items:flex-start}.cfg-dark-close>.button{max-width:270px}}
@media(min-width:1001px) and (max-height:700px){.cfg-hero h1{font-size:47px}.cfg-desk{max-height:195px}.cfg-demo-stage{padding-top:14px}.cfg-demo-top{padding-block:10px}.cfg-demo-controls{padding-block:12px}.cfg-demo-options{margin-top:11px}.cfg-demo-result{margin-top:12px;padding-top:10px}.cfg-demo-disclaimer{margin-top:8px}}
@media(max-width:800px){.cfg-hero{grid-template-columns:1fr;gap:35px}.cfg-hero h1{max-width:650px;font-size:clamp(38px,6.8vw,53px)}.cfg-demo{width:100%;max-width:600px;margin-inline:auto}.cfg-desk{max-height:none}.configurator-landing .cfg-next,.cfg-inline-note,.cfg-dark-close{display:block}.cfg-next>.button,.cfg-inline-note>.button,.cfg-dark-close>.button{margin-top:20px;max-width:100%}.cfg-proof-more{grid-template-columns:1fr;gap:30px}.cfg-price-factors{grid-template-columns:1fr;gap:22px}.cfg-search-grid{grid-template-columns:1fr;gap:25px}.cfg-platform{gap:32px}.cfg-visual-types .ec-feature-heading{display:flex}.cfg-visual-types .ec-feature-icon{width:80px;height:80px;flex-basis:80px;margin:0}.cfg-price-factors>div{padding-top:18px}}
@media(max-width:580px){.cfg-hero{padding-block:32px}.cfg-hero h1{font-size:39px}.configurator-landing .cfg-demo-stage h2{font-size:18px}.cfg-demo-top{padding:12px 15px;font-size:10px}.cfg-demo-controls{padding:16px}.cfg-swatches{gap:6px}.cfg-swatches span{gap:6px;padding:9px 6px;font-size:11px}.cfg-swatches i{width:18px;height:18px}.cfg-demo-options{gap:14px}.cfg-drawer-label{font-size:11px}.cfg-demo-result p{max-width:108px}.cfg-proof-more>div{grid-template-columns:1fr}.cfg-proof-more .ec-feature-icon{grid-row:auto;margin-bottom:17px}.cfg-integration{padding:20px}.cfg-integration-row{gap:17px}.cfg-integration-row strong{font-size:16px}.cfg-integration-row .ec-feature-icon{width:56px;height:56px;flex-basis:56px}.cfg-source-block blockquote p{font-size:21px}.configurator-landing .cfg-next h3{font-size:22px}}
@media(max-width:359px){.cfg-hero h1{font-size:34px}.cfg-demo-controls{padding:13px}.cfg-swatches span{display:grid;justify-items:center;gap:4px}.cfg-demo-options{display:grid;grid-template-columns:1fr;gap:8px}.cfg-drawer-label{min-height:36px}.cfg-demo-result{gap:10px}.configurator-landing .cfg-demo-result strong{font-size:24px}.cfg-integration{padding:17px}.cfg-integration-row{gap:13px}}
