@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url(//instalex.wroc.pl/wp-content/themes/instalex-child/fonts/roboto-latin-wght-normal.woff2) format("woff2-variations"),
url(//instalex.wroc.pl/wp-content/themes/instalex-child/fonts/roboto-latin-wght-normal.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url(//instalex.wroc.pl/wp-content/themes/instalex-child/fonts/roboto-latin-ext-wght-normal.woff2) format("woff2-variations"),
url(//instalex.wroc.pl/wp-content/themes/instalex-child/fonts/roboto-latin-ext-wght-normal.woff2) format("woff2");
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
body,
button,
input,
select,
textarea,
.entry-content,
.site-header,
.main-navigation a {
font-family: "Roboto", system-ui, -apple-system, "Segoe UI", Inter, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
font-family: inherit;
font-weight: 600;
letter-spacing: -.01em;
} :root {
--ix-tlo:        #f2f4f6;
--ix-plyta:      #ffffff;
--ix-atrament:   #16202b;
--ix-tekst:      #5c6875;
--ix-linia:      #d5dae0;
--ix-linia-cien: #e6eaee;
--ix-akcent:     #0059a5;
--ix-main: #e50001;
--ix-medium:     #4a5a6a;
--ix-width: 1480px;
--section-padding: 2.5rem;
--ix-r:          3px;
--ix-mono:       ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Consolas, monospace;
} .ix-m-woda        { --ix-medium: #0b5ca8; }
.ix-m-gaz         { --ix-medium: #d99000; }
.ix-m-kanalizacja { --ix-medium: #6b4a2f; }
.ix-m-cieplo      { --ix-medium: #bf3b28; }
.ix-m-pompy       { --ix-medium: #14776a; }
.ix-m-technika    { --ix-medium: #4a5a6a; }
body {
background: var(--ix-tlo);
color: var(--ix-atrament);
}
.entry-content > * {
max-width: var(--ix-width);
margin: 0 auto;
} .ix-eyebrow {
display: block;
font-size: 11px;
font-weight: 600;
letter-spacing: .14em;
text-transform: uppercase;
color: var(--ix-tekst);
margin-bottom: .5rem;
} .ix-kategorie {
max-width: 100%;
padding: var(--section-padding) 0;
}
.ix-kategorie__container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
gap: 14px;
margin: 0 auto;
padding: 0;
list-style: none;
padding: 0 1rem;
max-width: var(--ix-width);
}
.ix-kafelek {
position: relative;
display: flex;
flex-direction: column;
gap: .35rem;
padding: 1.15rem 1.25rem 1.15rem 1.6rem;
background: var(--ix-plyta);
border: 1px solid var(--ix-linia);
border-radius: var(--ix-r);
text-decoration: none;
color: inherit;
transition: border-color .15s ease, transform .15s ease;
}
.ix-kafelek::before {
content: "";
position: absolute;
inset: 0 auto 0 0;
width: 5px;
background: var(--ix-medium);
border-radius: var(--ix-r) 0 0 var(--ix-r);
}
.ix-kafelek:hover,
.ix-kafelek:focus-visible {
border-color: var(--ix-medium);
transform: translateY(-1px);
}
.ix-kafelek__nazwa {
font-size: 1.02rem;
font-weight: 600;
line-height: 1.3;
color: var(--ix-atrament);
}
.ix-kafelek__ile {
font-family: var(--ix-mono);
font-size: 12px;
color: var(--ix-tekst);
font-variant-numeric: tabular-nums;
} .ix-pasek-wrap {
margin: 0;
}
.ix-pasek {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin: 0 0 1.75rem;
padding: 0 0 1.25rem;
border-bottom: 1px solid var(--ix-linia);
list-style: none;
}
.ix-pasek a {
position: relative;
display: inline-block;
padding: .38rem .8rem .38rem 1.05rem;
font-size: .86rem;
line-height: 1.4;
text-decoration: none;
color: var(--ix-tekst);
background: var(--ix-plyta);
border: 1px solid var(--ix-linia);
border-radius: 100px;
transition: color .15s ease, border-color .15s ease;
}
.ix-pasek a::before {
content: "";
position: absolute;
top: 50%;
left: .55rem;
width: 6px;
height: 6px;
margin-top: -3px;
border-radius: 50%;
background: var(--ix-medium);
}
.ix-pasek a:hover {
color: var(--ix-atrament);
border-color: var(--ix-medium);
}
.ix-pasek .ix-aktywna a {
color: var(--ix-plyta);
background: var(--ix-medium);
border-color: var(--ix-medium);
}
.ix-pasek .ix-aktywna a::before {
background: var(--ix-plyta);
} .woocommerce ul.products {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: 16px;
margin: 0;
}
.woocommerce ul.products::before,
.woocommerce ul.products::after {
content: none;
}
.woocommerce ul.products li.product {
width: auto !important;
margin: 0 !important;
padding: 0;
float: none !important;
display: flex;
flex-direction: column;
background: var(--ix-plyta);
border: 1px solid var(--ix-linia);
border-radius: var(--ix-r);
overflow: hidden;
transition: border-color .15s ease;
}
.woocommerce ul.products li.product:hover {
border-color: var(--ix-akcent);
}
.woocommerce ul.products li.product a img {
width: 100%;
aspect-ratio: 4 / 3;
object-fit: contain;
margin: 0;
padding: 1rem;
background: #fbfcfd;
border-bottom: 1px solid var(--ix-linia-cien);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
padding: .85rem 1rem .25rem;
margin: 0;
font-size: .95rem !important;
font-weight: 600;
line-height: 1.35;
color: var(--ix-atrament);
}
.instalex-loop-sku {
display: block;
padding: 0 1rem 1rem;
font-family: var(--ix-mono);
font-size: 11.5px;
color: var(--ix-tekst);
} .woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart {
display: none !important;
} .single-product div.product .product_title {
font-size: 1.7rem;
line-height: 1.25;
margin-bottom: .6rem;
}
.single-product div.product .woocommerce-product-details__short-description {
font-size: 1.02rem;
line-height: 1.65;
color: var(--ix-tekst);
margin-bottom: 1.5rem;
}
.single-product div.product .images img {
background: var(--ix-plyta);
border: 1px solid var(--ix-linia);
border-radius: var(--ix-r);
padding: 1.5rem;
}
table.instalex-product-data {
width: 100%;
margin: 0 0 1.75rem;
border-collapse: collapse;
background: var(--ix-plyta);
border: 1px solid var(--ix-linia);
border-radius: var(--ix-r);
overflow: hidden;
font-size: .92rem;
}
table.instalex-product-data th,
table.instalex-product-data td {
padding: .62rem .9rem;
text-align: left;
vertical-align: top;
border-bottom: 1px solid var(--ix-linia-cien);
line-height: 1.5;
}
table.instalex-product-data tr:last-child th,
table.instalex-product-data tr:last-child td {
border-bottom: 0;
}
table.instalex-product-data th {
width: 38%;
font-weight: 500;
color: var(--ix-tekst);
background: #fafbfc;
white-space: nowrap;
}
table.instalex-product-data td {
font-variant-numeric: tabular-nums;
}
.instalex-product-data a {
color: var(--ix-akcent);
text-decoration: underline;
text-underline-offset: 2px;
} .woocommerce-Tabs-panel h2,
.woocommerce-tabs .panel > h2:first-child {
display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding: 0 0 0 1em;
}
.woocommerce-Tabs-panel--description {
line-height: 1.7;
} .ix-naglowek {
position: relative;
padding: 0 0 1.1rem 1rem;
margin: 0 0 1.5rem;
border-bottom: 1px solid var(--ix-linia);
}
.ix-naglowek::before {
content: "";
position: absolute;
inset: .15rem auto 1.35rem 0;
width: 4px;
background: var(--ix-medium);
}
.ix-naglowek h1 {
margin: 0;
font-size: 1.55rem;
line-height: 1.2;
}
.ix-naglowek p {
margin: .5rem 0 0;
color: var(--ix-tekst);
line-height: 1.6;
max-width: 62ch;
}
.woocommerce .woocommerce-result-count {
font-family: var(--ix-mono);
font-size: 12px;
color: var(--ix-tekst);
font-variant-numeric: tabular-nums;
} .ix-pusto {
padding: 2.5rem 1.5rem;
background: var(--ix-plyta);
border: 1px dashed var(--ix-linia);
border-radius: var(--ix-r);
text-align: center;
color: var(--ix-tekst);
line-height: 1.6;
}
.ix-pusto strong {
display: block;
margin-bottom: .35rem;
color: var(--ix-atrament);
} .site-info {
font-size: .88rem;
} a:focus-visible,
button:focus-visible {
outline: 2px solid var(--ix-akcent);
outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
* {
transition: none !important;
}
.ix-kafelek:hover {
transform: none;
}
} @media (max-width: 768px) {
.woocommerce ul.products {
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
gap: 10px;
}
.ix-kategorie {
grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
gap: 10px;
}
table.instalex-product-data th {
width: 42%;
white-space: normal;
}
.ix-naglowek h1 {
font-size: 1.3rem;
}
} .ix-zapytanie {
margin: 2rem 0 2.5rem;
padding: 1.4rem 1.5rem;
background: var(--ix-plyta);
border: 1px solid var(--ix-linia);
border-left: 4px solid var(--ix-akcent);
border-radius: var(--ix-r);
}
.ix-zapytanie__lead {
margin: 0 0 1.1rem;
font-size: 1rem;
line-height: 1.55;
color: var(--ix-atrament);
max-width: 54ch;
}
.ix-zapytanie__akcje {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
}
.ix-zapytanie__godziny {
margin: 1rem 0 0;
font-size: .85rem;
color: var(--ix-tekst);
line-height: 1.5;
}
.ix-btn {
display: inline-block;
padding: .75rem 1.25rem;
font-size: 1rem;
font-weight: 500;
line-height: 1.4;
text-decoration: none;
color: var(--ix-akcent);
background: var(--ix-plyta);
border: 1px solid var(--ix-linia);
border-radius: var(--ix-r);
transition: all 0.2s ease;
}
.ix-btn:hover {
color: var(--ix-akcent);
opacity: 0.9;
}
.ix-btn--glowny {
background: linear-gradient(170deg, var(--ix-akcent), #03357c);
color: #fff;
border: none;
}
.ix-btn--glowny:hover {
background: linear-gradient(170deg, var(--ix-akcent), #03357c);
color: #fff;
}
.ix-btn--contact {
background: transparent;
color: #fff !important;
border-color: rgba(255,255,255,0.1);
padding-left: 2rem;
padding-right: 2rem;
letter-spacing: 1px;
}
.ix-btn--contact:hover {
background: linear-gradient(rgba(255,255,255,0.02), rgba(255,255,255,0.1));
}
.ix-btn__label {
display: block;
font-size: 1.25rem;
display: block;
color: #fff;
}
.ix-btn__contact-info {
font-size: 0.75rem;
opacity: 0.6;
color: #fff;
display: block;
} .ix-kontakt {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
gap: 14px;
margin: 1.5rem 0 2rem;
}
.ix-kontakt__blok {
padding: 1.15rem 1.25rem;
background: var(--ix-plyta);
border: 1px solid var(--ix-linia);
border-radius: var(--ix-r);
}
.ix-kontakt__blok p {
margin: 0;
line-height: 1.75;
font-variant-numeric: tabular-nums;
}
.ix-kontakt__blok a {
color: var(--ix-akcent);
text-decoration: none;
}
.ix-kontakt__blok a:hover {
text-decoration: underline;
text-underline-offset: 2px;
}
@media (max-width: 768px) {
.ix-zapytanie {
padding: 1.15rem 1.15rem;
}
.ix-zapytanie__akcje .ix-btn {
flex: 1 1 100%;
text-align: center;
}
} .ix-topbar {
background: #e9e9e9;
color: #565656;
font-size: .82rem;
}
.ix-topbar__in {
display: flex;
flex-wrap: wrap;
gap: .5rem 1.5rem;
align-items: center;
justify-content: space-between;
max-width: var(--ix-width);
margin: 0 auto;
padding: .55rem 20px;
}
.ix-topbar__kontakt {
display: flex;
flex-wrap: wrap;
gap: 1.1rem;
align-items: center;
}
.ix-topbar a {
color: #000;
text-decoration: none;
font-variant-numeric: tabular-nums;
}
.ix-topbar a:hover {
text-decoration: underline;
text-underline-offset: 3px;
}
.ix-topbar__godziny {
color: #8c99a6;
} .ix-hero {
margin: 0 auto;
padding: 2.5rem 2rem;
background: var(--ix-plyta);
border: 1px solid var(--ix-linia);
border-radius: var(--ix-r);
max-width: 100%;
}
.ix-hero__tytul {
margin: 0 0 .9rem;
font-size: clamp(1.6rem, 3.4vw, 2.35rem);
line-height: 1.15;
letter-spacing: -.015em;
max-width: 20ch;
}
.ix-hero__lead {
margin: 0 0 1.6rem;
font-size: 1.05rem;
line-height: 1.65;
color: var(--ix-tekst);
max-width: 58ch;
}
.ix-hero__akcje {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.ix-hero__meta {
margin: 1.1rem 0 0;
font-family: var(--ix-mono);
font-size: 12px;
color: var(--ix-tekst);
font-variant-numeric: tabular-nums;
} .ix-hero__media {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 2px;
margin: 2rem 0 0;
padding: 0;
list-style: none;
}
.ix-hero__media li {
position: relative;
padding: .9rem 0 0;
border-top: 5px solid var(--ix-medium);
}
.ix-hero__media span {
font-size: 11px;
font-weight: 600;
letter-spacing: .1em;
text-transform: uppercase;
color: var(--ix-tekst);
} .ix-ofirmie {
margin: 0 0 2.5rem;
}
.ix-ofirmie__grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
gap: 14px;
margin-top: .75rem;
}
.ix-ofirmie__punkt {
padding: 1.15rem 1.25rem;
background: var(--ix-plyta);
border: 1px solid var(--ix-linia);
border-radius: var(--ix-r);
}
.ix-ofirmie__punkt h3 {
margin: 0 0 .4rem;
font-size: .98rem;
font-weight: 600;
line-height: 1.3;
}
.ix-ofirmie__punkt p {
margin: 0;
font-size: .9rem;
line-height: 1.6;
color: var(--ix-tekst);
} .ix-drzewo ul {
margin: .6rem 0 0;
padding: 0;
list-style: none;
}
.ix-drzewo ul ul {
margin: .2rem 0 .4rem .85rem;
padding-left: .75rem;
border-left: 1px solid var(--ix-linia);
}
.ix-drzewo a {
position: relative;
display: flex;
gap: .5rem;
align-items: baseline;
justify-content: space-between;
padding: .38rem .5rem .38rem .85rem;
font-size: .9rem;
line-height: 1.4;
color: var(--ix-atrament);
text-decoration: none;
border-radius: var(--ix-r);
}
.ix-drzewo a::before {
content: "";
position: absolute;
top: .72rem;
left: 0;
width: 4px;
height: 4px;
border-radius: 50%;
background: var(--ix-medium);
}
.ix-drzewo a:hover {
background: var(--ix-tlo);
}
.ix-drzewo .ix-aktywna > a {
font-weight: 600;
color: var(--ix-medium);
}
.ix-drzewo__ile {
font-family: var(--ix-mono);
font-size: 11px;
color: var(--ix-tekst);
font-variant-numeric: tabular-nums;
} .ix-sticky {
display: none;
} .ix-stopka {
background: var(--ix-atrament);
color: #aeb9c4;
}
.ix-stopka__in {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
gap: 1.75rem;
max-width: var(--ix-width);
margin: 0 auto;
padding: 2.5rem 20px;
}
.ix-stopka .ix-eyebrow {
color: #7d8b99;
}
.ix-stopka p {
margin: 0;
font-size: .9rem;
line-height: 1.85;
font-variant-numeric: tabular-nums;
}
.ix-stopka a {
color: #fff;
text-decoration: none;
}
.ix-stopka a:hover {
text-decoration: underline;
text-underline-offset: 3px;
} @media (max-width: 768px) {
.ix-topbar__claim {
display: none;
}
.ix-topbar__godziny {
display: none;
}
.ix-topbar__in {
justify-content: center;
}
.ix-hero {
padding: 1.75rem 1.25rem;
}
.ix-hero__akcje .ix-btn {
flex: 1 1 100%;
text-align: center;
}
.ix-hero__media {
grid-template-columns: repeat(2, 1fr);
gap: 2px 12px;
} .ix-sticky {
position: fixed;
inset: auto 0 0 0;
z-index: 999;
display: flex;
gap: 1px;
background: var(--ix-linia);
box-shadow: 0 -2px 12px rgba(22, 32, 43, .12);
}
.ix-sticky__btn {
flex: 1;
padding: .85rem .5rem;
font-size: .95rem;
font-weight: 600;
text-align: center;
text-decoration: none;
color: var(--ix-atrament);
background: var(--ix-plyta);
}
.ix-sticky__btn--tel {
color: #fff;
background: var(--ix-akcent);
} body {
padding-bottom: 52px;
}
} @media (min-width: 769px) {
.ix-ma-drzewo .ix-pasek-wrap {
display: none;
}
}
.ix-hero__tresc {
max-width: 100%;
}
.ix-stopka__kol {
min-width: 0;
} .ix-glowna .entry-header,
.ix-glowna .page-header,
.ix-glowna .entry-title {
display: none;
}
.ix-glowna .entry-content > :first-child {
margin-top: 0;
} .ix-hero--foto {
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
gap: 2rem;
align-items: center;
}
.ix-hero__slowa > :first-child {
margin-top: 0;
font-size: clamp(1.6rem, 3.4vw, 2.35rem);
line-height: 1.15;
letter-spacing: -.015em;
max-width: 20ch;
margin-bottom: .9rem;
}
.ix-hero__slowa p {
margin: 0 0 1.6rem;
font-size: 1.05rem;
line-height: 1.65;
color: var(--ix-tekst);
max-width: 58ch;
}
.ix-hero__slowa > :last-child {
margin-bottom: 1.6rem;
}
.ix-hero__media-foto img {
display: block;
width: 100%;
height: 100%;
max-height: 320px;
object-fit: cover;
border-radius: var(--ix-r);
}
.ix-hero--foto .ix-hero__media {
grid-column: 1 / -1;
} .ix-nowosci-sekcja, .ix-ofirmie {
padding: var(--section-padding) 0;
max-width: 100%;
}
.ix-nowosci__container, .ix-ofirmie__container {
margin: 0 auto;
max-width: var(--ix-width);
padding: 0 1rem;
}
.ix-nowosci {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 14px;
margin-top: .75rem;
align-items: stretch;
}
.ix-nowosc {
display: flex;
flex-direction: column;
background: var(--ix-plyta);
border: 1px solid var(--ix-linia);
border-radius: var(--ix-r);
overflow: hidden;
text-decoration: none;
color: inherit;
}
.ix-nowosc:hover,
.ix-nowosc:focus-visible {
border-color: var(--ix-akcent);
}
.ix-nowosc__foto {
display: flex;
align-items: center;
justify-content: center;
height: 180px;
padding: .75rem;
background: #fafbfc;
border-bottom: 1px solid var(--ix-linia-cien);
}
.ix-nowosc__foto img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
object-fit: contain;
display: block;
mix-blend-mode: multiply;
}
.ix-nowosc__brak {
display: block;
width: 100%;
height: 100%;
}
.ix-nowosc__nazwa {
flex: 1 0 auto;
padding: .85rem 1rem .25rem;
font-weight: 600;
font-size: .92rem;
line-height: 1.35;
color: var(--ix-atrament);
}
.ix-nowosc__sku {
padding: 0 1rem 1rem;
font-family: var(--ix-mono);
font-size: 11px;
color: var(--ix-tekst);
} .ix-sekcja {
margin: 0 0 2.5rem;
}
.ix-sekcja--szara {
background: var(--ix-plyta);
border: 1px solid var(--ix-linia);
border-radius: var(--ix-r);
padding: 1.75rem 2rem;
}
.ix-sekcja__tresc > :first-child {
margin-top: 0;
}
.ix-sekcja__tresc > :last-child {
margin-bottom: 0;
} .ix-mapa-sekcja {
padding: 0;
max-width: 100%;
background: #fff;
}
.ix-mapa-sekcja__container {
padding: 0 1rem;
max-width: var(--ix-width);
display: grid;
grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
gap: 1.5rem;
align-items: stretch;
margin: 0 auto;
}
.ix-mapa-sekcja__adres {
margin: 0 0 .5rem;
font-size: 1.05rem;
font-weight: 600;
}
.ix-mapa-sekcja__godziny {
margin: 0 0 1.1rem;
color: var(--ix-tekst);
}
.ix-mapa-sekcja__dane {
padding: var(--section-padding) 0;
}
.ix-mapa {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: .6rem;
min-height: 260px;
overflow: hidden;
}
.ix-mapa iframe {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
}
.ix-mapa__nota {
font-size: 11px;
color: var(--ix-tekst);
} .ix-szukajka {
flex: 1 1 260px;
max-width: 420px;
margin-left: auto;
padding: 0 1rem;
align-self: center;
}
.ix-szukajka .dgwt-wcas-search-wrapp {
max-width: 100%;
}
@media (max-width: 768px) {
.ix-hero--foto {
grid-template-columns: 1fr;
gap: 1.25rem;
}
.ix-hero__media-foto {
order: -1;
}
.ix-nowosci {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ix-mapa-sekcja {
grid-template-columns: 1fr;
padding: 1.25rem;
}
.ix-sekcja--szara {
padding: 1.25rem;
}
.ix-szukajka {
flex-basis: 100%;
max-width: none;
margin: .5rem 0 0;
padding: 0 20px .75rem;
}
} .ix-hero--szerokie .ix-hero__slowa > :first-child {
max-width: 28ch;
}
.ix-hero--szerokie .ix-hero__slowa p {
max-width: 72ch;
} .ix-kroki {
max-width: 100%;
padding: var(--section-padding) 0;
margin: 0;
}
.ix-kroki__container {
margin: 0 auto;
max-width: var(--ix-width);
padding: 0 1rem
}
.ix-kroki__lista {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
gap: 14px;
margin: .75rem 0 0;
padding: 0;
list-style: none;
counter-reset: none;
}
.ix-krok {
position: relative;
padding: 1.4rem 1.5rem;
background: var(--ix-plyta);
border: 1px solid var(--ix-linia);
border-radius: var(--ix-r);
}
.ix-krok__nr {
display: inline-flex;
align-items: center;
justify-content: center;
width: 26px;
height: 26px;
margin-bottom: .7rem;
font-family: var(--ix-mono);
font-size: 12px;
font-weight: 600;
color: var(--ix-plyta);
background: var(--ix-akcent);
border-radius: 50%;
}
.ix-krok__tytul {
margin: 0 0 .35rem;
font-size: 1rem;
line-height: 1.3;
}
.ix-krok__opis {
margin: 0;
font-size: .92rem;
line-height: 1.6;
color: var(--ix-tekst);
} .ix-cta {
max-width: 100%;
background: linear-gradient(170deg, var(--ix-akcent), #03357c);
padding: 4rem 0;
}
.ix-cta__container {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 1.5rem;
align-items: center;
margin: 0 0 2.5rem;
border-radius: var(--ix-r);
max-width: calc(var(--ix-width) / 1.25); 
margin: 0 auto;
color: #fff;
padding: 0 1rem;
}
.ix-cta__tytul {
margin: 0 0 .4rem;
font-size: 1.3rem;
line-height: 1.25;
}
.ix-cta__slowa p {
margin: 0;
line-height: 1.6;
max-width: 56ch;
}
.ix-cta__akcje {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
justify-content: flex-start;
}
.ix-cta__godziny {
flex-basis: 100%;
text-align: right;
font-size: 12px;
}
@media (max-width: 768px) {
.ix-cta {
grid-template-columns: 1fr;
padding: 1.25rem;
}
.ix-cta__akcje {
justify-content: flex-start;
}
.ix-cta__godziny {
text-align: left;
}
} .ix-glowna.separate-containers .site-main > .page,
.ix-glowna .inside-article,
.ix-glowna .entry-content > .site-main {
background: transparent;
border: 0;
box-shadow: none;
padding-left: 0;
padding-right: 0;
}
.ix-glowna .site-content .content-area {
background: transparent;
}
.ix-glowna .ix-hero {
padding: var(--section-padding) 0;
} .ix-glowna .ix-eyebrow {
font-size: 13px;
letter-spacing: .1em;
color:var(--ix-akcent) !important;
padding-bottom: .6rem;
margin-bottom: 1rem;
border-bottom: 1px solid var(--ix-linia);
}
@media (max-width: 768px) {
.ix-glowna .ix-hero {
padding: 1.5rem 1.25rem;
}
.ix-nowosc__foto {
height: 140px;
}
} .ix-naglowek--szukanie h1::before,
.ix-naglowek--szukanie h1::after {
content: '\201E';
color: var(--ix-linia);
}
.ix-naglowek--szukanie h1::after {
content: '\201D';
}
.ix-naglowek__ile {
margin: .4rem 0 0;
font-family: var(--ix-mono);
font-size: 12px;
color: var(--ix-tekst);
font-variant-numeric: tabular-nums;
}
.ix-pusto--szukanie {
max-width: 46rem;
margin-inline: auto;
}
.ix-pusto--szukanie span {
display: block;
max-width: 34rem;
margin: 0 auto 1.25rem;
} .dgwt-wcas-suggestions-wrapp {
border: 1px solid var(--ix-linia);
border-radius: var(--ix-r);
box-shadow: 0 8px 24px rgba(22, 32, 43, .1);
font-family: inherit;
}
.dgwt-wcas-suggestion {
padding: .7rem .9rem;
border-bottom: 1px solid var(--ix-linia-cien);
}
.dgwt-wcas-suggestion:last-child {
border-bottom: 0;
}
.dgwt-wcas-suggestion-selected,
.dgwt-wcas-suggestion:hover {
background: #f7f9fb;
}
.dgwt-wcas-st--title {
font-weight: 600;
color: var(--ix-atrament);
line-height: 1.35;
}
.dgwt-wcas-st--title .dgwt-wcas-highlight {
background: #fff2c2;
font-weight: 600;
padding: 0 1px;
} .dgwt-wcas-sku,
.dgwt-wcas-st-sku {
font-family: var(--ix-mono);
font-size: 11px;
color: var(--ix-tekst);
letter-spacing: .02em;
}
.dgwt-wcas-st--desc {
font-size: 12px;
line-height: 1.45;
color: var(--ix-tekst);
} .dgwt-wcas-suggestion-tax {
background: #f7f9fb;
}
.dgwt-wcas-suggestion-tax .dgwt-wcas-st {
font-size: 13px;
color: var(--ix-akcent);
}
.dgwt-wcas-st-breadcrumbs,
.dgwt-wcas-si {
color: var(--ix-tekst);
}
.dgwt-wcas-suggestion-nores {
padding: 1.1rem .9rem;
color: var(--ix-tekst);
font-size: 13px;
}
.dgwt-wcas-si img,
.dgwt-wcas-suggestion img {
mix-blend-mode: multiply;
} .ix-szukajka .dgwt-wcas-search-input {
font-family: inherit;
border-color: var(--ix-linia);
}
.ix-szukajka .dgwt-wcas-search-input:focus {
border-color: var(--ix-akcent);
box-shadow: 0 0 0 3px rgba(11, 92, 168, .12);
} .ix-filtry {
margin: 0 0 1.5rem;
padding: 1.1rem 1.25rem;
background: var(--ix-plyta);
border: 1px solid var(--ix-linia);
border-radius: var(--ix-r);
}
.ix-filtry__grupy {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 1rem 1.75rem;
}
.ix-filtr__nazwa {
display: block;
margin-bottom: .5rem;
font-size: 11px;
font-weight: 600;
letter-spacing: .12em;
text-transform: uppercase;
color: var(--ix-tekst);
}
.ix-filtr__wartosci {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.ix-pigulka {
display: inline-flex;
align-items: center;
gap: .4rem;
padding: .35rem .7rem;
font-size: 13px;
line-height: 1.2;
color: var(--ix-atrament);
text-decoration: none;
background: #f7f9fb;
border: 1px solid var(--ix-linia);
border-radius: 999px;
}
.ix-pigulka:hover,
.ix-pigulka:focus-visible {
border-color: var(--ix-akcent);
color: var(--ix-akcent);
}
.ix-pigulka--wybrana {
color: #fff;
background: var(--ix-akcent);
border-color: var(--ix-akcent);
}
.ix-pigulka--wybrana:hover,
.ix-pigulka--wybrana:focus-visible {
color: #fff;
background: #094b8a;
border-color: #094b8a;
}
.ix-pigulka__ile {
font-family: var(--ix-mono);
font-size: 11px;
color: var(--ix-tekst);
font-variant-numeric: tabular-nums;
}
.ix-pigulka--wybrana .ix-pigulka__ile {
color: rgba(255, 255, 255, .75);
}
.ix-filtry__reset {
display: inline-block;
margin-top: 1rem;
font-size: 13px;
color: var(--ix-tekst);
text-decoration: underline;
}
.ix-filtry__reset:hover {
color: var(--ix-akcent);
}
.copyright-bar {
font-size: 0.75rem;
opacity: 0.5;
}
.site-footer p {
font-size: .875rem;
margin-bottom: .5rem;
line-height: 1.5;
color: #5e5e5e;
}
.site-footer a {
font-size: .875rem;
line-height: 1.5;
color: #5e5e5e;
text-decoration: none;
}
.site-footer a:hover {
color: var(--ix-akcent);
}
.footer-widget-2 {
flex-grow: 2 !important;
}
.footer-widget-2 ul {
columns: 2;
column-gap: 1.25rem;
margin: 0;
padding: 0;
list-style: none;
}
.footer-widget-2 ul > li {
break-inside: avoid;
margin: 0;
line-height: 1.7;
}
.site-footer .widget-title  {
margin-bottom: 0.875rem;
margin-top: 1.25rem;
font-weight: bold;
color: var(--ix-akcent);
font-size: 1rem;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.footer-widgets, .site-info {
background-color: rgb(244, 244, 244) !important;
}
.inside-site-info {
border-top: 1px solid rgb(224, 224, 224);
}
.site-footer .footer-widgets-container .inner-padding {
padding: 0 40px 0 0;
}
.grid-container, .site-footer {
max-width: 100% !important;
}
.ix-hero__container {
max-width: var(--ix-width) !important;
margin: 0 auto !important; 
padding-left: 1rem;
padding-right: 1rem;
}
.footer-widgets, .inside-header{
max-width:var(--ix-width) !important;
margin: 0 auto;
padding-left: 1rem !important;
padding-right: 1rem !important
}
.footer-widgets{
padding: 0 1rem;
}
.footer-widgets-container {
padding-left: 0;
padding-right: 0;
padding-top: 0;
}
.site-footer .footer-widgets-container .inside-footer-widgets {
margin-left: 0;
}
.separate-containers .site-main {
margin: 0;
}
.inside-article {
padding-top: 0 !important;
padding-bottom: 0;
}
.entry-content:not(:first-child), .entry-summary:not(:first-child), .page-content:not(:first-child) {
margin-top: 0 !important;
}
.icon-holder {
margin-right: 0.25rem;
}
[class*=" icofont-"].icofont-duotone:after, [class^=icofont-].icofont-duotone:after {
opacity: 1;
}
.ix-cta__akcje .ix-btn {
display: flex;
align-items: center;
}
.ix-cta__akcje .icon-holder {
font-size: 2.25rem;
margin-right: 1rem;
}
@media (max-width: 480px) {
#menu-asortyment-stopka {
columns: 1;
}
}
@media (max-width: 768px) {
.ix-filtry {
padding: 1rem;
}
.ix-filtry__grupy {
grid-template-columns: 1fr;
gap: .9rem;
}
} :root {
--ix-granat:        #0b2a52;
--ix-granat-ciemny: #041c3a;
--ix-cien:          0 10px 28px -14px rgba(11, 42, 82, .35);
--section-padding:  3.25rem;
} .ix-nowosci-sekcja,
.ix-ofirmie,
.ix-mapa-sekcja {
background: var(--ix-plyta);
max-width: 100%;
margin: 0;
padding: var(--section-padding) 0;
}
.ix-kategorie,
.ix-producenci,
.ix-kroki {
background: var(--ix-tlo);
max-width: 100%;
margin: 0;
padding: var(--section-padding) 0;
}
.ix-mapa-sekcja__container,
.ix-ofirmie__container {
max-width: var(--ix-width);
margin: 0 auto;
padding: 0 1rem;
} .ix-nowosci-sekcja .ix-eyebrow,
.ix-ofirmie .ix-eyebrow,
.ix-kroki .ix-eyebrow,
.ix-producenci .ix-eyebrow,
.ix-mapa-sekcja .ix-eyebrow {
font-size: 12px;
color: var(--ix-akcent);
padding-bottom: .6rem;
border-bottom: 1px solid var(--ix-linia);
margin-bottom: 1.25rem;
} .ix-hero.ix-hero--ciemna {
background: linear-gradient(115deg, var(--ix-granat-ciemny) 0%, var(--ix-granat) 55%, #0e3a72 100%);
border: 0;
border-radius: 0;
color: #fff;
padding: 3.5rem 0 0;
position: relative;
overflow: hidden;
}
.ix-hero--ciemna::before {
content: "";
position: absolute;
inset: 0;
background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
background-size: 48px 48px;
mask-image: linear-gradient(180deg, rgba(0,0,0,.9), transparent 85%);
-webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,.9), transparent 85%);
pointer-events: none;
}
.ix-hero--ciemna .ix-hero__container {
position: relative;
display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
gap: 2.5rem 3rem;
align-items: center;
}
.ix-hero--ciemna .ix-eyebrow {
color: #9cc4f5;
}
.ix-hero--ciemna .ix-hero__slowa > :first-child {
color: #fff;
font-size: clamp(1.9rem, 4vw, 2.9rem);
max-width: 18ch;
}
.ix-hero--ciemna .ix-hero__slowa p {
color: rgba(255,255,255,.78);
font-size: 1.08rem;
}
.ix-hero--ciemna .ix-hero__meta {
color: rgba(255,255,255,.55);
}
.ix-hero--ciemna .ix-btn {
border-color: rgba(255,255,255,.35);
color: #fff;
background: transparent;
}
.ix-hero--ciemna .ix-btn:hover,
.ix-hero--ciemna .ix-btn:focus-visible {
border-color: #fff;
background: rgba(255,255,255,.08);
}
.ix-hero--ciemna .ix-btn--glowny {
background: var(--ix-main);
border-color: var(--ix-main);
box-shadow: 0 8px 20px -8px rgba(229,0,1,.6);
}
.ix-hero--ciemna .ix-btn--glowny:hover,
.ix-hero--ciemna .ix-btn--glowny:focus-visible {
background: #c40001;
border-color: #c40001;
} .ix-hero--ciemna .ix-hero__media {
grid-column: 1 / -1;
margin: 3rem 0 0;
gap: 6px;
}
.ix-hero--ciemna .ix-hero__media li {
border-top-width: 6px;
padding: .85rem 0 1.1rem;
}
.ix-hero--ciemna .ix-hero__media span {
color: rgba(255,255,255,.72);
} .ix-hero--ciemna .ix-hero__media-foto img.ix-hero__foto {
max-height: 380px;
border-radius: 6px;
box-shadow: 0 24px 48px -20px rgba(0,0,0,.6);
} .ix-hero__mozaika {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
max-width: 440px;
margin-left: auto;
}
.ix-hero__mozaika-el {
display: flex;
align-items: center;
justify-content: center;
aspect-ratio: 1 / 1;
padding: 14px;
background: #fff;
border-radius: 6px;
box-shadow: 0 18px 36px -18px rgba(0,0,0,.55);
}
.ix-hero__mozaika-el:nth-child(1) { transform: translateY(18px); }
.ix-hero__mozaika-el:nth-child(4) { transform: translateY(-18px); }
.ix-hero__mozaika-el img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
object-fit: contain;
mix-blend-mode: multiply;
} .ix-kategorie__container {
grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
gap: 16px;
}
.ix-kafelek {
padding: 0;
gap: 0;
overflow: hidden;
transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease;
}
.ix-kafelek::before {
width: 6px;
z-index: 1;
}
.ix-kafelek:hover,
.ix-kafelek:focus-visible {
transform: translateY(-3px);
box-shadow: var(--ix-cien);
}
.ix-kafelek__foto {
display: flex;
align-items: center;
justify-content: center;
height: 132px;
padding: 12px 12px 12px 18px;
background: #fafbfc;
border-bottom: 1px solid var(--ix-linia-cien);
}
.ix-kafelek__foto img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
object-fit: contain;
mix-blend-mode: multiply;
transition: transform .25s ease;
}
.ix-kafelek:hover .ix-kafelek__foto img {
transform: scale(1.05);
}
.ix-kafelek__slowa {
display: flex;
flex-direction: column;
gap: .3rem;
padding: .95rem 1.1rem 1rem 1.5rem;
}
.ix-kafelek--bez-foto .ix-kafelek__slowa {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
min-height: 96px;
justify-content: center;
} .ix-nowosci {
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: 16px;
}
.ix-nowosc {
transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease;
}
.ix-nowosc:hover,
.ix-nowosc:focus-visible {
transform: translateY(-3px);
box-shadow: var(--ix-cien);
}
.ix-nowosc__foto {
height: auto;
aspect-ratio: 1 / 1;
padding: 1.1rem;
background: #fff;
}
.ix-nowosc__foto img {
transition: transform .25s ease;
}
.ix-nowosc:hover .ix-nowosc__foto img {
transform: scale(1.04);
}
.ix-nowosc__meta {
display: block;
padding: .85rem 1rem 0;
font-size: 11px;
font-weight: 600;
letter-spacing: .06em;
text-transform: uppercase;
color: var(--ix-akcent);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ix-nowosc__meta + .ix-nowosc__nazwa {
padding-top: .35rem;
} .ix-producenci__container {
max-width: var(--ix-width);
margin: 0 auto;
padding: 0 1rem;
}
.ix-producenci__lista {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
gap: 12px;
margin: 0;
padding: 0;
list-style: none;
}
.ix-producenci__el {
margin: 0;
}
.ix-producenci__el > a,
.ix-producenci__el > span {
display: flex;
align-items: center;
justify-content: center;
height: 74px;
padding: 12px 16px;
background: var(--ix-plyta);
border: 1px solid var(--ix-linia);
border-radius: var(--ix-r);
text-decoration: none;
color: var(--ix-atrament);
transition: border-color .15s ease, box-shadow .15s ease;
}
.ix-producenci__el > a:hover,
.ix-producenci__el > a:focus-visible {
border-color: var(--ix-akcent);
box-shadow: var(--ix-cien);
}
.ix-producenci__el img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
object-fit: contain;
filter: grayscale(1);
opacity: .75;
transition: filter .2s ease, opacity .2s ease;
}
.ix-producenci__el > a:hover img {
filter: none;
opacity: 1;
}
.ix-producenci__nazwa {
font-size: .9rem;
font-weight: 600;
letter-spacing: .02em;
text-align: center;
line-height: 1.25;
color: var(--ix-medium);
} .ix-ofirmie__grid {
gap: 2rem 2.5rem;
}
.ix-ofirmie__punkt {
background: transparent;
border: 0;
border-left: 3px solid var(--ix-akcent);
border-radius: 0;
padding: .25rem 0 .25rem 1.25rem;
}
.ix-ofirmie__punkt h3 {
font-size: 1.1rem;
margin-bottom: .4rem;
} .ix-kroki__lista {
gap: 2.5rem;
position: relative;
}
.ix-krok {
background: transparent;
border: 0;
padding: 0;
position: relative;
}
.ix-krok__nr {
width: 40px;
height: 40px;
font-size: 15px;
margin-bottom: 1rem;
background: var(--ix-granat);
position: relative;
z-index: 1;
}
.ix-krok__tytul {
font-size: 1.12rem;
}
@media (min-width: 769px) {
.ix-krok:not(:last-child)::after {
content: "";
position: absolute;
top: 19px;
left: 48px;
right: -2.5rem;
height: 2px;
background: var(--ix-linia);
}
} .ix-mapa {
background: var(--ix-tlo);
border: 1px dashed var(--ix-linia);
border-radius: 6px;
}
.ix-mapa__start.ix-btn {
background: var(--ix-granat);
border-color: var(--ix-granat);
color: #fff;
} .ix-cta {
background: linear-gradient(115deg, var(--ix-granat) 0%, #0e3a72 100%);
padding: 3.5rem 0;
}
.ix-cta__container {
max-width: var(--ix-width);
}
.ix-cta__akcje .ix-btn {
border-color: rgba(255,255,255,.3);
color: #fff;
}
.ix-cta__akcje .ix-btn:hover,
.ix-cta__akcje .ix-btn:focus-visible {
border-color: #fff;
background: rgba(255,255,255,.08);
}
.site-footer .footer-widgets,
.site-footer .site-info {
background-color: var(--ix-granat-ciemny) !important;
color: rgba(255,255,255,.72);
}
.site-footer .footer-widgets {
padding-top: 2.5rem !important;
padding-bottom: 1.5rem !important;
}
.site-footer p,
.site-footer a,
.site-footer li {
color: rgba(255,255,255,.72);
}
.site-footer strong {
color: #fff;
}
.site-footer a:hover,
.site-footer a:focus-visible {
color: #fff;
}
.site-footer .widget-title {
color: #fff;
margin-top: 0;
}
.site-footer .inside-site-info {
border-top: 1px solid rgba(255,255,255,.12);
}
.site-footer .copyright-bar {
opacity: .55;
color: #fff;
}
.site-footer img {
filter: none;
} @media (max-width: 768px) {
:root {
--section-padding: 2.25rem;
}
.ix-hero.ix-hero--ciemna {
padding-top: 2.25rem;
}
.ix-hero--ciemna .ix-hero__container {
grid-template-columns: 1fr;
gap: 1.75rem;
}
.ix-hero__mozaika {
max-width: 100%;
gap: 8px;
}
.ix-hero__mozaika-el:nth-child(1),
.ix-hero__mozaika-el:nth-child(4) {
transform: none;
}
.ix-hero--ciemna .ix-hero__media {
grid-template-columns: repeat(2, 1fr);
margin-top: 2rem;
}
.ix-kategorie__container {
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
.ix-kafelek__foto {
height: 96px;
}
.ix-kafelek__slowa {
padding: .75rem .75rem .85rem 1.1rem;
}
.ix-kafelek__nazwa {
font-size: .92rem;
}
.ix-producenci__lista {
grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
gap: 8px;
}
.ix-producenci__el > a,
.ix-producenci__el > span {
height: 60px;
padding: 8px 10px;
}
.ix-kroki__lista {
gap: 1.5rem;
}
}
@media (prefers-reduced-motion: reduce) {
.ix-kafelek,
.ix-nowosc,
.ix-kafelek__foto img,
.ix-nowosc__foto img,
.ix-producenci__el img {
transition: none;
}
.ix-kafelek:hover,
.ix-nowosc:hover {
transform: none;
}
} :root {
--ix-granat:        #0b2a52;
--ix-granat-ciemny: #0b2a52; } .ix-hero.ix-hero--ciemna,
.ix-hero.ix-hero--ciemna.ix-hero--foto {
display: block;
background: var(--ix-granat);
padding: 4rem 0 4.5rem;
}
.ix-hero--ciemna .ix-hero__container {
max-width: var(--ix-width);
margin: 0 auto;
padding: 0 1rem;
box-sizing: border-box;
}
.ix-hero__mozaika {
margin-right: 1rem;
} .ix-naglowek-sekcji {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 1rem;
padding-bottom: .75rem;
margin-bottom: 1.25rem;
border-bottom: 1px solid var(--ix-linia);
}
.ix-naglowek-sekcji__tytul {
margin: 0;
font-size: clamp(1.25rem, 2vw, 1.6rem);
line-height: 1.2;
color: var(--ix-atrament);
}
.ix-naglowek-sekcji__link {
font-size: .9rem;
font-weight: 600;
color: var(--ix-akcent);
text-decoration: none;
white-space: nowrap;
}
.ix-naglowek-sekcji__link:hover,
.ix-naglowek-sekcji__link:focus-visible {
text-decoration: underline;
}
.ix-kategorie__naglowek {
max-width: var(--ix-width);
margin-left: auto;
margin-right: auto;
padding-left: 1rem;
padding-right: 1rem;
box-sizing: border-box;
}
.ix-kategorie__container {
box-sizing: border-box;
}
.ix-naglowek-sekcji + .ix-kategorie__container {
margin-top: 0;
} .ix-kafelek::before {
inset: auto 0 auto 0;
top: 152px;
width: auto;
height: 4px;
border-radius: 0;
}
.ix-kafelek__foto {
height: 152px;
padding: 0;
background: #fff;
border-bottom: 0;
}
.ix-kafelek__slowa {
position: relative;
gap: .45rem;
padding: 1.1rem 2.4rem 1.15rem 1.15rem;
background: var(--ix-plyta);
}
.ix-kafelek--bez-foto::before {
top: 0;
}
.ix-kafelek--bez-foto .ix-kafelek__slowa {
padding-top: 1.4rem;
min-height: 110px;
}
.ix-kafelek__nazwa {
font-size: 1.05rem;
}
.ix-kafelek__ile {
display: inline-block;
align-self: flex-start;
padding: 2px 8px;
font-family: inherit;
font-size: 11px;
font-weight: 500;
color: var(--ix-tekst);
background: var(--ix-tlo);
border-radius: 999px;
}
.ix-kafelek__strzalka {
position: absolute;
right: 1rem;
bottom: 1.05rem;
font-size: 1.1rem;
color: var(--ix-medium);
opacity: 0;
transform: translateX(-6px);
transition: opacity .15s ease, transform .15s ease;
}
.ix-kafelek:hover .ix-kafelek__strzalka,
.ix-kafelek:focus-visible .ix-kafelek__strzalka {
opacity: 1;
transform: none;
}
.ix-kafelek:hover,
.ix-kafelek:focus-visible {
border-color: var(--ix-linia);
} .ix-nowosc__foto {
border-bottom: 1px solid var(--ix-linia-cien);
}
.ix-nowosc__nazwa {
font-size: 1rem;
} .ix-cta {
background: var(--ix-tlo);
border-top: 1px solid var(--ix-linia);
padding: 3rem 0;
}
.ix-cta__container {
color: var(--ix-atrament);
}
.ix-cta__slowa p {
color: var(--ix-tekst);
}
.ix-cta__akcje .ix-btn,
.ix-cta__akcje .ix-btn:hover,
.ix-cta__akcje .ix-btn:focus-visible {
background: var(--ix-granat);
border-color: var(--ix-granat);
color: #fff;
}
.ix-cta__akcje .ix-btn:hover,
.ix-cta__akcje .ix-btn:focus-visible {
background: #0e3a72;
border-color: #0e3a72;
} .site-footer .footer-widgets,
.site-footer .site-info,
.site-footer .footer-widgets-container {
background-color: var(--ix-granat) !important;
}
@media (max-width: 768px) {
.ix-hero.ix-hero--ciemna,
.ix-hero.ix-hero--ciemna.ix-hero--foto {
padding: 2.5rem 0 3rem;
}
.ix-hero__mozaika {
margin-right: 0;
}
.ix-kafelek::before {
top: 100px;
}
.ix-kafelek__foto {
height: 100px;
padding: 10px;
}
.ix-kafelek__slowa {
padding: .8rem 1.8rem .85rem .8rem;
}
.ix-kafelek__strzalka {
display: none;
}
.ix-naglowek-sekcji {
flex-wrap: wrap;
}
}
@media (prefers-reduced-motion: reduce) {
.ix-kafelek__strzalka {
transition: none;
}
} .ix-ofirmie .ix-naglowek-sekcji,
.ix-kroki .ix-naglowek-sekcji,
.ix-producenci .ix-naglowek-sekcji {
margin-bottom: 1.75rem;
}
.ix-mapa-sekcja .ix-naglowek-sekcji {
margin-bottom: 1.25rem;
}
.ix-mapa-sekcja__adres {
margin-top: 0;
} .site-footer {
background: var(--ix-granat);
}
.site-footer .footer-widgets,
.site-footer .site-info,
.site-footer .footer-widgets-container,
.site-footer .inside-site-info {
background: transparent !important;
} .ix-topbar {
background: var(--ix-granat);
color: rgba(255,255,255,.7);
font-size: .8rem;
}
.ix-topbar a {
color: #fff;
font-weight: 600;
}
.ix-topbar__claim {
color: rgba(255,255,255,.55);
}
.site-header {
border-bottom: 1px solid var(--ix-linia);
} .ix-hero--ciemna .ix-eyebrow {
display: inline-block;
width: auto;
padding: 5px 12px;
margin-bottom: 1.1rem;
font-size: 11px;
color: #fff;
background: rgba(255,255,255,.12);
border: 1px solid rgba(255,255,255,.18);
border-bottom-color: rgba(255,255,255,.18);
border-radius: 999px;
} .ix-hero--ciemna .ix-btn--drugi {
background: #fff;
border-color: #fff;
color: var(--ix-granat);
}
.ix-hero--ciemna .ix-btn--drugi:hover,
.ix-hero--ciemna .ix-btn--drugi:focus-visible {
background: #e8eef7;
border-color: #e8eef7;
}
.ix-hero__tel {
margin: .9rem 0 0;
font-size: .9rem;
color: rgba(255,255,255,.65);
}
.ix-hero__tel a {
color: #fff;
font-weight: 600;
text-decoration: none;
font-variant-numeric: tabular-nums;
}
.ix-hero__tel a:hover,
.ix-hero__tel a:focus-visible {
text-decoration: underline;
text-underline-offset: 3px;
}
.ix-hero--ciemna .ix-hero__meta {
margin-top: 1.6rem;
} .ix-podstrona .site-content {
max-width: var(--ix-width);
margin: 0 auto;
padding: 0 1rem 4rem;
box-sizing: border-box;
}
.ix-podstrona .content-area,
.ix-podstrona .site-main,
.ix-podstrona .inside-article {
margin: 0;
padding: 0;
background: transparent;
}
.ix-podstrona article {
background: transparent;
} .ix-podstrona .entry-header,
.ix-podstrona .page-header {
margin: 0 calc(50% - 50vw) 2.75rem;
padding: 2.75rem calc(50vw - 50%) 2.25rem;
background: var(--ix-plyta);
border-bottom: 1px solid var(--ix-linia);
}
.ix-podstrona .entry-header .inside-article,
.ix-podstrona .entry-title,
.ix-podstrona .page-title {
max-width: var(--ix-width);
margin: 0 auto;
padding: 0 1rem;
box-sizing: border-box;
font-size: clamp(1.8rem, 3.4vw, 2.6rem);
line-height: 1.15;
letter-spacing: -.015em;
color: var(--ix-atrament);
}
.ix-podstrona .entry-meta {
max-width: var(--ix-width);
margin: .5rem auto 0;
padding: 0 1rem;
font-size: .85rem;
color: var(--ix-tekst);
} .ix-podstrona .entry-content {
max-width: 72ch;
margin: 0;
font-size: 1.05rem;
line-height: 1.7;
color: var(--ix-atrament);
}
.ix-podstrona .entry-content > * {
max-width: none;
margin-left: 0;
margin-right: 0;
}
.ix-podstrona .entry-content p {
margin: 0 0 1.15em;
}
.ix-podstrona .entry-content h2 {
margin: 2.2em 0 .6em;
font-size: 1.5rem;
}
.ix-podstrona .entry-content h3 {
margin: 1.8em 0 .5em;
font-size: 1.2rem;
}
.ix-podstrona .entry-content ul,
.ix-podstrona .entry-content ol {
margin: 0 0 1.15em 1.25em;
}
.ix-podstrona .entry-content a {
color: var(--ix-akcent);
text-decoration: underline;
text-underline-offset: 3px;
}
.ix-podstrona .entry-content strong {
font-weight: 600;
} .ix-podstrona .entry-content > [class^="ix-"],
.ix-podstrona .entry-content > section {
max-width: none;
}
.ix-podstrona .entry-content:has(> .ix-kontakt),
.ix-podstrona .entry-content:has(> section) {
max-width: none;
}
@media (max-width: 768px) {
.ix-podstrona .entry-header,
.ix-podstrona .page-header {
margin-bottom: 1.75rem;
padding-top: 1.75rem;
padding-bottom: 1.5rem;
}
.ix-podstrona .site-content {
padding-bottom: 2.5rem;
}
} .ix-katalog .site-content {
display: flex;
gap: 2.5rem;
max-width: var(--ix-width);
margin: 0 auto;
padding: 2rem 1rem 4rem;
box-sizing: border-box;
}
.ix-katalog .content-area {
flex: 1 1 auto;
min-width: 0;
width: auto;
margin: 0;
padding: 0;
}
.ix-katalog .widget-area {
flex: 0 0 280px;
width: 280px;
margin: 0;
padding: 0;
}
.ix-katalog.left-sidebar .widget-area {
order: -1;
}
.ix-katalog .site-main,
.ix-katalog .inside-article,
.ix-katalog article {
margin: 0;
padding: 0;
background: transparent;
} .ix-katalog .widget-area .widget,
.ix-katalog .widget-area .inside-right-sidebar .widget,
.ix-katalog .widget-area .inside-left-sidebar .widget {
margin: 0 0 1.25rem;
padding: 1.1rem 1.15rem 1.15rem;
background: var(--ix-plyta);
border: 1px solid var(--ix-linia);
border-radius: var(--ix-r);
}
.ix-katalog .widget-area .widget-title {
margin: 0 0 .75rem;
font-size: 11px;
font-weight: 600;
letter-spacing: .12em;
text-transform: uppercase;
color: var(--ix-akcent);
padding-bottom: .5rem;
border-bottom: 1px solid var(--ix-linia);
} .ix-katalog .woocommerce-breadcrumb {
margin: 0 0 1.25rem;
font-size: .82rem;
color: var(--ix-tekst);
}
.ix-katalog .woocommerce-breadcrumb a {
color: var(--ix-tekst);
text-decoration: none;
}
.ix-katalog .woocommerce-breadcrumb a:hover {
color: var(--ix-akcent);
text-decoration: underline;
}
.ix-katalog .ix-naglowek {
padding-left: 1.15rem;
margin-bottom: 1.75rem;
}
.ix-katalog .ix-naglowek::before {
width: 5px;
}
.ix-katalog .ix-naglowek .ix-eyebrow {
color: var(--ix-akcent);
margin-bottom: .35rem;
}
.ix-katalog .ix-naglowek h1 {
font-size: clamp(1.6rem, 2.6vw, 2.1rem);
letter-spacing: -.015em;
} .ix-katalog .woocommerce-result-count {
font-family: inherit;
font-size: .85rem;
color: var(--ix-tekst);
margin: 0;
padding-top: .35rem;
}
.ix-katalog .woocommerce-ordering {
margin: 0 0 1.25rem;
}
.ix-katalog .woocommerce-ordering select {
padding: .45rem 2rem .45rem .75rem;
font-size: .85rem;
border: 1px solid var(--ix-linia);
border-radius: var(--ix-r);
background-color: var(--ix-plyta);
color: var(--ix-atrament);
} .ix-katalog ul.products li.product {
transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease;
}
.ix-katalog ul.products li.product:hover {
border-color: var(--ix-linia);
transform: translateY(-3px);
box-shadow: var(--ix-cien);
}
.ix-katalog ul.products li.product a img {
aspect-ratio: 1 / 1;
padding: 0 0 1.1rem 0;
background: #fff;
transition: transform .25s ease;
}
.ix-katalog ul.products li.product:hover a img {
transform: scale(1.04);
}
.ix-katalog ul.products li.product .woocommerce-loop-product__title {
font-size: 1rem !important;
padding-top: .9rem;
}
.ix-katalog ul.products li.product .woocommerce-loop-product__title:last-child {
padding-bottom: 1rem;
}
@media (max-width: 900px) {
.ix-katalog .site-content {
flex-direction: column;
gap: 2rem;
padding-top: 1.25rem;
}
.ix-katalog .widget-area {
flex-basis: auto;
width: auto;
order: 1;
}
.ix-katalog.left-sidebar .widget-area {
order: 1;
}
}
@media (prefers-reduced-motion: reduce) {
.ix-katalog ul.products li.product,
.ix-katalog ul.products li.product a img {
transition: none;
}
.ix-katalog ul.products li.product:hover {
transform: none;
}
} .single-product .site-content {
max-width: var(--ix-width);
margin: 0 auto;
padding: 1.5rem 1rem 4rem;
box-sizing: border-box;
}
.single-product .content-area,
.single-product .site-main,
.single-product .inside-article,
.single-product article {
margin: 0;
padding: 0;
background: transparent;
}
.single-product .woocommerce-breadcrumb {
margin: 0 0 1.5rem;
font-size: .82rem;
color: var(--ix-tekst);
}
.single-product .woocommerce-breadcrumb a {
color: var(--ix-tekst);
text-decoration: none;
}
.single-product .woocommerce-breadcrumb a:hover {
color: var(--ix-akcent);
text-decoration: underline;
} .single-product div.product {
display: grid;
grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
gap: 2.5rem 3rem;
align-items: start;
}
.single-product div.product::before,
.single-product div.product::after {
content: none;
}
.single-product div.product .woocommerce-product-gallery,
.single-product div.product .entry-summary {
float: none !important;
width: auto !important;
margin: 0 !important;
}
.single-product div.product .woocommerce-product-gallery {
position: sticky;
top: 1.5rem;
}
.single-product div.product .woocommerce-tabs,
.single-product div.product .related,
.single-product div.product .upsells,
.single-product div.product > .ix-zapytanie {
grid-column: 1 / -1;
} .single-product div.product .images img,
.single-product div.product .woocommerce-product-gallery__image img {
padding: 2rem;
background: #fff;
}
.single-product div.product .woocommerce-product-gallery__trigger {
top: .75rem;
right: .75rem;
background: var(--ix-plyta);
border: 1px solid var(--ix-linia);
} .single-product div.product .product_title {
font-size: clamp(1.6rem, 2.6vw, 2.1rem);
letter-spacing: -.015em;
margin: 0 0 .75rem;
}
.single-product div.product .woocommerce-product-details__short-description {
margin-bottom: 1.5rem;
}
.single-product div.product .entry-summary .ix-zapytanie {
margin: 1.5rem 0 0;
}
.single-product div.product .entry-summary .ix-zapytanie .ix-eyebrow {
color: var(--ix-akcent);
margin-bottom: .6rem;
}
.single-product div.product .entry-summary .ix-zapytanie .ix-btn--glowny {
background: var(--ix-main);
border-color: var(--ix-main);
color: #fff;
}
.single-product div.product .entry-summary .ix-zapytanie .ix-btn--glowny:hover,
.single-product div.product .entry-summary .ix-zapytanie .ix-btn--glowny:focus-visible {
background: #c40001;
border-color: #c40001;
} .single-product div.product .woocommerce-tabs {
margin-top: 1rem;
}
.single-product div.product .woocommerce-tabs ul.tabs {
margin: 0 0 1.25rem;
padding: 0 0 .75rem;
border-bottom: 1px solid var(--ix-linia);
}
.single-product div.product .woocommerce-tabs ul.tabs::before,
.single-product div.product .woocommerce-tabs ul.tabs::after {
content: none;
}
.single-product div.product .woocommerce-tabs ul.tabs li {
margin: 0;
padding: 0;
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
}
.single-product div.product .woocommerce-tabs ul.tabs li::before,
.single-product div.product .woocommerce-tabs ul.tabs li::after {
display: none;
}
.single-product div.product .woocommerce-tabs ul.tabs li a {
padding: 0;
font-size: clamp(1.25rem, 2vw, 1.6rem);
font-weight: 600;
color: var(--ix-atrament);
letter-spacing: -.01em;
}
.single-product div.product .woocommerce-tabs .panel {
max-width: 78ch;
font-size: 1.02rem;
line-height: 1.7;
color: var(--ix-atrament);
}
.single-product div.product .woocommerce-tabs .panel p {
margin: 0 0 1.1em;
}
.single-product div.product .woocommerce-tabs .panel a {
color: var(--ix-akcent);
word-break: break-word;
} .single-product div.product .related > h2,
.single-product div.product .upsells > h2 {
margin: 1rem 0 1.25rem;
padding-bottom: .75rem;
font-size: clamp(1.25rem, 2vw, 1.6rem);
letter-spacing: -.01em;
border-bottom: 1px solid var(--ix-linia);
}
.single-product ul.products li.product {
transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease;
}
.single-product ul.products li.product:hover {
border-color: var(--ix-linia);
transform: translateY(-3px);
box-shadow: var(--ix-cien);
}
.single-product ul.products li.product a img {
aspect-ratio: 1 / 1;
padding: 1.1rem;
background: #fff;
}
.single-product ul.products li.product .woocommerce-loop-product__title {
font-size: 1rem !important;
}
@media (max-width: 900px) {
.single-product div.product {
grid-template-columns: minmax(0, 1fr);
gap: 1.5rem;
}
.single-product div.product .woocommerce-product-gallery {
position: static;
}
.single-product .site-content {
padding-top: 1rem;
}
}
@media (prefers-reduced-motion: reduce) {
.single-product ul.products li.product {
transition: none;
}
.single-product ul.products li.product:hover {
transform: none;
}
} .ix-podstrona.page .entry-header {
display: none;
}
.ix-podstrona__tytul {
margin: 0 calc(50% - 50vw) 2.75rem;
padding: 2.75rem calc(50vw - 50%) 2.25rem;
background: var(--ix-plyta);
border-bottom: 1px solid var(--ix-linia);
}
.ix-podstrona__tytul h1 {
margin: 0;
font-size: clamp(1.8rem, 3.4vw, 2.6rem);
line-height: 1.15;
letter-spacing: -.015em;
color: var(--ix-atrament);
} .ix-podstrona--bok .site-main {
display: grid;
grid-template-columns: minmax(0, 1fr) 340px;
gap: 3.5rem;
align-items: start;
}
.ix-podstrona--bok .entry-content {
max-width: 72ch;
}
.ix-bok {
position: sticky;
top: 1.5rem;
}
.ix-bok__karta {
padding: 1.5rem 1.5rem 1.6rem;
background: var(--ix-plyta);
border: 1px solid var(--ix-linia);
border-top: 4px solid var(--ix-granat);
border-radius: var(--ix-r);
}
.ix-bok__karta .ix-eyebrow {
color: var(--ix-akcent);
margin-bottom: .75rem;
}
.ix-bok__tel {
display: block;
font-size: 1.6rem;
font-weight: 600;
letter-spacing: -.01em;
color: var(--ix-atrament);
text-decoration: none;
font-variant-numeric: tabular-nums;
line-height: 1.2;
}
.ix-bok__mail {
display: block;
margin-top: .3rem;
font-size: .95rem;
color: var(--ix-akcent);
text-decoration: none;
word-break: break-all;
}
.ix-bok__tel:hover,
.ix-bok__mail:hover {
text-decoration: underline;
text-underline-offset: 3px;
}
.ix-bok__linia {
margin: 1rem 0 0;
font-size: .92rem;
line-height: 1.55;
color: var(--ix-tekst);
}
.ix-bok__akcje {
display: flex;
flex-direction: column;
gap: 8px;
margin-top: 1.4rem;
}
.ix-bok__akcje .ix-btn {
justify-content: center;
text-align: center;
} .ix-podstrona .entry-content:has(> [class^="ix-"]),
.ix-podstrona .entry-content:has(> section),
.ix-podstrona .entry-content:has(> .ix-kategorie) {
max-width: none;
}
.ix-podstrona .entry-content [class^="ix-"] a,
.ix-podstrona .entry-content section a {
text-decoration: none;
}
.ix-podstrona .entry-content .ix-naglowek-sekcji__link:hover {
text-decoration: underline;
}
.ix-podstrona .entry-content .ix-kategorie {
background: transparent;
padding-top: 0;
}
@media (max-width: 900px) {
.ix-podstrona--bok .site-main {
grid-template-columns: 1fr;
gap: 2rem;
}
.ix-bok {
position: static;
}
.ix-podstrona__tytul {
margin-bottom: 1.75rem;
padding-top: 1.75rem;
padding-bottom: 1.5rem;
}
} .ix-podstrona--bok .site-main {
grid-template-columns: minmax(0, 1fr) 340px;
grid-template-areas:
"tytul tytul"
"tresc bok";
column-gap: 3.5rem;
row-gap: 0;
}
.ix-podstrona--bok .ix-podstrona__tytul {
grid-area: tytul;
}
.ix-podstrona--bok .site-main > article {
grid-area: tresc;
min-width: 0;
}
.ix-podstrona--bok .ix-bok {
grid-area: bok;
top: 1.5rem;
} .ix-podstrona--bok .ix-podstrona__tytul {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
padding-left: calc(50vw - 50%);
padding-right: calc(50vw - 50%);
}
@media (max-width: 900px) {
.ix-podstrona--bok .site-main {
grid-template-columns: 1fr;
grid-template-areas:
"tytul"
"tresc"
"bok";
row-gap: 2rem;
}
} .ix-cta {
background: var(--ix-tlo);
border-top: 0;
padding: 0 0 var(--section-padding);
}
.ix-cta__container {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 1.5rem 3rem;
align-items: center;
max-width: var(--ix-width);
margin: 0 auto;
padding: 2.25rem 2.5rem;
background: var(--ix-plyta);
border: 1px solid var(--ix-linia);
border-left: 5px solid var(--ix-main);
border-radius: var(--ix-r);
box-sizing: border-box;
color: var(--ix-atrament);
}
.ix-cta__tytul {
margin: 0 0 .4rem;
font-size: clamp(1.25rem, 2vw, 1.6rem);
letter-spacing: -.01em;
line-height: 1.2;
}
.ix-cta__slowa p {
margin: 0;
font-size: 1rem;
line-height: 1.6;
color: var(--ix-tekst);
max-width: 56ch;
}
.ix-cta__akcje {
gap: 10px;
}
.ix-cta__akcje .ix-btn,
.ix-cta__akcje .ix-btn--contact {
display: inline-flex;
align-items: center;
gap: .6rem;
padding: .8rem 1.25rem;
background: transparent;
border: 1px solid var(--ix-granat);
color: var(--ix-granat);
border-radius: var(--ix-r);
font-weight: 600;
line-height: 1.15;
}
.ix-cta__akcje .ix-btn:first-child {
background: var(--ix-main);
border-color: var(--ix-main);
color: #fff;
}
.ix-cta__akcje .ix-btn:first-child:hover,
.ix-cta__akcje .ix-btn:first-child:focus-visible {
background: #c40001;
border-color: #c40001;
}
.ix-cta__akcje .ix-btn:not(:first-child):hover,
.ix-cta__akcje .ix-btn:not(:first-child):focus-visible {
background: var(--ix-granat);
color: #fff;
}
.ix-cta__akcje .icon-holder {
margin: 0;
font-size: 1.35rem;
line-height: 1;
}
.ix-cta__akcje .ix-btn__label {
display: none;
}
.ix-cta__akcje .ix-btn__contact-info {
font-size: 1rem;
font-variant-numeric: tabular-nums;
}
.ix-cta__akcje .ix-btn > span:last-child {
display: inline;
}
@media (max-width: 768px) {
.ix-cta__container {
grid-template-columns: 1fr;
padding: 1.5rem 1.25rem;
margin: 0 1rem;
}
.ix-cta__akcje {
flex-direction: column;
align-items: stretch;
}
.ix-cta__akcje .ix-btn {
justify-content: center;
}
} .ix-glowna .ix-hero--ciemna .ix-eyebrow {
display: inline-block;
width: auto;
padding: 5px 12px;
margin-bottom: 1.1rem;
font-size: 11px;
letter-spacing: .12em;
color: #fff !important;
background: rgba(255,255,255,.12);
border: 1px solid rgba(255,255,255,.22);
border-radius: 999px;
} .ix-hero--ciemna .ix-hero__meta {
margin-top: 1.4rem;
font-family: inherit;
font-size: 14px;
color: rgba(255,255,255,.72);
} .ix-hero__mozaika-el:nth-child(1),
.ix-hero__mozaika-el:nth-child(4) {
transform: none;
}
.ix-hero__mozaika {
gap: 12px;
max-width: 420px;
} .ix-cta__akcje .ix-btn--contact:not(:first-child) {
color: var(--ix-granat) !important;
letter-spacing: 0;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.ix-cta__akcje .ix-btn--contact:first-child {
letter-spacing: 0;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.ix-cta__akcje .ix-btn--contact .ix-btn__contact-info,
.ix-cta__akcje .ix-btn--contact .icon,
.ix-cta__akcje .ix-btn--contact .icon-holder {
color: inherit;
opacity: 1;
display: inline;
}
.ix-cta__akcje .ix-btn--contact:not(:first-child):hover,
.ix-cta__akcje .ix-btn--contact:not(:first-child):focus-visible {
color: #fff !important;
} .ix-kafelek--katalog {
background: var(--ix-granat);
border-color: var(--ix-granat);
}
.ix-kafelek--katalog::before {
display: none;
}
.ix-kafelek--katalog .ix-kafelek__slowa {
justify-content: center;
min-height: 100%;
padding-top: 1.4rem;
background: transparent;
}
.ix-kafelek--katalog .ix-kafelek__nazwa {
color: #fff;
font-size: 1.15rem;
}
.ix-kafelek--katalog .ix-kafelek__ile {
color: rgba(255,255,255,.85);
background: rgba(255,255,255,.14);
}
.ix-kafelek--katalog .ix-kafelek__strzalka {
color: #fff;
opacity: .7;
transform: none;
}
.ix-kafelek--katalog:hover,
.ix-kafelek--katalog:focus-visible {
background: #0e3a72;
border-color: #0e3a72;
}
.ix-kafelek--katalog:hover .ix-kafelek__strzalka,
.ix-kafelek--katalog:focus-visible .ix-kafelek__strzalka {
opacity: 1;
transform: translateX(3px);
} .ix-nowosc {
display: flex;
flex-direction: column;
}
.ix-nowosc__nazwa {
flex: 1 1 auto;
}
.ix-nowosc__nazwa:last-child {
padding-bottom: calc(1rem + 11px * 1.5);
} .ix-mapa {
min-height: 280px;
border: 1px solid var(--ix-linia);
background-color: #eef1f5;
background-image:
linear-gradient(rgba(11,42,82,.06) 1px, transparent 1px),
linear-gradient(90deg, rgba(11,42,82,.06) 1px, transparent 1px);
background-size: 28px 28px;
}
.ix-mapa--foto {
background: none;
min-height: 0;
}
.ix-mapa__foto {
display: block;
width: 100%;
height: auto;
aspect-ratio: 16 / 10;
object-fit: cover;
}
.ix-mapa--foto .ix-mapa__start,
.ix-mapa--foto .ix-mapa__nota {
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.ix-mapa--foto .ix-mapa__start {
top: 50%;
transform: translate(-50%, -50%);
box-shadow: 0 10px 24px -8px rgba(0,0,0,.45);
}
.ix-mapa--foto .ix-mapa__nota {
bottom: 10px;
padding: 2px 8px;
background: rgba(255,255,255,.85);
border-radius: 999px;
}
.ix-mapa__adres {
font-weight: 600;
color: var(--ix-atrament);
}
.ix-mapa iframe {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
} #o-firmie,
#jak-zamawiac,
#dojazd {
scroll-margin-top: 90px;
} .ix-katalog .ix-filtry {
clear: both;
margin-bottom: 1.25rem;
}
.ix-katalog .ix-filtry + .woocommerce-result-count {
clear: left;
} .ix-pasek a::before {
display: none;
}
.ix-pasek a {
padding: .38rem .85rem;
}
.ix-pasek a:hover,
.ix-pasek a:focus-visible {
color: var(--ix-atrament);
border-color: var(--ix-medium);
background: var(--ix-plyta);
} .ix-katalog .woocommerce-pagination {
margin: 2rem 0 0;
padding-top: 1.5rem;
border-top: 1px solid var(--ix-linia);
text-align: center;
}
.ix-katalog .woocommerce-pagination ul.page-numbers {
display: inline-flex;
flex-wrap: wrap;
justify-content: center;
gap: 6px;
margin: 0;
padding: 0;
border: 0;
list-style: none;
}
.ix-katalog .woocommerce-pagination ul.page-numbers li {
margin: 0;
border: 0;
float: none;
}
.ix-katalog .woocommerce-pagination .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 40px;
height: 40px;
padding: 0 .85rem;
font-size: .9rem;
font-weight: 600;
line-height: 1;
color: var(--ix-atrament);
background: var(--ix-plyta);
border: 1px solid var(--ix-linia);
border-radius: var(--ix-r);
text-decoration: none;
transition: border-color .15s ease, background .15s ease, color .15s ease;
}
.ix-katalog .woocommerce-pagination a.page-numbers:hover,
.ix-katalog .woocommerce-pagination a.page-numbers:focus-visible {
border-color: var(--ix-granat);
color: var(--ix-granat);
background: var(--ix-plyta);
}
.ix-katalog .woocommerce-pagination .page-numbers.current {
color: #fff;
background: var(--ix-granat);
border-color: var(--ix-granat);
}
.ix-katalog .woocommerce-pagination .page-numbers.dots {
border-color: transparent;
background: transparent;
color: var(--ix-tekst);
}
.ix-katalog .woocommerce-pagination .page-numbers.prev::before {
content: "Poprzednia";
margin-right: .45rem;
font-weight: 500;
}
.ix-katalog .woocommerce-pagination .page-numbers.next::after {
content: "Następna";
margin-left: .45rem;
font-weight: 500;
}
@media (max-width: 600px) {
.ix-katalog .woocommerce-pagination .page-numbers.prev::before,
.ix-katalog .woocommerce-pagination .page-numbers.next::after {
display: none;
}
} .woocommerce ul.products li.product img.woocommerce-placeholder,
.ix-nowosc__foto img.woocommerce-placeholder,
.ix-kafelek__foto img.woocommerce-placeholder {
mix-blend-mode: normal;
object-fit: cover;
width: 100%;
height: 100%;
} .ix-pigulka--pusta {
color: #9aa5b1;
background: transparent;
border-color: var(--ix-linia);
border-style: dashed;
cursor: not-allowed;
}
.ix-pigulka--pusta:hover,
.ix-pigulka--pusta:focus-visible {
color: #9aa5b1;
border-color: var(--ix-linia);
}
.ix-pigulka--pusta .ix-pigulka__ile {
opacity: .7;
}
.ix-pusto .ix-btn {
margin-top: 1rem;
}  :focus-visible {
outline: 2px solid var(--ix-akcent);
outline-offset: 2px;
}
.ix-hero--ciemna :focus-visible,
.site-footer :focus-visible,
.ix-topbar :focus-visible {
outline-color: #fff;
}
.main-navigation .main-nav ul li a:focus-visible {
outline-offset: -2px;
} @media (min-width: 1025px) {
#site-navigation .menu-bar-items {
display: none;
}
.ix-szukajka {
flex: 0 1 360px;
max-width: 360px;
}
} @media (min-width: 769px) and (max-width: 1024px) {
.inside-header {
align-items: center;
}
.site-logo img {
max-height: 44px;
width: auto;
}
.has-inline-mobile-toggle #site-navigation.toggled .ix-szukajka {
display: block;
flex-basis: 100%;
max-width: none;
margin: 0;
padding: .75rem 20px 1rem;
}
} @media (max-width: 768px) {
.ix-topbar__in {
padding: .45rem 16px;
justify-content: center;
}
.ix-topbar__kontakt {
gap: .35rem 1rem;
justify-content: center;
white-space: nowrap;
}
.site-logo img {
max-height: 38px;
width: auto;
}
.inside-header {
padding-top: 12px;
padding-bottom: 12px;
}
}
@media (max-width: 480px) { .ix-topbar__kontakt {
font-size: .8rem;
}
.ix-topbar__mail {
display: none;
}
} @media (max-width: 768px) {
.ix-hero--ciemna .ix-hero__media-foto {
order: 1;
}
.ix-hero--ciemna .ix-hero__mozaika {
max-width: 300px;
margin: .5rem auto 0;
gap: 8px;
}
.ix-hero--ciemna .ix-hero__slowa > :first-child {
font-size: clamp(1.6rem, 7.5vw, 2.1rem);
}
} .ix-nowosci {
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
.ix-nowosc__meta {
min-height: calc(.85rem + 11px * 1.5);
box-sizing: content-box;
}
.ix-nowosc > .ix-nowosc__foto + .ix-nowosc__nazwa {
padding-top: calc(.85rem + .35rem + 11px * 1.5);
}
.ix-nowosc__sku,
.instalex-loop-sku {
font-family: inherit;
font-size: 12px;
letter-spacing: .01em;
}
.ix-nowosc__foto img.woocommerce-placeholder,
.woocommerce ul.products li.product img.woocommerce-placeholder {
object-fit: contain;
height: auto;
}
.woocommerce ul.products li.product img.woocommerce-placeholder {
padding: 1rem;
box-sizing: border-box;
}
@media (max-width: 768px) {
.ix-nowosci {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ix-nowosc > .ix-nowosc__foto + .ix-nowosc__nazwa {
padding-top: .85rem;
}
} @media (min-width: 901px) {
.single-product div.product {
grid-template-columns: minmax(0, 4fr) minmax(0, 6fr);
}
}
.single-product div.product .woocommerce-product-gallery__wrapper {
background: #fff;
border: 1px solid var(--ix-linia);
border-radius: var(--ix-r);
}
.single-product div.product .woocommerce-product-gallery__image img {
width: 100%;
max-height: 480px;
object-fit: contain;
}
.single-product div.product .woocommerce-product-details__short-description {
max-width: 72ch;
font-size: 1.02rem;
line-height: 1.7;
color: var(--ix-atrament);
}
.single-product div.product .related ul.products,
.single-product div.product .upsells ul.products {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 900px) {
.single-product div.product .woocommerce-product-gallery__image img {
max-height: 340px;
}
.single-product div.product .related ul.products,
.single-product div.product .upsells ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
} .main-navigation .main-nav ul li.ix-ma-mega .ix-mega ul,
.main-navigation .main-nav ul li.ix-ma-mega .ix-mega li {
position: static;
float: none;
width: auto;
height: auto;
left: auto;
opacity: 1;
overflow: visible;
pointer-events: auto;
visibility: visible;
box-shadow: none;
background: transparent;
}
.main-navigation .main-nav ul li.ix-ma-mega .ix-mega li a,
.main-navigation .main-nav ul li.ix-ma-mega .ix-mega li:hover > a,
.main-navigation .main-nav ul li.ix-ma-mega .ix-mega li:focus-within > a {
background: transparent;
color: var(--ix-atrament);
line-height: 1.35;
text-transform: none;
letter-spacing: 0;
font-weight: 500;
}
.ix-mega__tytul {
display: block;
margin: 0 0 .9rem;
font-size: 11px;
font-weight: 600;
letter-spacing: .12em;
text-transform: uppercase;
color: var(--ix-akcent);
}
.ix-mega__lista,
.ix-mega__akcje {
margin: 0;
padding: 0;
list-style: none;
}
.ix-mega__foto {
flex: 0 0 auto;
display: block;
width: 44px;
height: 44px;
padding: 3px;
object-fit: contain;
background: #fff;
border: 1px solid var(--ix-linia-cien);
border-radius: 4px;
box-sizing: border-box;
mix-blend-mode: normal;
}
.ix-mega__foto--brak {
background: var(--ix-tlo);
}
.ix-mega__slowa {
display: flex;
flex-direction: column;
gap: 2px;
min-width: 0;
}
.ix-mega__nazwa {
font-size: .92rem;
font-weight: 600;
line-height: 1.25;
color: var(--ix-atrament);
}
.ix-mega__ile {
font-size: .76rem;
font-weight: 400;
color: var(--ix-tekst);
white-space: nowrap;
}
.ix-mega__badge {
display: inline-block;
margin-left: .4rem;
padding: 1px 8px;
font-size: .76rem;
font-weight: 600;
color: #fff;
background: var(--ix-granat);
border-radius: 999px;
vertical-align: 1px;
}
@media (min-width: 1025px) {
.site-header {
position: relative;
} .main-navigation .inside-navigation,
.main-navigation .main-nav ul li.ix-ma-mega {
position: static;
}
.main-navigation .main-nav ul li.ix-ma-mega > ul.ix-mega {
left: 0 !important;
right: 0 !important;
top: 100%;
width: auto;
float: none;
display: grid;
grid-template-columns: minmax(0, 1fr) 320px;
gap: 0 2.5rem;
padding: 1.6rem calc(max(0px, (100% - var(--ix-width)) / 2) + 1rem) 0;
box-sizing: border-box;
background: var(--ix-plyta);
border-top: 1px solid var(--ix-linia);
box-shadow: 0 28px 44px -28px rgba(11, 42, 82, .45);
text-align: left;
height: 0;
overflow: hidden;
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateY(-6px);
transition: opacity .16s ease, transform .16s ease, visibility 0s linear .16s;
} .main-navigation .main-nav ul li.ix-ma-mega.ix-otwarte > ul.ix-mega,
.main-navigation .main-nav ul li.ix-ma-mega.sfHover > ul.ix-mega,
.main-navigation .main-nav ul li.ix-ma-mega:focus-within > ul.ix-mega {
height: auto;
overflow: visible;
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: none;
transition-delay: 0s;
} .main-navigation .main-nav ul li.ix-ma-mega .ix-mega .ix-mega__grupy .ix-mega__lista {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 4px 16px;
}
.main-navigation .main-nav ul li.ix-ma-mega .ix-mega__lista li a {
display: flex;
align-items: center;
gap: 12px;
padding: 7px 10px 7px 12px;
border-left: 3px solid var(--ix-medium);
border-radius: 4px;
transition: background .12s ease;
}
.main-navigation .main-nav ul li.ix-ma-mega .ix-mega__lista li a:hover,
.main-navigation .main-nav ul li.ix-ma-mega .ix-mega__lista li a:focus-visible {
background: var(--ix-tlo);
}
.main-navigation .main-nav ul li.ix-ma-mega .ix-mega__lista li a:hover .ix-mega__nazwa {
color: var(--ix-akcent);
} .ix-mega__nowosci {
padding-left: 2.5rem;
border-left: 1px solid var(--ix-linia);
}
.main-navigation .main-nav ul li.ix-ma-mega .ix-mega .ix-mega__lista--nowosci {
display: flex;
flex-direction: column;
gap: 4px;
}
.main-navigation .main-nav ul li.ix-ma-mega .ix-mega__lista--nowosci li a {
border-left: 0;
padding-left: 8px;
}
.ix-mega__lista--nowosci .ix-mega__foto {
width: 52px;
height: 52px;
}
.ix-mega__lista--nowosci .ix-mega__nazwa {
white-space: normal;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
line-height: 1.3;
}
.main-navigation .main-nav ul li.ix-ma-mega .ix-mega__wiecej a {
display: inline-block;
margin-top: .35rem;
padding: 6px 8px;
font-size: .86rem;
font-weight: 600;
color: var(--ix-akcent);
} .ix-mega__stopka {
grid-column: 1 / -1;
margin-top: 1.4rem;
border-top: 1px solid var(--ix-linia);
}
.main-navigation .main-nav ul li.ix-ma-mega .ix-mega .ix-mega__akcje {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: .25rem 1.25rem;
padding: .7rem 0;
}
.main-navigation .main-nav ul li.ix-ma-mega .ix-mega__akcje li a {
display: inline-flex;
align-items: center;
padding: 6px 8px;
font-size: .88rem;
font-weight: 600;
color: var(--ix-atrament);
border-radius: 4px;
}
.main-navigation .main-nav ul li.ix-ma-mega .ix-mega__akcje li a:hover,
.main-navigation .main-nav ul li.ix-ma-mega .ix-mega__akcje li a:focus-visible {
color: var(--ix-akcent);
background: var(--ix-tlo);
}
.ix-mega__akcje .ix-mega__tel {
margin-left: auto;
}
.ix-mega__tel-etykieta {
font-weight: 400;
color: var(--ix-tekst);
margin-right: .35rem;
}
.main-navigation .main-nav ul li.ix-ma-mega .ix-mega__akcje .ix-mega__tel a {
font-variant-numeric: tabular-nums;
color: var(--ix-granat);
}
} @media (min-width: 1025px) and (max-width: 1280px) {
.main-navigation .main-nav ul li.ix-ma-mega .ix-mega .ix-mega__grupy .ix-mega__lista {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.main-navigation .main-nav ul li.ix-ma-mega > ul.ix-mega {
grid-template-columns: minmax(0, 1fr) 280px;
}
} @media (max-width: 1024px) {
.ix-mega__tytul,
.ix-mega__nowosci,
.ix-mega__stopka,
.ix-mega__foto {
display: none;
}
.main-navigation .main-nav ul li.ix-ma-mega .ix-mega__lista li a {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: .75rem;
padding: 9px 20px 9px 32px;
border-left: 3px solid var(--ix-medium);
}
.main-navigation .main-nav ul li.ix-ma-mega .ix-mega__slowa {
flex-direction: row;
align-items: baseline;
justify-content: space-between;
width: 100%;
}
.ix-mega__nazwa {
font-size: .95rem;
white-space: normal;
}
}
@media (prefers-reduced-motion: reduce) {
.main-navigation .main-nav ul li.ix-ma-mega > ul.ix-mega,
.main-navigation .main-nav ul li.ix-ma-mega .ix-mega__lista li a {
transition: none;
}
}  @media (min-width: 1025px) { .nav-float-right #site-navigation {
flex: 1 1 auto;
min-width: 0;
}
.main-navigation .inside-navigation {
flex-wrap: nowrap;
justify-content: flex-end;
gap: 1.5rem;
}
#site-navigation .main-nav {
flex: 0 0 auto;
}
#site-navigation .main-nav > ul {
flex-wrap: nowrap;
}
.ix-szukajka {
flex: 0 1 340px;
min-width: 220px;
max-width: 340px;
margin-left: 0;
padding: 0;
} body.ix-szukajka-ikona .ix-szukajka {
display: none;
}
body.ix-szukajka-ikona #site-navigation .menu-bar-items {
display: flex;
}
body.ix-szukajka-ikona #site-navigation .menu-bar-items .dgwt-wcas-search-icon {
display: inline-flex;
align-items: center;
padding: 0 4px;
}
.site-logo img {
max-height: none;
}
} .ix-naglowek-sekcji__link i,
.ix-kafelek__strzalka i,
.ix-mega__wiecej i {
font-size: 1.1em;
vertical-align: -1px;
margin-left: .15em;
transition: transform .15s ease;
}
.ix-naglowek-sekcji__link:hover i,
.ix-naglowek-sekcji__link:focus-visible i {
transform: translateX(3px);
} .ix-naglowek-sekcji__link,
.ix-glowna .ix-naglowek-sekcji__link {
color: var(--ix-granat);
text-decoration: none;
}
.ix-naglowek-sekcji__link:hover,
.ix-naglowek-sekcji__link:focus-visible {
color: var(--ix-main);
text-decoration: none;
} .ix-kafelek--katalog .ix-kafelek__slowa {
align-items: center;
text-align: center;
padding: 1.4rem 1.15rem;
}
.ix-kafelek--katalog .ix-kafelek__ile {
align-self: center;
}
.ix-kafelek--katalog .ix-kafelek__strzalka {
position: static;
margin-top: .35rem;
font-size: 1.35rem;
opacity: .8;
transform: none;
}
.ix-kafelek--katalog:hover .ix-kafelek__strzalka,
.ix-kafelek--katalog:focus-visible .ix-kafelek__strzalka {
opacity: 1;
transform: translateX(4px);
} .ix-krok {
text-align: center;
}
.ix-krok__nr {
margin-left: auto;
margin-right: auto;
}
.ix-krok__opis {
margin-left: auto;
margin-right: auto;
max-width: 34ch;
}
@media (min-width: 769px) { .ix-krok:not(:last-child)::after {
left: calc(50% + 28px);
right: calc(-50% + 28px - 2.5rem);
}
} .ix-cta-katalog {
clear: both;
margin-top: 2.5rem;
}
.ix-cta-katalog .ix-cta {
background: transparent;
padding: 0;
}
.ix-cta-katalog .ix-cta__container {
margin: 0;
max-width: none;
}  html,
body {
overflow-x: clip;
} .ix-btn--ikona {
display: inline-flex;
align-items: center;
gap: .55rem;
font-weight: 500;
}
.ix-btn--ikona i {
display: inline-block;
width: 1.15em;
height: 1.15em;
font-size: 1.15em;
line-height: 1;
}
.ix-btn--ikona strong {
font-weight: 600;
font-variant-numeric: tabular-nums;
white-space: nowrap;
}
.ix-btn--ikona {
white-space: nowrap;
}
@media (max-width: 480px) {
.ix-btn--ikona {
white-space: normal;
justify-content: center;
}
}
.single-product div.product .entry-summary .ix-zapytanie .ix-btn:not(.ix-btn--glowny) {
color: var(--ix-granat);
border-color: var(--ix-granat);
background: var(--ix-plyta);
}
.single-product div.product .entry-summary .ix-zapytanie .ix-btn:not(.ix-btn--glowny):hover,
.single-product div.product .entry-summary .ix-zapytanie .ix-btn:not(.ix-btn--glowny):focus-visible {
color: #fff;
background: var(--ix-granat);
opacity: 1;
} .ix-kontakt-strona {
display: grid;
grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
gap: 2.5rem 3rem;
align-items: start;
margin: 0 0 2rem;
}
.ix-kontakt-strona__lead {
margin: 0 0 1.5rem;
font-size: 1.08rem;
line-height: 1.6;
color: var(--ix-tekst);
max-width: 60ch;
}
.ix-kontakt-strona .ix-kontakt {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
margin: 0;
}
.ix-kontakt-strona .ix-kontakt__blok {
padding: 1.25rem 1.4rem 1.35rem;
}
.ix-kontakt-strona .ix-kontakt__blok .ix-eyebrow {
color: var(--ix-akcent);
margin-bottom: .6rem;
}
.ix-kontakt-strona .ix-kontakt__blok p {
font-size: 1rem;
line-height: 1.7;
color: var(--ix-atrament);
}
.ix-kontakt-strona .ix-kontakt__blok a {
color: var(--ix-granat);
font-weight: 500;
}
.ix-kontakt-strona .ix-kontakt__blok a:hover,
.ix-kontakt-strona .ix-kontakt__blok a:focus-visible {
color: var(--ix-main);
}
.ix-kontakt__pod {
display: block;
margin: .9rem 0 .2rem;
font-size: 11px;
font-weight: 600;
letter-spacing: .12em;
text-transform: uppercase;
color: var(--ix-tekst);
}
.ix-kontakt__blok--rejestr {
grid-column: 1 / -1;
}
.ix-kontakt__blok--rejestr p {
columns: 2;
column-gap: 2rem;
}
.ix-kontakt-strona__bok {
display: flex;
flex-direction: column;
gap: 16px;
position: sticky;
top: 1.5rem;
}
.ix-kontakt-strona__karta {
padding: 1.5rem 1.6rem 1.6rem;
background: var(--ix-plyta);
border: 1px solid var(--ix-linia);
border-left: 5px solid var(--ix-main);
border-radius: var(--ix-r);
}
.ix-kontakt-strona__karta .ix-eyebrow {
color: var(--ix-akcent);
margin-bottom: .6rem;
}
.ix-kontakt-strona__karta p {
margin: 0 0 1.1rem;
color: var(--ix-tekst);
line-height: 1.6;
}
.ix-kontakt-strona__akcje {
display: flex;
flex-wrap: wrap;
gap: 10px;
} .ix-podstrona .entry-content .ix-kontakt-strona__akcje a.ix-btn,
.ix-kontakt-strona__akcje a.ix-btn {
text-decoration: none;
}
.ix-podstrona .entry-content .ix-kontakt-strona__akcje a.ix-btn--glowny,
.ix-kontakt-strona__akcje a.ix-btn--glowny {
background: var(--ix-main);
border: 1px solid var(--ix-main);
color: #fff;
}
.ix-podstrona .entry-content .ix-kontakt-strona__akcje a.ix-btn--glowny:hover,
.ix-podstrona .entry-content .ix-kontakt-strona__akcje a.ix-btn--glowny:focus-visible {
background: #c40001;
border-color: #c40001;
color: #fff;
opacity: 1;
}
.ix-podstrona .entry-content .ix-kontakt-strona__akcje a.ix-btn:not(.ix-btn--glowny),
.ix-kontakt-strona__akcje a.ix-btn:not(.ix-btn--glowny) {
color: var(--ix-granat);
border-color: var(--ix-granat);
}
.ix-podstrona .entry-content .ix-kontakt-strona__akcje a.ix-btn:not(.ix-btn--glowny):hover,
.ix-podstrona .entry-content .ix-kontakt-strona__akcje a.ix-btn:not(.ix-btn--glowny):focus-visible {
color: #fff;
background: var(--ix-granat);
opacity: 1;
}
.ix-podstrona .entry-content .ix-kontakt-strona .ix-kontakt__blok a {
text-decoration: none;
color: var(--ix-granat);
}
.ix-podstrona .entry-content .ix-kontakt-strona .ix-kontakt__blok a:hover,
.ix-podstrona .entry-content .ix-kontakt-strona .ix-kontakt__blok a:focus-visible {
color: var(--ix-main);
text-decoration: underline;
}
.ix-kontakt-strona__mapa .ix-eyebrow {
color: var(--ix-akcent);
margin-bottom: .6rem;
}
.ix-kontakt-strona__mapa .ix-mapa {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: .6rem;
min-height: 300px;
border-radius: var(--ix-r);
overflow: hidden;
}
.ix-kontakt-strona__mapa .ix-mapa__start {
color: #fff;
background: var(--ix-granat);
border-color: var(--ix-granat);
}
.ix-kontakt-strona__mapa .ix-mapa__nota {
font-size: .75rem;
color: var(--ix-tekst);
}
@media (max-width: 900px) {
.ix-kontakt-strona {
grid-template-columns: 1fr;
gap: 1.5rem;
}
.ix-kontakt-strona__bok {
position: static;
}
}
@media (max-width: 600px) {
.ix-kontakt-strona .ix-kontakt {
grid-template-columns: 1fr;
}
.ix-kontakt__blok--rejestr p {
columns: 1;
}
.ix-kontakt-strona__akcje .ix-btn {
flex: 1 1 100%;
justify-content: center;
}
} .ix-pasek__toggle {
display: none;
}
@media (max-width: 768px) {
.ix-pasek-wrap {
position: relative;
margin-bottom: 1.25rem;
}
.ix-pasek__toggle {
display: flex;
align-items: center;
gap: .7rem;
width: 100%;
padding: .8rem 1rem;
font: inherit;
font-size: .98rem;
font-weight: 600;
text-align: left;
color: var(--ix-atrament);
background: var(--ix-plyta);
border: 1px solid var(--ix-linia);
border-radius: var(--ix-r);
cursor: pointer;
}
.ix-pasek__kropka {
flex: 0 0 auto;
width: 10px;
height: 10px;
border-radius: 50%;
background: var(--ix-medium);
}
.ix-pasek__biezaca {
flex: 1 1 auto;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ix-pasek__chevron {
flex: 0 0 auto;
width: 9px;
height: 9px;
margin-right: 4px;
border-right: 2px solid var(--ix-tekst);
border-bottom: 2px solid var(--ix-tekst);
transform: translateY(-2px) rotate(45deg);
transition: transform .15s ease;
}
.ix-pasek-wrap--otwarty .ix-pasek__toggle {
border-color: var(--ix-granat);
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.ix-pasek-wrap--otwarty .ix-pasek__chevron {
transform: translateY(2px) rotate(-135deg);
}
.ix-pasek-wrap .ix-pasek {
display: none;
flex-wrap: nowrap;
position: absolute;
left: 0;
right: 0;
top: 100%;
z-index: 20;
margin: -1px 0 0;
padding: .35rem 0;
flex-direction: column;
gap: 0;
background: var(--ix-plyta);
border: 1px solid var(--ix-granat);
border-top-color: var(--ix-linia);
border-radius: 0 0 var(--ix-r) var(--ix-r);
box-shadow: 0 18px 32px -18px rgba(11, 42, 82, .4);
max-height: min(60vh, 420px);
overflow-y: auto;
}
.ix-pasek-wrap--otwarty .ix-pasek {
display: flex;
}
.ix-pasek-wrap .ix-pasek li {
margin: 0;
}
.ix-pasek-wrap .ix-pasek a {
display: flex;
align-items: center;
gap: .7rem;
padding: .7rem 1rem .7rem .85rem;
border: 0;
border-left: 3px solid transparent;
border-radius: 0;
background: transparent;
color: var(--ix-atrament);
font-weight: 500;
}
.ix-pasek-wrap .ix-pasek a::before,
.ix-pasek-wrap .ix-pasek li.ix-aktywna a::before {
content: "";
display: inline-block;
position: static;
margin: 0;
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--ix-medium);
opacity: .85;
}
.ix-pasek-wrap .ix-pasek li.ix-aktywna a {
border-left-color: var(--ix-medium);
background: color-mix(in srgb, var(--ix-medium) 10%, var(--ix-plyta));
color: var(--ix-medium);
font-weight: 600;
}
}  .ix-filtr__select {
display: none;
}
@media (max-width: 768px) {
.ix-katalog .ix-filtry__grupy {
display: grid;
grid-template-columns: 1fr;
gap: .6rem;
}
.ix-katalog .ix-filtr {
display: grid;
grid-template-columns: minmax(96px, 34%) minmax(0, 1fr);
align-items: center;
gap: .75rem;
margin: 0;
padding: 0;
border: 0;
}
.ix-katalog .ix-filtr__nazwa {
margin: 0;
font-size: 12px;
font-weight: 600;
letter-spacing: .08em;
text-transform: uppercase;
color: var(--ix-tekst);
}
.ix-katalog .ix-filtr__wartosci {
display: none;
}
.ix-katalog .ix-filtr__select {
display: block;
width: 100%;
min-height: 42px;
padding: .5rem 2.2rem .5rem .8rem;
font: inherit;
font-size: .95rem;
font-weight: 500;
color: var(--ix-atrament);
background-color: var(--ix-plyta);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%235c6875' stroke-width='2'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right .8rem center;
border: 1px solid var(--ix-linia);
border-radius: var(--ix-r);
appearance: none;
-webkit-appearance: none;
}
.ix-katalog .ix-filtr__select:focus-visible {
border-color: var(--ix-granat);
outline-offset: 0;
}
.ix-katalog .ix-filtry__reset {
display: inline-block;
margin-top: .75rem;
}
} .ix-szukajka-mobile {
display: none;
}
@media (max-width: 1024px) {
.ix-szukajka-mobile {
display: block;
background: var(--ix-plyta);
border-bottom: 1px solid var(--ix-linia);
}
.ix-szukajka-mobile__in {
max-width: var(--ix-width);
margin: 0 auto;
padding: .6rem 16px .75rem;
box-sizing: border-box;
}
.ix-szukajka-mobile .dgwt-wcas-search-wrapp {
max-width: none;
}
.ix-szukajka-mobile .dgwt-wcas-search-input {
font-family: inherit;
border-color: var(--ix-linia);
} .mobile-menu-control-wrapper .menu-bar-items,
#site-navigation .ix-szukajka,
.has-inline-mobile-toggle #site-navigation.toggled .ix-szukajka {
display: none;
}
.site-header {
border-bottom: 0;
}
} @media (max-width: 1024px) {
.main-navigation .main-nav > ul > li {
border-bottom: 1px solid var(--ix-linia-cien);
}
.main-navigation .main-nav > ul > li:last-child {
border-bottom: 0;
}
.main-navigation .main-nav > ul > li > a {
font-weight: 500;
}
.main-navigation .main-nav > ul > li.current-menu-item > a,
.main-navigation .main-nav > ul > li.current-menu-ancestor > a {
color: var(--ix-granat);
font-weight: 600;
box-shadow: inset 3px 0 0 var(--ix-main);
}
.main-navigation .main-nav ul li.ix-ma-mega > ul.ix-mega.toggled-on {
background: var(--ix-tlo);
border-top: 1px solid var(--ix-linia-cien);
}
.main-navigation .main-nav ul li.ix-ma-mega .ix-mega__lista li + li a {
border-top: 1px solid var(--ix-linia-cien);
}
} .single-product div.product .woocommerce-tabs .panel h3,
.single-product div.product .woocommerce-product-details__short-description h3 {
margin: 1.6em 0 .5em;
font-size: 1.15rem;
line-height: 1.3;
color: var(--ix-atrament);
}
.single-product div.product .woocommerce-tabs .panel h3:first-child,
.single-product div.product .woocommerce-product-details__short-description h3:first-child {
margin-top: 0;
}
.single-product div.product .woocommerce-tabs .panel ul,
.single-product div.product .woocommerce-product-details__short-description ul {
margin: 0 0 1.1em 1.2em;
padding: 0;
}
.single-product div.product .woocommerce-tabs .panel li,
.single-product div.product .woocommerce-product-details__short-description li {
margin: 0 0 .3em;
padding-left: .15em;
}
.single-product div.product .woocommerce-tabs .panel li::marker,
.single-product div.product .woocommerce-product-details__short-description li::marker {
color: var(--ix-akcent);
}
.single-product div.product .woocommerce-tabs .panel strong,
.single-product div.product .woocommerce-product-details__short-description strong {
font-weight: 600;
color: var(--ix-atrament);
} .ix-blog__tytul .ix-eyebrow {
color: var(--ix-akcent);
margin-bottom: .6rem;
}
.ix-blog__lead {
max-width: 64ch;
margin-top: .75rem;
color: var(--ix-tekst);
font-size: 1.05rem;
line-height: 1.6;
}
.ix-blog__lead p {
margin: 0;
} .ix-blog {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
margin: 0 0 2.5rem;
}
.ix-wpis-karta {
display: flex;
flex-direction: column;
margin: 0;
background: var(--ix-plyta);
border: 1px solid var(--ix-linia);
border-radius: var(--ix-r);
overflow: hidden;
transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease;
}
.ix-wpis-karta:hover,
.ix-wpis-karta:focus-within {
border-color: var(--ix-linia);
transform: translateY(-3px);
box-shadow: var(--ix-cien);
}
.ix-wpis-karta__foto {
display: block;
aspect-ratio: 16 / 10;
background: #fafbfc;
border-bottom: 1px solid var(--ix-linia-cien);
overflow: hidden;
}
.ix-wpis-karta__foto img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .3s ease;
}
.ix-wpis-karta:hover .ix-wpis-karta__foto img {
transform: scale(1.03);
}
.ix-wpis-karta__brak {
display: block;
width: 100%;
height: 100%;
background:
linear-gradient(rgba(11,42,82,.06) 1px, transparent 1px),
linear-gradient(90deg, rgba(11,42,82,.06) 1px, transparent 1px);
background-size: 24px 24px;
}
.ix-wpis-karta__tresc {
display: flex;
flex-direction: column;
flex: 1 1 auto;
gap: .5rem;
padding: 1.15rem 1.35rem 1.3rem;
}
.ix-wpis-karta__data {
font-size: 11px;
font-weight: 600;
letter-spacing: .1em;
text-transform: uppercase;
color: var(--ix-akcent);
}
.ix-wpis-karta__tytul {
margin: 0;
font-size: 1.15rem;
line-height: 1.3;
letter-spacing: -.01em;
}
.ix-podstrona .ix-wpis-karta__tytul a {
color: var(--ix-atrament);
text-decoration: none;
}
.ix-podstrona .ix-wpis-karta__tytul a:hover,
.ix-podstrona .ix-wpis-karta__tytul a:focus-visible {
color: var(--ix-akcent);
}
.ix-wpis-karta__zajawka {
margin: 0;
flex: 1 1 auto;
font-size: .95rem;
line-height: 1.6;
color: var(--ix-tekst);
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.ix-podstrona .ix-wpis-karta__wiecej {
margin-top: .35rem;
font-size: .9rem;
font-weight: 600;
color: var(--ix-granat);
text-decoration: none;
}
.ix-podstrona .ix-wpis-karta__wiecej i {
margin-left: .2em;
transition: transform .15s ease;
}
.ix-wpis-karta:hover .ix-wpis-karta__wiecej {
color: var(--ix-main);
}
.ix-wpis-karta:hover .ix-wpis-karta__wiecej i {
transform: translateX(3px);
} .ix-paginacja {
margin: 0 0 3rem;
padding-top: 1.5rem;
border-top: 1px solid var(--ix-linia);
}
.ix-paginacja .nav-links {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 6px;
}
.ix-paginacja .screen-reader-text {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
width: 1px;
height: 1px;
overflow: hidden;
}
.ix-podstrona .ix-paginacja .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
gap: .4rem;
min-width: 40px;
height: 40px;
padding: 0 .85rem;
font-size: .9rem;
font-weight: 600;
color: var(--ix-atrament);
background: var(--ix-plyta);
border: 1px solid var(--ix-linia);
border-radius: var(--ix-r);
text-decoration: none;
}
.ix-podstrona .ix-paginacja a.page-numbers:hover,
.ix-podstrona .ix-paginacja a.page-numbers:focus-visible {
color: var(--ix-granat);
border-color: var(--ix-granat);
}
.ix-podstrona .ix-paginacja .page-numbers.current {
color: #fff;
background: var(--ix-granat);
border-color: var(--ix-granat);
}
.ix-podstrona .ix-paginacja .page-numbers.dots {
border-color: transparent;
background: transparent;
} .ix-wpis {
margin: 0;
}
.ix-podstrona .ix-wpis .inside-article {
padding: 0;
background: transparent;
}
.ix-wpis__meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: .5rem;
margin: 0 0 .75rem;
font-size: 12px;
font-weight: 600;
letter-spacing: .1em;
text-transform: uppercase;
color: var(--ix-tekst);
}
.ix-podstrona .ix-wpis__meta a {
color: var(--ix-akcent);
text-decoration: none;
}
.ix-podstrona .ix-wpis__meta a:hover {
text-decoration: underline;
}
.ix-wpis__tytul h1 {
max-width: 26ch;
}
.ix-wpis__kolumna {
max-width: 860px;
margin: 0 auto;
}
.ix-wpis__foto {
margin: 0 0 2rem;
}
.ix-wpis__foto img {
display: block;
width: 100%;
max-height: 480px;
object-fit: cover;
border-radius: var(--ix-r);
border: 1px solid var(--ix-linia);
}
.ix-wpis__foto figcaption {
margin-top: .5rem;
font-size: .82rem;
color: var(--ix-tekst);
}
.ix-wpis__tresc {
font-size: 1.08rem;
line-height: 1.75;
color: var(--ix-atrament);
}
.ix-wpis__tresc > * {
max-width: 72ch;
}
.ix-wpis__tresc p {
margin: 0 0 1.25em;
}
.ix-wpis__tresc h2,
.ix-wpis__tresc h3,
.ix-wpis__tresc h4 {
margin: 1.8em 0 .6em;
line-height: 1.25;
letter-spacing: -.01em;
}
.ix-wpis__tresc h2 { font-size: 1.55rem; }
.ix-wpis__tresc h3 { font-size: 1.25rem; }
.ix-wpis__tresc h4 { font-size: 1.05rem; }
.ix-wpis__tresc ul,
.ix-wpis__tresc ol {
margin: 0 0 1.25em 1.3em;
padding: 0;
}
.ix-wpis__tresc li {
margin-bottom: .35em;
}
.ix-wpis__tresc li::marker {
color: var(--ix-akcent);
}
.ix-wpis__tresc img {
max-width: 100%;
height: auto;
border-radius: var(--ix-r);
}
.ix-wpis__tresc figure,
.ix-wpis__tresc .wp-caption {
max-width: 100%;
margin: 0 0 1.5em;
}
.ix-wpis__tresc figcaption,
.ix-wpis__tresc .wp-caption-text {
margin-top: .5rem;
font-size: .85rem;
color: var(--ix-tekst);
text-align: left;
}
.ix-wpis__tresc blockquote {
margin: 1.5em 0;
padding: .25em 0 .25em 1.25em;
border-left: 4px solid var(--ix-main);
font-size: 1.1em;
color: var(--ix-atrament);
}
.ix-wpis__tresc table {
width: 100%;
max-width: 100%;
margin: 0 0 1.5em;
border-collapse: collapse;
font-size: .95rem;
}
.ix-wpis__tresc th,
.ix-wpis__tresc td {
padding: .6rem .75rem;
border: 1px solid var(--ix-linia);
text-align: left;
vertical-align: top;
}
.ix-wpis__tresc th {
background: var(--ix-tlo);
font-weight: 600;
}
.ix-wpis__tresc a {
color: var(--ix-akcent);
text-decoration: underline;
text-underline-offset: 3px;
}
.ix-wpis__tresc a:hover {
color: var(--ix-main);
}
.ix-wpis__strony {
margin: 1.5rem 0;
font-weight: 600;
}
.ix-wpis__tagi {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin: 2rem 0 0;
padding: 0;
list-style: none;
}
.ix-podstrona .ix-wpis__tagi a {
display: inline-block;
padding: .3rem .75rem;
font-size: .82rem;
font-weight: 500;
color: var(--ix-tekst);
background: var(--ix-plyta);
border: 1px solid var(--ix-linia);
border-radius: 999px;
text-decoration: none;
}
.ix-podstrona .ix-wpis__tagi a:hover {
color: var(--ix-granat);
border-color: var(--ix-granat);
} .ix-wpis-nav {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
margin: 3rem 0 0;
padding-top: 2rem;
border-top: 1px solid var(--ix-linia);
}
.ix-podstrona .ix-wpis-nav__el {
display: flex;
flex-direction: column;
gap: .3rem;
padding: 1.1rem 1.25rem;
background: var(--ix-plyta);
border: 1px solid var(--ix-linia);
border-radius: var(--ix-r);
text-decoration: none;
color: var(--ix-atrament);
transition: border-color .15s ease, box-shadow .15s ease;
}
.ix-podstrona .ix-wpis-nav__el:hover,
.ix-podstrona .ix-wpis-nav__el:focus-visible {
border-color: var(--ix-granat);
box-shadow: var(--ix-cien);
}
.ix-wpis-nav__el--next {
text-align: right;
}
.ix-wpis-nav__etykieta {
font-size: 11px;
font-weight: 600;
letter-spacing: .1em;
text-transform: uppercase;
color: var(--ix-akcent);
}
.ix-wpis-nav__tytul {
font-weight: 600;
line-height: 1.35;
}
.ix-wpis-nav__data {
font-size: .82rem;
color: var(--ix-tekst);
}
.ix-cta-katalog--wpis {
margin: 3rem auto 0;
max-width: 860px;
}
@media (max-width: 1024px) {
.ix-blog {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
}
@media (max-width: 600px) {
.ix-blog {
grid-template-columns: 1fr;
}
.ix-wpis-nav {
grid-template-columns: 1fr;
}
.ix-wpis-nav__el--next {
text-align: left;
}
.ix-wpis__tresc {
font-size: 1.02rem;
}
.ix-paginacja__slowo {
display: none;
}
} .ix-wpis__tresc p,
.ix-wpis__tresc li {
text-align: left !important;
}
.ix-wpis__tresc .alignleft {
float: left;
margin: .3em 1.5em 1em 0;
max-width: 45%;
}
.ix-wpis__tresc .alignright {
float: right;
margin: .3em 0 1em 1.5em;
max-width: 45%;
}
.ix-wpis__tresc .aligncenter {
display: block;
margin: 0 auto 1.5em;
}
.ix-wpis__tresc::after {
content: "";
display: block;
clear: both;
}
@media (max-width: 600px) {
.ix-wpis__tresc .alignleft,
.ix-wpis__tresc .alignright {
float: none;
display: block;
max-width: 100%;
margin: 0 auto 1.25em;
}
}  .single-product div.product {
display: grid;
grid-template-columns: minmax(0, 1fr) 380px;
grid-template-areas:
"tytul   bok"
"galeria bok"
"opis    bok"
"podobne podobne";
gap: 1.75rem 3.5rem;
align-items: start;
}
@media (min-width: 901px) {
.single-product div.product {
grid-template-columns: minmax(0, 1fr) 380px;
}
}
.single-product div.product .ix-produkt__tytul {
grid-area: tytul;
margin: 0;
}
.single-product div.product .ix-produkt__tytul h1 {
margin: 0;
font-size: clamp(1.7rem, 2.6vw, 2.3rem);
line-height: 1.15;
letter-spacing: -.015em;
max-width: 28ch;
}
.single-product div.product .woocommerce-product-gallery {
grid-area: galeria;
position: static;
width: 100% !important;
}
.single-product div.product .woocommerce-product-gallery__image {
width: 100%;
}
.single-product div.product .woocommerce-product-gallery__image img {
width: auto;
max-width: 100%;
max-height: 440px;
margin: 0 auto;
object-fit: contain;
} .single-product div.product .summary {
display: none;
}
.single-product div.product .ix-produkt__opis {
grid-area: opis;
max-width: 76ch;
padding-top: .5rem;
}
.single-product div.product .ix-produkt__lead {
margin: 0 0 1.5rem;
padding: 0 0 1.5rem;
font-size: 1.12rem;
line-height: 1.65;
color: var(--ix-atrament);
border-bottom: 1px solid var(--ix-linia);
}
.single-product div.product .ix-produkt__lead p:last-child,
.single-product div.product .ix-produkt__tresc > :last-child {
margin-bottom: 0;
}
.single-product div.product .ix-produkt__tresc {
font-size: 1.02rem;
line-height: 1.75;
color: var(--ix-atrament);
}
.single-product div.product .ix-produkt__tresc p {
margin: 0 0 1.15em;
}
.single-product div.product .ix-produkt__tresc h3 {
margin: 1.7em 0 .55em;
font-size: 1.15rem;
line-height: 1.3;
}
.single-product div.product .ix-produkt__tresc h3:first-child {
margin-top: 0;
}
.single-product div.product .ix-produkt__tresc ul {
margin: 0 0 1.15em 1.2em;
padding: 0;
}
.single-product div.product .ix-produkt__tresc li {
margin: 0 0 .3em;
}
.single-product div.product .ix-produkt__tresc li::marker {
color: var(--ix-akcent);
}
.single-product div.product .ix-produkt__tresc strong {
font-weight: 600;
}
.single-product div.product .ix-produkt__tresc a {
color: var(--ix-akcent);
word-break: break-word;
} .single-product div.product .ix-produkt__bok {
grid-area: bok;
position: sticky;
top: 1.5rem;
align-self: start;
}
.single-product div.product .ix-produkt__bok .ix-zapytanie {
margin: 0;
padding: 1.5rem 1.5rem 1.6rem;
background: var(--ix-plyta);
border: 1px solid var(--ix-linia);
border-top: 4px solid var(--ix-granat);
border-left: 1px solid var(--ix-linia);
border-radius: var(--ix-r);
}
.single-product div.product .ix-produkt__bok .ix-zapytanie .ix-eyebrow {
color: var(--ix-akcent);
margin-bottom: .6rem;
}
.single-product div.product .ix-produkt__bok .ix-zapytanie__lead {
margin: 0 0 1.1rem;
font-size: .98rem;
line-height: 1.55;
color: var(--ix-atrament);
}
.single-product div.product .ix-produkt__bok .ix-zapytanie__akcje {
flex-direction: column;
align-items: stretch;
gap: 8px;
}
.single-product div.product .ix-produkt__bok .ix-zapytanie__akcje .ix-btn {
justify-content: center;
width: 100%;
}
.single-product div.product .ix-produkt__bok .ix-zapytanie .ix-btn--glowny {
background: var(--ix-main);
border: 1px solid var(--ix-main);
color: #fff;
}
.single-product div.product .ix-produkt__bok .ix-zapytanie .ix-btn--glowny:hover,
.single-product div.product .ix-produkt__bok .ix-zapytanie .ix-btn--glowny:focus-visible {
background: #c40001;
border-color: #c40001;
opacity: 1;
}
.single-product div.product .ix-produkt__bok .ix-zapytanie .ix-btn:not(.ix-btn--glowny) {
color: var(--ix-granat);
border-color: var(--ix-granat);
background: var(--ix-plyta);
}
.single-product div.product .ix-produkt__bok .ix-zapytanie .ix-btn:not(.ix-btn--glowny):hover,
.single-product div.product .ix-produkt__bok .ix-zapytanie .ix-btn:not(.ix-btn--glowny):focus-visible {
color: #fff;
background: var(--ix-granat);
opacity: 1;
}
.single-product div.product .ix-produkt__bok .ix-zapytanie__godziny {
margin-top: 1rem;
}
.single-product div.product .related,
.single-product div.product .upsells {
grid-area: podobne;
margin-top: 1rem;
}
@media (max-width: 900px) {
.single-product div.product {
grid-template-columns: minmax(0, 1fr);
grid-template-areas:
"tytul"
"galeria"
"opis"
"bok"
"podobne";
gap: 1.5rem;
}
.single-product div.product .ix-produkt__bok {
position: static;
}
.single-product div.product .woocommerce-product-gallery__image img {
max-height: 340px;
}
} .ix-wpis__uklad {
display: grid;
grid-template-columns: minmax(0, 1fr) 340px;
gap: 3.5rem;
align-items: start;
}
.ix-wpis__kolumna {
max-width: 780px;
margin: 0;
}
.ix-wpis__foto {
margin: 0 0 2.25rem;
}
.ix-wpis__tresc > :first-child {
margin-top: 0;
}
.ix-wpis__tresc img {
margin: .5em 0 1.5em;
}
.ix-wpis__tresc .alignleft {
margin: .35em 1.75em 1.25em 0;
}
.ix-wpis__tresc .alignright {
margin: .35em 0 1.25em 1.75em;
}
.ix-wpis__tresc p + h2,
.ix-wpis__tresc p + h3,
.ix-wpis__tresc ul + h2,
.ix-wpis__tresc ul + h3 {
margin-top: 2em;
}
.ix-bok__tekst {
margin: 0 0 1.1rem;
font-size: .98rem;
line-height: 1.55;
color: var(--ix-atrament);
}
.ix-podstrona .ix-bok__akcje .ix-btn--glowny {
background: var(--ix-granat);
border: 1px solid var(--ix-granat);
color: #fff;
text-decoration: none;
}
.ix-podstrona .ix-bok__akcje .ix-btn--glowny:hover,
.ix-podstrona .ix-bok__akcje .ix-btn--glowny:focus-visible {
background: #0e3a72;
border-color: #0e3a72;
opacity: 1;
}
.ix-podstrona .ix-bok__akcje .ix-btn:not(.ix-btn--glowny) {
color: var(--ix-granat);
border-color: var(--ix-granat);
text-decoration: none;
}
.ix-podstrona .ix-bok__akcje .ix-btn:not(.ix-btn--glowny):hover,
.ix-podstrona .ix-bok__akcje .ix-btn:not(.ix-btn--glowny):focus-visible {
color: #fff;
background: var(--ix-granat);
opacity: 1;
}
.ix-podstrona .ix-wpis .ix-bok__tel,
.ix-podstrona .ix-wpis .ix-bok__mail {
text-decoration: none;
}
.header-image.is-logo-image {
width: 320px;
height: auto;
}
@media (max-width: 900px) {
.ix-wpis__uklad {
grid-template-columns: 1fr;
gap: 2rem;
}
.ix-wpis__bok {
position: static;
}
.header-image.is-logo-image {
width: 248px;
}
}
.ix-wpis__tresc > p:first-child img {
margin: 0 20px 10px 0;
}
.ix-wpis__tresc p, .ix-wpis__tresc h2, .ix-wpis__tresc h3 {
text-align: left !important;
} @media (min-width: 901px) {
.single-product div.product.ix-ma-spec {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 340px;
grid-template-areas:
"tytul   tytul   bok"
"galeria spec    bok"
"opis    opis    bok"
"podobne podobne podobne";
gap: 1.5rem 2.5rem;
}
.single-product div.product.ix-bez-spec {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 340px;
grid-template-areas:
"tytul   tytul   bok"
"galeria .       bok"
"opis    opis    bok"
"podobne podobne podobne";
gap: 1.5rem 2.5rem;
}
} .single-product div.product .summary {
display: block;
grid-area: spec;
margin: 0 !important;
width: auto !important;
float: none !important;
}
.single-product div.product .summary:not(:has(.ix-spec)) {
display: none;
}
.single-product div.product .ix-produkt__tytul h1 {
max-width: none;
} .single-product div.product .woocommerce-product-gallery {
max-width: 100%;
min-width: 0;
overflow: hidden;
top: auto; }
.single-product div.product .woocommerce-product-gallery__wrapper {
margin: 0;
background: #fff;
border: 1px solid var(--ix-linia);
border-radius: var(--ix-r);
}
.single-product div.product .woocommerce-product-gallery__image {
text-align: center;
}
.single-product div.product .woocommerce-product-gallery__image a {
display: block;
}
.single-product div.product .woocommerce-product-gallery__image img {
display: inline-block;
width: auto;
max-width: 100%;
max-height: 400px;
padding: 1.25rem;
object-fit: contain;
}
.single-product div.product .flex-control-thumbs {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 10px 0 0;
padding: 0;
list-style: none;
}
.single-product div.product .flex-control-thumbs li {
width: 72px;
height: 72px;
margin: 0;
float: none;
background: #fff;
border: 1px solid var(--ix-linia);
border-radius: var(--ix-r);
overflow: hidden;
cursor: pointer;
}
.single-product div.product .flex-control-thumbs li img {
width: 100%;
height: 100%;
padding: 6px;
object-fit: contain;
opacity: .65;
transition: opacity .15s ease;
}
.single-product div.product .flex-control-thumbs li img.flex-active,
.single-product div.product .flex-control-thumbs li img:hover {
opacity: 1;
}
.single-product div.product .flex-control-thumbs li:has(img.flex-active) {
border-color: var(--ix-akcent);
box-shadow: 0 0 0 1px var(--ix-akcent);
} .ix-spec {
margin: 0;
}
.ix-spec__tytul {
margin: 0;
padding: .7rem 1rem;
font-size: .95rem;
font-weight: 600;
letter-spacing: .02em;
color: #fff;
background: var(--ix-granat);
border-radius: var(--ix-r) var(--ix-r) 0 0;
}
.single-product div.product table.ix-spec__tabela {
margin: 0;
border-radius: 0 0 var(--ix-r) var(--ix-r);
border-top: 0;
font-size: .95rem;
}
.single-product div.product table.ix-spec__tabela th {
width: 40%;
white-space: normal;
font-weight: 500;
color: var(--ix-tekst);
background: transparent;
}
.single-product div.product table.ix-spec__tabela td {
font-weight: 500;
color: var(--ix-atrament);
}
.single-product div.product table.ix-spec__tabela tr:nth-child(even) th,
.single-product div.product table.ix-spec__tabela tr:nth-child(even) td {
background: #f7f8fa;
}
.single-product div.product table.ix-spec__tabela a {
color: var(--ix-akcent);
text-decoration: underline;
text-underline-offset: 2px;
} .single-product div.product .ix-produkt__opis {
max-width: none;
padding-top: .25rem;
}
.single-product div.product .ix-produkt__lead,
.single-product div.product .ix-produkt__tresc {
max-width: 80ch;
}
@media (max-width: 900px) {
.single-product div.product.ix-ma-spec,
.single-product div.product.ix-bez-spec {
grid-template-columns: minmax(0, 1fr); grid-template-areas:
"tytul"
"galeria"
"spec"
"opis"
"bok"
"podobne";
}
.single-product div.product .woocommerce-product-gallery__image img {
max-height: 340px;
}
}  .single-product div.product .ix-produkt__bok {
position: static;
align-self: stretch;
top: auto;
}
.single-product div.product .ix-produkt__bok .ix-zapytanie {
position: sticky;
top: 1.5rem;
z-index: 5;
}
body.admin-bar .single-product div.product .ix-produkt__bok .ix-zapytanie,
.admin-bar.single-product div.product .ix-produkt__bok .ix-zapytanie {
top: calc(1.5rem + 32px); }
@media (max-width: 900px) {
.single-product div.product .ix-produkt__bok .ix-zapytanie {
position: static;
}
} .main-navigation .ix-mega img.ix-mega__foto,
.woocommerce .main-navigation .ix-mega img.ix-mega__foto,
.woocommerce-page .main-navigation .ix-mega img.ix-mega__foto {
width: 44px;
height: 44px;
max-width: none;
object-fit: contain;
}
.main-navigation .ix-mega .ix-mega__lista--nowosci img.ix-mega__foto,
.woocommerce .main-navigation .ix-mega .ix-mega__lista--nowosci img.ix-mega__foto,
.woocommerce-page .main-navigation .ix-mega .ix-mega__lista--nowosci img.ix-mega__foto {
width: 52px;
height: 52px;
}  @media (min-width: 768px) and (max-width: 900px) {
.single-product div.product.ix-ma-spec {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
grid-template-areas:
"tytul   tytul"
"galeria spec"
"opis    opis"
"bok     bok"
"podobne podobne";
gap: 1.5rem 2rem;
}
.single-product div.product.ix-bez-spec {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
grid-template-areas:
"tytul   tytul"
"galeria ."
"opis    opis"
"bok     bok"
"podobne podobne";
gap: 1.5rem 2rem;
}
.single-product div.product .woocommerce-product-gallery__image img {
max-height: 300px;
}
} .single-product div.product .related,
.single-product div.product .upsells {
min-width: 0; }
.single-product div.product .related > h2,
.single-product div.product .upsells > h2 {
margin-top: 0;
}
.single-product div.product .related ul.products,
.single-product div.product .upsells ul.products {
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 14px;
}
.single-product div.product .related ul.products li.product .woocommerce-loop-product__title,
.single-product div.product .upsells ul.products li.product .woocommerce-loop-product__title {
padding: .7rem .8rem .2rem;
font-size: .88rem !important;
}
.single-product div.product .related ul.products li.product .instalex-loop-sku,
.single-product div.product .upsells ul.products li.product .instalex-loop-sku {
padding: 0 .8rem .8rem;
}
.single-product div.product .related ul.products li.product a img,
.single-product div.product .upsells ul.products li.product a img {
padding: .75rem;
}
@media (max-width: 1099px) {
.single-product div.product .related ul.products,
.single-product div.product .upsells ul.products {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (max-width: 900px) {
.single-product div.product .related ul.products,
.single-product div.product .upsells ul.products {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
} @media (max-width: 767px) {
.single-product div.product .related ul.products,
.single-product div.product .upsells ul.products {
display: flex;
gap: 12px;
overflow-x: auto;
overscroll-behavior-x: contain;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
padding-bottom: 2px;
}
.single-product div.product .related ul.products::-webkit-scrollbar,
.single-product div.product .upsells ul.products::-webkit-scrollbar {
display: none;
}
.single-product div.product .related ul.products li.product,
.single-product div.product .upsells ul.products li.product {
flex: 0 0 44%;
scroll-snap-align: start;
}
.single-product div.product .related ul.products li.product:hover,
.single-product div.product .upsells ul.products li.product:hover {
transform: none;
}
.single-product div.product .related,
.single-product div.product .upsells {
position: relative;
}
} .ix-slajder__nawigacja {
display: none;
position: absolute;
top: -3px;
right: 0;
gap: 8px;
margin: 0;
}
.ix-slajder--aktywny > h2 {
padding-right: 92px;
}
.ix-slajder__przycisk {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
padding: 0;
color: var(--ix-granat);
background: #fff;
border: 1px solid var(--ix-linia);
border-radius: 999px;
cursor: pointer;
transition: border-color .15s ease, color .15s ease, opacity .15s ease;
}
.ix-slajder__przycisk svg {
width: 18px;
height: 18px;
fill: none;
stroke: currentColor;
stroke-width: 2.2;
stroke-linecap: round;
stroke-linejoin: round;
}
.ix-slajder__przycisk:hover,
.ix-slajder__przycisk:focus-visible {
color: var(--ix-akcent);
border-color: var(--ix-akcent);
}
.ix-slajder__przycisk[disabled] {
opacity: .35;
cursor: default;
}
@media (max-width: 767px) {
.ix-slajder--aktywny .ix-slajder__nawigacja {
display: flex;
}
} @media (max-width: 1099px) {
.single-product div.product .related ul.products,
.single-product div.product .upsells ul.products {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
} .ix-bok__karta .ix-eyebrow {
margin-bottom: .6rem;
}
.ix-bok__karta .ix-bok__tekst {
margin: 0 0 1.1rem;
font-size: .98rem;
line-height: 1.55;
color: var(--ix-atrament);
}
.ix-bok__dane {
margin: 0 0 1.2rem;
padding: 0;
list-style: none;
}
.ix-bok__dane li {
display: flex;
align-items: center;
gap: .6rem;
margin: 0 0 .45rem;
line-height: 1.3;
}
.ix-bok__dane li:last-child {
margin-bottom: 0;
}
.ix-bok__dane i {
flex: 0 0 auto;
width: 1.2em;
height: 1.2em;
font-size: 1.15rem;
line-height: 1;
color: var(--ix-granat);
}
.ix-bok__karta .ix-bok__tel,
.ix-podstrona .ix-wpis .ix-bok__tel {
display: inline;
font-size: 1.25rem;
font-weight: 600;
letter-spacing: 0;
line-height: 1.3;
color: var(--ix-atrament);
text-decoration: none;
}
.ix-bok__karta .ix-bok__mail,
.ix-podstrona .ix-wpis .ix-bok__mail {
display: inline;
margin: 0;
font-size: .98rem;
color: var(--ix-akcent);
text-decoration: none;
word-break: break-all;
}
.ix-bok__karta .ix-bok__tel:hover,
.ix-bok__karta .ix-bok__mail:hover {
text-decoration: underline;
text-underline-offset: 3px;
}
.ix-bok__karta .ix-bok__akcje {
margin-top: 0;
gap: 8px;
}
.ix-bok__karta .ix-bok__akcje .ix-btn {
justify-content: center;
width: 100%;
text-align: center;
}
.ix-bok__karta .ix-bok__akcje .ix-btn--glowny,
.ix-podstrona .ix-bok__akcje .ix-btn--glowny {
background: var(--ix-main);
border: 1px solid var(--ix-main);
color: #fff;
}
.ix-bok__karta .ix-bok__akcje .ix-btn--glowny:hover,
.ix-bok__karta .ix-bok__akcje .ix-btn--glowny:focus-visible,
.ix-podstrona .ix-bok__akcje .ix-btn--glowny:hover,
.ix-podstrona .ix-bok__akcje .ix-btn--glowny:focus-visible {
background: #c40001;
border-color: #c40001;
opacity: 1;
}
.ix-bok__karta .ix-bok__akcje .ix-btn:not(.ix-btn--glowny),
.ix-podstrona .ix-bok__akcje .ix-btn:not(.ix-btn--glowny) {
color: var(--ix-granat);
border-color: var(--ix-granat);
background: var(--ix-plyta);
}
.ix-bok__karta .ix-bok__akcje .ix-btn:not(.ix-btn--glowny):hover,
.ix-bok__karta .ix-bok__akcje .ix-btn:not(.ix-btn--glowny):focus-visible,
.ix-podstrona .ix-bok__akcje .ix-btn:not(.ix-btn--glowny):hover,
.ix-podstrona .ix-bok__akcje .ix-btn:not(.ix-btn--glowny):focus-visible {
color: #fff;
background: var(--ix-granat);
opacity: 1;
}
.ix-bok__karta .ix-bok__linia {
margin: 1rem 0 0;
font-size: .85rem;
line-height: 1.5;
color: var(--ix-tekst);
} .ix-karta__tytul,
.single-product div.product .ix-produkt__bok .ix-zapytanie .ix-karta__tytul,
.ix-bok__karta .ix-karta__tytul {
margin: 0 0 .5rem;
font-size: 1.2rem;
font-weight: 600;
line-height: 1.25;
letter-spacing: -.01em;
text-transform: none;
color: var(--ix-granat);
}
.ix-karta__stopka,
.single-product div.product .ix-produkt__bok .ix-zapytanie .ix-karta__stopka,
.ix-bok__karta .ix-karta__stopka {
margin: 1rem 0 0;
padding-top: .9rem;
border-top: 1px solid var(--ix-linia);
font-size: .85rem;
line-height: 1.5;
color: var(--ix-tekst);
}
.ix-karta__stopka span {
display: block;
}  .ix-glowna .ix-cta,
.ix-cta {
padding: var(--section-padding) 0;
}
body.ix-glowna .site-main .inside-article {
padding-bottom: 0 !important;
} .ix-nowosci {
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 14px;
}
.ix-nowosc__nazwa {
font-size: .95rem;
} @media (max-width: 1099px) {
.ix-nowosci,
.single-product div.product .related ul.products,
.single-product div.product .upsells ul.products {
--ix-sl-n: 4.4;
--ix-sl-gap: 14px;
display: flex;
gap: var(--ix-sl-gap);
overflow-x: auto;
overscroll-behavior-x: contain;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
padding-bottom: 4px; }
.ix-nowosci::-webkit-scrollbar,
.single-product div.product .related ul.products::-webkit-scrollbar,
.single-product div.product .upsells ul.products::-webkit-scrollbar {
display: none;
}
.ix-nowosci > .ix-nowosc,
.single-product div.product .related ul.products li.product,
.single-product div.product .upsells ul.products li.product {
flex: 0 0 calc((100% - (var(--ix-sl-n) - 1) * var(--ix-sl-gap)) / var(--ix-sl-n));
min-width: 0;
scroll-snap-align: start;
}
.ix-nowosci > .ix-nowosc:hover,
.single-product div.product .related ul.products li.product:hover,
.single-product div.product .upsells ul.products li.product:hover {
transform: none;
}
.single-product div.product .related,
.single-product div.product .upsells {
position: relative;
}
.ix-slajder--aktywny .ix-slajder__nawigacja {
display: flex;
}
}
@media (max-width: 767px) {
.ix-nowosci,
.single-product div.product .related ul.products,
.single-product div.product .upsells ul.products {
--ix-sl-n: 2.3;
--ix-sl-gap: 12px;
}
.ix-nowosci > .ix-nowosc {
flex-basis: calc((100% - (var(--ix-sl-n) - 1) * var(--ix-sl-gap)) / var(--ix-sl-n));
}
} .ix-naglowek-sekcji .ix-slajder__nawigacja {
position: static;
align-self: center;
margin: 0 0 0 .25rem;
}
@media (max-width: 767px) {
.ix-naglowek-sekcji .ix-slajder__nawigacja {
margin-left: auto;
}
} .ix-filtry--listy {
padding: .85rem 1rem;
}
.ix-filtry__rzad {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: .6rem .75rem;
}
.ix-fl {
position: relative;
}
.ix-fl__przycisk {
display: inline-flex;
align-items: center;
gap: .5rem;
min-height: 40px;
margin: 0;
padding: .45rem .85rem .45rem 1rem;
font: inherit;
font-size: 14px;
font-weight: 500;
line-height: 1.2;
color: var(--ix-atrament);
background: #f7f9fb;
border: 1px solid var(--ix-linia);
border-radius: var(--ix-r);
cursor: pointer;
transition: border-color .15s, background-color .15s;
}
.ix-fl__przycisk:hover,
.ix-fl__przycisk:focus-visible,
.ix-fl--otwarty .ix-fl__przycisk {
border-color: var(--ix-akcent);
color: var(--ix-akcent);
background: #fff;
}
.ix-fl--aktywny .ix-fl__przycisk {
border-color: var(--ix-akcent);
background: #eaf2fb;
}
.ix-fl__ile {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 20px;
height: 20px;
padding: 0 6px;
font-family: var(--ix-mono);
font-size: 11px;
font-weight: 600;
color: #fff;
background: var(--ix-akcent);
border-radius: 999px;
}
.ix-fl__strzalka {
flex: none;
transition: transform .15s;
}
.ix-fl--otwarty .ix-fl__strzalka {
transform: rotate(180deg);
}
.ix-fl__panel {
position: absolute;
top: calc(100% + 6px);
left: 0;
z-index: 30;
width: 320px;
max-width: calc(100vw - 2rem);
padding: .5rem;
background: var(--ix-plyta);
border: 1px solid var(--ix-linia);
border-radius: var(--ix-r);
box-shadow: 0 10px 28px rgba(22, 32, 43, .14);
}
.ix-fl__panel[hidden] {
display: none;
}
.ix-fl__szukaj {
display: block;
width: 100%;
margin: 0 0 .4rem;
padding: .5rem .75rem;
font: inherit;
font-size: 14px;
color: var(--ix-atrament);
background: #f7f9fb;
border: 1px solid var(--ix-linia);
border-radius: var(--ix-r);
appearance: none;
-webkit-appearance: none;
}
.ix-fl__szukaj:focus-visible {
border-color: var(--ix-akcent);
outline: none;
}
.ix-fl__lista {
max-height: 320px;
margin: 0;
padding: 0;
overflow: auto;
list-style: none;
overscroll-behavior: contain;
}
.ix-fl__opcja {
margin: 0;
}
.ix-fl__opcja[hidden] {
display: none;
}
.ix-fl__opcja a,
.ix-fl__opcja--pusta {
display: flex;
align-items: center;
gap: .6rem;
padding: .45rem .5rem;
font-size: 14px;
line-height: 1.25;
color: var(--ix-atrament);
text-decoration: none;
border-radius: var(--ix-r);
}
.ix-fl__opcja a:hover,
.ix-fl__opcja a:focus-visible {
background: #eaf2fb;
color: var(--ix-atrament);
}
.ix-fl__box {
flex: none;
width: 16px;
height: 16px;
background: #fff;
border: 1.5px solid #9aa5b1;
border-radius: 3px;
}
.ix-fl__opcja--wybrana .ix-fl__box {
border-color: var(--ix-akcent);
background: var(--ix-akcent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10'%3E%3Cpath d='M1.5 5l3 3 6-6' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E") center no-repeat;
}
.ix-fl__nazwa {
flex: 1 1 auto;
min-width: 0;
overflow-wrap: anywhere;
}
.ix-fl__licznik {
flex: none;
font-family: var(--ix-mono);
font-size: 11px;
color: var(--ix-tekst);
font-variant-numeric: tabular-nums;
}
.ix-fl__opcja--pusta {
color: #9aa5b1;
cursor: not-allowed;
}
.ix-fl__opcja--pusta .ix-fl__box {
border-style: dashed;
background: transparent;
}
.ix-fl__brak {
margin: .4rem .5rem;
font-size: 13px;
color: var(--ix-tekst);
}
.ix-filtry--listy .ix-filtry__reset {
margin: 0 0 0 .25rem;
}
.ix-filtry__chipsy {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin: .75rem 0 0;
padding: 0;
list-style: none;
}
.ix-filtry__chipsy li {
margin: 0;
}
.ix-chip {
display: inline-flex;
align-items: center;
gap: .35rem;
padding: .3rem .55rem .3rem .7rem;
font-size: 13px;
line-height: 1.2;
color: #fff;
text-decoration: none;
background: var(--ix-akcent);
border-radius: 999px;
}
.ix-chip:hover,
.ix-chip:focus-visible {
color: #fff;
background: #094b8a;
}
.ix-chip__etykieta {
color: rgba(255, 255, 255, .75);
}
.ix-chip__x {
font-size: 16px;
line-height: 1;
} @media (max-width: 768px) {
.ix-katalog .ix-filtry--listy {
padding: .75rem;
}
.ix-filtry--listy .ix-filtry__rzad {
display: grid;
grid-template-columns: 1fr;
gap: .5rem;
}
.ix-fl__przycisk {
width: 100%;
}
.ix-fl__przycisk .ix-fl__strzalka {
margin-left: auto;
}
.ix-fl__panel {
position: static;
width: 100%;
max-width: none;
margin-top: .35rem;
box-shadow: none;
}
.ix-fl__lista {
max-height: 260px;
}
.ix-filtry--listy .ix-filtry__reset {
margin: .25rem 0 0;
}
} .ix-ladowanie ul.products,
.ix-ladowanie .woocommerce-result-count,
.ix-ladowanie .woocommerce-pagination {
opacity: .45;
pointer-events: none;
transition: opacity .15s;
}
.ix-ladowanie .ix-filtry {
cursor: progress;
} .ix-podstrona .entry-content:has(> .ix-dostawcy) > p {
max-width: 72ch;
}
.ix-dostawcy {
margin: 2rem 0 0;
}
.ix-dostawcy__lista {
display: grid;
grid-template-columns: repeat(8, minmax(0, 1fr));
gap: 16px;
margin: 0;
padding: 0;
list-style: none;
}
.ix-dostawcy__el {
margin: 0;
}
.ix-dostawcy__el > a,
.ix-dostawcy__el > span {
display: flex;
align-items: center;
justify-content: center;
aspect-ratio: 1;
padding: 10px;
background: var(--ix-plyta);
border: 1px solid var(--ix-linia-cien);
border-radius: var(--ix-r);
color: var(--ix-atrament);
text-decoration: none;
transition: border-color .15s ease, box-shadow .15s ease;
}
.ix-dostawcy__el > a:hover,
.ix-dostawcy__el > a:focus-visible {
border-color: var(--ix-akcent);
box-shadow: var(--ix-cien);
}
.ix-dostawcy__el img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.ix-dostawcy__nazwa {
font-size: .95rem;
font-weight: 600;
line-height: 1.25;
text-align: center;
color: var(--ix-medium);
}
@media (max-width: 1199px) {
.ix-dostawcy__lista {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
}
@media (max-width: 899px) {
.ix-dostawcy__lista {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
}
}
@media (max-width: 559px) {
.ix-dostawcy {
margin-top: 1.5rem;
}
.ix-dostawcy__lista {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
}
@media (prefers-reduced-motion: reduce) {
.ix-dostawcy__el > a {
transition: none;
}
} @media (min-width: 1025px) and (max-width: 1199px) {
.main-navigation .main-nav > ul > li > a {
padding-left: 12px;
padding-right: 12px;
}
}
@media (min-width: 1025px) and (max-width: 1099px) {
.main-navigation .main-nav > ul > li > a {
padding-left: 8px;
padding-right: 8px;
}
} .ix-wpis-karta__foto {
background: #fff;
}
.ix-wpis-karta__foto img {
object-fit: contain;
}
.ix-wpis__foto img {
object-fit: contain;
background: #fff;
} .ix-kontakt__blok--rejestr.ix-kontakt__blok--rejestr-pol {
grid-column: auto;
}
.ix-kontakt__blok--rejestr.ix-kontakt__blok--rejestr-pol p {
columns: 1;
} .single-product div.product table.ix-spec__tabela a.ix-pdf {
display: inline-flex;
align-items: center;
gap: .45em;
font-weight: 500;
text-decoration: none;
}
.single-product div.product table.ix-spec__tabela a.ix-pdf span {
text-decoration: underline;
text-underline-offset: .15em;
}
.single-product div.product table.ix-spec__tabela a.ix-pdf:hover span {
text-decoration-thickness: 2px;
}
.ix-pdf__ikona {
flex: none;
color: var(--ix-akcent);
}
.ix-pdf small {
font-size: .85em;
font-weight: 400;
color: var(--ix-tekst);
} .ix-liczby {
background: var(--ix-granat, #0b2a52);
color: #fff;
padding: clamp(2.5rem, 5vw, 4rem) 0;
max-width: 100%;
margin: 0;
}
.ix-liczby__container {
max-width: var(--ix-width);
margin: 0 auto;
padding: 0 1rem;
}
.ix-liczby__lista {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
margin: 0;
padding: 0;
list-style: none;
}
.ix-liczby__lista--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ix-liczby__lista--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ix-liczby__lista--1 { grid-template-columns: minmax(0, 1fr); }
.ix-liczby__pozycja {
display: flex;
flex-direction: column;
margin: 0;
padding: .25rem clamp(1rem, 2.5vw, 2.5rem);
border-left: 1px solid rgba(255, 255, 255, .18);
}
.ix-liczby__pozycja:first-child {
border-left: 0;
padding-left: 0;
}
.ix-liczby__pozycja::before {
content: "";
display: block;
width: 32px;
height: 3px;
margin-bottom: 1.1rem;
background: var(--ix-main);
}
.ix-liczby__wartosc {
display: flex;
align-items: baseline;
flex-wrap: wrap;
gap: .2em;
font-size: clamp(2.4rem, 4.2vw, 3.6rem);
font-weight: 600;
line-height: 1;
letter-spacing: -.02em;
font-variant-numeric: tabular-nums;
white-space: nowrap;
}
.ix-liczby__dopisek {
font-size: .5em;
font-weight: 500;
letter-spacing: 0;
color: rgba(255, 255, 255, .85);
}
.ix-liczby__opis {
margin-top: .7rem;
max-width: 22ch;
font-size: 1rem;
line-height: 1.45;
color: rgba(255, 255, 255, .78);
} .ix-cta-katalog + .ix-liczby {
margin-top: 2.5rem;
}
@media (max-width: 900px) {
.ix-liczby__lista,
.ix-liczby__lista--3 {
grid-template-columns: repeat(2, minmax(0, 1fr));
row-gap: 2.25rem;
}
.ix-liczby__pozycja:nth-child(odd) {
border-left: 0;
padding-left: 0;
}
}
@media (max-width: 420px) {
.ix-liczby__wartosc {
font-size: 2.1rem;
}
.ix-liczby__pozycja {
padding-right: .5rem;
}
.ix-liczby__pozycja:nth-child(even) {
padding-left: 1rem;
}
} .ix-podstrona .entry-content:has(> .ix-oferta-lista) > p,
.ix-podstrona .entry-content:has(> .ix-oferta-pusto) > p {
max-width: 72ch;
}
.ix-oferta-lista {
margin: 2rem 0 0;
}
.ix-oferta {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 20px;
margin: 0;
padding: 0;
list-style: none;
}
.ix-podstrona .entry-content .ix-oferta {
margin: 0;
}
.ix-oferta__el {
margin: 0;
min-width: 0;
} .ix-oferta .ix-oferta__karta {
display: flex;
flex-direction: column;
height: 100%;
background: var(--ix-plyta);
border: 1px solid var(--ix-linia);
border-radius: var(--ix-r);
overflow: hidden;
transition: border-color .15s ease, box-shadow .15s ease;
}
.ix-oferta__karta:hover,
.ix-oferta__karta:focus-within {
border-color: var(--ix-akcent);
box-shadow: var(--ix-cien);
}
.ix-oferta__foto {
position: relative;
display: block;
aspect-ratio: 4 / 3;
padding: 1.1rem;
background: #fff;
border-bottom: 1px solid var(--ix-linia-cien);
} .ix-oferta__foto img {
position: absolute;
inset: 1.1rem;
display: block;
width: calc(100% - 2.2rem);
height: calc(100% - 2.2rem);
max-width: none;
object-fit: contain;
}
.ix-oferta__foto img.ix-oferta__brak {
inset: 22%;
width: 56%;
height: 56%;
opacity: .6;
}
.ix-oferta__plakietka {
position: absolute;
top: 12px;
left: 12px;
z-index: 1;
padding: 4px 9px;
font-size: 11px;
font-weight: 600;
line-height: 1.3;
letter-spacing: .06em;
text-transform: uppercase;
color: #fff;
background: var(--ix-main);
border-radius: 2px;
}
.ix-oferta__tresc {
display: flex;
flex: 1 1 auto;
flex-direction: column;
gap: .6rem;
padding: 1rem 1.1rem 1.15rem;
}
.ix-podstrona .entry-content .ix-oferta__nazwa,
.ix-oferta__nazwa {
margin: 0;
font-size: 1.05rem;
font-weight: 600;
line-height: 1.35;
color: var(--ix-atrament);
}
.ix-podstrona .entry-content .ix-oferta__opis,
.ix-oferta__opis {
margin: 0;
font-size: .92rem;
line-height: 1.5;
color: var(--ix-tekst);
}
.ix-podstrona .entry-content .ix-oferta__stan,
.ix-oferta__stan {
display: inline-flex;
align-items: center;
align-self: flex-start;
gap: 6px;
margin: .1rem 0 0;
padding: 4px 10px 4px 8px;
font-size: .88rem;
line-height: 1.4;
color: var(--ix-medium);
background: var(--ix-tlo);
border-radius: var(--ix-r);
}
.ix-oferta__stan strong {
font-weight: 600;
color: var(--ix-atrament);
}
.ix-oferta__ikona {
flex: 0 0 auto;
color: var(--ix-akcent);
}
.ix-podstrona .entry-content .ix-oferta__cena,
.ix-oferta__cena {
display: flex;
flex-direction: column;
margin: auto 0 0;
padding-top: .85rem;
border-top: 1px solid var(--ix-linia-cien);
line-height: 1.25;
}
.ix-oferta__kwota {
font-size: 1.6rem;
font-weight: 700;
letter-spacing: -.01em;
color: var(--ix-atrament);
font-variant-numeric: tabular-nums;
}
.ix-oferta__cena--zapytanie .ix-oferta__kwota {
font-size: 1.15rem;
font-weight: 600;
}
.ix-oferta__jedn {
margin-top: .15rem;
font-size: .8rem;
color: var(--ix-tekst);
}
.ix-oferta__brutto {
margin-top: .35rem;
font-size: .92rem;
font-weight: 500;
color: var(--ix-medium);
font-variant-numeric: tabular-nums;
}
.ix-oferta__akcje {
display: flex;
flex-direction: column;
align-items: stretch;
gap: .5rem;
margin-top: .35rem;
}
.ix-oferta__akcje .ix-btn,
.ix-podstrona .entry-content .ix-oferta__akcje .ix-btn,
.ix-podstrona .entry-content .ix-oferta__akcje .ix-btn:hover {
display: flex;
align-items: center;
justify-content: center;
gap: .45rem;
text-align: center;
color: #fff;
}
.ix-podstrona .entry-content .ix-oferta__katalog,
.ix-oferta__katalog {
font-size: .9rem;
font-weight: 500;
text-align: center;
color: var(--ix-akcent);
text-decoration: none;
}
.ix-podstrona .entry-content .ix-oferta__katalog:hover,
.ix-oferta__katalog:hover {
text-decoration: underline;
}
.ix-podstrona .entry-content .ix-oferta__nota,
.ix-oferta__nota {
max-width: 72ch;
margin: 1.5rem 0 0;
font-size: .85rem;
line-height: 1.5;
color: var(--ix-tekst);
} .ix-oferta-pusto {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 1rem 2rem;
margin: 2rem 0 0;
padding: 1.5rem 1.75rem;
background: var(--ix-plyta);
border: 1px solid var(--ix-linia-cien);
border-radius: var(--ix-r);
}
.ix-podstrona .entry-content .ix-oferta-pusto__tekst,
.ix-oferta-pusto__tekst {
flex: 1 1 340px;
margin: 0;
max-width: 72ch;
color: var(--ix-medium);
}
.ix-oferta-pusto__tekst strong {
display: block;
margin-bottom: .2rem;
color: var(--ix-atrament);
}
.ix-podstrona .entry-content .ix-oferta-pusto .ix-btn,
.ix-podstrona .entry-content .ix-oferta-pusto .ix-btn:hover {
color: #fff;
} .ix-oferta-sekcja {
max-width: 100%;
margin: 0;
padding: var(--section-padding) 0;
background: var(--ix-plyta);
}
.ix-oferta-sekcja__container {
max-width: var(--ix-width);
margin: 0 auto;
padding: 0 1rem;
}
.ix-oferta-sekcja .ix-oferta {
margin-top: .75rem;
}
@media (max-width: 1200px) {
.ix-oferta {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 900px) {
.ix-oferta {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
} @media (max-width: 600px) {
.ix-oferta {
grid-template-columns: 1fr;
gap: 12px;
}
.ix-oferta .ix-oferta__karta {
display: grid;
grid-template-columns: 112px minmax(0, 1fr);
}
.ix-oferta__foto {
align-self: stretch;
aspect-ratio: auto;
min-height: 112px;
padding: .6rem;
border-bottom: 0;
border-right: 1px solid var(--ix-linia-cien);
} .ix-oferta__foto img {
inset: 1.6rem .6rem auto;
width: calc(100% - 1.2rem);
height: 92px;
}
.ix-oferta__foto img.ix-oferta__brak {
inset: 1.6rem 25% auto;
width: 50%;
height: 92px;
}
.ix-oferta__plakietka {
top: 6px;
left: 6px;
padding: 3px 6px;
font-size: 9px;
}
.ix-oferta__tresc {
gap: .45rem;
padding: .8rem .85rem .9rem;
}
.ix-podstrona .entry-content .ix-oferta__nazwa,
.ix-oferta__nazwa {
font-size: 1rem;
}
.ix-podstrona .entry-content .ix-oferta__opis,
.ix-oferta__opis {
font-size: .88rem;
}
.ix-oferta__kwota {
font-size: 1.35rem;
}
.ix-oferta__akcje .ix-btn {
padding: .65rem .75rem;
font-size: .92rem;
}
.ix-oferta-pusto {
padding: 1.25rem;
}
.ix-oferta-pusto .ix-btn {
width: 100%;
text-align: center;
}
}
@media (prefers-reduced-motion: reduce) {
.ix-oferta__karta {
transition: none;
}
} .ix-podstrona .entry-content .ix-kontakt__linie,
.ix-kontakt__linie {
margin: 0;
padding: 0;
list-style: none;
}
.ix-kontakt__linia {
display: flex;
flex-direction: column;
margin: 0;
line-height: 1.45;
font-variant-numeric: tabular-nums;
}
.ix-kontakt__linia + .ix-kontakt__linia {
margin-top: .7rem;
}
.ix-kontakt-strona .ix-kontakt__tel a {
font-size: 1rem;
font-weight: 600;
}
.ix-kontakt__mail {
font-size: .92rem;
overflow-wrap: anywhere;
}
.ix-kontakt-strona .ix-kontakt__mail a,
.ix-podstrona .entry-content .ix-kontakt-strona .ix-kontakt__mail a {
font-weight: 400;
color: var(--ix-medium);
} .ix-kontakt__linia--kom + .ix-kontakt__linia--kom {
margin-top: .15rem;
}
.ix-kontakt__linia.ix-kontakt__linia--odstep {
margin-top: 1.45em;
} .ix-podstrona .entry-content:has(> .ix-wyp) > p {
max-width: 72ch;
}
.ix-wyp {
margin: 2rem 0 0;
}
.ix-podstrona .entry-content .ix-wyp__lista,
.ix-wyp__lista {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
margin: .75rem 0 0;
padding: 0;
list-style: none;
}
.ix-wyp__el {
margin: 0;
min-width: 0;
}
.ix-wyp .ix-wyp__karta {
display: grid;
grid-template-columns: minmax(0, 42%) minmax(0, 1fr);
height: 100%;
background: var(--ix-plyta);
border: 1px solid var(--ix-linia);
border-radius: var(--ix-r);
overflow: hidden;
transition: border-color .15s ease, box-shadow .15s ease;
}
.ix-wyp .ix-wyp__karta:hover,
.ix-wyp .ix-wyp__karta:focus-within {
border-color: var(--ix-akcent);
box-shadow: var(--ix-cien);
}
.ix-wyp__foto {
position: relative;
min-height: 220px;
background: #fff;
border-right: 1px solid var(--ix-linia-cien);
}
.ix-wyp__foto img {
position: absolute;
inset: 1.25rem;
display: block;
width: calc(100% - 2.5rem);
height: calc(100% - 2.5rem);
max-width: none;
object-fit: contain;
}
.ix-wyp__foto img.ix-wyp__brak {
inset: 25%;
width: 50%;
height: 50%;
opacity: .6;
}
.ix-wyp__tresc {
display: flex;
flex-direction: column;
gap: .6rem;
padding: 1.4rem 1.5rem 1.5rem;
}
.ix-podstrona .entry-content .ix-wyp__nazwa,
.ix-wyp__nazwa {
margin: 0;
font-size: 1.2rem;
font-weight: 600;
line-height: 1.3;
color: var(--ix-atrament);
}
.ix-wyp__opis {
font-size: .95rem;
line-height: 1.6;
color: var(--ix-tekst);
}
.ix-podstrona .entry-content .ix-wyp__opis p,
.ix-wyp__opis p {
margin: 0 0 .6em;
}
.ix-podstrona .entry-content .ix-wyp__opis ul,
.ix-wyp__opis ul {
margin: 0 0 .6em 1.1em;
}
.ix-wyp__opis > :last-child {
margin-bottom: 0;
}
.ix-wyp__akcje {
margin-top: auto;
padding-top: .5rem;
}
.ix-wyp__akcje .ix-btn,
.ix-podstrona .entry-content .ix-wyp__akcje .ix-btn,
.ix-podstrona .entry-content .ix-wyp__akcje .ix-btn:hover {
display: inline-flex;
align-items: center;
gap: .45rem;
color: #fff;
} .ix-podstrona .entry-content > .ix-kroki {
margin: 2.5rem 0 0;
padding: 2rem 2rem 2.25rem;
background: var(--ix-plyta);
border: 1px solid var(--ix-linia);
border-radius: var(--ix-r);
}
.ix-podstrona .entry-content > .ix-kroki .ix-kroki__container {
padding: 0;
}
.ix-podstrona .entry-content > .ix-cta {
margin: 2rem 0 0;
padding: 0;
background: transparent;
} .ix-podstrona .entry-content .ix-wyp .ix-naglowek-sekcji__tytul,
.ix-podstrona .entry-content > .ix-kroki .ix-naglowek-sekcji__tytul,
.ix-podstrona .entry-content > .ix-cta .ix-cta__tytul {
margin-top: 0;
}
.ix-podstrona .entry-content > .ix-kroki .ix-krok__tytul {
margin: 0 0 .35rem;
}
.ix-podstrona .entry-content > .ix-kroki .ix-krok__opis {
margin: 0 auto;
}
.ix-podstrona .entry-content > .ix-cta .ix-cta__slowa p {
margin: 0;
} @media (min-width: 601px) {
.ix-podstrona .entry-content > .ix-kroki .ix-kroki__lista {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1.5rem;
}
.ix-podstrona .entry-content > .ix-kroki .ix-krok:not(:last-child)::after {
right: -1.5rem;
}
}
@media (max-width: 600px) {
.ix-podstrona .entry-content > .ix-kroki .ix-kroki__lista {
grid-template-columns: 1fr;
gap: 1.5rem;
}
}
@media (max-width: 1000px) {
.ix-podstrona .entry-content .ix-wyp__lista,
.ix-wyp__lista {
grid-template-columns: 1fr;
}
}
@media (max-width: 600px) {
.ix-wyp .ix-wyp__karta {
grid-template-columns: 1fr;
}
.ix-wyp__foto {
min-height: 0;
aspect-ratio: 4 / 3;
border-right: 0;
border-bottom: 1px solid var(--ix-linia-cien);
}
.ix-wyp__tresc {
padding: 1.1rem 1.1rem 1.2rem;
}
.ix-wyp__akcje .ix-btn {
width: 100%;
justify-content: center;
}
.ix-podstrona .entry-content > .ix-kroki {
padding: 1.4rem 1.2rem 1.5rem;
}
}
@media (prefers-reduced-motion: reduce) {
.ix-wyp .ix-wyp__karta {
transition: none;
}
} .ix-podstrona .entry-content .ix-oferta__cena + .ix-oferta__stan,
.ix-oferta__cena + .ix-oferta__stan {
margin-top: .75rem;
}
.ix-oferta__stan + .ix-oferta__akcje {
margin-top: .75rem;
} .cky-btn-customize {
color: var(--ix-granat) !important;
border: 2px solid var(--ix-granat) !important;
}
.cky-btn-reject, .cky-btn-preferences {
background: #fff !important;
color: var(--ix-granat) !important;
border-color: var(--ix-granat) !important;
}
.cky-btn-accept {
background: var(--ix-granat) !important;
border-color: var(--ix-granat) !important;
}
.cky-btn-revisit-wrapper {
background: var(--ix-granat) !important;
}
.cky-preference-content-wrapper .cky-show-desc-btn, .cky-accordion-header .cky-always-active {
color: var(--ix-granat) !important;
} .site-footer .inside-site-info {
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: center;
column-gap: 1.5rem;
}
.site-footer .inside-site-info > .copyright-bar {
grid-column: 2;
grid-row: 1;
text-align: center;
}
.site-footer .ix-autor {
grid-column: 3;
grid-row: 1;
justify-self: end;
display: inline-flex;
line-height: 0;
opacity: .3;
transition: opacity .2s ease;
}
.site-footer .ix-autor:hover,
.site-footer .ix-autor:focus-visible {
opacity: 0.6;
}
.site-footer .ix-autor:focus-visible {
outline: 1px solid rgba(255,255,255,.6);
outline-offset: 4px;
}
.site-footer .ix-autor img {
display: block;
width: auto;
height: 22px;
}
@media (max-width: 768px) {
.site-footer .inside-site-info {
grid-template-columns: 1fr;
row-gap: .75rem;
}
.site-footer .inside-site-info > .copyright-bar {
grid-column: 1;
}
.site-footer .ix-autor {
grid-column: 1;
grid-row: 2;
justify-self: center;
}
}
@media (prefers-reduced-motion: reduce) {
.site-footer .ix-autor {
transition: none;
}
}