/* Ten arkusz występuje wyłącznie na stronie z banerem. */
html body :is(.page__header, .page-header, .entry-header) {
display: none !important;
}

html body :is(#content, .site-content, .site-main, .content-area, .page__content, .entry-content, .wp-block-post-content) {
margin-top: 0 !important;
padding-top: 0 !important;
}

/* Reset motywu aktywuje się tylko na stronie zawierającej ten blok. */
@supports selector(:has(*)) {
html:has(body [data-wpsec=”q8m2-home”]) {
overflow-x: visible !important;
}

html body:has([data-wpsec=”q8m2-home”]) {
overflow-x: hidden !important;
}

html body:has([data-wpsec=”q8m2-home”]) :is(.page__header, .page-header, .entry-header) {
display: none !important;
height: 0 !important;
margin: 0 !important;
min-height: 0 !important;
padding: 0 !important;
}

html body:has([data-wpsec=”q8m2-home”]) > *:has([data-wpsec=”q8m2-home”]),
html body:has([data-wpsec=”q8m2-home”]) > *:has([data-wpsec=”q8m2-home”]) *:has([data-wpsec=”q8m2-home”]) {
margin-block-start: 0 !important;
overflow: visible !important;
padding-block-start: 0 !important;
}

html body:has([data-wpsec=”q8m2-home”]) :is(.wp-block-html, .wp-block-group, .wp-block-column):has([data-wpsec=”q8m2-home”]) {
margin-top: 0 !important;
padding-top: 0 !important;
}
}

.wpsec-q8m2-home {
–q8m2-ink: #161512;
–q8m2-ivory: #f5f0e7;
–q8m2-paper: #fffdf9;
–q8m2-accent: #8a3b48;
–q8m2-muted: #6e6a63;
–q8m2-line: rgba(22, 21, 18, .16);
background: var(–q8m2-paper);
color: var(–q8m2-ink);
container-name: q8m2;
container-type: inline-size;
font-family: inherit;
margin: 0 0 0 calc(50% – 50vw) !important;
max-width: 100vw !important;
overflow: hidden;
position: relative;
width: 100vw !important;
}

.wpsec-q8m2-home,
.wpsec-q8m2-home * {
box-sizing: border-box;
}

.wpsec-q8m2-home > *,
.wpsec-q8m2-home section,
.wpsec-q8m2-home picture {
max-width: 100%;
min-width: 0;
}

.wpsec-q8m2-home ::selection {
background: var(–q8m2-accent);
color: #fff;
}

.wpsec-q8m2-home a {
color: inherit;
text-decoration: none;
}

.wpsec-q8m2-home img {
display: block;
height: auto;
max-width: 100%;
}

.wpsec-q8m2-home button,
.wpsec-q8m2-home input {
font: inherit;
}

.wpsec-q8m2-home .wpsec-q8m2-serif {
font-family: Georgia, „Times New Roman”, serif;
font-weight: 400;
}

.wpsec-q8m2-home .wpsec-q8m2-collection-note {
color: var(–q8m2-accent);
font-size: 10px;
font-weight: 700;
letter-spacing: .16em;
margin: 20px 0 0;
text-transform: uppercase;
}

.wpsec-q8m2-home .wpsec-q8m2-button {
align-items: center;
background: var(–q8m2-ink);
border: 1px solid var(–q8m2-ink);
color: #fff;
display: inline-flex;
font-size: 10px;
font-weight: 700;
gap: 28px;
justify-content: space-between;
letter-spacing: .17em;
max-width: 100%;
min-height: 48px;
min-width: min(210px, 100%);
padding: 14px 19px;
text-transform: uppercase;
transition: background-color .25s ease, color .25s ease;
width: fit-content;
}

.wpsec-q8m2-home .wpsec-q8m2-button:hover,
.wpsec-q8m2-home .wpsec-q8m2-button:focus-visible {
background: transparent;
color: var(–q8m2-ink);
}

.wpsec-q8m2-home .wpsec-q8m2-button-icon {
display: block;
flex: 0 0 auto;
height: 14px;
transition: transform .3s cubic-bezier(.22, 1, .36, 1);
width: 30px;
}

.wpsec-q8m2-home .wpsec-q8m2-button-icon svg {
display: block;
height: 100%;
overflow: visible;
width: 100%;
}

.wpsec-q8m2-home .wpsec-q8m2-button:hover .wpsec-q8m2-button-icon,
.wpsec-q8m2-home .wpsec-q8m2-button:focus-visible .wpsec-q8m2-button-icon {
transform: translateX(4px);
}

.wpsec-q8m2-home .wpsec-q8m2-button:focus-visible,
.wpsec-q8m2-home a:focus-visible,
.wpsec-q8m2-home button:focus-visible,
.wpsec-q8m2-home input:focus-visible {
outline: 2px solid var(–q8m2-accent);
outline-offset: 4px;
}

/* HERO — edytuj tekst, link oraz dwa adresy obrazów poniżej. */
.wpsec-q8m2-home .wpsec-q8m2-hero {
background: var(–q8m2-ivory);
display: grid;
min-width: 0;
width: 100%;
}

.wpsec-q8m2-home .wpsec-q8m2-hero-copy {
display: flex;
flex-direction: column;
grid-row: 2;
justify-content: center;
min-height: 0;
min-width: 0;
padding: 54px 20px 60px;
}

.wpsec-q8m2-home .wpsec-q8m2-hero h1 {
font-size: clamp(46px, 14cqi, 74px) !important;
letter-spacing: -.035em;
line-height: .9;
margin: 0;
min-width: 0;
overflow-wrap: anywhere;
}

.wpsec-q8m2-home .wpsec-q8m2-hero h1 em {
color: var(–q8m2-accent);
font-style: italic;
}

.wpsec-q8m2-home .wpsec-q8m2-lead {
color: var(–q8m2-muted);
font-family: Georgia, „Times New Roman”, serif;
font-size: 15px;
line-height: 1.75;
margin: 24px 0 34px;
max-width: 430px;
}

.wpsec-q8m2-home .wpsec-q8m2-hero-media {
aspect-ratio: auto;
grid-row: 1;
height: 470px;
min-height: 470px;
overflow: hidden;
position: relative;
}

.wpsec-q8m2-home .wpsec-q8m2-hero-media picture {
display: block;
inset: 0;
position: absolute;
}

.wpsec-q8m2-home .wpsec-q8m2-hero-media picture,
.wpsec-q8m2-home .wpsec-q8m2-hero-media img {
height: 100%;
width: 100%;
}

.wpsec-q8m2-home .wpsec-q8m2-hero-media img {
object-fit: cover;
object-position: center 30%;
transition: transform 1s ease;
}

.wpsec-q8m2-home .wpsec-q8m2-hero:hover .wpsec-q8m2-hero-media img {
transform: scale(1.02);
}

/* WSPÓLNY NAGŁÓWEK SEKCJI */
.wpsec-q8m2-home .wpsec-q8m2-section-head {
align-items: flex-start;
display: flex;
flex-direction: column;
gap: 18px;
margin-bottom: 38px;
}

.wpsec-q8m2-home .wpsec-q8m2-section-head h2 {
font-family: Georgia, „Times New Roman”, serif !important;
font-size: clamp(38px, 10cqi, 64px) !important;
font-weight: 400 !important;
letter-spacing: -.035em;
line-height: .98 !important;
margin: 0;
overflow-wrap: anywhere;
}

.wpsec-q8m2-home .wpsec-q8m2-section-head p {
color: var(–q8m2-muted);
font-family: Georgia, „Times New Roman”, serif;
font-size: 15px;
line-height: 1.65;
margin: 0;
max-width: 390px;
}

/* KATEGORIE — edytuj linki i trzy adresy obrazów w HTML. */
.wpsec-q8m2-home .wpsec-q8m2-categories {
margin-inline: auto;
max-width: 1460px;
padding: 82px 18px 90px;
width: 100%;
}

.wpsec-q8m2-home .wpsec-q8m2-category-grid {
display: grid;
gap: 14px;
}

.wpsec-q8m2-home .wpsec-q8m2-category {
aspect-ratio: 3 / 4;
background: #d9d3cb;
min-height: 0;
min-width: 0;
overflow: hidden;
position: relative;
width: 100%;
}

.wpsec-q8m2-home .wpsec-q8m2-category img {
height: 100%;
object-fit: cover;
transition: transform .7s ease;
width: 100%;
}

.wpsec-q8m2-home .wpsec-q8m2-category:hover img,
.wpsec-q8m2-home .wpsec-q8m2-category:focus-visible img {
transform: scale(1.035);
}

.wpsec-q8m2-home .wpsec-q8m2-category::after {
background: linear-gradient(transparent, rgba(10, 8, 6, .72));
content: „”;
inset: 42% 0 0;
pointer-events: none;
position: absolute;
}

.wpsec-q8m2-home .wpsec-q8m2-category-label {
bottom: 24px;
color: #fff;
left: 24px;
position: absolute;
right: 24px;
z-index: 1;
}

.wpsec-q8m2-home .wpsec-q8m2-category-label span {
font-size: 9px;
letter-spacing: .14em;
text-transform: uppercase;
}

.wpsec-q8m2-home .wpsec-q8m2-category-label h3 {
font-family: Georgia, „Times New Roman”, serif;
font-size: 40px;
font-weight: 400;
margin: 0 0 8px;
overflow-wrap: anywhere;
}

/* PRODUKTY WOOCOMMERCE — bez przycisku dodawania do koszyka. */
.wpsec-q8m2-home .wpsec-q8m2-products {
background: #eee7dc;
padding: 82px 18px 92px;
}

.wpsec-q8m2-home .wpsec-q8m2-products-inner {
margin-inline: auto;
max-width: 1460px;
}

.wpsec-q8m2-home .wpsec-q8m2-products .wpsec-q8m2-section-head {
border-bottom: 1px solid var(–q8m2-ink);
padding-bottom: 20px;
}

.wpsec-q8m2-home .wpsec-q8m2-product-grid {
display: grid;
gap: 42px 14px;
grid-template-columns: minmax(0, 1fr);
justify-content: start;
width: 100%;
}

.wpsec-q8m2-home .wpsec-q8m2-product {
min-width: 0;
}

.wpsec-q8m2-home .wpsec-q8m2-product-media {
aspect-ratio: 3 / 4;
background: #d8d2c9;
display: block;
overflow: hidden;
position: relative;
}

.wpsec-q8m2-home .wpsec-q8m2-product-media img {
height: 100%;
object-fit: cover;
transition: transform .55s ease;
width: 100%;
}

.wpsec-q8m2-home .wpsec-q8m2-product-image-missing {
align-items: center;
color: var(–q8m2-muted);
display: flex;
font-family: Georgia, „Times New Roman”, serif;
font-size: 14px;
height: 100%;
justify-content: center;
padding: 24px;
text-align: center;
}

.wpsec-q8m2-home .wpsec-q8m2-product:hover .wpsec-q8m2-product-media img,
.wpsec-q8m2-home .wpsec-q8m2-product-media:focus-visible img {
transform: scale(1.025);
}

.wpsec-q8m2-home .wpsec-q8m2-product-info {
display: grid;
gap: 7px 14px;
grid-template-columns: minmax(0, 1fr) auto;
padding-top: 16px;
}

.wpsec-q8m2-home .wpsec-q8m2-product-name {
font-family: Georgia, „Times New Roman”, serif;
font-size: 17px;
line-height: 1.35;
}

.wpsec-q8m2-home .wpsec-q8m2-product-price {
align-items: baseline;
display: flex;
flex-wrap: wrap;
font-size: 13px;
font-weight: 700;
gap: 7px;
justify-content: flex-end;
}

.wpsec-q8m2-home .wpsec-q8m2-product-price del {
color: var(–q8m2-muted);
font-weight: 400;
}

.wpsec-q8m2-home .wpsec-q8m2-product-price ins {
color: var(–q8m2-accent);
text-decoration: none;
}

.wpsec-q8m2-home .wpsec-q8m2-status {
background: rgba(255, 255, 255, .72);
border: 1px solid rgba(22, 21, 18, .14);
color: var(–q8m2-muted);
font-size: 13px;
grid-column: 1 / -1;
line-height: 1.6;
margin: 0;
padding: 20px;
}

.wpsec-q8m2-home .wpsec-q8m2-skeleton {
animation: wpsec-q8m2-pulse 1.25s ease-in-out infinite alternate;
aspect-ratio: 3 / 4;
background: #ddd6cc;
}

@keyframes wpsec-q8m2-pulse {
to { opacity: .48; }
}

/* HISTORIA — edytuj tekst, link oraz dwa adresy obrazów w HTML. */
.wpsec-q8m2-home .wpsec-q8m2-story {
background: var(–q8m2-accent);
color: #fff;
display: grid;
}

.wpsec-q8m2-home .wpsec-q8m2-story-media {
height: 470px;
min-height: 470px;
overflow: hidden;
position: relative;
}

.wpsec-q8m2-home .wpsec-q8m2-story-media picture {
display: block;
inset: 0;
position: absolute;
}

.wpsec-q8m2-home .wpsec-q8m2-story-media picture,
.wpsec-q8m2-home .wpsec-q8m2-story-media img {
height: 100%;
width: 100%;
}

.wpsec-q8m2-home .wpsec-q8m2-story-media img {
object-fit: cover;
object-position: center 30%;
}

.wpsec-q8m2-home .wpsec-q8m2-story-copy {
align-self: center;
padding: 72px 24px 80px;
}

.wpsec-q8m2-home .wpsec-q8m2-story h2 {
font-family: Georgia, „Times New Roman”, serif !important;
font-size: clamp(46px, 14cqi, 72px) !important;
font-weight: 400 !important;
letter-spacing: -.035em;
line-height: .94 !important;
margin: 0 0 26px;
overflow-wrap: anywhere;
}

.wpsec-q8m2-home .wpsec-q8m2-story-copy > p {
color: rgba(255, 255, 255, .82);
font-family: Georgia, „Times New Roman”, serif;
font-size: 16px;
line-height: 1.75;
margin: 0 0 34px;
max-width: 460px;
}

.wpsec-q8m2-home .wpsec-q8m2-story .wpsec-q8m2-button {
background: #fff;
border-color: #fff;
color: var(–q8m2-ink);
}

.wpsec-q8m2-home .wpsec-q8m2-story .wpsec-q8m2-button:hover,
.wpsec-q8m2-home .wpsec-q8m2-story .wpsec-q8m2-button:focus-visible {
background: transparent;
color: #fff;
}

@container q8m2 (min-width: 640px) {
.wpsec-q8m2-home .wpsec-q8m2-section-head {
align-items: flex-end;
flex-direction: row;
justify-content: space-between;
}

.wpsec-q8m2-home .wpsec-q8m2-category-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wpsec-q8m2-home .wpsec-q8m2-category:first-child {
grid-row: auto;
}

.wpsec-q8m2-home .wpsec-q8m2-category:nth-child(3) {
aspect-ratio: 16 / 9;
grid-column: 1 / -1;
}

.wpsec-q8m2-home .wpsec-q8m2-category:nth-child(3) img {
object-position: center 20%;
}

.wpsec-q8m2-home .wpsec-q8m2-product-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

}

@container q8m2 (min-width: 768px) {
.wpsec-q8m2-home .wpsec-q8m2-hero-media {
aspect-ratio: auto;
height: 470px;
min-height: 470px;
}
}

@container q8m2 (min-width: 960px) {
.wpsec-q8m2-home .wpsec-q8m2-hero {
align-items: stretch;
grid-template-columns: 55% 45%;
min-height: 650px;
}

.wpsec-q8m2-home .wpsec-q8m2-hero-copy {
grid-column: 2;
grid-row: 1;
min-height: 650px;
padding: clamp(64px, 5vw, 96px);
}

.wpsec-q8m2-home .wpsec-q8m2-hero h1 {
font-size: clamp(60px, 6.6cqi, 96px) !important;
}

.wpsec-q8m2-home .wpsec-q8m2-hero-media {
align-self: stretch;
grid-column: 1;
grid-row: 1;
height: auto;
min-height: 650px;
}

.wpsec-q8m2-home .wpsec-q8m2-categories {
padding: 110px clamp(24px, 4vw, 64px) 122px;
}

.wpsec-q8m2-home .wpsec-q8m2-category-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}

.wpsec-q8m2-home .wpsec-q8m2-category:first-child {
grid-row: auto;
}

.wpsec-q8m2-home .wpsec-q8m2-category:nth-child(3) {
aspect-ratio: 3 / 4;
grid-column: auto;
}

.wpsec-q8m2-home .wpsec-q8m2-category:nth-child(3) img {
object-position: center;
}

.wpsec-q8m2-home .wpsec-q8m2-category {
min-height: 470px;
}

.wpsec-q8m2-home .wpsec-q8m2-products {
padding: 108px clamp(24px, 4vw, 64px) 124px;
}

.wpsec-q8m2-home .wpsec-q8m2-product-grid {
gap: clamp(16px, 2vw, 28px);
grid-template-columns: repeat(4, minmax(0, 1fr));
}

.wpsec-q8m2-home .wpsec-q8m2-story {
align-items: stretch;
grid-template-columns: 55% 45%;
min-height: 650px;
}

.wpsec-q8m2-home .wpsec-q8m2-story-media {
align-self: stretch;
height: auto;
min-height: 650px;
}

.wpsec-q8m2-home .wpsec-q8m2-story-copy {
padding: clamp(64px, 5vw, 96px);
}

}

@media (prefers-reduced-motion: reduce) {
.wpsec-q8m2-home *,
.wpsec-q8m2-home *::before,
.wpsec-q8m2-home *::after {
animation-duration: .01ms !important;
animation-iteration-count: 1 !important;
scroll-behavior: auto !important;
transition-duration: .01ms !important;
}
}

Znajdź swój fason

Sukienki

Zobacz kolekcję

Na co dzień

Zobacz kolekcję

Okrycia

Zobacz kolekcję

(() => {
const escapeHtml = (value = ”) => String(value).replace(/[&'”]/g, (character) => ({
'&’: '&’,
”: ’>’,
„'”: ''’,
'”’: '"’
}[character]));

const formatPrice = (rawPrice, prices = {}) => {
const minorUnit = Number(prices.currency_minor_unit ?? 2);
const amount = Number(rawPrice || 0) / Math.pow(10, minorUnit);
try {
return new Intl.NumberFormat(’pl-PL’, {
style: 'currency’,
currency: prices.currency_code || 'PLN’
}).format(amount);
} catch (error) {
return `${amount.toFixed(minorUnit)} ${prices.currency_symbol || 'zł’}`;
}
};

const productPrice = (product) => {
const prices = product.prices || {};
const current = formatPrice(prices.price, prices);
const regular = formatPrice(prices.regular_price, prices);
const isSale = prices.regular_price && prices.price !== prices.regular_price;
return isSale
? `${escapeHtml(regular)}${escapeHtml(current)}`
: `${escapeHtml(current)}`;
};

const productCard = (product) => {
const image = product.images?.[0] || {};
const productUrl = product.permalink || '/shop/’;
const productImage = image.src
? ``
: ’Zdjęcie produktu wkrótce’;
return `

`;
};

document.querySelectorAll('[data-wpsec=”q8m2-home”]’).forEach((page) => {
if (page.dataset.ready === 'true’) return;
page.dataset.ready = 'true’;

const productsRoot = page.querySelector('[data-products-section]’);
const grid = productsRoot?.querySelector('[data-products-grid]’);
if (productsRoot && grid) {
const ids = (productsRoot.dataset.productIds || ”)
.split(’,’)
.map((id) => id.trim())
.filter((id) => /^\d+$/.test(id));
const limit = Math.max(1, Math.min(20, Number(productsRoot.dataset.productsLimit) || 4));

const previewProducts = [
{ name: 'Sukienka Aurora’, permalink: '/shop/’, images: [{ src: '/wp-content/uploads/2026/08/kategoria-sukienki.png’, alt: 'Sukienka Aurora’ }], prices: { price: '38900′, regular_price: '38900′, currency_code: 'PLN’, currency_minor_unit: 2 } },
{ name: 'Koszula Noelle’, permalink: '/shop/’, images: [{ src: '/wp-content/uploads/2026/08/kategoria-na-co-dzien.png’, alt: 'Koszula Noelle’ }], prices: { price: '26900′, regular_price: '29900′, currency_code: 'PLN’, currency_minor_unit: 2 } },
{ name: 'Płaszcz Alma’, permalink: '/shop/’, images: [{ src: '/wp-content/uploads/2026/08/kategoria-okrycia.png’, alt: 'Płaszcz Alma’ }], prices: { price: '64900′, regular_price: '64900′, currency_code: 'PLN’, currency_minor_unit: 2 } },
{ name: 'Spodnie Simone’, permalink: '/shop/’, images: [{ src: '/wp-content/uploads/2026/08/historia-mobile.png’, alt: 'Spodnie Simone’ }], prices: { price: '32900′, regular_price: '32900′, currency_code: 'PLN’, currency_minor_unit: 2 } }
];

const renderProducts = (products) => {
grid.innerHTML = products.slice(0, limit).map(productCard).join(”);
grid.setAttribute(’aria-busy’, 'false’);
};

if (productsRoot.dataset.previewProducts === 'true’) {
renderProducts(previewProducts);
} else {
const endpoint = new URL(productsRoot.dataset.storeApi, window.location.origin);
endpoint.searchParams.set(’per_page’, String(limit));
if (ids.length) {
endpoint.searchParams.set(’include’, ids.join(’,’));
} else {
endpoint.searchParams.set(’orderby’, 'date’);
endpoint.searchParams.set(’order’, 'desc’);
}

fetch(endpoint.toString(), { credentials: 'same-origin’ })
.then((response) => {
if (!response.ok) throw new Error(`HTTP ${response.status}`);
return response.json();
})
.then((products) => {
if (!Array.isArray(products) || products.length === 0) {
throw new Error(’Nie znaleziono produktów.’);
}
const ordered = ids.length
? ids.map((id) => products.find((product) => String(product.id) === id)).filter(Boolean)
: products;
renderProducts(ordered);
})
.catch((error) => {
grid.setAttribute(’aria-busy’, 'false’);
grid.innerHTML = ’

Nie udało się pobrać produktów. Sprawdź, czy WooCommerce i Store API są aktywne.

’;
console.warn(’Produkty WooCommerce:’, error);
});
}
}
});
})();