@charset "UTF-8";
header#header.s div.sk.cover div.sm.picture > figure img.picture-cover, header#header.s div.sk.cover div.sm.picture video.video-cover {
  object-position: 60% center;
}

section#film.s {
  background-color: #f2f2f2;
}
section#film.s:before {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 50%;
  width: 55px;
  aspect-ratio: 100/136;
  background: transparent center/cover url("/pomaganiejestfajne/utils/img/brand/szlachetna-paczka.flag.svg") no-repeat;
  content: " ";
  transform: translate(-50%, -50%);
}
section#film.s div.sm {
  padding: 0;
}
section#film.s header.sm {
  overflow: hidden;
}

@media (min-width: 460px) {
  section#film.s div.sm {
    padding: 0 21px;
  }
  section#film.s div.movieyt {
    box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.2);
  }
}
@media (min-width: 580px) {
  section#film.s div.sm {
    padding: 0 34px;
  }
}
@media (min-width: 680px) {
  section#film.s div.sm {
    padding: 0 55px;
  }
}
@media (min-width: 800px) {
  section#film.s > div.sk {
    padding: 0;
  }
  section#film.s > div.sk > div.skc {
    padding: 55px 34px;
    margin: 0 auto;
    max-width: 1240px;
    display: flex;
    align-items: center;
    gap: 34px;
  }
  section#film.s > div.sk > div.skc > header.sm {
    margin: 0;
    padding: 0;
    flex: 0 0 auto;
  }
  section#film.s > div.sk > div.skc > header.sm > h3 {
    margin: 0;
    padding: 0;
    max-width: min-content;
  }
  section#film.s > div.sk > div.skc > div.sm {
    flex: 0 1 auto;
    padding: 0;
  }
}
@media (min-width: 1024px) {
  section#film.s > div.sk > div.skc {
    padding: 55px;
    gap: 55px;
  }
}
@media (min-width: 1180px) {
  section#film.s:before {
    width: 89px;
  }
  section#film.s > div.sk > div.skc {
    padding: 89px;
  }
}
@media (min-width: 1366px) {
  section#film.s > div.sk > div.skc {
    gap: 89px;
  }
}
section#podatek.s div.sm > ol {
  margin: 0 auto;
  padding: 0;
  max-width: 640px;
}
section#podatek.s div.sm > ol > li > p:before {
  content: " ";
  display: block;
  margin: 0 auto;
  width: 55px;
  height: 55px;
  background-size: cover;
}
section#podatek.s div.sm > ol > li:nth-child(1) > p:before {
  background-image: url("/pomaganiejestfajne/utils/img/ico/01.png");
}
section#podatek.s div.sm > ol > li:nth-child(2) > p:before {
  background-image: url("/pomaganiejestfajne/utils/img/ico/02.png");
}

@media (min-width: 1024px) {
  section#podatek.s div.sm > ol {
    max-width: 1080px;
    display: flex;
    gap: 34px;
  }
  section#podatek.s div.sm > ol > li {
    flex: 0 0 calc(50% - 17px);
  }
}
@media (min-width: 1366px) {
  section#podatek.s div.sm > ol {
    max-width: 1180px;
    gap: 55px;
  }
  section#podatek.s div.sm > ol > li {
    flex: 0 0 calc(50% - 27.5px);
  }
}
section#dane.s:before {
  display: block;
  position: absolute;
  inset: 21px 13px 55px;
  content: " ";
  border: 1px solid hsl(158, 100%, 30%);
}
section#dane.s header.sm {
  overflow: hidden;
}
section#dane.s header.sm > h3 {
  margin-top: 55px;
}
section#dane.s > div.sk {
  margin: 0;
  padding: 0 0 89px 0;
}
section#dane.s div.sm > ul {
  margin: 0 21px;
}
section#dane.s div.sm > ul .green {
  color: hsl(158, 100%, 30%);
}
section#dane.s div.sm > ul .bank-account {
  cursor: text;
}
section#dane.s div.sm > ul > li:nth-child(1) > p > strong:after {
  content: " –";
}
section#dane.s div.sm > ul > li:nth-child(1) > p > span:nth-child(4):before, section#dane.s div.sm > ul > li:nth-child(1) > p > span:nth-child(5):before {
  content: "/ ";
}

@media (min-width: 410px) {
  section#dane.s div.sm > ul .bank-account {
    white-space: nowrap;
  }
}
@media (min-width: 460px) {
  section#dane.s:before {
    inset: 21px 21px 55px;
  }
  section#dane.s div.sm > ul {
    margin: 0 13px;
  }
}
@media (min-width: 520px) {
  section#dane.s:before {
    inset: 21px 34px 55px;
  }
  section#dane.s header.sm {
    margin: 0 34px;
  }
  section#dane.s div.sm > ul {
    margin: 0 34px;
  }
}
@media (min-width: 640px) {
  section#dane.s:before {
    inset: 21px 34px 55px;
  }
  section#dane.s header.sm {
    margin: 0 55px;
  }
  section#dane.s div.sm > ul {
    margin: 0 55px;
  }
}
@media (min-width: 1024px) {
  section#dane.s:before {
    inset: 21px 55px 89px;
  }
  section#dane.s header.sm {
    margin: 0 89px;
  }
  section#dane.s div.sm > ul {
    margin: 0 89px 55px;
  }
}
@media (min-width: 1366px) {
  section#dane.s:before {
    inset: 21px auto 89px;
    width: 1240px;
    left: 50%;
    transform: translateX(-50%);
  }
  section#dane.s header.sm {
    margin: 0 auto;
  }
}
main#wplacam.s {
  background-color: #f2f2f2;
}
main#wplacam.s figure {
  position: relative;
  width: 100%;
  aspect-ratio: 100/61;
  overflow: hidden;
}
main#wplacam.s figure > img {
  position: relative;
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}
main#wplacam.s div.skc > header {
  overflow: hidden;
}
main#wplacam.s div.bttbar {
  margin-top: 34px;
}

@media (min-width: 360px) {
  main#wplacam.s div.skc {
    position: relative;
    margin: -55px 13px 0;
    padding: 34px 0;
    overflow: hidden;
    background-color: #fff;
  }
  main#wplacam.s header.sm > h3 {
    margin-top: 0;
  }
}
@media (min-width: 390px) {
  main#wplacam.s div.skc {
    margin: -55px 34px 0;
  }
}
@media (min-width: 410px) {
  main#wplacam.s div.skc {
    margin: -89px auto 0;
    max-width: min-content;
  }
  main#wplacam.s div.skc > div.sm {
    padding: 0 21px;
  }
}
@media (min-width: 460px) {
  main#wplacam.s div.skc > div.sm {
    padding: 0 34px;
  }
}
@media (min-width: 520px) {
  main#wplacam.s div.skc {
    padding: 55px 0;
  }
  main#wplacam.s div.skc > div.sm {
    padding: 0 55px;
  }
}
@media (min-width: 580px) {
  main#wplacam.s > div.sk {
    display: flex;
    justify-content: flex-end;
    padding: 34px 0;
  }
  main#wplacam.s > div.sk > figure {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 61%;
    aspect-ratio: unset;
  }
  main#wplacam.s > div.sk > div.skc {
    padding: 34px;
    margin: 0 34px 0 0;
  }
  main#wplacam.s > div.sk > div.skc > header.sm > h3 {
    margin-bottom: 0;
  }
  main#wplacam.s > div.sk > div.skc > div.sm {
    padding: 0;
  }
}
@media (min-width: 640px) {
  main#wplacam.s > div.sk {
    padding: 34px 0;
  }
  main#wplacam.s > div.sk > div.skc {
    padding: 34px 55px;
  }
}
@media (min-width: 860px) {
  main#wplacam.s > div.sk > div.skc {
    margin: 0 34px 0 0;
    padding: 34px 89px;
  }
}
@media (min-width: 1024px) {
  main#wplacam.s > div.sk {
    padding: 55px 0;
  }
  main#wplacam.s > div.sk > div.skc {
    margin: 0 55px 0 0;
    padding: 34px 55px;
    text-align: left;
  }
  main#wplacam.s > div.sk > div.skc > header.sm {
    margin: 0 0 21px 0;
    padding: 0;
  }
  main#wplacam.s > div.sk > div.skc > header.sm > h3 {
    white-space: nowrap;
  }
  main#wplacam.s > div.sk > div.skc > div.sm > div.bttbar {
    text-align: right;
  }
}
@media (min-width: 1180px) {
  main#wplacam.s > div.sk {
    padding: 89px 0;
  }
  main#wplacam.s > div.sk > figure {
    left: 55px;
    top: 55px;
    bottom: 55px;
  }
  main#wplacam.s > div.sk > div.skc {
    padding: 55px 89px;
  }
}
@media (min-width: 1366px) {
  main#wplacam.s > div.sk {
    padding: 89px 0;
  }
  main#wplacam.s > div.sk > figure {
    left: 89px;
    top: 55px;
    bottom: 55px;
  }
  main#wplacam.s > div.sk > div.skc {
    margin-right: 89px;
    padding: 55px 89px;
  }
}
@media (min-width: 1440px) {
  main#wplacam.s > div.sk {
    margin: 0 auto;
    padding: 110px 0;
    max-width: 1240px;
  }
  main#wplacam.s > div.sk > figure {
    left: 0;
    top: 55px;
    bottom: 55px;
  }
  main#wplacam.s > div.sk > div.skc {
    margin-right: 0;
  }
}
ul#faq-list {
  text-align: left;
}
ul#faq-list > li {
  scroll-margin-top: 55px;
  scroll-margin-block-end: 34px;
}
ul#faq-list > li > article {
  margin: 34px 0;
}
ul#faq-list > li > article > header {
  min-height: 34px;
}
ul#faq-list > li > article > header > button {
  float: right;
  padding: 0;
  margin: -5px 0 0 13px;
  scroll-margin-block: 89px 21px;
  width: 34px;
  aspect-ratio: 1/1;
  text-align: center;
  line-height: 32px;
  font-size: 21px;
  color: hsl(158, 100%, 30%);
  border: 1px solid hsl(158, 100%, 30%);
  border-radius: 100%;
  background-color: #fff;
  outline-style: none;
  transition: color, border-color, background-color 0.2s linear;
}
ul#faq-list > li > article > header > button:before {
  content: "+";
}
ul#faq-list > li > article > header > button[aria-checked=true]:before {
  content: "-";
}
ul#faq-list > li > article > header > h4 {
  margin: 0 auto 0 0;
  font-weight: 700;
  font-size: 110%;
  transition: color 0.1s linear;
}
ul#faq-list > li > article > div.faq-item-text {
  padding: 0 0 21px 8px;
  height: 0;
  box-sizing: border-box;
  overflow: hidden;
  border-bottom: 1px solid hsl(0, 0%, 90%);
  transition: height 0.2s ease-out 0s;
}
ul#faq-list div.faq-item-text ul {
  list-style-type: square;
}
ul#faq-list div.faq-item-text ol {
  list-style-type: decimal;
}
ul#faq-list div.faq-item-text ol.lower-latin {
  list-style-type: lower-latin;
}
ul#faq-list div.faq-item-text ul, ul#faq-list div.faq-item-text ol {
  padding: 0 0 0 21px;
}
ul#faq-list div.faq-item-text ul > li, ul#faq-list div.faq-item-text ol > li {
  display: list-item;
  margin: 13px 0;
  line-height: 1.3;
}
ul#faq-list div.faq-item-text p.indent-left {
  padding-left: 21px;
}
ul#faq-list article.ile-kosztuje-paczka div.movieyt {
  margin: 21px 21px 13px 0;
  border: 1px solid hsl(0, 0%, 78%);
}
ul#faq-list div.faq-item-text[aria-expanded=true] {
  height: auto;
}

@media (pointer: coarse) {
  ul#faq-list > li > article > header {
    -webkit-tap-highlight-color: transparent;
  }
  ul#faq-list > li > article > header:active > button {
    color: #02584e;
    border-color: #02584e;
    background-color: #a1c443;
  }
  ul#faq-list > li > article > header:active > h4 {
    color: hsl(158, 100%, 30%);
  }
  ul#faq-list > li > article > header > button {
    -webkit-tap-highlight-color: transparent;
  }
  ul#faq-list > li > article > header > button:active {
    color: #02584e;
    border-color: #02584e;
    background-color: #a1c443;
  }
  ul#faq-list > li > article > header > button:active + h4 {
    color: hsl(158, 100%, 30%);
  }
}
@media (pointer: fine) {
  ul#faq-list > li > article > header {
    cursor: pointer;
  }
  ul#faq-list > li > article > header:hover > button {
    color: #a1c443;
    border-color: #a1c443;
    background-color: #fff;
  }
  ul#faq-list > li > article > header:hover > h4 {
    color: #a1c443;
  }
  ul#faq-list > li > article > header:active > button {
    color: #02584e;
    border-color: #02584e;
    background-color: #fff;
  }
  ul#faq-list > li > article > header:active > h4 {
    color: #02584e;
  }
  ul#faq-list > li > article > header > button {
    cursor: pointer;
  }
  ul#faq-list > li > article > header > button:hover, ul#faq-list > li > article > header > button:focus-visible {
    color: #fff;
    border-color: #a1c443;
    background-color: #a1c443;
  }
  ul#faq-list > li > article > header > button:active {
    color: #fff;
    border-color: #02584e;
    background-color: #02584e;
  }
  ul#faq-list > li > article > header > button:active + h4 {
    color: #02584e;
  }
  ul#faq-list > li > article > header > button:focus-visible {
    outline: 2px dotted #000;
    outline-offset: 3px;
  }
  ul#faq-list > li > article > header > button:focus-visible + h4 {
    color: #a1c443;
  }
}
@media (min-width: 360px) {
  ul#faq-list > li > article > div.faq-item-text {
    padding: 0 0 21px 21px;
  }
}
@media (min-width: 390px) {
  ul#faq-list > li > article > header > h4 {
    font-size: 110%;
    font-weight: 700;
  }
}
@media (min-width: 410px) {
  ul#faq-list > li > article > div.faq-item-text {
    padding: 0 21px 21px 21px;
  }
  ul#faq-list article.ile-kosztuje-paczka div.movieyt {
    float: right;
    margin: 21px 0 13px 21px;
    width: clamp(100px, 50%, 360px);
  }
}
@media (min-width: 640px) {
  ul#faq-list > li > article > header > button {
    margin-left: 21px;
  }
  ul#faq-list > li > article > div.faq-item-text {
    padding: 21px 21px 34px 34px;
  }
}
@media (min-width: 800px) {
  ul#faq-list > li > article > div.faq-item-text {
    padding: 21px 34px 55px 34px;
  }
}
@media (min-width: 1024px) {
  ul#faq-list > li > article > header > button {
    margin-left: 34px;
    margin-right: 8px;
  }
  ul#faq-list > li > article > div.faq-item-text {
    padding: 34px 34px 55px 55px;
  }
  ul#faq-list div.faq-item-text ul, ul#faq-list div.faq-item-text ol {
    padding: 0 0 0 34px;
  }
  ul#faq-list div.faq-item-text ul > li, ul#faq-list div.faq-item-text ol > li {
    margin: 13px 0;
    line-height: 1.4;
  }
  ul#faq-list div.faq-item-text p.indent-left {
    padding-left: 34px;
  }
  ul#faq-list article.ile-kosztuje-paczka div.movieyt {
    margin: 34px 0 21px 55px;
  }
}
@media (min-width: 1180px) {
  ul#faq-list > li > article > div.faq-item-text {
    padding: 34px 55px 55px 55px;
  }
}
@media (min-width: 1280px) {
  ul#faq-list > li > article > div.faq-item-text {
    padding: 34px 89px 55px 89px;
  }
}
@media (min-width: 1366px) {
  ul#faq-list > li > article > div.faq-item-text {
    padding: 34px 144px 55px 89px;
  }
  ul#faq-list div.faq-item-text ul, ul#faq-list div.faq-item-text ol {
    padding: 0 0 0 34px;
  }
  ul#faq-list div.faq-item-text ul > li, ul#faq-list div.faq-item-text ol > li {
    margin: 21px 0;
    line-height: 1.5;
  }
  ul#faq-list div.faq-item-text p.indent-left {
    padding-left: 34px;
  }
}
@media (min-width: 1440px) {
  ul#faq-list > li > article > div.faq-item-text {
    padding: 34px 144px 89px 89px;
    margin-bottom: 89px;
  }
}

/*# sourceMappingURL=firmy.css.map */