body, html { margin: 0; padding: 0; overflow-x: hidden; }

@font-face { font-family: Montserrat; src: url('https://hardbeans.com/files/feb3f172-a144-4c5b-ae7f-bca76c347ead'); font-style: normal; font-weight: 100 500; }
@font-face { font-family: Montserrat; src: url('https://hardbeans.com/files/fc9beecf-0bca-4fee-93a0-9c1687cc24b8'); font-style: normal; font-weight: 600 1000; }
@font-face { font-family: MyriadPro; src: url('https://hardbeans.com/files/feed731c-bf83-460e-a2db-f91734e153b1'); font-style: normal; font-weight: 100 500; }
@font-face { font-family: MyriadPro; src: url('https://hardbeans.com/files/12fcfb56-b765-45fe-a4e4-49f0bbb8ba25'); font-style: normal; font-weight: 600 1000; }
@font-face { font-family: GT-Sectra; src: url('https://hardbeans.com/files/18554b89-70dc-4ed0-97f5-50629342bfc2'); font-style: normal; font-weight: 100 400; }
@font-face { font-family: GT-Sectra; src: url('https://hardbeans.com/files/dbbb93de-09b9-4862-8200-09bdf4c5906a'); font-style: normal; font-weight: 500 700; }
@font-face { font-family: GT-Sectra; src: url('https://hardbeans.com/files/e0614aed-02cb-4a83-b5be-f6521c66352a'); font-style: normal; font-weight: 800 1000; }
@font-face { font-family: Acrobat; src: url('https://hardbeans.com/files/295a5ac8-b149-4a77-a1ca-a1cc07ae8403'); font-style: normal; font-weight: 100 300; }
@font-face { font-family: Acrobat; src: url('https://hardbeans.com/files/e65ce9a7-7b62-4c58-9d3a-2ceb26012478'); font-style: normal; font-weight: 400 400; }
@font-face { font-family: Acrobat; src: url('https://hardbeans.com/files/e41ca8f3-e92e-4484-95b1-7de38463efc2'); font-style: normal; font-weight: 500 600; }
@font-face { font-family: Acrobat; src: url('https://hardbeans.com/files/e3c9dc45-0de5-4aaf-91a1-fba0ef38d814'); font-style: normal; font-weight: 700 1000; }

.page-container { padding: 0; margin: 0 auto; width: 100vw; max-width: unset !important; }
.page-container > div { padding: 0; margin: 0; }
.page-container p { display: contents; }
.page-container section p { display: block; }
.page-container summary { display: block; }
.page-container br, .page-container h1 { display: none; }
.page-container * { margin: 0; padding: 0; }
.page-container + div > div:first-child { display: none; }
.page-container input { background-image: none !important; }
.page-container li { list-style-type: none; }

.page-container h2, .page-container h3 { font-family: GT-Sectra; letter-spacing: 0; text-transform: uppercase; }

.header h2 { font-weight: 600; color: #f3e4bf; font-size: 4.2vw; text-align: center; margin: 0; padding: 5vw 0 0 0; line-height: 1.2em; }
.header h3 { font-weight: 400; color: #f3e4bf; font-family: GT-Sectra; font-size: 1.7vw; text-align: center; margin: 0; padding: 0; line-height: 1em; }
.header a { display: inline-block; background-color: #f3e4bf; color: black; border-radius: 0.6em; padding: 1.2em 2em; text-decoration: none; }
.header a::before { margin-right: 0.6em; display: inline-block; width: 0.8em; height: 0.8em; content: ' '; background-size: 100%; background-image: url('https://hardbeans.com/files/02c6b3ff-dd9b-408c-b83e-8586a6a658ac'); }
.header { background-color: #964b2d; color: #f3e4bf; font-family: GT-Sectra; }
.header div { box-sizing: content-box; background-image: url('https://hardbeans.com/picture/files/justyna2026.png'); background-size: auto 110%; background-position: 100% 100%; background-repeat: no-repeat; }
.header div { width: 33vw; margin: 0 auto; padding: 5vw 43vw 0 2vw; }
.header h4 { font-family: GT-Sectra; color: #f3e4bf; margin: 0 0 1vw 0; font-size: 2vw; }
.header h4 ~ p { font-family: GT-Sectra; color: #f3e4bf; font-size: 1.5vw; line-height: 1.5em; margin: 0; }
.header p:last-of-type { padding: 6vw 0; }

@media (width < 60rem) {
.header h2 { font-size: 2.52rem; padding: 3rem 0 0 0; }
.header h3 { font-size: 1.02rem; }
.header div { width: 20rem; padding: 3rem min( 25.8rem , 100vw - 21.2rem ) 0 1.2rem; background-position: calc( 100% + ( ( 60rem - 100vw ) * 0.25 ) ) 100%; }
.header h4 { margin: 0 0 0.6rem 0; font-size: 1.2rem; }
.header h4 ~ p { font-size: 0.9rem; }
.header a { padding: 2vw 3.33vw; }
}

@media (width < 32rem) {
.header div { width: 63.5vw; padding: 3rem 33.5vw 0 3vw; }
}

.produkty p { font-family: Acrobat; font-weight: 300; }
.produkty p { font-size: 1.5vw; padding: 1vw 2vw; line-height: 1.5em; }
.produkty a { font-family: GT-Sectra; background-color: #f3e4bf; color: black; border-radius: 0.6em; padding: 1.2em 3em; display: inline-block; text-decoration: none; }
.produkty a::before { margin-right: 0.6em; display: inline-block; width: 0.8em; height: 0.8em; content: ' '; background-size: 100%; background-image: url('https://hardbeans.com/files/02c6b3ff-dd9b-408c-b83e-8586a6a658ac'); }
.produkty h3 { color: #964b2d; font-size: 1.8vw; font-family: GT-Sectra; text-align: left; padding: 4vw 6vw; font-weight: 400; }
.produkty h4 { color: #964b2d; font-size: 3vw; font-family: GT-Sectra; font-weight: 400; } 
.produkty > div + h4 { margin-top: 6vw; }
.produkty h5 { color: black; font-size: 1.9vw; font-family: Acrobat; font-weight: 700; } 
.produkty h4:nth-of-type(odd) { text-align: right; padding-right: 10vw; }
.produkty h4:nth-of-type(even) { text-align: left; padding-left: 10vw; }
.produkty h5:nth-of-type(odd) { text-align: right; padding-right: 10vw; }
.produkty h5:nth-of-type(even) { text-align: left; padding-left: 10vw; }
.produkty > div { display: flex; justify-content: space-between; margin: 2vw 8vw; gap: 10vw;}
.produkty > div:nth-of-type(odd) { flex-direction: row; }
.produkty > div:nth-of-type(even) { flex-direction: row-reverse; }
.produkty > div img { width: 28vw; height: 28vw;}
.produkty > div > div { display: flex; justify-content: space-between; flex-direction: column; }

@media (width < 60rem) {
.produkty h3 { font-size: 1.08rem; padding: 2.4rem 3.6rem; }
.produkty h4 { font-size: 1.8rem; }
.produkty h5 { font-size: 1.14rem; }
.produkty p { font-size: 0.9rem; }
.produkty a { padding: 2vw 5vw; }
}

.skontaktuj { background-color: white; padding-top: 4vw; }
.skontaktuj h3 { color: #683627; text-transform: none; margin: 3vw; font-size: 1.6vw; font-weight: 600; text-align: center; }
.skontaktuj div { background-color: #964b2d; color: #f3e4bf; margin: 0; padding: 2vw 0; }
.skontaktuj h4 { font-family: GT-Sectra; color: #f3e4bf; text-align: center; margin-bottom: 1vw; font-size: 1.6vw; text-transform: uppercase; }
.skontaktuj p { font-family: GT-Sectra; text-align: center; margin-bottom: 1vw; font-size: 1.6vw; font-weight: 600; }
.skontaktuj a { font-family: GT-Sectra; color: #f3e4bf; text-decoration: none; }

@media (width < 60rem) {
.skontaktuj { padding-top: 2.4rem; }
.skontaktuj h3 { margin: 1.8rem; font-size: 0.96rem; }
.skontaktuj div { padding: 1.2rem; }
.skontaktuj h4 { margin-bottom: 0.6rem; font-size: 0.96rem; }
.skontaktuj p { margin-bottom: 0.6rem; font-size: 0.96rem; }
}