/*
Theme Name: Elegance Rebell
Description: Elegance Rebell
Version: 1.0
Author: Jerry
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');


a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-family: "Inter", sans-serif;
    box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    text-decoration: none !important;
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

html {
    font-size: 62.5%;
}


@media (max-width: 1450px) {
    html {
        font-size: 55%;
        -webkit-text-size-adjust: none;
    }
}

@media (max-width: 1189px) {
    html {
        font-size: 45%;
        -webkit-text-size-adjust: none;
    }
}

@media (max-width: 1028px) {
    html {
        font-size: 37%;
        -webkit-text-size-adjust: none;
    }
}

@media (max-width: 767px) {

    html {
        font-size: 48%;
        -webkit-text-size-adjust: none;
    }
}

body button:focus {
    outline: none;
}

body img {
    display: block;
    max-width: 100%;
    height: auto;
}

.container {
    max-width: 120rem;
}

.container {
    padding-right: 0;
    padding-left: 0;
}

.container-fluid {
    padding-right: 0;
    padding-left: 0;
}

.row {
    margin-right: 0;
    margin-left: 0;
}




.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    padding-right: 0;
    padding-left: 0;
}

.main-header .navbar,
.main-header .navbar-nav .nav-link,
.main-header .navbar .navbar-brand {
    padding: 0;
    margin: 0;
}

.main-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    padding: 1.6rem 0;
    background-color: #ffffff;
}

#cookie-notice .cn-button:not(.cn-button-custom) {
    border: none;
    position: relative;
    width: 20.5rem;
    height: 4.6rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background-color: #F1E7C6 !important;
    font-size: 1.4rem;
    font-weight: 700;
    color: #1E2A32;
    border-radius: 0;
    -webkit-transform: skewX(-30deg);
    transform: skewX(-30deg);
}

.screen-reader-response {
    display: none;
}

.wpcf7-response-output,
.wpcf7-not-valid-tip {
    position: relative;
    top: 0.5rem;
}

.main-header .nav-link {
    position: relative;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2.24rem;
    text-transform: uppercase;
    color: #1C1917;
}

.main-header .nav-link:hover::after,
.main-header .current-menu-item .nav-link::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 0.2rem;
    background-color: #1C1917;
    left: 0;
    bottom: -0.4rem;
}


.main-header .navbar-nav {
    -webkit-column-gap: 3.2rem;
    -moz-column-gap: 3.2rem;
    column-gap: 3.2rem;
}

.main-header .custom-logo {
    max-width: 9.4rem;
}

.start {
    /* padding: 34.4rem 0;
    background: url(images/start-image.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    margin-top: 8rem; */
}

.start .text-wrapper {
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.start .text-wrapper .start-preheading {
    display: block;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2.24rem;
    text-align: center;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 1.5rem;
    letter-spacing: 0.56rem;
    text-transform: uppercase;
}

.start .text-wrapper .start-heading {
    font-family: "Playfair Display", serif;
    font-size: 5.6rem;
    font-weight: 400;
    line-height: 6.72rem;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 1.7rem;
}

.start .text-wrapper .start-subheading {
    font-family: "Playfair Display", serif;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.68rem;
    font-style: italic;
    letter-spacing: 0.56rem;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 3.2rem;
}

.start .text-wrapper .button-wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    gap: 1.6rem;
    flex-wrap: wrap;
}

.start .text-wrapper .button-wrapper .start-button {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 22.5rem;
    height: 5.7rem;
    background-color: #FFFFFF;
    font-size: 1.4rem;
    text-transform: uppercase;
    color: #1C1917;
}

.start .text-wrapper .button-wrapper .start-button:hover {
    background-color: transparent;
    border: 1px solid #ffffff;
    color: #ffffff;
}

.start .text-wrapper .button-wrapper .start-button.next {
    background-color: transparent;
    border: 1px solid #ffffff;
    color: #ffffff;
}

.start .text-wrapper .button-wrapper .start-button.next:hover {
    background-color: #FFFFFF;
    ;
    color: #1C1917;
    border: none;
}

.who {
    padding: 9.5rem 0;
    background-color: #FAFAF9;
}

.section-heading {
    font-family: "Playfair Display", serif;
    font-size: 3.6rem;
    font-weight: 400;
    line-height: 5.76rem;
    text-align: center;
    color: #936436;
}

.who .who-heading {
    margin-bottom: 4.8rem;
}

.who .items {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
}

.who .items .item {
    -webkit-transition: box-shadow 0.25s ease, -webkit-transform 0.25s ease;
    transition: box-shadow 0.25s ease, -webkit-transform 0.25s ease;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    transition: transform 0.25s ease, box-shadow 0.25s ease, -webkit-transform 0.25s ease;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
    padding: 3.2rem 2.5rem;
    max-width: 36.266rem;
    background-color: #ffffff;
    border: 1px solid #E7E5E4;
    row-gap: 1.6rem;
}

.who .items .item:hover {
    -webkit-transform: translateY(-0.4rem);
    transform: translateY(-0.4rem);

    box-shadow:
        0.6rem 1rem 2rem rgba(0, 0, 0, 0.08),
        1.2rem 2rem 4rem rgba(0, 0, 0, 0.10);
}

.who .items .item:nth-of-type(2) {
    border: 1px solid #D6D3D1;
    border-top: 0.4rem solid #D6D3D1;
}

.who .items .item .item-heading {
    font-family: "Playfair Display", serif;
    font-size: 2rem;
    font-weight: 400;
    line-height: 3.2rem;
    text-align: center;
    color: #1C1917;
}

.who .items .item .item-text {
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 2.24rem;
    text-align: center;
    color: #78716C;
}

.offer {
    padding: 9.5rem 0;
    background-color: #ffffff;
}

.offer .offer-heading {
    margin-bottom: 0.8rem;
}

.section-text {
    font-size: 1.6rem;
    line-height: 2.56rem;
    text-align: center;
    color: #78716C;
}

.offer .offer-text {
    margin-bottom: 4.8rem;
}

.offer .items {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 3.2rem;
}

.offer .items .item {
    -webkit-transition: box-shadow 0.25s ease, -webkit-transform 0.25s ease;
    transition: box-shadow 0.25s ease, -webkit-transform 0.25s ease;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    transition: transform 0.25s ease, box-shadow 0.25s ease, -webkit-transform 0.25s ease;
    max-width: 37.866rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    row-gap: 1.6rem;
    padding-bottom: 1rem;
}

.offer .items .item:hover {
    -webkit-transform: translateY(-0.4rem);
    transform: translateY(-0.4rem);
    box-shadow:
        0 0.8rem 1.8rem rgba(0, 0, 0, 0.08),
        0 1.8rem 4rem rgba(0, 0, 0, 0.10);
}

.offer .items .item .item-heading {
    font-family: "Playfair Display", serif;
    font-size: 2rem;
    font-weight: 400;
    line-height: 3.2rem;
    text-align: center;
    letter-spacing: 0.2rem;
    text-transform: uppercase;
    color: #1C1917;
    margin-top: 1.6rem;
}

.news {
    padding: 9.5rem 0;
    background-color: #ffffff;
}

.news .news-heading {
    margin-bottom: 0.8rem;
}

.about .items .item .item-heading a {
    color: #936436;
}

.news .news-text {
    margin-bottom: 4.8rem;
}

.news .items {
    -webkit-box-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 3.2rem;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 4.8rem;
}

.news .items .item {
    -webkit-transition: box-shadow 0.25s ease, -webkit-transform 0.25s ease;
    transition: box-shadow 0.25s ease, -webkit-transform 0.25s ease;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    transition: transform 0.25s ease, box-shadow 0.25s ease, -webkit-transform 0.25s ease;
    max-width: 36.266rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    padding-bottom: 1rem;
}

.news .items .item:hover {
    -webkit-transform: translateY(-0.3rem);
    transform: translateY(-0.3rem);
    box-shadow:
        1.2rem 0.4rem 2rem rgba(0, 0, 0, 0.08),
        2.4rem 0.8rem 4rem rgba(0, 0, 0, 0.10);
}

.news .items .item .image-wrapper {
    position: relative;
    width: 100%;
    height: 25rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.news .items .item .image-wrapper .item-category {
    padding: 0.3rem 1.2rem;
    position: absolute;
    left: 1.6rem;
    top: 1.6rem;
    font-size: 1.2rem;
    line-height: 1.92rem;
    letter-spacing: 0.2rem;
    text-transform: uppercase;
    color: #1C1917;
    background-color: #ffffff;
}

.news .items .item .item-time {
    display: block;
    font-size: 1.2rem;
    line-height: 1.92rem;
    color: #A8A29E;
    margin: 1.5rem 0 0.8rem 0;
}

.news .items .item .item-heading {
    font-family: "Playfair Display", serif;
    font-size: 2rem;
    font-weight: 400;
    line-height: 3.2rem;
    color: #1C1917;
    margin-bottom: 0.8rem;
}

.news .items .item .item-heading a {
    font-family: "Playfair Display", serif;
    font-size: 2rem;
    font-weight: 400;
    line-height: 3.2rem;
    color: #1C1917;
}

.news .items .item .item-text {
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 2.24rem;
    color: #78716C;
    margin-bottom: 1.8rem;
}

.news .items .item .item-link {
    font-size: 1.2rem;
    line-height: 1.92rem;
    text-transform: uppercase;
    text-decoration: underline !important;
    letter-spacing: 0.2rem;
    color: #1C1917;
}

.news .items .item .item-link:hover {
    opacity: 0.7;
}

.news .news-button {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 29.6rem;
    height: 5.639rem;
    border: 1px solid #E7E5E4;
    font-size: 1.4rem;
    text-transform: uppercase;
    letter-spacing: 0.2rem;
    color: #78716C;
    margin: 0 auto;
}

.news .news-button:hover {
    background-color: #E7E5E4;
    border: none;
    color: #1C1917;
}

.faq {
    padding: 9.6rem 0 11.2rem 0;
    ;
    background-color: #FAFAF9;
}

.faq .items {
    -webkit-box-pack: center;
    justify-content: center;
}

.faq .item {
    max-width: 75.2rem;
}

.faq .faq-text {
    margin-bottom: 2.4rem;
}

.faq .card {
    border: none;
    border-bottom: unset !important;
    border: 1px solid #E7E5E4 !important;
    border-radius: 0;
    background-color: #ffffff;
    margin-bottom: 0.8rem;
}

.faq .card-header {
    padding: 0;
    border-radius: 0;
    border: none;
    background-color: transparent;
    padding: 2rem 2.4rem;
}

.faq .card-body {
    padding: 0;
    padding: 2.4rem;
    font-size: 1.4rem;
    line-height: 1.31;
    color: #78716C;
}

.faq .card-header .btn {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 0;
    font-family: "Playfair Display", serif;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.2;
    color: #1C1917;
    text-decoration: none;
}

.faq .btn-link.focus,
.faq .btn-link:focus {
    text-decoration: none;
}

.approach {
    padding: 12rem 0 6.5rem 0;
    background-color: #1C1917;
}

.approach .approach-heading {
    font-family: "Playfair Display", serif;
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 3.84rem;
    color: #ffffff;
    text-align: center;
    margin-bottom: 2.4rem;
}

.approach .approach-text {
    margin-bottom: 3.5rem;
}

.approach .approach-link {
    display: block;
    font-size: 1.4rem;
    line-height: 2.24rem;
    text-transform: uppercase;
    text-decoration: underline !important;
    letter-spacing: 0.2rem;
    color: #ffffff;
    text-align: center;
}

.approach .approach-link:hover {
    opacity: 0.7;
}

.main-footer {
    padding: 6.4rem 0 3.2rem 0;
    background-color: #0A0A0A;
}

.main-footer .footer-logo {
    margin-bottom: 10rem;
    max-width: 9.4rem;
}

.main-footer .items {
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    align-items: flex-start;
    flex-wrap: wrap;
}

.main-footer .items .item {
    max-width: 35.2rem;
}

.main-footer .items .item .footer-heading {
    font-size: 1.4rem;
    line-height: 2.24rem;
    text-transform: uppercase;
    letter-spacing: 0.2rem;
    color: #ffffff;
    margin-bottom: 2.4rem;
}

.main-footer .items .item .footer-text {
    display: block;
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 2.24rem;
    color: #D4D4D4;
    margin-bottom: 1.54rem;
}

.main-footer .items .item a.footer-text:hover {
    opacity: 0.7;
}

.main-footer .item2 {
    border-top: 1px solid #262626;
    margin-top: 6.4rem;
    padding-top: 3.1rem;
}

.main-footer .copyright {
    font-size: 1.2rem;
    line-height: 1.92rem;
    text-align: center;
    color: #78716C;
}

.products {
    margin-top: 8rem;
    padding: 6.3rem 0 9.6rem 0;
    background-color: #ffffff;
}

.products .products-heading {
    margin-bottom: 6.3rem;
}

.products .items {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 4rem;
}

.products .items .item {
    -webkit-transition: box-shadow 0.25s ease, -webkit-transform 0.25s ease;
    transition: box-shadow 0.25s ease, -webkit-transform 0.25s ease;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    transition: transform 0.25s ease, box-shadow 0.25s ease, -webkit-transform 0.25s ease;
    max-width: 58rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
    padding-bottom: 1rem;
}

.products .items .item:hover {
    -webkit-transform: translateY(-0.4rem);
    transform: translateY(-0.4rem);

    box-shadow:
        0.6rem 1rem 2rem rgba(0, 0, 0, 0.08),
        1.2rem 2rem 4rem rgba(0, 0, 0, 0.10);
}

.products .items .item .item-category {
    display: block;
    font-size: 1.2rem;
    line-height: 1.92rem;
    letter-spacing: 0.2rem;
    text-transform: uppercase;
    text-align: center;
    color: #78716C;
    margin: 1.6rem 0 0.8rem 0;
}

.products .items .item .item-heading {
    font-family: "Playfair Display", serif;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 2.88rem;
    color: #1C1917;
    text-align: center;
    margin-bottom: 1.6rem;
}

.products .items .item .item-button {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 10.8rem;
    height: 4rem;
    background-color: #1C1917;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    letter-spacing: 0.14rem;
    text-transform: uppercase;
    color: #FAF9F6;
}

.products .items .item .item-button:hover {
    border: 1px solid #1C1917;
    background-color: transparent;
    color: #1C1917;
}

.top {
    margin-top: 8rem;
    padding: 6.4rem 0;
    background-color: #FBF1E8;
}

.top .top-heading {
    font-family: "Playfair Display", serif;
    font-size: 3.6rem;
    font-weight: 400;
    line-height: 5.76rem;
    color: #936436;
    text-align: center;
    margin-bottom: 0.86rem;
}

.top .top-subheading {
    font-size: 1.4rem;
    line-height: 2.24rem;
    letter-spacing: 0.2rem;
    text-transform: uppercase;
    text-align: center;
    color: #78716C;
}

/* =================================
   ABOUT – WYSIWYG
================================= */

.about .wysiwyg-content {
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 2.56rem;
    color: #78716C;
}

/* Akapity */

.about .wysiwyg-content p {
    margin: 0 0 1.6rem;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
}

.about .wysiwyg-content p:last-child {
    margin-bottom: 0;
}

/* Nagłówki */

.about .wysiwyg-content h1,
.about .wysiwyg-content h2,
.about .wysiwyg-content h3,
.about .wysiwyg-content h4,
.about .wysiwyg-content h5,
.about .wysiwyg-content h6 {
    font-family: "Playfair Display", serif;
    font-weight: 400;
    line-height: 1.3;
    color: #1C1917;
}

.about .wysiwyg-content h1 {
    font-size: 4rem;
    margin: 4rem 0 2rem;
}

.about .wysiwyg-content h2 {
    font-size: 3.2rem;
    margin: 3.6rem 0 1.8rem;
}

.about .wysiwyg-content h3 {
    font-size: 2.8rem;
    margin: 3.2rem 0 1.6rem;
}

.about .wysiwyg-content h4 {
    font-size: 2.4rem;
    margin: 2.8rem 0 1.4rem;
}

.about .wysiwyg-content h5 {
    font-size: 2rem;
    margin: 2.4rem 0 1.2rem;
}

.about .wysiwyg-content h6 {
    font-size: 1.8rem;
    margin: 2rem 0 1rem;
}

.about .wysiwyg-content>h1:first-child,
.about .wysiwyg-content>h2:first-child,
.about .wysiwyg-content>h3:first-child,
.about .wysiwyg-content>h4:first-child,
.about .wysiwyg-content>h5:first-child,
.about .wysiwyg-content>h6:first-child {
    margin-top: 0;
}

/* Pogrubienie, kursywa i podkreślenie */

.about .wysiwyg-content strong,
.about .wysiwyg-content b {
    font-weight: 700;
}

.about .wysiwyg-content em,
.about .wysiwyg-content i {
    font-style: italic;
}

.about .wysiwyg-content u {
    text-decoration: underline;
}

/* Linki */

.about .wysiwyg-content a {
    color: #936436;
    text-decoration: underline !important;
    text-underline-offset: 0.3rem;
}

.about .wysiwyg-content a:hover {
    opacity: 0.7;
}

/* Listy */

.about .wysiwyg-content ul,
.about .wysiwyg-content ol {
    margin: 2rem 0;
    padding-left: 2.4rem;
}

.about .wysiwyg-content ul {
    list-style: disc;
}

.about .wysiwyg-content ol {
    list-style: decimal;
}

.about .wysiwyg-content li {
    margin-bottom: 0.8rem;
    padding-left: 0.4rem;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

.about .wysiwyg-content li:last-child {
    margin-bottom: 0;
}

/* Cytat */

.about .wysiwyg-content blockquote {
    margin: 2.4rem 0;
    padding: 1.6rem 0 1.6rem 2.4rem;
    border-left: 0.3rem solid #936436;
    font-family: "Playfair Display", serif;
    font-size: 1.9rem;
    font-style: italic;
    line-height: 1.6;
    color: #1C1917;
}

/* Linia oddzielająca */

.about .wysiwyg-content hr {
    margin: 3.2rem 0;
    border: 0;
    border-top: 1px solid #E7E5E4;
}

/* Obrazki dodawane przez edytor */

.about .wysiwyg-content img {
    max-width: 100%;
    height: auto;
    margin: 2.4rem 0;
}

/* Kolejne elementy repeatera */

.about .about-content .item-text {
    margin-bottom: 1.6rem;
}

.about .about-content .item-text:last-child {
    margin-bottom: 0;
}

/* Tekst wyróżniony pod treścią */

.about .items .item .another-text {
    margin-top: 3rem;
    padding-top: 2.4rem;
    border-top: 1px solid #E7E5E4;
}

.about .items .item .another-text,
.about .items .item .another-text p {
    font-family: "Playfair Display", serif;
    font-size: 1.92rem;
    font-weight: 400;
    font-style: italic;
    line-height: 3.2rem;
    color: #1C1917;
}

/* Dolna treść */

.about .bottom-text {
    margin-top: 6.4rem;
}

.about {
    padding: 9.6rem 0;
    background-color: #ffffff;
}

.about .items {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 3rem;
}

.about .items .item {
    max-width: 59.2rem;
}

.about .items .item .item-heading {
    font-family: "Playfair Display", serif;
    font-size: 3.2rem;
    font-weight: 400;
    line-height: 5.12rem;
    color: #936436;
    margin-bottom: 2.4rem;
}

.about .items .item .item-text {
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 2.56rem;
    color: #78716C;
    margin-bottom: 1.6rem;
}

.about .items .item .item-text.last {
    margin-bottom: 3rem;
}

.about .items .item .another-text {
    font-family: "Playfair Display", serif;
    font-size: 1.92rem;
    font-weight: 400;
    font-style: italic;
    line-height: 3.2rem;
    color: #1C1917;
    padding-top: 2.4rem;
    border-top: 1px solid #E7E5E4;
}

.extension {
    padding: 9.6rem 0;
    background-color: #ffffff;
}

.extension .extension-heading {
    font-family: "Playfair Display", serif;
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 3.84rem;
    color: #1C1917;
    text-align: center;
    margin-bottom: 2.4rem;
}

.extension .extension-text {
    font-size: 1.6rem;
    line-height: 2.56rem;
    text-align: center;
    color: #78716C;
    margin-bottom: 6.4rem;
}

.extension .items {
    -webkit-box-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 3.2rem;
    margin-bottom: 6.4rem;
}

.extension .items .item {
    -webkit-transition: box-shadow 0.25s ease, -webkit-transform 0.25s ease;
    transition: box-shadow 0.25s ease, -webkit-transform 0.25s ease;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    transition: transform 0.25s ease, box-shadow 0.25s ease, -webkit-transform 0.25s ease;
    padding: 3.2rem;
    max-width: 23.466rem;
    border: 1px solid #E7E5E4;
}

.extension .items .item:hover {
    -webkit-transform: translateY(-0.4rem);
    transform: translateY(-0.4rem);

    box-shadow:
        0.6rem 1rem 2rem rgba(0, 0, 0, 0.08),
        1.2rem 2rem 4rem rgba(0, 0, 0, 0.10);
}

.extension .items .item .item-heading {
    font-family: "Playfair Display", serif;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 2.88rem;
    color: #1C1917;
    margin-bottom: 1.2rem;
}

.extension .items .item .item-text {
    font-size: 1.4rem;
    line-height: 2.24rem;
    font-weight: 300;
    color: #78716C;
}

.extension .extension-button {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 28.2rem;
    height: 5.439rem;
    background-color: #1C1917;
    margin: 0 auto;
    font-size: 1.4rem;
    letter-spacing: 0.2rem;
    text-transform: uppercase;
    color: #FFFFFF;
}

.extension .extension-button:hover {
    background-color: transparent;
    border: 1px solid #1C1917;
    color: #1C1917;
}

.main-footer .footer-social-link-wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
    gap: 2rem;
    flex-wrap: wrap;
}

.main-footer .footer-social-link-wrapper .footer-social-icon {
    max-width: 4rem;
}

/* =================================
   CONTACT – WYSIWYG
================================= */

.contact .contact-wysiwyg {
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 2.56rem;
    color: #78716C;
}

/* Akapity */

.contact .contact-wysiwyg p {
    margin: 0 0 1.6rem;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
}

.contact .contact-wysiwyg p:last-child {
    margin-bottom: 0;
}

/* Nagłówki */

.contact .contact-wysiwyg h1,
.contact .contact-wysiwyg h2,
.contact .contact-wysiwyg h3,
.contact .contact-wysiwyg h4,
.contact .contact-wysiwyg h5,
.contact .contact-wysiwyg h6 {
    font-family: "Playfair Display", serif;
    font-weight: 400;
    line-height: 1.3;
    color: #1C1917;
}

.contact .contact-wysiwyg h1 {
    margin: 4rem 0 2rem;
    font-size: 4rem;
}

.contact .contact-wysiwyg h2 {
    margin: 3.6rem 0 1.8rem;
    font-size: 3.2rem;
}

.contact .contact-wysiwyg h3 {
    margin: 3.2rem 0 1.6rem;
    font-size: 2.8rem;
}

.contact .contact-wysiwyg h4 {
    margin: 2.8rem 0 1.4rem;
    font-size: 2.4rem;
}

.contact .contact-wysiwyg h5 {
    margin: 2.4rem 0 1.2rem;
    font-size: 2rem;
}

.contact .contact-wysiwyg h6 {
    margin: 2rem 0 1rem;
    font-size: 1.8rem;
}

/* Brak niepotrzebnego odstępu nad pierwszym nagłówkiem */

.contact .contact-wysiwyg>h1:first-child,
.contact .contact-wysiwyg>h2:first-child,
.contact .contact-wysiwyg>h3:first-child,
.contact .contact-wysiwyg>h4:first-child,
.contact .contact-wysiwyg>h5:first-child,
.contact .contact-wysiwyg>h6:first-child {
    margin-top: 0;
}

/* Pogrubienie i kursywa */

.contact .contact-wysiwyg strong,
.contact .contact-wysiwyg b {
    font-weight: 700;
}

.contact .contact-wysiwyg em,
.contact .contact-wysiwyg i {
    font-style: italic;
}

.contact .contact-wysiwyg u {
    text-decoration: underline;
}

/* Linki */

.contact .contact-wysiwyg a {
    color: #936436;
    text-decoration: underline !important;
    text-underline-offset: 0.3rem;
}

.contact .contact-wysiwyg a:hover {
    opacity: 0.7;
}

/* Listy */

.contact .contact-wysiwyg ul,
.contact .contact-wysiwyg ol {
    margin: 2rem 0;
    padding-left: 2.4rem;
}

.contact .contact-wysiwyg ul {
    list-style: disc;
}

.contact .contact-wysiwyg ol {
    list-style: decimal;
}

.contact .contact-wysiwyg li {
    margin-bottom: 0.8rem;
    padding-left: 0.4rem;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

.contact .contact-wysiwyg li:last-child {
    margin-bottom: 0;
}

/* Cytaty */

.contact .contact-wysiwyg blockquote {
    margin: 2.4rem 0;
    padding: 1.6rem 0 1.6rem 2.4rem;
    border-left: 0.3rem solid #936436;
    font-family: "Playfair Display", serif;
    font-size: 1.9rem;
    font-style: italic;
    line-height: 1.6;
    color: #1C1917;
}

/* Linia pozioma */

.contact .contact-wysiwyg hr {
    margin: 3.2rem 0;
    border: 0;
    border-top: 1px solid #E7E5E4;
}

/* Obrazki z edytora */

.contact .contact-wysiwyg img {
    max-width: 100%;
    height: auto;
    margin: 2.4rem 0;
}

/* Adres w pierwszym bloku */

.contact .subitem-text.contact-wysiwyg {
    display: block;
}

/* Dodatkowy tekst w lewej kolumnie */

.contact .additional-text.contact-wysiwyg {
    font-size: 1.4rem;
    line-height: 2.24rem;
    color: #78716C;
}

/* Treść pod sekcją */

.contact .contact-text {
    margin-top: 6.4rem;
    padding-top: 4rem;
    border-top: 1px solid #E7E5E4;
}

.contact {
    padding: 6.4rem 0;
    background-color: #ffffff;
}

.contact .container {
    max-width: 124.8rem;
}

.contact .items {
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
}

.contact .items .item {
    max-width: 59.2rem;
}

.contact .items .item.bg {
    padding: 4.8rem;
    background-color: #FAFAF9;
}

.contact .items .item .item-heading {
    font-family: "Playfair Display", serif;
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 3.84rem;
    color: #1C1917;
    margin-bottom: 3.2rem;
}

.contact .items .item .subitem {
    margin-bottom: 3rem;
}

.contact .items .item .subitem:last-of-type {
    padding-bottom: 8rem;
    border-bottom: 1px solid #E7E5E4;
}

.contact .items .item .subitem-heading {
    font-size: 1.2rem;
    line-height: 1.92rem;
    letter-spacing: 0.2rem;
    text-transform: uppercase;
    font-weight: 700;
    color: #78716C;
    margin-bottom: 0.4rem;
}

.contact .items .item .subitem-text {
    font-size: 1.6rem;
    line-height: 2.56rem;
    font-weight: 300;
    color: #1C1917;
}

.contact .form-group {
    margin: 0;
    padding: 0;
    margin-bottom: 2.3rem;
}

.contact .form-control {
    margin: 0;
    padding: 0;
    border-radius: 0;
    border: none;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.92rem;
    letter-spacing: 0.2rem;
    text-transform: uppercase;
    color: #78716C;
    height: 6.3rem;
    border-bottom: 1px solid #E7E5E4;
}

.contact textarea.form-control {
    min-height: 12.8rem;
}

.contact .form-control:focus {
    box-shadow: none;
}

.contact .send {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 23.9rem;
    height: 5rem;
    background-color: #1C1917;
    border-radius: 0;
    border: none;
    font-size: 1.4rem;
    letter-spacing: 0.2rem;
    text-transform: uppercase;
    color: #FFFFFF;
}

.contact .send:hover {
    background-color: transparent;
    border: 1px solid #1C1917;
    color: #1C1917;
}

.contact .btn-primary.focus,
.contact .btn-primary:focus {
    box-shadow: none;
}

.contact .additional-text {
    font-size: 1.4rem;
    line-height: 2.24rem;
    color: #78716C;
}

section.single-offer {
    margin-top: 8rem;
    padding: 8rem 0;
    background-color: #FAF9F6;
}

.single-offer .items {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.single-offer .items .item {
    max-width: 50.4rem;
}

.single-offer .image-wrapper {
    width: 100%;
    height: 67.2rem;
    margin-bottom: 1.6rem;
}

.single-offer .image-wrapper img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: calc();
    object-position: calc();
}

.single-offer .small-images-wrapper {
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
}

.single-offer .small-images-wrapper .small-image-wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 11.4rem;
    height: 11.4rem;
}

.single-offer .small-images-wrapper .small-image-wrapper img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.single-offer .small-image-wrapper {
    cursor: pointer;
    opacity: 0.6;
    border: 1px solid #9D8A66;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
}

.single-offer .small-image-wrapper:hover,
.single-offer .small-image-wrapper.active {
    opacity: 1;
    border-color: #000;
}

.single-offer .single-offer-heading {
    font-family: "Playfair Display", serif;
    font-size: 4.8rem;
    font-weight: 400;
    line-height: 1.2;
    color: #1C1917;
    margin-bottom: 1.6rem;
}

.single-offer .single-offer-subheading {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 2rem;
    line-height: 2.8rem;
    color: #8A6A44;
    margin-bottom: 3.3rem;
    padding-bottom: 2.4rem;
    border-bottom: 1px solid rgba(120, 113, 108, 0.2);
}

.single-offer .single-offer-text,
.single-offer p {
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: #78716C;
    margin-bottom: 3.2rem;
}

.single-offer .single-offer-button {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-column-gap: 1.2rem;
    -moz-column-gap: 1.2rem;
    column-gap: 1.2rem;
    width: 100%;
    height: 6rem;
    background-color: #1C1917;
    margin-bottom: 1.6rem;
    font-family: "Montserrat", sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0.14rem;
    text-transform: uppercase;
    color: #FAF9F6;
}

.single-offer .single-offer-button .mail {
    max-width: 1.6rem;
}

.single-offer .single-offer-button .phone {
    max-width: 1.6rem;
}

.single-offer .single-offer-button.next {
    background-color: transparent;
    border: 1px solid #9D8A66;
    color: #8A6A44;
}

.single-offer .additional-text {
    font-family: "Montserrat", sans-serif;
    font-size: 1.2rem;
    line-height: 1.6rem;
    font-weight: 300;
    color: #78716C;
    text-align: center;
    padding-bottom: 4.8rem;
    border-bottom: 1px solid rgba(120, 113, 108, 0.2);
    margin-bottom: 1.6rem;
}

.single-offer .specification-wrapper {
    padding-bottom: 1.6rem;
    border-bottom: 1px solid rgba(120, 113, 108, 0.2);
}

.single-offer .specification-heading {
    font-family: "Playfair Display", serif;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 2.8rem;
    color: #1C1917;
    margin-bottom: 1.6rem;
}

.single-offer .specification-text {
    font-family: "Montserrat", sans-serif;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 500;
    color: #1C1917;
    margin-bottom: 0.8rem;
}

.single-offer .specification-text span {
    font-family: "Montserrat", sans-serif;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 300;
    color: #78716C;
}

.recommended {
    padding: 9.6rem 0;
    background-color: #FAF9F6;
    border-top: 1px solid rgba(120, 113, 108, 0.1);
}

.recommended .recommended-heading {
    font-family: "Playfair Display", serif;
    font-size: 3rem;
    font-weight: 400;
    line-height: 3.6rem;
    color: #1C1917;
    text-align: center;
    margin-bottom: 4.8rem;
}

.recommended .items {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 3.2rem;
}

.recommended .items .item {
    -webkit-transition: box-shadow 0.25s ease, -webkit-transform 0.25s ease;
    transition: box-shadow 0.25s ease, -webkit-transform 0.25s ease;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    transition: transform 0.25s ease, box-shadow 0.25s ease, -webkit-transform 0.25s ease;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
    max-width: 34.133rem;
    padding-bottom: 1rem;
}

.recommended .items .item:hover {
    -webkit-transform: translateY(-0.4rem);
    transform: translateY(-0.4rem);

    box-shadow:
        0.6rem 1rem 2rem rgba(0, 0, 0, 0.08),
        1.2rem 2rem 4rem rgba(0, 0, 0, 0.10);
}

.recommended .items .item .item-heading {
    font-family: "Playfair Display", serif;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 2.88rem;
    color: #1C1917;
    text-align: center;
    margin: 1.6rem 0 0.4rem 0;
}

.recommended .items .item .item-category {
    display: block;
    font-size: 1.2rem;
    line-height: 1.92rem;
    letter-spacing: 0.2rem;
    text-transform: uppercase;
    color: #78716C;
    margin-bottom: 0.4rem;
    text-align: center;
}

.recommended .items .item .product-image-wrapper {
    height: 39.9rem;
    width: 100%;
}

.recommended .items .item .product-image-wrapper .product-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.recommended .items .item .item-button {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 10.8rem;
    height: 4rem;
    background-color: #1C1917;
    font-family: "Montserrat", sans-serif;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 400;
    letter-spacing: 0.14rem;
    text-transform: uppercase;
    color: #FAF9F6;
}

.single-page {
    position: relative;
    margin-top: 8rem;
    padding: 16.6rem 0;
    background: url('images/single-page-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.single-page .item {
    padding: 4rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    row-gap: 2.4rem;
    position: absolute;
    width: 83.2rem;
    height: 32rem;
    border: 1px solid #FDF1EB;
    background-color: #FFFFFF;
    z-index: 9;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    box-shadow:
        0 2px 4px -2px rgba(0, 0, 0, 0.10),
        0 4px 6px -1px rgba(0, 0, 0, 0.10);
}

.single-page .item .single-page-category {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: auto;
    height: 2.6rem;
    padding: 0 1.6rem;
    border: 1px solid #D6D3D1;
    font-size: 1.2rem;
    letter-spacing: 0.12rem;
    text-transform: uppercase;
    color: #57534E;
}

.single-page .item .single-page-heading {
    font-family: "Playfair Display", serif;
    font-size: 4.8rem;
    font-weight: 400;
    line-height: 1.2;
    color: #1C1917;
    text-align: center;
}

.single-page .item .single-page-time {
    font-size: 1.4rem;
    line-height: 2rem;
    letter-spacing: 0.14rem;
    text-transform: uppercase;
    color: #A8A29E;
    text-align: center;
}

.single-page-content {
    padding: 22.8rem 0 4rem 0;
    background-color: #ffffff;
}

.single-page-content .container {
    max-width: 76.8rem;
}

.single-page-content {
    font-size: 1.8rem;
    line-height: 3.24rem;
    color: #57534E;
}

.single-page-content .single-page-button {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 30.5rem;
    height: 5.4rem;
    background-color: #ffffff;
    border: 1px solid #1C1917;
    margin: 4.9rem auto 0 auto;
    font-size: 1.4rem;
    letter-spacing: 0.14rem;
    text-transform: uppercase;
    color: #1C1917;
}

.single-page-content .single-page-button:hover {
    background-color: #1C1917;
    border: none;
    color: #ffffff;
}

.content h2 {
    font-size: 3.2rem;
    font-weight: 600;
    line-height: 1.25;
    margin: 4rem 0 1.6rem;
}

.content h3 {
    font-size: 2.6rem;
    font-weight: 600;
    line-height: 1.3;
    margin: 3.2rem 0 1.4rem;
}

.content h4 {
    font-size: 2.2rem;
    font-weight: 600;
    line-height: 1.35;
    margin: 2.8rem 0 1.2rem;
}

.content p {
    font-size: 1.8rem;
    line-height: 1.7;
    margin-bottom: 1.8rem;
}

.content strong,
.content b {
    font-weight: 700;
}

.content ul,
.content ol {
    list-style: initial;
    margin: 2rem 0 2rem 2.4rem;
    padding-left: 2rem;
}

.content li {
    font-size: 1.8rem;
    line-height: 1.7;
    margin-bottom: 0.8rem;
}

.content a {
    text-decoration: underline;
}

.content em {
    font-style: italic;
}

.content img {
    max-width: 100%;
    height: auto;
}

.faq-arrow {
    max-width: 2.4rem;
    -webkit-transition: -webkit-transform 0.25s ease;
    transition: -webkit-transform 0.25s ease;
    transition: transform 0.25s ease;
    transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}

.faq .btn:not(.collapsed) .faq-arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* ================================
   HAMBURGER ICON
================================ */

.hamburger-icon {
    width: 3.2rem;
    height: 2.4rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    position: relative;
}

.hamburger-icon span {
    display: block;
    width: 100%;
    height: 0.2rem;
    background: #000;
    border-radius: 999px;
    -webkit-transition: opacity 0.2s ease, -webkit-transform 0.3s ease;
    transition: opacity 0.2s ease, -webkit-transform 0.3s ease;
    transition: transform 0.3s ease, opacity 0.2s ease;
    transition: transform 0.3s ease, opacity 0.2s ease, -webkit-transform 0.3s ease;
    -webkit-transform-origin: center;
    transform-origin: center;
}

.menu-toggle.is-open .hamburger-icon {
    -webkit-box-pack: center;
    justify-content: center;
}

.menu-toggle.is-open .hamburger-icon span {
    position: absolute;
    left: 0;
}

.menu-toggle.is-open .hamburger-icon span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.menu-toggle.is-open .hamburger-icon span:nth-child(2) {
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.menu-toggle.is-open .hamburger-icon span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


/* ================================
   MOBILE MENU
================================ */

.menu-backdrop {
    display: none;
}

@media (max-width: 991.98px) {
    .main-header {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    body.menu-open {
        overflow: hidden;
    }

    .main-header .navbar {
        position: relative;
        z-index: 9999;
    }

    .main-header .container {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }

    .navbar-toggler {
        border: 0;
        padding: 0;
        outline: none;
        box-shadow: none;
        background: transparent;
        position: relative;
        z-index: 10001;
    }

    .navbar-toggler:focus,
    .navbar-toggler:hover {
        outline: none;
        box-shadow: none;
    }

    #navbarNav {
        position: fixed;
        top: 0;
        right: 0;
        width: 82%;
        max-width: 38rem;
        height: 100vh;
        background: #ffffff;
        z-index: 10000;
        padding: 10rem 2.4rem 3rem;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: -webkit-transform 0.35s ease;
        transition: -webkit-transform 0.35s ease;
        transition: transform 0.35s ease;
        transition: transform 0.35s ease, -webkit-transform 0.35s ease;
        box-shadow: -1.5rem 0 4rem rgba(0, 0, 0, 0.16);
        overflow-y: auto;
        display: block;
    }

    #navbarNav.is-open {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    #navbarNav .navbar-nav {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: start !important;
        align-items: flex-start !important;
        -webkit-box-pack: start !important;
        justify-content: flex-start !important;
        width: 100%;
        gap: 0;
    }

    #navbarNav .nav-item {
        width: 100%;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    }

    #navbarNav .nav-link {
        display: block;
        width: 100%;
        padding: 1.6rem 0;
        font-size: 1.8rem;
        line-height: 1.4;
        color: #111111;
        text-decoration: none;
    }

    #navbarNav .nav-link:hover,
    #navbarNav .current-menu-item .nav-link,
    #navbarNav .current_page_item .nav-link {
        color: #000000;
        opacity: 0.65;
    }

    .menu-backdrop {
        display: block;
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.35);
        backdrop-filter: blur(0.6rem);
        -webkit-backdrop-filter: blur(0.6rem);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        -webkit-transition: opacity 0.35s ease, visibility 0.35s ease;
        transition: opacity 0.35s ease, visibility 0.35s ease;
        z-index: 9998;
    }

    .menu-backdrop.is-open {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
}

#breadcrumbs span,
#breadcrumbs span a {
    font-family: "Montserrat", sans-serif;
    font-size: 1.2rem;
    line-height: 1.6rem;
    font-weight: 400;
    color: #78716C;
    text-transform: uppercase;
    letter-spacing: 0.06rem;
}

#breadcrumbs .breadcrumb_last {
    color: #1C1917;
}

@media (max-width: 767px) {
    .who .items {
        -webkit-box-pack: center;
        justify-content: center;
        gap: 3rem;
    }

    .offer .items {
        -webkit-box-pack: center;
        justify-content: center;
        gap: 3.2rem;
    }

    .news .items {
        -webkit-box-pack: center;
        justify-content: center;
        gap: 3.2rem;
    }

    .faq .item {
        max-width: 100%;
    }

    section {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    .main-footer {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .main-footer .items {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }

    .products .items {
        -webkit-box-pack: center;
        justify-content: center;
        gap: 3.2rem;
    }

    .about .items {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }

    .about .items .item {
        max-width: 100%;
    }

    .contact .items {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }

    .contact .items .item {
        max-width: 100%;
    }

    .single-page-content .container {
        max-width: 120rem;
    }

    .single-offer .items {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }

    .single-offer .items .item {
        max-width: 100%;
        margin-bottom: 3rem;
    }

    .recommended .items {
        -webkit-box-pack: center;
        justify-content: center;
        gap: 3.2rem;
    }
}

/* =================================
   WYSIWYG – WYRÓWNANIE OBRAZÓW
================================= */

.about .wysiwyg-content img {
    max-width: 100%;
    height: auto;
}

/* Obraz wyśrodkowany */

.about .wysiwyg-content img.aligncenter,
.about .wysiwyg-content .aligncenter {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* WordPress czasem opakowuje obraz w link */

.about .wysiwyg-content a:has(> img.aligncenter) {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

/* Obraz wyrównany do lewej */

.about .wysiwyg-content img.alignleft,
.about .wysiwyg-content .alignleft {
    display: block;
    margin-right: auto !important;
    margin-left: 0 !important;
}

/* Obraz wyrównany do prawej */

.about .wysiwyg-content img.alignright,
.about .wysiwyg-content .alignright {
    display: block;
    margin-right: 0 !important;
    margin-left: auto !important;
}

/* Obsługa figure generowanego przez WordPress */

.about .wysiwyg-content figure.aligncenter {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
}

.about .wysiwyg-content figure.alignleft {
    margin-left: 0 !important;
    margin-right: auto !important;
}

.about .wysiwyg-content figure.alignright {
    margin-left: auto !important;
    margin-right: 0 !important;
}

/* Kontenery automatycznie dodawane przez edytor */

.about .wysiwyg-content div:has(> img.aligncenter),
.about .wysiwyg-content p:has(> img.aligncenter),
.about .wysiwyg-content div:has(> a > img.aligncenter),
.about .wysiwyg-content p:has(> a > img.aligncenter) {
    text-align: center;
}

/* Odstępy nad i pod zdjęciem */

.about .wysiwyg-content img.aligncenter,
.about .wysiwyg-content img.alignleft,
.about .wysiwyg-content img.alignright {
    margin-top: 2.4rem;
    margin-bottom: 2.4rem;
}

/* =================================
   CONTACT WYSIWYG – WYRÓWNANIE OBRAZÓW
================================= */

.contact .contact-wysiwyg img {
    max-width: 100%;
    height: auto;
}

/* Obraz wyśrodkowany */

.contact .contact-wysiwyg img.aligncenter,
.contact .contact-wysiwyg .aligncenter {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Obraz opakowany w link */

.contact .contact-wysiwyg a:has(> img.aligncenter) {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/* Obraz wyrównany do lewej */

.contact .contact-wysiwyg img.alignleft,
.contact .contact-wysiwyg .alignleft {
    display: block;
    margin-left: 0 !important;
    margin-right: auto !important;
}

/* Obraz wyrównany do prawej */

.contact .contact-wysiwyg img.alignright,
.contact .contact-wysiwyg .alignright {
    display: block;
    margin-left: auto !important;
    margin-right: 0 !important;
}

/* Figure generowane przez WordPress */

.contact .contact-wysiwyg figure.aligncenter {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
}

.contact .contact-wysiwyg figure.alignleft {
    margin-left: 0 !important;
    margin-right: auto !important;
}

.contact .contact-wysiwyg figure.alignright {
    margin-left: auto !important;
    margin-right: 0 !important;
}

/* Dodatkowe divy i akapity generowane przez WYSIWYG */

.contact .contact-wysiwyg div:has(> img.aligncenter),
.contact .contact-wysiwyg p:has(> img.aligncenter),
.contact .contact-wysiwyg div:has(> a > img.aligncenter),
.contact .contact-wysiwyg p:has(> a > img.aligncenter) {
    text-align: center;
}

/* Odstępy obrazków */

.contact .contact-wysiwyg img.aligncenter,
.contact .contact-wysiwyg img.alignleft,
.contact .contact-wysiwyg img.alignright {
    margin-top: 2.4rem;
    margin-bottom: 2.4rem;
}

/* =================================
   ABOUT
================================= */

.about {
    padding: 9.6rem 0;
    background-color: #ffffff;
}

.about .about-row {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 9.6rem;
}

.about .about-row:last-child {
    margin-bottom: 0;
}

.about .about-item {
    width: 50%;
    max-width: 59.2rem;
}

.about .about-item--content {
    padding-left: 6rem;
}

.about .about-row--reverse .about-item--content {
    padding-right: 6rem;
    padding-left: 0;
}

/* =================================
   ABOUT – OBRAZEK
================================= */

.about .about-image-wrapper {
    width: 100%;
    height: 52rem;
    overflow: hidden;
    background-color: #FAFAF9;
}

.about .about-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

/* =================================
   ABOUT – WYSIWYG
================================= */

.about .about-wysiwyg {
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 2.56rem;
    color: #78716C;
}

/* Akapity */

.about .about-wysiwyg p {
    margin: 0 0 1.8rem;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
}

.about .about-wysiwyg p:last-child {
    margin-bottom: 0;
}

/* Nagłówki H1–H6 */

.about .about-wysiwyg h1,
.about .about-wysiwyg h2,
.about .about-wysiwyg h3,
.about .about-wysiwyg h4,
.about .about-wysiwyg h5,
.about .about-wysiwyg h6 {
    font-family: "Playfair Display", serif;
    font-weight: 400;
    line-height: 1.3;
    color: #1C1917;
}

.about .about-wysiwyg h1 {
    margin: 4rem 0 2rem;
    font-size: 4rem;
}

.about .about-wysiwyg h2 {
    margin: 3.6rem 0 1.8rem;
    font-size: 3.2rem;
}

.about .about-wysiwyg h3 {
    margin: 3.2rem 0 1.6rem;
    font-size: 2.8rem;
}

.about .about-wysiwyg h4 {
    margin: 2.8rem 0 1.4rem;
    font-size: 2.4rem;
}

.about .about-wysiwyg h5 {
    margin: 2.4rem 0 1.2rem;
    font-size: 2rem;
}

.about .about-wysiwyg h6 {
    margin: 2rem 0 1rem;
    font-size: 1.8rem;
}

/* Bez odstępu nad pierwszym nagłówkiem */

.about .about-wysiwyg>h1:first-child,
.about .about-wysiwyg>h2:first-child,
.about .about-wysiwyg>h3:first-child,
.about .about-wysiwyg>h4:first-child,
.about .about-wysiwyg>h5:first-child,
.about .about-wysiwyg>h6:first-child {
    margin-top: 0;
}

/* Pogrubienie */

.about .about-wysiwyg strong,
.about .about-wysiwyg b {
    font-weight: 700;
}

/* Kursywa */

.about .about-wysiwyg em,
.about .about-wysiwyg i {
    font-style: italic;
}

/* Podkreślenie i przekreślenie */

.about .about-wysiwyg u {
    text-decoration: underline;
}

.about .about-wysiwyg del,
.about .about-wysiwyg s {
    text-decoration: line-through;
}

/* Indeksy */

.about .about-wysiwyg sub {
    font-size: 75%;
    vertical-align: sub;
}

.about .about-wysiwyg sup {
    font-size: 75%;
    vertical-align: super;
}

/* Linki */

.about .about-wysiwyg a {
    color: #936436;
    text-decoration: underline !important;
    text-underline-offset: 0.3rem;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

.about .about-wysiwyg a:hover {
    opacity: 0.7;
}

/* Listy */

.about .about-wysiwyg ul,
.about .about-wysiwyg ol {
    margin: 2rem 0;
    padding-left: 2.6rem;
}

.about .about-wysiwyg ul {
    list-style: disc;
}

.about .about-wysiwyg ol {
    list-style: decimal;
}

.about .about-wysiwyg ul ul {
    list-style: circle;
}

.about .about-wysiwyg ul ul ul {
    list-style: square;
}

.about .about-wysiwyg li {
    margin-bottom: 0.8rem;
    padding-left: 0.4rem;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
}

.about .about-wysiwyg li:last-child {
    margin-bottom: 0;
}

/* Cytaty */

.about .about-wysiwyg blockquote,
.about .about-wysiwyg .wp-block-quote {
    margin: 2.8rem 0;
    padding: 1.6rem 0 1.6rem 2.4rem;
    border-left: 0.3rem solid #936436;
    font-family: "Playfair Display", serif;
    font-size: 1.9rem;
    font-style: italic;
    line-height: 1.6;
    color: #1C1917;
}

.about .about-wysiwyg blockquote p {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    line-height: inherit;
    color: inherit;
}

.about .about-wysiwyg blockquote cite {
    display: block;
    margin-top: 1.2rem;
    font-family: "Inter", sans-serif;
    font-size: 1.3rem;
    font-style: normal;
    color: #78716C;
}

/* Linia pozioma */

.about .about-wysiwyg hr,
.about .about-wysiwyg .wp-block-separator {
    width: 100%;
    margin: 3.2rem 0;
    border: 0;
    border-top: 1px solid #E7E5E4;
}

/* Obrazki */

.about .about-wysiwyg img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-top: 2.4rem;
    margin-bottom: 2.4rem;
}

.about .about-wysiwyg figure,
.about .about-wysiwyg .wp-block-image {
    max-width: 100%;
    margin: 2.4rem 0;
}

.about .about-wysiwyg figure img,
.about .about-wysiwyg .wp-block-image img {
    margin-top: 0;
    margin-bottom: 0;
}

.about .about-wysiwyg figcaption,
.about .about-wysiwyg .wp-element-caption {
    margin-top: 0.8rem;
    font-size: 1.3rem;
    line-height: 1.8rem;
    text-align: center;
    color: #A8A29E;
}

/* Wyrównanie obrazów WordPress */

.about .about-wysiwyg .aligncenter,
.about .about-wysiwyg img.aligncenter,
.about .about-wysiwyg figure.aligncenter {
    display: block;
    margin-right: auto !important;
    margin-left: auto !important;
}

.about .about-wysiwyg .alignleft,
.about .about-wysiwyg img.alignleft,
.about .about-wysiwyg figure.alignleft {
    display: block;
    margin-right: auto !important;
    margin-left: 0 !important;
}

.about .about-wysiwyg .alignright,
.about .about-wysiwyg img.alignright,
.about .about-wysiwyg figure.alignright {
    display: block;
    margin-right: 0 !important;
    margin-left: auto !important;
}

/* Wyrównanie tekstu z Gutenberga */

.about .about-wysiwyg .has-text-align-left {
    text-align: left;
}

.about .about-wysiwyg .has-text-align-center {
    text-align: center;
}

.about .about-wysiwyg .has-text-align-right {
    text-align: right;
}

/* Tabele */

.about .about-wysiwyg .wp-block-table {
    max-width: 100%;
    margin: 2.4rem 0;
    overflow-x: auto;
}

.about .about-wysiwyg table {
    width: 100%;
    margin: 2.4rem 0;
    border-collapse: collapse;
}

.about .about-wysiwyg th,
.about .about-wysiwyg td {
    padding: 1.2rem 1.6rem;
    border: 1px solid #E7E5E4;
    font-size: 1.4rem;
    line-height: 2.2rem;
    text-align: left;
    vertical-align: top;
}

.about .about-wysiwyg th {
    font-weight: 700;
    color: #1C1917;
    background-color: #FAFAF9;
}

/* Kod i tekst preformatowany */

.about .about-wysiwyg pre {
    max-width: 100%;
    margin: 2.4rem 0;
    padding: 2rem;
    overflow-x: auto;
    font-family: monospace;
    font-size: 1.4rem;
    line-height: 2.2rem;
    white-space: pre-wrap;
    color: #1C1917;
    background-color: #FAFAF9;
    border: 1px solid #E7E5E4;
}

.about .about-wysiwyg code {
    padding: 0.2rem 0.5rem;
    font-family: monospace;
    font-size: 0.9em;
    color: #1C1917;
    background-color: #FAFAF9;
}

/* Ostatni element bez dolnego odstępu */

.about .about-wysiwyg>*:last-child {
    margin-bottom: 0;
}

/* =================================
   ABOUT – TABLET I MOBILE
================================= */

@media (max-width: 767px) {
    .about {
        padding-top: 6.4rem;
        padding-bottom: 6.4rem;
    }

    .about .about-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        margin-bottom: 6.4rem;
    }

    .about .about-item {
        width: 100%;
        max-width: 100%;
    }

    .about .about-item--image {
        margin-bottom: 3.2rem;
    }

    .about .about-item--content,
    .about .about-row--reverse .about-item--content {
        padding-right: 0;
        padding-left: 0;
    }

    .about .about-image-wrapper {
        height: 42rem;
    }

    .about .about-wysiwyg h1 {
        font-size: 3.4rem;
    }

    .about .about-wysiwyg h2 {
        font-size: 3rem;
    }

    .about .about-wysiwyg h3 {
        font-size: 2.6rem;
    }

    .about .about-wysiwyg h4 {
        font-size: 2.2rem;
    }

    .about .about-wysiwyg h5 {
        font-size: 2rem;
    }

    .about .about-wysiwyg h6 {
        font-size: 1.8rem;
    }
}

/* =================================
   START – HERO SLIDER
================================= */

.start {
    position: relative;
    min-height: 68.8rem;
    margin-top: 8rem;
    overflow: hidden;
    background-color: #1C1917;
}

/* Slider znajdujący się pod tekstem */

.start .start-slider {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.start .start-slider .slick-list,
.start .start-slider .slick-track,
.start .start-slider .slick-slide,
.start .start-slider .slick-slide>div {
    width: 100%;
    height: 100%;
}

.start .start-slide {
    width: 100%;
    height: 100%;
}

.start .start-slide-background {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Przyciemnienie zdjęć */

.start .start-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.25);
}

/* Tekst nad sliderem */

.start .start-container {
    position: relative;
    z-index: 2;
    padding-top: 34.4rem;
    padding-bottom: 34.4rem;
}

.start .text-wrapper {
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.start .text-wrapper .start-preheading {
    display: block;
    margin-bottom: 1.5rem;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2.24rem;
    letter-spacing: 0.56rem;
    text-align: center;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.8);
}

.start .text-wrapper .start-heading {
    margin-bottom: 1.7rem;
    font-family: "Playfair Display", serif;
    font-size: 5.6rem;
    font-weight: 400;
    line-height: 6.72rem;
    text-align: center;
    color: #FFFFFF;
}

.start .text-wrapper .start-subheading {
    margin-bottom: 3.2rem;
    font-family: "Playfair Display", serif;
    font-size: 1.5rem;
    font-weight: 700;
    font-style: italic;
    line-height: 1.68rem;
    letter-spacing: 0.56rem;
    text-align: center;
    color: #FFFFFF;
}

.start .text-wrapper .button-wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    gap: 1.6rem;
    flex-wrap: wrap;
}

.start .text-wrapper .button-wrapper .start-button {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 22.5rem;
    height: 5.7rem;
    border: 1px solid #FFFFFF;
    background-color: #FFFFFF;
    font-size: 1.4rem;
    text-transform: uppercase;
    color: #1C1917;
    -webkit-transition:
        color 0.25s ease,
        background-color 0.25s ease,
        border-color 0.25s ease;
    transition:
        color 0.25s ease,
        background-color 0.25s ease,
        border-color 0.25s ease;
}

.start .text-wrapper .button-wrapper .start-button:hover {
    border-color: #FFFFFF;
    background-color: transparent;
    color: #FFFFFF;
}

.start .text-wrapper .button-wrapper .start-button.next {
    border: 1px solid #FFFFFF;
    background-color: transparent;
    color: #FFFFFF;
}

.start .text-wrapper .button-wrapper .start-button.next:hover {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
    color: #1C1917;
}

/* =================================
   START – KROPKI SLICKA
================================= */

.start .start-slider .slick-dots {
    position: absolute;
    right: 0;
    bottom: 3.2rem;
    left: 0;
    z-index: 4;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    gap: 1rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.start .start-slider .slick-dots li {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}

.start .start-slider .slick-dots button {
    display: block;
    width: 1rem;
    height: 1rem;
    padding: 0;
    overflow: hidden;
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    background-color: transparent;
    font-size: 0;
    line-height: 0;
    cursor: pointer;
    -webkit-transition:
        width 0.25s ease,
        background-color 0.25s ease;
    transition:
        width 0.25s ease,
        background-color 0.25s ease;
}

.start .start-slider .slick-dots .slick-active button {
    width: 3rem;
    border-radius: 2rem;
    background-color: #FFFFFF;
}

/* Bez kropek, gdy jest tylko jedno zdjęcie */

.start .start-slider:not(.slick-initialized) .slick-dots,
.start .start-slider--fallback .slick-dots {
    display: none;
}

/* =================================
   START – MOBILE
================================= */

@media (max-width: 767px) {
    .start {
        min-height: auto;
    }

    .start .start-container {
        padding-top: 18rem;
        padding-bottom: 18rem;
    }

    .start .text-wrapper .start-heading {
        font-size: 4.2rem;
        line-height: 5rem;
    }

    .start .text-wrapper .start-preheading {
        letter-spacing: 0.35rem;
    }

    .start .text-wrapper .start-subheading {
        line-height: 2.2rem;
        letter-spacing: 0.35rem;
    }

    .start .start-slider .slick-dots {
        bottom: 2rem;
    }
}
/* =========================================================
   SINGLE OFFER – GALERIA PRODUKTU
   ========================================================= */
.single-offer .image-wrapper {
    position: relative;
    overflow: hidden;
}

.single-offer .offer-gallery-arrow {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.8rem;
    height: 4.8rem;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.65);
    border-radius: 50%;
    background: rgba(28, 25, 23, 0.58);
    color: #FFFFFF;
    font-size: 2.6rem;
    line-height: 1;
    cursor: pointer;
    transform: translateY(-50%);
    transition: background-color 0.2s ease, transform 0.2s ease;
}

.single-offer .offer-gallery-arrow:hover,
.single-offer .offer-gallery-arrow:focus-visible {
    background: rgba(28, 25, 23, 0.88);
    outline: none;
}

.single-offer .offer-gallery-arrow--prev {
    left: 1.6rem;
}

.single-offer .offer-gallery-arrow--next {
    right: 1.6rem;
}

.single-offer .small-images-wrapper {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - 3rem) / 4);
    gap: 1rem;
    justify-content: start;
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: inline proximity;
    scrollbar-width: thin;
    padding-bottom: 0.8rem;
}

.single-offer .small-images-wrapper .small-image-wrapper {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    padding: 0;
    background: transparent;
    scroll-snap-align: start;
    appearance: none;
}

.single-offer .small-images-wrapper .small-image-wrapper:focus-visible {
    outline: 2px solid #1C1917;
    outline-offset: 2px;
}

@media (max-width: 767px) {
    .single-offer .offer-gallery-arrow {
        width: 4.2rem;
        height: 4.2rem;
        font-size: 2.2rem;
    }

    .single-offer .offer-gallery-arrow--prev {
        left: 1rem;
    }

    .single-offer .offer-gallery-arrow--next {
        right: 1rem;
    }

    .single-offer .small-images-wrapper {
        grid-auto-columns: calc((100% - 2rem) / 3);
    }
}