/* Śląskie WOPR – Stopka */
.swst,.swst *,.swst *::before,.swst *::after{box-sizing:border-box}
.swst{position:relative;display:block;clear:both;margin:var(--st-gap) 0 0;padding:0;font-family:var(--st-font);font-size:15px;line-height:1.6;color:rgba(255,255,255,.86);background:linear-gradient(160deg,var(--st-from) 0%,var(--st-to) 78%);-webkit-font-smoothing:antialiased;isolation:isolate;overflow:hidden}
.swst::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 55% 70% at 8% 0%,rgba(255,255,255,.14),transparent 70%);pointer-events:none}
.swst--dots::after{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(255,255,255,.11) 1.2px,transparent 1.6px);background-size:22px 22px;-webkit-mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.4) 60%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.4) 60%,transparent 100%);pointer-events:none}

/* fala u góry */
.swst-wave{position:absolute;z-index:3;left:0;right:0;top:-1px;width:100%;height:60px;display:block;pointer-events:none}
.swst-wave .w1{fill:var(--st-page)}
.swst-wave .w2{fill:var(--st-page);opacity:.35}

.swst-in{position:relative;z-index:2;max-width:var(--st-max);margin:0 auto;padding:0 24px}
.swst-main{position:relative;overflow:hidden;padding:var(--st-pt) 0 52px}
.swst--wave .swst-main{padding-top:calc(var(--st-pt) + 36px)}

/* ozdoby */
.swst-deco{position:absolute;z-index:0;right:-40px;bottom:-30px;width:640px;height:384px;pointer-events:none}
.swst-deco--rings circle{fill:none;stroke:rgba(255,255,255,.045)}
.swst-deco--rings .seg{stroke:rgba(255,255,255,.035)}
.swst-deco--rings .g2 circle{stroke:rgba(255,255,255,.03)}
.swst-buoy{position:absolute;z-index:0;right:-84px;bottom:-84px;width:240px;height:240px;opacity:.9;transform:rotate(-14deg);pointer-events:none}
.swst-buoy svg{display:block;width:100%;height:100%;overflow:visible}
.swst-buoy .ring{fill:none;stroke:#fff;stroke-width:38}
.swst-buoy .band{fill:none;stroke:var(--st-buoy);stroke-width:38}
.swst-buoy .edge{fill:none;stroke:rgba(10,30,60,.12);stroke-width:1.2}
.swst-buoy .rope{fill:none;stroke:var(--st-accl);stroke-width:3.2;stroke-linecap:round}
.swst-buoy .knot{fill:var(--st-acc)}

/* siatka */
.swst-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.8fr) minmax(0,.8fr) minmax(0,1.15fr);gap:44px 48px;align-items:start}

/* oddział */
.swst.swst a.swst-id{display:flex;align-items:center;gap:16px;color:#fff!important;text-decoration:none!important;box-shadow:none}
.swst-logo{flex:none;display:block;width:var(--st-logo);height:var(--st-logo)}
.swst-logo img{display:block;width:100%!important;height:100%!important;max-width:none;object-fit:contain;margin:0;border:0;box-shadow:none}
.swst--badge .swst-logo{padding:5px;border-radius:50%;background:#fff;box-shadow:0 10px 26px -14px rgba(6,24,48,.6)}
.swst-name{display:flex;flex-direction:column;gap:4px;min-width:0}
.swst-pre{font-size:12.5px;font-weight:500;line-height:1.35;color:var(--st-accl)}
.swst-title{font-size:21px;font-weight:700;line-height:1.2;letter-spacing:-.005em;color:#fff;text-wrap:balance}
.swst.swst .swst-desc{max-width:44ch;margin:20px 0 0;padding:0;font-size:15px;line-height:1.7;color:rgba(255,255,255,.8)}
.swst-socials{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.swst.swst a.swst-soc{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.28);color:#fff!important;text-decoration:none!important;transition:background-color .2s,border-color .2s,color .2s}
.swst-soc .swst-ico{width:19px;height:19px;fill:currentColor}
.swst.swst a.swst-soc:hover,.swst.swst a.swst-soc:focus-visible{background:#fff;border-color:#fff;color:var(--st-to)!important}

/* nagłówki kolumn */
.swst.swst .swst-h{position:relative;margin:4px 0 20px;padding:0 0 12px;font-family:inherit;font-size:16.5px;font-weight:600;line-height:1.3;letter-spacing:0;text-transform:none;color:#fff}
.swst.swst .swst-h::after{content:"";position:absolute;left:0;bottom:0;width:28px;height:3px;border-radius:3px;background:var(--st-accl)}

/* linki */
.swst.swst .swst-links ul,.swst.swst .swst-rows,.swst.swst .swst-blinks{margin:0;padding:0;list-style:none}
.swst.swst .swst-links li{margin:0 0 9px;padding:0}
.swst.swst .swst-links li::before,.swst.swst .swst-rows li::before,.swst.swst .swst-blinks li::before{content:none}
.swst.swst .swst-links a{display:inline-block;padding:2px 0;font-size:15px;font-weight:500;color:rgba(255,255,255,.84)!important;text-decoration:none!important;box-shadow:none;transition:color .2s,transform .2s}
.swst.swst .swst-links a:hover,.swst.swst .swst-links a:focus-visible{color:#fff!important;text-decoration:underline!important;text-decoration-color:var(--st-accl)!important;text-underline-offset:5px;text-decoration-thickness:2px!important}
.swst.swst .swst-links a[aria-current]{color:var(--st-accl)!important}

/* kontakt */
.swst.swst .swst-rows li{display:flex;align-items:flex-start;gap:11px;margin:0 0 12px;padding:0;font-size:15px;line-height:1.5}
.swst-rows .swst-ico{flex:none;width:18px;height:18px;margin-top:2px;fill:var(--st-accl)}
.swst.swst .swst-rows a{color:#fff!important;text-decoration:none!important;word-break:break-word}
.swst.swst .swst-rows a:hover{text-decoration:underline!important;text-underline-offset:4px}

.swst-acc{margin:18px 0 0}
.swst-acc-l{display:block;font-size:13px;color:rgba(255,255,255,.7);margin-bottom:3px}
.swst-acc-n{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px}
.swst-acc-v{font-size:15px;font-weight:600;color:#fff;letter-spacing:.02em;font-variant-numeric:tabular-nums}
.swst.swst button.swst-copy{display:inline-flex;align-items:center;gap:5px;margin:0;padding:3px 9px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:transparent;color:rgba(255,255,255,.88);font:inherit;font-size:12.5px;line-height:1.4;cursor:pointer;box-shadow:none;transition:background-color .2s,border-color .2s}
.swst.swst button.swst-copy:hover,.swst.swst button.swst-copy:focus-visible{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.5)}
.swst-copy .swst-ico{width:13px;height:13px;fill:currentColor}
.swst-copy .swst-i-ok,.swst-copy.is-ok .swst-i-copy{display:none}
.swst-copy.is-ok .swst-i-ok{display:block}


.swst.swst a.swst-more,.swst.swst a.swst-ffd-more{display:inline-flex;align-items:center;gap:7px;margin-top:18px;font-size:14.5px;font-weight:600;color:var(--st-accl)!important;text-decoration:none!important;box-shadow:none}
.swst-more .swst-ico,.swst-ffd-more .swst-ico{width:17px;height:17px;fill:currentColor;transition:transform .2s}
.swst.swst a.swst-more:hover .swst-ico,.swst.swst a.swst-ffd-more:hover .swst-ico{transform:translateX(3px)}
.swst.swst a.swst-more:hover,.swst.swst a.swst-ffd-more:hover{color:#fff!important}

/* dolny pasek */
.swst-bar{position:relative;z-index:2}
.swst-bar .swst-in{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;padding-top:20px;padding-bottom:20px}
.swst-bar .swst-in::before{content:"";position:absolute;top:0;left:24px;right:24px;height:1px;background:rgba(255,255,255,.16)}
.swst.swst .swst-copyright{margin:0;padding:0;font-size:13.5px;color:rgba(255,255,255,.72)}
.swst.swst .swst-blinks{display:flex;flex-wrap:wrap;gap:4px 22px}
.swst.swst .swst-blinks li{margin:0;padding:0}
.swst.swst .swst-blinks a{font-size:13.5px;color:rgba(255,255,255,.78)!important;text-decoration:none!important}
.swst.swst .swst-blinks a:hover{color:#fff!important;text-decoration:underline!important;text-underline-offset:4px}

/* pasek Fundacji */
.swst-ffd{position:relative;z-index:2;background:rgba(6,24,48,.26)}
.swst-ffd .swst-in{display:flex;align-items:center;gap:14px 26px;padding-top:18px;padding-bottom:18px}
.swst.swst a.swst-ffd-logo{flex:none;display:block;line-height:0;box-shadow:none;text-decoration:none!important;transition:opacity .2s}
.swst.swst a.swst-ffd-logo:hover{opacity:.85}
.swst-ffd-logo img{display:block;height:var(--st-ffd)!important;width:auto!important;max-width:220px;margin:0;border:0;box-shadow:none}
.swst.swst .swst-ffd-t{flex:1;min-width:0;margin:0;padding:0 0 0 26px;border-left:1px solid rgba(255,255,255,.18);font-size:13.5px;line-height:1.55;color:rgba(255,255,255,.78)}
.swst.swst a.swst-ffd-more{flex:none;margin:0;font-size:14px}
.swst--ffd-light .swst-ffd{background:#fff}
.swst--ffd-light.swst.swst .swst-ffd-t{color:#3c4a5c;border-left-color:#e2e8f0}
.swst--ffd-light.swst.swst a.swst-ffd-more{color:var(--st-from)!important}
.swst--ffd-light.swst.swst a.swst-ffd-more:hover{color:var(--st-to)!important}

.swst a:focus-visible,.swst button:focus-visible{outline:2px solid var(--st-accl);outline-offset:3px;border-radius:4px}

/* tablet */
@media (max-width:1024px){
	.swst-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 40px}
	.swst-brand{grid-column:1 / -1}
	.swst.swst .swst-desc{max-width:60ch}
	.swst-contact{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;align-items:start}
	.swst-contact .swst-h{grid-column:1 / -1}
	.swst-contact .swst-rows{grid-column:1}
	.swst-contact .swst-acc{grid-column:2;grid-row:2;margin-top:0}
	.swst-contact .swst-more{grid-column:1}
}

/* telefon */
@media (max-width:640px){
	.swst{font-size:14.5px}
	.swst-wave{height:34px}
	.swst--wave .swst-main{padding-top:calc(var(--st-pt) * .6 + 24px)}
	.swst-main{padding-bottom:40px}
	.swst-in{padding:0 20px}
	.swst-grid{gap:36px 24px}
	.swst.swst a.swst-id{gap:14px}
	.swst-logo{width:min(var(--st-logo),76px);height:min(var(--st-logo),76px)}
	.swst-title{font-size:19px}
	.swst-contact{display:block}
	.swst-deco{width:420px;height:252px;right:-90px}
	.swst-buoy{display:none}
	.swst-bar .swst-in::before{left:20px;right:20px}
	.swst-bar .swst-in{flex-direction:column;align-items:flex-start;gap:10px}
	.swst-ffd .swst-in{flex-direction:column;align-items:flex-start;gap:12px}
	.swst.swst .swst-ffd-t{padding:0;border:0}
}
@media (max-width:360px){
	.swst-grid{grid-template-columns:1fr}
}
@media print{.swst-wave,.swst-deco,.swst-buoy,.swst-copy{display:none}.swst{background:none;color:#000}}
