/* Shared desktop top-shell family for about / how-it-works.
   Stage 178A: keep the about/process shell ownership in this dedicated file,
   while /uslugi stays owned locally in page-uslugi*.css. */
:root{--dsk-shared-top-shell-max:var(--dsk-layout-shell-max,var(--site-max-width,1320px));--dsk-shared-top-shell-gutter:var(--dsk-layout-shell-gutter,var(--mobile-gutter,20px))}
@media (min-width:768px){
body.dsk-page-o-nas #blog-post-template.option-content-width-default{
--section-container-width:min(var(--dsk-shared-top-shell-max),calc(100% - (var(--dsk-shared-top-shell-gutter) * 2)))!important;
}
body.dsk-page-o-nas .dsk-about-hero__inner,
body.dsk-page-o-nas .dsk-breadcrumbs,
body.dsk-page-o-nas .dsk-about-intro-grid,
body.dsk-page-o-nas .dsk-servicebar__wrap,
body.dsk-page-o-nas .dsk-cta-lab__inner{
width:var(--dsk-pl-subpage-rail, min(var(--dsk-shared-top-shell-max), calc(100vw - 70px)))!important;
max-width:var(--dsk-pl-subpage-rail, min(var(--dsk-shared-top-shell-max), calc(100vw - 70px)))!important;
margin-left:var(--dsk-pl-subpage-rail-left, 20px)!important;
margin-right:auto!important;
padding-left:0!important;
padding-right:0!important;
box-sizing:border-box!important;
}
body[data-page-type="process"] #jak-to-hero .dsk-about-hero__inner,
body[data-page-type="process"] .dsk-servicebar__wrap,
body[data-page-type="process"] .dsk-wrap{
width:var(--dsk-process-shared-rail)!important;
max-width:var(--dsk-process-shared-rail)!important;
margin-left:var(--dsk-process-shared-left)!important;
margin-right:auto!important;
box-sizing:border-box!important;
}
body[data-page-type="process"] #jak-to-hero .dsk-about-hero__inner,
body[data-page-type="process"] .dsk-servicebar__wrap{
padding-left:0!important;
padding-right:0!important;
}

:is(html[lang="pl"], html[lang="uk"]) body[data-page-type="process"] #jak-to-hero.dsk-about-hero{
left:0;
right:auto;
margin-left:0;
margin-right:0;
}

body[data-page-type="process"] #jak-to-hero .dsk-about-hero__inner{
--dsk-process-shared-rail:var(--dsk-pl-subpage-rail, calc(100vw - 70px));
--dsk-process-shared-left:var(--dsk-pl-subpage-rail-left, 20px);
}

body[data-page-type="process"] .dsk-servicebar__wrap,
body[data-page-type="process"] .dsk-wrap{
--dsk-process-shared-rail:var(--dsk-pl-subpage-rail, calc(100vw - 70px));
--dsk-process-shared-left:var(--dsk-pl-subpage-rail-left, 20px);
}

@media (min-width:1181px){
body[data-page-type="process"] #jak-to-hero .dsk-about-hero__inner{
--dsk-process-shared-rail:var(--dsk-global-nav-footer-rail,1236px);
--dsk-process-shared-left:calc((100vw - var(--dsk-process-shared-rail)) / 2);
}

body[data-page-type="process"] .dsk-servicebar__wrap,
body[data-page-type="process"] .dsk-wrap{
--dsk-process-shared-rail:var(--dsk-global-nav-footer-rail,1236px);
--dsk-process-shared-left:calc((100vw - var(--dsk-process-shared-rail)) / 2);
}
}

@media (min-width:1366px){
body[data-page-type="process"] #jak-to-hero .dsk-about-hero__inner,
body[data-page-type="process"] .dsk-servicebar__wrap,
body[data-page-type="process"] .dsk-wrap{
--dsk-process-shared-rail:var(--dsk-global-nav-footer-rail,1236px);
--dsk-process-shared-left:calc((100vw - var(--dsk-process-shared-rail)) / 2);
}
}
body.dsk-page-o-nas .dsk-about-hero__subtitle,
body[data-page-type="process"] .dsk-section-head__lead,
body[data-page-type="process"] .dsk-cta-gradient__subtitle{
max-width:none!important;
}

:is(html[lang="pl"], html[lang="uk"]) body.dsk-page-o-nas.dsk-pl-subpage-owner-v1 .dsk-about-hero__inner{
width:var(--dsk-pl-subpage-rail);
max-width:var(--dsk-pl-subpage-rail);
margin-left:var(--dsk-pl-subpage-rail-left);
margin-right:auto;
padding-left:0;
padding-right:0;
box-sizing:border-box;
}

/* pl-sitewide-autopilot-jtd-hero-rail-v1
   The process hero used the same shell width plus full shell padding, which
   pushed the visible H1 slightly deeper than the content rail. Keep the
   page-local hero aligned with the process content rhythm without touching
   shared nav/header/form runtime. */
:is(html[lang="pl"], html[lang="uk"]) body[data-page-type="process"] #jak-to-hero .dsk-about-hero__inner{
padding-left:0!important;
padding-right:0!important;
}
}

@media (max-width:767px){
:is(html[lang="pl"], html[lang="uk"]) body.dsk-page-o-nas.dsk-pl-subpage-owner-v1 .dsk-about-hero__inner{
width:var(--dsk-pl-subpage-rail);
max-width:var(--dsk-pl-subpage-rail);
margin-left:var(--dsk-pl-subpage-rail-left);
margin-right:auto;
padding-left:0;
padding-right:0;
box-sizing:border-box;
}

:is(html[lang="pl"], html[lang="uk"]) body[data-page-type="process"] #jak-to-hero.dsk-about-hero{
left:0;
right:auto;
width:100vw;
max-width:100vw;
margin-left:0;
margin-right:0;
}

:is(html[lang="pl"], html[lang="uk"]) body[data-page-type="process"] #jak-to-hero .dsk-about-hero__inner{
padding-left:0!important;
padding-right:0!important;
}
}

/* Preserve the pre-existing process shell contract outside PL after the PL-only CTA
   padding repair above. */
@media (min-width:768px){
html:not([lang="pl"]) body[data-page-type="process"] .dsk-wrap{
padding-left:0!important;
padding-right:0!important;
}
}