html, body { margin: 0; padding: 0; background: #FFFFFF; } body { font-family: 'Manrope', 'Segoe UI', sans-serif; color: #111111; -webkit-font-smoothing: antialiased; } a { color: #111111; text-decoration: none; } a:hover { color: #767676; } ::selection { background: #E9E9E9; } summary { list-style: none; cursor: pointer; } summary::-webkit-details-marker { display: none; } a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, summary:focus-visible { outline: 2px solid #111111; outline-offset: 3px; } .drop { position: relative; } .drop > .dropmenu { display: none; position: absolute; top: 100%; left: -24px; padding-top: 16px; z-index: 50; } .drop:hover > .dropmenu { display: flex; } #navtoggle { display: none; } .hamburger { display: none; } image-slot { contain: inline-size; min-width: 0; } @media (max-width: 1024px) { section[style*="grid-template-columns: 1fr 1fr"], section[style*="grid-template-columns: 1.1fr 1fr"], section[style*="grid-template-columns: 1fr 1.05fr"], section[style*="grid-template-columns: 1.05fr 1fr"], section[style*="grid-template-columns: 1.1fr 1.05fr"], section > div[style*="grid-template-columns: 1fr 1fr"], section > div[style*="grid-template-columns: 1.1fr 1fr"], section > div[style*="grid-template-columns: 1.25fr 1fr"], section > div[style*="grid-template-columns: 1fr 1.05fr"], section > div[style*="grid-template-columns: 1fr 1.3fr"], section > div[style*="grid-template-columns: 1.4fr 1fr"], section > div[style*="grid-template-columns: 1fr 1.6fr"] { grid-template-columns: 1fr !important; gap: 40px !important; } section div[style*="grid-template-columns: 1fr 1fr 1fr"] { grid-template-columns: 1fr !important; } } @media (max-width: 1024px) { header > div { position: relative; padding-left: 20px; padding-right: 20px; gap: 12px; } .hamburger { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin-left: auto; flex-shrink: 0; cursor: pointer; font-size: 20px; color: #111111; background: #FFFFFF; border: 1px solid #E3E3E0; border-radius: 8px; } nav.mainnav { display: none !important; } #navtoggle:checked ~ nav.mainnav { display: flex !important; flex-direction: column; align-items: stretch; gap: 0; position: absolute; top: 100%; left: 0; right: 0; background: #FFFFFF; border-top: 1px solid #E3E3E0; border-bottom: 1px solid #E3E3E0; box-shadow: 0 18px 40px rgba(0,0,0,.16); padding: 8px 24px 18px; z-index: 200; } nav.mainnav a { color: #111111 !important; } nav.mainnav > a, nav.mainnav .drop { border-bottom: 1px solid #F0F0F0; } nav.mainnav > a { padding: 13px 0; } nav.mainnav .drop > a { padding: 13px 0; } nav.mainnav .dropmenu { display: block !important; position: static !important; padding-top: 0; } nav.mainnav .dropmenu > div { border: none !important; box-shadow: none !important; min-width: 0 !important; padding: 0 0 8px 16px !important; } nav.mainnav .dropmenu a { padding: 7px 0; } } .seo-more > summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: #111111; border-bottom: 1px solid #B9B9B5; padding-bottom: 3px; width: fit-content; } .seo-more > summary::-webkit-details-marker { display: none; } .seo-more > summary .chev { transition: transform .2s ease; } .seo-more[open] > summary .chev { transform: rotate(180deg); } .seo-more > summary .lbl-less { display: none; } .seo-more[open] > summary .lbl-more { display: none; } .seo-more[open] > summary .lbl-less { display: inline; } #dc-root h1{font-size:clamp(32px,6.4vw,76px)!important;line-height:1.07!important} #dc-root h2{font-size:clamp(25px,3.8vw,46px)!important} @media(max-width:600px){#dc-root h3{font-size:clamp(19px,4.6vw,28px)!important}} @media(max-width:600px){section[style*="padding: 120px"],section[style*="padding: 110px"],section[style*="padding:120px"]{padding-top:64px!important;padding-bottom:64px!important}}
/* blog-heading-fix */ [data-screen-label="Wpis bloga"] h1{font-size:clamp(30px,4.2vw,44px)!important;line-height:1.14!important} [data-screen-label="Wpis bloga"] h2{font-size:clamp(24px,3vw,32px)!important;line-height:1.2!important} [data-screen-label="Blog"] h1{font-size:clamp(34px,5vw,56px)!important;line-height:1.08!important} [data-screen-label="Blog"] article h2,[data-screen-label="Blog"] article h3{font-size:clamp(20px,2.2vw,26px)!important;line-height:1.18!important}

/* mobile-fix */
@media (max-width:1024px){html,body{overflow-x:hidden}header>div{flex-wrap:nowrap}header .hamburger{display:inline-flex!important;order:10;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #111111!important;border-radius:50%!important;background:#FFFFFF;color:#111111;margin-left:12px}}
@media (max-width:900px){header>div>a:first-child{margin-right:auto}header a[href^="tel:"]{display:none!important}}
@media (max-width:640px){h1{font-size:clamp(30px,7.5vw,42px)!important;line-height:1.12!important}h2{font-size:clamp(24px,6vw,34px)!important;line-height:1.14!important}}

/* mobile-menu-v2 */
@media (max-width:1024px){#navtoggle:checked ~ nav.mainnav{padding:12px 20px 20px!important;gap:0!important;box-shadow:0 24px 54px rgba(0,0,0,.20)!important;max-height:82vh;overflow-y:auto;border-top:1px solid #ECECEA!important}nav.mainnav>a,nav.mainnav .drop>a{font-size:15px!important;font-weight:600!important;letter-spacing:.01em!important;padding:15px 2px!important;border-bottom:1px solid #F0F0F0!important}nav.mainnav .drop>a{display:flex!important;align-items:center!important;justify-content:space-between!important}nav.mainnav .dropmenu>div{padding:4px 0 12px 16px!important;margin:0 0 4px 2px!important;border-left:2px solid #EEEEEE!important}nav.mainnav .dropmenu a{font-size:13px!important;color:#666!important;padding:8px 0!important}nav.mainnav .dropmenu a:hover{color:#111!important;background:transparent!important}}

/* mobile-fix v3 — generyczny kolaps siatek i ochrona przed overflow */
@media (max-width:1024px){img,video,iframe{max-width:100%}[style*="display: grid"]>*,[style*="display: flex"]>*{min-width:0}[style*="repeat(12, 1fr)"]{grid-template-columns:1fr!important}[style*="repeat(12, 1fr)"]>[style*="grid-column: span"]{grid-column:auto!important}}
@media (max-width:900px){[style*="grid-template-columns:"]:not([style*="auto-fit"]):not([style*="auto-fill"]):not([style*="56px"]):not([style*="repeat(4, 1fr)"]):not(.caps-table){grid-template-columns:1fr!important}[style*="grid-template-columns: repeat(4, 1fr)"]{grid-template-columns:repeat(2,1fr)!important}[style*="grid-column: span"]{grid-column:auto!important}[style*="grid-row: span"]{grid-row:auto!important}}
@media (max-width:640px){section [style*="display: flex"]:not([style*="flex-direction: column"]),footer [style*="display: flex"]:not([style*="flex-direction: column"]){flex-wrap:wrap}[style*="padding: 0 48px"],[style*="padding:"][style*="px 48px"]{padding-left:22px!important;padding-right:22px!important}form[style*="padding: 44px 48px"]{padding:30px 20px!important}section div[style*="display: flex"][style*="gap: 16px"]>a{width:100%;justify-content:center;text-align:center}a[style*="align-items: baseline"][style*="justify-content: space-between"]{flex-direction:column;align-items:flex-start!important;row-gap:8px}[style*="height: 640px"],[style*="height: 600px"]{height:420px!important}[style*="height: 460px"],[style*="height: 420px"],[style*="height: 400px"]{height:260px!important}}

/* mobile-fix v4 */@media (max-width:768px){section a:not([class]),article a:not([class]),footer a:not([class]){position:relative}section a:not([class])::after,article a:not([class])::after,footer a:not([class])::after{content:"";position:absolute;left:-6px;right:-6px;top:-8px;bottom:-8px}[style*="font-size: 11px"],[style*="font-size:11px"]{font-size:12px!important}[style*="font-size: 10px"],[style*="font-size:10px"]{font-size:11.5px!important}}@media (max-width:680px){[data-archive-grid]{grid-template-columns:1fr!important}[data-events-grid]{grid-template-columns:1fr!important}}
.skip{position:absolute;left:-9999px;top:0;z-index:100000;background:#0F0F0F;color:#fff;padding:12px 20px;font:600 13px/1 Manrope,sans-serif;text-decoration:none}.skip:focus{left:8px;top:8px}
@media(max-width:900px){.mcta{position:fixed;left:0;right:0;bottom:0;z-index:9998;display:grid;grid-template-columns:1fr 1fr 1fr;height:56px;background:#0F0F0F;border-top:1px solid #262626}.mcta a{display:flex;align-items:center;justify-content:center;gap:7px;color:#EDEDEA;text-decoration:none;font:600 12px/1 Manrope,sans-serif;letter-spacing:.04em;border-left:1px solid #262626}.mcta a:first-child{border-left:0}.mcta a.pri{background:#B08D57;color:#0F0F0F}body.has-mcta{padding-bottom:56px}}@media(min-width:901px){.mcta{display:none}}
/*rwd-1024*/
@media(max-width:1024px){footer [style*="grid-template-columns: 1.4fr"]{grid-template-columns:1fr 1fr!important}}
.lp-form-msg{max-width:1320px;margin:0 auto 24px;padding:16px 20px;font-family:Manrope,sans-serif;font-size:15px;line-height:1.6;border:1px solid #C9C9C2;background:#FFFFFF;color:#111111}.lp-form-msg.is-ok{border-color:#2F6B45;color:#21532F}.lp-form-msg.is-err{border-color:#9B2C2C;color:#8A2626}
/* caps-table — tabela układów i pojemności (Dla biznesu) na mobile */
@media (max-width:900px){
.caps-table{grid-template-columns:1fr 1fr!important;column-gap:16px!important}
.caps-table .cap-blank{display:none!important}
.caps-table>a{padding:0 0 14px!important}
.caps-table .cap-row{grid-column:1/-1;padding:20px 0 8px!important}
.caps-table .cap-val{border-top:none!important;padding:0 0 20px!important}
.caps-table .cap-val>span:first-child{font-size:30px!important}
.caps-table .cap-row svg{width:64px;height:40px}
}