/* ================================================================
   CHATBOT AI DLA SKLEPU INTERNETOWEGO - design "Orbita"
   (templates/landing-chatbot-sklep.php)

   Warstwa na home-cosmos.css (wspólne: cz-aeo, cz-facts, cz-stats,
   cz-ps, cz-compare, cz-when, cz-plans, cz-flight, cz-faq, cz-guides).
   Tu: hero (okno sklepu + otwarty czat + lista pytań bez odpowiedzi,
   wnętrza w jednostkach cqw), role chatbota, integracje, kalkulator
   opłacalności, zasady (RODO / AI Act), koncepcja. Prefiks sb-.
   ================================================================ */

.sb-hero .cz-hero__title{font-size:clamp(2rem,3vw,2.7rem)!important}
.cz-js .sb-hero .cz-line:nth-child(3)>span{transition-delay:.59s}
.sb-hero .cz-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}

/* ================================================================
   HERO - scena
   ================================================================ */
/* scena jest kontenerem: wymiary okien liczone w cqw sceny, wnętrza okien - w cqw danego okna */
.sb-stage{position:relative;z-index:0;justify-self:end;width:100%;max-width:600px;aspect-ratio:600/575;container-type:inline-size}
.sb-sample{position:absolute;left:0;top:0;z-index:6;display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:999px;border:1px solid rgba(165,180,252,.24);background:rgba(5,6,15,.55);font:500 .6rem/1 var(--cz-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cz-lav)}
.sb-sample i{color:var(--cz-cyan)}

/* okno sklepu (tło sceny) */
.sb-shop{position:absolute;left:0;top:8%;width:76%;aspect-ratio:456/330;container-type:inline-size;border-radius:16px;overflow:hidden;background:#0E1328;
	box-shadow:0 0 0 1px rgba(165,180,252,.2),0 50px 90px -46px rgba(0,0,0,.95);transform:perspective(1400px) rotateY(9deg) rotateX(2deg);transform-origin:0 50%}
.sb-shop::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,rgba(5,6,15,0) 40%,rgba(5,6,15,.32) 100%)}
.sb-shop__bar{display:flex;align-items:center;gap:3cqw;height:7.4cqw;padding:0 3cqw;background:#151B36}
.sb-shop__dots{display:flex;gap:1.2cqw}
.sb-shop__dots i{width:1.8cqw;height:1.8cqw;border-radius:50%;background:rgba(232,234,246,.22)}
.sb-shop__url{display:flex;align-items:center;gap:1.4cqw;width:52%;height:4.4cqw;padding:0 2.4cqw;border-radius:999px;background:rgba(255,255,255,.06);font:500 2.3cqw/1 var(--cz-mono);color:#9AA3C0;white-space:nowrap;overflow:hidden}
.sb-shop__url i{font-size:1.9cqw;color:#34D399}
.sb-shop__page{height:calc(100% - 7.4cqw);overflow:hidden;padding:3cqw 3.6cqw;background:#F4F5FA;color:#1E2640;font-family:var(--cz-body)}
.sb-shop__nav{display:flex;align-items:center;gap:3.4cqw;font-size:2.5cqw;color:#6B7490}
.sb-shop__nav b{display:flex;align-items:center;gap:1.4cqw;margin-right:auto;font-size:2.9cqw;font-weight:700;color:#1E2640}
.sb-shop__nav b i{color:#4F46E5}
.sb-shop__nav .is-on{color:#1E2640;font-weight:600;box-shadow:inset 0 -.5cqw 0 #4F46E5}
.sb-shop__nav>i{font-size:2.8cqw;color:#1E2640}
.sb-shop__head{display:flex;align-items:baseline;gap:2cqw;margin:4cqw 0 2.6cqw}
.sb-shop__head b{font:700 4.4cqw/1 var(--cz-display);letter-spacing:-.02em}
.sb-shop__head small{font-size:2.3cqw;color:#8A93B0}
.sb-shop__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.4cqw}
.sb-tile{display:flex;flex-direction:column;gap:1.2cqw;padding:1.8cqw;border-radius:2.6cqw;background:#fff;border:1px solid #E6E8F0}
.sb-tile i{display:grid;place-items:center;aspect-ratio:1/.86;margin-bottom:.6cqw;border-radius:2cqw;background:linear-gradient(140deg,var(--g1),var(--g2));color:#fff;font-size:8cqw}
.sb-tile b{font-size:2.4cqw;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-tile em{font:700 2.6cqw/1 var(--cz-body);font-style:normal;color:#1E2640}

/* czat */
.sb-chat{position:absolute;right:0;top:3%;z-index:3;display:flex;flex-direction:column;width:53%;aspect-ratio:318/490;container-type:inline-size;border-radius:3.6cqw;overflow:hidden;background:#fff;color:#1E2640;font-family:var(--cz-body);
	box-shadow:0 0 0 1px rgba(165,180,252,.3),0 0 0 7px rgba(255,255,255,.035),0 60px 110px -40px rgba(0,0,0,.95),0 0 140px -40px rgba(99,102,241,.55)}
.sb-chat__head{display:flex;align-items:center;gap:3cqw;padding:3.6cqw 4.4cqw;background:linear-gradient(135deg,#4338CA,#6366F1);color:#fff}
.sb-chat__av{display:grid;place-items:center;flex-shrink:0;width:10.4cqw;height:10.4cqw;border-radius:50%;background:rgba(255,255,255,.16);font-size:4.2cqw}
.sb-chat__who{display:grid;gap:.8cqw;min-width:0}
.sb-chat__who b{font-size:4.4cqw;font-weight:700;line-height:1.1}
.sb-chat__who small{font-size:3.1cqw;line-height:1.2;color:rgba(255,255,255,.78);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-chat__x{margin-left:auto;font-size:3.6cqw;opacity:.8}
.sb-chat__log{position:relative;flex:1 1 auto;overflow:hidden;background:#fff;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 12%);mask-image:linear-gradient(180deg,transparent 0,#000 12%)}
.sb-chat__track{position:absolute;left:4cqw;right:4cqw;bottom:3.4cqw;display:flex;flex-direction:column;gap:2.6cqw;transition:transform .55s var(--cz-ease);will-change:transform}
.sb-chat__track>.is-new{animation:sbIn .5s var(--cz-ease)}
@keyframes sbIn{from{opacity:0;transform:translate3d(0,3cqw,0) scale(.98)}}

.sb-note{align-self:center;display:flex;align-items:center;gap:1.6cqw;max-width:92%;padding:1.8cqw 3cqw;border-radius:3cqw;background:#F5F6FA;font-size:2.9cqw;line-height:1.35;color:#6B7490;text-align:left}
.sb-note i{flex-shrink:0;color:#6366F1}
.sb-msg{max-width:86%;padding:2.6cqw 3.6cqw;border-radius:4.2cqw;font-size:3.85cqw;line-height:1.42}
.sb-msg--u{align-self:flex-end;border-bottom-right-radius:1.2cqw;background:#4F46E5;color:#fff}
.sb-msg--b{align-self:flex-start;border-bottom-left-radius:1.2cqw;background:#F1F3F9;color:#1E2640}
.sb-typing{align-self:flex-start;padding:2.2cqw 3.6cqw;border-radius:4.2cqw;border-bottom-left-radius:1.2cqw;background:#F1F3F9;font-size:3.3cqw;font-style:italic;color:#8A93B0}
.sb-src{display:flex;align-items:center;gap:1.4cqw;margin-top:2cqw;font:500 2.65cqw/1.2 var(--cz-mono);color:#7C86A2}
.sb-src i{color:#10B981;font-size:2.4cqw}
.sb-order{display:block;margin-top:2.4cqw;padding:2.6cqw 3cqw;border-radius:3cqw;background:#fff;border:1px solid #E3E6F0}
.sb-order__h{display:block;font-size:3.3cqw;line-height:1.3;color:#4B5470}
.sb-order__h b{margin-right:1cqw;color:#4F46E5;font-weight:700}
.sb-order__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4cqw;margin:2.4cqw 0 2cqw}
.sb-order__steps i{display:flex;flex-direction:column;align-items:center;gap:1.2cqw;font-style:normal;font-size:2.6cqw;font-weight:600;color:#9AA1B8;text-align:center}
.sb-order__steps b{display:grid;place-items:center;width:6.6cqw;height:6.6cqw;border-radius:50%;background:#E4E6EF;font-size:2.8cqw;color:#9AA1B8}
.sb-order__steps .is-ok{color:#1E2640}
.sb-order__steps .is-ok b{background:#10B981;color:#fff}
.sb-order__steps .is-now{color:#4F46E5}
.sb-order__steps .is-now b{background:#4F46E5;color:#fff}
.sb-order__f{display:flex;align-items:center;gap:1.4cqw;padding-top:1.8cqw;border-top:1px solid #EEF0F5;font-size:3cqw;color:#4B5470}
.sb-order__f i{color:#F59E0B}
.sb-chips{display:flex;flex-wrap:wrap;gap:1.6cqw;margin-top:2.4cqw}
.sb-chip{padding:1.7cqw 3cqw;border-radius:999px;border:1px solid #C7CBF5;background:#fff;font-size:3.2cqw;font-weight:600;line-height:1;color:#4F46E5;transition:background .3s,color .3s,transform .25s}
.sb-chip.is-press{background:#4F46E5;border-color:#4F46E5;color:#fff}
.sb-chip.is-tap{transform:scale(.94)}
.sb-sys{align-self:center;display:inline-flex;align-items:center;gap:1.4cqw;max-width:94%;padding:1.8cqw 3.2cqw;border-radius:999px;background:#ECFDF5;font-size:3cqw;font-weight:600;line-height:1.25;color:#047857}
.sb-sys--hand{background:#FEF3C7;color:#92400E}
.sb-day{display:flex;align-items:center;gap:2.4cqw;margin:1.4cqw 0;font:500 2.6cqw/1 var(--cz-mono);letter-spacing:.08em;text-transform:uppercase;color:#A3AAC0}
.sb-day::before,.sb-day::after{content:"";flex:1;height:1px;background:#E6E8F0}

.sb-chat__input{display:flex;align-items:center;gap:2.4cqw;height:14.4cqw;padding:0 3cqw 0 4.4cqw;border-top:1px solid #E8EAF2;background:#fff}
.sb-chat__field{flex:1;min-width:0;font-size:3.7cqw;color:#9AA1B8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-chat__field.is-typing{color:#1E2640}
.sb-chat__send{display:grid;place-items:center;flex-shrink:0;width:9.4cqw;height:9.4cqw;border-radius:50%;background:#4F46E5;color:#fff;font-size:3.4cqw;transition:transform .2s,background .3s}
.sb-chat__send.is-press{transform:scale(.88);background:#22D3EE}

/* pytania bez odpowiedzi */
.sb-kb{position:absolute;left:0;bottom:1%;z-index:4;width:46%;container-type:inline-size;padding:2.4cqw;border-radius:3.2cqw;background:#F4F5FA;color:var(--cz-ink-text);box-shadow:0 30px 60px -26px rgba(0,0,0,.92)}
.sb-kb__head{display:flex;align-items:center;justify-content:space-between;gap:3cqw;font-size:4.9cqw;font-weight:700;line-height:1.2}
.sb-kb__head i{margin-right:2cqw;color:var(--cz-indigo-deep)}
.sb-kb__head em{display:grid;place-items:center;min-width:8cqw;height:8cqw;padding:0 2cqw;border-radius:999px;background:var(--cz-indigo-deep);color:#fff;font:600 3.6cqw/1 var(--cz-mono);font-style:normal}
.sb-kb__list{display:grid;gap:2.4cqw;margin:4cqw 0 0;padding:0;list-style:none}
.sb-kb__list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2.4cqw;align-items:center;padding:3cqw 3.4cqw;border-radius:3.6cqw;background:#fff;border:1px solid #E3E6F0;transition:transform .5s var(--cz-ease),opacity .4s ease}
.sb-kb__list li.is-in{animation:sbKbIn .55s var(--cz-ease)}
.sb-kb__list li.is-out{opacity:0;transform:translate3d(14%,0,0)}
@keyframes sbKbIn{from{opacity:0;transform:translate3d(0,-30%,0)}}
.sb-kb__q{display:-webkit-box;overflow:hidden;font-size:4.6cqw;font-weight:500;line-height:1.3;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.sb-kb__st{padding:1.4cqw 2.6cqw;border-radius:999px;background:#E9EBF3;font:600 3.6cqw/1 var(--cz-mono);color:#6B7490;white-space:nowrap;transition:background .35s,color .35s}
.sb-kb__list li[data-st="ai"] .sb-kb__st{background:#FEF3C7;color:#92400E}
.sb-kb__list li[data-st="new"] .sb-kb__st{background:#E0E7FF;color:#4338CA}
.sb-kb__list li[data-st="ok"] .sb-kb__st{background:#D1FAE5;color:#047857}
.sb-kb__foot{display:flex;align-items:center;gap:2cqw;margin-top:3.6cqw;font-size:3.8cqw;line-height:1.35;color:#6B7490}
.sb-kb__foot i{color:#10B981}

.cz-js .sb-stage{opacity:0;transform:translate3d(0,26px,0);transition:opacity 1.2s var(--cz-ease),transform 1.2s var(--cz-ease)}
.cz-js .cz-hero.is-in .sb-stage{opacity:1;transform:none;transition-delay:.7s}

/* ================================================================
   01 - linki w definicji
   ================================================================ */
.cz-aeo__more a,.cz-head__aside a{color:var(--cz-indigo-deep);font-weight:600}
.cz-dark .cz-head__aside a{color:var(--cz-cyan)}

/* ================================================================
   02 - role chatbota + integracje
   ================================================================ */
.sb-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sb-role{display:flex;flex-direction:column;padding:24px;border-radius:24px;background:linear-gradient(180deg,rgba(17,22,46,.8),rgba(8,11,26,.88));border:1px solid rgba(165,180,252,.14);transition:border-color .4s,transform .6s var(--cz-ease)}
.sb-role:hover{border-color:rgba(165,180,252,.34);transform:translateY(-4px)}
.sb-role__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.sb-role__ic{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:rgba(99,102,241,.18);color:var(--cz-lav);font-size:.95rem;transition:background .4s,color .4s}
.sb-role:hover .sb-role__ic{background:#EEF0FF;color:var(--cz-indigo-deep)}
.sb-role__n{font:500 .66rem/1 var(--cz-mono);color:rgba(165,180,252,.6)}
.cz-page .sb-role h3{margin-bottom:8px!important;font-size:1.08rem!important;line-height:1.3!important;letter-spacing:-.015em;color:#fff}
.sb-role>p{font-size:.9rem;line-height:1.62;color:var(--cz-muted)}
.sb-role ul{display:grid;gap:7px;margin:16px 0 0;padding:14px 0 0;list-style:none;border-top:1px solid rgba(165,180,252,.12)}
.sb-role li{display:grid;grid-template-columns:16px minmax(0,1fr);gap:8px;font-size:.84rem;line-height:1.45;color:rgba(232,234,246,.84)}
.sb-role li i{margin-top:4px;font-size:.62rem;color:var(--cz-cyan)}

.sb-integr{margin-top:clamp(48px,6vw,72px)}
.cz-page .sb-integr__h{display:grid;justify-items:start;gap:14px;margin-bottom:22px!important;font-size:clamp(1.25rem,2vw,1.6rem)!important;line-height:1.2!important;letter-spacing:-.02em;color:#fff}
.sb-integr__h .cz-kicker{margin-bottom:0}
.sb-plats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sb-plat{display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:24px;background:rgba(255,255,255,.03);border:1px solid rgba(165,180,252,.16)}
.sb-plat__logo{display:grid;place-items:center;width:52px;height:52px;margin-bottom:4px;border-radius:14px;background:rgba(255,255,255,.07)}
.sb-plat__img{width:30px;height:30px;filter:invert(1)}
.cz-page .sb-plat h4{font-size:1.05rem;line-height:1.3;letter-spacing:-.015em;color:#fff}
.sb-plat p{font-size:.88rem;line-height:1.62;color:var(--cz-muted)}
.sb-plat .cz-textlink{align-self:flex-start;margin-top:auto;font-size:.84rem}
.sb-chan{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 0}
.sb-chan>div{padding:16px 18px;border-radius:20px;border:1px dashed rgba(165,180,252,.26);background:rgba(255,255,255,.02)}
.sb-chan dt{font:500 .62rem/1 var(--cz-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cz-cyan)}
.sb-chan dd{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0}
.sb-chan dd span{padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.06);font-size:.8rem;line-height:1.2;color:rgba(232,234,246,.88)}

/* ================================================================
   04 - porównanie + kiedy się opłaca
   ================================================================ */
/* szerokości kolumn i wyróżnienie całej kolumny "Chatbot AI" (bez szachownicy) - tylko widok tabeli;
   na telefonie tabela zamienia się w karty (home-cosmos.css) */
@media (min-width:761px){
	.sb-compare tbody th{width:22%}
	.sb-compare td{width:26%}
	.sb-compare td.is-good{background:transparent}
	.sb-compare td:nth-child(3){background:rgba(34,211,238,.06)}
}
.sb-page .cz-when{grid-template-columns:1fr 1fr;gap:18px 32px}
.sb-page .cz-when h3{grid-column:1/-1;grid-row:auto}
.sb-fit strong{display:flex;align-items:center;gap:8px;margin-bottom:12px;font:600 .66rem/1 var(--cz-mono);letter-spacing:.12em;text-transform:uppercase}
.sb-fit--yes strong{color:#34D399}
.sb-fit--no strong{color:#FBBF24}
.sb-fit ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.sb-fit li{position:relative;padding-left:18px;font-size:.9rem;line-height:1.6;color:rgba(232,234,246,.84)}
.sb-fit li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:50%;background:#34D399}
.sb-fit--no li::before{background:#FBBF24}
.sb-when__links{grid-column:1/-1;font-size:.88rem;color:var(--cz-muted)}
.sb-when__links a{color:var(--cz-cyan);font-weight:600}

/* ================================================================
   05 - kalkulator opłacalności
   ================================================================ */
.sb-calc{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:18px;align-items:stretch}
.sb-calc__in{padding:clamp(22px,2.6vw,32px);border-radius:28px;background:#fff;border:1px solid rgba(11,16,32,.08);box-shadow:0 40px 70px -56px rgba(49,46,129,.5)}
.sb-field{display:grid;gap:10px;margin-bottom:22px}
.sb-field>span:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:.92rem;font-weight:600;line-height:1.35;color:var(--cz-ink-text)}
.sb-field>span:first-child b{font:600 1.15rem/1 var(--cz-display);letter-spacing:-.02em;color:var(--cz-indigo-deep);white-space:nowrap}
.sb-field small{margin-top:-4px;font-size:.78rem;line-height:1.4;color:var(--cz-muted-l)}
.sb-calc input[type=range]{width:100%;height:28px;margin:0;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer}
.sb-calc input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:99px;background:linear-gradient(90deg,var(--cz-indigo-deep) var(--fill,50%),#E1E4F0 var(--fill,50%))}
.sb-calc input[type=range]::-moz-range-track{height:6px;border-radius:99px;background:linear-gradient(90deg,var(--cz-indigo-deep) var(--fill,50%),#E1E4F0 var(--fill,50%))}
.sb-calc input[type=range]::-webkit-slider-thumb{width:22px;height:22px;margin-top:-8px;border:3px solid #fff;border-radius:50%;background:var(--cz-indigo-deep);box-shadow:0 0 0 1px rgba(79,70,229,.4),0 4px 10px -2px rgba(49,46,129,.45);-webkit-appearance:none;appearance:none}
.sb-calc input[type=range]::-moz-range-thumb{width:16px;height:16px;border:3px solid #fff;border-radius:50%;background:var(--cz-indigo-deep);box-shadow:0 0 0 1px rgba(79,70,229,.4)}
.sb-calc input[type=range]:focus-visible{outline:2px solid var(--cz-indigo-deep);outline-offset:4px}
.sb-num{display:inline-flex;align-items:center;gap:10px;justify-self:start;font-size:.95rem;color:var(--cz-muted-l)}
.sb-num input{width:120px;height:48px;padding:0 16px;border-radius:14px;border:1px solid rgba(11,16,32,.14);background:#F7F8FC;color:var(--cz-ink-text);font:600 1.05rem/1 var(--cz-display);-moz-appearance:textfield}
.sb-num input::-webkit-inner-spin-button,.sb-num input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}
.sb-num input:focus{outline:2px solid var(--cz-indigo-deep);outline-offset:2px;border-color:transparent}
.sb-scope{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;border:0;min-width:0}
.sb-scope legend{grid-column:1/-1;margin-bottom:10px;padding:0;font-size:.92rem;font-weight:600;color:var(--cz-ink-text)}
.sb-scope label{position:relative;cursor:pointer}
.sb-scope input{position:absolute;opacity:0;pointer-events:none}
.sb-scope label>span{display:flex;flex-direction:column;gap:5px;padding:12px 14px;border-radius:14px;border:1px solid rgba(11,16,32,.12);font:600 .9rem/1.2 var(--cz-body);color:#3A4459;transition:background .25s,border-color .25s,color .25s}
.sb-scope small{font:500 .68rem/1 var(--cz-mono);color:var(--cz-muted-l)}
.sb-scope input:checked+span{border-color:var(--cz-indigo-deep);background:#EEF0FF;color:var(--cz-ink-text)}
.sb-scope input:checked+span small{color:var(--cz-indigo-deep)}
.sb-scope input:focus-visible+span{outline:2px solid var(--cz-indigo-deep);outline-offset:2px}
.sb-calc__out{display:flex;flex-direction:column;gap:14px;padding:clamp(22px,2.6vw,32px);border-radius:28px;background:var(--cz-deep);color:var(--cz-text);box-shadow:0 50px 90px -60px rgba(49,46,129,.9)}
.sb-calc__k{font:500 .62rem/1 var(--cz-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cz-cyan)}
.sb-calc__out dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}
.sb-calc__out dl>div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:7px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid var(--cz-line)}
.sb-calc__out dt{font-size:.78rem;line-height:1.35;color:var(--cz-muted)}
.sb-calc__out dd{margin:0;font:600 clamp(1.05rem,1.5vw,1.3rem)/1.1 var(--cz-display);letter-spacing:-.025em;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums}
.sb-calc__out .is-hi{grid-column:1/-1;background:#EEF0FF;border-color:transparent}
.sb-calc__out .is-hi dt{color:var(--cz-muted-l)}
.sb-calc__out .is-hi dd{font-size:clamp(1.6rem,2.5vw,2.1rem);color:var(--cz-ink-text)}
.sb-calc__out dl>div:last-child{grid-column:1/-1}
.sb-calc__verdict{padding:12px 14px;border-radius:14px;border-left:3px solid #34D399;background:rgba(52,211,153,.07);font-size:.9rem;line-height:1.55;color:rgba(232,234,246,.9)}
.sb-calc__verdict.is-warn{border-left-color:#FBBF24;background:rgba(251,191,36,.07)}
.sb-calc__verdict.is-bad{border-left-color:#FB7185;background:rgba(251,113,133,.07)}
.sb-calc__out .cz-btn{margin-top:auto}
.sb-calc__note{grid-column:1/-1;font-size:.8rem;line-height:1.6;color:var(--cz-muted-l)}

/* ================================================================
   06 - cennik
   ================================================================ */
.sb-plan__price--txt strong{font-size:1.25rem!important;letter-spacing:-.02em!important}
.cz-plans__note a{color:var(--cz-cyan);font-weight:600}

/* ================================================================
   08 - zasady, autorzy, koncepcja
   ================================================================ */
.sb-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sb-rule{padding:24px;border-radius:24px;background:linear-gradient(180deg,rgba(17,22,46,.8),rgba(8,11,26,.88));border:1px solid rgba(165,180,252,.14)}
.sb-rule__ic{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(34,211,238,.12);color:var(--cz-cyan);font-size:.9rem}
.cz-page .sb-rule h3{margin:16px 0 8px!important;font-size:1.04rem!important;line-height:1.3!important;letter-spacing:-.015em;color:#fff}
.sb-rule p{font-size:.88rem;line-height:1.62;color:var(--cz-muted)}
.sb-author{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:20px;align-items:center;margin-top:24px;padding:22px 26px;border-radius:24px;border:1px dashed rgba(165,180,252,.3);background:rgba(255,255,255,.02)}
.sb-author__ic{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:rgba(99,102,241,.18);color:var(--cz-lav);font-size:1.05rem}
.sb-author__txt strong{display:block;font:600 1rem/1.3 var(--cz-display);letter-spacing:-.015em;color:#fff}
.sb-author__txt p{margin-top:6px!important;font-size:.9rem;line-height:1.65;color:var(--cz-muted);max-width:78ch}
.sb-author__links{display:flex;gap:20px}
.sb-author__links .cz-textlink{font-size:.86rem}
.sb-concept{margin-top:clamp(48px,6vw,72px)}
.sb-concept__head{max-width:760px}
.cz-page .sb-concept__head h3{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:clamp(1.2rem,1.9vw,1.5rem)!important;line-height:1.25!important;letter-spacing:-.02em;color:#fff}
.sb-concept__badge{padding:6px 10px;border-radius:999px;background:#FBBF24;color:#1C1405;font:600 .58rem/1 var(--cz-mono);letter-spacing:.1em;text-transform:uppercase}
.sb-concept__head p{margin-top:12px!important;font-size:.94rem;line-height:1.7;color:var(--cz-muted)}
.sb-concept__head .cz-textlink{margin-top:14px;font-size:.88rem}
.sb-pf{margin-top:24px}
.sb-pf .pf-grid{grid-template-columns:repeat(3,minmax(0,1fr))}

/* kontakt */
.sb-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.sb-list li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;font-size:.9rem;line-height:1.5;color:rgba(232,234,246,.86)}
.sb-list i{margin-top:5px;font-size:.7rem;color:var(--cz-cyan)}

/* ================================================================
   RESPONSYWNOŚĆ
   ================================================================ */
@media (max-width:1180px){
	.sb-roles,.sb-rules{grid-template-columns:repeat(2,minmax(0,1fr))}
	.sb-calc{grid-template-columns:1fr}
	.sb-pf .pf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1024px){
	.sb-hero .cz-hero__grid{grid-template-columns:1fr}
	.sb-stage{justify-self:center;margin-top:28px}
	.sb-plats,.sb-chan{grid-template-columns:1fr}
	.sb-author{grid-template-columns:56px minmax(0,1fr)}
	.sb-author__links{grid-column:2}
}
@media (max-width:760px){
	.sb-hero .cz-hero__title{font-size:clamp(1.75rem,7.4vw,2.3rem)!important}
	/* scena: bez okna sklepu, czat na pełną szerokość, lista pod nim */
	.sb-stage{display:flex;flex-direction:column;gap:12px;max-width:400px;aspect-ratio:auto;margin-top:22px}
	.sb-sample{position:static;align-self:flex-start}
	.sb-shop{display:none}
	.sb-chat{position:relative;right:auto;top:auto;width:100%;aspect-ratio:360/450;border-radius:22px}
	.sb-kb{position:relative;left:auto;bottom:auto;width:100%;padding:16px;border-radius:20px}
	.sb-kb__head{font-size:.92rem}
	.sb-kb__head em{min-width:24px;height:24px;font-size:.72rem}
	.sb-kb__list{margin-top:12px;gap:8px}
	.sb-kb__list li{padding:10px 12px;border-radius:12px}
	.sb-kb__q{font-size:.84rem}
	.sb-kb__st{padding:5px 9px;font-size:.66rem}
	.sb-kb__foot{margin-top:12px;font-size:.76rem}

	.sb-roles,.sb-rules{grid-template-columns:1fr;gap:12px}
	.sb-role,.sb-rule,.sb-plat{padding:20px;border-radius:22px}
	.sb-page .cz-when{grid-template-columns:1fr}
	.sb-calc__in,.sb-calc__out{padding:20px 16px;border-radius:24px}
	.sb-calc__out dl{gap:8px}
	.sb-calc__out dl>div{padding:12px}
	.sb-calc__out dd{font-size:1.02rem}
	.sb-scope{grid-template-columns:1fr}
	.sb-num input{font-size:16px}
	.sb-author{grid-template-columns:1fr;gap:12px;padding:20px}
	.sb-author__ic{width:46px;height:46px}
	.sb-author__links{grid-column:auto}
	.sb-pf .pf-grid{grid-template-columns:1fr}
}
@media (max-width:520px){
	.sb-hero .cz-proof dd{font-size:1.06rem;white-space:nowrap}
}
@media (prefers-reduced-motion:reduce){
	.cz-js .sb-stage{opacity:1;transform:none}
	.sb-chat__track,.sb-kb__list li{transition:none}
}