:root{--bk:#000;--ch:#15181b;--st:#262b30;--zn:#c9ced3;--bl:#2a8bd0;--or:#f39a1e;--tx:#e9ecef;--bti:#08111a;--fo:#7cc4ff;--rq:#ff7b8a;--ok:#6fdc8c;--hd:#000;--hx:#e9ecef;--hb:#c9ced3;--hh:#262b30;--fx:#b9c0c6;--bt:#4aa8e8;--ca:#ff8107;--pn:rgba(21,24,27,.86);--mu:#c5cbd1;--ln:#3a4046;--ac:#f39a1e;--ov:rgba(10,12,14,.38),rgba(10,12,14,.66);--hf:"Bahnschrift","DIN Alternate","Roboto Condensed","Arial Narrow",sans-serif}
*{box-sizing:border-box}html{scroll-padding-top:90px}
body{margin:0;background:var(--ch);color:var(--tx);font:17px/1.6 system-ui,"Segoe UI",Roboto,sans-serif;display:flex;flex-direction:column;min-height:100vh}
main{flex:1}a{color:inherit}h1,h2,h3{font-family:var(--hf);font-weight:600;line-height:1.1;letter-spacing:.01em;margin:0 0 .5em}
h1{font-size:clamp(2.2rem,6vw,4rem)}h2{font-size:clamp(1.6rem,3.5vw,2.2rem)}
:focus-visible{outline:3px solid var(--fo);outline-offset:3px}
header{position:sticky;top:0;z-index:20;background:var(--hd);display:flex;align-items:center;gap:8px;padding:6px 24px;border-bottom:3px solid var(--bl)}
.logo img{height:56px;width:auto;display:block}
nav{display:flex;gap:6px;align-items:center}nav>a,.dd>button{color:var(--hx);text-decoration:none;background:none;border:0;font:600 1rem var(--hf);padding:10px 14px;cursor:pointer;border-radius:4px}
nav>a:hover,.dd>button:hover{background:var(--hh)}nav{margin-left:auto}.hbtns{display:flex;gap:6px;align-items:center;margin-left:6px}.lang{color:var(--hx);text-decoration:none;font:600 1rem var(--hf);border:1px solid var(--hb);padding:7px 12px;border-radius:4px}.lang:hover{background:var(--hh)}
.dd{position:relative}.menu{display:none;position:absolute;top:100%;left:0;min-width:270px;background:var(--hd);border-top:3px solid var(--or);padding:6px}
.dd:hover .menu,.dd.open .menu,.dd:focus-within .menu{display:block}.menu a{display:block;padding:10px 14px;text-decoration:none}.menu a:hover{background:var(--hh);color:var(--or)}
.burger{display:none;background:none;color:var(--hx);border:1px solid var(--hb);font-size:1.4rem;padding:2px 12px;border-radius:4px}
#bg{position:fixed;inset:0;z-index:-1;background:linear-gradient(135deg,#1b1f23,#2d343a)}
#bg div{position:absolute;inset:0;background:var(--img) center/cover no-repeat;opacity:0;transition:opacity 1.6s}
#bg div.on{opacity:1;animation:zoom 9s linear forwards}@keyframes zoom{to{transform:scale(1.07)}}
body.home #bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--ov))}
body.home{background:transparent}
.wrap{max-width:1180px;margin:0 auto;padding:56px 24px}.hero{max-width:1180px;margin:0 auto;padding:12vh 24px 40px}.hero p{max-width:34em;font-size:1.2rem}
.btn{display:inline-block;background:var(--or);color:#111;font:700 1.05rem var(--hf);padding:13px 28px;border:0;border-radius:3px;text-decoration:none;cursor:pointer}.btn:hover{background:#ffb347}
.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.card{grid-column:span 2}.card:nth-child(4){grid-column:2/4}.card:nth-child(5){grid-column:4/6}
.card{background:var(--pn);padding:26px 22px 20px;text-decoration:none;display:flex;flex-direction:column;gap:6px;border-top:10px solid var(--zn);border-image:repeating-linear-gradient(90deg,#0f82d2 0 12px,#ff8107 12px 24px) 10;backdrop-filter:blur(3px)}
.card h3{font-size:1.4rem;color:var(--bt)}.card p{margin:0 0 10px;color:var(--mu);font-size:.95rem}.card span{margin-top:auto;color:var(--ca);font-weight:600}.card:hover{background:var(--st);box-shadow:inset 0 -5px 0 #ff8107}
.panel{background:var(--pn);margin-bottom:56px}.about{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center}
.facts div{padding:12px 0;border-bottom:1px solid var(--ln)}.facts b{display:block;font:600 1.7rem var(--hf);color:var(--bl)}.facts span{color:var(--mu)}
.band{background:linear-gradient(90deg,var(--st),var(--ch));border-bottom:4px solid var(--bl)}.band .wrap{padding:48px 24px}.band p{max-width:40em;margin:0 0 20px;color:var(--mu)}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;cursor:zoom-in;background:var(--st)}
dialog{border:0;background:transparent;max-width:95vw;max-height:95vh;padding:0}dialog::backdrop{background:rgba(0,0,0,.88)}dialog img{max-width:95vw;max-height:90vh;display:block}
.sw{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.sw li{background:var(--st)}.sw i{display:block;height:90px}.sw b{display:block;padding:8px 12px;font-family:var(--hf)}
.two{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:center}
form{display:grid;gap:18px}label,legend{font-weight:700;display:grid;gap:6px;font-size:.95rem}fieldset{border:0;padding:0;margin:0}legend{padding:0;margin-bottom:6px}em{color:var(--rq);font-style:normal}
.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}input,textarea,select{font:inherit;padding:11px 12px;border:1px solid #6b737a;background:#fff;color:#111;border-radius:3px;width:100%}
.map{width:100%;height:380px;border:0;display:block;background:var(--st)}select{appearance:auto}.hp{position:absolute;left:-9999px}#st{margin:0;min-height:1.6em;font-weight:600}#st.ok{color:var(--ok)}#st.bad{color:var(--rq)}
.info{list-style:none;padding:0;margin:0;display:grid;gap:30px;font:500 1.35rem var(--hf)}.info li{display:flex;gap:14px;align-items:center}.ic{width:26px;height:26px;flex:none}
footer{background:var(--hd);padding:28px 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;max-width:none;font-size:.95rem;color:var(--fx);border-top:3px solid var(--or)}
@media(max-width:860px){.burger{display:block}.hbtns{margin-left:auto}nav{margin-left:0}nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--hd);flex-direction:column;align-items:stretch;padding:10px}nav.open{display:flex}.menu{display:block;position:static;border:0;padding-left:14px}.dd>button{display:none}
.about,.two{grid-template-columns:1fr}.row{grid-template-columns:1fr}.logo img{height:46px}}
@media(max-width:860px){.cards{grid-template-columns:1fr 1fr}.card,.card:nth-child(4),.card:nth-child(5){grid-column:auto}}@media(max-width:560px){.cards{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#bg div.on{animation:none}#bg div{transition:none}}

html[data-theme=light]{--bti:#fff;--fo:#0f6fb5;--rq:#b3001b;--ok:#0b6b2a;--bt:#0f6fb5;--ca:#a85a00;--hd:#fff;--hx:#1a1d20;--hb:#8d949b;--hh:#e3e8ec;--fx:#454d54;--ch:#f3f5f7;--st:#e3e8ec;--tx:#1a1d20;--pn:rgba(255,255,255,.92);--mu:#454d54;--ln:#c9d0d6;--ac:#a85a00;--ov:rgba(243,245,247,.28),rgba(243,245,247,.55)}
html[data-theme=light] #bg{background:linear-gradient(135deg,#e8edf1,#fafbfc)}
html[data-theme=light] .band{background:linear-gradient(90deg,#dfe5ea,#f3f5f7)}
html[data-theme=light] .facts b{color:#1b6fae}
.tg{background:none;border:1px solid var(--hb);color:var(--hx);font-size:1.2rem;line-height:1;padding:7px 11px;border-radius:4px;cursor:pointer}.tg:hover{background:var(--hh)}
.txt{max-width:48em}.txt h2{font-size:1.6rem;margin-top:1.4em}.txt ul{padding-left:1.2em}.txt li{margin:.35em 0}
.slot{margin:28px 0}.slot:empty{display:none}.slot .gallery{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.mapph{height:380px;background:var(--st);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:24px}.mapph p{margin:0;max-width:34em}
html[data-theme=light] header{box-shadow:0 1px 8px rgba(0,0,0,.08)}html[data-theme=light] footer{box-shadow:0 -1px 8px rgba(0,0,0,.06)}
@media(max-width:420px){header{padding:6px 10px}.logo img{height:38px}.lang,.tg{padding:6px 9px}.hbtns{gap:4px}}
.hero h1,.hero p{text-shadow:0 2px 14px #000}html[data-theme=light] .hero h1,html[data-theme=light] .hero p{text-shadow:0 0 14px #fff,0 0 5px #fff}
.slot .gallery{display:block;columns:260px;column-gap:14px}.slot .gallery img{aspect-ratio:auto;height:auto;margin-bottom:14px;break-inside:avoid}
@media(max-aspect-ratio:1/1){#bg div{background:none}#bg div::before,#bg div::after{content:"";position:absolute}#bg div::before{inset:-30px;background:var(--img) center/cover;filter:blur(26px)}#bg div::after{inset:0;background:var(--img) center 84px/contain no-repeat}}
.wrap.cph{padding-top:32px;padding-bottom:0}.cph img{width:100%;max-height:460px;object-fit:cover;object-position:center 30%;display:block;border-bottom:5px solid #ff8107}
.chero .bar{width:100%}
html body .chero.has{background:var(--img) center/cover no-repeat;min-height:clamp(260px,34vw,650px);display:flex;align-items:center;border-bottom:0}
html body .chero.has .bar{background:rgba(24,26,28,.8)}html body .chero.has .bar .wrap{padding:40px 24px}
.chero.has h1{color:#fff;margin:0;letter-spacing:.08em;text-shadow:0 2px 10px rgba(0,0,0,.4)}
.sw{grid-template-columns:repeat(auto-fill,minmax(150px,170px));margin-bottom:40px}.sw img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.sw li{background:var(--pn)}.sw b{font-size:.95rem}

/* Zdjęcia między tekstami: pas na całą szerokość, niebieski gradient, zaokrąglone zdjęcia */
body{overflow-x:hidden}
.txt{margin:0 auto}.txt h2{text-transform:uppercase}
.slot{margin:44px calc(50% - 50vw);padding:26px 24px;background:linear-gradient(90deg,#1f7bbd 0%,#2b5683 74.9%,#119de6 75%,#0e86d9 100%)}
.slot:empty{display:none}
.slot .gallery{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;columns:auto;max-width:1400px;margin:0 auto}
.slot .gallery img{width:auto;max-width:min(100%,640px);max-height:560px;height:auto;margin:0;border-radius:36px;aspect-ratio:auto;object-fit:contain;cursor:zoom-in}
@media(max-width:560px){.slot{padding:16px 12px}.slot .gallery img{border-radius:22px}}

/* Płynne przejścia w kolorach logo (niebieski -> pomarańczowy) */
.slot{background:radial-gradient(ellipse 55% 90% at 50% 50%,rgba(255,255,255,.2),transparent 70%),linear-gradient(100deg,#0a5ea6 0%,#0f82d2 40%,#ff8107 100%)}
.slot .gallery img{box-shadow:0 12px 32px rgba(0,0,0,.32)}
/* Nagłówek usług ze zdjęciem */
html body .chero.has p{display:none}html body .chero.has .btn{margin-top:16px}
.chero.svc.has h1{text-transform:uppercase;letter-spacing:.12em;line-height:1.35}

/* Dostępność (WCAG) */
.skip{position:absolute;left:8px;top:-80px;z-index:100;background:#fff;color:#000;padding:10px 16px;border:3px solid #0f6fb5;border-radius:4px;font-weight:700}.skip:focus{top:8px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
main:focus{outline:0}
nav a[aria-current=page],.menu a[aria-current=page]{box-shadow:inset 0 -3px 0 #ff8107}
.hbox{background:var(--pn);max-width:820px;padding:28px 32px;border-left:6px solid #ff8107}
.hero h1,.hero p,html[data-theme=light] .hero h1,html[data-theme=light] .hero p{text-shadow:none}
.pause{margin-left:12px;vertical-align:middle;background:transparent;border:2px solid currentColor;color:inherit;border-radius:4px;min-width:46px;min-height:46px;padding:8px 12px;font:700 1rem var(--hf);cursor:pointer}
.thumb{background:none;border:0;padding:0;margin:0;cursor:zoom-in;display:block;border-radius:36px}
.slot .gallery img{max-width:min(calc(100vw - 48px),640px)}
dialog{position:fixed}.dx{position:absolute;top:8px;right:8px;width:46px;height:46px;border:2px solid #fff;border-radius:50%;background:rgba(0,0,0,.75);color:#fff;font-size:1.6rem;line-height:1;cursor:pointer}
.mapph{height:auto;min-height:380px}.note{margin:0;font-size:.95rem;color:var(--mu)}
@media(max-width:560px){.hbox{padding:20px 18px}.pause{margin:12px 0 0}}

/* Przyciski social media po lewej */
.social{position:fixed;left:0;top:42%;z-index:30;display:flex;flex-direction:column}
.social a{display:flex;align-items:center;justify-content:center;width:46px;height:46px;text-decoration:none}
.social svg{width:24px;height:24px}
.social .fb{background:#0f82d2;color:#fff}.social .ig{background:#ff8107;color:#111}
.social a:hover{filter:brightness(1.12)}.social a:focus-visible{outline-offset:-5px;outline-color:#fff;box-shadow:inset 0 0 0 5px #111}
@media(max-width:860px){.social{top:auto;bottom:14px;flex-direction:row}.social a{width:42px;height:42px}}
@media print{.social{display:none}}
/* Paleta kolorów: gradientowe tło w kolorach strony */
body.pal main{background:radial-gradient(ellipse 60% 55% at 100% 100%,rgba(255,129,7,.5),transparent 70%),linear-gradient(160deg,#0a3a63 0%,#0b5a9c 50%,#0f82d2 100%)}
body.pal main h2{color:#fff}
.sw li{border-radius:10px;overflow:hidden;box-shadow:0 8px 22px rgba(0,0,0,.28)}

/* Podstrona realizacji: jednolita siatka, zdjęcia dopasowują się do kafelków */
.wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:12px}
.wall .thumb{border-radius:8px;overflow:hidden;aspect-ratio:4/3;background:var(--st)}
.wall .thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.wall .thumb:hover img{transform:scale(1.05)}
@media(prefers-reduced-motion:reduce){.wall .thumb img{transition:none}.wall .thumb:hover img{transform:none}}
.more{text-align:center;padding-top:8px;padding-bottom:8px}
.dp,.dn{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border:2px solid #fff;border-radius:50%;background:rgba(0,0,0,.75);color:#fff;font-size:1.8rem;line-height:1;cursor:pointer}.dp{left:8px}.dn{right:8px}

/* Ikony usług na kafelkach (jasna podkładka, żeby linie były czytelne w obu trybach) */
.card .ico{display:block;height:92px;width:auto;max-width:100%;margin:0 0 8px;padding:8px 14px;background:#fff;border-radius:10px;object-fit:contain;align-self:flex-start}

/* Mała ikona obok nazwy usługi */
.ct{display:flex;align-items:center;gap:12px;margin-bottom:6px}.ct h3{margin:0}
.card .ico{height:46px;width:auto;margin:0;padding:5px 8px;border-radius:8px;align-self:auto;flex:none}

/* Kafelek: mała ikona po lewej, cały tekst po prawej */
.card{flex-direction:row;align-items:stretch;gap:14px}
.cb{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.cb h3{margin:0}
.card .ico{height:52px;align-self:flex-start}

/* Ikona po prawej, tuż obok niebieskiej nazwy usługi */
.card{flex-direction:column;align-items:stretch;gap:6px}
.ct{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin:0}.ct h3{margin:0}
.card .ico{height:40px;align-self:auto;padding:4px 7px}

/* Ikona w tym samym wierszu co nazwa, zaraz po jej prawej stronie, wyśrodkowana pionowo */
.ct{flex-wrap:nowrap;align-items:center;gap:10px}
.ct h3{flex:0 1 auto;min-width:0;font-size:1.3rem}
.card .ico{height:48px;width:auto;flex:none;padding:4px 6px;margin:0}

/* Przycisk wstrzymania tła w nagłówku, obok przycisków języka i trybu */
.hbtns .pause{margin:0;min-width:0;min-height:0;background:none;border:1px solid var(--hb);color:var(--hx);border-radius:4px;padding:9px 11px;font-size:1rem;line-height:1;vertical-align:baseline}
.hbtns .pause:hover{background:var(--hh)}
@media(max-width:420px){.hbtns .pause{padding:8px 9px}}
/* Paleta: próbki wyśrodkowane na stronie */
.sw{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
.sw li{width:160px}
body.pal main .wrap h2{text-align:center}
@media(max-width:420px){.sw li{width:calc(50% - 8px)}}

/* Podstrony hal w menu, bloki "Zobacz także", stopka z nawigacją */
.menu a.sub{padding-left:30px;font-size:.93rem}.menu a.sub::before{content:"– "}
.related{padding-top:8px}.related h2{font-size:1.3rem}
.related ul{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.related a{display:inline-block;padding:10px 16px;border:2px solid var(--bt);border-radius:999px;color:var(--bt);text-decoration:none;font-weight:600}
.related a:hover{background:var(--bt);color:var(--bti)}
.fnav{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px 18px;border-top:1px solid var(--ln);padding-top:14px}
.fnav a{text-decoration:underline;text-underline-offset:3px}
.copy{grid-column:1/-1;margin:0}
.note a{text-decoration:underline}
.txt p strong{color:var(--bt)}
h1,h2,h3{overflow-wrap:anywhere;hyphens:auto}
.chero.svc.has h1{letter-spacing:.06em}
@media(max-width:600px){h1{font-size:clamp(1.55rem,7.4vw,2.2rem)}.chero.svc.has h1{letter-spacing:.03em;font-size:clamp(1.4rem,6.6vw,2rem)}.hero{padding-left:16px;padding-right:16px}}
html,body{max-width:100%}
.tg{display:inline-flex;align-items:center;justify-content:center}
@media(max-width:860px){.social a{width:38px;height:38px}.social svg{width:20px;height:20px}body>footer,footer{padding-bottom:64px}}
.fnav,.fnav>a{margin-left:0}
.fnav>a{padding:4px 0;font:inherit;color:inherit;border-radius:0}.fnav>a:hover{background:none}
@media(max-width:860px){.fnav{position:static;display:flex;flex-direction:row;align-items:flex-start;background:none;padding:14px 0 0}}
footer{display:block;padding:44px 24px 28px}
footer .fin{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1.2fr 1fr;gap:28px 40px;align-items:start;line-height:1.7}
footer .fin>div:nth-child(3){display:flex;flex-direction:column;gap:2px}
footer .fnav{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px 40px;border-top:1px solid var(--ln);padding-top:24px;margin-top:4px}
footer .fnav>a{padding:2px 0}
footer .copy{grid-column:1/-1;border-top:1px solid var(--ln);padding-top:18px;font-size:.88rem;opacity:.85}
@media(max-width:860px){footer .fin{grid-template-columns:1fr;gap:20px}footer .fnav{grid-template-columns:1fr 1fr;gap:6px 20px}footer{padding:32px 20px 64px}}

/* ===== Konfigurator garażu ===== */
.cfgrid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:32px;align-items:start}
.stage{position:sticky;top:84px;background:var(--pn);border:1px solid var(--ln);padding:12px;display:grid;gap:10px}
.c3{width:100%;height:min(62vh,560px);min-height:320px;display:block;color:var(--tx);cursor:grab;touch-action:none;background:linear-gradient(180deg,var(--st),var(--ch));border-radius:4px}
.c3.grab{cursor:grabbing}.c3:focus-visible{outline:3px solid var(--fo)}
.drag,.disc{margin:0;font-size:.85rem;color:var(--mu)}
.vbar{display:flex;flex-wrap:wrap;gap:6px}.vb{background:none;border:1px solid var(--hb);color:var(--tx);font:600 .9rem var(--hf);padding:7px 12px;border-radius:4px;cursor:pointer}.vb:hover{background:var(--hh)}
.panel2{display:grid;gap:18px}
.stp{border:1px solid var(--ln);background:var(--pn);padding:18px 18px 20px;display:grid;gap:14px}
.stp legend{float:left;width:100%;display:flex;align-items:center;gap:10px;font:600 1.25rem var(--hf);padding:0;margin:0 0 4px}
.stp legend+*{clear:both}
.stp legend i{font-style:normal;background:var(--or);color:#111;width:30px;height:30px;border-radius:50%;display:inline-grid;place-items:center;font-size:1rem}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:block;position:relative;font-weight:600}
.chip input{position:absolute;opacity:0;width:1px;height:1px;padding:0;border:0}
.chip span{display:block;border:2px solid var(--hb);padding:8px 14px;border-radius:999px;cursor:pointer;font-size:.95rem}
.chip:hover span{background:var(--hh)}.chip input:checked+span{background:var(--bt);border-color:var(--bt);color:var(--bti)}
.chip input:focus-visible+span{outline:3px solid var(--fo);outline-offset:2px}
.sub{display:grid;gap:8px}.sub[hidden]{display:none}
.hint{margin:0;font-size:.88rem;color:var(--mu)}
.sl{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center}.sl label{grid-column:1/-1;font-weight:600}
.cfgrid input[type=range]{padding:0;border:0;background:none;accent-color:var(--or);width:100%;height:28px}
.nb{display:flex;align-items:center;gap:6px}.nb input{width:84px;padding:7px 8px}
.fld{font-weight:600}.fld select{padding:9px 10px}
.two2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ck{display:flex;gap:10px;align-items:flex-start;font-weight:400}.ck input{width:20px;height:20px;margin-top:3px;flex:none;accent-color:var(--or)}
.ck span{display:grid}.ck small{color:var(--mu);font-size:.85rem}
.tabs{margin-bottom:2px}.cname{margin:0;font-weight:600;color:var(--bt)}
.swhost h4{margin:10px 0 6px;font:600 1rem var(--hf);color:var(--mu)}
.sws{display:grid;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:8px}
.swb{background:none;border:2px solid transparent;color:var(--tx);padding:2px;cursor:pointer;display:grid;gap:2px;font-size:.68rem;text-align:center;line-height:1.15;border-radius:4px}
.swb img{width:100%;height:auto;aspect-ratio:1;display:block;border-radius:3px}.swb:hover{border-color:var(--hb)}
.swb[aria-pressed=true]{border-color:var(--or);box-shadow:0 0 0 2px var(--or)}
.lnk{background:none;border:0;color:var(--bt);text-decoration:underline;cursor:pointer;font:inherit;justify-self:start;padding:0}
.sum{list-style:none;margin:0;padding:12px 14px;background:var(--st);display:grid;gap:5px;font-size:.92rem}.area{margin:0;font-weight:700}
.qf{display:grid;gap:14px}#cst{margin:0;min-height:1.6em;font-weight:600}#cst.ok{color:var(--ok)}#cst.bad{color:var(--rq)}
.cfgcta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding-top:0;padding-bottom:0}
.btn.alt{background:none;color:var(--tx);border:2px solid var(--or)}.btn.alt:hover{background:var(--or);color:#111}
.hero .btns{display:flex;flex-wrap:wrap;gap:12px}
@media(max-width:980px){.cfgrid{grid-template-columns:1fr}.stage{position:static}.c3{height:min(55vh,420px)}}
@media(max-width:480px){.two2{grid-template-columns:1fr}.stp{padding:14px}}
.chero .btn.alt{color:#fff}.chero .btn.alt:hover{color:#111}.band .btn+.btn,.hbox .btn+.btn{margin-left:10px}.hero .btns .btn+.btn{margin-left:0}
.swhost h4{text-transform:capitalize}
@media(max-width:480px){.band .btn+.btn{margin:10px 0 0}}