/* podstrony - kazda ma swoj uklad, wspolny jest tylko papier i naglowek */
.qd-page--in .qd-top{ border-bottom: 2px dotted var(--qd-sage); }
.qd-top__nav a[aria-current="page"]{ color: var(--qd-sage-deep); }


/*-----------------
  BUDZET DOMOWY
----------------*/
.bd-page{ padding-bottom: 120px; }
.bd-hero{
    max-width: 1180px;
    margin: 0 auto;
    padding: 50px 20px 40px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.bd-hero__txt{ min-width: 0; }
.bd-hero__pic img{
    width: 100%;
    aspect-ratio: 6 / 5;
    object-fit: cover;
    border-radius: 44% 56% 61% 39% / 52% 38% 62% 48%;
    background: #d9cfbd;
}
.bd-hero__script,
.ws-hero__script,
.dp-hero__script{
    font-family: var(--qd-script);
    font-size: 26px;
    line-height: 1.2;
    color: var(--qd-sage-deep);
}
.bd-hero__h1{
	font-family: var(--qd-round);
	font-weight: 800;
	font-style: normal;
    font-size: 26px;
    line-height: 1.45;
    letter-spacing: 3px;
    color: #968d82;
    margin: 6px 0 20px 0;
}
.bd-hero__lead{
	font-family: var(--qd-round);
	font-weight: 700;
	font-style: normal;
    font-size: 16px;
    line-height: 2.1;
    letter-spacing: 1px;
    color: #606060;
}

.bdjars{ max-width: 1180px; margin: 0 auto; padding: 70px 20px 40px; }
.bdjars__h,
.bd-sheet__h,
.bd-weekend__h,
.pf-where__h,
.ws-year__h,
.ws-how__h,
.dp-models__h,
.dp-split__h,
.dp-talk__h,
.pf_calc__h{
	font-family: var(--qd-round);
	font-weight: 800;
	font-style: normal;
    font-size: 22px;
    letter-spacing: 3px;
    line-height: 1.5;
    color: #968d82;
}
.bdjars__h{ text-align: center; }
.bdjars__list{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 40px 18px;
    margin-top: 44px;
}
.bdjar{ text-align: center; }
.bdjar__glass{
    position: relative;
    display: block;
    width: 84px;
    height: 110px;
    margin: 0 auto 16px;
    border: 3px solid #968d82;
    border-top-width: 10px;
    border-radius: 12px 12px 26px 26px;
    overflow: hidden;
    background: #fbf8f1;
}
.bdjar__glass i{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--qd-sage);
    opacity: .75;
}
.bdjar:nth-child(2) .bdjar__glass i{ background: #e2c98f; }
.bdjar:nth-child(3) .bdjar__glass i{ background: var(--qd-blue); }
.bdjar:nth-child(4) .bdjar__glass i{ background: #c9a9b7; }
.bdjar b{
	font-family: var(--qd-round);
	font-weight: 800;
	font-style: normal;
    font-size: 17px;
    letter-spacing: 2px;
}
.bdjar p{ margin-top: 8px; font-size: 13.5px; line-height: 1.9; color: var(--qd-gray); }
.bdjar a{ text-decoration: underline; color: var(--qd-sage-deep); }
.bdjars__note{ margin-top: 30px; text-align: center; font-size: 12px; color: #a09789; }

.bd-sheet{
    max-width: 1080px;
    margin: 0 auto;
    padding: 60px 20px 20px;
    display: flex;
    flex-direction: column;
    gap: 34px;
}
.bd-sheet__intro p{ margin-top: 16px; font-size: 14.5px; line-height: 2; color: var(--qd-gray); }
.bd-paper{
    position: relative;
    padding: 30px 22px 34px 46px;
    background-color: #fdfcf7;
    background-image: linear-gradient(90deg, transparent 32px, #e7a5a0 32px, #e7a5a0 34px, transparent 34px), repeating-linear-gradient(180deg, transparent 0 31px, #d6e2ea 31px 32px);
    box-shadow: 0 10px 24px rgba(37,30,28,.10);
    rotate: -1deg;
}
.bd-paper__top{
    font-family: var(--qd-script);
    font-size: 22px;
    line-height: 32px;
    color: #7d8fa0;
}
.bd-paper__grp{ margin-top: 12px; }
.bd-paper__cat,
.bd-paper__row,
.bd-paper__end{
    display: flex;
    justify-content: space-between;
    gap: 12px;
    line-height: 32px;
}
.bd-paper__cat{
	font-family: var(--qd-round);
	font-weight: 800;
	font-style: normal;
    font-size: 15px;
    letter-spacing: 1px;
}
.bd-paper__row{ padding-left: 14px; font-size: 13.5px; color: var(--qd-gray); }
.bd-paper__row b,
.bd-paper__cat b,
.bd-paper__end b{
    font-family: var(--qd-script);
    font-size: 22px;
    font-weight: 600;
    white-space: nowrap;
}
.bdk-stale .bd-paper__cat b{ color: #7f8f52; }
.bdk-codzienne .bd-paper__cat b{ color: #b08a3c; }
.bdk-sezon .bd-paper__cat b{ color: #5f86a8; }
.bdk-pozniej .bd-paper__cat b{ color: #9a6a80; }
.bdk-siebie .bd-paper__cat b{ color: #251e1c; }
.bd-paper__end{
    margin-top: 14px;
    border-top: 2px solid #251e1c;
	font-family: var(--qd-round);
	font-weight: 800;
	font-style: normal;
    font-size: 15px;
}
.bd-paper__hand{
    margin-top: 10px;
    font-family: var(--qd-script);
    font-size: 20px;
    line-height: 1.4;
    color: #968d82;
}

.bd-weekend{ max-width: 900px; margin: 0 auto; padding: 100px 20px 0; }
.bd-weekend__list{ margin-top: 34px; }
.bd-weekend__list li{
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 16px;
    align-items: start;
    padding: 14px 0;
}
.bd-weekend__list span{
    width: 54px;
    height: 54px;
    border-radius: 50%;
    border: 2px dashed #968d82;
	font-family: var(--qd-round);
	font-weight: 800;
	font-style: normal;
    font-size: 22px;
    line-height: 50px;
    text-align: center;
    color: #968d82;
}
.bd-weekend__list p{ padding-top: 12px; font-size: 15px; line-height: 2; }
.bd-when{
    margin-top: 50px;
    padding: 34px 26px;
    border-radius: 30px;
    background: #968d82;
    color: #FFFFFF;
}
.bd-when__h{
	font-family: var(--qd-round);
	font-weight: 800;
	font-style: normal;
    font-size: 20px;
    letter-spacing: 3px;
    margin-bottom: 12px;
}
.bd-when p{ font-size: 14px; line-height: 2; }
.bd-when__btn{
    display: inline-block;
    margin-top: 20px;
    padding: 0 26px;
    line-height: 46px;
    border: 1px solid #FFFFFF;
    border-radius: 23px;
    font-size: 15px;
    letter-spacing: 1px;
    transition: 0.5s;
}
.bd-when__btn:hover{ background: #FFFFFF; color: #968d82; }


/*-----------------
  PODUSZKA
----------------*/
.pf-top{
    position: relative;
    padding: 60px 20px 90px;
    background-color: var(--qd-sage);
    background-image: var(--qd-noise);
    color: #FFFFFF;
}
.pf-top:after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 50px;
    background-color: var(--qd-paper);
    background-image: var(--qd-noise);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 50' preserveAspectRatio='none'%3E%3Cpath d='M0 50V26c120-30 260-30 400-6s260 26 400 2 300-24 400 4v24z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 50' preserveAspectRatio='none'%3E%3Cpath d='M0 50V26c120-30 260-30 400-6s260 26 400 2 300-24 400 4v24z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
}
.pf-top__in{
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 26px;
}
.pf-top__big{
	font-family: var(--qd-round);
	font-weight: 800;
	font-style: normal;
    font-size: 96px;
    line-height: 1;
    color: transparent;
    -webkit-text-stroke: 2px #FFFFFF;
}
.pf-top__big small{
    font-family: var(--qd-script);
    font-size: 30px;
    color: #FFFFFF;
    -webkit-text-stroke: 0;
    margin: 0 10px;
}
.pf-top__h1{
	font-family: var(--qd-round);
	font-weight: 800;
	font-style: normal;
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: 2px;
    margin-bottom: 14px;
}
.pf-top__txt p{ font-size: 15px; line-height: 2; color: #f3f6e8; }
.pf-top__pic{
    width: 62%;
    max-width: 300px;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 50%;
    border: 8px solid rgba(255,255,255,.35);
    background: #8e9c63;
    align-self: flex-end;
}

.pf-body{ padding: 70px 20px 0; }
.pf_calc{
    max-width: 980px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 30px;
}
.pf_calc__form label,
.dp-split__form label{
    display: block;
    margin-top: 16px;
	font-family: var(--qd-round);
	font-weight: 700;
	font-style: normal;
    font-size: 13px;
    letter-spacing: 1px;
    color: #606060;
}
.pf_calc__form input,
.pf_calc__form select,
.dp-split__form input{
    display: block;
    width: 100%;
    margin-top: 6px;
    padding: 11px 14px;
    border: 2px solid #e4ddd1;
    border-radius: 14px;
    background: #fbfaf7;
    font: inherit;
    font-size: 16px;
    color: var(--qd-ink);
    outline: none;
}
.pf_calc__form input:focus,
.pf_calc__form select:focus,
.dp-split__form input:focus{ border-color: var(--qd-sage); }
.pf_calc__out{
    padding: 30px 26px;
    border-radius: 30px;
    background: #fbf8f1;
    border: 2px dashed var(--qd-sage);
}
.pf_calc__lbl{ font-family: var(--qd-script); font-size: 24px; color: var(--qd-sage-deep); }
.pf_calc__sum{
	font-family: var(--qd-round);
	font-weight: 800;
	font-style: normal;
    font-size: 40px;
    letter-spacing: 1px;
    color: #251e1c;
}
.pf_calc__time{ margin-top: 6px; font-size: 15px; }
.pf_calc__bar{
    height: 16px;
    margin-top: 20px;
    border-radius: 8px;
    background: #e8e2d6;
    overflow: hidden;
}
.pf_calc__bar i{ display: block; height: 100%; border-radius: 8px; background: var(--qd-sage); transition: width .4s; }
.pf_calc__year{ margin-top: 10px; font-size: 13.5px; color: var(--qd-gray); }
.pf_calc__note{ margin-top: 16px; font-size: 12px; color: #a09789; }

.pf-where{ max-width: 1100px; margin: 0 auto; padding: 110px 0 0; }
.pf-where__row{ display: grid; grid-template-columns: minmax(0, 1fr); gap: 22px; margin-top: 30px; }
.pf-where__it{ padding: 0 0 0 20px; border-left: 3px solid var(--qd-yellow); }
.pf-where__n{
    font-family: var(--qd-script);
    font-size: 28px;
    line-height: 1.2;
    color: #968d82;
}
.pf-where__it p:last-child{ margin-top: 4px; font-size: 14px; line-height: 2; color: var(--qd-gray); }

.pf-yesno{
    max-width: 1100px;
    margin: 0 auto;
    padding: 100px 0 90px;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
}
.pf-yesno__col{ padding: 28px 24px; border-radius: 24px; }
.pf-yesno__col--tak{ background: #e4ebd2; }
.pf-yesno__col--nie{ background: #efe3e6; }
.pf-yesno__col h2{
	font-family: var(--qd-round);
	font-weight: 800;
	font-style: normal;
    font-size: 19px;
    letter-spacing: 2px;
    margin-bottom: 12px;
}
.pf-yesno__col li{ position: relative; padding: 6px 0 6px 28px; font-size: 14.5px; line-height: 1.8; }
.pf-yesno__col--tak li:before,
.pf-yesno__col--nie li:before{
    position: absolute;
    left: 0;
    top: 6px;
    font-family: var(--qd-round);
    font-weight: 800;
}
.pf-yesno__col--tak li:before{ content: '+'; color: var(--qd-sage-deep); }
.pf-yesno__col--nie li:before{ content: '×'; color: #a0647a; }
.pf-yesno__after{ font-size: 13.5px; line-height: 2; color: var(--qd-gray); }

.pf-slow{ max-width: 900px; margin: 0 auto; padding: 0 0 90px; }
.pf-slow__h{
	font-family: var(--qd-round);
	font-weight: 800;
	font-style: normal;
    font-size: 20px;
    letter-spacing: 3px;
    color: #968d82;
    margin-bottom: 14px;
}
.pf-slow p{ margin-top: 12px; font-size: 14.5px; line-height: 2.05; }
.ws-forget{ max-width: 1000px; margin: 0 auto; padding: 90px 20px 0; }
.ws-forget__list{ display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.ws-forget__list li{ padding: 6px 16px; border-radius: 18px; background: #FFFFFF; border: 2px solid var(--qd-line); font-size: 13.5px; }
.ws-forget p{ margin-top: 18px; font-size: 14px; line-height: 2; color: var(--qd-gray); }
.pf-strip{
    max-width: 1100px;
    margin: 0 auto;
    padding: 50px 0 120px;
    display: flex;
    flex-direction: column;
    gap: 22px;
    align-items: flex-start;
}
.pf-strip p{
	font-family: var(--qd-round);
	font-weight: 700;
	font-style: normal;
    font-size: 17px;
    line-height: 1.9;
    color: #606060;
}
.pf-strip__btn{
    padding: 0 30px;
    line-height: 52px;
    border-radius: 26px;
    background: #968d82;
    color: #FFFFFF;
    font-size: 15px;
    letter-spacing: 2px;
    transition: 0.4s;
}
.pf-strip__btn:hover{ background: var(--qd-sage-deep); }


/*-----------------
  WYDATKI SEZONOWE
----------------*/
.ws-page{ padding-bottom: 130px; }
.ws-hero{
    max-width: 1180px;
    margin: 0 auto;
    padding: 50px 20px 30px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.ws-hero__h1{
	font-family: var(--qd-round);
	font-weight: 800;
	font-style: normal;
    font-size: 26px;
    line-height: 1.45;
    letter-spacing: 2px;
    color: #968d82;
    margin: 6px 0 18px;
}
.ws-hero__txt p:last-child{ font-size: 15px; line-height: 2.1; color: var(--qd-gray); }
.ws-hero__pic{ position: relative; width: 82%; margin-left: auto; rotate: 2deg; }
.ws-hero__pic img{ width: 100%; aspect-ratio: 7 / 8; object-fit: cover; background: #d9cfbd; box-shadow: 0 10px 24px rgba(37,30,28,.14); }
.ws-tape{
    position: absolute;
    z-index: 2;
    top: -12px;
    left: 38%;
    width: 90px;
    height: 26px;
    background: rgba(235,226,162,.85);
    rotate: -5deg;
}

.ws-year{ max-width: 1180px; margin: 0 auto; padding: 80px 20px 0; }
.ws-year__head{ padding-bottom: 6px; }
.ws-year__head p{ margin-top: 12px; max-width: 44em; font-size: 14px; line-height: 2; color: var(--qd-gray); }
.ws-year__grid{
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    margin-top: 34px;
}
.ws-month{
    padding: 16px 18px;
    border: 4px solid #aac2c2;
    border-radius: 18px;
    background: #FFFFFF;
}
.ws-month--a{ border-color: #aac2c2; }
.ws-month--b{ border-color: #cfc1cc; }
.ws-month--c{ border-color: #bfcfda; }
.ws-month__n{
	font-family: var(--qd-round);
	font-weight: 800;
	font-style: normal;
    font-size: 16px;
    letter-spacing: 2px;
    color: #968d82;
    margin-bottom: 6px;
}
.ws-item{
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 5px 0;
    font-size: 13.5px;
    line-height: 1.6;
    cursor: pointer;
}
.ws-item input{ width: 18px; height: 18px; accent-color: var(--qd-sage-deep); }
.ws-item b{ font-family: var(--qd-round); font-weight: 800; white-space: nowrap; }
.ws-item input:not(:checked) ~ span,
.ws-item input:not(:checked) ~ b{ color: #b9b1a5; text-decoration: line-through; }
.ws-total{
    position: sticky;
    bottom: 12px;
    z-index: 20;
    margin-top: 26px;
    padding: 16px 22px;
    border-radius: 22px;
    background: #251e1c;
    color: #e3cda8;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 6px 20px;
}
.ws-total p{ display: flex; align-items: baseline; gap: 10px; font-size: 13px; }
.ws-total b{ font-family: var(--qd-round); font-weight: 800; font-size: 18px; color: #FFFFFF; }
.ws-total__main b{ font-size: 24px; color: #e3cda8; }

.ws-how{ max-width: 1000px; margin: 0 auto; padding: 100px 20px 0; }
.ws-how__cols{ display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; margin-top: 26px; }
.ws-how__cols p{
    position: relative;
    padding-top: 22px;
    font-size: 14.5px;
    line-height: 2;
    border-top: 2px dotted var(--qd-sage);
}
.ws-how__first{
    margin-top: 40px;
    padding: 24px;
    border-radius: 20px;
    background: var(--qd-kraft);
    font-size: 14px;
    line-height: 2;
}
.ws-cta{ padding: 70px 20px 0; display: flex; justify-content: center; }
.ws-cta .sticker{ width: 240px; font-size: 15px; }


/*-----------------
  DLA PAR
----------------*/
.dp-page{ padding-bottom: 60px; }
.dp-hero{
    position: relative;
    max-width: 1180px;
    margin: 0 auto;
    padding: 60px 20px 40px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.dp-hero__circles{ position: absolute; top: 30px; right: 10px; width: 150px; height: 100px; }
.dp-hero__circles i{
    position: absolute;
    top: 0;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: 3px solid #cfc1cc;
}
.dp-hero__circles i:first-child{ left: 0; border-color: #aac2c2; }
.dp-hero__circles i:last-child{ left: 50px; }
.dp-hero__pic{
    width: 78%;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 50%;
    background: #d9cfbd;
}
.dp-hero__h1{
	font-family: var(--qd-round);
	font-weight: 800;
	font-style: normal;
    font-size: 32px;
    letter-spacing: 5px;
    color: #968d82;
}
.dp-hero__txt p:last-child{ margin-top: 18px; font-size: 15px; line-height: 2.1; color: var(--qd-gray); }

.dp-models{ max-width: 1180px; margin: 0 auto; padding: 80px 20px 0; }
.dp-models__row{ display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; margin-top: 30px; }
.dp-model{
    padding: 26px 22px;
    border-radius: 24px;
    background: #FFFFFF;
    box-shadow: 0 6px 16px rgba(37,30,28,.06);
}
.dp-model__tag{
    display: inline-block;
    margin-bottom: 12px;
    padding: 0 14px;
    line-height: 34px;
    background: #251e1c;
    color: #e3cda8;
	font-family: var(--qd-round);
	font-weight: 800;
	font-style: normal;
    font-size: 14px;
    letter-spacing: 2px;
}
.dp-model p:last-child{ font-size: 14px; line-height: 2; color: var(--qd-gray); }
.dp-model--our{ background: #e4ebd2; }

.dp-split{
    max-width: 900px;
    margin: 80px auto 0;
    padding: 34px 22px;
    border-radius: 30px;
    background-color: var(--qd-kraft);
    background-image: var(--qd-noise);
}
.dp-split__bar{
    height: 22px;
    margin-top: 26px;
    border-radius: 11px;
    background: #c9a9b7;
    overflow: hidden;
}
.dp-split__bar i{ display: block; height: 100%; background: var(--qd-sage-deep); transition: width .4s; }
.dp-split__out{ margin-top: 16px; }
.dp-split__out p{ display: flex; justify-content: space-between; gap: 12px; padding: 6px 0; font-size: 14px; }
.dp-split__out p:nth-child(1) b{ color: var(--qd-sage-deep); }
.dp-split__out p:nth-child(2) b{ color: #9a6a80; }
.dp-split__out b{ font-family: var(--qd-round); font-weight: 800; font-size: 20px; }
.dp-split__out .dp-split__proc{ display: block; margin-top: 6px; border-top: 1px dashed #bfae92; font-size: 13px; }
.dp-split__out .dp-split__proc b{ font-size: 15px; color: #251e1c; }

.dp-talk{ max-width: 900px; margin: 0 auto; padding: 100px 20px 0; }
.dp-talk__list{ margin-top: 30px; display: flex; flex-direction: column; gap: 16px; }
.dp-talk__list li{
    position: relative;
    max-width: 88%;
    padding: 16px 20px;
    border-radius: 22px 22px 22px 4px;
    background: #FFFFFF;
	font-family: var(--qd-round);
	font-weight: 700;
	font-style: normal;
    font-size: 15px;
    line-height: 1.7;
    box-shadow: 0 4px 12px rgba(37,30,28,.06);
}
.dp-talk__list li:nth-child(even){
    align-self: flex-end;
    border-radius: 22px 22px 4px 22px;
    background: #e4ebd2;
}
.dp-talk__after{ margin-top: 26px; font-size: 14px; line-height: 2; color: var(--qd-gray); }
.dp-form{
    max-width: 1230px;
    margin: 90px auto 0;
    background: #FFFFFF;
    border-radius: 40px;
}

@media screen and (min-width: 769px) {
    .bd-hero{ flex-direction: row; align-items: center; gap: 60px; padding-top: 90px; }
    .bd-hero__pic{ width: 48%; flex: 0 0 48%; }
    .bd-hero__h1{ font-size: 30px; letter-spacing: 5px; }
    .bd-hero__lead{ font-size: 17px; line-height: 36px; letter-spacing: 2px; }
    .bdjars{ padding-top: 110px; }
    .bdjars__list{ grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 30px; }
    .bdjar__glass{ width: 100px; height: 132px; }
    .bd-sheet{ flex-direction: row; align-items: flex-start; gap: 70px; padding-top: 110px; }
    .bd-sheet__intro{ width: 38%; padding-top: 40px; }
    .bd-paper{ flex: 1 1 auto; padding: 36px 40px 40px 70px; background-image: linear-gradient(90deg, transparent 50px, #e7a5a0 50px, #e7a5a0 52px, transparent 52px), repeating-linear-gradient(180deg, transparent 0 31px, #d6e2ea 31px 32px); }
    .bdjars__h, .bd-sheet__h, .bd-weekend__h, .pf-where__h, .ws-year__h, .ws-how__h, .dp-models__h, .dp-split__h, .dp-talk__h, .pf_calc__h{ font-size: 26px; letter-spacing: 4px; }
    .bd-weekend{ padding-top: 140px; }
    .bd-when{ width: 586px; margin: 60px 0 0 auto; padding: 44px 48px; }

    .pf-top{ padding: 90px 40px 130px; }
    .pf-top__in{ flex-direction: row; align-items: center; gap: 50px; }
    .pf-top__big{ font-size: 170px; flex: 0 0 auto; }
    .pf-top__big small{ font-size: 40px; }
    .pf-top__h1{ font-size: 28px; letter-spacing: 3px; }
    .pf-top__pic{ width: 240px; flex: 0 0 240px; }
    .pf-body{ padding: 100px 40px 0; }
    .pf_calc{ grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 60px; align-items: center; }
    .pf_calc__out{ padding: 44px 48px; }
    .pf_calc__sum{ font-size: 54px; }
    .pf-where__row{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; }
    .pf-where__it:nth-child(2){ margin-top: 50px; }
    .pf-where__it:nth-child(3){ margin-top: 20px; }
    .pf-yesno{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px; padding-top: 140px; }
    .pf-yesno__col{ padding: 40px 44px; }
    .pf-yesno__col--nie{ margin-top: 60px; }
    .pf-yesno__after{ grid-column: 1 / -1; max-width: 40em; }
    .pf-strip{ flex-direction: row; justify-content: space-between; align-items: center; }
    .pf-strip p{ max-width: 34em; }

    .ws-hero{ flex-direction: row; align-items: center; gap: 70px; padding-top: 90px; }
    .ws-hero__txt{ width: 52%; }
    .ws-hero__h1{ font-size: 30px; letter-spacing: 4px; }
    .ws-hero__pic{ width: 38%; margin: 0; }
    .ws-year{ padding-top: 110px; }
    .ws-year__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ws-how__cols{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; }
    .ws-how__first{ width: 70%; margin-left: auto; padding: 30px 36px; }

    .dp-hero{ flex-direction: row; align-items: center; gap: 70px; padding-top: 100px; }
    .dp-hero__pic{ width: 420px; flex: 0 0 420px; }
    .dp-hero__circles{ top: 60px; right: 40px; width: 200px; }
    .dp-hero__circles i{ width: 120px; height: 120px; }
    .dp-hero__circles i:last-child{ left: 70px; }
    .dp-hero__h1{ font-size: 40px; letter-spacing: 8px; }
    .dp-models{ padding-top: 110px; }
    .dp-models__row{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; align-items: start; }
    .dp-model:nth-child(2){ margin-top: 40px; }
    .dp-model--our{ margin-top: 80px; }
    .dp-split{ padding: 50px 56px; }
    .dp-split__form{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; align-items: end; }
    .dp-talk{ padding-top: 130px; }
    .dp-talk__list li{ max-width: 70%; font-size: 16px; padding: 18px 26px; }
}

@media screen and (min-width: 1100px) {
    .ws-year__grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .ws-month:nth-child(4n+2){ margin-top: 30px; }
    .ws-month:nth-child(4n+4){ margin-top: 14px; }
}