:root{
--paragraph-margin-bottom: 20px;
--list-item-margin-bottom: 20px;
--paragraph-font-family: 'Montserrat', sans-serif;
} body > .cookiemate-blur {
z-index: 21474835 !important;
}
body > .cookiemate-widget {
z-index: 2147483646 !important;
position: fixed !important;
}
body > .cookiemate-widget .cookiemate-panel.cookiemate-open {
z-index: 2147483647 !important;
}
.single-post .brz-section__content h2{margin-top: 50px !important;margin-bottom: 30px !important;letter-spacing:0 !important;}
.single-post .brz-section__content h3{margin-top: 40px !important;margin-bottom: 20px !important;letter-spacing:0 !important;}
.single-post .brz-section__content h4{margin-top: 40px !important;margin-bottom: 20px !important;letter-spacing:0 !important;}
.single-post #ylMmiEpe3oRr_ylMmiEpe3oRr .brz-section__content p{font-size: 16px;margin-bottom: var(--paragraph-margin-bottom) !important;}
.single-post .brz-section__content ul,
.single-post .brz-section__content ol{font-size: 16px;margin-bottom: var(--paragraph-margin-bottom) !important;margin-left: var(--paragraph-margin-bottom) !important;}
.single-post .brz-section__content li{font-size: 16px;margin-bottom: var(--list-item-margin-bottom) !important;font-family: var(--paragraph-font-family);}
.single-post .brz-section__content b,
.single-post .brz-section__content strong{font-weight: 600 !important;} .single-post .brz-section--boxed .artfoll-post-content-continue {
max-width: 900px;
width: 100%;
} .promo-services{
display: flex;
flex-direction: row;
gap: 0;
padding: 0;
box-sizing: border-box;
text-align: left;
font-family: var(--paragraph-font-family);
width: 100vw !important;
max-width: 100vw !important;
position: relative !important;
left: 50% !important;
transform: translateX(-50%) !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.promo-services__cta{display: flex;flex-direction: column;gap: 40px;align-items: end;justify-content: space-between;width: calc(50% - 190px);background-color:#0F1014;color:#fff;padding: 40px;}
.promo-services__cta > div{width: 380px;}
.promo-services__cta-title{font-size: 42px;font-weight: 600;}
.promo-services__cta-description{display: flex;flex-direction: column;gap: 10px;}
.promo-services__cta-description-text{font-size: 16px;color:#CC9B55;font-weight: 500;margin-bottom: 5px;}
.promo-services__cta-description-buttons{display: flex;flex-direction: column;gap: 10px;font-weight: 600;}
.promo-services__cta-description-buttons a{color: #000;text-decoration: none;font-weight: 600;color:#fff;transition: 0.5s all;}
.promo-services__cta-description-buttons a:hover{color: rgb(204, 155, 85);transition: 0.5s all;}
.promo-services__middle{display: flex;flex-direction: column;gap: 0;padding: 0;width: 380px;background-color:#f0f0f0}
.promo-services__middle > *,
.promo-services__right > *{display: flex;width: 100%;height:200px;padding: 25px;position: relative;text-decoration: none;font-size: 24px;font-weight: 600;background-size: cover;transition: 0.3s all;}
.promo-services__middle>*:hover,
.promo-services__right>*:hover{opacity: 0.8;transition: 0.3s all;}
.promo-services__middle> *::before,
.promo-services__right > *::before{content: '';display: flex;width:32px;height:32px;background:#fff url(//artfoll.pl/wp-content/uploads/2025/11/arrow.svg) no-repeat center center;position: absolute;left: 25px;bottom:25px;justify-content: center;align-items: center;font-size: 30px;transition: 0.3s all;}
.promo-services__middle> *:hover::before,
.promo-services__right > *:hover::before{transform: translateY(-10px);transition: 0.3s all;}
.promo-services__right{display: flex;flex-direction: column;gap: 0;padding: 0;flex:1;background-color:#f0f0f0;}
.promo-services__folie		{color: #fff; background-image: url(//artfoll.pl/wp-content/uploads/2025/07/modul-folie-okienne.png);}
.promo-services__laminaty	{color: #fff; background-image: url(//artfoll.pl/wp-content/uploads/2025/07/modul-laminaty-3m.png);}
.promo-services__benif		{color: #000; background-image: url(//artfoll.pl/wp-content/uploads/2025/07/modul-laminaty-benif.png);}
.promo-services__oklejanie	{color: #000; background-image: url(//artfoll.pl/wp-content/uploads/2025/07/modul-uslugi-oklejania.png);}
@media (max-width: 1299px) {
.promo-services__cta{width: calc(55% - 190px);}
}
@media (max-width: 1199px) {
.promo-services{flex-wrap: wrap;}
.promo-services__cta {width: 100%;}
.promo-services__cta > div{width: 100%;}
.promo-services__cta-title{font-size: 36px;}
.promo-services__oklejanie{background-position: right center;}
}
@media (max-width: 799px) {
.promo-services__middle, 
.promo-services__right{width: 50%;}
.promo-services__cta-title{font-size: 32px;}
}
@media (max-width: 540px) {
.promo-services__cta {padding: 25px;}
.promo-services__cta-title{font-size: 28px;}
.promo-services{flex-direction: column;}
.promo-services__middle,
.promo-services__right {width: 100%;}
} html {
scroll-behavior: smooth !important;
scroll-margin-top: 200px !important;
}
.auto-content-list > strong {
margin-bottom: 50px !important;
}
.auto-content-list ul li {
margin: 0 !important;
}
.services-module-block * {font-family: 'Montserrat', sans-serif !important;}
.services-module-block .row-gap{display: flex; flex-direction: column; row-gap: 30px;}
.services-module-block .heading {margin: 0; padding: 0; font-weight: 600; font-family: 'Montserrat', sans-serif !important; text-align: center;}
.services-module-block .subheader {margin: 0; padding: 0; font-weight: 400; font-family: 'Montserrat', sans-serif !important; text-align: center; font-size: 16px; color: #666;} .services-module-block .slick-dots {
list-style: none;
margin: 20px 0 0;
padding: 0;
display: flex;
justify-content: center;
gap: 10px;
}
.services-module-block .slick-dots li {
margin: 0;
}
.services-module-block .slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 12px;
height: 12px;
padding: 0;
border: none;
border-radius: 50%;
background: #ccc;
cursor: pointer;
transition: background 0.2s;
box-shadow: none;
appearance: none;
}
.services-module-block .slick-dots li button:hover,
.services-module-block .slick-dots li button:focus {
background: #999;
outline: 2px solid currentColor;
outline-offset: 2px;
}
.services-module-block .slick-dots li.slick-active button {
background: #0F1014;
} .services-module-block .slick-prev,
.services-module-block .slick-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 0;
line-height: 0;
width: 44px;
height: 44px;
padding: 0;
border: none;
background: #0F1014;
color: #fff;
cursor: pointer;
z-index: 1;
transition: background 0.2s, opacity 0.2s;
box-shadow: none;
appearance: none;
border-radius: 100%;
opacity: 0.8;
transition: 0.3s all;
}
.services-module-block .slick-prev:hover,
.services-module-block .slick-next:hover,
.services-module-block .slick-prev:focus,
.services-module-block .slick-next:focus {
background: #2a2c33;
outline: 2px solid currentColor;
outline-offset: 2px;
opacity: 0.8;
transition: 0.3s all;
}
.services-module-block .slick-prev { left: 10px; }
.services-module-block .slick-next { right: 10px; }
.services-module-block .slick-prev::before,
.services-module-block .slick-next::before {
content: '';
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 24px;
height: 24px;
margin: -12px 0 0 -12px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M461.5 320L438.9 342.6L278.9 502.6L256.3 525.3L211 480L233.6 457.4L371 320L233.6 182.6L211 160L256.3 114.7L278.9 137.4L438.9 297.4L461.5 320z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center;
background-size: contain;
transition: 0.3s all;
}
.services-module-block .slick-prev::before {
transform: rotate(180deg);
}
.services-module-block .slick-prev:hover,
.services-module-block .slick-next:hover {
opacity: 1;
transition: 0.3s all;
}
.services-module-block .justify-content-center{justify-content: center; display: flex;}
.services-module-block .services-items .single-service {position: relative; height: 500px !important; display: flex !important; flex-direction: column !important; justify-content: end !important; align-items: center !important; padding: 30px !important; text-decoration: none !important; border-radius: 10px !important; overflow: hidden !important; margin: 16px !important; transition: 0.3s all !important;}
.services-module-block .services-items .single-service::after {content: ''; display: block; width: 100%; height: 100%; background: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent); position: absolute !important; top: 0 !important; left: 0 !important; z-index: 2 !important;}
.services-module-block .services-items .single-service img {width: 100% !important; height: 100% !important; object-fit: cover; position: absolute !important; top: 0 !important; left: 0 !important; z-index: 1 !important;}
.services-module-block .services-items .single-service .single-service-content {position: relative; z-index: 3 !important; display: flex !important; flex-direction: column !important; justify-content: end !important; align-items: center !important; gap: 30px !important;}
.services-module-block .services-items .single-service .single-service-content-title {font-size: 24px !important; font-weight: 600 !important; color: #fff !important; margin: 0 !important; padding: 0 !important; text-align: center !important; transition: 0.3s all !important;}
.services-module-block .services-items .single-service .read-more {display: inline-flex; width: fit-content; background-color: #8F6327; background: linear-gradient(to right, #8F6327, #D4AB67); color: #fff; padding: 10px 20px; border-radius: 4px; text-decoration: none; transition: 0.3s all; font-weight: 600; font-size: 16px; text-decoration: none !important; gap: 10px !important; align-items: center !important; justify-content: center !important; transition: 0.3s all !important;}
.services-module-block .services-items .single-service:hover .single-service-content-title {color: #8F6327 !important; transition: 0.3s all !important;}
.services-module-block .services-items .single-service:hover .read-more {gap: 20px !important; transition: 0.3s all !important;}
.services-module-block .button {display: flex; width: fit-content; padding: 15px 40px; background-color: #fff; color: #000; border-radius: 4px; text-decoration: none; transition: 0.3s all; font-weight: 600; font-size: 16px; text-decoration: none !important; gap: 10px !important; align-items: center !important; justify-content: center !important; transition: 0.3s all !important; margin-top: 30px !important; border: 1px solid #e9e9e9 !important;}
.services-module-block .button:hover {background-color: #8F6327 !important; color: #fff !important; transition: 0.3s all !important;}