.lwb{padding-block:110px;scroll-margin-top:24px}.lwb-intro{max-width:850px}.lwb-intro h2{margin:16px 0 20px;font-size:clamp(39px,5vw,68px);line-height:.98;letter-spacing:-.05em}.lwb-intro>p:not(.eyebrow){max-width:720px;color:#aebdc4;font-size:17px;line-height:1.7}.lwb-intro>small{display:block;margin-top:13px;color:#7f929c;font:700 9px var(--font-mono);letter-spacing:.1em}.lwb-start,.lwb-send{position:relative;margin-top:26px;min-height:56px;border:0;padding:0 27px;background:var(--red);color:#fff;font:800 14px var(--font-sans);cursor:pointer;clip-path:polygon(0 0,92% 0,100% 27%,100% 100%,8% 100%,0 73%);transition:filter .18s ease,transform .18s ease}.lwb-start:hover,.lwb-start:focus-visible,.lwb-send:hover,.lwb-send:focus-visible{filter:brightness(1.12) drop-shadow(0 0 13px rgba(242,13,33,.62));transform:translateY(-1px)}.lwb-start:focus-visible,.lwb-send:focus-visible,.lwb-nav button:focus-visible,.lwb-text-button:focus-visible,.lwb-preview-toolbar button:focus-visible,.lwb-section-row button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.lwb-workspace{display:grid;grid-template-columns:minmax(0,.78fr) minmax(520px,1.22fr);gap:24px;margin-top:48px;align-items:start}.lwb-config,.lwb-preview-panel{border:1px solid rgba(159,191,204,.2);background:linear-gradient(145deg,rgba(13,25,32,.98),rgba(5,11,15,.99));box-shadow:0 28px 80px rgba(0,0,0,.28)}.lwb-config{padding:28px}.lwb-progress{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--line);font:700 9px var(--font-mono);letter-spacing:.1em;color:#8da0a9}.lwb-progress>div{height:2px;background:#23343c;overflow:hidden}.lwb-progress i{display:block;width:14.285%;height:100%;background:var(--red);box-shadow:0 0 8px rgba(242,13,33,.75);transition:width .3s ease}.lwb-progress b{color:var(--cyan);white-space:nowrap}.lwb-config form{margin-top:27px}.lwb-step{border:0;padding:0;margin:0;min-width:0}.lwb-step legend,.lwb-step-heading{display:block;margin:0 0 7px;color:#fff;font-size:21px;font-weight:850}.lwb-step legend span,.lwb-step-heading span{margin-right:10px;color:var(--red);font:750 10px var(--font-mono)}.lwb-help{margin:0 0 24px;color:#8fa3ad;font-size:13px;line-height:1.6}.lwb-step h3{margin:25px 0 12px;font:800 11px var(--font-mono);letter-spacing:.08em;color:#c4d1d6;text-transform:uppercase}
.lwb-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.lwb-option{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:11px;min-height:92px;padding:14px;border:1px solid #2b3c44;background:#081116;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.lwb-option input{position:absolute;opacity:0;pointer-events:none}.lwb-option:has(input:checked){border-color:var(--red);background:rgba(242,13,33,.075);box-shadow:inset 0 0 24px rgba(242,13,33,.035)}.lwb-option:has(input:focus-visible){outline:2px solid var(--cyan);outline-offset:2px}.lwb-option:hover{border-color:#526871;transform:translateY(-1px)}.lwb-option-icon{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border:1px solid #344750;color:var(--cyan);font:750 9px var(--font-mono)}.lwb-option b{font-size:12px}.lwb-option small{align-self:start;color:#82959e;font-size:10px;line-height:1.35}.lwb-option-compact{min-height:58px;grid-template-columns:auto 1fr}.lwb-option-compact .lwb-option-icon{width:34px;height:34px}.lwb-industry-options{grid-template-columns:repeat(3,1fr)}.lwb-industry-options .lwb-option{grid-template-columns:auto 1fr}.lwb-style-options,.lwb-layout-options,.lwb-scale-options{grid-template-columns:repeat(2,1fr)}
.lwb-palettes{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.lwb-palette{position:relative;display:flex;align-items:center;gap:10px;min-height:49px;padding:9px;border:1px solid #2b3c44;color:#9fb0b8;font-size:11px;cursor:pointer}.lwb-palette input{position:absolute;opacity:0}.lwb-palette:has(input:checked){border-color:var(--red);color:#fff}.lwb-palette:has(input:focus-visible){outline:2px solid var(--cyan);outline-offset:2px}.lwb-palette i{width:35px;height:24px;background:linear-gradient(135deg,var(--p-bg) 0 45%,var(--p-accent) 46% 72%,var(--p-secondary) 73%)}.lwb-custom-palette i{background:conic-gradient(#f20d21,#42d7ef,#f4c553,#5bcd7d,#f20d21)}.lwb-custom-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.lwb-custom-colors label{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border:1px solid #2b3c44;color:#96a8b0;font-size:10px}.lwb-custom-colors input{width:28px;height:24px;padding:0;border:0;background:none}
.lwb-section-list{display:grid;gap:7px}.lwb-section-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:47px;padding:8px 9px 8px 13px;border:1px solid #2b3c44;background:#081116}.lwb-section-row label{display:flex;align-items:center;gap:10px;color:#a9bac1;font-size:12px}.lwb-section-row input,.lwb-feature input{accent-color:var(--red)}.lwb-section-row>span{display:flex;gap:5px}.lwb-section-row button{width:31px;height:29px;border:1px solid #344750;background:#0c181e;color:#c3d0d5;cursor:pointer}.lwb-section-row button:hover{border-color:var(--red);color:#fff}.lwb-features{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lwb-feature{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid #2b3c44;background:#081116;cursor:pointer}.lwb-feature:has(input:checked){border-color:var(--red);background:rgba(242,13,33,.06)}.lwb-feature:has(input:focus-visible){outline:2px solid var(--cyan);outline-offset:2px}.lwb-feature input{margin-top:3px}.lwb-feature span{display:grid;gap:4px}.lwb-feature b{font-size:11px}.lwb-feature small{color:#81949d;font-size:9px;line-height:1.4}
.lwb-copy-fields{display:grid;gap:12px}.lwb-copy-fields label{display:grid;gap:7px;color:#aebdc4;font-size:11px;font-weight:750}.lwb-copy-fields input,.lwb-copy-fields textarea{width:100%;border:1px solid #40525b;background:#071015;color:#fff;padding:13px;font:13px var(--font-sans);resize:vertical}.lwb-copy-fields input:focus,.lwb-copy-fields textarea:focus{outline:2px solid var(--cyan);outline-offset:1px}.lwb-text-button{border:0;background:none;color:#9fb3bc;padding:9px 0;text-decoration:underline;text-underline-offset:4px;font:750 10px var(--font-mono);cursor:pointer}.lwb-text-button:hover{color:#fff}.lwb-nav{display:grid;grid-template-columns:auto auto 1fr;gap:8px;align-items:center;margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}.lwb-nav button{min-height:42px;border:1px solid #344750;background:#0b171d;color:#dce5e8;padding:0 15px;font:750 10px var(--font-mono);cursor:pointer}.lwb-nav button[data-lwb-next]{border-color:var(--red);background:var(--red);color:#fff}.lwb-nav button[data-lwb-reset]{justify-self:end;border-color:transparent;background:none;color:#83969f}.lwb-nav button:disabled{opacity:.35;cursor:not-allowed}.lwb-summary-step h3{font-size:27px;margin:12px 0 20px}.lwb-summary{display:grid;gap:9px;padding:20px;border:1px solid #2c3e46;background:#071015}.lwb-summary dl{display:grid;grid-template-columns:145px 1fr;gap:8px;margin:0}.lwb-summary dt{color:#82959e;font:700 9px var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.lwb-summary dd{margin:0;color:#eef3f5;font-size:12px;line-height:1.45}.lwb-summary .lwb-summary-price{padding-top:14px;margin-top:7px;border-top:1px solid #2c3e46}.lwb-summary .lwb-summary-price dd{font-size:24px;font-weight:850;color:#fff}.lwb-disclaimer{color:#899ba4;font-size:11px;line-height:1.55}.lwb-send{width:100%;margin-top:10px}.lwb-summary-step>.lwb-text-button{width:100%;text-align:center}
.lwb-preview-panel{position:sticky;top:18px;min-width:0;overflow:hidden}.lwb-preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:52px;padding:0 17px;border-bottom:1px solid var(--line);font:750 9px var(--font-mono);letter-spacing:.12em;color:#8ba0aa}.lwb-preview-toolbar>span:before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#35d685;box-shadow:0 0 8px rgba(53,214,133,.65)}.lwb-preview-toolbar>div{display:flex;gap:5px}.lwb-preview-toolbar button{border:1px solid #30434c;background:#081116;color:#8da0a9;padding:7px 9px;font:700 8px var(--font-mono);cursor:pointer}.lwb-preview-toolbar button.active{border-color:var(--red);color:#fff}.lwb-device{display:flex;justify-content:center;align-items:flex-start;min-height:620px;padding:22px;background:radial-gradient(circle at center,rgba(53,96,112,.18),transparent 55%),#050a0d;overflow:auto}.lwb-device[data-mode=desktop] .lwb-site{width:100%}.lwb-device[data-mode=tablet] .lwb-site{width:680px;max-width:100%}.lwb-device[data-mode=mobile] .lwb-site{width:350px;max-width:100%}.lwb-preview-note{margin:0;padding:12px 17px;border-top:1px solid var(--line);color:#758992;font-size:9px;line-height:1.5}.lwb-site{--site-bg:#071016;--site-surface:#10202a;--site-text:#f5f8fa;--site-muted:#a8bac3;--site-accent:#f20d21;--site-secondary:#42d7ef;--site-radius:4px;--site-space:1;container-type:inline-size;min-height:570px;overflow:hidden;border:1px solid color-mix(in srgb,var(--site-text) 15%,transparent);border-radius:var(--site-radius);background:var(--site-bg);color:var(--site-text);font-family:Arial,sans-serif;box-shadow:0 24px 65px rgba(0,0,0,.42);transition:background .3s ease,color .3s ease}.lwb-site[data-font=mono]{font-family:"Cascadia Code",Consolas,monospace}.lwb-site[data-font=serif]{font-family:Georgia,"Times New Roman",serif}.lwb-site *{box-sizing:border-box}.lwb-site-header{display:flex;align-items:center;gap:17px;padding:calc(18px * var(--site-space)) calc(25px * var(--site-space));border-bottom:1px solid color-mix(in srgb,var(--site-text) 13%,transparent)}.lwb-site-brand{font-size:13px;font-weight:900}.lwb-site-brand:before{content:"";display:inline-block;width:10px;height:10px;margin-right:8px;background:var(--site-accent);box-shadow:8px 8px 0 var(--site-secondary)}.lwb-site-nav{display:flex;gap:15px;margin-left:auto;color:var(--site-muted);font-size:8px;text-transform:uppercase}.lwb-site-nav-cta{padding:7px 10px;border-radius:var(--site-radius);background:var(--site-accent);color:#fff}.lwb-site-section{padding:calc(36px * var(--site-space)) calc(29px * var(--site-space));border-bottom:1px solid color-mix(in srgb,var(--site-text) 10%,transparent)}.lwb-site-kicker{margin:0 0 10px;color:var(--site-secondary);font-size:8px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.lwb-site-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:center;min-height:270px;background:radial-gradient(circle at 80% 15%,color-mix(in srgb,var(--site-secondary) 16%,transparent),transparent 35%)}.lwb-site[data-layout=centered] .lwb-site-hero{display:block;text-align:center}.lwb-site[data-layout=centered] .lwb-site-hero-copy{max-width:590px;margin:auto}.lwb-site[data-layout=editorial] .lwb-site-hero{grid-template-columns:.72fr 1.28fr}.lwb-site-hero h1{margin:0 0 14px;font-size:clamp(29px,5.4cqw,55px);line-height:.98;letter-spacing:-.045em}.lwb-site-hero p{margin:0;color:var(--site-muted);font-size:11px;line-height:1.65}.lwb-site-button{display:inline-block;margin-top:18px;padding:11px 15px;border-radius:var(--site-radius);background:var(--site-accent);color:#fff;font-size:9px;font-weight:850}.lwb-site-visual{position:relative;min-height:185px;border-radius:var(--site-radius);border:1px solid color-mix(in srgb,var(--site-text) 17%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--site-secondary) 18%,var(--site-surface)),var(--site-surface));overflow:hidden}.lwb-site-visual:before{content:"";position:absolute;width:150px;height:150px;right:-30px;top:18px;border:1px solid var(--site-accent);border-radius:50%}.lwb-site-visual:after{content:"";position:absolute;left:18px;right:18px;bottom:22px;height:35%;background:repeating-linear-gradient(90deg,var(--site-secondary) 0 3px,transparent 3px 17px);opacity:.35}.lwb-site-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:20px}.lwb-site-heading h2{margin:0;font-size:22px}.lwb-site-heading p{max-width:320px;margin:0;color:var(--site-muted);font-size:9px;line-height:1.5}.lwb-site-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.lwb-site-card{min-height:100px;padding:14px;border:1px solid color-mix(in srgb,var(--site-text) 14%,transparent);border-radius:var(--site-radius);background:var(--site-surface)}.lwb-site-card i{display:grid;place-items:center;width:28px;height:28px;margin-bottom:13px;border-radius:var(--site-radius);background:color-mix(in srgb,var(--site-accent) 16%,transparent);color:var(--site-accent);font-size:8px;font-style:normal;font-weight:850}.lwb-site-card b{display:block;font-size:11px}.lwb-site-card p{margin:7px 0 0;color:var(--site-muted);font-size:8px;line-height:1.45}.lwb-site-wide{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center}.lwb-site-placeholder{min-height:135px;border-radius:var(--site-radius);background:linear-gradient(135deg,var(--site-surface),color-mix(in srgb,var(--site-secondary) 15%,var(--site-surface)));border:1px solid color-mix(in srgb,var(--site-text) 13%,transparent)}.lwb-site-list{display:grid;gap:7px}.lwb-site-list span{padding:10px;border-left:2px solid var(--site-accent);background:var(--site-surface);font-size:9px}.lwb-site-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.lwb-site-metrics b{padding:18px 9px;text-align:center;border-radius:var(--site-radius);background:var(--site-surface);color:var(--site-accent);font-size:18px}.lwb-site-metrics small{display:block;margin-top:5px;color:var(--site-muted);font-size:7px;font-weight:500}.lwb-site-faq{display:grid;gap:6px}.lwb-site-faq div{display:flex;justify-content:space-between;padding:11px;border:1px solid color-mix(in srgb,var(--site-text) 13%,transparent);font-size:9px}.lwb-site-contact{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:var(--site-surface)}.lwb-site-form{display:grid;gap:7px}.lwb-site-form i{height:28px;border:1px solid color-mix(in srgb,var(--site-text) 18%,transparent);background:var(--site-bg)}.lwb-site-form i:last-child{height:48px}.lwb-site-footer{display:flex;justify-content:space-between;padding:22px 29px;color:var(--site-muted);font-size:8px}.lwb-site-feature-badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}.lwb-site-feature-badges span{padding:5px 7px;border:1px solid color-mix(in srgb,var(--site-secondary) 32%,transparent);color:var(--site-secondary);font-size:7px}.lwb-site-empty{padding:28px;color:var(--site-muted);font-size:10px;text-align:center}
.lwb-build-overlay{position:absolute;z-index:5;left:50%;top:92px;display:flex;align-items:center;gap:8px;opacity:0;pointer-events:none;transform:translateX(-50%);padding:10px 14px;border:1px solid rgba(66,215,239,.25);background:rgba(5,12,16,.94);color:#dce8ec;font:750 8px var(--font-mono);letter-spacing:.08em}.lwb-preview-panel{isolation:isolate}.lwb-build-overlay i{width:17px;height:1px;background:#526a74}.lwb-preview-panel.is-building .lwb-build-overlay{animation:lwb-build-status .52s ease both}.lwb-preview-panel.is-building .lwb-site{animation:lwb-site-build .52s ease both}@keyframes lwb-build-status{0%{opacity:0;transform:translate(-50%,-5px)}18%,72%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,5px)}}@keyframes lwb-site-build{0%{opacity:.6;filter:blur(2px);transform:scale(.995)}55%{opacity:.9;filter:none}100%{opacity:1;transform:none}}.lwb-builder-notice{margin:15px 0 0;padding:12px;border-left:2px solid #35d685;background:rgba(53,214,133,.07);color:#bfe9cf;font-size:11px;line-height:1.5}
@container(max-width:560px){.lwb-site-nav{display:none}.lwb-site-header{padding:15px 18px}.lwb-site-hero,.lwb-site[data-layout=editorial] .lwb-site-hero{grid-template-columns:1fr;min-height:0}.lwb-site-hero h1{font-size:34px}.lwb-site-visual{min-height:145px}.lwb-site-section{padding:28px 20px}.lwb-site-grid{grid-template-columns:1fr}.lwb-site-wide,.lwb-site-contact{grid-template-columns:1fr}.lwb-site-heading{display:block}.lwb-site-heading p{margin-top:9px}.lwb-site-metrics{grid-template-columns:1fr}.lwb-site-footer{padding:20px}}
@media(max-width:1100px){.lwb-workspace{grid-template-columns:1fr}.lwb-preview-panel{position:relative;top:auto;grid-row:1}.lwb-device{min-height:520px}.lwb-config{grid-row:2}}
@media(max-width:700px){.lwb{padding-block:78px}.lwb-intro h2{font-size:42px}.lwb-intro>p:not(.eyebrow){font-size:15px}.lwb-start{width:100%}.lwb-workspace{margin-top:30px}.lwb-config{padding:19px}.lwb-progress{grid-template-columns:1fr auto}.lwb-progress>div{grid-column:1/-1;grid-row:2}.lwb-options,.lwb-industry-options,.lwb-style-options,.lwb-layout-options,.lwb-scale-options,.lwb-features{grid-template-columns:1fr}.lwb-palettes{grid-template-columns:1fr}.lwb-custom-colors{grid-template-columns:1fr}.lwb-option{min-height:70px}.lwb-device{min-height:430px;padding:12px}.lwb-preview-toolbar{align-items:flex-start;flex-direction:column;padding:12px}.lwb-preview-toolbar>div{width:100%}.lwb-preview-toolbar button{flex:1}.lwb-summary dl{grid-template-columns:1fr;gap:3px}.lwb-nav{grid-template-columns:1fr 1fr}.lwb-nav button[data-lwb-reset]{grid-column:1/-1;justify-self:center}.lwb-site-section{padding:25px 18px}}
.lwb-summary dd.lwb-summary-price{font-size:24px;font-weight:850;color:#fff}.lwb-summary-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:stretch}.lwb-summary-actions .lwb-send{flex:1 1 100%;width:auto}.lwb-summary-secondary{display:inline-flex;flex:1 1 180px;align-items:center;justify-content:center;min-height:46px;padding:0 14px;border:1px solid #304650;background:#081116;color:#dbe6ea;font:750 10px var(--font-mono);cursor:pointer}.lwb-summary-secondary:is(:hover,:focus-visible){border-color:var(--red);color:#fff}
.lwb-start:is(:hover,:focus-visible),.lwb-nav button[data-lwb-next]:is(:hover,:focus-visible){animation:coolstuff-electric-shake .32s linear infinite;filter:brightness(1.12) drop-shadow(0 0 5px rgba(242,13,33,.95)) drop-shadow(0 0 13px rgba(242,13,33,.62));box-shadow:0 0 0 2px rgba(242,13,33,.2),0 0 10px rgba(242,13,33,.9),0 0 24px rgba(255,255,255,.28)}
.lwb-start-glow{display:inline-flex;width:max-content;max-width:100%;filter:none;transition:filter .18s ease;vertical-align:top}.lwb-start-glow:is(:hover,:focus-within){filter:drop-shadow(0 0 7px rgba(255,18,43,.95)) drop-shadow(0 0 16px rgba(255,18,43,.92)) drop-shadow(0 0 30px rgba(255,18,43,.72))}
@media(max-width:700px){.lwb-start-glow{width:100%}}
@media(prefers-reduced-motion:reduce){.lwb *{scroll-behavior:auto!important}.lwb-start,.lwb-send,.lwb-option,.lwb-site,.lwb-progress i{transition:none!important}.lwb-start:is(:hover,:focus-visible),.lwb-nav button[data-lwb-next]:is(:hover,:focus-visible){animation:none!important;transform:none!important}.lwb-preview-panel.is-building .lwb-build-overlay,.lwb-preview-panel.is-building .lwb-site{animation:none!important}.lwb-build-overlay{display:none!important}}

/* Bezpieczne szerokości panelu konfiguratora */
.lwb-config,.lwb-config form,.lwb-step,.lwb-options,.lwb-option{min-width:0;max-width:100%}
.lwb-industry-options{grid-template-columns:repeat(2,minmax(0,1fr))}
.lwb-options:not(.lwb-industry-options){grid-template-columns:repeat(2,minmax(0,1fr))}
.lwb-option{grid-template-columns:auto minmax(0,1fr)}
.lwb-option b,.lwb-option small,.lwb-step legend{overflow-wrap:anywhere}
.lwb-site-header,.lwb-site-nav{min-width:0}
.lwb-site-nav{flex-wrap:wrap;justify-content:flex-end}
.lwb-site-brand{min-width:0;overflow-wrap:anywhere}
.lwb-site-nav-cta{flex:0 0 auto;white-space:nowrap}

/* Trzy losowane kompozycje w obrębie właściwego typu strony */
.lwb-site[data-template="b"]:not([data-layout="centered"]) .lwb-site-hero{grid-template-columns:.88fr 1.12fr}
.lwb-site[data-template="b"]:not([data-layout="centered"]) .lwb-site-hero-copy{order:2}
.lwb-site[data-template="b"]:not([data-layout="centered"]) .lwb-site-visual{order:1}
.lwb-site[data-template="b"] .lwb-site-card:nth-child(even){transform:translateY(8px)}
.lwb-site[data-template="c"]:not([data-layout="centered"]) .lwb-site-hero{grid-template-columns:1fr;min-height:330px}
.lwb-site[data-template="c"] .lwb-site-hero-copy{max-width:78%}
.lwb-site[data-template="c"] .lwb-site-visual{min-height:130px}
.lwb-site[data-template="c"] .lwb-site-grid{gap:14px}

/* Osobne makiety funkcjonalne zamiast jednego schematu */
.lwb-site[data-project] .lwb-site-visual:before,.lwb-site[data-project] .lwb-site-visual:after{display:none}
.lwb-mock-company{position:absolute;inset:18px;display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:1fr 1fr;gap:7px}
.lwb-mock-company i{border:1px solid color-mix(in srgb,var(--site-secondary) 38%,transparent);background:color-mix(in srgb,var(--site-secondary) 10%,transparent)}
.lwb-mock-company i:first-child{grid-row:1/3}
.lwb-mock-company strong{position:absolute;left:12px;bottom:10px;font-size:8px;letter-spacing:.15em}
.lwb-mock-shop{position:absolute;inset:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;align-items:end}
.lwb-mock-shop i{display:flex;min-width:0;min-height:116px;padding:9px;flex-direction:column;justify-content:flex-end;border:1px solid color-mix(in srgb,var(--site-text) 16%,transparent);background:linear-gradient(160deg,color-mix(in srgb,var(--site-accent) 16%,var(--site-surface)),var(--site-surface));font-style:normal}
.lwb-mock-shop b{color:var(--site-accent);font-size:8px}.lwb-mock-shop span{margin-top:6px;font-size:7px}
.lwb-mock-portal{position:absolute;inset:18px;display:grid;grid-template-columns:1.3fr .7fr;grid-template-rows:auto 1fr;gap:7px}
.lwb-mock-portal b{grid-column:1/-1;padding-bottom:7px;border-bottom:1px solid var(--site-secondary);font-size:8px;letter-spacing:.14em}
.lwb-mock-portal i{display:flex;align-items:end;padding:13px;background:color-mix(in srgb,var(--site-secondary) 13%,var(--site-surface));font-size:12px;font-style:normal;font-weight:800}
.lwb-mock-portal span{padding:13px;border-left:1px solid color-mix(in srgb,var(--site-text) 17%,transparent);font-size:8px;line-height:1.8}
.lwb-mock-catalog{position:absolute;inset:14px;display:grid;grid-template-columns:.62fr 1.38fr;grid-template-rows:auto auto 1fr;gap:7px}
.lwb-mock-catalog b{grid-row:1/4;padding:11px;border:1px solid color-mix(in srgb,var(--site-text) 15%,transparent);font-size:8px}
.lwb-mock-catalog span{padding:7px 10px;border:1px solid color-mix(in srgb,var(--site-text) 15%,transparent);font-size:7px}
.lwb-mock-catalog i{padding:14px;background:color-mix(in srgb,var(--site-accent) 12%,var(--site-surface));font-size:10px;font-style:normal;font-weight:800}
.lwb-mock-app{position:absolute;inset:12px;display:grid;grid-template-columns:.48fr 1.52fr;border:1px solid color-mix(in srgb,var(--site-text) 15%,transparent)}
.lwb-mock-app aside{padding:12px;background:color-mix(in srgb,var(--site-accent) 13%,var(--site-surface));font-size:7px;line-height:2.4}
.lwb-mock-app main{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:12px}
.lwb-mock-app main b{grid-column:1/-1;font-size:8px;letter-spacing:.12em}.lwb-mock-app main i{min-width:0;background:color-mix(in srgb,var(--site-secondary) 13%,var(--site-surface))}
.lwb-mock-redesign{position:absolute;inset:14px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.lwb-mock-redesign i{position:relative;background:repeating-linear-gradient(0deg,color-mix(in srgb,var(--site-text) 8%,transparent) 0 1px,transparent 1px 16px);border:1px solid color-mix(in srgb,var(--site-text) 15%,transparent);font-style:normal}
.lwb-mock-redesign i:last-child{border-color:var(--site-accent);background:linear-gradient(145deg,color-mix(in srgb,var(--site-accent) 15%,var(--site-surface)),var(--site-surface))}
.lwb-mock-redesign b{position:absolute;left:8px;bottom:8px;font-size:7px;letter-spacing:.13em}

/* Charakter dalszych sekcji zależny od rodzaju projektu */
.lwb-site[data-project="shop"] .lwb-site-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.lwb-site[data-project="shop"] .lwb-site-card{min-height:128px}
.lwb-site[data-project="portal"] .lwb-site-grid{grid-template-columns:1fr}
.lwb-site[data-project="portal"] .lwb-site-card{display:grid;grid-template-columns:auto 1fr;column-gap:13px;min-height:72px}
.lwb-site[data-project="portal"] .lwb-site-card i{grid-row:1/3}
.lwb-site[data-project="catalog"] .lwb-site-grid,.lwb-site[data-project="app"] .lwb-site-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.lwb-site[data-project="app"] .lwb-site-nav{display:none}
.lwb-site[data-project="app"] .lwb-site-section{border-bottom-style:dashed}
.lwb-site[data-project="redesign"] .lwb-site-wide{grid-template-columns:.7fr 1.3fr}

@media(max-width:700px){
  .lwb-options,.lwb-industry-options,.lwb-options:not(.lwb-industry-options),.lwb-site[data-project] .lwb-site-grid{grid-template-columns:1fr}
  .lwb-site[data-template="b"] .lwb-site-hero,.lwb-site[data-template="c"] .lwb-site-hero{grid-template-columns:1fr}
  .lwb-site[data-template] .lwb-site-hero-copy{order:1;max-width:none}.lwb-site[data-template] .lwb-site-visual{order:2}
  .lwb-mock-shop{grid-template-columns:repeat(3,minmax(0,1fr));inset:10px}
}