body, html { margin: 0; padding: 0; overflow-x: hidden; }
.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 section p, .page-container h2, .page-container h3, .page-container h4, .page-container div { font-size: 1.2vw; line-height: 1.3em; }
.page-container br, .page-container h1 { display: none; }
.page-container section { position: relative; margin: 0; padding: 0; }
.page-container section * { 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 iframe { zoom: calc(45vw/601px); }

@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; }

.page-container h2, .page-container h3 { background-color: #9a1a33; color: white; font-family: GT-Sectra; letter-spacing: 0.06em; }
.page-container h2 { font-weight: 900; font-size: 3vw; text-align: center; padding: 1em 5vw; }
.page-container h3 { font-weight: 700; font-size: 1.5vw; text-align: right; margin-left: auto; padding: 1em 5vw; border-radius: 0 0 0 1em; }
.page-container h4 { color: #9a1a33; margin-top: 1vw; font-family: Montserrat; } 

.header h2 { padding-bottom: 0; text-align: right; }

.skontaktuj { display: flex; flex-direction: row-reverse; justify-content: space-between; }
.skontaktuj h3 { display: block; font-family: MyriadPro; font-weight: 700; background-color: black; }
.skontaktuj iframe { margin: -40px 0 0 0; }
.skontaktuj .email a, .skontaktuj .tel a { font-weight: 200; color: #303030; }
.skontaktuj .email, .skontaktuj .tel { font-size: 2vw; }
.skontaktuj figure { width: 50%; display: flex; justify-content: center; align-items: end; height: stretch; }
.skontaktuj img { position: relative; width: 19vw; z-index: 2; }
.skontaktuj figcaption { font-family: Montserrat; padding-bottom: 4vw; }
.skontaktuj h4 { margin-bottom: 1vw; font-size: 2vw; }
.skontaktuj .tel::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'); }
.skontaktuj .email::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/a067adc6-48b6-4684-b593-4326c188b21b'); }

.skontaktuj details, .skontaktuj .details { width: 45vw; }
.skontaktuj details h3::after { content: " ⬇"; }
.skontaktuj details:open h3::after { content: " ⬆";}

.personalizacja { background: url('https://hardbeans.com/picture/fit-in/1200x800/files/gitboxy2025/fq7a8590.jpg'); background-repeat: no-repeat; background-size: 40vw; }

.produkty { background: url('https://hardbeans.com/picture/fit-in/900x600/files/gitboxy2025/fq7a8611.jpg'), url('https://hardbeans.com/picture/fit-in/900x600/files/gitboxy2025/fq7a8574.jpg'), url('https://hardbeans.com/picture/fit-in/900x600/files/gitboxy2025/fq7a8587.jpg'); background-repeat: no-repeat; background-size: 40vw; background-position: bottom right, center right, top right; }

.personalizacja div, .produkty div { margin-top: 2em; padding-bottom: 2em; width: 60vw; }

.personalizacja div { margin-left: auto; }
.produkty div { margin-right: auto; }

.personalizacja p, .produkty p { margin-left: 4vw; margin-right: 4vw; padding: 1vw; font-family: MyriadPro; text-align: justify; }
.personalizacja h3, .produkty h3 { width: fit-content; }
.personalizacja h4, .produkty h4 { padding: 0 2vw; }

.personalizacja h4 { text-align: right; }
.produkty h4 { text-align: left; }
.produkty h3 { margin-left: 0; margin-right: auto; border-radius: 0 0 1em 0; }

.produkty img { float: right; width: 15vw; margin: 0 2vw; }