:root {
    /* --color1: #F4F9FF80; */
    --color1: rgba(244,249,255,.8);
    --color2: #001F47;
    --color3: #80B4FF;
    --color4: #4A84D6;
    --color5: #E3EEFF;

    --cf7_danger: #dc3232;
    --cf7_danger_10: #fbeaea;
    
    --cf7_warning: #ffb900;
    --cf7_warning_10: #fff8e5;

    --cf7_success: #46b450;
    --cf7_success_10: #ecf7ed;

    --sale: #886ce4;
    --sale_topbar: #FFD166;
}

body { font-family: 'Sora', sans-serif !important; font-optical-sizing: auto; font-weight: 400 !important; font-style: normal; letter-spacing: .5px; }

.post, .page { margin-bottom: 0 !important; }

b, strong { font-weight: 700 !important; }

#masthead,
.background.pointer,
#rodzaje-wykladzin .child-pages .child-page a::after,
#wszystkie-produkty .producers .producer a,
a, button, select, input, textarea, img { transition: all .4s !important; }

#top-bar { background-color: var(--color2); }

.fs-12px { font-size: 12px !important; }
.fs-14px { font-size: 14px !important; }
.fs-18px { font-size: 18px !important; }

.fw-300 { font-weight: 300 !important; }
.fw-600 { font-weight: 600 !important; }

#colophon a,
#dane-kontaktowe .row > .col-12:nth-child(1).seamless > .background a:not(.btn.btn-primary),
#top-bar a { color: #fff; }

article .description a,
h3 > a, .h3 > a,
h4 > a, .h4 > a,
#colophon a,
#dane-kontaktowe .row > .col-12:nth-child(1).seamless > .background a:not(.btn.btn-primary),
#top-bar a { text-decoration: none; }

article .description a:hover,
h3 > a:hover, .h3 > a:hover,
h4 > a:hover, .h4 > a:hover,
body.parent-pageid-27 #colophon #primary-menu li.menu-item-32 > a,
#colophon #primary-menu li.current-menu-item > a,
#colophon #primary-menu li > a:hover,
#colophon a:hover,
#dane-kontaktowe .row > .col-12:nth-child(1).seamless > .background a:not(.btn.btn-primary):hover,
#top-bar a.active,
#top-bar a:hover { text-decoration: underline; }

#top-bar span.www.sale_topbar > a { color: var(--sale_topbar); }

#masthead { background-color: var(--color1); height: calc(1 * 120px); position: sticky; top: 0; z-index: 3; backdrop-filter: blur(10px); }

#masthead .custom-logo-link { width: calc(1 * 190px); }

#masthead.shrink { height: calc(.5 * 120px); }

#masthead.shrink .custom-logo-link { width: calc(.5 * 190px); }

#masthead #site-navigation { width: calc(100% - 190px); }

#masthead .custom-logo { width: 190px; }

#masthead #primary-menu li.facebook,
#offcanvasLeft #primary-menu li.facebook,
#colophon #primary-menu li.facebook,
#masthead #primary-menu li.instagram,
#offcanvasLeft #primary-menu li.instagram,
#colophon #primary-menu li.instagram { display: none !important; }

#masthead #primary-menu li { display: flex; align-items: center; }

#masthead #primary-menu li:not(:first-child) { margin-left: 3rem; }

#masthead #primary-menu li.instagram { margin-left: 2rem; }

#offcanvasLeft #primary-menu li > a,
#masthead #primary-menu li > a { color: var(--color2); font-weight: 500; text-decoration: none; }

body.parent-pageid-27 #masthead #primary-menu li.menu-item-32 > a,
#offcanvasLeft #primary-menu li.current-menu-item > a,
#offcanvasLeft #primary-menu li > a:hover,
#masthead #primary-menu li.current-menu-item > a,
#masthead #primary-menu li > a:hover { color: var(--color3) !important; }

#offcanvasLeft #primary-menu { margin: 0; padding: 0; list-style-type: none; }

#offcanvasLeft #primary-menu li:not(:last-child) { margin-bottom: .625rem; }

#hero,
#subhero { background-image: url('../img/bg-dots.webp'), linear-gradient(to bottom, var(--color1) 80%, transparent 20%); background-repeat: repeat-x, no-repeat; background-position: center bottom 10%, center; background-size: auto; }

#hero .background { aspect-ratio: 1728 / 584; position: relative; }

#subhero .background { aspect-ratio: 1500 / 300; position: relative; }

body:not(.single) #hero .background::after { content: ''; display: block; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(0, 0, 0, 0.825) 0%, rgba(0, 0, 0, 0.00) 60.15625%); position: absolute; left: 0; top: 0; pointer-events: none; }

body:not(.single) #subhero .background::after { content: ''; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,.2); position: absolute; left: 0; top: 0; pointer-events: none; }

body:not(.single) #subhero .background.default { background-color: var(--color2); }

body:not(.single) #subhero .background.default::after { background-color: rgba(0,0,0,.0); }

#hero .background h1,
#hero .background .h1,
#subhero .background h1,
#subhero .background .h1 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5); }

body.single #subhero { background-image: url('../img/bg-dots.webp'), linear-gradient(to bottom, var(--color1) 240px, transparent 60px); background-position: center top 60px, center; }

body.single #subhero .background { aspect-ratio: 800 / 533; }

/* .gallery { display: flex; justify-content: center; flex-wrap: wrap; } */

h1, .h1,
h4, .h4 { font-weight: 800 !important; }

h5, .h5,
h6, .h6 { font-weight: 600 !important; }

h3 > a, .h3 > a { color: var(--color3) !important; }

h1, .h1,
h4, .h4,
h5, .h5,
h6, .h6,
h4 > a, .h4 > a,
h6 > a, .h6 > a { color: var(--color2) !important; }

h5, .h5 { font-size: 22px !important; }

/* h6, .h6 { color: var(--color5) !important; } */

article .description h2,
article .description h3 { padding-top: 2rem; margin-bottom: 1rem; }

article .description h2:first-child,
article .description h3:first-child { padding-top: 0; }

article .description p + p,
article .description p + ul,
article .description p + h2,
article .description p + h3,

article .description ul + p,
article .description ul + ul,
article .description ul + h2,
article .description ul + h3,

article .description h2 + p,
article .description h2 + ul,
article .description h2 + h2,
article .description h2 + h3,

article .description h3 + p,
article .description h3 + ul,
article .description h3 + h2,
article .description h3 + h3 { padding-top: 1.25rem; }

article .description ul { margin: 0; margin-bottom: 1rem; padding: 0; padding-left: 1.5rem; list-style-type: square; }

article .description ul > li:not(:last-child) { margin-bottom: 1rem; }

article .description li > ul { margin-top: 1rem; padding-left: 1.125rem; list-style-type: circle; }

article .description ul > li::marker,
.exclusive .info { color: var(--color4); }

.btn.btn-primary { display: flex; justify-content: center; align-items: center; font-size: 16px; width: 100%; max-width: 336px; height: 48px !important; color: var(--bs-body-color) !important; border-radius: 0; border-color: var(--bs-body-color) !important; background-color: transparent !important; background-image: url('../img/arrow-right.svg'); background-repeat: no-repeat; background-position: -18px center; background-size: 0 auto; }

.btn.btn-primary.reversed { color: #fff !important; border-color: #fff !important; background-image: url('../img/arrow-right-reversed.svg'); }

.btn.btn-primary:not(:disabled):hover { border-color: var(--color3) !important; background-position: 24px center; background-size: 24px auto; }

.btn.btn-primary:disabled { opacity: .3; }

.post-navigation > .nav-links > .nav-previous,
.post-navigation > .nav-links > .nav-next { flex-basis: 100%; }

.description > :last-child { margin-bottom: 0 !important; }

.background { background-repeat: no-repeat; background-position: center; background-size: cover; }

.background.pointer { background-size: 119%; }

.background.pointer:hover { background-size: calc(119% * 1.10); }

.seamless { background-repeat: repeat; background-position: center; background-size: auto; }

body.single .pagination > .page-numbers > li > a,
body.blog .pagination > .page-numbers > li > a,
body:is([class ^= "page-template-wpisy-"], [class *= " page-template-wpisy-"]) .pagination > .page-numbers > li > a,
#breadcrumbs a { color: var(--bs-body-color); text-decoration: none; }

#breadcrumbs a:hover { text-decoration: underline; }

article .description a,
#breadcrumbs span.level-current.current { color: var(--color3); }

#go-top { width: 64px; height: 64px; position: absolute; right: 12px; top: -32px; }

#colophon { font-size: 14px; background-color: var(--color2); line-height: 1.75; }

#colophon.seamless { background-image: url('../img/bg-diagonal.webp'); background-repeat: repeat; position: relative; }

#colophon.seamless::before { content: ''; display: block; width: 50%; height: 100%; position: absolute; left: 0; top: 0; background-color: var(--color2); }

#colophon .menu { margin: 0; padding: 0; list-style-type: none; }

#colophon .menu svg path { stroke: #fff; }

#offcanvasLeft #primary-menu li.not-header,
#masthead #primary-menu li.not-header { display: none; }

#offcanvasLeft #primary-menu li.facebook,
#offcanvasLeft #primary-menu li.instagram,
#colophon #primary-menu li.facebook,
#colophon #primary-menu li.instagram { display: inline-block; }

#colophon #primary-menu li.facebook,
#colophon #primary-menu li.instagram { margin-top: 1.875rem; }

#offcanvasLeft #primary-menu li.facebook,
#colophon #primary-menu li.facebook { margin-right: 1.875rem; }

body.blog .background,
body.home .layout_columns .background,
body:is([class ^= "page-template-wpisy-"], [class *= " page-template-wpisy-"]) .layout_columns .background { aspect-ratio: 480 / 320; }

body:is([class ^= "page-template-wpisy-"], [class *= " page-template-wpisy-"], [class *= " page-template-produkty"]) .layout_panels .background { aspect-ratio: 750 / 400; }

body:is([class ^= "page-template-wpisy-"], [class *= " page-template-wpisy-"], [class *= " page-template-produkty"]) .layout_panels .picture,
body:is([class ^= "page-template-wpisy-"], [class *= " page-template-wpisy-"], [class *= " page-template-produkty"]) .layout_panels .info { background-color: var(--color1); }

#wprowadzenie .column-start .hybrid,
#rodzaje-wykladzin .column-end .bg-white,
#rodzaje-wykladzin .column-end .d-flex,
#dane-techniczne .wrapper,
body:is([class ^= "page-template-wpisy-"], [class *= " page-template-wpisy-"], [class *= " page-template-produkty"]) .layout_panels .info { padding: 4rem 12px; }

body:is([class ^= "page-template-wpisy-"], [class *= " page-template-wpisy-"], [class *= " page-template-produkty"]) .layout_panels .decoration { background: var(--color1) url('../img/bg-dots.webp') repeat left center; background-size: auto; }

body:is([class ^= "page-template-wpisy-"], [class *= " page-template-wpisy-"], [class *= " page-template-produkty"]) .layout_panels:nth-child(even) .decoration { background-image: url('../img/bg-wavy.webp'); background-position: right center; }

body.single .meta,
body.blog .meta,
body:is([class ^= "page-template-wpisy-"], [class *= " page-template-wpisy-"]) .meta { font-weight: 300; }

body.single .pagination > .page-numbers,
body.blog .pagination > .page-numbers,
body:is([class ^= "page-template-wpisy-"], [class *= " page-template-wpisy-"]) .pagination > .page-numbers { list-style-type: none; margin: 0; padding: 0; font-weight: 300; }

body.single .pagination > .page-numbers > li,
body.blog .pagination > .page-numbers > li,
body:is([class ^= "page-template-wpisy-"], [class *= " page-template-wpisy-"]) .pagination > .page-numbers > li { width: 64px; height: 64px; margin: 1px; }

body.single .pagination > .page-numbers > li > a,
body.single .pagination > .page-numbers > li > span.current,
body.single .pagination > .page-numbers > li > span.dots,
body.blog .pagination > .page-numbers > li > a,
body.blog .pagination > .page-numbers > li > span.current,
body.blog .pagination > .page-numbers > li > span.dots,
body:is([class ^= "page-template-wpisy-"], [class *= " page-template-wpisy-"]) .pagination > .page-numbers > li > a,
body:is([class ^= "page-template-wpisy-"], [class *= " page-template-wpisy-"]) .pagination > .page-numbers > li > span.current,
body:is([class ^= "page-template-wpisy-"], [class *= " page-template-wpisy-"]) .pagination > .page-numbers > li > span.dots { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; }

body.single .pagination > .page-numbers > li > a:hover,
body.single .pagination > .page-numbers > li > span.current,
body.blog .pagination > .page-numbers > li > a:hover,
body.blog .pagination > .page-numbers > li > span.current,
body:is([class ^= "page-template-wpisy-"], [class *= " page-template-wpisy-"]) .pagination > .page-numbers > li > a:hover,
body:is([class ^= "page-template-wpisy-"], [class *= " page-template-wpisy-"]) .pagination > .page-numbers > li > span.current { background-color: var(--color2); color: #fff; }

body.single .pagination > .page-numbers > li > span.current,
body.single .pagination > .page-numbers > li > span.dots,
body.blog .pagination > .page-numbers > li > span.current,
body.blog .pagination > .page-numbers > li > span.dots,
body:is([class ^= "page-template-wpisy-"], [class *= " page-template-wpisy-"]) .pagination > .page-numbers > li > span.current,
body:is([class ^= "page-template-wpisy-"], [class *= " page-template-wpisy-"]) .pagination > .page-numbers > li > span.dots { cursor: not-allowed; user-select: none; }

#primary article .separator { clear: both; }

.gallery { grid-gap: 0 1.5rem; margin-bottom: 0; }

.gallery .gallery-item { margin-bottom: 1.5rem; }

.gallery .gallery-item a,
#kolekcje .collections .collection .background.pointer a,
#dostepne-kolory .colors .color .background.pointer a,
#wszystkie-produkty .producers .producer a { display: block; height: 100%; }

#wprowadzenie .column-start .hybrid,
#wprowadzenie .column-end { background-color: var(--color1); }

#rodzaje-wykladzin .column-end .d-flex,
#rodzaje-wykladzin .row { background-color: var(--color5); }

#wprowadzenie .column-end { background-image: url('../img/bg-wavy.webp'); background-position: center bottom; position: relative; }

#rodzaje-wykladzin .row { background-image: url('../img/bg-diagonal.webp'); background-position: center bottom; background-blend-mode: difference; }

#rodzaje-wykladzin .column-end .bg-white .h1 > span { color: var(--color5); }

#wprowadzenie .column-end::before { content: ''; display: block; width: 100%; height: 50%; position: absolute; left: 0; bottom: 0; background-color: #fff; }

#wprowadzenie [id *= "intro-gallery"] { padding-top: calc(4rem + 42px); }

body.home #hero > #wprowadzenie [id *= "intro-gallery"] { padding-top: 0; }

:not(#hero) > #wprowadzenie [id *= "intro-gallery"] .carousel-item.background { aspect-ratio: 853 / 685; }

#rodzaje-wykladzin #covering-gallery .carousel-item .background { aspect-ratio: 750 / 685; }

#wprowadzenie [id *= "intro-gallery"] .carousel-indicators { position: relative; top: 31px; margin: 0; justify-content: flex-start; }

#rodzaje-wykladzin #covering-gallery .carousel-indicators { position: relative; top: 7px; margin: 0; justify-content: center; }

#wprowadzenie [id *= "intro-gallery"] .carousel-indicators button,
#rodzaje-wykladzin #covering-gallery .carousel-indicators button { background-color: var(--color2); width: 38px; height: 6px; margin: 0; border: none; opacity: 1; }

#wprowadzenie [id *= "intro-gallery"] .carousel-indicators button:not(:last-child),
#rodzaje-wykladzin #covering-gallery .carousel-indicators button:not(:last-child) { margin-right: .75rem; }

#wprowadzenie [id *= "intro-gallery"] .carousel-indicators button.active,
#rodzaje-wykladzin #covering-gallery .carousel-indicators button.active { background-color: var(--color3); }

body.home #wprowadzenie [id *= "intro-gallery"] .carousel-item > .carousel-caption { top: auto; bottom: 47px; }

#wprowadzenie [id *= "intro-gallery"] .carousel-control-prev,
#wprowadzenie [id *= "intro-gallery"] .carousel-control-next,
#rodzaje-wykladzin #covering-gallery .carousel-control-prev,
#rodzaje-wykladzin #covering-gallery .carousel-control-next { height: calc(100% - 4rem); top: auto; bottom: 37px; opacity: 1; width: 64px; height: 64px; }

#wprowadzenie [id *= "intro-gallery"] .carousel-control-prev,
#rodzaje-wykladzin #covering-gallery .carousel-control-prev { left: 0; }

#wprowadzenie [id *= "intro-gallery"] .carousel-control-next { left: calc(64px + 1px); }

#rodzaje-wykladzin #covering-gallery .carousel-control-next { right: 0; }

#rodzaje-wykladzin #covering-gallery .carousel-control-prev,
#rodzaje-wykladzin #covering-gallery .carousel-control-next { top: calc(50% - (64px / 2) - 47px); }

#wprowadzenie [id *= "intro-gallery"] .carousel-control-prev-icon,
#rodzaje-wykladzin #covering-gallery .carousel-control-prev-icon { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path d="M25.3335 16L6.66683 16M6.66683 16L16.0002 25.3334M6.66683 16L16.0002 6.66671" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></svg>'); }

#wprowadzenie [id *= "intro-gallery"] .carousel-control-next-icon,
#rodzaje-wykladzin #covering-gallery .carousel-control-next-icon { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path d="M6.6665 16H25.3332M25.3332 16L15.9998 6.66663M25.3332 16L15.9998 25.3333" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></svg>'); }

#rodzaje-wykladzin .child-pages { background-image: url('../img/bg-wavy.webp'); background-position: center top; }

#rodzaje-wykladzin .child-pages .child-page,
#rodzaje-wykladzin .child-pages .child-page > .h6,
#rodzaje-wykladzin .child-pages .child-page a { width: 100%; }

#rodzaje-wykladzin .child-pages .child-page a { text-decoration: none; padding-top: 30px; padding-bottom: 30px; position: relative; display: inline-block; text-shadow: 1px 1px 0 #fff, 2px 2px 0 rgba(0,31,71,.15); }

#rodzaje-wykladzin .child-pages .child-page a:hover,
#rodzaje-wykladzin .child-pages .child-page.active a { color: var(--color4) !important; text-shadow: 1px 1px 0 #fff, 2px 2px 0 rgba(74,132,214,.15); }

#rodzaje-wykladzin .child-pages .child-page a::after { content: ''; position: absolute; bottom: 0; left: 0; height: 6px; width: 0; background-color: var(--color4); }

#rodzaje-wykladzin .child-pages .child-page a:hover::after,
#rodzaje-wykladzin .child-pages .child-page.active a::after { width: 100%; }

#kolekcje > .item,
#dostepne-kolory > .item,
#dane-techniczne > .item,
#obszary-zastosowania > .item,
#wszystkie-produkty > .item { height: 0; display: none; /* visibility: hidden; opacity: 0; transition: none; */ overflow: hidden; }

#kolekcje > .item.show,
#dostepne-kolory > .item.show,
#dane-techniczne > .item.show,
#obszary-zastosowania > .item.show,
#wszystkie-produkty > .item.show { height: auto; display: block; /* visibility: visible; opacity: 1; transition: opacity 0.6s ease; */ }

#kolekcje > .item.show { margin-bottom: 2.5rem !important; }

#dostepne-kolory > .item.show,
#obszary-zastosowania > .item.show,
#wszystkie-produkty > .item.show { margin-bottom: 3rem !important; }

body.page-template-produkty-oflagowane #dostepne-kolory > .item.show { margin-bottom: 0 !important; }

#dane-techniczne > .item.show { margin-bottom: 3rem !important; padding-bottom: 1rem !important; }

#kolekcje .collections .collection .background { aspect-ratio: 486 / 270; }

#dostepne-kolory .colors .color .background { aspect-ratio: 1 / 1; }

#dostepne-kolory .colors .color .background.pointer { background-size: 177%; }

#dostepne-kolory .colors .color .background.pointer:hover { background-size: calc(177% * 1.10); }

#dostepne-kolory .colors .color .meta { background-color: var(--color1); }

#dostepne-kolory .colors .color .meta .name,
#dostepne-kolory .colors .color .meta .description { min-height: 63px; }

#dane-techniczne .wrapper,
#obszary-zastosowania .fields .field { background-color: var(--color1); }

#obszary-zastosowania .fields .field.empty { background-color: transparent; background-image: url('../img/bg-wavy.webp'); background-position: right top; }

#wszystkie-produkty .producers .producer { aspect-ratio: 486 / 210; }

#wszystkie-produkty .producers .producer a { background-repeat: no-repeat; background-position: center; background-size: 50% auto; filter: grayscale(1) opacity(.3); border: 1px solid var(--color4); }

#wszystkie-produkty .producers .producer a:hover { filter: grayscale(0) opacity(1); border-color: var(--color3); }

/* GOOGLE CONSENT MODE V2 - start */

#cc-main .cm__body .cm__texts .cm__title::before { content: ''; display: block; height: 75px; margin-top: 15px; margin-bottom: 0; background: url('https://budmech-podlogi.pl/wp-content/uploads/2025/09/logo.svg') no-repeat left top; }

#cc-main .cm__body .cm__btns [data-role = "all"],
#cc-main .pm__footer .pm__btn-group [data-role = "all"] { background-color: var(--color4) !important; border-color: var(--color4) !important; color: #fff; }

#cc-main .cm__title,
#cc-main .pm__title { font-size: 150% !important; }

a.nsc-bara-cookie-settings-tab[onclick] { visibility: hidden !important; }

/* GOOGLE CONSENT MODE V2 - end */

@media (max-width: 991.98px) {
    #wprowadzenie > .row,
    #rodzaje-wykladzin .row { margin-left: 12px; margin-right: 12px; }
    #wprowadzenie .column-start .hybrid { left: 0 !important; width: auto !important; }
    #rodzaje-wykladzin > .container { max-width: 100% !important; }
    #wprowadzenie [id *= "intro-gallery"] .carousel-control-prev,
    #wprowadzenie [id *= "intro-gallery"] .carousel-control-next,
    #rodzaje-wykladzin #covering-gallery .carousel-control-prev,
    #rodzaje-wykladzin #covering-gallery .carousel-control-next { display: none; }
}

@media (min-width: 576px) {
    body:is([class ^= "page-template-wpisy-"], [class *= " page-template-wpisy-"], [class *= " page-template-produkty"]) .layout_panels .info { padding: 4rem 7rem; }
    #wprowadzenie .column-start .hybrid { padding: 4rem; }
    #rodzaje-wykladzin .column-end .bg-white,
    #rodzaje-wykladzin .column-end .d-flex { padding: 4rem; }
}

@media (min-width: 768px) {
    #hero .background h1,
    #subhero .background h1 { -webkit-line-clamp: 3; }
    .btn.btn-primary { width: 360px; max-width: none; }
    #rodzaje-wykladzin .child-pages .child-page { width: auto; }
    #obszary-zastosowania .fields .field { min-height: calc(314.4px + 48px + 1.5rem); }
}

@media (min-width: 992px) {
    #top-bar { height: 30px; }
    #masthead .custom-logo-link { width: 190px; }
    #masthead #site-navigation { width: calc(100% - 190px); }
    #masthead #primary-menu li { font-size: 12px; }
    #masthead #primary-menu li:not(:first-child) { margin-left: calc(.26 * 3.75rem); }
    #masthead #primary-menu li.instagram { margin-left: calc(.26 * 2.125rem); }
    body:is([class ^= "page-template-wpisy-"], [class *= " page-template-wpisy-"], [class *= " page-template-produkty"]) .layout_panels .row { min-height: 400px; }
    /* body.single #primary article .b2b-between-wrapper,
    body.archive #primary article .b2b-between-wrapper { display: none; } */
    #wprowadzenie .column-start .hybrid { min-height: calc(727px + 42px); padding-top: calc(4rem + 42px); }
    #rodzaje-wykladzin .column-end .d-flex { min-height: calc(763.833px - 176px); }
    :not(#hero) > #wprowadzenie [id *= "intro-gallery"] .carousel-item.background,
    #rodzaje-wykladzin #covering-gallery .carousel-item .background { height: 738px; }
    #rodzaje-wykladzin .row { min-height: calc(1049.23px + 28px + .5rem); }
    #rodzaje-wykladzin .row::before { content: ''; display: block; width: 50%; height: 100%; position: absolute; right: 0; bottom: 0; background-color: var(--color5); }
    #dostepne-kolory .colors .color .meta .name { min-height: 42px; }
    #obszary-zastosowania .fields .field { min-height: calc(266.4px + 48px + 1.5rem); }
}

@media (min-width: 1200px) {
    #masthead #primary-menu li { font-size: 14px; }
    #masthead #primary-menu li:not(:first-child) { margin-left: calc(.44 * 3.75rem); }
    #masthead #primary-menu li.instagram { margin-left: calc(.44 * 2.125rem); }
    .post-navigation > .nav-links > .nav-previous,
    .post-navigation > .nav-links > .nav-next { flex-basis: 50%; }
    :not(#hero) > #wprowadzenie [id *= "intro-gallery"] .carousel-item.background,
    #rodzaje-wykladzin #covering-gallery .carousel-item .background { height: 722px; }
    #rodzaje-wykladzin .row { min-height: calc(891px + 28px + .5rem); }
    #dostepne-kolory .colors .color .meta .name { min-height: 63px; }
    #obszary-zastosowania .fields .field { min-height: calc(314.4px + 48px + 1.5rem); }
}

@media (min-width: 1400px) {
    #masthead #primary-menu li { font-size: 1rem; }
    #masthead #primary-menu li:not(:first-child) { margin-left: calc(.62 * 3.75rem); }
    #masthead #primary-menu li.instagram { margin-left: calc(.62 * 2.125rem); }
    #hero,
    #subhero { background-image: url('../img/bg-dots.webp'), linear-gradient(to bottom, var(--color1) 240px, transparent 60px); background-position: center bottom 30px, center; }
    :not(#hero) > #wprowadzenie [id *= "intro-gallery"] .carousel-item.background,
    #rodzaje-wykladzin #covering-gallery .carousel-item .background { height: 693.833px; }
    #rodzaje-wykladzin .row { min-height: calc(810px + 28px + .5rem); }
    #dostepne-kolory .colors .color .meta .name { min-height: 42px; }
    #obszary-zastosowania .fields .field { min-height: calc(290.4px + 48px + 1.5rem); }
}

@media (min-width: 1600px) {
    #masthead #primary-menu li:not(:first-child) { margin-left: 3.75rem; }
    #masthead #primary-menu li.instagram { margin-left: 2.125rem; }
    .container { max-width: 1524px !important; }
    #colophon { font-size: 16px; }
    .gallery .gallery-item { max-width: 150px; }
    #wprowadzenie .column-start .hybrid { padding: 4rem 7rem; padding-top: calc(4rem + 42px); }
    #rodzaje-wykladzin .column-end .bg-white,
    #rodzaje-wykladzin .column-end .d-flex { padding: 4rem 7rem; }
    #obszary-zastosowania .fields .field { min-height: calc(266.4px + 48px + 1.5rem); }
}
