/* WL Web Design 2.2 — korekty responsywności i kompozycji */
.wlx-site .wp-block-columns,.wlx-site .wp-block-column,.wlx-site .wp-block-group{min-width:0}
.wlx-site .wl2-hero-art{display:flex;flex-direction:column;align-items:stretch;min-width:0;isolation:isolate}
.wlx-site .wl2-stage{width:100%;min-width:0;min-height:clamp(430px,38vw,680px);margin:0;position:relative}
.wlx-site .wl2-stage-caption{position:relative!important;z-index:5;display:block;width:100%;margin:18px 0 0!important;padding:0 2%;text-align:center;font-size:clamp(11px,.8vw,13px)!important;line-height:1.5;color:var(--wl2-muted);letter-spacing:.015em;white-space:normal}
.wlx-site .wl2-showcase-window{max-width:min(92%,760px);box-sizing:border-box}
.wlx-site .wl21-benefits{align-items:stretch}
.wlx-site .wl21-benefits .wl2-benefit{display:flex;flex-direction:column;min-width:0}
.wlx-site .wl21-card-top{flex:0 0 auto;min-height:31px}
.wlx-site .wl21-brand-art,.wlx-site .wl21-contact-demo,.wlx-site .wl21-tech-demo{flex:0 0 auto;height:clamp(166px,12.4vw,220px);margin:10px 0 18px;box-sizing:border-box}
.wlx-site .wl21-brand-art{overflow:hidden;max-width:100%;isolation:isolate}
.wlx-site .wl21-art-shell{transform:none!important;transition:none!important;width:min(95%,520px);height:calc(100% - 16px);max-width:100%;min-width:0;border:1px solid rgba(30,56,92,.18);border-radius:14px;box-shadow:0 14px 35px rgba(0,0,0,.13);overflow:hidden;position:relative}
.wlx-site .wl21-art-splash{padding:clamp(11px,1.1vw,20px);height:calc(100% - 27px);overflow:hidden}
.wlx-site .wl21-art-splash strong{font-size:clamp(25px,2.6vw,42px);line-height:.96;margin:8px 0 0}
.wlx-site .wl21-art-pill{position:absolute;bottom:8px;left:clamp(11px,1.1vw,20px);font-size:clamp(8px,.7vw,11px);padding:4px 8px;white-space:nowrap}
.wlx-site .wl21-art-orb{pointer-events:none}
.wlx-site .wl21-benefits h3{margin-top:3px;min-height:2.3em;overflow-wrap:anywhere}
.wlx-site .wl21-benefits p{margin:0 0 17px;overflow-wrap:break-word}
.wlx-site .wl21-inline-facts{margin-top:auto;flex-wrap:wrap;gap:6px}
.wlx-site .wl21-tech-main{display:flex;align-items:baseline;gap:.15em;white-space:nowrap;line-height:1.05}
.wlx-site .wl21-tech-main span{display:inline-flex;align-self:baseline;margin-left:.18em;font-size:.25em;font-weight:700;letter-spacing:0;white-space:nowrap}
.wlx-site .wl21-tech-demo{padding:clamp(12px,1.4vw,24px);overflow:hidden}
.wlx-site .wl21-tech-dots{position:absolute;top:12px;right:12px;opacity:.6}
.wlx-site .wl2-section--faq{display:flex;flex-direction:column;align-items:center;text-align:center}
.wlx-site .wl2-section--faq .wl2-kicker,.wlx-site .wl2-section--faq .wl2-display-title{width:100%;text-align:center}
.wlx-site .wl2-section--faq>.wp-block-buttons{display:flex;justify-content:center;width:100%}
.wlx-site .wl2-section--faq .wl2-faq-grid{width:min(100%,1350px);margin-inline:auto;text-align:left}
.wlx-site .wl2-services-grid>*{min-width:0}
.wlx-site .wl2-service{min-width:0;overflow:hidden;isolation:isolate}
.wlx-site .wl2-service-title,.wlx-site .wl2-service-copy{overflow-wrap:break-word}
.wlx-site .wl21-service-detail{display:grid;place-items:center;height:clamp(148px,12vw,190px);width:100%;min-width:0;max-width:100%;overflow:hidden;padding:10px 14px;box-sizing:border-box;border-radius:18px}
.wlx-site .wl21-service-detail>*{max-width:100%;min-width:0;box-sizing:border-box}
.wlx-site .wl21-mini-browser{width:min(100%,460px);max-width:100%;min-width:0;overflow:hidden;transform:none!important}
.wlx-site .wl21-shop-demo{width:min(100%,420px);max-width:100%;min-width:0;transform:none!important}
.wlx-site .wl21-workflow-demo{width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:clamp(3px,.7vw,10px)}
.wlx-site .wl21-workflow-demo span{min-width:0;max-width:40%;font-size:clamp(8px,.7vw,12px);padding:clamp(7px,.9vw,12px);overflow-wrap:anywhere;text-align:center}
.wlx-site .wl21-workflow-demo b{flex:0 0 auto;font-size:12px}
.wlx-site .wl21-speed-demo{width:min(100%,420px);max-width:100%;min-width:0;overflow:hidden}
.wlx-site .wl21-speed-demo>div{max-height:92px}
.wlx-site .wl21-service-points{max-width:100%;min-width:0}
.wlx-site .wl21-service-points span{overflow-wrap:break-word}
.wlx-site .wl21-benefits .wl2-benefit,.wlx-site .wl2-service{box-shadow:0 18px 60px rgba(1,13,38,.10)}
@media(max-width:1200px){.wlx-site .wl21-benefits h3{min-height:0}.wlx-site .wl21-benefits .wl2-benefit{min-height:0}}
@media(max-width:950px){.wlx-site .wl2-stage{min-height:520px}.wlx-site .wl21-brand-art,.wlx-site .wl21-contact-demo,.wlx-site .wl21-tech-demo{height:190px}.wlx-site .wl21-service-detail{height:170px}}
@media(max-width:620px){.wlx-site .wl2-stage{min-height:clamp(290px,85vw,430px);margin-bottom:0}.wlx-site .wl2-showcase-window{width:min(94%,460px)!important;transform:none!important;box-shadow:0 22px 55px rgba(0,0,0,.3)}.wlx-site .wl2-stage-caption{margin-top:12px!important;font-size:11px!important}.wlx-site .wl2-hero-art{margin-bottom:12px}.wlx-site .wl21-brand-art,.wlx-site .wl21-contact-demo,.wlx-site .wl21-tech-demo{height:170px;margin:8px 0 15px}.wlx-site .wl21-art-shell{width:100%;height:calc(100% - 8px)}.wlx-site .wl21-art-splash strong{font-size:32px}.wlx-site .wl21-benefits h3{font-size:clamp(23px,6vw,29px);min-height:0}.wlx-site .wl21-tech-main{font-size:70px}.wlx-site .wl21-service-detail{height:150px;padding:9px}.wlx-site .wl21-workflow-demo{gap:3px}.wlx-site .wl21-workflow-demo span{font-size:9px;max-width:43%;padding:8px 4px}.wlx-site .wl2-section--faq .wl2-faq-grid{width:100%}}
@media(max-width:380px){.wlx-site .wl21-workflow-demo{gap:2px}.wlx-site .wl21-workflow-demo span{font-size:8px;padding:6px 3px}.wlx-site .wl21-workflow-demo b{font-size:9px}.wlx-site .wl21-shop-demo{transform:scale(.9)!important}}
@media(prefers-reduced-motion:reduce){.wlx-site .wl21-brand-art *,.wlx-site .wl21-service-detail *{animation:none!important;transition:none!important}}