/* SystemPakowania.pl — autorska nakładka UX DI-ZET, bez zależności od builderów. */
:root{--dzsp-he-green:#0b8064;--dzsp-he-ink:#102b2e;--dzsp-he-soft:#f2f8f5;--dzsp-he-line:#dae6df}
html,body{max-width:100%;overflow-x:clip}
.dzsp-header,.dzsp-header-main{max-width:100%;min-width:0}
.dzsp-header-main{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:clamp(12px,1.3vw,21px)!important}
.dzsp-header-main .dzsp-brand{flex:0 0 auto!important;width:auto!important;min-width:0!important;max-width:260px!important}
.dzsp-header-main .dzsp-nav-desktop{flex:1 1 auto!important;min-width:0!important;width:auto!important;max-width:none!important;overflow:visible!important;margin-left:auto!important}
.dzsp-header .dzsp-nav-desktop .dzsp-menu-items{display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:nowrap!important;gap:clamp(9px,1.2vw,20px)!important;margin:0!important;padding:0!important;list-style:none!important;white-space:nowrap!important}
.dzsp-header .dzsp-nav-desktop .dzsp-menu-items>li{position:relative!important;flex:0 0 auto!important;margin:0!important}
.dzsp-header .dzsp-nav-desktop .dzsp-menu-items>li>a{display:inline-flex!important;align-items:center!important;line-height:1.25!important;white-space:nowrap!important;font-size:clamp(11px,.9vw,13px)!important;font-weight:700!important;padding:10px 0!important}
.dzsp-header .dzsp-nav-desktop .sub-menu{display:block!important;position:absolute!important;top:100%!important;left:0!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;min-width:240px!important;max-width:340px!important;width:max-content!important;z-index:9999!important;white-space:normal!important;text-align:left!important;box-shadow:0 18px 48px rgba(6,40,40,.17)!important}
.dzsp-header .dzsp-nav-desktop .dzsp-hub-menu-item:nth-last-child(2)>.sub-menu{left:auto!important;right:0!important}
.dzsp-header .dzsp-nav-desktop .sub-menu li,.dzsp-header .dzsp-nav-desktop .sub-menu a{white-space:normal!important;line-height:1.45!important;max-width:100%!important}
.dzsp-header .dzsp-nav-desktop .sub-menu a{display:block!important;padding:11px 16px!important}
.dzsp-header .dzsp-nav-desktop .dzsp-hub-menu-item>.sub-menu{max-height:min(80vh,560px)!important;overflow-y:auto!important;overscroll-behavior:contain}
.dzsp-header .dzsp-nav-desktop .menu-item-has-children:hover>.sub-menu,
.dzsp-header .dzsp-nav-desktop .menu-item-has-children:focus-within>.sub-menu{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
.dzsp-header-main>a,.dzsp-header-main>.dzsp-header-actions{flex:0 0 auto!important}
.dzsp-header-main .dzsp-header-actions{min-width:0!important}

/* Rzeczywisty logotyp DI-ZET® zamiast generowanego symbolu w nagłówku. */
.dzsp-header .dzsp-wordmark{gap:0!important;min-width:0!important}
.dzsp-header .dzsp-mark{display:block!important;flex:0 0 260px!important;width:260px!important;height:44px!important;min-width:260px!important;min-height:44px!important;border:0!important;border-radius:0!important;transform:none!important;box-shadow:none!important;background-color:transparent!important;background-image:url('logo-di-zet-2023.png')!important;background-position:center center!important;background-size:260px 260px!important;background-repeat:no-repeat!important}
.dzsp-header .dzsp-mark i,.dzsp-header .dzsp-mark::before,.dzsp-header .dzsp-mark::after{display:none!important}
.dzsp-header .dzsp-wordmark-copy{display:none!important}

/* Hero fotograficzne zamiast zestawu figur geometrycznych. */
body.home .dzsp-home-hero-art{background-position:center center!important;background-size:cover!important;background-repeat:no-repeat!important;overflow:hidden!important;box-shadow:inset 0 0 0 1px rgba(12,48,45,.08)!important;isolation:isolate!important}
html.dzsp-he-hero-on body.home .dzsp-home-hero-art>*,html.dzsp-he-hero-on body.home .dzsp-home-hero-art::before,html.dzsp-he-hero-on body.home .dzsp-home-hero-art::after{display:none!important}
body.home .dzsp-home-hero-grid,body.home .dzsp-home-hero-content{min-width:0!important}
body.home .dzsp-home-hero-content h1{overflow-wrap:normal;hyphens:auto}
body.home .dzsp-home-hero-art{min-height:clamp(430px,44vw,655px)}
html.dzsp-he-hide-media body.home .dzsp-legacy-content figure.wp-block-video:has(video[src*="new-creative-video-1.mp4"]),
html.dzsp-he-hide-media body.home .dzsp-legacy-content figure.wp-block-image:has(img.wp-image-339){display:none!important}

/* Długą listę specjalistycznych domen zachowujemy, ale zwiększamy czytelność. */
body.home .dzsp-legacy-content>ul{columns:2;column-gap:44px}
body.home .dzsp-legacy-content>ul>li{break-inside:avoid;line-height:1.55;margin-bottom:6px}

.dzsp-he-related,.dzsp-he-finder{clear:both;margin:60px auto;padding:clamp(23px,3.5vw,48px);background:linear-gradient(135deg,#f4faf7,#fff);border:1px solid var(--dzsp-he-line);border-radius:22px;color:var(--dzsp-he-ink)}
.dzsp-he-related-head{max-width:760px;margin:0 0 25px}
.dzsp-he-kicker{display:block;color:var(--dzsp-he-green);font-weight:800;font-size:11px;letter-spacing:.11em;margin-bottom:10px}
.dzsp-he-related h2,.dzsp-he-finder h2{font-size:clamp(24px,3vw,36px);line-height:1.14;margin:0 0 10px;color:var(--dzsp-he-ink)}
.dzsp-he-related p{color:#5b6d6c;max-width:650px;margin:0}
.dzsp-he-related-grid,.dzsp-he-ecosystem{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:14px;margin:22px 0}
.dzsp-he-related-card,.dzsp-he-eco-card{position:relative;display:flex;flex-direction:column;gap:8px;min-height:116px;padding:22px 20px;border:1px solid #dbe9e2;border-radius:14px;background:white;text-decoration:none!important;color:var(--dzsp-he-ink)!important;box-shadow:0 7px 24px rgba(20,62,52,.035);transition:transform .2s ease,box-shadow .2s ease}
.dzsp-he-related-card:hover,.dzsp-he-eco-card:hover{transform:translateY(-3px);box-shadow:0 14px 35px rgba(20,62,52,.11)}
.dzsp-he-related-card small,.dzsp-he-eco-card small{color:var(--dzsp-he-green);text-transform:uppercase;font-weight:800;letter-spacing:.09em;font-size:10px}
.dzsp-he-related-card strong,.dzsp-he-eco-card strong{font-size:16px;line-height:1.35;padding-right:9px}
.dzsp-he-related-card>span,.dzsp-he-eco-card>span{position:absolute;right:15px;top:17px;font-size:20px;color:var(--dzsp-he-green)}
.dzsp-he-related-card>.dzsp-he-visual,.dzsp-he-eco-card>.dzsp-he-visual{position:static;display:block;width:100%;height:125px;aspect-ratio:auto;overflow:hidden;margin:3px 0 8px;background:#f5f8f6;border-radius:10px}
.dzsp-he-related-card .dzsp-he-visual img,.dzsp-he-eco-card .dzsp-he-visual img{width:100%;height:100%;object-fit:contain;max-width:100%;max-height:100%;padding:7px}
.dzsp-he-related-contact{padding-top:10px;font-weight:600;color:#3b5a56}
.dzsp-he-related-contact a{color:var(--dzsp-he-green)!important}
.dzsp-he-finder label{display:block;font-weight:700;margin:20px 0 8px}
.dzsp-he-finder textarea{width:100%;max-width:100%;padding:15px;font:inherit;font-size:16px;line-height:1.5;border:1px solid #b8d4c6;border-radius:12px;background:#fff;min-height:100px}
.dzsp-he-finder textarea:focus{outline:3px solid rgba(18,147,106,.2);border-color:var(--dzsp-he-green)}
.dzsp-he-finder-submit{display:inline-flex;margin-top:14px;padding:13px 18px;border:0;border-radius:10px;background:var(--dzsp-he-green);color:#fff;font-weight:800;cursor:pointer}
.dzsp-he-finder-output{margin-top:16px}
.dzsp-he-finder-output a{display:inline-block;margin:5px 7px 5px 0;padding:11px 14px;color:var(--dzsp-he-ink);border-radius:10px;background:#fff;border:1px solid var(--dzsp-he-line);font-weight:700}
.dzsp-he-footnote{font-size:12px;color:#64746f}
@media(max-width:1200px){
  .dzsp-header-main .dzsp-brand{max-width:220px!important}
  .dzsp-header .dzsp-mark{width:210px!important;min-width:210px!important;flex-basis:210px!important;height:40px!important;min-height:40px!important;background-size:210px 210px!important}
  .dzsp-header .dzsp-nav-desktop .dzsp-menu-items{gap:9px!important}
  .dzsp-header .dzsp-nav-desktop .dzsp-menu-items>li>a{font-size:11px!important}
}
@media(max-width:980px){
  body.home .dzsp-home-hero-art{min-height:400px}
  .dzsp-header-main .dzsp-nav-desktop{display:none!important}
  .dzsp-header-main{flex-wrap:wrap}
  body.home .dzsp-legacy-content>ul{columns:1}
}
@media(max-width:600px){
  .dzsp-header .dzsp-mark{width:185px!important;min-width:185px!important;flex-basis:185px!important;height:36px!important;min-height:36px!important;background-size:185px 185px!important}
  body.home .dzsp-home-hero-art{min-height:290px;background-position:85% center!important}
  .dzsp-he-related,.dzsp-he-finder{margin:28px 0;padding:22px 16px;border-radius:15px}
  .dzsp-he-related-grid,.dzsp-he-ecosystem{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.dzsp-he-related-card,.dzsp-he-eco-card{transition:none}}